@daimo/pay 1.6.2 → 1.6.3

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

@@ -1,71 +0,0 @@
-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

@@ -1 +0,0 @@
-{"version":3,"file":"CopyToClipboardIcon.js","sources":["../../../../../src/components/Common/CopyToClipboard/CopyToClipboardIcon.tsx"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { motion } from \"framer-motion\";\nimport { css } from \"styled-components\";\nimport styled from \"./../../../styles/styled\";\nimport { CopyToClipboardIcon as Icon } from \"../../../assets/icons\";\nconst IconContainer = styled(motion.div) `\n  transition: all 220ms cubic-bezier(0.175, 0.885, 0.32, 1.1);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 16px;\n  svg {\n    display: block;\n  }\n  svg,\n  svg path,\n  svg rect {\n    transition: inherit;\n  }\n  svg path:first-child {\n    transform-origin: 50% 50%;\n    fill: var(--bg);\n    stroke: var(--color);\n  }\n  svg rect {\n    transform-origin: 53% 63%;\n    fill: var(--bg);\n    stroke: var(--color);\n  }\n  svg path:last-child {\n    opacity: 0;\n    stroke: var(--bg);\n    transform: translate(11.75px, 10px) rotate(90deg) scale(0.6);\n  }\n  ${(props) => props.$clipboard\n    ? css `\n          --color: var(--ck-focus-color) !important;\n          --bg: var(--ck-body-background);\n          svg {\n            transition-delay: 0ms;\n            path:first-child {\n              opacity: 0;\n              transform: rotate(-90deg) scale(0.2);\n            }\n            rect {\n              rx: 10px;\n              fill: var(--color);\n              transform: rotate(-90deg) scale(1.45);\n            }\n            path:last-child {\n              transition-delay: 100ms;\n              opacity: 1;\n              transform: translate(7.75px, 9.5px);\n            }\n          }\n        `\n    : css `\n          &:hover {\n          }\n          &:hover:active {\n          }\n        `}\n`;\nconst CopyToClipboardIcon = ({ copied, small, dark, }) => (_jsx(IconContainer, { \"$clipboard\": copied, children: _jsx(Icon, { style: {\n            transform: small ? \"scale(1)\" : \"translateX(3px) scale(1.5)\",\n            opacity: small || copied || dark ? 1 : 0.3,\n        } }) }));\nexport default CopyToClipboardIcon;\n"],"names":["_jsx","Icon"],"mappings":";;;;;;AAKA,MAAM,aAAa,GAAG,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC;AAC1C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,EAAE,EAAE,CAAC,KAAK,KAAK,KAAK,CAAC,UAAU;AAC/B,MAAM,GAAG,CAAC,CAAC;AACX;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,QAAQ,CAAC;AACT,MAAM,GAAG,CAAC,CAAC;AACX;AACA;AACA;AACA;AACA,QAAQ,CAAC,CAAC;AACV,CAAC,CAAC;AACG,MAAC,mBAAmB,GAAG,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,GAAG,MAAMA,GAAI,CAAC,aAAa,EAAE,EAAE,YAAY,EAAE,MAAM,EAAE,QAAQ,EAAEA,GAAI,CAACC,qBAAI,EAAE,EAAE,KAAK,EAAE;AACrI,YAAY,SAAS,EAAE,KAAK,GAAG,UAAU,GAAG,4BAA4B;AACxE,YAAY,OAAO,EAAE,KAAK,IAAI,MAAM,IAAI,IAAI,GAAG,CAAC,GAAG,GAAG;AACtD,SAAS,EAAE,CAAC,EAAE,CAAC;;;;"}

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

