agora-appbuilder-core 4.0.0-api.5 → 4.0.0-api.6

package/template/src/components/chat-messages/useChatMessages.tsx

@@ -11,7 +11,7 @@
 */
 import {createHook} from 'customization-implementation';
 import React, {useState, useEffect, useRef, useContext} from 'react';
-import {useContent} from 'customization-api';
+import {useContent, useRoomInfo} from 'customization-api';
 import {SidePanelType} from '../../subComponents/SidePanelEnum';
 import {
   useLocalUid,
@@ -28,6 +28,16 @@ import {timeNow} from '../../rtm/utils';
 import {useSidePanel} from '../../utils/useSidePanel';
 import getUniqueID from '../../utils/getUniqueID';
 import {trimText} from '../../utils/common';
+import {useStringRef} from '../../utils/useString';
+import {
+  publicChatToastHeading,
+  multiplePublicChatToastHeading,
+  multiplePrivateChatToastHeading,
+  privateChatToastHeading,
+  multiplePublicAndPrivateChatToastHeading,
+  multiplePublicAndPrivateChatToastSubHeading,
+  multiplePublicChatToastSubHeading,
+} from '../../language/default-labels/videoCallScreenLabels';
 
 enum ChatMessageActionEnum {
   Create = 'Create_Chat_Message',
@@ -37,6 +47,7 @@ enum ChatMessageActionEnum {
 
 interface ChatMessagesProviderProps {
   children: React.ReactNode;
+  callActive: boolean;
 }
 export interface messageInterface {
   createdTimestamp: number;
@@ -68,32 +79,74 @@ const ChatMessagesContext = React.createContext<ChatMessagesInterface>({
 });
 
 const ChatMessagesProvider = (props: ChatMessagesProviderProps) => {
+  const isToastVisibleRef = useRef(false);
+  const previousNotificationRef = useRef([]);
+  const timeoutRef = useRef<any>();
+  const {callActive} = props;
+  const {
+    data: {isHost},
+  } = useRoomInfo();
   const {dispatch} = useContext(DispatchContext);
   const {defaultContent} = useContent();
   const localUid = useLocalUid();
   const {setSidePanel, sidePanel} = useSidePanel();
   const {chatType, setChatType, privateChatUser, setPrivateChatUser} =
     useChatUIControls();
-  const {
-    setUnreadGroupMessageCount,
-    setUnreadIndividualMessageCount,
-    unreadPrivateMessageCount,
-    unreadIndividualMessageCount,
-    setUnreadPrivateMessageCount,
-  } = useChatNotification();
+  const {setUnreadGroupMessageCount, setUnreadIndividualMessageCount} =
+    useChatNotification();
   const [messageStore, setMessageStore] = useState<messageStoreInterface[]>([]);
   const [privateMessageStore, setPrivateMessageStore] = useState<{
     [key: string]: messageStoreInterface[];
   }>({});
 
   const defaultContentRef = useRef({defaultContent: defaultContent});
+
+  const isHostRef = useRef({isHost: isHost});
+  const callActiveRef = useRef({callActive: callActive});
+
   const groupActiveRef = useRef<boolean>(false);
   const individualActiveRef = useRef<string | number>();
 
-  //commented for v1 release
-  //const fromText = useString('messageSenderNotificationLabel');
-  const fromText = (name: string) => `${name} commented in the public chat`;
-  const privateMessageLabel = 'You’ve received a private message';
+  //public single
+  const fromText = useStringRef(publicChatToastHeading);
+
+  //public multple
+  const multiplePublicChatToastHeadingTT = useStringRef(
+    multiplePublicChatToastHeading,
+  );
+  //@ts-ignore
+  const multiplePublicChatToastSubHeadingTT = useStringRef<{
+    count: number;
+    from: string;
+  }>(multiplePublicChatToastSubHeading);
+
+  //private single
+  const privateMessageLabel = useStringRef(privateChatToastHeading);
+
+  //private multiple
+  //@ts-ignore
+  const multiplePrivateChatToastHeadingTT = useStringRef<{count: number}>(
+    multiplePrivateChatToastHeading,
+  );
+
+  //multiple private and public toast
+  const multiplePublicAndPrivateChatToastHeadingTT = useStringRef(
+    multiplePublicAndPrivateChatToastHeading,
+  );
+  //@ts-ignore
+  const multiplePublicAndPrivateChatToastSubHeadingTT = useStringRef<{
+    publicChatCount: number;
+    privateChatCount: number;
+    from: string;
+  }>(multiplePublicAndPrivateChatToastSubHeading);
+
+  useEffect(() => {
+    callActiveRef.current.callActive = callActive;
+  }, [callActive]);
+  useEffect(() => {
+    isHostRef.current.isHost = isHost;
+  }, [isHost]);
+
   useEffect(() => {
     defaultContentRef.current.defaultContent = defaultContent;
   }, [defaultContent]);
@@ -107,7 +160,8 @@ const ChatMessagesProvider = (props: ChatMessagesProviderProps) => {
     individualActiveRef.current = privateChatUser;
   }, [privateChatUser]);
 
-  const openPrivateChat = (uidAsNumber) => {
+  const allEqual = arr => arr.every(val => val === arr[0]);
+  const openPrivateChat = uidAsNumber => {
     //move this logic into ChatContainer
     // setUnreadPrivateMessageCount(
     //   unreadPrivateMessageCount -
@@ -137,6 +191,7 @@ const ChatMessagesProvider = (props: ChatMessagesProviderProps) => {
       msg: string,
       uid: string,
       isPrivateMessage: boolean = false,
+      forceStop: boolean = false,
     ) => {
       //don't show group message notification if group chat is open
       if (!isPrivateMessage && groupActiveRef.current) {
@@ -147,198 +202,356 @@ const ChatMessagesProvider = (props: ChatMessagesProviderProps) => {
       if (isPrivateMessage && uidAsNumber === individualActiveRef.current) {
         return;
       }
-      Toast.show({
-        primaryBtn: null,
-        secondaryBtn: null,
-        type: 'info',
-        text1: isPrivateMessage
-          ? privateMessageLabel
-          : defaultContentRef.current.defaultContent[uidAsNumber]?.name
-          ? fromText(
-              trimText(
+      if (forceStop) {
+        return;
+      }
+      clearTimeout(timeoutRef.current);
+      isToastVisibleRef.current = true;
+      timeoutRef.current = setTimeout(() => {
+        isToastVisibleRef.current = false;
+        previousNotificationRef.current = [];
+      }, 3000);
+
+      previousNotificationRef.current.push({
+        isPrivateMessage: isPrivateMessage,
+        fromUid: isPrivateMessage ? uidAsNumber : 0,
+        from:
+          !isPrivateMessage &&
+          //@ts-ignore
+          defaultContentRef.current.defaultContent[uidAsNumber]?.name
+            ? trimText(
+                //@ts-ignore
                 defaultContentRef.current.defaultContent[uidAsNumber]?.name,
-              ),
-            )
-          : '',
-        text2: isPrivateMessage
-          ? ''
-          : msg.length > 30
-          ? msg.slice(0, 30) + '...'
-          : msg,
-        visibilityTime: 3000,
-        onPress: () => {
-          if (isPrivateMessage) {
-            openPrivateChat(uidAsNumber);
-          } else {
-            //move this logic into ChatContainer
-            // setUnreadGroupMessageCount(0);
-            setPrivateChatUser(0);
-            setChatType(ChatType.Group);
-            setSidePanel(SidePanelType.Chat);
-          }
-        },
+              )
+            : '',
       });
-    };
-    events.on(EventNames.PUBLIC_CHAT_MESSAGE, (data) => {
-      const payload = JSON.parse(data.payload);
-      const messageAction = payload.action;
-      const messageData = payload.value;
-      switch (messageAction) {
-        case ChatMessageActionEnum.Create:
-          showMessageNotification(messageData.msg, `${data.sender}`);
-          addMessageToStore(data.sender, {
-            msg: messageData.msg,
-            createdTimestamp: messageData.createdTimestamp,
-            isDeleted: messageData.isDeleted,
-            msgId: messageData.msgId,
-          });
-          /**
-           * if chat group window is not active.
-           * then we will increment the unread count
-           */
-          if (!groupActiveRef.current) {
-            setUnreadGroupMessageCount((prevState) => {
-              return prevState + 1;
-            });
-          }
-          break;
-        case ChatMessageActionEnum.Update:
-          setMessageStore((prevState) => {
-            const newState = prevState.map((item) => {
-              if (
-                item.msgId === messageData.msgId &&
-                item.uid === data.sender
-              ) {
-                return {
-                  ...item,
-                  msg: messageData.msg,
-                  updatedTimestamp: messageData.updatedTimestamp,
-                };
-              } else {
-                return item;
-              }
-            });
-            return newState;
-          });
-          break;
-        case ChatMessageActionEnum.Delete:
-          setMessageStore((prevState) => {
-            const newState = prevState.map((item) => {
-              if (
-                item.msgId === messageData.msgId &&
-                item.uid === data.sender
-              ) {
-                return {
-                  ...item,
-                  isDeleted: true,
-                  updatedTimestamp: messageData.updatedTimestamp,
-                };
-              } else {
-                return item;
-              }
-            });
-            return newState;
-          });
-          break;
-        default:
-          break;
+
+      const privateMessages = previousNotificationRef.current.filter(
+        i => i.isPrivateMessage,
+      );
+      const publicMessages = previousNotificationRef.current.filter(
+        i => !i.isPrivateMessage,
+      );
+
+      //if 1 or more public and private messages
+      if (publicMessages && publicMessages.length > 1) {
+        const fromNamesArray = publicMessages
+          .filter(i => i.from !== undefined && i.from !== null && i.from !== '')
+          .map(i => i.from);
+        //removing the duplicate names
+        const fromNamesArrayUnique = [...new Set(fromNamesArray)];
+        //public chat with two name will seperated by "and"
+        //public chat with two or more name will have "and more" at the end
+        const fromNamesArrayUpdated =
+          fromNamesArrayUnique.length > 2
+            ? fromNamesArrayUnique
+                .slice(0, 2)
+                .map((i, index) => (index === 0 ? i + ', ' : i))
+                .concat(privateMessages?.length ? ', more' : ' and more')
+            : fromNamesArrayUnique.length == 2
+            ? fromNamesArrayUnique.map((i, index) =>
+                index === 0 ? i + ' and ' : i,
+              )
+            : fromNamesArrayUnique;
+        //converting the names array to string
+        const fromNames = fromNamesArrayUpdated.join('');
+        Toast.show({
+          //@ts-ignore
+          update: isToastVisibleRef.current ? true : false,
+          primaryBtn: null,
+          secondaryBtn: null,
+          type: 'info',
+          leadingIconName: 'chat-nav',
+          text1:
+            privateMessages && privateMessages.length
+              ? multiplePublicAndPrivateChatToastHeadingTT?.current()
+              : multiplePublicChatToastHeadingTT?.current(),
+          text2:
+            privateMessages && privateMessages.length
+              ? //@ts-ignore
+                multiplePublicAndPrivateChatToastSubHeadingTT?.current({
+                  publicChatCount: publicMessages.length,
+                  privateChatCount: privateMessages.length,
+                  from: fromNames,
+                })
+              : //@ts-ignore
+                multiplePublicChatToastSubHeadingTT?.current({
+                  count: publicMessages.length,
+                  from: fromNames,
+                }),
+          visibilityTime: 3000,
+          onPress: () => {
+            if (isPrivateMessage) {
+              openPrivateChat(uidAsNumber);
+            } else {
+              //move this logic into ChatContainer
+              // setUnreadGroupMessageCount(0);
+              setPrivateChatUser(0);
+              setChatType(ChatType.Group);
+              setSidePanel(SidePanelType.Chat);
+            }
+          },
+        });
       }
-    });
-    events.on(EventNames.PRIVATE_CHAT_MESSAGE, (data) => {
-      const payload = JSON.parse(data.payload);
-      const messageAction = payload.action;
-      const messageData = payload.value;
-      switch (messageAction) {
-        case ChatMessageActionEnum.Create:
-          //To order chat participant based on recent message
-          try {
-            updateRenderListState(data.sender, {
-              lastMessageTimeStamp: new Date().getTime(),
-            });
-          } catch (error) {
-            console.log("ERROR : couldn't update the last message timestamp");
-          }
-          showMessageNotification(messageData.msg, `${data.sender}`, true);
-          addMessageToPrivateStore(
-            data.sender,
-            {
+      //if one or more private message and no public messages
+      else if (privateMessages && privateMessages.length > 1) {
+        Toast.show({
+          //@ts-ignore
+          update: isToastVisibleRef.current ? true : false,
+          primaryBtn: null,
+          secondaryBtn: null,
+          type: 'info',
+          leadingIconName: 'chat-nav',
+          text1:
+            //@ts-ignore
+            multiplePrivateChatToastHeadingTT?.current({
+              count: privateMessages.length,
+            }),
+          text2: ``,
+          visibilityTime: 3000,
+          onPress: () => {
+            const openPrivateChatDetails = allEqual(
+              privateMessages.map(i => i.fromUid),
+            );
+            //if all private message comes from the single user then open details private chat
+            if (openPrivateChatDetails) {
+              openPrivateChat(privateMessages[0].fromUid);
+            }
+            //if private message comes from different user then open private tab not the private chatting window
+            else {
+              //open private tab (not the detail of private chat user)
+              setPrivateChatUser(0);
+              setChatType(ChatType.Group);
+              setSidePanel(SidePanelType.Chat);
+            }
+          },
+        });
+      }
+      //either 1 public or 1 private message
+      else {
+        Toast.show({
+          //@ts-ignore
+          update: isToastVisibleRef.current ? true : false,
+          primaryBtn: null,
+          secondaryBtn: null,
+          type: 'info',
+          leadingIconName: 'chat-nav',
+          text1: isPrivateMessage
+            ? privateMessageLabel?.current()
+            : //@ts-ignore
+            defaultContentRef.current.defaultContent[uidAsNumber]?.name
+            ? fromText?.current(
+                trimText(
+                  //@ts-ignore
+                  defaultContentRef.current.defaultContent[uidAsNumber]?.name,
+                ),
+              )
+            : '',
+          text2: isPrivateMessage
+            ? ''
+            : msg.length > 30
+            ? msg.slice(0, 30) + '...'
+            : msg,
+          visibilityTime: 3000,
+          onPress: () => {
+            if (isPrivateMessage) {
+              openPrivateChat(uidAsNumber);
+            } else {
+              //move this logic into ChatContainer
+              // setUnreadGroupMessageCount(0);
+              setPrivateChatUser(0);
+              setChatType(ChatType.Group);
+              setSidePanel(SidePanelType.Chat);
+            }
+          },
+        });
+      }
+    };
+    const unsubPublicChatMessage = events.on(
+      EventNames.PUBLIC_CHAT_MESSAGE,
+      data => {
+        const forceStop =
+          $config.ENABLE_WAITING_ROOM &&
+          !isHostRef.current.isHost &&
+          !callActiveRef.current.callActive;
+        //if call is not active don't store the message in the state
+        if (forceStop) {
+          return;
+        }
+        const payload = JSON.parse(data.payload);
+        const messageAction = payload.action;
+        const messageData = payload.value;
+        switch (messageAction) {
+          case ChatMessageActionEnum.Create:
+            showMessageNotification(
+              messageData.msg,
+              `${data.sender}`,
+              false,
+              forceStop,
+            );
+            addMessageToStore(data.sender, {
               msg: messageData.msg,
               createdTimestamp: messageData.createdTimestamp,
-              msgId: messageData.msgId,
               isDeleted: messageData.isDeleted,
-            },
-            false,
-          );
-          /**
-           * if user's private window is active.
-           * then we will not increment the unread count
-           */
-
-          if (!(individualActiveRef.current === data.sender)) {
-            setUnreadIndividualMessageCount((prevState) => {
-              const prevCount =
-                prevState && prevState[data.sender]
-                  ? prevState[data.sender]
-                  : 0;
-              return {
-                ...prevState,
-                [data.sender]: prevCount + 1,
-              };
+              msgId: messageData.msgId,
             });
-          }
-          break;
-        case ChatMessageActionEnum.Update:
-          setPrivateMessageStore((prevState) => {
-            const privateChatOfUid = prevState[data.sender];
-            const updatedData = privateChatOfUid.map((item) => {
-              if (
-                item.msgId === messageData.msgId &&
-                item.uid === data.sender
-              ) {
-                return {
-                  ...item,
-                  msg: messageData.msg,
-                  updatedTimestamp: messageData.updatedTimestamp,
-                };
-              } else {
-                return item;
-              }
+            /**
+             * if chat group window is not active.
+             * then we will increment the unread count
+             */
+            if (!groupActiveRef.current) {
+              setUnreadGroupMessageCount(prevState => {
+                return prevState + 1;
+              });
+            }
+            break;
+          case ChatMessageActionEnum.Update:
+            setMessageStore(prevState => {
+              const newState = prevState.map(item => {
+                if (
+                  item.msgId === messageData.msgId &&
+                  item.uid === data.sender
+                ) {
+                  return {
+                    ...item,
+                    msg: messageData.msg,
+                    updatedTimestamp: messageData.updatedTimestamp,
+                  };
+                } else {
+                  return item;
+                }
+              });
+              return newState;
             });
-            const newState = {
-              ...prevState,
-              [data.sender]: updatedData,
-            };
-            return newState;
-          });
-          break;
-        case ChatMessageActionEnum.Delete:
-          setPrivateMessageStore((prevState) => {
-            const privateChatOfUid = prevState[data.sender];
-            const updatedData = privateChatOfUid.map((item) => {
-              if (
-                item.msgId === messageData.msgId &&
-                item.uid === data.sender
-              ) {
+            break;
+          case ChatMessageActionEnum.Delete:
+            setMessageStore(prevState => {
+              const newState = prevState.map(item => {
+                if (
+                  item.msgId === messageData.msgId &&
+                  item.uid === data.sender
+                ) {
+                  return {
+                    ...item,
+                    isDeleted: true,
+                    updatedTimestamp: messageData.updatedTimestamp,
+                  };
+                } else {
+                  return item;
+                }
+              });
+              return newState;
+            });
+            break;
+          default:
+            break;
+        }
+      },
+    );
+
+    const unsubPrivateChatMessage = events.on(
+      EventNames.PRIVATE_CHAT_MESSAGE,
+      data => {
+        const payload = JSON.parse(data.payload);
+        const messageAction = payload.action;
+        const messageData = payload.value;
+        switch (messageAction) {
+          case ChatMessageActionEnum.Create:
+            //To order chat participant based on recent message
+            try {
+              updateRenderListState(data.sender, {
+                lastMessageTimeStamp: new Date().getTime(),
+              });
+            } catch (error) {
+              console.log("ERROR : couldn't update the last message timestamp");
+            }
+            showMessageNotification(messageData.msg, `${data.sender}`, true);
+            addMessageToPrivateStore(
+              data.sender,
+              {
+                msg: messageData.msg,
+                createdTimestamp: messageData.createdTimestamp,
+                msgId: messageData.msgId,
+                isDeleted: messageData.isDeleted,
+              },
+              false,
+            );
+            /**
+             * if user's private window is active.
+             * then we will not increment the unread count
+             */
+
+            if (!(individualActiveRef.current === data.sender)) {
+              setUnreadIndividualMessageCount(prevState => {
+                const prevCount =
+                  prevState && prevState[data.sender]
+                    ? prevState[data.sender]
+                    : 0;
                 return {
-                  ...item,
-                  isDeleted: true,
-                  updatedTimestamp: messageData.updatedTimestamp,
+                  ...prevState,
+                  [data.sender]: prevCount + 1,
                 };
-              } else {
-                return item;
-              }
+              });
+            }
+            break;
+          case ChatMessageActionEnum.Update:
+            setPrivateMessageStore(prevState => {
+              const privateChatOfUid = prevState[data.sender];
+              const updatedData = privateChatOfUid.map(item => {
+                if (
+                  item.msgId === messageData.msgId &&
+                  item.uid === data.sender
+                ) {
+                  return {
+                    ...item,
+                    msg: messageData.msg,
+                    updatedTimestamp: messageData.updatedTimestamp,
+                  };
+                } else {
+                  return item;
+                }
+              });
+              const newState = {
+                ...prevState,
+                [data.sender]: updatedData,
+              };
+              return newState;
             });
-            const newState = {
-              ...prevState,
-              [data.sender]: updatedData,
-            };
-            return newState;
-          });
-          break;
-        default:
-          break;
-      }
-    });
+            break;
+          case ChatMessageActionEnum.Delete:
+            setPrivateMessageStore(prevState => {
+              const privateChatOfUid = prevState[data.sender];
+              const updatedData = privateChatOfUid.map(item => {
+                if (
+                  item.msgId === messageData.msgId &&
+                  item.uid === data.sender
+                ) {
+                  return {
+                    ...item,
+                    isDeleted: true,
+                    updatedTimestamp: messageData.updatedTimestamp,
+                  };
+                } else {
+                  return item;
+                }
+              });
+              const newState = {
+                ...prevState,
+                [data.sender]: updatedData,
+              };
+              return newState;
+            });
+            break;
+          default:
+            break;
+        }
+      },
+    );
+
+    return () => {
+      unsubPublicChatMessage();
+      unsubPrivateChatMessage();
+    };
   }, []);
 
   const addMessageToStore = (uid: UidType, body: messageInterface) => {
@@ -361,7 +574,7 @@ const ChatMessagesProvider = (props: ChatMessagesProviderProps) => {
     body: messageInterface,
     local: boolean,
   ) => {
-    setPrivateMessageStore((state) => {
+    setPrivateMessageStore(state => {
       let newState = {...state};
       newState[uid] !== undefined
         ? (newState[uid] = [
@@ -432,7 +645,7 @@ const ChatMessagesProvider = (props: ChatMessagesProviderProps) => {
     if (typeof msg == 'string' && msg.trim() === '') return;
     if (toUid) {
       const checkData = privateMessageStore[toUid].filter(
-        (item) => item.msgId === msgId && item.uid === localUid,
+        item => item.msgId === msgId && item.uid === localUid,
       );
       if (checkData && checkData.length) {
         const editMsgData = {msg, updatedTimestamp: timeNow()};
@@ -445,9 +658,9 @@ const ChatMessagesProvider = (props: ChatMessagesProviderProps) => {
           PersistanceLevel.None,
           toUid,
         );
-        setPrivateMessageStore((prevState) => {
+        setPrivateMessageStore(prevState => {
           const privateChatOfUid = prevState[toUid];
-          const updatedData = privateChatOfUid.map((item) => {
+          const updatedData = privateChatOfUid.map(item => {
             if (item.msgId === msgId) {
               return {...item, ...editMsgData};
             } else {
@@ -463,7 +676,7 @@ const ChatMessagesProvider = (props: ChatMessagesProviderProps) => {
     } else {
       //check if user has permission to edit
       const checkData = messageStore.filter(
-        (item) => item.msgId === msgId && item.uid === localUid,
+        item => item.msgId === msgId && item.uid === localUid,
       );
       if (checkData && checkData.length) {
         const editMsgData = {msg, updatedTimestamp: timeNow()};
@@ -475,8 +688,8 @@ const ChatMessagesProvider = (props: ChatMessagesProviderProps) => {
           }),
           PersistanceLevel.None,
         );
-        setMessageStore((prevState) => {
-          const newState = prevState.map((item) => {
+        setMessageStore(prevState => {
+          const newState = prevState.map(item => {
             if (item.msgId === msgId) {
               return {...item, ...editMsgData};
             } else {
@@ -494,7 +707,7 @@ const ChatMessagesProvider = (props: ChatMessagesProviderProps) => {
   const deleteChatMessage = (msgId: string, toUid?: UidType) => {
     if (toUid) {
       const checkData = privateMessageStore[toUid].filter(
-        (item) => item.msgId === msgId && item.uid === localUid,
+        item => item.msgId === msgId && item.uid === localUid,
       );
       if (checkData && checkData.length) {
         const deleteMsgData = {updatedTimestamp: timeNow()};
@@ -507,9 +720,9 @@ const ChatMessagesProvider = (props: ChatMessagesProviderProps) => {
           PersistanceLevel.None,
           toUid,
         );
-        setPrivateMessageStore((prevState) => {
+        setPrivateMessageStore(prevState => {
           const privateChatOfUid = prevState[toUid];
-          const updatedData = privateChatOfUid.map((item) => {
+          const updatedData = privateChatOfUid.map(item => {
             if (item.msgId === msgId) {
               return {...item, isDeleted: true, ...deleteMsgData};
             } else {
@@ -525,7 +738,7 @@ const ChatMessagesProvider = (props: ChatMessagesProviderProps) => {
     } else {
       //check if user has permission to delete
       const checkData = messageStore.filter(
-        (item) => item.msgId === msgId && item.uid === localUid,
+        item => item.msgId === msgId && item.uid === localUid,
       );
       if (checkData && checkData.length) {
         const deleteMsgData = {updatedTimestamp: timeNow()};
@@ -537,8 +750,8 @@ const ChatMessagesProvider = (props: ChatMessagesProviderProps) => {
           }),
           PersistanceLevel.None,
         );
-        setMessageStore((prevState) => {
-          const newState = prevState.map((item) => {
+        setMessageStore(prevState => {
+          const newState = prevState.map(item => {
             if (item.msgId === msgId) {
               return {...item, isDeleted: true, ...deleteMsgData};
             } else {