@multiplatform.one/connectkit 6.0.0

package/dist/cjs/components/Common/CopyToClipboard/index.cjs

@@ -0,0 +1,113 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+// If the importer is in node compatibility mode or this is not an ESM
+// file that has been converted to a CommonJS file using a Babel-
+// compatible transform (i.e. "__esModule" has not been set), then set
+// "default" to the CommonJS "module.exports" for node compatibility.
+isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+  value: mod,
+  enumerable: true
+}) : target, mod));
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var CopyToClipboard_exports = {};
+__export(CopyToClipboard_exports, {
+  default: () => CopyToClipboard_default
+});
+module.exports = __toCommonJS(CopyToClipboard_exports);
+var import_react = require("react");
+var import_styled = __toESM(require("./../../../styles/styled/index.cjs"));
+var import_styled_components = require("styled-components");
+var import_CopyToClipboardIcon = __toESM(require("./CopyToClipboardIcon.cjs"));
+var import_Button = __toESM(require("../Button/index.cjs"));
+var import_jsx_runtime = require("react/jsx-runtime");
+const Container = import_styled.default.div`
+  --color: var(--ck-copytoclipboard-stroke);
+  --bg: var(--ck-body-background);
+  transition: all 220ms cubic-bezier(0.175, 0.885, 0.32, 1.1);
+
+  cursor: pointer;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+
+  ${props => props.$disabled ? import_styled_components.css`
+          cursor: not-allowed;
+          opacity: 0.4;
+        ` : import_styled_components.css`
+          &:hover {
+            --color: var(--ck-body-color-muted);
+          }
+        `}
+`;
+const OffsetContainer = import_styled.default.div`
+  display: block;
+  position: relative;
+  transition: inherit;
+  svg {
+    position: absolute;
+    left: 100%;
+    display: block;
+    top: -1px;
+    margin: 0;
+    margin-left: 4px;
+  }
+`;
+const CopyToClipboard = ({
+  string,
+  children,
+  variant
+}) => {
+  const [clipboard, setClipboard] = (0, import_react.useState)(false);
+  let timeout;
+  const onCopy = () => {
+    if (!string) return;
+    const str = string.trim();
+    if (navigator.clipboard) {
+      navigator.clipboard.writeText(str);
+    } else {}
+    setClipboard(true);
+    clearTimeout(timeout);
+    timeout = setTimeout(() => setClipboard(false), 1e3);
+  };
+  if (variant === "button") return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Button.default, {
+    disabled: !string,
+    onClick: onCopy,
+    icon: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_CopyToClipboardIcon.default, {
+      copied: clipboard
+    }),
+    children
+  });
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(Container, {
+    onClick: onCopy,
+    $disabled: !string,
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(OffsetContainer, {
+      children: [children, /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_CopyToClipboardIcon.default, {
+        copied: clipboard,
+        small: true
+      })]
+    })
+  });
+};
+var CopyToClipboard_default = CopyToClipboard;

package/dist/cjs/components/Common/CopyToClipboard/index.native.js

