@droppii-org/chat-sdk 0.1.73 → 0.1.75

package/dist/components/canned-response/CannedResponseBody.js

@@ -1,19 +1,19 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Empty, Segmented, Spin } from "antd";
-import { useFetchMyTeams } from "../../src/hooks/team/useFetchMyTeam";
+import { useFetchMyTeams } from "../../hooks/team/useFetchMyTeam";
 import { useTranslation } from "react-i18next";
 import { useCallback, useEffect, useMemo, useRef, useState } from "react";
-import { CannedResponseVisibleScope } from "../../src/types/chat";
+import { CannedResponseVisibleScope } from "../../types/chat";
 import TeamItem from "./team/TeamItem";
-import { useFetchCannedResponse } from "../../src/hooks/canned-response/useFetchCannedResponse";
+import { useFetchCannedResponse } from "../../hooks/canned-response/useFetchCannedResponse";
 import InfiniteScroll from "react-infinite-scroll-component";
-import { Icon } from "../../src/components/icon";
-import { sanitizeHtml } from "../../src/utils/common";
+import { Icon } from "../../components/icon";
+import { sanitizeHtml } from "../../utils/common";
 import { useDebounce } from "ahooks";
 import clsx from "clsx";
-import emitter from "../../src/utils/events";
+import emitter from "../../utils/events";
 import { isArray } from "lodash";
-import { useMessageFooterContext } from "../../src/components/message/footer";
+import { useMessageFooterContext } from "../../components/message/footer";
 const parseIndex = (index, length) => {
     if (index === null)
         return null;

package/dist/components/canned-response/CannedResponseFooter.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useTranslation } from "react-i18next";
-import { Icon } from "../../src/components/icon";
+import { Icon } from "../../components/icon";
 const CannedResponseFooter = ({ openCreateCannedModal, }) => {
     const { t } = useTranslation();
     return (_jsx("div", { className: "flex items-center justify-end border-t border-gray-200 p-2", children: _jsxs("div", { className: "flex cursor-pointer items-center gap-1", onClick: openCreateCannedModal, children: [_jsx(Icon, { icon: "plus-circle-o", size: 16, className: "text-blue-500" }), _jsx("span", { className: "text-sm text-blue-500", children: t("add_canned_response") })] }) }));

package/dist/components/canned-response/CannedResponseHeader.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useTranslation } from "react-i18next";
-import CannedResponseIcon from "../../src/assets/svg/canned-response";
+import CannedResponseIcon from "../../assets/svg/canned-response";
 import { Button, Input } from "antd";
