@daimo/pay 1.6.2 → 1.6.3

package/build/src/components/Pages/MobileConnectors/index.js

@@ -1,78 +0,0 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { Container, WalletList, WalletItem, WalletIcon, WalletLabel } from './styles.js';
-import { PageContent, ModalContent } from '../../Common/Modal/styles.js';
-import useLocales from '../../../hooks/useLocales.js';
-import { useWalletConnectModal } from '../../../hooks/useWalletConnectModal.js';
-import { useWallets } from '../../../wallets/useWallets.js';
-import { walletConfigs } from '../../../wallets/walletConfigs.js';
-import CopyToClipboard from '../../Common/CopyToClipboard/index.js';
-import { ScrollArea } from '../../Common/ScrollArea/index.js';
-import { Spinner } from '../../Common/Spinner/index.js';
-import { useWeb3 } from '../../contexts/web3/index.js';
-import { usePayContext } from '../../DaimoPay.js';
-
-const MoreIcon = (jsx("svg", { width: "60", height: "60", viewBox: "0 0 60 60", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: jsx("path", { d: "M30 42V19M19 30.5H42", stroke: "var(--ck-body-color-muted)", strokeWidth: "3", strokeLinecap: "round" }) }));
-const MobileConnectors = () => {
-    const context = usePayContext();
-    const { log, paymentState } = context;
-    const locales = useLocales();
-    const { connect: { getUri }, } = useWeb3();
-    const wcUri = getUri();
-    const { open: openW3M, isOpen: isOpenW3M } = useWalletConnectModal();
-    const wallets = useWallets();
-    // filter out installed wallets
-    const walletsIdsToDisplay = Object.keys(walletConfigs).filter((walletId) => {
-        const wallet = walletConfigs[walletId];
-        if (wallets.find((w) => w.connector.id === walletId))
-            return false;
-        if (!wallet.getWalletConnectDeeplink)
-            return false;
-        return true;
-    }) ?? [];
-    const connectWallet = (wallet) => {
-        context.setWcWallet(wallet);
-        const uri = wallet.getWalletConnectDeeplink?.(wcUri);
-        log(`[MobileConnectors] clicked ${wallet.name}: ${uri}`);
-        // Using open(.., '_blank') to open the wallet connect modal.
-        // Previously, we used window.location.href = uri, but this closes the dapp
-        // (losing state) if there's no deeplink handler for the URI.
-        if (uri)
-            window.open(uri, "_blank");
-    };
-    return (jsx(PageContent, { style: { width: 312 }, children: jsxs(Container, { children: [jsx(ModalContent, { style: { paddingBottom: 0 }, children: jsx(ScrollArea, { height: 340, children: jsxs(WalletList, { "$disabled": !wcUri, children: [walletsIdsToDisplay
-                                    .sort(
-                                // sort by name
-                                (a, b) => {
-                                    const walletA = walletConfigs[a];
-                                    const walletB = walletConfigs[b];
-                                    const nameA = walletA.name ?? walletA.shortName ?? a;
-                                    const nameB = walletB.name ?? walletB.shortName ?? b;
-                                    return nameA.localeCompare(nameB);
-                                })
-                                    .filter((walletId) => !(walletId === "coinbaseWallet" ||
-                                    walletId === "com.coinbase.wallet"))
-                                    .map((walletId, i) => {
-                                    const wallet = walletConfigs[walletId];
-                                    const { name, shortName, iconConnector, icon } = wallet;
-                                    return (jsxs(WalletItem, { onClick: () => connectWallet(wallet), style: {
-                                            animationDelay: `${i * 50}ms`,
-                                        }, children: [jsx(WalletIcon, { "$outline": true, children: iconConnector ?? icon }), jsx(WalletLabel, { children: shortName ?? name })] }, i));
-                                }), jsxs(WalletItem, { onClick: openW3M, "$waiting": isOpenW3M, children: [jsx(WalletIcon, { style: { background: "var(--ck-body-background-secondary)" }, children: isOpenW3M ? (jsx("div", { style: {
-                                                    position: "absolute",
-                                                    inset: 0,
-                                                    display: "flex",
-                                                    alignItems: "center",
-                                                    justifyContent: "center",
-                                                }, children: jsx("div", { style: {
-                                                        width: "50%",
-                                                    }, children: jsx(Spinner, {}) }) })) : (MoreIcon) }), jsx(WalletLabel, { children: locales.more })] })] }) }) }), context.options?.walletConnectCTA !== "modal" && (jsx("div", { style: {
-                        display: "flex",
-                        alignItems: "center",
-                        justifyContent: "center",
-                        gap: 14,
-                        paddingTop: 8,
-                    }, children: jsx(CopyToClipboard, { variant: "button", string: wcUri, children: locales.copyToClipboard }) }))] }) }));
-};
-
-export { MobileConnectors as default };
-//# sourceMappingURL=index.js.map

