@droppii-org/chat-sdk 0.0.67 → 0.0.69

package/dist/components/message/item/TextMessage.d.ts

@@ -2,6 +2,6 @@ import { MessageItem } from "@openim/wasm-client-sdk";
 interface TextMessageItemProps {
     message: MessageItem;
 }
-declare const TextMessageItem: (props: TextMessageItemProps) => import("react/jsx-runtime").JSX.Element;
+declare const TextMessageItem: (props: TextMessageItemProps) => import("react/jsx-runtime").JSX.Element | null;
 export default TextMessageItem;
 //# sourceMappingURL=TextMessage.d.ts.map

package/dist/components/message/item/TextMessage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TextMessage.d.ts","sourceRoot":"","sources":["../../../../src/components/message/item/TextMessage.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAGtD,UAAU,oBAAoB;IAC5B,OAAO,EAAE,WAAW,CAAC;CACtB;AACD,QAAA,MAAM,eAAe,GAAI,OAAO,oBAAoB,4CA4BnD,CAAC;AAEF,eAAe,eAAe,CAAC"}
+{"version":3,"file":"TextMessage.d.ts","sourceRoot":"","sources":["../../../../src/components/message/item/TextMessage.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAe,MAAM,yBAAyB,CAAC;AAInE,UAAU,oBAAoB;IAC5B,OAAO,EAAE,WAAW,CAAC;CACtB;AACD,QAAA,MAAM,eAAe,GAAI,OAAO,oBAAoB,mDAiCnD,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/dist/components/message/item/TextMessage.js

@@ -1,8 +1,11 @@
 "use client";
 import { jsx as _jsx } from "react/jsx-runtime";
+import { MessageType } from "@openim/wasm-client-sdk";
+import { useAuthStore } from "../../..";
 const TextMessageItem = (props) => {
     var _a, _b, _c;
     const { message } = props;
+    const isCrm = useAuthStore((state) => state.isCrm);
     let extendMessageInfo = null;
     try {
         extendMessageInfo = JSON.parse((message === null || message === void 0 ? void 0 : message.ex) || "{}");
@@ -11,11 +14,14 @@ const TextMessageItem = (props) => {
         extendMessageInfo = {};
         console.error("Failed to parse extendMessageInfo", error);
     }
+    if ((message === null || message === void 0 ? void 0 : message.contentType) === MessageType.CustomMessage && !isCrm) {
+        return null;
+    }
     if (Object.keys(extendMessageInfo).length > 0 &&
         (extendMessageInfo === null || extendMessageInfo === void 0 ? void 0 : extendMessageInfo.messageInfo)) {
         const htmlContent = ((_b = (_a = extendMessageInfo === null || extendMessageInfo === void 0 ? void 0 : extendMessageInfo.messageInfo) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.content) || "";
-        return (_jsx("div", { className: "!text-sm sm:text-base break-words whitespace-pre-line flex-1 break-all", dangerouslySetInnerHTML: { __html: htmlContent } }));
+        return (_jsx("div", { className: "!text-sm sm:text-base break-words whitespace-pre-line flex-1", dangerouslySetInnerHTML: { __html: htmlContent } }));
     }
-    return (_jsx("span", { className: "!text-sm sm:text-base whitespace-pre-wrap break-all", children: ((_c = message === null || message === void 0 ? void 0 : message.textElem) === null || _c === void 0 ? void 0 : _c.content) || "" }));
+    return (_jsx("span", { className: "!text-sm sm:text-base whitespace-pre-wrap", children: ((_c = message === null || message === void 0 ? void 0 : message.textElem) === null || _c === void 0 ? void 0 : _c.content) || "" }));
 };
 export default TextMessageItem;

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

@@ -0,0 +1,12 @@
+import { ISessionResponse } from "../../types/dto";
+export declare const SessionDetailCard: ({ session, isActive, }: {
+    session: ISessionResponse;
+    isActive: boolean;
+}) => import("react/jsx-runtime").JSX.Element;
+interface SessionSectionProps {
+    sessions: ISessionResponse[];
+    isLoading: boolean;
+}
+declare const SessionSection: ({ sessions, isLoading }: SessionSectionProps) => import("react/jsx-runtime").JSX.Element;
+export default SessionSection;
+//# sourceMappingURL=SessionSection.d.ts.map

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

@@ -0,0 +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"}

package/dist/components/thread/SessionSection.js

@@ -0,0 +1,107 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useBoolean, useDebounce } from "ahooks";
+import { Icon } from "../icon";
+import { Button, Select, Spin, Tag, Input, message, Avatar } from "antd";
+import { useGetLabelSession } from "../../hooks/session/useGetLabelSession";
+import { useUpdateSessionInfo } from "../../hooks/session/useUpdateSessionInfo";
+import { useCloseSession } from "../../hooks/session/useCloseSession";
+import { useQueryClient } from "@tanstack/react-query";
+import { QUERY_KEYS } from "../../services/query";
+import { useEffect, useState } from "react";
+const { TextArea } = Input;
+const formatSessionDate = (dateString) => {
+    if (!dateString)
+        return "";
+    const date = new Date(dateString);
+    const hours = String(date.getHours()).padStart(2, "0");
+    const minutes = String(date.getMinutes()).padStart(2, "0");
+    const day = String(date.getDate()).padStart(2, "0");
+    const month = String(date.getMonth() + 1).padStart(2, "0");
+    return `${hours}:${minutes} ${day}/${month}`;
+};
+export const SessionDetailCard = ({ session, isActive, }) => {
+    var _a, _b, _c, _d, _e;
+    const queryClient = useQueryClient();
+    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 });
+    useEffect(() => {
+        setNote(session.note || "");
+        setIssueDetail(session.issueDetail || "");
+    }, [session.note, session.issueDetail]);
+    useEffect(() => {
+        if (debouncedNote !== (session.note || "")) {
+            updateSession({ sessionId: session.id, note: debouncedNote }, {
+                onSuccess: () => {
+                    queryClient.invalidateQueries({
+                        queryKey: [QUERY_KEYS.GET_LIST_SESSION_BY_CONVERSATION],
+                    });
+                },
+            });
+        }
+    }, [debouncedNote, session.note, session.id, updateSession, queryClient]);
+    useEffect(() => {
+        if (debouncedIssueDetail !== (session.issueDetail || "")) {
+            updateSession({
+                sessionId: session.id,
+                issueDetail: debouncedIssueDetail,
+            }, {
+                onSuccess: () => {
+                    queryClient.invalidateQueries({
+                        queryKey: [QUERY_KEYS.GET_LIST_SESSION_BY_CONVERSATION],
+                    });
+                },
+            });
+        }
+    }, [
+        debouncedIssueDetail,
+        session.issueDetail,
+        session.id,
+        updateSession,
+        queryClient,
+    ]);
+    const handleUpdateLabels = (labelIds) => {
+        updateSession({ sessionId: session.id, labelIds }, {
+            onSuccess: () => {
+                queryClient.invalidateQueries({
+                    queryKey: [QUERY_KEYS.GET_LIST_SESSION_BY_CONVERSATION],
+                });
+            },
+        });
+    };
+    const handleCloseSession = () => {
+        closeSession(session.id, {
+            onSuccess: () => {
+                message.success("Đóng phiên chat thành công");
+                queryClient.invalidateQueries({
+                    queryKey: [QUERY_KEYS.GET_LIST_SESSION_BY_CONVERSATION],
+                });
+            },
+            onError: () => {
+                message.error("Đóng phiên chat thất bại");
+            },
+        });
+    };
+    const labelOptions = availableLabels === null || availableLabels === void 0 ? void 0 : availableLabels.map((label) => ({
+        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" }))] }));
+};
+const ClosedSessionItem = ({ session }) => {
+    var _a, _b, _c, _d;
+    const [isExpanded, { setTrue }] = useBoolean(false);
+    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" })] }));
+};
+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))) })) }))] }));
+};
+export default SessionSection;

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

