@voyage_ai/v402-web-ts 1.0.0 → 1.0.2

package/dist/react/index.js

@@ -314,12 +314,320 @@ var init_wallet = __esm({
   }
 });
 
+// src/utils/wallet-discovery.ts
+var wallet_discovery_exports = {};
+__export(wallet_discovery_exports, {
+  clearConnectedWallet: () => clearConnectedWallet,
+  connectEVMWallet: () => connectEVMWallet,
+  connectSolanaWallet: () => connectSolanaWallet,
+  connectToWallet: () => connectToWallet,
+  getCurrentConnectedWallet: () => getCurrentConnectedWallet,
+  getEVMWallets: () => getEVMWallets,
+  getSolanaWallets: () => getSolanaWallets,
+  getValidatedWalletProvider: () => getValidatedWalletProvider,
+  getWalletById: () => getWalletById,
+  getWalletByName: () => getWalletByName,
+  getWalletProviderForPayment: () => getWalletProviderForPayment,
+  getWalletsForNetwork: () => getWalletsForNetwork,
+  initEVMWalletDiscovery: () => initEVMWalletDiscovery,
+  onEVMWalletsChanged: () => onEVMWalletsChanged,
+  setCurrentConnectedWallet: () => setCurrentConnectedWallet
+});
+function initEVMWalletDiscovery() {
+  if (typeof window === "undefined" || evmDiscoveryInitialized) return;
+  evmDiscoveryInitialized = true;
+  window.addEventListener("eip6963:announceProvider", ((event) => {
+    const { info, provider } = event.detail;
+    evmWallets.set(info.uuid, { info, provider });
+    evmDiscoveryListeners.forEach((listener) => listener());
+  }));
+  window.dispatchEvent(new Event("eip6963:requestProvider"));
+}
+function getEVMWallets() {
+  const wallets = [];
+  const detectedNames = /* @__PURE__ */ new Set();
+  evmWallets.forEach((detail, uuid) => {
+    if (!detectedNames.has(detail.info.name)) {
+      wallets.push({
+        id: uuid,
+        name: detail.info.name,
+        icon: detail.info.icon,
+        networkType: "evm" /* EVM */,
+        provider: detail.provider,
+        installed: true
+      });
+      detectedNames.add(detail.info.name);
+    }
+  });
+  if (wallets.length === 0 && typeof window !== "undefined" && window.ethereum) {
+    const ethereum = window.ethereum;
+    const walletName = ethereum.isMetaMask ? "MetaMask" : ethereum.isCoinbaseWallet ? "Coinbase Wallet" : ethereum.isOkxWallet ? "OKX Wallet" : "Browser Wallet";
+    if (!detectedNames.has(walletName)) {
+      wallets.push({
+        id: "injected",
+        name: walletName,
+        icon: "",
+        // Will use first letter as avatar
+        networkType: "evm" /* EVM */,
+        provider: ethereum,
+        installed: true
+      });
+    }
+  }
+  return wallets;
+}
+function onEVMWalletsChanged(callback) {
+  evmDiscoveryListeners.add(callback);
+  return () => {
+    evmDiscoveryListeners.delete(callback);
+  };
+}
+function getSolanaWallets() {
+  if (typeof window === "undefined") return [];
+  const wallets = [];
+  const detectedProviders = /* @__PURE__ */ new Set();
+  const detectedNames = /* @__PURE__ */ new Set();
+  for (const wallet of SOLANA_WALLETS) {
+    const provider = wallet.detect();
+    if (provider && !detectedNames.has(wallet.name)) {
+      wallets.push({
+        id: wallet.id,
+        name: wallet.name,
+        icon: wallet.icon,
+        networkType: "solana" /* SOLANA */,
+        provider,
+        installed: true
+      });
+      detectedProviders.add(provider);
+      detectedNames.add(wallet.name);
+    }
+  }
+  const windowSolana = window.solana;
+  if (windowSolana && !detectedProviders.has(windowSolana)) {
+    const walletName = windowSolana.isPhantom ? "Phantom" : windowSolana.isSolflare ? "Solflare" : windowSolana.isBackpack ? "Backpack" : windowSolana.walletName || "Solana Wallet";
+    if (!detectedNames.has(walletName)) {
+      wallets.push({
+        id: "solana-unknown",
+        name: walletName,
+        icon: "",
+        // Will use first letter as avatar
+        networkType: "solana" /* SOLANA */,
+        provider: windowSolana,
+        installed: true
+      });
+    }
+  }
+  return wallets;
+}
+function getWalletsForNetwork(networkType) {
+  switch (networkType) {
+    case "evm" /* EVM */:
+      return getEVMWallets();
+    case "solana" /* SOLANA */:
+    case "svm" /* SVM */:
+      return getSolanaWallets();
+    default:
+      return [];
+  }
+}
+function getWalletById(id, networkType) {
+  const wallets = getWalletsForNetwork(networkType);
+  return wallets.find((w) => w.id === id) || null;
+}
+function getWalletByName(name, networkType) {
+  const wallets = getWalletsForNetwork(networkType);
+  return wallets.find((w) => w.name === name) || null;
+}
+async function connectEVMWallet(wallet) {
+  if (!wallet.provider) {
+    throw new Error(`Wallet ${wallet.name} is not available`);
+  }
+  const accounts = await wallet.provider.request({
+    method: "eth_requestAccounts",
+    params: []
+  });
+  if (!accounts || accounts.length === 0) {
+    throw new Error("Failed to get wallet address");
+  }
+  return accounts[0];
+}
+async function connectSolanaWallet(wallet) {
+  if (!wallet.provider) {
+    throw new Error(`Wallet ${wallet.name} is not available`);
+  }
+  if (wallet.provider.isConnected) {
+    try {
+      await wallet.provider.disconnect();
+    } catch (err) {
+      console.warn("Failed to disconnect before connecting:", err);
+    }
+  }
+  const response = await wallet.provider.connect();
+  return response.publicKey.toString();
+}
+async function connectToWallet(wallet) {
+  let address;
+  switch (wallet.networkType) {
+    case "evm" /* EVM */:
+      address = await connectEVMWallet(wallet);
+      break;
+    case "solana" /* SOLANA */:
+    case "svm" /* SVM */:
+      address = await connectSolanaWallet(wallet);
+      break;
+    default:
+      throw new Error("Unsupported network type");
+  }
+  currentConnectedWallet = wallet;
+  saveConnectedWalletId(wallet.networkType, wallet.name);
+  return address;
+}
+function getCurrentConnectedWallet() {
+  return currentConnectedWallet;
+}
+function setCurrentConnectedWallet(wallet) {
+  currentConnectedWallet = wallet;
+}
+function clearConnectedWallet(networkType) {
+  if (networkType) {
+    removeConnectedWalletId(networkType);
+  }
+  currentConnectedWallet = null;
+}
+function restoreConnectedWallet(networkType) {
+  const savedWalletName = getConnectedWalletId(networkType);
+  if (!savedWalletName) {
+    return null;
+  }
+  const wallet = getWalletByName(savedWalletName, networkType);
+  if (wallet) {
+    currentConnectedWallet = wallet;
+    if ((networkType === "solana" /* SOLANA */ || networkType === "svm" /* SVM */) && wallet.provider) {
+      const providerPublicKey = wallet.provider.publicKey?.toString();
+      const cachedAddress = getCachedWalletAddress(networkType);
+      if (providerPublicKey && cachedAddress && providerPublicKey !== cachedAddress) {
+        saveWalletAddress(networkType, providerPublicKey);
+      }
+    }
+    return wallet;
+  }
+  return null;
+}
+function getWalletProviderForPayment(networkType) {
+  if (currentConnectedWallet && currentConnectedWallet.networkType === networkType) {
+    return currentConnectedWallet.provider;
+  }
+  const restoredWallet = restoreConnectedWallet(networkType);
+  if (restoredWallet) {
+    return restoredWallet.provider;
+  }
+  if (typeof window === "undefined") return null;
+  switch (networkType) {
+    case "evm" /* EVM */:
+      return window.ethereum;
+    case "solana" /* SOLANA */:
+    case "svm" /* SVM */:
+      return window.phantom?.solana || window.solana;
+    default:
+      return null;
+  }
+}
+async function getValidatedWalletProvider(networkType, expectedAddress) {
+  const provider = getWalletProviderForPayment(networkType);
+  if (!provider) {
+    return { provider: null, isValid: false };
+  }
+  if (networkType === "evm" /* EVM */) {
+    try {
+      const accounts = await provider.request({ method: "eth_accounts", params: [] });
+      const currentAddress = accounts?.[0];
+      const isValid = currentAddress?.toLowerCase() === expectedAddress?.toLowerCase();
+      if (!isValid) {
+        console.warn(`\u26A0\uFE0F Account mismatch: expected ${expectedAddress}, got ${currentAddress}`);
+      }
+      return { provider, isValid, currentAddress };
+    } catch (error) {
+      console.error("Failed to get current account:", error);
+      return { provider, isValid: false };
+    }
+  }
+  if (networkType === "solana" /* SOLANA */ || networkType === "svm" /* SVM */) {
+    if (provider.isConnected && provider.publicKey) {
+      const currentAddress = provider.publicKey.toString();
+      const isValid = currentAddress === expectedAddress;
+      if (!isValid) {
+        console.warn(`\u26A0\uFE0F Account mismatch: expected ${expectedAddress}, got ${currentAddress}`);
+      }
+      return { provider, isValid, currentAddress };
+    }
+    return { provider, isValid: false };
+  }
+  return { provider, isValid: true };
+}
+var SOLANA_WALLETS, evmWallets, evmDiscoveryListeners, evmDiscoveryInitialized, currentConnectedWallet;
+var init_wallet_discovery = __esm({
+  "src/utils/wallet-discovery.ts"() {
+    "use strict";
+    init_wallet();
+    SOLANA_WALLETS = [
+      {
+        id: "phantom",
+        name: "Phantom",
+        // Phantom official icon
+        icon: "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTI4IiBoZWlnaHQ9IjEyOCIgdmlld0JveD0iMCAwIDEyOCAxMjgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxyZWN0IHdpZHRoPSIxMjgiIGhlaWdodD0iMTI4IiByeD0iMjYiIGZpbGw9IiNBQjlGRjIiLz4KPHBhdGggZD0iTTExMC41IDY0QzExMC41IDg5Ljk1NjggODkuMjAxIDExMSA2My41IDExMUg0MS41QzM2LjI1MzMgMTExIDMyIDEwNi43NDcgMzIgMTAxLjVWNTQuNUMzMiAzMS4wMjggNTEuMDI4IDEyIDc0LjUgMTJDOTcuOTcyIDEyIDExNyAzMS4wMjggMTE3IDU0LjVWNTUuNUMxMTcgNTguNTM3NiAxMTQuNTM4IDYxIDExMS41IDYxSDEwOS41QzEwNi40NjIgNjEgMTA0IDYzLjQ2MjQgMTA0IDY2LjVWNjhDMTA0IDcxLjg2NiAxMDcuMTM0IDc1IDExMSA3NUgxMTEuNUMxMTQuNTM4IDc1IDExNyA3Mi41Mzc2IDExNyA2OS41VjY0SDExMC41WiIgZmlsbD0idXJsKCNwYWludDBfbGluZWFyXzEyOF8xMjgpIi8+CjxwYXRoIGQ9Ik00OC41IDY3QzUxLjUzNzYgNjcgNTQgNjQuNTM3NiA1NCA2MS41QzU0IDU4LjQ2MjQgNTEuNTM3NiA1NiA0OC41IDU2QzQ1LjQ2MjQgNTYgNDMgNTguNDYyNCA0MyA2MS41QzQzIDY0LjUzNzYgNDUuNDYyNCA2NyA0OC41IDY3WiIgZmlsbD0iIzFCMUIxQiIvPgo8cGF0aCBkPSJNNzMuNSA2N0M3Ni41Mzc2IDY3IDc5IDY0LjUzNzYgNzkgNjEuNUM3OSA1OC40NjI0IDc2LjUzNzYgNTYgNzMuNSA1NkM3MC40NjI0IDU2IDY4IDU4LjQ2MjQgNjggNjEuNUM2OCA2NC41Mzc2IDcwLjQ2MjQgNjcgNzMuNSA2N1oiIGZpbGw9IiMxQjFCMUIiLz4KPGRlZnM+CjxsaW5lYXJHcmFkaWVudCBpZD0icGFpbnQwX2xpbmVhcl8xMjhfMTI4IiB4MT0iMTE3IiB5MT0iMTIiIHgyPSIxMTciIHkyPSIxMTEiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4KPHN0b3Agc3RvcC1jb2xvcj0iI0ZGRkZGRiIvPgo8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNGRkZGRkYiIHN0b3Atb3BhY2l0eT0iMC44MiIvPgo8L2xpbmVhckdyYWRpZW50Pgo8L2RlZnM+Cjwvc3ZnPg==",
+        detect: () => window.phantom?.solana
+      },
+      {
+        id: "solflare",
+        name: "Solflare",
+        // Solflare icon
+        icon: "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTI4IiBoZWlnaHQ9IjEyOCIgdmlld0JveD0iMCAwIDEyOCAxMjgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxyZWN0IHdpZHRoPSIxMjgiIGhlaWdodD0iMTI4IiByeD0iMjYiIGZpbGw9IiNGQzZEMDEiLz4KPHBhdGggZD0iTTk2IDY0TDY0IDMyTDMyIDY0TDY0IDk2TDk2IDY0WiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+",
+        detect: () => window.solflare
+      },
+      {
+        id: "backpack",
+        name: "Backpack",
+        // Backpack icon (red coral color)
+        icon: "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTI4IiBoZWlnaHQ9IjEyOCIgdmlld0JveD0iMCAwIDEyOCAxMjgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxyZWN0IHdpZHRoPSIxMjgiIGhlaWdodD0iMTI4IiByeD0iMjYiIGZpbGw9IiNFMzM0MzAiLz4KPHBhdGggZD0iTTQwIDQ4SDg4VjgwQzg4IDg4LjgzNjYgODAuODM2NiA5NiA3MiA5Nkg1NkM0Ny4xNjM0IDk2IDQwIDg4LjgzNjYgNDAgODBWNDhaIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBkPSJNNTIgMzJINzZWNDhINTJWMzJaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4=",
+        detect: () => window.backpack
+      },
+      {
+        id: "okx-solana",
+        name: "OKX Wallet",
+        // OKX icon
+        icon: "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTI4IiBoZWlnaHQ9IjEyOCIgdmlld0JveD0iMCAwIDEyOCAxMjgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxyZWN0IHdpZHRoPSIxMjgiIGhlaWdodD0iMTI4IiByeD0iMjYiIGZpbGw9ImJsYWNrIi8+CjxyZWN0IHg9IjI0IiB5PSIyNCIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiByeD0iNCIgZmlsbD0id2hpdGUiLz4KPHJlY3QgeD0iNTIiIHk9IjI0IiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHJ4PSI0IiBmaWxsPSJ3aGl0ZSIvPgo8cmVjdCB4PSI4MCIgeT0iMjQiIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgcng9IjQiIGZpbGw9IndoaXRlIi8+CjxyZWN0IHg9IjI0IiB5PSI1MiIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiByeD0iNCIgZmlsbD0id2hpdGUiLz4KPHJlY3QgeD0iODAiIHk9IjUyIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHJ4PSI0IiBmaWxsPSJ3aGl0ZSIvPgo8cmVjdCB4PSIyNCIgeT0iODAiIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgcng9IjQiIGZpbGw9IndoaXRlIi8+CjxyZWN0IHg9IjUyIiB5PSI4MCIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiByeD0iNCIgZmlsbD0id2hpdGUiLz4KPHJlY3QgeD0iODAiIHk9IjgwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHJ4PSI0IiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4=",
+        detect: () => window.okxwallet?.solana
+      },
+      {
+        id: "coinbase-solana",
+        name: "Coinbase Wallet",
+        // Coinbase icon (blue)
+        icon: "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTI4IiBoZWlnaHQ9IjEyOCIgdmlld0JveD0iMCAwIDEyOCAxMjgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxyZWN0IHdpZHRoPSIxMjgiIGhlaWdodD0iMTI4IiByeD0iMjYiIGZpbGw9IiMwMDUyRkYiLz4KPGNpcmNsZSBjeD0iNjQiIGN5PSI2NCIgcj0iMzYiIGZpbGw9IndoaXRlIi8+CjxyZWN0IHg9IjQ4IiB5PSI1NiIgd2lkdGg9IjMyIiBoZWlnaHQ9IjE2IiByeD0iNCIgZmlsbD0iIzAwNTJGRiIvPgo8L3N2Zz4=",
+        detect: () => window.coinbaseSolana
+      },
+      {
+        id: "trust-solana",
+        name: "Trust Wallet",
+        // Trust Wallet icon
+        icon: "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTI4IiBoZWlnaHQ9IjEyOCIgdmlld0JveD0iMCAwIDEyOCAxMjgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxyZWN0IHdpZHRoPSIxMjgiIGhlaWdodD0iMTI4IiByeD0iMjYiIGZpbGw9IiMwNTAwRkYiLz4KPHBhdGggZD0iTTY0IDI0QzY0IDI0IDk2IDQwIDk2IDY0Qzk2IDg4IDY0IDEwNCA2NCAxMDRDNjQgMTA0IDMyIDg4IDMyIDY0QzMyIDQwIDY0IDI0IDY0IDI0WiIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSI2IiBmaWxsPSJub25lIi8+Cjwvc3ZnPg==",
+        detect: () => window.trustwallet?.solana
+      }
+    ];
+    evmWallets = /* @__PURE__ */ new Map();
+    evmDiscoveryListeners = /* @__PURE__ */ new Set();
+    evmDiscoveryInitialized = false;
+    currentConnectedWallet = null;
+    if (typeof window !== "undefined") {
+      initEVMWalletDiscovery();
+    }
+  }
+});
+
 // src/react/index.ts
 var index_exports = {};
 __export(index_exports, {
   AnimationStyles: () => AnimationStyles,
   Toast: () => Toast,
-  V402Checkout: () => V402Checkout,
   V402CheckoutV2: () => V402CheckoutV2,
   WalletConnect: () => WalletConnect,
   WalletSelectModal: () => WalletSelectModal,
@@ -503,317 +811,77 @@ async function getCurrentWallet(networkType) {
         return null;
       }
     }
-    return null;
-  }
-  if (type === "solana" /* SOLANA */ || type === "svm" /* SVM */) {
-    const solana = window.solana;
-    if (!solana || !solana.isConnected) {
-      return cachedAddress;
-    }
-    return solana.publicKey?.toString() || cachedAddress;
-  }
-  return cachedAddress;
-}
-function onAccountsChanged(callback) {
-  if (typeof window === "undefined" || !window.ethereum) {
-    return () => {
-    };
-  }
-  const ethereum = window.ethereum;
-  const handler = (accounts) => {
-    callback(accounts);
-  };
-  ethereum.on("accountsChanged", handler);
-  return () => {
-    ethereum.removeListener?.("accountsChanged", handler);
-  };
-}
-function onChainChanged(callback) {
-  if (typeof window === "undefined" || !window.ethereum) {
-    return () => {
-    };
-  }
-  const ethereum = window.ethereum;
-  const handler = (chainId) => {
-    console.log("\u{1F504} Chain changed to:", chainId);
-    callback(chainId);
-  };
-  ethereum.on("chainChanged", handler);
-  return () => {
-    ethereum.removeListener?.("chainChanged", handler);
-  };
-}
-function onWalletDisconnect(callback) {
-  if (typeof window === "undefined") {
-    return () => {
-    };
-  }
-  const solana = window.solana;
-  if (!solana) {
-    return () => {
-    };
-  }
-  const handler = () => {
-    console.log("\u{1F50C} Solana wallet disconnected");
-    callback();
-  };
-  solana.on("disconnect", handler);
-  return () => {
-    solana.removeListener?.("disconnect", handler);
-  };
-}
-async function switchNetwork(networkType) {
-  const cachedAddress = getCachedWalletAddress(networkType);
-  if (cachedAddress) {
-    saveConnectedNetworkType(networkType);
-    clearWalletDisconnection(networkType);
-    const currentAddress = await getCurrentWallet(networkType);
-    if (currentAddress) {
-      return currentAddress;
-    }
-  }
-  return null;
-}
-
-// src/utils/wallet-discovery.ts
-init_wallet();
-var SOLANA_WALLETS = [
-  {
-    id: "phantom",
-    name: "Phantom",
-    // Phantom official icon
-    icon: "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTI4IiBoZWlnaHQ9IjEyOCIgdmlld0JveD0iMCAwIDEyOCAxMjgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxyZWN0IHdpZHRoPSIxMjgiIGhlaWdodD0iMTI4IiByeD0iMjYiIGZpbGw9IiNBQjlGRjIiLz4KPHBhdGggZD0iTTExMC41IDY0QzExMC41IDg5Ljk1NjggODkuMjAxIDExMSA2My41IDExMUg0MS41QzM2LjI1MzMgMTExIDMyIDEwNi43NDcgMzIgMTAxLjVWNTQuNUMzMiAzMS4wMjggNTEuMDI4IDEyIDc0LjUgMTJDOTcuOTcyIDEyIDExNyAzMS4wMjggMTE3IDU0LjVWNTUuNUMxMTcgNTguNTM3NiAxMTQuNTM4IDYxIDExMS41IDYxSDEwOS41QzEwNi40NjIgNjEgMTA0IDYzLjQ2MjQgMTA0IDY2LjVWNjhDMTA0IDcxLjg2NiAxMDcuMTM0IDc1IDExMSA3NUgxMTEuNUMxMTQuNTM4IDc1IDExNyA3Mi41Mzc2IDExNyA2OS41VjY0SDExMC41WiIgZmlsbD0idXJsKCNwYWludDBfbGluZWFyXzEyOF8xMjgpIi8+CjxwYXRoIGQ9Ik00OC41IDY3QzUxLjUzNzYgNjcgNTQgNjQuNTM3NiA1NCA2MS41QzU0IDU4LjQ2MjQgNTEuNTM3NiA1NiA0OC41IDU2QzQ1LjQ2MjQgNTYgNDMgNTguNDYyNCA0MyA2MS41QzQzIDY0LjUzNzYgNDUuNDYyNCA2NyA0OC41IDY3WiIgZmlsbD0iIzFCMUIxQiIvPgo8cGF0aCBkPSJNNzMuNSA2N0M3Ni41Mzc2IDY3IDc5IDY0LjUzNzYgNzkgNjEuNUM3OSA1OC40NjI0IDc2LjUzNzYgNTYgNzMuNSA1NkM3MC40NjI0IDU2IDY4IDU4LjQ2MjQgNjggNjEuNUM2OCA2NC41Mzc2IDcwLjQ2MjQgNjcgNzMuNSA2N1oiIGZpbGw9IiMxQjFCMUIiLz4KPGRlZnM+CjxsaW5lYXJHcmFkaWVudCBpZD0icGFpbnQwX2xpbmVhcl8xMjhfMTI4IiB4MT0iMTE3IiB5MT0iMTIiIHgyPSIxMTciIHkyPSIxMTEiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4KPHN0b3Agc3RvcC1jb2xvcj0iI0ZGRkZGRiIvPgo8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNGRkZGRkYiIHN0b3Atb3BhY2l0eT0iMC44MiIvPgo8L2xpbmVhckdyYWRpZW50Pgo8L2RlZnM+Cjwvc3ZnPg==",
-    detect: () => window.phantom?.solana
-  },
-  {
-    id: "solflare",
-    name: "Solflare",
-    // Solflare icon
-    icon: "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTI4IiBoZWlnaHQ9IjEyOCIgdmlld0JveD0iMCAwIDEyOCAxMjgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxyZWN0IHdpZHRoPSIxMjgiIGhlaWdodD0iMTI4IiByeD0iMjYiIGZpbGw9IiNGQzZEMDEiLz4KPHBhdGggZD0iTTk2IDY0TDY0IDMyTDMyIDY0TDY0IDk2TDk2IDY0WiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+",
-    detect: () => window.solflare
-  },
-  {
-    id: "backpack",
-    name: "Backpack",
-    // Backpack icon (red coral color)
-    icon: "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTI4IiBoZWlnaHQ9IjEyOCIgdmlld0JveD0iMCAwIDEyOCAxMjgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxyZWN0IHdpZHRoPSIxMjgiIGhlaWdodD0iMTI4IiByeD0iMjYiIGZpbGw9IiNFMzM0MzAiLz4KPHBhdGggZD0iTTQwIDQ4SDg4VjgwQzg4IDg4LjgzNjYgODAuODM2NiA5NiA3MiA5Nkg1NkM0Ny4xNjM0IDk2IDQwIDg4LjgzNjYgNDAgODBWNDhaIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBkPSJNNTIgMzJINzZWNDhINTJWMzJaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4=",
-    detect: () => window.backpack
-  },
-  {
-    id: "okx-solana",
-    name: "OKX Wallet",
-    // OKX icon
-    icon: "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTI4IiBoZWlnaHQ9IjEyOCIgdmlld0JveD0iMCAwIDEyOCAxMjgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxyZWN0IHdpZHRoPSIxMjgiIGhlaWdodD0iMTI4IiByeD0iMjYiIGZpbGw9ImJsYWNrIi8+CjxyZWN0IHg9IjI0IiB5PSIyNCIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiByeD0iNCIgZmlsbD0id2hpdGUiLz4KPHJlY3QgeD0iNTIiIHk9IjI0IiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHJ4PSI0IiBmaWxsPSJ3aGl0ZSIvPgo8cmVjdCB4PSI4MCIgeT0iMjQiIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgcng9IjQiIGZpbGw9IndoaXRlIi8+CjxyZWN0IHg9IjI0IiB5PSI1MiIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiByeD0iNCIgZmlsbD0id2hpdGUiLz4KPHJlY3QgeD0iODAiIHk9IjUyIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHJ4PSI0IiBmaWxsPSJ3aGl0ZSIvPgo8cmVjdCB4PSIyNCIgeT0iODAiIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgcng9IjQiIGZpbGw9IndoaXRlIi8+CjxyZWN0IHg9IjUyIiB5PSI4MCIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiByeD0iNCIgZmlsbD0id2hpdGUiLz4KPHJlY3QgeD0iODAiIHk9IjgwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHJ4PSI0IiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4=",
-    detect: () => window.okxwallet?.solana
-  },
-  {
-    id: "coinbase-solana",
-    name: "Coinbase Wallet",
-    // Coinbase icon (blue)
-    icon: "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTI4IiBoZWlnaHQ9IjEyOCIgdmlld0JveD0iMCAwIDEyOCAxMjgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxyZWN0IHdpZHRoPSIxMjgiIGhlaWdodD0iMTI4IiByeD0iMjYiIGZpbGw9IiMwMDUyRkYiLz4KPGNpcmNsZSBjeD0iNjQiIGN5PSI2NCIgcj0iMzYiIGZpbGw9IndoaXRlIi8+CjxyZWN0IHg9IjQ4IiB5PSI1NiIgd2lkdGg9IjMyIiBoZWlnaHQ9IjE2IiByeD0iNCIgZmlsbD0iIzAwNTJGRiIvPgo8L3N2Zz4=",
-    detect: () => window.coinbaseSolana
-  },
-  {
-    id: "trust-solana",
-    name: "Trust Wallet",
-    // Trust Wallet icon
-    icon: "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTI4IiBoZWlnaHQ9IjEyOCIgdmlld0JveD0iMCAwIDEyOCAxMjgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxyZWN0IHdpZHRoPSIxMjgiIGhlaWdodD0iMTI4IiByeD0iMjYiIGZpbGw9IiMwNTAwRkYiLz4KPHBhdGggZD0iTTY0IDI0QzY0IDI0IDk2IDQwIDk2IDY0Qzk2IDg4IDY0IDEwNCA2NCAxMDRDNjQgMTA0IDMyIDg4IDMyIDY0QzMyIDQwIDY0IDI0IDY0IDI0WiIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSI2IiBmaWxsPSJub25lIi8+Cjwvc3ZnPg==",
-    detect: () => window.trustwallet?.solana
-  }
-];
-var evmWallets = /* @__PURE__ */ new Map();
-var evmDiscoveryListeners = /* @__PURE__ */ new Set();
-var evmDiscoveryInitialized = false;
-var currentConnectedWallet = null;
-function initEVMWalletDiscovery() {
-  if (typeof window === "undefined" || evmDiscoveryInitialized) return;
-  evmDiscoveryInitialized = true;
-  window.addEventListener("eip6963:announceProvider", ((event) => {
-    const { info, provider } = event.detail;
-    evmWallets.set(info.uuid, { info, provider });
-    evmDiscoveryListeners.forEach((listener) => listener());
-  }));
-  window.dispatchEvent(new Event("eip6963:requestProvider"));
-}
-function getEVMWallets() {
-  const wallets = [];
-  const detectedNames = /* @__PURE__ */ new Set();
-  evmWallets.forEach((detail, uuid) => {
-    if (!detectedNames.has(detail.info.name)) {
-      wallets.push({
-        id: uuid,
-        name: detail.info.name,
-        icon: detail.info.icon,
-        networkType: "evm" /* EVM */,
-        provider: detail.provider,
-        installed: true
-      });
-      detectedNames.add(detail.info.name);
-    }
-  });
-  if (wallets.length === 0 && typeof window !== "undefined" && window.ethereum) {
-    const ethereum = window.ethereum;
-    const walletName = ethereum.isMetaMask ? "MetaMask" : ethereum.isCoinbaseWallet ? "Coinbase Wallet" : ethereum.isOkxWallet ? "OKX Wallet" : "Browser Wallet";
-    if (!detectedNames.has(walletName)) {
-      wallets.push({
-        id: "injected",
-        name: walletName,
-        icon: "",
-        // Will use first letter as avatar
-        networkType: "evm" /* EVM */,
-        provider: ethereum,
-        installed: true
-      });
-    }
-  }
-  return wallets;
-}
-function onEVMWalletsChanged(callback) {
-  evmDiscoveryListeners.add(callback);
-  return () => {
-    evmDiscoveryListeners.delete(callback);
-  };
-}
-function getSolanaWallets() {
-  if (typeof window === "undefined") return [];
-  const wallets = [];
-  const detectedProviders = /* @__PURE__ */ new Set();
-  const detectedNames = /* @__PURE__ */ new Set();
-  for (const wallet of SOLANA_WALLETS) {
-    const provider = wallet.detect();
-    if (provider && !detectedNames.has(wallet.name)) {
-      wallets.push({
-        id: wallet.id,
-        name: wallet.name,
-        icon: wallet.icon,
-        networkType: "solana" /* SOLANA */,
-        provider,
-        installed: true
-      });
-      detectedProviders.add(provider);
-      detectedNames.add(wallet.name);
-    }
-  }
-  const windowSolana = window.solana;
-  if (windowSolana && !detectedProviders.has(windowSolana)) {
-    const walletName = windowSolana.isPhantom ? "Phantom" : windowSolana.isSolflare ? "Solflare" : windowSolana.isBackpack ? "Backpack" : windowSolana.walletName || "Solana Wallet";
-    if (!detectedNames.has(walletName)) {
-      wallets.push({
-        id: "solana-unknown",
-        name: walletName,
-        icon: "",
-        // Will use first letter as avatar
-        networkType: "solana" /* SOLANA */,
-        provider: windowSolana,
-        installed: true
-      });
-    }
-  }
-  return wallets;
-}
-function getWalletsForNetwork(networkType) {
-  switch (networkType) {
-    case "evm" /* EVM */:
-      return getEVMWallets();
-    case "solana" /* SOLANA */:
-    case "svm" /* SVM */:
-      return getSolanaWallets();
-    default:
-      return [];
-  }
-}
-function getWalletByName(name, networkType) {
-  const wallets = getWalletsForNetwork(networkType);
-  return wallets.find((w) => w.name === name) || null;
-}
-async function connectEVMWallet(wallet) {
-  if (!wallet.provider) {
-    throw new Error(`Wallet ${wallet.name} is not available`);
-  }
-  const accounts = await wallet.provider.request({
-    method: "eth_requestAccounts",
-    params: []
-  });
-  if (!accounts || accounts.length === 0) {
-    throw new Error("Failed to get wallet address");
-  }
-  return accounts[0];
-}
-async function connectSolanaWallet(wallet) {
-  if (!wallet.provider) {
-    throw new Error(`Wallet ${wallet.name} is not available`);
-  }
-  if (wallet.provider.isConnected) {
-    try {
-      await wallet.provider.disconnect();
-    } catch (err) {
-      console.warn("Failed to disconnect before connecting:", err);
-    }
-  }
-  const response = await wallet.provider.connect();
-  return response.publicKey.toString();
-}
-async function connectToWallet(wallet) {
-  let address;
-  switch (wallet.networkType) {
-    case "evm" /* EVM */:
-      address = await connectEVMWallet(wallet);
-      break;
-    case "solana" /* SOLANA */:
-    case "svm" /* SVM */:
-      address = await connectSolanaWallet(wallet);
-      break;
-    default:
-      throw new Error("Unsupported network type");
-  }
-  currentConnectedWallet = wallet;
-  saveConnectedWalletId(wallet.networkType, wallet.name);
-  return address;
-}
-function setCurrentConnectedWallet(wallet) {
-  currentConnectedWallet = wallet;
-}
-function clearConnectedWallet(networkType) {
-  if (networkType) {
-    removeConnectedWalletId(networkType);
+    return null;
   }
-  currentConnectedWallet = null;
+  if (type === "solana" /* SOLANA */ || type === "svm" /* SVM */) {
+    return cachedAddress;
+  }
+  return cachedAddress;
 }
