Phase 3 scaffold: chat engine (WebSocket, FCM, pricing, timer, extension, history)

- Backend: WebSocket plugin, chat/pricing/timer/extension/closure/notification services - Client app: ChatBloc, pricing dialog, chat screen with message status, extension/goodbye flow, history - Mitra app: MitraChatBloc, ExtensionBloc, chat screen, extension accept/reject, history - Control center: free trial, extension timeout, early end config toggles - DB migration: chat_messages, session_closures, session_extensions, customer_transactions tables Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
2026-04-07 23:58:11 +08:00
parent 844d7234e6
commit b4efcf14c2
47 changed files with 4361 additions and 44 deletions
--- a/client_app/lib/features/chat/widgets/pricing_bottom_sheet.dart
+++ b/client_app/lib/features/chat/widgets/pricing_bottom_sheet.dart
@@ -0,0 +1,119 @@
+import 'package:flutter/material.dart';
+import 'package:flutter_bloc/flutter_bloc.dart';
+import '../../../core/api/api_client.dart';
+import '../../../core/chat/chat_opening_bloc.dart';
+import '../../../core/pairing/pairing_bloc.dart';
+
+class PricingBottomSheet extends StatelessWidget {
+  const PricingBottomSheet({super.key});
+
+  static Future<void> show(BuildContext context) {
+    return showModalBottomSheet(
+      context: context,
+      isScrollControlled: true,
+      builder: (_) => BlocProvider(
+        create: (ctx) => ChatOpeningBloc(apiClient: ctx.read<ApiClient>())..add(LoadPricing()),
+        child: const PricingBottomSheet(),
+      ),
+    );
+  }
+
+  String _formatPrice(int price) {
+    final str = price.toString();
+    final buffer = StringBuffer();
+    for (var i = 0; i < str.length; i++) {
+      if (i > 0 && (str.length - i) % 3 == 0) buffer.write('.');
+      buffer.write(str[i]);
+    }
+    return 'Rp $buffer';
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return BlocBuilder<ChatOpeningBloc, ChatOpeningState>(
+      builder: (context, state) {
+        if (state is PricingLoading || state is PricingInitial) {
+          return const SizedBox(
+            height: 200,
+            child: Center(child: CircularProgressIndicator()),
+          );
+        }
+
+        if (state is PricingError) {
+          return SizedBox(
+            height: 200,
+            child: Center(child: Text(state.message)),
+          );
+        }
+
+        if (state is PricingLoaded) {
+          return DraggableScrollableSheet(
+            initialChildSize: 0.6,
+            minChildSize: 0.4,
+            maxChildSize: 0.8,
+            expand: false,
+            builder: (_, scrollController) {
+              return Padding(
+                padding: const EdgeInsets.all(24),
+                child: ListView(
+                  controller: scrollController,
+                  children: [
+                    const Text(
+                      'Pilih Durasi Curhat',
+                      style: TextStyle(fontSize: 20, fontWeight: FontWeight.bold),
+                      textAlign: TextAlign.center,
+                    ),
+                    const SizedBox(height: 16),
+                    if (state.freeTrialEligible) ...[
+                      Card(
+                        color: Colors.green.shade50,
+                        child: ListTile(
+                          leading: const Icon(Icons.card_giftcard, color: Colors.green),
+                          title: Text('Free Trial (${state.freeTrialDurationMinutes} Menit)'),
+                          subtitle: const Text('Gratis untuk pertama kali!'),
+                          trailing: const Icon(Icons.arrow_forward_ios, size: 16),
+                          onTap: () {
+                            Navigator.of(context).pop();
+                            _startPairing(context, isFreeTrial: true);
+                          },
+                        ),
+                      ),
+                      const Divider(height: 24),
+                    ],
+                    ...state.tiers.map((tier) => Card(
+                      child: ListTile(
+                        title: Text(tier.label),
+                        trailing: Text(
+                          _formatPrice(tier.price),
+                          style: const TextStyle(fontWeight: FontWeight.bold, fontSize: 16),
+                        ),
+                        onTap: () {
+                          Navigator.of(context).pop();
+                          _startPairing(
+                            context,
+                            durationMinutes: tier.durationMinutes,
+                            price: tier.price,
+                          );
+                        },
+                      ),
+                    )),
+                  ],
+                ),
+              );
+            },
+          );
+        }
+
+        return const SizedBox.shrink();
+      },
+    );
+  }
+
+  void _startPairing(BuildContext context, {bool isFreeTrial = false, int? durationMinutes, int? price}) {
+    context.read<PairingBloc>().add(RequestPairingWithTier(
+      durationMinutes: durationMinutes,
+      price: price,
+      isFreeTrial: isFreeTrial,
+    ));
+  }
+}