Phase 3.3 — Session Topic Sensitivity (complete): - Backend: topic_sensitivity column + session_sensitivity_log, sensitivity service (flip with one-way-latch + audit), PATCH /api/shared/chat/sessions/:id/topic, topic carried in pairing + extension WS payloads, CC filter + sensitive stats + per-mitra sensitive columns on activity page - client_app: TopicSelectionBottomSheet before pricing, topic flows through pairing request, silent WS handler for session_topic_updated - mitra_app: SensitivityBadge + SensitivityTheme + sensitivityConfigProvider, overlay badge + yellow accent, chat screen app-bar toggle with configurable confirmation + latch, extension card shows current flag, history + transcript yellow theme - control_center: Sensitivitas Topik settings section, topic filter + column with inline audit log, sensitive stats dashboard card, mitra activity sensitive columns with QC flag Phase 3.4 — Self-Managed Auth (foundation only): - Migration: auth_sessions + otp_requests tables, social identity columns on customers, password_hash + lockout on control_center_users, OTP + CC lockout app_config keys - New services: password (bcrypt + complexity), token (JWT HS256 + refresh rotation, session_id claim pre-wires future Valkey revocation), social-identity (Google + Apple JWKS), OTP (Fazpass stub — real API TBD) - Constants: AuthProvider + OtpChannel - Middleware, auth route rewrites, WS auth update, Firebase → FCM isolation still pending (next chunk); Fazpass docs + Apple Developer setup still required before E2E testing Docs: - requirement/phase3.3.md, phase3.3-plan.md, phase3.3-testing.md - requirement/phase3.4.md, phase3.4-plan.md Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
143 lines
5.2 KiB
Dart
143 lines
5.2 KiB
Dart
import 'package:flutter/material.dart';
|
|
import 'package:flutter_riverpod/flutter_riverpod.dart';
|
|
import '../../../core/chat/chat_opening_provider.dart';
|
|
import '../../../core/chat/session_closure_notifier.dart';
|
|
import '../../../core/constants.dart';
|
|
import '../../../core/pairing/pairing_notifier.dart';
|
|
|
|
class PricingBottomSheet extends ConsumerWidget {
|
|
/// If set, the bottom sheet is in "extension" mode — selecting a tier extends the session.
|
|
final String? extensionSessionId;
|
|
|
|
/// Required when starting a new pairing. Null when in extension mode.
|
|
final TopicSensitivity? topicSensitivity;
|
|
|
|
const PricingBottomSheet({super.key, this.extensionSessionId, this.topicSensitivity});
|
|
|
|
/// Show for new pairing (from home screen)
|
|
static Future<void> show(BuildContext context, {required TopicSensitivity topicSensitivity}) {
|
|
return showModalBottomSheet(
|
|
context: context,
|
|
isScrollControlled: true,
|
|
builder: (_) => PricingBottomSheet(topicSensitivity: topicSensitivity),
|
|
);
|
|
}
|
|
|
|
/// Show for session extension (from chat screen)
|
|
static Future<void> showForExtension(BuildContext context, {required String sessionId}) {
|
|
return showModalBottomSheet(
|
|
context: context,
|
|
isScrollControlled: true,
|
|
builder: (_) => PricingBottomSheet(extensionSessionId: sessionId),
|
|
);
|
|
}
|
|
|
|
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, WidgetRef ref) {
|
|
final isExtension = extensionSessionId != null;
|
|
final pricingAsync = ref.watch(chatPricingProvider);
|
|
|
|
return pricingAsync.when(
|
|
loading: () => const SizedBox(
|
|
height: 200,
|
|
child: Center(child: CircularProgressIndicator()),
|
|
),
|
|
error: (error, _) => SizedBox(
|
|
height: 200,
|
|
child: Center(child: Text('Gagal memuat harga. Coba lagi.')),
|
|
),
|
|
data: (pricing) => 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: [
|
|
Text(
|
|
isExtension ? 'Perpanjang Durasi' : 'Pilih Durasi Curhat',
|
|
style: const TextStyle(fontSize: 20, fontWeight: FontWeight.bold),
|
|
textAlign: TextAlign.center,
|
|
),
|
|
const SizedBox(height: 16),
|
|
if (!isExtension && pricing.freeTrialEligible) ...[
|
|
Card(
|
|
color: Colors.green.shade50,
|
|
child: ListTile(
|
|
leading: const Icon(Icons.card_giftcard, color: Colors.green),
|
|
title: Text('Free Trial (${pricing.freeTrialDurationMinutes} Menit)'),
|
|
subtitle: const Text('Gratis untuk pertama kali!'),
|
|
trailing: const Icon(Icons.arrow_forward_ios, size: 16),
|
|
onTap: () {
|
|
Navigator.of(context).pop();
|
|
_startPairing(ref, isFreeTrial: true);
|
|
},
|
|
),
|
|
),
|
|
const Divider(height: 24),
|
|
],
|
|
...pricing.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();
|
|
if (isExtension) {
|
|
_requestExtension(
|
|
ref,
|
|
sessionId: extensionSessionId!,
|
|
durationMinutes: tier.durationMinutes,
|
|
price: tier.price,
|
|
);
|
|
} else {
|
|
_startPairing(
|
|
ref,
|
|
durationMinutes: tier.durationMinutes,
|
|
price: tier.price,
|
|
);
|
|
}
|
|
},
|
|
),
|
|
)),
|
|
],
|
|
),
|
|
);
|
|
},
|
|
),
|
|
);
|
|
}
|
|
|
|
void _startPairing(WidgetRef ref, {bool isFreeTrial = false, int? durationMinutes, int? price}) {
|
|
ref.read(pairingProvider.notifier).requestPairingWithTier(
|
|
durationMinutes: durationMinutes,
|
|
price: price,
|
|
isFreeTrial: isFreeTrial,
|
|
topicSensitivity: topicSensitivity ?? TopicSensitivity.regular,
|
|
);
|
|
}
|
|
|
|
void _requestExtension(WidgetRef ref, {required String sessionId, required int durationMinutes, required int price}) {
|
|
ref.read(sessionClosureProvider.notifier).requestExtension(
|
|
sessionId,
|
|
durationMinutes: durationMinutes,
|
|
price: price,
|
|
);
|
|
}
|
|
}
|