@web3auth/modal 10.0.0-beta.8 → 10.0.0

package/dist/lib.esm/packages/modal/src/modalManager.js

@@ -1,7 +1,7 @@
 import _objectSpread from '@babel/runtime/helpers/objectSpread2';
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import { serializeError } from '@web3auth/auth';
-import { Web3AuthNoModal, cloneDeep, WALLET_CONNECTORS, log, CONNECTOR_STATUS, withAbort, CONNECTOR_EVENTS, WalletInitializationError, fetchProjectConfig, fetchWalletRegistry, CONNECTOR_CATEGORY, CONNECTOR_NAMES, CONNECTOR_NAMESPACES } from '@web3auth/no-modal';
+import { Web3AuthNoModal, cloneDeep, WALLET_CONNECTORS, LOGIN_MODE, log, CONNECTOR_STATUS, sdkVersion, ANALYTICS_SDK_TYPE, withAbort, CONNECTOR_EVENTS, ANALYTICS_EVENTS, getErrorAnalyticsProperties, WalletInitializationError, fetchProjectConfig, fetchWalletRegistry, CONNECTOR_CATEGORY, CONNECTOR_NAMES, CONNECTOR_NAMESPACES } from '@web3auth/no-modal';
 import deepmerge from 'deepmerge';
 import { defaultConnectorsModalConfig, walletRegistryUrl } from './config.js';
 import { AUTH_PROVIDERS_NAMES, AUTH_PROVIDERS, capitalizeFirstLetter } from './ui/config.js';
