@droppii-org/chat-sdk 0.1.38 → 0.1.40

package/dist/components/biz-inbox/BizThreadAvatar.d.ts

@@ -1,10 +1,11 @@
-import { BizChatCategory } from "../../types/biz";
+import { BizChatCategory, BizPeerType } from "../../types/biz";
 export interface BizThreadAvatarProps {
+    peerType: BizPeerType;
     chatCategory: BizChatCategory;
     displayName: string;
     avatarUrl: string | null;
     badgeLabel: string;
 }
-declare const BizThreadAvatar: ({ chatCategory, displayName, avatarUrl, badgeLabel, }: BizThreadAvatarProps) => import("react/jsx-runtime").JSX.Element;
+declare const BizThreadAvatar: ({ peerType, chatCategory, displayName, avatarUrl, badgeLabel, }: BizThreadAvatarProps) => import("react/jsx-runtime").JSX.Element;
 export default BizThreadAvatar;
 //# sourceMappingURL=BizThreadAvatar.d.ts.map

package/dist/components/biz-inbox/BizThreadAvatar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BizThreadAvatar.d.ts","sourceRoot":"","sources":["../../../src/components/biz-inbox/BizThreadAvatar.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAG9C,MAAM,WAAW,oBAAoB;IACnC,YAAY,EAAE,eAAe,CAAC;IAC9B,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,eAAe,GAAI,uDAKtB,oBAAoB,4CAoDtB,CAAC;AAEF,eAAe,eAAe,CAAC"}
+{"version":3,"file":"BizThreadAvatar.d.ts","sourceRoot":"","sources":["../../../src/components/biz-inbox/BizThreadAvatar.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,eAAe,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAG3D,MAAM,WAAW,oBAAoB;IACnC,QAAQ,EAAE,WAAW,CAAC;IACtB,YAAY,EAAE,eAAe,CAAC;IAC9B,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,eAAe,GAAI,iEAMtB,oBAAoB,4CAmCtB,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/dist/components/biz-inbox/BizThreadAvatar.js

@@ -2,15 +2,11 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import clsx from "clsx";
 import { Icon } from "../../components/icon";
-import { BizChatCategory } from "../../types/biz";
+import { BizChatCategory, BizPeerType } from "../../types/biz";
 import { resolveBizBadgeColor } from "../../utils/bizConversation";
-const BizThreadAvatar = ({ chatCategory, displayName, avatarUrl, badgeLabel, }) => {
-    if (chatCategory === BizChatCategory.BIZ_BOT_CRM) {
-        if (avatarUrl) {
-            return (_jsx("div", { className: "relative h-12 w-12 shrink-0", children: _jsx("img", { src: avatarUrl, alt: displayName, className: "h-12 w-12 rounded-xl object-cover" }) }));
-        }
-        return (_jsx("div", { className: "flex h-12 w-12 shrink-0 items-center justify-center rounded-xl bg-[#607CFB] p-2.5 shadow-[inset_2px_3px_8px_0_rgba(0,0,0,0.40)]", children: _jsx(Icon, { icon: "head-phone-o1", size: 28, className: "text-white" }) }));
-    }
-    return (_jsxs("div", { className: "relative h-12 w-12 shrink-0", children: [avatarUrl ? (_jsx("img", { src: avatarUrl, alt: displayName, className: "h-12 w-12 rounded-full object-cover" })) : (_jsx("div", { className: "flex h-12 w-12 items-center justify-center rounded-full bg-[#0C5CFF] text-white", children: chatCategory === BizChatCategory.GROUP ? (_jsx(Icon, { icon: "user-two-b", size: 20 })) : chatCategory === BizChatCategory.BIZ_BOT_PDP ? (_jsx(Icon, { icon: "droppii-o-1", size: 20 })) : (_jsx(Icon, { icon: "user-o", size: 20 })) })), badgeLabel && (_jsx("span", { className: clsx("absolute -bottom-px -right-px flex h-[17px] items-center justify-center gap-2 rounded-md border border-white px-1 text-[10px] font-semibold leading-3 text-white shadow-[inset_2px_6px_8px_0_rgba(0,0,0,0.40)]", resolveBizBadgeColor(chatCategory)), children: badgeLabel }))] }));
+const BizThreadAvatar = ({ peerType, chatCategory, displayName, avatarUrl, badgeLabel, }) => {
+    const badge = badgeLabel ? (_jsx("span", { className: clsx("absolute -bottom-px -right-px flex h-[17px] items-center justify-center gap-2 rounded-md border border-white px-1 text-[10px] font-semibold leading-3 text-white shadow-[inset_2px_6px_8px_0_rgba(0,0,0,0.40)]", resolveBizBadgeColor(peerType)), children: badgeLabel })) : null;
+    return (_jsxs("div", { className: "relative h-12 w-12 shrink-0", children: [avatarUrl ? (_jsx("img", { src: avatarUrl, alt: displayName, className: "h-12 w-12 rounded-full object-cover" })) : (_jsx("div", { className: "flex h-12 w-12 items-center justify-center rounded-full bg-[#0C5CFF] text-white", children: chatCategory === BizChatCategory.GROUP ||
+                    peerType === BizPeerType.GROUP ? (_jsx(Icon, { icon: "user-two-b", size: 20 })) : peerType === BizPeerType.BOT ? (_jsx(Icon, { icon: "droppii-o-1", size: 20 })) : (_jsx(Icon, { icon: "user-o", size: 20 })) })), badge] }));
 };
 export default BizThreadAvatar;

package/dist/components/biz-inbox/BizThreadCard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BizThreadCard.d.ts","sourceRoot":"","sources":["../../../src/components/biz-inbox/BizThreadCard.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,yCAAyC,CAAC;AAYvF,MAAM,WAAW,kBAAkB;IACjC,IAAI,EAAE,uBAAuB,CAAC;IAC9B,OAAO,EAAE,CAAC,IAAI,EAAE,uBAAuB,KAAK,IAAI,CAAC;CAClD;AAwBD,QAAA,MAAM,aAAa,GAAI,mBAAmB,kBAAkB,4CA+D3D,CAAC;AAEF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"BizThreadCard.d.ts","sourceRoot":"","sources":["../../../src/components/biz-inbox/BizThreadCard.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,yCAAyC,CAAC;AAYvF,MAAM,WAAW,kBAAkB;IACjC,IAAI,EAAE,uBAAuB,CAAC;IAC9B,OAAO,EAAE,CAAC,IAAI,EAAE,uBAAuB,KAAK,IAAI,CAAC;CAClD;AAwBD,QAAA,MAAM,aAAa,GAAI,mBAAmB,kBAAkB,4CAiE3D,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/dist/components/biz-inbox/BizThreadCard.js

@@ -28,11 +28,11 @@ const BizThreadCard = ({ item, onClick }) => {
     const currentUserId = useAuthStore((state) => state.userID);
     const displayName = resolveBizDisplayName(item, t);
     const avatarUrl = resolveBizAvatarUrl(item);
-    const badgeLabel = resolveBizBadgeLabel(item.chatCategory, t);
+    const badgeLabel = resolveBizBadgeLabel(item.peer.type, t);
     const latestMessagePreview = parseBizLatestMessage(item.latestMsg, currentUserId, tCommon, item.peer.fullName);
     const latestMessageTime = formatLatestMessageTime(item.latestMsgSendTime || null);
     const unreadCount = (_a = item.unreadCount) !== null && _a !== void 0 ? _a : 0;
-    return (_jsxs("button", { type: "button", onClick: () => onClick(item), "data-testid": "biz-inbox-thread-card", className: "flex w-full shrink-0 items-start gap-2 border-b border-[#EFEFEF] bg-white p-3 text-left transition-colors hover:bg-gray-50 focus:outline-none focus-visible:ring-2 focus-visible:ring-[#1677ff]", children: [_jsx(BizThreadAvatar, { chatCategory: item.chatCategory, displayName: displayName, avatarUrl: avatarUrl, badgeLabel: badgeLabel }), _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: _jsx(BizThreadTitle, { chatCategory: item.chatCategory, displayName: displayName, hasUnread: unreadCount > 0 }) }), latestMessageTime && (_jsx("span", { className: "shrink-0 text-[12px] font-normal leading-[160%] text-[#747B7E] [font-feature-settings:'liga'_off,'clig'_off]", children: latestMessageTime }))] }), _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]", unreadCount > 0
+    return (_jsxs("button", { type: "button", onClick: () => onClick(item), "data-testid": "biz-inbox-thread-card", className: "flex w-full shrink-0 items-start gap-2 border-b border-[#EFEFEF] bg-white p-3 text-left transition-colors hover:bg-gray-50 focus:outline-none focus-visible:ring-2 focus-visible:ring-[#1677ff]", children: [_jsx(BizThreadAvatar, { peerType: item.peer.type, chatCategory: item.chatCategory, displayName: displayName, avatarUrl: avatarUrl, badgeLabel: badgeLabel }), _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: _jsx(BizThreadTitle, { peerType: item.peer.type, chatCategory: item.chatCategory, displayName: displayName, hasUnread: unreadCount > 0 }) }), latestMessageTime && (_jsx("span", { className: "shrink-0 text-[12px] font-normal leading-[160%] text-[#747B7E] [font-feature-settings:'liga'_off,'clig'_off]", children: latestMessageTime }))] }), _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]", unreadCount > 0
                                     ? "font-[510] text-black"
                                     : "font-normal tracking-[0.14px] text-[#5C6366]"), children: latestMessagePreview }), unreadCount > 0 && _jsx(UnreadBadge, { count: unreadCount })] })] })] }));
 };

