npm - @daimo/pay - Versions diffs - 1.19.4 → 1.19.6 - Mend

@daimo/pay 1.19.4 → 1.19.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (636) hide show

package/build/connectkit/src/components/Common/AmountInput/index.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"index.js","sources":["../../../../../../src/components/Common/AmountInput/index.tsx"],"sourcesContent":["import React, { useEffect, useState } from \"react\";\nimport { ROUTES } from \"../../../constants/routes\";\nimport { usePayContext } from \"../../../hooks/usePayContext\";\n\nimport {\n ModalBody,\n ModalContent,\n PageContent,\n} from \"../../Common/Modal/styles\";\n\nimport { WalletPaymentOption } from \"@daimo/pay-common\";\nimport { parseUnits } from \"viem\";\nimport styled from \"../../../styles/styled\";\nimport {\n formatUsd,\n roundTokenAmount,\n roundTokenAmountUnits,\n roundUsd,\n tokenAmountToRoundedUsd,\n USD_DECIMALS,\n usdToRoundedTokenAmount,\n} from \"../../../utils/format\";\nimport { isValidNumber, sanitizeNumber } from \"../../../utils/validateInput\";\nimport Button from \"../../Common/Button\";\nimport SwitchButton from \"../../Common/SwitchButton\";\nimport TokenLogoSpinner from \"../../Spinners/TokenLogoSpinner\";\nimport AmountInputField from \"./AmountInputField\";\n\nconst MultiCurrencySelectAmount: React.FC<{\n selectedTokenOption: WalletPaymentOption;\n setSelectedTokenOption: (option: WalletPaymentOption) => void;\n nextPage: ROUTES;\n}> = ({ selectedTokenOption, setSelectedTokenOption, nextPage }) => {\n const { paymentState, setRoute, triggerResize } = usePayContext();\n const maxUsdLimit = paymentState.getOrderUsdLimit();\n\n const balanceToken = selectedTokenOption.balance.token;\n\n const minimumMessage =\n selectedTokenOption.minimumRequired.usd > 0\n ? `Minimum \n ${formatUsd(selectedTokenOption.minimumRequired.usd, \"up\")}`\n : null;\n\n const [usdValue, setUsdValue] = useState(\"\");\n const [tokenValue, setTokenValue] = useState(\n usdToRoundedTokenAmount(0, balanceToken),\n );\n const [isEditingUsd, setIsEditingUsd] = useState(true);\n const [message, setMessage] = useState<string | null>(minimumMessage);\n const [continueDisabled, setContinueDisabled] = useState(true);\n\n useEffect(() => {\n triggerResize();\n }, [message]); // eslint-disable-line react-hooks/exhaustive-deps\n\n /**\n * Update the editable value and secondary value, taking into account whether\n * the user is currently editing the USD value or the token value.\n */\n const updateValues = (\n newUsdValue: string,\n newTokenValue: string,\n newIsEditingUsd: boolean,\n ) => {\n const sanitizedUsdValue = sanitizeNumber(newUsdValue);\n const sanitizedTokenValue = sanitizeNumber(newTokenValue);\n\n // Update the state. Don't sanitize the value if the user is editing it.\n setUsdValue(\n newIsEditingUsd ? newUsdValue : roundUsd(Number(sanitizedUsdValue)),\n );\n setTokenValue(\n newIsEditingUsd\n ? roundTokenAmountUnits(Number(sanitizedTokenValue), balanceToken)\n : newTokenValue,\n );\n setIsEditingUsd(newIsEditingUsd);\n\n setContinueDisabled(\n Number(sanitizedUsdValue) <= 0 ||\n Number(sanitizedUsdValue) < selectedTokenOption.minimumRequired.usd ||\n Number(sanitizedUsdValue) > selectedTokenOption.balance.usd ||\n Number(sanitizedUsdValue) > maxUsdLimit,\n );\n\n if (Number(sanitizedUsdValue) > selectedTokenOption.balance.usd) {\n setMessage(\n `Amount exceeds your balance: \n ${formatUsd(selectedTokenOption.balance.usd)}`,\n );\n } else if (Number(usdValue) > maxUsdLimit) {\n setMessage(`Maximum ${formatUsd(maxUsdLimit)}`);\n } else {\n setMessage(minimumMessage);\n }\n };\n\n const handleAmountChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n const value = e.target.value;\n const maxDecimals = isEditingUsd\n ? USD_DECIMALS\n : balanceToken.displayDecimals;\n if (value !== \"\" && !isValidNumber(value, maxDecimals)) return;\n\n const sanitizedValue = sanitizeNumber(value);\n\n const newUsdValue = isEditingUsd\n ? value\n : tokenAmountToRoundedUsd(\n parseUnits(sanitizedValue, balanceToken.decimals),\n balanceToken,\n );\n const newTokenValue = isEditingUsd\n ? usdToRoundedTokenAmount(Number(sanitizedValue), balanceToken)\n : value;\n updateValues(newUsdValue, newTokenValue, isEditingUsd);\n };\n\n const handleMax = () => {\n const usdValue = roundUsd(Number(selectedTokenOption.balance.usd));\n const tokenValue = roundTokenAmount(\n selectedTokenOption.balance.amount,\n balanceToken,\n );\n updateValues(usdValue, tokenValue, isEditingUsd);\n };\n\n const handleKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {\n if (e.key === \"Enter\" && !continueDisabled) {\n handleContinue();\n }\n };\n\n const handleSwitchCurrency = () => {\n updateValues(usdValue, tokenValue, !isEditingUsd);\n };\n\n const handleContinue = () => {\n const usd = Number(sanitizeNumber(usdValue));\n const amountUnits = usd / balanceToken.usd;\n const amount = parseUnits(amountUnits.toString(), balanceToken.decimals);\n setSelectedTokenOption({\n ...selectedTokenOption,\n required: {\n token: balanceToken,\n amount: amount.toString() as `${bigint}`,\n usd,\n },\n });\n paymentState.setChosenUsd(usd);\n setRoute(nextPage, {\n amountUsd: usd,\n amountUnits,\n tokenSymbol: balanceToken.symbol,\n });\n };\n\n return (\n <PageContent>\n <TokenLogoSpinner token={balanceToken} />\n <ModalContent $preserveDisplay={true}>\n <AmountInputContainer>\n {/* Invisible div to balance spacing */}\n <MaxButton style={{ visibility: \"hidden\" }}>Max</MaxButton>\n <AmountInputField\n value={isEditingUsd ? usdValue : tokenValue}\n onChange={handleAmountChange}\n currency={isEditingUsd ? \"$\" : balanceToken.symbol}\n onKeyDown={handleKeyDown}\n />\n <MaxButton onClick={handleMax}>Max</MaxButton>\n </AmountInputContainer>\n\n {balanceToken.fiatISO !== \"USD\" && (\n <SwitchContainer>\n <SwitchButton onClick={handleSwitchCurrency}>\n <SecondaryAmount>\n {isEditingUsd\n ? `${tokenValue} ${balanceToken.symbol}`\n : `$${usdValue}`}\n </SecondaryAmount>\n </SwitchButton>\n </SwitchContainer>\n )}\n\n {message && <ModalBody>{message}</ModalBody>}\n\n <Button onClick={handleContinue} disabled={continueDisabled}>\n Continue\n </Button>\n </ModalContent>\n </PageContent>\n );\n};\n\nconst AmountInputContainer = styled.div`\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 6px;\n`;\nconst SecondaryAmount = 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`;\nconst MaxButton = styled.button`\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-secondary);\n cursor: pointer;\n`;\nconst SwitchContainer = styled.div`\n display: flex;\n align-items: center;\n justify-content: center;\n`;\n\nexport default MultiCurrencySelectAmount;\n"],"names":["usdValue","tokenValue"],"mappings":"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"}

package/build/connectkit/src/components/Common/Avatar/index.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"index.js","sources":["../../../../../../src/components/Common/Avatar/index.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from \"react\";\n\nimport { EnsAvatar, ImageContainer } from \"./styles\";\n\nimport { normalize } from \"viem/ens\";\nimport { useEnsAddress, useEnsAvatar, useEnsName } from \"wagmi\";\nimport { useEnsFallbackConfig } from \"../../../hooks/useEnsFallbackConfig\";\nimport useIsMounted from \"../../../hooks/useIsMounted\";\nimport { ResetContainer } from \"../../../styles\";\nimport { usePayContext } from \"../../../hooks/usePayContext\";\n\ntype Hash = `0x${string}`;\n\nexport type CustomAvatarProps = {\n address?: Hash | undefined;\n ensName?: string | undefined;\n ensImage?: string;\n size: number;\n radius: number;\n};\n\n/** Icon for an Ethereum address. Supports ENS names and avatars. */\nconst Avatar: React.FC<{\n address?: Hash | undefined;\n name?: string | undefined;\n size?: number;\n radius?: number;\n}> = ({ address, name, size = 96, radius = 96 }) => {\n const isMounted = useIsMounted();\n const context = usePayContext();\n\n const imageRef = useRef<any>(null);\n const [loaded, setLoaded] = useState(true);\n\n const ensFallbackConfig = useEnsFallbackConfig();\n const { data: ensAddress } = useEnsAddress({\n chainId: 1,\n name: name,\n config: ensFallbackConfig,\n });\n const { data: ensName } = useEnsName({\n chainId: 1,\n address: address ?? ensAddress ?? undefined,\n config: ensFallbackConfig,\n });\n const { data: ensAvatar } = useEnsAvatar({\n chainId: 1,\n name: normalize(ensName ?? \"\"),\n config: ensFallbackConfig,\n });\n\n const ens = {\n address: ensAddress ?? address,\n name: ensName ?? name,\n avatar: ensAvatar ?? undefined,\n };\n\n useEffect(() => {\n if (\n !(\n imageRef.current &&\n imageRef.current.complete &&\n imageRef.current.naturalHeight !== 0\n )\n ) {\n setLoaded(false);\n }\n }, [ensAvatar]);\n\n if (!isMounted)\n return <div style={{ width: size, height: size, borderRadius: radius }} />;\n\n if (context.options?.customAvatar)\n return (\n <div\n style={{\n width: size,\n height: size,\n borderRadius: radius,\n overflow: \"hidden\",\n }}\n >\n {context.options?.customAvatar({\n address: address ?? ens?.address,\n ensName: name ?? ens?.name,\n ensImage: ens?.avatar,\n size,\n radius,\n })}\n </div>\n );\n\n if (!ens.name || !ens.avatar)\n return (\n <ResetContainer style={{ pointerEvents: \"none\" }}>\n <EnsAvatar $size={size} $seed={ens.address} $radius={radius} />\n </ResetContainer>\n );\n return (\n <ResetContainer style={{ pointerEvents: \"none\" }}>\n <EnsAvatar $size={size} $seed={ens.address} $radius={radius}>\n <ImageContainer\n ref={imageRef}\n src={ens.avatar}\n alt={ens.name}\n onLoad={() => setLoaded(true)}\n $loaded={loaded}\n />\n </EnsAvatar>\n </ResetContainer>\n );\n};\n\nexport default Avatar;\n"],"names":[],"mappings":"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"}