package/build/src/components/Pages/MobileConnectors/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/Pages/MobileConnectors/index.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { Container, WalletIcon, WalletItem, WalletLabel, WalletList, } from \"./styles\";\nimport { ModalContent, PageContent } from \"../../Common/Modal/styles\";\nimport useLocales from \"../../../hooks/useLocales\";\nimport { useWalletConnectModal } from \"../../../hooks/useWalletConnectModal\";\nimport { useWallets } from \"../../../wallets/useWallets\";\nimport { walletConfigs, } from \"../../../wallets/walletConfigs\";\nimport CopyToClipboard from \"../../Common/CopyToClipboard\";\nimport { ScrollArea } from \"../../Common/ScrollArea\";\nimport { Spinner } from \"../../Common/Spinner\";\nimport { useWeb3 } from \"../../contexts/web3\";\nimport { usePayContext } from \"../../DaimoPay\";\nconst MoreIcon = (_jsx(\"svg\", { width: \"60\", height: \"60\", viewBox: \"0 0 60 60\", fill: \"none\", xmlns: \"http://www.w3.org/2000/svg\", children: _jsx(\"path\", { d: \"M30 42V19M19 30.5H42\", stroke: \"var(--ck-body-color-muted)\", strokeWidth: \"3\", strokeLinecap: \"round\" }) }));\nconst MobileConnectors = () => {\n    const context = usePayContext();\n    const { log, paymentState } = context;\n    const locales = useLocales();\n    const { connect: { getUri }, } = useWeb3();\n    const wcUri = getUri();\n    const { open: openW3M, isOpen: isOpenW3M } = useWalletConnectModal();\n    const wallets = useWallets();\n    // filter out installed wallets\n    const walletsIdsToDisplay = Object.keys(walletConfigs).filter((walletId) => {\n        const wallet = walletConfigs[walletId];\n        if (wallets.find((w) => w.connector.id === walletId))\n            return false;\n        if (!wallet.getWalletConnectDeeplink)\n            return false;\n        return true;\n    }) ?? [];\n    const connectWallet = (wallet) => {\n        context.setWcWallet(wallet);\n        const uri = wallet.getWalletConnectDeeplink?.(wcUri);\n        log(`[MobileConnectors] clicked ${wallet.name}: ${uri}`);\n        // Using open(.., '_blank') to open the wallet connect modal.\n        // Previously, we used window.location.href = uri, but this closes the dapp\n        // (losing state) if there's no deeplink handler for the URI.\n        if (uri)\n            window.open(uri, \"_blank\");\n    };\n    return (_jsx(PageContent, { style: { width: 312 }, children: _jsxs(Container, { children: [_jsx(ModalContent, { style: { paddingBottom: 0 }, children: _jsx(ScrollArea, { height: 340, children: _jsxs(WalletList, { \"$disabled\": !wcUri, children: [walletsIdsToDisplay\n                                    .sort(\n                                // sort by name\n                                (a, b) => {\n                                    const walletA = walletConfigs[a];\n                                    const walletB = walletConfigs[b];\n                                    const nameA = walletA.name ?? walletA.shortName ?? a;\n                                    const nameB = walletB.name ?? walletB.shortName ?? b;\n                                    return nameA.localeCompare(nameB);\n                                })\n                                    .filter((walletId) => !(walletId === \"coinbaseWallet\" ||\n                                    walletId === \"com.coinbase.wallet\"))\n                                    .map((walletId, i) => {\n                                    const wallet = walletConfigs[walletId];\n                                    const { name, shortName, iconConnector, icon } = wallet;\n                                    return (_jsxs(WalletItem, { onClick: () => connectWallet(wallet), style: {\n                                            animationDelay: `${i * 50}ms`,\n                                        }, children: [_jsx(WalletIcon, { \"$outline\": true, children: iconConnector ?? icon }), _jsx(WalletLabel, { children: shortName ?? name })] }, i));\n                                }), _jsxs(WalletItem, { onClick: openW3M, \"$waiting\": isOpenW3M, children: [_jsx(WalletIcon, { style: { background: \"var(--ck-body-background-secondary)\" }, children: isOpenW3M ? (_jsx(\"div\", { style: {\n                                                    position: \"absolute\",\n                                                    inset: 0,\n                                                    display: \"flex\",\n                                                    alignItems: \"center\",\n                                                    justifyContent: \"center\",\n                                                }, children: _jsx(\"div\", { style: {\n                                                        width: \"50%\",\n                                                    }, children: _jsx(Spinner, {}) }) })) : (MoreIcon) }), _jsx(WalletLabel, { children: locales.more })] })] }) }) }), context.options?.walletConnectCTA !== \"modal\" && (_jsx(\"div\", { style: {\n                        display: \"flex\",\n                        alignItems: \"center\",\n                        justifyContent: \"center\",\n                        gap: 14,\n                        paddingTop: 8,\n                    }, children: _jsx(CopyToClipboard, { variant: \"button\", string: wcUri, children: locales.copyToClipboard }) }))] }) }));\n};\nexport default MobileConnectors;\n"],"names":["_jsx","_jsxs"],"mappings":"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"}

package/build/src/components/Pages/MobileConnectors/styles.js

@@ -1,65 +0,0 @@
-import { keyframes, css } from 'styled-components';
-import styled from '../../../styles/styled/index.js';
-
-const WalletItem = styled.div `
-  text-align: center;
-  transition: opacity 100ms ease;
-  opacity: ${(props) => (props.$waiting ? 0.4 : 1)};
-`;
-const WalletIcon = styled.div `
-  z-index: 9;
-  position: relative;
-  margin: 0 auto 10px;
-  border-radius: 16px;
-  width: 60px;
-  height: 60px;
-  overflow: hidden;
-  background: rgba(0, 0, 0, 0.04);
-  ${(props) => props.$outline &&
-    `
-  &:before {
-    content: '';
-    z-index: 2;
-    position: absolute;
-    inset: 0;
-    border-radius: inherit;
-    box-shadow: inset 0 0 0 1px var(--ck-body-background-tertiary);
-  }`}
-  svg {
-    display: block;
-    position: relative;
-    width: 100%;
-    height: auto;
-  }
-`;
-const WalletLabel = styled.div `
-  color: var(--ck-body-color);
-  font-size: 13px;
-  line-height: 15px;
-  font-weight: 500;
-  opacity: 0.75;
-`;
-const PulseKeyframes = keyframes `
-  0%,100% { opacity:1; }
-  50% { opacity:0.5; }
-`;
-const WalletList = styled.div `
-  display: grid;
-  grid-template-columns: repeat(4, 1fr);
-  gap: 22px 8px;
-  margin: 0 -10px;
-  padding: 4px 0 0;
-  transition: opacity 300ms ease;
-  ${(props) => props.$disabled &&
-    css `
-      pointer-events: none;
-      opacity: 0.4;
-      ${WalletItem} {
-        animation: ${PulseKeyframes} 1s infinite ease-in-out;
-      }
-    `}
-`;
-const Container = styled.div ``;
-
-export { Container, WalletIcon, WalletItem, WalletLabel, WalletList };
-//# sourceMappingURL=styles.js.map

