coinley-checkout 0.1.5 → 0.1.7

package/dist/coinley-checkout.es.js

@@ -1,4 +1,117 @@
-import require$$0, { createContext, useContext, useState, useEffect, lazy, forwardRef, useImperativeHandle } from "react";
+import require$$0, { createContext, useContext, useState, useEffect, forwardRef, useImperativeHandle } from "react";
+const styles = "";
+let apiConfig = {
+  apiKey: null,
+  apiSecret: null,
+  apiUrl: "https://coinleyserver-production.up.railway.app"
+};
+const initializeApi = (config) => {
+  apiConfig = { ...apiConfig, ...config };
+  console.log("API initialized with:", apiConfig);
+};
+const getHeaders = () => {
+  return {
+    "Content-Type": "application/json",
+    "x-api-key": apiConfig.apiKey,
+    "x-api-secret": apiConfig.apiSecret
+  };
+};
+const createPayment = async (paymentData) => {
+  try {
+    console.log("Creating payment with data:", paymentData);
+    console.log("API URL:", `${apiConfig.apiUrl}/api/payments/create`);
+    const response = await fetch(`${apiConfig.apiUrl}/api/payments/create`, {
+      method: "POST",
+      headers: getHeaders(),
+      body: JSON.stringify(paymentData)
+    });
+    console.log("Create payment response status:", response.status);
+    if (!response.ok) {
+      const errorData = await response.json();
+      console.error("Error creating payment:", errorData);
+      throw new Error(errorData.error || `Failed to create payment: ${response.status}`);
+    }
+    const data = await response.json();
+    console.log("Create payment response data:", data);
+    return data;
+  } catch (error) {
+    console.error("Create payment error:", error);
+    throw error;
+  }
+};
+const getPayment = async (paymentId) => {
+  try {
+    console.log("Getting payment:", paymentId);
+    const response = await fetch(`${apiConfig.apiUrl}/api/payments/${paymentId}`, {
+      method: "GET",
+      headers: getHeaders()
+    });
+    if (!response.ok) {
+      const errorData = await response.json();
+      console.error("Error getting payment:", errorData);
+      throw new Error(errorData.error || `Failed to get payment: ${response.status}`);
+    }
+    const data = await response.json();
+    console.log("Get payment response:", data);
+    return data;
+  } catch (error) {
+    console.error("Get payment error:", error);
+    throw error;
+  }
+};
+const processPayment = async (processData) => {
+  try {
+    console.log("Processing payment with data:", processData);
+    console.log("API URL:", `${apiConfig.apiUrl}/api/payments/process`);
+    const response = await fetch(`${apiConfig.apiUrl}/api/payments/process`, {
+      method: "POST",
+      headers: getHeaders(),
+      body: JSON.stringify(processData)
+    });
+    console.log("Process payment response status:", response.status);
+    if (!response.ok) {
+      const errorData = await response.json();
+      console.error("Error processing payment:", errorData);
+      throw new Error(errorData.error || `Failed to process payment: ${response.status}`);
+    }
+    const data = await response.json();
+    console.log("Process payment response data:", data);
+    return data;
+  } catch (error) {
+    console.error("Process payment error:", error);
+    throw error;
+  }
+};
+const isMetaMaskInstalled = () => {
+  return typeof window !== "undefined" && typeof window.ethereum !== "undefined";
+};
+const connectWallet = async () => {
+  if (!isMetaMaskInstalled()) {
+    throw new Error("MetaMask is not installed");
+  }
+  try {
+    const accounts = await window.ethereum.request({ method: "eth_requestAccounts" });
+    return accounts;
+  } catch (error) {
+    console.error("Error connecting to wallet:", error);
+    throw error;
+  }
+};
+const sendTransaction = async (txParams) => {
+  if (!isMetaMaskInstalled()) {
+    throw new Error("MetaMask is not installed");
+  }
+  try {
+    const txHash = await window.ethereum.request({
+      method: "eth_sendTransaction",
+      params: [txParams]
+    });
+    return txHash;
+  } catch (error) {
+    console.error("Error sending transaction:", error);
+    throw error;
+  }
+};
 var jsxRuntime = { exports: {} };
 var reactJsxRuntime_production_min = {};
 /**
@@ -954,159 +1067,6 @@ const ThemeProvider = ({ initialTheme = "light", children }) => {
   }, [theme]);
   return /* @__PURE__ */ jsxRuntimeExports.jsx(ThemeContext.Provider, { value: { theme, setTheme, toggleTheme }, children });
 };
