@web3auth/no-modal 10.5.5 → 10.6.0

package/dist/lib.cjs/base/utils.js

@@ -145,7 +145,7 @@ const getWalletServicesAnalyticsProperties = walletServicesConfig => {
     ws_default_portfolio: walletServicesConfig === null || walletServicesConfig === void 0 || (_walletServicesConfig1 = walletServicesConfig.whiteLabel) === null || _walletServicesConfig1 === void 0 ? void 0 : _walletServicesConfig1.defaultPortfolio
   };
 };
-const sdkVersion = "10.5.5";
+const sdkVersion = "10.6.0";
 const getErrorAnalyticsProperties = error => {
   try {
     const code = error instanceof index.Web3AuthError ? error.code : error === null || error === void 0 ? void 0 : error.code;

package/dist/lib.cjs/connectors/wallet-connect-v2-connector/WalletConnectV2Provider.js

@@ -77,11 +77,9 @@ class WalletConnectV2Provider extends baseProvider.BaseProvider {
       message: "Connector is not initialized, pass wallet connect connector in constructor",
       code: 4902
     });
-    const currentChainConfig = this.getChain(chainId);
-    const {
-      chainId: currentChainId
-    } = currentChainConfig;
-    const currentNumChainId = parseInt(currentChainId, 16);
+    const newChainConfig = this.getChain(chainId);
+    if (!newChainConfig) throw index.WalletLoginError.connectionError("Chain config is not available");
+    const currentNumChainId = parseInt(this.getCurrentChainId(), 16);
     await walletConnectV2Utils.switchChain({
       connector: this.connector,
       chainId: currentNumChainId,
@@ -93,6 +91,18 @@ class WalletConnectV2Provider extends baseProvider.BaseProvider {
       chainId
     });
   }
+  async addChain(chainConfig) {
+    if (!this.connector) throw auth.providerErrors.custom({
+      message: "Connector is not initialized, pass wallet connect connector in constructor",
+      code: 4902
+    });
+    const currentNumChainId = parseInt(this.getCurrentChainId(), 16);
+    await walletConnectV2Utils.addChain({
+      connector: this.connector,
+      chainId: currentNumChainId,
+      chainConfig
+    });
+  }
   // no need to implement this method in wallet connect v2.
   async lookupNetwork(_, chainId) {
     return chainId;
@@ -166,6 +176,9 @@ class WalletConnectV2Provider extends baseProvider.BaseProvider {
         await this.switchChain({
           chainId
         });
+      },
+      addChain: async params => {
+        await this.addChain(params);
       }
     };
     const chainSwitchMiddleware = ethRpcMiddlewares.createEthChainSwitchMiddleware(chainSwitchHandlers);
@@ -230,6 +243,13 @@ class WalletConnectV2Provider extends baseProvider.BaseProvider {
       }
     });
   }
+  getCurrentChainId() {
+    const currentChain = this.state.chainId;
+    if (!currentChain || currentChain === "loading") {
+      return this.config.chains[0].chainId;
+    }
+    return currentChain;
+  }
 }
 _WalletConnectV2Provider = WalletConnectV2Provider;
 _defineProperty(WalletConnectV2Provider, "getProviderInstance", async params => {

package/dist/lib.cjs/connectors/wallet-connect-v2-connector/walletConnectV2Connector.js

@@ -448,6 +448,20 @@ class WalletConnectV2Connector extends baseConnector.BaseConnector {
         sessionRemovedByWallet: true
       });
     });