package/build/src/components/Pages/MobileConnectors/styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","sources":["../../../../../src/components/Pages/MobileConnectors/styles.ts"],"sourcesContent":["import { css, keyframes } from \"styled-components\";\nimport styled from \"./../../../styles/styled\";\nexport const WalletItem = styled.div `\n  text-align: center;\n  transition: opacity 100ms ease;\n  opacity: ${(props) => (props.$waiting ? 0.4 : 1)};\n`;\nexport const WalletIcon = styled.div `\n  z-index: 9;\n  position: relative;\n  margin: 0 auto 10px;\n  border-radius: 16px;\n  width: 60px;\n  height: 60px;\n  overflow: hidden;\n  background: rgba(0, 0, 0, 0.04);\n  ${(props) => props.$outline &&\n    `\n  &:before {\n    content: '';\n    z-index: 2;\n    position: absolute;\n    inset: 0;\n    border-radius: inherit;\n    box-shadow: inset 0 0 0 1px var(--ck-body-background-tertiary);\n  }`}\n  svg {\n    display: block;\n    position: relative;\n    width: 100%;\n    height: auto;\n  }\n`;\nexport const WalletLabel = styled.div `\n  color: var(--ck-body-color);\n  font-size: 13px;\n  line-height: 15px;\n  font-weight: 500;\n  opacity: 0.75;\n`;\nconst PulseKeyframes = keyframes `\n  0%,100% { opacity:1; }\n  50% { opacity:0.5; }\n`;\nexport const WalletList = styled.div `\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n  gap: 22px 8px;\n  margin: 0 -10px;\n  padding: 4px 0 0;\n  transition: opacity 300ms ease;\n  ${(props) => props.$disabled &&\n    css `\n      pointer-events: none;\n      opacity: 0.4;\n      ${WalletItem} {\n        animation: ${PulseKeyframes} 1s infinite ease-in-out;\n      }\n    `}\n`;\nexport const Container = styled.div ``;\n"],"names":[],"mappings":";;;AAEY,MAAC,UAAU,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC;AACtC;AACA;AACA,WAAW,EAAE,CAAC,KAAK,MAAM,KAAK,CAAC,QAAQ,GAAG,GAAG,GAAG,CAAC,CAAC,CAAC;AACnD,EAAE;AACU,MAAC,UAAU,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC;AACtC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,EAAE,EAAE,CAAC,KAAK,KAAK,KAAK,CAAC,QAAQ;AAC7B,IAAI,CAAC;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAAG,CAAC,CAAC;AACL;AACA;AACA;AACA;AACA;AACA;AACA,EAAE;AACU,MAAC,WAAW,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC;AACvC;AACA;AACA;AACA;AACA;AACA,EAAE;AACF,MAAM,cAAc,GAAG,SAAS,CAAC,CAAC;AAClC;AACA;AACA,CAAC,CAAC;AACU,MAAC,UAAU,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC;AACtC;AACA;AACA;AACA;AACA;AACA;AACA,EAAE,EAAE,CAAC,KAAK,KAAK,KAAK,CAAC,SAAS;AAC9B,IAAI,GAAG,CAAC,CAAC;AACT;AACA;AACA,MAAM,EAAE,UAAU,CAAC;AACnB,mBAAmB,EAAE,cAAc,CAAC;AACpC;AACA,IAAI,CAAC,CAAC;AACN,EAAE;AACU,MAAC,SAAS,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC;;;;"}

package/build/src/components/Pages/Onboarding/index.js

@@ -1,18 +0,0 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { Graphic, LogoGroup, Logo, LogoPosition, LogoInner, FloatWrapper, RotateWrapper, LogoGraphic, GraphicBackground } from './styles.js';
-import Logos from '../../../assets/logos.js';
-import wave from '../../../assets/wave.js';
-import { PageContent, ModalContent, ModalH1, ModalBody } from '../../Common/Modal/styles.js';
-import useLocales from '../../../hooks/useLocales.js';
-import Button from '../../Common/Button/index.js';
-import { usePayContext } from '../../DaimoPay.js';
-
-const Introduction = () => {
-    const context = usePayContext();
-    const locales = useLocales({});
-    const ctaUrl = context.options?.walletOnboardingUrl ?? locales.onboardingScreen_ctaUrl;
-    return (jsxs(PageContent, { children: [jsxs(Graphic, { children: [jsxs(LogoGroup, { children: [jsx(Logo, { children: jsx(LogoPosition, { children: jsx(LogoInner, { children: jsx(FloatWrapper, { children: jsx(RotateWrapper, { children: jsx(LogoGraphic, { children: jsx(Logos.Coinbase, { background: true }) }) }) }) }) }) }), jsx(Logo, { children: jsx(LogoPosition, { children: jsx(LogoInner, { children: jsx(FloatWrapper, { children: jsx(RotateWrapper, { children: jsx(LogoGraphic, { children: jsx(Logos.MetaMask, { background: true }) }) }) }) }) }) }), jsx(Logo, { children: jsx(LogoPosition, { children: jsx(LogoInner, { children: jsx(FloatWrapper, { children: jsx(RotateWrapper, { children: jsx(LogoGraphic, { children: jsx(Logos.Trust, {}) }) }) }) }) }) }), jsx(Logo, { children: jsx(LogoPosition, { children: jsx(LogoInner, { children: jsx(FloatWrapper, { children: jsx(RotateWrapper, { children: jsx(LogoGraphic, { children: jsx(Logos.Argent, {}) }) }) }) }) }) }), jsx(Logo, { children: jsx(LogoPosition, { children: jsx(LogoInner, { children: jsx(FloatWrapper, { children: jsx(RotateWrapper, { children: jsx(LogoGraphic, { children: jsx(Logos.ImToken, {}) }) }) }) }) }) })] }), jsx(GraphicBackground, { children: wave })] }), jsxs(ModalContent, { style: { paddingBottom: 18 }, children: [jsx(ModalH1, { "$small": true, children: locales.onboardingScreen_h1 }), jsx(ModalBody, { children: locales.onboardingScreen_p })] }), jsx(Button, { href: ctaUrl, arrow: true, children: locales.onboardingScreen_ctaText })] }));
-};
-
-export { Introduction as default };
-//# sourceMappingURL=index.js.map

