feat(chat): integrate the chat creation with the backend (#60)

lib/core/mock/user_mock.dart

@@ -1,23 +1,77 @@
 import 'package:telware_cross_platform/core/models/user_model.dart';
 
-final UserModel userMock = UserModel(
-  username: 'mock.user',
-  screenFirstName: 'Mocka',
-  screenLastName: 'Mocker',
-  email: 'mock@gmail.com',
-  status: 'online',
-  bio: 'I am a mocking user',
-  maxFileSize: 30,
-  automaticDownloadEnable: true,
-  lastSeenPrivacy: 'contacts',
-  readReceiptsEnablePrivacy: true,
-  storiesPrivacy: 'private',
-  picturePrivacy: 'everybody',
-  invitePermissionsPrivacy: 'admins',
-  phone: '+01100663311',
-  photo:
-      'https://static1.cbrimages.com/wordpress/wp-content/uploads/2023/05/jujutsu-kaisen-gojo-223.jpg',
-  id: '11',
-);
 
-const userMockPassword = 'qwerty99';
+const userMockPassword = 'qwerty99';
+
+final List<UserModel> mockUsers = [
+  UserModel(
+    username: 'mock.user',
+    screenFirstName: 'Mocka',
+    screenLastName: 'Mocker',
+    email: 'mock@gmail.com',
+    status: 'online',
+    bio: 'I am a mocking user',
+    maxFileSize: 30,
+    automaticDownloadEnable: true,
+    lastSeenPrivacy: 'contacts',
+    readReceiptsEnablePrivacy: true,
+    storiesPrivacy: 'private',
+    picturePrivacy: 'everybody',
+    invitePermissionsPrivacy: 'admins',
+    phone: '+01100663311',
+    id: '110',
+  ),
+  UserModel(
+    username: 'mock.user1',
+    screenFirstName: 'Mocked',
+    screenLastName: 'Mocker',
+    email: 'mock1@gmail.com',
+    status: 'online',
+    bio: 'I am a mocking user 1',
+    maxFileSize: 30,
+    automaticDownloadEnable: true,
+    lastSeenPrivacy: 'contacts',
+    readReceiptsEnablePrivacy: true,
+    storiesPrivacy: 'private',
+    picturePrivacy: 'everybody',
+    invitePermissionsPrivacy: 'admins',
+    phone: '+01100663311',
+    id: '111',
+  ),
+  UserModel(
+    username: 'mock.user2',
+    screenFirstName: 'Mocky',
+    screenLastName: 'Mocker',
+    email: 'mock2@gmail.com',
+    status: 'offline',
+    bio: 'I am a mocking user 2',
+    maxFileSize: 30,
+    automaticDownloadEnable: true,
+    lastSeenPrivacy: 'contacts',
+    readReceiptsEnablePrivacy: true,
+    storiesPrivacy: 'private',
+    picturePrivacy: 'everybody',
+    invitePermissionsPrivacy: 'admins',
+    phone: '+01100663312',
+    id: '112',
+  ),
+  UserModel(
+    username: 'mock.user3',
+    screenFirstName: 'Mocko',
+    screenLastName: 'Mocker',
+    email: 'mock3@gmail.com',
+    status: 'busy',
+    bio: 'I am a mocking user 3',
+    maxFileSize: 30,
+    automaticDownloadEnable: true,
+    lastSeenPrivacy: 'contacts',
+    readReceiptsEnablePrivacy: true,
+    storiesPrivacy: 'private',
+    picturePrivacy: 'everybody',
+    invitePermissionsPrivacy: 'admins',
+    phone: '+01100663313',
+    id: '113',
+  ),
+];
+
+const otherUserMockPassword = 'qwerty00';

lib/core/models/chat_model.dart

@@ -215,4 +215,17 @@ class ChatModel {
   }
 
   String toJson() => json.encode(toMap());
+
+  String getChatTypeString() {
+    switch (type) {
+      case ChatType.private:
+        return 'private';
+      case ChatType.group:
+        return 'group';
+      case ChatType.channel:
+        return 'channel';
+      default:
+        return 'unknown';
+    }
+  }
 }

