@droppii-org/chat-sdk 0.4.8 → 0.4.10

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,+CAqUzB,CAAC;AAEF,eAAe,oBAAoB,CAAC"}
+{"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"}

package/dist/components/conversation/DeskConversationList.js

@@ -90,8 +90,12 @@ const DeskConversationList = () => {
         }
         setSelectedConversationId(threadId);
         const selectedConversation = 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) {
-            setConversationData(selectedConversation);
+            setConversationData(selectedConversation, undefined, {
+                forceRevalidate: true,
+            });
         }
         else {
             DChatSDK.getMultipleConversation([threadId]).then((res) => {
@@ -99,7 +103,9 @@ const DeskConversationList = () => {
                 // (e.g. the user was removed from that group mid-flight) — only
                 // apply the result if the URL still points at this conversation.
                 if (res.data.length > 0 && searchParams.get("threadId") === threadId) {
-                    setConversationData(res.data[0]);
+                    setConversationData(res.data[0], undefined, {
+                        forceRevalidate: true,
+                    });
                     updateConversationList(res.data, "filter");
                 }
             });

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":"AAuBA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAkB/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;CAC5B;AAED,QAAA,MAAM,uBAAuB,GAAI,4EAM9B,4BAA4B,4CA+mB9B,CAAC;AAEF,eAAe,uBAAuB,CAAC"}
+{"version":3,"file":"ConversationDetailInput.d.ts","sourceRoot":"","sources":["../../../src/components/conversation-detail/ConversationDetailInput.tsx"],"names":[],"mappings":"AAuBA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAkB/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;CAC5B;AAED,QAAA,MAAM,uBAAuB,GAAI,4EAM9B,4BAA4B,4CAynB9B,CAAC;AAEF,eAAe,uBAAuB,CAAC"}

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

@@ -19,7 +19,7 @@ import { ReplyPreviewBar } from "../../components/message/reply/ReplyPreviewBar"
 import ConversationMoreOptionPanel from "./ConversationMoreOptionPanel";
 import { useMentionTrigger } from "./mention/useMentionTrigger";
 import { useMentionOptions } from "../../components/message/footer/mention/useMentionOptions";
-import { countMentionedUsers, useMentionTokens } from "./mention/useMentionTokens";
+import { useMentionTokens } from "./mention/useMentionTokens";
 import BizMentionMenu from "./mention/BizMentionMenu";
 import { getCaretCoordinates, disposeCaretCoordinates, } from "./mention/getCaretCoordinates";
 import { buildMentionPayload } from "./mention/buildMentionPayload";
@@ -69,11 +69,16 @@ const ConversationDetailInput = ({ placeholder, onSendMessage, onInputChange, mo
     const { tokens: mentionTokens, addToken, onValueChange, resetTokens } = useMentionTokens();
     // "Tất cả" doesn't count against the per-user cap and stays selectable;
     // only specific-member options are hidden once the limit is hit.
-    const mentionedUsersCount = useMemo(() => countMentionedUsers(mentionTokens), [mentionTokens]);
+    const mentionedUserIDs = useMemo(() => new Set(mentionTokens.filter((token) => !token.isAtAll).map((token) => token.userID)), [mentionTokens]);
+    const mentionedUsersCount = mentionedUserIDs.size;
     const mentionLimitReached = mentionedUsersCount >= MAX_MENTIONED_USERS;
-    const mentionOptions = mentionLimitReached
-        ? rawMentionOptions.filter((option) => option.isAtAll)
-        : rawMentionOptions;
+    // Already-tagged users don't need to appear again in the same draft.
+    const mentionOptions = useMemo(() => {
+        const notYetMentioned = rawMentionOptions.filter((option) => option.isAtAll || !mentionedUserIDs.has(option.userID));
+        return mentionLimitReached
+            ? notYetMentioned.filter((option) => option.isAtAll)
+            : notYetMentioned;
+    }, [rawMentionOptions, mentionedUserIDs, mentionLimitReached]);
     const [mentionMenuPosition, setMentionMenuPosition] = useState(null);
     const previewUrl = useMemo(() => {
         const urls = extractLinkUrls(value);

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

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

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

@@ -8,15 +8,18 @@ import { useTranslation } from "react-i18next";
 import { Icon } from "../../../components/icon";
 import { useChatContext } from "../../../context/ChatContext";
 import { useSearchContacts } from "../../../hooks/search/useSearchContacts";
+import { useSearchPublicGroups } from "../../../hooks/search/useSearchPublicGroups";
 import ContactSearchFilters from "./ContactSearchFilters";
 import ContactSearchResultItem from "./ContactSearchResultItem";
 import ContactSearchSectionHeader from "./ContactSearchSectionHeader";
 import ContactSearchStateMessage from "./ContactSearchStateMessage";
 import ContactSearchTabs from "./ContactSearchTabs";
 import ContactSearchViewMoreBar from "./ContactSearchViewMoreBar";
+import PublicGroupResultItem from "./PublicGroupResultItem";
 import { CONTACT_SEARCH_DEBOUNCE_MS, CONTACT_SEARCH_ICON_SIZE, CONTACT_SEARCH_PREVIEW_LIMIT, ContactSearchTab, } from "./constants";
 import { buildContactSearchParams } from "./utils";
 const SCROLL_TARGET_ID = "contact-search-scroll";
+const COMMUNITY_SCROLL_TARGET_ID = "contact-search-community-scroll";
 const ContactSearchPanel = ({ open, onClose }) => {
     const { t } = useTranslation("conversation-inbox");
     const { onNavigate } = useChatContext();
@@ -41,6 +44,19 @@ const ContactSearchPanel = ({ open, onClose }) => {
         type: activeType,
         enabled: open,
     });
+    const publicGroups = useSearchPublicGroups({
+        searchTerm: trimmedKeyword,
+        enabled: open && activeTab === ContactSearchTab.Community,
+    });
+    const handleOpenGroup = (groupID) => {
+        const params = new URLSearchParams(window.location.search);
+        params.delete("threadId");
+        params.delete("userId");
+        params.delete("botId");
+        params.set("groupId", groupID);
+        onClose();
+        onNavigate === null || onNavigate === void 0 ? void 0 : onNavigate(`${window.location.pathname}?${params.toString()}`);
+    };
     const handleSelectContact = (contact) => {
         const params = buildContactSearchParams(contact);
         onClose();
@@ -82,6 +98,21 @@ const ContactSearchPanel = ({ open, onClose }) => {
         return (_jsxs("div", { className: "flex-1 overflow-y-auto", children: [_jsx(ContactSearchSectionHeader, { title: t("contact_search.tabs.contacts"), count: totalElements || undefined, onSelect: openContactsTab }), renderContactItems(contacts.slice(0, CONTACT_SEARCH_PREVIEW_LIMIT)), hasMore && _jsx(ContactSearchViewMoreBar, { onSelect: openContactsTab })] }));
     };
     const renderContactList = () => (_jsx("div", { id: SCROLL_TARGET_ID, className: "flex-1 overflow-y-auto", children: _jsx(InfiniteScroll, { dataLength: contacts.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: renderContactItems(contacts) }) }));
+    const renderCommunityTab = () => {
+        if (!trimmedKeyword) {
+            return (_jsx(ContactSearchStateMessage, { testId: "contact-search-community-initial", children: t("contact_search.initial") }));
+        }
+        if (publicGroups.isLoading) {
+            return (_jsx("div", { className: "flex flex-1 items-center justify-center py-12", children: _jsx(Spin, {}) }));
+        }
+        if (publicGroups.isError) {
+            return (_jsx(ContactSearchStateMessage, { testId: "contact-search-community-failed", children: t("contact_search.failed") }));
+        }
+        if (publicGroups.groups.length === 0) {
+            return (_jsxs(ContactSearchStateMessage, { testId: "contact-search-community-no-result", children: [t("contact_search.no_result_title"), _jsx("br", {}), t("contact_search.no_result_hint")] }));
+        }
+        return (_jsx("div", { id: COMMUNITY_SCROLL_TARGET_ID, className: "flex-1 overflow-y-auto", children: _jsx(InfiniteScroll, { dataLength: publicGroups.groups.length, next: publicGroups.fetchNextPage, hasMore: !!publicGroups.hasNextPage, scrollableTarget: COMMUNITY_SCROLL_TARGET_ID, loader: publicGroups.isFetchingNextPage ? (_jsx("div", { className: "flex items-center justify-center py-3", children: _jsx(Spin, { size: "small" }) })) : null, children: publicGroups.groups.map((group) => (_jsx(PublicGroupResultItem, { group: group, onOpen: handleOpenGroup }, group.groupID))) }) }));
+    };
     // Filters stay mounted even with no results so the seller can switch type.
     const renderContactsTab = () => {
         var _a;
@@ -103,6 +134,11 @@ const ContactSearchPanel = ({ open, onClose }) => {
             label: t("contact_search.tabs.messages"),
             children: (_jsx(ContactSearchStateMessage, { testId: "contact-search-messages", children: t("contact_search.messages_not_available") })),
         },
+        {
+            key: ContactSearchTab.Community,
+            label: t("contact_search.tabs.community"),
+            children: renderCommunityTab(),
+        },
     ];
     return (_jsx(Drawer, { open: open, onClose: onClose, placement: "right", closeIcon: false, width: "100%", "data-cp-name": "ContactSearchPanel", styles: { body: { padding: 0 } }, getContainer: false, destroyOnHidden: true, children: _jsxs("div", { className: "flex h-full flex-col bg-white", children: [_jsxs("div", { className: "flex items-center gap-2 px-3 py-2", children: [_jsx("button", { type: "button", "data-testid": "contact-search-back", "aria-label": t("contact_search.back"), className: "flex shrink-0 cursor-pointer items-center justify-center p-1 text-primary-400", onClick: onClose, children: _jsx(Icon, { icon: "arrow-left-o", size: 24 }) }), _jsx(Input, { allowClear: true, autoFocus: true, value: keyword, "data-testid": "contact-search-input", placeholder: t("search_placeholder"), prefix: _jsx("span", { className: "flex h-10 w-10 items-center justify-center", children: _jsx(Icon, { icon: "search-o", size: CONTACT_SEARCH_ICON_SIZE }) }), 
                             // Padding lives on the prefix/input instead of the wrapper so the

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

@@ -1 +1 @@
-{"version":3,"file":"ContactSearchResultItem.d.ts","sourceRoot":"","sources":["../../../../src/components/conversation-inbox/contact-search/ContactSearchResultItem.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,iBAAiB,EAAqB,MAAM,aAAa,CAAC;AAGnE,UAAU,4BAA4B;IACpC,OAAO,EAAE,iBAAiB,CAAC;IAC3B,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,CAAC,OAAO,EAAE,iBAAiB,KAAK,IAAI,CAAC;CAChD;AAED,QAAA,MAAM,uBAAuB,GAAI,oCAI9B,4BAA4B,4CAiE9B,CAAC;AAEF,eAAe,uBAAuB,CAAC"}
+{"version":3,"file":"ContactSearchResultItem.d.ts","sourceRoot":"","sources":["../../../../src/components/conversation-inbox/contact-search/ContactSearchResultItem.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,iBAAiB,EAAqB,MAAM,aAAa,CAAC;AAGnE,UAAU,4BAA4B;IACpC,OAAO,EAAE,iBAAiB,CAAC;IAC3B,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,CAAC,OAAO,EAAE,iBAAiB,KAAK,IAAI,CAAC;CAChD;AAED,QAAA,MAAM,uBAAuB,GAAI,oCAI9B,4BAA4B,4CAqE9B,CAAC;AAEF,eAAe,uBAAuB,CAAC"}

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

@@ -14,11 +14,13 @@ const ContactSearchResultItem = ({ contact, searchTerm, onSelect, }) => {
     // Supporting line differs per contact type (spec §Contact Result Content).
     // PDP intentionally has none — its last online time was dropped from spec.
     const buildSupportingText = () => {
-        var _a;
+        var _a, _b;
         if (isGroup) {
-            return t("contact_search.member_count", {
+            const memberCount = t("contact_search.member_count", {
                 count: (_a = contact.memberCount) !== null && _a !== void 0 ? _a : 0,
             });
+            const description = ((_b = contact.description) === null || _b === void 0 ? void 0 : _b.trim()) || t("contact_search.group_no_description");
+            return `${memberCount} • ${description}`;
         }
         if (contact.type === ContactSearchType.PdpBot)
             return "";

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

@@ -0,0 +1,9 @@
+import type { SearchPublicGroupMemberInfo } from "@droppii-org/wasm-client-sdk";
+interface PublicGroupAvatarProps {
+    faceURL?: string;
+    groupName?: string;
+    members?: SearchPublicGroupMemberInfo[];
+}
+declare const PublicGroupAvatar: ({ faceURL, groupName, members, }: PublicGroupAvatarProps) => import("react/jsx-runtime").JSX.Element;
+export default PublicGroupAvatar;
+//# sourceMappingURL=PublicGroupAvatar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PublicGroupAvatar.d.ts","sourceRoot":"","sources":["../../../../src/components/conversation-inbox/contact-search/PublicGroupAvatar.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,8BAA8B,CAAC;AAMhF,UAAU,sBAAsB;IAC9B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,2BAA2B,EAAE,CAAC;CACzC;AAKD,QAAA,MAAM,iBAAiB,GAAI,kCAIxB,sBAAsB,4CAwCxB,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

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

@@ -0,0 +1,19 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Avatar } from "antd";
+import { CONTACT_SEARCH_AVATAR_SIZE, PUBLIC_GROUP_STACKED_AVATAR_SIZE, } from "./constants";
+// Public-group results carry their own member list, so the composite is built
+// from that instead of GroupCompositeAvatar — which fetches members and would
+// fail for a group the seller has not joined yet.
+const PublicGroupAvatar = ({ faceURL, groupName, members = [], }) => {
+    var _a, _b;
+    if (faceURL) {
+        return (_jsx(Avatar, { size: CONTACT_SEARCH_AVATAR_SIZE, src: faceURL, alt: groupName, className: "shrink-0 uppercase", children: (groupName === null || groupName === void 0 ? void 0 : groupName.charAt(0)) || "G" }));
+    }
+    const [first, second] = members;
+    return (_jsxs("div", { className: "relative shrink-0", style: {
+            height: CONTACT_SEARCH_AVATAR_SIZE,
+            width: CONTACT_SEARCH_AVATAR_SIZE,
+        }, children: [_jsx(Avatar, { size: PUBLIC_GROUP_STACKED_AVATAR_SIZE, src: (second === null || second === void 0 ? void 0 : second.faceURL) || undefined, className: "absolute right-0 top-0 border border-white bg-gray-400 uppercase", children: ((_a = second === null || second === void 0 ? void 0 : second.nickname) === null || _a === void 0 ? void 0 : _a.charAt(0)) || (groupName === null || groupName === void 0 ? void 0 : groupName.charAt(0)) || "G" }), _jsx(Avatar, { size: PUBLIC_GROUP_STACKED_AVATAR_SIZE, src: (first === null || first === void 0 ? void 0 : first.faceURL) || undefined, className: "absolute bottom-0 left-0 border border-white bg-gray-400 uppercase", children: ((_b = first === null || first === void 0 ? void 0 : first.nickname) === null || _b === void 0 ? void 0 : _b.charAt(0)) || (groupName === null || groupName === void 0 ? void 0 : groupName.charAt(0)) || "G" })] }));
+};
+export default PublicGroupAvatar;

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

@@ -0,0 +1,8 @@
+import type { SearchPublicGroupInfo } from "@droppii-org/wasm-client-sdk";
+interface PublicGroupResultItemProps {
+    group: SearchPublicGroupInfo;
+    onOpen: (groupID: string) => void;
+}
+declare const PublicGroupResultItem: ({ group, onOpen, }: 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

@@ -0,0 +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;AAI1E,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,4CA2E5B,CAAC;AAEF,eAAe,qBAAqB,CAAC"}

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

@@ -0,0 +1,29 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import clsx from "clsx";
+import { Spin } from "antd";
+import { useTranslation } from "react-i18next";
+import { useJoinPublicGroup } from "../../../hooks/group/useJoinPublicGroup";
+import PublicGroupAvatar from "./PublicGroupAvatar";
+const PublicGroupResultItem = ({ group, onOpen, }) => {
+    var _a, _b;
+    const { t } = useTranslation("conversation-inbox");
+    const { mutate: joinGroup, isPending } = useJoinPublicGroup();
+    // Joined groups open straight away; the rest join first, then open.
+    const handleAction = () => {
+        if (group.isJoined) {
+            onOpen(group.groupID);
+            return;
+        }
+        joinGroup({ groupID: group.groupID }, { onSuccess: () => onOpen(group.groupID) });
+    };
+    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(PublicGroupAvatar, { faceURL: group.faceURL, groupName: group.groupName, members: group.members }), _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,
+                                        }) }), _jsx("span", { className: "truncate", children: ((_b = group.introduction) === null || _b === void 0 ? void 0 : _b.trim()) ||
+                                            t("contact_search.public_group_fallback") })] })] })] }), _jsxs("button", { type: "button", disabled: isPending, "data-testid": `contact-search-public-group-action-${group.groupID}`, className: clsx("flex h-7 shrink-0 items-center justify-center gap-2 rounded-lg px-3", "whitespace-nowrap text-center text-[12px] font-medium leading-[1.6] tracking-[0.12px]", group.isJoined
+                    ? "bg-gray-25 text-gray-900"
+                    : "bg-primary-25 text-primary-400", isPending && "opacity-60"), onClick: handleAction, children: [isPending && _jsx(Spin, { size: "small" }), t(group.isJoined
+                        ? "contact_search.group_access"
+                        : "contact_search.group_join")] })] }));
+};
+export default PublicGroupResultItem;

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

@@ -1,11 +1,14 @@
 import { ContactSearchType } from "../../../types/dto";
 export declare const CONTACT_SEARCH_DEBOUNCE_MS = 300;
 export declare const CONTACT_SEARCH_ICON_SIZE = 18;
+export declare const CONTACT_SEARCH_AVATAR_SIZE = 48;
+export declare const PUBLIC_GROUP_STACKED_AVATAR_SIZE = 33;
 export declare const CONTACT_SEARCH_PREVIEW_LIMIT = 5;
 export declare enum ContactSearchTab {
     All = "ALL",
     Contacts = "CONTACTS",
-    Messages = "MESSAGES"
+    Messages = "MESSAGES",
+    Community = "COMMUNITY"
 }
 export declare const CONTACT_SEARCH_TABS: {
     tab: ContactSearchTab;

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

@@ -1 +1 @@
-{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../src/components/conversation-inbox/contact-search/constants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAEhD,eAAO,MAAM,0BAA0B,MAAM,CAAC;AAE9C,eAAO,MAAM,wBAAwB,KAAK,CAAC;AAI3C,eAAO,MAAM,4BAA4B,IAAI,CAAC;AAE9C,oBAAY,gBAAgB;IAC1B,GAAG,QAAQ;IACX,QAAQ,aAAa;IACrB,QAAQ,aAAa;CACtB;AAED,eAAO,MAAM,mBAAmB,EAAE;IAChC,GAAG,EAAE,gBAAgB,CAAC;IACtB,QAAQ,EAAE,MAAM,CAAC;CAClB,EAIA,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE;IACnC,IAAI,EAAE,iBAAiB,CAAC;IACxB,QAAQ,EAAE,MAAM,CAAC;CAClB,EAKA,CAAC"}
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../src/components/conversation-inbox/contact-search/constants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAEhD,eAAO,MAAM,0BAA0B,MAAM,CAAC;AAE9C,eAAO,MAAM,wBAAwB,KAAK,CAAC;AAE3C,eAAO,MAAM,0BAA0B,KAAK,CAAC;AAG7C,eAAO,MAAM,gCAAgC,KAAK,CAAC;AAInD,eAAO,MAAM,4BAA4B,IAAI,CAAC;AAE9C,oBAAY,gBAAgB;IAC1B,GAAG,QAAQ;IACX,QAAQ,aAAa;IACrB,QAAQ,aAAa;IACrB,SAAS,cAAc;CACxB;AAED,eAAO,MAAM,mBAAmB,EAAE;IAChC,GAAG,EAAE,gBAAgB,CAAC;IACtB,QAAQ,EAAE,MAAM,CAAC;CAClB,EAKA,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE;IACnC,IAAI,EAAE,iBAAiB,CAAC;IACxB,QAAQ,EAAE,MAAM,CAAC;CAClB,EAKA,CAAC"}

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

@@ -1,6 +1,9 @@
 import { ContactSearchType } from "../../../types/dto";
 export const CONTACT_SEARCH_DEBOUNCE_MS = 300;
 export const CONTACT_SEARCH_ICON_SIZE = 18;
+export const CONTACT_SEARCH_AVATAR_SIZE = 48;
+// The two overlapping circles of the public-group composite avatar.
+export const PUBLIC_GROUP_STACKED_AVATAR_SIZE = 33;
 // `Tất cả` shows a capped preview of the contact section before handing the
 // seller over to the full `Liên hệ` tab.
 export const CONTACT_SEARCH_PREVIEW_LIMIT = 5;
@@ -9,11 +12,13 @@ export var ContactSearchTab;
     ContactSearchTab["All"] = "ALL";
     ContactSearchTab["Contacts"] = "CONTACTS";
     ContactSearchTab["Messages"] = "MESSAGES";
+    ContactSearchTab["Community"] = "COMMUNITY";
 })(ContactSearchTab || (ContactSearchTab = {}));
 export const CONTACT_SEARCH_TABS = [
     { tab: ContactSearchTab.All, labelKey: "contact_search.tabs.all" },
     { tab: ContactSearchTab.Contacts, labelKey: "contact_search.tabs.contacts" },
     { tab: ContactSearchTab.Messages, labelKey: "contact_search.tabs.messages" },
+    { tab: ContactSearchTab.Community, labelKey: "contact_search.tabs.community" },
 ];
 export const CONTACT_SEARCH_FILTERS = [
     { type: ContactSearchType.Customer, labelKey: "contact_search.filters.customer" },

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

@@ -5,6 +5,8 @@ export { default as ContactSearchStateMessage } from "./ContactSearchStateMessag
 export { default as ContactSearchTabs } from "./ContactSearchTabs";
 export { default as ContactSearchSectionHeader } from "./ContactSearchSectionHeader";
 export { default as ContactSearchViewMoreBar } from "./ContactSearchViewMoreBar";
+export { default as PublicGroupResultItem } from "./PublicGroupResultItem";
+export { default as PublicGroupAvatar } from "./PublicGroupAvatar";
 export * from "./constants";
 export * from "./utils";
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/conversation-inbox/contact-search/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AACrE,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AACzE,OAAO,EAAE,OAAO,IAAI,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AAC/E,OAAO,EAAE,OAAO,IAAI,yBAAyB,EAAE,MAAM,6BAA6B,CAAC;AACnF,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,0BAA0B,EAAE,MAAM,8BAA8B,CAAC;AACrF,OAAO,EAAE,OAAO,IAAI,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AACjF,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/conversation-inbox/contact-search/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AACrE,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AACzE,OAAO,EAAE,OAAO,IAAI,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AAC/E,OAAO,EAAE,OAAO,IAAI,yBAAyB,EAAE,MAAM,6BAA6B,CAAC;AACnF,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,0BAA0B,EAAE,MAAM,8BAA8B,CAAC;AACrF,OAAO,EAAE,OAAO,IAAI,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AACjF,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAC3E,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACnE,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC"}

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

@@ -5,5 +5,7 @@ export { default as ContactSearchStateMessage } from "./ContactSearchStateMessag
 export { default as ContactSearchTabs } from "./ContactSearchTabs";
 export { default as ContactSearchSectionHeader } from "./ContactSearchSectionHeader";
 export { default as ContactSearchViewMoreBar } from "./ContactSearchViewMoreBar";
+export { default as PublicGroupResultItem } from "./PublicGroupResultItem";
+export { default as PublicGroupAvatar } from "./PublicGroupAvatar";
 export * from "./constants";
 export * from "./utils";

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,4CAuT3C,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"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,4CAwT3C,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/dist/components/message/MessageList.js

@@ -160,6 +160,8 @@ 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 bg-white", style: { overflowX: "hidden" }, "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 }, 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, {}) })) : isViewOnlyMember ? (_jsx(MessageFooter, { currentSession: latestConversationSession, openCreateCannedModal: openCreateCannedModal })) : (latestConversationSession === null || latestConversationSession === void 0 ? void 0 : latestConversationSession.status) === SessionStatus.UNASSIGNED ? (_jsx(UnassignedSessionFooter, { sessionId: latestConversationSession.id, teamId: latestConversationSession.teamId })) : 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") })] })) : !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) })] }));
+    return (_jsxs("div", { className: "flex flex-col flex-1 relative h-full min-w-0 bg-white", style: { overflowX: "hidden" }, "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 }, 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 })) : 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 ? (
+            // 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) })] }));
 };
 export default MessageList;

package/dist/components/message/footer/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/message/footer/index.tsx"],"names":[],"mappings":"AAiBA,OAAO,EAGL,wBAAwB,EAEzB,MAAM,cAAc,CAAC;AAStB,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAoB/C,UAAU,kBAAkB;IAC1B,cAAc,CAAC,EAAE,gBAAgB,CAAC;IAClC,qBAAqB,CAAC,EAAE,MAAM,IAAI,CAAC;CACpC;AASD,eAAO,MAAM,oBAAoB,mDAc/B,CAAC;AAEH,eAAO,MAAM,uBAAuB,gCAAyC,CAAC;AAE9E,QAAA,MAAM,qBAAqB,GAAI,4CAG5B,kBAAkB,4CAuUpB,CAAC;AAEF,eAAe,qBAAqB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/message/footer/index.tsx"],"names":[],"mappings":"AAiBA,OAAO,EAGL,wBAAwB,EAEzB,MAAM,cAAc,CAAC;AAStB,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAoB/C,UAAU,kBAAkB;IAC1B,cAAc,CAAC,EAAE,gBAAgB,CAAC;IAClC,qBAAqB,CAAC,EAAE,MAAM,IAAI,CAAC;CACpC;AASD,eAAO,MAAM,oBAAoB,mDAc/B,CAAC;AAEH,eAAO,MAAM,uBAAuB,gCAAyC,CAAC;AAE9E,QAAA,MAAM,qBAAqB,GAAI,4CAG5B,kBAAkB,4CA0UpB,CAAC;AAEF,eAAe,qBAAqB,CAAC"}

package/dist/components/message/footer/index.js

@@ -27,7 +27,7 @@ import useConversationStore from "../../../store/conversation";
 import { useCurrentUserAccountType } from "../../../hooks/user/useCurrentUserAccountType";
 import ComposerTabs from "./ComposerTabs";
 import ComposerEditor from "./ComposerEditor";
-import MentionMenu from "./mention/MentionMenu";
+import MentionMenu, { COMPOSER_AREA_CP_NAME } from "./mention/MentionMenu";
 import SessionClosedModal from "./SessionClosedModal";
 import { useCreateSession, useReopenSession, } from "../../../hooks/session/useReopenOrCreateSession";
 import { emit } from "../../../utils/events";
@@ -234,6 +234,6 @@ const MessageFooterProvider = ({ currentSession, openCreateCannedModal, }) => {
             setIsMentionMenuOpen,
         }, children: [_jsxs(LexicalComposer, { initialConfig: initialConfig, children: [_jsx(Popover, { open: isOpenCanned, content: _jsx(CannedResponse, { onClose: closeCanned, openCreateCannedModal: onOpenCreateCannedModal, cannedQuery: cannedQuery }), placement: "topLeft", trigger: "click", arrow: false, classNames: {
                             body: "mx-1 !p-0",
-                        }, destroyOnHidden: true, children: _jsxs("div", { className: "border-t pb-2 flex flex-col gap-1 bg-white", children: [_jsx(ReplyPreviewBar, {}), listUploadFiles.length > 0 && _jsx(FilePreview, {}), showLinkPreview && previewUrl && (_jsx(LinkInputPreview, { url: previewUrl, onRemove: () => setIsLinkPreviewDismissed(true) })), _jsx(ToolbarPlugin, {}), _jsxs("div", { children: [_jsx(ComposerTabs, { canUseInternal: canUseInternal, hintText: t("canned_response_hint"), isInternal: isInternal, lockToInternal: lockToInternal, setIsInternal: setIsInternal }), _jsx(ComposerEditor, { isInternal: isInternal, placeholderText: placeholderText })] }), _jsx(ActionBar, {})] }) }), _jsx(LinkPlugin, {}), _jsx(ListPlugin, {}), _jsx(ComposerTextSyncPlugin, { onChange: setComposerText }), _jsx(EnterHandler, {}), _jsx(PasteAndDropPlugin, {}), isGroupConversation(conversationData !== null && conversationData !== void 0 ? conversationData : undefined) && (_jsx(MentionMenu, { groupID: conversationData === null || conversationData === void 0 ? void 0 : conversationData.groupID })), isCrm && (_jsx(CannedResponseTriggerPlugin, { onClose: closeCanned, onOpen: onOpenCanned }))] }), _jsx(SessionClosedModal, { open: isSessionClosedModalOpen, loading: isSessionActionLoading, onReopen: handleReopenSession, onCreateNew: handleCreateNewSession, onClose: handleCloseSessionModal })] }));
+                        }, destroyOnHidden: true, children: _jsxs("div", { "data-cp-name": COMPOSER_AREA_CP_NAME, className: "border-t pb-2 flex flex-col gap-1 bg-white", children: [_jsx(ReplyPreviewBar, {}), listUploadFiles.length > 0 && _jsx(FilePreview, {}), showLinkPreview && previewUrl && (_jsx(LinkInputPreview, { url: previewUrl, onRemove: () => setIsLinkPreviewDismissed(true) })), _jsx(ToolbarPlugin, {}), _jsxs("div", { children: [_jsx(ComposerTabs, { canUseInternal: canUseInternal, hintText: t("canned_response_hint"), isInternal: isInternal, lockToInternal: lockToInternal, setIsInternal: setIsInternal }), _jsx(ComposerEditor, { isInternal: isInternal, placeholderText: placeholderText })] }), _jsx(ActionBar, {})] }) }), _jsx(LinkPlugin, {}), _jsx(ListPlugin, {}), _jsx(ComposerTextSyncPlugin, { onChange: setComposerText }), _jsx(EnterHandler, {}), _jsx(PasteAndDropPlugin, {}), isGroupConversation(conversationData !== null && conversationData !== void 0 ? conversationData : undefined) && (_jsx(MentionMenu, { groupID: conversationData === null || conversationData === void 0 ? void 0 : conversationData.groupID })), isCrm && (_jsx(CannedResponseTriggerPlugin, { onClose: closeCanned, onOpen: onOpenCanned }))] }), _jsx(SessionClosedModal, { open: isSessionClosedModalOpen, loading: isSessionActionLoading, onReopen: handleReopenSession, onCreateNew: handleCreateNewSession, onClose: handleCloseSessionModal })] }));
 };
 export default MessageFooterProvider;