package/build/src/components/Pages/Onboarding/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/Pages/Onboarding/index.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { FloatWrapper, Graphic, GraphicBackground, Logo, LogoGraphic, LogoGroup, LogoInner, LogoPosition, RotateWrapper, } from \"./styles\";\nimport Logos from \"../../../assets/logos\";\nimport wave from \"../../../assets/wave\";\nimport { ModalBody, ModalContent, ModalH1, PageContent, } from \"../../Common/Modal/styles\";\nimport useLocales from \"../../../hooks/useLocales\";\nimport Button from \"../../Common/Button\";\nimport { usePayContext } from \"../../DaimoPay\";\nconst Introduction = () => {\n    const context = usePayContext();\n    const locales = useLocales({});\n    const ctaUrl = context.options?.walletOnboardingUrl ?? locales.onboardingScreen_ctaUrl;\n    return (_jsxs(PageContent, { children: [_jsxs(Graphic, { children: [_jsxs(LogoGroup, { children: [_jsx(Logo, { children: _jsx(LogoPosition, { children: _jsx(LogoInner, { children: _jsx(FloatWrapper, { children: _jsx(RotateWrapper, { children: _jsx(LogoGraphic, { children: _jsx(Logos.Coinbase, { background: true }) }) }) }) }) }) }), _jsx(Logo, { children: _jsx(LogoPosition, { children: _jsx(LogoInner, { children: _jsx(FloatWrapper, { children: _jsx(RotateWrapper, { children: _jsx(LogoGraphic, { children: _jsx(Logos.MetaMask, { background: true }) }) }) }) }) }) }), _jsx(Logo, { children: _jsx(LogoPosition, { children: _jsx(LogoInner, { children: _jsx(FloatWrapper, { children: _jsx(RotateWrapper, { children: _jsx(LogoGraphic, { children: _jsx(Logos.Trust, {}) }) }) }) }) }) }), _jsx(Logo, { children: _jsx(LogoPosition, { children: _jsx(LogoInner, { children: _jsx(FloatWrapper, { children: _jsx(RotateWrapper, { children: _jsx(LogoGraphic, { children: _jsx(Logos.Argent, {}) }) }) }) }) }) }), _jsx(Logo, { children: _jsx(LogoPosition, { children: _jsx(LogoInner, { children: _jsx(FloatWrapper, { children: _jsx(RotateWrapper, { children: _jsx(LogoGraphic, { children: _jsx(Logos.ImToken, {}) }) }) }) }) }) })] }), _jsx(GraphicBackground, { children: wave })] }), _jsxs(ModalContent, { style: { paddingBottom: 18 }, children: [_jsx(ModalH1, { \"$small\": true, children: locales.onboardingScreen_h1 }), _jsx(ModalBody, { children: locales.onboardingScreen_p })] }), _jsx(Button, { href: ctaUrl, arrow: true, children: locales.onboardingScreen_ctaText })] }));\n};\nexport default Introduction;\n"],"names":["_jsxs","_jsx"],"mappings":"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"}

package/build/src/components/Pages/Onboarding/styles.js

@@ -1,229 +0,0 @@
-import { motion } from 'framer-motion';
-import { keyframes } from 'styled-components';
-import defaultTheme from '../../../constants/defaultTheme.js';
-import styled from '../../../styles/styled/index.js';
-
-const Graphic = styled(motion.div) `
-  position: relative;
-  margin: 16px auto 20px;
-  height: 190px;
-  max-width: 295px;
-  pointer-events: none;
-  user-select: none;
-  @media only screen and (max-width: ${defaultTheme.mobileWidth}px) {
-    height: 200px;
-    max-width: 100%;
-    margin-bottom: 32px;
-  }
-`;
-const LogoGroup = styled(motion.div) `
-  position: absolute;
-  inset: 0;
-  z-index: 2;
-`;
-const graphicIn = keyframes `
-  0%{
-    opacity:0;
-    transform:scale(0.9);
-  }
-  100%{
-    opacity:1;
-    transform:none;
-  }
-`;
-const GraphicBackground = styled(motion.div) `
-  z-index: 1;
-  position: absolute;
-  inset: 0;
-  top: -2px;
-  overflow: hidden;
-  &:before {
-    content: "";
-    position: absolute;
-    inset: 0;
-    background: var(--ck-body-background);
-    background: radial-gradient(
-      closest-side,
-      var(--ck-body-background-transparent, transparent) 18.75%,
-      var(--ck-body-background) 100%
-    );
-    background-size: 100%;
-  }
-  svg {
-    display: block;
-    width: 100%;
-    height: auto;
-  }
-  animation: ${graphicIn} 1000ms 100ms ease both;
-  // @media only screen and (max-width: ${defaultTheme.mobileWidth}px) {
-  //   animation: none;
-  // }
-`;
-const logoIn = keyframes `
-  0%{
-    opacity:0;
-    transform:scale(0) translateY(40%);
-  }
-  100%{
-    opacity:1;
-    transform:none;
-  }
-`;
-const LogoPosition = styled(motion.div) `
-  position: absolute;
-  inset: 0;
-  animation: cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite both;
-  animation-delay: inherit;
-`;
-const LogoInner = styled(motion.div) `
-  position: absolute;
-`;
-const LogoGraphic = styled(motion.div) `
-  position: relative;
-  overflow: hidden;
-  height: 58px;
-  width: 58px;
-  border-radius: 13.84px;
-  box-shadow:
-    0 0 0 1px rgba(0, 0, 0, 0.05),
-    0 2px 20px 0 rgba(0, 0, 0, 0.03);
-
-  svg {
-    display: block;
-    width: 100%;
-    height: 100%;
-  }
-`;
-const float = keyframes `
-  0%,100%{ transform:none; }
-  50%{ transform: translateY(-10%) }
-`;
-const FloatWrapper = styled(motion.div) `
-  position: relative;
-  animation: cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite both;
-  animation-name: ${float};
-  animation-duration: 3600ms;
-`;
-const rotate = keyframes `
-  0%,100%{ transform:rotate(-3deg); }
-  50%{ transform:rotate(3deg); }
-`;
-const RotateWrapper = styled(motion.div) `
-  position: relative;
-  animation: cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite both;
-  animation-name: ${rotate};
-  animation-duration: 3200ms;
-`;
-const Logo = styled(motion.div) `
-  position: absolute;
-  inset: 0;
-
-  animation: ${logoIn} 750ms cubic-bezier(0.19, 1, 0.22, 1) both;
-  &:nth-child(1) {
-    z-index: 2;
-    animation-delay: 0ms;
-  }
-  &:nth-child(2) {
-    z-index: 1;
-    animation-delay: 60ms;
-  }
-  &:nth-child(3) {
-    z-index: 1;
-    animation-delay: 30ms;
-  }
-  &:nth-child(4) {
-    z-index: 1;
-    animation-delay: 90ms;
-  }
-  &:nth-child(5) {
-    z-index: 1;
-    animation-delay: 120ms;
-  }
-
-  &:nth-child(1) {
-    ${RotateWrapper} {
-      animation-delay: 0ms;
-    }
-  }
-  &:nth-child(2) {
-    ${RotateWrapper} {
-      animation-delay: -600ms;
-    }
-  }
-  &:nth-child(3) {
-    ${RotateWrapper} {
-      animation-delay: -1200ms;
-    }
-  }
-  &:nth-child(4) {
-    ${RotateWrapper} {
-      animation-delay: -1800ms;
-    }
-  }
-  &:nth-child(5) {
-    ${RotateWrapper} {
-      animation-delay: -2400ms;
-    }
-  }
-
-  &:nth-child(1) {
-    ${FloatWrapper} {
-      animation-delay: -200ms;
-    }
-  }
-  &:nth-child(2) {
-    ${FloatWrapper} {
-      animation-delay: -600ms;
-    }
-  }
-  &:nth-child(3) {
-    ${FloatWrapper} {
-      animation-delay: -800ms;
-    }
-  }
-  &:nth-child(4) {
-    ${FloatWrapper} {
-      animation-delay: -300ms;
-    }
-  }
-  &:nth-child(5) {
-    ${FloatWrapper} {
-      animation-delay: -3200ms;
-    }
-  }
-
-  // @media only screen and (max-width: ${defaultTheme.mobileWidth}px) {
-  //   animation: none !important;
-  //   ${RotateWrapper},${FloatWrapper} {
-  //     animation: none !important;
-  //   }
-  }
-
-  ${LogoInner} {
-    transform: translate(-50%, -50%);
-  }
-
-  &:nth-child(1) ${LogoPosition} {
-    transform: translate(50%, 50%);
-    ${LogoGraphic} {
-      border-radius: 17.2px;
-      width: 72px;
-      height: 72px;
-    }
-  }
-  &:nth-child(2) ${LogoPosition} {
-    transform: translate(21%, 21.5%);
-  }
-  &:nth-child(3) ${LogoPosition} {
-    transform: translate(78%, 14%);
-  }
-  &:nth-child(4) ${LogoPosition} {
-    transform: translate(22.5%, 76%);
-  }
-  &:nth-child(5) ${LogoPosition} {
-    transform: translate(76%, 80%);
-  }
-`;
-
-export { FloatWrapper, Graphic, GraphicBackground, Logo, LogoGraphic, LogoGroup, LogoInner, LogoPosition, RotateWrapper };
-//# sourceMappingURL=styles.js.map