-let apiConfig = {
-  apiKey: null,
-  apiSecret: null,
-  apiUrl: "https://coinleyserver-production.up.railway.app"
-};
-const initializeApi = (config) => {
-  apiConfig = { ...apiConfig, ...config };
-  console.log("API initialized with:", apiConfig);
-};
-const getHeaders = () => {
-  return {
-    "Content-Type": "application/json",
-    "x-api-key": apiConfig.apiKey,
-    "x-api-secret": apiConfig.apiSecret
-  };
-};
-const createPayment = async (paymentData) => {
-  try {
-    console.log("Creating payment with data:", paymentData);
-    console.log("API URL:", `${apiConfig.apiUrl}/api/payments/create`);
-    const response = await fetch(`${apiConfig.apiUrl}/api/payments/create`, {
-      method: "POST",
-      headers: getHeaders(),
-      body: JSON.stringify(paymentData)
-    });
-    console.log("Create payment response status:", response.status);
-    if (!response.ok) {
-      const errorData = await response.json();
-      console.error("Error creating payment:", errorData);
-      throw new Error(errorData.error || `Failed to create payment: ${response.status}`);
-    }
-    const data = await response.json();
-    console.log("Create payment response data:", data);
-    return data;
-  } catch (error) {
-    console.error("Create payment error:", error);
-    throw error;
-  }
-};
-const getPayment = async (paymentId) => {
-  try {
-    console.log("Getting payment:", paymentId);
-    const response = await fetch(`${apiConfig.apiUrl}/api/payments/${paymentId}`, {
-      method: "GET",
-      headers: getHeaders()
-    });
-    if (!response.ok) {
-      const errorData = await response.json();
-      console.error("Error getting payment:", errorData);
-      throw new Error(errorData.error || `Failed to get payment: ${response.status}`);
-    }
-    const data = await response.json();
-    console.log("Get payment response:", data);
-    return data;
-  } catch (error) {
-    console.error("Get payment error:", error);
-    throw error;
-  }
-};
-const processPayment = async (processData) => {
-  try {
-    console.log("Processing payment with data:", processData);
-    console.log("API URL:", `${apiConfig.apiUrl}/api/payments/process`);
-    const response = await fetch(`${apiConfig.apiUrl}/api/payments/process`, {
-      method: "POST",
-      headers: getHeaders(),
-      body: JSON.stringify(processData)
-    });
-    console.log("Process payment response status:", response.status);
-    if (!response.ok) {
-      const errorData = await response.json();
-      console.error("Error processing payment:", errorData);
-      throw new Error(errorData.error || `Failed to process payment: ${response.status}`);
-    }
-    const data = await response.json();
-    console.log("Process payment response data:", data);
-    return data;
-  } catch (error) {
-    console.error("Process payment error:", error);
-    throw error;
-  }
-};
-const getMerchantPayments = async (options = {}) => {
-  try {
-    const { page = 1, limit = 10, status, currency, startDate, endDate, search } = options;
-    const queryParams = new URLSearchParams();
-    queryParams.append("page", page);
-    queryParams.append("limit", limit);
-    if (status)
-      queryParams.append("status", status);
-    if (currency)
-      queryParams.append("currency", currency);
-    if (startDate)
-      queryParams.append("startDate", startDate);
-    if (endDate)
-      queryParams.append("endDate", endDate);
-    if (search)
-      queryParams.append("search", search);
-    const url = `${apiConfig.apiUrl}/api/payments/merchant/list?${queryParams.toString()}`;
-    const response = await fetch(url, {
-      method: "GET",
-      headers: getHeaders()
-    });
-    if (!response.ok) {
-      const errorData = await response.json();
-      throw new Error(errorData.error || `Failed to get payments: ${response.status}`);
-    }
-    return await response.json();
-  } catch (error) {
-    console.error("Get merchant payments error:", error);
-    throw error;
-  }
-};
-const getMerchantPaymentStats = async () => {
-  try {
-    const response = await fetch(`${apiConfig.apiUrl}/api/payments/merchant/stats`, {
-      method: "GET",
-      headers: getHeaders()
-    });
-    if (!response.ok) {
-      const errorData = await response.json();
-      throw new Error(errorData.error || `Failed to get payment stats: ${response.status}`);
-    }
-    return await response.json();
-  } catch (error) {
-    console.error("Get merchant payment stats error:", error);
-    throw error;
-  }
-};
-const getSupportedCurrencies = async () => {
-  try {
-    const response = await fetch(`${apiConfig.apiUrl}/api/payments/currencies`, {
-      method: "GET",
-      headers: getHeaders()
-    });
-    if (!response.ok) {
-      const errorData = await response.json();
-      throw new Error(errorData.error || `Failed to get currencies: ${response.status}`);
-    }
-    return await response.json();
-  } catch (error) {
-    console.error("Get supported currencies error:", error);
-    return {
-      currencies: [
-        { id: "USDT", name: "Tether USD", network: "ethereum" },
-        { id: "USDC", name: "USD Coin", network: "ethereum" },
-        { id: "BNB", name: "Binance Coin", network: "binance" },
-        { id: "SOL", name: "Solana", network: "solana" },
-        { id: "USDC_SOL", name: "USD Coin (Solana)", network: "solana" }
-      ]
-    };
-  }
-};
 const CoinleyContext = createContext();
 const useCoinley = () => useContext(CoinleyContext);
 const CoinleyProvider = ({
@@ -1146,163 +1106,51 @@ const CoinleyProvider = ({
   };
   return /* @__PURE__ */ jsxRuntimeExports.jsx(CoinleyContext.Provider, { value, children });
 };
-const isMetaMaskInstalled = () => {
-  return typeof window !== "undefined" && typeof window.ethereum !== "undefined";
-};
-const connectWallet = async () => {
-  if (!isMetaMaskInstalled()) {
-    throw new Error("MetaMask is not installed");
-  }
-  try {
-    const accounts = await window.ethereum.request({ method: "eth_requestAccounts" });
-    return accounts;
-  } catch (error) {
-    console.error("Error connecting to wallet:", error);
-    throw error;
-  }
-};
-const getAccounts = async () => {
-  if (!isMetaMaskInstalled()) {
-    throw new Error("MetaMask is not installed");
-  }
-  try {
-    const accounts = await window.ethereum.request({ method: "eth_accounts" });
-    return accounts;
-  } catch (error) {
-    console.error("Error getting accounts:", error);
-    throw error;
-  }
-};
-const getChainId = async () => {
-  if (!isMetaMaskInstalled()) {
-    throw new Error("MetaMask is not installed");
-  }
-  try {
-    const chainId = await window.ethereum.request({ method: "eth_chainId" });
-    return chainId;
-  } catch (error) {
-    console.error("Error getting chain ID:", error);
-    throw error;
-  }
-};
-const sendTransaction = async (txParams) => {
-  if (!isMetaMaskInstalled()) {
-    throw new Error("MetaMask is not installed");
-  }
-  try {
-    const txHash = await window.ethereum.request({
-      method: "eth_sendTransaction",
-      params: [txParams]
-    });
-    return txHash;
-  } catch (error) {
-    console.error("Error sending transaction:", error);
-    throw error;
-  }
-};
-const sendToken = async (tokenAddress, toAddress, amount) => {
-  if (!isMetaMaskInstalled()) {
-    throw new Error("MetaMask is not installed");
-  }
-  try {
-    const accounts = await window.ethereum.request({ method: "eth_requestAccounts" });
-    const fromAddress = accounts[0];
-    const transferFunctionSignature = "0xa9059cbb";
-    const paddedToAddress = toAddress.slice(2).padStart(64, "0");
-    const paddedAmount = amount.toString(16).padStart(64, "0");
-    const data = `${transferFunctionSignature}${paddedToAddress}${paddedAmount}`;
-    const txParams = {
-      from: fromAddress,
-      to: tokenAddress,
-      data
-    };
-    const txHash = await window.ethereum.request({
-      method: "eth_sendTransaction",
-      params: [txParams]
-    });
-    return txHash;
-  } catch (error) {
-    console.error("Error sending token:", error);
-    throw error;
-  }
-};
-const isWalletConnected = async () => {
-  try {
-    const accounts = await getAccounts();
-    return accounts.length > 0;
-  } catch (error) {
-    return false;
-  }
-};
-const getNetworkName = (chainId) => {
-  const networks = {
-    "0x1": "Ethereum Mainnet",
-    "0x3": "Ropsten Testnet",
-    "0x4": "Rinkeby Testnet",
-    "0x5": "Goerli Testnet",
-    "0x2a": "Kovan Testnet",
-    "0x38": "Binance Smart Chain",
-    "0x89": "Polygon",
-    "0xa86a": "Avalanche"
-  };
-  return networks[chainId] || `Unknown Network (${chainId})`;
-};
-const getTokenBalance = async (tokenAddress, userAddress) => {
-  if (!isMetaMaskInstalled()) {
-    throw new Error("MetaMask is not installed");
-  }
-  try {
-    const balanceOfSignature = "0x70a08231";
-    const paddedAddress = userAddress.slice(2).padStart(64, "0");
-    const data = `${balanceOfSignature}${paddedAddress}`;
-    const balance = await window.ethereum.request({
-      method: "eth_call",
-      params: [
-        {
-          to: tokenAddress,
-          data
-        },
-        "latest"
+const QRCode = ({ walletAddress, amount, currency, theme = "light" }) => {
+  const qrDisplay = /* @__PURE__ */ jsxRuntimeExports.jsxs(
+    "div",
+    {
+      style: {
+        width: "200px",
+        height: "200px",
+        backgroundColor: theme === "dark" ? "#374151" : "#f3f4f6",
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center",
+        color: theme === "dark" ? "white" : "black",
+        fontWeight: "bold",
+        border: `1px solid ${theme === "dark" ? "#4b5563" : "#e5e7eb"}`,
+        margin: "0 auto"
+      },
+      children: [
+        currency,
+        " Payment QR"
       ]
-    });
-    return parseInt(balance, 16).toString();
-  } catch (error) {
-    console.error("Error getting token balance:", error);
-    throw error;
-  }
-};
-const TOKEN_ADDRESSES = {
-  USDT: "0xdAC17F958D2ee523a2206206994597C13D831ec7",
-  USDC: "0xA0b86991c6218b36c1d19D4a2e9Eb0cE3606eB48",
-  DAI: "0x6B175474E89094C44Da98b954EedeAC495271d0F",
-  WETH: "0xC02aaA39b223FE8D0A0e5C4F27eAD9083C756Cc2",
-  WBTC: "0x2260FAC5E5542a773Aa44fBCfeDf7C193bc2C599"
-};
-const QRCode$1 = ({ walletAddress, amount, currency, theme = "light" }) => {
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col items-center", children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: `p-4 rounded-lg ${theme === "dark" ? "bg-gray-700" : "bg-white"} mb-3`, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: { width: "200px", height: "200px", backgroundColor: "#f0f0f0", display: "flex", alignItems: "center", justifyContent: "center" }, children: [
-      "QR Code: ",
-      currency
-    ] }) }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-center text-sm", children: "Scan with your wallet app to pay" }),
-    walletAddress && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "mt-3 w-full", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { className: "text-xs mb-1", children: [
+    }
+  );
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: theme === "dark" ? "bg-gray-700" : "bg-white", children: qrDisplay }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: { textAlign: "center", marginTop: "12px", fontSize: "14px" }, children: "Scan with your wallet app to pay" }),
+    walletAddress && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: { marginTop: "12px" }, children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: { fontSize: "12px", marginBottom: "4px" }, children: [
         "Send ",
         amount,
         " ",
         currency,
         " to:"
       ] }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-xs font-mono p-2 rounded overflow-auto break-all bg-gray-100", children: walletAddress })
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: {
+        fontSize: "12px",
+        fontFamily: "monospace",
+        padding: "8px",
+        backgroundColor: theme === "dark" ? "#1f2937" : "#f3f4f6",
+        borderRadius: "4px",
+        overflowWrap: "break-word"
+      }, children: walletAddress })
     ] })
   ] });
 };
