@daimo/pay 1.6.2 → 1.6.3

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

@@ -1,147 +0,0 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { useState, useEffect } from 'react';
-import { usePayContext } from '../../DaimoPay.js';
-import { PageContent, ModalContent, ModalBody } from '../Modal/styles.js';
-import { parseUnits } from 'viem';
-import styled from '../../../styles/styled/index.js';
-import { formatUsd, usdToRoundedTokenAmount, USD_DECIMALS, tokenAmountToRoundedUsd, roundUsd, roundTokenAmount, roundTokenAmountUnits } from '../../../utils/format.js';
-import { isValidNumber, sanitizeNumber } from '../../../utils/validateInput.js';
-import Button from '../Button/index.js';
-import SwitchButton from '../SwitchButton/index.js';
-import TokenLogoSpinner from '../../Spinners/TokenLogoSpinner/index.js';
-import AmountInputField from './AmountInputField.js';
-
-const MultiCurrencySelectAmount = ({ selectedTokenOption, setSelectedTokenOption, nextPage }) => {
-    const { paymentState, setRoute, triggerResize } = usePayContext();
-    const maxUsdLimit = paymentState.getOrderUsdLimit();
-    const balanceToken = selectedTokenOption.balance.token;
-    const isUsdStablecoin = balanceToken.fiatSymbol === "$";
-    const minimumMessage = selectedTokenOption.minimumRequired.usd > 0
-        ? `Minimum 
-  ${formatUsd(selectedTokenOption.minimumRequired.usd, "up")}`
-        : null;
-    const [usdValue, setUsdValue] = useState("");
-    const [tokenValue, setTokenValue] = useState(usdToRoundedTokenAmount(0, balanceToken));
-    const [isEditingUsd, setIsEditingUsd] = useState(true);
-    const [message, setMessage] = useState(minimumMessage);
-    const [continueDisabled, setContinueDisabled] = useState(true);
-    useEffect(() => {
-        triggerResize();
-    }, [message]);
-    /**
-     * Update the editable value and secondary value, taking into account whether
-     * the user is currently editing the USD value or the token value.
-     */
-    const updateValues = (newUsdValue, newTokenValue, newIsEditingUsd) => {
-        const sanitizedUsdValue = sanitizeNumber(newUsdValue);
-        const sanitizedTokenValue = sanitizeNumber(newTokenValue);
-        // Update the state. Don't sanitize the value if the user is editing it.
-        setUsdValue(newIsEditingUsd ? newUsdValue : roundUsd(Number(sanitizedUsdValue)));
-        setTokenValue(newIsEditingUsd
-            ? roundTokenAmountUnits(Number(sanitizedTokenValue), balanceToken)
-            : newTokenValue);
-        setIsEditingUsd(newIsEditingUsd);
-        setContinueDisabled(Number(sanitizedUsdValue) <= 0 ||
-            Number(sanitizedUsdValue) < selectedTokenOption.minimumRequired.usd ||
-            Number(sanitizedUsdValue) > selectedTokenOption.balance.usd ||
-            Number(sanitizedUsdValue) > maxUsdLimit);
-        if (Number(sanitizedUsdValue) > selectedTokenOption.balance.usd) {
-            setMessage(`Amount exceeds your balance: 
-  ${formatUsd(selectedTokenOption.balance.usd)}`);
-        }
-        else if (Number(usdValue) > maxUsdLimit) {
-            setMessage(`Maximum ${formatUsd(maxUsdLimit)}`);
-        }
-        else {
-            setMessage(minimumMessage);
-        }
-    };
-    const handleAmountChange = (e) => {
-        const value = e.target.value;
-        const maxDecimals = isEditingUsd
-            ? USD_DECIMALS
-            : balanceToken.displayDecimals;
-        if (value !== "" && !isValidNumber(value, maxDecimals))
-            return;
-        const sanitizedValue = sanitizeNumber(value);
-        const newUsdValue = isEditingUsd
-            ? value
-            : tokenAmountToRoundedUsd(parseUnits(sanitizedValue, balanceToken.decimals), balanceToken);
-        const newTokenValue = isEditingUsd
-            ? usdToRoundedTokenAmount(Number(sanitizedValue), balanceToken)
-            : value;
-        updateValues(newUsdValue, newTokenValue, isEditingUsd);
-    };
-    const handleMax = () => {
-        const usdValue = roundUsd(Number(selectedTokenOption.balance.usd));
-        const tokenValue = roundTokenAmount(selectedTokenOption.balance.amount, balanceToken);
-        updateValues(usdValue, tokenValue, isEditingUsd);
-    };
-    const handleKeyDown = (e) => {
-        if (e.key === "Enter" && !continueDisabled) {
-            handleContinue();
-        }
-    };
-    const handleSwitchCurrency = () => {
-        updateValues(usdValue, tokenValue, !isEditingUsd);
-    };
-    const handleContinue = () => {
-        const usd = Number(sanitizeNumber(usdValue));
-        const amountUnits = usd / balanceToken.usd;
-        const amount = parseUnits(amountUnits.toString(), balanceToken.decimals);
-        setSelectedTokenOption({
-            ...selectedTokenOption,
-            required: {
-                token: balanceToken,
-                amount: amount.toString(),
-                usd,
-            },
-        });
-        paymentState.setChosenUsd(usd);
-        setRoute(nextPage, {
-            amountUsd: usd,
-            amountUnits,
-            tokenSymbol: balanceToken.symbol,
-        });
-    };
-    return (jsxs(PageContent, { children: [jsx(TokenLogoSpinner, { token: balanceToken, showSpinner: false }), jsxs(ModalContent, { "$preserveDisplay": true, children: [jsxs(AmountInputContainer, { children: [jsx(MaxButton, { style: { visibility: "hidden" }, children: "Max" }), jsx(AmountInputField, { value: isEditingUsd ? usdValue : tokenValue, onChange: handleAmountChange, currency: isEditingUsd ? "$" : balanceToken.symbol, onKeyDown: handleKeyDown }), jsx(MaxButton, { onClick: handleMax, children: "Max" })] }), !isUsdStablecoin && (jsx(SwitchContainer, { children: jsx(SwitchButton, { onClick: handleSwitchCurrency, children: jsx(SecondaryAmount, { children: isEditingUsd
-                                    ? `${tokenValue} ${balanceToken.symbol}`
-                                    : `$${usdValue}` }) }) })), message && jsx(ModalBody, { children: message }), jsx(Button, { onClick: handleContinue, disabled: continueDisabled, children: "Continue" })] })] }));
-};
-const AmountInputContainer = styled.div `
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  gap: 6px;
-`;
-const SecondaryAmount = styled.div `
-  font-size: 16px;
-  font-weight: 400;
-  line-height: 21px;
-  color: var(--ck-body-color-muted);
-  strong {
-    font-weight: 500;
-    color: var(--ck-body-color);
-  }
-`;
-const MaxButton = styled.button `
-  display: inline-block;
-  padding: 3px 8px;
-  border-radius: var(--ck-primary-button-border-radius);
-  font-size: 14px;
-  font-weight: 400;
-  background: var(
-    --ck-secondary-button-background,
-    var(--ck-body-background-secondary)
-  );
-  color: var(--ck-body-color-muted);
-  cursor: pointer;
-`;
-const SwitchContainer = styled.div `
-  display: flex;
-  align-items: center;
-  justify-content: center;
-`;
-
-export { MultiCurrencySelectAmount as default };
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/Common/AmountInput/index.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { useEffect, useState } from \"react\";\nimport { usePayContext } from \"../../DaimoPay\";\nimport { ModalBody, ModalContent, PageContent, } from \"../../Common/Modal/styles\";\nimport { parseUnits } from \"viem\";\nimport styled from \"../../../styles/styled\";\nimport { formatUsd, roundTokenAmount, roundTokenAmountUnits, roundUsd, tokenAmountToRoundedUsd, USD_DECIMALS, usdToRoundedTokenAmount, } 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\";\nconst MultiCurrencySelectAmount = ({ selectedTokenOption, setSelectedTokenOption, nextPage }) => {\n    const { paymentState, setRoute, triggerResize } = usePayContext();\n    const maxUsdLimit = paymentState.getOrderUsdLimit();\n    const balanceToken = selectedTokenOption.balance.token;\n    const isUsdStablecoin = balanceToken.fiatSymbol === \"$\";\n    const minimumMessage = selectedTokenOption.minimumRequired.usd > 0\n        ? `Minimum \n  ${formatUsd(selectedTokenOption.minimumRequired.usd, \"up\")}`\n        : null;\n    const [usdValue, setUsdValue] = useState(\"\");\n    const [tokenValue, setTokenValue] = useState(usdToRoundedTokenAmount(0, balanceToken));\n    const [isEditingUsd, setIsEditingUsd] = useState(true);\n    const [message, setMessage] = useState(minimumMessage);\n    const [continueDisabled, setContinueDisabled] = useState(true);\n    useEffect(() => {\n        triggerResize();\n    }, [message]);\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 = (newUsdValue, newTokenValue, newIsEditingUsd) => {\n        const sanitizedUsdValue = sanitizeNumber(newUsdValue);\n        const sanitizedTokenValue = sanitizeNumber(newTokenValue);\n        // Update the state. Don't sanitize the value if the user is editing it.\n        setUsdValue(newIsEditingUsd ? newUsdValue : roundUsd(Number(sanitizedUsdValue)));\n        setTokenValue(newIsEditingUsd\n            ? roundTokenAmountUnits(Number(sanitizedTokenValue), balanceToken)\n            : newTokenValue);\n        setIsEditingUsd(newIsEditingUsd);\n        setContinueDisabled(Number(sanitizedUsdValue) <= 0 ||\n            Number(sanitizedUsdValue) < selectedTokenOption.minimumRequired.usd ||\n            Number(sanitizedUsdValue) > selectedTokenOption.balance.usd ||\n            Number(sanitizedUsdValue) > maxUsdLimit);\n        if (Number(sanitizedUsdValue) > selectedTokenOption.balance.usd) {\n            setMessage(`Amount exceeds your balance: \n  ${formatUsd(selectedTokenOption.balance.usd)}`);\n        }\n        else if (Number(usdValue) > maxUsdLimit) {\n            setMessage(`Maximum ${formatUsd(maxUsdLimit)}`);\n        }\n        else {\n            setMessage(minimumMessage);\n        }\n    };\n    const handleAmountChange = (e) => {\n        const value = e.target.value;\n        const maxDecimals = isEditingUsd\n            ? USD_DECIMALS\n            : balanceToken.displayDecimals;\n        if (value !== \"\" && !isValidNumber(value, maxDecimals))\n            return;\n        const sanitizedValue = sanitizeNumber(value);\n        const newUsdValue = isEditingUsd\n            ? value\n            : tokenAmountToRoundedUsd(parseUnits(sanitizedValue, balanceToken.decimals), balanceToken);\n        const newTokenValue = isEditingUsd\n            ? usdToRoundedTokenAmount(Number(sanitizedValue), balanceToken)\n            : value;\n        updateValues(newUsdValue, newTokenValue, isEditingUsd);\n    };\n    const handleMax = () => {\n        const usdValue = roundUsd(Number(selectedTokenOption.balance.usd));\n        const tokenValue = roundTokenAmount(selectedTokenOption.balance.amount, balanceToken);\n        updateValues(usdValue, tokenValue, isEditingUsd);\n    };\n    const handleKeyDown = (e) => {\n        if (e.key === \"Enter\" && !continueDisabled) {\n            handleContinue();\n        }\n    };\n    const handleSwitchCurrency = () => {\n        updateValues(usdValue, tokenValue, !isEditingUsd);\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(),\n                usd,\n            },\n        });\n        paymentState.setChosenUsd(usd);\n        setRoute(nextPage, {\n            amountUsd: usd,\n            amountUnits,\n            tokenSymbol: balanceToken.symbol,\n        });\n    };\n    return (_jsxs(PageContent, { children: [_jsx(TokenLogoSpinner, { token: balanceToken, showSpinner: false }), _jsxs(ModalContent, { \"$preserveDisplay\": true, children: [_jsxs(AmountInputContainer, { children: [_jsx(MaxButton, { style: { visibility: \"hidden\" }, children: \"Max\" }), _jsx(AmountInputField, { value: isEditingUsd ? usdValue : tokenValue, onChange: handleAmountChange, currency: isEditingUsd ? \"$\" : balanceToken.symbol, onKeyDown: handleKeyDown }), _jsx(MaxButton, { onClick: handleMax, children: \"Max\" })] }), !isUsdStablecoin && (_jsx(SwitchContainer, { children: _jsx(SwitchButton, { onClick: handleSwitchCurrency, children: _jsx(SecondaryAmount, { children: isEditingUsd\n                                    ? `${tokenValue} ${balanceToken.symbol}`\n                                    : `$${usdValue}` }) }) })), message && _jsx(ModalBody, { children: message }), _jsx(Button, { onClick: handleContinue, disabled: continueDisabled, children: \"Continue\" })] })] }));\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-muted);\n  cursor: pointer;\n`;\nconst SwitchContainer = styled.div `\n  display: flex;\n  align-items: center;\n  justify-content: center;\n`;\nexport default MultiCurrencySelectAmount;\n"],"names":["_jsxs","_jsx"],"mappings":"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"}

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

