@droppii-org/chat-sdk 0.6.51 → 0.6.53

package/dist/components/group/AdminPermissionModal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AdminPermissionModal.d.ts","sourceRoot":"","sources":["../../../src/components/group/AdminPermissionModal.tsx"],"names":[],"mappings":"AAaA,UAAU,0BAA0B;IAClC,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,MAAM,EAAE,CAAC;CACvB;AAED,UAAU,yBAAyB;IACjC,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IAIpB,MAAM,CAAC,EAAE,OAAO,CAAC;IAGjB,MAAM,CAAC,EAAE,0BAA0B,CAAC;IAKpC,wBAAwB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;CAC5E;AA6DD,QAAA,MAAM,oBAAoB,GAAI,uEAO3B,yBAAyB,mDA2K3B,CAAC;AAEF,eAAe,oBAAoB,CAAC"}
+{"version":3,"file":"AdminPermissionModal.d.ts","sourceRoot":"","sources":["../../../src/components/group/AdminPermissionModal.tsx"],"names":[],"mappings":"AAqBA,UAAU,0BAA0B;IAClC,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,MAAM,EAAE,CAAC;CACvB;AAED,UAAU,yBAAyB;IACjC,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IAIpB,MAAM,CAAC,EAAE,OAAO,CAAC;IAGjB,MAAM,CAAC,EAAE,0BAA0B,CAAC;IAKpC,wBAAwB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;CAC5E;AAwCD,QAAA,MAAM,oBAAoB,GAAI,uEAO3B,yBAAyB,mDAgK3B,CAAC;AAEF,eAAe,oBAAoB,CAAC"}

package/dist/components/group/AdminPermissionModal.js

@@ -5,10 +5,11 @@ import { ConfigProvider, Modal, Switch, message } from "antd";
 import { useTranslation } from "react-i18next";
 import { GroupMemberRole } from "@droppii-org/wasm-client-sdk";
 import { useGroupMembers } from "../../hooks/group/useGroupMembers";
-import { useSetGroupMemberPermissions } from "../../hooks/group/useGroupMemberActions";
+import { useSetAdminRolePermissions, useSetGroupMemberPermissions, } from "../../hooks/group/useGroupMemberActions";
 import { Icon } from "../../components/icon";
 import { ANTD_PRIMARY_COLOR_VAR } from "../../constants";
 import { GROUP_PERMISSION_KEY } from "../../constants/im";
