@coin-voyage/paykit 0.0.2 → 0.1.1

package/dist/components/ui/CustomQRCode/styles.js

@@ -0,0 +1,152 @@
+import { motion } from "framer-motion";
+import { css, keyframes } from "styled-components";
+import styled from "../../../styles/styled";
+export 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;
+  }
+`;
+export const QRCodeContent = styled(motion.div) `
+  position: absolute;
+  inset: 13px;
+  svg {
+    width: 100% !important;
+    height: auto !important;
+  }
+`;
+export const PlaceholderKeyframes = keyframes `
+  0%{ background-position: 100% 0; }
+  100%{ background-position: -100% 0; }
+`;
+export 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;
+  }
+`;
+export 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
+`;
+export 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);
+          }
+        `}
+`;
+//# sourceMappingURL=styles.js.map

package/dist/components/ui/CustomQRCode/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/components/ui/CustomQRCode/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,wBAAwB,CAAA;AAE3C,MAAM,CAAC,MAAM,eAAe,GAAG,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,CAAA;;;;;;;;;;;;;;;;;;;;CAoBhD,CAAA;AACD,MAAM,CAAC,MAAM,aAAa,GAAG,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,CAAA;;;;;;;CAO9C,CAAA;AACD,MAAM,CAAC,MAAM,oBAAoB,GAAG,SAAS,CAAA;;;CAG5C,CAAA;AACD,MAAM,CAAC,MAAM,aAAa,GAAG,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBAoE9B,oBAAoB;;CAEpC,CAAA;AAED,MAAM,CAAC,MAAM,aAAa,GAAG,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,CAAA;;;;;;;;CAQ9C,CAAA;AACD,MAAM,CAAC,MAAM,QAAQ,GAAG,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,CAAuB;;;;;;;;;;;;;;;IAe7D,CAAC,KAAK,EAAE,EAAE,CACV,KAAK,CAAC,OAAO;IACX,CAAC,CAAC,GAAG,CAAA;;;SAGF;IACH,CAAC,CAAC,GAAG,CAAA;;;;;;;;;;;;;SAaF;CACR,CAAA"}

package/dist/components/ui/CustomQRCode/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/components/ui/CustomQRCode/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/components/ui/CustomQRCode/types.ts"],"names":[],"mappings":""}

package/dist/components/ui/DynamicContainer/index.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { motion } from "framer-motion";
+const DynamicContainer = ({ id, children, }) => {
+    return (_jsx("div", { style: { position: "relative" }, children: _jsx(motion.div, { initial: { opacity: 0 }, animate: { opacity: 1 }, exit: { opacity: 0, position: "absolute", top: 0, left: 0 }, transition: { duration: 0.3 }, children: children }, id) }));
+};
+export default DynamicContainer;
+//# sourceMappingURL=index.js.map

package/dist/components/ui/DynamicContainer/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/ui/DynamicContainer/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAA;AAKtC,MAAM,gBAAgB,GAAoC,CAAC,EACzD,EAAE,EACF,QAAQ,GACT,EAAE,EAAE;IACH,OAAO,CACL,cAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,YAClC,KAAC,MAAM,CAAC,GAAG,IAET,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,EACvB,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,EACvB,IAAI,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,QAAQ,EAAE,UAAU,EAAE,GAAG,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,EAC3D,UAAU,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE,YAE5B,QAAQ,IANJ,EAAE,CAOI,GACT,CACP,CAAA;AACH,CAAC,CAAA;AACD,eAAe,gBAAgB,CAAA"}

package/dist/components/ui/FitText/index.js

@@ -0,0 +1,25 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from "react";
+import useFitText from "../../../hooks/useFitText";
+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 default FitText;
+//# sourceMappingURL=index.js.map

package/dist/components/ui/FitText/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/ui/FitText/index.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,UAAU,MAAM,2BAA2B,CAAA;AAElD,MAAM,OAAO,GAAG,CAAC,EAAE,QAAQ,EAAiC,EAAE,EAAE;IAC9D,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAA;IAC/C,MAAM,EAAE,QAAQ,EAAE,GAAG,EAAE,OAAO,EAAE,GAAG,UAAU,CAAC;QAC5C,QAAQ,EAAE,MAAM;QAChB,WAAW,EAAE,GAAG;QAChB,WAAW,EAAE,EAAE;QACf,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC;QAC7B,QAAQ,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC;KAC/B,CAAC,CAAA;IACF,OAAO,CACL,cACE,GAAG,EAAE,OAAO,EACZ,KAAK,EAAE;YACL,UAAU,EAAE,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ;YACxC,QAAQ,EAAE,GAAG,QAAQ,GAAG;YACxB,SAAS,EAAE,MAAM;YACjB,QAAQ,EAAE,MAAM;YAChB,OAAO,EAAE,MAAM;YACf,cAAc,EAAE,QAAQ;YACxB,UAAU,EAAE,QAAQ;SACrB,YAEA,QAAQ,GACL,CACP,CAAA;AACH,CAAC,CAAA;AACD,OAAO,CAAC,WAAW,GAAG,SAAS,CAAA;AAE/B,eAAe,OAAO,CAAA"}

package/dist/components/ui/Icon/index.js

@@ -0,0 +1,3 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+export const SquircleIcon = ({ icon, alt }) => (_jsx("img", { src: icon, alt: alt, style: { borderRadius: "22.5%", overflow: "hidden" } }));
+//# sourceMappingURL=index.js.map

package/dist/components/ui/Icon/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/ui/Icon/index.tsx"],"names":[],"mappings":";AAAA,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,EAAE,IAAI,EAAE,GAAG,EAAiC,EAAE,EAAE,CAAC,CAC5E,cACE,GAAG,EAAE,IAAI,EACT,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,EAAE,YAAY,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,GACpD,CACH,CAAA"}

package/dist/components/ui/LazyImage/index.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useRef, useState } from "react";
+export default function LazyImage({ src, alt, width, height }) {
+    const imageRef = useRef(null);
+    const [loaded, setLoaded] = useState(true);
+    useEffect(() => {
+        if (!(imageRef.current?.complete && imageRef.current.naturalHeight !== 0)) {
+            setLoaded(false);
+        }
+    }, [src]);
+    return (_jsx("div", { style: {
+            width,
+            height,
+            background: "rgba(0,0,0,0.02)",
+            boxShadow: "inset 0 0 0 1px rgba(0,0,0,0.02)",
+        }, children: _jsx("img", { ref: imageRef, src: src, alt: alt, width: width, height: height, onLoad: () => setLoaded(true), style: { transition: "opacity 0.2s ease", opacity: loaded ? 1 : 0 } }) }));
+}
+//# sourceMappingURL=index.js.map

package/dist/components/ui/LazyImage/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/ui/LazyImage/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AASnD,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EAAE,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,EAAkB;IAC3E,MAAM,QAAQ,GAAG,MAAM,CAAM,IAAI,CAAC,CAAA;IAClC,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAA;IAE1C,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,CAAC,QAAQ,CAAC,OAAO,EAAE,QAAQ,IAAI,QAAQ,CAAC,OAAO,CAAC,aAAa,KAAK,CAAC,CAAC,EAAE,CAAC;YAC1E,SAAS,CAAC,KAAK,CAAC,CAAA;QAClB,CAAC;IACH,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAA;IAET,OAAO,CACL,cACE,KAAK,EAAE;YACL,KAAK;YACL,MAAM;YACN,UAAU,EAAE,kBAAkB;YAC9B,SAAS,EAAE,kCAAkC;SAC9C,YAED,cACE,GAAG,EAAE,QAAQ,EACb,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC,EAC7B,KAAK,EAAE,EAAE,UAAU,EAAE,mBAAmB,EAAE,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,GACnE,GACE,CACP,CAAA;AACH,CAAC"}

package/dist/components/ui/Logo/index.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Image, LogoContainer, Squircle } from "./styles";
+export default function Logo({ src, background, width, height }) {
+    return (_jsxs(LogoContainer, { "$width": width, "$height": height, children: [_jsx(Image, { children: src }), _jsx(Squircle, { width: "60", height: "60", viewBox: "0 0 60 60", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: _jsx("path", { d: "M0 25.6C0 16.6392 0 12.1587 1.7439 8.73615C3.27787 5.72556 5.72556 3.27787 8.73615 1.7439C12.1587 0 16.6392 0 25.6 0H34.4C43.3608 0 47.8413 0 51.2638 1.7439C54.2744 3.27787 56.7221 5.72556 58.2561 8.73615C60 12.1587 60 16.6392 60 25.6V34.4C60 43.3608 60 47.8413 58.2561 51.2638C56.7221 54.2744 54.2744 56.7221 51.2638 58.2561C47.8413 60 43.3608 60 34.4 60H25.6C16.6392 60 12.1587 60 8.73615 58.2561C5.72556 56.7221 3.27787 54.2744 1.7439 51.2638C0 47.8413 0 43.3608 0 34.4V25.6Z", fill: background }) })] }));
+}
+//# sourceMappingURL=index.js.map

package/dist/components/ui/Logo/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/ui/Logo/index.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAA;AASzD,MAAM,CAAC,OAAO,UAAU,IAAI,CAAC,EAAE,GAAG,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,EAAa;IACxE,OAAO,CACL,MAAC,aAAa,cAAS,KAAK,aAAW,MAAM,aAC3C,KAAC,KAAK,cAAE,GAAG,GAAS,EACpB,KAAC,QAAQ,IACP,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,YAElC,eACE,CAAC,EAAC,geAAge,EACle,IAAI,EAAE,UAAU,GAChB,GACO,IACG,CACjB,CAAA;AACH,CAAC"}

package/dist/components/ui/Logo/styles.js

@@ -0,0 +1,26 @@
+import styled from "../../../styles/styled";
+export const LogoContainer = styled.div `
+  position: relative;
+  width: ${({ $width }) => `${$width}px` || "100%"};
+  height: ${({ $height }) => `${$height}px` || "100%"};
+`;
+export const Squircle = styled.svg `
+  z-index: 1;
+  position: relative;
+  display: block;
+`;
+export const Image = styled.div `
+  z-index: 2;
+  position: absolute;
+  inset: 0;
+  display: block;
+  overflow: hidden;
+  svg,
+  img {
+    display: block;
+    position: relative;
+    width: 100%;
+    height: 100%;
+  }
+`;
+//# sourceMappingURL=styles.js.map

package/dist/components/ui/Logo/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/components/ui/Logo/styles.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,wBAAwB,CAAA;AAE3C,MAAM,CAAC,MAAM,aAAa,GAAG,MAAM,CAAC,GAAG,CAAuC;;WAEnE,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,GAAG,MAAM,IAAI,IAAI,MAAM;YACtC,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,GAAG,OAAO,IAAI,IAAI,MAAM;CACpD,CAAA;AACD,MAAM,CAAC,MAAM,QAAQ,GAAG,MAAM,CAAC,GAAG,CAAA;;;;CAIjC,CAAA;AACD,MAAM,CAAC,MAAM,KAAK,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;;;;CAa9B,CAAA"}

package/dist/components/ui/Modal/index.js

@@ -0,0 +1,291 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useCallback, useEffect, useRef, useState } from "react";
+import { AnimatePresence, motion } from "framer-motion";
+import { ResetContainer } from "../../../styles";
+import Portal from "../Portal";
+import { flattenChildren, isWalletConnectConnector, } from "../../../utils";
+import { BackButton, BackgroundOverlay, BoxContainer, CloseButton, Container, ControllerContainer, Disclaimer, DisclaimerBackground, ErrorMessage, InfoButton, InnerContainer, ModalContainer, ModalHeading, PageContainer, PageContents, TextWithHr, } from "./styles";
+import useLockBodyScroll from "../../../hooks/useLockBodyScroll";
+import { ROUTES } from "../../../types/routes";
+import { getChainName, getChainTypeName, PayOrderMode } from "@coin-voyage/shared/common";
+import { isMobile } from "@coin-voyage/shared/utils";
+import { useTransition } from "react-transition-state";
+import { useAccount, useSwitchChain } from "wagmi";
+import FocusTrap from "../../../hooks/useFocusTrap";
+import useLocales from "../../../hooks/useLocales";
+import usePrevious from "../../../hooks/usePrevious";
+import { useThemeContext } from "../../../providers/theme/provider";
+import usePayContext from "../../contexts/pay";
+import FitText from "../FitText";
+const InfoIcon = ({ ...props }) => (_jsx("svg", { "aria-hidden": "true", width: "22", height: "22", viewBox: "0 0 22 22", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M20 11C20 15.9706 15.9706 20 11 20C6.02944 20 2 15.9706 2 11C2 6.02944 6.02944 2 11 2C15.9706 2 20 6.02944 20 11ZM22 11C22 17.0751 17.0751 22 11 22C4.92487 22 0 17.0751 0 11C0 4.92487 4.92487 0 11 0C17.0751 0 22 4.92487 22 11ZM11.6445 12.7051C11.6445 13.1348 11.3223 13.4678 10.7744 13.4678C10.2266 13.4678 9.92578 13.1885 9.92578 12.6191V12.4795C9.92578 11.4268 10.4951 10.8574 11.2686 10.3203C12.2031 9.67578 12.665 9.32129 12.665 8.59082C12.665 7.76367 12.0205 7.21582 11.043 7.21582C10.3232 7.21582 9.80762 7.57031 9.45312 8.16113C9.38282 8.24242 9.32286 8.32101 9.2667 8.39461C9.04826 8.68087 8.88747 8.8916 8.40039 8.8916C8.0459 8.8916 7.66992 8.62305 7.66992 8.15039C7.66992 7.96777 7.70215 7.7959 7.75586 7.61328C8.05664 6.625 9.27051 5.75488 11.1182 5.75488C12.9336 5.75488 14.5234 6.71094 14.5234 8.50488C14.5234 9.7832 13.7822 10.417 12.7402 11.1045C11.999 11.5986 11.6445 11.9746 11.6445 12.5762V12.7051ZM11.9131 15.5625C11.9131 16.1855 11.376 16.6797 10.7529 16.6797C10.1299 16.6797 9.59277 16.1748 9.59277 15.5625C9.59277 14.9395 10.1191 14.4453 10.7529 14.4453C11.3867 14.4453 11.9131 14.9287 11.9131 15.5625Z", fill: "currentColor" }) }));
+const CloseIcon = ({ ...props }) => (_jsx(motion.svg, { width: 14, height: 14, viewBox: "0 0 14 14", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: _jsx("path", { d: "M1 13L13 1M1 1L13 13", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round" }) }));
+const BackIcon = ({ ...props }) => (_jsx(motion.svg, { width: 9, height: 16, viewBox: "0 0 9 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: _jsx("path", { d: "M8 1L1 8L8 15", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) }));
+const contentTransitionDuration = 0.22;
+export const contentVariants = {
+    initial: {
+        //willChange: 'transform,opacity',
+        zIndex: 2,
+        opacity: 0,
+    },
+    animate: {
+        opacity: 1,
+        scale: 1,
+        transition: {
+            duration: contentTransitionDuration * 0.75,
+            delay: contentTransitionDuration * 0.25,
+            ease: [0.26, 0.08, 0.25, 1],
+        },
+    },
+    exit: {
+        zIndex: 1,
+        opacity: 0,
+        pointerEvents: "none",
+        position: "absolute",
+        left: ["50%", "50%"],
+        x: ["-50%", "-50%"],
+        transition: {
+            duration: contentTransitionDuration,
+            ease: [0.26, 0.08, 0.25, 1],
+        },
+    },
+};
+const Modal = ({ pages, pageId, positionInside, inline, onClose, onBack, onInfo, }) => {
+    const context = usePayContext();
+    const themeContext = useThemeContext();
+    const mobile = isMobile();
+    const { selectedWallet, connectorChainType, selectedTokenOption, payOrder } = context.paymentState;
+    const walletName = selectedWallet?.name;
+    const locales = useLocales({
+        CONNECTORNAME: walletName,
+        CHAIN_TYPE: getChainTypeName(connectorChainType),
+    });
+    const [state, setOpen] = useTransition({
+        timeout: mobile ? 160 : 160, // different animations, 10ms extra to avoid final-frame drops
+        preEnter: true,
+        mountOnEnter: true,
+        unmountOnExit: true,
+    });
+    const mounted = !(state === "exited" || state === "unmounted");
+    const rendered = state === "preEnter" || state !== "exiting";
+    const currentDepth = context.route === ROUTES.CONNECTORS
+        ? 0
+        : context.route === ROUTES.DOWNLOAD
+            ? 2
+            : 1;
+    const prevDepth = usePrevious(currentDepth, currentDepth);
+    if (!positionInside) {
+        useLockBodyScroll(mounted);
+    }
+    //const prevPage = usePrevious(pageId, pageId);
+    useEffect(() => {
+        setOpen(context.open);
+        if (context.open) {
+            setInTransition(undefined);
+        }
+    }, [context.open]);
+    const [dimensions, setDimensions] = useState({
+        width: undefined,
+        height: undefined,
+    });
+    const [inTransition, setInTransition] = useState(undefined);
+    // Calculate new content bounds
+    const updateBounds = (node) => {
+        const bounds = {
+            width: node?.offsetWidth,
+            height: node?.offsetHeight,
+        };
+        setDimensions({
+            width: `${bounds?.width}px`,
+            height: `${bounds?.height}px`,
+        });
+    };
+    let blockTimeout;
+    const contentRef = useCallback((node) => {
+        if (!node) {
+            return;
+        }
+        ref.current = node;
+        // Avoid transition mixups
+        setInTransition(inTransition !== undefined);
+        clearTimeout(blockTimeout);
+        blockTimeout = setTimeout(() => setInTransition(false), 360);
+        // Calculate new content bounds
+        updateBounds(node);
+    }, [context.open, inTransition]);
+    // Update layout on chain/network switch to avoid clipping
+    const { chain } = useAccount();
+    const { switchChain } = useSwitchChain();
+    const ref = useRef(null);
+    useEffect(() => {
+        if (ref.current) {
+            updateBounds(ref.current);
+        }
+    }, [chain, switchChain, mobile, context.options, context.resize]);
+    useEffect(() => {
+        if (!mounted) {
+            setDimensions({
+                width: undefined,
+                height: undefined,
+            });
+            return;
+        }
+        const listener = (e) => {
+            if (e.key === "Escape" && onClose) {
+                onClose();
+            }
+        };
+        document.addEventListener("keydown", listener);
+        return () => {
+            document.removeEventListener("keydown", listener);
+        };
+    }, [mounted, onClose]);
+    const dimensionsCSS = {
+        "--height": dimensions.height,
+        "--width": dimensions.width,
+    };
+    function shouldUseQrcode() {
+        if (!selectedWallet) {
+            return false; // Fail states are shown in the injector flow
+        }
+        const useInjector = !selectedWallet.getWalletConnectDeeplink || selectedWallet.isInstalled;
+        return !useInjector;
+    }
+    function getHeading() {
+        switch (context.route) {
+            case ROUTES.ABOUT:
+                return locales.aboutScreen_heading;
+            case ROUTES.CONNECT:
+                if (shouldUseQrcode()) {
+                    return isWalletConnectConnector(selectedWallet?.id)
+                        ? locales.scanScreen_heading
+                        : locales.scanScreen_heading_withConnector;
+                }
+                return walletName;
+            case ROUTES.CONNECTORS:
+                return locales.connectorsScreen_heading;
+            case ROUTES.MOBILECONNECTORS:
+                return locales.mobileConnectorsScreen_heading;
+            case ROUTES.DOWNLOAD:
+                return locales.downloadAppScreen_heading;
+            case ROUTES.ONBOARDING:
+                return locales.onboardingScreen_heading;
+            case ROUTES.SWITCHNETWORKS:
+                return locales.switchNetworkScreen_heading;
+            case ROUTES.SELECT_METHOD:
+                return locales.selectMethodScreen_heading;
+            case ROUTES.SELECT_TOKEN:
+                return "Select Token";
+            case ROUTES.PAY_WITH_TOKEN: {
+                if (!selectedTokenOption)
+                    return undefined;
+                const chainName = getChainName(selectedTokenOption.chain_id);
+                return `Pay with ${chainName} (${selectedTokenOption.ticker})`;
+            }
+            case ROUTES.CONFIRMATION: {
+                const isDeposit = payOrder?.mode === PayOrderMode.DEPOSIT;
+                if (isDeposit) {
+                    return "Confirming Deposit";
+                }
+                return "Confirming Payment";
+            }
+        }
+    }
+    const Content = (_jsx(ResetContainer, { "$useTheme": themeContext.theme, "$useMode": themeContext.mode, "$customTheme": themeContext.customTheme, children: _jsxs(ModalContainer, { role: "dialog", style: {
+                pointerEvents: rendered ? "auto" : "none",
+                position: positionInside ? "absolute" : undefined,
+            }, children: [!inline && (_jsx(BackgroundOverlay, { "$active": rendered, onClick: onClose, "$blur": context.options?.overlayBlur })), _jsxs(Container, { style: dimensionsCSS, initial: false, children: [_jsx("div", { style: {
+                                pointerEvents: inTransition ? "all" : "none", // Block interaction while transitioning
+                                position: "absolute",
+                                top: 0,
+                                bottom: 0,
+                                left: "50%",
+                                transform: "translateX(-50%)",
+                                width: "var(--width)",
+                                zIndex: 9,
+                                transition: "width 200ms ease",
+                            } }), _jsxs(BoxContainer, { className: `${rendered && "active"}`, children: [_jsx(AnimatePresence, { initial: false, children: context.options?.disclaimer &&
+                                        context.route === ROUTES.CONNECTORS && (_jsx(DisclaimerBackground, { initial: {
+                                            opacity: 0,
+                                        }, animate: {
+                                            opacity: 1,
+                                        }, exit: { opacity: 0 }, transition: {
+                                            delay: 0,
+                                            duration: 0.2,
+                                            ease: [0.25, 0.1, 0.25, 1.0],
+                                        }, children: _jsx(Disclaimer, { children: _jsx("div", { children: context.options?.disclaimer }) }) })) }), _jsx(AnimatePresence, { initial: false, children: context.errorMessage && (_jsxs(ErrorMessage, { initial: { y: "10%", x: "-50%" }, animate: { y: "-100%" }, exit: { y: "100%" }, transition: { duration: 0.2, ease: "easeInOut" }, children: [_jsx("span", { children: context.errorMessage }), _jsx("div", { onClick: () => context.displayError(null), style: {
+                                                    position: "absolute",
+                                                    right: 24,
+                                                    top: 24,
+                                                    cursor: "pointer",
+                                                }, children: _jsx(CloseIcon, {}) })] })) }), _jsxs(ControllerContainer, { children: [onClose && (_jsx(CloseButton, { "aria-label": flattenChildren(locales.close).toString(), onClick: onClose, children: _jsx(CloseIcon, {}) })), _jsx("div", { style: {
+                                                position: "absolute",
+                                                top: 23,
+                                                left: 20,
+                                                width: 32,
+                                                height: 32,
+                                            }, children: _jsx(AnimatePresence, { children: onBack ? (_jsx(BackButton, { disabled: inTransition, "aria-label": flattenChildren(locales.back).toString(), onClick: onBack, initial: { opacity: 0 }, animate: { opacity: 1 }, exit: { opacity: 0 }, transition: {
+                                                        duration: mobile ? 0 : 0.1,
+                                                        delay: mobile ? 0.01 : 0,
+                                                    }, children: _jsx(BackIcon, {}) }, "backButton")) : (onInfo &&
+                                                    !context.options?.hideQuestionMarkCTA && (_jsx(InfoButton, { disabled: inTransition, "aria-label": flattenChildren(locales.moreInformation).toString(), onClick: onInfo, initial: { opacity: 0 }, animate: { opacity: 1 }, exit: { opacity: 0 }, transition: {
+                                                        duration: mobile ? 0 : 0.1,
+                                                        delay: mobile ? 0.01 : 0,
+                                                    }, children: _jsx(InfoIcon, {}) }, "infoButton"))) }) })] }), _jsx(ModalHeading, { children: _jsx(AnimatePresence, { children: _jsx(motion.div, { style: {
+                                                position: "absolute",
+                                                top: 0,
+                                                bottom: 0,
+                                                left: 52,
+                                                right: 52,
+                                                display: "flex",
+                                                //alignItems: 'center',
+                                                justifyContent: "center",
+                                            }, initial: { opacity: 0 }, animate: { opacity: 1 }, exit: { opacity: 0 }, transition: {
+                                                duration: mobile ? 0 : 0.17,
+                                                delay: mobile ? 0.01 : 0,
+                                            }, children: _jsx(FitText, { children: getHeading() }) }, `${context.route}`) }) }), _jsx(InnerContainer, { children: Object.keys(pages).map((key) => {
+                                        const page = pages[key];
+                                        return (
+                                        // TODO: We may need to use the follow check avoid unnecessary computations, but this causes a bug where the content flashes
+                                        // (key === pageId || key === prevPage) && (
+                                        _jsx(Page, { open: key === pageId, initial: !positionInside && state !== "entered", enterAnim: key === pageId
+                                                ? currentDepth > prevDepth
+                                                    ? "active-scale-up"
+                                                    : "active"
+                                                : "", exitAnim: key !== pageId
+                                                ? currentDepth < prevDepth
+                                                    ? "exit-scale-down"
+                                                    : "exit"
+                                                : "", children: _jsx(PageContents, { ref: contentRef, style: {
+                                                    pointerEvents: key === pageId && rendered ? "auto" : "none",
+                                                }, children: page }, `inner-${key}`) }, key));
+                                    }) })] })] })] }) }));
+    return (_jsx(_Fragment, { children: mounted &&
+            (positionInside ? (Content) : (_jsx(_Fragment, { children: _jsx(Portal, { children: _jsx(FocusTrap, { children: Content }) }) }))) }));
+};
+const Page = ({ children, open, initial, enterAnim, exitAnim }) => {
+    const [state, setOpen] = useTransition({
+        timeout: 400,
+        preEnter: true,
+        initialEntered: open,
+        mountOnEnter: true,
+        unmountOnExit: true,
+    });
+    const mounted = !(state === "exited" || state === "unmounted");
+    const rendered = state === "preEnter" || state !== "exiting";
+    useEffect(() => {
+        setOpen(open);
+    }, [open]);
+    if (!mounted) {
+        return null;
+    }
+    return (_jsx(PageContainer, { className: `${rendered ? enterAnim : exitAnim}`, style: {
+            animationDuration: initial ? "0ms" : undefined,
+            animationDelay: initial ? "0ms" : undefined,
+        }, children: children }));
+};
+export const OrDivider = ({ children }) => {
+    const locales = useLocales();
+    return (_jsx(TextWithHr, { children: _jsx("span", { children: children ?? locales.or }) }));
+};
+export default Modal;
+//# sourceMappingURL=index.js.map

package/dist/components/ui/Modal/index.js.map

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