@droppii-org/chat-sdk 0.1.80 → 0.1.81

package/dist/assets/svg/canned-response.tsx

@@ -1,48 +1,48 @@
-interface ISvgProps {
-  size?: number;
-  className?: string;
-}
-
-const CannedResponseIcon = (props: ISvgProps) => (
-  <svg
-    width={props.size || 18}
-    height={props.size || 18}
-    viewBox={`${0} ${0} ${props.size || 18} ${props.size || 18}`}
-    fill="none"
-    xmlns="http://www.w3.org/2000/svg"
-    className={props?.className}
-  >
-    <g clipPath="url(#clip0_4070_70030)">
-      <path
-        fillRule="evenodd"
-        clipRule="evenodd"
-        d="M6.66732 0.833374C7.12755 0.833374 7.50065 1.20647 7.50065 1.66671L5.00065 18.3334C5.00065 18.7936 4.62755 19.1667 4.16732 19.1667C3.70708 19.1667 3.33398 18.7936 3.33398 18.3334L5.83398 1.66671C5.83398 1.20647 6.20708 0.833374 6.66732 0.833374Z"
-        fill="currentColor"
-      />
-      <path
-        fillRule="evenodd"
-        clipRule="evenodd"
-        d="M14.9993 0.833374C15.4596 0.833374 15.8327 1.20647 15.8327 1.66671L13.3327 18.3334C13.3327 18.7936 12.9596 19.1667 12.4993 19.1667C12.0391 19.1667 11.666 18.7936 11.666 18.3334L14.166 1.66671C14.166 1.20647 14.5391 0.833374 14.9993 0.833374Z"
-        fill="currentColor"
-      />
-      <path
-        fillRule="evenodd"
-        clipRule="evenodd"
-        d="M19.1673 5.83333C19.1673 6.29357 18.7942 6.66667 18.334 6.66667H1.66732C1.20708 6.66667 0.833984 6.29357 0.833984 5.83333C0.833984 5.37309 1.20708 5 1.66732 5H18.334C18.7942 5 19.1673 5.3731 19.1673 5.83333Z"
-        fill="currentColor"
-      />
-      <path
-        fillRule="evenodd"
-        clipRule="evenodd"
-        d="M19.1673 14.1667C19.1673 14.627 18.7942 15 18.334 15H1.66732C1.20708 15 0.833984 14.627 0.833984 14.1667C0.833984 13.7065 1.20708 13.3334 1.66732 13.3334H18.334C18.7942 13.3334 19.1673 13.7065 19.1673 14.1667Z"
-        fill="currentColor"
-      />
-    </g>
-    <defs>
-      <clipPath id="clip0_4070_70030">
-        <rect width={props.size || 18} height={props.size || 18} fill="white" />
-      </clipPath>
-    </defs>
-  </svg>
-);
-export default CannedResponseIcon;
+interface ISvgProps {
+  size?: number;
+  className?: string;
+}
+
+const CannedResponseIcon = (props: ISvgProps) => (
+  <svg
+    width={props.size || 18}
+    height={props.size || 18}
+    viewBox={`${0} ${0} ${props.size || 18} ${props.size || 18}`}
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    className={props?.className}
+  >
+    <g clipPath="url(#clip0_4070_70030)">
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M6.66732 0.833374C7.12755 0.833374 7.50065 1.20647 7.50065 1.66671L5.00065 18.3334C5.00065 18.7936 4.62755 19.1667 4.16732 19.1667C3.70708 19.1667 3.33398 18.7936 3.33398 18.3334L5.83398 1.66671C5.83398 1.20647 6.20708 0.833374 6.66732 0.833374Z"
+        fill="currentColor"
+      />
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M14.9993 0.833374C15.4596 0.833374 15.8327 1.20647 15.8327 1.66671L13.3327 18.3334C13.3327 18.7936 12.9596 19.1667 12.4993 19.1667C12.0391 19.1667 11.666 18.7936 11.666 18.3334L14.166 1.66671C14.166 1.20647 14.5391 0.833374 14.9993 0.833374Z"
+        fill="currentColor"
+      />
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M19.1673 5.83333C19.1673 6.29357 18.7942 6.66667 18.334 6.66667H1.66732C1.20708 6.66667 0.833984 6.29357 0.833984 5.83333C0.833984 5.37309 1.20708 5 1.66732 5H18.334C18.7942 5 19.1673 5.3731 19.1673 5.83333Z"
+        fill="currentColor"
+      />
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M19.1673 14.1667C19.1673 14.627 18.7942 15 18.334 15H1.66732C1.20708 15 0.833984 14.627 0.833984 14.1667C0.833984 13.7065 1.20708 13.3334 1.66732 13.3334H18.334C18.7942 13.3334 19.1673 13.7065 19.1673 14.1667Z"
+        fill="currentColor"
+      />
+    </g>
+    <defs>
+      <clipPath id="clip0_4070_70030">
+        <rect width={props.size || 18} height={props.size || 18} fill="white" />
+      </clipPath>
+    </defs>
+  </svg>
+);
+export default CannedResponseIcon;

