@daimo/pay 1.6.2 → 1.6.3

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

@@ -1,144 +0,0 @@
-import { motion } from 'framer-motion';
-import { css } from 'styled-components';
-import defaultTheme from '../../../constants/defaultTheme.js';
-import styled from '../../../styles/styled/index.js';
-
-const imageHeight = 208;
-const ImageContainer = styled.div `
-  pointer-events: none;
-  user-select: none;
-  height: ${imageHeight}px;
-  padding: 0 0 12px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  svg {
-    display: block;
-  }
-  @media only screen and (max-width: ${defaultTheme.mobileWidth}px) {
-    display: none;
-  }
-`;
-const ImageContainerInner = styled(motion.div) ``;
-const MobileImageContainer = styled.div `
-  pointer-events: none;
-  user-select: none;
-  height: ${imageHeight}px;
-  padding: 0 0 12px;
-  display: none;
-  align-items: center;
-  justify-content: center;
-  svg {
-    display: block;
-  }
-  @media only screen and (max-width: ${defaultTheme.mobileWidth}px) {
-    display: flex;
-  }
-`;
-const Slides = styled.div `
-  position: relative;
-`;
-const Slide = styled(motion.div) `
-  scroll-snap-type: x mandatory;
-  position: relative;
-  bottom: 0;
-  left: 0;
-  right: 0;
-  width: 100%;
-  padding: 0 4px 8px;
-  /* will-change: transform, opacity; */
-  transition: 400ms 50ms cubic-bezier(0.16, 1, 0.3, 1);
-  transition-property: transform, opacity;
-  ${(props) => !props.$active &&
-    css `
-      pointer-events: none;
-      position: absolute;
-      opacity: 0;
-      transform: scale(0.95);
-      transition-duration: 300ms;
-      transition-delay: 0ms;
-    `}
-`;
-const Slider = styled.div `
-  --background: var(--ck-body-background-secondary);
-  --background-transparent: var(--ck-body-background-transparent, transparent);
-  position: relative;
-  padding: 0 0 4px;
-  border-radius: 16px;
-  @media only screen and (max-width: ${defaultTheme.mobileWidth}px) {
-    margin: 0 -24px;
-    ${Slides} {
-      position: relative;
-      z-index: 3;
-      display: flex;
-      overflow: auto;
-      scroll-behavior: smooth;
-      scroll-snap-type: x mandatory;
-      margin-top: -${imageHeight}px;
-      padding-top: ${imageHeight}px;
-      -ms-overflow-style: none; /* Internet Explorer 10+ */
-      scrollbar-width: none; /* Firefox */
-      &::-webkit-scrollbar {
-        display: none; /* Safari and Chrome */
-      }
-    }
-    ${Slide} {
-      position: relative;
-      opacity: 1;
-      transform: none;
-      flex-shrink: 0;
-      scroll-snap-align: start;
-    }
-  }
-`;
-const Dots = styled.div `
-  position: relative;
-  top: -1px;
-  display: flex;
-  justify-content: center;
-  pointer-events: auto;
-`;
-const Dot = styled.button `
-  display: flex;
-  align-items: center;
-  height: 28px;
-  padding: 2px;
-  background: none;
-  @media only screen and (max-width: ${defaultTheme.mobileWidth}px) {
-    padding: 4px;
-    &:before {
-      transform: none !important;
-    }
-  }
-  &:before {
-    content: "";
-    display: block;
-    width: 16px;
-    height: 3px;
-    opacity: 0.12;
-    border-radius: 4px;
-    background: var(--ck-accent-color, var(--ck-body-color));
-    transition:
-      transform 200ms ease,
-      opacity 180ms ease;
-  }
-  ${(props) => props.$active
-    ? css `
-          cursor: default;
-          &:before {
-            opacity: 1;
-          }
-        `
-    : !props.disabled &&
-        css `
-          cursor: pointer;
-          &:hover:before {
-            transform: scaleY(3.5);
-          }
-          &:active:before {
-          }
-        `}
-`;
-
-export { Dot, Dots, ImageContainer, ImageContainerInner, MobileImageContainer, Slide, Slider, Slides };
-//# sourceMappingURL=styles.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","sources":["../../../../../src/components/Pages/About/styles.ts"],"sourcesContent":["import { motion } from \"framer-motion\";\nimport { css } from \"styled-components\";\nimport defaultTheme from \"../../../constants/defaultTheme\";\nimport styled from \"./../../../styles/styled\";\nconst imageHeight = 208;\nexport const ImageContainer = styled.div `\n  pointer-events: none;\n  user-select: none;\n  height: ${imageHeight}px;\n  padding: 0 0 12px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  svg {\n    display: block;\n  }\n  @media only screen and (max-width: ${defaultTheme.mobileWidth}px) {\n    display: none;\n  }\n`;\nexport const ImageContainerInner = styled(motion.div) ``;\nexport const MobileImageContainer = styled.div `\n  pointer-events: none;\n  user-select: none;\n  height: ${imageHeight}px;\n  padding: 0 0 12px;\n  display: none;\n  align-items: center;\n  justify-content: center;\n  svg {\n    display: block;\n  }\n  @media only screen and (max-width: ${defaultTheme.mobileWidth}px) {\n    display: flex;\n  }\n`;\nexport const Slides = styled.div `\n  position: relative;\n`;\nexport const Slide = styled(motion.div) `\n  scroll-snap-type: x mandatory;\n  position: relative;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  width: 100%;\n  padding: 0 4px 8px;\n  /* will-change: transform, opacity; */\n  transition: 400ms 50ms cubic-bezier(0.16, 1, 0.3, 1);\n  transition-property: transform, opacity;\n  ${(props) => !props.$active &&\n    css `\n      pointer-events: none;\n      position: absolute;\n      opacity: 0;\n      transform: scale(0.95);\n      transition-duration: 300ms;\n      transition-delay: 0ms;\n    `}\n`;\nexport const Slider = styled.div `\n  --background: var(--ck-body-background-secondary);\n  --background-transparent: var(--ck-body-background-transparent, transparent);\n  position: relative;\n  padding: 0 0 4px;\n  border-radius: 16px;\n  @media only screen and (max-width: ${defaultTheme.mobileWidth}px) {\n    margin: 0 -24px;\n    ${Slides} {\n      position: relative;\n      z-index: 3;\n      display: flex;\n      overflow: auto;\n      scroll-behavior: smooth;\n      scroll-snap-type: x mandatory;\n      margin-top: -${imageHeight}px;\n      padding-top: ${imageHeight}px;\n      -ms-overflow-style: none; /* Internet Explorer 10+ */\n      scrollbar-width: none; /* Firefox */\n      &::-webkit-scrollbar {\n        display: none; /* Safari and Chrome */\n      }\n    }\n    ${Slide} {\n      position: relative;\n      opacity: 1;\n      transform: none;\n      flex-shrink: 0;\n      scroll-snap-align: start;\n    }\n  }\n`;\nexport const Dots = styled.div `\n  position: relative;\n  top: -1px;\n  display: flex;\n  justify-content: center;\n  pointer-events: auto;\n`;\nexport const Dot = styled.button `\n  display: flex;\n  align-items: center;\n  height: 28px;\n  padding: 2px;\n  background: none;\n  @media only screen and (max-width: ${defaultTheme.mobileWidth}px) {\n    padding: 4px;\n    &:before {\n      transform: none !important;\n    }\n  }\n  &:before {\n    content: \"\";\n    display: block;\n    width: 16px;\n    height: 3px;\n    opacity: 0.12;\n    border-radius: 4px;\n    background: var(--ck-accent-color, var(--ck-body-color));\n    transition:\n      transform 200ms ease,\n      opacity 180ms ease;\n  }\n  ${(props) => props.$active\n    ? css `\n          cursor: default;\n          &:before {\n            opacity: 1;\n          }\n        `\n    : !props.disabled &&\n        css `\n          cursor: pointer;\n          &:hover:before {\n            transform: scaleY(3.5);\n          }\n          &:active:before {\n          }\n        `}\n`;\n"],"names":[],"mappings":";;;;;AAIA,MAAM,WAAW,GAAG,GAAG,CAAC;AACZ,MAAC,cAAc,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC;AAC1C;AACA;AACA,UAAU,EAAE,WAAW,CAAC;AACxB;AACA;AACA;AACA;AACA;AACA;AACA;AACA,qCAAqC,EAAE,YAAY,CAAC,WAAW,CAAC;AAChE;AACA;AACA,EAAE;AACU,MAAC,mBAAmB,GAAG,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE;AAC7C,MAAC,oBAAoB,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC;AAChD;AACA;AACA,UAAU,EAAE,WAAW,CAAC;AACxB;AACA;AACA;AACA;AACA;AACA;AACA;AACA,qCAAqC,EAAE,YAAY,CAAC,WAAW,CAAC;AAChE;AACA;AACA,EAAE;AACU,MAAC,MAAM,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC;AAClC;AACA,EAAE;AACU,MAAC,KAAK,GAAG,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC;AACzC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,EAAE,EAAE,CAAC,KAAK,KAAK,CAAC,KAAK,CAAC,OAAO;AAC7B,IAAI,GAAG,CAAC,CAAC;AACT;AACA;AACA;AACA;AACA;AACA;AACA,IAAI,CAAC,CAAC;AACN,EAAE;AACU,MAAC,MAAM,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC;AAClC;AACA;AACA;AACA;AACA;AACA,qCAAqC,EAAE,YAAY,CAAC,WAAW,CAAC;AAChE;AACA,IAAI,EAAE,MAAM,CAAC;AACb;AACA;AACA;AACA;AACA;AACA;AACA,mBAAmB,EAAE,WAAW,CAAC;AACjC,mBAAmB,EAAE,WAAW,CAAC;AACjC;AACA;AACA;AACA;AACA;AACA;AACA,IAAI,EAAE,KAAK,CAAC;AACZ;AACA;AACA;AACA;AACA;AACA;AACA;AACA,EAAE;AACU,MAAC,IAAI,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC;AAChC;AACA;AACA;AACA;AACA;AACA,EAAE;AACU,MAAC,GAAG,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC;AAClC;AACA;AACA;AACA;AACA;AACA,qCAAqC,EAAE,YAAY,CAAC,WAAW,CAAC;AAChE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,EAAE,EAAE,CAAC,KAAK,KAAK,KAAK,CAAC,OAAO;AAC5B,MAAM,GAAG,CAAC,CAAC;AACX;AACA;AACA;AACA;AACA,QAAQ,CAAC;AACT,MAAM,CAAC,KAAK,CAAC,QAAQ;AACrB,QAAQ,GAAG,CAAC,CAAC;AACb;AACA;AACA;AACA;AACA;AACA;AACA,QAAQ,CAAC,CAAC;AACV;;;;"}

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

