@daimo/pay 1.6.0 → 1.6.2

package/build/src/components/Common/Chain/index.js

@@ -1,7 +1,7 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
+import { supportedChains } from '@daimo/pay-common';
 import { AnimatePresence } from 'framer-motion';
-import Chains from '../../../assets/chains.js';
-import { chainConfigs } from '../../../constants/chainConfigs.js';
+import { chainToLogo, UnknownChain } from '../../../assets/chains.js';
 import { useChainIsSupported } from '../../../hooks/useChainIsSupported.js';
 import useIsMounted from '../../../hooks/useIsMounted.js';
 import { ChainContainer, Unsupported, LogoContainer, LoadingContainer } from './styles.js';
@@ -11,14 +11,14 @@ const Spinner = (jsxs("svg", { "aria-hidden": "true", width: "36", height: "36",
 const Chain = ({ id, unsupported: controlledUnsupported, radius = "50%", size = 24, }) => {
     const isChainSupported = useChainIsSupported(id);
     const unsupported = controlledUnsupported ?? !isChainSupported;
-    const chain = chainConfigs.find((c) => c.id === id);
+    const chain = supportedChains.find((c) => c.chainId === id);
     const isMounted = useIsMounted();
     if (!isMounted)
         return (jsx("div", { style: {
                 width: size,
                 height: size,
             } }));
-    return (jsx(ChainContainer, { size: size, radius: radius, children: jsxs(AnimatePresence, { initial: false, children: [unsupported && (jsx(Unsupported, { initial: { opacity: 0 }, animate: { opacity: 1 }, exit: { opacity: 0 }, children: jsxs("svg", { width: "13", height: "12", viewBox: "0 0 13 12", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [jsx("path", { d: "M2.61317 11.2501H9.46246C10.6009 11.2501 11.3256 10.3506 11.3256 9.3549C11.3256 9.05145 11.255 8.73244 11.0881 8.43303L7.65903 2.14708C7.659 2.14702 7.65897 2.14696 7.65893 2.1469C7.65889 2.14682 7.65884 2.14673 7.65879 2.14664C7.31045 1.50746 6.6741 1.17871 6.04 1.17871C5.41478 1.17871 4.763 1.50043 4.41518 2.14968L0.993416 8.43476C0.828865 8.72426 0.75 9.04297 0.75 9.3549C0.75 10.3506 1.47471 11.2501 2.61317 11.2501Z", fill: "currentColor", stroke: "var(--ck-body-background, #fff)", strokeWidth: "1.5" }), jsx("path", { d: "M6.03258 7.43916C5.77502 7.43916 5.63096 7.29153 5.62223 7.02311L5.55675 4.96973C5.54802 4.69684 5.74446 4.5 6.02821 4.5C6.3076 4.5 6.51277 4.70131 6.50404 4.9742L6.43856 7.01864C6.42546 7.29153 6.2814 7.43916 6.03258 7.43916ZM6.03258 9.11676C5.7401 9.11676 5.5 8.9065 5.5 8.60677C5.5 8.30704 5.7401 8.09678 6.03258 8.09678C6.32506 8.09678 6.56515 8.30256 6.56515 8.60677C6.56515 8.91097 6.32069 9.11676 6.03258 9.11676Z", fill: "white" })] }) })), id ? (jsx(LogoContainer, { initial: { opacity: 0 }, animate: { opacity: 1 }, exit: { opacity: 0 }, transition: { duration: 0.3 }, children: chain?.logo ?? jsx(Chains.UnknownChain, {}) }, `${chain?.id}-${chain?.name}-${id}`)) : (jsx(LoadingContainer, { initial: { opacity: 0 }, animate: { opacity: 1 }, exit: { opacity: 0 }, transition: { duration: 0.3 }, children: Spinner }, "loading"))] }) }));
+    return (jsx(ChainContainer, { size: size, radius: radius, children: jsxs(AnimatePresence, { initial: false, children: [unsupported && (jsx(Unsupported, { initial: { opacity: 0 }, animate: { opacity: 1 }, exit: { opacity: 0 }, children: jsxs("svg", { width: "13", height: "12", viewBox: "0 0 13 12", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [jsx("path", { d: "M2.61317 11.2501H9.46246C10.6009 11.2501 11.3256 10.3506 11.3256 9.3549C11.3256 9.05145 11.255 8.73244 11.0881 8.43303L7.65903 2.14708C7.659 2.14702 7.65897 2.14696 7.65893 2.1469C7.65889 2.14682 7.65884 2.14673 7.65879 2.14664C7.31045 1.50746 6.6741 1.17871 6.04 1.17871C5.41478 1.17871 4.763 1.50043 4.41518 2.14968L0.993416 8.43476C0.828865 8.72426 0.75 9.04297 0.75 9.3549C0.75 10.3506 1.47471 11.2501 2.61317 11.2501Z", fill: "currentColor", stroke: "var(--ck-body-background, #fff)", strokeWidth: "1.5" }), jsx("path", { d: "M6.03258 7.43916C5.77502 7.43916 5.63096 7.29153 5.62223 7.02311L5.55675 4.96973C5.54802 4.69684 5.74446 4.5 6.02821 4.5C6.3076 4.5 6.51277 4.70131 6.50404 4.9742L6.43856 7.01864C6.42546 7.29153 6.2814 7.43916 6.03258 7.43916ZM6.03258 9.11676C5.7401 9.11676 5.5 8.9065 5.5 8.60677C5.5 8.30704 5.7401 8.09678 6.03258 8.09678C6.32506 8.09678 6.56515 8.30256 6.56515 8.60677C6.56515 8.91097 6.32069 9.11676 6.03258 9.11676Z", fill: "white" })] }) })), id ? (jsx(LogoContainer, { initial: { opacity: 0 }, animate: { opacity: 1 }, exit: { opacity: 0 }, transition: { duration: 0.3 }, children: chain?.chainId ? chainToLogo[chain.chainId] : jsx(UnknownChain, {}) }, `${chain?.chainId}-${chain?.name}-${id}`)) : (jsx(LoadingContainer, { initial: { opacity: 0 }, animate: { opacity: 1 }, exit: { opacity: 0 }, transition: { duration: 0.3 }, children: Spinner }, "loading"))] }) }));
 };
 
 export { Chain as default };

package/build/src/components/Common/Chain/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../../src/components/Common/Chain/index.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { supportedChains } from \"@daimo/pay-common\";\nimport { AnimatePresence } from \"framer-motion\";\nimport { chainToLogo, UnknownChain } from \"../../../assets/chains\";\nimport { useChainIsSupported } from \"../../../hooks/useChainIsSupported\";\nimport useIsMounted from \"../../../hooks/useIsMounted\";\nimport { ChainContainer, LoadingContainer, LogoContainer, Unsupported, } from \"./styles\";\nconst Spinner = (_jsxs(\"svg\", { \"aria-hidden\": \"true\", width: \"36\", height: \"36\", viewBox: \"0 0 36 36\", fill: \"none\", xmlns: \"http://www.w3.org/2000/svg\", children: [_jsx(\"path\", { fillRule: \"evenodd\", clipRule: \"evenodd\", d: \"M11.3592 30.1654C10.0472 29.4491 8.85718 28.524 7.83713 27.424C6.81708 26.324 5.98425 25.0677 5.36889 23.7054C5.20157 23.335 5.05033 22.9567 4.91578 22.5717C4.51465 21.4237 4.26735 20.2308 4.17794 19.0239C4.16599 18.8626 4.13894 18.7041 4.09809 18.5507C3.85023 17.6197 3.09399 16.8738 2.11531 16.7999C0.975331 16.7138 -0.0310983 17.5702 0.0141657 18.7125C0.0223289 18.9185 0.0340286 19.1243 0.049253 19.3298C0.165374 20.8971 0.486545 22.4464 1.00749 23.9373C1.10424 24.2142 1.20764 24.4884 1.31755 24.7596C2.13617 26.7799 3.31595 28.6371 4.80146 30.239C6.28696 31.841 8.04998 33.1573 10.0029 34.1258C10.2651 34.2558 10.5307 34.3796 10.7995 34.4969C12.247 35.1287 13.7676 35.5656 15.3217 35.7995C15.5255 35.8301 15.7298 35.8573 15.9346 35.881C17.0703 36.0122 18.0001 35.0731 18.0001 33.9299C18.0001 32.9484 17.3133 32.1381 16.4036 31.8208C16.2537 31.7685 16.0977 31.7296 15.9377 31.7056C14.7411 31.5255 13.5702 31.1891 12.4556 30.7026C12.0818 30.5394 11.716 30.3601 11.3592 30.1654Z\", fill: \"url(#paint0_linear_1288_1870)\" }), _jsx(\"defs\", { children: _jsxs(\"linearGradient\", { id: \"paint0_linear_1288_1870\", x1: \"2\", y1: \"19.4884\", x2: \"16.8752\", y2: \"33.7485\", gradientUnits: \"userSpaceOnUse\", children: [_jsx(\"stop\", { stopColor: \"var(--ck-connectbutton-balance-color,currentColor)\", stopOpacity: \"0.7\" }), _jsx(\"stop\", { offset: \"1\", stopColor: \"var(--ck-connectbutton-balance-color,currentColor)\", stopOpacity: \"0\" })] }) })] }));\n/** Icon for an EVM chain, given chain ID. No ID shows a loading spinner. */\nconst Chain = ({ id, unsupported: controlledUnsupported, radius = \"50%\", size = 24, }) => {\n    const isChainSupported = useChainIsSupported(id);\n    const unsupported = controlledUnsupported ?? !isChainSupported;\n    const chain = supportedChains.find((c) => c.chainId === id);\n    const isMounted = useIsMounted();\n    if (!isMounted)\n        return (_jsx(\"div\", { style: {\n                width: size,\n                height: size,\n            } }));\n    return (_jsx(ChainContainer, { size: size, radius: radius, children: _jsxs(AnimatePresence, { initial: false, children: [unsupported && (_jsx(Unsupported, { initial: { opacity: 0 }, animate: { opacity: 1 }, exit: { opacity: 0 }, children: _jsxs(\"svg\", { width: \"13\", height: \"12\", viewBox: \"0 0 13 12\", fill: \"none\", xmlns: \"http://www.w3.org/2000/svg\", children: [_jsx(\"path\", { d: \"M2.61317 11.2501H9.46246C10.6009 11.2501 11.3256 10.3506 11.3256 9.3549C11.3256 9.05145 11.255 8.73244 11.0881 8.43303L7.65903 2.14708C7.659 2.14702 7.65897 2.14696 7.65893 2.1469C7.65889 2.14682 7.65884 2.14673 7.65879 2.14664C7.31045 1.50746 6.6741 1.17871 6.04 1.17871C5.41478 1.17871 4.763 1.50043 4.41518 2.14968L0.993416 8.43476C0.828865 8.72426 0.75 9.04297 0.75 9.3549C0.75 10.3506 1.47471 11.2501 2.61317 11.2501Z\", fill: \"currentColor\", stroke: \"var(--ck-body-background, #fff)\", strokeWidth: \"1.5\" }), _jsx(\"path\", { d: \"M6.03258 7.43916C5.77502 7.43916 5.63096 7.29153 5.62223 7.02311L5.55675 4.96973C5.54802 4.69684 5.74446 4.5 6.02821 4.5C6.3076 4.5 6.51277 4.70131 6.50404 4.9742L6.43856 7.01864C6.42546 7.29153 6.2814 7.43916 6.03258 7.43916ZM6.03258 9.11676C5.7401 9.11676 5.5 8.9065 5.5 8.60677C5.5 8.30704 5.7401 8.09678 6.03258 8.09678C6.32506 8.09678 6.56515 8.30256 6.56515 8.60677C6.56515 8.91097 6.32069 9.11676 6.03258 9.11676Z\", fill: \"white\" })] }) })), id ? (_jsx(LogoContainer, { initial: { opacity: 0 }, animate: { opacity: 1 }, exit: { opacity: 0 }, transition: { duration: 0.3 }, children: chain?.chainId ? chainToLogo[chain.chainId] : _jsx(UnknownChain, {}) }, `${chain?.chainId}-${chain?.name}-${id}`)) : (_jsx(LoadingContainer, { initial: { opacity: 0 }, animate: { opacity: 1 }, exit: { opacity: 0 }, transition: { duration: 0.3 }, children: Spinner }, \"loading\"))] }) }));\n};\nexport default Chain;\n"],"names":["_jsxs","_jsx"],"mappings":"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"}

package/build/src/components/Common/Chain/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"styles.js","sources":["../../../../../src/components/Common/Chain/styles.ts"],"sourcesContent":["import { motion } from \"framer-motion\";\nimport { css, keyframes } from \"styled-components\";\nimport styled from \"./../../../styles/styled\";\nexport const ChainContainer = styled.div `\n  --bg: transparent;\n  --color: #333;\n  ${(props) => typeof props.size === \"string\"\n    ? css `\n          --width: ${props.size};\n          --height: ${props.size};\n        `\n    : css `\n          --width: ${props.size >= 0 ? `${props.size}px` : \"24px\"};\n          --height: ${props.size >= 0 ? `${props.size}px` : \"24px\"};\n        `};\n  ${(props) => typeof props.radius === \"string\"\n    ? css `\n          --radius: ${props.radius};\n        `\n    : css `\n          --radius: ${props.radius >= 0 ? `${props.radius}px` : \"24px\"};\n        `};\n  display: block;\n  position: relative;\n  width: var(--width);\n  height: var(--height);\n  min-width: var(--width);\n  min-height: var(--height);\n  border-radius: var(--radius);\n  background: var(--ck-body-background-secondary);\n  pointer-events: none;\n  user-select: none;\n  svg {\n    display: block;\n    width: 100%;\n    height: auto;\n  }\n  > div {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n`;\nexport const LogoContainer = styled(motion.div) `\n  display: block;\n  position: absolute;\n  inset: 0;\n  overflow: hidden;\n  border-radius: inherit;\n  user-select: none;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  svg {\n    display: block;\n    width: 100%;\n    height: auto;\n  }\n`;\nconst Spin = keyframes `\n  0%{ transform: rotate(0deg); }\n  100%{ transform: rotate(360deg); }\n`;\nexport const LoadingContainer = styled(motion.div) `\n  position: absolute;\n  inset: 0;\n  animation: ${Spin} 1s linear infinite;\n  svg {\n    display: block;\n    position: absolute;\n    inset: 0;\n  }\n`;\nexport const Unsupported = styled(motion.div) `\n  z-index: 2;\n  position: absolute;\n  top: 0;\n  right: 0;\n  width: 40%;\n  height: 40%;\n  min-width: 13px;\n  min-height: 13px;\n  color: var(--ck-body-color-danger, red);\n  svg {\n    display: block;\n    position: relative;\n    top: -30%;\n    right: -30%;\n  }\n`;\n"],"names":[],"mappings":";;;;AAGY,MAAC,cAAc,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC;AAC1C;AACA;AACA,EAAE,EAAE,CAAC,KAAK,KAAK,OAAO,KAAK,CAAC,IAAI,KAAK,QAAQ;AAC7C,MAAM,GAAG,CAAC,CAAC;AACX,mBAAmB,EAAE,KAAK,CAAC,IAAI,CAAC;AAChC,oBAAoB,EAAE,KAAK,CAAC,IAAI,CAAC;AACjC,QAAQ,CAAC;AACT,MAAM,GAAG,CAAC,CAAC;AACX,mBAAmB,EAAE,KAAK,CAAC,IAAI,IAAI,CAAC,GAAG,CAAC,EAAE,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC,GAAG,MAAM,CAAC;AAClE,oBAAoB,EAAE,KAAK,CAAC,IAAI,IAAI,CAAC,GAAG,CAAC,EAAE,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC,GAAG,MAAM,CAAC;AACnE,QAAQ,CAAC,CAAC;AACV,EAAE,EAAE,CAAC,KAAK,KAAK,OAAO,KAAK,CAAC,MAAM,KAAK,QAAQ;AAC/C,MAAM,GAAG,CAAC,CAAC;AACX,oBAAoB,EAAE,KAAK,CAAC,MAAM,CAAC;AACnC,QAAQ,CAAC;AACT,MAAM,GAAG,CAAC,CAAC;AACX,oBAAoB,EAAE,KAAK,CAAC,MAAM,IAAI,CAAC,GAAG,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,EAAE,CAAC,GAAG,MAAM,CAAC;AACvE,QAAQ,CAAC,CAAC;AACV;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,EAAE;AACU,MAAC,aAAa,GAAG,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC;AACjD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,EAAE;AACF,MAAM,IAAI,GAAG,SAAS,CAAC,CAAC;AACxB;AACA;AACA,CAAC,CAAC;AACU,MAAC,gBAAgB,GAAG,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC;AACpD;AACA;AACA,aAAa,EAAE,IAAI,CAAC;AACpB;AACA;AACA;AACA;AACA;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;AACA;;;;"}

package/build/src/components/Common/ChainSelectList/index.js

@@ -1,12 +1,12 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
+import { supportedChains } from '@daimo/pay-common';
 import { useState } from 'react';
 import { useAccount, useSwitchChain } from 'wagmi';
