@droppii-org/chat-sdk 0.4.0 → 0.4.2

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

@@ -0,0 +1 @@
+{"version":3,"file":"SearchConversationAsGroups.d.ts","sourceRoot":"","sources":["../../../src/components/search-conversation/SearchConversationAsGroups.tsx"],"names":[],"mappings":"AAQA,UAAU,+BAA+B;IACvC,UAAU,EAAE,MAAM,CAAC;CACpB;AACD,QAAA,MAAM,0BAA0B,GAAI,OAAO,+BAA+B,4CA0CzE,CAAC;AAEF,eAAe,0BAA0B,CAAC"}

package/dist/components/search-conversation/SearchConversationAsGroups.js

@@ -0,0 +1,20 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Empty, Spin } from "antd";
+import { useTranslation } from "react-i18next";
+import InfiniteScroll from "react-infinite-scroll-component";
+import SearchItemAsGroup from "./item/SearchItemAsGroup";
+import { useSearchGroups } from "../../hooks/search/useSearchGroups";
+const SearchConversationAsGroups = (props) => {
+    const { searchTerm = "" } = props;
+    const { t } = useTranslation();
+    const { groups, hasNextPage, fetchNextPage, isLoading } = useSearchGroups({
+        searchTerm,
+    });
+    if ((groups.length === 0 && !isLoading) || searchTerm.trim() === "")
+        return _jsx(Empty, { description: t("no_conversation") });
+    if (isLoading)
+        return (_jsx("div", { className: "flex items-center justify-center", children: _jsx(Spin, {}) }));
+    return (_jsx("div", { id: "scrollableSearchGroupsTab", className: "h-full overflow-auto", "data-cp-name": "SearchConversationAsGroups", children: _jsx(InfiniteScroll, { dataLength: groups.length, next: fetchNextPage, hasMore: hasNextPage, loader: _jsx("div", { className: "flex items-center justify-center py-2", children: _jsx(Spin, {}) }), scrollableTarget: "scrollableSearchGroupsTab", children: groups.map((item) => (_jsx(SearchItemAsGroup, { group: item, searchTerm: searchTerm }, item.conversationId))) }) }));
+};
+export default SearchConversationAsGroups;

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

@@ -2,7 +2,8 @@ export declare enum SearchConversationTabKey {
     All = "all",
     MyInbox = "myInbox",
     Users = "users",
-    Messages = "messages"
+    Messages = "messages",
+    Groups = "groups"
 }
 interface SearchConversationProps {
     searchTerm: string;

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":"AAUA,oBAAY,wBAAwB;IAClC,GAAG,QAAQ;IACX,OAAO,YAAY;IACnB,KAAK,UAAU;IACf,QAAQ,aAAa;CACtB;AAED,UAAU,uBAAuB;IAC/B,UAAU,EAAE,MAAM,CAAC;CACpB;AACD,QAAA,MAAM,kBAAkB,GAAI,gBAAgB,uBAAuB,4CAgDlE,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,4CAqDlE,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

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

@@ -7,12 +7,14 @@ import SearchConversationAll from "./SearchAll";
 import SearchConversationMyInbox from "./SearchConversationMyInbox";
 import SearchConversationAsUsers from "./SearchConversationAsUsers";
 import SearchConversationAsMessages from "./SearchConversationAsMessages";
+import SearchConversationAsGroups from "./SearchConversationAsGroups";
 export var SearchConversationTabKey;
 (function (SearchConversationTabKey) {
     SearchConversationTabKey["All"] = "all";
     SearchConversationTabKey["MyInbox"] = "myInbox";
     SearchConversationTabKey["Users"] = "users";
     SearchConversationTabKey["Messages"] = "messages";
+    SearchConversationTabKey["Groups"] = "groups";
 })(SearchConversationTabKey || (SearchConversationTabKey = {}));
 const SearchConversation = ({ searchTerm }) => {
     const { t } = useTranslation();
@@ -39,6 +41,11 @@ const SearchConversation = ({ searchTerm }) => {
                 label: t("messages"),
                 children: _jsx(SearchConversationAsMessages, { searchTerm: searchTerm }),
             },
+            {
+                key: SearchConversationTabKey.Groups,
+                label: t("groups"),
+                children: _jsx(SearchConversationAsGroups, { searchTerm: searchTerm }),
+            },
         ];
     }, [t, searchTerm]);
     return (_jsx("div", { className: "h-full", "data-cp-name": "SearchConversation", children: _jsx(Tabs, { defaultActiveKey: SearchConversationTabKey.All, items: items, className: "h-full", activeKey: activeKey, onChange: (key) => setActiveKey(key), destroyOnHidden: true }) }));

package/dist/components/search-conversation/item/SearchItemAsGroup.d.ts

