@droppii-org/chat-sdk 0.8.1 → 0.8.2

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

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

@@ -25,7 +25,7 @@ import CannedResponse from "../../../components/canned-response";
 import CannedResponsePanel from "../../../components/canned-response/CannedResponsePanel";
 import CrmComposerCard from "./CrmComposerCard";
 import { CannedResponseTriggerPlugin } from "./CannedResponsePlugin";
-import { useBoolean } from "ahooks";
+import { useBoolean, useLatest } from "ahooks";
 import useAuthStore from "../../../store/auth";
 import useConversationStore from "../../../store/conversation";
 import { useCurrentUserAccountType } from "../../../hooks/user/useCurrentUserAccountType";
@@ -142,6 +142,10 @@ const MessageFooterProvider = ({ currentSession, openCreateCannedModal, }) => {
         };
     }, [showLinkPreview, previewUrl, previewMetadata]);
     const [isSessionClosedModalOpen, { setTrue: openSessionClosedModal, setFalse: closeSessionClosedModal },] = useBoolean(false);
+    // Conversations whose message is still being built. Keyed per thread so a send in
+    // one thread neither blocks nor clears the composer of the thread opened next.
+    const buildingConversationsRef = useRef(new Set());
+    const currentConversationIdRef = useLatest(conversationData === null || conversationData === void 0 ? void 0 : conversationData.conversationID);
     const pendingMessageRef = useRef(null);
     const { mutateAsync: createSession, isPending: isCreatingSession } = useCreateSession();
     const { mutateAsync: reopenSession, isPending: isReopeningSession } = useReopenSession();
