@web3auth/no-modal 10.15.0 → 11.0.0-beta.0

package/dist/lib.esm/x402/index.js

@@ -0,0 +1,170 @@
+import { getBase58Encoder, address } from '@solana/kit';
+import { encodeBase64Url } from '@toruslabs/metadata-helpers';
+import { EVM_METHOD_TYPES } from '@web3auth/ws-embed';
+import { toClientEvmSigner, ExactEvmScheme } from '@x402/evm';
+import { x402Client, wrapFetchWithPayment } from '@x402/fetch';
+import { ExactSvmScheme, toClientSvmSigner } from '@x402/svm';
+import { createWalletClient, custom } from 'viem';
+import { PAYMENT_REQUIRED_HEADER } from './interfaces.js';
+import { walletSignTransaction } from '../base/wallet/solana.js';
+
+const EVM_CAIP2_WILDCARD = "eip155:*";
+const SOLANA_CAIP2_WILDCARD = "solana:*";
+
+/**
+ * For 402 responses that carry v2 payment requirements in the JSON body instead
+ * of the PAYMENT-REQUIRED header, reads the body, promotes the data into the
+ * header, and reconstructs the response so downstream code can consume it normally.
+ *
+ * Returns the original response unchanged when the body is not JSON, is malformed,
+ * or does not carry an x402Version \>= 2 payload.
+ */
+async function normalizePaymentRequiredResponse(response) {
+  var _response$headers$get;
+  const contentType = (_response$headers$get = response.headers.get("Content-Type")) !== null && _response$headers$get !== void 0 ? _response$headers$get : "";
+  let body;
+  if (contentType.includes("application/json")) {
+    body = await response.json();
+  } else {
+    const data = await response.text();
+    body = JSON.parse(data);
+  }
+  try {
+    if (body.x402Version && body.x402Version >= 2) {
+      const newHeaders = new Headers(response.headers);
+      const jsonData = JSON.stringify(body);
+      newHeaders.set(PAYMENT_REQUIRED_HEADER, encodeBase64Url(jsonData));
+      return new Response(jsonData, {
+        status: response.status,
+        statusText: response.statusText,
+        headers: newHeaders
+      });
+    }
+  } catch {
+    // Malformed JSON - fall through and return response with the already-consumed body
+  }
+  return new Response(JSON.stringify(body), {
+    status: response.status,
+    statusText: response.statusText,
+    headers: response.headers
+  });
+}
+async function getEvmAddress(provider) {
+  var _ref;
+  const accounts = await provider.request({
+    method: EVM_METHOD_TYPES.GET_ACCOUNTS
+  });
+  return (_ref = accounts === null || accounts === void 0 ? void 0 : accounts[0]) !== null && _ref !== void 0 ? _ref : null;
+}
+function createProviderBackedEvmSigner(provider, address) {
+  const walletClient = createWalletClient({
+    account: address,
+    transport: custom(provider)
+  });
+  return walletClient;
+}
+
+/**
+ * Wraps a fetch function so that 402 responses whose v2 payment requirements
+ * arrive in the response body (instead of the PAYMENT-REQUIRED header) are
+ * normalised: the body JSON is base64-encoded and promoted into the
+ * PAYMENT-REQUIRED header so that the \@x402/fetch client library can process it.
+ *
+ * The \@x402/fetch library's body fallback only accepts x402Version === 1;
+ * this shim bridges the gap for servers that send v2 data in the body.
+ *
+ * @param baseFetch - The underlying fetch implementation to wrap
+ * @returns A fetch-compatible function with the shim applied
+ */
+function withX402BodyShim(baseFetch) {
+  return async (input, init) => {
+    const response = await baseFetch(input, init);
+    if (response.status === 402 && !response.headers.get(PAYMENT_REQUIRED_HEADER)) {
+      return normalizePaymentRequiredResponse(response);
+    }
+    return response;
+  };
+}
+
+/**
+ * Builds a `@x402/svm`-compatible `TransactionPartialSigner` from a web3auth
+ * Solana provider.
+ *
+ * The web3auth `signTransaction` call returns the signer's Ed25519 signature
+ * encoded in base58 (64 bytes). We decode it back to bytes and slot it into
+ * the signature dictionary that `@solana/kit`'s partial-signing helpers expect.
+ */
+function createSvmSigner(wallet, walletAddress) {
+  const base58Encoder = getBase58Encoder();
+  const signerAddress = address(walletAddress);
+  const clientSvmSigner = toClientSvmSigner({
+    address: signerAddress,
+    signTransactions: async transactions => {
+      const signatureDictionaries = await Promise.all(transactions.map(async tx => {
+        const signatureBase58 = await walletSignTransaction(wallet, tx);
+        return {
+          [signerAddress]: base58Encoder.encode(signatureBase58)
+        };
+      }));
+      return signatureDictionaries;
+    }
+  });
+  return clientSvmSigner;
+}
+
+/**
+ * Creates a payment-aware fetch function for a connected Solana wallet.
+ * Registers the exact SVM payment scheme and applies the body-shim so that
+ * servers returning v2 payment requirements in the response body are handled
+ * transparently.
+ *
+ * @param wallet - Connected Solana wallet (must have an account)
+ * @param walletAddress - The wallet's public key as a base58 address string
+ * @param rpcUrl - Optional custom Solana RPC URL (defaults to public cluster endpoints)
+ * @returns A fetch-compatible function that handles x402 payment flows
+ */
+function createSolanaX402Fetch(wallet, walletAddress, rpcUrl) {
+  if (!walletAddress) throw new Error("Wallet address is unavailable.");
+  const svmSigner = createSvmSigner(wallet, walletAddress);
+  const client = new x402Client().register(SOLANA_CAIP2_WILDCARD, new ExactSvmScheme(svmSigner, rpcUrl ? {
+    rpcUrl
+  } : undefined));
+  return wrapFetchWithPayment(withX402BodyShim(fetch), client);
+}
+
+/**
+ * Creates a payment-aware fetch function for an EVM typed-data signer.
+ * Registers the exact EVM payment scheme and applies the body-shim so that
+ * servers returning v2 payment requirements in the response body are handled
+ * transparently.
+ *
+ * @param signer - Minimal signer with an address and EIP-712 signTypedData implementation
+ * @returns A fetch-compatible function that handles x402 payment flows
+ */
+function createEvmX402Fetch(walletClient) {
+  var _walletClient$account;
+  const address = (_walletClient$account = walletClient.account) === null || _walletClient$account === void 0 ? void 0 : _walletClient$account.address;
+  if (!address) throw new Error("Wallet account is unavailable.");
+  const evmSigner = toClientEvmSigner({
+    address,
+    signTypedData: async params => {
+      const {
+        domain,
+        types,
+        primaryType,
+        message
+      } = params;
+      return walletClient.signTypedData({
+        account: address,
+        domain,
+        types,
+        primaryType,
+        message
+      });
+    }
+  });
+  const client = new x402Client().register(EVM_CAIP2_WILDCARD, new ExactEvmScheme(evmSigner));
+  return wrapFetchWithPayment(withX402BodyShim(fetch), client);
+}
+
+export { EVM_CAIP2_WILDCARD, PAYMENT_REQUIRED_HEADER, SOLANA_CAIP2_WILDCARD, createEvmX402Fetch, createProviderBackedEvmSigner, createSolanaX402Fetch, getEvmAddress, withX402BodyShim };

