@droppii-org/chat-sdk 0.7.8 → 0.7.10

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

@@ -9,7 +9,9 @@ interface ThreadProfilePanelProps {
     showActions?: boolean;
     /** Wires the "Tìm tin nhắn" quick action. */
     onSearch?: () => void;
+    /** Drops "Tìm tin nhắn" where the host has search but this viewer can't use it. */
+    hideSearch?: boolean;
 }
-declare const ThreadProfilePanel: ({ open, conversation, onClose, onSelectResource, showActions, onSearch, }: ThreadProfilePanelProps) => import("react/jsx-runtime").JSX.Element;
+declare const ThreadProfilePanel: ({ open, conversation, onClose, onSelectResource, showActions, onSearch, hideSearch, }: 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;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"}
+{"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;IACtB,mFAAmF;IACnF,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAID,QAAA,MAAM,kBAAkB,GAAI,uFAQzB,uBAAuB,4CAoJzB,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

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

@@ -17,7 +17,7 @@ import ThreadProfileQuickActions from "./profile/ThreadProfileQuickActions";
 import ThreadProfileActionRows from "./profile/ThreadProfileActionRows";
 const PROFILE_AVATAR_SIZE = 96;
 const PERSON_PEER_TYPES = [PeerType.USER, PeerType.CUSTOMER];
-const ThreadProfilePanel = ({ open, conversation, onClose, onSelectResource, showActions = false, onSearch, }) => {
+const ThreadProfilePanel = ({ open, conversation, onClose, onSelectResource, showActions = false, onSearch, hideSearch = false, }) => {
     var _a;
     const { t } = useTranslation("conversation-inbox");
     const { displayName, avatarUrl, peerType, badgeLabel } = useConversationPeerIdentity(conversation);
@@ -33,6 +33,6 @@ const ThreadProfilePanel = ({ open, conversation, onClose, onSelectResource, sho
     });
     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: 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 })] }));
+        }, 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, hideSearch: hideSearch }, 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/ThreadProfileQuickActions.d.ts

@@ -5,7 +5,9 @@ interface ThreadProfileQuickActionsProps {
     isViewOnly: boolean;
     /** Opens search in this thread; without it the entry stays UI-only. */
     onSearch?: () => void;
+    /** The host has thread search but this viewer can't use it here: drop the entry. */
+    hideSearch?: boolean;
 }
-declare const ThreadProfileQuickActions: ({ conversation, isViewOnly, onSearch, }: ThreadProfileQuickActionsProps) => import("react/jsx-runtime").JSX.Element | null;
+declare const ThreadProfileQuickActions: ({ conversation, isViewOnly, onSearch, hideSearch, }: 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

@@ -1 +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"}
+{"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;IACtB,oFAAoF;IACpF,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,QAAA,MAAM,yBAAyB,GAAI,qDAKhC,8BAA8B,mDAoDhC,CAAC;AAEF,eAAe,yBAAyB,CAAC"}

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

@@ -9,7 +9,7 @@ import { isConversationMuted, useMuteConversation, } from "../../../hooks/sessio
 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 ThreadProfileQuickActions = ({ conversation, isViewOnly, onSearch, hideSearch = false, }) => {
     const { t } = useTranslation("conversation-inbox");
     const { muteConversation, unmuteConversation, isPending } = useMuteConversation();
     const [isConfirmOpen, setIsConfirmOpen] = useState(false);
@@ -29,7 +29,7 @@ const ThreadProfileQuickActions = ({ conversation, isViewOnly, onSearch, }) => {
     };
     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
+    return (_jsxs("div", { className: "flex items-center justify-center gap-2", children: [!hideSearch && (_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 })] }));
 };

package/dist/hooks/global/useGlobalEvent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useGlobalEvent.d.ts","sourceRoot":"","sources":["../../../src/hooks/global/useGlobalEvent.ts"],"names":[],"mappings":"AAiDA,eAAO,MAAM,cAAc,YAqnB1B,CAAC"}
+{"version":3,"file":"useGlobalEvent.d.ts","sourceRoot":"","sources":["../../../src/hooks/global/useGlobalEvent.ts"],"names":[],"mappings":"AAiDA,eAAO,MAAM,cAAc,YAwnB1B,CAAC"}

package/dist/hooks/global/useGlobalEvent.js

