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/mitra_app/lib/features/chat/screens/chat_transcript_screen.dart
+++ b/mitra_app/lib/features/chat/screens/chat_transcript_screen.dart
@@ -0,0 +1,91 @@
+import 'package:flutter/material.dart';
+import 'package:flutter_bloc/flutter_bloc.dart';
+import '../../../core/api/api_client.dart';
+
+class MitraChatTranscriptScreen extends StatefulWidget {
+  final String sessionId;
+
+  const MitraChatTranscriptScreen({super.key, required this.sessionId});
+
+  @override
+  State<MitraChatTranscriptScreen> createState() => _MitraChatTranscriptScreenState();
+}
+
+class _MitraChatTranscriptScreenState extends State<MitraChatTranscriptScreen> {
+  List<Map<String, dynamic>> _messages = [];
+  List<Map<String, dynamic>> _closures = [];
+  bool _loading = true;
+
+  @override
+  void initState() {
+    super.initState();
+    _loadTranscript();
+  }
+
+  Future<void> _loadTranscript() async {
+    try {
+      final api = context.read<ApiClient>();
+      final response = await api.get('/api/shared/chat/${widget.sessionId}/transcript');
+      final data = response['data'] as Map<String, dynamic>;
+      setState(() {
+        _messages = (data['messages'] as List<dynamic>).cast<Map<String, dynamic>>();
+        _closures = (data['closures'] as List<dynamic>).cast<Map<String, dynamic>>();
+        _loading = false;
+      });
+    } catch (_) {
+      setState(() => _loading = false);
+    }
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      appBar: AppBar(title: const Text('Transkrip Chat')),
+      body: _loading
+          ? const Center(child: CircularProgressIndicator())
+          : ListView(
+              padding: const EdgeInsets.all(16),
+              children: [
+                ..._messages.map((m) {
+                  final isMe = m['sender_type'] == 'mitra';
+                  final time = DateTime.parse(m['created_at'] as String).toLocal();
+                  return Align(
+                    alignment: isMe ? Alignment.centerRight : Alignment.centerLeft,
+                    child: Container(
+                      margin: const EdgeInsets.symmetric(vertical: 4),
+                      padding: const EdgeInsets.symmetric(horizontal: 14, vertical: 10),
+                      constraints: BoxConstraints(maxWidth: MediaQuery.of(context).size.width * 0.75),
+                      decoration: BoxDecoration(
+                        color: isMe ? Colors.green.shade100 : Colors.grey.shade200,
+                        borderRadius: BorderRadius.circular(16),
+                      ),
+                      child: Column(
+                        crossAxisAlignment: CrossAxisAlignment.end,
+                        children: [
+                          Text(m['content'] as String, style: const TextStyle(fontSize: 15)),
+                          const SizedBox(height: 4),
+                          Text(
+                            '${time.hour.toString().padLeft(2, '0')}:${time.minute.toString().padLeft(2, '0')}',
+                            style: const TextStyle(fontSize: 10, color: Colors.grey),
+                          ),
+                        ],
+                      ),
+                    ),
+                  );
+                }),
+                if (_closures.isNotEmpty) ...[
+                  const Divider(height: 32),
+                  const Text('Pesan Penutup', style: TextStyle(fontWeight: FontWeight.bold, fontSize: 16)),
+                  const SizedBox(height: 8),
+                  ..._closures.map((c) => Card(
+                    child: ListTile(
+                      title: Text(c['user_type'] == 'mitra' ? 'Kamu' : 'Customer'),
+                      subtitle: Text(c['message'] as String),
+                    ),
+                  )),
+                ],
+              ],
+            ),
+    );
+  }
+}