@droppii-org/chat-sdk 0.6.56 → 0.7.0

package/dist/hooks/session/usePendingSessionClose.js

@@ -0,0 +1,12 @@
+import { useEffect } from "react";
+import usePendingSessionCloseStore from "../../store/pendingSessionClose";
+/** True while a session's close is waiting out its undo period. */
+export const useIsSessionClosePending = (sessionId) => usePendingSessionCloseStore((state) => sessionId ? Boolean(state.pendingIds[sessionId]) : false);
+/** Sends any pending close for the conversation as soon as it is left or unmounted. */
+export const useFlushPendingCloseOnLeave = (conversationId, enabled = true) => {
+    useEffect(() => {
+        if (!enabled || !conversationId)
+            return;
+        return () => usePendingSessionCloseStore.getState().flushConversation(conversationId);
+    }, [conversationId, enabled]);
+};

package/dist/hooks/session/useSessionCustomerName.d.ts

@@ -0,0 +1,3 @@
+/** Name of the customer the open support thread belongs to, as the header shows it. */
+export declare const useSessionCustomerName: () => string;
+//# sourceMappingURL=useSessionCustomerName.d.ts.map

package/dist/hooks/session/useSessionCustomerName.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSessionCustomerName.d.ts","sourceRoot":"","sources":["../../../src/hooks/session/useSessionCustomerName.ts"],"names":[],"mappings":"AAWA,uFAAuF;AACvF,eAAO,MAAM,sBAAsB,cAmBlC,CAAC"}

package/dist/hooks/session/useSessionCustomerName.js

@@ -0,0 +1,19 @@
+import useAuthStore from "../../store/auth";
+import useConversationStore from "../../store/conversation";
+import { useConversationDisplayData } from "../../hooks/conversation/useConversation";
+import { PeerType } from "../../types/conversation";
+import { isSupportSessionAgentView, resolveBotSessionOwnerIdentity, resolveSupportSessionOwnerId, } from "../../utils/conversation";
+import { useGetUserSideInfo } from "./useGetUserSideInfo";
+/** Name of the customer the open support thread belongs to, as the header shows it. */
+export const useSessionCustomerName = () => {
+    var _a, _b, _c, _d;
+    const selfUserID = useAuthStore((state) => state.userID);
+    const conversationData = useConversationStore((state) => state.conversationData);
+    const { displayName } = useConversationDisplayData(conversationData);
+    const ownerId = (conversationData === null || conversationData === void 0 ? void 0 : conversationData.peerType) === PeerType.BOT &&
+        isSupportSessionAgentView(conversationData, selfUserID)
+        ? resolveSupportSessionOwnerId(conversationData)
+        : "";
+    const { data: owner } = useGetUserSideInfo((_a = conversationData === null || conversationData === void 0 ? void 0 : conversationData.conversationID) !== null && _a !== void 0 ? _a : "", ownerId);
+    return ((_d = (_c = (_b = resolveBotSessionOwnerIdentity(conversationData, owner, selfUserID)) === null || _b === void 0 ? void 0 : _b.displayName) !== null && _c !== void 0 ? _c : displayName) !== null && _d !== void 0 ? _d : "");
+};

package/dist/hooks/session/useSessionFieldAutosave.d.ts

@@ -0,0 +1,19 @@
+export type AutosaveStatus = "idle" | "saving" | "saved" | "error";
+interface Options {
+    /** Value currently stored on the server; edits equal to it are not saved. */
+    serverValue: string;
+    save: (value: string) => Promise<unknown>;
+    waitMs?: number;
+}
+/**
+ * Debounced field autosave. A pending edit is flushed on unmount (while still
+ * authenticated) so switching sessions never drops text; failures keep the text.
+ */
+export declare const useSessionFieldAutosave: ({ serverValue, save, waitMs, }: Options) => {
+    value: string;
+    setValue: (next: string) => void;
+    status: AutosaveStatus;
+    retry: () => Promise<void>;
+};
+export {};
+//# sourceMappingURL=useSessionFieldAutosave.d.ts.map

