@droppii-org/chat-sdk 0.7.6 → 0.7.7

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

@@ -0,0 +1,10 @@
+import type { SearchPublicGroupInfo } from "@droppii-org/wasm-client-sdk";
+interface ContactSearchCommunitySectionProps {
+    groups: SearchPublicGroupInfo[];
+    total: number;
+    onOpenGroup: (groupID: string) => void;
+    onViewAll: () => void;
+}
+declare const ContactSearchCommunitySection: ({ groups, total, onOpenGroup, onViewAll, }: ContactSearchCommunitySectionProps) => import("react/jsx-runtime").JSX.Element;
+export default ContactSearchCommunitySection;
+//# sourceMappingURL=ContactSearchCommunitySection.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ContactSearchCommunitySection.d.ts","sourceRoot":"","sources":["../../../../src/components/conversation-inbox/contact-search/ContactSearchCommunitySection.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,8BAA8B,CAAC;AAM1E,UAAU,kCAAkC;IAC1C,MAAM,EAAE,qBAAqB,EAAE,CAAC;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,SAAS,EAAE,MAAM,IAAI,CAAC;CACvB;AAGD,QAAA,MAAM,6BAA6B,GAAI,4CAKpC,kCAAkC,4CAwBpC,CAAC;AAEF,eAAe,6BAA6B,CAAC"}

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

@@ -0,0 +1,15 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useTranslation } from "react-i18next";
+import ContactSearchSectionHeader from "./ContactSearchSectionHeader";
+import ContactSearchViewMoreBar from "./ContactSearchViewMoreBar";
+import PublicGroupResultItem from "./PublicGroupResultItem";
+import { CONTACT_SEARCH_PREVIEW_LIMIT } from "./constants";
+// `Tất cả` preview of the `Cộng đồng` tab: same cards, capped like contacts.
+const ContactSearchCommunitySection = ({ groups, total, onOpenGroup, onViewAll, }) => {
+    const { t } = useTranslation("conversation-inbox");
+    // Guards a short server total so a full page still gets its hand-off.
+    const matchCount = Math.max(total, groups.length);
+    return (_jsxs("section", { "data-cp-name": "ContactSearchCommunitySection", children: [_jsx(ContactSearchSectionHeader, { title: t("contact_search.tabs.community"), count: matchCount || undefined, onSelect: onViewAll }), groups.slice(0, CONTACT_SEARCH_PREVIEW_LIMIT).map((group) => (_jsx(PublicGroupResultItem, { group: group, onOpen: onOpenGroup }, group.groupID))), matchCount > CONTACT_SEARCH_PREVIEW_LIMIT && (_jsx(ContactSearchViewMoreBar, { onSelect: onViewAll }))] }));
+};
+export default ContactSearchCommunitySection;

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

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

@@ -10,6 +10,7 @@ import { useChatNavigate } from "../../../hooks/conversation/useChatNavigate";
 import { useSearchContacts } from "../../../hooks/search/useSearchContacts";
 import { useSearchPublicGroups } from "../../../hooks/search/useSearchPublicGroups";
 import useConversationStore from "../../../store/conversation";
+import ContactSearchCommunitySection from "./ContactSearchCommunitySection";
 import ContactSearchFilters from "./ContactSearchFilters";
 import ContactSearchResultItem from "./ContactSearchResultItem";
 import ContactSearchSectionHeader from "./ContactSearchSectionHeader";
@@ -46,9 +47,12 @@ const ContactSearchPanel = ({ open, onClose }) => {
         type: activeType,
         enabled: open,
     });