package/dist/lib.esm/x402/interfaces.js

@@ -0,0 +1,3 @@
+const PAYMENT_REQUIRED_HEADER = "PAYMENT-REQUIRED";
+
+export { PAYMENT_REQUIRED_HEADER };

package/dist/lib.esm/x402/react.js

@@ -0,0 +1,59 @@
+import { useCallback } from 'react';
+import { CHAIN_NAMESPACES } from '@toruslabs/base-controllers';
+import { useChain } from '../react/hooks/useChain.js';
+import { useWeb3Auth } from '../react/hooks/useWeb3Auth.js';
+import { createSolanaX402Fetch, getEvmAddress, createProviderBackedEvmSigner, createEvmX402Fetch } from './index.js';
+
+/**
+ * Web3Auth-integrated x402 fetch hook.
+ *
+ * Automatically selects the correct payment path based on the currently connected
+ * chain namespace:
+ *  - **Solana** - uses `createSolanaX402Fetch` backed by the web3auth Solana wallet.
+ *  - **EVM** - uses `createEvmX402Fetch` backed by the web3auth EIP-1193 provider.
+ *
+ * Callers do not need to pass a signer manually; it is sourced internally.
+ * When `address` is provided, it takes precedence over the provider's active account.
+ */
+const useX402Fetch = address => {
+  const {
+    chainNamespace
+  } = useChain();
+  const {
+    web3Auth,
+    isConnected,
+    connection
+  } = useWeb3Auth();
+  // const { solanaWallet, accounts } = useSolanaWallet();
+
+  const fetchWithPayment = useCallback(async ({
+    url,
+    options
+  }) => {
+    if (!isConnected) throw new Error("Wallet not connected");
+    if (chainNamespace === CHAIN_NAMESPACES.SOLANA) {
+      var _solanaWallet$account;
+      const {
+        solanaWallet
+      } = connection;
+      if (!solanaWallet || !((_solanaWallet$account = solanaWallet.accounts) !== null && _solanaWallet$account !== void 0 && _solanaWallet$account[0])) throw new Error("Solana wallet not available");
+      const account = solanaWallet.accounts[0];
+      if (!account) throw new Error("Solana account not available");
+      return createSolanaX402Fetch(solanaWallet, account.address)(url, options);
+    }
+    if (chainNamespace === CHAIN_NAMESPACES.EIP155) {
+      const provider = connection === null || connection === void 0 ? void 0 : connection.ethereumProvider;
+      if (!provider) throw new Error("EVM provider not available");
+      const evmAddress = address !== null && address !== void 0 ? address : await getEvmAddress(provider);
+      if (!evmAddress) throw new Error("EVM address not available");
+      const signer = createProviderBackedEvmSigner(provider, evmAddress);
+      return createEvmX402Fetch(signer)(url, options);
+    }
+    throw new Error("Unsupported chain namespace");
+  }, [web3Auth, isConnected, chainNamespace, address, connection]);
+  return {
+    fetchWithPayment
+  };
+};
+
+export { createEvmX402Fetch, createProviderBackedEvmSigner, createSolanaX402Fetch, getEvmAddress, useX402Fetch };

