@web3auth/modal 9.7.0 → 10.0.0-alpha.1

package/dist/types/vue/interfaces.d.ts

@@ -0,0 +1,42 @@
+import type { AuthUserInfo, LoginParams } from "@web3auth/auth";
+import type { CONNECTOR_STATUS_TYPE, ConnectorFn, IPlugin, IProvider, PluginFn, UserAuthInfo, WALLET_CONNECTOR_TYPE } from "@web3auth/no-modal";
+import { Ref, ShallowRef } from "vue";
+import type { ModalConfig } from "../interface";
+import type { Web3Auth, Web3AuthOptions } from "../modalManager";
+export type Web3AuthContextConfig = {
+    web3AuthOptions: Web3AuthOptions;
+    modalConfig?: Record<WALLET_CONNECTOR_TYPE, ModalConfig>;
+    hideWalletDiscovery?: boolean;
+    connectors?: ConnectorFn[];
+    plugins?: PluginFn[];
+};
+export interface Web3AuthProviderProps {
+    config: Web3AuthContextConfig;
+}
+interface IBaseWeb3AuthComposableContext {
+    isConnecting: Ref<boolean>;
+    connectError: Ref<Error | null>;
+    isConnected: Ref<boolean>;
+    provider: Ref<IProvider | null>;
+    userInfo: Ref<Partial<AuthUserInfo> | null>;
+    isMFAEnabled: Ref<boolean>;
+    isInitializing: Ref<boolean>;
+    initError: Ref<Error | null>;
+    isInitialized: Ref<boolean>;
+    status: Ref<CONNECTOR_STATUS_TYPE | null>;
+    enableMFA(params?: LoginParams): Promise<void>;
+    manageMFA(params?: LoginParams): Promise<void>;
+    logout(params?: {
+        cleanup: boolean;
+    }): Promise<void>;
+    getPlugin(pluginName: string): IPlugin | null;
+    authenticateUser(): Promise<UserAuthInfo>;
+    switchChain(params: {
+        chainId: string;
+    }): Promise<void>;
+}
+export interface IWeb3AuthContext extends IBaseWeb3AuthComposableContext {
+    web3Auth: ShallowRef<Web3Auth | null>;
+    connect(): Promise<IProvider | null>;
+}
+export {};

package/package.json

