@droppii-org/chat-sdk 0.7.17 → 0.7.20

package/dist/components/canned-response/CannedResponsePanel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CannedResponsePanel.d.ts","sourceRoot":"","sources":["../../../src/components/canned-response/CannedResponsePanel.tsx"],"names":[],"mappings":"AAWA,OAAO,EAAE,mBAAmB,EAA8B,MAAM,cAAc,CAAC;AAQ/E,UAAU,wBAAwB;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,mBAAmB,KAAK,IAAI,CAAC;CACnD;AAaD,QAAA,MAAM,mBAAmB,GAAI,oCAI1B,wBAAwB,4CAmJ1B,CAAC;AAEF,eAAe,mBAAmB,CAAC"}
+{"version":3,"file":"CannedResponsePanel.d.ts","sourceRoot":"","sources":["../../../src/components/canned-response/CannedResponsePanel.tsx"],"names":[],"mappings":"AAWA,OAAO,EAAE,mBAAmB,EAA8B,MAAM,cAAc,CAAC;AAQ/E,UAAU,wBAAwB;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,mBAAmB,KAAK,IAAI,CAAC;CACnD;AAaD,QAAA,MAAM,mBAAmB,GAAI,oCAI1B,wBAAwB,4CAwJ1B,CAAC;AAEF,eAAe,mBAAmB,CAAC"}

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

@@ -12,7 +12,7 @@ import { useMessageFooterContext } from "../../components/message/footer";
 import { CannedResponseVisibleScope } from "../../types/chat";
 import { sanitizeHtml } from "../../utils/common";
 import emitter from "../../utils/events";
-import { insertCannedContent } from "./insertCannedContent";
+import { useInsertCannedReply } from "./useInsertCannedReply";
 import { buildCannedScopes } from "./cannedScopes";
 import CannedScopeChips, { ALL_SCOPES_KEY } from "./CannedScopeChips";
 import CannedResponseRow from "./CannedResponseRow";