@@ -0,0 +1,121 @@
+"use strict";
+
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+// If the importer is in node compatibility mode or this is not an ESM
+// file that has been converted to a CommonJS file using a Babel-
+// compatible transform (i.e. "__esModule" has not been set), then set
+// "default" to the CommonJS "module.exports" for node compatibility.
+isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+  value: mod,
+  enumerable: true
+}) : target, mod));
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var CopyToClipboard_exports = {};
+__export(CopyToClipboard_exports, {
+  default: () => CopyToClipboard_default
+});
+module.exports = __toCommonJS(CopyToClipboard_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = __toESM(require("react"));
+var import_styled = __toESM(require("./../../../styles/styled/index.native.js"));
+var import_styled_components = require("styled-components");
+var import_CopyToClipboardIcon = __toESM(require("./CopyToClipboardIcon.native.js"));
+var import_Button = __toESM(require("../Button/index.native.js"));
+var Container = import_styled.default.div`
+  --color: var(--ck-copytoclipboard-stroke);
+  --bg: var(--ck-body-background);
+  transition: all 220ms cubic-bezier(0.175, 0.885, 0.32, 1.1);
+
+  cursor: pointer;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+
+  ${function (props) {
+  return props.$disabled ? import_styled_components.css`
+          cursor: not-allowed;
+          opacity: 0.4;
+        ` : import_styled_components.css`
+          &:hover {
+            --color: var(--ck-body-color-muted);
+          }
+        `;
+}}
+`;
+var OffsetContainer = import_styled.default.div`
+  display: block;
+  position: relative;
+  transition: inherit;
+  svg {
+    position: absolute;
+    left: 100%;
+    display: block;
+    top: -1px;
+    margin: 0;
+    margin-left: 4px;
+  }
+`;
+var CopyToClipboard = function CopyToClipboard2(param) {
+  var {
+    string,
+    children,
+    variant
+  } = param;
+  var [clipboard, setClipboard] = (0, import_react.useState)(false);
+  var timeout;
+  var onCopy = function onCopy2() {
+    if (!string) return;
+    var str = string.trim();
+    if (navigator.clipboard) {
+      navigator.clipboard.writeText(str);
+    } else {}
+    setClipboard(true);
+    clearTimeout(timeout);
+    timeout = setTimeout(function () {
+      return setClipboard(false);
+    }, 1e3);
+  };
+  if (variant === "button") return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Button.default, {
+    disabled: !string,
+    onClick: onCopy,
+    icon: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_CopyToClipboardIcon.default, {
+      copied: clipboard
+    }),
+    children
+  });
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(Container, {
+    onClick: onCopy,
+    $disabled: !string,
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(OffsetContainer, {
+      children: [children, /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_CopyToClipboardIcon.default, {
+        copied: clipboard,
+        small: true
+      })]
+    })
+  });
+};
+var CopyToClipboard_default = CopyToClipboard;
+//# sourceMappingURL=index.native.js.map

package/dist/cjs/components/Common/CopyToClipboard/index.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","CopyToClipboard_exports","__export","default","CopyToClipboard_default","module","exports","import_jsx_runtime","require","import_react","__toESM","import_styled","import_styled_components","import_CopyToClipboardIcon","import_Button","Container","div","props","$disabled","css","OffsetContainer","CopyToClipboard","CopyToClipboard2","param","string","children","variant","clipboard","setClipboard","useState","timeout","onCopy","onCopy2","str","trim","navigator","writeText","clearTimeout","setTimeout","jsx","disabled"],"sources":["../../../../../src/components/Common/CopyToClipboard/index.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,uBAAA;AAAAC,QAAA,CAAAD,uBAAA;EAAAE,OAAA,EAAAA,CAAA,KAAAC;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAV,YAAgC,CAAAK,uBAAA;AAChC,IAAAM,kBAAmB,GAAAC,OAAA;AACnB,IAAAC,YAAA,GAAAC,OAAA,CAAAF,OAAoB;AAEpB,IAAAG,aAAA,GAAAD,OAAA,CAAAF,OAAgC;AAChC,IAAAI,wBAAmB,GAAAJ,OAAA;AAqEqC,IAAAK,0BAAA,GAAAH,OAAA,CAAAF,OAAA;AAnExD,IAAAM,aAAM,GAAYJ,OAAA,CAAAF,OAAA,4BAAO;AAAA,IAAAO,SAAA,GAAAJ,aAAA,CAAAR,OAAA,CAAAa,GAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAYjB,cAAAC,KAAA;EAAA,OAAAA,KAAA,CAAAC,SAAA,GAAAN,wBAAA,CAAAO,GAAA;AAAA;AAIA;AAAA,YAAAP,wBAAA,CAAAO,GAAA;AAAA;AAAA;AAIC;AAET,SAAM;AAAyB;AAAA;AAAA,IAAAC,eAAA,GAAAT,aAAA,CAAAR,OAAA,CAAAa,GAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAc/B;AAKE;AAEA;AACA,IAAAK,eAAe,YAAMC,iBAAAC,KAAA;EACnB;IAAIC,MAAC;IAAQC,QAAA;IAAAC;EAAA,IAAAH,KAAA;EACb,KAAAI,SAAY,EAAAC,YAAY,QAAAnB,YAAA,CAAAoB,QAAA;EACxB,IAAAC,OAAI;EACF,IAAAC,MAAA,YAAUC,OAAUA,CAAA;IACtB,KAAAR,MAAO;IAUP,IAAAS,GAAA,GAAAT,MAAA,CAAAU,IAAA;IACA,IAAAC,SAAa,CAAAR,SAAI;MACjBQ,SAAA,CAAAR,SAAoB,CAAAS,SAAA,CAAAH,GAAA;IACpB,QACF;IAEAL,YAAI,KAAY;IACdS,YACE,CAAAP,OAAA;IAKJA,OACE,GAAAQ,UAAA;MAEK,OAAAV,YAAA;IACD;EAA8C;EAItD,IAAAF,OAAA,yCAAAnB,kBAAA,CAAAgC,GAAA,EAAAzB,aAAA,CAAAX,OAAA;IAEOqC,QAAA,GAAAhB,MAAA","ignoreList":[]}

