@droppii-org/chat-sdk 0.1.96 → 0.1.97

package/dist/components/compose/ComposeNewMessageModal.d.ts

@@ -0,0 +1,7 @@
+interface ComposeNewMessageModalProps {
+    open: boolean;
+    onClose: () => void;
+}
+declare const ComposeNewMessageModal: ({ open, onClose, }: ComposeNewMessageModalProps) => import("react/jsx-runtime").JSX.Element;
+export default ComposeNewMessageModal;
+//# sourceMappingURL=ComposeNewMessageModal.d.ts.map

package/dist/components/compose/ComposeNewMessageModal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComposeNewMessageModal.d.ts","sourceRoot":"","sources":["../../../src/components/compose/ComposeNewMessageModal.tsx"],"names":[],"mappings":"AAeA,UAAU,2BAA2B;IACnC,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAID,QAAA,MAAM,sBAAsB,GAAI,oBAG7B,2BAA2B,4CAyI7B,CAAC;AAEF,eAAe,sBAAsB,CAAC"}

package/dist/components/compose/ComposeNewMessageModal.js

@@ -0,0 +1,61 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useDebounce } from "ahooks";
+import { Avatar, Empty, Input, Modal, Spin } from "antd";
+import { useState } from "react";
+import { usePathname, useRouter, useSearchParams } from "next/navigation";
+import { useTranslation } from "react-i18next";
+import { SessionType } from "@droppii-org/wasm-client-sdk";
+import { Icon } from "../../components/icon";
+import { useEligibleAccounts } from "../../hooks/group/useEligibleAccounts";
+import { DChatSDK } from "../../constants/sdk";
+import useConversationStore from "../../store/conversation";
+import CreateGroupForm from "../../components/group/CreateGroupForm";
+const ComposeNewMessageModal = ({ open, onClose, }) => {
+    const { t } = useTranslation("conversation-inbox");
+    const [step, setStep] = useState("compose");
+    const [search, setSearch] = useState("");
+    const [openingUserID, setOpeningUserID] = useState(null);
+    const debouncedSearch = useDebounce(search, { wait: 300 });
+    const { accounts, isLoading } = useEligibleAccounts(debouncedSearch, open);
+    const router = useRouter();
+    const pathname = usePathname();
+    const searchParams = useSearchParams();
+    const setConversationData = useConversationStore((state) => state.setConversationData);
+    const setSelectedConversationId = useConversationStore((state) => state.setSelectedConversationId);
+    const handleClose = () => {
+        setSearch("");
+        setStep("compose");
+        onClose();
+    };
+    const handleAfterClose = () => {
+        // Reset only after the close animation finishes so the outgoing
+        // content doesn't visibly swap mid-transition.
+        setStep("compose");
+    };
+    const handleOpenDirectMessage = async (account) => {
+        if (openingUserID)
+            return;
+        setOpeningUserID(account.userID);
+        try {
+            const { data: conversation } = await DChatSDK.getOneConversation({
+                sourceID: account.userID,
+                sessionType: SessionType.Single,
+            });
+            setConversationData(conversation);
+            setSelectedConversationId(conversation.conversationID);
+            const newSearchParams = new URLSearchParams(searchParams);
+            newSearchParams.set("threadId", conversation.conversationID);
+            newSearchParams.delete("userId");
+            newSearchParams.delete("groupId");
+            newSearchParams.delete("botId");
+            router.push(`${pathname}?${newSearchParams.toString()}`);
+            handleClose();
+        }
+        finally {
+            setOpeningUserID(null);
+        }
+    };
+    return (_jsx(Modal, { title: step === "create-group" ? t("create_group.title") : t("compose.title"), open: open, onCancel: handleClose, afterClose: handleAfterClose, footer: null, centered: true, forceRender: true, width: step === "create-group" ? 720 : undefined, getContainer: false, children: step === "compose" ? (_jsxs("div", { className: "flex flex-col gap-4", children: [_jsx(Input, { size: "large", value: search, onChange: (event) => setSearch(event.target.value), placeholder: t("compose.search_member_placeholder"), prefix: _jsx(Icon, { icon: "search-o", size: 18, className: "text-gray-400" }) }), _jsxs("button", { type: "button", className: "flex items-center gap-3 rounded-xl bg-primary-50 px-4 py-3.5 text-left transition-colors hover:bg-primary-100", onClick: () => setStep("create-group"), children: [_jsx("span", { className: "flex h-11 w-11 shrink-0 items-center justify-center rounded-full bg-white", children: _jsx(Icon, { icon: "user-three-b", size: 22, className: "text-primary-400" }) }), _jsx("span", { className: "flex-1 text-base font-semibold text-gray-900", children: t("compose.create_group") }), _jsx(Icon, { icon: "angle-right-o", size: 18, className: "text-gray-400" })] }), !debouncedSearch && (_jsxs("div", { className: "flex items-center gap-2 px-1", children: [_jsx("span", { className: "shrink-0 text-xs font-semibold uppercase tracking-wide text-gray-400", children: t("compose.recent_suggestions") }), _jsx("span", { className: "h-px flex-1 bg-gray-100" })] })), _jsx("div", { className: "max-h-80 overflow-y-auto", children: isLoading ? (_jsx("div", { className: "flex items-center justify-center py-6", children: _jsx(Spin, {}) })) : accounts.length === 0 ? (_jsx(Empty, { description: t("compose.no_member_found") })) : (accounts.map((account) => (_jsxs("div", { className: "flex cursor-pointer items-center gap-3 border-b border-gray-50 px-1 py-3 transition-colors last:border-b-0 hover:bg-gray-50", onClick: () => handleOpenDirectMessage(account), children: [_jsx(Avatar, { src: account.avatar, size: 44, className: "shrink-0", children: account.displayName.charAt(0) || "A" }), _jsx("span", { className: "flex-1 truncate text-base font-medium text-gray-900", children: account.displayName }), openingUserID === account.userID && _jsx(Spin, { size: "small" })] }, account.userID)))) })] })) : (_jsx(CreateGroupForm, { onBack: () => setStep("compose"), onDone: handleClose })) }));
+};
+export default ComposeNewMessageModal;

package/dist/components/conversation/ConversationByGroupItem.d.ts

