coinley-checkout 0.3.2 → 0.3.3

package/dist/coinley-checkout.es.js

@@ -1,441 +1,617 @@
-var qe = Object.defineProperty, He = Object.defineProperties;
-var $e = Object.getOwnPropertyDescriptors;
-var ge = Object.getOwnPropertySymbols;
-var Ke = Object.prototype.hasOwnProperty, Ve = Object.prototype.propertyIsEnumerable;
-var fe = (s, t, e) => t in s ? qe(s, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : s[t] = e, z = (s, t) => {
-  for (var e in t || (t = {}))
-    Ke.call(t, e) && fe(s, e, t[e]);
-  if (ge)
-    for (var e of ge(t))
-      Ve.call(t, e) && fe(s, e, t[e]);
-  return s;
-}, we = (s, t) => He(s, $e(t));
-var R = (s, t, e) => new Promise((i, c) => {
-  var u = (r) => {
-    try {
-      x(e.next(r));
-    } catch (n) {
-      c(n);
-    }
-  }, y = (r) => {
-    try {
-      x(e.throw(r));
-    } catch (n) {
-      c(n);
-    }
-  }, x = (r) => r.done ? i(r.value) : Promise.resolve(r.value).then(u, y);
-  x((e = e.apply(s, t)).next());
-});
-import L, { createContext as xe, useContext as ye, useState as D, useEffect as Z, forwardRef as _e, useImperativeHandle as Je } from "react";
-const b = {
+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 = {
-  [b.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]
   },
-  [b.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]
   },
-  [b.TRON]: {
+  [NETWORK_TYPES.TRON]: {
     fullHost: "https://api.trongrid.io",
     explorerUrl: "https://tronscan.org",
-    supportedWallets: [N.TRONLINK]
+    supportedWallets: [WALLET_TYPES.TRONLINK]
   },
-  [b.ALGORAND]: {
+  [NETWORK_TYPES.ALGORAND]: {
     network: "mainnet",
     explorerUrl: "https://algoexplorer.io",
-    supportedWallets: [N.LUTE]
+    supportedWallets: [WALLET_TYPES.LUTE]
   }
-}, Ye = {
+};
+const TOKEN_CONFIG = {
   USDT: {
-    [b.ETHEREUM]: {
+    [NETWORK_TYPES.ETHEREUM]: {
       address: "0xdAC17F958D2ee523a2206206994597C13D831ec7",
       decimals: 6
     },
-    [b.BSC]: {
+    [NETWORK_TYPES.BSC]: {
       address: "0x55d398326f99059fF775485246999027B3197955",
       decimals: 18
     },
-    [b.TRON]: {
+    [NETWORK_TYPES.TRON]: {
       address: "TR7NHqjeKQxGTCi8q8ZY4pL8otSzgjLj6t",
       decimals: 6
+    },
+    [NETWORK_TYPES.ALGORAND]: {
+      address: "312769",
+      // USDT ASA ID on Algorand
+      decimals: 6
     }
   },
   USDC: {
-    [b.ETHEREUM]: {
+    [NETWORK_TYPES.ETHEREUM]: {
       address: "0xA0b86991c6218b36c1d19D4a2e9Eb0cE3606eB48",
       decimals: 6
     },
-    [b.BSC]: {
+    [NETWORK_TYPES.BSC]: {
       address: "0x8AC76a51cc950d9822D68b83fE1Ad97B32Cd580d",
       decimals: 18
     },
-    [b.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: {
-    [b.ALGORAND]: {
+    [NETWORK_TYPES.ALGORAND]: {
       address: "native",
       decimals: 6
     }
   }
 };
-let _ = null;
-const Xe = () => 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 (t) {
-    console.warn("Error detecting wallets:", t);
+    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;
-}, Ze = (s) => {
-  const t = de[s];
-  if (!t)
+  return wallets;
+};
+const getSupportedWalletsForNetwork = (network) => {
+  const networkConfig = NETWORK_CONFIG[network];
+  if (!networkConfig)
     return [];
-  const e = ue();
-  return t.supportedWallets.filter((i) => e[i]);
-}, et = (s, t) => R(void 0, null, function* () {
-  switch (s) {
-    case N.METAMASK:
-      return yield tt(t);
-    case N.TRONLINK:
-      return yield rt();
-    case N.TRUST_WALLET:
-      return yield st(t);
-    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 t = yield window.ethereum.request({
+    const accounts = yield window.ethereum.request({
       method: "eth_requestAccounts"
     });
-    if (!t || t.length === 0)
+    if (!accounts || accounts.length === 0) {
       throw new Error("No accounts found. Please unlock MetaMask.");
-    const e = de[s];
-    return e && e.chainId && (yield be(e)), {
-      address: t[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 (t) {
-    throw t.code === 4001 ? new Error("User rejected the connection request") : new Error(`Failed to connect MetaMask: ${t.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 i;
-  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 t = 10;
-  for (; !window.tronWeb.ready && s < t; )
-    yield new Promise((c) => setTimeout(c, 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 e = (i = window.tronWeb.defaultAddress) == null ? void 0 : i.base58;
-  if (!e)
+  }
+  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: e,
-    network: b.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 t = yield window.ethereum.request({
+    const accounts = yield window.ethereum.request({
       method: "eth_requestAccounts"
     });
-    if (!t || t.length === 0)
+    if (!accounts || accounts.length === 0) {
       throw new Error("No accounts found. Please unlock Trust Wallet.");
-    const e = de[s];
-    return e && e.chainId && (yield be(e)), {
-      address: t[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 (t) {
-    throw t.code === 4001 ? new Error("User rejected the connection request") : new Error(`Failed to connect Trust Wallet: ${t.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: b.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}`);
   }
-}), be = (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 (t) {
-    if (t.code === 4902)
+  } catch (switchError) {
+    if (switchError.code === 4902) {
       try {
         yield window.ethereum.request({
           method: "wallet_addEthereumChain",
-          params: [s]
+          params: [networkConfig]
         });
-      } catch (e) {
-        throw new Error(`Failed to add ${s.chainName} to wallet: ${e.message}`);
+      } catch (addError) {
+        throw new Error(`Failed to add ${networkConfig.chainName} to wallet: ${addError.message}`);
       }
-    else
-      throw t.code === 4001 ? new Error("User rejected network switch request") : new Error(`Failed to switch to ${s.chainName}: ${t.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, t) => R(void 0, null, function* () {
-  const { walletType: e, network: i, address: c } = s, { to: u, amount: y, tokenAddress: x, tokenDecimals: r } = t;
-  switch (e) {
-    case N.METAMASK:
-    case N.TRUST_WALLET:
-      return yield at(c, u, y, x, r);
-    case N.TRONLINK:
-      return yield it(u, y, x, r);
-    case N.LUTE:
-      return yield lt(c, u, 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: ${e}`);
+      throw new Error(`Unsupported wallet type: ${walletType}`);
   }
-}), at = (s, t, e, i, c) => 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 u = yield Xe(), y = new u(window.ethereum), x = y.utils.toBN(
-      Math.floor(parseFloat(e) * Math.pow(10, c || 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 (i && i !== "native") {
-      const r = [
+    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(r, i).methods.transfer(t, x).send({ from: s })).transactionHash;
-    } else
-      return (yield y.eth.sendTransaction({
-        from: s,
-        to: t,
-        value: x
-      })).transactionHash;
-  } catch (u) {
-    throw u.code === 4001 ? new Error("Transaction was rejected by user") : new Error(`Transaction failed: ${u.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}`);
   }
-}), it = (s, t, e, i) => 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 c = Math.floor(parseFloat(t) * Math.pow(10, i || 6));
-    return e && e !== "native" ? yield (yield window.tronWeb.contract().at(e)).transfer(s, c).send({
-      feeLimit: 1e8,
-      callValue: 0
-    }) : (yield window.tronWeb.trx.sendTransaction(s, c)).txid;
-  } catch (c) {
-    throw new Error(`TRON transaction failed: ${c.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}`);
   }
-}), lt = (s, t, e) => 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 i = Math.floor(parseFloat(e) * 1e6), c = {
-      from: s,
-      to: t,
-      amount: i,
+    const microAlgos = Math.floor(parseFloat(amount) * 1e6);
+    const txn = {
+      from,
+      to,
+      amount: microAlgos,
       type: "pay"
-    }, u = yield window.algorand.signTransaction(c);
-    return (yield window.algorand.sendTransaction(u)).txId;
-  } catch (i) {
-    throw new Error(`Algorand transaction failed: ${i.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 U = {
+});
+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) => {
-  U = z(z({}, U), s), console.log("API initialized with:", {
-    apiUrl: U.apiUrl,
-    apiKey: U.apiKey ? `${U.apiKey.substring(0, 6)}...` : null,
-    hasWalletAddresses: Object.keys(U.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
   });
-}, Y = () => ({
-  "Content-Type": "application/json",
-  "x-api-key": U.apiKey,
-  "x-api-secret": U.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:", `${U.apiUrl}/api/payments/create`);
-    const t = we(z({}, s), {
-      merchantWalletAddresses: z(z({}, U.merchantWalletAddresses), s.merchantWalletAddresses)
-    }), e = yield fetch(`${U.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: Y(),
-      body: JSON.stringify(t)
+      headers: getHeaders(),
+      body: JSON.stringify(enhancedPaymentData)
     });
-    if (console.log("Create payment response status:", e.status), !e.ok) {
-      const c = yield e.json();
-      throw console.error("Error creating payment:", c), new Error(c.error || `Failed to create payment: ${e.status}`);
-    }
-    const i = yield e.json();
-    return console.log("Create payment response data:", i), i;
-  } catch (t) {
-    throw console.error("Create payment error:", t), t;
+    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;
   }
-}), Bt = (s) => R(void 0, null, function* () {
+});
+const getPayment = (paymentId) => __async(void 0, null, function* () {
   try {
-    console.log("Getting payment:", s);
-    const t = yield fetch(`${U.apiUrl}/api/payments/${s}`, {
+    console.log("Getting payment:", paymentId);
+    const response = yield fetch(`${apiConfig.apiUrl}/api/payments/${paymentId}`, {
       method: "GET",
-      headers: Y()
+      headers: getHeaders()
     });
-    if (!t.ok) {
-      const i = yield t.json();
-      throw console.error("Error getting payment:", i), new Error(i.error || `Failed to get payment: ${t.status}`);
-    }
-    const e = yield t.json();
-    return console.log("Get payment response:", e), e;
-  } catch (t) {
-    throw console.error("Get payment error:", t), t;
+    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:", `${U.apiUrl}/api/payments/process`);
-    const t = yield fetch(`${U.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: Y(),
-      body: JSON.stringify(s)
+      headers: getHeaders(),
+      body: JSON.stringify(processData)
     });
-    if (console.log("Process payment response status:", t.status), !t.ok) {
-      const i = yield t.json();
-      throw console.error("Error processing payment:", i), new Error(i.error || `Failed to process payment: ${t.status}`);
-    }
-    const e = yield t.json();
-    return console.log("Process payment response data:", e), e;
-  } catch (t) {
-    throw console.error("Process payment error:", t), t;
+    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;
   }
-}), Wt = () => R(void 0, null, function* () {
+});
+const getSupportedNetworks = () => __async(void 0, null, function* () {
   try {
-    const s = yield fetch(`${U.apiUrl}/api/networks`, {
+    const response = yield fetch(`${apiConfig.apiUrl}/api/networks`, {
       method: "GET",
-      headers: Y()
+      headers: getHeaders()
     });
-    if (!s.ok) {
-      const e = yield s.json();
-      throw new Error(e.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;
   }
-}), Qt = () => R(void 0, null, function* () {
+});
+const getMerchantProfile = () => __async(void 0, null, function* () {
   try {
-    const s = yield fetch(`${U.apiUrl}/api/merchants/profile`, {
+    const response = yield fetch(`${apiConfig.apiUrl}/api/merchants/profile`, {
       method: "GET",
-      headers: Y()
+      headers: getHeaders()
     });
-    if (!s.ok) {
-      const e = yield s.json();
-      throw new Error(e.error || `Failed to get merchant profile: ${s.status}`);
-    }
-    const t = yield s.json();
-    return t.merchant && t.merchant.walletAddresses && (U.merchantWalletAddresses = z(z({}, U.merchantWalletAddresses), t.merchant.walletAddresses)), t;
-  } 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;
   }
-}), zt = (s, t) => R(void 0, null, function* () {
+});
+const validateWalletAddress = (address, network) => __async(void 0, null, function* () {
   try {
-    const e = yield fetch(`${U.apiUrl}/api/wallets/validate`, {
+    const response = yield fetch(`${apiConfig.apiUrl}/api/wallets/validate`, {
       method: "POST",
-      headers: Y(),
-      body: JSON.stringify({ address: s, network: t })
+      headers: getHeaders(),
+      body: JSON.stringify({ address, network })
     });
-    if (!e.ok) {
-      const c = yield e.json();
-      throw new Error(c.error || `Failed to validate address: ${e.status}`);
-    }
-    return yield e.json();
-  } catch (e) {
-    throw console.error("Validate wallet address error:", e), e;
+    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;
   }
-}), Gt = (s = "ethereum") => {
-  const e = {
+});
+const generateMockTransactionHash = (network = "ethereum") => {
+  const prefixes = {
     ethereum: "0x",
     bsc: "0x",
     tron: "",
     algorand: ""
-  }[s] || "0x", i = Array.from({ length: 64 }, () => Math.floor(Math.random() * 16).toString(16)).join("");
-  return `${e}${i}`;
+  };
+  const prefix = prefixes[network] || "0x";
+  const hash = Array.from({ length: 64 }, () => Math.floor(Math.random() * 16).toString(16)).join("");
+  return `${prefix}${hash}`;
 };
-var Ne = { exports: {} }, ne = {};
+var jsxRuntime = { exports: {} };
+var reactJsxRuntime_production_min = {};
 /**
  * @license React
  * react-jsx-runtime.production.min.js
@@ -445,129 +621,182 @@ var Ne = { 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 = L, gt = Symbol.for("react.element"), ft = Symbol.for("react.fragment"), wt = Object.prototype.hasOwnProperty, pt = mt.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, xt = { key: !0, ref: !0, __self: !0, __source: !0 };
-function Ee(s, t, e) {
-  var i, c = {}, u = null, y = null;
-  e !== void 0 && (u = "" + e), t.key !== void 0 && (u = "" + t.key), t.ref !== void 0 && (y = t.ref);
-  for (i in t)
-    wt.call(t, i) && !xt.hasOwnProperty(i) && (c[i] = t[i]);
-  if (s && s.defaultProps)
-    for (i in t = s.defaultProps, t)
-      c[i] === void 0 && (c[i] = t[i]);
-  return { $$typeof: gt, type: s, key: u, ref: y, props: c, _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 = ft;
-ne.jsx = Ee;
-ne.jsxs = Ee;
-Ne.exports = ne;
-var o = Ne.exports;
-const ve = xe(), yt = () => ye(ve), qt = ({ initialTheme: s = "light", children: t }) => {
-  const [e, i] = D(s), c = () => {
-    i((u) => u === "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(e);
-  }, [e]), /* @__PURE__ */ o.jsx(ve.Provider, { value: { theme: e, setTheme: i, toggleTheme: c }, children: t });
-}, ke = xe(), bt = () => ye(ke), Ht = ({
-  apiKey: s,
-  apiSecret: t,
-  apiUrl: e = "http://localhost:9000",
-  merchantWalletAddress: i = 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: c = null,
+  merchantSolWalletAddress = null,
   // New prop for Solana wallet address
-  debug: u = !1,
-  children: y
+  debug = false,
+  children
 }) => {
-  const [x, r] = D(!1), [n, a] = D(null), [l, d] = D(null);
-  Z(() => {
-    if (!s || !t) {
-      a("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: t,
-        apiUrl: e,
-        merchantWalletAddress: i,
+      initializeApi({
+        apiKey,
+        apiSecret,
+        apiUrl,
+        merchantWalletAddress,
         // Pass wallet address to API service
-        merchantSolWalletAddress: c
-      }), r(!0), u && console.log("Coinley SDK initialized with:", {
-        apiKey: s,
-        apiUrl: e,
-        merchantWalletAddress: i ? `${i.substring(0, 6)}...${i.substring(i.length - 4)}` : "Not provided",
-        merchantSolWalletAddress: c ? `${c.substring(0, 6)}...${c.substring(c.length - 4)}` : "Not provided"
+        merchantSolWalletAddress
       });
-    } catch (m) {
-      a(m.message), u && console.error("Coinley SDK initialization error:", m);
-    }
-  }, [s, t, e, i, c, u]);
-  const h = {
-    apiKey: s,
-    apiSecret: t,
-    apiUrl: e,
-    merchantWalletAddress: i,
-    merchantSolWalletAddress: c,
-    isInitialized: x,
-    error: n,
-    debug: u,
-    paymentData: l,
-    storePaymentData: (m) => (d(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;
   };
-  return /* @__PURE__ */ o.jsx(ke.Provider, { value: h, children: y });
+  const value = {
+    apiKey,
+    apiSecret,
+    apiUrl,
+    merchantWalletAddress,
+    merchantSolWalletAddress,
+    isInitialized,
+    error,
+    debug,
+    paymentData,
+    storePaymentData
+  };
+  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 Nt = Object.defineProperty, se = Object.getOwnPropertySymbols, Te = Object.prototype.hasOwnProperty, Ae = Object.prototype.propertyIsEnumerable, pe = (s, t, e) => t in s ? Nt(s, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : s[t] = e, le = (s, t) => {
-  for (var e in t || (t = {}))
-    Te.call(t, e) && pe(s, e, t[e]);
-  if (se)
-    for (var e of se(t))
-      Ae.call(t, e) && pe(s, e, t[e]);
-  return s;
-}, ce = (s, t) => {
-  var e = {};
-  for (var i in s)
-    Te.call(s, i) && t.indexOf(i) < 0 && (e[i] = s[i]);
-  if (s != null && se)
-    for (var i of se(s))
-      t.indexOf(i) < 0 && Ae.call(s, i) && (e[i] = s[i]);
-  return e;
+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 t = 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(r, n, a, l) {
-      if (this.version = r, this.errorCorrectionLevel = n, this.modules = [], this.isFunction = [], r < E.MIN_VERSION || r > 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 (l < -1 || l > 7)
+      if (msk < -1 || msk > 7)
         throw new RangeError("Mask value out of range");
-      this.size = r * 4 + 17;
-      let d = [];
-      for (let h = 0; h < this.size; h++)
-        d.push(!1);
-      for (let h = 0; h < this.size; h++)
-        this.modules.push(d.slice()), this.isFunction.push(d.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 g = this.addEccAndInterleave(a);
-      if (this.drawCodewords(g), l == -1) {
-        let h = 1e9;
-        for (let m = 0; m < 8; m++) {
-          this.applyMask(m), this.drawFormatBits(m);
-          const f = this.getPenaltyScore();
-          f < h && (l = m, h = f), 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);
         }
       }
-      c(0 <= l && l <= 7), this.mask = l, this.applyMask(l), this.drawFormatBits(l), 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(r, n) {
-      const a = s.QrSegment.makeSegments(r);
-      return E.encodeSegments(a, 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(r, n) {
-      const a = s.QrSegment.makeBytes(r);
-      return E.encodeSegments([a], 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(r, n, a = 1, l = 40, d = -1, g = !0) {
-      if (!(E.MIN_VERSION <= a && a <= l && l <= E.MAX_VERSION) || d < -1 || d > 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 h, m;
-      for (h = a; ; h++) {
-        const p = E.getNumDataCodewords(h, n) * 8, T = y.getTotalBits(r, h);
-        if (T <= p) {
-          m = T;
+      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 (h >= l)
+        if (version >= maxVersion)
           throw new RangeError("Data too long");
       }
-      for (const p of [E.Ecc.MEDIUM, E.Ecc.QUARTILE, E.Ecc.HIGH])
-        g && m <= E.getNumDataCodewords(h, p) * 8 && (n = p);
-      let f = [];
-      for (const p of r) {
-        e(p.mode.modeBits, 4, f), e(p.numChars, p.mode.numCharCountBits(h), f);
-        for (const T of p.getData())
-          f.push(T);
+      for (const newEcl of [_QrCode2.Ecc.MEDIUM, _QrCode2.Ecc.QUARTILE, _QrCode2.Ecc.HIGH]) {
+        if (boostEcl && dataUsedBits <= _QrCode2.getNumDataCodewords(version, newEcl) * 8)
+          ecl = newEcl;
       }
-      c(f.length == m);
-      const k = E.getNumDataCodewords(h, n) * 8;
-      c(f.length <= k), e(0, Math.min(4, k - f.length), f), e(0, (8 - f.length % 8) % 8, f), c(f.length % 8 == 0);
-      for (let p = 236; f.length < k; p ^= 253)
-        e(p, 8, f);
-      let w = [];
-      for (; w.length * 8 < f.length; )
-        w.push(0);
-      return f.forEach((p, T) => w[T >>> 3] |= p << 7 - (T & 7)), new E(h, n, w, d);
+      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);
+      }
+      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(r, n) {
-      return 0 <= r && r < this.size && 0 <= n && n < this.size && this.modules[n][r];
+    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 a = 0; a < this.size; a++)
-        this.setFunctionModule(6, a, a % 2 == 0), this.setFunctionModule(a, 6, a % 2 == 0);
-      this.drawFinderPattern(3, 3), this.drawFinderPattern(this.size - 4, 3), this.drawFinderPattern(3, this.size - 4);
-      const r = this.getAlignmentPatternPositions(), n = r.length;
-      for (let a = 0; a < n; a++)
-        for (let l = 0; l < n; l++)
-          a == 0 && l == 0 || a == 0 && l == n - 1 || a == n - 1 && l == 0 || this.drawAlignmentPattern(r[a], r[l]);
-      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(r) {
-      const n = this.errorCorrectionLevel.formatBits << 3 | r;
-      let a = n;
-      for (let d = 0; d < 10; d++)
-        a = a << 1 ^ (a >>> 9) * 1335;
-      const l = (n << 10 | a) ^ 21522;
-      c(l >>> 15 == 0);
-      for (let d = 0; d <= 5; d++)
-        this.setFunctionModule(8, d, i(l, d));
-      this.setFunctionModule(8, 7, i(l, 6)), this.setFunctionModule(8, 8, i(l, 7)), this.setFunctionModule(7, 8, i(l, 8));
-      for (let d = 9; d < 15; d++)
-        this.setFunctionModule(14 - d, 8, i(l, d));
-      for (let d = 0; d < 8; d++)
-        this.setFunctionModule(this.size - 1 - d, 8, i(l, d));
-      for (let d = 8; d < 15; d++)
-        this.setFunctionModule(8, this.size - 15 + d, i(l, d));
-      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 r = this.version;
-      for (let a = 0; a < 12; a++)
-        r = r << 1 ^ (r >>> 11) * 7973;
-      const n = this.version << 12 | r;
-      c(n >>> 18 == 0);
-      for (let a = 0; a < 18; a++) {
-        const l = i(n, a), d = this.size - 11 + a % 3, g = Math.floor(a / 3);
-        this.setFunctionModule(d, g, l), this.setFunctionModule(g, d, l);
+      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(r, n) {
-      for (let a = -4; a <= 4; a++)
-        for (let l = -4; l <= 4; l++) {
-          const d = Math.max(Math.abs(l), Math.abs(a)), g = r + l, h = n + a;
-          0 <= g && g < this.size && 0 <= h && h < this.size && this.setFunctionModule(g, h, d != 2 && d != 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(r, n) {
-      for (let a = -2; a <= 2; a++)
-        for (let l = -2; l <= 2; l++)
-          this.setFunctionModule(r + l, n + a, Math.max(Math.abs(l), Math.abs(a)) != 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(r, n, a) {
-      this.modules[n][r] = a, this.isFunction[n][r] = !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(r) {
-      const n = this.version, a = this.errorCorrectionLevel;
-      if (r.length != E.getNumDataCodewords(n, a))
+    addEccAndInterleave(data) {
+      const ver = this.version;
+      const ecl = this.errorCorrectionLevel;
+      if (data.length != _QrCode2.getNumDataCodewords(ver, ecl))
         throw new RangeError("Invalid argument");
-      const l = E.NUM_ERROR_CORRECTION_BLOCKS[a.ordinal][n], d = E.ECC_CODEWORDS_PER_BLOCK[a.ordinal][n], g = Math.floor(E.getNumRawDataModules(n) / 8), h = l - g % l, m = Math.floor(g / l);
-      let f = [];
-      const k = E.reedSolomonComputeDivisor(d);
-      for (let p = 0, T = 0; p < l; p++) {
-        let C = r.slice(T, T + m - d + (p < h ? 0 : 1));
-        T += C.length;
-        const q = E.reedSolomonComputeRemainder(C, k);
-        p < h && C.push(0), f.push(C.concat(q));
+      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 w = [];
-      for (let p = 0; p < f[0].length; p++)
-        f.forEach((T, C) => {
-          (p != m - d || C >= h) && w.push(T[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 c(w.length == g), w;
+      }
+      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(r) {
-      if (r.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 a = this.size - 1; a >= 1; a -= 2) {
-        a == 6 && (a = 5);
-        for (let l = 0; l < this.size; l++)
-          for (let d = 0; d < 2; d++) {
-            const g = a - d, m = (a + 1 & 2) == 0 ? this.size - 1 - l : l;
-            !this.isFunction[m][g] && n < r.length * 8 && (this.modules[m][g] = i(r[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++;
+            }
           }
+        }
       }
-      c(n == r.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(r) {
-      if (r < 0 || r > 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 a = 0; a < this.size; a++) {
-          let l;
-          switch (r) {
+      for (let y = 0; y < this.size; y++) {
+        for (let x = 0; x < this.size; x++) {
+          let invert;
+          switch (mask) {
             case 0:
-              l = (a + n) % 2 == 0;
+              invert = (x + y) % 2 == 0;
               break;
             case 1:
-              l = n % 2 == 0;
+              invert = y % 2 == 0;
               break;
             case 2:
-              l = a % 3 == 0;
+              invert = x % 3 == 0;
               break;
             case 3:
-              l = (a + n) % 3 == 0;
+              invert = (x + y) % 3 == 0;
               break;
             case 4:
-              l = (Math.floor(a / 3) + Math.floor(n / 2)) % 2 == 0;
+              invert = (Math.floor(x / 3) + Math.floor(y / 2)) % 2 == 0;
               break;
             case 5:
-              l = a * n % 2 + a * n % 3 == 0;
+              invert = x * y % 2 + x * y % 3 == 0;
               break;
             case 6:
-              l = (a * n % 2 + a * n % 3) % 2 == 0;
+              invert = (x * y % 2 + x * y % 3) % 2 == 0;
               break;
             case 7:
-              l = ((a + n) % 2 + a * n % 3) % 2 == 0;
+              invert = ((x + y) % 2 + x * y % 3) % 2 == 0;
               break;
             default:
               throw new Error("Unreachable");
           }
-          !this.isFunction[n][a] && l && (this.modules[n][a] = !this.modules[n][a]);
+          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 r = 0;
-      for (let d = 0; d < this.size; d++) {
-        let g = !1, h = 0, m = [0, 0, 0, 0, 0, 0, 0];
-        for (let f = 0; f < this.size; f++)
-          this.modules[d][f] == g ? (h++, h == 5 ? r += E.PENALTY_N1 : h > 5 && r++) : (this.finderPenaltyAddHistory(h, m), g || (r += this.finderPenaltyCountPatterns(m) * E.PENALTY_N3), g = this.modules[d][f], h = 1);
-        r += this.finderPenaltyTerminateAndCount(g, h, 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 d = 0; d < this.size; d++) {
-        let g = !1, h = 0, m = [0, 0, 0, 0, 0, 0, 0];
-        for (let f = 0; f < this.size; f++)
-          this.modules[f][d] == g ? (h++, h == 5 ? r += E.PENALTY_N1 : h > 5 && r++) : (this.finderPenaltyAddHistory(h, m), g || (r += this.finderPenaltyCountPatterns(m) * E.PENALTY_N3), g = this.modules[f][d], h = 1);
-        r += this.finderPenaltyTerminateAndCount(g, h, 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 d = 0; d < this.size - 1; d++)
-        for (let g = 0; g < this.size - 1; g++) {
-          const h = this.modules[d][g];
-          h == this.modules[d][g + 1] && h == this.modules[d + 1][g] && h == this.modules[d + 1][g + 1] && (r += 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 d of this.modules)
-        n = d.reduce((g, h) => g + (h ? 1 : 0), n);
-      const a = this.size * this.size, l = Math.ceil(Math.abs(n * 20 - a * 10) / a) - 1;
-      return c(0 <= l && l <= 9), r += l * E.PENALTY_N4, c(0 <= r && r <= 2568888), r;
+      }
+      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 r = Math.floor(this.version / 7) + 2, n = this.version == 32 ? 26 : Math.ceil((this.version * 4 + 4) / (r * 2 - 2)) * 2;
-        let a = [6];
-        for (let l = this.size - 7; a.length < r; l -= n)
-          a.splice(1, 0, l);
-        return a;
+      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(r) {
-      if (r < E.MIN_VERSION || r > 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 * r + 128) * r + 64;
-      if (r >= 2) {
-        const a = Math.floor(r / 7) + 2;
-        n -= (25 * a - 10) * a - 55, r >= 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 c(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(r, n) {
-      return Math.floor(E.getNumRawDataModules(r) / 8) - E.ECC_CODEWORDS_PER_BLOCK[n.ordinal][r] * E.NUM_ERROR_CORRECTION_BLOCKS[n.ordinal][r];
+    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(r) {
-      if (r < 1 || r > 255)
+    static reedSolomonComputeDivisor(degree) {
+      if (degree < 1 || degree > 255)
         throw new RangeError("Degree out of range");
-      let n = [];
-      for (let l = 0; l < r - 1; l++)
-        n.push(0);
-      n.push(1);
-      let a = 1;
-      for (let l = 0; l < r; l++) {
-        for (let d = 0; d < n.length; d++)
-          n[d] = E.reedSolomonMultiply(n[d], a), d + 1 < n.length && (n[d] ^= n[d + 1]);
-        a = E.reedSolomonMultiply(a, 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(r, n) {
-      let a = n.map((l) => 0);
-      for (const l of r) {
-        const d = l ^ a.shift();
-        a.push(0), n.forEach((g, h) => a[h] ^= E.reedSolomonMultiply(g, d));
+    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 a;
+      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(r, n) {
-      if (r >>> 8 || n >>> 8)
+    static reedSolomonMultiply(x, y) {
+      if (x >>> 8 != 0 || y >>> 8 != 0)
         throw new RangeError("Byte out of range");
-      let a = 0;
-      for (let l = 7; l >= 0; l--)
-        a = a << 1 ^ (a >>> 7) * 285, a ^= (n >>> l & 1) * r;
-      return c(a >>> 8 == 0), a;
+      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(r) {
-      const n = r[1];
-      c(n <= this.size * 3);
-      const a = n > 0 && r[2] == n && r[3] == n * 3 && r[4] == n && r[5] == n;
-      return (a && r[0] >= n * 4 && r[6] >= n ? 1 : 0) + (a && r[6] >= n * 4 && r[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(r, n, a) {
-      return r && (this.finderPenaltyAddHistory(n, a), n = 0), n += this.size, this.finderPenaltyAddHistory(n, a), this.finderPenaltyCountPatterns(a);
+    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(r, n) {
-      n[0] == 0 && (r += this.size), n.pop(), n.unshift(r);
+    finderPenaltyAddHistory(currentRunLength, runHistory) {
+      if (runHistory[0] == 0)
+        currentRunLength += this.size;
+      runHistory.pop();
+      runHistory.unshift(currentRunLength);
     }
   };
-  t.MIN_VERSION = 1, t.MAX_VERSION = 40, t.PENALTY_N1 = 3, t.PENALTY_N2 = 3, t.PENALTY_N3 = 40, t.PENALTY_N4 = 10, t.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
-  ], t.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 = t;
-  function e(x, r, n) {
-    if (r < 0 || r > 31 || x >>> r)
+  ];
+  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 a = r - 1; a >= 0; a--)
-      n.push(x >>> a & 1);
+    for (let i = len - 1; i >= 0; i--)
+      bb.push(val >>> i & 1);
   }
-  function i(x, r) {
-    return (x >>> r & 1) != 0;
+  function getBit(x, i) {
+    return (x >>> i & 1) != 0;
   }
-  function c(x) {
-    if (!x)
+  function assert(cond) {
+    if (!cond)
       throw new Error("Assertion error");
   }
-  const u = class j {
+  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(r, n, a) {
-      if (this.mode = r, this.numChars = n, this.bitData = a, 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 = a.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(r) {
-      let n = [];
-      for (const a of r)
-        e(a, 8, n);
-      return new j(j.Mode.BYTE, r.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(r) {
-      if (!j.isNumeric(r))
+    static makeNumeric(digits) {
+      if (!_QrSegment2.isNumeric(digits))
         throw new RangeError("String contains non-numeric characters");
-      let n = [];
-      for (let a = 0; a < r.length; ) {
-        const l = Math.min(r.length - a, 3);
-        e(parseInt(r.substring(a, a + l), 10), l * 3 + 1, n), a += l;
+      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 j(j.Mode.NUMERIC, r.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(r) {
-      if (!j.isAlphanumeric(r))
+    static makeAlphanumeric(text) {
+      if (!_QrSegment2.isAlphanumeric(text))
         throw new RangeError("String contains unencodable characters in alphanumeric mode");
-      let n = [], a;
-      for (a = 0; a + 2 <= r.length; a += 2) {
-        let l = j.ALPHANUMERIC_CHARSET.indexOf(r.charAt(a)) * 45;
-        l += j.ALPHANUMERIC_CHARSET.indexOf(r.charAt(a + 1)), e(l, 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 a < r.length && e(j.ALPHANUMERIC_CHARSET.indexOf(r.charAt(a)), 6, n), new j(j.Mode.ALPHANUMERIC, r.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(r) {
-      return r == "" ? [] : j.isNumeric(r) ? [j.makeNumeric(r)] : j.isAlphanumeric(r) ? [j.makeAlphanumeric(r)] : [j.makeBytes(j.toUtf8ByteArray(r))];
+    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(r) {
-      let n = [];
-      if (r < 0)
+    static makeEci(assignVal) {
+      let bb = [];
+      if (assignVal < 0)
         throw new RangeError("ECI assignment value out of range");
-      if (r < 128)
-        e(r, 8, n);
-      else if (r < 16384)
-        e(2, 2, n), e(r, 14, n);
-      else if (r < 1e6)
-        e(6, 3, n), e(r, 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 j(j.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(r) {
-      return j.NUMERIC_REGEX.test(r);
+    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(r) {
-      return j.ALPHANUMERIC_REGEX.test(r);
+    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(r, n) {
-      let a = 0;
-      for (const l of r) {
-        const d = l.mode.numCharCountBits(n);
-        if (l.numChars >= 1 << d)
-          return 1 / 0;
-        a += 4 + d + l.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 a;
+      return result;
     }
     // Returns a new array of bytes representing the given string encoded in UTF-8.
-    static toUtf8ByteArray(r) {
-      r = encodeURI(r);
-      let n = [];
-      for (let a = 0; a < r.length; a++)
-        r.charAt(a) != "%" ? n.push(r.charCodeAt(a)) : (n.push(parseInt(r.substring(a + 1, a + 3), 16)), a += 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;
     }
   };
-  u.NUMERIC_REGEX = /^[0-9]*$/, u.ALPHANUMERIC_REGEX = /^[A-Z0-9 $%*+.\/:-]*$/, u.ALPHANUMERIC_CHARSET = "0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZ $%*+-./:";
-  let y = u;
-  s.QrSegment = u;
-})(K || (K = {}));
-((s) => {
-  ((t) => {
-    const e = 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(c, u) {
-        this.ordinal = c, this.formatBits = u;
+      constructor(ordinal, formatBits) {
+        this.ordinal = ordinal;
+        this.formatBits = formatBits;
       }
     };
-    e.LOW = new e(0, 1), e.MEDIUM = new e(1, 0), e.QUARTILE = new e(2, 3), e.HIGH = new e(3, 2), t.Ecc = e;
-  })(s.QrCode || (s.QrCode = {}));
-})(K || (K = {}));
-((s) => {
-  ((t) => {
-    const e = 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(c, u) {
-        this.modeBits = c, this.numBitsCharCount = u;
+      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(c) {
-        return this.numBitsCharCount[Math.floor((c + 7) / 17)];
+      numCharCountBits(ver) {
+        return this.numBitsCharCount[Math.floor((ver + 7) / 17)];
       }
     };
-    e.NUMERIC = new e(1, [10, 12, 14]), e.ALPHANUMERIC = new e(2, [9, 11, 13]), e.BYTE = new e(4, [8, 16, 16]), e.KANJI = new e(8, [8, 10, 12]), e.ECI = new e(7, [0, 0, 0]), t.Mode = e;
-  })(s.QrSegment || (s.QrSegment = {}));
-})(K || (K = {}));
-var J = 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 Et = {
-  L: J.QrCode.Ecc.LOW,
-  M: J.QrCode.Ecc.MEDIUM,
-  Q: J.QrCode.Ecc.QUARTILE,
-  H: J.QrCode.Ecc.HIGH
-}, Ce = 128, je = "L", Me = "#FFFFFF", Re = "#000000", Se = !1, Le = 1, vt = 4, kt = 0, Tt = 0.1;
-function Pe(s, t = 0) {
-  const e = [];
-  return s.forEach(function(i, c) {
-    let u = null;
-    i.forEach(function(y, x) {
-      if (!y && u !== null) {
-        e.push(
-          `M${u + t} ${c + t}h${x - u}v1H${u + t}z`
-        ), u = 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 (x === i.length - 1) {
-        if (!y)
+      if (x === row.length - 1) {
+        if (!cell) {
           return;
-        u === null ? e.push(`M${x + t},${c + t} h1v1H${x + t}z`) : e.push(
-          `M${u + t},${c + t} h${x + 1 - u}v1H${u + t}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 && u === null && (u = x);
+      if (cell && start === null) {
+        start = x;
+      }
     });
-  }), e.join("");
+  });
+  return ops.join("");
 }
-function De(s, t) {
-  return s.slice().map((e, i) => i < t.y || i >= t.y + t.h ? e : e.map((c, u) => u < t.x || u >= t.x + t.w ? c : !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 At(s, t, e, i) {
-  if (i == null)
+function getImageSettings(cells, size, margin, imageSettings) {
+  if (imageSettings == null) {
     return null;
-  const c = s.length + e * 2, u = Math.floor(t * Tt), y = c / t, x = (i.width || u) * y, r = (i.height || u) * y, n = i.x == null ? s.length / 2 - x / 2 : i.x * y, a = i.y == null ? s.length / 2 - r / 2 : i.y * y, l = i.opacity == null ? 1 : i.opacity;
-  let d = null;
-  if (i.excavate) {
-    let h = Math.floor(n), m = Math.floor(a), f = Math.ceil(x + n - h), k = Math.ceil(r + a - m);
-    d = { x: h, y: m, w: f, h: k };
   }
-  const g = i.crossOrigin;
-  return { x: n, y: a, h: r, w: x, excavation: d, opacity: l, crossOrigin: g };
+  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 Ct(s, t) {
-  return t != null ? Math.max(Math.floor(t), 0) : s ? vt : kt;
+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: t,
-  minVersion: e,
-  includeMargin: i,
-  marginSize: c,
-  imageSettings: u,
-  size: y,
-  boostLevel: x
+function useQRCode({
+  value,
+  level,
+  minVersion,
+  includeMargin,
+  marginSize,
+  imageSettings,
+  size,
+  boostLevel
 }) {
-  let r = L.useMemo(() => {
-    const h = (Array.isArray(s) ? s : [s]).reduce((m, f) => (m.push(...J.QrSegment.makeSegments(f)), m), []);
-    return J.QrCode.encodeSegments(
-      h,
-      Et[t],
-      e,
+  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,
-      x
+      boostLevel
     );
-  }, [s, t, e, x]);
-  const { cells: n, margin: a, numCells: l, calculatedImageSettings: d } = L.useMemo(() => {
-    let g = r.getModules();
-    const h = Ct(i, c), m = g.length + h * 2, f = At(
-      g,
-      y,
-      h,
-      u
+  }, [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: g,
-      margin: h,
-      numCells: m,
-      calculatedImageSettings: f
+      cells: cells2,
+      margin: margin2,
+      numCells: numCells2,
+      calculatedImageSettings: calculatedImageSettings2
     };
-  }, [r, y, u, i, c]);
+  }, [qrcode, size, imageSettings, includeMargin, marginSize]);
   return {
-    qrcode: r,
-    margin: a,
-    cells: n,
-    numCells: l,
-    calculatedImageSettings: d
+    qrcode,
+    margin,
+    cells,
+    numCells,
+    calculatedImageSettings
   };
 }
-var jt = function() {
+var SUPPORTS_PATH2D = function() {
   try {
     new Path2D().addPath(new Path2D());
-  } catch (s) {
-    return !1;
+  } catch (e) {
+    return false;
   }
-  return !0;
-}(), Mt = L.forwardRef(
-  function(t, e) {
-    const i = t, {
-      value: c,
-      size: u = Ce,
-      level: y = je,
-      bgColor: x = Me,
-      fgColor: r = Re,
-      includeMargin: n = Se,
-      minVersion: a = Le,
-      boostLevel: l,
-      marginSize: d,
-      imageSettings: g
-    } = i, m = ce(i, [
+  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 jt = function() {
       "boostLevel",
       "marginSize",
       "imageSettings"
-    ]), { style: f } = m, k = ce(m, ["style"]), w = g == null ? void 0 : g.src, p = L.useRef(null), T = L.useRef(null), C = L.useCallback(
-      (W) => {
-        p.current = W, typeof e == "function" ? e(W) : e && (e.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;
+        }
       },
-      [e]
-    ), [q, H] = L.useState(!1), { margin: O, cells: M, numCells: v, calculatedImageSettings: S } = Ue({
-      value: c,
-      level: y,
-      minVersion: a,
-      boostLevel: l,
-      includeMargin: n,
-      marginSize: d,
-      imageSettings: g,
-      size: u
+      [forwardedRef]
+    );
+    const [isImgLoaded, setIsImageLoaded] = React.useState(false);
+    const { margin, cells, numCells, calculatedImageSettings } = useQRCode({
+      value,
+      level,
+      minVersion,
+      boostLevel,
+      includeMargin,
+      marginSize,
+      imageSettings,
+      size
     });
-    L.useEffect(() => {
-      if (p.current != null) {
-        const W = p.current, I = W.getContext("2d");
-        if (!I)
+    React.useEffect(() => {
+      if (_canvas.current != null) {
+        const canvas = _canvas.current;
+        const ctx = canvas.getContext("2d");
+        if (!ctx) {
           return;
-        let V = M;
-        const $ = T.current, te = S != null && $ !== null && $.complete && $.naturalHeight !== 0 && $.naturalWidth !== 0;
-        te && S.excavation != null && (V = De(
-          M,
-          S.excavation
-        ));
-        const X = window.devicePixelRatio || 1;
-        W.height = W.width = u * X;
-        const G = u / v * X;
-        I.scale(G, G), I.fillStyle = x, I.fillRect(0, 0, v, v), I.fillStyle = r, jt ? I.fill(new Path2D(Pe(V, O))) : M.forEach(function(oe, re) {
-          oe.forEach(function(ae, P) {
-            ae && I.fillRect(P + O, re + O, 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);
+              }
+            });
           });
-        }), S && (I.globalAlpha = S.opacity), te && I.drawImage(
-          $,
-          S.x + O,
-          S.y + O,
-          S.w,
-          S.h
-        );
-      }
-    }), L.useEffect(() => {
-      H(!1);
-    }, [w]);
-    const B = le({ height: u, width: u }, f);
-    let ee = null;
-    return w != null && (ee = /* @__PURE__ */ L.createElement(
-      "img",
-      {
-        src: w,
-        key: w,
-        style: { display: "none" },
-        onLoad: () => {
-          H(!0);
-        },
-        ref: T,
-        crossOrigin: S == null ? void 0 : S.crossOrigin
+        }
+        if (calculatedImageSettings) {
+          ctx.globalAlpha = calculatedImageSettings.opacity;
+        }
+        if (haveImageToRender) {
+          ctx.drawImage(
+            image,
+            calculatedImageSettings.x + margin,
+            calculatedImageSettings.y + margin,
+            calculatedImageSettings.w,
+            calculatedImageSettings.h
+          );
+        }
       }
-    )), /* @__PURE__ */ L.createElement(L.Fragment, null, /* @__PURE__ */ L.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",
-      le({
-        style: B,
-        height: u,
-        width: u,
-        ref: C,
+      __spreadValues2({
+        style: canvasStyle,
+        height: size,
+        width: size,
+        ref: setCanvasRef,
         role: "img"
-      }, k)
-    ), ee);
+      }, otherProps)
+    ), img);
   }
 );
-Mt.displayName = "QRCodeCanvas";
-var Oe = L.forwardRef(
-  function(t, e) {
-    const i = t, {
-      value: c,
-      size: u = Ce,
-      level: y = je,
-      bgColor: x = Me,
-      fgColor: r = Re,
-      includeMargin: n = Se,
-      minVersion: a = Le,
-      boostLevel: l,
-      title: d,
-      marginSize: g,
-      imageSettings: h
-    } = i, m = ce(i, [
+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,230 +1763,266 @@ var Oe = L.forwardRef(
       "title",
       "marginSize",
       "imageSettings"
-    ]), { margin: f, cells: k, numCells: w, calculatedImageSettings: p } = Ue({
-      value: c,
-      level: y,
-      minVersion: a,
-      boostLevel: l,
-      includeMargin: n,
-      marginSize: g,
-      imageSettings: h,
-      size: u
+    ]);
+    const { margin, cells, numCells, calculatedImageSettings } = useQRCode({
+      value,
+      level,
+      minVersion,
+      boostLevel,
+      includeMargin,
+      marginSize,
+      imageSettings,
+      size
     });
-    let T = k, C = null;
-    h != null && p != null && (p.excavation != null && (T = De(
-      k,
-      p.excavation
-    )), C = /* @__PURE__ */ L.createElement(
-      "image",
-      {
-        href: h.src,
-        height: p.h,
-        width: p.w,
-        x: p.x + f,
-        y: p.y + f,
-        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 q = Pe(T, f);
-    return /* @__PURE__ */ L.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",
-      le({
-        height: u,
-        width: u,
-        viewBox: `0 0 ${w} ${w}`,
-        ref: e,
+      __spreadValues2({
+        height: size,
+        width: size,
+        viewBox: `0 0 ${numCells} ${numCells}`,
+        ref: forwardedRef,
         role: "img"
-      }, m),
-      !!d && /* @__PURE__ */ L.createElement("title", null, d),
-      /* @__PURE__ */ L.createElement(
+      }, otherProps),
+      !!title && /* @__PURE__ */ React.createElement("title", null, title),
+      /* @__PURE__ */ React.createElement(
         "path",
         {
-          fill: x,
-          d: `M0,0 h${w}v${w}H0z`,
+          fill: bgColor,
+          d: `M0,0 h${numCells}v${numCells}H0z`,
           shapeRendering: "crispEdges"
         }
       ),
-      /* @__PURE__ */ L.createElement("path", { fill: r, d: q, shapeRendering: "crispEdges" }),
-      C
+      /* @__PURE__ */ React.createElement("path", { fill: fgColor, d: fgPath, shapeRendering: "crispEdges" }),
+      image
     );
   }
 );
-Oe.displayName = "QRCodeSVG";
-const Rt = ({
-  walletAddress: s,
-  amount: t,
-  currency: e,
-  network: i,
-  theme: c = "light",
-  size: u = 200
+QRCodeSVG.displayName = "QRCodeSVG";
+const QRCode = ({
+  walletAddress,
+  amount,
+  currency,
+  network,
+  theme = "light",
+  size = 200
 }) => {
-  const [y, x] = D(""), [r, n] = D(null);
-  Z(() => {
-    if (!s || s === "No address configured") {
-      n("No wallet address configured for this network");
+  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 m;
-      switch (i) {
+      let paymentData;
+      switch (network) {
         case "tron":
-          e === "TRX" ? m = `tronlink://transfer?to=${s}&amount=${t}` : m = s;
+          if (currency === "TRX") {
+            paymentData = `tronlink://transfer?to=${walletAddress}&amount=${amount}`;
+          } else {
+            paymentData = walletAddress;
+          }
           break;
         case "algorand":
-          m = `algorand://${s}?amount=${Math.floor(parseFloat(t) * 1e6)}`;
+          paymentData = `algorand://${walletAddress}?amount=${Math.floor(parseFloat(amount) * 1e6)}`;
           break;
         case "bsc":
-          if (e === "BNB")
-            m = `ethereum:${s}@56?value=${d(t)}`;
-          else {
-            const f = a(e, "bsc");
-            f ? m = `ethereum:${f}/transfer?address=${s}&uint256=${l(t, e)}@56` : m = s;
+          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 (e === "ETH")
-            m = `ethereum:${s}@1?value=${d(t)}`;
-          else {
-            const f = a(e, "ethereum");
-            f ? m = `ethereum:${f}/transfer?address=${s}&uint256=${l(t, e)}` : m = s;
+          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;
       }
-      x(m), n(null);
-    } catch (m) {
-      console.error("Error generating QR code:", m), n("Error generating payment QR code");
-    }
-  }, [s, t, e, i]);
-  const a = (m, f) => {
-    var w;
-    return ((w = {
+      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"
+        "USDT": "0xdAC17F958D2ee523a2206206994597C13D831ec7",
+        "USDC": "0xA0b86991c6218b36c1d19D4a2e9Eb0cE3606eB48"
       },
       bsc: {
-        USDT: "0x55d398326f99059fF775485246999027B3197955",
-        USDC: "0x8AC76a51cc950d9822D68b83fE1Ad97B32Cd580d"
+        "USDT": "0x55d398326f99059fF775485246999027B3197955",
+        "USDC": "0x8AC76a51cc950d9822D68b83fE1Ad97B32Cd580d"
       },
       tron: {
-        USDT: "TR7NHqjeKQxGTCi8q8ZY4pL8otSzgjLj6t",
-        USDC: "TEkxiTehnzSmSe2XqrBj4w32RUN966rdz8"
+        "USDT": "TR7NHqjeKQxGTCi8q8ZY4pL8otSzgjLj6t",
+        "USDC": "TEkxiTehnzSmSe2XqrBj4w32RUN966rdz8"
       }
-    }[f]) == null ? void 0 : w[m]) || "";
-  }, l = (m, f) => {
-    const k = f === "USDT" || f === "USDC" ? 6 : 18;
-    return Math.floor(parseFloat(m) * Math.pow(10, k)).toString();
-  }, d = (m) => Math.floor(parseFloat(m) * 1e18).toString(), g = (m) => ({
-    ethereum: "Ethereum",
-    bsc: "BSC",
-    tron: "Tron",
-    algorand: "Algorand"
-  })[m] || m, h = (m) => ({
-    ethereum: ["MetaMask", "Trust Wallet", "Coinbase Wallet"],
-    bsc: ["MetaMask", "Trust Wallet", "SafePal"],
-    tron: ["TronLink", "Trust Wallet"],
-    algorand: ["Pera Wallet", "MyAlgo Wallet"]
-  })[m] || ["MetaMask", "Trust Wallet"];
-  return /* @__PURE__ */ o.jsxs("div", { className: "flex flex-col items-center", children: [
-    r ? /* @__PURE__ */ o.jsxs("div", { className: "p-4 rounded-lg bg-red-100 mb-3 text-red-700 text-center", children: [
-      /* @__PURE__ */ o.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__ */ o.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__ */ o.jsx("p", { className: "font-medium", children: r })
-    ] }) : /* @__PURE__ */ o.jsx("div", { className: "p-4 rounded-lg bg-white mb-3 shadow-sm border", children: y && /* @__PURE__ */ o.jsx(
-      Oe,
+    };
+    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: y,
-        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__ */ o.jsxs("div", { className: "text-center text-sm text-gray-700 mb-4", children: [
-      /* @__PURE__ */ o.jsxs("p", { className: "font-semibold text-gray-800 flex items-center justify-center", children: [
-        /* @__PURE__ */ o.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__ */ o.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" }) }),
+    /* @__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 ",
-        e
+        currency
       ] }),
-      /* @__PURE__ */ o.jsxs("p", { className: "text-xs text-gray-500 mt-1", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { className: "text-xs text-gray-500 mt-1", children: [
         "Scan with your ",
-        g(i),
+        getNetworkDisplayName(network),
         " wallet app"
       ] })
     ] }),
-    /* @__PURE__ */ o.jsxs("div", { className: "w-full mb-4 p-3 bg-gray-50 rounded-lg", children: [
-      /* @__PURE__ */ o.jsxs("div", { className: "flex justify-between items-center", children: [
-        /* @__PURE__ */ o.jsx("span", { className: "text-sm font-medium text-gray-700", children: "Amount to Pay:" }),
-        /* @__PURE__ */ o.jsxs("span", { className: "text-lg font-bold text-[#7042D2]", children: [
-          t,
+    /* @__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,
           " ",
-          e
+          currency
         ] })
       ] }),
-      /* @__PURE__ */ o.jsxs("div", { className: "flex justify-between items-center mt-1", children: [
-        /* @__PURE__ */ o.jsx("span", { className: "text-xs text-gray-500", children: "Network:" }),
-        /* @__PURE__ */ o.jsx("span", { className: "text-xs font-medium text-gray-700", children: g(i) })
+      /* @__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) })
       ] })
     ] }),
-    !r && /* @__PURE__ */ o.jsxs("div", { className: "w-full mb-4", children: [
-      /* @__PURE__ */ o.jsx("p", { className: "text-xs text-gray-500 mb-1 text-center", children: "Or copy wallet address:" }),
-      /* @__PURE__ */ o.jsx(
+    !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 m;
-            return (m = navigator.clipboard) == null ? void 0 : m.writeText(s);
+            var _a;
+            return (_a = navigator.clipboard) == null ? void 0 : _a.writeText(walletAddress);
           },
           title: "Click to copy",
-          children: s
+          children: walletAddress
         }
       )
     ] }),
-    /* @__PURE__ */ o.jsx("div", { className: "w-full", children: /* @__PURE__ */ o.jsxs("div", { className: "p-3 rounded bg-blue-50 border border-blue-200", children: [
-      /* @__PURE__ */ o.jsxs("h4", { className: "text-sm font-medium mb-2 text-blue-800 flex items-center", children: [
-        /* @__PURE__ */ o.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__ */ o.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" }) }),
+    /* @__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__ */ o.jsxs("ol", { className: "text-xs space-y-1 text-blue-700", children: [
-        /* @__PURE__ */ o.jsxs("li", { children: [
+      /* @__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 (",
-          h(i).join(", "),
+          getWalletSuggestions(network).join(", "),
           ")"
         ] }),
-        /* @__PURE__ */ o.jsx("li", { children: "2. Scan the QR code above or copy the wallet address" }),
-        /* @__PURE__ */ o.jsxs("li", { children: [
+        /* @__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__ */ o.jsxs("strong", { children: [
-            t,
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("strong", { children: [
+            amount,
             " ",
-            e
+            currency
           ] }),
           " on ",
-          g(i),
+          getNetworkDisplayName(network),
           " network"
         ] }),
-        /* @__PURE__ */ o.jsx("li", { children: '4. Click "I have sent the payment" button below after sending' })
+        /* @__PURE__ */ jsxRuntimeExports.jsx("li", { children: '4. Click "I have sent the payment" button below after sending' })
       ] }),
-      /* @__PURE__ */ o.jsx("div", { className: "mt-3 p-2 bg-yellow-50 border border-yellow-200 rounded", children: /* @__PURE__ */ o.jsxs("p", { className: "text-xs text-yellow-800", children: [
-        /* @__PURE__ */ o.jsx("strong", { children: "Important:" }),
+      /* @__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 (",
-        g(i),
+        getNetworkDisplayName(network),
         ") and using the exact amount shown above."
       ] }) })
     ] }) })
   ] });
-}, ie = ({ status: s, message: t, theme: e = "light" }) => {
-  const i = () => {
-    switch (s) {
+};
+const PaymentStatus = ({ status, message, theme = "light" }) => {
+  const renderIcon = () => {
+    switch (status) {
       case "processing":
-        return /* @__PURE__ */ o.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__ */ o.jsx("div", { className: "rounded-full h-12 w-12 bg-green-100 flex items-center justify-center", children: /* @__PURE__ */ o.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",
@@ -1530,11 +2031,11 @@ const Rt = ({
             viewBox: "0 0 24 24",
             stroke: "currentColor",
             strokeWidth: 2,
-            children: /* @__PURE__ */ o.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__ */ o.jsx("div", { className: "rounded-full h-12 w-12 bg-red-100 flex items-center justify-center", children: /* @__PURE__ */ o.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",
@@ -1543,14 +2044,15 @@ const Rt = ({
             viewBox: "0 0 24 24",
             stroke: "currentColor",
             strokeWidth: 2,
-            children: /* @__PURE__ */ o.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;
     }
-  }, c = () => {
-    switch (s) {
+  };
+  const getStatusTitle = () => {
+    switch (status) {
       case "processing":
         return "Processing Payment";
       case "success":
@@ -1560,192 +2062,268 @@ const Rt = ({
       default:
         return "Unknown Status";
     }
-  }, u = () => {
-    switch (s) {
+  };
+  const getMessageClasses = () => {
+    switch (status) {
       case "processing":
-        return e === "dark" ? "text-blue-300" : "text-blue-600";
+        return theme === "dark" ? "text-blue-300" : "text-blue-600";
       case "success":
-        return e === "dark" ? "text-green-300" : "text-green-600";
+        return theme === "dark" ? "text-green-300" : "text-green-600";
       case "error":
-        return e === "dark" ? "text-red-300" : "text-red-600";
+        return theme === "dark" ? "text-red-300" : "text-red-600";
       default:
-        return e === "dark" ? "text-gray-300" : "text-gray-600";
+        return theme === "dark" ? "text-gray-300" : "text-gray-600";
     }
   };
-  return /* @__PURE__ */ o.jsxs("div", { className: "flex flex-col items-center justify-center py-6", children: [
-    /* @__PURE__ */ o.jsx("div", { className: "mb-4", children: i() }),
-    /* @__PURE__ */ o.jsx("h3", { className: `text-xl font-bold mb-2 ${e === "dark" ? "text-white" : "text-gray-900"}`, children: c() }),
-    /* @__PURE__ */ o.jsx("p", { className: `text-center ${u()}`, children: t }),
-    s === "processing" && /* @__PURE__ */ o.jsx("div", { className: `mt-4 text-xs ${e === "dark" ? "text-gray-400" : "text-gray-500"}`, children: "This may take a few moments. Please do not close this window." }),
-    s === "success" && /* @__PURE__ */ o.jsx("div", { className: `mt-4 p-2 rounded ${e === "dark" ? "bg-gray-700" : "bg-gray-100"}`, children: /* @__PURE__ */ o.jsx("p", { className: `text-xs ${e === "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." }) })
   ] });
-}, St = ({ onSelect: s, selected: t, theme: e = "light", supportedNetworks: i = [] }) => {
-  const [c, u] = D(b.ETHEREUM), [y, x] = D({}), [r, n] = D(!1);
-  Z(() => {
-    x(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 a = [
+  const networks = [
     {
-      id: b.ETHEREUM,
+      id: NETWORK_TYPES.ETHEREUM,
       name: "Ethereum",
       description: "ERC-20 tokens"
     },
     {
-      id: b.BSC,
+      id: NETWORK_TYPES.BSC,
       name: "BSC (Binance Smart Chain)",
       description: "BEP-20 tokens"
     },
     {
-      id: b.TRON,
+      id: NETWORK_TYPES.TRON,
       name: "Tron",
       description: "TRC-20 tokens"
     },
     {
-      id: b.ALGORAND,
+      id: NETWORK_TYPES.ALGORAND,
       name: "Algorand",
       description: "ASA tokens"
     }
-  ], l = (w) => {
-    const p = [];
-    switch (w) {
-      case b.ETHEREUM:
-        p.push(
+  ];
+  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: b.ETHEREUM
+            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: b.ETHEREUM
+            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: b.ETHEREUM
+            network: NETWORK_TYPES.ETHEREUM
           }
         );
         break;
-      case b.BSC:
-        p.push(
+      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: b.BSC
+            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: b.BSC
+            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: b.BSC
+            network: NETWORK_TYPES.BSC
           }
         );
         break;
-      case b.TRON:
-        p.push(
+      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: b.TRON
+            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: b.TRON
+            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: b.TRON
+            network: NETWORK_TYPES.TRON
           }
         );
         break;
-      case b.ALGORAND:
-        p.push(
+      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://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcR0Yx1Vp8qPQI5XZoJuKfQS8bj_FNiMZGCHqA&s",
-            network: b.ALGORAND
+            logo: "https://s2.coinmarketcap.com/static/img/coins/64x64/4030.png",
+            network: NETWORK_TYPES.ALGORAND
           }
         );
         break;
     }
-    return p;
-  }, d = (w) => {
-    u(w), n(!1), (t == null ? void 0 : t.network) !== w && s(null);
-  }, g = (w) => {
-    var p;
-    s({
-      currency: w.id,
-      network: c,
-      tokenConfig: (p = Ye[w.id]) == null ? void 0 : p[c],
-      method: w
+    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
     });
-  }, h = l(c), m = r ? h : h.slice(0, 4);
-  return /* @__PURE__ */ o.jsxs("div", { children: [
-    /* @__PURE__ */ o.jsx("h3", { className: `text-lg font-medium mb-4 ${e === "dark" ? "text-white" : "text-gray-800"}`, children: "Select Payment Method" }),
-    /* @__PURE__ */ o.jsxs("div", { className: "mb-6", children: [
-      /* @__PURE__ */ o.jsx("label", { className: `block text-sm font-medium mb-2 ${e === "dark" ? "text-white" : "text-gray-700"}`, children: "Blockchain Network" }),
-      /* @__PURE__ */ o.jsx(
+  };
+  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: c,
-          onChange: (w) => d(w.target.value),
-          className: `w-full p-3 rounded-lg border transition-colors ${e === "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: a.filter((w) => i.length === 0 || i.includes(w.id)).map((w) => /* @__PURE__ */ o.jsxs("option", { value: w.id, children: [
-            w.name,
+          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,
             " - ",
-            w.description
-          ] }, w.id))
+            network.description
+          ] }, network.id))
         }
       )
     ] }),
-    /* @__PURE__ */ o.jsxs("div", { className: "mb-4", children: [
-      /* @__PURE__ */ o.jsx("label", { className: `block text-sm font-medium mb-3 ${e === "dark" ? "text-white" : "text-gray-700"}`, children: "Choose Cryptocurrency" }),
-      /* @__PURE__ */ o.jsx("div", { className: "grid grid-cols-2 gap-3 mb-4", children: m.map((w) => /* @__PURE__ */ o.jsx(
+    /* @__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: () => g(w),
-          className: `p-4 rounded-lg transition-all duration-200 border-2 ${(t == null ? void 0 : t.currency) === w.id && (t == null ? void 0 : t.network) === c ? e === "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" : e === "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__ */ o.jsxs("div", { className: "flex flex-col items-center text-center", children: [
-            /* @__PURE__ */ o.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__ */ o.jsx("img", { src: w.logo, alt: w.name, className: "h-6 w-6" }) }),
-            /* @__PURE__ */ o.jsxs("div", { children: [
-              /* @__PURE__ */ o.jsx("h4", { className: `font-medium text-sm ${e === "dark" ? "text-white" : "text-gray-900"}`, children: w.name }),
-              /* @__PURE__ */ o.jsx("p", { className: `text-xs ${e === "dark" ? "text-gray-300" : "text-gray-500"}`, children: w.description })
+          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 })
             ] }),
-            (t == null ? void 0 : t.currency) === w.id && (t == null ? void 0 : t.network) === c && /* @__PURE__ */ o.jsx("div", { className: "mt-2", children: /* @__PURE__ */ o.jsx(
+            (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",
               {
                 xmlns: "http://www.w3.org/2000/svg",
                 className: "h-4 w-4 text-[#7042D2]",
                 viewBox: "0 0 20 20",
                 fill: "currentColor",
-                children: /* @__PURE__ */ o.jsx(
+                children: /* @__PURE__ */ jsxRuntimeExports.jsx(
                   "path",
                   {
                     fillRule: "evenodd",
@@ -1757,302 +2335,344 @@ const Rt = ({
             ) })
           ] })
         },
-        `${w.id}-${w.network}`
+        `${method.id}-${method.network}`
       )) }),
-      h.length > 4 && /* @__PURE__ */ o.jsx(
+      availableMethods.length > 4 && /* @__PURE__ */ jsxRuntimeExports.jsx(
         "button",
         {
-          onClick: () => n(!r),
-          className: `w-full py-2 px-4 rounded-lg text-sm font-medium transition-colors ${e === "dark" ? "bg-gray-700 text-gray-300 hover:bg-gray-600" : "bg-gray-100 text-gray-600 hover:bg-gray-200"}`,
-          children: r ? "Show Less" : `Show More (${h.length - 4} more)`
+          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__ */ o.jsx("div", { className: `p-3 rounded-lg text-sm ${e === "dark" ? "bg-gray-800 text-gray-300" : "bg-gray-50 text-gray-600"}`, children: /* @__PURE__ */ o.jsxs("div", { className: "flex items-center", children: [
-      /* @__PURE__ */ o.jsx("div", { className: `w-2 h-2 rounded-full mr-2 ${y[f(c)] ? "bg-green-500" : "bg-red-500"}` }),
-      /* @__PURE__ */ o.jsx("span", { className: "text-xs", children: k(c) })
+    /* @__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) })
     ] }) })
   ] });
-  function f(w) {
-    switch (w) {
-      case b.ETHEREUM:
-      case b.BSC:
+  function getRequiredWallet(network) {
+    switch (network) {
+      case NETWORK_TYPES.ETHEREUM:
+      case NETWORK_TYPES.BSC:
         return "metamask";
-      case b.TRON:
+      case NETWORK_TYPES.TRON:
         return "tronlink";
-      case b.ALGORAND:
+      case NETWORK_TYPES.ALGORAND:
         return "lute";
       default:
         return "metamask";
     }
   }
-  function k(w) {
-    const p = f(w), T = y[p], C = {
+  function getNetworkRequirement(network) {
+    const wallet = getRequiredWallet(network);
+    const isAvailable = availableWallets[wallet];
+    const walletNames = {
       metamask: "MetaMask",
       tronlink: "TronLink",
       lute: "Lute Wallet"
     };
-    return T ? `${C[p]} detected - Ready to pay` : `${C[p]} required - Please install to continue`;
+    return isAvailable ? `${walletNames[wallet]} detected - Ready to pay` : `${walletNames[wallet]} required - Please install to continue`;
   }
-}, Lt = "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==", Pt = ({
-  isOpen: s,
-  onClose: t,
-  payment: e,
-  paymentStatus: i,
-  selectedPaymentMethod: c,
-  onPaymentMethodSelect: u,
-  onPayment: y,
-  onBack: x,
-  error: r,
-  theme: n = "light",
-  merchantName: a,
-  transactionHash: l,
-  walletConnection: d,
-  onConnectWallet: g,
-  testMode: h = !1,
-  supportedNetworks: m = [],
-  availableWallets: f = {},
-  supportedWallets: k = [],
-  step: w = "select-currency"
+};
+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, T] = D("wallet"), C = (v) => parseFloat(v).toFixed(2), q = (v) => v ? v.length <= 14 ? v : `${v.slice(0, 8)}...${v.slice(-6)}` : "", H = (v) => ({
-    ethereum: "Ethereum",
-    bsc: "BSC",
-    tron: "Tron",
-    algorand: "Algorand"
-  })[v] || v, O = (v) => ({
-    [N.METAMASK]: "MetaMask",
-    [N.TRONLINK]: "TronLink",
-    [N.TRUST_WALLET]: "Trust Wallet",
-    [N.LUTE]: "Lute Wallet"
-  })[v] || v, M = (v) => ({
-    [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"
-  })[v] || "";
-  return s ? /* @__PURE__ */ o.jsx("div", { className: "fixed inset-0 z-50 overflow-y-auto bg-black/50", children: /* @__PURE__ */ o.jsx("div", { className: "flex min-h-screen items-center justify-center p-4", children: /* @__PURE__ */ o.jsxs("div", { className: "relative p-6 w-full max-w-md mx-auto rounded-lg shadow-xl bg-white text-gray-800", children: [
-    /* @__PURE__ */ o.jsxs("div", { className: "flex justify-between items-center mb-6 bg-[#F1ECFB] p-3 rounded-xl", children: [
-      /* @__PURE__ */ o.jsx("div", { className: "flex items-center", children: /* @__PURE__ */ o.jsx("h2", { className: "text-xl font-bold text-gray-900", children: /* @__PURE__ */ o.jsx("img", { src: Lt, className: "w-32", alt: "Coinley Logo" }) }) }),
-      /* @__PURE__ */ o.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: t,
+          onClick: onClose,
           className: "text-gray-500 hover:text-gray-700 focus:outline-none",
-          children: /* @__PURE__ */ o.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__ */ o.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__ */ o.jsxs("div", { className: "mb-6 bg-[#F1ECFB] p-3 rounded-xl", children: [
-      e && /* @__PURE__ */ o.jsxs("div", { className: "mb-6 p-4 rounded-lg", children: [
-        /* @__PURE__ */ o.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: ",
-          a
+          merchantName
         ] }),
-        /* @__PURE__ */ o.jsxs("div", { className: "flex justify-between items-center mt-2 bg-gray-100 px-3 rounded-lg", children: [
-          /* @__PURE__ */ o.jsx("span", { className: "font-medium text-gray-700", children: "Amount:" }),
-          /* @__PURE__ */ o.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: [
             "$",
-            C(e.totalAmount || e.amount)
+            formatAmount(payment.totalAmount || payment.amount)
           ] })
         ] }),
-        /* @__PURE__ */ o.jsx("div", { className: "text-xs mt-1 text-right", children: /* @__PURE__ */ o.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: ",
-          e.id ? e.id.slice(0, 8) : "",
+          payment.id ? payment.id.slice(0, 8) : "",
           "..."
         ] }) })
       ] }),
-      w === "select-currency" && /* @__PURE__ */ o.jsxs("div", { children: [
-        /* @__PURE__ */ o.jsx(
-          St,
+      step === "select-currency" && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          PaymentMethods,
           {
-            onSelect: u,
-            selected: c,
-            theme: n,
-            supportedNetworks: m
+            onSelect: onPaymentMethodSelect,
+            selected: selectedPaymentMethod,
+            theme,
+            supportedNetworks
           }
         ),
-        c && /* @__PURE__ */ o.jsx("div", { className: "mt-6", children: /* @__PURE__ */ o.jsxs(
+        selectedPaymentMethod && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-6", children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
           "button",
           {
-            onClick: () => u(c),
+            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 ",
-              c.currency,
+              selectedPaymentMethod.currency,
               " on ",
-              H(c.network)
+              getNetworkDisplayName(selectedPaymentMethod.network)
             ]
           }
         ) })
       ] }),
-      w === "confirm" && c && e && /* @__PURE__ */ o.jsxs("div", { children: [
-        /* @__PURE__ */ o.jsxs("div", { className: "p-4 rounded-lg mb-4 bg-gray-100", children: [
-          /* @__PURE__ */ o.jsx("h3", { className: "text-lg font-medium mb-2 text-gray-800", children: "Payment Details" }),
-          /* @__PURE__ */ o.jsxs("div", { className: "space-y-2", children: [
-            /* @__PURE__ */ o.jsxs("div", { className: "flex justify-between", children: [
-              /* @__PURE__ */ o.jsx("span", { className: "text-[#7042D2] font-semibold", children: "Currency:" }),
-              /* @__PURE__ */ o.jsx("span", { className: "font-medium", children: c.currency })
+      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__ */ o.jsxs("div", { className: "flex justify-between", children: [
-              /* @__PURE__ */ o.jsx("span", { className: "text-[#7042D2] font-semibold", children: "Network:" }),
-              /* @__PURE__ */ o.jsx("span", { className: "font-medium", children: H(c.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__ */ o.jsxs("div", { className: "flex justify-between", children: [
-              /* @__PURE__ */ o.jsx("span", { className: "text-[#7042D2] font-semibold", children: "Fee:" }),
-              /* @__PURE__ */ o.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%" })
             ] })
           ] })
         ] }),
-        /* @__PURE__ */ o.jsx("div", { className: "mb-4", children: /* @__PURE__ */ o.jsxs("div", { className: "flex border-b border-gray-200", children: [
-          /* @__PURE__ */ o.jsx(
+        /* @__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: () => T("wallet"),
-              className: `py-2 px-4 text-sm font-medium ${p === "wallet" ? "border-b-2 border-[#7042D2] text-[#7042D2]" : "text-gray-500 hover:text-gray-700"}`,
+              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__ */ o.jsx(
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
             "button",
             {
-              onClick: () => T("qrcode"),
-              className: `py-2 px-4 text-sm font-medium ${p === "qrcode" ? "border-b-2 border-[#7042D2] text-[#7042D2]" : "text-gray-500 hover:text-gray-700"}`,
+              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"
             }
           )
         ] }) }),
-        h ? (
+        testMode ? (
           // Test mode payment option
-          /* @__PURE__ */ o.jsx("div", { className: "p-4 rounded-lg mb-4 bg-blue-50", children: /* @__PURE__ */ o.jsxs("div", { className: "flex items-center", children: [
-            /* @__PURE__ */ o.jsx("div", { className: "bg-[#7042D2] rounded-full p-2 mr-3", children: /* @__PURE__ */ o.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__ */ o.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M13 10V3L4 14h7v7l9-11h-7z" }) }) }),
-            /* @__PURE__ */ o.jsxs("div", { children: [
-              /* @__PURE__ */ o.jsx("h3", { className: "font-medium text-gray-800", children: "Test Mode Payment" }),
-              /* @__PURE__ */ o.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' })
             ] })
           ] }) })
-        ) : p === "qrcode" ? (
+        ) : paymentType === "qrcode" ? (
           // QR Code payment option
-          /* @__PURE__ */ o.jsx("div", { className: "mb-4", children: /* @__PURE__ */ o.jsx(
-            Rt,
+          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mb-4", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+            QRCode,
             {
-              walletAddress: e.recipientWallet || "No address configured",
-              amount: e.totalAmount || e.amount,
-              currency: c.currency,
-              network: c.network,
-              theme: n
+              walletAddress: getWalletAddressForNetwork(),
+              amount: payment.totalAmount || payment.amount,
+              currency: selectedPaymentMethod.currency,
+              network: selectedPaymentMethod.network,
+              theme
             }
           ) })
         ) : (
           // Wallet connection option
-          /* @__PURE__ */ o.jsxs("div", { className: "space-y-3 mb-4", children: [
-            k.length === 0 ? /* @__PURE__ */ o.jsx("div", { className: "p-4 rounded-lg bg-yellow-50", children: /* @__PURE__ */ o.jsxs("div", { className: "flex items-center", children: [
-              /* @__PURE__ */ o.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__ */ o.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__ */ o.jsxs("div", { children: [
-                /* @__PURE__ */ o.jsx("h3", { className: "font-medium text-gray-800", children: "No Compatible Wallets" }),
-                /* @__PURE__ */ o.jsxs("p", { className: "text-sm text-gray-600", children: [
+          /* @__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 ",
-                  H(c.network),
+                  getNetworkDisplayName(selectedPaymentMethod.network),
                   " network"
                 ] })
               ] })
-            ] }) }) : k.map((v) => /* @__PURE__ */ o.jsx("div", { className: "p-4 rounded-lg bg-blue-50", children: /* @__PURE__ */ o.jsxs("div", { className: "flex items-center justify-between", children: [
-              /* @__PURE__ */ o.jsxs("div", { className: "flex items-center", children: [
-                /* @__PURE__ */ o.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: M(v),
-                    alt: O(v),
+                    src: getWalletIcon(walletType),
+                    alt: getWalletDisplayName(walletType),
                     className: "w-8 h-8 mr-3",
-                    onError: (S) => {
-                      S.target.style.display = "none";
+                    onError: (e) => {
+                      e.target.style.display = "none";
                     }
                   }
                 ),
-                /* @__PURE__ */ o.jsxs("div", { children: [
-                  /* @__PURE__ */ o.jsx("h3", { className: "font-medium text-gray-800", children: O(v) }),
-                  /* @__PURE__ */ o.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 ",
-                    O(v)
+                    getWalletDisplayName(walletType)
                   ] })
                 ] })
               ] }),
-              (d == null ? void 0 : d.walletType) === v ? /* @__PURE__ */ o.jsxs("div", { className: "flex items-center space-x-2", children: [
-                /* @__PURE__ */ o.jsx("div", { className: "w-2 h-2 bg-green-500 rounded-full" }),
-                /* @__PURE__ */ o.jsx("span", { className: "text-sm text-green-600", children: "Connected" })
-              ] }) : /* @__PURE__ */ o.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: () => g(v),
+                  onClick: () => onConnectWallet(walletType),
                   className: "py-2 px-4 bg-[#7042D2] hover:bg-[#7042D2] text-white font-medium rounded-md text-sm",
                   children: "Connect"
                 }
               )
-            ] }) }, v)),
-            /* @__PURE__ */ o.jsx("div", { className: "space-y-2", children: Object.entries(f).filter(([v, S]) => !S).map(([v]) => /* @__PURE__ */ o.jsx("div", { className: "p-3 rounded-lg bg-gray-50", children: /* @__PURE__ */ o.jsxs("div", { className: "flex items-center justify-between", children: [
-              /* @__PURE__ */ o.jsxs("span", { className: "text-sm text-gray-600", children: [
-                O(v),
+            ] }) }, 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__ */ o.jsx(
+              /* @__PURE__ */ jsxRuntimeExports.jsx(
                 "a",
                 {
-                  href: ct(v),
+                  href: getWalletInstallUrl(walletType),
                   target: "_blank",
                   rel: "noopener noreferrer",
                   className: "text-sm text-[#7042D2] hover:underline",
                   children: "Install"
                 }
               )
-            ] }) }, v)) })
+            ] }) }, walletType)) })
           ] })
         ),
-        /* @__PURE__ */ o.jsxs("div", { className: "grid grid-cols-2 gap-3", children: [
-          /* @__PURE__ */ o.jsx(
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "grid grid-cols-2 gap-3", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
             "button",
             {
               type: "button",
-              onClick: x,
+              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__ */ o.jsx(
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
             "button",
             {
               type: "button",
-              onClick: () => y(p === "qrcode"),
+              onClick: () => onPayment(paymentType === "qrcode"),
               className: "w-full py-2 px-4 bg-[#7042D2] hover:bg-[#7042D2] text-white font-medium rounded-md",
-              disabled: !h && p === "wallet" && !d,
-              children: p === "qrcode" ? "I have sent the payment" : "Pay Now"
+              disabled: !testMode && paymentType === "wallet" && !walletConnection,
+              children: paymentType === "qrcode" ? "I have sent the payment" : "Pay Now"
             }
           )
         ] })
       ] }),
-      w === "processing" && /* @__PURE__ */ o.jsx(
-        ie,
+      step === "processing" && /* @__PURE__ */ jsxRuntimeExports.jsx(
+        PaymentStatus,
         {
           status: "processing",
-          theme: n,
+          theme,
           message: "Processing your payment..."
         }
       ),
-      w === "success" && /* @__PURE__ */ o.jsxs("div", { children: [
-        /* @__PURE__ */ o.jsx(
-          ie,
+      step === "success" && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          PaymentStatus,
           {
             status: "success",
-            theme: n,
+            theme,
             message: "Payment successful!"
           }
         ),
-        l && /* @__PURE__ */ o.jsxs("div", { className: "mt-4 p-3 rounded-lg bg-gray-100", children: [
-          /* @__PURE__ */ o.jsx("p", { className: "text-xs text-gray-600 mb-1", children: "Transaction Hash:" }),
-          /* @__PURE__ */ o.jsx("p", { className: "text-sm font-mono break-all text-gray-800", children: q(l) }),
-          c && /* @__PURE__ */ o.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: `${Dt(c.network)}/${Ut(c.network)}/${l}`,
+              href: `${getExplorerUrl(selectedPaymentMethod.network)}/${getExplorerPath(selectedPaymentMethod.network)}/${transactionHash}`,
               target: "_blank",
               rel: "noopener noreferrer",
               className: "text-xs text-[#7042D2] mt-2 inline-block",
@@ -2061,225 +2681,305 @@ const Rt = ({
           )
         ] })
       ] }),
-      w === "error" && /* @__PURE__ */ o.jsxs("div", { children: [
-        /* @__PURE__ */ o.jsx(
-          ie,
+      step === "error" && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          PaymentStatus,
           {
             status: "error",
-            theme: n,
-            message: r || "An error occurred while processing your payment."
+            theme,
+            message: error || "An error occurred while processing your payment."
           }
         ),
-        /* @__PURE__ */ o.jsx(
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
           "button",
           {
             type: "button",
-            onClick: x,
+            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__ */ o.jsx("div", { className: "text-center text-xs text-gray-500", children: /* @__PURE__ */ o.jsxs("p", { children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-center text-xs text-gray-500", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { children: [
       "Powered by ",
-      /* @__PURE__ */ o.jsx("span", { className: "text-[#7042D2]", children: "Coinley" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-[#7042D2]", children: "Coinley" }),
       " - Secure Cryptocurrency Payments"
     ] }) })
-  ] }) }) }) : null;
-}, Dt = (s) => ({
-  ethereum: "https://etherscan.io",
-  bsc: "https://bscscan.com",
-  tron: "https://tronscan.org",
-  algorand: "https://algoexplorer.io"
-})[s] || "https://etherscan.io", Ut = (s) => ({
-  ethereum: "tx",
-  bsc: "tx",
-  tron: "transaction",
-  algorand: "tx"
-})[s] || "tx", Ot = _e(({
-  apiKey: s,
-  apiSecret: t,
-  apiUrl: e,
-  customerEmail: i,
-  merchantName: c = "Merchant",
-  merchantWalletAddresses: u = {},
+  ] }) }) });
+};
+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: x,
-  onClose: r,
-  theme: n,
-  autoOpen: a = !1,
-  debug: l = !1,
-  testMode: d = !1,
-  supportedNetworks: g = [],
+  onSuccess,
+  onError,
+  onClose,
+  theme,
+  autoOpen = false,
+  debug = false,
+  testMode = false,
+  supportedNetworks = [],
   // Array of supported networks
-  preferredNetwork: h = b.ETHEREUM,
-  preferredWallet: m = N.METAMASK
-}, f) => {
-  const k = bt(), { theme: w } = yt(), [p, T] = D(a), [C, q] = D(null), [H, O] = D("idle"), [M, v] = D(null), [S, B] = D(null), [ee, W] = D(null), [I, V] = D(null), [$, te] = D({}), [X, G] = D("select-currency");
-  s || (k == null || k.apiKey), t || (k == null || k.apiSecret), e || (k == null || k.apiUrl);
-  const oe = n || w, re = l || (k == null ? void 0 : k.debug), ae = g.length > 0 ? g : [b.ETHEREUM, b.BSC, b.TRON, b.ALGORAND];
-  Je(f, () => ({
-    open: (A) => {
-      Ie(A);
+  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: () => C,
-    getWalletConnection: () => I
+    getPayment: () => payment,
+    getWalletConnection: () => walletConnection
   }));
-  const P = (A, F) => {
-    re && console.log(`[Coinley SDK] ${A}`, F);
+  const log = (message, data) => {
+    if (effectiveDebug) {
+      console.log(`[Coinley SDK] ${message}`, data);
+    }
   };
-  Z(() => {
-    if (typeof window != "undefined") {
-      const A = ue();
-      te(A), P("Available wallets detected:", A);
-    }
-  }, [re]);
-  const Ie = (A) => R(void 0, null, function* () {
-    if (!A || !A.amount) {
-      B("Payment amount is required"), x && x(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;
     }
-    O("loading"), T(!0), G("select-currency");
+    setPaymentStatus("loading");
+    setIsOpen(true);
+    setStep("select-currency");
     try {
-      P("Creating payment with details:", A);
-      const F = yield ut({
-        amount: A.amount,
-        currency: A.currency || "USDT",
-        network: A.network || h,
-        customerEmail: A.customerEmail || i,
-        callbackUrl: A.callbackUrl,
-        metadata: A.metadata || {},
-        merchantWalletAddresses: z(z({}, u), A.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)
       });
-      P("Payment created:", F), q(F.payment), O("idle"), B(null), P("Payment created and state updated");
-    } catch (F) {
-      P("Error creating payment:", F), B(F.message || "Failed to create payment"), O("error"), x && x(F);
-    }
-  }), he = () => {
-    T(!1), W(null), V(null), v(null), G("select-currency"), r && r();
-  }, Fe = (A) => {
-    P("Payment method selected:", A), v(A), G("confirm");
-  }, Be = () => {
-    X === "confirm" && (G("select-currency"), V(null));
-  }, We = (A) => R(void 0, null, function* () {
-    if (!M) {
-      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 {
-      P("Connecting wallet:", { walletType: A, network: M.network });
-      const F = yield et(A, M.network);
-      V(F), B(null), P("Wallet connected successfully:", F);
-    } catch (F) {
-      P("Wallet connection error:", F), B(F.message || "Failed to connect wallet");
-    }
-  }), Qe = () => R(void 0, null, function* () {
-    var A, F;
-    if (!C || !M) {
-      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 (!I && !d) {
-      B("Please connect your wallet first");
+    if (!walletConnection && !testMode) {
+      setError("Please connect your wallet first");
       return;
     }
-    P("Starting payment process..."), O("loading"), W(null);
+    log("Starting payment process...");
+    setPaymentStatus("loading");
+    setTransactionHash(null);
     try {
-      let Q;
-      if (d)
-        P("Test mode: Generating mock transaction..."), Q = `test_${Date.now().toString(16)}_${Math.random().toString(16).substring(2, 10)}`;
-      else {
-        const me = u[M.network];
-        if (!me)
-          throw new Error(`No merchant wallet address configured for ${M.network}`);
-        P("Sending transaction through wallet..."), Q = yield ot(I, {
-          to: me,
-          amount: C.amount,
-          tokenAddress: (A = M.tokenConfig) == null ? void 0 : A.address,
-          tokenDecimals: (F = M.tokenConfig) == null ? void 0 : F.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
         });
       }
-      P("Transaction hash:", Q), W(Q), P("Processing payment with backend...");
-      const Ge = yield ht({
-        paymentId: C.id,
-        transactionHash: Q,
-        network: M.network,
-        currency: M.currency,
-        senderAddress: I == null ? void 0 : I.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
       });
-      P("Payment processed successfully:", Ge), O("success"), G("success"), y && (P("Calling onSuccess callback..."), y(C.id, Q, {
-        network: M.network,
-        currency: M.currency,
-        amount: C.amount
-      }));
-    } catch (Q) {
-      P("Payment error:", Q), B(Q.message || "Failed to process payment"), O("error"), G("error"), x && x(Q);
-    }
-  }), ze = () => M ? Ze(M.network) : [];
-  return /* @__PURE__ */ o.jsx(o.Fragment, { children: p && /* @__PURE__ */ o.jsx(
-    Pt,
+      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: C,
-      paymentStatus: H,
-      selectedPaymentMethod: M,
-      onPaymentMethodSelect: Fe,
-      onPayment: Qe,
-      onBack: Be,
-      error: S,
-      theme: oe,
-      merchantName: c,
-      transactionHash: ee,
-      walletConnection: I,
-      onConnectWallet: We,
-      testMode: d,
-      supportedNetworks: ae,
-      availableWallets: $,
-      supportedWallets: ze(),
-      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 Vt = {
+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.2";
+};
 export {
-  Ot as CoinleyCheckout,
-  Pt as CoinleyModal,
-  Ht as CoinleyProvider,
-  Vt as DEFAULT_CONFIG,
-  de as NETWORK_CONFIG,
-  b as NETWORK_TYPES,
-  St as PaymentMethods,
-  ie as PaymentStatus,
-  Rt as QRCode,
-  Ye as TOKEN_CONFIG,
-  qt as ThemeProvider,
-  _t as VERSION,
-  N as WALLET_TYPES,
-  et as connectWallet,
-  ut as createPayment,
-  ue as detectWallets,
-  Gt as generateMockTransactionHash,
-  Qt as getMerchantProfile,
-  Bt as getPayment,
-  Wt as getSupportedNetworks,
-  Ze as getSupportedWalletsForNetwork,
-  ct as getWalletInstallUrl,
-  ht as processPayment,
-  ot as sendTransaction,
-  bt as useCoinley,
-  zt 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