package/build/connectkit/src/components/Common/Avatar/styles.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"styles.js","sources":["../../../../../../src/components/Common/Avatar/styles.ts"],"sourcesContent":["import { motion } from \"framer-motion\";\nimport { css } from \"styled-components\";\nimport styled from \"./../../../styles/styled\";\n\nfunction addressToNumber(address: string) {\n return (\n (address\n .split(\"\")\n .map((l) => l.charCodeAt(0))\n .reduce((a, b) => a + b) %\n 100) /\n 100\n );\n}\n\nexport const EnsAvatar = styled(motion.div)<{\n $seed?: string;\n $size?: number;\n $radius?: number;\n}>`\n will-change: transform; // Needed for Safari\n pointer-events: none;\n user-select: none;\n position: relative;\n overflow: hidden;\n margin: 0;\n border-radius: ${(props) => `${props.$radius}px`};\n width: ${(props) => `${props.$size}px`};\n height: ${(props) => `${props.$size}px`};\n box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.08);\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 rgba(0, 0, 0, 0.02);\n }\n ${(props) => {\n if (props.$seed) {\n const id = Math.ceil(addressToNumber(props.$seed) * 8);\n const ensColor = `0${id === 0 ? 1 : id}`; // No zero ID in ENS color list.. 🤷‍♀️\n return css`\n background: var(--ck-ens-${ensColor}-start);\n background: linear-gradient(\n 180deg,\n var(--ck-ens-${ensColor}-start) 0%,\n var(--ck-ens-${ensColor}-stop) 100%\n );\n `;\n }\n }}\n`;\n\nexport const ImageContainer = styled(motion.img)<{ $loaded: boolean }>`\n display: block;\n position: relative;\n width: 100%;\n height: 100%;\n opacity: ${(props) => (props.$loaded ? 1 : 0)};\n will-change: opacity; // Needed for Safari\n transition: opacity 500ms ease;\n transform: scale(1.01); // fixes background color bleeding\n`;\n"],"names":[],"mappings":";;;;AAIA,SAAS,gBAAgB,OAAiB,EAAA;AACxC,EAAA,OACG,QACE,KAAM,CAAA,EAAE,EACR,GAAI,CAAA,CAAC,MAAM,CAAE,CAAA,UAAA,CAAW,CAAC,CAAC,CAAA,CAC1B,OAAO,CAAC,CAAA,EAAG,MAAM,CAAI,GAAA,CAAC,IACvB,GACF,GAAA,GAAA,CAAA;AAEJ,CAAA;AAEa,MAAA,SAAA,GAAY,MAAO,CAAA,MAAA,CAAO,GAAG,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iBAAA,EAWvB,CAAC,KAAA,KAAU,CAAG,EAAA,KAAA,CAAM,OAAO,CAAI,EAAA,CAAA,CAAA;AAAA,SAAA,EACvC,CAAC,KAAA,KAAU,CAAG,EAAA,KAAA,CAAM,KAAK,CAAI,EAAA,CAAA,CAAA;AAAA,UAAA,EAC5B,CAAC,KAAA,KAAU,CAAG,EAAA,KAAA,CAAM,KAAK,CAAI,EAAA,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAA,EAUrC,CAAC,KAAU,KAAA;AACX,EAAA,IAAI,MAAM,KAAO,EAAA;AACf,IAAA,MAAM,KAAK,IAAK,CAAA,IAAA,CAAK,gBAAgB,KAAM,CAAA,KAAK,IAAI,CAAC,CAAA,CAAA;AACrD,IAAA,MAAM,QAAW,GAAA,CAAA,CAAA,EAAI,EAAO,KAAA,CAAA,GAAI,IAAI,EAAE,CAAA,CAAA,CAAA;AACtC,IAAO,OAAA,GAAA,CAAA;AAAA,iCAAA,EACsB,QAAQ,CAAA;AAAA;AAAA;AAAA,uBAAA,EAGlB,QAAQ,CAAA;AAAA,uBAAA,EACR,QAAQ,CAAA;AAAA;AAAA,MAAA,CAAA,CAAA;AAAA,GAG7B;AACF,CAAC,CAAA;AAAA,EAAA;AAGU,MAAA,cAAA,GAAiB,MAAO,CAAA,MAAA,CAAO,GAAG,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAAA,EAKlC,CAAC,KAAA,KAAW,KAAM,CAAA,OAAA,GAAU,IAAI,CAAE,CAAA;AAAA;AAAA;AAAA;AAAA;;;;"}

package/build/connectkit/src/components/Common/BrowserIcon/index.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"index.js","sources":["../../../../../../src/components/Common/BrowserIcon/index.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { BrowserIconContainer } from \"./styles\";\nimport { BrowserIconProps } from \"./types\";\n\nimport browsers from \"../../../assets/browsers\";\nimport { detectBrowser } from \"../../../utils\";\n\nconst BrowserIcon = React.forwardRef(\n ({ browser }: BrowserIconProps, ref: React.Ref<HTMLElement>) => {\n const currentBrowser = browser ?? detectBrowser();\n\n let icon;\n switch (currentBrowser) {\n case \"chrome\":\n icon = browsers.Chrome;\n break;\n case \"firefox\":\n icon = browsers.FireFox;\n break;\n case \"edge\":\n icon = browsers.Edge;\n break;\n case \"brave\":\n // icon = browsers.Brave;\n break;\n }\n if (!icon) return <></>;\n return <BrowserIconContainer>{icon}</BrowserIconContainer>;\n },\n);\nBrowserIcon.displayName = \"BrowserIcon\";\n\nexport default BrowserIcon;\n"],"names":[],"mappings":";;;;;;AAQA,MAAM,cAAc,KAAM,CAAA,UAAA;AAAA,EACxB,CAAC,EAAE,OAAQ,EAAA,EAAqB,GAAgC,KAAA;AAC9D,IAAM,MAAA,cAAA,GAAiB,WAAW,aAAc,EAAA,CAAA;AAEhD,IAAI,IAAA,IAAA,CAAA;AACJ,IAAA,QAAQ,cAAgB;AAAA,MACtB,KAAK,QAAA;AACH,QAAA,IAAA,GAAO,QAAS,CAAA,MAAA,CAAA;AAChB,QAAA,MAAA;AAAA,MACF,KAAK,SAAA;AACH,QAAA,IAAA,GAAO,QAAS,CAAA,OAAA,CAAA;AAChB,QAAA,MAAA;AAAA,MACF,KAAK,MAAA;AACH,QAAA,IAAA,GAAO,QAAS,CAAA,IAAA,CAAA;AAChB,QAAA,MAAA;AAGA,KACJ;AACA,IAAI,IAAA,CAAC,IAAM,EAAA,uBAAS,GAAA,CAAA,QAAA,EAAA,EAAA,CAAA,CAAA;AACpB,IAAO,uBAAA,GAAA,CAAC,wBAAsB,QAAK,EAAA,IAAA,EAAA,CAAA,CAAA;AAAA,GACrC;AACF,EAAA;AACA,WAAA,CAAY,WAAc,GAAA,aAAA;;;;"}

package/build/connectkit/src/components/Common/BrowserIcon/styles.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"styles.js","sources":["../../../../../../src/components/Common/BrowserIcon/styles.ts"],"sourcesContent":["import { motion } from \"framer-motion\";\nimport styled from \"./../../../styles/styled\";\n\nexport const BrowserIconContainer = styled(motion.div)`\n display: flex;\n align-items: center;\n justify-content: center;\n max-width: 32px;\n max-height: 32px;\n width: 100%;\n height: 100%;\n svg {\n display: block;\n width: 100%;\n height: 100%;\n }\n`;\n"],"names":[],"mappings":";;;AAGa,MAAA,oBAAA,GAAuB,MAAO,CAAA,MAAA,CAAO,GAAG,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;;"}

package/build/connectkit/src/components/Common/Button/index.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"index.js","sources":["../../../../../../src/components/Common/Button/index.tsx"],"sourcesContent":["import { AnimatePresence } from \"framer-motion\";\nimport React from \"react\";\nimport { flattenChildren } from \"../../../utils\";\nimport FitText from \"../FitText\";\nimport { Spinner } from \"../Spinner\";\nimport {\n Arrow,\n ArrowChevron,\n ArrowLine,\n ButtonContainer,\n ButtonContainerInner,\n DownloadArrow,\n DownloadArrowInner,\n IconContainer,\n InnerContainer,\n SpinnerContainer,\n} from \"./styles\";\nimport { ButtonProps } from \"./types\";\n\nconst transition = {\n duration: 0.4,\n ease: [0.175, 0.885, 0.32, 0.98],\n};\n\nconst Button: React.FC<ButtonProps> = ({\n children,\n variant = \"secondary\", // unique aspect to how we're handling buttons\n disabled,\n icon,\n iconPosition = \"left\",\n roundedIcon,\n waiting,\n arrow,\n download,\n href,\n style,\n onClick,\n}) => {\n const key =\n typeof children === \"string\"\n ? children\n : flattenChildren(children).join(\"\"); // Need to generate a string for the key so we can automatically animate between content\n\n const hrefUrl =\n typeof href === \"string\" ? href : flattenChildren(href).join(\"\"); // Need to have a flat string for the href\n\n return (\n <ButtonContainer\n as={href ? \"a\" : undefined}\n onClick={(event: any) => {\n if (!disabled && onClick) onClick(event);\n }}\n href={hrefUrl || null}\n target={href && \"_blank\"}\n rel={href && \"noopener noreferrer\"}\n disabled={disabled}\n $variant={variant}\n style={style}\n >\n <AnimatePresence initial={false}>\n <ButtonContainerInner\n key={key}\n initial={{ opacity: 0, y: -10 }}\n animate={{\n opacity: 1,\n y: -1,\n }}\n exit={{\n position: \"absolute\",\n opacity: 0,\n y: 10,\n transition: {\n ...transition,\n },\n }}\n transition={{\n ...transition,\n delay: 0.2,\n }}\n >\n {icon && iconPosition === \"left\" && (\n <IconContainer $rounded={roundedIcon}>{icon}</IconContainer>\n )}\n {download && (\n <DownloadArrow>\n <DownloadArrowInner>\n <Arrow\n width=\"13\"\n height=\"12\"\n viewBox=\"0 0 13 12\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <ArrowLine\n stroke=\"currentColor\"\n x1=\"1\"\n y1=\"6\"\n x2=\"12\"\n y2=\"6\"\n strokeWidth=\"var(--stroke-width)\"\n strokeLinecap=\"round\"\n />\n <ArrowChevron\n stroke=\"currentColor\"\n d=\"M7.51431 1.5L11.757 5.74264M7.5 10.4858L11.7426 6.24314\"\n strokeWidth=\"var(--stroke-width)\"\n strokeLinecap=\"round\"\n />\n </Arrow>\n </DownloadArrowInner>\n </DownloadArrow>\n )}\n <InnerContainer style={{ paddingLeft: arrow ? 6 : 0 }}>\n <FitText>{children}</FitText>\n </InnerContainer>\n {icon && iconPosition === \"right\" && (\n <IconContainer $rounded={roundedIcon}>{icon}</IconContainer>\n )}\n {arrow && (\n <Arrow\n width=\"13\"\n height=\"12\"\n viewBox=\"0 0 13 12\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <ArrowLine\n stroke=\"currentColor\"\n x1=\"1\"\n y1=\"6\"\n x2=\"12\"\n y2=\"6\"\n strokeWidth=\"2\"\n strokeLinecap=\"round\"\n />\n <ArrowChevron\n stroke=\"currentColor\"\n d=\"M7.51431 1.5L11.757 5.74264M7.5 10.4858L11.7426 6.24314\"\n strokeWidth=\"2\"\n strokeLinecap=\"round\"\n />\n </Arrow>\n )}\n </ButtonContainerInner>\n {waiting && (\n <SpinnerContainer>\n <Spinner />\n </SpinnerContainer>\n )}\n </AnimatePresence>\n </ButtonContainer>\n );\n};\nexport default Button;\n"],"names":[],"mappings":"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"}

