@droppii-org/chat-sdk 0.1.71 → 0.1.73

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 "../../hooks/team/useFetchMyTeam";
+import { useFetchMyTeams } from "../../src/hooks/team/useFetchMyTeam";
 import { useTranslation } from "react-i18next";
 import { useCallback, useEffect, useMemo, useRef, useState } from "react";
-import { CannedResponseVisibleScope } from "../../types/chat";
+import { CannedResponseVisibleScope } from "../../src/types/chat";
 import TeamItem from "./team/TeamItem";
-import { useFetchCannedResponse } from "../../hooks/canned-response/useFetchCannedResponse";
+import { useFetchCannedResponse } from "../../src/hooks/canned-response/useFetchCannedResponse";
 import InfiniteScroll from "react-infinite-scroll-component";
-import { Icon } from "../../components/icon";
-import { sanitizeHtml } from "../../utils/common";
+import { Icon } from "../../src/components/icon";
+import { sanitizeHtml } from "../../src/utils/common";
 import { useDebounce } from "ahooks";
 import clsx from "clsx";
-import emitter from "../../utils/events";
+import emitter from "../../src/utils/events";
 import { isArray } from "lodash";
-import { useMessageFooterContext } from "../../components/message/footer";
+import { useMessageFooterContext } from "../../src/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 "../../components/icon";
+import { Icon } from "../../src/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 "../../assets/svg/canned-response";
+import CannedResponseIcon from "../../src/assets/svg/canned-response";
 import { Button, Input } from "antd";
-import { Icon } from "../../components/icon";
+import { Icon } from "../../src/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 "../../../types/dto";
+import { IMyTeamResponse } from "../../../src/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 "../../../hooks/canned-response/useFetchCannedCategories";
+import { useFetchCannedCategories } from "../../../src/hooks/canned-response/useFetchCannedCategories";
 import { useBoolean } from "ahooks";
-import { Icon } from "../../../components/icon";
+import { Icon } from "../../../src/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 "../../components/message/MessageList";
-import useConversationStore from "../../store/conversation";
-import { useIsMobile } from "../../hooks/common/useIsMobile";
+import MessageList from "../../src/components/message/MessageList";
+import useConversationStore from "../../src/store/conversation";
+import { useIsMobile } from "../../src/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 "../../hooks/session/useSessionLatestPreview";
-import { ISessionByStatus } from "../../store/type";
+import type { LatestPreview } from "../../src/hooks/session/useSessionLatestPreview";
+import { ISessionByStatus } from "../../src/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 "../../store/conversation";
+import useConversationStore from "../../src/store/conversation";
 import { usePathname, useRouter, useSearchParams } from "next/navigation";
 import { Avatar } from "antd";
-import { useChatContext } from "../../context/ChatContext";
-import { useConversationDisplayData } from "../../hooks/conversation/useConversation";
-import { formatTimestamp, parseLatestMessage } from "../../utils/common";
+import { useChatContext } from "../../src/context/ChatContext";
+import { useConversationDisplayData } from "../../src/hooks/conversation/useConversation";
+import { formatTimestamp, parseLatestMessage } from "../../src/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 "../../components/icon";
-import useConversationStore from "../../store/conversation";
+import { Icon } from "../../src/components/icon";
+import useConversationStore from "../../src/store/conversation";
 import { useTranslation } from "react-i18next";
 import { useBoolean, useDebounce } from "ahooks";
-import SearchConversation from "../../components/search-conversation";
-import useSessionStore from "../../store/session";
+import SearchConversation from "../../src/components/search-conversation";
+import useSessionStore from "../../src/store/session";
 import InfiniteScroll from "react-infinite-scroll-component";
 import ConversationBySessionItem from "./ConversationBySessionItem";
-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";
+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";
 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 "../../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";
+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";
 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,8 +1,10 @@
+import type { MoreOptionConfig } from "../../src/constants/moreOption";
 export interface ConversationDetailInputProps {
     placeholder?: string;
     onSendMessage?: (text: string) => void;
     onInputChange?: (value: string) => void;
+    moreOptions?: MoreOptionConfig[];
 }
-declare const ConversationDetailInput: ({ placeholder, onSendMessage, onInputChange, }: ConversationDetailInputProps) => import("react/jsx-runtime").JSX.Element;
+declare const ConversationDetailInput: ({ placeholder, onSendMessage, onInputChange, moreOptions, }: ConversationDetailInputProps) => import("react/jsx-runtime").JSX.Element;
 export default ConversationDetailInput;
 //# sourceMappingURL=ConversationDetailInput.d.ts.map

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

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

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

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

