@rozoai/intent-pay 0.0.7 → 0.0.9

package/build/src/components/Common/ConnectorList/styles.js

@@ -0,0 +1,352 @@
+import { keyframes, css } from 'styled-components';
+import styled from '../../../styles/styled/index.js';
+import { motion } from 'framer-motion';
+
+const Shimmer = keyframes `
+  0%{ transform: translate(-100%) rotate(-45deg); }
+  100%{ transform: translate(100%) rotate(-80deg); }
+`;
+const Pulse = keyframes `
+  0%   { opacity: 0.6; }
+  50%  { opacity: 1;   }
+  100% { opacity: 0.6; }
+`;
+const ConnectorButton = styled(motion.button) `
+  display: block;
+  text-decoration: none;
+`;
+const ConnectorLabel = styled(motion.span) ``;
+const ConnectorIcon = styled(motion.div) ``;
+const SkeletonIcon = styled.div `
+  ${(p) => p.$mobile
+    ? css `
+          position: relative;
+          margin: 0 auto;
+          width: 60px;
+          height: 60px;
+        `
+    : css `
+          position: absolute;
+          right: 20px;
+          width: 32px;
+          height: 32px;
+        `}
+  border-radius: 22.5%;
+  background-color: rgba(0, 0, 0, 0.1);
+  animation: ${Pulse} 1.5s ease-in-out infinite;
+`;
+const SkeletonLabel = styled.div `
+  ${(p) => p.$mobile
+    ? css `
+          width: 60px;
+          height: 12px;
+          margin: 10px auto 0;
+        `
+    : css `
+          width: 100px;
+          height: 16px;
+        `}
+  border-radius: 8px;
+  background-color: rgba(0, 0, 0, 0.1);
+  animation: ${Pulse} 1.5s ease-in-out infinite;
+`;
+// This is a bit of a hack to not share styles between mobile and desktop
+const styles = {
+    desktop: {
+        ConnectorButton: css `
+      cursor: pointer;
+      user-select: none;
+      position: relative;
+      display: flex;
+      align-items: center;
+      padding: 0 20px;
+      width: 100%;
+      height: 64px;
+      font-size: 17px;
+      font-weight: var(--ck-primary-button-font-weight, 500);
+      line-height: 20px;
+      text-align: var(--ck-body-button-text-align, left);
+      transition: 180ms ease;
+      transition-property: background, color, box-shadow, transform, opacity;
+      will-change: transform, box-shadow, background-color, color, opacity;
+
+      --fallback-color: var(--ck-primary-button-color);
+      --fallback-background: var(--ck-primary-button-background);
+      --fallback-box-shadow: var(--ck-primary-button-box-shadow);
+      --fallback-border-radius: var(--ck-primary-button-border-radius);
+
+      --color: var(--ck-primary-button-color, var(--fallback-color));
+      --background: var(
+        --ck-primary-button-background,
+        var(--fallback-background)
+      );
+      --box-shadow: var(
+        --ck-primary-button-box-shadow,
+        var(--fallback-box-shadow)
+      );
+      --border-radius: var(
+        --ck-primary-button-border-radius,
+        var(--fallback-border-radius)
+      );
+
+      --hover-color: var(--ck-primary-button-hover-color, var(--color));
+      --hover-background: var(
+        --ck-primary-button-hover-background,
+        var(--background)
+      );
+      --hover-box-shadow: var(
+        --ck-primary-button-hover-box-shadow,
+        var(--box-shadow)
+      );
+      --hover-border-radius: var(
+        --ck-primary-button-hover-border-radius,
+        var(--border-radius)
+      );
+
+      --active-color: var(--ck-primary-button-active-color, var(--hover-color));
+      --active-background: var(
+        --ck-primary-button-active-background,
+        var(--hover-background)
+      );
+      --active-box-shadow: var(
+        --ck-primary-button-active-box-shadow,
+        var(--hover-box-shadow)
+      );
+      --active-border-radius: var(
+        --ck-primary-button-active-border-radius,
+        var(--hover-border-radius)
+      );
+
+      color: var(--color);
+      background: var(--background);
+      box-shadow: var(--box-shadow);
+      border-radius: var(--border-radius);
+
+      &:disabled {
+        transition: 180ms ease;
+        opacity: 0.4;
+      }
+
+      --bg: var(--background);
+      &:not(:disabled) {
+        &:hover {
+          color: var(--hover-color);
+          background: var(--hover-background);
+          box-shadow: var(--hover-box-shadow);
+          border-radius: var(--hover-border-radius);
+          --bg: var(--hover-background, var(--background));
+        }
+        &:focus-visible {
+          transition-duration: 100ms;
+          color: var(--hover-color);
+          background: var(--hover-background);
+          box-shadow: var(--hover-box-shadow);
+          border-radius: var(--hover-border-radius);
+          --bg: var(--hover-background, var(--background));
+        }
+        &:active {
+          color: var(--active-color);
+          background: var(--active-background);
+          box-shadow: var(--active-box-shadow);
+          border-radius: var(--active-border-radius);
+          --bg: var(--active-background, var(--background));
+        }
+      }
+    `,
+        ConnectorLabel: css `
+      display: flex;
+      align-items: center;
+      gap: 9px;
+      width: 100%;
+      overflow: hidden;
+      white-space: nowrap;
+      text-overflow: ellipsis;
+      padding: 2px 0;
+      padding-right: 38px;
+    `,
+        ConnectorIcon: css `
+      position: absolute;
+      right: 20px;
+      width: 32px;
+      height: 32px;
+      overflow: hidden;
+      svg,
+      img {
+        display: block;
+        position: relative;
+        pointer-events: none;
+        overflow: hidden;
+        width: 100%;
+        height: 100%;
+      }
+
+      &[data-shape="squircle"] {
+        border-radius: 22.5%;
+      }
+      &[data-shape="circle"] {
+        border-radius: 100%;
+      }
+      &[data-shape="square"] {
+        border-radius: 0;
+      }
+    `,
+    },
+    mobile: {
+        ConnectorButton: css `
+      text-align: center;
+      background: none;
+      max-width: 100%;
+      overflow: hidden;
+    `,
+        ConnectorLabel: css `
+      display: block;
+      text-overflow: ellipsis;
+      max-width: 100%;
+      overflow: hidden;
+      padding: 10px 0 0;
+      color: var(--ck-body-color);
+      font-size: 13px;
+      line-height: 15px;
+      font-weight: 500;
+      opacity: 0.75;
+    `,
+        ConnectorIcon: css `
+      position: relative;
+      margin: 0 auto;
+      width: 60px;
+      height: 60px;
+      overflow: hidden;
+      svg,
+      img {
+        display: block;
+        position: relative;
+        width: 100%;
+        height: auto;
+      }
+      &[data-small="true"] {
+        svg,
+        img {
+          transform: scale(0.8);
+        }
+      }
+
+      &[data-shape="squircle"] {
+        border-radius: 22.5%;
+        &:before {
+          content: "";
+          z-index: -1;
+          position: absolute;
+          inset: 0;
+          border-radius: inherit;
+          box-shadow: inset 0 0 0 1px var(--ck-body-background-tertiary);
+        }
+      }
+      &[data-shape="circle"] {
+        border-radius: 100%;
+      }
+      &[data-shape="square"] {
+        border-radius: 0;
+      }
+    `,
+    },
+};
+const RecentlyUsedTag = styled(motion.span) `
+  position: relative;
+  top: var(--ck-recent-badge-top-offset, 0.5px);
+  display: inline-block;
+  padding: 10px 7px;
+  line-height: 0;
+  font-size: 13px;
+  font-weight: 400;
+  border-radius: var(--ck-recent-badge-border-radius, var(--border-radius));
+  color: var(
+    --ck-recent-badge-color,
+    var(--ck-accent-color, var(--ck-body-color-muted, currentColor))
+  );
+  background: var(--ck-recent-badge-background, transparent);
+  overflow: hidden;
+  span {
+    display: inline-block;
+    position: relative;
+  }
+  &:before {
+    z-index: 1;
+    content: "";
+    position: absolute;
+    inset: 0;
+    opacity: 0.4;
+    box-shadow: var(--ck-recent-badge-box-shadow, inset 0 0 0 1px currentColor);
+    border-radius: inherit;
+  }
+  &:after {
+    z-index: 2;
+    content: "";
+    position: absolute;
+    inset: -10%;
+    top: -110%;
+    aspect-ratio: 1/1;
+    opacity: 0.7;
+    background: linear-gradient(
+      170deg,
+      transparent 10%,
+      var(--ck-recent-badge-background, var(--bg)) 50%,
+      transparent 90%
+    );
+    animation: ${Shimmer} 2s linear infinite;
+  }
+`;
+const ConnectorsContainer = styled.div `
+  transition: opacity 300ms ease;
+  min-width: fit-content;
+
+  ${(props) => props.$disabled &&
+    css `
+      pointer-events: none;
+      opacity: 0.4;
+    `}
+
+  ${(props) => !props.$mobile
+    ? css `
+          display: flex;
+          flex-direction: column;
+          gap: 12px;
+
+          ${ConnectorButton} {
+            ${styles.desktop.ConnectorButton}
+            ${ConnectorLabel} {
+              ${styles.desktop.ConnectorLabel}
+            }
+            ${ConnectorIcon} {
+              ${styles.desktop.ConnectorIcon}
+            }
+          }
+        `
+    : css `
+          display: flex;
+          align-items: flex-start;
+          justify-content: space-around;
+          gap: 22px 6px;
+          //margin: 0px -10px -20px;
+          padding: 14px 0px 28px;
+
+          ${ConnectorButton} {
+            flex-shrink: 0;
+            width: 80px;
+            ${styles.mobile.ConnectorButton}
+            ${ConnectorLabel} {
+              ${styles.mobile.ConnectorLabel}
+              ${RecentlyUsedTag} {
+                display: none;
+                width: fit-content;
+                margin: 0 auto;
+              }
+            }
+            ${ConnectorIcon} {
+              ${styles.mobile.ConnectorIcon}
+            }
+          }
+        `}
+`;
+
+export { ConnectorButton, ConnectorIcon, ConnectorLabel, ConnectorsContainer, Pulse, RecentlyUsedTag, SkeletonIcon, SkeletonLabel };
+//# sourceMappingURL=styles.js.map

