@web3auth/no-modal 8.0.1 → 8.2.0

package/dist/noModal.cjs.js

@@ -68,6 +68,14 @@ const base_namespaceObject = require("@web3auth/base");
 const base_plugin_namespaceObject = require("@web3auth/base-plugin");
 ;// CONCATENATED MODULE: external "@web3auth/base-provider"
 const base_provider_namespaceObject = require("@web3auth/base-provider");
+;// CONCATENATED MODULE: external "@web3auth/openlogin-adapter"
+const openlogin_adapter_namespaceObject = require("@web3auth/openlogin-adapter");
+;// CONCATENATED MODULE: external "lodash.clonedeep"
+const external_lodash_clonedeep_namespaceObject = require("lodash.clonedeep");
+var external_lodash_clonedeep_default = /*#__PURE__*/__webpack_require__.n(external_lodash_clonedeep_namespaceObject);
+;// CONCATENATED MODULE: external "lodash.merge"
+const external_lodash_merge_namespaceObject = require("lodash.merge");
+var external_lodash_merge_default = /*#__PURE__*/__webpack_require__.n(external_lodash_merge_namespaceObject);
 ;// CONCATENATED MODULE: ./src/noModal.ts
 
 
@@ -75,6 +83,9 @@ const base_provider_namespaceObject = require("@web3auth/base-provider");
 
 
 