@@ -0,0 +1,8 @@
+import type { ConversationGroupDisplayItem } from "../../../hooks/group/useConversationGroups";
+interface SearchItemAsGroupProps {
+    group: ConversationGroupDisplayItem;
+    searchTerm: string;
+}
+declare const SearchItemAsGroup: (props: SearchItemAsGroupProps) => import("react/jsx-runtime").JSX.Element;
+export default SearchItemAsGroup;
+//# sourceMappingURL=SearchItemAsGroup.d.ts.map

package/dist/components/search-conversation/item/SearchItemAsGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchItemAsGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/search-conversation/item/SearchItemAsGroup.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,qCAAqC,CAAC;AAOxF,UAAU,sBAAsB;IAC9B,KAAK,EAAE,4BAA4B,CAAC;IACpC,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,iBAAiB,GAAI,OAAO,sBAAsB,4CAgEvD,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

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

@@ -0,0 +1,34 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useTranslation } from "react-i18next";
+import { GroupVisibility } from "@droppii-org/wasm-client-sdk";
+import useConversationStore from "../../../store/conversation";
+import { useChatContext } from "../../../context/ChatContext";
+import { highlightSearch, sanitizeHtml } from "../../../utils/common";
+import { Icon } from "../../../components/icon";
+import GroupCompositeAvatar from "../../../components/group/GroupCompositeAvatar";
+const SearchItemAsGroup = (props) => {
+    const { group, searchTerm = "" } = props;
+    const { t } = useTranslation();
+    const { onNavigate } = useChatContext();
+    const setConversationData = useConversationStore((state) => state.setConversationData);
+    const setSelectedConversationId = useConversationStore((state) => state.setSelectedConversationId);
+    const { conversation } = group;
+    const isPublic = group.visibility === GroupVisibility.Public;
+    const onPressItem = () => {
+        setConversationData(conversation);
+        setSelectedConversationId(conversation.conversationID);
+        const newSearchParams = new URLSearchParams(window.location.search);
+        newSearchParams.set("threadId", conversation.conversationID);
+        newSearchParams.delete("userId");
+        newSearchParams.delete("groupId");
+        newSearchParams.delete("botId");
+        onNavigate === null || onNavigate === void 0 ? void 0 : onNavigate(`${window.location.pathname}?${newSearchParams.toString()}`);
+    };
+    return (_jsxs("div", { className: "py-3 px-2 flex items-center gap-3 hover:bg-gray-100 hover:rounded-sm cursor-pointer border-b mx-1", onClick: onPressItem, "data-cp-name": "SearchItemAsGroup", children: [_jsx(GroupCompositeAvatar, { groupID: group.groupId, faceURL: conversation.faceURL, groupName: conversation.showName, size: 48 }), _jsxs("div", { className: "flex flex-col flex-1 min-w-0 gap-0.5", children: [_jsx("p", { className: "text-sm font-semibold truncate", dangerouslySetInnerHTML: {
+                            __html: sanitizeHtml(highlightSearch(conversation.showName || "", searchTerm)),
+                        } }), _jsxs("div", { className: "flex items-center gap-1.5 text-xs text-gray-500", children: [_jsxs("span", { className: "flex items-center gap-0.5", children: [_jsx(Icon, { icon: isPublic ? "globe-o" : "lock-o", size: 12 }), isPublic
+                                        ? t("group_visibility_public")
+                                        : t("group_visibility_private")] }), typeof group.memberCount === "number" && (_jsxs(_Fragment, { children: [_jsx("span", { children: "\u00B7" }), _jsx("span", { children: t("member_count", { count: group.memberCount }) })] }))] })] })] }));
+};
+export default SearchItemAsGroup;

package/dist/constants/images.d.ts

@@ -3,5 +3,6 @@ export declare const images: {
     imageFailed: string;
     emptyResources: string;
     muteNotificationWarning: string;
+    searchEmpty: string;
 };
 //# sourceMappingURL=images.d.ts.map

package/dist/constants/images.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"images.d.ts","sourceRoot":"","sources":["../../src/constants/images.ts"],"names":[],"mappings":"AAeA,eAAO,MAAM,MAAM;;;;;CAKlB,CAAC"}
+{"version":3,"file":"images.d.ts","sourceRoot":"","sources":["../../src/constants/images.ts"],"names":[],"mappings":"AAmBA,eAAO,MAAM,MAAM;;;;;;CAMlB,CAAC"}

package/dist/constants/images.js

@@ -3,9 +3,11 @@ const imageFailed = new URL("../assets/images/imageFailed.png", import.meta.url)
     .href;
 const emptyResources = new URL("../assets/images/emptyResources.png", import.meta.url).href;
 const muteNotificationWarning = new URL("../assets/images/muteNotificationWarning.png", import.meta.url).href;
