@esvndev/es-react-template-chat 0.0.87 → 0.0.88

package/dist/index.js

@@ -27397,6 +27397,16 @@ const encodeUUID = (uuid) => {
         return uuid;
     }
 };
+const isValidUrl = (string) => {
+    try {
+        // eslint-disable-next-line no-new
+        new URL(string);
+        return true;
+    }
+    catch (e) {
+        return false;
+    }
+};
 // ** Checks if the passed date is today
 const isToday = (value) => {
     const today = new Date();
@@ -72108,7 +72118,7 @@ const ChatLog = (props) => {
     React.useRef(null);
     const containerChatRef = React.useRef(null);
     const { connectHub, dataInfo, dataProfile, handleUser, handleUserSidebarRight, handleSidebar, handleSidebarRight, userSidebarLeft, dataHistory, chatGetType, approveUpdateStatus, handleModalAdministrative, setDataItem, handleModalAddUserGroup, handleModalGroup, typeOpenModalAdd, setTypeOpenModalAdd, unpinMessage, getPinnedMessages } = props;
-    dataHistory?.find((dt) => dt.id === active);
+    const groupChatUsers = dataHistory?.find((dt) => dt.id === active);
     //const dataInfoAvatar = dataInfo && dataInfo.avatar ? dataInfo.avatar : DEFAULT_AVATAR
     React.useState([]);
     React.useState(false);
@@ -72134,31 +72144,35 @@ const ChatLog = (props) => {
     React.useState(false);
     React.useState(new Set());
     React.useState(true);
-    // // Load initial messages
-    // useEffect(() => {
-    //   if (!checkScroll) {
-    //     scrollToBottom()
-    //   }
-    // }, [messageByGroup, checkScroll])
-    // const mentionItems = useMemo(() => {
-    //   if (!groupChatUsers) { return [] }
-    //   const users = Array.isArray(groupChatUsers.users) ? groupChatUsers.users : []
-    //   const mappedUsers = users.map((user: any) => {
-    //     const rawAvatar = user.avatar
-    //     let avatar = DEFAULT_AVATAR
-    //     if (rawAvatar) {
-    //       avatar = isValidUrl(rawAvatar) ? rawAvatar : `${CDN_URL_VIEW}/${rawAvatar}`
-    //     }
-    //     return {
-    //       ...user,
-    //       avatar
-    //     }
-    //   })
-    //   return [{ id: "all", name: "All" }, ...mappedUsers]
-    // }, [groupChatUsers])
-    // const toggleModalPreview = () => {
-    //   setOpenModalPreview(!openModalPreview)
-    // }
+    const scrollToBottom = () => {
+        const messagesEndEle = document.getElementById('messagesEnd');
+        messagesEndEle?.scrollIntoView({ block: 'end', behavior: "instant" });
+    };
+    //từ đây
+    // Load initial messages
+    React.useEffect(() => {
+        if (!checkScroll) {
+            scrollToBottom();
+        }
+    }, [messageByGroup, checkScroll]);
+    React.useMemo(() => {
+        if (!groupChatUsers) {
+            return [];
+        }
+        const users = Array.isArray(groupChatUsers.users) ? groupChatUsers.users : [];
+        const mappedUsers = users.map((user) => {
+            const rawAvatar = user.avatar;
+            let avatar = DEFAULT_AVATAR;
+            if (rawAvatar) {
+                avatar = isValidUrl(rawAvatar) ? rawAvatar : `${CDN_URL_VIEW}/${rawAvatar}`;
+            }
+            return {
+                ...user,
+                avatar
+            };
+        });
+        return [{ id: "all", name: "All" }, ...mappedUsers];
+    }, [groupChatUsers]);
     // const handlePreview = useCallback((mes: any) => {
     //   setSelectedMessage(mes)
     //   setOpenModalPreview(true)