@@ -1,51 +0,0 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { useState } from 'react';
-import { css } from 'styled-components';
-import styled from '../../../styles/styled/index.js';
-import Button from '../Button/index.js';
-import CopyToClipboardIcon from './CopyToClipboardIcon.js';
-
-const Container = 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);
-          }
-        `}
-`;
-const CopyToClipboard = ({ string, children, variant }) => {
-    const [clipboard, setClipboard] = useState(false);
-    let timeout;
-    const onCopy = () => {
-        if (!string)
-            return;
-        const str = string.trim();
-        if (navigator.clipboard) {
-            navigator.clipboard.writeText(str);
-        }
-        setClipboard(true);
-        clearTimeout(timeout);
-        timeout = setTimeout(() => setClipboard(false), 1000);
-    };
-    if (variant === "button")
-        return (jsx(Button, { disabled: !string, onClick: onCopy, icon: jsx(CopyToClipboardIcon, { copied: clipboard }), children: children }));
-    return (jsxs(Container, { onClick: onCopy, "$disabled": !string, children: [jsx(CopyToClipboardIcon, { copied: clipboard, dark: true }), children] }));
-};
-
-export { CopyToClipboard as default };
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/Common/CopyToClipboard/index.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { useState } from \"react\";\nimport { css } from \"styled-components\";\nimport styled from \"./../../../styles/styled\";\nimport Button from \"../Button\";\nimport CopyToClipboardIcon from \"./CopyToClipboardIcon\";\nconst Container = styled.div `\n  --color: var(--ck-copytoclipboard-stroke);\n  --bg: var(--ck-body-background);\n  transition: all 220ms cubic-bezier(0.175, 0.885, 0.32, 1.1);\n\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-top: 4px;\n  gap: 8px;\n\n  ${(props) => props.$disabled\n    ? css `\n          cursor: not-allowed;\n          opacity: 0.4;\n        `\n    : css `\n          &:hover {\n            --color: var(--ck-body-color-muted);\n          }\n        `}\n`;\nconst CopyToClipboard = ({ string, children, variant }) => {\n    const [clipboard, setClipboard] = useState(false);\n    let timeout;\n    const onCopy = () => {\n        if (!string)\n            return;\n        const str = string.trim();\n        if (navigator.clipboard) {\n            navigator.clipboard.writeText(str);\n        }\n        else {\n            // Fallback copy to clipboard if necessary\n            /*\n            const el = document.createElement('textarea');\n            el.value = str;\n            document.body.appendChild(el);\n            el.select();\n            document.execCommand('copy');\n            document.body.removeChild(el);\n            */\n        }\n        setClipboard(true);\n        clearTimeout(timeout);\n        timeout = setTimeout(() => setClipboard(false), 1000);\n    };\n    if (variant === \"button\")\n        return (_jsx(Button, { disabled: !string, onClick: onCopy, icon: _jsx(CopyToClipboardIcon, { copied: clipboard }), children: children }));\n    return (_jsxs(Container, { onClick: onCopy, \"$disabled\": !string, children: [_jsx(CopyToClipboardIcon, { copied: clipboard, dark: true }), children] }));\n};\nexport default CopyToClipboard;\n"],"names":["_jsx","_jsxs"],"mappings":";;;;;;;AAMA,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC;AAC9B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,EAAE,EAAE,CAAC,KAAK,KAAK,KAAK,CAAC,SAAS;AAC9B,MAAM,GAAG,CAAC,CAAC;AACX;AACA;AACA,QAAQ,CAAC;AACT,MAAM,GAAG,CAAC,CAAC;AACX;AACA;AACA;AACA,QAAQ,CAAC,CAAC;AACV,CAAC,CAAC;AACG,MAAC,eAAe,GAAG,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK;AAC3D,IAAI,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;AACtD,IAAI,IAAI,OAAO,CAAC;AAChB,IAAI,MAAM,MAAM,GAAG,MAAM;AACzB,QAAQ,IAAI,CAAC,MAAM;AACnB,YAAY,OAAO;AACnB,QAAQ,MAAM,GAAG,GAAG,MAAM,CAAC,IAAI,EAAE,CAAC;AAClC,QAAQ,IAAI,SAAS,CAAC,SAAS,EAAE;AACjC,YAAY,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC;AAC/C,SAWS;AACT,QAAQ,YAAY,CAAC,IAAI,CAAC,CAAC;AAC3B,QAAQ,YAAY,CAAC,OAAO,CAAC,CAAC;AAC9B,QAAQ,OAAO,GAAG,UAAU,CAAC,MAAM,YAAY,CAAC,KAAK,CAAC,EAAE,IAAI,CAAC,CAAC;AAC9D,KAAK,CAAC;AACN,IAAI,IAAI,OAAO,KAAK,QAAQ;AAC5B,QAAQ,QAAQA,GAAI,CAAC,MAAM,EAAE,EAAE,QAAQ,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,IAAI,EAAEA,GAAI,CAAC,mBAAmB,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,EAAE;AAClJ,IAAI,QAAQC,IAAK,CAAC,SAAS,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,CAAC,MAAM,EAAE,QAAQ,EAAE,CAACD,GAAI,CAAC,mBAAmB,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,EAAE,QAAQ,CAAC,EAAE,CAAC,EAAE;AAC7J;;;;"}

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

@@ -1,69 +0,0 @@
-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]);
-    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

