@coin-voyage/paykit 0.0.2 → 0.1.0

package/dist/components/pay-modal/ConnectUsing.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { AnimatePresence, motion } from "framer-motion";
+import usePayContext from "../contexts/pay";
+import Alert from "../ui/Alert";
+import { contentVariants } from "../ui/Modal";
+import ConnectWithInjector from "./ConnectWithInjector";
+import ConnectWithQRCode from "./ConnectWithQRCode";
+import { isWalletConnectConnector } from "../../utils";
+const ConnectUsing = () => {
+    const context = usePayContext();
+    const wallet = context.paymentState.selectedWallet;
+    // If cannot be scanned, display injector flow, which if extension is not installed will show CTA to install it
+    const isQrCode = isWalletConnectConnector(wallet?.id) && wallet?.getWalletConnectDeeplink;
+    if (!wallet) {
+        return _jsx(Alert, { children: "Wallet not found" });
+    }
+    return (_jsx(AnimatePresence, { children: isQrCode ? (_jsx(motion.div, { initial: "initial", animate: "animate", exit: "exit", variants: contentVariants, children: _jsx(ConnectWithQRCode, {}) }, "QRCODE")) :
+            _jsx(motion.div, { initial: "initial", animate: "animate", exit: "exit", variants: contentVariants, children: _jsx(ConnectWithInjector, {}) }) }));
+};
+export default ConnectUsing;
+//# sourceMappingURL=ConnectUsing.js.map

package/dist/components/pay-modal/ConnectUsing.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConnectUsing.js","sourceRoot":"","sources":["../../../src/components/pay-modal/ConnectUsing.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,EAAE,MAAM,eAAe,CAAA;AACvD,OAAO,aAAa,MAAM,iBAAiB,CAAA;AAC3C,OAAO,KAAK,MAAM,aAAa,CAAA;AAC/B,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAA;AAC7C,OAAO,mBAAmB,MAAM,uBAAuB,CAAA;AACvD,OAAO,iBAAiB,MAAM,qBAAqB,CAAA;AACnD,OAAO,EAAE,wBAAwB,EAAE,MAAM,aAAa,CAAA;AAEtD,MAAM,YAAY,GAAG,GAAG,EAAE;IACxB,MAAM,OAAO,GAAG,aAAa,EAAE,CAAA;IAE/B,MAAM,MAAM,GAAG,OAAO,CAAC,YAAY,CAAC,cAAc,CAAA;IAElD,+GAA+G;IAC/G,MAAM,QAAQ,GAAG,wBAAwB,CAAC,MAAM,EAAE,EAAE,CAAC,IAAI,MAAM,EAAE,wBAAwB,CAAC;IAE1F,IAAI,CAAC,MAAM,EAAE,CAAC;QACZ,OAAO,KAAC,KAAK,mCAAyB,CAAA;IACxC,CAAC;IAED,OAAO,CACL,KAAC,eAAe,cACb,QAAQ,CAAC,CAAC,CAAC,CACV,KAAC,MAAM,CAAC,GAAG,IAET,OAAO,EAAE,SAAS,EAClB,OAAO,EAAE,SAAS,EAClB,IAAI,EAAE,MAAM,EACZ,QAAQ,EAAE,eAAe,YAEzB,KAAC,iBAAiB,KAAG,IANhB,QAAQ,CAOF,CACd,CAAC,CAAC;YACD,KAAC,MAAM,CAAC,GAAG,IACT,OAAO,EAAE,SAAS,EAClB,OAAO,EAAE,SAAS,EAClB,IAAI,EAAE,MAAM,EACZ,QAAQ,EAAE,eAAe,YAEzB,KAAC,mBAAmB,KAAG,GACZ,GACC,CACnB,CAAA;AACH,CAAC,CAAA;AAED,eAAe,YAAY,CAAA"}

package/dist/components/pay-modal/ConnectWithInjector/index.js

