coinley-checkout 0.1.4 → 0.1.5

package/dist/coinley-checkout.es.js

@@ -1,5 +1,4 @@
 import require$$0, { createContext, useContext, useState, useEffect, lazy, forwardRef, useImperativeHandle } from "react";
-const styles = "";
 var jsxRuntime = { exports: {} };
 var reactJsxRuntime_production_min = {};
 /**
@@ -1147,171 +1146,6 @@ const CoinleyProvider = ({
   };
   return /* @__PURE__ */ jsxRuntimeExports.jsx(CoinleyContext.Provider, { value, children });
 };
-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: [
-        "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 })
-    ] })
-  ] });
-};
-const QRCode$2 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  default: QRCode$1
-}, Symbol.toStringTag, { value: "Module" }));
-const PaymentMethods = ({ onSelect, selected, theme = "light" }) => {
-  console.log("PaymentMethods render:", { selected });
-  const paymentMethods = [
-    {
-      id: "USDT",
-      name: "USDT",
-      description: "Tether USD",
-      logo: "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48Y2lyY2xlIGN4PSIxNiIgY3k9IjE2IiByPSIxNiIgZmlsbD0iIzI2QTE3QiIvPjxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik0xNy45MjIgMTcuMzgzdi0uMDAyYy0uMTEuMDA4LS42NzcuMDQyLTEuOTQyLjA0Mi0xLjAxIDAtMS43MjEtLjAzLTEuOTcxLS4wNDJ2LjAwM2MtMy44ODgtLjE3MS02Ljc5LS44NDgtNi43OS0xLjY1OCAwLS44MDkgMi45MDItMS40ODYgNi43OS0xLjY2di4wNDdjLjI1NC4wMTguOTgyLjA0NSAxLjk4OC4wNDUgMS4yMDcgMCAxLjgxMi0uMDM2IDEuOTI1LS4wNDZ2LS4wNDRjMy44OC4xNzQgNi43NzUuODUxIDYuNzc1IDEuNjU4IDAgLjgwNy0yLjg5NSAxLjQ4NS02Ljc3NSAxLjY1N3ptMC0zLjU2NnYtLjA0N2MuMS0uMDA4LjYyNS0uMDQ1IDEuOTI1LS4wNDUgMS4wMDUgMCAxLjczNC4wMjcgMS45ODguMDQ2di0yLjg0MWgtMy45MXYyLjgzOWMtLjExMS4wMDgtLjY4LjA0Ni0xLjk3MS4wNDYtMS4yNDMgMC0xLjgzMi0uMDM4LTEuOTQyLS4wNDZ2LTIuODRoLTMuOTF2Mi44MzhjLjI1NC4wMi45ODIuMDQ2IDEuOTg4LjA0NiAxLjIwOCAwIDEuODEyLS4wMzggMS45MjUtLjA0NnYuMDQ3QzguNDUgMTQuMDI1IDUgMTQuNzM3IDUgMTUuNzI0djMuMmMwIC45ODYgMy40NSAxLjY5OCA3Ljk4MiAxLjgyOXYuMDQ3Yy0uMTEzLjAwOC0uNzE3LjA0Ni0xLjkyNS4wNDYtMS4wMDYgMC0xLjczNC0uMDI2LTEuOTg4LS4wNDZ2Mi44MzhoMy45MXYtMi44MzZjLjExLS4wMDguNjk5LS4wNDYgMS45NDItLjA0NiAxLjI2MiAwIDEuODMxLjAzOCAxLjk3MS4wNDZ2Mi44MzdoMy45MXYtMi44MzljLS4yNTQtLjAyLS45ODMtLjA0Ny0xLjk4OC0uMDQ3LTEuMzAyIDAtMS44MjQuMDM5LTEuOTI1LjA0N3YtLjA0NWM0LjUxOS0uMTMgNy45NTQtLjg0MyA3Ljk1NC0xLjgzdi0zLjJjMC0uOTg3LTMuNDM1LTEuNjk5LTcuOTU0LTEuODN6Ii8+PC9nPjwvc3ZnPg=="
-    },
-    {
-      id: "USDC",
-      name: "USDC",
-      description: "USD Coin",
-      logo: "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48Y2lyY2xlIGN4PSIxNiIgY3k9IjE2IiByPSIxNiIgZmlsbD0iIzJCNzVFRCIvPjxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik0yMS4yMDkgOS43MzlsLTIuOTQxIDIuOTQxYTMuMTMyIDMuMTMyIDAgMDAtNC41MzYgMGwtMi45NDItMi45NDFhNy42MjMgNy42MjMgMCAwMTEwLjQxOSAwek0xMC43OTEgMjIuMjYxbDIuOTQxLTIuOTQxYTMuMTMyIDMuMTMyIDAgMDA0LjUzNiAwbDIuOTQyIDIuOTQxYTcuNjIzIDcuNjIzIDAgMDEtMTAuNDE5IDB6bTExLjU3NS00LjI2MWgtNC4xNTNhMy4xMzMgMy4xMzMgMCAwMDAtNC41MzdoNC4xNTNhNy42MjEgNy42MjEgMCAwMTAgNC41Mzd6bS0xMy43OTMtNC41MzdoNC4xNTNhMy4xMzMgMy4xMzMgMCAwMDAgNC41MzdIOS42ODZhNy42MjEgNy42MjEgMCAwMTAtNC41Mzd6Ii8+PC9nPjwvc3ZnPg=="
-    },
-    {
-      id: "BNB",
-      name: "BNB",
-      description: "Binance Coin",
-      logo: "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiI+PGcgZmlsbD0ibm9uZSI+PGNpcmNsZSBjeD0iMTYiIGN5PSIxNiIgcj0iMTYiIGZpbGw9IiNGM0JBMkYiLz48cGF0aCBmaWxsPSIjRkZGIiBkPSJNMTIuMTE2IDE0LjQwNEwxNiAxMC41MmwzLjg4NiAzLjg4NmwtMi4yNiAyLjI1OEwxNiAxNC4xNDlsLTEuNjM0IDEuNjM1LTIuMjUtMi4yNTl6bTkuMTUyLS4wMDFsMi4yNi0yLjI1OSAyLjg4NyAyLjg4Ny0yLjI1OSAyLjI1OS0yLjg4OC0yLjg4N3pNMTIuMTE1IDE3LjU5NmwyLjI2LTIuMjU5IDIuODg3IDIuODg3LTIuMjU5IDIuMjU5LTIuODg4LTIuODg3em0tNC4yMjktLjAwMWwyLjI2LTIuMjU5IDIuODg3IDIuODg3LTIuMjU5IDIuMjU5LTIuODg4LTIuODg3em02LjM0NCAwTDE2IDE5LjM2NWwxLjc3Mi0xLjc3MSAyLjI1OCAyLjI1OS0xLjc3MiAxLjc3Mi0uMTcuMTctMS45MTUgMS45MTMtNC4wNDUtNC4wNDUuMDA1LS4wMDQuMDAzLS4wMDYuMDk0LS4wOTQuMDgtLjA3OXoiLz48L2c+PC9zdmc+"
-    },
-    {
-      id: "SOL",
-      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: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx("h3", { className: `text-lg font-medium mb-3 ${theme === "dark" ? "text-white" : "text-gray-800"}`, children: "Select Payment Method" }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "space-y-2", children: paymentMethods.map((method) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
-      "button",
-      {
-        onClick: () => handleSelectPaymentMethod(method.id),
-        className: `w-full flex items-center p-3 rounded-lg transition-colors ${selected === method.id ? theme === "dark" ? "bg-blue-900/30 border border-blue-500" : "bg-blue-50 border border-blue-500" : theme === "dark" ? "bg-gray-700 hover:bg-gray-600 border border-gray-700" : "bg-white hover:bg-gray-50 border border-gray-200"}`,
-        children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex-shrink-0 h-10 w-10 bg-white rounded-full flex items-center justify-center mr-3", children: /* @__PURE__ */ jsxRuntimeExports.jsx("img", { src: method.logo, alt: method.name, className: "h-6 w-6" }) }),
-          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex-1 text-left", children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsx("h4", { className: `font-medium ${theme === "dark" ? "text-white" : "text-gray-900"}`, children: method.name }),
-            /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: `text-sm ${theme === "dark" ? "text-gray-300" : "text-gray-500"}`, children: method.description })
-          ] }),
-          selected === method.id && /* @__PURE__ */ jsxRuntimeExports.jsx(
-            "svg",
-            {
-              xmlns: "http://www.w3.org/2000/svg",
-              className: "h-5 w-5 text-blue-500",
-              viewBox: "0 0 20 20",
-              fill: "currentColor",
-              children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-                "path",
-                {
-                  fillRule: "evenodd",
-                  d: "M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z",
-                  clipRule: "evenodd"
-                }
-              )
-            }
-          )
-        ]
-      },
-      method.id
-    )) })
-  ] });
-};
-const PaymentStatus = ({ status, theme = "light", message }) => {
-  console.log("PaymentStatus render:", { status, message });
-  const renderIcon = () => {
-    switch (status) {
-      case "processing":
-        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__ */ 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",
-            className: "h-8 w-8 text-green-500",
-            fill: "none",
-            viewBox: "0 0 24 24",
-            stroke: "currentColor",
-            strokeWidth: 2,
-            children: /* @__PURE__ */ jsxRuntimeExports.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M5 13l4 4L19 7" })
-          }
-        ) });
-      case "error":
-        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",
-            className: "h-8 w-8 text-red-500",
-            fill: "none",
-            viewBox: "0 0 24 24",
-            stroke: "currentColor",
-            strokeWidth: 2,
-            children: /* @__PURE__ */ jsxRuntimeExports.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M6 18L18 6M6 6l12 12" })
-          }
-        ) });
-      default:
-        return null;
-    }
-  };
-  const getStatusTitle = () => {
-    switch (status) {
-      case "processing":
-        return "Processing Payment";
-      case "success":
-        return "Payment Successful";
-      case "error":
-        return "Payment Failed";
-      default:
-        return "Unknown Status";
-    }
-  };
-  const getMessageClasses = () => {
-    switch (status) {
-      case "processing":
-        return theme === "dark" ? "text-blue-300" : "text-blue-600";
-      case "success":
-        return theme === "dark" ? "text-green-300" : "text-green-600";
-      case "error":
-        return theme === "dark" ? "text-red-300" : "text-red-600";
-      default:
-        return theme === "dark" ? "text-gray-300" : "text-gray-600";
-    }
-  };
-  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." }) })
-  ] });
-};
 const isMetaMaskInstalled = () => {
   return typeof window !== "undefined" && typeof window.ethereum !== "undefined";
 };