@@ -1,56 +1,125 @@
 {
+  "name": "@web3auth/modal",
+  "version": "10.0.0-alpha.1",
+  "description": "Multi chain wallet aggregator for web3Auth",
+  "keywords": [
+    "web3Auth/ui",
+    "web3Auth",
+    "multichainWallet",
+    "blockchain",
+    "ethereum",
+    "solana"
+  ],
+  "main": "dist/lib.cjs/packages/modal/src/index.js",
+  "module": "dist/lib.esm/packages/modal/src/index.js",
+  "unpkg": "dist/modal.umd.min.js",
+  "jsdelivr": "dist/modal.umd.min.js",
+  "types": "dist/types/index.d.ts",
   "author": "Torus Labs",
   "bugs": {
     "url": "https://github.com/Web3Auth/Web3Auth/issues"
   },
-  "dependencies": {
-    "@web3auth/auth-adapter": "^9.7.0",
-    "@web3auth/base": "^9.7.0",
-    "@web3auth/base-provider": "^9.7.0",
-    "@web3auth/no-modal": "^9.7.0",
-    "@web3auth/ui": "^9.7.0",
-    "deepmerge": "^4.3.1"
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "test": "mocha --config ../../.mocharc.json test/**.ts",
+    "test-debugger": "mocha --config ../../.mocharc.json --inspect-brk test/**.ts",
+    "dev": "torus-scripts start",
+    "build": "torus-scripts build",
+    "lint": "eslint --fix 'src/**/*.ts'",
+    "prepack": "npm run build",
+    "pre-commit": "lint-staged --cwd ."
+  },
+  "peerDependenciesMeta": {
+    "@coinbase/wallet-sdk": {
+      "optional": true
+    },
+    "vue": {
+      "optional": true
+    }
+  },
+  "peerDependencies": {
+    "@babel/runtime": "^7.x",
+    "react": "^18.x",
+    "react-dom": "^18.x",
+    "vue": "^3.x"
   },
   "devDependencies": {
+    "@babel/preset-react": "^7.26.3",
+    "@mertasan/tailwindcss-variables": "^2.7.0",
+    "@rollup/plugin-json": "^6.1.0",
+    "@rollup/plugin-url": "^8.0.2",
+    "@svgr/rollup": "^8.1.0",
     "@svgr/webpack": "^8.1.0",
+    "@toruslabs/eslint-config-react": "^3.4.4",
     "@toruslabs/isomorphic-style-loader": "^5.3.3",
-    "@web3auth/account-abstraction-provider": "^9.7.0",
-    "@web3auth/auth": "^9.6.4",
-    "@web3auth/wallet-connect-v2-adapter": "^9.7.0",
+    "@toruslabs/vue-components": "^7.9.0",
+    "@types/react": "^18.3.12",
+    "@types/react-dom": "^18.3.1",
+    "autoprefixer": "^10.4.20",
     "css-loader": "^7.1.2",
+    "live-server": "^1.2.2",
+    "postcss": "^8.4.49",
+    "postcss-loader": "^8.1.1",
     "postcss-prefix-selector": "^2.1.0",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "rollup-plugin-postcss": "^4.0.2",
     "style-loader": "^4.0.0",
-    "url-loader": "^4.1.1"
+    "tailwindcss": "^3.4.17",
+    "url-loader": "^4.1.1",
+    "vue": "^3.5.13"
+  },
+  "dependencies": {
+    "@toruslabs/http-helpers": "^7.0.0",
+    "@web3auth/auth": "^9.6.4",
+    "@web3auth/no-modal": "^10.0.0-alpha.1",
+    "bowser": "^2.11.0",
+    "classnames": "^2.5.1",
+    "copy-to-clipboard": "^3.3.3",
+    "deepmerge": "^4.3.1",
+    "i18next": "^23.16.8",
+    "react-i18next": "^15.2.0",
+    "react-qrcode-logo": "^3.0.0"
+  },
+  "exports": {
+    ".": {
+      "import": "./dist/lib.esm/packages/modal/src/index.js",
+      "require": "./dist/lib.cjs/packages/modal/src/index.js",
+      "types": "./dist/types/index.d.ts"
+    },
+    "./react": {
+      "import": "./dist/lib.esm/packages/modal/src/react/index.js",
+      "require": "./dist/lib.cjs/packages/modal/src/react/index.js",
+      "types": "./dist/types/react/index.d.ts"
+    },
+    "./vue": {
+      "import": "./dist/lib.esm/packages/modal/src/vue/index.js",
+      "require": "./dist/lib.cjs/packages/modal/src/vue/index.js",
+      "types": "./dist/types/vue/index.d.ts"
+    }
+  },
+  "typesVersions": {
+    "*": {
+      "react": [
+        "./dist/types/react/index.d.ts"
+      ],
+      "vue": [
+        "./dist/types/vue/index.d.ts"
+      ]
+    }
   },
   "engines": {
     "node": ">=18.x",
     "npm": ">=9.x"
   },
-  "files": [
-    "dist"
-  ],
-  "homepage": "https://github.com/Web3Auth/Web3Auth#readme",
-  "jsdelivr": "dist/modal.umd.min.js",
-  "keywords": [],
-  "license": "ISC",
   "lint-staged": {
     "!(*d).ts": [
       "eslint --cache --fix",
       "prettier --write"
     ]
   },
-  "main": "dist/lib.cjs/index.js",
-  "module": "dist/lib.esm/index.js",
-  "name": "@web3auth/modal",
-  "peerDependencies": {
-    "@babel/runtime": "^7.x",
-    "@web3auth/wallet-connect-v2-adapter": "^9.x"
-  },
-  "peerDependenciesMeta": {
-    "@web3auth/wallet-connect-v2-adapter": {
-      "optional": true
-    }
-  },
   "publishConfig": {
     "access": "public"
   },
@@ -58,17 +127,5 @@
     "type": "git",
     "url": "git+https://github.com/Web3Auth/Web3Auth.git"
   },
-  "scripts": {
-    "build": "torus-scripts build",
-    "dev": "torus-scripts start",
-    "lint": "eslint --fix 'src/**/*.ts'",
-    "pre-commit": "lint-staged --cwd .",
-    "prepack": "npm run build",
-    "test": "mocha --config ../../.mocharc.json test/**.ts",
-    "test-debugger": "mocha --config ../../.mocharc.json --inspect-brk test/**.ts"
-  },
-  "types": "dist/types/index.d.ts",
-  "unpkg": "dist/modal.umd.min.js",
-  "version": "9.7.0",
-  "gitHead": "dedcfa4faf7bcc60e5fa3e1b87be2c7e48c652bc"
+  "gitHead": "d22af091d1b195115c5c570be82c64ee92353245"
 }

