@rozoai/intent-pay 0.0.7 → 0.0.9

package/build/src/components/RozoPayModal/ConnectWithInjector/styles.js

@@ -0,0 +1,133 @@
+import { motion } from 'framer-motion';
+import { keyframes, css } from 'styled-components';
+import styled from '../../../styles/styled/index.js';
+import { ModalContent } from '../../Common/Modal/styles.js';
+
+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; }
+`;
+const Container = styled(motion.div) `
+  /*
+  background: var(
+    --ck-body-background
+  ); // To stop the overlay issue during transition for the squircle spinner
+  */
+`;
+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
+`;
+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;
+      }
+    `}
+`;
+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;
+  }
+`;
+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%;
+  }
+`;
+
+export { ConnectingAnimation, ConnectingContainer, Container, Content, RetryButton, RetryIconContainer };
+//# sourceMappingURL=styles.js.map

package/build/src/components/RozoPayModal/ConnectWithInjector/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sources":["../../../../../src/components/RozoPayModal/ConnectWithInjector/styles.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;;AAMa,MAAA,OAAO,GAAG,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,CAAA,CAAA;;;;;;;IAOrC,YAAY,CAAA;;;;EAId;AAEF,MAAM,IAAI,GAAG,CAAC,CAAC;AACf,MAAM,cAAc,GAAG,SAAS,CAAA,CAAA;;8BAEF,IAAI,CAAA;+BACH,IAAI,CAAA;8BACL,IAAI,CAAA;;CAEjC,CAAC;AACF,MAAM,gBAAgB,GAAG,SAAS,CAAA,CAAA;;;CAGjC,CAAC;AACW,MAAA,SAAS,GAAG,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,CAAA,CAAA;;;;;;EAMzC;AACW,MAAA,mBAAmB,GAAG,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,CAAA,CAAA;;;;;;;EAOnD;AACW,MAAA,mBAAmB,GAAG,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,CAGnD,CAAA;;;;;;;;;;AAUI,IAAA,EAAA,CAAC,KAAK,KACN,KAAK,CAAC,OAAO;AACb,IAAA,GAAG,CAAA,CAAA;;;;;AAKF,MAAA,CAAA,CAAA;;AAEH,EAAA,EAAA,CAAC,KAAK,KACN,KAAK,CAAC,MAAM;AACZ,IAAA,GAAG,CAAA,CAAA;mBACY,cAAc,CAAA;;qBAEZ,gBAAgB,CAAA;;AAEhC,IAAA,CAAA,CAAA;EACH;AAEW,MAAA,WAAW,GAAG,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAkC9C;AACW,MAAA,kBAAkB,GAAG,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/build/src/components/RozoPayModal/ConnectWithQRCode.js

