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

package/dist/index.js

@@ -91798,8 +91798,8 @@ const ADMINISTRATIVE_ITEMS = [
 const ChatLog = (props) => {
     // ** Props & Store
     //const clipboard = useClipboard()
-    const [editor] = useLexicalComposerContext();
-    const { t } = reactI18next.useTranslation();
+    useLexicalComposerContext();
+    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);
-    const [isMultiSelectMode, setIsMultiSelectMode] = React.useState(false);
-    const [selectedMessages, setSelectedMessages] = React.useState(new Set());
+    React.useState(false);
+    React.useState(new Set());
     const BASE_CONTEXT_ITEMS = [
         "reply", "share", "pin", "bookmark",
         "selectMultiMessage", "detail", "other", "recall", "delete"
@@ -92633,62 +92633,59 @@ const ChatLog = (props) => {
                 break;
         }
     }, [clickedImageFile, handleDelete, handleDownloadClick, handleRecall]);
-    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 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 handleBatchRecall = useCallback(async () => {
     //   if (selectedMessages.size === 0) { return }
     //   MySwal.fire({