@@ -1,66 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { useRef, useState, useEffect } from 'react';
-import { EnsAvatar, ImageContainer } from './styles.js';
-import { normalize } from 'viem/ens';
-import { useEnsAddress, useEnsName, useEnsAvatar } from 'wagmi';
-import { useEnsFallbackConfig } from '../../../hooks/useEnsFallbackConfig.js';
-import useIsMounted from '../../../hooks/useIsMounted.js';
-import { ResetContainer } from '../../../styles/index.js';
-import { usePayContext } from '../../DaimoPay.js';
-
-/** Icon for an Ethereum address. Supports ENS names and avatars. */
-const Avatar = ({ address, name, size = 96, radius = 96 }) => {
-    const isMounted = useIsMounted();
-    const context = usePayContext();
-    const imageRef = useRef(null);
-    const [loaded, setLoaded] = useState(true);
-    const ensFallbackConfig = useEnsFallbackConfig();
-    const { data: ensAddress } = useEnsAddress({
-        chainId: 1,
-        name: name,
-        config: ensFallbackConfig,
-    });
-    const { data: ensName } = useEnsName({
-        chainId: 1,
-        address: address ?? ensAddress ?? undefined,
-        config: ensFallbackConfig,
-    });
-    const { data: ensAvatar } = useEnsAvatar({
-        chainId: 1,
-        name: normalize(ensName ?? ""),
-        config: ensFallbackConfig,
-    });
-    const ens = {
-        address: ensAddress ?? address,
-        name: ensName ?? name,
-        avatar: ensAvatar ?? undefined,
-    };
-    useEffect(() => {
-        if (!(imageRef.current &&
-            imageRef.current.complete &&
-            imageRef.current.naturalHeight !== 0)) {
-            setLoaded(false);
-        }
-    }, [ensAvatar]);
-    if (!isMounted)
-        return jsx("div", { style: { width: size, height: size, borderRadius: radius } });
-    if (context.options?.customAvatar)
-        return (jsx("div", { style: {
-                width: size,
-                height: size,
-                borderRadius: radius,
-                overflow: "hidden",
-            }, children: context.options?.customAvatar({
-                address: address ?? ens?.address,
-                ensName: name ?? ens?.name,
-                ensImage: ens?.avatar,
-                size,
-                radius,
-            }) }));
-    if (!ens.name || !ens.avatar)
-        return (jsx(ResetContainer, { style: { pointerEvents: "none" }, children: jsx(EnsAvatar, { "$size": size, "$seed": ens.address, "$radius": radius }) }));
-    return (jsx(ResetContainer, { style: { pointerEvents: "none" }, children: jsx(EnsAvatar, { "$size": size, "$seed": ens.address, "$radius": radius, children: jsx(ImageContainer, { ref: imageRef, src: ens.avatar, alt: ens.name, onLoad: () => setLoaded(true), "$loaded": loaded }) }) }));
-};
-
-export { Avatar as default };
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/Common/Avatar/index.tsx"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { useEffect, useRef, useState } from \"react\";\nimport { EnsAvatar, ImageContainer } from \"./styles\";\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 \"../../DaimoPay\";\n/** Icon for an Ethereum address. Supports ENS names and avatars. */\nconst Avatar = ({ address, name, size = 96, radius = 96 }) => {\n    const isMounted = useIsMounted();\n    const context = usePayContext();\n    const imageRef = useRef(null);\n    const [loaded, setLoaded] = useState(true);\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    const ens = {\n        address: ensAddress ?? address,\n        name: ensName ?? name,\n        avatar: ensAvatar ?? undefined,\n    };\n    useEffect(() => {\n        if (!(imageRef.current &&\n            imageRef.current.complete &&\n            imageRef.current.naturalHeight !== 0)) {\n            setLoaded(false);\n        }\n    }, [ensAvatar]);\n    if (!isMounted)\n        return _jsx(\"div\", { style: { width: size, height: size, borderRadius: radius } });\n    if (context.options?.customAvatar)\n        return (_jsx(\"div\", { style: {\n                width: size,\n                height: size,\n                borderRadius: radius,\n                overflow: \"hidden\",\n            }, children: context.options?.customAvatar({\n                address: address ?? ens?.address,\n                ensName: name ?? ens?.name,\n                ensImage: ens?.avatar,\n                size,\n                radius,\n            }) }));\n    if (!ens.name || !ens.avatar)\n        return (_jsx(ResetContainer, { style: { pointerEvents: \"none\" }, children: _jsx(EnsAvatar, { \"$size\": size, \"$seed\": ens.address, \"$radius\": radius }) }));\n    return (_jsx(ResetContainer, { style: { pointerEvents: \"none\" }, children: _jsx(EnsAvatar, { \"$size\": size, \"$seed\": ens.address, \"$radius\": radius, children: _jsx(ImageContainer, { ref: imageRef, src: ens.avatar, alt: ens.name, onLoad: () => setLoaded(true), \"$loaded\": loaded }) }) }));\n};\nexport default Avatar;\n"],"names":["_jsx"],"mappings":"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"}

