@droppii-org/chat-sdk 0.6.41 → 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/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/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/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.41",
+  "version": "0.6.42",
   "description": "Droppii React Chat SDK",
   "repository": {
     "type": "git",