+    this.connector.events.on("session_expire", ({
+      topic
+    }) => {
+      var _this$activeSession6;
+      // Session has expired -> clean up the session
+      loglevel.log.info("Session expired event received for topic:", topic);
+      if (((_this$activeSession6 = this.activeSession) === null || _this$activeSession6 === void 0 ? void 0 : _this$activeSession6.topic) === topic) {
+        this.disconnect({
+          sessionRemovedByWallet: true
+        }).catch(error => {
+          loglevel.log.error("Failed to disconnect expired session", error);
+        });
+      }
+    });
   }
   async _getSignedMessage(challenge, accounts, chainNamespace) {
     const signedMessage = await this.provider.request({

package/dist/lib.cjs/connectors/wallet-connect-v2-connector/walletConnectV2Utils.js

@@ -2,7 +2,7 @@
 
 var _objectSpread = require('@babel/runtime/helpers/objectSpread2');
 var bs58 = require('@toruslabs/bs58');
-var utils = require('@walletconnect/utils');
+var utils$1 = require('@walletconnect/utils');
 var auth = require('@web3auth/auth');
 var wsEmbed = require('@web3auth/ws-embed');
 require('@babel/runtime/helpers/defineProperty');
@@ -18,6 +18,7 @@ require('../../base/plugin/errors.js');
 require('../../base/plugin/IPlugin.js');
 require('@toruslabs/constants');
 require('@toruslabs/http-helpers');
+var utils = require('./utils.js');
 
 async function getLastActiveSession(signClient) {
   if (signClient.session.length) {
@@ -58,10 +59,10 @@ async function getAccounts(signClient) {
   if (!session) {
     throw auth.providerErrors.disconnected();
   }
-  const accounts = utils.getAccountsFromNamespaces(session.namespaces);
+  const accounts = utils$1.getAccountsFromNamespaces(session.namespaces);
   if (accounts && accounts.length) {
     return [...new Set(accounts.map(add => {
-      return utils.parseAccountId(add).address;
+      return utils$1.parseAccountId(add).address;
     }))];
   }
   throw index.WalletLoginError.connectionError("Failed to get accounts");
@@ -155,7 +156,25 @@ async function switchChain({
     chainId: newChainId
   }]);
 }
+async function addChain({
+  connector,
+  chainId,
+  chainConfig
+}) {
+  if (!chainConfig) {
+    throw auth.providerErrors.custom({
+      message: "Chain config is required",
+      code: 4902
+    });
+  }
+  const formattedChainId = utils.formatChainId(chainConfig.chainId);
+  const formattedChainConfig = _objectSpread(_objectSpread({}, chainConfig), {}, {
+    chainId: formattedChainId
+  });
+  await sendJrpcRequest(connector, `eip155:${chainId}`, "wallet_addEthereumChain", [formattedChainConfig]);
+}
 
+exports.addChain = addChain;
 exports.getAccounts = getAccounts;
 exports.getEthProviderHandlers = getEthProviderHandlers;
 exports.getSolProviderHandlers = getSolProviderHandlers;

package/dist/lib.cjs/providers/ethereum-mpc-provider/providers/signingProviders/EthereumSigningProvider.js

@@ -141,6 +141,35 @@ class EthereumSigningProvider extends baseProvider.BaseProvider {
     });
     await this.setupProvider(this.state.signMethods, params.chainId);
   }
+  async addChain(chainConfig) {
+    if (!this._providerEngineProxy) throw auth.providerErrors.custom({
+      message: "Provider is not initialized",
+      code: 4902
+    });
+    if (!this.state.signMethods) {
+      throw auth.providerErrors.custom({
+        message: "sign methods are undefined",
+        code: 4902
+      });
+    }
+    // find existing chain config with the same chainId
+    const existingChain = this.config.chains.find(chain => chain.chainId === chainConfig.chainId);
+    if (existingChain) {
+      return;
+    }
+    // add the chain config to the config
+    this.config.chains.push({
+      chainId: chainConfig.chainId,
+      displayName: chainConfig.chainName,
+      rpcTarget: chainConfig.rpcUrls[0],
+      chainNamespace: baseControllers.CHAIN_NAMESPACES.EIP155,
+      blockExplorerUrl: chainConfig.blockExplorerUrls[0],
+      logo: chainConfig.iconUrls[0],
+      tickerName: chainConfig.nativeCurrency.name,
+      ticker: chainConfig.nativeCurrency.symbol,
+      decimals: chainConfig.nativeCurrency.decimals
+    });
+  }
   async lookupNetwork(_, chainId) {
     if (!this._providerEngineProxy) throw auth.providerErrors.custom({
       message: "Provider is not initialized",
@@ -164,6 +193,9 @@ class EthereumSigningProvider extends baseProvider.BaseProvider {
         await this.switchChain({
           chainId
         });
+      },
+      addChain: async params => {
+        await this.addChain(params);
       }
     };
     const chainSwitchMiddleware = ethRpcMiddlewares.createEthChainSwitchMiddleware(chainSwitchHandlers);

package/dist/lib.cjs/providers/ethereum-provider/rpc/ethRpcMiddlewares.js

@@ -29,7 +29,8 @@ function createEthMiddleware(providerHandlers) {
   return ethMiddleware;
 }
 function createEthChainSwitchMiddleware({
-  switchChain
+  switchChain,
+  addChain
 }) {
   async function updateChain(req, res) {
     var _req$params;
@@ -37,8 +38,15 @@ function createEthChainSwitchMiddleware({
     if (!chainParams) throw auth.rpcErrors.invalidParams("Missing chainId");
     res.result = await switchChain(chainParams);
   }
+  async function addChainConfig(req, res) {
+    var _req$params2;
+    const chainConfig = (_req$params2 = req.params) !== null && _req$params2 !== void 0 && _req$params2.length ? req.params[0] : undefined;
+    if (!chainConfig) throw auth.rpcErrors.invalidParams("Missing chainConfig");
+    res.result = await addChain(chainConfig);
+  }
   return auth.createScaffoldMiddleware({
-    wallet_switchEthereumChain: auth.createAsyncMiddleware(updateChain)
+    wallet_switchEthereumChain: auth.createAsyncMiddleware(updateChain),
+    wallet_addEthereumChain: auth.createAsyncMiddleware(addChainConfig)
   });
 }
 

package/dist/lib.cjs/react/wagmi/provider.js

@@ -124,6 +124,20 @@ function WagmiProvider(_ref) {
     web3Auth,
     isInitialized
   } = useWeb3Auth.useWeb3Auth();
+  const getTransport = chain => {
+    const {
+      wsTarget,
+      rpcTarget,
+      fallbackWsTargets = [],
+      fallbackRpcTargets = []
+    } = chain;
+    const transports = [];
+    if (wsTarget) transports.push(wagmi.webSocket(wsTarget));
+    if (fallbackWsTargets.length > 0) transports.push(...fallbackWsTargets.map(target => wagmi.webSocket(target)));
+    if (rpcTarget) transports.push(wagmi.http(rpcTarget));
+    if (fallbackRpcTargets.length > 0) transports.push(...fallbackRpcTargets.map(target => wagmi.http(target)));
+    return wagmi.fallback(transports);
+  };
   const finalConfig = react.useMemo(() => {
     var _web3Auth$coreOptions;
     web3Auth === null || web3Auth === void 0 || web3Auth.setAnalyticsProperties({
@@ -174,7 +188,7 @@ function WagmiProvider(_ref) {
         } else {
           wagmiChains.push(wagmiChain);
         }
-        finalConfig.transports[wagmiChain.id] = chain.wsTarget ? wagmi.webSocket(chain.wsTarget) : wagmi.http(chain.rpcTarget);
+        finalConfig.transports[wagmiChain.id] = getTransport(chain);
       });
       finalConfig.chains = [wagmiChains[0], ...wagmiChains.slice(1)];
     }

package/dist/lib.cjs/types/base/chain/IChainInterface.d.ts

@@ -8,4 +8,19 @@ export declare const CONNECTOR_NAMESPACES: {
 };
 export type ConnectorNamespaceType = (typeof CONNECTOR_NAMESPACES)[keyof typeof CONNECTOR_NAMESPACES];
 export { CHAIN_NAMESPACES, type ChainNamespaceType };
-export type CustomChainConfig = ProviderConfig;
+export type CustomChainConfig = ProviderConfig & {
+    fallbackRpcTargets?: string[];
+    fallbackWsTargets?: string[];
+};
+export type AddEthereumChainConfig = {
+    chainId: string;
+    chainName: string;
+    rpcUrls: string[];
+    blockExplorerUrls: string[];
+    nativeCurrency: {
+        name: string;
+        symbol: string;
+        decimals: number;
+    };
+    iconUrls: string[];
+};

package/dist/lib.cjs/types/connectors/wallet-connect-v2-connector/WalletConnectV2Provider.d.ts

@@ -1,5 +1,5 @@
 import type { ISignClient } from "@walletconnect/types";
-import { CustomChainConfig } from "../../base";
+import { AddEthereumChainConfig, CustomChainConfig } from "../../base";
 import { BaseProvider, BaseProviderConfig, BaseProviderState } from "../../providers/base-provider";
 export type WalletConnectV2ProviderConfig = BaseProviderConfig;
 export interface WalletConnectV2ProviderState extends BaseProviderState {
@@ -23,6 +23,7 @@ export declare class WalletConnectV2Provider extends BaseProvider<BaseProviderCo
     switchChain({ chainId }: {
         chainId: string;
     }): Promise<void>;
+    addChain(chainConfig: AddEthereumChainConfig): Promise<void>;
     protected lookupNetwork(_: ISignClient, chainId: string): Promise<string>;
     private setupEngine;
     private setupEthEngine;
@@ -31,4 +32,5 @@ export declare class WalletConnectV2Provider extends BaseProvider<BaseProviderCo
     private connectedTopic;
     private checkIfAccountAllowed;
     private onConnectorStateUpdate;
+    private getCurrentChainId;
 }

package/dist/lib.cjs/types/connectors/wallet-connect-v2-connector/walletConnectV2Utils.d.ts

@@ -1,4 +1,5 @@
 import type { ISignClient } from "@walletconnect/types";
+import { AddEthereumChainConfig } from "../../base";
 import type { IEthProviderHandlers } from "../../providers/ethereum-provider";
 import type { ISolanaProviderHandlers } from "../../providers/solana-provider";
 export declare function sendJrpcRequest<T, U>(signClient: ISignClient, chainId: string, method: string, params: U): Promise<T>;
@@ -16,3 +17,8 @@ export declare function switchChain({ connector, chainId, newChainId, }: {
     chainId: number;
     newChainId: string;
 }): Promise<void>;
+export declare function addChain({ connector, chainId, chainConfig, }: {
+    connector: ISignClient;
+    chainId: number;
+    chainConfig: AddEthereumChainConfig;
+}): Promise<void>;

package/dist/lib.cjs/types/providers/ethereum-mpc-provider/providers/signingProviders/EthereumSigningProvider.d.ts

@@ -1,4 +1,4 @@
-import { CustomChainConfig } from "../../../../base";
+import { AddEthereumChainConfig, CustomChainConfig } from "../../../../base";
 import { BaseProvider, BaseProviderConfig, BaseProviderState } from "../../../../providers/base-provider";
 interface ProviderParams {
     sign: (msgHash: Buffer, rawMsg?: Buffer) => Promise<{
@@ -66,6 +66,7 @@ export declare class EthereumSigningProvider extends BaseProvider<BaseProviderCo
     switchChain(params: {
         chainId: string;
     }): Promise<void>;
+    addChain(chainConfig: AddEthereumChainConfig): Promise<void>;
     protected lookupNetwork(_: ProviderParams, chainId: string): Promise<string>;
     private getChainSwitchMiddleware;
     private getAccountMiddleware;

package/dist/lib.cjs/types/providers/ethereum-provider/rpc/ethRpcMiddlewares.d.ts

@@ -1,4 +1,4 @@
 import { JRPCMiddleware } from "@web3auth/auth";
 import { IEthChainSwitchHandlers, IEthProviderHandlers } from "./interfaces";
 export declare function createEthMiddleware(providerHandlers: IEthProviderHandlers): JRPCMiddleware<unknown, unknown>;
-export declare function createEthChainSwitchMiddleware({ switchChain }: IEthChainSwitchHandlers): JRPCMiddleware<unknown, unknown>;
+export declare function createEthChainSwitchMiddleware({ switchChain, addChain }: IEthChainSwitchHandlers): JRPCMiddleware<unknown, unknown>;

package/dist/lib.cjs/types/providers/ethereum-provider/rpc/interfaces.d.ts

@@ -1,5 +1,6 @@
 import type { JRPCRequest } from "@web3auth/auth";
 import type { TransactionLike, TypedDataDomain, TypedDataField } from "ethers";
+import { AddEthereumChainConfig } from "../../../base";
 export interface IEthAccountHandlers {
     updatePrivatekey: (params: {
         privateKey: string;
@@ -9,6 +10,7 @@ export interface IEthChainSwitchHandlers {
     switchChain: (params: {
         chainId: string;
     }) => Promise<void>;
+    addChain: (params: AddEthereumChainConfig) => Promise<void>;
 }
 export type TransactionParams<A = string> = TransactionLike<A> & {
     input?: string;

package/dist/lib.cjs/vue/wagmi/provider.js

@@ -150,6 +150,20 @@ const WagmiProvider = vue.defineComponent({
     } = useWeb3Auth.useWeb3Auth();
     const finalConfig = vue.shallowRef(constants.defaultWagmiConfig);
     const configKey = vue.ref(auth.randomId());
+    const getTransport = chain => {
+      const {
+        wsTarget,
+        rpcTarget,
+        fallbackWsTargets = [],
+        fallbackRpcTargets = []
+      } = chain;
+      const transports = [];
+      if (wsTarget) transports.push(viem.webSocket(wsTarget));
+      if (fallbackWsTargets.length > 0) transports.push(...fallbackWsTargets.map(target => viem.webSocket(target)));
+      if (rpcTarget) transports.push(viem.http(rpcTarget));
+      if (fallbackRpcTargets.length > 0) transports.push(...fallbackRpcTargets.map(target => viem.http(target)));
+      return viem.fallback(transports);
+    };
     const defineWagmiConfig = () => {
       var _web3Auth$value;
       const configParams = _objectSpread(_objectSpread({
@@ -196,7 +210,7 @@ const WagmiProvider = vue.defineComponent({
           } else {
             wagmiChains.push(wagmiChain);
           }
-          configParams.transports[wagmiChain.id] = chain.wsTarget ? viem.webSocket(chain.wsTarget) : viem.http(chain.rpcTarget);
+          configParams.transports[wagmiChain.id] = getTransport(chain);
         });
         configParams.chains = [wagmiChains[0], ...wagmiChains.slice(1)];
       }

package/dist/lib.esm/base/utils.js

@@ -145,7 +145,7 @@ const getWalletServicesAnalyticsProperties = walletServicesConfig => {
     ws_default_portfolio: walletServicesConfig === null || walletServicesConfig === void 0 || (_walletServicesConfig1 = walletServicesConfig.whiteLabel) === null || _walletServicesConfig1 === void 0 ? void 0 : _walletServicesConfig1.defaultPortfolio
   };
 };
-const sdkVersion = "10.5.5";
+const sdkVersion = "10.6.0";
 const getErrorAnalyticsProperties = error => {
   try {
     const code = error instanceof Web3AuthError ? error.code : error === null || error === void 0 ? void 0 : error.code;

package/dist/lib.esm/connectors/wallet-connect-v2-connector/WalletConnectV2Provider.js

@@ -3,14 +3,14 @@ import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import { getAccountsFromNamespaces, parseAccountId } from '@walletconnect/utils';
 import { providerErrors, JRPCEngine, providerFromEngine } from '@web3auth/auth';
 import { formatChainId } from './utils.js';
-import { switchChain, getAccounts, getEthProviderHandlers, getSolProviderHandlers } from './walletConnectV2Utils.js';
+import { switchChain, addChain, getAccounts, getEthProviderHandlers, getSolProviderHandlers } from './walletConnectV2Utils.js';
 import { createEthMiddleware, createEthChainSwitchMiddleware } from '../../providers/ethereum-provider/rpc/ethRpcMiddlewares.js';
 import { createEthJsonRpcClient } from '../../providers/ethereum-provider/rpc/jrpcClient.js';
 import { createSolanaMiddleware } from '../../providers/solana-provider/rpc/solanaRpcMiddlewares.js';
 import { createSolanaJsonRpcClient } from '../../providers/solana-provider/rpc/JrpcClient.js';
 import { BaseProvider } from '../../providers/base-provider/baseProvider.js';
-import { CHAIN_NAMESPACES } from '@toruslabs/base-controllers';
 import { WalletLoginError } from '../../base/errors/index.js';
+import { CHAIN_NAMESPACES } from '@toruslabs/base-controllers';
 import { log } from '../../base/loglevel.js';
 
 var _WalletConnectV2Provider;
@@ -55,11 +55,9 @@ class WalletConnectV2Provider extends BaseProvider {
       message: "Connector is not initialized, pass wallet connect connector in constructor",
       code: 4902
     });
-    const currentChainConfig = this.getChain(chainId);
-    const {
-      chainId: currentChainId
-    } = currentChainConfig;
-    const currentNumChainId = parseInt(currentChainId, 16);
+    const newChainConfig = this.getChain(chainId);
+    if (!newChainConfig) throw WalletLoginError.connectionError("Chain config is not available");
+    const currentNumChainId = parseInt(this.getCurrentChainId(), 16);
     await switchChain({
       connector: this.connector,
       chainId: currentNumChainId,
@@ -71,6 +69,18 @@ class WalletConnectV2Provider extends BaseProvider {
       chainId
     });
   }
+  async addChain(chainConfig) {
+    if (!this.connector) throw providerErrors.custom({
+      message: "Connector is not initialized, pass wallet connect connector in constructor",
+      code: 4902
+    });
+    const currentNumChainId = parseInt(this.getCurrentChainId(), 16);
+    await addChain({
+      connector: this.connector,
+      chainId: currentNumChainId,
+      chainConfig
+    });
+  }
 
   // no need to implement this method in wallet connect v2.
   async lookupNetwork(_, chainId) {
@@ -145,6 +155,9 @@ class WalletConnectV2Provider extends BaseProvider {
         await this.switchChain({
           chainId
         });
+      },
+      addChain: async params => {
+        await this.addChain(params);
       }
     };
     const chainSwitchMiddleware = createEthChainSwitchMiddleware(chainSwitchHandlers);
@@ -209,6 +222,13 @@ class WalletConnectV2Provider extends BaseProvider {
       }
     });
   }
+  getCurrentChainId() {
+    const currentChain = this.state.chainId;
+    if (!currentChain || currentChain === "loading") {
+      return this.config.chains[0].chainId;
+    }
+    return currentChain;
+  }
 }
 _WalletConnectV2Provider = WalletConnectV2Provider;
 _defineProperty(WalletConnectV2Provider, "getProviderInstance", async params => {

package/dist/lib.esm/connectors/wallet-connect-v2-connector/walletConnectV2Connector.js

@@ -448,6 +448,20 @@ class WalletConnectV2Connector extends BaseConnector {
         sessionRemovedByWallet: true
       });
     });
+    this.connector.events.on("session_expire", ({
+      topic
+    }) => {
+      var _this$activeSession6;
+      // Session has expired -> clean up the session
+      log.info("Session expired event received for topic:", topic);
+      if (((_this$activeSession6 = this.activeSession) === null || _this$activeSession6 === void 0 ? void 0 : _this$activeSession6.topic) === topic) {
+        this.disconnect({
+          sessionRemovedByWallet: true
+        }).catch(error => {
+          log.error("Failed to disconnect expired session", error);
+        });
+      }
+    });
   }
   async _getSignedMessage(challenge, accounts, chainNamespace) {
     const signedMessage = await this.provider.request({

package/dist/lib.esm/connectors/wallet-connect-v2-connector/walletConnectV2Utils.js

@@ -3,6 +3,7 @@ import { bs58 } from '@toruslabs/bs58';
 import { getAccountsFromNamespaces, parseAccountId } from '@walletconnect/utils';
 import { providerErrors, rpcErrors } from '@web3auth/auth';
 import { EVM_METHOD_TYPES, SOLANA_METHOD_TYPES } from '@web3auth/ws-embed';
+import { formatChainId } from './utils.js';
 import { WalletLoginError } from '../../base/errors/index.js';
 import { SOLANA_CAIP_CHAIN_MAP } from '../../base/constants.js';
 
@@ -142,5 +143,22 @@ async function switchChain({
     chainId: newChainId
   }]);
 }
+async function addChain({
+  connector,
+  chainId,
+  chainConfig
+}) {
+  if (!chainConfig) {
+    throw providerErrors.custom({
+      message: "Chain config is required",
+      code: 4902
+    });
+  }
+  const formattedChainId = formatChainId(chainConfig.chainId);
+  const formattedChainConfig = _objectSpread(_objectSpread({}, chainConfig), {}, {
+    chainId: formattedChainId
+  });
+  await sendJrpcRequest(connector, `eip155:${chainId}`, "wallet_addEthereumChain", [formattedChainConfig]);
+}
 
-export { getAccounts, getEthProviderHandlers, getSolProviderHandlers, sendJrpcRequest, switchChain };
+export { addChain, getAccounts, getEthProviderHandlers, getSolProviderHandlers, sendJrpcRequest, switchChain };

package/dist/lib.esm/providers/ethereum-mpc-provider/providers/signingProviders/EthereumSigningProvider.js

@@ -125,6 +125,35 @@ class EthereumSigningProvider extends BaseProvider {
     });
     await this.setupProvider(this.state.signMethods, params.chainId);
   }
+  async addChain(chainConfig) {
+    if (!this._providerEngineProxy) throw providerErrors.custom({
+      message: "Provider is not initialized",
+      code: 4902
+    });
+    if (!this.state.signMethods) {
+      throw providerErrors.custom({
+        message: "sign methods are undefined",
+        code: 4902
+      });
+    }
+    // find existing chain config with the same chainId
+    const existingChain = this.config.chains.find(chain => chain.chainId === chainConfig.chainId);
+    if (existingChain) {
+      return;
+    }
+    // add the chain config to the config
+    this.config.chains.push({
+      chainId: chainConfig.chainId,
+      displayName: chainConfig.chainName,
+      rpcTarget: chainConfig.rpcUrls[0],
+      chainNamespace: CHAIN_NAMESPACES.EIP155,
+      blockExplorerUrl: chainConfig.blockExplorerUrls[0],
+      logo: chainConfig.iconUrls[0],
+      tickerName: chainConfig.nativeCurrency.name,
+      ticker: chainConfig.nativeCurrency.symbol,
+      decimals: chainConfig.nativeCurrency.decimals
+    });
+  }
   async lookupNetwork(_, chainId) {
     if (!this._providerEngineProxy) throw providerErrors.custom({
       message: "Provider is not initialized",
@@ -148,6 +177,9 @@ class EthereumSigningProvider extends BaseProvider {
         await this.switchChain({
           chainId
         });
+      },
+      addChain: async params => {
+        await this.addChain(params);
       }
     };
     const chainSwitchMiddleware = createEthChainSwitchMiddleware(chainSwitchHandlers);

package/dist/lib.esm/providers/ethereum-provider/rpc/ethRpcMiddlewares.js

@@ -27,7 +27,8 @@ function createEthMiddleware(providerHandlers) {
   return ethMiddleware;
 }
 function createEthChainSwitchMiddleware({
-  switchChain
+  switchChain,
+  addChain
 }) {
   async function updateChain(req, res) {
     var _req$params;
@@ -35,8 +36,15 @@ function createEthChainSwitchMiddleware({
     if (!chainParams) throw rpcErrors.invalidParams("Missing chainId");
     res.result = await switchChain(chainParams);
   }
+  async function addChainConfig(req, res) {
+    var _req$params2;
+    const chainConfig = (_req$params2 = req.params) !== null && _req$params2 !== void 0 && _req$params2.length ? req.params[0] : undefined;
+    if (!chainConfig) throw rpcErrors.invalidParams("Missing chainConfig");
+    res.result = await addChain(chainConfig);
+  }
   return createScaffoldMiddleware({
-    wallet_switchEthereumChain: createAsyncMiddleware(updateChain)
+    wallet_switchEthereumChain: createAsyncMiddleware(updateChain),
+    wallet_addEthereumChain: createAsyncMiddleware(addChainConfig)
   });
 }
 

package/dist/lib.esm/react/wagmi/provider.js

@@ -2,7 +2,7 @@ import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProper
 import _objectSpread from '@babel/runtime/helpers/objectSpread2';
 import { useMemo, createElement, useEffect, Fragment } from 'react';
 import { defineChain } from 'viem';
-import { webSocket, http, createConfig, WagmiProvider as WagmiProvider$1, useConfig, useReconnect, useAccountEffect } from 'wagmi';
+import { createConfig, WagmiProvider as WagmiProvider$1, webSocket, http, fallback, useConfig, useReconnect, useAccountEffect } from 'wagmi';
 import { injected } from 'wagmi/connectors';
 import { defaultWagmiConfig } from './constants.js';
 import { useWeb3Auth } from '../hooks/useWeb3Auth.js';
@@ -113,6 +113,20 @@ function WagmiProvider(_ref) {
     web3Auth,
     isInitialized
   } = useWeb3Auth();
+  const getTransport = chain => {
+    const {
+      wsTarget,
+      rpcTarget,
+      fallbackWsTargets = [],
+      fallbackRpcTargets = []
+    } = chain;
+    const transports = [];
+    if (wsTarget) transports.push(webSocket(wsTarget));
+    if (fallbackWsTargets.length > 0) transports.push(...fallbackWsTargets.map(target => webSocket(target)));
+    if (rpcTarget) transports.push(http(rpcTarget));
+    if (fallbackRpcTargets.length > 0) transports.push(...fallbackRpcTargets.map(target => http(target)));
+    return fallback(transports);
+  };
   const finalConfig = useMemo(() => {
     var _web3Auth$coreOptions;
     web3Auth === null || web3Auth === void 0 || web3Auth.setAnalyticsProperties({
@@ -163,7 +177,7 @@ function WagmiProvider(_ref) {
         } else {
           wagmiChains.push(wagmiChain);
         }
-        finalConfig.transports[wagmiChain.id] = chain.wsTarget ? webSocket(chain.wsTarget) : http(chain.rpcTarget);
+        finalConfig.transports[wagmiChain.id] = getTransport(chain);
       });
       finalConfig.chains = [wagmiChains[0], ...wagmiChains.slice(1)];
     }