Enable group permissions update in Browser SDK

sdks/browser-sdk/src/Conversation.ts

@@ -1,6 +1,11 @@
 import type { ContentTypeId } from "@xmtp/content-type-primitives";
 import { ContentTypeText } from "@xmtp/content-type-text";
-import type { ConsentState } from "@xmtp/wasm-bindings";
+import type {
+  ConsentState,
+  MetadataField,
+  PermissionPolicy,
+  PermissionUpdateType,
+} from "@xmtp/wasm-bindings";
 import type { Client } from "@/Client";
 import { DecodedMessage } from "@/DecodedMessage";
 import type {
@@ -28,8 +33,6 @@ export class Conversation {
 
   #metadata?: SafeConversation["metadata"];
 
-  #permissions?: SafeConversation["permissions"];
-
   #createdAtNs?: SafeConversation["createdAtNs"];
 
   #admins: SafeConversation["admins"] = [];
@@ -50,7 +53,6 @@ export class Conversation {
     this.#isActive = data?.isActive ?? undefined;
     this.#addedByInboxId = data?.addedByInboxId ?? "";
     this.#metadata = data?.metadata ?? undefined;
-    this.#permissions = data?.permissions ?? undefined;
     this.#createdAtNs = data?.createdAtNs ?? undefined;
     this.#admins = data?.admins ?? [];
     this.#superAdmins = data?.superAdmins ?? [];
@@ -156,8 +158,23 @@ export class Conversation {
     this.#superAdmins = superAdmins;
   }
 
-  get permissions() {
-    return this.#permissions;
+  async permissions() {
+    return this.#client.sendMessage("getGroupPermissions", {
+      id: this.#id,
+    });
+  }
+
+  async updatePermission(
+    permissionType: PermissionUpdateType,
+    policy: PermissionPolicy,
+    metadataField?: MetadataField,
+  ) {
+    return this.#client.sendMessage("updateGroupPermissionPolicy", {
+      id: this.#id,
+      permissionType,
+      policy,
+      metadataField,
+    });
   }
 
   async isAdmin(inboxId: string) {

sdks/browser-sdk/src/WorkerConversation.ts

@@ -3,6 +3,9 @@ import type {
   Conversation,
   EncodedContent,
   GroupMember,
+  MetadataField,
+  PermissionPolicy,
+  PermissionUpdateType,
 } from "@xmtp/wasm-bindings";
 import {
   fromSafeListMessagesOptions,
@@ -99,6 +102,18 @@ export class WorkerConversation {
     };
   }
 
+  async updatePermission(
+    permissionType: PermissionUpdateType,
+    policy: PermissionPolicy,
+    metadataField?: MetadataField,
+  ) {
+    return this.#group.updatePermissionPolicy(
+      permissionType,
+      policy,
+      metadataField,
+    );
+  }
+
   isAdmin(inboxId: string) {
     return this.#group.isAdmin(inboxId);
   }

sdks/browser-sdk/src/index.ts

@@ -25,6 +25,7 @@ export {
   ListConversationsOptions,
   ListMessagesOptions,
   Message,
+  MetadataField,
   PermissionLevel,
   PermissionPolicy,
   PermissionPolicySet,

sdks/browser-sdk/src/types/clientEvents.ts

@@ -1,6 +1,9 @@
 import type {
   ConsentEntityType,
   ConsentState,
+  MetadataField,
+  PermissionPolicy,
+  PermissionUpdateType,
   SignatureRequestType,
 } from "@xmtp/wasm-bindings";
 import type {
@@ -485,6 +488,25 @@ export type ClientEvents =
       data: {
         id: string;
       };
+    }
+  | {
+      action: "updateGroupPermissionPolicy";
+      id: string;
+      result: undefined;
+      data: {
+        id: string;
+        permissionType: PermissionUpdateType;
+        policy: PermissionPolicy;
+        metadataField?: MetadataField;
+      };
+    }
+  | {
+      action: "getGroupPermissions";
+      id: string;
+      result: SafeConversation["permissions"];
+      data: {
+        id: string;
+      };
     };
 
 export type ClientEventsActions = ClientEvents["action"];

sdks/browser-sdk/src/workers/client.ts

@@ -826,6 +826,46 @@ self.onmessage = async (event: MessageEvent<ClientEventsClientMessageData>) => {
         }
         break;
       }
