@portal-hq/web 3.3.0 → 3.3.2

package/lib/commonjs/index.js

@@ -47,7 +47,7 @@ class Portal {
     // Required
     rpcConfig, 
     // Optional
-    apiKey, authToken, authUrl, autoApprove = false, gdrive, passkey, host = 'web.portalhq.io', mpcVersion = 'v6', mpcHost = 'mpc-client.portalhq.io', featureFlags = {}, }) {
+    apiKey, authToken, authUrl, autoApprove = false, gdrive, passkey, host = 'web.portalhq.io', mpcVersion = 'v6', mpcHost = 'mpc-client.portalhq.io', featureFlags = {}, chainId, }) {
         this.errorCallbacks = [];
         this.readyCallbacks = [];
         this.sendEth = ({ chainId, to, value, }) => __awaiter(this, void 0, void 0, function* () {
@@ -83,6 +83,7 @@ class Portal {
         });
         this.provider = new provider_1.default({
             portal: this,
+            chainId: chainId ? Number(chainId) : undefined,
         });
     }
     /*****************************
@@ -312,6 +313,9 @@ class Portal {
             return this.provider.request(request);
         });
     }
+    updateChain(newChainId) {
+        this.provider.setChainId(Number(newChainId));
+    }
     /**
      * Estimates the amount of gas that will be required to execute an Ethereum transaction.
      *

package/lib/commonjs/mpc/index.js

@@ -12,7 +12,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.MpcErrorCodes = exports.MpcError = void 0;
 const errors_1 = require("./errors");
 const index_1 = require("../index");
-const WEB_SDK_VERSION = '3.3.0';
+const WEB_SDK_VERSION = '3.3.2';
 class Mpc {
     get ready() {
         return this._ready;

package/lib/commonjs/provider/index.js

@@ -151,7 +151,7 @@ const signerMethods = [
     RequestMethod.sol_signTransaction,
 ];
 class Provider {
-    constructor({ portal }) {
+    constructor({ portal, chainId }) {
         this.enforceEip155ChainId = (chainId) => {
             if (!chainId) {
                 throw new Error('[PortalProvider] Chain ID is required for the operation');
@@ -190,8 +190,14 @@ class Provider {
             }
             return params;
         };
+        this.getCAIP2ChainId = (chainId) => {
+            if (!chainId && !this.chainReferenceId)
+                throw new Error('[PortalProvider] Chain ID is required for the operation');
+            return chainId || `eip155:${this.chainReferenceId}`;
+        };
         this.events = {};
         this.portal = portal;
+        this.chainReferenceId = chainId;
     }
     /**
      * Invokes all registered event handlers with the data provided
@@ -254,9 +260,10 @@ class Provider {
      * @param args The arguments of the request being made
      * @returns Promise<any>
      */
-    request({ chainId, method, params, }) {
+    request({ chainId: requestChainId, method, params, }) {
         return __awaiter(this, void 0, void 0, function* () {
             const isSignerMethod = signerMethods.includes(method);
+            const chainId = this.getCAIP2ChainId(requestChainId);
             if (!isSignerMethod && !method.startsWith('wallet_')) {
                 // Send to Gateway for RPC calls
                 const response = yield this.handleGatewayRequest({
@@ -304,6 +311,12 @@ class Provider {
             }
         });
     }
+    setChainId(chainId) {
+        if (!Number.isInteger(chainId))
+            throw new Error(`[PortalProvider] Chain ID must be an integer, got ${chainId}`);
+        this.chainReferenceId = chainId;
+        this.emit('chainChanged', { chainId });
+    }
     /************************
      * Private Methods
      ************************/

package/lib/esm/index.js

@@ -18,7 +18,7 @@ class Portal {
     // Required
     rpcConfig, 
     // Optional
-    apiKey, authToken, authUrl, autoApprove = false, gdrive, passkey, host = 'web.portalhq.io', mpcVersion = 'v6', mpcHost = 'mpc-client.portalhq.io', featureFlags = {}, }) {
+    apiKey, authToken, authUrl, autoApprove = false, gdrive, passkey, host = 'web.portalhq.io', mpcVersion = 'v6', mpcHost = 'mpc-client.portalhq.io', featureFlags = {}, chainId, }) {
         this.errorCallbacks = [];
         this.readyCallbacks = [];
         this.sendEth = ({ chainId, to, value, }) => __awaiter(this, void 0, void 0, function* () {
@@ -54,6 +54,7 @@ class Portal {
         });
         this.provider = new Provider({
             portal: this,
+            chainId: chainId ? Number(chainId) : undefined,
         });
     }
     /*****************************
@@ -283,6 +284,9 @@ class Portal {
             return this.provider.request(request);
         });
     }
+    updateChain(newChainId) {
+        this.provider.setChainId(Number(newChainId));
+    }
     /**
      * Estimates the amount of gas that will be required to execute an Ethereum transaction.
      *

package/lib/esm/mpc/index.js

@@ -9,7 +9,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
 };
 import { PortalMpcError } from './errors';
 import { BackupMethods, } from '../index';
-const WEB_SDK_VERSION = '3.3.0';
+const WEB_SDK_VERSION = '3.3.2';
 class Mpc {
     get ready() {
         return this._ready;

package/lib/esm/provider/index.js

@@ -148,7 +148,7 @@ const signerMethods = [
     RequestMethod.sol_signTransaction,
 ];
 class Provider {
-    constructor({ portal }) {
+    constructor({ portal, chainId }) {
         this.enforceEip155ChainId = (chainId) => {
             if (!chainId) {
                 throw new Error('[PortalProvider] Chain ID is required for the operation');
@@ -187,8 +187,14 @@ class Provider {
             }
             return params;
         };
+        this.getCAIP2ChainId = (chainId) => {
+            if (!chainId && !this.chainReferenceId)
+                throw new Error('[PortalProvider] Chain ID is required for the operation');
+            return chainId || `eip155:${this.chainReferenceId}`;
+        };
         this.events = {};
         this.portal = portal;
+        this.chainReferenceId = chainId;
     }
     /**
      * Invokes all registered event handlers with the data provided
@@ -251,9 +257,10 @@ class Provider {
      * @param args The arguments of the request being made
      * @returns Promise<any>
      */
-    request({ chainId, method, params, }) {
+    request({ chainId: requestChainId, method, params, }) {
         return __awaiter(this, void 0, void 0, function* () {
             const isSignerMethod = signerMethods.includes(method);
+            const chainId = this.getCAIP2ChainId(requestChainId);
             if (!isSignerMethod && !method.startsWith('wallet_')) {
                 // Send to Gateway for RPC calls
                 const response = yield this.handleGatewayRequest({
@@ -301,6 +308,12 @@ class Provider {
             }
         });
     }
+    setChainId(chainId) {
+        if (!Number.isInteger(chainId))
+            throw new Error(`[PortalProvider] Chain ID must be an integer, got ${chainId}`);
+        this.chainReferenceId = chainId;
+        this.emit('chainChanged', { chainId });
+    }
     /************************
      * Private Methods
      ************************/

package/package.json

@@ -3,7 +3,7 @@
   "description": "Portal MPC Support for Web",
   "author": "Portal Labs, Inc.",
   "homepage": "https://portalhq.io/",
-  "version": "3.3.0",
+  "version": "3.3.2",
   "license": "MIT",
   "main": "lib/commonjs/index",
   "module": "lib/esm/index",

package/src/index.ts

@@ -76,6 +76,7 @@ class Portal {
     mpcVersion = 'v6',
     mpcHost = 'mpc-client.portalhq.io',
     featureFlags = {},
+    chainId,
   }: PortalOptions) {
     this.apiKey = apiKey
     this.authToken = authToken
@@ -100,6 +101,7 @@ class Portal {
 
     this.provider = new Provider({
       portal: this,
+      chainId: chainId ? Number(chainId): undefined,
     })
   }
 
@@ -388,6 +390,10 @@ class Portal {
     return this.provider.request(request)
   }
 
+  public updateChain(newChainId: string) {
+    this.provider.setChainId(Number(newChainId))
+  }
+
   /**
    * Estimates the amount of gas that will be required to execute an Ethereum transaction.
    *

package/src/mpc/index.ts

@@ -37,7 +37,7 @@ import type {
   BuiltTransaction,
 } from '../../types'
 
-const WEB_SDK_VERSION = '3.3.0'
+const WEB_SDK_VERSION = '3.3.2'
 
 class Mpc {
   public iframe?: HTMLIFrameElement

package/src/provider/index.ts

@@ -160,9 +160,13 @@ class Provider {
 
   private portal: Portal
 
-  constructor({ portal }: ProviderOptions) {
+  // eip155 chain reference ID
+  private chainReferenceId?: number
+
+  constructor({ portal, chainId }: ProviderOptions) {
     this.events = {}
     this.portal = portal
+    this.chainReferenceId = chainId
   }
 
   /**
@@ -241,11 +245,12 @@ class Provider {
    * @returns Promise<any>
    */
   public async request({
-    chainId,
+    chainId: requestChainId,
     method,
     params,
   }: RequestArguments): Promise<any> {
     const isSignerMethod = signerMethods.includes(method)
+    const chainId = this.getCAIP2ChainId(requestChainId)
 
     if (!isSignerMethod && !method.startsWith('wallet_')) {
       // Send to Gateway for RPC calls
@@ -297,6 +302,16 @@ class Provider {
     }
   }
 
+  public setChainId(chainId: number) {
+    if (!Number.isInteger(chainId))
+      throw new Error(
+        `[PortalProvider] Chain ID must be an integer, got ${chainId}`,
+      )
+
+    this.chainReferenceId = chainId
+    this.emit('chainChanged', { chainId })
+  }
+
   /************************
    * Private Methods
    ************************/
@@ -523,6 +538,13 @@ class Provider {
 
     return params
   }
+
+  private getCAIP2ChainId = (chainId?: string) => {
+    if (!chainId && !this.chainReferenceId)
+      throw new Error('[PortalProvider] Chain ID is required for the operation')
+
+    return chainId || `eip155:${this.chainReferenceId}`
+  }
 }
 
 export default Provider

package/types.d.ts

@@ -367,11 +367,15 @@ export interface PortalOptions {
   keychain?: KeychainAdapter
   mpcVersion?: string
   featureFlags?: FeatureFlags
+  chainId?: string
 }
 
 export interface ProviderOptions {
   // Required options
   portal: Portal
+
+  // Optional
+  chainId?: number
 }
 
 export interface QuoteArgs {