@@ -35,7 +35,14 @@ const CannedResponsePanel = ({ query, viewedTeamId, onCreate, }) => {
     const activeScopes = useMemo(() => (filter === ALL_SCOPES_KEY ? scopes : scopes.filter((s) => s.key === filter)), [scopes, filter]);
     const { rows, isLoading, isError } = useSearchCannedAcrossScopes(activeScopes, debouncedQuery);
     const settling = query !== debouncedQuery;
-    const insertRow = useCallback((row) => insertCannedContent(editor, sanitizeHtml(row.content || "")), [editor]);
+    const insertReply = useInsertCannedReply();
+    const insertRow = useCallback((row) => {
+        var _a, _b;
+        return insertReply(sanitizeHtml(row.content || ""), {
+            images: (_a = row.images) !== null && _a !== void 0 ? _a : [],
+            files: (_b = row.files) !== null && _b !== void 0 ? _b : [],
+        });
+    }, [insertReply]);
     useEffect(() => {
         const onSelect = (index) => {
             const row = index === null ? undefined : rows[Math.min(index, rows.length - 1)];
@@ -60,7 +67,7 @@ const CannedResponsePanel = ({ query, viewedTeamId, onCreate, }) => {
         onCreate === null || onCreate === void 0 ? void 0 : onCreate({
             visibilityScope: isPersonal ? "PRIVATE" : "TEAM",
             teamId: isPersonal ? undefined : (_a = scope === null || scope === void 0 ? void 0 : scope.teamId) !== null && _a !== void 0 ? _a : viewedTeamId,
-            onCreated: (content) => editor.focus(() => insertCannedContent(editor, sanitizeHtml(content))),
+            onCreated: (content, media) => editor.focus(() => insertReply(sanitizeHtml(content), media)),
         });
     };
     const noQuery = query.length === 0;

package/dist/components/canned-response/insertCannedMedia.d.ts

@@ -0,0 +1,18 @@
+import { type UploadFile } from "antd";
+import type { TFunction } from "i18next";
+import type { CannedMediaPayload } from "../../types/chat";
+import type { ICannedMedia } from "../../types/dto";
+export declare const cannedMediaToFile: (m: ICannedMedia) => Promise<File>;
+export declare const mergeCannedUploads: (prev: UploadFile[], incoming: UploadFile[]) => {
+    list: UploadFile[];
+    skippedDoc: boolean;
+};
+interface InsertCannedMediaParams {
+    media?: CannedMediaPayload;
+    current: UploadFile[];
+    setFiles: (updater: (prev: UploadFile[]) => UploadFile[]) => void;
+    t: TFunction;
+}
+export declare const insertCannedMedia: ({ media, current, setFiles, t, }: InsertCannedMediaParams) => Promise<void>;
+export {};
+//# sourceMappingURL=insertCannedMedia.d.ts.map

package/dist/components/canned-response/insertCannedMedia.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"insertCannedMedia.d.ts","sourceRoot":"","sources":["../../../src/components/canned-response/insertCannedMedia.ts"],"names":[],"mappings":"AAAA,OAAO,EAA0B,KAAK,UAAU,EAAE,MAAM,MAAM,CAAC;AAC/D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AACzC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AACvD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAchD,eAAO,MAAM,iBAAiB,GAAU,GAAG,YAAY,KAAG,OAAO,CAAC,IAAI,CAuBrE,CAAC;AAGF,eAAO,MAAM,kBAAkB,GAC7B,MAAM,UAAU,EAAE,EAClB,UAAU,UAAU,EAAE,KACrB;IAAE,IAAI,EAAE,UAAU,EAAE,CAAC;IAAC,UAAU,EAAE,OAAO,CAAA;CAa3C,CAAC;AAEF,UAAU,uBAAuB;IAC/B,KAAK,CAAC,EAAE,kBAAkB,CAAC;IAC3B,OAAO,EAAE,UAAU,EAAE,CAAC;IACtB,QAAQ,EAAE,CAAC,OAAO,EAAE,CAAC,IAAI,EAAE,UAAU,EAAE,KAAK,UAAU,EAAE,KAAK,IAAI,CAAC;IAClE,CAAC,EAAE,SAAS,CAAC;CACd;AAED,eAAO,MAAM,iBAAiB,GAAU,kCAKrC,uBAAuB,kBAkDzB,CAAC"}

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

@@ -0,0 +1,101 @@
+import { message as antdMessage } from "antd";
+import { basename, isSafeMediaUrl } from "../../utils/mediaUrl";
+import { createUploadFile, DOCUMENT_MIME_TYPES, MAX_DOCUMENT_SIZE_MB, MAX_IMAGE_SIZE_MB, } from "../../utils/fileValidation";
+const DOWNLOAD_TIMEOUT_MS = 30000;
+const isDocument = (type) => DOCUMENT_MIME_TYPES.includes(type || "");
+// Downloads a saved canned attachment into a File so the normal send pipeline can upload it.
+export const cannedMediaToFile = async (m) => {
+    var _a, _b;
+    const maxMb = isDocument(m.contentType) ? MAX_DOCUMENT_SIZE_MB : MAX_IMAGE_SIZE_MB;
+    const tooBig = (bytes) => !!bytes && bytes / 1024 / 1024 > maxMb;
+    if (tooBig(m.fileSize)) {
+        throw new Error(`Canned media ${m.fullUrl} exceeds ${maxMb}MB`);
+    }
+    const controller = new AbortController();
+    const timer = setTimeout(() => controller.abort(), DOWNLOAD_TIMEOUT_MS);
+    let blob;
+    try {
+        const res = await fetch(m.fullUrl, { signal: controller.signal });
+        if (!res.ok)
+            throw new Error(`Fetch ${m.fullUrl} failed: ${res.status}`);
+        blob = await res.blob();
+    }
+    finally {
+        clearTimeout(timer);
+    }
+    // fileSize is optional on saved media, so re-check what was actually downloaded.
+    if (tooBig(blob.size)) {
+        throw new Error(`Canned media ${m.fullUrl} exceeds ${maxMb}MB`);
+    }
+    return new File([blob], (_b = (_a = m.fileName) !== null && _a !== void 0 ? _a : m.name) !== null && _b !== void 0 ? _b : basename(m.streamId), {
+        type: m.contentType || blob.type,
+    });
+};
+// Appends incoming uploads; keeps at most one document and never replaces the agent's own.
+export const mergeCannedUploads = (prev, incoming) => {
+    let hasDoc = prev.some((f) => isDocument(f.type));
+    let skippedDoc = false;
+    const accepted = incoming.filter((f) => {
+        if (!isDocument(f.type))
+            return true;
+        if (hasDoc) {
+            skippedDoc = true;
+            return false;
+        }
+        hasDoc = true;
+        return true;
+    });
+    return { list: [...prev, ...accepted], skippedDoc };
+};
+export const insertCannedMedia = async ({ media, current, setFiles, t, }) => {
+    var _a, _b;
+    const loadingKey = `canned-media-loading-${Date.now()}-${Math.random()}`;
+    try {
+        const items = [...((_a = media === null || media === void 0 ? void 0 : media.images) !== null && _a !== void 0 ? _a : []), ...((_b = media === null || media === void 0 ? void 0 : media.files) !== null && _b !== void 0 ? _b : [])].filter((m) => m && isSafeMediaUrl(m.fullUrl));
+        if (!items.length)
+            return;
+        // Skip surplus docs before downloading; the updater re-checks against the live list.
+        let hasDoc = current.some((f) => isDocument(f.type));
+        let skippedDoc = false;
+        const toFetch = items.filter((m) => {
+            if (!isDocument(m.contentType))
+                return true;
+            if (hasDoc) {
+                skippedDoc = true;
+                return false;
+            }
+            hasDoc = true;
+            return true;
+        });
+        if (skippedDoc)
+            antdMessage.warning(t("canned_media_doc_limit"));
+        if (!toFetch.length)
+            return;
+        antdMessage.loading({ content: t("canned_media_loading"), key: loadingKey, duration: 0 });
+        const results = await Promise.allSettled(toFetch.map(cannedMediaToFile));
+        const uploads = results.flatMap((r) => r.status === "fulfilled" ? [createUploadFile(r.value)] : []);
+        if (uploads.length) {
+            let warned = false;
+            setFiles((prev) => {
+                const merged = mergeCannedUploads(prev, uploads);
+                // The agent may have attached a document while downloading; updater can run twice.
+                if (merged.skippedDoc && !warned) {
+                    warned = true;
+                    antdMessage.warning(t("canned_media_doc_limit"));
+                }
+                return merged.list;
+            });
+        }
+        if (uploads.length < results.length) {
+            results.forEach((r) => r.status === "rejected" && console.error(r.reason));
+            antdMessage.error(t("canned_media_load_failed"));
+        }
+    }
+    catch (error) {
+        console.error("Failed to insert canned media:", error);
+        antdMessage.error(t("canned_media_load_failed"));
+    }
+    finally {
+        antdMessage.destroy(loadingKey);
+    }
+};

package/dist/components/canned-response/useInsertCannedReply.d.ts

@@ -0,0 +1,3 @@
+import type { CannedMediaPayload } from "../../types/chat";
+export declare const useInsertCannedReply: () => (content: string, media?: CannedMediaPayload) => void;
+//# sourceMappingURL=useInsertCannedReply.d.ts.map

package/dist/components/canned-response/useInsertCannedReply.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useInsertCannedReply.d.ts","sourceRoot":"","sources":["../../../src/components/canned-response/useInsertCannedReply.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAKvD,eAAO,MAAM,oBAAoB,kBAOnB,MAAM,UAAU,kBAAkB,SAqB/C,CAAC"}

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

@@ -0,0 +1,33 @@
+import { useCallback } from "react";
+import { useLexicalComposerContext } from "@lexical/react/LexicalComposerContext";
+import { useLatest } from "ahooks";
+import { useTranslation } from "react-i18next";
+import { useMessageFooterContext } from "../../components/message/footer";
+import useConversationStore from "../../store/conversation";
+import { insertCannedContent } from "./insertCannedContent";
+import { insertCannedMedia } from "./insertCannedMedia";
+// Inserts the reply text now, then appends its images/files to the composer as they download.
+export const useInsertCannedReply = () => {
+    const { t } = useTranslation();
+    const [editor] = useLexicalComposerContext();
+    const { listUploadFiles, setListUploadFiles } = useMessageFooterContext();
+    const filesRef = useLatest(listUploadFiles);
+    return useCallback((content, media) => {
+        var _a, _b;
+        insertCannedContent(editor, content);
+        // The footer is not remounted on conversation switch, so drop late downloads for another thread.
+        const conversationId = (_a = useConversationStore.getState().conversationData) === null || _a === void 0 ? void 0 : _a.conversationID;
+        void insertCannedMedia({
+            media,
+            current: (_b = filesRef.current) !== null && _b !== void 0 ? _b : [],
+            setFiles: (updater) => {
+                var _a;
+                if (((_a = useConversationStore.getState().conversationData) === null || _a === void 0 ? void 0 : _a.conversationID) !==
+                    conversationId)
+                    return;
+                setListUploadFiles(updater);
+            },
+            t,
+        });
+    }, [editor, filesRef, setListUploadFiles, t]);
+};

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

@@ -1,4 +1,6 @@
 /** Under the list header while a fresh device's first sync keeps pulling the other conversations. */
-declare const DeskBackgroundSyncStatus: () => import("react/jsx-runtime").JSX.Element | null;
+declare const DeskBackgroundSyncStatus: ({ className }: {
+    className?: string;
+}) => import("react/jsx-runtime").JSX.Element | null;
 export default DeskBackgroundSyncStatus;
 //# sourceMappingURL=DeskBackgroundSyncStatus.d.ts.map

package/dist/components/conversation/DeskBackgroundSyncStatus.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DeskBackgroundSyncStatus.d.ts","sourceRoot":"","sources":["../../../src/components/conversation/DeskBackgroundSyncStatus.tsx"],"names":[],"mappings":"AAQA,qGAAqG;AACrG,QAAA,MAAM,wBAAwB,sDA+B7B,CAAC;AAEF,eAAe,wBAAwB,CAAC"}
+{"version":3,"file":"DeskBackgroundSyncStatus.d.ts","sourceRoot":"","sources":["../../../src/components/conversation/DeskBackgroundSyncStatus.tsx"],"names":[],"mappings":"AASA,qGAAqG;AACrG,QAAA,MAAM,wBAAwB,GAAI,eAAe;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,mDA+BtE,CAAC;AAEF,eAAe,wBAAwB,CAAC"}

package/dist/components/conversation/DeskBackgroundSyncStatus.js

@@ -1,10 +1,11 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import clsx from "clsx";
 import { useTranslation } from "react-i18next";
 import BootProgressBar from "../../components/boot/BootProgressBar";
 import useBootStore, { CONVERSATIONS_SYNCED_PROGRESS, selectIsSyncingInBackground, } from "../../store/boot";
 /** Under the list header while a fresh device's first sync keeps pulling the other conversations. */
-const DeskBackgroundSyncStatus = () => {
+const DeskBackgroundSyncStatus = ({ className }) => {
     const { t } = useTranslation("boot");
     const isSyncing = useBootStore(selectIsSyncingInBackground);
     const progress = useBootStore((state) => state.syncProgress);
@@ -12,6 +13,6 @@ const DeskBackgroundSyncStatus = () => {
         return null;
     // Core reports exactly 10 when the conversations are stored; only later values say much.
     const showPercent = progress > CONVERSATIONS_SYNCED_PROGRESS;
-    return (_jsxs("div", { "data-cp-name": "DeskBackgroundSyncStatus", className: "flex flex-col gap-1.5 border-b border-gray-25 px-4 py-2", children: [_jsxs("p", { role: "status", className: "m-0 flex items-center gap-2 text-xs text-gray-600", children: [_jsx("span", { "aria-hidden": "true", className: "h-3 w-3 shrink-0 rounded-full border-2 border-primary-25 border-t-primary-400 motion-safe:animate-spin" }), _jsx("span", { className: "min-w-0 flex-1 truncate", children: t("desk.background_sync") }), showPercent && (_jsxs("span", { className: "font-semibold tabular-nums text-primary-400", children: [progress, "%"] }))] }), _jsx(BootProgressBar, { mode: showPercent ? "progress" : "indeterminate", value: progress, label: t("sync_progress_label") })] }));
+    return (_jsxs("div", { "data-cp-name": "DeskBackgroundSyncStatus", className: clsx("flex flex-col gap-1.5 border-b border-gray-25 px-4 py-2", className), children: [_jsxs("p", { role: "status", className: "m-0 flex items-center gap-2 text-xs text-gray-600", children: [_jsx("span", { "aria-hidden": "true", className: "h-3 w-3 shrink-0 rounded-full border-2 border-primary-25 border-t-primary-400 motion-safe:animate-spin" }), _jsx("span", { className: "min-w-0 flex-1 truncate", children: t("desk.background_sync") }), showPercent && (_jsxs("span", { className: "font-semibold tabular-nums text-primary-400", children: [progress, "%"] }))] }), _jsx(BootProgressBar, { mode: showPercent ? "progress" : "indeterminate", value: progress, label: t("sync_progress_label") })] }));
 };
 export default DeskBackgroundSyncStatus;

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

@@ -11,7 +11,9 @@ export interface ThreadCardProps {
     muteIndicator?: ReactNode;
     mentionIndicator?: ReactNode;
     pinIndicator?: ReactNode;
+    /** Draws placeholder bars for the preview and time while the host still loads them. */
+    isPreviewLoading?: boolean;
 }
-declare const ThreadCard: ({ avatar, title, preview, time, unreadCount, isSelected, onClick, testId, muteIndicator, mentionIndicator, pinIndicator, }: ThreadCardProps) => import("react/jsx-runtime").JSX.Element;
+declare const ThreadCard: ({ avatar, title, preview, time, unreadCount, isSelected, onClick, testId, muteIndicator, mentionIndicator, pinIndicator, isPreviewLoading, }: ThreadCardProps) => import("react/jsx-runtime").JSX.Element;
 export default ThreadCard;
 //# sourceMappingURL=ThreadCard.d.ts.map

package/dist/components/conversation/ThreadCard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ThreadCard.d.ts","sourceRoot":"","sources":["../../../src/components/conversation/ThreadCard.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAqBvC,MAAM,WAAW,eAAe;IAC9B,MAAM,EAAE,SAAS,CAAC;IAClB,KAAK,EAAE,SAAS,CAAC;IACjB,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,gBAAgB,CAAC,EAAE,SAAS,CAAC;IAC7B,YAAY,CAAC,EAAE,SAAS,CAAC;CAC1B;AAED,QAAA,MAAM,UAAU,GAAI,4HAYjB,eAAe,4CAgDjB,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"ThreadCard.d.ts","sourceRoot":"","sources":["../../../src/components/conversation/ThreadCard.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAqBvC,MAAM,WAAW,eAAe;IAC9B,MAAM,EAAE,SAAS,CAAC;IAClB,KAAK,EAAE,SAAS,CAAC;IACjB,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,gBAAgB,CAAC,EAAE,SAAS,CAAC;IAC7B,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,uFAAuF;IACvF,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED,QAAA,MAAM,UAAU,GAAI,8IAajB,eAAe,4CA8DjB,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/components/conversation/ThreadCard.js

@@ -7,10 +7,10 @@ const UnreadBadge = ({ count }) => {
     const isWide = label.length > 1;
     return (_jsx("span", { className: clsx("inline-flex h-5 shrink-0 items-center justify-center rounded-[32px] border-2 border-white bg-gradient-danger-light px-[3px] text-center text-[12px] font-semibold leading-[160%] text-white", isWide ? "min-w-8" : "min-w-5"), "data-cp-name": "UnreadBadge", children: label }));
 };
-const ThreadCard = ({ avatar, title, preview, time, unreadCount = 0, isSelected = false, onClick, testId, muteIndicator, mentionIndicator, pinIndicator, }) => {
+const ThreadCard = ({ avatar, title, preview, time, unreadCount = 0, isSelected = false, onClick, testId, muteIndicator, mentionIndicator, pinIndicator, isPreviewLoading = false, }) => {
     const hasUnread = unreadCount > 0;
-    return (_jsxs("button", { type: "button", onClick: onClick, "data-testid": testId, "data-cp-name": "ThreadCard", className: clsx("relative flex w-full shrink-0 items-start gap-2 border-b border-gray-25 p-3 text-left transition-colors hover:bg-[#f5f5f5] focus:outline-none focus-visible:ring-2 focus-visible:ring-chat-ring", isSelected ? "bg-blue-50" : "bg-white"), children: [isSelected && (_jsx("span", { className: "absolute bottom-0 left-0 top-0 w-1 bg-blue-500" })), avatar, _jsxs("div", { className: "flex min-w-0 flex-1 flex-col", children: [_jsxs("div", { className: "flex min-h-[25.6px] items-center justify-between gap-1", children: [_jsx("div", { className: "min-w-0 flex-1", children: title }), muteIndicator, time && (_jsx("span", { className: "shrink-0 text-[12px] font-normal leading-[160%] text-gray-400 [font-feature-settings:'liga'_off,'clig'_off]", children: time }))] }), _jsxs("div", { className: "flex items-center justify-between gap-2", children: [_jsx("p", { className: clsx("min-w-0 flex-1 truncate text-[14px] leading-[160%] [font-feature-settings:'liga'_off,'clig'_off]", hasUnread
+    return (_jsxs("button", { type: "button", onClick: onClick, "data-testid": testId, "data-cp-name": "ThreadCard", className: clsx("relative flex w-full shrink-0 items-start gap-2 border-b border-gray-25 p-3 text-left transition-colors hover:bg-[#f5f5f5] focus:outline-none focus-visible:ring-2 focus-visible:ring-chat-ring", isSelected ? "bg-blue-50" : "bg-white"), children: [isSelected && (_jsx("span", { className: "absolute bottom-0 left-0 top-0 w-1 bg-blue-500" })), avatar, _jsxs("div", { className: "flex min-w-0 flex-1 flex-col", children: [_jsxs("div", { className: "flex min-h-[25.6px] items-center justify-between gap-1", children: [_jsx("div", { className: "min-w-0 flex-1", children: title }), muteIndicator, time ? (_jsx("span", { className: "shrink-0 text-[12px] font-normal leading-[160%] text-gray-400 [font-feature-settings:'liga'_off,'clig'_off]", children: time })) : (isPreviewLoading && (_jsx("span", { "aria-hidden": "true", className: "h-3 w-9 shrink-0 rounded bg-gray-25 motion-safe:animate-pulse" })))] }), _jsxs("div", { className: "flex items-center justify-between gap-2", children: [isPreviewLoading && !preview ? (_jsx("span", { "aria-hidden": "true", "data-cp-name": "ThreadCardPreviewSkeleton", className: "flex h-[22.4px] min-w-0 flex-1 items-center", children: _jsx("span", { className: "h-3 w-4/5 rounded bg-gray-25 motion-safe:animate-pulse" }) })) : (_jsx("p", { className: clsx("min-w-0 flex-1 truncate text-[14px] leading-[160%] [font-feature-settings:'liga'_off,'clig'_off]", hasUnread
                                     ? "font-[510] text-black"
-                                    : "font-normal tracking-[0.14px] text-gray-600"), children: preview }), mentionIndicator, pinIndicator, hasUnread && _jsx(UnreadBadge, { count: unreadCount })] })] })] }));
+                                    : "font-normal tracking-[0.14px] text-gray-600"), children: preview })), mentionIndicator, pinIndicator, hasUnread && _jsx(UnreadBadge, { count: unreadCount })] })] })] }));
 };
 export default ThreadCard;

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

@@ -0,0 +1,4 @@
+/** A thread opened while the chat engine starts: name the boot step instead of a bare spinner. */
+declare const ConversationDetailBootStatus: () => import("react/jsx-runtime").JSX.Element;
+export default ConversationDetailBootStatus;
+//# sourceMappingURL=ConversationDetailBootStatus.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ConversationDetailBootStatus.d.ts","sourceRoot":"","sources":["../../../src/components/conversation-detail/ConversationDetailBootStatus.tsx"],"names":[],"mappings":"AAQA,kGAAkG;AAClG,QAAA,MAAM,4BAA4B,+CAKjC,CAAC;AAEF,eAAe,4BAA4B,CAAC"}

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

@@ -0,0 +1,15 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Spin } from "antd";
+import InboxBootStatus from "../../components/conversation-inbox/InboxBootStatus";
+import { useChatBootPhase } from "../../hooks/init/useChatBootPhase";
+const DETAIL_SLOW_AFTER_MS = 8000;
+/** A thread opened while the chat engine starts: name the boot step instead of a bare spinner. */
+const ConversationDetailBootStatus = () => {
+    const boot = useChatBootPhase({ slowAfterMs: DETAIL_SLOW_AFTER_MS });
+    // Booted already (a later reconnect sync): only the thread is loading.
+    if (boot.phase === "ready")
+        return _jsx(Spin, {});
+    return _jsx(InboxBootStatus, { boot: boot });
+};
+export default ConversationDetailBootStatus;

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

@@ -6,7 +6,9 @@ interface MediaActionsProps {
     showMediaUpload?: boolean;
     crmComposer?: boolean;
     hideEmojiOnPhone?: boolean;
+    acceptVideo?: boolean;
+    singleDocument?: boolean;
 }
-export default function MediaActions({ listUploadFiles, onFilesChange, buttonClassName, showMediaUpload, crmComposer, hideEmojiOnPhone, }: MediaActionsProps): import("react/jsx-runtime").JSX.Element;
+export default function MediaActions({ listUploadFiles, onFilesChange, buttonClassName, showMediaUpload, crmComposer, hideEmojiOnPhone, acceptVideo, singleDocument, }: MediaActionsProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=MediaActions.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"MediaActions.d.ts","sourceRoot":"","sources":["../../../../src/components/message/footer/MediaActions.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAkB,UAAU,EAA0B,MAAM,MAAM,CAAC;AAuD1E,UAAU,iBAAiB;IACzB,eAAe,EAAE,UAAU,EAAE,CAAC;IAC9B,aAAa,EAAE,CAAC,KAAK,EAAE,UAAU,EAAE,KAAK,IAAI,CAAC;IAC7C,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EACnC,eAAe,EACf,aAAa,EACb,eAAe,EACf,eAAsB,EACtB,WAAmB,EACnB,gBAAwB,GACzB,EAAE,iBAAiB,2CA+LnB"}
+{"version":3,"file":"MediaActions.d.ts","sourceRoot":"","sources":["../../../../src/components/message/footer/MediaActions.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAU,UAAU,EAAE,MAAM,MAAM,CAAC;AA8B1C,UAAU,iBAAiB;IACzB,eAAe,EAAE,UAAU,EAAE,CAAC;IAC9B,aAAa,EAAE,CAAC,KAAK,EAAE,UAAU,EAAE,KAAK,IAAI,CAAC;IAC7C,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAE3B,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EACnC,eAAe,EACf,aAAa,EACb,eAAe,EACf,eAAsB,EACtB,WAAmB,EACnB,gBAAwB,EACxB,WAAkB,EAClB,cAAsB,GACvB,EAAE,iBAAiB,2CA6HnB"}

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

@@ -1,24 +1,21 @@
 "use client";
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useCallback, useEffect, useRef, useState } from "react";
 import { useLexicalComposerContext } from "@lexical/react/LexicalComposerContext";
 import { $getSelection, $isRangeSelection } from "lexical";
-import { Button, Upload, message as antdMessage } from "antd";
+import { Button } from "antd";
 import clsx from "clsx";
 import { useTranslation } from "react-i18next";
 import EmojiPicker from "./EmojiPicker";
 import { useEscapeLayer } from "../../../hooks/common/useEscapeLayer";
 import { useCloseOnSidePanelOpen } from "../../../hooks/common/useCloseOnSidePanelOpen";
-import { Icon } from "../../../components/icon";
-import { createUploadFile, validateFile, } from "../../../utils/fileValidation";
-import { DOCUMENT_TYPES } from "./editorConfig";
+import MediaUploadButtons from "./MediaUploadButtons";
 import CannedResponseIcon from "../../../assets/svg/canned-response";
 import { useMessageFooterContext } from ".";
 import useAuthStore from "../../../store/auth";
 import { StrokeIcon } from "../../../components/icon/StrokeIcon";
 const EmojiIcon = (_jsx("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: _jsx("path", { d: "M7.59997 12.4C7.59997 12.4 8.49997 13.2 9.99997 13.2C11.5 13.2 12.4 12.4 12.4 12.4M14 8.39997C14 8.8418 13.6418 9.19997 13.2 9.19997C12.7581 9.19997 12.4 8.8418 12.4 8.39997C12.4 7.95814 12.7581 7.59997 13.2 7.59997C13.6418 7.59997 14 7.95814 14 8.39997ZM18 9.99997C18 14.4182 14.4182 18 9.99997 18C5.58169 18 1.99997 14.4182 1.99997 9.99997C1.99997 5.58169 5.58169 1.99997 9.99997 1.99997C14.4182 1.99997 18 5.58169 18 9.99997ZM7.59997 8.39997C7.59997 8.8418 7.2418 9.19997 6.79997 9.19997C6.35814 9.19997 5.99997 8.8418 5.99997 8.39997C5.99997 7.95814 6.35814 7.59997 6.79997 7.59997C7.2418 7.59997 7.59997 7.95814 7.59997 8.39997Z", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) }));
-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" }) }));
-export default function MediaActions({ listUploadFiles, onFilesChange, buttonClassName, showMediaUpload = true, crmComposer = false, hideEmojiOnPhone = false, }) {
+export default function MediaActions({ listUploadFiles, onFilesChange, buttonClassName, showMediaUpload = true, crmComposer = false, hideEmojiOnPhone = false, acceptVideo = true, singleDocument = false, }) {
     const [editor] = useLexicalComposerContext();
     const { t } = useTranslation();
     const [showEmojiPicker, setShowEmojiPicker] = useState(false);
@@ -40,36 +37,6 @@ export default function MediaActions({ listUploadFiles, onFilesChange, buttonCla
         });
         setShowEmojiPicker(false);
     }, [editor]);
-    const beforeUploadImagesAndVideo = (file) => {
-        const validation = validateFile(file, t);
-        if (!validation.isValid) {
-            antdMessage.error(validation.error);
-            return Upload.LIST_IGNORE;
-        }
-        return false;
-    };
-    const beforeUploadFile = (file) => {
-        const isAllowed = DOCUMENT_TYPES.includes(file.type);
-        if (!isAllowed) {
-            antdMessage.error(t("invalid_document_format", { fileName: file.name }));
-            return Upload.LIST_IGNORE;
-        }
-        return false;
-    };
-    const handleChange = (info) => {
-        let newList = [...info.fileList];
-        const lastFile = info.file;
-        if (DOCUMENT_TYPES.includes(lastFile.type || "")) {
-            newList = newList.filter((f) => !DOCUMENT_TYPES.includes(f.type || ""));
-            newList.push(lastFile);
-        }
-        const normalizedList = newList.map((file) => {
-            var _a;
-            const originFile = ((_a = file.originFileObj) !== null && _a !== void 0 ? _a : file);
-            return Object.assign(Object.assign({}, createUploadFile(originFile)), { uid: file.uid });
-        });
-        onFilesChange(normalizedList);
-    };
     const onPressCanned = useCallback(async () => {
         if (!isOpenCanned) {
             editor.focus();
@@ -105,5 +72,5 @@ export default function MediaActions({ listUploadFiles, onFilesChange, buttonCla
     return (_jsxs("div", { "data-cp-name": "MediaActions", className: clsx("flex items-center relative", crmComposer ? "gap-0.5" : "gap-1"), ref: containerRef, children: [isCrm && (_jsx(Button, Object.assign({ type: "text", shape: "default", className: clsx(btnClass, isOpenCanned && activeCls), onClick: onPressCanned }, crmLabel("composer_quick_reply"), { children: crmComposer ? (_jsx(StrokeIcon, { name: "hash", size: 18 })) : (_jsx(CannedResponseIcon, { className: clsx("hover:text-gray-700", isOpenCanned && "text-blue-600") })) }))), _jsx(Button, Object.assign({ type: "text", shape: "default", className: clsx(btnClass, hideEmojiOnPhone && "phone:!hidden", showEmojiPicker &&
                     (crmComposer
                         ? activeCls
-                        : "bg-[var(--dc-color-primary-light)] text-[var(--dc-color-primary)]")), onClick: () => setShowEmojiPicker(!showEmojiPicker) }, crmLabel("composer_emoji"), { children: crmComposer ? _jsx(StrokeIcon, { name: "smile", size: 18 }) : EmojiIcon })), showMediaUpload && (_jsxs(_Fragment, { children: [_jsx(Upload, { accept: "image/jpeg, image/png, image/jpg, video/*", beforeUpload: beforeUploadImagesAndVideo, multiple: true, onChange: handleChange, showUploadList: false, fileList: listUploadFiles, children: _jsx(Button, Object.assign({ type: "text", shape: "default", className: btnClass }, crmLabel("composer_attach_image"), { children: crmComposer ? (_jsx(StrokeIcon, { name: "image", size: 18 })) : (_jsx(Icon, { icon: "image-02-o", size: 22 })) })) }), _jsx(Upload, { accept: ".doc,.docx,.pdf", beforeUpload: beforeUploadFile, onChange: handleChange, showUploadList: false, fileList: listUploadFiles, children: _jsx(Button, Object.assign({ type: "text", shape: "default", className: btnClass }, crmLabel("composer_attach_file"), { children: crmComposer ? _jsx(StrokeIcon, { name: "paperclip", size: 18 }) : AttachIcon })) })] })), showEmojiPicker && (_jsx(EmojiPicker, { className: crmComposer ? "max-lg:w-80" : undefined, onEmojiSelect: handleEmojiSelect, onClose: () => setShowEmojiPicker(false) }))] }));
+                        : "bg-[var(--dc-color-primary-light)] text-[var(--dc-color-primary)]")), onClick: () => setShowEmojiPicker(!showEmojiPicker) }, crmLabel("composer_emoji"), { children: crmComposer ? _jsx(StrokeIcon, { name: "smile", size: 18 }) : EmojiIcon })), showMediaUpload && (_jsx(MediaUploadButtons, { listUploadFiles: listUploadFiles, onFilesChange: onFilesChange, btnClass: btnClass, crmComposer: crmComposer, crmLabel: crmLabel, acceptVideo: acceptVideo, singleDocument: singleDocument })), showEmojiPicker && (_jsx(EmojiPicker, { className: crmComposer ? "max-lg:w-80" : undefined, onEmojiSelect: handleEmojiSelect, onClose: () => setShowEmojiPicker(false) }))] }));
 }

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

@@ -0,0 +1,13 @@
+import { UploadFile } from "antd";
+interface MediaUploadButtonsProps {
+    listUploadFiles: UploadFile[];
+    onFilesChange: (files: UploadFile[]) => void;
+    btnClass: string;
+    crmComposer: boolean;
+    crmLabel: (key: string) => Record<string, string | undefined>;
+    acceptVideo?: boolean;
+    singleDocument?: boolean;
+}
+export default function MediaUploadButtons({ listUploadFiles, onFilesChange, btnClass, crmComposer, crmLabel, acceptVideo, singleDocument, }: MediaUploadButtonsProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=MediaUploadButtons.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,50 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+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 { 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" }) }));
+export default function MediaUploadButtons({ listUploadFiles, onFilesChange, btnClass, crmComposer, crmLabel, acceptVideo = true, singleDocument = false, }) {
+    const { t } = useTranslation();
+    const documentLocked = singleDocument &&
+        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 }));
+            return Upload.LIST_IGNORE;
+        }
+        const validation = validateFile(file, t);
+        if (!validation.isValid) {
+            antdMessage.error(validation.error);
+            return Upload.LIST_IGNORE;
+        }
+        return false;
+    };
+    const beforeUploadFile = (file) => {
+        // The disabled button stops clicks; this also stops files set on the input directly.
+        if (documentLocked)
+            return Upload.LIST_IGNORE;
+        const isAllowed = DOCUMENT_TYPES.includes(file.type);
+        if (!isAllowed) {
+            antdMessage.error(t("invalid_document_format", { fileName: file.name }));
+            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,
+            }));
+            return Upload.LIST_IGNORE;
+        }
+        return false;
+    };
+    const handleChange = (info) => {
+        onFilesChange(mergePickedUploadFiles(listUploadFiles, info.fileList, info.file));
+    };
+    return (_jsxs(_Fragment, { children: [_jsx(Upload, { accept: acceptVideo
+                    ? "image/jpeg, image/png, image/jpg, video/*"
+                    : "image/jpeg, image/png, image/jpg", beforeUpload: beforeUploadImagesAndVideo, multiple: true, onChange: handleChange, showUploadList: false, fileList: listUploadFiles, children: _jsx(Button, Object.assign({ type: "text", shape: "default", className: btnClass }, crmLabel("composer_attach_image"), { children: crmComposer ? (_jsx(StrokeIcon, { name: "image", size: 18 })) : (_jsx(Icon, { icon: "image-02-o", size: 22 })) })) }), _jsx(Upload, { accept: ".doc,.docx,.pdf", beforeUpload: beforeUploadFile, onChange: handleChange, showUploadList: false, fileList: listUploadFiles, disabled: documentLocked, children: _jsx(Button, Object.assign({ type: "text", shape: "default", className: btnClass, disabled: documentLocked }, crmLabel("composer_attach_file"), { children: crmComposer ? _jsx(StrokeIcon, { name: "paperclip", size: 18 }) : AttachIcon })) })] }));
+}

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

