@web3auth/modal 8.0.0 → 8.1.0

package/dist/modal.cjs.js

@@ -1,18 +1,18 @@
 /******/ (() => { // webpackBootstrap
 /******/ 	var __webpack_modules__ = ({
 
-/***/ 591:
+/***/ 149:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   Jx: () => (/* binding */ defaultSolanaDappModalConfig),
-/* harmony export */   K8: () => (/* binding */ defaultSolanaWalletModalConfig),
-/* harmony export */   OW: () => (/* binding */ defaultEvmDappModalConfig),
-/* harmony export */   ql: () => (/* binding */ defaultEvmWalletModalConfig),
-/* harmony export */   ue: () => (/* binding */ defaultOtherModalConfig)
+/* harmony export */   Gu: () => (/* binding */ defaultSolanaDappModalConfig),
+/* harmony export */   KT: () => (/* binding */ defaultSolanaWalletModalConfig),
+/* harmony export */   Lu: () => (/* binding */ defaultOtherModalConfig),
+/* harmony export */   eA: () => (/* binding */ defaultEvmWalletModalConfig),
+/* harmony export */   g2: () => (/* binding */ defaultEvmDappModalConfig)
 /* harmony export */ });
-/* harmony import */ var _web3auth_base__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(612);
+/* harmony import */ var _web3auth_base__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(377);
 /* harmony import */ var _web3auth_base__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_web3auth_base__WEBPACK_IMPORTED_MODULE_0__);
 
 const defaultSolanaDappModalConfig = {
@@ -103,21 +103,21 @@ const defaultOtherModalConfig = {
 
 /***/ }),
 
-/***/ 510:
+/***/ 624:
 /***/ (() => {
 
 
 
 /***/ }),
 
-/***/ 579:
+/***/ 73:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
 
 // EXPORTS
 __webpack_require__.d(__webpack_exports__, {
-  $: () => (/* binding */ Web3Auth)
+  y: () => (/* binding */ Web3Auth)
 });
 
 ;// CONCATENATED MODULE: external "@babel/runtime/helpers/objectSpread2"
@@ -127,7 +127,7 @@ var objectSpread2_default = /*#__PURE__*/__webpack_require__.n(objectSpread2_nam
 const defineProperty_namespaceObject = require("@babel/runtime/helpers/defineProperty");
 var defineProperty_default = /*#__PURE__*/__webpack_require__.n(defineProperty_namespaceObject);
 // EXTERNAL MODULE: external "@web3auth/base"
-var base_ = __webpack_require__(612);
+var base_ = __webpack_require__(377);
 ;// CONCATENATED MODULE: external "@web3auth/base-provider"
 const base_provider_namespaceObject = require("@web3auth/base-provider");
 ;// CONCATENATED MODULE: external "@web3auth/no-modal"
@@ -136,8 +136,14 @@ 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__(591);
+var config = __webpack_require__(149);
 ;// CONCATENATED MODULE: ./src/modalManager.ts
 
 
@@ -147,21 +153,17 @@ var config = __webpack_require__(591);
 
 
 
+
+
 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 */.ue);
+    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: {
+            sms_passwordless: {
+              name: "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;
@@ -279,24 +319,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 +389,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 +406,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();
@@ -457,7 +512,7 @@ class Web3Auth extends no_modal_namespaceObject.Web3AuthNoModal {
 
 /***/ }),
 
-/***/ 612:
+/***/ 377:
 /***/ ((module) => {
 
 "use strict";
@@ -539,20 +594,20 @@ var __webpack_exports__ = {};
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   Web3Auth: () => (/* reexport safe */ _modalManager__WEBPACK_IMPORTED_MODULE_2__.$),
-/* harmony export */   defaultEvmDappModalConfig: () => (/* reexport safe */ _config__WEBPACK_IMPORTED_MODULE_0__.OW),
-/* harmony export */   defaultEvmWalletModalConfig: () => (/* reexport safe */ _config__WEBPACK_IMPORTED_MODULE_0__.ql),
-/* harmony export */   defaultOtherModalConfig: () => (/* reexport safe */ _config__WEBPACK_IMPORTED_MODULE_0__.ue),
-/* harmony export */   defaultSolanaDappModalConfig: () => (/* reexport safe */ _config__WEBPACK_IMPORTED_MODULE_0__.Jx),
-/* harmony export */   defaultSolanaWalletModalConfig: () => (/* reexport safe */ _config__WEBPACK_IMPORTED_MODULE_0__.K8)
+/* harmony export */   Web3Auth: () => (/* reexport safe */ _modalManager__WEBPACK_IMPORTED_MODULE_2__.y),
+/* harmony export */   defaultEvmDappModalConfig: () => (/* reexport safe */ _config__WEBPACK_IMPORTED_MODULE_0__.g2),
+/* 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 */ });
-/* harmony import */ var _config__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(591);
-/* harmony import */ var _interface__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(510);
+/* 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) */ __webpack_require__.d(__webpack_exports__, __WEBPACK_REEXPORT_OBJECT__);
-/* harmony import */ var _modalManager__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(579);
+/* harmony import */ var _modalManager__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(73);
 
 
 
@@ -560,5 +615,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 { 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: {
+            sms_passwordless: {
+              name: "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;
@@ -224,24 +258,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 +328,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 +345,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 +450,3 @@ class Web3Auth extends Web3AuthNoModal {
 }
 
 export { Web3Auth, defaultEvmDappModalConfig, defaultEvmWalletModalConfig, defaultOtherModalConfig, defaultSolanaDappModalConfig, defaultSolanaWalletModalConfig };
-//# sourceMappingURL=modal.esm.js.map