package/dist/hooks/session/useSessionFieldAutosave.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSessionFieldAutosave.d.ts","sourceRoot":"","sources":["../../../src/hooks/session/useSessionFieldAutosave.ts"],"names":[],"mappings":"AAGA,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,OAAO,CAAC;AAEnE,UAAU,OAAO;IACf,6EAA6E;IAC7E,WAAW,EAAE,MAAM,CAAC;IACpB,IAAI,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC,OAAO,CAAC,CAAC;IAC1C,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED;;;GAGG;AACH,eAAO,MAAM,uBAAuB,GAAI,gCAIrC,OAAO;;qBA0BC,MAAM;;;CAoBhB,CAAC"}

package/dist/hooks/session/useSessionFieldAutosave.js

@@ -0,0 +1,52 @@
+import { useCallback, useEffect, useRef, useState } from "react";
+import useAuthStore from "../../store/auth";
+/**
+ * Debounced field autosave. A pending edit is flushed on unmount (while still
+ * authenticated) so switching sessions never drops text; failures keep the text.
+ */
+export const useSessionFieldAutosave = ({ serverValue, save, waitMs = 500, }) => {
+    const [value, setValueState] = useState(serverValue);
+    const [status, setStatus] = useState("idle");
+    const valueRef = useRef(serverValue);
+    const savedRef = useRef(serverValue);
+    const timerRef = useRef();
+    const mountedRef = useRef(true);
+    const saveRef = useRef(save);
+    saveRef.current = save;
+    const persist = useCallback(async () => {
+        const next = valueRef.current;
+        if (next === savedRef.current)
+            return;
+        if (mountedRef.current)
+            setStatus("saving");
+        try {
+            await saveRef.current(next);
+            savedRef.current = next;
+            if (mountedRef.current) {
+                setStatus(valueRef.current === next ? "saved" : "saving");
+            }
+        }
+        catch (_a) {
+            if (mountedRef.current)
+                setStatus("error");
+        }
+    }, []);
+    const setValue = useCallback((next) => {
+        valueRef.current = next;
+        setValueState(next);
+        clearTimeout(timerRef.current);
+        timerRef.current = setTimeout(persist, waitMs);
+    }, [persist, waitMs]);
+    useEffect(() => {
+        mountedRef.current = true;
+        return () => {
+            mountedRef.current = false;
+            if (timerRef.current === undefined)
+                return;
+            clearTimeout(timerRef.current);
+            if (useAuthStore.getState().accessToken)
+                void persist();
+        };
+    }, [persist]);
+    return { value, setValue, status, retry: persist };
+};

package/dist/index.d.ts

@@ -1,5 +1,6 @@
 import "./locales/i18n";
 import DChatDeskMessage from "./screens/desk-message";
+import SkipLinks from "./screens/desk-message/SkipLinks";
 import DChatBubble from "./screens/chat-bubble";
 import { Platform, LogLevel, SessionType } from "@droppii-org/wasm-client-sdk";
 import { Icon } from "./components/icon";
@@ -12,9 +13,12 @@ export { default as qs } from "query-string";
 export * from "antd/es/table";
 export { ChatProvider, useChatContext } from "./context/ChatContext";
 export { ConnectStatus, SyncStatus } from "./types/chat";
-export type { DChatTheme, ChatProviderProps } from "./types/chat";
+export type { DChatTheme, ChatProviderProps, CannedCreateRequest, } from "./types/chat";
 export { openLink } from "./utils/openLink";
-export { DChatDeskMessage, DChatBubble, Icon };
+export { DChatDeskMessage, DChatBubble, Icon, SkipLinks };
+export { StrokeIcon } from "./components/icon/StrokeIcon";
+export type { StrokeIconProps } from "./components/icon/StrokeIcon";
+export type { StrokeIconName } from "./components/icon/strokeIconNodes";
 export { default as RichTextEditor } from "./components/rich-text-editor/RichTextEditor";
 export { default as ShadowStyleBoundary } from "./components/shadow-style-boundary/ShadowStyleBoundary";
 export type { ShadowStyleBoundaryProps } from "./components/shadow-style-boundary/ShadowStyleBoundary";
@@ -69,4 +73,6 @@ export { MediaEntryCard, MediaResourcePanel, MediaResourceTabs, MediaResourceTab
 export type { MediaResourceTabsProps } from "./components/media-resources/MediaResourceTabs";
 export { useMessageResources } from "./hooks/message/useMessageResources";
 export { PAGE_SIZE } from "./constants";
+export { LAYOUT_BREAKPOINTS, LAYOUT_WIDTHS } from "./constants/layout";
+export { useMediaQuery } from "./hooks/common/useMediaQuery";
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}

package/dist/index.js