@@ -0,0 +1,7 @@
+import { GroupItem } from "@droppii-org/wasm-client-sdk";
+interface ConversationByGroupItemProps {
+    group: GroupItem;
+}
+declare const ConversationByGroupItem: ({ group }: ConversationByGroupItemProps) => import("react/jsx-runtime").JSX.Element;
+export default ConversationByGroupItem;
+//# sourceMappingURL=ConversationByGroupItem.d.ts.map

package/dist/components/conversation/ConversationByGroupItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConversationByGroupItem.d.ts","sourceRoot":"","sources":["../../../src/components/conversation/ConversationByGroupItem.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,SAAS,EAAe,MAAM,8BAA8B,CAAC;AAMtE,UAAU,4BAA4B;IACpC,KAAK,EAAE,SAAS,CAAC;CAClB;AAED,QAAA,MAAM,uBAAuB,GAAI,WAAW,4BAA4B,4CAiEvE,CAAC;AAEF,eAAe,uBAAuB,CAAC"}

package/dist/components/conversation/ConversationByGroupItem.js

@@ -0,0 +1,50 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useState } from "react";
+import { Avatar } from "antd";
+import { usePathname, useRouter, useSearchParams } from "next/navigation";
+import { useTranslation } from "react-i18next";
+import { SessionType } from "@droppii-org/wasm-client-sdk";
+import useConversationStore from "../../store/conversation";
+import { DChatSDK } from "../../constants/sdk";
+import { formatTimestamp } from "../../utils/common";
+import ThreadCard from "./ThreadCard";
+const ConversationByGroupItem = ({ group }) => {
+    var _a;
+    const { t } = useTranslation();
+    const [isOpening, setIsOpening] = useState(false);
+    const router = useRouter();
+    const pathname = usePathname();
+    const searchParams = useSearchParams();
+    const setConversationData = useConversationStore((state) => state.setConversationData);
+    const setSelectedConversationId = useConversationStore((state) => state.setSelectedConversationId);
+    const updateConversationList = useConversationStore((state) => state.updateConversationList);
+    const isSelected = useConversationStore((state) => state.selectedSourceId === group.groupID);
+    const handleClick = async () => {
+        if (isOpening)
+            return;
+        setIsOpening(true);
+        try {
+            const { data: conversation } = await DChatSDK.getOneConversation({
+                sourceID: group.groupID,
+                sessionType: SessionType.Group,
+            });
+            setConversationData(conversation);
+            updateConversationList([conversation], "filter");
+            setSelectedConversationId(conversation.conversationID);
+            const newSearchParams = new URLSearchParams(searchParams);
+            newSearchParams.set("threadId", conversation.conversationID);
+            newSearchParams.delete("userId");
+            newSearchParams.delete("groupId");
+            newSearchParams.delete("botId");
+            router.push(`${pathname}?${newSearchParams.toString()}`);
+        }
+        finally {
+            setIsOpening(false);
+        }
+    };
+    return (_jsx(ThreadCard, { onClick: handleClick, isSelected: isSelected, preview: t("member_count", { count: group.memberCount }), time: group.createTime
+            ? formatTimestamp(group.createTime, { hasTime: true })
+            : undefined, avatar: _jsx(Avatar, { size: 48, src: group.faceURL, children: ((_a = group.groupName) === null || _a === void 0 ? void 0 : _a.charAt(0)) || "G" }), title: _jsx("h3", { className: "truncate text-sm font-semibold text-gray-900", children: group.groupName }) }));
+};
+export default ConversationByGroupItem;

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":"AAsBA,QAAA,MAAM,oBAAoB,+CAgNzB,CAAC;AAEF,eAAe,oBAAoB,CAAC"}
+{"version":3,"file":"DeskConversationList.d.ts","sourceRoot":"","sources":["../../../src/components/conversation/DeskConversationList.tsx"],"names":[],"mappings":"AA4BA,QAAA,MAAM,oBAAoB,+CAwRzB,CAAC;AAEF,eAAe,oBAAoB,CAAC"}

package/dist/components/conversation/DeskConversationList.js

@@ -11,18 +11,22 @@ import SearchConversation from "../../components/search-conversation";
 import useSessionStore from "../../store/session";
 import InfiniteScroll from "react-infinite-scroll-component";
 import ConversationBySessionItem from "./ConversationBySessionItem";
+import ConversationByGroupItem from "./ConversationByGroupItem";
 import { useGetSession } from "../../hooks/session/useGetSession";
 import { useSortedSessions } from "../../hooks/session/useSortedSessions";
 import { useSessionLatestPreview } from "../../hooks/session/useSessionLatestPreview";
 import { useGetTeamSessionSummary } from "../../hooks/session/useGetTeamSessionSummary";
+import { useJoinedGroups } from "../../hooks/group/useJoinedGroups";
 import { DChatSDK } from "../../constants/sdk";
 import emitter from "../../utils/events";
