@droppii-org/chat-sdk 0.5.5 → 0.6.1

package/dist/components/compose/ComposeNewMessageModal.js

@@ -10,7 +10,7 @@ import { useEligibleAccounts } from "../../hooks/group/useEligibleAccounts";
 import { DChatSDK } from "../../constants/sdk";
 import useConversationStore from "../../store/conversation";
 import CreateGroupForm from "../../components/group/CreateGroupForm";
-import { useChatContext } from "../../context/ChatContext";
+import { useChatNavigate } from "../../hooks/conversation/useChatNavigate";
 const ComposeNewMessageModal = ({ open, onClose, }) => {
     const { t } = useTranslation("conversation-inbox");
     const [step, setStep] = useState("compose");
@@ -18,7 +18,7 @@ const ComposeNewMessageModal = ({ open, onClose, }) => {
     const [openingUserID, setOpeningUserID] = useState(null);
     const debouncedSearch = useDebounce(search, { wait: 300 });
     const { accounts, isLoading } = useEligibleAccounts(debouncedSearch, open);
-    const { onNavigate } = useChatContext();
+    const onNavigate = useChatNavigate();
     const setConversationData = useConversationStore((state) => state.setConversationData);
     const setSelectedConversationId = useConversationStore((state) => state.setSelectedConversationId);
     const handleClose = () => {
@@ -47,7 +47,7 @@ const ComposeNewMessageModal = ({ open, onClose, }) => {
             newSearchParams.delete("userId");
             newSearchParams.delete("groupId");
             newSearchParams.delete("botId");
-            onNavigate === null || onNavigate === void 0 ? void 0 : onNavigate(`${window.location.pathname}?${newSearchParams.toString()}`);
+            onNavigate(`${window.location.pathname}?${newSearchParams.toString()}`);
             handleClose();
         }
         finally {

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

@@ -1 +1 @@
-{"version":3,"file":"ConversationByGroupItem.d.ts","sourceRoot":"","sources":["../../../src/components/conversation/ConversationByGroupItem.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,yCAAyC,CAAC;AAC7E,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,qCAAqC,CAAC;AAQxF,UAAU,4BAA4B;IACpC,KAAK,EAAE,4BAA4B,CAAC;IACpC,aAAa,CAAC,EAAE,aAAa,CAAC;CAC/B;AAED,QAAA,MAAM,uBAAuB,GAAI,2BAG9B,4BAA4B,4CA+D9B,CAAC;AAEF,eAAe,uBAAuB,CAAC"}
+{"version":3,"file":"ConversationByGroupItem.d.ts","sourceRoot":"","sources":["../../../src/components/conversation/ConversationByGroupItem.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,yCAAyC,CAAC;AAC7E,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,qCAAqC,CAAC;AASxF,UAAU,4BAA4B;IACpC,KAAK,EAAE,4BAA4B,CAAC;IACpC,aAAa,CAAC,EAAE,aAAa,CAAC;CAC/B;AAED,QAAA,MAAM,uBAAuB,GAAI,2BAG9B,4BAA4B,4CAgE9B,CAAC;AAEF,eAAe,uBAAuB,CAAC"}

package/dist/components/conversation/ConversationByGroupItem.js

@@ -3,13 +3,15 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { useTranslation } from "react-i18next";
 import useConversationStore from "../../store/conversation";
 import { useChatContext } from "../../context/ChatContext";
+import { useChatNavigate } from "../../hooks/conversation/useChatNavigate";
 import { formatTimestamp, parseLatestMessage } from "../../utils/common";
 import GroupCompositeAvatar from "../../components/group/GroupCompositeAvatar";
 import ThreadCard from "./ThreadCard";
 import MentionIndicatorIcon from "./MentionIndicatorIcon";
 const ConversationByGroupItem = ({ group, latestPreview, }) => {
     const { t } = useTranslation();
-    const { user, onNavigate } = useChatContext();
+    const { user } = useChatContext();
+    const onNavigate = useChatNavigate();
     const setConversationData = useConversationStore((state) => state.setConversationData);
     const setSelectedConversationId = useConversationStore((state) => state.setSelectedConversationId);
     const isSelected = useConversationStore((state) => state.selectedConversationId === group.conversationId);
@@ -22,7 +24,7 @@ const ConversationByGroupItem = ({ group, latestPreview, }) => {
         newSearchParams.delete("userId");
         newSearchParams.delete("groupId");
         newSearchParams.delete("botId");
-        onNavigate === null || onNavigate === void 0 ? void 0 : onNavigate(`${window.location.pathname}?${newSearchParams.toString()}`);
+        onNavigate(`${window.location.pathname}?${newSearchParams.toString()}`);
     };
     const latestMsg = (latestPreview === null || latestPreview === void 0 ? void 0 : latestPreview.latestMsg) || "";
     const latestMsgSendTime = (latestPreview === null || latestPreview === void 0 ? void 0 : latestPreview.latestMsgSendTime) || 0;

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

@@ -1 +1 @@
-{"version":3,"file":"ConversationBySessionItem.d.ts","sourceRoot":"","sources":["../../../src/components/conversation/ConversationBySessionItem.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,yCAAyC,CAAC;AAE7E,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAWhD,UAAU,8BAA8B;IACtC,WAAW,EAAE,gBAAgB,CAAC;IAC9B,aAAa,CAAC,EAAE,aAAa,CAAC;CAC/B;AAED,QAAA,MAAM,yBAAyB,GAAI,iCAGhC,8BAA8B,mDA8EhC,CAAC;AAEF,eAAe,yBAAyB,CAAC"}
+{"version":3,"file":"ConversationBySessionItem.d.ts","sourceRoot":"","sources":["../../../src/components/conversation/ConversationBySessionItem.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,yCAAyC,CAAC;AAE7E,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAYhD,UAAU,8BAA8B;IACtC,WAAW,EAAE,gBAAgB,CAAC;IAC9B,aAAa,CAAC,EAAE,aAAa,CAAC;CAC/B;AAED,QAAA,MAAM,yBAAyB,GAAI,iCAGhC,8BAA8B,mDA+EhC,CAAC;AAEF,eAAe,yBAAyB,CAAC"}

package/dist/components/conversation/ConversationBySessionItem.js

@@ -4,6 +4,7 @@ import { useTranslation } from "react-i18next";
 import useConversationStore from "../../store/conversation";
 import { Avatar } from "antd";
 import { useChatContext } from "../../context/ChatContext";
+import { useChatNavigate } from "../../hooks/conversation/useChatNavigate";
 import { useConversationDisplayData } from "../../hooks/conversation/useConversation";
 import { formatTimestamp, parseLatestMessage } from "../../utils/common";
 import { isGroupSession } from "../../utils/imCommon";
@@ -13,7 +14,8 @@ import MentionIndicatorIcon from "./MentionIndicatorIcon";
 const ConversationBySessionItem = ({ sessionItem, latestPreview, }) => {
     var _a;
     const { t } = useTranslation();
-    const { user, onNavigate } = useChatContext();
+    const { user } = useChatContext();
+    const onNavigate = useChatNavigate();
     const isSelected = useConversationStore((state) => {
         var _a;
         return state.selectedConversationId ===
@@ -29,7 +31,7 @@ const ConversationBySessionItem = ({ sessionItem, latestPreview, }) => {
         newSearchParams.delete("userId");
         newSearchParams.delete("groupId");
         newSearchParams.delete("botId");
-        onNavigate === null || onNavigate === void 0 ? void 0 : onNavigate(`${window.location.pathname}?${newSearchParams.toString()}`);
+        onNavigate(`${window.location.pathname}?${newSearchParams.toString()}`);
         setSelectedConversationId(conversation.conversationID);
     };
     const { avatar, displayName = "" } = useConversationDisplayData(conversation || null);

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

@@ -1 +1 @@
-{"version":3,"file":"DeskConversationList.d.ts","sourceRoot":"","sources":["../../../src/components/conversation/DeskConversationList.tsx"],"names":[],"mappings":"AA4BA,QAAA,MAAM,oBAAoB,+CA2UzB,CAAC;AAEF,eAAe,oBAAoB,CAAC"}
+{"version":3,"file":"DeskConversationList.d.ts","sourceRoot":"","sources":["../../../src/components/conversation/DeskConversationList.tsx"],"names":[],"mappings":"AA4BA,QAAA,MAAM,oBAAoB,+CAuVzB,CAAC;AAEF,eAAe,oBAAoB,CAAC"}

package/dist/components/conversation/DeskConversationList.js

@@ -31,13 +31,12 @@ const DeskConversationList = () => {
     const searchParams = useSearchParams();
     const setConversationData = useConversationStore((state) => state.setConversationData);
     const setSelectedConversationId = useConversationStore((state) => state.setSelectedConversationId);
-    const conversationList = useConversationStore((state) => state.conversationList);
     const updateConversationList = useConversationStore((state) => state.updateConversationList);
     const filterSummary = useSessionStore((state) => state.filterSummary);
     const viewMode = useSessionStore((state) => state.viewMode);
     const isAllGroupsView = viewMode === "allGroups";
     const { data: teamSummaries } = useGetTeamSessionSummary();
-    const { dataFlatten: rawSessions, hasNextPage, fetchNextPage, refetch, } = useGetSession({
+    const { dataFlatten: rawSessions, hasNextPage, fetchNextPage, refetch, isSyncing, } = useGetSession({
         filter: filterSummary,
         options: { isEnabled: !isAllGroupsView },
     });
@@ -89,7 +88,13 @@ const DeskConversationList = () => {
             return;
         }
         setSelectedConversationId(threadId);
-        const selectedConversation = conversationList.find((conv) => conv.conversationID === threadId);
+        // Read the snapshot instead of subscribing — this effect must only
+        // re-run on threadId change. Depending on conversationList re-fired it
+        // on every unrelated mutation (including its own updateConversationList
+        // call below), looping the sidebar between loaded and loading.
+        const selectedConversation = useConversationStore
+            .getState()
+            .conversationList.find((conv) => conv.conversationID === threadId);
         // threadId can come from a notification/stale search click — force a
         // fresh membership check instead of trusting the groupID cache.
         if (selectedConversation) {
@@ -110,7 +115,7 @@ const DeskConversationList = () => {
                 }
             });
         }
-    }, [searchParams, conversationList]);
+    }, [searchParams]);
     useEffect(() => {
         const handler = (sessionUpdated) => {
             if (sessionUpdated.status !== filterSummary.status ||
@@ -131,7 +136,12 @@ const DeskConversationList = () => {
                                 }, className: "rounded-lg text-sm flex-1 h-[36px]", size: "large", allowClear: true, onClick: setShowSearchTrue, value: search, autoFocus: false, onClear: onCloseSearch }), showSearch ? (_jsx(Button, { onClick: onCloseSearch, variant: "outlined", className: "p-0 w-[36px] h-[36px] text-gray-500", children: _jsx(Icon, { icon: "close-b", size: 22 }) })) : (_jsx(Button, { "data-testid": "conversation-list-compose-icon", onClick: () => setIsComposeOpen(true), variant: "outlined", className: "p-0 w-[36px] h-[36px] shrink-0 text-gray-500", children: _jsx(Icon, { icon: "edit-b", size: 20 }) }))] }), _jsxs("div", { className: "flex items-center justify-between mt-2", children: [_jsx("span", { className: "text-sm font-semibold text-blue-500 truncate", children: pathName }), isAllGroupsView ? (_jsxs("span", { className: "flex items-center gap-1.5 shrink-0", children: [_jsx(Icon, { icon: "user-three-o", size: 16, className: "text-gray-500" }), _jsx("span", { className: "text-sm font-semibold text-gray-800", children: t("all_groups") })] })) : (filterConfig && (_jsxs("span", { className: "flex items-center gap-1.5 shrink-0", children: [_jsx(Icon, { icon: filterConfig.iconName, size: 16, className: "text-gray-500" }), _jsx("span", { className: "text-sm font-semibold text-gray-800", children: t(filterConfig.labelKey) })] })))] })] }), _jsxs("div", { className: "relative flex-1 min-h-0", children: [_jsx("div", { id: "scrollableConversationsDiv", style: {
                             height: "100%",
                             overflow: showSearch ? "hidden" : "auto",
-                        }, children: isAllGroupsView ? (isConversationGroupsLoading ? (_jsx("div", { className: "flex items-center justify-center py-12", children: _jsx(Spin, {}) })) : !(conversationGroups === null || conversationGroups === void 0 ? void 0 : conversationGroups.length) ? (_jsx("div", { className: "flex items-center justify-center py-12", children: _jsx(Empty, { image: _jsx(Icon, { icon: "chat-square-b", size: 80, className: "text-gray-300" }), description: t("no_conversation") }) })) : (_jsx(InfiniteScroll, { dataLength: conversationGroups.length, next: fetchNextGroupsPage, hasMore: !!hasNextGroupsPage, loader: _jsx("div", { className: "flex items-center justify-center py-2", children: _jsx(Spin, {}) }), scrollableTarget: "scrollableConversationsDiv", children: conversationGroups.map((group) => (_jsx(ConversationByGroupItem, { group: group, latestPreview: groupLatestPreviewMap.get(group.conversationId) }, group.groupId))) }))) : (_jsx(InfiniteScroll, { dataLength: (sessions === null || sessions === void 0 ? void 0 : sessions.length) || 0, next: fetchNextPage, hasMore: hasNextPage, loader: _jsx("div", { className: "flex items-center justify-center py-2", children: _jsx(Spin, {}) }), scrollableTarget: "scrollableConversationsDiv", children: (sessions === null || sessions === void 0 ? void 0 : sessions.length) === 0 ? (_jsx("div", { className: "flex items-center justify-center py-12", children: _jsx(Empty, { image: _jsx(Icon, { icon: "chat-square-b", size: 80, className: "text-gray-300" }), description: t("no_conversation") }) })) : ((_b = sessions === null || sessions === void 0 ? void 0 : sessions.map) === null || _b === void 0 ? void 0 : _b.call(sessions, (session) => (_jsx(ConversationBySessionItem, { sessionItem: session, latestPreview: latestPreviewMap.get(session.conversationId) }, session.conversationId)))) })) }), _jsx(Drawer, { open: showSearch, mask: false, closeIcon: false, styles: {
+                        }, children: isAllGroupsView ? (isConversationGroupsLoading ? (_jsx("div", { className: "flex items-center justify-center py-12", children: _jsx(Spin, {}) })) : !(conversationGroups === null || conversationGroups === void 0 ? void 0 : conversationGroups.length) ? (_jsx("div", { className: "flex items-center justify-center py-12", children: _jsx(Empty, { image: _jsx(Icon, { icon: "chat-square-b", size: 80, className: "text-gray-300" }), description: t("no_conversation") }) })) : (_jsx(InfiniteScroll, { dataLength: conversationGroups.length, next: fetchNextGroupsPage, hasMore: !!hasNextGroupsPage, loader: _jsx("div", { className: "flex items-center justify-center py-2", children: _jsx(Spin, {}) }), scrollableTarget: "scrollableConversationsDiv", children: conversationGroups.map((group) => (_jsx(ConversationByGroupItem, { group: group, latestPreview: groupLatestPreviewMap.get(group.conversationId) }, group.groupId))) }))) : (_jsx(InfiniteScroll, { dataLength: (sessions === null || sessions === void 0 ? void 0 : sessions.length) || 0, next: fetchNextPage, hasMore: hasNextPage, loader: _jsx("div", { className: "flex items-center justify-center py-2", children: _jsx(Spin, {}) }), scrollableTarget: "scrollableConversationsDiv", children: isSyncing ? (
+                            // conversationList (the client cache dataFlatten joins
+                            // against) hasn't caught up with this filter's BE response
+                            // yet — showing the list now would flash a wrong, too-low
+                            // count that corrects itself a moment later.
+                            _jsx("div", { className: "flex items-center justify-center py-12", children: _jsx(Spin, {}) })) : (sessions === null || sessions === void 0 ? void 0 : sessions.length) === 0 ? (_jsx("div", { className: "flex items-center justify-center py-12", children: _jsx(Empty, { image: _jsx(Icon, { icon: "chat-square-b", size: 80, className: "text-gray-300" }), description: t("no_conversation") }) })) : ((_b = sessions === null || sessions === void 0 ? void 0 : sessions.map) === null || _b === void 0 ? void 0 : _b.call(sessions, (session) => (_jsx(ConversationBySessionItem, { sessionItem: session, latestPreview: latestPreviewMap.get(session.conversationId) }, session.conversationId)))) })) }), _jsx(Drawer, { open: showSearch, mask: false, closeIcon: false, styles: {
                             body: {
                                 padding: 0,
                             },

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

@@ -4,13 +4,13 @@ import { useTranslation } from "react-i18next";
 import { Empty, Spin } from "antd";
 import InfiniteScroll from "react-infinite-scroll-component";
 import useConversationStore from "../../store/conversation";
-import { useChatContext } from "../../context/ChatContext";
+import { useChatNavigate } from "../../hooks/conversation/useChatNavigate";
 import { Icon } from "../../components/icon";
 import ConversationInboxItem from "./ConversationInboxItem";
 const FooterSkeleton = () => (_jsxs("div", { className: "flex items-center gap-3 p-3", children: [_jsx("div", { className: "h-10 w-10 animate-pulse rounded-full bg-neutral-200" }), _jsxs("div", { className: "flex flex-1 flex-col gap-2", children: [_jsx("div", { className: "h-3 w-1/2 animate-pulse rounded bg-neutral-200" }), _jsx("div", { className: "h-2.5 w-1/3 animate-pulse rounded bg-neutral-200" })] })] }));
 const ConversationInboxList = ({ items, isLoading, isFetchingNextPage, hasNextPage, onLoadMore, onSelectThread, }) => {
     const { t } = useTranslation("conversation-inbox");
-    const { onNavigate } = useChatContext();
+    const onNavigate = useChatNavigate();
     const setConversationData = useConversationStore((state) => state.setConversationData);
     const setSelectedConversationId = useConversationStore((state) => state.setSelectedConversationId);
     const handleSelectThread = (item) => {
@@ -19,7 +19,7 @@ const ConversationInboxList = ({ items, isLoading, isFetchingNextPage, hasNextPa
         newSearchParams.delete("userId");
         newSearchParams.delete("groupId");
         newSearchParams.delete("botId");
-        onNavigate === null || onNavigate === void 0 ? void 0 : onNavigate(`${window.location.pathname}?${newSearchParams.toString()}`);
+        onNavigate(`${window.location.pathname}?${newSearchParams.toString()}`);
         setSelectedConversationId(item.conversationID);
         setConversationData(item);
         onSelectThread === null || onSelectThread === void 0 ? void 0 : onSelectThread(item);

package/dist/components/conversation-inbox/contact-search/ContactSearchPanel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ContactSearchPanel.d.ts","sourceRoot":"","sources":["../../../../src/components/conversation-inbox/contact-search/ContactSearchPanel.tsx"],"names":[],"mappings":"AA8BA,UAAU,uBAAuB;IAC/B,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,QAAA,MAAM,kBAAkB,GAAI,mBAAmB,uBAAuB,4CAuTrE,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
+{"version":3,"file":"ContactSearchPanel.d.ts","sourceRoot":"","sources":["../../../../src/components/conversation-inbox/contact-search/ContactSearchPanel.tsx"],"names":[],"mappings":"AA+BA,UAAU,uBAAuB;IAC/B,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,QAAA,MAAM,kBAAkB,GAAI,mBAAmB,uBAAuB,4CA2TrE,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/dist/components/conversation-inbox/contact-search/ContactSearchPanel.js

@@ -6,9 +6,10 @@ import { useDebounce } from "ahooks";
 import InfiniteScroll from "react-infinite-scroll-component";
 import { useTranslation } from "react-i18next";
 import { Icon } from "../../../components/icon";
-import { useChatContext } from "../../../context/ChatContext";
+import { useChatNavigate } from "../../../hooks/conversation/useChatNavigate";
 import { useSearchContacts } from "../../../hooks/search/useSearchContacts";
 import { useSearchPublicGroups } from "../../../hooks/search/useSearchPublicGroups";
+import useConversationStore from "../../../store/conversation";
 import ContactSearchFilters from "./ContactSearchFilters";
 import ContactSearchResultItem from "./ContactSearchResultItem";
 import ContactSearchSectionHeader from "./ContactSearchSectionHeader";
@@ -17,12 +18,13 @@ import ContactSearchTabs from "./ContactSearchTabs";
 import ContactSearchViewMoreBar from "./ContactSearchViewMoreBar";
 import PublicGroupResultItem from "./PublicGroupResultItem";
 import { CONTACT_SEARCH_DEBOUNCE_MS, CONTACT_SEARCH_ICON_SIZE, CONTACT_SEARCH_PREVIEW_LIMIT, ContactSearchTab, } from "./constants";
-import { buildContactSearchParams } from "./utils";
+import { buildContactSearchParams, resolveContactSearchTarget } from "./utils";
 const SCROLL_TARGET_ID = "contact-search-scroll";
 const COMMUNITY_SCROLL_TARGET_ID = "contact-search-community-scroll";
 const ContactSearchPanel = ({ open, onClose }) => {
     const { t } = useTranslation("conversation-inbox");
-    const { onNavigate } = useChatContext();
+    const onNavigate = useChatNavigate();
+    const setPendingResolveTarget = useConversationStore((state) => state.setPendingResolveTarget);
     const [keyword, setKeyword] = useState("");
     const [activeType, setActiveType] = useState();
     const [activeTab, setActiveTab] = useState(ContactSearchTab.All);
@@ -49,18 +51,18 @@ const ContactSearchPanel = ({ open, onClose }) => {
         enabled: open && activeTab === ContactSearchTab.Community,
     });
     const handleOpenGroup = (groupID) => {
-        const params = new URLSearchParams(window.location.search);
-        params.delete("threadId");
-        params.delete("userId");
-        params.delete("botId");
-        params.set("groupId", groupID);
+        const target = { groupId: groupID };
+        setPendingResolveTarget(target);
+        const params = buildContactSearchParams(target);
         onClose();
-        onNavigate === null || onNavigate === void 0 ? void 0 : onNavigate(`${window.location.pathname}?${params.toString()}`);
+        onNavigate(`${window.location.pathname}?${params.toString()}`);
     };
     const handleSelectContact = (contact) => {
-        const params = buildContactSearchParams(contact);
+        const target = resolveContactSearchTarget(contact);
+        setPendingResolveTarget(target);
+        const params = buildContactSearchParams(target);
         onClose();
-        onNavigate === null || onNavigate === void 0 ? void 0 : onNavigate(`${window.location.pathname}?${params.toString()}`);
+        onNavigate(`${window.location.pathname}?${params.toString()}`);
     };
     // Filters belong to the `Liên hệ` tab only, so leaving it drops the active
     // type — `Tất cả` always previews every contact type.

package/dist/components/conversation-inbox/contact-search/utils.d.ts

@@ -2,5 +2,11 @@ import { ContactSearchItem, ContactSearchType } from "../../../types/dto";
 import { PeerType } from "../../../types/conversation";
 export declare const resolveContactPeerType: (type: ContactSearchType) => PeerType;
 export declare const formatLastOnlineTime: (lastOnlineTime: string | null) => string;
-export declare const buildContactSearchParams: (contact: ContactSearchItem) => URLSearchParams;
+export interface ContactSearchTarget {
+    userId?: string;
+    groupId?: string;
+    botId?: string;
+}
+export declare const resolveContactSearchTarget: (contact: ContactSearchItem) => ContactSearchTarget;
+export declare const buildContactSearchParams: (target: ContactSearchTarget) => URLSearchParams;
 //# sourceMappingURL=utils.d.ts.map

package/dist/components/conversation-inbox/contact-search/utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../src/components/conversation-inbox/contact-search/utils.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AACnE,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAahD,eAAO,MAAM,sBAAsB,GAAI,MAAM,iBAAiB,KAAG,QAChC,CAAC;AAIlC,eAAO,MAAM,oBAAoB,GAAI,gBAAgB,MAAM,GAAG,IAAI,KAAG,MACd,CAAC;AAIxD,eAAO,MAAM,wBAAwB,GACnC,SAAS,iBAAiB,KACzB,eA0BF,CAAC"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../src/components/conversation-inbox/contact-search/utils.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AACnE,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAahD,eAAO,MAAM,sBAAsB,GAAI,MAAM,iBAAiB,KAAG,QAChC,CAAC;AAIlC,eAAO,MAAM,oBAAoB,GAAI,gBAAgB,MAAM,GAAG,IAAI,KAAG,MACd,CAAC;AAExD,MAAM,WAAW,mBAAmB;IAClC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAKD,eAAO,MAAM,0BAA0B,GACrC,SAAS,iBAAiB,KACzB,mBAcF,CAAC;AAEF,eAAO,MAAM,wBAAwB,GACnC,QAAQ,mBAAmB,KAC1B,eAYF,CAAC"}

package/dist/components/conversation-inbox/contact-search/utils.js

@@ -15,30 +15,34 @@ export const resolveContactPeerType = (type) => CONTACT_TYPE_TO_PEER_TYPE[type];
 // The Vietnamese dayjs locale is already registered in the SDK layout, so
 // fromNow() renders "1 giờ trước" without extra setup here.
 export const formatLastOnlineTime = (lastOnlineTime) => lastOnlineTime ? dayjs(lastOnlineTime).fromNow() : "";
-// Each contact type resolves to a different route param; the conversation
+// Each contact type resolves to a different target field; the conversation
 // detail screen turns it into an existing thread or the new-chat flow.
-export const buildContactSearchParams = (contact) => {
+// Shared by both the URL-synced and bubble-mode (store-only) navigation paths.
+export const resolveContactSearchTarget = (contact) => {
     var _a;
-    const params = new URLSearchParams(window.location.search);
-    params.delete("threadId");
-    params.delete("userId");
-    params.delete("groupId");
-    params.delete("botId");
     if (contact.type === ContactSearchType.Group) {
-        if (contact.targetGroupId)
-            params.set("groupId", contact.targetGroupId);
-        return params;
+        return contact.targetGroupId ? { groupId: contact.targetGroupId } : {};
     }
     // PDP bots carry their id in targetBotId; targetUserId is null for them.
     if (contact.type === ContactSearchType.PdpBot) {
-        if (contact.targetBotId)
-            params.set("botId", contact.targetBotId);
-        return params;
+        return contact.targetBotId ? { botId: contact.targetBotId } : {};
     }
     // Individual contacts: sellers carry targetUserId, customers carry
     // targetCustomerId — the other field is null in each case.
     const peerId = (_a = contact.targetUserId) !== null && _a !== void 0 ? _a : contact.targetCustomerId;
-    if (peerId)
-        params.set("userId", peerId);
+    return peerId ? { userId: peerId } : {};
+};
+export const buildContactSearchParams = (target) => {
+    const params = new URLSearchParams(window.location.search);
+    params.delete("threadId");
+    params.delete("userId");
+    params.delete("groupId");
+    params.delete("botId");
+    if (target.groupId)
+        params.set("groupId", target.groupId);
+    if (target.botId)
+        params.set("botId", target.botId);
+    if (target.userId)
+        params.set("userId", target.userId);
     return params;
 };

package/dist/components/message/GroupMembersDrawer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GroupMembersDrawer.d.ts","sourceRoot":"","sources":["../../../src/components/message/GroupMembersDrawer.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAiB/C,UAAU,uBAAuB;IAC/B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,cAAc,CAAC,EAAE,gBAAgB,CAAC;IAClC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AA0CD,QAAA,MAAM,kBAAkB,GAAI,wDAKzB,uBAAuB,4CAwjBzB,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
+{"version":3,"file":"GroupMembersDrawer.d.ts","sourceRoot":"","sources":["../../../src/components/message/GroupMembersDrawer.tsx"],"names":[],"mappings":"AAWA,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAiB/C,UAAU,uBAAuB;IAC/B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,cAAc,CAAC,EAAE,gBAAgB,CAAC;IAClC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AA0CD,QAAA,MAAM,kBAAkB,GAAI,wDAKzB,uBAAuB,4CAwjBzB,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/dist/components/message/GroupMembersDrawer.js

@@ -5,7 +5,7 @@ import ConfirmModal from "../../components/common/ConfirmModal";
 import { useEffect, useMemo, useState } from "react";
 import { useDebounce } from "ahooks";
 import { useTranslation } from "react-i18next";
-import { useChatContext } from "../../context/ChatContext";
+import { useChatNavigate } from "../../hooks/conversation/useChatNavigate";
 import useAuthStore from "../../store/auth";
 import useConversationStore from "../../store/conversation";
 import { useGroupMembers } from "../../hooks/group/useGroupMembers";
@@ -34,7 +34,7 @@ const getMemberRoleLabel = ({ member, customerUserID, t, }) => {
 const GroupMembersDrawer = ({ groupID, conversationId, currentSession, disabled = false, }) => {
     var _a, _b;
     const { t } = useTranslation();
-    const { onNavigate } = useChatContext();
+    const onNavigate = useChatNavigate();
     const [isOpen, setIsOpen] = useState(false);
     const [showLeaveConfirm, setShowLeaveConfirm] = useState(false);
     const [showAddMember, setShowAddMember] = useState(false);
@@ -244,7 +244,7 @@ const GroupMembersDrawer = ({ groupID, conversationId, currentSession, disabled
         try {
             await leaveConversation({ conversationId });
             message.success(t("leave_group_success"));
-            onNavigate === null || onNavigate === void 0 ? void 0 : onNavigate(window.location.pathname);
+            onNavigate(window.location.pathname);
             setShowLeaveConfirm(false);
             setIsOpen(false);
         }

package/dist/components/message/MessageList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MessageList.d.ts","sourceRoot":"","sources":["../../../src/components/message/MessageList.tsx"],"names":[],"mappings":"AAgCA,UAAU,gBAAgB;IACxB,cAAc,EAAE,MAAM,CAAC;IACvB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,qBAAqB,CAAC,EAAE,MAAM,IAAI,CAAC;IACnC,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;CAC/B;AAED,QAAA,MAAM,WAAW,GAAI,OAAO,gBAAgB,4CAgU3C,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"MessageList.d.ts","sourceRoot":"","sources":["../../../src/components/message/MessageList.tsx"],"names":[],"mappings":"AAiCA,UAAU,gBAAgB;IACxB,cAAc,EAAE,MAAM,CAAC;IACvB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,qBAAqB,CAAC,EAAE,MAAM,IAAI,CAAC;IACnC,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;CAC/B;AAED,QAAA,MAAM,WAAW,GAAI,OAAO,gBAAgB,4CAkV3C,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/dist/components/message/MessageList.js

@@ -24,6 +24,7 @@ import { useJoinGroupFlow } from "../../hooks/session/useJoinGroupFlow";
 import { useGroupPermission } from "../../hooks/group/useGroupPermission";
 import { isGroupConversation } from "../../utils/imCommon";
 import { ConnectStatus, SessionStatus } from "../../types/chat";
+import { PeerType } from "../../types/conversation";
 import PinLimitModal from "../../components/conversation-detail/PinLimitModal";
 import ConfirmModal from "../../components/common/ConfirmModal";
 dayjs.extend(isToday);
@@ -34,29 +35,36 @@ const MessageList = (props) => {
     const conversationData = useConversationStore((state) => state.conversationData);
     const permissions = useGroupPermission(conversationData === null || conversationData === void 0 ? void 0 : conversationData.groupID);
     const isGroupChat = isGroupConversation(conversationData !== null && conversationData !== void 0 ? conversationData : undefined);
+    // A CX/support session can ride a Group session with peerType missing on
+    // the instant response (see isGroupConversation) — non-member/mute checks
+    // must not fire off that loose signal, or a support thread with no group
+    // membership record gets wrongly treated as a blocked group member.
+    const isConfirmedGroup = (conversationData === null || conversationData === void 0 ? void 0 : conversationData.peerType) === PeerType.GROUP;
     const groupID = conversationData === null || conversationData === void 0 ? void 0 : conversationData.groupID;
     const currentGroupInfo = useConversationStore((state) => groupID ? state.currentGroupInfo.get(groupID) : undefined);
     const currentMemberInGroup = useConversationStore((state) => groupID ? state.currentMemberInGroup.get(groupID) : undefined);
     const isViewOnlyMember = useConversationStore((state) => state.isViewOnlyMember);
+    const setIsViewOnlyMember = useConversationStore((state) => state.setIsViewOnlyMember);
     // "Fresh" now means "we have a cache entry for this groupID" — populated
     // either by a fetch just now or a cache hit from earlier in the session,
     // not necessarily a response that JUST arrived (that's the point of the
     // groupID cache: no spinner on reopening a previously-viewed group).
     const isGroupInfoFresh = currentGroupInfo !== undefined;
-    const isGroupStateFresh = !isGroupChat ||
+    const isGroupStateFresh = !isConfirmedGroup ||
         (isGroupInfoFresh &&
             (!currentMemberInGroup || currentMemberInGroup.roleLevel !== undefined));
     // Group-wide mute (GroupThreadInfo.tsx) restricts Normal members only.
-    const isRestrictedByGroupMute = isGroupChat &&
+    const isRestrictedByGroupMute = isConfirmedGroup &&
         (currentGroupInfo === null || currentGroupInfo === void 0 ? void 0 : currentGroupInfo.status) === GroupStatus.Muted &&
         (currentMemberInGroup === null || currentMemberInGroup === void 0 ? void 0 : currentMemberInGroup.roleLevel) === GroupMemberRole.Normal;
-    // useGroupPermission defaults to Normal-role (sendMessage: true) when
-    // currentMemberInGroup is undefined — wrong once we know it's absent
-    // for good, not just not-loaded-yet.
-    const isConfirmedNonMember = isGroupChat && isGroupInfoFresh && !currentMemberInGroup;
-    const canSendMessage = !isGroupChat ||
+    // useGroupPermission defaults to Normal-role when currentMemberInGroup
+    // is undefined — wrong once absent for good, not just not-loaded-yet.
+    // Gated on isConfirmedGroup: a support thread has no membership record
+    // by design, not because it's a removed member.
+    const isConfirmedNonMember = isConfirmedGroup && isGroupInfoFresh && !currentMemberInGroup;
+    const canSendMessage = !isConfirmedGroup ||
         (!isConfirmedNonMember && permissions.sendMessage && !isRestrictedByGroupMute);
-    const canPinMessage = !isGroupChat || (!isConfirmedNonMember && permissions.pinMessage);
+    const canPinMessage = !isConfirmedGroup || (!isConfirmedNonMember && permissions.pinMessage);
     const setQuotedMessage = useConversationStore((state) => state.setQuotedMessage);
     const setSearchClientMsgID = useConversationStore((state) => state.setSearchClientMsgID);
     const [openMenuId, setOpenMenuId] = useState(null);
@@ -71,16 +79,24 @@ const MessageList = (props) => {
     const pinnedTotalCount = useConversationStore((state) => state.pinnedTotalCount);
     const pinnedRemainingCount = useConversationStore((state) => state.pinnedRemainingCount);
     const [pinLimitModalOpen, setPinLimitModalOpen] = useState(false);
-    const { groupId, latestConversationSession, refetchConversationSessions, } = useConversationSessionState({
+    const { rawGroupId, latestConversationSession, refetchConversationSessions, } = useConversationSessionState({
         conversationId,
         conversationType: conversationData === null || conversationData === void 0 ? void 0 : conversationData.conversationType,
         peerType: conversationData === null || conversationData === void 0 ? void 0 : conversationData.peerType,
         groupId: conversationData === null || conversationData === void 0 ? void 0 : conversationData.groupID,
     });
     const { isJoined, isCheckingMembership, shouldRestrictToLastSession, joinGroup, isJoining, } = useJoinGroupFlow({
-        groupId,
+        groupId: rawGroupId,
         sessionId: latestConversationSession === null || latestConversationSession === void 0 ? void 0 : latestConversationSession.id,
     });
+    // A stale isViewOnlyMember=true only ever clears via the WASM join-group
+    // path or a WS event — neither fires for a support thread joined via
+    // useJoinSession's REST call. Sync it off once isJoined confirms true.
+    useEffect(() => {
+        if (!isConfirmedGroup && isJoined && isViewOnlyMember) {
+            setIsViewOnlyMember(false);
+        }
+    }, [isConfirmedGroup, isJoined, isViewOnlyMember, setIsViewOnlyMember]);
     const messageController = useMessage(conversationId, searchClientMsgID);
     const { loadState, moreOldLoading, moreNewLoading } = messageController;
     const { scrollRef, loadMoreOldMessage, handleInfiniteScroll, scrollToBottom, scrollToMessage, } = useMessageListScroll(Object.assign({ conversationId, userId: user === null || user === void 0 ? void 0 : user.userID, isGroupChat }, messageController));
@@ -164,7 +180,7 @@ const MessageList = (props) => {
     if (!conversationData) {
         return (_jsx("div", { className: "flex flex-1 items-center justify-center h-full", children: connectStatus !== ConnectStatus.Connected ? (_jsx(Spin, {})) : (_jsx(Empty, { description: t("no_conversation_data") })) }));
     }
-    return (_jsxs("div", { className: "flex flex-col flex-1 relative h-full min-w-0 overflow-hidden bg-white", "data-cp-name": "MessageList", children: [_jsx(MessageHeader, { onClose: onClose, currentSession: latestConversationSession, isJoined: isJoined, onOpenThreadInfo: onOpenThreadInfo }), _jsx(MessageInfiniteScroll, { scrollRef: scrollRef, scrollableTargetId: "scrollableMessagesDiv", loadState: loadState, moreOldLoading: moreOldLoading, onLoadMoreOld: loadMoreOldMessage, onScroll: handleInfiniteScroll, children: loadState.messageList.map((message, _, array) => (_jsx(MessageItem, { message: message, allMessages: array, isGroupChat: isGroupChat, contextMenuOpen: openMenuId === message.clientMsgID, onContextMenuOpenChange: (open) => setOpenMenuId(open ? message.clientMsgID : null), onRevokeMessage: handleOpenRevoke, onQuoteMessage: setQuotedMessage, onPressQuoteMessage: onPressQuoteMessage, onPinMessage: canPinMessage ? handlePinMessage : undefined, onUnpinMessage: canPinMessage ? handleUnpinMessage : undefined, timeRevealed: revealedTimeMsgId === message.clientMsgID, onToggleTimeReveal: handleToggleTimeReveal }, message.clientMsgID))) }), moreNewLoading && (_jsx("div", { className: "flex items-center justify-center py-2", children: _jsx(Spin, {}) })), (isGroupChat && isCheckingMembership) || !isGroupStateFresh ? (_jsx("div", { className: "border-t bg-white py-4 flex items-center justify-center", children: _jsx(Spin, {}) })) : (latestConversationSession === null || latestConversationSession === void 0 ? void 0 : latestConversationSession.status) === SessionStatus.UNASSIGNED ? (_jsx(UnassignedSessionFooter, { sessionId: latestConversationSession.id, teamId: latestConversationSession.teamId })) : !isGroupChat && shouldRestrictToLastSession ? (_jsxs("div", { className: "border-t bg-white py-4 flex flex-col items-center gap-2", children: [_jsx("p", { className: "text-sm text-gray-500", children: t("join_group_required") }), _jsx(Button, { type: "primary", onClick: joinGroup, loading: isJoining, children: t("join_group") })] })) : isViewOnlyMember ? (
+    return (_jsxs("div", { className: "flex flex-col flex-1 relative h-full min-w-0 overflow-hidden bg-white", "data-cp-name": "MessageList", children: [_jsx(MessageHeader, { onClose: onClose, currentSession: latestConversationSession, isJoined: isJoined, onOpenThreadInfo: onOpenThreadInfo }), _jsx(MessageInfiniteScroll, { scrollRef: scrollRef, scrollableTargetId: "scrollableMessagesDiv", loadState: loadState, moreOldLoading: moreOldLoading, onLoadMoreOld: loadMoreOldMessage, onScroll: handleInfiniteScroll, children: loadState.messageList.map((message, _, array) => (_jsx(MessageItem, { message: message, allMessages: array, isGroupChat: isGroupChat, contextMenuOpen: openMenuId === message.clientMsgID, onContextMenuOpenChange: (open) => setOpenMenuId(open ? message.clientMsgID : null), onRevokeMessage: handleOpenRevoke, onQuoteMessage: setQuotedMessage, onPressQuoteMessage: onPressQuoteMessage, onPinMessage: canPinMessage ? handlePinMessage : undefined, onUnpinMessage: canPinMessage ? handleUnpinMessage : undefined, timeRevealed: revealedTimeMsgId === message.clientMsgID, onToggleTimeReveal: handleToggleTimeReveal }, message.clientMsgID))) }), moreNewLoading && (_jsx("div", { className: "flex items-center justify-center py-2", children: _jsx(Spin, {}) })), (Boolean(rawGroupId) && isCheckingMembership) || !isGroupStateFresh ? (_jsx("div", { className: "border-t bg-white py-4 flex items-center justify-center", children: _jsx(Spin, {}) })) : (latestConversationSession === null || latestConversationSession === void 0 ? void 0 : latestConversationSession.status) === SessionStatus.UNASSIGNED ? (_jsx(UnassignedSessionFooter, { sessionId: latestConversationSession.id, teamId: latestConversationSession.teamId })) : !isConfirmedGroup && shouldRestrictToLastSession ? (_jsxs("div", { className: "border-t bg-white py-4 flex flex-col items-center gap-2", "data-cp-name": "JoinGroupRequired", children: [_jsx("p", { className: "text-sm text-gray-500", children: t("join_group_required") }), _jsx(Button, { type: "primary", onClick: joinGroup, loading: isJoining, children: t("join_group") })] })) : isViewOnlyMember ? (
             // Brief fallback while isJoined catches up after the kick event.
             _jsx(MessageFooter, { currentSession: latestConversationSession, openCreateCannedModal: openCreateCannedModal })) : !canSendMessage ? (_jsx("div", { className: "border-t bg-[#f5f5f5] py-3 flex items-center justify-center", children: _jsx("p", { className: "text-sm text-gray-500", children: t(isRestrictedByGroupMute ? "send_message_disabled_group_mute" : "send_message_disabled") }) })) : (_jsx(MessageFooter, { currentSession: latestConversationSession, openCreateCannedModal: openCreateCannedModal })), _jsx(ConfirmModal, { open: showConfirmRevoke, onOk: onRevokeMessage, onCancel: handleCloseRevoke, title: t("revoke_message_confirm_title"), okText: t("revoke"), cancelText: t("cancel"), okType: "danger", confirmLoading: isRevoking, children: _jsx("p", { children: t("revoke_message_confirm_message") }) }), _jsx(PinLimitModal, { open: pinLimitModalOpen, max: pinnedTotalCount, onClose: () => setPinLimitModalOpen(false) })] }));
 };

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

@@ -3,14 +3,14 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 import { useTranslation } from "react-i18next";
 import { GroupVisibility } from "@droppii-org/wasm-client-sdk";
 import useConversationStore from "../../../store/conversation";
-import { useChatContext } from "../../../context/ChatContext";
+import { useChatNavigate } from "../../../hooks/conversation/useChatNavigate";
 import { highlightSearch, sanitizeHtml } from "../../../utils/common";
 import { Icon } from "../../../components/icon";
 import GroupCompositeAvatar from "../../../components/group/GroupCompositeAvatar";
 const SearchItemAsGroup = (props) => {
     const { group, searchTerm = "" } = props;
     const { t } = useTranslation();
-    const { onNavigate } = useChatContext();
+    const onNavigate = useChatNavigate();
     const setConversationData = useConversationStore((state) => state.setConversationData);
     const setSelectedConversationId = useConversationStore((state) => state.setSelectedConversationId);
     const { conversation } = group;
@@ -24,7 +24,7 @@ const SearchItemAsGroup = (props) => {
         newSearchParams.delete("userId");
         newSearchParams.delete("groupId");
         newSearchParams.delete("botId");
-        onNavigate === null || onNavigate === void 0 ? void 0 : onNavigate(`${window.location.pathname}?${newSearchParams.toString()}`);
+        onNavigate(`${window.location.pathname}?${newSearchParams.toString()}`);
     };
     return (_jsxs("div", { className: "py-3 px-2 flex items-center gap-3 hover:bg-gray-100 hover:rounded-sm cursor-pointer border-b mx-1", onClick: onPressItem, "data-cp-name": "SearchItemAsGroup", children: [_jsx(GroupCompositeAvatar, { groupID: group.groupId, faceURL: conversation.faceURL, groupName: conversation.showName, size: 48 }), _jsxs("div", { className: "flex flex-col flex-1 min-w-0 gap-0.5", children: [_jsx("p", { className: "text-sm font-semibold truncate", dangerouslySetInnerHTML: {
                             __html: sanitizeHtml(highlightSearch(conversation.showName || "", searchTerm)),

package/dist/context/ChatContext.d.ts

@@ -2,5 +2,5 @@ import "../styles/global.css";
 import { ChatContextType, ChatProviderProps } from "../types/chat";
 export declare const ChatContext: import("react").Context<ChatContextType>;
 export declare const useChatContext: () => ChatContextType;
-export declare const ChatProvider: ({ children, config, renderCustomMessage, onNavigate, renderGroupAccessModal, theme, }: ChatProviderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ChatProvider: ({ children, config, renderCustomMessage, onNavigate, useUrlState, renderGroupAccessModal, theme, }: ChatProviderProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=ChatContext.d.ts.map

package/dist/context/ChatContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChatContext.d.ts","sourceRoot":"","sources":["../../src/context/ChatContext.tsx"],"names":[],"mappings":"AAEA,OAAO,sBAAsB,CAAC;AAG9B,OAAO,EACL,eAAe,EACf,iBAAiB,EAGlB,MAAM,cAAc,CAAC;AAStB,eAAO,MAAM,WAAW,0CAOtB,CAAC;AAEH,eAAO,MAAM,cAAc,uBAAgC,CAAC;AAS5D,eAAO,MAAM,YAAY,GAAI,uFAO1B,iBAAiB,4CAyHnB,CAAC"}
+{"version":3,"file":"ChatContext.d.ts","sourceRoot":"","sources":["../../src/context/ChatContext.tsx"],"names":[],"mappings":"AAEA,OAAO,sBAAsB,CAAC;AAG9B,OAAO,EACL,eAAe,EACf,iBAAiB,EAGlB,MAAM,cAAc,CAAC;AAUtB,eAAO,MAAM,WAAW,0CAQtB,CAAC;AAEH,eAAO,MAAM,cAAc,uBAAgC,CAAC;AAS5D,eAAO,MAAM,YAAY,GAAI,oGAQ1B,iBAAiB,4CAiInB,CAAC"}

package/dist/context/ChatContext.js

@@ -6,6 +6,7 @@ import { ConnectStatus, SyncStatus, } from "../types/chat";
 import { DChatSDK } from "../constants/sdk";
 import MainLayout from "../layout";
 import useAuthStore from "../store/auth";
+import { setUrlStateEnabled } from "../store/conversation";
 import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
 import { ConfigProvider } from "antd";
 const queryClient = new QueryClient();
@@ -16,6 +17,7 @@ export const ChatContext = createContext({
     getSelfUserInfo: () => { },
     updateConnectStatus: () => { },
     updateSyncStatus: () => { },
+    useUrlState: true,
 });
 export const useChatContext = () => useContext(ChatContext);
 const DEFAULT_THEME = {
@@ -24,8 +26,14 @@ const DEFAULT_THEME = {
     "--dc-color-primary-light": "#E6E9FF",
     "--dc-color-primary-focus": "#607CFB",
 };
-export const ChatProvider = ({ children, config, renderCustomMessage, onNavigate, renderGroupAccessModal, theme, }) => {
+export const ChatProvider = ({ children, config, renderCustomMessage, onNavigate, useUrlState = true, renderGroupAccessModal, theme, }) => {
     var _a, _b, _c, _d;
+    // The store's clearSelectedConversation touches window.history directly
+    // (it has no React context access) — mirror the flag there so bubble mode
+    // doesn't clobber the host page's own URL.
+    useEffect(() => {
+        setUrlStateEnabled(useUrlState);
+    }, [useUrlState]);
     const themeStyle = {
         "--dc-color-primary": (_a = theme === null || theme === void 0 ? void 0 : theme.primary) !== null && _a !== void 0 ? _a : DEFAULT_THEME["--dc-color-primary"],
         "--dc-color-primary-hover": (_b = theme === null || theme === void 0 ? void 0 : theme.primaryHover) !== null && _b !== void 0 ? _b : DEFAULT_THEME["--dc-color-primary-hover"],
@@ -109,6 +117,7 @@ export const ChatProvider = ({ children, config, renderCustomMessage, onNavigate
             updateSyncStatus,
             renderCustomMessage,
             onNavigate,
+            useUrlState,
             renderGroupAccessModal,
         }, children: _jsx(ConfigProvider, { getPopupContainer: () => { var _a; return (_a = rootRef.current) !== null && _a !== void 0 ? _a : document.body; }, children: _jsx(QueryClientProvider, { client: queryClient, children: _jsx("div", { ref: rootRef, style: themeStyle, className: "contents", children: _jsx(MainLayout, { children: children }) }) }) }) }));
 };

package/dist/hooks/conversation/useChatNavigate.d.ts

@@ -0,0 +1,2 @@
+export declare const useChatNavigate: () => (url: string) => void;
+//# sourceMappingURL=useChatNavigate.d.ts.map

package/dist/hooks/conversation/useChatNavigate.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useChatNavigate.d.ts","sourceRoot":"","sources":["../../../src/hooks/conversation/useChatNavigate.ts"],"names":[],"mappings":"AAQA,eAAO,MAAM,eAAe,cAIlB,MAAM,SAMf,CAAC"}

package/dist/hooks/conversation/useChatNavigate.js

@@ -0,0 +1,14 @@
+"use client";
+import { useCallback } from "react";
+import { useChatContext } from "../../context/ChatContext";
+// Every call site builds a URL and hands it to onNavigate — wrapping that
+// here means bubble-mode hosts (useUrlState: false) get a single place that
+// no-ops instead of needing every call site to check the flag itself.
+export const useChatNavigate = () => {
+    const { onNavigate, useUrlState = true } = useChatContext();
+    return useCallback((url) => {
+        if (!useUrlState)
+            return;
+        onNavigate === null || onNavigate === void 0 ? void 0 : onNavigate(url);
+    }, [onNavigate, useUrlState]);
+};

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":"AAyCA,eAAO,MAAM,cAAc,YAsiB1B,CAAC"}
+{"version":3,"file":"useGlobalEvent.d.ts","sourceRoot":"","sources":["../../../src/hooks/global/useGlobalEvent.ts"],"names":[],"mappings":"AA0CA,eAAO,MAAM,cAAc,YA8iB1B,CAAC"}