@droppii-org/chat-sdk 0.2.1 → 0.3.1

package/dist/components/thread/GroupThreadInfo.js

@@ -1,6 +1,6 @@
 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 { 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";
@@ -14,8 +14,9 @@ import { useDismissGroup } from "../../hooks/group/useDismissGroup";
 import { useGroupPermission } from "../../hooks/group/useGroupPermission";
 import AdminPermissionModal from "../../components/group/AdminPermissionModal";
 import MemberPermissionPanel from "../../components/group/MemberPermissionPanel";
+import GroupCompositeAvatar from "../../components/group/GroupCompositeAvatar";
 const GroupThreadInfo = ({ onClose, config }) => {
-    var _a, _b, _c, _d, _e;
+    var _a, _b, _c;
     const { t } = useTranslation();
     const conversationData = useConversationStore((state) => state.conversationData);
     const currentGroupInfo = useConversationStore((state) => state.currentGroupInfo);
@@ -151,6 +152,6 @@ const GroupThreadInfo = ({ onClose, config }) => {
     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") }) }))] }));
+    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(GroupCompositeAvatar, { groupID: groupID, faceURL: currentGroupInfo === null || currentGroupInfo === void 0 ? void 0 : currentGroupInfo.faceURL, ownerUserID: currentGroupInfo === null || currentGroupInfo === void 0 ? void 0 : currentGroupInfo.ownerUserID, groupName: currentGroupInfo === null || currentGroupInfo === void 0 ? void 0 : currentGroupInfo.groupName, size: 56 }), 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() === ((_c = currentGroupInfo === null || currentGroupInfo === void 0 ? void 0 : currentGroupInfo.introduction) !== null && _c !== void 0 ? _c : ""), 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/constants/im.d.ts

@@ -1,3 +1,16 @@
 import { SessionType } from "@droppii-org/wasm-client-sdk";
 export declare const GroupSessionTypes: SessionType[];
+export declare const GROUP_PERMISSION_KEY: {
+    readonly sendMessage: "SEND_MESSAGE";
+    readonly pinMessage: "PIN_MESSAGE";
+    readonly updateGroupName: "UPDATE_GROUP_NAME";
+    readonly updateGroupAvatar: "UPDATE_GROUP_AVATAR";
+    readonly updateGroupDescription: "UPDATE_GROUP_DESCRIPTION";
+    readonly addMember: "ADD_MEMBER";
+    readonly removeMember: "REMOVE_MEMBER";
+    readonly addAdmin: "ADD_ADMIN";
+    readonly transferOwnership: "TRANSFER_OWNERSHIP";
+    readonly configGroupPermission: "CONFIG_GROUP_PERMISSION";
+    readonly viewMemberInformation: "VIEW_MEMBER_INFORMATION";
+};
 //# sourceMappingURL=im.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"im.d.ts","sourceRoot":"","sources":["../../src/constants/im.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAE3D,eAAO,MAAM,iBAAiB,eAAgD,CAAC"}
+{"version":3,"file":"im.d.ts","sourceRoot":"","sources":["../../src/constants/im.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAE3D,eAAO,MAAM,iBAAiB,eAAgD,CAAC;AAK/E,eAAO,MAAM,oBAAoB;;;;;;;;;;;;CAYvB,CAAC"}

package/dist/constants/im.js

@@ -1,2 +1,18 @@
 import { SessionType } from "@droppii-org/wasm-client-sdk";
 export const GroupSessionTypes = [SessionType.Group, SessionType.WorkingGroup];
+// Raw permission strings BE returns in SelfUserInfo.permissions /
+// GroupMemberItem.permissions (DROPPII-30247). Keys match the Go constants
+// (permission.SendMessage, etc) — see DROPPII-30248 BE update.
+export const GROUP_PERMISSION_KEY = {
+    sendMessage: "SEND_MESSAGE",
+    pinMessage: "PIN_MESSAGE",
+    updateGroupName: "UPDATE_GROUP_NAME",
+    updateGroupAvatar: "UPDATE_GROUP_AVATAR",
+    updateGroupDescription: "UPDATE_GROUP_DESCRIPTION",
+    addMember: "ADD_MEMBER",
+    removeMember: "REMOVE_MEMBER",
+    addAdmin: "ADD_ADMIN",
+    transferOwnership: "TRANSFER_OWNERSHIP",
+    configGroupPermission: "CONFIG_GROUP_PERMISSION",
+    viewMemberInformation: "VIEW_MEMBER_INFORMATION",
+};

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

package/dist/hooks/global/useGlobalEvent.js

@@ -26,7 +26,7 @@ export const useGlobalEvent = () => {
     const updateConversationList = useConversationStore((state) => state.updateConversationList);
     const getConversationListByReq = useConversationStore((state) => state.getConversationListByReq);
     const getCurrentGroupInfoByReq = useConversationStore((state) => state.getCurrentGroupInfoByReq);
-    const getCurrentMemberInGroupByReq = useConversationStore((state) => state.getCurrentMemberInGroupByReq);
+    const getSelfGroupPermissionByReq = useConversationStore((state) => state.getSelfGroupPermissionByReq);
     const { mutate: refetchChatToken } = useRefetchChatToken();
     const accessToken = useAuthStore((state) => state.accessToken);
     const chatToken = useAuthStore((state) => state.chatToken);
@@ -42,7 +42,7 @@ export const useGlobalEvent = () => {
         }
         await Promise.all([
             getCurrentGroupInfoByReq(currentConversation.groupID),
-            getCurrentMemberInGroupByReq(currentConversation.groupID),
+            getSelfGroupPermissionByReq(currentConversation.groupID),
         ]);
     };
     const revokedMessageHandler = ({ data }) => {
@@ -204,6 +204,12 @@ export const useGlobalEvent = () => {
     const groupInfoChangedHandler = () => {
         void refreshCurrentGroupState();
     };
+    // BE pushes this when a member's role/permissions change (DROPPII-30248
+    // spec: actions must always check the LATEST permissions, not stale UI) —
+    // refetch so useGroupPermission picks up the new permissions[] right away.
+    const groupMemberInfoChangedHandler = () => {
+        void refreshCurrentGroupState();
+    };
     const groupDismissedHandler = ({ data }) => {
         const currentConversation = useConversationStore.getState().currentConversation;
         if ((currentConversation === null || currentConversation === void 0 ? void 0 : currentConversation.groupID) === data.groupID) {
@@ -251,6 +257,7 @@ export const useGlobalEvent = () => {
         DChatSDK.on(CbEvents.OnJoinedGroupAdded, joinedGroupAddedHandler);
         // group info
         DChatSDK.on(CbEvents.OnGroupInfoChanged, groupInfoChangedHandler);
+        DChatSDK.on(CbEvents.OnGroupMemberInfoChanged, groupMemberInfoChangedHandler);
         DChatSDK.on(CbEvents.OnGroupDismissed, groupDismissedHandler);
         // black list
         DChatSDK.on(CbEvents.OnBlackAdded, blackListChangedHandler);
@@ -283,6 +290,7 @@ export const useGlobalEvent = () => {
         DChatSDK.off(CbEvents.OnJoinedGroupAdded, joinedGroupAddedHandler);
         // group info
         DChatSDK.off(CbEvents.OnGroupInfoChanged, groupInfoChangedHandler);
+        DChatSDK.off(CbEvents.OnGroupMemberInfoChanged, groupMemberInfoChangedHandler);
         DChatSDK.off(CbEvents.OnGroupDismissed, groupDismissedHandler);
         // black list
         DChatSDK.off(CbEvents.OnBlackAdded, blackListChangedHandler);

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

@@ -0,0 +1,20 @@
+import { ConversationItem } from "@droppii-org/wasm-client-sdk";
+import { BaseResponse, IConversationGroupItem } from "../../types/dto";
+interface UseConversationGroupsParams {
+    enabled?: boolean;
+    pageSize?: number;
+}
+export interface ConversationGroupDisplayItem {
+    groupId: string;
+    conversationId: string;
+    conversation: ConversationItem;
+}
+export declare const useConversationGroups: ({ enabled, pageSize, }?: UseConversationGroupsParams) => {
+    groups: ConversationGroupDisplayItem[];
+    fetchNextPage: (options?: import("@tanstack/react-query").FetchNextPageOptions) => Promise<import("@tanstack/react-query").InfiniteQueryObserverResult<import("@tanstack/react-query").InfiniteData<BaseResponse<IConversationGroupItem[]>, unknown>, Error>>;
+    hasNextPage: boolean;
+    isFetchingNextPage: boolean;
+    isLoading: boolean;
+};
+export {};
+//# sourceMappingURL=useConversationGroups.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useConversationGroups.d.ts","sourceRoot":"","sources":["../../../src/hooks/group/useConversationGroups.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,gBAAgB,EAAe,MAAM,8BAA8B,CAAC;AAK7E,OAAO,EAAE,YAAY,EAAE,sBAAsB,EAAE,MAAM,aAAa,CAAC;AAKnE,UAAU,2BAA2B;IACnC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,4BAA4B;IAC3C,OAAO,EAAE,MAAM,CAAC;IAChB,cAAc,EAAE,MAAM,CAAC;IACvB,YAAY,EAAE,gBAAgB,CAAC;CAChC;AAiED,eAAO,MAAM,qBAAqB,GAAI,yBAGnC,2BAAgC;;;;;;CAoElC,CAAC"}

package/dist/hooks/group/useConversationGroups.js

@@ -0,0 +1,116 @@
+"use client";
+import { useMemo } from "react";
+import { useInfiniteQuery } from "@tanstack/react-query";
+import { SessionType } from "@droppii-org/wasm-client-sdk";
+import { apiInstance } from "../../services/api";
+import { ENDPOINTS } from "../../services/routes";
+import { QUERY_KEYS } from "../../services/query";
+import { PAGE_SIZE } from "../../constants";
+import useAuthStore from "../../store/auth";
+import useConversationStore from "../../store/conversation";
+import { DChatSDK } from "../../constants/sdk";
+// Placeholder used until the store has synced the real ConversationItem for
+// a brand new group (e.g. right after create-group, or first time this list
+// loads) — carries just enough for ConversationByGroupItem to render
+// something instead of the row disappearing while the sync is in flight.
+const buildFallbackConversation = (group) => ({
+    conversationID: group.conversationId,
+    conversationType: SessionType.Group,
+    userID: "",
+    groupID: group.groupId,
+    showName: group.groupName,
+    faceURL: group.groupAvatar || "",
+    recvMsgOpt: 0,
+    unreadCount: 0,
+    groupAtType: 0,
+    latestMsg: "",
+    latestMsgSendTime: group.latestMessageAt
+        ? new Date(group.latestMessageAt).getTime()
+        : 0,
+    draftText: "",
+    draftTextTime: 0,
+    burnDuration: 0,
+    maxSeq: 0,
+    minSeq: 0,
+    msgDestructTime: 0,
+    isPinned: false,
+    isNotInGroup: false,
+    isPrivateChat: false,
+    isMsgDestruct: false,
+    attachedInfo: "",
+});
+// Same join pattern as useGetSession: the REST endpoint only returns group
+// metadata (no latestMsg) — sync each group's full ConversationItem (which
+// carries latestMsg/latestMsgSendTime/unreadCount) into the shared
+// conversationList store via the SDK, then join on conversationId.
+const syncGroupConversationsToStore = async (groups) => {
+    const currentList = useConversationStore.getState().conversationList;
+    const newGroups = groups.filter((group) => !currentList.some((conversation) => conversation.conversationID === group.conversationId));
+    if (!newGroups.length)
+        return;
+    try {
+        const { data } = await DChatSDK.getMultipleConversation(newGroups.map((group) => group.conversationId));
+        if (data === null || data === void 0 ? void 0 : data.length) {
+            useConversationStore.getState().updateConversationList(data, "filter");
+        }
+    }
+    catch (error) {
+        console.error("syncGroupConversationsToStore", error);
+    }
+};
+export const useConversationGroups = ({ enabled = true, pageSize = PAGE_SIZE.medium, } = {}) => {
+    const conversationList = useConversationStore((state) => state.conversationList);
+    const { data, fetchNextPage, hasNextPage, isFetchingNextPage, isLoading } = useInfiniteQuery({
+        initialPageParam: 1,
+        queryKey: [QUERY_KEYS.GET_CONVERSATION_GROUPS, pageSize],
+        queryFn: async ({ pageParam = 1 }) => {
+            var _a, _b;
+            const applicationType = useAuthStore.getState().applicationType;
+            const res = await apiInstance.get(ENDPOINTS.chatService.getConversationGroups, {
+                params: {
+                    page: pageParam,
+                    pageSize,
+                    applicationType,
+                },
+            });
+            if ((_b = (_a = res === null || res === void 0 ? void 0 : res.data) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.length) {
+                void syncGroupConversationsToStore(res.data.data).catch((error) => {
+                    console.error("syncGroupConversationsToStore", error);
+                });
+            }
+            return res.data;
+        },
+        getNextPageParam: (lastPage) => {
+            var _a, _b;
+            const dataLength = ((_a = lastPage === null || lastPage === void 0 ? void 0 : lastPage.data) === null || _a === void 0 ? void 0 : _a.length) || 0;
+            const currentPage = ((_b = lastPage === null || lastPage === void 0 ? void 0 : lastPage.pageable) === null || _b === void 0 ? void 0 : _b.pageNumber) || 1;
+            return dataLength < pageSize ? undefined : currentPage + 1;
+        },
+        enabled,
+    });
+    const groups = useMemo(() => {
+        if (!data)
+            return [];
+        // Render straight from the REST response — the list must show every
+        // group the API returned immediately, even before syncGroupConversationsToStore
+        // (async) has had a chance to populate conversationList. Use the synced
+        // ConversationItem when available (real latestMsg/unreadCount), else a
+        // fallback built from the REST fields so the row never disappears.
+        const allItems = data.pages.flatMap((page) => page.data);
+        return allItems.map((group) => {
+            const syncedConversation = conversationList === null || conversationList === void 0 ? void 0 : conversationList.find((conversation) => conversation.conversationID === group.conversationId);
+            return {
+                groupId: group.groupId,
+                conversationId: group.conversationId,
+                conversation: syncedConversation !== null && syncedConversation !== void 0 ? syncedConversation : buildFallbackConversation(group),
+            };
+        });
+    }, [data, conversationList]);
+    return {
+        groups,
+        fetchNextPage,
+        hasNextPage,
+        isFetchingNextPage,
+        isLoading,
+    };
+};

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

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

package/dist/hooks/group/useCreateGroup.js

@@ -1,13 +1,40 @@
 "use client";
 import { useCallback } from "react";
 import { useRouter } from "next/navigation";
+import { useQueryClient } from "@tanstack/react-query";
 import { message } from "antd";
 import { useTranslation } from "react-i18next";
 import { GroupType, GroupVerificationType, GroupVisibility, SessionType } from "@droppii-org/wasm-client-sdk";
 import { DChatSDK } from "../../constants/sdk";
 import useAuthStore from "../../store/auth";
 import { generateDefaultGroupName } from "../../utils/groupName";
-const DEFAULT_GROUP_FACE_URL = "/droppii.jpeg";
+import { QUERY_KEYS } from "../../services/query";
+const GET_CONVERSATION_RETRY_COUNT = 4;
+const GET_CONVERSATION_RETRY_DELAY_MS = 500;
+const delay = (ms) => new Promise((resolve) => setTimeout(resolve, ms));
+// createGroup()'s own response succeeding doesn't mean the local WASM store
+// has the new conversation yet — the WS event that inserts it locally can
+// arrive after an unspecified delay (same reasoning as
+// useGlobalEvent.ts's joinedGroupAddedHandler). Retry briefly instead of
+// surfacing "create group failed" for a group that was, in fact, created.
+const getOneConversationWithRetry = async (groupID) => {
+    let lastError;
+    for (let attempt = 0; attempt < GET_CONVERSATION_RETRY_COUNT; attempt++) {
+        try {
+            return await DChatSDK.getOneConversation({
+                sourceID: groupID,
+                sessionType: SessionType.Group,
+            });
+        }
+        catch (error) {
+            lastError = error;
+            if (attempt < GET_CONVERSATION_RETRY_COUNT - 1) {
+                await delay(GET_CONVERSATION_RETRY_DELAY_MS);
+            }
+        }
+    }
+    throw lastError;
+};
 // Q4 (non-block): calling DChatSDK.createGroup() directly — the SDK's own
 // eligibility check at submission time (if any) is whatever openIM does
 // server-side; there's no separate BE revalidation endpoint yet. If members
@@ -17,6 +44,7 @@ export const useCreateGroup = () => {
     const { t } = useTranslation("conversation-inbox");
     const { t: tCommon } = useTranslation();
     const router = useRouter();
+    const queryClient = useQueryClient();
     const userID = useAuthStore((state) => state.userID);
     const createGroup = useCallback(async ({ groupName, isPublic, members, faceURL }) => {
         var _a, _b;
@@ -28,7 +56,10 @@ export const useCreateGroup = () => {
                 firstMemberName: firstMember === null || firstMember === void 0 ? void 0 : firstMember.displayName,
                 remainingCount: restMembers.length,
             });
-        const resolvedFaceURL = faceURL || (firstMember === null || firstMember === void 0 ? void 0 : firstMember.avatar) || DEFAULT_GROUP_FACE_URL;
+        // AC-Default2: no picked avatar → leave faceURL empty. UI renders a
+        // composite of the owner's + first-joined member's avatars instead of
+        // a static placeholder (see GroupCompositeAvatar).
+        const resolvedFaceURL = faceURL || "";
         try {
             const { data: group } = await DChatSDK.createGroup({
                 memberUserIDs: members.map((member) => member.userID),
@@ -42,11 +73,11 @@ export const useCreateGroup = () => {
                     visibility: isPublic ? GroupVisibility.Public : GroupVisibility.Private,
                 },
             });
-            const { data: conversation } = await DChatSDK.getOneConversation({
-                sourceID: group.groupID,
-                sessionType: SessionType.Group,
-            });
+            const { data: conversation } = await getOneConversationWithRetry(group.groupID);
             message.success(t("create_group.create_group_success"));
+            void queryClient.invalidateQueries({
+                queryKey: [QUERY_KEYS.GET_CONVERSATION_GROUPS],
+            });
             const searchParams = new URLSearchParams();
             searchParams.set("threadId", conversation.conversationID);
             router.push(`/chat?${searchParams.toString()}`);
@@ -57,6 +88,6 @@ export const useCreateGroup = () => {
             message.error(errorMessage);
             throw error;
         }
-    }, [router, t, tCommon, userID]);
+    }, [router, t, tCommon, userID, queryClient]);
     return { createGroup };
 };

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

@@ -1,5 +1,5 @@
 import type { EligibleAccountItem } from "./useEligibleAccounts";
-export declare const useEligibleAccountsForGroup: (search: string, existingMemberIDs: string[], enabled?: boolean) => {
+export declare const useEligibleAccountsForGroup: (search: string, groupID: 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>>;

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

@@ -1 +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"}
+{"version":3,"file":"useEligibleAccountsForGroup.d.ts","sourceRoot":"","sources":["../../../src/hooks/group/useEligibleAccountsForGroup.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAIjE,eAAO,MAAM,2BAA2B,GACtC,QAAQ,MAAM,EACd,SAAS,MAAM,EACf,iBAAc;;;;;;CA0Bf,CAAC"}

package/dist/hooks/group/useEligibleAccountsForGroup.js

@@ -1,21 +1,18 @@
 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) => {
+// Server excludes accounts already in groupID from the candidate list
+// (DROPPII-30248 BE update) — no client-side filtering needed anymore.
+export const useEligibleAccountsForGroup = (search, groupID, enabled = true) => {
     const { candidates, fetchNextPage, hasNextPage, isFetchingNextPage, isLoading } = useGetGroupCandidates({
         searchTerm: search.trim(),
+        groupID,
         enabled,
     });
-    const existingMemberIDSet = useMemo(() => new Set(existingMemberIDs), [existingMemberIDs]);
-    const accounts = useMemo(() => candidates
-        .filter((candidate) => !existingMemberIDSet.has(candidate.id))
-        .map((candidate) => ({
+    const accounts = useMemo(() => candidates.map((candidate) => ({
         userID: candidate.id,
         displayName: candidate.fullName,
         avatar: candidate.avatar,
-    })), [candidates, existingMemberIDSet]);
+    })), [candidates]);
     return {
         accounts,
         isLoading,

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

@@ -1,9 +1,10 @@
 import { BaseResponse, IGroupCandidateResponse } from "../../types/dto";
 interface UseGetGroupCandidatesParams {
     searchTerm?: string;
+    groupID?: string;
     enabled?: boolean;
 }
-export declare const useGetGroupCandidates: ({ searchTerm, enabled, }: UseGetGroupCandidatesParams) => {
+export declare const useGetGroupCandidates: ({ searchTerm, groupID, enabled, }: UseGetGroupCandidatesParams) => {
     candidates: IGroupCandidateResponse[];
     fetchNextPage: (options?: import("@tanstack/react-query").FetchNextPageOptions) => Promise<import("@tanstack/react-query").InfiniteQueryObserverResult<import("@tanstack/react-query").InfiniteData<BaseResponse<IGroupCandidateResponse[]>, unknown>, Error>>;
     hasNextPage: boolean;

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

@@ -1 +1 @@
-{"version":3,"file":"useGetGroupCandidates.d.ts","sourceRoot":"","sources":["../../../src/hooks/group/useGetGroupCandidates.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,YAAY,EAAE,uBAAuB,EAAE,MAAM,aAAa,CAAC;AAIpE,UAAU,2BAA2B;IACnC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,eAAO,MAAM,qBAAqB,GAAI,0BAGnC,2BAA2B;;;;;;CAqC7B,CAAC"}
+{"version":3,"file":"useGetGroupCandidates.d.ts","sourceRoot":"","sources":["../../../src/hooks/group/useGetGroupCandidates.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,YAAY,EAAE,uBAAuB,EAAE,MAAM,aAAa,CAAC;AAIpE,UAAU,2BAA2B;IACnC,UAAU,CAAC,EAAE,MAAM,CAAC;IAIpB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,eAAO,MAAM,qBAAqB,GAAI,mCAInC,2BAA2B;;;;;;CAsC7B,CAAC"}

package/dist/hooks/group/useGetGroupCandidates.js

@@ -4,16 +4,17 @@ import { QUERY_KEYS } from "../../services/query";
 import { apiInstance } from "../../services/api";
 import { ENDPOINTS } from "../../services/routes";
 const GROUP_CANDIDATES_PAGE_SIZE = 20;
-export const useGetGroupCandidates = ({ searchTerm = "", enabled = true, }) => {
+export const useGetGroupCandidates = ({ searchTerm = "", groupID, enabled = true, }) => {
     const { data, fetchNextPage, hasNextPage, isFetchingNextPage, isLoading } = useInfiniteQuery({
         initialPageParam: 1,
-        queryKey: [QUERY_KEYS.GET_GROUP_CANDIDATES, searchTerm],
+        queryKey: [QUERY_KEYS.GET_GROUP_CANDIDATES, searchTerm, groupID],
         queryFn: async ({ pageParam = 1 }) => {
             const res = await apiInstance.get(ENDPOINTS.chatService.getGroupCandidates, {
                 params: {
                     page: pageParam,
                     pageSize: GROUP_CANDIDATES_PAGE_SIZE,
                     searchTerm: searchTerm || undefined,
+                    groupId: groupID || undefined,
                 },
             });
             return res === null || res === void 0 ? void 0 : res.data;

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

@@ -21,5 +21,11 @@ interface TransferGroupOwnerParams {
     newOwnerUserID: string;
 }
 export declare const useTransferGroupOwner: () => import("@tanstack/react-query").UseMutationResult<unknown, Error, TransferGroupOwnerParams, unknown>;
+interface SetGroupMemberPermissionsParams {
+    groupID: string;
+    userID: string;
+    permissions: string[];
+}
+export declare const useSetGroupMemberPermissions: () => import("@tanstack/react-query").UseMutationResult<unknown, Error, SetGroupMemberPermissionsParams, unknown>;
 export {};
 //# sourceMappingURL=useGroupMemberActions.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"useGroupMemberActions.d.ts","sourceRoot":"","sources":["../../../src/hooks/group/useGroupMemberActions.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAQ/D,UAAU,qBAAqB;IAC7B,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,OAAO,CAAC;CACf;AAED,eAAO,MAAM,kBAAkB,yGAW9B,CAAC;AAEF,UAAU,qBAAqB;IAC7B,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,eAAO,MAAM,kBAAkB,yGAW9B,CAAC;AAEF,UAAU,wBAAwB;IAChC,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,eAAe,CAAC;CAC5B;AAED,eAAO,MAAM,qBAAqB,4GAWjC,CAAC;AAEF,UAAU,wBAAwB;IAChC,OAAO,EAAE,MAAM,CAAC;IAChB,cAAc,EAAE,MAAM,CAAC;CACxB;AAED,eAAO,MAAM,qBAAqB,4GAUjC,CAAC"}
+{"version":3,"file":"useGroupMemberActions.d.ts","sourceRoot":"","sources":["../../../src/hooks/group/useGroupMemberActions.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,eAAe,EAAmB,MAAM,8BAA8B,CAAC;AAQhF,UAAU,qBAAqB;IAC7B,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,OAAO,CAAC;CACf;AAED,eAAO,MAAM,kBAAkB,yGAW9B,CAAC;AAEF,UAAU,qBAAqB;IAC7B,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,eAAO,MAAM,kBAAkB,yGAW9B,CAAC;AAEF,UAAU,wBAAwB;IAChC,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,eAAe,CAAC;CAC5B;AAED,eAAO,MAAM,qBAAqB,4GAWjC,CAAC;AAEF,UAAU,wBAAwB;IAChC,OAAO,EAAE,MAAM,CAAC;IAChB,cAAc,EAAE,MAAM,CAAC;CACxB;AAED,eAAO,MAAM,qBAAqB,4GAUjC,CAAC;AAEF,UAAU,+BAA+B;IACvC,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,MAAM,EAAE,CAAC;CACvB;AAED,eAAO,MAAM,4BAA4B,mHAexC,CAAC"}

package/dist/hooks/group/useGroupMemberActions.js

@@ -52,3 +52,15 @@ export const useTransferGroupOwner = () => {
         },
     });
 };
+export const useSetGroupMemberPermissions = () => {
+    return useMutation({
+        mutationFn: async ({ groupID, userID, permissions, }) => {
+            const { data } = await DChatSDK.setGroupMemberInfo({
+                groupID,
+                userID,
+                permissions: permissions,
+            });
+            return data;
+        },
+    });
+};

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

@@ -1,3 +1,4 @@
+import { GroupMemberRole } from "@droppii-org/wasm-client-sdk";
 export interface GroupPermissions {
     sendMessage: boolean;
     pinMessage: boolean;
@@ -11,5 +12,6 @@ export interface GroupPermissions {
     configGroupPermission: boolean;
     viewMemberInformation: boolean;
 }
-export declare const useGroupPermission: (groupID?: string) => GroupPermissions;
+export declare const permissionListToGroupPermissions: (permissionList: string[] | undefined, roleLevel: GroupMemberRole) => GroupPermissions;
+export declare const useGroupPermission: (_groupID?: string) => GroupPermissions;
 //# sourceMappingURL=useGroupPermission.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"useGroupPermission.d.ts","sourceRoot":"","sources":["../../../src/hooks/group/useGroupPermission.ts"],"names":[],"mappings":"AAKA,MAAM,WAAW,gBAAgB;IAC/B,WAAW,EAAE,OAAO,CAAC;IACrB,UAAU,EAAE,OAAO,CAAC;IACpB,eAAe,EAAE,OAAO,CAAC;IACzB,iBAAiB,EAAE,OAAO,CAAC;IAC3B,sBAAsB,EAAE,OAAO,CAAC;IAChC,SAAS,EAAE,OAAO,CAAC;IACnB,YAAY,EAAE,OAAO,CAAC;IACtB,QAAQ,EAAE,OAAO,CAAC;IAClB,iBAAiB,EAAE,OAAO,CAAC;IAC3B,qBAAqB,EAAE,OAAO,CAAC;IAC/B,qBAAqB,EAAE,OAAO,CAAC;CAChC;AAiDD,eAAO,MAAM,kBAAkB,GAAI,UAAU,MAAM,KAAG,gBA6CrD,CAAC"}
+{"version":3,"file":"useGroupPermission.d.ts","sourceRoot":"","sources":["../../../src/hooks/group/useGroupPermission.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAI/D,MAAM,WAAW,gBAAgB;IAC/B,WAAW,EAAE,OAAO,CAAC;IACrB,UAAU,EAAE,OAAO,CAAC;IACpB,eAAe,EAAE,OAAO,CAAC;IACzB,iBAAiB,EAAE,OAAO,CAAC;IAC3B,sBAAsB,EAAE,OAAO,CAAC;IAChC,SAAS,EAAE,OAAO,CAAC;IACnB,YAAY,EAAE,OAAO,CAAC;IACtB,QAAQ,EAAE,OAAO,CAAC;IAClB,iBAAiB,EAAE,OAAO,CAAC;IAC3B,qBAAqB,EAAE,OAAO,CAAC;IAC/B,qBAAqB,EAAE,OAAO,CAAC;CAChC;AA+CD,eAAO,MAAM,gCAAgC,GAC3C,gBAAgB,MAAM,EAAE,GAAG,SAAS,EACpC,WAAW,eAAe,KACzB,gBAcF,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAAI,WAAW,MAAM,KAAG,gBAYtD,CAAC"}