package/build/connectkit/src/components/Common/Button/styles.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"styles.js","sources":["../../../../../../src/components/Common/Button/styles.ts"],"sourcesContent":["import { motion } from \"framer-motion\";\nimport { css } from \"styled-components\";\nimport defaultTheme from \"../../../constants/defaultTheme\";\nimport styled from \"./../../../styles/styled\";\n\nexport const SpinnerContainer = styled(motion.div)`\n position: absolute;\n right: 16px;\n top: 0;\n bottom: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n`;\n\nexport const Arrow = styled.svg`\n --x: -3px;\n --stroke-width: 2;\n position: relative;\n top: 1px;\n left: -0.5px;\n display: inline-block;\n vertical-align: middle;\n margin-left: 9px;\n margin-right: 1px;\n transition: all 100ms ease;\n transform: translateX(var(--x, -3px));\n color: currentColor;\n opacity: 0.4;\n`;\nexport const ArrowChevron = styled.path``;\nexport const ArrowLine = styled.line`\n transition: inherit;\n transition-property: transform;\n transform-origin: 90% 50%;\n transform: scaleX(0.1);\n`;\nexport const DownloadArrow = styled.div`\n display: inline-block;\n vertical-align: middle;\n position: relative;\n margin-right: 6px;\n color: currentColor;\n`;\nexport const DownloadArrowInner = styled.div`\n transform: rotate(90deg);\n ${Arrow} {\n margin: 0 auto;\n }\n`;\n\nexport const ButtonContainerInner = styled(motion.div)`\n display: flex;\n align-items: center;\n justify-content: center;\n inset: 0;\n height: 100%;\n`;\nexport const ButtonContainer = styled.button<{\n disabled?: boolean;\n $variant?: \"primary\" | \"secondary\" | \"tertiary\";\n}>`\n\n ${({ disabled }) =>\n disabled &&\n css`\n cursor: not-allowed;\n pointer-events: none;\n ${InnerContainer} {\n opacity: 0.4;\n }\n `}\n\n ${({ $variant }) => {\n if ($variant === \"primary\") {\n return css`\n --color: var(--ck-primary-button-color, var(--ck-body-color));\n --background: var(\n --ck-primary-button-background,\n var(--ck-body-background-primary)\n );\n --box-shadow: var(--ck-primary-button-box-shadow);\n --border-radius: var(--ck-primary-button-border-radius);\n --font-weight: var(--ck-primary-button-font-weight, 500);\n\n --hover-color: var(--ck-button-primary-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 --hover-font-weight: var(\n --ck-primary-button-font-weight,\n var(--font-weight)\n );\n `;\n } else if ($variant === \"secondary\") {\n return css`\n --color: var(--ck-secondary-button-color, var(--ck-body-color));\n --background: var(\n --ck-secondary-button-background,\n var(--ck-body-background-secondary)\n );\n --box-shadow: var(--ck-secondary-button-box-shadow);\n --border-radius: var(--ck-secondary-button-border-radius);\n --font-weight: var(--ck-secondary-button-font-weight, 500);\n\n --hover-color: var(--ck-secondary-button-hover-color, var(--color));\n --hover-background: var(\n --ck-secondary-button-hover-background,\n var(--background)\n );\n --hover-box-shadow: var(\n --ck-secondary-button-hover-box-shadow,\n var(--box-shadow)\n );\n --hover-border-radius: var(\n --ck-secondary-button-hover-border-radius,\n var(--border-radius)\n );\n --hover-font-weight: var(\n --ck-secondary-button-font-weight,\n var(--font-weight)\n );\n `;\n } else if ($variant === \"tertiary\") {\n return css`\n --color: var(\n --ck-tertiary-button-color,\n var(--ck-secondary-button-color)\n );\n --background: var(\n --ck-tertiary-button-background,\n var(--ck-secondary-button-background)\n );\n --box-shadow: var(\n --ck-tertiary-button-box-shadow,\n var(--ck-secondary-button-box-shadow)\n );\n --border-radius: var(\n --ck-tertiary-button-border-radius,\n var(--ck-secondary-button-border-radius)\n );\n --font-weight: var(\n --ck-tertiary-button-font-weight,\n var(--ck-secondary-button-font-weight)\n );\n\n --hover-color: var(\n --button-tertiary-hover-color,\n var(--ck-tertiary-button-color)\n );\n --hover-background: var(\n --ck-tertiary-button-hover-background,\n var(--ck-tertiary-button-background)\n );\n --hover-box-shadow: var(\n --ck-tertiary-button-hover-box-shadow,\n var(--ck-tertiary-button-box-shadow)\n );\n --hover-border-radius: var(\n --ck-tertiary-button-hover-border-radius,\n var(--ck-tertiary-button-border-radius, var(--border-radius))\n );\n --hover-font-weight: var(\n --ck-tertiary-button-font-weight,\n var(--ck-secondary-button-font-weight)\n );\n `;\n }\n }}\n\n appearance: none;\n cursor: pointer;\n user-select: none;\n min-width: fit-content;\n width: 100%;\n display:block;\n text-align: center;\n height: 48px;\n margin: 12px 0 0;\n line-height: 48px;\n padding: 0 4px;\n font-size: 16px;\n font-weight: var(--font-weight,500);\n text-decoration: none;\n white-space: nowrap;\n transition: 100ms ease;\n transition-property: box-shadow, background-color;\n color: var(--color);\n background: var(--background);\n border-radius: var(--border-radius);\n box-shadow: var(--box-shadow);\n will-change: transform, box-shadow, background-color, color;\n\n ${DownloadArrow} {\n ${Arrow} {\n transform: translateX(0);\n ${ArrowLine} {\n transform: none;\n }\n ${ArrowChevron} {\n }\n }\n }\n}\n\n @media only screen and (min-width: ${defaultTheme.mobileWidth + 1}px) {\n &:hover,\n &:focus-visible {\n color: var(--ck-accent-text-color, var(--hover-color));\n background: var(--ck-accent-color, var(--hover-background));\n border-radius: var(--hover-border-radius);\n box-shadow: var(--hover-box-shadow);\n\n ${Arrow} {\n transform: translateX(0);\n ${ArrowLine} {\n transform: none;\n }\n ${ArrowChevron} {\n }\n }\n ${DownloadArrow} {\n ${Arrow} {\n transform: translateX(var(--x));\n ${ArrowLine} {\n transform: scaleX(0.1);\n }\n ${ArrowChevron} {\n }\n }\n }\n }\n &:active {\n box-shadow: var(--ck-secondary-button-active-box-shadow, var(--hover-box-shadow));\n }\n }\n @media only screen and (max-width: ${defaultTheme.mobileWidth}px) {\n transition: transform 100ms ease;\n transform: scale(1);\n font-size: 17px;\n &:active {\n }\n }\n`;\n\nexport const InnerContainer = styled.div`\n transform: translateZ(0); // Shifting fix\n position: relative;\n display: inline-block;\n vertical-align: middle;\n max-width: calc(100% - 42px);\n transition: opacity 300ms ease;\n /*\n overflow: hidden;\n text-overflow: ellipsis;\n */\n`;\n\nexport const IconContainer = styled(motion.div)<{ $rounded?: boolean }>`\n position: relative;\n display: inline-block;\n vertical-align: middle;\n max-width: 20px;\n max-height: 20px;\n margin: 0 10px;\n &:first-child {\n margin-left: 0;\n }\n &:last-child {\n margin-right: 0;\n }\n ${(props) => {\n return (\n props.$rounded &&\n css`\n overflow: hidden;\n border-radius: 5px;\n `\n );\n }}\n svg {\n display: block;\n position: relative;\n max-width: 100%;\n height: auto;\n }\n`;\n"],"names":[],"mappings":"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"}

package/build/connectkit/src/components/Common/Chain/index.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"index.js","sources":["../../../../../../src/components/Common/Chain/index.tsx"],"sourcesContent":["import React from \"react\";\n\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 {\n ChainContainer,\n LoadingContainer,\n LogoContainer,\n Unsupported,\n} from \"./styles\";\n\nconst Spinner = (\n <svg\n aria-hidden=\"true\"\n width=\"36\"\n height=\"36\"\n viewBox=\"0 0 36 36\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n 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\"\n fill=\"url(#paint0_linear_1288_1870)\"\n />\n\n <defs>\n <linearGradient\n id=\"paint0_linear_1288_1870\"\n x1=\"2\"\n y1=\"19.4884\"\n x2=\"16.8752\"\n y2=\"33.7485\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop\n stopColor=\"var(--ck-connectbutton-balance-color,currentColor)\"\n stopOpacity=\"0.7\"\n />\n <stop\n offset=\"1\"\n stopColor=\"var(--ck-connectbutton-balance-color,currentColor)\"\n stopOpacity=\"0\"\n />\n </linearGradient>\n </defs>\n </svg>\n);\n\n/** Icon for an EVM chain, given chain ID. No ID shows a loading spinner. */\nconst Chain: React.FC<{\n id?: number;\n unsupported?: boolean;\n radius?: number | string;\n size?: number | string;\n}> = ({\n id,\n unsupported: controlledUnsupported,\n radius = \"50%\",\n size = 24,\n}) => {\n const isChainSupported = useChainIsSupported(id);\n const unsupported = controlledUnsupported ?? !isChainSupported;\n\n const chain = supportedChains.find((c) => c.chainId === id);\n const isMounted = useIsMounted();\n if (!isMounted)\n return (\n <div\n style={{\n width: size,\n height: size,\n }}\n />\n );\n\n return (\n <ChainContainer size={size} radius={radius}>\n <AnimatePresence initial={false}>\n {unsupported && (\n <Unsupported\n initial={{ opacity: 0 }}\n animate={{ opacity: 1 }}\n exit={{ opacity: 0 }}\n >\n <svg\n width=\"13\"\n height=\"12\"\n viewBox=\"0 0 13 12\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n 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\"\n fill=\"currentColor\"\n stroke=\"var(--ck-body-background, #fff)\"\n strokeWidth=\"1.5\"\n />\n <path\n 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\"\n fill=\"white\"\n />\n </svg>\n </Unsupported>\n )}\n {id ? (\n <LogoContainer\n key={`${chain?.chainId}-${chain?.name}-${id}`}\n initial={{ opacity: 0 }}\n animate={{ opacity: 1 }}\n exit={{ opacity: 0 }}\n transition={{ duration: 0.3 }}\n >\n {chain?.chainId ? chainToLogo[chain.chainId] : <UnknownChain />}\n </LogoContainer>\n ) : (\n <LoadingContainer\n key=\"loading\"\n initial={{ opacity: 0 }}\n animate={{ opacity: 1 }}\n exit={{ opacity: 0 }}\n transition={{ duration: 0.3 }}\n >\n {Spinner}\n </LoadingContainer>\n )}\n </AnimatePresence>\n </ChainContainer>\n );\n};\n\nexport default Chain;\n"],"names":[],"mappings":"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"}

package/build/connectkit/src/components/Common/Chain/styles.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"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\";\n\ntype ChainContainerProps = {\n size?: number | string;\n radius?: number | string;\n};\n\nexport const ChainContainer = styled.div<ChainContainerProps>`\n --bg: transparent;\n --color: #333;\n ${(props) =>\n 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) =>\n 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`;\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`;\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`;\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":";;;;AASO,MAAM,iBAAiB,MAAO,CAAA,GAAA,CAAA;AAAA;AAAA;AAAA,EAAA,EAGjC,CAAC,KAAA,KACD,OAAO,KAAA,CAAM,SAAS,QAClB,GAAA,GAAA,CAAA;AAAA,mBAAA,EACa,MAAM,IAAI,CAAA;AAAA,oBAAA,EACT,MAAM,IAAI,CAAA;AAAA,QAExB,CAAA,GAAA,GAAA,CAAA;AAAA,mBAAA,EACa,MAAM,IAAQ,IAAA,CAAA,GAAI,GAAG,KAAM,CAAA,IAAI,OAAO,MAAM,CAAA;AAAA,oBAAA,EAC3C,MAAM,IAAQ,IAAA,CAAA,GAAI,GAAG,KAAM,CAAA,IAAI,OAAO,MAAM,CAAA;AAAA,QACzD,CAAA,CAAA;AAAA,EAAA,EACL,CAAC,KAAA,KACD,OAAO,KAAA,CAAM,WAAW,QACpB,GAAA,GAAA,CAAA;AAAA,oBAAA,EACc,MAAM,MAAM,CAAA;AAAA,QAE1B,CAAA,GAAA,GAAA,CAAA;AAAA,oBAAA,EACc,MAAM,MAAU,IAAA,CAAA,GAAI,GAAG,KAAM,CAAA,MAAM,OAAO,MAAM,CAAA;AAAA,QAC7D,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAA;AAuBI,MAAA,aAAA,GAAgB,MAAO,CAAA,MAAA,CAAO,GAAG,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAA;AAiB9C,MAAM,IAAO,GAAA,SAAA,CAAA;AAAA;AAAA;AAAA,CAAA,CAAA;AAIA,MAAA,gBAAA,GAAmB,MAAO,CAAA,MAAA,CAAO,GAAG,CAAA,CAAA;AAAA;AAAA;AAAA,aAAA,EAGlC,IAAI,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAA;AAQN,MAAA,WAAA,GAAc,MAAO,CAAA,MAAA,CAAO,GAAG,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;;"}