-import { chainConfigs } from '../../../constants/chainConfigs.js';
 import Alert from '../Alert/index.js';
 import { SwitchNetworksContainer, ChainButtonContainer, ChainButtons, ChainButton, ChainLogoContainer, ChainLogoSpinner, ChainIcon, ChainButtonStatus, ChainButtonBg } from './styles.js';
 import { motion, AnimatePresence } from 'framer-motion';
 import { isMobile, isCoinbaseWalletConnector } from '../../../utils/index.js';
-import Chains from '../../../assets/chains.js';
+import { chainToLogo, UnknownChain } from '../../../assets/chains.js';
 import useLocales from '../../../hooks/useLocales.js';
 import { usePayContext } from '../../DaimoPay.js';
 
@@ -27,7 +27,7 @@ const ChainSelectList = ({ variant, }) => {
     };
     const { triggerResize } = usePayContext();
     return (jsxs(SwitchNetworksContainer, { style: { marginBottom: switchChain !== undefined ? -8 : 0 }, children: [jsx(ChainButtonContainer, { children: jsx(ChainButtons, { children: chains.map((x) => {
-                        const c = chainConfigs.find((ch) => ch.id === x.id);
+                        const c = supportedChains.find((ch) => ch.chainId === x.id);
                         const ch = { ...c, ...x };
                         return (jsxs(ChainButton, { "$variant": variant, disabled: disabled ||
                                 ch.id === chain?.id ||
@@ -57,7 +57,7 @@ const ChainSelectList = ({ variant, }) => {
                                                                 opacity: [1, 0],
                                                                 transition: { delay: 4, duration: 3 },
                                                             }
-                                                            : { opacity: 1 }, children: Spinner }, `${ch?.id}-${ch?.name}`) }), jsx(ChainIcon, { children: ch.logo ?? jsx(Chains.UnknownChain, {}) })] }), ch.name] }), variant !== "secondary" && (jsx(ChainButtonStatus, { children: jsxs(AnimatePresence, { initial: false, mode: "wait", children: [ch.id === chain?.id && (jsx(motion.span, { style: {
+                                                            : { opacity: 1 }, children: Spinner }, `${ch?.id}-${ch?.name}`) }), jsx(ChainIcon, { children: ch.chainId ? chainToLogo[ch.chainId] : jsx(UnknownChain, {}) })] }), ch.name] }), variant !== "secondary" && (jsx(ChainButtonStatus, { children: jsxs(AnimatePresence, { initial: false, mode: "wait", children: [ch.id === chain?.id && (jsx(motion.span, { style: {
                                                     color: "var(--ck-dropdown-active-color, var(--ck-focus-color))",
                                                     display: "block",
                                                     position: "relative",

package/build/src/components/Common/ChainSelectList/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../../src/components/Common/ChainSelectList/index.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { supportedChains } from \"@daimo/pay-common\";\nimport { useState } from \"react\";\nimport { useAccount, useSwitchChain } from \"wagmi\";\nimport Alert from \"../Alert\";\nimport { ChainButton, ChainButtonBg, ChainButtonContainer, ChainButtons, ChainButtonStatus, ChainIcon, ChainLogoContainer, ChainLogoSpinner, SwitchNetworksContainer, } from \"./styles\";\nimport { AnimatePresence, motion } from \"framer-motion\";\nimport { isCoinbaseWalletConnector, isMobile } from \"../../../utils\";\nimport { chainToLogo, UnknownChain } from \"../../../assets/chains\";\nimport useLocales from \"../../../hooks/useLocales\";\nimport { usePayContext } from \"../../DaimoPay\";\nconst Spinner = (_jsxs(\"svg\", { \"aria-hidden\": \"true\", width: \"36\", height: \"36\", viewBox: \"0 0 36 36\", fill: \"none\", xmlns: \"http://www.w3.org/2000/svg\", children: [_jsx(\"path\", { fillRule: \"evenodd\", clipRule: \"evenodd\", d: \"M2 16.75C2.69036 16.75 3.25 17.3096 3.25 18V19C3.25 26.5939 9.40609 32.75 17 32.75V35.25C8.02537 35.25 0.75 27.9746 0.75 19V18C0.75 17.3096 1.30964 16.75 2 16.75Z\", fill: \"url(#paint0_linear_1288_18701)\" }), _jsx(\"defs\", { children: _jsxs(\"linearGradient\", { id: \"paint0_linear_1288_18701\", x1: \"2\", y1: \"19.4884\", x2: \"16.8752\", y2: \"33.7485\", gradientUnits: \"userSpaceOnUse\", children: [_jsx(\"stop\", { stopColor: \"var(--ck-spinner-color)\" }), _jsx(\"stop\", { offset: \"1\", stopColor: \"var(--ck-spinner-color)\", stopOpacity: \"0\" })] }) })] }));\nconst ChainSelectList = ({ variant, }) => {\n    const { connector, chain } = useAccount();\n    const { chains, isPending, switchChain, error } = useSwitchChain();\n    const [pendingChainId, setPendingChainId] = useState(undefined);\n    const locales = useLocales({});\n    const mobile = isMobile();\n    const isError = error?.[\"code\"] === 4902; // Wallet cannot switch networks\n    const disabled = isError || !switchChain;\n    const handleSwitchNetwork = (chainId) => {\n        if (switchChain) {\n            setPendingChainId(chainId);\n            switchChain({ chainId });\n        }\n    };\n    const { triggerResize } = usePayContext();\n    return (_jsxs(SwitchNetworksContainer, { style: { marginBottom: switchChain !== undefined ? -8 : 0 }, children: [_jsx(ChainButtonContainer, { children: _jsx(ChainButtons, { children: chains.map((x) => {\n                        const c = supportedChains.find((ch) => ch.chainId === x.id);\n                        const ch = { ...c, ...x };\n                        return (_jsxs(ChainButton, { \"$variant\": variant, disabled: disabled ||\n                                ch.id === chain?.id ||\n                                (isPending && pendingChainId === ch.id), onClick: () => handleSwitchNetwork?.(ch.id), style: {\n                                opacity: disabled && ch.id !== chain?.id ? 0.4 : undefined,\n                            }, children: [_jsxs(\"span\", { style: {\n                                        display: \"flex\",\n                                        alignItems: \"center\",\n                                        justifyContent: \"flex-start\",\n                                        gap: 12,\n                                        color: ch.id === chain?.id\n                                            ? \"var(--ck-dropdown-active-color, inherit)\"\n                                            : \"inherit\",\n                                    }, children: [_jsxs(ChainLogoContainer, { children: [_jsx(ChainLogoSpinner, { initial: { opacity: 0 }, animate: {\n                                                        opacity: isPending && pendingChainId === ch.id ? 1 : 0,\n                                                    }, transition: {\n                                                        ease: [0.76, 0, 0.24, 1],\n                                                        duration: 0.15,\n                                                        delay: 0.1,\n                                                    }, children: _jsx(motion.div, { animate: \n                                                        // UI fix for Coinbase Wallet on mobile does not remove isPending on rejection event\n                                                        mobile &&\n                                                            isCoinbaseWalletConnector(connector?.id) &&\n                                                            isPending &&\n                                                            pendingChainId === ch.id\n                                                            ? {\n                                                                opacity: [1, 0],\n                                                                transition: { delay: 4, duration: 3 },\n                                                            }\n                                                            : { opacity: 1 }, children: Spinner }, `${ch?.id}-${ch?.name}`) }), _jsx(ChainIcon, { children: ch.chainId ? chainToLogo[ch.chainId] : _jsx(UnknownChain, {}) })] }), ch.name] }), variant !== \"secondary\" && (_jsx(ChainButtonStatus, { children: _jsxs(AnimatePresence, { initial: false, mode: \"wait\", children: [ch.id === chain?.id && (_jsx(motion.span, { style: {\n                                                    color: \"var(--ck-dropdown-active-color, var(--ck-focus-color))\",\n                                                    display: \"block\",\n                                                    position: \"relative\",\n                                                }, initial: { opacity: 0, x: -4 }, animate: { opacity: 1, x: 0 }, exit: {\n                                                    opacity: 0,\n                                                    x: 4,\n                                                    transition: { duration: 0.1, delay: 0 },\n                                                }, transition: {\n                                                    ease: [0.76, 0, 0.24, 1],\n                                                    duration: 0.3,\n                                                    delay: 0.2,\n                                                }, children: locales.connected }, \"connectedText\")), isPending && pendingChainId === ch.id && (_jsx(motion.span, { style: {\n                                                    color: \"var(--ck-dropdown-pending-color, inherit)\",\n                                                    display: \"block\",\n                                                    position: \"relative\",\n                                                }, initial: {\n                                                    opacity: 0,\n                                                    x: -4,\n                                                }, animate: { opacity: 1, x: 0 }, exit: { opacity: 0, x: 4 }, transition: {\n                                                    ease: [0.76, 0, 0.24, 1],\n                                                    duration: 0.3,\n                                                    delay: 0.1,\n                                                }, children: _jsx(motion.span, { animate: \n                                                    // UI fix for Coinbase Wallet on mobile does not remove isLoading on rejection event\n                                                    mobile &&\n                                                        isCoinbaseWalletConnector(connector?.id) && {\n                                                        opacity: [1, 0],\n                                                        transition: { delay: 4, duration: 4 },\n                                                    }, children: locales.approveInWallet }) }, \"approveText\"))] }) })), variant === \"secondary\" ? (_jsx(ChainButtonBg, { initial: false, animate: {\n                                        opacity: ch.id === chain?.id ? 1 : 0,\n                                    }, transition: {\n                                        duration: 0.3,\n                                        ease: \"easeOut\",\n                                    } })) : (\n                                //hover === ch.name && (\n                                ch.id === chain?.id && (_jsx(ChainButtonBg, { layoutId: \"activeChain\", layout: \"position\", transition: {\n                                        duration: 0.3,\n                                        ease: \"easeOut\",\n                                    } })))] }, `${ch?.id}-${ch?.name}`));\n                    }) }) }), _jsx(AnimatePresence, { children: isError && (_jsx(motion.div, { initial: { opacity: 0 }, animate: { opacity: 1 }, exit: { opacity: 0 }, transition: {\n                        ease: [0.76, 0, 0.24, 1],\n                        duration: 0.3,\n                    }, onAnimationStart: triggerResize, onAnimationComplete: triggerResize, children: _jsx(\"div\", { style: { paddingTop: 10, paddingBottom: 8 }, children: _jsxs(Alert, { children: [locales.warnings_walletSwitchingUnsupported, \" \", locales.warnings_walletSwitchingUnsupportedResolve] }) }) })) })] }));\n};\nexport default ChainSelectList;\n"],"names":["_jsxs","_jsx"],"mappings":"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"}

package/build/src/components/Common/ChainSelectList/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"styles.js","sources":["../../../../../src/components/Common/ChainSelectList/styles.ts"],"sourcesContent":["import { motion } from \"framer-motion\";\nimport { css } from \"styled-components\";\nimport styled from \"./../../../styles/styled\";\nimport defaultTheme from \"../../../constants/defaultTheme\";\nexport const SwitchNetworksContainer = styled.div `\n  display: flex;\n  flex-direction: column;\n\n  @media only screen and (max-width: ${defaultTheme.mobileWidth}px) {\n    flex-direction: column-reverse;\n  }\n`;\nexport const ChainIcon = styled(motion.div) `\n  display: block;\n  position: relative;\n  border-radius: 12px;\n  overflow: hidden;\n  width: 24px;\n  height: 24px;\n  min-width: 24px;\n  min-height: 24px;\n  background: var(--ck-body-background);\n  svg {\n    border-radius: inherit;\n    display: block;\n    position: relative;\n    transform: translate3d(0, 0, 0);\n    width: 100%;\n    height: auto;\n  }\n  ${(props) => props.$empty &&\n    css `\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      &:before {\n        content: \"?\";\n        color: var(--ck-body-color-muted);\n        font-weight: bold;\n        font-family: var(--ck-font-family);\n      }\n    `}\n  @media only screen and (max-width: ${defaultTheme.mobileWidth}px) {\n    border-radius: 16px;\n    width: 32px;\n    height: 32px;\n  }\n`;\nexport const ChainLogoContainer = styled(motion.div) `\n  position: relative;\n`;\nexport const ChainLogoSpinner = styled(motion.div) `\n  position: absolute;\n  inset: -6px;\n  animation: rotateSpinner 1200ms linear infinite;\n  pointer-events: none;\n  svg {\n    display: block;\n    position: relative;\n    transform: translate3d(0, 0, 0);\n    width: 100%;\n    height: auto;\n  }\n  @keyframes rotateSpinner {\n    0% {\n      transform: rotate(0deg);\n    }\n    100% {\n      transform: rotate(360deg);\n    }\n  }\n`;\nexport const ChainButtonContainer = styled.div `\n  position: relative;\n  margin: -8px -8px;\n  &:after {\n    border-radius: var(--border-radius, 0);\n    z-index: 2;\n    content: \"\";\n    pointer-events: none;\n    position: absolute;\n    inset: 0 2px;\n    box-shadow:\n      inset 0 16px 8px -12px var(--background, var(--ck-body-background)),\n      inset 0 -16px 8px -12px var(--background, var(--ck-body-background));\n  }\n`;\nexport const ChainButtons = styled(motion.div) `\n  padding: 8px;\n  overflow-x: hidden;\n  overflow-y: auto;\n  max-height: 242px;\n\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  @media only screen and (max-width: ${defaultTheme.mobileWidth}px) {\n    padding: 8px 14px;\n    margin: 2px -2px 0;\n    max-height: 60vh;\n  }\n`;\nexport const ChainButton = styled(motion.button) `\n  appearance: none;\n  cursor: pointer;\n  user-select: none;\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  width: 100%;\n  border-radius: 11px;\n  margin: 0 0 1px;\n  padding: 8px 0;\n  padding-right: 154px;\n  font-size: 15px;\n  line-height: 18px;\n  font-weight: 500;\n  text-decoration: none;\n  color: var(--ck-body-color);\n  background: none;\n  white-space: nowrap;\n  transition:\n    transform 100ms ease,\n    background-color 100ms ease;\n  transform: translateZ(0px);\n  &:before {\n    content: \"\";\n    background: currentColor;\n    position: absolute;\n    z-index: -1;\n    inset: 0 var(--ck-dropdown-active-inset, -8px);\n    border-radius: var(--ck-dropdown-active-border-radius, 12px);\n    opacity: 0;\n    transition: opacity 180ms ease;\n  }\n  &:after {\n    content: \"\";\n    position: absolute;\n    z-index: -1;\n    inset: 0 var(--ck-dropdown-active-inset, -8px);\n    border-radius: 12px;\n    opacity: 0;\n    transition: opacity 180ms ease;\n    outline: 2px solid var(--ck-focus-color);\n  }\n  @media only screen and (max-width: ${defaultTheme.mobileWidth}px) {\n    font-size: 17px;\n    padding: 8px 0;\n  }\n  @media only screen and (min-width: ${defaultTheme.mobileWidth}px) {\n    &:hover {\n      &:before {\n        transition-duration: 80ms;\n        opacity: 0.05;\n      }\n    }\n  }\n  &:active {\n    transform: scale(0.99) translateZ(0px);\n  }\n  &:disabled {\n    //opacity: 0.4;\n    pointer-events: none;\n  }\n  &:focus-visible {\n    outline: none !important;\n    &:after {\n      opacity: 1;\n    }\n  }\n  ${(props) => props.$variant === \"secondary\" &&\n    css `\n      padding: 12px 4px;\n      margin: 0 0 8px;\n      &:last-child {\n        margin-bottom: 0;\n      }\n      &:before {\n        opacity: 0.05;\n      }\n      &:hover:before {\n        opacity: 0.1;\n      }\n    `}\n`;\nexport const ChainButtonStatus = styled(motion.div) `\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  right: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  color: var(--ck-body-color-muted);\n  font-size: 15px;\n  line-height: 18px;\n  font-weight: 500;\n  padding-right: 4px;\n  span {\n    display: block;\n    position: relative;\n  }\n  @media only screen and (max-width: ${defaultTheme.mobileWidth}px) {\n    font-size: 17px;\n    padding: 0;\n  }\n`;\nexport const ChainButtonBg = styled(motion.div) `\n  position: absolute;\n  z-index: -1;\n  inset: 0 var(--ck-dropdown-active-inset, -8px);\n  background: var(--ck-dropdown-active-background, rgba(26, 136, 248, 0.1));\n  box-shadow var(--ck-dropdown-active-box-shadow);\n  border-radius: var(--ck-dropdown-active-border-radius, 12px);\n  \n  @media only screen and (max-width: ${defaultTheme.mobileWidth}px) {\n    inset: 0 var(--ck-dropdown-active-inset, -8px);\n  }\n`;\n"],"names":[],"mappings":";;;;;AAIY,MAAC,uBAAuB,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC;AACnD;AACA;AACA;AACA,qCAAqC,EAAE,YAAY,CAAC,WAAW,CAAC;AAChE;AACA;AACA,EAAE;AACU,MAAC,SAAS,GAAG,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC;AAC7C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,EAAE,EAAE,CAAC,KAAK,KAAK,KAAK,CAAC,MAAM;AAC3B,IAAI,GAAG,CAAC,CAAC;AACT;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAI,CAAC,CAAC;AACN,qCAAqC,EAAE,YAAY,CAAC,WAAW,CAAC;AAChE;AACA;AACA;AACA;AACA,EAAE;AACU,MAAC,kBAAkB,GAAG,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC;AACtD;AACA,EAAE;AACU,MAAC,gBAAgB,GAAG,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC;AACpD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,EAAE;AACU,MAAC,oBAAoB,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC;AAChD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,EAAE;AACU,MAAC,YAAY,GAAG,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC;AAChD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,qCAAqC,EAAE,YAAY,CAAC,WAAW,CAAC;AAChE;AACA;AACA;AACA;AACA,EAAE;AACU,MAAC,WAAW,GAAG,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC;AAClD;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,qCAAqC,EAAE,YAAY,CAAC,WAAW,CAAC;AAChE;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;AACA;AACA;AACA,EAAE,EAAE,CAAC,KAAK,KAAK,KAAK,CAAC,QAAQ,KAAK,WAAW;AAC7C,IAAI,GAAG,CAAC,CAAC;AACT;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAI,CAAC,CAAC;AACN,EAAE;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,qCAAqC,EAAE,YAAY,CAAC,WAAW,CAAC;AAChE;AACA;AACA;AACA,EAAE;AACU,MAAC,aAAa,GAAG,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC;AACjD;AACA;AACA;AACA;AACA;AACA;AACA;AACA,qCAAqC,EAAE,YAAY,CAAC,WAAW,CAAC;AAChE;AACA;AACA;;;;"}

package/build/src/components/Common/ConnectorList/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../../src/components/Common/ConnectorList/index.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { ROUTES, usePayContext } from \"../../DaimoPay\";\nimport { ConnectorButton, ConnectorIcon, ConnectorLabel, ConnectorsContainer, RecentlyUsedTag, } from \"./styles\";\nimport { useWeb3 } from \"../../contexts/web3\";\nimport useIsMobile from \"../../../hooks/useIsMobile\";\nimport { ScrollArea } from \"../../Common/ScrollArea\";\nimport Alert from \"../Alert\";\nimport { useConnect } from \"../../../hooks/useConnect\";\nimport { useLastConnector } from \"../../../hooks/useLastConnector\";\nimport { detectBrowser, isCoinbaseWalletConnector, isWalletConnectConnector, } from \"../../../utils\";\nimport { useWallets } from \"../../../wallets/useWallets\";\nconst ConnectorList = () => {\n    const context = usePayContext();\n    const isMobile = useIsMobile();\n    const wallets = useWallets();\n    const { lastConnectorId } = useLastConnector();\n    const walletsToDisplay = context.options?.hideRecentBadge || lastConnectorId === \"walletConnect\" // do not hoist walletconnect to top of list\n        ? wallets\n        : [\n            // move last used wallet to top of list\n            // using .filter and spread to avoid mutating original array order with .sort\n            ...wallets.filter((wallet) => lastConnectorId === wallet.connector.id),\n            ...wallets.filter((wallet) => lastConnectorId !== wallet.connector.id),\n        ];\n    return (_jsxs(ScrollArea, { mobileDirection: \"horizontal\", children: [walletsToDisplay.length === 0 && (_jsx(Alert, { error: true, children: \"No connectors found in ConnectKit config.\" })), walletsToDisplay.length > 0 && (_jsx(ConnectorsContainer, { \"$mobile\": isMobile, \"$totalResults\": walletsToDisplay.length, children: walletsToDisplay.map((wallet) => (_jsx(ConnectorItem, { wallet: wallet, isRecent: wallet.id === lastConnectorId }, wallet.id))) }))] }));\n};\nexport default ConnectorList;\nconst ConnectorItem = ({ wallet, isRecent, }) => {\n    const { connect: { getUri }, } = useWeb3();\n    const uri = getUri();\n    const isMobile = useIsMobile();\n    const context = usePayContext();\n    const { connect } = useConnect();\n    /*\n    const [ready, setReady] = useState(false);\n    useEffect(() => {\n      (async () => {\n        const provider = await wallet.connector.getProvider();\n        setReady(!!provider);\n      })();\n    }, [wallet, setReady]);\n    */\n    let deeplink = (!wallet.isInstalled && isMobile) ||\n        (wallet.shouldDeeplinkDesktop && !isMobile)\n        ? wallet.getWalletConnectDeeplink?.(uri ?? \"\")\n        : undefined;\n    const redirectToMoreWallets = isMobile && isWalletConnectConnector(wallet.id);\n    // Safari requires opening popup on user gesture, so we connect immediately here\n    const shouldConnectImmediately = (detectBrowser() === \"safari\" || detectBrowser() === \"ios\") &&\n        isCoinbaseWalletConnector(wallet.connector.id);\n    if (redirectToMoreWallets || shouldConnectImmediately)\n        deeplink = undefined; // mobile redirects to more wallets page\n    return (_jsxs(ConnectorButton, { type: \"button\", as: deeplink ? \"a\" : undefined, href: deeplink ? deeplink : undefined, disabled: context.route !== ROUTES.CONNECTORS, onClick: deeplink\n            ? undefined\n            : () => {\n                if (redirectToMoreWallets) {\n                    context.setRoute(ROUTES.MOBILECONNECTORS);\n                }\n                else {\n                    if (shouldConnectImmediately) {\n                        connect({ connector: wallet?.connector });\n                    }\n                    context.setRoute(ROUTES.CONNECT);\n                    context.setConnector({ id: wallet.id });\n                    context.setWcWallet(wallet);\n                }\n            }, children: [_jsx(ConnectorIcon, { \"data-small\": wallet.iconShouldShrink, \"data-shape\": wallet.iconShape, children: wallet.iconConnector ?? wallet.icon }), _jsxs(ConnectorLabel, { children: [isMobile ? (wallet.shortName ?? wallet.name) : wallet.name, !context.options?.hideRecentBadge && isRecent && (_jsx(RecentlyUsedTag, { children: _jsx(\"span\", { children: \"Recent\" }) }))] })] }));\n};\n"],"names":["_jsxs","_jsx"],"mappings":"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"}

package/build/src/components/Common/ConnectorList/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"styles.js","sources":["../../../../../src/components/Common/ConnectorList/styles.ts"],"sourcesContent":["import { css, keyframes } from \"styled-components\";\nimport styled from \"../../../styles/styled\";\nimport { motion } from \"framer-motion\";\nconst Shimmer = keyframes `\n  0%{ transform: translate(-100%) rotate(-45deg); }\n  100%{ transform: translate(100%) rotate(-80deg); }\n`;\nexport const ConnectorButton = styled(motion.button) `\n  display: block;\n  text-decoration: none;\n`;\nexport const ConnectorLabel = styled(motion.span) ``;\nexport const ConnectorIcon = styled(motion.div) ``;\n// This is a bit of a hack to not share styles between mobile and desktop\nconst styles = {\n    desktop: {\n        ConnectorButton: css `\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(\n        --ck-primary-button-background,\n        var(--fallback-background)\n      );\n      --box-shadow: var(\n        --ck-primary-button-box-shadow,\n        var(--fallback-box-shadow)\n      );\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    `,\n        ConnectorLabel: css `\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    `,\n        ConnectorIcon: css `\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        width: 100%;\n        height: 100%;\n      }\n\n      &[data-shape=\"squircle\"] {\n        border-radius: 22.5%;\n      }\n      &[data-shape=\"circle\"] {\n        border-radius: 100%;\n      }\n      &[data-shape=\"square\"] {\n        border-radius: 0;\n      }\n    `,\n    },\n    mobile: {\n        ConnectorButton: css `\n      text-align: center;\n      background: none;\n      max-width: 100%;\n      overflow: hidden;\n    `,\n        ConnectorLabel: css `\n      display: block;\n      text-overflow: ellipsis;\n      max-width: 100%;\n      overflow: hidden;\n      padding: 10px 0 0;\n      color: var(--ck-body-color);\n      font-size: 13px;\n      line-height: 15px;\n      font-weight: 500;\n      opacity: 0.75;\n    `,\n        ConnectorIcon: css `\n      position: relative;\n      margin: 0 auto;\n      width: 60px;\n      height: 60px;\n      overflow: hidden;\n      svg,\n      img {\n        display: block;\n        position: relative;\n        width: 100%;\n        height: auto;\n      }\n      &[data-small=\"true\"] {\n        svg,\n        img {\n          transform: scale(0.8);\n        }\n      }\n\n      &[data-shape=\"squircle\"] {\n        border-radius: 22.5%;\n        &:before {\n          content: \"\";\n          z-index: -1;\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      }\n      &[data-shape=\"circle\"] {\n        border-radius: 100%;\n      }\n      &[data-shape=\"square\"] {\n        border-radius: 0;\n      }\n    `,\n    },\n};\nexport const RecentlyUsedTag = 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 ConnectorsContainer = styled.div `\n  transition: opacity 300ms ease;\n  min-width: fit-content;\n\n  ${(props) => props.$disabled &&\n    css `\n      pointer-events: none;\n      opacity: 0.4;\n    `}\n\n  ${(props) => !props.$mobile\n    ? css `\n          display: flex;\n          flex-direction: column;\n          gap: 12px;\n\n          ${ConnectorButton} {\n            ${styles.desktop.ConnectorButton}\n            ${ConnectorLabel} {\n              ${styles.desktop.ConnectorLabel}\n            }\n            ${ConnectorIcon} {\n              ${styles.desktop.ConnectorIcon}\n            }\n          }\n        `\n    : css `\n          display: flex;\n          align-items: flex-start;\n          justify-content: space-around;\n          gap: 22px 6px;\n          //margin: 0px -10px -20px;\n          padding: 14px 0px 28px;\n\n          ${ConnectorButton} {\n            flex-shrink: 0;\n            width: 80px;\n            ${styles.mobile.ConnectorButton}\n            ${ConnectorLabel} {\n              ${styles.mobile.ConnectorLabel}\n              ${RecentlyUsedTag} {\n                display: none;\n                width: fit-content;\n                margin: 0 auto;\n              }\n            }\n            ${ConnectorIcon} {\n              ${styles.mobile.ConnectorIcon}\n            }\n          }\n        `}\n`;\n"],"names":[],"mappings":";;;;AAGA,MAAM,OAAO,GAAG,SAAS,CAAC,CAAC;AAC3B;AACA;AACA,CAAC,CAAC;AACU,MAAC,eAAe,GAAG,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC;AACtD;AACA;AACA,EAAE;AACU,MAAC,cAAc,GAAG,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE;AACzC,MAAC,aAAa,GAAG,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE;AACnD;AACA,MAAM,MAAM,GAAG;AACf,IAAI,OAAO,EAAE;AACb,QAAQ,eAAe,EAAE,GAAG,CAAC,CAAC;AAC9B;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;AACA;AACA;AACA;AACA;AACA;AACA,IAAI,CAAC;AACL,QAAQ,cAAc,EAAE,GAAG,CAAC,CAAC;AAC7B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAI,CAAC;AACL,QAAQ,aAAa,EAAE,GAAG,CAAC,CAAC;AAC5B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAI,CAAC;AACL,KAAK;AACL,IAAI,MAAM,EAAE;AACZ,QAAQ,eAAe,EAAE,GAAG,CAAC,CAAC;AAC9B;AACA;AACA;AACA;AACA,IAAI,CAAC;AACL,QAAQ,cAAc,EAAE,GAAG,CAAC,CAAC;AAC7B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAI,CAAC;AACL,QAAQ,aAAa,EAAE,GAAG,CAAC,CAAC;AAC5B;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,IAAI,CAAC;AACL,KAAK;AACL,CAAC,CAAC;AACU,MAAC,eAAe,GAAG,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC;AACpD;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;AACU,MAAC,mBAAmB,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC;AAC/C;AACA;AACA;AACA,EAAE,EAAE,CAAC,KAAK,KAAK,KAAK,CAAC,SAAS;AAC9B,IAAI,GAAG,CAAC,CAAC;AACT;AACA;AACA,IAAI,CAAC,CAAC;AACN;AACA,EAAE,EAAE,CAAC,KAAK,KAAK,CAAC,KAAK,CAAC,OAAO;AAC7B,MAAM,GAAG,CAAC,CAAC;AACX;AACA;AACA;AACA;AACA,UAAU,EAAE,eAAe,CAAC;AAC5B,YAAY,EAAE,MAAM,CAAC,OAAO,CAAC,eAAe,CAAC;AAC7C,YAAY,EAAE,cAAc,CAAC;AAC7B,cAAc,EAAE,MAAM,CAAC,OAAO,CAAC,cAAc,CAAC;AAC9C;AACA,YAAY,EAAE,aAAa,CAAC;AAC5B,cAAc,EAAE,MAAM,CAAC,OAAO,CAAC,aAAa,CAAC;AAC7C;AACA;AACA,QAAQ,CAAC;AACT,MAAM,GAAG,CAAC,CAAC;AACX;AACA;AACA;AACA;AACA;AACA;AACA;AACA,UAAU,EAAE,eAAe,CAAC;AAC5B;AACA;AACA,YAAY,EAAE,MAAM,CAAC,MAAM,CAAC,eAAe,CAAC;AAC5C,YAAY,EAAE,cAAc,CAAC;AAC7B,cAAc,EAAE,MAAM,CAAC,MAAM,CAAC,cAAc,CAAC;AAC7C,cAAc,EAAE,eAAe,CAAC;AAChC;AACA;AACA;AACA;AACA;AACA,YAAY,EAAE,aAAa,CAAC;AAC5B,cAAc,EAAE,MAAM,CAAC,MAAM,CAAC,aAAa,CAAC;AAC5C;AACA;AACA,QAAQ,CAAC,CAAC;AACV;;;;"}

package/build/src/components/Common/CopyToClipboard/CopyToClipboardIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"CopyToClipboardIcon.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"CopyToClipboardIcon.js","sources":["../../../../../src/components/Common/CopyToClipboard/CopyToClipboardIcon.tsx"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { motion } from \"framer-motion\";\nimport { css } from \"styled-components\";\nimport styled from \"./../../../styles/styled\";\nimport { CopyToClipboardIcon as Icon } from \"../../../assets/icons\";\nconst IconContainer = styled(motion.div) `\n  transition: all 220ms cubic-bezier(0.175, 0.885, 0.32, 1.1);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 16px;\n  svg {\n    display: block;\n  }\n  svg,\n  svg path,\n  svg rect {\n    transition: inherit;\n  }\n  svg path:first-child {\n    transform-origin: 50% 50%;\n    fill: var(--bg);\n    stroke: var(--color);\n  }\n  svg rect {\n    transform-origin: 53% 63%;\n    fill: var(--bg);\n    stroke: var(--color);\n  }\n  svg path:last-child {\n    opacity: 0;\n    stroke: var(--bg);\n    transform: translate(11.75px, 10px) rotate(90deg) scale(0.6);\n  }\n  ${(props) => props.$clipboard\n    ? css `\n          --color: var(--ck-focus-color) !important;\n          --bg: var(--ck-body-background);\n          svg {\n            transition-delay: 0ms;\n            path:first-child {\n              opacity: 0;\n              transform: rotate(-90deg) scale(0.2);\n            }\n            rect {\n              rx: 10px;\n              fill: var(--color);\n              transform: rotate(-90deg) scale(1.45);\n            }\n            path:last-child {\n              transition-delay: 100ms;\n              opacity: 1;\n              transform: translate(7.75px, 9.5px);\n            }\n          }\n        `\n    : css `\n          &:hover {\n          }\n          &:hover:active {\n          }\n        `}\n`;\nconst CopyToClipboardIcon = ({ copied, small, dark, }) => (_jsx(IconContainer, { \"$clipboard\": copied, children: _jsx(Icon, { style: {\n            transform: small ? \"scale(1)\" : \"translateX(3px) scale(1.5)\",\n            opacity: small || copied || dark ? 1 : 0.3,\n        } }) }));\nexport default CopyToClipboardIcon;\n"],"names":["_jsx","Icon"],"mappings":";;;;;;AAKA,MAAM,aAAa,GAAG,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC;AAC1C;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,CAAC,KAAK,KAAK,KAAK,CAAC,UAAU;AAC/B,MAAM,GAAG,CAAC,CAAC;AACX;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,QAAQ,CAAC;AACT,MAAM,GAAG,CAAC,CAAC;AACX;AACA;AACA;AACA;AACA,QAAQ,CAAC,CAAC;AACV,CAAC,CAAC;AACG,MAAC,mBAAmB,GAAG,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,GAAG,MAAMA,GAAI,CAAC,aAAa,EAAE,EAAE,YAAY,EAAE,MAAM,EAAE,QAAQ,EAAEA,GAAI,CAACC,qBAAI,EAAE,EAAE,KAAK,EAAE;AACrI,YAAY,SAAS,EAAE,KAAK,GAAG,UAAU,GAAG,4BAA4B;AACxE,YAAY,OAAO,EAAE,KAAK,IAAI,MAAM,IAAI,IAAI,GAAG,CAAC,GAAG,GAAG;AACtD,SAAS,EAAE,CAAC,EAAE,CAAC;;;;"}

package/build/src/components/Common/CopyToClipboard/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../../src/components/Common/CopyToClipboard/index.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { useState } from \"react\";\nimport { css } from \"styled-components\";\nimport styled from \"./../../../styles/styled\";\nimport Button from \"../Button\";\nimport CopyToClipboardIcon from \"./CopyToClipboardIcon\";\nconst Container = styled.div `\n  --color: var(--ck-copytoclipboard-stroke);\n  --bg: var(--ck-body-background);\n  transition: all 220ms cubic-bezier(0.175, 0.885, 0.32, 1.1);\n\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-top: 4px;\n  gap: 8px;\n\n  ${(props) => props.$disabled\n    ? css `\n          cursor: not-allowed;\n          opacity: 0.4;\n        `\n    : css `\n          &:hover {\n            --color: var(--ck-body-color-muted);\n          }\n        `}\n`;\nconst CopyToClipboard = ({ string, children, variant }) => {\n    const [clipboard, setClipboard] = useState(false);\n    let timeout;\n    const onCopy = () => {\n        if (!string)\n            return;\n        const str = string.trim();\n        if (navigator.clipboard) {\n            navigator.clipboard.writeText(str);\n        }\n        else {\n            // Fallback copy to clipboard if necessary\n            /*\n            const el = document.createElement('textarea');\n            el.value = str;\n            document.body.appendChild(el);\n            el.select();\n            document.execCommand('copy');\n            document.body.removeChild(el);\n            */\n        }\n        setClipboard(true);\n        clearTimeout(timeout);\n        timeout = setTimeout(() => setClipboard(false), 1000);\n    };\n    if (variant === \"button\")\n        return (_jsx(Button, { disabled: !string, onClick: onCopy, icon: _jsx(CopyToClipboardIcon, { copied: clipboard }), children: children }));\n    return (_jsxs(Container, { onClick: onCopy, \"$disabled\": !string, children: [_jsx(CopyToClipboardIcon, { copied: clipboard, dark: true }), children] }));\n};\nexport default CopyToClipboard;\n"],"names":["_jsx","_jsxs"],"mappings":";;;;;;;AAMA,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC;AAC9B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,EAAE,EAAE,CAAC,KAAK,KAAK,KAAK,CAAC,SAAS;AAC9B,MAAM,GAAG,CAAC,CAAC;AACX;AACA;AACA,QAAQ,CAAC;AACT,MAAM,GAAG,CAAC,CAAC;AACX;AACA;AACA;AACA,QAAQ,CAAC,CAAC;AACV,CAAC,CAAC;AACG,MAAC,eAAe,GAAG,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK;AAC3D,IAAI,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;AACtD,IAAI,IAAI,OAAO,CAAC;AAChB,IAAI,MAAM,MAAM,GAAG,MAAM;AACzB,QAAQ,IAAI,CAAC,MAAM;AACnB,YAAY,OAAO;AACnB,QAAQ,MAAM,GAAG,GAAG,MAAM,CAAC,IAAI,EAAE,CAAC;AAClC,QAAQ,IAAI,SAAS,CAAC,SAAS,EAAE;AACjC,YAAY,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC;AAC/C,SAWS;AACT,QAAQ,YAAY,CAAC,IAAI,CAAC,CAAC;AAC3B,QAAQ,YAAY,CAAC,OAAO,CAAC,CAAC;AAC9B,QAAQ,OAAO,GAAG,UAAU,CAAC,MAAM,YAAY,CAAC,KAAK,CAAC,EAAE,IAAI,CAAC,CAAC;AAC9D,KAAK,CAAC;AACN,IAAI,IAAI,OAAO,KAAK,QAAQ;AAC5B,QAAQ,QAAQA,GAAI,CAAC,MAAM,EAAE,EAAE,QAAQ,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,IAAI,EAAEA,GAAI,CAAC,mBAAmB,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,EAAE;AAClJ,IAAI,QAAQC,IAAK,CAAC,SAAS,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,CAAC,MAAM,EAAE,QAAQ,EAAE,CAACD,GAAI,CAAC,mBAAmB,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,EAAE,QAAQ,CAAC,EAAE,CAAC,EAAE;AAC7J;;;;"}

package/build/src/components/Common/CustomQRCode/QRCode.js.map

@@ -1 +1 @@
-{"version":3,"file":"QRCode.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"QRCode.js","sources":["../../../../../src/components/Common/CustomQRCode/QRCode.tsx"],"sourcesContent":["import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport QRCodeUtil from \"qrcode\";\nimport { useMemo } from \"react\";\nconst generateMatrix = (value, errorCorrectionLevel) => {\n    const arr = Array.prototype.slice.call(QRCodeUtil.create(value, { errorCorrectionLevel }).modules.data, 0);\n    const sqrt = Math.sqrt(arr.length);\n    return arr.reduce((rows, key, index) => (index % sqrt === 0\n        ? rows.push([key])\n        : rows[rows.length - 1].push(key)) && rows, []);\n};\nexport function QRCode({ ecl = \"M\", size: sizeProp = 200, uri, clearArea = false, image, imageBackground = \"transparent\", }) {\n    const logoSize = clearArea ? 168 : 0;\n    const size = sizeProp - 10 * 2;\n    const dots = useMemo(() => {\n        const dots = [];\n        const matrix = generateMatrix(uri, ecl);\n        const cellSize = size / matrix.length;\n        let qrList = [\n            { x: 0, y: 0 },\n            { x: 1, y: 0 },\n            { x: 0, y: 1 },\n        ];\n        qrList.forEach(({ x, y }) => {\n            const x1 = (matrix.length - 7) * cellSize * x;\n            const y1 = (matrix.length - 7) * cellSize * y;\n            for (let i = 0; i < 3; i++) {\n                dots.push(_jsx(\"rect\", { fill: i % 2 !== 0\n                        ? \"var(--ck-qr-background, var(--ck-body-background))\"\n                        : \"var(--ck-qr-dot-color)\", rx: (i - 2) * -5 + (i === 0 ? 2 : 3), ry: (i - 2) * -5 + (i === 0 ? 2 : 3), width: cellSize * (7 - i * 2), height: cellSize * (7 - i * 2), x: x1 + cellSize * i, y: y1 + cellSize * i }, `${i}-${x}-${y}`));\n            }\n        });\n        if (image) {\n            const x1 = (matrix.length - 7) * cellSize * 1;\n            const y1 = (matrix.length - 7) * cellSize * 1;\n            dots.push(_jsxs(_Fragment, { children: [_jsx(\"rect\", { fill: imageBackground, rx: (0 - 2) * -5 + 2, ry: (0 - 2) * -5 + 2, width: cellSize * (7 - 0 * 2), height: cellSize * (7 - 0 * 2), x: x1 + cellSize * 0, y: y1 + cellSize * 0 }), _jsx(\"foreignObject\", { width: cellSize * (7 - 0 * 2), height: cellSize * (7 - 0 * 2), x: x1 + cellSize * 0, y: y1 + cellSize * 0, children: _jsx(\"div\", { style: { borderRadius: (0 - 2) * -5 + 2, overflow: \"hidden\" }, children: image }) })] }));\n        }\n        const clearArenaSize = Math.floor((logoSize + 25) / cellSize);\n        const matrixMiddleStart = matrix.length / 2 - clearArenaSize / 2;\n        const matrixMiddleEnd = matrix.length / 2 + clearArenaSize / 2 - 1;\n        matrix.forEach((row, i) => {\n            row.forEach((_, j) => {\n                if (matrix[i][j]) {\n                    // Do not render dots under position squares\n                    if (!((i < 7 && j < 7) ||\n                        (i > matrix.length - 8 && j < 7) ||\n                        (i < 7 && j > matrix.length - 8))) {\n                        //if (image && i > matrix.length - 9 && j > matrix.length - 9) return;\n                        if (image ||\n                            !(i > matrixMiddleStart &&\n                                i < matrixMiddleEnd &&\n                                j > matrixMiddleStart &&\n                                j < matrixMiddleEnd)) {\n                            dots.push(_jsx(\"circle\", { cx: i * cellSize + cellSize / 2, cy: j * cellSize + cellSize / 2, fill: \"var(--ck-qr-dot-color)\", r: cellSize / 3 }, `circle-${i}-${j}`));\n                        }\n                    }\n                }\n            });\n        });\n        return dots;\n    }, [ecl, size, uri]);\n    return (_jsxs(\"svg\", { height: size, width: size, viewBox: `0 0 ${size} ${size}`, style: {\n            width: size,\n            height: size,\n        }, children: [_jsx(\"rect\", { fill: \"transparent\", height: size, width: size }), dots] }));\n}\n"],"names":["_jsx","_jsxs","_Fragment"],"mappings":"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"}

package/build/src/components/Common/CustomQRCode/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../../src/components/Common/CustomQRCode/index.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { LogoContainer, LogoIcon, QRCodeContainer, QRCodeContent, QRPlaceholder, } from \"./styles\";\nimport { AnimatePresence, motion } from \"framer-motion\";\nimport Tooltip from \"../Tooltip\";\nimport useWindowSize from \"../../../hooks/useWindowSize\";\nimport { QRCode } from \"./QRCode\";\nfunction CustomQRCode({ value, image, imageBackground, imagePosition = \"center\", tooltipMessage, }) {\n    const windowSize = useWindowSize();\n    const Logo = windowSize.width > 920 && tooltipMessage ? (_jsx(Tooltip, { xOffset: 139, yOffset: 5, delay: 0.1, message: tooltipMessage, children: image })) : (image);\n    return (_jsx(QRCodeContainer, { children: _jsxs(QRCodeContent, { children: [image && (_jsx(LogoContainer, { children: _jsx(LogoIcon, { \"$wcLogo\": imagePosition !== \"center\", style: {\n                            background: imagePosition === \"center\" ? imageBackground : undefined,\n                        }, children: Logo }) })), _jsx(AnimatePresence, { initial: false, children: value ? (_jsx(motion.div, { initial: { opacity: 0 }, animate: { opacity: 1 }, exit: { opacity: 0, position: \"absolute\", inset: [0, 0] }, transition: {\n                            duration: 0.2,\n                        }, children: _jsx(QRCode, { uri: value, size: 576, ecl: \"H\", clearArea: !!(imagePosition === \"center\" && image) }) }, value)) : (_jsxs(QRPlaceholder, { initial: { opacity: 0.1 }, animate: { opacity: 0.1 }, exit: { opacity: 0, position: \"absolute\", inset: [0, 0] }, transition: {\n                            duration: 0.2,\n                        }, children: [_jsx(\"span\", {}), _jsx(\"span\", {}), _jsx(\"span\", {}), _jsx(\"div\", {})] })) })] }) }));\n}\nCustomQRCode.displayName = \"CustomQRCode\";\nexport default CustomQRCode;\n"],"names":["_jsx","_jsxs"],"mappings":";;;;;;;AAMA,SAAS,YAAY,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,eAAe,EAAE,aAAa,GAAG,QAAQ,EAAE,cAAc,GAAG,EAAE;AACpG,IAAI,MAAM,UAAU,GAAG,aAAa,EAAE,CAAC;AACvC,IAAI,MAAM,IAAI,GAAG,UAAU,CAAC,KAAK,GAAG,GAAG,IAAI,cAAc,IAAIA,GAAI,CAAC,OAAO,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE,OAAO,EAAE,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,OAAO,EAAE,cAAc,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC,KAAK,KAAK,CAAC,CAAC;AAC1K,IAAI,QAAQA,GAAI,CAAC,eAAe,EAAE,EAAE,QAAQ,EAAEC,IAAK,CAAC,aAAa,EAAE,EAAE,QAAQ,EAAE,CAAC,KAAK,KAAKD,GAAI,CAAC,aAAa,EAAE,EAAE,QAAQ,EAAEA,GAAI,CAAC,QAAQ,EAAE,EAAE,SAAS,EAAE,aAAa,KAAK,QAAQ,EAAE,KAAK,EAAE;AACzL,4BAA4B,UAAU,EAAE,aAAa,KAAK,QAAQ,GAAG,eAAe,GAAG,SAAS;AAChG,yBAAyB,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,EAAE,CAAC,CAAC,EAAEA,GAAI,CAAC,eAAe,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,IAAIA,GAAI,CAAC,MAAM,CAAC,GAAG,EAAE,EAAE,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,EAAE,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,EAAE,IAAI,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,QAAQ,EAAE,UAAU,EAAE,KAAK,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,UAAU,EAAE;AACzP,4BAA4B,QAAQ,EAAE,GAAG;AACzC,yBAAyB,EAAE,QAAQ,EAAEA,GAAI,CAAC,MAAM,EAAE,EAAE,GAAG,EAAE,KAAK,EAAE,IAAI,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,CAAC,EAAE,aAAa,KAAK,QAAQ,IAAI,KAAK,CAAC,EAAE,CAAC,EAAE,EAAE,KAAK,CAAC,KAAKC,IAAK,CAAC,aAAa,EAAE,EAAE,OAAO,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE,EAAE,OAAO,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE,EAAE,IAAI,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,QAAQ,EAAE,UAAU,EAAE,KAAK,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,UAAU,EAAE;AAC7S,4BAA4B,QAAQ,EAAE,GAAG;AACzC,yBAAyB,EAAE,QAAQ,EAAE,CAACD,GAAI,CAAC,MAAM,EAAE,EAAE,CAAC,EAAEA,GAAI,CAAC,MAAM,EAAE,EAAE,CAAC,EAAEA,GAAI,CAAC,MAAM,EAAE,EAAE,CAAC,EAAEA,GAAI,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE;AAC5H,CAAC;AACD,YAAY,CAAC,WAAW,GAAG,cAAc;;;;"}