lib/core/models/user_model.dart

@@ -201,7 +201,7 @@ class UserModel {
 
   static Future<UserModel> fromMap(Map<String, dynamic> map) async {
     String first = (map['screenFirstName'] as String?) ?? '';
-    String last = (map['screenFirstName'] as String?) ?? '';
+    String last = (map['screenLastName'] as String?) ?? '';
     if (first.isEmpty) {
       first = 'No';
       last = 'Name';
@@ -211,16 +211,16 @@ class UserModel {
       screenFirstName: first,
       screenLastName: last,
       email: (map['email'] as String?) ?? '',
-      photo: map['photo'] != null ? map['photo'] as String : null,
+      photo: map['photo'] != null && map['photo'] != "" ? map['photo'] as String : null,
       status: map['status'] as String,
       bio: map['bio'] as String,
-      maxFileSize: map['maxFileSize'] as int,
-      automaticDownloadEnable: map['automaticDownloadEnable'] as bool,
-      lastSeenPrivacy: map['lastSeenPrivacy'] as String,
-      readReceiptsEnablePrivacy: map['readReceiptsEnablePrivacy'] as bool,
-      storiesPrivacy: map['storiesPrivacy'] as String,
-      picturePrivacy: map['picturePrivacy'] as String,
-      invitePermissionsPrivacy: map['invitePermessionsPrivacy'] as String,
+      maxFileSize: map['maxFileSize'] ?? 0,
+      automaticDownloadEnable: map['automaticDownloadEnable'] ?? false,
+      lastSeenPrivacy: map['lastSeenPrivacy'] ?? '',
+      readReceiptsEnablePrivacy: map['readReceiptsEnablePrivacy'] ?? false,
+      storiesPrivacy: map['storiesPrivacy'] ?? '',
+      picturePrivacy: map['picturePrivacy'] ?? '',
+      invitePermissionsPrivacy: map['invitePermissionsPrivacy'] ?? '',
       phone: (map['phoneNumber'] as String?) ?? '',
       id: map['id'] as String,
     );

lib/core/utils.dart

@@ -188,6 +188,9 @@ String formatTimestamp(DateTime timestamp) {
 }
 
 IconData getMessageStateIcon(MessageModel message) {
+  if (message.id == null) {
+    return Icons.access_time;
+  }
   if (message.isReadByAll()) {
     return Icons.done_all;
   }

lib/features/auth/view_model/auth_view_model.dart

@@ -39,7 +39,7 @@ class AuthViewModel extends _$AuthViewModel {
     }
 
     if (USE_MOCK_DATA) {
-      final user = userMock;
+      final user = mockUsers[0];
       ref.read(userProvider.notifier).update((_) => user);
       state = AuthState.authenticated;
       return;
@@ -110,8 +110,8 @@ class AuthViewModel extends _$AuthViewModel {
 
     if (USE_MOCK_DATA) {
       state = AuthState.verified;
-      ref.read(authLocalRepositoryProvider).setUser(userMock);
-      ref.read(userProvider.notifier).update((_) => userMock);
+      ref.read(authLocalRepositoryProvider).setUser(mockUsers[0]);
+      ref.read(userProvider.notifier).update((_) => mockUsers[0]);
 
       ref.read(authLocalRepositoryProvider).setToken(tokenMock);
       ref.read(tokenProvider.notifier).update((_) => tokenMock);
@@ -155,9 +155,20 @@ class AuthViewModel extends _$AuthViewModel {
     state = AuthState.loading;
 
     if (USE_MOCK_DATA) {
-      if (email == userMock.email && password == userMockPassword) {
-        ref.read(authLocalRepositoryProvider).setUser(userMock);
-        ref.read(userProvider.notifier).update((_) => userMock);
+      if (email == mockUsers[0].email && password == userMockPassword) {
+        ref.read(authLocalRepositoryProvider).setUser(mockUsers[0]);
+        ref.read(userProvider.notifier).update((_) => mockUsers[0]);
+
+        ref.read(authLocalRepositoryProvider).setToken(tokenMock);
+        ref.read(tokenProvider.notifier).update((_) => tokenMock);
+
+        await ref.read(chattingControllerProvider).newLoginInit();
+
+        state = AuthState.authenticated;
+        return;
+      } else if (email == mockUsers[1].email && password == otherUserMockPassword) {
+        ref.read(authLocalRepositoryProvider).setUser(mockUsers[1]);
+        ref.read(userProvider.notifier).update((_) => mockUsers[1]);
 
         ref.read(authLocalRepositoryProvider).setToken(tokenMock);
         ref.read(tokenProvider.notifier).update((_) => tokenMock);
@@ -319,7 +330,7 @@ class AuthViewModel extends _$AuthViewModel {
     String? token = ref.read(tokenProvider);
 
     if (USE_MOCK_DATA) {
-      final user = userMock;
+      final user = mockUsers[0];
       ref.read(userProvider.notifier).update((_) => user);
       state = AuthState.authenticated;
       return;

lib/features/chat/repository/chat_remote_repository.dart

@@ -144,5 +144,38 @@ class ChatRemoteRepository {
     }
   }
 
+  Future<({AppError? appError, ChatModel? chat})> createChat(
+      String sessionID, String name, String type, List<String> memberIDs) async {
+    try {
+      final response = await _dio.post(
+        '/chats',
+        data: {
+          'name': name,
+          'type': type,
+          'members': memberIDs,
+        },
+        options: Options(headers: {'X-Session-Token': sessionID}),
+      );
+
+      final chatData = response.data['data'];
+
+      final chatID = chatData['_id'];
+      final members = (chatData['members'] as List).cast<String>();
+
+      final chatModel = ChatModel(
+        id: chatID,
+        title: name,
+        userIds: members,
+        type: ChatType.getType(type),
+        messages: [],
+      );
+
+      return (appError: null, chat: chatModel);
+    } catch (e) {
+      debugPrint('!!! Failed to create chat, ${e.toString()}');
+      return (appError: AppError('Failed to create chat', code: 500), chat: null);
+    }
+  }
+
 // TODO Implement Fetch Messages
 }

lib/features/chat/view/screens/chat_screen.dart

@@ -187,16 +187,28 @@ class _ChatScreen extends ConsumerState<ChatScreen>
 
   //TODO: Implement the sendMsg method with another types of messages
   void _sendMessage(WidgetRef ref) {
-    ref.read(chattingControllerProvider).sendMsg(
+    MessageModel newMessage = MessageModel(
+      senderId: ref.read(userProvider)!.id!,
+      messageContentType: MessageContentType.text,
       content: TextContent(_messageController.text),
-      msgType: MessageType.normal,
-      contentType: MessageContentType.text,
-      chatType: ChatType.private,
-      chatID: widget.chatId,
+      timestamp: DateTime.now(),
+      messageType: MessageType.normal,
+      userStates: {},
     );
     _messageController.clear();
-    List<MessageModel> messages = ref.watch(chatProvider(widget.chatId))?.messages ?? [];
-    _updateChatMessages(messages);
+    _updateChatMessages([...chatContent, newMessage]);
+    ref.read(chattingControllerProvider).sendMsg(
+      content: newMessage.content!,
+      msgType: newMessage.messageType,
+      contentType: newMessage.messageContentType,
+      chatType: ChatType.private,
+      chatModel: chatModel,
+    ).then((_) {
+      List<MessageModel> messages = ref.watch(chatProvider(chatModel!.id!))?.messages ?? [];
+      _updateChatMessages(messages);
+      _scrollToBottom();
+    });
+
   }
 
   //--------------------------------Recording--------------------------------