package/build/src/components/Pages/Onboarding/styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","sources":["../../../../../src/components/Pages/Onboarding/styles.ts"],"sourcesContent":["import { motion } from \"framer-motion\";\nimport { keyframes } from \"styled-components\";\nimport defaultTheme from \"../../../constants/defaultTheme\";\nimport styled from \"./../../../styles/styled\";\nexport const Graphic = styled(motion.div) `\n  position: relative;\n  margin: 16px auto 20px;\n  height: 190px;\n  max-width: 295px;\n  pointer-events: none;\n  user-select: none;\n  @media only screen and (max-width: ${defaultTheme.mobileWidth}px) {\n    height: 200px;\n    max-width: 100%;\n    margin-bottom: 32px;\n  }\n`;\nexport const LogoGroup = styled(motion.div) `\n  position: absolute;\n  inset: 0;\n  z-index: 2;\n`;\nconst graphicIn = keyframes `\n  0%{\n    opacity:0;\n    transform:scale(0.9);\n  }\n  100%{\n    opacity:1;\n    transform:none;\n  }\n`;\nexport const GraphicBackground = styled(motion.div) `\n  z-index: 1;\n  position: absolute;\n  inset: 0;\n  top: -2px;\n  overflow: hidden;\n  &:before {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    background: var(--ck-body-background);\n    background: radial-gradient(\n      closest-side,\n      var(--ck-body-background-transparent, transparent) 18.75%,\n      var(--ck-body-background) 100%\n    );\n    background-size: 100%;\n  }\n  svg {\n    display: block;\n    width: 100%;\n    height: auto;\n  }\n  animation: ${graphicIn} 1000ms 100ms ease both;\n  // @media only screen and (max-width: ${defaultTheme.mobileWidth}px) {\n  //   animation: none;\n  // }\n`;\nconst logoIn = keyframes `\n  0%{\n    opacity:0;\n    transform:scale(0) translateY(40%);\n  }\n  100%{\n    opacity:1;\n    transform:none;\n  }\n`;\nexport const LogoPosition = styled(motion.div) `\n  position: absolute;\n  inset: 0;\n  animation: cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite both;\n  animation-delay: inherit;\n`;\nexport const LogoInner = styled(motion.div) `\n  position: absolute;\n`;\nexport const LogoGraphic = styled(motion.div) `\n  position: relative;\n  overflow: hidden;\n  height: 58px;\n  width: 58px;\n  border-radius: 13.84px;\n  box-shadow:\n    0 0 0 1px rgba(0, 0, 0, 0.05),\n    0 2px 20px 0 rgba(0, 0, 0, 0.03);\n\n  svg {\n    display: block;\n    width: 100%;\n    height: 100%;\n  }\n`;\nconst float = keyframes `\n  0%,100%{ transform:none; }\n  50%{ transform: translateY(-10%) }\n`;\nexport const FloatWrapper = styled(motion.div) `\n  position: relative;\n  animation: cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite both;\n  animation-name: ${float};\n  animation-duration: 3600ms;\n`;\nconst rotate = keyframes `\n  0%,100%{ transform:rotate(-3deg); }\n  50%{ transform:rotate(3deg); }\n`;\nexport const RotateWrapper = styled(motion.div) `\n  position: relative;\n  animation: cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite both;\n  animation-name: ${rotate};\n  animation-duration: 3200ms;\n`;\nexport const Logo = styled(motion.div) `\n  position: absolute;\n  inset: 0;\n\n  animation: ${logoIn} 750ms cubic-bezier(0.19, 1, 0.22, 1) both;\n  &:nth-child(1) {\n    z-index: 2;\n    animation-delay: 0ms;\n  }\n  &:nth-child(2) {\n    z-index: 1;\n    animation-delay: 60ms;\n  }\n  &:nth-child(3) {\n    z-index: 1;\n    animation-delay: 30ms;\n  }\n  &:nth-child(4) {\n    z-index: 1;\n    animation-delay: 90ms;\n  }\n  &:nth-child(5) {\n    z-index: 1;\n    animation-delay: 120ms;\n  }\n\n  &:nth-child(1) {\n    ${RotateWrapper} {\n      animation-delay: 0ms;\n    }\n  }\n  &:nth-child(2) {\n    ${RotateWrapper} {\n      animation-delay: -600ms;\n    }\n  }\n  &:nth-child(3) {\n    ${RotateWrapper} {\n      animation-delay: -1200ms;\n    }\n  }\n  &:nth-child(4) {\n    ${RotateWrapper} {\n      animation-delay: -1800ms;\n    }\n  }\n  &:nth-child(5) {\n    ${RotateWrapper} {\n      animation-delay: -2400ms;\n    }\n  }\n\n  &:nth-child(1) {\n    ${FloatWrapper} {\n      animation-delay: -200ms;\n    }\n  }\n  &:nth-child(2) {\n    ${FloatWrapper} {\n      animation-delay: -600ms;\n    }\n  }\n  &:nth-child(3) {\n    ${FloatWrapper} {\n      animation-delay: -800ms;\n    }\n  }\n  &:nth-child(4) {\n    ${FloatWrapper} {\n      animation-delay: -300ms;\n    }\n  }\n  &:nth-child(5) {\n    ${FloatWrapper} {\n      animation-delay: -3200ms;\n    }\n  }\n\n  // @media only screen and (max-width: ${defaultTheme.mobileWidth}px) {\n  //   animation: none !important;\n  //   ${RotateWrapper},${FloatWrapper} {\n  //     animation: none !important;\n  //   }\n  }\n\n  ${LogoInner} {\n    transform: translate(-50%, -50%);\n  }\n\n  &:nth-child(1) ${LogoPosition} {\n    transform: translate(50%, 50%);\n    ${LogoGraphic} {\n      border-radius: 17.2px;\n      width: 72px;\n      height: 72px;\n    }\n  }\n  &:nth-child(2) ${LogoPosition} {\n    transform: translate(21%, 21.5%);\n  }\n  &:nth-child(3) ${LogoPosition} {\n    transform: translate(78%, 14%);\n  }\n  &:nth-child(4) ${LogoPosition} {\n    transform: translate(22.5%, 76%);\n  }\n  &:nth-child(5) ${LogoPosition} {\n    transform: translate(76%, 80%);\n  }\n`;\n"],"names":[],"mappings":";;;;;AAIY,MAAC,OAAO,GAAG,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC;AAC3C;AACA;AACA;AACA;AACA;AACA;AACA,qCAAqC,EAAE,YAAY,CAAC,WAAW,CAAC;AAChE;AACA;AACA;AACA;AACA,EAAE;AACU,MAAC,SAAS,GAAG,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC;AAC7C;AACA;AACA;AACA,EAAE;AACF,MAAM,SAAS,GAAG,SAAS,CAAC,CAAC;AAC7B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC,CAAC;AACU,MAAC,iBAAiB,GAAG,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC;AACrD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,aAAa,EAAE,SAAS,CAAC;AACzB,wCAAwC,EAAE,YAAY,CAAC,WAAW,CAAC;AACnE;AACA;AACA,EAAE;AACF,MAAM,MAAM,GAAG,SAAS,CAAC,CAAC;AAC1B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC,CAAC;AACU,MAAC,YAAY,GAAG,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC;AAChD;AACA;AACA;AACA;AACA,EAAE;AACU,MAAC,SAAS,GAAG,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC;AAC7C;AACA,EAAE;AACU,MAAC,WAAW,GAAG,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC;AAC/C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,EAAE;AACF,MAAM,KAAK,GAAG,SAAS,CAAC,CAAC;AACzB;AACA;AACA,CAAC,CAAC;AACU,MAAC,YAAY,GAAG,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC;AAChD;AACA;AACA,kBAAkB,EAAE,KAAK,CAAC;AAC1B;AACA,EAAE;AACF,MAAM,MAAM,GAAG,SAAS,CAAC,CAAC;AAC1B;AACA;AACA,CAAC,CAAC;AACU,MAAC,aAAa,GAAG,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC;AACjD;AACA;AACA,kBAAkB,EAAE,MAAM,CAAC;AAC3B;AACA,EAAE;AACU,MAAC,IAAI,GAAG,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC;AACxC;AACA;AACA;AACA,aAAa,EAAE,MAAM,CAAC;AACtB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAI,EAAE,aAAa,CAAC;AACpB;AACA;AACA;AACA;AACA,IAAI,EAAE,aAAa,CAAC;AACpB;AACA;AACA;AACA;AACA,IAAI,EAAE,aAAa,CAAC;AACpB;AACA;AACA;AACA;AACA,IAAI,EAAE,aAAa,CAAC;AACpB;AACA;AACA;AACA;AACA,IAAI,EAAE,aAAa,CAAC;AACpB;AACA;AACA;AACA;AACA;AACA,IAAI,EAAE,YAAY,CAAC;AACnB;AACA;AACA;AACA;AACA,IAAI,EAAE,YAAY,CAAC;AACnB;AACA;AACA;AACA;AACA,IAAI,EAAE,YAAY,CAAC;AACnB;AACA;AACA;AACA;AACA,IAAI,EAAE,YAAY,CAAC;AACnB;AACA;AACA;AACA;AACA,IAAI,EAAE,YAAY,CAAC;AACnB;AACA;AACA;AACA;AACA,wCAAwC,EAAE,YAAY,CAAC,WAAW,CAAC;AACnE;AACA,OAAO,EAAE,aAAa,CAAC,CAAC,EAAE,YAAY,CAAC;AACvC;AACA;AACA;AACA;AACA,EAAE,EAAE,SAAS,CAAC;AACd;AACA;AACA;AACA,iBAAiB,EAAE,YAAY,CAAC;AAChC;AACA,IAAI,EAAE,WAAW,CAAC;AAClB;AACA;AACA;AACA;AACA;AACA,iBAAiB,EAAE,YAAY,CAAC;AAChC;AACA;AACA,iBAAiB,EAAE,YAAY,CAAC;AAChC;AACA;AACA,iBAAiB,EAAE,YAAY,CAAC;AAChC;AACA;AACA,iBAAiB,EAAE,YAAY,CAAC;AAChC;AACA;AACA;;;;"}