package/build/src/components/Common/ConnectorList/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sources":["../../../../../src/components/Common/ConnectorList/styles.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;AAKA,MAAM,OAAO,GAAG,SAAS,CAAA,CAAA;;;CAGxB,CAAC;AAEK,MAAM,KAAK,GAAG,SAAS,CAAA,CAAA;;;;EAI5B;AAEW,MAAA,eAAe,GAAG,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,CAAA,CAAA;;;EAGlD;AACK,MAAM,cAAc,GAAG,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,CAAA,CAAA,EAAG;AAC7C,MAAM,aAAa,GAAG,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,CAAA,CAAA,EAAG;AAErC,MAAA,YAAY,GAAG,MAAM,CAAC,GAAG,CAAuB,CAAA;AACzD,EAAA,EAAA,CAAC,CAAwB,KACzB,CAAC,CAAC,OAAO;MACL,GAAG,CAAA,CAAA;;;;;AAKF,QAAA,CAAA;MACD,GAAG,CAAA,CAAA;;;;;AAKF,QAAA,CAAA,CAAA;;;eAGM,KAAK,CAAA;EAClB;AAEW,MAAA,aAAa,GAAG,MAAM,CAAC,GAAG,CAAuB,CAAA;AAC1D,EAAA,EAAA,CAAC,CAAwB,KACzB,CAAC,CAAC,OAAO;MACL,GAAG,CAAA,CAAA;;;;AAIF,QAAA,CAAA;MACD,GAAG,CAAA,CAAA;;;AAGF,QAAA,CAAA,CAAA;;;eAGM,KAAK,CAAA;EAClB;AAEF;AACA,MAAM,MAAM,GAAG;AACb,IAAA,OAAO,EAAE;QACP,eAAe,EAAE,GAAG,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmGnB,IAAA,CAAA;QACD,cAAc,EAAE,GAAG,CAAA,CAAA;;;;;;;;;;AAUlB,IAAA,CAAA;QACD,aAAa,EAAE,GAAG,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;AAyBjB,IAAA,CAAA;AACF,KAAA;AACD,IAAA,MAAM,EAAE;QACN,eAAe,EAAE,GAAG,CAAA,CAAA;;;;;AAKnB,IAAA,CAAA;QACD,cAAc,EAAE,GAAG,CAAA,CAAA;;;;;;;;;;;AAWlB,IAAA,CAAA;QACD,aAAa,EAAE,GAAG,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqCjB,IAAA,CAAA;AACF,KAAA;CACF,CAAC;AAEW,MAAA,eAAe,GAAG,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBA0CjC,OAAO,CAAA;;EAEtB;AAEW,MAAA,mBAAmB,GAAG,MAAM,CAAC,GAAG,CAI3C,CAAA;;;;AAIE,EAAA,EAAA,CAAC,KAAK,KACN,KAAK,CAAC,SAAS;AACf,IAAA,GAAG,CAAA,CAAA;;;AAGF,IAAA,CAAA,CAAA;;AAED,EAAA,EAAA,CAAC,KAAK,KACN,CAAC,KAAK,CAAC,OAAO;MACV,GAAG,CAAA,CAAA;;;;;YAKC,eAAe,CAAA;cACb,MAAM,CAAC,OAAO,CAAC,eAAe,CAAA;cAC9B,cAAc,CAAA;gBACZ,MAAM,CAAC,OAAO,CAAC,cAAc,CAAA;;cAE/B,aAAa,CAAA;gBACX,MAAM,CAAC,OAAO,CAAC,aAAa,CAAA;;;AAGnC,QAAA,CAAA;MACD,GAAG,CAAA,CAAA;;;;;;;;YAQC,eAAe,CAAA;;;cAGb,MAAM,CAAC,MAAM,CAAC,eAAe,CAAA;cAC7B,cAAc,CAAA;gBACZ,MAAM,CAAC,MAAM,CAAC,cAAc,CAAA;gBAC5B,eAAe,CAAA;;;;;;cAMjB,aAAa,CAAA;gBACX,MAAM,CAAC,MAAM,CAAC,aAAa,CAAA;;;AAGlC,QAAA,CAAA,CAAA;;;;;"}

