@droppii-org/chat-sdk 0.1.52 → 0.1.54

package/dist/components/biz-thread-detail/BizMessageList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BizMessageList.d.ts","sourceRoot":"","sources":["../../../src/components/biz-thread-detail/BizMessageList.tsx"],"names":[],"mappings":"AAgBA,QAAA,MAAM,cAAc,+CAwEnB,CAAC;AAEF,eAAe,cAAc,CAAC"}
+{"version":3,"file":"BizMessageList.d.ts","sourceRoot":"","sources":["../../../src/components/biz-thread-detail/BizMessageList.tsx"],"names":[],"mappings":"AAkBA,QAAA,MAAM,cAAc,+CAuFnB,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/components/biz-thread-detail/BizMessageList.js

@@ -11,11 +11,15 @@ import useBizConversationStore from "../../store/bizConversation";
 import useConversationStore from "../../store/conversation";
 import useAuthStore from "../../store/auth";
 import { isBizGroupChat } from "../../utils/bizConversation";
+import { buildBotButtonsMessage } from "../../constants/botFlow";
 import emitter from "../../utils/events";
 import MessageItem from "../../components/message/item";
+import { useBotFlowContext } from "./bot";
 const BizMessageList = () => {
+    var _a, _b;
     const { t } = useTranslation("biz-inbox");
     const { user } = useChatContext();
+    const { buttons, disabled } = useBotFlowContext();
     const authUserID = useAuthStore((state) => state.userID);
     const conversation = useBizConversationStore((state) => state.conversationData);
     const selectedConversationId = useConversationStore((state) => state.selectedConversationId);
@@ -25,12 +29,23 @@ const BizMessageList = () => {
     const { scrollRef, loadMoreOldMessage, handleInfiniteScroll, scrollToBottomIfAtBottom, } = useMessageListScroll(Object.assign({ conversationId, userId: (user === null || user === void 0 ? void 0 : user.userID) || authUserID }, messageController));
     const { loadState, moreOldLoading } = messageController;
     const isMessageLoading = !conversationId || loadState.initLoading;
+    const botSenderId = ((_a = loadState.messageList.find((message) => message.sendID !== authUserID)) === null || _a === void 0 ? void 0 : _a.sendID) ||
+        ((_b = conversation === null || conversation === void 0 ? void 0 : conversation.peer) === null || _b === void 0 ? void 0 : _b.id) ||
+        "";
+    const botButtonsMessage = buttons.length > 0 && !disabled
+        ? buildBotButtonsMessage({
+            sendID: botSenderId,
+        })
+        : null;
+    const renderedMessages = botButtonsMessage
+        ? [botButtonsMessage, ...loadState.messageList]
+        : loadState.messageList;
     useEffect(() => {
         emitter.on("BIZ_CHAT_SCROLL_TO_BOTTOM_IF_AT_BOTTOM", scrollToBottomIfAtBottom);
         return () => {
             emitter.off("BIZ_CHAT_SCROLL_TO_BOTTOM_IF_AT_BOTTOM", scrollToBottomIfAtBottom);
         };
     }, [scrollToBottomIfAtBottom]);
-    return (_jsx("div", { "data-testid": "biz-message-list", className: "relative flex min-h-0 min-w-0 flex-1 flex-col overflow-x-hidden bg-white", children: isMessageLoading ? (_jsx("div", { className: "flex flex-1 items-center justify-center py-12", children: _jsx(Spin, {}) })) : (_jsx(MessageInfiniteScroll, { scrollRef: scrollRef, scrollableTargetId: "scrollableBizMessagesDiv", loadState: loadState, moreOldLoading: moreOldLoading, onLoadMoreOld: loadMoreOldMessage, onScroll: handleInfiniteScroll, containerClassName: "h-full", empty: _jsx("div", { className: "flex flex-1 items-center justify-center py-12", children: _jsx(Empty, { description: t("empty.no_messages") }) }), children: loadState.messageList.map((message, _, array) => (_jsx(MessageItem, { message: message, allMessages: array, isGroupChat: isGroupChat }, message.clientMsgID))) })) }));
+    return (_jsx("div", { "data-testid": "biz-message-list", className: "relative flex min-h-0 min-w-0 flex-1 flex-col overflow-x-hidden bg-white", children: isMessageLoading ? (_jsx("div", { className: "flex flex-1 items-center justify-center py-12", children: _jsx(Spin, {}) })) : (_jsx(MessageInfiniteScroll, { scrollRef: scrollRef, scrollableTargetId: "scrollableBizMessagesDiv", loadState: loadState, moreOldLoading: moreOldLoading, onLoadMoreOld: loadMoreOldMessage, onScroll: handleInfiniteScroll, containerClassName: "h-full", empty: _jsx("div", { className: "flex flex-1 items-center justify-center py-12", children: _jsx(Empty, { description: t("empty.no_messages") }) }), children: renderedMessages.map((message, _index, array) => (_jsx(MessageItem, { message: message, allMessages: array, isGroupChat: isGroupChat }, message.clientMsgID))) })) }));
 };
 export default BizMessageList;

package/dist/components/biz-thread-detail/bot/BotButtonMessage.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"BotButtonMessage.d.ts","sourceRoot":"","sources":["../../../../src/components/biz-thread-detail/bot/BotButtonMessage.tsx"],"names":[],"mappings":"AAaA,QAAA,MAAM,gBAAgB,+CAmErB,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/dist/components/biz-thread-detail/bot/BotButtonMessage.js

@@ -0,0 +1,29 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import clsx from "clsx";
+import { useTranslation } from "react-i18next";
+import { Icon } from "../../../components/icon";
+import { BOT_BUTTON_MENU_THRESHOLD, BOT_DEFAULT_BUTTON_ID, } from "../../../constants/botFlow";
+import { useBotFlowContext } from "./BotFlowContext";
+const CHEVRON_SIZE = 20;
+const BotButtonMessage = () => {
+    const { t } = useTranslation("biz-inbox");
+    const { buttons, disabled, onSelect, onRestart } = useBotFlowContext();
+    const isMenuStyle = buttons.length > BOT_BUTTON_MENU_THRESHOLD;
+    const handleSelect = (actionId) => {
+        if (disabled)
+            return;
+        if (actionId === BOT_DEFAULT_BUTTON_ID) {
+            onRestart();
+            return;
+        }
+        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
+                        ? 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
+                    ? t("thread_detail.bot.restart")
+                    : option.label }) }, option.id))) }));
+    return optionsNode;
+};
+export default BotButtonMessage;