+      case "updateGroupPermissionPolicy": {
+        const group = client.conversations.getConversationById(data.id);
+        if (group) {
+          await group.updatePermission(
+            data.permissionType,
+            data.policy,
+            data.metadataField,
+          );
+          postMessage({
+            id,
+            action,
+            result: undefined,
+          });
+        } else {
+          postMessageError({
+            id,
+            action,
+            error: "Group not found",
+          });
+        }
+        break;
+      }
+      case "getGroupPermissions": {
+        const group = client.conversations.getConversationById(data.id);
+        if (group) {
+          const safeConversation = await toSafeConversation(group);
+          postMessage({
+            id,
+            action,
+            result: safeConversation.permissions,
+          });
+        } else {
+          postMessageError({
+            id,
+            action,
+            error: "Group not found",
+          });
+        }
+        break;
+      }
     }
   } catch (e) {
     postMessageError({

sdks/browser-sdk/test/Conversation.test.ts

@@ -1,4 +1,9 @@
-import { ConsentState } from "@xmtp/wasm-bindings";
+import {
+  ConsentState,
+  MetadataField,
+  PermissionPolicy,
+  PermissionUpdateType,
+} from "@xmtp/wasm-bindings";
 import { describe, expect, it } from "vitest";
 import {
   ContentTypeTest,
@@ -404,4 +409,82 @@ describe.concurrent("Conversation", () => {
     await dmGroup2!.send("gm!");
     expect(await dmGroup2!.consentState()).toBe(ConsentState.Allowed);
   });
+
+  it("should update group permission policy", async () => {
+    const user1 = createUser();
+    const user2 = createUser();
+    const client1 = await createRegisteredClient(user1);
+    await createRegisteredClient(user2);
+    const conversation = await client1.conversations.newGroup([
+      user2.account.address,
+    ]);
+
+    const permissions = await conversation.permissions();
+    expect(permissions.policySet).toEqual({
+      addMemberPolicy: 0,
+      removeMemberPolicy: 2,
+      addAdminPolicy: 3,
+      removeAdminPolicy: 3,
+      updateGroupNamePolicy: 0,
+      updateGroupDescriptionPolicy: 0,
+      updateGroupImageUrlSquarePolicy: 0,
+      updateGroupPinnedFrameUrlPolicy: 0,
+    });
+
+    await conversation.updatePermission(
+      PermissionUpdateType.AddMember,
+      PermissionPolicy.Admin,
+    );
+
+    await conversation.updatePermission(
+      PermissionUpdateType.RemoveMember,
+      PermissionPolicy.SuperAdmin,
+    );
+
+    await conversation.updatePermission(
+      PermissionUpdateType.AddAdmin,
+      PermissionPolicy.Admin,
+    );
+
+    await conversation.updatePermission(
+      PermissionUpdateType.RemoveAdmin,
+      PermissionPolicy.Admin,
+    );
+
+    await conversation.updatePermission(
+      PermissionUpdateType.UpdateMetadata,
+      PermissionPolicy.Admin,
+      MetadataField.GroupName,
+    );
+
+    await conversation.updatePermission(
+      PermissionUpdateType.UpdateMetadata,
+      PermissionPolicy.Admin,
+      MetadataField.Description,
+    );
+
+    await conversation.updatePermission(
+      PermissionUpdateType.UpdateMetadata,
+      PermissionPolicy.Admin,
+      MetadataField.ImageUrlSquare,
+    );
+
+    await conversation.updatePermission(
+      PermissionUpdateType.UpdateMetadata,
+      PermissionPolicy.Admin,
+      MetadataField.PinnedFrameUrl,
+    );
+
+    const permissions2 = await conversation.permissions();
+    expect(permissions2.policySet).toEqual({
+      addMemberPolicy: 2,
+      removeMemberPolicy: 3,
+      addAdminPolicy: 2,
+      removeAdminPolicy: 2,
+      updateGroupNamePolicy: 2,
+      updateGroupDescriptionPolicy: 2,
+      updateGroupImageUrlSquarePolicy: 2,
+      updateGroupPinnedFrameUrlPolicy: 2,
+    });
+  });
 });

sdks/browser-sdk/test/Conversations.test.ts

@@ -29,10 +29,9 @@ describe.concurrent("Conversations", () => {
     expect(conversation.createdAt).toBeDefined();
     expect(conversation.isActive).toBe(true);
     expect(conversation.name).toBe("");
-    expect(conversation.permissions?.policyType).toBe(
-      GroupPermissionsOptions.AllMembers,
-    );
-    expect(conversation.permissions?.policySet).toEqual({
+    const permissions = await conversation.permissions();
+    expect(permissions.policyType).toBe(GroupPermissionsOptions.AllMembers);
+    expect(permissions.policySet).toEqual({
       addMemberPolicy: 0,
       removeMemberPolicy: 2,
       addAdminPolicy: 3,
@@ -83,10 +82,9 @@ describe.concurrent("Conversations", () => {
     expect(group.createdAt).toBeDefined();
     expect(group.isActive).toBe(true);
     expect(group.name).toBe("");
-    expect(group.permissions?.policyType).toBe(
-      GroupPermissionsOptions.CustomPolicy,
-    );
-    expect(group.permissions?.policySet).toEqual({
+    const permissions = await group.permissions();
+    expect(permissions.policyType).toBe(GroupPermissionsOptions.CustomPolicy);
+    expect(permissions.policySet).toEqual({
       addAdminPolicy: 1,
       addMemberPolicy: 1,
       removeAdminPolicy: 1,
@@ -217,11 +215,10 @@ describe.concurrent("Conversations", () => {
     expect(groupWithPermissions).toBeDefined();
     expect(groupWithPermissions.name).toBe("");
     expect(groupWithPermissions.imageUrl).toBe("");
-    expect(groupWithPermissions.permissions?.policyType).toBe(
-      GroupPermissionsOptions.AdminOnly,
-    );
 
-    expect(groupWithPermissions.permissions?.policySet).toEqual({
+    const permissions = await groupWithPermissions.permissions();
+    expect(permissions.policyType).toBe(GroupPermissionsOptions.AdminOnly);
+    expect(permissions.policySet).toEqual({
       addMemberPolicy: 2,
       removeMemberPolicy: 2,
       addAdminPolicy: 3,
@@ -278,10 +275,10 @@ describe.concurrent("Conversations", () => {
       },
     );
     expect(group).toBeDefined();
-    expect(group.permissions?.policyType).toBe(
-      GroupPermissionsOptions.CustomPolicy,
-    );
-    expect(group.permissions?.policySet).toEqual({
+
+    const permissions = await group.permissions();
+    expect(permissions.policyType).toBe(GroupPermissionsOptions.CustomPolicy);
+    expect(permissions.policySet).toEqual({
       addAdminPolicy: 1,
       addMemberPolicy: 0,
       removeAdminPolicy: 1,