@droppii-org/chat-sdk 0.1.96 → 0.2.0

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/components/thread/GroupThreadInfo.d.ts

@@ -0,0 +1,11 @@
+export interface GroupThreadInfoConfig {
+    showAllowSendMessage?: boolean;
+    showMutedChatList?: boolean;
+}
+interface GroupThreadInfoProps {
+    onClose?: () => void;
+    config?: GroupThreadInfoConfig;
+}
+declare const GroupThreadInfo: ({ onClose, config }: GroupThreadInfoProps) => import("react/jsx-runtime").JSX.Element | null;
+export default GroupThreadInfo;
+//# sourceMappingURL=GroupThreadInfo.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GroupThreadInfo.d.ts","sourceRoot":"","sources":["../../../src/components/thread/GroupThreadInfo.tsx"],"names":[],"mappings":"AAgBA,MAAM,WAAW,qBAAqB;IACpC,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B;AAED,UAAU,oBAAoB;IAC5B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,MAAM,CAAC,EAAE,qBAAqB,CAAC;CAChC;AAID,QAAA,MAAM,eAAe,GAAI,qBAAqB,oBAAoB,mDAmcjE,CAAC;AAEF,eAAe,eAAe,CAAC"}

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":"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,YAqY1B,CAAC"}

package/dist/hooks/global/useGlobalEvent.js

@@ -201,6 +201,31 @@ 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
+    // 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 +248,13 @@ export const useGlobalEvent = () => {
         // group members
         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);
     };
@@ -248,6 +280,13 @@ export const useGlobalEvent = () => {
         // group members
         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"}