package/dist/assets/svg/document.tsx

@@ -1,37 +1,37 @@
-export const documentIcon = (
-  <svg
-    width="40"
-    height="40"
-    viewBox="0 0 40 40"
-    fill="none"
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <path
-      d="M10.1923 5.83301L23.4363 5.83301L34.1656 14.2054V29.8639C34.1656 31.8997 32.5286 34.1663 29.8068 34.1663C27.0849 34.1663 10.1923 34.1663 10.1923 34.1663C7.4704 34.1663 5.8335 31.8997 5.8335 29.8639V10.0305C5.8335 7.99475 7.4704 5.83301 10.1923 5.83301Z"
-      fill="#24B0FF"
-    ></path>
-    <path
-      d="M10.8335 28.1394V20.833H16.0309V22.4222H12.7026V23.5916H15.3612V25.1708H12.7026V28.1394H10.8335Z"
-      fill="#edf6ff"
-    ></path>
-    <path
-      d="M19.0073 28.0885V20.833H20.8613V26.5118H24.0146V28.0885L19.0073 28.0885Z"
-      fill="#edf6ff"
-    ></path>
-    <path
-      d="M16.5918 28.1001V20.833H18.4485V28.1001H16.5918Z"
-      fill="#edf6ff"
-    ></path>
-    <path
-      d="M24.5737 20.833V28.1393H29.7723V26.5573H26.439L26.4422 25.1708H29.1017V23.5916H26.4422V22.4222H29.7723V20.833H24.5737Z"
-      fill="#edf6ff"
-    ></path>
-    <path
-      opacity="0.302"
-      fillRule="evenodd"
-      clipRule="evenodd"
-      d="M23.2686 5.83301V14.2281H34.1655L23.2686 5.83301Z"
-      fill="#edf6ff"
-    ></path>
-  </svg>
-);
+export const documentIcon = (
+  <svg
+    width="40"
+    height="40"
+    viewBox="0 0 40 40"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      d="M10.1923 5.83301L23.4363 5.83301L34.1656 14.2054V29.8639C34.1656 31.8997 32.5286 34.1663 29.8068 34.1663C27.0849 34.1663 10.1923 34.1663 10.1923 34.1663C7.4704 34.1663 5.8335 31.8997 5.8335 29.8639V10.0305C5.8335 7.99475 7.4704 5.83301 10.1923 5.83301Z"
+      fill="#24B0FF"
+    ></path>
+    <path
+      d="M10.8335 28.1394V20.833H16.0309V22.4222H12.7026V23.5916H15.3612V25.1708H12.7026V28.1394H10.8335Z"
+      fill="#edf6ff"
+    ></path>
+    <path
+      d="M19.0073 28.0885V20.833H20.8613V26.5118H24.0146V28.0885L19.0073 28.0885Z"
+      fill="#edf6ff"
+    ></path>
+    <path
+      d="M16.5918 28.1001V20.833H18.4485V28.1001H16.5918Z"
+      fill="#edf6ff"
+    ></path>
+    <path
+      d="M24.5737 20.833V28.1393H29.7723V26.5573H26.439L26.4422 25.1708H29.1017V23.5916H26.4422V22.4222H29.7723V20.833H24.5737Z"
+      fill="#edf6ff"
+    ></path>
+    <path
+      opacity="0.302"
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M23.2686 5.83301V14.2281H34.1655L23.2686 5.83301Z"
+      fill="#edf6ff"
+    ></path>
+  </svg>
+);

package/dist/assets/svg/index.ts

@@ -1,2 +1,2 @@
-export * from "./document";
+export * from "./document";
 export * from "./canned-response";

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

@@ -1,9 +1,10 @@
 export interface BotSuggestProps {
     disabled?: boolean;
+    showRestart?: boolean;
     showMenuTrigger?: boolean;
     onRestart: () => void;
     onOpenMenu: () => void;
 }
