@droppii-org/chat-sdk 0.1.74 → 0.1.75

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

@@ -4,7 +4,8 @@ export interface ConversationDetailInputProps {
     onSendMessage?: (text: string) => void;
     onInputChange?: (value: string) => void;
     moreOptions?: MoreOptionConfig[];
+    onOpenBotMenu?: () => void;
 }
-declare const ConversationDetailInput: ({ placeholder, onSendMessage, onInputChange, moreOptions, }: ConversationDetailInputProps) => import("react/jsx-runtime").JSX.Element;
+declare const ConversationDetailInput: ({ placeholder, onSendMessage, onInputChange, moreOptions, onOpenBotMenu, }: 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":"AA2BA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAM/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,4CAoZ9B,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;AAM/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;IACjC,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;CAC5B;AAED,QAAA,MAAM,uBAAuB,GAAI,4EAM9B,4BAA4B,4CAma9B,CAAC;AAEF,eAAe,uBAAuB,CAAC"}

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

@@ -21,7 +21,7 @@ import ConversationMoreOptionPanel from "./ConversationMoreOptionPanel";
 const MAX_LINES = 5;
 const CONTAINER_MIN_HEIGHT = 48;
 const FALLBACK_LINE_HEIGHT = 25.6;
-const ConversationDetailInput = ({ placeholder, onSendMessage, onInputChange, moreOptions, }) => {
+const ConversationDetailInput = ({ placeholder, onSendMessage, onInputChange, moreOptions, onOpenBotMenu, }) => {
     const { t } = useTranslation("conversation-inbox");
     const { t: tCommon } = useTranslation("common");
     const conversationData = useConversationStore((state) => state.conversationData);
@@ -258,6 +258,6 @@ const ConversationDetailInput = ({ placeholder, onSendMessage, onInputChange, mo
     };
     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, 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(); } }))] }));