@@ -0,0 +1,209 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { AnimatePresence } from "framer-motion";
+import { useEffect, useState } from "react";
+import { ConnectingAnimation, ConnectingContainer, Container, Content, RetryButton, RetryIconContainer, } from "./styles";
+import Alert from "../../ui/Alert";
+import Button from "../../ui/Button";
+import { ModalBody, ModalContent, ModalContentContainer, ModalH1, ModalHeading, PageContent, } from "../../ui/Modal/styles";
+import Tooltip from "../../ui/Tooltip";
+import SquircleSpinner from "../../spinners/SquircleSpinner";
+import { useUniversalConnect } from "@coin-voyage/crypto/hooks";
+import { getConnectorId } from "@coin-voyage/crypto/lib/utils/connector";
+import { detectBrowser } from "@coin-voyage/shared/utils";
+import { AlertIcon, RetryIconCircle, TickIcon } from "../../../assets/icons";
+import { useLastConnector } from "../../../hooks/useLastConnector";
+import useLocales from "../../../hooks/useLocales";
+import { ROUTES } from "../../../types/routes";
+import { isInjectedConnector, isWalletConnectConnector, } from "../../../utils";
+import usePayContext from "../../contexts/pay";
+import CircleSpinner from "../../spinners/CircleSpinner";
+import BrowserIcon from "../../ui/BrowserIcon";
+export const states = {
+    CONNECTED: "connected",
+    CONNECTING: "connecting",
+    EXPIRING: "expiring",
+    FAILED: "failed",
+    REJECTED: "rejected",
+    NOTCONNECTED: "notconnected",
+    UNAVAILABLE: "unavailable",
+};
+const contentVariants = {
+    initial: {
+        willChange: "transform,opacity",
+        position: "relative",
+        opacity: 0,
+        scale: 0.95,
+    },
+    animate: {
+        position: "relative",
+        opacity: 1,
+        scale: 1,
+        transition: {
+            ease: [0.16, 1, 0.3, 1],
+            duration: 0.4,
+            delay: 0.05,
+            position: { delay: 0 },
+        },
+    },
+    exit: {
+        position: "absolute",
+        opacity: 0,
+        scale: 0.95,
+        transition: {
+            ease: [0.16, 1, 0.3, 1],
+            duration: 0.3,
+        },
+    },
+};
+export default function ConnectWithInjector({ forceState, }) {
+    const { setRoute } = usePayContext();
+    const { updateLastConnectorId } = useLastConnector();
+    const { connect } = useUniversalConnect({
+        onMutate: (data) => {
+            if (data?.connector) {
+                setStatus(states.CONNECTING);
+            }
+            else {
+                setStatus(states.UNAVAILABLE);
+            }
+        },
+        onError(error) {
+            if (error) {
+                setShowTryAgainTooltip(true);
+                setTimeout(() => setShowTryAgainTooltip(false), 3500);
+                if (error.code) {
+                    // https://github.com/MetaMask/eth-rpc-errors/blob/main/src/error-constants.ts
+                    switch (error.code) {
+                        case -32002:
+                            setStatus(states.NOTCONNECTED);
+                            break;
+                        case 4001:
+                            setStatus(states.REJECTED);
+                            break;
+                        default:
+                            setStatus(states.FAILED);
+                            break;
+                    }
+                }
+                else {
+                    // Sometimes the error doesn't respond with a code
+                    if (error.message) {
+                        switch (error.message) {
+                            case "User rejected request":
+                                setStatus(states.REJECTED);
+                                break;
+                            default:
+                                setStatus(states.FAILED);
+                                break;
+                        }
+                    }
+                }
+                setTimeout(triggerResize, 100);
+            }
+        },
+        onSuccess(_, variables) {
+            if (variables?.connector) {
+                setStatus(states.CONNECTED);
+                updateLastConnectorId(getConnectorId(variables.connector));
+                setRoute(ROUTES.SELECT_TOKEN);
+            }
+        },
+    });
+    const { triggerResize, paymentState } = usePayContext();
+    const wallet = paymentState.selectedWallet;
+    const walletInfo = {
+        name: wallet?.name,
+        shortName: wallet?.shortName ?? wallet?.name,
+        icon: wallet?.iconConnector ?? wallet?.icon,
+        iconShape: wallet?.iconShape ?? "circle",
+        iconShouldShrink: wallet?.iconShouldShrink,
+    };
+    const [showTryAgainTooltip, setShowTryAgainTooltip] = useState(false);
+    const expiryDefault = 9; // Starting at 10 causes layout shifting, better to start at 9
+    const [_expiryTimer, _setExpiryTimer] = useState(expiryDefault);
+    const browser = detectBrowser();
+    const extensionUrl = wallet?.downloadUrls?.[browser];
+    const suggestedExtension = wallet?.downloadUrls
+        ? {
+            name: Object.keys(wallet?.downloadUrls)[0],
+            label: Object.keys(wallet?.downloadUrls)[0]?.charAt(0).toUpperCase() +
+                Object.keys(wallet?.downloadUrls)[0]?.slice(1), // Capitalise first letter, but this might be better suited as a lookup table
+            url: wallet?.downloadUrls[Object.keys(wallet?.downloadUrls)[0]],
+        }
+        : undefined;
+    const [status, setStatus] = useState(forceState
+        ? forceState
+        : !wallet?.isInstalled
+            ? states.UNAVAILABLE
+            : states.CONNECTING);
+    const locales = useLocales({
+        CONNECTORNAME: walletInfo.name,
+        CONNECTORSHORTNAME: walletInfo.shortName ?? walletInfo.name,
+        SUGGESTEDEXTENSIONBROWSER: suggestedExtension?.label ?? "your browser",
+    });
+    const runConnect = async () => {
+        if (wallet?.isInstalled && wallet?.connectors) {
+            await connect({ walletConnector: wallet?.connectors[0] });
+        }
+        else {
+            setStatus(states.UNAVAILABLE);
+        }
+    };
+    let connectTimeout;
+    useEffect(() => {
+        if (status === states.UNAVAILABLE) {
+            return;
+        }
+        // UX: Give user time to see the UI before opening the extension
+        connectTimeout = setTimeout(runConnect, 600);
+        return () => {
+            clearTimeout(connectTimeout);
+        };
+    }, []);
+    /** Timeout functionality if necessary
+    let expiryTimeout: any;
+    useEffect(() => {
+      if (status === states.EXPIRING) {
+        expiryTimeout = setTimeout(
+          () => {
+            if (expiryTimer <= 0) {
+              setStatus(states.FAILED);
+              setExpiryTimer(expiryDefault);
+            } else {
+              setExpiryTimer(expiryTimer - 1);
+            }
+          },
+          expiryTimer === 9 ? 1500 : 1000 // Google: Chronostasis
+        );
+      }
+      return () => {
+        clearTimeout(expiryTimeout);
+      };
+    }, [status, expiryTimer]);
+    */
+    if (!wallet) {
+        return (_jsx(PageContent, { children: _jsxs(Container, { children: [_jsx(ModalHeading, { children: "Invalid State" }), _jsx(ModalContent, { children: _jsx(Alert, { children: "No connectors match the id given. This state should never happen." }) })] }) }));
+    }
+    const connectorId = getConnectorId(wallet.connectors[0].connector);
+    const isWalletConnect = isWalletConnectConnector(connectorId);
+    const isInjected = isInjectedConnector(connectorId);
+    // TODO: Make this more generic
+    if (isWalletConnect) {
+        return (_jsx(PageContent, { children: _jsxs(Container, { children: [_jsx(ModalHeading, { children: "Invalid State" }), _jsx(ModalContent, { children: _jsx(Alert, { children: "WalletConnect does not have an injection flow. This state should never happen." }) })] }) }));
+    }
+    return (_jsx(PageContent, { children: _jsxs(Container, { children: [_jsx(ConnectingContainer, { children: _jsxs(ConnectingAnimation, { "$shake": status === states.FAILED || status === states.REJECTED, "$circle": walletInfo.iconShape === "circle", children: [_jsx(AnimatePresence, { children: (status === states.FAILED || status === states.REJECTED) && (_jsx(RetryButton, { "aria-label": "Retry", initial: { opacity: 0, scale: 0.8 }, animate: { opacity: 1, scale: 1 }, exit: { opacity: 0, scale: 0.8 }, whileTap: { scale: 0.9 }, transition: { duration: 0.1 }, onClick: runConnect, children: _jsx(RetryIconContainer, { children: _jsx(Tooltip, { open: showTryAgainTooltip &&
+                                                (status === states.FAILED || status === states.REJECTED), message: locales.tryAgainQuestion, xOffset: -6, children: _jsx(RetryIconCircle, {}) }) }) })) }), walletInfo.iconShape === "circle" ? (_jsx(CircleSpinner, { logo: status === states.UNAVAILABLE ? (_jsx("div", { style: {
+                                        transform: "scale(1.14)",
+                                        position: "relative",
+                                        width: "100%",
+                                    }, children: walletInfo.icon })) : (_jsx(_Fragment, { children: walletInfo.icon })), smallLogo: walletInfo.iconShouldShrink, loading: status === states.CONNECTING, unavailable: status === states.UNAVAILABLE })) : (_jsx(SquircleSpinner, { logo: status === states.UNAVAILABLE ? (_jsx("div", { style: {
+                                        transform: "scale(1.14)",
+                                        position: "relative",
+                                        width: "100%",
+                                    }, children: walletInfo.icon })) : (_jsx(_Fragment, { children: walletInfo.icon })), loading: status === states.CONNECTING }))] }) }), _jsx(ModalContentContainer, { children: _jsxs(AnimatePresence, { initial: false, children: [status === states.FAILED && (_jsx(Content, { initial: "initial", animate: "animate", exit: "exit", variants: contentVariants, children: _jsxs(ModalContent, { children: [_jsxs(ModalH1, { "$error": true, children: [_jsx(AlertIcon, {}), locales.injectionScreen_failed_h1] }), _jsx(ModalBody, { children: locales.injectionScreen_failed_p })] }) }, states.FAILED)), status === states.REJECTED && (_jsx(Content, { initial: "initial", animate: "animate", exit: "exit", variants: contentVariants, children: _jsxs(ModalContent, { style: { paddingBottom: 28 }, children: [_jsx(ModalH1, { children: locales.injectionScreen_rejected_h1 }), _jsx(ModalBody, { children: locales.injectionScreen_rejected_p })] }) }, states.REJECTED)), (status === states.CONNECTING || status === states.EXPIRING) && (_jsx(Content, { initial: "initial", animate: "animate", exit: "exit", variants: contentVariants, children: _jsxs(ModalContent, { style: { paddingBottom: 28 }, children: [_jsx(ModalH1, { children: isInjected
+                                                ? locales.injectionScreen_connecting_injected_h1
+                                                : locales.injectionScreen_connecting_h1 }), _jsx(ModalBody, { children: isInjected
+                                                ? locales.injectionScreen_connecting_injected_p
+                                                : locales.injectionScreen_connecting_p })] }) }, states.CONNECTING)), status === states.CONNECTED && (_jsx(Content, { initial: "initial", animate: "animate", exit: "exit", variants: contentVariants, children: _jsxs(ModalContent, { children: [_jsxs(ModalH1, { "$valid": true, children: [_jsx(TickIcon, {}), " ", locales.injectionScreen_connected_h1] }), _jsx(ModalBody, { children: locales.injectionScreen_connected_p })] }) }, states.CONNECTED)), status === states.NOTCONNECTED && (_jsx(Content, { initial: "initial", animate: "animate", exit: "exit", variants: contentVariants, children: _jsxs(ModalContent, { children: [_jsx(ModalH1, { children: locales.injectionScreen_notconnected_h1 }), _jsx(ModalBody, { children: locales.injectionScreen_notconnected_p })] }) }, states.NOTCONNECTED)), status === states.UNAVAILABLE && (_jsx(Content, { initial: "initial", animate: "animate", exit: "exit", variants: contentVariants, children: !extensionUrl ? (_jsxs(_Fragment, { children: [_jsxs(ModalContent, { style: { paddingBottom: 12 }, children: [_jsx(ModalH1, { children: locales.injectionScreen_unavailable_h1 }), _jsx(ModalBody, { children: locales.injectionScreen_unavailable_p })] }), !wallet.isInstalled && suggestedExtension && (_jsxs(Button, { href: suggestedExtension?.url, icon: _jsx(BrowserIcon, { browser: suggestedExtension?.name }), children: ["Install on ", suggestedExtension?.label] }))] })) : (_jsxs(_Fragment, { children: [_jsxs(ModalContent, { style: { paddingBottom: 18 }, children: [_jsx(ModalH1, { children: locales.injectionScreen_install_h1 }), _jsx(ModalBody, { children: locales.injectionScreen_install_p })] }), !wallet.isInstalled && extensionUrl && (_jsx(Button, { href: extensionUrl, icon: _jsx(BrowserIcon, {}), children: locales.installTheExtension }))] })) }, states.UNAVAILABLE))] }) })] }) }));
+}
+//# sourceMappingURL=index.js.map

