@droppii-org/chat-sdk 0.6.0 → 0.6.2

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/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/message/item/AtTextMessage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AtTextMessage.d.ts","sourceRoot":"","sources":["../../../../src/components/message/item/AtTextMessage.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAM3D,OAAO,KAAK,EAAqB,aAAa,EAAE,MAAM,cAAc,CAAC;AAErE,UAAU,sBAAsB;IAC9B,OAAO,EAAE,WAAW,CAAC;CACtB;AAOD,eAAO,MAAM,eAAe,GAC1B,MAAM,MAAM,EACZ,eAAe,MAAM,EAAE,KACtB,KAAK,CAAC;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,SAAS,EAAE,OAAO,CAAA;CAAE,CAmC5C,CAAC;AAKF,eAAO,MAAM,cAAc,GACzB,MAAM,MAAM,EACZ,SAAS,aAAa,EAAE,KACvB,KAAK,CAAC;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,SAAS,EAAE,OAAO,CAAA;CAAE,CAmB5C,CAAC;AAaF,QAAA,MAAM,iBAAiB,GAAI,OAAO,sBAAsB,mDAyDvD,CAAC;AAEF,eAAe,iBAAiB,CAAC"}
+{"version":3,"file":"AtTextMessage.d.ts","sourceRoot":"","sources":["../../../../src/components/message/item/AtTextMessage.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAM3D,OAAO,KAAK,EAEV,aAAa,EAEd,MAAM,cAAc,CAAC;AAGtB,UAAU,sBAAsB;IAC9B,OAAO,EAAE,WAAW,CAAC;CACtB;AAOD,eAAO,MAAM,eAAe,GAC1B,MAAM,MAAM,EACZ,eAAe,MAAM,EAAE,KACtB,KAAK,CAAC;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,SAAS,EAAE,OAAO,CAAA;CAAE,CAsC5C,CAAC;AAKF,eAAO,MAAM,cAAc,GACzB,MAAM,MAAM,EACZ,SAAS,aAAa,EAAE,KACvB,KAAK,CAAC;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,SAAS,EAAE,OAAO,CAAA;CAAE,CAsB5C,CAAC;AAeF,QAAA,MAAM,iBAAiB,GAAI,OAAO,sBAAsB,mDA6EvD,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

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

@@ -1,12 +1,12 @@
 "use client";
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Fragment } from "react";
 import clsx from "clsx";
-import { extractLinkUrls } from "../../../utils/link";
 import LinkText from "./LinkText";
 import { MESSAGE_TEXT_CLASS } from "./textStyle";
 import { useTranslation } from "react-i18next";
 import { AT_ALL_TAG } from "../../../hooks/message/useSendMessage";
+import LinkCard from "./LinkCard";
 // AtTextElem has no offset/index, so mentions are recovered by matching
 // "@displayName" text: longest-label-first (avoids "@Anna" being cut short
 // by "@An"), each label consumed only as many times as it's really mentioned.
@@ -34,7 +34,10 @@ export const splitByMentions = (text, mentionLabels) => {
             break;
         }
         if (match.index > cursor) {
-            segments.push({ text: text.slice(cursor, match.index), isMention: false });
+            segments.push({
+                text: text.slice(cursor, match.index),
+                isMention: false,
+            });
         }
         segments.push({ text: match.label, isMention: true });
         remainingCount.set(match.label, ((_b = remainingCount.get(match.label)) !== null && _b !== void 0 ? _b : 0) - 1);
@@ -55,7 +58,10 @@ export const splitByOffsets = (text, offsets) => {
         if (offset > cursor) {
             segments.push({ text: text.slice(cursor, offset), isMention: false });
         }
-        segments.push({ text: text.slice(offset, offset + length), isMention: true });
+        segments.push({
+            text: text.slice(offset, offset + length),
+            isMention: true,
+        });
         cursor = offset + length;
     }
     if (cursor < text.length) {
@@ -77,20 +83,26 @@ const parseMentionOffsets = (ex) => {
     }
 };
 const AtTextMessageItem = (props) => {
-    var _a, _b, _c;
+    var _a, _b, _c, _d, _e;
     const { message } = props;
     const { t } = useTranslation();
     const atTextElem = message === null || message === void 0 ? void 0 : message.atTextElem;
     if (!(atTextElem === null || atTextElem === void 0 ? void 0 : atTextElem.text))
         return null;
-    const isAtAll = (_a = atTextElem.atUserList) === null || _a === void 0 ? void 0 : _a.some((userID) => userID === AT_ALL_TAG);
-    const memberMentionLabels = (_c = (_b = atTextElem.atUsersInfo) === null || _b === void 0 ? void 0 : _b.map((info) => `@${info.groupNickname}`)) !== null && _c !== void 0 ? _c : [];
-    const urls = extractLinkUrls(atTextElem.text);
-    if (memberMentionLabels.length === 0 &&
-        !isAtAll &&
-        urls.length > 0) {
-        return _jsx(LinkText, { text: atTextElem.text });
+    let extendMessageInfo = null;
+    try {
+        extendMessageInfo = JSON.parse((message === null || message === void 0 ? void 0 : message.ex) || "{}");
+    }
+    catch (error) {
+        extendMessageInfo = {};
+        console.error("Failed to parse extendMessageInfo", error);
     }
+    const urlMetadata = extendMessageInfo === null || extendMessageInfo === void 0 ? void 0 : extendMessageInfo.urlMetadata;
+    const metadataUrl = (_b = (_a = message === null || message === void 0 ? void 0 : message.urlTextElem) === null || _a === void 0 ? void 0 : _a.urls) === null || _b === void 0 ? void 0 : _b[0];
+    const hasUrlMetadata = !!(urlMetadata &&
+        (urlMetadata.title || urlMetadata.description || urlMetadata.image));
+    const isAtAll = (_c = atTextElem.atUserList) === null || _c === void 0 ? void 0 : _c.some((userID) => userID === AT_ALL_TAG);
+    const memberMentionLabels = (_e = (_d = atTextElem.atUsersInfo) === null || _d === void 0 ? void 0 : _d.map((info) => `@${info.groupNickname}`)) !== null && _e !== void 0 ? _e : [];
     const mentionOffsets = parseMentionOffsets(message === null || message === void 0 ? void 0 : message.ex);
     let segments;
     if (mentionOffsets) {
@@ -107,6 +119,6 @@ const AtTextMessageItem = (props) => {
         ];
         segments = splitByMentions(atTextElem.text, mentionLabels);
     }
-    return (_jsx("p", { className: clsx("min-w-0 whitespace-pre-wrap [overflow-wrap:anywhere]", MESSAGE_TEXT_CLASS), children: segments.map((segment, index) => (_jsx(Fragment, { children: segment.isMention ? (_jsx("span", { className: "font-medium text-[var(--dc-color-primary)]", children: segment.text })) : (segment.text) }, index))) }));
+    return (_jsxs("div", { className: clsx("flex flex-col gap-2", hasUrlMetadata ? "max-w-[292px]" : ""), children: [_jsx("p", { className: clsx("min-w-0 whitespace-pre-wrap [overflow-wrap:anywhere]", MESSAGE_TEXT_CLASS), children: segments.map((segment, index) => (_jsx(Fragment, { children: segment.isMention ? (_jsx("span", { className: "font-medium text-[var(--dc-color-primary)]", children: segment.text })) : (_jsx(LinkText, { text: segment.text })) }, index))) }), hasUrlMetadata && urlMetadata && (_jsx(LinkCard, { metadata: urlMetadata, url: metadataUrl }))] }));
 };
 export default AtTextMessageItem;

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

@@ -5,7 +5,7 @@ import useAuthStore from "../../../store/auth";
 import useConversationStore from "../../../store/conversation";
 import ReplyQuoteContent from "../../../components/message/reply/ReplyQuoteContent";
 const QuoteMessageItem = ({ message, onPressQuoteMessage, }) => {
-    var _a;
+    var _a, _b;
     const userID = useAuthStore((state) => state.userID);
     const isCrm = useAuthStore((state) => state.isCrm);
     const conversationData = useConversationStore((state) => state.conversationData);
@@ -29,7 +29,7 @@ const QuoteMessageItem = ({ message, onPressQuoteMessage, }) => {
             return t("you");
         return name;
     }, [isCrm, isChatSupport, conversationData === null || conversationData === void 0 ? void 0 : conversationData.showName, userID, t]);
-    const quoteMessage = (_a = message === null || message === void 0 ? void 0 : message.quoteElem) === null || _a === void 0 ? void 0 : _a.quoteMessage;
+    const quoteMessage = ((_a = message === null || message === void 0 ? void 0 : message.quoteElem) === null || _a === void 0 ? void 0 : _a.quoteMessage) || ((_b = message === null || message === void 0 ? void 0 : message.atTextElem) === null || _b === void 0 ? void 0 : _b.quoteMessage);
     if (!quoteMessage)
         return null;
     const title = getDisplayName({

package/dist/components/message/item/renderMessageContent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"renderMessageContent.d.ts","sourceRoot":"","sources":["../../../../src/components/message/item/renderMessageContent.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,IAAI,eAAe,EAAe,MAAM,8BAA8B,CAAC;AAe3F,eAAO,MAAM,mBAAmB,GAAI,SAAS,eAAe,4CA8C3D,CAAC;AAEF,eAAO,MAAM,mBAAmB,GAC9B,SAAS,eAAe,EACxB,sBAAsB,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,4CAwBpD,CAAC"}
+{"version":3,"file":"renderMessageContent.d.ts","sourceRoot":"","sources":["../../../../src/components/message/item/renderMessageContent.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,WAAW,IAAI,eAAe,EAE/B,MAAM,8BAA8B,CAAC;AAetC,eAAO,MAAM,mBAAmB,GAAI,SAAS,eAAe,4CA6C3D,CAAC;AAEF,eAAO,MAAM,mBAAmB,GAC9B,SAAS,eAAe,EACxB,sBAAsB,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,4CAwBpD,CAAC"}

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

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { MessageType } from "@droppii-org/wasm-client-sdk";
+import { MessageType, } from "@droppii-org/wasm-client-sdk";
 import TextMessageItem from "./TextMessage";
 import ImageMessageItem from "./ImageMessage";
 import FileMessageItem from "./FileMessage";
@@ -51,16 +51,16 @@ export const renderMessageByType = (message) => {
         case MessageType.GroupMuted:
         case MessageType.GroupCancelMuted:
         case MessageType.GroupAnnouncementUpdated:
-        case MessageType.GroupNameUpdated:
-            {
-                return _jsx(GroupNotificationMessageItem, { message: message });
-            }
+        case MessageType.GroupNameUpdated: {
+            return _jsx(GroupNotificationMessageItem, { message: message });
+        }
         default:
             return _jsx(TextMessageItem, { message: message });
     }
 };
 export const renderBubbleContent = (message, onPressQuoteMessage) => {
-    if (message === null || message === void 0 ? void 0 : message.quoteElem) {
+    var _a;
+    if ((message === null || message === void 0 ? void 0 : message.quoteElem) || ((_a = message === null || message === void 0 ? void 0 : message.atTextElem) === null || _a === void 0 ? void 0 : _a.quoteMessage)) {
         return (_jsxs("div", { className: "flex flex-col gap-1", children: [_jsx(QuoteMessageItem, { message: message, onPressQuoteMessage: onPressQuoteMessage }), renderMessageByType(message)] }));
     }
     if ((message === null || message === void 0 ? void 0 : message.contentType) === MessageType.MergeMessage) {

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

package/dist/hooks/global/useGlobalEvent.js

@@ -14,7 +14,7 @@ import { useRefetchChatToken } from "../../hooks/init/useChatToken";
 import { updateSession } from "../../hooks/session/useUpdateSession";
 import { QUERY_KEYS } from "../../services/query";
 import { useQueryClient } from "@tanstack/react-query";
-import { isGroupConversation } from "../../utils/imCommon";
+import { PeerType } from "../../types/conversation";
 import { ignoreInternalLatestMessage } from "../../utils/common";
 import { invalidateSessionQueries } from "../../utils/queryHelpers";
 import emitter from "../../utils/events";
@@ -39,7 +39,12 @@ export const useGlobalEvent = () => {
     });
     const refreshCurrentGroupState = async () => {
         const currentConversation = useConversationStore.getState().currentConversation;
-        if (!(currentConversation === null || currentConversation === void 0 ? void 0 : currentConversation.groupID) || !isGroupConversation(currentConversation)) {
+        // Strict peerType check, matching updateCurrentConversation — also
+        // the retry path for a real group whose peerType was unconfirmed at
+        // open time, since this reruns on every OnConversationChanged/
+        // OnNewConversation.
+        if (!(currentConversation === null || currentConversation === void 0 ? void 0 : currentConversation.groupID) ||
+            currentConversation.peerType !== PeerType.GROUP) {
             return;
         }
         // allSettled, not all — getSelfGroupPermissionByReq's underlying wasm

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

@@ -17,7 +17,7 @@ export declare const createAtTextMessage: (params: AtMsgParams) => Promise<Messa
 export declare const createUrlTextMessage: (text: string, urls: string[]) => Promise<MessageItem | null>;
 export declare const createCustomMessageByParams: (params: CustomMsgParams) => Promise<MessageItem | null>;
 export declare const createCustomMessage: (payload: CustomMessagePayload) => Promise<MessageItem | null>;
-export declare const createQuoteMessage: (text: string, quotedMessage: MessageItem) => Promise<MessageItem | null>;
+export declare const createQuoteMessage: (text: string, quotedMessage: MessageItem, urls?: string[]) => Promise<MessageItem | null>;
 export type SendMessageScrollEvent = "CHAT_LIST_SCROLL_TO_BOTTOM" | "CONVERSATION_CHAT_SCROLL_TO_BOTTOM_IF_AT_BOTTOM";
 export interface UseSendMessageOptions {
     scrollEvent?: SendMessageScrollEvent;

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

@@ -1 +1 @@
-{"version":3,"file":"useSendMessage.d.ts","sourceRoot":"","sources":["../../../src/hooks/message/useSendMessage.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,WAAW,EACX,eAAe,EACf,eAAe,EACf,WAAW,EAIZ,MAAM,8BAA8B,CAAC;AACtC,OAAO,EAEL,KAAK,oBAAoB,EAC1B,MAAM,uBAAuB,CAAC;AAE/B,OAAO,EACL,WAAW,EACX,iBAAiB,EACjB,mBAAmB,EACnB,oBAAoB,EACpB,aAAa,EACb,kBAAkB,EAClB,eAAe,EACf,oBAAoB,EACrB,MAAM,cAAc,CAAC;AAWtB,OAAO,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAQlC,OAAO,EAAgB,gBAAgB,EAAyB,MAAM,aAAa,CAAC;AAmBpF,eAAO,MAAM,iBAAiB,GAAI,SAAS;IACzC,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;CACrB,YAE0C,CAAC;AAE5C,eAAO,MAAM,iBAAiB,GAAU,MAAM,MAAM,gCAanD,CAAC;AAEF,eAAO,MAAM,wBAAwB,GAAU,MAAM,oBAAoB,gCAaxE,CAAC;AAEF,eAAO,MAAM,mBAAmB,GAAU,iBAAiB,eAAe,gCAazE,CAAC;AAEF,eAAO,MAAM,wBAAwB,GAAU,MAAM,oBAAoB,gCAaxE,CAAC;AAEF,eAAO,MAAM,uBAAuB,GAAU,MAAM,mBAAmB,gCAatE,CAAC;AAGF,eAAO,MAAM,UAAU,aAAa,CAAC;AAErC,eAAO,MAAM,mBAAmB,GAAU,QAAQ,WAAW,gCAa5D,CAAC;AAEF,eAAO,MAAM,oBAAoB,GAAU,MAAM,MAAM,EAAE,MAAM,MAAM,EAAE,gCActE,CAAC;AAEF,eAAO,MAAM,2BAA2B,GACtC,QAAQ,eAAe,gCAcxB,CAAC;AAEF,eAAO,MAAM,mBAAmB,GAAU,SAAS,oBAAoB,gCAOtE,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAC7B,MAAM,MAAM,EACZ,eAAe,WAAW,gCAc3B,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAC9B,4BAA4B,GAC5B,iDAAiD,CAAC;AAEtD,MAAM,WAAW,qBAAqB;IACpC,WAAW,CAAC,EAAE,sBAAsB,CAAC;CACtC;AAED,eAAO,MAAM,cAAc,GAAI,UAAU,qBAAqB;gIAuSvD;QACD,QAAQ,EAAE,MAAM,CAAC;QACjB,SAAS,EAAE,MAAM,CAAC;QAClB,KAAK,CAAC,EAAE,UAAU,EAAE,CAAC;QACrB,cAAc,CAAC,EAAE,gBAAgB,CAAC;QAClC,UAAU,EAAE,OAAO,CAAC;QACpB,WAAW,CAAC,EAAE,eAAe,CAAC;QAC9B,IAAI,CAAC,EAAE,WAAW,CAAC;QACnB,aAAa,CAAC,EAAE,oBAAoB,CAAC;QACrC,QAAQ,CAAC,EAAE,kBAAkB,CAAC;KAC/B,KAAG,OAAO,CAAC,OAAO,CAAC;iCA7CT,oBAAoB,gBACf;QAAE,cAAc,CAAC,EAAE,gBAAgB,CAAA;KAAE,KAClD,OAAO,CAAC,OAAO,CAAC;mCAnHG,WAAW;CA+WpC,CAAC;AAEF,eAAO,MAAM,yBAAyB,GAAI,kEAMvC;IACD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,eAAe,CAAC;IAC9B,cAAc,CAAC,EAAE,gBAAgB,CAAC;IAClC,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,cAAc,CAAC,EAAE,aAAa,EAAE,CAAC;CAClC,sBAkCA,CAAC"}
+{"version":3,"file":"useSendMessage.d.ts","sourceRoot":"","sources":["../../../src/hooks/message/useSendMessage.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,WAAW,EACX,eAAe,EACf,eAAe,EACf,WAAW,EAIZ,MAAM,8BAA8B,CAAC;AACtC,OAAO,EAEL,KAAK,oBAAoB,EAC1B,MAAM,uBAAuB,CAAC;AAE/B,OAAO,EACL,WAAW,EACX,iBAAiB,EACjB,mBAAmB,EACnB,oBAAoB,EACpB,aAAa,EACb,kBAAkB,EAClB,eAAe,EACf,oBAAoB,EACrB,MAAM,cAAc,CAAC;AAWtB,OAAO,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAQlC,OAAO,EAEL,gBAAgB,EAEjB,MAAM,aAAa,CAAC;AAmBrB,eAAO,MAAM,iBAAiB,GAAI,SAAS;IACzC,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;CACrB,YAE0C,CAAC;AAE5C,eAAO,MAAM,iBAAiB,GAAU,MAAM,MAAM,gCAanD,CAAC;AAEF,eAAO,MAAM,wBAAwB,GAAU,MAAM,oBAAoB,gCAaxE,CAAC;AAEF,eAAO,MAAM,mBAAmB,GAAU,iBAAiB,eAAe,gCAazE,CAAC;AAEF,eAAO,MAAM,wBAAwB,GAAU,MAAM,oBAAoB,gCAaxE,CAAC;AAEF,eAAO,MAAM,uBAAuB,GAAU,MAAM,mBAAmB,gCAatE,CAAC;AAGF,eAAO,MAAM,UAAU,aAAa,CAAC;AAErC,eAAO,MAAM,mBAAmB,GAAU,QAAQ,WAAW,gCAa5D,CAAC;AAEF,eAAO,MAAM,oBAAoB,GAAU,MAAM,MAAM,EAAE,MAAM,MAAM,EAAE,gCActE,CAAC;AAEF,eAAO,MAAM,2BAA2B,GAAU,QAAQ,eAAe,gCAaxE,CAAC;AAEF,eAAO,MAAM,mBAAmB,GAAU,SAAS,oBAAoB,gCAOtE,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAC7B,MAAM,MAAM,EACZ,eAAe,WAAW,EAC1B,OAAO,MAAM,EAAE,gCAehB,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAC9B,4BAA4B,GAC5B,iDAAiD,CAAC;AAEtD,MAAM,WAAW,qBAAqB;IACpC,WAAW,CAAC,EAAE,sBAAsB,CAAC;CACtC;AAED,eAAO,MAAM,cAAc,GAAI,UAAU,qBAAqB;gIAwSvD;QACD,QAAQ,EAAE,MAAM,CAAC;QACjB,SAAS,EAAE,MAAM,CAAC;QAClB,KAAK,CAAC,EAAE,UAAU,EAAE,CAAC;QACrB,cAAc,CAAC,EAAE,gBAAgB,CAAC;QAClC,UAAU,EAAE,OAAO,CAAC;QACpB,WAAW,CAAC,EAAE,eAAe,CAAC;QAC9B,IAAI,CAAC,EAAE,WAAW,CAAC;QACnB,aAAa,CAAC,EAAE,oBAAoB,CAAC;QACrC,QAAQ,CAAC,EAAE,kBAAkB,CAAC;KAC/B,KAAG,OAAO,CAAC,OAAO,CAAC;iCA7CT,oBAAoB,gBACf;QAAE,cAAc,CAAC,EAAE,gBAAgB,CAAA;KAAE,KAClD,OAAO,CAAC,OAAO,CAAC;mCAnHG,WAAW;CAsXpC,CAAC;AAEF,eAAO,MAAM,yBAAyB,GAAI,kEAMvC;IACD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,eAAe,CAAC;IAC9B,cAAc,CAAC,EAAE,gBAAgB,CAAC;IAClC,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,cAAc,CAAC,EAAE,aAAa,EAAE,CAAC;CAClC,sBAkCA,CAAC"}

package/dist/hooks/message/useSendMessage.js

@@ -122,10 +122,11 @@ export const createCustomMessage = async (payload) => {
         description: payload.type === CustomMessageType.Order ? payload.data.orderCode : "",
     });
 };
-export const createQuoteMessage = async (text, quotedMessage) => {
+export const createQuoteMessage = async (text, quotedMessage, urls) => {
     const textMessage = await DChatSDK.createQuoteMessage({
         text,
         message: JSON.stringify(quotedMessage),
+        urls,
     })
         .then(({ data }) => {
         return data;
@@ -202,7 +203,9 @@ export const useSendMessage = (options) => {
                     title: pushMeta.title,
                     userId: userId,
                     groupId: groupID,
-                    botId: conversationData ? resolveConversationBotId(conversationData) : '',
+                    botId: conversationData
+                        ? resolveConversationBotId(conversationData)
+                        : "",
                     desc,
                 }),
                 iOSPushSound: "default",
@@ -345,7 +348,10 @@ export const useSendMessage = (options) => {
         const messageList = [];
         const imageFileWrappers = files.filter((f) => { var _a; return (_a = f.originFileObj) === null || _a === void 0 ? void 0 : _a.type.startsWith("image/"); });
         const videoFileWrappers = files.filter((f) => { var _a; return (_a = f.originFileObj) === null || _a === void 0 ? void 0 : _a.type.startsWith("video/"); });
-        const documentFileWrappers = files.filter((f) => { var _a; return (_a = f.originFileObj) === null || _a === void 0 ? void 0 : _a.type.startsWith("application/"); });
+        const documentFileWrappers = files.filter((f) => {
+            var _a;
+            return (_a = f.originFileObj) === null || _a === void 0 ? void 0 : _a.type.startsWith("application/");
+        });
         const imageMessages = [];
         for (const fileWrapper of imageFileWrappers) {
             const file = fileWrapper.originFileObj;
@@ -476,11 +482,12 @@ export const useSendMessage = (options) => {
                         : mentions.atUserIDList,
                     atUsersInfo: mentions.atUsersInfo,
                     message: (quotedMessage === null || quotedMessage === void 0 ? void 0 : quotedMessage.clientMsgID) ? quotedMessage : undefined,
+                    urls: urls || undefined,
                 });
                 setQuotedMessage(null);
             }
             else if (quotedMessage === null || quotedMessage === void 0 ? void 0 : quotedMessage.clientMsgID) {
-                textMessage = await createQuoteMessage(plainText, quotedMessage);
+                textMessage = await createQuoteMessage(plainText, quotedMessage, urls || undefined);
                 setQuotedMessage(null);
             }
             else if (urls.length > 0) {
@@ -506,9 +513,7 @@ export const useSendMessage = (options) => {
                 (message === null || message === void 0 ? void 0 : message.contentType) === MessageType.AtTextMessage;
             const extendMessageInfo = generateExtendMessageInfo({
                 richText: isTextLikeMessage ? richText : "",
-                urlMetadata: (message === null || message === void 0 ? void 0 : message.contentType) === MessageType.UrlTextMessage
-                    ? urlMetadata
-                    : undefined,
+                urlMetadata: urlMetadata || undefined,
                 currentSession,
                 flow: isTextLikeMessage ? flow : undefined,
                 mentionOffsets: (message === null || message === void 0 ? void 0 : message.contentType) === MessageType.AtTextMessage

package/dist/hooks/session/useConversationSessionState.d.ts

@@ -5,8 +5,9 @@ interface UseConversationSessionStateParams {
     peerType?: string;
     groupId?: string;
 }
-export declare const useConversationSessionState: ({ conversationId, conversationType, peerType, groupId, }: UseConversationSessionStateParams) => {
+export declare const useConversationSessionState: ({ conversationId, peerType, groupId, }: UseConversationSessionStateParams) => {
     groupId: string | undefined;
+    rawGroupId: string | undefined;
     latestConversationSession: import("../../types/dto").ISessionResponse | undefined;
     customerUserID: string;
     refetchConversationSessions: (options?: import("@tanstack/react-query").RefetchOptions) => Promise<import("@tanstack/react-query").QueryObserverResult<import("../../types/dto").ISessionResponse[], Error>>;

package/dist/hooks/session/useConversationSessionState.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useConversationSessionState.d.ts","sourceRoot":"","sources":["../../../src/hooks/session/useConversationSessionState.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAI3D,UAAU,iCAAiC;IACzC,cAAc,EAAE,MAAM,CAAC;IACvB,gBAAgB,CAAC,EAAE,WAAW,CAAC;IAC/B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,eAAO,MAAM,2BAA2B,GAAI,0DAKzC,iCAAiC;;;;;CAoBnC,CAAC"}
+{"version":3,"file":"useConversationSessionState.d.ts","sourceRoot":"","sources":["../../../src/hooks/session/useConversationSessionState.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAI3D,UAAU,iCAAiC;IACzC,cAAc,EAAE,MAAM,CAAC;IACvB,gBAAgB,CAAC,EAAE,WAAW,CAAC;IAC/B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,eAAO,MAAM,2BAA2B,GAAI,wCAIzC,iCAAiC;;;;;;CA6BnC,CAAC"}

package/dist/hooks/session/useConversationSessionState.js

@@ -1,17 +1,26 @@
 "use client";
 import { useGetListSessionByConversation } from "./useGetListSessionByConversation";
-import { isGroupConversation } from "../../utils/imCommon";
-export const useConversationSessionState = ({ conversationId, conversationType, peerType, groupId, }) => {
+import { PeerType } from "../../types/conversation";
+export const useConversationSessionState = ({ conversationId, peerType, groupId, }) => {
     var _a;
-    const isGroupChat = isGroupConversation({ peerType, conversationType });
-    const currentGroupId = isGroupChat ? groupId : undefined;
+    // Strict check, not isGroupConversation's loose conversationType fallback
+    // — that wrongly disabled the session-list fetch and ran group-permission
+    // checks against a support/bot thread's non-member-managed groupID.
+    const isConfirmedGroup = peerType === PeerType.GROUP;
+    const currentGroupId = isConfirmedGroup ? groupId : undefined;
     const { data: conversationSessions, refetch: refetchConversationSessions, } = useGetListSessionByConversation({
         conversationId,
-        enabled: !isGroupChat,
+        enabled: !isConfirmedGroup,
     });
     const latestConversationSession = conversationSessions === null || conversationSessions === void 0 ? void 0 : conversationSessions[0];
     return {
+        // Gated: undefined unless it's a confirmed real group — for
+        // permission-side APIs (getSelfGroupPermissionByReq etc.) that must
+        // never run against a support/bot thread's underlying groupID.
         groupId: currentGroupId,
+        // Raw, ungated: useJoinGroupFlow's isJoinGroup check needs the real
+        // groupID even for a support/bot thread, or it never resolves.
+        rawGroupId: groupId,
         latestConversationSession,
         customerUserID: (_a = latestConversationSession === null || latestConversationSession === void 0 ? void 0 : latestConversationSession.ownerId) !== null && _a !== void 0 ? _a : "",
         refetchConversationSessions,

package/dist/hooks/session/useGetSession.d.ts

@@ -42,6 +42,7 @@ export declare const useGetSession: ({ filter, options, }: UseGetSessionProps) =
     hasNextPage: boolean;
     isFetchingNextPage: boolean;
     isLoading: boolean;
+    isSyncing: boolean;
     dataFlatten: ISessionByStatus[];
 } | {
     error: null;
@@ -78,6 +79,7 @@ export declare const useGetSession: ({ filter, options, }: UseGetSessionProps) =
     hasNextPage: boolean;
     isFetchingNextPage: boolean;
     isLoading: boolean;
+    isSyncing: boolean;
     dataFlatten: ISessionByStatus[];
 } | {
     error: Error;
@@ -114,6 +116,7 @@ export declare const useGetSession: ({ filter, options, }: UseGetSessionProps) =
     hasNextPage: boolean;
     isFetchingNextPage: boolean;
     isLoading: boolean;
+    isSyncing: boolean;
     dataFlatten: ISessionByStatus[];
 } | {
     error: null;
@@ -150,6 +153,7 @@ export declare const useGetSession: ({ filter, options, }: UseGetSessionProps) =
     hasNextPage: boolean;
     isFetchingNextPage: boolean;
     isLoading: boolean;
+    isSyncing: boolean;
     dataFlatten: ISessionByStatus[];
 } | {
     error: null;
@@ -186,6 +190,7 @@ export declare const useGetSession: ({ filter, options, }: UseGetSessionProps) =
     hasNextPage: boolean;
     isFetchingNextPage: boolean;
     isLoading: boolean;
+    isSyncing: boolean;
     dataFlatten: ISessionByStatus[];
 } | {
     isError: false;
@@ -222,6 +227,7 @@ export declare const useGetSession: ({ filter, options, }: UseGetSessionProps) =
     hasNextPage: boolean;
     isFetchingNextPage: boolean;
     isLoading: boolean;
+    isSyncing: boolean;
     dataFlatten: ISessionByStatus[];
 };
 export {};

package/dist/hooks/session/useGetSession.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useGetSession.d.ts","sourceRoot":"","sources":["../../../src/hooks/session/useGetSession.ts"],"names":[],"mappings":"AAaA,OAAO,EACL,YAAY,EAIb,MAAM,aAAa,CAAC;AACrB,OAAO,EAAE,cAAc,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAMhE,UAAU,kBAAkB;IAC1B,MAAM,EAAE,cAAc,CAAC;IACvB,OAAO,CAAC,EAAE;QACR,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,SAAS,CAAC,EAAE,OAAO,CAAC;KACrB,CAAC;CACH;AA6JD,eAAO,MAAM,aAAa,GAAI,sBAG3B,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyEpB,CAAC"}
+{"version":3,"file":"useGetSession.d.ts","sourceRoot":"","sources":["../../../src/hooks/session/useGetSession.ts"],"names":[],"mappings":"AAaA,OAAO,EACL,YAAY,EAIb,MAAM,aAAa,CAAC;AACrB,OAAO,EAAE,cAAc,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAMhE,UAAU,kBAAkB;IAC1B,MAAM,EAAE,cAAc,CAAC;IACvB,OAAO,CAAC,EAAE;QACR,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,SAAS,CAAC,EAAE,OAAO,CAAC;KACrB,CAAC;CACH;AA6JD,eAAO,MAAM,aAAa,GAAI,sBAG3B,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiFpB,CAAC"}

package/dist/hooks/session/useGetSession.js

@@ -160,23 +160,34 @@ export const useGetSession = ({ filter, options = { pageSize: undefined, isEnabl
         },
         enabled: isEnabled && hasValidFilter(filter),
     }), { data, fetchNextPage, hasNextPage, isFetchingNextPage, isLoading } = _c, rest = __rest(_c, ["data", "fetchNextPage", "hasNextPage", "isFetchingNextPage", "isLoading"]);
+    // conversationList is filled in asynchronously by syncSessionConversationsToStore
+    // below — joining against it mid-sync would under-count the list. isSyncing
+    // tells the consumer to keep showing its loading state until it catches up.
     const dataFlatten = useMemo(() => {
-        var _a;
         if (!data)
             return [];
         const allItems = data.pages.flatMap((page) => page.data);
-        const sessionMap = new Map(allItems.map((session) => [session.conversationId, session]));
-        return (((_a = conversationList === null || conversationList === void 0 ? void 0 : conversationList.map((conversation) => {
-            const session = sessionMap.get(conversation.conversationID);
-            if (!session)
+        const conversationMap = new Map(conversationList === null || conversationList === void 0 ? void 0 : conversationList.map((c) => [c.conversationID, c]));
+        return allItems
+            .map((session) => {
+            const conversation = conversationMap.get(session.conversationId);
+            if (!conversation)
                 return null;
             return Object.assign(Object.assign({}, session), { conversation });
-        })) === null || _a === void 0 ? void 0 : _a.filter((item) => Boolean(item))) || []);
+        })
+            .filter((item) => Boolean(item));
     }, [data, conversationList]);
+    const isSyncing = useMemo(() => {
+        if (!data)
+            return false;
+        const allItems = data.pages.flatMap((page) => page.data);
+        return allItems.length !== dataFlatten.length;
+    }, [data, dataFlatten]);
     return Object.assign({ data,
         fetchNextPage,
         hasNextPage,
         isFetchingNextPage,
         isLoading,
+        isSyncing,
         dataFlatten }, rest);
 };

package/dist/store/conversation.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"conversation.d.ts","sourceRoot":"","sources":["../../src/store/conversation.ts"],"names":[],"mappings":"AAUA,OAAO,EAAE,iBAAiB,EAAE,MAAM,QAAQ,CAAC;AAY3C,eAAO,MAAM,kBAAkB,GAAI,SAAS,OAAO,SAElD,CAAC;AAEF,QAAA,MAAM,oBAAoB,gFAkYvB,CAAC;AAEJ,eAAe,oBAAoB,CAAC"}
+{"version":3,"file":"conversation.d.ts","sourceRoot":"","sources":["../../src/store/conversation.ts"],"names":[],"mappings":"AAUA,OAAO,EAAE,iBAAiB,EAAE,MAAM,QAAQ,CAAC;AAY3C,eAAO,MAAM,kBAAkB,GAAI,SAAS,OAAO,SAElD,CAAC;AAEF,QAAA,MAAM,oBAAoB,gFAiYvB,CAAC;AAEJ,eAAe,oBAAoB,CAAC"}

package/dist/store/conversation.js

@@ -1,7 +1,7 @@
 import { GroupVisibility, SessionType, } from "@droppii-org/wasm-client-sdk";
 import { create } from "zustand";
 import { DChatSDK } from "../constants/sdk";
-import { conversationSort, isGroupConversation } from "../utils/imCommon";
+import { conversationSort } from "../utils/imCommon";
 import { PeerType } from "../types/conversation";
 import useUserStore from "./user";
 import useAuthStore from "./auth";
@@ -106,14 +106,15 @@ const useConversationStore = create((set, get) => ({
         const prevConversation = get().currentConversation;
         const toggleNewConversation = conversation.conversationID !== (prevConversation === null || prevConversation === void 0 ? void 0 : prevConversation.conversationID);
         if (toggleNewConversation) {
-            if (isGroupConversation(conversation)) {
-                const groupID = conversation.groupID;
+            const isConfirmedGroup = conversation.peerType === PeerType.GROUP;
+            const groupID = conversation.groupID;
+            set({ isViewOnlyMember: false });
+            if (isConfirmedGroup && groupID) {
                 // nonMemberGroupID only guards the PREVIOUS group's stale fetches
                 // — a re-opened group always gets a real fetch, even if same ID.
                 if (get().nonMemberGroupID !== groupID) {
                     set({ nonMemberGroupID: null });
                 }
-                set({ isViewOnlyMember: false });
                 // Cache hit: a previously-viewed group's info/membership is still
                 // in the Map — render from it immediately, no fetch, no spinner.
                 // forceRevalidate bypasses the cache hit for external entry points
@@ -140,19 +141,15 @@ const useConversationStore = create((set, get) => ({
                         get().getCurrentMemberInGroupByReq(groupID),
                     ]);
                 }
-                // Fresh page load / external entry (search, notification) skips
-                // leftGroupHandler's WS-driven detection — derive the same
-                // public->view-only / private->block state from the fetch/cache
-                // above. Compare against `conversation.groupID` (the argument, not
-                // global state) — conversationData can be clobbered by a concurrent
-                // setConversationData call before this async function resumes past
-                // its first await, which previously made this check unreliable.
-                // Require confirmed peerType — a CX/bot session can ride a Group
-                // session with peerType missing from a raw fetch; don't block on that.
-                const isConfirmedGroup = conversation.peerType === PeerType.GROUP;
+            }
+            // Derives view-only/block state from fetch/cache above for fresh
+            // loads and external entries. Unconfirmed (support/bot) threads get
+            // view-only-rejoin when not-a-member but never the block+modal path
+            // — that's reserved for isConfirmedGroup.
+            if (groupID) {
                 const notAMember = !get().currentMemberInGroup.has(groupID);
                 const isPublic = ((_a = get().currentGroupInfo.get(groupID)) === null || _a === void 0 ? void 0 : _a.visibility) === GroupVisibility.Public;
-                if (isConfirmedGroup && notAMember && isPublic) {
+                if (notAMember && (!isConfirmedGroup || isPublic)) {
                     set({ isViewOnlyMember: true });
                 }
                 else if (isConfirmedGroup && notAMember) {
@@ -163,8 +160,9 @@ const useConversationStore = create((set, get) => ({
                     return;
                 }
             }
-            // Non-group conversations never carry group Map state — nothing to
-            // clear here; the Map only ever holds entries keyed by real groupIDs.
+            // Conversations without a groupID never carry group Map state —
+            // nothing to clear here; the Map only ever holds entries keyed by
+            // real groupIDs.
         }
         set(() => ({ currentConversation: Object.assign({}, conversation) }));
     },

package/package.json

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