@droppii-org/chat-sdk 0.8.1 → 0.8.3

package/dist/components/media-collection/LinkCollection.js

@@ -3,36 +3,24 @@ import { Dropdown, Empty, Spin } from "antd";
 import { useTranslation } from "react-i18next";
 import useConversationStore from "../../store/conversation";
 import { useSearchMessage } from "../../hooks/search/useSearchMessage";
-import { useCallback, useEffect, useState } from "react";
+import { useCallback } from "react";
 import dayjs from "dayjs";
+import { LIBRARY_DATE_HEADER_FORMAT } from "../../constants/dateFormat";
 import InfiniteScroll from "react-infinite-scroll-component";
 import { MessageType, SessionType } from "@droppii-org/wasm-client-sdk";
 import { Icon } from "../../components/icon";
 import { DChatSDK } from "../../constants/sdk";
 import { useChatContext } from "../../context/ChatContext";
 import { message as antdMessage } from "antd";
-const LinkPreview = ({ url }) => {
-    const [title, setTitle] = useState("");
-    const [isLoading, setIsLoading] = useState(true);
-    useEffect(() => {
-        if (!url)
-            return;
-        setIsLoading(true);
-        fetch(`https://api.microlink.io?url=${encodeURIComponent(url)}`)
-            .then((res) => res.json())
-            .then((res) => {
-            var _a;
-            if ((_a = res === null || res === void 0 ? void 0 : res.data) === null || _a === void 0 ? void 0 : _a.title) {
-                setTitle(res.data.title);
-            }
-        })
-            .catch(() => {
-            setTitle("");
-        })
-            .finally(() => {
-            setIsLoading(false);
-        });
-    }, [url]);
+import { useFetchUrlMetadata } from "../../hooks/common/useFetchUrlMetadata";
+import { parseUrlMetadata } from "../../utils/common";
+const LinkPreview = ({ url, messageMetadata, }) => {
+    // Title saved on the message wins; otherwise ask the in-house metadata
+    // endpoint instead of a third-party service.
+    const hasMessageTitle = Boolean(messageMetadata === null || messageMetadata === void 0 ? void 0 : messageMetadata.title);
+    const { data, isLoading: isFetching } = useFetchUrlMetadata(url, !hasMessageTitle);
+    const title = (messageMetadata === null || messageMetadata === void 0 ? void 0 : messageMetadata.title) || ((data === null || data === void 0 ? void 0 : data.isEmpty) ? "" : data === null || data === void 0 ? void 0 : data.title) || "";
+    const isLoading = !hasMessageTitle && isFetching;
     return (_jsxs("a", { href: url, target: "_blank", rel: "noopener noreferrer", "data-cp-name": "LinkPreview", className: "flex flex-col truncate text-[var(--dc-color-link)] cursor-pointer", title: title || url, children: [isLoading && (_jsx("span", { className: "font-medium truncate text-gray-900", children: url })), !isLoading &&
                 (title ? (_jsxs(_Fragment, { children: [_jsx("span", { className: "font-medium truncate text-gray-900", children: title }), _jsx("span", { className: "text-sm text-gray-500 truncate", children: url })] })) : (_jsx("span", { className: "font-medium truncate text-gray-900", children: url })))] }));
 };
@@ -67,7 +55,7 @@ const LinkCollection = ({ onClose }) => {
         },
     });
     const renderItem = useCallback((date, items) => {
-        return (_jsxs("div", { className: "px-3", children: [_jsx("span", { className: "text-sm font-medium text-gray-500 px-3", children: dayjs(date).format("DD MMMM, YYYY") }), _jsx("div", { className: "flex flex-col gap-1 mt-2", children: items.map((item) => {
+        return (_jsxs("div", { className: "px-3", children: [_jsx("span", { className: "text-sm font-medium text-gray-500 px-3", children: dayjs(date).format(LIBRARY_DATE_HEADER_FORMAT) }), _jsx("div", { className: "flex flex-col gap-1 mt-2", children: items.map((item) => {
                         var _a, _b, _c;
                         const urls = ((_b = JSON.parse(((_a = item === null || item === void 0 ? void 0 : item.chatLog) === null || _a === void 0 ? void 0 : _a.content) || "{}")) === null || _b === void 0 ? void 0 : _b.urls) || [];
                         const menuItems = [
@@ -78,8 +66,8 @@ const LinkCollection = ({ onClose }) => {
                             },
                         ];
                         return (_jsx("div", { children: urls.map((url, index) => {
-                                var _a;
-                                return (_jsxs("div", { className: "bg-gray-100 flex gap-2 items-center p-2 mb-1", children: [_jsx("div", { className: "flex items-center justify-center shrink-0", children: _jsx(Icon, { icon: "link-b", size: 16 }) }), _jsx("div", { className: "flex-1 min-w-0", children: _jsx(LinkPreview, { url: url }) }), _jsx(Dropdown, { menu: { items: menuItems }, trigger: ["click"], placement: "bottomRight", children: _jsx("div", { className: "flex items-center justify-center shrink-0 cursor-pointer p-1 hover:bg-gray-200 rounded ml-2", onClick: (e) => e.stopPropagation(), children: _jsx(Icon, { icon: "more-horizontal-b", size: 16 }) }) })] }, `${(_a = item.chatLog) === null || _a === void 0 ? void 0 : _a.clientMsgID}-${index}`));
+                                var _a, _b;
+                                return (_jsxs("div", { className: "bg-gray-100 flex gap-2 items-center p-2 mb-1", children: [_jsx("div", { className: "flex items-center justify-center shrink-0", children: _jsx(Icon, { icon: "link-b", size: 16 }) }), _jsx("div", { className: "flex-1 min-w-0", children: _jsx(LinkPreview, { url: url, messageMetadata: index === 0 ? parseUrlMetadata((_a = item.chatLog) === null || _a === void 0 ? void 0 : _a.ex) : undefined }) }), _jsx(Dropdown, { menu: { items: menuItems }, trigger: ["click"], placement: "bottomRight", children: _jsx("div", { className: "flex items-center justify-center shrink-0 cursor-pointer p-1 hover:bg-gray-200 rounded ml-2", onClick: (e) => e.stopPropagation(), children: _jsx(Icon, { icon: "more-horizontal-b", size: 16 }) }) })] }, `${(_b = item.chatLog) === null || _b === void 0 ? void 0 : _b.clientMsgID}-${index}`));
                             }) }, (_c = item.chatLog) === null || _c === void 0 ? void 0 : _c.clientMsgID));
                     }) })] }, date));
     }, []);

package/dist/components/media-collection/VideoCollection.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"VideoCollection.d.ts","sourceRoot":"","sources":["../../../src/components/media-collection/VideoCollection.tsx"],"names":[],"mappings":"AAiBA,QAAA,MAAM,eAAe,+CAqGpB,CAAC;AAEF,eAAe,eAAe,CAAC"}
+{"version":3,"file":"VideoCollection.d.ts","sourceRoot":"","sources":["../../../src/components/media-collection/VideoCollection.tsx"],"names":[],"mappings":"AAkBA,QAAA,MAAM,eAAe,+CAqGpB,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/dist/components/media-collection/VideoCollection.js

@@ -5,6 +5,7 @@ import InfiniteScroll from "react-infinite-scroll-component";
 import { Empty, Image, Spin } from "antd";
 import { useState } from "react";
 import dayjs from "dayjs";
+import { LIBRARY_DATE_HEADER_FORMAT } from "../../constants/dateFormat";
 import useConversationStore from "../../store/conversation";
 import { useBoolean } from "ahooks";
 import { images } from "../../constants/images";
@@ -29,7 +30,7 @@ const VideoCollection = () => {
         setTrue();
     };
     const renderItem = (date, items) => {
-        return (_jsxs("div", { className: "mb-2", children: [_jsx("span", { className: "text-sm font-medium text-gray-500 px-3", children: dayjs(date).format("DD MMMM, YYYY") }), _jsx("div", { className: "grid grid-cols-3 justify-start gap-px py-2", children: items.map((item) => {
+        return (_jsxs("div", { className: "mb-2", children: [_jsx("span", { className: "text-sm font-medium text-gray-500 px-3", children: dayjs(date).format(LIBRARY_DATE_HEADER_FORMAT) }), _jsx("div", { className: "grid grid-cols-3 justify-start gap-px py-2", children: items.map((item) => {
                         var _a, _b, _c, _d;
                         const videoContent = parseMessageContent((_a = item === null || item === void 0 ? void 0 : item.chatLog) === null || _a === void 0 ? void 0 : _a.content);
                         const globalIndex = (_c = videoIndexByMsgId.get((_b = item.chatLog) === null || _b === void 0 ? void 0 : _b.clientMsgID)) !== null && _c !== void 0 ? _c : 0;

package/dist/components/media-resources/FileResourceList.js

@@ -2,7 +2,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { documentIcon } from "../../assets/svg";
 import { parseMessageContent, renderFileSize, shortenFileName, } from "../../utils/common";
-import { downloadFileFromUrl } from "../../utils/download";
+import { openFileOrDownload } from "../../utils/download";
 import { MediaResourceTabKey } from "./constants";
 import ResourceScrollContainer from "./ResourceScrollContainer";
 import { useResourceTab } from "./useResourceTab";
@@ -11,7 +11,7 @@ const FileResourceList = () => {
     return (_jsx(ResourceScrollContainer, Object.assign({ "data-cp-name": "FileResourceList" }, containerProps, { itemCount: items.length, children: _jsx("div", { className: "flex flex-col gap-2 p-3", children: items.map((item) => {
                 var _a, _b;
                 const fileContent = parseMessageContent((_a = item === null || item === void 0 ? void 0 : item.chatLog) === null || _a === void 0 ? void 0 : _a.content);
-                return (_jsxs("div", { className: "flex w-full cursor-pointer items-center gap-2 rounded-[12px] bg-[#f5f5f5]/20 p-3", onClick: () => downloadFileFromUrl((fileContent === null || fileContent === void 0 ? void 0 : fileContent.sourceUrl) || "", (fileContent === null || fileContent === void 0 ? void 0 : fileContent.fileName) || ""), children: [_jsx("div", { className: "flex h-10 w-10 shrink-0 items-center justify-center [&>svg]:h-full [&>svg]:w-auto", children: documentIcon }), _jsxs("div", { className: "flex min-w-0 flex-1 flex-col", children: [_jsx("span", { className: "truncate text-[16px] font-medium leading-[1.6] text-gray-900", children: shortenFileName(fileContent === null || fileContent === void 0 ? void 0 : fileContent.fileName) }), _jsx("span", { className: "text-[13px] font-normal leading-[1.6] text-gray-400", children: renderFileSize((fileContent === null || fileContent === void 0 ? void 0 : fileContent.fileSize) || 0) })] })] }, (_b = item.chatLog) === null || _b === void 0 ? void 0 : _b.clientMsgID));
+                return (_jsxs("div", { className: "flex w-full cursor-pointer items-center gap-2 rounded-[12px] bg-[#f5f5f5]/20 p-3", onClick: () => void openFileOrDownload((fileContent === null || fileContent === void 0 ? void 0 : fileContent.sourceUrl) || "", (fileContent === null || fileContent === void 0 ? void 0 : fileContent.fileName) || ""), children: [_jsx("div", { className: "flex h-10 w-10 shrink-0 items-center justify-center [&>svg]:h-full [&>svg]:w-auto", children: documentIcon }), _jsxs("div", { className: "flex min-w-0 flex-1 flex-col", children: [_jsx("span", { className: "truncate text-[16px] font-medium leading-[1.6] text-gray-900", children: shortenFileName(fileContent === null || fileContent === void 0 ? void 0 : fileContent.fileName) }), _jsx("span", { className: "text-[13px] font-normal leading-[1.6] text-gray-400", children: renderFileSize((fileContent === null || fileContent === void 0 ? void 0 : fileContent.fileSize) || 0) })] })] }, (_b = item.chatLog) === null || _b === void 0 ? void 0 : _b.clientMsgID));
             }) }) })));
 };
 export default FileResourceList;

package/dist/components/media-resources/ResourceScrollContainer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ResourceScrollContainer.d.ts","sourceRoot":"","sources":["../../../src/components/media-resources/ResourceScrollContainer.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAa,MAAM,OAAO,CAAC;AAI7C,OAAO,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC;AAGlD,MAAM,WAAW,4BAA4B;IAC3C,MAAM,EAAE,mBAAmB,CAAC;IAC5B,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,OAAO,CAAC;IACnB,OAAO,EAAE,OAAO,CAAC;IACjB,WAAW,EAAE,OAAO,CAAC;IACrB,kBAAkB,EAAE,OAAO,CAAC;IAC5B,aAAa,EAAE,MAAM,IAAI,CAAC;IAC1B,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAQD,QAAA,MAAM,uBAAuB,GAAI,+GAU9B,4BAA4B,4CAoD9B,CAAC;AAEF,eAAe,uBAAuB,CAAC"}
+{"version":3,"file":"ResourceScrollContainer.d.ts","sourceRoot":"","sources":["../../../src/components/media-resources/ResourceScrollContainer.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAA+B,MAAM,OAAO,CAAC;AAI/D,OAAO,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC;AAGlD,MAAM,WAAW,4BAA4B;IAC3C,MAAM,EAAE,mBAAmB,CAAC;IAC5B,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,OAAO,CAAC;IACnB,OAAO,EAAE,OAAO,CAAC;IACjB,WAAW,EAAE,OAAO,CAAC;IACrB,kBAAkB,EAAE,OAAO,CAAC;IAC5B,aAAa,EAAE,MAAM,IAAI,CAAC;IAC1B,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAQD,QAAA,MAAM,uBAAuB,GAAI,+GAU9B,4BAA4B,4CAmF9B,CAAC;AAEF,eAAe,uBAAuB,CAAC"}

package/dist/components/media-resources/ResourceScrollContainer.js

@@ -1,6 +1,6 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useEffect } from "react";
+import { useEffect, useRef, useState } from "react";
 import InfiniteScroll from "react-infinite-scroll-component";
 import { Button, Spin } from "antd";
 import { useTranslation } from "react-i18next";
@@ -14,6 +14,38 @@ const ResourceScrollContainer = ({ tabKey, itemCount, isLoading, isError, hasNex
             fetchNextPage();
         }
     }, [isEmptyWithMorePages, isFetchingNextPage, fetchNextPage]);
+    // A page that fits without scrolling never fires the scroll trigger, so
+    // keep loading until the content overflows or the pages run out.
+    // The panel is mounted inside a closed drawer (display:none, 0 height), so a
+    // hidden container must not trigger background fetching; the resize tick
+    // re-checks once the drawer becomes visible.
+    const scrollRef = useRef(null);
+    const [resizeTick, setResizeTick] = useState(0);
+    const hasContainer = !isLoading && !isError && itemCount > 0;
+    useEffect(() => {
+        const el = scrollRef.current;
+        if (!el || typeof ResizeObserver === "undefined")
+            return;
+        const observer = new ResizeObserver(() => setResizeTick((n) => n + 1));
+        observer.observe(el);
+        return () => observer.disconnect();
+    }, [hasContainer]);
+    useEffect(() => {
+        const el = scrollRef.current;
+        if (!el || !hasNextPage || isFetchingNextPage || isError)
+            return;
+        if (!el.isConnected || el.clientHeight === 0)
+            return;
+        if (el.scrollHeight <= el.clientHeight)
+            fetchNextPage();
+    }, [
+        itemCount,
+        hasNextPage,
+        isFetchingNextPage,
+        isError,
+        fetchNextPage,
+        resizeTick,
+    ]);
     if (isLoading || isEmptyWithMorePages) {
         return (_jsx("div", { className: "flex h-full items-center justify-center py-6", children: _jsx(Spin, {}) }));
     }
@@ -24,6 +56,6 @@ const ResourceScrollContainer = ({ tabKey, itemCount, isLoading, isError, hasNex
         return _jsx(ResourceEmptyState, { tabKey: tabKey });
     }
     const scrollableId = `resource-scroll-${tabKey}`;
-    return (_jsx("div", { id: scrollableId, "data-cp-name": "ResourceScrollContainer", className: "h-full overflow-auto", children: _jsx(InfiniteScroll, { dataLength: itemCount, next: fetchNextPage, hasMore: hasNextPage, loader: _jsx(LoadingIndicator, {}), scrollableTarget: scrollableId, children: children }) }));
+    return (_jsx("div", { ref: scrollRef, id: scrollableId, "data-cp-name": "ResourceScrollContainer", className: "h-full overflow-auto", children: _jsx(InfiniteScroll, { dataLength: itemCount, next: fetchNextPage, hasMore: hasNextPage, loader: _jsx(LoadingIndicator, {}), scrollableTarget: scrollableId, children: children }) }));
 };
 export default ResourceScrollContainer;

package/dist/components/message/GroupMembersDrawer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GroupMembersDrawer.d.ts","sourceRoot":"","sources":["../../../src/components/message/GroupMembersDrawer.tsx"],"names":[],"mappings":"AAaA,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AA8B/C,UAAU,uBAAuB;IAC/B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,cAAc,CAAC,EAAE,gBAAgB,CAAC;IAClC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AA6BD,QAAA,MAAM,kBAAkB,GAAI,wDAKzB,uBAAuB,4CAusBzB,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
+{"version":3,"file":"GroupMembersDrawer.d.ts","sourceRoot":"","sources":["../../../src/components/message/GroupMembersDrawer.tsx"],"names":[],"mappings":"AAaA,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AA8B/C,UAAU,uBAAuB;IAC/B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,cAAc,CAAC,EAAE,gBAAgB,CAAC;IAClC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AA6BD,QAAA,MAAM,kBAAkB,GAAI,wDAKzB,uBAAuB,4CAwsBzB,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/dist/components/message/GroupMembersDrawer.js

@@ -250,7 +250,7 @@ const GroupMembersDrawer = ({ groupID, conversationId, currentSession, disabled
             });
             message.success(member.isAdmin
                 ? t("remove_from_admin_success")
-                : t("assign_as_admin_success"));
+                : t("assign_as_admin_success", { name: member.nickname }));
             // Optimistically patch the role in place instead of refetching the
             // whole list — a full refetch replaces every member's object
             // identity and re-sorts, which visibly re-renders/reorders rows that
@@ -283,7 +283,7 @@ const GroupMembersDrawer = ({ groupID, conversationId, currentSession, disabled
                 groupID,
                 newOwnerUserID: confirmMemberAction.member.userID,
             });
-            message.success(t("transfer_owner_success"));
+            message.success(t("transfer_owner_success", { name: confirmMemberAction.member.nickname }));
             void refetch();
         }
         catch (error) {
@@ -314,7 +314,6 @@ const GroupMembersDrawer = ({ groupID, conversationId, currentSession, disabled
     }, [groupID]);
     const renderCrmPanel = (closeOnEscape) => (_jsx(GroupMembersPanelCrm, { totalCount: totalCount, members: sortedMembers.map((member) => isRealGroup ? member : Object.assign(Object.assign({}, member), { roleLabel: "" })), isRealGroup: isRealGroup, isLoading: isLoading || (isSearchActive && isSearching), isLoadingMore: isLoadingMore && !isSearchActive, onListScroll: handleListScroll, error: error, isSearchActive: isSearchActive, search: search, onSearchChange: setSearch, canAddMember: canAddMember, onAddMember: () => setShowAddMember(true), onClose: handleCloseDrawer, closeOnEscape: closeOnEscape, buildMenu: (member) => buildCrmMemberMenu({
             member,
-            isRealGroup,
             permissions,
             actingIsOwner,
             leaveBlockedReason,

package/dist/components/message/MessageList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MessageList.d.ts","sourceRoot":"","sources":["../../../src/components/message/MessageList.tsx"],"names":[],"mappings":"AAoCA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAIxD,UAAU,gBAAgB;IACxB,cAAc,EAAE,MAAM,CAAC;IACvB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,qBAAqB,CAAC,EAAE,CAAC,OAAO,CAAC,EAAE,mBAAmB,KAAK,IAAI,CAAC;IAChE,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B,iBAAiB,CAAC,EAAE,CAAC,cAAc,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1E,kGAAkG;IAClG,sBAAsB,CAAC,EAAE,MAAM,IAAI,CAAC;IACpC,uEAAuE;IACvE,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,qDAAqD;IACrD,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,QAAA,MAAM,WAAW,GAAI,OAAO,gBAAgB,4CAyb3C,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"MessageList.d.ts","sourceRoot":"","sources":["../../../src/components/message/MessageList.tsx"],"names":[],"mappings":"AAoCA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAIxD,UAAU,gBAAgB;IACxB,cAAc,EAAE,MAAM,CAAC;IACvB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,qBAAqB,CAAC,EAAE,CAAC,OAAO,CAAC,EAAE,mBAAmB,KAAK,IAAI,CAAC;IAChE,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B,iBAAiB,CAAC,EAAE,CAAC,cAAc,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1E,kGAAkG;IAClG,sBAAsB,CAAC,EAAE,MAAM,IAAI,CAAC;IACpC,uEAAuE;IACvE,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,qDAAqD;IACrD,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,QAAA,MAAM,WAAW,GAAI,OAAO,gBAAgB,4CAoc3C,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/dist/components/message/MessageList.js

@@ -86,6 +86,7 @@ const MessageList = (props) => {
     const { revokeMessage, loading: isRevoking } = useRevokeMessage();
     const { pinMessage, unpinMessage } = usePinMessage();
     const pinnedTotalCount = useConversationStore((state) => state.pinnedTotalCount);
+    const pinnedBackendTotalCount = useConversationStore((state) => state.pinnedBackendTotalCount);
     const pinnedRemainingCount = useConversationStore((state) => state.pinnedRemainingCount);
     const [pinLimitModalOpen, setPinLimitModalOpen] = useState(false);
     const { rawGroupId, latestConversationSession, refetchConversationSessions } = useConversationSessionState({
@@ -136,13 +137,23 @@ const MessageList = (props) => {
         closeConfirmRevoke();
     }, [closeConfirmRevoke]);
     const onRevokeMessage = useCallback(async () => {
-        await revokeMessage((conversationData === null || conversationData === void 0 ? void 0 : conversationData.conversationID) || "", selectedItem || "");
-        handleCloseRevoke();
+        try {
+            await revokeMessage((conversationData === null || conversationData === void 0 ? void 0 : conversationData.conversationID) || "", selectedItem || "");
+        }
+        catch (error) {
+            // Keep the cause visible: the toast alone hides why core rejected it.
+            console.warn("revokeMessage failed", error);
+            toastMessage.error(t("revoke_message_failed"));
+        }
+        finally {
+            handleCloseRevoke();
+        }
     }, [
         conversationData === null || conversationData === void 0 ? void 0 : conversationData.conversationID,
         selectedItem,
         revokeMessage,
         handleCloseRevoke,
+        t,
     ]);
     const onPressQuoteMessage = useCallback((clientMsgID) => {
         const hasMessage = loadState.messageList.some((msg) => msg.clientMsgID === clientMsgID);
@@ -160,7 +171,7 @@ const MessageList = (props) => {
         onPressQuoteMessage(firstUnreadMessageId);
     }, [firstUnreadMessageId, markDividerSeen, onPressQuoteMessage]);
     const handlePinMessage = useCallback(async (message) => {
-        if (pinnedRemainingCount <= 0 && pinnedTotalCount > 0) {
+        if (pinnedRemainingCount <= 0 && pinnedBackendTotalCount > 0) {
             setPinLimitModalOpen(true);
             return;
         }
@@ -171,7 +182,7 @@ const MessageList = (props) => {
         catch (_a) {
             toastMessage.error(t("pin_message_failed"));
         }
-    }, [conversationId, pinMessage, pinnedRemainingCount, pinnedTotalCount, t]);
+    }, [conversationId, pinMessage, pinnedRemainingCount, pinnedBackendTotalCount, t]);
     const handleUnpinMessage = useCallback(async (message) => {
         try {
             await unpinMessage(conversationId, message.clientMsgID);

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

@@ -1 +1 @@
-{"version":3,"file":"ActionBar.d.ts","sourceRoot":"","sources":["../../../../src/components/message/footer/ActionBar.tsx"],"names":[],"mappings":"AA4BA,UAAU,cAAc;IAEtB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;CAC7B;AAED,QAAA,MAAM,SAAS,GAAI,gCAAwC,cAAc,4CAmKxE,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"ActionBar.d.ts","sourceRoot":"","sources":["../../../../src/components/message/footer/ActionBar.tsx"],"names":[],"mappings":"AAiBA,UAAU,cAAc;IAEtB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;CAC7B;AAED,QAAA,MAAM,SAAS,GAAI,gCAAwC,cAAc,4CA2HxE,CAAC;AAEF,eAAe,SAAS,CAAC"}

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

@@ -8,13 +8,11 @@ import { useTranslation } from "react-i18next";
 import { Icon } from "../../../components/icon";
 import useAuthStore from "../../../store/auth";
 import { useLexicalComposerContext } from "@lexical/react/LexicalComposerContext";
-import { $createParagraphNode, $getRoot, $getSelection, $isRangeSelection, } from "lexical";
+import { $getRoot } from "lexical";
 import { $generateHtmlFromNodes } from "@lexical/html";
-import { $isListNode, INSERT_ORDERED_LIST_COMMAND, INSERT_UNORDERED_LIST_COMMAND, } from "@lexical/list";
-import { $isQuoteNode } from "@lexical/rich-text";
 import { useMessageFooterContext } from ".";
 import MediaActions from "./MediaActions";
-import { clearComposerHistoryAfterUpdate } from "./clearComposerHistory";
+import { resetEditorAfterSend, resetEditorIfUnchanged } from "./resetEditorAfterSend";
 import useConversationStore from "../../../store/conversation";
 import { extractMentions } from "./mention/extractMentions";
 const ActionBar = ({ formatOpen = false, onToggleFormat }) => {
@@ -39,53 +37,21 @@ const ActionBar = ({ formatOpen = false, onToggleFormat }) => {
         });
         if (canSend) {
             const mentions = extractMentions(editor);
-            const sent = onSendMessage({
+            const sending = onSendMessage({
                 plainText,
                 richText,
                 type: listUploadFiles.length > 0 ? "file" : "text",
                 isInternal,
                 mentions,
             });
-            if (!sent) {
-                return;
-            }
+            // Clear only once the message is built; a failed build keeps the draft.
+            void Promise.resolve(sending).then((sent) => {
+                if (sent)
+                    resetEditorIfUnchanged(editor, { plainText, richText });
+            });
+            return;
         }
-        clearComposerHistoryAfterUpdate(editor);
-        editor.update(() => {
-            const root = $getRoot();
-            root.clear();
-            const paragraph = $createParagraphNode();
-            root.append(paragraph);
-            paragraph.select();
-            const selection = $getSelection();
-            if ($isRangeSelection(selection)) {
-                const anchorNode = selection.anchor.getNode();
-                const topLevelNode = anchorNode.getTopLevelElementOrThrow();
-                const isListNode = $isListNode(topLevelNode);
-                const isQuoteNode = $isQuoteNode(topLevelNode);
-                const listType = isListNode ? topLevelNode.getListType() : undefined;
-                if (selection.hasFormat("bold")) {
-                    selection.formatText("bold");
-                }
-                if (selection.hasFormat("italic")) {
-                    selection.formatText("italic");
-                }
-                if (selection.hasFormat("strikethrough")) {
-                    selection.formatText("strikethrough");
-                }
-                if (isQuoteNode) {
-                    const paragraph = $createParagraphNode();
-                    const children = topLevelNode.getChildren();
-                    children.forEach((child) => paragraph.append(child));
-                    topLevelNode.replace(paragraph);
-                }
-                if (isListNode && listType) {
-                    editor.dispatchCommand(listType === "number"
-                        ? INSERT_ORDERED_LIST_COMMAND
-                        : INSERT_UNORDERED_LIST_COMMAND, undefined);
-                }
-            }
-        });
+        resetEditorAfterSend(editor);
     }, [editor, onSendMessage, canSend, isInternal, listUploadFiles.length]);
     useEffect(() => {
         return editor.registerUpdateListener(({ editorState }) => {

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

@@ -1 +1 @@
-{"version":3,"file":"CannedResponsePlugin.d.ts","sourceRoot":"","sources":["../../../../src/components/message/footer/CannedResponsePlugin.tsx"],"names":[],"mappings":"AAYA,KAAK,KAAK,GAAG;IACX,MAAM,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;AAEF,wBAAgB,2BAA2B,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,KAAK,QAwGrE"}
+{"version":3,"file":"CannedResponsePlugin.d.ts","sourceRoot":"","sources":["../../../../src/components/message/footer/CannedResponsePlugin.tsx"],"names":[],"mappings":"AAaA,KAAK,KAAK,GAAG;IACX,MAAM,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;AAEF,wBAAgB,2BAA2B,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,KAAK,QAwGrE"}

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

@@ -2,6 +2,7 @@ import { useEffect, useRef } from "react";
 import { useLexicalComposerContext } from "@lexical/react/LexicalComposerContext";
 import { $getSelection, $isRangeSelection, COMMAND_PRIORITY_LOW, KEY_ARROW_DOWN_COMMAND, KEY_ARROW_UP_COMMAND, KEY_ESCAPE_COMMAND, } from "lexical";
 import { useMessageFooterContext } from ".";
+import { CANNED_TRIGGER_BEFORE_CURSOR } from "../../../components/canned-response/cannedTrigger";
 export function CannedResponseTriggerPlugin({ onOpen, onClose }) {
     const [editor] = useLexicalComposerContext();
     const { activeCannedIndex, setActiveCannedIndex, isOpenCanned, maxActiveCannedIndex, } = useMessageFooterContext();
@@ -21,8 +22,8 @@ export function CannedResponseTriggerPlugin({ onOpen, onClose }) {
                 const text = node.getTextContent();
                 const offset = anchor.offset;
                 const before = text.slice(0, offset);
-                // match #abc (KHÔNG có space phía sau)
-                const match = before.match(/(^|\s)#(\w*)$/);
+                // match #abc or #abc-def (no space after the cursor)
+                const match = before.match(CANNED_TRIGGER_BEFORE_CURSOR);
                 lastBeforeRef.current = before;
                 if (match && dismissedRef.current !== before) {
                     onOpen(match[2] || "");

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

@@ -1 +1 @@
-{"version":3,"file":"EnterHandler.d.ts","sourceRoot":"","sources":["../../../../src/components/message/footer/EnterHandler.tsx"],"names":[],"mappings":"AA2BA,MAAM,CAAC,OAAO,UAAU,YAAY,SA+JnC"}
+{"version":3,"file":"EnterHandler.d.ts","sourceRoot":"","sources":["../../../../src/components/message/footer/EnterHandler.tsx"],"names":[],"mappings":"AAoBA,MAAM,CAAC,OAAO,UAAU,YAAY,SAkHnC"}

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

@@ -1,11 +1,10 @@
 "use client";
 import { useLexicalComposerContext } from "@lexical/react/LexicalComposerContext";
-import { KEY_ENTER_COMMAND, COMMAND_PRIORITY_NORMAL, $getSelection, $isRangeSelection, $createParagraphNode, $getRoot, } from "lexical";
+import { KEY_ENTER_COMMAND, COMMAND_PRIORITY_NORMAL, $createParagraphNode, $getRoot, } from "lexical";
 import { clearComposerHistoryAfterUpdate } from "./clearComposerHistory";
+import { resetEditorAfterSend, resetEditorIfUnchanged } from "./resetEditorAfterSend";
 import { useEffect, useRef } from "react";
 import { $generateHtmlFromNodes } from "@lexical/html";
-import { $isListNode, INSERT_ORDERED_LIST_COMMAND, INSERT_UNORDERED_LIST_COMMAND, } from "@lexical/list";
-import { $isQuoteNode } from "@lexical/rich-text";
 import { useMessageFooterContext } from ".";
 import useConversationStore from "../../../store/conversation";
 import emitter, { emit } from "../../../utils/events";
@@ -56,57 +55,21 @@ export default function EnterHandler() {
                 const canSend = hasQuote ? hasText : hasText || hasFiles;
                 if (canSend) {
                     const mentions = extractMentions(editor);
-                    const sent = onSendMessage({
+                    const sending = onSendMessage({
                         plainText,
                         richText,
                         type: hasFiles ? "file" : "text",
                         isInternal,
                         mentions,
                     });
-                    if (!sent) {
-                        return true;
-                    }
+                    // Clear only once the message is built; a failed build keeps the draft.
+                    void Promise.resolve(sending).then((sent) => {
+                        if (sent)
+                            resetEditorIfUnchanged(editor, { plainText, richText });
+                    });
+                    return true;
                 }
-                clearComposerHistoryAfterUpdate(editor);
-                editor.update(() => {
-                    const root = $getRoot();
-                    root.clear();
-                    const paragraph = $createParagraphNode();
-                    root.append(paragraph);
-                    paragraph.select();
-                    const selection = $getSelection();
-                    if ($isRangeSelection(selection)) {
-                        const anchorNode = selection.anchor.getNode();
-                        const topLevelNode = anchorNode.getTopLevelElementOrThrow();
-                        const isListNode = $isListNode(topLevelNode);
-                        const isQuoteNode = $isQuoteNode(topLevelNode);
-                        const listType = isListNode
-                            ? topLevelNode.getListType()
-                            : undefined;
-                        if (selection.hasFormat("bold")) {
-                            selection.formatText("bold");
-                        }
-                        if (selection.hasFormat("italic")) {
-                            selection.formatText("italic");
-                        }
-                        if (selection.hasFormat("strikethrough")) {
-                            selection.formatText("strikethrough");
-                        }
-                        if (isQuoteNode) {
-                            // Nếu đang là QuoteNode → chuyển về Paragraph (bình thường)
-                            const paragraph = $createParagraphNode();
-                            // copy con của quote sang paragraph
-                            const children = topLevelNode.getChildren();
-                            children.forEach((child) => paragraph.append(child));
-                            topLevelNode.replace(paragraph);
-                        }
-                        if (isListNode && listType) {
-                            editor.dispatchCommand(listType === "number"
-                                ? INSERT_ORDERED_LIST_COMMAND
-                                : INSERT_UNORDERED_LIST_COMMAND, undefined);
-                        }
-                    }
-                });
+                resetEditorAfterSend(editor);
                 return true;
             }
             return false;

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

@@ -1 +1 @@
-{"version":3,"file":"FilePreview.d.ts","sourceRoot":"","sources":["../../../../src/components/message/footer/FilePreview.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AA8IlC,wBAAgB,eAAe,CAAC,EAC9B,KAAK,EACL,QAAQ,EACR,YAAY,GACb,EAAE;IACD,KAAK,EAAE,UAAU,EAAE,CAAC;IACpB,QAAQ,EAAE,CAAC,IAAI,EAAE,UAAU,KAAK,IAAI,CAAC;IACrC,YAAY,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;CACtC,kDAsBA;AAED,QAAA,MAAM,WAAW,+CAQhB,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"FilePreview.d.ts","sourceRoot":"","sources":["../../../../src/components/message/footer/FilePreview.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AA+IlC,wBAAgB,eAAe,CAAC,EAC9B,KAAK,EACL,QAAQ,EACR,YAAY,GACb,EAAE;IACD,KAAK,EAAE,UAAU,EAAE,CAAC;IACpB,QAAQ,EAAE,CAAC,IAAI,EAAE,UAAU,KAAK,IAAI,CAAC;IACrC,YAAY,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;CACtC,kDAsBA;AAED,QAAA,MAAM,WAAW,+CAQhB,CAAC;AAEF,eAAe,WAAW,CAAC"}

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

@@ -45,7 +45,8 @@ const MediaThumb = ({ file, onRemove, onVideoReady }) => {
         return () => URL.revokeObjectURL(url);
     }, [file.originFileObj, file.url]);
     const handleLoadedMetadata = (event) => {
-        setDuration(event.currentTarget.duration);
+        const { duration: videoDuration } = event.currentTarget;
+        setDuration(Number.isFinite(videoDuration) ? videoDuration : null);
         onVideoReady === null || onVideoReady === void 0 ? void 0 : onVideoReady(file.uid);
     };
     return (_jsxs("div", { "data-cp-name": "MediaThumb", className: "relative h-12 w-12 shrink-0", children: [isVideo ? (_jsx("video", { src: src, className: "h-12 w-12 rounded-lg object-cover", preload: "metadata", muted: true, onLoadedMetadata: handleLoadedMetadata })) : (_jsx("img", { src: src, alt: file.name, className: "h-12 w-12 rounded-lg object-cover" })), isLoading && (_jsx("div", { className: "absolute inset-0 flex items-center justify-center rounded-lg bg-black/60", children: _jsxs("span", { className: "text-xs font-semibold text-white", children: [percent, "%"] }) })), isVideo && duration !== null && (_jsx("div", { className: "absolute bottom-1 left-1/2 flex w-9 -translate-x-1/2 items-center justify-center rounded-xl bg-black/70 px-1 text-center text-[10px] font-normal leading-4 text-white", children: formatDuration(duration) })), _jsx(RemoveButton, { file: file, onRemove: onRemove })] }));

package/dist/components/message/footer/LinkInputPreview.d.ts

@@ -2,6 +2,6 @@ export interface LinkInputPreviewProps {
     url: string;
     onRemove: () => void;
 }
-declare const LinkInputPreview: ({ url, onRemove }: LinkInputPreviewProps) => import("react/jsx-runtime").JSX.Element;
+declare const LinkInputPreview: ({ url, onRemove }: LinkInputPreviewProps) => import("react/jsx-runtime").JSX.Element | null;
 export default LinkInputPreview;
 //# sourceMappingURL=LinkInputPreview.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"LinkInputPreview.d.ts","sourceRoot":"","sources":["../../../../src/components/message/footer/LinkInputPreview.tsx"],"names":[],"mappings":"AAQA,MAAM,WAAW,qBAAqB;IACpC,GAAG,EAAE,MAAM,CAAC;IACZ,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,QAAA,MAAM,gBAAgB,GAAI,mBAAmB,qBAAqB,4CAqEjE,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"LinkInputPreview.d.ts","sourceRoot":"","sources":["../../../../src/components/message/footer/LinkInputPreview.tsx"],"names":[],"mappings":"AAQA,MAAM,WAAW,qBAAqB;IACpC,GAAG,EAAE,MAAM,CAAC;IACZ,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,QAAA,MAAM,gBAAgB,GAAI,mBAAmB,qBAAqB,mDAwEjE,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

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

@@ -8,9 +8,16 @@ import { useTranslation } from "react-i18next";
 const LinkInputPreview = ({ url, onRemove }) => {
     const { t } = useTranslation("conversation-inbox");
     const { data, isLoading, isError } = useFetchUrlMetadata(url);
+    // A link whose preview cannot be loaded is shown as a plain link only.
+    const hasNoPreview = isError ||
+        !!(data === null || data === void 0 ? void 0 : data.isEmpty) ||
+        (!!data && !data.title && !data.description && !data.image) ||
+        data === null;
+    if (!isLoading && hasNoPreview)
+        return null;
     const handleOpen = () => {
         openLink(url, t);
     };
-    return (_jsxs("div", { "data-testid": "link-input-preview", "data-cp-name": "LinkInputPreview", className: "flex w-full shrink-0 items-center gap-2 overflow-hidden bg-blue-25 pr-2", children: [_jsxs("button", { type: "button", onClick: handleOpen, className: "flex min-w-0 flex-1 items-center gap-2 py-0 pl-0 text-left", children: [_jsx("div", { className: "flex h-[51px] w-[51px] shrink-0 items-center justify-center overflow-hidden bg-blue-25", children: isLoading ? (_jsx("div", { className: "h-5 w-5 animate-spin rounded-full border-2 border-[var(--dc-color-primary)] border-t-transparent" })) : (data === null || data === void 0 ? void 0 : data.image) ? (_jsx("img", { src: data.image, alt: "", className: "h-full w-full object-cover" })) : (_jsx(AdaptiveIcon, { stroke: "link", font: "link-alt-b", size: 24, className: "text-[var(--dc-color-primary)]" })) }), _jsxs("div", { className: "min-w-0 flex-1", children: [isLoading ? (_jsx("p", { className: "truncate text-[14px] font-medium leading-[1.6] text-gray-900", children: t("link_preview.loading") })) : (_jsxs(_Fragment, { children: [_jsx("p", { className: "truncate text-[14px] font-medium leading-[1.6] text-gray-900", children: (data === null || data === void 0 ? void 0 : data.title) || getHostLabel(url) }), ((data === null || data === void 0 ? void 0 : data.description) || !(data === null || data === void 0 ? void 0 : data.title)) && (_jsx("p", { className: "truncate text-[13px] leading-[1.6] text-gray-400", children: (data === null || data === void 0 ? void 0 : data.description) || getHostLabel(url) }))] })), isError && !isLoading && (_jsx("p", { className: "truncate text-[13px] leading-[1.6] text-gray-400", children: getHostLabel(url) }))] })] }), _jsx("button", { type: "button", onClick: onRemove, "data-testid": "link-input-preview-remove", className: "flex h-4 w-4 shrink-0 items-center justify-center", "aria-label": t("link_preview.remove"), children: _jsx(AdaptiveIcon, { stroke: "x", font: "close-b", size: 16, className: "text-gray-900" }) })] }));
+    return (_jsxs("div", { "data-testid": "link-input-preview", "data-cp-name": "LinkInputPreview", className: "flex w-full shrink-0 items-center gap-2 overflow-hidden bg-blue-25 pr-2", children: [_jsxs("button", { type: "button", onClick: handleOpen, className: "flex min-w-0 flex-1 items-center gap-2 py-0 pl-0 text-left", children: [_jsx("div", { className: "flex h-[51px] w-[51px] shrink-0 items-center justify-center overflow-hidden bg-blue-25", children: isLoading ? (_jsx("div", { className: "h-5 w-5 animate-spin rounded-full border-2 border-[var(--dc-color-primary)] border-t-transparent" })) : (data === null || data === void 0 ? void 0 : data.image) ? (_jsx("img", { src: data.image, alt: "", className: "h-full w-full object-cover" })) : (_jsx(AdaptiveIcon, { stroke: "link", font: "link-alt-b", size: 24, className: "text-[var(--dc-color-primary)]" })) }), _jsx("div", { className: "min-w-0 flex-1", children: isLoading ? (_jsx("p", { className: "truncate text-[14px] font-medium leading-[1.6] text-gray-900", children: t("link_preview.loading") })) : (_jsxs(_Fragment, { children: [_jsx("p", { className: "truncate text-[14px] font-medium leading-[1.6] text-gray-900", children: (data === null || data === void 0 ? void 0 : data.title) || getHostLabel(url) }), ((data === null || data === void 0 ? void 0 : data.description) || !(data === null || data === void 0 ? void 0 : data.title)) && (_jsx("p", { className: "truncate text-[13px] leading-[1.6] text-gray-400", children: (data === null || data === void 0 ? void 0 : data.description) || getHostLabel(url) }))] })) })] }), _jsx("button", { type: "button", onClick: onRemove, "data-testid": "link-input-preview-remove", className: "flex h-4 w-4 shrink-0 items-center justify-center", "aria-label": t("link_preview.remove"), children: _jsx(AdaptiveIcon, { stroke: "x", font: "close-b", size: 16, className: "text-gray-900" }) })] }));
 };
 export default LinkInputPreview;

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

@@ -1 +1 @@
-{"version":3,"file":"MediaUploadButtons.d.ts","sourceRoot":"","sources":["../../../../src/components/message/footer/MediaUploadButtons.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAkB,UAAU,EAA0B,MAAM,MAAM,CAAC;AA2B1E,UAAU,uBAAuB;IAC/B,eAAe,EAAE,UAAU,EAAE,CAAC;IAC9B,aAAa,EAAE,CAAC,KAAK,EAAE,UAAU,EAAE,KAAK,IAAI,CAAC;IAC7C,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,OAAO,CAAC;IACrB,QAAQ,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,SAAS,CAAC,CAAC;IAE9D,WAAW,CAAC,EAAE,OAAO,CAAC;IAGtB,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED,MAAM,CAAC,OAAO,UAAU,kBAAkB,CAAC,EACzC,eAAe,EACf,aAAa,EACb,QAAQ,EACR,WAAW,EACX,QAAQ,EACR,WAAkB,EAClB,cAAsB,GACvB,EAAE,uBAAuB,2CA6FzB"}
+{"version":3,"file":"MediaUploadButtons.d.ts","sourceRoot":"","sources":["../../../../src/components/message/footer/MediaUploadButtons.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAkB,UAAU,EAA0B,MAAM,MAAM,CAAC;AAiC1E,UAAU,uBAAuB;IAC/B,eAAe,EAAE,UAAU,EAAE,CAAC;IAC9B,aAAa,EAAE,CAAC,KAAK,EAAE,UAAU,EAAE,KAAK,IAAI,CAAC;IAC7C,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,OAAO,CAAC;IACrB,QAAQ,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,SAAS,CAAC,CAAC;IAE9D,WAAW,CAAC,EAAE,OAAO,CAAC;IAGtB,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED,MAAM,CAAC,OAAO,UAAU,kBAAkB,CAAC,EACzC,eAAe,EACf,aAAa,EACb,QAAQ,EACR,WAAW,EACX,QAAQ,EACR,WAAkB,EAClB,cAAsB,GACvB,EAAE,uBAAuB,2CA0FzB"}

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

@@ -3,7 +3,7 @@ import { Button, Upload, message as antdMessage } from "antd";
 import { useTranslation } from "react-i18next";
 import { Icon } from "../../../components/icon";
 import { StrokeIcon } from "../../../components/icon/StrokeIcon";
-import { MAX_DOCUMENT_SIZE_MB, validateFile } from "../../../utils/fileValidation";
+import { getAttachmentSizeError, getDocumentFormatError, getImageFormatError, MAX_DOCUMENT_SIZE_MB, validateFile, } from "../../../utils/fileValidation";
 import { DOCUMENT_TYPES } from "./editorConfig";
 import { mergePickedUploadFiles } from "./mergePickedUploadFiles";
 const AttachIcon = (_jsx("svg", { width: "22", height: "22", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: _jsx("path", { d: "M15.6 10.0001V11.2001C15.6 14.5137 12.9137 17.2001 9.59998 17.2001C6.28626 17.2001 3.59998 14.5137 3.59998 11.2001V6.79999C3.59998 4.59085 5.39084 2.79999 7.59998 2.79999C9.8091 2.79999 11.6 4.59085 11.6 6.79999V11.2C11.6 12.3045 10.7045 13.2 9.59998 13.2C8.49542 13.2 7.59998 12.3045 7.59998 11.2V7.99999", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) }));
@@ -13,7 +13,7 @@ export default function MediaUploadButtons({ listUploadFiles, onFilesChange, btn
         listUploadFiles.some((f) => DOCUMENT_TYPES.includes(f.type || ""));
     const beforeUploadImagesAndVideo = (file) => {
         if (!acceptVideo && file.type.startsWith("video/")) {
-            antdMessage.error(t("invalid_image_format", { fileName: file.name }));
+            antdMessage.error(getImageFormatError(t, file));
             return Upload.LIST_IGNORE;
         }
         const validation = validateFile(file, t);
@@ -29,14 +29,11 @@ export default function MediaUploadButtons({ listUploadFiles, onFilesChange, btn
             return Upload.LIST_IGNORE;
         const isAllowed = DOCUMENT_TYPES.includes(file.type);
         if (!isAllowed) {
-            antdMessage.error(t("invalid_document_format", { fileName: file.name }));
+            antdMessage.error(getDocumentFormatError(t, file));
             return Upload.LIST_IGNORE;
         }
         if (file.size / 1024 / 1024 > MAX_DOCUMENT_SIZE_MB) {
-            antdMessage.error(t("file_size_exceeded", {
-                fileName: file.name,
-                maxSize: MAX_DOCUMENT_SIZE_MB,
-            }));
+            antdMessage.error(getAttachmentSizeError(t, file, "document", MAX_DOCUMENT_SIZE_MB));
             return Upload.LIST_IGNORE;
         }
         return false;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/message/footer/index.tsx"],"names":[],"mappings":"AAkBA,OAAO,EAEL,mBAAmB,EAEnB,wBAAwB,EAEzB,MAAM,cAAc,CAAC;AAUtB,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAwB/C,UAAU,kBAAkB;IAC1B,cAAc,CAAC,EAAE,gBAAgB,CAAC;IAClC,qBAAqB,CAAC,EAAE,CAAC,OAAO,CAAC,EAAE,mBAAmB,KAAK,IAAI,CAAC;CACjE;AASD,eAAO,MAAM,oBAAoB,mDAc/B,CAAC;AAEH,eAAO,MAAM,uBAAuB,gCAAyC,CAAC;AAE9E,QAAA,MAAM,qBAAqB,GAAI,4CAG5B,kBAAkB,4CA+apB,CAAC;AAEF,eAAe,qBAAqB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/message/footer/index.tsx"],"names":[],"mappings":"AAkBA,OAAO,EAEL,mBAAmB,EAEnB,wBAAwB,EAEzB,MAAM,cAAc,CAAC;AAUtB,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAwB/C,UAAU,kBAAkB;IAC1B,cAAc,CAAC,EAAE,gBAAgB,CAAC;IAClC,qBAAqB,CAAC,EAAE,CAAC,OAAO,CAAC,EAAE,mBAAmB,KAAK,IAAI,CAAC;CACjE;AASD,eAAO,MAAM,oBAAoB,mDAc/B,CAAC;AAEH,eAAO,MAAM,uBAAuB,gCAAyC,CAAC;AAE9E,QAAA,MAAM,qBAAqB,GAAI,4CAG5B,kBAAkB,4CAydpB,CAAC;AAEF,eAAe,qBAAqB,CAAC"}