@droppii-org/chat-sdk 0.7.6 → 0.7.8

package/dist/components/conversation/ThreadCard.d.ts

@@ -10,7 +10,8 @@ export interface ThreadCardProps {
     testId?: string;
     muteIndicator?: ReactNode;
     mentionIndicator?: ReactNode;
+    pinIndicator?: ReactNode;
 }
-declare const ThreadCard: ({ avatar, title, preview, time, unreadCount, isSelected, onClick, testId, muteIndicator, mentionIndicator, }: ThreadCardProps) => import("react/jsx-runtime").JSX.Element;
+declare const ThreadCard: ({ avatar, title, preview, time, unreadCount, isSelected, onClick, testId, muteIndicator, mentionIndicator, pinIndicator, }: ThreadCardProps) => import("react/jsx-runtime").JSX.Element;
 export default ThreadCard;
 //# sourceMappingURL=ThreadCard.d.ts.map

package/dist/components/conversation/ThreadCard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ThreadCard.d.ts","sourceRoot":"","sources":["../../../src/components/conversation/ThreadCard.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAqBvC,MAAM,WAAW,eAAe;IAC9B,MAAM,EAAE,SAAS,CAAC;IAClB,KAAK,EAAE,SAAS,CAAC;IACjB,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,gBAAgB,CAAC,EAAE,SAAS,CAAC;CAC9B;AAED,QAAA,MAAM,UAAU,GAAI,8GAWjB,eAAe,4CA+CjB,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"ThreadCard.d.ts","sourceRoot":"","sources":["../../../src/components/conversation/ThreadCard.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAqBvC,MAAM,WAAW,eAAe;IAC9B,MAAM,EAAE,SAAS,CAAC;IAClB,KAAK,EAAE,SAAS,CAAC;IACjB,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,gBAAgB,CAAC,EAAE,SAAS,CAAC;IAC7B,YAAY,CAAC,EAAE,SAAS,CAAC;CAC1B;AAED,QAAA,MAAM,UAAU,GAAI,4HAYjB,eAAe,4CAgDjB,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/components/conversation/ThreadCard.js

@@ -7,10 +7,10 @@ const UnreadBadge = ({ count }) => {
     const isWide = label.length > 1;
     return (_jsx("span", { className: clsx("inline-flex h-5 shrink-0 items-center justify-center rounded-[32px] border-2 border-white bg-gradient-danger-light px-[3px] text-center text-[12px] font-semibold leading-[160%] text-white", isWide ? "min-w-8" : "min-w-5"), "data-cp-name": "UnreadBadge", children: label }));
 };
-const ThreadCard = ({ avatar, title, preview, time, unreadCount = 0, isSelected = false, onClick, testId, muteIndicator, mentionIndicator, }) => {
+const ThreadCard = ({ avatar, title, preview, time, unreadCount = 0, isSelected = false, onClick, testId, muteIndicator, mentionIndicator, pinIndicator, }) => {
     const hasUnread = unreadCount > 0;
     return (_jsxs("button", { type: "button", onClick: onClick, "data-testid": testId, "data-cp-name": "ThreadCard", className: clsx("relative flex w-full shrink-0 items-start gap-2 border-b border-gray-25 p-3 text-left transition-colors hover:bg-[#f5f5f5] focus:outline-none focus-visible:ring-2 focus-visible:ring-chat-ring", isSelected ? "bg-blue-50" : "bg-white"), children: [isSelected && (_jsx("span", { className: "absolute bottom-0 left-0 top-0 w-1 bg-blue-500" })), avatar, _jsxs("div", { className: "flex min-w-0 flex-1 flex-col", children: [_jsxs("div", { className: "flex min-h-[25.6px] items-center justify-between gap-1", children: [_jsx("div", { className: "min-w-0 flex-1", children: title }), muteIndicator, time && (_jsx("span", { className: "shrink-0 text-[12px] font-normal leading-[160%] text-gray-400 [font-feature-settings:'liga'_off,'clig'_off]", children: time }))] }), _jsxs("div", { className: "flex items-center justify-between gap-2", children: [_jsx("p", { className: clsx("min-w-0 flex-1 truncate text-[14px] leading-[160%] [font-feature-settings:'liga'_off,'clig'_off]", hasUnread
                                     ? "font-[510] text-black"
-                                    : "font-normal tracking-[0.14px] text-gray-600"), children: preview }), mentionIndicator, hasUnread && _jsx(UnreadBadge, { count: unreadCount })] })] })] }));
+                                    : "font-normal tracking-[0.14px] text-gray-600"), children: preview }), mentionIndicator, pinIndicator, hasUnread && _jsx(UnreadBadge, { count: unreadCount })] })] })] }));
 };
 export default ThreadCard;

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

@@ -3,7 +3,11 @@ export interface ConversationDetailHeaderProps {
     conversation: ConversationItem;
     onBack?: () => void;
     onProfileClick?: () => void;
+    /** Shows the ☰ profile icon on the right; it opens the same panel. */
+    onProfileIconClick?: () => void;
+    /** Shows the search icon left of ☰; it opens search in this thread. */
+    onSearchClick?: () => void;
 }
-declare const ConversationDetailHeader: ({ conversation, onBack, onProfileClick, }: ConversationDetailHeaderProps) => import("react/jsx-runtime").JSX.Element;
+declare const ConversationDetailHeader: ({ conversation, onBack, onProfileClick, onProfileIconClick, onSearchClick, }: ConversationDetailHeaderProps) => import("react/jsx-runtime").JSX.Element;
 export default ConversationDetailHeader;
 //# sourceMappingURL=ConversationDetailHeader.d.ts.map

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

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"ConversationMoreOptionPanel.d.ts","sourceRoot":"","sources":["../../../src/components/conversation-detail/ConversationMoreOptionPanel.tsx"],"names":[],"mappings":"AAGA,OAAO,EAEL,gBAAgB,EAEjB,MAAM,wBAAwB,CAAC;AAGhC,MAAM,WAAW,gCAAgC;IAC/C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,gBAAgB,EAAE,CAAC;IAC7B,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,gBAAgB,KAAK,IAAI,CAAC;IACpD,mBAAmB,CAAC,EAAE,MAAM,IAAI,CAAC;IACjC,sBAAsB,CAAC,EAAE,MAAM,IAAI,CAAC;CACrC;AAED,QAAA,MAAM,2BAA2B,GAAI,qFAMlC,gCAAgC,4CAmClC,CAAC;AAEF,eAAe,2BAA2B,CAAC"}
+{"version":3,"file":"ConversationMoreOptionPanel.d.ts","sourceRoot":"","sources":["../../../src/components/conversation-detail/ConversationMoreOptionPanel.tsx"],"names":[],"mappings":"AAGA,OAAO,EAEL,gBAAgB,EAEjB,MAAM,wBAAwB,CAAC;AAGhC,MAAM,WAAW,gCAAgC;IAC/C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,gBAAgB,EAAE,CAAC;IAC7B,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,gBAAgB,KAAK,IAAI,CAAC;IACpD,mBAAmB,CAAC,EAAE,MAAM,IAAI,CAAC;IACjC,sBAAsB,CAAC,EAAE,MAAM,IAAI,CAAC;CACrC;AAED,QAAA,MAAM,2BAA2B,GAAI,qFAMlC,gCAAgC,4CAqClC,CAAC;AAEF,eAAe,2BAA2B,CAAC"}

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