-import { getFilterConfig } from "../../components/session/sessionMenuItems";
+import { ALL_GROUPS_KEY, getFilterConfig, } from "../../components/session/sessionMenuItems";
+import ComposeNewMessageModal from "../../components/compose/ComposeNewMessageModal";
 const DeskConversationList = () => {
     var _a, _b;
     const searchInputRef = useRef(null);
     const { t } = useTranslation();
     const [search, setSearch] = useState("");
+    const [isComposeOpen, setIsComposeOpen] = useState(false);
     const [showSearch, { setTrue: setShowSearchTrue, setFalse: setShowSearchFalse },] = useBoolean(false);
     const searchParams = useSearchParams();
     const setConversationData = useConversationStore((state) => state.setConversationData);
@@ -30,11 +34,16 @@ const DeskConversationList = () => {
     const conversationList = useConversationStore((state) => state.conversationList);
     const updateConversationList = useConversationStore((state) => state.updateConversationList);
     const filterSummary = useSessionStore((state) => state.filterSummary);
+    const viewMode = useSessionStore((state) => state.viewMode);
+    const isAllGroupsView = viewMode === "allGroups";
     const { data: teamSummaries } = useGetTeamSessionSummary();
-    const { dataFlatten: rawSessions, hasNextPage, fetchNextPage, refetch, } = useGetSession({ filter: filterSummary });
+    const { dataFlatten: rawSessions, hasNextPage, fetchNextPage, refetch, } = useGetSession({ filter: filterSummary, options: { isEnabled: !isAllGroupsView } });
+    const { groups: joinedGroups, fetchNextPage: fetchNextGroupsPage, hasNextPage: hasNextGroupsPage, isLoading: isJoinedGroupsLoading, } = useJoinedGroups({ enabled: isAllGroupsView });
     const latestPreviewMap = useSessionLatestPreview(rawSessions);
     const sessions = useSortedSessions(rawSessions, latestPreviewMap);
-    const currentFilterKey = filterSummary.status || filterSummary.tag || "";
+    const currentFilterKey = isAllGroupsView
+        ? ALL_GROUPS_KEY
+        : filterSummary.status || filterSummary.tag || "";
     const filterConfig = getFilterConfig(currentFilterKey);
     const pathName = filterSummary.teamId
         ? ((_a = teamSummaries === null || teamSummaries === void 0 ? void 0 : teamSummaries.find((team) => team.teamId === filterSummary.teamId)) === null || _a === void 0 ? void 0 : _a.teamName) || ""
@@ -91,14 +100,14 @@ const DeskConversationList = () => {
                                         setShowSearchTrue();
                                     }
                                     setSearch(e.target.value);
-                                }, className: "rounded-lg text-sm flex-1 h-[36px]", size: "large", allowClear: true, onClick: setShowSearchTrue, value: search, autoFocus: false, onClear: onCloseSearch }), showSearch && (_jsx(Button, { onClick: onCloseSearch, variant: "outlined", className: "p-0 w-[36px] h-[36px] text-gray-500", children: _jsx(Icon, { icon: "close-b", size: 22 }) }))] }), _jsxs("div", { className: "flex items-center justify-between mt-2", children: [_jsx("span", { className: "text-sm font-semibold text-blue-500 truncate", children: pathName }), filterConfig && (_jsxs("span", { className: "flex items-center gap-1.5 shrink-0", children: [_jsx(Icon, { icon: filterConfig.iconName, size: 16, className: "text-gray-500" }), _jsx("span", { className: "text-sm font-semibold text-gray-800", children: t(filterConfig.labelKey) })] }))] })] }), _jsxs("div", { id: "scrollableConversationsDiv", style: {
+                                }, className: "rounded-lg text-sm flex-1 h-[36px]", size: "large", allowClear: true, onClick: setShowSearchTrue, value: search, autoFocus: false, onClear: onCloseSearch }), showSearch ? (_jsx(Button, { onClick: onCloseSearch, variant: "outlined", className: "p-0 w-[36px] h-[36px] text-gray-500", children: _jsx(Icon, { icon: "close-b", size: 22 }) })) : (_jsx(Button, { "data-testid": "conversation-list-compose-icon", onClick: () => setIsComposeOpen(true), variant: "outlined", className: "p-0 w-[36px] h-[36px] shrink-0 text-gray-500", children: _jsx(Icon, { icon: "edit-b", size: 20 }) }))] }), _jsxs("div", { className: "flex items-center justify-between mt-2", children: [_jsx("span", { className: "text-sm font-semibold text-blue-500 truncate", children: pathName }), isAllGroupsView ? (_jsxs("span", { className: "flex items-center gap-1.5 shrink-0", children: [_jsx(Icon, { icon: "user-three-o", size: 16, className: "text-gray-500" }), _jsx("span", { className: "text-sm font-semibold text-gray-800", children: t("all_groups") })] })) : (filterConfig && (_jsxs("span", { className: "flex items-center gap-1.5 shrink-0", children: [_jsx(Icon, { icon: filterConfig.iconName, size: 16, className: "text-gray-500" }), _jsx("span", { className: "text-sm font-semibold text-gray-800", children: t(filterConfig.labelKey) })] })))] })] }), _jsxs("div", { id: "scrollableConversationsDiv", style: {
                     height: "100%",
                     overflow: showSearch ? "hidden" : "auto",
                     position: "relative",
-                }, children: [_jsx(InfiniteScroll, { dataLength: (sessions === null || sessions === void 0 ? void 0 : sessions.length) || 0, next: fetchNextPage, hasMore: hasNextPage, loader: _jsx("div", { className: "flex items-center justify-center py-2", children: _jsx(Spin, {}) }), scrollableTarget: "scrollableConversationsDiv", children: (sessions === null || sessions === void 0 ? void 0 : sessions.length) === 0 ? (_jsx("div", { className: "flex items-center justify-center py-12", children: _jsx(Empty, { image: _jsx(Icon, { icon: "chat-square-b", size: 80, className: "text-gray-300" }), description: t("no_conversation") }) })) : ((_b = sessions === null || sessions === void 0 ? void 0 : sessions.map) === null || _b === void 0 ? void 0 : _b.call(sessions, (session) => (_jsx(ConversationBySessionItem, { sessionItem: session, latestPreview: latestPreviewMap.get(session.conversationId) }, session.conversationId)))) }), _jsx(Drawer, { open: showSearch, mask: false, closeIcon: false, styles: {
+                }, children: [isAllGroupsView ? (isJoinedGroupsLoading ? (_jsx("div", { className: "flex items-center justify-center py-12", children: _jsx(Spin, {}) })) : !(joinedGroups === null || joinedGroups === void 0 ? void 0 : joinedGroups.length) ? (_jsx("div", { className: "flex items-center justify-center py-12", children: _jsx(Empty, { image: _jsx(Icon, { icon: "chat-square-b", size: 80, className: "text-gray-300" }), description: t("no_conversation") }) })) : (_jsx(InfiniteScroll, { dataLength: joinedGroups.length, next: fetchNextGroupsPage, hasMore: !!hasNextGroupsPage, loader: _jsx("div", { className: "flex items-center justify-center py-2", children: _jsx(Spin, {}) }), scrollableTarget: "scrollableConversationsDiv", children: joinedGroups.map((group) => (_jsx(ConversationByGroupItem, { group: group }, group.groupID))) }))) : (_jsx(InfiniteScroll, { dataLength: (sessions === null || sessions === void 0 ? void 0 : sessions.length) || 0, next: fetchNextPage, hasMore: hasNextPage, loader: _jsx("div", { className: "flex items-center justify-center py-2", children: _jsx(Spin, {}) }), scrollableTarget: "scrollableConversationsDiv", children: (sessions === null || sessions === void 0 ? void 0 : sessions.length) === 0 ? (_jsx("div", { className: "flex items-center justify-center py-12", children: _jsx(Empty, { image: _jsx(Icon, { icon: "chat-square-b", size: 80, className: "text-gray-300" }), description: t("no_conversation") }) })) : ((_b = sessions === null || sessions === void 0 ? void 0 : sessions.map) === null || _b === void 0 ? void 0 : _b.call(sessions, (session) => (_jsx(ConversationBySessionItem, { sessionItem: session, latestPreview: latestPreviewMap.get(session.conversationId) }, session.conversationId)))) })), _jsx(Drawer, { open: showSearch, mask: false, closeIcon: false, styles: {
                             body: {
                                 padding: 0,
                             },
-                        }, getContainer: false, width: "100%", children: _jsx(SearchConversation, { searchTerm: debouncedSearch }) })] })] }));
+                        }, getContainer: false, width: "100%", children: _jsx(SearchConversation, { searchTerm: debouncedSearch }) })] }), _jsx(ComposeNewMessageModal, { open: isComposeOpen, onClose: () => setIsComposeOpen(false) })] }));
 };
 export default DeskConversationList;

