@droppii-org/chat-sdk 0.6.50 → 0.6.52

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;AA2CtC,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;IAClD,gEAAgE;IAChE,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,mBAAmB,CAAC,EAAE,MAAM,IAAI,CAAC;CAClC;AAkCD,QAAA,MAAM,WAAW,GAAI,kSAkBlB,gBAAgB,mDAmYlB,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;AA+CtC,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;IAClD,gEAAgE;IAChE,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,mBAAmB,CAAC,EAAE,MAAM,IAAI,CAAC;CAClC;AAkCD,QAAA,MAAM,WAAW,GAAI,kSAkBlB,gBAAgB,mDAyYlB,CAAC;AAEF,eAAe,WAAW,CAAC"}

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

@@ -7,7 +7,7 @@ import { MessageStatus, MessageType, } from "@droppii-org/wasm-client-sdk";
 import MessageBubble from "./MessageBubble";
 import { renderBubbleContent } from "./renderMessageContent";
 import { getImmediateNeighbor, getVisibleNeighbor, isMessageHiddenForViewer, } from "../../../hooks/message/useMessage";
-import { MSG_ITEM_CONTENT_PREFIX, MSG_ITEM_PREFIX } from "../../../constants";
+import { MSG_ITEM_BUBBLE_GROUP_PREFIX, MSG_ITEM_CONTENT_PREFIX, MSG_ITEM_PREFIX, } from "../../../constants";
 import { formatDividerTimestamp } from "../../../utils/common";
 import { CustomMessageType } from "../../../types/customMessage";
 import useAuthStore from "../../../store/auth";