package/build/src/components/Common/CustomQRCode/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"styles.js","sources":["../../../../../src/components/Common/CustomQRCode/styles.ts"],"sourcesContent":["import { motion } from \"framer-motion\";\nimport { css, keyframes } from \"styled-components\";\nimport styled from \"./../../../styles/styled\";\nexport const QRCodeContainer = styled(motion.div) `\n  z-index: 3;\n  position: relative;\n  overflow: hidden;\n  height: 0;\n  padding-bottom: 100% !important;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin: 1px 0 2px;\n  border-radius: var(--ck-qr-border-radius, 24px);\n  background: var(--ck-qr-background, transparent);\n  box-shadow: 0 0 0 1px var(--ck-qr-border-color);\n  backface-visibility: hidden;\n  svg {\n    display: block;\n    max-width: 100%;\n    width: 100%;\n    height: auto;\n  }\n`;\nexport const QRCodeContent = styled(motion.div) `\n  position: absolute;\n  inset: 13px;\n  svg {\n    width: 100% !important;\n    height: auto !important;\n  }\n`;\nexport const PlaceholderKeyframes = keyframes `\n  0%{ background-position: 100% 0; }\n  100%{ background-position: -100% 0; }\n`;\nexport const QRPlaceholder = styled(motion.div) `\n  --color: var(--ck-qr-dot-color);\n  --bg: var(--ck-qr-background, var(--ck-body-background));\n\n  position: absolute;\n  inset: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  > div {\n    z-index: 4;\n    position: relative;\n    width: 28%;\n    height: 28%;\n    border-radius: 20px;\n    background: var(--bg);\n    box-shadow: 0 0 0 7px var(--bg);\n  }\n  > span {\n    z-index: 4;\n    position: absolute;\n    background: var(--color);\n    border-radius: 12px;\n    width: 13.25%;\n    height: 13.25%;\n    box-shadow: 0 0 0 4px var(--bg);\n    &:before {\n      content: \"\";\n      position: absolute;\n      inset: 9px;\n      border-radius: 3px;\n      box-shadow: 0 0 0 4px var(--bg);\n    }\n    &:nth-child(1) {\n      top: 0;\n      left: 0;\n    }\n    &:nth-child(2) {\n      top: 0;\n      right: 0;\n    }\n    &:nth-child(3) {\n      bottom: 0;\n      left: 0;\n    }\n  }\n  &:before {\n    z-index: 3;\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    background: repeat;\n    background-size: 1.888% 1.888%;\n    background-image: radial-gradient(var(--color) 41%, transparent 41%);\n  }\n  &:after {\n    z-index: 5;\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    transform: scale(1.5) rotate(45deg);\n    background-image: linear-gradient(\n      90deg,\n      rgba(255, 255, 255, 0) 50%,\n      rgba(255, 255, 255, 1),\n      rgba(255, 255, 255, 0)\n    );\n    background-size: 200% 100%;\n    animation: ${PlaceholderKeyframes} 1000ms linear infinite both;\n  }\n`;\nexport const LogoContainer = styled(motion.div) `\n  z-index: 6;\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  transform: translateY(50%) scale(0.9999); // Shifting fix\n`;\nexport const LogoIcon = styled(motion.div) `\n  z-index: 6;\n  position: absolute;\n  left: 50%;\n  overflow: hidden;\n\n  transform: translate(-50%, -50%) scale(0.9999); // Shifting fix\n\n  svg {\n    display: block;\n    position: relative;\n    width: 100%;\n    height: 100%;\n  }\n\n  ${(props) => props.$wcLogo\n    ? css `\n          width: 29%;\n          height: 20.5%;\n        `\n    : css `\n          width: 28%;\n          height: 28%;\n          border-radius: 17px;\n          &:before {\n            pointer-events: none;\n            z-index: 2;\n            content: \"\";\n            position: absolute;\n            inset: 0;\n            border-radius: inherit;\n            box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.02);\n          }\n        `}\n`;\n"],"names":[],"mappings":";;;;AAGY,MAAC,eAAe,GAAG,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC;AACnD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,EAAE;AACU,MAAC,aAAa,GAAG,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC;AACjD;AACA;AACA;AACA;AACA;AACA;AACA,EAAE;AACU,MAAC,oBAAoB,GAAG,SAAS,CAAC,CAAC;AAC/C;AACA;AACA,EAAE;AACU,MAAC,aAAa,GAAG,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC;AACjD;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,EAAE,oBAAoB,CAAC;AACtC;AACA,EAAE;AACU,MAAC,aAAa,GAAG,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC;AACjD;AACA;AACA;AACA;AACA;AACA;AACA;AACA,EAAE;AACU,MAAC,QAAQ,GAAG,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC;AAC5C;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,QAAQ,CAAC;AACT,MAAM,GAAG,CAAC,CAAC;AACX;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,QAAQ,CAAC,CAAC;AACV;;;;"}