package/dist/components/pay-modal/ConnectWithInjector/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/pay-modal/ConnectWithInjector/index.tsx"],"names":[],"mappings":"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"}

package/dist/components/pay-modal/ConnectWithInjector/styles.js

@@ -0,0 +1,130 @@
+import { motion } from "framer-motion";
+import { css, keyframes } from "styled-components";
+import styled from "./../../../styles/styled";
+import { ModalContent } from "../../ui/Modal/styles";
+export const Content = styled(motion.div) `
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+  position: relative;
+  left: 0;
+  right: 0;
+  ${ModalContent} {
+    padding: 0 8px 32px;
+    gap: 12px;
+  }
+`;
+const dist = 2;
+const shakeKeyframes = keyframes `
+  0%{ transform:none; }
+  25%{ transform:translateX(${dist}px); }
+  50%{ transform:translateX(-${dist}px); }
+  75%{ transform:translateX(${dist}px); }
+  100%{ transform:none; }
+`;
+const outlineKeyframes = keyframes `
+  0%{ opacity:1; }
+  100%{ opacity:0; }
+`;
+export const Container = styled(motion.div) `
+  /*
+  background: var(
+    --ck-body-background
+  ); // To stop the overlay issue during transition for the squircle spinner
+  */
+`;
+export const ConnectingContainer = styled(motion.div) `
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin: 10px auto 16px;
+  height: 120px;
+  //transform: scale(1.001); // fixes shifting issue between states
+`;
+export const ConnectingAnimation = styled(motion.div) `
+  user-select: none;
+  position: relative;
+  --spinner-error-opacity: 0;
+  &:before {
+    content: "";
+    position: absolute;
+    inset: 1px;
+    opacity: 0;
+    background: var(--ck-body-color-danger);
+    ${(props) => props.$circle &&
+    css `
+        inset: -5px;
+        border-radius: 50%;
+        background: none;
+        box-shadow: inset 0 0 0 3.5px var(--ck-body-color-danger);
+      `}
+  }
+  ${(props) => props.$shake &&
+    css `
+      animation: ${shakeKeyframes} 220ms ease-out both;
+      &:before {
+        animation: ${outlineKeyframes} 220ms ease-out 750ms both;
+      }
+    `}
+`;
+export const RetryButton = styled(motion.button) `
+  z-index: 5;
+  appearance: none;
+  position: absolute;
+  right: 2px;
+  bottom: 2px;
+  padding: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 32px;
+  height: 32px;
+  border-radius: 16px;
+  cursor: pointer;
+  overflow: hidden;
+  background: none;
+
+  color: var(--ck-body-background);
+  transition: color 200ms ease;
+  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.15);
+
+  &:before {
+    z-index: 3;
+    content: "";
+    position: absolute;
+    inset: 0;
+    opacity: 0;
+    transition: opacity 200ms ease;
+    background: var(--ck-body-color);
+  }
+
+  &:hover:before {
+    opacity: 0.1;
+  }
+`;
+export const RetryIconContainer = styled(motion.div) `
+  position: absolute;
+  inset: 0;
+
+  &:before {
+    z-index: 1;
+    content: "";
+    position: absolute;
+    inset: 3px;
+    border-radius: 16px;
+    background: conic-gradient(
+      from 90deg,
+      currentColor 10%,
+      var(--ck-body-color) 80%
+    );
+  }
+
+  svg {
+    z-index: 2;
+    display: block;
+    position: relative;
+    width: 100%;
+    height: 100%;
+  }
+`;
+//# sourceMappingURL=styles.js.map

