coinley-checkout 0.2.0 → 0.2.2

package/dist/coinley-checkout.es.js

@@ -1106,53 +1106,26 @@ const CoinleyProvider = ({
   };
   return /* @__PURE__ */ jsxRuntimeExports.jsx(CoinleyContext.Provider, { value, children });
 };
-const QRCode = ({
-  walletAddress,
-  amount,
-  currency,
-  theme = "light"
-}) => {
-  const qrCodeUrl = require$$0.useMemo(() => {
-    if (!walletAddress)
-      return "";
-    const data = `${currency}:${walletAddress}?amount=${amount}&currency=${currency}`;
-    return `https://api.qrserver.com/v1/create-qr-code/?size=200x200&data=${encodeURIComponent(data)}`;
-  }, [walletAddress, amount, currency]);
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col items-center", children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "p-4 rounded-lg bg-white mb-3", children: walletAddress ? /* @__PURE__ */ jsxRuntimeExports.jsx(
+const QRCode = ({ walletAddress, amount, currency }) => {
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx(
       "img",
       {
-        src: qrCodeUrl,
-        alt: `QR Code for ${currency} payment`,
-        style: { width: "200px", height: "200px" }
+        src: `https://chart.googleapis.com/chart?cht=qr&chs=200x200&chl=Payment%20to%20${walletAddress}&choe=UTF-8`,
+        alt: "Payment QR Code",
+        style: { width: 200, height: 200, margin: "0 auto", display: "block" }
       }
-    ) : /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: { width: "200px", height: "200px", background: "#f0f0f0", display: "flex", alignItems: "center", justifyContent: "center" }, children: "Wallet address missing" }) }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-center text-sm 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 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 text-gray-700", children: walletAddress })
+    ),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { style: { textAlign: "center", marginTop: 10 }, children: [
+      "Scan to pay ",
+      amount,
+      " ",
+      currency
     ] }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-4 w-full", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "p-3 rounded bg-gray-100", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx("h4", { className: "text-sm font-medium mb-2 text-gray-800", children: "Payment Instructions" }),
-      /* @__PURE__ */ jsxRuntimeExports.jsxs("ol", { className: "text-xs space-y-2 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. Confirm the payment amount (",
-          amount,
-          " ",
-          currency,
-          ")"
-        ] }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx("li", { children: '4. Click "Pay Now" button below after sending the payment' })
-      ] })
-    ] }) })
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { style: { marginTop: 10 }, children: [
+      "Send to: ",
+      walletAddress
+    ] })
   ] });
 };
 const PaymentStatus = ({ status, message, theme = "light" }) => {