@@ -1,105 +0,0 @@
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { usePayContext } from '../../DaimoPay.js';
-import { PageContent, ModalContent, ModalH1, ModalBody } from '../../Common/Modal/styles.js';
-import { DaimoPayOrderMode, DaimoPayOrderStatusDest, assert, getChainExplorerTxUrl } from '@daimo/pay-common';
-import { motion } from 'framer-motion';
-import { TickIcon, LoadingCircleIcon } from '../../../assets/icons.js';
-import styled from '../../../styles/styled/index.js';
-import { getSupportUrl } from '../../../utils/supportUrl.js';
-import PoweredByFooter from '../../Common/PoweredByFooter/index.js';
-
-const Confirmation = () => {
-    const { paymentState, confirmationMessage } = usePayContext();
-    const { daimoPayOrder } = paymentState;
-    const { done, txURL } = (() => {
-        if (daimoPayOrder && daimoPayOrder.mode === DaimoPayOrderMode.HYDRATED) {
-            // Frontends are optimistic, assume submits will be successful
-            const { destStatus } = daimoPayOrder;
-            if (destStatus === DaimoPayOrderStatusDest.FAST_FINISH_SUBMITTED ||
-                destStatus === DaimoPayOrderStatusDest.FAST_FINISHED ||
-                destStatus === DaimoPayOrderStatusDest.CLAIM_SUCCESSFUL) {
-                const txHash = daimoPayOrder.destFastFinishTxHash ?? daimoPayOrder.destClaimTxHash;
-                const chainId = daimoPayOrder.destFinalCallTokenAmount.token.chainId;
-                assert(txHash != null, `[CONFIRMATION] dest status: ${destStatus}, but missing txHash`);
-                const txURL = getChainExplorerTxUrl(chainId, txHash);
-                paymentState.onSuccess({ txHash, txURL });
-                return {
-                    done: true,
-                    txURL,
-                };
-            }
-        }
-        return {
-            done: false,
-            txURL: undefined,
-        };
-    })();
-    return (jsx(PageContent, { style: {
-            display: "flex",
-            justifyContent: "center",
-            alignItems: "center",
-        }, children: jsxs(ModalContent, { style: {
-                display: "flex",
-                justifyContent: "center",
-                alignItems: "center",
-                paddingBottom: 0,
-            }, children: [jsx(AnimationContainer, { children: jsxs(InsetContainer, { children: [jsx(Spinner, { "$status": done }), jsx(SuccessIcon, { "$status": done })] }) }), !done ? (jsx(ModalH1, { children: "Confirming..." })) : (jsxs(Fragment, { children: [jsx(ModalH1, { children: jsx(Link, { href: txURL, target: "_blank", rel: "noopener noreferrer", children: "Payment completed" }) }), confirmationMessage && (jsx(ModalBody, { children: confirmationMessage }))] })), jsx(PoweredByFooter, { supportUrl: getSupportUrl(daimoPayOrder, done ? "Confirmed" : "Confirming") })] }) }));
-};
-const AnimationContainer = styled(motion.div) `
-  position: relative;
-  width: 100px;
-  height: 100px;
-  transition: transform 0.5s ease-in-out;
-  margin-bottom: 16px;
-`;
-const InsetContainer = styled(motion.div) `
-  position: absolute;
-  overflow: hidden;
-  inset: 6px;
-  border-radius: 50px;
-  background: var(--ck-body-background);
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  svg {
-    position: absolute;
-    width: 100%;
-    height: 100%;
-  }
-`;
-const Link = styled.a `
-  color: var(--ck-body-color);
-  text-decoration: none;
-
-  &:hover {
-    color: var(--ck-body-color-muted);
-  }
-`;
-const SuccessIcon = styled(TickIcon) `
-  color: var(--ck-body-color-valid);
-
-  transform: scale(0.5);
-  transition: all 0.2s ease-in-out;
-  position: absolute;
-  opacity: ${(props) => (props.$status ? 1 : 0)};
-  transform: ${(props) => (props.$status ? "scale(1)" : "scale(0.5)")};
-`;
-const Spinner = styled(LoadingCircleIcon) `
-  position: absolute;
-  transition: all 0.2s ease-in-out;
-  animation: rotateSpinner 400ms linear infinite;
-  opacity: ${(props) => (props.$status ? 0 : 1)};
-  transform: ${(props) => (props.$status ? "scale(0.5)" : "scale(1)")};
-
-  @keyframes rotateSpinner {
-    0% {
-      transform: rotate(0deg);
-    }
-    100% {
-      transform: rotate(360deg);
-    }
-  }
-`;
-
-export { Confirmation as default };
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/Pages/Confirmation/index.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from \"react/jsx-runtime\";\nimport { usePayContext } from \"../../DaimoPay\";\nimport { ModalBody, ModalContent, ModalH1, PageContent, } from \"../../Common/Modal/styles\";\nimport { assert, DaimoPayOrderMode, DaimoPayOrderStatusDest, getChainExplorerTxUrl, } from \"@daimo/pay-common\";\nimport { motion } from \"framer-motion\";\nimport { LoadingCircleIcon, TickIcon } from \"../../../assets/icons\";\nimport styled from \"../../../styles/styled\";\nimport { getSupportUrl } from \"../../../utils/supportUrl\";\nimport PoweredByFooter from \"../../Common/PoweredByFooter\";\nconst Confirmation = () => {\n    const { paymentState, confirmationMessage } = usePayContext();\n    const { daimoPayOrder } = paymentState;\n    const { done, txURL } = (() => {\n        if (daimoPayOrder && daimoPayOrder.mode === DaimoPayOrderMode.HYDRATED) {\n            // Frontends are optimistic, assume submits will be successful\n            const { destStatus } = daimoPayOrder;\n            if (destStatus === DaimoPayOrderStatusDest.FAST_FINISH_SUBMITTED ||\n                destStatus === DaimoPayOrderStatusDest.FAST_FINISHED ||\n                destStatus === DaimoPayOrderStatusDest.CLAIM_SUCCESSFUL) {\n                const txHash = daimoPayOrder.destFastFinishTxHash ?? daimoPayOrder.destClaimTxHash;\n                const chainId = daimoPayOrder.destFinalCallTokenAmount.token.chainId;\n                assert(txHash != null, `[CONFIRMATION] dest status: ${destStatus}, but missing txHash`);\n                const txURL = getChainExplorerTxUrl(chainId, txHash);\n                paymentState.onSuccess({ txHash, txURL });\n                return {\n                    done: true,\n                    txURL,\n                };\n            }\n        }\n        return {\n            done: false,\n            txURL: undefined,\n        };\n    })();\n    return (_jsx(PageContent, { style: {\n            display: \"flex\",\n            justifyContent: \"center\",\n            alignItems: \"center\",\n        }, children: _jsxs(ModalContent, { style: {\n                display: \"flex\",\n                justifyContent: \"center\",\n                alignItems: \"center\",\n                paddingBottom: 0,\n            }, children: [_jsx(AnimationContainer, { children: _jsxs(InsetContainer, { children: [_jsx(Spinner, { \"$status\": done }), _jsx(SuccessIcon, { \"$status\": done })] }) }), !done ? (_jsx(ModalH1, { children: \"Confirming...\" })) : (_jsxs(_Fragment, { children: [_jsx(ModalH1, { children: _jsx(Link, { href: txURL, target: \"_blank\", rel: \"noopener noreferrer\", children: \"Payment completed\" }) }), confirmationMessage && (_jsx(ModalBody, { children: confirmationMessage }))] })), _jsx(PoweredByFooter, { supportUrl: getSupportUrl(daimoPayOrder, done ? \"Confirmed\" : \"Confirming\") })] }) }));\n};\nconst AnimationContainer = styled(motion.div) `\n  position: relative;\n  width: 100px;\n  height: 100px;\n  transition: transform 0.5s ease-in-out;\n  margin-bottom: 16px;\n`;\nconst InsetContainer = styled(motion.div) `\n  position: absolute;\n  overflow: hidden;\n  inset: 6px;\n  border-radius: 50px;\n  background: var(--ck-body-background);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  svg {\n    position: absolute;\n    width: 100%;\n    height: 100%;\n  }\n`;\nconst Link = styled.a `\n  color: var(--ck-body-color);\n  text-decoration: none;\n\n  &:hover {\n    color: var(--ck-body-color-muted);\n  }\n`;\nconst SuccessIcon = styled(TickIcon) `\n  color: var(--ck-body-color-valid);\n\n  transform: scale(0.5);\n  transition: all 0.2s ease-in-out;\n  position: absolute;\n  opacity: ${(props) => (props.$status ? 1 : 0)};\n  transform: ${(props) => (props.$status ? \"scale(1)\" : \"scale(0.5)\")};\n`;\nconst Spinner = styled(LoadingCircleIcon) `\n  position: absolute;\n  transition: all 0.2s ease-in-out;\n  animation: rotateSpinner 400ms linear infinite;\n  opacity: ${(props) => (props.$status ? 0 : 1)};\n  transform: ${(props) => (props.$status ? \"scale(0.5)\" : \"scale(1)\")};\n\n  @keyframes rotateSpinner {\n    0% {\n      transform: rotate(0deg);\n    }\n    100% {\n      transform: rotate(360deg);\n    }\n  }\n`;\nexport default Confirmation;\n"],"names":["_jsx","_jsxs","_Fragment"],"mappings":"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"}

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

