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

package/dist/index.js

@@ -91777,7 +91777,6 @@ const IconFileTypeColor = (props) => {
     return jsxRuntime.jsx("img", { ...props, src: icon, style: { width: width ? width : 24, height: height ? height : 'auto', ...props.style } });
 };
 
-const MySwal$1 = withReactContent(Swal);
 const DateHeader = React.memo(({ label }) => (jsxRuntime.jsx("div", { className: "d-flex justify-content-center", children: jsxRuntime.jsx("div", { style: {
             backgroundColor: "rgba(0,0,0,0.2)",
             padding: "2px 15px",
@@ -91798,8 +91797,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 +91874,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"
@@ -92511,7 +92510,7 @@ const ChatLog = (props) => {
                             backgroundImage: `url(${`${CDN_URL_VIEW}/${replyData?.path[0].path.trim()}`})`
                         } })), replyData?.type === "file" && (jsxRuntime.jsx("div", { style: { marginRight: 8 }, children: jsxRuntime.jsx(IconFileTypeColor, { fileType: replyData?.path?.[0]?.type, width: 35 }) })), jsxRuntime.jsxs("div", { className: "reply-content d-flex flex-column", children: [jsxRuntime.jsx("div", { className: "fw-bold", children: replyData?.createdByName }), jsxRuntime.jsx("div", { children: renderMessageReply(replyData?.type, replyData?.msg) })] })] }) }));
     }, [renderMessageReply]);
