@droppii-org/chat-sdk 0.1.19 → 0.1.21

package/dist/components/message/footer/index.js

@@ -5,12 +5,12 @@ import { ToolbarPlugin } from "./ToolbarPlugin";
 import { LinkPlugin } from "@lexical/react/LexicalLinkPlugin";
 import { ListPlugin } from "@lexical/react/LexicalListPlugin";
 import { editorTheme, editorNodes, editorOnError } from "./editorConfig";
-import { createContext, useCallback, useContext, useEffect, useMemo, useState, } from "react";
+import { createContext, useCallback, useContext, useEffect, useRef, useState, } from "react";
 import EnterHandler from "./EnterHandler";
 import ActionBar from "./ActionBar";
 import { AccountType } from "../../../types/chat";
 import { useSendMessage } from "../../../hooks/message/useSendMessage";
-import { Popover } from "antd";
+import { Modal, Popover } from "antd";
 import FilePreview from "./FilePreview";
 import { useTranslation } from "react-i18next";
 import PasteAndDropPlugin from "./PasteAndDropPlugin";
@@ -23,6 +23,9 @@ import useConversationStore from "../../../store/conversation";
 import { useCurrentUserAccountType } from "../../../hooks/user/useCurrentUserAccountType";
 import ComposerTabs from "./ComposerTabs";
 import ComposerEditor from "./ComposerEditor";