package/build/src/components/Common/FitText/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../../src/components/Common/FitText/index.tsx"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport React from \"react\";\nimport useFitText from \"../../../hooks/useFitText\";\nconst FitText = ({ children }) => {\n    const [ready, setReady] = React.useState(false);\n    const { fontSize, ref: textRef } = useFitText({\n        logLevel: \"none\",\n        maxFontSize: 100,\n        minFontSize: 70,\n        onStart: () => setReady(true),\n        onFinish: () => setReady(true),\n    });\n    return (_jsx(\"div\", { ref: textRef, style: {\n            visibility: ready ? \"visible\" : \"hidden\",\n            fontSize: `${fontSize}%`,\n            maxHeight: \"100%\",\n            maxWidth: \"100%\",\n            display: \"flex\",\n            justifyContent: \"center\",\n            alignItems: \"center\",\n        }, children: children }));\n};\nFitText.displayName = \"FitText\";\nexport default FitText;\n"],"names":["_jsx"],"mappings":";;;;AAGK,MAAC,OAAO,GAAG,CAAC,EAAE,QAAQ,EAAE,KAAK;AAClC,IAAI,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;AACpD,IAAI,MAAM,EAAE,QAAQ,EAAE,GAAG,EAAE,OAAO,EAAE,GAAG,UAAU,CAAC;AAClD,QAAQ,QAAQ,EAAE,MAAM;AACxB,QAAQ,WAAW,EAAE,GAAG;AACxB,QAAQ,WAAW,EAAE,EAAE;AACvB,QAAQ,OAAO,EAAE,MAAM,QAAQ,CAAC,IAAI,CAAC;AACrC,QAAQ,QAAQ,EAAE,MAAM,QAAQ,CAAC,IAAI,CAAC;AACtC,KAAK,CAAC,CAAC;AACP,IAAI,QAAQA,GAAI,CAAC,KAAK,EAAE,EAAE,GAAG,EAAE,OAAO,EAAE,KAAK,EAAE;AAC/C,YAAY,UAAU,EAAE,KAAK,GAAG,SAAS,GAAG,QAAQ;AACpD,YAAY,QAAQ,EAAE,CAAC,EAAE,QAAQ,CAAC,CAAC,CAAC;AACpC,YAAY,SAAS,EAAE,MAAM;AAC7B,YAAY,QAAQ,EAAE,MAAM;AAC5B,YAAY,OAAO,EAAE,MAAM;AAC3B,YAAY,cAAc,EAAE,QAAQ;AACpC,YAAY,UAAU,EAAE,QAAQ;AAChC,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,EAAE;AAClC,EAAE;AACF,OAAO,CAAC,WAAW,GAAG,SAAS;;;;"}