@@ -1,20 +0,0 @@
-import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-import { usePayContext, ROUTES } from '../../DaimoPay.js';
-import WalletIcon from '../../../assets/wallet.js';
-import { PageContent, ModalContent, ModalH1, ModalBody, Disclaimer } from '../../Common/Modal/styles.js';
-import { InfoBox, InfoBoxButtons, LearnMoreContainer, LearnMoreButton } from './styles.js';
-import useIsMobile from '../../../hooks/useIsMobile.js';
-import useLocales from '../../../hooks/useLocales.js';
-import Button from '../../Common/Button/index.js';
-import ConnectorList from '../../Common/ConnectorList/index.js';
-import { OrderHeader } from '../../Common/OrderHeader/index.js';
-
-const Wallets = () => {
-    const context = usePayContext();
-    const locales = useLocales({});
-    const isMobile = useIsMobile();
-    return (jsxs(PageContent, { children: [jsx(OrderHeader, { minified: true }), jsx(ConnectorList, {}), isMobile ? (jsx(Fragment, { children: jsxs(InfoBox, { children: [jsxs(ModalContent, { style: { padding: 0, textAlign: "left" }, children: [jsx(ModalH1, { "$small": true, children: locales.connectorsScreen_h1 }), jsx(ModalBody, { children: locales.connectorsScreen_p })] }), jsxs(InfoBoxButtons, { children: [!context.options?.hideQuestionMarkCTA && (jsx(Button, { variant: "tertiary", onClick: () => context.setRoute(ROUTES.ABOUT), children: locales.learnMore })), !context.options?.hideNoWalletCTA && (jsx(Button, { variant: "tertiary", onClick: () => context.setRoute(ROUTES.ONBOARDING), children: locales.getWallet }))] })] }) })) : (jsx(Fragment, { children: !context.options?.hideNoWalletCTA && (jsx(LearnMoreContainer, { children: jsxs(LearnMoreButton, { onClick: () => context.setRoute(ROUTES.ONBOARDING), children: [jsx(WalletIcon, {}), " ", locales.connectorsScreen_newcomer] }) })) })), context.options?.disclaimer && (jsx(Disclaimer, { style: { visibility: "hidden", pointerEvents: "none" }, children: jsx("div", { children: context.options?.disclaimer }) }))] }));
-};
-
-export { Wallets as default };
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/Pages/Connectors/index.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from \"react/jsx-runtime\";\nimport { ROUTES, usePayContext } from \"../../DaimoPay\";\nimport WalletIcon from \"../../../assets/wallet\";\nimport { Disclaimer, ModalBody, ModalContent, ModalH1, PageContent, } from \"../../Common/Modal/styles\";\nimport { InfoBox, InfoBoxButtons, LearnMoreButton, LearnMoreContainer, } from \"./styles\";\nimport useIsMobile from \"../../../hooks/useIsMobile\";\nimport useLocales from \"../../../hooks/useLocales\";\nimport Button from \"../../Common/Button\";\nimport ConnectorList from \"../../Common/ConnectorList\";\nimport { OrderHeader } from \"../../Common/OrderHeader\";\nconst Wallets = () => {\n    const context = usePayContext();\n    const locales = useLocales({});\n    const isMobile = useIsMobile();\n    return (_jsxs(PageContent, { children: [_jsx(OrderHeader, { minified: true }), _jsx(ConnectorList, {}), isMobile ? (_jsx(_Fragment, { children: _jsxs(InfoBox, { children: [_jsxs(ModalContent, { style: { padding: 0, textAlign: \"left\" }, children: [_jsx(ModalH1, { \"$small\": true, children: locales.connectorsScreen_h1 }), _jsx(ModalBody, { children: locales.connectorsScreen_p })] }), _jsxs(InfoBoxButtons, { children: [!context.options?.hideQuestionMarkCTA && (_jsx(Button, { variant: \"tertiary\", onClick: () => context.setRoute(ROUTES.ABOUT), children: locales.learnMore })), !context.options?.hideNoWalletCTA && (_jsx(Button, { variant: \"tertiary\", onClick: () => context.setRoute(ROUTES.ONBOARDING), children: locales.getWallet }))] })] }) })) : (_jsx(_Fragment, { children: !context.options?.hideNoWalletCTA && (_jsx(LearnMoreContainer, { children: _jsxs(LearnMoreButton, { onClick: () => context.setRoute(ROUTES.ONBOARDING), children: [_jsx(WalletIcon, {}), \" \", locales.connectorsScreen_newcomer] }) })) })), context.options?.disclaimer && (_jsx(Disclaimer, { style: { visibility: \"hidden\", pointerEvents: \"none\" }, children: _jsx(\"div\", { children: context.options?.disclaimer }) }))] }));\n};\nexport default Wallets;\n"],"names":["_jsxs","_jsx","_Fragment"],"mappings":";;;;;;;;;;;AAUK,MAAC,OAAO,GAAG,MAAM;AACtB,IAAI,MAAM,OAAO,GAAG,aAAa,EAAE,CAAC;AACpC,IAAI,MAAM,OAAO,GAAG,UAAU,CAAC,EAAE,CAAC,CAAC;AACnC,IAAI,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;AACnC,IAAI,QAAQA,IAAK,CAAC,WAAW,EAAE,EAAE,QAAQ,EAAE,CAACC,GAAI,CAAC,WAAW,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,EAAEA,GAAI,CAAC,aAAa,EAAE,EAAE,CAAC,EAAE,QAAQ,IAAIA,GAAI,CAACC,QAAS,EAAE,EAAE,QAAQ,EAAEF,IAAK,CAAC,OAAO,EAAE,EAAE,QAAQ,EAAE,CAACA,IAAK,CAAC,YAAY,EAAE,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,SAAS,EAAE,MAAM,EAAE,EAAE,QAAQ,EAAE,CAACC,GAAI,CAAC,OAAO,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,CAAC,mBAAmB,EAAE,CAAC,EAAEA,GAAI,CAAC,SAAS,EAAE,EAAE,QAAQ,EAAE,OAAO,CAAC,kBAAkB,EAAE,CAAC,CAAC,EAAE,CAAC,EAAED,IAAK,CAAC,cAAc,EAAE,EAAE,QAAQ,EAAE,CAAC,CAAC,OAAO,CAAC,OAAO,EAAE,mBAAmB,KAAKC,GAAI,CAAC,MAAM,EAAE,EAAE,OAAO,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,QAAQ,EAAE,OAAO,CAAC,SAAS,EAAE,CAAC,CAAC,EAAE,CAAC,OAAO,CAAC,OAAO,EAAE,eAAe,KAAKA,GAAI,CAAC,MAAM,EAAE,EAAE,OAAO,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAC,UAAU,CAAC,EAAE,QAAQ,EAAE,OAAO,CAAC,SAAS,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,KAAKA,GAAI,CAACC,QAAS,EAAE,EAAE,QAAQ,EAAE,CAAC,OAAO,CAAC,OAAO,EAAE,eAAe,KAAKD,GAAI,CAAC,kBAAkB,EAAE,EAAE,QAAQ,EAAED,IAAK,CAAC,eAAe,EAAE,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAC,UAAU,CAAC,EAAE,QAAQ,EAAE,CAACC,GAAI,CAAC,UAAU,EAAE,EAAE,CAAC,EAAE,GAAG,EAAE,OAAO,CAAC,yBAAyB,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,OAAO,CAAC,OAAO,EAAE,UAAU,KAAKA,GAAI,CAAC,UAAU,EAAE,EAAE,KAAK,EAAE,EAAE,UAAU,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,EAAE,EAAE,QAAQ,EAAEA,GAAI,CAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,OAAO,CAAC,OAAO,EAAE,UAAU,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE;AAChrC;;;;"}

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