@@ -0,0 +1,9 @@
+import type { UploadFile } from "antd";
+/**
+ * Turns antd's picked fileList into the composer list. Only one document is
+ * kept (the last picked). Items already in `current` (matched by uid) are kept
+ * as-is so URL-only attachments keep their url/response/status; newly picked
+ * Files are wrapped with createUploadFile.
+ */
+export declare function mergePickedUploadFiles(current: UploadFile[], pickedList: UploadFile[], lastFile: UploadFile): UploadFile[];
+//# sourceMappingURL=mergePickedUploadFiles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"mergePickedUploadFiles.d.ts","sourceRoot":"","sources":["../../../../src/components/message/footer/mergePickedUploadFiles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAKvC;;;;;GAKG;AACH,wBAAgB,sBAAsB,CACpC,OAAO,EAAE,UAAU,EAAE,EACrB,UAAU,EAAE,UAAU,EAAE,EACxB,QAAQ,EAAE,UAAU,GACnB,UAAU,EAAE,CAgBd"}

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

@@ -0,0 +1,20 @@
+import { createUploadFile } from "../../../utils/fileValidation";
+import { DOCUMENT_TYPES } from "./editorConfig";
+/**
+ * Turns antd's picked fileList into the composer list. Only one document is
+ * kept (the last picked). Items already in `current` (matched by uid) are kept
+ * as-is so URL-only attachments keep their url/response/status; newly picked
+ * Files are wrapped with createUploadFile.
+ */
+export function mergePickedUploadFiles(current, pickedList, lastFile) {
+    let newList = [...pickedList];
+    if (DOCUMENT_TYPES.includes(lastFile.type || "")) {
+        newList = newList.filter((f) => !DOCUMENT_TYPES.includes(f.type || ""));
+        newList.push(lastFile);
+    }
+    const byUid = new Map(current.map((f) => [f.uid, f]));
+    return newList.map((file) => {
+        var _a, _b;
+        return (_a = byUid.get(file.uid)) !== null && _a !== void 0 ? _a : Object.assign(Object.assign({}, createUploadFile(((_b = file.originFileObj) !== null && _b !== void 0 ? _b : file))), { uid: file.uid });
+    });
+}