package/build/connectkit/src/components/Common/ChainSelectList/index.js.map DELETED Viewed

@@ -1 +0,0 @@

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

package/build/connectkit/src/components/Common/ChainSelectList/styles.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"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\";\n\nimport defaultTheme from \"../../../constants/defaultTheme\";\n\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`;\n\nexport const ChainIcon = styled(motion.div)<{ $empty?: boolean }>`\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) =>\n 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 $variant?: \"primary\" | \"secondary\";\n}>`\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) =>\n 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":";;;;;AAMO,MAAM,0BAA0B,MAAO,CAAA,GAAA,CAAA;AAAA;AAAA;AAAA;AAAA,qCAAA,EAIP,aAAa,WAAW,CAAA;AAAA;AAAA;AAAA,EAAA;AAKlD,MAAA,SAAA,GAAY,MAAO,CAAA,MAAA,CAAO,GAAG,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAkBtC,EAAA,CAAC,KACD,KAAA,KAAA,CAAM,MACN,IAAA,GAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAUC,CAAA,CAAA;AAAA,qCAAA,EACkC,aAAa,WAAW,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAA;AAMlD,MAAA,kBAAA,GAAqB,MAAO,CAAA,MAAA,CAAO,GAAG,CAAA,CAAA;AAAA;AAAA,EAAA;AAGtC,MAAA,gBAAA,GAAmB,MAAO,CAAA,MAAA,CAAO,GAAG,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAA;AAqB1C,MAAM,uBAAuB,MAAO,CAAA,GAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAA;AAe9B,MAAA,YAAA,GAAe,MAAO,CAAA,MAAA,CAAO,GAAG,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qCAAA,EAYN,aAAa,WAAW,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAA;AAMlD,MAAA,WAAA,GAAc,MAAO,CAAA,MAAA,CAAO,MAAM,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qCAAA,EA8CR,aAAa,WAAW,CAAA;AAAA;AAAA;AAAA;AAAA,qCAAA,EAIxB,aAAa,WAAW,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAA,EAqB3D,CAAC,KAAA,KACD,KAAM,CAAA,QAAA,KAAa,WACnB,IAAA,GAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAYC,CAAA,CAAA;AAAA,EAAA;AAEQ,MAAA,iBAAA,GAAoB,MAAO,CAAA,MAAA,CAAO,GAAG,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qCAAA,EAkBX,aAAa,WAAW,CAAA;AAAA;AAAA;AAAA;AAAA,EAAA;AAKlD,MAAA,aAAA,GAAgB,MAAO,CAAA,MAAA,CAAO,GAAG,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qCAAA,EAQP,aAAa,WAAW,CAAA;AAAA;AAAA;AAAA;;;;"}

package/build/connectkit/src/components/Common/CircleTimer.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"CircleTimer.js","sources":["../../../../../src/components/Common/CircleTimer.tsx"],"sourcesContent":["import React, { ReactNode, useEffect, useState } from \"react\";\n\n// CircleTimer – compact circular countdown indicator.\n// Mirrors SquareTimer logic but uses a circle SVG path.\n// All maths intentionally integer-based to avoid float precision loss.\n\nexport type CircleTimerProps = {\n /** Total seconds in the countdown */\n total: number;\n /** Diameter (outer) in px – should be an even integer */\n size?: number;\n /** Stroke width in px – integer */\n stroke?: number;\n /** Externally controlled seconds left */\n currentTime?: number;\n /** Fired each second with updated seconds left */\n onTimeChange?: (seconds: number) => void;\n /** Child can be placed at the centre (e.g. an icon) */\n children?: ReactNode;\n};\n\nconst CircleTimer: React.FC<CircleTimerProps> = ({\n total,\n size = 24,\n stroke = 3,\n currentTime,\n onTimeChange,\n children,\n}) => {\n // timestamp (ms) when timer ends\n const [target, setTarget] = useState<number>(\n Date.now() + (currentTime ?? total) * 1000,\n );\n\n const [left, setLeft] = useState<number>(currentTime ?? total);\n\n // react to external currentTime updates\n useEffect(() => {\n if (currentTime !== undefined) {\n setTarget(Date.now() + currentTime * 1000);\n setLeft(currentTime);\n }\n }, [currentTime]);\n\n // interval tick\n useEffect(() => {\n const id = setInterval(() => {\n const secs = Math.max(0, Math.ceil((target - Date.now()) / 1000));\n setLeft(secs);\n onTimeChange?.(secs);\n if (secs === 0) clearInterval(id);\n }, 1000);\n return () => clearInterval(id);\n }, [target, onTimeChange]);\n\n const ratio = Math.round((left * 100) / total); // 0-100\n\n // Ensure stroke stays within viewBox: use floor to be conservative\n const radius = Math.floor((size - stroke) / 2);\n const circumference = Math.round((2 * 314 * radius) / 100); // 2πr, π≈3.14\n const dashoffset = Math.round((circumference * (100 - ratio)) / 100);\n\n // colour transition: green → orange → red\n const color =\n ratio <= 10\n ? \"var(--timer-red, #D92D20)\"\n : ratio <= 40\n ? \"var(--timer-orange, #F79009)\"\n : \"var(--timer-green, #12D18E)\";\n\n const center = Math.round(size / 2);\n\n return (\n <svg\n viewBox={`0 0 ${size} ${size}`}\n width={size}\n height={size}\n role=\"img\"\n aria-label={`Timer: ${left}s left of ${total}s`}\n >\n {/* background circle */}\n <circle\n cx={center}\n cy={center}\n r={radius}\n fill=\"transparent\"\n stroke=\"var(--ck-body-background-secondary, #EEE)\"\n strokeWidth={stroke}\n />\n {/* progress circle */}\n <circle\n cx={center}\n cy={center}\n r={radius}\n fill=\"transparent\"\n stroke={color}\n strokeWidth={stroke}\n strokeDasharray={circumference}\n strokeDashoffset={dashoffset}\n strokeLinecap=\"round\"\n style={{ transition: \"stroke-dashoffset 1s linear\" }}\n transform={`rotate(-90 ${center} ${center})`}\n />\n {/* optional child */}\n {children && (\n <foreignObject x=\"0\" y=\"0\" width={size} height={size}>\n <div\n style={{\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"center\",\n width: \"100%\",\n height: \"100%\",\n }}\n >\n {children}\n </div>\n </foreignObject>\n )}\n </svg>\n );\n};\n\nexport default CircleTimer;\n"],"names":[],"mappings":";;;AAqBA,MAAM,cAA0C,CAAC;AAAA,EAC/C,KAAA;AAAA,EACA,IAAO,GAAA,EAAA;AAAA,EACP,MAAS,GAAA,CAAA;AAAA,EACT,WAAA;AAAA,EACA,YAAA;AAAA,EACA,QAAA;AACF,CAAM,KAAA;AAEJ,EAAM,MAAA,CAAC,MAAQ,EAAA,SAAS,CAAI,GAAA,QAAA;AAAA,IAC1B,IAAK,CAAA,GAAA,EAAS,GAAA,CAAA,WAAA,IAAe,KAAS,IAAA,GAAA;AAAA,GACxC,CAAA;AAEA,EAAA,MAAM,CAAC,IAAM,EAAA,OAAO,CAAI,GAAA,QAAA,CAAiB,eAAe,KAAK,CAAA,CAAA;AAG7D,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,gBAAgB,KAAW,CAAA,EAAA;AAC7B,MAAA,SAAA,CAAU,IAAK,CAAA,GAAA,EAAQ,GAAA,WAAA,GAAc,GAAI,CAAA,CAAA;AACzC,MAAA,OAAA,CAAQ,WAAW,CAAA,CAAA;AAAA,KACrB;AAAA,GACF,EAAG,CAAC,WAAW,CAAC,CAAA,CAAA;AAGhB,EAAA,SAAA,CAAU,MAAM;AACd,IAAM,MAAA,EAAA,GAAK,YAAY,MAAM;AAC3B,MAAM,MAAA,IAAA,GAAO,IAAK,CAAA,GAAA,CAAI,CAAG,EAAA,IAAA,CAAK,IAAM,CAAA,CAAA,MAAA,GAAS,IAAK,CAAA,GAAA,EAAS,IAAA,GAAI,CAAC,CAAA,CAAA;AAChE,MAAA,OAAA,CAAQ,IAAI,CAAA,CAAA;AACZ,MAAA,YAAA,GAAe,IAAI,CAAA,CAAA;AACnB,MAAI,IAAA,IAAA,KAAS,CAAG,EAAA,aAAA,CAAc,EAAE,CAAA,CAAA;AAAA,OAC/B,GAAI,CAAA,CAAA;AACP,IAAO,OAAA,MAAM,cAAc,EAAE,CAAA,CAAA;AAAA,GAC5B,EAAA,CAAC,MAAQ,EAAA,YAAY,CAAC,CAAA,CAAA;AAEzB,EAAA,MAAM,KAAQ,GAAA,IAAA,CAAK,KAAO,CAAA,IAAA,GAAO,MAAO,KAAK,CAAA,CAAA;AAG7C,EAAA,MAAM,MAAS,GAAA,IAAA,CAAK,KAAO,CAAA,CAAA,IAAA,GAAO,UAAU,CAAC,CAAA,CAAA;AAC7C,EAAA,MAAM,gBAAgB,IAAK,CAAA,KAAA,CAAO,CAAI,GAAA,GAAA,GAAM,SAAU,GAAG,CAAA,CAAA;AACzD,EAAA,MAAM,aAAa,IAAK,CAAA,KAAA,CAAO,aAAiB,IAAA,GAAA,GAAM,SAAU,GAAG,CAAA,CAAA;AAGnE,EAAA,MAAM,QACJ,KAAS,IAAA,EAAA,GACL,2BACA,GAAA,KAAA,IAAS,KACP,8BACA,GAAA,6BAAA,CAAA;AAER,EAAA,MAAM,MAAS,GAAA,IAAA,CAAK,KAAM,CAAA,IAAA,GAAO,CAAC,CAAA,CAAA;AAElC,EACE,uBAAA,IAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,OAAS,EAAA,CAAA,IAAA,EAAO,IAAI,CAAA,CAAA,EAAI,IAAI,CAAA,CAAA;AAAA,MAC5B,KAAO,EAAA,IAAA;AAAA,MACP,MAAQ,EAAA,IAAA;AAAA,MACR,IAAK,EAAA,KAAA;AAAA,MACL,YAAY,EAAA,CAAA,OAAA,EAAU,IAAI,CAAA,UAAA,EAAa,KAAK,CAAA,CAAA,CAAA;AAAA,MAG5C,QAAA,EAAA;AAAA,wBAAA,GAAA;AAAA,UAAC,QAAA;AAAA,UAAA;AAAA,YACC,EAAI,EAAA,MAAA;AAAA,YACJ,EAAI,EAAA,MAAA;AAAA,YACJ,CAAG,EAAA,MAAA;AAAA,YACH,IAAK,EAAA,aAAA;AAAA,YACL,MAAO,EAAA,2CAAA;AAAA,YACP,WAAa,EAAA,MAAA;AAAA,WAAA;AAAA,SACf;AAAA,wBAEA,GAAA;AAAA,UAAC,QAAA;AAAA,UAAA;AAAA,YACC,EAAI,EAAA,MAAA;AAAA,YACJ,EAAI,EAAA,MAAA;AAAA,YACJ,CAAG,EAAA,MAAA;AAAA,YACH,IAAK,EAAA,aAAA;AAAA,YACL,MAAQ,EAAA,KAAA;AAAA,YACR,WAAa,EAAA,MAAA;AAAA,YACb,eAAiB,EAAA,aAAA;AAAA,YACjB,gBAAkB,EAAA,UAAA;AAAA,YAClB,aAAc,EAAA,OAAA;AAAA,YACd,KAAA,EAAO,EAAE,UAAA,EAAY,6BAA8B,EAAA;AAAA,YACnD,SAAW,EAAA,CAAA,WAAA,EAAc,MAAM,CAAA,CAAA,EAAI,MAAM,CAAA,CAAA,CAAA;AAAA,WAAA;AAAA,SAC3C;AAAA,QAEC,QAAA,oBACE,GAAA,CAAA,eAAA,EAAA,EAAc,CAAE,EAAA,GAAA,EAAI,GAAE,GAAI,EAAA,KAAA,EAAO,IAAM,EAAA,MAAA,EAAQ,IAC9C,EAAA,QAAA,kBAAA,GAAA;AAAA,UAAC,KAAA;AAAA,UAAA;AAAA,YACC,KAAO,EAAA;AAAA,cACL,OAAS,EAAA,MAAA;AAAA,cACT,UAAY,EAAA,QAAA;AAAA,cACZ,cAAgB,EAAA,QAAA;AAAA,cAChB,KAAO,EAAA,MAAA;AAAA,cACP,MAAQ,EAAA,MAAA;AAAA,aACV;AAAA,YAEC,QAAA;AAAA,WAAA;AAAA,SAEL,EAAA,CAAA;AAAA,OAAA;AAAA,KAAA;AAAA,GAEJ,CAAA;AAEJ;;;;"}

