@droppii-org/chat-sdk 0.7.2 → 0.7.4

package/dist/index.js

@@ -18,6 +18,8 @@ export { openLink } from "./utils/openLink";
 //Components
 export { DChatDeskMessage, DChatBubble, Icon, SkipLinks };
 export { StrokeIcon } from "./components/icon/StrokeIcon";
+// The desk's loading placeholder, for hosts whose app shell renders before ChatProvider.
+export { default as DeskWorkspaceSkeleton } from "./screens/desk-message/DeskWorkspaceSkeleton";
 export { default as RichTextEditor } from "./components/rich-text-editor/RichTextEditor";
 export { default as ShadowStyleBoundary } from "./components/shadow-style-boundary/ShadowStyleBoundary";
 export { default as DChatConversationInbox } from "./screens/conversation-inbox";
@@ -49,7 +51,7 @@ export { fetchBotConversationDetail, } from "./hooks/conversation/useBotConversa
 export { fetchConversationByBotId, } from "./hooks/conversation/useResolveConversation";
 export { useSwitchToCsTeam, SwitchToCsTeamResult, } from "./hooks/conversation/useSwitchToCsTeam";
 //Custom message
-export { CustomMessageType } from "./types/customMessage";
+export { CustomMessageType, MallEventType } from "./types/customMessage";
 //Hooks
 export { useDChatAuth } from "./hooks/user/useAuth";
 export { useSendMessage } from "./hooks/message/useSendMessage";
@@ -68,5 +70,7 @@ export { getDChatSDK } from "./constants/sdk";
 export { MediaEntryCard, MediaResourcePanel, MediaResourceTabs, MediaResourceTabKey, } from "./components/media-resources";
 export { useMessageResources } from "./hooks/message/useMessageResources";
 export { PAGE_SIZE } from "./constants";
-export { LAYOUT_BREAKPOINTS, LAYOUT_WIDTHS } from "./constants/layout";
+export { LAYOUT_BREAKPOINTS, LAYOUT_MEDIA, LAYOUT_WIDTHS } from "./constants/layout";
 export { useMediaQuery } from "./hooks/common/useMediaQuery";
+export { useViewportTier } from "./hooks/common/useViewportTier";
+export { useIsDeskWorkspaceMounted } from "./hooks/common/useIsDeskWorkspaceMounted";