package/dist/components/rich-text-editor/RichTextEditor.d.ts

@@ -8,7 +8,16 @@ interface RichTextEditorProps {
     showMediaUpload?: boolean;
     /** CRM: hide the emoji button on phones (the system keyboard has emoji). */
     hideEmojiOnPhone?: boolean;
+    /**
+     * Controlled attachment list. When provided the editor renders it and reports
+     * every change through onFilesChange; otherwise it keeps its own state.
+     */
+    files?: UploadFile[];
+    /** false: the image picker rejects video (default true). */
+    acceptVideo?: boolean;
+    /** true: one document max; attach-file is disabled while one is attached. */
+    singleDocument?: boolean;
 }
-export default function RichTextEditor({ initialHtml, placeholder, onChange, onFilesChange, minHeight, showMediaUpload, hideEmojiOnPhone, }: RichTextEditorProps): import("react/jsx-runtime").JSX.Element;
+export default function RichTextEditor({ initialHtml, placeholder, onChange, onFilesChange, minHeight, showMediaUpload, hideEmojiOnPhone, files, acceptVideo, singleDocument, }: RichTextEditorProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=RichTextEditor.d.ts.map

package/dist/components/rich-text-editor/RichTextEditor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RichTextEditor.d.ts","sourceRoot":"","sources":["../../../src/components/rich-text-editor/RichTextEditor.tsx"],"names":[],"mappings":"AAYA,OAAO,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AA2ClC,UAAU,mBAAmB;IAC3B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IACrD,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,EAAE,KAAK,IAAI,CAAC;IAC9C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,4EAA4E;IAC5E,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EACrC,WAAW,EACX,WAAW,EACX,QAAQ,EACR,aAAa,EACb,SAAmB,EACnB,eAAsB,EACtB,gBAAwB,GACzB,EAAE,mBAAmB,2CAkErB"}
+{"version":3,"file":"RichTextEditor.d.ts","sourceRoot":"","sources":["../../../src/components/rich-text-editor/RichTextEditor.tsx"],"names":[],"mappings":"AAYA,OAAO,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AA2ClC,UAAU,mBAAmB;IAC3B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IACrD,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,EAAE,KAAK,IAAI,CAAC;IAC9C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,4EAA4E;IAC5E,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B;;;OAGG;IACH,KAAK,CAAC,EAAE,UAAU,EAAE,CAAC;IACrB,4DAA4D;IAC5D,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,6EAA6E;IAC7E,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EACrC,WAAW,EACX,WAAW,EACX,QAAQ,EACR,aAAa,EACb,SAAmB,EACnB,eAAsB,EACtB,gBAAwB,EACxB,KAAK,EACL,WAAkB,EAClB,cAAsB,GACvB,EAAE,mBAAmB,2CAmErB"}

package/dist/components/rich-text-editor/RichTextEditor.js

@@ -39,8 +39,9 @@ function HtmlPlugin({ initialHtml }) {
     }, [editor, initialHtml]);
     return null;
 }