@@ -431,6 +431,9 @@ export const useGlobalEvent = () => {
             });
             void refreshCurrentGroupState();
         }
+        void queryClient.invalidateQueries({
+            queryKey: [QUERY_KEYS.IS_JOINED_GROUP, data.groupID],
+        });
     };
     const setIMListener = () => {
         //account

package/dist/hooks/group/useJoinPublicGroup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useJoinPublicGroup.d.ts","sourceRoot":"","sources":["../../../src/hooks/group/useJoinPublicGroup.ts"],"names":[],"mappings":"AAOA,UAAU,oBAAoB;IAC5B,OAAO,EAAE,MAAM,CAAC;CACjB;AAID,eAAO,MAAM,kBAAkB,wGAa9B,CAAC"}
+{"version":3,"file":"useJoinPublicGroup.d.ts","sourceRoot":"","sources":["../../../src/hooks/group/useJoinPublicGroup.ts"],"names":[],"mappings":"AAQA,UAAU,oBAAoB;IAC5B,OAAO,EAAE,MAAM,CAAC;CACjB;AAID,eAAO,MAAM,kBAAkB,wGAoB9B,CAAC"}

package/dist/hooks/group/useJoinPublicGroup.js

@@ -1,11 +1,13 @@
 "use client";
-import { useMutation } from "@tanstack/react-query";
+import { useMutation, useQueryClient } from "@tanstack/react-query";
 import { GroupJoinSource } from "@droppii-org/wasm-client-sdk";
 import { DChatSDK } from "../../constants/sdk";
+import { QUERY_KEYS } from "../../services/query";
 import emitter from "../../utils/events";
 // Joining straight from search results, matching chat-mobile's GroupItem —
 // GroupJoinSource.Search is what BE uses to attribute the join.
 export const useJoinPublicGroup = () => {
+    const queryClient = useQueryClient();
     return useMutation({
         mutationFn: async ({ groupID }) => {
             const { data } = await DChatSDK.joinGroup({
@@ -16,5 +18,11 @@ export const useJoinPublicGroup = () => {
             emitter.emit("GROUP_MEMBERS_CHANGED");
             return data;
         },
+        // Joining a group already cached locally fires no join event, so member-only UI reads this.
+        onSuccess: async (_data, { groupID }) => {
+            const queryKey = [QUERY_KEYS.IS_JOINED_GROUP, groupID];
+            await queryClient.cancelQueries({ queryKey });
+            queryClient.setQueryData(queryKey, true);
+        },
     });
 };

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

@@ -23,6 +23,7 @@ export declare const useMessage: (conversationId?: string, searchClientMsgID?: s
     moreNewLoading: boolean;
     getMoreNewMessages: (loadMore?: any) => Promise<void>;
     refreshLatestMessages: () => Promise<void>;
+    notifyRevokedTarget: (clientMsgID: string) => void;
 };
 export declare const pushNewMessage: (message: MessageItem) => void;
 export declare const updateOneMessage: (message: MessageItem) => void;

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

@@ -1 +1 @@
-{"version":3,"file":"useMessage.d.ts","sourceRoot":"","sources":["../../../src/hooks/message/useMessage.ts"],"names":[],"mappings":"AACA,OAAO,EAEL,WAAW,EACX,WAAW,EAEZ,MAAM,8BAA8B,CAAC;AAkBtC,eAAO,MAAM,kBAAkB,eAkB9B,CAAC;AAEF,eAAO,MAAM,wBAAwB,GACnC,SAAS,WAAW,EACpB,OAAO,OAAO,EACd,eAAe;IAAE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAAC,EAAE,CAAC,EAAE,MAAM,CAAA;CAAE,EAC5E,eAAe,MAAM,KACpB,OA4BF,CAAC;AAEF,eAAO,MAAM,UAAU,GACrB,iBAAiB,MAAM,EACvB,oBAAoB,MAAM,EAC1B,iBAAc,EACd,uBAAqB,EAGrB,yBAAyB,MAAM,IAAI;;;;;qBAed,WAAW,EAAE;;;;;;qBAAb,WAAW,EAAE;;;;;;;CAoZnC,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,SAAS,WAAW,SACpB,CAAC;AAChC,eAAO,MAAM,gBAAgB,GAAI,SAAS,WAAW,SACpB,CAAC;AAClC,eAAO,MAAM,gBAAgB,GAAI,aAAa,MAAM,SACf,CAAC;AAEtC,eAAO,MAAM,kBAAkB,GAC7B,aAAa,WAAW,EAAE,EAC1B,SAAS,WAAW,EACpB,WAAW,MAAM,GAAG,MAAM,EAC1B,YAAY,CAAC,SAAS,EAAE,WAAW,KAAK,OAAO,KAC9C,WAAW,GAAG,SAqBhB,CAAC;AAMF,eAAO,MAAM,oBAAoB,GAC/B,aAAa,WAAW,EAAE,EAC1B,SAAS,WAAW,EACpB,WAAW,MAAM,GAAG,MAAM,KACzB,WAAW,GAAG,SAQhB,CAAC;AAmBF,eAAO,MAAM,mBAAmB,GAC9B,SAAS,WAAW,EAAE,EACtB,SAAS,WAAW,EAAE,kBAgBvB,CAAC"}
+{"version":3,"file":"useMessage.d.ts","sourceRoot":"","sources":["../../../src/hooks/message/useMessage.ts"],"names":[],"mappings":"AACA,OAAO,EAEL,WAAW,EACX,WAAW,EAEZ,MAAM,8BAA8B,CAAC;AAkBtC,eAAO,MAAM,kBAAkB,eAkB9B,CAAC;AAEF,eAAO,MAAM,wBAAwB,GACnC,SAAS,WAAW,EACpB,OAAO,OAAO,EACd,eAAe;IAAE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAAC,EAAE,CAAC,EAAE,MAAM,CAAA;CAAE,EAC5E,eAAe,MAAM,KACpB,OA4BF,CAAC;AAEF,eAAO,MAAM,UAAU,GACrB,iBAAiB,MAAM,EACvB,oBAAoB,MAAM,EAC1B,iBAAc,EACd,uBAAqB,EAGrB,yBAAyB,MAAM,IAAI;;;;;qBAed,WAAW,EAAE;;;;;;qBAAb,WAAW,EAAE;;;;;;;uCAwBlB,MAAM;CAmYvB,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,SAAS,WAAW,SACpB,CAAC;AAChC,eAAO,MAAM,gBAAgB,GAAI,SAAS,WAAW,SACpB,CAAC;AAClC,eAAO,MAAM,gBAAgB,GAAI,aAAa,MAAM,SACf,CAAC;AAEtC,eAAO,MAAM,kBAAkB,GAC7B,aAAa,WAAW,EAAE,EAC1B,SAAS,WAAW,EACpB,WAAW,MAAM,GAAG,MAAM,EAC1B,YAAY,CAAC,SAAS,EAAE,WAAW,KAAK,OAAO,KAC9C,WAAW,GAAG,SAqBhB,CAAC;AAMF,eAAO,MAAM,oBAAoB,GAC/B,aAAa,WAAW,EAAE,EAC1B,SAAS,WAAW,EACpB,WAAW,MAAM,GAAG,MAAM,KACzB,WAAW,GAAG,SAQhB,CAAC;AAmBF,eAAO,MAAM,mBAAmB,GAC9B,SAAS,WAAW,EAAE,EACtB,SAAS,WAAW,EAAE,kBAgBvB,CAAC"}

package/dist/hooks/message/useMessage.js

@@ -1,4 +1,4 @@
-import { useEffect, useRef, useState } from "react";
+import { useCallback, useEffect, useRef, useState } from "react";
 import { ViewType, MessageType, } from "@droppii-org/wasm-client-sdk";
 import { DChatSDK } from "../../constants/sdk";
 import { PAGE_SIZE } from "../../constants";
@@ -87,6 +87,17 @@ onSearchMessageRevoked) => {
     // without this the user sees it stacked. Keyed by conversation + target so
     // jumping to a different revoked message still notifies.
     const toastedRevokedTargetRef = useRef(null);
+    // Also used by the scroll guard for a search hit recalled since the results came back.
+    const notifyRevokedTarget = useCallback((clientMsgID) => {
+        const revokedTargetKey = `${conversationIdRef.current}:${clientMsgID}`;
+        if (toastedRevokedTargetRef.current === revokedTargetKey)
+            return;
+        toastedRevokedTargetRef.current = revokedTargetKey;
+        if (onSearchMessageRevoked)
+            onSearchMessageRevoked();
+        else
+            antdMessage.info(t("message_revoked_or_deleted"));
+    }, [conversationIdRef, onSearchMessageRevoked, t]);
     const { loading: moreOldLoading, runAsync: getMoreOldMessages } = useRequest(async (loadMore = true) => {
         var _a, _b, _c, _d, _e;
         const reqConversationID = conversationId;
@@ -208,14 +219,7 @@ onSearchMessageRevoked) => {
         // list with a window centred on a tombstone is worse than not moving.
         const targetMessage = currentMessages.find((item) => item.clientMsgID === searchClientMsgID);
         if ((targetMessage === null || targetMessage === void 0 ? void 0 : targetMessage.contentType) === MessageType.RevokeMessage) {
-            const revokedTargetKey = `${reqConversationID}:${searchClientMsgID}`;
-            if (toastedRevokedTargetRef.current !== revokedTargetKey) {
-                toastedRevokedTargetRef.current = revokedTargetKey;
-                if (onSearchMessageRevoked)
-                    onSearchMessageRevoked();
-                else
-                    antdMessage.info(t("message_revoked_or_deleted"));
-            }
+            notifyRevokedTarget(searchClientMsgID);
             // Deliberately outside the guard: a repeat run still needs to leave
             // the user with a usable list. The fallback is a no-op once the first
             // one has populated it, and skipping it here would strand an empty
@@ -397,6 +401,7 @@ onSearchMessageRevoked) => {
         moreNewLoading,
         getMoreNewMessages,
         refreshLatestMessages,
+        notifyRevokedTarget,
     };
 };
 export const pushNewMessage = (message) => emit("PUSH_NEW_MSG", message);

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

@@ -19,8 +19,10 @@ interface UseMessageListScrollParams {
     getMoreNewMessages: () => void | Promise<unknown>;
     /** Holds mark-as-read back while the first-unread lookup is still pending. */
     markAsReadBlocked?: boolean;
+    /** Tells the user a search jump target was recalled (deduped with the search load). */
+    notifyRevokedTarget?: (clientMsgID: string) => void;
 }
-export declare const useMessageListScroll: ({ conversationId, userId, isGroupChat, loadState, latestLoadState, moreOldLoading, moreNewLoading, getMoreOldMessages, getMoreNewMessages, markAsReadBlocked, }: UseMessageListScrollParams) => {
+export declare const useMessageListScroll: ({ conversationId, userId, isGroupChat, loadState, latestLoadState, moreOldLoading, moreNewLoading, getMoreOldMessages, getMoreNewMessages, markAsReadBlocked, notifyRevokedTarget, }: UseMessageListScrollParams) => {
     scrollRef: RefObject<HTMLDivElement>;
     handleMarkConversationMessageAsRead: () => void;
     loadMoreOldMessage: () => void;

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

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

package/dist/hooks/message/useMessageListScroll.js

@@ -1,15 +1,17 @@
 "use client";
 import { useCallback, useEffect, useRef } from "react";
-import { useDebounceFn } from "ahooks";
+import { MessageType } from "@droppii-org/wasm-client-sdk";
+import { useDebounceFn, useLatest } from "ahooks";
 import { isNumber } from "lodash";
 import { markConversationMessageAsRead } from "../../hooks/conversation/useConversation";
 import { MSG_ITEM_BUBBLE_GROUP_PREFIX, MSG_ITEM_CONTENT_PREFIX, MSG_ITEM_PREFIX, } from "../../constants";
 import useConversationStore from "../../store/conversation";
 import { holdMessageHighlight } from "./holdMessageHighlight";
 export const MESSAGE_LIST_BOTTOM_THRESHOLD = -5;
-export const useMessageListScroll = ({ conversationId, userId, isGroupChat, loadState, latestLoadState, moreOldLoading, moreNewLoading, getMoreOldMessages, getMoreNewMessages, markAsReadBlocked = false, }) => {
+export const useMessageListScroll = ({ conversationId, userId, isGroupChat, loadState, latestLoadState, moreOldLoading, moreNewLoading, getMoreOldMessages, getMoreNewMessages, markAsReadBlocked = false, notifyRevokedTarget, }) => {
     const scrollRef = useRef(null);
     const autoFillAttemptedRef = useRef(false);
+    const notifyRevokedTargetRef = useLatest(notifyRevokedTarget);
     useEffect(() => {
         autoFillAttemptedRef.current = false;
     }, [conversationId]);
@@ -99,7 +101,22 @@ export const useMessageListScroll = ({ conversationId, userId, isGroupChat, load
         });
     }, [handleMarkConversationMessageAsRead]);
     const scrollToMessage = useCallback((clientMsgID) => {
+        // A search hit recalled since the results came back: say so instead of landing on its placeholder.
+        // Checked before the scroll and again before the highlight, since the list reloads in between.
+        const dropRevokedSearchTarget = () => {
+            var _a, _b, _c, _d;
+            const state = useConversationStore.getState();
+            const isRevoked = state.heldHighlightClientMsgID === clientMsgID &&
+                ((_c = (_b = (_a = latestLoadState.current) === null || _a === void 0 ? void 0 : _a.messageList) === null || _b === void 0 ? void 0 : _b.find((message) => message.clientMsgID === clientMsgID)) === null || _c === void 0 ? void 0 : _c.contentType) === MessageType.RevokeMessage;
+            if (!isRevoked)
+                return false;
+            state.setHeldHighlightClientMsgID("");
+            (_d = notifyRevokedTargetRef.current) === null || _d === void 0 ? void 0 : _d.call(notifyRevokedTargetRef, clientMsgID);
+            return true;
+        };
         setTimeout(() => {
+            if (dropRevokedSearchTarget())
+                return;
             const targetElement = document.getElementById(`${MSG_ITEM_PREFIX}${clientMsgID}`);
             targetElement === null || targetElement === void 0 ? void 0 : targetElement.scrollIntoView({
                 behavior: "auto",
@@ -107,6 +124,8 @@ export const useMessageListScroll = ({ conversationId, userId, isGroupChat, load
             });
             setTimeout(() => {
                 var _a;
+                if (dropRevokedSearchTarget())
+                    return;
                 const targetContentElement = document.getElementById(`${MSG_ITEM_CONTENT_PREFIX}${clientMsgID}`);
                 // The border hugs the bubble; the pulse runs on the wrapper that also
                 // holds the pin badge, or the badge stays put while the bubble scales.
@@ -134,7 +153,7 @@ export const useMessageListScroll = ({ conversationId, userId, isGroupChat, load
                 });
             }, 500);
         }, 200);
-    }, []);
+    }, [latestLoadState, notifyRevokedTargetRef]);
     return {
         scrollRef,
         handleMarkConversationMessageAsRead,

package/dist/screens/conversation-detail/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/screens/conversation-detail/index.tsx"],"names":[],"mappings":"AAuBA,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,kCAAkC,CAAC;AAYrF,OAAO,EAEL,KAAK,4BAA4B,EAClC,MAAM,6CAA6C,CAAC;AASrD,MAAM,WAAW,4BACf,SAAQ,4BAA4B,EAClC,4BAA4B;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB;;;OAGG;IACH,iBAAiB,CAAC,EAAE,CAAC,cAAc,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1E,kGAAkG;IAClG,sBAAsB,CAAC,EAAE,MAAM,IAAI,CAAC;IACpC,oHAAoH;IACpH,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,6GAA6G;IAC7G,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED,QAAA,MAAM,uBAAuB,GAAI,oLAgB9B,4BAA4B,mDAyS9B,CAAC;AAEF,eAAe,uBAAuB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/screens/conversation-detail/index.tsx"],"names":[],"mappings":"AAuBA,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,kCAAkC,CAAC;AAarF,OAAO,EAEL,KAAK,4BAA4B,EAClC,MAAM,6CAA6C,CAAC;AASrD,MAAM,WAAW,4BACf,SAAQ,4BAA4B,EAClC,4BAA4B;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB;;;OAGG;IACH,iBAAiB,CAAC,EAAE,CAAC,cAAc,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1E,kGAAkG;IAClG,sBAAsB,CAAC,EAAE,MAAM,IAAI,CAAC;IACpC,oHAAoH;IACpH,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,6GAA6G;IAC7G,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED,QAAA,MAAM,uBAAuB,GAAI,oLAgB9B,4BAA4B,mDAwT9B,CAAC;AAEF,eAAe,uBAAuB,CAAC"}

package/dist/screens/conversation-detail/index.js

@@ -11,7 +11,7 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useEffect, useState } from "react";
+import { useEffect, useRef, useState } from "react";
 import { useTranslation } from "react-i18next";
 import { useChatContext } from "../../context/ChatContext";
 import { useChatNavigate } from "../../hooks/conversation/useChatNavigate";
@@ -30,6 +30,7 @@ import TypingIndicatorBar from "../../components/conversation-detail/TypingIndic
 import { BotButtonMessage, BotInactiveNotice, BotMenuSheet, BotStartButton, BotSuggest, CsSessionConfirmModal, } from "../../components/conversation-detail/bot";
 import { useBotFlow } from "../../hooks/conversation/useBotFlow";
 import { useCanPinMessage } from "../../hooks/message/useCanPinMessage";
+import { useIsJoinedGroup } from "../../hooks/session/useIsJoinedGroup";
 import { BOT_TYPE } from "../../constants/botFlow";
 import { useResolveConversation, } from "../../hooks/conversation/useResolveConversation";
 import { nextConsultantReturnTarget, useConsultantChatNavigation, } from "../../hooks/conversation/useConsultantChatNavigation";
@@ -75,14 +76,24 @@ const DChatConversationDetail = (_a) => {
         closeProfile();
         openSearch();
     };
-    // The search API only serves members, so a view-only viewer of a public group gets none.
-    // Same group check as ThreadProfilePanel: the store flag can lag on a non-group thread.
-    const isViewOnlyGroup = isViewOnlyMember && (conversation === null || conversation === void 0 ? void 0 : conversation.peerType) === PeerType.GROUP;
-    const canSearch = showThreadSearch && !isViewOnlyGroup;
+    // The search API only serves members: hide it while the check says no or is pending.
+    // A failed check keeps it (the API still gates); a 1-1 exposes no groupID and is the viewer's own.
+    const { isJoined, isError: isJoinCheckFailed, refetch: refetchIsJoined, } = useIsJoinedGroup(showThreadSearch ? conversation === null || conversation === void 0 ? void 0 : conversation.groupID : undefined);
+    const isNonMember = (isViewOnlyMember && (conversation === null || conversation === void 0 ? void 0 : conversation.peerType) === PeerType.GROUP) ||
+        (!!(conversation === null || conversation === void 0 ? void 0 : conversation.groupID) && !isJoinCheckFailed && isJoined !== true);
+    const canSearch = showThreadSearch && !isNonMember;
+    // Being added to a group already open view-only syncs as an update, not a join event: re-check.
+    const wasViewOnlyRef = useRef(isViewOnlyMember);
+    useEffect(() => {
+        if (wasViewOnlyRef.current && !isViewOnlyMember && showThreadSearch) {
+            void refetchIsJoined();
+        }
+        wasViewOnlyRef.current = isViewOnlyMember;
+    }, [isViewOnlyMember, showThreadSearch, refetchIsJoined]);
     // Search belongs to one thread; another thread opening in place (or losing membership) closes it.
     useEffect(() => {
         closeSearch();
-    }, [conversation === null || conversation === void 0 ? void 0 : conversation.conversationID, isViewOnlyGroup, closeSearch]);
+    }, [conversation === null || conversation === void 0 ? void 0 : conversation.conversationID, isNonMember, closeSearch]);
     const { returnTarget: consultantReturnTarget, returnToBotThread, clearReturnTarget, setReturnTarget, } = useConsultantChatNavigation();
     useEffect(() => {
         const next = nextConsultantReturnTarget(consultantReturnTarget, conversation);
@@ -156,6 +167,6 @@ const DChatConversationDetail = (_a) => {
         !botFlow.flowIsEnd &&
         botFlow.shouldShowButtons &&
         botFlow.currentButtonsBlock ? (_jsx(BotButtonMessage, { buttons: botFlow.currentButtonsBlock.data.buttons, disabled: botFlow.isProcessing, onSelect: botFlow.selectButton, onRestart: botFlow.restart })) : null;
-    return (_jsxs("div", { "data-testid": "conversation-detail-root", className: clsx("relative flex h-full w-full flex-col overflow-hidden bg-white", className), children: [_jsx(ConversationDetailHeader, { conversation: conversation, onBack: handleBack, onProfileClick: openProfile, onProfileIconClick: showProfileActions ? openProfile : undefined, onSearchClick: canSearch ? openSearch : undefined }), _jsx(PinnedMessageBar, { canUnpin: canPinMessage }), _jsxs("div", { [COMPOSER_DISMISS_ZONE_ATTR]: "", className: "relative flex min-h-0 flex-1 flex-col", children: [children !== null && children !== void 0 ? children : (_jsx(ConversationMessageList, { bottomSlot: botButtonsSlot, onCopyMessageLink: onCopyMessageLink, onSearchMessageRevoked: onSearchMessageRevoked })), _jsx(TypingIndicatorBar, { conversationId: conversation.conversationID })] }), footer, isBotThread && (_jsxs(_Fragment, { children: [_jsx(BotMenuSheet, { open: isMenuOpen, items: botFlow.menuItems, disabled: botFlow.isProcessing, onClose: closeMenu, onSelect: botFlow.selectMenuOption }), _jsx(CsSessionConfirmModal, { open: botFlow.isCsConfirmOpen, loading: botFlow.isProcessing, onCancel: botFlow.cancelMenuOption, onConfirm: botFlow.confirmEndCsSession })] })), _jsx(ThreadProfilePanel, { open: isProfileOpen, conversation: conversation, onClose: closeProfile, onSelectResource: setResourceTab, showActions: showProfileActions, onSearch: canSearch ? openSearchFromProfile : undefined }), showThreadSearch && (_jsx(ThreadSearchPanel, { open: isSearchOpen, conversation: conversation, onClose: closeSearch, onSearchMessageRevoked: onSearchMessageRevoked }, conversation.conversationID)), _jsx(MediaResourcePanel, { open: resourceTab !== null, initialTab: resourceTab !== null && resourceTab !== void 0 ? resourceTab : MediaResourceTabKey.Image, onClose: () => setResourceTab(null) })] }));
+    return (_jsxs("div", { "data-testid": "conversation-detail-root", className: clsx("relative flex h-full w-full flex-col overflow-hidden bg-white", className), children: [_jsx(ConversationDetailHeader, { conversation: conversation, onBack: handleBack, onProfileClick: openProfile, onProfileIconClick: showProfileActions ? openProfile : undefined, onSearchClick: canSearch ? openSearch : undefined }), _jsx(PinnedMessageBar, { canUnpin: canPinMessage }), _jsxs("div", { [COMPOSER_DISMISS_ZONE_ATTR]: "", className: "relative flex min-h-0 flex-1 flex-col", children: [children !== null && children !== void 0 ? children : (_jsx(ConversationMessageList, { bottomSlot: botButtonsSlot, onCopyMessageLink: onCopyMessageLink, onSearchMessageRevoked: onSearchMessageRevoked })), _jsx(TypingIndicatorBar, { conversationId: conversation.conversationID })] }), footer, isBotThread && (_jsxs(_Fragment, { children: [_jsx(BotMenuSheet, { open: isMenuOpen, items: botFlow.menuItems, disabled: botFlow.isProcessing, onClose: closeMenu, onSelect: botFlow.selectMenuOption }), _jsx(CsSessionConfirmModal, { open: botFlow.isCsConfirmOpen, loading: botFlow.isProcessing, onCancel: botFlow.cancelMenuOption, onConfirm: botFlow.confirmEndCsSession })] })), _jsx(ThreadProfilePanel, { open: isProfileOpen, conversation: conversation, onClose: closeProfile, onSelectResource: setResourceTab, showActions: showProfileActions, onSearch: canSearch ? openSearchFromProfile : undefined, hideSearch: showThreadSearch && !canSearch }), showThreadSearch && (_jsx(ThreadSearchPanel, { open: isSearchOpen && canSearch, conversation: conversation, onClose: closeSearch, onSearchMessageRevoked: onSearchMessageRevoked }, conversation.conversationID)), _jsx(MediaResourcePanel, { open: resourceTab !== null, initialTab: resourceTab !== null && resourceTab !== void 0 ? resourceTab : MediaResourceTabKey.Image, onClose: () => setResourceTab(null) })] }));
 };
 export default DChatConversationDetail;

package/package.json

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