@web3auth/modal 8.0.1 → 8.2.0

package/dist/modal.cjs.js

@@ -110,7 +110,7 @@ const defaultOtherModalConfig = {
 
 /***/ }),
 
-/***/ 710:
+/***/ 73:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
@@ -136,6 +136,12 @@ 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);
 // EXTERNAL MODULE: ./src/config.ts
 var config = __webpack_require__(149);
 ;// CONCATENATED MODULE: ./src/modalManager.ts
@@ -147,6 +153,8 @@ var config = __webpack_require__(149);
 
 
 
+
+
 class Web3Auth extends no_modal_namespaceObject.Web3AuthNoModal {
   constructor(options) {
     super(options);
@@ -155,13 +163,7 @@ class Web3Auth extends no_modal_namespaceObject.Web3AuthNoModal {
     defineProperty_default()(this, "modalConfig", config/* defaultOtherModalConfig */.Lu);
     this.options = objectSpread2_default()({}, options);
     if (!this.options.uiConfig) 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 = "auto";
     if (!this.coreOptions.privateKeyProvider) throw base_.WalletInitializationError.invalidParams("privateKeyProvider is required");
-    this.loginModal = new ui_namespaceObject.LoginModal(objectSpread2_default()(objectSpread2_default()({}, this.options.uiConfig), {}, {
-      adapterListener: this
-    }));
-    this.subscribeToLoginModalEvents();
   }
   setModalConfig(modalConfig) {
     super.checkInitRequirements();
@@ -169,13 +171,51 @@ class Web3Auth extends no_modal_namespaceObject.Web3AuthNoModal {
   }
   async initModal(params) {
     super.checkInitRequirements();
+    let projectConfig;
+    try {
+      projectConfig = await (0,base_.fetchProjectConfig)(this.options.clientId);
+    } catch (e) {
+      throw base_.WalletInitializationError.notReady("failed to fetch project configurations");
+    }
+    const {
+      whitelabel
+    } = projectConfig;
+    this.options.uiConfig = external_lodash_merge_default()(external_lodash_clonedeep_default()(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 = "auto";
+    this.loginModal = new ui_namespaceObject.LoginModal(objectSpread2_default()(objectSpread2_default()({}, this.options.uiConfig), {}, {
+      adapterListener: this
+    }));
+    this.subscribeToLoginModalEvents();
+    const {
+      sms_otp_enabled: smsOtpEnabled
+    } = projectConfig;
+    if (smsOtpEnabled !== undefined) {
+      var _params;
+      const adapterConfig = {
+        [base_.WALLET_ADAPTERS.OPENLOGIN]: {
+          label: base_.WALLET_ADAPTERS.OPENLOGIN,
+          loginMethods: {
+            [openlogin_adapter_namespaceObject.LOGIN_PROVIDER.SMS_PASSWORDLESS]: {
+              name: openlogin_adapter_namespaceObject.LOGIN_PROVIDER.SMS_PASSWORDLESS,
+              showOnModal: smsOtpEnabled,
+              showOnDesktop: smsOtpEnabled,
+              showOnMobile: smsOtpEnabled
+            }
+          }
+        }
+      };
+      if (!((_params = params) !== null && _params !== void 0 && _params.modalConfig)) params = {
+        modalConfig: {}
+      };
+      params.modalConfig = external_lodash_merge_default()(external_lodash_clonedeep_default()(params.modalConfig), adapterConfig);
+    }
     await this.loginModal.initModal();
     const providedChainConfig = this.options.chainConfig;
-    // TODO: get stuff from dashboard here
     // 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, _params$modalConfig, _this$modalConfig$ada2, _this$modalConfig$ada3;
+      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,
@@ -185,7 +225,7 @@ class Web3Auth extends no_modal_namespaceObject.Web3AuthNoModal {
       };
 
       // override the default config of adapter if some config is being provided by the user.
-      if (params !== null && params !== void 0 && (_params$modalConfig = params.modalConfig) !== null && _params$modalConfig !== void 0 && _params$modalConfig[adapterName]) {
+      if ((_params2 = params) !== null && _params2 !== void 0 && (_params2 = _params2.modalConfig) !== null && _params2 !== void 0 && _params2[adapterName]) {
         adapterConfig = objectSpread2_default()(objectSpread2_default()({}, adapterConfig), params.modalConfig[adapterName]);
       }
       this.modalConfig.adapters[adapterName] = adapterConfig;
@@ -218,6 +258,16 @@ class Web3Auth extends no_modal_namespaceObject.Web3AuthNoModal {
             network: web3AuthNetwork,
             whiteLabel: this.options.uiConfig
           });
+          if (smsOtpEnabled !== undefined) {
+            finalOpenloginAdapterSettings.loginConfig = {
+              [openlogin_adapter_namespaceObject.LOGIN_PROVIDER.SMS_PASSWORDLESS]: {
+                showOnModal: smsOtpEnabled,
+                showOnDesktop: smsOtpEnabled,
+                showOnMobile: smsOtpEnabled,
+                showOnSocialBackupFactor: smsOtpEnabled
+              }
+            };
+          }
           if (this.options.uiConfig.uxMode) {
             finalOpenloginAdapterSettings.uxMode = this.options.uiConfig.uxMode;
           }
@@ -266,6 +316,18 @@ class Web3Auth extends no_modal_namespaceObject.Web3AuthNoModal {
               privateKeyProvider: this.coreOptions.privateKeyProvider
             });
           }
+          if (smsOtpEnabled !== undefined) {
+            openloginAdapter.setAdapterSettings({
+              loginConfig: {
+                [openlogin_adapter_namespaceObject.LOGIN_PROVIDER.SMS_PASSWORDLESS]: {
+                  showOnModal: smsOtpEnabled,
+                  showOnDesktop: smsOtpEnabled,
+                  showOnMobile: smsOtpEnabled,
+                  showOnSocialBackupFactor: smsOtpEnabled
+                }
+              }
+            });
+          }
           if ((_this$options$uiConfi = this.options.uiConfig) !== null && _this$options$uiConfi !== void 0 && _this$options$uiConfi.uxMode) {
             openloginAdapter.setAdapterSettings({
               uxMode: this.options.uiConfig.uxMode
@@ -279,24 +341,39 @@ class Web3Auth extends no_modal_namespaceObject.Web3AuthNoModal {
           }
         } else if (adapterName === base_.WALLET_ADAPTERS.WALLET_CONNECT_V2) {
           const walletConnectAdapter = this.walletAdapters[adapterName];
-          walletConnectAdapter.setAdapterSettings({
-            adapterSettings: {
-              walletConnectInitOptions: {
-                // Using a default wallet connect project id for web3auth modal integration
-                projectId: "d3c63f19f9582f8ba48e982057eb096b" // TODO: get from dashboard
+          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 = objectSpread2_default()(objectSpread2_default()({}, (_this$modalConfig$ada5 = this.modalConfig.adapters) !== null && _this$modalConfig$ada5 !== void 0 ? _this$modalConfig$ada5 : {}), {}, {
+              [base_.WALLET_ADAPTERS.WALLET_CONNECT_V2]: objectSpread2_default()(objectSpread2_default()({}, (_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 {
+            if (!walletConnectProjectId) throw base_.WalletInitializationError.invalidParams("Invalid wallet connect project id. Please configure it on the dashboard");
+            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$ada5, _this$modalConfig$ada6, _adapter$name;
+      var _this$modalConfig$ada8, _this$modalConfig$ada9, _adapter$name;
       if (adapter.type !== base_.ADAPTER_CATEGORY.IN_APP) return false;
-      if (((_this$modalConfig$ada5 = this.modalConfig.adapters) === null || _this$modalConfig$ada5 === void 0 || (_this$modalConfig$ada5 = _this$modalConfig$ada5[adapter.name]) === null || _this$modalConfig$ada5 === void 0 ? void 0 : _this$modalConfig$ada5.showOnModal) !== true) return false;
-      if (!((_this$modalConfig$ada6 = this.modalConfig.adapters) !== null && _this$modalConfig$ada6 !== void 0 && (_this$modalConfig$ada6 = _this$modalConfig$ada6[adapter.name]) !== null && _this$modalConfig$ada6 !== void 0 && _this$modalConfig$ada6.loginMethods)) return true;
+      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 = (0,ui_namespaceObject.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;
@@ -334,8 +411,8 @@ class Web3Auth extends no_modal_namespaceObject.Web3AuthNoModal {
     this.status = base_.ADAPTER_STATUS.READY;
     await Promise.all(initPromises);
     const hasExternalWallets = allAdapters.some(adapterName => {
-      var _this$walletAdapters$, _this$modalConfig$ada7;
-      return ((_this$walletAdapters$ = this.walletAdapters[adapterName]) === null || _this$walletAdapters$ === void 0 ? void 0 : _this$walletAdapters$.type) === base_.ADAPTER_CATEGORY.EXTERNAL && ((_this$modalConfig$ada7 = this.modalConfig.adapters) === null || _this$modalConfig$ada7 === void 0 ? void 0 : _this$modalConfig$ada7[adapterName].showOnModal);
+      var _this$walletAdapters$, _this$modalConfig$ada10;
+      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();
@@ -351,7 +428,7 @@ class Web3Auth extends no_modal_namespaceObject.Web3AuthNoModal {
     }
   }
   async connect() {
-    // if (!this.loginModal.initialized) throw new Error("Login modal is not initialized");
+    if (!this.loginModal) throw new Error("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();
@@ -552,7 +629,7 @@ __webpack_require__.r(__webpack_exports__);
 /* 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) */ __webpack_require__.d(__webpack_exports__, __WEBPACK_REEXPORT_OBJECT__);
-/* harmony import */ var _modalManager__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(710);
+/* harmony import */ var _modalManager__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(73);
 
 
 
@@ -560,5 +637,4 @@ __webpack_require__.r(__webpack_exports__);
 
 module.exports = __webpack_exports__;
 /******/ })()
-;
-//# sourceMappingURL=modal.cjs.js.map
+;

package/dist/modal.esm.js

@@ -1,10 +1,12 @@
-import { CHAIN_NAMESPACES, SOLANA_ADAPTERS, EVM_ADAPTERS, WalletInitializationError, log, WALLET_ADAPTERS, getChainConfig, ADAPTER_CATEGORY, ADAPTER_STATUS, ADAPTER_EVENTS } from '@web3auth/base';
+import { CHAIN_NAMESPACES, SOLANA_ADAPTERS, EVM_ADAPTERS, WalletInitializationError, fetchProjectConfig, WALLET_ADAPTERS, log, getChainConfig, ADAPTER_CATEGORY, ADAPTER_STATUS, ADAPTER_EVENTS } from '@web3auth/base';
 import _objectSpread from '@babel/runtime/helpers/objectSpread2';
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import { CommonJRPCProvider } from '@web3auth/base-provider';
 import { Web3AuthNoModal } from '@web3auth/no-modal';
-import { getOpenloginDefaultOptions, OpenloginAdapter } from '@web3auth/openlogin-adapter';
+import { LOGIN_PROVIDER, getOpenloginDefaultOptions, OpenloginAdapter } from '@web3auth/openlogin-adapter';
 import { getUserLanguage, LoginModal, getAdapterSocialLogins, LOGIN_MODAL_EVENTS, OPENLOGIN_PROVIDERS } from '@web3auth/ui';
+import clonedeep from 'lodash.clonedeep';
+import merge from 'lodash.merge';
 
 const defaultSolanaDappModalConfig = {
   chainNamespace: CHAIN_NAMESPACES.SOLANA,
@@ -100,13 +102,7 @@ class Web3Auth extends Web3AuthNoModal {
     _defineProperty(this, "modalConfig", defaultOtherModalConfig);
     this.options = _objectSpread({}, options);
     if (!this.options.uiConfig) 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 = "auto";
     if (!this.coreOptions.privateKeyProvider) throw WalletInitializationError.invalidParams("privateKeyProvider is required");
-    this.loginModal = new LoginModal(_objectSpread(_objectSpread({}, this.options.uiConfig), {}, {
-      adapterListener: this
-    }));
-    this.subscribeToLoginModalEvents();
   }
   setModalConfig(modalConfig) {
     super.checkInitRequirements();
@@ -114,13 +110,51 @@ class Web3Auth extends Web3AuthNoModal {
   }
   async initModal(params) {
     super.checkInitRequirements();
+    let projectConfig;
+    try {
+      projectConfig = await fetchProjectConfig(this.options.clientId);
+    } catch (e) {
+      throw WalletInitializationError.notReady("failed to fetch project configurations");
+    }
+    const {
+      whitelabel
+    } = projectConfig;
+    this.options.uiConfig = merge(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 = "auto";
+    this.loginModal = new LoginModal(_objectSpread(_objectSpread({}, this.options.uiConfig), {}, {
+      adapterListener: this
+    }));
+    this.subscribeToLoginModalEvents();
+    const {
+      sms_otp_enabled: smsOtpEnabled
+    } = 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 = merge(clonedeep(params.modalConfig), adapterConfig);
+    }
     await this.loginModal.initModal();
     const providedChainConfig = this.options.chainConfig;
-    // TODO: get stuff from dashboard here
     // 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, _params$modalConfig, _this$modalConfig$ada2, _this$modalConfig$ada3;
+      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,
@@ -130,7 +164,7 @@ class Web3Auth extends Web3AuthNoModal {
       };
 
       // override the default config of adapter if some config is being provided by the user.
-      if (params !== null && params !== void 0 && (_params$modalConfig = params.modalConfig) !== null && _params$modalConfig !== void 0 && _params$modalConfig[adapterName]) {
+      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;
@@ -163,6 +197,16 @@ class Web3Auth extends Web3AuthNoModal {
             network: web3AuthNetwork,
             whiteLabel: this.options.uiConfig
           });
+          if (smsOtpEnabled !== undefined) {
+            finalOpenloginAdapterSettings.loginConfig = {
+              [LOGIN_PROVIDER.SMS_PASSWORDLESS]: {
+                showOnModal: smsOtpEnabled,
+                showOnDesktop: smsOtpEnabled,
+                showOnMobile: smsOtpEnabled,
+                showOnSocialBackupFactor: smsOtpEnabled
+              }
+            };
+          }
           if (this.options.uiConfig.uxMode) {
             finalOpenloginAdapterSettings.uxMode = this.options.uiConfig.uxMode;
           }
@@ -211,6 +255,18 @@ class Web3Auth extends Web3AuthNoModal {
               privateKeyProvider: this.coreOptions.privateKeyProvider
             });
           }
+          if (smsOtpEnabled !== undefined) {
+            openloginAdapter.setAdapterSettings({
+              loginConfig: {
+                [LOGIN_PROVIDER.SMS_PASSWORDLESS]: {
+                  showOnModal: smsOtpEnabled,
+                  showOnDesktop: smsOtpEnabled,
+                  showOnMobile: smsOtpEnabled,
+                  showOnSocialBackupFactor: smsOtpEnabled
+                }
+              }
+            });
+          }
           if ((_this$options$uiConfi = this.options.uiConfig) !== null && _this$options$uiConfi !== void 0 && _this$options$uiConfi.uxMode) {
             openloginAdapter.setAdapterSettings({
               uxMode: this.options.uiConfig.uxMode
@@ -224,24 +280,39 @@ class Web3Auth extends Web3AuthNoModal {
           }
         } else if (adapterName === WALLET_ADAPTERS.WALLET_CONNECT_V2) {
           const walletConnectAdapter = this.walletAdapters[adapterName];
-          walletConnectAdapter.setAdapterSettings({
-            adapterSettings: {
-              walletConnectInitOptions: {
-                // Using a default wallet connect project id for web3auth modal integration
-                projectId: "d3c63f19f9582f8ba48e982057eb096b" // TODO: get from dashboard
+          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 {
+            if (!walletConnectProjectId) throw WalletInitializationError.invalidParams("Invalid wallet connect project id. Please configure it on the dashboard");
+            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$ada5, _this$modalConfig$ada6, _adapter$name;
+      var _this$modalConfig$ada8, _this$modalConfig$ada9, _adapter$name;
       if (adapter.type !== ADAPTER_CATEGORY.IN_APP) return false;
-      if (((_this$modalConfig$ada5 = this.modalConfig.adapters) === null || _this$modalConfig$ada5 === void 0 || (_this$modalConfig$ada5 = _this$modalConfig$ada5[adapter.name]) === null || _this$modalConfig$ada5 === void 0 ? void 0 : _this$modalConfig$ada5.showOnModal) !== true) return false;
-      if (!((_this$modalConfig$ada6 = this.modalConfig.adapters) !== null && _this$modalConfig$ada6 !== void 0 && (_this$modalConfig$ada6 = _this$modalConfig$ada6[adapter.name]) !== null && _this$modalConfig$ada6 !== void 0 && _this$modalConfig$ada6.loginMethods)) return true;
+      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;
@@ -279,8 +350,8 @@ class Web3Auth extends Web3AuthNoModal {
     this.status = ADAPTER_STATUS.READY;
     await Promise.all(initPromises);
     const hasExternalWallets = allAdapters.some(adapterName => {
-      var _this$walletAdapters$, _this$modalConfig$ada7;
-      return ((_this$walletAdapters$ = this.walletAdapters[adapterName]) === null || _this$walletAdapters$ === void 0 ? void 0 : _this$walletAdapters$.type) === ADAPTER_CATEGORY.EXTERNAL && ((_this$modalConfig$ada7 = this.modalConfig.adapters) === null || _this$modalConfig$ada7 === void 0 ? void 0 : _this$modalConfig$ada7[adapterName].showOnModal);
+      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();
@@ -296,7 +367,7 @@ class Web3Auth extends Web3AuthNoModal {
     }
   }
   async connect() {
-    // if (!this.loginModal.initialized) throw new Error("Login modal is not initialized");
+    if (!this.loginModal) throw new Error("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();
@@ -401,4 +472,3 @@ class Web3Auth extends Web3AuthNoModal {
 }
 
 export { Web3Auth, defaultEvmDappModalConfig, defaultEvmWalletModalConfig, defaultOtherModalConfig, defaultSolanaDappModalConfig, defaultSolanaWalletModalConfig };
-//# sourceMappingURL=modal.esm.js.map