+                            : "border-gray-50"), style: { minHeight: CONTAINER_MIN_HEIGHT }, children: _jsxs("div", { className: "flex min-w-0 flex-[1_0_0] items-center gap-2 self-stretch px-3 py-1", children: [onOpenBotMenu && (_jsx("button", { type: "button", onClick: onOpenBotMenu, "aria-label": t("thread_detail.bot.menu.open_menu"), "data-testid": "conversation-detail-open-bot-menu", className: "flex shrink-0 items-center justify-center", children: _jsx(Icon, { icon: "chat-suggest-o", size: 24, className: "text-gray-600" }) })), _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/bot/BotMenuSheet.d.ts

@@ -0,0 +1,11 @@
+import type { BotMainMenuItem } from "../../../types/conversation";
+export interface BotMenuSheetProps {
+    open: boolean;
+    items: BotMainMenuItem[];
+    disabled?: boolean;
+    onClose: () => void;
+    onSelect: (item: BotMainMenuItem) => void;
+}
+declare const BotMenuSheet: ({ open, items, disabled, onClose, onSelect, }: BotMenuSheetProps) => import("react/jsx-runtime").JSX.Element;
+export default BotMenuSheet;
+//# sourceMappingURL=BotMenuSheet.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BotMenuSheet.d.ts","sourceRoot":"","sources":["../../../../src/components/conversation-detail/bot/BotMenuSheet.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAI5D,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,OAAO,CAAC;IACd,KAAK,EAAE,eAAe,EAAE,CAAC;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,EAAE,CAAC,IAAI,EAAE,eAAe,KAAK,IAAI,CAAC;CAC3C;AAED,QAAA,MAAM,YAAY,GAAI,+CAMnB,iBAAiB,4CAgEnB,CAAC;AAEF,eAAe,YAAY,CAAC"}

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

@@ -0,0 +1,24 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Drawer, Button } from "antd";
+import { useTranslation } from "react-i18next";
+import { Icon } from "../../../components/icon";
+import { BOT_DEFAULT_BUTTON_ID } from "../../../constants/botFlow";
+const CHEVRON_SIZE = 20;
+const BotMenuSheet = ({ open, items, disabled, onClose, onSelect, }) => {
+    const { t } = useTranslation("conversation-inbox");
+    const handleSelect = (item) => {
+        if (disabled)
+            return;
+        onSelect(item);
+        onClose();
+    };
+    return (_jsx(Drawer, { open: open, onClose: onClose, placement: "bottom", closeIcon: false, height: "auto", styles: {
+            body: { padding: "16px 16px 32px" },
+            mask: { backgroundColor: "rgba(0, 0, 0, 0.8)" },
+            content: { background: "transparent", boxShadow: "none" },
+        }, getContainer: false, children: _jsxs("div", { className: "flex flex-col overflow-hidden rounded-2xl bg-white", children: [_jsxs("div", { className: "flex items-center gap-4 border-b border-gray-25 px-3 py-4", children: [_jsx("span", { className: "flex-1 text-[18px] font-bold leading-[1.6] text-gray-900", children: t("thread_detail.bot.menu.title") }), _jsx(Button, { type: "text", shape: "default", className: "h-6 w-6 p-0 text-gray-900", onClick: onClose, "aria-label": t("thread_detail.bot.menu.title"), children: _jsx(Icon, { icon: "close-b", size: 24 }) })] }), _jsx("div", { className: "flex flex-col", children: items.map((item) => (_jsxs("button", { type: "button", disabled: disabled, onClick: () => handleSelect(item), className: "flex items-center gap-4 border-b border-gray-25 px-3 py-3 text-left transition-colors last:border-b-0 disabled:cursor-not-allowed disabled:opacity-60", children: [_jsx("span", { className: "flex-1 text-[16px] font-medium leading-[1.6] text-gray-900", children: item.id === BOT_DEFAULT_BUTTON_ID
+                                    ? t("thread_detail.bot.restart")
+                                    : item.label }), _jsx(Icon, { icon: "angle-right-o", size: CHEVRON_SIZE, className: "text-gray-900" })] }, item.id))) })] }) }));
+};
+export default BotMenuSheet;

package/dist/components/conversation-detail/bot/BotSuggest.d.ts

@@ -1,7 +1,9 @@
 export interface BotSuggestProps {
     disabled?: boolean;
+    showMenuTrigger?: boolean;
     onRestart: () => void;
+    onOpenMenu: () => void;
 }
-declare const BotSuggest: ({ disabled, onRestart }: BotSuggestProps) => import("react/jsx-runtime").JSX.Element;
+declare const BotSuggest: ({ disabled, showMenuTrigger, onRestart, onOpenMenu, }: BotSuggestProps) => import("react/jsx-runtime").JSX.Element;
 export default BotSuggest;
 //# sourceMappingURL=BotSuggest.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"BotSuggest.d.ts","sourceRoot":"","sources":["../../../../src/components/conversation-detail/bot/BotSuggest.tsx"],"names":[],"mappings":"AAQA,MAAM,WAAW,eAAe;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,QAAA,MAAM,UAAU,GAAI,yBAAyB,eAAe,4CAyB3D,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"BotSuggest.d.ts","sourceRoot":"","sources":["../../../../src/components/conversation-detail/bot/BotSuggest.tsx"],"names":[],"mappings":"AAiCA,MAAM,WAAW,eAAe;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,UAAU,EAAE,MAAM,IAAI,CAAC;CACxB;AAED,QAAA,MAAM,UAAU,GAAI,uDAKjB,eAAe,4CAyBjB,CAAC;AAEF,eAAe,UAAU,CAAC"}

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

@@ -4,8 +4,9 @@ import clsx from "clsx";
 import { useTranslation } from "react-i18next";
 import { Icon } from "../../../components/icon";
 const CHIP_ICON_SIZE = 14;
-const BotSuggest = ({ disabled, onRestart }) => {
+const SuggestChip = ({ disabled, icon, label, testId, onClick }) => (_jsxs("button", { type: "button", disabled: disabled, onClick: onClick, "data-testid": testId, className: clsx("flex h-7 shrink-0 items-center gap-1 rounded-lg bg-gray-25 px-3", "text-[12px] font-[510] leading-[1.6] tracking-[0.12px] text-gray-900 transition-colors", disabled && "cursor-not-allowed opacity-60"), children: [icon && _jsx(Icon, { icon: icon, size: CHIP_ICON_SIZE, className: "text-gray-900" }), _jsx("span", { className: "whitespace-nowrap", children: label })] }));
+const BotSuggest = ({ disabled, showMenuTrigger = true, onRestart, onOpenMenu, }) => {
     const { t } = useTranslation("conversation-inbox");
-    return (_jsx("div", { "data-testid": "conversation-bot-suggest", className: "flex w-full items-center gap-2 overflow-x-auto bg-chat-bubble-neutral/[0.05] px-2 pt-2", children: _jsxs("button", { type: "button", disabled: disabled, onClick: onRestart, className: clsx("flex h-7 shrink-0 items-center gap-1 rounded-lg bg-gray-25 px-3", "text-[12px] font-[510] leading-[1.6] tracking-[0.12px] text-gray-900 transition-colors", disabled && "cursor-not-allowed opacity-60"), children: [_jsx(Icon, { icon: "arrow-reload-o", size: CHIP_ICON_SIZE, className: "text-gray-900" }), _jsx("span", { className: "whitespace-nowrap", children: t("thread_detail.bot.restart") })] }) }));
+    return (_jsxs("div", { "data-testid": "conversation-bot-suggest", className: "flex w-full items-center gap-2 overflow-x-auto bg-chat-bubble-neutral/[0.05] px-2 pt-2", children: [_jsx(SuggestChip, { disabled: disabled, icon: "arrow-reload-o", label: t("thread_detail.bot.restart"), onClick: onRestart }), showMenuTrigger && (_jsx(SuggestChip, { disabled: disabled, label: t("thread_detail.bot.menu.trigger"), testId: "conversation-bot-suggest-menu-trigger", onClick: onOpenMenu }))] }));
 };
 export default BotSuggest;

package/dist/components/conversation-detail/bot/CsSessionConfirmModal.d.ts

@@ -0,0 +1,9 @@
+export interface CsSessionConfirmModalProps {
+    open: boolean;
+    loading: boolean;
+    onCancel: () => void;
+    onConfirm: () => void;
+}
+declare const CsSessionConfirmModal: ({ open, loading, onCancel, onConfirm, }: CsSessionConfirmModalProps) => import("react/jsx-runtime").JSX.Element;
+export default CsSessionConfirmModal;
+//# sourceMappingURL=CsSessionConfirmModal.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CsSessionConfirmModal.d.ts","sourceRoot":"","sources":["../../../../src/components/conversation-detail/bot/CsSessionConfirmModal.tsx"],"names":[],"mappings":"AAKA,MAAM,WAAW,0BAA0B;IACzC,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,QAAA,MAAM,qBAAqB,GAAI,yCAK5B,0BAA0B,4CA2D5B,CAAC;AAEF,eAAe,qBAAqB,CAAC"}

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

@@ -0,0 +1,12 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Modal, Button } from "antd";
+import { Trans, useTranslation } from "react-i18next";
+const CsSessionConfirmModal = ({ open, loading, onCancel, onConfirm, }) => {
+    const { t } = useTranslation("conversation-inbox");
+    return (_jsx(Modal, { open: open, onCancel: onCancel, footer: null, closable: false, centered: true, forceRender: true, width: 400, maskClosable: !loading, keyboard: !loading, styles: {
+            content: { padding: 0, overflow: "hidden" },
+            body: { padding: 0 },
+        }, children: _jsxs("div", { role: "alertdialog", "aria-label": t("thread_detail.bot.cs_confirm.title"), className: "flex flex-col", children: [_jsx("div", { className: "border-b border-gray-25 p-4", children: _jsx("p", { className: "text-[18px] font-bold leading-[1.6] text-center text-gray-900", children: t("thread_detail.bot.cs_confirm.title") }) }), _jsx("p", { className: "p-4 text-[16px] leading-[1.6] text-gray-900", children: _jsx(Trans, { t: t, i18nKey: "thread_detail.bot.cs_confirm.body", components: { bold: _jsx("strong", { className: "font-bold" }) } }) }), _jsx("div", { className: "border-t border-gray-25" }), _jsxs("div", { className: "flex gap-2 p-4", children: [_jsx(Button, { className: "h-12 flex-1 !rounded-lg !border-gray-25 !bg-gray-25 !text-[16px] !font-medium !text-gray-900", onClick: onCancel, disabled: loading, children: t("thread_detail.bot.cs_confirm.cancel") }), _jsx(Button, { type: "primary", className: "h-12 flex-1 !rounded-lg !border-danger-400 !bg-danger-400 !text-[16px] !font-medium !text-white hover:!border-danger-300 hover:!bg-danger-300", onClick: onConfirm, loading: loading, children: t("thread_detail.bot.cs_confirm.confirm") })] })] }) }));
+};
+export default CsSessionConfirmModal;

package/dist/components/conversation-detail/bot/index.d.ts

@@ -5,4 +5,8 @@ export type { BotButtonMessageProps } from "./BotButtonMessage";
 export { default as BotSuggest } from "./BotSuggest";
 export type { BotSuggestProps } from "./BotSuggest";
 export { default as BotInactiveNotice } from "./BotInactiveNotice";
+export { default as BotMenuSheet } from "./BotMenuSheet";
+export type { BotMenuSheetProps } from "./BotMenuSheet";
+export { default as CsSessionConfirmModal } from "./CsSessionConfirmModal";
+export type { CsSessionConfirmModalProps } from "./CsSessionConfirmModal";
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/conversation-detail/bot/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAC7D,YAAY,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAE5D,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACjE,YAAY,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAEhE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AACrD,YAAY,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAEpD,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,qBAAqB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/conversation-detail/bot/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAC7D,YAAY,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAE5D,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACjE,YAAY,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAEhE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AACrD,YAAY,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAEpD,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAEnE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACzD,YAAY,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAExD,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAC3E,YAAY,EAAE,0BAA0B,EAAE,MAAM,yBAAyB,CAAC"}

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

@@ -2,3 +2,5 @@ export { default as BotStartButton } from "./BotStartButton";
 export { default as BotButtonMessage } from "./BotButtonMessage";
 export { default as BotSuggest } from "./BotSuggest";
 export { default as BotInactiveNotice } from "./BotInactiveNotice";
+export { default as BotMenuSheet } from "./BotMenuSheet";
+export { default as CsSessionConfirmModal } from "./CsSessionConfirmModal";

package/dist/components/session/sessionMenuItems.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sessionMenuItems.d.ts","sourceRoot":"","sources":["../../../src/components/session/sessionMenuItems.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,MAAM,CAAC;AACjC,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAGpC,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,EAAE,uBAAuB,EAAE,MAAM,aAAa,CAAC;AAEtD,KAAK,QAAQ,GAAG,QAAQ,CAAC,SAAS,CAAC,CAAC,OAAO,CAAC,CAAC,MAAM,CAAC,CAAC;AAErD,UAAU,mBAAmB;IAC3B,GAAG,EAAE,MAAM,CAAC;IACZ,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,MAAM,EAAE,cAAc,CAAC;IACvB,WAAW,EAAE,QAAQ,GAAG,KAAK,CAAC;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,eAAO,MAAM,sBAAsB,EAAE,mBAAmB,EA0DvD,CAAC;AAEF,eAAO,MAAM,eAAe,GAAI,KAAK,MAAM,oCACQ,CAAC;AAEpD,UAAU,4BAA4B;IACpC,OAAO,EAAE,uBAAuB,CAAC;IACjC,CAAC,EAAE,SAAS,CAAC;IACb,cAAc,EAAE,CAAC,MAAM,EAAE,cAAc,KAAK,IAAI,CAAC;IACjD,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B;AA0BD,eAAO,MAAM,qBAAqB,GAAI,oDAKnC,4BAA4B,KAAG,QAAQ,EA4CzC,CAAC"}
+{"version":3,"file":"sessionMenuItems.d.ts","sourceRoot":"","sources":["../../../src/components/session/sessionMenuItems.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,MAAM,CAAC;AACjC,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAGpC,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,EAAE,uBAAuB,EAAE,MAAM,aAAa,CAAC;AAEtD,KAAK,QAAQ,GAAG,QAAQ,CAAC,SAAS,CAAC,CAAC,OAAO,CAAC,CAAC,MAAM,CAAC,CAAC;AAErD,UAAU,mBAAmB;IAC3B,GAAG,EAAE,MAAM,CAAC;IACZ,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,MAAM,EAAE,cAAc,CAAC;IACvB,WAAW,EAAE,QAAQ,GAAG,KAAK,CAAC;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,eAAO,MAAM,sBAAsB,EAAE,mBAAmB,EA2DvD,CAAC;AAEF,eAAO,MAAM,eAAe,GAAI,KAAK,MAAM,oCACQ,CAAC;AAEpD,UAAU,4BAA4B;IACpC,OAAO,EAAE,uBAAuB,CAAC;IACjC,CAAC,EAAE,SAAS,CAAC;IACb,cAAc,EAAE,CAAC,MAAM,EAAE,cAAc,KAAK,IAAI,CAAC;IACjD,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B;AA0BD,eAAO,MAAM,qBAAqB,GAAI,oDAKnC,4BAA4B,KAAG,QAAQ,EA4CzC,CAAC"}

package/dist/components/session/sessionMenuItems.js

@@ -10,6 +10,7 @@ export const SESSION_FILTER_CONFIGS = [
         filter: { status: SessionStatus.UNASSIGNED, tag: undefined },
         countSource: "status",
         teamOnly: true,
+        highlighted: true,
     },
     {
         key: SessionTag.SLOW_PROCESSING,

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

@@ -1,4 +1,4 @@
-import { type BotInputButtonsBlock } from "../../types/conversation";
+import { type BotInputButtonsBlock, type BotMainMenuItem } from "../../types/conversation";
 export type BotFlowStatus = "running" | "not_started";
 interface UseBotFlowParams {
     conversationId: string;
@@ -11,9 +11,15 @@ export declare const useBotFlow: ({ conversationId, isBotThread, }: UseBotFlowPa
     isProcessing: boolean;
     shouldShowButtons: boolean;
     currentButtonsBlock: BotInputButtonsBlock | null;
+    menuItems: import("../../types/conversation").BotButtonOption[];
+    isInCsSession: boolean;
+    pendingMenuOption: import("../../types/conversation").BotButtonOption | null;
     start: () => Promise<void>;
     selectButton: (actionId: string) => Promise<void>;
     restart: () => Promise<void>;
+    selectMenuOption: (item: BotMainMenuItem) => Promise<void>;
+    confirmEndCsSession: () => Promise<void>;
+    cancelMenuOption: () => void;
 };
 export {};
 //# sourceMappingURL=useBotFlow.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"useBotFlow.d.ts","sourceRoot":"","sources":["../../../src/hooks/conversation/useBotFlow.ts"],"names":[],"mappings":"AAKA,OAAO,EAKL,KAAK,oBAAoB,EAC1B,MAAM,sBAAsB,CAAC;AAa9B,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,aAAa,CAAC;AAEtD,UAAU,gBAAgB;IACxB,cAAc,EAAE,MAAM,CAAC;IACvB,WAAW,EAAE,OAAO,CAAC;CACtB;AAsBD,eAAO,MAAM,UAAU,GAAI,kCAGxB,gBAAgB;;;;;;;;6BAmHqB,MAAM;;CAkD7C,CAAC"}
+{"version":3,"file":"useBotFlow.d.ts","sourceRoot":"","sources":["../../../src/hooks/conversation/useBotFlow.ts"],"names":[],"mappings":"AAMA,OAAO,EAKL,KAAK,oBAAoB,EACzB,KAAK,eAAe,EACrB,MAAM,sBAAsB,CAAC;AAgB9B,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,aAAa,CAAC;AAEtD,UAAU,gBAAgB;IACxB,cAAc,EAAE,MAAM,CAAC;IACvB,WAAW,EAAE,OAAO,CAAC;CACtB;AAsBD,eAAO,MAAM,UAAU,GAAI,kCAGxB,gBAAgB;;;;;;;;;;;6BA+HqB,MAAM;;6BAkDN,eAAe;;;CA8CtD,CAAC"}

package/dist/hooks/conversation/useBotFlow.js

@@ -1,6 +1,7 @@
 "use client";
 import { useEffect, useRef, useState } from "react";
 import { useTranslation } from "react-i18next";
+import { message as toastMessage } from "antd";
 import { BotBlockType, BotFlowNodeType, BotStatus, } from "../../types/conversation";
 import { BOT_DEFAULT_BUTTON_ID } from "../../constants/botFlow";
 import { useSendMessage } from "../../hooks/message/useSendMessage";
@@ -8,10 +9,13 @@ import useAuthStore from "../../store/auth";
 import useConversationStore from "../../store/conversation";
 import emitter from "../../utils/events";
 import { resolveConversationBotId } from "../../utils/conversation";
+import { filterVisibleBotButtons, isInCsSession } from "../../utils/botFlow";
 import { useBotConversationDetail } from "./useBotConversationDetail";
 import { useBotDetail } from "./useBotDetail";
+import { useBotMainMenu } from "./useBotMainMenu";
 import { useRunBotFlow } from "./useRunBotFlow";
 import { useResetBotFlow } from "./useResetBotFlow";
+import { useCloseBotSession } from "./useCloseBotSession";
 const INITIAL_BOT_FLOW_STATE = {
     conversationId: "",
     flowCurrentStep: null,
@@ -27,7 +31,7 @@ const parseMessageFlowGroupId = (ex) => {
     }
 };
 export const useBotFlow = ({ conversationId, isBotThread, }) => {
-    var _a, _b;
+    var _a, _b, _c;
     const [botFlowState, setBotFlowState] = useState(INITIAL_BOT_FLOW_STATE);
     const { conversationId: storedConversationId, flowCurrentStep } = botFlowState;
     const isActiveConversation = storedConversationId === conversationId;
@@ -45,9 +49,13 @@ export const useBotFlow = ({ conversationId, isBotThread, }) => {
     const isBotInactive = ((_a = botDetailQuery.data) === null || _a === void 0 ? void 0 : _a.status) === BotStatus.INACTIVE;
     const runMutation = useRunBotFlow();
     const resetMutation = useResetBotFlow();
+    const closeSessionMutation = useCloseBotSession();
     const { sendMergeMessage } = useSendMessage({
         scrollEvent: "CONVERSATION_CHAT_SCROLL_TO_BOTTOM_IF_AT_BOTTOM",
     });
+    const [pendingMenuOption, setPendingMenuOption] = useState(null);
+    const menuQuery = useBotMainMenu(conversationId, isBotThread);
+    const menuItems = filterVisibleBotButtons((_b = menuQuery.data) !== null && _b !== void 0 ? _b : []);
     useEffect(() => {
         if (!isBotThread) {
             setBotFlowState(INITIAL_BOT_FLOW_STATE);
@@ -81,8 +89,11 @@ export const useBotFlow = ({ conversationId, isBotThread, }) => {
         };
     }, [authUserID]);
     const activeStep = storedConversationId === conversationId ? flowCurrentStep : null;
-    const currentButtonsBlock = (_b = activeStep === null || activeStep === void 0 ? void 0 : activeStep.data.children.find((child) => child.type === BotBlockType.InputButtons)) !== null && _b !== void 0 ? _b : null;
-    const isProcessing = runMutation.isPending || resetMutation.isPending;
+    const currentButtonsBlock = (_c = activeStep === null || activeStep === void 0 ? void 0 : activeStep.data.children.find((child) => child.type === BotBlockType.InputButtons)) !== null && _c !== void 0 ? _c : null;
+    const isInActiveCsSession = isInCsSession({ flowCurrentStep: activeStep });
+    const isProcessing = runMutation.isPending ||
+        resetMutation.isPending ||
+        closeSessionMutation.isPending;
     const shouldShowButtons = !!currentButtonsBlock && !isProcessing && !pendingGroupId;
     const status = (activeStep === null || activeStep === void 0 ? void 0 : activeStep.type) === BotFlowNodeType.Start ? "not_started" : "running";
     const runStep = async (step, actionId = null) => {
@@ -146,6 +157,45 @@ export const useBotFlow = ({ conversationId, isBotThread, }) => {
         const resetDetail = await resetMutation.mutateAsync(conversationId);
         await runStep(resetDetail.flowCurrentStep);
     };
+    const runMenuOption = async (item) => {
+        if (!activeStep)
+            return;
+        await sendMergeMessage({
+            plainText: item.label,
+            richText: "",
+            isInternal: false,
+            flow: { groupId: activeStep.id, childId: null, actionId: item.id },
+        });
+        await runStep(activeStep, item.id);
+    };
+    const selectMenuOption = async (item) => {
+        if (item.id === BOT_DEFAULT_BUTTON_ID) {
+            await restart();
+            return;
+        }
+        if (isInActiveCsSession) {
+            setPendingMenuOption(item);
+            return;
+        }
+        await runMenuOption(item);
+    };
+    const confirmEndCsSession = async () => {
+        if (!pendingMenuOption)
+            return;
+        const option = pendingMenuOption;
+        try {
+            await closeSessionMutation.mutateAsync(conversationId);
+            setPendingMenuOption(null);
+            await runMenuOption(option);
+        }
+        catch (_a) {
+            toastMessage.error(t("thread_detail.bot.cs_confirm.close_failed"));
+            setPendingMenuOption(null);
+        }
+    };
+    const cancelMenuOption = () => {
+        setPendingMenuOption(null);
+    };
     return {
         status,
         flowIsEnd,
@@ -153,8 +203,14 @@ export const useBotFlow = ({ conversationId, isBotThread, }) => {
         isProcessing,
         shouldShowButtons,
         currentButtonsBlock,
+        menuItems,
+        isInCsSession: isInActiveCsSession,
+        pendingMenuOption,
         start,
         selectButton,
         restart,
+        selectMenuOption,
+        confirmEndCsSession,
+        cancelMenuOption,
     };
 };

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

@@ -1,3 +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<import("../../types/conversation").BotButtonOption[], Error>;
 //# sourceMappingURL=useBotMainMenu.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"useBotMainMenu.d.ts","sourceRoot":"","sources":["../../../src/hooks/conversation/useBotMainMenu.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAE5D,eAAO,MAAM,gBAAgB,GAC3B,gBAAgB,MAAM,KACrB,OAAO,CAAC,eAAe,EAAE,CAK3B,CAAC"}
+{"version":3,"file":"useBotMainMenu.d.ts","sourceRoot":"","sources":["../../../src/hooks/conversation/useBotMainMenu.ts"],"names":[],"mappings":"AAKA,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,4GAMtE,CAAC"}

package/dist/hooks/conversation/useBotMainMenu.js

@@ -1,6 +1,15 @@
+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/useCloseBotSession.d.ts

@@ -0,0 +1,2 @@
+export declare const useCloseBotSession: () => import("@tanstack/react-query").UseMutationResult<void, Error, string, unknown>;
+//# sourceMappingURL=useCloseBotSession.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useCloseBotSession.d.ts","sourceRoot":"","sources":["../../../src/hooks/conversation/useCloseBotSession.ts"],"names":[],"mappings":"AAQA,eAAO,MAAM,kBAAkB,uFAS9B,CAAC"}

package/dist/hooks/conversation/useCloseBotSession.js

@@ -0,0 +1,13 @@
+"use client";
+import { useMutation } from "@tanstack/react-query";
+import { apiInstance } from "../../services/api";
+import { ENDPOINTS } from "../../services/routes";
+import { QUERY_KEYS } from "../../services/query";
+export const useCloseBotSession = () => {
+    return useMutation({
+        mutationKey: [QUERY_KEYS.CLOSE_BOT_SESSION],
+        mutationFn: async (conversationId) => {
+            await apiInstance.post(ENDPOINTS.chatService.closeBotSession(conversationId));
+        },
+    });
+};

package/dist/locales/vi/conversation-inbox.json

@@ -30,7 +30,19 @@
     "bot": {
       "start": "Bắt đầu",
       "restart": "Bắt đầu lại",
-      "inactive_notice": "Người dùng này không còn khả dụng"
+      "inactive_notice": "Người dùng này không còn khả dụng",
+      "menu": {
+        "title": "Gợi ý",
+        "trigger": "Gợi ý khác",
+        "open_menu": "Xem gợi ý khác"
+      },
+      "cs_confirm": {
+        "title": "Kết thúc phiên hỗ trợ",
+        "body": "Bạn đang trong phiên hỗ trợ với hỗ trợ viên, bạn có muốn <bold>kết thúc phiên hỗ trợ</bold> ngay bây giờ?",
+        "confirm": "Kết thúc",
+        "cancel": "Tiếp tục",
+        "close_failed": "Không thể kết thúc phiên hỗ trợ. Vui lòng thử lại."
+      }
     }
   },
   "link_preview": {

package/dist/screens/conversation-detail/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/screens/conversation-detail/index.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,kCAAkC,CAAC;AAQrF,OAAO,EAEL,KAAK,4BAA4B,EAClC,MAAM,6CAA6C,CAAC;AAGrD,MAAM,WAAW,4BACf,SAAQ,4BAA4B,EAClC,4BAA4B;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,QAAA,MAAM,uBAAuB,GAAI,wFAS9B,4BAA4B,mDA2G9B,CAAC;AAEF,eAAe,uBAAuB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/screens/conversation-detail/index.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,kCAAkC,CAAC;AAUrF,OAAO,EAEL,KAAK,4BAA4B,EAClC,MAAM,6CAA6C,CAAC;AAGrD,MAAM,WAAW,4BACf,SAAQ,4BAA4B,EAClC,4BAA4B;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,QAAA,MAAM,uBAAuB,GAAI,wFAS9B,4BAA4B,mDAwI9B,CAAC;AAEF,eAAe,uBAAuB,CAAC"}

package/dist/screens/conversation-detail/index.js

@@ -13,11 +13,12 @@ var __rest = (this && this.__rest) || function (s, e) {
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { usePathname, useRouter, useSearchParams } from "next/navigation";
 import { useTranslation } from "react-i18next";
+import { useBoolean } from "ahooks";
 import clsx from "clsx";
 import { Empty, Spin } from "antd";
 import useConversationStore from "../../store/conversation";
 import { ConversationMessageList, ConversationDetailHeader, ConversationDetailInput, PinnedMessageBar, } from "../../components/conversation-detail";
-import { BotButtonMessage, BotInactiveNotice, BotStartButton, BotSuggest, } from "../../components/conversation-detail/bot";
+import { BotButtonMessage, BotInactiveNotice, BotMenuSheet, BotStartButton, BotSuggest, CsSessionConfirmModal, } from "../../components/conversation-detail/bot";
 import { useBotFlow } from "../../hooks/conversation/useBotFlow";
 import { useResolveConversation, } from "../../hooks/conversation/useResolveConversation";
 import { isBotPeer } from "../../utils/conversation";
@@ -40,6 +41,8 @@ const DChatConversationDetail = (_a) => {
         conversationId: (_b = conversation === null || conversation === void 0 ? void 0 : conversation.conversationID) !== null && _b !== void 0 ? _b : "",
         isBotThread,
     });
+    const [isMenuOpen, { setTrue: openMenu, setFalse: closeMenu }] = useBoolean(false);
+    const hasMenuItems = botFlow.menuItems.length > 0;
     const handleBack = () => {
         const newSearchParams = new URLSearchParams(searchParams);
         newSearchParams.delete("threadId");
@@ -58,12 +61,12 @@ const DChatConversationDetail = (_a) => {
     }
     const isBotInactive = isBotThread && botFlow.isBotInactive;
     const isBotNotStarted = isBotThread && botFlow.status === "not_started";
-    const footer = isBotInactive ? (_jsx(BotInactiveNotice, {})) : isBotNotStarted ? (_jsx("div", { className: "bg-white p-6", children: _jsx(BotStartButton, { label: t("thread_detail.bot.start"), onClick: botFlow.start, disabled: botFlow.isProcessing }) })) : (_jsxs(_Fragment, { children: [isBotThread && (_jsx(BotSuggest, { disabled: botFlow.isProcessing, onRestart: botFlow.restart })), _jsx(ConversationDetailInput, Object.assign({}, inputProps))] }));
+    const footer = isBotInactive ? (_jsx(BotInactiveNotice, {})) : isBotNotStarted ? (_jsx("div", { className: "bg-white p-6", children: _jsx(BotStartButton, { label: t("thread_detail.bot.start"), onClick: botFlow.start, disabled: botFlow.isProcessing }) })) : (_jsxs(_Fragment, { children: [isBotThread && (_jsx(BotSuggest, { disabled: botFlow.isProcessing, showMenuTrigger: hasMenuItems, onRestart: botFlow.restart, onOpenMenu: openMenu })), _jsx(ConversationDetailInput, Object.assign({}, inputProps, { onOpenBotMenu: isBotThread && hasMenuItems ? openMenu : undefined }))] }));
     const botButtonsSlot = isBotThread &&
         !isBotInactive &&
         !botFlow.flowIsEnd &&
         botFlow.shouldShowButtons &&
         botFlow.currentButtonsBlock ? (_jsx(BotButtonMessage, { buttons: botFlow.currentButtonsBlock.data.buttons, disabled: botFlow.isProcessing, onSelect: botFlow.selectButton, onRestart: botFlow.restart })) : null;
-    return (_jsxs("div", { "data-testid": "conversation-detail-root", className: clsx("relative flex h-full w-full flex-col overflow-hidden bg-white", className), children: [_jsx(ConversationDetailHeader, { conversation: conversation, onBack: handleBack }), _jsx(PinnedMessageBar, {}), _jsx("div", { className: "flex min-h-0 flex-1 flex-col", children: children !== null && children !== void 0 ? children : _jsx(ConversationMessageList, { bottomSlot: botButtonsSlot }) }), footer] }));
+    return (_jsxs("div", { "data-testid": "conversation-detail-root", className: clsx("relative flex h-full w-full flex-col overflow-hidden bg-white", className), children: [_jsx(ConversationDetailHeader, { conversation: conversation, onBack: handleBack }), _jsx(PinnedMessageBar, {}), _jsx("div", { className: "flex min-h-0 flex-1 flex-col", children: children !== null && children !== void 0 ? children : _jsx(ConversationMessageList, { bottomSlot: botButtonsSlot }) }), footer, isBotThread && (_jsxs(_Fragment, { children: [_jsx(BotMenuSheet, { open: isMenuOpen, items: botFlow.menuItems, disabled: botFlow.isProcessing, onClose: closeMenu, onSelect: botFlow.selectMenuOption }), _jsx(CsSessionConfirmModal, { open: !!botFlow.pendingMenuOption, loading: botFlow.isProcessing, onCancel: botFlow.cancelMenuOption, onConfirm: botFlow.confirmEndCsSession })] }))] }));
 };
 export default DChatConversationDetail;

package/dist/services/query.d.ts

@@ -28,6 +28,8 @@ export declare const QUERY_KEYS: {
     GET_CONVERSATION_DETAIL: string;
     RUN_BOT_FLOW: string;
     RESET_BOT_FLOW: string;
+    CLOSE_BOT_SESSION: string;
+    GET_BOT_MAIN_MENU: string;
     GET_BOT_DETAIL: string;
     GET_CONVERSATION_BY_BOT_ID: string;
     LEAVE_CONVERSATION: string;

package/dist/services/query.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"query.d.ts","sourceRoot":"","sources":["../../src/services/query.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoCtB,CAAC"}
+{"version":3,"file":"query.d.ts","sourceRoot":"","sources":["../../src/services/query.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsCtB,CAAC"}

package/dist/services/query.js

@@ -28,6 +28,8 @@ export const QUERY_KEYS = {
     GET_CONVERSATION_DETAIL: "GET_CONVERSATION_DETAIL",
     RUN_BOT_FLOW: "RUN_BOT_FLOW",
     RESET_BOT_FLOW: "RESET_BOT_FLOW",
+    CLOSE_BOT_SESSION: "CLOSE_BOT_SESSION",
+    GET_BOT_MAIN_MENU: "GET_BOT_MAIN_MENU",
     GET_BOT_DETAIL: "GET_BOT_DETAIL",
     GET_CONVERSATION_BY_BOT_ID: "GET_CONVERSATION_BY_BOT_ID",
     LEAVE_CONVERSATION: "LEAVE_CONVERSATION",

package/dist/services/routes.d.ts

@@ -31,6 +31,7 @@ export declare const ENDPOINTS: {
         getConversationDetail: (conversationId: string) => string;
         runBotFlow: (conversationId: string) => string;
         resetBotFlow: (conversationId: string) => string;
+        closeBotSession: (conversationId: string) => string;
         getBotMainMenu: (conversationId: string) => string;
         getBotDetail: (botId: string) => string;
         getConversationByBotId: (botId: string) => string;

package/dist/services/routes.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"routes.d.ts","sourceRoot":"","sources":["../../src/services/routes.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,SAAS;;;;;;mCAMS,MAAM;;0CAGC,MAAM,UAAU,MAAM;6BAEnC,MAAM;;oDAEiB,MAAM;uCAEnB,MAAM;kCAEX,MAAM;;oCAGJ,MAAM;mCAEP,MAAM;uCAEF,MAAM;;;;;;;;iCASZ,MAAM;4CAEK,MAAM;;;;gDAKF,MAAM;qCAEjB,MAAM;uCAEJ,MAAM;yCAEJ,MAAM;8BAEjB,MAAM;wCACI,MAAM;;;;;;;;;CAUzC,CAAC"}
+{"version":3,"file":"routes.d.ts","sourceRoot":"","sources":["../../src/services/routes.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,SAAS;;;;;;mCAMS,MAAM;;0CAGC,MAAM,UAAU,MAAM;6BAEnC,MAAM;;oDAEiB,MAAM;uCAEnB,MAAM;kCAEX,MAAM;;oCAGJ,MAAM;mCAEP,MAAM;uCAEF,MAAM;;;;;;;;iCASZ,MAAM;4CAEK,MAAM;;;;gDAKF,MAAM;qCAEjB,MAAM;uCAEJ,MAAM;0CAEH,MAAM;yCAEP,MAAM;8BAEjB,MAAM;wCACI,MAAM;;;;;;;;;CAUzC,CAAC"}

package/dist/services/routes.js

@@ -31,6 +31,7 @@ export const ENDPOINTS = {
         getConversationDetail: (conversationId) => `/chat-service/v1/app/conversations/${conversationId}`,
         runBotFlow: (conversationId) => `/chat-service/v1/app/conversations/${conversationId}/bot-flows/run`,
         resetBotFlow: (conversationId) => `/chat-service/v1/app/conversations/${conversationId}/bot-flows/reset`,
+        closeBotSession: (conversationId) => `/chat-service/v1/app/conversations/${conversationId}/session/close`,
         getBotMainMenu: (conversationId) => `/chat-service/v1/app/conversations/${conversationId}/bot-flows/main-menu`,
         getBotDetail: (botId) => `/chat-service/v1/app/bots/${botId}`,
         getConversationByBotId: (botId) => `/chat-service/v1/app/bots/${botId}/conversation`,