package/dist/components/group/CreateGroupForm.d.ts

@@ -0,0 +1,7 @@
+interface CreateGroupFormProps {
+    onBack: () => void;
+    onDone: () => void;
+}
+declare const CreateGroupForm: ({ onBack, onDone }: CreateGroupFormProps) => import("react/jsx-runtime").JSX.Element;
+export default CreateGroupForm;
+//# sourceMappingURL=CreateGroupForm.d.ts.map

package/dist/components/group/CreateGroupForm.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CreateGroupForm.d.ts","sourceRoot":"","sources":["../../../src/components/group/CreateGroupForm.tsx"],"names":[],"mappings":"AAcA,UAAU,oBAAoB;IAC5B,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,MAAM,EAAE,MAAM,IAAI,CAAC;CACpB;AAED,QAAA,MAAM,eAAe,GAAI,oBAAoB,oBAAoB,4CA8KhE,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/dist/components/group/CreateGroupForm.js

@@ -0,0 +1,74 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button, Input, Upload } from "antd";
+import clsx from "clsx";
+import { useMemo, useState } from "react";
+import { useTranslation } from "react-i18next";
+import { Icon } from "../../components/icon";
+import { useCreateGroup } from "../../hooks/group/useCreateGroup";
+import GroupMemberPicker from "./GroupMemberPicker";
+const GROUP_NAME_MAX_LENGTH = 255;
+const CreateGroupForm = ({ onBack, onDone }) => {
+    const { t } = useTranslation("conversation-inbox");
+    const { createGroup } = useCreateGroup();
+    const [groupName, setGroupName] = useState("");
+    // AC-Privacy1: only set at creation time, not editable after — no need
+    // for an "update privacy" path anywhere else in this modal.
+    const [isPublic, setIsPublic] = useState(false);
+    const [avatarFile, setAvatarFile] = useState(null);
+    const [avatarPreviewUrl, setAvatarPreviewUrl] = useState("");
+    const [selectedMembers, setSelectedMembers] = useState([]);
+    const [isSubmitting, setIsSubmitting] = useState(false);
+    const canSubmit = selectedMembers.length > 0 && !isSubmitting;
+    const handleAvatarSelect = (file) => {
+        // Local preview only — there's no dedicated avatar-upload endpoint yet.
+        // faceURL falls back to this object URL until BE provides one; group
+        // creation itself doesn't block on it (Q3/Q4-style non-block gap).
+        const previewUrl = URL.createObjectURL(file);
+        setAvatarPreviewUrl(previewUrl);
+        setAvatarFile({ uid: file.name, name: file.name });
+        return false;
+    };
+    const handleSubmit = async () => {
+        if (!canSubmit)
+            return;
+        setIsSubmitting(true);
+        try {
+            await createGroup({
+                groupName,
+                isPublic,
+                members: selectedMembers,
+                faceURL: avatarPreviewUrl,
+            });
+            onDone();
+        }
+        catch (_a) {
+            // Error already surfaced via message.error inside useCreateGroup.
+        }
+        finally {
+            setIsSubmitting(false);
+        }
+    };
+    const privacyOptions = useMemo(() => [
+        {
+            value: false,
+            icon: "lock-b",
+            label: t("create_group.privacy_private"),
+            description: t("create_group.privacy_private_desc"),
+        },
+        {
+            value: true,
+            icon: "globe-b",
+            label: t("create_group.privacy_public"),
+            description: t("create_group.privacy_public_desc"),
+        },
+    ], [t]);
+    return (_jsxs("div", { className: "flex max-h-[70vh] flex-col", children: [_jsxs("button", { type: "button", onClick: onBack, className: "mb-3 flex w-fit items-center gap-1 text-sm text-gray-500 hover:text-gray-700", children: [_jsx(Icon, { icon: "angle-left-o", size: 16 }), t("create_group.back")] }), _jsxs("div", { className: "flex flex-col overflow-y-auto pr-1", children: [_jsxs("div", { className: "flex items-center gap-4 pb-6", children: [_jsx(Upload, { accept: "image/jpeg, image/png, image/jpg", showUploadList: false, beforeUpload: handleAvatarSelect, children: _jsxs("div", { className: "relative flex h-20 w-20 shrink-0 cursor-pointer items-center justify-center rounded-2xl bg-primary-50", children: [avatarPreviewUrl ? (
+                                        // eslint-disable-next-line @next/next/no-img-element
+                                        _jsx("img", { src: avatarPreviewUrl, alt: "", className: "h-full w-full rounded-2xl object-cover" })) : (_jsx(Icon, { icon: "user-three-b", size: 32, className: "text-primary-400" })), _jsx("span", { className: "absolute -bottom-1 -right-1 flex h-7 w-7 items-center justify-center rounded-full bg-gray-500", children: _jsx(Icon, { icon: "camera-b", size: 14, className: "text-white" }) })] }) }), _jsx(Input, { size: "large", value: groupName, onChange: (event) => setGroupName(event.target.value.slice(0, GROUP_NAME_MAX_LENGTH)), maxLength: GROUP_NAME_MAX_LENGTH, placeholder: t("create_group.name_placeholder"), className: "flex-1 text-base" })] }), _jsxs("div", { className: "flex flex-col gap-3 border-t border-gray-100 py-6", children: [_jsx("span", { className: "text-base font-semibold text-gray-900", children: t("create_group.privacy_label") }), _jsx("div", { className: "grid grid-cols-2 gap-3", children: privacyOptions.map((option) => (_jsxs("button", { type: "button", onClick: () => setIsPublic(option.value), className: clsx("rounded-xl border-2 p-4 text-left transition-colors", isPublic === option.value
+                                        ? "border-primary-400 bg-primary-50"
+                                        : "border-gray-200 bg-white"), children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Icon, { icon: option.icon, size: 18, className: isPublic === option.value
+                                                        ? "text-primary-400"
+                                                        : "text-gray-400" }), _jsx("span", { className: "text-base font-semibold text-gray-900", children: option.label })] }), _jsx("p", { className: "mt-1.5 text-sm text-gray-500", children: option.description })] }, String(option.value)))) })] }), _jsx("div", { className: "border-t border-gray-100 pt-6", children: _jsx(GroupMemberPicker, { selectedMembers: selectedMembers, onChangeSelectedMembers: setSelectedMembers }) })] }), _jsxs("div", { className: "flex shrink-0 justify-end gap-2 pt-4", children: [_jsx(Button, { onClick: onDone, children: t("create_group.cancel") }), _jsx(Button, { type: "primary", disabled: !canSubmit, loading: isSubmitting, onClick: handleSubmit, children: t("create_group.submit") })] })] }));
+};
+export default CreateGroupForm;