package/dist/components/message/footer/mention/MentionMenu.d.ts

@@ -1,3 +1,4 @@
+export declare const COMPOSER_AREA_CP_NAME = "MessageFooterComposerArea";
 interface MentionMenuProps {
     groupID: string | undefined;
 }

package/dist/components/message/footer/mention/MentionMenu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MentionMenu.d.ts","sourceRoot":"","sources":["../../../../../src/components/message/footer/mention/MentionMenu.tsx"],"names":[],"mappings":"AA4BA,UAAU,gBAAgB;IACxB,OAAO,EAAE,MAAM,GAAG,SAAS,CAAC;CAC7B;AAED,QAAA,MAAM,WAAW,GAAI,aAAa,gBAAgB,mDA8HjD,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"MentionMenu.d.ts","sourceRoot":"","sources":["../../../../../src/components/message/footer/mention/MentionMenu.tsx"],"names":[],"mappings":"AA8BA,eAAO,MAAM,qBAAqB,8BAA8B,CAAC;AAWjE,UAAU,gBAAgB;IACxB,OAAO,EAAE,MAAM,GAAG,SAAS,CAAC;CAC7B;AAED,QAAA,MAAM,WAAW,GAAI,aAAa,gBAAgB,mDAyIjD,CAAC;AA+CF,eAAe,WAAW,CAAC"}

