@droppii-org/chat-sdk 0.7.11 → 0.7.12

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

@@ -1 +1 @@
-{"version":3,"file":"ConversationDetailInput.d.ts","sourceRoot":"","sources":["../../../src/components/conversation-detail/ConversationDetailInput.tsx"],"names":[],"mappings":"AA4BA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAoB/D,MAAM,WAAW,4BAA4B;IAC3C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,WAAW,CAAC,EAAE,gBAAgB,EAAE,CAAC;IACjC,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,wEAAwE;IACxE,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;;OAIG;IACH,mBAAmB,CAAC,EAAE,CAAC,cAAc,EAAE,MAAM,KAAK,OAAO,CAAC,OAAO,CAAC,CAAC;CACpE;AAED,QAAA,MAAM,uBAAuB,GAAI,8GAQ9B,4BAA4B,4CAkxB9B,CAAC;AAEF,eAAe,uBAAuB,CAAC"}
+{"version":3,"file":"ConversationDetailInput.d.ts","sourceRoot":"","sources":["../../../src/components/conversation-detail/ConversationDetailInput.tsx"],"names":[],"mappings":"AA6BA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAoB/D,MAAM,WAAW,4BAA4B;IAC3C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,WAAW,CAAC,EAAE,gBAAgB,EAAE,CAAC;IACjC,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,wEAAwE;IACxE,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;;OAIG;IACH,mBAAmB,CAAC,EAAE,CAAC,cAAc,EAAE,MAAM,KAAK,OAAO,CAAC,OAAO,CAAC,CAAC;CACpE;AAED,QAAA,MAAM,uBAAuB,GAAI,8GAQ9B,4BAA4B,4CA4yB9B,CAAC;AAEF,eAAe,uBAAuB,CAAC"}

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

@@ -9,6 +9,7 @@ import { Icon } from "../../components/icon";
 import { useSendMessage } from "../../hooks/message/useSendMessage";
 import { useReportTypingState } from "../../hooks/message/useReportTypingState";
 import { useJoinPublicGroup } from "../../hooks/group/useJoinPublicGroup";
+import { useGroupSendRestriction } from "../../hooks/group/useGroupSendRestriction";
 import { useAgentSupportThreadJoin } from "../../hooks/session/useAgentSupportThreadJoin";
 import useAuthStore from "../../store/auth";
 import useConversationStore from "../../store/conversation";
