@esvndev/es-react-template-chat 0.0.97 → 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",
@@ -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,111 +92527,107 @@ 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 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])