package/build/src/components/Pages/PayWithToken/index.js

@@ -1,111 +0,0 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { useState, useEffect } from 'react';
-import { usePayContext, ROUTES } from '../../DaimoPay.js';
-import { PageContent, ModalContent, ModalH1 } from '../../Common/Modal/styles.js';
-import { useChainId, useSwitchChain } from 'wagmi';
-import { ExternalLinkIcon } from '../../../assets/icons.js';
-import useIsMobile from '../../../hooks/useIsMobile.js';
-import Button from '../../Common/Button/index.js';
-import PaymentBreakdown from '../../Common/PaymentBreakdown/index.js';
-import TokenLogoSpinner from '../../Spinners/TokenLogoSpinner/index.js';
-
-var PayState;
-(function (PayState) {
-    PayState["RequestingPayment"] = "Requesting Payment";
-    PayState["SwitchingChain"] = "Switching Chain";
-    PayState["RequestCancelled"] = "Payment Cancelled";
-    PayState["RequestSuccessful"] = "Payment Successful";
-})(PayState || (PayState = {}));
-const PayWithToken = () => {
-    const isMobile = useIsMobile();
-    const { triggerResize, paymentState, setRoute, log, wcWallet } = usePayContext();
-    const { selectedTokenOption, payWithToken } = paymentState;
-    const [payState, setPayState] = useState(PayState.RequestingPayment);
-    const walletChainId = useChainId();
-    const { switchChainAsync } = useSwitchChain();
-    const trySwitchingChain = async (option, forceSwitch = false) => {
-        if (walletChainId !== option.required.token.chainId || forceSwitch) {
-            const resultChain = await (async () => {
-                try {
-                    return await switchChainAsync({
-                        chainId: option.required.token.chainId,
-                    });
-                }
-                catch (e) {
-                    console.error("Failed to switch chain", e);
-                    return null;
-                }
-            })();
-            if (resultChain?.id !== option.required.token.chainId) {
-                return false;
-            }
-        }
-        return true;
-    };
-    const handleTransfer = async (option) => {
-        // Switch chain if necessary
-        setPayState(PayState.SwitchingChain);
-        const switchChain = await trySwitchingChain(option);
-        if (!switchChain) {
-            console.error("Switching chain failed");
-            setPayState(PayState.RequestCancelled);
-            return;
-        }
-        setPayState(PayState.RequestingPayment);
-        try {
-            await payWithToken(option);
-            setPayState(PayState.RequestSuccessful);
-            setTimeout(() => {
-                setRoute(ROUTES.CONFIRMATION, { event: "wait-pay-with-token" });
-            }, 200);
-        }
-        catch (e) {
-            if (e?.name === "ConnectorChainMismatchError") {
-                // Workaround for Rainbow wallet bug -- user is able to switch chain without
-                // the wallet updating the chain ID for wagmi.
-                log("Chain mismatch detected, attempting to switch and retry");
-                const switchSuccessful = await trySwitchingChain(option, true);
-                if (switchSuccessful) {
-                    try {
-                        await payWithToken(option);
-                        return; // Payment successful after switching chain
-                    }
-                    catch (retryError) {
-                        console.error("Failed to pay with token after switching chain", retryError);
-                        throw retryError;
-                    }
-                }
-            }
-            setPayState(PayState.RequestCancelled);
-            console.error("Failed to pay with token", e);
-        }
-    };
-    let transferTimeout; // Prevent double-triggering in React dev strict mode.
-    useEffect(() => {
-        if (!selectedTokenOption)
-            return;
-        // Give user time to see the UI before opening on mobile
-        if (wcWallet && isMobile) {
-            transferTimeout = setTimeout(() => {
-                window.open(wcWallet?.getWalletConnectDeeplink?.(""), "_blank");
-                handleTransfer(selectedTokenOption);
-            }, 800);
-        }
-        // On desktop, open the wallet connect modal immediately
-        else {
-            transferTimeout = setTimeout(() => {
-                handleTransfer(selectedTokenOption);
-            }, 100);
-        }
-        return () => {
-            clearTimeout(transferTimeout);
-        };
-    }, []);
-    useEffect(() => {
-        triggerResize();
-    }, [payState]);
-    return (jsxs(PageContent, { children: [selectedTokenOption && (jsx(TokenLogoSpinner, { token: selectedTokenOption.required.token })), jsxs(ModalContent, { style: { paddingBottom: 0 }, "$preserveDisplay": true, children: [jsx(ModalH1, { children: payState }), selectedTokenOption && (jsx(PaymentBreakdown, { paymentOption: selectedTokenOption })), payState === PayState.RequestingPayment && wcWallet && isMobile && (jsxs(Button, { icon: jsx(ExternalLinkIcon, {}), href: wcWallet.getWalletConnectDeeplink?.(""), children: ["Pay with ", wcWallet.name] })), payState === PayState.RequestCancelled && (jsx(Button, { onClick: () => selectedTokenOption ? handleTransfer(selectedTokenOption) : null, children: "Retry Payment" }))] })] }));
-};
-
-export { PayWithToken as default };
-//# sourceMappingURL=index.js.map

