feat: specify permissions in approval

apps/extension/src/Approvals/ApproveConnection.tsx

@@ -4,6 +4,7 @@ import { ConnectInterfaceResponseMsg } from "background/approvals";
 import { useQuery } from "hooks";
 import { useRequester } from "hooks/useRequester";
 import { Ports } from "router";
+import { AllowedPermissions } from "storage";
 import { closeCurrentTab } from "utils";
 
 export const ApproveConnection: React.FC = () => {
@@ -12,15 +13,13 @@ export const ApproveConnection: React.FC = () => {
   const interfaceOrigin = params.get("interfaceOrigin");
   const chainId = params.get("chainId")!;
 
-  const handleResponse = async (allowConnection: boolean): Promise<void> => {
+  const handleResponse = async (
+    permissions: AllowedPermissions
+  ): Promise<void> => {
     if (interfaceOrigin) {
       await requester.sendMessage(
         Ports.Background,
-        new ConnectInterfaceResponseMsg(
-          interfaceOrigin,
-          chainId,
-          allowConnection
-        )
+        new ConnectInterfaceResponseMsg(interfaceOrigin, chainId, permissions)
       );
       await closeCurrentTab();
     }
@@ -35,12 +34,19 @@ export const ApproveConnection: React.FC = () => {
           signing for <strong>{chainId}</strong>?
         </Alert>
         <Stack gap={2}>
-          <ActionButton onClick={() => handleResponse(true)}>
+          <ActionButton
+            onClick={() =>
+              // NOTE: In the future we may want the user to have
+              // granular control over what access the extension may
+              // have for any particular domain
+              handleResponse(["accounts", "proofGenKeys", "signing"])
+            }
+          >
             Approve
           </ActionButton>
           <ActionButton
             outlineColor="yellow"
-            onClick={() => handleResponse(false)}
+            onClick={() => handleResponse([])}
           >
             Reject
           </ActionButton>

apps/extension/src/background/approvals/handler.test.ts

@@ -84,7 +84,7 @@ describe("approvals handler", () => {
     const connectInterfaceResponseMsg = new ConnectInterfaceResponseMsg(
       "",
       chainId,
-      true
+      ["accounts", "signing"]
     );
     handler(env, connectInterfaceResponseMsg);
     expect(service.approveConnectionResponse).toBeCalled();

apps/extension/src/background/approvals/handler.ts

@@ -135,13 +135,13 @@ const handleConnectInterfaceResponseMsg: (
 ) => InternalHandler<ConnectInterfaceResponseMsg> = (service) => {
   return async (
     { senderTabId: popupTabId },
-    { interfaceOrigin, chainId, allowConnection }
+    { interfaceOrigin, chainId, permissions }
   ) => {
     return await service.approveConnectionResponse(
       popupTabId,
       interfaceOrigin,
       chainId,
-      allowConnection
+      permissions
     );
   };
 };

apps/extension/src/background/approvals/messages.test.ts

@@ -63,20 +63,29 @@ describe("approvals messages", () => {
   });
 
   test("valid ConnectInterfaceResponseMsg", () => {
-    const msg = new ConnectInterfaceResponseMsg("interface", "chainId", true);
+    const msg = new ConnectInterfaceResponseMsg("interface", "chainId", [
+      "accounts",
+      "signing",
+    ]);
 
     expect(msg.type()).toBe(MessageType.ConnectInterfaceResponse);
     expect(msg.route()).toBe(ROUTE);
     expect(msg.validate()).toBeUndefined();
   });
 
   test("invalid ConnectInterfaceResponseMsg", () => {
-    const msg = new ConnectInterfaceResponseMsg("interface", "chainId", true);
+    const msg = new ConnectInterfaceResponseMsg("interface", "chainId", [
+      "accounts",
+      "signing",
+    ]);
     (msg as any).interfaceOrigin = undefined;
 
     expect(() => msg.validate()).toThrow();
 
-    const msg2 = new ConnectInterfaceResponseMsg("interface", "chainId", true);
+    const msg2 = new ConnectInterfaceResponseMsg("interface", "chainId", [
+      "accounts",
+      "signing",
+    ]);
     (msg2 as any).allowConnection = undefined;
 
     expect(() => msg2.validate()).toThrow();

apps/extension/src/background/approvals/messages.ts

@@ -3,6 +3,7 @@ import { ROUTE } from "./constants";
 
 import { TxDetails } from "@namada/types";
 import { ResponseSign } from "@zondax/ledger-namada";
+import { AllowedPermissions } from "storage";
 import { validateProps } from "utils";
 
 export enum MessageType {
@@ -148,13 +149,13 @@ export class ConnectInterfaceResponseMsg extends Message<void> {
   constructor(
     public readonly interfaceOrigin: string,
     public readonly chainId: string,
-    public readonly allowConnection: boolean
+    public readonly permissions: AllowedPermissions
   ) {
     super();
   }
 
   validate(): void {
-    validateProps(this, ["interfaceOrigin", "chainId", "allowConnection"]);
+    validateProps(this, ["interfaceOrigin", "chainId", "permissions"]);
   }
 
   route(): string {

apps/extension/src/background/approvals/service.test.ts

@@ -321,7 +321,7 @@ describe("approvals service", () => {
         popupTabId,
         interfaceOrigin,
         chainId,
-        true
+        ["accounts", "signing"]
       );
 
       expect(service["resolverMap"][popupTabId].resolve).toHaveBeenCalled();
@@ -341,7 +341,7 @@ describe("approvals service", () => {
           popupTabId,
           interfaceOrigin,
           chainId,
-          true
+          ["accounts", "signing"]
         )
       ).rejects.toBeDefined();
     });
@@ -361,7 +361,7 @@ describe("approvals service", () => {
         popupTabId,
         interfaceOrigin,
         chainId,
-        false
+        []
       );
 
       expect(service["resolverMap"][popupTabId].reject).toHaveBeenCalled();
@@ -447,7 +447,7 @@ describe("approvals service", () => {
         popupTabId,
         interfaceOrigin,
         chainId,
-        false
+        []
       );
 
       expect(service["resolverMap"][popupTabId].reject).toHaveBeenCalled();

apps/extension/src/background/approvals/service.ts

@@ -14,7 +14,7 @@ import { PermissionsService } from "background/permissions";
 import { SdkService } from "background/sdk";
 import { VaultService } from "background/vault";
 import { ExtensionBroadcaster } from "extension";
-import { LocalStorage } from "storage";
+import { AllowedPermissions, LocalStorage } from "storage";
 import { fromEncodedTx } from "utils";
 import { EncodedTxData, PendingTx } from "./types";
 
@@ -224,16 +224,16 @@ export class ApprovalsService {
     popupTabId: number,
     interfaceOrigin: string,
     chainId: string,
-    allowConnection: boolean
+    permissions: AllowedPermissions
   ): Promise<void> {
     const resolvers = this.getResolver(popupTabId);
 
-    if (allowConnection) {
+    if (permissions.length) {
       try {
         await this.permissionsService.enablePermissions(
           interfaceOrigin,
           chainId,
-          ["accounts", "proofGenKeys", "signing"]
+          permissions
         );
         // Enable signing for this chain
         await this.chainService.updateChain(chainId);

packages/sdk/README.md

@@ -7,10 +7,10 @@ The Namada SDK package
 ### Installation
 
 ```bash
-npm install @heliaxdev/namada-sdk
+npm install @namada/sdk
 
 # Or, via yarn
-yarn add @heliaxdev/namada-sdk
+yarn add @namada/sdk
 ```
 
 ### Initializing the SDK
@@ -19,8 +19,8 @@ As this package depends on Wasm compiled from Rust to integrate with Namada, thi
 developing for the Web. The following is a quick overview of some of the features of the SDK package:
 
 ```typescript
-import { Sdk, getSdk } from "@heliaxdev/namada-sdk/web";
-import sdkInit from "@heliaxdev/namada-sdk/web-init";
+import { Sdk, getSdk } from "@namada/sdk/web";
+import sdkInit from "@namada/sdk/web-init";
 
 // Load Tx props from types package
 import { BondProps, WrapperTxProps } from "@namada/types";