@@ -1 +0,0 @@
-{"version":3,"file":"QRCode.js","sources":["../../../../../src/components/Common/CustomQRCode/QRCode.tsx"],"sourcesContent":["import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport QRCodeUtil from \"qrcode\";\nimport { useMemo } from \"react\";\nconst generateMatrix = (value, errorCorrectionLevel) => {\n    const arr = Array.prototype.slice.call(QRCodeUtil.create(value, { errorCorrectionLevel }).modules.data, 0);\n    const sqrt = Math.sqrt(arr.length);\n    return arr.reduce((rows, key, index) => (index % sqrt === 0\n        ? rows.push([key])\n        : rows[rows.length - 1].push(key)) && rows, []);\n};\nexport function QRCode({ ecl = \"M\", size: sizeProp = 200, uri, clearArea = false, image, imageBackground = \"transparent\", }) {\n    const logoSize = clearArea ? 168 : 0;\n    const size = sizeProp - 10 * 2;\n    const dots = useMemo(() => {\n        const dots = [];\n        const matrix = generateMatrix(uri, ecl);\n        const cellSize = size / matrix.length;\n        let qrList = [\n            { x: 0, y: 0 },\n            { x: 1, y: 0 },\n            { x: 0, y: 1 },\n        ];\n        qrList.forEach(({ x, y }) => {\n            const x1 = (matrix.length - 7) * cellSize * x;\n            const y1 = (matrix.length - 7) * cellSize * y;\n            for (let i = 0; i < 3; i++) {\n                dots.push(_jsx(\"rect\", { fill: i % 2 !== 0\n                        ? \"var(--ck-qr-background, var(--ck-body-background))\"\n                        : \"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}`));\n            }\n        });\n        if (image) {\n            const x1 = (matrix.length - 7) * cellSize * 1;\n            const y1 = (matrix.length - 7) * cellSize * 1;\n            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 }) })] }));\n        }\n        const clearArenaSize = Math.floor((logoSize + 25) / cellSize);\n        const matrixMiddleStart = matrix.length / 2 - clearArenaSize / 2;\n        const matrixMiddleEnd = matrix.length / 2 + clearArenaSize / 2 - 1;\n        matrix.forEach((row, i) => {\n            row.forEach((_, j) => {\n                if (matrix[i][j]) {\n                    // Do not render dots under position squares\n                    if (!((i < 7 && j < 7) ||\n                        (i > matrix.length - 8 && j < 7) ||\n                        (i < 7 && j > matrix.length - 8))) {\n                        //if (image && i > matrix.length - 9 && j > matrix.length - 9) return;\n                        if (image ||\n                            !(i > matrixMiddleStart &&\n                                i < matrixMiddleEnd &&\n                                j > matrixMiddleStart &&\n                                j < matrixMiddleEnd)) {\n                            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}`));\n                        }\n                    }\n                }\n            });\n        });\n        return dots;\n    }, [ecl, size, uri]);\n    return (_jsxs(\"svg\", { height: size, width: size, viewBox: `0 0 ${size} ${size}`, style: {\n            width: size,\n            height: size,\n        }, children: [_jsx(\"rect\", { fill: \"transparent\", height: size, width: size }), dots] }));\n}\n"],"names":["_jsx","_jsxs","_Fragment"],"mappings":";;;;AAGA,MAAM,cAAc,GAAG,CAAC,KAAK,EAAE,oBAAoB,KAAK;AACxD,IAAI,MAAM,GAAG,GAAG,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC,IAAI,CAAC,UAAU,CAAC,MAAM,CAAC,KAAK,EAAE,EAAE,oBAAoB,EAAE,CAAC,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC;AAC/G,IAAI,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;AACvC,IAAI,OAAO,GAAG,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,GAAG,EAAE,KAAK,KAAK,CAAC,KAAK,GAAG,IAAI,KAAK,CAAC;AAC/D,UAAU,IAAI,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC;AAC1B,UAAU,IAAI,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,IAAI,EAAE,EAAE,CAAC,CAAC;AACxD,CAAC,CAAC;AACK,SAAS,MAAM,CAAC,EAAE,GAAG,GAAG,GAAG,EAAE,IAAI,EAAE,QAAQ,GAAG,GAAG,EAAE,GAAG,EAAE,SAAS,GAAG,KAAK,EAAE,KAAK,EAAE,eAAe,GAAG,aAAa,GAAG,EAAE;AAC7H,IAAI,MAAM,QAAQ,GAAG,SAAS,GAAG,GAAG,GAAG,CAAC,CAAC;AACzC,IAAI,MAAM,IAAI,GAAG,QAAQ,GAAG,EAAE,GAAG,CAAC,CAAC;AACnC,IAAI,MAAM,IAAI,GAAG,OAAO,CAAC,MAAM;AAC/B,QAAQ,MAAM,IAAI,GAAG,EAAE,CAAC;AACxB,QAAQ,MAAM,MAAM,GAAG,cAAc,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC;AAChD,QAAQ,MAAM,QAAQ,GAAG,IAAI,GAAG,MAAM,CAAC,MAAM,CAAC;AAC9C,QAAQ,IAAI,MAAM,GAAG;AACrB,YAAY,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE;AAC1B,YAAY,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE;AAC1B,YAAY,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE;AAC1B,SAAS,CAAC;AACV,QAAQ,MAAM,CAAC,OAAO,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,KAAK;AACrC,YAAY,MAAM,EAAE,GAAG,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,IAAI,QAAQ,GAAG,CAAC,CAAC;AAC1D,YAAY,MAAM,EAAE,GAAG,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,IAAI,QAAQ,GAAG,CAAC,CAAC;AAC1D,YAAY,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,EAAE;AACxC,gBAAgB,IAAI,CAAC,IAAI,CAACA,GAAI,CAAC,MAAM,EAAE,EAAE,IAAI,EAAE,CAAC,GAAG,CAAC,KAAK,CAAC;AAC1D,0BAA0B,oDAAoD;AAC9E,0BAA0B,wBAAwB,EAAE,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,QAAQ,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,EAAE,MAAM,EAAE,QAAQ,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,GAAG,QAAQ,GAAG,CAAC,EAAE,CAAC,EAAE,EAAE,GAAG,QAAQ,GAAG,CAAC,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;AAChQ,aAAa;AACb,SAAS,CAAC,CAAC;AACX,QAAQ,IAAI,KAAK,EAAE;AACnB,YAAY,MAAM,EAAE,GAAG,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,IAAI,QAAQ,GAAG,CAAC,CAAC;AAC1D,YAAY,MAAM,EAAE,GAAG,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,IAAI,QAAQ,GAAG,CAAC,CAAC;AAC1D,YAAY,IAAI,CAAC,IAAI,CAACC,IAAK,CAACC,QAAS,EAAE,EAAE,QAAQ,EAAE,CAACF,GAAI,CAAC,MAAM,EAAE,EAAE,IAAI,EAAE,eAAe,EAAE,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,QAAQ,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,EAAE,MAAM,EAAE,QAAQ,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,GAAG,QAAQ,GAAG,CAAC,EAAE,CAAC,EAAE,EAAE,GAAG,QAAQ,GAAG,CAAC,EAAE,CAAC,EAAEA,GAAI,CAAC,eAAe,EAAE,EAAE,KAAK,EAAE,QAAQ,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,EAAE,MAAM,EAAE,QAAQ,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,GAAG,QAAQ,GAAG,CAAC,EAAE,CAAC,EAAE,EAAE,GAAG,QAAQ,GAAG,CAAC,EAAE,QAAQ,EAAEA,GAAI,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,EAAE,YAAY,EAAE,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;AACze,SAAS;AACT,QAAQ,MAAM,cAAc,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,QAAQ,GAAG,EAAE,IAAI,QAAQ,CAAC,CAAC;AACtE,QAAQ,MAAM,iBAAiB,GAAG,MAAM,CAAC,MAAM,GAAG,CAAC,GAAG,cAAc,GAAG,CAAC,CAAC;AACzE,QAAQ,MAAM,eAAe,GAAG,MAAM,CAAC,MAAM,GAAG,CAAC,GAAG,cAAc,GAAG,CAAC,GAAG,CAAC,CAAC;AAC3E,QAAQ,MAAM,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,CAAC,KAAK;AACnC,YAAY,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK;AAClC,gBAAgB,IAAI,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE;AAClC;AACA,oBAAoB,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC;AACzC,yBAAyB,CAAC,GAAG,MAAM,CAAC,MAAM,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AACxD,yBAAyB,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,EAAE;AAC3D;AACA,wBAAwB,IAAI,KAAK;AACjC,4BAA4B,EAAE,CAAC,GAAG,iBAAiB;AACnD,gCAAgC,CAAC,GAAG,eAAe;AACnD,gCAAgC,CAAC,GAAG,iBAAiB;AACrD,gCAAgC,CAAC,GAAG,eAAe,CAAC,EAAE;AACtD,4BAA4B,IAAI,CAAC,IAAI,CAACA,GAAI,CAAC,QAAQ,EAAE,EAAE,EAAE,EAAE,CAAC,GAAG,QAAQ,GAAG,QAAQ,GAAG,CAAC,EAAE,EAAE,EAAE,CAAC,GAAG,QAAQ,GAAG,QAAQ,GAAG,CAAC,EAAE,IAAI,EAAE,wBAAwB,EAAE,CAAC,EAAE,QAAQ,GAAG,CAAC,EAAE,EAAE,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;AACjM,yBAAyB;AACzB,qBAAqB;AACrB,iBAAiB;AACjB,aAAa,CAAC,CAAC;AACf,SAAS,CAAC,CAAC;AACX,QAAQ,OAAO,IAAI,CAAC;AACpB,KAAK,EAAE,CAAC,GAAG,EAAE,IAAI,EAAE,GAAG,CAAC,CAAC,CAAC;AACzB,IAAI,QAAQC,IAAK,CAAC,KAAK,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC,EAAE,KAAK,EAAE;AAC7F,YAAY,KAAK,EAAE,IAAI;AACvB,YAAY,MAAM,EAAE,IAAI;AACxB,SAAS,EAAE,QAAQ,EAAE,CAACD,GAAI,CAAC,MAAM,EAAE,EAAE,IAAI,EAAE,aAAa,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,CAAC,EAAE,CAAC,EAAE;AAClG;;;;"}

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

