coinley-checkout 0.3.1 → 0.3.3

package/dist/coinley-checkout.es.js

@@ -1,441 +1,617 @@
-var Ke = Object.defineProperty, Ve = Object.defineProperties;
-var qe = Object.getOwnPropertyDescriptors;
-var fe = Object.getOwnPropertySymbols;
-var $e = Object.prototype.hasOwnProperty, _e = Object.prototype.propertyIsEnumerable;
-var ge = (s, r, t) => r in s ? Ke(s, r, { enumerable: !0, configurable: !0, writable: !0, value: t }) : s[r] = t, z = (s, r) => {
-  for (var t in r || (r = {}))
-    $e.call(r, t) && ge(s, t, r[t]);
-  if (fe)
-    for (var t of fe(r))
-      _e.call(r, t) && ge(s, t, r[t]);
-  return s;
-}, we = (s, r) => Ve(s, qe(r));
-var R = (s, r, t) => new Promise((c, u) => {
-  var h = (e) => {
-    try {
-      w(t.next(e));
-    } catch (n) {
-      u(n);
-    }
-  }, y = (e) => {
-    try {
-      w(t.throw(e));
-    } catch (n) {
-      u(n);
-    }
-  }, w = (e) => e.done ? c(e.value) : Promise.resolve(e.value).then(h, y);
-  w((t = t.apply(s, r)).next());
-});
-import S, { createContext as ye, useContext as xe, useState as U, useEffect as Z, forwardRef as Ye, useImperativeHandle as Je } from "react";
-const A = {
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __async = (__this, __arguments, generator) => {
+  return new Promise((resolve, reject) => {
+    var fulfilled = (value) => {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var rejected = (value) => {
+      try {
+        step(generator.throw(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+    step((generator = generator.apply(__this, __arguments)).next());
+  });
+};
+import React, { createContext, useContext, useState, useEffect, forwardRef, useImperativeHandle } from "react";
+const styles = "";
+const NETWORK_TYPES = {
   ETHEREUM: "ethereum",
   BSC: "bsc",
   TRON: "tron",
   ALGORAND: "algorand"
-}, N = {
+};
+const WALLET_TYPES = {
   METAMASK: "metamask",
   TRONLINK: "tronlink",
   TRUST_WALLET: "trust_wallet",
   LUTE: "lute"
-}, de = {
-  [A.ETHEREUM]: {
+};
+const NETWORK_CONFIG = {
+  [NETWORK_TYPES.ETHEREUM]: {
     chainId: "0x1",
     chainName: "Ethereum Mainnet",
     nativeCurrency: { name: "Ether", symbol: "ETH", decimals: 18 },
     rpcUrls: ["https://mainnet.infura.io/v3/"],
     blockExplorerUrls: ["https://etherscan.io/"],
-    supportedWallets: [N.METAMASK, N.TRUST_WALLET]
+    supportedWallets: [WALLET_TYPES.METAMASK, WALLET_TYPES.TRUST_WALLET]
   },
-  [A.BSC]: {
+  [NETWORK_TYPES.BSC]: {
     chainId: "0x38",
     chainName: "BNB Smart Chain",
     nativeCurrency: { name: "BNB", symbol: "BNB", decimals: 18 },
     rpcUrls: ["https://bsc-dataseed.binance.org/"],
     blockExplorerUrls: ["https://bscscan.com/"],
-    supportedWallets: [N.METAMASK, N.TRUST_WALLET]
+    supportedWallets: [WALLET_TYPES.METAMASK, WALLET_TYPES.TRUST_WALLET]
   },
-  [A.TRON]: {
+  [NETWORK_TYPES.TRON]: {
     fullHost: "https://api.trongrid.io",
     explorerUrl: "https://tronscan.org",
-    supportedWallets: [N.TRONLINK]
+    supportedWallets: [WALLET_TYPES.TRONLINK]
   },
-  [A.ALGORAND]: {
+  [NETWORK_TYPES.ALGORAND]: {
     network: "mainnet",
     explorerUrl: "https://algoexplorer.io",
-    supportedWallets: [N.LUTE]
+    supportedWallets: [WALLET_TYPES.LUTE]
   }
-}, Xe = {
+};
+const TOKEN_CONFIG = {
   USDT: {
-    [A.ETHEREUM]: {
+    [NETWORK_TYPES.ETHEREUM]: {
       address: "0xdAC17F958D2ee523a2206206994597C13D831ec7",
       decimals: 6
     },
-    [A.BSC]: {
+    [NETWORK_TYPES.BSC]: {
       address: "0x55d398326f99059fF775485246999027B3197955",
       decimals: 18
     },
-    [A.TRON]: {
+    [NETWORK_TYPES.TRON]: {
       address: "TR7NHqjeKQxGTCi8q8ZY4pL8otSzgjLj6t",
       decimals: 6
+    },
+    [NETWORK_TYPES.ALGORAND]: {
+      address: "312769",
+      // USDT ASA ID on Algorand
+      decimals: 6
     }
   },
   USDC: {
-    [A.ETHEREUM]: {
+    [NETWORK_TYPES.ETHEREUM]: {
       address: "0xA0b86991c6218b36c1d19D4a2e9Eb0cE3606eB48",
       decimals: 6
     },
-    [A.BSC]: {
+    [NETWORK_TYPES.BSC]: {
       address: "0x8AC76a51cc950d9822D68b83fE1Ad97B32Cd580d",
       decimals: 18
     },
-    [A.TRON]: {
+    [NETWORK_TYPES.TRON]: {
       address: "TEkxiTehnzSmSe2XqrBj4w32RUN966rdz8",
       decimals: 6
+    },
+    [NETWORK_TYPES.ALGORAND]: {
+      address: "31566704",
+      // USDC ASA ID on Algorand
+      decimals: 6
+    }
+  },
+  PYUSD: {
+    [NETWORK_TYPES.ETHEREUM]: {
+      address: "0x6c3ea9036406852006290770BEdFcAbA0e23A0e8",
+      decimals: 6
+    }
+  },
+  FRAX: {
+    [NETWORK_TYPES.ETHEREUM]: {
+      address: "0x853d955aCEf822Db058eb8505911ED77F175b99e",
+      decimals: 18
+    },
+    [NETWORK_TYPES.BSC]: {
+      address: "0x90C97F71E18723b0Cf0dfa30ee176Ab653E89F40",
+      decimals: 18
+    }
+  },
+  USDP: {
+    [NETWORK_TYPES.ETHEREUM]: {
+      address: "0x8E870D67F660D95d5be530380D0eC0bd388289E1",
+      decimals: 18
+    }
+  },
+  DAI: {
+    [NETWORK_TYPES.ETHEREUM]: {
+      address: "0x6B175474E89094C44Da98b954EedeAC495271d0F",
+      decimals: 18
+    }
+  },
+  BUSD: {
+    [NETWORK_TYPES.BSC]: {
+      address: "0xe9e7CEA3DedcA5984780Bafc599bD69ADd087D56",
+      decimals: 18
+    }
+  },
+  USDJ: {
+    [NETWORK_TYPES.TRON]: {
+      address: "TMwFHYXLJaRUPeW6421aqXL4ZEzPRFGkGT",
+      decimals: 18
     }
   },
   ALGO: {
-    [A.ALGORAND]: {
+    [NETWORK_TYPES.ALGORAND]: {
       address: "native",
       decimals: 6
     }
   }
 };
-let _ = null;
-const Ze = () => R(void 0, null, function* () {
-  if (_)
-    return _;
+let Web3Cache = null;
+const getWeb3Instance = () => __async(void 0, null, function* () {
+  if (Web3Cache) {
+    return Web3Cache;
+  }
   try {
-    if (typeof window != "undefined" && window.Web3)
-      return _ = window.Web3, _;
-    const s = yield import("web3");
-    return _ = s.default || s.Web3 || s, _;
-  } catch (s) {
-    throw console.error("Failed to load Web3:", s), new Error("Web3 is required for blockchain transactions. Please ensure web3 is installed: npm install web3");
+    if (typeof window !== "undefined" && window.Web3) {
+      Web3Cache = window.Web3;
+      return Web3Cache;
+    }
+    const Web3Module = yield import("web3");
+    Web3Cache = Web3Module.default || Web3Module.Web3 || Web3Module;
+    return Web3Cache;
+  } catch (error) {
+    console.error("Failed to load Web3:", error);
+    throw new Error("Web3 is required for blockchain transactions. Please ensure web3 is installed: npm install web3");
   }
-}), ue = () => {
-  const s = {
-    [N.METAMASK]: !1,
-    [N.TRUST_WALLET]: !1,
-    [N.TRONLINK]: !1,
-    [N.LUTE]: !1
+});
+const detectWallets = () => {
+  const wallets = {
+    [WALLET_TYPES.METAMASK]: false,
+    [WALLET_TYPES.TRUST_WALLET]: false,
+    [WALLET_TYPES.TRONLINK]: false,
+    [WALLET_TYPES.LUTE]: false
   };
-  if (typeof window == "undefined")
-    return s;
+  if (typeof window === "undefined") {
+    return wallets;
+  }
   try {
-    s[N.METAMASK] = !!(window.ethereum && window.ethereum.isMetaMask), s[N.TRONLINK] = !!window.tronWeb, s[N.TRUST_WALLET] = !!(window.ethereum && window.ethereum.isTrust), s[N.LUTE] = !!(window.algorand && window.algorand.isLute);
-  } catch (r) {
-    console.warn("Error detecting wallets:", r);
+    wallets[WALLET_TYPES.METAMASK] = !!(window.ethereum && window.ethereum.isMetaMask);
+    wallets[WALLET_TYPES.TRONLINK] = !!window.tronWeb;
+    wallets[WALLET_TYPES.TRUST_WALLET] = !!(window.ethereum && window.ethereum.isTrust);
+    wallets[WALLET_TYPES.LUTE] = !!(window.algorand && window.algorand.isLute);
+  } catch (error) {
+    console.warn("Error detecting wallets:", error);
   }
-  return s;
-}, Ne = (s) => {
-  const r = de[s];
-  if (!r)
+  return wallets;
+};
+const getSupportedWalletsForNetwork = (network) => {
+  const networkConfig = NETWORK_CONFIG[network];
+  if (!networkConfig)
     return [];
-  const t = ue();
-  return r.supportedWallets.filter((c) => t[c]);
-}, et = (s, r) => R(void 0, null, function* () {
-  switch (s) {
-    case N.METAMASK:
-      return yield tt(r);
-    case N.TRONLINK:
-      return yield rt();
-    case N.TRUST_WALLET:
-      return yield st(r);
-    case N.LUTE:
-      return yield nt();
+  const availableWallets = detectWallets();
+  return networkConfig.supportedWallets.filter((wallet) => availableWallets[wallet]);
+};
+const connectWallet = (walletType, network) => __async(void 0, null, function* () {
+  switch (walletType) {
+    case WALLET_TYPES.METAMASK:
+      return yield connectMetaMask(network);
+    case WALLET_TYPES.TRONLINK:
+      return yield connectTronLink();
+    case WALLET_TYPES.TRUST_WALLET:
+      return yield connectTrustWallet(network);
+    case WALLET_TYPES.LUTE:
+      return yield connectLute();
     default:
-      throw new Error(`Unsupported wallet type: ${s}`);
+      throw new Error(`Unsupported wallet type: ${walletType}`);
   }
-}), tt = (s) => R(void 0, null, function* () {
-  if (typeof window == "undefined" || !window.ethereum || !window.ethereum.isMetaMask)
+});
+const connectMetaMask = (network) => __async(void 0, null, function* () {
+  if (typeof window === "undefined" || !window.ethereum || !window.ethereum.isMetaMask) {
     throw new Error("MetaMask is not installed. Please install MetaMask extension.");
+  }
   try {
-    const r = yield window.ethereum.request({
+    const accounts = yield window.ethereum.request({
       method: "eth_requestAccounts"
     });
-    if (!r || r.length === 0)
+    if (!accounts || accounts.length === 0) {
       throw new Error("No accounts found. Please unlock MetaMask.");
-    const t = de[s];
-    return t && t.chainId && (yield Ee(t)), {
-      address: r[0],
-      network: s,
-      walletType: N.METAMASK
+    }
+    const networkConfig = NETWORK_CONFIG[network];
+    if (networkConfig && networkConfig.chainId) {
+      yield switchEVMNetwork(networkConfig);
+    }
+    return {
+      address: accounts[0],
+      network,
+      walletType: WALLET_TYPES.METAMASK
     };
-  } catch (r) {
-    throw r.code === 4001 ? new Error("User rejected the connection request") : new Error(`Failed to connect MetaMask: ${r.message}`);
+  } catch (error) {
+    if (error.code === 4001) {
+      throw new Error("User rejected the connection request");
+    }
+    throw new Error(`Failed to connect MetaMask: ${error.message}`);
   }
-}), rt = () => R(void 0, null, function* () {
-  var c;
-  if (typeof window == "undefined" || !window.tronWeb)
+});
+const connectTronLink = () => __async(void 0, null, function* () {
+  var _a;
+  if (typeof window === "undefined" || !window.tronWeb) {
     throw new Error("TronLink is not installed. Please install TronLink extension.");
-  let s = 0;
-  const r = 10;
-  for (; !window.tronWeb.ready && s < r; )
-    yield new Promise((u) => setTimeout(u, 1e3)), s++;
-  if (!window.tronWeb.ready)
+  }
+  let attempts = 0;
+  const maxAttempts = 10;
+  while (!window.tronWeb.ready && attempts < maxAttempts) {
+    yield new Promise((resolve) => setTimeout(resolve, 1e3));
+    attempts++;
+  }
+  if (!window.tronWeb.ready) {
     throw new Error("TronLink is not ready. Please unlock your TronLink wallet and try again.");
-  const t = (c = window.tronWeb.defaultAddress) == null ? void 0 : c.base58;
-  if (!t)
+  }
+  const address = (_a = window.tronWeb.defaultAddress) == null ? void 0 : _a.base58;
+  if (!address) {
     throw new Error("No account found in TronLink. Please make sure you have an account set up.");
+  }
   return {
-    address: t,
-    network: A.TRON,
-    walletType: N.TRONLINK
+    address,
+    network: NETWORK_TYPES.TRON,
+    walletType: WALLET_TYPES.TRONLINK
   };
-}), st = (s) => R(void 0, null, function* () {
-  if (typeof window == "undefined" || !window.ethereum || !window.ethereum.isTrust)
+});
+const connectTrustWallet = (network) => __async(void 0, null, function* () {
+  if (typeof window === "undefined" || !window.ethereum || !window.ethereum.isTrust) {
     throw new Error("Trust Wallet is not installed. Please install Trust Wallet extension.");
+  }
   try {
-    const r = yield window.ethereum.request({
+    const accounts = yield window.ethereum.request({
       method: "eth_requestAccounts"
     });
-    if (!r || r.length === 0)
+    if (!accounts || accounts.length === 0) {
       throw new Error("No accounts found. Please unlock Trust Wallet.");
-    const t = de[s];
-    return t && t.chainId && (yield Ee(t)), {
-      address: r[0],
-      network: s,
-      walletType: N.TRUST_WALLET
+    }
+    const networkConfig = NETWORK_CONFIG[network];
+    if (networkConfig && networkConfig.chainId) {
+      yield switchEVMNetwork(networkConfig);
+    }
+    return {
+      address: accounts[0],
+      network,
+      walletType: WALLET_TYPES.TRUST_WALLET
     };
-  } catch (r) {
-    throw r.code === 4001 ? new Error("User rejected the connection request") : new Error(`Failed to connect Trust Wallet: ${r.message}`);
+  } catch (error) {
+    if (error.code === 4001) {
+      throw new Error("User rejected the connection request");
+    }
+    throw new Error(`Failed to connect Trust Wallet: ${error.message}`);
   }
-}), nt = () => R(void 0, null, function* () {
-  if (typeof window == "undefined" || !window.algorand || !window.algorand.isLute)
+});
+const connectLute = () => __async(void 0, null, function* () {
+  if (typeof window === "undefined" || !window.algorand || !window.algorand.isLute) {
     throw new Error("Lute wallet is not installed. Please install Lute wallet extension.");
+  }
   try {
-    const s = yield window.algorand.connect();
-    if (!s || s.length === 0)
+    const accounts = yield window.algorand.connect();
+    if (!accounts || accounts.length === 0) {
       throw new Error("No accounts found. Please unlock Lute wallet.");
+    }
     return {
-      address: s[0],
-      network: A.ALGORAND,
-      walletType: N.LUTE
+      address: accounts[0],
+      network: NETWORK_TYPES.ALGORAND,
+      walletType: WALLET_TYPES.LUTE
     };
-  } catch (s) {
-    throw new Error(`Failed to connect Lute wallet: ${s.message}`);
+  } catch (error) {
+    throw new Error(`Failed to connect Lute wallet: ${error.message}`);
   }
-}), Ee = (s) => R(void 0, null, function* () {
-  if (typeof window == "undefined" || !window.ethereum)
+});
+const switchEVMNetwork = (networkConfig) => __async(void 0, null, function* () {
+  if (typeof window === "undefined" || !window.ethereum) {
     throw new Error("Ethereum provider not found");
+  }
   try {
     yield window.ethereum.request({
       method: "wallet_switchEthereumChain",
-      params: [{ chainId: s.chainId }]
+      params: [{ chainId: networkConfig.chainId }]
     });
-  } catch (r) {
-    if (r.code === 4902)
+  } catch (switchError) {
+    if (switchError.code === 4902) {
       try {
         yield window.ethereum.request({
           method: "wallet_addEthereumChain",
-          params: [s]
+          params: [networkConfig]
         });
-      } catch (t) {
-        throw new Error(`Failed to add ${s.chainName} to wallet: ${t.message}`);
+      } catch (addError) {
+        throw new Error(`Failed to add ${networkConfig.chainName} to wallet: ${addError.message}`);
       }
-    else
-      throw r.code === 4001 ? new Error("User rejected network switch request") : new Error(`Failed to switch to ${s.chainName}: ${r.message}`);
+    } else if (switchError.code === 4001) {
+      throw new Error("User rejected network switch request");
+    } else {
+      throw new Error(`Failed to switch to ${networkConfig.chainName}: ${switchError.message}`);
+    }
   }
-}), ot = (s, r) => R(void 0, null, function* () {
-  const { walletType: t, network: c, address: u } = s, { to: h, amount: y, tokenAddress: w, tokenDecimals: e } = r;
-  switch (t) {
-    case N.METAMASK:
-    case N.TRUST_WALLET:
-      return yield at(u, h, y, w, e);
-    case N.TRONLINK:
-      return yield lt(h, y, w, e);
-    case N.LUTE:
-      return yield it(u, h, y);
+});
+const sendTransaction = (walletConnection, transactionData) => __async(void 0, null, function* () {
+  const { walletType, network, address } = walletConnection;
+  const { to, amount, tokenAddress, tokenDecimals } = transactionData;
+  switch (walletType) {
+    case WALLET_TYPES.METAMASK:
+    case WALLET_TYPES.TRUST_WALLET:
+      return yield sendEVMTransaction(address, to, amount, tokenAddress, tokenDecimals);
+    case WALLET_TYPES.TRONLINK:
+      return yield sendTronTransaction(to, amount, tokenAddress, tokenDecimals);
+    case WALLET_TYPES.LUTE:
+      return yield sendAlgorandTransaction(address, to, amount);
     default:
-      throw new Error(`Unsupported wallet type: ${t}`);
+      throw new Error(`Unsupported wallet type: ${walletType}`);
   }
-}), at = (s, r, t, c, u) => R(void 0, null, function* () {
-  if (typeof window == "undefined" || !window.ethereum)
+});
+const sendEVMTransaction = (from, to, amount, tokenAddress, tokenDecimals) => __async(void 0, null, function* () {
+  if (typeof window === "undefined" || !window.ethereum) {
     throw new Error("Ethereum provider not found");
+  }
   try {
-    const h = yield Ze(), y = new h(window.ethereum), w = y.utils.toBN(
-      Math.floor(parseFloat(t) * Math.pow(10, u || 18))
+    const Web3 = yield getWeb3Instance();
+    const web3 = new Web3(window.ethereum);
+    const amountInWei = web3.utils.toBN(
+      Math.floor(parseFloat(amount) * Math.pow(10, tokenDecimals || 18))
     );
-    if (c && c !== "native") {
-      const e = [
+    if (tokenAddress && tokenAddress !== "native") {
+      const tokenABI = [
         {
-          constant: !1,
+          constant: false,
           inputs: [
             { name: "_to", type: "address" },
             { name: "_value", type: "uint256" }
           ],
           name: "transfer",
           outputs: [{ name: "", type: "bool" }],
-          payable: !1,
+          payable: false,
           stateMutability: "nonpayable",
           type: "function"
         }
       ];
-      return (yield new y.eth.Contract(e, c).methods.transfer(r, w).send({ from: s })).transactionHash;
-    } else
-      return (yield y.eth.sendTransaction({
-        from: s,
-        to: r,
-        value: w
-      })).transactionHash;
-  } catch (h) {
-    throw h.code === 4001 ? new Error("Transaction was rejected by user") : new Error(`Transaction failed: ${h.message}`);
+      const contract = new web3.eth.Contract(tokenABI, tokenAddress);
+      const receipt = yield contract.methods.transfer(to, amountInWei).send({ from });
+      return receipt.transactionHash;
+    } else {
+      const receipt = yield web3.eth.sendTransaction({
+        from,
+        to,
+        value: amountInWei
+      });
+      return receipt.transactionHash;
+    }
+  } catch (error) {
+    if (error.code === 4001) {
+      throw new Error("Transaction was rejected by user");
+    }
+    throw new Error(`Transaction failed: ${error.message}`);
   }
-}), lt = (s, r, t, c) => R(void 0, null, function* () {
-  if (typeof window == "undefined" || !window.tronWeb || !window.tronWeb.ready)
+});
+const sendTronTransaction = (to, amount, tokenAddress, tokenDecimals) => __async(void 0, null, function* () {
+  if (typeof window === "undefined" || !window.tronWeb || !window.tronWeb.ready) {
     throw new Error("TronLink is not ready");
+  }
   try {
-    const u = Math.floor(parseFloat(r) * Math.pow(10, c || 6));
-    return t && t !== "native" ? yield (yield window.tronWeb.contract().at(t)).transfer(s, u).send({
-      feeLimit: 1e8,
-      callValue: 0
-    }) : (yield window.tronWeb.trx.sendTransaction(s, u)).txid;
-  } catch (u) {
-    throw new Error(`TRON transaction failed: ${u.message}`);
+    const amountInSun = Math.floor(parseFloat(amount) * Math.pow(10, tokenDecimals || 6));
+    if (tokenAddress && tokenAddress !== "native") {
+      const contract = yield window.tronWeb.contract().at(tokenAddress);
+      const result = yield contract.transfer(to, amountInSun).send({
+        feeLimit: 1e8,
+        callValue: 0
+      });
+      return result;
+    } else {
+      const result = yield window.tronWeb.trx.sendTransaction(to, amountInSun);
+      return result.txid;
+    }
+  } catch (error) {
+    throw new Error(`TRON transaction failed: ${error.message}`);
   }
-}), it = (s, r, t) => R(void 0, null, function* () {
-  if (typeof window == "undefined" || !window.algorand)
+});
+const sendAlgorandTransaction = (from, to, amount) => __async(void 0, null, function* () {
+  if (typeof window === "undefined" || !window.algorand) {
     throw new Error("Algorand wallet is not available");
+  }
   try {
-    const c = Math.floor(parseFloat(t) * 1e6), u = {
-      from: s,
-      to: r,
-      amount: c,
+    const microAlgos = Math.floor(parseFloat(amount) * 1e6);
+    const txn = {
+      from,
+      to,
+      amount: microAlgos,
       type: "pay"
-    }, h = yield window.algorand.signTransaction(u);
-    return (yield window.algorand.sendTransaction(h)).txId;
-  } catch (c) {
-    throw new Error(`Algorand transaction failed: ${c.message}`);
+    };
+    const signedTxn = yield window.algorand.signTransaction(txn);
+    const result = yield window.algorand.sendTransaction(signedTxn);
+    return result.txId;
+  } catch (error) {
+    throw new Error(`Algorand transaction failed: ${error.message}`);
   }
-}), ct = (s) => ({
-  [N.METAMASK]: "https://metamask.io/",
-  [N.TRONLINK]: "https://www.tronlink.org/",
-  [N.TRUST_WALLET]: "https://trustwallet.com/",
-  [N.LUTE]: "https://lute.app/"
-})[s] || "";
-let P = {
+});
+const getWalletInstallUrl = (walletType) => {
+  const urls = {
+    [WALLET_TYPES.METAMASK]: "https://metamask.io/",
+    [WALLET_TYPES.TRONLINK]: "https://www.tronlink.org/",
+    [WALLET_TYPES.TRUST_WALLET]: "https://trustwallet.com/",
+    [WALLET_TYPES.LUTE]: "https://lute.app/"
+  };
+  return urls[walletType] || "";
+};
+let apiConfig = {
   apiKey: null,
   apiSecret: null,
   apiUrl: "http://localhost:9000",
   merchantWalletAddresses: {}
   // Changed to object for multi-network support
 };
-const dt = (s) => {
-  P = z(z({}, P), s), console.log("API initialized with:", {
-    apiUrl: P.apiUrl,
-    apiKey: P.apiKey ? `${P.apiKey.substring(0, 6)}...` : null,
-    hasWalletAddresses: Object.keys(P.merchantWalletAddresses || {}).length > 0
+const initializeApi = (config) => {
+  apiConfig = __spreadValues(__spreadValues({}, apiConfig), config);
+  console.log("API initialized with:", {
+    apiUrl: apiConfig.apiUrl,
+    apiKey: apiConfig.apiKey ? `${apiConfig.apiKey.substring(0, 6)}...` : null,
+    hasWalletAddresses: Object.keys(apiConfig.merchantWalletAddresses || {}).length > 0
   });
-}, J = () => ({
-  "Content-Type": "application/json",
-  "x-api-key": P.apiKey,
-  "x-api-secret": P.apiSecret
-}), ut = (s) => R(void 0, null, function* () {
+};
+const getHeaders = () => {
+  return {
+    "Content-Type": "application/json",
+    "x-api-key": apiConfig.apiKey,
+    "x-api-secret": apiConfig.apiSecret
+  };
+};
+const createPayment = (paymentData) => __async(void 0, null, function* () {
   try {
-    console.log("Creating payment with data:", s), console.log("API URL:", `${P.apiUrl}/api/payments/create`);
-    const r = we(z({}, s), {
-      merchantWalletAddresses: z(z({}, P.merchantWalletAddresses), s.merchantWalletAddresses)
-    }), t = yield fetch(`${P.apiUrl}/api/payments/create`, {
+    console.log("Creating payment with data:", paymentData);
+    console.log("API URL:", `${apiConfig.apiUrl}/api/payments/create`);
+    const enhancedPaymentData = __spreadProps(__spreadValues({}, paymentData), {
+      merchantWalletAddresses: __spreadValues(__spreadValues({}, apiConfig.merchantWalletAddresses), paymentData.merchantWalletAddresses)
+    });
+    const response = yield fetch(`${apiConfig.apiUrl}/api/payments/create`, {
       method: "POST",
-      headers: J(),
-      body: JSON.stringify(r)
+      headers: getHeaders(),
+      body: JSON.stringify(enhancedPaymentData)
     });
-    if (console.log("Create payment response status:", t.status), !t.ok) {
-      const u = yield t.json();
-      throw console.error("Error creating payment:", u), new Error(u.error || `Failed to create payment: ${t.status}`);
-    }
-    const c = yield t.json();
-    return console.log("Create payment response data:", c), c;
-  } catch (r) {
-    throw console.error("Create payment error:", r), r;
+    console.log("Create payment response status:", response.status);
+    if (!response.ok) {
+      const errorData = yield response.json();
+      console.error("Error creating payment:", errorData);
+      throw new Error(errorData.error || `Failed to create payment: ${response.status}`);
+    }
+    const data = yield response.json();
+    console.log("Create payment response data:", data);
+    return data;
+  } catch (error) {
+    console.error("Create payment error:", error);
+    throw error;
   }
-}), It = (s) => R(void 0, null, function* () {
+});
+const getPayment = (paymentId) => __async(void 0, null, function* () {
   try {
-    console.log("Getting payment:", s);
-    const r = yield fetch(`${P.apiUrl}/api/payments/${s}`, {
+    console.log("Getting payment:", paymentId);
+    const response = yield fetch(`${apiConfig.apiUrl}/api/payments/${paymentId}`, {
       method: "GET",
-      headers: J()
+      headers: getHeaders()
     });
-    if (!r.ok) {
-      const c = yield r.json();
-      throw console.error("Error getting payment:", c), new Error(c.error || `Failed to get payment: ${r.status}`);
-    }
-    const t = yield r.json();
-    return console.log("Get payment response:", t), t;
-  } catch (r) {
-    throw console.error("Get payment error:", r), r;
+    if (!response.ok) {
+      const errorData = yield response.json();
+      console.error("Error getting payment:", errorData);
+      throw new Error(errorData.error || `Failed to get payment: ${response.status}`);
+    }
+    const data = yield response.json();
+    console.log("Get payment response:", data);
+    return data;
+  } catch (error) {
+    console.error("Get payment error:", error);
+    throw error;
   }
-}), ht = (s) => R(void 0, null, function* () {
+});
+const processPayment = (processData) => __async(void 0, null, function* () {
   try {
-    console.log("Processing payment with data:", s), console.log("API URL:", `${P.apiUrl}/api/payments/process`);
-    const r = yield fetch(`${P.apiUrl}/api/payments/process`, {
+    console.log("Processing payment with data:", processData);
+    console.log("API URL:", `${apiConfig.apiUrl}/api/payments/process`);
+    const response = yield fetch(`${apiConfig.apiUrl}/api/payments/process`, {
       method: "POST",
-      headers: J(),
-      body: JSON.stringify(s)
+      headers: getHeaders(),
+      body: JSON.stringify(processData)
     });
-    if (console.log("Process payment response status:", r.status), !r.ok) {
-      const c = yield r.json();
-      throw console.error("Error processing payment:", c), new Error(c.error || `Failed to process payment: ${r.status}`);
-    }
-    const t = yield r.json();
-    return console.log("Process payment response data:", t), t;
-  } catch (r) {
-    throw console.error("Process payment error:", r), r;
+    console.log("Process payment response status:", response.status);
+    if (!response.ok) {
+      const errorData = yield response.json();
+      console.error("Error processing payment:", errorData);
+      throw new Error(errorData.error || `Failed to process payment: ${response.status}`);
+    }
+    const data = yield response.json();
+    console.log("Process payment response data:", data);
+    return data;
+  } catch (error) {
+    console.error("Process payment error:", error);
+    throw error;
   }
-}), Ft = () => R(void 0, null, function* () {
+});
+const getSupportedNetworks = () => __async(void 0, null, function* () {
   try {
-    const s = yield fetch(`${P.apiUrl}/api/networks`, {
+    const response = yield fetch(`${apiConfig.apiUrl}/api/networks`, {
       method: "GET",
-      headers: J()
+      headers: getHeaders()
     });
-    if (!s.ok) {
-      const t = yield s.json();
-      throw new Error(t.error || `Failed to get networks: ${s.status}`);
-    }
-    return yield s.json();
-  } catch (s) {
-    throw console.error("Get supported networks error:", s), s;
+    if (!response.ok) {
+      const errorData = yield response.json();
+      throw new Error(errorData.error || `Failed to get networks: ${response.status}`);
+    }
+    const data = yield response.json();
+    return data;
+  } catch (error) {
+    console.error("Get supported networks error:", error);
+    throw error;
   }
-}), Bt = () => R(void 0, null, function* () {
+});
+const getMerchantProfile = () => __async(void 0, null, function* () {
   try {
-    const s = yield fetch(`${P.apiUrl}/api/merchants/profile`, {
+    const response = yield fetch(`${apiConfig.apiUrl}/api/merchants/profile`, {
       method: "GET",
-      headers: J()
+      headers: getHeaders()
     });
-    if (!s.ok) {
-      const t = yield s.json();
-      throw new Error(t.error || `Failed to get merchant profile: ${s.status}`);
-    }
-    const r = yield s.json();
-    return r.merchant && r.merchant.walletAddresses && (P.merchantWalletAddresses = z(z({}, P.merchantWalletAddresses), r.merchant.walletAddresses)), r;
-  } catch (s) {
-    throw console.error("Get merchant profile error:", s), s;
+    if (!response.ok) {
+      const errorData = yield response.json();
+      throw new Error(errorData.error || `Failed to get merchant profile: ${response.status}`);
+    }
+    const data = yield response.json();
+    if (data.merchant && data.merchant.walletAddresses) {
+      apiConfig.merchantWalletAddresses = __spreadValues(__spreadValues({}, apiConfig.merchantWalletAddresses), data.merchant.walletAddresses);
+    }
+    return data;
+  } catch (error) {
+    console.error("Get merchant profile error:", error);
+    throw error;
   }
-}), Wt = (s, r) => R(void 0, null, function* () {
+});
+const validateWalletAddress = (address, network) => __async(void 0, null, function* () {
   try {
-    const t = yield fetch(`${P.apiUrl}/api/wallets/validate`, {
+    const response = yield fetch(`${apiConfig.apiUrl}/api/wallets/validate`, {
       method: "POST",
-      headers: J(),
-      body: JSON.stringify({ address: s, network: r })
+      headers: getHeaders(),
+      body: JSON.stringify({ address, network })
     });
-    if (!t.ok) {
-      const u = yield t.json();
-      throw new Error(u.error || `Failed to validate address: ${t.status}`);
-    }
-    return yield t.json();
-  } catch (t) {
-    throw console.error("Validate wallet address error:", t), t;
+    if (!response.ok) {
+      const errorData = yield response.json();
+      throw new Error(errorData.error || `Failed to validate address: ${response.status}`);
+    }
+    const data = yield response.json();
+    return data;
+  } catch (error) {
+    console.error("Validate wallet address error:", error);
+    throw error;
   }
-}), Qt = (s = "ethereum") => {
-  const t = {
+});
+const generateMockTransactionHash = (network = "ethereum") => {
+  const prefixes = {
     ethereum: "0x",
     bsc: "0x",
     tron: "",
     algorand: ""
-  }[s] || "0x", c = Array.from({ length: 64 }, () => Math.floor(Math.random() * 16).toString(16)).join("");
-  return `${t}${c}`;
+  };
+  const prefix = prefixes[network] || "0x";
+  const hash = Array.from({ length: 64 }, () => Math.floor(Math.random() * 16).toString(16)).join("");
+  return `${prefix}${hash}`;
 };
-var be = { exports: {} }, ne = {};
+var jsxRuntime = { exports: {} };
+var reactJsxRuntime_production_min = {};
 /**
  * @license React
  * react-jsx-runtime.production.min.js
@@ -445,129 +621,182 @@ var be = { exports: {} }, ne = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var mt = S, ft = Symbol.for("react.element"), gt = Symbol.for("react.fragment"), wt = Object.prototype.hasOwnProperty, pt = mt.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, yt = { key: !0, ref: !0, __self: !0, __source: !0 };
-function Ae(s, r, t) {
-  var c, u = {}, h = null, y = null;
-  t !== void 0 && (h = "" + t), r.key !== void 0 && (h = "" + r.key), r.ref !== void 0 && (y = r.ref);
-  for (c in r)
-    wt.call(r, c) && !yt.hasOwnProperty(c) && (u[c] = r[c]);
-  if (s && s.defaultProps)
-    for (c in r = s.defaultProps, r)
-      u[c] === void 0 && (u[c] = r[c]);
-  return { $$typeof: ft, type: s, key: h, ref: y, props: u, _owner: pt.current };
+var f = React, k = Symbol.for("react.element"), l = Symbol.for("react.fragment"), m = Object.prototype.hasOwnProperty, n = f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, p = { key: true, ref: true, __self: true, __source: true };
+function q(c, a, g) {
+  var b, d = {}, e = null, h = null;
+  void 0 !== g && (e = "" + g);
+  void 0 !== a.key && (e = "" + a.key);
+  void 0 !== a.ref && (h = a.ref);
+  for (b in a)
+    m.call(a, b) && !p.hasOwnProperty(b) && (d[b] = a[b]);
+  if (c && c.defaultProps)
+    for (b in a = c.defaultProps, a)
+      void 0 === d[b] && (d[b] = a[b]);
+  return { $$typeof: k, type: c, key: e, ref: h, props: d, _owner: n.current };
 }
-ne.Fragment = gt;
-ne.jsx = Ae;
-ne.jsxs = Ae;
-be.exports = ne;
-var a = be.exports;
-const ve = ye(), xt = () => xe(ve), zt = ({ initialTheme: s = "light", children: r }) => {
-  const [t, c] = U(s), u = () => {
-    c((h) => h === "light" ? "dark" : "light");
+reactJsxRuntime_production_min.Fragment = l;
+reactJsxRuntime_production_min.jsx = q;
+reactJsxRuntime_production_min.jsxs = q;
+{
+  jsxRuntime.exports = reactJsxRuntime_production_min;
+}
+var jsxRuntimeExports = jsxRuntime.exports;
+const ThemeContext = createContext();
+const useTheme = () => useContext(ThemeContext);
+const ThemeProvider = ({ initialTheme = "light", children }) => {
+  const [theme, setTheme] = useState(initialTheme);
+  const toggleTheme = () => {
+    setTheme((prevTheme) => prevTheme === "light" ? "dark" : "light");
   };
-  return Z(() => {
-    document.documentElement.classList.remove("light", "dark"), document.documentElement.classList.add(t);
-  }, [t]), /* @__PURE__ */ a.jsx(ve.Provider, { value: { theme: t, setTheme: c, toggleTheme: u }, children: r });
-}, Te = ye(), Nt = () => xe(Te), Gt = ({
-  apiKey: s,
-  apiSecret: r,
-  apiUrl: t = "http://localhost:9000",
-  merchantWalletAddress: c = null,
+  useEffect(() => {
+    document.documentElement.classList.remove("light", "dark");
+    document.documentElement.classList.add(theme);
+  }, [theme]);
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(ThemeContext.Provider, { value: { theme, setTheme, toggleTheme }, children });
+};
+const CoinleyContext = createContext();
+const useCoinley = () => useContext(CoinleyContext);
+const CoinleyProvider = ({
+  apiKey,
+  apiSecret,
+  apiUrl = "http://localhost:9000",
+  merchantWalletAddress = null,
   // New prop for merchant wallet address
-  merchantSolWalletAddress: u = null,
+  merchantSolWalletAddress = null,
   // New prop for Solana wallet address
-  debug: h = !1,
-  children: y
+  debug = false,
+  children
 }) => {
-  const [w, e] = U(!1), [n, o] = U(null), [i, l] = U(null);
-  Z(() => {
-    if (!s || !r) {
-      o("API key and secret are required");
+  const [isInitialized, setIsInitialized] = useState(false);
+  const [error, setError] = useState(null);
+  const [paymentData, setPaymentData] = useState(null);
+  useEffect(() => {
+    if (!apiKey || !apiSecret) {
+      setError("API key and secret are required");
       return;
     }
     try {
-      dt({
-        apiKey: s,
-        apiSecret: r,
-        apiUrl: t,
-        merchantWalletAddress: c,
+      initializeApi({
+        apiKey,
+        apiSecret,
+        apiUrl,
+        merchantWalletAddress,
         // Pass wallet address to API service
-        merchantSolWalletAddress: u
-      }), e(!0), h && console.log("Coinley SDK initialized with:", {
-        apiKey: s,
-        apiUrl: t,
-        merchantWalletAddress: c ? `${c.substring(0, 6)}...${c.substring(c.length - 4)}` : "Not provided",
-        merchantSolWalletAddress: u ? `${u.substring(0, 6)}...${u.substring(u.length - 4)}` : "Not provided"
+        merchantSolWalletAddress
       });
-    } catch (m) {
-      o(m.message), h && console.error("Coinley SDK initialization error:", m);
-    }
-  }, [s, r, t, c, u, h]);
-  const d = {
-    apiKey: s,
-    apiSecret: r,
-    apiUrl: t,
-    merchantWalletAddress: c,
-    merchantSolWalletAddress: u,
-    isInitialized: w,
-    error: n,
-    debug: h,
-    paymentData: i,
-    storePaymentData: (m) => (l(m), m)
+      setIsInitialized(true);
+      if (debug) {
+        console.log("Coinley SDK initialized with:", {
+          apiKey,
+          apiUrl,
+          merchantWalletAddress: merchantWalletAddress ? `${merchantWalletAddress.substring(0, 6)}...${merchantWalletAddress.substring(merchantWalletAddress.length - 4)}` : "Not provided",
+          merchantSolWalletAddress: merchantSolWalletAddress ? `${merchantSolWalletAddress.substring(0, 6)}...${merchantSolWalletAddress.substring(merchantSolWalletAddress.length - 4)}` : "Not provided"
+        });
+      }
+    } catch (err) {
+      setError(err.message);
+      if (debug) {
+        console.error("Coinley SDK initialization error:", err);
+      }
+    }
+  }, [apiKey, apiSecret, apiUrl, merchantWalletAddress, merchantSolWalletAddress, debug]);
+  const storePaymentData = (data) => {
+    setPaymentData(data);
+    return data;
+  };
+  const value = {
+    apiKey,
+    apiSecret,
+    apiUrl,
+    merchantWalletAddress,
+    merchantSolWalletAddress,
+    isInitialized,
+    error,
+    debug,
+    paymentData,
+    storePaymentData
   };
-  return /* @__PURE__ */ a.jsx(Te.Provider, { value: d, children: y });
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(CoinleyContext.Provider, { value, children });
+};
+var __defProp2 = Object.defineProperty;
+var __getOwnPropSymbols2 = Object.getOwnPropertySymbols;
+var __hasOwnProp2 = Object.prototype.hasOwnProperty;
+var __propIsEnum2 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp2 = (obj, key, value) => key in obj ? __defProp2(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues2 = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp2.call(b, prop))
+      __defNormalProp2(a, prop, b[prop]);
+  if (__getOwnPropSymbols2)
+    for (var prop of __getOwnPropSymbols2(b)) {
+      if (__propIsEnum2.call(b, prop))
+        __defNormalProp2(a, prop, b[prop]);
+    }
+  return a;
 };
-var Et = Object.defineProperty, se = Object.getOwnPropertySymbols, Ce = Object.prototype.hasOwnProperty, je = Object.prototype.propertyIsEnumerable, pe = (s, r, t) => r in s ? Et(s, r, { enumerable: !0, configurable: !0, writable: !0, value: t }) : s[r] = t, ie = (s, r) => {
-  for (var t in r || (r = {}))
-    Ce.call(r, t) && pe(s, t, r[t]);
-  if (se)
-    for (var t of se(r))
-      je.call(r, t) && pe(s, t, r[t]);
-  return s;
-}, ce = (s, r) => {
-  var t = {};
-  for (var c in s)
-    Ce.call(s, c) && r.indexOf(c) < 0 && (t[c] = s[c]);
-  if (s != null && se)
-    for (var c of se(s))
-      r.indexOf(c) < 0 && je.call(s, c) && (t[c] = s[c]);
-  return t;
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp2.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols2)
+    for (var prop of __getOwnPropSymbols2(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum2.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
 };
 /**
  * @license QR Code generator library (TypeScript)
  * Copyright (c) Project Nayuki.
  * SPDX-License-Identifier: MIT
  */
-var K;
-((s) => {
-  const r = class E {
+var qrcodegen;
+((qrcodegen2) => {
+  const _QrCode = class _QrCode2 {
     /*-- Constructor (low level) and fields --*/
     // Creates a new QR Code with the given version number,
     // error correction level, data codeword bytes, and mask number.
     // This is a low-level API that most users should not use directly.
     // A mid-level API is the encodeSegments() function.
-    constructor(e, n, o, i) {
-      if (this.version = e, this.errorCorrectionLevel = n, this.modules = [], this.isFunction = [], e < E.MIN_VERSION || e > E.MAX_VERSION)
+    constructor(version, errorCorrectionLevel, dataCodewords, msk) {
+      this.version = version;
+      this.errorCorrectionLevel = errorCorrectionLevel;
+      this.modules = [];
+      this.isFunction = [];
+      if (version < _QrCode2.MIN_VERSION || version > _QrCode2.MAX_VERSION)
         throw new RangeError("Version value out of range");
-      if (i < -1 || i > 7)
+      if (msk < -1 || msk > 7)
         throw new RangeError("Mask value out of range");
-      this.size = e * 4 + 17;
-      let l = [];
-      for (let d = 0; d < this.size; d++)
-        l.push(!1);
-      for (let d = 0; d < this.size; d++)
-        this.modules.push(l.slice()), this.isFunction.push(l.slice());
+      this.size = version * 4 + 17;
+      let row = [];
+      for (let i = 0; i < this.size; i++)
+        row.push(false);
+      for (let i = 0; i < this.size; i++) {
+        this.modules.push(row.slice());
+        this.isFunction.push(row.slice());
+      }
       this.drawFunctionPatterns();
-      const f = this.addEccAndInterleave(o);
-      if (this.drawCodewords(f), i == -1) {
-        let d = 1e9;
-        for (let m = 0; m < 8; m++) {
-          this.applyMask(m), this.drawFormatBits(m);
-          const g = this.getPenaltyScore();
-          g < d && (i = m, d = g), this.applyMask(m);
+      const allCodewords = this.addEccAndInterleave(dataCodewords);
+      this.drawCodewords(allCodewords);
+      if (msk == -1) {
+        let minPenalty = 1e9;
+        for (let i = 0; i < 8; i++) {
+          this.applyMask(i);
+          this.drawFormatBits(i);
+          const penalty = this.getPenaltyScore();
+          if (penalty < minPenalty) {
+            msk = i;
+            minPenalty = penalty;
+          }
+          this.applyMask(i);
         }
       }
-      u(0 <= i && i <= 7), this.mask = i, this.applyMask(i), this.drawFormatBits(i), this.isFunction = [];
+      assert(0 <= msk && msk <= 7);
+      this.mask = msk;
+      this.applyMask(msk);
+      this.drawFormatBits(msk);
+      this.isFunction = [];
     }
     /*-- Static factory functions (high level) --*/
     // Returns a QR Code representing the given Unicode text string at the given error correction level.
@@ -575,17 +804,17 @@ var K;
     // Unicode code points (not UTF-16 code units) if the low error correction level is used. The smallest possible
     // QR Code version is automatically chosen for the output. The ECC level of the result may be higher than the
     // ecl argument if it can be done without increasing the version.
-    static encodeText(e, n) {
-      const o = s.QrSegment.makeSegments(e);
-      return E.encodeSegments(o, n);
+    static encodeText(text, ecl) {
+      const segs = qrcodegen2.QrSegment.makeSegments(text);
+      return _QrCode2.encodeSegments(segs, ecl);
     }
     // Returns a QR Code representing the given binary data at the given error correction level.
     // This function always encodes using the binary segment mode, not any text mode. The maximum number of
     // bytes allowed is 2953. The smallest possible QR Code version is automatically chosen for the output.
     // The ECC level of the result may be higher than the ecl argument if it can be done without increasing the version.
-    static encodeBinary(e, n) {
-      const o = s.QrSegment.makeBytes(e);
-      return E.encodeSegments([o], n);
+    static encodeBinary(data, ecl) {
+      const seg = qrcodegen2.QrSegment.makeBytes(data);
+      return _QrCode2.encodeSegments([seg], ecl);
     }
     /*-- Static factory functions (mid level) --*/
     // Returns a QR Code representing the given segments with the given encoding parameters.
@@ -597,43 +826,52 @@ var K;
     // This function allows the user to create a custom sequence of segments that switches
     // between modes (such as alphanumeric and byte) to encode text in less space.
     // This is a mid-level API; the high-level API is encodeText() and encodeBinary().
-    static encodeSegments(e, n, o = 1, i = 40, l = -1, f = !0) {
-      if (!(E.MIN_VERSION <= o && o <= i && i <= E.MAX_VERSION) || l < -1 || l > 7)
+    static encodeSegments(segs, ecl, minVersion = 1, maxVersion = 40, mask = -1, boostEcl = true) {
+      if (!(_QrCode2.MIN_VERSION <= minVersion && minVersion <= maxVersion && maxVersion <= _QrCode2.MAX_VERSION) || mask < -1 || mask > 7)
         throw new RangeError("Invalid value");
-      let d, m;
-      for (d = o; ; d++) {
-        const p = E.getNumDataCodewords(d, n) * 8, j = y.getTotalBits(e, d);
-        if (j <= p) {
-          m = j;
+      let version;
+      let dataUsedBits;
+      for (version = minVersion; ; version++) {
+        const dataCapacityBits2 = _QrCode2.getNumDataCodewords(version, ecl) * 8;
+        const usedBits = QrSegment.getTotalBits(segs, version);
+        if (usedBits <= dataCapacityBits2) {
+          dataUsedBits = usedBits;
           break;
         }
-        if (d >= i)
+        if (version >= maxVersion)
           throw new RangeError("Data too long");
       }
-      for (const p of [E.Ecc.MEDIUM, E.Ecc.QUARTILE, E.Ecc.HIGH])
-        f && m <= E.getNumDataCodewords(d, p) * 8 && (n = p);
-      let g = [];
-      for (const p of e) {
-        t(p.mode.modeBits, 4, g), t(p.numChars, p.mode.numCharCountBits(d), g);
-        for (const j of p.getData())
-          g.push(j);
+      for (const newEcl of [_QrCode2.Ecc.MEDIUM, _QrCode2.Ecc.QUARTILE, _QrCode2.Ecc.HIGH]) {
+        if (boostEcl && dataUsedBits <= _QrCode2.getNumDataCodewords(version, newEcl) * 8)
+          ecl = newEcl;
+      }
+      let bb = [];
+      for (const seg of segs) {
+        appendBits(seg.mode.modeBits, 4, bb);
+        appendBits(seg.numChars, seg.mode.numCharCountBits(version), bb);
+        for (const b of seg.getData())
+          bb.push(b);
       }
-      u(g.length == m);
-      const b = E.getNumDataCodewords(d, n) * 8;
-      u(g.length <= b), t(0, Math.min(4, b - g.length), g), t(0, (8 - g.length % 8) % 8, g), u(g.length % 8 == 0);
-      for (let p = 236; g.length < b; p ^= 253)
-        t(p, 8, g);
-      let v = [];
-      for (; v.length * 8 < g.length; )
-        v.push(0);
-      return g.forEach((p, j) => v[j >>> 3] |= p << 7 - (j & 7)), new E(d, n, v, l);
+      assert(bb.length == dataUsedBits);
+      const dataCapacityBits = _QrCode2.getNumDataCodewords(version, ecl) * 8;
+      assert(bb.length <= dataCapacityBits);
+      appendBits(0, Math.min(4, dataCapacityBits - bb.length), bb);
+      appendBits(0, (8 - bb.length % 8) % 8, bb);
+      assert(bb.length % 8 == 0);
+      for (let padByte = 236; bb.length < dataCapacityBits; padByte ^= 236 ^ 17)
+        appendBits(padByte, 8, bb);
+      let dataCodewords = [];
+      while (dataCodewords.length * 8 < bb.length)
+        dataCodewords.push(0);
+      bb.forEach((b, i) => dataCodewords[i >>> 3] |= b << 7 - (i & 7));
+      return new _QrCode2(version, ecl, dataCodewords, mask);
     }
     /*-- Accessor methods --*/
     // Returns the color of the module (pixel) at the given coordinates, which is false
     // for light or true for dark. The top left corner has the coordinates (x=0, y=0).
     // If the given coordinates are out of bounds, then false (light) is returned.
-    getModule(e, n) {
-      return 0 <= e && e < this.size && 0 <= n && n < this.size && this.modules[n][e];
+    getModule(x, y) {
+      return 0 <= x && x < this.size && 0 <= y && y < this.size && this.modules[y][x];
     }
     // Modified to expose modules for easy access
     getModules() {
@@ -642,178 +880,253 @@ var K;
     /*-- Private helper methods for constructor: Drawing function modules --*/
     // Reads this object's version field, and draws and marks all function modules.
     drawFunctionPatterns() {
-      for (let o = 0; o < this.size; o++)
-        this.setFunctionModule(6, o, o % 2 == 0), this.setFunctionModule(o, 6, o % 2 == 0);
-      this.drawFinderPattern(3, 3), this.drawFinderPattern(this.size - 4, 3), this.drawFinderPattern(3, this.size - 4);
-      const e = this.getAlignmentPatternPositions(), n = e.length;
-      for (let o = 0; o < n; o++)
-        for (let i = 0; i < n; i++)
-          o == 0 && i == 0 || o == 0 && i == n - 1 || o == n - 1 && i == 0 || this.drawAlignmentPattern(e[o], e[i]);
-      this.drawFormatBits(0), this.drawVersion();
+      for (let i = 0; i < this.size; i++) {
+        this.setFunctionModule(6, i, i % 2 == 0);
+        this.setFunctionModule(i, 6, i % 2 == 0);
+      }
+      this.drawFinderPattern(3, 3);
+      this.drawFinderPattern(this.size - 4, 3);
+      this.drawFinderPattern(3, this.size - 4);
+      const alignPatPos = this.getAlignmentPatternPositions();
+      const numAlign = alignPatPos.length;
+      for (let i = 0; i < numAlign; i++) {
+        for (let j = 0; j < numAlign; j++) {
+          if (!(i == 0 && j == 0 || i == 0 && j == numAlign - 1 || i == numAlign - 1 && j == 0))
+            this.drawAlignmentPattern(alignPatPos[i], alignPatPos[j]);
+        }
+      }
+      this.drawFormatBits(0);
+      this.drawVersion();
     }
     // Draws two copies of the format bits (with its own error correction code)
     // based on the given mask and this object's error correction level field.
-    drawFormatBits(e) {
-      const n = this.errorCorrectionLevel.formatBits << 3 | e;
-      let o = n;
-      for (let l = 0; l < 10; l++)
-        o = o << 1 ^ (o >>> 9) * 1335;
-      const i = (n << 10 | o) ^ 21522;
-      u(i >>> 15 == 0);
-      for (let l = 0; l <= 5; l++)
-        this.setFunctionModule(8, l, c(i, l));
-      this.setFunctionModule(8, 7, c(i, 6)), this.setFunctionModule(8, 8, c(i, 7)), this.setFunctionModule(7, 8, c(i, 8));
-      for (let l = 9; l < 15; l++)
-        this.setFunctionModule(14 - l, 8, c(i, l));
-      for (let l = 0; l < 8; l++)
-        this.setFunctionModule(this.size - 1 - l, 8, c(i, l));
-      for (let l = 8; l < 15; l++)
-        this.setFunctionModule(8, this.size - 15 + l, c(i, l));
-      this.setFunctionModule(8, this.size - 8, !0);
+    drawFormatBits(mask) {
+      const data = this.errorCorrectionLevel.formatBits << 3 | mask;
+      let rem = data;
+      for (let i = 0; i < 10; i++)
+        rem = rem << 1 ^ (rem >>> 9) * 1335;
+      const bits = (data << 10 | rem) ^ 21522;
+      assert(bits >>> 15 == 0);
+      for (let i = 0; i <= 5; i++)
+        this.setFunctionModule(8, i, getBit(bits, i));
+      this.setFunctionModule(8, 7, getBit(bits, 6));
+      this.setFunctionModule(8, 8, getBit(bits, 7));
+      this.setFunctionModule(7, 8, getBit(bits, 8));
+      for (let i = 9; i < 15; i++)
+        this.setFunctionModule(14 - i, 8, getBit(bits, i));
+      for (let i = 0; i < 8; i++)
+        this.setFunctionModule(this.size - 1 - i, 8, getBit(bits, i));
+      for (let i = 8; i < 15; i++)
+        this.setFunctionModule(8, this.size - 15 + i, getBit(bits, i));
+      this.setFunctionModule(8, this.size - 8, true);
     }
     // Draws two copies of the version bits (with its own error correction code),
     // based on this object's version field, iff 7 <= version <= 40.
     drawVersion() {
       if (this.version < 7)
         return;
-      let e = this.version;
-      for (let o = 0; o < 12; o++)
-        e = e << 1 ^ (e >>> 11) * 7973;
-      const n = this.version << 12 | e;
-      u(n >>> 18 == 0);
-      for (let o = 0; o < 18; o++) {
-        const i = c(n, o), l = this.size - 11 + o % 3, f = Math.floor(o / 3);
-        this.setFunctionModule(l, f, i), this.setFunctionModule(f, l, i);
+      let rem = this.version;
+      for (let i = 0; i < 12; i++)
+        rem = rem << 1 ^ (rem >>> 11) * 7973;
+      const bits = this.version << 12 | rem;
+      assert(bits >>> 18 == 0);
+      for (let i = 0; i < 18; i++) {
+        const color = getBit(bits, i);
+        const a = this.size - 11 + i % 3;
+        const b = Math.floor(i / 3);
+        this.setFunctionModule(a, b, color);
+        this.setFunctionModule(b, a, color);
       }
     }
     // Draws a 9*9 finder pattern including the border separator,
     // with the center module at (x, y). Modules can be out of bounds.
-    drawFinderPattern(e, n) {
-      for (let o = -4; o <= 4; o++)
-        for (let i = -4; i <= 4; i++) {
-          const l = Math.max(Math.abs(i), Math.abs(o)), f = e + i, d = n + o;
-          0 <= f && f < this.size && 0 <= d && d < this.size && this.setFunctionModule(f, d, l != 2 && l != 4);
+    drawFinderPattern(x, y) {
+      for (let dy = -4; dy <= 4; dy++) {
+        for (let dx = -4; dx <= 4; dx++) {
+          const dist = Math.max(Math.abs(dx), Math.abs(dy));
+          const xx = x + dx;
+          const yy = y + dy;
+          if (0 <= xx && xx < this.size && 0 <= yy && yy < this.size)
+            this.setFunctionModule(xx, yy, dist != 2 && dist != 4);
         }
+      }
     }
     // Draws a 5*5 alignment pattern, with the center module
     // at (x, y). All modules must be in bounds.
-    drawAlignmentPattern(e, n) {
-      for (let o = -2; o <= 2; o++)
-        for (let i = -2; i <= 2; i++)
-          this.setFunctionModule(e + i, n + o, Math.max(Math.abs(i), Math.abs(o)) != 1);
+    drawAlignmentPattern(x, y) {
+      for (let dy = -2; dy <= 2; dy++) {
+        for (let dx = -2; dx <= 2; dx++)
+          this.setFunctionModule(x + dx, y + dy, Math.max(Math.abs(dx), Math.abs(dy)) != 1);
+      }
     }
     // Sets the color of a module and marks it as a function module.
     // Only used by the constructor. Coordinates must be in bounds.
-    setFunctionModule(e, n, o) {
-      this.modules[n][e] = o, this.isFunction[n][e] = !0;
+    setFunctionModule(x, y, isDark) {
+      this.modules[y][x] = isDark;
+      this.isFunction[y][x] = true;
     }
     /*-- Private helper methods for constructor: Codewords and masking --*/
     // Returns a new byte string representing the given data with the appropriate error correction
     // codewords appended to it, based on this object's version and error correction level.
-    addEccAndInterleave(e) {
-      const n = this.version, o = this.errorCorrectionLevel;
-      if (e.length != E.getNumDataCodewords(n, o))
+    addEccAndInterleave(data) {
+      const ver = this.version;
+      const ecl = this.errorCorrectionLevel;
+      if (data.length != _QrCode2.getNumDataCodewords(ver, ecl))
         throw new RangeError("Invalid argument");
-      const i = E.NUM_ERROR_CORRECTION_BLOCKS[o.ordinal][n], l = E.ECC_CODEWORDS_PER_BLOCK[o.ordinal][n], f = Math.floor(E.getNumRawDataModules(n) / 8), d = i - f % i, m = Math.floor(f / i);
-      let g = [];
-      const b = E.reedSolomonComputeDivisor(l);
-      for (let p = 0, j = 0; p < i; p++) {
-        let M = e.slice(j, j + m - l + (p < d ? 0 : 1));
-        j += M.length;
-        const F = E.reedSolomonComputeRemainder(M, b);
-        p < d && M.push(0), g.push(M.concat(F));
+      const numBlocks = _QrCode2.NUM_ERROR_CORRECTION_BLOCKS[ecl.ordinal][ver];
+      const blockEccLen = _QrCode2.ECC_CODEWORDS_PER_BLOCK[ecl.ordinal][ver];
+      const rawCodewords = Math.floor(_QrCode2.getNumRawDataModules(ver) / 8);
+      const numShortBlocks = numBlocks - rawCodewords % numBlocks;
+      const shortBlockLen = Math.floor(rawCodewords / numBlocks);
+      let blocks = [];
+      const rsDiv = _QrCode2.reedSolomonComputeDivisor(blockEccLen);
+      for (let i = 0, k2 = 0; i < numBlocks; i++) {
+        let dat = data.slice(k2, k2 + shortBlockLen - blockEccLen + (i < numShortBlocks ? 0 : 1));
+        k2 += dat.length;
+        const ecc = _QrCode2.reedSolomonComputeRemainder(dat, rsDiv);
+        if (i < numShortBlocks)
+          dat.push(0);
+        blocks.push(dat.concat(ecc));
       }
-      let v = [];
-      for (let p = 0; p < g[0].length; p++)
-        g.forEach((j, M) => {
-          (p != m - l || M >= d) && v.push(j[p]);
+      let result = [];
+      for (let i = 0; i < blocks[0].length; i++) {
+        blocks.forEach((block, j) => {
+          if (i != shortBlockLen - blockEccLen || j >= numShortBlocks)
+            result.push(block[i]);
         });
-      return u(v.length == f), v;
+      }
+      assert(result.length == rawCodewords);
+      return result;
     }
     // Draws the given sequence of 8-bit codewords (data and error correction) onto the entire
     // data area of this QR Code. Function modules need to be marked off before this is called.
-    drawCodewords(e) {
-      if (e.length != Math.floor(E.getNumRawDataModules(this.version) / 8))
+    drawCodewords(data) {
+      if (data.length != Math.floor(_QrCode2.getNumRawDataModules(this.version) / 8))
         throw new RangeError("Invalid argument");
-      let n = 0;
-      for (let o = this.size - 1; o >= 1; o -= 2) {
-        o == 6 && (o = 5);
-        for (let i = 0; i < this.size; i++)
-          for (let l = 0; l < 2; l++) {
-            const f = o - l, m = (o + 1 & 2) == 0 ? this.size - 1 - i : i;
-            !this.isFunction[m][f] && n < e.length * 8 && (this.modules[m][f] = c(e[n >>> 3], 7 - (n & 7)), n++);
+      let i = 0;
+      for (let right = this.size - 1; right >= 1; right -= 2) {
+        if (right == 6)
+          right = 5;
+        for (let vert = 0; vert < this.size; vert++) {
+          for (let j = 0; j < 2; j++) {
+            const x = right - j;
+            const upward = (right + 1 & 2) == 0;
+            const y = upward ? this.size - 1 - vert : vert;
+            if (!this.isFunction[y][x] && i < data.length * 8) {
+              this.modules[y][x] = getBit(data[i >>> 3], 7 - (i & 7));
+              i++;
+            }
           }
+        }
       }
-      u(n == e.length * 8);
+      assert(i == data.length * 8);
     }
     // XORs the codeword modules in this QR Code with the given mask pattern.
     // The function modules must be marked and the codeword bits must be drawn
     // before masking. Due to the arithmetic of XOR, calling applyMask() with
     // the same mask value a second time will undo the mask. A final well-formed
     // QR Code needs exactly one (not zero, two, etc.) mask applied.
-    applyMask(e) {
-      if (e < 0 || e > 7)
+    applyMask(mask) {
+      if (mask < 0 || mask > 7)
         throw new RangeError("Mask value out of range");
-      for (let n = 0; n < this.size; n++)
-        for (let o = 0; o < this.size; o++) {
-          let i;
-          switch (e) {
+      for (let y = 0; y < this.size; y++) {
+        for (let x = 0; x < this.size; x++) {
+          let invert;
+          switch (mask) {
             case 0:
-              i = (o + n) % 2 == 0;
+              invert = (x + y) % 2 == 0;
               break;
             case 1:
-              i = n % 2 == 0;
+              invert = y % 2 == 0;
               break;
             case 2:
-              i = o % 3 == 0;
+              invert = x % 3 == 0;
               break;
             case 3:
-              i = (o + n) % 3 == 0;
+              invert = (x + y) % 3 == 0;
               break;
             case 4:
-              i = (Math.floor(o / 3) + Math.floor(n / 2)) % 2 == 0;
+              invert = (Math.floor(x / 3) + Math.floor(y / 2)) % 2 == 0;
               break;
             case 5:
-              i = o * n % 2 + o * n % 3 == 0;
+              invert = x * y % 2 + x * y % 3 == 0;
               break;
             case 6:
-              i = (o * n % 2 + o * n % 3) % 2 == 0;
+              invert = (x * y % 2 + x * y % 3) % 2 == 0;
               break;
             case 7:
-              i = ((o + n) % 2 + o * n % 3) % 2 == 0;
+              invert = ((x + y) % 2 + x * y % 3) % 2 == 0;
               break;
             default:
               throw new Error("Unreachable");
           }
-          !this.isFunction[n][o] && i && (this.modules[n][o] = !this.modules[n][o]);
+          if (!this.isFunction[y][x] && invert)
+            this.modules[y][x] = !this.modules[y][x];
         }
+      }
     }
     // Calculates and returns the penalty score based on state of this QR Code's current modules.
     // This is used by the automatic mask choice algorithm to find the mask pattern that yields the lowest score.
     getPenaltyScore() {
-      let e = 0;
-      for (let l = 0; l < this.size; l++) {
-        let f = !1, d = 0, m = [0, 0, 0, 0, 0, 0, 0];
-        for (let g = 0; g < this.size; g++)
-          this.modules[l][g] == f ? (d++, d == 5 ? e += E.PENALTY_N1 : d > 5 && e++) : (this.finderPenaltyAddHistory(d, m), f || (e += this.finderPenaltyCountPatterns(m) * E.PENALTY_N3), f = this.modules[l][g], d = 1);
-        e += this.finderPenaltyTerminateAndCount(f, d, m) * E.PENALTY_N3;
+      let result = 0;
+      for (let y = 0; y < this.size; y++) {
+        let runColor = false;
+        let runX = 0;
+        let runHistory = [0, 0, 0, 0, 0, 0, 0];
+        for (let x = 0; x < this.size; x++) {
+          if (this.modules[y][x] == runColor) {
+            runX++;
+            if (runX == 5)
+              result += _QrCode2.PENALTY_N1;
+            else if (runX > 5)
+              result++;
+          } else {
+            this.finderPenaltyAddHistory(runX, runHistory);
+            if (!runColor)
+              result += this.finderPenaltyCountPatterns(runHistory) * _QrCode2.PENALTY_N3;
+            runColor = this.modules[y][x];
+            runX = 1;
+          }
+        }
+        result += this.finderPenaltyTerminateAndCount(runColor, runX, runHistory) * _QrCode2.PENALTY_N3;
       }
-      for (let l = 0; l < this.size; l++) {
-        let f = !1, d = 0, m = [0, 0, 0, 0, 0, 0, 0];
-        for (let g = 0; g < this.size; g++)
-          this.modules[g][l] == f ? (d++, d == 5 ? e += E.PENALTY_N1 : d > 5 && e++) : (this.finderPenaltyAddHistory(d, m), f || (e += this.finderPenaltyCountPatterns(m) * E.PENALTY_N3), f = this.modules[g][l], d = 1);
-        e += this.finderPenaltyTerminateAndCount(f, d, m) * E.PENALTY_N3;
+      for (let x = 0; x < this.size; x++) {
+        let runColor = false;
+        let runY = 0;
+        let runHistory = [0, 0, 0, 0, 0, 0, 0];
+        for (let y = 0; y < this.size; y++) {
+          if (this.modules[y][x] == runColor) {
+            runY++;
+            if (runY == 5)
+              result += _QrCode2.PENALTY_N1;
+            else if (runY > 5)
+              result++;
+          } else {
+            this.finderPenaltyAddHistory(runY, runHistory);
+            if (!runColor)
+              result += this.finderPenaltyCountPatterns(runHistory) * _QrCode2.PENALTY_N3;
+            runColor = this.modules[y][x];
+            runY = 1;
+          }
+        }
+        result += this.finderPenaltyTerminateAndCount(runColor, runY, runHistory) * _QrCode2.PENALTY_N3;
       }
-      for (let l = 0; l < this.size - 1; l++)
-        for (let f = 0; f < this.size - 1; f++) {
-          const d = this.modules[l][f];
-          d == this.modules[l][f + 1] && d == this.modules[l + 1][f] && d == this.modules[l + 1][f + 1] && (e += E.PENALTY_N2);
+      for (let y = 0; y < this.size - 1; y++) {
+        for (let x = 0; x < this.size - 1; x++) {
+          const color = this.modules[y][x];
+          if (color == this.modules[y][x + 1] && color == this.modules[y + 1][x] && color == this.modules[y + 1][x + 1])
+            result += _QrCode2.PENALTY_N2;
         }
-      let n = 0;
-      for (const l of this.modules)
-        n = l.reduce((f, d) => f + (d ? 1 : 0), n);
-      const o = this.size * this.size, i = Math.ceil(Math.abs(n * 20 - o * 10) / o) - 1;
-      return u(0 <= i && i <= 9), e += i * E.PENALTY_N4, u(0 <= e && e <= 2568888), e;
+      }
+      let dark = 0;
+      for (const row of this.modules)
+        dark = row.reduce((sum, color) => sum + (color ? 1 : 0), dark);
+      const total = this.size * this.size;
+      const k2 = Math.ceil(Math.abs(dark * 20 - total * 10) / total) - 1;
+      assert(0 <= k2 && k2 <= 9);
+      result += k2 * _QrCode2.PENALTY_N4;
+      assert(0 <= result && result <= 2568888);
+      return result;
     }
     /*-- Private helper functions --*/
     // Returns an ascending list of positions of alignment patterns for this version number.
@@ -822,87 +1135,113 @@ var K;
     getAlignmentPatternPositions() {
       if (this.version == 1)
         return [];
-      {
-        const e = Math.floor(this.version / 7) + 2, n = this.version == 32 ? 26 : Math.ceil((this.version * 4 + 4) / (e * 2 - 2)) * 2;
-        let o = [6];
-        for (let i = this.size - 7; o.length < e; i -= n)
-          o.splice(1, 0, i);
-        return o;
+      else {
+        const numAlign = Math.floor(this.version / 7) + 2;
+        const step = this.version == 32 ? 26 : Math.ceil((this.version * 4 + 4) / (numAlign * 2 - 2)) * 2;
+        let result = [6];
+        for (let pos = this.size - 7; result.length < numAlign; pos -= step)
+          result.splice(1, 0, pos);
+        return result;
       }
     }
     // Returns the number of data bits that can be stored in a QR Code of the given version number, after
     // all function modules are excluded. This includes remainder bits, so it might not be a multiple of 8.
     // The result is in the range [208, 29648]. This could be implemented as a 40-entry lookup table.
-    static getNumRawDataModules(e) {
-      if (e < E.MIN_VERSION || e > E.MAX_VERSION)
+    static getNumRawDataModules(ver) {
+      if (ver < _QrCode2.MIN_VERSION || ver > _QrCode2.MAX_VERSION)
         throw new RangeError("Version number out of range");
-      let n = (16 * e + 128) * e + 64;
-      if (e >= 2) {
-        const o = Math.floor(e / 7) + 2;
-        n -= (25 * o - 10) * o - 55, e >= 7 && (n -= 36);
+      let result = (16 * ver + 128) * ver + 64;
+      if (ver >= 2) {
+        const numAlign = Math.floor(ver / 7) + 2;
+        result -= (25 * numAlign - 10) * numAlign - 55;
+        if (ver >= 7)
+          result -= 36;
       }
-      return u(208 <= n && n <= 29648), n;
+      assert(208 <= result && result <= 29648);
+      return result;
     }
     // Returns the number of 8-bit data (i.e. not error correction) codewords contained in any
     // QR Code of the given version number and error correction level, with remainder bits discarded.
     // This stateless pure function could be implemented as a (40*4)-cell lookup table.
-    static getNumDataCodewords(e, n) {
-      return Math.floor(E.getNumRawDataModules(e) / 8) - E.ECC_CODEWORDS_PER_BLOCK[n.ordinal][e] * E.NUM_ERROR_CORRECTION_BLOCKS[n.ordinal][e];
+    static getNumDataCodewords(ver, ecl) {
+      return Math.floor(_QrCode2.getNumRawDataModules(ver) / 8) - _QrCode2.ECC_CODEWORDS_PER_BLOCK[ecl.ordinal][ver] * _QrCode2.NUM_ERROR_CORRECTION_BLOCKS[ecl.ordinal][ver];
     }
     // Returns a Reed-Solomon ECC generator polynomial for the given degree. This could be
     // implemented as a lookup table over all possible parameter values, instead of as an algorithm.
-    static reedSolomonComputeDivisor(e) {
-      if (e < 1 || e > 255)
+    static reedSolomonComputeDivisor(degree) {
+      if (degree < 1 || degree > 255)
         throw new RangeError("Degree out of range");
-      let n = [];
-      for (let i = 0; i < e - 1; i++)
-        n.push(0);
-      n.push(1);
-      let o = 1;
-      for (let i = 0; i < e; i++) {
-        for (let l = 0; l < n.length; l++)
-          n[l] = E.reedSolomonMultiply(n[l], o), l + 1 < n.length && (n[l] ^= n[l + 1]);
-        o = E.reedSolomonMultiply(o, 2);
+      let result = [];
+      for (let i = 0; i < degree - 1; i++)
+        result.push(0);
+      result.push(1);
+      let root = 1;
+      for (let i = 0; i < degree; i++) {
+        for (let j = 0; j < result.length; j++) {
+          result[j] = _QrCode2.reedSolomonMultiply(result[j], root);
+          if (j + 1 < result.length)
+            result[j] ^= result[j + 1];
+        }
+        root = _QrCode2.reedSolomonMultiply(root, 2);
       }
-      return n;
+      return result;
     }
     // Returns the Reed-Solomon error correction codeword for the given data and divisor polynomials.
-    static reedSolomonComputeRemainder(e, n) {
-      let o = n.map((i) => 0);
-      for (const i of e) {
-        const l = i ^ o.shift();
-        o.push(0), n.forEach((f, d) => o[d] ^= E.reedSolomonMultiply(f, l));
+    static reedSolomonComputeRemainder(data, divisor) {
+      let result = divisor.map((_) => 0);
+      for (const b of data) {
+        const factor = b ^ result.shift();
+        result.push(0);
+        divisor.forEach((coef, i) => result[i] ^= _QrCode2.reedSolomonMultiply(coef, factor));
       }
-      return o;
+      return result;
     }
     // Returns the product of the two given field elements modulo GF(2^8/0x11D). The arguments and result
     // are unsigned 8-bit integers. This could be implemented as a lookup table of 256*256 entries of uint8.
-    static reedSolomonMultiply(e, n) {
-      if (e >>> 8 || n >>> 8)
+    static reedSolomonMultiply(x, y) {
+      if (x >>> 8 != 0 || y >>> 8 != 0)
         throw new RangeError("Byte out of range");
-      let o = 0;
-      for (let i = 7; i >= 0; i--)
-        o = o << 1 ^ (o >>> 7) * 285, o ^= (n >>> i & 1) * e;
-      return u(o >>> 8 == 0), o;
+      let z = 0;
+      for (let i = 7; i >= 0; i--) {
+        z = z << 1 ^ (z >>> 7) * 285;
+        z ^= (y >>> i & 1) * x;
+      }
+      assert(z >>> 8 == 0);
+      return z;
     }
     // Can only be called immediately after a light run is added, and
     // returns either 0, 1, or 2. A helper function for getPenaltyScore().
-    finderPenaltyCountPatterns(e) {
-      const n = e[1];
-      u(n <= this.size * 3);
-      const o = n > 0 && e[2] == n && e[3] == n * 3 && e[4] == n && e[5] == n;
-      return (o && e[0] >= n * 4 && e[6] >= n ? 1 : 0) + (o && e[6] >= n * 4 && e[0] >= n ? 1 : 0);
+    finderPenaltyCountPatterns(runHistory) {
+      const n2 = runHistory[1];
+      assert(n2 <= this.size * 3);
+      const core = n2 > 0 && runHistory[2] == n2 && runHistory[3] == n2 * 3 && runHistory[4] == n2 && runHistory[5] == n2;
+      return (core && runHistory[0] >= n2 * 4 && runHistory[6] >= n2 ? 1 : 0) + (core && runHistory[6] >= n2 * 4 && runHistory[0] >= n2 ? 1 : 0);
     }
     // Must be called at the end of a line (row or column) of modules. A helper function for getPenaltyScore().
-    finderPenaltyTerminateAndCount(e, n, o) {
-      return e && (this.finderPenaltyAddHistory(n, o), n = 0), n += this.size, this.finderPenaltyAddHistory(n, o), this.finderPenaltyCountPatterns(o);
+    finderPenaltyTerminateAndCount(currentRunColor, currentRunLength, runHistory) {
+      if (currentRunColor) {
+        this.finderPenaltyAddHistory(currentRunLength, runHistory);
+        currentRunLength = 0;
+      }
+      currentRunLength += this.size;
+      this.finderPenaltyAddHistory(currentRunLength, runHistory);
+      return this.finderPenaltyCountPatterns(runHistory);
     }
     // Pushes the given value to the front and drops the last value. A helper function for getPenaltyScore().
-    finderPenaltyAddHistory(e, n) {
-      n[0] == 0 && (e += this.size), n.pop(), n.unshift(e);
+    finderPenaltyAddHistory(currentRunLength, runHistory) {
+      if (runHistory[0] == 0)
+        currentRunLength += this.size;
+      runHistory.pop();
+      runHistory.unshift(currentRunLength);
     }
   };
-  r.MIN_VERSION = 1, r.MAX_VERSION = 40, r.PENALTY_N1 = 3, r.PENALTY_N2 = 3, r.PENALTY_N3 = 40, r.PENALTY_N4 = 10, r.ECC_CODEWORDS_PER_BLOCK = [
+  _QrCode.MIN_VERSION = 1;
+  _QrCode.MAX_VERSION = 40;
+  _QrCode.PENALTY_N1 = 3;
+  _QrCode.PENALTY_N2 = 3;
+  _QrCode.PENALTY_N3 = 40;
+  _QrCode.PENALTY_N4 = 10;
+  _QrCode.ECC_CODEWORDS_PER_BLOCK = [
     // Version: (note that index 0 is for padding, and is set to an illegal value)
     //0,  1,  2,  3,  4,  5,  6,  7,  8,  9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24, 25, 26, 27, 28, 29, 30, 31, 32, 33, 34, 35, 36, 37, 38, 39, 40    Error correction level
     [-1, 7, 10, 15, 20, 26, 18, 20, 24, 30, 18, 20, 24, 26, 30, 22, 24, 28, 30, 28, 28, 28, 28, 30, 30, 26, 28, 30, 30, 30, 30, 30, 30, 30, 30, 30, 30, 30, 30, 30, 30],
@@ -913,7 +1252,8 @@ var K;
     // Quartile
     [-1, 17, 28, 22, 16, 22, 28, 26, 26, 24, 28, 24, 28, 22, 24, 24, 30, 28, 28, 26, 28, 30, 24, 30, 30, 30, 30, 30, 30, 30, 30, 30, 30, 30, 30, 30, 30, 30, 30, 30, 30]
     // High
-  ], r.NUM_ERROR_CORRECTION_BLOCKS = [
+  ];
+  _QrCode.NUM_ERROR_CORRECTION_BLOCKS = [
     // Version: (note that index 0 is for padding, and is set to an illegal value)
     //0, 1, 2, 3, 4, 5, 6, 7, 8, 9,10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24, 25, 26, 27, 28, 29, 30, 31, 32, 33, 34, 35, 36, 37, 38, 39, 40    Error correction level
     [-1, 1, 1, 1, 1, 1, 2, 2, 2, 2, 4, 4, 4, 4, 4, 6, 6, 6, 6, 7, 8, 8, 9, 9, 10, 12, 12, 12, 13, 14, 15, 16, 17, 18, 19, 19, 20, 21, 22, 24, 25],
@@ -924,95 +1264,113 @@ var K;
     // Quartile
     [-1, 1, 1, 2, 4, 4, 4, 5, 6, 8, 8, 11, 11, 16, 16, 18, 16, 19, 21, 25, 25, 25, 34, 30, 32, 35, 37, 40, 42, 45, 48, 51, 54, 57, 60, 63, 66, 70, 74, 77, 81]
     // High
-  ], s.QrCode = r;
-  function t(w, e, n) {
-    if (e < 0 || e > 31 || w >>> e)
+  ];
+  qrcodegen2.QrCode = _QrCode;
+  function appendBits(val, len, bb) {
+    if (len < 0 || len > 31 || val >>> len != 0)
       throw new RangeError("Value out of range");
-    for (let o = e - 1; o >= 0; o--)
-      n.push(w >>> o & 1);
+    for (let i = len - 1; i >= 0; i--)
+      bb.push(val >>> i & 1);
   }
-  function c(w, e) {
-    return (w >>> e & 1) != 0;
+  function getBit(x, i) {
+    return (x >>> i & 1) != 0;
   }
-  function u(w) {
-    if (!w)
+  function assert(cond) {
+    if (!cond)
       throw new Error("Assertion error");
   }
-  const h = class k {
+  const _QrSegment = class _QrSegment2 {
     /*-- Constructor (low level) and fields --*/
     // Creates a new QR Code segment with the given attributes and data.
     // The character count (numChars) must agree with the mode and the bit buffer length,
     // but the constraint isn't checked. The given bit buffer is cloned and stored.
-    constructor(e, n, o) {
-      if (this.mode = e, this.numChars = n, this.bitData = o, n < 0)
+    constructor(mode, numChars, bitData) {
+      this.mode = mode;
+      this.numChars = numChars;
+      this.bitData = bitData;
+      if (numChars < 0)
         throw new RangeError("Invalid argument");
-      this.bitData = o.slice();
+      this.bitData = bitData.slice();
     }
     /*-- Static factory functions (mid level) --*/
     // Returns a segment representing the given binary data encoded in
     // byte mode. All input byte arrays are acceptable. Any text string
     // can be converted to UTF-8 bytes and encoded as a byte mode segment.
-    static makeBytes(e) {
-      let n = [];
-      for (const o of e)
-        t(o, 8, n);
-      return new k(k.Mode.BYTE, e.length, n);
+    static makeBytes(data) {
+      let bb = [];
+      for (const b of data)
+        appendBits(b, 8, bb);
+      return new _QrSegment2(_QrSegment2.Mode.BYTE, data.length, bb);
     }
     // Returns a segment representing the given string of decimal digits encoded in numeric mode.
-    static makeNumeric(e) {
-      if (!k.isNumeric(e))
+    static makeNumeric(digits) {
+      if (!_QrSegment2.isNumeric(digits))
         throw new RangeError("String contains non-numeric characters");
-      let n = [];
-      for (let o = 0; o < e.length; ) {
-        const i = Math.min(e.length - o, 3);
-        t(parseInt(e.substring(o, o + i), 10), i * 3 + 1, n), o += i;
+      let bb = [];
+      for (let i = 0; i < digits.length; ) {
+        const n2 = Math.min(digits.length - i, 3);
+        appendBits(parseInt(digits.substring(i, i + n2), 10), n2 * 3 + 1, bb);
+        i += n2;
       }
-      return new k(k.Mode.NUMERIC, e.length, n);
+      return new _QrSegment2(_QrSegment2.Mode.NUMERIC, digits.length, bb);
     }
     // Returns a segment representing the given text string encoded in alphanumeric mode.
     // The characters allowed are: 0 to 9, A to Z (uppercase only), space,
     // dollar, percent, asterisk, plus, hyphen, period, slash, colon.
-    static makeAlphanumeric(e) {
-      if (!k.isAlphanumeric(e))
+    static makeAlphanumeric(text) {
+      if (!_QrSegment2.isAlphanumeric(text))
         throw new RangeError("String contains unencodable characters in alphanumeric mode");
-      let n = [], o;
-      for (o = 0; o + 2 <= e.length; o += 2) {
-        let i = k.ALPHANUMERIC_CHARSET.indexOf(e.charAt(o)) * 45;
-        i += k.ALPHANUMERIC_CHARSET.indexOf(e.charAt(o + 1)), t(i, 11, n);
+      let bb = [];
+      let i;
+      for (i = 0; i + 2 <= text.length; i += 2) {
+        let temp = _QrSegment2.ALPHANUMERIC_CHARSET.indexOf(text.charAt(i)) * 45;
+        temp += _QrSegment2.ALPHANUMERIC_CHARSET.indexOf(text.charAt(i + 1));
+        appendBits(temp, 11, bb);
       }
-      return o < e.length && t(k.ALPHANUMERIC_CHARSET.indexOf(e.charAt(o)), 6, n), new k(k.Mode.ALPHANUMERIC, e.length, n);
+      if (i < text.length)
+        appendBits(_QrSegment2.ALPHANUMERIC_CHARSET.indexOf(text.charAt(i)), 6, bb);
+      return new _QrSegment2(_QrSegment2.Mode.ALPHANUMERIC, text.length, bb);
     }
     // Returns a new mutable list of zero or more segments to represent the given Unicode text string.
     // The result may use various segment modes and switch modes to optimize the length of the bit stream.
-    static makeSegments(e) {
-      return e == "" ? [] : k.isNumeric(e) ? [k.makeNumeric(e)] : k.isAlphanumeric(e) ? [k.makeAlphanumeric(e)] : [k.makeBytes(k.toUtf8ByteArray(e))];
+    static makeSegments(text) {
+      if (text == "")
+        return [];
+      else if (_QrSegment2.isNumeric(text))
+        return [_QrSegment2.makeNumeric(text)];
+      else if (_QrSegment2.isAlphanumeric(text))
+        return [_QrSegment2.makeAlphanumeric(text)];
+      else
+        return [_QrSegment2.makeBytes(_QrSegment2.toUtf8ByteArray(text))];
     }
     // Returns a segment representing an Extended Channel Interpretation
     // (ECI) designator with the given assignment value.
-    static makeEci(e) {
-      let n = [];
-      if (e < 0)
+    static makeEci(assignVal) {
+      let bb = [];
+      if (assignVal < 0)
         throw new RangeError("ECI assignment value out of range");
-      if (e < 128)
-        t(e, 8, n);
-      else if (e < 16384)
-        t(2, 2, n), t(e, 14, n);
-      else if (e < 1e6)
-        t(6, 3, n), t(e, 21, n);
-      else
+      else if (assignVal < 1 << 7)
+        appendBits(assignVal, 8, bb);
+      else if (assignVal < 1 << 14) {
+        appendBits(2, 2, bb);
+        appendBits(assignVal, 14, bb);
+      } else if (assignVal < 1e6) {
+        appendBits(6, 3, bb);
+        appendBits(assignVal, 21, bb);
+      } else
         throw new RangeError("ECI assignment value out of range");
-      return new k(k.Mode.ECI, 0, n);
+      return new _QrSegment2(_QrSegment2.Mode.ECI, 0, bb);
     }
     // Tests whether the given string can be encoded as a segment in numeric mode.
     // A string is encodable iff each character is in the range 0 to 9.
-    static isNumeric(e) {
-      return k.NUMERIC_REGEX.test(e);
+    static isNumeric(text) {
+      return _QrSegment2.NUMERIC_REGEX.test(text);
     }
     // Tests whether the given string can be encoded as a segment in alphanumeric mode.
     // A string is encodable iff each character is in the following set: 0 to 9, A to Z
     // (uppercase only), space, dollar, percent, asterisk, plus, hyphen, period, slash, colon.
-    static isAlphanumeric(e) {
-      return k.ALPHANUMERIC_REGEX.test(e);
+    static isAlphanumeric(text) {
+      return _QrSegment2.ALPHANUMERIC_REGEX.test(text);
     }
     /*-- Methods --*/
     // Returns a new copy of the data bits of this segment.
@@ -1021,176 +1379,244 @@ var K;
     }
     // (Package-private) Calculates and returns the number of bits needed to encode the given segments at
     // the given version. The result is infinity if a segment has too many characters to fit its length field.
-    static getTotalBits(e, n) {
-      let o = 0;
-      for (const i of e) {
-        const l = i.mode.numCharCountBits(n);
-        if (i.numChars >= 1 << l)
-          return 1 / 0;
-        o += 4 + l + i.bitData.length;
+    static getTotalBits(segs, version) {
+      let result = 0;
+      for (const seg of segs) {
+        const ccbits = seg.mode.numCharCountBits(version);
+        if (seg.numChars >= 1 << ccbits)
+          return Infinity;
+        result += 4 + ccbits + seg.bitData.length;
       }
-      return o;
+      return result;
     }
     // Returns a new array of bytes representing the given string encoded in UTF-8.
-    static toUtf8ByteArray(e) {
-      e = encodeURI(e);
-      let n = [];
-      for (let o = 0; o < e.length; o++)
-        e.charAt(o) != "%" ? n.push(e.charCodeAt(o)) : (n.push(parseInt(e.substring(o + 1, o + 3), 16)), o += 2);
-      return n;
+    static toUtf8ByteArray(str) {
+      str = encodeURI(str);
+      let result = [];
+      for (let i = 0; i < str.length; i++) {
+        if (str.charAt(i) != "%")
+          result.push(str.charCodeAt(i));
+        else {
+          result.push(parseInt(str.substring(i + 1, i + 3), 16));
+          i += 2;
+        }
+      }
+      return result;
     }
   };
-  h.NUMERIC_REGEX = /^[0-9]*$/, h.ALPHANUMERIC_REGEX = /^[A-Z0-9 $%*+.\/:-]*$/, h.ALPHANUMERIC_CHARSET = "0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZ $%*+-./:";
-  let y = h;
-  s.QrSegment = h;
-})(K || (K = {}));
-((s) => {
-  ((r) => {
-    const t = class {
+  _QrSegment.NUMERIC_REGEX = /^[0-9]*$/;
+  _QrSegment.ALPHANUMERIC_REGEX = /^[A-Z0-9 $%*+.\/:-]*$/;
+  _QrSegment.ALPHANUMERIC_CHARSET = "0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZ $%*+-./:";
+  let QrSegment = _QrSegment;
+  qrcodegen2.QrSegment = _QrSegment;
+})(qrcodegen || (qrcodegen = {}));
+((qrcodegen2) => {
+  ((QrCode2) => {
+    const _Ecc = class _Ecc {
       // The QR Code can tolerate about 30% erroneous codewords
       /*-- Constructor and fields --*/
-      constructor(u, h) {
-        this.ordinal = u, this.formatBits = h;
+      constructor(ordinal, formatBits) {
+        this.ordinal = ordinal;
+        this.formatBits = formatBits;
       }
     };
-    t.LOW = new t(0, 1), t.MEDIUM = new t(1, 0), t.QUARTILE = new t(2, 3), t.HIGH = new t(3, 2), r.Ecc = t;
-  })(s.QrCode || (s.QrCode = {}));
-})(K || (K = {}));
-((s) => {
-  ((r) => {
-    const t = class {
+    _Ecc.LOW = new _Ecc(0, 1);
+    _Ecc.MEDIUM = new _Ecc(1, 0);
+    _Ecc.QUARTILE = new _Ecc(2, 3);
+    _Ecc.HIGH = new _Ecc(3, 2);
+    QrCode2.Ecc = _Ecc;
+  })(qrcodegen2.QrCode || (qrcodegen2.QrCode = {}));
+})(qrcodegen || (qrcodegen = {}));
+((qrcodegen2) => {
+  ((QrSegment2) => {
+    const _Mode = class _Mode {
       /*-- Constructor and fields --*/
-      constructor(u, h) {
-        this.modeBits = u, this.numBitsCharCount = h;
+      constructor(modeBits, numBitsCharCount) {
+        this.modeBits = modeBits;
+        this.numBitsCharCount = numBitsCharCount;
       }
       /*-- Method --*/
       // (Package-private) Returns the bit width of the character count field for a segment in
       // this mode in a QR Code at the given version number. The result is in the range [0, 16].
-      numCharCountBits(u) {
-        return this.numBitsCharCount[Math.floor((u + 7) / 17)];
+      numCharCountBits(ver) {
+        return this.numBitsCharCount[Math.floor((ver + 7) / 17)];
       }
     };
-    t.NUMERIC = new t(1, [10, 12, 14]), t.ALPHANUMERIC = new t(2, [9, 11, 13]), t.BYTE = new t(4, [8, 16, 16]), t.KANJI = new t(8, [8, 10, 12]), t.ECI = new t(7, [0, 0, 0]), r.Mode = t;
-  })(s.QrSegment || (s.QrSegment = {}));
-})(K || (K = {}));
-var Y = K;
+    _Mode.NUMERIC = new _Mode(1, [10, 12, 14]);
+    _Mode.ALPHANUMERIC = new _Mode(2, [9, 11, 13]);
+    _Mode.BYTE = new _Mode(4, [8, 16, 16]);
+    _Mode.KANJI = new _Mode(8, [8, 10, 12]);
+    _Mode.ECI = new _Mode(7, [0, 0, 0]);
+    QrSegment2.Mode = _Mode;
+  })(qrcodegen2.QrSegment || (qrcodegen2.QrSegment = {}));
+})(qrcodegen || (qrcodegen = {}));
+var qrcodegen_default = qrcodegen;
 /**
  * @license qrcode.react
  * Copyright (c) Paul O'Shannessy
  * SPDX-License-Identifier: ISC
  */
-var bt = {
-  L: Y.QrCode.Ecc.LOW,
-  M: Y.QrCode.Ecc.MEDIUM,
-  Q: Y.QrCode.Ecc.QUARTILE,
-  H: Y.QrCode.Ecc.HIGH
-}, Me = 128, ke = "L", Re = "#FFFFFF", Se = "#000000", Le = !1, Pe = 1, At = 4, vt = 0, Tt = 0.1;
-function Oe(s, r = 0) {
-  const t = [];
-  return s.forEach(function(c, u) {
-    let h = null;
-    c.forEach(function(y, w) {
-      if (!y && h !== null) {
-        t.push(
-          `M${h + r} ${u + r}h${w - h}v1H${h + r}z`
-        ), h = null;
+var ERROR_LEVEL_MAP = {
+  L: qrcodegen_default.QrCode.Ecc.LOW,
+  M: qrcodegen_default.QrCode.Ecc.MEDIUM,
+  Q: qrcodegen_default.QrCode.Ecc.QUARTILE,
+  H: qrcodegen_default.QrCode.Ecc.HIGH
+};
+var DEFAULT_SIZE = 128;
+var DEFAULT_LEVEL = "L";
+var DEFAULT_BGCOLOR = "#FFFFFF";
+var DEFAULT_FGCOLOR = "#000000";
+var DEFAULT_INCLUDEMARGIN = false;
+var DEFAULT_MINVERSION = 1;
+var SPEC_MARGIN_SIZE = 4;
+var DEFAULT_MARGIN_SIZE = 0;
+var DEFAULT_IMG_SCALE = 0.1;
+function generatePath(modules, margin = 0) {
+  const ops = [];
+  modules.forEach(function(row, y) {
+    let start = null;
+    row.forEach(function(cell, x) {
+      if (!cell && start !== null) {
+        ops.push(
+          `M${start + margin} ${y + margin}h${x - start}v1H${start + margin}z`
+        );
+        start = null;
         return;
       }
-      if (w === c.length - 1) {
-        if (!y)
+      if (x === row.length - 1) {
+        if (!cell) {
           return;
-        h === null ? t.push(`M${w + r},${u + r} h1v1H${w + r}z`) : t.push(
-          `M${h + r},${u + r} h${w + 1 - h}v1H${h + r}z`
-        );
+        }
+        if (start === null) {
+          ops.push(`M${x + margin},${y + margin} h1v1H${x + margin}z`);
+        } else {
+          ops.push(
+            `M${start + margin},${y + margin} h${x + 1 - start}v1H${start + margin}z`
+          );
+        }
         return;
       }
-      y && h === null && (h = w);
+      if (cell && start === null) {
+        start = x;
+      }
     });
-  }), t.join("");
+  });
+  return ops.join("");
 }
-function De(s, r) {
-  return s.slice().map((t, c) => c < r.y || c >= r.y + r.h ? t : t.map((u, h) => h < r.x || h >= r.x + r.w ? u : !1));
+function excavateModules(modules, excavation) {
+  return modules.slice().map((row, y) => {
+    if (y < excavation.y || y >= excavation.y + excavation.h) {
+      return row;
+    }
+    return row.map((cell, x) => {
+      if (x < excavation.x || x >= excavation.x + excavation.w) {
+        return cell;
+      }
+      return false;
+    });
+  });
 }
-function Ct(s, r, t, c) {
-  if (c == null)
+function getImageSettings(cells, size, margin, imageSettings) {
+  if (imageSettings == null) {
     return null;
-  const u = s.length + t * 2, h = Math.floor(r * Tt), y = u / r, w = (c.width || h) * y, e = (c.height || h) * y, n = c.x == null ? s.length / 2 - w / 2 : c.x * y, o = c.y == null ? s.length / 2 - e / 2 : c.y * y, i = c.opacity == null ? 1 : c.opacity;
-  let l = null;
-  if (c.excavate) {
-    let d = Math.floor(n), m = Math.floor(o), g = Math.ceil(w + n - d), b = Math.ceil(e + o - m);
-    l = { x: d, y: m, w: g, h: b };
   }
-  const f = c.crossOrigin;
-  return { x: n, y: o, h: e, w, excavation: l, opacity: i, crossOrigin: f };
+  const numCells = cells.length + margin * 2;
+  const defaultSize = Math.floor(size * DEFAULT_IMG_SCALE);
+  const scale = numCells / size;
+  const w = (imageSettings.width || defaultSize) * scale;
+  const h = (imageSettings.height || defaultSize) * scale;
+  const x = imageSettings.x == null ? cells.length / 2 - w / 2 : imageSettings.x * scale;
+  const y = imageSettings.y == null ? cells.length / 2 - h / 2 : imageSettings.y * scale;
+  const opacity = imageSettings.opacity == null ? 1 : imageSettings.opacity;
+  let excavation = null;
+  if (imageSettings.excavate) {
+    let floorX = Math.floor(x);
+    let floorY = Math.floor(y);
+    let ceilW = Math.ceil(w + x - floorX);
+    let ceilH = Math.ceil(h + y - floorY);
+    excavation = { x: floorX, y: floorY, w: ceilW, h: ceilH };
+  }
+  const crossOrigin = imageSettings.crossOrigin;
+  return { x, y, h, w, excavation, opacity, crossOrigin };
 }
-function jt(s, r) {
-  return r != null ? Math.max(Math.floor(r), 0) : s ? At : vt;
+function getMarginSize(includeMargin, marginSize) {
+  if (marginSize != null) {
+    return Math.max(Math.floor(marginSize), 0);
+  }
+  return includeMargin ? SPEC_MARGIN_SIZE : DEFAULT_MARGIN_SIZE;
 }
-function Ue({
-  value: s,
-  level: r,
-  minVersion: t,
-  includeMargin: c,
-  marginSize: u,
-  imageSettings: h,
-  size: y,
-  boostLevel: w
+function useQRCode({
+  value,
+  level,
+  minVersion,
+  includeMargin,
+  marginSize,
+  imageSettings,
+  size,
+  boostLevel
 }) {
-  let e = S.useMemo(() => {
-    const d = (Array.isArray(s) ? s : [s]).reduce((m, g) => (m.push(...Y.QrSegment.makeSegments(g)), m), []);
-    return Y.QrCode.encodeSegments(
-      d,
-      bt[r],
-      t,
+  let qrcode = React.useMemo(() => {
+    const values = Array.isArray(value) ? value : [value];
+    const segments = values.reduce((accum, v) => {
+      accum.push(...qrcodegen_default.QrSegment.makeSegments(v));
+      return accum;
+    }, []);
+    return qrcodegen_default.QrCode.encodeSegments(
+      segments,
+      ERROR_LEVEL_MAP[level],
+      minVersion,
       void 0,
       void 0,
-      w
+      boostLevel
     );
-  }, [s, r, t, w]);
-  const { cells: n, margin: o, numCells: i, calculatedImageSettings: l } = S.useMemo(() => {
-    let f = e.getModules();
-    const d = jt(c, u), m = f.length + d * 2, g = Ct(
-      f,
-      y,
-      d,
-      h
+  }, [value, level, minVersion, boostLevel]);
+  const { cells, margin, numCells, calculatedImageSettings } = React.useMemo(() => {
+    let cells2 = qrcode.getModules();
+    const margin2 = getMarginSize(includeMargin, marginSize);
+    const numCells2 = cells2.length + margin2 * 2;
+    const calculatedImageSettings2 = getImageSettings(
+      cells2,
+      size,
+      margin2,
+      imageSettings
     );
     return {
-      cells: f,
-      margin: d,
-      numCells: m,
-      calculatedImageSettings: g
+      cells: cells2,
+      margin: margin2,
+      numCells: numCells2,
+      calculatedImageSettings: calculatedImageSettings2
     };
-  }, [e, y, h, c, u]);
+  }, [qrcode, size, imageSettings, includeMargin, marginSize]);
   return {
-    qrcode: e,
-    margin: o,
-    cells: n,
-    numCells: i,
-    calculatedImageSettings: l
+    qrcode,
+    margin,
+    cells,
+    numCells,
+    calculatedImageSettings
   };
 }
-var Mt = function() {
+var SUPPORTS_PATH2D = function() {
   try {
     new Path2D().addPath(new Path2D());
-  } catch (s) {
-    return !1;
+  } catch (e) {
+    return false;
   }
-  return !0;
-}(), kt = S.forwardRef(
-  function(r, t) {
-    const c = r, {
-      value: u,
-      size: h = Me,
-      level: y = ke,
-      bgColor: w = Re,
-      fgColor: e = Se,
-      includeMargin: n = Le,
-      minVersion: o = Pe,
-      boostLevel: i,
-      marginSize: l,
-      imageSettings: f
-    } = c, m = ce(c, [
+  return true;
+}();
+var QRCodeCanvas = React.forwardRef(
+  function QRCodeCanvas2(props, forwardedRef) {
+    const _a = props, {
+      value,
+      size = DEFAULT_SIZE,
+      level = DEFAULT_LEVEL,
+      bgColor = DEFAULT_BGCOLOR,
+      fgColor = DEFAULT_FGCOLOR,
+      includeMargin = DEFAULT_INCLUDEMARGIN,
+      minVersion = DEFAULT_MINVERSION,
+      boostLevel,
+      marginSize,
+      imageSettings
+    } = _a, extraProps = __objRest(_a, [
       "value",
       "size",
       "level",
@@ -1201,92 +1627,131 @@ var Mt = function() {
       "boostLevel",
       "marginSize",
       "imageSettings"
-    ]), { style: g } = m, b = ce(m, ["style"]), v = f == null ? void 0 : f.src, p = S.useRef(null), j = S.useRef(null), M = S.useCallback(
-      (W) => {
-        p.current = W, typeof t == "function" ? t(W) : t && (t.current = W);
+    ]);
+    const _b = extraProps, { style } = _b, otherProps = __objRest(_b, ["style"]);
+    const imgSrc = imageSettings == null ? void 0 : imageSettings.src;
+    const _canvas = React.useRef(null);
+    const _image = React.useRef(null);
+    const setCanvasRef = React.useCallback(
+      (node) => {
+        _canvas.current = node;
+        if (typeof forwardedRef === "function") {
+          forwardedRef(node);
+        } else if (forwardedRef) {
+          forwardedRef.current = node;
+        }
       },
-      [t]
-    ), [F, V] = S.useState(!1), { margin: x, cells: T, numCells: q, calculatedImageSettings: I } = Ue({
-      value: u,
-      level: y,
-      minVersion: o,
-      boostLevel: i,
-      includeMargin: n,
-      marginSize: l,
-      imageSettings: f,
-      size: h
+      [forwardedRef]
+    );
+    const [isImgLoaded, setIsImageLoaded] = React.useState(false);
+    const { margin, cells, numCells, calculatedImageSettings } = useQRCode({
+      value,
+      level,
+      minVersion,
+      boostLevel,
+      includeMargin,
+      marginSize,
+      imageSettings,
+      size
     });
-    S.useEffect(() => {
-      if (p.current != null) {
-        const W = p.current, O = W.getContext("2d");
-        if (!O)
+    React.useEffect(() => {
+      if (_canvas.current != null) {
+        const canvas = _canvas.current;
+        const ctx = canvas.getContext("2d");
+        if (!ctx) {
           return;
-        let $ = T;
-        const H = j.current, te = I != null && H !== null && H.complete && H.naturalHeight !== 0 && H.naturalWidth !== 0;
-        te && I.excavation != null && ($ = De(
-          T,
-          I.excavation
-        ));
-        const X = window.devicePixelRatio || 1;
-        W.height = W.width = h * X;
-        const G = h / q * X;
-        O.scale(G, G), O.fillStyle = w, O.fillRect(0, 0, q, q), O.fillStyle = e, Mt ? O.fill(new Path2D(Oe($, x))) : T.forEach(function(oe, re) {
-          oe.forEach(function(ae, L) {
-            ae && O.fillRect(L + x, re + x, 1, 1);
+        }
+        let cellsToDraw = cells;
+        const image = _image.current;
+        const haveImageToRender = calculatedImageSettings != null && image !== null && image.complete && image.naturalHeight !== 0 && image.naturalWidth !== 0;
+        if (haveImageToRender) {
+          if (calculatedImageSettings.excavation != null) {
+            cellsToDraw = excavateModules(
+              cells,
+              calculatedImageSettings.excavation
+            );
+          }
+        }
+        const pixelRatio = window.devicePixelRatio || 1;
+        canvas.height = canvas.width = size * pixelRatio;
+        const scale = size / numCells * pixelRatio;
+        ctx.scale(scale, scale);
+        ctx.fillStyle = bgColor;
+        ctx.fillRect(0, 0, numCells, numCells);
+        ctx.fillStyle = fgColor;
+        if (SUPPORTS_PATH2D) {
+          ctx.fill(new Path2D(generatePath(cellsToDraw, margin)));
+        } else {
+          cells.forEach(function(row, rdx) {
+            row.forEach(function(cell, cdx) {
+              if (cell) {
+                ctx.fillRect(cdx + margin, rdx + margin, 1, 1);
+              }
+            });
           });
-        }), I && (O.globalAlpha = I.opacity), te && O.drawImage(
-          H,
-          I.x + x,
-          I.y + x,
-          I.w,
-          I.h
-        );
-      }
-    }), S.useEffect(() => {
-      V(!1);
-    }, [v]);
-    const B = ie({ height: h, width: h }, g);
-    let ee = null;
-    return v != null && (ee = /* @__PURE__ */ S.createElement(
-      "img",
-      {
-        src: v,
-        key: v,
-        style: { display: "none" },
-        onLoad: () => {
-          V(!0);
-        },
-        ref: j,
-        crossOrigin: I == null ? void 0 : I.crossOrigin
+        }
+        if (calculatedImageSettings) {
+          ctx.globalAlpha = calculatedImageSettings.opacity;
+        }
+        if (haveImageToRender) {
+          ctx.drawImage(
+            image,
+            calculatedImageSettings.x + margin,
+            calculatedImageSettings.y + margin,
+            calculatedImageSettings.w,
+            calculatedImageSettings.h
+          );
+        }
       }
-    )), /* @__PURE__ */ S.createElement(S.Fragment, null, /* @__PURE__ */ S.createElement(
+    });
+    React.useEffect(() => {
+      setIsImageLoaded(false);
+    }, [imgSrc]);
+    const canvasStyle = __spreadValues2({ height: size, width: size }, style);
+    let img = null;
+    if (imgSrc != null) {
+      img = /* @__PURE__ */ React.createElement(
+        "img",
+        {
+          src: imgSrc,
+          key: imgSrc,
+          style: { display: "none" },
+          onLoad: () => {
+            setIsImageLoaded(true);
+          },
+          ref: _image,
+          crossOrigin: calculatedImageSettings == null ? void 0 : calculatedImageSettings.crossOrigin
+        }
+      );
+    }
+    return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
       "canvas",
-      ie({
-        style: B,
-        height: h,
-        width: h,
-        ref: M,
+      __spreadValues2({
+        style: canvasStyle,
+        height: size,
+        width: size,
+        ref: setCanvasRef,
         role: "img"
-      }, b)
-    ), ee);
+      }, otherProps)
+    ), img);
   }
 );
-kt.displayName = "QRCodeCanvas";
-var Ie = S.forwardRef(
-  function(r, t) {
-    const c = r, {
-      value: u,
-      size: h = Me,
-      level: y = ke,
-      bgColor: w = Re,
-      fgColor: e = Se,
-      includeMargin: n = Le,
-      minVersion: o = Pe,
-      boostLevel: i,
-      title: l,
-      marginSize: f,
-      imageSettings: d
-    } = c, m = ce(c, [
+QRCodeCanvas.displayName = "QRCodeCanvas";
+var QRCodeSVG = React.forwardRef(
+  function QRCodeSVG2(props, forwardedRef) {
+    const _a = props, {
+      value,
+      size = DEFAULT_SIZE,
+      level = DEFAULT_LEVEL,
+      bgColor = DEFAULT_BGCOLOR,
+      fgColor = DEFAULT_FGCOLOR,
+      includeMargin = DEFAULT_INCLUDEMARGIN,
+      minVersion = DEFAULT_MINVERSION,
+      boostLevel,
+      title,
+      marginSize,
+      imageSettings
+    } = _a, otherProps = __objRest(_a, [
       "value",
       "size",
       "level",
@@ -1298,126 +1763,266 @@ var Ie = S.forwardRef(
       "title",
       "marginSize",
       "imageSettings"
-    ]), { margin: g, cells: b, numCells: v, calculatedImageSettings: p } = Ue({
-      value: u,
-      level: y,
-      minVersion: o,
-      boostLevel: i,
-      includeMargin: n,
-      marginSize: f,
-      imageSettings: d,
-      size: h
+    ]);
+    const { margin, cells, numCells, calculatedImageSettings } = useQRCode({
+      value,
+      level,
+      minVersion,
+      boostLevel,
+      includeMargin,
+      marginSize,
+      imageSettings,
+      size
     });
-    let j = b, M = null;
-    d != null && p != null && (p.excavation != null && (j = De(
-      b,
-      p.excavation
-    )), M = /* @__PURE__ */ S.createElement(
-      "image",
-      {
-        href: d.src,
-        height: p.h,
-        width: p.w,
-        x: p.x + g,
-        y: p.y + g,
-        preserveAspectRatio: "none",
-        opacity: p.opacity,
-        crossOrigin: p.crossOrigin
+    let cellsToDraw = cells;
+    let image = null;
+    if (imageSettings != null && calculatedImageSettings != null) {
+      if (calculatedImageSettings.excavation != null) {
+        cellsToDraw = excavateModules(
+          cells,
+          calculatedImageSettings.excavation
+        );
       }
-    ));
-    const F = Oe(j, g);
-    return /* @__PURE__ */ S.createElement(
+      image = /* @__PURE__ */ React.createElement(
+        "image",
+        {
+          href: imageSettings.src,
+          height: calculatedImageSettings.h,
+          width: calculatedImageSettings.w,
+          x: calculatedImageSettings.x + margin,
+          y: calculatedImageSettings.y + margin,
+          preserveAspectRatio: "none",
+          opacity: calculatedImageSettings.opacity,
+          crossOrigin: calculatedImageSettings.crossOrigin
+        }
+      );
+    }
+    const fgPath = generatePath(cellsToDraw, margin);
+    return /* @__PURE__ */ React.createElement(
       "svg",
-      ie({
-        height: h,
-        width: h,
-        viewBox: `0 0 ${v} ${v}`,
-        ref: t,
+      __spreadValues2({
+        height: size,
+        width: size,
+        viewBox: `0 0 ${numCells} ${numCells}`,
+        ref: forwardedRef,
         role: "img"
-      }, m),
-      !!l && /* @__PURE__ */ S.createElement("title", null, l),
-      /* @__PURE__ */ S.createElement(
+      }, otherProps),
+      !!title && /* @__PURE__ */ React.createElement("title", null, title),
+      /* @__PURE__ */ React.createElement(
         "path",
         {
-          fill: w,
-          d: `M0,0 h${v}v${v}H0z`,
+          fill: bgColor,
+          d: `M0,0 h${numCells}v${numCells}H0z`,
           shapeRendering: "crispEdges"
         }
       ),
-      /* @__PURE__ */ S.createElement("path", { fill: e, d: F, shapeRendering: "crispEdges" }),
-      M
+      /* @__PURE__ */ React.createElement("path", { fill: fgColor, d: fgPath, shapeRendering: "crispEdges" }),
+      image
     );
   }
 );
-Ie.displayName = "QRCodeSVG";
-const Vt = ({
-  walletAddress: s,
-  amount: r,
-  currency: t,
-  theme: c = "light",
-  size: u = 200
+QRCodeSVG.displayName = "QRCodeSVG";
+const QRCode = ({
+  walletAddress,
+  amount,
+  currency,
+  network,
+  theme = "light",
+  size = 200
 }) => {
-  const [h, y] = U(""), [w, e] = U(null);
-  Z(() => {
-    if (!s) {
-      e("No wallet address provided");
+  const [qrData, setQrData] = useState("");
+  const [qrError, setQrError] = useState(null);
+  useEffect(() => {
+    if (!walletAddress || walletAddress === "No address configured") {
+      setQrError("No wallet address configured for this network");
       return;
     }
     try {
-      let l;
-      t === "SOL" || t === "USDC_SOL" ? l = `solana:${s}?amount=${r}&spl-token=USDC` : t === "USDT" || t === "USDC" ? l = `ethereum:${n(t)}/transfer?address=${s}&uint256=${o(r, t)}` : l = `ethereum:${s}@1?value=${i(r)}`, y(l), e(null);
-    } catch (l) {
-      console.error("Error generating QR code:", l), e("Error generating payment QR code");
-    }
-  }, [s, r, t]);
-  const n = (l) => ({
-    USDT: "0xdAC17F958D2ee523a2206206994597C13D831ec7",
-    USDC: "0xA0b86991c6218b36c1d19D4a2e9Eb0cE3606eB48",
-    BNB: "0xB8c77482e45F1F44dE1745F52C74426C631bDD52"
-  })[l] || "", o = (l, f) => {
-    const d = f === "USDT" || f === "USDC" ? 6 : 18;
-    return Math.floor(parseFloat(l) * Math.pow(10, d)).toString();
-  }, i = (l) => Math.floor(parseFloat(l) * 1e18).toString();
-  return /* @__PURE__ */ a.jsxs("div", { className: "flex flex-col items-center", children: [
-    w ? /* @__PURE__ */ a.jsx("div", { className: "p-4 rounded-lg bg-red-100 mb-3 text-red-700", children: w }) : /* @__PURE__ */ a.jsx("div", { className: "p-4 rounded-lg bg-white mb-3", children: h && /* @__PURE__ */ a.jsx(
-      Ie,
+      let paymentData;
+      switch (network) {
+        case "tron":
+          if (currency === "TRX") {
+            paymentData = `tronlink://transfer?to=${walletAddress}&amount=${amount}`;
+          } else {
+            paymentData = walletAddress;
+          }
+          break;
+        case "algorand":
+          paymentData = `algorand://${walletAddress}?amount=${Math.floor(parseFloat(amount) * 1e6)}`;
+          break;
+        case "bsc":
+          if (currency === "BNB") {
+            paymentData = `ethereum:${walletAddress}@56?value=${convertToWei(amount)}`;
+          } else {
+            const tokenAddress = getTokenAddressForCurrency(currency, "bsc");
+            if (tokenAddress) {
+              paymentData = `ethereum:${tokenAddress}/transfer?address=${walletAddress}&uint256=${convertToSmallestUnit(amount, currency)}@56`;
+            } else {
+              paymentData = walletAddress;
+            }
+          }
+          break;
+        case "ethereum":
+        default:
+          if (currency === "ETH") {
+            paymentData = `ethereum:${walletAddress}@1?value=${convertToWei(amount)}`;
+          } else {
+            const tokenAddress = getTokenAddressForCurrency(currency, "ethereum");
+            if (tokenAddress) {
+              paymentData = `ethereum:${tokenAddress}/transfer?address=${walletAddress}&uint256=${convertToSmallestUnit(amount, currency)}`;
+            } else {
+              paymentData = walletAddress;
+            }
+          }
+          break;
+      }
+      setQrData(paymentData);
+      setQrError(null);
+    } catch (err) {
+      console.error("Error generating QR code:", err);
+      setQrError("Error generating payment QR code");
+    }
+  }, [walletAddress, amount, currency, network]);
+  const getTokenAddressForCurrency = (currency2, network2) => {
+    var _a;
+    const tokenAddresses = {
+      ethereum: {
+        "USDT": "0xdAC17F958D2ee523a2206206994597C13D831ec7",
+        "USDC": "0xA0b86991c6218b36c1d19D4a2e9Eb0cE3606eB48"
+      },
+      bsc: {
+        "USDT": "0x55d398326f99059fF775485246999027B3197955",
+        "USDC": "0x8AC76a51cc950d9822D68b83fE1Ad97B32Cd580d"
+      },
+      tron: {
+        "USDT": "TR7NHqjeKQxGTCi8q8ZY4pL8otSzgjLj6t",
+        "USDC": "TEkxiTehnzSmSe2XqrBj4w32RUN966rdz8"
+      }
+    };
+    return ((_a = tokenAddresses[network2]) == null ? void 0 : _a[currency2]) || "";
+  };
+  const convertToSmallestUnit = (amount2, currency2) => {
+    const decimals = currency2 === "USDT" || currency2 === "USDC" ? 6 : 18;
+    return Math.floor(parseFloat(amount2) * Math.pow(10, decimals)).toString();
+  };
+  const convertToWei = (amount2) => {
+    return Math.floor(parseFloat(amount2) * 1e18).toString();
+  };
+  const getNetworkDisplayName = (network2) => {
+    const names = {
+      ethereum: "Ethereum",
+      bsc: "BSC",
+      tron: "Tron",
+      algorand: "Algorand"
+    };
+    return names[network2] || network2;
+  };
+  const getWalletSuggestions = (network2) => {
+    const suggestions = {
+      ethereum: ["MetaMask", "Trust Wallet", "Coinbase Wallet"],
+      bsc: ["MetaMask", "Trust Wallet", "SafePal"],
+      tron: ["TronLink", "Trust Wallet"],
+      algorand: ["Pera Wallet", "MyAlgo Wallet"]
+    };
+    return suggestions[network2] || ["MetaMask", "Trust Wallet"];
+  };
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col items-center", children: [
+    qrError ? /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "p-4 rounded-lg bg-red-100 mb-3 text-red-700 text-center", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", className: "h-8 w-8 mx-auto mb-2", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ jsxRuntimeExports.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z" }) }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "font-medium", children: qrError })
+    ] }) : /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "p-4 rounded-lg bg-white mb-3 shadow-sm border", children: qrData && /* @__PURE__ */ jsxRuntimeExports.jsx(
+      QRCodeSVG,
       {
-        value: h,
-        size: u,
-        bgColor: c === "dark" ? "#374151" : "#FFFFFF",
-        fgColor: c === "dark" ? "#FFFFFF" : "#000000",
+        value: qrData,
+        size,
+        bgColor: theme === "dark" ? "#374151" : "#FFFFFF",
+        fgColor: theme === "dark" ? "#FFFFFF" : "#000000",
         level: "H",
-        includeMargin: !0
+        includeMargin: true
       }
     ) }),
-    /* @__PURE__ */ a.jsxs("div", { className: "text-center text-sm text-gray-700", children: [
-      /* @__PURE__ */ a.jsx("p", { className: "font-semibold text-gray-800", children: "Pay with QR Code" }),
-      "Scan with your wallet app to pay"
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "text-center text-sm text-gray-700 mb-4", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { className: "font-semibold text-gray-800 flex items-center justify-center", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", className: "h-4 w-4 mr-1", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ jsxRuntimeExports.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M12 4v1m6 11h2m-6 0h-2v4m0-11v3m0 0h.01M12 12h4.01M12 12h-4.01M12 12V8.01" }) }),
+        "Scan to Pay with ",
+        currency
+      ] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { className: "text-xs text-gray-500 mt-1", children: [
+        "Scan with your ",
+        getNetworkDisplayName(network),
+        " wallet app"
+      ] })
     ] }),
-    /* @__PURE__ */ a.jsx("div", { className: "mt-3 w-full" }),
-    /* @__PURE__ */ a.jsx("div", { className: "mt-4 w-full", children: /* @__PURE__ */ a.jsxs("div", { className: "p-3 rounded bg-gray-100", children: [
-      /* @__PURE__ */ a.jsx("h4", { className: "text-sm font-medium mb-2 text-gray-800", children: "Payment Instructions" }),
-      /* @__PURE__ */ a.jsxs("ol", { className: "text-xs space-y-2 text-gray-600", children: [
-        /* @__PURE__ */ a.jsx("li", { children: "1. Open your crypto wallet app (MetaMask, Trust Wallet, etc.)" }),
-        /* @__PURE__ */ a.jsx("li", { children: "2. Scan the QR code above" }),
-        /* @__PURE__ */ a.jsxs("li", { children: [
-          "3. Confirm the payment amount (",
-          r,
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "w-full mb-4 p-3 bg-gray-50 rounded-lg", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex justify-between items-center", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-sm font-medium text-gray-700", children: "Amount to Pay:" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "text-lg font-bold text-[#7042D2]", children: [
+          amount,
           " ",
-          t,
+          currency
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex justify-between items-center mt-1", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-xs text-gray-500", children: "Network:" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-xs font-medium text-gray-700", children: getNetworkDisplayName(network) })
+      ] })
+    ] }),
+    !qrError && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "w-full mb-4", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-xs text-gray-500 mb-1 text-center", children: "Or copy wallet address:" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        "div",
+        {
+          className: "text-xs font-mono p-2 rounded bg-gray-100 text-gray-700 break-all text-center select-all cursor-pointer border",
+          onClick: () => {
+            var _a;
+            return (_a = navigator.clipboard) == null ? void 0 : _a.writeText(walletAddress);
+          },
+          title: "Click to copy",
+          children: walletAddress
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "w-full", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "p-3 rounded bg-blue-50 border border-blue-200", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("h4", { className: "text-sm font-medium mb-2 text-blue-800 flex items-center", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", className: "h-4 w-4 mr-1", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ jsxRuntimeExports.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" }) }),
+        "Payment Instructions"
+      ] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("ol", { className: "text-xs space-y-1 text-blue-700", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("li", { children: [
+          "1. Open your crypto wallet app (",
+          getWalletSuggestions(network).join(", "),
           ")"
         ] }),
-        /* @__PURE__ */ a.jsx("li", { children: '4. Click "Pay Now" button below after sending the payment' })
-      ] })
+        /* @__PURE__ */ jsxRuntimeExports.jsx("li", { children: "2. Scan the QR code above or copy the wallet address" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("li", { children: [
+          "3. Send exactly ",
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("strong", { children: [
+            amount,
+            " ",
+            currency
+          ] }),
+          " on ",
+          getNetworkDisplayName(network),
+          " network"
+        ] }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("li", { children: '4. Click "I have sent the payment" button below after sending' })
+      ] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-3 p-2 bg-yellow-50 border border-yellow-200 rounded", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { className: "text-xs text-yellow-800", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("strong", { children: "Important:" }),
+        " Make sure you're sending on the correct network (",
+        getNetworkDisplayName(network),
+        ") and using the exact amount shown above."
+      ] }) })
     ] }) })
   ] });
-}, le = ({ status: s, message: r, theme: t = "light" }) => {
-  const c = () => {
-    switch (s) {
+};
+const PaymentStatus = ({ status, message, theme = "light" }) => {
+  const renderIcon = () => {
+    switch (status) {
       case "processing":
-        return /* @__PURE__ */ a.jsx("div", { className: "animate-spin rounded-full h-12 w-12 border-4 border-t-blue-500 border-blue-500/20" });
+        return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "animate-spin rounded-full h-12 w-12 border-4 border-t-blue-500 border-blue-500/20" });
       case "success":
-        return /* @__PURE__ */ a.jsx("div", { className: "rounded-full h-12 w-12 bg-green-100 flex items-center justify-center", children: /* @__PURE__ */ a.jsx(
+        return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "rounded-full h-12 w-12 bg-green-100 flex items-center justify-center", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
           "svg",
           {
             xmlns: "http://www.w3.org/2000/svg",
@@ -1426,11 +2031,11 @@ const Vt = ({
             viewBox: "0 0 24 24",
             stroke: "currentColor",
             strokeWidth: 2,
-            children: /* @__PURE__ */ a.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M5 13l4 4L19 7" })
+            children: /* @__PURE__ */ jsxRuntimeExports.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M5 13l4 4L19 7" })
           }
         ) });
       case "error":
-        return /* @__PURE__ */ a.jsx("div", { className: "rounded-full h-12 w-12 bg-red-100 flex items-center justify-center", children: /* @__PURE__ */ a.jsx(
+        return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "rounded-full h-12 w-12 bg-red-100 flex items-center justify-center", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
           "svg",
           {
             xmlns: "http://www.w3.org/2000/svg",
@@ -1439,14 +2044,15 @@ const Vt = ({
             viewBox: "0 0 24 24",
             stroke: "currentColor",
             strokeWidth: 2,
-            children: /* @__PURE__ */ a.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M6 18L18 6M6 6l12 12" })
+            children: /* @__PURE__ */ jsxRuntimeExports.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M6 18L18 6M6 6l12 12" })
           }
         ) });
       default:
         return null;
     }
-  }, u = () => {
-    switch (s) {
+  };
+  const getStatusTitle = () => {
+    switch (status) {
       case "processing":
         return "Processing Payment";
       case "success":
@@ -1456,374 +2062,617 @@ const Vt = ({
       default:
         return "Unknown Status";
     }
-  }, h = () => {
-    switch (s) {
+  };
+  const getMessageClasses = () => {
+    switch (status) {
       case "processing":
-        return t === "dark" ? "text-blue-300" : "text-blue-600";
+        return theme === "dark" ? "text-blue-300" : "text-blue-600";
       case "success":
-        return t === "dark" ? "text-green-300" : "text-green-600";
+        return theme === "dark" ? "text-green-300" : "text-green-600";
       case "error":
-        return t === "dark" ? "text-red-300" : "text-red-600";
+        return theme === "dark" ? "text-red-300" : "text-red-600";
       default:
-        return t === "dark" ? "text-gray-300" : "text-gray-600";
+        return theme === "dark" ? "text-gray-300" : "text-gray-600";
     }
   };
-  return /* @__PURE__ */ a.jsxs("div", { className: "flex flex-col items-center justify-center py-6", children: [
-    /* @__PURE__ */ a.jsx("div", { className: "mb-4", children: c() }),
-    /* @__PURE__ */ a.jsx("h3", { className: `text-xl font-bold mb-2 ${t === "dark" ? "text-white" : "text-gray-900"}`, children: u() }),
-    /* @__PURE__ */ a.jsx("p", { className: `text-center ${h()}`, children: r }),
-    s === "processing" && /* @__PURE__ */ a.jsx("div", { className: `mt-4 text-xs ${t === "dark" ? "text-gray-400" : "text-gray-500"}`, children: "This may take a few moments. Please do not close this window." }),
-    s === "success" && /* @__PURE__ */ a.jsx("div", { className: `mt-4 p-2 rounded ${t === "dark" ? "bg-gray-700" : "bg-gray-100"}`, children: /* @__PURE__ */ a.jsx("p", { className: `text-xs ${t === "dark" ? "text-gray-300" : "text-gray-600"}`, children: "Your payment has been successfully processed. You will receive a confirmation shortly." }) })
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col items-center justify-center py-6", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mb-4", children: renderIcon() }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("h3", { className: `text-xl font-bold mb-2 ${theme === "dark" ? "text-white" : "text-gray-900"}`, children: getStatusTitle() }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: `text-center ${getMessageClasses()}`, children: message }),
+    status === "processing" && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: `mt-4 text-xs ${theme === "dark" ? "text-gray-400" : "text-gray-500"}`, children: "This may take a few moments. Please do not close this window." }),
+    status === "success" && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: `mt-4 p-2 rounded ${theme === "dark" ? "bg-gray-700" : "bg-gray-100"}`, children: /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: `text-xs ${theme === "dark" ? "text-gray-300" : "text-gray-600"}`, children: "Your payment has been successfully processed. You will receive a confirmation shortly." }) })
   ] });
-}, Rt = ({ onSelect: s, selected: r, theme: t = "light", supportedNetworks: c = [] }) => {
-  const [u, h] = U({}), [y, w] = U(A.ETHEREUM);
-  Z(() => {
-    h(ue());
+};
+const PaymentMethods = ({ onSelect, selected, theme = "light", supportedNetworks = [] }) => {
+  const [selectedNetwork, setSelectedNetwork] = useState(NETWORK_TYPES.ETHEREUM);
+  const [availableWallets, setAvailableWallets] = useState({});
+  const [showMore, setShowMore] = useState(false);
+  useEffect(() => {
+    setAvailableWallets(detectWallets());
   }, []);
-  const e = [
+  const networks = [
     {
-      id: "USDT",
-      name: "USDT",
-      description: "Tether USD",
-      logo: "https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSj0euZAOXsLTJFQxgiKzlX7z8xbfBk-7kmJA&s",
-      networks: [A.ETHEREUM, A.BSC, A.TRON]
+      id: NETWORK_TYPES.ETHEREUM,
+      name: "Ethereum",
+      description: "ERC-20 tokens"
     },
     {
-      id: "USDC",
-      name: "USDC",
-      description: "USD Coin",
-      logo: "https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQ43MuDqq54iD1ZCRL_uthAPkfwSSL-J5qI_Q&s",
-      networks: [A.ETHEREUM, A.BSC, A.TRON]
+      id: NETWORK_TYPES.BSC,
+      name: "BSC (Binance Smart Chain)",
+      description: "BEP-20 tokens"
     },
     {
-      id: "BNB",
-      name: "BNB",
-      description: "Binance Coin",
-      logo: "https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRHSjyW2sSnBhwztCwVW97i1BtV40g7heMMxg&s",
-      networks: [A.BSC]
+      id: NETWORK_TYPES.TRON,
+      name: "Tron",
+      description: "TRC-20 tokens"
     },
     {
-      id: "ETH",
-      name: "ETH",
-      description: "Ethereum",
-      logo: "https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTcyJyRKN0dRJWVZqoLzYgkRHdJsxKGq8nHUw&s",
-      networks: [A.ETHEREUM]
-    },
-    {
-      id: "TRX",
-      name: "TRX",
-      description: "Tron",
-      logo: "https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQKLpLNsGRHbZfCUXAjZLPSp_YFZvX5dMnAoA&s",
-      networks: [A.TRON]
-    },
-    {
-      id: "ALGO",
-      name: "ALGO",
-      description: "Algorand",
-      logo: "https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcR0Yx1Vp8qPQI5XZoJuKfQS8bj_FNiMZGCHqA&s",
-      networks: [A.ALGORAND]
-    }
-  ], n = e.filter((d) => c.length === 0 ? !0 : d.networks.some((m) => c.includes(m))), o = (d) => {
-    const m = e.find((g) => g.id === d);
-    return m ? m.networks : [];
-  }, i = (d) => ({
-    [A.ETHEREUM]: "Ethereum",
-    [A.BSC]: "BSC",
-    [A.TRON]: "Tron",
-    [A.ALGORAND]: "Algorand"
-  })[d] || d, l = (d) => Ne(d).length > 0, f = (d, m) => {
-    var g;
-    w(m), s({
-      currency: d,
-      network: m,
-      tokenConfig: (g = Xe[d]) == null ? void 0 : g[m]
+      id: NETWORK_TYPES.ALGORAND,
+      name: "Algorand",
+      description: "ASA tokens"
+    }
+  ];
+  const getPaymentMethodsForNetwork = (network) => {
+    const methods = [];
+    switch (network) {
+      case NETWORK_TYPES.ETHEREUM:
+        methods.push(
+          {
+            id: "USDT",
+            name: "USDT",
+            description: "Tether USD",
+            logo: "https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSj0euZAOXsLTJFQxgiKzlX7z8xbfBk-7kmJA&s",
+            network: NETWORK_TYPES.ETHEREUM
+          },
+          {
+            id: "USDC",
+            name: "USDC",
+            description: "USD Coin",
+            logo: "https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQ43MuDqq54iD1ZCRL_uthAPkfwSSL-J5qI_Q&s",
+            network: NETWORK_TYPES.ETHEREUM
+          },
+          {
+            id: "PYUSD",
+            name: "PYUSD",
+            description: "PayPal USD",
+            logo: "https://s2.coinmarketcap.com/static/img/coins/64x64/28492.png",
+            network: NETWORK_TYPES.ETHEREUM
+          },
+          {
+            id: "FRAX",
+            name: "FRAX",
+            description: "Frax",
+            logo: "https://s2.coinmarketcap.com/static/img/coins/64x64/6952.png",
+            network: NETWORK_TYPES.ETHEREUM
+          },
+          {
+            id: "USDP",
+            name: "USDP",
+            description: "Pax Dollar",
+            logo: "https://s2.coinmarketcap.com/static/img/coins/64x64/6662.png",
+            network: NETWORK_TYPES.ETHEREUM
+          },
+          {
+            id: "DAI",
+            name: "DAI",
+            description: "Dai Stablecoin",
+            logo: "https://s2.coinmarketcap.com/static/img/coins/64x64/4943.png",
+            network: NETWORK_TYPES.ETHEREUM
+          },
+          {
+            id: "ETH",
+            name: "ETH",
+            description: "Ethereum",
+            logo: "https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTcyJyRKN0dRJWVZqoLzYgkRHdJsxKGq8nHUw&s",
+            network: NETWORK_TYPES.ETHEREUM
+          }
+        );
+        break;
+      case NETWORK_TYPES.BSC:
+        methods.push(
+          {
+            id: "USDT",
+            name: "USDT",
+            description: "Tether USD",
+            logo: "https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSj0euZAOXsLTJFQxgiKzlX7z8xbfBk-7kmJA&s",
+            network: NETWORK_TYPES.BSC
+          },
+          {
+            id: "USDC",
+            name: "USDC",
+            description: "USD Coin",
+            logo: "https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQ43MuDqq54iD1ZCRL_uthAPkfwSSL-J5qI_Q&s",
+            network: NETWORK_TYPES.BSC
+          },
+          {
+            id: "BUSD",
+            name: "BUSD",
+            description: "Binance USD",
+            logo: "https://s2.coinmarketcap.com/static/img/coins/64x64/4687.png",
+            network: NETWORK_TYPES.BSC
+          },
+          {
+            id: "FRAX",
+            name: "FRAX",
+            description: "Frax",
+            logo: "https://s2.coinmarketcap.com/static/img/coins/64x64/6952.png",
+            network: NETWORK_TYPES.BSC
+          },
+          {
+            id: "BNB",
+            name: "BNB",
+            description: "Binance Coin",
+            logo: "https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRHSjyW2sSnBhwztCwVW97i1BtV40g7heMMxg&s",
+            network: NETWORK_TYPES.BSC
+          }
+        );
+        break;
+      case NETWORK_TYPES.TRON:
+        methods.push(
+          {
+            id: "USDT",
+            name: "USDT",
+            description: "Tether USD",
+            logo: "https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSj0euZAOXsLTJFQxgiKzlX7z8xbfBk-7kmJA&s",
+            network: NETWORK_TYPES.TRON
+          },
+          {
+            id: "USDC",
+            name: "USDC",
+            description: "USD Coin",
+            logo: "https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQ43MuDqq54iD1ZCRL_uthAPkfwSSL-J5qI_Q&s",
+            network: NETWORK_TYPES.TRON
+          },
+          {
+            id: "USDJ",
+            name: "USDJ",
+            description: "JUST Stablecoin",
+            logo: "https://s2.coinmarketcap.com/static/img/coins/64x64/5446.png",
+            network: NETWORK_TYPES.TRON
+          },
+          {
+            id: "TRX",
+            name: "TRX",
+            description: "Tron",
+            logo: "https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQKLpLNsGRHbZfCUXAjZLPSp_YFZvX5dMnAoA&s",
+            network: NETWORK_TYPES.TRON
+          }
+        );
+        break;
+      case NETWORK_TYPES.ALGORAND:
+        methods.push(
+          {
+            id: "USDC",
+            name: "USDC",
+            description: "USD Coin",
+            logo: "https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQ43MuDqq54iD1ZCRL_uthAPkfwSSL-J5qI_Q&s",
+            network: NETWORK_TYPES.ALGORAND
+          },
+          {
+            id: "USDT",
+            name: "USDT",
+            description: "Tether USD",
+            logo: "https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSj0euZAOXsLTJFQxgiKzlX7z8xbfBk-7kmJA&s",
+            network: NETWORK_TYPES.ALGORAND
+          },
+          {
+            id: "ALGO",
+            name: "ALGO",
+            description: "Algorand",
+            logo: "https://s2.coinmarketcap.com/static/img/coins/64x64/4030.png",
+            network: NETWORK_TYPES.ALGORAND
+          }
+        );
+        break;
+    }
+    return methods;
+  };
+  const handleNetworkChange = (networkId) => {
+    setSelectedNetwork(networkId);
+    setShowMore(false);
+    if ((selected == null ? void 0 : selected.network) !== networkId) {
+      onSelect(null);
+    }
+  };
+  const handleSelectPaymentMethod = (method) => {
+    var _a;
+    onSelect({
+      currency: method.id,
+      network: selectedNetwork,
+      tokenConfig: (_a = TOKEN_CONFIG[method.id]) == null ? void 0 : _a[selectedNetwork],
+      method
     });
   };
-  return /* @__PURE__ */ a.jsxs("div", { children: [
-    /* @__PURE__ */ a.jsx("h3", { className: `text-lg font-medium mb-3 ${t === "dark" ? "text-white" : "text-gray-800"}`, children: "Select Payment Method" }),
-    /* @__PURE__ */ a.jsx("div", { className: "space-y-3", children: n.map((d) => {
-      const m = o(d.id), g = (r == null ? void 0 : r.currency) === d.id;
-      return /* @__PURE__ */ a.jsxs("div", { className: "space-y-2", children: [
-        /* @__PURE__ */ a.jsxs("div", { className: `flex items-center p-3 rounded-lg border-2 transition-colors ${g ? t === "dark" ? "bg-blue-900/30 border-[#7042D2]" : "bg-blue-50 border-[#7042D2]" : t === "dark" ? "bg-gray-700 border-gray-700" : "bg-white border-gray-200"}`, children: [
-          /* @__PURE__ */ a.jsx("div", { className: "flex-shrink-0 h-10 w-10 bg-white rounded-full flex items-center justify-center mr-3", children: /* @__PURE__ */ a.jsx("img", { src: d.logo, alt: d.name, className: "h-6 w-6" }) }),
-          /* @__PURE__ */ a.jsxs("div", { className: "flex-1", children: [
-            /* @__PURE__ */ a.jsx("h4", { className: `font-medium ${t === "dark" ? "text-white" : "text-gray-900"}`, children: d.name }),
-            /* @__PURE__ */ a.jsx("p", { className: `text-sm ${t === "dark" ? "text-gray-300" : "text-gray-500"}`, children: d.description })
-          ] })
-        ] }),
-        m.length > 1 && /* @__PURE__ */ a.jsxs("div", { className: "ml-4 space-y-2", children: [
-          /* @__PURE__ */ a.jsx("p", { className: `text-sm font-medium ${t === "dark" ? "text-gray-300" : "text-gray-700"}`, children: "Select Network:" }),
-          /* @__PURE__ */ a.jsx("div", { className: "grid grid-cols-2 gap-2", children: m.map((b) => {
-            const v = g && (r == null ? void 0 : r.network) === b, p = l(b);
-            return /* @__PURE__ */ a.jsx(
-              "button",
+  const availableMethods = getPaymentMethodsForNetwork(selectedNetwork);
+  const visibleMethods = showMore ? availableMethods : availableMethods.slice(0, 4);
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx("h3", { className: `text-lg font-medium mb-4 ${theme === "dark" ? "text-white" : "text-gray-800"}`, children: "Select Payment Method" }),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "mb-6", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("label", { className: `block text-sm font-medium mb-2 ${theme === "dark" ? "text-white" : "text-gray-700"}`, children: "Blockchain Network" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        "select",
+        {
+          value: selectedNetwork,
+          onChange: (e) => handleNetworkChange(e.target.value),
+          className: `w-full p-3 rounded-lg border transition-colors ${theme === "dark" ? "bg-gray-700 border-gray-600 text-white focus:border-[#7042D2]" : "bg-white border-gray-300 text-gray-900 focus:border-[#7042D2]"} focus:outline-none focus:ring-2 focus:ring-[#7042D2] focus:ring-opacity-50`,
+          children: networks.filter((network) => supportedNetworks.length === 0 || supportedNetworks.includes(network.id)).map((network) => /* @__PURE__ */ jsxRuntimeExports.jsxs("option", { value: network.id, children: [
+            network.name,
+            " - ",
+            network.description
+          ] }, network.id))
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "mb-4", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("label", { className: `block text-sm font-medium mb-3 ${theme === "dark" ? "text-white" : "text-gray-700"}`, children: "Choose Cryptocurrency" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "grid grid-cols-2 gap-3 mb-4", children: visibleMethods.map((method) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+        "button",
+        {
+          onClick: () => handleSelectPaymentMethod(method),
+          className: `p-4 rounded-lg transition-all duration-200 border-2 ${(selected == null ? void 0 : selected.currency) === method.id && (selected == null ? void 0 : selected.network) === selectedNetwork ? theme === "dark" ? "bg-blue-900/30 border-[#7042D2] ring-2 ring-[#7042D2] ring-opacity-50" : "bg-blue-50 border-[#7042D2] ring-2 ring-[#7042D2] ring-opacity-50" : theme === "dark" ? "bg-gray-700 hover:bg-gray-600 border-gray-600 hover:border-gray-500" : "bg-white hover:bg-gray-50 border-gray-200 hover:border-gray-300"}`,
+          children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col items-center text-center", children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex-shrink-0 h-10 w-10 bg-white rounded-full flex items-center justify-center mb-2 shadow-sm", children: /* @__PURE__ */ jsxRuntimeExports.jsx("img", { src: method.logo, alt: method.name, className: "h-6 w-6" }) }),
+            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx("h4", { className: `font-medium text-sm ${theme === "dark" ? "text-white" : "text-gray-900"}`, children: method.name }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: `text-xs ${theme === "dark" ? "text-gray-300" : "text-gray-500"}`, children: method.description })
+            ] }),
+            (selected == null ? void 0 : selected.currency) === method.id && (selected == null ? void 0 : selected.network) === selectedNetwork && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-2", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+              "svg",
               {
-                onClick: () => f(d.id, b),
-                disabled: !p,
-                className: `p-2 rounded-md text-sm font-medium transition-colors ${v ? "bg-[#7042D2] text-white" : p ? t === "dark" ? "bg-gray-600 text-gray-200 hover:bg-gray-500" : "bg-gray-100 text-gray-700 hover:bg-gray-200" : t === "dark" ? "bg-gray-800 text-gray-500 cursor-not-allowed" : "bg-gray-50 text-gray-400 cursor-not-allowed"}`,
-                children: /* @__PURE__ */ a.jsxs("div", { className: "flex items-center justify-center space-x-1", children: [
-                  /* @__PURE__ */ a.jsx("span", { children: i(b) }),
-                  !p && /* @__PURE__ */ a.jsx("span", { className: "text-xs", children: "(No wallet)" })
-                ] })
-              },
-              b
-            );
-          }) })
-        ] }),
-        m.length === 1 && /* @__PURE__ */ a.jsx("div", { className: "ml-4", children: /* @__PURE__ */ a.jsx(
-          "button",
-          {
-            onClick: () => f(d.id, m[0]),
-            disabled: !l(m[0]),
-            className: `w-full p-2 rounded-md text-sm font-medium transition-colors ${g ? "bg-[#7042D2] text-white" : l(m[0]) ? t === "dark" ? "bg-gray-600 text-gray-200 hover:bg-gray-500" : "bg-gray-100 text-gray-700 hover:bg-gray-200" : t === "dark" ? "bg-gray-800 text-gray-500 cursor-not-allowed" : "bg-gray-50 text-gray-400 cursor-not-allowed"}`,
-            children: /* @__PURE__ */ a.jsxs("div", { className: "flex items-center justify-between", children: [
-              /* @__PURE__ */ a.jsx("span", { children: i(m[0]) }),
-              !l(m[0]) && /* @__PURE__ */ a.jsx("span", { className: "text-xs", children: "No wallet detected" }),
-              g && /* @__PURE__ */ a.jsx(
-                "svg",
-                {
-                  xmlns: "http://www.w3.org/2000/svg",
-                  className: "h-4 w-4",
-                  viewBox: "0 0 20 20",
-                  fill: "currentColor",
-                  children: /* @__PURE__ */ a.jsx(
-                    "path",
-                    {
-                      fillRule: "evenodd",
-                      d: "M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z",
-                      clipRule: "evenodd"
-                    }
-                  )
-                }
-              )
-            ] })
-          }
-        ) })
-      ] }, d.id);
-    }) }),
-    /* @__PURE__ */ a.jsxs("div", { className: "mt-4 p-3 rounded-lg bg-gray-50 dark:bg-gray-800", children: [
-      /* @__PURE__ */ a.jsx("h4", { className: `text-sm font-medium mb-2 ${t === "dark" ? "text-white" : "text-gray-800"}`, children: "Detected Wallets:" }),
-      /* @__PURE__ */ a.jsx("div", { className: "space-y-1", children: Object.entries(u).map(([d, m]) => /* @__PURE__ */ a.jsxs("div", { className: "flex items-center justify-between text-xs", children: [
-        /* @__PURE__ */ a.jsx("span", { className: `capitalize ${t === "dark" ? "text-gray-300" : "text-gray-600"}`, children: d.replace("_", " ") }),
-        /* @__PURE__ */ a.jsx("span", { className: `px-2 py-1 rounded-full ${m ? "bg-green-100 text-green-800" : "bg-red-100 text-red-800"}`, children: m ? "Available" : "Not detected" })
-      ] }, d)) })
-    ] })
+                xmlns: "http://www.w3.org/2000/svg",
+                className: "h-4 w-4 text-[#7042D2]",
+                viewBox: "0 0 20 20",
+                fill: "currentColor",
+                children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+                  "path",
+                  {
+                    fillRule: "evenodd",
+                    d: "M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z",
+                    clipRule: "evenodd"
+                  }
+                )
+              }
+            ) })
+          ] })
+        },
+        `${method.id}-${method.network}`
+      )) }),
+      availableMethods.length > 4 && /* @__PURE__ */ jsxRuntimeExports.jsx(
+        "button",
+        {
+          onClick: () => setShowMore(!showMore),
+          className: `w-full py-2 px-4 rounded-lg text-sm font-medium transition-colors ${theme === "dark" ? "bg-gray-700 text-gray-300 hover:bg-gray-600" : "bg-gray-100 text-gray-600 hover:bg-gray-200"}`,
+          children: showMore ? "Show Less" : `Show More (${availableMethods.length - 4} more)`
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: `p-3 rounded-lg text-sm ${theme === "dark" ? "bg-gray-800 text-gray-300" : "bg-gray-50 text-gray-600"}`, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: `w-2 h-2 rounded-full mr-2 ${availableWallets[getRequiredWallet(selectedNetwork)] ? "bg-green-500" : "bg-red-500"}` }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-xs", children: getNetworkRequirement(selectedNetwork) })
+    ] }) })
   ] });
-}, St = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJQAAAAkCAYAAABv9hOhAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAmVSURBVHgB7Vzdcdu4Fv5I+X2VCoK83pkb2xVc2ikgTgVWKog8twDJBexYrsBKBXYKWJtbQWRnZl+NrWC172txcQBQBA8B/kiKV87qm4FFgMAhAX48ODg4dISOGB4/XKsfObl9e+Y9n3wViHt3QHY5ud2fYId1caDSJyc/V+kMW4q4S2VFFurcCR0Oj+/H3kq9vSv1VyDDKX5s0Fh8VSlTifrcx/cByR046QRbjE6EQmnQok9aGzlQ+QRZluDHh1BJaWFNKsJApQvs0JlQc+e4jzgelqX1HNUczfHjQqCqkRLsUCWU0jL94buHE659LGQ5G51SfafAUcfZn572Sv63hKZL1u6lYeYpk9jBo6HieKysgmulbR6VAX7lEmuSHpLWkU5tIoVW+3q6cxEhdbOaqMcPF4gzNVVEI2VsJXi5oHE4d/JSpY/YwUOoRYkwA1qxWWPcIvtSlhDbc/FBWc5i+RbblR8ZsGaKzDIJPKV42Rir9EqlNzZJ7OCzoRZTlG0lTYalBlosbsr1o33zg4JQijBKm6V0WLgRtN1hm+DSaruXDq6x//XY4wX0oJWNo9R5VF61xL1rRY4jIsrw6F4iioQuz7JX5nz8Wh2bulGU0o+2kziZMqSTu7X9UwLGCBZOGWnEFOWXoQk0ZZ945FCS+D4QKN873W8Kv122Kv6Jfmns+QrJITl89+09cwH0LakOkS3OEPWuS42yrHiQiydjX8Q9IqVw6kjVdh1bI1FphPoV1RTGvpFryklVulTpJnD+jrX/aK9NeET5YR7Z+7lC+Jr0sD9gvQeeoF2/PjrXIfI9orxqpfEboxmkGFyn6yzsNnj664MiAH9rBLkKlJa6IU+4LsnyNyu7t7/n6rxUBvgAxj9jizWZSMNJdAd1lgjMH6IPA5gBGgXOX7SUk9hrbsK/JFpcM3eUruq47NIvd3xIEVyyOp/QDu9Z/nJJKL0K4ys6RYAlcZaItAdcabGh0kSHk3R/rIsXi4nO39p8FBU3paa5NclEA9V1oMeokoo0xBDdMLTt1oHZPWhGv0NdLr9rv8YoxmfiuY8E9aDzgpWle+RzUiu7T8pQpgq0V0dkmJmVGL6oPTu1zfJA+ZG2m3I7CZp0M+eYmF5otCyji821xlrPZqI378BTnqr0qz2mAXjv6eBYJdKcNG3R4A1q5Ejb/n+oDia128QemoTRBtLKy/fphFOH+jJEe4JcoNovaa+T2uuIwLXGMH1PbUqccyNbFgLfWpvq6yqyZA3p0U5f2tfU1iG5IcflAGavzE00LYia+o9O3T9smfDIoXpJQI5gcvLk1r9j5wbOOV/bKfz7fX0Ue4LufedIPPft3ie/zgThfUWqfx2Ql3hk1T1D3kc9g8T5iqwGQqWr4fG3Ea3w2i73N+QWGLG8RGHg+jCFMWzz4zf2NyQnDcgJXWeE1SBRaDkOKuMLFXqQr9EMfj8pjGab19yHa5ATBAwZUlTHI6Ql+QpSwi5eYmt8f0YjsvH/j39r08lNgVS0YGX0kJuIStPuIczAUd18t95F0yoQ8Hu/E6wWVdA0vr7l/Bs0Y8Dy5y3a+Izw3Ljm90lTpK+/3BhP84M9q0kGaoqa2s1dv/GrbKqf7/7zO54PguVTtF9Su6tTbn9JFMv7JqQobKscCcKuhDo5TZDoZownLD8PlPswD8iawthkOYly49ztb+7jcrEk8tIPZT3bqbV9DhS5hGKRUAa7uvhilnu+nxGcCPdYDYLlJbrhVyZDYDvQ9+TvsBqEc0zay51KScm4hDph1y5p15IfypBpj8hEKu29dhH04lOVPw1EHzwnNmGTESTWwyYWG5vA97qPCcpjnaCs9U5Z/dL0WfihlNFNEQYmGkAbY8bwyjLSFAO7n/ecg8kJtCn77aBj/Z9YXmI7sKkXjMuiY25L5VOcQHVKTd1MTJpHbbN8JaMb9ax/7jdTsvwJVsOM5QW69SVheYntAO8XEYH2VaMV0ismi9uIpJVye8rFFGw8YqV5RlYLNUBvqWzyrWhCCh4h2t7ZN0BhF8w8ctou/0cok2+Odgb2c0Bi9fFpQopyP/OVMp/uvvCG8TJqIATtMc8o+uD18Ojh7uzdt1b7PMMkGPXZFr6HRw+4ifxU5wrl/Sq+TKaBP22QQ+fHrKzr6u57w7cHJ9AMqtdEvnNPm8TJS3jGg/xQHz3OTao8VcpQOQkjaSIsFUPV9kyWZZNW/qg4O9DBebS1szpoq4O/heRVpvsRrG4Cs8oZO2V0TJ2eoDpVTeHfN6NrXKDqWpBo5+d5TnADOl/pDQL1875N7O9jTd0UPC6uer6CyM2QRsk3cL2BcTkWT+RgnKnzVxSqQnt6tv6Fyp8tZRzdf1VkVRolGk9u/7vqw6A3KbTjL+1vH367iAbk0NZLEF5W59OiQPgNJw+8+0Z2DV9JUQ8uL2+ToHzfEmWnJ72w1x55VC9f0vdR7Of1PfVCTtQxwubBITwxXCW3gUOmfpBMeTSmiXU6QRwnVtSJzke9q6Lu4oOdMsd6Fbka6G0KkVEgbGQTQdztkxThuG8a6ARhMlG7bZvuctB9+cZHwH5DCaOFEvjJdIQwuAbMMUMgINAfD8UD41yo6dHaRgNb0reSzK+aFvNwYU1QIpWJOliHVGNU96DqkML/Bk3RLf6b6h2hvWf9n8IY9XucPhARDxva+FwIhMtQg0rEJiNLGSZI7lyvDMsXhbG1LKLeMvTBTodH9vN0IhVWnP6mNg1gDOaEnc+N+DxsIwQJQ6qBlcOnAZJDRPyMeiJ9QflhSHbuJyazCVze3JE79ZRzpCj6RY7pBH6NRNe5QfvVqgxcy4uIF5hPzCO/JlG2k44pP36g8Ip+qYyM78yZyxdPr1w3g/5yJoqv9apSGfuTX95uYgoRzrHE6hAbkrNtcG3LOVZzhnLbboqaT8aqU17mnermS+KY6Yzv5QBP7LOoOB64WR2MRxGgWsvhakNed+mkbZCzbSACSVR9Vm3BXQWEz3UNqoSquhCmJtTXbg4vjXDQFDjLtZD+pUjPQtA+F0021eRu/40NKz7ADtuMkB8urWtU/Yzq9u1UaQ+pow0WTzdV77hDlGgZgmuQLdT8HBmi1Hjfl3HnO2wbEhT2qWDniAeNIdD+z6jqQlXcuHL6MMHFYpEuDfYo2sSUtsPzQiDs6CQySTQgRldkWU6UKf+KRROxOaR4h5cF0kzk+pm2qdydUJF2D8yXH3NyPP21tf9dbYdOkDAOU3JFtF6R76EraO9PrfJC39hZv5NidG835b085Eb3qi4G/A2inrQKnVgMFAAAAABJRU5ErkJggg==", Lt = ({
-  isOpen: s,
-  onClose: r,
-  payment: t,
-  paymentStatus: c,
-  selectedPaymentMethod: u,
-  onPaymentMethodSelect: h,
-  onPayment: y,
-  onBack: w,
-  error: e,
-  theme: n = "light",
-  merchantName: o,
-  transactionHash: i,
-  walletConnection: l,
-  onConnectWallet: f,
-  testMode: d = !1,
-  supportedNetworks: m = [],
-  availableWallets: g = {},
-  supportedWallets: b = [],
-  step: v = "select-currency"
+  function getRequiredWallet(network) {
+    switch (network) {
+      case NETWORK_TYPES.ETHEREUM:
+      case NETWORK_TYPES.BSC:
+        return "metamask";
+      case NETWORK_TYPES.TRON:
+        return "tronlink";
+      case NETWORK_TYPES.ALGORAND:
+        return "lute";
+      default:
+        return "metamask";
+    }
+  }
+  function getNetworkRequirement(network) {
+    const wallet = getRequiredWallet(network);
+    const isAvailable = availableWallets[wallet];
+    const walletNames = {
+      metamask: "MetaMask",
+      tronlink: "TronLink",
+      lute: "Lute Wallet"
+    };
+    return isAvailable ? `${walletNames[wallet]} detected - Ready to pay` : `${walletNames[wallet]} required - Please install to continue`;
+  }
+};
+const logo = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJQAAAAkCAYAAABv9hOhAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAmVSURBVHgB7Vzdcdu4Fv5I+X2VCoK83pkb2xVc2ikgTgVWKog8twDJBexYrsBKBXYKWJtbQWRnZl+NrWC172txcQBQBA8B/kiKV87qm4FFgMAhAX48ODg4dISOGB4/XKsfObl9e+Y9n3wViHt3QHY5ud2fYId1caDSJyc/V+kMW4q4S2VFFurcCR0Oj+/H3kq9vSv1VyDDKX5s0Fh8VSlTifrcx/cByR046QRbjE6EQmnQok9aGzlQ+QRZluDHh1BJaWFNKsJApQvs0JlQc+e4jzgelqX1HNUczfHjQqCqkRLsUCWU0jL94buHE659LGQ5G51SfafAUcfZn572Sv63hKZL1u6lYeYpk9jBo6HieKysgmulbR6VAX7lEmuSHpLWkU5tIoVW+3q6cxEhdbOaqMcPF4gzNVVEI2VsJXi5oHE4d/JSpY/YwUOoRYkwA1qxWWPcIvtSlhDbc/FBWc5i+RbblR8ZsGaKzDIJPKV42Rir9EqlNzZJ7OCzoRZTlG0lTYalBlosbsr1o33zg4JQijBKm6V0WLgRtN1hm+DSaruXDq6x//XY4wX0oJWNo9R5VF61xL1rRY4jIsrw6F4iioQuz7JX5nz8Wh2bulGU0o+2kziZMqSTu7X9UwLGCBZOGWnEFOWXoQk0ZZ945FCS+D4QKN873W8Kv122Kv6Jfmns+QrJITl89+09cwH0LakOkS3OEPWuS42yrHiQiydjX8Q9IqVw6kjVdh1bI1FphPoV1RTGvpFryklVulTpJnD+jrX/aK9NeET5YR7Z+7lC+Jr0sD9gvQeeoF2/PjrXIfI9orxqpfEboxmkGFyn6yzsNnj664MiAH9rBLkKlJa6IU+4LsnyNyu7t7/n6rxUBvgAxj9jizWZSMNJdAd1lgjMH6IPA5gBGgXOX7SUk9hrbsK/JFpcM3eUruq47NIvd3xIEVyyOp/QDu9Z/nJJKL0K4ys6RYAlcZaItAdcabGh0kSHk3R/rIsXi4nO39p8FBU3paa5NclEA9V1oMeokoo0xBDdMLTt1oHZPWhGv0NdLr9rv8YoxmfiuY8E9aDzgpWle+RzUiu7T8pQpgq0V0dkmJmVGL6oPTu1zfJA+ZG2m3I7CZp0M+eYmF5otCyji821xlrPZqI378BTnqr0qz2mAXjv6eBYJdKcNG3R4A1q5Ejb/n+oDia128QemoTRBtLKy/fphFOH+jJEe4JcoNovaa+T2uuIwLXGMH1PbUqccyNbFgLfWpvq6yqyZA3p0U5f2tfU1iG5IcflAGavzE00LYia+o9O3T9smfDIoXpJQI5gcvLk1r9j5wbOOV/bKfz7fX0Ue4LufedIPPft3ie/zgThfUWqfx2Ql3hk1T1D3kc9g8T5iqwGQqWr4fG3Ea3w2i73N+QWGLG8RGHg+jCFMWzz4zf2NyQnDcgJXWeE1SBRaDkOKuMLFXqQr9EMfj8pjGab19yHa5ATBAwZUlTHI6Ql+QpSwi5eYmt8f0YjsvH/j39r08lNgVS0YGX0kJuIStPuIczAUd18t95F0yoQ8Hu/E6wWVdA0vr7l/Bs0Y8Dy5y3a+Izw3Ljm90lTpK+/3BhP84M9q0kGaoqa2s1dv/GrbKqf7/7zO54PguVTtF9Su6tTbn9JFMv7JqQobKscCcKuhDo5TZDoZownLD8PlPswD8iawthkOYly49ztb+7jcrEk8tIPZT3bqbV9DhS5hGKRUAa7uvhilnu+nxGcCPdYDYLlJbrhVyZDYDvQ9+TvsBqEc0zay51KScm4hDph1y5p15IfypBpj8hEKu29dhH04lOVPw1EHzwnNmGTESTWwyYWG5vA97qPCcpjnaCs9U5Z/dL0WfihlNFNEQYmGkAbY8bwyjLSFAO7n/ecg8kJtCn77aBj/Z9YXmI7sKkXjMuiY25L5VOcQHVKTd1MTJpHbbN8JaMb9ax/7jdTsvwJVsOM5QW69SVheYntAO8XEYH2VaMV0ismi9uIpJVye8rFFGw8YqV5RlYLNUBvqWzyrWhCCh4h2t7ZN0BhF8w8ctou/0cok2+Odgb2c0Bi9fFpQopyP/OVMp/uvvCG8TJqIATtMc8o+uD18Ojh7uzdt1b7PMMkGPXZFr6HRw+4ifxU5wrl/Sq+TKaBP22QQ+fHrKzr6u57w7cHJ9AMqtdEvnNPm8TJS3jGg/xQHz3OTao8VcpQOQkjaSIsFUPV9kyWZZNW/qg4O9DBebS1szpoq4O/heRVpvsRrG4Cs8oZO2V0TJ2eoDpVTeHfN6NrXKDqWpBo5+d5TnADOl/pDQL1875N7O9jTd0UPC6uer6CyM2QRsk3cL2BcTkWT+RgnKnzVxSqQnt6tv6Fyp8tZRzdf1VkVRolGk9u/7vqw6A3KbTjL+1vH367iAbk0NZLEF5W59OiQPgNJw+8+0Z2DV9JUQ8uL2+ToHzfEmWnJ72w1x55VC9f0vdR7Of1PfVCTtQxwubBITwxXCW3gUOmfpBMeTSmiXU6QRwnVtSJzke9q6Lu4oOdMsd6Fbka6G0KkVEgbGQTQdztkxThuG8a6ARhMlG7bZvuctB9+cZHwH5DCaOFEvjJdIQwuAbMMUMgINAfD8UD41yo6dHaRgNb0reSzK+aFvNwYU1QIpWJOliHVGNU96DqkML/Bk3RLf6b6h2hvWf9n8IY9XucPhARDxva+FwIhMtQg0rEJiNLGSZI7lyvDMsXhbG1LKLeMvTBTodH9vN0IhVWnP6mNg1gDOaEnc+N+DxsIwQJQ6qBlcOnAZJDRPyMeiJ9QflhSHbuJyazCVze3JE79ZRzpCj6RY7pBH6NRNe5QfvVqgxcy4uIF5hPzCO/JlG2k44pP36g8Ip+qYyM78yZyxdPr1w3g/5yJoqv9apSGfuTX95uYgoRzrHE6hAbkrNtcG3LOVZzhnLbboqaT8aqU17mnermS+KY6Yzv5QBP7LOoOB64WR2MRxGgWsvhakNed+mkbZCzbSACSVR9Vm3BXQWEz3UNqoSquhCmJtTXbg4vjXDQFDjLtZD+pUjPQtA+F0021eRu/40NKz7ADtuMkB8urWtU/Yzq9u1UaQ+pow0WTzdV77hDlGgZgmuQLdT8HBmi1Hjfl3HnO2wbEhT2qWDniAeNIdD+z6jqQlXcuHL6MMHFYpEuDfYo2sSUtsPzQiDs6CQySTQgRldkWU6UKf+KRROxOaR4h5cF0kzk+pm2qdydUJF2D8yXH3NyPP21tf9dbYdOkDAOU3JFtF6R76EraO9PrfJC39hZv5NidG835b085Eb3qi4G/A2inrQKnVgMFAAAAABJRU5ErkJggg==";
+const CoinleyModal = ({
+  isOpen,
+  onClose,
+  payment,
+  paymentStatus,
+  selectedPaymentMethod,
+  onPaymentMethodSelect,
+  onPayment,
+  onBack,
+  error,
+  theme = "light",
+  merchantName,
+  transactionHash,
+  walletConnection,
+  onConnectWallet,
+  testMode = false,
+  supportedNetworks = [],
+  availableWallets = {},
+  supportedWallets = [],
+  step = "select-currency",
+  merchantWalletAddresses = {}
+  // Add this prop
 }) => {
-  const p = (x) => parseFloat(x).toFixed(2), j = (x) => x ? x.length <= 14 ? x : `${x.slice(0, 8)}...${x.slice(-6)}` : "", M = (x) => ({
-    ethereum: "Ethereum",
-    bsc: "BSC",
-    tron: "Tron",
-    algorand: "Algorand"
-  })[x] || x, F = (x) => ({
-    [N.METAMASK]: "MetaMask",
-    [N.TRONLINK]: "TronLink",
-    [N.TRUST_WALLET]: "Trust Wallet",
-    [N.LUTE]: "Lute Wallet"
-  })[x] || x, V = (x) => ({
-    [N.METAMASK]: "https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcT3ymr3UNKopfI0NmUY95Dr-0589vG-91KuAA&s",
-    [N.TRONLINK]: "https://www.tronlink.org/images/logo.png",
-    [N.TRUST_WALLET]: "https://trustwallet.com/assets/images/trust_logotype.svg",
-    [N.LUTE]: "https://lute.app/logo.png"
-  })[x] || "";
-  return s ? /* @__PURE__ */ a.jsx("div", { className: "fixed inset-0 z-50 overflow-y-auto bg-black/50", children: /* @__PURE__ */ a.jsx("div", { className: "flex min-h-screen items-center justify-center p-4", children: /* @__PURE__ */ a.jsxs("div", { className: "relative p-6 w-full max-w-md mx-auto rounded-lg shadow-xl bg-white text-gray-800", children: [
-    /* @__PURE__ */ a.jsxs("div", { className: "flex justify-between items-center mb-6 bg-[#F1ECFB] p-3 rounded-xl", children: [
-      /* @__PURE__ */ a.jsx("div", { className: "flex items-center", children: /* @__PURE__ */ a.jsx("h2", { className: "text-xl font-bold text-gray-900", children: /* @__PURE__ */ a.jsx("img", { src: St, className: "w-32", alt: "Coinley Logo" }) }) }),
-      /* @__PURE__ */ a.jsx(
+  const [paymentType, setPaymentType] = useState("wallet");
+  const getWalletAddressForNetwork = () => {
+    if (!selectedPaymentMethod)
+      return "No network selected";
+    const networkAddress = merchantWalletAddresses[selectedPaymentMethod.network];
+    if (networkAddress) {
+      return networkAddress;
+    }
+    if (payment == null ? void 0 : payment.recipientWallet) {
+      return payment.recipientWallet;
+    }
+    return "No wallet address configured for this network";
+  };
+  const formatAmount = (amount) => {
+    return parseFloat(amount).toFixed(2);
+  };
+  const formatTransactionHash = (hash) => {
+    if (!hash)
+      return "";
+    if (hash.length <= 14)
+      return hash;
+    return `${hash.slice(0, 8)}...${hash.slice(-6)}`;
+  };
+  const getNetworkDisplayName = (network) => {
+    const names = {
+      ethereum: "Ethereum",
+      bsc: "BSC",
+      tron: "Tron",
+      algorand: "Algorand"
+    };
+    return names[network] || network;
+  };
+  const getWalletDisplayName = (walletType) => {
+    const names = {
+      [WALLET_TYPES.METAMASK]: "MetaMask",
+      [WALLET_TYPES.TRONLINK]: "TronLink",
+      [WALLET_TYPES.TRUST_WALLET]: "Trust Wallet",
+      [WALLET_TYPES.LUTE]: "Lute Wallet"
+    };
+    return names[walletType] || walletType;
+  };
+  const getWalletIcon = (walletType) => {
+    const icons = {
+      [WALLET_TYPES.METAMASK]: "https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcT3ymr3UNKopfI0NmUY95Dr-0589vG-91KuAA&s",
+      [WALLET_TYPES.TRONLINK]: "https://www.tronlink.org/images/logo.png",
+      [WALLET_TYPES.TRUST_WALLET]: "https://trustwallet.com/assets/images/trust_logotype.svg",
+      [WALLET_TYPES.LUTE]: "https://lute.app/logo.png"
+    };
+    return icons[walletType] || "";
+  };
+  if (!isOpen)
+    return null;
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "fixed inset-0 z-50 overflow-y-auto bg-black/50", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex min-h-screen items-center justify-center p-4", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "relative p-6 w-full max-w-md mx-auto rounded-lg shadow-xl bg-white text-gray-800", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex justify-between items-center mb-6 bg-[#F1ECFB] p-3 rounded-xl", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex items-center", children: /* @__PURE__ */ jsxRuntimeExports.jsx("h2", { className: "text-xl font-bold text-gray-900", children: /* @__PURE__ */ jsxRuntimeExports.jsx("img", { src: logo, className: "w-32", alt: "Coinley Logo" }) }) }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
         "button",
         {
-          onClick: r,
+          onClick: onClose,
           className: "text-gray-500 hover:text-gray-700 focus:outline-none",
-          children: /* @__PURE__ */ a.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", className: "h-6 w-6", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ a.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" }) })
+          children: /* @__PURE__ */ jsxRuntimeExports.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", className: "h-6 w-6", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ jsxRuntimeExports.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" }) })
         }
       )
     ] }),
-    /* @__PURE__ */ a.jsxs("div", { className: "mb-6 bg-[#F1ECFB] p-3 rounded-xl", children: [
-      t && /* @__PURE__ */ a.jsxs("div", { className: "mb-6 p-4 rounded-lg", children: [
-        /* @__PURE__ */ a.jsxs("p", { className: "text-lg text-gray-800 font-semibold", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "mb-6 bg-[#F1ECFB] p-3 rounded-xl", children: [
+      payment && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "mb-6 p-4 rounded-lg", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { className: "text-lg text-gray-800 font-semibold", children: [
           "PAY: ",
-          o
+          merchantName
         ] }),
-        /* @__PURE__ */ a.jsxs("div", { className: "flex justify-between items-center mt-2 bg-gray-100 px-3 rounded-lg", children: [
-          /* @__PURE__ */ a.jsx("span", { className: "font-medium text-gray-700", children: "Amount:" }),
-          /* @__PURE__ */ a.jsxs("span", { className: "font-bold text-xl text-[#7042D2]", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex justify-between items-center mt-2 bg-gray-100 px-3 rounded-lg", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "font-medium text-gray-700", children: "Amount:" }),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "font-bold text-xl text-[#7042D2]", children: [
             "$",
-            p(t.totalAmount || t.amount)
+            formatAmount(payment.totalAmount || payment.amount)
           ] })
         ] }),
-        /* @__PURE__ */ a.jsx("div", { className: "text-xs mt-1 text-right", children: /* @__PURE__ */ a.jsxs("span", { className: "text-gray-500", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-xs mt-1 text-right", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "text-gray-500", children: [
           "Payment ID: ",
-          t.id ? t.id.slice(0, 8) : "",
+          payment.id ? payment.id.slice(0, 8) : "",
           "..."
         ] }) })
       ] }),
-      v === "select-currency" && /* @__PURE__ */ a.jsx(
-        Rt,
-        {
-          onSelect: h,
-          selected: u,
-          theme: n,
-          supportedNetworks: m
-        }
-      ),
-      v === "confirm" && u && t && /* @__PURE__ */ a.jsxs("div", { children: [
-        /* @__PURE__ */ a.jsxs("div", { className: "p-4 rounded-lg mb-4 bg-gray-100", children: [
-          /* @__PURE__ */ a.jsx("h3", { className: "text-lg font-medium mb-2 text-gray-800", children: "Payment Details" }),
-          /* @__PURE__ */ a.jsxs("div", { className: "space-y-2", children: [
-            /* @__PURE__ */ a.jsxs("div", { className: "flex justify-between", children: [
-              /* @__PURE__ */ a.jsx("span", { className: "text-[#7042D2] font-semibold", children: "Currency:" }),
-              /* @__PURE__ */ a.jsx("span", { className: "font-medium", children: u.currency })
+      step === "select-currency" && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          PaymentMethods,
+          {
+            onSelect: onPaymentMethodSelect,
+            selected: selectedPaymentMethod,
+            theme,
+            supportedNetworks
+          }
+        ),
+        selectedPaymentMethod && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-6", children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
+          "button",
+          {
+            onClick: () => onPaymentMethodSelect(selectedPaymentMethod),
+            className: "w-full py-3 px-4 bg-[#7042D2] hover:bg-[#7042D2] text-white font-medium rounded-lg transition-colors",
+            children: [
+              "Proceed with ",
+              selectedPaymentMethod.currency,
+              " on ",
+              getNetworkDisplayName(selectedPaymentMethod.network)
+            ]
+          }
+        ) })
+      ] }),
+      step === "confirm" && selectedPaymentMethod && payment && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "p-4 rounded-lg mb-4 bg-gray-100", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx("h3", { className: "text-lg font-medium mb-2 text-gray-800", children: "Payment Details" }),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-2", children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex justify-between", children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-[#7042D2] font-semibold", children: "Currency:" }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "font-medium", children: selectedPaymentMethod.currency })
             ] }),
-            /* @__PURE__ */ a.jsxs("div", { className: "flex justify-between", children: [
-              /* @__PURE__ */ a.jsx("span", { className: "text-[#7042D2] font-semibold", children: "Network:" }),
-              /* @__PURE__ */ a.jsx("span", { className: "font-medium", children: M(u.network) })
+            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex justify-between", children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-[#7042D2] font-semibold", children: "Network:" }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "font-medium", children: getNetworkDisplayName(selectedPaymentMethod.network) })
             ] }),
-            /* @__PURE__ */ a.jsxs("div", { className: "flex justify-between", children: [
-              /* @__PURE__ */ a.jsx("span", { className: "text-[#7042D2] font-semibold", children: "Fee:" }),
-              /* @__PURE__ */ a.jsx("span", { className: "font-medium", children: "1.75%" })
+            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex justify-between", children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-[#7042D2] font-semibold", children: "Fee:" }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "font-medium", children: "1.75%" })
             ] })
           ] })
         ] }),
-        d ? (
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mb-4", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex border-b border-gray-200", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
+            "button",
+            {
+              onClick: () => setPaymentType("wallet"),
+              className: `py-2 px-4 text-sm font-medium ${paymentType === "wallet" ? "border-b-2 border-[#7042D2] text-[#7042D2]" : "text-gray-500 hover:text-gray-700"}`,
+              children: "Connect Wallet"
+            }
+          ),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
+            "button",
+            {
+              onClick: () => setPaymentType("qrcode"),
+              className: `py-2 px-4 text-sm font-medium ${paymentType === "qrcode" ? "border-b-2 border-[#7042D2] text-[#7042D2]" : "text-gray-500 hover:text-gray-700"}`,
+              children: "QR Code"
+            }
+          )
+        ] }) }),
+        testMode ? (
           // Test mode payment option
-          /* @__PURE__ */ a.jsx("div", { className: "p-4 rounded-lg mb-4 bg-blue-50", children: /* @__PURE__ */ a.jsxs("div", { className: "flex items-center", children: [
-            /* @__PURE__ */ a.jsx("div", { className: "bg-[#7042D2] rounded-full p-2 mr-3", children: /* @__PURE__ */ a.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", className: "h-6 w-6 text-white", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ a.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M13 10V3L4 14h7v7l9-11h-7z" }) }) }),
-            /* @__PURE__ */ a.jsxs("div", { children: [
-              /* @__PURE__ */ a.jsx("h3", { className: "font-medium text-gray-800", children: "Test Mode Payment" }),
-              /* @__PURE__ */ a.jsx("p", { className: "text-sm text-gray-600", children: 'Click "Pay Now" to simulate a successful payment' })
+          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "p-4 rounded-lg mb-4 bg-blue-50", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center", children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "bg-[#7042D2] rounded-full p-2 mr-3", children: /* @__PURE__ */ jsxRuntimeExports.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", className: "h-6 w-6 text-white", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ jsxRuntimeExports.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M13 10V3L4 14h7v7l9-11h-7z" }) }) }),
+            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx("h3", { className: "font-medium text-gray-800", children: "Test Mode Payment" }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-sm text-gray-600", children: 'Click "Pay Now" to simulate a successful payment' })
             ] })
           ] }) })
+        ) : paymentType === "qrcode" ? (
+          // QR Code payment option
+          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mb-4", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+            QRCode,
+            {
+              walletAddress: getWalletAddressForNetwork(),
+              amount: payment.totalAmount || payment.amount,
+              currency: selectedPaymentMethod.currency,
+              network: selectedPaymentMethod.network,
+              theme
+            }
+          ) })
         ) : (
-          // Real wallet connection
-          /* @__PURE__ */ a.jsxs("div", { className: "space-y-3", children: [
-            /* @__PURE__ */ a.jsx("h4", { className: "font-medium text-gray-800", children: "Select Wallet:" }),
-            b.length === 0 ? /* @__PURE__ */ a.jsx("div", { className: "p-4 rounded-lg bg-yellow-50", children: /* @__PURE__ */ a.jsxs("div", { className: "flex items-center", children: [
-              /* @__PURE__ */ a.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", className: "h-6 w-6 text-yellow-500 mr-2", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ a.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z" }) }),
-              /* @__PURE__ */ a.jsxs("div", { children: [
-                /* @__PURE__ */ a.jsx("h3", { className: "font-medium text-gray-800", children: "No Compatible Wallets" }),
-                /* @__PURE__ */ a.jsxs("p", { className: "text-sm text-gray-600", children: [
+          // Wallet connection option
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-3 mb-4", children: [
+            supportedWallets.length === 0 ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "p-4 rounded-lg bg-yellow-50", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center", children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", className: "h-6 w-6 text-yellow-500 mr-2", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ jsxRuntimeExports.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z" }) }),
+              /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsx("h3", { className: "font-medium text-gray-800", children: "No Compatible Wallets" }),
+                /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { className: "text-sm text-gray-600", children: [
                   "No wallets detected for ",
-                  M(u.network),
+                  getNetworkDisplayName(selectedPaymentMethod.network),
                   " network"
                 ] })
               ] })
-            ] }) }) : b.map((x) => /* @__PURE__ */ a.jsx("div", { className: "p-4 rounded-lg bg-blue-50", children: /* @__PURE__ */ a.jsxs("div", { className: "flex items-center justify-between", children: [
-              /* @__PURE__ */ a.jsxs("div", { className: "flex items-center", children: [
-                /* @__PURE__ */ a.jsx(
+            ] }) }) : supportedWallets.map((walletType) => /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "p-4 rounded-lg bg-blue-50", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center justify-between", children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center", children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsx(
                   "img",
                   {
-                    src: V(x),
-                    alt: F(x),
-                    className: "w-8 h-8 mr-2",
-                    onError: (T) => {
-                      T.target.style.display = "none";
+                    src: getWalletIcon(walletType),
+                    alt: getWalletDisplayName(walletType),
+                    className: "w-8 h-8 mr-3",
+                    onError: (e) => {
+                      e.target.style.display = "none";
                     }
                   }
                 ),
-                /* @__PURE__ */ a.jsxs("div", { children: [
-                  /* @__PURE__ */ a.jsx("h3", { className: "font-medium text-gray-800", children: F(x) }),
-                  /* @__PURE__ */ a.jsxs("p", { className: "text-sm text-gray-600", children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
+                  /* @__PURE__ */ jsxRuntimeExports.jsx("h3", { className: "font-medium text-gray-800", children: getWalletDisplayName(walletType) }),
+                  /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { className: "text-sm text-gray-600", children: [
                     "Pay with ",
-                    F(x)
+                    getWalletDisplayName(walletType)
                   ] })
                 ] })
               ] }),
-              (l == null ? void 0 : l.walletType) === x ? /* @__PURE__ */ a.jsxs("div", { className: "flex items-center space-x-2", children: [
-                /* @__PURE__ */ a.jsx("div", { className: "w-2 h-2 bg-green-500 rounded-full" }),
-                /* @__PURE__ */ a.jsx("span", { className: "text-sm text-green-600", children: "Connected" })
-              ] }) : /* @__PURE__ */ a.jsx(
+              (walletConnection == null ? void 0 : walletConnection.walletType) === walletType ? /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center space-x-2", children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "w-2 h-2 bg-green-500 rounded-full" }),
+                /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-sm text-green-600", children: "Connected" })
+              ] }) : /* @__PURE__ */ jsxRuntimeExports.jsx(
                 "button",
                 {
-                  onClick: () => f(x),
-                  className: "py-2 px-4 bg-[#7042D2] hover:bg-[#7042D2] text-white font-medium rounded-md",
+                  onClick: () => onConnectWallet(walletType),
+                  className: "py-2 px-4 bg-[#7042D2] hover:bg-[#7042D2] text-white font-medium rounded-md text-sm",
                   children: "Connect"
                 }
               )
-            ] }) }, x)),
-            /* @__PURE__ */ a.jsx("div", { className: "space-y-2", children: Object.entries(g).filter(([x, T]) => !T).map(([x]) => /* @__PURE__ */ a.jsx("div", { className: "p-3 rounded-lg bg-gray-50", children: /* @__PURE__ */ a.jsxs("div", { className: "flex items-center justify-between", children: [
-              /* @__PURE__ */ a.jsxs("span", { className: "text-sm text-gray-600", children: [
-                F(x),
+            ] }) }, walletType)),
+            /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "space-y-2", children: Object.entries(availableWallets).filter(([walletType, isAvailable]) => !isAvailable).map(([walletType]) => /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "p-3 rounded-lg bg-gray-50", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center justify-between", children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "text-sm text-gray-600", children: [
+                getWalletDisplayName(walletType),
                 " not detected"
               ] }),
-              /* @__PURE__ */ a.jsx(
+              /* @__PURE__ */ jsxRuntimeExports.jsx(
                 "a",
                 {
-                  href: ct(x),
+                  href: getWalletInstallUrl(walletType),
                   target: "_blank",
                   rel: "noopener noreferrer",
                   className: "text-sm text-[#7042D2] hover:underline",
                   children: "Install"
                 }
               )
-            ] }) }, x)) })
+            ] }) }, walletType)) })
           ] })
         ),
-        /* @__PURE__ */ a.jsxs("div", { className: "mt-6 grid grid-cols-2 gap-3", children: [
-          /* @__PURE__ */ a.jsx(
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "grid grid-cols-2 gap-3", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
             "button",
             {
               type: "button",
-              onClick: w,
+              onClick: onBack,
               className: "w-full py-2 px-4 bg-gray-200 hover:bg-gray-300 text-[#7042D2] font-medium rounded-md",
               children: "Back"
             }
           ),
-          /* @__PURE__ */ a.jsx(
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
             "button",
             {
               type: "button",
-              onClick: y,
+              onClick: () => onPayment(paymentType === "qrcode"),
               className: "w-full py-2 px-4 bg-[#7042D2] hover:bg-[#7042D2] text-white font-medium rounded-md",
-              disabled: !d && !l,
-              children: "Pay Now"
+              disabled: !testMode && paymentType === "wallet" && !walletConnection,
+              children: paymentType === "qrcode" ? "I have sent the payment" : "Pay Now"
             }
           )
         ] })
       ] }),
-      v === "processing" && /* @__PURE__ */ a.jsx(
-        le,
+      step === "processing" && /* @__PURE__ */ jsxRuntimeExports.jsx(
+        PaymentStatus,
         {
           status: "processing",
-          theme: n,
+          theme,
           message: "Processing your payment..."
         }
       ),
-      v === "success" && /* @__PURE__ */ a.jsxs("div", { children: [
-        /* @__PURE__ */ a.jsx(
-          le,
+      step === "success" && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          PaymentStatus,
           {
             status: "success",
-            theme: n,
+            theme,
             message: "Payment successful!"
           }
         ),
-        i && /* @__PURE__ */ a.jsxs("div", { className: "mt-4 p-3 rounded-lg bg-gray-100", children: [
-          /* @__PURE__ */ a.jsx("p", { className: "text-xs text-gray-600 mb-1", children: "Transaction Hash:" }),
-          /* @__PURE__ */ a.jsx("p", { className: "text-sm font-mono break-all text-gray-800", children: j(i) }),
-          u && /* @__PURE__ */ a.jsx(
+        transactionHash && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "mt-4 p-3 rounded-lg bg-gray-100", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-xs text-gray-600 mb-1", children: "Transaction Hash:" }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-sm font-mono break-all text-gray-800", children: formatTransactionHash(transactionHash) }),
+          selectedPaymentMethod && /* @__PURE__ */ jsxRuntimeExports.jsx(
             "a",
             {
-              href: `${Pt(u.network)}/tx/${i}`,
+              href: `${getExplorerUrl(selectedPaymentMethod.network)}/${getExplorerPath(selectedPaymentMethod.network)}/${transactionHash}`,
               target: "_blank",
               rel: "noopener noreferrer",
               className: "text-xs text-[#7042D2] mt-2 inline-block",
@@ -1832,220 +2681,305 @@ const Vt = ({
           )
         ] })
       ] }),
-      v === "error" && /* @__PURE__ */ a.jsxs("div", { children: [
-        /* @__PURE__ */ a.jsx(
-          le,
+      step === "error" && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          PaymentStatus,
           {
             status: "error",
-            theme: n,
-            message: e || "An error occurred while processing your payment."
+            theme,
+            message: error || "An error occurred while processing your payment."
           }
         ),
-        /* @__PURE__ */ a.jsx(
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
           "button",
           {
             type: "button",
-            onClick: w,
+            onClick: onBack,
             className: "mt-4 w-full py-2 px-4 bg-gray-200 hover:bg-gray-300 text-gray-800 font-medium rounded-md",
             children: "Try Again"
           }
         )
       ] })
     ] }),
-    /* @__PURE__ */ a.jsx("div", { className: "text-center text-xs text-gray-500", children: /* @__PURE__ */ a.jsxs("p", { children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-center text-xs text-gray-500", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { children: [
       "Powered by ",
-      /* @__PURE__ */ a.jsx("span", { className: "text-[#7042D2]", children: "Coinley" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-[#7042D2]", children: "Coinley" }),
       " - Secure Cryptocurrency Payments"
     ] }) })
-  ] }) }) }) : null;
-}, Pt = (s) => ({
-  ethereum: "https://etherscan.io",
-  bsc: "https://bscscan.com",
-  tron: "https://tronscan.org",
-  algorand: "https://algoexplorer.io"
-})[s] || "https://etherscan.io", Ot = Ye(({
-  apiKey: s,
-  apiSecret: r,
-  apiUrl: t,
-  customerEmail: c,
-  merchantName: u = "Merchant",
-  merchantWalletAddresses: h = {},
+  ] }) }) });
+};
+const getExplorerUrl = (network) => {
+  const explorers = {
+    ethereum: "https://etherscan.io",
+    bsc: "https://bscscan.com",
+    tron: "https://tronscan.org",
+    algorand: "https://algoexplorer.io"
+  };
+  return explorers[network] || "https://etherscan.io";
+};
+const getExplorerPath = (network) => {
+  const paths = {
+    ethereum: "tx",
+    bsc: "tx",
+    tron: "transaction",
+    algorand: "tx"
+  };
+  return paths[network] || "tx";
+};
+const CoinleyCheckout = forwardRef(({
+  apiKey,
+  apiSecret,
+  apiUrl,
+  customerEmail,
+  merchantName = "Merchant",
+  merchantWalletAddresses = {},
   // Object with network-specific addresses
-  onSuccess: y,
-  onError: w,
-  onClose: e,
-  theme: n,
-  autoOpen: o = !1,
-  debug: i = !1,
-  testMode: l = !1,
-  supportedNetworks: f = [],
+  onSuccess,
+  onError,
+  onClose,
+  theme,
+  autoOpen = false,
+  debug = false,
+  testMode = false,
+  supportedNetworks = [],
   // Array of supported networks
-  preferredNetwork: d = A.ETHEREUM,
-  preferredWallet: m = N.METAMASK
-}, g) => {
-  const b = Nt(), { theme: v } = xt(), [p, j] = U(o), [M, F] = U(null), [V, x] = U("idle"), [T, q] = U(null), [I, B] = U(null), [ee, W] = U(null), [O, $] = U(null), [H, te] = U({}), [X, G] = U("select-currency");
-  s || (b == null || b.apiKey), r || (b == null || b.apiSecret), t || (b == null || b.apiUrl);
-  const oe = n || v, re = i || (b == null ? void 0 : b.debug), ae = f.length > 0 ? f : [A.ETHEREUM, A.BSC, A.TRON, A.ALGORAND];
-  Je(g, () => ({
-    open: (C) => {
-      Fe(C);
+  preferredNetwork = NETWORK_TYPES.ETHEREUM,
+  preferredWallet = WALLET_TYPES.METAMASK
+}, ref) => {
+  const coinleyContext = useCoinley();
+  const { theme: contextTheme } = useTheme();
+  const [isOpen, setIsOpen] = useState(autoOpen);
+  const [payment, setPayment] = useState(null);
+  const [paymentStatus, setPaymentStatus] = useState("idle");
+  const [selectedPaymentMethod, setSelectedPaymentMethod] = useState(null);
+  const [error, setError] = useState(null);
+  const [transactionHash, setTransactionHash] = useState(null);
+  const [walletConnection, setWalletConnection] = useState(null);
+  const [availableWallets, setAvailableWallets] = useState({});
+  const [step, setStep] = useState("select-currency");
+  apiKey || (coinleyContext == null ? void 0 : coinleyContext.apiKey);
+  apiSecret || (coinleyContext == null ? void 0 : coinleyContext.apiSecret);
+  apiUrl || (coinleyContext == null ? void 0 : coinleyContext.apiUrl);
+  const effectiveTheme = theme || contextTheme;
+  const effectiveDebug = debug || (coinleyContext == null ? void 0 : coinleyContext.debug);
+  const effectiveSupportedNetworks = supportedNetworks.length > 0 ? supportedNetworks : [NETWORK_TYPES.ETHEREUM, NETWORK_TYPES.BSC, NETWORK_TYPES.TRON, NETWORK_TYPES.ALGORAND];
+  useImperativeHandle(ref, () => ({
+    open: (paymentDetails) => {
+      handleOpen(paymentDetails);
     },
     close: () => {
-      he();
+      handleClose();
     },
-    getPayment: () => M,
-    getWalletConnection: () => O
+    getPayment: () => payment,
+    getWalletConnection: () => walletConnection
   }));
-  const L = (C, D) => {
-    re && console.log(`[Coinley SDK] ${C}`, D);
+  const log = (message, data) => {
+    if (effectiveDebug) {
+      console.log(`[Coinley SDK] ${message}`, data);
+    }
   };
-  Z(() => {
-    if (typeof window != "undefined") {
-      const C = ue();
-      te(C), L("Available wallets detected:", C);
-    }
-  }, [re]);
-  const Fe = (C) => R(void 0, null, function* () {
-    if (!C || !C.amount) {
-      B("Payment amount is required"), w && w(new Error("Payment amount is required"));
+  useEffect(() => {
+    if (typeof window !== "undefined") {
+      const wallets = detectWallets();
+      setAvailableWallets(wallets);
+      log("Available wallets detected:", wallets);
+    }
+  }, [effectiveDebug]);
+  const handleOpen = (paymentDetails) => __async(void 0, null, function* () {
+    if (!paymentDetails || !paymentDetails.amount) {
+      setError("Payment amount is required");
+      if (onError)
+        onError(new Error("Payment amount is required"));
       return;
     }
-    x("loading"), j(!0), G("select-currency");
+    setPaymentStatus("loading");
+    setIsOpen(true);
+    setStep("select-currency");
     try {
-      L("Creating payment with details:", C);
-      const D = yield ut({
-        amount: C.amount,
-        currency: C.currency || "USDT",
-        network: C.network || d,
-        customerEmail: C.customerEmail || c,
-        callbackUrl: C.callbackUrl,
-        metadata: C.metadata || {},
-        merchantWalletAddresses: z(z({}, h), C.merchantWalletAddresses)
+      log("Creating payment with details:", paymentDetails);
+      const paymentResponse = yield createPayment({
+        amount: paymentDetails.amount,
+        currency: paymentDetails.currency || "USDT",
+        network: paymentDetails.network || preferredNetwork,
+        customerEmail: paymentDetails.customerEmail || customerEmail,
+        callbackUrl: paymentDetails.callbackUrl,
+        metadata: paymentDetails.metadata || {},
+        merchantWalletAddresses: __spreadValues(__spreadValues({}, merchantWalletAddresses), paymentDetails.merchantWalletAddresses)
       });
-      L("Payment created:", D), F(D.payment), x("idle"), B(null), L("Payment created and state updated");
-    } catch (D) {
-      L("Error creating payment:", D), B(D.message || "Failed to create payment"), x("error"), w && w(D);
-    }
-  }), he = () => {
-    j(!1), W(null), $(null), q(null), G("select-currency"), e && e();
-  }, Be = (C) => {
-    L("Payment method selected:", C), q(C), G("confirm");
-  }, We = () => {
-    X === "confirm" && (G("select-currency"), $(null));
-  }, Qe = (C) => R(void 0, null, function* () {
-    if (!T) {
-      B("Please select a payment method first");
+      log("Payment created:", paymentResponse);
+      setPayment(paymentResponse.payment);
+      setPaymentStatus("idle");
+      setError(null);
+      log("Payment created and state updated");
+    } catch (err) {
+      log("Error creating payment:", err);
+      setError(err.message || "Failed to create payment");
+      setPaymentStatus("error");
+      if (onError)
+        onError(err);
+    }
+  });
+  const handleClose = () => {
+    setIsOpen(false);
+    setTransactionHash(null);
+    setWalletConnection(null);
+    setSelectedPaymentMethod(null);
+    setStep("select-currency");
+    if (onClose)
+      onClose();
+  };
+  const handlePaymentMethodSelect = (paymentMethod) => {
+    log("Payment method selected:", paymentMethod);
+    setSelectedPaymentMethod(paymentMethod);
+    setStep("confirm");
+  };
+  const handleBack = () => {
+    if (step === "confirm") {
+      setStep("select-currency");
+      setWalletConnection(null);
+    }
+  };
+  const handleConnectWallet = (walletType) => __async(void 0, null, function* () {
+    if (!selectedPaymentMethod) {
+      setError("Please select a payment method first");
       return;
     }
     try {
-      L("Connecting wallet:", { walletType: C, network: T.network });
-      const D = yield et(C, T.network);
-      $(D), B(null), L("Wallet connected successfully:", D);
-    } catch (D) {
-      L("Wallet connection error:", D), B(D.message || "Failed to connect wallet");
-    }
-  }), ze = () => R(void 0, null, function* () {
-    var C, D;
-    if (!M || !T) {
-      B("Missing payment information");
+      log("Connecting wallet:", { walletType, network: selectedPaymentMethod.network });
+      const connection = yield connectWallet(walletType, selectedPaymentMethod.network);
+      setWalletConnection(connection);
+      setError(null);
+      log("Wallet connected successfully:", connection);
+    } catch (err) {
+      log("Wallet connection error:", err);
+      setError(err.message || "Failed to connect wallet");
+    }
+  });
+  const handlePayment = () => __async(void 0, null, function* () {
+    var _a, _b;
+    if (!payment || !selectedPaymentMethod) {
+      setError("Missing payment information");
       return;
     }
-    if (!O && !l) {
-      B("Please connect your wallet first");
+    if (!walletConnection && !testMode) {
+      setError("Please connect your wallet first");
       return;
     }
-    L("Starting payment process..."), x("loading"), W(null);
+    log("Starting payment process...");
+    setPaymentStatus("loading");
+    setTransactionHash(null);
     try {
-      let Q;
-      if (l)
-        L("Test mode: Generating mock transaction..."), Q = `test_${Date.now().toString(16)}_${Math.random().toString(16).substring(2, 10)}`;
-      else {
-        const me = h[T.network];
-        if (!me)
-          throw new Error(`No merchant wallet address configured for ${T.network}`);
-        L("Sending transaction through wallet..."), Q = yield ot(O, {
-          to: me,
-          amount: M.amount,
-          tokenAddress: (C = T.tokenConfig) == null ? void 0 : C.address,
-          tokenDecimals: (D = T.tokenConfig) == null ? void 0 : D.decimals
+      let txHash;
+      if (testMode) {
+        log("Test mode: Generating mock transaction...");
+        txHash = `test_${Date.now().toString(16)}_${Math.random().toString(16).substring(2, 10)}`;
+      } else {
+        const merchantAddress = merchantWalletAddresses[selectedPaymentMethod.network];
+        if (!merchantAddress) {
+          throw new Error(`No merchant wallet address configured for ${selectedPaymentMethod.network}`);
+        }
+        log("Sending transaction through wallet...");
+        txHash = yield sendTransaction(walletConnection, {
+          to: merchantAddress,
+          amount: payment.amount,
+          tokenAddress: (_a = selectedPaymentMethod.tokenConfig) == null ? void 0 : _a.address,
+          tokenDecimals: (_b = selectedPaymentMethod.tokenConfig) == null ? void 0 : _b.decimals
         });
       }
-      L("Transaction hash:", Q), W(Q), L("Processing payment with backend...");
-      const He = yield ht({
-        paymentId: M.id,
-        transactionHash: Q,
-        network: T.network,
-        currency: T.currency,
-        senderAddress: O == null ? void 0 : O.address
+      log("Transaction hash:", txHash);
+      setTransactionHash(txHash);
+      log("Processing payment with backend...");
+      const processResponse = yield processPayment({
+        paymentId: payment.id,
+        transactionHash: txHash,
+        network: selectedPaymentMethod.network,
+        currency: selectedPaymentMethod.currency,
+        senderAddress: walletConnection == null ? void 0 : walletConnection.address
       });
-      L("Payment processed successfully:", He), x("success"), G("success"), y && (L("Calling onSuccess callback..."), y(M.id, Q, {
-        network: T.network,
-        currency: T.currency,
-        amount: M.amount
-      }));
-    } catch (Q) {
-      L("Payment error:", Q), B(Q.message || "Failed to process payment"), x("error"), G("error"), w && w(Q);
-    }
-  }), Ge = () => T ? Ne(T.network) : [];
-  return /* @__PURE__ */ a.jsx(a.Fragment, { children: p && /* @__PURE__ */ a.jsx(
-    Lt,
+      log("Payment processed successfully:", processResponse);
+      setPaymentStatus("success");
+      setStep("success");
+      if (onSuccess) {
+        log("Calling onSuccess callback...");
+        onSuccess(payment.id, txHash, {
+          network: selectedPaymentMethod.network,
+          currency: selectedPaymentMethod.currency,
+          amount: payment.amount
+        });
+      }
+    } catch (err) {
+      log("Payment error:", err);
+      setError(err.message || "Failed to process payment");
+      setPaymentStatus("error");
+      setStep("error");
+      if (onError)
+        onError(err);
+    }
+  });
+  const getSupportedWallets = () => {
+    if (!selectedPaymentMethod)
+      return [];
+    return getSupportedWalletsForNetwork(selectedPaymentMethod.network);
+  };
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: isOpen && /* @__PURE__ */ jsxRuntimeExports.jsx(
+    CoinleyModal,
     {
-      isOpen: p,
-      onClose: he,
-      payment: M,
-      paymentStatus: V,
-      selectedPaymentMethod: T,
-      onPaymentMethodSelect: Be,
-      onPayment: ze,
-      onBack: We,
-      error: I,
-      theme: oe,
-      merchantName: u,
-      transactionHash: ee,
-      walletConnection: O,
-      onConnectWallet: Qe,
-      testMode: l,
-      supportedNetworks: ae,
-      availableWallets: H,
-      supportedWallets: Ge(),
-      step: X
+      isOpen,
+      onClose: handleClose,
+      payment,
+      paymentStatus,
+      selectedPaymentMethod,
+      onPaymentMethodSelect: handlePaymentMethodSelect,
+      onPayment: handlePayment,
+      onBack: handleBack,
+      error,
+      theme: effectiveTheme,
+      merchantName,
+      transactionHash,
+      walletConnection,
+      onConnectWallet: handleConnectWallet,
+      testMode,
+      supportedNetworks: effectiveSupportedNetworks,
+      availableWallets,
+      supportedWallets: getSupportedWallets(),
+      step,
+      merchantWalletAddresses
     }
   ) });
 });
-Ot.displayName = "CoinleyCheckout";
-const qt = {
+CoinleyCheckout.displayName = "CoinleyCheckout";
+const DEFAULT_CONFIG = {
   apiUrl: "http://localhost:9000",
-  debug: !1,
-  testMode: !1,
+  debug: false,
+  testMode: false,
   theme: "light",
   supportedNetworks: ["ethereum", "bsc", "tron", "algorand"]
-}, $t = "0.3.1";
+};
 export {
-  Ot as CoinleyCheckout,
-  Lt as CoinleyModal,
-  Gt as CoinleyProvider,
-  qt as DEFAULT_CONFIG,
-  de as NETWORK_CONFIG,
-  A as NETWORK_TYPES,
-  Rt as PaymentMethods,
-  le as PaymentStatus,
-  Vt as QRCode,
-  Xe as TOKEN_CONFIG,
-  zt as ThemeProvider,
-  $t as VERSION,
-  N as WALLET_TYPES,
-  et as connectWallet,
-  ut as createPayment,
-  ue as detectWallets,
-  Qt as generateMockTransactionHash,
-  Bt as getMerchantProfile,
-  It as getPayment,
-  Ft as getSupportedNetworks,
-  Ne as getSupportedWalletsForNetwork,
-  ct as getWalletInstallUrl,
-  ht as processPayment,
-  ot as sendTransaction,
-  Nt as useCoinley,
-  Wt as validateWalletAddress
+  CoinleyCheckout,
+  CoinleyModal,
+  CoinleyProvider,
+  DEFAULT_CONFIG,
+  NETWORK_CONFIG,
+  NETWORK_TYPES,
+  PaymentMethods,
+  PaymentStatus,
+  QRCode,
+  TOKEN_CONFIG,
+  ThemeProvider,
+  WALLET_TYPES,
+  connectWallet,
+  createPayment,
+  detectWallets,
+  generateMockTransactionHash,
+  getMerchantProfile,
+  getPayment,
+  getSupportedNetworks,
+  getSupportedWalletsForNetwork,
+  getWalletInstallUrl,
+  processPayment,
+  sendTransaction,
+  useCoinley,
+  validateWalletAddress
 };
 //# sourceMappingURL=coinley-checkout.es.js.map