package/build/connectkit/src/components/Common/ConnectorList/index.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"index.js","sources":["../../../../../../src/components/Common/ConnectorList/index.tsx"],"sourcesContent":["import { ROUTES } from \"../../../constants/routes\";\nimport { useConnect } from \"../../../hooks/useConnect\";\nimport { useDaimoPay } from \"../../../hooks/useDaimoPay\";\nimport useIsMobile from \"../../../hooks/useIsMobile\";\nimport { useLastConnector } from \"../../../hooks/useLastConnector\";\nimport { usePayContext } from \"../../../hooks/usePayContext\";\nimport {\n detectBrowser,\n isBaseAccountConnector,\n isGeminiConnector,\n} from \"../../../utils\";\nimport {\n WALLET_ID_MOBILE_WALLETS,\n WALLET_ID_OTHER_WALLET,\n WalletProps,\n useWallets,\n} from \"../../../wallets/useWallets\";\nimport { ScrollArea } from \"../../Common/ScrollArea\";\nimport Alert from \"../Alert\";\nimport {\n ConnectorButton,\n ConnectorIcon,\n ConnectorLabel,\n ConnectorsContainer,\n RecentlyUsedTag,\n SkeletonIcon,\n SkeletonLabel,\n} from \"./styles\";\n\nconst ConnectorList = () => {\n const context = usePayContext();\n const { isMobile } = useIsMobile();\n\n const wallets = useWallets(isMobile);\n const { lastConnectorId } = useLastConnector();\n const { paymentState } = useDaimoPay();\n\n const walletsToDisplay = context.options?.hideRecentBadge\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\n // For mobile flow, we need to wait for the order to be hydrated before\n // we can deeplink to the in-wallet browser.\n const shouldWaitForHydration =\n isMobile && !context.paymentState.isDepositFlow;\n const ready = !shouldWaitForHydration || paymentState === \"payment_unpaid\";\n\n return (\n <ScrollArea mobileDirection={\"horizontal\"}>\n {walletsToDisplay.length === 0 && (\n <Alert error>No connectors found in ConnectKit config.</Alert>\n )}\n {!ready && walletsToDisplay.length > 0 && (\n <ConnectorsContainer $totalResults={walletsToDisplay.length}>\n {walletsToDisplay.map((_, idx) => (\n <SkeletonConnectorItem key={idx} />\n ))}\n </ConnectorsContainer>\n )}\n {ready && walletsToDisplay.length > 0 && (\n <ConnectorsContainer $totalResults={walletsToDisplay.length}>\n {walletsToDisplay.map((wallet) => (\n <ConnectorItem\n key={wallet.id}\n wallet={wallet}\n isRecent={wallet.id === lastConnectorId}\n />\n ))}\n </ConnectorsContainer>\n )}\n </ScrollArea>\n );\n};\n\nexport default ConnectorList;\n\nconst ConnectorItem = ({\n wallet,\n isRecent,\n}: {\n wallet: WalletProps;\n isRecent?: boolean;\n}) => {\n const { isMobile } = useIsMobile();\n const context = usePayContext();\n const { connect } = useConnect();\n\n // The \"Other\" 2x2 connector, goes to the MobileConnectors page.\n const redirectToMoreWallets =\n isMobile && wallet.id === WALLET_ID_OTHER_WALLET;\n const redirectToMobileWallets = wallet.id === WALLET_ID_MOBILE_WALLETS;\n const redirectToWorld = wallet.id === \"world\";\n\n // Safari requires opening popup on user gesture, so we connect immediately here\n const shouldConnectImmediately =\n (detectBrowser() === \"safari\" || detectBrowser() === \"ios\") &&\n (isBaseAccountConnector(wallet.connector?.id) ||\n isGeminiConnector(wallet.connector?.id));\n\n const onClick = () => {\n const meta = { event: \"connector-list-click\", walletId: wallet.id };\n\n // Desktop multi-chain wallet flow: prompt for chain selection.\n if (wallet.solanaConnectorName && !isMobile) {\n const supportsEvm = wallet.connector?.name != null;\n if (supportsEvm) {\n context.paymentState.setSelectedWallet(wallet);\n context.setRoute(ROUTES.SELECT_WALLET_CHAIN, meta);\n return;\n } else {\n context.setSolanaConnector(wallet.solanaConnectorName);\n context.setRoute(ROUTES.SOLANA_CONNECTOR, meta);\n return;\n }\n }\n if (redirectToMoreWallets) {\n context.setRoute(ROUTES.MOBILECONNECTORS, meta);\n } else if (redirectToMobileWallets) {\n if (context.paymentState.isDepositFlow) {\n context.paymentState.setSelectedWallet(wallet);\n context.setRoute(ROUTES.SELECT_WALLET_AMOUNT, meta);\n } else {\n context.setPendingConnectorId(WALLET_ID_MOBILE_WALLETS);\n context.setRoute(ROUTES.CONNECT, meta);\n }\n } else if (redirectToWorld) {\n if (context.paymentState.isDepositFlow) {\n context.paymentState.setSelectedWallet(wallet);\n context.setRoute(ROUTES.SELECT_WALLET_AMOUNT, meta);\n } else {\n context.setPendingConnectorId(\"world\");\n context.setRoute(ROUTES.CONNECT, meta);\n }\n } else if (\n context.paymentState.isDepositFlow &&\n isMobile &&\n !wallet.connector\n ) {\n context.paymentState.setSelectedWallet(wallet);\n context.setRoute(ROUTES.SELECT_WALLET_AMOUNT, meta);\n } else if (\n isMobile &&\n wallet.getDaimoPayDeeplink != null &&\n !wallet.connector\n ) {\n context.paymentState.openInWalletBrowser(wallet);\n } else {\n if (shouldConnectImmediately) {\n connect({ connector: wallet.connector! });\n }\n context.setPendingConnectorId(wallet.id);\n context.setRoute(ROUTES.CONNECT, meta);\n }\n };\n\n return (\n <ConnectorButton type=\"button\" onClick={onClick}>\n <ConnectorIcon\n data-small={wallet.iconShouldShrink}\n data-shape={wallet.iconShape}\n >\n {wallet.iconConnector ?? wallet.icon}\n </ConnectorIcon>\n <ConnectorLabel>\n {isMobile ? (wallet.shortName ?? wallet.name) : wallet.name}\n {!context.options?.hideRecentBadge && isRecent && (\n <RecentlyUsedTag>\n <span>Recent</span>\n </RecentlyUsedTag>\n )}\n </ConnectorLabel>\n </ConnectorButton>\n );\n};\n\nconst SkeletonConnectorItem = () => {\n return (\n <ConnectorButton type=\"button\" disabled>\n <SkeletonIcon />\n <SkeletonLabel />\n </ConnectorButton>\n );\n};\n"],"names":[],"mappings":"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"}

package/build/connectkit/src/components/Common/ConnectorList/styles.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"styles.js","sources":["../../../../../../src/components/Common/ConnectorList/styles.ts"],"sourcesContent":["import { css, keyframes } from \"styled-components\";\nimport styled from \"../../../styles/styled\";\n\nimport { motion } from \"framer-motion\";\n\nconst Shimmer = keyframes`\n 0%{ transform: translate(-100%) rotate(-45deg); }\n 100%{ transform: translate(100%) rotate(-80deg); }\n`;\n\nexport const Pulse = keyframes`\n 0% { opacity: 0.6; }\n 50% { opacity: 1; }\n 100% { opacity: 0.6; }\n`;\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\nexport const SkeletonIcon = styled.div<{ $mobile?: boolean }>`\n ${(p: { $mobile?: boolean }) =>\n p.$mobile\n ? css`\n position: relative;\n margin: 0 auto;\n width: 60px;\n height: 60px;\n `\n : css`\n position: absolute;\n right: 20px;\n width: 32px;\n height: 32px;\n `}\n border-radius: 22.5%;\n background-color: rgba(0, 0, 0, 0.1);\n animation: ${Pulse} 1.5s ease-in-out infinite;\n`;\n\nexport const SkeletonLabel = styled.div<{ $mobile?: boolean }>`\n ${(p: { $mobile?: boolean }) =>\n p.$mobile\n ? css`\n width: 60px;\n height: 12px;\n margin: 10px auto 0;\n `\n : css`\n width: 100px;\n height: 16px;\n `}\n border-radius: 8px;\n background-color: rgba(0, 0, 0, 0.1);\n animation: ${Pulse} 1.5s ease-in-out infinite;\n`;\n\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};\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`;\n\nexport const ConnectorsContainer = styled.div<{\n $mobile?: boolean;\n $disabled?: boolean;\n $totalResults?: number;\n}>`\n transition: opacity 300ms ease;\n min-width: fit-content;\n\n ${(props) =>\n props.$disabled &&\n css`\n pointer-events: none;\n opacity: 0.4;\n `}\n\n ${(props) =>\n !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":"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"}

package/build/connectkit/src/components/Common/CopyToClipboard/CopyToClipboardIcon.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"CopyToClipboardIcon.js","sources":["../../../../../../src/components/Common/CopyToClipboard/CopyToClipboardIcon.tsx"],"sourcesContent":["import { motion } from \"framer-motion\";\nimport { css } from \"styled-components\";\nimport styled from \"./../../../styles/styled\";\n\nimport { CopyToClipboardIcon as Icon } from \"../../../assets/icons\";\n\nconst IconContainer = styled(motion.div)<{ $clipboard?: boolean }>`\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) =>\n 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`;\n\nconst CopyToClipboardIcon = ({\n copied,\n small,\n dark,\n}: {\n copied?: boolean;\n small?: boolean;\n dark?: boolean;\n}) => (\n <IconContainer $clipboard={copied}>\n <Icon\n style={{\n transform: small ? \"scale(1)\" : \"translateX(3px) scale(1.5)\",\n opacity: small || copied || dark ? 1 : 0.3,\n }}\n />\n </IconContainer>\n);\nexport default CopyToClipboardIcon;\n"],"names":["Icon"],"mappings":";;;;;;AAMA,MAAM,aAAA,GAAgB,MAAO,CAAA,MAAA,CAAO,GAAG,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EA6BnC,EAAA,CAAC,KACD,KAAA,KAAA,CAAM,UACF,GAAA,GAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAqBA,CAAA,GAAA,GAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAKC,CAAA,CAAA;AAAA,CAAA,CAAA;AAGT,MAAM,sBAAsB,CAAC;AAAA,EAC3B,MAAA;AAAA,EACA,KAAA;AAAA,EACA,IAAA;AACF,CAKE,qBAAA,GAAA,CAAC,aAAc,EAAA,EAAA,UAAA,EAAY,MACzB,EAAA,QAAA,kBAAA,GAAA;AAAA,EAACA,qBAAA;AAAA,EAAA;AAAA,IACC,KAAO,EAAA;AAAA,MACL,SAAA,EAAW,QAAQ,UAAa,GAAA,4BAAA;AAAA,MAChC,OAAS,EAAA,KAAA,IAAS,MAAU,IAAA,IAAA,GAAO,CAAI,GAAA,GAAA;AAAA,KACzC;AAAA,GAAA;AACF,CACF,EAAA;;;;"}

package/build/connectkit/src/components/Common/CopyToClipboard/index.js DELETED Viewed