package/build/src/components/Common/CopyToClipboard/CopyToClipboardIcon.js

@@ -0,0 +1,71 @@
+import { jsx } from 'react/jsx-runtime';
+import { motion } from 'framer-motion';
+import { css } from 'styled-components';
+import styled from '../../../styles/styled/index.js';
+import { CopyToClipboardIcon as CopyToClipboardIcon$1 } from '../../../assets/icons.js';
+
+const IconContainer = styled(motion.div) `
+  transition: all 220ms cubic-bezier(0.175, 0.885, 0.32, 1.1);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 16px;
+  svg {
+    display: block;
+  }
+  svg,
+  svg path,
+  svg rect {
+    transition: inherit;
+  }
+  svg path:first-child {
+    transform-origin: 50% 50%;
+    fill: var(--bg);
+    stroke: var(--color);
+  }
+  svg rect {
+    transform-origin: 53% 63%;
+    fill: var(--bg);
+    stroke: var(--color);
+  }
+  svg path:last-child {
+    opacity: 0;
+    stroke: var(--bg);
+    transform: translate(11.75px, 10px) rotate(90deg) scale(0.6);
+  }
+  ${(props) => props.$clipboard
+    ? css `
+          --color: var(--ck-focus-color) !important;
+          --bg: var(--ck-body-background);
+          svg {
+            transition-delay: 0ms;
+            path:first-child {
+              opacity: 0;
+              transform: rotate(-90deg) scale(0.2);
+            }
+            rect {
+              rx: 10px;
+              fill: var(--color);
+              transform: rotate(-90deg) scale(1.45);
+            }
+            path:last-child {
+              transition-delay: 100ms;
+              opacity: 1;
+              transform: translate(7.75px, 9.5px);
+            }
+          }
+        `
+    : css `
+          &:hover {
+          }
+          &:hover:active {
+          }
+        `}
+`;
+const CopyToClipboardIcon = ({ copied, small, dark, }) => (jsx(IconContainer, { "$clipboard": copied, children: jsx(CopyToClipboardIcon$1, { style: {
+            transform: small ? "scale(1)" : "translateX(3px) scale(1.5)",
+            opacity: small || copied || dark ? 1 : 0.3,
+        } }) }));
+
+export { CopyToClipboardIcon as default };
+//# sourceMappingURL=CopyToClipboardIcon.js.map