+const searchEmpty = new URL("../assets/images/searchEmpty.png", import.meta.url).href;
 export const images = {
     conversationBg,
     imageFailed,
     emptyResources,
     muteNotificationWarning,
+    searchEmpty,
 };

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

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

package/dist/hooks/global/useGlobalEvent.js

@@ -252,7 +252,13 @@ export const useGlobalEvent = () => {
     const leftGroupHandler = (data, reason) => {
         const currentConversation = useConversationStore.getState().currentConversation;
         const isCurrentGroupOpen = (currentConversation === null || currentConversation === void 0 ? void 0 : currentConversation.groupID) === data.groupID;
-        const staysViewOnly = reason === "kicked" && data.visibility === GroupVisibility.Public;
+        // A voluntary leave arrives as OnJoinedGroupDeleted on the leaver's own
+        // client too. It must not fall into the public-group view-only branch —
+        // AC-6 requires navigating to My Inbox regardless of visibility.
+        const isSelfLeave = useConversationStore.getState().selfLeftGroupID === data.groupID;
+        const staysViewOnly = !isSelfLeave &&
+            reason === "kicked" &&
+            data.visibility === GroupVisibility.Public;
         // The kicked/disbanded group's own cached membership is stale the
         // instant this event fires, whether or not it's currently open —
         // nonMemberGroupID guards against a still-in-flight fetch resurrecting
@@ -275,6 +281,10 @@ export const useGlobalEvent = () => {
             if (selfDisbandedGroupID === data.groupID) {
                 useConversationStore.getState().setSelfDisbandedGroupID(null);
             }
+            else if (isSelfLeave) {
+                // The leaver chose this — useQuitGroup already navigates and toasts.
+                useConversationStore.getState().setSelfLeftGroupID(null);
+            }
             else {
                 useConversationStore.getState().showRemovedFromGroupModal();
             }

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

@@ -1,4 +1,4 @@
-import { ConversationItem } from "@droppii-org/wasm-client-sdk";
+import { ConversationItem, GroupVisibility } from "@droppii-org/wasm-client-sdk";
 import { BaseResponse, IConversationGroupItem } from "../../types/dto";
 interface UseConversationGroupsParams {
     enabled?: boolean;
@@ -8,7 +8,11 @@ export interface ConversationGroupDisplayItem {
     groupId: string;
     conversationId: string;
     conversation: ConversationItem;
+    visibility?: GroupVisibility;
+    memberCount?: number;
 }
+export declare const buildFallbackConversation: (group: IConversationGroupItem) => ConversationItem;
+export declare const syncGroupConversationsToStore: (groups: IConversationGroupItem[]) => Promise<void>;
 export declare const useConversationGroups: ({ enabled, pageSize, }?: UseConversationGroupsParams) => {
     groups: ConversationGroupDisplayItem[];
     fetchNextPage: (options?: import("@tanstack/react-query").FetchNextPageOptions) => Promise<import("@tanstack/react-query").InfiniteQueryObserverResult<import("@tanstack/react-query").InfiniteData<BaseResponse<IConversationGroupItem[]>, unknown>, Error>>;

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

@@ -1 +1 @@
-{"version":3,"file":"useConversationGroups.d.ts","sourceRoot":"","sources":["../../../src/hooks/group/useConversationGroups.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,gBAAgB,EAAe,MAAM,8BAA8B,CAAC;AAK7E,OAAO,EAAE,YAAY,EAAE,sBAAsB,EAAE,MAAM,aAAa,CAAC;AAKnE,UAAU,2BAA2B;IACnC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,4BAA4B;IAC3C,OAAO,EAAE,MAAM,CAAC;IAChB,cAAc,EAAE,MAAM,CAAC;IACvB,YAAY,EAAE,gBAAgB,CAAC;CAChC;AAiED,eAAO,MAAM,qBAAqB,GAAI,yBAGnC,2BAAgC;;;;;;CAoElC,CAAC"}
+{"version":3,"file":"useConversationGroups.d.ts","sourceRoot":"","sources":["../../../src/hooks/group/useConversationGroups.ts"],"names":[],"mappings":"AAIA,OAAO,EACL,gBAAgB,EAChB,eAAe,EAEhB,MAAM,8BAA8B,CAAC;AAKtC,OAAO,EAAE,YAAY,EAAE,sBAAsB,EAAE,MAAM,aAAa,CAAC;AAKnE,UAAU,2BAA2B;IACnC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,4BAA4B;IAC3C,OAAO,EAAE,MAAM,CAAC;IAChB,cAAc,EAAE,MAAM,CAAC;IACvB,YAAY,EAAE,gBAAgB,CAAC;IAG/B,UAAU,CAAC,EAAE,eAAe,CAAC;IAC7B,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAMD,eAAO,MAAM,yBAAyB,GACpC,OAAO,sBAAsB,KAC5B,gBAyBD,CAAC;AAMH,eAAO,MAAM,6BAA6B,GACxC,QAAQ,sBAAsB,EAAE,kBAuBjC,CAAC;AAEF,eAAO,MAAM,qBAAqB,GAAI,yBAGnC,2BAAgC;;;;;;CAoElC,CAAC"}

package/dist/hooks/group/useConversationGroups.js

@@ -1,7 +1,7 @@
 "use client";
 import { useMemo } from "react";
 import { useInfiniteQuery } from "@tanstack/react-query";
-import { SessionType } from "@droppii-org/wasm-client-sdk";
+import { SessionType, } from "@droppii-org/wasm-client-sdk";
 import { apiInstance } from "../../services/api";
 import { ENDPOINTS } from "../../services/routes";
 import { QUERY_KEYS } from "../../services/query";
@@ -13,7 +13,7 @@ import { DChatSDK } from "../../constants/sdk";
 // a brand new group (e.g. right after create-group, or first time this list
 // loads) — carries just enough for ConversationByGroupItem to render
 // something instead of the row disappearing while the sync is in flight.
-const buildFallbackConversation = (group) => ({
+export const buildFallbackConversation = (group) => ({
     conversationID: group.conversationId,
     conversationType: SessionType.Group,
     userID: "",
@@ -43,7 +43,7 @@ const buildFallbackConversation = (group) => ({
 // metadata (no latestMsg) — sync each group's full ConversationItem (which
 // carries latestMsg/latestMsgSendTime/unreadCount) into the shared
 // conversationList store via the SDK, then join on conversationId.
-const syncGroupConversationsToStore = async (groups) => {
+export const syncGroupConversationsToStore = async (groups) => {
     const currentList = useConversationStore.getState().conversationList;
     const newGroups = groups.filter((group) => !currentList.some((conversation) => conversation.conversationID === group.conversationId));
     if (!newGroups.length)

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

@@ -0,0 +1,24 @@
+interface UseLeaveGroupActionParams {
+    groupID?: string;
+    conversationID?: string;
+    isGroupThread: boolean;
+    onLeft?: () => void;
+}
+/**
+ * Owns the "Rời nhóm" flow: who may leave, which modal opens, and the
+ * quitGroup call itself. Kept out of the panel so the panel stays
+ * presentational as more group-info rows land from sibling tickets.
+ */
+export declare const useLeaveGroupAction: ({ groupID, conversationID, isGroupThread, onLeft, }: UseLeaveGroupActionParams) => {
+    canLeaveGroup: boolean;
+    isPublicGroup: boolean;
+    isLeaving: boolean;
+    isConfirmOpen: boolean;
+    isBlockedOpen: boolean;
+    openLeaveGroup: () => void;
+    confirmLeaveGroup: () => Promise<void>;
+    closeConfirm: () => void;
+    closeBlocked: () => void;
+};
+export {};
+//# sourceMappingURL=useLeaveGroupAction.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useLeaveGroupAction.d.ts","sourceRoot":"","sources":["../../../src/hooks/group/useLeaveGroupAction.ts"],"names":[],"mappings":"AAUA,UAAU,yBAAyB;IACjC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,aAAa,EAAE,OAAO,CAAC;IACvB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;CACrB;AAED;;;;GAIG;AACH,eAAO,MAAM,mBAAmB,GAAI,qDAKjC,yBAAyB;;;;;;;;;;CA+E3B,CAAC"}

package/dist/hooks/group/useLeaveGroupAction.js

@@ -0,0 +1,79 @@
+"use client";
+import { useState } from "react";
+import { message } from "antd";
+import { useTranslation } from "react-i18next";
+import { GroupMemberRole, GroupVisibility } from "@droppii-org/wasm-client-sdk";
+import useConversationStore from "../../store/conversation";
+import useAuthStore from "../../store/auth";
+import { useQuitGroup } from "./useQuitGroup";
+/**
+ * Owns the "Rời nhóm" flow: who may leave, which modal opens, and the
+ * quitGroup call itself. Kept out of the panel so the panel stays
+ * presentational as more group-info rows land from sibling tickets.
+ */
+export const useLeaveGroupAction = ({ groupID, conversationID, isGroupThread, onLeft, }) => {
+    const { t } = useTranslation("conversation-inbox");
+    const currentGroupInfo = useConversationStore((state) => groupID ? state.currentGroupInfo.get(groupID) : undefined);
+    const currentMemberInGroup = useConversationStore((state) => groupID ? state.currentMemberInGroup.get(groupID) : undefined);
+    const isViewOnlyMember = useConversationStore((state) => state.isViewOnlyMember);
+    // useAuthStore.userID is the canonical self ID here (ChatContext populates
+    // it on init). useUserStore.selfInfo is never filled in this host, so its
+    // `id` is undefined — which is also why roleLevel below stays undefined.
+    const selfUserID = useAuthStore((state) => state.userID);
+    const { mutateAsync: quitGroup, isPending: isLeaving } = useQuitGroup();
+    const [isConfirmOpen, setIsConfirmOpen] = useState(false);
+    const [isBlockedOpen, setIsBlockedOpen] = useState(false);
+    // Only a current member of a group thread can leave it. A view-only member
+    // of a public group already left / was removed, so the row stays hidden.
+    // currentGroupInfo is required too: without it we can classify neither the
+    // owner (who must be blocked) nor the visibility (which picks the copy), and
+    // guessing either way is worse than waiting for the fetch.
+    const canLeaveGroup = isGroupThread &&
+        !!groupID &&
+        !!currentMemberInGroup &&
+        !!currentGroupInfo &&
+        !isViewOnlyMember;
+    // ownerUserID is the reliable source. roleLevel is not: it comes only from
+    // getCurrentMemberInGroupByReq, which queries by useUserStore.selfInfo.id —
+    // undefined in this host — so the member entry is written by
+    // getSelfGroupPermissionByReq instead and carries no roleLevel at all.
+    // Kept as a fallback for hosts that do populate selfInfo.
+    const isGroupOwner = (currentGroupInfo === null || currentGroupInfo === void 0 ? void 0 : currentGroupInfo.ownerUserID) && selfUserID
+        ? currentGroupInfo.ownerUserID === selfUserID
+        : (currentMemberInGroup === null || currentMemberInGroup === void 0 ? void 0 : currentMemberInGroup.roleLevel) === GroupMemberRole.Owner;
+    const isPublicGroup = (currentGroupInfo === null || currentGroupInfo === void 0 ? void 0 : currentGroupInfo.visibility) === GroupVisibility.Public;
+    // The owner must transfer ownership first (BR-002) — they get the blocking
+    // modal instead of the confirmation one, and nothing changes.
+    const openLeaveGroup = () => {
+        if (isGroupOwner) {
+            setIsBlockedOpen(true);
+            return;
+        }
+        setIsConfirmOpen(true);
+    };
+    const confirmLeaveGroup = async () => {
+        if (!groupID) {
+            return;
+        }
+        try {
+            await quitGroup({ groupID, conversationID, isPublicGroup });
+            setIsConfirmOpen(false);
+            onLeft === null || onLeft === void 0 ? void 0 : onLeft();
+            message.success(t("thread_detail.leave_group.success"));
+        }
+        catch (_error) {
+            message.error(t("thread_detail.leave_group.failed"));
+        }
+    };
+    return {
+        canLeaveGroup,
+        isPublicGroup,
+        isLeaving,
+        isConfirmOpen,
+        isBlockedOpen,
+        openLeaveGroup,
+        confirmLeaveGroup,
+        closeConfirm: () => setIsConfirmOpen(false),
+        closeBlocked: () => setIsBlockedOpen(false),
+    };
+};

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

@@ -0,0 +1,6 @@
+export declare const useQuitGroup: () => import("@tanstack/react-query").UseMutationResult<unknown, Error, {
+    groupID: string;
+    conversationID?: string;
+    isPublicGroup?: boolean;
+}, unknown>;
+//# sourceMappingURL=useQuitGroup.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useQuitGroup.d.ts","sourceRoot":"","sources":["../../../src/hooks/group/useQuitGroup.ts"],"names":[],"mappings":"AAQA,eAAO,MAAM,YAAY;aASV,MAAM;qBACE,MAAM;oBACP,OAAO;WA6D5B,CAAC"}

package/dist/hooks/group/useQuitGroup.js

@@ -0,0 +1,62 @@
+"use client";
+import { useMutation } from "@tanstack/react-query";
+import { DChatSDK } from "../../constants/sdk";
+import useConversationStore from "../../store/conversation";
+import emitter from "../../utils/events";
+import { useChatContext } from "../../context/ChatContext";
+export const useQuitGroup = () => {
+    const { onNavigate } = useChatContext();
+    return useMutation({
+        mutationFn: async ({ groupID, conversationID, isPublicGroup, }) => {
+            // Set before the request — OnJoinedGroupDeleted also fires on our own
+            // client, with no ordering guarantee vs. this promise resolving. Without
+            // the flag leftGroupHandler would show the "removed from group" modal.
+            useConversationStore.getState().setSelfLeftGroupID(groupID);
+            const { data } = await DChatSDK.quitGroup(groupID);
+            // A public group stays in My Inbox after leaving — the user keeps
+            // view-only access to it, same as leftGroupHandler's staysViewOnly path.
+            //
+            // A private one must disappear, and that needs an explicit local
+            // cleanup: the server drops the membership but the wasm SDK keeps the
+            // row in its local DB, and My Inbox reads from there
+            // (getConversationListSplit), so the group returns on the next reload.
+            // hideConversation is the only SDK call that drops the row from that
+            // list — deleteConversationAndDeleteAllMsg just wipes the messages and
+            // leaves the conversation behind. Best-effort: the leave already
+            // succeeded server-side, and OnJoinedGroupDeleted may have cleaned up
+            // first, which makes this reject with RecordNotFound.
+            if (conversationID && !isPublicGroup) {
+                try {
+                    await DChatSDK.hideConversation(conversationID);
+                }
+                catch (error) {
+                    console.error("Failed to hide the local conversation after leaving the group:", error);
+                }
+            }
+            emitter.emit("GROUP_MEMBERS_CHANGED");
+            return data;
+        },
+        onSuccess: (_data, variables) => {
+            useConversationStore.getState().clearSelectedConversation();
+            // Same rule as above: only a private group leaves the inbox.
+            if (!variables.isPublicGroup) {
+                useConversationStore.setState((state) => ({
+                    conversationList: state.conversationList.filter((conversation) => conversation.groupID !== variables.groupID),
+                }));
+            }
+            // Clearing the store alone won't navigate away — URL threadId must
+            // also clear, or DeskConversationList re-selects it (see PR #226).
+            const newSearchParams = new URLSearchParams(window.location.search);
+            newSearchParams.delete("threadId");
+            newSearchParams.delete("userId");
+            newSearchParams.delete("groupId");
+            newSearchParams.delete("botId");
+            const query = newSearchParams.toString();
+            const pathname = window.location.pathname;
+            onNavigate === null || onNavigate === void 0 ? void 0 : onNavigate(query ? `${pathname}?${query}` : pathname);
+        },
+        onError: () => {
+            useConversationStore.getState().setSelfLeftGroupID(null);
+        },
+    });
+};

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

@@ -0,0 +1,18 @@
+import type { BaseResponse, ContactSearchItem, ContactSearchType } from "../../types/dto";
+interface UseSearchContactsParams {
+    searchTerm: string;
+    type?: ContactSearchType;
+    enabled?: boolean;
+    pageSize?: number;
+}
+export declare const useSearchContacts: ({ searchTerm, type, enabled, pageSize, }: UseSearchContactsParams) => {
+    contacts: ContactSearchItem[];
+    totalElements: number;
+    fetchNextPage: (options?: import("@tanstack/react-query").FetchNextPageOptions) => Promise<import("@tanstack/react-query").InfiniteQueryObserverResult<import("@tanstack/react-query").InfiniteData<BaseResponse<ContactSearchItem[]>, unknown>, Error>>;
+    hasNextPage: boolean;
+    isFetchingNextPage: boolean;
+    isLoading: boolean;
+    isError: boolean;
+};
+export {};
+//# sourceMappingURL=useSearchContacts.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useSearchContacts.d.ts","sourceRoot":"","sources":["../../../src/hooks/search/useSearchContacts.ts"],"names":[],"mappings":"AASA,OAAO,KAAK,EACV,YAAY,EACZ,iBAAiB,EACjB,iBAAiB,EAElB,MAAM,aAAa,CAAC;AAErB,UAAU,uBAAuB;IAC/B,UAAU,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,iBAAiB,CAAC;IACzB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,eAAO,MAAM,iBAAiB,GAAI,0CAK/B,uBAAuB;;;;;;;;CA+CzB,CAAC"}

package/dist/hooks/search/useSearchContacts.js

@@ -0,0 +1,39 @@
+"use client";
+import { useMemo } from "react";
+import { useInfiniteQuery } from "@tanstack/react-query";
+import { apiInstance } from "../../services/api";
+import { ENDPOINTS } from "../../services/routes";
+import { QUERY_KEYS } from "../../services/query";
+import { PAGE_SIZE } from "../../constants";
+import useAuthStore from "../../store/auth";
+export const useSearchContacts = ({ searchTerm, type, enabled = true, pageSize = PAGE_SIZE.medium, }) => {
+    var _a, _b, _c, _d;
+    const trimmedSearchTerm = searchTerm.trim();
+    const { data, fetchNextPage, hasNextPage, isFetchingNextPage, isLoading, isError } = useInfiniteQuery({
+        initialPageParam: 1,
+        queryKey: [QUERY_KEYS.SEARCH_CONTACTS, trimmedSearchTerm, type, pageSize],
+        queryFn: async ({ pageParam = 1 }) => {
+            const payload = Object.assign({ applicationType: useAuthStore.getState().applicationType, searchTerm: trimmedSearchTerm, page: pageParam, pageSize }, (type ? { type } : {}));
+            const res = await apiInstance.post(ENDPOINTS.chatService.searchContacts, payload);
+            return res.data;
+        },
+        getNextPageParam: (lastPage) => {
+            var _a, _b;
+            const dataLength = ((_a = lastPage === null || lastPage === void 0 ? void 0 : lastPage.data) === null || _a === void 0 ? void 0 : _a.length) || 0;
+            const currentPage = ((_b = lastPage === null || lastPage === void 0 ? void 0 : lastPage.pageable) === null || _b === void 0 ? void 0 : _b.pageNumber) || 1;
+            return dataLength < pageSize ? undefined : currentPage + 1;
+        },
+        enabled: enabled && trimmedSearchTerm !== "",
+    });
+    const contacts = useMemo(() => { var _a, _b; return (_b = (_a = data === null || data === void 0 ? void 0 : data.pages) === null || _a === void 0 ? void 0 : _a.flatMap((page) => { var _a; return (_a = page === null || page === void 0 ? void 0 : page.data) !== null && _a !== void 0 ? _a : []; })) !== null && _b !== void 0 ? _b : []; }, [data]);
+    const totalElements = (_d = (_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.pageable) === null || _c === void 0 ? void 0 : _c.totalElements) !== null && _d !== void 0 ? _d : 0;
+    return {
+        contacts,
+        totalElements,
+        fetchNextPage,
+        hasNextPage,
+        isFetchingNextPage,
+        isLoading,
+        isError,
+    };
+};

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

@@ -0,0 +1,16 @@
+import { BaseResponse, IConversationGroupItem } from "../../types/dto";
+import { type ConversationGroupDisplayItem } from "../../hooks/group/useConversationGroups";
+interface UseSearchGroupsParams {
+    searchTerm: string;
+    enabled?: boolean;
+    pageSize?: number;
+}
+export declare const useSearchGroups: ({ searchTerm, enabled, pageSize, }: UseSearchGroupsParams) => {
+    groups: ConversationGroupDisplayItem[];
+    fetchNextPage: (options?: import("@tanstack/react-query").FetchNextPageOptions) => Promise<import("@tanstack/react-query").InfiniteQueryObserverResult<import("@tanstack/react-query").InfiniteData<BaseResponse<IConversationGroupItem[]>, unknown>, Error>>;
+    hasNextPage: boolean;
+    isFetchingNextPage: boolean;
+    isLoading: boolean;
+};
+export {};
+//# sourceMappingURL=useSearchGroups.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useSearchGroups.d.ts","sourceRoot":"","sources":["../../../src/hooks/search/useSearchGroups.ts"],"names":[],"mappings":"AAQA,OAAO,EAAE,YAAY,EAAE,sBAAsB,EAAE,MAAM,aAAa,CAAC;AAGnE,OAAO,EAGL,KAAK,4BAA4B,EAClC,MAAM,qCAAqC,CAAC;AAE7C,UAAU,qBAAqB;IAC7B,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,eAAO,MAAM,eAAe,GAAI,oCAI7B,qBAAqB;;;;;;CAmEvB,CAAC"}

package/dist/hooks/search/useSearchGroups.js

@@ -0,0 +1,65 @@
+"use client";
+import { useMemo } from "react";
+import { useInfiniteQuery } from "@tanstack/react-query";
+import { apiInstance } from "../../services/api";
+import { ENDPOINTS } from "../../services/routes";
+import { QUERY_KEYS } from "../../services/query";
+import { PAGE_SIZE } from "../../constants";
+import useAuthStore from "../../store/auth";
+import useConversationStore from "../../store/conversation";
+import { buildFallbackConversation, syncGroupConversationsToStore, } from "../../hooks/group/useConversationGroups";
+export const useSearchGroups = ({ searchTerm, enabled = true, pageSize = PAGE_SIZE.medium, }) => {
+    const trimmedSearchTerm = searchTerm.trim();
+    const conversationList = useConversationStore((state) => state.conversationList);
+    const { data, fetchNextPage, hasNextPage, isFetchingNextPage, isLoading } = useInfiniteQuery({
+        initialPageParam: 1,
+        queryKey: [QUERY_KEYS.SEARCH_CONVERSATION_GROUPS, trimmedSearchTerm, pageSize],
+        queryFn: async ({ pageParam = 1 }) => {
+            var _a, _b;
+            const applicationType = useAuthStore.getState().applicationType;
+            const res = await apiInstance.get(ENDPOINTS.chatService.searchConversationGroups, {
+                params: {
+                    page: pageParam,
+                    pageSize,
+                    applicationType,
+                    searchTerm: trimmedSearchTerm,
+                },
+            });
+            if ((_b = (_a = res === null || res === void 0 ? void 0 : res.data) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.length) {
+                void syncGroupConversationsToStore(res.data.data).catch((error) => {
+                    console.error("syncGroupConversationsToStore", error);
+                });
+            }
+            return res.data;
+        },
+        getNextPageParam: (lastPage) => {
+            var _a, _b;
+            const dataLength = ((_a = lastPage === null || lastPage === void 0 ? void 0 : lastPage.data) === null || _a === void 0 ? void 0 : _a.length) || 0;
+            const currentPage = ((_b = lastPage === null || lastPage === void 0 ? void 0 : lastPage.pageable) === null || _b === void 0 ? void 0 : _b.pageNumber) || 1;
+            return dataLength < pageSize ? undefined : currentPage + 1;
+        },
+        enabled: enabled && trimmedSearchTerm !== "",
+    });
+    const groups = useMemo(() => {
+        if (!data)
+            return [];
+        const allItems = data.pages.flatMap((page) => page.data);
+        return allItems.map((group) => {
+            const syncedConversation = conversationList === null || conversationList === void 0 ? void 0 : conversationList.find((conversation) => conversation.conversationID === group.conversationId);
+            return {
+                groupId: group.groupId,
+                conversationId: group.conversationId,
+                conversation: syncedConversation !== null && syncedConversation !== void 0 ? syncedConversation : buildFallbackConversation(group),
+                visibility: group.visibility,
+                memberCount: group.memberCount,
+            };
+        });
+    }, [data, conversationList]);
+    return {
+        groups,
+        fetchNextPage,
+        hasNextPage,
+        isFetchingNextPage,
+        isLoading,
+    };
+};

package/dist/locales/vi/common.json

@@ -17,6 +17,9 @@
   "all": "Tất cả",
   "users": "Người dùng",
   "messages": "Tin nhắn",
+  "groups": "Nhóm",
+  "group_visibility_private": "Riêng tư",
+  "group_visibility_public": "Công khai",
   "no_conversation": "Không tìm thấy cuộc trò chuyện",
   "download": "Tải xuống",
   "active_sessions": "Đang mở",

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

@@ -99,11 +99,45 @@
         "cancel": "Tiếp tục",
         "close_failed": "Không thể kết thúc phiên hỗ trợ. Vui lòng thử lại."
       }
+    },
+    "leave_group": {
+      "action": "Rời nhóm",
+      "confirm_title": "Rời nhóm?",
+      "confirm_desc_private": "Sau khi rời nhóm, bạn sẽ không thể xem tin nhắn từ cuộc trò chuyện này nữa. Bạn có chắc chắn muốn <bold>rời khỏi nhóm</bold>?",
+      "confirm_desc_public": "Sau khi rời nhóm, bạn sẽ không thể nhắn tin hay nhận thông báo từ cuộc trò chuyện này nữa. Bạn có chắc chắn muốn <bold>rời khỏi nhóm</bold>?",
+      "confirm_primary": "Rời nhóm",
+      "confirm_secondary": "Ở lại nhóm",
+      "blocked_title": "Không thể rời nhóm",
+      "blocked_desc": "Bạn không thể rời nhóm khi đang là chủ nhóm, vui lòng chuyển quyền chủ nhóm cho thành viên khác và thử lại!",
+      "blocked_confirm": "Đã hiểu",
+      "success": "Bạn đã rời khỏi nhóm",
+      "failed": "Không thể rời nhóm. Vui lòng thử lại."
     }
   },
   "link_preview": {
     "loading": "Đang tải xem trước liên kết...",
     "remove": "Xóa xem trước liên kết"
   },
-  "link_open_error": "Không thể mở liên kết. Vui lòng thử lại."
-}
+  "link_open_error": "Không thể mở liên kết. Vui lòng thử lại.",
+  "contact_search": {
+    "back": "Quay lại",
+    "tabs": {
+      "all": "Tất cả",
+      "contacts": "Liên hệ",
+      "messages": "Tin nhắn"
+    },
+    "view_all": "Xem tất cả",
+    "initial": "Bạn có thể tìm kiếm theo liên hệ hoặc nội dung tin nhắn",
+    "no_result_title": "Không tìm thấy kết quả nào",
+    "no_result_hint": "Hãy thử lại với cách viết hoặc kết hợp cụm từ khác phù hợp hơn.",
+    "failed": "Không tải được kết quả. Vui lòng thử lại",
+    "messages_not_available": "Tìm kiếm tin nhắn sẽ được bổ sung sau",
+    "member_count": "{{count}} thành viên",
+    "filters": {
+      "customer": "Khách hàng",
+      "pdp": "PDP",
+      "group": "Nhóm",
+      "seller": "Người bán"
+    }
+  }
+}