@@ -1,33 +0,0 @@
-import 'react/jsx-runtime';
-import 'react';
-import { css } from 'styled-components';
-import styled from '../../../styles/styled/index.js';
-import 'framer-motion';
-import 'detect-browser';
-import '../FitText/index.js';
-import '../Spinner/styles.js';
-import '../Button/styles.js';
-import './CopyToClipboardIcon.js';
-styled.div`
-  --color: var(--ck-copytoclipboard-stroke);
-  --bg: var(--ck-body-background);
-  transition: all 220ms cubic-bezier(0.175, 0.885, 0.32, 1.1);
-  cursor: pointer;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  margin-top: 4px;
-  gap: 8px;
-  ${(props) => props.$disabled ? css`
-          cursor: not-allowed;
-          opacity: 0.4;
-        ` : css`
-          &:hover {
-            --color: var(--ck-body-color-muted);
-          }
-        `}
-`;
-//# sourceMappingURL=index.js.map

package/build/connectkit/src/components/Common/CopyToClipboard/index.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"index.js","sources":["../../../../../../src/components/Common/CopyToClipboard/index.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport { css } from \"styled-components\";\nimport styled from \"./../../../styles/styled\";\n\nimport Button from \"../Button\";\nimport CopyToClipboardIcon from \"./CopyToClipboardIcon\";\n\nconst Container = styled.div<{ $disabled?: boolean }>`\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) =>\n 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`;\n\nconst CopyToClipboard: React.FC<{\n string?: string;\n children?: React.ReactNode;\n variant?: \"button\" | \"left\";\n}> = ({ string, children, variant }) => {\n const [clipboard, setClipboard] = useState(false);\n\n let timeout: any;\n const onCopy = () => {\n if (!string) return;\n const str = string.trim();\n if (navigator.clipboard) {\n navigator.clipboard.writeText(str);\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\n if (variant === \"button\")\n return (\n <Button\n disabled={!string}\n onClick={onCopy}\n icon={<CopyToClipboardIcon copied={clipboard} />}\n >\n {children}\n </Button>\n );\n\n return (\n <Container onClick={onCopy} $disabled={!string}>\n <CopyToClipboardIcon copied={clipboard} dark />\n {children}\n </Container>\n );\n};\n\nexport default CopyToClipboard;\n"],"names":[],"mappings":";;;;;;;;;;;AAOkB,MAAO,CAAA,GAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAYrB,EAAA,CAAC,KACD,KAAA,KAAA,CAAM,SACF,GAAA,GAAA,CAAA;AAAA;AAAA;AAAA,QAIA,CAAA,GAAA,GAAA,CAAA;AAAA;AAAA;AAAA;AAAA,QAIC,CAAA,CAAA;AAAA"}

package/build/connectkit/src/components/Common/CustomQRCode/QRCode.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"QRCode.js","sources":["../../../../../../src/components/Common/CustomQRCode/QRCode.tsx"],"sourcesContent":["import QRCodeUtil from \"qrcode\";\nimport React, { ReactElement, useMemo } from \"react\";\n\nfunction generateMatrix(\n value: string,\n errorCorrectionLevel: QRCodeUtil.QRCodeErrorCorrectionLevel,\n): QRCodeUtil.QRCode[][] {\n const arr = Array.prototype.slice.call(\n QRCodeUtil.create(value, { errorCorrectionLevel }).modules.data,\n 0,\n );\n const sqrt = Math.sqrt(arr.length);\n return arr.reduce(\n (rows, key, index) =>\n (index % sqrt === 0\n ? rows.push([key])\n : rows[rows.length - 1].push(key)) && rows,\n [],\n );\n}\n\ntype Props = {\n ecl?: QRCodeUtil.QRCodeErrorCorrectionLevel;\n size?: number;\n uri: string;\n image?: React.ReactNode;\n imageBackground?: string;\n};\n\nexport function QRCode({\n ecl = \"M\",\n size: sizeProp = 200,\n uri,\n image,\n imageBackground = \"transparent\",\n}: Props) {\n const size = sizeProp - 10 * 2;\n\n const dots = useMemo(() => {\n const dots: ReactElement[] = [];\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\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(\n <rect\n key={`${i}-${x}-${y}`}\n fill={\n i % 2 !== 0\n ? \"var(--ck-qr-background, var(--ck-body-background))\"\n : \"var(--ck-qr-dot-color)\"\n }\n rx={(i - 2) * -5 + (i === 0 ? 2 : 3)}\n ry={(i - 2) * -5 + (i === 0 ? 2 : 3)}\n width={cellSize * (7 - i * 2)}\n height={cellSize * (7 - i * 2)}\n x={x1 + cellSize * i}\n y={y1 + cellSize * i}\n />,\n );\n }\n });\n\n if (image) {\n const x1 = (matrix.length - 7) * cellSize * 1;\n const y1 = (matrix.length - 7) * cellSize * 1;\n dots.push(\n <>\n <rect\n fill={imageBackground}\n rx={(0 - 2) * -5 + 2}\n ry={(0 - 2) * -5 + 2}\n width={cellSize * (7 - 0 * 2)}\n height={cellSize * (7 - 0 * 2)}\n x={x1 + cellSize * 0}\n y={y1 + cellSize * 0}\n />\n <foreignObject\n width={cellSize * (7 - 0 * 2)}\n height={cellSize * (7 - 0 * 2)}\n x={x1 + cellSize * 0}\n y={y1 + cellSize * 0}\n >\n <div style={{ borderRadius: (0 - 2) * -5 + 2, overflow: \"hidden\" }}>\n {image}\n </div>\n </foreignObject>\n </>,\n );\n }\n\n const clearR = matrix.length * 0.3;\n\n matrix.forEach((row: QRCodeUtil.QRCode[], i: number) => {\n row.forEach((_: any, j: number) => {\n // Skip if not a dot.\n if (!matrix[i][j]) return;\n\n // Do not render dots under position squares\n if (\n (i < 7 && j < 7) ||\n (i > matrix.length - 8 && j < 7) ||\n (i < 7 && j > matrix.length - 8)\n )\n return;\n\n // // Keep a circle around the logo clear.\n const id = i - matrix.length / 2 + 0.5;\n const jd = j - matrix.length / 2 + 0.5;\n if (id * id + jd * jd < (clearR * clearR) / 4) return;\n\n dots.push(\n <circle\n key={`circle-${i}-${j}`}\n cx={i * cellSize + cellSize / 2}\n cy={j * cellSize + cellSize / 2}\n fill=\"var(--ck-qr-dot-color)\"\n r={cellSize / 3}\n />,\n );\n });\n });\n\n return dots;\n }, [ecl, size, uri]); // eslint-disable-line react-hooks/exhaustive-deps\n\n return (\n <svg\n height={size}\n width={size}\n viewBox={`0 0 ${size} ${size}`}\n style={{\n width: size,\n height: size,\n }}\n >\n <rect fill=\"transparent\" height={size} width={size} />\n {dots}\n </svg>\n );\n}\n"],"names":["dots"],"mappings":"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"}

package/build/connectkit/src/components/Common/CustomQRCode/index.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"index.js","sources":["../../../../../../src/components/Common/CustomQRCode/index.tsx"],"sourcesContent":["import {\n LogoContainer,\n LogoIcon,\n QRCodeContainer,\n QRCodeContent,\n QRPlaceholder,\n} from \"./styles\";\nimport { CustomQRCodeProps } from \"./types\";\n\nimport { AnimatePresence, motion } from \"framer-motion\";\nimport Tooltip from \"../Tooltip\";\n\nimport useWindowSize from \"../../../hooks/useWindowSize\";\nimport { QRCode } from \"./QRCode\";\n\nfunction CustomQRCode({\n value,\n image,\n imageBackground,\n imagePosition = \"center\",\n tooltipMessage,\n contentPadding = 13,\n}: CustomQRCodeProps) {\n const windowSize = useWindowSize();\n\n const Logo =\n windowSize.width > 920 && tooltipMessage ? (\n <Tooltip xOffset={139} yOffset={5} delay={0.1} message={tooltipMessage}>\n {image}\n </Tooltip>\n ) : (\n image\n );\n\n return (\n <QRCodeContainer>\n <QRCodeContent style={{ inset: contentPadding }}>\n {image && (\n <LogoContainer>\n <LogoIcon\n style={{\n background:\n imagePosition === \"center\" ? imageBackground : undefined,\n }}\n >\n {Logo}\n </LogoIcon>\n </LogoContainer>\n )}\n\n <AnimatePresence initial={false}>\n {value ? (\n <motion.div\n key={value}\n initial={{ opacity: 0 }}\n animate={{ opacity: 1 }}\n exit={{ opacity: 0, position: \"absolute\", inset: [0, 0] }}\n transition={{\n duration: 0.2,\n }}\n >\n <QRCode\n uri={value}\n size={576}\n ecl={value?.length > 200 ? \"L\" : \"H\"}\n image={imagePosition === \"bottom right\" ? image : undefined}\n imageBackground={imageBackground}\n />\n </motion.div>\n ) : (\n <QRPlaceholder\n initial={{ opacity: 0.1 }}\n animate={{ opacity: 0.1 }}\n exit={{ opacity: 0, position: \"absolute\", inset: [0, 0] }}\n transition={{\n duration: 0.2,\n }}\n >\n <span />\n <span />\n <span />\n <div />\n </QRPlaceholder>\n )}\n </AnimatePresence>\n </QRCodeContent>\n </QRCodeContainer>\n );\n}\nCustomQRCode.displayName = \"CustomQRCode\";\n\nexport default CustomQRCode;\n"],"names":[],"mappings":";;;;;;;AAeA,SAAS,YAAa,CAAA;AAAA,EACpB,KAAA;AAAA,EACA,KAAA;AAAA,EACA,eAAA;AAAA,EACA,aAAgB,GAAA,QAAA;AAAA,EAChB,cAAA;AAAA,EACA,cAAiB,GAAA,EAAA;AACnB,CAAsB,EAAA;AACpB,EAAA,MAAM,aAAa,aAAc,EAAA,CAAA;AAEjC,EAAA,MAAM,OACJ,UAAW,CAAA,KAAA,GAAQ,GAAO,IAAA,cAAA,uBACvB,OAAQ,EAAA,EAAA,OAAA,EAAS,GAAK,EAAA,OAAA,EAAS,GAAG,KAAO,EAAA,GAAA,EAAK,OAAS,EAAA,cAAA,EACrD,iBACH,CAEA,GAAA,KAAA,CAAA;AAGJ,EACE,uBAAA,GAAA,CAAC,mBACC,QAAC,kBAAA,IAAA,CAAA,aAAA,EAAA,EAAc,OAAO,EAAE,KAAA,EAAO,gBAC5B,EAAA,QAAA,EAAA;AAAA,IAAA,KAAA,wBACE,aACC,EAAA,EAAA,QAAA,kBAAA,GAAA;AAAA,MAAC,QAAA;AAAA,MAAA;AAAA,QACC,KAAO,EAAA;AAAA,UACL,UAAA,EACE,aAAkB,KAAA,QAAA,GAAW,eAAkB,GAAA,KAAA,CAAA;AAAA,SACnD;AAAA,QAEC,QAAA,EAAA,IAAA;AAAA,OAAA;AAAA,KAEL,EAAA,CAAA;AAAA,oBAGD,GAAA,CAAA,eAAA,EAAA,EAAgB,OAAS,EAAA,KAAA,EACvB,QACC,EAAA,KAAA,mBAAA,GAAA;AAAA,MAAC,MAAO,CAAA,GAAA;AAAA,MAAP;AAAA,QAEC,OAAA,EAAS,EAAE,OAAA,EAAS,CAAE,EAAA;AAAA,QACtB,OAAA,EAAS,EAAE,OAAA,EAAS,CAAE,EAAA;AAAA,QACtB,IAAA,EAAM,EAAE,OAAA,EAAS,CAAG,EAAA,QAAA,EAAU,YAAY,KAAO,EAAA,CAAC,CAAG,EAAA,CAAC,CAAE,EAAA;AAAA,QACxD,UAAY,EAAA;AAAA,UACV,QAAU,EAAA,GAAA;AAAA,SACZ;AAAA,QAEA,QAAA,kBAAA,GAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,GAAK,EAAA,KAAA;AAAA,YACL,IAAM,EAAA,GAAA;AAAA,YACN,GAAK,EAAA,KAAA,EAAO,MAAS,GAAA,GAAA,GAAM,GAAM,GAAA,GAAA;AAAA,YACjC,KAAA,EAAO,aAAkB,KAAA,cAAA,GAAiB,KAAQ,GAAA,KAAA,CAAA;AAAA,YAClD,eAAA;AAAA,WAAA;AAAA,SACF;AAAA,OAAA;AAAA,MAdK,KAAA;AAAA,KAiBP,mBAAA,IAAA;AAAA,MAAC,aAAA;AAAA,MAAA;AAAA,QACC,OAAA,EAAS,EAAE,OAAA,EAAS,GAAI,EAAA;AAAA,QACxB,OAAA,EAAS,EAAE,OAAA,EAAS,GAAI,EAAA;AAAA,QACxB,IAAA,EAAM,EAAE,OAAA,EAAS,CAAG,EAAA,QAAA,EAAU,YAAY,KAAO,EAAA,CAAC,CAAG,EAAA,CAAC,CAAE,EAAA;AAAA,QACxD,UAAY,EAAA;AAAA,UACV,QAAU,EAAA,GAAA;AAAA,SACZ;AAAA,QAEA,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,MAAK,EAAA,EAAA,CAAA;AAAA,8BACL,MAAK,EAAA,EAAA,CAAA;AAAA,8BACL,MAAK,EAAA,EAAA,CAAA;AAAA,8BACL,KAAI,EAAA,EAAA,CAAA;AAAA,SAAA;AAAA,OAAA;AAAA,KAGX,EAAA,CAAA;AAAA,GAAA,EACF,CACF,EAAA,CAAA,CAAA;AAEJ,CAAA;AACA,YAAA,CAAa,WAAc,GAAA,cAAA;;;;"}