package/dist/components/group/GroupMemberPicker.d.ts

@@ -0,0 +1,8 @@
+import type { EligibleAccountItem } from "../../hooks/group/useEligibleAccounts";
+interface GroupMemberPickerProps {
+    selectedMembers: EligibleAccountItem[];
+    onChangeSelectedMembers: (members: EligibleAccountItem[]) => void;
+}
+declare const GroupMemberPicker: ({ selectedMembers, onChangeSelectedMembers, }: GroupMemberPickerProps) => import("react/jsx-runtime").JSX.Element;
+export default GroupMemberPicker;
+//# sourceMappingURL=GroupMemberPicker.d.ts.map

package/dist/components/group/GroupMemberPicker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GroupMemberPicker.d.ts","sourceRoot":"","sources":["../../../src/components/group/GroupMemberPicker.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,mCAAmC,CAAC;AAE7E,UAAU,sBAAsB;IAC9B,eAAe,EAAE,mBAAmB,EAAE,CAAC;IACvC,uBAAuB,EAAE,CAAC,OAAO,EAAE,mBAAmB,EAAE,KAAK,IAAI,CAAC;CACnE;AAED,QAAA,MAAM,iBAAiB,GAAI,+CAGxB,sBAAsB,4CAoIxB,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/dist/components/group/GroupMemberPicker.js

@@ -0,0 +1,36 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useDebounce } from "ahooks";
+import { Avatar, Empty, Input, Spin } from "antd";
+import clsx from "clsx";
+import { useState } from "react";
+import { useTranslation } from "react-i18next";
+import { Icon } from "../../components/icon";
+import { useEligibleAccounts } from "../../hooks/group/useEligibleAccounts";
+const GroupMemberPicker = ({ selectedMembers, onChangeSelectedMembers, }) => {
+    const { t } = useTranslation("conversation-inbox");
+    const [search, setSearch] = useState("");
+    const debouncedSearch = useDebounce(search, { wait: 300 });
+    const { accounts, isLoading } = useEligibleAccounts(debouncedSearch);
+    const selectedIds = new Set(selectedMembers.map((member) => member.userID));
+    const toggleMember = (account) => {
+        if (selectedIds.has(account.userID)) {
+            onChangeSelectedMembers(selectedMembers.filter((member) => member.userID !== account.userID));
+            return;
+        }
+        onChangeSelectedMembers([...selectedMembers, account]);
+    };
+    const handleRemoveMember = (userID) => {
+        onChangeSelectedMembers(selectedMembers.filter((member) => member.userID !== userID));
+    };
+    const handleClearAll = () => {
+        onChangeSelectedMembers([]);
+    };
+    return (_jsxs("div", { className: "grid grid-cols-2 gap-3", children: [_jsxs("div", { className: "flex flex-col gap-2 rounded-xl border border-gray-200 p-3", children: [_jsx(Input, { value: search, onChange: (event) => setSearch(event.target.value), placeholder: t("create_group.search_member_placeholder"), prefix: _jsx(Icon, { icon: "search-o", size: 16, className: "text-gray-400" }) }), _jsx("div", { className: "max-h-64 overflow-y-auto", children: isLoading ? (_jsx("div", { className: "flex items-center justify-center py-6", children: _jsx(Spin, {}) })) : accounts.length === 0 ? (_jsx(Empty, { description: t("create_group.no_member_found") })) : (accounts.map((account) => {
+                            const isSelected = selectedIds.has(account.userID);
+                            return (_jsxs("div", { className: clsx("flex cursor-pointer items-center gap-3 rounded-lg px-3 py-3 transition-colors", isSelected ? "bg-primary-50" : "hover:bg-gray-50"), onClick: () => toggleMember(account), children: [_jsx(Avatar, { src: account.avatar, size: 40, className: "shrink-0", children: account.displayName.charAt(0) || "A" }), _jsx("span", { className: "flex-1 truncate text-base font-medium text-gray-900", children: account.displayName }), _jsx("span", { className: clsx("flex h-4 w-4 shrink-0 items-center justify-center rounded border", isSelected
+                                            ? "border-primary-400 bg-primary-400"
+                                            : "border-gray-300 bg-white"), children: isSelected && (_jsx(Icon, { icon: "check-b", size: 11, className: "text-white" })) })] }, account.userID));
+                        })) })] }), _jsxs("div", { className: "flex flex-col gap-2 rounded-xl border border-gray-200 p-3", children: [_jsxs("div", { className: "flex items-center justify-between px-1", children: [_jsx("span", { className: "text-sm text-gray-500", children: t("create_group.selected_count", { count: selectedMembers.length }) }), selectedMembers.length > 0 && (_jsx("button", { type: "button", className: "text-sm text-primary-400 hover:text-primary-500 hover:underline", onClick: handleClearAll, children: t("create_group.clear_all") }))] }), _jsx("div", { className: "max-h-64 overflow-y-auto", children: selectedMembers.length === 0 ? (_jsxs("div", { className: "flex h-full min-h-[200px] flex-col items-center justify-center gap-2 text-center", children: [_jsx(Icon, { icon: "user-three-b", size: 28, className: "text-gray-300" }), _jsx("span", { className: "text-sm text-gray-400", children: t("create_group.no_member_selected") })] })) : (selectedMembers.map((member) => (_jsxs("div", { className: "flex items-center gap-3 rounded-lg px-3 py-3", children: [_jsx(Avatar, { src: member.avatar, size: 40, className: "shrink-0", children: member.displayName.charAt(0) || "A" }), _jsx("span", { className: "flex-1 truncate text-base font-medium text-gray-900", children: member.displayName }), _jsx(Icon, { icon: "close-b", size: 14, className: "shrink-0 cursor-pointer text-gray-400", onClick: () => handleRemoveMember(member.userID) })] }, member.userID)))) })] })] }));
+};
+export default GroupMemberPicker;