package/build/src/components/Common/Modal/index.js

@@ -7,7 +7,7 @@ import { isMobile, flattenChildren, isWalletConnectConnector } from '../../../ut
 import { ModalContainer, BackgroundOverlay, Container, BoxContainer, DisclaimerBackground, Disclaimer, ErrorMessage, ControllerContainer, CloseButton, BackButton, InfoButton, ModalHeading, InnerContainer, PageContents, PageContainer, TextWithHr } from './styles.js';
 import useLockBodyScroll from '../../../hooks/useLockBodyScroll.js';
 import { usePayContext, ROUTES } from '../../DaimoPay.js';
-import { getChainName } from '@daimo/contract';
+import { getChainName } from '@daimo/pay-common';
 import { useTransition } from 'react-transition-state';
 import { useAccount, useSwitchChain } from 'wagmi';
 import FocusTrap from '../../../hooks/useFocusTrap.js';
@@ -202,8 +202,7 @@ const Modal = ({ open, pages, pageId, positionInside, inline, demo, onClose, onB
                 if (selectedTokenOption == null)
                     return undefined;
                 const chainName = getChainName(selectedTokenOption.balance.token.chainId);
-                const capitalizedChainName = chainName.charAt(0).toUpperCase() + chainName.slice(1);
-                return `Pay with ${capitalizedChainName} ${selectedTokenOption.balance.token.symbol}`;
+                return `Pay with ${chainName} ${selectedTokenOption.balance.token.symbol}`;
             case ROUTES.CONFIRMATION:
                 return "Payment Successful";
         }

package/build/src/components/Common/Modal/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../../src/components/Common/Modal/index.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from \"react/jsx-runtime\";\nimport { useCallback, useEffect, useRef, useState } from \"react\";\nimport { AnimatePresence, motion } from \"framer-motion\";\nimport { ResetContainer } from \"../../../styles\";\nimport Portal from \"../Portal\";\nimport { flattenChildren, isMobile, isWalletConnectConnector, } from \"../../../utils\";\nimport { BackButton, BackgroundOverlay, BoxContainer, CloseButton, Container, ControllerContainer, Disclaimer, DisclaimerBackground, ErrorMessage, InfoButton, InnerContainer, ModalContainer, ModalHeading, PageContainer, PageContents, TextWithHr, } from \"./styles\";\nimport useLockBodyScroll from \"../../../hooks/useLockBodyScroll\";\nimport { ROUTES, usePayContext } from \"../../DaimoPay\";\nimport { getChainName } from \"@daimo/pay-common\";\nimport { useTransition } from \"react-transition-state\";\nimport { useAccount, useSwitchChain } from \"wagmi\";\nimport { AuthIcon } from \"../../../assets/icons\";\nimport FocusTrap from \"../../../hooks/useFocusTrap\";\nimport useLocales from \"../../../hooks/useLocales\";\nimport usePrevious from \"../../../hooks/usePrevious\";\nimport { useWallet } from \"../../../wallets/useWallets\";\nimport { useThemeContext } from \"../../DaimoPayThemeProvider/DaimoPayThemeProvider\";\nimport FitText from \"../FitText\";\nconst ProfileIcon = ({ isSignedIn }) => (_jsxs(\"div\", { style: { position: \"relative\" }, children: [isSignedIn ? (_jsx(AuthIcon, { style: {\n                bottom: -1,\n                right: -1,\n            } })) : (_jsx(\"div\", { style: {\n                zIndex: 2,\n                position: \"absolute\",\n                top: -2,\n                right: -2,\n                background: \"#1A88F8\",\n                borderRadius: 8,\n                boxShadow: \"0 0 0 2px var(--ck-body-background)\",\n                width: 8,\n                height: 8,\n            } })), _jsxs(\"svg\", { \"aria-hidden\": \"true\", width: \"20\", height: \"20\", viewBox: \"0 0 20 20\", fill: \"none\", xmlns: \"http://www.w3.org/2000/svg\", style: { overflow: \"visible\" }, children: [_jsx(\"circle\", { cx: \"10\", cy: \"10\", r: \"9\", stroke: \"currentColor\", strokeWidth: \"2\" }), _jsx(\"path\", { d: \"M16.5 16.775C14.8618 15.0649 12.5552 14 10 14C7.44477 14 5.13825 15.0649 3.5 16.775\", stroke: \"currentColor\", strokeWidth: \"2\" }), _jsx(\"circle\", { cx: \"10\", cy: \"8\", r: \"3\", stroke: \"currentColor\", strokeWidth: \"2\" })] })] }));\nconst InfoIcon = ({ ...props }) => (_jsx(\"svg\", { \"aria-hidden\": \"true\", width: \"22\", height: \"22\", viewBox: \"0 0 22 22\", fill: \"none\", xmlns: \"http://www.w3.org/2000/svg\", ...props, children: _jsx(\"path\", { fillRule: \"evenodd\", clipRule: \"evenodd\", d: \"M20 11C20 15.9706 15.9706 20 11 20C6.02944 20 2 15.9706 2 11C2 6.02944 6.02944 2 11 2C15.9706 2 20 6.02944 20 11ZM22 11C22 17.0751 17.0751 22 11 22C4.92487 22 0 17.0751 0 11C0 4.92487 4.92487 0 11 0C17.0751 0 22 4.92487 22 11ZM11.6445 12.7051C11.6445 13.1348 11.3223 13.4678 10.7744 13.4678C10.2266 13.4678 9.92578 13.1885 9.92578 12.6191V12.4795C9.92578 11.4268 10.4951 10.8574 11.2686 10.3203C12.2031 9.67578 12.665 9.32129 12.665 8.59082C12.665 7.76367 12.0205 7.21582 11.043 7.21582C10.3232 7.21582 9.80762 7.57031 9.45312 8.16113C9.38282 8.24242 9.32286 8.32101 9.2667 8.39461C9.04826 8.68087 8.88747 8.8916 8.40039 8.8916C8.0459 8.8916 7.66992 8.62305 7.66992 8.15039C7.66992 7.96777 7.70215 7.7959 7.75586 7.61328C8.05664 6.625 9.27051 5.75488 11.1182 5.75488C12.9336 5.75488 14.5234 6.71094 14.5234 8.50488C14.5234 9.7832 13.7822 10.417 12.7402 11.1045C11.999 11.5986 11.6445 11.9746 11.6445 12.5762V12.7051ZM11.9131 15.5625C11.9131 16.1855 11.376 16.6797 10.7529 16.6797C10.1299 16.6797 9.59277 16.1748 9.59277 15.5625C9.59277 14.9395 10.1191 14.4453 10.7529 14.4453C11.3867 14.4453 11.9131 14.9287 11.9131 15.5625Z\", fill: \"currentColor\" }) }));\nconst CloseIcon = ({ ...props }) => (_jsx(motion.svg, { width: 14, height: 14, viewBox: \"0 0 14 14\", fill: \"none\", xmlns: \"http://www.w3.org/2000/svg\", ...props, children: _jsx(\"path\", { d: \"M1 13L13 1M1 1L13 13\", stroke: \"currentColor\", strokeWidth: \"2\", strokeLinecap: \"round\" }) }));\nconst BackIcon = ({ ...props }) => (_jsx(motion.svg, { width: 9, height: 16, viewBox: \"0 0 9 16\", fill: \"none\", xmlns: \"http://www.w3.org/2000/svg\", ...props, children: _jsx(\"path\", { d: \"M8 1L1 8L8 15\", stroke: \"currentColor\", strokeWidth: \"2\", strokeLinecap: \"round\", strokeLinejoin: \"round\" }) }));\nconst contentTransitionDuration = 0.22;\nexport const contentVariants = {\n    initial: {\n        //willChange: 'transform,opacity',\n        zIndex: 2,\n        opacity: 0,\n    },\n    animate: {\n        opacity: 1,\n        scale: 1,\n        transition: {\n            duration: contentTransitionDuration * 0.75,\n            delay: contentTransitionDuration * 0.25,\n            ease: [0.26, 0.08, 0.25, 1],\n        },\n    },\n    exit: {\n        zIndex: 1,\n        opacity: 0,\n        pointerEvents: \"none\",\n        position: \"absolute\",\n        left: [\"50%\", \"50%\"],\n        x: [\"-50%\", \"-50%\"],\n        transition: {\n            duration: contentTransitionDuration,\n            ease: [0.26, 0.08, 0.25, 1],\n        },\n    },\n};\nconst Modal = ({ open, pages, pageId, positionInside, inline, demo, onClose, onBack, onInfo, }) => {\n    const context = usePayContext();\n    const themeContext = useThemeContext();\n    const mobile = isMobile();\n    const { daimoPayOrder, selectedExternalOption, selectedTokenOption, selectedSolanaTokenOption, selectedDepositAddressOption, } = context.paymentState;\n    const wallet = useWallet(context.connector?.id);\n    const walletInfo = {\n        name: wallet?.name,\n        shortName: wallet?.shortName ?? wallet?.name,\n        icon: wallet?.iconConnector ?? wallet?.icon,\n        iconShape: wallet?.iconShape ?? \"circle\",\n        iconShouldShrink: wallet?.iconShouldShrink,\n    };\n    const locales = useLocales({\n        CONNECTORNAME: walletInfo?.name,\n    });\n    const [state, setOpen] = useTransition({\n        timeout: mobile ? 160 : 160, // different animations, 10ms extra to avoid final-frame drops\n        preEnter: true,\n        mountOnEnter: true,\n        unmountOnExit: true,\n    });\n    const mounted = !(state === \"exited\" || state === \"unmounted\");\n    const rendered = state === \"preEnter\" || state !== \"exiting\";\n    const currentDepth = context.route === ROUTES.CONNECTORS\n        ? 0\n        : context.route === ROUTES.DOWNLOAD\n            ? 2\n            : 1;\n    const prevDepth = usePrevious(currentDepth, currentDepth);\n    if (!positionInside)\n        useLockBodyScroll(mounted);\n    const prevPage = usePrevious(pageId, pageId);\n    useEffect(() => {\n        setOpen(open);\n        if (open)\n            setInTransition(undefined);\n    }, [open]);\n    const [dimensions, setDimensions] = useState({\n        width: undefined,\n        height: undefined,\n    });\n    const [inTransition, setInTransition] = useState(undefined);\n    // Calculate new content bounds\n    const updateBounds = (node) => {\n        const bounds = {\n            width: node?.offsetWidth,\n            height: node?.offsetHeight,\n        };\n        setDimensions({\n            width: `${bounds?.width}px`,\n            height: `${bounds?.height}px`,\n        });\n    };\n    let blockTimeout;\n    const contentRef = useCallback((node) => {\n        if (!node)\n            return;\n        ref.current = node;\n        // Avoid transition mixups\n        setInTransition(inTransition === undefined ? false : true);\n        clearTimeout(blockTimeout);\n        blockTimeout = setTimeout(() => setInTransition(false), 360);\n        // Calculate new content bounds\n        updateBounds(node);\n    }, [open, inTransition]);\n    // Update layout on chain/network switch to avoid clipping\n    const { chain } = useAccount();\n    const { switchChain } = useSwitchChain();\n    const ref = useRef(null);\n    useEffect(() => {\n        if (ref.current)\n            updateBounds(ref.current);\n    }, [chain, switchChain, mobile, context.options, context.resize]);\n    useEffect(() => {\n        if (!mounted) {\n            setDimensions({\n                width: undefined,\n                height: undefined,\n            });\n            return;\n        }\n        const listener = (e) => {\n            if (e.key === \"Escape\" && onClose)\n                onClose();\n        };\n        document.addEventListener(\"keydown\", listener);\n        return () => {\n            document.removeEventListener(\"keydown\", listener);\n        };\n    }, [mounted, onClose]);\n    const dimensionsCSS = {\n        \"--height\": dimensions.height,\n        \"--width\": dimensions.width,\n    };\n    function shouldUseQrcode() {\n        if (!wallet)\n            return false; // Fail states are shown in the injector flow\n        const useInjector = !wallet.getWalletConnectDeeplink || wallet.isInstalled;\n        return !useInjector;\n    }\n    function getHeading() {\n        switch (context.route) {\n            case ROUTES.ABOUT:\n                return locales.aboutScreen_heading;\n            case ROUTES.CONNECT:\n                if (shouldUseQrcode()) {\n                    return isWalletConnectConnector(wallet?.connector?.id)\n                        ? locales.scanScreen_heading\n                        : locales.scanScreen_heading_withConnector;\n                }\n                else {\n                    return walletInfo?.name;\n                }\n            case ROUTES.SOLANA_CONNECT:\n                return \"Connect Solana Wallet\";\n            case ROUTES.SOLANA_CONNECTOR:\n                return context.solanaConnector ?? \"Solana Wallet\";\n            case ROUTES.CONNECTORS:\n                return locales.connectorsScreen_heading;\n            case ROUTES.MOBILECONNECTORS:\n                return locales.mobileConnectorsScreen_heading;\n            case ROUTES.DOWNLOAD:\n                return locales.downloadAppScreen_heading;\n            case ROUTES.ONBOARDING:\n                return locales.onboardingScreen_heading;\n            case ROUTES.SWITCHNETWORKS:\n                return locales.switchNetworkScreen_heading;\n            case ROUTES.SELECT_METHOD:\n            case ROUTES.SELECT_TOKEN:\n            case ROUTES.SOLANA_SELECT_TOKEN:\n                return daimoPayOrder?.metadata.intent;\n            case ROUTES.SOLANA_PAY_WITH_TOKEN:\n                if (!selectedSolanaTokenOption)\n                    return undefined;\n                return `Pay with ${selectedSolanaTokenOption.required.token.symbol}`;\n            case ROUTES.WAITING_EXTERNAL:\n                return selectedExternalOption?.cta;\n            case ROUTES.SELECT_DEPOSIT_ADDRESS_CHAIN:\n                return \"Select Chain\";\n            case ROUTES.WAITING_DEPOSIT_ADDRESS:\n                if (!selectedDepositAddressOption)\n                    return undefined;\n                return `Pay with ${selectedDepositAddressOption.id}`;\n            case ROUTES.SELECT_AMOUNT:\n            case ROUTES.SELECT_EXTERNAL_AMOUNT:\n            case ROUTES.SELECT_DEPOSIT_ADDRESS_AMOUNT:\n            case ROUTES.SOLANA_SELECT_AMOUNT:\n                return \"Select Amount\";\n            case ROUTES.PAY_WITH_TOKEN:\n                if (selectedTokenOption == null)\n                    return undefined;\n                const chainName = getChainName(selectedTokenOption.balance.token.chainId);\n                return `Pay with ${chainName} ${selectedTokenOption.balance.token.symbol}`;\n            case ROUTES.CONFIRMATION:\n                return \"Payment Successful\";\n        }\n    }\n    const Content = (_jsx(ResetContainer, { \"$useTheme\": demo?.theme ?? themeContext.theme, \"$useMode\": demo?.mode ?? themeContext.mode, \"$customTheme\": demo?.customTheme ?? themeContext.customTheme, children: _jsxs(ModalContainer, { role: \"dialog\", style: {\n                pointerEvents: rendered ? \"auto\" : \"none\",\n                position: positionInside ? \"absolute\" : undefined,\n            }, children: [!inline && (_jsx(BackgroundOverlay, { \"$active\": rendered, onClick: onClose, \"$blur\": context.options?.overlayBlur })), _jsxs(Container, { style: dimensionsCSS, initial: false, children: [_jsx(\"div\", { style: {\n                                pointerEvents: inTransition ? \"all\" : \"none\", // Block interaction while transitioning\n                                position: \"absolute\",\n                                top: 0,\n                                bottom: 0,\n                                left: \"50%\",\n                                transform: \"translateX(-50%)\",\n                                width: \"var(--width)\",\n                                zIndex: 9,\n                                transition: \"width 200ms ease\",\n                            } }), _jsxs(BoxContainer, { className: `${rendered && \"active\"}`, children: [_jsx(AnimatePresence, { initial: false, children: context.options?.disclaimer &&\n                                        context.route === ROUTES.CONNECTORS && (_jsx(DisclaimerBackground, { initial: {\n                                            opacity: 0,\n                                        }, animate: {\n                                            opacity: 1,\n                                        }, exit: { opacity: 0 }, transition: {\n                                            delay: 0,\n                                            duration: 0.2,\n                                            ease: [0.25, 0.1, 0.25, 1.0],\n                                        }, children: _jsx(Disclaimer, { children: _jsx(\"div\", { children: context.options?.disclaimer }) }) })) }), _jsx(AnimatePresence, { initial: false, children: context.errorMessage && (_jsxs(ErrorMessage, { initial: { y: \"10%\", x: \"-50%\" }, animate: { y: \"-100%\" }, exit: { y: \"100%\" }, transition: { duration: 0.2, ease: \"easeInOut\" }, children: [_jsx(\"span\", { children: context.errorMessage }), _jsx(\"div\", { onClick: () => context.displayError(null), style: {\n                                                    position: \"absolute\",\n                                                    right: 24,\n                                                    top: 24,\n                                                    cursor: \"pointer\",\n                                                }, children: _jsx(CloseIcon, {}) })] })) }), _jsxs(ControllerContainer, { children: [onClose && (_jsx(CloseButton, { \"aria-label\": flattenChildren(locales.close).toString(), onClick: onClose, children: _jsx(CloseIcon, {}) })), _jsx(\"div\", { style: {\n                                                position: \"absolute\",\n                                                top: 23,\n                                                left: 20,\n                                                width: 32,\n                                                height: 32,\n                                            }, children: _jsx(AnimatePresence, { children: onBack ? (_jsx(BackButton, { disabled: inTransition, \"aria-label\": flattenChildren(locales.back).toString(), onClick: onBack, initial: { opacity: 0 }, animate: { opacity: 1 }, exit: { opacity: 0 }, transition: {\n                                                        duration: mobile ? 0 : 0.1,\n                                                        delay: mobile ? 0.01 : 0,\n                                                    }, children: _jsx(BackIcon, {}) }, \"backButton\")) : (onInfo &&\n                                                    !context.options?.hideQuestionMarkCTA && (_jsx(InfoButton, { disabled: inTransition, \"aria-label\": flattenChildren(locales.moreInformation).toString(), onClick: onInfo, initial: { opacity: 0 }, animate: { opacity: 1 }, exit: { opacity: 0 }, transition: {\n                                                        duration: mobile ? 0 : 0.1,\n                                                        delay: mobile ? 0.01 : 0,\n                                                    }, children: _jsx(InfoIcon, {}) }, \"infoButton\"))) }) })] }), _jsx(ModalHeading, { children: _jsx(AnimatePresence, { children: _jsx(motion.div, { style: {\n                                                position: \"absolute\",\n                                                top: 0,\n                                                bottom: 0,\n                                                left: 52,\n                                                right: 52,\n                                                display: \"flex\",\n                                                //alignItems: 'center',\n                                                justifyContent: \"center\",\n                                            }, initial: { opacity: 0 }, animate: { opacity: 1 }, exit: { opacity: 0 }, transition: {\n                                                duration: mobile ? 0 : 0.17,\n                                                delay: mobile ? 0.01 : 0,\n                                            }, children: _jsx(FitText, { children: getHeading() }) }, `${context.route}`) }) }), _jsx(InnerContainer, { children: Object.keys(pages).map((key) => (_jsx(Page, { open: key === pageId, initial: !positionInside && state !== \"entered\", enterAnim: key === pageId\n                                            ? currentDepth > prevDepth\n                                                ? \"active-scale-up\"\n                                                : \"active\"\n                                            : \"\", exitAnim: key !== pageId\n                                            ? currentDepth < prevDepth\n                                                ? \"exit-scale-down\"\n                                                : \"exit\"\n                                            : \"\", children: _jsx(PageContents, { ref: contentRef, style: {\n                                                pointerEvents: key === pageId && rendered ? \"auto\" : \"none\",\n                                            }, children: pages[key] }, `inner-${key}`) }, key))) })] })] })] }) }));\n    return (_jsx(_Fragment, { children: mounted && (_jsx(_Fragment, { children: positionInside ? (Content) : (_jsx(_Fragment, { children: _jsx(Portal, { children: _jsx(FocusTrap, { children: Content }) }) })) })) }));\n};\nconst Page = ({ children, open, initial, prevDepth, currentDepth, enterAnim, exitAnim, }) => {\n    const [state, setOpen] = useTransition({\n        timeout: 400,\n        preEnter: true,\n        initialEntered: open,\n        mountOnEnter: true,\n        unmountOnExit: true,\n    });\n    const mounted = !(state === \"exited\" || state === \"unmounted\");\n    const rendered = state === \"preEnter\" || state !== \"exiting\";\n    useEffect(() => {\n        setOpen(open);\n    }, [open]);\n    if (!mounted)\n        return null;\n    return (_jsx(PageContainer, { className: `${rendered ? enterAnim : exitAnim}`, style: {\n            animationDuration: initial ? \"0ms\" : undefined,\n            animationDelay: initial ? \"0ms\" : undefined,\n        }, children: children }));\n};\nexport const OrDivider = ({ children }) => {\n    const locales = useLocales();\n    return (_jsx(TextWithHr, { children: _jsx(\"span\", { children: children ?? locales.or }) }));\n};\nexport default Modal;\n"],"names":["_jsx","_jsxs","_Fragment"],"mappings":"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"}

