@esvndev/es-react-template-chat 0.0.102 → 0.0.103

package/dist/index.js

@@ -72530,6 +72530,18 @@ const ChatLog = (props) => {
             }
         }
     }, []);
+    const useParsedChatData = (chatMsg) => {
+        if (!chatMsg) {
+            return {};
+        }
+        try {
+            return typeof chatMsg === 'string' ? JSON.parse(chatMsg) : chatMsg;
+        }
+        catch (err) {
+            console.error('JSON parse error:', err);
+            return {};
+        }
+    };
     React.useCallback((chat) => {
         const isPath = Array.isArray(chat?.path) && typeof chat.path[0]?.path === "string" ? chat.path[0].path.trim() : "";
         const img = isPath ? `${CDN_URL_VIEW}/${isPath}` : "";
@@ -72941,7 +72953,7 @@ const ChatLog = (props) => {
                         setOpenModalReminder(true);
                     }, children: "Xem chi ti\u1EBFt" })] }));
     }, []);
-    React.useCallback((type, msg, path) => {
+    const renderMessageReply = React.useCallback((type, msg, path) => {
         switch (type) {
             case "file": // ✅ THÊM CASE NÀY
                 const fileName = path?.[0]?.name || '';
@@ -72952,41 +72964,14 @@ const ChatLog = (props) => {
                 return msg;
         }
     }, []);
-    // const renderReplyContent = useCallback((replyMsg: any) => {
-    //   const replyData = useParsedChatData(replyMsg)
-    //   return (
-    //     <div
-    //       className={classnames("chat-app-reply p-0 mb-50", {
-    //         show: true
-    //       })}
-    //     >
-    //       <div className="reply-container">
-    //         <div className="reply-quote" />
-    //         {replyData?.type === "image" && (
-    //           <div
-    //             className="reply-image"
-    //             style={{
-    //               backgroundImage: `url(${`${CDN_URL_VIEW}/${replyData?.path[0].path.trim()}`})`
-    //             }}
-    //           />
-    //         )}
-    //         {/* ✅ THÊM: File */}
-    //         {replyData?.type === "file" && (
-    //           <div style={{ marginRight: 8 }}>
-    //             <IconFileTypeColor
-    //               fileType={replyData?.path?.[0]?.type}
-    //               width={35}
-    //             />
-    //           </div>
-    //         )}
-    //         <div className="reply-content d-flex flex-column">
-    //           <div className="fw-bold">{replyData?.createdByName}</div>
-    //           <div>{renderMessageReply(replyData?.type, replyData?.msg)}</div>
-    //         </div>
-    //       </div>
-    //     </div>
-    //   )
-    // }, [renderMessageReply])
+    React.useCallback((replyMsg) => {
+        const replyData = useParsedChatData(replyMsg);
+        return (jsxRuntime.jsx("div", { className: classnames("chat-app-reply p-0 mb-50", {
+                show: true
+            }), children: jsxRuntime.jsxs("div", { className: "reply-container", children: [jsxRuntime.jsx("div", { className: "reply-quote" }), replyData?.type === "image" && (jsxRuntime.jsx("div", { className: "reply-image", style: {
+                            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 = useCallback(async (path: string) => {
     //   const url = `${CDN_URL_VIEW}/${path}`
     //   try {