coinley-checkout 0.2.3 → 0.2.5

package/dist/coinley-checkout.es.js

@@ -1106,75 +1106,90 @@ const CoinleyProvider = ({
   };
   return /* @__PURE__ */ jsxRuntimeExports.jsx(CoinleyContext.Provider, { value, children });
 };
-function renderQR(text, size) {
-  const matrix = generateQRMatrix(text);
-  const cellSize = Math.floor(size / matrix.length);
-  const qrSize = cellSize * matrix.length;
-  let svg = `<svg xmlns="http://www.w3.org/2000/svg" width="${qrSize}" height="${qrSize}" viewBox="0 0 ${qrSize} ${qrSize}">`;
-  svg += `<rect width="${qrSize}" height="${qrSize}" fill="white"/>`;
-  for (let y = 0; y < matrix.length; y++) {
-    for (let x = 0; x < matrix.length; x++) {
-      if (matrix[y][x]) {
-        svg += `<rect x="${x * cellSize}" y="${y * cellSize}" width="${cellSize}" height="${cellSize}" fill="black"/>`;
+const QRCode = ({
+  walletAddress,
+  amount,
+  currency,
+  theme = "light",
+  size = 200
+}) => {
+  const [qrSvg, setQrSvg] = useState("");
+  useEffect(() => {
+    const scheme = currency === "SOL" || currency === "USDC_SOL" ? "solana" : "ethereum";
+    const paymentUri = `${scheme}:${walletAddress || "0x742d35Cc6634C0532925a3b844Bc454e4438f44e"}?amount=${amount}&currency=${currency}`;
+    const qrcode = generateQRCode(paymentUri, size, theme === "dark");
+    setQrSvg(qrcode);
+  }, [walletAddress, amount, currency, theme, size]);
+  function generateQRCode(text, size2, isDarkTheme) {
+    const matrix = generateQRMatrix(text);
+    const cellSize = Math.floor(size2 / matrix.length);
+    const qrSize = cellSize * matrix.length;
+    const bgColor = isDarkTheme ? "#374151" : "#FFFFFF";
+    const fgColor = isDarkTheme ? "#FFFFFF" : "#000000";
+    let svg = `<svg xmlns="http://www.w3.org/2000/svg" width="${qrSize}" height="${qrSize}" viewBox="0 0 ${qrSize} ${qrSize}">`;
+    svg += `<rect width="${qrSize}" height="${qrSize}" fill="${bgColor}"/>`;
+    for (let y = 0; y < matrix.length; y++) {
+      for (let x = 0; x < matrix.length; x++) {
+        if (matrix[y][x]) {
+          svg += `<rect x="${x * cellSize}" y="${y * cellSize}" width="${cellSize}" height="${cellSize}" fill="${fgColor}"/>`;
+        }
       }
     }
+    svg += "</svg>";
+    return svg;
   }
-  svg += "</svg>";
-  return svg;
-}
-function generateQRMatrix(text) {
-  const hash = simpleHash(text);
-  const size = 21;
-  const matrix = Array(size).fill().map(() => Array(size).fill(0));
-  addPositionPattern(matrix, 0, 0);
-  addPositionPattern(matrix, 0, size - 7);
-  addPositionPattern(matrix, size - 7, 0);
-  for (let i = 8; i < size - 8; i++) {
-    matrix[6][i] = i % 2 === 0 ? 1 : 0;
-    matrix[i][6] = i % 2 === 0 ? 1 : 0;
+  function generateQRMatrix(text) {
+    const hash = simpleHash(text);
+    const size2 = 25;
+    const matrix = Array(size2).fill().map(() => Array(size2).fill(0));
+    addPositionPattern(matrix, 0, 0);
+    addPositionPattern(matrix, 0, size2 - 7);
+    addPositionPattern(matrix, size2 - 7, 0);
+    for (let i = 8; i < size2 - 8; i++) {
+      matrix[6][i] = i % 2 === 0 ? 1 : 0;
+      matrix[i][6] = i % 2 === 0 ? 1 : 0;
+    }
+    addAlignmentPattern(matrix, size2 - 9, size2 - 9);
+    fillData(matrix, hash, text);
+    return matrix;
   }
-  addAlignmentPattern(matrix, size - 9, size - 9);
-  fillData(matrix, hash);
-  return matrix;
-}
-function simpleHash(str) {
-  let hash = 0;
-  for (let i = 0; i < str.length; i++) {
-    hash = (hash << 5) - hash + str.charCodeAt(i);
-    hash = hash & hash;
+  function simpleHash(str) {
+    let hash = 0;
+    for (let i = 0; i < str.length; i++) {
+      hash = (hash << 5) - hash + str.charCodeAt(i);
+      hash = hash & hash;
+    }
+    return Math.abs(hash);
   }
-  return Math.abs(hash);
-}
-function addPositionPattern(matrix, row, col) {
-  for (let r = 0; r < 7; r++) {
-    for (let c = 0; c < 7; c++) {
-      matrix[row + r][col + c] = r === 0 || r === 6 || c === 0 || c === 6 || r >= 2 && r <= 4 && c >= 2 && c <= 4 ? 1 : 0;
+  function addPositionPattern(matrix, row, col) {
+    for (let r = 0; r < 7; r++) {
+      for (let c = 0; c < 7; c++) {
+        matrix[row + r][col + c] = r === 0 || r === 6 || c === 0 || c === 6 || r >= 2 && r <= 4 && c >= 2 && c <= 4 ? 1 : 0;
+      }
     }
   }
-}
-function addAlignmentPattern(matrix, row, col) {
-  for (let r = -2; r <= 2; r++) {
-    for (let c = -2; c <= 2; c++) {
-      matrix[row + r][col + c] = r === -2 || r === 2 || c === -2 || c === 2 || r === 0 && c === 0 ? 1 : 0;
+  function addAlignmentPattern(matrix, row, col) {
+    for (let r = -2; r <= 2; r++) {
+      for (let c = -2; c <= 2; c++) {
+        if (row + r >= 0 && row + r < matrix.length && col + c >= 0 && col + c < matrix.length) {
+          matrix[row + r][col + c] = r === -2 || r === 2 || c === -2 || c === 2 || r === 0 && c === 0 ? 1 : 0;
+        }
+      }
     }
   }
-}
-function fillData(matrix, hash) {
-  const size = matrix.length;
-  for (let r = 8; r < size - 8; r++) {
-    for (let c = 8; c < size - 8; c++) {
-      matrix[r][c] = hash * r * c % 5 < 2 ? 1 : 0;
+  function fillData(matrix, hash, text) {
+    const size2 = matrix.length;
+    for (let r = 0; r < size2; r++) {
+      for (let c = 0; c < size2; c++) {
+        if (r < 7 && c < 7 || r < 7 && c >= size2 - 7 || r >= size2 - 7 && c < 7 || r === 6 || c === 6) {
+          continue;
+        }
+        const index = (r * size2 + c) % text.length;
+        const charCode = text.charCodeAt(index);
+        matrix[r][c] = hash * charCode * (r + c) % 4 === 0 ? 1 : 0;
+      }
     }
   }
-}
-const QRCode = ({
-  walletAddress,
-  amount,
-  currency,
-  theme = "light"
-}) => {
-  const qrData = `${currency}:${walletAddress}?amount=${amount}`;
-  const qrSvg = renderQR(qrData, 200);
   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: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { dangerouslySetInnerHTML: { __html: qrSvg } }) }),
     /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-center text-sm text-gray-700", children: "Scan with your wallet app to pay" }),