package/dist/locales/i18n.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"i18n.d.ts","sourceRoot":"","sources":["../../src/locales/i18n.ts"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,SAAS,CAAC;AAkB3B,eAAe,IAAI,CAAC"}
+{"version":3,"file":"i18n.d.ts","sourceRoot":"","sources":["../../src/locales/i18n.ts"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,SAAS,CAAC;AAmB3B,eAAe,IAAI,CAAC"}

package/dist/locales/i18n.js

@@ -2,15 +2,16 @@ import i18n from "i18next";
 import { initReactI18next } from "react-i18next";
 import vi from "./vi/common.json";
 import viConversationInbox from "./vi/conversation-inbox.json";
+import viBoot from "./vi/boot.json";
 if (!i18n.isInitialized) {
     i18n.use(initReactI18next).init({
         resources: {
-            vi: { common: vi, "conversation-inbox": viConversationInbox },
+            vi: { common: vi, "conversation-inbox": viConversationInbox, boot: viBoot },
         },
         lng: "vi",
         fallbackLng: "vi",
         interpolation: { escapeValue: false },
-        ns: ["common", "conversation-inbox"],
+        ns: ["common", "conversation-inbox", "boot"],
         defaultNS: "common",
     });
 }

package/dist/locales/i18n.ts

@@ -2,16 +2,17 @@ import i18n from "i18next";
 import { initReactI18next } from "react-i18next";
 import vi from "./vi/common.json";
 import viConversationInbox from "./vi/conversation-inbox.json";
+import viBoot from "./vi/boot.json";
 
 if (!i18n.isInitialized) {
   i18n.use(initReactI18next).init({
     resources: {
-      vi: { common: vi, "conversation-inbox": viConversationInbox },
+      vi: { common: vi, "conversation-inbox": viConversationInbox, boot: viBoot },
     },
     lng: "vi",
     fallbackLng: "vi",
     interpolation: { escapeValue: false },
-    ns: ["common", "conversation-inbox"],
+    ns: ["common", "conversation-inbox", "boot"],
     defaultNS: "common",
   });
 }

package/dist/locales/vi/boot.json

@@ -0,0 +1,28 @@
+{
+  "desk": {
+    "title": {
+      "engine": "Đang khởi động Livechat",
+      "connect": "Đang kết nối máy chủ chat",
+      "sync": "Đang đồng bộ tin nhắn",
+      "error": "Không kết nối được Livechat"
+    },
+    "steps": {
+      "engine": "Khởi động Livechat",
+      "connect": "Kết nối máy chủ chat",
+      "sync": "Đồng bộ tin nhắn"
+    },
+    "slow": "Mạng đang chậm hơn bình thường. Livechat vẫn đang tải, bạn không cần làm gì thêm.",
+    "error_hint": "Kiểm tra kết nối mạng rồi bấm Thử lại. Nếu vẫn lỗi, báo bộ phận kỹ thuật: dừng ở bước {{step}}."
+  },
+  "inbox": {
+    "title": "Đang tải tin nhắn",
+    "engine": "Đang chuẩn bị hộp thư…",
+    "connect": "Đang kết nối…",
+    "sync": "Đang đồng bộ…",
+    "slow": "Lần đầu mở có thể mất một chút thời gian. Những lần sau sẽ nhanh hơn.",
+    "error_title": "Chưa tải được tin nhắn",
+    "error_hint": "Kiểm tra kết nối mạng rồi thử lại."
+  },
+  "retry": "Thử lại",
+  "sync_progress_label": "Tiến độ đồng bộ tin nhắn"
+}

package/dist/locales/vi/common.json

@@ -147,6 +147,7 @@
   "group_notification_message_pinned": "{{name}} đã ghim một tin nhắn",
   "group_notification_message_unpinned": "{{name}} đã bỏ ghim một tin nhắn",
   "invalid_message": "Tin nhắn không hợp lệ",
+  "consultant_chat_button": "Nhắn với người hướng dẫn",
   "session_started": "Phiên chat đã bắt đầu",
   "session_ended": "Phiên chat đã kết thúc",
   "new_message": "Bạn có tin nhắn mới",
@@ -224,6 +225,7 @@
   "join_link_unavailable_message": "Liên kết đã bị thu hồi, thay thế hoặc nhóm không còn tồn tại. Vui lòng liên hệ người gửi để nhận liên kết mới.",
   "join_link_unavailable_action": "Đã hiểu",
   "close": "Đóng",
+  "app_menu_open": "Mở menu",
   "leave_group_confirm_title": "Rời khỏi nhóm?",
   "leave_group_confirm_message": "Bạn có chắc chắn muốn rời khỏi nhóm này không?",
   "leave_group_success": "Rời khỏi nhóm thành công",
@@ -313,7 +315,6 @@
   "no_message_yet": "Chưa có tin nhắn",
   "folder_group_collapse": "Thu gọn {{name}}",
   "folder_group_expand": "Mở rộng {{name}}",
-  "viewport_too_narrow": "Vui lòng dùng màn hình rộng từ 1024px",
   "thread_info_open": "Thông tin hội thoại",
   "thread_info_close": "Đóng thông tin (Esc)",
   "search_in_conversation": "Tìm trong hội thoại",

package/dist/screens/conversation-detail/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/screens/conversation-detail/index.tsx"],"names":[],"mappings":"AAqBA,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,kCAAkC,CAAC;AAWrF,OAAO,EAEL,KAAK,4BAA4B,EAClC,MAAM,6CAA6C,CAAC;AAIrD,MAAM,WAAW,4BACf,SAAQ,4BAA4B,EAClC,4BAA4B;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB;;;OAGG;IACH,iBAAiB,CAAC,EAAE,CAAC,cAAc,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1E,kGAAkG;IAClG,sBAAsB,CAAC,EAAE,MAAM,IAAI,CAAC;CACrC;AAED,QAAA,MAAM,uBAAuB,GAAI,8IAc9B,4BAA4B,mDAyO9B,CAAC;AAEF,eAAe,uBAAuB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/screens/conversation-detail/index.tsx"],"names":[],"mappings":"AAsBA,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,kCAAkC,CAAC;AAWrF,OAAO,EAEL,KAAK,4BAA4B,EAClC,MAAM,6CAA6C,CAAC;AAQrD,MAAM,WAAW,4BACf,SAAQ,4BAA4B,EAClC,4BAA4B;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB;;;OAGG;IACH,iBAAiB,CAAC,EAAE,CAAC,cAAc,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1E,kGAAkG;IAClG,sBAAsB,CAAC,EAAE,MAAM,IAAI,CAAC;CACrC;AAED,QAAA,MAAM,uBAAuB,GAAI,8IAc9B,4BAA4B,mDA4Q9B,CAAC;AAEF,eAAe,uBAAuB,CAAC"}

package/dist/screens/conversation-detail/index.js

@@ -11,7 +11,7 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useState } from "react";
+import { useEffect, useState } from "react";
 import { useTranslation } from "react-i18next";
 import { useChatContext } from "../../context/ChatContext";
 import { useChatNavigate } from "../../hooks/conversation/useChatNavigate";
@@ -19,6 +19,7 @@ import { useBoolean } from "ahooks";
 import clsx from "clsx";
 import { Empty, Spin } from "antd";
 import { Icon } from "../../components/icon";
+import useAuthStore from "../../store/auth";
 import useConversationStore from "../../store/conversation";
 import ThreadProfilePanel from "../../components/conversation-detail/ThreadProfilePanel";
 import MediaResourcePanel from "../../components/media-resources/MediaResourcePanel";
@@ -29,7 +30,8 @@ import { BotButtonMessage, BotInactiveNotice, BotMenuSheet, BotStartButton, BotS
 import { useBotFlow } from "../../hooks/conversation/useBotFlow";
 import { BOT_TYPE } from "../../constants/botFlow";
 import { useResolveConversation, } from "../../hooks/conversation/useResolveConversation";
-import { isBotPeer } from "../../utils/conversation";
+import { nextConsultantReturnTarget, useConsultantChatNavigation, } from "../../hooks/conversation/useConsultantChatNavigation";
+import { isBotPeer, isSupportSessionAgentView } from "../../utils/conversation";
 import { COMPOSER_DISMISS_ZONE_ATTR } from "../../hooks/common/useOutsideTapDismiss";
 const DChatConversationDetail = (_a) => {
     var _b;
@@ -38,9 +40,10 @@ const DChatConversationDetail = (_a) => {
     // inputProps goes to ConversationDetailInput, which has no business with it.
     onCopyMessageLink, onSearchMessageRevoked } = _a, inputProps = __rest(_a, ["className", "children", "onBack", "conversationId", "messageId", "userId", "groupId", "botId", "onCopyMessageLink", "onSearchMessageRevoked"]);
     const { t } = useTranslation("conversation-inbox");
-    const { useUrlState = true } = useChatContext();
+    const { useUrlState = true, user } = useChatContext();
     const onNavigate = useChatNavigate();
     const conversation = useConversationStore((state) => state.conversationData);
+    const authUserID = useAuthStore((state) => state.userID);
     const isViewOnlyMember = useConversationStore((state) => state.isViewOnlyMember);
     const clearSelectedConversation = useConversationStore((state) => state.clearSelectedConversation);
     const setPendingResolveTarget = useConversationStore((state) => state.setPendingResolveTarget);
@@ -51,7 +54,10 @@ const DChatConversationDetail = (_a) => {
         botId,
         messageId,
     });
-    const isBotThread = conversation ? isBotPeer(conversation) : false;
+    // The bot flow belongs to the session owner; an agent (PDP CS) just chats.
+    const isBotThread = !!conversation &&
+        isBotPeer(conversation) &&
+        !isSupportSessionAgentView(conversation, (user === null || user === void 0 ? void 0 : user.userID) || authUserID);
     const botFlow = useBotFlow({
         conversationId: (_b = conversation === null || conversation === void 0 ? void 0 : conversation.conversationID) !== null && _b !== void 0 ? _b : "",
         isBotThread,
@@ -60,7 +66,25 @@ const DChatConversationDetail = (_a) => {
     const hasMenuItems = botFlow.menuItems.length > 0;
     const [isProfileOpen, { setTrue: openProfile, setFalse: closeProfile }] = useBoolean(false);
     const [resourceTab, setResourceTab] = useState(null);
+    const { returnTarget: consultantReturnTarget, returnToBotThread, clearReturnTarget, setReturnTarget, } = useConsultantChatNavigation();
+    useEffect(() => {
+        const next = nextConsultantReturnTarget(consultantReturnTarget, conversation);
+        if (next !== consultantReturnTarget)
+            setReturnTarget(next);
+    }, [consultantReturnTarget, conversation, setReturnTarget]);
+    // Leaving the detail (inbox list, bubble closed) ends the button's journey.
+    useEffect(() => clearReturnTarget, [clearReturnTarget]);
     const handleBack = () => {
+        if (consultantReturnTarget) {
+            const isOnBotThread = !error &&
+                (conversation === null || conversation === void 0 ? void 0 : conversation.conversationID) ===
+                    consultantReturnTarget.botConversationId;
+            if (!isOnBotThread) {
+                returnToBotThread();
+                return;
+            }
+            clearReturnTarget();
+        }
         // Bubble mode owns no page/URL to go "back" to — window.history.back()
         // would instead navigate the host app itself. The store is the only
         // source of truth here, so clear it directly.

package/dist/screens/desk-message/DeskBootCard.d.ts

@@ -0,0 +1,7 @@
+import type { ChatBootState } from "../../hooks/init/useChatBootPhase";
+/** CRM boot status: the three named steps, sync progress, a slow-network note and a retry on failure. */
+declare const DeskBootCard: ({ boot }: {
+    boot: ChatBootState;
+}) => import("react/jsx-runtime").JSX.Element | null;
+export default DeskBootCard;
+//# sourceMappingURL=DeskBootCard.d.ts.map

package/dist/screens/desk-message/DeskBootCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DeskBootCard.d.ts","sourceRoot":"","sources":["../../../src/screens/desk-message/DeskBootCard.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAkEnE,yGAAyG;AACzG,QAAA,MAAM,YAAY,GAAI,UAAU;IAAE,IAAI,EAAE,aAAa,CAAA;CAAE,mDAgFtD,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/dist/screens/desk-message/DeskBootCard.js

@@ -0,0 +1,69 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useRef } from "react";
+import clsx from "clsx";
+import { Button } from "antd";
+import { useTranslation } from "react-i18next";
+import BootProgressBar from "../../components/boot/BootProgressBar";
+import { StrokeIcon } from "../../components/icon/StrokeIcon";
+const STEPS = ["engine", "connect", "sync"];
+/** A fresh device's sync reports 1, 4 and 10 before messages arrive; only higher values say much. */
+const SYNC_PERCENT_MIN = 10;
+const STEP_TEXT_CLASS = {
+    done: "text-gray-900",
+    active: "font-medium text-gray-900",
+    pending: "text-gray-400",
+    error: "font-medium text-danger-600",
+};
+const getStepStates = (boot) => {
+    var _a;
+    const isError = boot.phase === "error";
+    const current = STEPS.indexOf((isError ? ((_a = boot.failedStep) !== null && _a !== void 0 ? _a : "engine") : boot.phase));
+    return STEPS.map((_, index) => {
+        if (index < current)
+            return "done";
+        if (index > current)
+            return "pending";
+        return isError ? "error" : "active";
+    });
+};
+const StepMarker = ({ state }) => {
+    if (state === "done") {
+        return (_jsx("span", { className: "flex h-4 w-4 shrink-0 items-center justify-center rounded-full bg-success-400 text-white", children: _jsx(StrokeIcon, { name: "check", size: 11, strokeWidth: 3 }) }));
+    }
+    if (state === "error") {
+        return (_jsx("span", { className: "flex h-4 w-4 shrink-0 items-center justify-center rounded-full bg-danger-500 text-[11px] font-bold leading-none text-white", children: "!" }));
+    }
+    if (state === "active") {
+        return (_jsx("span", { className: "h-4 w-4 shrink-0 rounded-full border-2 border-primary-25 border-t-primary-400 motion-safe:animate-spin" }));
+    }
+    return _jsx("span", { className: "h-4 w-4 shrink-0 rounded-full border-[1.5px] border-gray-100" });
+};
+const BootMark = ({ isError }) => (_jsxs("span", { "aria-hidden": "true", className: "relative flex h-12 w-12 shrink-0", children: [!isError && (_jsx("span", { className: "absolute inset-0 rounded-xl bg-primary-200 motion-safe:animate-[dchat-boot-breathe_2s_ease-out_infinite] motion-reduce:hidden" })), _jsx("span", { className: "relative flex h-12 w-12 items-center justify-center rounded-xl bg-primary-400 text-white", children: _jsx(StrokeIcon, { name: "message-circle", size: 26 }) }), isError && (_jsx("span", { className: "absolute -bottom-1.5 -right-1.5 flex h-[22px] w-[22px] items-center justify-center rounded-full border-2 border-white bg-danger-500 text-xs font-bold leading-none text-white", children: "!" }))] }));
+/** CRM boot status: the three named steps, sync progress, a slow-network note and a retry on failure. */
+const DeskBootCard = ({ boot }) => {
+    var _a;
+    const { t } = useTranslation("boot");
+    const errorRef = useRef(null);
+    const isError = boot.phase === "error";
+    // Agents work from the keyboard, so Enter should retry; but never pull focus off the rail.
+    useEffect(() => {
+        var _a, _b;
+        if (!isError)
+            return;
+        const active = document.activeElement;
+        if (active && active !== document.body)
+            return;
+        (_b = (_a = errorRef.current) === null || _a === void 0 ? void 0 : _a.querySelector("button")) === null || _b === void 0 ? void 0 : _b.focus();
+    }, [isError]);
+    if (boot.phase === "ready")
+        return null;
+    const title = t(`desk.title.${isError ? "error" : boot.phase}`);
+    const errorHint = t("desk.error_hint", {
+        step: t(`desk.steps.${(_a = boot.failedStep) !== null && _a !== void 0 ? _a : "engine"}`),
+    });
+    const stepStates = getStepStates(boot);
+    const showPercent = boot.phase === "sync" && boot.syncProgress > SYNC_PERCENT_MIN;
+    return (_jsxs("div", { "data-cp-name": "DeskBootCard", "data-phase": boot.phase, className: clsx("flex w-full max-w-[340px] flex-col gap-4 rounded-2xl border border-gray-25 bg-white p-6 shadow-sm transition-opacity duration-200", !boot.isStatusVisible && "opacity-0"), children: [_jsx("p", { role: "status", "aria-live": "polite", className: "sr-only", children: boot.isStatusVisible ? (isError ? `${title}. ${errorHint}` : title) : "" }), _jsx(BootMark, { isError: isError }), _jsx("p", { "aria-hidden": "true", className: "text-lg font-semibold text-gray-900", children: title }), _jsx("ol", { className: "flex flex-col gap-2.5", children: STEPS.map((step, index) => (_jsxs("li", { "aria-current": ["active", "error"].includes(stepStates[index]) ? "step" : undefined, className: clsx("flex items-center gap-2.5 text-sm", STEP_TEXT_CLASS[stepStates[index]]), children: [_jsx(StepMarker, { state: stepStates[index] }), _jsx("span", { className: "flex-1", children: t(`desk.steps.${step}`) }), step === "sync" && showPercent && (_jsxs("span", { className: "text-[13px] font-semibold tabular-nums text-primary-400", children: [boot.syncProgress, "%"] }))] }, step))) }), !isError && (_jsx(BootProgressBar, { mode: boot.phase === "sync" && boot.syncProgress > 0 ? "progress" : "indeterminate", value: boot.syncProgress, label: t("sync_progress_label") })), boot.isSlow && !isError && (_jsx("p", { className: "rounded-lg bg-warning-25 px-3 py-2 text-[13px] leading-normal text-warning-900", children: t("desk.slow") })), isError && (_jsxs("div", { ref: errorRef, className: "flex flex-col gap-3.5", children: [_jsx("p", { "aria-hidden": "true", className: "text-[13px] leading-normal text-gray-600", children: errorHint }), _jsx(Button, { type: "primary", className: "self-start", onClick: () => window.location.reload(), children: t("retry") })] }))] }));
+};
+export default DeskBootCard;

package/dist/screens/desk-message/DeskOfflineOverlay.d.ts

@@ -0,0 +1,10 @@
+import type { ReactNode } from "react";
+interface DeskOfflineOverlayProps {
+    isPhone: boolean;
+    onOpenAppMenu?: (opener: HTMLElement | null) => void;
+    children?: ReactNode;
+}
+/** Covers a locked desk with the reconnect status; on phone it keeps a way to the app menu. */
+declare const DeskOfflineOverlay: ({ isPhone, onOpenAppMenu, children }: DeskOfflineOverlayProps) => import("react/jsx-runtime").JSX.Element;
+export default DeskOfflineOverlay;
+//# sourceMappingURL=DeskOfflineOverlay.d.ts.map

package/dist/screens/desk-message/DeskOfflineOverlay.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DeskOfflineOverlay.d.ts","sourceRoot":"","sources":["../../../src/screens/desk-message/DeskOfflineOverlay.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKvC,UAAU,uBAAuB;IAC/B,OAAO,EAAE,OAAO,CAAC;IACjB,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAC;IACrD,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,+FAA+F;AAC/F,QAAA,MAAM,kBAAkB,GAAI,sCAAsC,uBAAuB,4CAsBxF,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/dist/screens/desk-message/DeskOfflineOverlay.js

@@ -0,0 +1,11 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useTranslation } from "react-i18next";
+import { StrokeIcon } from "../../components/icon/StrokeIcon";
+import { DESK_OFFLINE_OVERLAY_ATTR } from "../../hooks/conversation/useDeskOfflineLock";
+/** Covers a locked desk with the reconnect status; on phone it keeps a way to the app menu. */
+const DeskOfflineOverlay = ({ isPhone, onOpenAppMenu, children }) => {
+    const { t } = useTranslation();
+    return (_jsxs("div", { [DESK_OFFLINE_OVERLAY_ATTR]: "", "data-testid": "desk-offline-overlay", className: "absolute inset-0 z-[1000] flex flex-col items-center justify-center gap-4 bg-white/70 p-4", children: [isPhone && onOpenAppMenu && (_jsx("button", { type: "button", "data-app-menu-button": true, "aria-label": t("app_menu_open"), onClick: (event) => onOpenAppMenu(event.currentTarget), className: "absolute left-2 top-2 flex h-10 w-10 items-center justify-center rounded-lg border-0 bg-transparent p-0 text-gray-900 focus-visible:outline focus-visible:outline-2 focus-visible:outline-primary-200", children: _jsx(StrokeIcon, { name: "menu", size: 20 }) })), children] }));
+};
+export default DeskOfflineOverlay;

package/dist/screens/desk-message/DeskWorkspace.d.ts

@@ -1,3 +1,4 @@
+import type { ReactNode } from "react";
 import { GroupThreadInfoConfig } from "../../components/thread/GroupThreadInfo";
 import type { CannedCreateRequest } from "../../types/chat";
 interface DeskWorkspaceProps {
@@ -5,8 +6,13 @@ interface DeskWorkspaceProps {
     groupThreadInfoConfig?: GroupThreadInfoConfig;
     onCopyMessageLink?: (conversationId: string, clientMsgID: string) => void;
     onSearchMessageRevoked?: () => void;
+    onOpenAppMenu?: (opener: HTMLElement | null) => void;
+    /** Connection dropped after the first connect: the desk stays visible but can't be used. */
+    isOffline?: boolean;
+    /** Shown in the offline overlay: reconnect status, and Retry once the reconnect has failed. */
+    offlineContent?: ReactNode;
 }
 /** Bright Workspace: folder, list, chat and info as separate white panels on the page canvas. */
-declare const DeskWorkspace: ({ openCreateCannedModal, groupThreadInfoConfig, onCopyMessageLink, onSearchMessageRevoked, }: DeskWorkspaceProps) => import("react/jsx-runtime").JSX.Element;
+declare const DeskWorkspace: ({ openCreateCannedModal, groupThreadInfoConfig, onCopyMessageLink, onSearchMessageRevoked, onOpenAppMenu, isOffline, offlineContent, }: DeskWorkspaceProps) => import("react/jsx-runtime").JSX.Element;
 export default DeskWorkspace;
 //# sourceMappingURL=DeskWorkspace.d.ts.map

package/dist/screens/desk-message/DeskWorkspace.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DeskWorkspace.d.ts","sourceRoot":"","sources":["../../../src/screens/desk-message/DeskWorkspace.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,qBAAqB,EAAE,MAAM,qCAAqC,CAAC;AAY5E,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAGxD,UAAU,kBAAkB;IAC1B,qBAAqB,CAAC,EAAE,CAAC,OAAO,CAAC,EAAE,mBAAmB,KAAK,IAAI,CAAC;IAChE,qBAAqB,CAAC,EAAE,qBAAqB,CAAC;IAC9C,iBAAiB,CAAC,EAAE,CAAC,cAAc,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1E,sBAAsB,CAAC,EAAE,MAAM,IAAI,CAAC;CACrC;AAID,iGAAiG;AACjG,QAAA,MAAM,aAAa,GAAI,8FAKpB,kBAAkB,4CA4FpB,CAAC;AAEF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"DeskWorkspace.d.ts","sourceRoot":"","sources":["../../../src/screens/desk-message/DeskWorkspace.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKvC,OAAO,EAAE,qBAAqB,EAAE,MAAM,qCAAqC,CAAC;AAkB5E,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAGxD,UAAU,kBAAkB;IAC1B,qBAAqB,CAAC,EAAE,CAAC,OAAO,CAAC,EAAE,mBAAmB,KAAK,IAAI,CAAC;IAChE,qBAAqB,CAAC,EAAE,qBAAqB,CAAC;IAC9C,iBAAiB,CAAC,EAAE,CAAC,cAAc,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1E,sBAAsB,CAAC,EAAE,MAAM,IAAI,CAAC;IACpC,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAC;IACrD,4FAA4F;IAC5F,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,+FAA+F;IAC/F,cAAc,CAAC,EAAE,SAAS,CAAC;CAC5B;AAID,iGAAiG;AACjG,QAAA,MAAM,aAAa,GAAI,wIAQpB,kBAAkB,4CAiLpB,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/dist/screens/desk-message/DeskWorkspace.js

@@ -1,29 +1,38 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useCallback, useEffect, useState } from "react";
+import { useCallback, useEffect, useRef, useState } from "react";
+import { useSearchParams } from "next/navigation";
 import MessageList from "../../components/message/MessageList";
 import DeskConversationList from "../../components/conversation/DeskConversationList";
 import DeskAssignedSession from "../../components/session/DeskAssignedSession";
 import ThreadInfo from "../../components/thread/ThreadInfo";
 import { useMediaQuery } from "../../hooks/common/useMediaQuery";
 import { useSidePanel } from "../../hooks/common/useSidePanel";
+import { useVisualViewportHeight } from "../../hooks/common/useVisualViewportHeight";
+import { useViewportTier } from "../../hooks/common/useViewportTier";
+import { useDeskOfflineLock } from "../../hooks/conversation/useDeskOfflineLock";
+import { useDeskThreadNavigation } from "../../hooks/conversation/useDeskThreadNavigation";
+import useSidePanelStore from "../../store/sidePanel";
 import useConversationStore from "../../store/conversation";
 import useDeskPanelHostStore from "../../store/deskPanelHost";
 import useWorkspaceLayoutStore from "../../store/workspaceLayout";
-import { LAYOUT_BREAKPOINTS, LAYOUT_WIDTHS } from "../../constants/layout";
+import { LAYOUT_BREAKPOINTS, LAYOUT_MEDIA, LAYOUT_WIDTHS } from "../../constants/layout";
 import { useDeskShortcuts } from "../../hooks/common/useDeskShortcuts";
 import { useNewMessageAnnouncement } from "../../hooks/message/useNewMessageAnnouncement";
 import ShortcutHelpModal from "../../components/shortcut-help/ShortcutHelpModal";
 import FolderOverlay from "./FolderOverlay";
-import ViewportNotice from "./ViewportNotice";
+import PhoneThreadFallbackHeader from "./PhoneThreadFallbackHeader";
+import DeskOfflineOverlay from "./DeskOfflineOverlay";
 import { PeerType } from "../../types/conversation";
 const minWidth = (px) => `(min-width: ${px}px)`;
 /** Bright Workspace: folder, list, chat and info as separate white panels on the page canvas. */
-const DeskWorkspace = ({ openCreateCannedModal, groupThreadInfoConfig, onCopyMessageLink, onSearchMessageRevoked, }) => {
+const DeskWorkspace = ({ openCreateCannedModal, groupThreadInfoConfig, onCopyMessageLink, onSearchMessageRevoked, onOpenAppMenu, isOffline = false, offlineContent, }) => {
     const selectedConversationId = useConversationStore((state) => state.selectedConversationId);
     const searchClientMsgID = useConversationStore((state) => state.searchClientMsgID);
     const { isOpen: isInfoOpen, toggle: toggleInfo, close: closeInfo } = useSidePanel("info");
-    const isSupported = useMediaQuery(minWidth(LAYOUT_BREAKPOINTS.minWorkspace));
+    const tier = useViewportTier();
+    const isPhone = tier === "phone";
+    const isDesktop = tier === "desktop";
     const isFolderInline = useMediaQuery(minWidth(LAYOUT_BREAKPOINTS.folderInline));
     const isInfoInline = useMediaQuery(minWidth(LAYOUT_BREAKPOINTS.infoInline));
     const isSupportPanelInline = useMediaQuery(minWidth(LAYOUT_BREAKPOINTS.supportPanelInline));
@@ -31,13 +40,67 @@ const DeskWorkspace = ({ openCreateCannedModal, groupThreadInfoConfig, onCopyMes
     const isBotThread = useConversationStore((state) => { var _a; return ((_a = state.conversationData) === null || _a === void 0 ? void 0 : _a.peerType) === PeerType.BOT; });
     const sidePanelsInline = isInfoInline && !(isBotThread && isSupportPanelInline);
     const [workspaceEl, setWorkspaceEl] = useState(null);
+    // Touch below desktop: size the desk (and sheets) to the visible viewport, keyboard included.
+    const isTouch = useMediaQuery(LAYOUT_MEDIA.touch);
+    useVisualViewportHeight(workspaceEl, isTouch && tier !== "desktop");
     const [panelSlotEl, setPanelSlotEl] = useState(null);
     useEffect(() => {
         useDeskPanelHostStore
             .getState()
-            .setHost({ workspace: workspaceEl, slot: panelSlotEl, isInline: sidePanelsInline });
-    }, [workspaceEl, panelSlotEl, sidePanelsInline]);
-    useEffect(() => () => useDeskPanelHostStore.getState().setHost({ workspace: null, slot: null }), []);
+            .setHost({
+            workspace: workspaceEl,
+            slot: panelSlotEl,
+            isInline: sidePanelsInline,
+            isFullScreen: isPhone,
+        });
+    }, [workspaceEl, panelSlotEl, sidePanelsInline, isPhone]);
+    useEffect(() => () => {
+        useDeskPanelHostStore
+            .getState()
+            .setHost({ workspace: null, slot: null, isFullScreen: false });
+        useWorkspaceLayoutStore.getState().setPhonePendingPane(null);
+    }, []);
+    // Phone shows one pane: the URL thread unless an open/back tap is still settling.
+    const urlThreadId = useSearchParams().get("threadId");
+    const pendingPane = useWorkspaceLayoutStore((state) => state.phonePendingPane);
+    const setPhonePendingPane = useWorkspaceLayoutStore((state) => state.setPhonePendingPane);
+    const showThread = pendingPane ? pendingPane === "thread" : Boolean(urlThreadId);
+    const { backToList } = useDeskThreadNavigation();
+    const hasConversationData = useConversationStore((state) => Boolean(state.conversationData));
+    const listPaneRef = useRef(null);
+    const chatPaneRef = useRef(null);
+    useEffect(() => {
+        setPhonePendingPane(null);
+    }, [urlThreadId, setPhonePendingPane]);
+    // A panel left open from thread A must not cover thread B.
+    useEffect(() => {
+        if (isPhone)
+            useSidePanelStore.getState().closePanel();
+    }, [isPhone, selectedConversationId]);
+    const wasShowingThread = useRef(showThread);
+    useDeskOfflineLock(workspaceEl, isOffline, () => {
+        var _a, _b;
+        return isPhone
+            ? showThread
+                ? (_b = (_a = chatPaneRef.current) === null || _a === void 0 ? void 0 : _a.querySelector("[data-desk-back]")) !== null && _b !== void 0 ? _b : null
+                : listPaneRef.current
+            : null;
+    });
+    useEffect(() => {
+        var _a, _b, _c;
+        if (!isPhone)
+            return;
+        // Overlays that set the shortcuts-off marker (nav drawer, sheets, offline lock) own focus.
+        const navOpen = document.querySelector("[data-desk-shortcuts-off]") !== null;
+        if (showThread) {
+            if (!navOpen)
+                (_b = (_a = chatPaneRef.current) === null || _a === void 0 ? void 0 : _a.querySelector("[data-desk-back]")) === null || _b === void 0 ? void 0 : _b.focus();
+        }
+        else if (wasShowingThread.current) {
+            (_c = listPaneRef.current) === null || _c === void 0 ? void 0 : _c.focus();
+        }
+        wasShowingThread.current = showThread;
+    }, [isPhone, showThread, hasConversationData]);
     const setFolderOverlayOpen = useWorkspaceLayoutStore((state) => state.setFolderOverlayOpen);
     const [isHelpOpen, setIsHelpOpen] = useState(false);
     const openHelp = useCallback(() => setIsHelpOpen(true), []);
@@ -48,10 +111,16 @@ const DeskWorkspace = ({ openCreateCannedModal, groupThreadInfoConfig, onCopyMes
         if (isFolderInline)
             setFolderOverlayOpen(false);
     }, [isFolderInline, setFolderOverlayOpen]);
-    if (!isSupported)
-        return _jsx(ViewportNotice, {});
-    return (_jsxs("div", { ref: setWorkspaceEl, className: "relative flex flex-1 flex-row h-screen gap-2 p-2 overflow-hidden bg-gray-5", "data-cp-name": "DeskWorkspace", children: [_jsx("div", { "aria-live": "polite", role: "status", className: "sr-only", children: announcement }), isFolderInline && _jsx(DeskAssignedSession, {}), _jsxs("div", { className: "relative h-full shrink-0 overflow-hidden rounded-xl bg-white shadow-sm", style: {
-                    width: isFolderInline ? LAYOUT_WIDTHS.list : LAYOUT_WIDTHS.listCompact,
-                }, children: [_jsx(DeskConversationList, {}), !isFolderInline && _jsx(FolderOverlay, {})] }), _jsx("div", { className: "flex h-full flex-1 overflow-hidden rounded-xl bg-white shadow-sm", style: { minWidth: LAYOUT_WIDTHS.chatMin }, children: _jsx(MessageList, { conversationId: selectedConversationId, searchClientMsgID: searchClientMsgID, openCreateCannedModal: openCreateCannedModal, onOpenThreadInfo: toggleInfo, onCopyMessageLink: onCopyMessageLink, onSearchMessageRevoked: onSearchMessageRevoked, showPinnedMessageBar: true }) }), _jsx(ThreadInfo, { isOpen: isInfoOpen, onClose: closeInfo, groupConfig: groupThreadInfoConfig, supportPanelInline: isSupportPanelInline, drawerContainer: workspaceEl }), _jsx("div", { ref: setPanelSlotEl, className: "contents" }), _jsx(ShortcutHelpModal, { open: isHelpOpen, onClose: () => setIsHelpOpen(false) })] }));
+    const messageList = (_jsx(MessageList, { conversationId: selectedConversationId, searchClientMsgID: searchClientMsgID, openCreateCannedModal: openCreateCannedModal, onOpenThreadInfo: toggleInfo, onCopyMessageLink: onCopyMessageLink, onSearchMessageRevoked: onSearchMessageRevoked, onBack: isPhone ? backToList : undefined, showPinnedMessageBar: true }));
+    // One child layout for every tier, so crossing a breakpoint never remounts the panes.
+    return (_jsxs("div", { ref: setWorkspaceEl, className: isPhone
+            ? "relative flex flex-1 h-[var(--dc-desk-height,var(--dc-app-height,100vh))] overflow-hidden bg-white"
+            : "relative flex flex-1 flex-row h-[var(--dc-desk-height,var(--dc-app-height,100vh))] gap-2 p-2 overflow-hidden bg-gray-5", "data-cp-name": "DeskWorkspace", children: [_jsx("div", { "aria-live": "polite", role: "status", className: "sr-only", children: announcement }), isFolderInline && _jsx(DeskAssignedSession, {}), _jsxs("div", { ref: listPaneRef, tabIndex: isPhone ? -1 : undefined, className: isPhone
+                    ? `absolute inset-0 overflow-hidden bg-white outline-none ${showThread ? "invisible" : ""}`
+                    : "relative h-full shrink-0 overflow-hidden rounded-xl bg-white shadow-sm", style: isPhone
+                    ? undefined
+                    : { width: isFolderInline ? LAYOUT_WIDTHS.list : LAYOUT_WIDTHS.listCompact }, children: [_jsx(DeskConversationList, { onOpenAppMenu: onOpenAppMenu }), !isFolderInline && _jsx(FolderOverlay, {})] }), _jsxs("div", { ref: chatPaneRef, className: isPhone
+                    ? `absolute inset-0 flex flex-col overflow-hidden bg-white ${showThread ? "" : "invisible"}`
+                    : "flex h-full flex-1 overflow-hidden rounded-xl bg-white shadow-sm", style: isPhone ? undefined : { minWidth: isDesktop ? LAYOUT_WIDTHS.chatMin : 0 }, children: [isPhone && !hasConversationData && (_jsx(PhoneThreadFallbackHeader, { onBack: backToList, onOpenAppMenu: onOpenAppMenu })), messageList] }), _jsx(ThreadInfo, { isOpen: isInfoOpen, onClose: closeInfo, groupConfig: groupThreadInfoConfig, supportPanelInline: isSupportPanelInline, drawerContainer: workspaceEl }), _jsx("div", { ref: setPanelSlotEl, className: "contents" }), _jsx(ShortcutHelpModal, { open: isHelpOpen, onClose: () => setIsHelpOpen(false) }), isOffline && (_jsx(DeskOfflineOverlay, { isPhone: isPhone, onOpenAppMenu: onOpenAppMenu, children: offlineContent }))] }));
 };
 export default DeskWorkspace;

package/dist/screens/desk-message/DeskWorkspaceSkeleton.d.ts

@@ -0,0 +1,10 @@
+import type { ReactNode } from "react";
+/**
+ * Placeholder with DeskWorkspace's panels (folder, list, chat) so the desk keeps its shape while
+ * the chat engine boots. `children` sits centred in the chat panel. Also used by the CRM app shell.
+ */
+declare const DeskWorkspaceSkeleton: ({ children }: {
+    children?: ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;
+export default DeskWorkspaceSkeleton;
+//# sourceMappingURL=DeskWorkspaceSkeleton.d.ts.map

package/dist/screens/desk-message/DeskWorkspaceSkeleton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DeskWorkspaceSkeleton.d.ts","sourceRoot":"","sources":["../../../src/screens/desk-message/DeskWorkspaceSkeleton.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AASvC;;;GAGG;AACH,QAAA,MAAM,qBAAqB,GAAI,cAAc;IAAE,QAAQ,CAAC,EAAE,SAAS,CAAA;CAAE,4CA2CpE,CAAC;AAEF,eAAe,qBAAqB,CAAC"}

package/dist/screens/desk-message/DeskWorkspaceSkeleton.js

@@ -0,0 +1,18 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import DeskListSkeleton from "../../components/conversation/DeskListSkeleton";
+import { LAYOUT_BREAKPOINTS, LAYOUT_WIDTHS } from "../../constants/layout";
+import { useMediaQuery } from "../../hooks/common/useMediaQuery";
+const minWidth = (px) => `(min-width: ${px}px)`;
+const FOLDER_ROW_WIDTHS = ["w-3/4", "w-2/3", "w-4/5", "w-1/2", "w-3/5"];
+const PULSE = "bg-gray-25 motion-safe:animate-pulse";
+/**
+ * Placeholder with DeskWorkspace's panels (folder, list, chat) so the desk keeps its shape while
+ * the chat engine boots. `children` sits centred in the chat panel. Also used by the CRM app shell.
+ */
+const DeskWorkspaceSkeleton = ({ children }) => {
+    const isSupported = useMediaQuery(minWidth(LAYOUT_BREAKPOINTS.minWorkspace));
+    const isFolderInline = useMediaQuery(minWidth(LAYOUT_BREAKPOINTS.folderInline));
+    return (_jsxs("div", { "data-cp-name": "DeskWorkspaceSkeleton", className: "relative flex h-full min-h-0 flex-1 flex-row gap-2 overflow-hidden bg-gray-5 p-2", children: [isSupported && isFolderInline && (_jsxs("div", { "aria-hidden": "true", className: "flex h-full shrink-0 flex-col gap-4 rounded-xl bg-white p-4 shadow-sm", style: { width: LAYOUT_WIDTHS.folder }, children: [_jsx("span", { className: `h-4 w-24 rounded ${PULSE}` }), FOLDER_ROW_WIDTHS.map((width) => (_jsx("span", { className: `h-3 rounded ${width} ${PULSE}` }, width)))] })), isSupported && (_jsxs("div", { "aria-hidden": "true", className: "flex h-full shrink-0 flex-col overflow-hidden rounded-xl bg-white shadow-sm", style: { width: isFolderInline ? LAYOUT_WIDTHS.list : LAYOUT_WIDTHS.listCompact }, children: [_jsxs("div", { className: "flex items-center gap-2 p-3", children: [!isFolderInline && _jsx("span", { className: `h-9 w-9 shrink-0 rounded-lg ${PULSE}` }), _jsx("span", { className: `h-9 flex-1 rounded-lg ${PULSE}` }), _jsx("span", { className: `h-8 w-8 shrink-0 rounded-lg ${PULSE}` })] }), _jsx("div", { className: "border-b border-gray-25 px-4 pb-3 pt-1", children: _jsx("span", { className: `block h-3 w-28 rounded ${PULSE}` }) }), _jsx(DeskListSkeleton, { rows: 8 })] })), _jsx("div", { className: "flex h-full min-w-0 flex-1 items-center justify-center overflow-hidden rounded-xl bg-white p-6 shadow-sm", children: children })] }));
+};
+export default DeskWorkspaceSkeleton;

package/dist/screens/desk-message/PhoneThreadFallbackHeader.d.ts

@@ -0,0 +1,8 @@
+interface PhoneThreadFallbackHeaderProps {
+    onBack: () => void;
+    onOpenAppMenu?: (opener: HTMLElement | null) => void;
+}
+/** Phone exit from a thread whose header can't render (still loading, removed or no access). */
+declare const PhoneThreadFallbackHeader: ({ onBack, onOpenAppMenu, }: PhoneThreadFallbackHeaderProps) => import("react/jsx-runtime").JSX.Element;
+export default PhoneThreadFallbackHeader;
+//# sourceMappingURL=PhoneThreadFallbackHeader.d.ts.map

package/dist/screens/desk-message/PhoneThreadFallbackHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PhoneThreadFallbackHeader.d.ts","sourceRoot":"","sources":["../../../src/screens/desk-message/PhoneThreadFallbackHeader.tsx"],"names":[],"mappings":"AAIA,UAAU,8BAA8B;IACtC,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAC;CACtD;AAKD,gGAAgG;AAChG,QAAA,MAAM,yBAAyB,GAAI,4BAGhC,8BAA8B,4CA6BhC,CAAC;AAEF,eAAe,yBAAyB,CAAC"}

package/dist/screens/desk-message/PhoneThreadFallbackHeader.js

@@ -0,0 +1,11 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useTranslation } from "react-i18next";
+import { StrokeIcon } from "../../components/icon/StrokeIcon";
+const buttonClass = "flex h-10 w-10 shrink-0 items-center justify-center rounded-lg border-0 bg-transparent p-0 text-gray-900 focus-visible:outline focus-visible:outline-2 focus-visible:outline-primary-200";
+/** Phone exit from a thread whose header can't render (still loading, removed or no access). */
+const PhoneThreadFallbackHeader = ({ onBack, onOpenAppMenu, }) => {
+    const { t } = useTranslation();
+    return (_jsxs("div", { className: "flex h-14 shrink-0 items-center gap-1 border-b border-gray-25 bg-white px-2", "data-cp-name": "PhoneThreadFallbackHeader", children: [_jsx("button", { type: "button", "data-desk-back": true, "aria-label": t("back"), onClick: onBack, className: buttonClass, children: _jsx(StrokeIcon, { name: "chevron-left", size: 20 }) }), onOpenAppMenu && (_jsx("button", { type: "button", "data-app-menu-button": true, "aria-label": t("app_menu_open"), onClick: (event) => onOpenAppMenu(event.currentTarget), className: buttonClass, children: _jsx(StrokeIcon, { name: "menu", size: 20 }) }))] }));
+};
+export default PhoneThreadFallbackHeader;

package/dist/screens/desk-message/index.d.ts

@@ -6,6 +6,8 @@ interface DChatDeskMessageProps {
     onCopyMessageLink?: (conversationId: string, clientMsgID: string) => void;
     /** Called instead of the SDK's default toast when a jumped-to message turns out to be revoked. */
     onSearchMessageRevoked?: () => void;
+    /** Phone: opens the host's app menu from the list header or thread fallback header; gets the tapped button. */
+    onOpenAppMenu?: (opener: HTMLElement | null) => void;
 }
 declare const DChatDeskMessage: (props: DChatDeskMessageProps) => import("react/jsx-runtime").JSX.Element;
 export default DChatDeskMessage;

package/dist/screens/desk-message/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/screens/desk-message/index.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,qBAAqB,EAAE,MAAM,qCAAqC,CAAC;AAE5E,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAExD,UAAU,qBAAqB;IAC7B,qBAAqB,CAAC,EAAE,CAAC,OAAO,CAAC,EAAE,mBAAmB,KAAK,IAAI,CAAC;IAChE,qBAAqB,CAAC,EAAE,qBAAqB,CAAC;IAC9C,iBAAiB,CAAC,EAAE,CAAC,cAAc,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1E,kGAAkG;IAClG,sBAAsB,CAAC,EAAE,MAAM,IAAI,CAAC;CACrC;AAED,QAAA,MAAM,gBAAgB,GAAI,OAAO,qBAAqB,4CAcrD,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/screens/desk-message/index.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,qBAAqB,EAAE,MAAM,qCAAqC,CAAC;AAK5E,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAIxD,UAAU,qBAAqB;IAC7B,qBAAqB,CAAC,EAAE,CAAC,OAAO,CAAC,EAAE,mBAAmB,KAAK,IAAI,CAAC;IAChE,qBAAqB,CAAC,EAAE,qBAAqB,CAAC;IAC9C,iBAAiB,CAAC,EAAE,CAAC,cAAc,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1E,kGAAkG;IAClG,sBAAsB,CAAC,EAAE,MAAM,IAAI,CAAC;IACpC,+GAA+G;IAC/G,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAC;CACtD;AAWD,QAAA,MAAM,gBAAgB,GAAI,OAAO,qBAAqB,4CA4CrD,CAAC;AAEF,eAAe,gBAAgB,CAAC"}