-import { Icon } from "../../src/components/icon";
+import { Icon } from "../../components/icon";
 const CannedResponseHeader = (props) => {
     const { onClose, search, setSearch } = props;
     const { t } = useTranslation();

package/dist/components/canned-response/team/TeamItem.d.ts

@@ -1,4 +1,4 @@
-import { IMyTeamResponse } from "../../../src/types/dto";
+import { IMyTeamResponse } from "../../../types/dto";
 interface TeamItemProps {
     team: IMyTeamResponse;
     onSelectCategory?: (teamId: string, categoryId?: string) => void;

package/dist/components/canned-response/team/TeamItem.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useFetchCannedCategories } from "../../../src/hooks/canned-response/useFetchCannedCategories";
+import { useFetchCannedCategories } from "../../../hooks/canned-response/useFetchCannedCategories";
 import { useBoolean } from "ahooks";
-import { Icon } from "../../../src/components/icon";
+import { Icon } from "../../../components/icon";
 import clsx from "clsx";
 import { useTranslation } from "react-i18next";
 import { useCallback } from "react";

package/dist/components/chat-bubble/ChatBubble.js

@@ -2,9 +2,9 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { FloatButton, Drawer, Popover } from "antd";
 import { MessageOutlined, CloseOutlined } from "@ant-design/icons";
-import MessageList from "../../src/components/message/MessageList";
-import useConversationStore from "../../src/store/conversation";
-import { useIsMobile } from "../../src/hooks/common/useIsMobile";
+import MessageList from "../../components/message/MessageList";
+import useConversationStore from "../../store/conversation";
+import { useIsMobile } from "../../hooks/common/useIsMobile";
 import { useBoolean } from "ahooks";
 const ChatBubble = ({ className }) => {
     const isMobile = useIsMobile();

package/dist/components/conversation/ConversationBySessionItem.d.ts

@@ -1,5 +1,5 @@
-import type { LatestPreview } from "../../src/hooks/session/useSessionLatestPreview";
-import { ISessionByStatus } from "../../src/store/type";
+import type { LatestPreview } from "../../hooks/session/useSessionLatestPreview";
+import { ISessionByStatus } from "../../store/type";
 interface ConversationBySessionItemProps {
     sessionItem: ISessionByStatus;
     latestPreview?: LatestPreview;

package/dist/components/conversation/ConversationBySessionItem.js

@@ -1,12 +1,12 @@
 "use client";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useTranslation } from "react-i18next";
-import useConversationStore from "../../src/store/conversation";
+import useConversationStore from "../../store/conversation";
 import { usePathname, useRouter, useSearchParams } from "next/navigation";
 import { Avatar } from "antd";
-import { useChatContext } from "../../src/context/ChatContext";
-import { useConversationDisplayData } from "../../src/hooks/conversation/useConversation";
-import { formatTimestamp, parseLatestMessage } from "../../src/utils/common";
+import { useChatContext } from "../../context/ChatContext";
+import { useConversationDisplayData } from "../../hooks/conversation/useConversation";
+import { formatTimestamp, parseLatestMessage } from "../../utils/common";
 import ThreadCard from "./ThreadCard";
 const ConversationBySessionItem = ({ sessionItem, latestPreview, }) => {
     var _a;

package/dist/components/conversation/DeskConversationList.js

@@ -3,21 +3,21 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState, useEffect, useRef } from "react";
 import { useSearchParams } from "next/navigation";
 import { Input, Empty, Drawer, Button, Spin } from "antd";
-import { Icon } from "../../src/components/icon";
-import useConversationStore from "../../src/store/conversation";
+import { Icon } from "../../components/icon";
+import useConversationStore from "../../store/conversation";
 import { useTranslation } from "react-i18next";
 import { useBoolean, useDebounce } from "ahooks";
-import SearchConversation from "../../src/components/search-conversation";
-import useSessionStore from "../../src/store/session";
+import SearchConversation from "../../components/search-conversation";
+import useSessionStore from "../../store/session";
 import InfiniteScroll from "react-infinite-scroll-component";
 import ConversationBySessionItem from "./ConversationBySessionItem";
-import { useGetSession } from "../../src/hooks/session/useGetSession";
-import { useSortedSessions } from "../../src/hooks/session/useSortedSessions";
-import { useSessionLatestPreview } from "../../src/hooks/session/useSessionLatestPreview";
-import { useGetTeamSessionSummary } from "../../src/hooks/session/useGetTeamSessionSummary";
-import { DChatSDK } from "../../src/constants/sdk";
-import emitter from "../../src/utils/events";
-import { getFilterConfig } from "../../src/components/session/sessionMenuItems";
+import { useGetSession } from "../../hooks/session/useGetSession";
+import { useSortedSessions } from "../../hooks/session/useSortedSessions";
+import { useSessionLatestPreview } from "../../hooks/session/useSessionLatestPreview";
+import { useGetTeamSessionSummary } from "../../hooks/session/useGetTeamSessionSummary";
+import { DChatSDK } from "../../constants/sdk";
+import emitter from "../../utils/events";
+import { getFilterConfig } from "../../components/session/sessionMenuItems";
 const DeskConversationList = () => {
     var _a, _b;
     const searchInputRef = useRef(null);

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

@@ -1,11 +1,11 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useTranslation } from "react-i18next";
-import { Icon } from "../../src/components/icon";
-import ConversationPeerAvatar from "../../src/components/conversation-inbox/ConversationPeerAvatar";
-import ConversationInboxTitle from "../../src/components/conversation-inbox/ConversationInboxTitle";
-import { resolveConversationDisplayName, resolvePeerBadgeLabel, } from "../../src/utils/conversation";
-import { useConversationAvatarUrl } from "../../src/hooks/conversation/useConversationAvatarUrl";
+import { Icon } from "../../components/icon";
+import ConversationPeerAvatar from "../../components/conversation-inbox/ConversationPeerAvatar";
+import ConversationInboxTitle from "../../components/conversation-inbox/ConversationInboxTitle";
+import { resolveConversationDisplayName, resolvePeerBadgeLabel, } from "../../utils/conversation";
+import { useConversationAvatarUrl } from "../../hooks/conversation/useConversationAvatarUrl";
 const HeaderIconButton = ({ icon, onClick, testId, }) => (_jsx("button", { type: "button", onClick: onClick, "data-testid": testId, className: "flex shrink-0 cursor-pointer items-center justify-center p-2 text-primary-400", children: _jsx(Icon, { icon: icon, size: 24 }) }));
 const ConversationDetailHeader = ({ conversation, onBack, }) => {
     const { t } = useTranslation("conversation-inbox");

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

@@ -1,10 +1,11 @@
-import type { MoreOptionConfig } from "../../src/constants/moreOption";
+import type { MoreOptionConfig } from "../../constants/moreOption";
 export interface ConversationDetailInputProps {
     placeholder?: string;
     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;AAK/D,MAAM,WAAW,4BAA4B;IAC3C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,WAAW,CAAC,EAAE,gBAAgB,EAAE,CAAC;CAClC;AAED,QAAA,MAAM,uBAAuB,GAAI,6DAK9B,4BAA4B,4CA8Y9B,CAAC;AAEF,eAAe,uBAAuB,CAAC"}
+{"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

@@ -4,23 +4,24 @@ import { useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { useTranslation } from "react-i18next";
 import { useBoolean } from "ahooks";
 import clsx from "clsx";
-import { Icon } from "../../src/components/icon";
-import { useSendMessage } from "../../src/hooks/message/useSendMessage";
-import useAuthStore from "../../src/store/auth";
-import useConversationStore from "../../src/store/conversation";
-import useMessageDraftStore from "../../src/store/messageDraft";
-import { resolveConversationAvatarUrl, resolveConversationDisplayName, } from "../../src/utils/conversation";
-import { emit } from "../../src/utils/events";
-import { extractLinkUrls } from "../../src/utils/link";
-import { useFetchUrlMetadata } from "../../src/hooks/common/useFetchUrlMetadata";
-import { processAndValidateDocuments, processAndValidateFiles, } from "../../src/utils/fileValidation";
-import { FilePreviewList } from "../../src/components/message/footer/FilePreview";
-import LinkInputPreview from "../../src/components/message/footer/LinkInputPreview";
-import { ReplyPreviewBar } from "../../src/components/message/reply/ReplyPreviewBar";
+import { Icon } from "../../components/icon";
+import { useSendMessage } from "../../hooks/message/useSendMessage";
+import useAuthStore from "../../store/auth";
+import useConversationStore from "../../store/conversation";
+import useMessageDraftStore from "../../store/messageDraft";
+import { resolveConversationAvatarUrl, resolveConversationDisplayName, } from "../../utils/conversation";
+import { emit } from "../../utils/events";
+import { extractLinkUrls } from "../../utils/link";
+import { useFetchUrlMetadata } from "../../hooks/common/useFetchUrlMetadata";
+import { processAndValidateDocuments, processAndValidateFiles, } from "../../utils/fileValidation";
+import { FilePreviewList } from "../../components/message/footer/FilePreview";
+import LinkInputPreview from "../../components/message/footer/LinkInputPreview";
+import { ReplyPreviewBar } from "../../components/message/reply/ReplyPreviewBar";
 import ConversationMoreOptionPanel from "./ConversationMoreOptionPanel";
 const MAX_LINES = 5;
 const CONTAINER_MIN_HEIGHT = 48;
-const ConversationDetailInput = ({ placeholder, onSendMessage, onInputChange, moreOptions, }) => {
+const FALLBACK_LINE_HEIGHT = 25.6;
+const ConversationDetailInput = ({ placeholder, onSendMessage, onInputChange, moreOptions, onOpenBotMenu, }) => {
     const { t } = useTranslation("conversation-inbox");
     const { t: tCommon } = useTranslation("common");
     const conversationData = useConversationStore((state) => state.conversationData);
@@ -71,7 +72,10 @@ const ConversationDetailInput = ({ placeholder, onSendMessage, onInputChange, mo
         const textarea = textareaRef.current;
         if (!textarea)
             return null;
-        const lineHeight = parseFloat(window.getComputedStyle(textarea).lineHeight);
+        const computedLineHeight = parseFloat(window.getComputedStyle(textarea).lineHeight);
+        const lineHeight = Number.isFinite(computedLineHeight) && computedLineHeight > 0
+            ? computedLineHeight
+            : FALLBACK_LINE_HEIGHT;
         return {
             lineHeight,
             maxHeight: lineHeight * MAX_LINES,
@@ -82,7 +86,7 @@ const ConversationDetailInput = ({ placeholder, onSendMessage, onInputChange, mo
         const heights = getTextareaHeights();
         if (!textarea || !heights)
             return;
-        textarea.style.height = `${heights.lineHeight}px`;
+        textarea.style.height = "auto";
         const scrollHeight = textarea.scrollHeight;
         const nextHeight = Math.min(Math.max(scrollHeight, heights.lineHeight), heights.maxHeight);
         textarea.style.height = `${nextHeight}px`;
@@ -254,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/ConversationMessageList.js

@@ -4,17 +4,17 @@ import { useCallback, useEffect, useState } from "react";
 import { Empty, Spin, message as toastMessage } from "antd";
 import { useEventListener } from "ahooks";
 import { useTranslation } from "react-i18next";
-import { useChatContext } from "../../src/context/ChatContext";
-import MessageInfiniteScroll from "../../src/components/message/MessageInfiniteScroll";
-import { useMessage } from "../../src/hooks/message/useMessage";
-import { useMessageListScroll } from "../../src/hooks/message/useMessageListScroll";
-import { usePinMessage } from "../../src/hooks/message/usePinMessage";
-import { useRevokeMessage } from "../../src/hooks/message/useRevokeMessage";
-import useConversationStore from "../../src/store/conversation";
-import useAuthStore from "../../src/store/auth";
-import { isGroupChat as resolveIsGroupChat } from "../../src/utils/conversation";
-import emitter from "../../src/utils/events";
-import MessageItem from "../../src/components/message/item";
+import { useChatContext } from "../../context/ChatContext";
+import MessageInfiniteScroll from "../../components/message/MessageInfiniteScroll";
+import { useMessage } from "../../hooks/message/useMessage";
+import { useMessageListScroll } from "../../hooks/message/useMessageListScroll";
+import { usePinMessage } from "../../hooks/message/usePinMessage";
+import { useRevokeMessage } from "../../hooks/message/useRevokeMessage";
+import useConversationStore from "../../store/conversation";
+import useAuthStore from "../../store/auth";
+import { isGroupChat as resolveIsGroupChat } from "../../utils/conversation";
+import emitter from "../../utils/events";
+import MessageItem from "../../components/message/item";
 import PinLimitModal from "./PinLimitModal";
 const ConversationMessageList = ({ bottomSlot }) => {
     const { t } = useTranslation("conversation-inbox");

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

@@ -1,4 +1,4 @@
-import type { MoreOptionConfig } from "../../src/constants/moreOption";
+import type { MoreOptionConfig } from "../../constants/moreOption";
 export interface ConversationMoreOptionItemProps {
     option: MoreOptionConfig;
     onSelect: (option: MoreOptionConfig) => void;

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

@@ -2,7 +2,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import clsx from "clsx";
 import { useTranslation } from "react-i18next";
-import { Icon } from "../../src/components/icon";
+import { Icon } from "../../components/icon";
 const ICON_SIZE = 24;
 const ConversationMoreOptionItem = ({ option, onSelect }) => {
     const { t } = useTranslation("conversation-inbox");

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

@@ -1,4 +1,4 @@
-import { MoreOptionConfig } from "../../src/constants/moreOption";
+import { MoreOptionConfig } from "../../constants/moreOption";
 export interface ConversationMoreOptionPanelProps {
     disabled?: boolean;
     options?: MoreOptionConfig[];

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

@@ -1,7 +1,7 @@
 "use client";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useCallback } from "react";
-import { MORE_OPTIONS, MoreOptionKey, } from "../../src/constants/moreOption";
+import { MORE_OPTIONS, MoreOptionKey, } from "../../constants/moreOption";
 import ConversationMoreOptionItem from "./ConversationMoreOptionItem";
 const ConversationMoreOptionPanel = ({ disabled = false, options = MORE_OPTIONS, onSelectOption, onTriggerMediaInput, onTriggerDocumentInput, }) => {
     const handleSelectOption = useCallback((option) => {

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

@@ -1 +1 @@
-{"version":3,"file":"PinnedMessageBar.d.ts","sourceRoot":"","sources":["../../../src/components/conversation-detail/PinnedMessageBar.tsx"],"names":[],"mappings":"AAgHA,QAAA,MAAM,gBAAgB,sDAyFrB,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"PinnedMessageBar.d.ts","sourceRoot":"","sources":["../../../src/components/conversation-detail/PinnedMessageBar.tsx"],"names":[],"mappings":"AAwHA,QAAA,MAAM,gBAAgB,sDA8FrB,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

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

@@ -1,15 +1,15 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useState } from "react";
+import { useEffect, useState } from "react";
 import clsx from "clsx";
 import { useTranslation } from "react-i18next";
 import { MessageType } from "@openim/wasm-client-sdk";
-import { Icon } from "../../src/components/icon";
-import { documentIcon } from "../../src/assets/svg";
-import useAuthStore from "../../src/store/auth";
-import useConversationStore from "../../src/store/conversation";
-import { usePinnedMessages } from "../../src/hooks/message/usePinnedMessages";
-import { parseUrlMetadata } from "../../src/utils/common";
+import { Icon } from "../../components/icon";
+import { documentIcon } from "../../assets/svg";
+import useAuthStore from "../../store/auth";
+import useConversationStore from "../../store/conversation";
+import { usePinnedMessages } from "../../hooks/message/usePinnedMessages";
+import { generateContentBasedOnMessageType, parseUrlMetadata } from "../../utils/common";
 import PinnedMessagesPanel from "./PinnedMessagesPanel";
 const PINNED_SUBTITLE_KEY_BY_TYPE = {
     [MessageType.UrlTextMessage]: "pinned_from_link",
@@ -18,25 +18,23 @@ const PINNED_SUBTITLE_KEY_BY_TYPE = {
     [MessageType.VideoMessage]: "pinned_from_video",
     [MessageType.FileMessage]: "pinned_from_file",
 };
-const TITLE_LESS_MESSAGE_TYPES = [
-    MessageType.PictureMessage,
-    MessageType.MergeMessage,
-    MessageType.VideoMessage,
-];
-const getPinnedMessageTitle = (message) => {
-    var _a, _b, _c, _d, _e;
+const getPinnedMessageTitle = (message, t) => {
+    var _a, _b, _c, _d, _e, _f, _g;
     switch (message.contentType) {
-        case MessageType.UrlTextMessage: {
-            const urlMetadata = parseUrlMetadata(message.ex);
-            return ((urlMetadata === null || urlMetadata === void 0 ? void 0 : urlMetadata.title) ||
-                ((_a = message.urlTextElem) === null || _a === void 0 ? void 0 : _a.content) ||
-                ((_b = message.textElem) === null || _b === void 0 ? void 0 : _b.content) ||
+        case MessageType.UrlTextMessage:
+            return (((_a = message.textElem) === null || _a === void 0 ? void 0 : _a.content) ||
+                ((_b = message.urlTextElem) === null || _b === void 0 ? void 0 : _b.content) ||
+                ((_c = message.quoteElem) === null || _c === void 0 ? void 0 : _c.text) ||
                 "");
-        }
+        case MessageType.PictureMessage:
+        case MessageType.MergeMessage:
+            return generateContentBasedOnMessageType(message.contentType, undefined, t);
+        case MessageType.VideoMessage:
+            return generateContentBasedOnMessageType(message.contentType, undefined, t, { duration: (_d = message.videoElem) === null || _d === void 0 ? void 0 : _d.duration });
         case MessageType.FileMessage:
-            return ((_c = message.fileElem) === null || _c === void 0 ? void 0 : _c.fileName) || "";
+            return generateContentBasedOnMessageType(message.contentType, undefined, t, { fileName: (_e = message.fileElem) === null || _e === void 0 ? void 0 : _e.fileName });
         default:
-            return ((_d = message.textElem) === null || _d === void 0 ? void 0 : _d.content) || ((_e = message.quoteElem) === null || _e === void 0 ? void 0 : _e.text) || "";
+            return ((_f = message.textElem) === null || _f === void 0 ? void 0 : _f.content) || ((_g = message.quoteElem) === null || _g === void 0 ? void 0 : _g.text) || "";
     }
 };
 const PinnedMessageThumbnail = ({ message }) => {
@@ -77,6 +75,12 @@ const PinnedMessageBar = () => {
     const { pinnedMessageList, pinnedTotalCount } = usePinnedMessages(conversationId);
     const [isPanelOpen, setIsPanelOpen] = useState(false);
     const latestPinnedMessage = pinnedMessageList[0];
+    const hasPinnedMessages = Boolean(latestPinnedMessage);
+    useEffect(() => {
+        if (!hasPinnedMessages) {
+            setIsPanelOpen(false);
+        }
+    }, [hasPinnedMessages]);
     if (!latestPinnedMessage)
         return null;
     const isMe = latestPinnedMessage.sendID === userID;
@@ -88,9 +92,8 @@ const PinnedMessageBar = () => {
         "pinned_from_text";
     const title = isRevoked
         ? t("revoked")
-        : getPinnedMessageTitle(latestPinnedMessage);
-    const showTitle = !TITLE_LESS_MESSAGE_TYPES.includes(latestPinnedMessage.contentType) &&
-        Boolean(title);
+        : getPinnedMessageTitle(latestPinnedMessage, t);
+    const showTitle = Boolean(title);
     const hasThumbnail = !isRevoked &&
         latestPinnedMessage.contentType !== MessageType.TextMessage &&
         latestPinnedMessage.contentType !== MessageType.QuoteMessage;

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

@@ -1 +1 @@
-{"version":3,"file":"PinnedMessageItem.d.ts","sourceRoot":"","sources":["../../../src/components/conversation-detail/PinnedMessageItem.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,WAAW,IAAI,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAczE,UAAU,sBAAsB;IAC9B,OAAO,EAAE,eAAe,CAAC;IACzB,eAAe,EAAE,OAAO,CAAC;IACzB,uBAAuB,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACjD,OAAO,EAAE,CAAC,OAAO,EAAE,eAAe,KAAK,IAAI,CAAC;IAC5C,MAAM,EAAE,CAAC,OAAO,EAAE,eAAe,KAAK,IAAI,CAAC;CAC5C;AAED,QAAA,MAAM,iBAAiB,GAAI,yEAMxB,sBAAsB,4CA2FxB,CAAC;AAEF,eAAe,iBAAiB,CAAC"}
+{"version":3,"file":"PinnedMessageItem.d.ts","sourceRoot":"","sources":["../../../src/components/conversation-detail/PinnedMessageItem.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,WAAW,IAAI,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAczE,UAAU,sBAAsB;IAC9B,OAAO,EAAE,eAAe,CAAC;IACzB,eAAe,EAAE,OAAO,CAAC;IACzB,uBAAuB,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACjD,OAAO,EAAE,CAAC,OAAO,EAAE,eAAe,KAAK,IAAI,CAAC;IAC5C,MAAM,EAAE,CAAC,OAAO,EAAE,eAAe,KAAK,IAAI,CAAC;CAC5C;AAED,QAAA,MAAM,iBAAiB,GAAI,yEAMxB,sBAAsB,4CAwExB,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

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

@@ -5,11 +5,11 @@ import clsx from "clsx";
 import { Dropdown } from "antd";
 import { useLongPress } from "ahooks";
 import { useTranslation } from "react-i18next";
-import { Icon } from "../../src/components/icon";
-import MessageBubble from "../../src/components/message/item/MessageBubble";
-import { renderBubbleContent } from "../../src/components/message/item/renderMessageContent";
-import { buildMessageToolboxMenuItems, MessageToolboxActionKey, MESSAGE_TOOLBOX_OVERLAY_CLASSNAME, } from "../../src/components/message/toolbox";
-import useAuthStore from "../../src/store/auth";
+import { Icon } from "../../components/icon";
+import MessageBubble from "../../components/message/item/MessageBubble";
+import { renderBubbleContent } from "../../components/message/item/renderMessageContent";
+import { buildMessageToolboxMenuItems, MessageToolboxActionKey, MESSAGE_TOOLBOX_OVERLAY_CLASSNAME, } from "../../components/message/toolbox";
+import useAuthStore from "../../store/auth";
 const LONG_PRESS_DELAY = 500;
 const PinnedMessageItem = ({ message, contextMenuOpen, onContextMenuOpenChange, onUnpin, onJump, }) => {
     const { t } = useTranslation();
@@ -35,10 +35,6 @@ const PinnedMessageItem = ({ message, contextMenuOpen, onContextMenuOpenChange,
     ]);
     const bubbleNode = (_jsx(MessageBubble, { isMine: isMine, senderName: message === null || message === void 0 ? void 0 : message.senderNickname, content: renderBubbleContent(message) }));
     const pinnedBadgeNode = (_jsx("span", { "data-testid": "pinned-item-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" }) }));
-    const unpinButton = (_jsx("button", { type: "button", "data-testid": "pinned-item-unpin", "aria-label": t("context_menu_unpin"), onClick: (event) => {
-            event.stopPropagation();
-            onUnpin(message);
-        }, className: "flex h-7 w-7 shrink-0 items-center justify-center self-center rounded-full bg-gray-25 text-gray-600", children: _jsx(Icon, { icon: "thumbtack-off-o", size: 16 }) }));
-    return (_jsxs("div", { className: clsx("flex items-end gap-2 px-3 pb-4", isMine ? "justify-end" : "justify-start"), children: [isMine && unpinButton, _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 cursor-pointer", onClick: () => onJump(message), children: [bubbleNode, pinnedBadgeNode] }) }), !isMine && unpinButton] }));
+    return (_jsx("div", { className: clsx("flex items-end gap-2 px-3 pb-4", isMine ? "justify-end" : "justify-start"), children: _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 cursor-pointer", onClick: () => onJump(message), children: [_jsx("div", { className: "pointer-events-none", children: bubbleNode }), pinnedBadgeNode] }) }) }));
 };
 export default PinnedMessageItem;

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

@@ -3,10 +3,10 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect, useState } from "react";
 import { Drawer, Button, message as toastMessage } from "antd";
 import { useTranslation } from "react-i18next";
-import { Icon } from "../../src/components/icon";
-import useConversationStore from "../../src/store/conversation";
-import { usePinMessage } from "../../src/hooks/message/usePinMessage";
-import { emit } from "../../src/utils/events";
+import { Icon } from "../../components/icon";
+import useConversationStore from "../../store/conversation";
+import { usePinMessage } from "../../hooks/message/usePinMessage";
+import { emit } from "../../utils/events";
 import PinnedMessageItem from "./PinnedMessageItem";
 const PinnedMessagesPanel = ({ open, onClose }) => {
     const { t } = useTranslation();

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

@@ -1,4 +1,4 @@
-import type { BotButtonOption } from "../../../src/types/conversation";
+import type { BotButtonOption } from "../../../types/conversation";
 export interface BotButtonMessageProps {
     buttons: BotButtonOption[];
     disabled?: boolean;

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

@@ -2,10 +2,10 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import clsx from "clsx";
 import { useTranslation } from "react-i18next";
-import { Icon } from "../../../src/components/icon";
-import MessageBubble from "../../../src/components/message/item/MessageBubble";
-import { BOT_BUTTON_MENU_THRESHOLD, BOT_DEFAULT_BUTTON_ID, } from "../../../src/constants/botFlow";
-import { filterVisibleBotButtons } from "../../../src/utils/botFlow";
+import { Icon } from "../../../components/icon";
+import MessageBubble from "../../../components/message/item/MessageBubble";
+import { BOT_BUTTON_MENU_THRESHOLD, BOT_DEFAULT_BUTTON_ID, } from "../../../constants/botFlow";
+import { filterVisibleBotButtons } from "../../../utils/botFlow";
 const CHEVRON_SIZE = 20;
 const BotButtonMessage = ({ buttons, disabled, onSelect, onRestart, }) => {
     const { t } = useTranslation("conversation-inbox");

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

@@ -1,7 +1,7 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useTranslation } from "react-i18next";
-import { Icon } from "../../../src/components/icon";
+import { Icon } from "../../../components/icon";
 const ICON_SIZE = 16;
 const BotInactiveNotice = () => {
     const { t } = useTranslation("conversation-inbox");

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/BotStartButton.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import clsx from "clsx";
-import { Icon } from "../../../src/components/icon";
+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

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"}