@@ -0,0 +1,47 @@
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { ROUTES } from '../../constants/routes.js';
+import { usePayContext } from '../../hooks/usePayContext.js';
+import { OrDivider } from '../Common/Modal/index.js';
+import { PageContent, ModalContent } from '../Common/Modal/styles.js';
+import ScanIconWithLogos from '../../assets/ScanIconWithLogos.js';
+import { useRozoPay } from '../../hooks/useRozoPay.js';
+import useLocales from '../../hooks/useLocales.js';
+import Button from '../Common/Button/index.js';
+import '../Common/CopyToClipboard/index.js';
+import CustomQRCode from '../Common/CustomQRCode/index.js';
+import { writeRozoPayOrderID } from '@rozoai/intent-common';
+import { MobileWithLogos } from '../../assets/MobileWithLogos.js';
+import { useWallet } from '../../wallets/useWallets.js';
+
+const ConnectWithQRCode = () => {
+    const context = usePayContext();
+    const { pendingConnectorId } = context;
+    const wallet = useWallet(pendingConnectorId ?? "");
+    const pay = useRozoPay();
+    const locales = useLocales({
+        CONNECTORNAME: wallet?.name,
+    });
+    if (!wallet)
+        return jsxs(Fragment, { children: ["Wallet not found ", pendingConnectorId] });
+    const downloads = wallet?.downloadUrls;
+    const hasApps = downloads && Object.keys(downloads).length !== 0;
+    const showAdditionalOptions = false;
+    const payId = pay.order ? writeRozoPayOrderID(pay.order.id) : "";
+    return (jsxs(PageContent, { children: [jsxs(ModalContent, { style: { paddingBottom: 8, gap: 14 }, children: [jsx(CustomQRCode, { value: `https://pay.daimo.com/pay?id=${payId}`, image: jsx("div", { style: {
+                                width: "100%",
+                                height: "100%",
+                                borderRadius: "22.5%",
+                                overflow: "hidden",
+                                display: "flex",
+                                alignItems: "center",
+                                justifyContent: "center",
+                                backgroundColor: "var(--ck-body-background)",
+                                transform: "scale(1.3) translateY(5%)",
+                                transformOrigin: "center center",
+                            }, children: jsx(MobileWithLogos, {}) }), tooltipMessage: wallet?.id === "Mobile Wallets" ? (jsxs(Fragment, { children: [jsx(ScanIconWithLogos, {}), jsxs("span", { children: ["Finish the payment ", jsx("br", {}), "on your mobile phone"] })] })) : (jsxs(Fragment, { children: [jsx(ScanIconWithLogos, { logo: wallet?.icon }), jsx("span", { children: locales.scanScreen_tooltip_default })] })) }), (hasApps && jsx(OrDivider, { children: locales.dontHaveTheApp }))] }), showAdditionalOptions , hasApps && (jsx(Fragment, { children: jsx(Button, { onClick: () => {
+                        context.setRoute(ROUTES.DOWNLOAD);
+                    }, download: true, children: locales.getWalletName }) }))] }));
+};
+
+export { ConnectWithQRCode as default };
+//# sourceMappingURL=ConnectWithQRCode.js.map

package/build/src/components/RozoPayModal/ConnectWithQRCode.js.map

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

package/build/src/components/RozoPayModal/index.js