package/dist/components/session/DeskAssignedSession.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DeskAssignedSession.d.ts","sourceRoot":"","sources":["../../../src/components/session/DeskAssignedSession.tsx"],"names":[],"mappings":"AAeA,QAAA,MAAM,mBAAmB,+CA2ExB,CAAC;AAEF,eAAe,mBAAmB,CAAC"}
+{"version":3,"file":"DeskAssignedSession.d.ts","sourceRoot":"","sources":["../../../src/components/session/DeskAssignedSession.tsx"],"names":[],"mappings":"AAeA,QAAA,MAAM,mBAAmB,+CAoFxB,CAAC;AAEF,eAAe,mBAAmB,CAAC"}

package/dist/components/session/DeskAssignedSession.js

@@ -16,8 +16,11 @@ const DeskAssignedSession = () => {
     const [collapsed, { toggle }] = useBoolean(false);
     const setFilterSummary = useSessionStore((state) => state.setFilterSummary);
     const filterSummary = useSessionStore((state) => state.filterSummary);
+    const viewMode = useSessionStore((state) => state.viewMode);
+    const setViewMode = useSessionStore((state) => state.setViewMode);
     const { data: sessionSummary, refetch } = useGetSessionSummary();
     const onFilterSelect = useCallback((filter) => setFilterSummary(filter), [setFilterSummary]);
+    const onAllGroupsSelect = useCallback(() => setViewMode("allGroups"), [setViewMode]);
     useEffect(() => {
         const handler = () => refetch();
         emitter.on("UPDATE_SESSION", handler);
@@ -28,6 +31,6 @@ const DeskAssignedSession = () => {
     if (collapsed) {
         return (_jsx("div", { className: "flex flex-col items-center pt-4 border-r border-gray-200 bg-white", children: _jsx(Button, { type: "text", shape: "circle", className: "text-gray-500 w-8 h-8 p-0", onClick: toggle, children: _jsx(Icon, { icon: "angle-right-o", size: 22 }) }) }));
     }
-    return (_jsx(Sider, { collapsible: true, collapsed: false, width: 220, className: "bg-white h-full border-r border-gray-200", trigger: null, children: _jsxs("div", { className: "flex flex-col h-full", children: [_jsxs("div", { className: "flex items-center justify-between p-4 border-b shrink-0", children: [_jsx("span", { className: "text-md font-semibold flex-1 truncate", children: "Droppii Livechat" }), _jsx(Button, { type: "text", className: "text-gray-500 w-8 h-8 p-0", onClick: toggle, children: _jsx(Icon, { icon: "angle-left-o", size: 22 }) })] }), _jsxs("div", { className: "flex-1 overflow-y-auto min-h-0", children: [_jsx("div", { className: "px-4 pt-4 pb-2 text-xs font-semibold text-gray-400 tracking-wider", children: t("my_messages") }), sessionSummary && (_jsx(SessionFilterMenu, { summary: sessionSummary, isActive: !filterSummary.teamId, filterSummary: filterSummary, onFilterSelect: onFilterSelect, activeCount: sessionSummary.activeSessionCount })), _jsx(DeskTeamInbox, {})] })] }) }));
+    return (_jsx(Sider, { collapsible: true, collapsed: false, width: 220, className: "bg-white h-full border-r border-gray-200", trigger: null, children: _jsxs("div", { className: "flex flex-col h-full", children: [_jsxs("div", { className: "flex items-center justify-between p-4 border-b shrink-0", children: [_jsx("span", { className: "text-md font-semibold flex-1 truncate", children: "Droppii Livechat" }), _jsx(Button, { type: "text", className: "text-gray-500 w-8 h-8 p-0", onClick: toggle, children: _jsx(Icon, { icon: "angle-left-o", size: 22 }) })] }), _jsxs("div", { className: "flex-1 overflow-y-auto min-h-0", children: [_jsx("div", { className: "px-4 pt-4 pb-2 text-xs font-semibold text-gray-400 tracking-wider", children: t("my_messages") }), sessionSummary && (_jsx(SessionFilterMenu, { summary: sessionSummary, isActive: !filterSummary.teamId && viewMode === "sessions", isAllGroupsActive: viewMode === "allGroups", filterSummary: filterSummary, onFilterSelect: onFilterSelect, onAllGroupsSelect: onAllGroupsSelect, activeCount: sessionSummary.activeSessionCount })), _jsx(DeskTeamInbox, {})] })] }) }));
 };
 export default DeskAssignedSession;

package/dist/components/session/SessionFilterMenu.d.ts

@@ -3,11 +3,13 @@ import { ISessionSummaryResponse } from "../../types/dto";
 interface SessionFilterMenuProps {
     summary: ISessionSummaryResponse;
     isActive: boolean;
+    isAllGroupsActive?: boolean;
     filterSummary: IFilterSummary;
     onFilterSelect: (filter: IFilterSummary) => void;
+    onAllGroupsSelect?: () => void;
     includeUnassigned?: boolean;
     activeCount?: number;
 }
-declare const SessionFilterMenu: ({ summary, isActive, filterSummary, onFilterSelect, includeUnassigned, activeCount, }: SessionFilterMenuProps) => import("react/jsx-runtime").JSX.Element;
+declare const SessionFilterMenu: ({ summary, isActive, isAllGroupsActive, filterSummary, onFilterSelect, onAllGroupsSelect, includeUnassigned, activeCount, }: SessionFilterMenuProps) => import("react/jsx-runtime").JSX.Element;
 export default SessionFilterMenu;
 //# sourceMappingURL=SessionFilterMenu.d.ts.map

package/dist/components/session/SessionFilterMenu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SessionFilterMenu.d.ts","sourceRoot":"","sources":["../../../src/components/session/SessionFilterMenu.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,EAAE,uBAAuB,EAAE,MAAM,aAAa,CAAC;AAGtD,UAAU,sBAAsB;IAC9B,OAAO,EAAE,uBAAuB,CAAC;IACjC,QAAQ,EAAE,OAAO,CAAC;IAClB,aAAa,EAAE,cAAc,CAAC;IAC9B,cAAc,EAAE,CAAC,MAAM,EAAE,cAAc,KAAK,IAAI,CAAC;IACjD,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAaD,QAAA,MAAM,iBAAiB,GAAI,uFAOxB,sBAAsB,4CAiCxB,CAAC;AAEF,eAAe,iBAAiB,CAAC"}
+{"version":3,"file":"SessionFilterMenu.d.ts","sourceRoot":"","sources":["../../../src/components/session/SessionFilterMenu.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,EAAE,uBAAuB,EAAE,MAAM,aAAa,CAAC;AAGtD,UAAU,sBAAsB;IAC9B,OAAO,EAAE,uBAAuB,CAAC;IACjC,QAAQ,EAAE,OAAO,CAAC;IAClB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,aAAa,EAAE,cAAc,CAAC;IAC9B,cAAc,EAAE,CAAC,MAAM,EAAE,cAAc,KAAK,IAAI,CAAC;IACjD,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC/B,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAeD,QAAA,MAAM,iBAAiB,GAAI,6HASxB,sBAAsB,4CAkCxB,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/dist/components/session/SessionFilterMenu.js

@@ -4,8 +4,10 @@ import { useMemo } from "react";
 import { useTranslation } from "react-i18next";
 import { Menu } from "antd";
 import { SessionStatus } from "../../types/chat";
-import { buildSessionMenuItems } from "./sessionMenuItems";
-const getSelectedKeys = (isActive, filterSummary) => {
+import { ALL_GROUPS_KEY, buildSessionMenuItems } from "./sessionMenuItems";
+const getSelectedKeys = (isActive, isAllGroupsActive, filterSummary) => {
+    if (isAllGroupsActive)
+        return [ALL_GROUPS_KEY];
     if (!isActive)
         return [];
     if (filterSummary.status === SessionStatus.COMPLETED)
@@ -13,15 +15,16 @@ const getSelectedKeys = (isActive, filterSummary) => {
     const key = filterSummary.status || filterSummary.tag;
     return key ? [key] : [];
 };
-const SessionFilterMenu = ({ summary, isActive, filterSummary, onFilterSelect, includeUnassigned = false, activeCount, }) => {
+const SessionFilterMenu = ({ summary, isActive, isAllGroupsActive = false, filterSummary, onFilterSelect, onAllGroupsSelect, includeUnassigned = false, activeCount, }) => {
     const { t } = useTranslation();
-    const selectedKeys = useMemo(() => getSelectedKeys(isActive, filterSummary), [isActive, filterSummary]);
+    const selectedKeys = useMemo(() => getSelectedKeys(isActive, isAllGroupsActive, filterSummary), [isActive, isAllGroupsActive, filterSummary]);
     const menuItems = useMemo(() => buildSessionMenuItems({
         summary,
         t,
         onFilterSelect,
+        onAllGroupsSelect,
         includeUnassigned,
-    }), [summary, t, onFilterSelect, includeUnassigned]);
+    }), [summary, t, onFilterSelect, onAllGroupsSelect, includeUnassigned]);
     return (_jsx(Menu, { selectedKeys: selectedKeys, defaultOpenKeys: ["ACTIVE_SESSIONS"], mode: "inline", items: menuItems, inlineIndent: 12, expandIcon: activeCount ? (_jsx("span", { className: "text-xs", children: activeCount })) : undefined }));
 };
 export default SessionFilterMenu;

package/dist/components/session/sessionMenuItems.d.ts

@@ -15,12 +15,14 @@ interface SessionFilterConfig {
 }
 export declare const SESSION_FILTER_CONFIGS: SessionFilterConfig[];
 export declare const getFilterConfig: (key: string) => SessionFilterConfig | undefined;
+export declare const ALL_GROUPS_KEY = "ALL_GROUPS";
 interface BuildSessionMenuItemsOptions {
     summary: ISessionSummaryResponse;
     t: TFunction;
     onFilterSelect: (filter: IFilterSummary) => void;
+    onAllGroupsSelect?: () => void;
     includeUnassigned?: boolean;
 }
-export declare const buildSessionMenuItems: ({ summary, t, onFilterSelect, includeUnassigned, }: BuildSessionMenuItemsOptions) => MenuItem[];
+export declare const buildSessionMenuItems: ({ summary, t, onFilterSelect, onAllGroupsSelect, includeUnassigned, }: BuildSessionMenuItemsOptions) => MenuItem[];
 export {};
 //# sourceMappingURL=sessionMenuItems.d.ts.map

package/dist/components/session/sessionMenuItems.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sessionMenuItems.d.ts","sourceRoot":"","sources":["../../../src/components/session/sessionMenuItems.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,MAAM,CAAC;AACjC,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAGpC,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,EAAE,uBAAuB,EAAE,MAAM,aAAa,CAAC;AAEtD,KAAK,QAAQ,GAAG,QAAQ,CAAC,SAAS,CAAC,CAAC,OAAO,CAAC,CAAC,MAAM,CAAC,CAAC;AAErD,UAAU,mBAAmB;IAC3B,GAAG,EAAE,MAAM,CAAC;IACZ,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,MAAM,EAAE,cAAc,CAAC;IACvB,WAAW,EAAE,QAAQ,GAAG,KAAK,CAAC;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,eAAO,MAAM,sBAAsB,EAAE,mBAAmB,EA2DvD,CAAC;AAEF,eAAO,MAAM,eAAe,GAAI,KAAK,MAAM,oCACQ,CAAC;AAEpD,UAAU,4BAA4B;IACpC,OAAO,EAAE,uBAAuB,CAAC;IACjC,CAAC,EAAE,SAAS,CAAC;IACb,cAAc,EAAE,CAAC,MAAM,EAAE,cAAc,KAAK,IAAI,CAAC;IACjD,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B;AA0BD,eAAO,MAAM,qBAAqB,GAAI,oDAKnC,4BAA4B,KAAG,QAAQ,EA4CzC,CAAC"}
+{"version":3,"file":"sessionMenuItems.d.ts","sourceRoot":"","sources":["../../../src/components/session/sessionMenuItems.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,MAAM,CAAC;AACjC,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAGpC,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,EAAE,uBAAuB,EAAE,MAAM,aAAa,CAAC;AAEtD,KAAK,QAAQ,GAAG,QAAQ,CAAC,SAAS,CAAC,CAAC,OAAO,CAAC,CAAC,MAAM,CAAC,CAAC;AAErD,UAAU,mBAAmB;IAC3B,GAAG,EAAE,MAAM,CAAC;IACZ,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,MAAM,EAAE,cAAc,CAAC;IACvB,WAAW,EAAE,QAAQ,GAAG,KAAK,CAAC;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,eAAO,MAAM,sBAAsB,EAAE,mBAAmB,EA2DvD,CAAC;AAEF,eAAO,MAAM,eAAe,GAAI,KAAK,MAAM,oCACQ,CAAC;AAEpD,eAAO,MAAM,cAAc,eAAe,CAAC;AAE3C,UAAU,4BAA4B;IACpC,OAAO,EAAE,uBAAuB,CAAC;IACjC,CAAC,EAAE,SAAS,CAAC;IACb,cAAc,EAAE,CAAC,MAAM,EAAE,cAAc,KAAK,IAAI,CAAC;IACjD,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC/B,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B;AA0BD,eAAO,MAAM,qBAAqB,GAAI,uEAMnC,4BAA4B,KAAG,QAAQ,EAsDzC,CAAC"}

package/dist/components/session/sessionMenuItems.js

@@ -62,6 +62,7 @@ export const SESSION_FILTER_CONFIGS = [
     },
 ];
 export const getFilterConfig = (key) => SESSION_FILTER_CONFIGS.find((c) => c.key === key);
+export const ALL_GROUPS_KEY = "ALL_GROUPS";
 const countBadge = (count, highlighted) => {
     if (!count)
         return null;
@@ -77,7 +78,7 @@ const getCount = (config, summary) => {
     }
     return ((_d = (_c = summary.tagCounts) === null || _c === void 0 ? void 0 : _c.find((s) => s.type === config.key)) === null || _d === void 0 ? void 0 : _d.count) || "";
 };
-export const buildSessionMenuItems = ({ summary, t, onFilterSelect, includeUnassigned = false, }) => {
+export const buildSessionMenuItems = ({ summary, t, onFilterSelect, onAllGroupsSelect, includeUnassigned = false, }) => {
     const activeConfigs = SESSION_FILTER_CONFIGS.filter((c) => c.key !== SessionStatus.COMPLETED &&
         (!c.teamOnly || includeUnassigned));
     const activeChildren = activeConfigs.map((config) => ({
@@ -97,6 +98,14 @@ export const buildSessionMenuItems = ({ summary, t, onFilterSelect, includeUnass
             itemIcon: countBadge(summary.completedSessionCount),
         }
         : null;
+    const allGroupsItem = onAllGroupsSelect
+        ? {
+            label: t("all_groups"),
+            key: ALL_GROUPS_KEY,
+            icon: _jsx(Icon, { icon: "user-three-o", size: 20 }),
+            onClick: onAllGroupsSelect,
+        }
+        : null;
     return [
         {
             label: t("active_sessions"),
@@ -105,5 +114,6 @@ export const buildSessionMenuItems = ({ summary, t, onFilterSelect, includeUnass
             children: activeChildren,
         },
         closedItem,
+        allGroupsItem,
     ].filter(Boolean);
 };

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

package/dist/hooks/global/useGlobalEvent.js

@@ -201,6 +201,16 @@ export const useGlobalEvent = () => {
         void refreshCurrentGroupState();
         emitter.emit("GROUP_MEMBERS_CHANGED");
     };
+    // createGroup()'s own response resolving is not enough to guarantee the
+    // new group shows up in conversationList — OnConversationChanged/
+    // OnNewConversation for it can arrive after an unspecified delay (per
+    // OpenIM docs: "promise completion, event delivery, and reconciliation
+    // query are separate stages"). OnJoinedGroupAdded fires as soon as the
+    // client is confirmed a member, so refetch here instead of waiting on the
+    // conversation-side events to eventually catch up.
+    const joinedGroupAddedHandler = (_event) => {
+        loadConversationList();
+    };
     const setIMListener = () => {
         //account
         DChatSDK.on(CbEvents.OnUserTokenExpired, userTokenHandler);
@@ -223,6 +233,7 @@ export const useGlobalEvent = () => {
         // group members
         DChatSDK.on(CbEvents.OnGroupMemberAdded, groupMemberChangedHandler);
         DChatSDK.on(CbEvents.OnGroupMemberDeleted, groupMemberChangedHandler);
+        DChatSDK.on(CbEvents.OnJoinedGroupAdded, joinedGroupAddedHandler);
         //busines notification
         DChatSDK.on(CbEvents.OnRecvCustomBusinessMessage, businessNotificationHandler);
     };
@@ -248,6 +259,7 @@ export const useGlobalEvent = () => {
         // group members
         DChatSDK.off(CbEvents.OnGroupMemberAdded, groupMemberChangedHandler);
         DChatSDK.off(CbEvents.OnGroupMemberDeleted, groupMemberChangedHandler);
+        DChatSDK.off(CbEvents.OnJoinedGroupAdded, joinedGroupAddedHandler);
         //busines notification
         DChatSDK.off(CbEvents.OnRecvCustomBusinessMessage, businessNotificationHandler);
     };

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

@@ -0,0 +1,12 @@
+import type { EligibleAccountItem } from "./useEligibleAccounts";
+interface CreateGroupParams {
+    groupName: string;
+    isPublic: boolean;
+    members: EligibleAccountItem[];
+    faceURL?: string;
+}
+export declare const useCreateGroup: () => {
+    createGroup: ({ groupName, isPublic, members, faceURL }: CreateGroupParams) => Promise<import("@droppii-org/wasm-client-sdk").ConversationItem>;
+};
+export {};
+//# sourceMappingURL=useCreateGroup.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useCreateGroup.d.ts","sourceRoot":"","sources":["../../../src/hooks/group/useCreateGroup.ts"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAIjE,UAAU,iBAAiB;IACzB,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,mBAAmB,EAAE,CAAC;IAC/B,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAOD,eAAO,MAAM,cAAc;6DAO2B,iBAAiB;CAoDtE,CAAC"}