@droppii-org/chat-sdk 0.1.71 → 0.1.72

package/dist/components/conversation-detail/ConversationDetailInput.d.ts

@@ -1,8 +1,10 @@
+import type { MoreOptionConfig } from "../../constants/moreOption";
 export interface ConversationDetailInputProps {
     placeholder?: string;
     onSendMessage?: (text: string) => void;
     onInputChange?: (value: string) => void;
+    moreOptions?: MoreOptionConfig[];
 }
-declare const ConversationDetailInput: ({ placeholder, onSendMessage, onInputChange, }: ConversationDetailInputProps) => import("react/jsx-runtime").JSX.Element;
+declare const ConversationDetailInput: ({ placeholder, onSendMessage, onInputChange, moreOptions, }: ConversationDetailInputProps) => import("react/jsx-runtime").JSX.Element;
 export default ConversationDetailInput;
 //# sourceMappingURL=ConversationDetailInput.d.ts.map

package/dist/components/conversation-detail/ConversationDetailInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ConversationDetailInput.d.ts","sourceRoot":"","sources":["../../../src/components/conversation-detail/ConversationDetailInput.tsx"],"names":[],"mappings":"AA+BA,MAAM,WAAW,4BAA4B;IAC3C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACzC;AAED,QAAA,MAAM,uBAAuB,GAAI,gDAI9B,4BAA4B,4CA6Y9B,CAAC;AAEF,eAAe,uBAAuB,CAAC"}
+{"version":3,"file":"ConversationDetailInput.d.ts","sourceRoot":"","sources":["../../../src/components/conversation-detail/ConversationDetailInput.tsx"],"names":[],"mappings":"AA2BA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAK/D,MAAM,WAAW,4BAA4B;IAC3C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,WAAW,CAAC,EAAE,gBAAgB,EAAE,CAAC;CAClC;AAED,QAAA,MAAM,uBAAuB,GAAI,6DAK9B,4BAA4B,4CA8Y9B,CAAC;AAEF,eAAe,uBAAuB,CAAC"}

package/dist/components/conversation-detail/ConversationDetailInput.js

@@ -20,7 +20,7 @@ import { ReplyPreviewBar } from "../../components/message/reply/ReplyPreviewBar"
 import ConversationMoreOptionPanel from "./ConversationMoreOptionPanel";
 const MAX_LINES = 5;
 const CONTAINER_MIN_HEIGHT = 48;
-const ConversationDetailInput = ({ placeholder, onSendMessage, onInputChange, }) => {
+const ConversationDetailInput = ({ placeholder, onSendMessage, onInputChange, moreOptions, }) => {
     const { t } = useTranslation("conversation-inbox");
     const { t: tCommon } = useTranslation("common");
     const conversationData = useConversationStore((state) => state.conversationData);
@@ -254,6 +254,6 @@ const ConversationDetailInput = ({ placeholder, onSendMessage, onInputChange, })
     };
     return (_jsxs("div", { ref: containerRef, "data-testid": "conversation-detail-input", className: "flex w-full shrink-0 flex-col bg-chat-bubble-neutral/[0.05]", children: [_jsx("input", { ref: mediaInputRef, type: "file", accept: "image/jpeg,image/png,image/jpg,video/*", multiple: true, className: "hidden", onChange: handleMediaInputChange }), _jsx("input", { ref: documentInputRef, type: "file", accept: ".pdf,.doc,.docx", multiple: true, className: "hidden", onChange: handleDocumentInputChange }), _jsx(ReplyPreviewBar, {}), listUploadFiles.length > 0 && (_jsx(FilePreviewList, { files: listUploadFiles, onRemove: (file) => handleRemoveFile(file.uid), onVideoReady: () => setIsVideoLoading(false) })), showLinkPreview && previewUrl && (_jsx(LinkInputPreview, { url: previewUrl, onRemove: () => setPreviewDismissed(true) })), _jsxs("div", { className: "flex items-end gap-3 px-3 py-2", children: [_jsx("div", { className: "flex shrink-0 items-center", children: _jsx("button", { type: "button", onClick: handleToggleMoreOption, "aria-label": t("thread_detail.more_option.toggle"), "aria-expanded": isMoreOptionOpen, "data-testid": "conversation-detail-more-option-toggle", className: "flex py-3 items-center justify-center rounded-full", children: isMoreOptionOpen ? (_jsx(Icon, { icon: "close-circle-b", size: 24, className: "text-primary-400" })) : (_jsx(Icon, { icon: "plus-circle-o", size: 24, className: "text-gray-900" })) }) }), _jsx("div", { className: clsx("flex min-w-0 flex-1 overflow-hidden rounded-xl border bg-white transition-shadow", isFocused
                             ? "border-primary-200 shadow-primary-focus"
-                            : "border-gray-50"), style: { minHeight: CONTAINER_MIN_HEIGHT }, children: _jsx("div", { className: "flex min-w-0 flex-[1_0_0] items-center gap-2 self-stretch px-3 py-1", children: _jsx("textarea", { ref: textareaRef, value: value, rows: 1, onChange: (event) => handleChange(event.target.value), onFocus: handleFocus, onBlur: handleBlur, onKeyDown: handleKeyDown, placeholder: placeholder !== null && placeholder !== void 0 ? placeholder : t("thread_detail.input_placeholder"), "data-testid": "conversation-detail-message-input", className: "conversation-message-input-scrollbar min-h-0 min-w-0 flex-1 resize-none appearance-none border-0 bg-transparent p-0 text-[16px] leading-[1.6] tracking-[0.16px] text-black outline-none ring-0 placeholder:text-gray-400 focus:border-0 focus:outline-none focus:ring-0" }) }) }), _jsx("div", { className: "flex shrink-0 items-center pb-1", children: _jsx("button", { type: "button", onClick: () => void handleSend(), disabled: !canSend, "data-testid": "conversation-detail-send", className: clsx("flex h-10 w-10 items-center justify-center rounded-full", canSend ? "bg-chat-send" : "bg-chat-send opacity-25"), children: _jsx(Icon, { icon: "send-b", size: 20, className: "text-white" }) }) })] }), isMoreOptionOpen && (_jsx(ConversationMoreOptionPanel, { disabled: !isConversationReady, onTriggerMediaInput: () => { var _a; return (_a = mediaInputRef.current) === null || _a === void 0 ? void 0 : _a.click(); }, onTriggerDocumentInput: () => { var _a; return (_a = documentInputRef.current) === null || _a === void 0 ? void 0 : _a.click(); } }))] }));
+                            : "border-gray-50"), style: { minHeight: CONTAINER_MIN_HEIGHT }, children: _jsx("div", { className: "flex min-w-0 flex-[1_0_0] items-center gap-2 self-stretch px-3 py-1", children: _jsx("textarea", { ref: textareaRef, value: value, rows: 1, onChange: (event) => handleChange(event.target.value), onFocus: handleFocus, onBlur: handleBlur, onKeyDown: handleKeyDown, placeholder: placeholder !== null && placeholder !== void 0 ? placeholder : t("thread_detail.input_placeholder"), "data-testid": "conversation-detail-message-input", className: "conversation-message-input-scrollbar min-h-0 min-w-0 flex-1 resize-none appearance-none border-0 bg-transparent p-0 text-[16px] leading-[1.6] tracking-[0.16px] text-black outline-none ring-0 placeholder:text-gray-400 focus:border-0 focus:outline-none focus:ring-0" }) }) }), _jsx("div", { className: "flex shrink-0 items-center pb-1", children: _jsx("button", { type: "button", onClick: () => void handleSend(), disabled: !canSend, "data-testid": "conversation-detail-send", className: clsx("flex h-10 w-10 items-center justify-center rounded-full", canSend ? "bg-chat-send" : "bg-chat-send opacity-25"), children: _jsx(Icon, { icon: "send-b", size: 20, className: "text-white" }) }) })] }), isMoreOptionOpen && (_jsx(ConversationMoreOptionPanel, { disabled: !isConversationReady, options: moreOptions, onTriggerMediaInput: () => { var _a; return (_a = mediaInputRef.current) === null || _a === void 0 ? void 0 : _a.click(); }, onTriggerDocumentInput: () => { var _a; return (_a = documentInputRef.current) === null || _a === void 0 ? void 0 : _a.click(); } }))] }));
 };
 export default ConversationDetailInput;