+import SessionClosedModal from "./SessionClosedModal";
+import { useCreateSession, useReopenSession, } from "../../../hooks/session/useReopenOrCreateSession";
+import { emit } from "../../../utils/events";
 const initialConfig = {
     namespace: "ChatInput",
     theme: editorTheme,
@@ -30,7 +33,7 @@ const initialConfig = {
     nodes: editorNodes,
 };
 export const MessageFooterContext = createContext({
-    onSendMessage: () => { },
+    onSendMessage: () => false,
     isInternal: false,
     setIsInternal: () => { },
     listUploadFiles: [],
@@ -56,7 +59,13 @@ const MessageFooterProvider = ({ currentSession, openCreateCannedModal, }) => {
     const [isInternal, setIsInternal] = useState(false);
     const canUseInternal = isCrm && accountType === AccountType.Staff;
     const quotedMessage = useConversationStore((state) => state.quotedMessage);
+    const conversationData = useConversationStore((state) => state.conversationData);
     const lockToInternal = Boolean((quotedMessage === null || quotedMessage === void 0 ? void 0 : quotedMessage.clientMsgID) && (quotedMessage === null || quotedMessage === void 0 ? void 0 : quotedMessage.isInternal));
+    const [isSessionClosedModalOpen, { setTrue: openSessionClosedModal, setFalse: closeSessionClosedModal },] = useBoolean(false);
+    const pendingMessageRef = useRef(null);
+    const { mutateAsync: createSession, isPending: isCreatingSession } = useCreateSession();
+    const { mutateAsync: reopenSession, isPending: isReopeningSession } = useReopenSession();
+    const isSessionActionLoading = isCreatingSession || isReopeningSession;
     useEffect(() => {
         if (!canUseInternal && isInternal) {
             setIsInternal(false);
@@ -70,10 +79,21 @@ const MessageFooterProvider = ({ currentSession, openCreateCannedModal, }) => {
         }
         setIsInternal(true);
     }, [canUseInternal, quotedMessage]);
-    const placeholderText = useMemo(() => {
-        return isInternal ? t("enter_internal_message") : t("enter_message");
-    }, [isInternal, t]);
-    const onSendMessage = useCallback(async ({ plainText, richText, type, isInternal, }) => {
+    const placeholderText = isInternal
+        ? t("enter_internal_message")
+        : t("enter_message");
+    const onSendMessage = useCallback(({ plainText, richText, type, isInternal, }) => {
+        if ((currentSession === null || currentSession === void 0 ? void 0 : currentSession.isClosed) && !isInternal) {
+            pendingMessageRef.current = {
+                plainText,
+                richText,
+                type,
+                isInternal,
+                files: [...listUploadFiles],
+            };
+            openSessionClosedModal();
+            return false;
+        }
         if (type === "text") {
             sendTextMessage({ plainText, richText, currentSession, isInternal });
         }
@@ -87,23 +107,88 @@ const MessageFooterProvider = ({ currentSession, openCreateCannedModal, }) => {
             });
         }
         setListUploadFiles([]);
-    }, [sendMergeMessage, sendTextMessage, listUploadFiles, currentSession]);
-    const onOpenCreateCannedModal = useCallback(() => {
+        return true;
+    }, [
+        sendMergeMessage,
+        sendTextMessage,
+        listUploadFiles,
+        currentSession,
+        openSessionClosedModal,
+    ]);
+    const executePendingSend = useCallback((newSession) => {
+        const pending = pendingMessageRef.current;
+        if (!pending)
+            return;
+        const sessionToUse = newSession || currentSession;
+        if (pending.type === "text") {
+            sendTextMessage({
+                plainText: pending.plainText,
+                richText: pending.richText,
+                currentSession: sessionToUse,
+                isInternal: pending.isInternal,
+            });
+        }
+        else {
+            sendMergeMessage({
+                plainText: pending.plainText,
+                richText: pending.richText,
+                files: pending.files,
+                currentSession: sessionToUse,
+                isInternal: pending.isInternal,
+            });
+        }
+        setListUploadFiles([]);
+        pendingMessageRef.current = null;
+        emit("CLEAR_COMPOSER");
+    }, [sendTextMessage, sendMergeMessage, currentSession]);
+    const handleSessionAction = useCallback(async (action) => {
+        const conversationId = conversationData === null || conversationData === void 0 ? void 0 : conversationData.conversationID;
+        if (!conversationId)
+            return;
+        try {
+            const newSession = await action(conversationId);
+            closeSessionClosedModal();
+            setTimeout(() => {
+                executePendingSend(newSession);
+            }, 700);
+        }
+        catch (_a) {
+            closeSessionClosedModal();
+            pendingMessageRef.current = null;
+            Modal.error({
+                centered: true,
+                content: t("session_action_error"),
+            });
+        }
+    }, [
+        conversationData === null || conversationData === void 0 ? void 0 : conversationData.conversationID,
+        closeSessionClosedModal,
+        executePendingSend,
+        t,
+    ]);
+    const handleReopenSession = () => handleSessionAction(reopenSession);
+    const handleCreateNewSession = () => handleSessionAction(createSession);
+    const handleCloseSessionModal = () => {
+        if (isSessionActionLoading)
+            return;
+        closeSessionClosedModal();
+    };
+    const onOpenCreateCannedModal = () => {
         closeCanned();
         openCreateCannedModal === null || openCreateCannedModal === void 0 ? void 0 : openCreateCannedModal();
-    }, [closeCanned, openCreateCannedModal]);
-    const onOpenCanned = useCallback((query) => {
+    };
+    const onOpenCanned = (query) => {
         setCannedQuery(query);
         openCanned();
-    }, [openCanned]);
-    const setIsOpenCanned = useCallback((open) => {
+    };
+    const setIsOpenCanned = (open) => {
         if (open) {
             openCanned();
             return;
         }
         closeCanned();
-    }, [closeCanned, openCanned]);
-    return (_jsx(MessageFooterContext.Provider, { value: {
+    };
+    return (_jsxs(MessageFooterContext.Provider, { value: {
             onSendMessage,
             isInternal,
             setIsInternal,
@@ -115,8 +200,8 @@ const MessageFooterProvider = ({ currentSession, openCreateCannedModal, }) => {
             setActiveCannedIndex,
             maxActiveCannedIndex,
             setMaxActiveCannedIndex,
-        }, children: _jsxs(LexicalComposer, { initialConfig: initialConfig, children: [_jsx(Popover, { open: isOpenCanned, content: _jsx(CannedResponse, { onClose: closeCanned, openCreateCannedModal: onOpenCreateCannedModal, cannedQuery: cannedQuery }), placement: "topLeft", trigger: "click", arrow: false, classNames: {
-                        body: "mx-1 !p-0",
-                    }, destroyOnHidden: true, children: _jsxs("div", { className: "border-t pb-2 flex flex-col gap-1 bg-white", children: [_jsx(QuotedMessageFooter, {}), listUploadFiles.length > 0 && _jsx(FilePreview, {}), _jsx(ToolbarPlugin, {}), _jsxs("div", { children: [_jsx(ComposerTabs, { canUseInternal: canUseInternal, hintText: t("canned_response_hint"), isInternal: isInternal, lockToInternal: lockToInternal, setIsInternal: setIsInternal }), _jsx(ComposerEditor, { isInternal: isInternal, placeholderText: placeholderText })] }), _jsx(ActionBar, {})] }) }), _jsx(LinkPlugin, {}), _jsx(ListPlugin, {}), _jsx(EnterHandler, {}), _jsx(PasteAndDropPlugin, {}), isCrm && (_jsx(CannedResponseTriggerPlugin, { onClose: closeCanned, onOpen: onOpenCanned }))] }) }));
+        }, children: [_jsxs(LexicalComposer, { initialConfig: initialConfig, children: [_jsx(Popover, { open: isOpenCanned, content: _jsx(CannedResponse, { onClose: closeCanned, openCreateCannedModal: onOpenCreateCannedModal, cannedQuery: cannedQuery }), placement: "topLeft", trigger: "click", arrow: false, classNames: {
+                            body: "mx-1 !p-0",
+                        }, destroyOnHidden: true, children: _jsxs("div", { className: "border-t pb-2 flex flex-col gap-1 bg-white", children: [_jsx(QuotedMessageFooter, {}), listUploadFiles.length > 0 && _jsx(FilePreview, {}), _jsx(ToolbarPlugin, {}), _jsxs("div", { children: [_jsx(ComposerTabs, { canUseInternal: canUseInternal, hintText: t("canned_response_hint"), isInternal: isInternal, lockToInternal: lockToInternal, setIsInternal: setIsInternal }), _jsx(ComposerEditor, { isInternal: isInternal, placeholderText: placeholderText })] }), _jsx(ActionBar, {})] }) }), _jsx(LinkPlugin, {}), _jsx(ListPlugin, {}), _jsx(EnterHandler, {}), _jsx(PasteAndDropPlugin, {}), isCrm && (_jsx(CannedResponseTriggerPlugin, { onClose: closeCanned, onOpen: onOpenCanned }))] }), _jsx(SessionClosedModal, { open: isSessionClosedModalOpen, loading: isSessionActionLoading, onReopen: handleReopenSession, onCreateNew: handleCreateNewSession, onClose: handleCloseSessionModal })] }));
 };
 export default MessageFooterProvider;

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

@@ -1 +1 @@
-{"version":3,"file":"SystemLogMessage.d.ts","sourceRoot":"","sources":["../../../../src/components/message/item/SystemLogMessage.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAQtD,UAAU,yBAAyB;IACjC,OAAO,EAAE,WAAW,CAAC;CACtB;AAED,QAAA,MAAM,oBAAoB,GAAI,aAAa,yBAAyB,mDA+BnE,CAAC;AAEF,eAAe,oBAAoB,CAAC"}
+{"version":3,"file":"SystemLogMessage.d.ts","sourceRoot":"","sources":["../../../../src/components/message/item/SystemLogMessage.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAOtD,UAAU,yBAAyB;IACjC,OAAO,EAAE,WAAW,CAAC;CACtB;AAED,QAAA,MAAM,oBAAoB,GAAI,aAAa,yBAAyB,mDAuBnE,CAAC;AAEF,eAAe,oBAAoB,CAAC"}

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

@@ -1,17 +1,16 @@
 "use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import clsx from "clsx";
-import { Icon } from "../../icon";
-import { getSystemLogMessageText, getSystemLogMessageTone, } from "../../../utils/messageLog";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { getSystemLogMessageHtml, getSystemLogMessageText, } from "../../../utils/messageLog";
+import { sanitizeHtml } from "../../../utils/common";
 const SystemLogMessageItem = ({ message }) => {
+    const html = getSystemLogMessageHtml(message);
     const text = getSystemLogMessageText(message);
-    const tone = getSystemLogMessageTone(message);
-    if (!text) {
+    if (!html && !text) {
         return null;
     }
-    const isAccent = tone === "accent";
-    return (_jsx("div", { className: "flex justify-center", children: _jsxs("div", { className: clsx("max-w-[85%] rounded-full px-3 py-1.5 text-center text-sm font-semibold break-words", isAccent
-                ? "bg-orange-100 text-orange-900 inline-flex items-center gap-2"
-                : "bg-white text-gray-800 shadow-sm"), children: [isAccent && (_jsx(Icon, { icon: "shuffle-o", size: 14, className: "shrink-0 text-orange-500" })), _jsx("span", { children: text })] }) }));
+    if (html) {
+        return (_jsx("div", { className: "flex justify-center", children: _jsx("div", { dangerouslySetInnerHTML: { __html: sanitizeHtml(html) } }) }));
+    }
+    return (_jsx("div", { className: "flex justify-center", children: _jsx("span", { className: "rounded-full bg-gray-200 px-3 py-1.5 text-center text-[13px] font-normal text-gray-900", children: text }) }));
 };
 export default SystemLogMessageItem;

package/dist/components/searchConversation/SearchAll.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SearchAll.d.ts","sourceRoot":"","sources":["../../../src/components/searchConversation/SearchAll.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,wBAAwB,EAAE,MAAM,GAAG,CAAC;AAE7C,UAAU,0BAA0B;IAClC,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,CAAC,GAAG,EAAE,wBAAwB,KAAK,IAAI,CAAC;CACvD;AACD,QAAA,MAAM,qBAAqB,GAAI,+BAG5B,0BAA0B,4CAkH5B,CAAC;AAEF,eAAe,qBAAqB,CAAC"}
+{"version":3,"file":"SearchAll.d.ts","sourceRoot":"","sources":["../../../src/components/searchConversation/SearchAll.tsx"],"names":[],"mappings":"AASA,OAAO,EAAE,wBAAwB,EAAE,MAAM,GAAG,CAAC;AAG7C,UAAU,0BAA0B;IAClC,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,CAAC,GAAG,EAAE,wBAAwB,KAAK,IAAI,CAAC;CACvD;AACD,QAAA,MAAM,qBAAqB,GAAI,+BAG5B,0BAA0B,4CA6G5B,CAAC;AAEF,eAAe,qBAAqB,CAAC"}

package/dist/components/searchConversation/SearchAll.js

@@ -1,5 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Button, Empty, Spin } from "antd";
+import clsx from "clsx";
 import { useTranslation } from "react-i18next";
 import { useSearchMessage } from "../../hooks/search/useSearchMessage";
 import { MessageType } from "@openim/wasm-client-sdk";
@@ -8,6 +9,7 @@ import SearchItemAsMessage from "./item/SearchItemAsMessage";
 import { useGetSession } from "../../hooks/session/useGetSession";
 import SearchItemAsUser from "./item/SearchItemAsUser";
 import { SearchConversationTabKey } from ".";
+import { PAGE_SIZE } from "../../constants";
 const SearchConversationAll = ({ searchTerm = "", setActiveKey, }) => {
     const { t } = useTranslation();
     const { dataFlatten: messages, isLoading: isLoadingMessage, hasNextPage: hasNextPageMessage, } = useSearchMessage({
@@ -15,13 +17,13 @@ const SearchConversationAll = ({ searchTerm = "", setActiveKey, }) => {
             searchTerm: searchTerm.trim(),
             contentType: MessageType.TextMessage,
         },
-        options: { pageSize: 5 },
+        options: { pageSize: PAGE_SIZE.xs },
     });
     const { dataFlatten: sessions, isLoading: isLoadingSession, hasNextPage: hasNextPageSession, } = useGetSession({
         filter: {
             searchTerm: searchTerm.trim(),
         },
-        options: { pageSize: 5 },
+        options: { pageSize: PAGE_SIZE.xs },
     });
     if (searchTerm.trim() === "" ||
         (messages.length === 0 && sessions.length === 0)) {
@@ -30,6 +32,6 @@ const SearchConversationAll = ({ searchTerm = "", setActiveKey, }) => {
     if (isLoadingMessage || isLoadingSession) {
         return (_jsx("div", { className: "h-full overflow-auto flex items-center justify-center", children: _jsx(Spin, {}) }));
     }
-    return (_jsxs("div", { className: "h-full overflow-auto", children: [sessions.length > 0 && (_jsxs("div", { children: [_jsxs("div", { className: "flex items-center justify-between px-3", children: [_jsx("span", { className: "text-xs font-medium uppercase flex-1 text-gray-600", children: t("users") }), hasNextPageSession && (_jsx(Button, { type: "link", icon: _jsx(Icon, { icon: "angle-right-o", size: 18, className: "!align-[-4px]" }), iconPosition: "end", className: "p-0 gap-1", onClick: () => setActiveKey === null || setActiveKey === void 0 ? void 0 : setActiveKey(SearchConversationTabKey.Users), children: t("see_more") }))] }), _jsx("div", { children: sessions.map((session) => (_jsx(SearchItemAsUser, { session: session, searchTerm: searchTerm }))) })] })), messages.length > 0 && (_jsxs("div", { children: [_jsxs("div", { className: "flex items-center justify-between px-3", children: [_jsx("span", { className: "text-xs font-medium uppercase flex-1 text-gray-600", children: t("messages") }), hasNextPageMessage && (_jsx(Button, { type: "link", icon: _jsx(Icon, { icon: "angle-right-o", size: 18, className: "!align-[-4px]" }), iconPosition: "end", className: "p-0 gap-1", onClick: () => setActiveKey === null || setActiveKey === void 0 ? void 0 : setActiveKey(SearchConversationTabKey.Messages), children: t("see_more") }))] }), _jsx("div", { children: messages.map((message) => (_jsx(SearchItemAsMessage, { message: message.chatLog, searchTerm: searchTerm }))) })] }))] }));
+    return (_jsxs("div", { className: "h-full overflow-auto", children: [sessions.length > 0 && (_jsxs("div", { children: [_jsxs("div", { className: "flex items-center justify-between px-3 min-h-[32px]", children: [_jsx("span", { className: "text-xs font-medium uppercase flex-1 text-gray-600", children: t("users") }), _jsx(Button, { type: "link", icon: _jsx(Icon, { icon: "angle-right-o", size: 18, className: "!align-[-4px]" }), iconPosition: "end", className: clsx("p-0 gap-1", !hasNextPageSession && "invisible"), onClick: () => setActiveKey === null || setActiveKey === void 0 ? void 0 : setActiveKey(SearchConversationTabKey.Users), children: t("see_more") })] }), _jsx("div", { children: sessions.map((session) => (_jsx(SearchItemAsUser, { session: session, searchTerm: searchTerm }))) })] })), messages.length > 0 && (_jsxs("div", { children: [_jsxs("div", { className: "flex items-center justify-between px-3 min-h-[32px]", children: [_jsx("span", { className: "text-xs font-medium uppercase flex-1 text-gray-600", children: t("messages") }), _jsx(Button, { type: "link", icon: _jsx(Icon, { icon: "angle-right-o", size: 18, className: "!align-[-4px]" }), iconPosition: "end", className: clsx("p-0 gap-1", !hasNextPageMessage && "invisible"), onClick: () => setActiveKey === null || setActiveKey === void 0 ? void 0 : setActiveKey(SearchConversationTabKey.Messages), children: t("see_more") })] }), _jsx("div", { children: messages.map((message) => (_jsx(SearchItemAsMessage, { message: message.chatLog, searchTerm: searchTerm, displayTag: message.displayTag }))) })] }))] }));
 };
 export default SearchConversationAll;

package/dist/components/searchConversation/SearchConversationAsMessages.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SearchConversationAsMessages.d.ts","sourceRoot":"","sources":["../../../src/components/searchConversation/SearchConversationAsMessages.tsx"],"names":[],"mappings":"AAOA,UAAU,iCAAiC;IACzC,UAAU,EAAE,MAAM,CAAC;CACpB;AACD,QAAA,MAAM,4BAA4B,GAChC,OAAO,iCAAiC,4CAuCzC,CAAC;AAEF,eAAe,4BAA4B,CAAC"}
+{"version":3,"file":"SearchConversationAsMessages.d.ts","sourceRoot":"","sources":["../../../src/components/searchConversation/SearchConversationAsMessages.tsx"],"names":[],"mappings":"AAOA,UAAU,iCAAiC;IACzC,UAAU,EAAE,MAAM,CAAC;CACpB;AACD,QAAA,MAAM,4BAA4B,GAChC,OAAO,iCAAiC,4CA2CzC,CAAC;AAEF,eAAe,4BAA4B,CAAC"}

package/dist/components/searchConversation/SearchConversationAsMessages.js

@@ -18,6 +18,6 @@ const SearchConversationAsMessages = (props) => {
         return _jsx(Empty, { description: t("no_conversation") });
     if (isLoading)
         return (_jsx("div", { className: "flex items-center justify-center", children: _jsx(Spin, {}) }));
-    return (_jsx("div", { id: "scrollableVideoDiv", className: "h-full overflow-auto", children: _jsx(InfiniteScroll, { dataLength: dataFlatten.length, next: fetchNextPage, hasMore: hasNextPage, loader: _jsx("div", { className: "flex items-center justify-center py-2", children: _jsx(Spin, {}) }), scrollableTarget: "scrollableVideoDiv", children: dataFlatten.map((item) => (_jsx(SearchItemAsMessage, { message: item.chatLog, searchTerm: searchTerm }))) }) }));
+    return (_jsx("div", { id: "scrollableSearchMessagesTab", className: "h-full overflow-auto", children: _jsx(InfiniteScroll, { dataLength: dataFlatten.length, next: fetchNextPage, hasMore: hasNextPage, loader: _jsx("div", { className: "flex items-center justify-center py-2", children: _jsx(Spin, {}) }), scrollableTarget: "scrollableSearchMessagesTab", children: dataFlatten.map((item) => (_jsx(SearchItemAsMessage, { message: item.chatLog, searchTerm: searchTerm, displayTag: item.displayTag }))) }) }));
 };
 export default SearchConversationAsMessages;

package/dist/components/searchConversation/SearchConversationAsUsers.js

@@ -16,6 +16,6 @@ const SearchConversationAsUsers = (props) => {
         return _jsx(Empty, { description: t("no_conversation") });
     if (isLoading)
         return (_jsx("div", { className: "flex items-center justify-center", children: _jsx(Spin, {}) }));
-    return (_jsx("div", { id: "scrollableVideoDiv", className: "h-full overflow-auto", children: _jsx(InfiniteScroll, { dataLength: dataFlatten.length, next: fetchNextPage, hasMore: hasNextPage, loader: _jsx("div", { className: "flex items-center justify-center py-2", children: _jsx(Spin, {}) }), scrollableTarget: "scrollableVideoDiv", children: dataFlatten.map((item) => (_jsx(SearchItemAsUser, { session: item, searchTerm: searchTerm }))) }) }));
+    return (_jsx("div", { id: "scrollableSearchUsersTab", className: "h-full overflow-auto", children: _jsx(InfiniteScroll, { dataLength: dataFlatten.length, next: fetchNextPage, hasMore: hasNextPage, loader: _jsx("div", { className: "flex items-center justify-center py-2", children: _jsx(Spin, {}) }), scrollableTarget: "scrollableSearchUsersTab", children: dataFlatten.map((item) => (_jsx(SearchItemAsUser, { session: item, searchTerm: searchTerm }))) }) }));
 };
 export default SearchConversationAsUsers;

package/dist/components/searchConversation/SearchConversationMyInbox.d.ts

@@ -0,0 +1,6 @@
+interface SearchConversationMyInboxProps {
+    searchTerm: string;
+}
+declare const SearchConversationMyInbox: ({ searchTerm, }: SearchConversationMyInboxProps) => import("react/jsx-runtime").JSX.Element;
+export default SearchConversationMyInbox;
+//# sourceMappingURL=SearchConversationMyInbox.d.ts.map

package/dist/components/searchConversation/SearchConversationMyInbox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchConversationMyInbox.d.ts","sourceRoot":"","sources":["../../../src/components/searchConversation/SearchConversationMyInbox.tsx"],"names":[],"mappings":"AAQA,UAAU,8BAA8B;IACtC,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,yBAAyB,GAAI,iBAEhC,8BAA8B,4CA2ChC,CAAC;AAEF,eAAe,yBAAyB,CAAC"}

package/dist/components/searchConversation/SearchConversationMyInbox.js

@@ -0,0 +1,24 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button, Empty, Spin } from "antd";
+import { useTranslation } from "react-i18next";
+import { useSearchMessage } from "../../hooks/search/useSearchMessage";
+import { MessageType } from "@openim/wasm-client-sdk";
+import SearchItemAsMessage from "./item/SearchItemAsMessage";
+const MY_INBOX_TAG = "MY_INBOX";
+const SearchConversationMyInbox = ({ searchTerm = "", }) => {
+    const { t } = useTranslation();
+    const { dataFlatten, hasNextPage, fetchNextPage, isLoading, isFetchingNextPage } = useSearchMessage({
+        payload: {
+            searchTerm: searchTerm.trim(),
+            contentType: MessageType.TextMessage,
+            tag: MY_INBOX_TAG,
+        },
+        options: { untilEmptyPage: true },
+    });
+    if ((dataFlatten.length === 0 && !isLoading) || searchTerm.trim() === "")
+        return _jsx(Empty, { description: t("no_conversation") });
+    if (isLoading)
+        return (_jsx("div", { className: "flex items-center justify-center", children: _jsx(Spin, {}) }));
+    return (_jsxs("div", { className: "overflow-auto", children: [dataFlatten.map((item) => (_jsx(SearchItemAsMessage, { message: item.chatLog, searchTerm: searchTerm, displayTag: item.displayTag }, item.chatLog.clientMsgID))), _jsx("div", { className: "flex justify-center py-2", children: _jsx(Button, { type: "link", loading: isFetchingNextPage, onClick: () => fetchNextPage(), children: t("see_more") }) })] }));
+};
+export default SearchConversationMyInbox;

package/dist/components/searchConversation/SearchDrawer.js

@@ -4,7 +4,7 @@ import { Icon } from "../icon";
 import { useIsMobile } from "../../hooks/common/useIsMobile";
 import useBoolean from "ahooks/lib/useBoolean";
 import { useTranslation } from "react-i18next";
-import { useEffect, useRef, useState } from "react";
+import { useRef, useState } from "react";
 import SearchMessageOnCurrentConversation from "./SearchMessageOnCurrentConversation";
 const SearchDrawer = () => {
     const { t } = useTranslation();
@@ -12,16 +12,16 @@ const SearchDrawer = () => {
     const [isOpen, { toggle }] = useBoolean(false);
     const [search, setSearch] = useState("");
     const isMobile = useIsMobile();
-    useEffect(() => {
-        if (isOpen) {
-            const timer = setTimeout(() => {
-                var _a;
-                (_a = searchInputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
-            }, 100);
-            return () => clearTimeout(timer);
+    const handleDrawerAfterOpenChange = (opened) => {
+        if (!opened) {
+            return;
         }
-    }, [isOpen]);
-    return (_jsxs("div", { children: [_jsx(Button, { type: "text", shape: "default", className: "text-gray-500 w-8 h-8 p-0", onClick: toggle, children: _jsx(Icon, { icon: "search-o", size: 22 }) }), _jsx(Drawer, { open: isOpen, onClose: toggle, mask: false, closeIcon: false, styles: {
+        requestAnimationFrame(() => {
+            var _a;
+            (_a = searchInputRef.current) === null || _a === void 0 ? void 0 : _a.focus({ preventScroll: true });
+        });
+    };
+    return (_jsxs("div", { className: "inline-flex shrink-0", children: [_jsx(Button, { type: "text", shape: "default", className: "text-gray-500 w-8 h-8 p-0", onClick: toggle, children: _jsx(Icon, { icon: "search-o", size: 22 }) }), _jsx(Drawer, { open: isOpen, onClose: toggle, afterOpenChange: handleDrawerAfterOpenChange, mask: false, closeIcon: false, styles: {
                     body: {
                         padding: 0,
                         height: "100%",

package/dist/components/searchConversation/SearchMessageOnCurrentConversation.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SearchMessageOnCurrentConversation.d.ts","sourceRoot":"","sources":["../../../src/components/searchConversation/SearchMessageOnCurrentConversation.tsx"],"names":[],"mappings":"AAQA,UAAU,uCAAuC;IAC/C,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AACD,QAAA,MAAM,kCAAkC,GACtC,OAAO,uCAAuC,4CAoD/C,CAAC;AAEF,eAAe,kCAAkC,CAAC"}
+{"version":3,"file":"SearchMessageOnCurrentConversation.d.ts","sourceRoot":"","sources":["../../../src/components/searchConversation/SearchMessageOnCurrentConversation.tsx"],"names":[],"mappings":"AAQA,UAAU,uCAAuC;IAC/C,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AACD,QAAA,MAAM,kCAAkC,GACtC,OAAO,uCAAuC,4CAuD/C,CAAC;AAEF,eAAe,kCAAkC,CAAC"}

package/dist/components/searchConversation/SearchMessageOnCurrentConversation.js

@@ -23,6 +23,6 @@ const SearchMessageOnCurrentConversation = (props) => {
         return _jsx(Empty, { description: t("no_result") });
     if (isLoading)
         return (_jsx("div", { className: "flex items-center justify-center", children: _jsx(Spin, {}) }));
-    return (_jsx("div", { id: "scrollableVideoDiv", className: "h-full overflow-auto", children: _jsx(InfiniteScroll, { dataLength: dataFlatten.length, next: fetchNextPage, hasMore: hasNextPage, loader: _jsx("div", { className: "flex items-center justify-center py-2", children: _jsx(Spin, {}) }), scrollableTarget: "scrollableVideoDiv", children: dataFlatten.map((item) => (_jsx(SearchItemAsMessage, { message: item.chatLog, searchTerm: searchTerm, onClick: props === null || props === void 0 ? void 0 : props.onClose }))) }) }));
+    return (_jsx("div", { id: "scrollableCurrentConversationSearchMessages", className: "h-full overflow-auto", children: _jsx(InfiniteScroll, { dataLength: dataFlatten.length, next: fetchNextPage, hasMore: hasNextPage, loader: _jsx("div", { className: "flex items-center justify-center py-2", children: _jsx(Spin, {}) }), scrollableTarget: "scrollableCurrentConversationSearchMessages", children: dataFlatten.map((item) => (_jsx(SearchItemAsMessage, { message: item.chatLog, searchTerm: searchTerm, onClick: props === null || props === void 0 ? void 0 : props.onClose }))) }) }));
 };
 export default SearchMessageOnCurrentConversation;

package/dist/components/searchConversation/index.d.ts

@@ -1,5 +1,6 @@
 export declare enum SearchConversationTabKey {
     All = "all",
+    MyInbox = "myInbox",
     Users = "users",
     Messages = "messages"
 }

package/dist/components/searchConversation/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/searchConversation/index.tsx"],"names":[],"mappings":"AASA,oBAAY,wBAAwB;IAClC,GAAG,QAAQ;IACX,KAAK,UAAU;IACf,QAAQ,aAAa;CACtB;AAED,UAAU,uBAAuB;IAC/B,UAAU,EAAE,MAAM,CAAC;CACpB;AACD,QAAA,MAAM,kBAAkB,GAAI,gBAAgB,uBAAuB,4CA0ClE,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/searchConversation/index.tsx"],"names":[],"mappings":"AAUA,oBAAY,wBAAwB;IAClC,GAAG,QAAQ;IACX,OAAO,YAAY;IACnB,KAAK,UAAU;IACf,QAAQ,aAAa;CACtB;AAED,UAAU,uBAAuB;IAC/B,UAAU,EAAE,MAAM,CAAC;CACpB;AACD,QAAA,MAAM,kBAAkB,GAAI,gBAAgB,uBAAuB,4CAgDlE,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/dist/components/searchConversation/index.js

@@ -4,11 +4,13 @@ import { Tabs } from "antd";
 import { useMemo, useState } from "react";
 import { useTranslation } from "react-i18next";
 import SearchConversationAll from "./SearchAll";
+import SearchConversationMyInbox from "./SearchConversationMyInbox";
 import SearchConversationAsUsers from "./SearchConversationAsUsers";
 import SearchConversationAsMessages from "./SearchConversationAsMessages";
 export var SearchConversationTabKey;
 (function (SearchConversationTabKey) {
     SearchConversationTabKey["All"] = "all";
+    SearchConversationTabKey["MyInbox"] = "myInbox";
     SearchConversationTabKey["Users"] = "users";
     SearchConversationTabKey["Messages"] = "messages";
 })(SearchConversationTabKey || (SearchConversationTabKey = {}));
@@ -22,6 +24,11 @@ const SearchConversation = ({ searchTerm }) => {
                 label: t("all"),
                 children: (_jsx(SearchConversationAll, { searchTerm: searchTerm, setActiveKey: setActiveKey })),
             },
+            {
+                key: SearchConversationTabKey.MyInbox,
+                label: t("my_inbox_tab"),
+                children: _jsx(SearchConversationMyInbox, { searchTerm: searchTerm }),
+            },
             {
                 key: SearchConversationTabKey.Users,
                 label: t("users"),
@@ -34,6 +41,6 @@ const SearchConversation = ({ searchTerm }) => {
             },
         ];
     }, [t, searchTerm]);
-    return (_jsx("div", { className: "h-full", children: _jsx(Tabs, { defaultActiveKey: SearchConversationTabKey.All, items: items, className: "h-full", activeKey: activeKey, onChange: (key) => setActiveKey(key) }) }));
+    return (_jsx("div", { className: "h-full", children: _jsx(Tabs, { defaultActiveKey: SearchConversationTabKey.All, items: items, className: "h-full", activeKey: activeKey, onChange: (key) => setActiveKey(key), destroyOnHidden: true }) }));
 };
 export default SearchConversation;

package/dist/components/searchConversation/item/SearchItemAsMessage.d.ts

@@ -4,6 +4,7 @@ interface SearchItemAsMessageProps {
         isRevoked?: boolean;
     };
     searchTerm: string;
+    displayTag?: string;
     onClick?: () => void;
 }
 declare const SearchItemAsMessage: (props: SearchItemAsMessageProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/searchConversation/item/SearchItemAsMessage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SearchItemAsMessage.d.ts","sourceRoot":"","sources":["../../../../src/components/searchConversation/item/SearchItemAsMessage.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAA4B,MAAM,yBAAyB,CAAC;AAehF,UAAU,wBAAwB;IAChC,OAAO,EAAE,WAAW,GAAG;QAAE,SAAS,CAAC,EAAE,OAAO,CAAA;KAAE,CAAC;IAC/C,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,QAAA,MAAM,mBAAmB,GAAI,OAAO,wBAAwB,4CAkG3D,CAAC;AAEF,eAAe,mBAAmB,CAAC"}
+{"version":3,"file":"SearchItemAsMessage.d.ts","sourceRoot":"","sources":["../../../../src/components/searchConversation/item/SearchItemAsMessage.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAA4B,MAAM,yBAAyB,CAAC;AAehF,UAAU,wBAAwB;IAChC,OAAO,EAAE,WAAW,GAAG;QAAE,SAAS,CAAC,EAAE,OAAO,CAAA;KAAE,CAAC;IAC/C,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,QAAA,MAAM,mBAAmB,GAAI,OAAO,wBAAwB,4CAuG3D,CAAC;AAEF,eAAe,mBAAmB,CAAC"}

package/dist/components/searchConversation/item/SearchItemAsMessage.js

@@ -13,7 +13,7 @@ import useAuthStore from "../../../store/auth";
 const SearchItemAsMessage = (props) => {
     var _a;
     const { t } = useTranslation();
-    const { message, searchTerm = "", onClick } = props;
+    const { message, searchTerm = "", displayTag, onClick } = props;
     const { user } = useChatContext();
     const isCrm = useAuthStore((state) => state.isCrm);
     const conversationData = useConversationStore((state) => state.conversationData);
@@ -65,8 +65,8 @@ const SearchItemAsMessage = (props) => {
                                     ? message.senderNickname
                                     : conversationData === null || conversationData === void 0 ? void 0 : conversationData.showName }), _jsx("span", { className: "text-xs text-gray-500", children: formatTimestamp(message.sendTime, {
                                     hasTime: true,
-                                }) })] }), _jsx("div", { className: "flex flex-col flex-1 min-w-0", children: _jsx("span", { className: "text-xs flex-1 text-gray-500 truncate", dangerouslySetInnerHTML: {
-                                __html: sanitizeHtml(highlightSearch(msgContent, searchTerm)),
-                            } }) })] })] }, message.clientMsgID));
+                                }) })] }), _jsxs("div", { className: "flex flex-col flex-1 min-w-0 gap-1", children: [_jsx("span", { className: "text-xs flex-1 text-gray-500 truncate", dangerouslySetInnerHTML: {
+                                    __html: sanitizeHtml(highlightSearch(msgContent, searchTerm)),
+                                } }), displayTag && (_jsx("span", { className: "text-[10px] text-blue-600 bg-blue-50 px-1.5 py-0.5 rounded w-fit truncate", children: displayTag }))] })] })] }, message.clientMsgID));
 };
 export default SearchItemAsMessage;

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