@@ -19,6 +19,8 @@ const ConversationMoreOptionPanel = ({ disabled = false, options = MORE_OPTIONS,
         }
         onSelectOption === null || onSelectOption === void 0 ? void 0 : onSelectOption(option);
     }, [onSelectOption, onTriggerMediaInput, onTriggerDocumentInput]);
-    return (_jsx("div", { "data-testid": "conversation-more-option-panel", "data-cp-name": "ConversationMoreOptionPanel", className: "grid grid-cols-4 gap-y-5 bg-white py-5", children: options.map((option) => (_jsx(ConversationMoreOptionItem, { option: Object.assign(Object.assign({}, option), { enabled: option.enabled && !disabled }), onSelect: handleSelectOption }, option.key))) }));
+    return (_jsx("div", { "data-testid": "conversation-more-option-panel", "data-cp-name": "ConversationMoreOptionPanel", className: "grid grid-cols-4 gap-y-5 bg-white py-5", children: options
+            .filter((option) => option.enabled)
+            .map((option) => (_jsx(ConversationMoreOptionItem, { option: Object.assign(Object.assign({}, option), { enabled: !disabled }), onSelect: handleSelectOption }, option.key))) }));
 };
 export default ConversationMoreOptionPanel;

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

@@ -5,7 +5,11 @@ interface ThreadProfilePanelProps {
     conversation: ConversationItem;
     onClose: () => void;
     onSelectResource: (tabKey: MediaResourceTabKey) => void;
+    /** Quick actions and action rows from the BIZ profile design. */
+    showActions?: boolean;
+    /** Wires the "Tìm tin nhắn" quick action. */
+    onSearch?: () => void;
 }
-declare const ThreadProfilePanel: ({ open, conversation, onClose, onSelectResource, }: ThreadProfilePanelProps) => import("react/jsx-runtime").JSX.Element;
+declare const ThreadProfilePanel: ({ open, conversation, onClose, onSelectResource, showActions, onSearch, }: ThreadProfilePanelProps) => import("react/jsx-runtime").JSX.Element;
 export default ThreadProfilePanel;
 //# sourceMappingURL=ThreadProfilePanel.d.ts.map

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

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

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

@@ -9,20 +9,30 @@ import { PeerType } from "../../types/conversation";
 import { resolvePeerBadgeColor } from "../../utils/conversation";
 import { useConversationPeerIdentity } from "../../hooks/conversation/useConversationPeerIdentity";
 import { useLeaveGroupAction } from "../../hooks/group/useLeaveGroupAction";
+import { useConversationTarget } from "../../hooks/conversation/useConversationTarget";
+import useConversationStore from "../../store/conversation";
 import LeaveGroupBlockedModal from "./LeaveGroupBlockedModal";
 import LeaveGroupConfirmModal from "./LeaveGroupConfirmModal";
+import ThreadProfileQuickActions from "./profile/ThreadProfileQuickActions";
+import ThreadProfileActionRows from "./profile/ThreadProfileActionRows";
 const PROFILE_AVATAR_SIZE = 96;