@@ -10,8 +10,8 @@ import { LoginModal } from './ui/loginModal.js';
 import { getUserLanguage } from './ui/utils.js';
 
 class Web3Auth extends Web3AuthNoModal {
-  constructor(options) {
-    super(options);
+  constructor(options, initialState) {
+    super(options, initialState);
     _defineProperty(this, "loginModal", void 0);
     _defineProperty(this, "options", void 0);
     _defineProperty(this, "modalConfig", cloneDeep(defaultConnectorsModalConfig));
@@ -25,14 +25,14 @@ class Web3Auth extends Web3AuthNoModal {
     });
     _defineProperty(this, "onSocialLogin", async params => {
       try {
-        await this.connectTo(WALLET_CONNECTORS.AUTH, params.loginParams);
+        await this.connectTo(WALLET_CONNECTORS.AUTH, params.loginParams, LOGIN_MODE.MODAL);
       } catch (error) {
         log.error(`Error while connecting to connector: ${params.connector}`, error);
       }
     });
     _defineProperty(this, "onExternalWalletLogin", async params => {
       try {
-        await this.connectTo(params.connector, params.loginParams);
+        await this.connectTo(params.connector, params.loginParams, LOGIN_MODE.MODAL);
       } catch (error) {
         log.error(`Error while connecting to connector: ${params.connector}`, error);
       }
@@ -98,70 +98,109 @@ class Web3Auth extends Web3AuthNoModal {
     if (this.options.modalConfig) this.modalConfig = this.options.modalConfig;
     log.info("modalConfig", this.modalConfig);
   }
-  async initModal(options) {
-    const {
-      signal
-    } = options || {};
-    super.checkInitRequirements();
-    // get project config and wallet registry
-    const {
-      projectConfig,
-      walletRegistry
-    } = await this.getProjectAndWalletConfig();
-
-    // init config
-    this.initUIConfig(projectConfig);
-    super.initAccountAbstractionConfig(projectConfig);
-    super.initChainsConfig(projectConfig);
-    super.initCachedConnectorAndChainId();
-
-    // init login modal
-    const {
-      filteredWalletRegistry,
-      disabledExternalWallets
-    } = this.filterWalletRegistry(walletRegistry, projectConfig);
-    this.loginModal = new LoginModal(_objectSpread(_objectSpread({}, this.options.uiConfig), {}, {
-      connectorListener: this,
-      web3authClientId: this.options.clientId,
-      web3authNetwork: this.options.web3AuthNetwork,
-      authBuildEnv: this.options.authBuildEnv,
-      chainNamespaces: this.getChainNamespaces(),
-      walletRegistry: filteredWalletRegistry
-    }), {
-      onInitExternalWallets: this.onInitExternalWallets,
-      onSocialLogin: this.onSocialLogin,
-      onExternalWalletLogin: this.onExternalWalletLogin,
-      onModalVisibility: this.onModalVisibility
+  async init(options) {
+    // init analytics
+    const startTime = Date.now();
+    this.analytics.init();
+    this.analytics.identify(this.options.clientId, {
+      web3auth_client_id: this.options.clientId,
+      web3auth_network: this.options.web3AuthNetwork
     });
-    await withAbort(() => this.loginModal.initModal(), signal);
-
-    // setup common JRPC provider
-    await withAbort(() => this.setupCommonJRPCProvider(), signal);
-
-    // initialize connectors
-    this.on(CONNECTOR_EVENTS.CONNECTORS_UPDATED, ({
-      connectors: newConnectors
-    }) => {
-      const onAbortHandler = () => {
-        var _this$connectors;
-        log.debug("init aborted");
-        if (((_this$connectors = this.connectors) === null || _this$connectors === void 0 ? void 0 : _this$connectors.length) > 0) {
-          super.cleanup();
-        }
-      };
-      withAbort(() => this.initConnectors({
-        connectors: newConnectors,
+    this.analytics.setGlobalProperties({
+      dapp_url: window.location.origin,
+      sdk_name: ANALYTICS_SDK_TYPE.WEB_MODAL,
+      sdk_version: sdkVersion
+    });
+    let trackData = {};
+    try {
+      var _authConnector$authIn, _this$coreOptions$uiC;
+      const {
+        signal
+      } = options || {};
+      super.checkInitRequirements();
+      // get project config and wallet registry
+      const {
         projectConfig,
+        walletRegistry
+      } = await this.getProjectAndWalletConfig();
+
+      // init config
+      this.initUIConfig(projectConfig);
+      super.initAccountAbstractionConfig(projectConfig);
+      super.initChainsConfig(projectConfig);
+      super.initCachedConnectorAndChainId();
+      super.initWalletServicesConfig(projectConfig);
+      trackData = this.getInitializationTrackData();
+
+      // init login modal
+      const {
+        filteredWalletRegistry,
         disabledExternalWallets
-      }), signal, onAbortHandler);
-    });
-    await withAbort(() => super.loadConnectors({
-      projectConfig,
-      modalMode: true
-    }), signal);
+      } = this.filterWalletRegistry(walletRegistry, projectConfig);
+      this.loginModal = new LoginModal(_objectSpread(_objectSpread({}, this.options.uiConfig), {}, {
+        connectorListener: this,
+        web3authClientId: this.options.clientId,
+        web3authNetwork: this.options.web3AuthNetwork,
+        authBuildEnv: this.options.authBuildEnv,
+        chainNamespaces: this.getChainNamespaces(),
+        walletRegistry: filteredWalletRegistry,
+        analytics: this.analytics
+      }), {
+        onInitExternalWallets: this.onInitExternalWallets,
+        onSocialLogin: this.onSocialLogin,
+        onExternalWalletLogin: this.onExternalWalletLogin,
+        onModalVisibility: this.onModalVisibility
+      });
+      await withAbort(() => this.loginModal.initModal(), signal);
 
-    // initialize plugins
-    await withAbort(() => super.initPlugins(), signal);
+      // setup common JRPC provider
+      await withAbort(() => this.setupCommonJRPCProvider(), signal);
+
+      // initialize connectors
+      this.on(CONNECTOR_EVENTS.CONNECTORS_UPDATED, ({
+        connectors: newConnectors
+      }) => {
+        const onAbortHandler = () => {
+          var _this$connectors;
+          log.debug("init aborted");
+          if (((_this$connectors = this.connectors) === null || _this$connectors === void 0 ? void 0 : _this$connectors.length) > 0) {
+            super.cleanup();
+          }
+        };
+        withAbort(() => this.initConnectors({
+          connectors: newConnectors,
+          projectConfig,
+          disabledExternalWallets
+        }), signal, onAbortHandler);
+      });
+      await withAbort(() => super.loadConnectors({
+        projectConfig,
+        modalMode: true
+      }), signal);
+
+      // initialize plugins
+      await withAbort(() => super.initPlugins(), signal);
+
+      // track completion event
+      const authConnector = this.getConnector(WALLET_CONNECTORS.AUTH);
+      trackData = _objectSpread(_objectSpread({}, trackData), {}, {
+        connectors: this.connectors.map(connector => connector.name),
+        plugins: Object.keys(this.plugins),
+        auth_ux_mode: (authConnector === null || authConnector === void 0 || (_authConnector$authIn = authConnector.authInstance) === null || _authConnector$authIn === void 0 || (_authConnector$authIn = _authConnector$authIn.options) === null || _authConnector$authIn === void 0 ? void 0 : _authConnector$authIn.uxMode) || ((_this$coreOptions$uiC = this.coreOptions.uiConfig) === null || _this$coreOptions$uiC === void 0 ? void 0 : _this$coreOptions$uiC.uxMode)
+      });
+      this.analytics.track(ANALYTICS_EVENTS.SDK_INITIALIZATION_COMPLETED, _objectSpread(_objectSpread({}, trackData), {}, {
+        duration: Date.now() - startTime
+      }));
+    } catch (error) {
+      if (error instanceof DOMException && error.name === "AbortError") return;
+
+      // track failure event
+      this.analytics.track(ANALYTICS_EVENTS.SDK_INITIALIZATION_FAILED, _objectSpread(_objectSpread(_objectSpread({}, trackData), getErrorAnalyticsProperties(error)), {}, {
+        duration: Date.now() - startTime
+      }));
+      log.error("Failed to initialize modal", error);
+      throw error;
+    }
   }
   async connect() {
     if (!this.loginModal) throw WalletInitializationError.notReady("Login modal is not initialized");
@@ -194,6 +233,50 @@ class Web3Auth extends Web3AuthNoModal {
       this.once(LOGIN_MODAL_EVENTS.MODAL_VISIBILITY, handleVisibility);
     });
   }
+  initUIConfig(projectConfig) {
+    super.initUIConfig(projectConfig);
+    this.options.uiConfig = deepmerge(cloneDeep(projectConfig.whitelabel || {}), this.options.uiConfig || {});
+    if (!this.options.uiConfig.defaultLanguage) this.options.uiConfig.defaultLanguage = getUserLanguage(this.options.uiConfig.defaultLanguage);
+    if (!this.options.uiConfig.mode) this.options.uiConfig.mode = "light";
+    this.options.uiConfig = deepmerge(projectConfig.loginModal || {}, this.options.uiConfig, {
+      arrayMerge: (_, sourceArray) => sourceArray
+    });
+
+    // merge login methods order from project config and user config, with user config taking precedence
+    const defaultAuthConnections = projectConfig.embeddedWalletAuth.filter(x => x.isDefault).map(x => x.authConnection);
+    const mergedAuthConnections = [...(this.options.uiConfig.loginMethodsOrder || []), ...defaultAuthConnections];
+    const loginMethodsOrder = [];
+    const authConnectionSet = new Set();
+    for (const authConnection of mergedAuthConnections) {
+      if (authConnectionSet.has(authConnection)) continue;
+      authConnectionSet.add(authConnection);
+      loginMethodsOrder.push(authConnection);
+    }
+    this.options.uiConfig.loginMethodsOrder = loginMethodsOrder;
+  }
+  getInitializationTrackData() {
+    var _this$modalConfig, _this$modalConfig2, _this$modalConfig3, _this$options$uiConfi, _this$options$uiConfi2, _this$options$uiConfi3, _this$options$uiConfi4, _this$options$uiConfi5, _this$options$uiConfi6, _this$options$uiConfi7, _this$options$uiConfi8, _this$options$uiConfi9, _this$options$uiConfi0, _this$options$uiConfi1, _this$options$uiConfi10, _this$options$uiConfi11, _this$options$uiConfi12;
+    return _objectSpread(_objectSpread({}, super.getInitializationTrackData()), {}, {
+      modal_hide_wallet_discovery: (_this$modalConfig = this.modalConfig) === null || _this$modalConfig === void 0 ? void 0 : _this$modalConfig.hideWalletDiscovery,
+      modal_connectors: Object.keys(((_this$modalConfig2 = this.modalConfig) === null || _this$modalConfig2 === void 0 ? void 0 : _this$modalConfig2.connectors) || {}),
+      modal_auth_connector_login_methods: Object.keys(((_this$modalConfig3 = this.modalConfig) === null || _this$modalConfig3 === void 0 || (_this$modalConfig3 = _this$modalConfig3.connectors) === null || _this$modalConfig3 === void 0 || (_this$modalConfig3 = _this$modalConfig3[WALLET_CONNECTORS.AUTH]) === null || _this$modalConfig3 === void 0 ? void 0 : _this$modalConfig3.loginMethods) || {}),
+      // UI config
+      ui_login_methods_order: (_this$options$uiConfi = this.options.uiConfig) === null || _this$options$uiConfi === void 0 ? void 0 : _this$options$uiConfi.loginMethodsOrder,
+      ui_modal_z_index: (_this$options$uiConfi2 = this.options.uiConfig) === null || _this$options$uiConfi2 === void 0 ? void 0 : _this$options$uiConfi2.modalZIndex,
+      ui_display_errors_on_modal: (_this$options$uiConfi3 = this.options.uiConfig) === null || _this$options$uiConfi3 === void 0 ? void 0 : _this$options$uiConfi3.displayErrorsOnModal,
+      ui_login_grid_col: (_this$options$uiConfi4 = this.options.uiConfig) === null || _this$options$uiConfi4 === void 0 ? void 0 : _this$options$uiConfi4.loginGridCol,
+      ui_primary_button: (_this$options$uiConfi5 = this.options.uiConfig) === null || _this$options$uiConfi5 === void 0 ? void 0 : _this$options$uiConfi5.primaryButton,
+      ui_modal_widget_type: (_this$options$uiConfi6 = this.options.uiConfig) === null || _this$options$uiConfi6 === void 0 ? void 0 : _this$options$uiConfi6.widgetType,
+      ui_modal_target_id_used: Boolean((_this$options$uiConfi7 = this.options.uiConfig) === null || _this$options$uiConfi7 === void 0 ? void 0 : _this$options$uiConfi7.targetId),
+      ui_modal_logo_alignment: (_this$options$uiConfi8 = this.options.uiConfig) === null || _this$options$uiConfi8 === void 0 ? void 0 : _this$options$uiConfi8.logoAlignment,
+      ui_modal_border_radius_type: (_this$options$uiConfi9 = this.options.uiConfig) === null || _this$options$uiConfi9 === void 0 ? void 0 : _this$options$uiConfi9.borderRadiusType,
+      ui_modal_button_radius_type: (_this$options$uiConfi0 = this.options.uiConfig) === null || _this$options$uiConfi0 === void 0 ? void 0 : _this$options$uiConfi0.buttonRadiusType,
+      ui_modal_sign_in_methods: (_this$options$uiConfi1 = this.options.uiConfig) === null || _this$options$uiConfi1 === void 0 ? void 0 : _this$options$uiConfi1.signInMethods,
+      ui_modal_add_previous_login_hint: (_this$options$uiConfi10 = this.options.uiConfig) === null || _this$options$uiConfi10 === void 0 ? void 0 : _this$options$uiConfi10.addPreviousLoginHint,
+      ui_modal_display_installed_external_wallets: (_this$options$uiConfi11 = this.options.uiConfig) === null || _this$options$uiConfi11 === void 0 ? void 0 : _this$options$uiConfi11.displayInstalledExternalWallets,
+      ui_modal_display_external_wallets_count: (_this$options$uiConfi12 = this.options.uiConfig) === null || _this$options$uiConfi12 === void 0 ? void 0 : _this$options$uiConfi12.displayExternalWalletsCount
+    });
+  }
   filterWalletRegistry(walletRegistry, projectConfig) {
     const {
       disableAllRecommendedWallets,
@@ -224,7 +307,7 @@ class Web3Auth extends Web3AuthNoModal {
     };
   }
   async getProjectAndWalletConfig() {
-    var _this$options$account, _this$modalConfig;
+    var _this$options$account, _this$modalConfig4;
     const [projectConfigResult, walletRegistryResult] = await Promise.allSettled([fetchProjectConfig({
       clientId: this.options.clientId,
       web3AuthNetwork: this.options.web3AuthNetwork,
@@ -246,7 +329,7 @@ class Web3Auth extends Web3AuthNoModal {
       default: {}
     };
     const isExternalWalletEnabled = Boolean(projectConfig.externalWalletAuth);
-    if (isExternalWalletEnabled && !((_this$modalConfig = this.modalConfig) !== null && _this$modalConfig !== void 0 && _this$modalConfig.hideWalletDiscovery)) {
+    if (isExternalWalletEnabled && !((_this$modalConfig4 = this.modalConfig) !== null && _this$modalConfig4 !== void 0 && _this$modalConfig4.hideWalletDiscovery)) {
       if (walletRegistryResult.status === "fulfilled") {
         walletRegistry = walletRegistryResult.value;
       } else {
@@ -258,26 +341,6 @@ class Web3Auth extends Web3AuthNoModal {
       walletRegistry
     };
   }
-  initUIConfig(projectConfig) {
-    this.options.uiConfig = deepmerge(cloneDeep(projectConfig.whitelabel || {}), this.options.uiConfig || {});
-    if (!this.options.uiConfig.defaultLanguage) this.options.uiConfig.defaultLanguage = getUserLanguage(this.options.uiConfig.defaultLanguage);
-    if (!this.options.uiConfig.mode) this.options.uiConfig.mode = "light";
-    this.options.uiConfig = deepmerge(projectConfig.loginModal || {}, this.options.uiConfig, {
-      arrayMerge: (_, sourceArray) => sourceArray
-    });
-
-    // merge login methods order from project config and user config, with user config taking precedence
-    const defaultAuthConnections = projectConfig.embeddedWalletAuth.filter(x => x.isDefault).map(x => x.authConnection);
-    const mergedAuthConnections = [...(this.options.uiConfig.loginMethodsOrder || []), ...defaultAuthConnections];
-    const loginMethodsOrder = [];
-    const authConnectionSet = new Set();
-    for (const authConnection of mergedAuthConnections) {
-      if (authConnectionSet.has(authConnection)) continue;
-      authConnectionSet.add(authConnection);
-      loginMethodsOrder.push(authConnection);
-    }
-    this.options.uiConfig.loginMethodsOrder = loginMethodsOrder;
-  }
   async initConnectors({
     connectors,
     projectConfig,
@@ -328,7 +391,7 @@ class Web3Auth extends Web3AuthNoModal {
     projectConfig,
     disabledExternalWallets
   }) {
-    var _this$modalConfig2;
+    var _this$modalConfig5;
     // Auth connector config: populate this with the default config for auth connectors.
     const loginMethods = {};
     const embedWalletConfigMap = new Map();
@@ -360,7 +423,7 @@ class Web3Auth extends Web3AuthNoModal {
     };
 
     // populate the user config data with the dashboard config.
-    if ((_this$modalConfig2 = this.modalConfig) !== null && _this$modalConfig2 !== void 0 && (_this$modalConfig2 = _this$modalConfig2.connectors) !== null && _this$modalConfig2 !== void 0 && _this$modalConfig2[WALLET_CONNECTORS.AUTH]) {
+    if ((_this$modalConfig5 = this.modalConfig) !== null && _this$modalConfig5 !== void 0 && (_this$modalConfig5 = _this$modalConfig5.connectors) !== null && _this$modalConfig5 !== void 0 && _this$modalConfig5[WALLET_CONNECTORS.AUTH]) {
       if (!this.modalConfig.connectors[WALLET_CONNECTORS.AUTH].loginMethods) this.modalConfig.connectors[WALLET_CONNECTORS.AUTH].loginMethods = {};
     }
     const authProviders = new Set(AUTH_PROVIDERS);
@@ -392,13 +455,13 @@ class Web3Auth extends Web3AuthNoModal {
     // merge default connectors with the custom configured connectors.
     const allConnectorNames = [...new Set([...Object.keys(this.modalConfig.connectors || {}), ...this.connectors.map(connector => connector.name)])];
     const connectorNames = allConnectorNames.map(connectorName => {
-      var _this$modalConfig3, _this$modalConfig$con, _this$modalConfig$con2;
+      var _this$modalConfig6, _this$modalConfig$con, _this$modalConfig$con2;
       // start with the default config of connector.
       const defaultConnectorConfig = {
         label: CONNECTOR_NAMES[connectorName] || connectorName.split("-").map(capitalizeFirstLetter).join(" "),
         showOnModal: true
       };
-      this.modalConfig.connectors[connectorName] = _objectSpread(_objectSpread({}, defaultConnectorConfig), ((_this$modalConfig3 = this.modalConfig) === null || _this$modalConfig3 === void 0 || (_this$modalConfig3 = _this$modalConfig3.connectors) === null || _this$modalConfig3 === void 0 ? void 0 : _this$modalConfig3[connectorName]) || {});
+      this.modalConfig.connectors[connectorName] = _objectSpread(_objectSpread({}, defaultConnectorConfig), ((_this$modalConfig6 = this.modalConfig) === null || _this$modalConfig6 === void 0 || (_this$modalConfig6 = _this$modalConfig6.connectors) === null || _this$modalConfig6 === void 0 ? void 0 : _this$modalConfig6[connectorName]) || {});
 
       // check if connector is configured/added by user and exist in connectors map.
       const connector = this.getConnector(connectorName);
@@ -423,9 +486,9 @@ class Web3Auth extends Web3AuthNoModal {
 
       // skip WC connector if external wallets are disabled or hideWalletDiscovery is true
       if (connectorName === WALLET_CONNECTORS.WALLET_CONNECT_V2) {
-        var _this$modalConfig4;
+        var _this$modalConfig7;
         if (!isExternalWalletEnabled) return;
-        if ((_this$modalConfig4 = this.modalConfig) !== null && _this$modalConfig4 !== void 0 && _this$modalConfig4.hideWalletDiscovery) return;
+        if ((_this$modalConfig7 = this.modalConfig) !== null && _this$modalConfig7 !== void 0 && _this$modalConfig7.hideWalletDiscovery) return;
       }
       this.modalConfig.connectors[connectorName] = connectorConfig;
       return connectorName;
@@ -480,12 +543,12 @@ class Web3Auth extends Web3AuthNoModal {
         // note: not adding cachedWallet to modal if it is external wallet.
         // adding it later if no in-app wallets are available.
         if (connector.type === CONNECTOR_CATEGORY.IN_APP) {
-          var _this$modalConfig$con6, _this$options$uiConfi, _this$options$uiConfi2, _this$options$uiConfi3;
+          var _this$modalConfig$con6, _this$options$uiConfi13, _this$options$uiConfi14, _this$options$uiConfi15;
           log.info("connectorInitResults", connectorName);
           const loginMethods = ((_this$modalConfig$con6 = this.modalConfig.connectors[connectorName]) === null || _this$modalConfig$con6 === void 0 ? void 0 : _this$modalConfig$con6.loginMethods) || {};
-          this.loginModal.addSocialLogins(connectorName, loginMethods, ((_this$options$uiConfi = this.options.uiConfig) === null || _this$options$uiConfi === void 0 ? void 0 : _this$options$uiConfi.loginMethodsOrder) || AUTH_PROVIDERS, _objectSpread(_objectSpread({}, this.options.uiConfig), {}, {
-            loginGridCol: ((_this$options$uiConfi2 = this.options.uiConfig) === null || _this$options$uiConfi2 === void 0 ? void 0 : _this$options$uiConfi2.loginGridCol) || 3,
-            primaryButton: ((_this$options$uiConfi3 = this.options.uiConfig) === null || _this$options$uiConfi3 === void 0 ? void 0 : _this$options$uiConfi3.primaryButton) || "socialLogin"
+          this.loginModal.addSocialLogins(connectorName, loginMethods, ((_this$options$uiConfi13 = this.options.uiConfig) === null || _this$options$uiConfi13 === void 0 ? void 0 : _this$options$uiConfi13.loginMethodsOrder) || AUTH_PROVIDERS, _objectSpread(_objectSpread({}, this.options.uiConfig), {}, {
+            loginGridCol: ((_this$options$uiConfi14 = this.options.uiConfig) === null || _this$options$uiConfi14 === void 0 ? void 0 : _this$options$uiConfi14.loginGridCol) || 3,
+            primaryButton: ((_this$options$uiConfi15 = this.options.uiConfig) === null || _this$options$uiConfi15 === void 0 ? void 0 : _this$options$uiConfi15.primaryButton) || "socialLogin"
           }));
         }
       } catch (error) {

package/dist/lib.esm/packages/modal/src/providers/ethereum-mpc-provider/index.js

@@ -0,0 +1 @@
+export * from '@web3auth/no-modal/providers/ethereum-mpc-provider';

package/dist/lib.esm/packages/modal/src/providers/xrpl-provider/index.js

@@ -0,0 +1 @@
+export * from '@web3auth/no-modal/providers/xrpl-provider';

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

@@ -4,13 +4,15 @@ import { Web3AuthInnerProvider, Web3AuthInnerContext } from './context/Web3AuthI
 
 function Web3AuthProvider({
   config,
+  initialState,
   children
 }) {
   const pluginChild = /*#__PURE__*/createElement(WalletServicesContextProvider, {
     context: Web3AuthInnerContext
   }, children);
   return /*#__PURE__*/createElement(Web3AuthInnerProvider, {
-    config
+    config,
+    initialState
   }, pluginChild);
 }
 

package/dist/lib.esm/packages/modal/src/react/context/Web3AuthInnerContext.js

@@ -1,45 +1,42 @@
-import { WalletInitializationError, CONNECTOR_EVENTS, CONNECTOR_STATUS } from '@web3auth/no-modal';
-import { createContext, useState, useCallback, useEffect, useMemo, createElement } from 'react';
+import { CONNECTOR_STATUS, WalletInitializationError, CONNECTOR_EVENTS, ANALYTICS_INTEGRATION_TYPE } from '@web3auth/no-modal';
+import { createContext, useState, useMemo, useCallback, useEffect, createElement } from 'react';
 import { Web3Auth } from '../../modalManager.js';
 
 const Web3AuthInnerContext = /*#__PURE__*/createContext(null);
 function Web3AuthInnerProvider(params) {
   const {
     children,
-    config
+    config,
+    initialState
   } = params;
-  const [web3Auth, setWeb3Auth] = useState(null);
+  const {
+    web3AuthOptions
+  } = config;
   const [isInitializing, setIsInitializing] = useState(false);
   const [initError, setInitError] = useState(null);
-  const [isConnected, setIsConnected] = useState(false);
   const [provider, setProvider] = useState(null);
   const [isInitialized, setIsInitialized] = useState(false);
-  const [status, setStatus] = useState(null);
   const [isMFAEnabled, setIsMFAEnabled] = useState(false);
+  const web3Auth = useMemo(() => {
+    setProvider(null);
+    return new Web3Auth(web3AuthOptions, initialState);
+  }, [web3AuthOptions, initialState]);
+  const [isConnected, setIsConnected] = useState(web3Auth.status === CONNECTOR_STATUS.CONNECTED);
+  const [status, setStatus] = useState(web3Auth.status);
   const getPlugin = useCallback(name => {
     if (!web3Auth) throw WalletInitializationError.notReady();
     return web3Auth.getPlugin(name);
   }, [web3Auth]);
-  useEffect(() => {
-    const resetHookState = () => {
-      setProvider(null);
-      setIsConnected(false);
-      setStatus(null);
-    };
-    resetHookState();
-    const {
-      web3AuthOptions
-    } = config;
-    const web3AuthInstance = new Web3Auth(web3AuthOptions);
-    setWeb3Auth(web3AuthInstance);
-  }, [config]);
   useEffect(() => {
     const controller = new AbortController();
     async function init() {
       try {
         setInitError(null);
         setIsInitializing(true);
-        await web3Auth.initModal({
+        web3Auth.setAnalyticsProperties({
+          integration_type: ANALYTICS_INTEGRATION_TYPE.REACT_HOOKS
+        });
+        await web3Auth.init({
           signal: controller.signal
         });
       } catch (error) {
@@ -77,7 +74,12 @@ function Web3AuthInnerProvider(params) {
       setStatus(web3Auth.status);
     };
     const errorListener = () => {
-      setStatus(CONNECTOR_STATUS.ERRORED);
+      setStatus(web3Auth.status);
+    };
+    const rehydrationErrorListener = () => {
+      setStatus(web3Auth.status);
+      setIsConnected(false);
+      setProvider(null);
     };
     const mfaEnabledListener = isMFAEnabled => {
       if (typeof isMFAEnabled === "boolean") setIsMFAEnabled(isMFAEnabled);
@@ -91,6 +93,7 @@ function Web3AuthInnerProvider(params) {
       web3Auth.on(CONNECTOR_EVENTS.DISCONNECTED, disconnectedListener);
       web3Auth.on(CONNECTOR_EVENTS.CONNECTING, connectingListener);
       web3Auth.on(CONNECTOR_EVENTS.ERRORED, errorListener);
+      web3Auth.on(CONNECTOR_EVENTS.REHYDRATION_ERROR, rehydrationErrorListener);
       web3Auth.on(CONNECTOR_EVENTS.MFA_ENABLED, mfaEnabledListener);
     }
     return () => {
@@ -101,6 +104,7 @@ function Web3AuthInnerProvider(params) {
         web3Auth.off(CONNECTOR_EVENTS.DISCONNECTED, disconnectedListener);
         web3Auth.off(CONNECTOR_EVENTS.CONNECTING, connectingListener);
         web3Auth.off(CONNECTOR_EVENTS.ERRORED, errorListener);
+        web3Auth.off(CONNECTOR_EVENTS.REHYDRATION_ERROR, rehydrationErrorListener);
         web3Auth.off(CONNECTOR_EVENTS.MFA_ENABLED, mfaEnabledListener);
         web3Auth.cleanup();
       }

package/dist/lib.esm/packages/modal/src/react/hooks/useIdentityToken.js

@@ -9,11 +9,11 @@ const useIdentityToken = () => {
   const [loading, setLoading] = useState(false);
   const [error, setError] = useState(null);
   const [token, setToken] = useState(null);
-  const authenticateUser = useCallback(async () => {
+  const getIdentityToken = useCallback(async () => {
     setLoading(true);
     setError(null);
     try {
-      const userAuthInfo = await web3Auth.authenticateUser();
+      const userAuthInfo = await web3Auth.getIdentityToken();
       if (userAuthInfo !== null && userAuthInfo !== void 0 && userAuthInfo.idToken) {
         setToken(userAuthInfo.idToken);
       }
@@ -33,7 +33,7 @@ const useIdentityToken = () => {
     loading,
     error,
     token,
-    authenticateUser
+    getIdentityToken
   };
 };
 

package/dist/lib.esm/packages/modal/src/react/hooks/useWeb3AuthConnect.js

@@ -33,12 +33,28 @@ const useWeb3AuthConnect = () => {
       setLoading(false);
     }
   }, [web3Auth]);
+  const connectTo = useCallback(async (connector, params) => {
+    setLoading(true);
+    setError(null);
+    try {
+      const provider = await web3Auth.connectTo(connector, params);
+      if (provider) {
+        setConnectorName(web3Auth.connectedConnectorName);
+      }
+      return provider;
+    } catch (error) {
+      setError(error);
+    } finally {
+      setLoading(false);
+    }
+  }, [web3Auth]);
   return {
     isConnected,
     loading,
     error,
     connectorName,
-    connect
+    connect,
+    connectTo
   };
 };
 

package/dist/lib.esm/packages/modal/src/react/solana/hooks/useSolanaWallet.js

@@ -1,5 +1,5 @@
 import { Connection } from '@solana/web3.js';
-import { SolanaWallet } from '@web3auth/no-modal';
+import { SolanaWallet, CHAIN_NAMESPACES } from '@web3auth/no-modal';
 import { useState, useMemo, useEffect } from 'react';
 import { useWeb3Auth } from '../../hooks/useWeb3Auth.js';
 
@@ -19,6 +19,10 @@ const useSolanaWallet = () => {
   }, [web3Auth, provider]);
   useEffect(() => {
     const init = async () => {
+      var _web3Auth$currentChai;
+      if (!(web3Auth !== null && web3Auth !== void 0 && (_web3Auth$currentChai = web3Auth.currentChain) !== null && _web3Auth$currentChai !== void 0 && _web3Auth$currentChai.chainNamespace) || web3Auth.currentChain.chainNamespace !== CHAIN_NAMESPACES.SOLANA) {
+        return;
+      }
       if (!solanaWallet) return;
       const accounts = await solanaWallet.requestAccounts();
       if ((accounts === null || accounts === void 0 ? void 0 : accounts.length) > 0) {

package/dist/lib.esm/packages/modal/src/react/wagmi/constants.js

@@ -0,0 +1,14 @@
+import { createConfig, http } from 'wagmi';
+import { mainnet } from 'wagmi/chains';
+
+const defaultWagmiConfig = createConfig({
+  chains: [mainnet],
+  connectors: [],
+  // or your basic wallets
+  ssr: true,
+  transports: {
+    [mainnet.id]: http(mainnet.rpcUrls.default.http[0])
+  }
+});
+
+export { defaultWagmiConfig };