package/dist/components/biz-inbox/BizThreadList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BizThreadList.d.ts","sourceRoot":"","sources":["../../../src/components/biz-inbox/BizThreadList.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,yCAAyC,CAAC;AAMvF,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,uBAAuB,EAAE,CAAC;IACjC,SAAS,EAAE,OAAO,CAAC;IACnB,kBAAkB,EAAE,OAAO,CAAC;IAC5B,WAAW,EAAE,OAAO,CAAC;IACrB,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,uBAAuB,KAAK,IAAI,CAAC;CAC1D;AAYD,QAAA,MAAM,aAAa,GAAI,oFAOpB,kBAAkB,4CAwGpB,CAAC;AAEF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"BizThreadList.d.ts","sourceRoot":"","sources":["../../../src/components/biz-inbox/BizThreadList.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,yCAAyC,CAAC;AAOvF,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,uBAAuB,EAAE,CAAC;IACjC,SAAS,EAAE,OAAO,CAAC;IACnB,kBAAkB,EAAE,OAAO,CAAC;IAC5B,WAAW,EAAE,OAAO,CAAC;IACrB,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,uBAAuB,KAAK,IAAI,CAAC;CAC1D;AAYD,QAAA,MAAM,aAAa,GAAI,oFAOpB,kBAAkB,4CA8GpB,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/dist/components/biz-inbox/BizThreadList.js

@@ -7,6 +7,7 @@ import InfiniteScroll from "react-infinite-scroll-component";
 import { DChatSDK } from "../../constants/sdk";
 import useBizConversationStore from "../../store/bizConversation";
 import useConversationStore from "../../store/conversation";
+import { buildBizSdkConversation } from "../../utils/bizConversation";
 import { Icon } from "../../components/icon";
 import BizThreadCard from "./BizThreadCard";
 const FooterSkeleton = () => (_jsxs("div", { className: "flex items-center gap-3 p-3", children: [_jsx("div", { className: "h-10 w-10 animate-pulse rounded-full bg-neutral-200" }), _jsxs("div", { className: "flex flex-1 flex-col gap-2", children: [_jsx("div", { className: "h-3 w-1/2 animate-pulse rounded bg-neutral-200" }), _jsx("div", { className: "h-2.5 w-1/3 animate-pulse rounded bg-neutral-200" })] })] }));
@@ -19,18 +20,22 @@ const BizThreadList = ({ items, isLoading, isFetchingNextPage, hasNextPage, onLo
     const selectConversation = useBizConversationStore((state) => state.selectConversation);
     const setConversationData = useConversationStore((state) => state.setConversationData);
     const setSelectedConversationId = useConversationStore((state) => state.setSelectedConversationId);
-    const syncSdkConversation = (conversationId) => {
+    const syncSdkConversation = (item) => {
+        const conversationId = item.conversationId;
+        setSelectedConversationId(conversationId);
         const cachedConversation = sdkConversations[conversationId];
         if (cachedConversation) {
             setConversationData(cachedConversation);
-            setSelectedConversationId(conversationId);
-            return;
+        }
+        else {
+            setConversationData(buildBizSdkConversation(item));
         }
         DChatSDK.getMultipleConversation([conversationId])
             .then((res) => {
-            if (res.data.length > 0) {
+            if (res.data.length > 0 &&
+                useConversationStore.getState().selectedConversationId ===
+                    conversationId) {
                 setConversationData(res.data[0]);
-                setSelectedConversationId(conversationId);
             }
         })
             .catch((error) => {
@@ -42,7 +47,7 @@ const BizThreadList = ({ items, isLoading, isFetchingNextPage, hasNextPage, onLo
         newSearchParams.set("threadId", item.conversationId);
         router.push(`${pathname}?${newSearchParams.toString()}`);
         selectConversation(item);
-        syncSdkConversation(item.conversationId);
+        syncSdkConversation(item);
         onSelectThread === null || onSelectThread === void 0 ? void 0 : onSelectThread(item);
     };
     const handleEndReached = () => {

package/dist/components/biz-inbox/BizThreadTitle.d.ts

@@ -1,9 +1,10 @@
-import { BizChatCategory } from "../../types/biz";
+import { BizChatCategory, BizPeerType } from "../../types/biz";
 export interface BizThreadTitleProps {
+    peerType: BizPeerType;
     chatCategory: BizChatCategory;
     displayName: string;
     hasUnread?: boolean;
 }
-declare const BizThreadTitle: ({ chatCategory, displayName, hasUnread, }: BizThreadTitleProps) => import("react/jsx-runtime").JSX.Element;
+declare const BizThreadTitle: ({ peerType, chatCategory, displayName, hasUnread, }: BizThreadTitleProps) => import("react/jsx-runtime").JSX.Element;
 export default BizThreadTitle;
 //# sourceMappingURL=BizThreadTitle.d.ts.map

package/dist/components/biz-inbox/BizThreadTitle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BizThreadTitle.d.ts","sourceRoot":"","sources":["../../../src/components/biz-inbox/BizThreadTitle.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAE9C,MAAM,WAAW,mBAAmB;IAClC,YAAY,EAAE,eAAe,CAAC;IAC9B,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,QAAA,MAAM,cAAc,GAAI,2CAIrB,mBAAmB,4CAwBrB,CAAC;AAEF,eAAe,cAAc,CAAC"}
+{"version":3,"file":"BizThreadTitle.d.ts","sourceRoot":"","sources":["../../../src/components/biz-inbox/BizThreadTitle.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,eAAe,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAE3D,MAAM,WAAW,mBAAmB;IAClC,QAAQ,EAAE,WAAW,CAAC;IACtB,YAAY,EAAE,eAAe,CAAC;IAC9B,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,QAAA,MAAM,cAAc,GAAI,qDAKrB,mBAAmB,4CA2BrB,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/components/biz-inbox/BizThreadTitle.js

@@ -2,6 +2,9 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import clsx from "clsx";
 import { Icon } from "../../components/icon";
-import { BizChatCategory } from "../../types/biz";
-const BizThreadTitle = ({ chatCategory, displayName, hasUnread = false, }) => (_jsxs("div", { className: "flex min-w-0 items-center gap-1", children: [chatCategory === BizChatCategory.GROUP && (_jsx(Icon, { icon: "user-two-b", size: 12, className: "shrink-0 text-black" })), chatCategory === BizChatCategory.BIZ_BOT_PDP && (_jsx("span", { className: "flex h-4 w-4 shrink-0 items-center justify-center gap-0.5 rounded-full border border-white bg-[linear-gradient(93deg,#607CFB_0%,#1B3FE4_100%)] px-1 py-0.5 text-white", children: _jsx(Icon, { icon: "shield-done-b", size: 8 }) })), chatCategory === BizChatCategory.BIZ_BOT_CRM && (_jsx("span", { className: "flex h-4 w-4 shrink-0 items-center justify-center rounded-full bg-black text-white", children: _jsx(Icon, { icon: "droppii-o-1", size: 8 }) })), _jsx("span", { className: clsx("min-w-0 truncate text-[16px] leading-[160%] text-black [font-feature-settings:'liga'_off,'clig'_off]", hasUnread ? "font-bold tracking-[0.16px]" : "font-[510]"), children: displayName })] }));
+import { BizChatCategory, BizPeerType } from "../../types/biz";
+const BizThreadTitle = ({ peerType, chatCategory, displayName, hasUnread = false, }) => (_jsxs("div", { className: "flex min-w-0 items-center gap-1", children: [(chatCategory === BizChatCategory.GROUP ||
+            peerType === BizPeerType.GROUP) && (_jsx(Icon, { icon: "user-two-b", size: 12, className: "shrink-0 text-black" })), peerType === BizPeerType.BOT &&
+            chatCategory === BizChatCategory.BIZ_BOT_PDP && (_jsx("span", { className: "flex h-4 w-4 shrink-0 items-center justify-center gap-0.5 rounded-full border border-white bg-[linear-gradient(93deg,#607CFB_0%,#1B3FE4_100%)] px-1 py-0.5 text-white", children: _jsx(Icon, { icon: "shield-done-b", size: 8 }) })), peerType === BizPeerType.BOT &&
+            chatCategory === BizChatCategory.BIZ_BOT_CRM && (_jsx("span", { className: "flex h-4 w-4 shrink-0 items-center justify-center rounded-full bg-black text-white", children: _jsx(Icon, { icon: "droppii-o-1", size: 8 }) })), _jsx("span", { className: clsx("min-w-0 truncate text-[16px] leading-[160%] text-black [font-feature-settings:'liga'_off,'clig'_off]", hasUnread ? "font-bold tracking-[0.16px]" : "font-[510]"), children: displayName })] }));
 export default BizThreadTitle;

package/dist/components/biz-thread-detail/BizMessageList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BizMessageList.d.ts","sourceRoot":"","sources":["../../../src/components/biz-thread-detail/BizMessageList.tsx"],"names":[],"mappings":"AAiBA,QAAA,MAAM,cAAc,+CA8EnB,CAAC;AAEF,eAAe,cAAc,CAAC"}
+{"version":3,"file":"BizMessageList.d.ts","sourceRoot":"","sources":["../../../src/components/biz-thread-detail/BizMessageList.tsx"],"names":[],"mappings":"AAgBA,QAAA,MAAM,cAAc,+CAwEnB,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/components/biz-thread-detail/BizMessageList.js

@@ -10,7 +10,6 @@ import { useMessageListScroll } from "../../hooks/message/useMessageListScroll";
 import useBizConversationStore from "../../store/bizConversation";
 import useConversationStore from "../../store/conversation";
 import useAuthStore from "../../store/auth";
-import { useIsSdkMessageReady } from "../../hooks/common/useIsSdkMessageReady";
 import { isBizGroupChat } from "../../utils/bizConversation";
 import emitter from "../../utils/events";
 import BizMessageItem from "./item/BizMessageItem";
@@ -18,15 +17,14 @@ const BizMessageList = () => {
     const { t } = useTranslation("biz-inbox");
     const { user } = useChatContext();
     const authUserID = useAuthStore((state) => state.userID);
-    const isSdkReady = useIsSdkMessageReady();
     const conversation = useBizConversationStore((state) => state.conversationData);
     const selectedConversationId = useConversationStore((state) => state.selectedConversationId);
     const conversationId = selectedConversationId || (conversation === null || conversation === void 0 ? void 0 : conversation.conversationId) || "";
     const isGroupChat = conversation ? isBizGroupChat(conversation) : false;
-    const messageController = useMessage(conversationId, undefined, isSdkReady && !!conversationId);
+    const messageController = useMessage(conversationId);
     const { scrollRef, loadMoreOldMessage, handleInfiniteScroll, scrollToBottomIfAtBottom, } = useMessageListScroll(Object.assign({ conversationId, userId: (user === null || user === void 0 ? void 0 : user.userID) || authUserID }, messageController));
     const { loadState, moreOldLoading } = messageController;
-    const isMessageLoading = !conversationId || !isSdkReady || loadState.initLoading;
+    const isMessageLoading = !conversationId || loadState.initLoading;
     useEffect(() => {
         emitter.on("BIZ_CHAT_SCROLL_TO_BOTTOM_IF_AT_BOTTOM", scrollToBottomIfAtBottom);
         return () => {

package/dist/components/biz-thread-detail/BizThreadDetailHeader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BizThreadDetailHeader.d.ts","sourceRoot":"","sources":["../../../src/components/biz-thread-detail/BizThreadDetailHeader.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC;AAOvD,MAAM,WAAW,0BAA0B;IACzC,YAAY,EAAE,mBAAmB,CAAC;IAClC,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;CACrB;AAqBD,QAAA,MAAM,qBAAqB,GAAI,2BAG5B,0BAA0B,4CA0C5B,CAAC;AAEF,eAAe,qBAAqB,CAAC"}
+{"version":3,"file":"BizThreadDetailHeader.d.ts","sourceRoot":"","sources":["../../../src/components/biz-thread-detail/BizThreadDetailHeader.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC;AAOvD,MAAM,WAAW,0BAA0B;IACzC,YAAY,EAAE,mBAAmB,CAAC;IAClC,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;CACrB;AAqBD,QAAA,MAAM,qBAAqB,GAAI,2BAG5B,0BAA0B,4CA2C5B,CAAC;AAEF,eAAe,qBAAqB,CAAC"}

package/dist/components/biz-thread-detail/BizThreadDetailHeader.js

@@ -10,8 +10,8 @@ const BizThreadDetailHeader = ({ conversation, onBack, }) => {
     const { t } = useTranslation("biz-inbox");
     const displayName = resolveBizDisplayName(conversation, t);
     const avatarUrl = resolveBizAvatarUrl(conversation);
-    const badgeLabel = resolveBizBadgeLabel(conversation.chatCategory, t);
+    const badgeLabel = resolveBizBadgeLabel(conversation.peer.type, t);
     const subtitle = t("thread_detail.profile_hint");
-    return (_jsxs("div", { "data-testid": "biz-thread-detail-header", className: "flex w-full cursor-default items-center border-b border-[#EFEFEF] bg-white p-2 shadow-[inset_0px_-1px_0px_0px_rgba(61,63,64,0.1)]", children: [_jsx(HeaderIconButton, { icon: "arrow-left-o", onClick: onBack, testId: "biz-thread-detail-back" }), _jsxs("div", { className: "flex min-w-0 flex-1 items-center gap-2 px-1", "data-testid": "biz-thread-detail-profile", children: [_jsx(BizThreadAvatar, { chatCategory: conversation.chatCategory, displayName: displayName, avatarUrl: avatarUrl, badgeLabel: badgeLabel }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsx(BizThreadTitle, { chatCategory: conversation.chatCategory, displayName: displayName }), _jsx("p", { className: "truncate text-[10px] font-normal leading-[160%] tracking-[0.1px] text-[#5C6366] [font-feature-settings:'liga'_off,'clig'_off]", children: subtitle })] })] })] }));
+    return (_jsxs("div", { "data-testid": "biz-thread-detail-header", className: "flex w-full cursor-default items-center border-b border-[#EFEFEF] bg-white p-2 shadow-[inset_0px_-1px_0px_0px_rgba(61,63,64,0.1)]", children: [_jsx(HeaderIconButton, { icon: "arrow-left-o", onClick: onBack, testId: "biz-thread-detail-back" }), _jsxs("div", { className: "flex min-w-0 flex-1 items-center gap-2 px-1", "data-testid": "biz-thread-detail-profile", children: [_jsx(BizThreadAvatar, { peerType: conversation.peer.type, chatCategory: conversation.chatCategory, displayName: displayName, avatarUrl: avatarUrl, badgeLabel: badgeLabel }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsx(BizThreadTitle, { peerType: conversation.peer.type, chatCategory: conversation.chatCategory, displayName: displayName }), _jsx("p", { className: "truncate text-[10px] font-normal leading-[160%] tracking-[0.1px] text-[#5C6366] [font-feature-settings:'liga'_off,'clig'_off]", children: subtitle })] })] })] }));
 };
 export default BizThreadDetailHeader;

package/dist/context/ChatContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChatContext.d.ts","sourceRoot":"","sources":["../../src/context/ChatContext.tsx"],"names":[],"mappings":"AAEA,OAAO,sBAAsB,CAAC;AAG9B,OAAO,EACL,eAAe,EACf,iBAAiB,EAGlB,MAAM,cAAc,CAAC;AAStB,eAAO,MAAM,WAAW,0CAOtB,CAAC;AAEH,eAAO,MAAM,cAAc,uBAAgC,CAAC;AAE5D,eAAO,MAAM,YAAY,GAAI,sBAAsB,iBAAiB,4CAgGnE,CAAC"}
+{"version":3,"file":"ChatContext.d.ts","sourceRoot":"","sources":["../../src/context/ChatContext.tsx"],"names":[],"mappings":"AAEA,OAAO,sBAAsB,CAAC;AAG9B,OAAO,EACL,eAAe,EACf,iBAAiB,EAGlB,MAAM,cAAc,CAAC;AAStB,eAAO,MAAM,WAAW,0CAOtB,CAAC;AAEH,eAAO,MAAM,cAAc,uBAAgC,CAAC;AAE5D,eAAO,MAAM,YAAY,GAAI,sBAAsB,iBAAiB,4CAqGnE,CAAC"}

package/dist/context/ChatContext.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx as _jsx } from "react/jsx-runtime";
 import "../styles/global.css";
-import { createContext, useContext, useEffect, useState } from "react";
+import { createContext, useContext, useEffect, useRef, useState } from "react";
 import { ConnectStatus, SyncStatus, } from "../types/chat";
 import { DChatSDK } from "../constants/sdk";
 import MainLayout from "../layout";
@@ -12,7 +12,7 @@ const queryClient = new QueryClient();
 export const ChatContext = createContext({
     user: null,
     connectStatus: ConnectStatus.Disconnected,
-    syncStatus: SyncStatus.Loading,
+    syncStatus: SyncStatus.Success,
     getSelfUserInfo: () => { },
     updateConnectStatus: () => { },
     updateSyncStatus: () => { },
@@ -20,9 +20,10 @@ export const ChatContext = createContext({
 export const useChatContext = () => useContext(ChatContext);
 export const ChatProvider = ({ children, config }) => {
     const [connectStatus, setConnectStatus] = useState(ConnectStatus.Disconnected);
-    const [syncStatus, setSyncStatus] = useState(SyncStatus.Loading);
+    const [syncStatus, setSyncStatus] = useState(SyncStatus.Success);
     const [user, setUser] = useState(null);
     const initAuthStore = useAuthStore((state) => state.initAuthStore);
+    const lastUserIdRef = useRef();
     const setFallbackUserFromAuth = () => {
         const { userID } = useAuthStore.getState();
         if (!userID)
@@ -62,24 +63,27 @@ export const ChatProvider = ({ children, config }) => {
         setSyncStatus(status);
     };
     useEffect(() => {
-        if (config) {
-            initAuthStore({
-                accessToken: config.accessToken,
-                apiAddress: config.apiAddr,
-                platformID: config.platformID,
-                userID: config.userID,
-                wsAddress: config.wsAddr,
-                applicationType: config.applicationType,
-                isCrm: config.isCrm,
-            });
-            setUser({
-                userID: config.userID,
-                nickname: "",
-                faceURL: "",
-            });
-            setSyncStatus(SyncStatus.Loading);
+        if (!config)
+            return;
+        initAuthStore({
+            accessToken: config.accessToken,
+            apiAddress: config.apiAddr,
+            platformID: config.platformID,
+            userID: config.userID,
+            wsAddress: config.wsAddr,
+            applicationType: config.applicationType,
+            isCrm: config.isCrm,
+        });
+        setUser({
+            userID: config.userID,
+            nickname: "",
+            faceURL: "",
+        });
+        if (lastUserIdRef.current !== config.userID) {
+            lastUserIdRef.current = config.userID;
+            setConnectStatus(ConnectStatus.Disconnected);
         }
-    }, [config]);
+    }, [config, initAuthStore]);
     return (_jsx(ChatContext.Provider, { value: {
             user,
             connectStatus,

package/dist/hooks/biz/useBizActiveConversation.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useBizActiveConversation.d.ts","sourceRoot":"","sources":["../../../src/hooks/biz/useBizActiveConversation.ts"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,+BAA+B,CAAC;AAE7E,eAAO,MAAM,wBAAwB,GACnC,mBAAmB,uBAAuB,EAAE,SAwE7C,CAAC"}
+{"version":3,"file":"useBizActiveConversation.d.ts","sourceRoot":"","sources":["../../../src/hooks/biz/useBizActiveConversation.ts"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,+BAA+B,CAAC;AAE7E,eAAO,MAAM,wBAAwB,GACnC,mBAAmB,uBAAuB,EAAE,SA2E7C,CAAC"}

package/dist/hooks/biz/useBizActiveConversation.js

@@ -5,6 +5,7 @@ import { useChatContext } from "../../context/ChatContext";
 import { ConnectStatus } from "../../types/chat";
 import useBizConversationStore from "../../store/bizConversation";
 import useConversationStore from "../../store/conversation";
+import { buildBizSdkConversation } from "../../utils/bizConversation";
 export const useBizActiveConversation = (conversationItems) => {
     const searchParams = useSearchParams();
     const threadId = searchParams.get("threadId");
@@ -22,23 +23,24 @@ export const useBizActiveConversation = (conversationItems) => {
             return;
         }
         setSelectedConversationId(threadId);
+        const matchedThread = conversationItems.find((item) => item.conversationId === threadId);
         const currentBizData = useBizConversationStore.getState().conversationData;
-        if ((currentBizData === null || currentBizData === void 0 ? void 0 : currentBizData.conversationId) !== threadId) {
-            const matchedThread = conversationItems.find((item) => item.conversationId === threadId);
-            if (matchedThread) {
-                selectConversation(matchedThread);
-            }
+        if ((currentBizData === null || currentBizData === void 0 ? void 0 : currentBizData.conversationId) !== threadId && matchedThread) {
+            selectConversation(matchedThread);
         }
         if (connectStatus !== ConnectStatus.Connected)
             return;
         const cachedConversation = sdkConversations[threadId];
         if (cachedConversation) {
             setConversationData(cachedConversation);
-            return;
+        }
+        else if (matchedThread) {
+            setConversationData(buildBizSdkConversation(matchedThread));
         }
         DChatSDK.getMultipleConversation([threadId])
             .then((res) => {
-            if (res.data.length > 0) {
+            if (res.data.length > 0 &&
+                useConversationStore.getState().selectedConversationId === threadId) {
                 setConversationData(res.data[0]);
             }
         })

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":"AAiCA,eAAO,MAAM,cAAc,YAoT1B,CAAC"}
+{"version":3,"file":"useGlobalEvent.d.ts","sourceRoot":"","sources":["../../../src/hooks/global/useGlobalEvent.ts"],"names":[],"mappings":"AAiCA,eAAO,MAAM,cAAc,YAuT1B,CAAC"}

package/dist/hooks/global/useGlobalEvent.js

@@ -25,6 +25,7 @@ export const useGlobalEvent = () => {
     const { mutate: refetchChatToken } = useRefetchChatToken();
     const accessToken = useAuthStore((state) => state.accessToken);
     const chatToken = useAuthStore((state) => state.chatToken);
+    const userID = useAuthStore((state) => state.userID);
     const apiAddress = useAuthStore((state) => {
         return state.apiAddress;
     });
@@ -254,8 +255,9 @@ export const useGlobalEvent = () => {
         }
     }, [accessToken, apiAddress]);
     useEffect(() => {
-        if (!!chatToken && apiAddress) {
-            loginCheck();
+        if (!chatToken || !apiAddress || !userID) {
+            return;
         }
-    }, [chatToken, apiAddress]);
+        loginCheck();
+    }, [chatToken, apiAddress, userID]);
 };

package/dist/hooks/message/useMessage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useMessage.d.ts","sourceRoot":"","sources":["../../../src/hooks/message/useMessage.ts"],"names":[],"mappings":"AACA,OAAO,EAEL,WAAW,EACX,WAAW,EAEZ,MAAM,yBAAyB,CAAC;AAOjC,eAAO,MAAM,kBAAkB,eAgB9B,CAAC;AAEF,eAAO,MAAM,UAAU,GACrB,iBAAiB,MAAM,EACvB,oBAAoB,MAAM,EAC1B,iBAAc;;;;;qBAMO,WAAW,EAAE;;;;;;qBAAb,WAAW,EAAE;;;;;;CA8PnC,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,SAAS,WAAW,SACpB,CAAC;AAChC,eAAO,MAAM,gBAAgB,GAAI,SAAS,WAAW,SACpB,CAAC;AAClC,eAAO,MAAM,gBAAgB,GAAI,aAAa,MAAM,SACf,CAAC;AAEtC,eAAO,MAAM,kBAAkB,GAC7B,aAAa,WAAW,EAAE,EAC1B,SAAS,WAAW,EACpB,WAAW,MAAM,GAAG,MAAM,KACzB,WAAW,GAAG,SAkBhB,CAAC"}
+{"version":3,"file":"useMessage.d.ts","sourceRoot":"","sources":["../../../src/hooks/message/useMessage.ts"],"names":[],"mappings":"AACA,OAAO,EAEL,WAAW,EACX,WAAW,EAEZ,MAAM,yBAAyB,CAAC;AAUjC,eAAO,MAAM,kBAAkB,eAgB9B,CAAC;AAEF,eAAO,MAAM,UAAU,GACrB,iBAAiB,MAAM,EACvB,oBAAoB,MAAM,EAC1B,iBAAc;;;;;qBAcO,WAAW,EAAE;;;;;;qBAAb,WAAW,EAAE;;;;;;CA2QnC,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,SAAS,WAAW,SACpB,CAAC;AAChC,eAAO,MAAM,gBAAgB,GAAI,SAAS,WAAW,SACpB,CAAC;AAClC,eAAO,MAAM,gBAAgB,GAAI,aAAa,MAAM,SACf,CAAC;AAEtC,eAAO,MAAM,kBAAkB,GAC7B,aAAa,WAAW,EAAE,EAC1B,SAAS,WAAW,EACpB,WAAW,MAAM,GAAG,MAAM,KACzB,WAAW,GAAG,SAkBhB,CAAC"}

package/dist/hooks/message/useMessage.js

@@ -5,6 +5,9 @@ import { PAGE_SIZE } from "../../constants";
 import { useLatest, useRequest } from "ahooks";
 import emitter, { emit } from "../../utils/events";
 import isEmpty from "lodash/isEmpty";
+import { useChatContext } from "../../context/ChatContext";
+import useAuthStore from "../../store/auth";
+import { ConnectStatus } from "../../types/chat";
 export const visibleTypeMessage = [
     MessageType.TextMessage,
     MessageType.PictureMessage,
@@ -23,6 +26,12 @@ export const visibleTypeMessage = [
     MessageType.LogTextMessage,
 ];
 export const useMessage = (conversationId, searchClientMsgID, enabled = true) => {
+    const { connectStatus } = useChatContext();
+    const userID = useAuthStore((state) => state.userID);
+    const canLoad = enabled &&
+        connectStatus === ConnectStatus.Connected &&
+        !!conversationId &&
+        !!userID;
     const [loadState, setLoadState] = useState({
         initLoading: true,
         hasMoreOld: true,
@@ -30,7 +39,8 @@ export const useMessage = (conversationId, searchClientMsgID, enabled = true) =>
         messageList: [],
     });
     const latestLoadState = useLatest(loadState);
-    const enabledRef = useLatest(enabled);
+    const canLoadRef = useLatest(canLoad);
+    const conversationIdRef = useLatest(conversationId);
     const { loading: moreOldLoading, runAsync: getMoreOldMessages } = useRequest(async (loadMore = true) => {
         var _a, _b, _c, _d, _e;
         const reqConversationID = conversationId;
@@ -42,41 +52,63 @@ export const useMessage = (conversationId, searchClientMsgID, enabled = true) =>
             conversationID: conversationId !== null && conversationId !== void 0 ? conversationId : "",
             viewType: ViewType.History,
         };
-        const { data } = await DChatSDK.getAdvancedHistoryMessageList(params);
-        if (conversationId !== reqConversationID)
-            return;
-        setTimeout(() => setLoadState((preState) => {
-            let messageList = [
-                ...(loadMore ? preState.messageList : []),
-                ...data.messageList.toReversed(),
-            ];
-            messageList = removeDuplicateMessages(messageList);
-            return Object.assign(Object.assign({}, preState), { initLoading: false, hasMoreOld: !data.isEnd, messageList });
-        }));
+        try {
+            const { data } = await DChatSDK.getAdvancedHistoryMessageList(params);
+            if (conversationIdRef.current !== reqConversationID)
+                return;
+            setTimeout(() => {
+                if (conversationIdRef.current !== reqConversationID)
+                    return;
+                setLoadState((preState) => {
+                    let messageList = [
+                        ...(loadMore ? preState.messageList : []),
+                        ...data.messageList.toReversed(),
+                    ];
+                    messageList = removeDuplicateMessages(messageList);
+                    return Object.assign(Object.assign({}, preState), { initLoading: false, hasMoreOld: !data.isEnd, messageList });
+                });
+            });
+        }
+        catch (_f) {
+            if (conversationIdRef.current !== reqConversationID)
+                return;
+            setLoadState((preState) => (Object.assign(Object.assign({}, preState), { initLoading: false })));
+        }
     }, {
         manual: true,
     });
     const { loading: moreNewLoading, runAsync: getMoreNewMessages } = useRequest(async (loadMore = true) => {
         var _a, _b;
         const reqConversationID = conversationId;
-        const { data } = await DChatSDK.getAdvancedHistoryMessageListReverse({
-            count: PAGE_SIZE.large,
-            startClientMsgID: loadMore
-                ? ((_b = (_a = latestLoadState.current) === null || _a === void 0 ? void 0 : _a.messageList[0]) === null || _b === void 0 ? void 0 : _b.clientMsgID) || ""
-                : "",
-            conversationID: conversationId !== null && conversationId !== void 0 ? conversationId : "",
-            viewType: ViewType.Search,
-        });
-        if (conversationId !== reqConversationID)
-            return;
-        setTimeout(() => setLoadState((preState) => {
-            let messageList = [
-                ...data.messageList.toReversed(),
-                ...(loadMore ? preState.messageList : []),
-            ];
-            messageList = removeDuplicateMessages(messageList);
-            return Object.assign(Object.assign({}, preState), { initLoading: false, hasMoreNew: !data.isEnd, messageList });
-        }));
+        try {
+            const { data } = await DChatSDK.getAdvancedHistoryMessageListReverse({
+                count: PAGE_SIZE.large,
+                startClientMsgID: loadMore
+                    ? ((_b = (_a = latestLoadState.current) === null || _a === void 0 ? void 0 : _a.messageList[0]) === null || _b === void 0 ? void 0 : _b.clientMsgID) || ""
+                    : "",
+                conversationID: conversationId !== null && conversationId !== void 0 ? conversationId : "",
+                viewType: ViewType.Search,
+            });
+            if (conversationIdRef.current !== reqConversationID)
+                return;
+            setTimeout(() => {
+                if (conversationIdRef.current !== reqConversationID)
+                    return;
+                setLoadState((preState) => {
+                    let messageList = [
+                        ...data.messageList.toReversed(),
+                        ...(loadMore ? preState.messageList : []),
+                    ];
+                    messageList = removeDuplicateMessages(messageList);
+                    return Object.assign(Object.assign({}, preState), { initLoading: false, hasMoreNew: !data.isEnd, messageList });
+                });
+            });
+        }
+        catch (_c) {
+            if (conversationIdRef.current !== reqConversationID)
+                return;
+            setLoadState((preState) => (Object.assign(Object.assign({}, preState), { initLoading: false })));
+        }
     }, {
         manual: true,
     });
@@ -127,7 +159,7 @@ export const useMessage = (conversationId, searchClientMsgID, enabled = true) =>
     useEffect(() => {
         const pushNewMessage = (message) => {
             var _a, _b;
-            if (!enabledRef.current)
+            if (!canLoadRef.current)
                 return;
             if ((_b = (_a = latestLoadState.current) === null || _a === void 0 ? void 0 : _a.messageList) === null || _b === void 0 ? void 0 : _b.find((item) => item.clientMsgID === message.clientMsgID)) {
                 return;
@@ -138,7 +170,7 @@ export const useMessage = (conversationId, searchClientMsgID, enabled = true) =>
             });
         };
         const updateOneMessage = (message) => {
-            if (!enabledRef.current)
+            if (!canLoadRef.current)
                 return;
             setLoadState((preState) => {
                 var _a, _b, _c, _d;
@@ -167,7 +199,7 @@ export const useMessage = (conversationId, searchClientMsgID, enabled = true) =>
             });
         };
         const removeOneMessage = (clientMsgID) => {
-            if (!enabledRef.current)
+            if (!canLoadRef.current)
                 return;
             setLoadState((preState) => (Object.assign(Object.assign({}, preState), { messageList: preState.messageList.filter((msg) => msg.clientMsgID !== clientMsgID) })));
         };
@@ -181,7 +213,7 @@ export const useMessage = (conversationId, searchClientMsgID, enabled = true) =>
         };
     }, []);
     useEffect(() => {
-        if (!enabled) {
+        if (!canLoad) {
             setLoadState({
                 initLoading: true,
                 hasMoreOld: true,
@@ -206,7 +238,7 @@ export const useMessage = (conversationId, searchClientMsgID, enabled = true) =>
                 messageList: [],
             }));
         };
-    }, [conversationId, searchClientMsgID, enabled]);
+    }, [conversationId, searchClientMsgID, canLoad, userID]);
     return {
         loadState,
         latestLoadState,

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":"AAWA,UAAU,qBAAqB;IAC7B,qBAAqB,CAAC,EAAE,MAAM,IAAI,CAAC;CACpC;AAED,QAAA,MAAM,gBAAgB,GAAI,2BAA2B,qBAAqB,4CA+BzE,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/screens/desk-message/index.tsx"],"names":[],"mappings":"AAWA,UAAU,qBAAqB;IAC7B,qBAAqB,CAAC,EAAE,MAAM,IAAI,CAAC;CACpC;AAED,QAAA,MAAM,gBAAgB,GAAI,2BAA2B,qBAAqB,4CA6BzE,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

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

@@ -4,14 +4,14 @@ import MessageList from "../../components/message/MessageList";
 import DeskConversationList from "../../components/conversation/DeskConversationList";
 import { useChatContext } from "../../context/ChatContext";
 import { Spin } from "antd";
-import { ConnectStatus, SyncStatus } from "../../types/chat";
+import { ConnectStatus } from "../../types/chat";
 import useConversationStore from "../../store/conversation";
 import DeskAssignedSession from "../../components/session/DeskAssignedSession";
 import ThreadInfo from "../../components/thread/ThreadInfo";
 const DChatDeskMessage = ({ openCreateCannedModal }) => {
     const selectedConversationId = useConversationStore((state) => state.selectedConversationId);
     const searchClientMsgID = useConversationStore((state) => state.searchClientMsgID);
-    const { connectStatus, syncStatus } = useChatContext();
-    return (_jsx(_Fragment, { children: connectStatus === ConnectStatus.Connected ? (_jsx(Spin, { spinning: syncStatus === SyncStatus.Loading, children: _jsxs("div", { className: "flex flex-1 flex-row h-screen bg-gray-50", children: [_jsx(DeskAssignedSession, {}), _jsx(DeskConversationList, {}), _jsx(MessageList, { conversationId: selectedConversationId, searchClientMsgID: searchClientMsgID, openCreateCannedModal: openCreateCannedModal }), _jsx(ThreadInfo, {})] }) })) : (_jsx("div", { className: "flex flex-1 flex-row h-screen bg-gray-50", children: connectStatus === ConnectStatus.Connecting && _jsx(Spin, { fullscreen: true }) })) }));
+    const { connectStatus } = useChatContext();
+    return (_jsx(_Fragment, { children: connectStatus === ConnectStatus.Connected ? (_jsxs("div", { className: "flex flex-1 flex-row h-screen bg-gray-50", children: [_jsx(DeskAssignedSession, {}), _jsx(DeskConversationList, {}), _jsx(MessageList, { conversationId: selectedConversationId, searchClientMsgID: searchClientMsgID, openCreateCannedModal: openCreateCannedModal }), _jsx(ThreadInfo, {})] })) : (_jsx("div", { className: "flex flex-1 flex-row h-screen bg-gray-50", children: connectStatus === ConnectStatus.Connecting && _jsx(Spin, { fullscreen: true }) })) }));
 };
 export default DChatDeskMessage;