package/dist/cjs/components/Common/CustomQRCode/QRCode.cjs

@@ -0,0 +1,153 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+// If the importer is in node compatibility mode or this is not an ESM
+// file that has been converted to a CommonJS file using a Babel-
+// compatible transform (i.e. "__esModule" has not been set), then set
+// "default" to the CommonJS "module.exports" for node compatibility.
+isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+  value: mod,
+  enumerable: true
+}) : target, mod));
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var QRCode_exports = {};
+__export(QRCode_exports, {
+  QRCode: () => QRCode
+});
+module.exports = __toCommonJS(QRCode_exports);
+var import_qrcode = __toESM(require("qrcode"));
+var import_react = require("react");
+var import_jsx_runtime = require("react/jsx-runtime");
+const generateMatrix = (value, errorCorrectionLevel) => {
+  const arr = Array.prototype.slice.call(import_qrcode.default.create(value, {
+    errorCorrectionLevel
+  }).modules.data, 0);
+  const sqrt = Math.sqrt(arr.length);
+  return arr.reduce((rows, key, index) => (index % sqrt === 0 ? rows.push([key]) : rows[rows.length - 1].push(key)) && rows, []);
+};
+function QRCode({
+  ecl = "M",
+  size: sizeProp = 200,
+  uri,
+  clearArea = false,
+  image,
+  imageBackground = "transparent"
+}) {
+  const logoSize = clearArea ? 76 : 0;
+  const size = sizeProp - 10 * 2;
+  const dots = (0, import_react.useMemo)(() => {
+    const dots2 = [];
+    const matrix = generateMatrix(uri, ecl);
+    const cellSize = size / matrix.length;
+    let qrList = [{
+      x: 0,
+      y: 0
+    }, {
+      x: 1,
+      y: 0
+    }, {
+      x: 0,
+      y: 1
+    }];
+    qrList.forEach(({
+      x,
+      y
+    }) => {
+      const x1 = (matrix.length - 7) * cellSize * x;
+      const y1 = (matrix.length - 7) * cellSize * y;
+      for (let i = 0; i < 3; i++) {
+        dots2.push(/* @__PURE__ */(0, import_jsx_runtime.jsx)("rect", {
+          fill: i % 2 !== 0 ? "var(--ck-qr-background, var(--ck-body-background))" : "var(--ck-qr-dot-color)",
+          rx: (i - 2) * -5 + (i === 0 ? 2 : 3),
+          ry: (i - 2) * -5 + (i === 0 ? 2 : 3),
+          width: cellSize * (7 - i * 2),
+          height: cellSize * (7 - i * 2),
+          x: x1 + cellSize * i,
+          y: y1 + cellSize * i
+        }, `${i}-${x}-${y}`));
+      }
+    });
+    if (image) {
+      const x1 = (matrix.length - 7) * cellSize * 1;
+      const y1 = (matrix.length - 7) * cellSize * 1;
+      dots2.push(/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
+        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)("rect", {
+          fill: imageBackground,
+          rx: (0 - 2) * -5 + 2,
+          ry: (0 - 2) * -5 + 2,
+          width: cellSize * (7 - 0 * 2),
+          height: cellSize * (7 - 0 * 2),
+          x: x1 + cellSize * 0,
+          y: y1 + cellSize * 0
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)("foreignObject", {
+          width: cellSize * (7 - 0 * 2),
+          height: cellSize * (7 - 0 * 2),
+          x: x1 + cellSize * 0,
+          y: y1 + cellSize * 0,
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)("div", {
+            style: {
+              borderRadius: (0 - 2) * -5 + 2,
+              overflow: "hidden"
+            },
+            children: image
+          })
+        })]
+      }));
+    }
+    const clearArenaSize = Math.floor((logoSize + 25) / cellSize);
+    const matrixMiddleStart = matrix.length / 2 - clearArenaSize / 2;
+    const matrixMiddleEnd = matrix.length / 2 + clearArenaSize / 2 - 1;
+    matrix.forEach((row, i) => {
+      row.forEach((_, j) => {
+        if (matrix[i][j]) {
+          if (!(i < 7 && j < 7 || i > matrix.length - 8 && j < 7 || i < 7 && j > matrix.length - 8)) {
+            if (image || !(i > matrixMiddleStart && i < matrixMiddleEnd && j > matrixMiddleStart && j < matrixMiddleEnd)) {
+              dots2.push(/* @__PURE__ */(0, import_jsx_runtime.jsx)("circle", {
+                cx: i * cellSize + cellSize / 2,
+                cy: j * cellSize + cellSize / 2,
+                fill: "var(--ck-qr-dot-color)",
+                r: cellSize / 3
+              }, `circle-${i}-${j}`));
+            }
+          }
+        }
+      });
+    });
+    return dots2;
+  }, [ecl, size, uri]);
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)("svg", {
+    height: size,
+    width: size,
+    viewBox: `0 0 ${size} ${size}`,
+    style: {
+      width: size,
+      height: size
+    },
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)("rect", {
+      fill: "transparent",
+      height: size,
+      width: size
+    }), dots]
+  });
+}