@@ -1 +1 @@
-{"version":3,"file":"ThreadInfo.d.ts","sourceRoot":"","sources":["../../../src/components/thread/ThreadInfo.tsx"],"names":[],"mappings":"AAaA,QAAA,MAAM,UAAU,sDA+If,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"ThreadInfo.d.ts","sourceRoot":"","sources":["../../../src/components/thread/ThreadInfo.tsx"],"names":[],"mappings":"AAMA,QAAA,MAAM,UAAU,sDAsCf,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/components/thread/ThreadInfo.js

@@ -1,84 +1,27 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { Avatar, Input, message } from "antd";
-import { useGetUserSideInfo } from "../../hooks/session/useGetUserSideInfo";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import useConversationStore from "../../store/conversation";
-import { Icon } from "../icon";
-import { useCreateNote } from "../../hooks/session/useCreateNote";
-import { useUpdateNote } from "../../hooks/session/useUpdateNote";
-import { useEffect, useRef, useState } from "react";
-import { useTranslation } from "react-i18next";
-import { useBoolean } from "ahooks";
-const { TextArea } = Input;
+import UserSection from "./UserSection";
+import SessionSection, { SessionDetailCard } from "./SessionSection";
+import { useGetListSessionByConversation } from "../../hooks/session/useGetListSessionByConversation";
+import { useMemo } from "react";
 const ThreadInfo = () => {
-    var _a, _b, _c, _d, _e, _f, _g;
-    const { t } = useTranslation();
     const conversationData = useConversationStore((state) => state.conversationData);
-    const exConversationInfo = JSON.parse((conversationData === null || conversationData === void 0 ? void 0 : conversationData.ex) || "{}");
     const conversationId = (conversationData === null || conversationData === void 0 ? void 0 : conversationData.conversationID) || "";
-    const userId = ((_b = (_a = exConversationInfo === null || exConversationInfo === void 0 ? void 0 : exConversationInfo.sessionInfo) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.ownerId) || "";
-    const { data } = useGetUserSideInfo(conversationId, userId);
-    const { mutate: createNote } = useCreateNote();
-    const { mutate: updateNote } = useUpdateNote();
-    const [isOpen, { toggle }] = useBoolean(true);
-    const initialNote = (_d = (_c = data === null || data === void 0 ? void 0 : data.note) === null || _c === void 0 ? void 0 : _c.content) !== null && _d !== void 0 ? _d : "";
-    const [noteValue, setNoteValue] = useState(initialNote);
-    const timerRef = useRef(null);
-    useEffect(() => {
-        var _a, _b;
-        setNoteValue((_b = (_a = data === null || data === void 0 ? void 0 : data.note) === null || _a === void 0 ? void 0 : _a.content) !== null && _b !== void 0 ? _b : "");
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [(_e = data === null || data === void 0 ? void 0 : data.note) === null || _e === void 0 ? void 0 : _e.content, conversationId, userId]);
-    const scheduleSave = (value) => {
-        if (timerRef.current) {
-            window.clearTimeout(timerRef.current);
-        }
-        timerRef.current = window.setTimeout(() => {
-            var _a, _b, _c;
-            const prev = (_b = (_a = data === null || data === void 0 ? void 0 : data.note) === null || _a === void 0 ? void 0 : _a.content) !== null && _b !== void 0 ? _b : "";
-            if (value === prev)
-                return;
-            if (!prev) {
-                createNote({
-                    conversationId,
-                    content: value,
-                    targetId: userId,
-                }, {
-                    onSuccess: () => {
-                        message.success(t("note_created"));
-                    },
-                    onError: () => {
-                        message.error(t("create_note_failed"));
-                    },
-                });
-            }
-            else {
-                updateNote({
-                    noteId: ((_c = data === null || data === void 0 ? void 0 : data.note) === null || _c === void 0 ? void 0 : _c.id) || "",
-                    content: value,
-                }, {
-                    onSuccess: () => {
-                        message.success(t("note_updated"));
-                    },
-                    onError: () => {
-                        message.error(t("update_note_failed"));
-                    },
-                });
-            }
-        }, 1000);
-    };
+    const { data: sessions, isLoading } = useGetListSessionByConversation({
+        conversationId,
+        page: 1,
+        pageSize: 50,
+    });
+    const { closedSessions, activeSession } = useMemo(() => {
+        if (!sessions)
+            return { closedSessions: [], activeSession: null };
+        const active = sessions.find((s) => !s.isClosed);
+        const closed = sessions.filter((s) => s.isClosed);
+        return { closedSessions: closed, activeSession: active };
+    }, [sessions]);
     if (!conversationId) {
         return null;
     }
-    return (_jsx("div", { className: "h-full w-[300px] bg-white shadow-md", children: _jsxs("div", { className: "flex flex-col gap-3 border-b px-4 py-3", children: [_jsxs("div", { role: "button", onClick: toggle, className: "flex items-center gap-3 bg-white flex-wrap", children: [_jsx(Avatar, { src: data === null || data === void 0 ? void 0 : data.avatar, className: "min-w-6 min-h-6", children: ((_g = (_f = data === null || data === void 0 ? void 0 : data.fullName) === null || _f === void 0 ? void 0 : _f.charAt) === null || _g === void 0 ? void 0 : _g.call(_f, 0)) || "A" }), _jsx("div", { className: "flex flex-col overflow-hidden flex-1", children: _jsxs("p", { className: "text-sm truncate", children: [(data === null || data === void 0 ? void 0 : data.fullName) || "", "(", data === null || data === void 0 ? void 0 : data.username, ")"] }) }), _jsx(Icon, { icon: isOpen ? "angle-up-o" : "angle-down-o", size: 18 })] }), isOpen && (_jsxs(_Fragment, { children: [_jsxs("div", { className: "flex justify-between items-center gap-2", children: [_jsxs("p", { className: "text-sm flex items-center gap-3 flex-1 min-w-0", children: [" ", _jsx("span", { className: "font-light w-16 text-gray-400 flex-shrink-0", children: "User ID" }), _jsx("span", { className: "truncate", children: (data === null || data === void 0 ? void 0 : data.id) || "" }), " "] }), _jsx(Icon, { icon: "copy-o", size: 16, onClick: () => {
-                                        navigator.clipboard.writeText((data === null || data === void 0 ? void 0 : data.id) || "");
-                                        message.success(t("copied_to_clipboard"));
-                                    } })] }), _jsxs("div", { className: "flex justify-between items-center gap-2", children: [_jsxs("p", { className: "text-sm truncate flex gap-3", children: [_jsx("span", { className: "font-light text-gray-400 w-16", children: "Username" }), (data === null || data === void 0 ? void 0 : data.username) || ""] }), _jsx(Icon, { icon: "copy-o", size: 16, onClick: () => {
-                                        navigator.clipboard.writeText((data === null || data === void 0 ? void 0 : data.id) || "");
-                                        message.success(t("copied_to_clipboard"));
-                                    } })] }), _jsxs("div", { className: "flex justify-between", children: [_jsx("p", { className: "text-sm flex gap-3", children: _jsx("span", { className: "font-light text-gray-400 w-16", children: "Note" }) }), _jsx(TextArea, { value: noteValue, placeholder: t("add_note"), className: "border-none py-0", autoSize: { minRows: 1, maxRows: 6 }, onChange: (e) => {
-                                        const v = e.target.value;
-                                        setNoteValue(v);
-                                        scheduleSave(v);
-                                    } })] })] }))] }) }));
+    return (_jsxs("div", { className: "h-full w-[330px] bg-white shadow-md flex flex-col relative", children: [_jsxs("div", { className: `flex-grow overflow-y-auto ${activeSession ? "pb-60" : ""}`, children: [_jsx(UserSection, {}), _jsx(SessionSection, { sessions: closedSessions, isLoading: isLoading })] }), activeSession && (_jsx("div", { className: "absolute bottom-0 left-0 right-0 p-4 z-20 bg-white backdrop-blur-sm", children: _jsx(SessionDetailCard, { session: activeSession, isActive: true }) }))] }));
 };
 export default ThreadInfo;

package/dist/components/thread/UserSection.d.ts

@@ -0,0 +1,3 @@
+declare const UserSection: () => import("react/jsx-runtime").JSX.Element;
+export default UserSection;
+//# sourceMappingURL=UserSection.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"UserSection.d.ts","sourceRoot":"","sources":["../../../src/components/thread/UserSection.tsx"],"names":[],"mappings":"AAYA,QAAA,MAAM,WAAW,+CAwIhB,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/dist/components/thread/UserSection.js

@@ -0,0 +1,81 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Avatar, Input, message } from "antd";
+import { useGetUserSideInfo } from "../../hooks/session/useGetUserSideInfo";
+import useConversationStore from "../../store/conversation";
+import { Icon } from "../icon";
+import { useCreateNote } from "../../hooks/session/useCreateNote";
+import { useUpdateNote } from "../../hooks/session/useUpdateNote";
+import { useEffect, useRef, useState } from "react";
+import { useTranslation } from "react-i18next";
+import { useBoolean } from "ahooks";
+const { TextArea } = Input;
+const UserSection = () => {
+    var _a, _b, _c, _d, _e, _f, _g;
+    const { t } = useTranslation();
+    const conversationData = useConversationStore((state) => state.conversationData);
+    const exConversationInfo = JSON.parse((conversationData === null || conversationData === void 0 ? void 0 : conversationData.ex) || "{}");
+    const timerRef = useRef(null);
+    const conversationId = (conversationData === null || conversationData === void 0 ? void 0 : conversationData.conversationID) || "";
+    const userId = ((_b = (_a = exConversationInfo === null || exConversationInfo === void 0 ? void 0 : exConversationInfo.sessionInfo) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.ownerId) || "";
+    const { data } = useGetUserSideInfo(conversationId, userId);
+    const { mutate: createNote } = useCreateNote();
+    const { mutate: updateNote } = useUpdateNote();
+    const initialNote = (_d = (_c = data === null || data === void 0 ? void 0 : data.note) === null || _c === void 0 ? void 0 : _c.content) !== null && _d !== void 0 ? _d : "";
+    const [noteValue, setNoteValue] = useState(initialNote);
+    const [isOpen, { toggle }] = useBoolean(true);
+    const scheduleSave = (value) => {
+        if (timerRef.current) {
+            window.clearTimeout(timerRef.current);
+        }
+        timerRef.current = window.setTimeout(() => {
+            var _a, _b, _c;
+            const prev = (_b = (_a = data === null || data === void 0 ? void 0 : data.note) === null || _a === void 0 ? void 0 : _a.content) !== null && _b !== void 0 ? _b : "";
+            if (value === prev)
+                return;
+            if (!prev) {
+                createNote({
+                    conversationId,
+                    content: value,
+                    targetId: userId,
+                }, {
+                    onSuccess: () => {
+                        message.success(t("note_created"));
+                    },
+                    onError: () => {
+                        message.error(t("create_note_failed"));
+                    },
+                });
+            }
+            else {
+                updateNote({
+                    noteId: ((_c = data === null || data === void 0 ? void 0 : data.note) === null || _c === void 0 ? void 0 : _c.id) || "",
+                    content: value,
+                }, {
+                    onSuccess: () => {
+                        message.success(t("note_updated"));
+                    },
+                    onError: () => {
+                        message.error(t("update_note_failed"));
+                    },
+                });
+            }
+        }, 1000);
+    };
+    useEffect(() => {
+        var _a, _b;
+        setNoteValue((_b = (_a = data === null || data === void 0 ? void 0 : data.note) === null || _a === void 0 ? void 0 : _a.content) !== null && _b !== void 0 ? _b : "");
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [(_e = data === null || data === void 0 ? void 0 : data.note) === null || _e === void 0 ? void 0 : _e.content, conversationId, userId]);
+    return (_jsxs("div", { className: "flex flex-col gap-3 border-b px-4 py-3", children: [_jsxs("div", { role: "button", onClick: toggle, className: "flex items-center gap-3 bg-white flex-wrap", children: [_jsx(Avatar, { src: data === null || data === void 0 ? void 0 : data.avatar, className: "min-w-6 min-h-6", children: ((_g = (_f = data === null || data === void 0 ? void 0 : data.fullName) === null || _f === void 0 ? void 0 : _f.charAt) === null || _g === void 0 ? void 0 : _g.call(_f, 0)) || "A" }), _jsx("div", { className: "flex flex-col overflow-hidden flex-1", children: _jsxs("p", { className: "text-sm truncate", children: [(data === null || data === void 0 ? void 0 : data.fullName) || "", "(", data === null || data === void 0 ? void 0 : data.username, ")"] }) }), _jsx(Icon, { icon: isOpen ? "angle-up-o" : "angle-down-o", size: 18 })] }), isOpen && (_jsxs(_Fragment, { children: [_jsxs("div", { className: "flex justify-between items-center gap-2", children: [_jsxs("p", { className: "text-sm flex items-center gap-3 flex-1 min-w-0", children: [" ", _jsx("span", { className: "font-light w-16 text-gray-400 flex-shrink-0", children: "User ID" }), _jsx("span", { className: "truncate", children: (data === null || data === void 0 ? void 0 : data.id) || "" }), " "] }), _jsx(Icon, { icon: "copy-o", size: 16, onClick: () => {
+                                    navigator.clipboard.writeText((data === null || data === void 0 ? void 0 : data.id) || "");
+                                    message.success(t("copied_to_clipboard"));
+                                } })] }), _jsxs("div", { className: "flex justify-between items-center gap-2", children: [_jsxs("p", { className: "text-sm truncate flex gap-3", children: [_jsx("span", { className: "font-light text-gray-400 w-16", children: "Username" }), (data === null || data === void 0 ? void 0 : data.username) || ""] }), _jsx(Icon, { icon: "copy-o", size: 16, onClick: () => {
+                                    navigator.clipboard.writeText((data === null || data === void 0 ? void 0 : data.id) || "");
+                                    message.success(t("copied_to_clipboard"));
+                                } })] }), _jsxs("div", { className: "flex justify-between", children: [_jsx("p", { className: "text-sm flex gap-3", children: _jsx("span", { className: "font-light text-gray-400 w-16", children: "Note" }) }), _jsx(TextArea, { value: noteValue, placeholder: t("add_note"), className: "border-none py-0", autoSize: { minRows: 1, maxRows: 6 }, onChange: (e) => {
+                                    const v = e.target.value;
+                                    setNoteValue(v);
+                                    scheduleSave(v);
+                                } })] })] }))] }));
+};
+export default UserSection;

package/dist/constants/index.d.ts

@@ -1,4 +1,4 @@
-export declare const coreWasmPath = "https://droppii.blob.core.windows.net/droppii-production-public/openIM.wasm";
+export declare const coreWasmPath = "https://droppiistg.blob.core.windows.net/droppii-stg-public/livechat/openIM.wasm";
 export declare const PAGE_SIZE = 50;
 export declare const MSG_ITEM_PREFIX = "msg-item-";
 export declare const MSG_ITEM_CONTENT_PREFIX = "msg-item-content-";

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/constants/index.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,YAAY,gFACsD,CAAC;AAEhF,eAAO,MAAM,SAAS,KAAK,CAAC;AAE5B,eAAO,MAAM,eAAe,cAAc,CAAC;AAC3C,eAAO,MAAM,uBAAuB,sBAAsB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/constants/index.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,YAAY,qFAC2D,CAAC;AAErF,eAAO,MAAM,SAAS,KAAK,CAAC;AAE5B,eAAO,MAAM,eAAe,cAAc,CAAC;AAC3C,eAAO,MAAM,uBAAuB,sBAAsB,CAAC"}

package/dist/constants/index.js

@@ -1,4 +1,4 @@
-export const coreWasmPath = "https://droppii.blob.core.windows.net/droppii-production-public/openIM.wasm";
+export const coreWasmPath = "https://droppiistg.blob.core.windows.net/droppii-stg-public/livechat/openIM.wasm";
 export const PAGE_SIZE = 50;
 export const MSG_ITEM_PREFIX = "msg-item-";
 export const MSG_ITEM_CONTENT_PREFIX = "msg-item-content-";

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":"AA4BA,eAAO,MAAM,cAAc,YAkP1B,CAAC"}
+{"version":3,"file":"useGlobalEvent.d.ts","sourceRoot":"","sources":["../../../src/hooks/global/useGlobalEvent.ts"],"names":[],"mappings":"AA8BA,eAAO,MAAM,cAAc,YA4P1B,CAAC"}

package/dist/hooks/global/useGlobalEvent.js

@@ -8,9 +8,12 @@ import useConversationStore from "../../store/conversation";
 import useAuthStore from "../../store/auth";
 import { useRefetchChatToken } from "../../hooks/init/useChatToken";
 import { updateSession } from "../session/useUpdateSession";
+import { QUERY_KEYS } from "../../services/query";
+import { useQueryClient } from "@tanstack/react-query";
 const notPushType = [MessageType.TypingMessage, MessageType.RevokeMessage];
 export const useGlobalEvent = () => {
     const { user } = useChatContext();
+    const queryClient = useQueryClient();
     const { updateConnectStatus, updateSyncStatus, getSelfUserInfo } = useChatContext();
     const updateConversationList = useConversationStore((state) => state.updateConversationList);
     const getConversationListByReq = useConversationStore((state) => state.getConversationListByReq);
@@ -44,7 +47,8 @@ export const useGlobalEvent = () => {
     const handleNewMessage = (newServerMsg) => {
         if (newServerMsg.contentType === MessageType.CustomMessage) {
             const customData = JSON.parse(newServerMsg.customElem.data);
-            if (CustomType.CallingInvite <= customData.customType &&
+            if (customData &&
+                CustomType.CallingInvite <= customData.customType &&
                 customData.customType <= CustomType.CallingHungup) {
                 return;
             }
@@ -123,10 +127,17 @@ export const useGlobalEvent = () => {
         updateSyncStatus(SyncStatus.Failed);
     };
     const businessNotificationHandler = ({ data, }) => {
+        console.log(data.key, "business notification");
         switch (data.key) {
             case BusinessNotificationType.SESSION_STATE_UPDATED:
                 updateSession(JSON.parse(data.data || "{}"));
                 break;
+            case BusinessNotificationType.SESSION_CREATED:
+                updateSession(JSON.parse(data.data || "{}"));
+                queryClient.invalidateQueries({
+                    queryKey: [QUERY_KEYS.GET_LIST_SESSION_BY_CONVERSATION],
+                });
+                break;
             default:
                 break;
         }

package/dist/hooks/session/useCloseSession.d.ts

@@ -0,0 +1,3 @@
+import { BaseResponse } from "../../types/dto";
+export declare const useCloseSession: () => import("@tanstack/react-query").UseMutationResult<BaseResponse<boolean>, Error, string, unknown>;
+//# sourceMappingURL=useCloseSession.d.ts.map

package/dist/hooks/session/useCloseSession.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCloseSession.d.ts","sourceRoot":"","sources":["../../../src/hooks/session/useCloseSession.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAG/C,eAAO,MAAM,eAAe,wGAexB,CAAC"}

package/dist/hooks/session/useCloseSession.js

@@ -0,0 +1,16 @@
+import { useMutation } from "@tanstack/react-query";
+import { QUERY_KEYS } from "../../services/query";
+import { apiInstance } from "../../services/api";
+import { ENDPOINTS } from "../../services/routes";
+import useAuthStore from "../../store/auth";
+export const useCloseSession = () => useMutation({
+    mutationKey: [QUERY_KEYS.CLOSE_SESSION],
+    mutationFn: async (sessionId) => {
+        const res = await apiInstance.post(ENDPOINTS.chatService.closeSession(sessionId), null, {
+            params: {
+                applicationType: useAuthStore.getState().applicationType,
+            },
+        });
+        return res === null || res === void 0 ? void 0 : res.data;
+    },
+});

package/dist/hooks/session/useGetLabelSession.d.ts

@@ -0,0 +1,3 @@
+import { ILabelResponse } from "../../types/dto";
+export declare const useGetLabelSession: () => import("@tanstack/react-query").UseQueryResult<ILabelResponse[], Error>;
+//# sourceMappingURL=useGetLabelSession.d.ts.map

package/dist/hooks/session/useGetLabelSession.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useGetLabelSession.d.ts","sourceRoot":"","sources":["../../../src/hooks/session/useGetLabelSession.ts"],"names":[],"mappings":"AAIA,OAAO,EAAgB,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAG/D,eAAO,MAAM,kBAAkB,+EAc3B,CAAC"}

package/dist/hooks/session/useGetLabelSession.js

@@ -0,0 +1,17 @@
+import { useQuery } from "@tanstack/react-query";
+import { QUERY_KEYS } from "../../services/query";
+import { apiInstance } from "../../services/api";
+import { ENDPOINTS } from "../../services/routes";
+import { DChatApplicationType } from "../../types/chat";
+export const useGetLabelSession = () => useQuery({
+    queryKey: [QUERY_KEYS.GET_LABEL_SESSION],
+    queryFn: async () => {
+        var _a;
+        const res = await apiInstance.get(ENDPOINTS.chatService.getLabelSession, {
+            params: {
+                applicationType: DChatApplicationType.OBEFE,
+            },
+        });
+        return (_a = res === null || res === void 0 ? void 0 : res.data) === null || _a === void 0 ? void 0 : _a.data;
+    },
+});

package/dist/hooks/session/useGetListSessionByConversation.d.ts

@@ -0,0 +1,9 @@
+import { ISessionResponse } from "../../types/dto";
+interface GetListSessionParams {
+    conversationId: string;
+    page?: number;
+    pageSize?: number;
+}
+export declare const useGetListSessionByConversation: ({ conversationId, page, pageSize, }: GetListSessionParams) => import("@tanstack/react-query").UseQueryResult<ISessionResponse[], Error>;
+export {};
+//# sourceMappingURL=useGetListSessionByConversation.d.ts.map

package/dist/hooks/session/useGetListSessionByConversation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useGetListSessionByConversation.d.ts","sourceRoot":"","sources":["../../../src/hooks/session/useGetListSessionByConversation.ts"],"names":[],"mappings":"AAIA,OAAO,EAAgB,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAGjE,UAAU,oBAAoB;IAC5B,cAAc,EAAE,MAAM,CAAC;IACvB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,eAAO,MAAM,+BAA+B,GAAI,qCAI7C,oBAAoB,8EAqBnB,CAAC"}

package/dist/hooks/session/useGetListSessionByConversation.js

@@ -0,0 +1,24 @@
+import { useQuery } from "@tanstack/react-query";
+import { QUERY_KEYS } from "../../services/query";
+import { apiInstance } from "../../services/api";
+import { ENDPOINTS } from "../../services/routes";
+import { DChatApplicationType } from "../../types/chat";
+export const useGetListSessionByConversation = ({ conversationId, page = 1, pageSize = 50, }) => useQuery({
+    queryKey: [
+        QUERY_KEYS.GET_LIST_SESSION_BY_CONVERSATION,
+        conversationId,
+        { page, pageSize },
+    ],
+    queryFn: async () => {
+        var _a;
+        const res = await apiInstance.get(ENDPOINTS.chatService.listSessionByConversation(conversationId), {
+            params: {
+                applicationType: DChatApplicationType.OBEFE,
+                page,
+                pageSize,
+            },
+        });
+        return (_a = res === null || res === void 0 ? void 0 : res.data) === null || _a === void 0 ? void 0 : _a.data;
+    },
+    enabled: !!conversationId,
+});

package/dist/hooks/session/useUpdateNote.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useUpdateNote.d.ts","sourceRoot":"","sources":["../../../src/hooks/session/useUpdateNote.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,YAAY,EAA4B,MAAM,iBAAiB,CAAC;AAGzE,eAAO,MAAM,aAAa;YAOZ,MAAM;aACL,MAAM;WAejB,CAAC"}
+{"version":3,"file":"useUpdateNote.d.ts","sourceRoot":"","sources":["../../../src/hooks/session/useUpdateNote.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAG/C,eAAO,MAAM,aAAa;YAOZ,MAAM;aACL,MAAM;WAejB,CAAC"}

package/dist/hooks/session/useUpdateSessionInfo.d.ts

@@ -0,0 +1,10 @@
+import { BaseResponse } from "../../types/dto";
+interface IUpdateSessionInfoPayload {
+    labelIds?: string[];
+    issueDetail?: string;
+    sessionId: string;
+    note?: string;
+}
+export declare const useUpdateSessionInfo: () => import("@tanstack/react-query").UseMutationResult<BaseResponse<boolean>, Error, IUpdateSessionInfoPayload, unknown>;
+export {};
+//# sourceMappingURL=useUpdateSessionInfo.d.ts.map

package/dist/hooks/session/useUpdateSessionInfo.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useUpdateSessionInfo.d.ts","sourceRoot":"","sources":["../../../src/hooks/session/useUpdateSessionInfo.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAG/C,UAAU,yBAAyB;IACjC,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,eAAO,MAAM,oBAAoB,2HAa7B,CAAC"}

package/dist/hooks/session/useUpdateSessionInfo.js

@@ -0,0 +1,24 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { useMutation } from "@tanstack/react-query";
+import { QUERY_KEYS } from "../../services/query";
+import { apiInstance } from "../../services/api";
+import { ENDPOINTS } from "../../services/routes";
+import useAuthStore from "../../store/auth";
+export const useUpdateSessionInfo = () => useMutation({
+    mutationKey: [QUERY_KEYS.UPDATE_SESSION_INFO],
+    mutationFn: async (_a) => {
+        var { sessionId } = _a, data = __rest(_a, ["sessionId"]);
+        const res = await apiInstance.put(ENDPOINTS.chatService.updateSessionInfo(sessionId), Object.assign(Object.assign({}, data), { applicationType: useAuthStore.getState().applicationType }));
+        return res === null || res === void 0 ? void 0 : res.data;
+    },
+});

package/dist/index.d.ts

@@ -6,6 +6,10 @@ import { Icon } from "./components/icon";
 import useUserStore from "./store/user";
 import { DChatInitAndLoginConfig, DChatApplicationType } from "./types/chat";
 import useAuthStore from "./store/auth";
+export * from "ahooks";
+export { isNil } from "lodash";
+export { default as qs } from "query-string";
+export * from "antd/es/table";
 export { ChatProvider, useChatContext } from "./context/ChatContext";
 export { DChatDeskMessage, DChatBubble, Icon };
 export { useDChatAuth } from "./hooks/user/useAuth";

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,gBAAgB,CAAC;AAExB,OAAO,gBAAgB,MAAM,uBAAuB,CAAC;AACrD,OAAO,WAAW,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAC1E,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,OAAO,YAAY,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,uBAAuB,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAC;AAC7E,OAAO,YAAY,MAAM,cAAc,CAAC;AAGxC,OAAO,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAGrE,OAAO,EAAE,gBAAgB,EAAE,WAAW,EAAE,IAAI,EAAE,CAAC;AAG/C,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACpD,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AAGnE,OAAO,EAAE,YAAY,EAAE,oBAAoB,EAAE,YAAY,EAAE,CAAC;AAI5D,OAAO,EACL,QAAQ,IAAI,aAAa,EACzB,QAAQ,IAAI,aAAa,EACzB,WAAW,IAAI,gBAAgB,GAChC,CAAC;AAEF,YAAY,EAAE,uBAAuB,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,gBAAgB,CAAC;AAExB,OAAO,gBAAgB,MAAM,uBAAuB,CAAC;AACrD,OAAO,WAAW,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAC1E,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,OAAO,YAAY,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,uBAAuB,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAC;AAC7E,OAAO,YAAY,MAAM,cAAc,CAAC;AACxC,cAAc,QAAQ,CAAC;AACvB,OAAO,EAAE,KAAK,EAAE,MAAM,QAAQ,CAAC;AAC/B,OAAO,EAAE,OAAO,IAAI,EAAE,EAAE,MAAM,cAAc,CAAC;AAC7C,cAAc,eAAe,CAAC;AAG9B,OAAO,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAGrE,OAAO,EAAE,gBAAgB,EAAE,WAAW,EAAE,IAAI,EAAE,CAAC;AAG/C,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACpD,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AAGnE,OAAO,EAAE,YAAY,EAAE,oBAAoB,EAAE,YAAY,EAAE,CAAC;AAI5D,OAAO,EACL,QAAQ,IAAI,aAAa,EACzB,QAAQ,IAAI,aAAa,EACzB,WAAW,IAAI,gBAAgB,GAChC,CAAC;AAEF,YAAY,EAAE,uBAAuB,EAAE,CAAC"}