package/dist/components/pay-modal/ConnectWithInjector/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/components/pay-modal/ConnectWithInjector/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAA;AACtC,OAAO,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAA;AAClD,OAAO,MAAM,MAAM,0BAA0B,CAAA;AAE7C,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAA;AAEpD,MAAM,CAAC,MAAM,OAAO,GAAG,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,CAAA;;;;;;;IAOrC,YAAY;;;;CAIf,CAAA;AAED,MAAM,IAAI,GAAG,CAAC,CAAA;AACd,MAAM,cAAc,GAAG,SAAS,CAAA;;8BAEF,IAAI;+BACH,IAAI;8BACL,IAAI;;CAEjC,CAAA;AACD,MAAM,gBAAgB,GAAG,SAAS,CAAA;;;CAGjC,CAAA;AACD,MAAM,CAAC,MAAM,SAAS,GAAG,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,CAAA;;;;;;CAM1C,CAAA;AACD,MAAM,CAAC,MAAM,mBAAmB,GAAG,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,CAAA;;;;;;;CAOpD,CAAA;AACD,MAAM,CAAC,MAAM,mBAAmB,GAAG,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,CAGnD;;;;;;;;;;MAUI,CAAC,KAAK,EAAE,EAAE,CACV,KAAK,CAAC,OAAO;IACb,GAAG,CAAA;;;;;OAKF;;IAEH,CAAC,KAAK,EAAE,EAAE,CACV,KAAK,CAAC,MAAM;IACZ,GAAG,CAAA;mBACY,cAAc;;qBAEZ,gBAAgB;;KAEhC;CACJ,CAAA;AAED,MAAM,CAAC,MAAM,WAAW,GAAG,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkC/C,CAAA;AACD,MAAM,CAAC,MAAM,kBAAkB,GAAG,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,CAAA;;;;;;;;;;;;;;;;;;;;;;;;CAwBnD,CAAA"}