package/build/src/components/Common/CopyToClipboard/CopyToClipboardIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CopyToClipboardIcon.js","sources":["../../../../../src/components/Common/CopyToClipboard/CopyToClipboardIcon.tsx"],"sourcesContent":[null],"names":["_jsx","Icon"],"mappings":";;;;;;AAMA,MAAM,aAAa,GAAG,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,CAA0B,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6B9D,EAAA,EAAA,CAAC,KAAK,KACN,KAAK,CAAC,UAAU;MACZ,GAAG,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;AAoBF,QAAA,CAAA;MACD,GAAG,CAAA,CAAA;;;;;AAKF,QAAA,CAAA,CAAA;CACR,CAAC;AAEI,MAAA,mBAAmB,GAAG,CAAC,EAC3B,MAAM,EACN,KAAK,EACL,IAAI,GAKL,MACCA,GAAC,CAAA,aAAa,EAAa,EAAA,YAAA,EAAA,MAAM,YAC/BA,GAAC,CAAAC,qBAAI,EACH,EAAA,KAAK,EAAE;YACL,SAAS,EAAE,KAAK,GAAG,UAAU,GAAG,4BAA4B;AAC5D,YAAA,OAAO,EAAE,KAAK,IAAI,MAAM,IAAI,IAAI,GAAG,CAAC,GAAG,GAAG;SAC3C,EACD,CAAA,EAAA,CACY;;;;"}