@@ -1,5 +1,6 @@
 import "./locales/i18n";
 import DChatDeskMessage from "./screens/desk-message";
+import SkipLinks from "./screens/desk-message/SkipLinks";
 import DChatBubble from "./screens/chat-bubble";
 import { Platform, LogLevel, SessionType } from "@droppii-org/wasm-client-sdk";
 import { Icon } from "./components/icon";
@@ -15,7 +16,8 @@ export { ChatProvider, useChatContext } from "./context/ChatContext";
 export { ConnectStatus, SyncStatus } from "./types/chat";
 export { openLink } from "./utils/openLink";
 //Components
-export { DChatDeskMessage, DChatBubble, Icon };
+export { DChatDeskMessage, DChatBubble, Icon, SkipLinks };
+export { StrokeIcon } from "./components/icon/StrokeIcon";
 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";
@@ -66,3 +68,5 @@ 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 { useMediaQuery } from "./hooks/common/useMediaQuery";

package/dist/locales/vi/common.json

@@ -23,7 +23,7 @@
   "no_conversation": "Không tìm thấy cuộc trò chuyện",
   "download": "Tải xuống",
   "active_sessions": "Đang mở",
-  "closed_sessions": "Đã đóng",
+  "closed_sessions": "Đã hoàn thành",
   "all_groups": "Toàn bộ",
   "unassigned": "Chưa phân công",
   "waiting_process": "Chờ xử lý",
@@ -36,8 +36,8 @@
   "err_get_conversation": "Lỗi khi lấy thông tin cuộc trò chuyện",
   "enter_message": "Nhập tin nhắn",
   "enter_internal_message": "Tin nhắn nội bộ chỉ hiển thị với bạn và các thành viên trong nhóm.",
-  "reply": "Reply",
-  "internal": "Internal",
+  "reply": "Trả lời",
+  "internal": "Tin nhắn nội bộ",
   "canned_response_hint": "Gõ # và nhấn Enter để chèn câu trả lời nhanh",
   "mention": {
     "all_members": "Tất cả",
@@ -46,17 +46,17 @@
     "menu_title": "Nhắc đến",
     "limit_reached": "Chỉ được nhắc đến tối đa {{max}} thành viên trong một tin nhắn"
   },
-  "update_session_status_title": "Cập nhật status",
-  "update_session_tag_title": "Cập nhật tag",
+  "update_session_status_title": "Cập nhật trạng thái",
+  "update_session_tag_title": "Cập nhật thẻ",
   "cancel": "Hủy",
   "update": "Cập nhật",
-  "update_session_status_failed": "Cập nhật status không thành công",
-  "update_session_tag_failed": "Cập nhật tag không thành công",
+  "update_session_status_failed": "Cập nhật trạng thái không thành công",
+  "update_session_tag_failed": "Cập nhật thẻ không thành công",
   "customer": "Khách hàng",
   "you": "Bạn",
   "current_account": "(tôi)",
   "message_sender_unnamed": "Thành viên",
-  "select_tag": "Chọn tag",
+  "select_tag": "Chọn thẻ",
   "search_message": "Tìm kiếm tin nhắn",
   "no_result": "Không có kết quả",
   "no_search_text": "Nhập từ khoá tìm kiếm",
@@ -104,7 +104,7 @@
   "manual_assign_no_results": "Không có kết quả phù hợp",
   "manual_assign_confirm_question": "Phân công lại cho <bold>{{name}}</bold>?",
   "manual_assign_button_reassign": "Phân công lại",
-  "manual_assign_button_auto_reassign": "Auto reassign",
+  "manual_assign_button_auto_reassign": "Tự động phân công lại",
   "manual_assign_success": "Phân công thành công",
   "auto_assign_success": "Tự động phân công thành công",
   "auto_assign_failed": "Không có nhân viên phù hợp để phân công",
@@ -115,7 +115,7 @@
   "select_status": "Chọn trạng thái",
   "invalid_file_format": "{{fileName}} không đúng định dạng JPG, JPEG, PNG hoặc VIDEO",
   "file_size_exceeded": "{{fileName}} có kích thước tập tin vượt quá {{maxSize}}MB",