-function restoreConnectedWallet(networkType) {
-  const savedWalletName = getConnectedWalletId(networkType);
-  if (!savedWalletName) return null;
-  const wallet = getWalletByName(savedWalletName, networkType);
-  if (wallet) {
-    currentConnectedWallet = wallet;
-    console.log(`\u2705 Restored wallet provider: ${wallet.name}`);
-    return wallet;
+function onAccountsChanged(callback) {
+  if (typeof window === "undefined" || !window.ethereum) {
+    return () => {
+    };
   }
-  console.warn(`\u26A0\uFE0F Could not find wallet with name: ${savedWalletName}`);
-  return null;
+  const ethereum = window.ethereum;
+  const handler = (accounts) => {
+    callback(accounts);
+  };
+  ethereum.on("accountsChanged", handler);
+  return () => {
+    ethereum.removeListener?.("accountsChanged", handler);
+  };
 }
-function getWalletProviderForPayment(networkType) {
-  if (currentConnectedWallet && currentConnectedWallet.networkType === networkType) {
-    return currentConnectedWallet.provider;
+function onChainChanged(callback) {
+  if (typeof window === "undefined" || !window.ethereum) {
+    return () => {
+    };
   }
-  const restoredWallet = restoreConnectedWallet(networkType);
-  if (restoredWallet) {
-    return restoredWallet.provider;
+  const ethereum = window.ethereum;
+  const handler = (chainId) => {
+    console.log("\u{1F504} Chain changed to:", chainId);
+    callback(chainId);
+  };
+  ethereum.on("chainChanged", handler);
+  return () => {
+    ethereum.removeListener?.("chainChanged", handler);
+  };
+}
+function onWalletDisconnect(callback) {
+  if (typeof window === "undefined") {
+    return () => {
+    };
   }
-  if (typeof window === "undefined") return null;
-  switch (networkType) {
-    case "evm" /* EVM */:
-      return window.ethereum;
-    case "solana" /* SOLANA */:
-    case "svm" /* SVM */:
-      return window.phantom?.solana || window.solana;
-    default:
-      return null;
+  const solana = window.solana;
+  if (!solana) {
+    return () => {
+    };
   }
+  const handler = () => {
+    console.log("\u{1F50C} Solana wallet disconnected");
+    callback();
+  };
+  solana.on("disconnect", handler);
+  return () => {
+    solana.removeListener?.("disconnect", handler);
+  };
 }
-if (typeof window !== "undefined") {
-  initEVMWalletDiscovery();
+async function switchNetwork(networkType) {
+  const cachedAddress = getCachedWalletAddress(networkType);
+  if (cachedAddress) {
+    saveConnectedNetworkType(networkType);
+    clearWalletDisconnection(networkType);
+    const currentAddress = await getCurrentWallet(networkType);
+    if (currentAddress) {
+      return currentAddress;
+    }
+  }
+  return null;
 }
 
+// src/utils/index.ts
+init_wallet_discovery();
+
 // src/services/svm/payment-header.ts
 var import_web3 = require("@solana/web3.js");
 var import_spl_token = require("@solana/spl-token");
@@ -1269,6 +1337,7 @@ async function handleEvmPayment(endpoint, config, requestInit) {
 // src/utils/payment-helpers.ts
 var import_ethers2 = require("ethers");
 init_common();
+init_wallet_discovery();
 function parsePaymentRequired(response) {
   if (response && typeof response === "object") {
     if ("x402Version" in response && "accepts" in response) {
@@ -1309,8 +1378,8 @@ async function makePayment(networkType, merchantId, endpoint = PROD_BACK_URL, ad
     if (!solana.isConnected) {
       await solana.connect();
     }
-    if (expectedAddress && solana.publicKey) {
-      const currentAddress = solana.publicKey.toString();
+    const currentAddress = solana.publicKey?.toString();
+    if (expectedAddress && currentAddress) {
       if (currentAddress !== expectedAddress) {
         throw new Error(
           `Wallet account mismatch: the current wallet account is ${currentAddress.slice(0, 8)}...\uFF0CBut the desired account is ${expectedAddress.slice(0, 8)}.... Please switch to the correct account in your wallet.`
@@ -1337,8 +1406,8 @@ async function makePayment(networkType, merchantId, endpoint = PROD_BACK_URL, ad
     }
     const wallet = {
       address: currentAddress,
-      signTypedData: async (domain, types, message2) => {
-        return await signer.signTypedData(domain, types, message2);
+      signTypedData: async (domain, types, message) => {
+        return await signer.signTypedData(domain, types, message);
       },
       // Get current chain ID from wallet
       getChainId: async () => {
@@ -1676,8 +1745,22 @@ var WalletStore = class {
     }
     this.setState({ isConnecting: true, error: null });
     try {
-      const address = await switchNetwork(type);
+      let address = await switchNetwork(type);
       if (address) {
+        const wallets = getWalletsForNetwork(type);
+        if (wallets.length > 0) {
+          const { getWalletProviderForPayment: getWalletProviderForPayment2 } = await Promise.resolve().then(() => (init_wallet_discovery(), wallet_discovery_exports));
+          const provider = getWalletProviderForPayment2(type);
+          if (provider) {
+            if (type === "solana" /* SOLANA */ || type === "svm" /* SVM */) {
+              const providerAddress = provider.publicKey?.toString();
+              if (providerAddress && providerAddress !== address) {
+                address = providerAddress;
+                saveWalletAddress(type, providerAddress);
+              }
+            }
+          }
+        }
         this.setState({
           address,
           networkType: type,
@@ -1728,6 +1811,16 @@ var WalletStore = class {
       return;
     }
     if (this.state.networkType === expectedNetwork && this.state.address) {
+      const { getWalletProviderForPayment: getWalletProviderForPayment2 } = await Promise.resolve().then(() => (init_wallet_discovery(), wallet_discovery_exports));
+      const provider = getWalletProviderForPayment2(expectedNetwork);
+      if (provider && (expectedNetwork === "solana" /* SOLANA */ || expectedNetwork === "svm" /* SVM */)) {
+        const providerAddress = provider.publicKey?.toString();
+        if (providerAddress && providerAddress !== this.state.address) {
+          this.setState({ address: providerAddress });
+          saveWalletAddress(expectedNetwork, providerAddress);
+          return;
+        }
+      }
       return;
     }
     if (this.state.networkType !== expectedNetwork) {
@@ -1867,7 +1960,7 @@ var import_react6 = __toESM(require("react"));
 // src/react/components/ui/Toast.tsx
 var import_react5 = __toESM(require("react"));
 var import_react_dom = require("react-dom");
-var Toast = ({ message: message2, type, onClose }) => {
+var Toast = ({ message, type, onClose }) => {
   (0, import_react5.useEffect)(() => {
     const timer = setTimeout(onClose, 3e3);
     return () => clearTimeout(timer);
@@ -1890,7 +1983,7 @@ var Toast = ({ message: message2, type, onClose }) => {
           style: { backgroundColor: bgColor, minWidth: "280px" }
         },
         /* @__PURE__ */ import_react5.default.createElement("span", { className: "text-lg" }, icon),
-        /* @__PURE__ */ import_react5.default.createElement("span", { className: "flex-1" }, message2),
+        /* @__PURE__ */ import_react5.default.createElement("span", { className: "flex-1" }, message),
         /* @__PURE__ */ import_react5.default.createElement(
           "button",
           {
@@ -1909,9 +2002,9 @@ var Toast = ({ message: message2, type, onClose }) => {
 var useToast = () => {
   const [toasts, setToasts] = (0, import_react6.useState)([]);
   const toastIdRef = (0, import_react6.useRef)(0);
-  const showToast = (0, import_react6.useCallback)((message2, type) => {
+  const showToast = (0, import_react6.useCallback)((message, type) => {
     const id = ++toastIdRef.current;
-    setToasts((prev) => [...prev, { id, message: message2, type }]);
+    setToasts((prev) => [...prev, { id, message, type }]);
   }, []);
   const removeToast = (0, import_react6.useCallback)((id) => {
     setToasts((prev) => prev.filter((t) => t.id !== id));
@@ -1938,6 +2031,7 @@ var import_react8 = __toESM(require("react"));
 // src/react/components/wallet/WalletSelectModal.tsx
 var import_react7 = __toESM(require("react"));
 var import_react_dom2 = require("react-dom");
+init_wallet_discovery();
 var overlayStyle = {
   position: "fixed",
   top: 0,
@@ -2386,10 +2480,8 @@ function WalletConnect({
   ));
 }
 
-// src/react/components/checkout/V402Checkout.tsx
-var import_react10 = __toESM(require("react"));
-var import_antd = require("antd");
-var import_icons = require("@ant-design/icons");
+// src/react/components/checkout/V402CheckoutV2.tsx
+var import_react14 = __toESM(require("react"));
 init_common();
 
 // src/react/utils/CryptoIcons.tsx
@@ -2458,495 +2550,8 @@ var getNetworkIcon = (network) => {
   return BaseIcon;
 };
 
-// src/react/components/checkout/V402Checkout.tsx
-var { Title, Text } = import_antd.Typography;
-var notify = {
-  success: (title, msg) => {
-    import_antd.message.success(`${title}: ${msg}`);
-  },
-  error: (title, msg) => {
-    import_antd.message.error(`${title}: ${msg}`);
-  },
-  info: (title, msg) => {
-    import_antd.message.info(`${title}: ${msg}`);
-  }
-};
-function V402Checkout({
-  checkoutId,
-  headerInfo = {},
-  isModal = false,
-  onPaymentComplete,
-  additionalParams = {},
-  expectedNetwork
-}) {
-  const {
-    title = "V402Pay - Make x402Pay Easier",
-    subtitle = "onvoyage.ai",
-    tooltipText = "V402Pay - Accept Crypto Payments Easier"
-  } = headerInfo;
-  const endpoint = PROD_BACK_URL;
-  const {
-    supportedNetworks,
-    isLoading: fetchingPaymentInfo,
-    paymentInfo
-  } = usePaymentInfo(checkoutId, endpoint, additionalParams);
-  const targetNetwork = expectedNetwork || supportedNetworks[0];
-  const { address, networkType, disconnect, ensureNetwork } = usePageNetwork(
-    targetNetwork,
-    { autoSwitch: !!targetNetwork, switchOnMount: true }
-  );
-  const { isProcessing, setIsProcessing, result, setResult, error, setError } = usePayment();
-  const [paymentDetails, setPaymentDetails] = (0, import_react10.useState)(null);
-  const handleDisconnect = () => {
-    disconnect();
-    setResult(null);
-    setError(null);
-    notify.info("Wallet Disconnected", "Your wallet has been disconnected successfully.");
-  };
-  (0, import_react10.useEffect)(() => {
-    if (paymentInfo && paymentInfo.length > 0) {
-      const firstPayment = paymentInfo[0];
-      const rawAmount = firstPayment.maxAmountRequired?.toString() || "0";
-      const decimals = 6;
-      const humanReadableAmount = (Number(rawAmount) / Math.pow(10, decimals)).toFixed(2);
-      const network = firstPayment.network || "Unknown";
-      const currency = "USDC";
-      setPaymentDetails({
-        amount: humanReadableAmount,
-        currency,
-        network
-      });
-    }
-  }, [paymentInfo]);
-  (0, import_react10.useEffect)(() => {
-    if (targetNetwork && !fetchingPaymentInfo && ensureNetwork) {
-      ensureNetwork(targetNetwork).catch((err) => {
-        console.error("Failed to ensure network:", err);
-      });
-    }
-  }, [targetNetwork, fetchingPaymentInfo]);
-  const handlePayment = async () => {
-    if (!networkType) {
-      notify.error("Wallet Not Connected", "Please connect your wallet first.");
-      return;
-    }
-    setResult(null);
-    setError(null);
-    setIsProcessing(true);
-    try {
-      const response = await makePayment(networkType, checkoutId, endpoint, additionalParams, address || void 0);
-      const data = await response.json();
-      setResult(data);
-      notify.success("Payment Successful!", "Your payment has been processed successfully.");
-      if (onPaymentComplete) {
-        onPaymentComplete(data);
-      }
-    } catch (err) {
-      const errorMessage = err.message || "Payment failed";
-      setError(errorMessage);
-      notify.error("Payment Failed", errorMessage);
-    } finally {
-      setIsProcessing(false);
-    }
-  };
-  const getNetworkColor = (network) => {
-    if (network.toLowerCase().includes("solana")) return "#14F195";
-    if (network.toLowerCase().includes("evm") || network.toLowerCase().includes("base")) return "#0052FF";
-    return "#8c8c8c";
-  };
-  const NetworkIcon = paymentDetails ? getNetworkIcon(paymentDetails.network) : null;
-  const networkColor = paymentDetails ? getNetworkColor(paymentDetails.network) : "#8c8c8c";
-  const loadingColor = "#8c8c8c";
-  const hasInvalidCheckoutId = !fetchingPaymentInfo && (!paymentInfo || paymentInfo.length === 0);
-  return /* @__PURE__ */ import_react10.default.createElement(
-    "div",
-    {
-      className: isModal ? "bg-white" : "h-screen bg-white flex items-center justify-center p-4 overflow-hidden"
-    },
-    /* @__PURE__ */ import_react10.default.createElement(
-      "div",
-      {
-        className: "flex gap-4 items-center justify-center",
-        style: {
-          maxWidth: isProcessing || result || error ? "1200px" : "480px",
-          transition: "max-width 0.4s ease-in-out",
-          width: "100%"
-        }
-      },
-      /* @__PURE__ */ import_react10.default.createElement(
-        import_antd.Card,
-        {
-          className: "flex-shrink-0",
-          style: {
-            border: isModal ? "none" : "1px solid #e8e8e8",
-            borderRadius: isModal ? "0" : "16px",
-            boxShadow: isModal ? "none" : "0 4px 24px rgba(0, 0, 0, 0.06)",
-            maxHeight: isModal ? "calc(100vh - 100px)" : "calc(100vh - 32px)",
-            overflow: "auto",
-            width: isModal ? "100%" : "480px",
-            transition: "all 0.4s ease-in-out",
-            transform: result || error ? "translateX(0)" : "translateX(0)"
-          },
-          styles: { body: { padding: isModal ? "0px" : "32px 24px" } }
-        },
-        /* @__PURE__ */ import_react10.default.createElement("div", { className: "flex items-center gap-3 mb-4" }, /* @__PURE__ */ import_react10.default.createElement(
-          "div",
-          {
-            className: "w-12 h-12 rounded-xl flex items-center justify-center",
-            style: {
-              background: hasInvalidCheckoutId ? "#ff4d4f" : paymentDetails ? networkColor : loadingColor,
-              transition: "background 0.3s ease"
-            }
-          },
-          hasInvalidCheckoutId ? /* @__PURE__ */ import_react10.default.createElement("span", { style: { fontSize: "20px", color: "white", fontWeight: "bold" } }, "\u2717") : paymentDetails && NetworkIcon ? /* @__PURE__ */ import_react10.default.createElement(NetworkIcon, { width: 24, height: 24 }) : /* @__PURE__ */ import_react10.default.createElement(import_icons.LoadingOutlined, { style: { fontSize: "20px", color: "white" }, spin: true })
-        ), /* @__PURE__ */ import_react10.default.createElement("div", { className: "flex-1" }, /* @__PURE__ */ import_react10.default.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ import_react10.default.createElement(Title, { level: 4, style: { margin: 0, fontSize: "18px", fontWeight: 600 } }, title || "Echo Payment OnVoyage"), !hasInvalidCheckoutId && /* @__PURE__ */ import_react10.default.createElement(
-          import_antd.Tooltip,
-          {
-            title: tooltipText,
-            placement: "top"
-          },
-          /* @__PURE__ */ import_react10.default.createElement(
-            import_icons.InfoCircleOutlined,
-            {
-              style: { fontSize: "14px", color: "#8c8c8c", cursor: "help" }
-            }
-          )
-        )), /* @__PURE__ */ import_react10.default.createElement(Text, { style: { fontSize: "13px", color: "#8c8c8c" } }, subtitle))),
-        /* @__PURE__ */ import_react10.default.createElement("div", { className: "text-center mb-5" }, /* @__PURE__ */ import_react10.default.createElement("div", { className: "inline-flex items-center justify-center w-12 h-12 rounded-full bg-gray-50 mb-3" }, /* @__PURE__ */ import_react10.default.createElement(import_icons.LockOutlined, { style: { fontSize: "20px", color: "#595959" } })), /* @__PURE__ */ import_react10.default.createElement(Title, { level: 3, style: { margin: "0 0 6px 0", fontSize: "20px", fontWeight: 600 } }, "Payment Required"), /* @__PURE__ */ import_react10.default.createElement(Text, { style: { fontSize: "13px", color: "#8c8c8c" } }, "Pay ", paymentDetails ? `$${paymentDetails.amount} ${paymentDetails.currency}` : "the required amount", " to access")),
-        hasInvalidCheckoutId && /* @__PURE__ */ import_react10.default.createElement("div", { className: "text-center py-6" }, /* @__PURE__ */ import_react10.default.createElement(
-          "div",
-          {
-            className: "inline-flex items-center justify-center w-16 h-16 rounded-full mb-4",
-            style: {
-              background: "linear-gradient(135deg, #ef4444 0%, #f87171 100%)",
-              boxShadow: "0 4px 20px rgba(239, 68, 68, 0.3)"
-            }
-          },
-          /* @__PURE__ */ import_react10.default.createElement("span", { style: { fontSize: "32px", color: "white" } }, "!")
-        ), /* @__PURE__ */ import_react10.default.createElement(
-          Title,
-          {
-            level: 4,
-            style: { margin: "0 0 12px 0", fontSize: "18px", fontWeight: 600, color: "#262626" }
-          },
-          "Invalid Checkout ID"
-        ), /* @__PURE__ */ import_react10.default.createElement(Text, { style: { fontSize: "14px", color: "#8c8c8c", display: "block", marginBottom: "16px" } }, "The checkout ID you provided is invalid or has expired."), /* @__PURE__ */ import_react10.default.createElement(
-          "div",
-          {
-            style: {
-              background: "#fef2f2",
-              padding: "16px",
-              borderRadius: "12px",
-              border: "1px solid #fee2e2",
-              marginTop: "16px"
-            }
-          },
-          /* @__PURE__ */ import_react10.default.createElement(Text, { style: {
-            fontSize: "13px",
-            color: "#dc2626",
-            lineHeight: "1.6",
-            fontWeight: 500
-          } }, "Failed to load payment information. Please check your checkout ID.")
-        )),
-        !hasInvalidCheckoutId && fetchingPaymentInfo && /* @__PURE__ */ import_react10.default.createElement("div", { className: "text-center py-6" }, /* @__PURE__ */ import_react10.default.createElement(Text, { style: { color: "#8c8c8c" } }, "Loading payment information...")),
-        !hasInvalidCheckoutId && !fetchingPaymentInfo && !address && /* @__PURE__ */ import_react10.default.createElement("div", null, /* @__PURE__ */ import_react10.default.createElement(WalletConnect, { supportedNetworks })),
-        !hasInvalidCheckoutId && address && /* @__PURE__ */ import_react10.default.createElement(import_react10.default.Fragment, null, /* @__PURE__ */ import_react10.default.createElement(
-          "div",
-          {
-            className: "bg-gray-50 rounded-lg p-3 mb-4",
-            style: { border: "1px solid #f0f0f0" }
-          },
-          /* @__PURE__ */ import_react10.default.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ import_react10.default.createElement("div", { className: "flex items-center gap-3 flex-1" }, /* @__PURE__ */ import_react10.default.createElement(
-            "div",
-            {
-              className: "w-10 h-10 rounded-full bg-black flex items-center justify-center text-white text-sm font-semibold"
-            },
-            address.slice(0, 2).toUpperCase()
-          ), /* @__PURE__ */ import_react10.default.createElement("div", { className: "flex-1 min-w-0" }, /* @__PURE__ */ import_react10.default.createElement(Text, { style: {
-            display: "block",
-            fontSize: "12px",
-            color: "#8c8c8c",
-            marginBottom: "2px"
-          } }, "Connected Wallet"), /* @__PURE__ */ import_react10.default.createElement(
-            Text,
-            {
-              style: {
-                fontSize: "13px",
-                fontWeight: 600,
-                fontFamily: "Monaco, monospace"
-              }
-            },
-            formatAddress(address)
-          ))), /* @__PURE__ */ import_react10.default.createElement(
-            import_antd.Button,
-            {
-              type: "text",
-              size: "small",
-              icon: /* @__PURE__ */ import_react10.default.createElement(import_icons.DisconnectOutlined, null),
-              onClick: handleDisconnect,
-              style: { color: "#ff4d4f" }
-            }
-          ))
-        ), paymentDetails && /* @__PURE__ */ import_react10.default.createElement("div", { className: "bg-gray-50 rounded-lg p-3 mb-4", style: { border: "1px solid #f0f0f0" } }, /* @__PURE__ */ import_react10.default.createElement("div", { className: "flex justify-between items-center mb-2" }, /* @__PURE__ */ import_react10.default.createElement(Text, { style: { fontSize: "13px", color: "#8c8c8c" } }, "Payment Amount"), /* @__PURE__ */ import_react10.default.createElement(Text, { style: { fontSize: "18px", fontWeight: 600 } }, "$", paymentDetails.amount)), /* @__PURE__ */ import_react10.default.createElement(import_antd.Divider, { style: { margin: "6px 0" } }), /* @__PURE__ */ import_react10.default.createElement("div", { className: "flex justify-between items-center mb-2" }, /* @__PURE__ */ import_react10.default.createElement(Text, { style: { fontSize: "13px", color: "#8c8c8c" } }, "Currency"), /* @__PURE__ */ import_react10.default.createElement(Text, { style: { fontSize: "14px", fontWeight: 500 } }, paymentDetails.currency)), /* @__PURE__ */ import_react10.default.createElement(import_antd.Divider, { style: { margin: "6px 0" } }), /* @__PURE__ */ import_react10.default.createElement("div", { className: "flex justify-between items-center mb-2" }, /* @__PURE__ */ import_react10.default.createElement(Text, { style: { fontSize: "13px", color: "#8c8c8c" } }, "Network"), /* @__PURE__ */ import_react10.default.createElement(Text, { style: { fontSize: "14px", fontWeight: 500 } }, paymentDetails.network)), /* @__PURE__ */ import_react10.default.createElement(import_antd.Divider, { style: { margin: "6px 0" } }), /* @__PURE__ */ import_react10.default.createElement("div", { className: "flex justify-between items-start" }, /* @__PURE__ */ import_react10.default.createElement(Text, { style: { fontSize: "13px", color: "#8c8c8c" } }, "Wallet Address"), /* @__PURE__ */ import_react10.default.createElement(Text, { style: {
-          fontSize: "11px",
-          fontWeight: 500,
-          fontFamily: "Monaco, monospace",
-          wordBreak: "break-all",
-          textAlign: "right",
-          maxWidth: "60%",
-          lineHeight: 1.4
-        } }, address))), /* @__PURE__ */ import_react10.default.createElement(
-          "div",
-          {
-            className: "flex items-center justify-center gap-2 mb-3 p-2 rounded-lg",
-            style: { background: "#f6ffed", border: "1px solid #d9f7be" }
-          },
-          /* @__PURE__ */ import_react10.default.createElement(import_icons.SafetyOutlined, { style: { color: "#52c41a", fontSize: "13px" } }),
-          /* @__PURE__ */ import_react10.default.createElement(Text, { style: { fontSize: "12px", color: "#52c41a", fontWeight: 500 } }, "Secure payment powered by v402pay")
-        ), /* @__PURE__ */ import_react10.default.createElement(
-          import_antd.Button,
-          {
-            type: "primary",
-            size: "large",
-            onClick: handlePayment,
-            disabled: isProcessing || !paymentDetails,
-            loading: isProcessing,
-            block: true,
-            style: {
-              height: "44px",
-              fontSize: "14px",
-              fontWeight: 600,
-              borderRadius: "8px",
-              ...!isProcessing && paymentDetails && {
-                background: "#1a1a1a",
-                borderColor: "#1a1a1a"
-              },
-              marginBottom: "10px"
-            }
-          },
-          isProcessing ? "Processing..." : !paymentDetails ? "Loading..." : `Pay $${paymentDetails.amount} ${paymentDetails.currency}`
-        ), /* @__PURE__ */ import_react10.default.createElement("div", { className: "text-center" }, /* @__PURE__ */ import_react10.default.createElement(Text, { style: { fontSize: "13px", color: "#8c8c8c" } }, "Don't have USDC?", " "), /* @__PURE__ */ import_react10.default.createElement(
-          "a",
-          {
-            href: "https://faucet.circle.com/",
-            target: "_blank",
-            rel: "noopener noreferrer",
-            className: "text-blue-600 hover:text-blue-700 text-sm font-medium inline-flex items-center gap-1"
-          },
-          "Get it here ",
-          /* @__PURE__ */ import_react10.default.createElement(import_icons.LinkOutlined, { style: { fontSize: "12px" } })
-        )), isModal && result && /* @__PURE__ */ import_react10.default.createElement(
-          "div",
-          {
-            className: "mt-4 p-4 rounded-lg",
-            style: { background: "#f6ffed", border: "1px solid #b7eb8f" }
-          },
-          /* @__PURE__ */ import_react10.default.createElement("div", { className: "text-center" }, /* @__PURE__ */ import_react10.default.createElement("span", { style: { fontSize: "20px" } }, "\u2713"), /* @__PURE__ */ import_react10.default.createElement(Text, { style: {
-            fontSize: "14px",
-            color: "#52c41a",
-            fontWeight: 600,
-            marginLeft: "8px"
-          } }, "Payment Successful!"))
-        ), isModal && error && /* @__PURE__ */ import_react10.default.createElement(
-          "div",
-          {
-            className: "mt-4 p-4 rounded-lg",
-            style: { background: "#fff2f0", border: "1px solid #ffccc7" }
-          },
-          /* @__PURE__ */ import_react10.default.createElement("div", { className: "text-center mb-3" }, /* @__PURE__ */ import_react10.default.createElement("span", { style: { fontSize: "20px" } }, "\u2717"), /* @__PURE__ */ import_react10.default.createElement(Text, { style: {
-            fontSize: "14px",
-            color: "#ff4d4f",
-            fontWeight: 600,
-            marginLeft: "8px",
-            display: "block",
-            marginTop: "4px"
-          } }, "Payment Failed")),
-          /* @__PURE__ */ import_react10.default.createElement(Text, { style: {
-            fontSize: "13px",
-            color: "#ff4d4f",
-            display: "block",
-            textAlign: "center"
-          } }, error)
-        ))
-      ),
-      !isModal && (isProcessing || result || error) && /* @__PURE__ */ import_react10.default.createElement(
-        import_antd.Card,
-        {
-          title: /* @__PURE__ */ import_react10.default.createElement("div", { className: "flex items-center gap-2" }, isProcessing && !result && !error ? /* @__PURE__ */ import_react10.default.createElement(import_react10.default.Fragment, null, /* @__PURE__ */ import_react10.default.createElement(import_icons.LoadingOutlined, { style: { color: "#14b8a6", fontSize: "16px" } }), /* @__PURE__ */ import_react10.default.createElement(Text, { strong: true, style: { fontSize: "16px", color: "#262626" } }, "Processing Payment")) : result ? /* @__PURE__ */ import_react10.default.createElement(import_react10.default.Fragment, null, /* @__PURE__ */ import_react10.default.createElement("span", { style: { color: "#52c41a", fontSize: "18px" } }, "\u2713"), /* @__PURE__ */ import_react10.default.createElement(Text, { strong: true, style: { fontSize: "16px", color: "#262626" } }, "Payment Successful")) : /* @__PURE__ */ import_react10.default.createElement(import_react10.default.Fragment, null, /* @__PURE__ */ import_react10.default.createElement("span", { style: { color: "#ff4d4f", fontSize: "18px" } }, "\u2717"), /* @__PURE__ */ import_react10.default.createElement(Text, { strong: true, style: { fontSize: "16px", color: "#262626" } }, "Payment Failed"))),
-          extra: !isProcessing && /* @__PURE__ */ import_react10.default.createElement(
-            import_antd.Button,
-            {
-              type: "text",
-              size: "small",
-              onClick: () => {
-                setResult(null);
-                setError(null);
-              }
-            },
-            "Close"
-          ),
-          style: {
-            border: "1px solid #e8e8e8",
-            borderRadius: "16px",
-            boxShadow: "0 4px 24px rgba(0, 0, 0, 0.06)",
-            maxHeight: "calc(100vh - 32px)",
-            width: "480px",
-            animation: "slideInRight 0.4s ease-out"
-          },
-          styles: {
-            body: {
-              padding: "24px",
-              maxHeight: "calc(100vh - 120px)",
-              overflow: "auto"
-            }
-          }
-        },
-        isProcessing && !result && !error && /* @__PURE__ */ import_react10.default.createElement("div", { className: "text-center py-10" }, /* @__PURE__ */ import_react10.default.createElement("div", { className: "relative inline-block" }, /* @__PURE__ */ import_react10.default.createElement(
-          "div",
-          {
-            className: "absolute inset-0 rounded-full blur-xl opacity-40",
-            style: {
-              background: "linear-gradient(135deg, #14b8a6 0%, #06b6d4 100%)",
-              animation: "pulse 2s ease-in-out infinite"
-            }
-          }
-        ), /* @__PURE__ */ import_react10.default.createElement(
-          import_antd.Spin,
-          {
-            indicator: /* @__PURE__ */ import_react10.default.createElement(import_icons.LoadingOutlined, { style: { fontSize: 56, color: "#14b8a6" } })
-          }
-        )), /* @__PURE__ */ import_react10.default.createElement("div", { className: "mt-6" }, /* @__PURE__ */ import_react10.default.createElement(Text, { strong: true, style: { fontSize: "18px", color: "#262626", letterSpacing: "-0.02em" } }, "Verifying Payment")), /* @__PURE__ */ import_react10.default.createElement("div", { className: "mt-2 mb-6" }, /* @__PURE__ */ import_react10.default.createElement(Text, { style: { fontSize: "14px", color: "#8c8c8c", lineHeight: "1.6" } }, "Please wait while we confirm your transaction")), /* @__PURE__ */ import_react10.default.createElement(
-          "div",
-          {
-            className: "mt-4 p-4 rounded-xl",
-            style: {
-              background: "linear-gradient(135deg, #f0fdfa 0%, #ecfeff 100%)",
-              border: "1px solid #ccfbf1"
-            }
-          },
-          /* @__PURE__ */ import_react10.default.createElement("div", { className: "flex items-center justify-center gap-2" }, /* @__PURE__ */ import_react10.default.createElement("span", { style: { fontSize: "16px" } }, "\u23F1\uFE0F"), /* @__PURE__ */ import_react10.default.createElement(Text, { style: { fontSize: "13px", color: "#0f766e", fontWeight: 500 } }, "This may take a few moments"))
-        )),
-        result && /* @__PURE__ */ import_react10.default.createElement("div", null, /* @__PURE__ */ import_react10.default.createElement("div", { className: "text-center mb-6" }, /* @__PURE__ */ import_react10.default.createElement(
-          "div",
-          {
-            className: "inline-flex items-center justify-center w-16 h-16 rounded-full mb-4",
-            style: {
-              background: "linear-gradient(135deg, #10b981 0%, #34d399 100%)",
-              boxShadow: "0 4px 20px rgba(16, 185, 129, 0.3)"
-            }
-          },
-          /* @__PURE__ */ import_react10.default.createElement("span", { style: { fontSize: "32px", color: "white" } }, "\u2713")
-        ), /* @__PURE__ */ import_react10.default.createElement("div", null, /* @__PURE__ */ import_react10.default.createElement(Text, { strong: true, style: {
-          fontSize: "20px",
-          color: "#262626",
-          display: "block",
-          marginBottom: "8px"
-        } }, "Payment Successful!"), /* @__PURE__ */ import_react10.default.createElement(Text, { style: { fontSize: "14px", color: "#8c8c8c" } }, "Your transaction has been confirmed"))), /* @__PURE__ */ import_react10.default.createElement(import_antd.Divider, { style: { margin: "20px 0", borderColor: "#f0f0f0" } }, /* @__PURE__ */ import_react10.default.createElement(Text, { style: { fontSize: "12px", color: "#8c8c8c", fontWeight: 500 } }, "RESPONSE DATA")), /* @__PURE__ */ import_react10.default.createElement(
-          "pre",
-          {
-            style: {
-              background: "#fafafa",
-              padding: "20px",
-              borderRadius: "12px",
-              fontSize: "12px",
-              lineHeight: "1.8",
-              overflow: "auto",
-              margin: 0,
-              fontFamily: "Monaco, Courier New, monospace",
-              whiteSpace: "pre-wrap",
-              wordBreak: "break-word",
-              border: "1px solid #e8e8e8",
-              color: "#262626"
-            }
-          },
-          JSON.stringify(result, null, 2)
-        )),
-        error && /* @__PURE__ */ import_react10.default.createElement("div", null, /* @__PURE__ */ import_react10.default.createElement("div", { className: "text-center mb-6" }, /* @__PURE__ */ import_react10.default.createElement(
-          "div",
-          {
-            className: "inline-flex items-center justify-center w-16 h-16 rounded-full mb-4",
-            style: {
-              background: "linear-gradient(135deg, #ef4444 0%, #f87171 100%)",
-              boxShadow: "0 4px 20px rgba(239, 68, 68, 0.3)"
-            }
-          },
-          /* @__PURE__ */ import_react10.default.createElement("span", { style: { fontSize: "32px", color: "white" } }, "\u2717")
-        ), /* @__PURE__ */ import_react10.default.createElement("div", null, /* @__PURE__ */ import_react10.default.createElement(Text, { strong: true, style: {
-          fontSize: "20px",
-          color: "#262626",
-          display: "block",
-          marginBottom: "8px"
-        } }, "Payment Failed"), /* @__PURE__ */ import_react10.default.createElement(Text, { style: { fontSize: "14px", color: "#8c8c8c" } }, "Something went wrong with your transaction"))), /* @__PURE__ */ import_react10.default.createElement(import_antd.Divider, { style: { margin: "20px 0", borderColor: "#f0f0f0" } }, /* @__PURE__ */ import_react10.default.createElement(Text, { style: { fontSize: "12px", color: "#8c8c8c", fontWeight: 500 } }, "ERROR DETAILS")), /* @__PURE__ */ import_react10.default.createElement(
-          "div",
-          {
-            style: {
-              background: "#fef2f2",
-              padding: "20px",
-              borderRadius: "12px",
-              border: "1px solid #fee2e2"
-            }
-          },
-          /* @__PURE__ */ import_react10.default.createElement(Text, { style: {
-            fontSize: "14px",
-            color: "#dc2626",
-            lineHeight: "1.6",
-            fontWeight: 500
-          } }, error)
-        ), /* @__PURE__ */ import_react10.default.createElement("div", { className: "mt-4 text-center" }, /* @__PURE__ */ import_react10.default.createElement(
-          import_antd.Button,
-          {
-            size: "large",
-            onClick: handlePayment,
-            style: {
-              height: "44px",
-              fontSize: "14px",
-              fontWeight: 600,
-              borderRadius: "8px",
-              background: "#1a1a1a",
-              borderColor: "#1a1a1a",
-              color: "white",
-              paddingLeft: "32px",
-              paddingRight: "32px"
-            }
-          },
-          "Try Again"
-        )))
-      )
-    ),
-    /* @__PURE__ */ import_react10.default.createElement("style", { dangerouslySetInnerHTML: {
-      __html: `
-                    @keyframes slideInRight {
-                        from {
-                            opacity: 0;
-                            transform: translateX(100px);
-                        }
-                        to {
-                            opacity: 1;
-                            transform: translateX(0);
-                        }
-                    }
-                    
-                    @keyframes pulse {
-                        0%, 100% {
-                            transform: scale(1);
-                            opacity: 0.4;
-                        }
-                        50% {
-                            transform: scale(1.1);
-                            opacity: 0.6;
-                        }
-                    }
-                `
-    } })
-  );
-}
-
-// src/react/components/checkout/V402CheckoutV2.tsx
-var import_react15 = __toESM(require("react"));
-init_common();
-
 // src/react/styles/animations.tsx
-var import_react11 = __toESM(require("react"));
+var import_react10 = __toESM(require("react"));
 var checkoutAnimations = `
     @keyframes spin {
         from { transform: rotate(0deg); }
@@ -2974,10 +2579,10 @@ var checkoutAnimations = `
         50% { opacity: 0.4; }
     }
 `;
-var AnimationStyles = () => /* @__PURE__ */ import_react11.default.createElement("style", { dangerouslySetInnerHTML: { __html: checkoutAnimations } });
+var AnimationStyles = () => /* @__PURE__ */ import_react10.default.createElement("style", { dangerouslySetInnerHTML: { __html: checkoutAnimations } });
 
 // src/react/components/checkout/Receipt.tsx
-var import_react12 = __toESM(require("react"));
+var import_react11 = __toESM(require("react"));
 var Receipt = ({
   isLoading,
   isVisible,
@@ -2990,8 +2595,8 @@ var Receipt = ({
   receiptTitle,
   tempReceiptId
 }) => {
-  const [animationState, setAnimationState] = (0, import_react12.useState)("hidden");
-  (0, import_react12.useEffect)(() => {
+  const [animationState, setAnimationState] = (0, import_react11.useState)("hidden");
+  (0, import_react11.useEffect)(() => {
     if (isLoading) {
       setAnimationState("printing");
     } else if (isVisible && (result || error)) {
@@ -3002,7 +2607,7 @@ var Receipt = ({
       setAnimationState("hidden");
     }
   }, [isLoading, isVisible, result, error]);
-  (0, import_react12.useEffect)(() => {
+  (0, import_react11.useEffect)(() => {
     if (animationState === "bounce") {
       const timer = setTimeout(() => setAnimationState("visible"), 150);
       return () => clearTimeout(timer);
@@ -3076,13 +2681,13 @@ var Receipt = ({
     }
   };
   if (animationState === "hidden" && !isLoading) return null;
-  return /* @__PURE__ */ import_react12.default.createElement(
+  return /* @__PURE__ */ import_react11.default.createElement(
     "div",
     {
       className: "w-full flex justify-center",
       style: getAnimationStyles()
     },
-    /* @__PURE__ */ import_react12.default.createElement(
+    /* @__PURE__ */ import_react11.default.createElement(
       "div",
       {
         className: "relative bg-white shadow-2xl",
@@ -3100,7 +2705,7 @@ var Receipt = ({
                     `
         }
       },
-      /* @__PURE__ */ import_react12.default.createElement(
+      /* @__PURE__ */ import_react11.default.createElement(
         "div",
         {
           className: "absolute top-0 left-0 right-0",
@@ -3114,7 +2719,7 @@ var Receipt = ({
           }
         }
       ),
-      /* @__PURE__ */ import_react12.default.createElement(
+      /* @__PURE__ */ import_react11.default.createElement(
         "div",
         {
           className: "absolute left-0 right-0 bg-white",
@@ -3124,7 +2729,7 @@ var Receipt = ({
           }
         }
       ),
-      !isLoading && /* @__PURE__ */ import_react12.default.createElement(import_react12.default.Fragment, null, /* @__PURE__ */ import_react12.default.createElement(
+      !isLoading && /* @__PURE__ */ import_react11.default.createElement(import_react11.default.Fragment, null, /* @__PURE__ */ import_react11.default.createElement(
         "div",
         {
           className: "absolute bottom-0 left-0 right-0",
@@ -3137,7 +2742,7 @@ var Receipt = ({
             backgroundRepeat: "repeat-x"
           }
         }
-      ), /* @__PURE__ */ import_react12.default.createElement(
+      ), /* @__PURE__ */ import_react11.default.createElement(
         "div",
         {
           className: "absolute left-0 right-0 bg-white",
@@ -3147,16 +2752,16 @@ var Receipt = ({
           }
         }
       )),
-      !isLoading && (result || error) && /* @__PURE__ */ import_react12.default.createElement(
+      !isLoading && (result || error) && /* @__PURE__ */ import_react11.default.createElement(
         "button",
         {
           onClick: onClose,
           className: "absolute top-3 right-3 text-gray-300 hover:text-gray-500 transition-colors bg-transparent border-none outline-none p-0 cursor-pointer",
           style: { background: "none", border: "none" }
         },
-        /* @__PURE__ */ import_react12.default.createElement("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round" }, /* @__PURE__ */ import_react12.default.createElement("path", { d: "M18 6L6 18M6 6l12 12" }))
+        /* @__PURE__ */ import_react11.default.createElement("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round" }, /* @__PURE__ */ import_react11.default.createElement("path", { d: "M18 6L6 18M6 6l12 12" }))
       ),
-      /* @__PURE__ */ import_react12.default.createElement("div", { className: "p-4 font-mono text-sm", style: getContentStyles() }, /* @__PURE__ */ import_react12.default.createElement("div", { className: "text-center mb-3" }, /* @__PURE__ */ import_react12.default.createElement("div", { className: "text-base font-bold tracking-wider text-gray-800" }, receiptTitle), /* @__PURE__ */ import_react12.default.createElement("div", { className: "flex justify-between text-xs text-gray-500 mt-1" }, /* @__PURE__ */ import_react12.default.createElement("span", null, "ID: ", receiptId), /* @__PURE__ */ import_react12.default.createElement("span", null, dateStr, " ", timeStr))), /* @__PURE__ */ import_react12.default.createElement("div", { className: "border-t border-dashed border-gray-300 my-2" }), /* @__PURE__ */ import_react12.default.createElement(
+      /* @__PURE__ */ import_react11.default.createElement("div", { className: "p-4 font-mono text-sm", style: getContentStyles() }, /* @__PURE__ */ import_react11.default.createElement("div", { className: "text-center mb-3" }, /* @__PURE__ */ import_react11.default.createElement("div", { className: "text-base font-bold tracking-wider text-gray-800" }, receiptTitle), /* @__PURE__ */ import_react11.default.createElement("div", { className: "flex justify-between text-xs text-gray-500 mt-1" }, /* @__PURE__ */ import_react11.default.createElement("span", null, "ID: ", receiptId), /* @__PURE__ */ import_react11.default.createElement("span", null, dateStr, " ", timeStr))), /* @__PURE__ */ import_react11.default.createElement("div", { className: "border-t border-dashed border-gray-300 my-2" }), /* @__PURE__ */ import_react11.default.createElement(
         "div",
         {
           className: "max-h-64 overflow-y-auto pr-1",
@@ -3165,7 +2770,7 @@ var Receipt = ({
             scrollbarColor: "#d1d5db transparent"
           }
         },
-        isLoading ? /* @__PURE__ */ import_react12.default.createElement(LoadingContent, { primaryColor }) : error ? /* @__PURE__ */ import_react12.default.createElement(ErrorContent, { error }) : result ? /* @__PURE__ */ import_react12.default.createElement(
+        isLoading ? /* @__PURE__ */ import_react11.default.createElement(LoadingContent, { primaryColor }) : error ? /* @__PURE__ */ import_react11.default.createElement(ErrorContent, { error }) : result ? /* @__PURE__ */ import_react11.default.createElement(
           SuccessContent,
           {
             result,
@@ -3174,7 +2779,7 @@ var Receipt = ({
             primaryColor
           }
         ) : null
-      ), /* @__PURE__ */ import_react12.default.createElement("div", { className: "border-t border-dashed border-gray-300 my-2" }), /* @__PURE__ */ import_react12.default.createElement(Barcode, null), /* @__PURE__ */ import_react12.default.createElement("div", { className: "text-center text-xs text-gray-400 mt-1 tracking-widest" }, "POWERED BY", " ", /* @__PURE__ */ import_react12.default.createElement(
+      ), /* @__PURE__ */ import_react11.default.createElement("div", { className: "border-t border-dashed border-gray-300 my-2" }), /* @__PURE__ */ import_react11.default.createElement(Barcode, null), /* @__PURE__ */ import_react11.default.createElement("div", { className: "text-center text-xs text-gray-400 mt-1 tracking-widest" }, "POWERED BY", " ", /* @__PURE__ */ import_react11.default.createElement(
         "a",
         {
           href: "https://v402pay.onvoyage.ai",
@@ -3187,7 +2792,7 @@ var Receipt = ({
     )
   );
 };
-var LoadingContent = ({ primaryColor }) => /* @__PURE__ */ import_react12.default.createElement("div", { className: "text-center py-4" }, /* @__PURE__ */ import_react12.default.createElement(
+var LoadingContent = ({ primaryColor }) => /* @__PURE__ */ import_react11.default.createElement("div", { className: "text-center py-4" }, /* @__PURE__ */ import_react11.default.createElement(
   "div",
   {
     className: "inline-block w-8 h-8 border-2 border-gray-200 rounded-full mb-2",
@@ -3196,15 +2801,15 @@ var LoadingContent = ({ primaryColor }) => /* @__PURE__ */ import_react12.defaul
       animation: "spin 0.8s linear infinite"
     }
   }
-), /* @__PURE__ */ import_react12.default.createElement("div", { className: "text-gray-700 font-semibold text-sm" }, "Processing..."), /* @__PURE__ */ import_react12.default.createElement("div", { className: "text-gray-400 text-xs mt-1" }, "Please wait"));
-var ErrorContent = ({ error }) => /* @__PURE__ */ import_react12.default.createElement("div", { className: "text-center py-3" }, /* @__PURE__ */ import_react12.default.createElement("div", { className: "text-red-500 text-2xl mb-2" }, "\u2717"), /* @__PURE__ */ import_react12.default.createElement("div", { className: "text-red-600 font-semibold mb-1 text-sm" }, "FAILED"), /* @__PURE__ */ import_react12.default.createElement("div", { className: "text-red-500 text-xs break-words px-2" }, error));
+), /* @__PURE__ */ import_react11.default.createElement("div", { className: "text-gray-700 font-semibold text-sm" }, "Processing..."), /* @__PURE__ */ import_react11.default.createElement("div", { className: "text-gray-400 text-xs mt-1" }, "Please wait"));
+var ErrorContent = ({ error }) => /* @__PURE__ */ import_react11.default.createElement("div", { className: "text-center py-3" }, /* @__PURE__ */ import_react11.default.createElement("div", { className: "text-red-500 text-2xl mb-2" }, "\u2717"), /* @__PURE__ */ import_react11.default.createElement("div", { className: "text-red-600 font-semibold mb-1 text-sm" }, "FAILED"), /* @__PURE__ */ import_react11.default.createElement("div", { className: "text-red-500 text-xs break-words px-2" }, error));
 var SuccessContent = ({
   result,
   paymentDetails,
   address,
   primaryColor
 }) => {
-  const [copied, setCopied] = (0, import_react12.useState)(false);
+  const [copied, setCopied] = (0, import_react11.useState)(false);
   const handleCopy = async () => {
     try {
       await navigator.clipboard.writeText(JSON.stringify(result, null, 2));
@@ -3214,15 +2819,15 @@ var SuccessContent = ({
       console.error("Failed to copy:", err);
     }
   };
-  return /* @__PURE__ */ import_react12.default.createElement("div", null, /* @__PURE__ */ import_react12.default.createElement("div", { className: "text-center mb-2" }, /* @__PURE__ */ import_react12.default.createElement("div", { className: "text-2xl mb-1", style: { color: primaryColor } }, "\u2713"), /* @__PURE__ */ import_react12.default.createElement("div", { className: "font-semibold text-sm", style: { color: primaryColor } }, "SUCCESS")), /* @__PURE__ */ import_react12.default.createElement("div", { className: "space-y-1 text-xs" }, paymentDetails && /* @__PURE__ */ import_react12.default.createElement(import_react12.default.Fragment, null, /* @__PURE__ */ import_react12.default.createElement("div", { className: "flex justify-between" }, /* @__PURE__ */ import_react12.default.createElement("span", { className: "text-gray-500" }, "Amount:"), /* @__PURE__ */ import_react12.default.createElement("span", { className: "font-semibold" }, "$", paymentDetails.amount, " ", paymentDetails.currency)), /* @__PURE__ */ import_react12.default.createElement("div", { className: "flex justify-between" }, /* @__PURE__ */ import_react12.default.createElement("span", { className: "text-gray-500" }, "Network:"), /* @__PURE__ */ import_react12.default.createElement("span", { className: "font-semibold" }, paymentDetails.network))), address && /* @__PURE__ */ import_react12.default.createElement("div", { className: "flex justify-between" }, /* @__PURE__ */ import_react12.default.createElement("span", { className: "text-gray-500" }, "From:"), /* @__PURE__ */ import_react12.default.createElement("span", { className: "font-semibold" }, formatAddress(address))), result.transactionHash && /* @__PURE__ */ import_react12.default.createElement("div", { className: "flex justify-between" }, /* @__PURE__ */ import_react12.default.createElement("span", { className: "text-gray-500" }, "TX:"), /* @__PURE__ */ import_react12.default.createElement("span", { className: "font-semibold" }, formatAddress(result.transactionHash)))), /* @__PURE__ */ import_react12.default.createElement("div", { className: "border-t border-dashed border-gray-300 my-2" }), /* @__PURE__ */ import_react12.default.createElement("div", { className: "text-xs" }, /* @__PURE__ */ import_react12.default.createElement("div", { className: "flex justify-between items-center mb-1" }, /* @__PURE__ */ import_react12.default.createElement("span", { className: "text-gray-500" }, "Response:"), /* @__PURE__ */ import_react12.default.createElement(
+  return /* @__PURE__ */ import_react11.default.createElement("div", null, /* @__PURE__ */ import_react11.default.createElement("div", { className: "text-center mb-2" }, /* @__PURE__ */ import_react11.default.createElement("div", { className: "text-2xl mb-1", style: { color: primaryColor } }, "\u2713"), /* @__PURE__ */ import_react11.default.createElement("div", { className: "font-semibold text-sm", style: { color: primaryColor } }, "SUCCESS")), /* @__PURE__ */ import_react11.default.createElement("div", { className: "space-y-1 text-xs" }, paymentDetails && /* @__PURE__ */ import_react11.default.createElement(import_react11.default.Fragment, null, /* @__PURE__ */ import_react11.default.createElement("div", { className: "flex justify-between" }, /* @__PURE__ */ import_react11.default.createElement("span", { className: "text-gray-500" }, "Amount:"), /* @__PURE__ */ import_react11.default.createElement("span", { className: "font-semibold" }, "$", paymentDetails.amount, " ", paymentDetails.currency)), /* @__PURE__ */ import_react11.default.createElement("div", { className: "flex justify-between" }, /* @__PURE__ */ import_react11.default.createElement("span", { className: "text-gray-500" }, "Network:"), /* @__PURE__ */ import_react11.default.createElement("span", { className: "font-semibold" }, paymentDetails.network))), address && /* @__PURE__ */ import_react11.default.createElement("div", { className: "flex justify-between" }, /* @__PURE__ */ import_react11.default.createElement("span", { className: "text-gray-500" }, "From:"), /* @__PURE__ */ import_react11.default.createElement("span", { className: "font-semibold" }, formatAddress(address))), result.transactionHash && /* @__PURE__ */ import_react11.default.createElement("div", { className: "flex justify-between" }, /* @__PURE__ */ import_react11.default.createElement("span", { className: "text-gray-500" }, "TX:"), /* @__PURE__ */ import_react11.default.createElement("span", { className: "font-semibold" }, formatAddress(result.transactionHash)))), /* @__PURE__ */ import_react11.default.createElement("div", { className: "border-t border-dashed border-gray-300 my-2" }), /* @__PURE__ */ import_react11.default.createElement("div", { className: "text-xs" }, /* @__PURE__ */ import_react11.default.createElement("div", { className: "flex justify-between items-center mb-1" }, /* @__PURE__ */ import_react11.default.createElement("span", { className: "text-gray-500" }, "Response:"), /* @__PURE__ */ import_react11.default.createElement(
     "button",
     {
       onClick: handleCopy,
       className: "text-gray-300 hover:text-gray-500 transition-colors flex items-center gap-1 bg-transparent border-none outline-none p-0 cursor-pointer",
       style: { background: "none", border: "none" }
     },
-    copied ? /* @__PURE__ */ import_react12.default.createElement("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round" }, /* @__PURE__ */ import_react12.default.createElement("path", { d: "M20 6L9 17l-5-5" })) : /* @__PURE__ */ import_react12.default.createElement("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round" }, /* @__PURE__ */ import_react12.default.createElement("rect", { x: "9", y: "9", width: "13", height: "13", rx: "2" }), /* @__PURE__ */ import_react12.default.createElement("path", { d: "M5 15H4a2 2 0 01-2-2V4a2 2 0 012-2h9a2 2 0 012 2v1" }))
-  )), /* @__PURE__ */ import_react12.default.createElement(
+    copied ? /* @__PURE__ */ import_react11.default.createElement("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round" }, /* @__PURE__ */ import_react11.default.createElement("path", { d: "M20 6L9 17l-5-5" })) : /* @__PURE__ */ import_react11.default.createElement("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round" }, /* @__PURE__ */ import_react11.default.createElement("rect", { x: "9", y: "9", width: "13", height: "13", rx: "2" }), /* @__PURE__ */ import_react11.default.createElement("path", { d: "M5 15H4a2 2 0 01-2-2V4a2 2 0 012-2h9a2 2 0 012 2v1" }))
+  )), /* @__PURE__ */ import_react11.default.createElement(
     "pre",
     {
       className: "bg-gray-50 p-2 rounded text-xs overflow-auto whitespace-pre-wrap break-words",
@@ -3234,7 +2839,7 @@ var SuccessContent = ({
 var Barcode = () => {
   const pattern = [2, 1, 2, 1, 1, 2, 1, 2, 1, 1, 2, 1, 2, 1, 1, 2, 1, 2, 1, 1];
   const heights = [10, 12, 11, 13, 10, 14, 11, 12, 13, 10, 11, 14, 12, 10, 13, 11, 12, 14, 10, 11];
-  return /* @__PURE__ */ import_react12.default.createElement("div", { className: "flex items-center justify-center gap-0.5 h-4 opacity-60" }, pattern.map((width, i) => /* @__PURE__ */ import_react12.default.createElement(
+  return /* @__PURE__ */ import_react11.default.createElement("div", { className: "flex items-center justify-center gap-0.5 h-4 opacity-60" }, pattern.map((width, i) => /* @__PURE__ */ import_react11.default.createElement(
     "div",
     {
       key: i,
@@ -3248,7 +2853,7 @@ var Barcode = () => {
 };
 
 // src/react/components/checkout/TerminalScreen.tsx
-var import_react13 = __toESM(require("react"));
+var import_react12 = __toESM(require("react"));
 var TerminalScreen = ({
   title,
   tooltipText,
@@ -3259,7 +2864,7 @@ var TerminalScreen = ({
   screenText,
   supportedNetworks
 }) => {
-  return /* @__PURE__ */ import_react13.default.createElement(
+  return /* @__PURE__ */ import_react12.default.createElement(
     "div",
     {
       className: "rounded-xl p-3 mb-3",
@@ -3269,7 +2874,7 @@ var TerminalScreen = ({
         border: "3px solid rgba(0,0,0,0.3)"
       }
     },
-    /* @__PURE__ */ import_react13.default.createElement("div", { className: "flex justify-between items-center mb-2" }, /* @__PURE__ */ import_react13.default.createElement("div", { className: "flex items-center gap-1.5 flex-1 min-w-0" }, /* @__PURE__ */ import_react13.default.createElement("div", { className: "w-2.5 h-2.5 rounded border border-green-700 flex-shrink-0" }), title ? /* @__PURE__ */ import_react13.default.createElement(
+    /* @__PURE__ */ import_react12.default.createElement("div", { className: "flex justify-between items-center mb-2" }, /* @__PURE__ */ import_react12.default.createElement("div", { className: "flex items-center gap-1.5 flex-1 min-w-0" }, /* @__PURE__ */ import_react12.default.createElement("div", { className: "w-2.5 h-2.5 rounded border border-green-700 flex-shrink-0" }), title ? /* @__PURE__ */ import_react12.default.createElement(
       "span",
       {
         className: "text-xs font-mono",
@@ -3277,29 +2882,29 @@ var TerminalScreen = ({
         title
       },
       title.length > 26 ? `${title.slice(0, 13)}...${title.slice(-13)}` : title
-    ) : /* @__PURE__ */ import_react13.default.createElement("span", { className: "text-xs font-mono", style: { color: "#22c55e80" } }, "CHECKOUT")), /* @__PURE__ */ import_react13.default.createElement(
+    ) : /* @__PURE__ */ import_react12.default.createElement("span", { className: "text-xs font-mono", style: { color: "#22c55e80" } }, "CHECKOUT")), /* @__PURE__ */ import_react12.default.createElement(
       "div",
       {
         className: "flex gap-0.5 flex-shrink-0 cursor-help",
         title: tooltipText
       },
-      /* @__PURE__ */ import_react13.default.createElement(
+      /* @__PURE__ */ import_react12.default.createElement(
         "div",
         {
           className: "w-1 h-1.5 rounded-sm",
           style: { backgroundColor: address ? "#22c55e80" : "#22c55e30" }
         }
       ),
-      /* @__PURE__ */ import_react13.default.createElement(
+      /* @__PURE__ */ import_react12.default.createElement(
         "div",
         {
           className: "w-1 h-1.5 rounded-sm",
           style: { backgroundColor: address ? "#22c55e80" : "#22c55e30" }
         }
       ),
-      /* @__PURE__ */ import_react13.default.createElement("div", { className: "w-1 h-1.5 rounded-sm", style: { backgroundColor: "#22c55e80" } })
+      /* @__PURE__ */ import_react12.default.createElement("div", { className: "w-1 h-1.5 rounded-sm", style: { backgroundColor: "#22c55e80" } })
     )),
-    /* @__PURE__ */ import_react13.default.createElement("div", { className: "min-h-[120px]" }, hasInvalidCheckoutId ? /* @__PURE__ */ import_react13.default.createElement(InvalidIdContent, null) : fetchingPaymentInfo ? /* @__PURE__ */ import_react13.default.createElement(LoadingContent2, null) : !address ? /* @__PURE__ */ import_react13.default.createElement(ConnectWalletContent, { supportedNetworks }) : /* @__PURE__ */ import_react13.default.createElement(
+    /* @__PURE__ */ import_react12.default.createElement("div", { className: "min-h-[120px]" }, hasInvalidCheckoutId ? /* @__PURE__ */ import_react12.default.createElement(InvalidIdContent, null) : fetchingPaymentInfo ? /* @__PURE__ */ import_react12.default.createElement(LoadingContent2, null) : !address ? /* @__PURE__ */ import_react12.default.createElement(ConnectWalletContent, { supportedNetworks }) : /* @__PURE__ */ import_react12.default.createElement(
       PaymentInfoContent,
       {
         screenText,
@@ -3309,8 +2914,8 @@ var TerminalScreen = ({
     ))
   );
 };
-var InvalidIdContent = () => /* @__PURE__ */ import_react13.default.createElement("div", { className: "text-center py-3" }, /* @__PURE__ */ import_react13.default.createElement("div", { className: "text-red-500 text-xl mb-1" }, "\u2717"), /* @__PURE__ */ import_react13.default.createElement("div", { className: "text-red-500 font-mono text-sm mb-1" }, "INVALID ID"), /* @__PURE__ */ import_react13.default.createElement("div", { className: "text-red-400 font-mono text-xs" }, "Check your checkout ID"));
-var LoadingContent2 = () => /* @__PURE__ */ import_react13.default.createElement("div", { className: "text-center py-4" }, /* @__PURE__ */ import_react13.default.createElement(
+var InvalidIdContent = () => /* @__PURE__ */ import_react12.default.createElement("div", { className: "text-center py-3" }, /* @__PURE__ */ import_react12.default.createElement("div", { className: "text-red-500 text-xl mb-1" }, "\u2717"), /* @__PURE__ */ import_react12.default.createElement("div", { className: "text-red-500 font-mono text-sm mb-1" }, "INVALID ID"), /* @__PURE__ */ import_react12.default.createElement("div", { className: "text-red-400 font-mono text-xs" }, "Check your checkout ID"));
+var LoadingContent2 = () => /* @__PURE__ */ import_react12.default.createElement("div", { className: "text-center py-4" }, /* @__PURE__ */ import_react12.default.createElement(
   "div",
   {
     className: "inline-block w-5 h-5 border-2 rounded-full mb-2",
@@ -3320,30 +2925,30 @@ var LoadingContent2 = () => /* @__PURE__ */ import_react13.default.createElement
       animation: "spin 1s linear infinite"
     }
   }
-), /* @__PURE__ */ import_react13.default.createElement("div", { className: "font-mono text-sm", style: { color: "#22c55e" } }, "LOADING..."));
-var ConnectWalletContent = ({ supportedNetworks }) => /* @__PURE__ */ import_react13.default.createElement("div", null, /* @__PURE__ */ import_react13.default.createElement(
+), /* @__PURE__ */ import_react12.default.createElement("div", { className: "font-mono text-sm", style: { color: "#22c55e" } }, "LOADING..."));
+var ConnectWalletContent = ({ supportedNetworks }) => /* @__PURE__ */ import_react12.default.createElement("div", null, /* @__PURE__ */ import_react12.default.createElement(
   "div",
   {
     className: "font-mono text-base mb-3 tracking-wider",
     style: { color: "#f97316", textShadow: "0 0 10px #f9731640" }
   },
   "CONNECT WALLET..."
-), /* @__PURE__ */ import_react13.default.createElement(WalletConnect, { supportedNetworks, showSwitchWallet: false }));
+), /* @__PURE__ */ import_react12.default.createElement(WalletConnect, { supportedNetworks, showSwitchWallet: false }));
 var PaymentInfoContent = ({
   screenText,
   paymentDetails,
   address
-}) => /* @__PURE__ */ import_react13.default.createElement("div", null, /* @__PURE__ */ import_react13.default.createElement(
+}) => /* @__PURE__ */ import_react12.default.createElement("div", null, /* @__PURE__ */ import_react12.default.createElement(
   "div",
   {
     className: "font-mono text-base mb-3 tracking-wider",
     style: { color: "#f97316", textShadow: "0 0 10px #f9731640" }
   },
   screenText
-), paymentDetails && /* @__PURE__ */ import_react13.default.createElement("div", { className: "text-xs font-mono" }, /* @__PURE__ */ import_react13.default.createElement("div", { className: "grid grid-cols-2 gap-1.5 mb-1.5" }, /* @__PURE__ */ import_react13.default.createElement("div", null, /* @__PURE__ */ import_react13.default.createElement("div", { style: { color: "#22c55e60" } }, "AMOUNT"), /* @__PURE__ */ import_react13.default.createElement("div", { style: { color: "#22c55e" } }, "$", paymentDetails.amount)), /* @__PURE__ */ import_react13.default.createElement("div", null, /* @__PURE__ */ import_react13.default.createElement("div", { style: { color: "#22c55e60" } }, "CURRENCY"), /* @__PURE__ */ import_react13.default.createElement("div", { style: { color: "#22c55e" } }, paymentDetails.currency))), /* @__PURE__ */ import_react13.default.createElement("div", null, /* @__PURE__ */ import_react13.default.createElement("div", { style: { color: "#22c55e60" } }, "WALLET"), /* @__PURE__ */ import_react13.default.createElement("div", { style: { color: "#22c55e", wordBreak: "break-all" } }, address))));
+), paymentDetails && /* @__PURE__ */ import_react12.default.createElement("div", { className: "text-xs font-mono" }, /* @__PURE__ */ import_react12.default.createElement("div", { className: "grid grid-cols-2 gap-1.5 mb-1.5" }, /* @__PURE__ */ import_react12.default.createElement("div", null, /* @__PURE__ */ import_react12.default.createElement("div", { style: { color: "#22c55e60" } }, "AMOUNT"), /* @__PURE__ */ import_react12.default.createElement("div", { style: { color: "#22c55e" } }, "$", paymentDetails.amount)), /* @__PURE__ */ import_react12.default.createElement("div", null, /* @__PURE__ */ import_react12.default.createElement("div", { style: { color: "#22c55e60" } }, "CURRENCY"), /* @__PURE__ */ import_react12.default.createElement("div", { style: { color: "#22c55e" } }, paymentDetails.currency))), /* @__PURE__ */ import_react12.default.createElement("div", null, /* @__PURE__ */ import_react12.default.createElement("div", { style: { color: "#22c55e60" } }, "WALLET"), /* @__PURE__ */ import_react12.default.createElement("div", { style: { color: "#22c55e", wordBreak: "break-all" } }, address))));
 
 // src/react/components/checkout/TerminalButtons.tsx
-var import_react14 = __toESM(require("react"));
+var import_react13 = __toESM(require("react"));
 var TerminalButtons = ({
   address,
   showReceipt,
@@ -3355,7 +2960,7 @@ var TerminalButtons = ({
   onPayment
 }) => {
   const isPayDisabled = isProcessing || !paymentDetails || !address || hasInvalidCheckoutId;
-  return /* @__PURE__ */ import_react14.default.createElement("div", { className: "flex items-center justify-between px-1" }, /* @__PURE__ */ import_react14.default.createElement("div", { className: "flex gap-2" }, /* @__PURE__ */ import_react14.default.createElement(
+  return /* @__PURE__ */ import_react13.default.createElement("div", { className: "flex items-center justify-between px-1" }, /* @__PURE__ */ import_react13.default.createElement("div", { className: "flex gap-2" }, /* @__PURE__ */ import_react13.default.createElement(
     CircleButton,
     {
       onClick: () => address && onDisconnect(),
@@ -3363,8 +2968,8 @@ var TerminalButtons = ({
       title: "Disconnect",
       size: "small"
     },
-    /* @__PURE__ */ import_react14.default.createElement("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "white", strokeWidth: "2" }, /* @__PURE__ */ import_react14.default.createElement("path", { d: "M18 6L6 18M6 6l12 12" }))
-  ), /* @__PURE__ */ import_react14.default.createElement(
+    /* @__PURE__ */ import_react13.default.createElement("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "white", strokeWidth: "2" }, /* @__PURE__ */ import_react13.default.createElement("path", { d: "M18 6L6 18M6 6l12 12" }))
+  ), /* @__PURE__ */ import_react13.default.createElement(
     CircleButton,
     {
       onClick: onClearReceipt,
@@ -3372,8 +2977,8 @@ var TerminalButtons = ({
       title: "Clear",
       size: "small"
     },
-    /* @__PURE__ */ import_react14.default.createElement("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "white", strokeWidth: "2" }, /* @__PURE__ */ import_react14.default.createElement("path", { d: "M3 6h18M8 6V4a2 2 0 012-2h4a2 2 0 012 2v2m3 0v14a2 2 0 01-2 2H7a2 2 0 01-2-2V6h14z" }))
-  )), /* @__PURE__ */ import_react14.default.createElement("div", { className: "flex flex-col gap-0.5 opacity-40" }, /* @__PURE__ */ import_react14.default.createElement("div", { className: "w-6 h-0.5 rounded", style: { backgroundColor: "rgba(0,0,0,0.3)" } }), /* @__PURE__ */ import_react14.default.createElement("div", { className: "w-6 h-0.5 rounded", style: { backgroundColor: "rgba(0,0,0,0.3)" } }), /* @__PURE__ */ import_react14.default.createElement("div", { className: "w-6 h-0.5 rounded", style: { backgroundColor: "rgba(0,0,0,0.3)" } })), /* @__PURE__ */ import_react14.default.createElement(
+    /* @__PURE__ */ import_react13.default.createElement("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "white", strokeWidth: "2" }, /* @__PURE__ */ import_react13.default.createElement("path", { d: "M3 6h18M8 6V4a2 2 0 012-2h4a2 2 0 012 2v2m3 0v14a2 2 0 01-2 2H7a2 2 0 01-2-2V6h14z" }))
+  )), /* @__PURE__ */ import_react13.default.createElement("div", { className: "flex flex-col gap-0.5 opacity-40" }, /* @__PURE__ */ import_react13.default.createElement("div", { className: "w-6 h-0.5 rounded", style: { backgroundColor: "rgba(0,0,0,0.3)" } }), /* @__PURE__ */ import_react13.default.createElement("div", { className: "w-6 h-0.5 rounded", style: { backgroundColor: "rgba(0,0,0,0.3)" } }), /* @__PURE__ */ import_react13.default.createElement("div", { className: "w-6 h-0.5 rounded", style: { backgroundColor: "rgba(0,0,0,0.3)" } })), /* @__PURE__ */ import_react13.default.createElement(
     "button",
     {
       onClick: onPayment,
@@ -3385,13 +2990,13 @@ var TerminalButtons = ({
         cursor: isPayDisabled ? "not-allowed" : "pointer"
       }
     },
-    isProcessing ? /* @__PURE__ */ import_react14.default.createElement(import_react14.default.Fragment, null, /* @__PURE__ */ import_react14.default.createElement(
+    isProcessing ? /* @__PURE__ */ import_react13.default.createElement(import_react13.default.Fragment, null, /* @__PURE__ */ import_react13.default.createElement(
       "div",
       {
         className: "w-4 h-4 border-2 border-white/30 border-t-white rounded-full",
         style: { animation: "spin 0.8s linear infinite" }
       }
-    ), /* @__PURE__ */ import_react14.default.createElement("span", { className: "font-mono tracking-wider text-sm" }, "PAYING...")) : /* @__PURE__ */ import_react14.default.createElement(import_react14.default.Fragment, null, /* @__PURE__ */ import_react14.default.createElement("span", { className: "font-mono tracking-wider text-sm" }, "PAY"), /* @__PURE__ */ import_react14.default.createElement(
+    ), /* @__PURE__ */ import_react13.default.createElement("span", { className: "font-mono tracking-wider text-sm" }, "PAYING...")) : /* @__PURE__ */ import_react13.default.createElement(import_react13.default.Fragment, null, /* @__PURE__ */ import_react13.default.createElement("span", { className: "font-mono tracking-wider text-sm" }, "PAY"), /* @__PURE__ */ import_react13.default.createElement(
       "svg",
       {
         width: "18",
@@ -3401,13 +3006,13 @@ var TerminalButtons = ({
         stroke: "currentColor",
         strokeWidth: "2"
       },
-      /* @__PURE__ */ import_react14.default.createElement("path", { d: "M12 2v20M17 5H9.5a3.5 3.5 0 000 7h5a3.5 3.5 0 010 7H6" })
+      /* @__PURE__ */ import_react13.default.createElement("path", { d: "M12 2v20M17 5H9.5a3.5 3.5 0 000 7h5a3.5 3.5 0 010 7H6" })
     ))
   ));
 };
 var CircleButton = ({ onClick, disabled, title, size = "normal", children }) => {
   const sizeClass = size === "small" ? "w-10 h-10" : "w-12 h-12";
-  return /* @__PURE__ */ import_react14.default.createElement(
+  return /* @__PURE__ */ import_react13.default.createElement(
     "button",
     {
       onClick,
@@ -3456,9 +3061,9 @@ function V402CheckoutV2({
     { autoSwitch: !!targetNetwork, switchOnMount: true }
   );
   const { isProcessing, setIsProcessing, result, setResult, error, setError } = usePayment();
-  const [paymentDetails, setPaymentDetails] = (0, import_react15.useState)(null);
-  const [showReceipt, setShowReceipt] = (0, import_react15.useState)(false);
-  const [tempReceiptId, setTempReceiptId] = (0, import_react15.useState)(() => generateRandomId());
+  const [paymentDetails, setPaymentDetails] = (0, import_react14.useState)(null);
+  const [showReceipt, setShowReceipt] = (0, import_react14.useState)(false);
+  const [tempReceiptId, setTempReceiptId] = (0, import_react14.useState)(() => generateRandomId());
   const handleDisconnect = () => {
     disconnect();
     setResult(null);
@@ -3490,7 +3095,7 @@ function V402CheckoutV2({
     setResult(null);
     setError(null);
   };
-  (0, import_react15.useEffect)(() => {
+  (0, import_react14.useEffect)(() => {
     if (paymentInfo && paymentInfo.length > 0) {
       const firstPayment = paymentInfo[0];
       const rawAmount = firstPayment.maxAmountRequired?.toString() || "0";
@@ -3501,14 +3106,14 @@ function V402CheckoutV2({
       setPaymentDetails({ amount: humanReadableAmount, currency, network });
     }
   }, [paymentInfo]);
-  (0, import_react15.useEffect)(() => {
+  (0, import_react14.useEffect)(() => {
     if (targetNetwork && !fetchingPaymentInfo && ensureNetwork) {
       ensureNetwork(targetNetwork).catch((err) => {
         console.error("Failed to ensure network:", err);
       });
     }
   }, [targetNetwork, fetchingPaymentInfo]);
-  (0, import_react15.useEffect)(() => {
+  (0, import_react14.useEffect)(() => {
     if (isProcessing || result || error) {
       setShowReceipt(true);
     }
@@ -3523,13 +3128,13 @@ function V402CheckoutV2({
     if (isProcessing) return "PAYING";
     return "READY";
   };
-  return /* @__PURE__ */ import_react15.default.createElement("div", { className: isModal ? "bg-transparent" : "min-h-screen bg-gray-100 flex items-center justify-center p-4" }, /* @__PURE__ */ import_react15.default.createElement(
+  return /* @__PURE__ */ import_react14.default.createElement("div", { className: isModal ? "bg-transparent" : "min-h-screen bg-gray-100 flex items-center justify-center p-4" }, /* @__PURE__ */ import_react14.default.createElement(
     "div",
     {
       className: "flex flex-col items-center",
       style: { width: isModal ? "100%" : "380px", maxWidth: "100%" }
     },
-    /* @__PURE__ */ import_react15.default.createElement(
+    /* @__PURE__ */ import_react14.default.createElement(
       Receipt,
       {
         isLoading: isProcessing,
@@ -3544,7 +3149,7 @@ function V402CheckoutV2({
         tempReceiptId
       }
     ),
-    /* @__PURE__ */ import_react15.default.createElement(
+    /* @__PURE__ */ import_react14.default.createElement(
       "div",
       {
         className: "relative rounded-2xl p-3 shadow-2xl w-full",
@@ -3553,14 +3158,14 @@ function V402CheckoutV2({
           boxShadow: `0 16px 48px -8px ${primaryColor}66, 0 8px 24px -4px rgba(0,0,0,0.3);padding-bottom: 0px`
         }
       },
-      /* @__PURE__ */ import_react15.default.createElement(
+      /* @__PURE__ */ import_react14.default.createElement(
         "div",
         {
           className: "absolute top-0 left-1/2 -translate-x-1/2 w-1/3 h-2.5 rounded-b-lg",
           style: { backgroundColor: "rgba(0,0,0,0.4)" }
         }
       ),
-      /* @__PURE__ */ import_react15.default.createElement("div", { className: "flex justify-between items-center mb-2 mt-1 px-1" }, /* @__PURE__ */ import_react15.default.createElement("div", { className: "flex items-center gap-1.5" }, /* @__PURE__ */ import_react15.default.createElement(
+      /* @__PURE__ */ import_react14.default.createElement("div", { className: "flex justify-between items-center mb-2 mt-1 px-1" }, /* @__PURE__ */ import_react14.default.createElement("div", { className: "flex items-center gap-1.5" }, /* @__PURE__ */ import_react14.default.createElement(
         "div",
         {
           className: "w-2 h-2 rounded-full",
@@ -3569,15 +3174,15 @@ function V402CheckoutV2({
             animation: "pulse 2s ease-in-out infinite"
           }
         }
-      ), /* @__PURE__ */ import_react15.default.createElement(
+      ), /* @__PURE__ */ import_react14.default.createElement(
         "span",
         {
           className: "text-xs font-mono font-bold tracking-wider",
           style: { color: "rgba(0,0,0,0.7)" }
         },
         getStatusText()
-      )), /* @__PURE__ */ import_react15.default.createElement("div", { className: "flex items-center gap-1.5" }, paymentDetails && NetworkIcon && /* @__PURE__ */ import_react15.default.createElement("div", { className: "flex items-center gap-1" }, /* @__PURE__ */ import_react15.default.createElement(NetworkIcon, { width: 12, height: 12, style: { color: "rgba(0,0,0,0.7)" } }), /* @__PURE__ */ import_react15.default.createElement("span", { className: "text-xs font-mono font-bold", style: { color: "rgba(0,0,0,0.7)" } }, paymentDetails.network)))),
-      /* @__PURE__ */ import_react15.default.createElement(
+      )), /* @__PURE__ */ import_react14.default.createElement("div", { className: "flex items-center gap-1.5" }, paymentDetails && NetworkIcon && /* @__PURE__ */ import_react14.default.createElement("div", { className: "flex items-center gap-1" }, /* @__PURE__ */ import_react14.default.createElement(NetworkIcon, { width: 12, height: 12, style: { color: "rgba(0,0,0,0.7)" } }), /* @__PURE__ */ import_react14.default.createElement("span", { className: "text-xs font-mono font-bold", style: { color: "rgba(0,0,0,0.7)" } }, paymentDetails.network)))),
+      /* @__PURE__ */ import_react14.default.createElement(
         TerminalScreen,
         {
           title,
@@ -3590,7 +3195,7 @@ function V402CheckoutV2({
           supportedNetworks
         }
       ),
-      /* @__PURE__ */ import_react15.default.createElement(
+      /* @__PURE__ */ import_react14.default.createElement(
         TerminalButtons,
         {
           address,
@@ -3603,7 +3208,7 @@ function V402CheckoutV2({
           onPayment: handlePayment
         }
       ),
-      brandName && /* @__PURE__ */ import_react15.default.createElement("div", { className: "text-center mt-0 mb-0" }, /* @__PURE__ */ import_react15.default.createElement(
+      brandName && /* @__PURE__ */ import_react14.default.createElement("div", { className: "text-center mt-0 mb-0" }, /* @__PURE__ */ import_react14.default.createElement(
         "div",
         {
           className: "inline-block px-2 py-0.5 rounded text-[10px] font-mono font-bold tracking-[0.2em]",
@@ -3618,13 +3223,12 @@ function V402CheckoutV2({
         brandName
       ))
     )
-  ), /* @__PURE__ */ import_react15.default.createElement(AnimationStyles, null));
+  ), /* @__PURE__ */ import_react14.default.createElement(AnimationStyles, null));
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   AnimationStyles,
   Toast,
-  V402Checkout,
   V402CheckoutV2,
   WalletConnect,
   WalletSelectModal,