coinley-checkout 0.1.5 → 0.1.6

package/dist/coinley-checkout.umd.js

@@ -2,6 +2,7 @@
   typeof exports === "object" && typeof module !== "undefined" ? factory(exports, require("react")) : typeof define === "function" && define.amd ? define(["exports", "react"], factory) : (global = typeof globalThis !== "undefined" ? globalThis : global || self, factory(global.CoinleyCheckout = {}, global.React));
 })(this, function(exports2, require$$0) {
   "use strict";
+  const styles = "";
   var jsxRuntime = { exports: {} };
   var reactJsxRuntime_production_min = {};
   /**
@@ -1149,163 +1150,58 @@
     };
     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 qrPlaceholder = /* @__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" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: `p-4 rounded-lg ${theme === "dark" ? "bg-gray-700" : "bg-white"} mb-3`, children: qrPlaceholder }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: `text-center text-sm ${theme === "dark" ? "text-gray-300" : "text-gray-700"}`, 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: [
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { className: `text-xs ${theme === "dark" ? "text-gray-400" : "text-gray-500"} mb-1`, 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", { className: `text-xs font-mono p-2 rounded overflow-auto break-all ${theme === "dark" ? "bg-gray-800 text-gray-300" : "bg-gray-100 text-gray-700"}`, children: walletAddress })
+      ] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-4 w-full", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: `p-3 rounded ${theme === "dark" ? "bg-gray-700" : "bg-gray-100"}`, children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("h4", { className: `text-sm font-medium mb-2 ${theme === "dark" ? "text-white" : "text-gray-800"}`, children: "Payment Instructions" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("ol", { className: `text-xs space-y-2 ${theme === "dark" ? "text-gray-300" : "text-gray-600"}`, children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx("li", { children: "1. Open your crypto wallet app" }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("li", { children: "2. Scan the QR code above" }),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("li", { children: [
+            "3. Send ",
+            amount,
+            " ",
+            currency
+          ] }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("li", { children: '4. Click "Pay Now" button after sending' })
+        ] })
+      ] }) })
     ] });
   };
-  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":
@@ -1373,7 +1269,6 @@
     ] });
   };
   const PaymentMethods = ({ onSelect, selected, theme = "light" }) => {
-    console.log("PaymentMethods render:", { selected });
     const paymentMethods = [
       {
         id: "USDT",
@@ -1398,16 +1293,9 @@
         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: [
@@ -1446,8 +1334,139 @@
       )) })
     ] });
   };
+  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"
+        ]
+      });
+      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 Logo = "data:image/png;base64,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";
-  const QRCode = require$$0.lazy(() => Promise.resolve().then(() => QRCode$2));
   const CoinleyModal = ({
     isOpen,
     onClose,
@@ -1548,7 +1567,7 @@
           ] }),
           /* @__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),
+            payment.id && payment.id.slice(0, 8),
             "..."
           ] }) })
         ] }),
@@ -1784,32 +1803,34 @@
       }
     };
     require$$0.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]);
     require$$0.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) => {
@@ -1955,21 +1976,20 @@
     ) });
   });
   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.6";
   exports2.CoinleyCheckout = CoinleyCheckout;
   exports2.CoinleyModal = CoinleyModal;
   exports2.CoinleyProvider = CoinleyProvider;
   exports2.DEFAULT_CONFIG = DEFAULT_CONFIG;
   exports2.PaymentMethods = PaymentMethods;
   exports2.PaymentStatus = PaymentStatus;
-  exports2.QRCode = QRCode$1;
+  exports2.QRCode = QRCode;
   exports2.TOKEN_ADDRESSES = TOKEN_ADDRESSES;
   exports2.ThemeProvider = ThemeProvider;
   exports2.VERSION = VERSION;