package/dist/cjs/components/Common/CustomQRCode/QRCode.native.js

@@ -0,0 +1,160 @@
+"use strict";
+
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+// If the importer is in node compatibility mode or this is not an ESM
+// file that has been converted to a CommonJS file using a Babel-
+// compatible transform (i.e. "__esModule" has not been set), then set
+// "default" to the CommonJS "module.exports" for node compatibility.
+isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+  value: mod,
+  enumerable: true
+}) : target, mod));
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var QRCode_exports = {};
+__export(QRCode_exports, {
+  QRCode: () => QRCode
+});
+module.exports = __toCommonJS(QRCode_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_qrcode = __toESM(require("qrcode"));
+var import_react = __toESM(require("react"));
+var generateMatrix = function generateMatrix2(value, errorCorrectionLevel) {
+  var arr = Array.prototype.slice.call(import_qrcode.default.create(value, {
+    errorCorrectionLevel
+  }).modules.data, 0);
+  var sqrt = Math.sqrt(arr.length);
+  return arr.reduce(function (rows, key, index) {
+    return (index % sqrt === 0 ? rows.push([key]) : rows[rows.length - 1].push(key)) && rows;
+  }, []);
+};
+function QRCode(param) {
+  var {
+    ecl = "M",
+    size: sizeProp = 200,
+    uri,
+    clearArea = false,
+    image,
+    imageBackground = "transparent"
+  } = param;
+  var logoSize = clearArea ? 76 : 0;
+  var size = sizeProp - 10 * 2;
+  var dots = (0, import_react.useMemo)(function () {
+    var dots2 = [];
+    var matrix = generateMatrix(uri, ecl);
+    var cellSize = size / matrix.length;
+    var qrList = [{
+      x: 0,
+      y: 0
+    }, {
+      x: 1,
+      y: 0
+    }, {
+      x: 0,
+      y: 1
+    }];
+    qrList.forEach(function (param2) {
+      var {
+        x,
+        y
+      } = param2;
+      var x12 = (matrix.length - 7) * cellSize * x;
+      var y12 = (matrix.length - 7) * cellSize * y;
+      for (var i = 0; i < 3; i++) {
+        dots2.push(/* @__PURE__ */(0, import_jsx_runtime.jsx)("rect", {
+          fill: i % 2 !== 0 ? "var(--ck-qr-background, var(--ck-body-background))" : "var(--ck-qr-dot-color)",
+          rx: (i - 2) * -5 + (i === 0 ? 2 : 3),
+          ry: (i - 2) * -5 + (i === 0 ? 2 : 3),
+          width: cellSize * (7 - i * 2),
+          height: cellSize * (7 - i * 2),
+          x: x12 + cellSize * i,
+          y: y12 + cellSize * i
+        }, `${i}-${x}-${y}`));
+      }
+    });
+    if (image) {
+      var x1 = (matrix.length - 7) * cellSize * 1;
+      var y1 = (matrix.length - 7) * cellSize * 1;
+      dots2.push(/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
+        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)("rect", {
+          fill: imageBackground,
+          rx: (0 - 2) * -5 + 2,
+          ry: (0 - 2) * -5 + 2,
+          width: cellSize * (7 - 0 * 2),
+          height: cellSize * (7 - 0 * 2),
+          x: x1 + cellSize * 0,
+          y: y1 + cellSize * 0
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)("foreignObject", {
+          width: cellSize * (7 - 0 * 2),
+          height: cellSize * (7 - 0 * 2),
+          x: x1 + cellSize * 0,
+          y: y1 + cellSize * 0,
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)("div", {
+            style: {
+              borderRadius: (0 - 2) * -5 + 2,
+              overflow: "hidden"
+            },
+            children: image
+          })
+        })]
+      }));
+    }
+    var clearArenaSize = Math.floor((logoSize + 25) / cellSize);
+    var matrixMiddleStart = matrix.length / 2 - clearArenaSize / 2;
+    var matrixMiddleEnd = matrix.length / 2 + clearArenaSize / 2 - 1;
+    matrix.forEach(function (row, i) {
+      row.forEach(function (_, j) {
+        if (matrix[i][j]) {
+          if (!(i < 7 && j < 7 || i > matrix.length - 8 && j < 7 || i < 7 && j > matrix.length - 8)) {
+            if (image || !(i > matrixMiddleStart && i < matrixMiddleEnd && j > matrixMiddleStart && j < matrixMiddleEnd)) {
+              dots2.push(/* @__PURE__ */(0, import_jsx_runtime.jsx)("circle", {
+                cx: i * cellSize + cellSize / 2,
+                cy: j * cellSize + cellSize / 2,
+                fill: "var(--ck-qr-dot-color)",
+                r: cellSize / 3
+              }, `circle-${i}-${j}`));
+            }
+          }
+        }
+      });
+    });
+    return dots2;
+  }, [ecl, size, uri]);
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)("svg", {
+    height: size,
+    width: size,
+    viewBox: `0 0 ${size} ${size}`,
+    style: {
+      width: size,
+      height: size
+    },
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)("rect", {
+      fill: "transparent",
+      height: size,
+      width: size
+    }), dots]
+  });
+}
+//# sourceMappingURL=QRCode.native.js.map