@@ -1,267 +0,0 @@
-import { keyframes } from 'styled-components';
-import styled from '../../../styles/styled/index.js';
-import { motion } from 'framer-motion';
-import { ModalBody } from '../../Common/Modal/styles.js';
-
-const Shimmer = keyframes `
-  0%{ transform: translate(-100%) rotate(-45deg); }
-  100%{ transform: translate(100%) rotate(-80deg); }
-`;
-const InfoBox = styled.div `
-  padding: 24px 24px 28px;
-  border-radius: var(--ck-tertiary-border-radius, 24px);
-  box-shadow: var(--ck-tertiary-box-shadow, none);
-  background: var(--ck-body-background-tertiary);
-  ${ModalBody} {
-    max-width: none;
-  }
-`;
-const InfoBoxButtons = styled.div `
-  display: grid;
-  grid-template-columns: 1fr 1fr;
-  gap: 16px;
-  margin: 5px -8px -12px;
-  button {
-  }
-`;
-const LearnMoreContainer = styled(motion.div) `
-  text-align: center;
-  margin-top: 16px;
-  margin-bottom: -6px;
-`;
-const LearnMoreButton = styled(motion.button) `
-  appearance: none;
-  user-select: none;
-  cursor: pointer;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  gap: 10px;
-  height: 42px;
-  padding: 0 16px;
-  border-radius: 6px;
-  background: none;
-  color: var(--ck-body-color-muted);
-  font-size: 15px;
-  line-height: 18px;
-  font-weight: 500;
-  /* will-change: transform; */
-  transition:
-    color 200ms ease,
-    transform 100ms ease;
-  svg {
-    transition: all 100ms ease-out;
-    display: block;
-    position: relative;
-    top: 2px;
-    left: 2px;
-    transform: translateZ(0px);
-    path,
-    circle {
-      transition: all 100ms ease-out;
-    }
-    path:last-of-type {
-      transform-origin: 0 0;
-      transform: scaleX(1.3) skewY(-12deg);
-      opacity: 0;
-    }
-    circle {
-      transform: translate(20%, -15%);
-    }
-  }
-  &:hover {
-    color: var(--ck-body-color-muted-hover);
-    svg {
-      path,
-      circle {
-        opacity: 1;
-        transform: none;
-      }
-    }
-  }
-  &:active {
-    transform: scale(0.96);
-  }
-`;
-styled(motion.div) `
-  display: flex;
-  flex-direction: column;
-  gap: 12px;
-  padding: 0 0 16px;
-  overflow-y: scroll;
-  max-height: 20rem;
-
-  &::-webkit-scrollbar {
-    display: none;
-  }
-`;
-styled(motion.button) `
-  cursor: pointer;
-  user-select: none;
-  position: relative;
-  display: flex;
-  align-items: center;
-  padding: 0 20px;
-  width: 100%;
-  height: 64px;
-  font-size: 17px;
-  font-weight: var(--ck-primary-button-font-weight, 500);
-  line-height: 20px;
-  text-align: var(--ck-body-button-text-align, left);
-  transition: 180ms ease;
-  transition-property: background, color, box-shadow, transform, opacity;
-  will-change: transform, box-shadow, background-color, color, opacity;
-
-  --fallback-color: var(--ck-primary-button-color);
-  --fallback-background: var(--ck-primary-button-background);
-  --fallback-box-shadow: var(--ck-primary-button-box-shadow);
-  --fallback-border-radius: var(--ck-primary-button-border-radius);
-
-  --color: var(--ck-primary-button-color, var(--fallback-color));
-  --background: var(--ck-primary-button-background, var(--fallback-background));
-  --box-shadow: var(--ck-primary-button-box-shadow, var(--fallback-box-shadow));
-  --border-radius: var(
-    --ck-primary-button-border-radius,
-    var(--fallback-border-radius)
-  );
-
-  --hover-color: var(--ck-primary-button-hover-color, var(--color));
-  --hover-background: var(
-    --ck-primary-button-hover-background,
-    var(--background)
-  );
-  --hover-box-shadow: var(
-    --ck-primary-button-hover-box-shadow,
-    var(--box-shadow)
-  );
-  --hover-border-radius: var(
-    --ck-primary-button-hover-border-radius,
-    var(--border-radius)
-  );
-
-  --active-color: var(--ck-primary-button-active-color, var(--hover-color));
-  --active-background: var(
-    --ck-primary-button-active-background,
-    var(--hover-background)
-  );
-  --active-box-shadow: var(
-    --ck-primary-button-active-box-shadow,
-    var(--hover-box-shadow)
-  );
-  --active-border-radius: var(
-    --ck-primary-button-active-border-radius,
-    var(--hover-border-radius)
-  );
-
-  color: var(--color);
-  background: var(--background);
-  box-shadow: var(--box-shadow);
-  border-radius: var(--border-radius);
-
-  &:disabled {
-    transition: 180ms ease;
-    opacity: 0.4;
-  }
-
-  --bg: var(--background);
-  &:not(:disabled) {
-    &:hover {
-      color: var(--hover-color);
-      background: var(--hover-background);
-      box-shadow: var(--hover-box-shadow);
-      border-radius: var(--hover-border-radius);
-      --bg: var(--hover-background, var(--background));
-    }
-    &:focus-visible {
-      transition-duration: 100ms;
-      color: var(--hover-color);
-      background: var(--hover-background);
-      box-shadow: var(--hover-box-shadow);
-      border-radius: var(--hover-border-radius);
-      --bg: var(--hover-background, var(--background));
-    }
-    &:active {
-      color: var(--active-color);
-      background: var(--active-background);
-      box-shadow: var(--active-box-shadow);
-      border-radius: var(--active-border-radius);
-      --bg: var(--active-background, var(--background));
-    }
-  }
-`;
-styled(motion.span) `
-  position: relative;
-  top: var(--ck-recent-badge-top-offset, 0.5px);
-  display: inline-block;
-  padding: 10px 7px;
-  line-height: 0;
-  font-size: 13px;
-  font-weight: 400;
-  border-radius: var(--ck-recent-badge-border-radius, var(--border-radius));
-  color: var(
-    --ck-recent-badge-color,
-    var(--ck-accent-color, var(--ck-body-color-muted, currentColor))
-  );
-  background: var(--ck-recent-badge-background, transparent);
-  overflow: hidden;
-  span {
-    display: inline-block;
-    position: relative;
-  }
-  &:before {
-    z-index: 1;
-    content: "";
-    position: absolute;
-    inset: 0;
-    opacity: 0.4;
-    box-shadow: var(--ck-recent-badge-box-shadow, inset 0 0 0 1px currentColor);
-    border-radius: inherit;
-  }
-  &:after {
-    z-index: 2;
-    content: "";
-    position: absolute;
-    inset: -10%;
-    top: -110%;
-    aspect-ratio: 1/1;
-    opacity: 0.7;
-    background: linear-gradient(
-      170deg,
-      transparent 10%,
-      var(--ck-recent-badge-background, var(--bg)) 50%,
-      transparent 90%
-    );
-    animation: ${Shimmer} 2s linear infinite;
-  }
-`;
-styled(motion.span) `
-  display: flex;
-  align-items: center;
-  gap: 9px;
-  width: 100%;
-  overflow: hidden;
-  white-space: nowrap;
-  text-overflow: ellipsis;
-  padding: 2px 0;
-  padding-right: 38px;
-`;
-styled(motion.div) `
-  position: absolute;
-  right: 20px;
-  width: 32px;
-  height: 32px;
-  overflow: hidden;
-  svg,
-  img {
-    display: block;
-    position: relative;
-    pointer-events: none;
-    overflow: hidden;
-    border-radius: 27.5%;
-    width: 100%;
-    height: 100%;
-  }
-`;
-
-export { InfoBox, InfoBoxButtons, LearnMoreButton, LearnMoreContainer };
-//# sourceMappingURL=styles.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","sources":["../../../../../src/components/Pages/Connectors/styles.ts"],"sourcesContent":["import { keyframes } from \"styled-components\";\nimport styled from \"./../../../styles/styled\";\nimport { motion } from \"framer-motion\";\nimport { ModalBody } from \"../../Common/Modal/styles\";\nconst Shimmer = keyframes `\n  0%{ transform: translate(-100%) rotate(-45deg); }\n  100%{ transform: translate(100%) rotate(-80deg); }\n`;\nexport const InfoBox = styled.div `\n  padding: 24px 24px 28px;\n  border-radius: var(--ck-tertiary-border-radius, 24px);\n  box-shadow: var(--ck-tertiary-box-shadow, none);\n  background: var(--ck-body-background-tertiary);\n  ${ModalBody} {\n    max-width: none;\n  }\n`;\nexport const InfoBoxButtons = styled.div `\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 16px;\n  margin: 5px -8px -12px;\n  button {\n  }\n`;\nexport const LearnMoreContainer = styled(motion.div) `\n  text-align: center;\n  margin-top: 16px;\n  margin-bottom: -6px;\n`;\nexport const LearnMoreButton = styled(motion.button) `\n  appearance: none;\n  user-select: none;\n  cursor: pointer;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 10px;\n  height: 42px;\n  padding: 0 16px;\n  border-radius: 6px;\n  background: none;\n  color: var(--ck-body-color-muted);\n  font-size: 15px;\n  line-height: 18px;\n  font-weight: 500;\n  /* will-change: transform; */\n  transition:\n    color 200ms ease,\n    transform 100ms ease;\n  svg {\n    transition: all 100ms ease-out;\n    display: block;\n    position: relative;\n    top: 2px;\n    left: 2px;\n    transform: translateZ(0px);\n    path,\n    circle {\n      transition: all 100ms ease-out;\n    }\n    path:last-of-type {\n      transform-origin: 0 0;\n      transform: scaleX(1.3) skewY(-12deg);\n      opacity: 0;\n    }\n    circle {\n      transform: translate(20%, -15%);\n    }\n  }\n  &:hover {\n    color: var(--ck-body-color-muted-hover);\n    svg {\n      path,\n      circle {\n        opacity: 1;\n        transform: none;\n      }\n    }\n  }\n  &:active {\n    transform: scale(0.96);\n  }\n`;\nexport const ConnectorsContainer = styled(motion.div) `\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n  padding: 0 0 16px;\n  overflow-y: scroll;\n  max-height: 20rem;\n\n  &::-webkit-scrollbar {\n    display: none;\n  }\n`;\nexport const ConnectorButton = styled(motion.button) `\n  cursor: pointer;\n  user-select: none;\n  position: relative;\n  display: flex;\n  align-items: center;\n  padding: 0 20px;\n  width: 100%;\n  height: 64px;\n  font-size: 17px;\n  font-weight: var(--ck-primary-button-font-weight, 500);\n  line-height: 20px;\n  text-align: var(--ck-body-button-text-align, left);\n  transition: 180ms ease;\n  transition-property: background, color, box-shadow, transform, opacity;\n  will-change: transform, box-shadow, background-color, color, opacity;\n\n  --fallback-color: var(--ck-primary-button-color);\n  --fallback-background: var(--ck-primary-button-background);\n  --fallback-box-shadow: var(--ck-primary-button-box-shadow);\n  --fallback-border-radius: var(--ck-primary-button-border-radius);\n\n  --color: var(--ck-primary-button-color, var(--fallback-color));\n  --background: var(--ck-primary-button-background, var(--fallback-background));\n  --box-shadow: var(--ck-primary-button-box-shadow, var(--fallback-box-shadow));\n  --border-radius: var(\n    --ck-primary-button-border-radius,\n    var(--fallback-border-radius)\n  );\n\n  --hover-color: var(--ck-primary-button-hover-color, var(--color));\n  --hover-background: var(\n    --ck-primary-button-hover-background,\n    var(--background)\n  );\n  --hover-box-shadow: var(\n    --ck-primary-button-hover-box-shadow,\n    var(--box-shadow)\n  );\n  --hover-border-radius: var(\n    --ck-primary-button-hover-border-radius,\n    var(--border-radius)\n  );\n\n  --active-color: var(--ck-primary-button-active-color, var(--hover-color));\n  --active-background: var(\n    --ck-primary-button-active-background,\n    var(--hover-background)\n  );\n  --active-box-shadow: var(\n    --ck-primary-button-active-box-shadow,\n    var(--hover-box-shadow)\n  );\n  --active-border-radius: var(\n    --ck-primary-button-active-border-radius,\n    var(--hover-border-radius)\n  );\n\n  color: var(--color);\n  background: var(--background);\n  box-shadow: var(--box-shadow);\n  border-radius: var(--border-radius);\n\n  &:disabled {\n    transition: 180ms ease;\n    opacity: 0.4;\n  }\n\n  --bg: var(--background);\n  &:not(:disabled) {\n    &:hover {\n      color: var(--hover-color);\n      background: var(--hover-background);\n      box-shadow: var(--hover-box-shadow);\n      border-radius: var(--hover-border-radius);\n      --bg: var(--hover-background, var(--background));\n    }\n    &:focus-visible {\n      transition-duration: 100ms;\n      color: var(--hover-color);\n      background: var(--hover-background);\n      box-shadow: var(--hover-box-shadow);\n      border-radius: var(--hover-border-radius);\n      --bg: var(--hover-background, var(--background));\n    }\n    &:active {\n      color: var(--active-color);\n      background: var(--active-background);\n      box-shadow: var(--active-box-shadow);\n      border-radius: var(--active-border-radius);\n      --bg: var(--active-background, var(--background));\n    }\n  }\n`;\nexport const ConnectorRecentlyUsed = styled(motion.span) `\n  position: relative;\n  top: var(--ck-recent-badge-top-offset, 0.5px);\n  display: inline-block;\n  padding: 10px 7px;\n  line-height: 0;\n  font-size: 13px;\n  font-weight: 400;\n  border-radius: var(--ck-recent-badge-border-radius, var(--border-radius));\n  color: var(\n    --ck-recent-badge-color,\n    var(--ck-accent-color, var(--ck-body-color-muted, currentColor))\n  );\n  background: var(--ck-recent-badge-background, transparent);\n  overflow: hidden;\n  span {\n    display: inline-block;\n    position: relative;\n  }\n  &:before {\n    z-index: 1;\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    opacity: 0.4;\n    box-shadow: var(--ck-recent-badge-box-shadow, inset 0 0 0 1px currentColor);\n    border-radius: inherit;\n  }\n  &:after {\n    z-index: 2;\n    content: \"\";\n    position: absolute;\n    inset: -10%;\n    top: -110%;\n    aspect-ratio: 1/1;\n    opacity: 0.7;\n    background: linear-gradient(\n      170deg,\n      transparent 10%,\n      var(--ck-recent-badge-background, var(--bg)) 50%,\n      transparent 90%\n    );\n    animation: ${Shimmer} 2s linear infinite;\n  }\n`;\nexport const ConnectorLabel = styled(motion.span) `\n  display: flex;\n  align-items: center;\n  gap: 9px;\n  width: 100%;\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  padding: 2px 0;\n  padding-right: 38px;\n`;\nexport const ConnectorIcon = styled(motion.div) `\n  position: absolute;\n  right: 20px;\n  width: 32px;\n  height: 32px;\n  overflow: hidden;\n  svg,\n  img {\n    display: block;\n    position: relative;\n    pointer-events: none;\n    overflow: hidden;\n    border-radius: 27.5%;\n    width: 100%;\n    height: 100%;\n  }\n`;\n"],"names":[],"mappings":";;;;;AAIA,MAAM,OAAO,GAAG,SAAS,CAAC,CAAC;AAC3B;AACA;AACA,CAAC,CAAC;AACU,MAAC,OAAO,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC;AACnC;AACA;AACA;AACA;AACA,EAAE,EAAE,SAAS,CAAC;AACd;AACA;AACA,EAAE;AACU,MAAC,cAAc,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC;AAC1C;AACA;AACA;AACA;AACA;AACA;AACA,EAAE;AACU,MAAC,kBAAkB,GAAG,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC;AACtD;AACA;AACA;AACA,EAAE;AACU,MAAC,eAAe,GAAG,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC;AACtD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,EAAE;AACiC,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC;AACvD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,EAAE;AAC6B,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC;AACtD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,EAAE;AACmC,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC;AAC1D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,eAAe,EAAE,OAAO,CAAC;AACzB;AACA,EAAE;AAC4B,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC;AACnD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,EAAE;AAC2B,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC;AACjD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;"}

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