@@ -1,3 +1,4 @@
+import { type ReactNode } from "react";
 interface SupporterInfo {
     avatar: string;
     username: string;
@@ -6,9 +7,11 @@ interface SupporterInfo {
 }
 interface ManualAssignPopoverProps {
     sessionId: string;
-    supporter: SupporterInfo;
+    supporter?: SupporterInfo | null;
     teamId?: string;
+    children?: ReactNode;
+    excludeCurrentUser?: boolean;
 }
-declare const ManualAssignPopover: ({ sessionId, supporter, teamId: propTeamId, }: ManualAssignPopoverProps) => import("react/jsx-runtime").JSX.Element;
+declare const ManualAssignPopover: ({ sessionId, supporter, teamId: propTeamId, children, excludeCurrentUser, }: ManualAssignPopoverProps) => import("react/jsx-runtime").JSX.Element;
 export default ManualAssignPopover;
 //# sourceMappingURL=ManualAssignPopover.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ManualAssignPopover.d.ts","sourceRoot":"","sources":["../../../src/components/thread/ManualAssignPopover.tsx"],"names":[],"mappings":"AAiBA,UAAU,aAAa;IACrB,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,EAAE,EAAE,MAAM,CAAC;CACZ;AAED,UAAU,wBAAwB;IAChC,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,aAAa,CAAC;IACzB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAqDD,QAAA,MAAM,mBAAmB,GAAI,+CAI1B,wBAAwB,4CAmL1B,CAAC;AAEF,eAAe,mBAAmB,CAAC"}
+{"version":3,"file":"ManualAssignPopover.d.ts","sourceRoot":"","sources":["../../../src/components/thread/ManualAssignPopover.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAkBjD,UAAU,aAAa;IACrB,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,EAAE,EAAE,MAAM,CAAC;CACZ;AAED,UAAU,wBAAwB;IAChC,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,aAAa,GAAG,IAAI,CAAC;IACjC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B;AA8CD,QAAA,MAAM,mBAAmB,GAAI,6EAM1B,wBAAwB,4CA4O1B,CAAC;AAEF,eAAe,mBAAmB,CAAC"}