@web3auth/modal 8.12.7 → 9.0.0-alpha.0

package/dist/lib.esm/modalManager.js

@@ -0,0 +1,424 @@
+import _objectSpread from '@babel/runtime/helpers/objectSpread2';
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import { cloneDeep, WalletInitializationError, fetchProjectConfig, log, fetchWalletRegistry, WALLET_ADAPTERS, getChainConfig, ADAPTER_CATEGORY, ADAPTER_STATUS, ADAPTER_EVENTS } from '@web3auth/base';
+import { CommonJRPCProvider } from '@web3auth/base-provider';
+import { Web3AuthNoModal } from '@web3auth/no-modal';
+import { LOGIN_PROVIDER, getOpenloginDefaultOptions, OpenloginAdapter } from '@web3auth/openlogin-adapter';
+import { getUserLanguage, LoginModal, capitalizeFirstLetter, getAdapterSocialLogins, LOGIN_MODAL_EVENTS, OPENLOGIN_PROVIDERS } from '@web3auth/ui';
+import deepmerge from 'deepmerge';
+import { defaultOtherModalConfig, walletRegistryUrl } from './config.js';
+
+class Web3Auth extends Web3AuthNoModal {
+  constructor(options) {
+    super(options);
+    _defineProperty(this, "loginModal", void 0);
+    _defineProperty(this, "options", void 0);
+    _defineProperty(this, "modalConfig", cloneDeep(defaultOtherModalConfig));
+    this.options = _objectSpread({}, options);
+    if (!this.options.uiConfig) this.options.uiConfig = {};
+    if (!this.coreOptions.privateKeyProvider) throw WalletInitializationError.invalidParams("privateKeyProvider is required");
+  }
+  setModalConfig(modalConfig) {
+    super.checkInitRequirements();
+    this.modalConfig = modalConfig;
+  }
+  async initModal(params) {
+    super.checkInitRequirements();
+    let projectConfig;
+    try {
+      projectConfig = await fetchProjectConfig(this.options.clientId, this.options.web3AuthNetwork);
+    } catch (e) {
+      log.error("Failed to fetch project configurations", e);
+      throw WalletInitializationError.notReady("failed to fetch project configurations", e);
+    }
+    const {
+      whitelabel
+    } = projectConfig;
+    this.options.uiConfig = deepmerge(cloneDeep(whitelabel), this.options.uiConfig);
+    if (!this.options.uiConfig.defaultLanguage) this.options.uiConfig.defaultLanguage = getUserLanguage(this.options.uiConfig.defaultLanguage);
+    if (!this.options.uiConfig.mode) this.options.uiConfig.mode = "light";
+    let walletRegistry = {};
+    try {
+      walletRegistry = await fetchWalletRegistry(walletRegistryUrl);
+    } catch (e) {
+      log.error("Failed to fetch wallet registry", e);
+    }
+    this.loginModal = new 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 _params;
+      const adapterConfig = {
+        [WALLET_ADAPTERS.OPENLOGIN]: {
+          label: WALLET_ADAPTERS.OPENLOGIN,
+          loginMethods: {
+            [LOGIN_PROVIDER.SMS_PASSWORDLESS]: {
+              name: LOGIN_PROVIDER.SMS_PASSWORDLESS,
+              showOnModal: smsOtpEnabled,
+              showOnDesktop: smsOtpEnabled,
+              showOnMobile: smsOtpEnabled
+            }
+          }
+        }
+      };
+      if (!((_params = params) !== null && _params !== void 0 && _params.modalConfig)) params = {
+        modalConfig: {}
+      };
+      params.modalConfig = deepmerge(cloneDeep(params.modalConfig), adapterConfig);
+    }
+    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, _params2, _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: adapterName.split("-").map(capitalizeFirstLetter).join(" "),
+        showOnModal: true,
+        showOnMobile: true,
+        showOnDesktop: true
+      };
+
+      // override the default config of adapter if some config is being provided by the user.
+      if ((_params2 = params) !== null && _params2 !== void 0 && (_params2 = _params2.modalConfig) !== null && _params2 !== void 0 && _params2[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];
+      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 === WALLET_ADAPTERS.OPENLOGIN) {
+          var _this$coreOptions$cha;
+          const defaultOptions = getOpenloginDefaultOptions();
+          const {
+            clientId,
+            useCoreKitKey,
+            chainConfig,
+            web3AuthNetwork,
+            sessionTime,
+            privateKeyProvider
+          } = this.coreOptions;
+          const finalChainConfig = _objectSpread(_objectSpread({}, getChainConfig(providedChainConfig.chainNamespace, (_this$coreOptions$cha = this.coreOptions.chainConfig) === null || _this$coreOptions$cha === void 0 ? void 0 : _this$coreOptions$cha.chainId)), chainConfig);
+          if (!privateKeyProvider) {
+            throw WalletInitializationError.invalidParams("privateKeyProvider is required");
+          }
+          const finalOpenloginAdapterSettings = _objectSpread(_objectSpread({}, defaultOptions.adapterSettings), {}, {
+            clientId,
+            network: web3AuthNetwork,
+            whiteLabel: this.options.uiConfig
+          });
+          if (smsOtpEnabled !== undefined) {
+            finalOpenloginAdapterSettings.loginConfig = {
+              [LOGIN_PROVIDER.SMS_PASSWORDLESS]: {
+                showOnModal: smsOtpEnabled,
+                showOnDesktop: smsOtpEnabled,
+                showOnMobile: smsOtpEnabled,
+                showOnSocialBackupFactor: smsOtpEnabled
+              }
+            };
+          }
+          if (whitelist) {
+            finalOpenloginAdapterSettings.originData = whitelist.signed_urls;
+          }
+          if (this.options.uiConfig.uxMode) {
+            finalOpenloginAdapterSettings.uxMode = this.options.uiConfig.uxMode;
+          }
+          const openloginAdapter = new OpenloginAdapter(_objectSpread(_objectSpread({}, defaultOptions), {}, {
+            clientId,
+            useCoreKitKey,
+            chainConfig: _objectSpread({}, finalChainConfig),
+            adapterSettings: finalOpenloginAdapterSettings,
+            sessionTime,
+            web3AuthNetwork,
+            privateKeyProvider
+          }));
+          this.walletAdapters[adapterName] = openloginAdapter;
+          return adapterName;
+        }
+        throw WalletInitializationError.invalidParams(`Adapter ${adapterName} is not configured`);
+      } else if ((adapter === null || adapter === void 0 ? void 0 : adapter.type) === ADAPTER_CATEGORY.IN_APP || (adapter === null || adapter === void 0 ? void 0 : adapter.type) === 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({}, getChainConfig(providedChainConfig.chainNamespace, (_this$coreOptions$cha2 = this.coreOptions.chainConfig) === null || _this$coreOptions$cha2 === void 0 ? void 0 : _this$coreOptions$cha2.chainId)), this.coreOptions.chainConfig);
+          this.walletAdapters[adapterName].setAdapterSettings({
+            chainConfig
+          });
+        }
+        if (adapterName === WALLET_ADAPTERS.OPENLOGIN) {
+          var _this$options$uiConfi;
+          const openloginAdapter = this.walletAdapters[adapterName];
+          if (this.coreOptions.privateKeyProvider) {
+            if (openloginAdapter.currentChainNamespace !== this.coreOptions.privateKeyProvider.currentChainConfig.chainNamespace) {
+              throw WalletInitializationError.incompatibleChainNameSpace("private key provider is not compatible with provided chainNamespace for openlogin adapter");
+            }
+            openloginAdapter.setAdapterSettings({
+              privateKeyProvider: this.coreOptions.privateKeyProvider
+            });
+          }
+          if (smsOtpEnabled !== undefined) {
+            openloginAdapter.setAdapterSettings({
+              loginConfig: {
+                [LOGIN_PROVIDER.SMS_PASSWORDLESS]: {
+                  showOnModal: smsOtpEnabled,
+                  showOnDesktop: smsOtpEnabled,
+                  showOnMobile: smsOtpEnabled,
+                  showOnSocialBackupFactor: smsOtpEnabled
+                }
+              }
+            });
+          }
+          if (whitelist) {
+            openloginAdapter.setAdapterSettings({
+              originData: whitelist.signed_urls
+            });
+          }
+          if ((_this$options$uiConfi = this.options.uiConfig) !== null && _this$options$uiConfi !== void 0 && _this$options$uiConfi.uxMode) {
+            openloginAdapter.setAdapterSettings({
+              uxMode: this.options.uiConfig.uxMode
+            });
+          }
+          openloginAdapter.setAdapterSettings({
+            whiteLabel: this.options.uiConfig
+          });
+          if (!openloginAdapter.privateKeyProvider) {
+            throw WalletInitializationError.invalidParams("privateKeyProvider is required for openlogin adapter");
+          }
+        } else if (adapterName === 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 : {}), {}, {
+              [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[WALLET_ADAPTERS.WALLET_CONNECT_V2]) !== null && _this$modalConfig$ada6 !== void 0 ? _this$modalConfig$ada6 : {}), {}, {
+                showOnModal: false
+              })
+            });
+            this.modalConfig.adapters[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 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 !== 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 = 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;
+    });
+    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 === 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 === 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 === ADAPTER_CATEGORY.IN_APP) {
+          this.initializeInAppWallet(adapterName);
+        }
+      } catch (error) {
+        log.error(error, "error while initializing adapter ", adapterName);
+      }
+    });
+    this.commonJRPCProvider = await 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 === ADAPTER_STATUS.NOT_READY) {
+      this.status = ADAPTER_STATUS.READY;
+      this.emit(ADAPTER_EVENTS.READY);
+    }
+    const hasExternalWallets = allAdapters.some(adapterName => {
+      var _this$walletAdapters$, _this$modalConfig$ada10;
+      return ((_this$walletAdapters$ = this.walletAdapters[adapterName]) === null || _this$walletAdapters$ === void 0 ? void 0 : _this$walletAdapters$.type) === 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 WalletInitializationError.notReady("Login modal is not initialized");
+    // if already connected return provider
+    if (this.connectedAdapterName && this.status === ADAPTER_STATUS.CONNECTED && this.provider) return this.provider;
+    this.loginModal.open();
+    return new Promise((resolve, reject) => {
+      this.once(ADAPTER_EVENTS.CONNECTED, () => {
+        return resolve(this.provider);
+      });
+      this.once(ADAPTER_EVENTS.ERRORED, err => {
+        return reject(err);
+      });
+      this.once(LOGIN_MODAL_EVENTS.MODAL_VISIBILITY, visibility => {
+        // modal is closed but user is not connected to any wallet.
+        if (!visibility && this.status !== ADAPTER_STATUS.CONNECTED) {
+          return reject(new Error("User closed the modal"));
+        }
+      });
+    });
+  }
+  async initExternalWalletAdapters(externalWalletsInitialized, options) {
+    if (externalWalletsInitialized) return;
+    const adaptersConfig = {};
+    Object.keys(this.walletAdapters).forEach(async adapterName => {
+      const adapter = this.walletAdapters[adapterName];
+      if ((adapter === null || adapter === void 0 ? void 0 : adapter.type) === ADAPTER_CATEGORY.EXTERNAL) {
+        log.debug("init external wallet", this.cachedAdapter, adapterName);
+        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 === 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 => log.error(error, "error while initializing adapter", adapterName));
+        } else if (adapter.status === ADAPTER_STATUS.READY) {
+          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) {
+    log.info("adapterInitResults", adapterName);
+    if (this.walletAdapters[adapterName].type === ADAPTER_CATEGORY.IN_APP) {
+      var _adapterName, _this$options$uiConfi2, _this$options$uiConfi3, _this$options$uiConfi4;
+      this.loginModal.addSocialLogins(adapterName, 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) || OPENLOGIN_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(LOGIN_MODAL_EVENTS.LOGIN, async params => {
+      try {
+        await this.connectTo(params.adapter, params.loginParams);
+      } catch (error) {
+        log.error(`Error while connecting to adapter: ${params.adapter}`, error);
+      }
+    });
+    this.loginModal.on(LOGIN_MODAL_EVENTS.INIT_EXTERNAL_WALLETS, async params => {
+      await this.initExternalWalletAdapters(params.externalWalletsInitialized);
+    });
+    this.loginModal.on(LOGIN_MODAL_EVENTS.DISCONNECT, async () => {
+      try {
+        await this.logout();
+      } catch (error) {
+        log.error(`Error while disconnecting`, error);
+      }
+    });
+    this.loginModal.on(LOGIN_MODAL_EVENTS.MODAL_VISIBILITY, async visibility => {
+      log.debug("is login modal visible", visibility);
+      this.emit(LOGIN_MODAL_EVENTS.MODAL_VISIBILITY, visibility);
+      const adapter = this.walletAdapters[WALLET_ADAPTERS.WALLET_CONNECT_V2];
+      if (adapter) {
+        const walletConnectStatus = adapter === null || adapter === void 0 ? void 0 : adapter.status;
+        log.debug("trying refreshing wc session", visibility, walletConnectStatus);
+        if (visibility && (walletConnectStatus === ADAPTER_STATUS.READY || walletConnectStatus === ADAPTER_STATUS.CONNECTING)) {
+          log.debug("refreshing wc session");
+
+          // refreshing session for wallet connect whenever modal is opened.
+          try {
+            adapter.connect();
+          } catch (error) {
+            log.error(`Error while disconnecting to wallet connect in core`, error);
+          }
+        }
+        if (!visibility && this.status === ADAPTER_STATUS.CONNECTED && (walletConnectStatus === ADAPTER_STATUS.READY || walletConnectStatus === ADAPTER_STATUS.CONNECTING)) {
+          log.debug("this stops wc adapter from trying to reconnect once proposal expires");
+          adapter.status = ADAPTER_STATUS.READY;
+        }
+      }
+    });
+  }
+}
+
+export { Web3Auth };

package/dist/modal.cjs.js

@@ -9,6 +9,7 @@
 /* harmony export */   Gu: () => (/* binding */ defaultSolanaDappModalConfig),
 /* harmony export */   KT: () => (/* binding */ defaultSolanaWalletModalConfig),
 /* harmony export */   Lu: () => (/* binding */ defaultOtherModalConfig),
+/* harmony export */   e4: () => (/* binding */ walletRegistryUrl),
 /* harmony export */   eA: () => (/* binding */ defaultEvmWalletModalConfig),
 /* harmony export */   g2: () => (/* binding */ defaultEvmDappModalConfig)
 /* harmony export */ });
@@ -100,6 +101,7 @@ const defaultOtherModalConfig = {
     }
   }
 };