-  "avatar_invalid_format": "Vui lòng dùng file PNG, JPG, JPEG, WEBP",
+  "avatar_invalid_format": "Vui lòng dùng tệp PNG, JPG, JPEG, WEBP",
   "avatar_size_exceeded": "Vui lòng dùng ảnh dưới {{maxSize}}MB",
   "file_processing_error": "Đã xảy ra lỗi khi xử lý tệp",
   "invalid_document_format": "{{fileName}} không đúng định dạng (chỉ hỗ trợ PDF, DOC, DOCX)",
@@ -123,7 +123,7 @@
   "search_message_title": "Tìm kiếm tin nhắn",
   "msg_type_image": "[Hình ảnh]",
   "msg_type_voice": "[Tin nhắn thoại]",
-  "msg_type_file": "[File]",
+  "msg_type_file": "[Tập tin]",
   "msg_type_video": "[Video]",
   "msg_type_sticker": "[Nhãn dán]",
   "msg_type_unsupported": "Tin nhắn không khả dụng",
@@ -156,7 +156,7 @@
   "session_add_tag_placeholder": "Thêm thẻ...",
   "session_issue_detail_placeholder": "Vấn đề cụ thể...",
   "session_note_placeholder": "Ghi chú...",
-  "session_close_button": "Đóng",
+  "session_close_button": "Kết thúc phiên",
   "member_count": "{{count}} thành viên",
   "members": "Thành viên",
   "search_member_placeholder": "Tìm kiếm thành viên",
@@ -180,7 +180,7 @@
   "assign_as_admin": "Chỉ định làm quản trị viên",
   "assign_as_admin_success": "Đã chỉ định làm quản trị viên",
   "assign_admin_confirm_title": "Cấp quyền quản trị viên",
-  "assign_admin_confirm_message": "Bạn chắc chắn muốn cấp quyền quản trị viên cho \"{{name}}\" ?",
+  "assign_admin_confirm_message": "Bạn chắc chắn muốn cấp quyền quản trị viên cho \"{{name}}\"?",
   "agree": "Đồng ý",
   "remove_from_admin": "Xoá khỏi quản trị viên",
   "remove_from_admin_success": "Đã xoá khỏi quản trị viên",
@@ -188,7 +188,7 @@
   "remove_member_success": "Đã xoá thành viên khỏi nhóm",
   "remove_member_failed": "Xoá thành viên không thành công, vui lòng thử lại!",
   "remove_member_confirm_title": "Xóa khỏi nhóm",
-  "remove_member_confirm_message": "Bạn chắc chắn muốn xóa \"{{name}}\" khỏi nhóm ?",
+  "remove_member_confirm_message": "Bạn chắc chắn muốn xóa \"{{name}}\" khỏi nhóm?",
   "remove_and_block": "Xoá và chặn",
   "choose_emoji": "Chọn biểu tượng cảm xúc",
   "emoji_smileys": "Mặt cười",
@@ -209,7 +209,7 @@
   "replied_you": "đã trả lời bạn",
   "replied": "đã trả lời",
   "my_messages": "Tin nhắn của tôi",
-  "my_inbox_tab": "My inbox",
+  "my_inbox_tab": "Của tôi",
   "team_messages": "Tin nhắn nhóm",
   "pdp_team_inbox_tag": "Tin nhắn chung",
   "join_group_required": "Bạn cần tham gia nhóm để gửi tin nhắn",
@@ -229,8 +229,8 @@
   "leave_group_success": "Rời khỏi nhóm thành công",
   "leave_group_failed": "Rời khỏi nhóm thất bại",
   "leave_group_assignee_error": "Bạn đang là người được phân công cho phiên chat đang xử lý, không thể rời nhóm",
-  "session_closed_modal_title": "Session đã đóng!",
-  "session_closed_modal_description": "Hãy tạo mới hoặc mở lại session để tiếp tục gửi tin nhắn!",
+  "session_closed_modal_title": "Phiên đã kết thúc",
+  "session_closed_modal_description": "Hãy tạo mới hoặc mở lại phiên để tiếp tục gửi tin nhắn.",
   "session_closed_modal_reopen": "Mở lại",
   "session_closed_modal_create_new": "Tạo mới",
   "session_action_error": "Không thể thực hiện tác vụ này",
@@ -261,13 +261,13 @@
   "invite_link_create_button": "Tạo link mới",
   "invite_link_empty_member_title": "Chưa có link tham gia nhóm",
   "invite_link_empty_member_subtitle": "Liên hệ quản trị viên để yêu cầu tạo link mới.",