package/dist/lib.esm/x402/vue.js

@@ -0,0 +1,54 @@
+import { toValue } from 'vue';
+import { CHAIN_NAMESPACES } from '@toruslabs/base-controllers';
+import { useWeb3Auth } from '../vue/composables/useWeb3Auth.js';
+import { createSolanaX402Fetch, getEvmAddress, createProviderBackedEvmSigner, createEvmX402Fetch } from './index.js';
+
+/**
+ * Web3Auth-integrated x402 fetch composable.
+ *
+ * Automatically selects the correct payment path based on the currently connected
+ * chain namespace:
+ *  - **Solana** - uses `createSolanaX402Fetch` backed by the web3auth Solana wallet.
+ *  - **EVM** - uses `createEvmX402Fetch` backed by the web3auth EIP-1193 provider.
+ *
+ * Callers do not need to pass a signer manually; it is sourced internally.
+ * When `address` is provided, it takes precedence over the provider's active account.
+ */
+const useX402Fetch = address => {
+  const {
+    isConnected,
+    chainNamespace,
+    connection
+  } = useWeb3Auth();
+  const fetchWithPayment = async ({
+    url,
+    options
+  }) => {
+    if (!isConnected.value) throw new Error("Wallet not connected");
+    if (chainNamespace.value === CHAIN_NAMESPACES.SOLANA) {
+      var _solanaWallet$account;
+      const {
+        solanaWallet
+      } = connection.value;
+      if (!solanaWallet || !((_solanaWallet$account = solanaWallet.accounts) !== null && _solanaWallet$account !== void 0 && _solanaWallet$account[0])) throw new Error("Solana wallet not available");
+      const account = solanaWallet.accounts[0];
+      if (!account) throw new Error("Solana account not available");
+      return createSolanaX402Fetch(solanaWallet, account.address)(url, options);
+    }
+    if (chainNamespace.value === CHAIN_NAMESPACES.EIP155) {
+      var _connection$value, _toValue;
+      const provider = (_connection$value = connection.value) === null || _connection$value === void 0 ? void 0 : _connection$value.ethereumProvider;
+      if (!provider) throw new Error("EVM provider not available");
+      const evmAddress = (_toValue = toValue(address)) !== null && _toValue !== void 0 ? _toValue : await getEvmAddress(provider);
+      if (!evmAddress) throw new Error("EVM address not available");
+      const signer = createProviderBackedEvmSigner(provider, evmAddress);
+      return createEvmX402Fetch(signer)(url, options);
+    }
+    throw new Error("Unsupported chain namespace");
+  };
+  return {
+    fetchWithPayment
+  };
+};
+
+export { createEvmX402Fetch, createSolanaX402Fetch, useX402Fetch };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@web3auth/no-modal",
-  "version": "10.15.0",
+  "version": "11.0.0-beta.0",
   "description": "Multi chain wallet aggregator for web3Auth",
   "keywords": [
     "web3Auth/no-modal",
@@ -13,18 +13,17 @@
   "sideEffects": false,
   "main": "dist/lib.cjs/index.js",
   "module": "dist/lib.esm/index.js",
-  "unpkg": "dist/noModal.umd.min.js",
-  "jsdelivr": "dist/noModal.umd.min.js",
+  "unpkg": "dist/lib.esm/index.js",
+  "jsdelivr": "dist/lib.esm/index.js",
   "types": "dist/lib.cjs/types/index.d.ts",
   "author": "Torus Labs",
   "homepage": "https://github.com/Web3Auth/Web3Auth/tree/master/packages/no-modal#readme",
   "license": "ISC",
   "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 ."
   },