package/build/src/components/Common/Modal/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"styles.js","sources":["../../../../../src/components/Common/Modal/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 ErrorMessage = styled(motion.div) `\n  z-index: -1;\n  pointer-events: auto;\n  position: absolute;\n  left: 50%;\n  transform: translateX(-50%);\n  width: var(--width);\n  top: 64px;\n  color: #fff;\n  font-size: 14px;\n  line-height: 20px;\n  font-weight: 500;\n  background: var(--ck-body-color-danger);\n  border-radius: 20px;\n  padding: 24px 46px 82px 24px;\n  transition: width var(--duration) var(--ease);\n  a {\n    font-weight: 700;\n    text-decoration: underline;\n  }\n  code {\n    font-size: 0.9em;\n    display: inline-block;\n    font-family: monospace;\n    margin: 1px;\n    padding: 0 4px;\n    border-radius: 8px;\n    font-weight: bold;\n    background: rgba(255, 255, 255, 0.1);\n  }\n`;\nconst FadeIn = keyframes `\nfrom { opacity: 0; }\n  to { opacity: 1; }\n`;\nconst FadeInScaleUp = keyframes `\nfrom { opacity: 0; transform: scale(0.85); }\n  to { opacity: 1; transform: scale(1); }\n`;\nconst FadeInScaleDown = keyframes `\nfrom { opacity: 0; transform: scale(1.1); }\n  to { opacity: 1; transform: scale(1); }\n`;\nconst FadeOut = keyframes `\nfrom { opacity: 1; }\n  to { opacity: 0; }\n`;\nconst FadeOutScaleUp = keyframes `\nfrom { opacity: 1; transform: scale(1); }\n  to { opacity: 0; transform: scale(1.1); }\n`;\nconst FadeOutScaleDown = keyframes `\nfrom { opacity: 1; transform: scale(1); }\n  to { opacity: 0; transform: scale(0.85); }\n`;\nexport const PageContent = styled(motion.div) `\n  max-width: 100%;\n  width: 360px;\n  padding-top: 48px;\n`;\nexport const TextWithHr = styled(motion.div) `\n  user-select: none;\n  position: relative;\n  display: block;\n  text-align: center;\n  color: var(--ck-body-color-muted);\n  font-size: 15px;\n  font-weight: 400;\n  line-height: 21px;\n  span {\n    z-index: 2;\n    position: relative;\n    display: inline-block;\n    user-select: none;\n    pointer-events: none;\n    padding: 0 14px;\n    background: var(--ck-body-background);\n    transition: background-color 200ms ease;\n  }\n  &:before {\n    z-index: 2;\n    content: \"\";\n    position: absolute;\n    top: 50%;\n    left: 0;\n    right: 0;\n    height: 1px;\n    transform: translateY(-1px);\n    background: var(--ck-body-divider);\n    box-shadow: var(--ck-body-divider-box-shadow);\n  }\n`;\nexport const ModalHeading = styled(motion.div) `\n  z-index: 3;\n  pointer-events: none;\n  user-select: none;\n  position: absolute;\n  top: 25px;\n  left: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: 26px;\n  transform: translateX(-50%);\n  width: var(--width);\n  text-align: center;\n  font-size: 17px;\n  line-height: 20px;\n  font-weight: var(--ck-modal-heading-font-weight, 600);\n  color: var(--ck-body-color);\n  span {\n    display: inline-block;\n  }\n`;\nexport const ModalContentContainer = styled(motion.div) `\n  position: relative;\n  padding: 0;\n`;\nexport const ModalContent = styled(motion.div) `\n  left: 0;\n  right: 0;\n  text-align: center;\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n  padding: 0 0 16px;\n\n  @media only screen and (max-width: ${defaultTheme.mobileWidth}px) {\n    display: ${(props) => (props.$preserveDisplay ? \"flex\" : \"block\")};\n    gap: ${(props) => (props.$preserveDisplay ? \"4px\" : undefined)};\n  }\n`;\nexport const ModalH1 = styled(motion.h1) `\n  margin: 0;\n  padding: 0;\n  line-height: ${(props) => (props.$small ? 20 : 22)}px;\n  font-size: ${(props) => (props.$small ? 17 : 19)}px;\n  font-weight: var(--ck-modal-h1-font-weight, 600);\n  color: ${(props) => {\n    if (props.$error)\n        return \"var(--ck-body-color-danger)\";\n    if (props.$valid)\n        return \"var(--ck-body-color-valid)\";\n    return \"var(--ck-body-color)\";\n}};\n  > svg {\n    position: relative;\n    top: -2px;\n    display: inline-block;\n    vertical-align: middle;\n    margin-right: 6px;\n  }\n  @media only screen and (max-width: ${defaultTheme.mobileWidth}px) {\n    margin-bottom: 6px;\n    font-size: 17px;\n  }\n`;\nexport const ModalBody = styled.div `\n  font-size: 16px;\n  font-weight: 400;\n  line-height: 21px;\n  color: var(--ck-body-color-muted);\n  strong {\n    font-weight: 500;\n    color: var(--ck-body-color);\n  }\n`;\nexport const ModalBodySmall = styled.div `\n  padding: 0 12px;\n  font-size: 13px;\n  font-weight: 400;\n  line-height: 16px;\n  color: var(--ck-body-color-muted);\n  strong {\n    font-weight: 500;\n    color: var(--ck-body-color);\n  }\n`;\nexport const BackgroundOverlay = styled(motion.div) `\n  z-index: 1;\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background: var(--ck-overlay-background, rgba(71, 88, 107, 0.24));\n  backdrop-filter: ${(props) => props.$blur\n    ? `blur(${props.$blur}px)`\n    : \"var(--ck-overlay-backdrop-filter, none)\"};\n  opacity: 0;\n  animation: ${(props) => (props.$active ? FadeIn : FadeOut)} 150ms ease-out\n    both;\n`;\nconst BoxIn = keyframes `\n  from{ opacity: 0; transform: scale(0.97); }\n  to{ opacity: 1; transform: scale(1); }\n`;\nconst BoxOut = keyframes `\n  from{ opacity: 1; transform: scale(1); }\n  to{ opacity: 0; transform: scale(0.97); }\n`;\nconst MobileBoxIn = keyframes `\n  from { transform: translate3d(0, 100%, 0); }\n  to { transform: translate3d(0, 0%, 0); }\n`;\nconst MobileBoxOut = keyframes `\n  from { opacity: 1; }\n  to { opacity: 0; }\n`;\nexport const BoxContainer = styled(motion.div) `\n  z-index: 2;\n  position: relative;\n  color: var(--ck-body-color);\n\n  animation: 150ms ease both;\n  animation-name: ${BoxOut};\n  &.active {\n    animation-name: ${BoxIn};\n  }\n\n  &:before {\n    content: \"\";\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    left: 50%;\n    width: var(--width);\n    height: var(--height);\n    transform: translateX(-50%);\n    backface-visibility: hidden;\n    transition: all 200ms ease;\n    border-radius: var(--ck-border-radius, 20px);\n    background: var(--ck-body-background);\n    box-shadow: var(--ck-modal-box-shadow);\n  }\n\n  @media only screen and (max-width: ${defaultTheme.mobileWidth}px) {\n    animation-name: ${MobileBoxOut};\n    animation-duration: 130ms;\n    animation-timing-function: ease;\n\n    &.active {\n      animation-name: ${MobileBoxIn};\n      animation-duration: 300ms;\n      animation-delay: 32ms;\n      animation-timing-function: cubic-bezier(0.15, 1.15, 0.6, 1);\n    }\n\n    &:before {\n      width: 100%;\n      transition: 0ms height cubic-bezier(0.15, 1.15, 0.6, 1);\n      will-change: height;\n    }\n  }\n`;\nexport const ControllerContainer = styled(motion.div) `\n  z-index: 3;\n  position: absolute;\n  top: 0;\n  left: 50%;\n  height: 64px;\n  transform: translateX(-50%);\n  backface-visibility: hidden;\n  width: var(--width);\n  transition: 0.2s ease width;\n  pointer-events: auto;\n  //border-bottom: 1px solid var(--ck-body-divider);\n`;\nexport const InnerContainer = styled(motion.div) `\n  position: relative;\n  overflow: hidden;\n  height: var(--height);\n  transition: 0.2s ease height;\n  @media only screen and (max-width: ${defaultTheme.mobileWidth}px) {\n    transition: 0ms height cubic-bezier(0.15, 1.15, 0.6, 1);\n    /* animation-delay: 34ms; */\n  }\n`;\nexport const PageContainer = styled(motion.div) `\n  z-index: 2;\n  position: relative;\n  top: 0;\n  left: 50%;\n  margin-left: calc(var(--width) / -2);\n  width: var(--width);\n  /* left: 0; */\n  /* width: 100%; */\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  transform-origin: center center;\n  animation: 200ms ease both;\n\n  &.active {\n    animation-name: ${FadeInScaleDown};\n  }\n  &.active-scale-up {\n    animation-name: ${FadeInScaleUp};\n  }\n  &.exit-scale-down {\n    z-index: 1;\n    pointer-events: none;\n    position: absolute;\n    /* top: 0; */\n    /* left: 0; */\n    animation-name: ${FadeOutScaleDown};\n  }\n  &.exit {\n    z-index: 1;\n    pointer-events: none;\n    position: absolute;\n    /* top: 0; */\n    /* left: 0; */\n    /* left: 50%; */\n    /* transform: translateX(-50%); */\n    animation-name: ${FadeOutScaleUp};\n    animation-delay: 16.6667ms;\n  }\n  @media only screen and (max-width: ${defaultTheme.mobileWidth}px) {\n    /* animation: 0ms ease both; */\n    /* animation-delay: 35ms; */\n    animation: 0ms cubic-bezier(0.15, 1.15, 0.6, 1) both;\n\n    &.active {\n      animation-name: ${FadeIn};\n    }\n    &.active-scale-up {\n      animation-name: ${FadeIn};\n    }\n    &.exit-scale-down {\n      z-index: 3;\n      animation-name: ${FadeOut};\n    }\n    &.exit {\n      z-index: 3;\n      animation-name: ${FadeOut};\n      animation-delay: 0ms;\n    }\n  }\n`;\nexport const PageContents = styled(motion.div) `\n  margin: 0 auto;\n  width: fit-content;\n  padding: 29px 24px 24px;\n  backface-visibility: hidden;\n`;\nexport const ModalContainer = styled.div `\n  z-index: 2147483646; // z-index set one below max (2147483647) for if we wish to layer things ontop of the modal in a seperate Portal\n  position: fixed;\n  inset: 0;\n`;\nexport const CloseButton = styled(motion.button) `\n  z-index: 3;\n  cursor: pointer;\n  position: absolute;\n  top: 22px;\n  right: 17px;\n  width: 32px;\n  height: 32px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 16px;\n  padding: 0;\n  margin: 0;\n  color: var(--ck-body-action-color);\n  background: var(--ck-body-background);\n  transition:\n    background-color 200ms ease,\n    transform 100ms ease;\n  /* will-change: transform; */\n  svg {\n    display: block;\n  }\n\n  &:hover {\n    background: var(--ck-body-background-secondary);\n  }\n  &:active {\n    transform: scale(0.9);\n  }\n`;\nexport const SiweButton = styled(motion.button) `\n  z-index: 3;\n  position: absolute;\n  inset: 0;\n  width: 100%; // FireFox fix\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 16px;\n  padding: 0;\n  margin: 0;\n  color: var(--ck-body-action-color);\n  background: var(--ck-body-background);\n  transition:\n    background-color 200ms ease,\n    transform 100ms ease;\n  /* will-change: transform; */\n  svg {\n    display: block;\n    position: relative;\n  }\n\n  &:enabled {\n    cursor: pointer;\n    &:hover {\n      background: var(--ck-body-background-secondary);\n    }\n    &:active {\n      transform: scale(0.9);\n    }\n  }\n`;\nexport const BackButton = styled(motion.button) `\n  z-index: 3;\n  position: absolute;\n  inset: 0;\n  width: 100%; // FireFox fix\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 16px;\n  padding: 0;\n  margin: 0;\n  color: var(--ck-body-action-color);\n  background: var(--ck-body-background);\n  transition:\n    background-color 200ms ease,\n    transform 100ms ease;\n  /* will-change: transform; */\n  svg {\n    display: block;\n    position: relative;\n    left: -1px;\n  }\n\n  &:enabled {\n    cursor: pointer;\n    &:hover {\n      background: var(--ck-body-background-secondary);\n    }\n    &:active {\n      transform: scale(0.9);\n    }\n  }\n`;\nexport const InfoButton = styled(motion.button) `\n  z-index: 3;\n  position: absolute;\n  inset: 0;\n  width: 100%; // FireFox fix\n  transform: translateX(-1px);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 16px;\n  padding: 0;\n  margin: 0;\n  color: var(--ck-body-action-color);\n  background: var(--ck-body-background);\n  transition:\n    background-color 200ms ease,\n    transform 100ms ease;\n  /* will-change: transform; */\n  svg {\n    display: block;\n    position: relative;\n  }\n  &:enabled {\n    cursor: pointer;\n    &:hover {\n      background: var(--ck-body-background-secondary);\n    }\n    &:active {\n      transform: scale(0.9);\n    }\n  }\n`;\nexport const Container = styled(motion.div) `\n  --ease: cubic-bezier(0.25, 0.1, 0.25, 1);\n  --duration: 200ms;\n  --transition: height var(--duration) var(--ease),\n    width var(--duration) var(--ease);\n  z-index: 3;\n  display: block;\n  pointer-events: none;\n  position: absolute;\n  left: 50%;\n  top: 50%;\n  width: 100%;\n  transform: translate3d(-50%, -50%, 0);\n  backface-visibility: hidden;\n  @media only screen and (max-width: ${defaultTheme.mobileWidth}px) {\n    pointer-events: auto;\n    left: 0;\n    top: auto;\n    bottom: -5px;\n    transform: none;\n    ${BoxContainer} {\n      max-width: 448px;\n      margin: 0 auto;\n      &:before {\n        width: 100%;\n        border-radius: var(--ck-border-radius, 30px)\n          var(--ck-border-radius, 30px) 0 0;\n      }\n    }\n    ${PageContainer} {\n      left: 0;\n      right: 0;\n      margin: 0 auto;\n      width: auto;\n    }\n    ${PageContent} {\n      margin: 0 auto;\n      width: 100% !important;\n    }\n    ${ModalHeading} {\n      top: 29px;\n    }\n    ${ModalContent} {\n      gap: 12px;\n    }\n    ${ModalBody} {\n      margin: 0 auto;\n      max-width: 295px;\n    }\n    ${PageContents} {\n      width: 100%;\n      padding: 31px 24px;\n    }\n    ${ControllerContainer} {\n      width: 100%;\n      top: 4px;\n      border-bottom: 0;\n    }\n    ${CloseButton} {\n      right: 22px;\n    }\n    ${BackButton} {\n      top: -1px;\n      left: -3px;\n    }\n    ${InfoButton} {\n      top: -1px;\n      left: -3px;\n      svg {\n        width: 65%;\n        height: auto;\n      }\n    }\n    ${CloseButton},\n    ${BackButton},\n    ${InfoButton} {\n      // Quick hack for bigger tappable area on mobile\n      transform: scale(1.4) !important;\n      background: transparent !important;\n      svg {\n        transform: scale(0.8) !important;\n      }\n    }\n  }\n`;\nexport const Disclaimer = styled(motion.div) `\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin: 16px -24px -24px -24px;\n  padding: 15px 40px 18px;\n  font-size: var(--ck-body-disclaimer-font-size, 13px);\n  font-weight: var(--ck-body-disclaimer-font-weight, 400);\n  text-align: center;\n  line-height: 19px;\n  color: var(--ck-body-disclaimer-color, var(--ck-body-color-muted, inherit));\n\n  & a {\n    color: var(--ck-body-disclaimer-link-color, inherit);\n    font-weight: var(--ck-body-disclaimer-font-weight, 400);\n    text-decoration: none;\n    transition: color 200ms ease;\n    &:hover {\n      color: var(--ck-body-disclaimer-link-hover-color, inherit);\n    }\n  }\n\n  @media only screen and (max-width: ${defaultTheme.mobileWidth}px) {\n    margin: 24px -24px -26px -24px;\n    padding: 20px 42px 22px 42px;\n  }\n`;\nexport const DisclaimerBackground = styled(motion.div) `\n  pointer-events: all;\n  z-index: 9;\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  width: var(--width);\n  backface-visibility: hidden;\n  transform: translateX(-50%);\n  transform-origin: bottom center;\n\n  border-radius: var(--ck-border-radius, 30px);\n  border-top-left-radius: 0;\n  border-top-right-radius: 0;\n  transition: width 200ms ease;\n\n  background: var(\n    --ck-body-disclaimer-background,\n    var(--ck-body-background-secondary)\n  );\n  box-shadow: var(--ck-body-disclaimer-box-shadow);\n\n  ${Disclaimer} {\n    margin: 0 !important;\n    /* visibility: hidden; */\n  }\n\n  @media only screen and (max-width: ${defaultTheme.mobileWidth}px) {\n    border-radius: 0;\n  }\n`;\nexport const SignInTooltip = styled(motion.div) `\n  z-index: 2;\n  position: absolute;\n  top: 100%;\n  white-space: nowrap;\n  padding: 8px 16px;\n  color: #fff;\n  font-size: 13px;\n  line-height: 1.5;\n  background: #1a88f8;\n  border-radius: calc(var(--ck-border-radius) * 0.75);\n  transform: translateY(8px) translateX(-48px);\n  box-shadow: var(--ck-modal-box-shadow);\n  &:before {\n    content: \"\";\n    position: absolute;\n    box-shadow: var(--shadow);\n    width: 18px;\n    height: 18px;\n    transform: translate(215%, -75%) rotate(45deg);\n    background: inherit;\n    border-radius: 3px 0 0 0;\n  }\n\n  @media only screen and (max-width: ${defaultTheme.mobileWidth}px) {\n    transform: translateY(8px) translateX(-16px);\n    &:before {\n      transform: translate(40%, -75%) rotate(45deg);\n    }\n  }\n`;\n"],"names":[],"mappings":";;;;;AAIY,MAAC,YAAY,GAAG,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC;AAChD;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;AACF,MAAM,MAAM,GAAG,SAAS,CAAC,CAAC;AAC1B;AACA;AACA,CAAC,CAAC;AACF,MAAM,aAAa,GAAG,SAAS,CAAC,CAAC;AACjC;AACA;AACA,CAAC,CAAC;AACF,MAAM,eAAe,GAAG,SAAS,CAAC,CAAC;AACnC;AACA;AACA,CAAC,CAAC;AACF,MAAM,OAAO,GAAG,SAAS,CAAC,CAAC;AAC3B;AACA;AACA,CAAC,CAAC;AACF,MAAM,cAAc,GAAG,SAAS,CAAC,CAAC;AAClC;AACA;AACA,CAAC,CAAC;AACF,MAAM,gBAAgB,GAAG,SAAS,CAAC,CAAC;AACpC;AACA;AACA,CAAC,CAAC;AACU,MAAC,WAAW,GAAG,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC;AAC/C;AACA;AACA;AACA,EAAE;AACU,MAAC,UAAU,GAAG,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC;AAC9C;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;AACU,MAAC,YAAY,GAAG,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC;AAChD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,EAAE;AACU,MAAC,qBAAqB,GAAG,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC;AACzD;AACA;AACA,EAAE;AACU,MAAC,YAAY,GAAG,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,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EAAE,aAAa,CAAC;AACpC;AACA;AACA;AACA;AACA;AACA;AACA;AACA,oBAAoB,EAAE,gBAAgB,CAAC;AACvC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,oBAAoB,EAAE,cAAc,CAAC;AACrC;AACA;AACA,qCAAqC,EAAE,YAAY,CAAC,WAAW,CAAC;AAChE;AACA;AACA;AACA;AACA;AACA,sBAAsB,EAAE,MAAM,CAAC;AAC/B;AACA;AACA,sBAAsB,EAAE,MAAM,CAAC;AAC/B;AACA;AACA;AACA,sBAAsB,EAAE,OAAO,CAAC;AAChC;AACA;AACA;AACA,sBAAsB,EAAE,OAAO,CAAC;AAChC;AACA;AACA;AACA,EAAE;AACU,MAAC,YAAY,GAAG,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC;AAChD;AACA;AACA;AACA;AACA,EAAE;AACU,MAAC,cAAc,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC;AAC1C;AACA;AACA;AACA,EAAE;AACU,MAAC,WAAW,GAAG,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC;AAClD;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;AACwB,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC;AACjD;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;AACU,MAAC,UAAU,GAAG,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC;AACjD;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;AACU,MAAC,UAAU,GAAG,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC;AACjD;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;AACU,MAAC,SAAS,GAAG,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC;AAC7C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,qCAAqC,EAAE,YAAY,CAAC,WAAW,CAAC;AAChE;AACA;AACA;AACA;AACA;AACA,IAAI,EAAE,YAAY,CAAC;AACnB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAI,EAAE,aAAa,CAAC;AACpB;AACA;AACA;AACA;AACA;AACA,IAAI,EAAE,WAAW,CAAC;AAClB;AACA;AACA;AACA,IAAI,EAAE,YAAY,CAAC;AACnB;AACA;AACA,IAAI,EAAE,YAAY,CAAC;AACnB;AACA;AACA,IAAI,EAAE,SAAS,CAAC;AAChB;AACA;AACA;AACA,IAAI,EAAE,YAAY,CAAC;AACnB;AACA;AACA;AACA,IAAI,EAAE,mBAAmB,CAAC;AAC1B;AACA;AACA;AACA;AACA,IAAI,EAAE,WAAW,CAAC;AAClB;AACA;AACA,IAAI,EAAE,UAAU,CAAC;AACjB;AACA;AACA;AACA,IAAI,EAAE,UAAU,CAAC;AACjB;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAI,EAAE,WAAW,CAAC;AAClB,IAAI,EAAE,UAAU,CAAC;AACjB,IAAI,EAAE,UAAU,CAAC;AACjB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,EAAE;AACU,MAAC,UAAU,GAAG,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC;AAC9C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,qCAAqC,EAAE,YAAY,CAAC,WAAW,CAAC;AAChE;AACA;AACA;AACA,EAAE;AACU,MAAC,oBAAoB,GAAG,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC;AACxD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,EAAE,EAAE,UAAU,CAAC;AACf;AACA;AACA;AACA;AACA,qCAAqC,EAAE,YAAY,CAAC,WAAW,CAAC;AAChE;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,qCAAqC,EAAE,YAAY,CAAC,WAAW,CAAC;AAChE;AACA;AACA;AACA;AACA;AACA;;;;"}