package/dist/components/pay-modal/ConnectWithQRCode.d.ts

@@ -0,0 +1,2 @@
+declare const ConnectWithQRCode: () => import("react/jsx-runtime").JSX.Element;
+export default ConnectWithQRCode;

package/dist/components/pay-modal/ConnectWithQRCode.js

@@ -0,0 +1,56 @@
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useWalletConnectModal } from "../../hooks/useWalletConnectModal";
+import ScanIconWithLogos from "../../assets/ScanIconWithLogos";
+import { ExternalLinkIcon } from "../../assets/icons";
+import useLocales from "../../hooks/useLocales";
+import { ROUTES } from "../../types/routes";
+import { isWalletConnectConnector } from "../../utils";
+import usePayContext from "../contexts/pay";
+import { useWeb3 } from "../contexts/web3";
+import Button from "../ui/Button";
+import CopyToClipboard from "../ui/CopyToClipboard";
+import CustomQRCode from "../ui/CustomQRCode";
+import { OrDivider } from "../ui/Modal";
+import { ModalContent, PageContent } from "../ui/Modal/styles";
+const ConnectWithQRCode = () => {
+    const context = usePayContext();
+    const wallet = context.paymentState.selectedWallet;
+    const { open: openW3M, isOpen: isOpenW3M } = useWalletConnectModal();
+    const { connect: { getUri }, } = useWeb3();
+    const wcUri = getUri(wallet?.id);
+    const uri = wcUri
+        ? (wallet?.getWalletConnectDeeplink?.(wcUri) ?? wcUri)
+        : undefined;
+    const locales = useLocales({
+        CONNECTORNAME: wallet?.name,
+    });
+    if (!wallet)
+        return _jsx(_Fragment, { children: "Wallet not found" });
+    const downloads = wallet?.downloadUrls;
+    const hasApps = downloads && Object.keys(downloads).length !== 0;
+    const showAdditionalOptions = isWalletConnectConnector(wallet.id);
+    return (_jsxs(PageContent, { children: [_jsxs(ModalContent, { style: { paddingBottom: 8, gap: 14 }, children: [_jsx(CustomQRCode, { value: uri, image: wallet?.icon, tooltipMessage: isWalletConnectConnector(wallet.id) ? (_jsxs(_Fragment, { children: [_jsx(ScanIconWithLogos, {}), _jsx("span", { children: locales.scanScreen_tooltip_walletConnect })] })) : (_jsxs(_Fragment, { children: [_jsx(ScanIconWithLogos, { logo: wallet?.icon }), _jsx("span", { children: locales.scanScreen_tooltip_default })] })) }), showAdditionalOptions ? (_jsx(OrDivider, {})) : (hasApps && _jsx(OrDivider, { children: locales.dontHaveTheApp }))] }), showAdditionalOptions && ( // for walletConnect
+            _jsxs("div", { style: {
+                    display: "flex",
+                    alignItems: "center",
+                    justifyContent: "center",
+                    gap: 14,
+                }, children: [context.options?.walletConnectCTA !== "modal" && (_jsx(CopyToClipboard, { variant: "button", string: uri, children: context.options?.walletConnectCTA === "link"
+                            ? locales.copyToClipboard
+                            : locales.copyCode })), context.options?.walletConnectCTA !== "link" && (_jsx(Button, { icon: _jsx(ExternalLinkIcon, {}), onClick: openW3M, disabled: isOpenW3M, waiting: isOpenW3M, children: context.options?.walletConnectCTA === "modal"
+                            ? locales.useWalletConnectModal
+                            : locales.useModal }))] })), hasApps && (_jsx(_Fragment, { children: _jsx(Button, { onClick: () => {
+                        context.setRoute(ROUTES.DOWNLOAD);
+                    }, 
+                    /*
+                    icon={
+                      <div style={{ background: connectorInfo?.icon }}>
+                        {connectorInfo?.logos.default}
+                      </div>
+                    }
+                    roundedIcon
+                    */
+                    download: true, children: locales.getWalletName }) }))] }));
+};
+export default ConnectWithQRCode;
+//# sourceMappingURL=ConnectWithQRCode.js.map