package/build/src/components/Pages/PayWithToken/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/Pages/PayWithToken/index.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { useEffect, useState } from \"react\";\nimport { ROUTES, usePayContext } from \"../../DaimoPay\";\nimport { ModalContent, ModalH1, PageContent } from \"../../Common/Modal/styles\";\nimport { useChainId, useSwitchChain } from \"wagmi\";\nimport { ExternalLinkIcon } from \"../../../assets/icons\";\nimport useIsMobile from \"../../../hooks/useIsMobile\";\nimport Button from \"../../Common/Button\";\nimport PaymentBreakdown from \"../../Common/PaymentBreakdown\";\nimport TokenLogoSpinner from \"../../Spinners/TokenLogoSpinner\";\nvar PayState;\n(function (PayState) {\n    PayState[\"RequestingPayment\"] = \"Requesting Payment\";\n    PayState[\"SwitchingChain\"] = \"Switching Chain\";\n    PayState[\"RequestCancelled\"] = \"Payment Cancelled\";\n    PayState[\"RequestSuccessful\"] = \"Payment Successful\";\n})(PayState || (PayState = {}));\nconst PayWithToken = () => {\n    const isMobile = useIsMobile();\n    const { triggerResize, paymentState, setRoute, log, wcWallet } = usePayContext();\n    const { selectedTokenOption, payWithToken } = paymentState;\n    const [payState, setPayState] = useState(PayState.RequestingPayment);\n    const walletChainId = useChainId();\n    const { switchChainAsync } = useSwitchChain();\n    const trySwitchingChain = async (option, forceSwitch = false) => {\n        if (walletChainId !== option.required.token.chainId || forceSwitch) {\n            const resultChain = await (async () => {\n                try {\n                    return await switchChainAsync({\n                        chainId: option.required.token.chainId,\n                    });\n                }\n                catch (e) {\n                    console.error(\"Failed to switch chain\", e);\n                    return null;\n                }\n            })();\n            if (resultChain?.id !== option.required.token.chainId) {\n                return false;\n            }\n        }\n        return true;\n    };\n    const handleTransfer = async (option) => {\n        // Switch chain if necessary\n        setPayState(PayState.SwitchingChain);\n        const switchChain = await trySwitchingChain(option);\n        if (!switchChain) {\n            console.error(\"Switching chain failed\");\n            setPayState(PayState.RequestCancelled);\n            return;\n        }\n        setPayState(PayState.RequestingPayment);\n        try {\n            await payWithToken(option);\n            setPayState(PayState.RequestSuccessful);\n            setTimeout(() => {\n                setRoute(ROUTES.CONFIRMATION, { event: \"wait-pay-with-token\" });\n            }, 200);\n        }\n        catch (e) {\n            if (e?.name === \"ConnectorChainMismatchError\") {\n                // Workaround for Rainbow wallet bug -- user is able to switch chain without\n                // the wallet updating the chain ID for wagmi.\n                log(\"Chain mismatch detected, attempting to switch and retry\");\n                const switchSuccessful = await trySwitchingChain(option, true);\n                if (switchSuccessful) {\n                    try {\n                        await payWithToken(option);\n                        return; // Payment successful after switching chain\n                    }\n                    catch (retryError) {\n                        console.error(\"Failed to pay with token after switching chain\", retryError);\n                        throw retryError;\n                    }\n                }\n            }\n            setPayState(PayState.RequestCancelled);\n            console.error(\"Failed to pay with token\", e);\n        }\n    };\n    let transferTimeout; // Prevent double-triggering in React dev strict mode.\n    useEffect(() => {\n        if (!selectedTokenOption)\n            return;\n        // Give user time to see the UI before opening on mobile\n        if (wcWallet && isMobile) {\n            transferTimeout = setTimeout(() => {\n                window.open(wcWallet?.getWalletConnectDeeplink?.(\"\"), \"_blank\");\n                handleTransfer(selectedTokenOption);\n            }, 800);\n        }\n        // On desktop, open the wallet connect modal immediately\n        else {\n            transferTimeout = setTimeout(() => {\n                handleTransfer(selectedTokenOption);\n            }, 100);\n        }\n        return () => {\n            clearTimeout(transferTimeout);\n        };\n    }, []);\n    useEffect(() => {\n        triggerResize();\n    }, [payState]);\n    return (_jsxs(PageContent, { children: [selectedTokenOption && (_jsx(TokenLogoSpinner, { token: selectedTokenOption.required.token })), _jsxs(ModalContent, { style: { paddingBottom: 0 }, \"$preserveDisplay\": true, children: [_jsx(ModalH1, { children: payState }), selectedTokenOption && (_jsx(PaymentBreakdown, { paymentOption: selectedTokenOption })), payState === PayState.RequestingPayment && wcWallet && isMobile && (_jsxs(Button, { icon: _jsx(ExternalLinkIcon, {}), href: wcWallet.getWalletConnectDeeplink?.(\"\"), children: [\"Pay with \", wcWallet.name] })), payState === PayState.RequestCancelled && (_jsx(Button, { onClick: () => selectedTokenOption ? handleTransfer(selectedTokenOption) : null, children: \"Retry Payment\" }))] })] }));\n};\nexport default PayWithToken;\n"],"names":["_jsxs","_jsx"],"mappings":"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"}