@@ -228,7 +228,8 @@ const MessageItem = ({ message, allMessages, isGroupChat = false, forceHideTip =
     const bubbleNode = (_jsx(MessageBubble, { isMine: isMine, isInternal: isInternalMessage, senderName: message === null || message === void 0 ? void 0 : message.senderNickname, showSenderName: showSenderName, showTip: showTip, id: `${MSG_ITEM_CONTENT_PREFIX}${message === null || message === void 0 ? void 0 : message.clientMsgID}`, content: renderBubbleContent(message, onPressQuoteMessage), isTransparent: isStickerMessage, timeLabel: dayjs.tz(message.sendTime).format("HH:mm"), timeRevealed: timeRevealed, onToggleTimeReveal: () => onToggleTimeReveal === null || onToggleTimeReveal === void 0 ? void 0 : onToggleTimeReveal(message.clientMsgID) }));
     const showPinnedBadge = Boolean(message === null || message === void 0 ? void 0 : message.isPinned);
     const pinnedBadgeNode = showPinnedBadge ? (_jsx("span", { "data-testid": "message-pinned-badge", className: clsx("absolute -top-2.5 z-[1] flex h-[22px] w-[26px] items-center justify-center rounded-full border border-white bg-gray-25", isMine ? "left-0" : "right-0"), children: _jsx(Icon, { icon: "thumbtack-b", size: 12, className: "text-[var(--dc-color-primary)]" }) })) : null;
-    const wrappedBubble = hasContextMenu ? (_jsx(Dropdown, { menu: { items: contextMenuItems }, trigger: ["contextMenu"], open: contextMenuOpen, onOpenChange: onContextMenuOpenChange, overlayClassName: MESSAGE_TOOLBOX_OVERLAY_CLASSNAME, children: _jsxs("div", { ref: bubbleWrapperRef, className: "relative min-w-0 max-w-full", children: [bubbleNode, pinnedBadgeNode] }) })) : (_jsxs("div", { className: "relative min-w-0 max-w-full", children: [bubbleNode, pinnedBadgeNode] }));
+    const bubbleGroupId = `${MSG_ITEM_BUBBLE_GROUP_PREFIX}${message === null || message === void 0 ? void 0 : message.clientMsgID}`;
+    const wrappedBubble = hasContextMenu ? (_jsx(Dropdown, { menu: { items: contextMenuItems }, trigger: ["contextMenu"], open: contextMenuOpen, onOpenChange: onContextMenuOpenChange, overlayClassName: MESSAGE_TOOLBOX_OVERLAY_CLASSNAME, children: _jsxs("div", { ref: bubbleWrapperRef, id: bubbleGroupId, className: "relative min-w-0 max-w-full", children: [bubbleNode, pinnedBadgeNode] }) })) : (_jsxs("div", { id: bubbleGroupId, className: "relative min-w-0 max-w-full", children: [bubbleNode, pinnedBadgeNode] }));
     return (_createElement("div", Object.assign({}, messageContainerProps, { key: message === null || message === void 0 ? void 0 : message.clientMsgID, "data-cp-name": "MessageItem" }),
         unreadDividerNode,
         timeBreakNode,

package/dist/components/search-conversation/SearchAll.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SearchAll.d.ts","sourceRoot":"","sources":["../../../src/components/search-conversation/SearchAll.tsx"],"names":[],"mappings":"AAWA,OAAO,EAAE,wBAAwB,EAAE,MAAM,GAAG,CAAC;AAG7C,UAAU,0BAA0B;IAClC,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,CAAC,GAAG,EAAE,wBAAwB,KAAK,IAAI,CAAC;CACvD;AACD,QAAA,MAAM,qBAAqB,GAAI,+BAG5B,0BAA0B,4CA2J5B,CAAC;AAEF,eAAe,qBAAqB,CAAC"}
+{"version":3,"file":"SearchAll.d.ts","sourceRoot":"","sources":["../../../src/components/search-conversation/SearchAll.tsx"],"names":[],"mappings":"AAWA,OAAO,EAAE,wBAAwB,EAAE,MAAM,GAAG,CAAC;AAI7C,UAAU,0BAA0B;IAClC,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,CAAC,GAAG,EAAE,wBAAwB,KAAK,IAAI,CAAC;CACvD;AACD,QAAA,MAAM,qBAAqB,GAAI,+BAG5B,0BAA0B,4CAyJ5B,CAAC;AAEF,eAAe,qBAAqB,CAAC"}

package/dist/components/search-conversation/SearchAll.js

@@ -6,30 +6,28 @@ import { useSearchMessage } from "../../hooks/search/useSearchMessage";
 import { MessageType } from "@droppii-org/wasm-client-sdk";
 import { Icon } from "../../components/icon";
 import SearchItemAsMessage from "./item/SearchItemAsMessage";
-import { useGetSession } from "../../hooks/session/useGetSession";
 import SearchItemAsUser from "./item/SearchItemAsUser";
 import SearchItemAsGroup from "./item/SearchItemAsGroup";
 import { useSearchGroups } from "../../hooks/search/useSearchGroups";
+import { useSearchUsers } from "../../hooks/search/useSearchUsers";
 import { SearchConversationTabKey } from ".";
+import { useSearchScope } from "./SearchScopeContext";
 import { PAGE_SIZE } from "../../constants";
 const SearchConversationAll = ({ searchTerm = "", setActiveKey, }) => {
     const { t } = useTranslation();
+    const scope = useSearchScope();
     const { dataFlatten: messages, isLoading: isLoadingMessage, hasNextPage: hasNextPageMessage, } = useSearchMessage({
         payload: {
             searchTerm: searchTerm.trim(),
             contentType: MessageType.TextMessage,
         },
-        options: { pageSize: PAGE_SIZE.xs },
-    });
-    const { dataFlatten: sessions, isLoading: isLoadingSession, hasNextPage: hasNextPageSession, } = useGetSession({
-        filter: {
-            searchTerm: searchTerm.trim(),
-        },
-        options: { pageSize: PAGE_SIZE.xs },
+        options: { pageSize: PAGE_SIZE.xs, scope },
     });
+    const { dataFlatten: sessions, isLoading: isLoadingSession, hasNextPage: hasNextPageSession, } = useSearchUsers({ searchTerm, scope, pageSize: PAGE_SIZE.xs });
     const { groups, isLoading: isLoadingGroup, hasNextPage: hasNextPageGroup, } = useSearchGroups({
         searchTerm: searchTerm.trim(),
         pageSize: PAGE_SIZE.xs,
+        scope,
     });
     if (searchTerm.trim() === "" ||
         (messages.length === 0 && sessions.length === 0 && groups.length === 0)) {
@@ -38,6 +36,6 @@ const SearchConversationAll = ({ searchTerm = "", setActiveKey, }) => {
     if (isLoadingMessage || isLoadingSession || isLoadingGroup) {
         return (_jsx("div", { className: "h-full overflow-auto flex items-center justify-center", children: _jsx(Spin, {}) }));
     }
-    return (_jsxs("div", { className: "h-full overflow-auto", "data-cp-name": "SearchConversationAll", children: [sessions.length > 0 && (_jsxs("div", { children: [_jsxs("div", { className: "flex items-center justify-between px-3 min-h-[32px]", children: [_jsx("span", { className: "text-xs font-medium uppercase flex-1 text-gray-600", children: t("users") }), _jsx(Button, { type: "link", icon: _jsx(Icon, { icon: "angle-right-o", size: 18, className: "!align-[-4px]" }), iconPosition: "end", className: clsx("p-0 gap-1", !hasNextPageSession && "invisible"), onClick: () => setActiveKey === null || setActiveKey === void 0 ? void 0 : setActiveKey(SearchConversationTabKey.Users), children: t("see_more") })] }), _jsx("div", { children: sessions.map((session) => (_jsx(SearchItemAsUser, { session: session, searchTerm: searchTerm }, session.conversationId))) })] })), messages.length > 0 && (_jsxs("div", { children: [_jsxs("div", { className: "flex items-center justify-between px-3 min-h-[32px]", children: [_jsx("span", { className: "text-xs font-medium uppercase flex-1 text-gray-600", children: t("messages") }), _jsx(Button, { type: "link", icon: _jsx(Icon, { icon: "angle-right-o", size: 18, className: "!align-[-4px]" }), iconPosition: "end", className: clsx("p-0 gap-1", !hasNextPageMessage && "invisible"), onClick: () => setActiveKey === null || setActiveKey === void 0 ? void 0 : setActiveKey(SearchConversationTabKey.Messages), children: t("see_more") })] }), _jsx("div", { children: messages.map((message) => (_jsx(SearchItemAsMessage, { message: message.chatLog, searchTerm: searchTerm, displayTag: message.displayTag }, message.chatLog.clientMsgID))) })] })), groups.length > 0 && (_jsxs("div", { children: [_jsxs("div", { className: "flex items-center justify-between px-3 min-h-[32px]", children: [_jsx("span", { className: "text-xs font-medium uppercase flex-1 text-gray-600", children: t("groups") }), _jsx(Button, { type: "link", icon: _jsx(Icon, { icon: "angle-right-o", size: 18, className: "!align-[-4px]" }), iconPosition: "end", className: clsx("p-0 gap-1", !hasNextPageGroup && "invisible"), onClick: () => setActiveKey === null || setActiveKey === void 0 ? void 0 : setActiveKey(SearchConversationTabKey.Groups), children: t("see_more") })] }), _jsx("div", { children: groups.map((group) => (_jsx(SearchItemAsGroup, { group: group, searchTerm: searchTerm }, group.conversationId))) })] }))] }));
+    return (_jsxs("div", { className: "h-full overflow-auto", "data-cp-name": "SearchConversationAll", children: [sessions.length > 0 && (_jsxs("div", { children: [_jsxs("div", { className: "flex items-center justify-between px-3 min-h-[32px]", children: [_jsx("span", { className: "text-xs font-medium uppercase flex-1 text-gray-600", children: t("users") }), _jsx(Button, { type: "link", icon: _jsx(Icon, { icon: "angle-right-o", size: 18, className: "!align-[-4px]" }), iconPosition: "end", className: clsx("p-0 gap-1", !hasNextPageSession && "invisible"), onClick: () => setActiveKey === null || setActiveKey === void 0 ? void 0 : setActiveKey(SearchConversationTabKey.Users), children: t("see_more") })] }), _jsx("div", { children: sessions.map((session) => (_jsx(SearchItemAsUser, { session: session, searchTerm: searchTerm }, session.conversationId))) })] })), messages.length > 0 && (_jsxs("div", { children: [_jsxs("div", { className: "flex items-center justify-between px-3 min-h-[32px]", children: [_jsx("span", { className: "text-xs font-medium uppercase flex-1 text-gray-600", children: t("messages") }), _jsx(Button, { type: "link", icon: _jsx(Icon, { icon: "angle-right-o", size: 18, className: "!align-[-4px]" }), iconPosition: "end", className: clsx("p-0 gap-1", !hasNextPageMessage && "invisible"), onClick: () => setActiveKey === null || setActiveKey === void 0 ? void 0 : setActiveKey(SearchConversationTabKey.Messages), children: t("see_more") })] }), _jsx("div", { children: messages.map((message) => (_jsx(SearchItemAsMessage, { message: message.chatLog, searchTerm: searchTerm, displayTag: message.displayTag, tag: message.tag }, message.chatLog.clientMsgID))) })] })), groups.length > 0 && (_jsxs("div", { children: [_jsxs("div", { className: "flex items-center justify-between px-3 min-h-[32px]", children: [_jsx("span", { className: "text-xs font-medium uppercase flex-1 text-gray-600", children: t("groups") }), _jsx(Button, { type: "link", icon: _jsx(Icon, { icon: "angle-right-o", size: 18, className: "!align-[-4px]" }), iconPosition: "end", className: clsx("p-0 gap-1", !hasNextPageGroup && "invisible"), onClick: () => setActiveKey === null || setActiveKey === void 0 ? void 0 : setActiveKey(SearchConversationTabKey.Groups), children: t("see_more") })] }), _jsx("div", { children: groups.map((group) => (_jsx(SearchItemAsGroup, { group: group, searchTerm: searchTerm }, group.conversationId))) })] }))] }));
 };
 export default SearchConversationAll;

package/dist/components/search-conversation/SearchConversationAsGroups.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SearchConversationAsGroups.d.ts","sourceRoot":"","sources":["../../../src/components/search-conversation/SearchConversationAsGroups.tsx"],"names":[],"mappings":"AAQA,UAAU,+BAA+B;IACvC,UAAU,EAAE,MAAM,CAAC;CACpB;AACD,QAAA,MAAM,0BAA0B,GAAI,OAAO,+BAA+B,4CA0CzE,CAAC;AAEF,eAAe,0BAA0B,CAAC"}
+{"version":3,"file":"SearchConversationAsGroups.d.ts","sourceRoot":"","sources":["../../../src/components/search-conversation/SearchConversationAsGroups.tsx"],"names":[],"mappings":"AASA,UAAU,+BAA+B;IACvC,UAAU,EAAE,MAAM,CAAC;CACpB;AACD,QAAA,MAAM,0BAA0B,GAAI,OAAO,+BAA+B,4CA4CzE,CAAC;AAEF,eAAe,0BAA0B,CAAC"}

package/dist/components/search-conversation/SearchConversationAsGroups.js

@@ -5,11 +5,14 @@ import { useTranslation } from "react-i18next";
 import InfiniteScroll from "react-infinite-scroll-component";
 import SearchItemAsGroup from "./item/SearchItemAsGroup";
 import { useSearchGroups } from "../../hooks/search/useSearchGroups";
+import { useSearchScope } from "./SearchScopeContext";
 const SearchConversationAsGroups = (props) => {
     const { searchTerm = "" } = props;
     const { t } = useTranslation();
+    const scope = useSearchScope();
     const { groups, hasNextPage, fetchNextPage, isLoading } = useSearchGroups({
         searchTerm,
+        scope,
     });
     if ((groups.length === 0 && !isLoading) || searchTerm.trim() === "")
         return _jsx(Empty, { description: t("no_conversation") });

package/dist/components/search-conversation/SearchConversationAsMessages.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SearchConversationAsMessages.d.ts","sourceRoot":"","sources":["../../../src/components/search-conversation/SearchConversationAsMessages.tsx"],"names":[],"mappings":"AAOA,UAAU,iCAAiC;IACzC,UAAU,EAAE,MAAM,CAAC;CACpB;AACD,QAAA,MAAM,4BAA4B,GAChC,OAAO,iCAAiC,4CAgDzC,CAAC;AAEF,eAAe,4BAA4B,CAAC"}
+{"version":3,"file":"SearchConversationAsMessages.d.ts","sourceRoot":"","sources":["../../../src/components/search-conversation/SearchConversationAsMessages.tsx"],"names":[],"mappings":"AAQA,UAAU,iCAAiC;IACzC,UAAU,EAAE,MAAM,CAAC;CACpB;AACD,QAAA,MAAM,4BAA4B,GAChC,OAAO,iCAAiC,4CAmDzC,CAAC;AAEF,eAAe,4BAA4B,CAAC"}

package/dist/components/search-conversation/SearchConversationAsMessages.js

@@ -5,19 +5,22 @@ import { useSearchMessage } from "../../hooks/search/useSearchMessage";
 import { MessageType } from "@droppii-org/wasm-client-sdk";
 import InfiniteScroll from "react-infinite-scroll-component";
 import SearchItemAsMessage from "./item/SearchItemAsMessage";
+import { useSearchScope } from "./SearchScopeContext";
 const SearchConversationAsMessages = (props) => {
     const { searchTerm = "" } = props;
     const { t } = useTranslation();
+    const scope = useSearchScope();
     const { dataFlatten, hasNextPage, fetchNextPage, isLoading } = useSearchMessage({
         payload: {
             searchTerm: searchTerm.trim(),
             contentType: MessageType.TextMessage,
         },
+        options: { scope },
     });
     if ((dataFlatten.length === 0 && !isLoading) || searchTerm.trim() === "")
         return _jsx(Empty, { description: t("no_conversation") });
     if (isLoading)
         return (_jsx("div", { className: "flex items-center justify-center", children: _jsx(Spin, {}) }));
-    return (_jsx("div", { id: "scrollableSearchMessagesTab", className: "h-full overflow-auto", "data-cp-name": "SearchConversationAsMessages", children: _jsx(InfiniteScroll, { dataLength: dataFlatten.length, next: fetchNextPage, hasMore: hasNextPage, loader: _jsx("div", { className: "flex items-center justify-center py-2", children: _jsx(Spin, {}) }), scrollableTarget: "scrollableSearchMessagesTab", children: dataFlatten.map((item) => (_jsx(SearchItemAsMessage, { message: item.chatLog, searchTerm: searchTerm, displayTag: item.displayTag }, item.chatLog.clientMsgID))) }) }));
+    return (_jsx("div", { id: "scrollableSearchMessagesTab", className: "h-full overflow-auto", "data-cp-name": "SearchConversationAsMessages", children: _jsx(InfiniteScroll, { dataLength: dataFlatten.length, next: fetchNextPage, hasMore: hasNextPage, loader: _jsx("div", { className: "flex items-center justify-center py-2", children: _jsx(Spin, {}) }), scrollableTarget: "scrollableSearchMessagesTab", children: dataFlatten.map((item) => (_jsx(SearchItemAsMessage, { message: item.chatLog, searchTerm: searchTerm, displayTag: item.displayTag, tag: item.tag }, item.chatLog.clientMsgID))) }) }));
 };
 export default SearchConversationAsMessages;

package/dist/components/search-conversation/SearchConversationAsUsers.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SearchConversationAsUsers.d.ts","sourceRoot":"","sources":["../../../src/components/search-conversation/SearchConversationAsUsers.tsx"],"names":[],"mappings":"AAMA,UAAU,8BAA8B;IACtC,UAAU,EAAE,MAAM,CAAC;CACpB;AACD,QAAA,MAAM,yBAAyB,GAAI,OAAO,8BAA8B,4CA4CvE,CAAC;AAEF,eAAe,yBAAyB,CAAC"}
+{"version":3,"file":"SearchConversationAsUsers.d.ts","sourceRoot":"","sources":["../../../src/components/search-conversation/SearchConversationAsUsers.tsx"],"names":[],"mappings":"AAOA,UAAU,8BAA8B;IACtC,UAAU,EAAE,MAAM,CAAC;CACpB;AACD,QAAA,MAAM,yBAAyB,GAAI,OAAO,8BAA8B,4CA0CvE,CAAC;AAEF,eAAe,yBAAyB,CAAC"}

package/dist/components/search-conversation/SearchConversationAsUsers.js

@@ -3,15 +3,13 @@ import { Empty, Spin } from "antd";
 import { useTranslation } from "react-i18next";
 import InfiniteScroll from "react-infinite-scroll-component";
 import SearchItemAsUser from "./item/SearchItemAsUser";
-import { useGetSession } from "../../hooks/session/useGetSession";
+import { useSearchUsers } from "../../hooks/search/useSearchUsers";
+import { useSearchScope } from "./SearchScopeContext";
 const SearchConversationAsUsers = (props) => {
     const { searchTerm = "" } = props;
     const { t } = useTranslation();
-    const { dataFlatten, hasNextPage, fetchNextPage, isLoading } = useGetSession({
-        filter: {
-            searchTerm: searchTerm.trim(),
-        },
-    });
+    const scope = useSearchScope();
+    const { dataFlatten, hasNextPage, fetchNextPage, isLoading } = useSearchUsers({ searchTerm, scope });
     if ((dataFlatten.length === 0 && !isLoading) || searchTerm.trim() === "")
         return _jsx(Empty, { description: t("no_conversation") });
     if (isLoading)

package/dist/components/search-conversation/SearchScopeContext.d.ts

@@ -0,0 +1,4 @@
+import type { SearchScope } from "../../types/search";
+export declare const SearchScopeProvider: import("react").Provider<SearchScope>;
+export declare const useSearchScope: () => SearchScope;
+//# sourceMappingURL=SearchScopeContext.d.ts.map

package/dist/components/search-conversation/SearchScopeContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchScopeContext.d.ts","sourceRoot":"","sources":["../../../src/components/search-conversation/SearchScopeContext.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAIlD,eAAO,MAAM,mBAAmB,uCAA8B,CAAC;AAE/D,eAAO,MAAM,cAAc,mBAAuC,CAAC"}

package/dist/components/search-conversation/SearchScopeContext.js

@@ -0,0 +1,5 @@
+"use client";
+import { createContext, useContext } from "react";
+const SearchScopeContext = createContext("crm");
+export const SearchScopeProvider = SearchScopeContext.Provider;
+export const useSearchScope = () => useContext(SearchScopeContext);

package/dist/components/search-conversation/index.d.ts

@@ -1,3 +1,4 @@
+import type { SearchScope } from "../../types/search";
 export declare enum SearchConversationTabKey {
     All = "all",
     MyInbox = "myInbox",
@@ -5,9 +6,11 @@ export declare enum SearchConversationTabKey {
     Messages = "messages",
     Groups = "groups"
 }
-interface SearchConversationProps {
+export interface SearchConversationProps {
     searchTerm: string;
+    /** Data sources + result navigation. Defaults to the CRM desk behavior. */
+    scope?: SearchScope;
 }
-declare const SearchConversation: ({ searchTerm }: SearchConversationProps) => import("react/jsx-runtime").JSX.Element;
+declare const SearchConversation: ({ searchTerm, scope, }: SearchConversationProps) => import("react/jsx-runtime").JSX.Element;
 export default SearchConversation;
 //# sourceMappingURL=index.d.ts.map

package/dist/components/search-conversation/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/search-conversation/index.tsx"],"names":[],"mappings":"AAWA,oBAAY,wBAAwB;IAClC,GAAG,QAAQ;IACX,OAAO,YAAY;IACnB,KAAK,UAAU;IACf,QAAQ,aAAa;IACrB,MAAM,WAAW;CAClB;AAED,UAAU,uBAAuB;IAC/B,UAAU,EAAE,MAAM,CAAC;CACpB;AACD,QAAA,MAAM,kBAAkB,GAAI,gBAAgB,uBAAuB,4CA4ElE,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/search-conversation/index.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAGlD,oBAAY,wBAAwB;IAClC,GAAG,QAAQ;IACX,OAAO,YAAY;IACnB,KAAK,UAAU;IACf,QAAQ,aAAa;IACrB,MAAM,WAAW;CAClB;AAED,MAAM,WAAW,uBAAuB;IACtC,UAAU,EAAE,MAAM,CAAC;IACnB,2EAA2E;IAC3E,KAAK,CAAC,EAAE,WAAW,CAAC;CACrB;AACD,QAAA,MAAM,kBAAkB,GAAI,wBAGzB,uBAAuB,4CAkFzB,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/dist/components/search-conversation/index.js

@@ -8,6 +8,7 @@ import SearchConversationMyInbox from "./SearchConversationMyInbox";
 import SearchConversationAsUsers from "./SearchConversationAsUsers";
 import SearchConversationAsMessages from "./SearchConversationAsMessages";
 import SearchConversationAsGroups from "./SearchConversationAsGroups";
+import { SearchScopeProvider } from "./SearchScopeContext";
 export var SearchConversationTabKey;
 (function (SearchConversationTabKey) {
     SearchConversationTabKey["All"] = "all";
@@ -16,11 +17,11 @@ export var SearchConversationTabKey;
     SearchConversationTabKey["Messages"] = "messages";
     SearchConversationTabKey["Groups"] = "groups";
 })(SearchConversationTabKey || (SearchConversationTabKey = {}));
-const SearchConversation = ({ searchTerm }) => {
+const SearchConversation = ({ searchTerm, scope = "crm", }) => {
     const { t } = useTranslation();
     const [activeKey, setActiveKey] = useState(SearchConversationTabKey.All);
     const items = useMemo(() => {
-        return [
+        const allItems = [
             {
                 key: SearchConversationTabKey.All,
                 label: t("all"),
@@ -47,7 +48,11 @@ const SearchConversation = ({ searchTerm }) => {
                 children: _jsx(SearchConversationAsGroups, { searchTerm: searchTerm }),
             },
         ];
-    }, [t, searchTerm]);
+        // PDP spec: the source inbox is never a search category.
+        return scope === "pdp-portal"
+            ? allItems.filter((item) => item.key !== SearchConversationTabKey.MyInbox)
+            : allItems;
+    }, [t, searchTerm, scope]);
     // Clicking a result row while on "All" switches activeKey without any
     // click/focus on the tab header itself — antd's own scroll-into-view for
     // that path relies on measuring .ant-tabs-nav against its scroll parent,
@@ -58,14 +63,14 @@ const SearchConversation = ({ searchTerm }) => {
         (_a = document
             .querySelector('[data-cp-name="SearchConversation"] .ant-tabs-tab-active')) === null || _a === void 0 ? void 0 : _a.scrollIntoView({ inline: "nearest", block: "nearest" });
     }, [activeKey]);
-    return (_jsx("div", { className: "h-full", "data-cp-name": "SearchConversation", children: _jsx(Tabs, { defaultActiveKey: SearchConversationTabKey.All, items: items, className: "h-full", activeKey: activeKey, onChange: (key) => setActiveKey(key), destroyOnHidden: true, 
-            // Ant's built-in tab-overflow ("...") dropdown never recovers from
-            // its initial off-screen measurement inside this Drawer (rendered
-            // with getContainer={false} for unrelated scroll-position reasons —
-            // see DeskConversationList) — the last tab (Nhóm) becomes
-            // permanently unreachable. A plain horizontally-scrollable strip
-            // sidesteps that positioning bug entirely: every tab stays a real,
-            // always-clickable element: no hidden dropdown involved.
-            renderTabBar: (tabBarProps, DefaultTabBar) => (_jsx("div", { className: "overflow-x-auto", children: _jsx(DefaultTabBar, Object.assign({}, tabBarProps, { className: "!w-max" })) })) }) }));
+    return (_jsx(SearchScopeProvider, { value: scope, children: _jsx("div", { className: "h-full", "data-cp-name": "SearchConversation", children: _jsx(Tabs, { defaultActiveKey: SearchConversationTabKey.All, items: items, className: "h-full", activeKey: activeKey, onChange: (key) => setActiveKey(key), destroyOnHidden: true, 
+                // Ant's built-in tab-overflow ("...") dropdown never recovers from
+                // its initial off-screen measurement inside this Drawer (rendered
+                // with getContainer={false} for unrelated scroll-position reasons —
+                // see DeskConversationList) — the last tab (Nhóm) becomes
+                // permanently unreachable. A plain horizontally-scrollable strip
+                // sidesteps that positioning bug entirely: every tab stays a real,
+                // always-clickable element: no hidden dropdown involved.
+                renderTabBar: (tabBarProps, DefaultTabBar) => (_jsx("div", { className: "overflow-x-auto", children: _jsx(DefaultTabBar, Object.assign({}, tabBarProps, { className: "!w-max" })) })) }) }) }));
 };
 export default SearchConversation;

package/dist/components/search-conversation/item/SearchItemAsGroup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SearchItemAsGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/search-conversation/item/SearchItemAsGroup.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,qCAAqC,CAAC;AAOxF,UAAU,sBAAsB;IAC9B,KAAK,EAAE,4BAA4B,CAAC;IACpC,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,iBAAiB,GAAI,OAAO,sBAAsB,4CAiEvD,CAAC;AAEF,eAAe,iBAAiB,CAAC"}
+{"version":3,"file":"SearchItemAsGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/search-conversation/item/SearchItemAsGroup.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,qCAAqC,CAAC;AASxF,UAAU,sBAAsB;IAC9B,KAAK,EAAE,4BAA4B,CAAC;IACpC,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,iBAAiB,GAAI,OAAO,sBAAsB,4CAwEvD,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/dist/components/search-conversation/item/SearchItemAsGroup.js

@@ -7,15 +7,24 @@ import { useChatNavigate } from "../../../hooks/conversation/useChatNavigate";
 import { highlightSearch, sanitizeHtml } from "../../../utils/common";
 import { Icon } from "../../../components/icon";
 import GroupCompositeAvatar from "../../../components/group/GroupCompositeAvatar";
+import { useOpenPdpSearchResult } from "../../../hooks/search/useOpenPdpSearchResult";
+import { useSearchScope } from "../SearchScopeContext";
 const SearchItemAsGroup = (props) => {
     const { group, searchTerm = "" } = props;
     const { t } = useTranslation();
     const onNavigate = useChatNavigate();
+    const scope = useSearchScope();
+    const openPdpResult = useOpenPdpSearchResult();
     const setConversationData = useConversationStore((state) => state.setConversationData);
     const setSelectedConversationId = useConversationStore((state) => state.setSelectedConversationId);
     const { conversation } = group;
     const isPublic = group.visibility === GroupVisibility.Public;
     const onPressItem = () => {
+        // PDP's inbox opens real groups by ?groupId, same as its group list.
+        if (scope === "pdp-portal") {
+            openPdpResult({ groupId: group.groupId });
+            return;
+        }
         // Result can go stale before the click — force a fresh membership check.
         setConversationData(conversation, undefined, { forceRevalidate: true });
         setSelectedConversationId(conversation.conversationID);

package/dist/components/search-conversation/item/SearchItemAsMessage.d.ts

@@ -5,6 +5,8 @@ interface SearchItemAsMessageProps {
     };
     searchTerm: string;
     displayTag?: string;
+    /** BE source tag (MY_INBOX | CS_TEAM); only PDP Portal renders from it. */
+    tag?: string;
     onClick?: () => void;
 }
 declare const SearchItemAsMessage: (props: SearchItemAsMessageProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/search-conversation/item/SearchItemAsMessage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SearchItemAsMessage.d.ts","sourceRoot":"","sources":["../../../../src/components/search-conversation/item/SearchItemAsMessage.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAA4B,MAAM,8BAA8B,CAAC;AAerF,UAAU,wBAAwB;IAChC,OAAO,EAAE,WAAW,GAAG;QAAE,SAAS,CAAC,EAAE,OAAO,CAAA;KAAE,CAAC;IAC/C,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,QAAA,MAAM,mBAAmB,GAAI,OAAO,wBAAwB,4CA2G3D,CAAC;AAEF,eAAe,mBAAmB,CAAC"}
+{"version":3,"file":"SearchItemAsMessage.d.ts","sourceRoot":"","sources":["../../../../src/components/search-conversation/item/SearchItemAsMessage.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAA4B,MAAM,8BAA8B,CAAC;AAwBrF,UAAU,wBAAwB;IAChC,OAAO,EAAE,WAAW,GAAG;QAAE,SAAS,CAAC,EAAE,OAAO,CAAA;KAAE,CAAC;IAC/C,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,2EAA2E;IAC3E,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,QAAA,MAAM,mBAAmB,GAAI,OAAO,wBAAwB,4CAyH3D,CAAC;AAEF,eAAe,mBAAmB,CAAC"}

package/dist/components/search-conversation/item/SearchItemAsMessage.js

@@ -10,19 +10,41 @@ import { useTranslation } from "react-i18next";
 import useConversationStore from "../../../store/conversation";
 import { useMemo } from "react";
 import useAuthStore from "../../../store/auth";
+import { getConversationIdFromMessage } from "../../../utils/conversation";
+import { useOpenPdpSearchResult } from "../../../hooks/search/useOpenPdpSearchResult";
+import { useSearchScope } from "../SearchScopeContext";
+// PDP labels the source by its inbox tab; BE's displayTag carries the CS team name.
+const PDP_TAG_LABEL_KEYS = {
+    MY_INBOX: "my_messages",
+    CS_TEAM: "pdp_team_inbox_tag",
+};
 const SearchItemAsMessage = (props) => {
-    var _a;
+    var _a, _b;
     const { t } = useTranslation();
-    const { message, searchTerm = "", displayTag, onClick } = props;
+    const { message, searchTerm = "", displayTag, tag, onClick } = props;
     const { user } = useChatContext();
     const isCrm = useAuthStore((state) => state.isCrm);
+    const scope = useSearchScope();
+    const isPdpPortal = scope === "pdp-portal";
+    const openPdpResult = useOpenPdpSearchResult();
     const conversationData = useConversationStore((state) => state.conversationData);
     const useConversationDisplay = useMemo(() => {
-        if (isCrm)
+        // PDP results span many threads, so show the sender like CRM does.
+        if (isCrm || isPdpPortal)
             return true;
         return (user === null || user === void 0 ? void 0 : user.userID) === (message === null || message === void 0 ? void 0 : message.sendID);
-    }, [conversationData === null || conversationData === void 0 ? void 0 : conversationData.ex, message === null || message === void 0 ? void 0 : message.sendID, isCrm]);
+    }, [conversationData === null || conversationData === void 0 ? void 0 : conversationData.ex, message === null || message === void 0 ? void 0 : message.sendID, isCrm, isPdpPortal]);
+    const tagLabel = isPdpPortal
+        ? tag && PDP_TAG_LABEL_KEYS[tag] && t(PDP_TAG_LABEL_KEYS[tag])
+        : displayTag;
     const onPressItem = async () => {
+        if (isPdpPortal) {
+            openPdpResult({
+                threadId: getConversationIdFromMessage(message),
+                messageId: message.clientMsgID,
+            });
+            return;
+        }
         const { data } = await DChatSDK.getOneConversation({
             sourceID: message.sessionType === SessionType.Group
                 ? message.groupID
@@ -63,13 +85,13 @@ const SearchItemAsMessage = (props) => {
                         : conversationData === null || conversationData === void 0 ? void 0 : conversationData.faceURL, alt: useConversationDisplay
                         ? message.senderNickname
                         : conversationData === null || conversationData === void 0 ? void 0 : conversationData.showName, children: useConversationDisplay
-                        ? message.senderNickname.charAt(0).toUpperCase()
+                        ? (_b = message.senderNickname) === null || _b === void 0 ? void 0 : _b.charAt(0).toUpperCase()
                         : conversationData === null || conversationData === void 0 ? void 0 : conversationData.showName.charAt(0).toUpperCase() }) }), _jsxs("div", { className: "flex flex-col flex-1 min-w-0 gap-1", children: [_jsxs("div", { className: "flex flex-1 items-center justify-between", children: [_jsx("span", { className: "text-sm flex-1 font-semibold truncate", children: useConversationDisplay
                                     ? message.senderNickname
                                     : conversationData === null || conversationData === void 0 ? void 0 : conversationData.showName }), _jsx("span", { className: "text-xs text-gray-500", children: formatTimestamp(message.sendTime, {
                                     hasTime: true,
                                 }) })] }), _jsxs("div", { className: "flex flex-col flex-1 min-w-0 gap-1", children: [_jsx("span", { className: "text-xs flex-1 text-gray-500 truncate", dangerouslySetInnerHTML: {
                                     __html: sanitizeHtml(highlightSearch(msgContent, searchTerm)),
-                                } }), displayTag && (_jsx("span", { className: "text-[10px] text-[var(--dc-color-primary)] bg-[var(--dc-color-primary-light)] px-1.5 py-0.5 rounded w-fit truncate", children: displayTag }))] })] })] }, message.clientMsgID));
+                                } }), tagLabel && (_jsx("span", { className: "text-[10px] text-[var(--dc-color-primary)] bg-[var(--dc-color-primary-light)] px-1.5 py-0.5 rounded w-fit truncate", children: tagLabel }))] })] })] }, message.clientMsgID));
 };
 export default SearchItemAsMessage;