-const ThreadProfilePanel = ({ open, conversation, onClose, onSelectResource, }) => {
+const PERSON_PEER_TYPES = [PeerType.USER, PeerType.CUSTOMER];
+const ThreadProfilePanel = ({ open, conversation, onClose, onSelectResource, showActions = false, onSearch, }) => {
+    var _a;
     const { t } = useTranslation("conversation-inbox");
     const { displayName, avatarUrl, peerType, badgeLabel } = useConversationPeerIdentity(conversation);
+    const isGroupThread = conversation.peerType === PeerType.GROUP;
+    const isViewOnly = useConversationStore((state) => isGroupThread && state.isViewOnlyMember);
+    const showPersonRows = PERSON_PEER_TYPES.includes((_a = conversation.peerType) !== null && _a !== void 0 ? _a : "");
+    const { isTargetActive } = useConversationTarget(conversation.conversationID, open && showActions && showPersonRows);
     const { canLeaveGroup, isPublicGroup, isLeaving, isConfirmOpen, isBlockedOpen, openLeaveGroup, confirmLeaveGroup, closeConfirm, closeBlocked, } = useLeaveGroupAction({
         groupID: conversation.groupID,
         conversationID: conversation.conversationID,
-        isGroupThread: conversation.peerType === PeerType.GROUP,
+        isGroupThread,
         onLeft: onClose,
     });
     return (_jsxs(Drawer, { open: open, onClose: onClose, placement: "right", closeIcon: false, width: "100%", "data-cp-name": "ThreadProfilePanel", styles: {
             body: { padding: 0 },
-        }, getContainer: false, forceRender: true, destroyOnHidden: true, children: [_jsxs("div", { className: "flex h-full flex-col bg-gray-25", children: [_jsxs("div", { className: "flex w-full items-center bg-white p-2", children: [_jsx("button", { type: "button", "data-testid": "thread-profile-back", 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("thread_detail.options_title") })] }), _jsxs("div", { className: "flex flex-col items-center gap-2 bg-white px-0 py-2", children: [_jsxs("div", { className: "relative h-24 w-24 shrink-0", children: [_jsx(Avatar, { size: PROFILE_AVATAR_SIZE, src: avatarUrl || undefined, alt: displayName, className: "uppercase", children: (displayName === null || displayName === void 0 ? void 0 : displayName.charAt(0)) || "A" }), badgeLabel && (_jsx("span", { className: clsx("absolute bottom-1 right-0 flex h-[17px] items-center justify-center rounded-md border border-white px-1 text-[10px] font-semibold leading-3 text-white shadow-badge-inset", resolvePeerBadgeColor(peerType)), children: badgeLabel }))] }), _jsx("p", { className: "w-full truncate text-center text-[18px] font-bold leading-[1.6] text-gray-900", children: displayName })] }), _jsx("div", { className: "flex flex-col px-3 py-1.5", children: _jsx(MediaEntryCard, { onSelect: onSelectResource }) }), canLeaveGroup && (_jsx("div", { className: "flex flex-col px-3 py-1.5", children: _jsx("div", { className: "overflow-hidden rounded-xl bg-white", children: _jsxs("button", { type: "button", "data-testid": "thread-profile-leave-group", className: "flex w-full cursor-pointer items-center gap-2 p-4 text-danger-400", onClick: openLeaveGroup, children: [_jsx(Icon, { icon: "logout-o", size: 24 }), _jsx("span", { className: "text-[16px] font-medium leading-[1.6]", children: t("thread_detail.leave_group.action") })] }) }) }))] }), _jsx(LeaveGroupConfirmModal, { open: isConfirmOpen, loading: isLeaving, isPublicGroup: isPublicGroup, onCancel: closeConfirm, onConfirm: confirmLeaveGroup }), _jsx(LeaveGroupBlockedModal, { open: isBlockedOpen, onClose: closeBlocked })] }));
+        }, getContainer: false, forceRender: true, destroyOnHidden: true, children: [_jsxs("div", { className: clsx("flex h-full flex-col bg-gray-25", showActions && "overflow-y-auto"), children: [_jsxs("div", { className: clsx("flex w-full items-center bg-white p-2", showActions && "sticky top-0 z-10 shrink-0"), children: [_jsx("button", { type: "button", "data-testid": "thread-profile-back", 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("thread_detail.options_title") })] }), _jsxs("div", { className: "flex flex-col items-center gap-2 bg-white px-0 py-2", children: [_jsxs("div", { className: "relative h-24 w-24 shrink-0", children: [_jsx(Avatar, { size: PROFILE_AVATAR_SIZE, src: avatarUrl || undefined, alt: displayName, className: "uppercase", children: (displayName === null || displayName === void 0 ? void 0 : displayName.charAt(0)) || "A" }), badgeLabel && (_jsx("span", { className: clsx("absolute bottom-1 right-0 flex h-[17px] items-center justify-center rounded-md border border-white px-1 text-[10px] font-semibold leading-3 text-white shadow-badge-inset", resolvePeerBadgeColor(peerType)), children: badgeLabel }))] }), _jsx("p", { className: "w-full truncate text-center text-[18px] font-bold leading-[1.6] text-gray-900", children: displayName }), showActions && (_jsx(ThreadProfileQuickActions, { conversation: conversation, isViewOnly: isViewOnly, onSearch: onSearch }, conversation.conversationID))] }), _jsx("div", { className: "flex flex-col px-3 py-1.5", children: _jsx(MediaEntryCard, { onSelect: onSelectResource }) }), showActions && (_jsx(ThreadProfileActionRows, { conversation: conversation, displayName: displayName, showPersonRows: showPersonRows, isTargetActive: isTargetActive, isViewOnly: isViewOnly, canLeaveGroup: canLeaveGroup, onLeaveGroup: openLeaveGroup }, conversation.conversationID)), !showActions && canLeaveGroup && (_jsx("div", { className: "flex flex-col px-3 py-1.5", children: _jsx("div", { className: "overflow-hidden rounded-xl bg-white", children: _jsxs("button", { type: "button", "data-testid": "thread-profile-leave-group", className: "flex w-full cursor-pointer items-center gap-2 p-4 text-danger-400", onClick: openLeaveGroup, children: [_jsx(Icon, { icon: "logout-o", size: 24 }), _jsx("span", { className: "text-[16px] font-medium leading-[1.6]", children: t("thread_detail.leave_group.action") })] }) }) }))] }), _jsx(LeaveGroupConfirmModal, { open: isConfirmOpen, loading: isLeaving, isPublicGroup: isPublicGroup, onCancel: closeConfirm, onConfirm: confirmLeaveGroup }), _jsx(LeaveGroupBlockedModal, { open: isBlockedOpen, onClose: closeBlocked })] }));
 };
 export default ThreadProfilePanel;

package/dist/components/conversation-detail/profile/PinThreadLimitModal.d.ts

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

package/dist/components/conversation-detail/profile/PinThreadLimitModal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PinThreadLimitModal.d.ts","sourceRoot":"","sources":["../../../../src/components/conversation-detail/profile/PinThreadLimitModal.tsx"],"names":[],"mappings":"AAOA,MAAM,WAAW,wBAAwB;IACvC,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAGD,QAAA,MAAM,mBAAmB,GAAI,mBAAmB,wBAAwB,4CA6CvE,CAAC;AAEF,eAAe,mBAAmB,CAAC"}

package/dist/components/conversation-detail/profile/PinThreadLimitModal.js

@@ -0,0 +1,14 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Modal, Button } from "antd";
+import { useTranslation } from "react-i18next";
+const MODAL_WIDTH = 400;
+// Same blocking-modal layout as LeaveGroupBlockedModal.
+const PinThreadLimitModal = ({ open, onClose }) => {
+    const { t } = useTranslation("conversation-inbox");
+    return (_jsx(Modal, { "data-cp-name": "PinThreadLimitModal", open: open, onCancel: onClose, footer: null, closable: false, centered: true, width: MODAL_WIDTH, styles: {
+            content: { padding: 0, overflow: "hidden", borderRadius: 16 },
+            body: { padding: 0 },
+        }, children: _jsxs("div", { role: "alertdialog", "aria-label": t("thread_detail.profile.pin_limit_title"), className: "flex flex-col bg-white", children: [_jsxs("div", { className: "flex flex-col gap-3 p-4 text-center text-gray-900", children: [_jsx("p", { className: "text-[18px] font-bold leading-[1.6]", children: t("thread_detail.profile.pin_limit_title") }), _jsx("p", { className: "text-[16px] leading-[1.6] tracking-[0.16px]", children: t("thread_detail.profile.pin_limit_desc") })] }), _jsx("div", { className: "border-t border-gray-25" }), _jsx("div", { className: "p-4", children: _jsx(Button, { "data-testid": "pin-thread-limit-confirm", type: "primary", className: "h-12 w-full !rounded-lg !border-[var(--dc-color-primary)] !bg-[var(--dc-color-primary)] !text-[16px] !font-medium !text-white hover:!border-[var(--dc-color-primary-hover)] hover:!bg-[var(--dc-color-primary-hover)]", onClick: onClose, children: t("thread_detail.profile.pin_limit_confirm") }) })] }) }));
+};
+export default PinThreadLimitModal;

package/dist/components/conversation-detail/profile/ThreadProfileActionRows.d.ts

@@ -0,0 +1,15 @@
+import type { ConversationItem } from "@droppii-org/wasm-client-sdk";
+export interface ThreadProfileActionRowsProps {
+    conversation: ConversationItem;
+    displayName: string;
+    /** Orders / create group / add to group: 1-1 threads with a person. */
+    showPersonRows: boolean;
+    isTargetActive: boolean;
+    /** A non-member viewing a public group: no pin, delete or leave. */
+    isViewOnly: boolean;
+    canLeaveGroup: boolean;
+    onLeaveGroup: () => void;
+}
+declare const ThreadProfileActionRows: ({ conversation, displayName, showPersonRows, isTargetActive, isViewOnly, canLeaveGroup, onLeaveGroup, }: ThreadProfileActionRowsProps) => import("react/jsx-runtime").JSX.Element;
+export default ThreadProfileActionRows;
+//# sourceMappingURL=ThreadProfileActionRows.d.ts.map