package/build/src/components/Pages/SelectAmount/index.js

@@ -1,16 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import MultiCurrencySelectAmount from '../../Common/AmountInput/index.js';
-import { PageContent } from '../../Common/Modal/styles.js';
-import { usePayContext, ROUTES } from '../../DaimoPay.js';
-
-const SelectAmount = () => {
-    const { paymentState } = usePayContext();
-    const { selectedTokenOption, setSelectedTokenOption } = paymentState;
-    if (selectedTokenOption == null) {
-        return jsx(PageContent, {});
-    }
-    return (jsx(MultiCurrencySelectAmount, { selectedTokenOption: selectedTokenOption, setSelectedTokenOption: setSelectedTokenOption, nextPage: ROUTES.PAY_WITH_TOKEN }));
-};
-
-export { SelectAmount as default };
-//# sourceMappingURL=index.js.map

package/build/src/components/Pages/SelectAmount/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/Pages/SelectAmount/index.tsx"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport MultiCurrencySelectAmount from \"../../Common/AmountInput\";\nimport { PageContent } from \"../../Common/Modal/styles\";\nimport { ROUTES, usePayContext } from \"../../DaimoPay\";\nconst SelectAmount = () => {\n    const { paymentState } = usePayContext();\n    const { selectedTokenOption, setSelectedTokenOption } = paymentState;\n    if (selectedTokenOption == null) {\n        return _jsx(PageContent, {});\n    }\n    return (_jsx(MultiCurrencySelectAmount, { selectedTokenOption: selectedTokenOption, setSelectedTokenOption: setSelectedTokenOption, nextPage: ROUTES.PAY_WITH_TOKEN }));\n};\nexport default SelectAmount;\n"],"names":["_jsx"],"mappings":";;;;;AAIK,MAAC,YAAY,GAAG,MAAM;AAC3B,IAAI,MAAM,EAAE,YAAY,EAAE,GAAG,aAAa,EAAE,CAAC;AAC7C,IAAI,MAAM,EAAE,mBAAmB,EAAE,sBAAsB,EAAE,GAAG,YAAY,CAAC;AACzE,IAAI,IAAI,mBAAmB,IAAI,IAAI,EAAE;AACrC,QAAQ,OAAOA,GAAI,CAAC,WAAW,EAAE,EAAE,CAAC,CAAC;AACrC,KAAK;AACL,IAAI,QAAQA,GAAI,CAAC,yBAAyB,EAAE,EAAE,mBAAmB,EAAE,mBAAmB,EAAE,sBAAsB,EAAE,sBAAsB,EAAE,QAAQ,EAAE,MAAM,CAAC,cAAc,EAAE,CAAC,EAAE;AAC5K;;;;"}