-export default function RichTextEditor({ initialHtml, placeholder, onChange, onFilesChange, minHeight = "160px", showMediaUpload = true, hideEmojiOnPhone = false, }) {
-    const [listUploadFiles, setListUploadFiles] = useState([]);
+export default function RichTextEditor({ initialHtml, placeholder, onChange, onFilesChange, minHeight = "160px", showMediaUpload = true, hideEmojiOnPhone = false, files, acceptVideo = true, singleDocument = false, }) {
+    const [innerFiles, setInnerFiles] = useState([]);
+    const listUploadFiles = files !== null && files !== void 0 ? files : innerFiles;
     const handleChange = (editorState, editor, tags) => {
         if (tags.has("initial-html"))
             return;
@@ -51,14 +52,13 @@ export default function RichTextEditor({ initialHtml, placeholder, onChange, onF
         });
     };
     const handleRemoveFile = (file) => {
-        const newList = listUploadFiles.filter((f) => f.uid !== file.uid);
-        setListUploadFiles(newList);
-        onFilesChange === null || onFilesChange === void 0 ? void 0 : onFilesChange(newList);
+        handleFilesChange(listUploadFiles.filter((f) => f.uid !== file.uid));
     };
-    const handleFilesChange = (files) => {
-        setListUploadFiles(files);
-        onFilesChange === null || onFilesChange === void 0 ? void 0 : onFilesChange(files);
+    const handleFilesChange = (next) => {
+        if (files === undefined)
+            setInnerFiles(next);
+        onFilesChange === null || onFilesChange === void 0 ? void 0 : onFilesChange(next);
     };
     return (_jsxs(LexicalComposer, { initialConfig: EDITOR_CONFIG, children: [_jsxs("div", { className: "border border-gray-200 rounded-lg", children: [_jsx(FilePreviewList, { files: listUploadFiles, onRemove: handleRemoveFile }), _jsx("div", { className: "relative", children: _jsx(RichTextPlugin, { contentEditable: _jsx(ContentEditable, { className: "px-3 py-2 text-sm outline-none", style: { minHeight } }), ErrorBoundary: LexicalErrorBoundary, placeholder: placeholder ? (_jsx("div", { className: "absolute top-2 left-3 pointer-events-none", children: _jsx("p", { className: "text-gray-400 text-sm", children: placeholder }) })) : null }) }), _jsxs("div", { className: clsx("flex items-center border-t border-gray-100 px-2 py-1", hideEmojiOnPhone &&
-                            "flex-wrap max-sm:[&_[data-cp-name=ToolbarPlugin]]:!gap-1 max-sm:[&_[data-cp-name=ToolbarPlugin]]:!px-1"), children: [_jsx(ToolbarPlugin, {}), _jsx(MediaActions, { listUploadFiles: listUploadFiles, onFilesChange: handleFilesChange, showMediaUpload: showMediaUpload, hideEmojiOnPhone: hideEmojiOnPhone })] })] }), _jsx(LinkPlugin, {}), _jsx(ListPlugin, {}), _jsx(OnChangePlugin, { onChange: handleChange, ignoreSelectionChange: true }), _jsx(HtmlPlugin, { initialHtml: initialHtml })] }));
+                            "flex-wrap max-sm:[&_[data-cp-name=ToolbarPlugin]]:!gap-1 max-sm:[&_[data-cp-name=ToolbarPlugin]]:!px-1"), children: [_jsx(ToolbarPlugin, {}), _jsx(MediaActions, { listUploadFiles: listUploadFiles, onFilesChange: handleFilesChange, showMediaUpload: showMediaUpload, hideEmojiOnPhone: hideEmojiOnPhone, acceptVideo: acceptVideo, singleDocument: singleDocument })] })] }), _jsx(LinkPlugin, {}), _jsx(ListPlugin, {}), _jsx(OnChangePlugin, { onChange: handleChange, ignoreSelectionChange: true }), _jsx(HtmlPlugin, { initialHtml: initialHtml })] }));
 }