package/dist/components/message/footer/mention/MentionMenu.js

@@ -1,16 +1,32 @@
 "use client";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useCallback, useMemo, useState } from "react";
+import { useCallback, useLayoutEffect, useMemo, useRef, useState, } from "react";
 import { createPortal } from "react-dom";
 import { useTranslation } from "react-i18next";
 import { useLexicalComposerContext } from "@lexical/react/LexicalComposerContext";
 import { LexicalTypeaheadMenuPlugin, MenuOption, useBasicTypeaheadTriggerMatch, } from "@lexical/react/LexicalTypeaheadMenuPlugin";
 import { $createTextNode, $getRoot } from "lexical";
-import { $createMentionNode, $countMentionedUsers } from "./MentionNode";
+import { $createMentionNode, $getMentionedUserIDs } from "./MentionNode";
 import { useMentionOptions } from "./useMentionOptions";
 import { Avatar } from "antd";
 import { useMessageFooterContext } from "..";
 const MAX_MENTIONED_USERS = 10;
+// Marks the composer's outer boundary (footer/index.tsx) so
+// MentionMenuOffset below can measure against it despite Lexical's
+// typeahead container being portaled outside the composer's own DOM
+// subtree. Exported so both sides of this coupling share one literal.
+export const COMPOSER_AREA_CP_NAME = "MessageFooterComposerArea";
 class MentionTypeaheadOption extends MenuOption {
     constructor(option) {
         super(option.userID);
@@ -28,11 +44,18 @@ const MentionMenu = ({ groupID }) => {
     const options = useMentionOptions(groupID, query !== null && query !== void 0 ? query : "");
     // Re-evaluated per query change (menu re-opens/re-queries on every "@"),
     // so this stays in sync with mentions added/removed since the last count.
-    const mentionedUsersCount = useMemo(() => editor.getEditorState().read(() => $countMentionedUsers($getRoot())), [editor, query]);
+    const mentionedUserIDs = useMemo(() => editor.getEditorState().read(() => $getMentionedUserIDs($getRoot())), [editor, query]);
+    const mentionedUsersCount = mentionedUserIDs.size;
     const limitReached = mentionedUsersCount >= MAX_MENTIONED_USERS;
+    // Already-tagged users don't need to appear again in the same draft.
     // "Tất cả" doesn't count against the per-user cap and stays selectable;
     // only specific-member options are hidden once the limit is hit.
-    const visibleOptions = useMemo(() => (limitReached ? options.filter((option) => option.isAtAll) : options), [options, limitReached]);
+    const visibleOptions = useMemo(() => {
+        const notYetMentioned = options.filter((option) => option.isAtAll || !mentionedUserIDs.has(option.userID));
+        return limitReached
+            ? notYetMentioned.filter((option) => option.isAtAll)
+            : notYetMentioned;
+    }, [options, mentionedUserIDs, limitReached]);
     const typeaheadOptions = useMemo(() => visibleOptions.map((option) => new MentionTypeaheadOption(option)), [visibleOptions]);
     const onSelectOption = useCallback((selected, textNodeContainingQuery, closeMenu) => {
         editor.update(() => {
@@ -60,10 +83,47 @@ const MentionMenu = ({ groupID }) => {
             // that much room, so it always renders downward and gets clipped
             // by the page. Anchoring this menu to the container's bottom
             // edge instead makes it grow upward from the caret line
-            // unconditionally, independent of that flip heuristic.
-            _jsxs("div", { "data-cp-name": "MentionMenu", className: "absolute bottom-0 left-0 z-50 max-h-[220px] w-[260px] overflow-y-auto rounded-md border border-gray-200 bg-white py-1 shadow-lg", children: [_jsx("div", { className: "px-3 py-1 text-xs font-medium text-gray-400", children: t("mention.menu_title") }), typeaheadOptions.length === 0 ? (_jsx("div", { className: "px-3 py-2 text-sm text-gray-500", children: limitReached
+            // unconditionally, independent of that flip heuristic. But the
+            // caret line itself sits inside the composer box (it's the text
+            // cursor position), not above it — so "grow up from here" still
+            // overlapped the composer's own top portion. MentionMenuOffset
+            // pushes the extra distance from the caret up to the composer's
+            // actual top edge, so the menu clears the input entirely.
+            _jsxs(MentionMenuOffset, { "data-cp-name": "MentionMenu", className: "absolute left-0 z-50 max-h-[220px] w-[260px] overflow-y-auto rounded-md border border-gray-200 bg-white py-1 shadow-lg", children: [_jsx("div", { className: "px-3 py-1 text-xs font-medium text-gray-400", children: t("mention.menu_title") }), typeaheadOptions.length === 0 ? (_jsx("div", { className: "px-3 py-2 text-sm text-gray-500", children: limitReached
                             ? t("mention.limit_reached", { max: MAX_MENTIONED_USERS })
                             : t("mention.no_result") })) : (typeaheadOptions.map((option, index) => (_jsxs("button", { type: "button", className: `flex w-full items-center gap-2 px-3 py-2 text-left text-sm ${index === selectedIndex ? "bg-blue-50" : "hover:bg-gray-50"}`, onMouseEnter: () => setHighlightedIndex(index), onClick: () => selectOptionAndCleanUp(option), children: [option.option.isAtAll ? (_jsx("span", { className: "flex h-6 w-6 shrink-0 items-center justify-center rounded-full bg-gray-100 text-gray-500", children: "@" })) : (_jsx(Avatar, { size: 24, src: option.option.faceURL, children: option.option.displayName.charAt(0) })), _jsx("span", { className: "min-w-0 flex-1 truncate", children: option.option.displayName })] }, option.key))))] }), anchorElementRef.current);
         } }));
 };
+// Renders inside Lexical's own typeahead container, which it portals
+// straight to document.body — detached from the composer's own DOM
+// subtree, so `closest()` can't find the composer from here. Look it up
+// globally instead: only one composer is ever focused/active at a time.
+// Measures the distance from the caret-position anchor up to the
+// composer's top edge and applies it as `bottom`, so the menu's own bottom
+// edge lands there instead of at the caret's — clearing the input instead
+// of overlapping it.
+//
+// No dependency array: this component's identity survives across the
+// re-renders LexicalTypeaheadMenuPlugin fires on every keystroke while the
+// menu stays open (same tree position, not remounted), so a one-time
+// measurement would go stale the moment the composer's own height changes
+// mid-session (e.g. a reply preview or file attachment toggling on/off).
+// Re-measuring every render keeps it correct at the cost of one cheap
+// getBoundingClientRect() call per keystroke.
+const MentionMenuOffset = (_a) => {
+    var { className, children } = _a, rest = __rest(_a, ["className", "children"]);
+    const ref = useRef(null);
+    const [bottomOffset, setBottomOffset] = useState(0);
+    useLayoutEffect(() => {
+        var _a;
+        const anchorNode = (_a = ref.current) === null || _a === void 0 ? void 0 : _a.parentElement;
+        const composer = document.querySelector(`[data-cp-name="${COMPOSER_AREA_CP_NAME}"]`);
+        if (!anchorNode || !composer)
+            return;
+        const anchorRect = anchorNode.getBoundingClientRect();
+        const composerRect = composer.getBoundingClientRect();
+        setBottomOffset(Math.max(0, anchorRect.top - composerRect.top));
+    });
+    return (_jsx("div", Object.assign({ ref: ref, className: className, style: { bottom: bottomOffset } }, rest, { children: children })));
+};
 export default MentionMenu;

package/dist/components/message/footer/mention/MentionNode.d.ts

@@ -17,5 +17,5 @@ export declare class MentionNode extends TextNode {
 }
 export declare function $createMentionNode(userID: string, isAtAll: boolean, displayText: string): MentionNode;
 export declare function $isMentionNode(node: LexicalNode | null | undefined): node is MentionNode;
-export declare function $countMentionedUsers(root: LexicalNode): number;
+export declare function $getMentionedUserIDs(root: LexicalNode): Set<string>;
 //# sourceMappingURL=MentionNode.d.ts.map

package/dist/components/message/footer/mention/MentionNode.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MentionNode.d.ts","sourceRoot":"","sources":["../../../../../src/components/message/footer/mention/MentionNode.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,QAAQ,EACR,KAAK,YAAY,EACjB,KAAK,WAAW,EAChB,KAAK,OAAO,EACZ,KAAK,kBAAkB,EACvB,KAAK,MAAM,EACZ,MAAM,SAAS,CAAC;AAEjB,MAAM,MAAM,qBAAqB,GAAG,MAAM,CACxC;IACE,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,OAAO,CAAC;CAClB,EACD,kBAAkB,CACnB,CAAC;AAEF,qBAAa,WAAY,SAAQ,QAAQ;IACvC,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,OAAO,CAAC;IAEnB,MAAM,CAAC,OAAO,IAAI,MAAM;IAIxB,MAAM,CAAC,KAAK,CAAC,IAAI,EAAE,WAAW,GAAG,WAAW;gBAU1C,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,MAAM,EACZ,GAAG,CAAC,EAAE,OAAO;IAOf,SAAS,CAAC,MAAM,EAAE,YAAY,GAAG,WAAW;IAM5C,MAAM,CAAC,UAAU,CAAC,cAAc,EAAE,qBAAqB,GAAG,WAAW;IAQrE,UAAU,IAAI,qBAAqB;IASnC,mBAAmB,IAAI,OAAO;IAI9B,YAAY,IAAI,IAAI;CAGrB;AAED,wBAAgB,kBAAkB,CAChC,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,EAChB,WAAW,EAAE,MAAM,GAClB,WAAW,CAIb;AAED,wBAAgB,cAAc,CAC5B,IAAI,EAAE,WAAW,GAAG,IAAI,GAAG,SAAS,GACnC,IAAI,IAAI,WAAW,CAErB;AAID,wBAAgB,oBAAoB,CAAC,IAAI,EAAE,WAAW,GAAG,MAAM,CAc9D"}
+{"version":3,"file":"MentionNode.d.ts","sourceRoot":"","sources":["../../../../../src/components/message/footer/mention/MentionNode.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,QAAQ,EACR,KAAK,YAAY,EACjB,KAAK,WAAW,EAChB,KAAK,OAAO,EACZ,KAAK,kBAAkB,EACvB,KAAK,MAAM,EACZ,MAAM,SAAS,CAAC;AAEjB,MAAM,MAAM,qBAAqB,GAAG,MAAM,CACxC;IACE,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,OAAO,CAAC;CAClB,EACD,kBAAkB,CACnB,CAAC;AAEF,qBAAa,WAAY,SAAQ,QAAQ;IACvC,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,OAAO,CAAC;IAEnB,MAAM,CAAC,OAAO,IAAI,MAAM;IAIxB,MAAM,CAAC,KAAK,CAAC,IAAI,EAAE,WAAW,GAAG,WAAW;gBAU1C,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,MAAM,EACZ,GAAG,CAAC,EAAE,OAAO;IAOf,SAAS,CAAC,MAAM,EAAE,YAAY,GAAG,WAAW;IAM5C,MAAM,CAAC,UAAU,CAAC,cAAc,EAAE,qBAAqB,GAAG,WAAW;IAQrE,UAAU,IAAI,qBAAqB;IASnC,mBAAmB,IAAI,OAAO;IAI9B,YAAY,IAAI,IAAI;CAGrB;AAED,wBAAgB,kBAAkB,CAChC,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,EAChB,WAAW,EAAE,MAAM,GAClB,WAAW,CAIb;AAED,wBAAgB,cAAc,CAC5B,IAAI,EAAE,WAAW,GAAG,IAAI,GAAG,SAAS,GACnC,IAAI,IAAI,WAAW,CAErB;AAID,wBAAgB,oBAAoB,CAAC,IAAI,EAAE,WAAW,GAAG,GAAG,CAAC,MAAM,CAAC,CAcnE"}

package/dist/components/message/footer/mention/MentionNode.js

@@ -39,7 +39,7 @@ export function $isMentionNode(node) {
 }
 // Distinct specific users tagged so far — "Tất cả" (isAtAll) mentions aren't
 // individual users and don't count toward the per-user cap.
-export function $countMentionedUsers(root) {
+export function $getMentionedUserIDs(root) {
     const userIDs = new Set();
     const walk = (node) => {
         if ($isMentionNode(node) && !node.__isAtAll) {
@@ -50,5 +50,5 @@ export function $countMentionedUsers(root) {
         }
     };
     walk(root);
-    return userIDs.size;
+    return userIDs;
 }

package/dist/components/message/footer/mention/useMentionOptions.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useMentionOptions.d.ts","sourceRoot":"","sources":["../../../../../src/components/message/footer/mention/useMentionOptions.ts"],"names":[],"mappings":"AAIA,MAAM,WAAW,aAAa;IAC5B,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,OAAO,CAAC;CAClB;AAED,eAAO,MAAM,mBAAmB,YAAY,CAAC;AAW7C,eAAO,MAAM,iBAAiB,GAC5B,SAAS,MAAM,GAAG,SAAS,EAC3B,OAAO,MAAM,KACZ,aAAa,EAuCf,CAAC"}
+{"version":3,"file":"useMentionOptions.d.ts","sourceRoot":"","sources":["../../../../../src/components/message/footer/mention/useMentionOptions.ts"],"names":[],"mappings":"AAKA,MAAM,WAAW,aAAa;IAC5B,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,OAAO,CAAC;CAClB;AAED,eAAO,MAAM,mBAAmB,YAAY,CAAC;AAW7C,eAAO,MAAM,iBAAiB,GAC5B,SAAS,MAAM,GAAG,SAAS,EAC3B,OAAO,MAAM,KACZ,aAAa,EAyCf,CAAC"}

package/dist/components/message/footer/mention/useMentionOptions.js

@@ -1,6 +1,7 @@
 import { useMemo } from "react";
 import { useTranslation } from "react-i18next";
 import { useGroupMembers } from "../../../../hooks/group/useGroupMembers";
+import useAuthStore from "../../../../store/auth";
 export const ALL_MEMBERS_USER_ID = "__all__";
 // Prefix matches rank above mid-string matches, then alphabetical — matches
 // the "closest match first" ranking spec'd for this feature (not just a
@@ -14,11 +15,13 @@ const matchRank = (displayName, keyword) => {
 export const useMentionOptions = (groupID, query) => {
     const { t } = useTranslation();
     const { members } = useGroupMembers(groupID);
+    const currentUserID = useAuthStore((state) => state.userID);
     return useMemo(() => {
         const keyword = query.trim().toLowerCase();
-        // Self-tagging is a valid, ordinary mention target per spec — the
-        // sender selecting their own name is processed like any other tag.
+        // Self-tagging isn't a useful mention target — the sender already
+        // knows who they are — so the current user is filtered out entirely.
         const memberOptions = members
+            .filter((member) => member.userID !== currentUserID)
             .map((member) => ({
             userID: member.userID,
             displayName: member.nickname || member.userID,
@@ -41,5 +44,5 @@ export const useMentionOptions = (groupID, query) => {
         };
         const matchesAll = !keyword || allOption.displayName.toLowerCase().includes(keyword);
         return matchesAll ? [allOption, ...memberOptions] : memberOptions;
-    }, [members, query, t]);
+    }, [members, query, t, currentUserID]);
 };

package/dist/components/search-conversation/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/search-conversation/index.tsx"],"names":[],"mappings":"AAWA,oBAAY,wBAAwB;IAClC,GAAG,QAAQ;IACX,OAAO,YAAY;IACnB,KAAK,UAAU;IACf,QAAQ,aAAa;IACrB,MAAM,WAAW;CAClB;AAED,UAAU,uBAAuB;IAC/B,UAAU,EAAE,MAAM,CAAC;CACpB;AACD,QAAA,MAAM,kBAAkB,GAAI,gBAAgB,uBAAuB,4CAqDlE,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/search-conversation/index.tsx"],"names":[],"mappings":"AAWA,oBAAY,wBAAwB;IAClC,GAAG,QAAQ;IACX,OAAO,YAAY;IACnB,KAAK,UAAU;IACf,QAAQ,aAAa;IACrB,MAAM,WAAW;CAClB;AAED,UAAU,uBAAuB;IAC/B,UAAU,EAAE,MAAM,CAAC;CACpB;AACD,QAAA,MAAM,kBAAkB,GAAI,gBAAgB,uBAAuB,4CA4ElE,CAAC;AAEF,eAAe,kBAAkB,CAAC"}