package/dist/components/conversation-detail/ConversationMoreOptionPanel.d.ts

@@ -1,10 +1,11 @@
 import { MoreOptionConfig } from "../../constants/moreOption";
 export interface ConversationMoreOptionPanelProps {
     disabled?: boolean;
+    options?: MoreOptionConfig[];
     onSelectOption?: (option: MoreOptionConfig) => void;
     onTriggerMediaInput?: () => void;
     onTriggerDocumentInput?: () => void;
 }
-declare const ConversationMoreOptionPanel: ({ disabled, onSelectOption, onTriggerMediaInput, onTriggerDocumentInput, }: ConversationMoreOptionPanelProps) => import("react/jsx-runtime").JSX.Element;
+declare const ConversationMoreOptionPanel: ({ disabled, options, onSelectOption, onTriggerMediaInput, onTriggerDocumentInput, }: ConversationMoreOptionPanelProps) => import("react/jsx-runtime").JSX.Element;
 export default ConversationMoreOptionPanel;
 //# sourceMappingURL=ConversationMoreOptionPanel.d.ts.map

package/dist/components/conversation-detail/ConversationMoreOptionPanel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ConversationMoreOptionPanel.d.ts","sourceRoot":"","sources":["../../../src/components/conversation-detail/ConversationMoreOptionPanel.tsx"],"names":[],"mappings":"AAGA,OAAO,EAEL,gBAAgB,EACjB,MAAM,wBAAwB,CAAC;AAGhC,MAAM,WAAW,gCAAgC;IAC/C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,gBAAgB,KAAK,IAAI,CAAC;IACpD,mBAAmB,CAAC,EAAE,MAAM,IAAI,CAAC;IACjC,sBAAsB,CAAC,EAAE,MAAM,IAAI,CAAC;CACrC;AAED,QAAA,MAAM,2BAA2B,GAAI,4EAKlC,gCAAgC,4CA8BlC,CAAC;AAEF,eAAe,2BAA2B,CAAC"}
+{"version":3,"file":"ConversationMoreOptionPanel.d.ts","sourceRoot":"","sources":["../../../src/components/conversation-detail/ConversationMoreOptionPanel.tsx"],"names":[],"mappings":"AAGA,OAAO,EAEL,gBAAgB,EAEjB,MAAM,wBAAwB,CAAC;AAGhC,MAAM,WAAW,gCAAgC;IAC/C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,gBAAgB,EAAE,CAAC;IAC7B,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,gBAAgB,KAAK,IAAI,CAAC;IACpD,mBAAmB,CAAC,EAAE,MAAM,IAAI,CAAC;IACjC,sBAAsB,CAAC,EAAE,MAAM,IAAI,CAAC;CACrC;AAED,QAAA,MAAM,2BAA2B,GAAI,qFAMlC,gCAAgC,4CAkClC,CAAC;AAEF,eAAe,2BAA2B,CAAC"}

package/dist/components/conversation-detail/ConversationMoreOptionPanel.js

@@ -1,20 +1,24 @@
 "use client";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useCallback } from "react";
-import { MORE_OPTIONS, } from "../../constants/moreOption";
+import { MORE_OPTIONS, MoreOptionKey, } from "../../constants/moreOption";
 import ConversationMoreOptionItem from "./ConversationMoreOptionItem";
