coinley-checkout 0.2.0 → 0.2.1

package/dist/coinley-checkout.es.js

@@ -1112,23 +1112,19 @@ const QRCode = ({
   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]);
+  const qrCodeUrl = `https://chart.googleapis.com/chart?cht=qr&chs=200x200&chl=${encodeURIComponent(`${currency}:${walletAddress}?amount=${amount}`)}&choe=UTF-8`;
   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(
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "p-4 rounded-lg bg-white mb-3", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
       "img",
       {
         src: qrCodeUrl,
         alt: `QR Code for ${currency} payment`,
-        style: { width: "200px", height: "200px" }
+        width: "200",
+        height: "200"
       }
-    ) : /* @__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("div", { className: "mt-3 w-full", children: [
       /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { className: "text-xs text-gray-500 mb-1", children: [
         "Send ",
         amount,
@@ -1137,22 +1133,7 @@ const QRCode = ({
         " 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.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' })
-      ] })
-    ] }) })
+    ] })
   ] });
 };
 const PaymentStatus = ({ status, message, theme = "light" }) => {