-    const downloadFile = React.useCallback(async (path) => {
+    React.useCallback(async (path) => {
         const url = `${CDN_URL_VIEW}/${path}`;
         try {
             const response = await axios$1.get(url, { responseType: "blob" });
@@ -92528,167 +92527,160 @@ const ChatLog = (props) => {
             console.error(error);
         }
     }, []);
-    const handleDownloadClick = React.useCallback((param) => {
-        // Ưu tiên ảnh được click, fallback về ảnh đầu tiên
-        const targetFile = clickedImageFile || param?.path?.[0];
-        if (targetFile?.path) {
-            downloadFile(targetFile.path);
-        }
-        else {
-            console.error("No valid path found in param");
-        }
-    }, [clickedImageFile, downloadFile]);
-    const handleDelete = React.useCallback(async (param) => {
-        try {
-            const result = await MySwal$1.fire({
-                title: "Xác nhận",
-                html: "Tin nhắn sẽ bị xóa vĩnh viễn. <br> Bạn có chắc muốn xóa?",
-                allowOutsideClick: false,
-                showCancelButton: true,
-                confirmButtonText: "Xoá",
-                cancelButtonText: "Hủy",
-                customClass: {
-                    confirmButton: "btn btn-primary",
-                    cancelButton: "btn btn-danger ms-1"
-                },
-                buttonsStyling: false
-            });
-            if (result.value) {
-                const data = { id: param.id, chatRoomId: groupChatUsers.id };
-                await deleteMessageApi(data);
-            }
-            else if (result.dismiss === MySwal$1.DismissReason.cancel) {
-                console.log("Hủy xóa tin nhắn");
-            }
-        }
-        catch (error) {
-            console.error("Error deleting message:", error);
-        }
-    }, [deleteMessageApi, groupChatUsers?.id]);
-    const handleRecall = React.useCallback(async (param) => {
-        try {
-            const result = await MySwal$1.fire({
-                title: "Xác nhận",
-                html: "Bạn có chắc muốn thu hồi tin nhắn này?<br>Tin nhắn sẽ bị ẩn với tất cả mọi người.",
-                allowOutsideClick: false,
-                showCancelButton: true,
-                confirmButtonText: "Thu hồi",
-                cancelButtonText: "Hủy",
-                customClass: {
-                    confirmButton: "btn btn-primary",
-                    cancelButton: "btn btn-danger ms-1"
-                },
-                buttonsStyling: false
-            });
-            if (result.value) {
-                const data = { id: param.id, chatRoomId: groupChatUsers.id };
-                await recallMessageApi(data);
-            }
-            else if (result.dismiss === MySwal$1.DismissReason.cancel) {
-                console.log("Hủy thu hồi tin nhắn");
-            }
-        }
-        catch (error) {
-            console.error("Error recalling message:", error);
-        }
-    }, [recallMessageApi, groupChatUsers?.id]);
-    React.useCallback(async (val) => {
-        switch (val.id) {
-            case "copyImage":
-                try {
-                    // Ưu tiên ảnh được click, fallback về ảnh đầu tiên
-                    const targetFile = clickedImageFile || val?.currentMessage?.path?.[0];
-                    const imagePath = targetFile?.path;
-                    if (!imagePath) {
-                        console.error('Không tìm thấy đường dẫn ảnh');
-                        return;
-                    }
-                    const imgUrl = `${CDN_URL_VIEW}/${imagePath}`;
-                    const response = await fetch(imgUrl);
-                    const blob = await response.blob();
-                    await navigator.clipboard.write([
-                        new ClipboardItem({
-                            [blob.type]: blob
-                        })
-                    ]);
-                }
-                catch (error) {
-                    console.error('Lỗi khi copy ảnh:', error);
-                }
-                break;
-            case "copyText":
-                navigator.clipboard.writeText(val?.currentMessage.msg);
-                break;
-            case "reply":
-                setReplyMessage(val);
-                break;
-            case "save":
-                handleDownloadClick(val.currentMessage);
-                break;
-            case "delete":
-                handleDelete(val.currentMessage);
-                break;
-            case "recall":
-                handleRecall(val.currentMessage);
-                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 handleDownloadClick = useCallback((param: any) => {
+    //   // Ưu tiên ảnh được click, fallback về ảnh đầu tiên
+    //   const targetFile = clickedImageFile || param?.path?.[0]
+    //   if (targetFile?.path) {
+    //     downloadFile(targetFile.path)
+    //   } else {
+    //     console.error("No valid path found in param")
+    //   }
+    // }, [clickedImageFile, downloadFile])
+    // const handleDelete = useCallback(async (param: any) => {
+    //   try {
+    //     const result = await MySwal.fire({
+    //       title: "Xác nhận",
+    //       html: "Tin nhắn sẽ bị xóa vĩnh viễn. <br> Bạn có chắc muốn xóa?",
+    //       allowOutsideClick: false,
+    //       showCancelButton: true,
+    //       confirmButtonText: "Xoá",
+    //       cancelButtonText: "Hủy",
+    //       customClass: {
+    //         confirmButton: "btn btn-primary",
+    //         cancelButton: "btn btn-danger ms-1"
+    //       },
+    //       buttonsStyling: false
+    //     })
+    //     if (result.value) {
+    //       const data = { id: param.id, chatRoomId: groupChatUsers.id }
+    //       await deleteMessageApi(data)
+    //     } else if (result.dismiss === MySwal.DismissReason.cancel) {
+    //       console.log("Hủy xóa tin nhắn")
+    //     }
+    //   } catch (error) {
+    //     console.error("Error deleting message:", error)
+    //   }
+    // }, [deleteMessageApi, groupChatUsers?.id])
+    // const handleRecall = useCallback(async (param: any) => {
+    //   try {
+    //     const result = await MySwal.fire({
+    //       title: "Xác nhận",
+    //       html: "Bạn có chắc muốn thu hồi tin nhắn này?<br>Tin nhắn sẽ bị ẩn với tất cả mọi người.",
+    //       allowOutsideClick: false,
+    //       showCancelButton: true,
+    //       confirmButtonText: "Thu hồi",
+    //       cancelButtonText: "Hủy",
+    //       customClass: {
+    //         confirmButton: "btn btn-primary",
+    //         cancelButton: "btn btn-danger ms-1"
+    //       },
+    //       buttonsStyling: false
+    //     })
+    //     if (result.value) {
+    //       const data = { id: param.id, chatRoomId: groupChatUsers.id }
+    //       await recallMessageApi(data)
+    //     } else if (result.dismiss === MySwal.DismissReason.cancel) {
+    //       console.log("Hủy thu hồi tin nhắn")
+    //     }
+    //   } catch (error) {
+    //     console.error("Error recalling message:", error)
+    //   }
+    // }, [recallMessageApi, groupChatUsers?.id])
+    // const contextMenuClick = useCallback(async (val: any) => {
+    //   switch (val.id) {
+    //     case "copyImage":
+    //       try {
+    //         // Ưu tiên ảnh được click, fallback về ảnh đầu tiên
+    //         const targetFile = clickedImageFile || val?.currentMessage?.path?.[0]
+    //         const imagePath = targetFile?.path
+    //         if (!imagePath) {
+    //           console.error('Không tìm thấy đường dẫn ảnh')
+    //           return
+    //         }
+    //         const imgUrl = `${CDN_URL_VIEW}/${imagePath}`
+    //         const response = await fetch(imgUrl)
+    //         const blob = await response.blob()
+    //         await navigator.clipboard.write([
+    //           new ClipboardItem({
+    //             [blob.type]: blob
+    //           })
+    //         ])
+    //       } catch (error) {
+    //         console.error('Lỗi khi copy ảnh:', error)
+    //       }
+    //       break
+    //     case "copyText":
+    //       navigator.clipboard.writeText(val?.currentMessage.msg)
+    //       break
+    //     case "reply":
+    //       setReplyMessage(val)
+    //       break
+    //     case "save":
+    //       handleDownloadClick(val.currentMessage)
+    //       break
+    //     case "delete":
+    //       handleDelete(val.currentMessage)
+    //       break
+    //      case "recall":
+    //       handleRecall(val.currentMessage)
+    //       break
+    //     default:
+    //       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 handleBatchRecall = useCallback(async () => {
     //   if (selectedMessages.size === 0) { return }
     //   MySwal.fire({