@esvndev/es-react-template-chat 0.0.99 → 0.0.100

package/dist/index.mjs

@@ -72282,7 +72282,7 @@ const ChatLog = (props) => {
     const [isOpen, setIsOpen] = useState(false);
     const [openModalPreview, setOpenModalPreview] = useState(false);
     useState(false);
-    useState(false);
+    const [openModalReminder, setOpenModalReminder] = useState(false);
     useState(false);
     useState('');
     useState(null);
@@ -72860,70 +72860,50 @@ const ChatLog = (props) => {
                         fontWeight: 500
                     }, children: moment(chat.time).format("HH:mm") })] }));
     }, []);
-    // const renderChatReminder = useCallback((chat: any) => {
-    //   let msgContent = chat.msg
-    //   let timeDisplay = chat.time
-    //   try {
-    //     const parsed = JSON.parse(chat.msg)
-    //     if (parsed && typeof parsed === 'object') {
-    //       msgContent = parsed.content || chat.msg
-    //       timeDisplay = parsed.scheduleTime || chat.time
-    //     }
-    //   } catch (e) {
-    //     // Not JSON, use original
-    //   }
-    //   return (
-    //     <div
-    //       style={{
-    //         borderTopRightRadius: 6,
-    //         borderBottomRightRadius: 6,
-    //         // borderTopLeftRadius: 6, // Should be conditional or default
-    //         borderBottomLeftRadius: 6,
-    //         backgroundColor: '#fff',
-    //         padding: '20px 20px 15px 20px',
-    //         boxShadow: '0 4px 24px 0 rgba(34, 41, 47, 0.1)',
-    //         minWidth: 300,
-    //         textAlign: 'center',
-    //         marginBottom: 15
-    //       }}
-    //     >
-    //       <div style={{ marginBottom: 8, display: 'flex', justifyContent: 'center' }}>
-    //         <Clock color="#ea5455" fontSize={32} />
-    //       </div>
-    //       <div style={{ fontWeight: 600, fontSize: 16, marginBottom: 4, color: '#5e5873' }}>
-    //         {msgContent}
-    //       </div>
-    //       <div style={{ color: '#6e6b7b', fontSize: 12, marginBottom: 16, display: 'flex', alignItems: 'center', justifyContent: 'center' }}>
-    //         <Clock fontSize={12} style={{ marginRight: 4 }} />
-    //         {moment(timeDisplay).calendar(null, {
-    //           lastDay: '[Hôm qua lúc] HH:mm',
-    //           sameDay: '[Hôm nay lúc] HH:mm',
-    //           nextDay: '[Ngày mai lúc] HH:mm',
-    //           lastWeek: 'dddd [lúc] HH:mm',
-    //           nextWeek: 'dddd [lúc] HH:mm',
-    //           sameElse: 'DD/MM/YYYY HH:mm'
-    //         })}
-    //       </div>
-    //       <div
-    //         style={{
-    //           border: '1px solid #00cfe8',
-    //           color: '#00cfe8',
-    //           padding: '8px',
-    //           borderRadius: 4,
-    //           cursor: 'pointer',
-    //           fontWeight: 600,
-    //           fontSize: 14,
-    //           width: '100%'
-    //         }}
-    //         onClick={() => {
-    //           setOpenModalReminder(true)
-    //         }}
-    //       >
-    //         Xem chi tiết
-    //       </div>
-    //     </div>
-    //   )
-    // }, [])
+    useCallback((chat) => {
+        let msgContent = chat.msg;
+        let timeDisplay = chat.time;
+        try {
+            const parsed = JSON.parse(chat.msg);
+            if (parsed && typeof parsed === 'object') {
+                msgContent = parsed.content || chat.msg;
+                timeDisplay = parsed.scheduleTime || chat.time;
+            }
+        }
+        catch (e) {
+            // Not JSON, use original
+        }
+        return (jsxs("div", { style: {
+                borderTopRightRadius: 6,
+                borderBottomRightRadius: 6,
+                // borderTopLeftRadius: 6, // Should be conditional or default
+                borderBottomLeftRadius: 6,
+                backgroundColor: '#fff',
+                padding: '20px 20px 15px 20px',
+                boxShadow: '0 4px 24px 0 rgba(34, 41, 47, 0.1)',
+                minWidth: 300,
+                textAlign: 'center',
+                marginBottom: 15
+            }, children: [jsx("div", { style: { marginBottom: 8, display: 'flex', justifyContent: 'center' }, children: jsx(SvgClock, { color: "#ea5455", fontSize: 32 }) }), jsx("div", { style: { fontWeight: 600, fontSize: 16, marginBottom: 4, color: '#5e5873' }, children: msgContent }), jsxs("div", { style: { color: '#6e6b7b', fontSize: 12, marginBottom: 16, display: 'flex', alignItems: 'center', justifyContent: 'center' }, children: [jsx(SvgClock, { fontSize: 12, style: { marginRight: 4 } }), moment(timeDisplay).calendar(null, {
+                            lastDay: '[Hôm qua lúc] HH:mm',
+                            sameDay: '[Hôm nay lúc] HH:mm',
+                            nextDay: '[Ngày mai lúc] HH:mm',
+                            lastWeek: 'dddd [lúc] HH:mm',
+                            nextWeek: 'dddd [lúc] HH:mm',
+                            sameElse: 'DD/MM/YYYY HH:mm'
+                        })] }), jsx("div", { style: {
+                        border: '1px solid #00cfe8',
+                        color: '#00cfe8',
+                        padding: '8px',
+                        borderRadius: 4,
+                        cursor: 'pointer',
+                        fontWeight: 600,
+                        fontSize: 14,
+                        width: '100%'
+                    }, onClick: () => {
+                        setOpenModalReminder(true);
+                    }, children: "Xem chi ti\u1EBFt" })] }));
+    }, []);
     // const renderMessageReply = useCallback((type: IArchiveType, msg?: string, path?: any[]) => {
     //   switch (type) {
     //     case "file":  // ✅ THÊM CASE NÀY