+    // `Tất cả` and `Cộng đồng` share one query, so switching tabs hits the cache.
     const publicGroups = useSearchPublicGroups({
         searchTerm: trimmedKeyword,
-        enabled: open && activeTab === ContactSearchTab.Community,
+        enabled: open &&
+            (activeTab === ContactSearchTab.All ||
+                activeTab === ContactSearchTab.Community),
     });
     const handleOpenGroup = (groupID) => {
         const target = { groupId: groupID };
@@ -72,46 +76,53 @@ const ContactSearchPanel = ({ open, onClose }) => {
             setActiveType(undefined);
     };
     const renderContactItems = (items) => items.map((contact) => (_jsx(ContactSearchResultItem, { contact: contact, searchTerm: trimmedKeyword, onSelect: handleSelectContact }, contact.id)));
-    // Every contact tab shares the same not-ready states before it can render
-    // results; returns null once there is a list to show.
+    const renderInitialState = (testId = "contact-search-initial") => (_jsx(ContactSearchStateMessage, { testId: testId, children: t("contact_search.initial") }));
+    const renderLoadingState = () => (_jsx("div", { className: "flex flex-1 items-center justify-center py-12", children: _jsx(Spin, {}) }));
+    const renderFailedState = (testId = "contact-search-failed") => (_jsx(ContactSearchStateMessage, { testId: testId, children: t("contact_search.failed") }));
+    const renderNoResultState = (testId = "contact-search-no-result") => (_jsxs(ContactSearchStateMessage, { testId: testId, children: [t("contact_search.no_result_title"), _jsx("br", {}), t("contact_search.no_result_hint")] }));
+    // The `Liên hệ` tab's not-ready states before it can render results;
+    // returns null once there is a list to show.
     const renderPlaceholderState = () => {
-        if (!trimmedKeyword) {
-            return (_jsx(ContactSearchStateMessage, { testId: "contact-search-initial", children: t("contact_search.initial") }));
-        }
-        if (isLoading) {
-            return (_jsx("div", { className: "flex flex-1 items-center justify-center py-12", children: _jsx(Spin, {}) }));
-        }
-        if (isError) {
-            return (_jsx(ContactSearchStateMessage, { testId: "contact-search-failed", children: t("contact_search.failed") }));
-        }
-        if (contacts.length === 0) {
-            return (_jsxs(ContactSearchStateMessage, { testId: "contact-search-no-result", children: [t("contact_search.no_result_title"), _jsx("br", {}), t("contact_search.no_result_hint")] }));
-        }
+        if (!trimmedKeyword)
+            return renderInitialState();
+        if (isLoading)
+            return renderLoadingState();
+        if (isError)
+            return renderFailedState();
+        if (contacts.length === 0)
+            return renderNoResultState();
         return null;
     };
-    // `Tất cả` only previews the contact section and hands off to `Liên hệ`;
-    // the message section belongs to the message-search ticket.
+    // `Tất cả` previews contacts, then public groups; the message section
+    // belongs to the message-search ticket and goes between the two.
     const renderAllTab = () => {
-        const placeholder = renderPlaceholderState();
-        if (placeholder)
-            return placeholder;
-        const hasMore = contacts.length > CONTACT_SEARCH_PREVIEW_LIMIT || !!hasNextPage;
+        if (!trimmedKeyword)
+            return renderInitialState();
+        if (isLoading || publicGroups.isLoading)
+            return renderLoadingState();
+        if (isError && publicGroups.isError)
+            return renderFailedState();
+        // A source that failed drops its own section instead of the whole tab.
+        const showContacts = !isError && contacts.length > 0;
+        const showGroups = !publicGroups.isError && publicGroups.groups.length > 0;
+        if (!showContacts && !showGroups)
+            return renderNoResultState();
+        const hasMoreContacts = contacts.length > CONTACT_SEARCH_PREVIEW_LIMIT || !!hasNextPage;
         const openContactsTab = () => handleChangeTab(ContactSearchTab.Contacts);
-        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 })] }));
+        return (_jsxs("div", { className: "flex-1 overflow-y-auto", children: [showContacts && (_jsxs("section", { children: [_jsx(ContactSearchSectionHeader, { title: t("contact_search.tabs.contacts"), count: totalElements || undefined, onSelect: openContactsTab }), renderContactItems(contacts.slice(0, CONTACT_SEARCH_PREVIEW_LIMIT)), hasMoreContacts && (_jsx(ContactSearchViewMoreBar, { onSelect: openContactsTab }))] })), showGroups && (_jsx(ContactSearchCommunitySection, { groups: publicGroups.groups, total: publicGroups.total, onOpenGroup: handleOpenGroup, onViewAll: () => handleChangeTab(ContactSearchTab.Community) }))] }));
     };
     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, {}) }));
+            return renderInitialState("contact-search-community-initial");
         }
+        if (publicGroups.isLoading)
+            return renderLoadingState();
         if (publicGroups.isError) {
-            return (_jsx(ContactSearchStateMessage, { testId: "contact-search-community-failed", children: t("contact_search.failed") }));
+            return renderFailedState("contact-search-community-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 renderNoResultState("contact-search-community-no-result");
         }
         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))) }) }));
     };

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

@@ -2,8 +2,8 @@ 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;
-// `Tất cả` shows a capped preview of the contact section before handing the
-// seller over to the full `Liên hệ` tab.
+// `Tất cả` caps each section's preview (contacts, public groups) before handing
+// the seller over to the full `Liên hệ` / `Cộng đồng` tab.
 export const CONTACT_SEARCH_PREVIEW_LIMIT = 5;
 export var ContactSearchTab;
 (function (ContactSearchTab) {

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

@@ -6,6 +6,7 @@ interface UseSearchPublicGroupsParams {
 }
 export declare const useSearchPublicGroups: ({ searchTerm, enabled, pageSize, }: 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;

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;;;;;;;CAqD7B,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;CACnB;AAKD,eAAO,MAAM,qBAAqB,GAAI,oCAInC,2BAA2B;;;;;;;;CA0D7B,CAAC"}

package/dist/hooks/search/useSearchPublicGroups.js

@@ -9,6 +9,7 @@ import { PAGE_SIZE } from "../../constants";
 // 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, }) => {
+    var _a, _b, _c;
     const trimmedSearchTerm = searchTerm.trim();
     const { data, fetchNextPage, hasNextPage, isFetchingNextPage, isLoading, isError } = useInfiniteQuery({
         initialPageParam: 0,
@@ -29,6 +30,9 @@ export const useSearchPublicGroups = ({ searchTerm, enabled = true, pageSize = P
             return fetched < ((_a = lastPage === null || lastPage === void 0 ? void 0 : lastPage.total) !== null && _a !== void 0 ? _a : 0) ? fetched : undefined;
         },
         enabled: enabled && trimmedSearchTerm !== "",
+        // `Tất cả` waits for this query, so a failing engine must not hold it
+        // through the default three retries.
+        retry: 1,
     });
     // A group can repeat across offsets while the backing list shifts.
     const groups = useMemo(() => {
@@ -46,6 +50,8 @@ export const useSearchPublicGroups = ({ searchTerm, enabled = true, pageSize = P
     }, [data]);
     return {
         groups,
+        // Every page carries the same server-side total for the keyword.
+        total: (_c = (_b = (_a = data === null || data === void 0 ? void 0 : data.pages) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.total) !== null && _c !== void 0 ? _c : 0,
         fetchNextPage,
         hasNextPage,
         isFetchingNextPage,

package/package.json

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