@@ -0,0 +1,254 @@
+import { jsx } from 'react/jsx-runtime';
+import { useWallet } from '@solana/wallet-adapter-react';
+import { useEffect } from 'react';
+import { useAccount } from 'wagmi';
+import { ROUTES } from '../../constants/routes.js';
+import { getAppName } from '../../defaultConfig.js';
+import { useChainIsSupported } from '../../hooks/useChainIsSupported.js';
+import { useRozoPay } from '../../hooks/useRozoPay.js';
+import { usePayContext } from '../../hooks/usePayContext.js';
+import Modal from '../Common/Modal/index.js';
+import { RozoPayThemeProvider } from '../RozoPayThemeProvider/RozoPayThemeProvider.js';
+import About from '../Pages/About/index.js';
+import Confirmation from '../Pages/Confirmation/index.js';
+import Wallets from '../Pages/Connectors/index.js';
+import DownloadApp from '../Pages/DownloadApp/index.js';
+import MobileConnectors from '../Pages/MobileConnectors/index.js';
+import Introduction from '../Pages/Onboarding/index.js';
+import PayWithToken from '../Pages/PayWithToken/index.js';
+import SelectAmount from '../Pages/SelectAmount/index.js';
+import SelectDepositAddressAmount from '../Pages/SelectDepositAddressAmount/index.js';
+import SelectDepositAddressChain from '../Pages/SelectDepositAddressChain/index.js';
+import SelectExternalAmount from '../Pages/SelectExternalAmount/index.js';
+import SelectMethod from '../Pages/SelectMethod/index.js';
+import SelectToken from '../Pages/SelectToken/index.js';
+import SelectWalletAmount from '../Pages/SelectWalletAmount/index.js';
+import SelectZKP from '../Pages/SelectZKP/index.js';
+import ConnectSolana$1 from '../Pages/Solana/ConnectorSolana/index.js';
+import ConnectSolana from '../Pages/Solana/ConnectSolana/index.js';
+import PayWithSolanaToken from '../Pages/Solana/PayWithSolanaToken/index.js';
+import SelectSolanaAmount from '../Pages/Solana/SelectSolanaAmount/index.js';
+import SwitchNetworks from '../Pages/SwitchNetworks/index.js';
+import WaitingDepositAddress from '../Pages/WaitingDepositAddress/index.js';
+import WaitingExternal from '../Pages/WaitingExternal/index.js';
+import WaitingWallet from '../Pages/WaitingWallet/index.js';
+import ConnectUsing from './ConnectUsing.js';
+
+const RozoPayModal = ({ mode, theme, customTheme, lang, }) => {
+    const context = usePayContext();
+    const { setMode, setTheme, setCustomTheme, setLang } = context;
+    const paymentState = context.paymentState;
+    const { generatePreviewOrder, isDepositFlow, showSolanaPaymentMethod, setPaymentWaitingMessage, setSelectedExternalOption, setSelectedTokenOption, setSelectedSolanaTokenOption, setSelectedDepositAddressOption, setSelectedWallet, } = paymentState;
+    const { paymentState: paymentFsmState } = useRozoPay();
+    const { isConnected: isEthConnected, connector, chain, address, } = useAccount();
+    const { connected: isSolanaConnected } = useWallet();
+    const chainIsSupported = useChainIsSupported(chain?.id);
+    //if chain is unsupported we enforce a "switch chain" prompt
+    const closeable = !(context.options?.enforceSupportedChains &&
+        isEthConnected &&
+        !chainIsSupported);
+    const showBackButton = closeable &&
+        context.route !== ROUTES.SELECT_METHOD &&
+        context.route !== ROUTES.CONFIRMATION &&
+        context.route !== ROUTES.SELECT_TOKEN &&
+        paymentFsmState !== "error";
+    const onBack = () => {
+        const meta = { event: "click-back" };
+        if (context.route === ROUTES.DOWNLOAD) {
+            context.setRoute(ROUTES.CONNECT, meta);
+        }
+        else if (context.route === ROUTES.CONNECTORS) {
+            context.setRoute(ROUTES.SELECT_METHOD, meta);
+        }
+        else if (context.route === ROUTES.SELECT_AMOUNT) {
+            setSelectedTokenOption(undefined);
+            context.setRoute(ROUTES.SELECT_TOKEN, meta);
+        }
+        else if (context.route === ROUTES.SELECT_EXTERNAL_AMOUNT) {
+            setSelectedExternalOption(undefined);
+            context.setRoute(ROUTES.SELECT_METHOD, meta);
+        }
+        else if (context.route === ROUTES.SELECT_DEPOSIT_ADDRESS_AMOUNT) {
+            setSelectedDepositAddressOption(undefined);
+            context.setRoute(ROUTES.SELECT_DEPOSIT_ADDRESS_CHAIN, meta);
+        }
+        else if (context.route === ROUTES.SELECT_ZKP2P) {
+            context.setRoute(ROUTES.SELECT_METHOD, meta);
+        }
+        else if (context.route === ROUTES.WAITING_EXTERNAL) {
+            setPaymentWaitingMessage(undefined);
+            if (isDepositFlow) {
+                generatePreviewOrder();
+                context.setRoute(ROUTES.SELECT_EXTERNAL_AMOUNT, meta);
+            }
+            else {
+                setSelectedExternalOption(undefined);
+                context.setRoute(ROUTES.SELECT_METHOD, meta);
+            }
+        }
+        else if (context.route === ROUTES.PAY_WITH_TOKEN) {
+            if (isDepositFlow) {
+                generatePreviewOrder();
+                context.setRoute(ROUTES.SELECT_AMOUNT, meta);
+            }
+            else {
+                setSelectedTokenOption(undefined);
+                context.setRoute(ROUTES.SELECT_TOKEN, meta);
+            }
+        }
+        else if (context.route === ROUTES.ONBOARDING) {
+            context.setRoute(ROUTES.CONNECTORS, meta);
+        }
+        else if (context.route === ROUTES.WAITING_DEPOSIT_ADDRESS) {
+            if (isDepositFlow) {
+                generatePreviewOrder();
+                context.setRoute(ROUTES.SELECT_DEPOSIT_ADDRESS_AMOUNT, meta);
+            }
+            else {
+                setSelectedDepositAddressOption(undefined);
+                context.setRoute(ROUTES.SELECT_DEPOSIT_ADDRESS_CHAIN, meta);
+            }
+        }
+        else if (context.route === ROUTES.WAITING_WALLET) {
+            if (isDepositFlow) {
+                generatePreviewOrder();
+                context.setRoute(ROUTES.SELECT_WALLET_AMOUNT, meta);
+            }
+            else {
+                setSelectedWallet(undefined);
+                context.setRoute(ROUTES.SELECT_METHOD, meta);
+            }
+        }
+        else if (context.route === ROUTES.SOLANA_SELECT_AMOUNT) {
+            setSelectedSolanaTokenOption(undefined);
+            context.setRoute(ROUTES.SELECT_TOKEN, meta);
+        }
+        else if (context.route === ROUTES.SOLANA_PAY_WITH_TOKEN) {
+            if (isDepositFlow) {
+                generatePreviewOrder();
+                context.setRoute(ROUTES.SOLANA_SELECT_AMOUNT, meta);
+            }
+            else {
+                setSelectedSolanaTokenOption(undefined);
+                context.setRoute(ROUTES.SELECT_TOKEN, meta);
+            }
+        }
+        else {
+            context.setRoute(ROUTES.SELECT_METHOD, meta);
+        }
+    };
+    const pages = {
+        [ROUTES.SELECT_METHOD]: jsx(SelectMethod, {}),
+        [ROUTES.SELECT_TOKEN]: jsx(SelectToken, {}),
+        [ROUTES.SELECT_AMOUNT]: jsx(SelectAmount, {}),
+        [ROUTES.SELECT_EXTERNAL_AMOUNT]: jsx(SelectExternalAmount, {}),
+        [ROUTES.SELECT_DEPOSIT_ADDRESS_AMOUNT]: jsx(SelectDepositAddressAmount, {}),
+        [ROUTES.SELECT_WALLET_AMOUNT]: jsx(SelectWalletAmount, {}),
+        [ROUTES.WAITING_EXTERNAL]: jsx(WaitingExternal, {}),
+        [ROUTES.SELECT_DEPOSIT_ADDRESS_CHAIN]: jsx(SelectDepositAddressChain, {}),
+        [ROUTES.WAITING_DEPOSIT_ADDRESS]: jsx(WaitingDepositAddress, {}),
+        [ROUTES.SELECT_ZKP2P]: jsx(SelectZKP, {}),
+        [ROUTES.WAITING_WALLET]: jsx(WaitingWallet, {}),
+        [ROUTES.CONFIRMATION]: jsx(Confirmation, {}),
+        [ROUTES.PAY_WITH_TOKEN]: jsx(PayWithToken, {}),
+        [ROUTES.SOLANA_CONNECT]: jsx(ConnectSolana, {}),
+        [ROUTES.SOLANA_CONNECTOR]: jsx(ConnectSolana$1, {}),
+        [ROUTES.SOLANA_SELECT_AMOUNT]: jsx(SelectSolanaAmount, {}),
+        [ROUTES.SOLANA_PAY_WITH_TOKEN]: jsx(PayWithSolanaToken, {}),
+        // Unused routes. Kept to minimize connectkit merge conflicts.
+        [ROUTES.ONBOARDING]: jsx(Introduction, {}),
+        [ROUTES.ABOUT]: jsx(About, {}),
+        [ROUTES.DOWNLOAD]: jsx(DownloadApp, {}),
+        [ROUTES.CONNECTORS]: jsx(Wallets, {}),
+        [ROUTES.MOBILECONNECTORS]: jsx(MobileConnectors, {}),
+        [ROUTES.CONNECT]: jsx(ConnectUsing, {}),
+        [ROUTES.SWITCHNETWORKS]: jsx(SwitchNetworks, {}),
+    };
+    function hide() {
+        if (isDepositFlow) {
+            generatePreviewOrder();
+        }
+        context.setOpen(false, { event: "click-close" });
+    }
+    // If the user has a wallet already connected upon opening the modal, go
+    // straight to the select token screen
+    useEffect(() => {
+        if (!context.open)
+            return;
+        if (context.route !== ROUTES.SELECT_METHOD)
+            return;
+        // Skip to token selection if exactly one wallet is connected. If both
+        // wallets are connected, stay on the SELECT_METHOD screen to allow the
+        // user to select which wallet to use
+        if (isEthConnected && !isSolanaConnected) {
+            paymentState.setTokenMode("evm");
+            context.setRoute(ROUTES.SELECT_TOKEN, {
+                event: "eth_connected_on_open",
+                walletId: connector?.id,
+                chainId: chain?.id,
+                address,
+            });
+        }
+        else if (isSolanaConnected &&
+            !isEthConnected &&
+            showSolanaPaymentMethod) {
+            paymentState.setTokenMode("solana");
+            context.setRoute(ROUTES.SELECT_TOKEN, {
+                event: "solana_connected_on_open",
+            });
+        }
+        // Don't include context.route in the dependency array otherwise the user
+        // can't go back from the select token screen to the select method screen
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [
+        context.open,
+        paymentState.walletPaymentOptions.options,
+        paymentState.solanaPaymentOptions.options,
+        showSolanaPaymentMethod,
+        address,
+        chain?.id,
+        connector?.id,
+    ]);
+    // If we're on the connect page and the user successfully connects their
+    // wallet, go to the select token page
+    useEffect(() => {
+        if (context.route === ROUTES.CONNECT ||
+            context.route === ROUTES.CONNECTORS ||
+            context.route === ROUTES.MOBILECONNECTORS) {
+            if (isEthConnected) {
+                paymentState.setTokenMode("evm");
+                context.setRoute(ROUTES.SELECT_TOKEN, {
+                    event: "connected",
+                    walletId: connector?.id,
+                    chainId: chain?.id,
+                    address,
+                });
+            }
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [isEthConnected, context.route, connector?.id, chain?.id, address]);
+    useEffect(() => setMode(mode), [mode, setMode]);
+    useEffect(() => setTheme(theme), [theme, setTheme]);
+    useEffect(() => setCustomTheme(customTheme), [customTheme, setCustomTheme]);
+    useEffect(() => setLang(lang), [lang, setLang]);
+    useEffect(() => {
+        const appName = getAppName();
+        if (!appName || !context.open)
+            return;
+        const title = document.createElement("meta");
+        title.setAttribute("property", "og:title");
+        title.setAttribute("content", appName);
+        document.head.prepend(title);
+        return () => {
+            try {
+                document.head.removeChild(title);
+            }
+            catch { }
+            //if (appIcon) document.head.removeChild(icon);
+        };
+    }, [context.open]);
+    return (jsx(RozoPayThemeProvider, { theme: theme, customTheme: customTheme, mode: mode, children: jsx(Modal, { open: context.open, pages: pages, pageId: context.route, onClose: closeable ? hide : undefined, onInfo: undefined, onBack: showBackButton ? onBack : undefined }) }));
+};
+
+export { RozoPayModal };
+//# sourceMappingURL=index.js.map

package/build/src/components/RozoPayModal/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/RozoPayModal/index.tsx"],"sourcesContent":[null],"names":["_jsx","ConnectorSolana","Onboarding","Connectors"],"mappings":"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"}

package/build/src/components/RozoPayThemeProvider/RozoPayThemeProvider.js

@@ -0,0 +1,21 @@
+import { jsx, Fragment } from 'react/jsx-runtime';
+import React, { createContext, createElement } from 'react';
+
+const Context = createContext(null);
+const RozoPayThemeProvider = ({ children, theme = "auto", mode = "auto", customTheme, }) => {
+    const value = {
+        theme,
+        mode,
+        customTheme,
+    };
+    return createElement(Context.Provider, { value }, jsx(Fragment, { children: children }));
+};
+const useThemeContext = () => {
+    const context = React.useContext(Context);
+    if (!context)
+        throw Error("RozoPayThemeProvider must be inside a Provider.");
+    return context;
+};
+
+export { RozoPayThemeProvider, useThemeContext };
+//# sourceMappingURL=RozoPayThemeProvider.js.map

package/build/src/components/RozoPayThemeProvider/RozoPayThemeProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RozoPayThemeProvider.js","sources":["../../../../src/components/RozoPayThemeProvider/RozoPayThemeProvider.tsx"],"sourcesContent":[null],"names":["_jsx","_Fragment"],"mappings":";;;AASA,MAAM,OAAO,GAAG,aAAa,CAAsB,IAAI,CAAC,CAAC;AAS5C,MAAA,oBAAoB,GAAwC,CAAC,EACxE,QAAQ,EACR,KAAK,GAAG,MAAM,EACd,IAAI,GAAG,MAAM,EACb,WAAW,GACZ,KAAI;AACH,IAAA,MAAM,KAAK,GAAG;QACZ,KAAK;QACL,IAAI;QACJ,WAAW;KACZ,CAAC;AAEF,IAAA,OAAO,aAAa,CAAC,OAAO,CAAC,QAAQ,EAAE,EAAE,KAAK,EAAE,EAAEA,GAAA,CAAAC,QAAA,EAAA,EAAA,QAAA,EAAG,QAAQ,EAAA,CAAI,CAAC,CAAC;AACrE,EAAE;AAEK,MAAM,eAAe,GAAG,MAAK;IAClC,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;AAC1C,IAAA,IAAI,CAAC,OAAO;AAAE,QAAA,MAAM,KAAK,CAAC,iDAAiD,CAAC,CAAC;AAC7E,IAAA,OAAO,OAAO,CAAC;AACjB;;;;"}

package/build/src/components/Spinners/CircleSpinner/index.js

@@ -0,0 +1,15 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { LogoContainer, Logo, SpinnerContainer, Spinner, ExpiringSpinner } from './styles.js';
+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 { CircleSpinner as default };
+//# sourceMappingURL=index.js.map

package/build/src/components/Spinners/CircleSpinner/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/components/Spinners/CircleSpinner/index.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;;AAWM,MAAA,aAAa,GAAG,CAAC,EACrB,IAAI,EACJ,SAAS,EACT,OAAO,GAAG,IAAI,EACd,WAAW,GAAG,KAAK,EACnB,SAAS,GAAG,KAAK,GAOlB,KAAI;AACH,IAAA,QACEA,IAAC,CAAA,aAAa,EACZ,EAAA,UAAU,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE,IAAI,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,CAAC,EAAE,EAAA,QAAA,EAAA,CAE/DC,GAAC,CAAA,IAAI,cACK,CAAC,WAAW,IAAI,SAAS,EACjC,KAAK,EAAE,WAAW,GAAG,EAAE,YAAY,EAAE,CAAC,EAAE,GAAG,SAAS,YAEnD,IAAI,EAAA,CACA,EACPA,GAAA,CAAC,gBAAgB,EACf,EAAA,QAAA,EAAAD,IAAA,CAAC,eAAe,EACb,EAAA,QAAA,EAAA,CAAA,OAAO,KACNC,GAAA,CAAC,OAAO,EAAA,EACN,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,EACvB,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,EACvB,IAAI,EAAE;AACJ,gCAAA,OAAO,EAAE,CAAC;AACV,gCAAA,UAAU,EAAE;oCACV,QAAQ,EAAE,SAAS,GAAG,CAAC,GAAG,CAAC;AAC5B,iCAAA;AACF,6BAAA,EAAA,QAAA,EAEDD,IACc,CAAA,KAAA,EAAA,EAAA,aAAA,EAAA,MAAM,EAClB,KAAK,EAAC,KAAK,EACX,MAAM,EAAC,KAAK,EACZ,OAAO,EAAC,aAAa,EACrB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,aAElCC,GACE,CAAA,MAAA,EAAA,EAAA,CAAC,EAAC,oCAAoC,EACtC,MAAM,EAAC,+BAA+B,EACtC,WAAW,EAAC,KAAK,EACjB,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,CAAA,EACFA,GACE,CAAA,MAAA,EAAA,EAAA,QAAA,EAAAD,IAAA,CAAA,gBAAA,EAAA,EACE,EAAE,EAAC,yBAAyB,EAC5B,EAAE,EAAC,GAAG,EACN,EAAE,EAAC,MAAM,EACT,EAAE,EAAC,IAAI,EACP,EAAE,EAAC,KAAK,EACR,aAAa,EAAC,gBAAgB,EAAA,QAAA,EAAA,CAE9BC,GAAM,CAAA,MAAA,EAAA,EAAA,SAAS,EAAC,yBAAyB,EAAG,CAAA,EAC5CA,cACE,MAAM,EAAC,GAAG,EACV,SAAS,EAAC,yBAAyB,EACnC,WAAW,EAAC,GAAG,EACf,CAAA,CAAA,EAAA,CACa,EACZ,CAAA,CAAA,EAAA,CACH,EACE,CAAA,CACX,EACA,SAAS,KACRD,IAAA,CAAC,eAAe,EACd,EAAA,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,EAE9B,QAAA,EAAA,CAAAC,GAAA,CAAA,KAAA,EAAA,EAAA,CAAO,EACPA,GAAA,CAAA,KAAA,EAAA,EAAA,CAAO,IACS,CACnB,CAAA,EAAA,CACe,EACD,CAAA,CAAA,EAAA,CACL,EAChB;AACJ;;;;"}

package/build/src/components/Spinners/CircleSpinner/styles.js

@@ -0,0 +1,118 @@
+import { motion } from 'framer-motion';
+import { css } from 'styled-components';
+import styled from '../../../styles/styled/index.js';
+
+const LogoContainer = styled(motion.div) `
+  z-index: 4;
+  position: relative;
+  width: 100px;
+  height: 100px;
+  svg {
+    z-index: 3;
+    position: relative;
+    display: block;
+  }
+`;
+const Logo = styled(motion.div) `
+  z-index: 2;
+  position: absolute;
+  overflow: hidden;
+  inset: 6px;
+  border-radius: 50px;
+  background: var(--ck-body-background);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  svg,
+  img {
+    pointer-events: none;
+    display: block;
+    margin: 0 auto;
+    width: 100%;
+    height: 100%;
+    ${(props) => props.$small &&
+    css `
+        width: 85%;
+        height: 85%;
+      `}
+  }
+`;
+const SpinnerContainer = styled(motion.div) `
+  position: absolute;
+  inset: -2px;
+`;
+const ExpiringSpinner = styled(motion.div) `
+  pointer-events: none;
+  user-select: none;
+  z-index: 1;
+  position: absolute;
+  inset: -25%;
+  background: var(--ck-body-background);
+  div:first-child {
+    position: absolute;
+    left: 50%;
+    right: 0;
+    top: 0;
+    bottom: 0;
+    overflow: hidden;
+    &:before {
+      position: absolute;
+      content: "";
+      inset: 0;
+      background: var(--ck-spinner-color);
+      transform-origin: 0% 50%;
+      animation: rotateExpiringSpinner 5000ms ease-in both;
+    }
+  }
+  div:last-child {
+    position: absolute;
+    left: 0;
+    right: 50%;
+    top: 0;
+    bottom: 0;
+    overflow: hidden;
+    &:before {
+      position: absolute;
+      content: "";
+      inset: 0;
+      background: var(--ck-spinner-color);
+      transform-origin: 100% 50%;
+      animation: rotateExpiringSpinner 5000ms ease-out 5000ms both;
+    }
+  }
+  @keyframes rotateExpiringSpinner {
+    0% {
+      transform: rotate(-180deg);
+    }
+    100% {
+      transform: rotate(0deg);
+    }
+  }
+`;
+const Spinner = styled(motion.div) `
+  pointer-events: none;
+  user-select: none;
+  z-index: 1;
+  position: absolute;
+  inset: 0;
+  svg {
+    display: block;
+    position: absolute;
+    left: 0;
+    top: 0;
+    width: 100%;
+    height: 100%;
+    animation: rotateSpinner 1200ms linear infinite;
+  }
+  @keyframes rotateSpinner {
+    0% {
+      transform: rotate(0deg);
+    }
+    100% {
+      transform: rotate(360deg);
+    }
+  }
+`;
+
+export { ExpiringSpinner, Logo, LogoContainer, Spinner, SpinnerContainer };
+//# sourceMappingURL=styles.js.map

package/build/src/components/Spinners/CircleSpinner/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sources":["../../../../../src/components/Spinners/CircleSpinner/styles.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;AAIa,MAAA,aAAa,GAAG,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,CAAA,CAAA;;;;;;;;;;EAU7C;AACW,MAAA,IAAI,GAAG,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,CAAsB,CAAA;;;;;;;;;;;;;;;;;AAiBtD,IAAA,EAAA,CAAC,KAAK,KACN,KAAK,CAAC,MAAM;AACZ,IAAA,GAAG,CAAA,CAAA;;;AAGF,MAAA,CAAA,CAAA;;EAEL;AAEW,MAAA,gBAAgB,GAAG,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,CAAA,CAAA;;;EAGhD;AACW,MAAA,eAAe,GAAG,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA+C/C;AACW,MAAA,OAAO,GAAG,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/build/src/components/Spinners/ExternalPaymentSpinner/index.js

@@ -0,0 +1,20 @@
+import { jsx } from 'react/jsx-runtime';
+import { AnimatePresence } from 'framer-motion';
+import CircleSpinner from '../CircleSpinner/index.js';
+import SquircleSpinner from '../SquircleSpinner/index.js';
+import { LoadingContainer, AnimationContainer } from '../styles.js';
+
+const ExternalPaymentSpinner = ({ logoURI, logoShape, }) => {
+    const optionSpinner = (() => {
+        if (logoShape === "circle") {
+            return (jsx(CircleSpinner, { logo: jsx("img", { src: logoURI }), loading: false, unavailable: false }));
+        }
+        else {
+            return jsx(SquircleSpinner, { logo: jsx("img", { src: logoURI }), loading: false });
+        }
+    })();
+    return (jsx(LoadingContainer, { children: jsx(AnimationContainer, { "$circle": logoShape === "circle", children: jsx(AnimatePresence, { children: optionSpinner }) }) }));
+};
+
+export { ExternalPaymentSpinner as default };
+//# sourceMappingURL=index.js.map

package/build/src/components/Spinners/ExternalPaymentSpinner/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/components/Spinners/ExternalPaymentSpinner/index.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;;;AAKM,MAAA,sBAAsB,GAAG,CAAC,EAC9B,OAAO,EACP,SAAS,GAIV,KAAI;AACH,IAAA,MAAM,aAAa,GAAG,CAAC,MAAK;AAC1B,QAAA,IAAI,SAAS,KAAK,QAAQ,EAAE;YAC1B,QACEA,IAAC,aAAa,EAAA,EACZ,IAAI,EAAEA,GAAA,CAAA,KAAA,EAAA,EAAK,GAAG,EAAE,OAAO,GAAI,EAC3B,OAAO,EAAE,KAAK,EACd,WAAW,EAAE,KAAK,EAClB,CAAA,EACF;SACH;aAAM;AACL,YAAA,OAAOA,GAAC,CAAA,eAAe,EAAC,EAAA,IAAI,EAAEA,GAAK,CAAA,KAAA,EAAA,EAAA,GAAG,EAAE,OAAO,GAAI,EAAE,OAAO,EAAE,KAAK,GAAI,CAAC;SACzE;KACF,GAAG,CAAC;AAEL,IAAA,QACEA,GAAC,CAAA,gBAAgB,cACfA,GAAC,CAAA,kBAAkB,eAAU,SAAS,KAAK,QAAQ,EACjD,QAAA,EAAAA,GAAA,CAAC,eAAe,EAAE,EAAA,QAAA,EAAA,aAAa,GAAmB,EAC/B,CAAA,EAAA,CACJ,EACnB;AACJ;;;;"}