-const QRCode$2 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  default: QRCode$1
-}, Symbol.toStringTag, { value: "Module" }));
-const PaymentStatus = ({ status, theme = "light", message }) => {
-  console.log("PaymentStatus render:", { status, message });
+const PaymentStatus = ({ status, message, theme = "light" }) => {
   const renderIcon = () => {
     switch (status) {
       case "processing":
@@ -1370,7 +1218,6 @@ const PaymentStatus = ({ status, theme = "light", message }) => {
   ] });
 };
 const PaymentMethods = ({ onSelect, selected, theme = "light" }) => {
-  console.log("PaymentMethods render:", { selected });
   const paymentMethods = [
     {
       id: "USDT",
@@ -1395,16 +1242,9 @@ const PaymentMethods = ({ onSelect, selected, theme = "light" }) => {
       name: "SOL",
       description: "Solana",
       logo: "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiI+PGcgZmlsbD0ibm9uZSI+PGNpcmNsZSBjeD0iMTYiIGN5PSIxNiIgcj0iMTYiIGZpbGw9IiM0MDNCODIiLz48cGF0aCBkPSJNMTIuNDQgMTAuMmE1NDUuNzYgNTQ1Ljc2IDAgMDE4LjMyLTQuNjZjLjE0LS4wOC4zIDAgLjMuMTlWOC42cy0uMDEuMTQtLjExLjJDMTkuNDQgOS42NyAxOCAyMC4wOCAxOCAyMC4wOGwtLjA0LjEzYy0uMS4zNC0uMzYuNjEtLjcuNzVsLS40Mi4xN2MtLjEzLjA1LS41OS4xNS0uNTkuMTUtLjE5LjA1LS4zNy0uMTMtLjI2LS4zbDYuNDUtMTJhLjM0LjM0IDAgMDAtLjAzLS4zNy4zMi4zMiAwIDAwLS4zMi0uMDlsLTkuOS41LjAxLjI5elptOS4wNiA0LjA0Yy4wOC0uMDkuMjMtLjA2LjMuMDUuMzYuNDQuMzYgMS4wNiAwIDEuNS0uMzcuNDQtMTAuMzcgMTIuMDQtMTAuMzcgMTIuMDRsLS4xMy4xNmMtLjEzLjE1LS4zMi4yNS0uNTIuMjlsLS4yOC4wNGMtLjI0LjAzLS41My0uMDUtLjY4LS4yM0w2LjU2IDI0Yy0uMTQtLjE1LS4wNS0uNC4xNS0uNDNsMTMuODMtOC4yMWMuMzgtLjIzLjY1LS42LjcyLTEuMDRsLjA4LS4zYy4wMy0uMTEuMS0uMi4xNi0uMjh6TTYuNTYgMTIuNTV2LTEuMnMuMDQtLjE3LjEzLS4yM2MuMDktLjA2LjIzLTEuMDQuMjMtMS4wNC4wMy0uMjIuMTYtLjQyLjM2LS41M2wuNC0uMjJjLjA4LS4wNC41My0uNDUuNTMtLjQ1LjEzLS4xLjMtLjAzLjM0LjEzIDAgMCAxLjg5IDkuMDEgMS44OSA5LjAxLjA1LjMtLjE3LjU2LS40NC42OWwtLjQ4LjI0Yy0uMy4xNS0xMS40NSA1LjgtMTEuNDUgNS44LS4yMi4xMi0uNTctLjA0LS41Ny0uMzJWMTJjLS4wMi0uMzUuMjQtLjY2LjU3LS43aDguNDRhLjY3LjY3IDAgMDAuNjEtLjM4di0uMDJjLjA3LS4xNi4yNC0uMjQuNC0uMmwuMjUuMDRjLjE0LjAyLjMuMTguMy4xOHoiIGZpbGw9IiNmZmYiLz48L2c+PC9zdmc+"
-    },
-    {
-      id: "USDC_SOL",
-      name: "USDC (Solana)",
-      description: "USD Coin on Solana",
-      logo: "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48Y2lyY2xlIGN4PSIxNiIgY3k9IjE2IiByPSIxNiIgZmlsbD0iIzJCNzVFRCIvPjxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik0yMS4yMDkgOS43MzlsLTIuOTQxIDIuOTQxYTMuMTMyIDMuMTMyIDAgMDAtNC41MzYgMGwtMi45NDItMi45NDFhNy42MjMgNy42MjMgMCAwMTEwLjQxOSAwek0xMC43OTEgMjIuMjYxbDIuOTQxLTIuOTQxYTMuMTMyIDMuMTMyIDAgMDA0LjUzNiAwbDIuOTQyIDIuOTQxYTcuNjIzIDcuNjIzIDAgMDEtMTAuNDE5IDB6bTExLjU3NS00LjI2MWgtNC4xNTNhMy4xMzMgMy4xMzMgMCAwMDAtNC41MzdoNC4xNTNhNy42MjEgNy42MjEgMCAwMTAgNC41Mzd6bS0xMy43OTMtNC41MzdoNC4xNTNhMy4xMzMgMy4xMzMgMCAwMDAgNC41MzdIOS42ODZhNy42MjEgNy42MjEgMCAwMTAtNC41Mzd6Ii8+PC9nPjwvc3ZnPg=="
     }
   ];
   const handleSelectPaymentMethod = (id) => {
-    console.log("Method selected:", id);
     onSelect(id);
   };
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
@@ -1443,24 +1283,23 @@ const PaymentMethods = ({ onSelect, selected, theme = "light" }) => {
     )) })
   ] });
 };