package/dist/hooks/global/useGlobalEvent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useGlobalEvent.d.ts","sourceRoot":"","sources":["../../../src/hooks/global/useGlobalEvent.ts"],"names":[],"mappings":"AAkDA,eAAO,MAAM,cAAc,YA4nB1B,CAAC"}
+{"version":3,"file":"useGlobalEvent.d.ts","sourceRoot":"","sources":["../../../src/hooks/global/useGlobalEvent.ts"],"names":[],"mappings":"AAkDA,eAAO,MAAM,cAAc,YA8nB1B,CAAC"}

package/dist/hooks/global/useGlobalEvent.js

@@ -243,16 +243,18 @@ export const useGlobalEvent = () => {
     const syncProgressHandler = ({ data }) => {
         useBootStore.getState().setSyncProgress(data);
     };
+    // Sync status first: the boot store re-renders at once, and ending the background
+    // phase while the status still says Loading would make useCanLoadChatData flicker off.
     const syncFinishHandler = () => {
-        useBootStore.getState().markFirstSyncDone();
         updateSyncStatus(SyncStatus.Success);
+        useBootStore.getState().markFirstSyncDone();
         getSelfUserInfo();
         loadConversationList();
         void refreshCurrentGroupState();
     };
     const syncFailedHandler = () => {
-        useBootStore.getState().markFirstSyncDone();
         updateSyncStatus(SyncStatus.Failed);
+        useBootStore.getState().markFirstSyncDone();
     };
     // The bot behind the open thread changed (flow swapped, type switched,
     // activated/deactivated). Everything the bot UI renders is react-query