package/build/src/components/Common/OptionsList/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../../src/components/Common/OptionsList/index.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { motion } from \"framer-motion\";\nimport { useEffect } from \"react\";\nimport { keyframes } from \"styled-components\";\nimport styled from \"../../../styles/styled\";\nimport { usePayContext } from \"../../DaimoPay\";\nimport { ScrollArea } from \"../ScrollArea\";\nimport { OptionButton, OptionIcon, OptionLabel, OptionSubtitle, OptionTitle, OptionsContainer, } from \"./styles\";\nconst OptionsList = ({ options, isLoading, requiredSkeletons, }) => {\n    const { triggerResize, log } = usePayContext();\n    const optionsLength = options.length;\n    useEffect(() => {\n        log(`[OPTIONS RESIZE]: ${optionsLength}, triggering resize`);\n        if (optionsLength > 0) {\n            triggerResize();\n        }\n    }, [optionsLength]);\n    if (isLoading) {\n        const skeletonCount = requiredSkeletons\n            ? Math.max(requiredSkeletons - optionsLength, 0)\n            : 0;\n        return (_jsxs(OptionsContainer, { \"$totalResults\": options.length, children: [options.map((option) => (_jsx(OptionItem, { option: option }, option.id))), isLoading &&\n                    Array.from({ length: skeletonCount }).map((_, index) => (_jsx(SkeletonOptionItem, {}, index)))] }));\n    }\n    return (_jsx(ScrollArea, { mobileDirection: \"vertical\", height: 300, children: _jsx(OptionsContainer, { \"$totalResults\": options.length, children: options.map((option) => (_jsx(OptionItem, { option: option }, option.id))) }) }));\n};\nexport default OptionsList;\nconst SkeletonOptionItem = () => {\n    return (_jsxs(OptionButton, { type: \"button\", children: [_jsx(SkeletonIcon, {}), _jsx(SkeletonLabel, {})] }));\n};\nconst pulse = keyframes `\n  0% {\n    opacity: 0.6;\n  }\n  50% {\n    opacity: 1;\n  }\n  100% {\n    opacity: 0.6;\n  }\n`;\nconst SkeletonIcon = styled.div `\n  position: absolute;\n  right: 20px;\n  width: 32px;\n  height: 32px;\n  border-radius: 22.5%;\n  background-color: rgba(0, 0, 0, 0.1);\n  animation: ${pulse} 1.5s ease-in-out infinite;\n`;\nconst SkeletonLabel = styled.div `\n  width: 100px;\n  height: 16px;\n  border-radius: 8px;\n  background-color: rgba(0, 0, 0, 0.1);\n  animation: ${pulse} 1.5s ease-in-out infinite;\n`;\nconst OptionItem = ({ option }) => {\n    const hydratedIcons = option.icons.map((icon) => {\n        if (typeof icon === \"string\") {\n            return _jsx(\"img\", { src: icon, alt: \"\" });\n        }\n        return icon;\n    });\n    const iconContent = (() => {\n        if (hydratedIcons.length === 1)\n            return _jsx(OptionIcon, { children: hydratedIcons[0] });\n        else {\n            return (_jsx(IconStackContainer, { children: hydratedIcons.map((icon, index) => (_jsx(IconStackItem, { \"$marginRight\": index !== hydratedIcons.length - 1 ? -12 : 0, \"$zIndex\": hydratedIcons.length - index, children: icon }, index))) }));\n        }\n    })();\n    return (_jsxs(OptionButton, { type: \"button\", onClick: option.onClick, disabled: option.disabled, children: [iconContent, _jsxs(OptionLabel, { children: [_jsx(OptionTitle, { children: option.title }), option.subtitle && _jsx(OptionSubtitle, { children: option.subtitle })] })] }));\n};\nconst IconStackContainer = styled(motion.div) `\n  position: absolute;\n  right: 20px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n`;\nconst IconStackItem = styled(motion.div) `\n  display: block;\n  overflow: hidden;\n  user-select: none;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-right: ${(props) => props.$marginRight || 0}px;\n  z-index: ${(props) => props.$zIndex || 2};\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    width: 100%;\n    height: 100%;\n  }\n  border-radius: 22.5%;\n`;\n"],"names":["_jsxs","_jsx"],"mappings":"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"}