package/dist/components/pay-modal/ConnectWithQRCode.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConnectWithQRCode.js","sourceRoot":"","sources":["../../../src/components/pay-modal/ConnectWithQRCode.tsx"],"names":[],"mappings":"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"}

package/dist/components/pay-modal/index.js

@@ -0,0 +1,80 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useCallback } from "react";
+import { ROUTES } from "../../types/routes";
+import usePayContext from "../contexts/pay";
+import Modal from "../ui/Modal";
+import About from "../Pages/About";
+import Connectors from "../Pages/Connectors";
+import DownloadApp from "../Pages/DownloadApp";
+import MobileConnectors from "../Pages/MobileConnectors";
+import Onboarding from "../Pages/Onboarding";
+import SwitchNetworks from "../Pages/SwitchNetworks";
+import ConnectUsing from "./ConnectUsing";
+import { ThemeProvider } from "../../providers/theme/provider";
+import Confirmation from "../Pages/Confirmation";
+import PayWithToken from "../Pages/PayWithToken";
+import SelectMethod from "../Pages/SelectMethod";
+import SelectToken from "../Pages/SelectToken";
+import { useAccount } from "@coin-voyage/crypto/hooks";
+const pages = {
+    [ROUTES.SELECT_METHOD]: _jsx(SelectMethod, {}),
+    [ROUTES.SELECT_TOKEN]: _jsx(SelectToken, {}),
+    [ROUTES.CONFIRMATION]: _jsx(Confirmation, {}),
+    [ROUTES.PAY_WITH_TOKEN]: _jsx(PayWithToken, {}),
+    [ROUTES.ONBOARDING]: _jsx(Onboarding, {}),
+    [ROUTES.ABOUT]: _jsx(About, {}),
+    [ROUTES.DOWNLOAD]: _jsx(DownloadApp, {}),
+    [ROUTES.CONNECTORS]: _jsx(Connectors, {}),
+    [ROUTES.MOBILECONNECTORS]: _jsx(MobileConnectors, {}),
+    [ROUTES.CONNECT]: _jsx(ConnectUsing, {}),
+    [ROUTES.SWITCHNETWORKS]: _jsx(SwitchNetworks, {}),
+};
+export function PayModal() {
+    const { route, setOpen, setRoute, paymentState, options, mode, theme, customTheme, } = usePayContext();
+    const { setConnectorChainType, setSelectedWallet, setSelectedTokenOption } = paymentState;
+    const { account } = useAccount({
+        selectedWallet: paymentState.selectedWallet,
+        chainType: paymentState.connectorChainType,
+    });
+    // todo rework this so it's not just evm and reads from config
+    const chainIsSupported = true; //useChainIsSupported(account.chainId);
+    //if chain is unsupported we enforce a "switch chain" prompt
+    const closeable = !(options?.enforceSupportedChains &&
+        account.isConnected &&
+        !chainIsSupported);
+    const showBackButton = closeable && ![ROUTES.SELECT_METHOD].includes(route);
+    const showInfoButton = closeable;
+    const onBack = useCallback(() => {
+        if (route === ROUTES.DOWNLOAD) {
+            setRoute(ROUTES.CONNECT);
+        }
+        else if (route === ROUTES.CONNECTORS) {
+            setConnectorChainType(undefined);
+            setRoute(ROUTES.SELECT_METHOD);
+        }
+        else if (route === ROUTES.SELECT_TOKEN) {
+            setRoute(ROUTES.SELECT_METHOD);
+        }
+        else if (route === ROUTES.PAY_WITH_TOKEN) {
+            setSelectedTokenOption(undefined);
+            setRoute(ROUTES.SELECT_TOKEN);
+        }
+        else if (route === ROUTES.ONBOARDING) {
+            setRoute(ROUTES.CONNECTORS);
+        }
+        else {
+            reset();
+            setRoute(ROUTES.SELECT_METHOD);
+        }
+    }, []);
+    function reset() {
+        setSelectedWallet(undefined);
+        setSelectedTokenOption(undefined);
+    }
+    function hide() {
+        reset();
+        setOpen(false);
+    }
+    return (_jsx(ThemeProvider, { theme: theme, customTheme: customTheme, mode: mode, children: _jsx(Modal, { pages: pages, pageId: route, onClose: closeable ? hide : undefined, onInfo: showInfoButton ? () => setRoute(ROUTES.ABOUT) : undefined, onBack: showBackButton ? onBack : undefined }) }));
+}
+//# sourceMappingURL=index.js.map