package/dist/components/conversation-detail/profile/ThreadProfileActionRows.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThreadProfileActionRows.d.ts","sourceRoot":"","sources":["../../../../src/components/conversation-detail/profile/ThreadProfileActionRows.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AAiDrE,MAAM,WAAW,4BAA4B;IAC3C,YAAY,EAAE,gBAAgB,CAAC;IAC/B,WAAW,EAAE,MAAM,CAAC;IACpB,uEAAuE;IACvE,cAAc,EAAE,OAAO,CAAC;IACxB,cAAc,EAAE,OAAO,CAAC;IACxB,oEAAoE;IACpE,UAAU,EAAE,OAAO,CAAC;IACpB,aAAa,EAAE,OAAO,CAAC;IACvB,YAAY,EAAE,MAAM,IAAI,CAAC;CAC1B;AAID,QAAA,MAAM,uBAAuB,GAAI,yGAQ9B,4BAA4B,4CAqE9B,CAAC;AAEF,eAAe,uBAAuB,CAAC"}

package/dist/components/conversation-detail/profile/ThreadProfileActionRows.js

@@ -0,0 +1,20 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import clsx from "clsx";
+import { useTranslation } from "react-i18next";
+import { Icon } from "../../../components/icon";
+import { usePinConversation } from "../../../hooks/conversation/usePinConversation";
+import PinThreadLimitModal from "./PinThreadLimitModal";
+const ProfileActionRow = ({ icon, label, testId, danger, chevron, onClick, }) => (_jsx("div", { className: "group/row px-3", children: _jsxs("button", { type: "button", "data-testid": testId, className: clsx("flex w-full cursor-pointer items-center gap-3 border-b border-gray-25 py-3 text-left group-last/row:border-b-0", danger ? "text-danger-400" : "text-gray-900"), onClick: onClick, children: [_jsx(Icon, { icon: icon, size: 24, className: "shrink-0" }), _jsx("span", { className: "min-w-0 flex-1 truncate text-[16px] font-medium leading-[1.6]", children: label }), chevron && (_jsx(Icon, { icon: "angle-right-o", size: 20, className: "shrink-0 text-gray-400" }))] }) }));
+const Card = ({ children }) => (_jsx("div", { className: "flex flex-col px-3 py-1.5", children: _jsx("div", { className: "overflow-hidden rounded-xl bg-white", children: children }) }));
+// Orders, create group, add to group and delete history are UI-only until
+// their own tickets land (spec: "UI ready requirement").
+const ThreadProfileActionRows = ({ conversation, displayName, showPersonRows, isTargetActive, isViewOnly, canLeaveGroup, onLeaveGroup, }) => {
+    const { t } = useTranslation("conversation-inbox");
+    const { togglePin, isLimitOpen, closeLimit } = usePinConversation();
+    const isPinned = !!conversation.isPinned;
+    const showGroupRows = showPersonRows && isTargetActive;
+    const canEditThread = !isViewOnly;
+    return (_jsxs(_Fragment, { children: [(showPersonRows || canEditThread) && (_jsxs(Card, { children: [showPersonRows && (_jsx(ProfileActionRow, { icon: "receipt-o", label: t("thread_detail.profile.orders", { name: displayName }), testId: "thread-profile-orders", chevron: true })), showGroupRows && (_jsx(ProfileActionRow, { icon: "user-three-o", label: t("thread_detail.profile.create_group", { name: displayName }), testId: "thread-profile-create-group", chevron: true })), showGroupRows && (_jsx(ProfileActionRow, { icon: "user-add-o", label: t("thread_detail.profile.add_to_group"), testId: "thread-profile-add-to-group", chevron: true })), canEditThread && (_jsx(ProfileActionRow, { icon: isPinned ? "thumbtack-off-o" : "thumbtack-o", label: t(isPinned ? "thread_detail.profile.unpin" : "thread_detail.profile.pin"), testId: "thread-profile-pin", onClick: () => togglePin(conversation) }))] })), (canLeaveGroup || canEditThread) && (_jsxs(Card, { children: [canLeaveGroup && (_jsx(ProfileActionRow, { icon: "logout-o", label: t("thread_detail.leave_group.action"), testId: "thread-profile-leave-group", danger: true, onClick: onLeaveGroup })), canEditThread && (_jsx(ProfileActionRow, { icon: "trash-alt-o", label: t("thread_detail.profile.delete_history"), testId: "thread-profile-delete-history", danger: true }))] })), _jsx(PinThreadLimitModal, { open: isLimitOpen, onClose: closeLimit })] }));
+};
+export default ThreadProfileActionRows;

package/dist/components/conversation-detail/profile/ThreadProfileQuickActions.d.ts

@@ -0,0 +1,11 @@
+import type { ConversationItem } from "@droppii-org/wasm-client-sdk";
+interface ThreadProfileQuickActionsProps {
+    conversation: ConversationItem;
+    /** A non-member viewing a public group: no search (BE only serves members) and no mute. */
+    isViewOnly: boolean;
+    /** Opens search in this thread; without it the entry stays UI-only. */
+    onSearch?: () => void;
+}
+declare const ThreadProfileQuickActions: ({ conversation, isViewOnly, onSearch, }: ThreadProfileQuickActionsProps) => import("react/jsx-runtime").JSX.Element | null;
+export default ThreadProfileQuickActions;
+//# sourceMappingURL=ThreadProfileQuickActions.d.ts.map

package/dist/components/conversation-detail/profile/ThreadProfileQuickActions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThreadProfileQuickActions.d.ts","sourceRoot":"","sources":["../../../../src/components/conversation-detail/profile/ThreadProfileQuickActions.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AA6CrE,UAAU,8BAA8B;IACtC,YAAY,EAAE,gBAAgB,CAAC;IAC/B,2FAA2F;IAC3F,UAAU,EAAE,OAAO,CAAC;IACpB,uEAAuE;IACvE,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,QAAA,MAAM,yBAAyB,GAAI,yCAIhC,8BAA8B,mDAkDhC,CAAC;AAEF,eAAe,yBAAyB,CAAC"}

package/dist/components/conversation-detail/profile/ThreadProfileQuickActions.js