package/build/src/components/Common/CopyToClipboard/index.js

@@ -0,0 +1,35 @@
+import 'react/jsx-runtime';
+import 'react';
+import { css } from 'styled-components';
+import styled from '../../../styles/styled/index.js';
+import 'framer-motion';
+import 'detect-browser';
+import '../FitText/index.js';
+import '../Spinner/styles.js';
+import '../Button/styles.js';
+import './CopyToClipboardIcon.js';
+
+styled.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: flex;
+  align-items: center;
+  justify-content: center;
+  margin-top: 4px;
+  gap: 8px;
+
+  ${(props) => props.$disabled
+    ? css `
+          cursor: not-allowed;
+          opacity: 0.4;
+        `
+    : css `
+          &:hover {
+            --color: var(--ck-body-color-muted);
+          }
+        `}
+`;
+//# sourceMappingURL=index.js.map

package/build/src/components/Common/CopyToClipboard/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/components/Common/CopyToClipboard/index.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;;;AAOkB,MAAM,CAAC,GAAG,CAAyB,CAAA;;;;;;;;;;;;AAYjD,EAAA,EAAA,CAAC,KAAK,KACN,KAAK,CAAC,SAAS;MACX,GAAG,CAAA,CAAA;;;AAGF,QAAA,CAAA;MACD,GAAG,CAAA,CAAA;;;;AAIF,QAAA,CAAA,CAAA;"}

package/build/src/components/Common/CustomQRCode/QRCode.js

@@ -0,0 +1,69 @@
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import QRCodeUtil from 'qrcode';
+import { useMemo } from 'react';
+
+const generateMatrix = (value, errorCorrectionLevel) => {
+    const arr = Array.prototype.slice.call(QRCodeUtil.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 ? 168 : 0;
+    const size = sizeProp - 10 * 2;
+    const dots = useMemo(() => {
+        const dots = [];
+        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++) {
+                dots.push(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;
+            dots.push(jsxs(Fragment, { children: [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 }), jsx("foreignObject", { width: cellSize * (7 - 0 * 2), height: cellSize * (7 - 0 * 2), x: x1 + cellSize * 0, y: y1 + cellSize * 0, children: 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]) {
+                    // Do not render dots under position squares
+                    if (!((i < 7 && j < 7) ||
+                        (i > matrix.length - 8 && j < 7) ||
+                        (i < 7 && j > matrix.length - 8))) {
+                        //if (image && i > matrix.length - 9 && j > matrix.length - 9) return;
+                        if (image ||
+                            !(i > matrixMiddleStart &&
+                                i < matrixMiddleEnd &&
+                                j > matrixMiddleStart &&
+                                j < matrixMiddleEnd)) {
+                            dots.push(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 dots;
+    }, [ecl, size, uri]); // eslint-disable-line react-hooks/exhaustive-deps
+    return (jsxs("svg", { height: size, width: size, viewBox: `0 0 ${size} ${size}`, style: {
+            width: size,
+            height: size,
+        }, children: [jsx("rect", { fill: "transparent", height: size, width: size }), dots] }));
+}
+
+export { QRCode };
+//# sourceMappingURL=QRCode.js.map

package/build/src/components/Common/CustomQRCode/QRCode.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"QRCode.js","sources":["../../../../../src/components/Common/CustomQRCode/QRCode.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs","_Fragment"],"mappings":"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"}

package/build/src/components/Common/CustomQRCode/index.js

@@ -0,0 +1,22 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { QRCodeContainer, QRCodeContent, LogoContainer, LogoIcon, QRPlaceholder } from './styles.js';
+import { AnimatePresence, motion } from 'framer-motion';
+import Tooltip from '../Tooltip/index.js';
+import useWindowSize from '../../../hooks/useWindowSize.js';
+import { QRCode } from './QRCode.js';
+
+function CustomQRCode({ value, image, imageBackground, imagePosition = "center", tooltipMessage, contentPadding = 13, }) {
+    const windowSize = useWindowSize();
+    const Logo = windowSize.width > 920 && tooltipMessage ? (jsx(Tooltip, { xOffset: 139, yOffset: 5, delay: 0.1, message: tooltipMessage, children: image })) : (image);
+    return (jsx(QRCodeContainer, { children: jsxs(QRCodeContent, { style: { inset: contentPadding }, children: [image && (jsx(LogoContainer, { children: jsx(LogoIcon, { style: {
+                            background: imagePosition === "center" ? imageBackground : undefined,
+                        }, children: Logo }) })), jsx(AnimatePresence, { initial: false, children: value ? (jsx(motion.div, { initial: { opacity: 0 }, animate: { opacity: 1 }, exit: { opacity: 0, position: "absolute", inset: [0, 0] }, transition: {
+                            duration: 0.2,
+                        }, children: jsx(QRCode, { uri: value, size: 576, ecl: "H", clearArea: !!(imagePosition === "center" && image), image: imagePosition === "bottom right" ? image : undefined, imageBackground: imageBackground }) }, value)) : (jsxs(QRPlaceholder, { initial: { opacity: 0.1 }, animate: { opacity: 0.1 }, exit: { opacity: 0, position: "absolute", inset: [0, 0] }, transition: {
+                            duration: 0.2,
+                        }, children: [jsx("span", {}), jsx("span", {}), jsx("span", {}), jsx("div", {})] })) })] }) }));
+}
+CustomQRCode.displayName = "CustomQRCode";
+
+export { CustomQRCode as default };
+//# sourceMappingURL=index.js.map

package/build/src/components/Common/CustomQRCode/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/components/Common/CustomQRCode/index.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":";;;;;;;AAeA,SAAS,YAAY,CAAC,EACpB,KAAK,EACL,KAAK,EACL,eAAe,EACf,aAAa,GAAG,QAAQ,EACxB,cAAc,EACd,cAAc,GAAG,EAAE,GACD,EAAA;AAClB,IAAA,MAAM,UAAU,GAAG,aAAa,EAAE,CAAC;AAEnC,IAAA,MAAM,IAAI,GACR,UAAU,CAAC,KAAK,GAAG,GAAG,IAAI,cAAc,IACtCA,GAAA,CAAC,OAAO,EAAC,EAAA,OAAO,EAAE,GAAG,EAAE,OAAO,EAAE,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,OAAO,EAAE,cAAc,YACnE,KAAK,EAAA,CACE,KAEV,KAAK,CACN,CAAC;IAEJ,QACEA,GAAC,CAAA,eAAe,EACd,EAAA,QAAA,EAAAC,IAAA,CAAC,aAAa,EAAC,EAAA,KAAK,EAAE,EAAE,KAAK,EAAE,cAAc,EAAE,EAAA,QAAA,EAAA,CAC5C,KAAK,KACJD,GAAA,CAAC,aAAa,EAAA,EAAA,QAAA,EACZA,GAAC,CAAA,QAAQ,EACP,EAAA,KAAK,EAAE;4BACL,UAAU,EACR,aAAa,KAAK,QAAQ,GAAG,eAAe,GAAG,SAAS;yBAC3D,EAEA,QAAA,EAAA,IAAI,EACI,CAAA,EAAA,CACG,CACjB,EAEDA,GAAC,CAAA,eAAe,EAAC,EAAA,OAAO,EAAE,KAAK,EAC5B,QAAA,EAAA,KAAK,IACJA,GAAC,CAAA,MAAM,CAAC,GAAG,EAET,EAAA,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,EACvB,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,EACvB,IAAI,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,QAAQ,EAAE,UAAU,EAAE,KAAK,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,EACzD,UAAU,EAAE;AACV,4BAAA,QAAQ,EAAE,GAAG;yBACd,EAED,QAAA,EAAAA,GAAA,CAAC,MAAM,EACL,EAAA,GAAG,EAAE,KAAK,EACV,IAAI,EAAE,GAAG,EACT,GAAG,EAAC,GAAG,EACP,SAAS,EAAE,CAAC,EAAE,aAAa,KAAK,QAAQ,IAAI,KAAK,CAAC,EAClD,KAAK,EAAE,aAAa,KAAK,cAAc,GAAG,KAAK,GAAG,SAAS,EAC3D,eAAe,EAAE,eAAe,EAChC,CAAA,EAAA,EAfG,KAAK,CAgBC,KAEbC,IAAC,CAAA,aAAa,IACZ,OAAO,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE,EACzB,OAAO,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE,EACzB,IAAI,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,QAAQ,EAAE,UAAU,EAAE,KAAK,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,EACzD,UAAU,EAAE;AACV,4BAAA,QAAQ,EAAE,GAAG;AACd,yBAAA,EAAA,QAAA,EAAA,CAEDD,GAAQ,CAAA,MAAA,EAAA,EAAA,CAAA,EACRA,GAAQ,CAAA,MAAA,EAAA,EAAA,CAAA,EACRA,GAAQ,CAAA,MAAA,EAAA,EAAA,CAAA,EACRA,GAAO,CAAA,KAAA,EAAA,EAAA,CAAA,CAAA,EAAA,CACO,CACjB,EAAA,CACe,CACJ,EAAA,CAAA,EAAA,CACA,EAClB;AACJ,CAAC;AACD,YAAY,CAAC,WAAW,GAAG,cAAc;;;;"}