@web3auth/modal 10.15.0 → 11.0.0-beta.0

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

@@ -1,5 +1,6 @@
-import { ANALYTICS_INTEGRATION_TYPE, log, CONNECTOR_EVENTS, Web3AuthContextKey, CONNECTOR_STATUS, WalletInitializationError } from '@web3auth/no-modal';
-import { defineComponent, h, shallowRef, ref, watch, provide } from 'vue';
+import { Web3AuthContextKey } from '@web3auth/no-modal';
+import { useWeb3AuthInnerContextValue } from '@web3auth/no-modal/vue';
+import { defineComponent, h, shallowRef, provide } from 'vue';
 import { Web3Auth } from '../modalManager.js';
 import { WalletServicesInnerProvider } from './WalletServicesInnerProvider.js';
 
@@ -12,181 +13,13 @@ const Web3AuthProvider = defineComponent({
     }
   },
   setup(props) {
-    const web3Auth = shallowRef(null);
-    const provider = ref(null);
-    const isMFAEnabled = ref(false);
-    const status = ref(null);
-    const isAuthorized = ref(false);
-    const chainId = ref(null);
-    const chainNamespace = ref(null);
-    const isInitializing = ref(false);
-    const initError = ref(null);
-    const isInitialized = ref(false);
-    const isConnected = ref(false);
-    const getPlugin = name => {
-      if (!web3Auth.value) throw WalletInitializationError.notReady();
-      return web3Auth.value.getPlugin(name);
-    };
-    const setIsMFAEnabled = isMfaEnabled => {
-      isMFAEnabled.value = isMfaEnabled;
-    };
-    watch(() => props.config, (newConfig, _, onInvalidate) => {
-      const resetHookState = () => {
-        provider.value = null;
-        isMFAEnabled.value = false;
-        isConnected.value = false;
-        isAuthorized.value = false;
-        status.value = null;
-        chainId.value = null;
-        chainNamespace.value = null;
-      };
-      onInvalidate(() => {
-        if (web3Auth.value) {
-          web3Auth.value.cleanup();
-        }
-      });
-      resetHookState();
-      const {
-        web3AuthOptions
-      } = newConfig;
-      const web3AuthInstance = new Web3Auth(web3AuthOptions);
-      web3AuthInstance.setAnalyticsProperties({
-        integration_type: ANALYTICS_INTEGRATION_TYPE.VUE_COMPOSABLES
-      });
-      web3Auth.value = web3AuthInstance;
-    }, {
-      immediate: true
-    });
-    watch(web3Auth, async (newWeb3Auth, _, onInvalidate) => {
-      const controller = new AbortController();
-
-      // Invalidate the controller here before calling any async methods.
-      onInvalidate(() => {
-        controller.abort();
-      });
-      if (newWeb3Auth) {
-        try {
-          initError.value = null;
-          isInitializing.value = true;
-          await newWeb3Auth.init({
-            signal: controller.signal
-          });
-        } catch (error) {
-          log.error("Error initializing web3auth", error);
-          initError.value = error;
-        } finally {
-          isInitializing.value = false;
-        }
-      }
-    }, {
-      immediate: true
-    });
-    watch(web3Auth, (newWeb3Auth, prevWeb3Auth) => {
-      const notReadyListener = () => {
-        status.value = web3Auth.value.status;
-      };
-      const readyListener = () => {
-        status.value = web3Auth.value.status;
-        isInitialized.value = true;
-      };
-      const connectedListener = () => {
-        status.value = web3Auth.value.status;
-        // we do this because of rehydration issues. status connected is fired first but web3auth sdk is not ready yet.
-        if (web3Auth.value.status === CONNECTOR_STATUS.CONNECTED) {
-          var _currentChain$chainNa, _currentChain;
-          if (!isInitialized.value) isInitialized.value = true;
-          isConnected.value = true;
-          provider.value = newWeb3Auth.provider;
-          chainId.value = web3Auth.value.currentChainId;
-          chainNamespace.value = (_currentChain$chainNa = (_currentChain = web3Auth.value.currentChain) === null || _currentChain === void 0 ? void 0 : _currentChain.chainNamespace) !== null && _currentChain$chainNa !== void 0 ? _currentChain$chainNa : null;
-        }
-      };
-      const disconnectedListener = () => {
-        status.value = web3Auth.value.status;
-        isConnected.value = false;
-        provider.value = null;
-        isMFAEnabled.value = false;
-        isAuthorized.value = false;
-      };
-      const connectingListener = () => {
-        status.value = web3Auth.value.status;
-      };
-      const errorListener = () => {
-        status.value = web3Auth.value.status;
-      };
-      const authorizedListener = () => {
-        status.value = web3Auth.value.status;
-        if (web3Auth.value.status === CONNECTOR_STATUS.AUTHORIZED) {
-          isConnected.value = true;
-          isAuthorized.value = true;
-        }
-      };
-      const mfaEnabledListener = () => {
-        isMFAEnabled.value = true;
-      };
-
-      // unregister previous listeners
-      if (prevWeb3Auth && newWeb3Auth !== prevWeb3Auth) {
-        prevWeb3Auth.removeListener(CONNECTOR_EVENTS.NOT_READY, notReadyListener);
-        prevWeb3Auth.removeListener(CONNECTOR_EVENTS.READY, readyListener);
-        prevWeb3Auth.removeListener(CONNECTOR_EVENTS.CONNECTED, connectedListener);
-        prevWeb3Auth.removeListener(CONNECTOR_EVENTS.AUTHORIZED, authorizedListener);
-        prevWeb3Auth.removeListener(CONNECTOR_EVENTS.DISCONNECTED, disconnectedListener);
-        prevWeb3Auth.removeListener(CONNECTOR_EVENTS.CONNECTING, connectingListener);
-        prevWeb3Auth.removeListener(CONNECTOR_EVENTS.ERRORED, errorListener);
-        prevWeb3Auth.removeListener(CONNECTOR_EVENTS.REHYDRATION_ERROR, errorListener);
-        prevWeb3Auth.removeListener(CONNECTOR_EVENTS.MFA_ENABLED, mfaEnabledListener);
-      }
-      if (newWeb3Auth && newWeb3Auth !== prevWeb3Auth) {
-        status.value = newWeb3Auth.status;
-        // web3Auth is initialized here.
-        newWeb3Auth.on(CONNECTOR_EVENTS.NOT_READY, notReadyListener);
-        newWeb3Auth.on(CONNECTOR_EVENTS.READY, readyListener);
-        newWeb3Auth.on(CONNECTOR_EVENTS.CONNECTED, connectedListener);
-        newWeb3Auth.on(CONNECTOR_EVENTS.AUTHORIZED, authorizedListener);
-        newWeb3Auth.on(CONNECTOR_EVENTS.DISCONNECTED, disconnectedListener);
-        newWeb3Auth.on(CONNECTOR_EVENTS.CONNECTING, connectingListener);
-        newWeb3Auth.on(CONNECTOR_EVENTS.ERRORED, errorListener);
-        newWeb3Auth.on(CONNECTOR_EVENTS.REHYDRATION_ERROR, errorListener);
-        newWeb3Auth.on(CONNECTOR_EVENTS.MFA_ENABLED, mfaEnabledListener);
-      }
-    }, {
-      immediate: true
-    });
-
-    // Listen for chain changes on the provider
-    watch(provider, (newProvider, prevProvider) => {
-      const handleChainChange = newChainId => {
-        var _web3Auth$value$curre, _web3Auth$value;
-        chainId.value = newChainId;
-        chainNamespace.value = (_web3Auth$value$curre = (_web3Auth$value = web3Auth.value) === null || _web3Auth$value === void 0 || (_web3Auth$value = _web3Auth$value.currentChain) === null || _web3Auth$value === void 0 ? void 0 : _web3Auth$value.chainNamespace) !== null && _web3Auth$value$curre !== void 0 ? _web3Auth$value$curre : null;
-      };
-
-      // unregister previous listener
-      if (prevProvider && newProvider !== prevProvider) {
-        prevProvider.removeListener("chainChanged", handleChainChange);
-      }
-      if (newProvider && newProvider !== prevProvider) {
-        newProvider.on("chainChanged", handleChainChange);
-      }
-    }, {
-      immediate: true
-    });
-    provide(Web3AuthContextKey, {
-      web3Auth,
-      isConnected,
-      isAuthorized,
-      isInitialized,
-      provider,
-      status,
-      isInitializing,
-      initError,
-      isMFAEnabled,
-      chainId,
-      chainNamespace,
-      getPlugin,
-      setIsMFAEnabled
+    const value = useWeb3AuthInnerContextValue({
+      Web3AuthConstructor: Web3Auth,
+      watchSource: () => props.config,
+      getWeb3AuthOptions: config => config.web3AuthOptions,
+      createConnectionRef: () => shallowRef(null)
     });
+    provide(Web3AuthContextKey, value);
   },
   render() {
     var _this$$slots$default;

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

@@ -1,57 +1,55 @@
 import { WalletInitializationError, log } from '@web3auth/no-modal';
+import { useWeb3AuthConnect as useWeb3AuthConnect$1 } from '@web3auth/no-modal/vue';
 import { ref, watch } from 'vue';
 import { useWeb3AuthInner } from './useWeb3AuthInner.js';
 
 const useWeb3AuthConnect = () => {
   const {
-    web3Auth,
-    isConnected
+    web3Auth
   } = useWeb3AuthInner();
+  // Web3AuthModal extends the NoModal class, so we can use the same composable
+  const {
+    isConnected,
+    loading: sharedLoading,
+    error: sharedError,
+    connectorName,
+    connect: sharedConnectTo
+  } = useWeb3AuthConnect$1();
   const loading = ref(false);
   const error = ref(null);
-  const connectorName = ref(null);
-  watch(isConnected, newVal => {
-    if (!newVal && connectorName.value) {
-      connectorName.value = null;
-    }
-    if (newVal && !connectorName.value) {
-      var _web3Auth$value;
-      connectorName.value = (_web3Auth$value = web3Auth.value) === null || _web3Auth$value === void 0 ? void 0 : _web3Auth$value.connectedConnectorName;
-    }
+  const connectLoading = ref(false);
+  const connectError = ref(null);
+  const activeFlow = ref(null);
+  watch([connectLoading, sharedLoading], ([newConnectLoading, newSharedLoading]) => {
+    loading.value = newConnectLoading || newSharedLoading;
+  }, {
+    immediate: true
+  });
+  watch([activeFlow, connectError, sharedError], ([newActiveFlow, newConnectError, newSharedError]) => {
+    error.value = newActiveFlow === "connect" ? newConnectError : newSharedError;
   }, {
     immediate: true
   });
   const connect = async () => {
     try {
+      activeFlow.value = "connect";
       if (!web3Auth.value) throw WalletInitializationError.notReady();
-      error.value = null;
-      loading.value = true;
+      connectError.value = null;
+      connectLoading.value = true;
       const localProvider = await web3Auth.value.connect();
-      connectorName.value = web3Auth.value.connectedConnectorName;
       return localProvider;
     } catch (err) {
       log.error("Error connecting", err);
-      error.value = err;
+      connectError.value = err;
       return null;
     } finally {
-      loading.value = false;
+      connectLoading.value = false;
     }
   };
   const connectTo = async (connectorType, loginParams) => {
-    try {
-      if (!web3Auth.value) throw 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) {
-      log.error("Error connecting to", err);
-      error.value = err;
-      return null;
-    } finally {
-      loading.value = false;
-    }
+    activeFlow.value = "connectTo";
+    connectError.value = null;
+    return sharedConnectTo(connectorType, loginParams);
   };
   return {
     isConnected,

package/dist/lib.esm/packages/modal/src/vue/composables/useWeb3AuthInner.js

@@ -1,10 +1,7 @@
-import { Web3AuthContextKey, WalletInitializationError } from '@web3auth/no-modal';
-import { inject } from 'vue';
+import { useInjectedWeb3AuthInnerContext } from '@web3auth/no-modal/vue';
 
 const useWeb3AuthInner = () => {
-  const context = inject(Web3AuthContextKey);
-  if (!context) throw WalletInitializationError.fromCode(1000, "usage of `useWeb3Auth` not wrapped in `Web3AuthProvider`.");
-  return context;
+  return useInjectedWeb3AuthInnerContext();
 };
 
 export { useWeb3AuthInner };

package/dist/lib.esm/packages/modal/src/vue/index.js

@@ -1,17 +1,4 @@
-export { useChain } from './composables/useChain.js';
-export { useCheckout } from './composables/useCheckout.js';
-export { useEnableMFA } from './composables/useEnableMFA.js';
-export { useFunding } from './composables/useFunding.js';
-export { useIdentityToken } from './composables/useIdentityToken.js';
-export { useManageMFA } from './composables/useManageMFA.js';
-export { useReceive } from './composables/useReceive.js';
-export { useSwap } from './composables/useSwap.js';
-export { useSwitchChain } from './composables/useSwitchChain.js';
-export { useWalletConnectScanner } from './composables/useWalletConnectScanner.js';
-export { useWalletServicesPlugin } from './composables/useWalletServicesPlugin.js';
-export { useWalletUI } from './composables/useWalletUI.js';
 export { useWeb3Auth } from './composables/useWeb3Auth.js';
 export { useWeb3AuthConnect } from './composables/useWeb3AuthConnect.js';
-export { useWeb3AuthDisconnect } from './composables/useWeb3AuthDisconnect.js';
-export { useWeb3AuthUser } from './composables/useWeb3AuthUser.js';
+export { useAuthTokenInfo, useChain, useCheckout, useEnableMFA, useFunding, useManageMFA, useReceive, useSwap, useSwitchChain, useWalletConnectScanner, useWalletServicesPlugin, useWalletUI, useWeb3AuthDisconnect, useWeb3AuthUser } from '@web3auth/no-modal/vue';
 export { Web3AuthProvider } from './Web3AuthProvider.js';

package/dist/lib.esm/packages/modal/src/vue/solana/index.js

@@ -1,4 +1 @@
-export { useSignAndSendTransaction } from './composables/useSignAndSendTransaction.js';
-export { useSignMessage } from './composables/useSignMessage.js';
-export { useSignTransaction } from './composables/useSignTransaction.js';
-export { useSolanaWallet } from './composables/useSolanaWallet.js';
+export { SOLANA_CLIENT_KEY, SolanaProvider, useSignAndSendTransaction, useSignMessage, useSignTransaction, useSolanaClient, useSolanaWallet } from '@web3auth/no-modal/vue/solana';

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

@@ -1,14 +1,13 @@
 import _objectSpread from '@babel/runtime/helpers/objectSpread2';
 import { hydrate } from '@wagmi/core';
-import { useConfig, useReconnect, useAccountEffect, configKey, createConfig } from '@wagmi/vue';
+import { useConfig, useReconnect, useConnectionEffect, configKey, createConfig } from '@wagmi/vue';
 import { injected } from '@wagmi/vue/connectors';
 import { randomId } from '@web3auth/auth';
 import { log, CHAIN_NAMESPACES, WalletInitializationError } from '@web3auth/no-modal';
 import { defineChain, webSocket, http, fallback } from 'viem';
 import { defineComponent, h, watch, provide, shallowRef, ref } from 'vue';
-import '@web3auth/no-modal/vue';
 import { useWeb3Auth } from '../composables/useWeb3Auth.js';
-import { useWeb3AuthDisconnect } from '../composables/useWeb3AuthDisconnect.js';
+import { useWeb3AuthDisconnect } from '@web3auth/no-modal/vue';
 import { defaultWagmiConfig } from './constants.js';
 
 const WEB3AUTH_CONNECTOR_ID = "web3auth";
@@ -77,16 +76,16 @@ const Web3AuthWagmiProvider = defineComponent({
   setup() {
     const {
       isConnected,
-      provider
+      connection
     } = useWeb3Auth();
     const {
       disconnect
     } = useWeb3AuthDisconnect();
     const wagmiConfig = useConfig();
     const {
-      reconnect
+      mutate: reconnect
     } = useReconnect();
-    useAccountEffect({
+    useConnectionEffect({
       onDisconnect: async () => {
         log.info("Disconnected from wagmi");
         if (isConnected.value) await disconnect();
@@ -98,9 +97,11 @@ const Web3AuthWagmiProvider = defineComponent({
         }
       }
     });
-    watch(isConnected, async newIsConnected => {
-      if (newIsConnected && provider.value) {
-        const connector = await setupConnector(provider.value, wagmiConfig);
+    watch([isConnected, connection], async () => {
+      var _connection$value;
+      const newIsConnected = isConnected.value;
+      if (newIsConnected && (_connection$value = connection.value) !== null && _connection$value !== void 0 && _connection$value.ethereumProvider) {
+        const connector = await setupConnector(connection.value.ethereumProvider, wagmiConfig);
         if (!connector) {
           log.error("Failed to setup vue wagmi connector");
           throw new Error("Failed to setup connector");

package/dist/lib.esm/packages/modal/src/x402/index.js

@@ -0,0 +1 @@
+export * from '@web3auth/no-modal/x402';

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

@@ -0,0 +1 @@
+export { createEvmX402Fetch, createProviderBackedEvmSigner, createSolanaX402Fetch, getEvmAddress, useX402Fetch } from '@web3auth/no-modal/x402/react';

package/dist/lib.esm/packages/modal/src/x402/vue.js

@@ -0,0 +1 @@
+export { createEvmX402Fetch, createSolanaX402Fetch, useX402Fetch } from '@web3auth/no-modal/x402/vue';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@web3auth/modal",
-  "version": "10.15.0",
+  "version": "11.0.0-beta.0",
   "description": "Multi chain wallet aggregator for web3Auth",
   "keywords": [
     "web3Auth/ui",
@@ -12,8 +12,8 @@
   ],
   "main": "dist/lib.cjs/packages/modal/src/index.js",
   "module": "dist/lib.esm/packages/modal/src/index.js",
-  "unpkg": "dist/modal.umd.min.js",
-  "jsdelivr": "dist/modal.umd.min.js",
+  "unpkg": "dist/lib.esm/packages/modal/src/index.js",
+  "jsdelivr": "dist/lib.esm/packages/modal/src/index.js",
   "types": "dist/lib.cjs/types/index.d.ts",
   "author": "Torus Labs",
   "bugs": {
@@ -23,11 +23,10 @@
     "dist"
   ],
   "scripts": {
-    "test": "mocha --config ../../.mocharc.json test/**.ts",
-    "test-debugger": "mocha --config ../../.mocharc.json --inspect-brk test/**.ts",
+    "test": "vitest run --config test/configs/browsers.config.mts --coverage",
     "dev": "torus-scripts start",
     "build": "torus-scripts build",
-    "lint": "eslint --fix 'src/**/*.ts'",
+    "lint": "torus-scripts lint --fix",
     "prepack": "npm run build",
     "pre-commit": "lint-staged --cwd ."
   },
@@ -35,7 +34,7 @@
     "@coinbase/wallet-sdk": {
       "optional": true
     },
-    "viem": {
+    "@solana/react-hooks": {
       "optional": true
     },
     "vue": {
@@ -45,10 +44,12 @@
   "peerDependencies": {
     "@babel/runtime": "^7.x",
     "@coinbase/wallet-sdk": "^4.3.x",
-    "@solana/web3.js": ">=1.98",
+    "@solana/client": "^1.7.0",
+    "@solana/kit": ">=6.5.0",
+    "@solana/react-hooks": "^1.4.0",
     "react": ">=18",
     "react-dom": ">=18",
-    "viem": ">=2.23",
+    "viem": ">=2.45",
     "vue": ">=3.x"
   },
   "devDependencies": {
@@ -58,50 +59,53 @@
     "@rollup/plugin-json": "^6.1.0",
     "@rollup/plugin-replace": "^6.0.3",
     "@rollup/plugin-url": "^8.0.2",
-    "@solana/web3.js": "^1.98.4",
+    "@solana/client": "^1.7.0",
+    "@solana/kit": "^6.5.0",
     "@svgr/rollup": "^8.1.0",
     "@svgr/webpack": "^8.1.0",
-    "@toruslabs/eslint-config-react": "^4.1.4",
-    "@toruslabs/eslint-config-vue": "^4.1.5",
+    "@toruslabs/eslint-config-react": "^5.0.1",
+    "@toruslabs/eslint-config-vue": "^5.0.1",
     "@toruslabs/isomorphic-style-loader": "^5.4.0",
     "@toruslabs/vue-components": "^8.1.2",
-    "@types/react": "^19.2.8",
+    "@types/react": "^19.2.14",
     "@types/react-dom": "^19.2.3",
-    "@wagmi/core": "^2.20.1",
-    "@wagmi/vue": "^0.2.2",
-    "autoprefixer": "^10.4.23",
-    "css-loader": "^7.1.2",
+    "@wagmi/core": "^3.4.1",
+    "@wagmi/vue": "^0.5.1",
+    "autoprefixer": "^10.4.27",
+    "css-loader": "^7.1.4",
     "live-server": "^1.2.2",
-    "postcss": "^8.5.6",
-    "postcss-loader": "^8.2.0",
+    "postcss": "^8.5.8",
+    "postcss-loader": "^8.2.1",
     "postcss-prefix-selector": "^2.1.1",
-    "react": "^19.2.3",
-    "react-dom": "^19.2.3",
+    "react": "^19.2.4",
+    "react-dom": "^19.2.4",
     "rollup-plugin-postcss": "^4.0.2",
     "rollup-preserve-directives": "^1.1.3",
     "style-loader": "^4.0.0",
     "tailwindcss": "^3.4.17",
     "url-loader": "^4.1.1",
-    "viem": "^2.44.2",
-    "vue": "^3.5.26",
-    "wagmi": "^2.16.6"
+    "viem": "^2.47.6",
+    "vue": "^3.5.31",
+    "wagmi": "^3.6.0"
   },
   "dependencies": {
-    "@hcaptcha/react-hcaptcha": "^2.0.1",
-    "@toruslabs/base-controllers": "^8.15.0",
-    "@toruslabs/http-helpers": "^8.1.1",
-    "@web3auth/auth": "^10.8.0",
-    "@web3auth/no-modal": "^10.15.0",
-    "bowser": "^2.13.1",
+    "@hcaptcha/react-hcaptcha": "^2.0.2",
+    "@toruslabs/base-controllers": "^9.5.0",
+    "@toruslabs/http-helpers": "^9.0.0",
+    "@web3auth/auth": "^11.6.0",
+    "@web3auth/no-modal": "^11.0.0-beta.0",
+    "@web3auth/ws-embed": "^6.0.0",
+    "bowser": "^2.14.1",
     "classnames": "^2.5.1",
     "clsx": "^2.1.1",
     "color": "^5.0.3",
     "copy-to-clipboard": "^3.3.3",
     "deepmerge": "^4.3.1",
-    "i18next": "^25.7.4",
-    "react-i18next": "^16.5.3",
+    "i18next": "^25.10.9",
+    "react-i18next": "^16.6.6",
     "react-qrcode-logo": "^4.0.0",
-    "tailwind-merge": "^3.4.0"
+    "tailwind-merge": "^3.5.0",
+    "vitest": "^4.1.2"
   },
   "exports": {
     ".": {
@@ -109,6 +113,21 @@
       "require": "./dist/lib.cjs/packages/modal/src/index.js",
       "types": "./dist/lib.cjs/types/index.d.ts"
     },
+    "./x402": {
+      "import": "./dist/lib.esm/packages/modal/src/x402/index.js",
+      "require": "./dist/lib.cjs/packages/modal/src/x402/index.js",
+      "types": "./dist/lib.cjs/types/x402/index.d.ts"
+    },
+    "./x402/react": {
+      "import": "./dist/lib.esm/packages/modal/src/x402/react.js",
+      "require": "./dist/lib.cjs/packages/modal/src/x402/react.js",
+      "types": "./dist/lib.cjs/types/x402/react.d.ts"
+    },
+    "./x402/vue": {
+      "import": "./dist/lib.esm/packages/modal/src/x402/vue.js",
+      "require": "./dist/lib.cjs/packages/modal/src/x402/vue.js",
+      "types": "./dist/lib.cjs/types/x402/vue.d.ts"
+    },
     "./react": {
       "import": "./dist/lib.esm/packages/modal/src/react/index.js",
       "require": "./dist/lib.cjs/packages/modal/src/react/index.js",
@@ -148,15 +167,19 @@
       "import": "./dist/lib.esm/packages/modal/src/providers/xrpl-provider/index.js",
       "require": "./dist/lib.cjs/packages/modal/src/providers/xrpl-provider/index.js",
       "types": "./dist/lib.cjs/types/providers/xrpl-provider/index.d.ts"
-    },
-    "./providers/ethereum-mpc-provider": {
-      "import": "./dist/lib.esm/packages/modal/src/providers/ethereum-mpc-provider/index.js",
-      "require": "./dist/lib.cjs/packages/modal/src/providers/ethereum-mpc-provider/index.js",
-      "types": "./dist/lib.cjs/types/providers/ethereum-mpc-provider/index.d.ts"
     }
   },
   "typesVersions": {
     "*": {
+      "x402": [
+        "./dist/lib.cjs/types/x402/index.d.ts"
+      ],
+      "x402/react": [
+        "./dist/lib.cjs/types/x402/react.d.ts"
+      ],
+      "x402/vue": [
+        "./dist/lib.cjs/types/x402/vue.d.ts"
+      ],
       "react": [
         "./dist/lib.cjs/types/react/index.d.ts"
       ],
@@ -180,20 +203,21 @@
       ],
       "providers/xrpl-provider": [
         "./dist/lib.cjs/types/providers/xrpl-provider/index.d.ts"
-      ],
-      "providers/ethereum-mpc-provider": [
-        "./dist/lib.cjs/types/providers/ethereum-mpc-provider/index.d.ts"
       ]
     }
   },
   "engines": {
-    "node": ">=20.x",
-    "npm": ">=9.x"
+    "node": ">=22.x",
+    "npm": ">=10.x"
   },
   "lint-staged": {
     "!(*d).ts": [
       "eslint --cache --fix",
       "prettier --write"
+    ],
+    "!(*d).tsx": [
+      "eslint --cache --fix",
+      "prettier --write"
     ]
   },
   "publishConfig": {
@@ -203,5 +227,5 @@
     "type": "git",
     "url": "git+https://github.com/Web3Auth/Web3Auth.git"
   },
-  "gitHead": "3cb2973b2fe50e775cbaac4cf3850bf0b1b105be"
+  "gitHead": "992aabbd96cd8f19e6cdab1bebf498bb15157024"
 }

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

@@ -1,12 +0,0 @@
-'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/react/hooks/useChain.js

@@ -1,16 +0,0 @@
-'use strict';
-
-var useWeb3AuthInner = require('./useWeb3AuthInner.js');
-
-const useChain = () => {
-  const {
-    chainId,
-    chainNamespace
-  } = useWeb3AuthInner.useWeb3AuthInner();
-  return {
-    chainId,
-    chainNamespace
-  };
-};
-
-exports.useChain = useChain;

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

@@ -1,34 +0,0 @@
-'use strict';
-
-var noModal = require('@web3auth/no-modal');
-var react = require('react');
-var useWalletServicesPlugin = require('./useWalletServicesPlugin.js');
-
-const useCheckout = () => {
-  const {
-    plugin,
-    ready
-  } = useWalletServicesPlugin.useWalletServicesPlugin();
-  const [loading, setLoading] = react.useState(false);
-  const [error, setError] = react.useState(null);
-  const showCheckout = react.useCallback(async showCheckoutParams => {
-    setLoading(true);
-    setError(null);
-    try {
-      if (!plugin) throw noModal.WalletServicesPluginError.notInitialized();
-      if (!ready) throw noModal.WalletServicesPluginError.walletPluginNotConnected();
-      await plugin.showCheckout(showCheckoutParams);
-    } catch (error) {
-      setError(error);
-    } finally {
-      setLoading(false);
-    }
-  }, [plugin, ready]);
-  return {
-    loading,
-    error,
-    showCheckout
-  };
-};
-
-exports.useCheckout = useCheckout;