@@ -0,0 +1,36 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import clsx from "clsx";
+import { useTranslation } from "react-i18next";
+import { Icon } from "../../../components/icon";
+import MuteConversationConfirmModal from "../../../components/conversation-inbox/MuteConversationConfirmModal";
+import { isConversationMuted, useMuteConversation, } from "../../../hooks/session/useMuteConversation";
+const QuickAction = ({ icon, label, active, testId, onClick, }) => (_jsxs("button", { type: "button", "data-testid": testId, className: "flex w-[104px] cursor-pointer flex-col items-center gap-1 px-3 py-2", onClick: onClick, children: [_jsx("span", { className: clsx("flex h-10 w-10 items-center justify-center rounded-full", active
+                ? "bg-[var(--dc-color-primary)] text-white"
+                : "bg-gray-25 text-gray-900"), children: _jsx(Icon, { icon: icon, size: 18 }) }), _jsx("span", { className: "whitespace-nowrap text-center text-[13px] font-medium leading-[1.6] text-gray-900", children: label })] }));
+const ThreadProfileQuickActions = ({ conversation, isViewOnly, onSearch, }) => {
+    const { t } = useTranslation("conversation-inbox");
+    const { muteConversation, unmuteConversation, isPending } = useMuteConversation();
+    const [isConfirmOpen, setIsConfirmOpen] = useState(false);
+    const isMuted = isConversationMuted(conversation.recvMsgOpt);
+    const handleMuteClick = () => {
+        if (isPending)
+            return;
+        if (isMuted) {
+            unmuteConversation(conversation.conversationID);
+            return;
+        }
+        setIsConfirmOpen(true);
+    };
+    const handleConfirmMute = () => {
+        setIsConfirmOpen(false);
+        muteConversation(conversation.conversationID);
+    };
+    if (isViewOnly)
+        return null;
+    return (_jsxs("div", { className: "flex items-center justify-center gap-2", children: [_jsx(QuickAction, { icon: "search-o", label: t("thread_detail.profile.search"), testId: "thread-profile-search", onClick: onSearch }), _jsx(QuickAction, { icon: isMuted ? "bell-b" : "bell-off-o", label: t(isMuted
+                    ? "thread_card.mute.unmute_action"
+                    : "thread_card.mute.mute_action"), active: isMuted, testId: "thread-profile-mute", onClick: handleMuteClick }), _jsx(MuteConversationConfirmModal, { open: isConfirmOpen, loading: isPending, onCancel: () => setIsConfirmOpen(false), onConfirm: handleConfirmMute })] }));
+};
+export default ThreadProfileQuickActions;

package/dist/components/conversation-detail/thread-search/ThreadSearchContent.d.ts

@@ -0,0 +1,13 @@
+import { type RefObject } from "react";
+import { type InputRef } from "antd";
+import { type ConversationItem } from "@droppii-org/wasm-client-sdk";
+export interface ThreadSearchContentProps {
+    conversation: ConversationItem;
+    inputRef: RefObject<InputRef>;
+    onClose: () => void;
+    /** Host toast for a hit that was revoked meanwhile; the SDK toast shows otherwise. */
+    onSearchMessageRevoked?: () => void;
+}
+declare const ThreadSearchContent: ({ conversation, inputRef, onClose, onSearchMessageRevoked, }: ThreadSearchContentProps) => import("react/jsx-runtime").JSX.Element;
+export default ThreadSearchContent;
+//# sourceMappingURL=ThreadSearchContent.d.ts.map

package/dist/components/conversation-detail/thread-search/ThreadSearchContent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThreadSearchContent.d.ts","sourceRoot":"","sources":["../../../../src/components/conversation-detail/thread-search/ThreadSearchContent.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAY,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACjD,OAAO,EAAwC,KAAK,QAAQ,EAAE,MAAM,MAAM,CAAC;AAI3E,OAAO,EAEL,KAAK,gBAAgB,EAEtB,MAAM,8BAA8B,CAAC;AAYtC,MAAM,WAAW,wBAAwB;IACvC,YAAY,EAAE,gBAAgB,CAAC;IAC/B,QAAQ,EAAE,SAAS,CAAC,QAAQ,CAAC,CAAC;IAC9B,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,sFAAsF;IACtF,sBAAsB,CAAC,EAAE,MAAM,IAAI,CAAC;CACrC;AAGD,QAAA,MAAM,mBAAmB,GAAI,8DAK1B,wBAAwB,4CAoJ1B,CAAC;AAEF,eAAe,mBAAmB,CAAC"}

package/dist/components/conversation-detail/thread-search/ThreadSearchContent.js

