@droppii-org/chat-sdk 0.6.52 → 0.6.53

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

@@ -1 +1 @@
-{"version":3,"file":"AdminPermissionModal.d.ts","sourceRoot":"","sources":["../../../src/components/group/AdminPermissionModal.tsx"],"names":[],"mappings":"AAaA,UAAU,0BAA0B;IAClC,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,MAAM,EAAE,CAAC;CACvB;AAED,UAAU,yBAAyB;IACjC,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IAIpB,MAAM,CAAC,EAAE,OAAO,CAAC;IAGjB,MAAM,CAAC,EAAE,0BAA0B,CAAC;IAKpC,wBAAwB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;CAC5E;AA6DD,QAAA,MAAM,oBAAoB,GAAI,uEAO3B,yBAAyB,mDA2K3B,CAAC;AAEF,eAAe,oBAAoB,CAAC"}
+{"version":3,"file":"AdminPermissionModal.d.ts","sourceRoot":"","sources":["../../../src/components/group/AdminPermissionModal.tsx"],"names":[],"mappings":"AAqBA,UAAU,0BAA0B;IAClC,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,MAAM,EAAE,CAAC;CACvB;AAED,UAAU,yBAAyB;IACjC,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IAIpB,MAAM,CAAC,EAAE,OAAO,CAAC;IAGjB,MAAM,CAAC,EAAE,0BAA0B,CAAC;IAKpC,wBAAwB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;CAC5E;AAwCD,QAAA,MAAM,oBAAoB,GAAI,uEAO3B,yBAAyB,mDAgK3B,CAAC;AAEF,eAAe,oBAAoB,CAAC"}

package/dist/components/group/AdminPermissionModal.js

@@ -5,10 +5,11 @@ import { ConfigProvider, Modal, Switch, message } from "antd";
 import { useTranslation } from "react-i18next";
 import { GroupMemberRole } from "@droppii-org/wasm-client-sdk";
 import { useGroupMembers } from "../../hooks/group/useGroupMembers";
-import { useSetGroupMemberPermissions } from "../../hooks/group/useGroupMemberActions";
+import { useSetAdminRolePermissions, useSetGroupMemberPermissions, } from "../../hooks/group/useGroupMemberActions";
 import { Icon } from "../../components/icon";
 import { ANTD_PRIMARY_COLOR_VAR } from "../../constants";
 import { GROUP_PERMISSION_KEY } from "../../constants/im";