@@ -1,22 +0,0 @@
-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, }) {
-    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, { children: [image && (jsx(LogoContainer, { children: jsx(LogoIcon, { "$wcLogo": imagePosition !== "center", 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) }) }, 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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/Common/CustomQRCode/index.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { LogoContainer, LogoIcon, QRCodeContainer, QRCodeContent, QRPlaceholder, } from \"./styles\";\nimport { AnimatePresence, motion } from \"framer-motion\";\nimport Tooltip from \"../Tooltip\";\nimport useWindowSize from \"../../../hooks/useWindowSize\";\nimport { QRCode } from \"./QRCode\";\nfunction CustomQRCode({ value, image, imageBackground, imagePosition = \"center\", tooltipMessage, }) {\n    const windowSize = useWindowSize();\n    const Logo = windowSize.width > 920 && tooltipMessage ? (_jsx(Tooltip, { xOffset: 139, yOffset: 5, delay: 0.1, message: tooltipMessage, children: image })) : (image);\n    return (_jsx(QRCodeContainer, { children: _jsxs(QRCodeContent, { children: [image && (_jsx(LogoContainer, { children: _jsx(LogoIcon, { \"$wcLogo\": imagePosition !== \"center\", style: {\n                            background: imagePosition === \"center\" ? imageBackground : undefined,\n                        }, 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: {\n                            duration: 0.2,\n                        }, children: _jsx(QRCode, { uri: value, size: 576, ecl: \"H\", clearArea: !!(imagePosition === \"center\" && image) }) }, value)) : (_jsxs(QRPlaceholder, { initial: { opacity: 0.1 }, animate: { opacity: 0.1 }, exit: { opacity: 0, position: \"absolute\", inset: [0, 0] }, transition: {\n                            duration: 0.2,\n                        }, children: [_jsx(\"span\", {}), _jsx(\"span\", {}), _jsx(\"span\", {}), _jsx(\"div\", {})] })) })] }) }));\n}\nCustomQRCode.displayName = \"CustomQRCode\";\nexport default CustomQRCode;\n"],"names":["_jsx","_jsxs"],"mappings":";;;;;;;AAMA,SAAS,YAAY,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,eAAe,EAAE,aAAa,GAAG,QAAQ,EAAE,cAAc,GAAG,EAAE;AACpG,IAAI,MAAM,UAAU,GAAG,aAAa,EAAE,CAAC;AACvC,IAAI,MAAM,IAAI,GAAG,UAAU,CAAC,KAAK,GAAG,GAAG,IAAI,cAAc,IAAIA,GAAI,CAAC,OAAO,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE,OAAO,EAAE,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,OAAO,EAAE,cAAc,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC,KAAK,KAAK,CAAC,CAAC;AAC1K,IAAI,QAAQA,GAAI,CAAC,eAAe,EAAE,EAAE,QAAQ,EAAEC,IAAK,CAAC,aAAa,EAAE,EAAE,QAAQ,EAAE,CAAC,KAAK,KAAKD,GAAI,CAAC,aAAa,EAAE,EAAE,QAAQ,EAAEA,GAAI,CAAC,QAAQ,EAAE,EAAE,SAAS,EAAE,aAAa,KAAK,QAAQ,EAAE,KAAK,EAAE;AACzL,4BAA4B,UAAU,EAAE,aAAa,KAAK,QAAQ,GAAG,eAAe,GAAG,SAAS;AAChG,yBAAyB,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,EAAE,CAAC,CAAC,EAAEA,GAAI,CAAC,eAAe,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,IAAIA,GAAI,CAAC,MAAM,CAAC,GAAG,EAAE,EAAE,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,EAAE,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,EAAE,IAAI,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,QAAQ,EAAE,UAAU,EAAE,KAAK,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,UAAU,EAAE;AACzP,4BAA4B,QAAQ,EAAE,GAAG;AACzC,yBAAyB,EAAE,QAAQ,EAAEA,GAAI,CAAC,MAAM,EAAE,EAAE,GAAG,EAAE,KAAK,EAAE,IAAI,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,CAAC,EAAE,aAAa,KAAK,QAAQ,IAAI,KAAK,CAAC,EAAE,CAAC,EAAE,EAAE,KAAK,CAAC,KAAKC,IAAK,CAAC,aAAa,EAAE,EAAE,OAAO,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE,EAAE,OAAO,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE,EAAE,IAAI,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,QAAQ,EAAE,UAAU,EAAE,KAAK,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,UAAU,EAAE;AAC7S,4BAA4B,QAAQ,EAAE,GAAG;AACzC,yBAAyB,EAAE,QAAQ,EAAE,CAACD,GAAI,CAAC,MAAM,EAAE,EAAE,CAAC,EAAEA,GAAI,CAAC,MAAM,EAAE,EAAE,CAAC,EAAEA,GAAI,CAAC,MAAM,EAAE,EAAE,CAAC,EAAEA,GAAI,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE;AAC5H,CAAC;AACD,YAAY,CAAC,WAAW,GAAG,cAAc;;;;"}

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

@@ -1,155 +0,0 @@
-import { motion } from 'framer-motion';
-import { keyframes, css } from 'styled-components';
-import styled from '../../../styles/styled/index.js';
-
-const QRCodeContainer = styled(motion.div) `
-  z-index: 3;
-  position: relative;
-  overflow: hidden;
-  height: 0;
-  padding-bottom: 100% !important;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  margin: 1px 0 2px;
-  border-radius: var(--ck-qr-border-radius, 24px);
-  background: var(--ck-qr-background, transparent);
-  box-shadow: 0 0 0 1px var(--ck-qr-border-color);
-  backface-visibility: hidden;
-  svg {
-    display: block;
-    max-width: 100%;
-    width: 100%;
-    height: auto;
-  }
-`;
-const QRCodeContent = styled(motion.div) `
-  position: absolute;
-  inset: 13px;
-  svg {
-    width: 100% !important;
-    height: auto !important;
-  }
-`;
-const PlaceholderKeyframes = keyframes `
-  0%{ background-position: 100% 0; }
-  100%{ background-position: -100% 0; }
-`;
-const QRPlaceholder = styled(motion.div) `
-  --color: var(--ck-qr-dot-color);
-  --bg: var(--ck-qr-background, var(--ck-body-background));
-
-  position: absolute;
-  inset: 0;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  > div {
-    z-index: 4;
-    position: relative;
-    width: 28%;
-    height: 28%;
-    border-radius: 20px;
-    background: var(--bg);
-    box-shadow: 0 0 0 7px var(--bg);
-  }
-  > span {
-    z-index: 4;
-    position: absolute;
-    background: var(--color);
-    border-radius: 12px;
-    width: 13.25%;
-    height: 13.25%;
-    box-shadow: 0 0 0 4px var(--bg);
-    &:before {
-      content: "";
-      position: absolute;
-      inset: 9px;
-      border-radius: 3px;
-      box-shadow: 0 0 0 4px var(--bg);
-    }
-    &:nth-child(1) {
-      top: 0;
-      left: 0;
-    }
-    &:nth-child(2) {
-      top: 0;
-      right: 0;
-    }
-    &:nth-child(3) {
-      bottom: 0;
-      left: 0;
-    }
-  }
-  &:before {
-    z-index: 3;
-    content: "";
-    position: absolute;
-    inset: 0;
-    background: repeat;
-    background-size: 1.888% 1.888%;
-    background-image: radial-gradient(var(--color) 41%, transparent 41%);
-  }
-  &:after {
-    z-index: 5;
-    content: "";
-    position: absolute;
-    inset: 0;
-    transform: scale(1.5) rotate(45deg);
-    background-image: linear-gradient(
-      90deg,
-      rgba(255, 255, 255, 0) 50%,
-      rgba(255, 255, 255, 1),
-      rgba(255, 255, 255, 0)
-    );
-    background-size: 200% 100%;
-    animation: ${PlaceholderKeyframes} 1000ms linear infinite both;
-  }
-`;
-const LogoContainer = styled(motion.div) `
-  z-index: 6;
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  transform: translateY(50%) scale(0.9999); // Shifting fix
-`;
-const LogoIcon = styled(motion.div) `
-  z-index: 6;
-  position: absolute;
-  left: 50%;
-  overflow: hidden;
-
-  transform: translate(-50%, -50%) scale(0.9999); // Shifting fix
-
-  svg {
-    display: block;
-    position: relative;
-    width: 100%;
-    height: 100%;
-  }
-
-  ${(props) => props.$wcLogo
-    ? css `
-          width: 29%;
-          height: 20.5%;
-        `
-    : css `
-          width: 28%;
-          height: 28%;
-          border-radius: 17px;
-          &:before {
-            pointer-events: none;
-            z-index: 2;
-            content: "";
-            position: absolute;
-            inset: 0;
-            border-radius: inherit;
-            box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.02);
-          }
-        `}
-`;
-
-export { LogoContainer, LogoIcon, PlaceholderKeyframes, QRCodeContainer, QRCodeContent, QRPlaceholder };
-//# sourceMappingURL=styles.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","sources":["../../../../../src/components/Common/CustomQRCode/styles.ts"],"sourcesContent":["import { motion } from \"framer-motion\";\nimport { css, keyframes } from \"styled-components\";\nimport styled from \"./../../../styles/styled\";\nexport const QRCodeContainer = styled(motion.div) `\n  z-index: 3;\n  position: relative;\n  overflow: hidden;\n  height: 0;\n  padding-bottom: 100% !important;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin: 1px 0 2px;\n  border-radius: var(--ck-qr-border-radius, 24px);\n  background: var(--ck-qr-background, transparent);\n  box-shadow: 0 0 0 1px var(--ck-qr-border-color);\n  backface-visibility: hidden;\n  svg {\n    display: block;\n    max-width: 100%;\n    width: 100%;\n    height: auto;\n  }\n`;\nexport const QRCodeContent = styled(motion.div) `\n  position: absolute;\n  inset: 13px;\n  svg {\n    width: 100% !important;\n    height: auto !important;\n  }\n`;\nexport const PlaceholderKeyframes = keyframes `\n  0%{ background-position: 100% 0; }\n  100%{ background-position: -100% 0; }\n`;\nexport const QRPlaceholder = styled(motion.div) `\n  --color: var(--ck-qr-dot-color);\n  --bg: var(--ck-qr-background, var(--ck-body-background));\n\n  position: absolute;\n  inset: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  > div {\n    z-index: 4;\n    position: relative;\n    width: 28%;\n    height: 28%;\n    border-radius: 20px;\n    background: var(--bg);\n    box-shadow: 0 0 0 7px var(--bg);\n  }\n  > span {\n    z-index: 4;\n    position: absolute;\n    background: var(--color);\n    border-radius: 12px;\n    width: 13.25%;\n    height: 13.25%;\n    box-shadow: 0 0 0 4px var(--bg);\n    &:before {\n      content: \"\";\n      position: absolute;\n      inset: 9px;\n      border-radius: 3px;\n      box-shadow: 0 0 0 4px var(--bg);\n    }\n    &:nth-child(1) {\n      top: 0;\n      left: 0;\n    }\n    &:nth-child(2) {\n      top: 0;\n      right: 0;\n    }\n    &:nth-child(3) {\n      bottom: 0;\n      left: 0;\n    }\n  }\n  &:before {\n    z-index: 3;\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    background: repeat;\n    background-size: 1.888% 1.888%;\n    background-image: radial-gradient(var(--color) 41%, transparent 41%);\n  }\n  &:after {\n    z-index: 5;\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    transform: scale(1.5) rotate(45deg);\n    background-image: linear-gradient(\n      90deg,\n      rgba(255, 255, 255, 0) 50%,\n      rgba(255, 255, 255, 1),\n      rgba(255, 255, 255, 0)\n    );\n    background-size: 200% 100%;\n    animation: ${PlaceholderKeyframes} 1000ms linear infinite both;\n  }\n`;\nexport const LogoContainer = styled(motion.div) `\n  z-index: 6;\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  transform: translateY(50%) scale(0.9999); // Shifting fix\n`;\nexport const LogoIcon = styled(motion.div) `\n  z-index: 6;\n  position: absolute;\n  left: 50%;\n  overflow: hidden;\n\n  transform: translate(-50%, -50%) scale(0.9999); // Shifting fix\n\n  svg {\n    display: block;\n    position: relative;\n    width: 100%;\n    height: 100%;\n  }\n\n  ${(props) => props.$wcLogo\n    ? css `\n          width: 29%;\n          height: 20.5%;\n        `\n    : css `\n          width: 28%;\n          height: 28%;\n          border-radius: 17px;\n          &:before {\n            pointer-events: none;\n            z-index: 2;\n            content: \"\";\n            position: absolute;\n            inset: 0;\n            border-radius: inherit;\n            box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.02);\n          }\n        `}\n`;\n"],"names":[],"mappings":";;;;AAGY,MAAC,eAAe,GAAG,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC;AACnD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,EAAE;AACU,MAAC,aAAa,GAAG,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC;AACjD;AACA;AACA;AACA;AACA;AACA;AACA,EAAE;AACU,MAAC,oBAAoB,GAAG,SAAS,CAAC,CAAC;AAC/C;AACA;AACA,EAAE;AACU,MAAC,aAAa,GAAG,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC;AACjD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,eAAe,EAAE,oBAAoB,CAAC;AACtC;AACA,EAAE;AACU,MAAC,aAAa,GAAG,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC;AACjD;AACA;AACA;AACA;AACA;AACA;AACA;AACA,EAAE;AACU,MAAC,QAAQ,GAAG,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC;AAC5C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,EAAE,EAAE,CAAC,KAAK,KAAK,KAAK,CAAC,OAAO;AAC5B,MAAM,GAAG,CAAC,CAAC;AACX;AACA;AACA,QAAQ,CAAC;AACT,MAAM,GAAG,CAAC,CAAC;AACX;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,QAAQ,CAAC,CAAC;AACV;;;;"}

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

@@ -1,27 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import React from 'react';
-import useFitText from '../../../hooks/useFitText.js';
-
-const FitText = ({ children }) => {
-    const [ready, setReady] = React.useState(false);
-    const { fontSize, ref: textRef } = useFitText({
-        logLevel: "none",
-        maxFontSize: 100,
-        minFontSize: 70,
-        onStart: () => setReady(true),
-        onFinish: () => setReady(true),
-    });
-    return (jsx("div", { ref: textRef, style: {
-            visibility: ready ? "visible" : "hidden",
-            fontSize: `${fontSize}%`,
-            maxHeight: "100%",
-            maxWidth: "100%",
-            display: "flex",
-            justifyContent: "center",
-            alignItems: "center",
-        }, children: children }));
-};
-FitText.displayName = "FitText";
-
-export { FitText as default };
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/Common/FitText/index.tsx"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport React from \"react\";\nimport useFitText from \"../../../hooks/useFitText\";\nconst FitText = ({ children }) => {\n    const [ready, setReady] = React.useState(false);\n    const { fontSize, ref: textRef } = useFitText({\n        logLevel: \"none\",\n        maxFontSize: 100,\n        minFontSize: 70,\n        onStart: () => setReady(true),\n        onFinish: () => setReady(true),\n    });\n    return (_jsx(\"div\", { ref: textRef, style: {\n            visibility: ready ? \"visible\" : \"hidden\",\n            fontSize: `${fontSize}%`,\n            maxHeight: \"100%\",\n            maxWidth: \"100%\",\n            display: \"flex\",\n            justifyContent: \"center\",\n            alignItems: \"center\",\n        }, children: children }));\n};\nFitText.displayName = \"FitText\";\nexport default FitText;\n"],"names":["_jsx"],"mappings":";;;;AAGK,MAAC,OAAO,GAAG,CAAC,EAAE,QAAQ,EAAE,KAAK;AAClC,IAAI,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;AACpD,IAAI,MAAM,EAAE,QAAQ,EAAE,GAAG,EAAE,OAAO,EAAE,GAAG,UAAU,CAAC;AAClD,QAAQ,QAAQ,EAAE,MAAM;AACxB,QAAQ,WAAW,EAAE,GAAG;AACxB,QAAQ,WAAW,EAAE,EAAE;AACvB,QAAQ,OAAO,EAAE,MAAM,QAAQ,CAAC,IAAI,CAAC;AACrC,QAAQ,QAAQ,EAAE,MAAM,QAAQ,CAAC,IAAI,CAAC;AACtC,KAAK,CAAC,CAAC;AACP,IAAI,QAAQA,GAAI,CAAC,KAAK,EAAE,EAAE,GAAG,EAAE,OAAO,EAAE,KAAK,EAAE;AAC/C,YAAY,UAAU,EAAE,KAAK,GAAG,SAAS,GAAG,QAAQ;AACpD,YAAY,QAAQ,EAAE,CAAC,EAAE,QAAQ,CAAC,CAAC,CAAC;AACpC,YAAY,SAAS,EAAE,MAAM;AAC7B,YAAY,QAAQ,EAAE,MAAM;AAC5B,YAAY,OAAO,EAAE,MAAM;AAC3B,YAAY,cAAc,EAAE,QAAQ;AACpC,YAAY,UAAU,EAAE,QAAQ;AAChC,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,EAAE;AAClC,EAAE;AACF,OAAO,CAAC,WAAW,GAAG,SAAS;;;;"}