@coin-voyage/paykit 0.0.2 → 0.1.0

package/dist/paykit/src/components/ui/ConnectorList/index.js

@@ -1,76 +0,0 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { ROUTES } from '../../../types/routes.js';
-import { ConnectorsContainer, ConnectorButton, ConnectorIcon, ConnectorLabel, RecentlyUsedTag } from './styles.js';
-import Alert from '../Alert/index.js';
-import { ScrollArea } from '../ScrollArea/index.js';
-import { isWalletInstalled } from '../../../../../crypto/src/lib/utils/is-wallet-installed.js';
-import useIsMobile from '../../../../../shared/src/hooks/use-is-mobile.js';
-import { detectBrowser } from '../../../../../shared/src/utils/browser.js';
-import { useLastConnector } from '../../../hooks/useLastConnector.js';
-import { useUniversalConnect } from '../../../hooks/useUniversalConnect.js';
-import { useWallets } from '../../../hooks/useWallets.js';
-import { walletConfigs } from '../../../lib/config/wallet.js';
-import { isWalletConnectConnector, isCoinbaseWalletConnector } from '../../../utils/index.js';
-import { getConnector, getConnectorId } from '../../../utils/connector.js';
-import usePayContext from '../../contexts/pay/index.js';
-import { useWeb3 } from '../../contexts/web3/index.js';
-
-const ConnectorList = () => {
-    const context = usePayContext();
-    const isMobile = useIsMobile();
-    const installedWallets = useWallets();
-    const { lastConnectorId } = useLastConnector();
-    const walletsToDisplay = context.options?.hideRecentBadge || lastConnectorId === "walletConnect" // do not hoist walletconnect to top of list
-        ? installedWallets
-        : [
-            // move last used wallet to top of list
-            // using .filter and spread to avoid mutating original array order with .sort
-            ...installedWallets.filter((wallet) => lastConnectorId === wallet.id),
-            ...installedWallets.filter((wallet) => lastConnectorId !== wallet.id),
-        ];
-    return (jsxs(ScrollArea, { mobileDirection: "horizontal", children: [walletsToDisplay.length === 0 && jsx(Alert, { error: true, children: "No wallets found." }), walletsToDisplay.length > 0 && (jsx(ConnectorsContainer, { "$mobile": isMobile, "$totalResults": walletsToDisplay.length, children: walletsToDisplay.map((wallet) => (jsx(ConnectorItem, { wallet: wallet, isRecent: wallet.id === lastConnectorId }, wallet.id))) }))] }));
-};
-const ConnectorItem = ({ wallet, isRecent, }) => {
-    const { connect: { getUri }, } = useWeb3();
-    const uri = getUri();
-    const isMobile = useIsMobile();
-    const { route, setRoute, options, paymentState } = usePayContext();
-    const { updateLastConnectorId } = useLastConnector();
-    const { connect } = useUniversalConnect({
-        onSuccess: (_, variables) => {
-            if (variables?.connector) {
-                updateLastConnectorId(getConnectorId(variables.connector));
-                setRoute(ROUTES.SELECT_TOKEN);
-            }
-        },
-    });
-    const walletConfig = walletConfigs[wallet.id];
-    let deeplink = !isWalletInstalled(wallet.id) && isMobile && walletConfig
-        ? walletConfig.getWalletConnectDeeplink?.(uri ?? "")
-        : undefined;
-    const redirectToMoreWallets = isMobile && isWalletConnectConnector(wallet.id);
-    // Safari requires opening popup on user gesture, so we connect immediately here
-    const shouldConnectImmediately = (detectBrowser() === "safari" || detectBrowser() === "ios") &&
-        isCoinbaseWalletConnector(wallet.id);
-    if (redirectToMoreWallets || shouldConnectImmediately) {
-        deeplink = undefined; // mobile redirects to more wallets page
-    }
-    return (jsxs(ConnectorButton, { type: "button", as: deeplink ? "a" : undefined, href: deeplink ? deeplink : undefined, disabled: route !== ROUTES.CONNECTORS, onClick: deeplink
-            ? undefined
-            : () => {
-                if (redirectToMoreWallets) {
-                    setRoute(ROUTES.MOBILECONNECTORS);
-                }
-                else {
-                    if (shouldConnectImmediately) {
-                        const connector = getConnector(wallet.connectors, paymentState.connectorChainType);
-                        connect({ connector });
-                    }
-                    setRoute(ROUTES.CONNECT);
-                    paymentState.setSelectedWallet(wallet);
-                }
-            }, children: [jsx(ConnectorIcon, { "data-small": wallet.iconShouldShrink, "data-shape": wallet.iconShape, children: wallet.iconConnector ?? wallet.icon }), jsxs(ConnectorLabel, { children: [isMobile ? (wallet.shortName ?? wallet.name) : wallet.name, !options?.hideRecentBadge && isRecent && (jsx(RecentlyUsedTag, { children: jsx("span", { children: "Recent" }) }))] })] }));
-};
-
-export { ConnectorList as default };
-//# sourceMappingURL=index.js.map

package/dist/paykit/src/components/ui/ConnectorList/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/paykit/src/components/ui/ConnectorList/styles.js

@@ -1,315 +0,0 @@
-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 ConnectorButton = styled(motion.button) `
-  display: block;
-  text-decoration: none;
-`;
-const ConnectorLabel = styled(motion.span) ``;
-const ConnectorIcon = styled(motion.div) ``;
-// 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;
-          padding-bottom: 6px;
-
-          ${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, RecentlyUsedTag };
-//# sourceMappingURL=styles.js.map

package/dist/paykit/src/components/ui/ConnectorList/styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/paykit/src/components/ui/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/dist/paykit/src/components/ui/CopyToClipboard/CopyToClipboardIcon.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CopyToClipboardIcon.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/paykit/src/components/ui/CopyToClipboard/index.js

@@ -1,53 +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/dist/paykit/src/components/ui/CopyToClipboard/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/paykit/src/components/ui/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;
-        const 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/dist/paykit/src/components/ui/CustomQRCode/QRCode.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"QRCode.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/paykit/src/components/ui/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/dist/paykit/src/components/ui/CustomQRCode/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;"}