@droppii-org/chat-sdk 0.1.73 → 0.1.74

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,4 +1,4 @@
-import type { MoreOptionConfig } from "../../src/constants/moreOption";
+import type { MoreOptionConfig } from "../../constants/moreOption";
 export interface ConversationDetailInputProps {
     placeholder?: string;
     onSendMessage?: (text: string) => void;

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;CAClC;AAED,QAAA,MAAM,uBAAuB,GAAI,6DAK9B,4BAA4B,4CAoZ9B,CAAC;AAEF,eAAe,uBAAuB,CAAC"}

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

@@ -4,22 +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 "../../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 FALLBACK_LINE_HEIGHT = 25.6;
 const ConversationDetailInput = ({ placeholder, onSendMessage, onInputChange, moreOptions, }) => {
     const { t } = useTranslation("conversation-inbox");
     const { t: tCommon } = useTranslation("common");
@@ -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`;

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/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.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 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 "../../src/types/conversation";
+import type { ConversationListItem } from "../../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 "../../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 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 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 "../../src/types/conversation";
+import type { ConversationListItem } from "../../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 "../../src/store/conversation";
-import { Icon } from "../../src/components/icon";
+import useConversationStore from "../../store/conversation";
+import { Icon } from "../../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 "../../src/types/conversation";
+import { PeerType } from "../../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 "../../src/components/icon";
-import { PeerType } from "../../src/types/conversation";
+import { Icon } from "../../components/icon";
+import { PeerType } from "../../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 "../../src/types/conversation";
+import { PeerType } from "../../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 "../../src/utils/conversation";
+import { resolvePeerBadgeColor } from "../../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 "../../src/assets/droppiiFontSelection.json";
+import iconSet from "../../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)));