@droppii-org/chat-sdk 0.6.40 → 0.6.42

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

@@ -1 +1 @@
-{"version":3,"file":"ConversationDetailHeader.d.ts","sourceRoot":"","sources":["../../../src/components/conversation-detail/ConversationDetailHeader.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AAQrE,MAAM,WAAW,6BAA6B;IAC5C,YAAY,EAAE,gBAAgB,CAAC;IAC/B,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;CAC7B;AAsBD,QAAA,MAAM,wBAAwB,GAAI,2CAI/B,6BAA6B,4CA2C/B,CAAC;AAEF,eAAe,wBAAwB,CAAC"}
+{"version":3,"file":"ConversationDetailHeader.d.ts","sourceRoot":"","sources":["../../../src/components/conversation-detail/ConversationDetailHeader.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AAGrE,MAAM,WAAW,6BAA6B;IAC5C,YAAY,EAAE,gBAAgB,CAAC;IAC/B,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;CAC7B;AAsBD,QAAA,MAAM,wBAAwB,GAAI,2CAI/B,6BAA6B,4CAyC/B,CAAC;AAEF,eAAe,wBAAwB,CAAC"}

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

@@ -4,15 +4,11 @@ import { useTranslation } from "react-i18next";
 import { Icon } from "../../components/icon";
 import ConversationPeerAvatar from "../../components/conversation-inbox/ConversationPeerAvatar";
 import ConversationInboxTitle from "../../components/conversation-inbox/ConversationInboxTitle";
-import { resolveConversationDisplayName, resolvePeerBadgeLabel, } from "../../utils/conversation";
-import { useConversationAvatarUrl } from "../../hooks/conversation/useConversationAvatarUrl";
+import { useConversationPeerIdentity } from "../../hooks/conversation/useConversationPeerIdentity";
 const HeaderIconButton = ({ icon, onClick, testId, }) => (_jsx("button", { type: "button", onClick: onClick, "data-testid": testId, "data-cp-name": "HeaderIconButton", className: "flex shrink-0 cursor-pointer items-center justify-center p-2 text-[var(--dc-color-nav-icon)]", children: _jsx(Icon, { icon: icon, size: 24 }) }));
 const ConversationDetailHeader = ({ conversation, onBack, onProfileClick, }) => {
     const { t } = useTranslation("conversation-inbox");
-    const displayName = resolveConversationDisplayName(conversation, t);
-    const avatarUrl = useConversationAvatarUrl(conversation);
-    const peerType = conversation.peerType;
-    const badgeLabel = resolvePeerBadgeLabel(peerType, t);
+    const { displayName, avatarUrl, peerType, badgeLabel } = useConversationPeerIdentity(conversation);
     const subtitle = t("thread_detail.profile_hint");
     return (_jsxs("div", { "data-testid": "conversation-detail-header", "data-cp-name": "ConversationDetailHeader", className: "flex w-full cursor-default items-center border-b border-gray-25 bg-white p-2 shadow-inset-gray-divider", children: [_jsx(HeaderIconButton, { icon: "arrow-left-o", onClick: onBack, testId: "conversation-detail-back" }), _jsxs("div", { className: "flex min-w-0 flex-1 cursor-pointer items-center gap-2 px-1", "data-testid": "conversation-detail-profile", onClick: onProfileClick, children: [_jsx(ConversationPeerAvatar, { peerType: peerType, displayName: displayName, avatarUrl: avatarUrl, badgeLabel: badgeLabel }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsx(ConversationInboxTitle, { peerType: peerType, displayName: displayName }), _jsx("p", { className: "truncate text-[10px] font-normal leading-[160%] tracking-[0.1px] text-gray-600 [font-feature-settings:'liga'_off,'clig'_off]", children: subtitle })] })] })] }));
 };

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