package/build/src/components/Common/Avatar/styles.js

@@ -1,59 +0,0 @@
-import { motion } from 'framer-motion';
-import { css } from 'styled-components';
-import styled from '../../../styles/styled/index.js';
-
-function addressToNumber(address) {
-    return ((address
-        .split("")
-        .map((l) => l.charCodeAt(0))
-        .reduce((a, b) => a + b) %
-        100) /
-        100);
-}
-const EnsAvatar = styled(motion.div) `
-  will-change: transform; // Needed for Safari
-  pointer-events: none;
-  user-select: none;
-  position: relative;
-  overflow: hidden;
-  margin: 0;
-  border-radius: ${(props) => `${props.$radius}px`};
-  width: ${(props) => `${props.$size}px`};
-  height: ${(props) => `${props.$size}px`};
-  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.08);
-  &:before {
-    content: "";
-    z-index: 1;
-    position: absolute;
-    inset: 0;
-    border-radius: inherit;
-    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.02);
-  }
-  ${(props) => {
-    if (props.$seed) {
-        const id = Math.ceil(addressToNumber(props.$seed) * 8);
-        const ensColor = `0${id === 0 ? 1 : id}`; // No zero ID in ENS color list.. 🤷‍♀️
-        return css `
-        background: var(--ck-ens-${ensColor}-start);
-        background: linear-gradient(
-          180deg,
-          var(--ck-ens-${ensColor}-start) 0%,
-          var(--ck-ens-${ensColor}-stop) 100%
-        );
-      `;
-    }
-}}
-`;
-const ImageContainer = styled(motion.img) `
-  display: block;
-  position: relative;
-  width: 100%;
-  height: 100%;
-  opacity: ${(props) => (props.$loaded ? 1 : 0)};
-  will-change: opacity; // Needed for Safari
-  transition: opacity 500ms ease;
-  transform: scale(1.01); // fixes background color bleeding
-`;
-
-export { EnsAvatar, ImageContainer };
-//# sourceMappingURL=styles.js.map

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

