@web3auth/no-modal 10.0.0-alpha.2 → 10.0.0-beta.1

package/dist/lib.cjs/base/connector/baseConnector.js

@@ -13,6 +13,7 @@ class BaseConnector extends auth.SafeEventEmitter {
     super();
     _defineProperty(this, "connectorData", {});
     _defineProperty(this, "isInjected", void 0);
+    _defineProperty(this, "icon", void 0);
     _defineProperty(this, "coreOptions", void 0);
     _defineProperty(this, "rehydrated", false);
     this.coreOptions = options.coreOptions;

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

@@ -0,0 +1,19 @@
+'use strict';
+
+const SMART_ACCOUNT_WALLET_SCOPE = {
+  EMBEDDED: "embedded",
+  ALL: "all"
+};
+const MODAL_SIGN_IN_METHODS = {
+  SOCIAL: "social",
+  PASSWORDLESS: "passwordless",
+  EXTERNAL_WALLETS: "externalWallets"
+};
+const WIDGET_TYPE = {
+  MODAL: "modal",
+  EMBED: "embed"
+};
+
+exports.MODAL_SIGN_IN_METHODS = MODAL_SIGN_IN_METHODS;
+exports.SMART_ACCOUNT_WALLET_SCOPE = SMART_ACCOUNT_WALLET_SCOPE;
+exports.WIDGET_TYPE = WIDGET_TYPE;

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

@@ -1,7 +1,10 @@
 'use strict';
 
+var loglevelSentry = require('@toruslabs/loglevel-sentry');
 var loglevel = require('loglevel');
 
 const log = loglevel.getLogger("web3auth-logger");
+const loglevelPlugin = new loglevelSentry.LoglevelSentry();
+loglevelPlugin.install(log);
 
 exports.log = log;

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

@@ -16,11 +16,18 @@ const isHexStrict = hex => {
 const signerHost = web3AuthNetwork => {
   return constants.SIGNER_MAP[web3AuthNetwork !== null && web3AuthNetwork !== void 0 ? web3AuthNetwork : auth.WEB3AUTH_NETWORK.SAPPHIRE_MAINNET];
 };
-const fetchProjectConfig = async (clientId, web3AuthNetwork, aaProvider) => {
-  const url = new URL(`${signerHost(web3AuthNetwork)}/api/configuration`);
+const fetchProjectConfig = async ({
+  clientId,
+  web3AuthNetwork,
+  aaProvider,
+  authBuildEnv
+}) => {
+  // const url = new URL(`${signerHost(web3AuthNetwork)}/api/v2/configuration`);
+  // TODO: remove this before production
+  const url = new URL("https://test-signer.web3auth.io/api/v2/configuration");
   url.searchParams.append("project_id", clientId);
   url.searchParams.append("network", web3AuthNetwork);
-  url.searchParams.append("whitelist", "true");
+  if (authBuildEnv) url.searchParams.append("build_env", authBuildEnv);
   if (aaProvider) url.searchParams.append("aa_provider", aaProvider);
   const res = await httpHelpers.get(url.href);
   return res;
@@ -44,6 +51,23 @@ const normalizeWalletName = name => {
   normalizedName = normalizedName.replace(/\s/g, "-");
   return normalizedName;
 };
+const fromWagmiChain = chain => {
+  var _chain$blockExplorers, _chain$rpcUrls$defaul;
+  return {
+    chainNamespace: baseControllers.CHAIN_NAMESPACES.EIP155,
+    chainId: `0x${chain.id.toString(16)}`,
+    rpcTarget: chain.rpcUrls.default.http[0],
+    displayName: chain.name,
+    blockExplorerUrl: ((_chain$blockExplorers = chain.blockExplorers) === null || _chain$blockExplorers === void 0 ? void 0 : _chain$blockExplorers.default.url) || "",
+    ticker: chain.nativeCurrency.symbol,
+    tickerName: chain.nativeCurrency.name,
+    logo: "",
+    decimals: chain.nativeCurrency.decimals,
+    isTestnet: chain.testnet,
+    wsTarget: (_chain$rpcUrls$defaul = chain.rpcUrls.default.webSocket) === null || _chain$rpcUrls$defaul === void 0 ? void 0 : _chain$rpcUrls$defaul[0]
+  };
+};
+const fromViemChain = fromWagmiChain;
 
 Object.defineProperty(exports, "cloneDeep", {
     enumerable: true,
@@ -51,6 +75,8 @@ Object.defineProperty(exports, "cloneDeep", {
 });
 exports.fetchProjectConfig = fetchProjectConfig;
 exports.fetchWalletRegistry = fetchWalletRegistry;
+exports.fromViemChain = fromViemChain;
+exports.fromWagmiChain = fromWagmiChain;
 exports.isHexStrict = isHexStrict;
 exports.normalizeWalletName = normalizeWalletName;
 exports.signerHost = signerHost;

package/dist/lib.cjs/base/wallet/index.js

@@ -9,14 +9,16 @@ const MULTI_CHAIN_CONNECTORS = {
 };
 const SOLANA_CONNECTORS = _objectSpread({}, MULTI_CHAIN_CONNECTORS);
 const EVM_CONNECTORS = _objectSpread({
-  COINBASE: "coinbase"
+  COINBASE: "coinbase",
+  METAMASK: "metamask"
 }, MULTI_CHAIN_CONNECTORS);
 const WALLET_CONNECTORS = _objectSpread(_objectSpread({}, EVM_CONNECTORS), SOLANA_CONNECTORS);
 const CONNECTOR_NAMES = {
   [MULTI_CHAIN_CONNECTORS.AUTH]: "Auth",
   [MULTI_CHAIN_CONNECTORS.WALLET_CONNECT_V2]: "Wallet Connect v2",
   [MULTI_CHAIN_CONNECTORS.SFA]: "SFA",
-  [EVM_CONNECTORS.COINBASE]: "Coinbase Smart Wallet"
+  [EVM_CONNECTORS.COINBASE]: "Coinbase Smart Wallet",
+  [EVM_CONNECTORS.METAMASK]: "MetaMask"
 };
 
 exports.CONNECTOR_NAMES = CONNECTOR_NAMES;

package/dist/lib.cjs/connectors/auth-connector/authConnector.js

@@ -2,22 +2,21 @@
 
 var _objectSpread = require('@babel/runtime/helpers/objectSpread2');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var baseControllers = require('@toruslabs/base-controllers');
 var securePubSub = require('@toruslabs/secure-pub-sub');
 var auth = require('@web3auth/auth');
 var deepmerge = require('deepmerge');
-var index$1 = require('../../base/errors/index.js');
 var IChainInterface = require('../../base/chain/IChainInterface.js');
 var baseConnector = require('../../base/connector/baseConnector.js');
 var constants = require('../../base/connector/constants.js');
 require('jwt-decode');
+var index$1 = require('../../base/errors/index.js');
 var loglevel = require('../../base/loglevel.js');
 require('../../base/plugin/errors.js');
 require('../../base/plugin/IPlugin.js');
-var baseControllers = require('@toruslabs/base-controllers');
 require('@toruslabs/constants');
 require('@toruslabs/http-helpers');
 var index = require('../../base/wallet/index.js');
-var authConnectionConfig = require('./config/authConnectionConfig.js');
 
 class AuthConnector extends baseConnector.BaseConnector {
   constructor(params) {
@@ -70,6 +69,7 @@ class AuthConnector extends baseConnector.BaseConnector {
     });
     if (!this.coreOptions.clientId) throw index$1.WalletInitializationError.invalidParams("clientId is required before auth's initialization");
     if (!this.authOptions) throw index$1.WalletInitializationError.invalidParams("authOptions is required before auth's initialization");
+    if (this.authConnectionConfig.length === 0) throw index$1.WalletInitializationError.invalidParams("authConnectionConfig is required before auth's initialization");
     const isRedirectResult = this.authOptions.uxMode === auth.UX_MODE.REDIRECT;
     this.authOptions = _objectSpread(_objectSpread({}, this.authOptions), {}, {
       replaceUrlOnRedirect: isRedirectResult,
@@ -79,7 +79,7 @@ class AuthConnector extends baseConnector.BaseConnector {
       clientId: this.coreOptions.clientId,
       network: this.coreOptions.web3AuthNetwork,
       sdkMode: auth.SDK_MODE.IFRAME,
-      authConnectionConfig: this.authConnectionConfig
+      authConnectionConfig: this.authConnectionConfig.filter(x => !x.isDefault)
     }));
     loglevel.log.debug("initializing auth connector init", this.authOptions);
     await this.authInstance.init();
@@ -352,8 +352,8 @@ class AuthConnector extends baseConnector.BaseConnector {
       authConnectionId: params.authConnectionId,
       groupedAuthConnectionId: params.groupedAuthConnectionId
     });
-    if (!(providerConfig !== null && providerConfig !== void 0 && providerConfig.authConnection)) throw index$1.WalletLoginError.connectionError("Login provider is not available");
-    const jwtParams = _objectSpread(_objectSpread(_objectSpread({}, providerConfig.jwtParameters), params.extraLoginOptions || {}), {}, {
+    if (!(providerConfig !== null && providerConfig !== void 0 && providerConfig.authConnection)) throw index$1.WalletLoginError.connectionError("Invalid auth connection.");
+    const jwtParams = _objectSpread(_objectSpread(_objectSpread({}, providerConfig.jwtParameters || {}), params.extraLoginOptions || {}), {}, {
       login_hint: params.login_hint || ((_params$extraLoginOpt3 = params.extraLoginOptions) === null || _params$extraLoginOpt3 === void 0 ? void 0 : _params$extraLoginOpt3.login_hint)
     });
     const nonce = auth.randomId();
@@ -372,10 +372,11 @@ class AuthConnector extends baseConnector.BaseConnector {
       jwtParams,
       customState: {
         nonce,
-        dapp_redirect_url: this.authOptions.redirectUrl,
         appState: params.appState,
-        uxMode: this.authOptions.uxMode,
-        whiteLabel: JSON.stringify(this.authOptions.whiteLabel),
+        // use the default settings from the auth instance.
+        dapp_redirect_url: this.authInstance.options.redirectUrl,
+        uxMode: this.authInstance.options.uxMode,
+        whiteLabel: JSON.stringify(this.authInstance.options.whiteLabel),
         loginParams: JSON.stringify(loginParams)
       },
       web3AuthClientId: this.coreOptions.clientId,
@@ -431,7 +432,16 @@ class AuthConnector extends baseConnector.BaseConnector {
       authConnectionId: params.authConnectionId,
       groupedAuthConnectionId: params.groupedAuthConnectionId
     });
-    if (!(loginConfig !== null && loginConfig !== void 0 && loginConfig.authConnection)) throw index$1.WalletLoginError.connectionError("Login provider is not available");
+    // throw error only when we cannot find the login config and authConnectionId is not provided in the params.
+    // otherwise, we will use the params to create a new auth connection config in the auth instance.
+    if (!(loginConfig !== null && loginConfig !== void 0 && loginConfig.authConnection) && !params.authConnectionId) throw index$1.WalletLoginError.connectionError("Invalid auth connection.");
+    if (!(loginConfig !== null && loginConfig !== void 0 && loginConfig.authConnection)) {
+      this.authInstance.options.authConnectionConfig.push({
+        authConnection: params.authConnection,
+        authConnectionId: params.authConnectionId,
+        groupedAuthConnectionId: params.groupedAuthConnectionId
+      });
+    }
     const loginParams = baseControllers.cloneDeep(params);
     loginParams.extraLoginOptions = _objectSpread(_objectSpread({}, loginParams.extraLoginOptions || {}), {}, {
       login_hint: params.login_hint || ((_params$extraLoginOpt5 = params.extraLoginOptions) === null || _params$extraLoginOpt5 === void 0 ? void 0 : _params$extraLoginOpt5.login_hint)
@@ -452,7 +462,8 @@ class AuthConnector extends baseConnector.BaseConnector {
       if (authConnectionId) {
         return x.authConnection === authConnection && x.authConnectionId === authConnectionId;
       }
-      return x.authConnection === authConnection;
+      // return the default auth connection, if not found, return undefined
+      return x.authConnection === authConnection && x.isDefault;
     });
     return providerConfig;
   }
@@ -462,31 +473,67 @@ const authConnector = params => {
     projectConfig,
     coreOptions
   }) => {
-    var _coreOptions$uiConfig, _coreOptions$walletSe;
+    var _coreOptions$uiConfig, _coreOptions$walletSe, _coreOptions$walletSe2, _coreOptions$walletSe3;
     // Connector settings
     const connectorSettings = {};
     const {
       whitelist,
-      whitelabel
+      whitelabel,
+      sessionTime
     } = projectConfig;
     if (whitelist) connectorSettings.originData = whitelist.signed_urls;
+    if (sessionTime) connectorSettings.sessionTime = sessionTime;
     if ((_coreOptions$uiConfig = coreOptions.uiConfig) !== null && _coreOptions$uiConfig !== void 0 && _coreOptions$uiConfig.uxMode) connectorSettings.uxMode = coreOptions.uiConfig.uxMode;
     const uiConfig = deepmerge(baseControllers.cloneDeep(whitelabel || {}), coreOptions.uiConfig || {});
     if (!uiConfig.mode) uiConfig.mode = "light";
     connectorSettings.whiteLabel = uiConfig;
     const finalConnectorSettings = deepmerge.all([{
       uxMode: auth.UX_MODE.POPUP,
-      buildEnv: auth.BUILD_ENV.PRODUCTION
+      buildEnv: coreOptions.authBuildEnv || auth.BUILD_ENV.PRODUCTION
     },
     // default settings
-    (params === null || params === void 0 ? void 0 : params.connectorSettings) || {}, connectorSettings]);
+    connectorSettings, (params === null || params === void 0 ? void 0 : params.connectorSettings) || {}]);
     // WS settings
-    const isKeyExportEnabled = typeof projectConfig.key_export_enabled === "boolean" ? projectConfig.key_export_enabled : true;
+    const {
+      enableKeyExport,
+      walletUi
+    } = projectConfig;
+    const isKeyExportEnabled = typeof enableKeyExport === "boolean" ? enableKeyExport : true;
+    const {
+      enablePortfolioWidget = false,
+      enableTokenDisplay = true,
+      enableNftDisplay = true,
+      enableWalletConnect = true,
+      enableBuyButton = true,
+      enableSendButton = true,
+      enableSwapButton = true,
+      enableReceiveButton = true,
+      enableShowAllTokensButton = true,
+      enableConfirmationModal = false,
+      portfolioWidgetPosition = baseControllers.BUTTON_POSITION.BOTTOM_LEFT,
+      defaultPortfolio = "token"
+    } = walletUi || {};
+    const projectConfigWhiteLabel = {
+      showWidgetButton: enablePortfolioWidget,
+      hideNftDisplay: !enableNftDisplay,
+      hideTokenDisplay: !enableTokenDisplay,
+      hideTransfers: !enableSendButton,
+      hideTopup: !enableBuyButton,
+      hideReceive: !enableReceiveButton,
+      hideSwap: !enableSwapButton,
+      hideShowAllTokens: !enableShowAllTokensButton,
+      hideWalletConnect: !enableWalletConnect,
+      buttonPosition: portfolioWidgetPosition,
+      defaultPortfolio
+    };
+    const whiteLabel = deepmerge.all([projectConfigWhiteLabel, uiConfig, ((_coreOptions$walletSe = coreOptions.walletServicesConfig) === null || _coreOptions$walletSe === void 0 ? void 0 : _coreOptions$walletSe.whiteLabel) || {}]);
+    const confirmationStrategy = (_coreOptions$walletSe2 = (_coreOptions$walletSe3 = coreOptions.walletServicesConfig) === null || _coreOptions$walletSe3 === void 0 ? void 0 : _coreOptions$walletSe3.confirmationStrategy) !== null && _coreOptions$walletSe2 !== void 0 ? _coreOptions$walletSe2 : enableConfirmationModal ? baseControllers.CONFIRMATION_STRATEGY.MODAL : baseControllers.CONFIRMATION_STRATEGY.AUTO_APPROVE;
     const finalWsSettings = _objectSpread(_objectSpread({}, coreOptions.walletServicesConfig), {}, {
-      whiteLabel: _objectSpread(_objectSpread({}, uiConfig), (_coreOptions$walletSe = coreOptions.walletServicesConfig) === null || _coreOptions$walletSe === void 0 ? void 0 : _coreOptions$walletSe.whiteLabel),
+      confirmationStrategy,
+      whiteLabel,
       accountAbstractionConfig: coreOptions.accountAbstractionConfig,
-      enableLogging: coreOptions.enableLogging
-      // enableKeyExport: keyExportEnabled,
+      enableLogging: coreOptions.enableLogging,
+      enableKeyExport: enableKeyExport
     });
     // Core options
     if (coreOptions.privateKeyProvider) coreOptions.privateKeyProvider.setKeyExportFlag(isKeyExportEnabled);
@@ -495,7 +542,8 @@ const authConnector = params => {
       walletServicesSettings: finalWsSettings,
       loginSettings: params === null || params === void 0 ? void 0 : params.loginSettings,
       coreOptions,
-      authConnectionConfig: authConnectionConfig.getAuthConnectionConfig(finalConnectorSettings.buildEnv, coreOptions.web3AuthNetwork)
+      // TODO: check, test this and may need to send modal config here later on.!!
+      authConnectionConfig: projectConfig.embeddedWalletAuth
     });
   };
 };

package/dist/lib.cjs/connectors/base-evm-connector/baseEvmConnector.js

@@ -2,11 +2,11 @@
 
 var baseControllers = require('@toruslabs/base-controllers');
 var wsEmbed = require('@web3auth/ws-embed');
-var index = require('../../base/errors/index.js');
 var baseConnector = require('../../base/connector/baseConnector.js');
 var constants = require('../../base/connector/constants.js');
 require('@web3auth/auth');
 var utils = require('../../base/connector/utils.js');
+var index = require('../../base/errors/index.js');
 require('../../base/loglevel.js');
 require('../../base/plugin/errors.js');
 require('../../base/plugin/IPlugin.js');

package/dist/lib.cjs/connectors/base-solana-connector/baseSolanaConnector.js

@@ -2,11 +2,11 @@
 
 var baseControllers = require('@toruslabs/base-controllers');
 var wsEmbed = require('@web3auth/ws-embed');
-var index = require('../../base/errors/index.js');
 var baseConnector = require('../../base/connector/baseConnector.js');
 var constants = require('../../base/connector/constants.js');
 require('@web3auth/auth');
 var utils = require('../../base/connector/utils.js');
+var index = require('../../base/errors/index.js');
 require('../../base/loglevel.js');
 require('../../base/plugin/errors.js');
 require('../../base/plugin/IPlugin.js');

package/dist/lib.cjs/connectors/coinbase-connector/coinbaseConnector.js

@@ -3,9 +3,9 @@
 var _objectSpread = require('@babel/runtime/helpers/objectSpread2');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var walletSdk = require('@coinbase/wallet-sdk');
-var index$1 = require('../../base/errors/index.js');
 var IChainInterface = require('../../base/chain/IChainInterface.js');
 require('@web3auth/auth');
+var index$1 = require('../../base/errors/index.js');
 var index = require('../../base/wallet/index.js');
 var constants = require('../../base/connector/constants.js');
 require('jwt-decode');

package/dist/lib.cjs/connectors/injected-evm-connector/injectedEvmConnector.js

@@ -1,9 +1,9 @@
 'use strict';
 
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-var index = require('../../base/errors/index.js');
 var IChainInterface = require('../../base/chain/IChainInterface.js');
 require('@web3auth/auth');
+var index = require('../../base/errors/index.js');
 require('../../base/wallet/index.js');
 var constants = require('../../base/connector/constants.js');
 require('jwt-decode');
@@ -26,6 +26,7 @@ class InjectedEvmConnector extends baseEvmConnector.BaseEvmConnector {
     _defineProperty(this, "injectedProvider", null);
     this.name = options.name;
     this.injectedProvider = options.provider;
+    this.icon = options.icon;
   }
   get provider() {
     if (this.status !== constants.CONNECTOR_STATUS.NOT_READY && this.injectedProvider) {
@@ -175,6 +176,7 @@ const injectedEvmConnector = providerDetail => {
     return new InjectedEvmConnector({
       name: utils.normalizeWalletName(providerDetail.info.name),
       provider: providerDetail.provider,
+      icon: providerDetail.info.icon,
       coreOptions
     });
   };

package/dist/lib.cjs/connectors/injected-solana-connector/walletStandardConnector.js

@@ -2,9 +2,9 @@
 
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var features = require('@wallet-standard/features');
-var index = require('../../base/errors/index.js');
 var IChainInterface = require('../../base/chain/IChainInterface.js');
 require('@web3auth/auth');
+var index = require('../../base/errors/index.js');
 require('../../base/wallet/index.js');
 var constants = require('../../base/connector/constants.js');
 require('jwt-decode');
@@ -14,7 +14,6 @@ require('../../base/plugin/IPlugin.js');
 var utils = require('../../base/utils.js');
 var utils$1 = require('../../providers/solana-provider/providers/injectedProviders/utils.js');
 var walletStandardProvider = require('../../providers/solana-provider/providers/injectedProviders/walletStandardProvider.js');
-require('../../providers/solana-provider/providers/privateKeyProvider/solanaPrivateKeyProvider.js');
 var baseControllers = require('@toruslabs/base-controllers');
 require('@web3auth/ws-embed');
 require('@solana/web3.js');
@@ -32,6 +31,7 @@ class WalletStandardConnector extends baseSolanaConnector.BaseSolanaConnector {
     _defineProperty(this, "wallet", null);
     _defineProperty(this, "injectedProvider", null);
     this.name = options.name;
+    this.icon = options.wallet.icon;
     // in VueJS, for some wallets e.g. Gate, Solflare, when connecting it throws error "attempted to get private field on non-instance"
     // it seems that Vue create a Proxy object for the wallet object which causes the issue
     // ref: https://stackoverflow.com/questions/64917686/vue-array-converted-to-proxy-object

package/dist/lib.cjs/connectors/metamask-connector/metamaskConnector.js

@@ -0,0 +1,197 @@
+'use strict';
+
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var sdk = require('@metamask/sdk');
+var deepmerge = require('deepmerge');
+var IChainInterface = require('../../base/chain/IChainInterface.js');
+require('@web3auth/auth');
+var index$1 = require('../../base/errors/index.js');
+var index = require('../../base/wallet/index.js');
+var constants = require('../../base/connector/constants.js');
+require('jwt-decode');
+require('../../base/loglevel.js');
+require('../../base/plugin/errors.js');
+require('../../base/plugin/IPlugin.js');
+var baseControllers = require('@toruslabs/base-controllers');
+require('@toruslabs/constants');
+require('@toruslabs/http-helpers');
+var baseEvmConnector = require('../base-evm-connector/baseEvmConnector.js');
+var utils = require('../utils.js');
+
+class MetaMaskConnector extends baseEvmConnector.BaseEvmConnector {
+  constructor(connectorOptions) {
+    super(connectorOptions);
+    _defineProperty(this, "connectorNamespace", IChainInterface.CONNECTOR_NAMESPACES.EIP155);
+    _defineProperty(this, "currentChainNamespace", baseControllers.CHAIN_NAMESPACES.EIP155);
+    _defineProperty(this, "type", constants.CONNECTOR_CATEGORY.EXTERNAL);
+    _defineProperty(this, "name", index.WALLET_CONNECTORS.METAMASK);
+    _defineProperty(this, "status", constants.CONNECTOR_STATUS.NOT_READY);
+    _defineProperty(this, "metamaskProvider", null);
+    _defineProperty(this, "metamaskSDK", null);
+    _defineProperty(this, "metamaskOptions", void 0);
+    this.metamaskOptions = connectorOptions.connectorSettings;
+  }
+  get provider() {
+    if (this.status !== constants.CONNECTOR_STATUS.NOT_READY && this.metamaskProvider) {
+      return this.metamaskProvider;
+    }
+    return null;
+  }
+  set provider(_) {
+    throw new Error("Not implemented");
+  }
+  async init(options) {
+    await super.init(options);
+    const chainConfig = this.coreOptions.chains.find(x => x.chainId === options.chainId);
+    super.checkInitializationRequirements({
+      chainConfig
+    });
+    // Detect app metadata
+    const iconUrl = await utils.getSiteIcon(window);
+    const appMetadata = {
+      name: utils.getSiteName(window),
+      url: window.location.origin,
+      iconUrl
+    };
+    // Initialize the MetaMask SDK
+    const metamaskOptions = deepmerge(this.metamaskOptions || {}, {
+      dappMetadata: appMetadata
+    });
+    this.metamaskSDK = new sdk.MetaMaskSDK(metamaskOptions);
+    this.status = constants.CONNECTOR_STATUS.READY;
+    this.emit(constants.CONNECTOR_EVENTS.READY, index.WALLET_CONNECTORS.METAMASK);
+    try {
+      if (options.autoConnect) {
+        this.rehydrated = true;
+        await this.connect({
+          chainId: options.chainId
+        });
+      }
+    } catch (error) {
+      this.emit(constants.CONNECTOR_EVENTS.ERRORED, error);
+    }
+  }
+  async connect({
+    chainId
+  }) {
+    super.checkConnectionRequirements();
+    if (!this.metamaskSDK) throw index$1.WalletLoginError.notConnectedError("Connector is not initialized");
+    const chainConfig = this.coreOptions.chains.find(x => x.chainId === chainId);
+    if (!chainConfig) throw index$1.WalletLoginError.connectionError("Chain config is not available");
+    this.status = constants.CONNECTOR_STATUS.CONNECTING;
+    this.emit(constants.CONNECTOR_EVENTS.CONNECTING, {
+      connector: index.WALLET_CONNECTORS.METAMASK
+    });
+    try {
+      await this.metamaskSDK.connect();
+      this.metamaskProvider = this.metamaskSDK.getProvider();
+      if (!this.metamaskProvider) throw index$1.WalletLoginError.notConnectedError("Failed to connect with provider");
+      // switch chain if not connected to the right chain
+      const currentChainId = await this.metamaskProvider.request({
+        method: "eth_chainId"
+      });
+      if (currentChainId !== chainConfig.chainId) {
+        await this.switchChain(chainConfig, true);
+      }
+      // handle disconnect event
+      const accountDisconnectHandler = accounts => {
+        if (accounts.length === 0) this.disconnect();
+      };
+      this.metamaskProvider.on("accountsChanged", accountDisconnectHandler);
+      this.metamaskProvider.once("disconnect", () => {
+        this.disconnect();
+      });
+      this.status = constants.CONNECTOR_STATUS.CONNECTED;
+      this.emit(constants.CONNECTOR_EVENTS.CONNECTED, {
+        connector: index.WALLET_CONNECTORS.METAMASK,
+        reconnected: this.rehydrated,
+        provider: this.metamaskProvider
+      });
+      return this.metamaskProvider;
+    } catch (error) {
+      // ready again to be connected
+      this.status = constants.CONNECTOR_STATUS.READY;
+      this.rehydrated = false;
+      this.emit(constants.CONNECTOR_EVENTS.ERRORED, error);
+      if (error instanceof index$1.Web3AuthError) throw error;
+      throw index$1.WalletLoginError.connectionError("Failed to login with MetaMask wallet", error);
+    }
+  }
+  async disconnect(options = {
+    cleanup: false
+  }) {
+    if (!this.metamaskProvider) throw index$1.WalletLoginError.connectionError("MetaMask provider is not available");
+    await super.disconnectSession();
+    if (typeof this.metamaskProvider.removeAllListeners !== "undefined") this.metamaskProvider.removeAllListeners();
+    await this.metamaskSDK.terminate();
+    if (options.cleanup) {
+      this.status = constants.CONNECTOR_STATUS.NOT_READY;
+      this.metamaskProvider = null;
+    } else {
+      // ready to be connected again
+      this.status = constants.CONNECTOR_STATUS.READY;
+    }
+    await super.disconnect();
+  }
+  async getUserInfo() {
+    if (this.status !== constants.CONNECTOR_STATUS.CONNECTED) throw index$1.WalletLoginError.notConnectedError("Not connected with wallet, Please login/connect first");
+    return {};
+  }
+  async switchChain(params, init = false) {
+    super.checkSwitchChainRequirements(params, init);
+    const requestSwitchChain = () => this.metamaskProvider.request({
+      method: "wallet_switchEthereumChain",
+      params: [{
+        chainId: params.chainId
+      }]
+    });
+    try {
+      await requestSwitchChain();
+    } catch (error) {
+      // If the error code is 4902, the network needs to be added
+      if ((error === null || error === void 0 ? void 0 : error.code) === 4902) {
+        const chainConfig = this.coreOptions.chains.find(x => x.chainId === params.chainId && x.chainNamespace === this.connectorNamespace);
+        await this.addChain(chainConfig);
+        await requestSwitchChain();
+      } else {
+        throw error;
+      }
+    }
+  }
+  async enableMFA() {
+    throw new Error("Method Not implemented");
+  }
+  async manageMFA() {
+    throw new Error("Method Not implemented");
+  }
+  async addChain(chainConfig) {
+    if (!this.metamaskProvider) throw index$1.WalletLoginError.connectionError("Injected provider is not available");
+    await this.metamaskProvider.request({
+      method: "wallet_addEthereumChain",
+      params: [{
+        chainId: chainConfig.chainId,
+        chainName: chainConfig.displayName,
+        rpcUrls: [chainConfig.rpcTarget],
+        blockExplorerUrls: [chainConfig.blockExplorerUrl],
+        nativeCurrency: {
+          name: chainConfig.tickerName,
+          symbol: chainConfig.ticker,
+          decimals: chainConfig.decimals || 18
+        },
+        iconUrls: [chainConfig.logo]
+      }]
+    });
+  }
+}
+const metaMaskConnector = params => {
+  return ({
+    coreOptions
+  }) => {
+    return new MetaMaskConnector({
+      connectorSettings: params,
+      coreOptions
+    });
+  };
+};
+
+exports.metaMaskConnector = metaMaskConnector;

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

@@ -0,0 +1,61 @@
+'use strict';
+
+/**
+ * Extracts a name for the site from the DOM
+ */
+const getSiteName = window => {
+  const {
+    document
+  } = window;
+  const siteName = document.querySelector('head > meta[property="og:site_name"]');
+  if (siteName) {
+    return siteName.content;
+  }
+  const metaTitle = document.querySelector('head > meta[name="title"]');
+  if (metaTitle) {
+    return metaTitle.content;
+  }
+  if (document.title && document.title.length > 0) {
+    return document.title;
+  }
+  return window.location.hostname;
+};
+/**
+ * Returns whether the given image URL exists
+ * @param url - the url of the image
+ * @returns - whether the image exists
+ */
+function imgExists(url) {
+  return new Promise((resolve, reject) => {
+    try {
+      const img = document.createElement("img");
+      img.onload = () => resolve(true);
+      img.onerror = () => resolve(false);
+      img.src = url;
+    } catch (e) {
+      reject(e);
+    }
+  });
+}
+/**
+ * Extracts an icon for the site from the DOM
+ */
+async function getSiteIcon(window) {
+  const {
+    document
+  } = window;
+  // Use the site's favicon if it exists
+  let icon = document.querySelector('head > link[rel="shortcut icon"]');
+  if (icon && (await imgExists(icon.href))) {
+    return icon.href;
+  }
+  // Search through available icons in no particular order
+  icon = Array.from(document.querySelectorAll('head > link[rel="icon"]')).find(_icon => Boolean(_icon.href)) || null;
+  if (icon && (await imgExists(icon.href))) {
+    return icon.href;
+  }
+  return null;
+}
+
+exports.getSiteIcon = getSiteIcon;
+exports.getSiteName = getSiteName;