package/dist/components/conversation-detail/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 "../../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 { 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 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 "../../constants/moreOption";
+import type { MoreOptionConfig } from "../../src/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 "../../components/icon";
+import { Icon } from "../../src/components/icon";
 const ICON_SIZE = 24;
 const ConversationMoreOptionItem = ({ option, onSelect }) => {
     const { t } = useTranslation("conversation-inbox");

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

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

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

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

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

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

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

@@ -4,12 +4,12 @@ import { useState } from "react";
 import clsx from "clsx";
 import { useTranslation } from "react-i18next";
 import { MessageType } from "@openim/wasm-client-sdk";
-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 { parseUrlMetadata } from "../../utils/common";
+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 PinnedMessagesPanel from "./PinnedMessagesPanel";
 const PINNED_SUBTITLE_KEY_BY_TYPE = {
     [MessageType.UrlTextMessage]: "pinned_from_link",

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 "../../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";
+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";
 const LONG_PRESS_DELAY = 500;
 const PinnedMessageItem = ({ message, contextMenuOpen, onContextMenuOpenChange, onUnpin, onJump, }) => {
     const { t } = useTranslation();

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 "../../components/icon";
-import useConversationStore from "../../store/conversation";
-import { usePinMessage } from "../../hooks/message/usePinMessage";
-import { emit } from "../../utils/events";
+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 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 "../../../types/conversation";
+import type { BotButtonOption } from "../../../src/types/conversation";
 export interface BotButtonMessageProps {
     buttons: BotButtonOption[];
     disabled?: boolean;

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

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

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

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

package/dist/components/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 "../../../components/icon";
+import { Icon } from "../../../src/components/icon";
 const ICON_SIZE = 16;
 const BotInactiveNotice = () => {
     const { t } = useTranslation("conversation-inbox");

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 "../../../components/icon";
+import { Icon } from "../../../src/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.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 "../../../components/icon";
+import { Icon } from "../../../src/components/icon";
 const CHIP_ICON_SIZE = 14;
 const BotSuggest = ({ disabled, onRestart }) => {
     const { t } = useTranslation("conversation-inbox");

package/dist/components/conversation-inbox/ConversationInboxItem.d.ts

@@ -1,4 +1,4 @@
-import type { ConversationListItem } from "../../types/conversation";
+import type { ConversationListItem } from "../../src/types/conversation";
 export interface ConversationInboxItemProps {
     item: ConversationListItem;
     onClick: (item: ConversationListItem) => void;

package/dist/components/conversation-inbox/ConversationInboxItem.js

@@ -2,11 +2,11 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import dayjs from "dayjs";
 import { useTranslation } from "react-i18next";
-import useAuthStore from "../../store/auth";
-import { formatTimestamp, parseLatestMessage } from "../../utils/common";
-import { resolvePeerBadgeLabel, resolveConversationDisplayName, } from "../../utils/conversation";
-import { useConversationAvatarUrl } from "../../hooks/conversation/useConversationAvatarUrl";
-import ThreadCard from "../../components/conversation/ThreadCard";
+import useAuthStore from "../../src/store/auth";
+import { formatTimestamp, parseLatestMessage } from "../../src/utils/common";
+import { resolvePeerBadgeLabel, resolveConversationDisplayName, } from "../../src/utils/conversation";
+import { useConversationAvatarUrl } from "../../src/hooks/conversation/useConversationAvatarUrl";
+import ThreadCard from "../../src/components/conversation/ThreadCard";
 import ConversationPeerAvatar from "./ConversationPeerAvatar";
 import ConversationInboxTitle from "./ConversationInboxTitle";
 const formatLatestMessageTime = (sendTime) => {

package/dist/components/conversation-inbox/ConversationInboxList.d.ts

@@ -1,4 +1,4 @@
-import type { ConversationListItem } from "../../types/conversation";
+import type { ConversationListItem } from "../../src/types/conversation";
 export interface ConversationInboxListProps {
     items: ConversationListItem[];
     isLoading: boolean;

package/dist/components/conversation-inbox/ConversationInboxList.js

@@ -4,8 +4,8 @@ import { usePathname, useRouter, useSearchParams } from "next/navigation";
 import { useTranslation } from "react-i18next";
 import { Empty, Spin } from "antd";
 import InfiniteScroll from "react-infinite-scroll-component";
-import useConversationStore from "../../store/conversation";
-import { Icon } from "../../components/icon";
+import useConversationStore from "../../src/store/conversation";
+import { Icon } from "../../src/components/icon";
 import ConversationInboxItem from "./ConversationInboxItem";
 const FooterSkeleton = () => (_jsxs("div", { className: "flex items-center gap-3 p-3", children: [_jsx("div", { className: "h-10 w-10 animate-pulse rounded-full bg-neutral-200" }), _jsxs("div", { className: "flex flex-1 flex-col gap-2", children: [_jsx("div", { className: "h-3 w-1/2 animate-pulse rounded bg-neutral-200" }), _jsx("div", { className: "h-2.5 w-1/3 animate-pulse rounded bg-neutral-200" })] })] }));
 const ConversationInboxList = ({ items, isLoading, isFetchingNextPage, hasNextPage, onLoadMore, onSelectThread, }) => {

package/dist/components/conversation-inbox/ConversationInboxTitle.d.ts

@@ -1,4 +1,4 @@
-import { PeerType } from "../../types/conversation";
+import { PeerType } from "../../src/types/conversation";
 export interface ConversationInboxTitleProps {
     peerType: PeerType;
     displayName: string;

package/dist/components/conversation-inbox/ConversationInboxTitle.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 "../../components/icon";
-import { PeerType } from "../../types/conversation";
+import { Icon } from "../../src/components/icon";
+import { PeerType } from "../../src/types/conversation";
 const ConversationInboxTitle = ({ peerType, displayName, hasUnread = false, }) => (_jsxs("div", { className: "flex min-w-0 items-center gap-1", children: [peerType === PeerType.GROUP && (_jsx(Icon, { icon: "user-two-b", size: 12, className: "shrink-0 text-black" })), peerType === PeerType.BOT && (_jsx("span", { className: "flex h-4 w-4 shrink-0 items-center justify-center rounded-full bg-black text-white", children: _jsx(Icon, { icon: "droppii-b", size: 8 }) })), _jsx("span", { className: clsx("min-w-0 truncate text-[16px] leading-[160%] text-black [font-feature-settings:'liga'_off,'clig'_off]", hasUnread ? "font-bold tracking-[0.16px]" : "font-[510]"), children: displayName })] }));
 export default ConversationInboxTitle;

package/dist/components/conversation-inbox/ConversationPeerAvatar.d.ts

@@ -1,4 +1,4 @@
-import { PeerType } from "../../types/conversation";
+import { PeerType } from "../../src/types/conversation";
 export interface ConversationPeerAvatarProps {
     peerType: PeerType;
     displayName: string;

package/dist/components/conversation-inbox/ConversationPeerAvatar.js

@@ -2,7 +2,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import clsx from "clsx";
 import { Avatar } from "antd";
-import { resolvePeerBadgeColor } from "../../utils/conversation";
+import { resolvePeerBadgeColor } from "../../src/utils/conversation";
 const ConversationPeerAvatar = ({ peerType, displayName, avatarUrl, badgeLabel, }) => {
     const badge = badgeLabel ? (_jsx("span", { className: clsx("absolute -bottom-px -right-px flex h-[17px] items-center justify-center gap-2 rounded-md border border-white px-1 text-[10px] font-semibold leading-3 text-white shadow-badge-inset", resolvePeerBadgeColor(peerType)), children: badgeLabel })) : null;
     return (_jsxs("div", { className: "relative h-12 w-12 shrink-0", children: [_jsx(Avatar, { size: 48, src: avatarUrl || undefined, alt: displayName, className: "uppercase", children: (displayName === null || displayName === void 0 ? void 0 : displayName.charAt(0)) || "A" }), badge] }));

package/dist/components/icon/index.js

@@ -11,7 +11,7 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 import { jsx as _jsx } from "react/jsx-runtime";
 import IcoMoon from "react-icomoon";
-import iconSet from "../../assets/droppiiFontSelection.json";
+import iconSet from "../../src/assets/droppiiFontSelection.json";
 export const Icon = (_a) => {
     var { icon, size = 24, color = "currentColor", className = "", style = {}, onClick } = _a, props = __rest(_a, ["icon", "size", "color", "className", "style", "onClick"]);
     return (_jsx(IcoMoon, Object.assign({ iconSet: iconSet, icon: icon, size: size, color: color, className: className, style: style, onClick: onClick }, props)));