package/build/connectkit/src/components/Common/CustomQRCode/styles.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"styles.js","sources":["../../../../../../src/components/Common/CustomQRCode/styles.ts"],"sourcesContent":["import { motion } from \"framer-motion\";\nimport { keyframes } from \"styled-components\";\nimport styled from \"./../../../styles/styled\";\n\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 overflow: hidden;\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.7) 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`;\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 width: 28%;\n height: 28%;\n`;\n"],"names":[],"mappings":";;;;AAIa,MAAA,eAAA,GAAkB,MAAO,CAAA,MAAA,CAAO,GAAG,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAA;AAqBnC,MAAA,aAAA,GAAgB,MAAO,CAAA,MAAA,CAAO,GAAG,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAA;AAQvC,MAAM,oBAAuB,GAAA,SAAA,CAAA;AAAA;AAAA;AAAA,EAAA;AAIvB,MAAA,aAAA,GAAgB,MAAO,CAAA,MAAA,CAAO,GAAG,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,eAAA,EAqE7B,oBAAoB,CAAA;AAAA;AAAA,EAAA;AAIxB,MAAA,aAAA,GAAgB,MAAO,CAAA,MAAA,CAAO,GAAG,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAA;AASjC,MAAA,QAAA,GAAW,MAAO,CAAA,MAAA,CAAO,GAAG,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;;"}

package/build/connectkit/src/components/Common/FitText/index.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"index.js","sources":["../../../../../../src/components/Common/FitText/index.tsx"],"sourcesContent":["import React from \"react\";\nimport useFitText from \"../../../hooks/useFitText\";\n\nconst FitText = ({ children }: { children: React.ReactNode }) => {\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 (\n <div\n ref={textRef}\n 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 }}\n >\n {children}\n </div>\n );\n};\nFitText.displayName = \"FitText\";\n\nexport default FitText;\n"],"names":[],"mappings":";;;;AAGA,MAAM,OAAU,GAAA,CAAC,EAAE,QAAA,EAA8C,KAAA;AAC/D,EAAA,MAAM,CAAC,KAAO,EAAA,QAAQ,CAAI,GAAA,KAAA,CAAM,SAAS,KAAK,CAAA,CAAA;AAC9C,EAAA,MAAM,EAAE,QAAA,EAAU,GAAK,EAAA,OAAA,KAAY,UAAW,CAAA;AAAA,IAC5C,QAAU,EAAA,MAAA;AAAA,IACV,WAAa,EAAA,GAAA;AAAA,IACb,WAAa,EAAA,EAAA;AAAA,IACb,OAAA,EAAS,MAAM,QAAA,CAAS,IAAI,CAAA;AAAA,IAC5B,QAAA,EAAU,MAAM,QAAA,CAAS,IAAI,CAAA;AAAA,GAC9B,CAAA,CAAA;AACD,EACE,uBAAA,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,GAAK,EAAA,OAAA;AAAA,MACL,KAAO,EAAA;AAAA,QACL,UAAA,EAAY,QAAQ,SAAY,GAAA,QAAA;AAAA,QAChC,QAAA,EAAU,GAAG,QAAQ,CAAA,CAAA,CAAA;AAAA,QACrB,SAAW,EAAA,MAAA;AAAA,QACX,QAAU,EAAA,MAAA;AAAA,QACV,OAAS,EAAA,MAAA;AAAA,QACT,cAAgB,EAAA,QAAA;AAAA,QAChB,UAAY,EAAA,QAAA;AAAA,OACd;AAAA,MAEC,QAAA;AAAA,KAAA;AAAA,GACH,CAAA;AAEJ,EAAA;AACA,OAAA,CAAQ,WAAc,GAAA,SAAA;;;;"}