package/dist/lib.cjs/modalManager.js

@@ -1,441 +0,0 @@
-'use strict';
-
-var _objectSpread = require('@babel/runtime/helpers/objectSpread2');
-var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-var authAdapter = require('@web3auth/auth-adapter');
-var base = require('@web3auth/base');
-var baseProvider = require('@web3auth/base-provider');
-var noModal = require('@web3auth/no-modal');
-var ui = require('@web3auth/ui');
-var deepmerge = require('deepmerge');
-var config = require('./config.js');
-
-class Web3Auth extends noModal.Web3AuthNoModal {
-  constructor(options) {
-    super(options);
-    _defineProperty(this, "loginModal", void 0);
-    _defineProperty(this, "options", void 0);
-    _defineProperty(this, "modalConfig", base.cloneDeep(config.defaultOtherModalConfig));
-    this.options = _objectSpread({}, options);
-    if (!this.options.uiConfig) this.options.uiConfig = {};
-    if (!this.coreOptions.privateKeyProvider) throw base.WalletInitializationError.invalidParams("privateKeyProvider is required");
-  }
-  setModalConfig(modalConfig) {
-    super.checkInitRequirements();
-    this.modalConfig = modalConfig;
-  }
-  async initModal(params) {
-    var _params;
-    super.checkInitRequirements();
-    let projectConfig;
-    try {
-      var _this$options$account;
-      projectConfig = await base.fetchProjectConfig(this.options.clientId, this.options.web3AuthNetwork, (_this$options$account = this.options.accountAbstractionProvider) === null || _this$options$account === void 0 ? void 0 : _this$options$account.config.smartAccountInit.name);
-    } catch (e) {
-      base.log.error("Failed to fetch project configurations", e);
-      throw base.WalletInitializationError.notReady("failed to fetch project configurations", e);
-    }
-    const {
-      whitelabel
-    } = projectConfig;
-    this.options.uiConfig = deepmerge(base.cloneDeep(whitelabel || {}), this.options.uiConfig || {});
-    if (!this.options.uiConfig.defaultLanguage) this.options.uiConfig.defaultLanguage = ui.getUserLanguage(this.options.uiConfig.defaultLanguage);
-    if (!this.options.uiConfig.mode) this.options.uiConfig.mode = "light";
-    let walletRegistry = {
-      others: {},
-      default: {}
-    };
-    if (!((_params = params) !== null && _params !== void 0 && _params.hideWalletDiscovery)) {
-      try {
-        walletRegistry = await base.fetchWalletRegistry(config.walletRegistryUrl);
-      } catch (e) {
-        base.log.error("Failed to fetch wallet registry", e);
-      }
-    }
-    this.loginModal = new ui.LoginModal(_objectSpread(_objectSpread({}, this.options.uiConfig), {}, {
-      adapterListener: this,
-      chainNamespace: this.options.chainConfig.chainNamespace,
-      walletRegistry
-    }));
-    this.subscribeToLoginModalEvents();
-    const {
-      sms_otp_enabled: smsOtpEnabled,
-      whitelist,
-      key_export_enabled: keyExportEnabled
-    } = projectConfig;
-    if (smsOtpEnabled !== undefined) {
-      var _params2, _params$modalConfig$W;
-      const adapterConfig = {
-        [base.WALLET_ADAPTERS.AUTH]: {
-          label: base.WALLET_ADAPTERS.AUTH,
-          loginMethods: {
-            [authAdapter.LOGIN_PROVIDER.SMS_PASSWORDLESS]: {
-              name: authAdapter.LOGIN_PROVIDER.SMS_PASSWORDLESS,
-              showOnModal: smsOtpEnabled,
-              showOnDesktop: smsOtpEnabled,
-              showOnMobile: smsOtpEnabled
-            }
-          }
-        }
-      };
-      if (!((_params2 = params) !== null && _params2 !== void 0 && _params2.modalConfig)) params = {
-        modalConfig: {}
-      };
-      const localSmsOtpEnabled = (_params$modalConfig$W = params.modalConfig[base.WALLET_ADAPTERS.AUTH]) === null || _params$modalConfig$W === void 0 || (_params$modalConfig$W = _params$modalConfig$W.loginMethods) === null || _params$modalConfig$W === void 0 || (_params$modalConfig$W = _params$modalConfig$W[authAdapter.LOGIN_PROVIDER.SMS_PASSWORDLESS]) === null || _params$modalConfig$W === void 0 ? void 0 : _params$modalConfig$W.showOnModal;
-      if (localSmsOtpEnabled === true && smsOtpEnabled === false) {
-        throw base.WalletInitializationError.invalidParams("must enable sms otp on dashboard in order to utilise it");
-      }
-      params.modalConfig = deepmerge(adapterConfig, base.cloneDeep(params.modalConfig));
-    }
-    await this.loginModal.initModal();
-    const providedChainConfig = this.options.chainConfig;
-    // merge default adapters with the custom configured adapters.
-    const allAdapters = [...new Set([...Object.keys(this.modalConfig.adapters || {}), ...Object.keys(this.walletAdapters)])];
-    const adapterConfigurationPromises = allAdapters.map(async adapterName => {
-      var _this$modalConfig$ada, _params3, _this$modalConfig$ada2, _this$modalConfig$ada3;
-      // start with the default config of adapter.
-      let adapterConfig = ((_this$modalConfig$ada = this.modalConfig.adapters) === null || _this$modalConfig$ada === void 0 ? void 0 : _this$modalConfig$ada[adapterName]) || {
-        label: base.ADAPTER_NAMES[adapterName] || adapterName.split("-").map(ui.capitalizeFirstLetter).join(" "),
-        showOnModal: true,
-        showOnMobile: true,
-        showOnDesktop: true
-      };
-
-      // override the default config of adapter if some config is being provided by the user.
-      if ((_params3 = params) !== null && _params3 !== void 0 && (_params3 = _params3.modalConfig) !== null && _params3 !== void 0 && _params3[adapterName]) {
-        adapterConfig = _objectSpread(_objectSpread({}, adapterConfig), params.modalConfig[adapterName]);
-      }
-      this.modalConfig.adapters[adapterName] = adapterConfig;
-
-      // check if adapter is configured/added by user and exist in walletAdapters map.
-      const adapter = this.walletAdapters[adapterName];
-      base.log.debug("adapter config", adapterName, (_this$modalConfig$ada2 = this.modalConfig.adapters) === null || _this$modalConfig$ada2 === void 0 ? void 0 : _this$modalConfig$ada2[adapterName].showOnModal, adapter);
-
-      // if adapter is not custom configured then check if it is available in default adapters.
-      // and if adapter is not hidden by user
-      if (!adapter && (_this$modalConfig$ada3 = this.modalConfig.adapters) !== null && _this$modalConfig$ada3 !== void 0 && _this$modalConfig$ada3[adapterName].showOnModal) {
-        // Adapters to be shown on modal should be pre-configured.
-        if (adapterName === base.WALLET_ADAPTERS.AUTH) {
-          var _this$coreOptions$cha;
-          const defaultOptions = authAdapter.getAuthDefaultOptions();
-          const {
-            clientId,
-            useCoreKitKey,
-            chainConfig,
-            web3AuthNetwork,
-            sessionTime,
-            privateKeyProvider
-          } = this.coreOptions;
-          const finalChainConfig = _objectSpread(_objectSpread({}, base.getChainConfig(providedChainConfig.chainNamespace, (_this$coreOptions$cha = this.coreOptions.chainConfig) === null || _this$coreOptions$cha === void 0 ? void 0 : _this$coreOptions$cha.chainId, clientId)), chainConfig);
-          if (!privateKeyProvider) {
-            throw base.WalletInitializationError.invalidParams("privateKeyProvider is required");
-          }
-          const finalAuthAdapterSettings = _objectSpread(_objectSpread({}, defaultOptions.adapterSettings), {}, {
-            clientId,
-            network: web3AuthNetwork,
-            whiteLabel: this.options.uiConfig
-          });
-          if (smsOtpEnabled !== undefined) {
-            finalAuthAdapterSettings.loginConfig = {
-              [authAdapter.LOGIN_PROVIDER.SMS_PASSWORDLESS]: {
-                showOnModal: smsOtpEnabled,
-                showOnDesktop: smsOtpEnabled,
-                showOnMobile: smsOtpEnabled,
-                showOnSocialBackupFactor: smsOtpEnabled
-              }
-            };
-          }
-          if (whitelist) {
-            finalAuthAdapterSettings.originData = whitelist.signed_urls;
-          }
-          if (this.options.uiConfig.uxMode) {
-            finalAuthAdapterSettings.uxMode = this.options.uiConfig.uxMode;
-          }
-          const authAdapter$1 = new authAdapter.AuthAdapter(_objectSpread(_objectSpread({}, defaultOptions), {}, {
-            clientId,
-            useCoreKitKey,
-            chainConfig: _objectSpread({}, finalChainConfig),
-            adapterSettings: finalAuthAdapterSettings,
-            sessionTime,
-            web3AuthNetwork,
-            privateKeyProvider
-          }));
-          this.walletAdapters[adapterName] = authAdapter$1;
-          return adapterName;
-        }
-        throw base.WalletInitializationError.invalidParams(`Adapter ${adapterName} is not configured`);
-      } else if ((adapter === null || adapter === void 0 ? void 0 : adapter.type) === base.ADAPTER_CATEGORY.IN_APP || (adapter === null || adapter === void 0 ? void 0 : adapter.type) === base.ADAPTER_CATEGORY.EXTERNAL || adapterName === this.cachedAdapter) {
-        var _this$modalConfig$ada4;
-        if (!((_this$modalConfig$ada4 = this.modalConfig.adapters) !== null && _this$modalConfig$ada4 !== void 0 && _this$modalConfig$ada4[adapterName].showOnModal)) return;
-        // add client id to adapter, same web3auth client id can be used in adapter.
-        // this id is being overridden if user is also passing client id in adapter's constructor.
-        this.walletAdapters[adapterName].setAdapterSettings({
-          clientId: this.options.clientId,
-          sessionTime: this.options.sessionTime,
-          web3AuthNetwork: this.options.web3AuthNetwork,
-          useCoreKitKey: this.coreOptions.useCoreKitKey
-        });
-
-        // if adapter doesn't have any chainConfig then we will set the chainConfig based of passed chainNamespace
-        // and chainNamespace.
-        if (!adapter.chainConfigProxy) {
-          var _this$coreOptions$cha2;
-          const chainConfig = _objectSpread(_objectSpread({}, base.getChainConfig(providedChainConfig.chainNamespace, (_this$coreOptions$cha2 = this.coreOptions.chainConfig) === null || _this$coreOptions$cha2 === void 0 ? void 0 : _this$coreOptions$cha2.chainId, this.coreOptions.clientId)), this.coreOptions.chainConfig);
-          this.walletAdapters[adapterName].setAdapterSettings({
-            chainConfig
-          });
-        }
-        if (adapterName === base.WALLET_ADAPTERS.AUTH) {
-          var _this$options$uiConfi;
-          const authAdapter$1 = this.walletAdapters[adapterName];
-          if (this.coreOptions.privateKeyProvider) {
-            if (authAdapter$1.currentChainNamespace !== this.coreOptions.privateKeyProvider.currentChainConfig.chainNamespace) {
-              throw base.WalletInitializationError.incompatibleChainNameSpace("private key provider is not compatible with provided chainNamespace for auth adapter");
-            }
-            authAdapter$1.setAdapterSettings({
-              privateKeyProvider: this.coreOptions.privateKeyProvider
-            });
-          }
-          if (smsOtpEnabled !== undefined) {
-            authAdapter$1.setAdapterSettings({
-              loginConfig: {
-                [authAdapter.LOGIN_PROVIDER.SMS_PASSWORDLESS]: {
-                  showOnModal: smsOtpEnabled,
-                  showOnDesktop: smsOtpEnabled,
-                  showOnMobile: smsOtpEnabled,
-                  showOnSocialBackupFactor: smsOtpEnabled
-                }
-              }
-            });
-          }
-          if (whitelist) {
-            authAdapter$1.setAdapterSettings({
-              originData: whitelist.signed_urls
-            });
-          }
-          if ((_this$options$uiConfi = this.options.uiConfig) !== null && _this$options$uiConfi !== void 0 && _this$options$uiConfi.uxMode) {
-            authAdapter$1.setAdapterSettings({
-              uxMode: this.options.uiConfig.uxMode
-            });
-          }
-          authAdapter$1.setAdapterSettings({
-            whiteLabel: this.options.uiConfig
-          });
-          if (!authAdapter$1.privateKeyProvider) {
-            throw base.WalletInitializationError.invalidParams("privateKeyProvider is required for auth adapter");
-          }
-        } else if (adapterName === base.WALLET_ADAPTERS.WALLET_CONNECT_V2) {
-          const walletConnectAdapter = this.walletAdapters[adapterName];
-          const {
-            wallet_connect_enabled: walletConnectEnabled,
-            wallet_connect_project_id: walletConnectProjectId
-          } = projectConfig;
-          if (walletConnectEnabled === false) {
-            var _this$modalConfig$ada5, _this$modalConfig$ada6, _this$modalConfig$ada7;
-            // override user specified config by hiding wallet connect
-            this.modalConfig.adapters = _objectSpread(_objectSpread({}, (_this$modalConfig$ada5 = this.modalConfig.adapters) !== null && _this$modalConfig$ada5 !== void 0 ? _this$modalConfig$ada5 : {}), {}, {
-              [base.WALLET_ADAPTERS.WALLET_CONNECT_V2]: _objectSpread(_objectSpread({}, (_this$modalConfig$ada6 = (_this$modalConfig$ada7 = this.modalConfig.adapters) === null || _this$modalConfig$ada7 === void 0 ? void 0 : _this$modalConfig$ada7[base.WALLET_ADAPTERS.WALLET_CONNECT_V2]) !== null && _this$modalConfig$ada6 !== void 0 ? _this$modalConfig$ada6 : {}), {}, {
-                showOnModal: false
-              })
-            });
-            this.modalConfig.adapters[base.WALLET_ADAPTERS.WALLET_CONNECT_V2].showOnModal = false;
-          } else {
-            var _walletConnectAdapter;
-            if (!(walletConnectAdapter !== null && walletConnectAdapter !== void 0 && (_walletConnectAdapter = walletConnectAdapter.adapterOptions) !== null && _walletConnectAdapter !== void 0 && (_walletConnectAdapter = _walletConnectAdapter.adapterSettings) !== null && _walletConnectAdapter !== void 0 && (_walletConnectAdapter = _walletConnectAdapter.walletConnectInitOptions) !== null && _walletConnectAdapter !== void 0 && _walletConnectAdapter.projectId) && !walletConnectProjectId) throw base.WalletInitializationError.invalidParams("Invalid wallet connect project id. Please configure it on the dashboard");
-            if (walletConnectProjectId) {
-              walletConnectAdapter.setAdapterSettings({
-                adapterSettings: {
-                  walletConnectInitOptions: {
-                    projectId: walletConnectProjectId
-                  }
-                }
-              });
-            }
-          }
-        }
-        return adapterName;
-      }
-    });
-    const adapterNames = await Promise.all(adapterConfigurationPromises);
-    const hasInAppWallets = Object.values(this.walletAdapters).some(adapter => {
-      var _this$modalConfig$ada8, _this$modalConfig$ada9, _adapter$name;
-      if (adapter.type !== base.ADAPTER_CATEGORY.IN_APP) return false;
-      if (((_this$modalConfig$ada8 = this.modalConfig.adapters) === null || _this$modalConfig$ada8 === void 0 || (_this$modalConfig$ada8 = _this$modalConfig$ada8[adapter.name]) === null || _this$modalConfig$ada8 === void 0 ? void 0 : _this$modalConfig$ada8.showOnModal) !== true) return false;
-      if (!((_this$modalConfig$ada9 = this.modalConfig.adapters) !== null && _this$modalConfig$ada9 !== void 0 && (_this$modalConfig$ada9 = _this$modalConfig$ada9[adapter.name]) !== null && _this$modalConfig$ada9 !== void 0 && _this$modalConfig$ada9.loginMethods)) return true;
-      const mergedLoginMethods = ui.getAdapterSocialLogins(adapter.name, (_adapter$name = this.modalConfig.adapters[adapter.name]) === null || _adapter$name === void 0 ? void 0 : _adapter$name.loginMethods);
-      if (Object.values(mergedLoginMethods).some(method => method.showOnModal)) return true;
-      return false;
-    });
-    base.log.debug(hasInAppWallets, this.walletAdapters, adapterNames, "hasInAppWallets");
-
-    // Now, initialize the adapters.
-    const initPromises = adapterNames.map(async adapterName => {
-      if (!adapterName) return;
-      try {
-        const adapter = this.walletAdapters[adapterName];
-        // only initialize a external adapter here if it is a cached adapter.
-        if (this.cachedAdapter !== adapterName && adapter.type === base.ADAPTER_CATEGORY.EXTERNAL) {
-          return;
-        }
-        // in-app wallets or cached wallet (being connected or already connected) are initialized first.
-        // if adapter is configured then only initialize in app or cached adapter.
-        // external wallets are initialized on INIT_EXTERNAL_WALLET event.
-        this.subscribeToAdapterEvents(adapter);
-        if (adapter.status === base.ADAPTER_STATUS.NOT_READY) await adapter.init({
-          autoConnect: this.cachedAdapter === adapterName
-        });
-        // note: not adding cachedWallet to modal if it is external wallet.
-        // adding it later if no in-app wallets are available.
-        if (adapter.type === base.ADAPTER_CATEGORY.IN_APP) {
-          this.initializeInAppWallet(adapterName);
-        }
-      } catch (error) {
-        base.log.error(error, "error while initializing adapter ", adapterName);
-      }
-    });
-    this.commonJRPCProvider = await baseProvider.CommonJRPCProvider.getProviderInstance({
-      chainConfig: this.coreOptions.chainConfig
-    });
-    if (typeof keyExportEnabled === "boolean") {
-      this.coreOptions.privateKeyProvider.setKeyExportFlag(keyExportEnabled);
-      // dont know if we need to do this.
-      this.commonJRPCProvider.setKeyExportFlag(keyExportEnabled);
-    }
-    await Promise.all(initPromises);
-    if (this.status === base.ADAPTER_STATUS.NOT_READY) {
-      this.status = base.ADAPTER_STATUS.READY;
-      this.emit(base.ADAPTER_EVENTS.READY);
-    }
-    const hasExternalWallets = allAdapters.some(adapterName => {
-      var _params4, _this$walletAdapters$, _this$modalConfig$ada10;
-      // if wallet connect adapter is available but hideWalletDiscovery is true then don't consider it as external wallet
-      if (adapterName === base.WALLET_ADAPTERS.WALLET_CONNECT_V2 && (_params4 = params) !== null && _params4 !== void 0 && _params4.hideWalletDiscovery) return false;
-      return ((_this$walletAdapters$ = this.walletAdapters[adapterName]) === null || _this$walletAdapters$ === void 0 ? void 0 : _this$walletAdapters$.type) === base.ADAPTER_CATEGORY.EXTERNAL && ((_this$modalConfig$ada10 = this.modalConfig.adapters) === null || _this$modalConfig$ada10 === void 0 ? void 0 : _this$modalConfig$ada10[adapterName].showOnModal);
-    });
-    if (hasExternalWallets) {
-      this.loginModal.initExternalWalletContainer();
-    }
-
-    // variable to check if we have any in app wallets
-    // currently all default in app and external wallets can be hidden or shown based on config.
-    if (!hasInAppWallets && hasExternalWallets) {
-      // if no in app wallet is available then initialize external wallets in modal
-      await this.initExternalWalletAdapters(false, {
-        showExternalWalletsOnly: true
-      });
-    }
-  }
-  async connect() {
-    if (!this.loginModal) throw base.WalletInitializationError.notReady("Login modal is not initialized");
-    // if already connected return provider
-    if (this.connectedAdapterName && this.status === base.ADAPTER_STATUS.CONNECTED && this.provider) return this.provider;
-    this.loginModal.open();
-    return new Promise((resolve, reject) => {
-      this.once(base.ADAPTER_EVENTS.CONNECTED, () => {
-        return resolve(this.provider);
-      });
-      this.once(base.ADAPTER_EVENTS.ERRORED, err => {
-        return reject(err);
-      });
-      this.once(ui.LOGIN_MODAL_EVENTS.MODAL_VISIBILITY, visibility => {
-        // modal is closed but user is not connected to any wallet.
-        if (!visibility && this.status !== base.ADAPTER_STATUS.CONNECTED) {
-          return reject(new Error("User closed the modal"));
-        }
-      });
-    });
-  }
-  async initExternalWalletAdapters(externalWalletsInitialized, options) {
-    if (externalWalletsInitialized) return;
-    const adaptersConfig = {};
-    // we do it like this because we don't want one slow adapter to delay the load of the entire external wallet section.
-    Object.keys(this.walletAdapters).forEach(async adapterName => {
-      const adapter = this.walletAdapters[adapterName];
-      if ((adapter === null || adapter === void 0 ? void 0 : adapter.type) === base.ADAPTER_CATEGORY.EXTERNAL) {
-        base.log.debug("init external wallet", this.cachedAdapter, adapterName, adapter.status);
-        this.subscribeToAdapterEvents(adapter);
-        // we are not initializing cached adapter here as it is already being initialized in initModal before.
-        if (this.cachedAdapter === adapterName) {
-          return;
-        }
-        if (adapter.status === base.ADAPTER_STATUS.NOT_READY) {
-          await adapter.init({
-            autoConnect: this.cachedAdapter === adapterName
-          }).then(() => {
-            const adapterModalConfig = this.modalConfig.adapters[adapterName];
-            adaptersConfig[adapterName] = _objectSpread(_objectSpread({}, adapterModalConfig), {}, {
-              isInjected: adapter.isInjected
-            });
-            this.loginModal.addWalletLogins(adaptersConfig, {
-              showExternalWalletsOnly: !!(options !== null && options !== void 0 && options.showExternalWalletsOnly)
-            });
-            return undefined;
-          }).catch(error => base.log.error(error, "error while initializing adapter", adapterName));
-        } else if (adapter.status === base.ADAPTER_STATUS.READY || adapter.status === base.ADAPTER_STATUS.CONNECTING) {
-          // we use connecting status for wallet connect
-          const adapterModalConfig = this.modalConfig.adapters[adapterName];
-          adaptersConfig[adapterName] = _objectSpread(_objectSpread({}, adapterModalConfig), {}, {
-            isInjected: adapter.isInjected
-          });
-          this.loginModal.addWalletLogins(adaptersConfig, {
-            showExternalWalletsOnly: !!(options !== null && options !== void 0 && options.showExternalWalletsOnly)
-          });
-        }
-      }
-    });
-  }
-  initializeInAppWallet(adapterName) {
-    base.log.info("adapterInitResults", adapterName);
-    if (this.walletAdapters[adapterName].type === base.ADAPTER_CATEGORY.IN_APP) {
-      var _adapterName, _this$options$uiConfi2, _this$options$uiConfi3, _this$options$uiConfi4;
-      this.loginModal.addSocialLogins(adapterName, ui.getAdapterSocialLogins(adapterName, (_adapterName = this.modalConfig.adapters[adapterName]) === null || _adapterName === void 0 ? void 0 : _adapterName.loginMethods), ((_this$options$uiConfi2 = this.options.uiConfig) === null || _this$options$uiConfi2 === void 0 ? void 0 : _this$options$uiConfi2.loginMethodsOrder) || ui.AUTH_PROVIDERS, _objectSpread(_objectSpread({}, this.options.uiConfig), {}, {
-        loginGridCol: ((_this$options$uiConfi3 = this.options.uiConfig) === null || _this$options$uiConfi3 === void 0 ? void 0 : _this$options$uiConfi3.loginGridCol) || 3,
-        primaryButton: ((_this$options$uiConfi4 = this.options.uiConfig) === null || _this$options$uiConfi4 === void 0 ? void 0 : _this$options$uiConfi4.primaryButton) || "socialLogin"
-      }));
-    }
-  }
-  subscribeToLoginModalEvents() {
-    this.loginModal.on(ui.LOGIN_MODAL_EVENTS.LOGIN, async params => {
-      try {
-        await this.connectTo(params.adapter, params.loginParams);
-      } catch (error) {
-        base.log.error(`Error while connecting to adapter: ${params.adapter}`, error);
-      }
-    });
-    this.loginModal.on(ui.LOGIN_MODAL_EVENTS.INIT_EXTERNAL_WALLETS, async params => {
-      await this.initExternalWalletAdapters(params.externalWalletsInitialized);
-    });
-    this.loginModal.on(ui.LOGIN_MODAL_EVENTS.DISCONNECT, async () => {
-      try {
-        await this.logout();
-      } catch (error) {
-        base.log.error(`Error while disconnecting`, error);
-      }
-    });
-    this.loginModal.on(ui.LOGIN_MODAL_EVENTS.MODAL_VISIBILITY, async visibility => {
-      base.log.debug("is login modal visible", visibility);
-      this.emit(ui.LOGIN_MODAL_EVENTS.MODAL_VISIBILITY, visibility);
-      const adapter = this.walletAdapters[base.WALLET_ADAPTERS.WALLET_CONNECT_V2];
-      if (adapter) {
-        const walletConnectStatus = adapter === null || adapter === void 0 ? void 0 : adapter.status;
-        base.log.debug("trying refreshing wc session", visibility, walletConnectStatus);
-        if (visibility && (walletConnectStatus === base.ADAPTER_STATUS.READY || walletConnectStatus === base.ADAPTER_STATUS.CONNECTING)) {
-          base.log.debug("refreshing wc session");
-
-          // refreshing session for wallet connect whenever modal is opened.
-          try {
-            adapter.connect();
-          } catch (error) {
-            base.log.error(`Error while disconnecting to wallet connect in core`, error);
-          }
-        }
-        if (!visibility && this.status === base.ADAPTER_STATUS.CONNECTED && (walletConnectStatus === base.ADAPTER_STATUS.READY || walletConnectStatus === base.ADAPTER_STATUS.CONNECTING)) {
-          base.log.debug("this stops wc adapter from trying to reconnect once proposal expires");
-          adapter.status = base.ADAPTER_STATUS.READY;
-        }
-      }
-    });
-  }
-}
-
-exports.Web3Auth = Web3Auth;