@web3auth/modal 9.6.0 → 10.0.0-alpha.0

package/dist/lib.cjs/node_modules/style-inject/dist/style-inject.es.js

@@ -0,0 +1,28 @@
+'use strict';
+
+function styleInject(css, ref) {
+  if (ref === void 0) ref = {};
+  var insertAt = ref.insertAt;
+  if (!css || typeof document === 'undefined') {
+    return;
+  }
+  var head = document.head || document.getElementsByTagName('head')[0];
+  var style = document.createElement('style');
+  style.type = 'text/css';
+  if (insertAt === 'top') {
+    if (head.firstChild) {
+      head.insertBefore(style, head.firstChild);
+    } else {
+      head.appendChild(style);
+    }
+  } else {
+    head.appendChild(style);
+  }
+  if (style.styleSheet) {
+    style.styleSheet.cssText = css;
+  } else {
+    style.appendChild(document.createTextNode(css));
+  }
+}
+
+module.exports = styleInject;

package/dist/lib.cjs/{config.js → packages/modal/src/config.js}

@@ -1,17 +1,17 @@
 'use strict';
 
-var base = require('@web3auth/base');
+var noModal = require('@web3auth/no-modal');
 
 const defaultSolanaDappModalConfig = {
-  chainNamespace: base.CHAIN_NAMESPACES.SOLANA,
+  chainNamespace: noModal.CHAIN_NAMESPACES.SOLANA,
   adapters: {
-    [base.SOLANA_ADAPTERS.TORUS_SOLANA]: {
+    [noModal.SOLANA_ADAPTERS.TORUS_SOLANA]: {
       label: "Torus Wallet",
       showOnModal: true,
       showOnMobile: true,
       showOnDesktop: true
     },
-    [base.SOLANA_ADAPTERS.AUTH]: {
+    [noModal.SOLANA_ADAPTERS.AUTH]: {
       label: "Auth",
       showOnModal: true,
       showOnMobile: true,
@@ -20,21 +20,21 @@ const defaultSolanaDappModalConfig = {
   }
 };
 const defaultEvmDappModalConfig = {
-  chainNamespace: base.CHAIN_NAMESPACES.EIP155,
+  chainNamespace: noModal.CHAIN_NAMESPACES.EIP155,
   adapters: {
-    [base.EVM_ADAPTERS.TORUS_EVM]: {
+    [noModal.EVM_ADAPTERS.TORUS_EVM]: {
       label: "Torus Wallet",
       showOnModal: true,
       showOnMobile: true,
       showOnDesktop: true
     },
-    [base.EVM_ADAPTERS.AUTH]: {
+    [noModal.EVM_ADAPTERS.AUTH]: {
       label: "Auth",
       showOnModal: true,
       showOnMobile: true,
       showOnDesktop: true
     },
-    [base.EVM_ADAPTERS.WALLET_CONNECT_V2]: {
+    [noModal.EVM_ADAPTERS.WALLET_CONNECT_V2]: {
       label: "Wallet Connect",
       showOnModal: true,
       showOnMobile: true,
@@ -43,9 +43,9 @@ const defaultEvmDappModalConfig = {
   }
 };
 const defaultSolanaWalletModalConfig = {
-  chainNamespace: base.CHAIN_NAMESPACES.SOLANA,
+  chainNamespace: noModal.CHAIN_NAMESPACES.SOLANA,
   adapters: {
-    [base.SOLANA_ADAPTERS.AUTH]: {
+    [noModal.SOLANA_ADAPTERS.AUTH]: {
       label: "Auth",
       showOnModal: true,
       showOnMobile: true,
@@ -54,9 +54,9 @@ const defaultSolanaWalletModalConfig = {
   }
 };
 const defaultEvmWalletModalConfig = {
-  chainNamespace: base.CHAIN_NAMESPACES.EIP155,
+  chainNamespace: noModal.CHAIN_NAMESPACES.EIP155,
   adapters: {
-    [base.EVM_ADAPTERS.AUTH]: {
+    [noModal.EVM_ADAPTERS.AUTH]: {
       label: "Auth",
       showOnModal: true,
       showOnMobile: true,
@@ -65,9 +65,9 @@ const defaultEvmWalletModalConfig = {
   }
 };
 const defaultOtherModalConfig = {
-  chainNamespace: base.CHAIN_NAMESPACES.OTHER,
+  chainNamespace: noModal.CHAIN_NAMESPACES.OTHER,
   adapters: {
-    [base.EVM_ADAPTERS.AUTH]: {
+    [noModal.EVM_ADAPTERS.AUTH]: {
       label: "Auth",
       showOnModal: true,
       showOnMobile: true,

package/dist/lib.cjs/{index.js → packages/modal/src/index.js}

@@ -2,6 +2,7 @@
 
 var config = require('./config.js');
 var modalManager = require('./modalManager.js');
+var noModal = require('@web3auth/no-modal');
 
 
 
@@ -12,3 +13,9 @@ exports.defaultSolanaDappModalConfig = config.defaultSolanaDappModalConfig;
 exports.defaultSolanaWalletModalConfig = config.defaultSolanaWalletModalConfig;
 exports.walletRegistryUrl = config.walletRegistryUrl;
 exports.Web3Auth = modalManager.Web3Auth;
+Object.keys(noModal).forEach(function (k) {
+	if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+		enumerable: true,
+		get: function () { return noModal[k]; }
+	});
+});

package/dist/lib.cjs/{modalManager.js → packages/modal/src/modalManager.js}

@@ -2,23 +2,23 @@
 
 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');
+var config$1 = require('./ui/config.js');
+var interfaces = require('./ui/interfaces.js');
+var loginModal = require('./ui/loginModal.js');
+var utils = require('./ui/utils.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));
+    _defineProperty(this, "modalConfig", noModal.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");
+    if (!this.coreOptions.privateKeyProvider) throw noModal.WalletInitializationError.invalidParams("privateKeyProvider is required");
   }
   setModalConfig(modalConfig) {
     super.checkInitRequirements();
@@ -30,16 +30,16 @@ class Web3Auth extends noModal.Web3AuthNoModal {
     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);
+      projectConfig = await noModal.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);
+      noModal.log.error("Failed to fetch project configurations", e);
+      throw noModal.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);
+    this.options.uiConfig = deepmerge(noModal.cloneDeep(whitelabel || {}), this.options.uiConfig || {});
+    if (!this.options.uiConfig.defaultLanguage) this.options.uiConfig.defaultLanguage = utils.getUserLanguage(this.options.uiConfig.defaultLanguage);
     if (!this.options.uiConfig.mode) this.options.uiConfig.mode = "light";
     let walletRegistry = {
       others: {},
@@ -47,12 +47,12 @@ class Web3Auth extends noModal.Web3AuthNoModal {
     };
     if (!((_params = params) !== null && _params !== void 0 && _params.hideWalletDiscovery)) {
       try {
-        walletRegistry = await base.fetchWalletRegistry(config.walletRegistryUrl);
+        walletRegistry = await noModal.fetchWalletRegistry(config.walletRegistryUrl);
       } catch (e) {
-        base.log.error("Failed to fetch wallet registry", e);
+        noModal.log.error("Failed to fetch wallet registry", e);
       }
     }
-    this.loginModal = new ui.LoginModal(_objectSpread(_objectSpread({}, this.options.uiConfig), {}, {
+    this.loginModal = new loginModal.LoginModal(_objectSpread(_objectSpread({}, this.options.uiConfig), {}, {
       adapterListener: this,
       chainNamespace: this.options.chainConfig.chainNamespace,
       walletRegistry
@@ -66,11 +66,11 @@ class Web3Auth extends noModal.Web3AuthNoModal {
     if (smsOtpEnabled !== undefined) {
       var _params2, _params$modalConfig$W;
       const adapterConfig = {
-        [base.WALLET_ADAPTERS.AUTH]: {
-          label: base.WALLET_ADAPTERS.AUTH,
+        [noModal.WALLET_ADAPTERS.AUTH]: {
+          label: noModal.WALLET_ADAPTERS.AUTH,
           loginMethods: {
-            [authAdapter.LOGIN_PROVIDER.SMS_PASSWORDLESS]: {
-              name: authAdapter.LOGIN_PROVIDER.SMS_PASSWORDLESS,
+            [noModal.LOGIN_PROVIDER.SMS_PASSWORDLESS]: {
+              name: noModal.LOGIN_PROVIDER.SMS_PASSWORDLESS,
               showOnModal: smsOtpEnabled,
               showOnDesktop: smsOtpEnabled,
               showOnMobile: smsOtpEnabled
@@ -81,11 +81,11 @@ class Web3Auth extends noModal.Web3AuthNoModal {
       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;
+      const localSmsOtpEnabled = (_params$modalConfig$W = params.modalConfig[noModal.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[noModal.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");
+        throw noModal.WalletInitializationError.invalidParams("must enable sms otp on dashboard in order to utilise it");
       }
-      params.modalConfig = deepmerge(adapterConfig, base.cloneDeep(params.modalConfig));
+      params.modalConfig = deepmerge(adapterConfig, noModal.cloneDeep(params.modalConfig));
     }
     await this.loginModal.initModal();
     const providedChainConfig = this.options.chainConfig;
@@ -95,7 +95,7 @@ class Web3Auth extends noModal.Web3AuthNoModal {
       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(" "),
+        label: noModal.ADAPTER_NAMES[adapterName] || adapterName.split("-").map(config$1.capitalizeFirstLetter).join(" "),
         showOnModal: true,
         showOnMobile: true,
         showOnDesktop: true
@@ -109,15 +109,15 @@ class Web3Auth extends noModal.Web3AuthNoModal {
 
       // 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);
+      noModal.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) {
+        if (adapterName === noModal.WALLET_ADAPTERS.AUTH) {
           var _this$coreOptions$cha;
-          const defaultOptions = authAdapter.getAuthDefaultOptions();
+          const defaultOptions = noModal.getAuthDefaultOptions();
           const {
             clientId,
             useCoreKitKey,
@@ -126,9 +126,9 @@ class Web3Auth extends noModal.Web3AuthNoModal {
             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)), chainConfig);
+          const finalChainConfig = _objectSpread(_objectSpread({}, noModal.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 base.WalletInitializationError.invalidParams("privateKeyProvider is required");
+            throw noModal.WalletInitializationError.invalidParams("privateKeyProvider is required");
           }
           const finalAuthAdapterSettings = _objectSpread(_objectSpread({}, defaultOptions.adapterSettings), {}, {
             clientId,
@@ -137,7 +137,7 @@ class Web3Auth extends noModal.Web3AuthNoModal {
           });
           if (smsOtpEnabled !== undefined) {
             finalAuthAdapterSettings.loginConfig = {
-              [authAdapter.LOGIN_PROVIDER.SMS_PASSWORDLESS]: {
+              [noModal.LOGIN_PROVIDER.SMS_PASSWORDLESS]: {
                 showOnModal: smsOtpEnabled,
                 showOnDesktop: smsOtpEnabled,
                 showOnMobile: smsOtpEnabled,
@@ -151,7 +151,7 @@ class Web3Auth extends noModal.Web3AuthNoModal {
           if (this.options.uiConfig.uxMode) {
             finalAuthAdapterSettings.uxMode = this.options.uiConfig.uxMode;
           }
-          const authAdapter$1 = new authAdapter.AuthAdapter(_objectSpread(_objectSpread({}, defaultOptions), {}, {
+          const authAdapter = new noModal.AuthAdapter(_objectSpread(_objectSpread({}, defaultOptions), {}, {
             clientId,
             useCoreKitKey,
             chainConfig: _objectSpread({}, finalChainConfig),
@@ -160,11 +160,11 @@ class Web3Auth extends noModal.Web3AuthNoModal {
             web3AuthNetwork,
             privateKeyProvider
           }));
-          this.walletAdapters[adapterName] = authAdapter$1;
+          this.walletAdapters[adapterName] = authAdapter;
           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) {
+        throw noModal.WalletInitializationError.invalidParams(`Adapter ${adapterName} is not configured`);
+      } else if ((adapter === null || adapter === void 0 ? void 0 : adapter.type) === noModal.ADAPTER_CATEGORY.IN_APP || (adapter === null || adapter === void 0 ? void 0 : adapter.type) === noModal.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.
@@ -180,26 +180,26 @@ class Web3Auth extends noModal.Web3AuthNoModal {
         // 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.chainConfig);
+          const chainConfig = _objectSpread(_objectSpread({}, noModal.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 === base.WALLET_ADAPTERS.AUTH) {
+        if (adapterName === noModal.WALLET_ADAPTERS.AUTH) {
           var _this$options$uiConfi;
-          const authAdapter$1 = this.walletAdapters[adapterName];
+          const authAdapter = 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");
+            if (authAdapter.currentChainNamespace !== this.coreOptions.privateKeyProvider.currentChainConfig.chainNamespace) {
+              throw noModal.WalletInitializationError.incompatibleChainNameSpace("private key provider is not compatible with provided chainNamespace for auth adapter");
             }
-            authAdapter$1.setAdapterSettings({
+            authAdapter.setAdapterSettings({
               privateKeyProvider: this.coreOptions.privateKeyProvider
             });
           }
           if (smsOtpEnabled !== undefined) {
-            authAdapter$1.setAdapterSettings({
+            authAdapter.setAdapterSettings({
               loginConfig: {
-                [authAdapter.LOGIN_PROVIDER.SMS_PASSWORDLESS]: {
+                [noModal.LOGIN_PROVIDER.SMS_PASSWORDLESS]: {
                   showOnModal: smsOtpEnabled,
                   showOnDesktop: smsOtpEnabled,
                   showOnMobile: smsOtpEnabled,
@@ -209,22 +209,22 @@ class Web3Auth extends noModal.Web3AuthNoModal {
             });
           }
           if (whitelist) {
-            authAdapter$1.setAdapterSettings({
+            authAdapter.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({
+            authAdapter.setAdapterSettings({
               uxMode: this.options.uiConfig.uxMode
             });
           }
-          authAdapter$1.setAdapterSettings({
+          authAdapter.setAdapterSettings({
             whiteLabel: this.options.uiConfig
           });
-          if (!authAdapter$1.privateKeyProvider) {
-            throw base.WalletInitializationError.invalidParams("privateKeyProvider is required for auth adapter");
+          if (!authAdapter.privateKeyProvider) {
+            throw noModal.WalletInitializationError.invalidParams("privateKeyProvider is required for auth adapter");
           }
-        } else if (adapterName === base.WALLET_ADAPTERS.WALLET_CONNECT_V2) {
+        } else if (adapterName === noModal.WALLET_ADAPTERS.WALLET_CONNECT_V2) {
           const walletConnectAdapter = this.walletAdapters[adapterName];
           const {
             wallet_connect_enabled: walletConnectEnabled,
@@ -234,14 +234,14 @@ class Web3Auth extends noModal.Web3AuthNoModal {
             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 : {}), {}, {
+              [noModal.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[noModal.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;
+            this.modalConfig.adapters[noModal.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 (!(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 noModal.WalletInitializationError.invalidParams("Invalid wallet connect project id. Please configure it on the dashboard");
             if (walletConnectProjectId) {
               walletConnectAdapter.setAdapterSettings({
                 adapterSettings: {
@@ -259,14 +259,14 @@ class Web3Auth extends noModal.Web3AuthNoModal {
     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 (adapter.type !== noModal.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);
+      const mergedLoginMethods = utils.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");
+    noModal.log.debug(hasInAppWallets, this.walletAdapters, adapterNames, "hasInAppWallets");
 
     // Now, initialize the adapters.
     const initPromises = adapterNames.map(async adapterName => {
@@ -274,26 +274,26 @@ class Web3Auth extends noModal.Web3AuthNoModal {
       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) {
+        if (this.cachedAdapter !== adapterName && adapter.type === noModal.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({
+        if (adapter.status === noModal.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) {
+        if (adapter.type === noModal.ADAPTER_CATEGORY.IN_APP) {
           this.initializeInAppWallet(adapterName);
         }
       } catch (error) {
-        base.log.error(error, "error while initializing adapter ", adapterName);
+        noModal.log.error(error, "error while initializing adapter ", adapterName);
       }
     });
-    this.commonJRPCProvider = await baseProvider.CommonJRPCProvider.getProviderInstance({
+    this.commonJRPCProvider = await noModal.CommonJRPCProvider.getProviderInstance({
       chainConfig: this.coreOptions.chainConfig
     });
     if (typeof keyExportEnabled === "boolean") {
@@ -302,15 +302,15 @@ class Web3Auth extends noModal.Web3AuthNoModal {
       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);
+    if (this.status === noModal.ADAPTER_STATUS.NOT_READY) {
+      this.status = noModal.ADAPTER_STATUS.READY;
+      this.emit(noModal.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 (adapterName === noModal.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) === noModal.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();
@@ -326,20 +326,20 @@ class Web3Auth extends noModal.Web3AuthNoModal {
     }
   }
   async connect() {
-    if (!this.loginModal) throw base.WalletInitializationError.notReady("Login modal is not initialized");
+    if (!this.loginModal) throw noModal.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;
+    if (this.connectedAdapterName && this.status === noModal.ADAPTER_STATUS.CONNECTED && this.provider) return this.provider;
     this.loginModal.open();
     return new Promise((resolve, reject) => {
-      this.once(base.ADAPTER_EVENTS.CONNECTED, () => {
+      this.once(noModal.ADAPTER_EVENTS.CONNECTED, () => {
         return resolve(this.provider);
       });
-      this.once(base.ADAPTER_EVENTS.ERRORED, err => {
+      this.once(noModal.ADAPTER_EVENTS.ERRORED, err => {
         return reject(err);
       });
-      this.once(ui.LOGIN_MODAL_EVENTS.MODAL_VISIBILITY, visibility => {
+      this.once(interfaces.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) {
+        if (!visibility && this.status !== noModal.ADAPTER_STATUS.CONNECTED) {
           return reject(new Error("User closed the modal"));
         }
       });
@@ -351,14 +351,14 @@ class Web3Auth extends noModal.Web3AuthNoModal {
     // 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);
+      if ((adapter === null || adapter === void 0 ? void 0 : adapter.type) === noModal.ADAPTER_CATEGORY.EXTERNAL) {
+        noModal.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) {
+        if (adapter.status === noModal.ADAPTER_STATUS.NOT_READY) {
           await adapter.init({
             autoConnect: this.cachedAdapter === adapterName
           }).then(() => {
@@ -370,8 +370,8 @@ class Web3Auth extends noModal.Web3AuthNoModal {
               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) {
+          }).catch(error => noModal.log.error(error, "error while initializing adapter", adapterName));
+        } else if (adapter.status === noModal.ADAPTER_STATUS.READY || adapter.status === noModal.ADAPTER_STATUS.CONNECTING) {
           // we use connecting status for wallet connect
           const adapterModalConfig = this.modalConfig.adapters[adapterName];
           adaptersConfig[adapterName] = _objectSpread(_objectSpread({}, adapterModalConfig), {}, {
@@ -385,53 +385,53 @@ class Web3Auth extends noModal.Web3AuthNoModal {
     });
   }
   initializeInAppWallet(adapterName) {
-    base.log.info("adapterInitResults", adapterName);
-    if (this.walletAdapters[adapterName].type === base.ADAPTER_CATEGORY.IN_APP) {
+    noModal.log.info("adapterInitResults", adapterName);
+    if (this.walletAdapters[adapterName].type === noModal.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), {}, {
+      this.loginModal.addSocialLogins(adapterName, utils.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) || config$1.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 => {
+    this.loginModal.on(interfaces.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);
+        noModal.log.error(`Error while connecting to adapter: ${params.adapter}`, error);
       }
     });
-    this.loginModal.on(ui.LOGIN_MODAL_EVENTS.INIT_EXTERNAL_WALLETS, async params => {
+    this.loginModal.on(interfaces.LOGIN_MODAL_EVENTS.INIT_EXTERNAL_WALLETS, async params => {
       await this.initExternalWalletAdapters(params.externalWalletsInitialized);
     });
-    this.loginModal.on(ui.LOGIN_MODAL_EVENTS.DISCONNECT, async () => {
+    this.loginModal.on(interfaces.LOGIN_MODAL_EVENTS.DISCONNECT, async () => {
       try {
         await this.logout();
       } catch (error) {
-        base.log.error(`Error while disconnecting`, error);
+        noModal.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];
+    this.loginModal.on(interfaces.LOGIN_MODAL_EVENTS.MODAL_VISIBILITY, async visibility => {
+      noModal.log.debug("is login modal visible", visibility);
+      this.emit(interfaces.LOGIN_MODAL_EVENTS.MODAL_VISIBILITY, visibility);
+      const adapter = this.walletAdapters[noModal.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");
+        noModal.log.debug("trying refreshing wc session", visibility, walletConnectStatus);
+        if (visibility && (walletConnectStatus === noModal.ADAPTER_STATUS.READY || walletConnectStatus === noModal.ADAPTER_STATUS.CONNECTING)) {
+          noModal.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);
+            noModal.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;
+        if (!visibility && this.status === noModal.ADAPTER_STATUS.CONNECTED && (walletConnectStatus === noModal.ADAPTER_STATUS.READY || walletConnectStatus === noModal.ADAPTER_STATUS.CONNECTING)) {
+          noModal.log.debug("this stops wc adapter from trying to reconnect once proposal expires");
+          adapter.status = noModal.ADAPTER_STATUS.READY;
         }
       }
     });

package/dist/lib.cjs/packages/modal/src/react/Web3AuthProvider.js

@@ -0,0 +1,15 @@
+'use strict';
+
+var React = require('react');
+var Web3AuthInnerContext = require('./context/Web3AuthInnerContext.js');
+
+function Web3AuthProvider({
+  config,
+  children
+}) {
+  return /*#__PURE__*/React.createElement(Web3AuthInnerContext.Web3AuthInnerProvider, {
+    config
+  }, children);
+}
+
+exports.Web3AuthProvider = Web3AuthProvider;