package/dist/components/search-conversation/item/SearchItemAsUser.d.ts

@@ -1,6 +1,7 @@
 import { ISessionByStatus } from "../../../store/type";
+import type { PdpTeamSessionItem } from "../../../hooks/search/useSearchPdpTeamSessions";
 interface SearchItemAsUserProps {
-    session: ISessionByStatus;
+    session: PdpTeamSessionItem & Partial<Pick<ISessionByStatus, "conversation">>;
     searchTerm: string;
 }
 declare const SearchItemAsUser: (props: SearchItemAsUserProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/search-conversation/item/SearchItemAsUser.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SearchItemAsUser.d.ts","sourceRoot":"","sources":["../../../../src/components/search-conversation/item/SearchItemAsUser.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAKhD,UAAU,qBAAqB;IAC7B,OAAO,EAAE,gBAAgB,CAAC;IAC1B,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,gBAAgB,GAAI,OAAO,qBAAqB,4CA0CrD,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"SearchItemAsUser.d.ts","sourceRoot":"","sources":["../../../../src/components/search-conversation/item/SearchItemAsUser.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAIhD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,yCAAyC,CAAC;AAIlF,UAAU,qBAAqB;IAE7B,OAAO,EAAE,kBAAkB,GAAG,OAAO,CAAC,IAAI,CAAC,gBAAgB,EAAE,cAAc,CAAC,CAAC,CAAC;IAC9E,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,gBAAgB,GAAI,OAAO,qBAAqB,4CA+CrD,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/dist/components/search-conversation/item/SearchItemAsUser.js

@@ -4,12 +4,19 @@ import { Avatar, message } from "antd";
 import { highlightSearch, sanitizeHtml } from "../../../utils/common";
 import useConversationStore from "../../../store/conversation";
 import { useTranslation } from "react-i18next";
+import { useOpenPdpSearchResult } from "../../../hooks/search/useOpenPdpSearchResult";
+import { useSearchScope } from "../SearchScopeContext";
 const SearchItemAsUser = (props) => {
-    var _a, _b, _c, _d, _e, _f;
+    var _a, _b, _c, _d, _e, _f, _g;
     const { session, searchTerm = "" } = props;
     const { t } = useTranslation();
+    const scope = useSearchScope();
+    const openPdpResult = useOpenPdpSearchResult();
     const ownerName = `${(_a = session.owner) === null || _a === void 0 ? void 0 : _a.fullName}${((_b = session.owner) === null || _b === void 0 ? void 0 : _b.username) ? ` (${(_c = session.owner) === null || _c === void 0 ? void 0 : _c.username})` : ""}`;
     const onPressItem = async () => {
+        if (scope === "pdp-portal") {
+            return openPdpResult({ threadId: session.conversationId });
+        }
         if (!(session === null || session === void 0 ? void 0 : session.conversation)) {
             return message.error(t("err_get_conversation"));
         }
@@ -18,7 +25,7 @@ const SearchItemAsUser = (props) => {
             .getState()
             .setSelectedConversationId(session.conversationId);
     };
-    return (_jsxs("div", { className: "py-3 px-2 flex items-center gap-3 hover:bg-gray-100 hover:rounded-sm cursor-pointer border-b mx-1", onClick: onPressItem, "data-cp-name": "SearchItemAsUser", children: [_jsx(Avatar, { size: "large", src: (_d = session.owner) === null || _d === void 0 ? void 0 : _d.avatar, alt: (_e = session.owner) === null || _e === void 0 ? void 0 : _e.username, children: (_f = session.owner) === null || _f === void 0 ? void 0 : _f.fullName.charAt(0).toUpperCase() }), _jsx("div", { className: "flex flex-col flex-1 min-w-0", children: _jsx("p", { className: "text-sm font-semibold truncate", dangerouslySetInnerHTML: {
+    return (_jsxs("div", { className: "py-3 px-2 flex items-center gap-3 hover:bg-gray-100 hover:rounded-sm cursor-pointer border-b mx-1", onClick: onPressItem, "data-cp-name": "SearchItemAsUser", children: [_jsx(Avatar, { size: "large", src: (_d = session.owner) === null || _d === void 0 ? void 0 : _d.avatar, alt: (_e = session.owner) === null || _e === void 0 ? void 0 : _e.username, children: (_g = (_f = session.owner) === null || _f === void 0 ? void 0 : _f.fullName) === null || _g === void 0 ? void 0 : _g.charAt(0).toUpperCase() }), _jsx("div", { className: "flex flex-col flex-1 min-w-0", children: _jsx("p", { className: "text-sm font-semibold truncate", dangerouslySetInnerHTML: {
                         __html: sanitizeHtml(highlightSearch(ownerName, searchTerm)),
                     } }) })] }, session.id));
 };

package/dist/constants/index.d.ts

@@ -7,5 +7,6 @@ export declare const PAGE_SIZE: {
 };
 export declare const MSG_ITEM_PREFIX = "msg-item-";
 export declare const MSG_ITEM_CONTENT_PREFIX = "msg-item-content-";
+export declare const MSG_ITEM_BUBBLE_GROUP_PREFIX = "msg-item-bubble-group-";
 export declare const ANTD_PRIMARY_COLOR_VAR = "var(--dc-color-primary)";
 //# sourceMappingURL=index.d.ts.map

package/dist/constants/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/constants/index.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,YAAY,qFAC2D,CAAC;AAErF,eAAO,MAAM,SAAS;;;;;CAKZ,CAAC;AAEX,eAAO,MAAM,eAAe,cAAc,CAAC;AAC3C,eAAO,MAAM,uBAAuB,sBAAsB,CAAC;AAM3D,eAAO,MAAM,sBAAsB,4BAA4B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/constants/index.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,YAAY,qFAC2D,CAAC;AAErF,eAAO,MAAM,SAAS;;;;;CAKZ,CAAC;AAEX,eAAO,MAAM,eAAe,cAAc,CAAC;AAC3C,eAAO,MAAM,uBAAuB,sBAAsB,CAAC;AAE3D,eAAO,MAAM,4BAA4B,2BAA2B,CAAC;AAMrE,eAAO,MAAM,sBAAsB,4BAA4B,CAAC"}

package/dist/constants/index.js

@@ -7,6 +7,8 @@ export const PAGE_SIZE = {
 };
 export const MSG_ITEM_PREFIX = "msg-item-";
 export const MSG_ITEM_CONTENT_PREFIX = "msg-item-content-";
+// Bubble plus its pin badge, so the jump-to-message pulse moves both together.
+export const MSG_ITEM_BUBBLE_GROUP_PREFIX = "msg-item-bubble-group-";
 // antd components read colorPrimary from antd's own theme token, not from
 // the --dc-color-primary CSS var this SDK themes everything else with.
 // Wrap any antd component that needs brand color in

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

@@ -1 +1 @@
-{"version":3,"file":"useMessageListScroll.d.ts","sourceRoot":"","sources":["../../../src/hooks/message/useMessageListScroll.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAkC,MAAM,OAAO,CAAC;AAClE,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAM3D,eAAO,MAAM,6BAA6B,KAAK,CAAC;AAEhD,MAAM,WAAW,oBAAoB;IACnC,WAAW,EAAE,OAAO,CAAC;IACrB,UAAU,EAAE,OAAO,CAAC;IACpB,UAAU,EAAE,OAAO,CAAC;IACpB,WAAW,EAAE,WAAW,EAAE,CAAC;CAC5B;AAED,UAAU,0BAA0B;IAClC,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,EAAE,oBAAoB,CAAC;IAChC,eAAe,EAAE,SAAS,CAAC,oBAAoB,GAAG,IAAI,CAAC,CAAC;IACxD,cAAc,EAAE,OAAO,CAAC;IACxB,cAAc,EAAE,OAAO,CAAC;IACxB,kBAAkB,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC;IAClD,kBAAkB,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC;IAClD,8EAA8E;IAC9E,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B;AAED,eAAO,MAAM,oBAAoB,GAAI,iKAWlC,0BAA0B;;;;8BAqErB,KAAK,CAAC,OAAO,CAAC,cAAc,CAAC;;;mCA0Ce,MAAM;CA6CzD,CAAC"}
+{"version":3,"file":"useMessageListScroll.d.ts","sourceRoot":"","sources":["../../../src/hooks/message/useMessageListScroll.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAkC,MAAM,OAAO,CAAC;AAClE,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAU3D,eAAO,MAAM,6BAA6B,KAAK,CAAC;AAEhD,MAAM,WAAW,oBAAoB;IACnC,WAAW,EAAE,OAAO,CAAC;IACrB,UAAU,EAAE,OAAO,CAAC;IACpB,UAAU,EAAE,OAAO,CAAC;IACpB,WAAW,EAAE,WAAW,EAAE,CAAC;CAC5B;AAED,UAAU,0BAA0B;IAClC,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,EAAE,oBAAoB,CAAC;IAChC,eAAe,EAAE,SAAS,CAAC,oBAAoB,GAAG,IAAI,CAAC,CAAC;IACxD,cAAc,EAAE,OAAO,CAAC;IACxB,cAAc,EAAE,OAAO,CAAC;IACxB,kBAAkB,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC;IAClD,kBAAkB,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC;IAClD,8EAA8E;IAC9E,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B;AAED,eAAO,MAAM,oBAAoB,GAAI,iKAWlC,0BAA0B;;;;8BAqErB,KAAK,CAAC,OAAO,CAAC,cAAc,CAAC;;;mCA0Ce,MAAM;CA6CzD,CAAC"}

package/dist/hooks/message/useMessageListScroll.js

@@ -3,7 +3,7 @@ import { useCallback, useEffect, useRef } from "react";
 import { useDebounceFn } from "ahooks";
 import { isNumber } from "lodash";
 import { markConversationMessageAsRead } from "../../hooks/conversation/useConversation";
-import { MSG_ITEM_CONTENT_PREFIX, MSG_ITEM_PREFIX } from "../../constants";
+import { MSG_ITEM_BUBBLE_GROUP_PREFIX, MSG_ITEM_CONTENT_PREFIX, MSG_ITEM_PREFIX, } from "../../constants";
 export const MESSAGE_LIST_BOTTOM_THRESHOLD = -5;
 export const useMessageListScroll = ({ conversationId, userId, isGroupChat, loadState, latestLoadState, moreOldLoading, moreNewLoading, getMoreOldMessages, getMoreNewMessages, markAsReadBlocked = false, }) => {
     const scrollRef = useRef(null);
@@ -104,13 +104,19 @@ export const useMessageListScroll = ({ conversationId, userId, isGroupChat, load
                 block: "center",
             });
             setTimeout(() => {
+                var _a;
                 const targetContentElement = document.getElementById(`${MSG_ITEM_CONTENT_PREFIX}${clientMsgID}`);
-                targetContentElement === null || targetContentElement === void 0 ? void 0 : targetContentElement.classList.add("zoom-in-out-element", "border-blue-500", "border");
+                // The border hugs the bubble; the pulse runs on the wrapper that also
+                // holds the pin badge, or the badge stays put while the bubble scales.
+                const pulseElement = (_a = document.getElementById(`${MSG_ITEM_BUBBLE_GROUP_PREFIX}${clientMsgID}`)) !== null && _a !== void 0 ? _a : targetContentElement;
+                targetContentElement === null || targetContentElement === void 0 ? void 0 : targetContentElement.classList.add("border-blue-500", "border");
+                pulseElement === null || pulseElement === void 0 ? void 0 : pulseElement.classList.add("zoom-in-out-element");
                 const onEnd = () => {
-                    targetContentElement === null || targetContentElement === void 0 ? void 0 : targetContentElement.classList.remove("zoom-in-out-element", "border-blue-500", "border");
-                    targetContentElement === null || targetContentElement === void 0 ? void 0 : targetContentElement.removeEventListener("animationend", onEnd);
+                    targetContentElement === null || targetContentElement === void 0 ? void 0 : targetContentElement.classList.remove("border-blue-500", "border");
+                    pulseElement === null || pulseElement === void 0 ? void 0 : pulseElement.classList.remove("zoom-in-out-element");
+                    pulseElement === null || pulseElement === void 0 ? void 0 : pulseElement.removeEventListener("animationend", onEnd);
                 };
-                targetContentElement === null || targetContentElement === void 0 ? void 0 : targetContentElement.addEventListener("animationend", onEnd, {
+                pulseElement === null || pulseElement === void 0 ? void 0 : pulseElement.addEventListener("animationend", onEnd, {
                     once: true,
                 });
             }, 500);

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

@@ -1 +1 @@
-{"version":3,"file":"useTypingStatus.d.ts","sourceRoot":"","sources":["../../../src/hooks/message/useTypingStatus.ts"],"names":[],"mappings":"AAEA,OAAO,EACL,uBAAuB,EACvB,WAAW,EAEZ,MAAM,8BAA8B,CAAC;AAuBtC,eAAO,MAAM,iBAAiB,GAAI,MAAM,MAAM,WAK7C,CAAC;AAqDF,eAAO,MAAM,wBAAwB,GACnC,SAAS,uBAAuB,GAAG,MAAM,SA0B1C,CAAC;AAUF,wEAAwE;AACxE,eAAO,MAAM,uBAAuB,GAAI,SAAS,WAAW,SAK3D,CAAC;AAEF,MAAM,WAAW,WAAW;IAC1B,mFAAmF;IACnF,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;CACf;AAED,eAAO,MAAM,cAAc,GAAI,iBAAiB,MAAM,KAAG,WAoBxD,CAAC"}
+{"version":3,"file":"useTypingStatus.d.ts","sourceRoot":"","sources":["../../../src/hooks/message/useTypingStatus.ts"],"names":[],"mappings":"AAEA,OAAO,EACL,uBAAuB,EACvB,WAAW,EACZ,MAAM,8BAA8B,CAAC;AA0BtC,eAAO,MAAM,iBAAiB,GAAI,MAAM,MAAM,WAK7C,CAAC;AAqDF,eAAO,MAAM,wBAAwB,GACnC,SAAS,uBAAuB,GAAG,MAAM,SA0B1C,CAAC;AAEF,wEAAwE;AACxE,eAAO,MAAM,uBAAuB,GAAI,SAAS,WAAW,SAK3D,CAAC;AAEF,MAAM,WAAW,WAAW;IAC1B,mFAAmF;IACnF,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;CACf;AAED,eAAO,MAAM,cAAc,GAAI,iBAAiB,MAAM,KAAG,WAoBxD,CAAC"}

package/dist/hooks/message/useTypingStatus.js

@@ -1,11 +1,10 @@
 import { useTranslation } from "react-i18next";
 import { useShallow } from "zustand/react/shallow";
-import { SessionType, } from "@droppii-org/wasm-client-sdk";
 import { DChatSDK } from "../../constants/sdk";
 import useAuthStore from "../../store/auth";
 import useConversationStore from "../../store/conversation";
 import useTypingStore from "../../store/typing";
-import { getGroupIdFromConversationId } from "../../utils/conversation";
+import { getConversationIdFromMessage, getGroupIdFromConversationId, } from "../../utils/conversation";
 // One typer is named; from two on the text drops names ("Nhiều người đang nhập").
 const MAX_NAMED_TYPERS = 1;
 // Longer names are cut to this many characters and end with "...".
@@ -97,13 +96,6 @@ export const handleInputStatusChanged = (payload) => {
         useTypingStore.getState().removeTyper(conversationID, userID);
     }
 };
-// Mirrors OpenIM's conversationID scheme: si_<sorted user ids> / sg_<groupID>.
-const getConversationIdFromMessage = (message) => {
-    if (message.sessionType === SessionType.Single) {
-        return `si_${[message.sendID, message.recvID].sort().join("_")}`;
-    }
-    return message.groupID ? `sg_${message.groupID}` : "";
-};
 /** A typer's own message landing ends their typing state right away. */
 export const removeTyperOnNewMessage = (message) => {
     const conversationId = getConversationIdFromMessage(message);

package/dist/hooks/search/useOpenPdpSearchResult.d.ts

@@ -0,0 +1,8 @@
+export interface PdpSearchResultTarget {
+    threadId?: string;
+    groupId?: string;
+    messageId?: string;
+}
+export declare const buildPdpSearchResultUrl: (pathname: string, search: string, target: PdpSearchResultTarget) => string;
+export declare const useOpenPdpSearchResult: () => (target: PdpSearchResultTarget) => void;
+//# sourceMappingURL=useOpenPdpSearchResult.d.ts.map

package/dist/hooks/search/useOpenPdpSearchResult.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useOpenPdpSearchResult.d.ts","sourceRoot":"","sources":["../../../src/hooks/search/useOpenPdpSearchResult.ts"],"names":[],"mappings":"AAMA,MAAM,WAAW,qBAAqB;IACpC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAID,eAAO,MAAM,uBAAuB,GAClC,UAAU,MAAM,EAChB,QAAQ,MAAM,EACd,QAAQ,qBAAqB,WAQ9B,CAAC;AAIF,eAAO,MAAM,sBAAsB,iBAItB,qBAAqB,SAuBjC,CAAC"}

package/dist/hooks/search/useOpenPdpSearchResult.js

@@ -0,0 +1,31 @@
+"use client";
+import { useCallback } from "react";
+import { useChatNavigate } from "../../hooks/conversation/useChatNavigate";
+import useConversationStore from "../../store/conversation";
+const TARGET_PARAMS = ["threadId", "groupId", "userId", "botId", "messageId"];
+export const buildPdpSearchResultUrl = (pathname, search, target) => {
+    const params = new URLSearchParams(search);
+    TARGET_PARAMS.forEach((key) => params.delete(key));
+    Object.entries(target).forEach(([key, value]) => {
+        if (value)
+            params.set(key, value);
+    });
+    return `${pathname}?${params.toString()}`;
+};
+// PDP opens results through its URL: DChatConversationDetail re-resolves the target
+// with forceRevalidate, which is the access check before showing any content.
+export const useOpenPdpSearchResult = () => {
+    const onNavigate = useChatNavigate();
+    return useCallback((target) => {
+        onNavigate(buildPdpSearchResultUrl(window.location.pathname, window.location.search, target));
+        // The resolver skips an already-open thread, so hand it the jump target directly.
+        const { conversationData, setConversationData } = useConversationStore.getState();
+        if (target.messageId &&
+            conversationData &&
+            conversationData.conversationID === target.threadId) {
+            setConversationData(conversationData, target.messageId, {
+                forceRevalidate: true,
+            });
+        }
+    }, [onNavigate]);
+};