feat: add create group chat flow

packages/flutter_chat/lib/src/flutter_chat_navigator_userstory.dart

@@ -4,6 +4,8 @@
 
 import 'package:flutter/material.dart';
 import 'package:flutter_chat/flutter_chat.dart';
+// ignore: depend_on_referenced_packages
+import 'package:uuid/uuid.dart';
 
 Widget chatNavigatorUserStory(
   BuildContext context, {
@@ -176,11 +178,26 @@ Widget _newChatScreenRoute(
       options: configuration.chatOptionsBuilder(context),
       translations: configuration.translations,
       service: configuration.chatService,
+      onPressCreateGroupChat: () async {
+        configuration.onPressCreateGroupChat?.call();
+        if (configuration.onPressCreateGroupChat != null) return;
+        if (context.mounted) {
+          await Navigator.of(context).push(
+            MaterialPageRoute(
+              builder: (context) => _newGroupChatScreenRoute(
+                configuration,
+                context,
+              ),
+            ),
+          );
+        }
+      },
       onPressCreateChat: (user) async {
         configuration.onPressCreateChat?.call(user);
         if (configuration.onPressCreateChat != null) return;
         var chat = await configuration.chatService.chatOverviewService
             .getChatByUser(user);
+        debugPrint('Chat is ${chat.id}');
         if (chat.id == null) {
           chat = await configuration.chatService.chatOverviewService
               .storeChatIfNot(
@@ -202,3 +219,64 @@ Widget _newChatScreenRoute(
         }
       },
     );
+
+Widget _newGroupChatScreenRoute(
+  ChatUserStoryConfiguration configuration,
+  BuildContext context,
+) =>
+    NewGroupChatScreen(
+      options: configuration.chatOptionsBuilder(context),
+      translations: configuration.translations,
+      service: configuration.chatService,
+      onPressGroupChatOverview: (users) async => Navigator.of(context).push(
+        MaterialPageRoute(
+          builder: (context) => _newGroupChatOverviewScreenRoute(
+            configuration,
+            context,
+            users,
+          ),
+        ),
+      ),
+    );
+
+Widget _newGroupChatOverviewScreenRoute(
+  ChatUserStoryConfiguration configuration,
+  BuildContext context,
+  List<ChatUserModel> users,
+) =>
+    NewGroupChatOverviewScreen(
+      options: configuration.chatOptionsBuilder(context),
+      translations: configuration.translations,
+      service: configuration.chatService,
+      users: users,
+      onPressCompleteGroupChatCreation: (users, groupChatName) async {
+        configuration.onPressCompleteGroupChatCreation
+            ?.call(users, groupChatName);
+        if (configuration.onPressCreateGroupChat != null) return;
+        debugPrint('----------- The list of users = $users -----------');
+        debugPrint('----------- Group chat name = $groupChatName -----------');
+
+        var chat =
+            await configuration.chatService.chatOverviewService.storeChatIfNot(
+          GroupChatModel(
+            id: const Uuid().v4(),
+            canBeDeleted: true,
+            title: groupChatName,
+            imageUrl: 'https://picsum.photos/200/300',
+            users: users,
+          ),
+        );
+        debugPrint('----------- Chat id = ${chat.id} -----------');
+        if (context.mounted) {
+          await Navigator.of(context).push(
+            MaterialPageRoute(
+              builder: (context) => _chatDetailScreenRoute(
+                configuration,
+                context,
+                chat.id!,
+              ),
+            ),
+          );
+        }
+      },
+    );

packages/flutter_chat/lib/src/flutter_chat_userstory.dart

@@ -143,6 +143,33 @@ List<GoRoute> getChatStoryRoutes(
                 );
               }
             },
+            onPressCreateGroupChat: () async => context.push(
+              ChatUserStoryRoutes.newGroupChatScreen,
+            ),
+          );
+          return buildScreenWithoutTransition(
+            context: context,
+            state: state,
+            child: configuration.chatPageBuilder?.call(
+                  context,
+                  newChatScreen,
+                ) ??
+                Scaffold(
+                  body: newChatScreen,
+                ),
+          );
+        },
+      ),
+      GoRoute(
+        path: ChatUserStoryRoutes.newGroupChatScreen,
+        pageBuilder: (context, state) {
+          var newChatScreen = NewGroupChatScreen(
+            options: configuration.chatOptionsBuilder(context),
+            translations: configuration.translations,
+            service: configuration.chatService,
+            onPressGroupChatOverview: (user) async => context.push(
+              ChatUserStoryRoutes.newGroupChatOverviewScreen,
+            ),
           );
           return buildScreenWithoutTransition(
             context: context,

packages/flutter_chat/lib/src/models/chat_configuration.dart

@@ -19,6 +19,8 @@ class ChatUserStoryConfiguration {
     this.onReadChat,
     this.onUploadImage,
     this.onPressCreateChat,
+    this.onPressCreateGroupChat,
+    this.onPressCompleteGroupChatCreation,
     this.iconColor = Colors.black,
     this.deleteChatDialog,
     this.disableDismissForPermanentChats = false,
@@ -49,6 +51,8 @@ class ChatUserStoryConfiguration {
   final Function(String chatId)? afterMessageSent;
   final Future<void> Function(ChatModel chat)? onReadChat;
   final Function(ChatUserModel)? onPressCreateChat;
+  final Function(List<ChatUserModel>, String)? onPressCompleteGroupChatCreation;
+  final Function()? onPressCreateGroupChat;
   final ChatOptions Function(BuildContext context) chatOptionsBuilder;
 
   /// If true, the user will be routed to the new chat screen if there are

packages/flutter_chat/lib/src/routes.dart

@@ -7,6 +7,8 @@ mixin ChatUserStoryRoutes {
   static String chatDetailViewPath(String chatId) => '/chat-detail/$chatId';
   static const String chatDetailScreen = '/chat-detail/:id';
   static const String newChatScreen = '/new-chat';
+  static const String newGroupChatScreen = '/new-group-chat';
+  static const String newGroupChatOverviewScreen = '/new-group-chat-overview';
   static String chatProfileScreenPath(String chatId, String? userId) =>
       '/chat-profile/$chatId/$userId';
   static const String chatProfileScreen = '/chat-profile/:id/:userId';

packages/flutter_chat/pubspec.yaml

@@ -17,20 +17,11 @@ dependencies:
     sdk: flutter
   go_router: any
   flutter_chat_view:
-    git:
+    path: ../flutter_chat_view
-      url: https://github.com/Iconica-Development/flutter_chat
-      path: packages/flutter_chat_view
-      ref: 1.3.1
   flutter_chat_interface:
-    git:
+    path: ../flutter_chat_interface
-      url: https://github.com/Iconica-Development/flutter_chat
-      path: packages/flutter_chat_interface
-      ref: 1.3.1
   flutter_chat_local:
-    git:
+    path: ../flutter_chat_local
-      url: https://github.com/Iconica-Development/flutter_chat
-      path: packages/flutter_chat_local
-      ref: 1.3.1
 
 dev_dependencies:
   flutter_iconica_analysis:

packages/flutter_chat_firebase/lib/service/firebase_chat_user_service.dart

@@ -69,7 +69,7 @@ class FirebaseChatUserService implements ChatUserService {
           : _currentUser;
 
   @override
-  Future<List<ChatUserModel>> getAllUsers() async {
+  Future<List<ChatUserModel>> get getAllUsers async {
     var currentUser = await getCurrentUser();
 
     var query = _userCollection.where(

packages/flutter_chat_firebase/pubspec.yaml

@@ -20,10 +20,7 @@ dependencies:
   firebase_auth: ^4.1.2
   uuid: ^4.0.0
   flutter_chat_interface:
-    git:
+    path: ../flutter_chat_interface
-      url: https://github.com/Iconica-Development/flutter_chat
-      path: packages/flutter_chat_interface
-      ref: 1.3.1
 
 dev_dependencies:
   flutter_iconica_analysis:

packages/flutter_chat_interface/lib/src/model/chat.dart

@@ -6,6 +6,7 @@
 import 'package:flutter_chat_interface/flutter_chat_interface.dart';
 
 abstract class ChatModelInterface {
+  ChatModelInterface copyWith();
   String? get id;
   List<ChatMessageModel>? get messages;
   int? get unreadMessages;
@@ -36,4 +37,22 @@ class ChatModel implements ChatModelInterface {
   final ChatMessageModel? lastMessage;
   @override
   final bool canBeDeleted;
+
+  @override
+  ChatModel copyWith({
+    String? id,
+    List<ChatMessageModel>? messages,
+    int? unreadMessages,
+    DateTime? lastUsed,
+    ChatMessageModel? lastMessage,
+    bool? canBeDeleted,
+  }) =>
+      ChatModel(
+        id: id ?? this.id,
+        messages: messages ?? this.messages,
+        unreadMessages: unreadMessages ?? this.unreadMessages,
+        lastUsed: lastUsed ?? this.lastUsed,
+        lastMessage: lastMessage ?? this.lastMessage,
+        canBeDeleted: canBeDeleted ?? this.canBeDeleted,
+      );
 }

packages/flutter_chat_interface/lib/src/model/group_chat.dart

@@ -19,6 +19,7 @@ abstract class GroupChatModelInterface extends ChatModel {
   String get imageUrl;
   List<ChatUserModel> get users;
 
+  @override
   GroupChatModelInterface copyWith({
     String? id,
     List<ChatMessageModel>? messages,

packages/flutter_chat_interface/lib/src/model/personal_chat.dart

@@ -17,6 +17,7 @@ abstract class PersonalChatModelInterface extends ChatModel {
 
   ChatUserModel get user;
 
+  @override
   PersonalChatModel copyWith({
     String? id,
     List<ChatMessageModel>? messages,

packages/flutter_chat_interface/lib/src/service/user_service.dart

@@ -3,5 +3,5 @@ import 'package:flutter_chat_interface/flutter_chat_interface.dart';
 abstract class ChatUserService {
   Future<ChatUserModel?> getUser(String id);
   Future<ChatUserModel?> getCurrentUser();
-  Future<List<ChatUserModel>> getAllUsers();
+  Future<List<ChatUserModel>> get getAllUsers;
 }

packages/flutter_chat_local/lib/service/local_chat_detail_service.dart

@@ -66,7 +66,7 @@ class LocalChatDetailService with ChangeNotifier implements ChatDetailService {
 
     await (chatOverviewService as LocalChatOverviewService).updateChat(
       chat.copyWith(
-        messages: [...chat.messages!, message],
+        messages: [...?chat.messages, message],
         lastMessage: message,
         lastUsed: DateTime.now(),
       ),
@@ -98,7 +98,7 @@ class LocalChatDetailService with ChangeNotifier implements ChatDetailService {
     );
     await (chatOverviewService as LocalChatOverviewService).updateChat(
       chat.copyWith(
-        messages: [...chat.messages!, message],
+        messages: [...?chat.messages, message],
         lastMessage: message,
         lastUsed: DateTime.now(),
       ),

packages/flutter_chat_local/lib/service/local_chat_overview_service.dart

@@ -6,17 +6,18 @@ import 'package:flutter_chat_interface/flutter_chat_interface.dart';
 class LocalChatOverviewService
     with ChangeNotifier
     implements ChatOverviewService {
-  final List<PersonalChatModel> _chats = [];
+  final List<ChatModel> _chats = [];
-  List<PersonalChatModel> get chats => _chats;
+  List<ChatModel> get chats => _chats;
 
   final StreamController<List<ChatModel>> _chatsController =
       StreamController<List<ChatModel>>.broadcast();
 
   Future<void> updateChat(ChatModel chat) {
     var index = _chats.indexWhere((element) => element.id == chat.id);
-    _chats[index] = chat as PersonalChatModel;
+    _chats[index] = chat;
     _chatsController.addStream(Stream.value(_chats));
     notifyListeners();
+    debugPrint('Chat updated: $chat');
     return Future.value();
   }
 
@@ -25,24 +26,27 @@ class LocalChatOverviewService
     _chats.removeWhere((element) => element.id == chat.id);
     _chatsController.add(_chats);
     notifyListeners();
+    debugPrint('Chat deleted: $chat');
     return Future.value();
   }
 
   @override
-  Future<ChatModel> getChatById(String id) =>
+  Future<ChatModel> getChatById(String id) {
-      Future.value(_chats.firstWhere((element) => element.id == id));
+    var chat = _chats.firstWhere((element) => element.id == id);
+    debugPrint('Retrieved chat by ID: $chat');
+    debugPrint('Messages are: ${chat.messages?.length}');
+    return Future.value(chat);
+  }
 
   @override
-  Future<ChatModel> getChatByUser(ChatUserModel user) {
+  Future<PersonalChatModel> getChatByUser(ChatUserModel user) async {
     PersonalChatModel? chat;
     try {
-      chat = _chats.firstWhere(
+      chat = _chats
-        (element) => element.user.id == user.id,
+          .whereType<PersonalChatModel>()
-        orElse: () {
+          .firstWhere((element) => element.user.id == user.id);
-          throw Exception();
+      // ignore: avoid_catching_errors
-        },
+    } on StateError {
-      );
-    } on Exception catch (_) {
       chat = PersonalChatModel(
         user: user,
         messages: [],
@@ -50,11 +54,12 @@ class LocalChatOverviewService
       );
       chat.id = chat.hashCode.toString();
       _chats.add(chat);
+      debugPrint('New chat created: $chat');
     }
 
     _chatsController.add([..._chats]);
     notifyListeners();
-    return Future.value(chat);
+    return chat;
   }
 
   @override
@@ -67,5 +72,18 @@ class LocalChatOverviewService
   Future<void> readChat(ChatModel chat) async => Future.value();
 
   @override
-  Future<ChatModel> storeChatIfNot(ChatModel chat) => Future.value(chat);
+  Future<ChatModel> storeChatIfNot(ChatModel chat) {
+    var chatExists = _chats.any((element) => element.id == chat.id);
+
+    if (!chatExists) {
+      _chats.add(chat);
+      _chatsController.add([..._chats]);
+      notifyListeners();
+      debugPrint('Chat stored: $chat');
+    } else {
+      debugPrint('Chat already exists: $chat');
+    }
+
+    return Future.value(chat);
+  }
 }

packages/flutter_chat_local/lib/service/local_chat_user_service.dart

@@ -22,7 +22,7 @@ class LocalChatUserService implements ChatUserService {
     ),
   ];
   @override
-  Future<List<ChatUserModel>> getAllUsers() =>
+  Future<List<ChatUserModel>> get getAllUsers =>
       Future.value(users.where((element) => element.id != '3').toList());
 
   @override

packages/flutter_chat_local/pubspec.yaml

@@ -12,10 +12,7 @@ dependencies:
   flutter:
     sdk: flutter
   flutter_chat_interface:
-    git:
+    path: ../flutter_chat_interface
-      url: https://github.com/Iconica-Development/flutter_chat
-      path: packages/flutter_chat_interface
-      ref: 1.3.1
 
 dev_dependencies:
   flutter_test:

packages/flutter_chat_view/lib/flutter_chat_view.dart

@@ -13,3 +13,5 @@ export 'src/screens/chat_detail_screen.dart';
 export 'src/screens/chat_profile_screen.dart';
 export 'src/screens/chat_screen.dart';
 export 'src/screens/new_chat_screen.dart';
+export 'src/screens/new_group_chat_overview_screen.dart';
+export 'src/screens/new_group_chat_screen.dart';

packages/flutter_chat_view/lib/src/config/chat_translations.dart

@@ -7,6 +7,7 @@ class ChatTranslations {
     this.chatsTitle = 'Chats',
     this.chatsUnread = 'unread',
     this.newChatButton = 'Start chat',
+    this.newGroupChatButton = 'Start group chat',
     this.newChatTitle = 'Start chat',
     this.image = 'Image',
     this.searchPlaceholder = 'Search...',
@@ -28,6 +29,7 @@ class ChatTranslations {
   final String chatsTitle;
   final String chatsUnread;
   final String newChatButton;
+  final String newGroupChatButton;
   final String newChatTitle;
   final String deleteChatButton;
   final String image;

packages/flutter_chat_view/lib/src/screens/chat_detail_screen.dart

@@ -172,6 +172,16 @@ class _ChatDetailScreenState extends State<ChatDetailScreen> {
             iconTheme: theme.appBarTheme.iconTheme ??
                 const IconThemeData(color: Colors.white),
             centerTitle: true,
+            leading: (chatModel is GroupChatModel)
+                ? GestureDetector(
+                    onTap: () {
+                      Navigator.popUntil(context, (route) => route.isFirst);
+                    },
+                    child: const Icon(
+                      Icons.arrow_back,
+                    ),
+                  )
+                : null,
             title: GestureDetector(
               onTap: () => widget.onPressChatTitle.call(context, chatModel!),
               child: Row(

packages/flutter_chat_view/lib/src/screens/new_chat_screen.dart

@@ -10,6 +10,7 @@ class NewChatScreen extends StatefulWidget {
     required this.options,
     required this.onPressCreateChat,
     required this.service,
+    required this.onPressCreateGroupChat,
     this.translations = const ChatTranslations(),
     super.key,
   });
@@ -18,6 +19,7 @@ class NewChatScreen extends StatefulWidget {
   final ChatTranslations translations;
   final ChatService service;
   final Function(ChatUserModel) onPressCreateChat;
+  final Function() onPressCreateGroupChat;
 
   @override
   State<NewChatScreen> createState() => _NewChatScreenState();
@@ -41,21 +43,69 @@ class _NewChatScreenState extends State<NewChatScreen> {
           _buildSearchIcon(),
         ],
       ),
-      body: FutureBuilder<List<ChatUserModel>>(
+      body: Column(
-        // ignore: discarded_futures
+        children: [
-        future: widget.service.chatUserService.getAllUsers(),
+          GestureDetector(
-        builder: (context, snapshot) {
+            onTap: () async {
-          if (snapshot.connectionState == ConnectionState.waiting) {
+              await widget.onPressCreateGroupChat();
-            return const Center(child: CircularProgressIndicator());
+            },
-          } else if (snapshot.hasError) {
+            child: Container(
-            return Text('Error: ${snapshot.error}');
+              color: Colors.grey[900],
-          } else if (snapshot.hasData) {
+              child: SizedBox(
-            return _buildUserList(snapshot.data!);
+                height: 60.0,
-          } else {
+                child: Row(
-            return widget.options
+                  mainAxisAlignment: MainAxisAlignment.spaceBetween,
-                .noChatsPlaceholderBuilder(widget.translations);
+                  children: [
-          }
+                    Row(
-        },
+                      mainAxisAlignment: MainAxisAlignment.start,
+                      children: [
+                        Padding(
+                          padding: const EdgeInsets.only(
+                            left: 16.0,
+                          ),
+                          child: IconButton(
+                            icon: const Icon(
+                              Icons.group,
+                              color: Colors.white,
+                            ),
+                            onPressed: () {
+                              // Handle group chat creation
+                            },
+                          ),
+                        ),
+                        const Text(
+                          'Create group chat',
+                          style: TextStyle(
+                            color: Colors.white,
+                            fontSize: 16.0,
+                          ),
+                        ),
+                      ],
+                    ),
+                  ],
+                ),
+              ),
+            ),
+          ),
+          Expanded(
+            child: FutureBuilder<List<ChatUserModel>>(
+              // ignore: discarded_futures
+              future: widget.service.chatUserService.getAllUsers,
+              builder: (context, snapshot) {
+                if (snapshot.connectionState == ConnectionState.waiting) {
+                  return const Center(child: CircularProgressIndicator());
+                } else if (snapshot.hasError) {
+                  return Text('Error: ${snapshot.error}');
+                } else if (snapshot.hasData) {
+                  return _buildUserList(snapshot.data!);
+                } else {
+                  return widget.options
+                      .noChatsPlaceholderBuilder(widget.translations);
+                }
+              },
+            ),
+          ),
+        ],
       ),
     );
   }

packages/flutter_chat_view/lib/src/screens/new_group_chat_overview_screen.dart

@@ -0,0 +1,67 @@
+// SPDX-FileCopyrightText: 2022 Iconica
+//
+// SPDX-License-Identifier: BSD-3-Clause
+
+import 'package:flutter/material.dart';
+import 'package:flutter_chat_view/flutter_chat_view.dart';
+
+class NewGroupChatOverviewScreen extends StatefulWidget {
+  const NewGroupChatOverviewScreen({
+    required this.options,
+    required this.onPressCompleteGroupChatCreation,
+    required this.service,
+    required this.users,
+    this.translations = const ChatTranslations(),
+    super.key,
+  });
+
+  final ChatOptions options;
+  final ChatTranslations translations;
+  final ChatService service;
+  final List<ChatUserModel> users;
+  final Function(List<ChatUserModel>, String) onPressCompleteGroupChatCreation;
+
+  @override
+  State<NewGroupChatOverviewScreen> createState() =>
+      _NewGroupChatOverviewScreenState();
+}
+
+class _NewGroupChatOverviewScreenState
+    extends State<NewGroupChatOverviewScreen> {
+  final TextEditingController _textEditingController = TextEditingController();
+
+  @override
+  Widget build(BuildContext context) {
+    var theme = Theme.of(context);
+    return Scaffold(
+      appBar: AppBar(
+        iconTheme: theme.appBarTheme.iconTheme ??
+            const IconThemeData(color: Colors.white),
+        backgroundColor: theme.appBarTheme.backgroundColor ?? Colors.black,
+        title: const Text(
+          'New Group Chat',
+          style: TextStyle(color: Colors.white),
+        ),
+      ),
+      body: Padding(
+        padding: const EdgeInsets.all(16.0),
+        child: TextField(
+          controller: _textEditingController,
+          decoration: const InputDecoration(
+            hintText: 'Group chat name',
+          ),
+        ),
+      ),
+      floatingActionButton: FloatingActionButton(
+        onPressed: () async {
+          await widget.onPressCompleteGroupChatCreation(
+            widget.users,
+            _textEditingController.text,
+          );
+        },
+        child: const Icon(Icons.check_circle),
+      ),
+      floatingActionButtonLocation: FloatingActionButtonLocation.endFloat,
+    );
+  }
+}

packages/flutter_chat_view/lib/src/screens/new_group_chat_screen.dart

@@ -0,0 +1,193 @@
+// SPDX-License-Identifier: BSD-3-Clause
+
+import 'package:flutter/material.dart';
+import 'package:flutter_chat_view/flutter_chat_view.dart';
+
+class NewGroupChatScreen extends StatefulWidget {
+  const NewGroupChatScreen({
+    required this.options,
+    required this.onPressGroupChatOverview,
+    required this.service,
+    this.translations = const ChatTranslations(),
+    super.key,
+  });
+
+  final ChatOptions options;
+  final ChatTranslations translations;
+  final ChatService service;
+  final Function(List<ChatUserModel>) onPressGroupChatOverview;
+
+  @override
+  State<NewGroupChatScreen> createState() => _NewGroupChatScreenState();
+}
+
+class _NewGroupChatScreenState extends State<NewGroupChatScreen> {
+  final FocusNode _textFieldFocusNode = FocusNode();
+  List<ChatUserModel> selectedUserList = [];
+
+  bool _isSearching = false;
+  String query = '';
+
+  @override
+  Widget build(BuildContext context) {
+    var theme = Theme.of(context);
+    return Scaffold(
+      appBar: AppBar(
+        iconTheme: theme.appBarTheme.iconTheme ??
+            const IconThemeData(color: Colors.white),
+        backgroundColor: theme.appBarTheme.backgroundColor ?? Colors.black,
+        title: _buildSearchField(),
+        actions: [
+          _buildSearchIcon(),
+        ],
+      ),
+      body: FutureBuilder<List<ChatUserModel>>(
+        future: widget.service.chatUserService.getAllUsers,
+        builder: (context, snapshot) {
+          if (snapshot.connectionState == ConnectionState.waiting) {
+            return const Center(child: CircularProgressIndicator());
+          } else if (snapshot.hasError) {
+            return Text('Error: ${snapshot.error}');
+          } else if (snapshot.hasData) {
+            return _buildUserList(snapshot.data!);
+          } else {
+            return widget.options
+                .noChatsPlaceholderBuilder(widget.translations);
+          }
+        },
+      ),
+      floatingActionButton: FloatingActionButton(
+        onPressed: () async {
+          await widget.onPressGroupChatOverview(selectedUserList);
+        },
+        child: const Icon(Icons.arrow_circle_right),
+      ),
+      floatingActionButtonLocation: FloatingActionButtonLocation.endFloat,
+    );
+  }
+
+  Widget _buildSearchField() {
+    var theme = Theme.of(context);
+
+    return _isSearching
+        ? Padding(
+            padding: const EdgeInsets.symmetric(vertical: 8.0),
+            child: TextField(
+              focusNode: _textFieldFocusNode,
+              onChanged: (value) {
+                setState(() {
+                  query = value;
+                });
+              },
+              decoration: InputDecoration(
+                hintText: widget.translations.searchPlaceholder,
+                hintStyle: theme.inputDecorationTheme.hintStyle ??
+                    const TextStyle(
+                      color: Colors.white,
+                    ),
+                focusedBorder: UnderlineInputBorder(
+                  borderSide: BorderSide(
+                    color: theme.inputDecorationTheme.focusedBorder?.borderSide
+                            .color ??
+                        Colors.white,
+                  ),
+                ),
+              ),
+              style: theme.inputDecorationTheme.hintStyle ??
+                  const TextStyle(
+                    color: Colors.white,
+                  ),
+              cursorColor: theme.textSelectionTheme.cursorColor ?? Colors.white,
+            ),
+          )
+        : Text(
+            widget.translations.newGroupChatButton,
+            style: theme.appBarTheme.titleTextStyle ??
+                const TextStyle(
+                  color: Colors.white,
+                ),
+          );
+  }
+
+  Widget _buildSearchIcon() {
+    var theme = Theme.of(context);
+
+    return IconButton(
+      onPressed: () {
+        setState(() {
+          _isSearching = !_isSearching;
+          query = '';
+        });
+
+        if (_isSearching) {
+          _textFieldFocusNode.requestFocus();
+        }
+      },
+      icon: Icon(
+        _isSearching ? Icons.close : Icons.search,
+        color: theme.appBarTheme.iconTheme?.color ?? Colors.white,
+      ),
+    );
+  }
+
+  Widget _buildUserList(List<ChatUserModel> users) {
+    var filteredUsers = users
+        .where(
+          (user) =>
+              user.fullName?.toLowerCase().contains(
+                    query.toLowerCase(),
+                  ) ??
+              false,
+        )
+        .toList();
+
+    if (filteredUsers.isEmpty) {
+      return widget.options.noChatsPlaceholderBuilder(widget.translations);
+    }
+
+    return ListView.builder(
+      itemCount: filteredUsers.length,
+      itemBuilder: (context, index) {
+        var user = filteredUsers[index];
+        var isSelected = selectedUserList.contains(user);
+
+        return InkWell(
+          onTap: () {
+            setState(() {
+              if (isSelected) {
+                selectedUserList.remove(user);
+              } else {
+                selectedUserList.add(user);
+              }
+              debugPrint('The list of selected users is $selectedUserList');
+            });
+          },
+          child: Container(
+            color: isSelected ? Colors.amber.shade200 : Colors.white,
+            child: Row(
+              mainAxisAlignment: MainAxisAlignment.spaceBetween,
+              children: [
+                Expanded(
+                  child: widget.options.chatRowContainerBuilder(
+                    ChatRow(
+                      avatar: widget.options.userAvatarBuilder(
+                        user,
+                        40.0,
+                      ),
+                      title: user.fullName ?? widget.translations.anonymousUser,
+                    ),
+                  ),
+                ),
+                if (isSelected)
+                  const Padding(
+                    padding: EdgeInsets.only(right: 16.0),
+                    child: Icon(Icons.check_circle, color: Colors.green),
+                  ),
+              ],
+            ),
+          ),
+        );
+      },
+    );
+  }
+}

packages/flutter_chat_view/pubspec.yaml

@@ -17,10 +17,7 @@ dependencies:
     sdk: flutter
   intl: any
   flutter_chat_interface:
-    git:
+    path: ../flutter_chat_interface
-      url: https://github.com/Iconica-Development/flutter_chat
-      path: packages/flutter_chat_interface
-      ref: 1.3.1
   cached_network_image: ^3.2.2
   flutter_image_picker:
     git: