@web3auth/modal 10.0.0-beta.9 → 10.0.0

package/README.md

@@ -43,7 +43,7 @@ Hop on to the [Web3Auth Dashboard](https://dashboard.web3auth.io/) and create a
 Web3Auth needs to initialise as soon as your app loads up to enable the user to log in. Preferably done within a constructor, initialisation is the step where you can pass on all the configurations for Web3Auth you want. A simple integration for Ethereum blockchain will look like this:
 
 ```js
-import { Web3Auth } from "@web3auth/modal";
+import { Web3Auth } from "web3auth";
 
 //Initialize within your constructor
 const web3auth = new Web3Auth({
@@ -54,7 +54,7 @@ const web3auth = new Web3Auth({
   },
 });
 
-await web3auth.initModal();
+await web3auth.init();
 ```
 
 ### Login your User

package/dist/lib.cjs/packages/modal/src/config.js

@@ -2,7 +2,7 @@
 
 var noModal = require('@web3auth/no-modal');
 
-const version = "10.0.0-beta.9";
+const version = "10.0.0";
 const defaultConnectorsModalConfig = {
   hideWalletDiscovery: false,
   connectors: {

package/dist/lib.cjs/packages/modal/src/connectors/coinbase-connector/index.js

@@ -0,0 +1,12 @@
+'use strict';
+
+var coinbaseConnector = require('@web3auth/no-modal/connectors/coinbase-connector');
+
+
+
+Object.keys(coinbaseConnector).forEach(function (k) {
+	if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+		enumerable: true,
+		get: function () { return coinbaseConnector[k]; }
+	});
+});

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

@@ -12,8 +12,8 @@ var loginModal = require('./ui/loginModal.js');
 var utils = require('./ui/utils.js');
 
 class Web3Auth extends noModal.Web3AuthNoModal {
-  constructor(options) {
-    super(options);
+  constructor(options, initialState) {
+    super(options, initialState);
     _defineProperty(this, "loginModal", void 0);
     _defineProperty(this, "options", void 0);
     _defineProperty(this, "modalConfig", noModal.cloneDeep(config.defaultConnectorsModalConfig));
@@ -27,14 +27,14 @@ class Web3Auth extends noModal.Web3AuthNoModal {
     });
     _defineProperty(this, "onSocialLogin", async params => {
       try {
-        await this.connectTo(noModal.WALLET_CONNECTORS.AUTH, params.loginParams);
+        await this.connectTo(noModal.WALLET_CONNECTORS.AUTH, params.loginParams, noModal.LOGIN_MODE.MODAL);
       } catch (error) {
         noModal.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, noModal.LOGIN_MODE.MODAL);
       } catch (error) {
         noModal.log.error(`Error while connecting to connector: ${params.connector}`, error);
       }
@@ -96,65 +96,102 @@ class Web3Auth extends noModal.Web3AuthNoModal {
     if (this.options.modalConfig) this.modalConfig = this.options.modalConfig;
     noModal.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.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 noModal.withAbort(() => this.loginModal.initModal(), signal);
-    // setup common JRPC provider
-    await noModal.withAbort(() => this.setupCommonJRPCProvider(), signal);
-    // initialize connectors
-    this.on(noModal.CONNECTOR_EVENTS.CONNECTORS_UPDATED, ({
-      connectors: newConnectors
-    }) => {
-      const onAbortHandler = () => {
-        var _this$connectors;
-        noModal.log.debug("init aborted");
-        if (((_this$connectors = this.connectors) === null || _this$connectors === void 0 ? void 0 : _this$connectors.length) > 0) {
-          super.cleanup();
-        }
-      };
-      noModal.withAbort(() => this.initConnectors({
-        connectors: newConnectors,
+    this.analytics.setGlobalProperties({
+      dapp_url: window.location.origin,
+      sdk_name: noModal.ANALYTICS_SDK_TYPE.WEB_MODAL,
+      sdk_version: noModal.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 noModal.withAbort(() => super.loadConnectors({
-      projectConfig,
-      modalMode: true
-    }), signal);
-    // initialize plugins
-    await noModal.withAbort(() => super.initPlugins(), signal);
+      } = this.filterWalletRegistry(walletRegistry, projectConfig);
+      this.loginModal = new loginModal.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 noModal.withAbort(() => this.loginModal.initModal(), signal);
+      // setup common JRPC provider
+      await noModal.withAbort(() => this.setupCommonJRPCProvider(), signal);
+      // initialize connectors
+      this.on(noModal.CONNECTOR_EVENTS.CONNECTORS_UPDATED, ({
+        connectors: newConnectors
+      }) => {
+        const onAbortHandler = () => {
+          var _this$connectors;
+          noModal.log.debug("init aborted");
+          if (((_this$connectors = this.connectors) === null || _this$connectors === void 0 ? void 0 : _this$connectors.length) > 0) {
+            super.cleanup();
+          }
+        };
+        noModal.withAbort(() => this.initConnectors({
+          connectors: newConnectors,
+          projectConfig,
+          disabledExternalWallets
+        }), signal, onAbortHandler);
+      });
+      await noModal.withAbort(() => super.loadConnectors({
+        projectConfig,
+        modalMode: true
+      }), signal);
+      // initialize plugins
+      await noModal.withAbort(() => super.initPlugins(), signal);
+      // track completion event
+      const authConnector = this.getConnector(noModal.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(noModal.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(noModal.ANALYTICS_EVENTS.SDK_INITIALIZATION_FAILED, _objectSpread(_objectSpread(_objectSpread({}, trackData), noModal.getErrorAnalyticsProperties(error)), {}, {
+        duration: Date.now() - startTime
+      }));
+      noModal.log.error("Failed to initialize modal", error);
+      throw error;
+    }
   }
   async connect() {
     if (!this.loginModal) throw noModal.WalletInitializationError.notReady("Login modal is not initialized");
@@ -187,6 +224,49 @@ class Web3Auth extends noModal.Web3AuthNoModal {
       this.once(interfaces.LOGIN_MODAL_EVENTS.MODAL_VISIBILITY, handleVisibility);
     });
   }
+  initUIConfig(projectConfig) {
+    super.initUIConfig(projectConfig);
+    this.options.uiConfig = deepmerge(noModal.cloneDeep(projectConfig.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";
+    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[noModal.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,
@@ -215,7 +295,7 @@ class Web3Auth extends noModal.Web3AuthNoModal {
     };
   }
   async getProjectAndWalletConfig() {
-    var _this$options$account, _this$modalConfig;
+    var _this$options$account, _this$modalConfig4;
     const [projectConfigResult, walletRegistryResult] = await Promise.allSettled([noModal.fetchProjectConfig({
       clientId: this.options.clientId,
       web3AuthNetwork: this.options.web3AuthNetwork,
@@ -235,7 +315,7 @@ class Web3Auth extends noModal.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 {
@@ -247,25 +327,6 @@ class Web3Auth extends noModal.Web3AuthNoModal {
       walletRegistry
     };
   }
-  initUIConfig(projectConfig) {
-    this.options.uiConfig = deepmerge(noModal.cloneDeep(projectConfig.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";
-    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,
@@ -314,7 +375,7 @@ class Web3Auth extends noModal.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();
@@ -345,7 +406,7 @@ class Web3Auth extends noModal.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[noModal.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[noModal.WALLET_CONNECTORS.AUTH]) {
       if (!this.modalConfig.connectors[noModal.WALLET_CONNECTORS.AUTH].loginMethods) this.modalConfig.connectors[noModal.WALLET_CONNECTORS.AUTH].loginMethods = {};
     }
     const authProviders = new Set(config$1.AUTH_PROVIDERS);
@@ -375,13 +436,13 @@ class Web3Auth extends noModal.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: noModal.CONNECTOR_NAMES[connectorName] || connectorName.split("-").map(config$1.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);
       noModal.log.debug("connector config", connectorName, (_this$modalConfig$con = this.modalConfig.connectors) === null || _this$modalConfig$con === void 0 || (_this$modalConfig$con = _this$modalConfig$con[connectorName]) === null || _this$modalConfig$con === void 0 ? void 0 : _this$modalConfig$con.showOnModal, connector);
@@ -401,9 +462,9 @@ class Web3Auth extends noModal.Web3AuthNoModal {
       }
       // skip WC connector if external wallets are disabled or hideWalletDiscovery is true
       if (connectorName === noModal.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;
@@ -454,12 +515,12 @@ class Web3Auth extends noModal.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 === noModal.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;
           noModal.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) || config$1.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) || config$1.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.cjs/packages/modal/src/providers/ethereum-mpc-provider/index.js

@@ -0,0 +1,12 @@
+'use strict';
+
+var ethereumMpcProvider = require('@web3auth/no-modal/providers/ethereum-mpc-provider');
+
+
+
+Object.keys(ethereumMpcProvider).forEach(function (k) {
+	if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+		enumerable: true,
+		get: function () { return ethereumMpcProvider[k]; }
+	});
+});

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

@@ -0,0 +1,12 @@
+'use strict';
+
+var xrplProvider = require('@web3auth/no-modal/providers/xrpl-provider');
+
+
+
+Object.keys(xrplProvider).forEach(function (k) {
+	if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+		enumerable: true,
+		get: function () { return xrplProvider[k]; }
+	});
+});

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

@@ -6,13 +6,15 @@ var Web3AuthInnerContext = require('./context/Web3AuthInnerContext.js');
 
 function Web3AuthProvider({
   config,
+  initialState,
   children
 }) {
   const pluginChild = /*#__PURE__*/react.createElement(WalletServicesInnerContext.WalletServicesContextProvider, {
     context: Web3AuthInnerContext.Web3AuthInnerContext
   }, children);
   return /*#__PURE__*/react.createElement(Web3AuthInnerContext.Web3AuthInnerProvider, {
-    config
+    config,
+    initialState
   }, pluginChild);
 }
 

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

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

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

@@ -11,11 +11,11 @@ const useIdentityToken = () => {
   const [loading, setLoading] = react.useState(false);
   const [error, setError] = react.useState(null);
   const [token, setToken] = react.useState(null);
-  const authenticateUser = react.useCallback(async () => {
+  const getIdentityToken = react.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);
       }
@@ -35,7 +35,7 @@ const useIdentityToken = () => {
     loading,
     error,
     token,
-    authenticateUser
+    getIdentityToken
   };
 };
 

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

@@ -35,12 +35,28 @@ const useWeb3AuthConnect = () => {
       setLoading(false);
     }
   }, [web3Auth]);
+  const connectTo = react.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.cjs/packages/modal/src/react/wagmi/constants.js

@@ -0,0 +1,16 @@
+'use strict';
+
+var wagmi = require('wagmi');
+var chains = require('wagmi/chains');
+
+const defaultWagmiConfig = wagmi.createConfig({
+  chains: [chains.mainnet],
+  connectors: [],
+  // or your basic wallets
+  ssr: true,
+  transports: {
+    [chains.mainnet.id]: wagmi.http(chains.mainnet.rpcUrls.default.http[0])
+  }
+});
+
+exports.defaultWagmiConfig = defaultWagmiConfig;

package/dist/lib.cjs/packages/modal/src/react/wagmi/provider.js

@@ -28,6 +28,7 @@ require('react-qrcode-logo');
 require('../../ui/components/Login/Login.js');
 var useWeb3Auth = require('../hooks/useWeb3Auth.js');
 var useWeb3AuthDisconnect = require('../hooks/useWeb3AuthDisconnect.js');
+var constants = require('./constants.js');
 
 const _excluded = ["children"];
 const WEB3AUTH_CONNECTOR_ID = "web3auth";
@@ -89,6 +90,9 @@ function Web3AuthWagmiProvider({
     disconnect
   } = useWeb3AuthDisconnect.useWeb3AuthDisconnect();
   const wagmiConfig = wagmi.useConfig();
+  const {
+    reconnect
+  } = wagmi.useReconnect();
   wagmi.useAccountEffect({
     onDisconnect: async () => {
       noModal.log.info("Disconnected from wagmi");
@@ -104,13 +108,14 @@ function Web3AuthWagmiProvider({
           throw new Error("Failed to setup connector");
         }
         await connectWeb3AuthWithWagmi(connector, wagmiConfig);
+        reconnect();
       } else if (!isConnected) {
         if (wagmiConfig.state.status === "connected") {
           await disconnectWeb3AuthFromWagmi(wagmiConfig);
         }
       }
     })();
-  }, [isConnected, wagmiConfig, provider]);
+  }, [isConnected, wagmiConfig, provider, reconnect]);
   return /*#__PURE__*/react.createElement(react.Fragment, null, children);
 }
 function WagmiProvider(_ref) {
@@ -125,8 +130,12 @@ function WagmiProvider(_ref) {
     web3Auth,
     isInitialized
   } = useWeb3Auth.useWeb3Auth();
+  web3Auth === null || web3Auth === void 0 || web3Auth.setAnalyticsProperties({
+    wagmi_enabled: true
+  });
   const finalConfig = react.useMemo(() => {
     var _web3Auth$coreOptions;
+    if (!isInitialized) return constants.defaultWagmiConfig;
     const finalConfig = _objectSpread(_objectSpread({
       ssr: true
     }, config), {}, {
@@ -140,7 +149,8 @@ function WagmiProvider(_ref) {
     if (isInitialized && web3Auth !== null && web3Auth !== void 0 && (_web3Auth$coreOptions = web3Auth.coreOptions) !== null && _web3Auth$coreOptions !== void 0 && _web3Auth$coreOptions.chains) {
       var _web3Auth$currentChai;
       const defaultChainId = (_web3Auth$currentChai = web3Auth.currentChain) === null || _web3Auth$currentChai === void 0 ? void 0 : _web3Auth$currentChai.chainId;
-      const chains = web3Auth.coreOptions.chains;
+      const chains = web3Auth.coreOptions.chains.filter(chain => chain.chainNamespace === noModal.CHAIN_NAMESPACES.EIP155);
+      if (chains.length === 0) throw noModal.WalletInitializationError.invalidParams("No valid chains found in web3auth config for wagmi.");
       chains.forEach(chain => {
         const wagmiChain = viem.defineChain({
           id: Number.parseInt(chain.chainId, 16),
@@ -174,12 +184,8 @@ function WagmiProvider(_ref) {
       });
       finalConfig.chains = [wagmiChains[0], ...wagmiChains.slice(1)];
     }
-    if (!finalConfig.chains) return;
     return wagmi.createConfig(finalConfig);
   }, [config, web3Auth, isInitialized]);
-  // WagmiProviderBase requires a config to initialize
-  // If no config is provided, it will throw an error.
-  if (!finalConfig) return null;
   return /*#__PURE__*/react.createElement(wagmi.WagmiProvider, // typecast to WagmiProviderPropsBase to avoid type error
   // as we are omitting the config prop from WagmiProviderProps
   // and creating a new config object with the finalConfig