@esvndev/es-react-template-chat 0.0.95 → 0.0.96

package/dist/index.js

@@ -91798,8 +91798,8 @@ const ADMINISTRATIVE_ITEMS = [
 const ChatLog = (props) => {
     // ** Props & Store
     //const clipboard = useClipboard()
-    useLexicalComposerContext();
-    reactI18next.useTranslation();
+    const [editor] = useLexicalComposerContext();
+    const { t } = reactI18next.useTranslation();
     useUploadFile();
     const { typeChat, contactId, chatRoomId, active, messageByGroup, pinnedMessages, setScroll, checkScroll, pinMessageChatRoom, deleteMessageApi, recallMessageApi, get_message_by_group_cursor_api, getPinMessageChatRoomApi, deletePinMessage, 
     //updateGroupTagApi,
@@ -91875,8 +91875,8 @@ const ChatLog = (props) => {
     React.useState(true);
     const [expandedMessages, setExpandedMessages] = React.useState(new Set());
     const [clickedImageFile, setClickedImageFile] = React.useState(null);
-    React.useState(false);
-    React.useState(new Set());
+    const [isMultiSelectMode, setIsMultiSelectMode] = React.useState(false);
+    const [selectedMessages, setSelectedMessages] = React.useState(new Set());
     const BASE_CONTEXT_ITEMS = [
         "reply", "share", "pin", "bookmark",
         "selectMultiMessage", "detail", "other", "recall", "delete"
@@ -92633,59 +92633,62 @@ const ChatLog = (props) => {
                 break;
         }
     }, [clickedImageFile, handleDelete, handleDownloadClick, handleRecall]);
-    // const handleFocus = useCallback(() => {
-    //   editor.focus()
-    // }, [editor])
-    // const handleReply = useCallback((data: any) => {
-    //   handleFocus()
-    //   setReplyMessage({ id: "reply", currentMessage: data })
-    // }, [handleFocus])
-    // const handleEnterMultiSelectMode = useCallback((message: any) => {
-    //   setIsMultiSelectMode(true)
-    //   setSelectedMessages(new Set([message.id]))
-    // }, [])
-    // const handleExitMultiSelectMode = useCallback(() => {
-    //   setIsMultiSelectMode(false)
-    //   setSelectedMessages(new Set())
-    // }, [])
-    // const handleToggleMessageSelection = useCallback((messageId: string) => {
-    //   setSelectedMessages(prev => {
-    //     const newSet = new Set(prev)
-    //     if (newSet.has(messageId)) {
-    //       newSet.delete(messageId)
-    //     } else {
-    //       newSet.add(messageId)
-    //     }
-    //     return newSet
-    //   })
-    // }, [])
-    // const handleBatchDelete = useCallback(async () => {
-    //   if (selectedMessages.size === 0) { return }
-    //   MySwal.fire({
-    //     title: t("Confirm"),
-    //     html: `Bạn có chắc muốn xóa ${selectedMessages.size} tin nhắn đã chọn?`,
-    //     allowOutsideClick: false,
-    //     showCancelButton: true,
-    //     confirmButtonText: t("Delete"),
-    //     cancelButtonText: t("Cancel"),
-    //     customClass: {
-    //       confirmButton: "btn btn-primary",
-    //       cancelButton: "btn btn-danger ms-1"
-    //     },
-    //     buttonsStyling: false
-    //   }).then(async (result) => {
-    //     if (result.value) {
-    //       try {
-    //         const deletePromises = Array.from(selectedMessages).map(id => deleteMessageApi({ id, chatRoomId: groupChatUsers?.id })
-    //         )
-    //         await Promise.all(deletePromises)
-    //         handleExitMultiSelectMode()
-    //       } catch (error) {
-    //         console.error('Error deleting messages:', error)
-    //       }
-    //     }
-    //   })
-    // }, [selectedMessages, deleteMessageApi, groupChatUsers?.id, handleExitMultiSelectMode, t])
+    const handleFocus = React.useCallback(() => {
+        editor.focus();
+    }, [editor]);
+    React.useCallback((data) => {
+        handleFocus();
+        setReplyMessage({ id: "reply", currentMessage: data });
+    }, [handleFocus]);
+    React.useCallback((message) => {
+        setIsMultiSelectMode(true);
+        setSelectedMessages(new Set([message.id]));
+    }, []);
+    const handleExitMultiSelectMode = React.useCallback(() => {
+        setIsMultiSelectMode(false);
+        setSelectedMessages(new Set());
+    }, []);
+    React.useCallback((messageId) => {
+        setSelectedMessages(prev => {
+            const newSet = new Set(prev);
+            if (newSet.has(messageId)) {
+                newSet.delete(messageId);
+            }
+            else {
+                newSet.add(messageId);
+            }
+            return newSet;
+        });
+    }, []);
+    React.useCallback(async () => {
+        if (selectedMessages.size === 0) {
+            return;
+        }
+        MySwal$1.fire({
+            title: t("Confirm"),
+            html: `Bạn có chắc muốn xóa ${selectedMessages.size} tin nhắn đã chọn?`,
+            allowOutsideClick: false,
+            showCancelButton: true,
+            confirmButtonText: t("Delete"),
+            cancelButtonText: t("Cancel"),
+            customClass: {
+                confirmButton: "btn btn-primary",
+                cancelButton: "btn btn-danger ms-1"
+            },
+            buttonsStyling: false
+        }).then(async (result) => {
+            if (result.value) {
+                try {
+                    const deletePromises = Array.from(selectedMessages).map(id => deleteMessageApi({ id, chatRoomId: groupChatUsers?.id }));
+                    await Promise.all(deletePromises);
+                    handleExitMultiSelectMode();
+                }
+                catch (error) {
+                    console.error('Error deleting messages:', error);
+                }
+            }
+        });
+    }, [selectedMessages, deleteMessageApi, groupChatUsers?.id, handleExitMultiSelectMode, t]);
     // const handleBatchRecall = useCallback(async () => {
     //   if (selectedMessages.size === 0) { return }
     //   MySwal.fire({