@@ -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\";\nfunction addressToNumber(address) {\n    return ((address\n        .split(\"\")\n        .map((l) => l.charCodeAt(0))\n        .reduce((a, b) => a + b) %\n        100) /\n        100);\n}\nexport const EnsAvatar = styled(motion.div) `\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`;\nexport const ImageContainer = styled(motion.img) `\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":";;;;AAGA,SAAS,eAAe,CAAC,OAAO,EAAE;AAClC,IAAI,QAAQ,CAAC,OAAO;AACpB,SAAS,KAAK,CAAC,EAAE,CAAC;AAClB,SAAS,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC;AACpC,SAAS,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;AAChC,QAAQ,GAAG;AACX,QAAQ,GAAG,EAAE;AACb,CAAC;AACW,MAAC,SAAS,GAAG,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC;AAC7C;AACA;AACA;AACA;AACA;AACA;AACA,iBAAiB,EAAE,CAAC,KAAK,KAAK,CAAC,EAAE,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;AACnD,SAAS,EAAE,CAAC,KAAK,KAAK,CAAC,EAAE,KAAK,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;AACzC,UAAU,EAAE,CAAC,KAAK,KAAK,CAAC,EAAE,KAAK,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;AAC1C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,EAAE,EAAE,CAAC,KAAK,KAAK;AACf,IAAI,IAAI,KAAK,CAAC,KAAK,EAAE;AACrB,QAAQ,MAAM,EAAE,GAAG,IAAI,CAAC,IAAI,CAAC,eAAe,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC;AAC/D,QAAQ,MAAM,QAAQ,GAAG,CAAC,CAAC,EAAE,EAAE,KAAK,CAAC,GAAG,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC;AACjD,QAAQ,OAAO,GAAG,CAAC,CAAC;AACpB,iCAAiC,EAAE,QAAQ,CAAC;AAC5C;AACA;AACA,uBAAuB,EAAE,QAAQ,CAAC;AAClC,uBAAuB,EAAE,QAAQ,CAAC;AAClC;AACA,MAAM,CAAC,CAAC;AACR,KAAK;AACL,CAAC,CAAC;AACF,EAAE;AACU,MAAC,cAAc,GAAG,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC;AAClD;AACA;AACA;AACA;AACA,WAAW,EAAE,CAAC,KAAK,MAAM,KAAK,CAAC,OAAO,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC;AAChD;AACA;AACA;AACA;;;;"}

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