@@ -1444,6 +1278,171 @@ const TOKEN_ADDRESSES = {
   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: [
+        "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 })
+    ] })
+  ] });
+};
+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 renderIcon = () => {
+    switch (status) {
+      case "processing":
+        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__ */ 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",
+            className: "h-8 w-8 text-green-500",
+            fill: "none",
+            viewBox: "0 0 24 24",
+            stroke: "currentColor",
+            strokeWidth: 2,
+            children: /* @__PURE__ */ jsxRuntimeExports.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M5 13l4 4L19 7" })
+          }
+        ) });
+      case "error":
+        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",
+            className: "h-8 w-8 text-red-500",
+            fill: "none",
+            viewBox: "0 0 24 24",
+            stroke: "currentColor",
+            strokeWidth: 2,
+            children: /* @__PURE__ */ jsxRuntimeExports.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M6 18L18 6M6 6l12 12" })
+          }
+        ) });
+      default:
+        return null;
+    }
+  };
+  const getStatusTitle = () => {
+    switch (status) {
+      case "processing":
+        return "Processing Payment";
+      case "success":
+        return "Payment Successful";
+      case "error":
+        return "Payment Failed";
+      default:
+        return "Unknown Status";
+    }
+  };
+  const getMessageClasses = () => {
+    switch (status) {
+      case "processing":
+        return theme === "dark" ? "text-blue-300" : "text-blue-600";
+      case "success":
+        return theme === "dark" ? "text-green-300" : "text-green-600";
+      case "error":
+        return theme === "dark" ? "text-red-300" : "text-red-600";
+      default:
+        return theme === "dark" ? "text-gray-300" : "text-gray-600";
+    }
+  };
+  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." }) })
+  ] });
+};
+const PaymentMethods = ({ onSelect, selected, theme = "light" }) => {
+  console.log("PaymentMethods render:", { selected });
+  const paymentMethods = [
+    {
+      id: "USDT",
+      name: "USDT",
+      description: "Tether USD",
+      logo: "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48Y2lyY2xlIGN4PSIxNiIgY3k9IjE2IiByPSIxNiIgZmlsbD0iIzI2QTE3QiIvPjxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik0xNy45MjIgMTcuMzgzdi0uMDAyYy0uMTEuMDA4LS42NzcuMDQyLTEuOTQyLjA0Mi0xLjAxIDAtMS43MjEtLjAzLTEuOTcxLS4wNDJ2LjAwM2MtMy44ODgtLjE3MS02Ljc5LS44NDgtNi43OS0xLjY1OCAwLS44MDkgMi45MDItMS40ODYgNi43OS0xLjY2di4wNDdjLjI1NC4wMTguOTgyLjA0NSAxLjk4OC4wNDUgMS4yMDcgMCAxLjgxMi0uMDM2IDEuOTI1LS4wNDZ2LS4wNDRjMy44OC4xNzQgNi43NzUuODUxIDYuNzc1IDEuNjU4IDAgLjgwNy0yLjg5NSAxLjQ4NS02Ljc3NSAxLjY1N3ptMC0zLjU2NnYtLjA0N2MuMS0uMDA4LjYyNS0uMDQ1IDEuOTI1LS4wNDUgMS4wMDUgMCAxLjczNC4wMjcgMS45ODguMDQ2di0yLjg0MWgtMy45MXYyLjgzOWMtLjExMS4wMDgtLjY4LjA0Ni0xLjk3MS4wNDYtMS4yNDMgMC0xLjgzMi0uMDM4LTEuOTQyLS4wNDZ2LTIuODRoLTMuOTF2Mi44MzhjLjI1NC4wMi45ODIuMDQ2IDEuOTg4LjA0NiAxLjIwOCAwIDEuODEyLS4wMzggMS45MjUtLjA0NnYuMDQ3QzguNDUgMTQuMDI1IDUgMTQuNzM3IDUgMTUuNzI0djMuMmMwIC45ODYgMy40NSAxLjY5OCA3Ljk4MiAxLjgyOXYuMDQ3Yy0uMTEzLjAwOC0uNzE3LjA0Ni0xLjkyNS4wNDYtMS4wMDYgMC0xLjczNC0uMDI2LTEuOTg4LS4wNDZ2Mi44MzhoMy45MXYtMi44MzZjLjExLS4wMDguNjk5LS4wNDYgMS45NDItLjA0NiAxLjI2MiAwIDEuODMxLjAzOCAxLjk3MS4wNDZ2Mi44MzdoMy45MXYtMi44MzljLS4yNTQtLjAyLS45ODMtLjA0Ny0xLjk4OC0uMDQ3LTEuMzAyIDAtMS44MjQuMDM5LTEuOTI1LjA0N3YtLjA0NWM0LjUxOS0uMTMgNy45NTQtLjg0MyA3Ljk1NC0xLjgzdi0zLjJjMC0uOTg3LTMuNDM1LTEuNjk5LTcuOTU0LTEuODN6Ii8+PC9nPjwvc3ZnPg=="
+    },
+    {
+      id: "USDC",
+      name: "USDC",
+      description: "USD Coin",
+      logo: "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48Y2lyY2xlIGN4PSIxNiIgY3k9IjE2IiByPSIxNiIgZmlsbD0iIzJCNzVFRCIvPjxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik0yMS4yMDkgOS43MzlsLTIuOTQxIDIuOTQxYTMuMTMyIDMuMTMyIDAgMDAtNC41MzYgMGwtMi45NDItMi45NDFhNy42MjMgNy42MjMgMCAwMTEwLjQxOSAwek0xMC43OTEgMjIuMjYxbDIuOTQxLTIuOTQxYTMuMTMyIDMuMTMyIDAgMDA0LjUzNiAwbDIuOTQyIDIuOTQxYTcuNjIzIDcuNjIzIDAgMDEtMTAuNDE5IDB6bTExLjU3NS00LjI2MWgtNC4xNTNhMy4xMzMgMy4xMzMgMCAwMDAtNC41MzdoNC4xNTNhNy42MjEgNy42MjEgMCAwMTAgNC41Mzd6bS0xMy43OTMtNC41MzdoNC4xNTNhMy4xMzMgMy4xMzMgMCAwMDAgNC41MzdIOS42ODZhNy42MjEgNy42MjEgMCAwMTAtNC41Mzd6Ii8+PC9nPjwvc3ZnPg=="
+    },
+    {
+      id: "BNB",
+      name: "BNB",
+      description: "Binance Coin",
+      logo: "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiI+PGcgZmlsbD0ibm9uZSI+PGNpcmNsZSBjeD0iMTYiIGN5PSIxNiIgcj0iMTYiIGZpbGw9IiNGM0JBMkYiLz48cGF0aCBmaWxsPSIjRkZGIiBkPSJNMTIuMTE2IDE0LjQwNEwxNiAxMC41MmwzLjg4NiAzLjg4NmwtMi4yNiAyLjI1OEwxNiAxNC4xNDlsLTEuNjM0IDEuNjM1LTIuMjUtMi4yNTl6bTkuMTUyLS4wMDFsMi4yNi0yLjI1OSAyLjg4NyAyLjg4Ny0yLjI1OSAyLjI1OS0yLjg4OC0yLjg4N3pNMTIuMTE1IDE3LjU5NmwyLjI2LTIuMjU5IDIuODg3IDIuODg3LTIuMjU5IDIuMjU5LTIuODg4LTIuODg3em0tNC4yMjktLjAwMWwyLjI2LTIuMjU5IDIuODg3IDIuODg3LTIuMjU5IDIuMjU5LTIuODg4LTIuODg3em02LjM0NCAwTDE2IDE5LjM2NWwxLjc3Mi0xLjc3MSAyLjI1OCAyLjI1OS0xLjc3MiAxLjc3Mi0uMTcuMTctMS45MTUgMS45MTMtNC4wNDUtNC4wNDUuMDA1LS4wMDQuMDAzLS4wMDYuMDk0LS4wOTQuMDgtLjA3OXoiLz48L2c+PC9zdmc+"
+    },
+    {
+      id: "SOL",
+      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: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx("h3", { className: `text-lg font-medium mb-3 ${theme === "dark" ? "text-white" : "text-gray-800"}`, children: "Select Payment Method" }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "space-y-2", children: paymentMethods.map((method) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
+      "button",
+      {
+        onClick: () => handleSelectPaymentMethod(method.id),
+        className: `w-full flex items-center p-3 rounded-lg transition-colors ${selected === method.id ? theme === "dark" ? "bg-blue-900/30 border border-blue-500" : "bg-blue-50 border border-blue-500" : theme === "dark" ? "bg-gray-700 hover:bg-gray-600 border border-gray-700" : "bg-white hover:bg-gray-50 border border-gray-200"}`,
+        children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex-shrink-0 h-10 w-10 bg-white rounded-full flex items-center justify-center mr-3", children: /* @__PURE__ */ jsxRuntimeExports.jsx("img", { src: method.logo, alt: method.name, className: "h-6 w-6" }) }),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex-1 text-left", children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx("h4", { className: `font-medium ${theme === "dark" ? "text-white" : "text-gray-900"}`, children: method.name }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: `text-sm ${theme === "dark" ? "text-gray-300" : "text-gray-500"}`, children: method.description })
+          ] }),
+          selected === method.id && /* @__PURE__ */ jsxRuntimeExports.jsx(
+            "svg",
+            {
+              xmlns: "http://www.w3.org/2000/svg",
+              className: "h-5 w-5 text-blue-500",
+              viewBox: "0 0 20 20",
+              fill: "currentColor",
+              children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+                "path",
+                {
+                  fillRule: "evenodd",
+                  d: "M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z",
+                  clipRule: "evenodd"
+                }
+              )
+            }
+          )
+        ]
+      },
+      method.id
+    )) })
+  ] });
+};
 const Logo = "data:image/png;base64,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";
 const QRCode = lazy(() => Promise.resolve().then(() => QRCode$2));
 const CoinleyModal = ({
@@ -1953,18 +1952,21 @@ 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.2";
+const VERSION = "1.0.4";
 export {
   CoinleyCheckout,
   CoinleyModal,
   CoinleyProvider,
   DEFAULT_CONFIG,
+  PaymentMethods,
+  PaymentStatus,
   QRCode$1 as QRCode,
   TOKEN_ADDRESSES,
   ThemeProvider,