+const walletRegistryUrl = "https://assets.web3auth.io/v1/wallet-registry.json";
 
 /***/ }),
 
@@ -110,7 +112,7 @@ const defaultOtherModalConfig = {
 
 /***/ }),
 
-/***/ 73:
+/***/ 859:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
@@ -136,12 +138,9 @@ const no_modal_namespaceObject = require("@web3auth/no-modal");
 const openlogin_adapter_namespaceObject = require("@web3auth/openlogin-adapter");
 ;// CONCATENATED MODULE: external "@web3auth/ui"
 const ui_namespaceObject = require("@web3auth/ui");
-;// CONCATENATED MODULE: external "lodash.clonedeep"
-const external_lodash_clonedeep_namespaceObject = require("lodash.clonedeep");
-var external_lodash_clonedeep_default = /*#__PURE__*/__webpack_require__.n(external_lodash_clonedeep_namespaceObject);
-;// CONCATENATED MODULE: external "lodash.merge"
-const external_lodash_merge_namespaceObject = require("lodash.merge");
-var external_lodash_merge_default = /*#__PURE__*/__webpack_require__.n(external_lodash_merge_namespaceObject);
+;// CONCATENATED MODULE: external "deepmerge"
+const external_deepmerge_namespaceObject = require("deepmerge");
+var external_deepmerge_default = /*#__PURE__*/__webpack_require__.n(external_deepmerge_namespaceObject);
 // EXTERNAL MODULE: ./src/config.ts
 var config = __webpack_require__(149);
 ;// CONCATENATED MODULE: ./src/modalManager.ts