@@ -1,28 +0,0 @@
-import { jsx, Fragment } from 'react/jsx-runtime';
-import React from 'react';
-import { BrowserIconContainer } from './styles.js';
-import browsers from '../../../assets/browsers.js';
-import { detectBrowser } from '../../../utils/index.js';
-
-const BrowserIcon = React.forwardRef(({ browser }, ref) => {
-    const currentBrowser = browser ?? detectBrowser();
-    let icon;
-    switch (currentBrowser) {
-        case "chrome":
-            icon = browsers.Chrome;
-            break;
-        case "firefox":
-            icon = browsers.FireFox;
-            break;
-        case "edge":
-            icon = browsers.Edge;
-            break;
-    }
-    if (!icon)
-        return jsx(Fragment, {});
-    return jsx(BrowserIconContainer, { children: icon });
-});
-BrowserIcon.displayName = "BrowserIcon";
-
-export { BrowserIcon as default };
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/Common/BrowserIcon/index.tsx"],"sourcesContent":["import { Fragment as _Fragment, jsx as _jsx } from \"react/jsx-runtime\";\nimport React from \"react\";\nimport { BrowserIconContainer } from \"./styles\";\nimport browsers from \"../../../assets/browsers\";\nimport { detectBrowser } from \"../../../utils\";\nconst BrowserIcon = React.forwardRef(({ browser }, ref) => {\n    const currentBrowser = browser ?? detectBrowser();\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)\n        return _jsx(_Fragment, {});\n    return _jsx(BrowserIconContainer, { children: icon });\n});\nBrowserIcon.displayName = \"BrowserIcon\";\nexport default BrowserIcon;\n"],"names":["_jsx","_Fragment"],"mappings":";;;;;;AAKK,MAAC,WAAW,GAAG,KAAK,CAAC,UAAU,CAAC,CAAC,EAAE,OAAO,EAAE,EAAE,GAAG,KAAK;AAC3D,IAAI,MAAM,cAAc,GAAG,OAAO,IAAI,aAAa,EAAE,CAAC;AACtD,IAAI,IAAI,IAAI,CAAC;AACb,IAAI,QAAQ,cAAc;AAC1B,QAAQ,KAAK,QAAQ;AACrB,YAAY,IAAI,GAAG,QAAQ,CAAC,MAAM,CAAC;AACnC,YAAY,MAAM;AAClB,QAAQ,KAAK,SAAS;AACtB,YAAY,IAAI,GAAG,QAAQ,CAAC,OAAO,CAAC;AACpC,YAAY,MAAM;AAClB,QAAQ,KAAK,MAAM;AACnB,YAAY,IAAI,GAAG,QAAQ,CAAC,IAAI,CAAC;AACjC,YAAY,MAAM;AAIlB,KAAK;AACL,IAAI,IAAI,CAAC,IAAI;AACb,QAAQ,OAAOA,GAAI,CAACC,QAAS,EAAE,EAAE,CAAC,CAAC;AACnC,IAAI,OAAOD,GAAI,CAAC,oBAAoB,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC;AAC1D,CAAC,EAAE;AACH,WAAW,CAAC,WAAW,GAAG,aAAa;;;;"}

package/build/src/components/Common/BrowserIcon/styles.js

@@ -1,20 +0,0 @@
-import { motion } from 'framer-motion';
-import styled from '../../../styles/styled/index.js';
-
-const BrowserIconContainer = styled(motion.div) `
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  max-width: 32px;
-  max-height: 32px;
-  width: 100%;
-  height: 100%;
-  svg {
-    display: block;
-    width: 100%;
-    height: 100%;
-  }
-`;
-
-export { BrowserIconContainer };
-//# sourceMappingURL=styles.js.map

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

@@ -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\";\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":";;;AAEY,MAAC,oBAAoB,GAAG,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC;AACxD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;"}

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

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

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

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