@@ -163,6 +167,7 @@ const MessageFooterProvider = ({ currentSession, openCreateCannedModal, }) => {
         ? t("enter_internal_message")
         : t("enter_message");
     const onSendMessage = useCallback(({ plainText, richText, type, isInternal, mentions, }) => {
+        var _a;
         if ((currentSession === null || currentSession === void 0 ? void 0 : currentSession.isClosed) && !isInternal) {
             pendingMessageRef.current = {
                 plainText,
@@ -172,34 +177,61 @@ const MessageFooterProvider = ({ currentSession, openCreateCannedModal, }) => {
                 files: [...listUploadFiles],
                 urlMetadata: resolveUrlMetadata(),
                 mentions,
+                conversationId: conversationData === null || conversationData === void 0 ? void 0 : conversationData.conversationID,
             };
             openSessionClosedModal();
             return false;
         }
-        sendMergeMessage({
-            plainText,
-            richText,
-            files: listUploadFiles,
-            currentSession,
-            isInternal,
-            urlMetadata: resolveUrlMetadata(),
-            mentions,
+        // A second Enter while the first message is still being built would send it twice.
+        const conversationId = (_a = conversationData === null || conversationData === void 0 ? void 0 : conversationData.conversationID) !== null && _a !== void 0 ? _a : "";
+        if (buildingConversationsRef.current.has(conversationId))
+            return false;
+        buildingConversationsRef.current.add(conversationId);
+        const sentFileUids = new Set(listUploadFiles.map((file) => file.uid));
+        // The composer is cleared by the caller only when this resolves true, so a failed
+        // build (hung or rejected core call) keeps the text and files for another try.
+        return new Promise((resolve) => {
+            const settle = (shown) => {
+                buildingConversationsRef.current.delete(conversationId);
+                if (!shown)
+                    toastMessage.error(t("message_send_failed_no_retry"));
+                if (shown) {
+                    // The upload list is composer-wide: even after a thread switch the sent files
+                    // must go, or they would ride along with the next thread's message.
+                    setListUploadFiles((files) => files.filter((file) => !sentFileUids.has(file.uid)));
+                }
+                // After a thread switch the composer may still hold the sent text; the caller
+                // clears it only if it is unchanged, so a different draft is never touched.
+                resolve(shown);
+            };
+            void sendMergeMessage({
+                plainText,
+                richText,
+                files: listUploadFiles,
+                currentSession,
+                isInternal,
+                urlMetadata: resolveUrlMetadata(),
+                mentions,
+                onBuilt: settle,
+            });
         });
-        setListUploadFiles([]);
-        return true;
     }, [
+        t,
         sendMergeMessage,
         listUploadFiles,
         currentSession,
         openSessionClosedModal,
         resolveUrlMetadata,
+        conversationData === null || conversationData === void 0 ? void 0 : conversationData.conversationID,
+        currentConversationIdRef,
     ]);
     const executePendingSend = useCallback((newSession) => {
         const pending = pendingMessageRef.current;
         if (!pending)
             return;
         const sessionToUse = newSession || currentSession;
-        sendMergeMessage({
+        pendingMessageRef.current = null;
+        void sendMergeMessage({
             plainText: pending.plainText,
             richText: pending.richText,
             files: pending.files,
@@ -207,11 +239,20 @@ const MessageFooterProvider = ({ currentSession, openCreateCannedModal, }) => {
             isInternal: pending.isInternal,
             urlMetadata: pending.urlMetadata,
             mentions: pending.mentions,
+            onBuilt: (shown) => {
+                if (!shown) {
+                    toastMessage.error(t("message_send_failed_no_retry"));
+                    return;
+                }
+                const sentUids = new Set(pending.files.map((file) => file.uid));
+                setListUploadFiles((files) => files.filter((file) => !sentUids.has(file.uid)));
+                // Only the thread the message was written in has a text composer to clear.
+                if (currentConversationIdRef.current !== pending.conversationId)
+                    return;
+                emit("CLEAR_COMPOSER");
+            },
         });
-        setListUploadFiles([]);
-        pendingMessageRef.current = null;
-        emit("CLEAR_COMPOSER");
-    }, [sendMergeMessage, currentSession]);
+    }, [t, sendMergeMessage, currentSession, currentConversationIdRef]);
     const handleSessionAction = useCallback(async (action) => {
         const conversationId = conversationData === null || conversationData === void 0 ? void 0 : conversationData.conversationID;
         if (!conversationId)

package/dist/components/message/footer/mention/useMentionOptions.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useMentionOptions.d.ts","sourceRoot":"","sources":["../../../../../src/components/message/footer/mention/useMentionOptions.ts"],"names":[],"mappings":"AAMA,MAAM,WAAW,aAAa;IAC5B,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,OAAO,CAAC;CAClB;AAED,eAAO,MAAM,mBAAmB,YAAY,CAAC;AAoB7C,eAAO,MAAM,iBAAiB,GAC5B,SAAS,MAAM,GAAG,SAAS,EAC3B,OAAO,MAAM,KACZ,aAAa,EA2Df,CAAC"}
+{"version":3,"file":"useMentionOptions.d.ts","sourceRoot":"","sources":["../../../../../src/components/message/footer/mention/useMentionOptions.ts"],"names":[],"mappings":"AAKA,MAAM,WAAW,aAAa;IAC5B,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,OAAO,CAAC;CAClB;AAED,eAAO,MAAM,mBAAmB,YAAY,CAAC;AAoB7C,eAAO,MAAM,iBAAiB,GAC5B,SAAS,MAAM,GAAG,SAAS,EAC3B,OAAO,MAAM,KACZ,aAAa,EAwDf,CAAC"}

package/dist/components/message/footer/mention/useMentionOptions.js

@@ -2,7 +2,6 @@ import { useEffect, useMemo } from "react";
 import { useTranslation } from "react-i18next";
 import { useGroupMembers } from "../../../../hooks/group/useGroupMembers";
 import { useSearchGroupMembers } from "../../../../hooks/group/useSearchGroupMembers";
-import useAuthStore from "../../../../store/auth";
 export const ALL_MEMBERS_USER_ID = "__all__";
 // Typing a name loads a big group's remaining members up to this many.
 const MENTION_MEMBER_LOAD_LIMIT = 10000;
@@ -27,7 +26,6 @@ export const useMentionOptions = (groupID, query) => {
     // Core keeps only part of a big group locally, so its search alone misses
     // members; typing a name also loads the rest, merged in as pages arrive.
     const { results: searchResults } = useSearchGroupMembers(groupID, hasMore ? query : "");
-    const currentUserID = useAuthStore((state) => state.userID);
     const hasKeyword = query.trim().length > 0;
     useEffect(() => {
         if (!hasKeyword || !hasMore || isLoadingMore)
@@ -42,10 +40,8 @@ export const useMentionOptions = (groupID, query) => {
         const candidates = keyword
             ? [...members, ...searchResults.filter((member) => !loadedIDs.has(member.userID))]
             : members;
-        // Self-tagging isn't a useful mention target — the sender already
-        // knows who they are — so the current user is filtered out entirely.
+        // The sender stays in the list: the spec lists every group member.
         const memberOptions = candidates
-            .filter((member) => member.userID !== currentUserID)
             .map((member) => ({
             userID: member.userID,
             displayName: member.nickname || member.userID,
@@ -69,5 +65,5 @@ export const useMentionOptions = (groupID, query) => {
         };
         const matchesAll = !keyword || allOption.displayName.toLowerCase().includes(keyword);
         return matchesAll ? [allOption, ...memberOptions] : memberOptions;
-    }, [members, searchResults, query, t, currentUserID]);
+    }, [members, searchResults, query, t]);
 };

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

@@ -0,0 +1,7 @@
+import { LexicalEditor } from "lexical";
+export declare const resetEditorIfUnchanged: (editor: LexicalEditor, sent: {
+    plainText: string;
+    richText: string;
+}) => void;
+export declare const resetEditorAfterSend: (editor: LexicalEditor) => void;
+//# sourceMappingURL=resetEditorAfterSend.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"resetEditorAfterSend.d.ts","sourceRoot":"","sources":["../../../../src/components/message/footer/resetEditorAfterSend.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAoE,MAAM,SAAS,CAAC;AAW1G,eAAO,MAAM,sBAAsB,GACjC,QAAQ,aAAa,EACrB,MAAM;IAAE,SAAS,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,MAAM,CAAA;CAAE,SAU9C,CAAC;AAIF,eAAO,MAAM,oBAAoB,GAAI,QAAQ,aAAa,SAgDzD,CAAC"}