@@ -154,13 +153,12 @@ var config = __webpack_require__(149);
 
 
 
-
 class Web3Auth extends no_modal_namespaceObject.Web3AuthNoModal {
   constructor(options) {
     super(options);
     defineProperty_default()(this, "loginModal", void 0);
     defineProperty_default()(this, "options", void 0);
-    defineProperty_default()(this, "modalConfig", config/* defaultOtherModalConfig */.Lu);
+    defineProperty_default()(this, "modalConfig", (0,base_.cloneDeep)(config/* defaultOtherModalConfig */.Lu));
     this.options = objectSpread2_default()({}, options);
     if (!this.options.uiConfig) this.options.uiConfig = {};
     if (!this.coreOptions.privateKeyProvider) throw base_.WalletInitializationError.invalidParams("privateKeyProvider is required");
@@ -181,16 +179,25 @@ class Web3Auth extends no_modal_namespaceObject.Web3AuthNoModal {
     const {
       whitelabel
     } = projectConfig;
-    this.options.uiConfig = external_lodash_merge_default()(external_lodash_clonedeep_default()(whitelabel), this.options.uiConfig);
+    this.options.uiConfig = external_deepmerge_default()((0,base_.cloneDeep)(whitelabel), this.options.uiConfig);
     if (!this.options.uiConfig.defaultLanguage) this.options.uiConfig.defaultLanguage = (0,ui_namespaceObject.getUserLanguage)(this.options.uiConfig.defaultLanguage);
     if (!this.options.uiConfig.mode) this.options.uiConfig.mode = "light";
+    let walletRegistry = {};
+    try {
+      walletRegistry = await (0,base_.fetchWalletRegistry)(config/* walletRegistryUrl */.e4);
+    } catch (e) {
+      base_.log.error("Failed to fetch wallet registry", e);
+    }
     this.loginModal = new ui_namespaceObject.LoginModal(objectSpread2_default()(objectSpread2_default()({}, this.options.uiConfig), {}, {
-      adapterListener: this
+      adapterListener: this,
+      chainNamespace: this.options.chainConfig.chainNamespace,
+      walletRegistry
     }));
     this.subscribeToLoginModalEvents();
     const {
       sms_otp_enabled: smsOtpEnabled,
-      whitelist
+      whitelist,
+      key_export_enabled: keyExportEnabled
     } = projectConfig;
     if (smsOtpEnabled !== undefined) {
       var _params;
@@ -210,7 +217,7 @@ class Web3Auth extends no_modal_namespaceObject.Web3AuthNoModal {
       if (!((_params = params) !== null && _params !== void 0 && _params.modalConfig)) params = {
         modalConfig: {}
       };
-      params.modalConfig = external_lodash_merge_default()(external_lodash_clonedeep_default()(params.modalConfig), adapterConfig);
+      params.modalConfig = external_deepmerge_default()((0,base_.cloneDeep)(params.modalConfig), adapterConfig);
     }
     await this.loginModal.initModal();
     const providedChainConfig = this.options.chainConfig;
@@ -421,6 +428,11 @@ class Web3Auth extends no_modal_namespaceObject.Web3AuthNoModal {
     this.commonJRPCProvider = await base_provider_namespaceObject.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;
@@ -479,14 +491,20 @@ class Web3Auth extends no_modal_namespaceObject.Web3AuthNoModal {
           await adapter.init({
             autoConnect: this.cachedAdapter === adapterName
           }).then(() => {
-            adaptersConfig[adapterName] = this.modalConfig.adapters[adapterName];
+            const adapterModalConfig = this.modalConfig.adapters[adapterName];
+            adaptersConfig[adapterName] = objectSpread2_default()(objectSpread2_default()({}, 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) {
-          adaptersConfig[adapterName] = this.modalConfig.adapters[adapterName];
+          const adapterModalConfig = this.modalConfig.adapters[adapterName];
+          adaptersConfig[adapterName] = objectSpread2_default()(objectSpread2_default()({}, adapterModalConfig), {}, {
+            isInjected: adapter.isInjected
+          });
           this.loginModal.addWalletLogins(adaptersConfig, {
             showExternalWalletsOnly: !!(options !== null && options !== void 0 && options.showExternalWalletsOnly)
           });
@@ -637,15 +655,16 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   defaultEvmWalletModalConfig: () => (/* reexport safe */ _config__WEBPACK_IMPORTED_MODULE_0__.eA),
 /* harmony export */   defaultOtherModalConfig: () => (/* reexport safe */ _config__WEBPACK_IMPORTED_MODULE_0__.Lu),
 /* harmony export */   defaultSolanaDappModalConfig: () => (/* reexport safe */ _config__WEBPACK_IMPORTED_MODULE_0__.Gu),
-/* harmony export */   defaultSolanaWalletModalConfig: () => (/* reexport safe */ _config__WEBPACK_IMPORTED_MODULE_0__.KT)
+/* harmony export */   defaultSolanaWalletModalConfig: () => (/* reexport safe */ _config__WEBPACK_IMPORTED_MODULE_0__.KT),
+/* harmony export */   walletRegistryUrl: () => (/* reexport safe */ _config__WEBPACK_IMPORTED_MODULE_0__.e4)
 /* harmony export */ });
 /* harmony import */ var _config__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(149);
 /* harmony import */ var _interface__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(624);
 /* harmony import */ var _interface__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_interface__WEBPACK_IMPORTED_MODULE_1__);
 /* harmony reexport (unknown) */ var __WEBPACK_REEXPORT_OBJECT__ = {};
-/* harmony reexport (unknown) */ for(const __WEBPACK_IMPORT_KEY__ in _interface__WEBPACK_IMPORTED_MODULE_1__) if(["default","defaultEvmDappModalConfig","defaultEvmWalletModalConfig","defaultOtherModalConfig","defaultSolanaDappModalConfig","defaultSolanaWalletModalConfig"].indexOf(__WEBPACK_IMPORT_KEY__) < 0) __WEBPACK_REEXPORT_OBJECT__[__WEBPACK_IMPORT_KEY__] = () => _interface__WEBPACK_IMPORTED_MODULE_1__[__WEBPACK_IMPORT_KEY__]
+/* harmony reexport (unknown) */ for(const __WEBPACK_IMPORT_KEY__ in _interface__WEBPACK_IMPORTED_MODULE_1__) if(["default","defaultEvmDappModalConfig","defaultEvmWalletModalConfig","defaultOtherModalConfig","defaultSolanaDappModalConfig","defaultSolanaWalletModalConfig","walletRegistryUrl"].indexOf(__WEBPACK_IMPORT_KEY__) < 0) __WEBPACK_REEXPORT_OBJECT__[__WEBPACK_IMPORT_KEY__] = () => _interface__WEBPACK_IMPORTED_MODULE_1__[__WEBPACK_IMPORT_KEY__]
 /* harmony reexport (unknown) */ __webpack_require__.d(__webpack_exports__, __WEBPACK_REEXPORT_OBJECT__);
-/* harmony import */ var _modalManager__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(73);
+/* harmony import */ var _modalManager__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(859);