-declare const BotSuggest: ({ disabled, showMenuTrigger, onRestart, onOpenMenu, }: BotSuggestProps) => import("react/jsx-runtime").JSX.Element;
+declare const BotSuggest: ({ disabled, showRestart, showMenuTrigger, onRestart, onOpenMenu, }: BotSuggestProps) => import("react/jsx-runtime").JSX.Element | null;
 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":"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"}
+{"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,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,UAAU,EAAE,MAAM,IAAI,CAAC;CACxB;AAED,QAAA,MAAM,UAAU,GAAI,oEAMjB,eAAe,mDA6BjB,CAAC;AAEF,eAAe,UAAU,CAAC"}

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

@@ -5,8 +5,10 @@ import { useTranslation } from "react-i18next";
 import { Icon } from "../../../components/icon";
 const CHIP_ICON_SIZE = 14;
 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 BotSuggest = ({ disabled, showRestart = true, showMenuTrigger = true, onRestart, onOpenMenu, }) => {
     const { t } = useTranslation("conversation-inbox");
-    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 }))] }));
+    if (!showRestart && !showMenuTrigger)
+        return null;
+    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: [showRestart && (_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/message/item/MessageBubble.d.ts

@@ -7,7 +7,8 @@ export interface MessageBubbleProps {
     showTip?: boolean;
     isInternal?: boolean;
     id?: string;
+    isTransparent?: boolean;
 }
-declare const MessageBubble: ({ isMine, content, senderName, showSenderName, showTip, isInternal, id, }: MessageBubbleProps) => import("react/jsx-runtime").JSX.Element;
+declare const MessageBubble: ({ isMine, content, senderName, showSenderName, showTip, isInternal, id, isTransparent, }: MessageBubbleProps) => import("react/jsx-runtime").JSX.Element;
 export default MessageBubble;
 //# sourceMappingURL=MessageBubble.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"MessageBubble.d.ts","sourceRoot":"","sources":["../../../../src/components/message/item/MessageBubble.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,WAAW,kBAAkB;IACjC,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,SAAS,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AA4CD,QAAA,MAAM,aAAa,GAAI,2EAQpB,kBAAkB,4CAsCpB,CAAC;AAEF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"MessageBubble.d.ts","sourceRoot":"","sources":["../../../../src/components/message/item/MessageBubble.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,WAAW,kBAAkB;IACjC,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,SAAS,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AA4CD,QAAA,MAAM,aAAa,GAAI,0FASpB,kBAAkB,4CA6CpB,CAAC;AAEF,eAAe,aAAa,CAAC"}

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

@@ -8,16 +8,19 @@ const MessageBubbleTail = ({ isMine, isInternal, }) => (_jsx("div", { className:
         : isMine
             ? "text-chat-bubble-mine"
             : "text-chat-bubble-neutral"), children: _jsx("div", { className: "flex-none", children: _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "4", height: "18", viewBox: "0 0 4 18", fill: "none", "aria-hidden": true, children: _jsx("path", { d: isMine ? OUTGOING_TAIL_PATH : INCOMING_TAIL_PATH, fill: "currentColor", fillOpacity: "0.1" }) }) }) }));
