@esvndev/es-react-template-chat 0.0.104 → 0.0.105

package/dist/index.mjs

@@ -91728,6 +91728,7 @@ const IconFileTypeColor = (props) => {
     return jsx("img", { ...props, src: icon, style: { width: width ? width : 24, height: height ? height : 'auto', ...props.style } });
 };
 
+const MySwal$1 = withReactContent(Swal);
 const DateHeader = memo(({ label }) => (jsx("div", { className: "d-flex justify-content-center", children: jsx("div", { style: {
             backgroundColor: "rgba(0,0,0,0.2)",
             padding: "2px 15px",
@@ -92488,6 +92489,60 @@ const ChatLog = (props) => {
             console.error("No valid path found in param");
         }
     }, [clickedImageFile, downloadFile]);
+    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]);
+    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]);
     return (jsx("div", { id: "chat-app-window", className: "chat-app-window", ref: containerChatRef, children: jsxs("div", { className: classnames("start-chat-area", {
                 "d-none": contactId || chatRoomId
             }), children: [jsx("div", { className: "start-chat-icon mb-1", children: jsx(SvgMessageSquare, {}) }), jsx("h4", { className: "sidebar-toggle start-chat-text", children: "B\u1EAFt \u0111\u1EA7u tr\u00F2 chuy\u1EC7n" })] }) }));