package/dist/components/pay-modal/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/pay-modal/index.tsx"],"names":[],"mappings":"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"}

package/dist/components/spinners/CircleSpinner/index.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ExpiringSpinner, Logo, LogoContainer, Spinner, SpinnerContainer, } from "./styles";
+import { AnimatePresence } from "framer-motion";
+const CircleSpinner = ({ logo, smallLogo, loading = true, unavailable = false, countdown = false, }) => {
+    return (_jsxs(LogoContainer, { transition: { duration: 0.5, ease: [0.175, 0.885, 0.32, 0.98] }, children: [_jsx(Logo, { "$small": !unavailable && smallLogo, style: unavailable ? { borderRadius: 0 } : undefined, children: logo }), _jsx(SpinnerContainer, { children: _jsxs(AnimatePresence, { children: [loading && (_jsx(Spinner, { initial: { opacity: 0 }, animate: { opacity: 1 }, exit: {
+                                opacity: 0,
+                                transition: {
+                                    duration: countdown ? 1 : 0,
+                                },
+                            }, children: _jsxs("svg", { "aria-hidden": "true", width: "102", height: "102", viewBox: "0 0 102 102", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [_jsx("path", { d: "M52 100C24.3858 100 2 77.6142 2 50", stroke: "url(#paint0_linear_1943_4139)", strokeWidth: "3.5", strokeLinecap: "round", strokeLinejoin: "round" }), _jsx("defs", { children: _jsxs("linearGradient", { id: "paint0_linear_1943_4139", x1: "2", y1: "48.5", x2: "53", y2: "100", gradientUnits: "userSpaceOnUse", children: [_jsx("stop", { stopColor: "var(--ck-spinner-color)" }), _jsx("stop", { offset: "1", stopColor: "var(--ck-spinner-color)", stopOpacity: "0" })] }) })] }) })), countdown && (_jsxs(ExpiringSpinner, { initial: { opacity: 0 }, animate: { opacity: 1 }, exit: { opacity: 0 }, transition: { duration: 0.25 }, children: [_jsx("div", {}), _jsx("div", {})] }))] }) })] }));
+};
+export default CircleSpinner;
+//# sourceMappingURL=index.js.map

