// ignore_for_file: library_private_types_in_public_api, deprecated_member_use import 'package:cached_network_image/cached_network_image.dart'; import 'package:didvan/config/design_config.dart'; import 'package:didvan/config/theme_data.dart'; import 'package:didvan/constants/app_icons.dart'; import 'package:didvan/constants/assets.dart'; import 'package:didvan/main.dart'; import 'package:didvan/models/ai/ai_chat_args.dart'; import 'package:didvan/models/ai/chats_model.dart'; import 'package:didvan/models/enums.dart'; import 'package:didvan/models/view/alert_data.dart'; import 'package:didvan/utils/action_sheet.dart'; import 'package:didvan/utils/date_time.dart'; import 'package:didvan/views/ai/ai_chat_state.dart'; import 'package:didvan/views/ai/history_ai_chat_state.dart'; import 'package:didvan/views/widgets/didvan/icon_button.dart'; import 'package:didvan/views/widgets/didvan/text.dart'; import 'package:didvan/views/widgets/state_handlers/empty_state.dart'; import 'package:flutter/material.dart'; import 'package:flutter/services.dart'; import 'package:flutter_markdown/flutter_markdown.dart'; import 'package:flutter_spinkit/flutter_spinkit.dart'; import 'package:provider/provider.dart'; class AiChatPage extends StatefulWidget { final AiChatArgs args; const AiChatPage({Key? key, required this.args}) : super(key: key); @override _AiChatPageState createState() => _AiChatPageState(); } class _AiChatPageState extends State { TextEditingController message = TextEditingController(); @override void initState() { final state = context.read(); state.chatId = widget.args.chatId; if (state.chatId != null) { state.getAllMessages(state.chatId!); } super.initState(); } @override Widget build(BuildContext context) { return WillPopScope( onWillPop: () async { context.read().getChats(); return true; }, child: Scaffold( appBar: AppBar( shadowColor: Theme.of(context).colorScheme.border, title: Row( children: [ Padding( padding: const EdgeInsets.all(12.0), child: ClipOval( child: CachedNetworkImage( width: 32, height: 32, imageUrl: widget.args.bot.image.toString(), ), ), ), Text('چت با ${widget.args.bot.name}'), ], ), automaticallyImplyLeading: false, actions: [ DidvanIconButton( icon: DidvanIcons.angle_left_regular, onPressed: () { context.read().getChats(); navigatorKey.currentState!.pop(); }, ) ], ), body: Consumer( builder: (BuildContext context, AiChatState state, Widget? child) { return ValueListenableBuilder( valueListenable: state.loading, builder: (context, value, child) => value ? Center( child: Image.asset( Assets.loadingAnimation, width: 60, height: 60, ), ) : state.messages.isEmpty ? Center( child: EmptyState( asset: Assets.emptyChat, title: 'اولین پیام را بنویسید...', ), ) : SingleChildScrollView( reverse: true, child: ListView.builder( itemCount: state.messages.length, controller: state.scrollController, shrinkWrap: true, physics: const NeverScrollableScrollPhysics(), padding: const EdgeInsets.only(top: 12, bottom: 90), itemBuilder: (context, index) { final message = state.messages[index]; return messageBubble( message, context, state, index); }, ), ), ); }, ), bottomSheet: Container( width: MediaQuery.sizeOf(context).width, padding: const EdgeInsets.symmetric(vertical: 12, horizontal: 8), decoration: BoxDecoration( border: Border( top: BorderSide( color: Theme.of(context).colorScheme.cardBorder, ), ), color: Theme.of(context).colorScheme.surface, ), child: ValueListenableBuilder( valueListenable: context.read().onResponsing, builder: (context, value, child) => Row( crossAxisAlignment: CrossAxisAlignment.start, children: [ const SizedBox( width: 12, ), SizedBox( width: 46, height: 46, child: Center( child: value ? Center( child: SpinKitThreeBounce( size: 18, color: Theme.of(context).colorScheme.primary, ), ) : DidvanIconButton( icon: DidvanIcons.send_solid, onPressed: () async { if (message.text.isEmpty) { return; } final state = context.read(); state.messages.add(Prompts( text: message.text, finished: true, role: 'user', createdAt: DateTime.now() .subtract(const Duration(minutes: 210)) .toIso8601String(), )); message.clear(); await state.postMessage(widget.args.bot); }, size: 32, color: Theme.of(context).colorScheme.focusedBorder, ), ), ), const SizedBox( width: 12, ), Expanded( flex: 15, child: Form( child: TextFormField( textInputAction: TextInputAction.newline, style: Theme.of(context).textTheme.bodyMedium, maxLines: 6, minLines: 1, // keyboardType: TextInputType.text, controller: message, enabled: !value, decoration: InputDecoration( border: InputBorder.none, hintText: 'بنویسید...', hintStyle: Theme.of(context) .textTheme .bodySmall! .copyWith( color: Theme.of(context).colorScheme.disabledText), ), onChanged: (value) {}, ), ), ), ], ), ), ), ), ); } Padding messageBubble( Prompts message, BuildContext context, AiChatState state, int index) { MarkdownStyleSheet defaultMarkdownStyleSheet = MarkdownStyleSheet( code: TextStyle( backgroundColor: Theme.of(context).colorScheme.black, color: Theme.of(context).colorScheme.white, ), codeblockPadding: const EdgeInsets.all(8), codeblockDecoration: BoxDecoration( borderRadius: BorderRadius.circular(4), color: Theme.of(context).colorScheme.black)); return Padding( padding: const EdgeInsets.symmetric(horizontal: 20, vertical: 4), child: Column( mainAxisSize: MainAxisSize.min, crossAxisAlignment: message.role.toString().contains('user') ? CrossAxisAlignment.start : CrossAxisAlignment.end, children: [ Row( mainAxisAlignment: message.role.toString().contains('user') ? MainAxisAlignment.start : MainAxisAlignment.end, children: [ Container( padding: const EdgeInsets.symmetric(vertical: 8, horizontal: 16), decoration: BoxDecoration( borderRadius: DesignConfig.mediumBorderRadius.copyWith( bottomLeft: !message.role.toString().contains('user') ? Radius.zero : null, bottomRight: message.role.toString().contains('user') ? Radius.zero : null, ), color: (message.role.toString().contains('user') ? Theme.of(context).colorScheme.surface : Theme.of(context).colorScheme.focused) .withOpacity(0.9), border: Border.all( color: Theme.of(context).colorScheme.border, width: 0.5, ), ), child: Container( constraints: BoxConstraints( maxWidth: MediaQuery.sizeOf(context).width / 1.5), child: state.messages[index].finished != null && !state.messages[index].finished! ? StreamBuilder( stream: state.messageOnstream, builder: (context, snapshot) { if (!snapshot.hasData) { return const SizedBox(); } return Markdown( data: "${snapshot.data}...", selectable: false, shrinkWrap: true, physics: const NeverScrollableScrollPhysics(), styleSheet: defaultMarkdownStyleSheet); }, ) : Column( children: [ Markdown( data: state.messages[index].text.toString(), selectable: true, shrinkWrap: true, physics: const NeverScrollableScrollPhysics(), styleSheet: defaultMarkdownStyleSheet, ), if (!message.role.toString().contains('user')) Row( mainAxisAlignment: MainAxisAlignment.end, children: [ Padding( padding: const EdgeInsets.all(8.0), child: InkWell( onTap: () async { await Clipboard.setData(ClipboardData( text: state.messages[index].text .toString())); ActionSheetUtils.showAlert(AlertData( message: "متن با موفقیت کپی شد", aLertType: ALertType.success)); }, child: Icon( DidvanIcons.copy_regular, size: 18, color: Theme.of(context) .colorScheme .focusedBorder, ), ), ) ], ) ], ), ), ) ], ), const SizedBox(height: 4), Row( mainAxisSize: MainAxisSize.min, children: [ DidvanText( DateTimeUtils.timeWithAmPm(message.createdAt.toString()), // DateTimeUtils.timeWithAmPm(message.createdAt), style: Theme.of(context).textTheme.labelSmall, color: Theme.of(context).colorScheme.caption, ), ], ), ], ), ); } }