package/dist/cjs/components/Common/CustomQRCode/QRCode.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","QRCode_exports","__export","QRCode","module","exports","import_jsx_runtime","require","import_qrcode","__toESM","import_react","generateMatrix","generateMatrix2","errorCorrectionLevel","arr","Array","prototype","slice","call","default","create","modules","data","sqrt","Math","length","reduce","rows","key","index","push","param","ecl","size","sizeProp","uri","clearArea","image","imageBackground","logoSize","dots","useMemo","dots2","matrix","cellSize","qrList","x","y","forEach","param2","x12","y12","i","jsx","fill","rx","ry","width","height","x1","y1","jsxs","Fragment","children","style","borderRadius","overflow","clearArenaSize","floor","matrixMiddleStart","matrixMiddleEnd","row","_","j","cx","cy","r","viewBox"],"sources":["../../../../../src/components/Common/CustomQRCode/QRCode.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/Common/CustomQRCode/index.cjs

@@ -0,0 +1,115 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+// If the importer is in node compatibility mode or this is not an ESM
+// file that has been converted to a CommonJS file using a Babel-
+// compatible transform (i.e. "__esModule" has not been set), then set
+// "default" to the CommonJS "module.exports" for node compatibility.
+isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+  value: mod,
+  enumerable: true
+}) : target, mod));
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var CustomQRCode_exports = {};
+__export(CustomQRCode_exports, {
+  default: () => CustomQRCode_default
+});
+module.exports = __toCommonJS(CustomQRCode_exports);
+var import_styles = require("./styles.cjs");
+var import_Tooltip = __toESM(require("../Tooltip/index.cjs"));
+var import_framer_motion = require("framer-motion");
+var import_QRCode = require("./QRCode.cjs");
+var import_useWindowSize = __toESM(require("../../../hooks/useWindowSize.cjs"));
+var import_jsx_runtime = require("react/jsx-runtime");
+function CustomQRCode({
+  value,
+  image,
+  imageBackground,
+  imagePosition = "center",
+  tooltipMessage
+}) {
+  const windowSize = (0, import_useWindowSize.default)();
+  const Logo = windowSize.width > 920 && tooltipMessage ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Tooltip.default, {
+    xOffset: 139,
+    yOffset: 5,
+    delay: 0.1,
+    message: tooltipMessage,
+    children: image
+  }) : image;
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_styles.QRCodeContainer, {
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_styles.QRCodeContent, {
+      children: [image && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_styles.LogoContainer, {
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_styles.LogoIcon, {
+          $wcLogo: imagePosition !== "center",
+          style: {
+            background: imagePosition === "center" ? imageBackground : void 0
+          },
+          children: Logo
+        })
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_framer_motion.AnimatePresence, {
+        initial: false,
+        children: value ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_framer_motion.motion.div, {
+          initial: {
+            opacity: 0
+          },
+          animate: {
+            opacity: 1
+          },
+          exit: {
+            opacity: 0,
+            position: "absolute",
+            inset: [0, 0]
+          },
+          transition: {
+            duration: 0.2
+          },
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_QRCode.QRCode, {
+            uri: value,
+            size: 288,
+            ecl: "M",
+            clearArea: !!(imagePosition === "center" && image)
+          })
+        }, value) : /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_styles.QRPlaceholder, {
+          initial: {
+            opacity: 0.1
+          },
+          animate: {
+            opacity: 0.1
+          },
+          exit: {
+            opacity: 0,
+            position: "absolute",
+            inset: [0, 0]
+          },
+          transition: {
+            duration: 0.2
+          },
+          children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)("span", {}), /* @__PURE__ */(0, import_jsx_runtime.jsx)("span", {}), /* @__PURE__ */(0, import_jsx_runtime.jsx)("span", {}), /* @__PURE__ */(0, import_jsx_runtime.jsx)("div", {})]
+        })
+      })]
+    })
+  });
+}
+CustomQRCode.displayName = "CustomQRCode";
+var CustomQRCode_default = CustomQRCode;