+import { changedSwitches, commonSwitchStates, toRolePermissionChange, } from "../../utils/groupPermissionSwitches";
 // "Cập nhật thông tin nhóm" is one switch in the UI but bundles 3 BE
 // permission keys (name/avatar/description), so it maps to all three.
 const UPDATE_GROUP_INFO_KEYS = [
@@ -24,35 +25,21 @@ const SWITCH_PERMISSION_KEYS = {
     removeMember: [GROUP_PERMISSION_KEY.removeMember],
     updateGroupInfo: UPDATE_GROUP_INFO_KEYS,
 };
-const SWITCHES = Object.keys(SWITCH_PERMISSION_KEYS);
-// A switch reads on only when every given permission list grants all of its keys.
-const commonOverrides = (permissionLists) => {
-    const grants = (name) => permissionLists.length > 0 &&
-        permissionLists.every((list) => SWITCH_PERMISSION_KEYS[name].every((key) => list.includes(key)));
-    return {
-        sendMessage: grants("sendMessage"),
-        pinMessage: grants("pinMessage"),
-        viewMemberInformation: grants("viewMemberInformation"),
-        addMember: grants("addMember"),
-        removeMember: grants("removeMember"),
-        updateGroupInfo: grants("updateGroupInfo"),
-    };
-};
 // Rewrites only the switches that changed; every other key in the list stays as is.
 const applySwitchChanges = (permissionList, changes) => Object.entries(changes).reduce((list, [name, enabled]) => {
     const keys = SWITCH_PERMISSION_KEYS[name];
     const without = list.filter((permission) => !keys.includes(permission));
     return enabled ? [...without, ...keys] : without;
 }, permissionList);
-const isSamePermissionSet = (a, b) => a.length === b.length && a.every((permission) => b.includes(permission));
 // "Configure Admin Permissions". With `member` (a member row's … menu) it edits
 // that one Admin. Without it (the group info panel) it edits every current
-// Admin at once: switches start from what the Admins already share, and "Lưu"
-// writes only the switches the user flipped, so each Admin keeps the rest.
+// Admin in one setGroupAdminPermissions call: switches start from what the
+// Admins already share, and "Lưu" sends only the switches the user flipped.
 const AdminPermissionModal = ({ open, groupID, onClose, inline = false, member, onMemberPermissionsSaved, }) => {
     const { t } = useTranslation();
     const { members: groupMembers } = useGroupMembers(member ? undefined : groupID);
     const { mutateAsync: setMemberPermissions } = useSetGroupMemberPermissions();
+    const { mutateAsync: setAdminRolePermissions } = useSetAdminRolePermissions();
     const [isSaving, setIsSaving] = useState(false);
     const [edits, setEdits] = useState({});
     useEffect(() => {
@@ -60,19 +47,14 @@ const AdminPermissionModal = ({ open, groupID, onClose, inline = false, member,
             setEdits({});
     }, [open, member === null || member === void 0 ? void 0 : member.userID]);
     const admins = groupMembers.filter((groupMember) => groupMember.roleLevel === GroupMemberRole.Admin);
-    const baseline = member
-        ? commonOverrides([member.permissions])
-        : commonOverrides(admins.map((admin) => { var _a; return (_a = admin.permissions) !== null && _a !== void 0 ? _a : []; }));
+    const baseline = commonSwitchStates(SWITCH_PERMISSION_KEYS, member ? [member.permissions] : admins.map((admin) => { var _a; return (_a = admin.permissions) !== null && _a !== void 0 ? _a : []; }));
     const pending = Object.assign(Object.assign({}, baseline), edits);
-    const changes = Object.fromEntries(SWITCHES.filter((name) => pending[name] !== baseline[name]).map((name) => [
-        name,
-        pending[name],
-    ]));
+    const changes = changedSwitches(baseline, pending);
     const hasChanges = Object.keys(changes).length > 0;
     const setSwitch = (name, checked) => setEdits((prev) => (Object.assign(Object.assign({}, prev), { [name]: checked })));
     const handleSave = async () => {
         var _a, _b;
-        if (!groupID)
+        if (!groupID || !hasChanges)
             return;
         setIsSaving(true);
         try {
@@ -86,18 +68,7 @@ const AdminPermissionModal = ({ open, groupID, onClose, inline = false, member,
                 onMemberPermissionsSaved === null || onMemberPermissionsSaved === void 0 ? void 0 : onMemberPermissionsSaved(member.userID, nextPermissions);
             }
             else {
-                await Promise.all(admins.map((admin) => {
-                    var _a;
-                    const current = (_a = admin.permissions) !== null && _a !== void 0 ? _a : [];
-                    const nextPermissions = applySwitchChanges(current, changes);
-                    if (isSamePermissionSet(current, nextPermissions))
-                        return undefined;
-                    return setMemberPermissions({
-                        groupID,
-                        userID: admin.userID,
-                        permissions: nextPermissions,
-                    });
-                }));
+                await setAdminRolePermissions(Object.assign({ groupID }, toRolePermissionChange(SWITCH_PERMISSION_KEYS, changes)));
             }
             message.success(t("update_admin_permissions_success"));
             onClose();

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

@@ -1 +1 @@
-{"version":3,"file":"MemberPermissionPanel.d.ts","sourceRoot":"","sources":["../../../src/components/group/MemberPermissionPanel.tsx"],"names":[],"mappings":"AAYA,UAAU,0BAA0B;IAClC,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAMD,QAAA,MAAM,qBAAqB,GAAI,4BAA4B,0BAA0B,mDAqHpF,CAAC;AAEF,eAAe,qBAAqB,CAAC"}
+{"version":3,"file":"MemberPermissionPanel.d.ts","sourceRoot":"","sources":["../../../src/components/group/MemberPermissionPanel.tsx"],"names":[],"mappings":"AAkBA,UAAU,0BAA0B;IAClC,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAuBD,QAAA,MAAM,qBAAqB,GAAI,4BAA4B,0BAA0B,mDA2FpF,CAAC;AAEF,eAAe,qBAAqB,CAAC"}

package/dist/components/group/MemberPermissionPanel.js

@@ -3,51 +3,63 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect, useState } from "react";
 import { ConfigProvider, Switch, message } from "antd";
 import { useTranslation } from "react-i18next";
-import { useGroupPermission } from "../../hooks/group/useGroupPermission";
+import { GroupMemberRole } from "@droppii-org/wasm-client-sdk";
+import { useGroupMembers } from "../../hooks/group/useGroupMembers";
+import { useSetMemberRolePermissions } from "../../hooks/group/useGroupMemberActions";
 import { Icon } from "../../components/icon";
 import { ANTD_PRIMARY_COLOR_VAR } from "../../constants";
-import useGroupPermissionOverridesStore from "../../store/groupPermissionOverrides";
-// Mocked config UI (DROPPII-30248 follow-up, "Configure Member Permissions")
-// — renders inline within the "Thông tin" sidebar (back arrow, no gray
-// background) per the reference recording, not as a Modal popup. No BE
-// persistence yet, committed to the in-memory override store on "Lưu" only.
+import { GROUP_PERMISSION_KEY } from "../../constants/im";
+import { changedSwitches, commonSwitchStates, toRolePermissionChange, } from "../../utils/groupPermissionSwitches";
+const SWITCH_PERMISSION_KEYS = {
+    sendMessage: [GROUP_PERMISSION_KEY.sendMessage],
+    addMember: [GROUP_PERMISSION_KEY.addMember],
+    pinMessage: [GROUP_PERMISSION_KEY.pinMessage],
+    viewMemberInformation: [GROUP_PERMISSION_KEY.viewMemberInformation],
+};
+const SWITCH_LABELS = {
+    sendMessage: "permission_send_message",
+    addMember: "permission_add_member",
+    pinMessage: "permission_pin_message",
+    viewMemberInformation: "permission_view_member_info",
+};
+const SWITCHES = Object.keys(SWITCH_PERMISSION_KEYS);
+// "Configure Member Permissions", inline in the "Thông tin" sidebar. Switches
+// start from what every ordinary member already shares, and "Lưu" sends only
+// the switches the user flipped, in one setGroupMemberPermissions call.
 const MemberPermissionPanel = ({ open, groupID, onClose }) => {
     const { t } = useTranslation();
-    const permissions = useGroupPermission(groupID);
-    const setMemberOverrides = useGroupPermissionOverridesStore((state) => state.setMemberOverrides);
+    const { members: groupMembers, isLoading } = useGroupMembers(open ? groupID : undefined);
+    const { mutateAsync: setMemberRolePermissions } = useSetMemberRolePermissions();
     const [isSaving, setIsSaving] = useState(false);
-    const [pending, setPending] = useState({
-        sendMessage: permissions.sendMessage,
-        addMember: permissions.addMember,
-        pinMessage: permissions.pinMessage,
-        viewMemberInformation: permissions.viewMemberInformation,
-    });
+    const [edits, setEdits] = useState({});
     useEffect(() => {
-        if (!open)
-            return;
-        setPending({
-            sendMessage: permissions.sendMessage,
-            addMember: permissions.addMember,
-            pinMessage: permissions.pinMessage,
-            viewMemberInformation: permissions.viewMemberInformation,
-        });
-        // eslint-disable-next-line react-hooks/exhaustive-deps
+        if (open)
+            setEdits({});
     }, [open]);
-    const hasChanges = pending.sendMessage !== permissions.sendMessage ||
-        pending.addMember !== permissions.addMember ||
-        pending.pinMessage !== permissions.pinMessage ||
-        pending.viewMemberInformation !== permissions.viewMemberInformation;
+    const members = groupMembers.filter((groupMember) => groupMember.roleLevel === GroupMemberRole.Normal);
+    const baseline = commonSwitchStates(SWITCH_PERMISSION_KEYS, members.map((member) => { var _a; return (_a = member.permissions) !== null && _a !== void 0 ? _a : []; }));
+    const pending = Object.assign(Object.assign({}, baseline), edits);
+    const changes = changedSwitches(baseline, pending);
+    const hasChanges = Object.keys(changes).length > 0;
     const handleSave = async () => {
-        if (!groupID)
+        if (!groupID || !hasChanges)
             return;
         setIsSaving(true);
-        setMemberOverrides(groupID, pending);
-        message.success(t("update_member_permissions_success"));
-        setIsSaving(false);
-        onClose();
+        try {
+            await setMemberRolePermissions(Object.assign({ groupID }, toRolePermissionChange(SWITCH_PERMISSION_KEYS, changes)));
+            message.success(t("update_member_permissions_success"));
+            onClose();
+        }
+        catch (error) {
+            console.error("setGroupMemberPermissions", error);
+            message.error(t("update_member_permissions_failed"));
+        }
+        finally {
+            setIsSaving(false);
+        }
     };
     if (!open)
         return null;
-    return (_jsxs("div", { className: "absolute inset-0 bg-white flex flex-col z-10", "data-cp-name": "MemberPermissionPanel", children: [_jsxs("div", { className: "flex w-full items-center border-b border-gray-100 p-2", children: [_jsx("button", { type: "button", className: "flex shrink-0 cursor-pointer items-center justify-center p-2 text-[var(--dc-color-nav-icon)]", onClick: onClose, children: _jsx(Icon, { icon: "arrow-left-o", size: 24 }) }), _jsx("p", { className: "min-w-0 flex-1 truncate px-2 text-[18px] font-bold leading-[1.6] text-gray-900", children: t("member_permission_settings") })] }), _jsx("div", { className: "flex-1 overflow-y-auto", children: _jsx(ConfigProvider, { theme: { token: { colorPrimary: ANTD_PRIMARY_COLOR_VAR } }, children: _jsxs("div", { className: "flex flex-col py-2", children: [_jsxs("div", { className: "flex items-center justify-between px-4 py-3", children: [_jsx("span", { className: "text-sm", children: t("permission_send_message") }), _jsx(Switch, { checked: pending.sendMessage, onChange: (checked) => setPending((prev) => (Object.assign(Object.assign({}, prev), { sendMessage: checked }))) })] }), _jsxs("div", { className: "flex items-center justify-between px-4 py-3", children: [_jsx("span", { className: "text-sm", children: t("permission_add_member") }), _jsx(Switch, { checked: pending.addMember, onChange: (checked) => setPending((prev) => (Object.assign(Object.assign({}, prev), { addMember: checked }))) })] }), _jsxs("div", { className: "flex items-center justify-between px-4 py-3", children: [_jsx("span", { className: "text-sm", children: t("permission_pin_message") }), _jsx(Switch, { checked: pending.pinMessage, onChange: (checked) => setPending((prev) => (Object.assign(Object.assign({}, prev), { pinMessage: checked }))) })] }), _jsxs("div", { className: "flex items-center justify-between px-4 py-3", children: [_jsx("span", { className: "text-sm", children: t("permission_view_member_info") }), _jsx(Switch, { checked: pending.viewMemberInformation, onChange: (checked) => setPending((prev) => (Object.assign(Object.assign({}, prev), { viewMemberInformation: checked }))) })] })] }) }) }), _jsxs("div", { className: "flex items-center justify-end gap-2 px-4 py-3 border-t border-gray-100", children: [_jsx("button", { type: "button", className: "px-4 py-1.5 rounded-full border border-gray-300 text-gray-700 text-sm font-medium", onClick: onClose, children: t("cancel") }), _jsx("button", { type: "button", className: "px-4 py-1.5 rounded-full bg-[var(--dc-color-primary)] text-white text-sm font-medium disabled:bg-gray-200 disabled:text-gray-400", disabled: !hasChanges || isSaving, onClick: handleSave, children: t("save") })] })] }));
+    return (_jsxs("div", { className: "absolute inset-0 bg-white flex flex-col z-10", "data-cp-name": "MemberPermissionPanel", children: [_jsxs("div", { className: "flex w-full items-center border-b border-gray-100 p-2", children: [_jsx("button", { type: "button", className: "flex shrink-0 cursor-pointer items-center justify-center p-2 text-[var(--dc-color-nav-icon)]", onClick: onClose, children: _jsx(Icon, { icon: "arrow-left-o", size: 24 }) }), _jsx("p", { className: "min-w-0 flex-1 truncate px-2 text-[18px] font-bold leading-[1.6] text-gray-900", children: t("member_permission_settings") })] }), _jsx("div", { className: "flex-1 overflow-y-auto", children: _jsx(ConfigProvider, { theme: { token: { colorPrimary: ANTD_PRIMARY_COLOR_VAR } }, children: _jsx("div", { className: "flex flex-col py-2", children: SWITCHES.map((name) => (_jsxs("div", { className: "flex items-center justify-between px-4 py-3", children: [_jsx("span", { className: "text-sm", children: t(SWITCH_LABELS[name]) }), _jsx(Switch, { checked: pending[name], disabled: isLoading, onChange: (checked) => setEdits((prev) => (Object.assign(Object.assign({}, prev), { [name]: checked }))) })] }, name))) }) }) }), _jsxs("div", { className: "flex items-center justify-end gap-2 px-4 py-3 border-t border-gray-100", children: [_jsx("button", { type: "button", className: "px-4 py-1.5 rounded-full border border-gray-300 text-gray-700 text-sm font-medium", onClick: onClose, children: t("cancel") }), _jsx("button", { type: "button", className: "px-4 py-1.5 rounded-full bg-[var(--dc-color-primary)] text-white text-sm font-medium disabled:bg-gray-200 disabled:text-gray-400", disabled: !hasChanges || isSaving || isLoading, onClick: handleSave, children: t("save") })] })] }));
 };
 export default MemberPermissionPanel;

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

@@ -27,5 +27,12 @@ interface SetGroupMemberPermissionsParams {
     permissions: string[];
 }
 export declare const useSetGroupMemberPermissions: () => import("@tanstack/react-query").UseMutationResult<unknown, Error, SetGroupMemberPermissionsParams, unknown>;
+interface SetRolePermissionsParams {
+    groupID: string;
+    enablePermissions: string[];
+    disablePermissions: string[];
+}
+export declare const useSetAdminRolePermissions: () => import("@tanstack/react-query").UseMutationResult<unknown, Error, SetRolePermissionsParams, unknown>;
+export declare const useSetMemberRolePermissions: () => import("@tanstack/react-query").UseMutationResult<unknown, Error, SetRolePermissionsParams, 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,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"}
+{"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;AAEF,UAAU,wBAAwB;IAChC,OAAO,EAAE,MAAM,CAAC;IAChB,iBAAiB,EAAE,MAAM,EAAE,CAAC;IAC5B,kBAAkB,EAAE,MAAM,EAAE,CAAC;CAC9B;AAaD,eAAO,MAAM,0BAA0B,4GAOtC,CAAC;AAGF,eAAO,MAAM,2BAA2B,4GAOvC,CAAC"}

package/dist/hooks/group/useGroupMemberActions.js

@@ -64,3 +64,26 @@ export const useSetGroupMemberPermissions = () => {
         },
     });
 };
+const toRolePermissionsReq = ({ groupID, enablePermissions, disablePermissions, }) => ({
+    groupID,
+    enablePermissions: enablePermissions,
+    disablePermissions: disablePermissions,
+});
+// One call for every Admin of the group; each Admin keeps the keys not listed.
+export const useSetAdminRolePermissions = () => {
+    return useMutation({
+        mutationFn: async (params) => {
+            const { data } = await DChatSDK.setGroupAdminPermissions(toRolePermissionsReq(params));
+            return data;
+        },
+    });
+};
+// One call for every ordinary member of the group; each keeps the keys not listed.
+export const useSetMemberRolePermissions = () => {
+    return useMutation({
+        mutationFn: async (params) => {
+            const { data } = await DChatSDK.setGroupMemberPermissions(toRolePermissionsReq(params));
+            return data;
+        },
+    });
+};

package/dist/locales/vi/common.json

@@ -253,6 +253,7 @@
   "permission_remove_member": "Xoá thành viên",
   "permission_update_group_info": "Cập nhật thông tin nhóm",
   "update_member_permissions_success": "Cập nhật quyền thành viên thành công",
+  "update_member_permissions_failed": "Cập nhật quyền thành viên thất bại",
   "update_admin_permissions_success": "Cập nhật quyền quản trị viên thành công",
   "invite_via_link": "Mời vào nhóm bằng link",
   "invite_link_empty_owner_title": "Tạo link tham gia nhóm",

package/dist/utils/groupPermissionSwitches.d.ts

@@ -0,0 +1,9 @@
+export type PermissionSwitchKeys<S extends string> = Record<S, readonly string[]>;
+export type SwitchStates<S extends string> = Record<S, boolean>;
+export declare const commonSwitchStates: <S extends string>(switchKeys: PermissionSwitchKeys<S>, permissionLists: string[][]) => SwitchStates<S>;
+export declare const changedSwitches: <S extends string>(baseline: SwitchStates<S>, pending: SwitchStates<S>) => Partial<SwitchStates<S>>;
+export declare const toRolePermissionChange: <S extends string>(switchKeys: PermissionSwitchKeys<S>, changes: Partial<SwitchStates<S>>) => {
+    enablePermissions: string[];
+    disablePermissions: string[];
+};
+//# sourceMappingURL=groupPermissionSwitches.d.ts.map

package/dist/utils/groupPermissionSwitches.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"groupPermissionSwitches.d.ts","sourceRoot":"","sources":["../../src/utils/groupPermissionSwitches.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,oBAAoB,CAAC,CAAC,SAAS,MAAM,IAAI,MAAM,CAAC,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC,CAAC;AAClF,MAAM,MAAM,YAAY,CAAC,CAAC,SAAS,MAAM,IAAI,MAAM,CAAC,CAAC,EAAE,OAAO,CAAC,CAAC;AAGhE,eAAO,MAAM,kBAAkB,GAAI,CAAC,SAAS,MAAM,EACjD,YAAY,oBAAoB,CAAC,CAAC,CAAC,EACnC,iBAAiB,MAAM,EAAE,EAAE,KAC1B,YAAY,CAAC,CAAC,CASK,CAAC;AAGvB,eAAO,MAAM,eAAe,GAAI,CAAC,SAAS,MAAM,EAC9C,UAAU,YAAY,CAAC,CAAC,CAAC,EACzB,SAAS,YAAY,CAAC,CAAC,CAAC,KACvB,OAAO,CAAC,YAAY,CAAC,CAAC,CAAC,CAKK,CAAC;AAGhC,eAAO,MAAM,sBAAsB,GAAI,CAAC,SAAS,MAAM,EACrD,YAAY,oBAAoB,CAAC,CAAC,CAAC,EACnC,SAAS,OAAO,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC;;;CAQlC,CAAC"}

package/dist/utils/groupPermissionSwitches.js

@@ -0,0 +1,19 @@
+// A switch reads on only when every given permission list grants all of its keys.
+export const commonSwitchStates = (switchKeys, permissionLists) => Object.fromEntries(Object.keys(switchKeys).map((name) => [
+    name,
+    permissionLists.length > 0 &&
+        permissionLists.every((list) => switchKeys[name].every((key) => list.includes(key))),
+]));
+// The switches whose pending value differs from the baseline, with their new value.
+export const changedSwitches = (baseline, pending) => Object.fromEntries(Object.keys(baseline)
+    .filter((name) => pending[name] !== baseline[name])
+    .map((name) => [name, pending[name]]));
+// Splits the flipped switches into the enable/disable key lists of a role-wide update.
+export const toRolePermissionChange = (switchKeys, changes) => {
+    const enablePermissions = [];
+    const disablePermissions = [];
+    Object.entries(changes).forEach(([name, enabled]) => {
+        (enabled ? enablePermissions : disablePermissions).push(...switchKeys[name]);
+    });
+    return { enablePermissions, disablePermissions };
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@droppii-org/chat-sdk",
-  "version": "0.6.52",
+  "version": "0.6.53",
   "description": "Droppii React Chat SDK",
   "repository": {
     "type": "git",
@@ -85,7 +85,7 @@
   "dependencies": {
     "@ant-design/cssinjs": "^1.24.0",
     "@ant-design/icons": "^6.0.0",
-    "@droppii-org/wasm-client-sdk": "0.6.0",
+    "@droppii-org/wasm-client-sdk": "0.7.0",
     "@lexical/code": "^0.34.0",
     "@lexical/html": "^0.34.0",
     "@lexical/link": "^0.34.0",

package/dist/store/groupPermissionOverrides.d.ts

@@ -1,23 +0,0 @@
-export interface MemberPermissionOverrides {
-    sendMessage: boolean;
-    addMember: boolean;
-    pinMessage: boolean;
-    viewMemberInformation: boolean;
-}
-export interface AdminPermissionOverrides {
-    sendMessage: boolean;
-    pinMessage: boolean;
-    viewMemberInformation: boolean;
-    addMember: boolean;
-    removeMember: boolean;
-    updateGroupInfo: boolean;
-}
-interface GroupPermissionOverridesStore {
-    memberOverridesByGroup: Record<string, MemberPermissionOverrides>;
-    adminOverridesByGroup: Record<string, AdminPermissionOverrides>;
-    setMemberOverrides: (groupID: string, overrides: MemberPermissionOverrides) => void;
-    setAdminOverrides: (groupID: string, overrides: AdminPermissionOverrides) => void;
-}
-declare const useGroupPermissionOverridesStore: import("zustand").UseBoundStore<import("zustand").StoreApi<GroupPermissionOverridesStore>>;
-export default useGroupPermissionOverridesStore;
-//# sourceMappingURL=groupPermissionOverrides.d.ts.map

package/dist/store/groupPermissionOverrides.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"groupPermissionOverrides.d.ts","sourceRoot":"","sources":["../../src/store/groupPermissionOverrides.ts"],"names":[],"mappings":"AAKA,MAAM,WAAW,yBAAyB;IACxC,WAAW,EAAE,OAAO,CAAC;IACrB,SAAS,EAAE,OAAO,CAAC;IACnB,UAAU,EAAE,OAAO,CAAC;IACpB,qBAAqB,EAAE,OAAO,CAAC;CAChC;AAED,MAAM,WAAW,wBAAwB;IACvC,WAAW,EAAE,OAAO,CAAC;IACrB,UAAU,EAAE,OAAO,CAAC;IACpB,qBAAqB,EAAE,OAAO,CAAC;IAC/B,SAAS,EAAE,OAAO,CAAC;IACnB,YAAY,EAAE,OAAO,CAAC;IACtB,eAAe,EAAE,OAAO,CAAC;CAC1B;AAED,UAAU,6BAA6B;IACrC,sBAAsB,EAAE,MAAM,CAAC,MAAM,EAAE,yBAAyB,CAAC,CAAC;IAClE,qBAAqB,EAAE,MAAM,CAAC,MAAM,EAAE,wBAAwB,CAAC,CAAC;IAChE,kBAAkB,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,yBAAyB,KAAK,IAAI,CAAC;IACpF,iBAAiB,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,wBAAwB,KAAK,IAAI,CAAC;CACnF;AAED,QAAA,MAAM,gCAAgC,4FAmBrC,CAAC;AAEF,eAAe,gCAAgC,CAAC"}

package/dist/store/groupPermissionOverrides.js

@@ -1,12 +0,0 @@
-import { create } from "zustand";
-const useGroupPermissionOverridesStore = create((set) => ({
-    memberOverridesByGroup: {},
-    adminOverridesByGroup: {},
-    setMemberOverrides: (groupID, overrides) => set((state) => ({
-        memberOverridesByGroup: Object.assign(Object.assign({}, state.memberOverridesByGroup), { [groupID]: overrides }),
-    })),
-    setAdminOverrides: (groupID, overrides) => set((state) => ({
-        adminOverridesByGroup: Object.assign(Object.assign({}, state.adminOverridesByGroup), { [groupID]: overrides }),
-    })),
-}));
-export default useGroupPermissionOverridesStore;