+
+
+
 const ADAPTER_CACHE_KEY = "Web3Auth-cachedAdapter";
 class Web3AuthNoModal extends openlogin_jrpc_namespaceObject.SafeEventEmitter {
   constructor(options) {
@@ -118,9 +129,13 @@ class Web3AuthNoModal extends openlogin_jrpc_namespaceObject.SafeEventEmitter {
     this.commonJRPCProvider = await base_provider_namespaceObject.CommonJRPCProvider.getProviderInstance({
       chainConfig: this.coreOptions.chainConfig
     });
-    // TODO: get stuff from dashboard here
-    // disable sms login
-    const initPromises = Object.keys(this.walletAdapters).map(adapterName => {
+    let projectConfig;
+    try {
+      projectConfig = await (0,base_namespaceObject.fetchProjectConfig)(this.coreOptions.clientId);
+    } catch (e) {
+      throw base_namespaceObject.WalletInitializationError.notReady("failed to fetch project configurations");
+    }
+    const initPromises = Object.keys(this.walletAdapters).map(async adapterName => {
       this.subscribeToAdapterEvents(this.walletAdapters[adapterName]);
       // if adapter doesn't have any chain config yet then set it based on provided namespace and chainId.
       // if no chainNamespace or chainId is being provided, it will connect with mainnet.
@@ -144,6 +159,25 @@ class Web3AuthNoModal extends openlogin_jrpc_namespaceObject.SafeEventEmitter {
       }
       if (adapterName === base_namespaceObject.WALLET_ADAPTERS.OPENLOGIN) {
         const openloginAdapter = this.walletAdapters[adapterName];
+        const {
+          whitelabel
+        } = projectConfig;
+        this.coreOptions.uiConfig = external_lodash_merge_default()(external_lodash_clonedeep_default()(whitelabel), this.coreOptions.uiConfig);
+        const {
+          sms_otp_enabled: smsOtpEnabled
+        } = projectConfig;
+        if (smsOtpEnabled !== undefined) {
+          openloginAdapter.setAdapterSettings({
+            loginConfig: {
+              [openlogin_adapter_namespaceObject.LOGIN_PROVIDER.SMS_PASSWORDLESS]: {
+                showOnModal: smsOtpEnabled,
+                showOnDesktop: smsOtpEnabled,
+                showOnMobile: smsOtpEnabled,
+                showOnSocialBackupFactor: smsOtpEnabled
+              }
+            }
+          });
+        }
         if (this.coreOptions.privateKeyProvider) {
           if (openloginAdapter.currentChainNamespace !== this.coreOptions.privateKeyProvider.currentChainConfig.chainNamespace) {
             throw base_namespaceObject.WalletInitializationError.incompatibleChainNameSpace("private key provider is not compatible with provided chainNamespace for openlogin adapter");
@@ -160,11 +194,18 @@ class Web3AuthNoModal extends openlogin_jrpc_namespaceObject.SafeEventEmitter {
         }
       } else if (adapterName === base_namespaceObject.WALLET_ADAPTERS.WALLET_CONNECT_V2) {
         const walletConnectAdapter = this.walletAdapters[adapterName];
+        const {
+          wallet_connect_enabled: walletConnectEnabled,
+          wallet_connect_project_id: walletConnectProjectId
+        } = projectConfig;
+        if (walletConnectEnabled === false) {
+          throw base_namespaceObject.WalletInitializationError.invalidParams("Please enable wallet connect v2 addon on dashboard");
+        }
+        if (!walletConnectProjectId) throw base_namespaceObject.WalletInitializationError.invalidParams("Invalid wallet connect project id. Please configure it on the dashboard");
         walletConnectAdapter.setAdapterSettings({
           adapterSettings: {
             walletConnectInitOptions: {
-              // Using a default wallet connect project id for web3auth modal integration
-              projectId: "d3c63f19f9582f8ba48e982057eb096b" // TODO: get from dashboard
+              projectId: walletConnectProjectId
             }
           }
         });
@@ -173,8 +214,8 @@ class Web3AuthNoModal extends openlogin_jrpc_namespaceObject.SafeEventEmitter {
         autoConnect: this.cachedAdapter === adapterName
       }).catch(e => base_namespaceObject.log.error(e));
     });
-    this.status = base_namespaceObject.ADAPTER_STATUS.READY;
     await Promise.all(initPromises);
+    this.status = base_namespaceObject.ADAPTER_STATUS.READY;
   }
   getAdapter(adapterName) {
     return this.walletAdapters[adapterName] || null;
@@ -340,5 +381,4 @@ class Web3AuthNoModal extends openlogin_jrpc_namespaceObject.SafeEventEmitter {
 
 module.exports = __webpack_exports__;
 /******/ })()
-;
-//# sourceMappingURL=noModal.cjs.js.map
+;

package/dist/noModal.esm.js

@@ -1,9 +1,12 @@
 import _objectSpread from '@babel/runtime/helpers/objectSpread2';
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import { SafeEventEmitter } from '@toruslabs/openlogin-jrpc';
-import { ADAPTER_STATUS, WalletInitializationError, log, CHAIN_NAMESPACES, storageAvailable, getChainConfig, WALLET_ADAPTERS, ADAPTER_NAMESPACES, WalletLoginError, ADAPTER_EVENTS } from '@web3auth/base';
+import { ADAPTER_STATUS, WalletInitializationError, log, CHAIN_NAMESPACES, storageAvailable, getChainConfig, fetchProjectConfig, WALLET_ADAPTERS, ADAPTER_NAMESPACES, WalletLoginError, ADAPTER_EVENTS } from '@web3auth/base';
 import { PLUGIN_NAMESPACES } from '@web3auth/base-plugin';
 import { CommonJRPCProvider } from '@web3auth/base-provider';
+import { LOGIN_PROVIDER } from '@web3auth/openlogin-adapter';
+import clonedeep from 'lodash.clonedeep';
+import merge from 'lodash.merge';
 
 const ADAPTER_CACHE_KEY = "Web3Auth-cachedAdapter";
 class Web3AuthNoModal extends SafeEventEmitter {
@@ -48,9 +51,13 @@ class Web3AuthNoModal extends SafeEventEmitter {
     this.commonJRPCProvider = await CommonJRPCProvider.getProviderInstance({
       chainConfig: this.coreOptions.chainConfig
     });
-    // TODO: get stuff from dashboard here
-    // disable sms login
-    const initPromises = Object.keys(this.walletAdapters).map(adapterName => {
+    let projectConfig;
+    try {
+      projectConfig = await fetchProjectConfig(this.coreOptions.clientId);
+    } catch (e) {
+      throw WalletInitializationError.notReady("failed to fetch project configurations");
+    }
+    const initPromises = Object.keys(this.walletAdapters).map(async adapterName => {
       this.subscribeToAdapterEvents(this.walletAdapters[adapterName]);
       // if adapter doesn't have any chain config yet then set it based on provided namespace and chainId.
       // if no chainNamespace or chainId is being provided, it will connect with mainnet.
@@ -74,6 +81,25 @@ class Web3AuthNoModal extends SafeEventEmitter {
       }
       if (adapterName === WALLET_ADAPTERS.OPENLOGIN) {
         const openloginAdapter = this.walletAdapters[adapterName];
+        const {
+          whitelabel
+        } = projectConfig;
+        this.coreOptions.uiConfig = merge(clonedeep(whitelabel), this.coreOptions.uiConfig);
+        const {
+          sms_otp_enabled: smsOtpEnabled
+        } = projectConfig;
+        if (smsOtpEnabled !== undefined) {
+          openloginAdapter.setAdapterSettings({
+            loginConfig: {
+              [LOGIN_PROVIDER.SMS_PASSWORDLESS]: {
+                showOnModal: smsOtpEnabled,
+                showOnDesktop: smsOtpEnabled,
+                showOnMobile: smsOtpEnabled,
+                showOnSocialBackupFactor: smsOtpEnabled
+              }
+            }
+          });
+        }
         if (this.coreOptions.privateKeyProvider) {
           if (openloginAdapter.currentChainNamespace !== this.coreOptions.privateKeyProvider.currentChainConfig.chainNamespace) {
             throw WalletInitializationError.incompatibleChainNameSpace("private key provider is not compatible with provided chainNamespace for openlogin adapter");
@@ -90,11 +116,18 @@ class Web3AuthNoModal extends SafeEventEmitter {
         }
       } else if (adapterName === WALLET_ADAPTERS.WALLET_CONNECT_V2) {
         const walletConnectAdapter = this.walletAdapters[adapterName];
+        const {
+          wallet_connect_enabled: walletConnectEnabled,
+          wallet_connect_project_id: walletConnectProjectId
+        } = projectConfig;
+        if (walletConnectEnabled === false) {
+          throw WalletInitializationError.invalidParams("Please enable wallet connect v2 addon on dashboard");
+        }
+        if (!walletConnectProjectId) throw WalletInitializationError.invalidParams("Invalid wallet connect project id. Please configure it on the dashboard");
         walletConnectAdapter.setAdapterSettings({
           adapterSettings: {
             walletConnectInitOptions: {
-              // Using a default wallet connect project id for web3auth modal integration
-              projectId: "d3c63f19f9582f8ba48e982057eb096b" // TODO: get from dashboard
+              projectId: walletConnectProjectId
             }
           }
         });
@@ -103,8 +136,8 @@ class Web3AuthNoModal extends SafeEventEmitter {
         autoConnect: this.cachedAdapter === adapterName
       }).catch(e => log.error(e));
     });
-    this.status = ADAPTER_STATUS.READY;
     await Promise.all(initPromises);
+    this.status = ADAPTER_STATUS.READY;
   }
   getAdapter(adapterName) {
     return this.walletAdapters[adapterName] || null;
@@ -268,4 +301,3 @@ class Web3AuthNoModal extends SafeEventEmitter {
 }
 
 export { Web3AuthNoModal };
-//# sourceMappingURL=noModal.esm.js.map