package/dist/components/spinners/CircleSpinner/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/spinners/CircleSpinner/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,eAAe,EACf,IAAI,EACJ,aAAa,EACb,OAAO,EACP,gBAAgB,GACjB,MAAM,UAAU,CAAA;AAEjB,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AAG/C,MAAM,aAAa,GAAG,CAAC,EACrB,IAAI,EACJ,SAAS,EACT,OAAO,GAAG,IAAI,EACd,WAAW,GAAG,KAAK,EACnB,SAAS,GAAG,KAAK,GAOlB,EAAE,EAAE;IACH,OAAO,CACL,MAAC,aAAa,IACZ,UAAU,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE,IAAI,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,CAAC,EAAE,aAE/D,KAAC,IAAI,cACK,CAAC,WAAW,IAAI,SAAS,EACjC,KAAK,EAAE,WAAW,CAAC,CAAC,CAAC,EAAE,YAAY,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,YAEnD,IAAI,GACA,EACP,KAAC,gBAAgB,cACf,MAAC,eAAe,eACb,OAAO,IAAI,CACV,KAAC,OAAO,IACN,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,EACvB,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,EACvB,IAAI,EAAE;gCACJ,OAAO,EAAE,CAAC;gCACV,UAAU,EAAE;oCACV,QAAQ,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;iCAC5B;6BACF,YAED,8BACc,MAAM,EAClB,KAAK,EAAC,KAAK,EACX,MAAM,EAAC,KAAK,EACZ,OAAO,EAAC,aAAa,EACrB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,aAElC,eACE,CAAC,EAAC,oCAAoC,EACtC,MAAM,EAAC,+BAA+B,EACtC,WAAW,EAAC,KAAK,EACjB,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,GACtB,EACF,yBACE,0BACE,EAAE,EAAC,yBAAyB,EAC5B,EAAE,EAAC,GAAG,EACN,EAAE,EAAC,MAAM,EACT,EAAE,EAAC,IAAI,EACP,EAAE,EAAC,KAAK,EACR,aAAa,EAAC,gBAAgB,aAE9B,eAAM,SAAS,EAAC,yBAAyB,GAAG,EAC5C,eACE,MAAM,EAAC,GAAG,EACV,SAAS,EAAC,yBAAyB,EACnC,WAAW,EAAC,GAAG,GACf,IACa,GACZ,IACH,GACE,CACX,EACA,SAAS,IAAI,CACZ,MAAC,eAAe,IACd,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,EACvB,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,EACvB,IAAI,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,EACpB,UAAU,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,aAE9B,eAAO,EACP,eAAO,IACS,CACnB,IACe,GACD,IACL,CACjB,CAAA;AACH,CAAC,CAAA;AAED,eAAe,aAAa,CAAA"}