@@ -1,30 +0,0 @@
-import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
-import { PageContent, ModalContent, ModalBody } from '../../Common/Modal/styles.js';
-import CustomQRCode from '../../Common/CustomQRCode/index.js';
-import useLocales from '../../../hooks/useLocales.js';
-import { useWallet } from '../../../wallets/useWallets.js';
-import { usePayContext } from '../../DaimoPay.js';
-
-const DownloadApp = () => {
-    const context = usePayContext();
-    const wallet = useWallet(context.connector.id);
-    const locales = useLocales({
-        CONNECTORNAME: wallet?.name,
-    });
-    if (!wallet)
-        return jsx(Fragment, { children: "Wallet not found" });
-    const downloads = {
-        ios: wallet.downloadUrls?.ios,
-        android: wallet.downloadUrls?.android,
-        redirect: wallet.downloadUrls?.download,
-    };
-    const bodycopy = downloads.ios && downloads.android
-        ? locales.downloadAppScreen_iosAndroid
-        : downloads.ios
-            ? locales.downloadAppScreen_ios
-            : locales.downloadAppScreen_android;
-    return (jsx(PageContent, { children: jsxs(ModalContent, { style: { paddingBottom: 4, gap: 14 }, children: [downloads.redirect && jsx(CustomQRCode, { value: downloads.redirect }), !downloads.redirect && jsx(Fragment, { children: "No download link available" }), jsx(ModalBody, { style: { fontSize: 15, lineHeight: "20px", padding: "0 12px" }, children: bodycopy })] }) }));
-};
-
-export { DownloadApp as default };
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/Pages/DownloadApp/index.tsx"],"sourcesContent":["import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { ModalBody, ModalContent, PageContent, } from \"../../Common/Modal/styles\";\nimport CustomQRCode from \"../../Common/CustomQRCode\";\nimport useLocales from \"../../../hooks/useLocales\";\nimport { useWallet } from \"../../../wallets/useWallets\";\nimport { usePayContext } from \"../../DaimoPay\";\nconst DownloadApp = () => {\n    const context = usePayContext();\n    const wallet = useWallet(context.connector.id);\n    const locales = useLocales({\n        CONNECTORNAME: wallet?.name,\n    });\n    if (!wallet)\n        return _jsx(_Fragment, { children: \"Wallet not found\" });\n    const downloads = {\n        ios: wallet.downloadUrls?.ios,\n        android: wallet.downloadUrls?.android,\n        redirect: wallet.downloadUrls?.download,\n    };\n    const bodycopy = downloads.ios && downloads.android\n        ? locales.downloadAppScreen_iosAndroid\n        : downloads.ios\n            ? locales.downloadAppScreen_ios\n            : locales.downloadAppScreen_android;\n    return (_jsx(PageContent, { children: _jsxs(ModalContent, { style: { paddingBottom: 4, gap: 14 }, children: [downloads.redirect && _jsx(CustomQRCode, { value: downloads.redirect }), !downloads.redirect && _jsx(_Fragment, { children: \"No download link available\" }), _jsx(ModalBody, { style: { fontSize: 15, lineHeight: \"20px\", padding: \"0 12px\" }, children: bodycopy })] }) }));\n};\nexport default DownloadApp;\n"],"names":["_jsx","_Fragment","_jsxs"],"mappings":";;;;;;;AAMK,MAAC,WAAW,GAAG,MAAM;AAC1B,IAAI,MAAM,OAAO,GAAG,aAAa,EAAE,CAAC;AACpC,IAAI,MAAM,MAAM,GAAG,SAAS,CAAC,OAAO,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC;AACnD,IAAI,MAAM,OAAO,GAAG,UAAU,CAAC;AAC/B,QAAQ,aAAa,EAAE,MAAM,EAAE,IAAI;AACnC,KAAK,CAAC,CAAC;AACP,IAAI,IAAI,CAAC,MAAM;AACf,QAAQ,OAAOA,GAAI,CAACC,QAAS,EAAE,EAAE,QAAQ,EAAE,kBAAkB,EAAE,CAAC,CAAC;AACjE,IAAI,MAAM,SAAS,GAAG;AACtB,QAAQ,GAAG,EAAE,MAAM,CAAC,YAAY,EAAE,GAAG;AACrC,QAAQ,OAAO,EAAE,MAAM,CAAC,YAAY,EAAE,OAAO;AAC7C,QAAQ,QAAQ,EAAE,MAAM,CAAC,YAAY,EAAE,QAAQ;AAC/C,KAAK,CAAC;AACN,IAAI,MAAM,QAAQ,GAAG,SAAS,CAAC,GAAG,IAAI,SAAS,CAAC,OAAO;AACvD,UAAU,OAAO,CAAC,4BAA4B;AAC9C,UAAU,SAAS,CAAC,GAAG;AACvB,cAAc,OAAO,CAAC,qBAAqB;AAC3C,cAAc,OAAO,CAAC,yBAAyB,CAAC;AAChD,IAAI,QAAQD,GAAI,CAAC,WAAW,EAAE,EAAE,QAAQ,EAAEE,IAAK,CAAC,YAAY,EAAE,EAAE,KAAK,EAAE,EAAE,aAAa,EAAE,CAAC,EAAE,GAAG,EAAE,EAAE,EAAE,EAAE,QAAQ,EAAE,CAAC,SAAS,CAAC,QAAQ,IAAIF,GAAI,CAAC,YAAY,EAAE,EAAE,KAAK,EAAE,SAAS,CAAC,QAAQ,EAAE,CAAC,EAAE,CAAC,SAAS,CAAC,QAAQ,IAAIA,GAAI,CAACC,QAAS,EAAE,EAAE,QAAQ,EAAE,4BAA4B,EAAE,CAAC,EAAED,GAAI,CAAC,SAAS,EAAE,EAAE,KAAK,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,UAAU,EAAE,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE;AAC9X;;;;"}