@droppii-org/chat-sdk 0.1.97 → 0.2.0

package/dist/components/thread/GroupThreadInfo.js

@@ -0,0 +1,156 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import { Avatar, Input, Modal, Switch, message } from "antd";
+import { useTranslation } from "react-i18next";
+import { GroupMemberRole, MessageReceiveOptType } from "@droppii-org/wasm-client-sdk";
+import { Icon } from "../../components/icon";
+import useConversationStore from "../../store/conversation";
+import { useLeaveConversation } from "../../hooks/session/useLeaveConversation";
+import { useDeleteConversation } from "../../hooks/session/useDeleteConversation";
+import { useToggleConversationNotification } from "../../hooks/session/useToggleConversationNotification";
+import { useUpdateGroupInfo } from "../../hooks/group/useUpdateGroupInfo";
+import { useToggleGroupSendMessage } from "../../hooks/group/useToggleGroupSendMessage";
+import { useDismissGroup } from "../../hooks/group/useDismissGroup";
+import { useGroupPermission } from "../../hooks/group/useGroupPermission";
+import AdminPermissionModal from "../../components/group/AdminPermissionModal";
+import MemberPermissionPanel from "../../components/group/MemberPermissionPanel";
+const GroupThreadInfo = ({ onClose, config }) => {
+    var _a, _b, _c, _d, _e;
+    const { t } = useTranslation();
+    const conversationData = useConversationStore((state) => state.conversationData);
+    const currentGroupInfo = useConversationStore((state) => state.currentGroupInfo);
+    const groupID = (conversationData === null || conversationData === void 0 ? void 0 : conversationData.groupID) || "";
+    const conversationID = (conversationData === null || conversationData === void 0 ? void 0 : conversationData.conversationID) || "";
+    const permissions = useGroupPermission(groupID);
+    const currentMemberInGroup = useConversationStore((state) => state.currentMemberInGroup);
+    // Muted-chat-list and disband-group aren't part of the 11-permission
+    // matrix in the spec — kept as a role check like before, not mocked
+    // per-permission.
+    const isAdminOrOwner = (currentMemberInGroup === null || currentMemberInGroup === void 0 ? void 0 : currentMemberInGroup.roleLevel) === GroupMemberRole.Admin ||
+        (currentMemberInGroup === null || currentMemberInGroup === void 0 ? void 0 : currentMemberInGroup.roleLevel) === GroupMemberRole.Owner;
+    const [editingField, setEditingField] = useState(null);
+    const [nameValue, setNameValue] = useState((_a = currentGroupInfo === null || currentGroupInfo === void 0 ? void 0 : currentGroupInfo.groupName) !== null && _a !== void 0 ? _a : "");
+    const [descriptionValue, setDescriptionValue] = useState((_b = currentGroupInfo === null || currentGroupInfo === void 0 ? void 0 : currentGroupInfo.introduction) !== null && _b !== void 0 ? _b : "");
+    const [confirmAction, setConfirmAction] = useState(null);
+    const [activeRow, setActiveRow] = useState(null);
+    const [notifyEnabled, setNotifyEnabled] = useState((conversationData === null || conversationData === void 0 ? void 0 : conversationData.recvMsgOpt) !== MessageReceiveOptType.NotNotify);
+    // Q4 (non-block, pending BE/SDK confirmation): openIM's GroupItem has no
+    // readable "is send disabled" field for changeGroupMute — tracked locally
+    // until BE confirms where (or whether) this persists server-side.
+    const [allowSendMessage, setAllowSendMessage] = useState(true);
+    useEffect(() => {
+        setNotifyEnabled((conversationData === null || conversationData === void 0 ? void 0 : conversationData.recvMsgOpt) !== MessageReceiveOptType.NotNotify);
+    }, [conversationData === null || conversationData === void 0 ? void 0 : conversationData.recvMsgOpt]);
+    const { mutate: updateGroupInfo } = useUpdateGroupInfo();
+    const { mutate: toggleSendMessage, isPending: isTogglingSendMessage } = useToggleGroupSendMessage();
+    const { mutate: toggleNotification, isPending: isTogglingNotification } = useToggleConversationNotification();
+    const { mutateAsync: leaveConversation, isPending: isLeaving } = useLeaveConversation();
+    const { mutateAsync: dismissGroup, isPending: isDismissing } = useDismissGroup();
+    const { mutateAsync: deleteConversation, isPending: isDeleting } = useDeleteConversation();
+    const startEditName = () => {
+        var _a;
+        setNameValue((_a = currentGroupInfo === null || currentGroupInfo === void 0 ? void 0 : currentGroupInfo.groupName) !== null && _a !== void 0 ? _a : "");
+        setEditingField("name");
+    };
+    const startEditDescription = () => {
+        var _a;
+        setDescriptionValue((_a = currentGroupInfo === null || currentGroupInfo === void 0 ? void 0 : currentGroupInfo.introduction) !== null && _a !== void 0 ? _a : "");
+        setEditingField("description");
+    };
+    const saveName = () => {
+        const trimmed = nameValue.trim();
+        setEditingField(null);
+        if (!groupID || !trimmed || trimmed === (currentGroupInfo === null || currentGroupInfo === void 0 ? void 0 : currentGroupInfo.groupName))
+            return;
+        updateGroupInfo({ groupID, groupName: trimmed }, { onError: () => message.error(t("update_group_info_failed")) });
+    };
+    const cancelEditDescription = () => {
+        var _a;
+        setDescriptionValue((_a = currentGroupInfo === null || currentGroupInfo === void 0 ? void 0 : currentGroupInfo.introduction) !== null && _a !== void 0 ? _a : "");
+        setEditingField(null);
+    };
+    const saveDescription = () => {
+        const trimmed = descriptionValue.trim();
+        setEditingField(null);
+        if (!groupID || trimmed === (currentGroupInfo === null || currentGroupInfo === void 0 ? void 0 : currentGroupInfo.introduction))
+            return;
+        updateGroupInfo({ groupID, introduction: trimmed }, { onError: () => message.error(t("update_group_info_failed")) });
+    };
+    const handleToggleNotification = (checked) => {
+        if (!conversationID)
+            return;
+        const previous = notifyEnabled;
+        setNotifyEnabled(checked);
+        toggleNotification({ conversationID, notify: checked }, {
+            onError: () => {
+                setNotifyEnabled(previous);
+                message.error(t("update_group_info_failed"));
+            },
+        });
+    };
+    const handleToggleSendMessage = (checked) => {
+        if (!groupID)
+            return;
+        const previous = allowSendMessage;
+        setAllowSendMessage(checked);
+        toggleSendMessage({ groupID, allowSendMessage: checked }, {
+            onError: () => {
+                setAllowSendMessage(previous);
+                message.error(t("update_group_info_failed"));
+            },
+        });
+    };
+    const handleConfirmLeave = async () => {
+        var _a, _b;
+        if (!conversationID)
+            return;
+        try {
+            await leaveConversation({ conversationId: conversationID });
+            message.success(t("leave_group_success"));
+            onClose === null || onClose === void 0 ? void 0 : onClose();
+        }
+        catch (error) {
+            message.error(((_b = (_a = error === null || error === void 0 ? void 0 : error.response) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.message) || t("leave_group_failed"));
+        }
+        finally {
+            setConfirmAction(null);
+        }
+    };
+    const handleConfirmDisband = async () => {
+        var _a, _b;
+        if (!groupID)
+            return;
+        try {
+            await dismissGroup({ groupID });
+            message.success(t("disband_group_success"));
+            onClose === null || onClose === void 0 ? void 0 : onClose();
+        }
+        catch (error) {
+            message.error(((_b = (_a = error === null || error === void 0 ? void 0 : error.response) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.message) || t("disband_group_failed"));
+        }
+        finally {
+            setConfirmAction(null);
+        }
+    };
+    const handleConfirmDelete = async () => {
+        var _a, _b;
+        if (!conversationID)
+            return;
+        try {
+            await deleteConversation({ conversationID });
+            message.success(t("delete_conversation_success"));
+            onClose === null || onClose === void 0 ? void 0 : onClose();
+        }
+        catch (error) {
+            message.error(((_b = (_a = error === null || error === void 0 ? void 0 : error.response) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.message) || t("delete_conversation_failed"));
+        }
+        finally {
+            setConfirmAction(null);
+        }
+    };
+    if (!groupID) {
+        return null;
+    }
+    return (_jsxs("div", { className: "h-full w-[330px] bg-white shadow-md flex flex-col relative overflow-hidden", children: [_jsxs("div", { className: "flex items-center justify-between px-4 py-4 border-b border-gray-100", children: [_jsx("span", { className: "text-lg font-medium", children: t("thread_info_title") }), _jsx("button", { type: "button", className: "flex items-center justify-center w-8 h-8 rounded-full text-gray-500 hover:bg-gray-100", onClick: onClose, children: _jsx(Icon, { icon: "close-o", size: 20 }) })] }), _jsxs("div", { className: "flex-1 overflow-y-auto", children: [_jsxs("div", { className: "flex items-center gap-3 px-4 py-4", children: [_jsxs("div", { className: "relative shrink-0", children: [_jsx(Avatar, { src: currentGroupInfo === null || currentGroupInfo === void 0 ? void 0 : currentGroupInfo.faceURL, size: 56, children: ((_d = (_c = currentGroupInfo === null || currentGroupInfo === void 0 ? void 0 : currentGroupInfo.groupName) === null || _c === void 0 ? void 0 : _c.charAt) === null || _d === void 0 ? void 0 : _d.call(_c, 0)) || "G" }), permissions.updateGroupAvatar && (_jsx("span", { className: "absolute -bottom-1 -right-1 flex items-center justify-center w-5 h-5 rounded-full bg-black text-white", children: _jsx(Icon, { icon: "camera-o", size: 12 }) }))] }), _jsx("div", { className: "flex-1 min-w-0", children: editingField === "name" ? (_jsx(Input, { autoFocus: true, value: nameValue, onChange: (event) => setNameValue(event.target.value), onPressEnter: saveName, onBlur: saveName, maxLength: 100 })) : (_jsxs("div", { className: "flex items-center gap-2 min-w-0", children: [_jsx("p", { className: "text-base font-medium truncate", children: currentGroupInfo === null || currentGroupInfo === void 0 ? void 0 : currentGroupInfo.groupName }), permissions.updateGroupName && (_jsx(Icon, { icon: "edit-o", size: 16, className: "shrink-0 cursor-pointer text-gray-500", onClick: startEditName }))] })) })] }), _jsx("div", { className: "px-4 pb-4", children: editingField === "description" ? (_jsxs("div", { className: "flex flex-col gap-3 bg-[#f5f5f5] rounded-lg p-3", children: [_jsxs("span", { className: "flex items-center gap-2 text-sm font-medium text-gray-900", children: [_jsx(Icon, { icon: "info-circle-o", size: 18, className: "text-gray-500" }), t("description")] }), _jsx(Input.TextArea, { autoFocus: true, value: descriptionValue, onChange: (event) => setDescriptionValue(event.target.value), placeholder: t("enter_group_description"), autoSize: { minRows: 1, maxRows: 4 }, maxLength: 500, className: "bg-white" }), _jsxs("div", { className: "flex items-center justify-end gap-2", children: [_jsx("button", { type: "button", className: "px-4 py-1.5 rounded-full border border-primary-500 text-primary-500 text-sm font-medium", onClick: cancelEditDescription, children: t("cancel") }), _jsx("button", { type: "button", className: "px-4 py-1.5 rounded-full text-primary-500 text-sm font-medium disabled:text-gray-300", disabled: descriptionValue.trim() === ((_e = currentGroupInfo === null || currentGroupInfo === void 0 ? void 0 : currentGroupInfo.introduction) !== null && _e !== void 0 ? _e : ""), onClick: saveDescription, children: t("save") })] })] })) : (_jsxs("div", { className: "flex items-start justify-between gap-2 bg-[#f5f5f5] rounded-lg px-3 py-2.5", children: [_jsxs("div", { className: "flex items-start gap-2 flex-1 min-w-0", children: [_jsx(Icon, { icon: "info-circle-o", size: 18, className: "shrink-0 mt-0.5 text-gray-900" }), _jsxs("div", { className: "flex flex-col gap-0.5 min-w-0", children: [_jsx("span", { className: "text-sm font-semibold text-gray-900", children: t("description") }), _jsx("p", { className: "text-sm text-gray-400 truncate", children: (currentGroupInfo === null || currentGroupInfo === void 0 ? void 0 : currentGroupInfo.introduction) || t("no_description") })] })] }), permissions.updateGroupDescription && (_jsx(Icon, { icon: "edit-o", size: 16, className: "shrink-0 cursor-pointer text-gray-500", onClick: startEditDescription }))] })) }), _jsxs("div", { className: "flex flex-col gap-1 bg-[#f5f5f5] mx-4 rounded-lg overflow-hidden", children: [_jsxs("div", { className: "flex items-center justify-between px-3 py-3", children: [_jsxs("span", { className: "flex items-center gap-3 text-sm", children: [_jsx(Icon, { icon: "bell-o", size: 18 }), t("notification")] }), _jsx(Switch, { checked: notifyEnabled, onChange: handleToggleNotification, loading: isTogglingNotification })] }), (config === null || config === void 0 ? void 0 : config.showAllowSendMessage) && (_jsxs("div", { className: "flex items-center justify-between px-3 py-3", children: [_jsxs("span", { className: "flex items-center gap-3 text-sm", children: [_jsx(Icon, { icon: "user-check-o", size: 18 }), t("allow_send_message")] }), _jsx(Switch, { checked: allowSendMessage, onChange: handleToggleSendMessage, loading: isTogglingSendMessage })] })), isAdminOrOwner && (config === null || config === void 0 ? void 0 : config.showMutedChatList) && (_jsxs("button", { type: "button", className: "flex items-center justify-between px-3 py-3 text-left", onClick: () => setActiveRow("muted-chat-list"), children: [_jsxs("span", { className: "flex items-center gap-3 text-sm", children: [_jsx(Icon, { icon: "bell-off-o", size: 18 }), t("muted_chat_list")] }), _jsx(Icon, { icon: "angle-right-o", size: 16, className: "text-gray-400" })] })), _jsxs("button", { type: "button", className: "flex items-center justify-between px-3 py-3 text-left", onClick: () => setActiveRow("block-list"), children: [_jsxs("span", { className: "flex items-center gap-3 text-sm", children: [_jsx(Icon, { icon: "user-del-o", size: 18 }), t("block_list")] }), _jsx(Icon, { icon: "angle-right-o", size: 16, className: "text-gray-400" })] })] }), permissions.configGroupPermission && (_jsxs("div", { className: "flex flex-col gap-1 bg-[#f5f5f5] mx-4 mt-3 rounded-lg overflow-hidden", children: [_jsxs("button", { type: "button", className: "flex items-center justify-between px-3 py-3 text-left", onClick: () => setActiveRow("member-permission"), children: [_jsxs("span", { className: "flex items-center gap-3 text-sm", children: [_jsx(Icon, { icon: "shield-o", size: 18 }), t("member_permission_settings")] }), _jsx(Icon, { icon: "angle-right-o", size: 16, className: "text-gray-400" })] }), _jsxs("button", { type: "button", className: "flex items-center justify-between px-3 py-3 text-left", onClick: () => setActiveRow("admin-permission"), children: [_jsxs("span", { className: "flex items-center gap-3 text-sm", children: [_jsx(Icon, { icon: "shield-done-o", size: 18 }), t("admin_permission_settings")] }), _jsx(Icon, { icon: "angle-right-o", size: 16, className: "text-gray-400" })] })] })), _jsx("div", { className: "mx-4 mt-3 rounded-lg overflow-hidden bg-[#f5f5f5]", children: _jsxs("button", { type: "button", className: "w-full flex items-center gap-3 px-3 py-3 text-left text-sm text-gray-400 cursor-not-allowed", disabled: true, title: t("invite_via_link_pending"), children: [_jsx(Icon, { icon: "link-alt-o", size: 18 }), t("invite_via_link")] }) }), _jsxs("div", { className: "flex flex-col gap-1 bg-[#f5f5f5] mx-4 mt-3 mb-4 rounded-lg overflow-hidden", children: [_jsxs("button", { type: "button", className: "flex items-center gap-3 px-3 py-3 text-left text-sm text-red-500", onClick: () => setConfirmAction("delete"), children: [_jsx(Icon, { icon: "trash-o", size: 18 }), t("delete_conversation")] }), _jsxs("button", { type: "button", className: "flex items-center gap-3 px-3 py-3 text-left text-sm text-red-500", onClick: () => setConfirmAction("leave"), children: [_jsx(Icon, { icon: "logout-o", size: 18 }), t("leave_group")] }), isAdminOrOwner && (_jsxs("button", { type: "button", className: "flex items-center gap-3 px-3 py-3 text-left text-sm text-red-500", onClick: () => setConfirmAction("disband"), children: [_jsx(Icon, { icon: "user-del-o", size: 18 }), t("disband_group")] }))] })] }), _jsx(Modal, { centered: true, open: confirmAction === "leave", onOk: handleConfirmLeave, onCancel: () => setConfirmAction(null), title: t("leave_group_confirm_title"), okText: t("leave_group"), cancelText: t("cancel"), okType: "danger", confirmLoading: isLeaving, getContainer: false, children: _jsx("p", { children: t("leave_group_confirm_message") }) }), _jsx(Modal, { centered: true, open: confirmAction === "disband", onOk: handleConfirmDisband, onCancel: () => setConfirmAction(null), title: t("disband_group_confirm_title"), okText: t("disband_group"), cancelText: t("cancel"), okType: "danger", confirmLoading: isDismissing, getContainer: false, children: _jsx("p", { children: t("disband_group_confirm_message") }) }), _jsx(Modal, { centered: true, open: confirmAction === "delete", onOk: handleConfirmDelete, onCancel: () => setConfirmAction(null), title: t("delete_conversation_confirm_title"), okText: t("delete_conversation"), cancelText: t("cancel"), okType: "danger", confirmLoading: isDeleting, getContainer: false, children: _jsx("p", { children: t("delete_conversation_confirm_message") }) }), _jsx(MemberPermissionPanel, { open: activeRow === "member-permission", groupID: groupID, onClose: () => setActiveRow(null) }), _jsx(AdminPermissionModal, { open: activeRow === "admin-permission", groupID: groupID, onClose: () => setActiveRow(null), inline: true }), (activeRow === "muted-chat-list" || activeRow === "block-list") && (_jsx(Modal, { centered: true, open: true, footer: null, onCancel: () => setActiveRow(null), title: t(activeRow === "muted-chat-list" ? "muted_chat_list" : "block_list"), getContainer: false, children: _jsx("p", { className: "text-sm text-gray-500", children: t("feature_coming_soon") }) }))] }));
+};
+export default GroupThreadInfo;

package/dist/components/thread/ManualAssignPopover.js

@@ -15,7 +15,7 @@ const SupporterItem = ({ supporter, onClick, isCurrentUser, }) => {
     var _a;
     const { t } = useTranslation();
     const isOnline = supporter.status === "ONLINE";
-    return (_jsxs("div", { role: "option", tabIndex: 0, className: "flex items-center gap-3 px-3 py-2 rounded-md transition-colors cursor-pointer hover:bg-gray-50", onClick: () => onClick(supporter), children: [_jsx(Badge, { dot: true, color: isOnline ? "#52c41a" : "#d9d9d9", offset: [-2, 24], children: _jsx(Avatar, { src: supporter.avatar, size: 32, children: ((_a = supporter.displayName) === null || _a === void 0 ? void 0 : _a.charAt(0)) || "A" }) }), _jsxs("div", { className: "flex items-center gap-2 min-w-0 flex-1", children: [_jsx("span", { className: "text-sm truncate", children: supporter.displayName }), isCurrentUser && (_jsx("span", { className: "text-xs text-blue-500 shrink-0", children: t("current_account") }))] }), _jsx("div", { className: "flex items-center gap-2 shrink-0", children: !!supporter.openSessionCount && supporter.openSessionCount > 0 && (_jsxs("span", { className: "flex items-center gap-0.5 bg-blue-500 text-white text-xs font-medium px-1.5 py-0.5 rounded-full", children: [_jsx(Icon, { icon: "chat-square-b", size: 11 }), supporter.openSessionCount] })) })] }));
+    return (_jsxs("div", { role: "option", tabIndex: 0, className: "flex items-center gap-3 px-3 py-2 rounded-md transition-colors cursor-pointer hover:bg-[#f5f5f5]", onClick: () => onClick(supporter), children: [_jsx(Badge, { dot: true, color: isOnline ? "#52c41a" : "#d9d9d9", offset: [-2, 24], children: _jsx(Avatar, { src: supporter.avatar, size: 32, children: ((_a = supporter.displayName) === null || _a === void 0 ? void 0 : _a.charAt(0)) || "A" }) }), _jsxs("div", { className: "flex items-center gap-2 min-w-0 flex-1", children: [_jsx("span", { className: "text-sm truncate", children: supporter.displayName }), isCurrentUser && (_jsx("span", { className: "text-xs text-blue-500 shrink-0", children: t("current_account") }))] }), _jsx("div", { className: "flex items-center gap-2 shrink-0", children: !!supporter.openSessionCount && supporter.openSessionCount > 0 && (_jsxs("span", { className: "flex items-center gap-0.5 bg-blue-500 text-white text-xs font-medium px-1.5 py-0.5 rounded-full", children: [_jsx(Icon, { icon: "chat-square-b", size: 11 }), supporter.openSessionCount] })) })] }));
 };
 const ManualAssignPopover = ({ sessionId, supporter, teamId: propTeamId, children, excludeCurrentUser = false, }) => {
     var _a, _b;
@@ -94,7 +94,7 @@ const ManualAssignPopover = ({ sessionId, supporter, teamId: propTeamId, childre
     };
     const popoverContent = (_jsxs("div", { className: "w-64", children: [_jsxs("button", { type: "button", className: clsx("flex w-full items-center gap-3 rounded-md px-3 py-2 text-left text-sm transition-colors", isAutoAssignDisabled
                     ? "cursor-not-allowed text-gray-400"
-                    : "text-gray-700 hover:bg-gray-50"), onClick: handleAutoAssign, disabled: isAutoAssignDisabled, children: [isAutoAssigning ? (_jsx(Spin, { size: "small" })) : (_jsx("span", { className: "text-blue-500", children: _jsx(Icon, { icon: "refresh-b", size: 20 }) })), _jsx("span", { children: t("manual_assign_button_auto_reassign") })] }), _jsx(Divider, { className: "my-2" }), _jsx("div", { className: "mb-2", children: _jsx(Input, { autoFocus: true, placeholder: t("manual_assign_search_placeholder"), value: searchText, onChange: (e) => setSearchText(e.target.value), prefix: _jsx(Icon, { icon: "search-o", size: 16, className: "text-gray-400" }), className: "rounded-lg border-gray-300 focus-within:border-chat-focus focus-within:shadow-chat-focus-ring", allowClear: true }) }), _jsx("div", { className: "max-h-72 overflow-y-auto", role: "listbox", children: isLoading ? (_jsx("div", { className: "flex items-center justify-center py-8", children: _jsx(Spin, {}) })) : supporters && supporters.length > 0 ? (_jsx("div", { className: clsx("flex flex-col transition-opacity duration-200", isFetching && "opacity-50 pointer-events-none"), children: [...supporters]
+                    : "text-gray-700 hover:bg-[#f5f5f5]"), onClick: handleAutoAssign, disabled: isAutoAssignDisabled, children: [isAutoAssigning ? (_jsx(Spin, { size: "small" })) : (_jsx("span", { className: "text-blue-500", children: _jsx(Icon, { icon: "refresh-b", size: 20 }) })), _jsx("span", { children: t("manual_assign_button_auto_reassign") })] }), _jsx(Divider, { className: "my-2" }), _jsx("div", { className: "mb-2", children: _jsx(Input, { autoFocus: true, placeholder: t("manual_assign_search_placeholder"), value: searchText, onChange: (e) => setSearchText(e.target.value), prefix: _jsx(Icon, { icon: "search-o", size: 16, className: "text-gray-400" }), className: "rounded-lg border-gray-300 focus-within:border-chat-focus focus-within:shadow-chat-focus-ring", allowClear: true }) }), _jsx("div", { className: "max-h-72 overflow-y-auto", role: "listbox", children: isLoading ? (_jsx("div", { className: "flex items-center justify-center py-8", children: _jsx(Spin, {}) })) : supporters && supporters.length > 0 ? (_jsx("div", { className: clsx("flex flex-col transition-opacity duration-200", isFetching && "opacity-50 pointer-events-none"), children: [...supporters]
                         .filter((item) => item.memberId !== (supporter === null || supporter === void 0 ? void 0 : supporter.id))
                         .filter((item) => !excludeCurrentUser || item.memberId !== authUserID)
                         .sort((supporterA, supporterB) => {

package/dist/components/thread/SessionSection.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SessionSection.d.ts","sourceRoot":"","sources":["../../../src/components/thread/SessionSection.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAkB,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAqB/D,eAAO,MAAM,iBAAiB,GAAI,wBAG/B;IACD,OAAO,EAAE,gBAAgB,CAAC;IAC1B,QAAQ,EAAE,OAAO,CAAC;CACnB,4CAkNA,CAAC;AAiDF,UAAU,mBAAmB;IAC3B,QAAQ,EAAE,gBAAgB,EAAE,CAAC;IAC7B,SAAS,EAAE,OAAO,CAAC;CACpB;AAED,QAAA,MAAM,cAAc,GAAI,yBAAyB,mBAAmB,4CAmDnE,CAAC;AAEF,eAAe,cAAc,CAAC"}
+{"version":3,"file":"SessionSection.d.ts","sourceRoot":"","sources":["../../../src/components/thread/SessionSection.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAkB,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAqB/D,eAAO,MAAM,iBAAiB,GAAI,wBAG/B;IACD,OAAO,EAAE,gBAAgB,CAAC;IAC1B,QAAQ,EAAE,OAAO,CAAC;CACnB,4CAkNA,CAAC;AAiDF,UAAU,mBAAmB;IAC3B,QAAQ,EAAE,gBAAgB,EAAE,CAAC;IAC7B,SAAS,EAAE,OAAO,CAAC;CACpB;AAED,QAAA,MAAM,cAAc,GAAI,yBAAyB,mBAAmB,4CAqCnE,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/components/thread/SessionSection.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useBoolean, useDebounce } from "ahooks";
+import { useDebounce } from "ahooks";
 import { Icon } from "../../components/icon";
 import { Button, Select, Spin, Tag, Input, message, Avatar } from "antd";
 import ManualAssignPopover from "./ManualAssignPopover";
@@ -133,16 +133,10 @@ const ClosedSessionItem = ({ session, expandedSessionId, onToggleExpand, }) => {
 };
 const SessionSection = ({ sessions, isLoading }) => {
     const { t } = useTranslation("common");
-    const [isOpen, { toggle }] = useBoolean(true);
     const [expandedSessionId, setExpandedSessionId] = useState(null);
     const handleToggleExpand = (sessionId) => {
         setExpandedSessionId((prevId) => (prevId === sessionId ? null : sessionId));
     };
-    useEffect(() => {
-        if (!isOpen) {
-            setExpandedSessionId(null);
-        }
-    }, [isOpen]);
-    return (_jsxs("div", { className: "flex flex-col border-b", children: [_jsxs("div", { role: "button", onClick: toggle, className: "flex items-center justify-between px-4 py-2 rounded-md hover:bg-gray-100 sticky top-0 bg-white z-10", children: [_jsx("h3", { className: "font-bold text-gray-500 text-xs tracking-wider", children: t("sessions_heading") }), _jsx(Icon, { icon: isOpen ? "angle-up-o" : "angle-down-o", size: 18 })] }), isOpen && (_jsx("div", { className: "px-4 pt-2 pb-4", children: isLoading ? (_jsx("div", { className: "text-center mt-4", children: _jsx(Spin, {}) })) : (_jsx("div", { className: "flex flex-col gap-1", children: sessions.map((session) => (_jsx(ClosedSessionItem, { session: session, expandedSessionId: expandedSessionId, onToggleExpand: handleToggleExpand }, session.id))) })) }))] }));
+    return (_jsxs("div", { className: "flex flex-col border-b", children: [_jsx("div", { className: "flex items-center justify-between px-4 py-2 sticky top-0 bg-white z-10", children: _jsx("h3", { className: "font-bold text-gray-500 text-xs tracking-wider", children: t("sessions_heading") }) }), _jsx("div", { className: "px-4 pt-2 pb-4", children: isLoading ? (_jsx("div", { className: "text-center mt-4", children: _jsx(Spin, {}) })) : (_jsx("div", { className: "flex flex-col gap-1", children: sessions.map((session) => (_jsx(ClosedSessionItem, { session: session, expandedSessionId: expandedSessionId, onToggleExpand: handleToggleExpand }, session.id))) })) })] }));
 };
 export default SessionSection;

package/dist/components/thread/SingleThreadInfo.d.ts

@@ -0,0 +1,6 @@
+interface SingleThreadInfoProps {
+    onClose?: () => void;
+}
+declare const SingleThreadInfo: ({ onClose }: SingleThreadInfoProps) => import("react/jsx-runtime").JSX.Element | null;
+export default SingleThreadInfo;
+//# sourceMappingURL=SingleThreadInfo.d.ts.map

package/dist/components/thread/SingleThreadInfo.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SingleThreadInfo.d.ts","sourceRoot":"","sources":["../../../src/components/thread/SingleThreadInfo.tsx"],"names":[],"mappings":"AAYA,UAAU,qBAAqB;IAC7B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,QAAA,MAAM,gBAAgB,GAAI,aAAa,qBAAqB,mDAmJ3D,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/dist/components/thread/SingleThreadInfo.js

@@ -0,0 +1,70 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { Avatar, Modal, Switch, message } from "antd";
+import { useTranslation } from "react-i18next";
+import { MessageReceiveOptType } from "@droppii-org/wasm-client-sdk";
+import { Icon } from "../../components/icon";
+import useConversationStore from "../../store/conversation";
+import { useConversationDisplayData } from "../../hooks/conversation/useConversation";
+import { useIsUserBlocked, useBlockUser } from "../../hooks/session/useBlockUser";
+import { useDeleteConversation } from "../../hooks/session/useDeleteConversation";
+import { useToggleConversationNotification } from "../../hooks/session/useToggleConversationNotification";
+import { PeerType } from "../../types/conversation";
+const SingleThreadInfo = ({ onClose }) => {
+    var _a;
+    const { t } = useTranslation();
+    const conversationData = useConversationStore((state) => state.conversationData);
+    const { avatar, displayName } = useConversationDisplayData(conversationData);
+    const conversationID = (conversationData === null || conversationData === void 0 ? void 0 : conversationData.conversationID) || "";
+    const peerUserID = (conversationData === null || conversationData === void 0 ? void 0 : conversationData.userID) || "";
+    const isBot = (conversationData === null || conversationData === void 0 ? void 0 : conversationData.peerType) === PeerType.BOT;
+    const [confirmDelete, setConfirmDelete] = useState(false);
+    const [notifyEnabled, setNotifyEnabled] = useState((conversationData === null || conversationData === void 0 ? void 0 : conversationData.recvMsgOpt) !== MessageReceiveOptType.NotNotify);
+    const { isBlocked } = useIsUserBlocked(peerUserID);
+    const { mutate: toggleBlock, isPending: isTogglingBlock } = useBlockUser();
+    const { mutate: toggleNotification, isPending: isTogglingNotification } = useToggleConversationNotification();
+    const { mutateAsync: deleteConversation, isPending: isDeleting } = useDeleteConversation();
+    const handleToggleNotification = (checked) => {
+        if (!conversationID)
+            return;
+        const previous = notifyEnabled;
+        setNotifyEnabled(checked);
+        toggleNotification({ conversationID, notify: checked }, {
+            onError: () => {
+                setNotifyEnabled(previous);
+                message.error(t("update_group_info_failed"));
+            },
+        });
+    };
+    const handleToggleBlock = () => {
+        if (!peerUserID)
+            return;
+        toggleBlock({ userID: peerUserID, block: !isBlocked }, {
+            onSuccess: () => {
+                message.success(t(isBlocked ? "unblock_user_success" : "block_user_success"));
+            },
+            onError: () => message.error(t("block_user_failed")),
+        });
+    };
+    const handleConfirmDelete = async () => {
+        var _a, _b;
+        if (!conversationID)
+            return;
+        try {
+            await deleteConversation({ conversationID });
+            message.success(t("delete_conversation_success"));
+            onClose === null || onClose === void 0 ? void 0 : onClose();
+        }
+        catch (error) {
+            message.error(((_b = (_a = error === null || error === void 0 ? void 0 : error.response) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.message) || t("delete_conversation_failed"));
+        }
+        finally {
+            setConfirmDelete(false);
+        }
+    };
+    if (!conversationID) {
+        return null;
+    }
+    return (_jsxs("div", { className: "h-full w-[330px] bg-white shadow-md flex flex-col relative", children: [_jsxs("div", { className: "flex items-center justify-between px-4 py-4 border-b border-gray-100", children: [_jsx("span", { className: "text-lg font-medium", children: t("thread_info_title") }), _jsx("button", { type: "button", className: "flex items-center justify-center w-8 h-8 rounded-full text-gray-500 hover:bg-gray-100", onClick: onClose, children: _jsx(Icon, { icon: "close-o", size: 20 }) })] }), _jsxs("div", { className: "flex-1 overflow-y-auto", children: [_jsxs("div", { className: "flex items-center gap-3 px-4 py-4", children: [_jsx(Avatar, { src: avatar, size: 56, className: "shrink-0", children: ((_a = displayName === null || displayName === void 0 ? void 0 : displayName.charAt) === null || _a === void 0 ? void 0 : _a.call(displayName, 0)) || "A" }), _jsxs("div", { className: "flex-1 min-w-0 flex items-center gap-2", children: [_jsx("p", { className: "text-base font-medium truncate", children: displayName }), isBot && (_jsx("span", { className: "shrink-0 rounded px-1.5 py-0.5 text-xs font-semibold bg-orange-50 text-orange-500", children: t("bot_tag") }))] })] }), _jsx("div", { className: "bg-[#f5f5f5] mx-4 rounded-lg overflow-hidden", children: _jsxs("div", { className: "flex items-center justify-between px-3 py-3", children: [_jsxs("span", { className: "flex items-center gap-3 text-sm", children: [_jsx(Icon, { icon: "bell-o", size: 18 }), t("notification")] }), _jsx(Switch, { checked: notifyEnabled, onChange: handleToggleNotification, loading: isTogglingNotification })] }) }), _jsx("div", { className: "bg-[#f5f5f5] mx-4 mt-3 rounded-lg overflow-hidden", children: _jsxs("button", { type: "button", className: "flex items-center gap-3 px-3 py-3 text-left text-sm w-full", onClick: handleToggleBlock, disabled: isTogglingBlock, children: [_jsx(Icon, { icon: "user-del-o", size: 18 }), t(isBlocked ? "unblock_user" : "block_user")] }) }), _jsx("div", { className: "flex flex-col gap-1 bg-[#f5f5f5] mx-4 mt-3 rounded-lg overflow-hidden", children: _jsxs("button", { type: "button", className: "flex items-center gap-3 px-3 py-3 text-left text-sm text-red-500", onClick: () => setConfirmDelete(true), children: [_jsx(Icon, { icon: "trash-o", size: 18 }), t("delete_conversation")] }) })] }), _jsx(Modal, { centered: true, open: confirmDelete, onOk: handleConfirmDelete, onCancel: () => setConfirmDelete(false), title: t("delete_conversation_confirm_title"), okText: t("delete_conversation"), cancelText: t("cancel"), okType: "danger", confirmLoading: isDeleting, getContainer: false, children: _jsx("p", { children: t("delete_conversation_confirm_message") }) })] }));
+};
+export default SingleThreadInfo;

package/dist/components/thread/ThreadInfo.d.ts

@@ -1,3 +1,9 @@
-declare const ThreadInfo: () => import("react/jsx-runtime").JSX.Element | null;
+import { GroupThreadInfoConfig } from "./GroupThreadInfo";
+export interface ThreadInfoProps {
+    isOpen?: boolean;
+    onClose?: () => void;
+    groupConfig?: GroupThreadInfoConfig;
+}
+declare const ThreadInfo: ({ isOpen, onClose, groupConfig }: ThreadInfoProps) => import("react/jsx-runtime").JSX.Element | null;
 export default ThreadInfo;
 //# sourceMappingURL=ThreadInfo.d.ts.map

package/dist/components/thread/ThreadInfo.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ThreadInfo.d.ts","sourceRoot":"","sources":["../../../src/components/thread/ThreadInfo.tsx"],"names":[],"mappings":"AAOA,QAAA,MAAM,UAAU,sDAsCf,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"ThreadInfo.d.ts","sourceRoot":"","sources":["../../../src/components/thread/ThreadInfo.tsx"],"names":[],"mappings":"AAGA,OAAwB,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAC;AAO3E,MAAM,WAAW,eAAe;IAC9B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,WAAW,CAAC,EAAE,qBAAqB,CAAC;CACrC;AAED,QAAA,MAAM,UAAU,GAAI,kCAAyC,eAAe,mDAsD3E,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/components/thread/ThreadInfo.js

@@ -2,16 +2,22 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import useConversationStore from "../../store/conversation";
 import UserSection from "./UserSection";
 import SessionSection, { SessionDetailCard } from "./SessionSection";
+import GroupThreadInfo from "./GroupThreadInfo";
+import SingleThreadInfo from "./SingleThreadInfo";
 import { useGetListSessionByConversation } from "../../hooks/session/useGetListSessionByConversation";
 import { useMemo } from "react";
 import { PAGE_SIZE } from "../../constants";
-const ThreadInfo = () => {
+import { PeerType } from "../../types/conversation";
+const ThreadInfo = ({ isOpen = true, onClose, groupConfig }) => {
     const conversationData = useConversationStore((state) => state.conversationData);
     const conversationId = (conversationData === null || conversationData === void 0 ? void 0 : conversationData.conversationID) || "";
+    const isGroup = (conversationData === null || conversationData === void 0 ? void 0 : conversationData.peerType) === PeerType.GROUP;
+    const isBot = (conversationData === null || conversationData === void 0 ? void 0 : conversationData.peerType) === PeerType.BOT;
     const { data: sessions, isLoading } = useGetListSessionByConversation({
         conversationId,
         page: 1,
         pageSize: PAGE_SIZE.large,
+        enabled: isBot,
     });
     const { closedSessions, activeSession } = useMemo(() => {
         if (!sessions)
@@ -23,6 +29,12 @@ const ThreadInfo = () => {
     if (!conversationId) {
         return null;
     }
-    return (_jsxs("div", { className: "h-full w-[330px] bg-white shadow-md flex flex-col relative", children: [_jsxs("div", { className: `flex-grow overflow-y-auto ${activeSession ? "pb-60" : ""}`, children: [_jsx(UserSection, {}), _jsx(SessionSection, { sessions: closedSessions, isLoading: isLoading })] }), activeSession && (_jsx("div", { className: "absolute bottom-0 left-0 right-0 p-4 z-20 bg-white backdrop-blur-sm", children: _jsx(SessionDetailCard, { session: activeSession, isActive: true }) }))] }));
+    if (isGroup) {
+        return isOpen ? _jsx(GroupThreadInfo, { onClose: onClose, config: groupConfig }) : null;
+    }
+    if (!isOpen && !isBot) {
+        return null;
+    }
+    return (_jsxs("div", { className: "h-full flex flex-row", children: [isOpen && _jsx(SingleThreadInfo, { onClose: onClose }), isBot && (_jsxs("div", { className: "h-full w-[330px] bg-white shadow-md flex flex-col relative", children: [_jsxs("div", { className: `flex-grow overflow-y-auto ${activeSession ? "pb-60" : ""}`, children: [_jsx(UserSection, {}), _jsx(SessionSection, { sessions: closedSessions, isLoading: isLoading })] }), activeSession && (_jsx("div", { className: "absolute bottom-0 left-0 right-0 p-4 z-20 bg-white backdrop-blur-sm", children: _jsx(SessionDetailCard, { session: activeSession, isActive: true }) }))] }))] }));
 };
 export default ThreadInfo;

package/dist/constants/index.d.ts

@@ -7,4 +7,5 @@ export declare const PAGE_SIZE: {
 };
 export declare const MSG_ITEM_PREFIX = "msg-item-";
 export declare const MSG_ITEM_CONTENT_PREFIX = "msg-item-content-";
+export declare const PERMISSION_SWITCH_COLOR = "#1B3FE4";
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/constants/index.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,YAAY,qFAC2D,CAAC;AAErF,eAAO,MAAM,SAAS;;;;;CAKZ,CAAC;AAEX,eAAO,MAAM,eAAe,cAAc,CAAC;AAC3C,eAAO,MAAM,uBAAuB,sBAAsB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/constants/index.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,YAAY,qFAC2D,CAAC;AAErF,eAAO,MAAM,SAAS;;;;;CAKZ,CAAC;AAEX,eAAO,MAAM,eAAe,cAAc,CAAC;AAC3C,eAAO,MAAM,uBAAuB,sBAAsB,CAAC;AAI3D,eAAO,MAAM,uBAAuB,YAAY,CAAC"}

package/dist/constants/index.js

@@ -7,3 +7,6 @@ export const PAGE_SIZE = {
 };
 export const MSG_ITEM_PREFIX = "msg-item-";
 export const MSG_ITEM_CONTENT_PREFIX = "msg-item-content-";
+// antd Switch defaults to antd's own purple — override locally with the
+// theme's primary blue (primary-400) to match the permission-config mockups.
+export const PERMISSION_SWITCH_COLOR = "#1B3FE4";

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

package/dist/hooks/global/useGlobalEvent.js

@@ -201,6 +201,21 @@ export const useGlobalEvent = () => {
         void refreshCurrentGroupState();
         emitter.emit("GROUP_MEMBERS_CHANGED");
     };
+    const groupInfoChangedHandler = () => {
+        void refreshCurrentGroupState();
+    };
+    const groupDismissedHandler = ({ data }) => {
+        const currentConversation = useConversationStore.getState().currentConversation;
+        if ((currentConversation === null || currentConversation === void 0 ? void 0 : currentConversation.groupID) === data.groupID) {
+            useConversationStore.getState().clearSelectedConversation();
+        }
+        useConversationStore.setState((state) => ({
+            conversationList: state.conversationList.filter((conversation) => conversation.groupID !== data.groupID),
+        }));
+    };
+    const blackListChangedHandler = () => {
+        emitter.emit("BLACK_LIST_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
@@ -234,6 +249,12 @@ export const useGlobalEvent = () => {
         DChatSDK.on(CbEvents.OnGroupMemberAdded, groupMemberChangedHandler);
         DChatSDK.on(CbEvents.OnGroupMemberDeleted, groupMemberChangedHandler);
         DChatSDK.on(CbEvents.OnJoinedGroupAdded, joinedGroupAddedHandler);
+        // group info
+        DChatSDK.on(CbEvents.OnGroupInfoChanged, groupInfoChangedHandler);
+        DChatSDK.on(CbEvents.OnGroupDismissed, groupDismissedHandler);
+        // black list
+        DChatSDK.on(CbEvents.OnBlackAdded, blackListChangedHandler);
+        DChatSDK.on(CbEvents.OnBlackDeleted, blackListChangedHandler);
         //busines notification
         DChatSDK.on(CbEvents.OnRecvCustomBusinessMessage, businessNotificationHandler);
     };
@@ -260,6 +281,12 @@ export const useGlobalEvent = () => {
         DChatSDK.off(CbEvents.OnGroupMemberAdded, groupMemberChangedHandler);
         DChatSDK.off(CbEvents.OnGroupMemberDeleted, groupMemberChangedHandler);
         DChatSDK.off(CbEvents.OnJoinedGroupAdded, joinedGroupAddedHandler);
+        // group info
+        DChatSDK.off(CbEvents.OnGroupInfoChanged, groupInfoChangedHandler);
+        DChatSDK.off(CbEvents.OnGroupDismissed, groupDismissedHandler);
+        // black list
+        DChatSDK.off(CbEvents.OnBlackAdded, blackListChangedHandler);
+        DChatSDK.off(CbEvents.OnBlackDeleted, blackListChangedHandler);
         //busines notification
         DChatSDK.off(CbEvents.OnRecvCustomBusinessMessage, businessNotificationHandler);
     };

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

@@ -0,0 +1,7 @@
+interface AddGroupMemberParams {
+    groupID: string;
+    userIDList: string[];
+}
+export declare const useAddGroupMember: () => import("@tanstack/react-query").UseMutationResult<unknown, Error, AddGroupMemberParams, unknown>;
+export {};
+//# sourceMappingURL=useAddGroupMember.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useAddGroupMember.d.ts","sourceRoot":"","sources":["../../../src/hooks/group/useAddGroupMember.ts"],"names":[],"mappings":"AAKA,UAAU,oBAAoB;IAC5B,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,EAAE,MAAM,EAAE,CAAC;CACtB;AAED,eAAO,MAAM,iBAAiB,wGAgB7B,CAAC"}

package/dist/hooks/group/useAddGroupMember.js

@@ -0,0 +1,20 @@
+"use client";
+import { useMutation } from "@tanstack/react-query";
+import { DChatSDK } from "../../constants/sdk";
+export const useAddGroupMember = () => {
+    return useMutation({
+        mutationFn: async ({ groupID, userIDList }) => {
+            console.log("[AddGroupMember] inviteUserToGroup", { groupID, userIDList });
+            const { data } = await DChatSDK.inviteUserToGroup({
+                groupID,
+                userIDList,
+                reason: "",
+            });
+            console.log("[AddGroupMember] inviteUserToGroup success", { groupID, userIDList, data });
+            return data;
+        },
+        onError: (error, { groupID, userIDList }) => {
+            console.error("[AddGroupMember] inviteUserToGroup failed", { groupID, userIDList, error });
+        },
+    });
+};

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"useDismissGroup.d.ts","sourceRoot":"","sources":["../../../src/hooks/group/useDismissGroup.ts"],"names":[],"mappings":"AASA,eAAO,MAAM,eAAe;aAEmB,MAAM;WAYpD,CAAC"}

package/dist/hooks/group/useDismissGroup.js

@@ -0,0 +1,22 @@
+"use client";
+import { useMutation } from "@tanstack/react-query";
+import { DChatSDK } from "../../constants/sdk";
+import useConversationStore from "../../store/conversation";
+import useSessionStore from "../../store/session";
+import { SessionStatus } from "../../types/chat";
+import emitter from "../../utils/events";
+export const useDismissGroup = () => {
+    return useMutation({
+        mutationFn: async ({ groupID }) => {
+            const { data } = await DChatSDK.dismissGroup(groupID);
+            emitter.emit("GROUP_MEMBERS_CHANGED");
+            return data;
+        },
+        onSuccess: () => {
+            useConversationStore.getState().clearSelectedConversation();
+            useSessionStore
+                .getState()
+                .setFilterSummary({ status: SessionStatus.IN_PROCESS });
+        },
+    });
+};

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

@@ -6,5 +6,8 @@ export interface EligibleAccountItem {
 export declare const useEligibleAccounts: (search: string, enabled?: boolean) => {
     accounts: EligibleAccountItem[];
     isLoading: boolean;
+    fetchNextPage: (options?: import("@tanstack/react-query").FetchNextPageOptions) => Promise<import("@tanstack/react-query").InfiniteQueryObserverResult<import("@tanstack/react-query").InfiniteData<import("../../types/dto").BaseResponse<import("../../types/dto").IGroupCandidateResponse[]>, unknown>, Error>>;
+    hasNextPage: boolean;
+    isFetchingNextPage: boolean;
 };
 //# sourceMappingURL=useEligibleAccounts.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"useEligibleAccounts.d.ts","sourceRoot":"","sources":["../../../src/hooks/group/useEligibleAccounts.ts"],"names":[],"mappings":"AAGA,MAAM,WAAW,mBAAmB;IAClC,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,MAAM,CAAC;IACpB,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;CACvB;AAKD,eAAO,MAAM,mBAAmB,GAAI,QAAQ,MAAM,EAAE,iBAAc;;;CAoBjE,CAAC"}
+{"version":3,"file":"useEligibleAccounts.d.ts","sourceRoot":"","sources":["../../../src/hooks/group/useEligibleAccounts.ts"],"names":[],"mappings":"AAGA,MAAM,WAAW,mBAAmB;IAClC,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,MAAM,CAAC;IACpB,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;CACvB;AAKD,eAAO,MAAM,mBAAmB,GAAI,QAAQ,MAAM,EAAE,iBAAc;;;;;;CAwBjE,CAAC"}

package/dist/hooks/group/useEligibleAccounts.js

@@ -4,20 +4,20 @@ import { useGetGroupCandidates } from "./useGetGroupCandidates";
 // only eligible (active) accounts and supports searchTerm filtering, so no
 // client-side active/inactive filtering is needed here (Q3 resolved).
 export const useEligibleAccounts = (search, enabled = true) => {
-    const { data, isLoading } = useGetGroupCandidates({
+    const { candidates, fetchNextPage, hasNextPage, isFetchingNextPage, isLoading } = useGetGroupCandidates({
         searchTerm: search.trim(),
         enabled,
     });
-    const accounts = useMemo(() => {
-        var _a;
-        return ((_a = data === null || data === void 0 ? void 0 : data.data) !== null && _a !== void 0 ? _a : []).map((candidate) => ({
-            userID: candidate.id,
-            displayName: candidate.fullName,
-            avatar: candidate.avatar,
-        }));
-    }, [data]);
+    const accounts = useMemo(() => candidates.map((candidate) => ({
+        userID: candidate.id,
+        displayName: candidate.fullName,
+        avatar: candidate.avatar,
+    })), [candidates]);
     return {
         accounts,
         isLoading,
+        fetchNextPage,
+        hasNextPage,
+        isFetchingNextPage,
     };
 };

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

@@ -0,0 +1,9 @@
+import type { EligibleAccountItem } from "./useEligibleAccounts";
+export declare const useEligibleAccountsForGroup: (search: string, existingMemberIDs: string[], enabled?: boolean) => {
+    accounts: EligibleAccountItem[];
+    isLoading: boolean;
+    fetchNextPage: (options?: import("@tanstack/react-query").FetchNextPageOptions) => Promise<import("@tanstack/react-query").InfiniteQueryObserverResult<import("@tanstack/react-query").InfiniteData<import("../../types/dto").BaseResponse<import("../../types/dto").IGroupCandidateResponse[]>, unknown>, Error>>;
+    hasNextPage: boolean;
+    isFetchingNextPage: boolean;
+};
+//# sourceMappingURL=useEligibleAccountsForGroup.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useEligibleAccountsForGroup.d.ts","sourceRoot":"","sources":["../../../src/hooks/group/useEligibleAccountsForGroup.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAKjE,eAAO,MAAM,2BAA2B,GACtC,QAAQ,MAAM,EACd,mBAAmB,MAAM,EAAE,EAC3B,iBAAc;;;;;;CAgCf,CAAC"}

package/dist/hooks/group/useEligibleAccountsForGroup.js

@@ -0,0 +1,26 @@
+import { useMemo } from "react";
+import { useGetGroupCandidates } from "./useGetGroupCandidates";
+// getGroupCandidates has no server-side "exclude group members" filter yet
+// (BE gap tracked in DROPPII-30003 breakdown, Q1) — filtering existing group
+// members out client-side here as an interim until BE adds it.
+export const useEligibleAccountsForGroup = (search, existingMemberIDs, enabled = true) => {
+    const { candidates, fetchNextPage, hasNextPage, isFetchingNextPage, isLoading } = useGetGroupCandidates({
+        searchTerm: search.trim(),
+        enabled,
+    });
+    const existingMemberIDSet = useMemo(() => new Set(existingMemberIDs), [existingMemberIDs]);
+    const accounts = useMemo(() => candidates
+        .filter((candidate) => !existingMemberIDSet.has(candidate.id))
+        .map((candidate) => ({
+        userID: candidate.id,
+        displayName: candidate.fullName,
+        avatar: candidate.avatar,
+    })), [candidates, existingMemberIDSet]);
+    return {
+        accounts,
+        isLoading,
+        fetchNextPage,
+        hasNextPage,
+        isFetchingNextPage,
+    };
+};