-  "invite_link_box_label": "Invite Link",
+  "invite_link_box_label": "Liên kết mời",
   "invite_link_load_failed": "Không thể tải thông tin link. Vui lòng thử lại.",
   "invite_link_action_copy": "Sao chép",
   "invite_link_action_regenerate": "Tạo mới",
   "invite_link_action_revoke": "Thu hồi",
   "invite_link_confirm_title": "Xác nhận",
-  "invite_link_regenerate_confirm_message": "Sau khi tạo lại, mọi người không thể sử dụng link này để tham gia nhóm nữa. Bạn có chắc chắn muốn hủy?",
+  "invite_link_regenerate_confirm_message": "Sau khi tạo lại, mọi người không thể sử dụng link này để tham gia nhóm nữa. Bạn có chắc chắn muốn tạo lại?",
   "invite_link_revoke_confirm_message": "Sau khi hủy, mọi người không thể sử dụng link này để tham gia nhóm nữa. Bạn có chắc chắn muốn hủy?",
   "invite_link_create_success": "Đã tạo link tham gia nhóm",
   "invite_link_create_failed": "Tạo link tham gia nhóm thất bại",
@@ -289,10 +289,190 @@
   "delete_conversation_confirm_title": "Xóa trò chuyện?",
   "delete_conversation_confirm_message": "Bạn có chắc chắn muốn xóa trò chuyện này không? Hành động này không thể hoàn tác.",
   "feature_coming_soon": "Tính năng đang được phát triển",
-  "bot_tag": "Bot",
   "block_user": "Chặn người dùng",
   "unblock_user": "Bỏ chặn người dùng",
   "block_user_success": "Đã chặn người dùng",
   "unblock_user_success": "Đã bỏ chặn người dùng",