-const MessageBubble = ({ isMine, content, senderName, showSenderName, showTip = true, isInternal = false, id, }) => {
-    const bubbleClass = clsx("relative max-w-full p-2", showTip
-        ? isMine
-            ? "rounded-[20px] rounded-br-none"
-            : "rounded-[20px] rounded-bl-none"
-        : "rounded-[20px]", isInternal
-        ? "bg-chat-internal/10"
-        : isMine
-            ? "bg-chat-bubble-mine/10"
-            : "bg-chat-bubble-neutral/10");
-    return (_jsxs("div", { className: "relative flex items-end", "data-testid": "message-bubble", children: [!isMine && showTip && (_jsx(MessageBubbleTail, { isMine: isMine, isInternal: isInternal })), _jsx("div", { className: bubbleClass, id: id, children: _jsxs("div", { className: "flex flex-col gap-1 px-1", children: [showSenderName && senderName && (_jsx("span", { className: "text-[12px] font-medium leading-[160%] tracking-[0.12px] text-gray-400", children: senderName })), _jsx("div", { className: "flex flex-col gap-2", children: content })] }) }), isMine && showTip && (_jsx(MessageBubbleTail, { isMine: isMine, isInternal: isInternal }))] }));
+const MessageBubble = ({ isMine, content, senderName, showSenderName, showTip = true, isInternal = false, id, isTransparent = false, }) => {
+    const showTail = showTip && !isTransparent;
+    const bubbleClass = clsx("relative max-w-full", isTransparent
+        ? "bg-transparent p-0"
+        : clsx("p-2", showTip
+            ? isMine
+                ? "rounded-[20px] rounded-br-none"
+                : "rounded-[20px] rounded-bl-none"
+            : "rounded-[20px]", isInternal
+            ? "bg-chat-internal/10"
+            : isMine
+                ? "bg-chat-bubble-mine/10"
+                : "bg-chat-bubble-neutral/10"));
+    return (_jsxs("div", { className: "relative flex items-end", "data-testid": "message-bubble", children: [!isMine && showTail && (_jsx(MessageBubbleTail, { isMine: isMine, isInternal: isInternal })), _jsx("div", { className: bubbleClass, id: id, children: _jsxs("div", { className: clsx("flex flex-col gap-1", !isTransparent && "px-1"), children: [showSenderName && senderName && (_jsx("span", { className: "text-[12px] font-medium leading-[160%] tracking-[0.12px] text-gray-400", children: senderName })), _jsx("div", { className: "flex flex-col gap-2", children: content })] }) }), isMine && showTail && (_jsx(MessageBubbleTail, { isMine: isMine, isInternal: isInternal }))] }));
 };
 export default MessageBubble;

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

@@ -0,0 +1,7 @@
+import { MessageItem } from "@openim/wasm-client-sdk";
+interface StickerMessageItemProps {
+    message: MessageItem;
+}
+declare const StickerMessageItem: ({ message }: StickerMessageItemProps) => import("react/jsx-runtime").JSX.Element;
+export default StickerMessageItem;
+//# sourceMappingURL=StickerMessage.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"StickerMessage.d.ts","sourceRoot":"","sources":["../../../../src/components/message/item/StickerMessage.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAGtD,UAAU,uBAAuB;IAC/B,OAAO,EAAE,WAAW,CAAC;CACtB;AAID,QAAA,MAAM,kBAAkB,GAAI,aAAa,uBAAuB,4CAyB/D,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

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

@@ -0,0 +1,15 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useState } from "react";
+import clsx from "clsx";
+import { Icon } from "../../../components/icon";
+const STICKER_SIZE_CLASS = "h-[120px] w-[120px]";
+const StickerMessageItem = ({ message }) => {
+    var _a;
+    const [hasLoadError, setHasLoadError] = useState(false);
+    const stickerUrl = (_a = message.stickerElem) === null || _a === void 0 ? void 0 : _a.content;
+    if (!stickerUrl || hasLoadError) {
+        return (_jsx("div", { className: clsx("flex items-center justify-center rounded-xl bg-black/5", STICKER_SIZE_CLASS), children: _jsx(Icon, { icon: "image-o", size: 32, className: "text-gray-400" }) }));
+    }
+    return (_jsx("img", { src: stickerUrl, alt: "", className: clsx("block object-cover", STICKER_SIZE_CLASS), onError: () => setHasLoadError(true) }));
+};
+export default StickerMessageItem;

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,mDA8QlB,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,mDAgRlB,CAAC;AAEF,eAAe,WAAW,CAAC"}

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

@@ -114,6 +114,7 @@ const MessageItem = ({ message, allMessages, isGroupChat = false, forceHideTip =
     }, [conversationData === null || conversationData === void 0 ? void 0 : conversationData.ex, isCrm, message === null || message === void 0 ? void 0 : message.sendID, userID]);
     const isInternalMessage = Boolean(message === null || message === void 0 ? void 0 : message.isInternal);
     const isSystemLogMessage = isSystemLogMessageType(message === null || message === void 0 ? void 0 : message.contentType);
+    const isStickerMessage = (message === null || message === void 0 ? void 0 : message.contentType) === MessageType.StickerMessage;
     const hasContextMenu = contextMenuItems.length > 0;
     const isLatestMine = ((_a = allMessages.find((m) => m.sendID === userID)) === null || _a === void 0 ? void 0 : _a.clientMsgID) ===
         message.clientMsgID;
@@ -140,7 +141,7 @@ const MessageItem = ({ message, allMessages, isGroupChat = false, forceHideTip =
             timeBreakNode,
             _jsx(SystemLogMessageItem, { message: message })));
     }
