@web3auth/modal 10.16.0 → 11.0.0-beta.1

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 { useAuthTokenInfo, useChain, useCheckout, useEnableMFA, useFunding, useManageMFA, useReceive, useSwap, useSwitchChain, useWalletConnectScanner, useWalletServicesPlugin, useWalletUI, useWallets, useWeb3AuthDisconnect, useWeb3AuthUser } from '@web3auth/no-modal/vue';
 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 { 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 { defineComponent, h, shallowRef, watch, provide, ref } from 'vue';
+import { useWeb3AuthDisconnect } from '@web3auth/no-modal/vue';
 import { useWeb3Auth } from '../composables/useWeb3Auth.js';
-import { useWeb3AuthDisconnect } from '../composables/useWeb3AuthDisconnect.js';
 import { defaultWagmiConfig } from './constants.js';
 
 const WEB3AUTH_CONNECTOR_ID = "web3auth";
@@ -77,16 +76,18 @@ const Web3AuthWagmiProvider = defineComponent({
   setup() {
     const {
       isConnected,
-      provider
+      connection,
+      web3Auth
     } = useWeb3Auth();
     const {
       disconnect
     } = useWeb3AuthDisconnect();
     const wagmiConfig = useConfig();
     const {
-      reconnect
+      mutate: reconnect
     } = useReconnect();
-    useAccountEffect({
+    const lastSyncedWeb3AuthConnection = shallowRef(null);
+    useConnectionEffect({
       onDisconnect: async () => {
         log.info("Disconnected from wagmi");
         if (isConnected.value) await disconnect();
@@ -98,16 +99,29 @@ const Web3AuthWagmiProvider = defineComponent({
         }
       }
     });
-    watch(isConnected, async newIsConnected => {
-      if (newIsConnected && provider.value) {
-        const connector = await setupConnector(provider.value, wagmiConfig);
-        if (!connector) {
-          log.error("Failed to setup vue wagmi connector");
-          throw new Error("Failed to setup connector");
+    watch([isConnected, connection], async () => {
+      var _newConnection$ethere, _web3Auth$value;
+      const newIsConnected = isConnected.value;
+      const newConnection = connection.value;
+      const newEth = (_newConnection$ethere = newConnection === null || newConnection === void 0 ? void 0 : newConnection.ethereumProvider) !== null && _newConnection$ethere !== void 0 ? _newConnection$ethere : null;
+      if (newIsConnected && newConnection && newEth && newConnection.connectorName === ((_web3Auth$value = web3Auth.value) === null || _web3Auth$value === void 0 ? void 0 : _web3Auth$value.primaryConnectorName)) {
+        // `ethereumProvider` is a stable proxy (`commonJRPCProvider`) across account switches,
+        // so key wagmi resyncs off the Web3Auth connection object instead of provider identity.
+        if (lastSyncedWeb3AuthConnection.value !== newConnection) {
+          if (getWeb3authConnector(wagmiConfig)) {
+            resetConnectorState(wagmiConfig);
+          }
+          lastSyncedWeb3AuthConnection.value = newConnection;
+          const connector = await setupConnector(newEth, wagmiConfig);
+          if (!connector) {
+            log.error("Failed to setup vue wagmi connector");
+            throw new Error("Failed to setup connector");
+          }
+          await connectWeb3AuthWithWagmi(connector, wagmiConfig);
+          reconnect();
         }
-        await connectWeb3AuthWithWagmi(connector, wagmiConfig);
-        reconnect();
       } else if (!newIsConnected) {
+        lastSyncedWeb3AuthConnection.value = null;
         if (wagmiConfig.state.status === "connected") {
           await disconnectWeb3AuthFromWagmi(wagmiConfig);
         }
@@ -173,7 +187,7 @@ const WagmiProvider = defineComponent({
       return fallback(transports);
     };
     const defineWagmiConfig = () => {
-      var _web3Auth$value;
+      var _web3Auth$value2;
       const configParams = _objectSpread(_objectSpread({
         ssr: true
       }, config), {}, {
@@ -184,7 +198,7 @@ const WagmiProvider = defineComponent({
         client: undefined
       });
       const wagmiChains = [];
-      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) {
+      if (isInitialized.value && web3Auth !== null && web3Auth !== void 0 && (_web3Auth$value2 = web3Auth.value) !== null && _web3Auth$value2 !== void 0 && (_web3Auth$value2 = _web3Auth$value2.coreOptions) !== null && _web3Auth$value2 !== void 0 && _web3Auth$value2.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.filter(chain => chain.chainNamespace === CHAIN_NAMESPACES.EIP155);
@@ -232,8 +246,8 @@ const WagmiProvider = defineComponent({
       }
     };
     watch(isInitialized, (newIsInitialized, prevIsInitialized) => {
-      var _web3Auth$value2;
-      (_web3Auth$value2 = web3Auth.value) === null || _web3Auth$value2 === void 0 || _web3Auth$value2.setAnalyticsProperties({
+      var _web3Auth$value3;
+      (_web3Auth$value3 = web3Auth.value) === null || _web3Auth$value3 === void 0 || _web3Auth$value3.setAnalyticsProperties({
         wagmi_enabled: true
       });
       if (newIsInitialized && !prevIsInitialized) {

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.16.0",
+  "version": "11.0.0-beta.1",
   "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,63 +44,67 @@
   "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": {
     "@babel/preset-react": "^7.28.5",
     "@coinbase/wallet-sdk": "^4.3.7",
-    "@mertasan/tailwindcss-variables": "^2.7.0",
     "@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.8.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",
+    "@tailwindcss/postcss": "^4.2.4",
+    "@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",
+    "@toruslabs/vue-components": "^9.0.1",
+    "@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.7",
+    "@wagmi/vue": "^0.5.9",
+    "css-loader": "^7.1.4",
     "live-server": "^1.2.2",
-    "postcss": "^8.5.6",
-    "postcss-loader": "^8.2.0",
+    "postcss": "^8.5.12",
+    "postcss-loader": "^8.2.1",
     "postcss-prefix-selector": "^2.1.1",
-    "react": "^19.2.3",
-    "react-dom": "^19.2.3",
+    "react": "^19.2.5",
+    "react-dom": "^19.2.5",
     "rollup-plugin-postcss": "^4.0.2",
     "rollup-preserve-directives": "^1.1.3",
     "style-loader": "^4.0.0",
-    "tailwindcss": "^3.4.17",
+    "tailwindcss": "^4.2.4",
     "url-loader": "^4.1.1",
-    "viem": "^2.44.2",
-    "vue": "^3.5.26",
-    "wagmi": "^2.16.6"
+    "viem": "^2.48.4",
+    "vue": "^3.5.33",
+    "wagmi": "^3.6.8"
   },
   "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.16.0",
-    "bowser": "^2.13.1",
+    "@hcaptcha/react-hcaptcha": "^2.0.2",
+    "@toruslabs/base-controllers": "^9.8.0",
+    "@toruslabs/http-helpers": "^9.0.0",
+    "@web3auth/auth": "^11.8.0",
+    "@web3auth/no-modal": "^11.0.0-beta.1",
+    "@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.5"
   },
   "exports": {
     ".": {
@@ -109,6 +112,36 @@
       "require": "./dist/lib.cjs/packages/modal/src/index.js",
       "types": "./dist/lib.cjs/types/index.d.ts"
     },
+    "./account-linking": {
+      "import": "./dist/lib.esm/packages/modal/src/account-linking/index.js",
+      "require": "./dist/lib.cjs/packages/modal/src/account-linking/index.js",
+      "types": "./dist/lib.cjs/types/account-linking/index.d.ts"
+    },
+    "./account-linking/react": {
+      "import": "./dist/lib.esm/packages/modal/src/account-linking/react.js",
+      "require": "./dist/lib.cjs/packages/modal/src/account-linking/react.js",
+      "types": "./dist/lib.cjs/types/account-linking/react.d.ts"
+    },
+    "./account-linking/vue": {
+      "import": "./dist/lib.esm/packages/modal/src/account-linking/vue.js",
+      "require": "./dist/lib.cjs/packages/modal/src/account-linking/vue.js",
+      "types": "./dist/lib.cjs/types/account-linking/vue.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 +181,28 @@
       "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": {
     "*": {
+      "account-linking": [
+        "./dist/lib.cjs/types/account-linking/index.d.ts"
+      ],
+      "account-linking/react": [
+        "./dist/lib.cjs/types/account-linking/react.d.ts"
+      ],
+      "account-linking/vue": [
+        "./dist/lib.cjs/types/account-linking/vue.d.ts"
+      ],
+      "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 +226,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 +250,5 @@
     "type": "git",
     "url": "git+https://github.com/Web3Auth/Web3Auth.git"
   },
-  "gitHead": "3205d62cf6cff0d2c2bef09313f5e943657f0f36"
+  "gitHead": "a15a4f552ee844c7b743f48f4b725c52b6b7316d"
 }

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;

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

@@ -1,30 +0,0 @@
-'use strict';
-
-var react = require('react');
-var useWeb3AuthInner = require('./useWeb3AuthInner.js');
-
-const useEnableMFA = () => {
-  const {
-    web3Auth
-  } = useWeb3AuthInner.useWeb3AuthInner();
-  const [loading, setLoading] = react.useState(false);
-  const [error, setError] = react.useState(null);
-  const enableMFA = react.useCallback(async params => {
-    setLoading(true);
-    setError(null);
-    try {
-      await web3Auth.enableMFA(params);
-    } catch (error) {
-      setError(error);
-    } finally {
-      setLoading(false);
-    }
-  }, [web3Auth]);
-  return {
-    loading,
-    error,
-    enableMFA
-  };
-};
-
-exports.useEnableMFA = useEnableMFA;

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

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