@@ -0,0 +1,70 @@
+"use client";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { Input, Spin, message as toastMessage } from "antd";
+import { useDebounce } from "ahooks";
+import InfiniteScroll from "react-infinite-scroll-component";
+import { useTranslation } from "react-i18next";
+import { MessageType, } from "@droppii-org/wasm-client-sdk";
+import { Icon } from "../../../components/icon";
+import ContactSearchStateMessage from "../../../components/conversation-inbox/contact-search/ContactSearchStateMessage";
+import { useSearchThreadMessages } from "../../../hooks/search/useSearchThreadMessages";
+import useAuthStore from "../../../store/auth";
+import useConversationStore from "../../../store/conversation";
+import { emit } from "../../../utils/events";
+import ThreadSearchResultItem from "./ThreadSearchResultItem";
+import { THREAD_SEARCH_DEBOUNCE_MS } from "./utils";
+const SCROLL_TARGET_ID = "thread-search-results";
+// Lives inside the Drawer, which destroys it on close: every open starts from an empty keyword.
+const ThreadSearchContent = ({ conversation, inputRef, onClose, onSearchMessageRevoked, }) => {
+    const { t } = useTranslation("conversation-inbox");
+    const { t: tCommon } = useTranslation();
+    const selfUserID = useAuthStore((state) => state.userID);
+    const [keyword, setKeyword] = useState("");
+    const debouncedKeyword = useDebounce(keyword, {
+        wait: THREAD_SEARCH_DEBOUNCE_MS,
+    });
+    const typedTerm = keyword.trim();
+    const term = typedTerm ? debouncedKeyword.trim() : "";
+    const { results, isLoading, isError, hasNextPage, isFetchNextPageError, fetchNextPage, } = useSearchThreadMessages(conversation.conversationID, term);
+    const handleSelect = (hit) => {
+        if (hit.isRevoked || hit.contentType === MessageType.RevokeMessage) {
+            if (onSearchMessageRevoked)
+                onSearchMessageRevoked();
+            else
+                toastMessage.info(tCommon("message_revoked_or_deleted"));
+            return;
+        }
+        // Same jump as the pinned list, with the longer search highlight.
+        const store = useConversationStore.getState();
+        store.setHeldHighlightClientMsgID(hit.clientMsgID);
+        store.setSearchClientMsgID(hit.clientMsgID);
+        emit("CHAT_LIST_SCROLL_TO_MESSAGE", hit.clientMsgID);
+        onClose();
+    };
+    const renderBody = () => {
+        if (!typedTerm || !term) {
+            return (_jsx("div", { role: "status", className: "flex flex-1 flex-col", children: _jsx(ContactSearchStateMessage, { testId: "thread-search-initial", children: t("thread_detail.search.initial") }) }));
+        }
+        if (isLoading) {
+            return (_jsx("div", { "data-testid": "thread-search-loading", className: "flex justify-center py-8", children: _jsx(Spin, {}) }));
+        }
+        if (results.length === 0) {
+            return (_jsx("div", { role: "status", className: "flex flex-1 flex-col", children: _jsx(ContactSearchStateMessage, { testId: "thread-search-empty", children: isError ? (t("thread_detail.search.failed")) : (_jsxs(_Fragment, { children: [_jsx("span", { className: "block", children: t("thread_detail.search.no_result_title") }), _jsx("span", { className: "block", children: t("thread_detail.search.no_result_hint") })] })) }) }));
+        }
+        return (_jsx("div", { id: SCROLL_TARGET_ID, className: "min-h-0 flex-1 overflow-y-auto", children: _jsx(InfiniteScroll, { dataLength: results.length, next: fetchNextPage, 
+                // A failed page would otherwise leave the loader spinning for good.
+                hasMore: !!hasNextPage && !isFetchNextPageError, loader: _jsx("div", { className: "flex justify-center py-2", children: _jsx(Spin, {}) }), scrollableTarget: SCROLL_TARGET_ID, children: results.map((item) => {
+                    var _a;
+                    return (_jsx(ThreadSearchResultItem, { message: Object.assign(Object.assign({}, item.chatLog), { 
+                            // The app endpoint reports it on chatLog, the CRM one on the item.
+                            isRevoked: (_a = item.chatLog.isRevoked) !== null && _a !== void 0 ? _a : item.isRevoked }), conversation: conversation, selfUserID: selfUserID, searchTerm: term, onSelect: handleSelect }, item.chatLog.clientMsgID));
+                }) }) }));
+    };
+    return (_jsxs("div", { className: "flex h-full flex-col bg-white", children: [_jsxs("div", { className: "flex shrink-0 items-center gap-2 border-b border-gray-25 p-2", children: [_jsx("button", { type: "button", "data-testid": "thread-search-back", "aria-label": t("thread_detail.search.back"), 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(Input, { ref: inputRef, allowClear: true, autoFocus: true, value: keyword, "aria-label": t("thread_detail.search.placeholder"), "data-testid": "thread-search-input", placeholder: t("thread_detail.search.placeholder"), prefix: _jsx("span", { className: "flex h-10 w-10 items-center justify-center", children: _jsx(Icon, { icon: "search-o", size: 18 }) }), className: "!h-10 !flex-1 !rounded-lg !border-none !bg-gray-25 !p-0 !shadow-none", classNames: {
+                            prefix: "!m-0 text-gray-600",
+                            input: "!bg-transparent !px-0 !text-[14px] !leading-[1.6] !text-gray-900",
+                            suffix: "!mr-4",
+                        }, onChange: (event) => setKeyword(event.target.value) })] }), renderBody()] }));
+};
+export default ThreadSearchContent;

package/dist/components/conversation-detail/thread-search/ThreadSearchPanel.d.ts

@@ -0,0 +1,11 @@
+import type { ConversationItem } from "@droppii-org/wasm-client-sdk";
+interface ThreadSearchPanelProps {
+    open: boolean;
+    conversation: ConversationItem;
+    onClose: () => void;
+    /** Host toast for a hit that was revoked meanwhile; the SDK toast shows otherwise. */
+    onSearchMessageRevoked?: () => void;
+}
+declare const ThreadSearchPanel: ({ open, conversation, onClose, onSearchMessageRevoked, }: ThreadSearchPanelProps) => import("react/jsx-runtime").JSX.Element;
+export default ThreadSearchPanel;
+//# sourceMappingURL=ThreadSearchPanel.d.ts.map

package/dist/components/conversation-detail/thread-search/ThreadSearchPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThreadSearchPanel.d.ts","sourceRoot":"","sources":["../../../../src/components/conversation-detail/thread-search/ThreadSearchPanel.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AAGrE,UAAU,sBAAsB;IAC9B,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,gBAAgB,CAAC;IAC/B,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,sFAAsF;IACtF,sBAAsB,CAAC,EAAE,MAAM,IAAI,CAAC;CACrC;AAED,QAAA,MAAM,iBAAiB,GAAI,0DAKxB,sBAAsB,4CAyBxB,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/dist/components/conversation-detail/thread-search/ThreadSearchPanel.js

@@ -0,0 +1,12 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useRef } from "react";
+import { Drawer } from "antd";
+import ThreadSearchContent from "./ThreadSearchContent";
+const ThreadSearchPanel = ({ open, conversation, onClose, onSearchMessageRevoked, }) => {
+    const inputRef = useRef(null);
+    return (_jsx(Drawer, { open: open, onClose: onClose, placement: "right", closeIcon: false, width: "100%", "data-cp-name": "ThreadSearchPanel", styles: { body: { padding: 0 } }, getContainer: false, destroyOnHidden: true, 
+        // rc-drawer focuses its own panel after mount, which beats autoFocus.
+        afterOpenChange: (visible) => { var _a; return visible && ((_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus()); }, children: _jsx(ThreadSearchContent, { conversation: conversation, inputRef: inputRef, onClose: onClose, onSearchMessageRevoked: onSearchMessageRevoked }) }));
+};
+export default ThreadSearchPanel;

package/dist/components/conversation-detail/thread-search/ThreadSearchResultItem.d.ts

@@ -0,0 +1,11 @@
+import type { ConversationItem, MessageItem } from "@droppii-org/wasm-client-sdk";
+interface ThreadSearchResultItemProps {
+    message: MessageItem;
+    conversation: ConversationItem;
+    selfUserID: string;
+    searchTerm: string;
+    onSelect: (message: MessageItem) => void;
+}
+declare const ThreadSearchResultItem: ({ message, conversation, selfUserID, searchTerm, onSelect, }: ThreadSearchResultItemProps) => import("react/jsx-runtime").JSX.Element;
+export default ThreadSearchResultItem;
+//# sourceMappingURL=ThreadSearchResultItem.d.ts.map

package/dist/components/conversation-detail/thread-search/ThreadSearchResultItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThreadSearchResultItem.d.ts","sourceRoot":"","sources":["../../../../src/components/conversation-detail/thread-search/ThreadSearchResultItem.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EACV,gBAAgB,EAChB,WAAW,EACZ,MAAM,8BAA8B,CAAC;AAQtC,UAAU,2BAA2B;IACnC,OAAO,EAAE,WAAW,CAAC;IACrB,YAAY,EAAE,gBAAgB,CAAC;IAC/B,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,CAAC,OAAO,EAAE,WAAW,KAAK,IAAI,CAAC;CAC1C;AAED,QAAA,MAAM,sBAAsB,GAAI,8DAM7B,2BAA2B,4CA+D7B,CAAC;AAEF,eAAe,sBAAsB,CAAC"}

package/dist/components/conversation-detail/thread-search/ThreadSearchResultItem.js

@@ -0,0 +1,24 @@
+"use client";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Avatar } from "antd";
+import { useTranslation } from "react-i18next";
+import { Icon } from "../../../components/icon";
+import { PeerType } from "../../../types/conversation";
+import { formatTimestamp, splitHighlight } from "../../../utils/common";
+import { getSearchHitText } from "./utils";
+const AVATAR_SIZE = 40;
+const ThreadSearchResultItem = ({ message, conversation, selfUserID, searchTerm, onSelect, }) => {
+    const { t } = useTranslation("conversation-inbox");
+    const isOwn = !!selfUserID && message.sendID === selfUserID;
+    // Bot threads are answered by a system account; show the bot like biz-mobile does.
+    const isBotSender = !isOwn && conversation.peerType === PeerType.BOT;
+    const name = isOwn
+        ? t("thread_detail.search.you")
+        : (isBotSender ? conversation.showName : message.senderNickname) || "";
+    const avatarUrl = isBotSender ? conversation.faceURL : message.senderFaceUrl;
+    const time = formatTimestamp(message.sendTime, { hasTime: true });
+    const text = getSearchHitText(message);
+    const parts = splitHighlight(text, searchTerm.trim());
+    return (_jsx("div", { className: "group/row px-3", children: _jsxs("button", { type: "button", "data-testid": "thread-search-result", className: "flex w-full cursor-pointer items-center gap-4 border-b border-gray-25 py-2 text-left group-last/row:border-b-0", onClick: () => onSelect(message), children: [_jsxs("span", { className: "flex min-w-0 flex-1 items-center gap-2", children: [_jsx(Avatar, { size: AVATAR_SIZE, src: avatarUrl || undefined, alt: name, className: "shrink-0 uppercase", children: name.charAt(0) || "A" }), _jsxs("span", { className: "flex min-w-0 flex-1 flex-col", children: [_jsx("span", { className: "truncate text-[16px] font-medium leading-[1.6] text-black", children: name }), _jsxs("span", { className: "flex min-w-0 text-[14px] leading-[1.6] text-gray-600", children: [_jsx("span", { "data-testid": "thread-search-result-preview", className: "min-w-0 truncate", children: parts ? (_jsxs(_Fragment, { children: [parts.before, _jsx("span", { className: "text-[var(--dc-color-primary)]", children: parts.match }), parts.after] })) : (text) }), _jsx("span", { className: "shrink-0 whitespace-pre", children: ` • ${time}` })] })] })] }), _jsx(Icon, { icon: "angle-right-o", size: 24, className: "shrink-0 text-gray-600" })] }) }));
+};
+export default ThreadSearchResultItem;

package/dist/components/conversation-detail/thread-search/utils.d.ts

@@ -0,0 +1,8 @@
+import type { MessageItem } from "@droppii-org/wasm-client-sdk";
+export declare const THREAD_SEARCH_DEBOUNCE_MS = 500;
+/**
+ * Visible text of a search hit. Text and link messages keep it in `content`,
+ * quote and mention messages in `text`; line breaks collapse for the one-line preview.
+ */
+export declare const getSearchHitText: (message: Pick<MessageItem, "content">) => string;
+//# sourceMappingURL=utils.d.ts.map

package/dist/components/conversation-detail/thread-search/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../src/components/conversation-detail/thread-search/utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAEhE,eAAO,MAAM,yBAAyB,MAAM,CAAC;AAE7C;;;GAGG;AACH,eAAO,MAAM,gBAAgB,GAAI,SAAS,IAAI,CAAC,WAAW,EAAE,SAAS,CAAC,WASrE,CAAC"}

package/dist/components/conversation-detail/thread-search/utils.js

@@ -0,0 +1,17 @@
+export const THREAD_SEARCH_DEBOUNCE_MS = 500;
+/**
+ * Visible text of a search hit. Text and link messages keep it in `content`,
+ * quote and mention messages in `text`; line breaks collapse for the one-line preview.
+ */
+export const getSearchHitText = (message) => {
+    var _a, _b;
+    let text = "";
+    try {
+        const parsed = JSON.parse(message.content || "{}");
+        text = (_b = (_a = parsed === null || parsed === void 0 ? void 0 : parsed.content) !== null && _a !== void 0 ? _a : parsed === null || parsed === void 0 ? void 0 : parsed.text) !== null && _b !== void 0 ? _b : "";
+    }
+    catch (_c) {
+        text = typeof message.content === "string" ? message.content : "";
+    }
+    return String(text).replace(/\s+/g, " ").trim();
+};

package/dist/components/conversation-inbox/ConversationInboxItem.d.ts

@@ -2,7 +2,9 @@ import type { ConversationListItem } from "../../types/conversation";
 export interface ConversationInboxItemProps {
     item: ConversationListItem;
     onClick: (item: ConversationListItem) => void;
+    /** Ghim / Bỏ ghim in the swipe actions plus a right-click menu. Defaults to false. */
+    showPinThread?: boolean;
 }
-declare const ConversationInboxItem: ({ item, onClick }: ConversationInboxItemProps) => import("react/jsx-runtime").JSX.Element;
+declare const ConversationInboxItem: ({ item, onClick, showPinThread, }: ConversationInboxItemProps) => import("react/jsx-runtime").JSX.Element;
 export default ConversationInboxItem;
 //# sourceMappingURL=ConversationInboxItem.d.ts.map

package/dist/components/conversation-inbox/ConversationInboxItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ConversationInboxItem.d.ts","sourceRoot":"","sources":["../../../src/components/conversation-inbox/ConversationInboxItem.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AAoBjE,MAAM,WAAW,0BAA0B;IACzC,IAAI,EAAE,oBAAoB,CAAC;IAC3B,OAAO,EAAE,CAAC,IAAI,EAAE,oBAAoB,KAAK,IAAI,CAAC;CAC/C;AAQD,QAAA,MAAM,qBAAqB,GAAI,mBAAmB,0BAA0B,4CAkG3E,CAAC;AAEF,eAAe,qBAAqB,CAAC"}
+{"version":3,"file":"ConversationInboxItem.d.ts","sourceRoot":"","sources":["../../../src/components/conversation-inbox/ConversationInboxItem.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AAkBjE,MAAM,WAAW,0BAA0B;IACzC,IAAI,EAAE,oBAAoB,CAAC;IAC3B,OAAO,EAAE,CAAC,IAAI,EAAE,oBAAoB,KAAK,IAAI,CAAC;IAC9C,sFAAsF;IACtF,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAQD,QAAA,MAAM,qBAAqB,GAAI,mCAI5B,0BAA0B,4CAwG5B,CAAC;AAEF,eAAe,qBAAqB,CAAC"}

package/dist/components/conversation-inbox/ConversationInboxItem.js

@@ -12,19 +12,17 @@ import { useIsJoinedGroup } from "../../hooks/session/useIsJoinedGroup";
 import { isConversationMuted } from "../../hooks/session/useMuteConversation";
 import ThreadCard from "../../components/conversation/ThreadCard";
 import MentionIndicatorIcon from "../../components/conversation/MentionIndicatorIcon";
-import SwipeableRow from "../../components/conversation/SwipeableRow";
-import { SWIPE_ACTION_WIDTH } from "../../components/conversation/SwipeActionButton";
 import { Icon } from "../../components/icon";
 import ConversationPeerAvatar from "./ConversationPeerAvatar";
 import ConversationInboxTitle from "./ConversationInboxTitle";
-import ConversationMuteSwipeAction from "./ConversationMuteSwipeAction";
+import ConversationThreadActions from "./ConversationThreadActions";
 const formatLatestMessageTime = (sendTime) => {
     if (!sendTime)
         return "";
     const isToday = dayjs(sendTime).isSame(dayjs(), "day");
     return formatTimestamp(sendTime, { hasTime: isToday });
 };
-const ConversationInboxItem = ({ item, onClick }) => {
+const ConversationInboxItem = ({ item, onClick, showPinThread = false, }) => {
     var _a;
     const { t } = useTranslation("conversation-inbox");
     const { t: tCommon } = useTranslation("common");
@@ -57,10 +55,10 @@ const ConversationInboxItem = ({ item, onClick }) => {
     const isMuted = isConversationMuted(item.recvMsgOpt);
     const { isJoined } = useIsJoinedGroup(item.groupID);
     const hasLostGroupAccess = Boolean(item.groupID) && isJoined !== true;
-    const threadCard = (_jsx(ThreadCard, { testId: "conversation-inbox-thread-card", onClick: () => onClick(item), unreadCount: unreadCount, time: latestMessageTime, preview: latestMessagePreview, mentionIndicator: _jsx(MentionIndicatorIcon, { groupAtType: item.groupAtType }), muteIndicator: isMuted ? (_jsx(Icon, { icon: "bell-off-b", size: 16, "aria-label": t("thread_card.mute.muted_icon_label"), className: "shrink-0 text-gray-400" })) : null, avatar: _jsx(ConversationPeerAvatar, { peerType: item.peerType, displayName: displayName, avatarUrl: avatarUrl, badgeLabel: badgeLabel }), title: _jsx(ConversationInboxTitle, { peerType: item.peerType, displayName: displayName, hasUnread: unreadCount > 0 }) }));
+    const threadCard = (_jsx(ThreadCard, { testId: "conversation-inbox-thread-card", onClick: () => onClick(item), unreadCount: unreadCount, time: latestMessageTime, preview: latestMessagePreview, mentionIndicator: _jsx(MentionIndicatorIcon, { groupAtType: item.groupAtType }), pinIndicator: item.isPinned ? (_jsx(Icon, { icon: "thumbtack-b", size: 16, "data-testid": "conversation-inbox-pinned-icon", "aria-label": t("thread_card.pin.pinned_icon_label"), className: "shrink-0 text-[var(--dc-color-primary)]" })) : null, muteIndicator: isMuted ? (_jsx(Icon, { icon: "bell-off-b", size: 16, "aria-label": t("thread_card.mute.muted_icon_label"), className: "shrink-0 text-gray-400" })) : null, avatar: _jsx(ConversationPeerAvatar, { peerType: item.peerType, displayName: displayName, avatarUrl: avatarUrl, badgeLabel: badgeLabel }), title: _jsx(ConversationInboxTitle, { peerType: item.peerType, displayName: displayName, hasUnread: unreadCount > 0 }) }));
     if (hasLostGroupAccess) {
         return threadCard;
     }
-    return (_jsx(SwipeableRow, { actionsWidth: SWIPE_ACTION_WIDTH, actions: (closeSwipe) => (_jsx(ConversationMuteSwipeAction, { conversationID: item.conversationID, isMuted: isMuted, onClose: closeSwipe })), children: threadCard }));
+    return (_jsx(ConversationThreadActions, { conversation: item, isMuted: isMuted, showPin: showPinThread, children: threadCard }));
 };
 export default ConversationInboxItem;

package/dist/components/conversation-inbox/ConversationInboxList.d.ts

@@ -6,7 +6,9 @@ export interface ConversationInboxListProps {
     hasNextPage: boolean;
     onLoadMore: () => void;
     onSelectThread?: (item: ConversationListItem) => void;
+    /** See ConversationInboxItemProps.showPinThread. */
+    showPinThread?: boolean;
 }
-declare const ConversationInboxList: ({ items, isLoading, isFetchingNextPage, hasNextPage, onLoadMore, onSelectThread, }: ConversationInboxListProps) => import("react/jsx-runtime").JSX.Element;
+declare const ConversationInboxList: ({ items, isLoading, isFetchingNextPage, hasNextPage, onLoadMore, onSelectThread, showPinThread, }: ConversationInboxListProps) => import("react/jsx-runtime").JSX.Element;
 export default ConversationInboxList;
 //# sourceMappingURL=ConversationInboxList.d.ts.map

package/dist/components/conversation-inbox/ConversationInboxList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ConversationInboxList.d.ts","sourceRoot":"","sources":["../../../src/components/conversation-inbox/ConversationInboxList.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AAYjE,MAAM,WAAW,0BAA0B;IACzC,KAAK,EAAE,oBAAoB,EAAE,CAAC;IAC9B,SAAS,EAAE,OAAO,CAAC;IACnB,kBAAkB,EAAE,OAAO,CAAC;IAC5B,WAAW,EAAE,OAAO,CAAC;IACrB,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,oBAAoB,KAAK,IAAI,CAAC;CACvD;AAYD,QAAA,MAAM,qBAAqB,GAAI,oFAO5B,0BAA0B,4CA8F5B,CAAC;AAEF,eAAe,qBAAqB,CAAC"}
+{"version":3,"file":"ConversationInboxList.d.ts","sourceRoot":"","sources":["../../../src/components/conversation-inbox/ConversationInboxList.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AAYjE,MAAM,WAAW,0BAA0B;IACzC,KAAK,EAAE,oBAAoB,EAAE,CAAC;IAC9B,SAAS,EAAE,OAAO,CAAC;IACnB,kBAAkB,EAAE,OAAO,CAAC;IAC5B,WAAW,EAAE,OAAO,CAAC;IACrB,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,oBAAoB,KAAK,IAAI,CAAC;IACtD,oDAAoD;IACpD,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAYD,QAAA,MAAM,qBAAqB,GAAI,mGAQ5B,0BAA0B,4CA+F5B,CAAC;AAEF,eAAe,qBAAqB,CAAC"}