package/dist/components/biz-thread-detail/bot/BotFlowContext.d.ts

@@ -0,0 +1,10 @@
+import type { BotButtonOption } from "../../../types/biz";
+export interface BotFlowContextValue {
+    buttons: BotButtonOption[];
+    disabled: boolean;
+    onSelect: (actionId: string) => void;
+    onRestart: () => void;
+}
+export declare const BotFlowProvider: import("react").Provider<BotFlowContextValue>;
+export declare const useBotFlowContext: () => BotFlowContextValue;
+//# sourceMappingURL=BotFlowContext.d.ts.map

package/dist/components/biz-thread-detail/bot/BotFlowContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BotFlowContext.d.ts","sourceRoot":"","sources":["../../../../src/components/biz-thread-detail/bot/BotFlowContext.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAEnD,MAAM,WAAW,mBAAmB;IAClC,OAAO,EAAE,eAAe,EAAE,CAAC;IAC3B,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,SAAS,EAAE,MAAM,IAAI,CAAC;CACvB;AAWD,eAAO,MAAM,eAAe,+CAA0B,CAAC;AAEvD,eAAO,MAAM,iBAAiB,2BAAmC,CAAC"}

package/dist/components/biz-thread-detail/bot/BotFlowContext.js

@@ -0,0 +1,11 @@
+"use client";
+import { createContext, useContext } from "react";
+const noop = () => { };
+const BotFlowContext = createContext({
+    buttons: [],
+    disabled: false,
+    onSelect: noop,
+    onRestart: noop,
+});
+export const BotFlowProvider = BotFlowContext.Provider;
+export const useBotFlowContext = () => useContext(BotFlowContext);

package/dist/components/biz-thread-detail/bot/BotStartButton.d.ts

@@ -0,0 +1,8 @@
+export interface BotStartButtonProps {
+    label: string;
+    onClick: () => void;
+    disabled?: boolean;
+}
+declare const BotStartButton: ({ label, onClick, disabled }: BotStartButtonProps) => import("react/jsx-runtime").JSX.Element;
+export default BotStartButton;
+//# sourceMappingURL=BotStartButton.d.ts.map

package/dist/components/biz-thread-detail/bot/BotStartButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BotStartButton.d.ts","sourceRoot":"","sources":["../../../../src/components/biz-thread-detail/bot/BotStartButton.tsx"],"names":[],"mappings":"AAOA,MAAM,WAAW,mBAAmB;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,QAAA,MAAM,cAAc,GAAI,8BAA8B,mBAAmB,4CAkBxE,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/components/biz-thread-detail/bot/BotStartButton.js

@@ -0,0 +1,11 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import clsx from "clsx";
+import { Icon } from "../../../components/icon";
+const ICON_SIZE = 20;
+const BotStartButton = ({ label, onClick, disabled }) => {
+    return (_jsxs("button", { type: "button", onClick: onClick, disabled: disabled, className: clsx("flex h-12 w-full items-center justify-center gap-2 rounded-lg", "text-[16px] font-medium leading-[1.6] text-white transition-colors", disabled
+            ? "cursor-not-allowed bg-primary-400/60"
+            : "bg-primary-400 active:bg-primary-400/90"), children: [_jsx(Icon, { icon: "chat-square-o", size: ICON_SIZE, className: "text-white" }), _jsx("span", { children: label })] }));
+};
+export default BotStartButton;

package/dist/components/biz-thread-detail/bot/index.d.ts

@@ -0,0 +1,6 @@
+export { default as BotStartButton } from "./BotStartButton";
+export type { BotStartButtonProps } from "./BotStartButton";
+export { default as BotButtonMessage } from "./BotButtonMessage";
+export { BotFlowProvider, useBotFlowContext } from "./BotFlowContext";
+export type { BotFlowContextValue } from "./BotFlowContext";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/biz-thread-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;AAEjE,OAAO,EAAE,eAAe,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AACtE,YAAY,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC"}

package/dist/components/biz-thread-detail/bot/index.js

@@ -0,0 +1,3 @@
+export { default as BotStartButton } from "./BotStartButton";
+export { default as BotButtonMessage } from "./BotButtonMessage";
+export { BotFlowProvider, useBotFlowContext } from "./BotFlowContext";

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/message/footer/index.tsx"],"names":[],"mappings":"AAiBA,OAAO,EAEL,wBAAwB,EAEzB,MAAM,cAAc,CAAC;AAStB,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAkB/C,UAAU,kBAAkB;IAC1B,cAAc,CAAC,EAAE,gBAAgB,CAAC;IAClC,qBAAqB,CAAC,EAAE,MAAM,IAAI,CAAC;CACpC;AASD,eAAO,MAAM,oBAAoB,mDAY/B,CAAC;AAEH,eAAO,MAAM,uBAAuB,gCAAyC,CAAC;AAE9E,QAAA,MAAM,qBAAqB,GAAI,4CAG5B,kBAAkB,4CAuSpB,CAAC;AAEF,eAAe,qBAAqB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/message/footer/index.tsx"],"names":[],"mappings":"AAiBA,OAAO,EAEL,wBAAwB,EAEzB,MAAM,cAAc,CAAC;AAStB,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAkB/C,UAAU,kBAAkB;IAC1B,cAAc,CAAC,EAAE,gBAAgB,CAAC;IAClC,qBAAqB,CAAC,EAAE,MAAM,IAAI,CAAC;CACpC;AASD,eAAO,MAAM,oBAAoB,mDAY/B,CAAC;AAEH,eAAO,MAAM,uBAAuB,gCAAyC,CAAC;AAE9E,QAAA,MAAM,qBAAqB,GAAI,4CAG5B,kBAAkB,4CAsSpB,CAAC;AAEF,eAAe,qBAAqB,CAAC"}

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