-const ConversationMoreOptionPanel = ({ disabled = false, onSelectOption, onTriggerMediaInput, onTriggerDocumentInput, }) => {
+const ConversationMoreOptionPanel = ({ disabled = false, options = MORE_OPTIONS, onSelectOption, onTriggerMediaInput, onTriggerDocumentInput, }) => {
     const handleSelectOption = useCallback((option) => {
-        if (option.labelKey === "thread_detail.more_option.media") {
+        if (option.key === MoreOptionKey.Media) {
             onTriggerMediaInput === null || onTriggerMediaInput === void 0 ? void 0 : onTriggerMediaInput();
             return;
         }
-        if (option.labelKey === "thread_detail.more_option.document") {
+        if (option.key === MoreOptionKey.Document) {
             onTriggerDocumentInput === null || onTriggerDocumentInput === void 0 ? void 0 : onTriggerDocumentInput();
             return;
         }
+        if (option.onSelect) {
+            option.onSelect();
+            return;
+        }
         onSelectOption === null || onSelectOption === void 0 ? void 0 : onSelectOption(option);
     }, [onSelectOption, onTriggerMediaInput, onTriggerDocumentInput]);
-    return (_jsx("div", { "data-testid": "conversation-more-option-panel", className: "grid grid-cols-4 gap-y-5 bg-white py-5", children: MORE_OPTIONS.map((option) => (_jsx(ConversationMoreOptionItem, { option: Object.assign(Object.assign({}, option), { enabled: option.enabled && !disabled }), onSelect: handleSelectOption }, option.labelKey))) }));
+    return (_jsx("div", { "data-testid": "conversation-more-option-panel", className: "grid grid-cols-4 gap-y-5 bg-white py-5", children: options.map((option) => (_jsx(ConversationMoreOptionItem, { option: Object.assign(Object.assign({}, option), { enabled: option.enabled && !disabled }), onSelect: handleSelectOption }, option.key))) }));
 };
 export default ConversationMoreOptionPanel;

package/dist/components/conversation-detail/bot/BotButtonMessage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BotButtonMessage.d.ts","sourceRoot":"","sources":["../../../../src/components/conversation-detail/bot/BotButtonMessage.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAI5D,MAAM,WAAW,qBAAqB;IACpC,OAAO,EAAE,eAAe,EAAE,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,SAAS,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,QAAA,MAAM,gBAAgB,GAAI,6CAKvB,qBAAqB,mDA4EvB,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"BotButtonMessage.d.ts","sourceRoot":"","sources":["../../../../src/components/conversation-detail/bot/BotButtonMessage.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAI5D,MAAM,WAAW,qBAAqB;IACpC,OAAO,EAAE,eAAe,EAAE,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,SAAS,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,QAAA,MAAM,gBAAgB,GAAI,6CAKvB,qBAAqB,mDA8EvB,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/dist/components/conversation-detail/bot/BotButtonMessage.js

@@ -5,12 +5,14 @@ import { useTranslation } from "react-i18next";
 import { Icon } from "../../../components/icon";
 import MessageBubble from "../../../components/message/item/MessageBubble";
 import { BOT_BUTTON_MENU_THRESHOLD, BOT_DEFAULT_BUTTON_ID, } from "../../../constants/botFlow";
+import { filterVisibleBotButtons } from "../../../utils/botFlow";
 const CHEVRON_SIZE = 20;
 const BotButtonMessage = ({ buttons, disabled, onSelect, onRestart, }) => {
     const { t } = useTranslation("conversation-inbox");
-    if (buttons.length === 0)
+    const visibleButtons = filterVisibleBotButtons(buttons);
+    if (visibleButtons.length === 0)
         return null;
-    const isMenuStyle = buttons.length > BOT_BUTTON_MENU_THRESHOLD;
+    const isMenuStyle = visibleButtons.length > BOT_BUTTON_MENU_THRESHOLD;
     const handleSelect = (actionId) => {
         if (disabled)
             return;
@@ -20,9 +22,9 @@ const BotButtonMessage = ({ buttons, disabled, onSelect, onRestart, }) => {
         }
         onSelect(actionId);
     };
-    const optionsNode = isMenuStyle ? (_jsx("div", { className: "flex flex-col overflow-hidden rounded-xl bg-white", children: buttons.map((option, index) => (_jsxs("button", { type: "button", disabled: disabled, onClick: () => handleSelect(option.id), className: clsx("flex items-center gap-4 px-3 py-2 text-left transition-colors", index !== buttons.length - 1 && "border-b border-gray-25", disabled && "cursor-not-allowed opacity-60"), children: [_jsx("span", { className: "flex-1 text-[16px] font-medium leading-[1.6] text-gray-900", children: option.id === BOT_DEFAULT_BUTTON_ID
+    const optionsNode = isMenuStyle ? (_jsx("div", { className: "flex flex-col overflow-hidden rounded-xl bg-white", children: visibleButtons.map((option, index) => (_jsxs("button", { type: "button", disabled: disabled, onClick: () => handleSelect(option.id), className: clsx("flex items-center gap-4 px-3 py-2 text-left transition-colors", index !== visibleButtons.length - 1 && "border-b border-gray-25", disabled && "cursor-not-allowed opacity-60"), children: [_jsx("span", { className: "flex-1 text-[16px] font-medium leading-[1.6] text-gray-900", children: option.id === BOT_DEFAULT_BUTTON_ID
                         ? t("thread_detail.bot.restart")
-                        : option.label }), _jsx(Icon, { icon: "angle-right-o", size: CHEVRON_SIZE, className: "text-gray-900" })] }, option.id))) })) : (_jsx("div", { className: "flex flex-col gap-2", children: buttons.map((option) => (_jsx("button", { type: "button", disabled: disabled, onClick: () => handleSelect(option.id), className: clsx("flex flex-1 items-center justify-center gap-2 rounded-lg border border-primary-400 bg-primary-25 px-3 py-2", "text-center text-[14px] font-[510] leading-[160%] text-primary-400 transition-colors", disabled && "cursor-not-allowed opacity-60"), children: _jsx("span", { children: option.id === BOT_DEFAULT_BUTTON_ID
+                        : option.label }), _jsx(Icon, { icon: "angle-right-o", size: CHEVRON_SIZE, className: "text-gray-900" })] }, option.id))) })) : (_jsx("div", { className: "flex flex-col gap-2", children: visibleButtons.map((option) => (_jsx("button", { type: "button", disabled: disabled, onClick: () => handleSelect(option.id), className: clsx("flex flex-1 items-center justify-center gap-2 rounded-lg border border-primary-400 bg-primary-25 px-3 py-2", "text-center text-[14px] font-[510] leading-[160%] text-primary-400 transition-colors", disabled && "cursor-not-allowed opacity-60"), children: _jsx("span", { children: option.id === BOT_DEFAULT_BUTTON_ID
                     ? t("thread_detail.bot.restart")
                     : option.label }) }, option.id))) }));
     return (_jsx("div", { className: "flex min-w-0 flex-col gap-2 px-3 py-1 sm:px-4", children: _jsx("div", { className: "flex min-w-0 items-end justify-start pl-3 pr-12", children: _jsx("div", { className: "flex min-w-0 max-w-[75%] flex-col items-start", children: _jsx(MessageBubble, { isMine: false, content: optionsNode }) }) }) }));

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":"AAGA,OAAO,EAAE,WAAW,EAAe,MAAM,yBAAyB,CAAC;AAQnE,UAAU,oBAAoB;IAC5B,OAAO,EAAE,WAAW,CAAC;CACtB;AAED,QAAA,MAAM,eAAe,GAAI,OAAO,oBAAoB,mDAqDnD,CAAC;AAEF,eAAe,eAAe,CAAC"}
+{"version":3,"file":"TextMessage.d.ts","sourceRoot":"","sources":["../../../../src/components/message/item/TextMessage.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAOtD,UAAU,oBAAoB;IAC5B,OAAO,EAAE,WAAW,CAAC;CACtB;AAED,QAAA,MAAM,eAAe,GAAI,OAAO,oBAAoB,mDAgDnD,CAAC;AAEF,eAAe,eAAe,CAAC"}

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

@@ -1,8 +1,6 @@
 "use client";
 import { jsx as _jsx } from "react/jsx-runtime";
 import clsx from "clsx";
-import { MessageType } from "@openim/wasm-client-sdk";
-import useAuthStore from "../../../store/auth";
 import { htmlHasFormatting, sanitizeHtml, stripHtml } from "../../../utils/common";
 import { extractLinkUrls } from "../../../utils/link";
 import LinkText from "./LinkText";
@@ -10,7 +8,6 @@ import { MESSAGE_TEXT_CLASS } from "./textStyle";
 const TextMessageItem = (props) => {
     var _a, _b, _c, _d;
     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) || "{}");
@@ -19,9 +16,6 @@ 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;
-    }
     const richHtmlContent = ((_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) || "";
     if (richHtmlContent && htmlHasFormatting(richHtmlContent)) {
         const sanitizedContent = sanitizeHtml(richHtmlContent);

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/message/item/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EACL,WAAW,IAAI,eAAe,EAG/B,MAAM,yBAAyB,CAAC;AAiCjC,UAAU,gBAAgB;IACxB,OAAO,EAAE,eAAe,CAAC;IACzB,WAAW,EAAE,eAAe,EAAE,CAAC;IAC/B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,uBAAuB,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAClD,eAAe,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;IAChD,cAAc,CAAC,EAAE,CAAC,OAAO,EAAE,eAAe,KAAK,IAAI,CAAC;IACpD,mBAAmB,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;IACpD,YAAY,CAAC,EAAE,CAAC,OAAO,EAAE,eAAe,KAAK,IAAI,CAAC;IAClD,cAAc,CAAC,EAAE,CAAC,OAAO,EAAE,eAAe,KAAK,IAAI,CAAC;IACpD,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAeD,QAAA,MAAM,WAAW,GAAI,qMAalB,gBAAgB,mDAuRlB,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/message/item/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EACL,WAAW,IAAI,eAAe,EAG/B,MAAM,yBAAyB,CAAC;AAiCjC,UAAU,gBAAgB;IACxB,OAAO,EAAE,eAAe,CAAC;IACzB,WAAW,EAAE,eAAe,EAAE,CAAC;IAC/B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,uBAAuB,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAClD,eAAe,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;IAChD,cAAc,CAAC,EAAE,CAAC,OAAO,EAAE,eAAe,KAAK,IAAI,CAAC;IACpD,mBAAmB,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;IACpD,YAAY,CAAC,EAAE,CAAC,OAAO,EAAE,eAAe,KAAK,IAAI,CAAC;IAClD,cAAc,CAAC,EAAE,CAAC,OAAO,EAAE,eAAe,KAAK,IAAI,CAAC;IACpD,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAeD,QAAA,MAAM,WAAW,GAAI,qMAalB,gBAAgB,mDA8QlB,CAAC;AAEF,eAAe,WAAW,CAAC"}

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

@@ -6,7 +6,7 @@ import { Dropdown, message as toastMessage } from "antd";
 import { MessageStatus, MessageType, } from "@openim/wasm-client-sdk";
 import MessageBubble from "./MessageBubble";
 import { renderBubbleContent } from "./renderMessageContent";
-import { getVisibleNeighbor, visibleTypeMessage, } from "../../../hooks/message/useMessage";
+import { getVisibleNeighbor, isMessageHiddenForViewer, } from "../../../hooks/message/useMessage";
 import { MSG_ITEM_CONTENT_PREFIX, MSG_ITEM_PREFIX } from "../../../constants";
 import { formatTimestamp } from "../../../utils/common";
 import useAuthStore from "../../../store/auth";
@@ -127,13 +127,7 @@ const MessageItem = ({ message, allMessages, isGroupChat = false, forceHideTip =
     const showAvatar = showPeerInfo && !isMine && !nextSameUser;
     const showSenderName = showPeerInfo && !isMine && !prevSameUser;
     const showTip = forceHideTip ? false : !nextSameUser;
-    if (!isCrm && isInternalMessage) {
-        return null;
-    }
-    if ((!isCrm &&
-        (MessageType.CustomMessage === (message === null || message === void 0 ? void 0 : message.contentType) ||
-            isSystemLogMessage)) ||
-        !visibleTypeMessage.includes(message === null || message === void 0 ? void 0 : message.contentType)) {
+    if (isMessageHiddenForViewer(message, isCrm)) {
         return null;
     }
     const messageContainerProps = {

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

@@ -1 +1 @@
-{"version":3,"file":"renderMessageContent.d.ts","sourceRoot":"","sources":["../../../../src/components/message/item/renderMessageContent.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,IAAI,eAAe,EAAe,MAAM,yBAAyB,CAAC;AAWtF,eAAO,MAAM,mBAAmB,GAAI,SAAS,eAAe,4CAuB3D,CAAC;AAEF,eAAO,MAAM,mBAAmB,GAC9B,SAAS,eAAe,EACxB,sBAAsB,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,4CAwBpD,CAAC"}
+{"version":3,"file":"renderMessageContent.d.ts","sourceRoot":"","sources":["../../../../src/components/message/item/renderMessageContent.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,IAAI,eAAe,EAAe,MAAM,yBAAyB,CAAC;AAYtF,eAAO,MAAM,mBAAmB,GAAI,SAAS,eAAe,4CAyB3D,CAAC;AAEF,eAAO,MAAM,mBAAmB,GAC9B,SAAS,eAAe,EACxB,sBAAsB,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,4CAwBpD,CAAC"}

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

@@ -9,6 +9,7 @@ import UrlTextMessageItem from "./UrlTextMessage";
 import RevokeMessageItem from "./RevokeMessage";
 import QuoteMessageItem from "./QuoteMessage";
 import SystemLogMessageItem from "./SystemLogMessage";
+import CustomMessageItem from "./CustomMessage";
 export const renderMessageByType = (message) => {
     switch (message === null || message === void 0 ? void 0 : message.contentType) {
         case MessageType.TextMessage:
@@ -28,6 +29,8 @@ export const renderMessageByType = (message) => {
             return _jsx(SystemLogMessageItem, { message: message });
         case MessageType.RevokeMessage:
             return _jsx(RevokeMessageItem, {});
+        case MessageType.CustomMessage:
+            return _jsx(CustomMessageItem, { message: message });
         default:
             return _jsx(TextMessageItem, { message: message });
     }

package/dist/components/message/reply/ReplyQuoteContent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ReplyQuoteContent.d.ts","sourceRoot":"","sources":["../../../../src/components/message/reply/ReplyQuoteContent.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AASnE,eAAO,MAAM,oBAAoB,GAAI,aAAa,WAAW,YACb,CAAC;AAEjD,UAAU,sBAAsB;IAC9B,OAAO,EAAE,WAAW,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,eAAO,MAAM,iBAAiB,GAAI,qBAG/B,sBAAsB,4CA0BxB,CAAC;AAEF,eAAe,iBAAiB,CAAC"}
+{"version":3,"file":"ReplyQuoteContent.d.ts","sourceRoot":"","sources":["../../../../src/components/message/reply/ReplyQuoteContent.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AASnE,eAAO,MAAM,oBAAoB,GAAI,aAAa,WAAW,YACb,CAAC;AAEjD,UAAU,sBAAsB;IAC9B,OAAO,EAAE,WAAW,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,eAAO,MAAM,iBAAiB,GAAI,qBAG/B,sBAAsB,4CA2BxB,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/dist/components/message/reply/ReplyQuoteContent.js

@@ -15,6 +15,6 @@ export const ReplyQuoteContent = ({ message, title = "", }) => {
     return (_jsxs("div", { className: "flex min-w-0 flex-1 items-center gap-0.5 pr-2 self-stretch", children: [_jsx("div", { className: "w-[3px] shrink-0 self-stretch rounded bg-gray-cool-200" }), hasMedia && _jsx(ReplyPreviewMedia, { message: message }), _jsxs("div", { className: "flex min-w-0 flex-1 flex-col justify-center py-1 pl-2", children: [_jsx("p", { className: "truncate text-[14px] font-medium leading-[160%] text-gray-900", children: title }), _jsx("p", { className: "truncate text-[13px] leading-[160%] text-gray-400", children: generateContentBasedOnMessageType(message.contentType, ((_a = message.textElem) === null || _a === void 0 ? void 0 : _a.content) || ((_b = message.quoteElem) === null || _b === void 0 ? void 0 : _b.text), t, {
                             duration: (_c = message.videoElem) === null || _c === void 0 ? void 0 : _c.duration,
                             fileName: (_d = message.fileElem) === null || _d === void 0 ? void 0 : _d.fileName,
-                        }) })] })] }));
+                        }, message.customElem) })] })] }));
 };
 export default ReplyQuoteContent;

package/dist/constants/botFlow.d.ts

@@ -1,3 +1,5 @@
 export declare const BOT_DEFAULT_BUTTON_ID = "default-item-button";
 export declare const BOT_BUTTON_MENU_THRESHOLD = 3;
+export declare const BOT_HIDDEN_COMMAND_PREFIX = "context:";
+export declare const BOT_COMMAND_CHAT_WITH_CS = "context:chat_with_cs";
 //# sourceMappingURL=botFlow.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"botFlow.d.ts","sourceRoot":"","sources":["../../src/constants/botFlow.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,qBAAqB,wBAAwB,CAAC;AAE3D,eAAO,MAAM,yBAAyB,IAAI,CAAC"}
+{"version":3,"file":"botFlow.d.ts","sourceRoot":"","sources":["../../src/constants/botFlow.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,qBAAqB,wBAAwB,CAAC;AAE3D,eAAO,MAAM,yBAAyB,IAAI,CAAC;AAE3C,eAAO,MAAM,yBAAyB,aAAa,CAAC;AAEpD,eAAO,MAAM,wBAAwB,yBAAyB,CAAC"}

package/dist/constants/botFlow.js

@@ -1,2 +1,4 @@
 export const BOT_DEFAULT_BUTTON_ID = "default-item-button";
 export const BOT_BUTTON_MENU_THRESHOLD = 3;
+export const BOT_HIDDEN_COMMAND_PREFIX = "context:";
+export const BOT_COMMAND_CHAT_WITH_CS = "context:chat_with_cs";

package/dist/constants/moreOption.d.ts

@@ -1,7 +1,18 @@
+export declare const MoreOptionKey: {
+    readonly Media: "media";
+    readonly Camera: "camera";
+    readonly Document: "document";
+    readonly Order: "order";
+    readonly Product: "product";
+    readonly Appointment: "appointment";
+};
+export type MoreOptionKey = (typeof MoreOptionKey)[keyof typeof MoreOptionKey];
 export interface MoreOptionConfig {
+    key: string;
     icon: string;
     labelKey: string;
     enabled: boolean;
+    onSelect?: () => void;
 }
 export declare const DEFAULT_MORE_OPTIONS: MoreOptionConfig[];
 export declare function createMoreOptions(extraOptions?: MoreOptionConfig[]): MoreOptionConfig[];

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

@@ -1 +1 @@
-{"version":3,"file":"moreOption.d.ts","sourceRoot":"","sources":["../../src/constants/moreOption.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,OAAO,CAAC;CAClB;AAED,eAAO,MAAM,oBAAoB,EAAE,gBAAgB,EAgBlD,CAAC;AAEF,wBAAgB,iBAAiB,CAC/B,YAAY,GAAE,gBAAgB,EAAO,GACpC,gBAAgB,EAAE,CAEpB;AAED,eAAO,MAAM,YAAY,EAAE,gBAAgB,EAgBzC,CAAC"}
+{"version":3,"file":"moreOption.d.ts","sourceRoot":"","sources":["../../src/constants/moreOption.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,aAAa;;;;;;;CAOhB,CAAC;AAEX,MAAM,MAAM,aAAa,GAAG,CAAC,OAAO,aAAa,CAAC,CAAC,MAAM,OAAO,aAAa,CAAC,CAAC;AAE/E,MAAM,WAAW,gBAAgB;IAC/B,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,eAAO,MAAM,oBAAoB,EAAE,gBAAgB,EAmBlD,CAAC;AAEF,wBAAgB,iBAAiB,CAC/B,YAAY,GAAE,gBAAgB,EAAO,GACpC,gBAAgB,EAAE,CAEpB;AAED,eAAO,MAAM,YAAY,EAAE,gBAAgB,EAmBzC,CAAC"}

package/dist/constants/moreOption.js

@@ -1,15 +1,26 @@
+export const MoreOptionKey = {
+    Media: "media",
+    Camera: "camera",
+    Document: "document",
+    Order: "order",
+    Product: "product",
+    Appointment: "appointment",
+};
 export const DEFAULT_MORE_OPTIONS = [
     {
+        key: MoreOptionKey.Media,
         icon: "image-02-o",
         labelKey: "thread_detail.more_option.media",
         enabled: true,
     },
     {
+        key: MoreOptionKey.Camera,
         icon: "camera-o",
         labelKey: "thread_detail.more_option.camera",
         enabled: false,
     },
     {
+        key: MoreOptionKey.Document,
         icon: "paperclip-o",
         labelKey: "thread_detail.more_option.document",
         enabled: true,
@@ -20,16 +31,19 @@ export function createMoreOptions(extraOptions = []) {
 }
 export const MORE_OPTIONS = createMoreOptions([
     {
+        key: MoreOptionKey.Order,
         icon: "receipt-o",
         labelKey: "thread_detail.more_option.order",
         enabled: false,
     },
     {
+        key: MoreOptionKey.Product,
         icon: "shopping-basket-o",
         labelKey: "thread_detail.more_option.product",
         enabled: false,
     },
     {
+        key: MoreOptionKey.Appointment,
         icon: "calendar-active-o",
         labelKey: "thread_detail.more_option.appointment",
         enabled: false,

package/dist/context/ChatContext.d.ts

@@ -2,5 +2,5 @@ import "../styles/global.css";
 import { ChatContextType, ChatProviderProps } from "../types/chat";
 export declare const ChatContext: import("react").Context<ChatContextType>;
 export declare const useChatContext: () => ChatContextType;
-export declare const ChatProvider: ({ children, config }: ChatProviderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ChatProvider: ({ children, config, renderCustomMessage, }: ChatProviderProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=ChatContext.d.ts.map

package/dist/context/ChatContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChatContext.d.ts","sourceRoot":"","sources":["../../src/context/ChatContext.tsx"],"names":[],"mappings":"AAEA,OAAO,sBAAsB,CAAC;AAG9B,OAAO,EACL,eAAe,EACf,iBAAiB,EAGlB,MAAM,cAAc,CAAC;AAStB,eAAO,MAAM,WAAW,0CAOtB,CAAC;AAEH,eAAO,MAAM,cAAc,uBAAgC,CAAC;AAE5D,eAAO,MAAM,YAAY,GAAI,sBAAsB,iBAAiB,4CAqGnE,CAAC"}
+{"version":3,"file":"ChatContext.d.ts","sourceRoot":"","sources":["../../src/context/ChatContext.tsx"],"names":[],"mappings":"AAEA,OAAO,sBAAsB,CAAC;AAG9B,OAAO,EACL,eAAe,EACf,iBAAiB,EAGlB,MAAM,cAAc,CAAC;AAStB,eAAO,MAAM,WAAW,0CAOtB,CAAC;AAEH,eAAO,MAAM,cAAc,uBAAgC,CAAC;AAE5D,eAAO,MAAM,YAAY,GAAI,4CAI1B,iBAAiB,4CAsGnB,CAAC"}

package/dist/context/ChatContext.js

@@ -18,7 +18,7 @@ export const ChatContext = createContext({
     updateSyncStatus: () => { },
 });
 export const useChatContext = () => useContext(ChatContext);
-export const ChatProvider = ({ children, config }) => {
+export const ChatProvider = ({ children, config, renderCustomMessage, }) => {
     const [connectStatus, setConnectStatus] = useState(ConnectStatus.Disconnected);
     const [syncStatus, setSyncStatus] = useState(SyncStatus.Success);
     const [user, setUser] = useState(null);
@@ -91,5 +91,6 @@ export const ChatProvider = ({ children, config }) => {
             getSelfUserInfo,
             updateConnectStatus,
             updateSyncStatus,
+            renderCustomMessage,
         }, children: _jsx(ConfigProvider, { getPopupContainer: (triggerNode) => document.body, children: _jsx(QueryClientProvider, { client: queryClient, children: _jsx(MainLayout, { children: children }) }) }) }));
 };

package/dist/hooks/conversation/useBotConversationDetail.d.ts

@@ -1,3 +1,4 @@
 import type { BotConversationDetail } from "../../types/conversation";
+export declare const fetchBotConversationDetail: (conversationId: string) => Promise<BotConversationDetail>;
 export declare const useBotConversationDetail: (conversationId: string, enabled: boolean) => import("@tanstack/react-query").UseQueryResult<BotConversationDetail, Error>;
 //# sourceMappingURL=useBotConversationDetail.d.ts.map

package/dist/hooks/conversation/useBotConversationDetail.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useBotConversationDetail.d.ts","sourceRoot":"","sources":["../../../src/hooks/conversation/useBotConversationDetail.ts"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,sBAAsB,CAAC;AAElE,eAAO,MAAM,wBAAwB,GACnC,gBAAgB,MAAM,EACtB,SAAS,OAAO,iFAejB,CAAC"}
+{"version":3,"file":"useBotConversationDetail.d.ts","sourceRoot":"","sources":["../../../src/hooks/conversation/useBotConversationDetail.ts"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,sBAAsB,CAAC;AAElE,eAAO,MAAM,0BAA0B,GACrC,gBAAgB,MAAM,KACrB,OAAO,CAAC,qBAAqB,CAK/B,CAAC;AAEF,eAAO,MAAM,wBAAwB,GACnC,gBAAgB,MAAM,EACtB,SAAS,OAAO,iFAUjB,CAAC"}

package/dist/hooks/conversation/useBotConversationDetail.js

@@ -3,13 +3,14 @@ import { useQuery } from "@tanstack/react-query";
 import { apiInstance } from "../../services/api";
 import { ENDPOINTS } from "../../services/routes";
 import { QUERY_KEYS } from "../../services/query";
+export const fetchBotConversationDetail = async (conversationId) => {
+    const res = await apiInstance.get(ENDPOINTS.chatService.getConversationDetail(conversationId));
+    return res.data.data;
+};
 export const useBotConversationDetail = (conversationId, enabled) => {
     return useQuery({
         queryKey: [QUERY_KEYS.GET_CONVERSATION_DETAIL, conversationId],
-        queryFn: async () => {
-            const res = await apiInstance.get(ENDPOINTS.chatService.getConversationDetail(conversationId));
-            return res.data.data;
-        },
+        queryFn: () => fetchBotConversationDetail(conversationId),
         enabled: enabled && !!conversationId,
         staleTime: 0,
         refetchOnWindowFocus: false,

package/dist/hooks/conversation/useBotMainMenu.d.ts

@@ -0,0 +1,4 @@
+import type { BotMainMenuItem } from "../../types/conversation";
+export declare const fetchBotMainMenu: (conversationId: string) => Promise<BotMainMenuItem[]>;
+export declare const useBotMainMenu: (conversationId: string, enabled: boolean) => import("@tanstack/react-query").UseQueryResult<BotMainMenuItem[], Error>;
+//# sourceMappingURL=useBotMainMenu.d.ts.map

package/dist/hooks/conversation/useBotMainMenu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useBotMainMenu.d.ts","sourceRoot":"","sources":["../../../src/hooks/conversation/useBotMainMenu.ts"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAE5D,eAAO,MAAM,gBAAgB,GAC3B,gBAAgB,MAAM,KACrB,OAAO,CAAC,eAAe,EAAE,CAK3B,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,gBAAgB,MAAM,EAAE,SAAS,OAAO,6EAMtE,CAAC"}

package/dist/hooks/conversation/useBotMainMenu.js

@@ -0,0 +1,16 @@
+"use client";
+import { useQuery } from "@tanstack/react-query";
+import { apiInstance } from "../../services/api";
+import { ENDPOINTS } from "../../services/routes";
+import { QUERY_KEYS } from "../../services/query";
+export const fetchBotMainMenu = async (conversationId) => {
+    const res = await apiInstance.get(ENDPOINTS.chatService.getBotMainMenu(conversationId));
+    return res.data.data || [];
+};
+export const useBotMainMenu = (conversationId, enabled) => {
+    return useQuery({
+        queryKey: [QUERY_KEYS.GET_BOT_MAIN_MENU, conversationId],
+        queryFn: () => fetchBotMainMenu(conversationId),
+        enabled: enabled && !!conversationId,
+    });
+};

package/dist/hooks/conversation/useResolveConversation.d.ts

@@ -0,0 +1,11 @@
+export interface UseResolveConversationParams {
+    conversationId?: string;
+    userId?: string;
+    groupId?: string;
+    botId?: string;
+}
+export declare const useResolveConversation: ({ conversationId, userId, groupId, botId, }: UseResolveConversationParams) => {
+    isResolving: boolean;
+    error: Error | null;
+};
+//# sourceMappingURL=useResolveConversation.d.ts.map

package/dist/hooks/conversation/useResolveConversation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useResolveConversation.d.ts","sourceRoot":"","sources":["../../../src/hooks/conversation/useResolveConversation.ts"],"names":[],"mappings":"AAWA,MAAM,WAAW,4BAA4B;IAC3C,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAOD,eAAO,MAAM,sBAAsB,GAAI,6CAKpC,4BAA4B;;;CAmG9B,CAAC"}

package/dist/hooks/conversation/useResolveConversation.js

@@ -0,0 +1,90 @@
+"use client";
+import { useEffect, useState } from "react";
+import { SessionType } from "@openim/wasm-client-sdk";
+import { DChatSDK } from "../../constants/sdk";
+import { apiInstance } from "../../services/api";
+import { ENDPOINTS } from "../../services/routes";
+import useConversationStore from "../../store/conversation";
+import { resolveConversationBotId } from "../../utils/conversation";
+export const useResolveConversation = ({ conversationId, userId, groupId, botId, }) => {
+    const [isResolving, setIsResolving] = useState(false);
+    const [error, setError] = useState(null);
+    const conversationData = useConversationStore((state) => state.conversationData);
+    const setConversationData = useConversationStore((state) => state.setConversationData);
+    const setSelectedConversationId = useConversationStore((state) => state.setSelectedConversationId);
+    const hasTarget = !!(conversationId || userId || groupId || botId);
+    const matchesConversationId = !!conversationId && (conversationData === null || conversationData === void 0 ? void 0 : conversationData.conversationID) === conversationId;
+    const matchesUserId = !!userId && (conversationData === null || conversationData === void 0 ? void 0 : conversationData.userID) === userId;
+    const matchesGroupId = !!groupId && (conversationData === null || conversationData === void 0 ? void 0 : conversationData.groupID) === groupId;
+    const matchesBotId = !!botId &&
+        !!conversationData &&
+        resolveConversationBotId(conversationData) === botId;
+    const isAlreadyResolved = matchesConversationId || matchesUserId || matchesGroupId || matchesBotId;
+    useEffect(() => {
+        if (!hasTarget || isAlreadyResolved)
+            return;
+        let cancelled = false;
+        setIsResolving(true);
+        setError(null);
+        const resolve = async () => {
+            var _a, _b;
+            try {
+                let resolved = null;
+                if (conversationId) {
+                    const { data } = await DChatSDK.getMultipleConversation([conversationId]);
+                    resolved = (_a = data === null || data === void 0 ? void 0 : data[0]) !== null && _a !== void 0 ? _a : null;
+                }
+                else if (userId || groupId) {
+                    const { data } = await DChatSDK.getOneConversation({
+                        sourceID: (userId || groupId),
+                        sessionType: userId ? SessionType.Single : SessionType.Group,
+                    });
+                    resolved = data;
+                }
+                else if (botId) {
+                    const { data: botConversationResponse } = await apiInstance.get(ENDPOINTS.chatService.getConversationByBotId(botId));
+                    const resolvedGroupId = (_b = botConversationResponse.data) === null || _b === void 0 ? void 0 : _b.groupId;
+                    if (!resolvedGroupId) {
+                        throw new Error("Missing groupId from get-or-create bot conversation response");
+                    }
+                    const { data: conversation } = await DChatSDK.getOneConversation({
+                        sourceID: resolvedGroupId,
+                        sessionType: SessionType.Group,
+                    });
+                    resolved = conversation;
+                }
+                if (cancelled)
+                    return;
+                if (!resolved) {
+                    throw new Error("Conversation not found");
+                }
+                setConversationData(resolved);
+                setSelectedConversationId(resolved.conversationID);
+            }
+            catch (err) {
+                if (cancelled)
+                    return;
+                console.error("useResolveConversation", err);
+                setError(err instanceof Error ? err : new Error("Failed to resolve conversation"));
+            }
+            finally {
+                if (!cancelled)
+                    setIsResolving(false);
+            }
+        };
+        void resolve();
+        return () => {
+            cancelled = true;
+        };
+    }, [
+        conversationId,
+        userId,
+        groupId,
+        botId,
+        hasTarget,
+        isAlreadyResolved,
+        setConversationData,
+        setSelectedConversationId,
+    ]);
+    return { isResolving, error };
+};

package/dist/hooks/conversation/useSwitchToCsTeam.d.ts

@@ -0,0 +1,6 @@
+export type SwitchToCsTeamResult = "already_in_cs" | "switched" | "failed";
+export declare const useSwitchToCsTeam: () => {
+    switchToCsTeam: (conversationId: string) => Promise<SwitchToCsTeamResult>;
+    isPending: boolean;
+};
+//# sourceMappingURL=useSwitchToCsTeam.d.ts.map

package/dist/hooks/conversation/useSwitchToCsTeam.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSwitchToCsTeam.d.ts","sourceRoot":"","sources":["../../../src/hooks/conversation/useSwitchToCsTeam.ts"],"names":[],"mappings":"AAWA,MAAM,MAAM,oBAAoB,GAAG,eAAe,GAAG,UAAU,GAAG,QAAQ,CAAC;AAE3E,eAAO,MAAM,iBAAiB;qCAKH,MAAM,KAAG,OAAO,CAAC,oBAAoB,CAAC;;CAuChE,CAAC"}

package/dist/hooks/conversation/useSwitchToCsTeam.js

@@ -0,0 +1,41 @@
+"use client";
+import { useCallback } from "react";
+import { useQueryClient } from "@tanstack/react-query";
+import { QUERY_KEYS } from "../../services/query";
+import { BOT_COMMAND_CHAT_WITH_CS } from "../../constants/botFlow";
+import { isInCsSession, findMainMenuAction } from "../../utils/botFlow";
+import { fetchBotConversationDetail } from "./useBotConversationDetail";
+import { fetchBotMainMenu } from "./useBotMainMenu";
+import { useRunBotFlow } from "./useRunBotFlow";
+export const useSwitchToCsTeam = () => {
+    const queryClient = useQueryClient();
+    const { mutateAsync: runBotFlow, isPending } = useRunBotFlow();
+    const switchToCsTeam = useCallback(async (conversationId) => {
+        try {
+            const detail = await fetchBotConversationDetail(conversationId);
+            if (isInCsSession(detail)) {
+                return "already_in_cs";
+            }
+            const mainMenu = await fetchBotMainMenu(conversationId);
+            const chatWithCsAction = findMainMenuAction(mainMenu, BOT_COMMAND_CHAT_WITH_CS);
+            if (!chatWithCsAction) {
+                return "failed";
+            }
+            await runBotFlow({
+                conversationId,
+                groupId: "",
+                childId: "",
+                actionId: chatWithCsAction.id,
+            });
+            await queryClient.invalidateQueries({
+                queryKey: [QUERY_KEYS.GET_CONVERSATION_DETAIL, conversationId],
+            });
+            return "switched";
+        }
+        catch (error) {
+            console.error("switchToCsTeam", error);
+            return "failed";
+        }
+    }, [runBotFlow, queryClient]);
+    return { switchToCsTeam, isPending };
+};

package/dist/hooks/message/useMessage.d.ts

@@ -1,5 +1,6 @@
 import { MessageItem, MessageType } from "@openim/wasm-client-sdk";
 export declare const visibleTypeMessage: MessageType[];
+export declare const isMessageHiddenForViewer: (message: MessageItem, isCrm: boolean) => boolean;
 export declare const useMessage: (conversationId?: string, searchClientMsgID?: string, enabled?: boolean, useAppHistory?: boolean) => {
     loadState: {
         initLoading: boolean;

package/dist/hooks/message/useMessage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useMessage.d.ts","sourceRoot":"","sources":["../../../src/hooks/message/useMessage.ts"],"names":[],"mappings":"AACA,OAAO,EAEL,WAAW,EACX,WAAW,EAEZ,MAAM,yBAAyB,CAAC;AAUjC,eAAO,MAAM,kBAAkB,eAgB9B,CAAC;AAEF,eAAO,MAAM,UAAU,GACrB,iBAAiB,MAAM,EACvB,oBAAoB,MAAM,EAC1B,iBAAc,EACd,uBAAqB;;;;;qBAeA,WAAW,EAAE;;;;;;qBAAb,WAAW,EAAE;;;;;;CAiSnC,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,SAAS,WAAW,SACpB,CAAC;AAChC,eAAO,MAAM,gBAAgB,GAAI,SAAS,WAAW,SACpB,CAAC;AAClC,eAAO,MAAM,gBAAgB,GAAI,aAAa,MAAM,SACf,CAAC;AAEtC,eAAO,MAAM,kBAAkB,GAC7B,aAAa,WAAW,EAAE,EAC1B,SAAS,WAAW,EACpB,WAAW,MAAM,GAAG,MAAM,KACzB,WAAW,GAAG,SAkBhB,CAAC"}
+{"version":3,"file":"useMessage.d.ts","sourceRoot":"","sources":["../../../src/hooks/message/useMessage.ts"],"names":[],"mappings":"AACA,OAAO,EAEL,WAAW,EACX,WAAW,EAEZ,MAAM,yBAAyB,CAAC;AAYjC,eAAO,MAAM,kBAAkB,eAgB9B,CAAC;AAEF,eAAO,MAAM,wBAAwB,GACnC,SAAS,WAAW,EACpB,OAAO,OAAO,KACb,OAWF,CAAC;AAEF,eAAO,MAAM,UAAU,GACrB,iBAAiB,MAAM,EACvB,oBAAoB,MAAM,EAC1B,iBAAc,EACd,uBAAqB;;;;;qBAeA,WAAW,EAAE;;;;;;qBAAb,WAAW,EAAE;;;;;;CAiSnC,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,SAAS,WAAW,SACpB,CAAC;AAChC,eAAO,MAAM,gBAAgB,GAAI,SAAS,WAAW,SACpB,CAAC;AAClC,eAAO,MAAM,gBAAgB,GAAI,aAAa,MAAM,SACf,CAAC;AAEtC,eAAO,MAAM,kBAAkB,GAC7B,aAAa,WAAW,EAAE,EAC1B,SAAS,WAAW,EACpB,WAAW,MAAM,GAAG,MAAM,KACzB,WAAW,GAAG,SAkBhB,CAAC"}