-    const bubbleNode = (_jsx(MessageBubble, { isMine: isMine, isInternal: isInternalMessage, senderName: message === null || message === void 0 ? void 0 : message.senderNickname, showSenderName: showSenderName, showTip: showTip, id: `${MSG_ITEM_CONTENT_PREFIX}${message === null || message === void 0 ? void 0 : message.clientMsgID}`, content: renderBubbleContent(message, onPressQuoteMessage) }));
+    const bubbleNode = (_jsx(MessageBubble, { isMine: isMine, isInternal: isInternalMessage, senderName: message === null || message === void 0 ? void 0 : message.senderNickname, showSenderName: showSenderName, showTip: showTip, id: `${MSG_ITEM_CONTENT_PREFIX}${message === null || message === void 0 ? void 0 : message.clientMsgID}`, content: renderBubbleContent(message, onPressQuoteMessage), isTransparent: isStickerMessage }));
     const showPinnedBadge = Boolean(message === null || message === void 0 ? void 0 : message.isPinned) && Boolean(onPinMessage);
     const pinnedBadgeNode = showPinnedBadge ? (_jsx("span", { "data-testid": "message-pinned-badge", className: clsx("absolute -top-2.5 z-[1] flex h-[22px] w-[26px] items-center justify-center rounded-full border border-white bg-gray-25", isMine ? "left-0" : "right-0"), children: _jsx(Icon, { icon: "thumbtack-b", size: 12, className: "text-primary-400" }) })) : null;
     const wrappedBubble = hasContextMenu ? (_jsx(Dropdown, { menu: { items: contextMenuItems }, trigger: ["contextMenu"], open: contextMenuOpen, onOpenChange: onContextMenuOpenChange, overlayClassName: MESSAGE_TOOLBOX_OVERLAY_CLASSNAME, children: _jsxs("div", { ref: bubbleWrapperRef, className: "relative min-w-0", children: [bubbleNode, pinnedBadgeNode] }) })) : (_jsxs("div", { className: "relative min-w-0", children: [bubbleNode, pinnedBadgeNode] }));

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;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"}
+{"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;AAatF,eAAO,MAAM,mBAAmB,GAAI,SAAS,eAAe,4CA2B3D,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

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

package/dist/constants/botFlow.d.ts

@@ -1,4 +1,8 @@
 export declare const BOT_DEFAULT_BUTTON_ID = "default-item-button";
+export declare const BOT_TYPE: {
+    readonly FLOW: "FLOW";
+    readonly CS_TEAM: "CS_TEAM";
+};
 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";

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;AAE3C,eAAO,MAAM,yBAAyB,aAAa,CAAC;AAEpD,eAAO,MAAM,wBAAwB,yBAAyB,CAAC"}
+{"version":3,"file":"botFlow.d.ts","sourceRoot":"","sources":["../../src/constants/botFlow.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,qBAAqB,wBAAwB,CAAC;AAE3D,eAAO,MAAM,QAAQ;;;CAGX,CAAC;AAEX,eAAO,MAAM,yBAAyB,IAAI,CAAC;AAE3C,eAAO,MAAM,yBAAyB,aAAa,CAAC;AAEpD,eAAO,MAAM,wBAAwB,yBAAyB,CAAC"}

package/dist/constants/botFlow.js

@@ -1,4 +1,8 @@
 export const BOT_DEFAULT_BUTTON_ID = "default-item-button";
+export const BOT_TYPE = {
+    FLOW: "FLOW",
+    CS_TEAM: "CS_TEAM",
+};
 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/hooks/conversation/useBotFlow.d.ts

@@ -8,6 +8,7 @@ export declare const useBotFlow: ({ conversationId, isBotThread, }: UseBotFlowPa
     status: BotFlowStatus;
     flowIsEnd: boolean;
     isBotInactive: boolean;
+    botType: import("../../types/conversation").BotType | undefined;
     isProcessing: boolean;
     shouldShowButtons: boolean;
     currentButtonsBlock: BotInputButtonsBlock | null;

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":"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"}
+{"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;;;;;;;;;;;;6BAmIqB,MAAM;;6BAkDN,eAAe;;;CA+CtD,CAAC"}

package/dist/hooks/conversation/useBotFlow.js

@@ -3,7 +3,7 @@ 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 { BOT_DEFAULT_BUTTON_ID, BOT_TYPE } from "../../constants/botFlow";
 import { useSendMessage } from "../../hooks/message/useSendMessage";
 import useAuthStore from "../../store/auth";
 import useConversationStore from "../../store/conversation";
@@ -31,7 +31,7 @@ const parseMessageFlowGroupId = (ex) => {
     }
 };
 export const useBotFlow = ({ conversationId, isBotThread, }) => {
-    var _a, _b, _c;
+    var _a, _b, _c, _d;
     const [botFlowState, setBotFlowState] = useState(INITIAL_BOT_FLOW_STATE);
     const { conversationId: storedConversationId, flowCurrentStep } = botFlowState;
     const isActiveConversation = storedConversationId === conversationId;
@@ -47,6 +47,7 @@ export const useBotFlow = ({ conversationId, isBotThread, }) => {
     const detailQuery = useBotConversationDetail(conversationId, isBotThread);
     const botDetailQuery = useBotDetail(botId, isBotThread);
     const isBotInactive = ((_a = botDetailQuery.data) === null || _a === void 0 ? void 0 : _a.status) === BotStatus.INACTIVE;
+    const botType = (_b = botDetailQuery.data) === null || _b === void 0 ? void 0 : _b.type;
     const runMutation = useRunBotFlow();
     const resetMutation = useResetBotFlow();
     const closeSessionMutation = useCloseBotSession();
@@ -54,8 +55,8 @@ export const useBotFlow = ({ conversationId, isBotThread, }) => {
         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 : []);
+    const menuQuery = useBotMainMenu(conversationId, isBotThread && botType === BOT_TYPE.FLOW);
+    const menuItems = filterVisibleBotButtons((_c = menuQuery.data) !== null && _c !== void 0 ? _c : []);
     useEffect(() => {
         if (!isBotThread) {
             setBotFlowState(INITIAL_BOT_FLOW_STATE);
@@ -89,7 +90,7 @@ export const useBotFlow = ({ conversationId, isBotThread, }) => {
         };
     }, [authUserID]);
     const activeStep = storedConversationId === conversationId ? flowCurrentStep : null;
-    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 currentButtonsBlock = (_d = activeStep === null || activeStep === void 0 ? void 0 : activeStep.data.children.find((child) => child.type === BotBlockType.InputButtons)) !== null && _d !== void 0 ? _d : null;
     const isInActiveCsSession = isInCsSession({ flowCurrentStep: activeStep });
     const isProcessing = runMutation.isPending ||
         resetMutation.isPending ||
@@ -200,6 +201,7 @@ export const useBotFlow = ({ conversationId, isBotThread, }) => {
         status,
         flowIsEnd,
         isBotInactive,
+        botType,
         isProcessing,
         shouldShowButtons,
         currentButtonsBlock,

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;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;;;;;;CAsSnC,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,eAiB9B,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;;;;;;CAsSnC,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

@@ -23,6 +23,7 @@ export const visibleTypeMessage = [
     MessageType.CustomMessage,
     MessageType.QuoteMessage,
     MessageType.FaceMessage,
+    MessageType.StickerMessage,
     MessageType.UrlTextMessage,
     MessageType.RevokeMessage,
     MessageType.LogTextMessage,

package/dist/locales/i18n.ts

@@ -1,19 +1,19 @@
-import i18n from "i18next";
-import { initReactI18next } from "react-i18next";
-import vi from "./vi/common.json";
-import viConversationInbox from "./vi/conversation-inbox.json";
-
-if (!i18n.isInitialized) {
-  i18n.use(initReactI18next).init({
-    resources: {
-      vi: { common: vi, "conversation-inbox": viConversationInbox },
-    },
-    lng: "vi",
-    fallbackLng: "vi",
-    interpolation: { escapeValue: false },
-    ns: ["common", "conversation-inbox"],
-    defaultNS: "common",
-  });
-}
-
-export default i18n;
+import i18n from "i18next";
+import { initReactI18next } from "react-i18next";
+import vi from "./vi/common.json";
+import viConversationInbox from "./vi/conversation-inbox.json";
+
+if (!i18n.isInitialized) {
+  i18n.use(initReactI18next).init({
+    resources: {
+      vi: { common: vi, "conversation-inbox": viConversationInbox },
+    },
+    lng: "vi",
+    fallbackLng: "vi",
+    interpolation: { escapeValue: false },
+    ns: ["common", "conversation-inbox"],
+    defaultNS: "common",
+  });
+}
+
+export default i18n;