package/build/src/components/Common/OptionsList/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"styles.js","sources":["../../../../../src/components/Common/OptionsList/styles.ts"],"sourcesContent":["import { css } from \"styled-components\";\nimport styled from \"../../../styles/styled\";\nimport { motion } from \"framer-motion\";\nexport const OptionButton = styled(motion.button) `\n  display: block;\n  text-decoration: none;\n  cursor: ${(props) => (props.disabled ? \"default\" : \"pointer\")};\n  user-select: none;\n  position: relative;\n  display: flex;\n  align-items: center;\n  padding: 0 20px;\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 OptionLabel = styled(motion.span) `\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  gap: 2px;\n  width: 100%;\n  overflow: hidden;\n  padding: 2px 0;\n  padding-right: 38px;\n`;\nexport const OptionTitle = styled(motion.span) `\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  width: 100%;\n`;\nexport const OptionSubtitle = styled(motion.span) `\n  font-size: 14px;\n  opacity: 0.6;\n  font-weight: 400;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  width: 100%;\n`;\nexport const OptionIcon = styled(motion.div) `\n  position: absolute;\n  right: 20px;\n  width: 32px;\n  height: 32px;\n  overflow: visible;\n  svg,\n  img {\n    display: block;\n    position: relative;\n    pointer-events: none;\n    overflow: hidden;\n    width: 100%;\n    height: 100%;\n  }\n\n  &[data-shape=\"squircle\"] {\n    border-radius: 22.5%;\n  }\n  &[data-shape=\"circle\"] {\n    border-radius: 100%;\n  }\n  &[data-shape=\"square\"] {\n    border-radius: 0;\n  }\n`;\nexport const OptionsContainer = styled.div `\n  transition: opacity 300ms ease;\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n\n  ${(props) => props.$disabled &&\n    css `\n      pointer-events: none;\n      opacity: 0.4;\n    `}\n`;\n"],"names":[],"mappings":";;;;AAGY,MAAC,YAAY,GAAG,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC;AACnD;AACA;AACA,UAAU,EAAE,CAAC,KAAK,MAAM,KAAK,CAAC,QAAQ,GAAG,SAAS,GAAG,SAAS,CAAC,CAAC;AAChE;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;AACU,MAAC,WAAW,GAAG,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC;AAChD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,EAAE;AACU,MAAC,WAAW,GAAG,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC;AAChD;AACA;AACA;AACA;AACA,EAAE;AACU,MAAC,cAAc,GAAG,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC;AACnD;AACA;AACA;AACA;AACA;AACA;AACA;AACA,EAAE;AACU,MAAC,UAAU,GAAG,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC;AAC9C;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;AACU,MAAC,gBAAgB,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC;AAC5C;AACA;AACA;AACA;AACA;AACA,EAAE,EAAE,CAAC,KAAK,KAAK,KAAK,CAAC,SAAS;AAC9B,IAAI,GAAG,CAAC,CAAC;AACT;AACA;AACA,IAAI,CAAC,CAAC;AACN;;;;"}

package/build/src/components/Common/OrderHeader/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../../src/components/Common/OrderHeader/index.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from \"react/jsx-runtime\";\nimport { motion } from \"framer-motion\";\nimport { Arbitrum, Base, Ethereum, Optimism, Polygon, Solana, } from \"../../../assets/chains\";\nimport { USDC } from \"../../../assets/coins\";\nimport defaultTheme from \"../../../constants/defaultTheme\";\nimport styled from \"../../../styles/styled\";\nimport { formatUsd } from \"../../../utils/format\";\nimport { ROUTES, usePayContext } from \"../../DaimoPay\";\n/** Shows payment amount. */\nexport const OrderHeader = ({ minified = false }) => {\n    const { paymentState, route } = usePayContext();\n    const orderUsd = paymentState.daimoPayOrder?.destFinalCallTokenAmount.usd;\n    const titleAmountContent = (() => {\n        if (paymentState.isDepositFlow) {\n            return route === ROUTES.SELECT_TOKEN ||\n                route === ROUTES.SOLANA_SELECT_TOKEN ? (\n            // TODO: make this match `ModalH1` font size for mobile\n            _jsx(\"span\", { style: { fontSize: \"19px\", lineHeight: \"22px\" }, children: \"Your balances\" })) : null;\n        }\n        else {\n            return orderUsd != null ? (_jsx(\"span\", { children: formatUsd(orderUsd, \"nearest\") })) : null;\n        }\n    })();\n    if (minified) {\n        if (titleAmountContent != null) {\n            return (_jsxs(MinifiedContainer, { children: [_jsx(MinifiedTitleAmount, { children: titleAmountContent }), _jsx(CoinLogos, { \"$size\": 32 })] }));\n        }\n        else {\n            return (_jsxs(MinifiedContainer, { children: [_jsx(CoinLogos, {}), _jsx(Subtitle, { children: \"1000+ tokens accepted\" })] }));\n        }\n    }\n    else {\n        return (_jsxs(_Fragment, { children: [titleAmountContent && _jsx(TitleAmount, { children: titleAmountContent }), _jsxs(AnyChainAnyCoinContainer, { children: [_jsx(CoinLogos, {}), _jsx(Subtitle, { children: \"1000+ tokens accepted\" })] })] }));\n    }\n};\nfunction CoinLogos({ $size = 24 }) {\n    const logos = [\n        _jsx(Ethereum, {}),\n        _jsx(USDC, {}),\n        _jsx(Optimism, {}),\n        _jsx(Arbitrum, {}),\n        _jsx(Base, {}),\n        _jsx(Polygon, {}),\n        _jsx(Solana, {}),\n    ];\n    const logoBlock = (element, index) => (_jsx(LogoContainer, { \"$marginLeft\": index !== 0 ? -($size / 3) : 0, \"$zIndex\": logos.length - index, \"$size\": $size, transition: { duration: 0.5, ease: [0.175, 0.885, 0.32, 0.98] }, children: element }, index));\n    return (_jsx(Logos, { children: logos.map((element, index) => logoBlock(element, index)) }));\n}\nconst TitleAmount = styled(motion.h1) `\n  margin-bottom: 24px;\n  padding: 0;\n  line-height: 66px;\n  font-size: 64px;\n  font-weight: var(--ck-modal-h1-font-weight, 600);\n  color: ${(props) => {\n    if (props.$error)\n        return \"var(--ck-body-color-danger)\";\n    if (props.$valid)\n        return \"var(--ck-body-color-valid)\";\n    return \"var(--ck-body-color)\";\n}};\n  @media only screen and (max-width: ${defaultTheme.mobileWidth}px) {\n    font-size: 64px;\n  }\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 8px;\n`;\nconst Subtitle = styled(motion.div) `\n  font-size: 18px;\n  font-weight: 500;\n  line-height: 21px;\n  color: var(--ck-body-color-muted);\n`;\nconst MinifiedTitleAmount = styled(motion.div) `\n  font-size: 32px;\n  font-weight: var(--ck-modal-h1-font-weight, 600);\n  line-height: 36px;\n  color: var(--ck-body-color);\n  display: flex;\n  align-items: center;\n  justify-content: start;\n  gap: 8px;\n`;\nconst MinifiedContainer = styled(motion.div) `\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  width: 100%;\n  margin-bottom: 24px;\n`;\nconst AnyChainAnyCoinContainer = styled(motion.div) `\n  display: flex;\n  vertical-align: middle;\n  align-items: center;\n  justify-content: center;\n  text-align: center;\n  gap: 8px;\n  margin-bottom: 24px;\n`;\nconst LogoContainer = styled(motion.div) `\n  display: block;\n  overflow: hidden;\n  user-select: none;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-left: ${(props) => props.$marginLeft || 0}px;\n  z-index: ${(props) => props.$zIndex || 2};\n  width: ${(props) => props.$size}px;\n  height: ${(props) => props.$size}px;\n  border-radius: 9999px;\n  svg {\n    display: block;\n    width: 100%;\n    height: auto;\n  }\n`;\nconst Logos = styled(motion.div) `\n  display: flex;\n  align-items: center;\n  justify-content: center;\n`;\n"],"names":["_jsx","_jsxs","_Fragment"],"mappings":"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"}

package/build/src/components/Common/PaymentBreakdown/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../../src/components/Common/PaymentBreakdown/index.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport defaultTheme from \"../../../constants/defaultTheme\";\nimport styled from \"../../../styles/styled\";\nimport { ModalBody } from \"../../Common/Modal/styles\";\nconst PaymentBreakdown = ({ paymentOption }) => {\n    const subtotalUsd = paymentOption.required.usd;\n    const feesUsd = paymentOption.fees.usd;\n    const totalUsd = subtotalUsd + feesUsd;\n    return (_jsxs(FeesContainer, { children: [feesUsd > 0 && (_jsxs(FeeRow, { children: [_jsx(ModalBody, { children: \"Subtotal\" }), _jsxs(ModalBody, { children: [\"$\", subtotalUsd.toFixed(2)] })] })), _jsxs(FeeRow, { children: [_jsx(ModalBody, { children: \"Fees\" }), feesUsd === 0 ? (_jsx(Badge, { children: \"Free\" })) : (_jsxs(ModalBody, { children: [\"$\", feesUsd.toFixed(2)] }))] }), _jsxs(FeeRow, { style: { marginTop: 8 }, children: [_jsx(ModalBody, { style: { fontWeight: 600 }, children: \"Total\" }), _jsxs(ModalBody, { style: { fontWeight: 600 }, children: [\"$\", totalUsd.toFixed(2)] })] })] }));\n};\nconst FeesContainer = styled.div `\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  width: 100%;\n  gap: 4px;\n  margin: 16px 0;\n\n  @media only screen and (max-width: ${defaultTheme.mobileWidth}px) {\n    & ${ModalBody} {\n      margin: 0 !important;\n      max-width: 100% !important;\n      text-align: left !important;\n    }\n  }\n`;\nconst FeeRow = styled.div `\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  width: 50%;\n`;\nconst Badge = styled.span `\n  display: inline-block;\n  padding: 3px 8px;\n  border-radius: var(--ck-primary-button-border-radius);\n  font-size: 14px;\n  font-weight: 400;\n  background: var(\n    --ck-secondary-button-background,\n    var(--ck-body-background-secondary)\n  );\n  color: var(--ck-body-color-muted);\n`;\nexport default PaymentBreakdown;\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;AAIK,MAAC,gBAAgB,GAAG,CAAC,EAAE,aAAa,EAAE,KAAK;AAChD,IAAI,MAAM,WAAW,GAAG,aAAa,CAAC,QAAQ,CAAC,GAAG,CAAC;AACnD,IAAI,MAAM,OAAO,GAAG,aAAa,CAAC,IAAI,CAAC,GAAG,CAAC;AAC3C,IAAI,MAAM,QAAQ,GAAG,WAAW,GAAG,OAAO,CAAC;AAC3C,IAAI,QAAQA,IAAK,CAAC,aAAa,EAAE,EAAE,QAAQ,EAAE,CAAC,OAAO,GAAG,CAAC,KAAKA,IAAK,CAAC,MAAM,EAAE,EAAE,QAAQ,EAAE,CAACC,GAAI,CAAC,SAAS,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,CAAC,EAAED,IAAK,CAAC,SAAS,EAAE,EAAE,QAAQ,EAAE,CAAC,GAAG,EAAE,WAAW,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,EAAEA,IAAK,CAAC,MAAM,EAAE,EAAE,QAAQ,EAAE,CAACC,GAAI,CAAC,SAAS,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,CAAC,EAAE,OAAO,KAAK,CAAC,IAAIA,GAAI,CAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,CAAC,KAAKD,IAAK,CAAC,SAAS,EAAE,EAAE,QAAQ,EAAE,CAAC,GAAG,EAAE,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,EAAEA,IAAK,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,EAAE,SAAS,EAAE,CAAC,EAAE,EAAE,QAAQ,EAAE,CAACC,GAAI,CAAC,SAAS,EAAE,EAAE,KAAK,EAAE,EAAE,UAAU,EAAE,GAAG,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE,CAAC,EAAED,IAAK,CAAC,SAAS,EAAE,EAAE,KAAK,EAAE,EAAE,UAAU,EAAE,GAAG,EAAE,EAAE,QAAQ,EAAE,CAAC,GAAG,EAAE,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE;AACzlB,EAAE;AACF,MAAM,aAAa,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC;AAClC;AACA;AACA;AACA;AACA;AACA;AACA;AACA,qCAAqC,EAAE,YAAY,CAAC,WAAW,CAAC;AAChE,MAAM,EAAE,SAAS,CAAC;AAClB;AACA;AACA;AACA;AACA;AACA,CAAC,CAAC;AACF,MAAM,MAAM,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC;AAC3B;AACA;AACA;AACA;AACA,CAAC,CAAC;AACF,MAAM,KAAK,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;AAC3B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;;;;"}

package/build/src/components/Common/Portal/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../../src/components/Common/Portal/index.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport packageJson from \"../../../../package.json\";\nconst Portal = (props) => {\n    props = {\n        selector: \"__DAIMOPAY__\",\n        ...props,\n    };\n    const { selector, children } = props;\n    const ref = useRef(null);\n    const [mounted, setMounted] = useState(false);\n    useEffect(() => {\n        const selectorPrefixed = \"#\" + selector.replace(/^#/, \"\");\n        ref.current = document.querySelector(selectorPrefixed);\n        if (!ref.current) {\n            const div = document.createElement(\"div\");\n            div.setAttribute(\"id\", selector);\n            div.setAttribute(\"data-daimopay\", `${packageJson.version}`);\n            document.body.appendChild(div);\n            ref.current = div;\n        }\n        setMounted(true);\n    }, [selector]);\n    if (!ref.current)\n        return null;\n    return mounted ? createPortal(children, ref.current) : null;\n};\nexport default Portal;\n"],"names":[],"mappings":";;;;AAGK,MAAC,MAAM,GAAG,CAAC,KAAK,KAAK;AAC1B,IAAI,KAAK,GAAG;AACZ,QAAQ,QAAQ,EAAE,cAAc;AAChC,QAAQ,GAAG,KAAK;AAChB,KAAK,CAAC;AACN,IAAI,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;AACzC,IAAI,MAAM,GAAG,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;AAC7B,IAAI,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;AAClD,IAAI,SAAS,CAAC,MAAM;AACpB,QAAQ,MAAM,gBAAgB,GAAG,GAAG,GAAG,QAAQ,CAAC,OAAO,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;AAClE,QAAQ,GAAG,CAAC,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,gBAAgB,CAAC,CAAC;AAC/D,QAAQ,IAAI,CAAC,GAAG,CAAC,OAAO,EAAE;AAC1B,YAAY,MAAM,GAAG,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;AACtD,YAAY,GAAG,CAAC,YAAY,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;AAC7C,YAAY,GAAG,CAAC,YAAY,CAAC,eAAe,EAAE,CAAC,EAAE,WAAW,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;AACxE,YAAY,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC;AAC3C,YAAY,GAAG,CAAC,OAAO,GAAG,GAAG,CAAC;AAC9B,SAAS;AACT,QAAQ,UAAU,CAAC,IAAI,CAAC,CAAC;AACzB,KAAK,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;AACnB,IAAI,IAAI,CAAC,GAAG,CAAC,OAAO;AACpB,QAAQ,OAAO,IAAI,CAAC;AACpB,IAAI,OAAO,OAAO,GAAG,YAAY,CAAC,QAAQ,EAAE,GAAG,CAAC,OAAO,CAAC,GAAG,IAAI,CAAC;AAChE;;;;"}

package/build/src/components/Common/PoweredByFooter/index.js

@@ -20,7 +20,7 @@ const PoweredByFooter = ({ supportUrl } = {}) => {
     return (jsx(Container, { children: jsxs(TextButton, { onClick: () => {
                 window.open(supportVisible
                     ? supportUrl
-                    : `https://pay.daimo.com?ref=paykit-v${daimoPayVersion}`, "_blank");
+                    : `https://pay.daimo.com?ref=sdk-v${daimoPayVersion}`, "_blank");
             }, className: supportVisible ? "support" : "", children: [!supportVisible && jsx(CrepeIcon, {}), jsx("span", { children: supportVisible ? (jsxs(Fragment, { children: ["Need help? ", jsx(Underline, { children: "Contact support" })] })) : (jsx(Fragment, { children: "Powered by Daimo Pay" })) })] }) }));
 };
 const Container = styled(motion.div) `