@web3auth/modal 10.0.0-beta.9 → 10.0.1-beta.0

package/dist/lib.cjs/packages/modal/src/ui/loginModal.js

@@ -1,17 +1,21 @@
+'use client';
 'use strict';
 
+var _objectSpread = require('@babel/runtime/helpers/objectSpread2');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var jsxRuntime = require('react/jsx-runtime');
 require('./css/index.css.js');
 var auth = require('@web3auth/auth');
 var noModal = require('@web3auth/no-modal');
 var client = require('react-dom/client');
+var utils = require('../utils.js');
 var Widget = require('./components/Widget/Widget.js');
 var constants = require('./constants.js');
+var AnalyticsContext = require('./context/AnalyticsContext.js');
 var ThemeContext = require('./context/ThemeContext.js');
 var interfaces = require('./interfaces.js');
 var localeImport = require('./localeImport.js');
-var utils = require('./utils.js');
+var utils$1 = require('./utils.js');
 
 function createWrapperForModal(parentZIndex) {
   const existingWrapper = document.getElementById("w3a-parent-container");
@@ -39,6 +43,7 @@ class LoginModal {
     _defineProperty(this, "walletRegistry", void 0);
     _defineProperty(this, "callbacks", void 0);
     _defineProperty(this, "externalWalletsConfig", void 0);
+    _defineProperty(this, "analytics", void 0);
     _defineProperty(this, "initModal", async () => {
       const darkState = {
         isDark: this.isDark
@@ -144,17 +149,22 @@ class LoginModal {
         const root = client.createRoot(container);
         root.render(jsxRuntime.jsx(ThemeContext.ThemedContext.Provider, {
           value: darkState,
-          children: jsxRuntime.jsx(Widget, {
-            stateListener: this.stateEmitter,
-            appLogo: darkState.isDark ? this.uiConfig.logoDark : this.uiConfig.logoLight,
-            appName: this.uiConfig.appName,
-            chainNamespaces: this.chainNamespaces,
-            walletRegistry: this.walletRegistry,
-            handleShowExternalWallets: this.handleShowExternalWallets,
-            handleExternalWalletClick: this.handleExternalWalletClick,
-            handleSocialLoginClick: this.handleSocialLoginClick,
-            closeModal: this.closeModal,
-            uiConfig: this.uiConfig
+          children: jsxRuntime.jsx(AnalyticsContext.AnalyticsContext.Provider, {
+            value: {
+              analytics: this.analytics
+            },
+            children: jsxRuntime.jsx(Widget, {
+              stateListener: this.stateEmitter,
+              appLogo: darkState.isDark ? this.uiConfig.logoDark : this.uiConfig.logoLight,
+              appName: this.uiConfig.appName,
+              chainNamespaces: this.chainNamespaces,
+              walletRegistry: this.walletRegistry,
+              handleShowExternalWallets: this.handleShowExternalWallets,
+              handleExternalWalletClick: this.handleExternalWalletClick,
+              handleSocialLoginClick: this.handleSocialLoginClick,
+              closeModal: this.closeModal,
+              uiConfig: this.uiConfig
+            })
           })
         }));
         const isDefaultColors = ((_this$uiConfig = this.uiConfig) === null || _this$uiConfig === void 0 || (_this$uiConfig = _this$uiConfig.theme) === null || _this$uiConfig === void 0 ? void 0 : _this$uiConfig.primary) === constants.DEFAULT_PRIMARY_COLOR && ((_this$uiConfig$theme = this.uiConfig.theme) === null || _this$uiConfig$theme === void 0 ? void 0 : _this$uiConfig$theme.onPrimary) === constants.DEFAULT_ON_PRIMARY_COLOR;
@@ -185,18 +195,26 @@ class LoginModal {
       });
     });
     _defineProperty(this, "open", () => {
+      var _this$analytics, _this$walletRegistry, _this$walletRegistry2;
       this.setState({
         modalVisibility: true
       });
+      (_this$analytics = this.analytics) === null || _this$analytics === void 0 || _this$analytics.track(noModal.ANALYTICS_EVENTS.LOGIN_MODAL_OPENED, _objectSpread(_objectSpread({
+        chain_namespaces: this.chainNamespaces,
+        wallet_registry_count: Object.keys((_this$walletRegistry = this.walletRegistry) === null || _this$walletRegistry === void 0 ? void 0 : _this$walletRegistry.default).length + Object.keys((_this$walletRegistry2 = this.walletRegistry) === null || _this$walletRegistry2 === void 0 ? void 0 : _this$walletRegistry2.others).length,
+        external_wallet_connectors: Object.keys(this.externalWalletsConfig || {})
+      }, noModal.getWhitelabelAnalyticsProperties(this.uiConfig)), utils.getLoginModalAnalyticsProperties(this.uiConfig)));
       if (this.callbacks.onModalVisibility) {
         this.callbacks.onModalVisibility(true);
       }
     });
     _defineProperty(this, "closeModal", () => {
+      var _this$analytics2;
       this.setState({
         modalVisibility: false,
         externalWalletsVisibility: false
       });
+      (_this$analytics2 = this.analytics) === null || _this$analytics2 === void 0 || _this$analytics2.track(noModal.ANALYTICS_EVENTS.LOGIN_MODAL_CLOSED);
       if (this.callbacks.onModalVisibility) {
         this.callbacks.onModalVisibility(false);
       }
@@ -229,11 +247,18 @@ class LoginModal {
       }
     });
     _defineProperty(this, "handleSocialLoginClick", params => {
+      var _this$analytics3;
       noModal.log.info("social login clicked", params);
       const {
         connector,
         loginParams
       } = params;
+      (_this$analytics3 = this.analytics) === null || _this$analytics3 === void 0 || _this$analytics3.track(noModal.ANALYTICS_EVENTS.SOCIAL_LOGIN_SELECTED, {
+        connector,
+        auth_connection: loginParams.authConnection,
+        auth_connection_id: loginParams.authConnectionId,
+        group_auth_connection_id: loginParams.groupedAuthConnectionId
+      });
       if (this.callbacks.onSocialLogin) {
         this.callbacks.onSocialLogin({
           connector,
@@ -278,7 +303,7 @@ class LoginModal {
       listener.on(noModal.CONNECTOR_EVENTS.CONNECTED, data => {
         noModal.log.debug("connected with connector", data);
         // only show success if not being reconnected again.
-        if (!data.reconnected) {
+        if (!data.reconnected && data.loginMode === noModal.LOGIN_MODE.MODAL) {
           this.setState({
             status: interfaces.MODAL_STATUS.CONNECTED,
             modalVisibility: true,
@@ -291,8 +316,9 @@ class LoginModal {
         }
       });
       // TODO: send connector name in error
-      listener.on(noModal.CONNECTOR_EVENTS.ERRORED, error => {
+      listener.on(noModal.CONNECTOR_EVENTS.ERRORED, (error, loginMode) => {
         noModal.log.error("error", error, error.message);
+        if (loginMode === noModal.LOGIN_MODE.NO_MODAL) return;
         if (error.code === 5000) {
           if (this.uiConfig.displayErrorsOnModal) this.setState({
             modalVisibility: true,
@@ -328,7 +354,7 @@ class LoginModal {
     if (!_uiConfig.appName) this.uiConfig.appName = "Web3Auth";
     if (!_uiConfig.loginGridCol) this.uiConfig.loginGridCol = 3;
     if (!_uiConfig.primaryButton) this.uiConfig.primaryButton = "socialLogin";
-    if (!_uiConfig.defaultLanguage) this.uiConfig.defaultLanguage = utils.getUserLanguage(_uiConfig.defaultLanguage);
+    if (!_uiConfig.defaultLanguage) this.uiConfig.defaultLanguage = utils$1.getUserLanguage(_uiConfig.defaultLanguage);
     if (!_uiConfig.widgetType) this.uiConfig.widgetType = noModal.WIDGET_TYPE.MODAL;
     if (_uiConfig.widgetType === noModal.WIDGET_TYPE.EMBED && !_uiConfig.targetId) {
       noModal.log.error("targetId is required for embed widget");
@@ -338,6 +364,7 @@ class LoginModal {
     this.chainNamespaces = _uiConfig.chainNamespaces;
     this.walletRegistry = _uiConfig.walletRegistry;
     this.callbacks = callbacks;
+    this.analytics = _uiConfig.analytics;
     this.subscribeCoreEvents(this.uiConfig.connectorListener);
   }
   get isDark() {

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

@@ -0,0 +1,22 @@
+'use strict';
+
+const getLoginModalAnalyticsProperties = uiConfig => {
+  return {
+    ui_modal_login_methods_order: uiConfig === null || uiConfig === void 0 ? void 0 : uiConfig.loginMethodsOrder,
+    ui_modal_z_index: uiConfig === null || uiConfig === void 0 ? void 0 : uiConfig.modalZIndex,
+    ui_modal_display_errors_on_modal: uiConfig === null || uiConfig === void 0 ? void 0 : uiConfig.displayErrorsOnModal,
+    ui_modal_login_grid_col: uiConfig === null || uiConfig === void 0 ? void 0 : uiConfig.loginGridCol,
+    ui_modal_primary_button: uiConfig === null || uiConfig === void 0 ? void 0 : uiConfig.primaryButton,
+    ui_modal_widget_type: uiConfig === null || uiConfig === void 0 ? void 0 : uiConfig.widgetType,
+    ui_modal_target_id_used: Boolean(uiConfig === null || uiConfig === void 0 ? void 0 : uiConfig.targetId),
+    ui_modal_logo_alignment: uiConfig === null || uiConfig === void 0 ? void 0 : uiConfig.logoAlignment,
+    ui_modal_border_radius_type: uiConfig === null || uiConfig === void 0 ? void 0 : uiConfig.borderRadiusType,
+    ui_modal_button_radius_type: uiConfig === null || uiConfig === void 0 ? void 0 : uiConfig.buttonRadiusType,
+    ui_modal_sign_in_methods: uiConfig === null || uiConfig === void 0 ? void 0 : uiConfig.signInMethods,
+    ui_modal_add_previous_login_hint: uiConfig === null || uiConfig === void 0 ? void 0 : uiConfig.addPreviousLoginHint,
+    ui_modal_display_installed_external_wallets: uiConfig === null || uiConfig === void 0 ? void 0 : uiConfig.displayInstalledExternalWallets,
+    ui_modal_display_external_wallets_count: uiConfig === null || uiConfig === void 0 ? void 0 : uiConfig.displayExternalWalletsCount
+  };
+};
+
+exports.getLoginModalAnalyticsProperties = getLoginModalAnalyticsProperties;

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

@@ -46,6 +46,9 @@ const Web3AuthProvider = vue.defineComponent({
         web3AuthOptions
       } = newConfig;
       const web3AuthInstance = new modalManager.Web3Auth(web3AuthOptions);
+      web3AuthInstance.setAnalyticsProperties({
+        integration_type: noModal.ANALYTICS_INTEGRATION_TYPE.VUE_COMPOSABLES
+      });
       web3Auth.value = web3AuthInstance;
     }, {
       immediate: true
@@ -60,7 +63,7 @@ const Web3AuthProvider = vue.defineComponent({
         try {
           initError.value = null;
           isInitializing.value = true;
-          await newWeb3Auth.initModal({
+          await newWeb3Auth.init({
             signal: controller.signal
           });
         } catch (error) {
@@ -99,7 +102,11 @@ const Web3AuthProvider = vue.defineComponent({
         status.value = web3Auth.value.status;
       };
       const errorListener = () => {
-        status.value = noModal.CONNECTOR_EVENTS.ERRORED;
+        status.value = web3Auth.value.status;
+        if (isConnected.value) {
+          isConnected.value = false;
+          provider.value = null;
+        }
       };
       const mfaEnabledListener = () => {
         isMFAEnabled.value = true;
@@ -112,6 +119,7 @@ const Web3AuthProvider = vue.defineComponent({
         prevWeb3Auth.off(noModal.CONNECTOR_EVENTS.DISCONNECTED, disconnectedListener);
         prevWeb3Auth.off(noModal.CONNECTOR_EVENTS.CONNECTING, connectingListener);
         prevWeb3Auth.off(noModal.CONNECTOR_EVENTS.ERRORED, errorListener);
+        prevWeb3Auth.off(noModal.CONNECTOR_EVENTS.REHYDRATION_ERROR, errorListener);
         prevWeb3Auth.off(noModal.CONNECTOR_EVENTS.MFA_ENABLED, mfaEnabledListener);
       }
       if (newWeb3Auth && newWeb3Auth !== prevWeb3Auth) {
@@ -123,6 +131,7 @@ const Web3AuthProvider = vue.defineComponent({
         newWeb3Auth.on(noModal.CONNECTOR_EVENTS.DISCONNECTED, disconnectedListener);
         newWeb3Auth.on(noModal.CONNECTOR_EVENTS.CONNECTING, connectingListener);
         newWeb3Auth.on(noModal.CONNECTOR_EVENTS.ERRORED, errorListener);
+        newWeb3Auth.on(noModal.CONNECTOR_EVENTS.REHYDRATION_ERROR, errorListener);
         newWeb3Auth.on(noModal.CONNECTOR_EVENTS.MFA_ENABLED, mfaEnabledListener);
       }
     }, {

package/dist/lib.cjs/packages/modal/src/vue/composables/useIdentityToken.js

@@ -12,12 +12,12 @@ const useIdentityToken = () => {
   const loading = vue.ref(false);
   const error = vue.ref(null);
   const token = vue.ref(null);
-  const authenticateUser = async () => {
+  const getIdentityToken = async () => {
     try {
       if (!web3Auth.value) throw noModal.WalletInitializationError.notReady();
       error.value = null;
       loading.value = true;
-      const result = await web3Auth.value.authenticateUser();
+      const result = await web3Auth.value.getIdentityToken();
       if (result !== null && result !== void 0 && result.idToken) {
         token.value = result.idToken;
       }
@@ -37,7 +37,7 @@ const useIdentityToken = () => {
     loading,
     error,
     token,
-    authenticateUser
+    getIdentityToken
   };
 };
 

package/dist/lib.cjs/packages/modal/src/vue/composables/useManageMFA.js

@@ -15,7 +15,7 @@ const useManageMFA = () => {
       if (!web3Auth.value) throw noModal.WalletInitializationError.notReady();
       error.value = null;
       loading.value = true;
-      await web3Auth.value.enableMFA();
+      await web3Auth.value.manageMFA();
     } catch (err) {
       error.value = err;
     } finally {

package/dist/lib.cjs/packages/modal/src/vue/composables/useWeb3AuthConnect.js

@@ -38,12 +38,28 @@ const useWeb3AuthConnect = () => {
       loading.value = false;
     }
   };
+  const connectTo = async (connectorType, loginParams) => {
+    try {
+      if (!web3Auth.value) throw noModal.WalletInitializationError.notReady();
+      error.value = null;
+      loading.value = true;
+      const localProvider = await web3Auth.value.connectTo(connectorType, loginParams);
+      connectorName.value = web3Auth.value.connectedConnectorName;
+      return localProvider;
+    } catch (err) {
+      error.value = err;
+      return null;
+    } finally {
+      loading.value = false;
+    }
+  };
   return {
     isConnected,
     loading,
     error,
     connectorName,
-    connect
+    connect,
+    connectTo
   };
 };
 

package/dist/lib.cjs/packages/modal/src/vue/solana/composables/useSolanaWallet.js

@@ -14,30 +14,33 @@ const useSolanaWallet = () => {
   const accounts = vue.ref([]);
   const solanaWallet = vue.shallowRef(null);
   const connection = vue.shallowRef(null);
-  vue.watch(provider, async newVal => {
-    var _web3Auth$value, _accounts$value;
+  const setupWallet = async () => {
+    var _web3Auth$value, _web3Auth$value2;
     if (!((_web3Auth$value = web3Auth.value) !== null && _web3Auth$value !== void 0 && (_web3Auth$value = _web3Auth$value.currentChain) !== null && _web3Auth$value !== void 0 && _web3Auth$value.chainNamespace) || web3Auth.value.currentChain.chainNamespace !== noModal.CHAIN_NAMESPACES.SOLANA) {
       return;
     }
+    solanaWallet.value = new noModal.SolanaWallet(provider.value);
+    const result = await solanaWallet.value.getAccounts();
+    if ((result === null || result === void 0 ? void 0 : result.length) > 0) {
+      accounts.value = result;
+    }
+    connection.value = new web3_js.Connection((_web3Auth$value2 = web3Auth.value) === null || _web3Auth$value2 === void 0 || (_web3Auth$value2 = _web3Auth$value2.currentChain) === null || _web3Auth$value2 === void 0 ? void 0 : _web3Auth$value2.rpcTarget);
+  };
+  if (provider.value && !solanaWallet.value) {
+    setupWallet();
+  }
+  vue.watch(provider, async newVal => {
     if (!newVal && solanaWallet.value) {
       solanaWallet.value = null;
       accounts.value = null;
       connection.value = null;
       return;
     }
-    if (!solanaWallet.value) {
-      solanaWallet.value = new noModal.SolanaWallet(newVal);
-    }
-    if (solanaWallet.value && ((_accounts$value = accounts.value) === null || _accounts$value === void 0 ? void 0 : _accounts$value.length) === 0) {
-      const result = await solanaWallet.value.requestAccounts();
-      if ((result === null || result === void 0 ? void 0 : result.length) > 0) {
-        accounts.value = result;
-      }
-    }
-    if (solanaWallet.value && !connection.value) {
-      var _web3Auth$value2;
-      connection.value = new web3_js.Connection((_web3Auth$value2 = web3Auth.value) === null || _web3Auth$value2 === void 0 || (_web3Auth$value2 = _web3Auth$value2.currentChain) === null || _web3Auth$value2 === void 0 ? void 0 : _web3Auth$value2.rpcTarget);
+    if (newVal && !solanaWallet.value) {
+      setupWallet();
     }
+  }, {
+    immediate: true
   });
   return {
     solanaWallet,

package/dist/lib.cjs/packages/modal/src/vue/wagmi/constants.js

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

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

@@ -4,12 +4,14 @@ var _objectSpread = require('@babel/runtime/helpers/objectSpread2');
 var core = require('@wagmi/core');
 var vue$1 = require('@wagmi/vue');
 var connectors = require('@wagmi/vue/connectors');
+var auth = require('@web3auth/auth');
 var noModal = require('@web3auth/no-modal');
 var viem = require('viem');
 var vue = require('vue');
 require('@web3auth/no-modal/vue');
 var useWeb3Auth = require('../composables/useWeb3Auth.js');
 var useWeb3AuthDisconnect = require('../composables/useWeb3AuthDisconnect.js');
+var constants = require('./constants.js');
 
 const WEB3AUTH_CONNECTOR_ID = "web3auth";
 // Helper to initialize connectors for the given wallets
@@ -70,6 +72,9 @@ const Web3AuthWagmiProvider = vue.defineComponent({
       disconnect
     } = useWeb3AuthDisconnect.useWeb3AuthDisconnect();
     const wagmiConfig = vue$1.useConfig();
+    const {
+      reconnect
+    } = vue$1.useReconnect();
     vue$1.useAccountEffect({
       onDisconnect: async () => {
         noModal.log.info("Disconnected from wagmi");
@@ -84,6 +89,7 @@ const Web3AuthWagmiProvider = vue.defineComponent({
           throw new Error("Failed to setup connector");
         }
         await connectWeb3AuthWithWagmi(connector, wagmiConfig);
+        reconnect();
       } else if (!newIsConnected) {
         if (wagmiConfig.state.status === "connected") {
           await disconnectWeb3AuthFromWagmi(wagmiConfig);
@@ -133,7 +139,8 @@ const WagmiProvider = vue.defineComponent({
       web3Auth,
       isInitialized
     } = useWeb3Auth.useWeb3Auth();
-    const finalConfig = vue.shallowRef(null);
+    const finalConfig = vue.shallowRef(constants.defaultWagmiConfig);
+    const configKey = vue.ref(auth.randomId());
     const defineWagmiConfig = () => {
       var _web3Auth$value;
       const configParams = _objectSpread(_objectSpread({
@@ -149,7 +156,8 @@ const WagmiProvider = vue.defineComponent({
       if (isInitialized.value && web3Auth !== null && web3Auth !== void 0 && (_web3Auth$value = web3Auth.value) !== null && _web3Auth$value !== void 0 && (_web3Auth$value = _web3Auth$value.coreOptions) !== null && _web3Auth$value !== void 0 && _web3Auth$value.chains) {
         var _web3Auth$value$curre;
         const defaultChainId = (_web3Auth$value$curre = web3Auth.value.currentChain) === null || _web3Auth$value$curre === void 0 ? void 0 : _web3Auth$value$curre.chainId;
-        const chains = web3Auth.value.coreOptions.chains;
+        const chains = web3Auth.value.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),
@@ -183,29 +191,40 @@ const WagmiProvider = vue.defineComponent({
         });
         configParams.chains = [wagmiChains[0], ...wagmiChains.slice(1)];
       }
-      if (!configParams.chains) return;
       return vue$1.createConfig(configParams);
     };
-    vue.watch(isInitialized, newIsInitialized => {
-      if (newIsInitialized && !finalConfig.value) {
+    const hydrateWagmiConfig = () => {
+      if (finalConfig.value) {
+        core.hydrate(finalConfig.value, _objectSpread({
+          reconnectOnMount: false
+        }, props.config));
+      }
+    };
+    vue.watch(isInitialized, (newIsInitialized, prevIsInitialized) => {
+      var _web3Auth$value2;
+      (_web3Auth$value2 = web3Auth.value) === null || _web3Auth$value2 === void 0 || _web3Auth$value2.setAnalyticsProperties({
+        wagmi_enabled: true
+      });
+      if (newIsInitialized && !prevIsInitialized) {
         finalConfig.value = defineWagmiConfig();
-        if (finalConfig.value) {
-          core.hydrate(finalConfig.value, _objectSpread({
-            reconnectOnMount: false
-          }, props.config));
-        }
+        hydrateWagmiConfig();
+        configKey.value = auth.randomId();
       }
     }, {
       immediate: true
     });
+    if (!isInitialized.value) {
+      hydrateWagmiConfig();
+    }
     return {
-      finalConfig
+      finalConfig,
+      configKey
     };
   },
   render() {
-    if (!this.finalConfig) return null;
     return vue.h(Web3AuthWagmiInnerProvider, {
-      config: this.finalConfig
+      config: this.finalConfig,
+      key: this.configKey
     }, {
       default: () => {
         var _this$$slots$default3, _this$$slots;

package/dist/lib.cjs/types/connectors/coinbase-connector/index.d.ts

@@ -0,0 +1 @@
+export * from "@web3auth/no-modal/connectors/coinbase-connector";

package/dist/lib.cjs/types/interface.d.ts

@@ -7,8 +7,5 @@ export interface ConnectorsModalConfig {
     hideWalletDiscovery?: boolean;
 }
 export interface IWeb3AuthModal extends IWeb3Auth {
-    initModal(options?: {
-        signal?: AbortSignal;
-    }): Promise<void>;
     connect(): Promise<IProvider | null>;
 }

package/dist/lib.cjs/types/modalManager.d.ts

@@ -1,4 +1,4 @@
-import { type IProvider, type IWeb3AuthCoreOptions, Web3AuthNoModal } from "@web3auth/no-modal";
+import { type IProvider, type IWeb3AuthCoreOptions, IWeb3AuthState, type ProjectConfig, Web3AuthNoModal } from "@web3auth/no-modal";
 import { type ConnectorsModalConfig, type IWeb3AuthModal } from "./interface";
 import { LoginModal, type UIConfig } from "./ui";
 export interface Web3AuthOptions extends IWeb3AuthCoreOptions {
@@ -15,14 +15,15 @@ export declare class Web3Auth extends Web3AuthNoModal implements IWeb3AuthModal
     loginModal: LoginModal;
     readonly options: Web3AuthOptions;
     private modalConfig;
-    constructor(options: Web3AuthOptions);
-    initModal(options?: {
+    constructor(options: Web3AuthOptions, initialState?: IWeb3AuthState);
+    init(options?: {
         signal?: AbortSignal;
     }): Promise<void>;
     connect(): Promise<IProvider | null>;
+    protected initUIConfig(projectConfig: ProjectConfig): void;
+    protected getInitializationTrackData(): Record<string, unknown>;
     private filterWalletRegistry;
     private getProjectAndWalletConfig;
-    private initUIConfig;
     private initConnectors;
     private filterConnectors;
     private checkConnectorAvailability;

package/dist/lib.cjs/types/providers/ethereum-mpc-provider/index.d.ts

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

package/dist/lib.cjs/types/providers/xrpl-provider/index.d.ts

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

package/dist/lib.cjs/types/react/Web3AuthProvider.d.ts

@@ -1,3 +1,3 @@
 import { PropsWithChildren } from "react";
 import { Web3AuthProviderProps } from "./interfaces";
-export declare function Web3AuthProvider({ config, children }: PropsWithChildren<Web3AuthProviderProps>): import("react").FunctionComponentElement<PropsWithChildren<Web3AuthProviderProps>>;
+export declare function Web3AuthProvider({ config, initialState, children }: PropsWithChildren<Web3AuthProviderProps>): import("react").FunctionComponentElement<PropsWithChildren<Web3AuthProviderProps>>;

package/dist/lib.cjs/types/react/hooks/useIdentityToken.d.ts

@@ -3,11 +3,11 @@ export interface IUseIdentityToken {
     loading: boolean;
     error: Web3AuthError | null;
     token: string | null;
-    authenticateUser: () => Promise<string | null>;
+    getIdentityToken: () => Promise<string | null>;
 }
 export declare const useIdentityToken: () => {
     loading: boolean;
     error: Web3AuthError;
     token: string;
-    authenticateUser: () => Promise<string>;
+    getIdentityToken: () => Promise<string>;
 };

package/dist/lib.cjs/types/react/hooks/useWeb3AuthConnect.d.ts

@@ -1,9 +1,10 @@
-import type { IProvider, WALLET_CONNECTOR_TYPE, Web3AuthError } from "@web3auth/no-modal";
+import type { IProvider, LoginParamMap, WALLET_CONNECTOR_TYPE, Web3AuthError } from "@web3auth/no-modal";
 export interface IUseWeb3AuthConnect {
     isConnected: boolean;
     loading: boolean;
     error: Web3AuthError | null;
     connectorName: WALLET_CONNECTOR_TYPE | null;
     connect(): Promise<IProvider | null>;
+    connectTo<T extends WALLET_CONNECTOR_TYPE>(connector: T, params?: LoginParamMap[T]): Promise<IProvider | null>;
 }
 export declare const useWeb3AuthConnect: () => IUseWeb3AuthConnect;

package/dist/lib.cjs/types/react/interfaces.d.ts

@@ -1,10 +1,11 @@
-import type { IBaseWeb3AuthHookContext, WalletServicesPluginType } from "@web3auth/no-modal";
+import type { IBaseWeb3AuthHookContext, IWeb3AuthState, WalletServicesPluginType } from "@web3auth/no-modal";
 import type { Web3Auth, Web3AuthOptions } from "../modalManager";
 export type Web3AuthContextConfig = {
     web3AuthOptions: Web3AuthOptions;
 };
 export interface Web3AuthProviderProps {
     config: Web3AuthContextConfig;
+    initialState?: IWeb3AuthState;
 }
 export interface IWeb3AuthInnerContext extends IBaseWeb3AuthHookContext {
     web3Auth: Web3Auth | null;

package/dist/lib.cjs/types/react/wagmi/constants.d.ts

@@ -0,0 +1,43 @@
+export declare const defaultWagmiConfig: import("wagmi").Config<readonly [{
+    blockExplorers: {
+        readonly default: {
+            readonly name: "Etherscan";
+            readonly url: "https://etherscan.io";
+            readonly apiUrl: "https://api.etherscan.io/api";
+        };
+    };
+    contracts: {
+        readonly ensRegistry: {
+            readonly address: "0x00000000000C2E074eC69A0dFb2997BA6C7d2e1e";
+        };
+        readonly ensUniversalResolver: {
+            readonly address: "0xce01f8eee7E479C928F8919abD53E553a36CeF67";
+            readonly blockCreated: 19258213;
+        };
+        readonly multicall3: {
+            readonly address: "0xca11bde05977b3631167028862be2a173976ca11";
+            readonly blockCreated: 14353601;
+        };
+    };
+    ensTlds?: readonly string[] | undefined;
+    id: 1;
+    name: "Ethereum";
+    nativeCurrency: {
+        readonly name: "Ether";
+        readonly symbol: "ETH";
+        readonly decimals: 18;
+    };
+    rpcUrls: {
+        readonly default: {
+            readonly http: readonly ["https://eth.merkle.io"];
+        };
+    };
+    sourceId?: number | undefined | undefined;
+    testnet?: boolean | undefined | undefined;
+    custom?: Record<string, unknown> | undefined;
+    fees?: import("viem").ChainFees<undefined> | undefined;
+    formatters?: undefined;
+    serializers?: import("viem").ChainSerializers<undefined, import("viem").TransactionSerializable> | undefined;
+}], {
+    1: import("viem").HttpTransport<undefined, false>;
+}, readonly []>;

package/dist/lib.cjs/types/ui/context/AnalyticsContext.d.ts

@@ -0,0 +1,4 @@
+import { type Analytics } from "@web3auth/no-modal";
+export declare const AnalyticsContext: import("react").Context<{
+    analytics?: Analytics;
+}>;

package/dist/lib.cjs/types/ui/interfaces.d.ts

@@ -1,5 +1,5 @@
 import type { AUTH_CONNECTION_TYPE, BUILD_ENV_TYPE, EMAIL_FLOW_TYPE, ExtraLoginOptions, LANGUAGES, SafeEventEmitter, THEME_MODE_TYPE, WEB3AUTH_NETWORK_TYPE } from "@web3auth/auth";
-import { type AuthLoginParams, type BaseConnectorConfig, type ChainNamespaceType, type LoginMethodConfig, type LoginModalConfig, type UIConfig as CoreUIConfig, type WALLET_CONNECTOR_TYPE, type WalletRegistry, type WalletRegistryItem, type Web3AuthNoModalEvents } from "@web3auth/no-modal";
+import { type Analytics, type AuthLoginParams, type BaseConnectorConfig, type ChainNamespaceType, type LoginMethodConfig, type LoginModalConfig, type UIConfig as CoreUIConfig, type WALLET_CONNECTOR_TYPE, type WalletRegistry, type WalletRegistryItem, type Web3AuthNoModalEvents } from "@web3auth/no-modal";
 export interface UIConfig extends CoreUIConfig, LoginModalConfig {
     /**
      * ID of the element to embed the widget into
@@ -38,7 +38,7 @@ export interface UIConfig extends CoreUIConfig, LoginModalConfig {
     primaryButton?: "externalLogin" | "socialLogin" | "emailLogin";
     connectorListener: SafeEventEmitter<Web3AuthNoModalEvents>;
 }
-export type ModalLoginParams = Pick<AuthLoginParams, "authConnection" | "authConnectionId" | "groupedAuthConnectionId" | "login_hint" | "extraLoginOptions"> & {
+export type ModalLoginParams = Pick<AuthLoginParams, "authConnection" | "authConnectionId" | "groupedAuthConnectionId" | "loginHint" | "extraLoginOptions"> & {
     name: string;
 };
 export interface LoginModalProps extends UIConfig {
@@ -47,6 +47,7 @@ export interface LoginModalProps extends UIConfig {
     web3authClientId: string;
     web3authNetwork: WEB3AUTH_NETWORK_TYPE;
     authBuildEnv: BUILD_ENV_TYPE;
+    analytics: Analytics;
 }
 export interface LoginModalCallbacks {
     onInitExternalWallets: (params: {
@@ -117,6 +118,7 @@ export type ExternalButton = {
     displayName?: string;
     href?: string;
     icon?: string;
+    isInstalled?: boolean;
     hasInjectedWallet: boolean;
     hasWalletConnect: boolean;
     hasInstallLinks: boolean;

package/dist/lib.cjs/types/ui/loginModal.d.ts

@@ -8,6 +8,7 @@ export declare class LoginModal {
     private walletRegistry;
     private callbacks;
     private externalWalletsConfig;
+    private analytics;
     constructor(uiConfig: LoginModalProps, callbacks: LoginModalCallbacks);
     get isDark(): boolean;
     initModal: () => Promise<void>;