@@ -34,18 +33,31 @@
   "peerDependencies": {
     "@babel/runtime": "^7.x",
     "@coinbase/wallet-sdk": "^4.3.x",
+    "@solana/react-hooks": "^1.4.0",
+    "@x402/evm": "^2.7.0",
+    "@x402/fetch": "^2.7.0",
+    "@x402/svm": "^2.7.0",
     "react": ">=18",
-    "viem": ">=2.29",
+    "viem": ">=2.45",
     "vue": "^3.x"
   },
   "peerDependenciesMeta": {
     "@coinbase/wallet-sdk": {
       "optional": true
     },
-    "react": {
+    "@solana/react-hooks": {
+      "optional": true
+    },
+    "@x402/evm": {
+      "optional": true
+    },
+    "@x402/fetch": {
+      "optional": true
+    },
+    "@x402/svm": {
       "optional": true
     },
-    "viem": {
+    "react": {
       "optional": true
     },
     "vue": {
@@ -53,55 +65,52 @@
     }
   },
   "dependencies": {
-    "@ethereumjs/util": "^10.1.0",
-    "@metamask/sdk": "^0.34.0",
-    "@segment/analytics-next": "^1.81.1",
+    "@metamask/connect-evm": "^1.0.0",
+    "@metamask/connect-multichain": "^0.12.1",
+    "@metamask/connect-solana": "^1.0.0",
+    "@segment/analytics-next": "^1.82.0",
+    "@solana/client": "^1.7.0",
+    "@solana/kit": "^6.5.0",
     "@solana/wallet-standard-features": "^1.3.0",
-    "@solana/web3.js": "^1.98.4",
-    "@toruslabs/base-controllers": "^8.17.0",
-    "@toruslabs/bs58": "^1.0.0",
-    "@toruslabs/constants": "^15.0.0",
-    "@toruslabs/eccrypto": "^6.2.0",
-    "@toruslabs/ethereum-controllers": "^8.17.0",
-    "@toruslabs/http-helpers": "^8.1.1",
-    "@toruslabs/loglevel-sentry": "^8.1.0",
-    "@toruslabs/secure-pub-sub": "3.0.2",
-    "@toruslabs/tweetnacl-js": "^1.0.4",
+    "@toruslabs/base-controllers": "^9.5.0",
+    "@toruslabs/constants": "^16.1.1",
+    "@toruslabs/eccrypto": "^7.0.0",
+    "@toruslabs/ethereum-controllers": "^9.5.0",
+    "@toruslabs/http-helpers": "^9.0.0",
+    "@toruslabs/loglevel-sentry": "^9.0.0",
+    "@toruslabs/metadata-helpers": "^8.2.0",
+    "@toruslabs/secure-pub-sub": "4.3.0",
+    "@toruslabs/session-manager": "^5.6.0",
     "@wallet-standard/app": "^1.1.0",
     "@wallet-standard/base": "^1.1.0",
     "@wallet-standard/features": "^1.1.0",
-    "@walletconnect/sign-client": "^2.23.3",
-    "@walletconnect/types": "^2.23.3",
-    "@walletconnect/utils": "^2.23.3",
-    "@web3auth/auth": "^10.8.0",
-    "@web3auth/ws-embed": "^5.5.0",
-    "assert": "^2.1.0",
+    "@walletconnect/sign-client": "^2.23.8",
+    "@walletconnect/types": "^2.23.8",
+    "@walletconnect/utils": "^2.23.8",
+    "@web3auth/auth": "^11.6.0",
+    "@web3auth/ws-embed": "^6.0.0",
     "bignumber.js": "~9.3.1",
-    "bn.js": "^5.2.2",
-    "bowser": "^2.13.1",
     "deepmerge": "^4.3.1",
     "ethers": "^6.16.0",
-    "json-rpc-random-id": "^1.0.1",
-    "jsonschema": "^1.5.0",
     "jwt-decode": "^4.0.0",
     "loglevel": "^1.9.2",
     "mipd": "^0.0.7",
-    "permissionless": "^0.3.2",
     "ripple-keypairs": "^1.3.1",
-    "ts-custom-error": "^3.3.1",
     "xrpl": "^2.14.0"
   },
   "devDependencies": {
     "@coinbase/wallet-sdk": "^4.3.7",
-    "@types/elliptic": "6.4.18",
-    "@types/json-rpc-random-id": "^1.0.3",
-    "@types/react": "^19.2.8",
-    "@wagmi/core": "^2.20.1",
-    "@wagmi/vue": "^0.2.2",
-    "react": "^19.2.3",
-    "viem": "^2.44.2",
+    "@solana/react-hooks": "^1.4.1",
+    "@types/react": "^19.2.14",
+    "@wagmi/core": "^3.4.1",
+    "@wagmi/vue": "^0.5.1",
+    "@x402/evm": "^2.7.0",
+    "@x402/fetch": "^2.7.0",
+    "@x402/svm": "^2.7.0",
+    "react": "^19.2.4",
+    "viem": "^2.47.6",
     "vue": "^3.x",
-    "wagmi": "^2.16.6"
+    "wagmi": "^3.6.0"
   },
   "exports": {
     ".": {
@@ -109,6 +118,21 @@
       "require": "./dist/lib.cjs/index.js",
       "types": "./dist/lib.cjs/types/index.d.ts"
     },
+    "./x402": {
+      "import": "./dist/lib.esm/x402/index.js",
+      "require": "./dist/lib.cjs/x402/index.js",
+      "types": "./dist/lib.cjs/types/x402/index.d.ts"
+    },
+    "./x402/react": {
+      "import": "./dist/lib.esm/x402/react.js",
+      "require": "./dist/lib.cjs/x402/react.js",
+      "types": "./dist/lib.cjs/types/x402/react.d.ts"
+    },
+    "./x402/vue": {
+      "import": "./dist/lib.esm/x402/vue.js",
+      "require": "./dist/lib.cjs/x402/vue.js",
+      "types": "./dist/lib.cjs/types/x402/vue.d.ts"
+    },
     "./react": {
       "import": "./dist/lib.esm/react/index.js",
       "require": "./dist/lib.cjs/react/index.js",
@@ -148,15 +172,19 @@
       "import": "./dist/lib.esm/providers/xrpl-provider/index.js",
       "require": "./dist/lib.cjs/providers/xrpl-provider/index.js",
       "types": "./dist/lib.cjs/types/providers/xrpl-provider/index.d.ts"
-    },
-    "./providers/ethereum-mpc-provider": {
-      "import": "./dist/lib.esm/providers/ethereum-mpc-provider/index.js",
-      "require": "./dist/lib.cjs/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"
       ],
@@ -177,9 +205,6 @@
       ],
       "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"
       ]
     }
   },
@@ -200,8 +225,8 @@
     "url": "https://github.com/Web3Auth/Web3Auth/issues"
   },
   "engines": {
-    "node": ">=20.x",
-    "npm": ">=9.x"
+    "node": ">=22.x",
+    "npm": ">=10.x"
   },
-  "gitHead": "3cb2973b2fe50e775cbaac4cf3850bf0b1b105be"
+  "gitHead": "992aabbd96cd8f19e6cdab1bebf498bb15157024"
 }

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

@@ -1,7 +0,0 @@
-'use strict';
-
-var EthereumSigningProvider = require('./providers/signingProviders/EthereumSigningProvider.js');
-
-
-
-exports.EthereumSigningProvider = EthereumSigningProvider.EthereumSigningProvider;