@@ -80,7 +80,6 @@ const MessageFooterProvider = ({ currentSession, openCreateCannedModal, }) => {
         if (!showLinkPreview || !previewUrl || !previewMetadata)
             return undefined;
         return {
-            url: previewUrl,
             title: previewMetadata.title,
             description: previewMetadata.description,
             image: previewMetadata.image,

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

@@ -1,7 +1,8 @@
 import type { UrlMetadataInfo } from "../../../types/chat";
 export interface LinkCardProps {
     metadata: UrlMetadataInfo;
+    url?: string;
 }
-declare const LinkCard: ({ metadata }: LinkCardProps) => import("react/jsx-runtime").JSX.Element | null;
+declare const LinkCard: ({ metadata, url }: LinkCardProps) => import("react/jsx-runtime").JSX.Element | null;
 export default LinkCard;
 //# sourceMappingURL=LinkCard.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"LinkCard.d.ts","sourceRoot":"","sources":["../../../../src/components/message/item/LinkCard.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAEpD,MAAM,WAAW,aAAa;IAC5B,QAAQ,EAAE,eAAe,CAAC;CAC3B;AAED,QAAA,MAAM,QAAQ,GAAI,cAAc,aAAa,mDA0C5C,CAAC;AAEF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"LinkCard.d.ts","sourceRoot":"","sources":["../../../../src/components/message/item/LinkCard.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAEpD,MAAM,WAAW,aAAa;IAC5B,QAAQ,EAAE,eAAe,CAAC;IAC1B,GAAG,CAAC,EAAE,MAAM,CAAC;CACd;AAED,QAAA,MAAM,QAAQ,GAAI,mBAAmB,aAAa,mDA6CjD,CAAC;AAEF,eAAe,QAAQ,CAAC"}

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

@@ -3,15 +3,17 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useTranslation } from "react-i18next";
 import { getHostLabel } from "../../../utils/link";
 import { openLink } from "../../../utils/openLink";
-const LinkCard = ({ metadata }) => {
+const LinkCard = ({ metadata, url }) => {
     const { t } = useTranslation("biz-inbox");
-    const { url, title, description, image } = metadata;
+    const { title, description, image } = metadata;
     if (!title && !description && !image) {
         return null;
     }
     const handleOpen = () => {
+        if (!url)
+            return;
         openLink(url, t);
     };
-    return (_jsxs("button", { type: "button", onClick: handleOpen, "data-testid": "link-message-card", className: "flex w-full max-w-[292px] flex-col overflow-hidden rounded-[12px] border border-gray-900/10 bg-white text-left", children: [image && (_jsx("div", { className: "aspect-[16/9] w-full overflow-hidden", children: _jsx("img", { src: image, alt: "", className: "h-full w-full object-cover" }) })), _jsxs("div", { className: "flex flex-col px-3 py-2", children: [title && (_jsx("p", { className: "truncate text-[14px] font-medium leading-[1.6] text-gray-900", children: title })), _jsx("p", { className: "truncate text-[12px] font-medium leading-[1.6] tracking-[0.12px] text-primary-400", children: getHostLabel(url) }), description && (_jsx("p", { className: "line-clamp-2 text-[12px] leading-[1.6] text-gray-600", children: description }))] })] }));
+    return (_jsxs("button", { type: "button", onClick: handleOpen, "data-testid": "link-message-card", className: "flex w-full max-w-[292px] flex-col overflow-hidden rounded-[12px] border border-gray-900/10 bg-white text-left", children: [image && (_jsx("div", { className: "aspect-[16/9] w-full overflow-hidden", children: _jsx("img", { src: image, alt: "", className: "h-full w-full object-cover" }) })), _jsxs("div", { className: "flex flex-col px-3 py-2", children: [title && (_jsx("p", { className: "truncate text-[14px] font-medium leading-[1.6] text-gray-900", children: title })), url && (_jsx("p", { className: "truncate text-[12px] font-medium leading-[1.6] tracking-[0.12px] text-primary-400", children: getHostLabel(url) })), description && (_jsx("p", { className: "line-clamp-2 text-[12px] leading-[1.6] text-gray-600", children: description }))] })] }));
 };
 export default LinkCard;

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

@@ -1 +1 @@
-{"version":3,"file":"UrlTextMessage.d.ts","sourceRoot":"","sources":["../../../../src/components/message/item/UrlTextMessage.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAatD,UAAU,uBAAuB;IAC/B,OAAO,EAAE,WAAW,CAAC;CACtB;AAED,QAAA,MAAM,kBAAkB,GAAI,OAAO,uBAAuB,4CA6DzD,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
+{"version":3,"file":"UrlTextMessage.d.ts","sourceRoot":"","sources":["../../../../src/components/message/item/UrlTextMessage.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAatD,UAAU,uBAAuB;IAC/B,OAAO,EAAE,WAAW,CAAC;CACtB;AAED,QAAA,MAAM,kBAAkB,GAAI,OAAO,uBAAuB,4CAuEzD,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

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

@@ -6,7 +6,7 @@ import LinkText from "./LinkText";
 import LinkCard from "./LinkCard";
 import { MESSAGE_TEXT_CLASS } from "./textStyle";
 const UrlTextMessageItem = (props) => {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
     const { message } = props;
     let extendMessageInfo = null;
     try {
@@ -17,18 +17,21 @@ const UrlTextMessageItem = (props) => {
         console.error("Failed to parse extendMessageInfo", error);
     }
     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) || "";
+    const urlMetadata = extendMessageInfo === null || extendMessageInfo === void 0 ? void 0 : extendMessageInfo.urlMetadata;
+    const metadataUrl = (_d = (_c = message === null || message === void 0 ? void 0 : message.urlTextElem) === null || _c === void 0 ? void 0 : _c.urls) === null || _d === void 0 ? void 0 : _d[0];
+    const hasUrlMetadata = !!(urlMetadata &&
+        (urlMetadata.title || urlMetadata.description || urlMetadata.image));
     if (richHtmlContent && htmlHasFormatting(richHtmlContent)) {
         const sanitizedContent = sanitizeHtml(wrapLinksInHtml(richHtmlContent));
-        return (_jsx("div", { className: clsx("break-normal whitespace-pre-line flex-1", MESSAGE_TEXT_CLASS), style: { overflowWrap: "anywhere" }, dangerouslySetInnerHTML: { __html: sanitizedContent } }));
+        return (_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx("div", { className: clsx("break-normal whitespace-pre-line flex-1", MESSAGE_TEXT_CLASS), style: { overflowWrap: "anywhere" }, dangerouslySetInnerHTML: { __html: sanitizedContent } }), hasUrlMetadata && urlMetadata && (_jsx(LinkCard, { metadata: urlMetadata, url: metadataUrl }))] }));
     }
-    const text = (_h = (_g = (_f = (_d = (_c = message === null || message === void 0 ? void 0 : message.textElem) === null || _c === void 0 ? void 0 : _c.content) !== null && _d !== void 0 ? _d : (_e = message === null || message === void 0 ? void 0 : message.urlTextElem) === null || _e === void 0 ? void 0 : _e.content) !== null && _f !== void 0 ? _f : message === null || message === void 0 ? void 0 : message.content) !== null && _g !== void 0 ? _g : stripHtml(richHtmlContent)) !== null && _h !== void 0 ? _h : "";
-    const urlMetadata = extendMessageInfo === null || extendMessageInfo === void 0 ? void 0 : extendMessageInfo.urlMetadata;
-    if (urlMetadata === null || urlMetadata === void 0 ? void 0 : urlMetadata.url) {
-        return (_jsxs("div", { className: "flex max-w-[292px] flex-col gap-2", children: [text && _jsx(LinkText, { text: text }), _jsx(LinkCard, { metadata: urlMetadata })] }));
+    const text = (_k = (_j = (_h = (_f = (_e = message === null || message === void 0 ? void 0 : message.textElem) === null || _e === void 0 ? void 0 : _e.content) !== null && _f !== void 0 ? _f : (_g = message === null || message === void 0 ? void 0 : message.urlTextElem) === null || _g === void 0 ? void 0 : _g.content) !== null && _h !== void 0 ? _h : message === null || message === void 0 ? void 0 : message.content) !== null && _j !== void 0 ? _j : stripHtml(richHtmlContent)) !== null && _k !== void 0 ? _k : "";
+    if (hasUrlMetadata && urlMetadata) {
+        return (_jsxs("div", { className: "flex max-w-[292px] flex-col gap-2", children: [text && _jsx(LinkText, { text: text }), _jsx(LinkCard, { metadata: urlMetadata, url: metadataUrl })] }));
     }
     if (text) {
         return _jsx(LinkText, { text: text });
     }
-    return (_jsx("span", { className: clsx("break-normal whitespace-pre-line flex-1", MESSAGE_TEXT_CLASS), style: { overflowWrap: "anywhere" }, children: ((_k = (_j = message === null || message === void 0 ? void 0 : message.urlTextElem) === null || _j === void 0 ? void 0 : _j.urls) === null || _k === void 0 ? void 0 : _k[0]) || "" }));
+    return (_jsx("span", { className: clsx("break-normal whitespace-pre-line flex-1", MESSAGE_TEXT_CLASS), style: { overflowWrap: "anywhere" }, children: ((_m = (_l = message === null || message === void 0 ? void 0 : message.urlTextElem) === null || _l === void 0 ? void 0 : _l.urls) === null || _m === void 0 ? void 0 : _m[0]) || "" }));
 };
 export default UrlTextMessageItem;

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;AA6BjC,UAAU,gBAAgB;IACxB,OAAO,EAAE,eAAe,CAAC;IACzB,WAAW,EAAE,eAAe,EAAE,CAAC;IAC/B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,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;CACrD;AAeD,QAAA,MAAM,WAAW,GAAI,wIASlB,gBAAgB,mDA+QlB,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;AA+BjC,UAAU,gBAAgB;IACxB,OAAO,EAAE,eAAe,CAAC;IACzB,WAAW,EAAE,eAAe,EAAE,CAAC;IAC/B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,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;CACrD;AAeD,QAAA,MAAM,WAAW,GAAI,wIASlB,gBAAgB,mDAkRlB,CAAC;AAEF,eAAe,WAAW,CAAC"}

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

@@ -25,6 +25,8 @@ import RevokeMessageItem from "./RevokeMessage";
 import QuoteMessageItem from "./QuoteMessage";
 import SystemLogMessageItem from "./SystemLogMessage";
 import { isSystemLogMessageType } from "../../../utils/messageLog";
+import { BOT_BUTTONS_MESSAGE_TYPE } from "../../../constants/botFlow";
+import BotButtonMessage from "../../../components/biz-thread-detail/bot/BotButtonMessage";
 const MessageAvatar = ({ avatarUrl }) => avatarUrl ? (_jsx("img", { src: avatarUrl, alt: "", className: "h-6 w-6 shrink-0 self-end rounded-full object-cover" })) : (_jsx("div", { className: "flex h-6 w-6 shrink-0 items-center justify-center self-end rounded-full bg-chat-avatar", children: _jsx(Icon, { icon: "droppii-o-1", size: 14, className: "text-white" }) }));
 const MessageItem = ({ message, allMessages, isGroupChat = false, contextMenuOpen, onContextMenuOpenChange, onRevokeMessage, onQuoteMessage, onPressQuoteMessage, }) => {
     var _a;
@@ -52,6 +54,8 @@ const MessageItem = ({ message, allMessages, isGroupChat = false, contextMenuOpe
                 return _jsx(SystemLogMessageItem, { message: item });
             case MessageType.RevokeMessage:
                 return _jsx(RevokeMessageItem, {});
+            case BOT_BUTTONS_MESSAGE_TYPE:
+                return _jsx(BotButtonMessage, {});
             default:
                 return _jsx(TextMessageItem, { message: item });
         }
@@ -69,6 +73,7 @@ const MessageItem = ({ message, allMessages, isGroupChat = false, contextMenuOpe
     }, [userID, message]);
     const contextMenuItems = useMemo(() => {
         if ((message === null || message === void 0 ? void 0 : message.contentType) === MessageType.RevokeMessage ||
+            (message === null || message === void 0 ? void 0 : message.contentType) === BOT_BUTTONS_MESSAGE_TYPE ||
             isSystemLogMessageType(message === null || message === void 0 ? void 0 : message.contentType)) {
             return [];
         }

package/dist/constants/botFlow.d.ts

@@ -0,0 +1,8 @@
+import { MessageItem, MessageType } from "@openim/wasm-client-sdk";
+export declare const BOT_DEFAULT_BUTTON_ID = "default-item-button";
+export declare const BOT_BUTTON_MENU_THRESHOLD = 3;
+export declare const BOT_BUTTONS_MESSAGE_TYPE: MessageType;
+export declare const buildBotButtonsMessage: ({ sendID, }: {
+    sendID: string;
+}) => MessageItem;
+//# sourceMappingURL=botFlow.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"botFlow.d.ts","sourceRoot":"","sources":["../../src/constants/botFlow.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,WAAW,EAEX,WAAW,EACZ,MAAM,yBAAyB,CAAC;AAEjC,eAAO,MAAM,qBAAqB,wBAAwB,CAAC;AAE3D,eAAO,MAAM,yBAAyB,IAAI,CAAC;AAE3C,eAAO,MAAM,wBAAwB,EAAwB,WAAW,CAAC;AAEzE,eAAO,MAAM,sBAAsB,GAAI,aAEpC;IACD,MAAM,EAAE,MAAM,CAAC;CAChB,KAAG,WAS0B,CAAC"}

package/dist/constants/botFlow.js

@@ -0,0 +1,13 @@
+import { MessageStatus, } from "@openim/wasm-client-sdk";
+export const BOT_DEFAULT_BUTTON_ID = "default-item-button";
+export const BOT_BUTTON_MENU_THRESHOLD = 3;
+export const BOT_BUTTONS_MESSAGE_TYPE = 990001;
+export const buildBotButtonsMessage = ({ sendID, }) => ({
+    clientMsgID: "bot-buttons",
+    contentType: BOT_BUTTONS_MESSAGE_TYPE,
+    sendID,
+    sendTime: Date.now(),
+    status: MessageStatus.Succeed,
+    isInternal: false,
+    ex: "",
+});

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

@@ -0,0 +1,16 @@
+import { type BotInputButtonsBlock } from "../../types/biz";
+export type BotFlowStatus = "idle" | "not_started" | "running" | "waiting" | "ended";
+interface UseBotFlowParams {
+    conversationId: string;
+    isBotThread: boolean;
+}
+export declare const useBotFlow: ({ conversationId, isBotThread, }: UseBotFlowParams) => {
+    status: "running" | "not_started";
+    isProcessing: boolean;
+    currentButtonsBlock: BotInputButtonsBlock | null;
+    start: () => Promise<void>;
+    selectButton: (actionId: string) => Promise<void>;
+    restart: () => Promise<void>;
+};
+export {};
+//# sourceMappingURL=useBotFlow.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useBotFlow.d.ts","sourceRoot":"","sources":["../../../src/hooks/biz/useBotFlow.ts"],"names":[],"mappings":"AAGA,OAAO,EAIL,KAAK,oBAAoB,EAC1B,MAAM,aAAa,CAAC;AAKrB,MAAM,MAAM,aAAa,GACrB,MAAM,GACN,aAAa,GACb,SAAS,GACT,SAAS,GACT,OAAO,CAAC;AAEZ,UAAU,gBAAgB;IACxB,cAAc,EAAE,MAAM,CAAC;IACvB,WAAW,EAAE,OAAO,CAAC;CACtB;AAYD,eAAO,MAAM,UAAU,GAAI,kCAGxB,gBAAgB;;;;;6BA0DqB,MAAM;;CAkB7C,CAAC"}

package/dist/hooks/biz/useBotFlow.js

@@ -0,0 +1,68 @@
+"use client";
+import { useEffect, useState } from "react";
+import { BotBlockType, BotFlowNodeType, } from "../../types/biz";
+import { useConversationDetail } from "./useConversationDetail";
+import { useRunBotFlow } from "./useRunBotFlow";
+import { useResetBotFlow } from "./useResetBotFlow";
+const INITIAL_BOT_FLOW_STATE = {
+    conversationId: "",
+    flowCurrentStep: null,
+};
+export const useBotFlow = ({ conversationId, isBotThread, }) => {
+    var _a;
+    const [botFlowState, setBotFlowState] = useState(INITIAL_BOT_FLOW_STATE);
+    const { conversationId: storedConversationId, flowCurrentStep, } = botFlowState;
+    const detailQuery = useConversationDetail(conversationId, isBotThread);
+    const runMutation = useRunBotFlow();
+    const resetMutation = useResetBotFlow();
+    useEffect(() => {
+        if (!isBotThread) {
+            setBotFlowState(INITIAL_BOT_FLOW_STATE);
+            return;
+        }
+        if (detailQuery.data) {
+            setBotFlowState({
+                conversationId,
+                flowCurrentStep: detailQuery.data.flowCurrentStep,
+            });
+        }
+    }, [isBotThread, conversationId, detailQuery.data]);
+    const activeStep = storedConversationId === conversationId ? flowCurrentStep : null;
+    const currentButtonsBlock = (_a = activeStep === null || activeStep === void 0 ? void 0 : activeStep.data.children.find((child) => child.type === BotBlockType.InputButtons)) !== null && _a !== void 0 ? _a : null;
+    const isProcessing = runMutation.isPending || resetMutation.isPending;
+    const status = (activeStep === null || activeStep === void 0 ? void 0 : activeStep.type) === BotFlowNodeType.Start ? "not_started" : "running";
+    const runStep = async (step, actionId = null) => {
+        const result = await runMutation.mutateAsync({
+            conversationId,
+            groupId: step.id,
+            childId: null,
+            actionId,
+        });
+        setBotFlowState({
+            conversationId,
+            flowCurrentStep: result.flowNextStep,
+        });
+    };
+    const start = async () => {
+        if (!activeStep)
+            return;
+        await runStep(activeStep);
+    };
+    const selectButton = async (actionId) => {
+        if (!activeStep)
+            return;
+        await runStep(activeStep, actionId);
+    };
+    const restart = async () => {
+        const resetDetail = await resetMutation.mutateAsync(conversationId);
+        await runStep(resetDetail.flowCurrentStep);
+    };
+    return {
+        status,
+        isProcessing,
+        currentButtonsBlock,
+        start,
+        selectButton,
+        restart,
+    };
+};

package/dist/hooks/biz/useConversationDetail.d.ts

@@ -0,0 +1,3 @@
+import type { BizBotConversationDetail } from "../../types/biz";
+export declare const useConversationDetail: (conversationId: string, enabled: boolean) => import("@tanstack/react-query").UseQueryResult<BizBotConversationDetail, Error>;
+//# sourceMappingURL=useConversationDetail.d.ts.map

package/dist/hooks/biz/useConversationDetail.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useConversationDetail.d.ts","sourceRoot":"","sources":["../../../src/hooks/biz/useConversationDetail.ts"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,aAAa,CAAC;AAE5D,eAAO,MAAM,qBAAqB,GAChC,gBAAgB,MAAM,EACtB,SAAS,OAAO,oFAejB,CAAC"}

package/dist/hooks/biz/useConversationDetail.js

@@ -0,0 +1,18 @@
+"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 useConversationDetail = (conversationId, enabled) => {
+    return useQuery({
+        queryKey: [QUERY_KEYS.GET_BIZ_CONVERSATION_DETAIL, conversationId],
+        queryFn: async () => {
+            const res = await apiInstance.get(ENDPOINTS.chatService.getBizConversationDetail(conversationId));
+            return res.data.data;
+        },
+        enabled: enabled && !!conversationId,
+        staleTime: 0,
+        refetchOnWindowFocus: false,
+        refetchOnReconnect: false,
+    });
+};

package/dist/hooks/biz/useResetBotFlow.d.ts

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

package/dist/hooks/biz/useResetBotFlow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useResetBotFlow.d.ts","sourceRoot":"","sources":["../../../src/hooks/biz/useResetBotFlow.ts"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,aAAa,CAAC;AAE5D,eAAO,MAAM,eAAe,2GAY3B,CAAC"}

package/dist/hooks/biz/useResetBotFlow.js

@@ -0,0 +1,14 @@
+"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 useResetBotFlow = () => {
+    return useMutation({
+        mutationKey: [QUERY_KEYS.RESET_BOT_FLOW],
+        mutationFn: async (conversationId) => {
+            const res = await apiInstance.post(ENDPOINTS.chatService.resetBotFlow(conversationId));
+            return res.data.data;
+        },
+    });
+};

package/dist/hooks/biz/useRunBotFlow.d.ts

@@ -0,0 +1,6 @@
+import type { RunBotFlowBody, RunBotFlowResponse } from "../../types/biz";
+export interface RunBotFlowParams extends RunBotFlowBody {
+    conversationId: string;
+}
+export declare const useRunBotFlow: () => import("@tanstack/react-query").UseMutationResult<RunBotFlowResponse, Error, RunBotFlowParams, unknown>;
+//# sourceMappingURL=useRunBotFlow.d.ts.map

package/dist/hooks/biz/useRunBotFlow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useRunBotFlow.d.ts","sourceRoot":"","sources":["../../../src/hooks/biz/useRunBotFlow.ts"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,cAAc,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAEtE,MAAM,WAAW,gBAAiB,SAAQ,cAAc;IACtD,cAAc,EAAE,MAAM,CAAC;CACxB;AAED,eAAO,MAAM,aAAa,+GAgBzB,CAAC"}

package/dist/hooks/biz/useRunBotFlow.js

@@ -0,0 +1,14 @@
+"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 useRunBotFlow = () => {
+    return useMutation({
+        mutationKey: [QUERY_KEYS.RUN_BOT_FLOW],
+        mutationFn: async ({ conversationId, groupId, childId, actionId, }) => {
+            const res = await apiInstance.post(ENDPOINTS.chatService.runBotFlow(conversationId), { groupId, childId, actionId });
+            return res.data.data;
+        },
+    });
+};

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;;;;;qBAeO,WAAW,EAAE;;;;;;qBAAb,WAAW,EAAE;;;;;;CA0QnC,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;AAWjC,eAAO,MAAM,kBAAkB,eAiB9B,CAAC;AAEF,eAAO,MAAM,UAAU,GACrB,iBAAiB,MAAM,EACvB,oBAAoB,MAAM,EAC1B,iBAAc;;;;;qBAeO,WAAW,EAAE;;;;;;qBAAb,WAAW,EAAE;;;;;;CA0QnC,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"}

package/dist/hooks/message/useMessage.js

@@ -8,6 +8,7 @@ import isEmpty from "lodash/isEmpty";
 import { useChatContext } from "../../context/ChatContext";
 import useAuthStore from "../../store/auth";
 import { ConnectStatus, SyncStatus } from "../../types/chat";
+import { BOT_BUTTONS_MESSAGE_TYPE } from "../../constants/botFlow";
 export const visibleTypeMessage = [
     MessageType.TextMessage,
     MessageType.PictureMessage,
@@ -24,6 +25,7 @@ export const visibleTypeMessage = [
     MessageType.UrlTextMessage,
     MessageType.RevokeMessage,
     MessageType.LogTextMessage,
+    BOT_BUTTONS_MESSAGE_TYPE,
 ];
 export const useMessage = (conversationId, searchClientMsgID, enabled = true) => {
     const { connectStatus, syncStatus } = useChatContext();

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

@@ -1 +1 @@
-{"version":3,"file":"useSendMessage.d.ts","sourceRoot":"","sources":["../../../src/hooks/message/useSendMessage.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,eAAe,EACf,WAAW,EAGZ,MAAM,yBAAyB,CAAC;AAEjC,OAAO,EACL,iBAAiB,EACjB,mBAAmB,EACnB,oBAAoB,EACpB,eAAe,EACf,oBAAoB,EACrB,MAAM,cAAc,CAAC;AAWtB,OAAO,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAQlC,OAAO,EAAgB,gBAAgB,EAAyB,MAAM,aAAa,CAAC;AAkBpF,eAAO,MAAM,iBAAiB,GAAI,SAAS;IACzC,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;CACrB,YAE0C,CAAC;AAE5C,eAAO,MAAM,iBAAiB,GAAU,MAAM,MAAM,gCAanD,CAAC;AAEF,eAAO,MAAM,wBAAwB,GAAU,MAAM,oBAAoB,gCAaxE,CAAC;AAEF,eAAO,MAAM,mBAAmB,GAAU,iBAAiB,eAAe,gCAazE,CAAC;AAEF,eAAO,MAAM,wBAAwB,GAAU,MAAM,oBAAoB,gCAaxE,CAAC;AAEF,eAAO,MAAM,uBAAuB,GAAU,MAAM,mBAAmB,gCAatE,CAAC;AAEF,eAAO,MAAM,oBAAoB,GAAU,MAAM,MAAM,EAAE,MAAM,MAAM,EAAE,gCActE,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAC7B,MAAM,MAAM,EACZ,eAAe,WAAW,gCAc3B,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAC9B,4BAA4B,GAC5B,wCAAwC,CAAC;AAE7C,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,cAAc,EAAE,MAAM,CAAC;CACxB;AAED,MAAM,WAAW,qBAAqB;IACpC,WAAW,CAAC,EAAE,sBAAsB,CAAC;IACrC,sBAAsB,CAAC,EAAE,CAAC,MAAM,EAAE;QAAE,IAAI,EAAE,MAAM,CAAA;KAAE,KAAK,eAAe,CAAC;CACxE;AAED,eAAO,MAAM,cAAc,GAAI,UAAU,qBAAqB;iGAgPvD;QACD,QAAQ,EAAE,MAAM,CAAC;QACjB,SAAS,EAAE,MAAM,CAAC;QAClB,KAAK,CAAC,EAAE,UAAU,EAAE,CAAC;QACrB,cAAc,CAAC,EAAE,gBAAgB,CAAC;QAClC,UAAU,EAAE,OAAO,CAAC;QACpB,WAAW,CAAC,EAAE,eAAe,CAAC;KAC/B,KAAG,OAAO,CAAC,OAAO,CAAC;mCAtHE,WAAW;CA2SpC,CAAC;AAEF,eAAO,MAAM,yBAAyB,GAAI,4CAIvC;IACD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,eAAe,CAAC;IAC9B,cAAc,CAAC,EAAE,gBAAgB,CAAC;CACnC,sBAuBA,CAAC"}
+{"version":3,"file":"useSendMessage.d.ts","sourceRoot":"","sources":["../../../src/hooks/message/useSendMessage.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,eAAe,EACf,WAAW,EAGZ,MAAM,yBAAyB,CAAC;AAEjC,OAAO,EACL,iBAAiB,EACjB,mBAAmB,EACnB,oBAAoB,EACpB,eAAe,EACf,oBAAoB,EACrB,MAAM,cAAc,CAAC;AAWtB,OAAO,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAQlC,OAAO,EAAgB,gBAAgB,EAAyB,MAAM,aAAa,CAAC;AAkBpF,eAAO,MAAM,iBAAiB,GAAI,SAAS;IACzC,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;CACrB,YAE0C,CAAC;AAE5C,eAAO,MAAM,iBAAiB,GAAU,MAAM,MAAM,gCAanD,CAAC;AAEF,eAAO,MAAM,wBAAwB,GAAU,MAAM,oBAAoB,gCAaxE,CAAC;AAEF,eAAO,MAAM,mBAAmB,GAAU,iBAAiB,eAAe,gCAazE,CAAC;AAEF,eAAO,MAAM,wBAAwB,GAAU,MAAM,oBAAoB,gCAaxE,CAAC;AAEF,eAAO,MAAM,uBAAuB,GAAU,MAAM,mBAAmB,gCAatE,CAAC;AAEF,eAAO,MAAM,oBAAoB,GAAU,MAAM,MAAM,EAAE,MAAM,MAAM,EAAE,gCActE,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAC7B,MAAM,MAAM,EACZ,eAAe,WAAW,gCAc3B,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAC9B,4BAA4B,GAC5B,wCAAwC,CAAC;AAE7C,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,cAAc,EAAE,MAAM,CAAC;CACxB;AAED,MAAM,WAAW,qBAAqB;IACpC,WAAW,CAAC,EAAE,sBAAsB,CAAC;IACrC,sBAAsB,CAAC,EAAE,CAAC,MAAM,EAAE;QAAE,IAAI,EAAE,MAAM,CAAA;KAAE,KAAK,eAAe,CAAC;CACxE;AAED,eAAO,MAAM,cAAc,GAAI,UAAU,qBAAqB;iGAgPvD;QACD,QAAQ,EAAE,MAAM,CAAC;QACjB,SAAS,EAAE,MAAM,CAAC;QAClB,KAAK,CAAC,EAAE,UAAU,EAAE,CAAC;QACrB,cAAc,CAAC,EAAE,gBAAgB,CAAC;QAClC,UAAU,EAAE,OAAO,CAAC;QACpB,WAAW,CAAC,EAAE,eAAe,CAAC;KAC/B,KAAG,OAAO,CAAC,OAAO,CAAC;mCAtHE,WAAW;CA2SpC,CAAC;AAEF,eAAO,MAAM,yBAAyB,GAAI,4CAIvC;IACD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,eAAe,CAAC;IAC9B,cAAc,CAAC,EAAE,gBAAgB,CAAC;CACnC,sBA0BA,CAAC"}

package/dist/hooks/message/useSendMessage.js

@@ -455,7 +455,8 @@ export const generateExtendMessageInfo = ({ richText, urlMetadata, currentSessio
             },
         };
     }
-    if (urlMetadata === null || urlMetadata === void 0 ? void 0 : urlMetadata.url) {
+    if (urlMetadata &&
+        (urlMetadata.title || urlMetadata.description || urlMetadata.image)) {
         extendMessageInfo.urlMetadata = urlMetadata;
     }
     return extendMessageInfo;

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

@@ -25,6 +25,10 @@
       "order": "Gửi đơn hàng",
       "product": "Gửi sản phẩm",
       "appointment": "Tạo lịch hẹn"
+    },
+    "bot": {
+      "start": "Bắt đầu",
+      "restart": "Bắt đầu lại"
     }
   },
   "link_preview": {

package/dist/screens/biz-thread-detail/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/screens/biz-thread-detail/index.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,gCAAgC,CAAC;AAEhF,MAAM,WAAW,yBAA0B,SAAQ,yBAAyB;IAC1E,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,QAAA,MAAM,oBAAoB,GAAI,gDAK3B,yBAAyB,mDAiC3B,CAAC;AAEF,eAAe,oBAAoB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/screens/biz-thread-detail/index.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,gCAAgC,CAAC;AAQhF,MAAM,WAAW,yBAA0B,SAAQ,yBAAyB;IAC1E,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,QAAA,MAAM,oBAAoB,GAAI,gDAK3B,yBAAyB,mDAkE3B,CAAC;AAEF,eAAe,oBAAoB,CAAC"}

package/dist/screens/biz-thread-detail/index.js

@@ -12,15 +12,26 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { usePathname, useRouter, useSearchParams } from "next/navigation";
+import { useTranslation } from "react-i18next";
 import clsx from "clsx";
 import useBizConversationStore from "../../store/bizConversation";
 import { BizMessageList, BizThreadDetailHeader, BizThreadDetailInput, } from "../../components/biz-thread-detail";
+import { BotFlowProvider, BotStartButton, } from "../../components/biz-thread-detail/bot";
+import { useBotFlow } from "../../hooks/biz/useBotFlow";
+import { isBizBotCrmChat } from "../../utils/bizConversation";
 const DChatBizThreadDetail = (_a) => {
+    var _b, _c, _d;
     var { className, children, onBack } = _a, inputProps = __rest(_a, ["className", "children", "onBack"]);
+    const { t } = useTranslation("biz-inbox");
     const router = useRouter();
     const pathname = usePathname();
     const searchParams = useSearchParams();
     const conversation = useBizConversationStore((state) => state.conversationData);
+    const isBotThread = conversation ? isBizBotCrmChat(conversation) : false;
+    const botFlow = useBotFlow({
+        conversationId: (_b = conversation === null || conversation === void 0 ? void 0 : conversation.conversationId) !== null && _b !== void 0 ? _b : "",
+        isBotThread,
+    });
     const handleBack = () => {
         const newSearchParams = new URLSearchParams(searchParams);
         newSearchParams.delete("threadId");
@@ -31,6 +42,13 @@ const DChatBizThreadDetail = (_a) => {
     if (!conversation) {
         return null;
     }
-    return (_jsxs("div", { "data-testid": "biz-thread-detail-root", className: clsx("relative flex h-full w-full flex-col overflow-hidden bg-white", className), children: [_jsx(BizThreadDetailHeader, { conversation: conversation, onBack: handleBack }), _jsx("div", { className: "flex min-h-0 flex-1 flex-col", children: children !== null && children !== void 0 ? children : _jsx(BizMessageList, {}) }), _jsx(BizThreadDetailInput, Object.assign({}, inputProps))] }));
+    const isBotNotStarted = isBotThread && botFlow.status === "not_started";
+    const footer = isBotNotStarted ? (_jsx("div", { className: "bg-white p-6", children: _jsx(BotStartButton, { label: t("thread_detail.bot.start"), onClick: botFlow.start, disabled: botFlow.isProcessing }) })) : (_jsx(BizThreadDetailInput, Object.assign({}, inputProps)));
+    return (_jsx(BotFlowProvider, { value: {
+            buttons: (_d = (_c = botFlow.currentButtonsBlock) === null || _c === void 0 ? void 0 : _c.data.buttons) !== null && _d !== void 0 ? _d : [],
+            disabled: botFlow.isProcessing,
+            onSelect: botFlow.selectButton,
+            onRestart: botFlow.restart,
+        }, children: _jsxs("div", { "data-testid": "biz-thread-detail-root", className: clsx("relative flex h-full w-full flex-col overflow-hidden bg-white", className), children: [_jsx(BizThreadDetailHeader, { conversation: conversation, onBack: handleBack }), _jsx("div", { className: "flex min-h-0 flex-1 flex-col", children: children !== null && children !== void 0 ? children : _jsx(BizMessageList, {}) }), footer] }) }));
 };
 export default DChatBizThreadDetail;