@@ -48,13 +49,14 @@ const ConversationDetailInput = ({ placeholder, onSendMessage, onInputChange, mo
     const getSelfGroupPermissionByReq = useConversationStore((state) => state.getSelfGroupPermissionByReq);
     const { mutate: joinPublicGroup, isPending: isJoiningPublicGroup } = useJoinPublicGroup();
     const supportThreadJoin = useAgentSupportThreadJoin(conversationData, onJoinSupportThread);
+    const groupSendState = useGroupSendRestriction(conversationData);
     const handleJoinPublicGroup = useCallback(() => {
         const groupID = conversationData === null || conversationData === void 0 ? void 0 : conversationData.groupID;
         if (!groupID)
             return;
         joinPublicGroup({ groupID }, {
             onSuccess: async () => {
-                toastMessage.success(tCommon("join_group_success"));
+                toastMessage.success(tCommon("public_group_joined"));
                 // updateCurrentConversation's revalidation only runs on a
                 // conversationID change — this is the same conversation the user
                 // was already viewing, so refresh membership/permissions directly
@@ -232,6 +234,17 @@ const ConversationDetailInput = ({ placeholder, onSendMessage, onInputChange, mo
     useEffect(() => {
         adjustTextareaHeight();
     }, [value, adjustTextareaHeight]);
+    // The textarea mounts only once a spinner/notice branch gives way, after the
+    // draft was restored; size it again so a multi-line draft isn't one row tall.
+    useEffect(() => {
+        requestAnimationFrame(adjustTextareaHeight);
+    }, [
+        groupSendState,
+        isViewOnlyMember,
+        supportThreadJoin.isCheckingMembership,
+        supportThreadJoin.needsJoin,
+        adjustTextareaHeight,
+    ]);
     useEffect(() => {
         if (!isFocused)
             return;
@@ -489,8 +502,8 @@ const ConversationDetailInput = ({ placeholder, onSendMessage, onInputChange, mo
         event.preventDefault();
         void handleSend();
     };
-    // Don't flash a composer the agent may not be allowed to use.
-    if (supportThreadJoin.isCheckingMembership) {
+    // Don't flash a composer the agent or member may not be allowed to use.
+    if (supportThreadJoin.isCheckingMembership || groupSendState === "checking") {
         return (_jsx("div", { "data-testid": "conversation-detail-input-checking", className: "flex w-full shrink-0 items-center justify-center bg-chat-bubble-neutral/[0.05] px-4 py-3", children: _jsx(Spin, { size: "small" }) }));
     }
     if (isViewOnlyMember || supportThreadJoin.needsJoin) {
@@ -500,6 +513,9 @@ const ConversationDetailInput = ({ placeholder, onSendMessage, onInputChange, mo
                         ? supportThreadJoin.join
                         : handleJoinPublicGroup, children: tCommon("join_group") })] }));
     }
+    if (groupSendState === "restricted") {
+        return (_jsx("div", { "data-testid": "conversation-detail-input-send-restricted", className: "flex w-full shrink-0 items-center justify-center bg-chat-bubble-neutral/[0.05] px-4 py-3", children: _jsx("span", { className: "text-sm text-gray-500", children: t("thread_detail.cannot_send_notice") }) }));
+    }
     return (_jsxs("div", { ref: containerRef, "data-testid": "conversation-detail-input", "data-cp-name": "ConversationDetailInput", className: "flex w-full shrink-0 flex-col bg-chat-bubble-neutral/[0.05]", children: [_jsx("input", { ref: mediaInputRef, type: "file", accept: "image/jpeg,image/png,image/jpg,video/*", multiple: true, className: "hidden", onChange: handleMediaInputChange }), _jsx("input", { ref: documentInputRef, type: "file", accept: ".pdf,.doc,.docx", multiple: true, className: "hidden", onChange: handleDocumentInputChange }), _jsx(ReplyPreviewBar, {}), listUploadFiles.length > 0 && (_jsx(FilePreviewList, { files: listUploadFiles, onRemove: (file) => handleRemoveFile(file.uid), onVideoReady: (uid) => setPendingVideoUids((prev) => prev.filter((p) => p !== uid)) })), showLinkPreview && previewUrl && (_jsx(LinkInputPreview, { url: previewUrl, onRemove: () => setPreviewDismissed(true) })), _jsxs("div", { className: "flex items-end gap-3 px-3 py-2", children: [_jsx("div", { className: "flex shrink-0 items-center", children: _jsx("button", { type: "button", onClick: handleToggleMoreOption, "aria-label": t("thread_detail.more_option.toggle"), "aria-expanded": isMoreOptionOpen, "data-testid": "conversation-detail-more-option-toggle", className: "flex py-3 items-center justify-center rounded-full", children: isMoreOptionOpen ? (_jsx(Icon, { icon: "close-circle-b", size: 24, className: "text-[var(--dc-color-primary)]" })) : (_jsx(Icon, { icon: "plus-circle-o", size: 24, className: "text-gray-900" })) }) }), _jsx("div", { className: clsx("flex min-w-0 flex-1 overflow-hidden rounded-xl border bg-white transition-shadow", isFocused
                             ? "border-[var(--dc-color-primary-focus)] shadow-[0px_0px_2px_var(--dc-color-primary-focus)]"
                             : "border-gray-50"), style: { minHeight: CONTAINER_MIN_HEIGHT }, children: _jsxs("div", { className: "flex min-w-0 flex-[1_0_0] items-center gap-2 self-stretch px-3 py-1", children: [onOpenBotMenu && (_jsx("button", { type: "button", onClick: onOpenBotMenu, "aria-label": t("thread_detail.bot.menu.open_menu"), "data-testid": "conversation-detail-open-bot-menu", className: "flex shrink-0 items-center justify-center", children: _jsx(Icon, { icon: "chat-suggest-o", size: 24, className: "text-gray-600" }) })), _jsx("textarea", { ref: textareaRef, value: value, rows: 1, onChange: (event) => {

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

@@ -1,10 +1,17 @@
+export declare enum InboxTab {
+    Messages = "MESSAGES",
+    Community = "COMMUNITY"
+}
 export interface ConversationInboxHeaderProps {
     onOpenSearch?: () => void;
     /** Overrides the default "tabs.messages" i18n title (e.g. Mall buyer's fixed "Tin nhắn" label). */
     title?: string;
     /** Extra action rendered after the search icon — e.g. Mall seller's contact icon. */
     rightSlot?: React.ReactNode;
+    /** With onChangeTab, shows the Tin nhắn | Cộng đồng tabs instead of the single title. */
+    activeTab?: InboxTab;
+    onChangeTab?: (tab: InboxTab) => void;
 }
-declare const ConversationInboxHeader: ({ onOpenSearch, title, rightSlot, }: ConversationInboxHeaderProps) => import("react/jsx-runtime").JSX.Element;
+declare const ConversationInboxHeader: ({ onOpenSearch, title, rightSlot, activeTab, onChangeTab, }: ConversationInboxHeaderProps) => import("react/jsx-runtime").JSX.Element;
 export default ConversationInboxHeader;
 //# sourceMappingURL=ConversationInboxHeader.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ConversationInboxHeader.d.ts","sourceRoot":"","sources":["../../../src/components/conversation-inbox/ConversationInboxHeader.tsx"],"names":[],"mappings":"AAKA,MAAM,WAAW,4BAA4B;IAC3C,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,mGAAmG;IACnG,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,qFAAqF;IACrF,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B;AAED,QAAA,MAAM,uBAAuB,GAAI,qCAI9B,4BAA4B,4CAiC9B,CAAC;AAEF,eAAe,uBAAuB,CAAC"}
+{"version":3,"file":"ConversationInboxHeader.d.ts","sourceRoot":"","sources":["../../../src/components/conversation-inbox/ConversationInboxHeader.tsx"],"names":[],"mappings":"AAMA,oBAAY,QAAQ;IAClB,QAAQ,aAAa;IACrB,SAAS,cAAc;CACxB;AAOD,MAAM,WAAW,4BAA4B;IAC3C,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,mGAAmG;IACnG,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,qFAAqF;IACrF,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,yFAAyF;IACzF,SAAS,CAAC,EAAE,QAAQ,CAAC;IACrB,WAAW,CAAC,EAAE,CAAC,GAAG,EAAE,QAAQ,KAAK,IAAI,CAAC;CACvC;AA8CD,QAAA,MAAM,uBAAuB,GAAI,6DAM9B,4BAA4B,4CA0C9B,CAAC;AAEF,eAAe,uBAAuB,CAAC"}

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

@@ -1,9 +1,26 @@
 "use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import clsx from "clsx";
 import { useTranslation } from "react-i18next";
 import { Icon } from "../../components/icon";
-const ConversationInboxHeader = ({ onOpenSearch, title, rightSlot, }) => {
+export var InboxTab;
+(function (InboxTab) {
+    InboxTab["Messages"] = "MESSAGES";
+    InboxTab["Community"] = "COMMUNITY";
+})(InboxTab || (InboxTab = {}));
+const INBOX_TABS = [
+    { key: InboxTab.Messages, labelKey: "tabs.messages" },
+    { key: InboxTab.Community, labelKey: "tabs.community" },
+];
+const HeaderTab = ({ label, active, testId, onClick }) => {
+    const content = (_jsxs(_Fragment, { children: [_jsx("span", { className: clsx("pb-1.5 text-center text-[16px] font-bold leading-[160%] tracking-[0.16px]", active ? "text-[var(--dc-color-primary)]" : "text-gray-400"), children: label }), _jsx("span", { className: clsx("h-[3px] w-full rounded-t", active ? "bg-[var(--dc-color-primary)]" : "bg-transparent") })] }));
+    const className = "flex h-full flex-col items-center justify-end px-3";
+    if (!onClick)
+        return _jsx("div", { className: className, children: content });
+    return (_jsx("button", { type: "button", role: "tab", "aria-selected": active, "data-testid": testId, className: clsx(className, "cursor-pointer"), onClick: onClick, children: content }));
+};
+const ConversationInboxHeader = ({ onOpenSearch, title, rightSlot, activeTab = InboxTab.Messages, onChangeTab, }) => {
     const { t } = useTranslation("conversation-inbox");
-    return (_jsx("div", { "data-testid": "conversation-inbox-header", "data-cp-name": "ConversationInboxHeader", className: "flex w-full flex-col border-b border-gray-100 bg-white", children: _jsxs("div", { className: "flex h-12 items-end px-3", children: [_jsxs("div", { className: "flex h-full flex-col items-center justify-end px-3", children: [_jsx("span", { className: "pb-1.5 text-center text-[16px] font-bold leading-[160%] tracking-[0.16px] text-[var(--dc-color-primary)]", children: title !== null && title !== void 0 ? title : t("tabs.messages") }), _jsx("span", { className: "h-[3px] w-full rounded-t bg-[var(--dc-color-primary)]" })] }), _jsxs("div", { className: "ml-auto mb-1.5 flex shrink-0 items-center gap-2", children: [onOpenSearch && (_jsx("button", { type: "button", "data-testid": "conversation-inbox-search", "aria-label": t("search_placeholder"), className: "flex shrink-0 cursor-pointer items-center justify-center p-1 text-[var(--dc-color-nav-icon)]", onClick: onOpenSearch, children: _jsx(Icon, { icon: "search-o", size: 24 }) })), rightSlot] })] }) }));
+    return (_jsx("div", { "data-testid": "conversation-inbox-header", "data-cp-name": "ConversationInboxHeader", className: "flex w-full flex-col border-b border-gray-100 bg-white", children: _jsxs("div", { className: "flex h-12 items-end px-3", children: [onChangeTab ? (_jsx("div", { role: "tablist", className: "flex h-full items-end", children: INBOX_TABS.map((tab) => (_jsx(HeaderTab, { label: t(tab.labelKey), active: activeTab === tab.key, testId: `conversation-inbox-tab-${tab.key.toLowerCase()}`, onClick: () => onChangeTab(tab.key) }, tab.key))) })) : (_jsx(HeaderTab, { label: title !== null && title !== void 0 ? title : t("tabs.messages"), active: true })), _jsxs("div", { className: "ml-auto mb-1.5 flex shrink-0 items-center gap-2", children: [onOpenSearch && (_jsx("button", { type: "button", "data-testid": "conversation-inbox-search", "aria-label": t("search_placeholder"), className: "flex shrink-0 cursor-pointer items-center justify-center p-1 text-[var(--dc-color-nav-icon)]", onClick: onOpenSearch, children: _jsx(Icon, { icon: "search-o", size: 24 }) })), rightSlot] })] }) }));
 };
 export default ConversationInboxHeader;

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

@@ -0,0 +1,3 @@
+declare const PublicGroupList: () => import("react/jsx-runtime").JSX.Element;
+export default PublicGroupList;
+//# sourceMappingURL=PublicGroupList.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PublicGroupList.d.ts","sourceRoot":"","sources":["../../../src/components/conversation-inbox/PublicGroupList.tsx"],"names":[],"mappings":"AAoBA,QAAA,MAAM,eAAe,+CAqFpB,CAAC;AAEF,eAAe,eAAe,CAAC"}

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

@@ -0,0 +1,43 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Spin } from "antd";
+import InfiniteScroll from "react-infinite-scroll-component";
+import { useTranslation } from "react-i18next";
+import { useChatContext } from "../../context/ChatContext";
+import { useChatNavigate } from "../../hooks/conversation/useChatNavigate";
+import { useSearchPublicGroups } from "../../hooks/search/useSearchPublicGroups";
+import useConversationStore from "../../store/conversation";
+import { ConnectStatus } from "../../types/chat";
+import { ContactSearchStateMessage, PublicGroupResultItem, buildContactSearchParams, } from "./contact-search";
+const SCROLL_TARGET_ID = "inbox-public-group-scroll";
+// Inbox `Cộng đồng` tab: every public group the seller can see, joined or not,
+// from the same searchPublicGroups call chat-mobile's CommunityTab uses.
+const PublicGroupList = () => {
+    const { t } = useTranslation("conversation-inbox");
+    const onNavigate = useChatNavigate();
+    const setPendingResolveTarget = useConversationStore((state) => state.setPendingResolveTarget);
+    const { connectStatus } = useChatContext();
+    // The tab can be opened while the engine still boots; a call then fails at
+    // once and would leave the error state with nothing to retry it.
+    const { groups, fetchNextPage, hasNextPage, isFetchingNextPage, isPending, isError, } = useSearchPublicGroups({
+        searchTerm: "",
+        allowEmptyTerm: true,
+        enabled: connectStatus === ConnectStatus.Connected,
+    });
+    const handleOpenGroup = (groupID) => {
+        const target = { groupId: groupID };
+        setPendingResolveTarget(target);
+        onNavigate(`${window.location.pathname}?${buildContactSearchParams(target).toString()}`);
+    };
+    if (isPending) {
+        return (_jsx("div", { className: "flex flex-1 items-center justify-center py-12", children: _jsx(Spin, {}) }));
+    }
+    if (isError) {
+        return (_jsx(ContactSearchStateMessage, { testId: "inbox-public-group-failed", children: t("contact_search.failed") }));
+    }
+    if (groups.length === 0) {
+        return (_jsx(ContactSearchStateMessage, { testId: "inbox-public-group-empty", children: t("community.empty") }));
+    }
+    return (_jsx("div", { id: SCROLL_TARGET_ID, "data-testid": "inbox-public-group-list", "data-cp-name": "PublicGroupList", className: "flex-1 overflow-y-auto", children: _jsx(InfiniteScroll, { dataLength: groups.length, next: fetchNextPage, hasMore: !!hasNextPage, scrollableTarget: SCROLL_TARGET_ID, loader: isFetchingNextPage ? (_jsx("div", { className: "flex items-center justify-center py-3", children: _jsx(Spin, { size: "small" }) })) : null, children: groups.map((group) => (_jsx(PublicGroupResultItem, { group: group, onOpen: handleOpenGroup, stayOnJoin: true }, group.groupID))) }) }));
+};
+export default PublicGroupList;

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

@@ -2,7 +2,9 @@ import type { SearchPublicGroupInfo } from "@droppii-org/wasm-client-sdk";
 interface PublicGroupResultItemProps {
     group: SearchPublicGroupInfo;
     onOpen: (groupID: string) => void;
+    /** Inbox `Cộng đồng` tab: a join keeps the seller on the list and toasts instead of opening the thread. */
+    stayOnJoin?: boolean;
 }
-declare const PublicGroupResultItem: ({ group, onOpen, }: PublicGroupResultItemProps) => import("react/jsx-runtime").JSX.Element;
+declare const PublicGroupResultItem: ({ group, onOpen, stayOnJoin, }: PublicGroupResultItemProps) => import("react/jsx-runtime").JSX.Element;
 export default PublicGroupResultItem;
 //# sourceMappingURL=PublicGroupResultItem.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"PublicGroupResultItem.d.ts","sourceRoot":"","sources":["../../../../src/components/conversation-inbox/contact-search/PublicGroupResultItem.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,8BAA8B,CAAC;AAK1E,UAAU,0BAA0B;IAClC,KAAK,EAAE,qBAAqB,CAAC;IAC7B,MAAM,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC;AAED,QAAA,MAAM,qBAAqB,GAAI,oBAG5B,0BAA0B,4CA4E5B,CAAC;AAEF,eAAe,qBAAqB,CAAC"}
+{"version":3,"file":"PublicGroupResultItem.d.ts","sourceRoot":"","sources":["../../../../src/components/conversation-inbox/contact-search/PublicGroupResultItem.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,8BAA8B,CAAC;AAK1E,UAAU,0BAA0B;IAClC,KAAK,EAAE,qBAAqB,CAAC;IAC7B,MAAM,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,2GAA2G;IAC3G,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,QAAA,MAAM,qBAAqB,GAAI,gCAI5B,0BAA0B,4CAyF5B,CAAC;AAEF,eAAe,qBAAqB,CAAC"}

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

@@ -1,22 +1,30 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import clsx from "clsx";
-import { Spin } from "antd";
+import { Spin, message as toastMessage } from "antd";
 import { useTranslation } from "react-i18next";
 import { useJoinPublicGroup } from "../../../hooks/group/useJoinPublicGroup";
 import GroupAvatar from "../../../components/group/GroupAvatar";
 import { CONTACT_SEARCH_AVATAR_SIZE } from "./constants";
-const PublicGroupResultItem = ({ group, onOpen, }) => {
+const PublicGroupResultItem = ({ group, onOpen, stayOnJoin = false, }) => {
     var _a, _b;
     const { t } = useTranslation("conversation-inbox");
+    const { t: tCommon } = useTranslation("common");
     const { mutate: joinGroup, isPending } = useJoinPublicGroup();
-    // Joined groups open straight away; the rest join first, then open.
+    // Joined groups open straight away; search joins first, then opens.
     const handleAction = () => {
         if (group.isJoined) {
             onOpen(group.groupID);
             return;
         }
-        joinGroup({ groupID: group.groupID }, { onSuccess: () => onOpen(group.groupID) });
+        if (!stayOnJoin) {
+            joinGroup({ groupID: group.groupID }, { onSuccess: () => onOpen(group.groupID) });
+            return;
+        }
+        joinGroup({ groupID: group.groupID }, {
+            onSuccess: () => toastMessage.success(tCommon("public_group_joined")),
+            onError: () => toastMessage.error(tCommon("join_group_failed")),
+        });
     };
     return (_jsxs("div", { "data-cp-name": "PublicGroupResultItem", "data-testid": `contact-search-public-group-${group.groupID}`, className: "flex items-center gap-2 border-b border-gray-25 bg-white p-3", children: [_jsxs("button", { type: "button", className: "flex min-w-0 flex-1 items-center gap-2 text-left", onClick: () => onOpen(group.groupID), children: [_jsx(GroupAvatar, { faceURL: group.faceURL, groupName: group.groupName, size: CONTACT_SEARCH_AVATAR_SIZE, className: "shrink-0" }), _jsxs("span", { className: "flex min-w-0 flex-1 flex-col gap-1 pb-0.5", children: [_jsx("span", { className: "truncate text-[16px] font-medium leading-[1.6] text-black", children: group.groupName }), _jsxs("span", { className: "flex min-w-0 flex-col text-[14px] leading-[1.6] tracking-[0.14px] text-gray-600", children: [_jsx("span", { className: "truncate", children: t("contact_search.member_count", {
                                             count: (_a = group.memberCount) !== null && _a !== void 0 ? _a : 0,

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

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

package/dist/hooks/global/useGlobalEvent.js

@@ -20,6 +20,7 @@ import { useQueryClient } from "@tanstack/react-query";
 import { PeerType } from "../../types/conversation";
 import { ignoreInternalLatestMessage } from "../../utils/common";
 import { invalidateSessionQueries } from "../../utils/queryHelpers";
+import { refreshPublicGroupLists } from "../../hooks/group/useJoinPublicGroup";
 import emitter from "../../utils/events";
 const notPushType = [MessageType.TypingMessage, MessageType.RevokeMessage];
 export const useGlobalEvent = () => {
@@ -381,6 +382,8 @@ export const useGlobalEvent = () => {
                 conversationList: state.conversationList.filter((conversation) => conversation.groupID !== data.groupID),
             }));
         }
+        // Public-group cards turn back to Tham gia (or drop out when disbanded).
+        void refreshPublicGroupLists(queryClient, data.groupID);
     };
     // Thin wrappers matching the SDK's fixed callback signature, forwarding
     // to leftGroupHandler with the right reason.
@@ -434,6 +437,8 @@ export const useGlobalEvent = () => {
         void queryClient.invalidateQueries({
             queryKey: [QUERY_KEYS.IS_JOINED_GROUP, data.groupID],
         });
+        // A first-time join from another device or an invite flips the card to Truy cập.
+        void refreshPublicGroupLists(queryClient, data.groupID);
     };
     const setIMListener = () => {
         //account

package/dist/hooks/group/useGroupSendRestriction.d.ts

@@ -0,0 +1,4 @@
+import { type ConversationItem } from "@droppii-org/wasm-client-sdk";
+export type GroupSendState = "checking" | "restricted" | "allowed";
+export declare const useGroupSendRestriction: (conversation?: ConversationItem | null) => GroupSendState;
+//# sourceMappingURL=useGroupSendRestriction.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useGroupSendRestriction.d.ts","sourceRoot":"","sources":["../../../src/hooks/group/useGroupSendRestriction.ts"],"names":[],"mappings":"AAEA,OAAO,EAGL,KAAK,gBAAgB,EACtB,MAAM,8BAA8B,CAAC;AAKtC,MAAM,MAAM,cAAc,GAAG,UAAU,GAAG,YAAY,GAAG,SAAS,CAAC;AAMnE,eAAO,MAAM,uBAAuB,GAClC,eAAe,gBAAgB,GAAG,IAAI,KACrC,cA4BF,CAAC"}

package/dist/hooks/group/useGroupSendRestriction.js

@@ -0,0 +1,31 @@
+"use client";
+import { GroupMemberRole, GroupStatus, } from "@droppii-org/wasm-client-sdk";
+import useConversationStore from "../../store/conversation";
+import { PeerType } from "../../types/conversation";
+import { useGroupPermission } from "./useGroupPermission";
+// A confirmed member is restricted with no SEND_MESSAGE permission, a muted
+// group (owner/admin exempt) or an own mute. "checking" lasts until the store
+// finishes this thread's membership check (it sets currentConversation last),
+// so a restricted member never sees the composer flash first.
+export const useGroupSendRestriction = (conversation) => {
+    var _a;
+    const isConfirmedGroup = (conversation === null || conversation === void 0 ? void 0 : conversation.peerType) === PeerType.GROUP;
+    const groupID = conversation === null || conversation === void 0 ? void 0 : conversation.groupID;
+    const isChecked = useConversationStore((state) => { var _a; return ((_a = state.currentConversation) === null || _a === void 0 ? void 0 : _a.conversationID) === (conversation === null || conversation === void 0 ? void 0 : conversation.conversationID); });
+    const groupInfo = useConversationStore((state) => groupID ? state.currentGroupInfo.get(groupID) : undefined);
+    const member = useConversationStore((state) => groupID ? state.currentMemberInGroup.get(groupID) : undefined);
+    const permissions = useGroupPermission(groupID);
+    if (!isConfirmedGroup)
+        return "allowed";
+    if (!isChecked)
+        return "checking";
+    // Non-members are handled by the view-only footer, not this notice.
+    if (!member)
+        return "allowed";
+    const isGroupMuted = (groupInfo === null || groupInfo === void 0 ? void 0 : groupInfo.status) === GroupStatus.Muted &&
+        member.roleLevel === GroupMemberRole.Normal;
+    const isMemberMuted = ((_a = member.muteEndTime) !== null && _a !== void 0 ? _a : 0) > Date.now();
+    return !permissions.sendMessage || isGroupMuted || isMemberMuted
+        ? "restricted"
+        : "allowed";
+};

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

@@ -1,6 +1,8 @@
+import { type QueryClient } from "@tanstack/react-query";
 interface JoinPublicGroupInput {
     groupID: string;
 }
+export declare const refreshPublicGroupLists: (queryClient: QueryClient, groupID: string) => Promise<void>;
 export declare const useJoinPublicGroup: () => import("@tanstack/react-query").UseMutationResult<unknown, Error, JoinPublicGroupInput, unknown>;
 export {};
 //# sourceMappingURL=useJoinPublicGroup.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"useJoinPublicGroup.d.ts","sourceRoot":"","sources":["../../../src/hooks/group/useJoinPublicGroup.ts"],"names":[],"mappings":"AAQA,UAAU,oBAAoB;IAC5B,OAAO,EAAE,MAAM,CAAC;CACjB;AAID,eAAO,MAAM,kBAAkB,wGAoB9B,CAAC"}
+{"version":3,"file":"useJoinPublicGroup.d.ts","sourceRoot":"","sources":["../../../src/hooks/group/useJoinPublicGroup.ts"],"names":[],"mappings":"AAEA,OAAO,EAKL,KAAK,WAAW,EACjB,MAAM,uBAAuB,CAAC;AAU/B,UAAU,oBAAoB;IAC5B,OAAO,EAAE,MAAM,CAAC;CACjB;AAYD,eAAO,MAAM,uBAAuB,GAClC,aAAa,WAAW,EACxB,SAAS,MAAM,kBAQd,CAAC;AAoBJ,eAAO,MAAM,kBAAkB,wGA+C9B,CAAC"}

package/dist/hooks/group/useJoinPublicGroup.js

@@ -1,9 +1,34 @@
 "use client";
-import { useMutation, useQueryClient } from "@tanstack/react-query";
-import { GroupJoinSource } from "@droppii-org/wasm-client-sdk";
+import { useMutation, useQueryClient, } from "@tanstack/react-query";
+import { GroupJoinSource, } from "@droppii-org/wasm-client-sdk";
 import { DChatSDK } from "../../constants/sdk";
 import { QUERY_KEYS } from "../../services/query";
+import useConversationStore from "../../store/conversation";
 import emitter from "../../utils/events";
+const listShowsGroup = (query, groupID) => {
+    var _a, _b;
+    return !!((_b = (_a = query.state.data) === null || _a === void 0 ? void 0 : _a.pages) === null || _b === void 0 ? void 0 : _b.some((page) => { var _a; return (_a = page === null || page === void 0 ? void 0 : page.groups) === null || _a === void 0 ? void 0 : _a.some((group) => group.groupID === groupID); }));
+};
+// Refetches only the public-group lists that show this group, so membership
+// events for unrelated threads don't reload every loaded page. A load already
+// running (e.g. the next page) is left alone: cancelling it stalls paging.
+export const refreshPublicGroupLists = (queryClient, groupID) => queryClient.invalidateQueries({
+    queryKey: [QUERY_KEYS.SEARCH_PUBLIC_GROUPS],
+    predicate: (query) => listShowsGroup(query, groupID),
+}, { cancelRefetch: false });
+const IN_FLIGHT_LIST_WAIT_MS = 5000;
+// A list still loading was built from pre-join data and would undo the flip
+// when it lands, so let it land first (bounded, in case the engine stalls).
+const waitForPublicGroupLoads = (queryClient) => {
+    const loads = queryClient
+        .getQueryCache()
+        .findAll({ queryKey: [QUERY_KEYS.SEARCH_PUBLIC_GROUPS], fetchStatus: "fetching" })
+        .map((query) => { var _a; return (_a = query.promise) === null || _a === void 0 ? void 0 : _a.catch(() => undefined); });
+    return Promise.race([
+        Promise.all(loads),
+        new Promise((resolve) => setTimeout(resolve, IN_FLIGHT_LIST_WAIT_MS)),
+    ]);
+};
 // Joining straight from search results, matching chat-mobile's GroupItem —
 // GroupJoinSource.Search is what BE uses to attribute the join.
 export const useJoinPublicGroup = () => {
@@ -20,9 +45,26 @@ export const useJoinPublicGroup = () => {
         },
         // Joining a group already cached locally fires no join event, so member-only UI reads this.
         onSuccess: async (_data, { groupID }) => {
+            // A kick earlier in the session leaves this marker, which would drop the
+            // member/permission refetch that follows the join.
+            useConversationStore.setState((state) => state.nonMemberGroupID === groupID ? { nonMemberGroupID: null } : state);
             const queryKey = [QUERY_KEYS.IS_JOINED_GROUP, groupID];
             await queryClient.cancelQueries({ queryKey });
             queryClient.setQueryData(queryKey, true);
+            // Every public-group list (inbox tab, search) flips this card to Truy cập and counts the new member.
+            await waitForPublicGroupLoads(queryClient);
+            queryClient.setQueriesData({ queryKey: [QUERY_KEYS.SEARCH_PUBLIC_GROUPS] }, (data) => data && Object.assign(Object.assign({}, data), { pages: data.pages.map((page) => {
+                    var _a;
+                    return (Object.assign(Object.assign({}, page), { groups: ((_a = page === null || page === void 0 ? void 0 : page.groups) !== null && _a !== void 0 ? _a : []).map((group) => {
+                            var _a;
+                            return group.groupID === groupID && !group.isJoined
+                                ? Object.assign(Object.assign({}, group), { isJoined: true, memberCount: ((_a = group.memberCount) !== null && _a !== void 0 ? _a : 0) + 1 }) : group;
+                        }) }));
+                }) }));
+        },
+        // A stale card can offer Tham gia for a group joined elsewhere; refetch so it settles.
+        onError: (_error, { groupID }) => {
+            void refreshPublicGroupLists(queryClient, groupID);
         },
     });
 };

package/dist/hooks/search/useSearchPublicGroups.d.ts

@@ -3,14 +3,18 @@ interface UseSearchPublicGroupsParams {
     searchTerm: string;
     enabled?: boolean;
     pageSize?: number;
+    /** The inbox `Cộng đồng` tab lists every public group, so it queries with an empty keyword. */
+    allowEmptyTerm?: boolean;
 }
-export declare const useSearchPublicGroups: ({ searchTerm, enabled, pageSize, }: UseSearchPublicGroupsParams) => {
+export declare const useSearchPublicGroups: ({ searchTerm, enabled, pageSize, allowEmptyTerm, }: UseSearchPublicGroupsParams) => {
     groups: SearchPublicGroupInfo[];
     total: number;
     fetchNextPage: (options?: import("@tanstack/react-query").FetchNextPageOptions) => Promise<import("@tanstack/react-query").InfiniteQueryObserverResult<import("@tanstack/react-query").InfiniteData<import("@droppii-org/wasm-client-sdk").SearchPublicGroupsResult, unknown>, Error>>;
     hasNextPage: boolean;
     isFetchingNextPage: boolean;
     isLoading: boolean;
+    /** True until the first page arrives, including while the query waits to be enabled. */
+    isPending: boolean;
     isError: boolean;
 };
 export {};

package/dist/hooks/search/useSearchPublicGroups.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useSearchPublicGroups.d.ts","sourceRoot":"","sources":["../../../src/hooks/search/useSearchPublicGroups.ts"],"names":[],"mappings":"AAIA,OAAO,EAEL,KAAK,qBAAqB,EAC3B,MAAM,8BAA8B,CAAC;AAKtC,UAAU,2BAA2B;IACnC,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAKD,eAAO,MAAM,qBAAqB,GAAI,oCAInC,2BAA2B;;;;;;;;CA0D7B,CAAC"}
+{"version":3,"file":"useSearchPublicGroups.d.ts","sourceRoot":"","sources":["../../../src/hooks/search/useSearchPublicGroups.ts"],"names":[],"mappings":"AAIA,OAAO,EAEL,KAAK,qBAAqB,EAC3B,MAAM,8BAA8B,CAAC;AAKtC,UAAU,2BAA2B;IACnC,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,+FAA+F;IAC/F,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAKD,eAAO,MAAM,qBAAqB,GAAI,oDAKnC,2BAA2B;;;;;;;IAgE1B,wFAAwF;;;CAI3F,CAAC"}

package/dist/hooks/search/useSearchPublicGroups.js

@@ -8,10 +8,10 @@ import { PAGE_SIZE } from "../../constants";
 // Community results come from the IM SDK rather than the contacts REST API —
 // same call chat-mobile uses for its `Cộng đồng` tab, so both platforms return
 // the identical public-group set (joined and not yet joined).
-export const useSearchPublicGroups = ({ searchTerm, enabled = true, pageSize = PAGE_SIZE.medium, }) => {
+export const useSearchPublicGroups = ({ searchTerm, enabled = true, pageSize = PAGE_SIZE.medium, allowEmptyTerm = false, }) => {
     var _a, _b, _c;
     const trimmedSearchTerm = searchTerm.trim();
-    const { data, fetchNextPage, hasNextPage, isFetchingNextPage, isLoading, isError } = useInfiniteQuery({
+    const { data, fetchNextPage, hasNextPage, isFetchingNextPage, isLoading, isPending, isError, } = useInfiniteQuery({
         initialPageParam: 0,
         queryKey: [QUERY_KEYS.SEARCH_PUBLIC_GROUPS, trimmedSearchTerm, pageSize],
         queryFn: async ({ pageParam = 0 }) => {
@@ -29,7 +29,7 @@ export const useSearchPublicGroups = ({ searchTerm, enabled = true, pageSize = P
             const fetched = allPages.reduce((total, page) => { var _a, _b; return total + ((_b = (_a = page === null || page === void 0 ? void 0 : page.groups) === null || _a === void 0 ? void 0 : _a.length) !== null && _b !== void 0 ? _b : 0); }, 0);
             return fetched < ((_a = lastPage === null || lastPage === void 0 ? void 0 : lastPage.total) !== null && _a !== void 0 ? _a : 0) ? fetched : undefined;
         },
-        enabled: enabled && trimmedSearchTerm !== "",
+        enabled: enabled && (allowEmptyTerm || trimmedSearchTerm !== ""),
         // `Tất cả` waits for this query, so a failing engine must not hold it
         // through the default three retries.
         retry: 1,
@@ -56,6 +56,8 @@ export const useSearchPublicGroups = ({ searchTerm, enabled = true, pageSize = P
         hasNextPage,
         isFetchingNextPage,
         isLoading,
+        /** True until the first page arrives, including while the query waits to be enabled. */
+        isPending,
         isError,
     };
 };

package/dist/locales/vi/common.json

@@ -137,7 +137,7 @@
   "group_notification_owner_transferred": "{{name}} đã chuyển quyền trưởng nhóm cho {{newOwner}}",
   "group_notification_member_kicked": "{{name}} đã xóa {{members}} khỏi nhóm",
   "group_notification_member_invited": "{{name}} đã thêm {{members}} vào nhóm",
-  "group_notification_member_enter": "{{name}} đã vào nhóm",
+  "group_notification_member_enter": "{{name}} đã tham gia nhóm",
   "group_notification_member_enter_via_link": "{{name}} đã tham gia nhóm qua link",
   "group_notification_dismissed": "{{name}} đã giải tán nhóm",
   "group_notification_member_muted": "{{name}} đã tắt quyền gửi tin nhắn của {{target}}",
@@ -220,6 +220,7 @@
   "join_group": "Tham gia",
   "join_group_success": "Tham gia nhóm thành công",
   "join_group_failed": "Tham gia nhóm thất bại",
+  "public_group_joined": "Đã tham gia nhóm",
   "join_group_confirm_title": "Tham gia nhóm",
   "join_group_confirm_cta": "Tham gia nhóm",
   "join_link_unavailable_title": "Liên kết không còn khả dụng",

package/dist/locales/vi/conversation-inbox.json

@@ -1,6 +1,10 @@
 {
   "tabs": {
-    "messages": "Tin nhắn"
+    "messages": "Tin nhắn",
+    "community": "Cộng đồng"
+  },
+  "community": {
+    "empty": "Không có nhóm cộng đồng nào"
   },
   "search_placeholder": "Tìm kiếm",
   "compose": {
@@ -97,6 +101,7 @@
     "options_title": "Tuỳ chọn",
     "input_placeholder": "Nhập tin nhắn...",
     "view_only_notice": "Bạn cần tham gia nhóm để gửi tin nhắn",
+    "cannot_send_notice": "Bạn không thể gửi tin nhắn vào nhóm này",
     "resolve_failed": "Không thể mở cuộc trò chuyện",
     "search": {
       "open": "Tìm tin nhắn",

package/dist/screens/conversation-inbox/index.d.ts

@@ -26,6 +26,8 @@ export interface DChatConversationInboxProps {
     showPinThread?: boolean;
     /** Forwarded to the detail screen — see DChatConversationDetailProps.showThreadSearch. */
     showThreadSearch?: boolean;
+    /** BIZ: Tin nhắn | Cộng đồng tabs in the header, Cộng đồng listing public groups. Defaults to false. */
+    showCommunityTab?: boolean;
 }
 declare const DChatConversationInbox: (props: DChatConversationInboxProps) => import("react/jsx-runtime").JSX.Element;
 export default DChatConversationInbox;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/screens/conversation-inbox/index.tsx"],"names":[],"mappings":"AAiBA,OAAO,KAAK,EAAE,YAAY,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AAC/E,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAM/D,MAAM,WAAW,2BAA2B;IAC1C,cAAc,CAAC,EAAE,CAAC,YAAY,EAAE,oBAAoB,KAAK,IAAI,CAAC;IAC9D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,gBAAgB,EAAE,CAAC;IACjC,6FAA6F;IAC7F,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,yEAAyE;IACzE,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAClC;;;;OAIG;IACH,iBAAiB,CAAC,EAAE,CAAC,cAAc,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1E,kGAAkG;IAClG,sBAAsB,CAAC,EAAE,MAAM,IAAI,CAAC;IACpC,+EAA+E;IAC/E,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,4FAA4F;IAC5F,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,mHAAmH;IACnH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,0FAA0F;IAC1F,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B;AA4OD,QAAA,MAAM,sBAAsB,GAAI,OAAO,2BAA2B,4CAQjE,CAAC;AAEF,eAAe,sBAAsB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/screens/conversation-inbox/index.tsx"],"names":[],"mappings":"AAoBA,OAAO,KAAK,EAAE,YAAY,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AAC/E,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAM/D,MAAM,WAAW,2BAA2B;IAC1C,cAAc,CAAC,EAAE,CAAC,YAAY,EAAE,oBAAoB,KAAK,IAAI,CAAC;IAC9D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,gBAAgB,EAAE,CAAC;IACjC,6FAA6F;IAC7F,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,yEAAyE;IACzE,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAClC;;;;OAIG;IACH,iBAAiB,CAAC,EAAE,CAAC,cAAc,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1E,kGAAkG;IAClG,sBAAsB,CAAC,EAAE,MAAM,IAAI,CAAC;IACpC,+EAA+E;IAC/E,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,4FAA4F;IAC5F,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,mHAAmH;IACnH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,0FAA0F;IAC1F,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,wGAAwG;IACxG,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B;AAqPD,QAAA,MAAM,sBAAsB,GAAI,OAAO,2BAA2B,4CAQjE,CAAC;AAEF,eAAe,sBAAsB,CAAC"}

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

@@ -1,5 +1,6 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
 import { useSearchParams } from "next/navigation";
 import { useTranslation } from "react-i18next";
 import { Empty } from "antd";
@@ -11,6 +12,8 @@ import { useChatContext } from "../../context/ChatContext";
 import { useConversationList } from "../../hooks/conversation/useConversationList";
 import { useActiveConversation } from "../../hooks/conversation/useActiveConversation";
 import { ConversationInboxHeader } from "../../components/conversation-inbox";
+import { InboxTab } from "../../components/conversation-inbox/ConversationInboxHeader";
+import PublicGroupList from "../../components/conversation-inbox/PublicGroupList";
 import ConversationInboxList from "../../components/conversation-inbox/ConversationInboxList";
 import { ContactSearchPanel } from "../../components/conversation-inbox/contact-search";
 import DChatConversationDetail from "../../screens/conversation-detail";
@@ -77,11 +80,15 @@ const useInboxConversationList = (chatCategory) => {
     const isApplicationTypeValid = Object.values(DChatApplicationType).includes(applicationType);
     return Object.assign(Object.assign({}, useConversationList({ enabled: isApplicationTypeValid, chatCategory })), { isApplicationTypeValid });
 };
-const DChatConversationInboxBody = ({ onSelectThread, className, moreOptions, showSearch = true, headerTitle, headerRightSlot, onCopyMessageLink, onSearchMessageRevoked, showSticker, showProfileActions, showPinThread, showThreadSearch, target, conversationList, }) => {
+const DChatConversationInboxBody = ({ onSelectThread, className, moreOptions, showSearch = true, headerTitle, headerRightSlot, onCopyMessageLink, onSearchMessageRevoked, showSticker, showProfileActions, showPinThread, showThreadSearch, showCommunityTab = false, target, conversationList, }) => {
     const { t } = useTranslation("conversation-inbox");
     const selectedConversationId = useConversationStore((state) => state.selectedConversationId);
     const removedFromGroupModalOpen = useConversationStore((state) => state.removedFromGroupModalOpen);
     const [isSearchOpen, { setTrue: openSearch, setFalse: closeSearch }] = useBoolean(false);
+    // Kept in the body, not the list: the body stays mounted while a thread is
+    // open, so Back lands on the same tab.
+    const [activeTab, setActiveTab] = useState(InboxTab.Messages);
+    const isCommunityTab = showCommunityTab && activeTab === InboxTab.Community;
     const { threadId, userId, groupId, botId, messageId } = target;
     // Any of the four targets opens the detail screen — useResolveConversation
     // turns userId/groupId/botId into a thread (creating the bot one when
@@ -105,7 +112,7 @@ const DChatConversationInboxBody = ({ onSelectThread, className, moreOptions, sh
         // `relative` + `overflow-hidden` keep ContactSearchPanel's Drawer
         // (getContainer={false}) inside this column instead of escaping to
         // the viewport — same containment the conversation detail root uses.
-        "relative flex h-full w-full flex-col overflow-hidden bg-white", className), children: [_jsx(ConversationInboxHeader, { onOpenSearch: showSearch ? openSearch : undefined, title: headerTitle, rightSlot: headerRightSlot }), !conversationList.isApplicationTypeValid ? (_jsx("div", { className: "flex flex-1 items-center justify-center py-12", children: _jsx(Empty, { image: _jsx("div", { className: "flex justify-center", children: _jsx(Icon, { icon: "chat-square-b", size: 80, className: "text-[var(--dc-color-primary-light)]" }) }), description: t("empty.no_conversations") }) })) : (_jsx(ConversationInboxList, { items: conversationList.items, isLoading: conversationList.isLoading, isFetchingNextPage: conversationList.isFetchingNextPage, hasNextPage: conversationList.hasNextPage, onLoadMore: conversationList.fetchNextPage, onSelectThread: onSelectThread, showPinThread: showPinThread })), _jsx(ContactSearchPanel, { open: isSearchOpen, onClose: closeSearch })] }));
+        "relative flex h-full w-full flex-col overflow-hidden bg-white", className), children: [_jsx(ConversationInboxHeader, { onOpenSearch: showSearch ? openSearch : undefined, title: headerTitle, rightSlot: headerRightSlot, activeTab: activeTab, onChangeTab: showCommunityTab ? setActiveTab : undefined }), isCommunityTab ? (_jsx(PublicGroupList, {})) : !conversationList.isApplicationTypeValid ? (_jsx("div", { className: "flex flex-1 items-center justify-center py-12", children: _jsx(Empty, { image: _jsx("div", { className: "flex justify-center", children: _jsx(Icon, { icon: "chat-square-b", size: 80, className: "text-[var(--dc-color-primary-light)]" }) }), description: t("empty.no_conversations") }) })) : (_jsx(ConversationInboxList, { items: conversationList.items, isLoading: conversationList.isLoading, isFetchingNextPage: conversationList.isFetchingNextPage, hasNextPage: conversationList.hasNextPage, onLoadMore: conversationList.fetchNextPage, onSelectThread: onSelectThread, showPinThread: showPinThread })), _jsx(ContactSearchPanel, { open: isSearchOpen, onClose: closeSearch })] }));
 };
 // ChatProvider's useUrlState prop picks which target-resolution variant
 // mounts — kept as two full components (not one with a conditional hook)

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

@@ -1 +1 @@
-{"version":3,"file":"conversation.d.ts","sourceRoot":"","sources":["../../src/store/conversation.ts"],"names":[],"mappings":"AAYA,OAAO,EAAE,iBAAiB,EAAE,MAAM,QAAQ,CAAC;AAY3C,eAAO,MAAM,kBAAkB,GAAI,SAAS,OAAO,SAElD,CAAC;AAEF,oFAAoF;AACpF,eAAO,MAAM,iBAAiB,oFAOpB,CAAC;AAUX,eAAO,MAAM,cAAc,GAAI,IAAI,CAAC,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC,GAAG,IAAI,SAEhE,CAAC;AAEF,QAAA,MAAM,oBAAoB,gFA4hBvB,CAAC;AAEJ,eAAe,oBAAoB,CAAC"}
+{"version":3,"file":"conversation.d.ts","sourceRoot":"","sources":["../../src/store/conversation.ts"],"names":[],"mappings":"AAYA,OAAO,EAAE,iBAAiB,EAAE,MAAM,QAAQ,CAAC;AAiB3C,eAAO,MAAM,kBAAkB,GAAI,SAAS,OAAO,SAElD,CAAC;AAEF,oFAAoF;AACpF,eAAO,MAAM,iBAAiB,oFAOpB,CAAC;AAUX,eAAO,MAAM,cAAc,GAAI,IAAI,CAAC,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC,GAAG,IAAI,SAEhE,CAAC;AAEF,QAAA,MAAM,oBAAoB,gFA0hBvB,CAAC;AAEJ,eAAe,oBAAoB,CAAC"}

package/dist/store/conversation.js

@@ -7,6 +7,10 @@ import { PeerType } from "../types/conversation";
 import useUserStore from "./user";
 import useAuthStore from "./auth";
 const CONVERSATION_SPLIT_COUNT = 500;
+// Bumped on every updateCurrentConversation call and on clear: a group check
+// that resolves after the user moved on (even back to the thread already set)
+// must not apply its verdict or overwrite currentConversation.
+let conversationSwitchSeq = 0;
 // Module-level (not store state): ChatProvider syncs this from its useUrlState
 // prop so clearSelectedConversation below can skip touching window.history in
 // bubble mode — this store has no React context access of its own.
@@ -118,6 +122,7 @@ const useConversationStore = create((set, get) => ({
     },
     updateCurrentConversation: async (conversation, options) => {
         var _a;
+        const switchSeq = ++conversationSwitchSeq;
         if (!conversation) {
             set({
                 currentConversation: undefined,
@@ -168,6 +173,8 @@ const useConversationStore = create((set, get) => ({
                         // fail closed until an unrelated WS event happens to refresh it.
                         get().getCurrentMemberInGroupByReq(groupID),
                     ]);
+                    if (switchSeq !== conversationSwitchSeq)
+                        return;
                 }
             }
             // Derives view-only/block state from fetch/cache above for fresh
@@ -240,12 +247,9 @@ const useConversationStore = create((set, get) => ({
             conversationList: state.conversationList.map((conversation) => conversation.groupID === groupID
                 ? Object.assign(Object.assign({}, conversation), { showName: groupInfo.groupName, faceURL: groupInfo.faceURL }) : conversation),
         }));
-        // Kick-guard only — a response for a group the user has since navigated
-        // away from is still allowed to populate the cache (that's what makes
-        // reopening it fast); only a confirmed non-member response is dropped.
-        if (get().nonMemberGroupID === groupID) {
-            return;
-        }
+        // No kick-guard here: group info grants no membership, and a kicked
+        // viewer needs its visibility to reopen a public group read-only instead
+        // of being blocked. Member/permission fetches keep the guard.
         set((state) => ({
             currentGroupInfo: new Map(state.currentGroupInfo).set(groupID, Object.assign({}, groupInfo)),
         }));
@@ -267,9 +271,9 @@ const useConversationStore = create((set, get) => ({
             console.error("Error fetching group members:", error);
             return;
         }
-        // Kick-guard only (same rationale as getCurrentGroupInfoByReq above) —
-        // runs concurrently with getSelfGroupPermissionByReq, so this can still
-        // race a kick event; nonMemberGroupID is what actually protects here.
+        // Kick-guard: a response still in flight when a kick lands must not
+        // restore the membership; runs concurrently with getSelfGroupPermissionByReq,
+        // so nonMemberGroupID is what actually protects here.
         if (get().nonMemberGroupID === groupID || !memberInfo) {
             return;
         }
@@ -306,6 +310,7 @@ const useConversationStore = create((set, get) => ({
         });
     },
     clearSelectedConversation: (options) => {
+        conversationSwitchSeq += 1;
         // DeskConversationList's threadId-driven effect re-selects the same
         // conversation on its next run otherwise (conversationList changes
         // trigger it) — clobbering this reset right back.
@@ -483,8 +488,7 @@ const useConversationStore = create((set, get) => ({
             if (isSameInfo && isSameHeader)
                 return state;
             return Object.assign({ 
-                // Set directly: getCurrentGroupInfoByReq's kick-guard skips groups the
-                // viewer has left, which is exactly who reaches this view.
+                // Set from this poll's response; no second getSpecifiedGroupsInfo call.
                 currentGroupInfo: new Map(state.currentGroupInfo).set(groupID, Object.assign({}, latest)) }, (isSameHeader
                 ? {}
                 : {

package/dist/utils/messageLog.js

@@ -142,7 +142,7 @@ export const getGroupNotificationText = (contentType, detailJson, t, senderNickn
                 ? String(t(key, { name: entrantName }))
                 : joinedViaLink
                     ? `${entrantName} đã tham gia nhóm qua link`
-                    : `${entrantName} đã vào nhóm`;
+                    : `${entrantName} đã tham gia nhóm`;
         }
         case MessageType.GroupDismissed:
             return t

package/package.json

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