-  "block_user_failed": "Thao tác chặn/bỏ chặn thất bại"
+  "block_user_failed": "Thao tác chặn/bỏ chặn thất bại",
+  "folder_panel_title": "Thư mục hội thoại",
+  "folder_panel_collapse": "Thu gọn thư mục",
+  "folder_panel_expand": "Mở rộng thư mục",
+  "folder_panel_open": "Mở thư mục",
+  "folder_panel_close": "Đóng thư mục",
+  "folder_empty_slow_processing": "Không có phiên quá hạn",
+  "folder_empty_waiting_process": "Không có phiên đang chờ",
+  "folder_empty_awaiting_reply": "Không có phiên chưa trả lời",
+  "folder_empty_in_process": "Không có phiên đang xử lý",
+  "folder_empty_temporarily_paused": "Không có phiên tạm chờ",
+  "folder_empty_completed": "Chưa có phiên hoàn thành",
+  "folder_empty_unassigned": "Không có phiên chưa phân công",
+  "folder_empty_all_groups": "Chưa có nhóm nào",
+  "folder_empty_default": "Chưa có hội thoại nào",
+  "desk_search_placeholder": "Tìm khách hàng, tin nhắn",
+  "compose_new_message": "Tin nhắn mới",
+  "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",
+  "media_library_open": "Ảnh, tệp và liên kết",
+  "members_open": "Thành viên",
+  "action_cancel": "Huỷ",
+  "undo": "Hoàn tác",
+  "update_session_failed": "Cập nhật phiên không thành công",
+  "save_status_saving": "Đang lưu…",
+  "save_status_saved": "Đã lưu",
+  "save_status_failed": "Lưu không được",
+  "end_session_title": "Kết thúc phiên với {{name}}?",
+  "end_session_button": "Kết thúc phiên",
+  "end_session_ending": "Đang kết thúc…",
+  "end_session_done": "Đã kết thúc phiên",
+  "end_session_seconds_left": "{{count}} giây",
+  "end_session_undo_hint": "Có {{count}} giây để hoàn tác",
+  "end_session_row_session": "Phiên",
+  "end_session_row_tags": "Thẻ",
+  "end_session_row_owner": "Phụ trách",
+  "end_session_session_value": "Phiên {{order}} · bắt đầu {{time}}",
+  "end_session_no_tags": "Chưa gắn thẻ",
+  "end_session_no_owner": "Chưa phân công",
+  "session_ended_banner": "Phiên đã kết thúc lúc {{time}}",
+  "session_ended_banner_no_time": "Phiên đã kết thúc",
+  "session_banner_reopen": "Mở lại phiên",
+  "session_banner_create": "Tạo phiên mới",
+  "session_closed_crm_title": "Phiên đã kết thúc",
+  "session_closed_crm_description": "Mở lại phiên cũ hoặc tạo phiên mới để gửi tin nhắn.",
+  "session_closed_crm_reopen": "Mở lại phiên",
+  "session_closed_crm_reopen_hint": "Giữ lịch sử phiên {{order}}",
+  "session_closed_crm_create": "Tạo phiên mới",
+  "session_closed_crm_create_hint": "Bắt đầu một phiên mới cho khách",
+  "block_user_confirm_title": "Chặn {{name}}?",
+  "block_user_confirm_body": "Người này sẽ không thể nhắn tin cho bạn cho đến khi bạn bỏ chặn.",
+  "block_user_confirm_ok": "Chặn",
+  "unblock_user_confirm_title": "Bỏ chặn {{name}}?",
+  "unblock_user_confirm_body": "Người này sẽ có thể nhắn tin cho bạn trở lại.",
+  "unblock_user_confirm_ok": "Bỏ chặn",
+  "disable_send_permission_title_all_members": "Tắt quyền gửi tin nhắn của tất cả thành viên?",
+  "disable_send_permission_title_all_admins": "Tắt quyền gửi tin nhắn của tất cả quản trị viên?",
+  "disable_send_permission_title_member": "Tắt quyền gửi tin nhắn của {{name}}?",
+  "disable_send_permission_body": "Họ sẽ không thể gửi tin nhắn trong nhóm cho đến khi bạn bật lại quyền này.",
+  "disable_send_permission_ok": "Tắt quyền gửi",
+  "session_closed_crm_reopen_hint_no_order": "Giữ lịch sử phiên cũ",
+  "composer_mode_label": "Chế độ soạn",
+  "composer_placeholder_crm": "Nhập tin nhắn · gõ # để chèn câu trả lời nhanh",
+  "composer_closed_placeholder": "Mở lại phiên để tiếp tục trả lời",
+  "composer_internal_placeholder": "Viết tin nhắn cho đồng nghiệp",
+  "composer_internal_notice": "Khách không thấy tin nhắn này",
+  "composer_send": "Gửi",
+  "composer_send_note": "Gửi nội bộ",
+  "composer_format": "Định dạng chữ",
+  "composer_hint_enter": "gửi",
+  "composer_hint_newline": "xuống dòng",
+  "composer_quick_reply": "Câu trả lời nhanh",
+  "composer_emoji": "Biểu tượng cảm xúc",
+  "composer_attach_image": "Gửi ảnh",
+  "composer_attach_file": "Đính kèm tệp",
+  "internal_label": "Tin nhắn nội bộ",
+  "internal_preview_prefix": "Tin nhắn nội bộ",
+  "canned_search_prompt": "Gõ để tìm câu trả lời nhanh",
+  "canned_search_empty": "Không có câu trả lời nào khớp «{{query}}»",
+  "canned_create_new": "Tạo mới",
+  "canned_create_quick": "Tạo câu trả lời nhanh",
+  "canned_hint_select": "chọn",
+  "canned_hint_insert": "chèn",
+  "canned_hint_close": "đóng",
+  "canned_scope_filter": "Phạm vi",
+  "canned_loading_failed": "Không tải được câu trả lời nhanh",
+  "session_ended_banner_title": "Phiên đã kết thúc",
+  "session_ended_banner_at": "lúc {{time}}",
+  "reply_status_placeholder": "Trạng thái trả lời",
+  "member_events_collapsed": "+{{count}} thay đổi thành viên",
+  "member_events_show": "Xem",
+  "member_events_hide": "Thu gọn",
+  "session_started_at": "bắt đầu {{time}}",
+  "session_tags_label": "Thẻ",
+  "session_issue_detail_label": "Vấn đề",
+  "session_note_label": "Ghi chú phiên",
+  "session_owner_label": "Phụ trách",
+  "session_add_tag": "Thêm thẻ",
+  "session_remove_tag": "Bỏ thẻ {{name}}",
+  "session_no_tags": "Chưa có thẻ nào",
+  "session_collapse": "Thu gọn",
+  "sessions_previous_heading": "Phiên trước",
+  "sessions_previous_empty": "Chưa có phiên trước",
+  "duration_under_minute": "dưới 1 phút",
+  "duration_minutes": "{{count}} phút",
+  "duration_hours_minutes": "{{hours}} giờ {{minutes}} phút",
+  "duration_hours": "{{count}} giờ",
+  "duration_days": "{{count}} ngày",
+  "manual_assign_open_sessions": "Đang xử lý {{count}} phiên",
+  "user_username_label": "Tên đăng nhập",
+  "user_id_label": "Mã người dùng",
+  "user_note_label": "Ghi chú khách",
+  "user_copy_username": "Sao chép tên đăng nhập",
+  "user_copy_id": "Sao chép mã người dùng",
+  "shortcut_help_title": "Phím tắt",
+  "shortcut_next_prev": "Hội thoại tiếp theo / trước",
+  "shortcut_reply": "Trả lời khách",
+  "shortcut_internal": "Viết tin nhắn nội bộ",
+  "shortcut_search": "Tìm hội thoại",
+  "shortcut_escape": "Đóng bảng bên hoặc hộp thoại",
+  "shortcut_help": "Mở bảng phím tắt",
+  "shortcut_switch_label": "Dùng phím tắt một ký tự",
+  "shortcut_switch_hint": "Tắt nếu bạn dùng trình đọc màn hình",
+  "close_with_esc": "Đóng (Esc)",
+  "skip_to_conversation_list": "Tới danh sách hội thoại",
+  "skip_to_composer": "Tới ô soạn tin",
+  "search_conversation_label": "Tìm hội thoại",
+  "message_actions": "Thao tác với tin nhắn",
+  "message_log_label": "Tin nhắn",
+  "new_message_from": "Tin nhắn mới từ {{name}}",
+  "composer_input_label": "Soạn tin nhắn",
+  "clear": "Xoá",
+  "member_actions": "Thao tác với thành viên",
+  "skip_navigation": "Bỏ qua điều hướng",
+  "conversation_list_label": "Danh sách hội thoại",
+  "group_info_title": "Thông tin nhóm",
+  "group_info_edit_avatar": "Đổi ảnh nhóm",
+  "group_info_edit_name": "Đổi tên nhóm",
+  "group_info_no_description": "Chưa có mô tả",
+  "group_info_add_description": "Thêm mô tả",
+  "group_info_edit_description": "Sửa mô tả",
+  "group_settings_section": "Cài đặt nhóm",
+  "group_admin_section": "Quản trị",
+  "allow_send_message_hint": "Tắt thì chỉ chủ nhóm và quản trị viên gửi được",
+  "group_owner_only": "Chỉ chủ nhóm",
+  "group_delete_conversation": "Xoá trò chuyện",
+  "invite_via_link_short": "Mời bằng link",
+  "member_permission_row": "Quyền của thành viên",
+  "admin_permission_row": "Quyền của quản trị viên",
+  "members_panel_title": "Thành viên · {{count}}",
+  "members_search_label": "Tìm thành viên",
+  "members_add": "Thêm",
+  "members_owner_admin_section": "Chủ nhóm và quản trị viên",
+  "members_regular_section": "Thành viên · {{count}}",
+  "group_owner_chip": "Chủ nhóm",
+  "send_disabled_chip": "Đã tắt gửi tin",
+  "member_actions_for": "Thao tác với {{name}}",
+  "transfer_owner_hint": "Bạn sẽ trở thành thành viên thường",
+  "need_remove_member_permission": "Cần quyền xoá thành viên",
+  "cannot_remove_group_owner": "Không thể xoá chủ nhóm",
+  "leave_group_assignee_reason": "Bạn đang được phân công phiên chat đang xử lý",
+  "permission_desc_send_message": "Được gửi tin nhắn trong nhóm",
+  "permission_desc_add_member": "Được thêm người vào nhóm",
+  "permission_desc_pin_message": "Được ghim và bỏ ghim tin nhắn",
+  "permission_desc_view_member_info": "Được xem thông tin của các thành viên",
+  "permission_desc_remove_member": "Được xoá thành viên khỏi nhóm",
+  "permission_desc_update_group_info": "Được đổi tên, ảnh và mô tả nhóm",
+  "members_can_send_message": "Thành viên được gửi tin nhắn",
+  "back": "Quay lại",
+  "yesterday": "Hôm qua",
+  "thread_delete_action": "Xoá trò chuyện",
+  "thread_delete_confirm_title": "Xoá trò chuyện?",
+  "thread_delete_confirm_message": "Bạn có chắc chắn muốn xoá trò chuyện này không?",
+  "thread_delete_irreversible": "Không thể hoàn tác.",
+  "desk_brand": "Droppii Livechat",
+  "support_session_panel_title": "Phiên hỗ trợ",
+  "desk_list_loading": "Đang tải danh sách hội thoại"
 }

