@one_deploy/sdk 1.0.0

package/dist/index.mjs

@@ -0,0 +1,4949 @@
+import { createClient } from '@supabase/supabase-js';
+import React2, { createContext, useState, useMemo, useEffect, useCallback, useContext, useRef } from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { createThirdwebClient, prepareTransaction, toWei } from 'thirdweb';
+import { ThirdwebProvider, ConnectButton, PayEmbed, TransactionButton, useActiveAccount, useSendTransaction, useWalletBalance, MediaRenderer } from 'thirdweb/react';
+import { inAppWallet, smartWallet } from 'thirdweb/wallets';
+export { inAppWallet, smartWallet } from 'thirdweb/wallets';
+import { arbitrum, polygon, ethereum, base, optimism, bsc, avalanche } from 'thirdweb/chains';
+export { arbitrum, base, ethereum, optimism, polygon } from 'thirdweb/chains';
+
+// src/config/index.ts
+var config = null;
+function initOneSDK(options) {
+  if (!options.oneEngineUrl) {
+    throw new Error("oneEngineUrl is required");
+  }
+  if (!options.oneClientId) {
+    throw new Error("oneClientId is required");
+  }
+  config = options;
+}
+function getConfig() {
+  if (!config) {
+    throw new Error("ONE SDK not initialized. Call initOneSDK() first.");
+  }
+  return config;
+}
+function isInitialized() {
+  return config !== null;
+}
+function getEngineUrl() {
+  return config?.oneEngineUrl || process.env.NEXT_PUBLIC_ONE_ENGINE_URL || "http://localhost:4000/api";
+}
+var chainsCache = null;
+var chainsCacheTimestamp = 0;
+var CACHE_TTL = 5 * 60 * 1e3;
+async function fetchChains(options) {
+  const engineUrl = getEngineUrl();
+  const params = new URLSearchParams();
+  if (options?.category) params.set("category", options.category);
+  if (options?.smartWallet) params.set("smartWallet", "true");
+  if (options?.limit) params.set("limit", options.limit.toString());
+  const response = await fetch(`${engineUrl}/v1/chains?${params}`);
+  const data = await response.json();
+  if (!data.success) {
+    throw new Error(data.error?.message || "Failed to fetch chains");
+  }
+  return data.data.chains.map((chain) => ({
+    id: chain.id,
+    name: chain.name,
+    shortName: chain.shortName || chain.slug || chain.name.toLowerCase(),
+    icon: getChainIcon(chain.id),
+    nativeCurrency: chain.nativeCurrency,
+    rpcUrls: Array.isArray(chain.rpc) ? chain.rpc : [chain.rpc],
+    blockExplorerUrls: chain.blockExplorer ? [chain.blockExplorer] : [],
+    testnet: chain.testnet
+  }));
+}
+async function getChains() {
+  const now = Date.now();
+  if (chainsCache && now - chainsCacheTimestamp < CACHE_TTL) {
+    return chainsCache;
+  }
+  chainsCache = await fetchChains({ limit: 200 });
+  chainsCacheTimestamp = now;
+  return chainsCache;
+}
+async function getChainById(chainId) {
+  const chains = await getChains();
+  return chains.find((c) => c.id === chainId);
+}
+async function getChainByName(name) {
+  const chains = await getChains();
+  const lowerName = name.toLowerCase();
+  return chains.find(
+    (c) => c.name.toLowerCase() === lowerName || c.shortName.toLowerCase() === lowerName
+  );
+}
+async function getRecommendedChains() {
+  return fetchChains({ category: "recommended", limit: 10 });
+}
+async function getSmartWalletChains() {
+  return fetchChains({ smartWallet: true, limit: 50 });
+}
+var CHAIN_IDS = {
+  ETHEREUM: 1,
+  POLYGON: 137,
+  BSC: 56,
+  ARBITRUM: 42161,
+  OPTIMISM: 10,
+  BASE: 8453,
+  AVALANCHE: 43114,
+  ZKSYNC: 324,
+  LINEA: 59144,
+  SCROLL: 534352,
+  BLAST: 81457,
+  // Testnets
+  SEPOLIA: 11155111,
+  BASE_SEPOLIA: 84532,
+  ARBITRUM_SEPOLIA: 421614
+};
+var DEFAULT_CHAIN_ID = CHAIN_IDS.BASE;
+var CHAIN_ICONS = {
+  1: "\u229F",
+  // Ethereum
+  137: "\u{1F7E3}",
+  // Polygon
+  56: "\u{1F7E1}",
+  // BSC
+  42161: "\u{1F535}",
+  // Arbitrum
+  10: "\u{1F534}",
+  // Optimism
+  8453: "\u{1F537}",
+  // Base
+  43114: "\u{1F53A}",
+  // Avalanche
+  324: "\u26A1",
+  // zkSync
+  59144: "\u{1F539}",
+  // Linea
+  534352: "\u{1F4DC}"
+  // Scroll
+};
+function getChainIcon(chainId) {
+  return CHAIN_ICONS[chainId] || "\u{1F517}";
+}
+var TOKEN_NAMES = {
+  ETH: "Ethereum",
+  BTC: "Bitcoin",
+  BNB: "BNB",
+  MATIC: "Polygon",
+  POL: "Polygon",
+  AVAX: "Avalanche",
+  USDT: "Tether",
+  USDC: "USD Coin",
+  DAI: "Dai",
+  WBTC: "Wrapped Bitcoin",
+  WETH: "Wrapped Ether",
+  ARB: "Arbitrum",
+  OP: "Optimism",
+  LINK: "Chainlink",
+  UNI: "Uniswap",
+  AAVE: "Aave",
+  CRV: "Curve",
+  MKR: "Maker",
+  SNX: "Synthetix",
+  COMP: "Compound",
+  SUSHI: "SushiSwap",
+  YFI: "Yearn Finance",
+  SOL: "Solana",
+  DOT: "Polkadot",
+  ATOM: "Cosmos",
+  NEAR: "Near Protocol"
+};
+var COINGECKO_IDS = {
+  ETH: "ethereum",
+  BTC: "bitcoin",
+  BNB: "binancecoin",
+  MATIC: "matic-network",
+  POL: "matic-network",
+  AVAX: "avalanche-2",
+  USDT: "tether",
+  USDC: "usd-coin",
+  DAI: "dai",
+  WBTC: "wrapped-bitcoin",
+  WETH: "weth",
+  ARB: "arbitrum",
+  OP: "optimism",
+  LINK: "chainlink",
+  UNI: "uniswap",
+  AAVE: "aave",
+  SOL: "solana"
+};
+var CHAIN_CONFIGS = {
+  ethereum: {
+    id: 1,
+    name: "Ethereum",
+    shortName: "ETH",
+    icon: "\u229F",
+    nativeCurrency: { name: "Ether", symbol: "ETH", decimals: 18 },
+    rpcUrls: ["https://ethereum.rpc.thirdweb.com"],
+    blockExplorerUrls: ["https://etherscan.io"],
+    testnet: false
+  },
+  polygon: {
+    id: 137,
+    name: "Polygon",
+    shortName: "MATIC",
+    icon: "\u{1F7E3}",
+    nativeCurrency: { name: "POL", symbol: "POL", decimals: 18 },
+    rpcUrls: ["https://polygon.rpc.thirdweb.com"],
+    blockExplorerUrls: ["https://polygonscan.com"],
+    testnet: false
+  },
+  base: {
+    id: 8453,
+    name: "Base",
+    shortName: "BASE",
+    icon: "\u{1F537}",
+    nativeCurrency: { name: "Ether", symbol: "ETH", decimals: 18 },
+    rpcUrls: ["https://base.rpc.thirdweb.com"],
+    blockExplorerUrls: ["https://basescan.org"],
+    testnet: false
+  },
+  arbitrum: {
+    id: 42161,
+    name: "Arbitrum One",
+    shortName: "ARB",
+    icon: "\u{1F535}",
+    nativeCurrency: { name: "Ether", symbol: "ETH", decimals: 18 },
+    rpcUrls: ["https://arbitrum.rpc.thirdweb.com"],
+    blockExplorerUrls: ["https://arbiscan.io"],
+    testnet: false
+  },
+  optimism: {
+    id: 10,
+    name: "Optimism",
+    shortName: "OP",
+    icon: "\u{1F534}",
+    nativeCurrency: { name: "Ether", symbol: "ETH", decimals: 18 },
+    rpcUrls: ["https://optimism.rpc.thirdweb.com"],
+    blockExplorerUrls: ["https://optimistic.etherscan.io"],
+    testnet: false
+  }
+};
+var SUPPORTED_CHAINS = Object.keys(CHAIN_CONFIGS);
+function getChainConfig(chain) {
+  return CHAIN_CONFIGS[chain.toLowerCase()];
+}
+
+// src/services/engine.ts
+var OneEngineClient = class {
+  constructor(options) {
+    const config2 = getConfig();
+    this.baseUrl = options?.baseUrl || config2.oneEngineUrl;
+    this.clientId = options?.clientId || config2.oneClientId || "";
+    this.secretKey = options?.secretKey || config2.oneSecretKey;
+  }
+  /**
+   * Set access token for authenticated requests
+   */
+  setAccessToken(token) {
+    this.accessToken = token;
+  }
+  /**
+   * Clear access token
+   */
+  clearAccessToken() {
+    this.accessToken = void 0;
+  }
+  getHeaders(includeSecret = false) {
+    const headers = {
+      "Content-Type": "application/json",
+      "x-client-id": this.clientId
+    };
+    if (this.accessToken) {
+      headers["Authorization"] = `Bearer ${this.accessToken}`;
+    }
+    if (includeSecret && this.secretKey) {
+      headers["x-secret-key"] = this.secretKey;
+    }
+    return headers;
+  }
+  async request(endpoint, options = {}, includeSecret = false) {
+    try {
+      const response = await fetch(`${this.baseUrl}${endpoint}`, {
+        ...options,
+        headers: {
+          ...this.getHeaders(includeSecret),
+          ...options.headers
+        }
+      });
+      const data = await response.json();
+      if (!response.ok) {
+        return {
+          success: false,
+          error: {
+            code: data.error?.code || `HTTP_${response.status}`,
+            message: data.error?.message || "Request failed"
+          }
+        };
+      }
+      return {
+        success: true,
+        data: data.data || data
+      };
+    } catch (error) {
+      return {
+        success: false,
+        error: {
+          code: "NETWORK_ERROR",
+          message: error instanceof Error ? error.message : "Network request failed"
+        }
+      };
+    }
+  }
+  // ===============================
+  // AUTH ENDPOINTS
+  // ===============================
+  /**
+   * Send OTP to email for authentication
+   */
+  async sendEmailOtp(email) {
+    return this.request("/api/v1/auth/otp", {
+      method: "POST",
+      body: JSON.stringify({ email })
+    });
+  }
+  /**
+   * Verify OTP and get access token
+   */
+  async verifyEmailOtp(email, otp) {
+    return this.request("/api/v1/auth/otp/verify", {
+      method: "POST",
+      body: JSON.stringify({ email, otp })
+    });
+  }
+  /**
+   * Authenticate with wallet signature
+   */
+  async authWithWallet(walletAddress, signature, message) {
+    return this.request("/api/v1/auth/wallet", {
+      method: "POST",
+      body: JSON.stringify({ walletAddress, signature, message })
+    });
+  }
+  /**
+   * Refresh access token
+   */
+  async refreshToken(refreshToken) {
+    return this.request("/api/v1/auth/refresh", {
+      method: "POST",
+      body: JSON.stringify({ refreshToken })
+    });
+  }
+  /**
+   * Get current user
+   */
+  async getCurrentUser() {
+    return this.request("/api/v1/auth/me", { method: "GET" });
+  }
+  /**
+   * Sign out
+   */
+  async signOut() {
+    return this.request("/api/v1/auth/logout", { method: "POST" });
+  }
+  // ===============================
+  // WALLET/ASSETS ENDPOINTS
+  // ===============================
+  /**
+   * Get wallet balance across all chains
+   */
+  async getWalletBalance(walletAddress, chains) {
+    const params = new URLSearchParams({ address: walletAddress });
+    if (chains?.length && chains.length > 0) {
+      params.set("chainId", chains[0].toString());
+    }
+    return this.request(`/api/v1/assets?${params}`, { method: "GET" });
+  }
+  /**
+   * Get portfolio summary
+   */
+  async getPortfolioSummary(walletAddress) {
+    const params = new URLSearchParams({ address: walletAddress });
+    return this.request(`/api/v1/assets/portfolio?${params}`, { method: "GET" });
+  }
+  /**
+   * Get user's wallets
+   */
+  async getUserWallets(chainId) {
+    const params = chainId ? `?chainId=${chainId}` : "";
+    return this.request(`/api/v1/wallet${params}`, { method: "GET" });
+  }
+  /**
+   * Create a new wallet
+   */
+  async createWallet(chainId = 8453, type = "smart") {
+    return this.request("/api/v1/wallet", {
+      method: "POST",
+      body: JSON.stringify({ chainId, type })
+    });
+  }
+  /**
+   * Get wallet transactions (placeholder - needs endpoint)
+   */
+  async getWalletTransactions(walletAddress, options) {
+    const params = new URLSearchParams({ address: walletAddress });
+    if (options?.limit) params.set("limit", options.limit.toString());
+    if (options?.offset) params.set("offset", options.offset.toString());
+    if (options?.chainId) params.set("chainId", options.chainId.toString());
+    return this.request(`/api/v1/assets/transactions?${params}`, { method: "GET" });
+  }
+  /**
+   * Send native token or ERC20
+   */
+  async sendTransaction(request) {
+    return this.request("/api/v1/wallet/send", {
+      method: "POST",
+      body: JSON.stringify(request)
+    });
+  }
+  /**
+   * Get transaction status
+   */
+  async getTransactionStatus(txId) {
+    return this.request(`/api/v1/wallet/transaction/${txId}`, { method: "GET" });
+  }
+  // ===============================
+  // ONRAMP ENDPOINTS (Fiat-to-Crypto)
+  // ===============================
+  /**
+   * Get onramp quote
+   */
+  async getOnrampQuote(fiatCurrency, fiatAmount, cryptoCurrency, paymentMethod) {
+    const params = new URLSearchParams({
+      fiatCurrency,
+      fiatAmount: fiatAmount.toString(),
+      cryptoCurrency
+    });
+    if (paymentMethod) params.set("paymentMethod", paymentMethod);
+    return this.request(`/api/v1/fiat/onramp/quote?${params}`, { method: "GET" });
+  }
+  /**
+   * Create onramp session (returns widget URL)
+   */
+  async createOnrampSession(request) {
+    return this.request("/api/v1/fiat/onramp", {
+      method: "POST",
+      body: JSON.stringify({
+        fiatCurrency: request.fiatCurrency || "USD",
+        fiatAmount: request.fiatAmount || 100,
+        cryptoCurrency: request.cryptoCurrency || "ETH",
+        walletAddress: request.walletAddress,
+        chainId: 8453
+        // Default to Base
+      })
+    });
+  }
+  /**
+   * Get onramp session status
+   */
+  async getOnrampStatus(sessionId) {
+    return this.request(`/api/v1/fiat/onramp/${sessionId}`, { method: "GET" });
+  }
+  /**
+   * Get supported currencies (fiat + crypto)
+   */
+  async getSupportedCurrencies() {
+    return this.request("/api/v1/fiat/onramp", { method: "GET" });
+  }
+  /**
+   * Get supported fiat currencies
+   */
+  async getSupportedFiatCurrencies() {
+    const result = await this.getSupportedCurrencies();
+    if (result.success && result.data) {
+      return { success: true, data: result.data.fiatCurrencies };
+    }
+    return { success: false, error: result.error };
+  }
+  /**
+   * Get supported payment methods
+   */
+  async getSupportedPaymentMethods(country) {
+    return { success: true, data: ["card", "bank_transfer", "apple_pay", "google_pay"] };
+  }
+  // ===============================
+  // SWAP ENDPOINTS
+  // ===============================
+  /**
+   * Get swap quote
+   */
+  async getSwapQuote(request) {
+    return this.request("/api/v1/swap/quote", {
+      method: "POST",
+      body: JSON.stringify(request)
+    });
+  }
+  /**
+   * Execute swap
+   */
+  async executeSwap(request) {
+    return this.request("/api/v1/swap/execute", {
+      method: "POST",
+      body: JSON.stringify(request)
+    });
+  }
+  /**
+   * Get swap status
+   */
+  async getSwapStatus(swapId) {
+    return this.request(`/api/v1/swap/${swapId}`, { method: "GET" });
+  }
+  /**
+   * Get supported tokens for swap
+   */
+  async getSupportedSwapTokens(chainId) {
+    const params = chainId ? `?chainId=${chainId}` : "";
+    return this.request(`/api/v1/swap/tokens${params}`, { method: "GET" });
+  }
+  /**
+   * Get supported chains for swap
+   */
+  async getSupportedSwapChains() {
+    return this.request("/api/v1/swap/chains", { method: "GET" });
+  }
+  // ===============================
+  // AI TRADING/QUANT ENDPOINTS
+  // ===============================
+  /**
+   * Get available AI trading strategies
+   */
+  async getStrategies() {
+    return this.request("/api/v1/quant/strategies", { method: "GET" });
+  }
+  /**
+   * Get strategy details
+   */
+  async getStrategy(strategyId) {
+    return this.request(`/api/v1/quant/strategies/${strategyId}`, { method: "GET" });
+  }
+  /**
+   * Get user's positions
+   */
+  async getPositions() {
+    return this.request("/api/v1/quant/positions", { method: "GET" });
+  }
+  /**
+   * Create investment order
+   */
+  async createOrder(strategyId, amount, currency) {
+    return this.request("/api/v1/trading/orders", {
+      method: "POST",
+      body: JSON.stringify({ strategyId, amount, currency })
+    });
+  }
+  /**
+   * Get user's orders
+   */
+  async getUserOrders() {
+    return this.request("/api/v1/trading/orders", { method: "GET" });
+  }
+  /**
+   * Get user's portfolio stats from positions
+   */
+  async getPortfolioStats() {
+    const positionsResult = await this.getPositions();
+    if (positionsResult.success && positionsResult.data) {
+      const positions = positionsResult.data;
+      const totalInvested = positions.reduce((sum, p) => sum + (p.investedAmount || 0), 0);
+      const totalValue = positions.reduce((sum, p) => sum + (p.currentValue || 0), 0);
+      const totalPnl = totalValue - totalInvested;
+      const totalPnlPercent = totalInvested > 0 ? totalPnl / totalInvested * 100 : 0;
+      return {
+        success: true,
+        data: {
+          totalInvested,
+          totalValue,
+          totalPnl,
+          totalPnlPercent,
+          activePositions: positions.filter((p) => p.status === "active").length
+        }
+      };
+    }
+    return {
+      success: true,
+      data: { totalInvested: 0, totalValue: 0, totalPnl: 0, totalPnlPercent: 0, activePositions: 0 }
+    };
+  }
+  // ===============================
+  // MARKET/PRICE ENDPOINTS
+  // ===============================
+  /**
+   * Get token prices
+   */
+  async getTokenPrices(symbols) {
+    const bybitSymbols = symbols.map((s) => {
+      const upper = s.toUpperCase();
+      if (upper.endsWith("USDT")) return upper;
+      return `${upper}USDT`;
+    });
+    const result = await this.request(
+      `/api/v1/trading/market?symbols=${bybitSymbols.join(",")}`,
+      { method: "GET" }
+    );
+    if (result.success && result.data?.markets) {
+      const prices = {};
+      for (const market of result.data.markets) {
+        const symbol = market.symbol?.replace("USDT", "") || "";
+        prices[symbol] = {
+          price: parseFloat(market.lastPrice) || 0,
+          change24h: parseFloat(market.price24hPcnt) * 100 || 0,
+          marketCap: void 0
+          // Bybit doesn't provide this
+        };
+      }
+      return { success: true, data: prices };
+    }
+    return { success: false, error: result.error };
+  }
+  /**
+   * Get market data overview
+   */
+  async getMarketData() {
+    const result = await this.request("/api/v1/trading/market", { method: "GET" });
+    if (result.success && result.data?.markets) {
+      return {
+        success: true,
+        data: {
+          totalMarketCap: 0,
+          // Would need separate API
+          totalVolume24h: result.data.markets.reduce((sum, m) => sum + (parseFloat(m.volume24h) || 0), 0),
+          btcDominance: 0,
+          // Would need separate API
+          markets: result.data.markets
+        }
+      };
+    }
+    return { success: false, error: result.error };
+  }
+  // ===============================
+  // NFT ENDPOINTS
+  // ===============================
+  /**
+   * Get user's NFTs
+   */
+  async getUserNFTs(walletAddress, options) {
+    const params = new URLSearchParams({ address: walletAddress });
+    if (options?.chainId) params.set("chainId", options.chainId.toString());
+    if (options?.limit) params.set("limit", options.limit.toString());
+    if (options?.offset) params.set("offset", options.offset.toString());
+    return this.request(`/api/v1/assets/nfts?${params}`, { method: "GET" });
+  }
+  /**
+   * Get NFT details
+   */
+  async getNFTDetails(contractAddress, tokenId, chainId) {
+    return this.request(`/api/v1/assets/nfts/${contractAddress}/${tokenId}?chainId=${chainId}`, { method: "GET" });
+  }
+  /**
+   * Get NFT collection
+   */
+  async getNFTCollection(contractAddress, chainId) {
+    return this.request(`/api/v1/assets/nfts/collection/${contractAddress}?chainId=${chainId}`, { method: "GET" });
+  }
+  /**
+   * Transfer NFT
+   */
+  async transferNFT(params) {
+    return this.request("/api/v1/assets/nfts/transfer", {
+      method: "POST",
+      body: JSON.stringify(params)
+    });
+  }
+  // ===============================
+  // CONTRACT ENDPOINTS
+  // ===============================
+  /**
+   * Get user's contracts
+   */
+  async getUserContracts(options) {
+    const params = new URLSearchParams();
+    if (options?.chainId) params.set("chainId", options.chainId.toString());
+    if (options?.limit) params.set("limit", options.limit.toString());
+    if (options?.offset) params.set("offset", options.offset.toString());
+    return this.request(`/api/v1/contracts?${params}`, { method: "GET" });
+  }
+  /**
+   * Get contract details
+   */
+  async getContractDetails(address, chainId) {
+    return this.request(`/api/v1/contracts/${address}?chainId=${chainId}`, { method: "GET" });
+  }
+  /**
+   * Read contract (call view function)
+   */
+  async readContract(params) {
+    return this.request("/api/v1/contracts/read", {
+      method: "POST",
+      body: JSON.stringify(params)
+    });
+  }
+  /**
+   * Write to contract (execute transaction)
+   */
+  async writeContract(params) {
+    return this.request("/api/v1/contracts/write", {
+      method: "POST",
+      body: JSON.stringify(params)
+    });
+  }
+  /**
+   * Deploy contract
+   */
+  async deployContract(params) {
+    return this.request("/api/v1/contracts/deploy", {
+      method: "POST",
+      body: JSON.stringify(params)
+    });
+  }
+  // ===============================
+  // OFFRAMP ENDPOINTS (Crypto-to-Fiat)
+  // ===============================
+  /**
+   * Get offramp quote
+   */
+  async getOfframpQuote(cryptoCurrency, cryptoAmount, fiatCurrency, payoutMethod) {
+    const params = new URLSearchParams({
+      cryptoCurrency,
+      cryptoAmount: cryptoAmount.toString(),
+      fiatCurrency
+    });
+    if (payoutMethod) params.set("payoutMethod", payoutMethod);
+    return this.request(`/api/v1/fiat/offramp/quote?${params}`, { method: "GET" });
+  }
+  /**
+   * Create offramp transaction
+   */
+  async createOfframpTransaction(request) {
+    return this.request("/api/v1/fiat/offramp", {
+      method: "POST",
+      body: JSON.stringify(request)
+    });
+  }
+  /**
+   * Get offramp transaction status
+   */
+  async getOfframpStatus(transactionId) {
+    return this.request(`/api/v1/fiat/offramp/${transactionId}`, { method: "GET" });
+  }
+  /**
+   * Get supported payout methods
+   */
+  async getSupportedPayoutMethods(country) {
+    const params = country ? `?country=${country}` : "";
+    return this.request(`/api/v1/fiat/offramp/methods${params}`, { method: "GET" });
+  }
+  // ===============================
+  // BILL PAYMENT ENDPOINTS
+  // ===============================
+  /**
+   * Get bill providers
+   */
+  async getBillProviders(country, category) {
+    const params = new URLSearchParams();
+    if (country) params.set("country", country);
+    if (category) params.set("category", category);
+    return this.request(`/api/v1/bills/providers?${params}`, { method: "GET" });
+  }
+  /**
+   * Get bill details/validate account
+   */
+  async validateBillAccount(providerId, accountNumber) {
+    return this.request("/api/v1/bills/validate", {
+      method: "POST",
+      body: JSON.stringify({ providerId, accountNumber })
+    });
+  }
+  /**
+   * Pay bill
+   */
+  async payBill(params) {
+    return this.request("/api/v1/bills/pay", {
+      method: "POST",
+      body: JSON.stringify(params)
+    });
+  }
+  /**
+   * Get bill payment history
+   */
+  async getBillHistory(options) {
+    const params = new URLSearchParams();
+    if (options?.limit) params.set("limit", options.limit.toString());
+    if (options?.offset) params.set("offset", options.offset.toString());
+    return this.request(`/api/v1/bills/history?${params}`, { method: "GET" });
+  }
+  // ===============================
+  // STAKING ENDPOINTS
+  // ===============================
+  /**
+   * Get staking pools
+   */
+  async getStakingPools(chainId) {
+    const params = chainId ? `?chainId=${chainId}` : "";
+    return this.request(`/api/v1/staking/pools${params}`, { method: "GET" });
+  }
+  /**
+   * Get user's staking positions
+   */
+  async getStakingPositions() {
+    return this.request("/api/v1/staking/positions", { method: "GET" });
+  }
+  /**
+   * Stake tokens
+   */
+  async stake(params) {
+    return this.request("/api/v1/staking/stake", {
+      method: "POST",
+      body: JSON.stringify(params)
+    });
+  }
+  /**
+   * Unstake tokens
+   */
+  async unstake(params) {
+    return this.request("/api/v1/staking/unstake", {
+      method: "POST",
+      body: JSON.stringify(params)
+    });
+  }
+  /**
+   * Claim staking rewards
+   */
+  async claimStakingRewards(positionId) {
+    return this.request("/api/v1/staking/claim", {
+      method: "POST",
+      body: JSON.stringify({ positionId })
+    });
+  }
+  // ===============================
+  // USER PROFILE ENDPOINTS
+  // ===============================
+  /**
+   * Get user profile
+   */
+  async getUserProfile() {
+    return this.request("/api/v1/user/profile", { method: "GET" });
+  }
+  /**
+   * Update user profile
+   */
+  async updateUserProfile(updates) {
+    return this.request("/api/v1/user/profile", {
+      method: "PATCH",
+      body: JSON.stringify(updates)
+    });
+  }
+  /**
+   * Get user settings
+   */
+  async getUserSettings() {
+    return this.request("/api/v1/user/settings", { method: "GET" });
+  }
+  /**
+   * Update user settings
+   */
+  async updateUserSettings(updates) {
+    return this.request("/api/v1/user/settings", {
+      method: "PATCH",
+      body: JSON.stringify(updates)
+    });
+  }
+  // ===============================
+  // NOTIFICATION ENDPOINTS
+  // ===============================
+  /**
+   * Get notifications
+   */
+  async getNotifications(options) {
+    const params = new URLSearchParams();
+    if (options?.unreadOnly) params.set("unreadOnly", "true");
+    if (options?.limit) params.set("limit", options.limit.toString());
+    if (options?.offset) params.set("offset", options.offset.toString());
+    return this.request(`/api/v1/notifications?${params}`, { method: "GET" });
+  }
+  /**
+   * Mark notification as read
+   */
+  async markNotificationRead(notificationId) {
+    return this.request(`/api/v1/notifications/${notificationId}/read`, { method: "POST" });
+  }
+  /**
+   * Mark all notifications as read
+   */
+  async markAllNotificationsRead() {
+    return this.request("/api/v1/notifications/read-all", { method: "POST" });
+  }
+  // ===============================
+  // REFERRAL ENDPOINTS
+  // ===============================
+  /**
+   * Get referral info
+   */
+  async getReferralInfo() {
+    return this.request("/api/v1/referral", { method: "GET" });
+  }
+  /**
+   * Get referred users
+   */
+  async getReferrals() {
+    return this.request("/api/v1/referral/list", { method: "GET" });
+  }
+  /**
+   * Apply referral code
+   */
+  async applyReferralCode(code) {
+    return this.request("/api/v1/referral/apply", {
+      method: "POST",
+      body: JSON.stringify({ code })
+    });
+  }
+  /**
+   * Claim referral rewards
+   */
+  async claimReferralRewards() {
+    return this.request("/api/v1/referral/claim", { method: "POST" });
+  }
+  // ===============================
+  // KYC ENDPOINTS
+  // ===============================
+  /**
+   * Get KYC status
+   */
+  async getKycStatus() {
+    return this.request("/api/v1/kyc/status", { method: "GET" });
+  }
+  /**
+   * Start KYC verification
+   */
+  async startKycVerification(level) {
+    return this.request("/api/v1/kyc/start", {
+      method: "POST",
+      body: JSON.stringify({ level })
+    });
+  }
+  /**
+   * Submit KYC documents
+   */
+  async submitKycDocuments(params) {
+    return this.request("/api/v1/kyc/submit", {
+      method: "POST",
+      body: JSON.stringify(params)
+    });
+  }
+  // ===============================
+  // BRIDGE ENDPOINTS
+  // ===============================
+  /**
+   * Get bridge quote
+   */
+  async getBridgeQuote(params) {
+    return this.request("/api/v1/bridge/quote", {
+      method: "POST",
+      body: JSON.stringify(params)
+    });
+  }
+  /**
+   * Execute bridge transaction
+   */
+  async executeBridge(params) {
+    return this.request("/api/v1/bridge/execute", {
+      method: "POST",
+      body: JSON.stringify(params)
+    });
+  }
+  /**
+   * Get bridge transaction status
+   */
+  async getBridgeStatus(bridgeId) {
+    return this.request(`/api/v1/bridge/${bridgeId}`, { method: "GET" });
+  }
+  /**
+   * Get supported bridge routes
+   */
+  async getSupportedBridgeRoutes() {
+    return this.request("/api/v1/bridge/routes", { method: "GET" });
+  }
+  // ===============================
+  // GAS ENDPOINTS
+  // ===============================
+  /**
+   * Get gas estimate for transaction
+   */
+  async getGasEstimate(params) {
+    return this.request("/api/v1/gas/estimate", {
+      method: "POST",
+      body: JSON.stringify(params)
+    });
+  }
+  /**
+   * Get current gas prices for chain
+   */
+  async getGasPrice(chainId) {
+    return this.request(`/api/v1/gas/price?chainId=${chainId}`, { method: "GET" });
+  }
+  // ===============================
+  // WALLET IMPORT/EXPORT ENDPOINTS
+  // ===============================
+  /**
+   * Import wallet from private key or mnemonic
+   */
+  async importWallet(request) {
+    return this.request("/api/v1/wallet/import", {
+      method: "POST",
+      body: JSON.stringify(request)
+    }, true);
+  }
+  /**
+   * Export wallet (get encrypted private key)
+   * Requires additional authentication
+   */
+  async exportWallet(walletId, pin) {
+    return this.request("/api/v1/wallet/export", {
+      method: "POST",
+      body: JSON.stringify({ walletId, pin })
+    }, true);
+  }
+  /**
+   * Generate new mnemonic phrase
+   */
+  async generateMnemonic() {
+    return this.request("/api/v1/wallet/generate-mnemonic", { method: "POST" }, true);
+  }
+  /**
+   * Validate mnemonic phrase
+   */
+  async validateMnemonic(mnemonic) {
+    return this.request("/api/v1/wallet/validate-mnemonic", {
+      method: "POST",
+      body: JSON.stringify({ mnemonic })
+    });
+  }
+  // ===============================
+  // PORTFOLIO ANALYTICS ENDPOINTS
+  // ===============================
+  /**
+   * Get portfolio analytics with historical data
+   */
+  async getPortfolioAnalytics(walletAddress, period = "30d") {
+    const params = new URLSearchParams({ address: walletAddress, period });
+    return this.request(`/api/v1/analytics/portfolio?${params}`, { method: "GET" });
+  }
+  /**
+   * Get transaction analytics
+   */
+  async getTransactionAnalytics(walletAddress, period = "30d") {
+    const params = new URLSearchParams({ address: walletAddress, period });
+    return this.request(`/api/v1/analytics/transactions?${params}`, { method: "GET" });
+  }
+  // ===============================
+  // ADVANCED TRADING ENDPOINTS
+  // ===============================
+  /**
+   * Create limit order
+   */
+  async createLimitOrder(params) {
+    return this.request("/api/v1/trading/limit-orders", {
+      method: "POST",
+      body: JSON.stringify(params)
+    });
+  }
+  /**
+   * Get user's limit orders
+   */
+  async getLimitOrders(status) {
+    const params = status ? `?status=${status}` : "";
+    return this.request(`/api/v1/trading/limit-orders${params}`, { method: "GET" });
+  }
+  /**
+   * Cancel limit order
+   */
+  async cancelLimitOrder(orderId) {
+    return this.request(`/api/v1/trading/limit-orders/${orderId}`, { method: "DELETE" });
+  }
+  /**
+   * Set price alert
+   */
+  async setPriceAlert(params) {
+    return this.request("/api/v1/trading/alerts", {
+      method: "POST",
+      body: JSON.stringify(params)
+    });
+  }
+  /**
+   * Get price alerts
+   */
+  async getPriceAlerts() {
+    return this.request("/api/v1/trading/alerts", { method: "GET" });
+  }
+  /**
+   * Delete price alert
+   */
+  async deletePriceAlert(alertId) {
+    return this.request(`/api/v1/trading/alerts/${alertId}`, { method: "DELETE" });
+  }
+  // ===============================
+  // SESSION MANAGEMENT
+  // ===============================
+  /**
+   * Get active sessions
+   */
+  async getActiveSessions() {
+    return this.request("/api/v1/auth/sessions", { method: "GET" });
+  }
+  /**
+   * Revoke session
+   */
+  async revokeSession(sessionId) {
+    return this.request(`/api/v1/auth/sessions/${sessionId}`, { method: "DELETE" });
+  }
+  /**
+   * Revoke all other sessions
+   */
+  async revokeAllOtherSessions() {
+    return this.request("/api/v1/auth/sessions/revoke-all", { method: "POST" });
+  }
+  // ========== Webhooks ==========
+  /**
+   * List webhooks for the project
+   */
+  async listWebhooks(options) {
+    const params = new URLSearchParams();
+    if (options?.isActive !== void 0) params.set("isActive", String(options.isActive));
+    const query = params.toString();
+    return this.request(`/api/v1/webhooks${query ? `?${query}` : ""}`, { method: "GET" });
+  }
+  /**
+   * Get webhook by ID
+   */
+  async getWebhook(webhookId) {
+    return this.request(`/api/v1/webhooks/${webhookId}`, { method: "GET" });
+  }
+  /**
+   * Create a webhook
+   */
+  async createWebhook(input) {
+    return this.request("/api/v1/webhooks", {
+      method: "POST",
+      body: JSON.stringify(input)
+    });
+  }
+  /**
+   * Update a webhook
+   */
+  async updateWebhook(webhookId, input) {
+    return this.request(`/api/v1/webhooks/${webhookId}`, {
+      method: "PATCH",
+      body: JSON.stringify(input)
+    });
+  }
+  /**
+   * Delete a webhook
+   */
+  async deleteWebhook(webhookId) {
+    return this.request(`/api/v1/webhooks/${webhookId}`, { method: "DELETE" });
+  }
+  /**
+   * Get webhook deliveries
+   */
+  async getWebhookDeliveries(webhookId, options) {
+    const params = new URLSearchParams();
+    if (options?.status) params.set("status", options.status);
+    if (options?.limit) params.set("limit", String(options.limit));
+    if (options?.offset) params.set("offset", String(options.offset));
+    const query = params.toString();
+    return this.request(`/api/v1/webhooks/${webhookId}/deliveries${query ? `?${query}` : ""}`, { method: "GET" });
+  }
+  /**
+   * Test a webhook
+   */
+  async testWebhook(webhookId) {
+    return this.request(`/api/v1/webhooks/${webhookId}/test`, { method: "POST" });
+  }
+  // ========== Admin (requires admin role) ==========
+  /**
+   * List all users (admin only)
+   */
+  async adminListUsers(options) {
+    const params = new URLSearchParams();
+    if (options?.page) params.set("page", String(options.page));
+    if (options?.limit) params.set("limit", String(options.limit));
+    if (options?.search) params.set("search", options.search);
+    if (options?.sortBy) params.set("sortBy", options.sortBy);
+    if (options?.sortOrder) params.set("sortOrder", options.sortOrder);
+    if (options?.role) params.set("role", options.role);
+    if (options?.kycStatus) params.set("kycStatus", options.kycStatus);
+    if (options?.isActive !== void 0) params.set("isActive", String(options.isActive));
+    const query = params.toString();
+    return this.request(`/api/v1/admin/users${query ? `?${query}` : ""}`, { method: "GET" });
+  }
+  /**
+   * Get user by ID (admin only)
+   */
+  async adminGetUser(userId) {
+    return this.request(`/api/v1/admin/users/${userId}`, { method: "GET" });
+  }
+  /**
+   * Update user (admin only)
+   */
+  async adminUpdateUser(userId, data) {
+    return this.request(`/api/v1/admin/users/${userId}`, {
+      method: "PATCH",
+      body: JSON.stringify(data)
+    });
+  }
+  /**
+   * List all projects (admin only)
+   */
+  async adminListProjects(options) {
+    const params = new URLSearchParams();
+    if (options?.page) params.set("page", String(options.page));
+    if (options?.limit) params.set("limit", String(options.limit));
+    if (options?.search) params.set("search", options.search);
+    if (options?.sortBy) params.set("sortBy", options.sortBy);
+    if (options?.sortOrder) params.set("sortOrder", options.sortOrder);
+    if (options?.isActive !== void 0) params.set("isActive", String(options.isActive));
+    const query = params.toString();
+    return this.request(`/api/v1/admin/projects${query ? `?${query}` : ""}`, { method: "GET" });
+  }
+  /**
+   * Get project by ID (admin only)
+   */
+  async adminGetProject(projectId) {
+    return this.request(`/api/v1/admin/projects/${projectId}`, { method: "GET" });
+  }
+  /**
+   * Update project (admin only)
+   */
+  async adminUpdateProject(projectId, data) {
+    return this.request(`/api/v1/admin/projects/${projectId}`, {
+      method: "PATCH",
+      body: JSON.stringify(data)
+    });
+  }
+  /**
+   * Regenerate project API key (admin only)
+   */
+  async adminRegenerateApiKey(projectId) {
+    return this.request(`/api/v1/admin/projects/${projectId}/regenerate-key`, { method: "POST" });
+  }
+  /**
+   * Get system statistics (admin only)
+   */
+  async adminGetStats(days) {
+    const query = days ? `?days=${days}` : "";
+    return this.request(`/api/v1/admin/stats${query}`, { method: "GET" });
+  }
+  /**
+   * Get system logs (admin only)
+   */
+  async adminGetLogs(options) {
+    const params = new URLSearchParams();
+    if (options?.level) params.set("level", options.level);
+    if (options?.service) params.set("service", options.service);
+    if (options?.limit) params.set("limit", String(options.limit));
+    if (options?.offset) params.set("offset", String(options.offset));
+    if (options?.startDate) params.set("startDate", options.startDate);
+    if (options?.endDate) params.set("endDate", options.endDate);
+    const query = params.toString();
+    return this.request(`/api/v1/admin/logs${query ? `?${query}` : ""}`, { method: "GET" });
+  }
+  /**
+   * Get rate limit status (admin only)
+   */
+  async adminGetRateLimits(options) {
+    const params = new URLSearchParams();
+    if (options?.identifier) params.set("identifier", options.identifier);
+    if (options?.limit) params.set("limit", String(options.limit));
+    const query = params.toString();
+    return this.request(`/api/v1/admin/rate-limits${query ? `?${query}` : ""}`, { method: "GET" });
+  }
+  /**
+   * Clear rate limits for an identifier (admin only)
+   */
+  async adminClearRateLimits(identifier) {
+    return this.request(`/api/v1/admin/rate-limits/${identifier}`, { method: "DELETE" });
+  }
+  // ========== AI Quant Trading ==========
+  /**
+   * Get all AI trading strategies
+   */
+  async getAIStrategies(filters) {
+    const params = new URLSearchParams();
+    if (filters?.category) params.set("category", filters.category);
+    if (filters?.riskLevel) params.set("risk_level", String(filters.riskLevel));
+    if (filters?.minTvl) params.set("min_tvl", String(filters.minTvl));
+    if (filters?.isActive !== void 0) params.set("is_active", String(filters.isActive));
+    const query = params.toString();
+    return this.request(`/api/v1/ai-quant/strategies${query ? `?${query}` : ""}`, { method: "GET" });
+  }
+  /**
+   * Get AI strategy details
+   */
+  async getAIStrategy(strategyId, include) {
+    const params = new URLSearchParams();
+    if (include?.length) params.set("include", include.join(","));
+    const query = params.toString();
+    return this.request(`/api/v1/ai-quant/strategies/${strategyId}${query ? `?${query}` : ""}`, { method: "GET" });
+  }
+  /**
+   * Get strategy performance history
+   */
+  async getAIStrategyPerformance(strategyId, days = 30) {
+    return this.request(`/api/v1/ai-quant/strategies/${strategyId}?include=performance&days=${days}`, { method: "GET" });
+  }
+  /**
+   * Get real-time market data for strategy pairs
+   */
+  async getAIStrategyMarketData(strategyId) {
+    return this.request(`/api/v1/ai-quant/strategies/${strategyId}?include=market`, { method: "GET" });
+  }
+  /**
+   * Create AI trading order
+   */
+  async createAIOrder(request) {
+    return this.request("/api/v1/ai-quant/orders", {
+      method: "POST",
+      body: JSON.stringify(request)
+    });
+  }
+  /**
+   * Get user's AI orders
+   */
+  async getAIOrders(filters) {
+    const params = new URLSearchParams();
+    if (filters?.strategyId) params.set("strategy_id", filters.strategyId);
+    if (filters?.status) params.set("status", filters.status);
+    const query = params.toString();
+    return this.request(`/api/v1/ai-quant/orders${query ? `?${query}` : ""}`, { method: "GET" });
+  }
+  /**
+   * Get AI order details
+   */
+  async getAIOrder(orderId) {
+    return this.request(`/api/v1/ai-quant/orders/${orderId}`, { method: "GET" });
+  }
+  /**
+   * Pause AI order
+   */
+  async pauseAIOrder(orderId) {
+    return this.request(`/api/v1/ai-quant/orders/${orderId}/pause`, { method: "POST" });
+  }
+  /**
+   * Resume AI order
+   */
+  async resumeAIOrder(orderId) {
+    return this.request(`/api/v1/ai-quant/orders/${orderId}/resume`, { method: "POST" });
+  }
+  /**
+   * Request redemption for AI order
+   */
+  async redeemAIOrder(orderId) {
+    return this.request(`/api/v1/ai-quant/orders/${orderId}/redeem`, { method: "POST" });
+  }
+  /**
+   * Get AI portfolio summary
+   */
+  async getAIPortfolio(include) {
+    const params = new URLSearchParams();
+    if (include?.length) params.set("include", include.join(","));
+    const query = params.toString();
+    return this.request(`/api/v1/ai-quant/portfolio${query ? `?${query}` : ""}`, { method: "GET" });
+  }
+  /**
+   * Get user's trade allocations
+   */
+  async getAITradeAllocations(limit = 50) {
+    return this.request(`/api/v1/ai-quant/portfolio?include=allocations&limit=${limit}`, { method: "GET" });
+  }
+  /**
+   * Get trade history for a strategy
+   */
+  async getAITradeHistory(strategyId, limit = 50) {
+    return this.request(`/api/v1/ai-quant/strategies/${strategyId}?include=trades&limit=${limit}`, { method: "GET" });
+  }
+  /**
+   * Execute AI signals for a strategy (admin only)
+   */
+  async executeAISignals(strategyId) {
+    return this.request("/api/v1/ai-quant/execute", {
+      method: "POST",
+      body: JSON.stringify({ strategyId })
+    });
+  }
+  // ========== Free Price APIs (No API Key Required) ==========
+  /**
+   * Get cryptocurrency prices (FREE - uses CoinGecko/Binance/CoinCap)
+   */
+  async getCryptoPrices(symbols) {
+    return this.request(`/api/v1/prices?symbols=${symbols.join(",")}`, { method: "GET" });
+  }
+  /**
+   * Get single cryptocurrency price (FREE)
+   */
+  async getCryptoPrice(symbol) {
+    return this.request(`/api/v1/prices/${symbol}`, { method: "GET" });
+  }
+  /**
+   * Get OHLCV candles for charting (FREE - from Binance)
+   */
+  async getCryptoCandles(symbol, interval = "1h", limit = 100) {
+    return this.request(`/api/v1/prices/${symbol}?candles=true&interval=${interval}&limit=${limit}`, { method: "GET" });
+  }
+  /**
+   * Get top cryptocurrencies by market cap (FREE)
+   */
+  async getTopCryptos(limit = 20) {
+    return this.request(`/api/v1/prices?type=top&limit=${limit}`, { method: "GET" });
+  }
+  /**
+   * Get crypto market overview (FREE)
+   */
+  async getCryptoMarketOverview() {
+    return this.request("/api/v1/prices?type=overview", { method: "GET" });
+  }
+};
+function createOneEngineClient(options) {
+  return new OneEngineClient(options);
+}
+var supabaseInstance = null;
+function createSupabaseClient(url, anonKey) {
+  const config2 = getConfig();
+  const supabaseUrl = url || config2.supabaseUrl;
+  const supabaseAnonKey = anonKey || config2.supabaseAnonKey;
+  if (!supabaseUrl || !supabaseAnonKey) {
+    throw new Error("Supabase URL and Anon Key are required");
+  }
+  return createClient(supabaseUrl, supabaseAnonKey, {
+    auth: {
+      autoRefreshToken: true,
+      persistSession: true,
+      detectSessionInUrl: true
+    }
+  });
+}
+function getSupabaseClient() {
+  if (!supabaseInstance) {
+    supabaseInstance = createSupabaseClient();
+  }
+  return supabaseInstance;
+}
+var SupabaseService = class {
+  constructor(client) {
+    this.client = client || getSupabaseClient();
+  }
+  // ===== Auth Methods =====
+  async signInWithEmail(email) {
+    const { data, error } = await this.client.auth.signInWithOtp({
+      email,
+      options: {
+        shouldCreateUser: true
+      }
+    });
+    return { data, error };
+  }
+  async verifyOtp(email, token) {
+    const { data, error } = await this.client.auth.verifyOtp({
+      email,
+      token,
+      type: "email"
+    });
+    return { data, error };
+  }
+  async signOut() {
+    const { error } = await this.client.auth.signOut();
+    return { error };
+  }
+  async getSession() {
+    const { data, error } = await this.client.auth.getSession();
+    return { session: data.session, error };
+  }
+  async getUser() {
+    const { data, error } = await this.client.auth.getUser();
+    return { user: data.user, error };
+  }
+  // ===== User Profile Methods =====
+  async getUserProfile(userId) {
+    const { data, error } = await this.client.from("user_profiles").select("*").eq("user_id", userId).single();
+    return { data, error };
+  }
+  async updateUserProfile(userId, updates) {
+    const { data, error } = await this.client.from("user_profiles").update(updates).eq("user_id", userId).select().single();
+    return { data, error };
+  }
+  // ===== Transaction Methods =====
+  async getTransactions(userId, limit = 50) {
+    const { data, error } = await this.client.from("transactions").select("*").eq("user_id", userId).order("created_at", { ascending: false }).limit(limit);
+    return { data, error };
+  }
+  async createTransaction(transaction) {
+    const { data, error } = await this.client.from("transactions").insert(transaction).select().single();
+    return { data, error };
+  }
+  // ===== AI Trading Methods =====
+  async getStrategies(status = "active") {
+    const { data, error } = await this.client.from("ai_strategies").select("*").eq("status", status).order("total_aum", { ascending: false });
+    return { data, error };
+  }
+  async getStrategyById(strategyId) {
+    const { data, error } = await this.client.from("ai_strategies").select("*").eq("id", strategyId).single();
+    return { data, error };
+  }
+  async getUserOrders(userId) {
+    const { data, error } = await this.client.from("ai_orders").select(`*, ai_strategies (name)`).eq("user_id", userId).order("created_at", { ascending: false });
+    return { data, error };
+  }
+  async createOrder(order) {
+    const { data, error } = await this.client.from("ai_orders").insert(order).select().single();
+    return { data, error };
+  }
+  // ===== Card Methods =====
+  async getUserCards(userId) {
+    const { data, error } = await this.client.from("cards").select("*").eq("user_id", userId).order("created_at", { ascending: false });
+    return { data, error };
+  }
+  // ===== Realtime Subscriptions =====
+  subscribeToTransactions(userId, callback) {
+    return this.client.channel(`transactions:${userId}`).on(
+      "postgres_changes",
+      {
+        event: "*",
+        schema: "public",
+        table: "transactions",
+        filter: `user_id=eq.${userId}`
+      },
+      callback
+    ).subscribe();
+  }
+  unsubscribe(channel) {
+    return this.client.removeChannel(channel);
+  }
+};
+
+// src/services/price.ts
+var COINGECKO_API = "https://api.coingecko.com/api/v3";
+var FALLBACK_PRICES = {
+  ETH: 3500,
+  BTC: 95e3,
+  BNB: 700,
+  MATIC: 0.5,
+  AVAX: 40,
+  USDT: 1,
+  USDC: 1,
+  DAI: 1,
+  WBTC: 95e3,
+  WETH: 3500,
+  ARB: 1.2,
+  OP: 2.5,
+  LINK: 20,
+  UNI: 12,
+  AAVE: 250,
+  SOL: 200
+};
+var PriceService = class {
+  constructor() {
+    this.cache = /* @__PURE__ */ new Map();
+    this.cacheTTL = 60 * 1e3;
+  }
+  // 1 minute cache
+  async getPrice(symbol) {
+    const upperSymbol = symbol.toUpperCase();
+    const cached = this.cache.get(upperSymbol);
+    if (cached && Date.now() - cached.timestamp < this.cacheTTL) {
+      return cached.price;
+    }
+    const coinId = COINGECKO_IDS[upperSymbol];
+    if (!coinId) {
+      return this.getFallbackPrice(upperSymbol);
+    }
+    try {
+      const response = await fetch(
+        `${COINGECKO_API}/simple/price?ids=${coinId}&vs_currencies=usd&include_24hr_change=true&include_market_cap=true&include_24hr_vol=true`,
+        { headers: { Accept: "application/json" } }
+      );
+      if (!response.ok) {
+        throw new Error(`CoinGecko API error: ${response.status}`);
+      }
+      const data = await response.json();
+      const coinData = data[coinId];
+      if (!coinData) {
+        return this.getFallbackPrice(upperSymbol);
+      }
+      const change24h = coinData.usd_24h_change || 0;
+      const price = {
+        symbol: upperSymbol,
+        price: coinData.usd || 0,
+        change24h,
+        changePercent24h: change24h,
+        priceChange24h: change24h,
+        marketCap: coinData.usd_market_cap,
+        volume24h: coinData.usd_24h_vol
+      };
+      this.cache.set(upperSymbol, { price, timestamp: Date.now() });
+      return price;
+    } catch (error) {
+      console.warn(`Failed to fetch price for ${upperSymbol}:`, error);
+      return this.getFallbackPrice(upperSymbol);
+    }
+  }
+  async getPrices(symbols) {
+    const results = {};
+    const withIds = [];
+    const withoutIds = [];
+    for (const symbol of symbols) {
+      const upper = symbol.toUpperCase();
+      if (COINGECKO_IDS[upper]) {
+        withIds.push(upper);
+      } else {
+        withoutIds.push(upper);
+      }
+    }
+    for (const symbol of withoutIds) {
+      results[symbol] = this.getFallbackPrice(symbol);
+    }
+    if (withIds.length === 0) {
+      return results;
+    }
+    const coinIds = withIds.map((s) => COINGECKO_IDS[s]).join(",");
+    try {
+      const response = await fetch(
+        `${COINGECKO_API}/simple/price?ids=${coinIds}&vs_currencies=usd&include_24hr_change=true`,
+        { headers: { Accept: "application/json" } }
+      );
+      if (!response.ok) {
+        throw new Error(`CoinGecko API error: ${response.status}`);
+      }
+      const data = await response.json();
+      for (const symbol of withIds) {
+        const coinId = COINGECKO_IDS[symbol];
+        const coinData = data[coinId];
+        if (coinData) {
+          const change24h = coinData.usd_24h_change || 0;
+          results[symbol] = {
+            symbol,
+            price: coinData.usd || 0,
+            change24h,
+            changePercent24h: change24h,
+            priceChange24h: change24h
+          };
+        } else {
+          results[symbol] = this.getFallbackPrice(symbol);
+        }
+      }
+    } catch (error) {
+      console.warn("Failed to fetch batch prices:", error);
+      for (const symbol of withIds) {
+        results[symbol] = this.getFallbackPrice(symbol);
+      }
+    }
+    return results;
+  }
+  getFallbackPrice(symbol) {
+    const price = FALLBACK_PRICES[symbol] || 0;
+    return {
+      symbol,
+      price,
+      change24h: 0,
+      changePercent24h: 0,
+      priceChange24h: 0
+    };
+  }
+  clearCache() {
+    this.cache.clear();
+  }
+};
+var priceService = new PriceService();
+var OneContext = createContext(null);
+function OneProvider({
+  children,
+  config: config2,
+  autoFetchBalance = true
+}) {
+  const [isInitialized2, setIsInitialized] = useState(false);
+  const engine = useMemo(() => createOneEngineClient({
+    baseUrl: config2.oneEngineUrl,
+    clientId: config2.oneClientId,
+    secretKey: config2.oneSecretKey
+  }), [config2]);
+  useEffect(() => {
+    initOneSDK(config2);
+    setIsInitialized(true);
+  }, [config2]);
+  const [user, setUser] = useState(null);
+  const [accessToken, setAccessToken] = useState(null);
+  const [authLoading, setAuthLoading] = useState(true);
+  const sendOtp = useCallback(async (email) => {
+    const result = await engine.sendEmailOtp(email);
+    if (!result.success) {
+      return { success: false, error: result.error?.message };
+    }
+    return { success: true };
+  }, [engine]);
+  const verifyOtp = useCallback(async (email, otp) => {
+    const result = await engine.verifyEmailOtp(email, otp);
+    if (!result.success || !result.data) {
+      return { success: false, error: result.error?.message };
+    }
+    const { user: authUser, accessToken: token } = result.data;
+    setUser(authUser);
+    setAccessToken(token);
+    engine.setAccessToken(token);
+    return { success: true };
+  }, [engine]);
+  const signOut = useCallback(async () => {
+    await engine.signOut();
+    setUser(null);
+    setAccessToken(null);
+    engine.clearAccessToken();
+  }, [engine]);
+  const refreshUser = useCallback(async () => {
+    try {
+      if (accessToken) {
+        engine.setAccessToken(accessToken);
+        const result = await engine.getCurrentUser();
+        if (result.success && result.data) {
+          setUser(result.data);
+        }
+      }
+    } finally {
+      setAuthLoading(false);
+    }
+  }, [engine, accessToken]);
+  useEffect(() => {
+    refreshUser();
+  }, []);
+  const [walletAddress, setWalletAddress] = useState(null);
+  const [walletBalance, setWalletBalance] = useState(null);
+  const [walletLoading, setWalletLoading] = useState(false);
+  const [walletError, setWalletError] = useState(null);
+  const fetchBalance = useCallback(async (chains) => {
+    if (!walletAddress) return;
+    setWalletLoading(true);
+    setWalletError(null);
+    try {
+      const result = await engine.getWalletBalance(walletAddress, chains);
+      if (result.success && result.data) {
+        setWalletBalance(result.data);
+      } else {
+        setWalletError(result.error?.message || "Failed to fetch balance");
+      }
+    } catch (error) {
+      setWalletError(error instanceof Error ? error.message : "Failed to fetch balance");
+    } finally {
+      setWalletLoading(false);
+    }
+  }, [walletAddress, engine]);
+  const refreshBalance = useCallback(async () => {
+    await fetchBalance();
+  }, [fetchBalance]);
+  useEffect(() => {
+    if (autoFetchBalance && walletAddress && isInitialized2) {
+      fetchBalance();
+    }
+  }, [walletAddress, autoFetchBalance, isInitialized2, fetchBalance]);
+  const [onrampOpen, setOnrampOpen] = useState(false);
+  const [onrampUrl, setOnrampUrl] = useState(null);
+  const [onrampSessionId, setOnrampSessionId] = useState(null);
+  const openOnramp = useCallback(async (options) => {
+    if (!walletAddress) return;
+    const result = await engine.createOnrampSession({
+      walletAddress,
+      fiatCurrency: "USD",
+      cryptoCurrency: "ETH",
+      ...options
+    });
+    if (result.success && result.data) {
+      setOnrampUrl(result.data.widgetUrl);
+      setOnrampSessionId(result.data.sessionId);
+      setOnrampOpen(true);
+    }
+  }, [walletAddress, engine]);
+  const closeOnramp = useCallback(() => {
+    setOnrampOpen(false);
+    setOnrampUrl(null);
+  }, []);
+  const getOnrampQuote = useCallback(async (fiatCurrency, fiatAmount, cryptoCurrency) => {
+    const result = await engine.getOnrampQuote(fiatCurrency, fiatAmount, cryptoCurrency);
+    return result.success ? result.data : null;
+  }, [engine]);
+  const getSwapQuote = useCallback(async (request) => {
+    const result = await engine.getSwapQuote(request);
+    return result.success ? result.data || null : null;
+  }, [engine]);
+  const executeSwap = useCallback(async (quoteId) => {
+    if (!walletAddress) return null;
+    const result = await engine.executeSwap({ quoteId, walletAddress });
+    return result.success ? result.data : null;
+  }, [engine, walletAddress]);
+  const getSupportedTokens = useCallback(async (chainId) => {
+    const result = await engine.getSupportedSwapTokens(chainId);
+    return result.success && result.data ? result.data.tokens : [];
+  }, [engine]);
+  const getSupportedChains = useCallback(async () => {
+    const result = await engine.getSupportedSwapChains();
+    return result.success && result.data ? result.data.chains : [];
+  }, [engine]);
+  const [strategies, setStrategies] = useState([]);
+  const [orders, setOrders] = useState([]);
+  const [portfolioStats, setPortfolioStats] = useState(null);
+  const [tradingLoading, setTradingLoading] = useState(false);
+  const fetchStrategies = useCallback(async () => {
+    setTradingLoading(true);
+    try {
+      const result = await engine.getStrategies();
+      if (result.success && result.data) {
+        setStrategies(result.data);
+      }
+    } finally {
+      setTradingLoading(false);
+    }
+  }, [engine]);
+  const fetchOrders = useCallback(async () => {
+    const result = await engine.getUserOrders();
+    if (result.success && result.data) {
+      setOrders(result.data);
+    }
+  }, [engine]);
+  const fetchPortfolio = useCallback(async () => {
+    const result = await engine.getPortfolioStats();
+    if (result.success && result.data) {
+      setPortfolioStats(result.data);
+    }
+  }, [engine]);
+  const createOrder = useCallback(async (strategyId, amount, currency) => {
+    const result = await engine.createOrder(strategyId, amount, currency);
+    if (result.success) {
+      await fetchOrders();
+      await fetchPortfolio();
+    }
+    return result;
+  }, [engine, fetchOrders, fetchPortfolio]);
+  const contextValue = useMemo(() => ({
+    isInitialized: isInitialized2,
+    config: isInitialized2 ? config2 : null,
+    engine,
+    auth: {
+      user,
+      isAuthenticated: !!user,
+      isLoading: authLoading,
+      accessToken,
+      sendOtp,
+      verifyOtp,
+      signOut,
+      refreshUser
+    },
+    wallet: {
+      address: walletAddress,
+      balance: walletBalance,
+      tokens: walletBalance?.tokens || [],
+      totalUsd: walletBalance?.totalUsd || 0,
+      isLoading: walletLoading,
+      error: walletError,
+      setAddress: setWalletAddress,
+      fetchBalance,
+      refreshBalance
+    },
+    onramp: {
+      isOpen: onrampOpen,
+      widgetUrl: onrampUrl,
+      sessionId: onrampSessionId,
+      openOnramp,
+      closeOnramp,
+      getQuote: getOnrampQuote
+    },
+    swap: {
+      getQuote: getSwapQuote,
+      executeSwap,
+      getSupportedTokens,
+      getSupportedChains
+    },
+    trading: {
+      strategies,
+      orders,
+      portfolioStats,
+      isLoading: tradingLoading,
+      fetchStrategies,
+      fetchOrders,
+      fetchPortfolio,
+      createOrder
+    }
+  }), [
+    isInitialized2,
+    config2,
+    engine,
+    user,
+    authLoading,
+    accessToken,
+    sendOtp,
+    verifyOtp,
+    signOut,
+    refreshUser,
+    walletAddress,
+    walletBalance,
+    walletLoading,
+    walletError,
+    fetchBalance,
+    refreshBalance,
+    onrampOpen,
+    onrampUrl,
+    onrampSessionId,
+    openOnramp,
+    closeOnramp,
+    getOnrampQuote,
+    getSwapQuote,
+    executeSwap,
+    getSupportedTokens,
+    getSupportedChains,
+    strategies,
+    orders,
+    portfolioStats,
+    tradingLoading,
+    fetchStrategies,
+    fetchOrders,
+    fetchPortfolio,
+    createOrder
+  ]);
+  return /* @__PURE__ */ jsx(OneContext.Provider, { value: contextValue, children });
+}
+function useOne() {
+  const context = useContext(OneContext);
+  if (!context) {
+    throw new Error("useOne must be used within a OneProvider");
+  }
+  return context;
+}
+function useOneAuth() {
+  const { auth } = useOne();
+  return auth;
+}
+function useOneWallet() {
+  const { wallet } = useOne();
+  return wallet;
+}
+function useOneOnramp() {
+  const { onramp } = useOne();
+  return onramp;
+}
+function useOneSwap() {
+  const { swap } = useOne();
+  return swap;
+}
+function useOneTrading() {
+  const { trading } = useOne();
+  return trading;
+}
+function useOneEngine() {
+  const { engine } = useOne();
+  return engine;
+}
+var DEFAULT_AUTH_OPTIONS = {
+  email: true,
+  phone: false,
+  google: true,
+  apple: true,
+  facebook: false,
+  discord: false,
+  passkey: true,
+  guest: false
+};
+var ThirdwebClientContext = React2.createContext(null);
+function useThirdwebClient() {
+  const client = React2.useContext(ThirdwebClientContext);
+  if (!client) {
+    throw new Error("useThirdwebClient must be used within OneThirdwebProvider");
+  }
+  return client;
+}
+function createWalletConfig(config2) {
+  const authOptions = { ...DEFAULT_AUTH_OPTIONS, ...config2.authOptions };
+  const authMethods = [];
+  if (authOptions.google) authMethods.push("google");
+  if (authOptions.apple) authMethods.push("apple");
+  if (authOptions.facebook) authMethods.push("facebook");
+  if (authOptions.discord) authMethods.push("discord");
+  if (authOptions.passkey) authMethods.push("passkey");
+  const inApp = inAppWallet({
+    auth: {
+      options: authMethods
+    },
+    metadata: config2.appName ? {
+      name: config2.appName,
+      image: config2.appIcon ? { src: config2.appIcon, width: 100, height: 100 } : void 0
+    } : void 0
+  });
+  if (config2.sponsorGas) {
+    const chain = config2.defaultChain || base;
+    return [
+      smartWallet({
+        chain,
+        sponsorGas: true
+      })
+    ];
+  }
+  return [inApp];
+}
+var DEFAULT_ENGINE_URL = process.env.NEXT_PUBLIC_ONE_ENGINE_URL || "/api";
+function OneThirdwebProvider({
+  children,
+  config: config2 = {}
+}) {
+  const [clientId, setClientId] = useState(null);
+  const [isLoading, setIsLoading] = useState(true);
+  const [error, setError] = useState(null);
+  useEffect(() => {
+    const fetchClientConfig = async () => {
+      try {
+        const engineUrl = config2.engineUrl || DEFAULT_ENGINE_URL;
+        const response = await fetch(`${engineUrl}/v1/config/thirdweb`);
+        if (response.ok) {
+          const data = await response.json();
+          if (data.success && data.data?.clientId) {
+            setClientId(data.data.clientId);
+          } else {
+            const envClientId = process.env.NEXT_PUBLIC_THIRDWEB_CLIENT_ID;
+            if (envClientId) {
+              setClientId(envClientId);
+            } else {
+              setError("Failed to load wallet configuration");
+            }
+          }
+        } else {
+          const envClientId = process.env.NEXT_PUBLIC_THIRDWEB_CLIENT_ID;
+          if (envClientId) {
+            setClientId(envClientId);
+          } else {
+            setError("Wallet service unavailable");
+          }
+        }
+      } catch (err) {
+        const envClientId = process.env.NEXT_PUBLIC_THIRDWEB_CLIENT_ID;
+        if (envClientId) {
+          setClientId(envClientId);
+        } else {
+          console.error("Failed to fetch thirdweb config:", err);
+          setError("Failed to initialize wallet");
+        }
+      } finally {
+        setIsLoading(false);
+      }
+    };
+    fetchClientConfig();
+  }, [config2.engineUrl]);
+  const client = useMemo(() => {
+    if (!clientId) return null;
+    return createThirdwebClient({ clientId });
+  }, [clientId]);
+  useMemo(() => createWalletConfig(config2), [config2]);
+  if (isLoading) {
+    return /* @__PURE__ */ jsx("div", { style: { display: "flex", alignItems: "center", justifyContent: "center", minHeight: "100px" }, children: /* @__PURE__ */ jsx("span", { style: { color: "#9ca3af" }, children: "Initializing wallet..." }) });
+  }
+  if (error || !client) {
+    return /* @__PURE__ */ jsx("div", { style: { display: "flex", alignItems: "center", justifyContent: "center", minHeight: "100px" }, children: /* @__PURE__ */ jsx("span", { style: { color: "#ef4444" }, children: error || "Wallet initialization failed" }) });
+  }
+  return /* @__PURE__ */ jsx(ThirdwebClientContext.Provider, { value: client, children: /* @__PURE__ */ jsx(ThirdwebProvider, { children }) });
+}
+var ONE_THEME = {
+  colors: {
+    primaryButtonBg: "#10b981",
+    // emerald-500
+    primaryButtonText: "#ffffff"},
+  fontFamily: "Inter, system-ui, sans-serif"
+};
+function OneConnectButton({
+  label = "Connect Wallet",
+  theme = "dark",
+  className,
+  style,
+  chain = base,
+  sponsorGas = true,
+  authOptions = {
+    email: true,
+    google: true,
+    apple: true,
+    discord: false,
+    passkey: true
+  },
+  onConnect,
+  onDisconnect,
+  accountAbstraction
+}) {
+  const client = useThirdwebClient();
+  const authMethods = ["email"];
+  if (authOptions.google) authMethods.push("google");
+  if (authOptions.apple) authMethods.push("apple");
+  if (authOptions.discord) authMethods.push("discord");
+  if (authOptions.passkey) authMethods.push("passkey");
+  const wallet = inAppWallet({
+    auth: {
+      options: authMethods
+    }
+  });
+  const connectProps = {
+    client,
+    wallets: [wallet],
+    connectButton: {
+      label,
+      style: {
+        backgroundColor: ONE_THEME.colors.primaryButtonBg,
+        color: ONE_THEME.colors.primaryButtonText,
+        fontFamily: ONE_THEME.fontFamily,
+        fontWeight: 600,
+        borderRadius: "12px",
+        padding: "12px 24px",
+        ...style
+      },
+      className
+    },
+    theme: theme === "dark" ? "dark" : "light"
+  };
+  if (sponsorGas || accountAbstraction) {
+    connectProps.accountAbstraction = {
+      chain: accountAbstraction?.chain || chain,
+      sponsorGas: accountAbstraction?.sponsorGas ?? sponsorGas
+    };
+  }
+  return /* @__PURE__ */ jsx(ConnectButton, { ...connectProps });
+}
+function OneConnectButtonSimple(props) {
+  return /* @__PURE__ */ jsx(
+    OneConnectButton,
+    {
+      ...props,
+      authOptions: { email: true, google: true, apple: false, passkey: false }
+    }
+  );
+}
+function OneConnectButtonFull(props) {
+  return /* @__PURE__ */ jsx(
+    OneConnectButton,
+    {
+      ...props,
+      authOptions: { email: true, google: true, apple: true, discord: true, passkey: true }
+    }
+  );
+}
+var DEFAULT_SUPPORTED_TOKENS = {
+  [base.id]: [
+    "0x833589fCD6eDb6E08f4c7C32D4f71b54bdA02913"
+    // USDC on Base
+  ],
+  [ethereum.id]: [
+    "0xA0b86991c6218b36c1d19D4a2e9Eb0cE3606eB48",
+    // USDC on Ethereum
+    "0xdAC17F958D2ee523a2206206994597C13D831ec7"
+    // USDT on Ethereum
+  ],
+  [polygon.id]: [
+    "0x3c499c542cEF5E3811e1192ce70d8cC03d5c3359"
+    // USDC on Polygon
+  ],
+  [arbitrum.id]: [
+    "0xaf88d065e77c8cC2239327C5EDb3A432268e5831"
+    // USDC on Arbitrum
+  ]
+};
+function OnePayWidget({
+  mode = "fund_wallet",
+  recipientAddress,
+  amount,
+  tokenAddress,
+  chainId,
+  transaction,
+  theme = "dark",
+  className,
+  style,
+  buyWithCrypto = true,
+  buyWithFiat = true,
+  supportedTokens = DEFAULT_SUPPORTED_TOKENS,
+  onSuccess,
+  onError,
+  onCancel
+}) {
+  const client = useThirdwebClient();
+  let payOptions;
+  switch (mode) {
+    case "direct_payment":
+      if (!recipientAddress) {
+        console.warn("OnePayWidget: recipientAddress required for direct_payment mode");
+      }
+      payOptions = {
+        mode: "direct_payment",
+        paymentInfo: {
+          sellerAddress: recipientAddress || "",
+          amount: amount || "0",
+          chain: chainId ? { id: chainId } : base,
+          token: tokenAddress ? { address: tokenAddress } : void 0
+        },
+        buyWithCrypto: buyWithCrypto ? {} : false,
+        buyWithFiat: buyWithFiat ? {} : false
+      };
+      break;
+    case "transaction":
+      if (!transaction) {
+        console.warn("OnePayWidget: transaction required for transaction mode");
+      }
+      payOptions = {
+        mode: "transaction",
+        transaction,
+        buyWithCrypto: buyWithCrypto ? {} : false,
+        buyWithFiat: buyWithFiat ? {} : false
+      };
+      break;
+    case "fund_wallet":
+    default:
+      payOptions = {
+        mode: "fund_wallet",
+        buyWithCrypto: buyWithCrypto ? {} : false,
+        buyWithFiat: buyWithFiat ? {} : false
+      };
+      break;
+  }
+  return /* @__PURE__ */ jsx("div", { className, style, children: /* @__PURE__ */ jsx(
+    PayEmbed,
+    {
+      client,
+      payOptions,
+      theme,
+      supportedTokens
+    }
+  ) });
+}
+function OneFundWalletWidget(props) {
+  return /* @__PURE__ */ jsx(OnePayWidget, { ...props, mode: "fund_wallet" });
+}
+function OneDirectPayWidget(props) {
+  return /* @__PURE__ */ jsx(OnePayWidget, { ...props, mode: "direct_payment" });
+}
+function OneCryptoOnlyPayWidget(props) {
+  return /* @__PURE__ */ jsx(OnePayWidget, { ...props, buyWithFiat: false });
+}
+function OneFiatOnlyPayWidget(props) {
+  return /* @__PURE__ */ jsx(OnePayWidget, { ...props, buyWithCrypto: false });
+}
+var ONE_BUTTON_STYLE = {
+  backgroundColor: "#10b981",
+  color: "#ffffff",
+  fontFamily: "Inter, system-ui, sans-serif",
+  fontWeight: 600,
+  borderRadius: "12px",
+  padding: "12px 24px",
+  border: "none",
+  cursor: "pointer",
+  transition: "background-color 0.2s"
+};
+var ONE_BUTTON_DISABLED_STYLE = {
+  ...ONE_BUTTON_STYLE,
+  backgroundColor: "#6b7280",
+  cursor: "not-allowed"
+};
+function OneTransactionButton({
+  to,
+  value,
+  data,
+  chain,
+  transaction: preparedTx,
+  label = "Send Transaction",
+  loadingLabel = "Processing...",
+  theme = "dark",
+  className,
+  style,
+  disabled = false,
+  onSuccess,
+  onError,
+  onSubmitted
+}) {
+  const client = useThirdwebClient();
+  const transaction = preparedTx || prepareTransaction({
+    to,
+    value,
+    data,
+    chain,
+    client
+  });
+  const buttonStyle6 = disabled ? { ...ONE_BUTTON_DISABLED_STYLE, ...style } : { ...ONE_BUTTON_STYLE, ...style };
+  return /* @__PURE__ */ jsx(
+    TransactionButton,
+    {
+      transaction: () => transaction,
+      onTransactionSent: (result) => onSubmitted?.(result.transactionHash),
+      onTransactionConfirmed: (result) => onSuccess?.({ transactionHash: result.transactionHash }),
+      onError,
+      disabled,
+      style: buttonStyle6,
+      className,
+      theme,
+      children: label
+    }
+  );
+}
+function OneSendETHButton({
+  amount,
+  ...props
+}) {
+  const valueInWei = BigInt(Math.floor(parseFloat(amount) * 1e18));
+  return /* @__PURE__ */ jsx(
+    OneTransactionButton,
+    {
+      ...props,
+      value: valueInWei,
+      label: props.label || `Send ${amount} ETH`
+    }
+  );
+}
+function OneApproveButton({
+  tokenAddress,
+  spenderAddress,
+  amount = BigInt("0xffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff"),
+  chain,
+  ...props
+}) {
+  const approveData = `0x095ea7b3${spenderAddress.slice(2).padStart(64, "0")}${amount.toString(16).padStart(64, "0")}`;
+  return /* @__PURE__ */ jsx(
+    OneTransactionButton,
+    {
+      ...props,
+      to: tokenAddress,
+      data: approveData,
+      chain,
+      label: props.label || "Approve Token"
+    }
+  );
+}
+var containerStyle = {
+  display: "flex",
+  flexDirection: "column",
+  gap: "16px",
+  padding: "24px",
+  backgroundColor: "#1f2937",
+  borderRadius: "16px",
+  border: "1px solid #374151"
+};
+var inputStyle = {
+  width: "100%",
+  padding: "12px 16px",
+  backgroundColor: "#374151",
+  border: "1px solid #4b5563",
+  borderRadius: "12px",
+  color: "#ffffff",
+  fontSize: "16px",
+  outline: "none"
+};
+var labelStyle = {
+  color: "#9ca3af",
+  fontSize: "14px",
+  marginBottom: "4px"
+};
+var buttonStyle = {
+  width: "100%",
+  padding: "14px",
+  backgroundColor: "#10b981",
+  color: "#ffffff",
+  border: "none",
+  borderRadius: "12px",
+  fontSize: "16px",
+  fontWeight: 600,
+  cursor: "pointer"
+};
+var buttonDisabledStyle = {
+  ...buttonStyle,
+  backgroundColor: "#6b7280",
+  cursor: "not-allowed"
+};
+function OneSendWidget({
+  defaultRecipient = "",
+  defaultAmount = "",
+  defaultChain = base,
+  tokenAddress,
+  tokenSymbol = "ETH",
+  tokenDecimals = 18,
+  theme = "dark",
+  className,
+  style,
+  onSuccess,
+  onError,
+  onCancel
+}) {
+  const client = useThirdwebClient();
+  const account = useActiveAccount();
+  const { mutate: sendTransaction, isPending } = useSendTransaction();
+  const [recipient, setRecipient] = useState(defaultRecipient);
+  const [amount, setAmount] = useState(defaultAmount);
+  const [error, setError] = useState(null);
+  const isValidAddress2 = (address) => /^0x[a-fA-F0-9]{40}$/.test(address);
+  const isValidAmount = (amt) => !isNaN(parseFloat(amt)) && parseFloat(amt) > 0;
+  const canSend = isValidAddress2(recipient) && isValidAmount(amount) && !isPending;
+  const handleSend = useCallback(async () => {
+    if (!account || !canSend) return;
+    setError(null);
+    try {
+      let tx;
+      if (tokenAddress) {
+        const amountInWei = BigInt(Math.floor(parseFloat(amount) * Math.pow(10, tokenDecimals)));
+        const transferData = `0xa9059cbb${recipient.slice(2).padStart(64, "0")}${amountInWei.toString(16).padStart(64, "0")}`;
+        tx = prepareTransaction({
+          to: tokenAddress,
+          data: transferData,
+          chain: defaultChain,
+          client
+        });
+      } else {
+        tx = prepareTransaction({
+          to: recipient,
+          value: toWei(amount),
+          chain: defaultChain,
+          client
+        });
+      }
+      sendTransaction(tx, {
+        onSuccess: (result) => {
+          onSuccess?.(result.transactionHash);
+          setRecipient("");
+          setAmount("");
+        },
+        onError: (err) => {
+          setError(err.message);
+          onError?.(err);
+        }
+      });
+    } catch (err) {
+      const error2 = err instanceof Error ? err : new Error("Transaction failed");
+      setError(error2.message);
+      onError?.(error2);
+    }
+  }, [account, canSend, recipient, amount, tokenAddress, tokenDecimals, defaultChain, client, sendTransaction, onSuccess, onError]);
+  const isDark = theme === "dark";
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className,
+      style: {
+        ...containerStyle,
+        backgroundColor: isDark ? "#1f2937" : "#ffffff",
+        border: `1px solid ${isDark ? "#374151" : "#e5e7eb"}`,
+        ...style
+      },
+      children: [
+        /* @__PURE__ */ jsxs("h3", { style: { color: isDark ? "#ffffff" : "#111827", margin: 0, fontSize: "18px", fontWeight: 600 }, children: [
+          "Send ",
+          tokenSymbol
+        ] }),
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("label", { style: { ...labelStyle, color: isDark ? "#9ca3af" : "#6b7280" }, children: "Recipient Address" }),
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              type: "text",
+              value: recipient,
+              onChange: (e) => setRecipient(e.target.value),
+              placeholder: "0x...",
+              style: {
+                ...inputStyle,
+                backgroundColor: isDark ? "#374151" : "#f3f4f6",
+                color: isDark ? "#ffffff" : "#111827",
+                border: `1px solid ${isDark ? "#4b5563" : "#d1d5db"}`
+              }
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsxs("label", { style: { ...labelStyle, color: isDark ? "#9ca3af" : "#6b7280" }, children: [
+            "Amount (",
+            tokenSymbol,
+            ")"
+          ] }),
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              type: "number",
+              value: amount,
+              onChange: (e) => setAmount(e.target.value),
+              placeholder: "0.0",
+              min: "0",
+              step: "any",
+              style: {
+                ...inputStyle,
+                backgroundColor: isDark ? "#374151" : "#f3f4f6",
+                color: isDark ? "#ffffff" : "#111827",
+                border: `1px solid ${isDark ? "#4b5563" : "#d1d5db"}`
+              }
+            }
+          )
+        ] }),
+        error && /* @__PURE__ */ jsx("div", { style: { color: "#ef4444", fontSize: "14px", padding: "8px 12px", backgroundColor: "rgba(239, 68, 68, 0.1)", borderRadius: "8px" }, children: error }),
+        /* @__PURE__ */ jsxs("div", { style: { display: "flex", gap: "12px" }, children: [
+          onCancel && /* @__PURE__ */ jsx(
+            "button",
+            {
+              onClick: onCancel,
+              style: {
+                ...buttonStyle,
+                flex: 1,
+                backgroundColor: "transparent",
+                border: `1px solid ${isDark ? "#4b5563" : "#d1d5db"}`,
+                color: isDark ? "#9ca3af" : "#6b7280"
+              },
+              children: "Cancel"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              onClick: handleSend,
+              disabled: !canSend,
+              style: canSend ? { ...buttonStyle, flex: 1 } : { ...buttonDisabledStyle, flex: 1 },
+              children: isPending ? "Sending..." : `Send ${tokenSymbol}`
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
+function OneSendETHWidget(props) {
+  return /* @__PURE__ */ jsx(OneSendWidget, { ...props, tokenSymbol: "ETH", tokenDecimals: 18 });
+}
+function OneSendUSDCWidget(props) {
+  return /* @__PURE__ */ jsx(OneSendWidget, { ...props, tokenSymbol: "USDC", tokenDecimals: 6 });
+}
+var DEFAULT_FIATS = ["USD", "EUR", "GBP", "CNY", "JPY", "KRW", "CAD", "AUD"];
+var DEFAULT_CRYPTOS = ["USDT", "USDC", "ETH", "BTC", "MATIC", "BNB", "AVAX", "SOL"];
+var DEFAULT_NETWORKS = ["ethereum", "polygon", "arbitrum", "optimism", "base", "bsc", "avalanche"];
+var NETWORK_DISPLAY_NAMES = {
+  ethereum: "Ethereum",
+  polygon: "Polygon",
+  arbitrum: "Arbitrum",
+  optimism: "Optimism",
+  base: "Base",
+  bsc: "BNB Chain",
+  avalanche: "Avalanche",
+  solana: "Solana"
+};
+var CRYPTO_RATES = {
+  ETH: 3500,
+  BTC: 95e3,
+  USDT: 1,
+  USDC: 1,
+  MATIC: 0.85,
+  BNB: 650,
+  AVAX: 42,
+  SOL: 200,
+  DAI: 1,
+  ARB: 1.2,
+  OP: 2.5
+};
+var containerStyle2 = {
+  display: "flex",
+  flexDirection: "column",
+  gap: "16px",
+  padding: "24px",
+  borderRadius: "16px",
+  border: "1px solid",
+  maxWidth: "420px"
+};
+var headerStyle = {
+  display: "flex",
+  justifyContent: "space-between",
+  alignItems: "center",
+  marginBottom: "8px"
+};
+var selectStyle = {
+  padding: "12px 16px",
+  borderRadius: "12px",
+  fontSize: "16px",
+  outline: "none",
+  cursor: "pointer",
+  appearance: "none",
+  backgroundRepeat: "no-repeat",
+  backgroundPosition: "right 12px center",
+  paddingRight: "40px"
+};
+var inputStyle2 = {
+  padding: "12px 16px",
+  borderRadius: "12px",
+  fontSize: "18px",
+  fontWeight: 500,
+  outline: "none",
+  width: "100%",
+  boxSizing: "border-box"
+};
+var buttonStyle2 = {
+  width: "100%",
+  padding: "16px",
+  border: "none",
+  borderRadius: "12px",
+  fontSize: "16px",
+  fontWeight: 600,
+  cursor: "pointer",
+  transition: "background-color 0.2s"
+};
+var rowStyle = {
+  display: "flex",
+  gap: "12px",
+  alignItems: "center"
+};
+var quoteBoxStyle = {
+  padding: "16px",
+  borderRadius: "12px",
+  fontSize: "14px"
+};
+function OneOnrampWidget({
+  defaultFiat = "USD",
+  defaultCrypto = "USDT",
+  defaultAmount = 100,
+  defaultNetwork = "base",
+  supportedFiats = DEFAULT_FIATS,
+  supportedCryptos = DEFAULT_CRYPTOS,
+  supportedNetworks = DEFAULT_NETWORKS,
+  email,
+  country,
+  theme = "dark",
+  accentColor = "#10b981",
+  className,
+  style,
+  mode = "form",
+  embedHeight = 600,
+  onSuccess,
+  onError,
+  onClose,
+  onQuoteUpdate
+}) {
+  const account = useActiveAccount();
+  const walletAddress = account?.address;
+  const [fiatCurrency, setFiatCurrency] = useState(defaultFiat);
+  const [fiatAmount, setFiatAmount] = useState(defaultAmount.toString());
+  const [cryptoCurrency, setCryptoCurrency] = useState(defaultCrypto);
+  const [network, setNetwork] = useState(defaultNetwork);
+  const [isLoading, setIsLoading] = useState(false);
+  const [error, setError] = useState(null);
+  const [quote, setQuote] = useState(null);
+  const [widgetUrl, setWidgetUrl] = useState(null);
+  const isDark = theme === "dark";
+  const calculateQuote = useCallback(() => {
+    const amount = parseFloat(fiatAmount);
+    if (isNaN(amount) || amount <= 0) return null;
+    const cryptoRate = CRYPTO_RATES[cryptoCurrency.toUpperCase()] || 1;
+    const providerFee = amount * 0.035;
+    const networkFee = cryptoCurrency === "ETH" ? 5 : 1;
+    const totalFee = providerFee + networkFee;
+    const netAmount = amount - totalFee;
+    const cryptoAmount = netAmount / cryptoRate;
+    return {
+      fiatCurrency,
+      fiatAmount: amount,
+      cryptoCurrency,
+      cryptoAmount: parseFloat(cryptoAmount.toFixed(8)),
+      network,
+      rate: cryptoRate,
+      fees: {
+        network: networkFee,
+        provider: providerFee,
+        total: totalFee
+      },
+      estimatedTime: "5-15 minutes"
+    };
+  }, [fiatAmount, fiatCurrency, cryptoCurrency, network]);
+  useEffect(() => {
+    const newQuote = calculateQuote();
+    setQuote(newQuote);
+    if (newQuote) {
+      onQuoteUpdate?.(newQuote);
+    }
+  }, [calculateQuote, onQuoteUpdate]);
+  const buildWidgetUrl = useCallback(() => {
+    if (!walletAddress) return null;
+    const baseUrl = "https://buy.onramper.com";
+    const params = new URLSearchParams();
+    const apiKey = process.env.NEXT_PUBLIC_ONRAMPER_API_KEY || "";
+    if (apiKey) {
+      params.append("apiKey", apiKey);
+    }
+    params.append("wallets", `ETH:${walletAddress},MATIC:${walletAddress},BNB:${walletAddress},AVAX:${walletAddress}`);
+    params.append(
+      "networkWallets",
+      `ethereum:${walletAddress},polygon:${walletAddress},arbitrum:${walletAddress},optimism:${walletAddress},base:${walletAddress},bsc:${walletAddress},avalanche:${walletAddress}`
+    );
+    params.append("defaultCrypto", cryptoCurrency);
+    params.append("defaultFiat", fiatCurrency);
+    params.append("defaultAmount", fiatAmount);
+    params.append("mode", "buy");
+    if (network) {
+      params.append("onlyCryptoNetworks", network);
+    }
+    if (email) params.append("email", email);
+    if (country) params.append("country", country);
+    params.append("color", accentColor.replace("#", ""));
+    params.append("darkMode", isDark ? "true" : "false");
+    params.append("hideTopBar", "false");
+    params.append("isInAppBrowser", "true");
+    params.append("partnerContext", `onesdk_${Date.now()}`);
+    params.append("popularCryptos", "USDT,USDC,ETH,BTC");
+    return `${baseUrl}?${params.toString()}`;
+  }, [walletAddress, cryptoCurrency, fiatCurrency, fiatAmount, network, email, country, accentColor, isDark]);
+  const handleBuy = async () => {
+    if (!walletAddress) {
+      setError("Please connect your wallet first");
+      return;
+    }
+    const amount = parseFloat(fiatAmount);
+    if (isNaN(amount) || amount < 10) {
+      setError("Minimum amount is $10");
+      return;
+    }
+    setIsLoading(true);
+    setError(null);
+    try {
+      const engineUrl = getEngineUrl();
+      const response = await fetch(`${engineUrl}/v1/fiat/onramp`, {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({
+          walletAddress,
+          fiatCurrency,
+          fiatAmount: amount,
+          cryptoCurrency,
+          network,
+          email
+        })
+      });
+      if (response.ok) {
+        const data = await response.json();
+        if (data.success && data.data?.widgetUrl) {
+          setWidgetUrl(data.data.widgetUrl);
+          if (mode === "popup") {
+            window.open(data.data.widgetUrl, "_blank", "width=450,height=700");
+          }
+          return;
+        }
+      }
+      const directUrl = buildWidgetUrl();
+      if (directUrl) {
+        setWidgetUrl(directUrl);
+        if (mode === "popup") {
+          window.open(directUrl, "_blank", "width=450,height=700");
+        }
+      } else {
+        throw new Error("Failed to generate widget URL");
+      }
+    } catch (err) {
+      const error2 = err instanceof Error ? err : new Error("Failed to start purchase");
+      setError(error2.message);
+      onError?.(error2);
+    } finally {
+      setIsLoading(false);
+    }
+  };
+  const handleCloseEmbed = () => {
+    setWidgetUrl(null);
+    onClose?.();
+  };
+  const bgColor = isDark ? "#1f2937" : "#ffffff";
+  const borderColor = isDark ? "#374151" : "#e5e7eb";
+  const textColor = isDark ? "#ffffff" : "#111827";
+  const mutedColor = isDark ? "#9ca3af" : "#6b7280";
+  const inputBg = isDark ? "#374151" : "#f3f4f6";
+  const quoteBg = isDark ? "#374151" : "#f3f4f6";
+  if (mode === "embed" && widgetUrl) {
+    return /* @__PURE__ */ jsxs("div", { className, style: { ...style }, children: [
+      /* @__PURE__ */ jsx("div", { style: { display: "flex", justifyContent: "flex-end", marginBottom: "8px" }, children: /* @__PURE__ */ jsx(
+        "button",
+        {
+          onClick: handleCloseEmbed,
+          style: {
+            background: "none",
+            border: "none",
+            color: mutedColor,
+            cursor: "pointer",
+            fontSize: "14px"
+          },
+          children: "Close"
+        }
+      ) }),
+      /* @__PURE__ */ jsx(
+        "iframe",
+        {
+          src: widgetUrl,
+          width: "100%",
+          height: embedHeight,
+          style: { border: "none", borderRadius: "16px" },
+          allow: "payment; clipboard-read; clipboard-write"
+        }
+      )
+    ] });
+  }
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className,
+      style: {
+        ...containerStyle2,
+        backgroundColor: bgColor,
+        borderColor,
+        ...style
+      },
+      children: [
+        /* @__PURE__ */ jsxs("div", { style: headerStyle, children: [
+          /* @__PURE__ */ jsx("h3", { style: { color: textColor, margin: 0, fontSize: "18px", fontWeight: 600 }, children: "Buy Crypto" }),
+          /* @__PURE__ */ jsx("span", { style: { color: mutedColor, fontSize: "12px" }, children: "Powered by Onramper" })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("label", { style: { color: mutedColor, fontSize: "14px", marginBottom: "8px", display: "block" }, children: "You Pay" }),
+          /* @__PURE__ */ jsxs("div", { style: rowStyle, children: [
+            /* @__PURE__ */ jsx(
+              "input",
+              {
+                type: "number",
+                value: fiatAmount,
+                onChange: (e) => setFiatAmount(e.target.value),
+                placeholder: "0",
+                min: "10",
+                style: {
+                  ...inputStyle2,
+                  flex: 1,
+                  backgroundColor: inputBg,
+                  border: `1px solid ${borderColor}`,
+                  color: textColor
+                }
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              "select",
+              {
+                value: fiatCurrency,
+                onChange: (e) => setFiatCurrency(e.target.value),
+                style: {
+                  ...selectStyle,
+                  backgroundColor: inputBg,
+                  border: `1px solid ${borderColor}`,
+                  color: textColor,
+                  minWidth: "100px",
+                  backgroundImage: `url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='${isDark ? "%239ca3af" : "%236b7280"}'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E")`,
+                  backgroundSize: "16px"
+                },
+                children: supportedFiats.map((fiat) => /* @__PURE__ */ jsx("option", { value: fiat, children: fiat }, fiat))
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("label", { style: { color: mutedColor, fontSize: "14px", marginBottom: "8px", display: "block" }, children: "You Receive" }),
+          /* @__PURE__ */ jsxs("div", { style: rowStyle, children: [
+            /* @__PURE__ */ jsx(
+              "div",
+              {
+                style: {
+                  ...inputStyle2,
+                  flex: 1,
+                  backgroundColor: inputBg,
+                  border: `1px solid ${borderColor}`,
+                  color: textColor,
+                  display: "flex",
+                  alignItems: "center"
+                },
+                children: /* @__PURE__ */ jsx("span", { style: { color: quote ? textColor : mutedColor }, children: quote ? `~${quote.cryptoAmount.toFixed(6)}` : "0.00" })
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              "select",
+              {
+                value: cryptoCurrency,
+                onChange: (e) => setCryptoCurrency(e.target.value),
+                style: {
+                  ...selectStyle,
+                  backgroundColor: inputBg,
+                  border: `1px solid ${borderColor}`,
+                  color: textColor,
+                  minWidth: "100px",
+                  backgroundImage: `url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='${isDark ? "%239ca3af" : "%236b7280"}'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E")`,
+                  backgroundSize: "16px"
+                },
+                children: supportedCryptos.map((crypto) => /* @__PURE__ */ jsx("option", { value: crypto, children: crypto }, crypto))
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("label", { style: { color: mutedColor, fontSize: "14px", marginBottom: "8px", display: "block" }, children: "Network" }),
+          /* @__PURE__ */ jsx(
+            "select",
+            {
+              value: network,
+              onChange: (e) => setNetwork(e.target.value),
+              style: {
+                ...selectStyle,
+                width: "100%",
+                backgroundColor: inputBg,
+                border: `1px solid ${borderColor}`,
+                color: textColor,
+                backgroundImage: `url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='${isDark ? "%239ca3af" : "%236b7280"}'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E")`,
+                backgroundSize: "16px"
+              },
+              children: supportedNetworks.map((net) => /* @__PURE__ */ jsx("option", { value: net, children: NETWORK_DISPLAY_NAMES[net] || net }, net))
+            }
+          )
+        ] }),
+        quote && /* @__PURE__ */ jsxs("div", { style: { ...quoteBoxStyle, backgroundColor: quoteBg }, children: [
+          /* @__PURE__ */ jsxs("div", { style: { display: "flex", justifyContent: "space-between", marginBottom: "8px" }, children: [
+            /* @__PURE__ */ jsx("span", { style: { color: mutedColor }, children: "Rate" }),
+            /* @__PURE__ */ jsxs("span", { style: { color: textColor }, children: [
+              "1 ",
+              cryptoCurrency,
+              " = $",
+              quote.rate.toLocaleString()
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { style: { display: "flex", justifyContent: "space-between", marginBottom: "8px" }, children: [
+            /* @__PURE__ */ jsx("span", { style: { color: mutedColor }, children: "Fees" }),
+            /* @__PURE__ */ jsxs("span", { style: { color: textColor }, children: [
+              "~$",
+              quote.fees.total.toFixed(2)
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { style: { display: "flex", justifyContent: "space-between" }, children: [
+            /* @__PURE__ */ jsx("span", { style: { color: mutedColor }, children: "Est. Time" }),
+            /* @__PURE__ */ jsx("span", { style: { color: textColor }, children: quote.estimatedTime })
+          ] })
+        ] }),
+        error && /* @__PURE__ */ jsx("div", { style: {
+          color: "#ef4444",
+          fontSize: "14px",
+          padding: "12px",
+          backgroundColor: "rgba(239, 68, 68, 0.1)",
+          borderRadius: "8px"
+        }, children: error }),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            onClick: handleBuy,
+            disabled: isLoading || !walletAddress,
+            style: {
+              ...buttonStyle2,
+              backgroundColor: isLoading || !walletAddress ? "#6b7280" : accentColor,
+              color: "#ffffff",
+              cursor: isLoading || !walletAddress ? "not-allowed" : "pointer"
+            },
+            children: isLoading ? "Loading..." : !walletAddress ? "Connect Wallet" : `Buy ${cryptoCurrency}`
+          }
+        ),
+        walletAddress && /* @__PURE__ */ jsxs("div", { style: { textAlign: "center", color: mutedColor, fontSize: "12px" }, children: [
+          "Receiving to: ",
+          walletAddress.slice(0, 6),
+          "...",
+          walletAddress.slice(-4)
+        ] })
+      ]
+    }
+  );
+}
+function OneBuyUSDTWidget(props) {
+  return /* @__PURE__ */ jsx(OneOnrampWidget, { ...props, defaultCrypto: "USDT" });
+}
+function OneBuyUSDCWidget(props) {
+  return /* @__PURE__ */ jsx(OneOnrampWidget, { ...props, defaultCrypto: "USDC" });
+}
+function OneBuyETHWidget(props) {
+  return /* @__PURE__ */ jsx(OneOnrampWidget, { ...props, defaultCrypto: "ETH" });
+}
+function OneBuyBTCWidget(props) {
+  return /* @__PURE__ */ jsx(OneOnrampWidget, { ...props, defaultCrypto: "BTC" });
+}
+var DEFAULT_FIATS2 = ["USD", "EUR", "GBP", "CNY", "JPY", "KRW", "CAD", "AUD"];
+var DEFAULT_CRYPTOS2 = ["USDT", "USDC", "ETH", "BTC", "MATIC", "BNB"];
+var DEFAULT_NETWORKS2 = ["ethereum", "polygon", "arbitrum", "optimism", "base", "bsc", "avalanche"];
+var NETWORK_DISPLAY_NAMES2 = {
+  ethereum: "Ethereum",
+  polygon: "Polygon",
+  arbitrum: "Arbitrum",
+  optimism: "Optimism",
+  base: "Base",
+  bsc: "BNB Chain",
+  avalanche: "Avalanche",
+  solana: "Solana"
+};
+var CRYPTO_RATES2 = {
+  ETH: 3500,
+  BTC: 95e3,
+  USDT: 1,
+  USDC: 1,
+  MATIC: 0.85,
+  BNB: 650,
+  AVAX: 42,
+  SOL: 200,
+  DAI: 1
+};
+var containerStyle3 = {
+  display: "flex",
+  flexDirection: "column",
+  gap: "16px",
+  padding: "24px",
+  borderRadius: "16px",
+  border: "1px solid",
+  maxWidth: "420px"
+};
+var headerStyle2 = {
+  display: "flex",
+  justifyContent: "space-between",
+  alignItems: "center",
+  marginBottom: "8px"
+};
+var selectStyle2 = {
+  padding: "12px 16px",
+  borderRadius: "12px",
+  fontSize: "16px",
+  outline: "none",
+  cursor: "pointer",
+  appearance: "none",
+  backgroundRepeat: "no-repeat",
+  backgroundPosition: "right 12px center",
+  paddingRight: "40px"
+};
+var inputStyle3 = {
+  padding: "12px 16px",
+  borderRadius: "12px",
+  fontSize: "18px",
+  fontWeight: 500,
+  outline: "none",
+  width: "100%",
+  boxSizing: "border-box"
+};
+var buttonStyle3 = {
+  width: "100%",
+  padding: "16px",
+  border: "none",
+  borderRadius: "12px",
+  fontSize: "16px",
+  fontWeight: 600,
+  cursor: "pointer",
+  transition: "background-color 0.2s"
+};
+var rowStyle2 = {
+  display: "flex",
+  gap: "12px",
+  alignItems: "center"
+};
+var quoteBoxStyle2 = {
+  padding: "16px",
+  borderRadius: "12px",
+  fontSize: "14px"
+};
+var balanceStyle = {
+  display: "flex",
+  justifyContent: "space-between",
+  fontSize: "12px",
+  marginTop: "4px"
+};
+function OneOfframpWidget({
+  defaultFiat = "USD",
+  defaultCrypto = "USDT",
+  defaultAmount = "",
+  defaultNetwork = "base",
+  supportedFiats = DEFAULT_FIATS2,
+  supportedCryptos = DEFAULT_CRYPTOS2,
+  supportedNetworks = DEFAULT_NETWORKS2,
+  email,
+  country,
+  theme = "dark",
+  accentColor = "#ef4444",
+  // Red for sell
+  className,
+  style,
+  mode = "form",
+  embedHeight = 600,
+  onSuccess,
+  onError,
+  onClose,
+  onQuoteUpdate
+}) {
+  const client = useThirdwebClient();
+  const account = useActiveAccount();
+  const walletAddress = account?.address;
+  const { data: balanceData } = useWalletBalance({
+    client,
+    chain: base,
+    address: walletAddress
+  });
+  const [cryptoCurrency, setCryptoCurrency] = useState(defaultCrypto);
+  const [cryptoAmount, setCryptoAmount] = useState(defaultAmount);
+  const [fiatCurrency, setFiatCurrency] = useState(defaultFiat);
+  const [network, setNetwork] = useState(defaultNetwork);
+  const [isLoading, setIsLoading] = useState(false);
+  const [error, setError] = useState(null);
+  const [quote, setQuote] = useState(null);
+  const [widgetUrl, setWidgetUrl] = useState(null);
+  const isDark = theme === "dark";
+  const calculateQuote = useCallback(() => {
+    const amount = parseFloat(cryptoAmount);
+    if (isNaN(amount) || amount <= 0) return null;
+    const cryptoRate = CRYPTO_RATES2[cryptoCurrency.toUpperCase()] || 1;
+    const grossAmount = amount * cryptoRate;
+    const providerFee = grossAmount * 0.025;
+    const networkFee = cryptoCurrency === "ETH" ? 5 : 1;
+    const totalFee = providerFee + networkFee;
+    const netAmount = grossAmount - totalFee;
+    return {
+      cryptoCurrency,
+      cryptoAmount: amount,
+      fiatCurrency,
+      fiatAmount: parseFloat(netAmount.toFixed(2)),
+      network,
+      rate: cryptoRate,
+      fees: {
+        network: networkFee,
+        provider: providerFee,
+        total: totalFee
+      },
+      estimatedTime: "1-3 business days"
+    };
+  }, [cryptoAmount, cryptoCurrency, fiatCurrency, network]);
+  useEffect(() => {
+    const newQuote = calculateQuote();
+    setQuote(newQuote);
+    if (newQuote) {
+      onQuoteUpdate?.(newQuote);
+    }
+  }, [calculateQuote, onQuoteUpdate]);
+  const buildWidgetUrl = useCallback(() => {
+    if (!walletAddress) return null;
+    const baseUrl = "https://buy.onramper.com";
+    const params = new URLSearchParams();
+    const apiKey = process.env.NEXT_PUBLIC_ONRAMPER_API_KEY || "";
+    if (apiKey) {
+      params.append("apiKey", apiKey);
+    }
+    params.append("wallets", `ETH:${walletAddress},MATIC:${walletAddress},BNB:${walletAddress}`);
+    params.append(
+      "networkWallets",
+      `ethereum:${walletAddress},polygon:${walletAddress},arbitrum:${walletAddress},optimism:${walletAddress},base:${walletAddress},bsc:${walletAddress}`
+    );
+    params.append("mode", "sell");
+    params.append("defaultCrypto", cryptoCurrency);
+    params.append("defaultFiat", fiatCurrency);
+    if (cryptoAmount) {
+      params.append("sellDefaultAmount", cryptoAmount);
+    }
+    if (network) {
+      params.append("onlyCryptoNetworks", network);
+    }
+    if (email) params.append("email", email);
+    if (country) params.append("country", country);
+    params.append("color", accentColor.replace("#", ""));
+    params.append("darkMode", isDark ? "true" : "false");
+    params.append("hideTopBar", "false");
+    params.append("isInAppBrowser", "true");
+    params.append("partnerContext", `onesdk_sell_${Date.now()}`);
+    return `${baseUrl}?${params.toString()}`;
+  }, [walletAddress, cryptoCurrency, fiatCurrency, cryptoAmount, network, email, country, accentColor, isDark]);
+  const handleSell = async () => {
+    if (!walletAddress) {
+      setError("Please connect your wallet first");
+      return;
+    }
+    const amount = parseFloat(cryptoAmount);
+    if (isNaN(amount) || amount <= 0) {
+      setError("Please enter a valid amount");
+      return;
+    }
+    if (balanceData && cryptoCurrency === "ETH") {
+      const balance = parseFloat(balanceData.displayValue);
+      if (amount > balance) {
+        setError(`Insufficient balance. You have ${balance.toFixed(4)} ${cryptoCurrency}`);
+        return;
+      }
+    }
+    setIsLoading(true);
+    setError(null);
+    try {
+      const engineUrl = getEngineUrl();
+      const response = await fetch(`${engineUrl}/v1/fiat/offramp`, {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({
+          walletAddress,
+          cryptoCurrency,
+          cryptoAmount: amount,
+          fiatCurrency,
+          network,
+          email
+        })
+      });
+      if (response.ok) {
+        const data = await response.json();
+        if (data.success && data.data?.widgetUrl) {
+          setWidgetUrl(data.data.widgetUrl);
+          if (mode === "popup") {
+            window.open(data.data.widgetUrl, "_blank", "width=450,height=700");
+          }
+          return;
+        }
+      }
+      const directUrl = buildWidgetUrl();
+      if (directUrl) {
+        setWidgetUrl(directUrl);
+        if (mode === "popup") {
+          window.open(directUrl, "_blank", "width=450,height=700");
+        }
+      } else {
+        throw new Error("Failed to generate widget URL");
+      }
+    } catch (err) {
+      const error2 = err instanceof Error ? err : new Error("Failed to start sale");
+      setError(error2.message);
+      onError?.(error2);
+    } finally {
+      setIsLoading(false);
+    }
+  };
+  const handleUseMax = () => {
+    if (balanceData && cryptoCurrency === "ETH") {
+      const balance = parseFloat(balanceData.displayValue);
+      const maxAmount = Math.max(0, balance - 5e-3);
+      setCryptoAmount(maxAmount.toFixed(6));
+    }
+  };
+  const handleCloseEmbed = () => {
+    setWidgetUrl(null);
+    onClose?.();
+  };
+  const bgColor = isDark ? "#1f2937" : "#ffffff";
+  const borderColor = isDark ? "#374151" : "#e5e7eb";
+  const textColor = isDark ? "#ffffff" : "#111827";
+  const mutedColor = isDark ? "#9ca3af" : "#6b7280";
+  const inputBg = isDark ? "#374151" : "#f3f4f6";
+  const quoteBg = isDark ? "#374151" : "#f3f4f6";
+  if (mode === "embed" && widgetUrl) {
+    return /* @__PURE__ */ jsxs("div", { className, style: { ...style }, children: [
+      /* @__PURE__ */ jsx("div", { style: { display: "flex", justifyContent: "flex-end", marginBottom: "8px" }, children: /* @__PURE__ */ jsx(
+        "button",
+        {
+          onClick: handleCloseEmbed,
+          style: {
+            background: "none",
+            border: "none",
+            color: mutedColor,
+            cursor: "pointer",
+            fontSize: "14px"
+          },
+          children: "Close"
+        }
+      ) }),
+      /* @__PURE__ */ jsx(
+        "iframe",
+        {
+          src: widgetUrl,
+          width: "100%",
+          height: embedHeight,
+          style: { border: "none", borderRadius: "16px" },
+          allow: "payment; clipboard-read; clipboard-write"
+        }
+      )
+    ] });
+  }
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className,
+      style: {
+        ...containerStyle3,
+        backgroundColor: bgColor,
+        borderColor,
+        ...style
+      },
+      children: [
+        /* @__PURE__ */ jsxs("div", { style: headerStyle2, children: [
+          /* @__PURE__ */ jsx("h3", { style: { color: textColor, margin: 0, fontSize: "18px", fontWeight: 600 }, children: "Sell Crypto" }),
+          /* @__PURE__ */ jsx("span", { style: { color: mutedColor, fontSize: "12px" }, children: "Cash out to bank" })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("label", { style: { color: mutedColor, fontSize: "14px", marginBottom: "8px", display: "block" }, children: "You Sell" }),
+          /* @__PURE__ */ jsxs("div", { style: rowStyle2, children: [
+            /* @__PURE__ */ jsx(
+              "input",
+              {
+                type: "number",
+                value: cryptoAmount,
+                onChange: (e) => setCryptoAmount(e.target.value),
+                placeholder: "0.0",
+                min: "0",
+                step: "any",
+                style: {
+                  ...inputStyle3,
+                  flex: 1,
+                  backgroundColor: inputBg,
+                  border: `1px solid ${borderColor}`,
+                  color: textColor
+                }
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              "select",
+              {
+                value: cryptoCurrency,
+                onChange: (e) => setCryptoCurrency(e.target.value),
+                style: {
+                  ...selectStyle2,
+                  backgroundColor: inputBg,
+                  border: `1px solid ${borderColor}`,
+                  color: textColor,
+                  minWidth: "100px",
+                  backgroundImage: `url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='${isDark ? "%239ca3af" : "%236b7280"}'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E")`,
+                  backgroundSize: "16px"
+                },
+                children: supportedCryptos.map((crypto) => /* @__PURE__ */ jsx("option", { value: crypto, children: crypto }, crypto))
+              }
+            )
+          ] }),
+          balanceData && cryptoCurrency === "ETH" && /* @__PURE__ */ jsxs("div", { style: balanceStyle, children: [
+            /* @__PURE__ */ jsxs("span", { style: { color: mutedColor }, children: [
+              "Balance: ",
+              parseFloat(balanceData.displayValue).toFixed(4),
+              " ETH"
+            ] }),
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                onClick: handleUseMax,
+                style: {
+                  background: "none",
+                  border: "none",
+                  color: accentColor,
+                  cursor: "pointer",
+                  fontSize: "12px",
+                  padding: 0
+                },
+                children: "Use Max"
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("label", { style: { color: mutedColor, fontSize: "14px", marginBottom: "8px", display: "block" }, children: "Network" }),
+          /* @__PURE__ */ jsx(
+            "select",
+            {
+              value: network,
+              onChange: (e) => setNetwork(e.target.value),
+              style: {
+                ...selectStyle2,
+                width: "100%",
+                backgroundColor: inputBg,
+                border: `1px solid ${borderColor}`,
+                color: textColor,
+                backgroundImage: `url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='${isDark ? "%239ca3af" : "%236b7280"}'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E")`,
+                backgroundSize: "16px"
+              },
+              children: supportedNetworks.map((net) => /* @__PURE__ */ jsx("option", { value: net, children: NETWORK_DISPLAY_NAMES2[net] || net }, net))
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("label", { style: { color: mutedColor, fontSize: "14px", marginBottom: "8px", display: "block" }, children: "You Receive" }),
+          /* @__PURE__ */ jsxs("div", { style: rowStyle2, children: [
+            /* @__PURE__ */ jsx(
+              "div",
+              {
+                style: {
+                  ...inputStyle3,
+                  flex: 1,
+                  backgroundColor: inputBg,
+                  border: `1px solid ${borderColor}`,
+                  color: textColor,
+                  display: "flex",
+                  alignItems: "center"
+                },
+                children: /* @__PURE__ */ jsx("span", { style: { color: quote ? textColor : mutedColor }, children: quote ? `~$${quote.fiatAmount.toLocaleString()}` : "$0.00" })
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              "select",
+              {
+                value: fiatCurrency,
+                onChange: (e) => setFiatCurrency(e.target.value),
+                style: {
+                  ...selectStyle2,
+                  backgroundColor: inputBg,
+                  border: `1px solid ${borderColor}`,
+                  color: textColor,
+                  minWidth: "100px",
+                  backgroundImage: `url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='${isDark ? "%239ca3af" : "%236b7280"}'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E")`,
+                  backgroundSize: "16px"
+                },
+                children: supportedFiats.map((fiat) => /* @__PURE__ */ jsx("option", { value: fiat, children: fiat }, fiat))
+              }
+            )
+          ] })
+        ] }),
+        quote && /* @__PURE__ */ jsxs("div", { style: { ...quoteBoxStyle2, backgroundColor: quoteBg }, children: [
+          /* @__PURE__ */ jsxs("div", { style: { display: "flex", justifyContent: "space-between", marginBottom: "8px" }, children: [
+            /* @__PURE__ */ jsx("span", { style: { color: mutedColor }, children: "Rate" }),
+            /* @__PURE__ */ jsxs("span", { style: { color: textColor }, children: [
+              "1 ",
+              cryptoCurrency,
+              " = $",
+              quote.rate.toLocaleString()
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { style: { display: "flex", justifyContent: "space-between", marginBottom: "8px" }, children: [
+            /* @__PURE__ */ jsx("span", { style: { color: mutedColor }, children: "Fees" }),
+            /* @__PURE__ */ jsxs("span", { style: { color: textColor }, children: [
+              "~$",
+              quote.fees.total.toFixed(2)
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { style: { display: "flex", justifyContent: "space-between" }, children: [
+            /* @__PURE__ */ jsx("span", { style: { color: mutedColor }, children: "Est. Arrival" }),
+            /* @__PURE__ */ jsx("span", { style: { color: textColor }, children: quote.estimatedTime })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx("div", { style: {
+          padding: "12px",
+          backgroundColor: isDark ? "rgba(251, 191, 36, 0.1)" : "rgba(251, 191, 36, 0.15)",
+          borderRadius: "8px",
+          fontSize: "12px",
+          color: "#fbbf24"
+        }, children: "Bank transfers typically take 1-3 business days. KYC verification may be required." }),
+        error && /* @__PURE__ */ jsx("div", { style: {
+          color: "#ef4444",
+          fontSize: "14px",
+          padding: "12px",
+          backgroundColor: "rgba(239, 68, 68, 0.1)",
+          borderRadius: "8px"
+        }, children: error }),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            onClick: handleSell,
+            disabled: isLoading || !walletAddress,
+            style: {
+              ...buttonStyle3,
+              backgroundColor: isLoading || !walletAddress ? "#6b7280" : accentColor,
+              color: "#ffffff",
+              cursor: isLoading || !walletAddress ? "not-allowed" : "pointer"
+            },
+            children: isLoading ? "Loading..." : !walletAddress ? "Connect Wallet" : `Sell ${cryptoCurrency}`
+          }
+        ),
+        walletAddress && /* @__PURE__ */ jsxs("div", { style: { textAlign: "center", color: mutedColor, fontSize: "12px" }, children: [
+          "Selling from: ",
+          walletAddress.slice(0, 6),
+          "...",
+          walletAddress.slice(-4)
+        ] })
+      ]
+    }
+  );
+}
+function OneSellUSDTWidget(props) {
+  return /* @__PURE__ */ jsx(OneOfframpWidget, { ...props, defaultCrypto: "USDT" });
+}
+function OneSellUSDCWidget(props) {
+  return /* @__PURE__ */ jsx(OneOfframpWidget, { ...props, defaultCrypto: "USDC" });
+}
+function OneSellETHWidget(props) {
+  return /* @__PURE__ */ jsx(OneOfframpWidget, { ...props, defaultCrypto: "ETH" });
+}
+var CHAIN_CONFIGS2 = [
+  { chain: ethereum, name: "Ethereum", shortName: "ETH", nativeToken: "ETH" },
+  { chain: base, name: "Base", shortName: "BASE", nativeToken: "ETH" },
+  { chain: arbitrum, name: "Arbitrum", shortName: "ARB", nativeToken: "ETH" },
+  { chain: optimism, name: "Optimism", shortName: "OP", nativeToken: "ETH" },
+  { chain: polygon, name: "Polygon", shortName: "MATIC", nativeToken: "POL" },
+  { chain: bsc, name: "BNB Chain", shortName: "BSC", nativeToken: "BNB" },
+  { chain: avalanche, name: "Avalanche", shortName: "AVAX", nativeToken: "AVAX" }
+];
+var TOKENS_BY_CHAIN = {
+  // Ethereum
+  1: [
+    { address: "0x0000000000000000000000000000000000000000", symbol: "ETH", name: "Ethereum", decimals: 18, chainId: 1 },
+    { address: "0xA0b86991c6218b36c1d19D4a2e9Eb0cE3606eB48", symbol: "USDC", name: "USD Coin", decimals: 6, chainId: 1 },
+    { address: "0xdAC17F958D2ee523a2206206994597C13D831ec7", symbol: "USDT", name: "Tether", decimals: 6, chainId: 1 },
+    { address: "0x6B175474E89094C44Da98b954EescdeCB5", symbol: "DAI", name: "Dai", decimals: 18, chainId: 1 },
+    { address: "0xC02aaA39b223FE8D0A0e5C4F27eAD9083C756Cc2", symbol: "WETH", name: "Wrapped Ether", decimals: 18, chainId: 1 }
+  ],
+  // Base
+  8453: [
+    { address: "0x0000000000000000000000000000000000000000", symbol: "ETH", name: "Ethereum", decimals: 18, chainId: 8453 },
+    { address: "0x833589fCD6eDb6E08f4c7C32D4f71b54bdA02913", symbol: "USDC", name: "USD Coin", decimals: 6, chainId: 8453 },
+    { address: "0x50c5725949A6F0c72E6C4a641F24049A917DB0Cb", symbol: "DAI", name: "Dai", decimals: 18, chainId: 8453 },
+    { address: "0x4200000000000000000000000000000000000006", symbol: "WETH", name: "Wrapped Ether", decimals: 18, chainId: 8453 }
+  ],
+  // Arbitrum
+  42161: [
+    { address: "0x0000000000000000000000000000000000000000", symbol: "ETH", name: "Ethereum", decimals: 18, chainId: 42161 },
+    { address: "0xaf88d065e77c8cC2239327C5EDb3A432268e5831", symbol: "USDC", name: "USD Coin", decimals: 6, chainId: 42161 },
+    { address: "0xFd086bC7CD5C481DCC9C85ebE478A1C0b69FCbb9", symbol: "USDT", name: "Tether", decimals: 6, chainId: 42161 },
+    { address: "0x82aF49447D8a07e3bd95BD0d56f35241523fBab1", symbol: "WETH", name: "Wrapped Ether", decimals: 18, chainId: 42161 }
+  ],
+  // Optimism
+  10: [
+    { address: "0x0000000000000000000000000000000000000000", symbol: "ETH", name: "Ethereum", decimals: 18, chainId: 10 },
+    { address: "0x0b2C639c533813f4Aa9D7837CAf62653d097Ff85", symbol: "USDC", name: "USD Coin", decimals: 6, chainId: 10 },
+    { address: "0x94b008aA00579c1307B0EF2c499aD98a8ce58e58", symbol: "USDT", name: "Tether", decimals: 6, chainId: 10 },
+    { address: "0x4200000000000000000000000000000000000006", symbol: "WETH", name: "Wrapped Ether", decimals: 18, chainId: 10 }
+  ],
+  // Polygon
+  137: [
+    { address: "0x0000000000000000000000000000000000000000", symbol: "POL", name: "Polygon", decimals: 18, chainId: 137 },
+    { address: "0x3c499c542cEF5E3811e1192ce70d8cC03d5c3359", symbol: "USDC", name: "USD Coin", decimals: 6, chainId: 137 },
+    { address: "0xc2132D05D31c914a87C6611C10748AEb04B58e8F", symbol: "USDT", name: "Tether", decimals: 6, chainId: 137 },
+    { address: "0x7ceB23fD6bC0adD59E62ac25578270cFf1b9f619", symbol: "WETH", name: "Wrapped Ether", decimals: 18, chainId: 137 }
+  ],
+  // BSC
+  56: [
+    { address: "0x0000000000000000000000000000000000000000", symbol: "BNB", name: "BNB", decimals: 18, chainId: 56 },
+    { address: "0x8AC76a51cc950d9822D68b83fE1Ad97B32Cd580d", symbol: "USDC", name: "USD Coin", decimals: 18, chainId: 56 },
+    { address: "0x55d398326f99059fF775485246999027B3197955", symbol: "USDT", name: "Tether", decimals: 18, chainId: 56 },
+    { address: "0x2170Ed0880ac9A755fd29B2688956BD959F933F8", symbol: "ETH", name: "Ethereum", decimals: 18, chainId: 56 }
+  ],
+  // Avalanche
+  43114: [
+    { address: "0x0000000000000000000000000000000000000000", symbol: "AVAX", name: "Avalanche", decimals: 18, chainId: 43114 },
+    { address: "0xB97EF9Ef8734C71904D8002F8b6Bc66Dd9c48a6E", symbol: "USDC", name: "USD Coin", decimals: 6, chainId: 43114 },
+    { address: "0x9702230A8Ea53601f5cD2dc00fDBc13d4dF4A8c7", symbol: "USDT", name: "Tether", decimals: 6, chainId: 43114 },
+    { address: "0x49D5c2BdFfac6CE2BFdB6640F4F80f226bc10bAB", symbol: "WETH", name: "Wrapped Ether", decimals: 18, chainId: 43114 }
+  ]
+};
+var containerStyle4 = {
+  display: "flex",
+  flexDirection: "column",
+  gap: "16px",
+  padding: "24px",
+  borderRadius: "16px",
+  border: "1px solid",
+  maxWidth: "420px"
+};
+var chainSelectorStyle = {
+  display: "flex",
+  gap: "8px",
+  alignItems: "center"
+};
+var tokenInputStyle = {
+  display: "flex",
+  flexDirection: "column",
+  gap: "8px",
+  padding: "16px",
+  borderRadius: "12px"
+};
+var inputStyle4 = {
+  width: "100%",
+  padding: "8px 0",
+  backgroundColor: "transparent",
+  border: "none",
+  fontSize: "24px",
+  fontWeight: 600,
+  outline: "none"
+};
+var selectStyle3 = {
+  padding: "8px 12px",
+  border: "none",
+  borderRadius: "8px",
+  fontSize: "14px",
+  fontWeight: 500,
+  cursor: "pointer",
+  appearance: "none",
+  backgroundRepeat: "no-repeat",
+  backgroundPosition: "right 8px center",
+  paddingRight: "28px"
+};
+var buttonStyle4 = {
+  width: "100%",
+  padding: "16px",
+  border: "none",
+  borderRadius: "12px",
+  fontSize: "16px",
+  fontWeight: 600,
+  cursor: "pointer",
+  transition: "background-color 0.2s"
+};
+var routeBoxStyle = {
+  padding: "12px",
+  borderRadius: "8px",
+  fontSize: "13px"
+};
+var labelStyle2 = {
+  fontSize: "12px",
+  marginBottom: "4px"
+};
+function OneSwapWidget({
+  defaultFromToken,
+  defaultToToken,
+  defaultFromChain = base,
+  defaultToChain,
+  supportedChains,
+  tokens,
+  mode = "auto",
+  theme = "dark",
+  accentColor = "#10b981",
+  className,
+  style,
+  quoteEndpoint,
+  executeEndpoint,
+  onSwapSuccess,
+  onSwapError,
+  onQuoteReceived,
+  onChainChange
+}) {
+  const client = useThirdwebClient();
+  const account = useActiveAccount();
+  const { mutate: sendTransaction, isPending } = useSendTransaction();
+  const availableChains = useMemo(() => {
+    if (supportedChains) {
+      return CHAIN_CONFIGS2.filter((c) => supportedChains.some((sc) => sc.id === c.chain.id));
+    }
+    return CHAIN_CONFIGS2;
+  }, [supportedChains]);
+  const [fromChain, setFromChain] = useState(
+    availableChains.find((c) => c.chain.id === defaultFromChain.id) || availableChains[0]
+  );
+  const [toChain, setToChain] = useState(
+    defaultToChain ? availableChains.find((c) => c.chain.id === defaultToChain.id) || availableChains[0] : fromChain
+  );
+  const fromTokens = useMemo(() => {
+    if (tokens) {
+      return tokens.filter((t) => t.chainId === fromChain.chain.id);
+    }
+    return TOKENS_BY_CHAIN[fromChain.chain.id] || [];
+  }, [tokens, fromChain]);
+  const toTokens = useMemo(() => {
+    if (tokens) {
+      return tokens.filter((t) => t.chainId === toChain.chain.id);
+    }
+    return TOKENS_BY_CHAIN[toChain.chain.id] || [];
+  }, [tokens, toChain]);
+  const [fromToken, setFromToken] = useState(defaultFromToken || fromTokens[0]);
+  const [toToken, setToToken] = useState(defaultToToken || toTokens[1] || toTokens[0]);
+  const [fromAmount, setFromAmount] = useState("");
+  const [toAmount, setToAmount] = useState("");
+  const [route, setRoute] = useState(null);
+  const [isLoadingQuote, setIsLoadingQuote] = useState(false);
+  const [error, setError] = useState(null);
+  const isDark = theme === "dark";
+  const isCrossChain = fromChain.chain.id !== toChain.chain.id;
+  useEffect(() => {
+    const newFromTokens = TOKENS_BY_CHAIN[fromChain.chain.id] || [];
+    if (newFromTokens.length > 0 && !newFromTokens.some((t) => t.address === fromToken?.address)) {
+      setFromToken(newFromTokens[0]);
+    }
+  }, [fromChain, fromToken?.address]);
+  useEffect(() => {
+    const newToTokens = TOKENS_BY_CHAIN[toChain.chain.id] || [];
+    if (newToTokens.length > 0 && !newToTokens.some((t) => t.address === toToken?.address)) {
+      const sameSymbol = newToTokens.find((t) => t.symbol === fromToken?.symbol);
+      setToToken(sameSymbol || newToTokens[0]);
+    }
+  }, [toChain, toToken?.address, fromToken?.symbol]);
+  useEffect(() => {
+    onChainChange?.(fromChain.chain.id, toChain.chain.id);
+  }, [fromChain, toChain, onChainChange]);
+  const fetchQuote = useCallback(async () => {
+    if (!fromAmount || parseFloat(fromAmount) <= 0 || !fromToken || !toToken) {
+      setToAmount("");
+      setRoute(null);
+      return;
+    }
+    setIsLoadingQuote(true);
+    setError(null);
+    try {
+      const engineUrl = getEngineUrl();
+      const endpoint = quoteEndpoint || `${engineUrl}/v1/swap/quote`;
+      const response = await fetch(endpoint, {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({
+          fromChainId: fromChain.chain.id,
+          toChainId: toChain.chain.id,
+          fromToken: fromToken.address,
+          toToken: toToken.address,
+          fromAmount,
+          fromDecimals: fromToken.decimals,
+          walletAddress: account?.address,
+          slippage: 0.5
+          // 0.5% default slippage
+        })
+      });
+      const data = await response.json();
+      if (data.success && data.data) {
+        const routeData = {
+          provider: data.data.provider || "aggregator",
+          fromChain: fromChain.chain.id,
+          toChain: toChain.chain.id,
+          fromToken,
+          toToken,
+          fromAmount,
+          toAmount: data.data.toAmount || "0",
+          estimatedGas: data.data.estimatedGas || "0",
+          priceImpact: data.data.priceImpact || "0",
+          executionTime: isCrossChain ? "2-5 min" : "~30 sec",
+          steps: data.data.steps || []
+        };
+        setRoute(routeData);
+        setToAmount(routeData.toAmount);
+        onQuoteReceived?.(routeData);
+      } else {
+        const estimatedOutput = estimateSwapOutput(fromAmount, fromToken, toToken);
+        setToAmount(estimatedOutput.toFixed(6));
+        setError(data.error?.message || null);
+      }
+    } catch (err) {
+      const estimatedOutput = estimateSwapOutput(fromAmount, fromToken, toToken);
+      setToAmount(estimatedOutput.toFixed(6));
+      console.error("Quote fetch error:", err);
+    } finally {
+      setIsLoadingQuote(false);
+    }
+  }, [fromAmount, fromToken, toToken, fromChain, toChain, account?.address, quoteEndpoint, isCrossChain, onQuoteReceived]);
+  const estimateSwapOutput = (amount, from, to) => {
+    const prices = {
+      ETH: 3500,
+      WETH: 3500,
+      BNB: 650,
+      AVAX: 42,
+      POL: 0.85,
+      USDC: 1,
+      USDT: 1,
+      DAI: 1
+    };
+    const fromPrice = prices[from.symbol] || 1;
+    const toPrice = prices[to.symbol] || 1;
+    return parseFloat(amount) * fromPrice / toPrice;
+  };
+  useEffect(() => {
+    const debounce = setTimeout(fetchQuote, 500);
+    return () => clearTimeout(debounce);
+  }, [fetchQuote]);
+  const handleSwapDirection = () => {
+    const tempChain = fromChain;
+    const tempToken = fromToken;
+    setFromChain(toChain);
+    setToChain(tempChain);
+    setFromToken(toToken);
+    setToToken(tempToken);
+    setFromAmount(toAmount);
+    setToAmount(fromAmount);
+  };
+  const handleSwap = async () => {
+    if (!account || !fromToken || !toToken) return;
+    setError(null);
+    try {
+      const engineUrl = getEngineUrl();
+      const endpoint = executeEndpoint || `${engineUrl}/v1/swap/execute`;
+      const response = await fetch(endpoint, {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({
+          fromChainId: fromChain.chain.id,
+          toChainId: toChain.chain.id,
+          fromToken: fromToken.address,
+          toToken: toToken.address,
+          fromAmount,
+          walletAddress: account.address,
+          slippage: 0.5
+        })
+      });
+      const data = await response.json();
+      if (data.success && data.data?.transaction) {
+        const tx = prepareTransaction({
+          to: data.data.transaction.to,
+          data: data.data.transaction.data,
+          value: BigInt(data.data.transaction.value || 0),
+          chain: fromChain.chain,
+          client
+        });
+        sendTransaction(tx, {
+          onSuccess: (result) => {
+            onSwapSuccess?.(result.transactionHash, route || void 0);
+            setFromAmount("");
+            setToAmount("");
+            setRoute(null);
+          },
+          onError: (err) => {
+            setError(err.message);
+            onSwapError?.(err);
+          }
+        });
+      } else {
+        throw new Error(data.error?.message || "Swap execution failed");
+      }
+    } catch (err) {
+      const error2 = err instanceof Error ? err : new Error("Swap failed");
+      setError(error2.message);
+      onSwapError?.(error2);
+    }
+  };
+  const canSwap = account && fromAmount && parseFloat(fromAmount) > 0 && !isPending && !isLoadingQuote;
+  const bgColor = isDark ? "#1f2937" : "#ffffff";
+  const borderColor = isDark ? "#374151" : "#e5e7eb";
+  const textColor = isDark ? "#ffffff" : "#111827";
+  const mutedColor = isDark ? "#9ca3af" : "#6b7280";
+  const inputBg = isDark ? "#374151" : "#f3f4f6";
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className,
+      style: {
+        ...containerStyle4,
+        backgroundColor: bgColor,
+        borderColor,
+        ...style
+      },
+      children: [
+        /* @__PURE__ */ jsxs("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "center" }, children: [
+          /* @__PURE__ */ jsx("h3", { style: { color: textColor, margin: 0, fontSize: "18px", fontWeight: 600 }, children: "Swap" }),
+          isCrossChain && /* @__PURE__ */ jsx("span", { style: {
+            fontSize: "11px",
+            padding: "4px 8px",
+            backgroundColor: accentColor,
+            color: "#fff",
+            borderRadius: "4px"
+          }, children: "Cross-Chain" })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { style: { ...tokenInputStyle, backgroundColor: inputBg }, children: [
+          /* @__PURE__ */ jsxs("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "center" }, children: [
+            /* @__PURE__ */ jsx("span", { style: { ...labelStyle2, color: mutedColor }, children: "From" }),
+            mode !== "same-chain" && /* @__PURE__ */ jsx("div", { style: chainSelectorStyle, children: /* @__PURE__ */ jsx(
+              "select",
+              {
+                value: fromChain.chain.id,
+                onChange: (e) => {
+                  const chain = availableChains.find((c) => c.chain.id === parseInt(e.target.value));
+                  if (chain) setFromChain(chain);
+                },
+                style: {
+                  ...selectStyle3,
+                  backgroundColor: isDark ? "#4b5563" : "#e5e7eb",
+                  color: textColor,
+                  backgroundImage: `url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='${isDark ? "%239ca3af" : "%236b7280"}'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E")`,
+                  backgroundSize: "12px",
+                  fontSize: "12px",
+                  padding: "6px 24px 6px 8px"
+                },
+                children: availableChains.map((c) => /* @__PURE__ */ jsx("option", { value: c.chain.id, children: c.shortName }, c.chain.id))
+              }
+            ) })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { style: { display: "flex", gap: "12px", alignItems: "center" }, children: [
+            /* @__PURE__ */ jsx(
+              "input",
+              {
+                type: "number",
+                value: fromAmount,
+                onChange: (e) => setFromAmount(e.target.value),
+                placeholder: "0.0",
+                style: { ...inputStyle4, flex: 1, color: textColor }
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              "select",
+              {
+                value: fromToken?.address || "",
+                onChange: (e) => {
+                  const token = fromTokens.find((t) => t.address === e.target.value);
+                  if (token) setFromToken(token);
+                },
+                style: {
+                  ...selectStyle3,
+                  backgroundColor: isDark ? "#4b5563" : "#e5e7eb",
+                  color: textColor,
+                  backgroundImage: `url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='${isDark ? "%239ca3af" : "%236b7280"}'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E")`,
+                  backgroundSize: "12px"
+                },
+                children: fromTokens.map((token) => /* @__PURE__ */ jsx("option", { value: token.address, children: token.symbol }, token.address))
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx("div", { style: { display: "flex", justifyContent: "center", margin: "-8px 0" }, children: /* @__PURE__ */ jsx(
+          "button",
+          {
+            onClick: handleSwapDirection,
+            style: {
+              width: "36px",
+              height: "36px",
+              borderRadius: "50%",
+              backgroundColor: inputBg,
+              border: `2px solid ${bgColor}`,
+              cursor: "pointer",
+              display: "flex",
+              alignItems: "center",
+              justifyContent: "center",
+              fontSize: "16px",
+              color: mutedColor,
+              zIndex: 1
+            },
+            children: "\u2195"
+          }
+        ) }),
+        /* @__PURE__ */ jsxs("div", { style: { ...tokenInputStyle, backgroundColor: inputBg }, children: [
+          /* @__PURE__ */ jsxs("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "center" }, children: [
+            /* @__PURE__ */ jsx("span", { style: { ...labelStyle2, color: mutedColor }, children: "To" }),
+            mode !== "same-chain" && /* @__PURE__ */ jsx("div", { style: chainSelectorStyle, children: /* @__PURE__ */ jsx(
+              "select",
+              {
+                value: toChain.chain.id,
+                onChange: (e) => {
+                  const chain = availableChains.find((c) => c.chain.id === parseInt(e.target.value));
+                  if (chain) setToChain(chain);
+                },
+                style: {
+                  ...selectStyle3,
+                  backgroundColor: isDark ? "#4b5563" : "#e5e7eb",
+                  color: textColor,
+                  backgroundImage: `url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='${isDark ? "%239ca3af" : "%236b7280"}'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E")`,
+                  backgroundSize: "12px",
+                  fontSize: "12px",
+                  padding: "6px 24px 6px 8px"
+                },
+                children: availableChains.map((c) => /* @__PURE__ */ jsx("option", { value: c.chain.id, children: c.shortName }, c.chain.id))
+              }
+            ) })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { style: { display: "flex", gap: "12px", alignItems: "center" }, children: [
+            /* @__PURE__ */ jsx(
+              "input",
+              {
+                type: "number",
+                value: toAmount,
+                placeholder: "0.0",
+                readOnly: true,
+                style: { ...inputStyle4, flex: 1, color: mutedColor }
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              "select",
+              {
+                value: toToken?.address || "",
+                onChange: (e) => {
+                  const token = toTokens.find((t) => t.address === e.target.value);
+                  if (token) setToToken(token);
+                },
+                style: {
+                  ...selectStyle3,
+                  backgroundColor: isDark ? "#4b5563" : "#e5e7eb",
+                  color: textColor,
+                  backgroundImage: `url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='${isDark ? "%239ca3af" : "%236b7280"}'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E")`,
+                  backgroundSize: "12px"
+                },
+                children: toTokens.map((token) => /* @__PURE__ */ jsx("option", { value: token.address, children: token.symbol }, token.address))
+              }
+            )
+          ] })
+        ] }),
+        (route || fromAmount && toAmount) && /* @__PURE__ */ jsxs("div", { style: { ...routeBoxStyle, backgroundColor: inputBg }, children: [
+          /* @__PURE__ */ jsxs("div", { style: { display: "flex", justifyContent: "space-between", marginBottom: "6px" }, children: [
+            /* @__PURE__ */ jsx("span", { style: { color: mutedColor }, children: "Rate" }),
+            /* @__PURE__ */ jsxs("span", { style: { color: textColor }, children: [
+              "1 ",
+              fromToken?.symbol,
+              " = ",
+              toAmount && fromAmount ? (parseFloat(toAmount) / parseFloat(fromAmount)).toFixed(6) : "0",
+              " ",
+              toToken?.symbol
+            ] })
+          ] }),
+          route?.priceImpact && parseFloat(route.priceImpact) > 0 && /* @__PURE__ */ jsxs("div", { style: { display: "flex", justifyContent: "space-between", marginBottom: "6px" }, children: [
+            /* @__PURE__ */ jsx("span", { style: { color: mutedColor }, children: "Price Impact" }),
+            /* @__PURE__ */ jsxs("span", { style: { color: parseFloat(route.priceImpact) > 3 ? "#ef4444" : textColor }, children: [
+              route.priceImpact,
+              "%"
+            ] })
+          ] }),
+          isCrossChain && /* @__PURE__ */ jsxs("div", { style: { display: "flex", justifyContent: "space-between" }, children: [
+            /* @__PURE__ */ jsx("span", { style: { color: mutedColor }, children: "Est. Time" }),
+            /* @__PURE__ */ jsx("span", { style: { color: textColor }, children: route?.executionTime || "2-5 min" })
+          ] })
+        ] }),
+        error && /* @__PURE__ */ jsx("div", { style: {
+          color: "#ef4444",
+          fontSize: "14px",
+          padding: "10px 12px",
+          backgroundColor: "rgba(239, 68, 68, 0.1)",
+          borderRadius: "8px"
+        }, children: error }),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            onClick: handleSwap,
+            disabled: !canSwap,
+            style: {
+              ...buttonStyle4,
+              backgroundColor: canSwap ? accentColor : "#6b7280",
+              color: "#ffffff",
+              cursor: canSwap ? "pointer" : "not-allowed"
+            },
+            children: isPending ? "Swapping..." : isLoadingQuote ? "Getting Quote..." : !account ? "Connect Wallet" : isCrossChain ? `Bridge & Swap` : "Swap"
+          }
+        )
+      ]
+    }
+  );
+}
+function OneSameChainSwap(props) {
+  return /* @__PURE__ */ jsx(OneSwapWidget, { ...props, mode: "same-chain" });
+}
+function OneCrossChainSwap(props) {
+  return /* @__PURE__ */ jsx(OneSwapWidget, { ...props, mode: "cross-chain" });
+}
+var containerStyle5 = {
+  display: "flex",
+  flexDirection: "column",
+  gap: "16px"
+};
+var balanceCardStyle = {
+  padding: "24px",
+  backgroundColor: "#1f2937",
+  borderRadius: "16px",
+  border: "1px solid #374151"
+};
+var tokenRowStyle = {
+  display: "flex",
+  alignItems: "center",
+  justifyContent: "space-between",
+  padding: "12px 16px",
+  borderRadius: "12px",
+  cursor: "pointer",
+  transition: "background-color 0.2s"
+};
+var formatUSD = (value) => {
+  return new Intl.NumberFormat("en-US", {
+    style: "currency",
+    currency: "USD",
+    minimumFractionDigits: 2,
+    maximumFractionDigits: 2
+  }).format(value);
+};
+var formatBalance = (value, decimals = 4) => {
+  const num = parseFloat(value);
+  if (num === 0) return "0";
+  if (num < 1e-4) return "<0.0001";
+  return num.toFixed(decimals);
+};
+var CHAIN_INFO = {
+  1: { name: "Ethereum", icon: "\u27E0" },
+  8453: { name: "Base", icon: "\u{1F535}" },
+  137: { name: "Polygon", icon: "\u{1F7E3}" },
+  42161: { name: "Arbitrum", icon: "\u{1F537}" },
+  10: { name: "Optimism", icon: "\u{1F534}" }
+};
+function OneWalletBalance({
+  showTotalBalance = true,
+  showTokenList = true,
+  showChainFilter = true,
+  showPriceChange = true,
+  chains = [base, ethereum, polygon, arbitrum, optimism],
+  balanceEndpoint = "/api/v1/assets",
+  theme = "dark",
+  className,
+  style,
+  compact = false,
+  onTokenClick,
+  onRefresh
+}) {
+  useThirdwebClient();
+  const account = useActiveAccount();
+  const [tokens, setTokens] = useState([]);
+  const [totalBalance, setTotalBalance] = useState(0);
+  const [totalChange24h, setTotalChange24h] = useState(0);
+  const [isLoading, setIsLoading] = useState(true);
+  const [selectedChain, setSelectedChain] = useState(null);
+  const [error, setError] = useState(null);
+  const fetchBalances = useCallback(async () => {
+    if (!account?.address) return;
+    setIsLoading(true);
+    setError(null);
+    try {
+      const chainIds = chains.map((c) => c.id).join(",");
+      const response = await fetch(`${balanceEndpoint}?address=${account.address}&chains=${chainIds}`);
+      const data = await response.json();
+      if (data.success && data.data) {
+        const balanceData = data.data;
+        setTokens(balanceData.tokens || []);
+        setTotalBalance(balanceData.totalUsd || 0);
+        setTotalChange24h(balanceData.change24hPercent || 0);
+      } else {
+        setError(data.error?.message || "Failed to fetch balances");
+      }
+    } catch (err) {
+      setError("Failed to load balances");
+    } finally {
+      setIsLoading(false);
+    }
+  }, [account?.address, balanceEndpoint, chains]);
+  useEffect(() => {
+    fetchBalances();
+  }, [fetchBalances]);
+  const handleRefresh = () => {
+    fetchBalances();
+    onRefresh?.();
+  };
+  const filteredTokens = selectedChain ? tokens.filter((t) => t.chainId === selectedChain) : tokens;
+  const isDark = theme === "dark";
+  if (!account) {
+    return /* @__PURE__ */ jsx("div", { className, style: { ...style, textAlign: "center", padding: "24px", color: isDark ? "#9ca3af" : "#6b7280" }, children: "Connect your wallet to view balances" });
+  }
+  return /* @__PURE__ */ jsxs("div", { className, style: { ...containerStyle5, ...style }, children: [
+    showTotalBalance && /* @__PURE__ */ jsx("div", { style: { ...balanceCardStyle, backgroundColor: isDark ? "#1f2937" : "#ffffff", border: `1px solid ${isDark ? "#374151" : "#e5e7eb"}` }, children: /* @__PURE__ */ jsxs("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "flex-start" }, children: [
+      /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx("p", { style: { margin: "0 0 4px 0", color: isDark ? "#9ca3af" : "#6b7280", fontSize: "14px" }, children: "Total Balance" }),
+        isLoading ? /* @__PURE__ */ jsx("div", { style: { height: "36px", width: "120px", backgroundColor: isDark ? "#374151" : "#e5e7eb", borderRadius: "8px", animation: "pulse 2s infinite" } }) : /* @__PURE__ */ jsx("h2", { style: { margin: 0, color: isDark ? "#ffffff" : "#111827", fontSize: compact ? "24px" : "32px", fontWeight: 700 }, children: formatUSD(totalBalance) }),
+        showPriceChange && !isLoading && /* @__PURE__ */ jsxs("p", { style: { margin: "4px 0 0 0", fontSize: "14px", color: totalChange24h >= 0 ? "#10b981" : "#ef4444" }, children: [
+          totalChange24h >= 0 ? "+" : "",
+          totalChange24h.toFixed(2),
+          "% (24h)"
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          onClick: handleRefresh,
+          disabled: isLoading,
+          style: {
+            padding: "8px 12px",
+            backgroundColor: isDark ? "#374151" : "#e5e7eb",
+            border: "none",
+            borderRadius: "8px",
+            color: isDark ? "#ffffff" : "#111827",
+            cursor: isLoading ? "not-allowed" : "pointer",
+            fontSize: "14px"
+          },
+          children: isLoading ? "..." : "\u21BB"
+        }
+      )
+    ] }) }),
+    showChainFilter && chains.length > 1 && /* @__PURE__ */ jsxs("div", { style: { display: "flex", gap: "8px", flexWrap: "wrap" }, children: [
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          onClick: () => setSelectedChain(null),
+          style: {
+            padding: "8px 16px",
+            backgroundColor: selectedChain === null ? "#10b981" : isDark ? "#374151" : "#e5e7eb",
+            border: "none",
+            borderRadius: "20px",
+            color: selectedChain === null ? "#ffffff" : isDark ? "#9ca3af" : "#6b7280",
+            cursor: "pointer",
+            fontSize: "14px"
+          },
+          children: "All"
+        }
+      ),
+      chains.map((chain) => /* @__PURE__ */ jsxs(
+        "button",
+        {
+          onClick: () => setSelectedChain(chain.id),
+          style: {
+            padding: "8px 16px",
+            backgroundColor: selectedChain === chain.id ? "#10b981" : isDark ? "#374151" : "#e5e7eb",
+            border: "none",
+            borderRadius: "20px",
+            color: selectedChain === chain.id ? "#ffffff" : isDark ? "#9ca3af" : "#6b7280",
+            cursor: "pointer",
+            fontSize: "14px"
+          },
+          children: [
+            CHAIN_INFO[chain.id]?.icon,
+            " ",
+            CHAIN_INFO[chain.id]?.name || `Chain ${chain.id}`
+          ]
+        },
+        chain.id
+      ))
+    ] }),
+    showTokenList && /* @__PURE__ */ jsx("div", { style: { display: "flex", flexDirection: "column", gap: "4px" }, children: isLoading ? Array(3).fill(0).map((_, i) => /* @__PURE__ */ jsx("div", { style: { ...tokenRowStyle, backgroundColor: isDark ? "#374151" : "#f3f4f6", height: "60px", animation: "pulse 2s infinite" } }, i)) : error ? /* @__PURE__ */ jsx("div", { style: { textAlign: "center", padding: "24px", color: "#ef4444" }, children: error }) : filteredTokens.length === 0 ? /* @__PURE__ */ jsx("div", { style: { textAlign: "center", padding: "24px", color: isDark ? "#9ca3af" : "#6b7280" }, children: "No tokens found" }) : filteredTokens.map((token, index) => /* @__PURE__ */ jsxs(
+      "div",
+      {
+        style: {
+          ...tokenRowStyle,
+          backgroundColor: "transparent"
+        },
+        onClick: () => onTokenClick?.(token),
+        onMouseEnter: (e) => {
+          e.currentTarget.style.backgroundColor = isDark ? "#374151" : "#f3f4f6";
+        },
+        onMouseLeave: (e) => {
+          e.currentTarget.style.backgroundColor = "transparent";
+        },
+        children: [
+          /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", gap: "12px" }, children: [
+            /* @__PURE__ */ jsx("div", { style: {
+              width: "40px",
+              height: "40px",
+              borderRadius: "50%",
+              backgroundColor: isDark ? "#374151" : "#e5e7eb",
+              display: "flex",
+              alignItems: "center",
+              justifyContent: "center",
+              fontSize: "16px",
+              fontWeight: 600,
+              color: isDark ? "#ffffff" : "#111827"
+            }, children: token.logoURI ? /* @__PURE__ */ jsx("img", { src: token.logoURI, alt: token.symbol, style: { width: "100%", height: "100%", borderRadius: "50%" } }) : token.symbol.slice(0, 2) }),
+            /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", gap: "8px" }, children: [
+                /* @__PURE__ */ jsx("span", { style: { color: isDark ? "#ffffff" : "#111827", fontWeight: 600 }, children: token.symbol }),
+                /* @__PURE__ */ jsx("span", { style: {
+                  fontSize: "10px",
+                  padding: "2px 6px",
+                  backgroundColor: isDark ? "#374151" : "#e5e7eb",
+                  borderRadius: "4px",
+                  color: isDark ? "#9ca3af" : "#6b7280"
+                }, children: CHAIN_INFO[token.chainId]?.name || token.chain })
+              ] }),
+              /* @__PURE__ */ jsxs("span", { style: { color: isDark ? "#9ca3af" : "#6b7280", fontSize: "14px" }, children: [
+                formatBalance(token.balanceFormatted),
+                " ",
+                token.symbol
+              ] })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { style: { textAlign: "right" }, children: [
+            /* @__PURE__ */ jsx("div", { style: { color: isDark ? "#ffffff" : "#111827", fontWeight: 600 }, children: formatUSD(token.balanceUsd) }),
+            showPriceChange && /* @__PURE__ */ jsxs("div", { style: { fontSize: "14px", color: token.priceChange24h >= 0 ? "#10b981" : "#ef4444" }, children: [
+              token.priceChange24h >= 0 ? "+" : "",
+              token.priceChange24h.toFixed(2),
+              "%"
+            ] })
+          ] })
+        ]
+      },
+      `${token.chainId}-${token.symbol}-${index}`
+    )) })
+  ] });
+}
+function OneBalanceDisplay({
+  theme = "dark",
+  className,
+  style
+}) {
+  return /* @__PURE__ */ jsx(
+    OneWalletBalance,
+    {
+      theme,
+      className,
+      style,
+      showTotalBalance: true,
+      showTokenList: false,
+      showChainFilter: false,
+      compact: true
+    }
+  );
+}
+var galleryStyle = {
+  display: "grid",
+  gap: "16px"
+};
+var cardStyle = {
+  backgroundColor: "#1f2937",
+  borderRadius: "16px",
+  overflow: "hidden",
+  border: "1px solid #374151",
+  cursor: "pointer",
+  transition: "transform 0.2s, box-shadow 0.2s"
+};
+var imageContainerStyle = {
+  aspectRatio: "1",
+  backgroundColor: "#374151",
+  display: "flex",
+  alignItems: "center",
+  justifyContent: "center",
+  overflow: "hidden"
+};
+var infoStyle = {
+  padding: "12px"
+};
+function OneNFTGallery({
+  nfts: propNfts,
+  fetchEndpoint = "/api/v1/assets/nft",
+  columns = 3,
+  showCollection = true,
+  showChain = true,
+  theme = "dark",
+  className,
+  style,
+  onNFTClick,
+  onTransfer
+}) {
+  const client = useThirdwebClient();
+  const account = useActiveAccount();
+  const [nfts, setNfts] = useState(propNfts || []);
+  const [isLoading, setIsLoading] = useState(!propNfts);
+  const [error, setError] = useState(null);
+  const [selectedNFT, setSelectedNFT] = useState(null);
+  const fetchNFTs = useCallback(async () => {
+    if (!account?.address || propNfts) return;
+    setIsLoading(true);
+    setError(null);
+    try {
+      const response = await fetch(`${fetchEndpoint}?address=${account.address}`);
+      const data = await response.json();
+      if (data.success && data.data) {
+        setNfts(data.data.nfts || []);
+      } else {
+        setError(data.error?.message || "Failed to fetch NFTs");
+      }
+    } catch (err) {
+      setError("Failed to load NFTs");
+    } finally {
+      setIsLoading(false);
+    }
+  }, [account?.address, fetchEndpoint, propNfts]);
+  useEffect(() => {
+    fetchNFTs();
+  }, [fetchNFTs]);
+  useEffect(() => {
+    if (propNfts) {
+      setNfts(propNfts);
+    }
+  }, [propNfts]);
+  const isDark = theme === "dark";
+  const gridColumns = {
+    2: "repeat(2, 1fr)",
+    3: "repeat(3, 1fr)",
+    4: "repeat(4, 1fr)"
+  };
+  if (isLoading) {
+    return /* @__PURE__ */ jsx("div", { className, style: { ...style, textAlign: "center", padding: "40px", color: isDark ? "#9ca3af" : "#6b7280" }, children: "Loading NFTs..." });
+  }
+  if (error) {
+    return /* @__PURE__ */ jsx("div", { className, style: { ...style, textAlign: "center", padding: "40px", color: "#ef4444" }, children: error });
+  }
+  if (nfts.length === 0) {
+    return /* @__PURE__ */ jsx("div", { className, style: { ...style, textAlign: "center", padding: "40px", color: isDark ? "#9ca3af" : "#6b7280" }, children: "No NFTs found" });
+  }
+  return /* @__PURE__ */ jsxs("div", { className, style, children: [
+    /* @__PURE__ */ jsx("div", { style: { ...galleryStyle, gridTemplateColumns: gridColumns[columns] }, children: nfts.map((nft) => /* @__PURE__ */ jsxs(
+      "div",
+      {
+        style: {
+          ...cardStyle,
+          backgroundColor: isDark ? "#1f2937" : "#ffffff",
+          border: `1px solid ${isDark ? "#374151" : "#e5e7eb"}`
+        },
+        onClick: () => {
+          setSelectedNFT(nft);
+          onNFTClick?.(nft);
+        },
+        onMouseEnter: (e) => {
+          e.currentTarget.style.transform = "translateY(-4px)";
+          e.currentTarget.style.boxShadow = "0 10px 40px rgba(0,0,0,0.3)";
+        },
+        onMouseLeave: (e) => {
+          e.currentTarget.style.transform = "translateY(0)";
+          e.currentTarget.style.boxShadow = "none";
+        },
+        children: [
+          /* @__PURE__ */ jsx("div", { style: { ...imageContainerStyle, backgroundColor: isDark ? "#374151" : "#f3f4f6" }, children: nft.image ? /* @__PURE__ */ jsx(
+            MediaRenderer,
+            {
+              client,
+              src: nft.image,
+              style: { width: "100%", height: "100%", objectFit: "cover" }
+            }
+          ) : /* @__PURE__ */ jsx("span", { style: { color: isDark ? "#6b7280" : "#9ca3af", fontSize: "14px" }, children: "No Image" }) }),
+          /* @__PURE__ */ jsxs("div", { style: infoStyle, children: [
+            /* @__PURE__ */ jsx("h4", { style: { margin: "0 0 4px 0", color: isDark ? "#ffffff" : "#111827", fontSize: "14px", fontWeight: 600 }, children: nft.name || `#${nft.tokenId}` }),
+            showCollection && nft.collection && /* @__PURE__ */ jsx("p", { style: { margin: 0, color: isDark ? "#9ca3af" : "#6b7280", fontSize: "12px" }, children: nft.collection.name }),
+            showChain && /* @__PURE__ */ jsx("span", { style: {
+              display: "inline-block",
+              marginTop: "8px",
+              padding: "2px 8px",
+              backgroundColor: isDark ? "#374151" : "#e5e7eb",
+              borderRadius: "4px",
+              fontSize: "10px",
+              color: isDark ? "#9ca3af" : "#6b7280"
+            }, children: nft.chain })
+          ] })
+        ]
+      },
+      `${nft.contractAddress}-${nft.tokenId}`
+    )) }),
+    selectedNFT && /* @__PURE__ */ jsx(
+      "div",
+      {
+        style: {
+          position: "fixed",
+          inset: 0,
+          backgroundColor: "rgba(0,0,0,0.8)",
+          display: "flex",
+          alignItems: "center",
+          justifyContent: "center",
+          zIndex: 1e3
+        },
+        onClick: () => setSelectedNFT(null),
+        children: /* @__PURE__ */ jsxs(
+          "div",
+          {
+            style: {
+              backgroundColor: isDark ? "#1f2937" : "#ffffff",
+              borderRadius: "16px",
+              padding: "24px",
+              maxWidth: "500px",
+              width: "90%",
+              maxHeight: "90vh",
+              overflow: "auto"
+            },
+            onClick: (e) => e.stopPropagation(),
+            children: [
+              selectedNFT.image && /* @__PURE__ */ jsx(
+                MediaRenderer,
+                {
+                  client,
+                  src: selectedNFT.image,
+                  style: { width: "100%", borderRadius: "12px", marginBottom: "16px" }
+                }
+              ),
+              /* @__PURE__ */ jsx("h3", { style: { margin: "0 0 8px 0", color: isDark ? "#ffffff" : "#111827" }, children: selectedNFT.name || `#${selectedNFT.tokenId}` }),
+              selectedNFT.description && /* @__PURE__ */ jsx("p", { style: { margin: "0 0 16px 0", color: isDark ? "#9ca3af" : "#6b7280", fontSize: "14px" }, children: selectedNFT.description }),
+              selectedNFT.attributes && selectedNFT.attributes.length > 0 && /* @__PURE__ */ jsx("div", { style: { display: "flex", flexWrap: "wrap", gap: "8px", marginBottom: "16px" }, children: selectedNFT.attributes.map((attr, i) => /* @__PURE__ */ jsxs(
+                "div",
+                {
+                  style: {
+                    padding: "8px 12px",
+                    backgroundColor: isDark ? "#374151" : "#f3f4f6",
+                    borderRadius: "8px"
+                  },
+                  children: [
+                    /* @__PURE__ */ jsx("div", { style: { fontSize: "10px", color: isDark ? "#9ca3af" : "#6b7280" }, children: attr.trait_type }),
+                    /* @__PURE__ */ jsx("div", { style: { fontSize: "14px", color: isDark ? "#ffffff" : "#111827", fontWeight: 500 }, children: attr.value })
+                  ]
+                },
+                i
+              )) }),
+              /* @__PURE__ */ jsxs("div", { style: { display: "flex", gap: "12px" }, children: [
+                /* @__PURE__ */ jsx(
+                  "button",
+                  {
+                    onClick: () => setSelectedNFT(null),
+                    style: {
+                      flex: 1,
+                      padding: "12px",
+                      backgroundColor: "transparent",
+                      border: `1px solid ${isDark ? "#374151" : "#e5e7eb"}`,
+                      borderRadius: "8px",
+                      color: isDark ? "#9ca3af" : "#6b7280",
+                      cursor: "pointer"
+                    },
+                    children: "Close"
+                  }
+                ),
+                onTransfer && /* @__PURE__ */ jsx(
+                  "button",
+                  {
+                    onClick: () => {
+                      onTransfer(selectedNFT);
+                      setSelectedNFT(null);
+                    },
+                    style: {
+                      flex: 1,
+                      padding: "12px",
+                      backgroundColor: "#10b981",
+                      border: "none",
+                      borderRadius: "8px",
+                      color: "#ffffff",
+                      fontWeight: 600,
+                      cursor: "pointer"
+                    },
+                    children: "Transfer"
+                  }
+                )
+              ] })
+            ]
+          }
+        )
+      }
+    )
+  ] });
+}
+function generateQRMatrix(data) {
+  const size = 21;
+  const matrix = Array(size).fill(null).map(() => Array(size).fill(false));
+  const addFinderPattern = (x, y) => {
+    for (let i = 0; i < 7; i++) {
+      for (let j = 0; j < 7; j++) {
+        if (i === 0 || i === 6 || j === 0 || j === 6 || i >= 2 && i <= 4 && j >= 2 && j <= 4) {
+          matrix[y + i][x + j] = true;
+        }
+      }
+    }
+  };
+  addFinderPattern(0, 0);
+  addFinderPattern(14, 0);
+  addFinderPattern(0, 14);
+  let hash = 0;
+  for (let i = 0; i < data.length; i++) {
+    hash = (hash << 5) - hash + data.charCodeAt(i);
+    hash = hash & hash;
+  }
+  for (let i = 8; i < 13; i++) {
+    for (let j = 8; j < 13; j++) {
+      matrix[i][j] = (hash >> (i * 21 + j) % 32 & 1) === 1;
+    }
+  }
+  return matrix;
+}
+function QRCode({ data, size = 200, isDark = true }) {
+  const matrix = generateQRMatrix(data);
+  const cellSize = size / matrix.length;
+  return /* @__PURE__ */ jsxs("svg", { width: size, height: size, viewBox: `0 0 ${size} ${size}`, children: [
+    /* @__PURE__ */ jsx("rect", { width: size, height: size, fill: isDark ? "#ffffff" : "#ffffff", rx: "8" }),
+    matrix.map(
+      (row, y) => row.map(
+        (cell, x) => cell ? /* @__PURE__ */ jsx(
+          "rect",
+          {
+            x: x * cellSize,
+            y: y * cellSize,
+            width: cellSize,
+            height: cellSize,
+            fill: isDark ? "#111827" : "#111827"
+          },
+          `${x}-${y}`
+        ) : null
+      )
+    )
+  ] });
+}
+var containerStyle6 = {
+  display: "flex",
+  flexDirection: "column",
+  alignItems: "center",
+  gap: "20px",
+  padding: "24px",
+  backgroundColor: "#1f2937",
+  borderRadius: "16px",
+  border: "1px solid #374151"
+};
+var addressStyle = {
+  display: "flex",
+  alignItems: "center",
+  gap: "8px",
+  padding: "12px 16px",
+  backgroundColor: "#374151",
+  borderRadius: "12px",
+  maxWidth: "100%"
+};
+var buttonStyle5 = {
+  padding: "8px 16px",
+  backgroundColor: "#10b981",
+  color: "#ffffff",
+  border: "none",
+  borderRadius: "8px",
+  cursor: "pointer",
+  fontSize: "14px",
+  fontWeight: 500
+};
+var CHAIN_INFO2 = {
+  1: { name: "Ethereum", icon: "\u27E0" },
+  8453: { name: "Base", icon: "\u{1F535}" },
+  137: { name: "Polygon", icon: "\u{1F7E3}" },
+  42161: { name: "Arbitrum", icon: "\u{1F537}" },
+  10: { name: "Optimism", icon: "\u{1F534}" }
+};
+function OneReceiveWidget({
+  chains = [base, ethereum, polygon, arbitrum],
+  defaultChain = base,
+  showChainSelector = true,
+  showCopyButton = true,
+  showQRCode = true,
+  theme = "dark",
+  className,
+  style,
+  qrSize = 200,
+  onCopy,
+  onChainChange
+}) {
+  const account = useActiveAccount();
+  const [selectedChain, setSelectedChain] = useState(defaultChain);
+  const [copied, setCopied] = useState(false);
+  const address = account?.address || "";
+  const isDark = theme === "dark";
+  const handleCopy = async () => {
+    if (!address) return;
+    try {
+      await navigator.clipboard.writeText(address);
+      setCopied(true);
+      onCopy?.(address);
+      setTimeout(() => setCopied(false), 2e3);
+    } catch (err) {
+      console.error("Failed to copy:", err);
+    }
+  };
+  const handleChainChange = (chain) => {
+    setSelectedChain(chain);
+    onChainChange?.(chain);
+  };
+  if (!account) {
+    return /* @__PURE__ */ jsx("div", { className, style: { ...style, textAlign: "center", padding: "24px", color: isDark ? "#9ca3af" : "#6b7280" }, children: "Connect your wallet to receive funds" });
+  }
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className,
+      style: {
+        ...containerStyle6,
+        backgroundColor: isDark ? "#1f2937" : "#ffffff",
+        border: `1px solid ${isDark ? "#374151" : "#e5e7eb"}`,
+        ...style
+      },
+      children: [
+        /* @__PURE__ */ jsx("h3", { style: { margin: 0, color: isDark ? "#ffffff" : "#111827", fontSize: "18px", fontWeight: 600 }, children: "Receive" }),
+        showChainSelector && chains.length > 1 && /* @__PURE__ */ jsx("div", { style: { display: "flex", gap: "8px", flexWrap: "wrap", justifyContent: "center" }, children: chains.map((chain) => /* @__PURE__ */ jsxs(
+          "button",
+          {
+            onClick: () => handleChainChange(chain),
+            style: {
+              padding: "8px 12px",
+              backgroundColor: selectedChain.id === chain.id ? "#10b981" : isDark ? "#374151" : "#e5e7eb",
+              border: "none",
+              borderRadius: "8px",
+              color: selectedChain.id === chain.id ? "#ffffff" : isDark ? "#9ca3af" : "#6b7280",
+              cursor: "pointer",
+              fontSize: "12px"
+            },
+            children: [
+              CHAIN_INFO2[chain.id]?.icon,
+              " ",
+              CHAIN_INFO2[chain.id]?.name
+            ]
+          },
+          chain.id
+        )) }),
+        showQRCode && /* @__PURE__ */ jsx("div", { style: { padding: "16px", backgroundColor: "#ffffff", borderRadius: "12px" }, children: /* @__PURE__ */ jsx(QRCode, { data: address, size: qrSize, isDark }) }),
+        /* @__PURE__ */ jsx("div", { style: { ...addressStyle, backgroundColor: isDark ? "#374151" : "#f3f4f6", width: "100%" }, children: /* @__PURE__ */ jsx("span", { style: {
+          color: isDark ? "#ffffff" : "#111827",
+          fontSize: "14px",
+          fontFamily: "monospace",
+          flex: 1,
+          overflow: "hidden",
+          textOverflow: "ellipsis"
+        }, children: address }) }),
+        showCopyButton && /* @__PURE__ */ jsx(
+          "button",
+          {
+            onClick: handleCopy,
+            style: {
+              ...buttonStyle5,
+              backgroundColor: copied ? "#059669" : "#10b981",
+              width: "100%"
+            },
+            children: copied ? "\u2713 Copied!" : "Copy Address"
+          }
+        ),
+        /* @__PURE__ */ jsxs("p", { style: {
+          margin: 0,
+          color: isDark ? "#9ca3af" : "#6b7280",
+          fontSize: "12px",
+          textAlign: "center"
+        }, children: [
+          "Only send ",
+          CHAIN_INFO2[selectedChain.id]?.name || "compatible",
+          " assets to this address"
+        ] })
+      ]
+    }
+  );
+}
+function useWalletBalance2(walletAddress, options = {}) {
+  const {
+    chains,
+    autoRefresh = false,
+    refreshInterval = 6e4,
+    // 1 minute
+    engineUrl,
+    clientId
+  } = options;
+  const [balance, setBalance] = useState(null);
+  const [isLoading, setIsLoading] = useState(false);
+  const [error, setError] = useState(null);
+  const engineRef = useRef(createOneEngineClient({
+    baseUrl: engineUrl,
+    clientId
+  }));
+  const fetchBalance = useCallback(async () => {
+    if (!walletAddress) {
+      setBalance(null);
+      return;
+    }
+    setIsLoading(true);
+    setError(null);
+    try {
+      const result = await engineRef.current.getWalletBalance(walletAddress, chains);
+      if (result.success && result.data) {
+        setBalance(result.data);
+      } else {
+        setError(result.error?.message || "Failed to fetch balance");
+      }
+    } catch (err) {
+      setError(err instanceof Error ? err.message : "Failed to fetch balance");
+    } finally {
+      setIsLoading(false);
+    }
+  }, [walletAddress, chains]);
+  useEffect(() => {
+    fetchBalance();
+  }, [fetchBalance]);
+  useEffect(() => {
+    if (!autoRefresh || !walletAddress) return;
+    const interval = setInterval(fetchBalance, refreshInterval);
+    return () => clearInterval(interval);
+  }, [autoRefresh, refreshInterval, fetchBalance, walletAddress]);
+  return {
+    balance,
+    tokens: balance?.tokens || [],
+    totalUsd: balance?.totalUsd || 0,
+    change24h: balance?.change24h || 0,
+    changePercent24h: balance?.changePercent24h || 0,
+    isLoading,
+    error,
+    refetch: fetchBalance
+  };
+}
+function useTokenPrice(symbol, options = {}) {
+  const { autoRefresh = false, refreshInterval = 3e4, engineUrl, clientId } = options;
+  const [price, setPrice] = useState(null);
+  const [isLoading, setIsLoading] = useState(false);
+  const [error, setError] = useState(null);
+  const engineRef = useRef(createOneEngineClient({
+    baseUrl: engineUrl,
+    clientId
+  }));
+  const fetchPrice = useCallback(async () => {
+    if (!symbol) return;
+    setIsLoading(true);
+    setError(null);
+    try {
+      const result = await engineRef.current.getTokenPrices([symbol]);
+      if (result.success && result.data && result.data[symbol]) {
+        const priceData = result.data[symbol];
+        setPrice({
+          symbol,
+          price: priceData.price,
+          change24h: priceData.change24h,
+          changePercent24h: priceData.change24h,
+          // Same as change24h for percentage
+          marketCap: priceData.marketCap,
+          volume24h: 0,
+          // Not provided by engine
+          updatedAt: (/* @__PURE__ */ new Date()).toISOString()
+        });
+      } else {
+        setError(result.error?.message || "Failed to fetch price");
+      }
+    } catch (err) {
+      setError(err instanceof Error ? err.message : "Failed to fetch price");
+    } finally {
+      setIsLoading(false);
+    }
+  }, [symbol]);
+  useEffect(() => {
+    fetchPrice();
+  }, [fetchPrice]);
+  useEffect(() => {
+    if (!autoRefresh) return;
+    const interval = setInterval(fetchPrice, refreshInterval);
+    return () => clearInterval(interval);
+  }, [autoRefresh, refreshInterval, fetchPrice]);
+  return {
+    price,
+    isLoading,
+    error,
+    refetch: fetchPrice
+  };
+}
+function useTokenPrices(symbols, options = {}) {
+  const { autoRefresh = false, refreshInterval = 3e4, engineUrl, clientId } = options;
+  const [prices, setPrices] = useState({});
+  const [isLoading, setIsLoading] = useState(false);
+  const [error, setError] = useState(null);
+  const engineRef = useRef(createOneEngineClient({
+    baseUrl: engineUrl,
+    clientId
+  }));
+  const fetchPrices = useCallback(async () => {
+    if (symbols.length === 0) return;
+    setIsLoading(true);
+    setError(null);
+    try {
+      const result = await engineRef.current.getTokenPrices(symbols);
+      if (result.success && result.data) {
+        const priceMap = {};
+        for (const sym of symbols) {
+          if (result.data[sym]) {
+            priceMap[sym] = {
+              symbol: sym,
+              price: result.data[sym].price,
+              change24h: result.data[sym].change24h,
+              changePercent24h: result.data[sym].change24h,
+              marketCap: result.data[sym].marketCap,
+              volume24h: 0,
+              updatedAt: (/* @__PURE__ */ new Date()).toISOString()
+            };
+          }
+        }
+        setPrices(priceMap);
+      } else {
+        setError(result.error?.message || "Failed to fetch prices");
+      }
+    } catch (err) {
+      setError(err instanceof Error ? err.message : "Failed to fetch prices");
+    } finally {
+      setIsLoading(false);
+    }
+  }, [symbols]);
+  useEffect(() => {
+    fetchPrices();
+  }, [fetchPrices]);
+  useEffect(() => {
+    if (!autoRefresh) return;
+    const interval = setInterval(fetchPrices, refreshInterval);
+    return () => clearInterval(interval);
+  }, [autoRefresh, refreshInterval, fetchPrices]);
+  return {
+    prices,
+    isLoading,
+    error,
+    refetch: fetchPrices
+  };
+}
+
+// src/utils/index.ts
+function shortenAddress(address, chars = 4) {
+  if (!address) return "";
+  return `${address.slice(0, chars + 2)}...${address.slice(-chars)}`;
+}
+function isValidAddress(address) {
+  return /^0x[a-fA-F0-9]{40}$/.test(address);
+}
+function checksumAddress(address) {
+  return address.toLowerCase();
+}
+function formatNumber(value, options = {}) {
+  const { decimals = 2, compact = false, currency, locale = "en-US" } = options;
+  if (currency) {
+    return new Intl.NumberFormat(locale, {
+      style: "currency",
+      currency,
+      minimumFractionDigits: decimals,
+      maximumFractionDigits: decimals,
+      notation: compact ? "compact" : "standard"
+    }).format(value);
+  }
+  return new Intl.NumberFormat(locale, {
+    minimumFractionDigits: decimals,
+    maximumFractionDigits: decimals,
+    notation: compact ? "compact" : "standard"
+  }).format(value);
+}
+function formatUSD2(value, compact = false) {
+  return formatNumber(value, { currency: "USD", compact });
+}
+function formatPercent(value, decimals = 2) {
+  const sign = value >= 0 ? "+" : "";
+  return `${sign}${value.toFixed(decimals)}%`;
+}
+function formatTokenAmount(amount, decimals = 6) {
+  if (amount === 0) return "0";
+  if (amount < 1e-6) return "<0.000001";
+  if (amount < 1) return amount.toFixed(decimals);
+  if (amount < 1e3) return amount.toFixed(4);
+  if (amount < 1e6) return formatNumber(amount, { decimals: 2 });
+  return formatNumber(amount, { decimals: 2, compact: true });
+}
+function formatDate(date, options = {
+  year: "numeric",
+  month: "short",
+  day: "numeric"
+}) {
+  const d = typeof date === "string" ? new Date(date) : date;
+  return d.toLocaleDateString("en-US", options);
+}
+function formatDateTime(date) {
+  const d = typeof date === "string" ? new Date(date) : date;
+  return d.toLocaleString("en-US", {
+    year: "numeric",
+    month: "short",
+    day: "numeric",
+    hour: "2-digit",
+    minute: "2-digit"
+  });
+}
+function formatRelativeTime(date) {
+  const d = typeof date === "string" ? new Date(date) : date;
+  const now = /* @__PURE__ */ new Date();
+  const diffMs = now.getTime() - d.getTime();
+  const diffSec = Math.floor(diffMs / 1e3);
+  const diffMin = Math.floor(diffSec / 60);
+  const diffHour = Math.floor(diffMin / 60);
+  const diffDay = Math.floor(diffHour / 24);
+  if (diffSec < 60) return "just now";
+  if (diffMin < 60) return `${diffMin}m ago`;
+  if (diffHour < 24) return `${diffHour}h ago`;
+  if (diffDay < 7) return `${diffDay}d ago`;
+  return formatDate(d);
+}
+function isValidEmail(email) {
+  const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
+  return emailRegex.test(email);
+}
+function isValidPhone(phone) {
+  const phoneRegex = /^\+?[1-9]\d{1,14}$/;
+  return phoneRegex.test(phone.replace(/[\s-()]/g, ""));
+}
+function capitalize(str) {
+  return str.charAt(0).toUpperCase() + str.slice(1).toLowerCase();
+}
+function truncate(str, length) {
+  if (str.length <= length) return str;
+  return `${str.slice(0, length)}...`;
+}
+function slugify(str) {
+  return str.toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/(^-|-$)/g, "");
+}
+function sleep(ms) {
+  return new Promise((resolve) => setTimeout(resolve, ms));
+}
+async function retry(fn, options = {}) {
+  const { maxAttempts = 3, delay = 1e3, backoff = 2 } = options;
+  let lastError;
+  for (let attempt = 1; attempt <= maxAttempts; attempt++) {
+    try {
+      return await fn();
+    } catch (error) {
+      lastError = error instanceof Error ? error : new Error(String(error));
+      if (attempt < maxAttempts) {
+        await sleep(delay * Math.pow(backoff, attempt - 1));
+      }
+    }
+  }
+  throw lastError;
+}
+function omit(obj, keys) {
+  const result = { ...obj };
+  for (const key of keys) {
+    delete result[key];
+  }
+  return result;
+}
+function pick(obj, keys) {
+  const result = {};
+  for (const key of keys) {
+    if (key in obj) {
+      result[key] = obj[key];
+    }
+  }
+  return result;
+}
+var OneSDKError = class extends Error {
+  constructor(message, code, details) {
+    super(message);
+    this.name = "OneSDKError";
+    this.code = code;
+    this.details = details;
+  }
+};
+function isOneSDKError(error) {
+  return error instanceof OneSDKError;
+}
+
+export { CHAIN_CONFIGS, CHAIN_IDS, COINGECKO_IDS, DEFAULT_CHAIN_ID, OneApproveButton, OneBalanceDisplay, OneBuyBTCWidget, OneBuyETHWidget, OneBuyUSDCWidget, OneBuyUSDTWidget, OneConnectButton, OneConnectButtonFull, OneConnectButtonSimple, OneContext, OneCrossChainSwap, OneCryptoOnlyPayWidget, OneDirectPayWidget, OneEngineClient, OneFiatOnlyPayWidget, OneFundWalletWidget, OneNFTGallery, OneOfframpWidget, OneOnrampWidget, OnePayWidget, OneProvider, OneReceiveWidget, OneSDKError, OneSameChainSwap, OneSellETHWidget, OneSellUSDCWidget, OneSellUSDTWidget, OneSendETHButton, OneSendETHWidget, OneSendUSDCWidget, OneSendWidget, OneSwapWidget, OneThirdwebProvider, OneTransactionButton, OneWalletBalance, PriceService, SUPPORTED_CHAINS, SupabaseService, TOKEN_NAMES, capitalize, checksumAddress, createOneEngineClient, createSupabaseClient, fetchChains, formatDate, formatDateTime, formatNumber, formatPercent, formatRelativeTime, formatTokenAmount, formatUSD2 as formatUSD, getChainById, getChainByName, getChainConfig, getChains, getConfig, getEngineUrl, getRecommendedChains, getSmartWalletChains, initOneSDK, isInitialized, isOneSDKError, isValidAddress, isValidEmail, isValidPhone, omit, pick, priceService, retry, shortenAddress, sleep, slugify, truncate, useOne, useOneAuth, useOneEngine, useOneOnramp, useOneSwap, useOneTrading, useOneWallet, useThirdwebClient, useTokenPrice, useTokenPrices, useWalletBalance2 as useWalletBalance };
+//# sourceMappingURL=index.mjs.map
+//# sourceMappingURL=index.mjs.map