-const Logo = "data:image/png;base64,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";
-const QRCode = lazy(() => Promise.resolve().then(() => QRCode$2));
-const CoinleyModal = ({
-  isOpen,
-  onClose,
-  payment,
-  paymentStatus,
-  selectedCurrency,
-  onCurrencySelect,
-  onPayment,
-  error,
-  theme = "light",
-  merchantName,
-  transactionHash,
-  walletConnected,
-  onConnectWallet,
-  testMode = false
-}) => {
+const CoinleyModal = (props) => {
+  const {
+    isOpen,
+    onClose,
+    payment,
+    paymentStatus,
+    selectedCurrency,
+    onCurrencySelect,
+    onPayment,
+    error,
+    theme = "light",
+    merchantName,
+    transactionHash,
+    walletConnected,
+    onConnectWallet,
+    testMode = false
+  } = props;
   const [step, setStep] = useState("select-currency");
   const [isMetaMaskAvailable, setIsMetaMaskAvailable] = useState(false);
   const [paymentMethod, setPaymentMethod] = useState("wallet");
@@ -1480,263 +1319,17 @@ const CoinleyModal = ({
       setStep("select-currency");
     }
   }, [paymentStatus, payment]);
-  const handleCurrencySelect = (currency) => {
-    onCurrencySelect(currency);
-    setStep("confirm");
-  };
-  const handlePaymentConfirm = () => {
-    onPayment(paymentMethod === "qrcode");
-  };
-  const handleBack = () => {
-    if (step === "confirm") {
-      setStep("select-currency");
-    }
-  };
-  const handleClose = () => {
-    onClose();
-  };
-  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 togglePaymentMethod = (method) => {
-    setPaymentMethod(method);
-  };
-  const modalBaseClasses = `fixed inset-0 z-50 overflow-y-auto ${theme === "dark" ? "bg-gray-900/75" : "bg-black/50"}`;
-  const modalContentClasses = `relative p-6 w-full max-w-md mx-auto rounded-lg shadow-xl ${theme === "dark" ? "bg-gray-800 text-white" : "bg-white text-gray-800"}`;
-  const headerClasses = `text-xl font-bold mb-4 ${theme === "dark" ? "text-white" : "text-gray-900"}`;
-  const buttonPrimaryClasses = `w-full py-2 px-4 rounded-md font-medium transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2 ${theme === "dark" ? "bg-blue-600 hover:bg-blue-700 text-white focus:ring-blue-500" : "bg-blue-500 hover:bg-blue-600 text-white focus:ring-blue-500"}`;
-  const buttonSecondaryClasses = `w-full py-2 px-4 rounded-md font-medium transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2 ${theme === "dark" ? "bg-gray-700 hover:bg-gray-600 text-white focus:ring-gray-500" : "bg-gray-200 hover:bg-gray-300 text-gray-800 focus:ring-gray-500"}`;
-  const tabButtonClasses = `py-2 px-4 text-sm font-medium focus:outline-none transition-colors`;
-  const activeTabClasses = `${theme === "dark" ? "bg-gray-700 text-white" : "bg-gray-100 text-gray-800"} rounded-t-md`;
-  const inactiveTabClasses = `${theme === "dark" ? "text-gray-400 hover:text-gray-300" : "text-gray-500 hover:text-gray-700"}`;
   if (!isOpen)
     return null;
-  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: modalBaseClasses, children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex min-h-screen items-center justify-center p-4", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: modalContentClasses, children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex justify-between items-center mb-6", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center", children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx("img", { src: Logo, alt: "Coinley Logo", className: "h-8 mr-2" }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx("h2", { className: headerClasses, children: "Coinley Pay" })
-      ] }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx(
-        "button",
-        {
-          onClick: handleClose,
-          className: `text-gray-500 hover:text-gray-700 focus:outline-none ${theme === "dark" ? "text-gray-400 hover:text-gray-300" : ""}`,
-          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__ */ jsxRuntimeExports.jsxs("div", { className: "mb-6", children: [
-      payment && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: `mb-6 p-4 rounded-lg ${theme === "dark" ? "bg-gray-700" : "bg-gray-100"}`, children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: `text-sm ${theme === "dark" ? "text-gray-300" : "text-gray-600"}`, children: merchantName }),
-        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex justify-between items-center mt-2", children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: `font-medium ${theme === "dark" ? "text-gray-300" : "text-gray-700"}`, children: "Amount:" }),
-          /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "font-bold text-xl", children: [
-            "$",
-            formatAmount(payment.totalAmount || payment.amount)
-          ] })
-        ] }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-xs mt-1 text-right", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: `${theme === "dark" ? "text-gray-400" : "text-gray-500"}`, children: [
-          "Payment ID: ",
-          payment.id.slice(0, 8),
-          "..."
-        ] }) })
-      ] }),
-      step === "select-currency" && /* @__PURE__ */ jsxRuntimeExports.jsx(
-        PaymentMethods,
-        {
-          onSelect: handleCurrencySelect,
-          selected: selectedCurrency,
-          theme
-        }
-      ),
-      step === "confirm" && payment && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: `p-4 rounded-lg mb-4 ${theme === "dark" ? "bg-gray-700" : "bg-gray-100"}`, children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx("h3", { className: `text-lg font-medium mb-2 ${theme === "dark" ? "text-white" : "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: theme === "dark" ? "text-gray-300" : "text-gray-600", children: "Currency:" }),
-              /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "font-medium", children: selectedCurrency })
-            ] }),
-            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex justify-between", children: [
-              /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: theme === "dark" ? "text-gray-300" : "text-gray-600", children: "Network:" }),
-              /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "font-medium", children: selectedCurrency === "SOL" || selectedCurrency === "USDC_SOL" ? "Solana" : "Ethereum" })
-            ] }),
-            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex justify-between", children: [
-              /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: theme === "dark" ? "text-gray-300" : "text-gray-600", children: "Fee:" }),
-              /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "font-medium", children: "1.75%" })
-            ] })
-          ] })
-        ] }),
-        /* @__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: () => togglePaymentMethod("wallet"),
-              className: `${tabButtonClasses} ${paymentMethod === "wallet" ? activeTabClasses : inactiveTabClasses}`,
-              children: "Connect Wallet"
-            }
-          ),
-          /* @__PURE__ */ jsxRuntimeExports.jsx(
-            "button",
-            {
-              onClick: () => togglePaymentMethod("qrcode"),
-              className: `${tabButtonClasses} ${paymentMethod === "qrcode" ? activeTabClasses : inactiveTabClasses}`,
-              children: "QR Code"
-            }
-          )
-        ] }) }),
-        testMode ? (
-          // Test mode payment option
-          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: `p-4 rounded-lg mb-4 ${theme === "dark" ? "bg-blue-900/20" : "bg-blue-50"}`, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center", children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "bg-blue-500 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 ${theme === "dark" ? "text-white" : "text-gray-800"}`, children: "Test Mode Payment" }),
-              /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: `text-sm ${theme === "dark" ? "text-gray-300" : "text-gray-600"}`, children: 'Click "Pay Now" to simulate a successful payment' })
-            ] })
-          ] }) })
-        ) : paymentMethod === "qrcode" ? (
-          // QR Code payment option
-          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: `p-4 rounded-lg mb-4 ${theme === "dark" ? "bg-blue-900/20" : "bg-blue-50"}`, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-            QRCode,
-            {
-              walletAddress: payment.walletAddress || "0x742d35Cc6634C0532925a3b844Bc454e4438f44e",
-              amount: payment.totalAmount || payment.amount,
-              currency: selectedCurrency,
-              theme
-            }
-          ) })
-        ) : isMetaMaskAvailable ? (
-          // MetaMask available option
-          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: `p-4 rounded-lg mb-4 ${theme === "dark" ? "bg-blue-900/20" : "bg-blue-50"}`, children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center", children: [
-              /* @__PURE__ */ jsxRuntimeExports.jsx(
-                "img",
-                {
-                  src: "https://metamask.io/images/metamask-fox.svg",
-                  alt: "MetaMask",
-                  className: "w-8 h-8 mr-2"
-                }
-              ),
-              /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
-                /* @__PURE__ */ jsxRuntimeExports.jsx("h3", { className: `font-medium ${theme === "dark" ? "text-white" : "text-gray-800"}`, children: "Pay with MetaMask" }),
-                /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: `text-sm ${theme === "dark" ? "text-gray-300" : "text-gray-600"}`, children: walletConnected ? "Your wallet is connected. Click 'Pay Now' to proceed." : "Click 'Connect Wallet' to proceed with payment." })
-              ] })
-            ] }),
-            !walletConnected && /* @__PURE__ */ jsxRuntimeExports.jsx(
-              "button",
-              {
-                onClick: onConnectWallet,
-                className: `mt-3 ${buttonPrimaryClasses}`,
-                children: "Connect Wallet"
-              }
-            )
-          ] })
-        ) : (
-          // MetaMask not available warning
-          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: `p-4 rounded-lg mb-4 ${theme === "dark" ? "bg-yellow-900/20" : "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 ${theme === "dark" ? "text-white" : "text-gray-800"}`, children: "MetaMask Not Detected" }),
-                /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: `text-sm ${theme === "dark" ? "text-gray-300" : "text-gray-600"}`, children: "Please install MetaMask extension to make payments" })
-              ] })
-            ] }),
-            /* @__PURE__ */ jsxRuntimeExports.jsx(
-              "a",
-              {
-                href: "https://metamask.io/download/",
-                target: "_blank",
-                rel: "noopener noreferrer",
-                className: `block mt-3 text-center ${buttonPrimaryClasses}`,
-                children: "Install MetaMask"
-              }
-            )
-          ] })
-        ),
-        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "mt-6 grid grid-cols-2 gap-3", children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx(
-            "button",
-            {
-              type: "button",
-              onClick: handleBack,
-              className: buttonSecondaryClasses,
-              children: "Back"
-            }
-          ),
-          /* @__PURE__ */ jsxRuntimeExports.jsx(
-            "button",
-            {
-              type: "button",
-              onClick: handlePaymentConfirm,
-              className: buttonPrimaryClasses,
-              disabled: !testMode && paymentMethod === "wallet" && isMetaMaskAvailable && !walletConnected,
-              children: "Pay Now"
-            }
-          )
-        ] })
-      ] }),
-      step === "processing" && /* @__PURE__ */ jsxRuntimeExports.jsx(
-        PaymentStatus,
-        {
-          status: "processing",
-          theme,
-          message: "Processing your payment..."
-        }
-      ),
-      step === "success" && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx(
-          PaymentStatus,
-          {
-            status: "success",
-            theme,
-            message: "Payment successful!"
-          }
-        ),
-        transactionHash && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: `mt-4 p-3 rounded-lg ${theme === "dark" ? "bg-gray-700" : "bg-gray-100"}`, children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: `text-xs ${theme === "dark" ? "text-gray-300" : "text-gray-600"} mb-1`, children: "Transaction Hash:" }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: `text-sm font-mono break-all ${theme === "dark" ? "text-white" : "text-gray-800"}`, children: formatTransactionHash(transactionHash) }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx(
-            "a",
-            {
-              href: `https://etherscan.io/tx/${transactionHash}`,
-              target: "_blank",
-              rel: "noopener noreferrer",
-              className: `text-xs ${theme === "dark" ? "text-blue-400" : "text-blue-600"} mt-2 inline-block`,
-              children: "View on Etherscan →"
-            }
-          )
-        ] })
-      ] }),
-      step === "error" && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx(
-          PaymentStatus,
-          {
-            status: "error",
-            theme,
-            message: error || "An error occurred while processing your payment."
-          }
-        ),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(
-          "button",
-          {
-            type: "button",
-            onClick: handleBack,
-            className: `mt-4 ${buttonSecondaryClasses}`,
-            children: "Try Again"
-          }
-        )
-      ] })
-    ] }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: `text-center text-xs ${theme === "dark" ? "text-gray-400" : "text-gray-500"}`, children: /* @__PURE__ */ jsxRuntimeExports.jsx("p", { children: "Powered by Coinley - Secure Cryptocurrency Payments" }) })
-  ] }) }) });
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: theme === "dark" ? "bg-gray-900/75" : "bg-black/50", style: { position: "fixed", inset: 0, zIndex: 50 }, children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: { minHeight: "100vh", display: "flex", alignItems: "center", justifyContent: "center", padding: "16px" }, children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: theme === "dark" ? "bg-gray-800 text-white" : "bg-white text-gray-800", style: { position: "relative", padding: "24px", width: "100%", maxWidth: "28rem", borderRadius: "8px", boxShadow: "0 20px 25px -5px rgb(0 0 0 / 0.1)" }, children: step === "confirm" && payment && paymentMethod === "qrcode" && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: { marginTop: "16px" }, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+    QRCode,
+    {
+      walletAddress: payment.walletAddress || "0x742d35Cc6634C0532925a3b844Bc454e4438f44e",
+      amount: payment.totalAmount || payment.amount,
+      currency: selectedCurrency,
+      theme
+    }
+  ) }) }) }) });
 };
 const CoinleyCheckout = forwardRef(({
   apiKey,
@@ -1781,32 +1374,34 @@ const CoinleyCheckout = forwardRef(({
     }
   };
   useEffect(() => {
-    const checkWalletConnection = async () => {
-      if (isMetaMaskInstalled()) {
-        try {
-          const accounts = await window.ethereum.request({ method: "eth_accounts" });
-          setWalletConnected(accounts && accounts.length > 0);
-        } catch (err) {
-          log("Error checking wallet connection:", err);
+    if (typeof window !== "undefined") {
+      const checkWalletConnection = async () => {
+        if (isMetaMaskInstalled()) {
+          try {
+            const accounts = await window.ethereum.request({ method: "eth_accounts" });
+            setWalletConnected(accounts && accounts.length > 0);
+          } catch (err) {
+            log("Error checking wallet connection:", err);
+            setWalletConnected(false);
+          }
+        } else {
           setWalletConnected(false);
         }
-      } else {
-        setWalletConnected(false);
-      }
-    };
-    checkWalletConnection();
-  }, []);
+      };
+      checkWalletConnection();
+    }
+  }, [effectiveDebug]);
   useEffect(() => {
-    const handleAccountsChanged = (accounts) => {
-      setWalletConnected(accounts.length > 0);
-    };
     if (typeof window !== "undefined" && window.ethereum) {
+      const handleAccountsChanged = (accounts) => {
+        setWalletConnected(accounts.length > 0);
+      };
       window.ethereum.on("accountsChanged", handleAccountsChanged);
+      return () => {
+        window.ethereum.removeListener("accountsChanged", handleAccountsChanged);
+      };
     }
     return () => {
-      if (typeof window !== "undefined" && window.ethereum) {
-        window.ethereum.removeListener("accountsChanged", handleAccountsChanged);
-      }
     };
   }, []);
   const handleOpen = async (paymentDetails) => {
@@ -1952,14 +1547,13 @@ const CoinleyCheckout = forwardRef(({
   ) });
 });
 CoinleyCheckout.displayName = "CoinleyCheckout";
-const styles = "";
 const DEFAULT_CONFIG = {
   apiUrl: "https://coinleyserver-production.up.railway.app",
   debug: false,
   testMode: false,
   theme: "light"
 };
-const VERSION = "1.0.4";
+const VERSION = "1.0.7";
 export {
   CoinleyCheckout,
   CoinleyModal,
@@ -1967,24 +1561,13 @@ export {
   DEFAULT_CONFIG,
   PaymentMethods,
   PaymentStatus,
-  QRCode$1 as QRCode,
-  TOKEN_ADDRESSES,
+  QRCode,
   ThemeProvider,
   VERSION,
   connectWallet,
   createPayment,
-  getAccounts,
-  getChainId,
-  getMerchantPaymentStats,
-  getMerchantPayments,
-  getNetworkName,
   getPayment,
-  getSupportedCurrencies,
-  getTokenBalance,
   isMetaMaskInstalled,
-  isWalletConnected,
-  processPayment,
-  sendToken,
-  sendTransaction
+  processPayment
 };
 //# sourceMappingURL=coinley-checkout.es.js.map