@droppii-org/chat-sdk 0.0.70 → 0.0.71

package/dist/components/thread/SessionSection.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SessionSection.d.ts","sourceRoot":"","sources":["../../../src/components/thread/SessionSection.tsx"],"names":[],"mappings":"AASA,OAAO,EAAkB,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAcnE,eAAO,MAAM,iBAAiB,GAAI,wBAG/B;IACD,OAAO,EAAE,gBAAgB,CAAC;IAC1B,QAAQ,EAAE,OAAO,CAAC;CACnB,4CAwKA,CAAC;AAgCF,UAAU,mBAAmB;IAC3B,QAAQ,EAAE,gBAAgB,EAAE,CAAC;IAC7B,SAAS,EAAE,OAAO,CAAC;CACpB;AAED,QAAA,MAAM,cAAc,GAAI,yBAAyB,mBAAmB,4CAgCnE,CAAC;AAEF,eAAe,cAAc,CAAC"}
+{"version":3,"file":"SessionSection.d.ts","sourceRoot":"","sources":["../../../src/components/thread/SessionSection.tsx"],"names":[],"mappings":"AASA,OAAO,EAAkB,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAmBnE,eAAO,MAAM,iBAAiB,GAAI,wBAG/B;IACD,OAAO,EAAE,gBAAgB,CAAC;IAC1B,QAAQ,EAAE,OAAO,CAAC;CACnB,4CAsMA,CAAC;AA8CF,UAAU,mBAAmB;IAC3B,QAAQ,EAAE,gBAAgB,EAAE,CAAC;IAC7B,SAAS,EAAE,OAAO,CAAC;CACpB;AAED,QAAA,MAAM,cAAc,GAAI,yBAAyB,mBAAmB,4CAkDnE,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/components/thread/SessionSection.js

@@ -25,17 +25,29 @@ export const SessionDetailCard = ({ session, isActive, }) => {
     const { data: availableLabels, isLoading: isLoadingLabels } = useGetLabelSession();
     const { mutate: updateSession } = useUpdateSessionInfo();
     const { mutate: closeSession, isPending: isClosing } = useCloseSession();
-    const [note, setNote] = useState(session.note || "");
-    const [issueDetail, setIssueDetail] = useState(session.issueDetail || "");
-    const debouncedNote = useDebounce(note, { wait: 1000 });
-    const debouncedIssueDetail = useDebounce(issueDetail, { wait: 1000 });
+    const [noteInput, setNoteInput] = useState({
+        value: session.note || "",
+        sessionId: session.id,
+    });
+    const [issueDetailInput, setIssueDetailInput] = useState({
+        value: session.issueDetail || "",
+        sessionId: session.id,
+    });
+    const debouncedNoteInput = useDebounce(noteInput, { wait: 500 });
+    const debouncedIssueDetailInput = useDebounce(issueDetailInput, {
+        wait: 500,
+    });
     useEffect(() => {
-        setNote(session.note || "");
-        setIssueDetail(session.issueDetail || "");
-    }, [session.note, session.issueDetail]);
+        setNoteInput({ value: session.note || "", sessionId: session.id });
+        setIssueDetailInput({
+            value: session.issueDetail || "",
+            sessionId: session.id,
+        });
+    }, [session.id]);
     useEffect(() => {
-        if (debouncedNote !== (session.note || "")) {
-            updateSession({ sessionId: session.id, note: debouncedNote }, {
+        if (debouncedNoteInput.sessionId === session.id &&
+            debouncedNoteInput.value !== (session.note || "")) {
+            updateSession({ sessionId: session.id, note: debouncedNoteInput.value }, {
                 onSuccess: () => {
                     queryClient.invalidateQueries({
                         queryKey: [QUERY_KEYS.GET_LIST_SESSION_BY_CONVERSATION],
@@ -43,12 +55,19 @@ export const SessionDetailCard = ({ session, isActive, }) => {
                 },
             });
         }
-    }, [debouncedNote, session.note, session.id, updateSession, queryClient]);
+    }, [
+        debouncedNoteInput,
+        session.note,
+        session.id,
+        updateSession,
+        queryClient,
+    ]);
     useEffect(() => {
-        if (debouncedIssueDetail !== (session.issueDetail || "")) {
+        if (debouncedIssueDetailInput.sessionId === session.id &&
+            debouncedIssueDetailInput.value !== (session.issueDetail || "")) {
             updateSession({
                 sessionId: session.id,
-                issueDetail: debouncedIssueDetail,
+                issueDetail: debouncedIssueDetailInput.value,
             }, {
                 onSuccess: () => {
                     queryClient.invalidateQueries({
@@ -58,7 +77,7 @@ export const SessionDetailCard = ({ session, isActive, }) => {
             });
         }
     }, [
-        debouncedIssueDetail,
+        debouncedIssueDetailInput,
         session.issueDetail,
         session.id,
         updateSession,
@@ -90,18 +109,33 @@ export const SessionDetailCard = ({ session, isActive, }) => {
         value: label.id,
         label: label.name,
     }));
-    return (_jsxs("div", { className: `p-3 border rounded-lg shadow-md ${isActive ? "border-blue-500" : "border-gray-300"}`, children: [_jsxs("div", { className: "flex justify-between items-start mb-3", children: [_jsx("div", { className: "flex items-center gap-2", children: _jsxs("div", { className: "flex flex-col", children: [_jsxs("div", { className: "flex items-center gap-1", children: [_jsx(Icon, { icon: "chat-square-b", size: 16, className: "text-gray-500" }), _jsxs("p", { className: "font-semibold text-sm", children: ["Session ", session.order] })] }), _jsx("p", { className: "text-xs text-gray-400", children: formatSessionDate(session.closedDate || session.createdDate) })] }) }), isActive ? (_jsx(Tag, { color: "processing", children: "\u0110ang ho\u1EA1t \u0111\u1ED9ng" })) : (_jsx(Avatar, { src: (_a = session.supporter) === null || _a === void 0 ? void 0 : _a.avatar, size: 24, children: ((_d = (_c = (_b = session.supporter) === null || _b === void 0 ? void 0 : _b.username) === null || _c === void 0 ? void 0 : _c.charAt) === null || _d === void 0 ? void 0 : _d.call(_c, 0)) || "A" }))] }), _jsxs("div", { className: "flex flex-col gap-3 text-sm", children: [_jsxs("div", { className: "flex items-center gap-2 text-gray-500", children: [_jsx(Icon, { icon: "tag-o", size: 16, className: "mt-1" }), _jsx(Select, { mode: "multiple", loading: isLoadingLabels, className: "w-full", placeholder: "Th\u00EAm th\u1EBB...", options: labelOptions, value: (_e = session.labels) === null || _e === void 0 ? void 0 : _e.map((label) => label.id), onChange: handleUpdateLabels, removeIcon: true })] }), _jsxs("div", { className: "flex items-start gap-2 text-gray-500", children: [_jsx(Icon, { icon: "info-circle-o", size: 16, className: "mt-1" }), _jsx(TextArea, { value: issueDetail, onChange: (e) => setIssueDetail(e.target.value), placeholder: "V\u1EA5n \u0111\u1EC1 c\u1EE5 th\u1EC3...", className: "border-none !shadow-none py-0 px-2", autoSize: { minRows: 1, maxRows: 3 } })] }), _jsxs("div", { className: "flex items-start gap-2 text-gray-500", children: [_jsx(Icon, { icon: "paper-o", size: 16, className: "mt-1" }), _jsx(TextArea, { value: note, onChange: (e) => setNote(e.target.value), placeholder: "Ghi ch\u00FA...", className: "border-none !shadow-none py-0 px-2", autoSize: { minRows: 1, maxRows: 3 } })] })] }), isActive && (_jsx(Button, { type: "primary", block: true, className: "mt-4", onClick: handleCloseSession, loading: isClosing, children: "\u0110\u00F3ng" }))] }));
+    return (_jsxs("div", { className: `p-3 border rounded-lg shadow-md ${isActive ? "border-blue-500" : "border-gray-300"}`, children: [_jsxs("div", { className: "flex justify-between items-start mb-3", children: [_jsx("div", { className: "flex items-center gap-2", children: _jsxs("div", { className: "flex flex-col", children: [_jsxs("div", { className: "flex items-center gap-1", children: [_jsx(Icon, { icon: "chat-square-b", size: 16, className: "text-gray-500" }), _jsxs("p", { className: "font-semibold text-sm", children: ["Session ", session.order] })] }), _jsx("p", { className: "text-xs text-gray-400", children: formatSessionDate(session.closedDate || session.createdDate) })] }) }), isActive ? (_jsx(Tag, { color: "processing", children: "\u0110ang ho\u1EA1t \u0111\u1ED9ng" })) : (_jsx(Avatar, { src: (_a = session.supporter) === null || _a === void 0 ? void 0 : _a.avatar, size: 24, children: ((_d = (_c = (_b = session.supporter) === null || _b === void 0 ? void 0 : _b.username) === null || _c === void 0 ? void 0 : _c.charAt) === null || _d === void 0 ? void 0 : _d.call(_c, 0)) || "A" }))] }), _jsxs("div", { className: "flex flex-col gap-3 text-sm", children: [_jsxs("div", { className: "flex items-center gap-2 text-gray-500", children: [_jsx(Icon, { icon: "tag-o", size: 16, className: "mt-1" }), _jsx(Select, { mode: "multiple", loading: isLoadingLabels, className: "w-full", placeholder: "Th\u00EAm th\u1EBB...", options: labelOptions, value: (_e = session.labels) === null || _e === void 0 ? void 0 : _e.map((label) => label.id), onChange: handleUpdateLabels, removeIcon: true })] }), _jsxs("div", { className: "flex items-start gap-2 text-gray-500", children: [_jsx(Icon, { icon: "info-circle-o", size: 16, className: "mt-1" }), _jsx(TextArea, { value: issueDetailInput.value, onChange: (e) => setIssueDetailInput({
+                                    value: e.target.value,
+                                    sessionId: session.id,
+                                }), placeholder: "V\u1EA5n \u0111\u1EC1 c\u1EE5 th\u1EC3...", className: "border-none !shadow-none py-0 px-2", autoSize: { minRows: 1, maxRows: 3 } })] }), _jsxs("div", { className: "flex items-start gap-2 text-gray-500", children: [_jsx(Icon, { icon: "paper-o", size: 16, className: "mt-1" }), _jsx(TextArea, { value: noteInput.value, onChange: (e) => setNoteInput({ value: e.target.value, sessionId: session.id }), placeholder: "Ghi ch\u00FA...", className: "border-none !shadow-none py-0 px-2", autoSize: { minRows: 1, maxRows: 3 } })] })] }), isActive && (_jsx(Button, { type: "primary", block: true, className: "mt-4", onClick: handleCloseSession, loading: isClosing, children: "\u0110\u00F3ng" }))] }));
 };
-const ClosedSessionItem = ({ session }) => {
+const ClosedSessionItem = ({ session, expandedSessionId, onToggleExpand, }) => {
     var _a, _b, _c, _d;
-    const [isExpanded, { setTrue }] = useBoolean(false);
+    const isExpanded = session.id === expandedSessionId;
+    const handleClick = () => {
+        onToggleExpand(session.id);
+    };
     if (isExpanded) {
         return (_jsx("div", { children: _jsx(SessionDetailCard, { session: session, isActive: false }) }));
     }
-    return (_jsxs("div", { className: "flex justify-between items-center p-2 rounded-md hover:bg-gray-100 cursor-pointer", onClick: setTrue, children: [_jsxs("div", { className: "flex items-center gap-2 text-sm", children: [_jsx(Icon, { icon: "chat-square-b", size: 16, className: "text-gray-500" }), _jsxs("span", { className: "font-semibold", children: ["Session ", session.order] }), _jsx("span", { className: "text-gray-400 text-xs", children: formatSessionDate(session.closedDate || session.createdDate) })] }), _jsx(Avatar, { src: (_a = session.supporter) === null || _a === void 0 ? void 0 : _a.avatar, size: 24, children: ((_d = (_c = (_b = session.supporter) === null || _b === void 0 ? void 0 : _b.username) === null || _c === void 0 ? void 0 : _c.charAt) === null || _d === void 0 ? void 0 : _d.call(_c, 0)) || "A" })] }));
+    return (_jsxs("div", { className: "flex justify-between items-center p-2 rounded-md hover:bg-gray-100 cursor-pointer", onClick: handleClick, children: [_jsxs("div", { className: "flex items-center gap-2 text-sm", children: [_jsx(Icon, { icon: "chat-square-b", size: 16, className: "text-gray-500" }), _jsxs("span", { className: "font-semibold", children: ["Session ", session.order] }), _jsx("span", { className: "text-gray-400 text-xs", children: formatSessionDate(session.closedDate || session.createdDate) })] }), _jsx(Avatar, { src: (_a = session.supporter) === null || _a === void 0 ? void 0 : _a.avatar, size: 24, children: ((_d = (_c = (_b = session.supporter) === null || _b === void 0 ? void 0 : _b.username) === null || _c === void 0 ? void 0 : _c.charAt) === null || _d === void 0 ? void 0 : _d.call(_c, 0)) || "A" })] }));
 };
 const SessionSection = ({ sessions, isLoading }) => {
     const [isOpen, { toggle }] = useBoolean(true);
-    return (_jsxs("div", { className: "flex flex-col border-b", children: [_jsxs("div", { role: "button", onClick: toggle, className: "flex items-center justify-between px-4 py-2 rounded-md hover:bg-gray-100 sticky top-0 bg-white z-10", children: [_jsx("h3", { className: "font-bold text-gray-500 text-xs tracking-wider", children: "SESSIONS" }), _jsx(Icon, { icon: isOpen ? "angle-up-o" : "angle-down-o", size: 18 })] }), isOpen && (_jsx("div", { className: "px-4 pt-2 pb-4", children: isLoading ? (_jsx("div", { className: "text-center mt-4", children: _jsx(Spin, {}) })) : (_jsx("div", { className: "flex flex-col gap-1", children: sessions.map((session) => (_jsx(ClosedSessionItem, { session: session }, session.id))) })) }))] }));
+    const [expandedSessionId, setExpandedSessionId] = useState(null);
+    const handleToggleExpand = (sessionId) => {
+        setExpandedSessionId((prevId) => (prevId === sessionId ? null : sessionId));
+    };
+    useEffect(() => {
+        if (!isOpen) {
+            setExpandedSessionId(null);
+        }
+    }, [isOpen]);
+    return (_jsxs("div", { className: "flex flex-col border-b", children: [_jsxs("div", { role: "button", onClick: toggle, className: "flex items-center justify-between px-4 py-2 rounded-md hover:bg-gray-100 sticky top-0 bg-white z-10", children: [_jsx("h3", { className: "font-bold text-gray-500 text-xs tracking-wider", children: "SESSIONS" }), _jsx(Icon, { icon: isOpen ? "angle-up-o" : "angle-down-o", size: 18 })] }), isOpen && (_jsx("div", { className: "px-4 pt-2 pb-4", children: isLoading ? (_jsx("div", { className: "text-center mt-4", children: _jsx(Spin, {}) })) : (_jsx("div", { className: "flex flex-col gap-1", children: sessions.map((session) => (_jsx(ClosedSessionItem, { session: session, expandedSessionId: expandedSessionId, onToggleExpand: handleToggleExpand }, session.id))) })) }))] }));
 };
 export default SessionSection;

package/dist/constants/sdk.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sdk.d.ts","sourceRoot":"","sources":["../../src/constants/sdk.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AAGjD,eAAO,MAAM,QAAQ,EAAE,UAAU,CAAC,OAAO,MAAM,CAI7C,CAAC"}
+{"version":3,"file":"sdk.d.ts","sourceRoot":"","sources":["../../src/constants/sdk.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AAEjD,eAAO,MAAM,QAAQ,EAAE,UAAU,CAAC,OAAO,MAAM,CAI7C,CAAC"}

package/dist/constants/sdk.js

@@ -1,7 +1,6 @@
 import { getSDK } from "@openim/wasm-client-sdk";
-import { coreWasmPath } from "./index";
 export const DChatSDK = getSDK({
-    coreWasmPath,
+    coreWasmPath: typeof window !== "undefined" ? (window.localStorage.getItem("coreWasmPath") || '') : undefined,
     sqlWasmPath: "/sql-wasm.wasm",
     debug: process.env.NODE_ENV === "development",
 });

package/dist/hooks/global/useGlobalEvent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useGlobalEvent.d.ts","sourceRoot":"","sources":["../../../src/hooks/global/useGlobalEvent.ts"],"names":[],"mappings":"AA8BA,eAAO,MAAM,cAAc,YA4P1B,CAAC"}
+{"version":3,"file":"useGlobalEvent.d.ts","sourceRoot":"","sources":["../../../src/hooks/global/useGlobalEvent.ts"],"names":[],"mappings":"AA8BA,eAAO,MAAM,cAAc,YAkQ1B,CAAC"}

package/dist/hooks/global/useGlobalEvent.js

@@ -45,8 +45,14 @@ export const useGlobalEvent = () => {
         }
     };
     const handleNewMessage = (newServerMsg) => {
+        let customData = null;
         if (newServerMsg.contentType === MessageType.CustomMessage) {
-            const customData = JSON.parse(newServerMsg.customElem.data);
+            try {
+                customData = JSON.parse(newServerMsg.customElem.data);
+            }
+            catch (e) {
+                console.error("Failed to parse custom message data", e);
+            }
             if (customData &&
                 CustomType.CallingInvite <= customData.customType &&
                 customData.customType <= CustomType.CallingHungup) {