package/dist/locales/vi/conversation-inbox.json

@@ -29,13 +29,32 @@
     "submit": "Tạo nhóm",
     "create_group_success": "Tạo nhóm thành công",
     "create_group_failed": "Không thể tạo nhóm. Vui lòng thử lại",
-    "avatar_upload_failed": "Không thể tải ảnh lên. Vui lòng thử lại"
+    "avatar_upload_failed": "Không thể tải ảnh lên. Vui lòng thử lại",
+    "back_to_compose": "Tin nhắn mới",
+    "back_to_compose_label": "Quay lại Tin nhắn mới",
+    "name_label": "Tên nhóm",
+    "add_avatar": "Thêm ảnh nhóm",
+    "privacy_private_hint": "Chỉ thành viên mới truy cập và tìm thấy nhóm.",
+    "privacy_public_hint": "Mọi người đều tìm thấy và tham gia được.",
+    "members_label": "Thành viên",
+    "members_owner_note": "· bạn là chủ nhóm",
+    "search_label": "Tìm người",
+    "search_by_name": "Tìm theo tên hoặc tên đăng nhập",
+    "selected_title": "Đã chọn · {{count}}",
+    "remove_selected": "Bỏ chọn {{name}}",
+    "selected_footer": "{{count}} thành viên được chọn",
+    "cancel_crm": "Huỷ",
+    "already_in_group": "Đã trong nhóm"
   },
   "add_member": {
     "title": "Thêm người vào nhóm",
     "confirm": "Xác nhận",
     "add_member_success": "Thêm thành viên thành công",
-    "add_member_failed": "Không thể thêm thành viên. Vui lòng thử lại"
+    "add_member_failed": "Không thể thêm thành viên. Vui lòng thử lại",
+    "title_crm": "Thêm thành viên",
+    "selected_footer": "{{count}} người được chọn",
+    "submit": "Thêm {{count}} thành viên",
+    "submit_empty": "Thêm thành viên"
   },
   "empty": {
     "no_conversations": "Chưa có cuộc trò chuyện",

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

@@ -0,0 +1,12 @@
+import { GroupThreadInfoConfig } from "../../components/thread/GroupThreadInfo";
+import type { CannedCreateRequest } from "../../types/chat";
+interface DeskWorkspaceProps {
+    openCreateCannedModal?: (request?: CannedCreateRequest) => void;
+    groupThreadInfoConfig?: GroupThreadInfoConfig;
+    onCopyMessageLink?: (conversationId: string, clientMsgID: string) => void;
+    onSearchMessageRevoked?: () => void;
+}
+/** 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;
+export default DeskWorkspace;
+//# sourceMappingURL=DeskWorkspace.d.ts.map

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

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

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

@@ -0,0 +1,57 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useEffect, useState } from "react";
+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 useConversationStore from "../../store/conversation";
+import useDeskPanelHostStore from "../../store/deskPanelHost";
+import useWorkspaceLayoutStore from "../../store/workspaceLayout";
+import { LAYOUT_BREAKPOINTS, 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 { 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 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 isFolderInline = useMediaQuery(minWidth(LAYOUT_BREAKPOINTS.folderInline));
+    const isInfoInline = useMediaQuery(minWidth(LAYOUT_BREAKPOINTS.infoInline));
+    const isSupportPanelInline = useMediaQuery(minWidth(LAYOUT_BREAKPOINTS.supportPanelInline));
+    // A bot thread's "Phiên hỗ trợ" already holds the right column, so other panels overlay it.
+    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);
+    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 }), []);
+    const setFolderOverlayOpen = useWorkspaceLayoutStore((state) => state.setFolderOverlayOpen);
+    const [isHelpOpen, setIsHelpOpen] = useState(false);
+    const openHelp = useCallback(() => setIsHelpOpen(true), []);
+    useDeskShortcuts({ onOpenHelp: openHelp });
+    const announcement = useNewMessageAnnouncement();
+    // The overlay only exists below the inline breakpoint.
+    useEffect(() => {
+        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) })] }));
+};
+export default DeskWorkspace;