package/build/connectkit/src/components/Common/Modal/index.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"index.js","sources":["../../../../../../src/components/Common/Modal/index.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useRef, useState } from \"react\";\n\nimport { AnimatePresence, motion, Variants } from \"framer-motion\";\n\nimport { ResetContainer } from \"../../../styles\";\nimport Portal from \"../Portal\";\n\nimport { flattenChildren, isMobile } from \"../../../utils\";\n\nimport {\n BackButton,\n BackgroundOverlay,\n BoxContainer,\n CloseButton,\n Container,\n ControllerContainer,\n Disclaimer,\n DisclaimerBackground,\n ErrorMessage,\n InfoButton,\n InnerContainer,\n ModalContainer,\n ModalHeading,\n PageContainer,\n PageContents,\n TextWithHr,\n} from \"./styles\";\n\nimport useLockBodyScroll from \"../../../hooks/useLockBodyScroll\";\nimport { usePayContext } from \"../../../hooks/usePayContext\";\n\nimport {\n getChainName,\n shouldShowExternalQRCodeOnDesktop,\n} from \"@daimo/pay-common\";\nimport { useTransition } from \"react-transition-state\";\nimport { useAccount, useSwitchChain } from \"wagmi\";\nimport { AuthIcon } from \"../../../assets/icons\";\nimport { ROUTES } from \"../../../constants/routes\";\nimport { useDaimoPay } from \"../../../hooks/useDaimoPay\";\nimport FocusTrap from \"../../../hooks/useFocusTrap\";\nimport useLocales from \"../../../hooks/useLocales\";\nimport usePrevious from \"../../../hooks/usePrevious\";\nimport { CustomTheme } from \"../../../types\";\nimport {\n useWallet,\n WALLET_ID_MOBILE_WALLETS,\n} from \"../../../wallets/useWallets\";\nimport { useThemeContext } from \"../../DaimoPayThemeProvider/DaimoPayThemeProvider\";\nimport FitText from \"../FitText\";\n\nconst ProfileIcon = ({ isSignedIn }: { isSignedIn?: boolean }) => (\n <div style={{ position: \"relative\" }}>\n {isSignedIn ? (\n <AuthIcon\n style={{\n bottom: -1,\n right: -1,\n }}\n />\n ) : (\n <div\n 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 }}\n />\n )}\n <svg\n aria-hidden=\"true\"\n width=\"20\"\n height=\"20\"\n viewBox=\"0 0 20 20\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n style={{ overflow: \"visible\" }}\n >\n <circle cx=\"10\" cy=\"10\" r=\"9\" stroke=\"currentColor\" strokeWidth=\"2\" />\n <path\n d=\"M16.5 16.775C14.8618 15.0649 12.5552 14 10 14C7.44477 14 5.13825 15.0649 3.5 16.775\"\n stroke=\"currentColor\"\n strokeWidth=\"2\"\n />\n <circle cx=\"10\" cy=\"8\" r=\"3\" stroke=\"currentColor\" strokeWidth=\"2\" />\n </svg>\n </div>\n);\nconst InfoIcon = ({ ...props }) => (\n <svg\n aria-hidden=\"true\"\n width=\"22\"\n height=\"22\"\n viewBox=\"0 0 22 22\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n {...props}\n >\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n 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\"\n fill=\"currentColor\"\n />\n </svg>\n);\nconst CloseIcon = ({ ...props }) => (\n <motion.svg\n width={14}\n height={14}\n viewBox=\"0 0 14 14\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n {...props}\n >\n <path\n d=\"M1 13L13 1M1 1L13 13\"\n stroke=\"currentColor\"\n strokeWidth=\"2\"\n strokeLinecap=\"round\"\n />\n </motion.svg>\n);\nconst BackIcon = ({ ...props }) => (\n <motion.svg\n width={9}\n height={16}\n viewBox=\"0 0 9 16\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n {...props}\n >\n <path\n d=\"M8 1L1 8L8 15\"\n stroke=\"currentColor\"\n strokeWidth=\"2\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n </motion.svg>\n);\n\nconst contentTransitionDuration = 0.22;\n\nexport const contentVariants: Variants = {\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};\n\ntype ModalProps = {\n open?: boolean;\n pages: Record<ROUTES, React.ReactNode>;\n pageId: string;\n positionInside?: boolean;\n inline?: boolean;\n onClose?: () => void;\n onBack?: () => void;\n onInfo?: () => void;\n\n demo?: {\n theme: string;\n mode?: string;\n customTheme: CustomTheme;\n };\n};\nconst Modal: React.FC<ModalProps> = ({\n open,\n pages,\n pageId,\n positionInside,\n inline,\n demo,\n onClose,\n onBack,\n onInfo,\n}) => {\n const context = usePayContext();\n const themeContext = useThemeContext();\n const mobile = isMobile();\n const {\n selectedExternalOption,\n selectedTokenOption,\n selectedSolanaTokenOption,\n selectedDepositAddressOption,\n } = context.paymentState;\n const { order } = useDaimoPay();\n\n const { connector } = useAccount();\n const wallet = useWallet(connector?.id ?? \"\");\n\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\n const locales = useLocales({\n CONNECTORNAME: walletInfo?.name,\n });\n\n const [state, setOpen] = useTransition({\n timeout: 160,\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 =\n context.route === ROUTES.CONNECTORS\n ? 0\n : context.route === ROUTES.DOWNLOAD\n ? 2\n : 1;\n const prevDepth = usePrevious(currentDepth, currentDepth);\n\n // eslint-disable-next-line react-hooks/rules-of-hooks\n if (!positionInside) useLockBodyScroll(mounted);\n\n useEffect(() => {\n setOpen(open);\n if (open) setInTransition(undefined);\n }, [open]);\n\n const [dimensions, setDimensions] = useState<{\n width: string | undefined;\n height: string | undefined;\n }>({\n width: undefined,\n height: undefined,\n });\n const [inTransition, setInTransition] = useState<boolean | undefined>(\n undefined,\n );\n\n // Calculate new content bounds\n const updateBounds = (node: any) => {\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\n let blockTimeout: ReturnType<typeof setTimeout>;\n const contentRef = useCallback(\n (node: any) => {\n if (!node) return;\n ref.current = node;\n\n // Avoid transition mixups\n setInTransition(inTransition === undefined ? false : true);\n clearTimeout(blockTimeout);\n // eslint-disable-next-line react-hooks/exhaustive-deps\n blockTimeout = setTimeout(() => setInTransition(false), 360);\n\n // Calculate new content bounds\n updateBounds(node);\n },\n [open, inTransition],\n );\n\n // Update layout on chain/network switch to avoid clipping\n const { chain } = useAccount();\n const { switchChain } = useSwitchChain();\n\n const ref = useRef<any>(null);\n useEffect(() => {\n if (ref.current) updateBounds(ref.current);\n }, [chain, switchChain, mobile, context.options, context.resize]);\n\n useEffect(() => {\n if (!mounted) {\n setDimensions({\n width: undefined,\n height: undefined,\n });\n return;\n }\n\n const listener = (e: KeyboardEvent) => {\n if (e.key === \"Escape\" && onClose) onClose();\n };\n document.addEventListener(\"keydown\", listener);\n return () => {\n document.removeEventListener(\"keydown\", listener);\n };\n }, [mounted, onClose]);\n\n const dimensionsCSS = {\n \"--height\": dimensions.height,\n \"--width\": dimensions.width,\n } as React.CSSProperties;\n\n function shouldUseQrcode() {\n if (!wallet) return false; // Fail states are shown in the injector flow\n\n const useInjector = wallet.isInstalled;\n return !useInjector;\n }\n\n const shouldShowWalletQRCodeOnDesktop =\n context.pendingConnectorId === WALLET_ID_MOBILE_WALLETS ||\n context.pendingConnectorId === \"world\";\n\n function getHeading() {\n const payWithString = flattenChildren(locales.payWith).join(\"\");\n switch (context.route) {\n case ROUTES.ABOUT:\n return locales.aboutScreen_heading;\n case ROUTES.CONNECT:\n if (shouldShowWalletQRCodeOnDesktop) {\n return locales.scanWithPhone;\n } else {\n return walletInfo?.name;\n }\n case ROUTES.SELECT_EXCHANGE:\n return locales.selectExchange;\n case ROUTES.SOLANA_CONNECTOR:\n return context.solanaConnector ?? locales.solanaWallet;\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 return order?.metadata.intent;\n case ROUTES.SOLANA_PAY_WITH_TOKEN:\n if (!selectedSolanaTokenOption) return undefined;\n return `${payWithString} ${selectedSolanaTokenOption.required.token.symbol}`;\n case ROUTES.WAITING_EXTERNAL:\n if (\n selectedExternalOption &&\n shouldShowExternalQRCodeOnDesktop(selectedExternalOption.id) &&\n !mobile\n ) {\n return locales.scanWithPhone;\n }\n return selectedExternalOption?.cta;\n case ROUTES.SELECT_DEPOSIT_ADDRESS_CHAIN:\n return locales.selectChain;\n case ROUTES.WAITING_DEPOSIT_ADDRESS:\n if (!selectedDepositAddressOption) return undefined;\n return `${payWithString} ${selectedDepositAddressOption.id}`;\n case ROUTES.SELECT_ZKP2P:\n return locales.selectApp;\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 case ROUTES.SELECT_WALLET_AMOUNT:\n return locales.selectAmount;\n case ROUTES.PAY_WITH_TOKEN:\n if (selectedTokenOption == null) return undefined;\n\n const chainName = getChainName(\n selectedTokenOption.balance.token.chainId,\n );\n return `${payWithString} ${chainName} ${selectedTokenOption.balance.token.symbol}`;\n case ROUTES.CONFIRMATION:\n return locales.paymentSuccessful;\n case ROUTES.ERROR:\n return locales.error;\n case ROUTES.SELECT_WALLET_CHAIN:\n return locales.selectChain;\n }\n }\n\n const Content = (\n <ResetContainer\n $useTheme={demo?.theme ?? themeContext.theme}\n $useMode={demo?.mode ?? themeContext.mode}\n $customTheme={demo?.customTheme ?? themeContext.customTheme}\n >\n <ModalContainer\n role=\"dialog\"\n style={{\n pointerEvents: rendered ? \"auto\" : \"none\",\n position: positionInside ? \"absolute\" : undefined,\n }}\n >\n {!inline && (\n <BackgroundOverlay\n $active={rendered}\n onClick={onClose}\n $blur={context.options?.overlayBlur}\n />\n )}\n <Container\n style={dimensionsCSS}\n initial={false}\n // transition={{\n // ease: [0.2555, 0.1111, 0.2555, 1.0001],\n // duration: !positionInside && state !== 'entered' ? 0 : 0.24,\n // }}\n >\n <div\n 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 }}\n />\n <BoxContainer className={`${rendered && \"active\"}`}>\n <AnimatePresence initial={false}>\n {context.options?.disclaimer &&\n context.route === ROUTES.CONNECTORS && (\n <DisclaimerBackground\n initial={{\n opacity: 0,\n }}\n animate={{\n opacity: 1,\n }}\n exit={{ opacity: 0 }}\n transition={{\n delay: 0,\n duration: 0.2,\n ease: [0.25, 0.1, 0.25, 1.0],\n }}\n >\n <Disclaimer>\n <div>{context.options?.disclaimer}</div>\n </Disclaimer>\n </DisclaimerBackground>\n )}\n </AnimatePresence>\n <AnimatePresence initial={false}>\n {context.errorMessage && (\n <ErrorMessage\n initial={{ y: \"10%\", x: \"-50%\" }}\n animate={{ y: \"-100%\" }}\n exit={{ y: \"100%\" }}\n transition={{ duration: 0.2, ease: \"easeInOut\" }}\n >\n <span>{context.errorMessage}</span>\n <div\n onClick={() => context.displayError(null)}\n style={{\n position: \"absolute\",\n right: 24,\n top: 24,\n cursor: \"pointer\",\n }}\n >\n <CloseIcon />\n </div>\n </ErrorMessage>\n )}\n </AnimatePresence>\n <ControllerContainer>\n {onClose && (\n <CloseButton\n aria-label={flattenChildren(locales.close).toString()}\n onClick={onClose}\n >\n <CloseIcon />\n </CloseButton>\n )}\n <div\n style={{\n position: \"absolute\",\n top: 23,\n left: 20,\n width: 32,\n height: 32,\n }}\n >\n <AnimatePresence>\n {onBack ? (\n <BackButton\n disabled={inTransition}\n aria-label={flattenChildren(locales.back).toString()}\n key=\"backButton\"\n onClick={onBack}\n initial={{ opacity: 0 }}\n animate={{ opacity: 1 }}\n exit={{ opacity: 0 }}\n transition={{\n duration: mobile ? 0 : 0.1,\n delay: mobile ? 0.01 : 0,\n }}\n >\n <BackIcon />\n </BackButton>\n ) : (\n onInfo &&\n !context.options?.hideQuestionMarkCTA && (\n <InfoButton\n disabled={inTransition}\n aria-label={flattenChildren(\n locales.moreInformation,\n ).toString()}\n key=\"infoButton\"\n onClick={onInfo}\n initial={{ opacity: 0 }}\n animate={{ opacity: 1 }}\n exit={{ opacity: 0 }}\n transition={{\n duration: mobile ? 0 : 0.1,\n delay: mobile ? 0.01 : 0,\n }}\n >\n <InfoIcon />\n </InfoButton>\n )\n )}\n </AnimatePresence>\n </div>\n </ControllerContainer>\n\n <ModalHeading>\n <AnimatePresence>\n <motion.div\n 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 }}\n key={`${context.route}`}\n initial={{ opacity: 0 }}\n animate={{ opacity: 1 }}\n exit={{ opacity: 0 }}\n transition={{\n duration: mobile ? 0 : 0.17,\n delay: mobile ? 0.01 : 0,\n }}\n >\n <FitText>{getHeading()}</FitText>\n </motion.div>\n </AnimatePresence>\n </ModalHeading>\n\n <InnerContainer>\n {Object.keys(pages).map((key) => (\n <Page\n key={key}\n open={key === pageId}\n initial={!positionInside && state !== \"entered\"}\n enterAnim={\n key === pageId\n ? currentDepth > prevDepth\n ? \"active-scale-up\"\n : \"active\"\n : \"\"\n }\n exitAnim={\n key !== pageId\n ? currentDepth < prevDepth\n ? \"exit-scale-down\"\n : \"exit\"\n : \"\"\n }\n >\n <PageContents\n key={`inner-${key}`}\n ref={contentRef}\n style={{\n pointerEvents:\n key === pageId && rendered ? \"auto\" : \"none\",\n }}\n >\n {pages[key]}\n </PageContents>\n </Page>\n ))}\n </InnerContainer>\n </BoxContainer>\n </Container>\n </ModalContainer>\n </ResetContainer>\n );\n return (\n <>\n {mounted && (\n <>\n {positionInside ? (\n Content\n ) : (\n <>\n {\n <Portal>\n <FocusTrap>{Content}</FocusTrap>\n </Portal>\n }\n </>\n )}\n </>\n )}\n </>\n );\n};\n\ntype PageProps = {\n children?: React.ReactNode;\n open?: boolean;\n initial: boolean;\n prevDepth?: number;\n currentDepth?: number;\n enterAnim?: string;\n exitAnim?: string;\n};\n\nconst Page: React.FC<PageProps> = ({\n children,\n open,\n initial,\n prevDepth,\n currentDepth,\n enterAnim,\n exitAnim,\n}) => {\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\n useEffect(() => {\n setOpen(open);\n }, [open]);\n\n if (!mounted) return null;\n\n return (\n <PageContainer\n className={`${rendered ? enterAnim : exitAnim}`}\n style={{\n animationDuration: initial ? \"0ms\" : undefined,\n animationDelay: initial ? \"0ms\" : undefined,\n }}\n >\n {children}\n </PageContainer>\n );\n};\n\nexport const OrDivider = ({ children }: { children?: React.ReactNode }) => {\n const locales = useLocales();\n return (\n <TextWithHr>\n <span>{children ?? locales.or}</span>\n </TextWithHr>\n );\n};\n\nexport default Modal;\n"],"names":[],"mappings":"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"}

package/build/connectkit/src/components/Common/Modal/styles.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"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\";\n\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`;\n\nconst FadeIn = keyframes`\nfrom { opacity: 0; }\n to { opacity: 1; }\n`;\n\nconst FadeInScaleUp = keyframes`\nfrom { opacity: 0; transform: scale(0.85); }\n to { opacity: 1; transform: scale(1); }\n`;\n\nconst FadeInScaleDown = keyframes`\nfrom { opacity: 0; transform: scale(1.1); }\n to { opacity: 1; transform: scale(1); }\n`;\n\nconst FadeOut = keyframes`\nfrom { opacity: 1; }\n to { opacity: 0; }\n`;\n\nconst FadeOutScaleUp = keyframes`\nfrom { opacity: 1; transform: scale(1); }\n to { opacity: 0; transform: scale(1.1); }\n`;\n\nconst FadeOutScaleDown = keyframes`\nfrom { opacity: 1; transform: scale(1); }\n to { opacity: 0; transform: scale(0.85); }\n`;\n\nexport const PageContent = styled(motion.div)`\n max-width: 100%;\n width: 360px;\n padding-top: 48px;\n`;\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`;\n\nexport const ModalContentContainer = styled(motion.div)`\n position: relative;\n padding: 0;\n`;\nexport const ModalContent = styled(motion.div)<{ $preserveDisplay?: boolean }>`\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 $error?: boolean;\n $valid?: boolean;\n $small?: boolean;\n}>`\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) return \"var(--ck-body-color-danger)\";\n if (props.$valid) 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`;\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`;\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`;\n\nexport const Link = styled.a`\n color: var(--ck-body-color);\n text-decoration: none;\n\n &:hover {\n color: var(--ck-body-color-muted);\n }\n`;\n\nexport const BackgroundOverlay = styled(motion.div)<{\n $active: boolean;\n $blur?: number;\n}>`\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) =>\n 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`;\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`;\n\nconst MobileBoxIn = keyframes`\n from { transform: translate3d(0, 100%, 0); }\n to { transform: translate3d(0, 0%, 0); }\n`;\n\nconst MobileBoxOut = keyframes`\n from { opacity: 1; }\n to { opacity: 0; }\n`;\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`;\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`;\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`;\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`;\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`;\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`;\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`;\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`;\n\nexport const Container = styled(motion.div)`\n --ease: cubic-bezier(0.25, 0.1, 0.25, 1);\n --duration: 200ms;\n --transition:\n height var(--duration) var(--ease), 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`;\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`;\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`;\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":"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"}