@@ -1 +1 @@
-{"version":3,"file":"ConversationMessageList.d.ts","sourceRoot":"","sources":["../../../src/components/conversation-detail/ConversationMessageList.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAoC,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAmBzE,MAAM,WAAW,4BAA4B;IAC3C,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB;;;;OAIG;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,4DAI9B,4BAA4B,4CA8N9B,CAAC;AAEF,eAAe,uBAAuB,CAAC"}
+{"version":3,"file":"ConversationMessageList.d.ts","sourceRoot":"","sources":["../../../src/components/conversation-detail/ConversationMessageList.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAoC,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAsBzE,MAAM,WAAW,4BAA4B;IAC3C,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB;;;;OAIG;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,4DAI9B,4BAA4B,4CAsO9B,CAAC;AAEF,eAAe,uBAAuB,CAAC"}

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

@@ -13,7 +13,7 @@ import { useRevokeMessage } from "../../hooks/message/useRevokeMessage";
 import { useGroupPermission } from "../../hooks/group/useGroupPermission";
 import useConversationStore from "../../store/conversation";
 import useAuthStore from "../../store/auth";
-import { isGroupChat as resolveIsGroupChat } from "../../utils/conversation";
+import { isGroupChat as resolveIsGroupChat, isSupportSessionAgentView, } from "../../utils/conversation";
 import emitter from "../../utils/events";
 import MessageItem from "../../components/message/item";
 import PinLimitModal from "./PinLimitModal";
@@ -33,8 +33,12 @@ const ConversationMessageList = ({ bottomSlot, onCopyMessageLink, onSearchMessag
     // Some hosts run pin without their backend returning PIN_MESSAGE yet, so
     // the permission check would hide a feature that is live for them.
     const canPinMessage = !isGroupChat || permissions.pinMessage || allowPinMessageWithoutPermission;
-    const messageController = useMessage(conversationId, searchClientMsgID, true, true, onSearchMessageRevoked);
-    const { scrollRef, loadMoreOldMessage, handleInfiniteScroll, scrollToBottomIfAtBottom, scrollToMessage, } = useMessageListScroll(Object.assign({ conversationId, userId: (user === null || user === void 0 ? void 0 : user.userID) || authUserID, isGroupChat }, messageController));
+    const viewerUserID = (user === null || user === void 0 ? void 0 : user.userID) || authUserID;
+    // App history strips the assignment log and session dividers, which an
+    // agent handling someone else's session needs — load the full history.
+    const useAppHistory = !isSupportSessionAgentView(Object.assign(Object.assign({}, conversation), { conversationID: conversationId }), viewerUserID);
+    const messageController = useMessage(conversationId, searchClientMsgID, true, useAppHistory, onSearchMessageRevoked);
+    const { scrollRef, loadMoreOldMessage, handleInfiniteScroll, scrollToBottomIfAtBottom, scrollToMessage, } = useMessageListScroll(Object.assign({ conversationId, userId: viewerUserID, isGroupChat }, messageController));
     const { loadState, moreOldLoading } = messageController;
     const isMessageLoading = !conversationId || loadState.initLoading;
     const [openToolboxMessageId, setOpenToolboxMessageId] = useState(null);

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

@@ -1,3 +1,9 @@
-declare const PinnedMessageBar: () => import("react/jsx-runtime").JSX.Element | null;
+interface PinnedMessageBarProps {
+    /** CRM spec labels every pin "Tin nhắn từ {name}"; BIZ varies the label by message type. */
+    genericSubtitle?: boolean;
+    /** Hides unpin in the pinned panel for users the toolbox already denies pinning. */
+    canUnpin?: boolean;
+}
+declare const PinnedMessageBar: ({ genericSubtitle, canUnpin, }: PinnedMessageBarProps) => import("react/jsx-runtime").JSX.Element | null;
 export default PinnedMessageBar;
 //# sourceMappingURL=PinnedMessageBar.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"PinnedMessageBar.d.ts","sourceRoot":"","sources":["../../../src/components/conversation-detail/PinnedMessageBar.tsx"],"names":[],"mappings":"AA6HA,QAAA,MAAM,gBAAgB,sDAgGrB,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"PinnedMessageBar.d.ts","sourceRoot":"","sources":["../../../src/components/conversation-detail/PinnedMessageBar.tsx"],"names":[],"mappings":"AA6HA,UAAU,qBAAqB;IAC7B,4FAA4F;IAC5F,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,oFAAoF;IACpF,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,QAAA,MAAM,gBAAgB,GAAI,gCAGvB,qBAAqB,mDAkGvB,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

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

@@ -69,7 +69,7 @@ const PinnedMessageThumbnail = ({ message }) => {
     }
     return null;
 };
-const PinnedMessageBar = () => {
+const PinnedMessageBar = ({ genericSubtitle = false, canUnpin = true, }) => {
     const { t } = useTranslation();
     const userID = useAuthStore((state) => state.userID);
     const conversation = useConversationStore((state) => state.conversationData);
@@ -91,7 +91,8 @@ const PinnedMessageBar = () => {
         ? t("your_self")
         : latestPinnedMessage.senderNickname || t("message_sender_unnamed");
     const isRevoked = latestPinnedMessage.contentType === MessageType.RevokeMessage;
-    const subtitleKey = PINNED_SUBTITLE_KEY_BY_TYPE[latestPinnedMessage.contentType] ||
+    const subtitleKey = (!genericSubtitle &&
+        PINNED_SUBTITLE_KEY_BY_TYPE[latestPinnedMessage.contentType]) ||
         "pinned_from_text";
     const title = isRevoked
         ? t("revoked")
@@ -104,6 +105,6 @@ const PinnedMessageBar = () => {
     const hasFlushThumbnail = hasThumbnail &&
         latestPinnedMessage.contentType !== MessageType.FileMessage;
     const remainingPinnedCount = pinnedTotalCount - 1;
-    return (_jsxs(_Fragment, { children: [_jsxs("div", { "data-testid": "pinned-message-bar", "data-cp-name": "PinnedMessageBar", role: "button", tabIndex: 0, onClick: () => setIsPanelOpen(true), className: clsx("flex w-full shrink-0 cursor-pointer items-center gap-3 bg-gray-cool-25 pr-3", hasFlushThumbnail ? "py-0 pl-0" : "py-1 pl-3"), children: [hasThumbnail && (_jsx(PinnedMessageThumbnail, { message: latestPinnedMessage })), _jsxs("div", { className: "flex min-w-0 flex-1 flex-col justify-center", children: [showTitle && (_jsx("p", { className: "truncate text-sm font-medium leading-[160%] text-gray-900", children: title })), _jsxs("div", { className: "flex items-center gap-1", children: [_jsx(Icon, { icon: "thumbtack-b", size: 12, className: "text-[var(--dc-color-primary)]" }), _jsx("p", { className: "truncate text-[13px] leading-[160%] text-gray-600", children: t(subtitleKey, { name: senderName }) })] })] }), _jsxs("div", { className: "flex shrink-0 items-center gap-1", children: [remainingPinnedCount > 0 && (_jsxs("span", { className: "flex min-w-[26px] items-center justify-center rounded-full border-2 border-white bg-gradient-danger-light px-1 text-xs font-bold leading-[160%] text-white", children: ["+", remainingPinnedCount] })), _jsx(Icon, { icon: "angle-down-o", size: 20, className: "text-gray-600" })] })] }), _jsx(PinnedMessagesPanel, { open: isPanelOpen, onClose: () => setIsPanelOpen(false) })] }));
+    return (_jsxs(_Fragment, { children: [_jsxs("div", { "data-testid": "pinned-message-bar", "data-cp-name": "PinnedMessageBar", role: "button", tabIndex: 0, onClick: () => setIsPanelOpen(true), className: clsx("flex w-full shrink-0 cursor-pointer items-center gap-3 bg-gray-cool-25 pr-3", hasFlushThumbnail ? "py-0 pl-0" : "py-1 pl-3"), children: [hasThumbnail && (_jsx(PinnedMessageThumbnail, { message: latestPinnedMessage })), _jsxs("div", { className: "flex min-w-0 flex-1 flex-col justify-center", children: [showTitle && (_jsx("p", { className: "truncate text-sm font-medium leading-[160%] text-gray-900", children: title })), _jsxs("div", { className: "flex items-center gap-1", children: [_jsx(Icon, { icon: "thumbtack-b", size: 12, className: "text-[var(--dc-color-primary)]" }), _jsx("p", { className: "truncate text-[13px] leading-[160%] text-gray-600", children: t(subtitleKey, { name: senderName }) })] })] }), _jsxs("div", { className: "flex shrink-0 items-center gap-1", children: [remainingPinnedCount > 0 && (_jsxs("span", { className: "flex min-w-[26px] items-center justify-center rounded-full border-2 border-white bg-gradient-danger-light px-1 text-xs font-bold leading-[160%] text-white", children: ["+", remainingPinnedCount] })), _jsx(Icon, { icon: "angle-down-o", size: 20, className: "text-gray-600" })] })] }), _jsx(PinnedMessagesPanel, { open: isPanelOpen, onClose: () => setIsPanelOpen(false), canUnpin: canUnpin })] }));
 };
 export default PinnedMessageBar;

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

@@ -5,7 +5,8 @@ interface PinnedMessageItemProps {
     onContextMenuOpenChange: (open: boolean) => void;
     onUnpin: (message: MessageItemType) => void;
     onJump: (message: MessageItemType) => void;
+    canUnpin?: boolean;
 }
-declare const PinnedMessageItem: ({ message, contextMenuOpen, onContextMenuOpenChange, onUnpin, onJump, }: PinnedMessageItemProps) => import("react/jsx-runtime").JSX.Element;
+declare const PinnedMessageItem: ({ message, contextMenuOpen, onContextMenuOpenChange, onUnpin, onJump, canUnpin, }: PinnedMessageItemProps) => import("react/jsx-runtime").JSX.Element;
 export default PinnedMessageItem;
 //# sourceMappingURL=PinnedMessageItem.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"PinnedMessageItem.d.ts","sourceRoot":"","sources":["../../../src/components/conversation-detail/PinnedMessageItem.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,WAAW,IAAI,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAY9E,UAAU,sBAAsB;IAC9B,OAAO,EAAE,eAAe,CAAC;IACzB,eAAe,EAAE,OAAO,CAAC;IACzB,uBAAuB,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACjD,OAAO,EAAE,CAAC,OAAO,EAAE,eAAe,KAAK,IAAI,CAAC;IAC5C,MAAM,EAAE,CAAC,OAAO,EAAE,eAAe,KAAK,IAAI,CAAC;CAC5C;AAED,QAAA,MAAM,iBAAiB,GAAI,yEAMxB,sBAAsB,4CAsFxB,CAAC;AAEF,eAAe,iBAAiB,CAAC"}
+{"version":3,"file":"PinnedMessageItem.d.ts","sourceRoot":"","sources":["../../../src/components/conversation-detail/PinnedMessageItem.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,WAAW,IAAI,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAY9E,UAAU,sBAAsB;IAC9B,OAAO,EAAE,eAAe,CAAC;IACzB,eAAe,EAAE,OAAO,CAAC;IACzB,uBAAuB,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACjD,OAAO,EAAE,CAAC,OAAO,EAAE,eAAe,KAAK,IAAI,CAAC;IAC5C,MAAM,EAAE,CAAC,OAAO,EAAE,eAAe,KAAK,IAAI,CAAC;IAC3C,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,QAAA,MAAM,iBAAiB,GAAI,mFAOxB,sBAAsB,4CAqFxB,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

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

@@ -8,17 +8,18 @@ import MessageBubble from "../../components/message/item/MessageBubble";
 import { renderBubbleContent } from "../../components/message/item/renderMessageContent";
 import { buildMessageToolboxMenuItems, MessageToolboxActionKey, MESSAGE_TOOLBOX_OVERLAY_CLASSNAME, } from "../../components/message/toolbox";
 import useAuthStore from "../../store/auth";
-const PinnedMessageItem = ({ message, contextMenuOpen, onContextMenuOpenChange, onUnpin, onJump, }) => {
+const PinnedMessageItem = ({ message, contextMenuOpen, onContextMenuOpenChange, onUnpin, onJump, canUnpin = true, }) => {
     const { t } = useTranslation();
     const userID = useAuthStore((state) => state.userID);
     const isMine = (message === null || message === void 0 ? void 0 : message.sendID) === userID;
+    const unpinAction = {
+        key: MessageToolboxActionKey.UNPIN,
+        label: t("context_menu_unpin"),
+        icon: "thumbtack-off-o",
+        onClick: () => onUnpin(message),
+    };
     const contextMenuItems = buildMessageToolboxMenuItems([
-        {
-            key: MessageToolboxActionKey.UNPIN,
-            label: t("context_menu_unpin"),
-            icon: "thumbtack-off-o",
-            onClick: () => onUnpin(message),
-        },
+        ...(canUnpin ? [unpinAction] : []),
         {
             key: MessageToolboxActionKey.VIEW_ORIGINAL,
             label: t("context_menu_view_original"),
@@ -32,6 +33,6 @@ const PinnedMessageItem = ({ message, contextMenuOpen, onContextMenuOpenChange,
             event.stopPropagation();
             onUnpin(message);
         }, className: "flex h-7 w-7 shrink-0 items-center justify-center self-center rounded-full bg-gray-25 text-gray-600", children: _jsx(Icon, { icon: "thumbtack-off-o", size: 16 }) }));
-    return (_jsxs("div", { "data-cp-name": "PinnedMessageItem", className: clsx("flex items-end gap-2 px-3 pb-4", isMine ? "justify-end" : "justify-start"), children: [isMine && unpinButton, _jsx(Dropdown, { menu: { items: contextMenuItems }, trigger: ["contextMenu"], open: contextMenuOpen, onOpenChange: onContextMenuOpenChange, overlayClassName: MESSAGE_TOOLBOX_OVERLAY_CLASSNAME, children: _jsxs("div", { className: "relative min-w-0 cursor-pointer", onClick: () => onJump(message), children: [_jsx("div", { className: "pointer-events-none", children: bubbleNode }), pinnedBadgeNode] }) }), !isMine && unpinButton] }));
+    return (_jsxs("div", { "data-cp-name": "PinnedMessageItem", className: clsx("flex items-end gap-2 px-3 pb-4", isMine ? "justify-end" : "justify-start"), children: [isMine && canUnpin && unpinButton, _jsx(Dropdown, { menu: { items: contextMenuItems }, trigger: ["contextMenu"], open: contextMenuOpen, onOpenChange: onContextMenuOpenChange, overlayClassName: MESSAGE_TOOLBOX_OVERLAY_CLASSNAME, children: _jsxs("div", { className: "relative min-w-0 cursor-pointer", onClick: () => onJump(message), children: [_jsx("div", { className: "pointer-events-none", children: bubbleNode }), pinnedBadgeNode] }) }), !isMine && canUnpin && unpinButton] }));
 };
 export default PinnedMessageItem;

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

@@ -1,7 +1,8 @@
 interface PinnedMessagesPanelProps {
     open: boolean;
     onClose: () => void;
+    canUnpin?: boolean;
 }
-declare const PinnedMessagesPanel: ({ open, onClose }: PinnedMessagesPanelProps) => import("react/jsx-runtime").JSX.Element;
+declare const PinnedMessagesPanel: ({ open, onClose, canUnpin, }: PinnedMessagesPanelProps) => import("react/jsx-runtime").JSX.Element;
 export default PinnedMessagesPanel;
 //# sourceMappingURL=PinnedMessagesPanel.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"PinnedMessagesPanel.d.ts","sourceRoot":"","sources":["../../../src/components/conversation-detail/PinnedMessagesPanel.tsx"],"names":[],"mappings":"AAYA,UAAU,wBAAwB;IAChC,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,QAAA,MAAM,mBAAmB,GAAI,mBAAmB,wBAAwB,4CAoGvE,CAAC;AAEF,eAAe,mBAAmB,CAAC"}
+{"version":3,"file":"PinnedMessagesPanel.d.ts","sourceRoot":"","sources":["../../../src/components/conversation-detail/PinnedMessagesPanel.tsx"],"names":[],"mappings":"AAYA,UAAU,wBAAwB;IAChC,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,QAAA,MAAM,mBAAmB,GAAI,8BAI1B,wBAAwB,4CAqG1B,CAAC;AAEF,eAAe,mBAAmB,CAAC"}

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

@@ -8,7 +8,7 @@ import useConversationStore from "../../store/conversation";
 import { usePinMessage } from "../../hooks/message/usePinMessage";
 import { emit } from "../../utils/events";
 import PinnedMessageItem from "./PinnedMessageItem";
-const PinnedMessagesPanel = ({ open, onClose }) => {
+const PinnedMessagesPanel = ({ open, onClose, canUnpin = true, }) => {
     const { t } = useTranslation();
     const conversation = useConversationStore((state) => state.conversationData);
     const selectedConversationId = useConversationStore((state) => state.selectedConversationId);
@@ -46,6 +46,6 @@ const PinnedMessagesPanel = ({ open, onClose }) => {
                 borderTopRightRadius: 16,
                 overflow: "hidden",
             },
-        }, getContainer: false, forceRender: true, children: _jsxs("div", { className: "flex h-full flex-col bg-white", children: [_jsxs("div", { className: "flex items-center gap-4 border-b border-gray-25 px-3 py-4", children: [_jsx("span", { className: "flex-1 text-lg font-bold text-gray-900", children: t("pinned_panel_title") }), _jsx(Button, { type: "text", shape: "default", className: "h-6 w-6 p-0 text-gray-900", onClick: onClose, "aria-label": t("pinned_panel_title"), children: _jsx(Icon, { icon: "close-b", size: 24 }) })] }), _jsxs("div", { className: "flex flex-1 flex-col gap-3 overflow-y-auto py-3", children: [_jsx("p", { className: "px-3 text-sm leading-[160%] text-gray-600", children: t("pinned_panel_hint") }), pinnedMessageList.map((message) => (_jsx(PinnedMessageItem, { message: message, contextMenuOpen: openContextMenuId === message.clientMsgID, onContextMenuOpenChange: (isOpen) => setOpenContextMenuId(isOpen ? message.clientMsgID : null), onUnpin: handleUnpin, onJump: handleJump }, message.clientMsgID)))] })] }) }));
+        }, getContainer: false, forceRender: true, children: _jsxs("div", { className: "flex h-full flex-col bg-white", children: [_jsxs("div", { className: "flex items-center gap-4 border-b border-gray-25 px-3 py-4", children: [_jsx("span", { className: "flex-1 text-lg font-bold text-gray-900", children: t("pinned_panel_title") }), _jsx(Button, { type: "text", shape: "default", className: "h-6 w-6 p-0 text-gray-900", onClick: onClose, "aria-label": t("pinned_panel_title"), children: _jsx(Icon, { icon: "close-b", size: 24 }) })] }), _jsxs("div", { className: "flex flex-1 flex-col gap-3 overflow-y-auto py-3", children: [_jsx("p", { className: "px-3 text-sm leading-[160%] text-gray-600", children: t("pinned_panel_hint") }), pinnedMessageList.map((message) => (_jsx(PinnedMessageItem, { message: message, contextMenuOpen: openContextMenuId === message.clientMsgID, onContextMenuOpenChange: (isOpen) => setOpenContextMenuId(isOpen ? message.clientMsgID : null), onUnpin: handleUnpin, onJump: handleJump, canUnpin: canUnpin }, message.clientMsgID)))] })] }) }));
 };
 export default PinnedMessagesPanel;

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

@@ -1 +1 @@
-{"version":3,"file":"ThreadProfilePanel.d.ts","sourceRoot":"","sources":["../../../src/components/conversation-detail/ThreadProfilePanel.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AAGrE,OAAO,EAAE,mBAAmB,EAAE,MAAM,wCAAwC,CAAC;AAc7E,UAAU,uBAAuB;IAC/B,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,gBAAgB,CAAC;IAC/B,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,gBAAgB,EAAE,CAAC,MAAM,EAAE,mBAAmB,KAAK,IAAI,CAAC;CACzD;AAED,QAAA,MAAM,kBAAkB,GAAI,oDAKzB,uBAAuB,4CA8GzB,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
+{"version":3,"file":"ThreadProfilePanel.d.ts","sourceRoot":"","sources":["../../../src/components/conversation-detail/ThreadProfilePanel.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AAGrE,OAAO,EAAE,mBAAmB,EAAE,MAAM,wCAAwC,CAAC;AAU7E,UAAU,uBAAuB;IAC/B,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,gBAAgB,CAAC;IAC/B,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,gBAAgB,EAAE,CAAC,MAAM,EAAE,mBAAmB,KAAK,IAAI,CAAC;CACzD;AAED,QAAA,MAAM,kBAAkB,GAAI,oDAKzB,uBAAuB,4CA4GzB,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

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

@@ -6,22 +6,19 @@ import { useTranslation } from "react-i18next";
 import { Icon } from "../../components/icon";
 import MediaEntryCard from "../../components/media-resources/MediaEntryCard";
 import { PeerType } from "../../types/conversation";
-import { resolveConversationDisplayName, resolvePeerBadgeColor, resolvePeerBadgeLabel, } from "../../utils/conversation";
-import { useConversationAvatarUrl } from "../../hooks/conversation/useConversationAvatarUrl";
+import { resolvePeerBadgeColor } from "../../utils/conversation";
+import { useConversationPeerIdentity } from "../../hooks/conversation/useConversationPeerIdentity";
 import { useLeaveGroupAction } from "../../hooks/group/useLeaveGroupAction";
 import LeaveGroupBlockedModal from "./LeaveGroupBlockedModal";
 import LeaveGroupConfirmModal from "./LeaveGroupConfirmModal";
 const PROFILE_AVATAR_SIZE = 96;
 const ThreadProfilePanel = ({ open, conversation, onClose, onSelectResource, }) => {
     const { t } = useTranslation("conversation-inbox");
-    const displayName = resolveConversationDisplayName(conversation, t);
-    const avatarUrl = useConversationAvatarUrl(conversation);
-    const peerType = conversation.peerType;
-    const badgeLabel = resolvePeerBadgeLabel(peerType, t);
+    const { displayName, avatarUrl, peerType, badgeLabel } = useConversationPeerIdentity(conversation);
     const { canLeaveGroup, isPublicGroup, isLeaving, isConfirmOpen, isBlockedOpen, openLeaveGroup, confirmLeaveGroup, closeConfirm, closeBlocked, } = useLeaveGroupAction({
         groupID: conversation.groupID,
         conversationID: conversation.conversationID,
-        isGroupThread: peerType === PeerType.GROUP,
+        isGroupThread: conversation.peerType === PeerType.GROUP,
         onLeft: onClose,
     });
     return (_jsxs(Drawer, { open: open, onClose: onClose, placement: "right", closeIcon: false, width: "100%", "data-cp-name": "ThreadProfilePanel", styles: {

package/dist/components/message/MessageList.d.ts

@@ -8,6 +8,8 @@ interface MessageListProps {
     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;
+    /** Renders the pinned-message bar under the header (CRM desk only). */
+    showPinnedMessageBar?: boolean;
 }
 declare const MessageList: (props: MessageListProps) => import("react/jsx-runtime").JSX.Element;
 export default MessageList;

package/dist/components/message/MessageList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MessageList.d.ts","sourceRoot":"","sources":["../../../src/components/message/MessageList.tsx"],"names":[],"mappings":"AAiCA,UAAU,gBAAgB;IACxB,cAAc,EAAE,MAAM,CAAC;IACvB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,qBAAqB,CAAC,EAAE,MAAM,IAAI,CAAC;IACnC,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B,iBAAiB,CAAC,EAAE,CAAC,cAAc,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1E,kGAAkG;IAClG,sBAAsB,CAAC,EAAE,MAAM,IAAI,CAAC;CACrC;AAED,QAAA,MAAM,WAAW,GAAI,OAAO,gBAAgB,4CAmX3C,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"MessageList.d.ts","sourceRoot":"","sources":["../../../src/components/message/MessageList.tsx"],"names":[],"mappings":"AAkCA,UAAU,gBAAgB;IACxB,cAAc,EAAE,MAAM,CAAC;IACvB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,qBAAqB,CAAC,EAAE,MAAM,IAAI,CAAC;IACnC,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B,iBAAiB,CAAC,EAAE,CAAC,cAAc,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1E,kGAAkG;IAClG,sBAAsB,CAAC,EAAE,MAAM,IAAI,CAAC;IACpC,uEAAuE;IACvE,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAChC;AAED,QAAA,MAAM,WAAW,GAAI,OAAO,gBAAgB,4CAuX3C,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/dist/components/message/MessageList.js

@@ -26,12 +26,13 @@ import { isGroupConversation } from "../../utils/imCommon";
 import { ConnectStatus, SessionStatus } from "../../types/chat";
 import { PeerType } from "../../types/conversation";
 import PinLimitModal from "../../components/conversation-detail/PinLimitModal";
+import PinnedMessageBar from "../../components/conversation-detail/PinnedMessageBar";
 import ConfirmModal from "../../components/common/ConfirmModal";
 dayjs.extend(isToday);
 const MessageList = (props) => {
     const { t } = useTranslation();
     const { user, connectStatus, allowPinMessageWithoutPermission } = useChatContext();
-    const { onClose, conversationId, searchClientMsgID, openCreateCannedModal, onOpenThreadInfo, onCopyMessageLink, onSearchMessageRevoked, } = props;
+    const { onClose, conversationId, searchClientMsgID, openCreateCannedModal, onOpenThreadInfo, onCopyMessageLink, onSearchMessageRevoked, showPinnedMessageBar = false, } = props;
     const conversationData = useConversationStore((state) => state.conversationData);
     const permissions = useGroupPermission(conversationData === null || conversationData === void 0 ? void 0 : conversationData.groupID);
     const isGroupChat = isGroupConversation(conversationData !== null && conversationData !== void 0 ? conversationData : undefined);
@@ -192,7 +193,7 @@ const MessageList = (props) => {
     if (!conversationData) {
         return (_jsx("div", { className: "flex flex-1 items-center justify-center h-full", children: connectStatus !== ConnectStatus.Connected ? (_jsx(Spin, {})) : (_jsx(Empty, { description: t("no_conversation_data") })) }));
     }
-    return (_jsxs("div", { className: "flex flex-col flex-1 relative h-full min-w-0 overflow-hidden bg-white", "data-cp-name": "MessageList", children: [_jsx(MessageHeader, { onClose: onClose, currentSession: latestConversationSession, isJoined: isJoined, onOpenThreadInfo: onOpenThreadInfo }), _jsx(MessageInfiniteScroll, { scrollRef: scrollRef, scrollableTargetId: "scrollableMessagesDiv", loadState: loadState, moreOldLoading: moreOldLoading, onLoadMoreOld: loadMoreOldMessage, onScroll: handleInfiniteScroll, children: loadState.messageList.map((message, _, array) => (_jsx(MessageItem, { message: message, allMessages: array, isGroupChat: isGroupChat, contextMenuOpen: openMenuId === message.clientMsgID, onContextMenuOpenChange: (open) => setOpenMenuId(open ? message.clientMsgID : null), onRevokeMessage: handleOpenRevoke, onQuoteMessage: setQuotedMessage, onPressQuoteMessage: onPressQuoteMessage, onPinMessage: canPinMessage ? handlePinMessage : undefined, onUnpinMessage: canPinMessage ? handleUnpinMessage : undefined, timeRevealed: revealedTimeMsgId === message.clientMsgID, onToggleTimeReveal: handleToggleTimeReveal, onCopyMessageLink: handleCopyMessageLink }, message.clientMsgID))) }), moreNewLoading && (_jsx("div", { className: "flex items-center justify-center py-2", children: _jsx(Spin, {}) })), (Boolean(rawGroupId) && isCheckingMembership) || !isGroupStateFresh ? (_jsx("div", { className: "border-t bg-white py-4 flex items-center justify-center", children: _jsx(Spin, {}) })) : (latestConversationSession === null || latestConversationSession === void 0 ? void 0 : latestConversationSession.status) === SessionStatus.UNASSIGNED ? (_jsx(UnassignedSessionFooter, { sessionId: latestConversationSession.id, teamId: latestConversationSession.teamId })) : !isConfirmedGroup && shouldRestrictToLastSession ? (_jsxs("div", { className: "border-t bg-white py-4 flex flex-col items-center gap-2", "data-cp-name": "JoinGroupRequired", children: [_jsx("p", { className: "text-sm text-gray-500", children: t("join_group_required") }), _jsx(Button, { type: "primary", onClick: joinGroup, loading: isJoining, children: t("join_group") })] })) : isViewOnlyMember ? (
+    return (_jsxs("div", { className: "flex flex-col flex-1 relative h-full min-w-0 overflow-hidden bg-white", "data-cp-name": "MessageList", children: [_jsx(MessageHeader, { onClose: onClose, currentSession: latestConversationSession, isJoined: isJoined, onOpenThreadInfo: onOpenThreadInfo }), showPinnedMessageBar && (_jsx(PinnedMessageBar, { genericSubtitle: true, canUnpin: canPinMessage })), _jsx(MessageInfiniteScroll, { scrollRef: scrollRef, scrollableTargetId: "scrollableMessagesDiv", loadState: loadState, moreOldLoading: moreOldLoading, onLoadMoreOld: loadMoreOldMessage, onScroll: handleInfiniteScroll, children: loadState.messageList.map((message, _, array) => (_jsx(MessageItem, { message: message, allMessages: array, isGroupChat: isGroupChat, contextMenuOpen: openMenuId === message.clientMsgID, onContextMenuOpenChange: (open) => setOpenMenuId(open ? message.clientMsgID : null), onRevokeMessage: handleOpenRevoke, onQuoteMessage: setQuotedMessage, onPressQuoteMessage: onPressQuoteMessage, onPinMessage: canPinMessage ? handlePinMessage : undefined, onUnpinMessage: canPinMessage ? handleUnpinMessage : undefined, timeRevealed: revealedTimeMsgId === message.clientMsgID, onToggleTimeReveal: handleToggleTimeReveal, onCopyMessageLink: handleCopyMessageLink }, message.clientMsgID))) }), moreNewLoading && (_jsx("div", { className: "flex items-center justify-center py-2", children: _jsx(Spin, {}) })), (Boolean(rawGroupId) && isCheckingMembership) || !isGroupStateFresh ? (_jsx("div", { className: "border-t bg-white py-4 flex items-center justify-center", children: _jsx(Spin, {}) })) : (latestConversationSession === null || latestConversationSession === void 0 ? void 0 : latestConversationSession.status) === SessionStatus.UNASSIGNED ? (_jsx(UnassignedSessionFooter, { sessionId: latestConversationSession.id, teamId: latestConversationSession.teamId })) : !isConfirmedGroup && shouldRestrictToLastSession ? (_jsxs("div", { className: "border-t bg-white py-4 flex flex-col items-center gap-2", "data-cp-name": "JoinGroupRequired", children: [_jsx("p", { className: "text-sm text-gray-500", children: t("join_group_required") }), _jsx(Button, { type: "primary", onClick: joinGroup, loading: isJoining, children: t("join_group") })] })) : isViewOnlyMember ? (
             // Brief fallback while isJoined catches up after the kick event.
             _jsx(MessageFooter, { currentSession: latestConversationSession, openCreateCannedModal: openCreateCannedModal })) : !canSendMessage ? (_jsx("div", { className: "border-t bg-[#f5f5f5] py-3 flex items-center justify-center", children: _jsx("p", { className: "text-sm text-gray-500", children: t(isRestrictedByGroupMute
                         ? "send_message_disabled_group_mute"

package/dist/components/message/item/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/message/item/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EACL,WAAW,IAAI,eAAe,EAG/B,MAAM,8BAA8B,CAAC;AAyCtC,UAAU,gBAAgB;IACxB,OAAO,EAAE,eAAe,CAAC;IACzB,WAAW,EAAE,eAAe,EAAE,CAAC;IAC/B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,uBAAuB,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAClD,eAAe,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;IAChD,cAAc,CAAC,EAAE,CAAC,OAAO,EAAE,eAAe,KAAK,IAAI,CAAC;IACpD,mBAAmB,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;IACpD,YAAY,CAAC,EAAE,CAAC,OAAO,EAAE,eAAe,KAAK,IAAI,CAAC;IAClD,cAAc,CAAC,EAAE,CAAC,OAAO,EAAE,eAAe,KAAK,IAAI,CAAC;IACpD,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,2EAA2E;IAC3E,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,uEAAuE;IACvE,kBAAkB,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;IACnD,iBAAiB,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;CACnD;AAkCD,QAAA,MAAM,WAAW,GAAI,0PAgBlB,gBAAgB,mDA2WlB,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/message/item/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EACL,WAAW,IAAI,eAAe,EAG/B,MAAM,8BAA8B,CAAC;AA0CtC,UAAU,gBAAgB;IACxB,OAAO,EAAE,eAAe,CAAC;IACzB,WAAW,EAAE,eAAe,EAAE,CAAC;IAC/B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,uBAAuB,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAClD,eAAe,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;IAChD,cAAc,CAAC,EAAE,CAAC,OAAO,EAAE,eAAe,KAAK,IAAI,CAAC;IACpD,mBAAmB,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;IACpD,YAAY,CAAC,EAAE,CAAC,OAAO,EAAE,eAAe,KAAK,IAAI,CAAC;IAClD,cAAc,CAAC,EAAE,CAAC,OAAO,EAAE,eAAe,KAAK,IAAI,CAAC;IACpD,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,2EAA2E;IAC3E,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,uEAAuE;IACvE,kBAAkB,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;IACnD,iBAAiB,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;CACnD;AAkCD,QAAA,MAAM,WAAW,GAAI,0PAgBlB,gBAAgB,mDAoXlB,CAAC;AAEF,eAAe,WAAW,CAAC"}

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

@@ -22,6 +22,7 @@ import SystemLogMessageItem from "./SystemLogMessage";
 import GroupNotificationMessageItem from "./GroupNotificationMessage";
 import SessionEventMessageItem from "./SessionEventMessage";
 import { isGroupNotificationMessageType, isSessionEventMessage, isSystemLogMessageType, } from "../../../utils/messageLog";
+import { isSupportSessionAgentView } from "../../../utils/conversation";
 import { buildMessageToolboxMenuItems, getCopyableMessageText, isCopyableMessageType, isPinnableMessageType, MessageToolboxActionKey, MESSAGE_TOOLBOX_OVERLAY_CLASSNAME, useMessageToolboxVisibility, } from "../../../components/message/toolbox";
 const MESSAGE_AVATAR_SIZE = 24;
 const DIVIDER_GAP_MINUTES = 30;
@@ -148,6 +149,7 @@ const MessageItem = ({ message, allMessages, isGroupChat = false, forceHideTip =
     const isSystemLogMessage = isSystemLogMessageType(message === null || message === void 0 ? void 0 : message.contentType);
     const isGroupNotificationMessage = isGroupNotificationMessageType(message === null || message === void 0 ? void 0 : message.contentType);
     const isSessionEvent = isSessionEventMessage(message);
+    const showsSessionEvents = isCrm || isSupportSessionAgentView(conversationData, userID);
     const isStickerMessage = (message === null || message === void 0 ? void 0 : message.contentType) === MessageType.StickerMessage;
     const hasContextMenu = contextMenuItems.length > 0;
     const isLatestMine = ((_a = allMessages.find((m) => m.sendID === userID)) === null || _a === void 0 ? void 0 : _a.clientMsgID) ===
@@ -165,7 +167,7 @@ const MessageItem = ({ message, allMessages, isGroupChat = false, forceHideTip =
     // apps get an unexplained gap where the hidden session divider used to be.
     const breaksGroup = (neighbour) => isSystemLogMessageType(neighbour.contentType) ||
         isGroupNotificationMessageType(neighbour.contentType) ||
-        (isSessionEventMessage(neighbour) && isCrm);
+        (isSessionEventMessage(neighbour) && showsSessionEvents);
     const prevBreaksGroup = immediatePrev ? breaksGroup(immediatePrev) : false;
     const nextBreaksGroup = immediateNext ? breaksGroup(immediateNext) : false;
     const prevSameUser = !isOrder &&
@@ -189,7 +191,7 @@ const MessageItem = ({ message, allMessages, isGroupChat = false, forceHideTip =
     const showAvatar = showPeerInfo && !isMine && !nextSameUser;
     const showSenderName = showPeerInfo && !isMine && !prevSameUser;
     const showTip = forceHideTip ? false : !nextSameUser;
-    if (isMessageHiddenForViewer(message, isCrm, conversationData !== null && conversationData !== void 0 ? conversationData : undefined)) {
+    if (isMessageHiddenForViewer(message, isCrm, conversationData !== null && conversationData !== void 0 ? conversationData : undefined, userID)) {
         return null;
     }
     const messageContainerProps = {
@@ -208,8 +210,8 @@ const MessageItem = ({ message, allMessages, isGroupChat = false, forceHideTip =
             _jsx(GroupNotificationMessageItem, { message: message })));
     }
     if (isSessionEvent) {
-        // Consumer apps hide session dividers — see isSessionEventMessage.
-        if (!isCrm)
+        // Owners in consumer apps don't see session dividers; CRM and agents do.
+        if (!showsSessionEvents)
             return null;
         return (_createElement("div", Object.assign({}, messageContainerProps, { key: message === null || message === void 0 ? void 0 : message.clientMsgID }),
             timeBreakNode,

package/dist/hooks/conversation/useConversationPeerIdentity.d.ts

@@ -0,0 +1,15 @@
+import type { ConversationItem } from "@droppii-org/wasm-client-sdk";
+import { PeerType } from "../../types/conversation";
+export interface ConversationPeerIdentity {
+    displayName: string;
+    avatarUrl: string | null;
+    peerType: PeerType;
+    badgeLabel: string;
+}
+/**
+ * Who the thread header/profile should present. A support group's
+ * showName/faceURL is the bot's, so an agent viewing someone else's session
+ * sees the session owner instead.
+ */
+export declare const useConversationPeerIdentity: (conversation: ConversationItem) => ConversationPeerIdentity;
+//# sourceMappingURL=useConversationPeerIdentity.d.ts.map

package/dist/hooks/conversation/useConversationPeerIdentity.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useConversationPeerIdentity.d.ts","sourceRoot":"","sources":["../../../src/hooks/conversation/useConversationPeerIdentity.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AAIrE,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAShD,MAAM,WAAW,wBAAwB;IACvC,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,QAAQ,EAAE,QAAQ,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;CACpB;AAED;;;;GAIG;AACH,eAAO,MAAM,2BAA2B,GACtC,cAAc,gBAAgB,KAC7B,wBAsCF,CAAC"}

package/dist/hooks/conversation/useConversationPeerIdentity.js

@@ -0,0 +1,48 @@
+"use client";
+import { useEffect } from "react";
+import { useTranslation } from "react-i18next";
+import { DChatSDK } from "../../constants/sdk";
+import useAuthStore from "../../store/auth";
+import useUsersInfoStore from "../../store/usersInfo";
+import { PeerType } from "../../types/conversation";
+import { isSupportSessionAgentView, resolveConversationDisplayName, resolvePeerBadgeLabel, resolveSupportSessionOwnerId, } from "../../utils/conversation";
+import { useConversationAvatarUrl } from "./useConversationAvatarUrl";
+/**
+ * Who the thread header/profile should present. A support group's
+ * showName/faceURL is the bot's, so an agent viewing someone else's session
+ * sees the session owner instead.
+ */
+export const useConversationPeerIdentity = (conversation) => {
+    var _a, _b;
+    const { t } = useTranslation("conversation-inbox");
+    const userID = useAuthStore((state) => state.userID);
+    const conversationAvatarUrl = useConversationAvatarUrl(conversation);
+    const ownerId = isSupportSessionAgentView(conversation, userID)
+        ? resolveSupportSessionOwnerId(conversation)
+        : "";
+    const owner = useUsersInfoStore((state) => ownerId ? state.usersInfo[ownerId] : undefined);
+    useEffect(() => {
+        if (!ownerId || owner)
+            return;
+        DChatSDK.getUsersInfo([ownerId])
+            .then(({ data }) => useUsersInfoStore.getState().upsertUsers(data))
+            .catch((error) => {
+            console.error("Error fetching session owner info:", error);
+        });
+    }, [ownerId, owner]);
+    if (ownerId) {
+        return {
+            displayName: ((_a = owner === null || owner === void 0 ? void 0 : owner.nickname) === null || _a === void 0 ? void 0 : _a.trim()) || t("thread_card.fallback_name"),
+            avatarUrl: ((_b = owner === null || owner === void 0 ? void 0 : owner.faceURL) === null || _b === void 0 ? void 0 : _b.trim()) || null,
+            peerType: PeerType.USER,
+            badgeLabel: "",
+        };
+    }
+    const peerType = conversation.peerType;
+    return {
+        displayName: resolveConversationDisplayName(conversation, t),
+        avatarUrl: conversationAvatarUrl,
+        peerType,
+        badgeLabel: resolvePeerBadgeLabel(peerType, t),
+    };
+};

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

@@ -3,7 +3,8 @@ export declare const visibleTypeMessage: MessageType[];
 export declare const isMessageHiddenForViewer: (message: MessageItem, isCrm: boolean, conversation?: {
     peerType?: string;
     conversationType?: number;
-}) => boolean;
+    ex?: string;
+}, viewerUserID?: string) => boolean;
 export declare const useMessage: (conversationId?: string, searchClientMsgID?: string, enabled?: boolean, useAppHistory?: boolean, onSearchMessageRevoked?: () => void) => {
     loadState: {
         initLoading: boolean;

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,8BAA8B,CAAC;AAetC,eAAO,MAAM,kBAAkB,eAkB9B,CAAC;AAEF,eAAO,MAAM,wBAAwB,GACnC,SAAS,WAAW,EACpB,OAAO,OAAO,EACd,eAAe;IAAE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAAC,gBAAgB,CAAC,EAAE,MAAM,CAAA;CAAE,KAC9D,OAqBF,CAAC;AAEF,eAAO,MAAM,UAAU,GACrB,iBAAiB,MAAM,EACvB,oBAAoB,MAAM,EAC1B,iBAAc,EACd,uBAAqB,EAGrB,yBAAyB,MAAM,IAAI;;;;;qBAgBd,WAAW,EAAE;;;;;;qBAAb,WAAW,EAAE;;;;;;CAwUnC,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;AAMF,eAAO,MAAM,oBAAoB,GAC/B,aAAa,WAAW,EAAE,EAC1B,SAAS,WAAW,EACpB,WAAW,MAAM,GAAG,MAAM,KACzB,WAAW,GAAG,SAQhB,CAAC"}
+{"version":3,"file":"useMessage.d.ts","sourceRoot":"","sources":["../../../src/hooks/message/useMessage.ts"],"names":[],"mappings":"AACA,OAAO,EAEL,WAAW,EACX,WAAW,EAEZ,MAAM,8BAA8B,CAAC;AAgBtC,eAAO,MAAM,kBAAkB,eAkB9B,CAAC;AAEF,eAAO,MAAM,wBAAwB,GACnC,SAAS,WAAW,EACpB,OAAO,OAAO,EACd,eAAe;IAAE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAAC,EAAE,CAAC,EAAE,MAAM,CAAA;CAAE,EAC5E,eAAe,MAAM,KACpB,OA0BF,CAAC;AAEF,eAAO,MAAM,UAAU,GACrB,iBAAiB,MAAM,EACvB,oBAAoB,MAAM,EAC1B,iBAAc,EACd,uBAAqB,EAGrB,yBAAyB,MAAM,IAAI;;;;;qBAgBd,WAAW,EAAE;;;;;;qBAAb,WAAW,EAAE;;;;;;CAoVnC,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;AAMF,eAAO,MAAM,oBAAoB,GAC/B,aAAa,WAAW,EAAE,EAC1B,SAAS,WAAW,EACpB,WAAW,MAAM,GAAG,MAAM,KACzB,WAAW,GAAG,SAQhB,CAAC"}

package/dist/hooks/message/useMessage.js

@@ -10,9 +10,10 @@ import isEmpty from "lodash/isEmpty";
 import { useChatContext } from "../../context/ChatContext";
 import useAuthStore from "../../store/auth";
 import { ConnectStatus, SyncStatus } from "../../types/chat";
-import { GROUP_NOTIFICATION_MESSAGE_TYPES, isGroupNotificationMessageType, isSystemLogMessageType } from "../../utils/messageLog";
+import { GROUP_NOTIFICATION_MESSAGE_TYPES, isGroupNotificationMessageType, isSessionEventMessage, isSystemLogMessageType } from "../../utils/messageLog";
 import { isRenderableCustomMessage } from "../../utils/customMessage";
 import { isGroupConversation } from "../../utils/imCommon";
+import { isSupportSessionAgentView } from "../../utils/conversation";
 export const visibleTypeMessage = [
     MessageType.TextMessage,
     MessageType.PictureMessage,
@@ -32,7 +33,7 @@ export const visibleTypeMessage = [
     MessageType.LogTextMessage,
     ...GROUP_NOTIFICATION_MESSAGE_TYPES,
 ];
-export const isMessageHiddenForViewer = (message, isCrm, conversation) => {
+export const isMessageHiddenForViewer = (message, isCrm, conversation, viewerUserID) => {
     if (!visibleTypeMessage.includes(message === null || message === void 0 ? void 0 : message.contentType))
         return true;
     // Group notification messages stay hidden in a CX support session even
@@ -43,9 +44,14 @@ export const isMessageHiddenForViewer = (message, isCrm, conversation) => {
     }
     if (isCrm)
         return false;
+    // An agent handling someone else's session (e.g. PDP CS) needs the
+    // assignment log and session dividers; the owner never sees them.
+    const isAgentView = isSupportSessionAgentView(conversation, viewerUserID);
+    if (isAgentView && isSessionEventMessage(message))
+        return false;
     const isCustomMessage = MessageType.CustomMessage === (message === null || message === void 0 ? void 0 : message.contentType);
     return (Boolean(message === null || message === void 0 ? void 0 : message.isInternal) ||
-        isSystemLogMessageType(message === null || message === void 0 ? void 0 : message.contentType) ||
+        (!isAgentView && isSystemLogMessageType(message === null || message === void 0 ? void 0 : message.contentType)) ||
         (isCustomMessage && !isRenderableCustomMessage(message)));
 };
 export const useMessage = (conversationId, searchClientMsgID, enabled = true, useAppHistory = false, 
@@ -69,6 +75,11 @@ onSearchMessageRevoked) => {
     const latestLoadState = useLatest(loadState);
     const canLoadRef = useLatest(canLoad);
     const conversationIdRef = useLatest(conversationId);
+    const useAppHistoryRef = useLatest(useAppHistory);
+    // The load effect resets the list when the conversation or history mode
+    // changes; a response still in flight for the old one must not merge in.
+    const isStaleResponse = (reqConversationID, reqUseAppHistory) => conversationIdRef.current !== reqConversationID ||
+        useAppHistoryRef.current !== reqUseAppHistory;
     // searchMessages can run more than once for a single user action — React
     // StrictMode double-invokes the effect below in dev, and any change to its
     // other deps (canLoad flipping as the SDK connects, userID arriving) re-runs
@@ -79,6 +90,7 @@ onSearchMessageRevoked) => {
     const { loading: moreOldLoading, runAsync: getMoreOldMessages } = useRequest(async (loadMore = true) => {
         var _a, _b, _c, _d, _e;
         const reqConversationID = conversationId;
+        const reqUseAppHistory = useAppHistory;
         const params = {
             count: PAGE_SIZE.large,
             startClientMsgID: loadMore
@@ -91,10 +103,10 @@ onSearchMessageRevoked) => {
             const { data } = useAppHistory
                 ? await DChatSDK.getAdvancedHistoryMessageListApp(params)
                 : await DChatSDK.getAdvancedHistoryMessageList(params);
-            if (conversationIdRef.current !== reqConversationID)
+            if (isStaleResponse(reqConversationID, reqUseAppHistory))
                 return;
             setTimeout(() => {
-                if (conversationIdRef.current !== reqConversationID)
+                if (isStaleResponse(reqConversationID, reqUseAppHistory))
                     return;
                 setLoadState((preState) => {
                     // Always merge with preState (never discard it, even for the
@@ -109,7 +121,7 @@ onSearchMessageRevoked) => {
             });
         }
         catch (_f) {
-            if (conversationIdRef.current !== reqConversationID)
+            if (isStaleResponse(reqConversationID, reqUseAppHistory))
                 return;
             setLoadState((preState) => (Object.assign(Object.assign({}, preState), { initLoading: false })));
         }
@@ -119,6 +131,7 @@ onSearchMessageRevoked) => {
     const { loading: moreNewLoading, runAsync: getMoreNewMessages } = useRequest(async (loadMore = true) => {
         var _a, _b;
         const reqConversationID = conversationId;
+        const reqUseAppHistory = useAppHistory;
         try {
             const reverseParams = {
                 count: PAGE_SIZE.large,
@@ -131,10 +144,10 @@ onSearchMessageRevoked) => {
             const { data } = useAppHistory
                 ? await DChatSDK.getAdvancedHistoryMessageListReverseApp(reverseParams)
                 : await DChatSDK.getAdvancedHistoryMessageListReverse(reverseParams);
-            if (conversationIdRef.current !== reqConversationID)
+            if (isStaleResponse(reqConversationID, reqUseAppHistory))
                 return;
             setTimeout(() => {
-                if (conversationIdRef.current !== reqConversationID)
+                if (isStaleResponse(reqConversationID, reqUseAppHistory))
                     return;
                 setLoadState((preState) => {
                     let messageList = [
@@ -147,7 +160,7 @@ onSearchMessageRevoked) => {
             });
         }
         catch (_c) {
-            if (conversationIdRef.current !== reqConversationID)
+            if (isStaleResponse(reqConversationID, reqUseAppHistory))
                 return;
             setLoadState((preState) => (Object.assign(Object.assign({}, preState), { initLoading: false })));
         }
@@ -159,6 +172,7 @@ onSearchMessageRevoked) => {
         if (!searchClientMsgID || !conversationId)
             return;
         const reqConversationID = conversationId;
+        const reqUseAppHistory = useAppHistory;
         const searchPrevParams = {
             count: PAGE_SIZE.small,
             startClientMsgID: searchClientMsgID,
@@ -184,7 +198,7 @@ onSearchMessageRevoked) => {
             },
         ]);
         const currentMessages = ((_b = (_a = dataCurrent === null || dataCurrent === void 0 ? void 0 : dataCurrent.findResultItems) === null || _a === void 0 ? void 0 : _a.find((item) => item.conversationID === conversationId)) === null || _b === void 0 ? void 0 : _b.messageList) || [];
-        if (conversationId !== reqConversationID)
+        if (isStaleResponse(reqConversationID, reqUseAppHistory))
             return;
         // Jumping to a message that has since been revoked: there is nothing to
         // land on, so don't build the search window around it at all. Tell the
@@ -313,7 +327,7 @@ onSearchMessageRevoked) => {
                 messageList: [],
             }));
         };
-    }, [conversationId, searchClientMsgID, canLoad, userID]);
+    }, [conversationId, searchClientMsgID, canLoad, userID, useAppHistory]);
     return {
         loadState,
         latestLoadState,

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

@@ -1 +1 @@
-{"version":3,"file":"usePinnedMessages.d.ts","sourceRoot":"","sources":["../../../src/hooks/message/usePinnedMessages.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,mBAAmB,GAAU,gBAAgB,MAAM,kBAoB/D,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAAI,gBAAgB,MAAM;;;;CAqBvD,CAAC"}
+{"version":3,"file":"usePinnedMessages.d.ts","sourceRoot":"","sources":["../../../src/hooks/message/usePinnedMessages.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,mBAAmB,GAAU,gBAAgB,MAAM,kBA2B/D,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAAI,gBAAgB,MAAM;;;;CAqBvD,CAAC"}

package/dist/hooks/message/usePinnedMessages.js

@@ -11,6 +11,12 @@ export const fetchPinnedMessages = async (conversationID) => {
             offset: 0,
             pageSize: PAGE_SIZE.small,
         });
+        // The store holds one thread's pins; a reply that lands after the user
+        // switched threads would paint the old thread's pins into the new one.
+        const { selectedConversationId, conversationData } = useConversationStore.getState();
+        const activeConversationId = selectedConversationId || (conversationData === null || conversationData === void 0 ? void 0 : conversationData.conversationID);
+        if (activeConversationId !== conversationID)
+            return;
         const sortedMessageList = [...(data.messageList || [])].sort((first, second) => (second.pinnedTime || 0) - (first.pinnedTime || 0));
         setPinnedMessageData(sortedMessageList, data.totalCount || 0, (_a = data.remainingPinCount) !== null && _a !== void 0 ? _a : 0, (_b = data.isEnd) !== null && _b !== void 0 ? _b : true);
     }

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,OAAO,EAAE,qBAAqB,EAAE,MAAM,qCAAqC,CAAC;AAE5E,UAAU,qBAAqB;IAC7B,qBAAqB,CAAC,EAAE,MAAM,IAAI,CAAC;IACnC,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,8FAKvB,qBAAqB,4CA0CvB,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/screens/desk-message/index.tsx"],"names":[],"mappings":"AAWA,OAAO,EAAE,qBAAqB,EAAE,MAAM,qCAAqC,CAAC;AAE5E,UAAU,qBAAqB;IAC7B,qBAAqB,CAAC,EAAE,MAAM,IAAI,CAAC;IACnC,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,8FAKvB,qBAAqB,4CA2CvB,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

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

@@ -14,6 +14,6 @@ const DChatDeskMessage = ({ openCreateCannedModal, groupThreadInfoConfig, onCopy
     const searchClientMsgID = useConversationStore((state) => state.searchClientMsgID);
     const [isThreadInfoOpen, { toggle: toggleThreadInfo, setFalse: closeThreadInfo },] = useBoolean(false);
     const { connectStatus } = useChatContext();
-    return (_jsx(_Fragment, { children: connectStatus === ConnectStatus.Connected ? (_jsxs("div", { className: "flex flex-1 flex-row h-screen bg-[#f5f5f5]", children: [_jsx(DeskAssignedSession, {}), _jsx(DeskConversationList, {}), _jsx(MessageList, { conversationId: selectedConversationId, searchClientMsgID: searchClientMsgID, openCreateCannedModal: openCreateCannedModal, onOpenThreadInfo: toggleThreadInfo, onCopyMessageLink: onCopyMessageLink, onSearchMessageRevoked: onSearchMessageRevoked }), _jsx(ThreadInfo, { isOpen: isThreadInfoOpen, onClose: closeThreadInfo, groupConfig: groupThreadInfoConfig })] })) : (_jsx("div", { className: "flex flex-1 flex-row h-screen bg-[#f5f5f5]", children: connectStatus === ConnectStatus.Connecting && _jsx(Spin, { fullscreen: true }) })) }));
+    return (_jsx(_Fragment, { children: connectStatus === ConnectStatus.Connected ? (_jsxs("div", { className: "flex flex-1 flex-row h-screen bg-[#f5f5f5]", children: [_jsx(DeskAssignedSession, {}), _jsx(DeskConversationList, {}), _jsx(MessageList, { conversationId: selectedConversationId, searchClientMsgID: searchClientMsgID, openCreateCannedModal: openCreateCannedModal, onOpenThreadInfo: toggleThreadInfo, onCopyMessageLink: onCopyMessageLink, onSearchMessageRevoked: onSearchMessageRevoked, showPinnedMessageBar: true }), _jsx(ThreadInfo, { isOpen: isThreadInfoOpen, onClose: closeThreadInfo, groupConfig: groupThreadInfoConfig })] })) : (_jsx("div", { className: "flex flex-1 flex-row h-screen bg-[#f5f5f5]", children: connectStatus === ConnectStatus.Connecting && _jsx(Spin, { fullscreen: true }) })) }));
 };
 export default DChatDeskMessage;

package/dist/utils/conversation.d.ts

@@ -3,6 +3,17 @@ import { ChatCategory, PeerType, type ConversationExtra } from "../types/convers
 export declare const parseConversationExtra: (ex: string | undefined) => ConversationExtra;
 export declare const resolveConversationChatCategory: (item: ConversationItem) => ChatCategory;
 export declare const resolveConversationBotId: (item: ConversationItem) => string;
+type SupportSessionSource = {
+    conversationID?: string;
+    conversationType?: number;
+    ex?: string;
+} | null;
+export declare const resolveSupportSessionOwnerId: (item?: SupportSessionSource) => string;
+/**
+ * True when the viewer handles a support session someone else owns (e.g. a
+ * PDP CS agent). The owner — BIZ/Mall/Obefe customer — keeps the bot view.
+ */
+export declare const isSupportSessionAgentView: (item: SupportSessionSource | undefined, viewerUserID?: string) => boolean;
 export declare const isBotPeer: (item: ConversationItem) => boolean;
 export declare const isCustomerPeer: (item: ConversationItem) => boolean;
 export declare const isGroupChat: (item: ConversationItem) => boolean;
@@ -32,4 +43,5 @@ export declare const getGroupIdFromConversationId: (conversationId?: string) =>
  * matches selfUserId — guessing a peer there would open the wrong thread.
  */
 export declare const getPeerUserIdFromConversationId: (conversationId?: string, selfUserId?: string) => string;
+export {};
 //# sourceMappingURL=conversation.d.ts.map

package/dist/utils/conversation.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"conversation.d.ts","sourceRoot":"","sources":["../../src/utils/conversation.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AAChE,OAAO,EACL,YAAY,EACZ,QAAQ,EACR,KAAK,iBAAiB,EACvB,MAAM,sBAAsB,CAAC;AAW9B,eAAO,MAAM,sBAAsB,GACjC,IAAI,MAAM,GAAG,SAAS,KACrB,iBAcF,CAAC;AAEF,eAAO,MAAM,+BAA+B,GAC1C,MAAM,gBAAgB,KACrB,YAA4D,CAAC;AAEhE,eAAO,MAAM,wBAAwB,GAAI,MAAM,gBAAgB,KAAG,MAOjE,CAAC;AAEF,eAAO,MAAM,SAAS,GAAI,MAAM,gBAAgB,YAChB,CAAC;AAEjC,eAAO,MAAM,cAAc,GAAI,MAAM,gBAAgB,YAChB,CAAC;AAEtC,eAAO,MAAM,WAAW,GAAI,MAAM,gBAAgB,YAChB,CAAC;AAEnC,eAAO,MAAM,8BAA8B,GACzC,MAAM,gBAAgB,EACtB,GAAG,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,KACzB,MAKF,CAAC;AAEF,eAAO,MAAM,4BAA4B,GACvC,MAAM,gBAAgB,KACrB,MAAM,GAAG,IAGX,CAAC;AAEF,eAAO,MAAM,qBAAqB,GAChC,UAAU,QAAQ,EAClB,GAAG,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,KACzB,MAIF,CAAC;AAEF,eAAO,MAAM,qBAAqB,GAAI,UAAU,QAAQ,8EAIvD,CAAC;AAKF;;;;;;;;;GASG;AACH,eAAO,MAAM,4BAA4B,GAAI,iBAAiB,MAAM,WAG5D,CAAC;AAET;;;;;;;;;GASG;AACH,eAAO,MAAM,+BAA+B,GAC1C,iBAAiB,MAAM,EACvB,aAAa,MAAM,KAClB,MAYF,CAAC"}
+{"version":3,"file":"conversation.d.ts","sourceRoot":"","sources":["../../src/utils/conversation.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAe,MAAM,8BAA8B,CAAC;AAC7E,OAAO,EACL,YAAY,EACZ,QAAQ,EACR,KAAK,iBAAiB,EACvB,MAAM,sBAAsB,CAAC;AAW9B,eAAO,MAAM,sBAAsB,GACjC,IAAI,MAAM,GAAG,SAAS,KACrB,iBAcF,CAAC;AAEF,eAAO,MAAM,+BAA+B,GAC1C,MAAM,gBAAgB,KACrB,YAA4D,CAAC;AAEhE,eAAO,MAAM,wBAAwB,GAAI,MAAM,gBAAgB,KAAG,MAOjE,CAAC;AAEF,KAAK,oBAAoB,GAAG;IAC1B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,EAAE,CAAC,EAAE,MAAM,CAAC;CACb,GAAG,IAAI,CAAC;AAIT,eAAO,MAAM,4BAA4B,GACvC,OAAO,oBAAoB,KAC1B,MAiBF,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,yBAAyB,GACpC,MAAM,oBAAoB,GAAG,SAAS,EACtC,eAAe,MAAM,KACpB,OAGF,CAAC;AAEF,eAAO,MAAM,SAAS,GAAI,MAAM,gBAAgB,YAChB,CAAC;AAEjC,eAAO,MAAM,cAAc,GAAI,MAAM,gBAAgB,YAChB,CAAC;AAEtC,eAAO,MAAM,WAAW,GAAI,MAAM,gBAAgB,YAChB,CAAC;AAEnC,eAAO,MAAM,8BAA8B,GACzC,MAAM,gBAAgB,EACtB,GAAG,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,KACzB,MAKF,CAAC;AAEF,eAAO,MAAM,4BAA4B,GACvC,MAAM,gBAAgB,KACrB,MAAM,GAAG,IAGX,CAAC;AAEF,eAAO,MAAM,qBAAqB,GAChC,UAAU,QAAQ,EAClB,GAAG,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,KACzB,MAIF,CAAC;AAEF,eAAO,MAAM,qBAAqB,GAAI,UAAU,QAAQ,8EAIvD,CAAC;AAKF;;;;;;;;;GASG;AACH,eAAO,MAAM,4BAA4B,GAAI,iBAAiB,MAAM,WAG5D,CAAC;AAET;;;;;;;;;GASG;AACH,eAAO,MAAM,+BAA+B,GAC1C,iBAAiB,MAAM,EACvB,aAAa,MAAM,KAClB,MAYF,CAAC"}

package/dist/utils/conversation.js

@@ -1,3 +1,4 @@
+import { SessionType } from "@droppii-org/wasm-client-sdk";
 import { ChatCategory, PeerType, } from "../types/conversation";
 import { DChatApplicationType, } from "../types/chat";
 const DEFAULT_CONVERSATION_EXTRA = {
@@ -30,6 +31,37 @@ export const resolveConversationBotId = (item) => {
         return "";
     }
 };
+const BOT_SESSION_CONVERSATION_PREFIX = "sg_bot_";
+export const resolveSupportSessionOwnerId = (item) => {
+    var _a, _b, _c, _d;
+    if (!item)
+        return "";
+    if (item.conversationType === SessionType.Group) {
+        try {
+            const parsed = JSON.parse(item.ex || "{}");
+            const ownerId = (_c = (_b = (_a = parsed.sessionInfo) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.ownerId) === null || _c === void 0 ? void 0 : _c.trim();
+            if (ownerId)
+                return ownerId;
+        }
+        catch (_e) {
+            // fall through to the id
+        }
+    }
+    // Core leaves ex empty on some rows; "sg_bot_<botId>_<ownerId>" always
+    // carries the owner, so the verdict can't flip between sources.
+    const conversationID = (_d = item.conversationID) !== null && _d !== void 0 ? _d : "";
+    return conversationID.startsWith(BOT_SESSION_CONVERSATION_PREFIX)
+        ? conversationID.slice(conversationID.lastIndexOf("_") + 1)
+        : "";
+};
+/**
+ * True when the viewer handles a support session someone else owns (e.g. a
+ * PDP CS agent). The owner — BIZ/Mall/Obefe customer — keeps the bot view.
+ */
+export const isSupportSessionAgentView = (item, viewerUserID) => {
+    const ownerId = resolveSupportSessionOwnerId(item);
+    return !!ownerId && !!viewerUserID && ownerId !== viewerUserID;
+};
 export const isBotPeer = (item) => item.peerType === PeerType.BOT;
 export const isCustomerPeer = (item) => item.peerType === PeerType.CUSTOMER;
 export const isGroupChat = (item) => item.peerType === PeerType.GROUP;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@droppii-org/chat-sdk",
-  "version": "0.6.40",
+  "version": "0.6.42",
   "description": "Droppii React Chat SDK",
   "repository": {
     "type": "git",