+import { changedSwitches, commonSwitchStates, toRolePermissionChange, } from "../../utils/groupPermissionSwitches";
 // "Cập nhật thông tin nhóm" is one switch in the UI but bundles 3 BE
 // permission keys (name/avatar/description), so it maps to all three.
 const UPDATE_GROUP_INFO_KEYS = [
@@ -24,35 +25,21 @@ const SWITCH_PERMISSION_KEYS = {
     removeMember: [GROUP_PERMISSION_KEY.removeMember],
     updateGroupInfo: UPDATE_GROUP_INFO_KEYS,
 };
-const SWITCHES = Object.keys(SWITCH_PERMISSION_KEYS);
-// A switch reads on only when every given permission list grants all of its keys.
-const commonOverrides = (permissionLists) => {
-    const grants = (name) => permissionLists.length > 0 &&
-        permissionLists.every((list) => SWITCH_PERMISSION_KEYS[name].every((key) => list.includes(key)));
-    return {
-        sendMessage: grants("sendMessage"),
-        pinMessage: grants("pinMessage"),
-        viewMemberInformation: grants("viewMemberInformation"),
-        addMember: grants("addMember"),
-        removeMember: grants("removeMember"),
-        updateGroupInfo: grants("updateGroupInfo"),
-    };
-};
 // Rewrites only the switches that changed; every other key in the list stays as is.
 const applySwitchChanges = (permissionList, changes) => Object.entries(changes).reduce((list, [name, enabled]) => {
     const keys = SWITCH_PERMISSION_KEYS[name];
     const without = list.filter((permission) => !keys.includes(permission));
     return enabled ? [...without, ...keys] : without;
 }, permissionList);
-const isSamePermissionSet = (a, b) => a.length === b.length && a.every((permission) => b.includes(permission));
 // "Configure Admin Permissions". With `member` (a member row's … menu) it edits
 // that one Admin. Without it (the group info panel) it edits every current
-// Admin at once: switches start from what the Admins already share, and "Lưu"
-// writes only the switches the user flipped, so each Admin keeps the rest.
+// Admin in one setGroupAdminPermissions call: switches start from what the
+// Admins already share, and "Lưu" sends only the switches the user flipped.
 const AdminPermissionModal = ({ open, groupID, onClose, inline = false, member, onMemberPermissionsSaved, }) => {
     const { t } = useTranslation();
     const { members: groupMembers } = useGroupMembers(member ? undefined : groupID);
     const { mutateAsync: setMemberPermissions } = useSetGroupMemberPermissions();
+    const { mutateAsync: setAdminRolePermissions } = useSetAdminRolePermissions();
     const [isSaving, setIsSaving] = useState(false);
     const [edits, setEdits] = useState({});
     useEffect(() => {
@@ -60,19 +47,14 @@ const AdminPermissionModal = ({ open, groupID, onClose, inline = false, member,
             setEdits({});
     }, [open, member === null || member === void 0 ? void 0 : member.userID]);
     const admins = groupMembers.filter((groupMember) => groupMember.roleLevel === GroupMemberRole.Admin);
-    const baseline = member
-        ? commonOverrides([member.permissions])
-        : commonOverrides(admins.map((admin) => { var _a; return (_a = admin.permissions) !== null && _a !== void 0 ? _a : []; }));
+    const baseline = commonSwitchStates(SWITCH_PERMISSION_KEYS, member ? [member.permissions] : admins.map((admin) => { var _a; return (_a = admin.permissions) !== null && _a !== void 0 ? _a : []; }));
     const pending = Object.assign(Object.assign({}, baseline), edits);
-    const changes = Object.fromEntries(SWITCHES.filter((name) => pending[name] !== baseline[name]).map((name) => [
-        name,
-        pending[name],
-    ]));
+    const changes = changedSwitches(baseline, pending);
     const hasChanges = Object.keys(changes).length > 0;
     const setSwitch = (name, checked) => setEdits((prev) => (Object.assign(Object.assign({}, prev), { [name]: checked })));
     const handleSave = async () => {
         var _a, _b;
-        if (!groupID)
+        if (!groupID || !hasChanges)
             return;
         setIsSaving(true);
         try {
@@ -86,18 +68,7 @@ const AdminPermissionModal = ({ open, groupID, onClose, inline = false, member,
                 onMemberPermissionsSaved === null || onMemberPermissionsSaved === void 0 ? void 0 : onMemberPermissionsSaved(member.userID, nextPermissions);
             }
             else {
-                await Promise.all(admins.map((admin) => {
-                    var _a;
-                    const current = (_a = admin.permissions) !== null && _a !== void 0 ? _a : [];
-                    const nextPermissions = applySwitchChanges(current, changes);
-                    if (isSamePermissionSet(current, nextPermissions))
-                        return undefined;
-                    return setMemberPermissions({
-                        groupID,
-                        userID: admin.userID,
-                        permissions: nextPermissions,
-                    });
-                }));
+                await setAdminRolePermissions(Object.assign({ groupID }, toRolePermissionChange(SWITCH_PERMISSION_KEYS, changes)));
             }
             message.success(t("update_admin_permissions_success"));
             onClose();

package/dist/components/group/MemberPermissionPanel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MemberPermissionPanel.d.ts","sourceRoot":"","sources":["../../../src/components/group/MemberPermissionPanel.tsx"],"names":[],"mappings":"AAYA,UAAU,0BAA0B;IAClC,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAMD,QAAA,MAAM,qBAAqB,GAAI,4BAA4B,0BAA0B,mDAqHpF,CAAC;AAEF,eAAe,qBAAqB,CAAC"}
+{"version":3,"file":"MemberPermissionPanel.d.ts","sourceRoot":"","sources":["../../../src/components/group/MemberPermissionPanel.tsx"],"names":[],"mappings":"AAkBA,UAAU,0BAA0B;IAClC,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAuBD,QAAA,MAAM,qBAAqB,GAAI,4BAA4B,0BAA0B,mDA2FpF,CAAC;AAEF,eAAe,qBAAqB,CAAC"}

package/dist/components/group/MemberPermissionPanel.js

@@ -3,51 +3,63 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect, useState } from "react";
 import { ConfigProvider, Switch, message } from "antd";
 import { useTranslation } from "react-i18next";
-import { useGroupPermission } from "../../hooks/group/useGroupPermission";
+import { GroupMemberRole } from "@droppii-org/wasm-client-sdk";
+import { useGroupMembers } from "../../hooks/group/useGroupMembers";
+import { useSetMemberRolePermissions } from "../../hooks/group/useGroupMemberActions";
 import { Icon } from "../../components/icon";
 import { ANTD_PRIMARY_COLOR_VAR } from "../../constants";
-import useGroupPermissionOverridesStore from "../../store/groupPermissionOverrides";
-// Mocked config UI (DROPPII-30248 follow-up, "Configure Member Permissions")
-// — renders inline within the "Thông tin" sidebar (back arrow, no gray
-// background) per the reference recording, not as a Modal popup. No BE
-// persistence yet, committed to the in-memory override store on "Lưu" only.
+import { GROUP_PERMISSION_KEY } from "../../constants/im";
+import { changedSwitches, commonSwitchStates, toRolePermissionChange, } from "../../utils/groupPermissionSwitches";
+const SWITCH_PERMISSION_KEYS = {
+    sendMessage: [GROUP_PERMISSION_KEY.sendMessage],
+    addMember: [GROUP_PERMISSION_KEY.addMember],
+    pinMessage: [GROUP_PERMISSION_KEY.pinMessage],
+    viewMemberInformation: [GROUP_PERMISSION_KEY.viewMemberInformation],
+};
+const SWITCH_LABELS = {
+    sendMessage: "permission_send_message",
+    addMember: "permission_add_member",
+    pinMessage: "permission_pin_message",
+    viewMemberInformation: "permission_view_member_info",
+};
+const SWITCHES = Object.keys(SWITCH_PERMISSION_KEYS);
+// "Configure Member Permissions", inline in the "Thông tin" sidebar. Switches
+// start from what every ordinary member already shares, and "Lưu" sends only
+// the switches the user flipped, in one setGroupMemberPermissions call.
 const MemberPermissionPanel = ({ open, groupID, onClose }) => {
     const { t } = useTranslation();
-    const permissions = useGroupPermission(groupID);
-    const setMemberOverrides = useGroupPermissionOverridesStore((state) => state.setMemberOverrides);
+    const { members: groupMembers, isLoading } = useGroupMembers(open ? groupID : undefined);
+    const { mutateAsync: setMemberRolePermissions } = useSetMemberRolePermissions();
     const [isSaving, setIsSaving] = useState(false);
-    const [pending, setPending] = useState({
-        sendMessage: permissions.sendMessage,
-        addMember: permissions.addMember,
-        pinMessage: permissions.pinMessage,
-        viewMemberInformation: permissions.viewMemberInformation,
-    });
+    const [edits, setEdits] = useState({});
     useEffect(() => {
-        if (!open)
-            return;
-        setPending({
-            sendMessage: permissions.sendMessage,
-            addMember: permissions.addMember,
-            pinMessage: permissions.pinMessage,
-            viewMemberInformation: permissions.viewMemberInformation,
-        });
-        // eslint-disable-next-line react-hooks/exhaustive-deps
+        if (open)
+            setEdits({});
     }, [open]);
-    const hasChanges = pending.sendMessage !== permissions.sendMessage ||
-        pending.addMember !== permissions.addMember ||
-        pending.pinMessage !== permissions.pinMessage ||
-        pending.viewMemberInformation !== permissions.viewMemberInformation;
+    const members = groupMembers.filter((groupMember) => groupMember.roleLevel === GroupMemberRole.Normal);
+    const baseline = commonSwitchStates(SWITCH_PERMISSION_KEYS, members.map((member) => { var _a; return (_a = member.permissions) !== null && _a !== void 0 ? _a : []; }));
+    const pending = Object.assign(Object.assign({}, baseline), edits);
+    const changes = changedSwitches(baseline, pending);
+    const hasChanges = Object.keys(changes).length > 0;
     const handleSave = async () => {
-        if (!groupID)
+        if (!groupID || !hasChanges)
             return;
         setIsSaving(true);
-        setMemberOverrides(groupID, pending);
-        message.success(t("update_member_permissions_success"));
-        setIsSaving(false);
-        onClose();
+        try {
+            await setMemberRolePermissions(Object.assign({ groupID }, toRolePermissionChange(SWITCH_PERMISSION_KEYS, changes)));
+            message.success(t("update_member_permissions_success"));
+            onClose();
+        }
+        catch (error) {
+            console.error("setGroupMemberPermissions", error);
+            message.error(t("update_member_permissions_failed"));
+        }
+        finally {
+            setIsSaving(false);
+        }
     };
     if (!open)
         return null;
-    return (_jsxs("div", { className: "absolute inset-0 bg-white flex flex-col z-10", "data-cp-name": "MemberPermissionPanel", children: [_jsxs("div", { className: "flex w-full items-center border-b border-gray-100 p-2", children: [_jsx("button", { type: "button", className: "flex shrink-0 cursor-pointer items-center justify-center p-2 text-[var(--dc-color-nav-icon)]", onClick: onClose, children: _jsx(Icon, { icon: "arrow-left-o", size: 24 }) }), _jsx("p", { className: "min-w-0 flex-1 truncate px-2 text-[18px] font-bold leading-[1.6] text-gray-900", children: t("member_permission_settings") })] }), _jsx("div", { className: "flex-1 overflow-y-auto", children: _jsx(ConfigProvider, { theme: { token: { colorPrimary: ANTD_PRIMARY_COLOR_VAR } }, children: _jsxs("div", { className: "flex flex-col py-2", children: [_jsxs("div", { className: "flex items-center justify-between px-4 py-3", children: [_jsx("span", { className: "text-sm", children: t("permission_send_message") }), _jsx(Switch, { checked: pending.sendMessage, onChange: (checked) => setPending((prev) => (Object.assign(Object.assign({}, prev), { sendMessage: checked }))) })] }), _jsxs("div", { className: "flex items-center justify-between px-4 py-3", children: [_jsx("span", { className: "text-sm", children: t("permission_add_member") }), _jsx(Switch, { checked: pending.addMember, onChange: (checked) => setPending((prev) => (Object.assign(Object.assign({}, prev), { addMember: checked }))) })] }), _jsxs("div", { className: "flex items-center justify-between px-4 py-3", children: [_jsx("span", { className: "text-sm", children: t("permission_pin_message") }), _jsx(Switch, { checked: pending.pinMessage, onChange: (checked) => setPending((prev) => (Object.assign(Object.assign({}, prev), { pinMessage: checked }))) })] }), _jsxs("div", { className: "flex items-center justify-between px-4 py-3", children: [_jsx("span", { className: "text-sm", children: t("permission_view_member_info") }), _jsx(Switch, { checked: pending.viewMemberInformation, onChange: (checked) => setPending((prev) => (Object.assign(Object.assign({}, prev), { viewMemberInformation: checked }))) })] })] }) }) }), _jsxs("div", { className: "flex items-center justify-end gap-2 px-4 py-3 border-t border-gray-100", children: [_jsx("button", { type: "button", className: "px-4 py-1.5 rounded-full border border-gray-300 text-gray-700 text-sm font-medium", onClick: onClose, children: t("cancel") }), _jsx("button", { type: "button", className: "px-4 py-1.5 rounded-full bg-[var(--dc-color-primary)] text-white text-sm font-medium disabled:bg-gray-200 disabled:text-gray-400", disabled: !hasChanges || isSaving, onClick: handleSave, children: t("save") })] })] }));
+    return (_jsxs("div", { className: "absolute inset-0 bg-white flex flex-col z-10", "data-cp-name": "MemberPermissionPanel", children: [_jsxs("div", { className: "flex w-full items-center border-b border-gray-100 p-2", children: [_jsx("button", { type: "button", className: "flex shrink-0 cursor-pointer items-center justify-center p-2 text-[var(--dc-color-nav-icon)]", onClick: onClose, children: _jsx(Icon, { icon: "arrow-left-o", size: 24 }) }), _jsx("p", { className: "min-w-0 flex-1 truncate px-2 text-[18px] font-bold leading-[1.6] text-gray-900", children: t("member_permission_settings") })] }), _jsx("div", { className: "flex-1 overflow-y-auto", children: _jsx(ConfigProvider, { theme: { token: { colorPrimary: ANTD_PRIMARY_COLOR_VAR } }, children: _jsx("div", { className: "flex flex-col py-2", children: SWITCHES.map((name) => (_jsxs("div", { className: "flex items-center justify-between px-4 py-3", children: [_jsx("span", { className: "text-sm", children: t(SWITCH_LABELS[name]) }), _jsx(Switch, { checked: pending[name], disabled: isLoading, onChange: (checked) => setEdits((prev) => (Object.assign(Object.assign({}, prev), { [name]: checked }))) })] }, name))) }) }) }), _jsxs("div", { className: "flex items-center justify-end gap-2 px-4 py-3 border-t border-gray-100", children: [_jsx("button", { type: "button", className: "px-4 py-1.5 rounded-full border border-gray-300 text-gray-700 text-sm font-medium", onClick: onClose, children: t("cancel") }), _jsx("button", { type: "button", className: "px-4 py-1.5 rounded-full bg-[var(--dc-color-primary)] text-white text-sm font-medium disabled:bg-gray-200 disabled:text-gray-400", disabled: !hasChanges || isSaving || isLoading, onClick: handleSave, children: t("save") })] })] }));
 };
 export default MemberPermissionPanel;

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"}