@daimo/pay 1.10.2 → 1.11.0

package/build/src/assets/wallet.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"wallet.js","sources":["../../../src/assets/wallet.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;AAAwB,SAAA,UAAU,CAAC,EAAE,GAAG,KAAK,EAAE,EAAA;AAC7C,IAAA,QACEA,IACc,CAAA,KAAA,EAAA,EAAA,aAAA,EAAA,MAAM,EAClB,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,EAC9B,GAAA,KAAK,aAETC,GACE,CAAA,MAAA,EAAA,EAAA,CAAC,EAAC,mPAAmP,EACrP,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,GAAG,EACf,CAAA,EACFA,cACE,CAAC,EAAC,yOAAyO,EAC3O,IAAI,EAAC,2BAA2B,EAChC,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,GAAG,EACf,CAAA,EACFA,GAAQ,CAAA,QAAA,EAAA,EAAA,EAAE,EAAC,SAAS,EAAC,EAAE,EAAC,SAAS,EAAC,CAAC,EAAC,SAAS,EAAC,IAAI,EAAC,cAAc,EAAG,CAAA,CAAA,EAAA,CAChE,EACN;AACJ;;;;"}

package/build/src/assets/wave.js

@@ -0,0 +1,6 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var wave = (jsxs("svg", { "aria-hidden": "true", width: "298", height: "188", viewBox: "0 0 298 188", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [jsx("path", { d: "M1 55.2757L21.6438 46.0285C55.5896 30.8228 94.4104 30.8228 128.356 46.0286L169.644 64.5229C203.59 79.7287 242.41 79.7286 276.356 64.5229L297 55.2757M1 44.2118L21.6438 34.9646C55.5896 19.7589 94.4104 19.7589 128.356 34.9646L169.644 53.459C203.59 68.6647 242.41 68.6647 276.356 53.459L297 44.2118M1 33.1477L21.6438 23.9005C55.5896 8.69479 94.4104 8.69479 128.356 23.9005L169.644 42.3949C203.59 57.6006 242.41 57.6006 276.356 42.3949L297 33.1477M1 22.1477L21.6438 12.9005C55.5896 -2.30521 94.4104 -2.30521 128.356 12.9005L169.644 31.3949C203.59 46.6006 242.41 46.6006 276.356 31.3949L297 22.1477M1 66.3398L21.6438 57.0926C55.5896 41.8869 94.4104 41.8869 128.356 57.0926L169.644 75.587C203.59 90.7927 242.41 90.7927 276.356 75.587L297 66.3398M1 77.404L21.6438 68.1568C55.5896 52.9511 94.4104 52.9511 128.356 68.1569L169.644 86.6512C203.59 101.857 242.41 101.857 276.356 86.6512L297 77.404M1 88.4681L21.6438 79.2209C55.5896 64.0152 94.4104 64.0152 128.356 79.2209L169.644 97.7153C203.59 112.921 242.41 112.921 276.356 97.7153L297 88.4681M1 121.66L21.6438 112.413C55.5896 97.2075 94.4104 97.2075 128.356 112.413L169.644 130.908C203.59 146.113 242.41 146.113 276.356 130.908L297 121.66M1 110.596L21.6438 101.349C55.5896 86.1433 94.4104 86.1433 128.356 101.349L169.644 119.843C203.59 135.049 242.41 135.049 276.356 119.843L297 110.596M1 99.5321L21.6438 90.2849C55.5896 75.0792 94.4104 75.0792 128.356 90.2849L169.644 108.779C203.59 123.985 242.41 123.985 276.356 108.779L297 99.5321M1 132.724L21.6438 123.477C55.5896 108.271 94.4104 108.271 128.356 123.477L169.644 141.971C203.59 157.177 242.41 157.177 276.356 141.971L297 132.724M1 143.788L21.6438 134.541C55.5896 119.336 94.4104 119.336 128.356 134.541L169.644 153.036C203.59 168.241 242.41 168.241 276.356 153.036L297 143.788M1 154.853L21.6438 145.605C55.5896 130.4 94.4104 130.4 128.356 145.605L169.644 164.1C203.59 179.305 242.41 179.305 276.356 164.1L297 154.853M1 165.853L21.6438 156.605C55.5896 141.4 94.4104 141.4 128.356 156.605L169.644 175.1C203.59 190.305 242.41 190.305 276.356 175.1L297 165.853", stroke: "url(#paint0_linear_1094_2077)", strokeOpacity: "0.9", strokeLinecap: "round", strokeLinejoin: "round" }), jsx("defs", { children: jsxs("linearGradient", { id: "paint0_linear_1094_2077", x1: "1", y1: "112.587", x2: "297.034", y2: "79.6111", gradientUnits: "userSpaceOnUse", children: [jsx("stop", { stopColor: "var(--ck-graphic-wave-stop-01)" }), jsx("stop", { stopColor: "var(--ck-graphic-wave-stop-02)", offset: "0.239583" }), jsx("stop", { stopColor: "var(--ck-graphic-wave-stop-03)", offset: "0.515625" }), jsx("stop", { stopColor: "var(--ck-graphic-wave-stop-04)", offset: "0.739583" }), jsx("stop", { stopColor: "var(--ck-graphic-wave-stop-05)", offset: "1" })] }) })] }));
+
+export { wave as default };
+//# sourceMappingURL=wave.js.map

package/build/src/assets/wave.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"wave.js","sources":["../../../src/assets/wave.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;AAAA,WAAe,CACbA,IACc,CAAA,KAAA,EAAA,EAAA,aAAA,EAAA,MAAM,EAClB,KAAK,EAAC,KAAK,EACX,MAAM,EAAC,KAAK,EACZ,OAAO,EAAC,aAAa,EACrB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,EAElC,QAAA,EAAA,CAAAC,GAAA,CAAA,MAAA,EAAA,EACE,CAAC,EAAC,ogEAAogE,EACtgE,MAAM,EAAC,+BAA+B,EACtC,aAAa,EAAC,KAAK,EACnB,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,CAAA,EACFA,GACE,CAAA,MAAA,EAAA,EAAA,QAAA,EAAAD,IAAA,CAAA,gBAAA,EAAA,EACE,EAAE,EAAC,yBAAyB,EAC5B,EAAE,EAAC,GAAG,EACN,EAAE,EAAC,SAAS,EACZ,EAAE,EAAC,SAAS,EACZ,EAAE,EAAC,SAAS,EACZ,aAAa,EAAC,gBAAgB,EAE9B,QAAA,EAAA,CAAAC,GAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,gCAAgC,EAAA,CAAG,EACnDA,GAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,gCAAgC,EAAC,MAAM,EAAC,UAAU,EAAA,CAAG,EACrEA,GAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,gCAAgC,EAAC,MAAM,EAAC,UAAU,EAAA,CAAG,EACrEA,GAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,gCAAgC,EAAC,MAAM,EAAC,UAAU,EAAA,CAAG,EACrEA,GAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,gCAAgC,EAAC,MAAM,EAAC,GAAG,EAAA,CAAG,CAC/C,EAAA,CAAA,EAAA,CACZ,CACH,EAAA,CAAA;;;;"}

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

@@ -0,0 +1,10 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { AlertContainer, IconContainer } from './styles.js';
+
+const Alert = ({ children, error, icon }) => {
+    return (jsxs(AlertContainer, { "$error": error, children: [icon && jsx(IconContainer, { children: icon }), jsx("div", { children: children })] }));
+};
+Alert.displayName = "Alert";
+
+export { Alert as default };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/components/Common/Alert/index.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;AAGM,MAAA,KAAK,GAAG,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,IAAI,EAAc,KAAI;AACtD,IAAA,QACEA,IAAC,CAAA,cAAc,cAAS,KAAK,EAAA,QAAA,EAAA,CAC1B,IAAI,IAAIC,GAAA,CAAC,aAAa,EAAE,EAAA,QAAA,EAAA,IAAI,GAAiB,EAC9CA,GAAA,CAAA,KAAA,EAAA,EAAA,QAAA,EAAM,QAAQ,EAAO,CAAA,CAAA,EAAA,CACN,EACjB;AACJ,EAAE;AACF,KAAK,CAAC,WAAW,GAAG,OAAO;;;;"}

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

@@ -0,0 +1,55 @@
+import { motion } from 'framer-motion';
+import { css } from 'styled-components';
+import defaultTheme from '../../../constants/defaultTheme.js';
+import styled from '../../../styles/styled/index.js';
+
+const AlertContainer = styled(motion.div) `
+  display: flex;
+  gap: 8px;
+  position: relative;
+  border-radius: 9px;
+  margin: 0 auto;
+  padding: 10px;
+  text-align: left;
+  font-size: 14px;
+  line-height: 17px;
+  font-weight: 400;
+  max-width: 260px;
+  min-width: 100%;
+
+  border-radius: var(--ck-alert-border-radius, 12px);
+  color: var(--ck-alert-color, var(--ck-body-color-muted));
+  background: var(--ck-alert-background, var(--ck-body-background-secondary));
+  box-shadow: var(--ck-alert-box-shadow, var(--ck-body-box-shadow));
+
+  @media only screen and (max-width: ${defaultTheme.mobileWidth}px) {
+    padding: 16px;
+    font-size: 16px;
+    line-height: 21px;
+    border-radius: 24px;
+    text-align: center;
+  }
+
+  ${($error) => {
+    if ($error)
+        return css `
+        color: #fff;
+        background: var(--ck-body-color-danger, red);
+      `;
+}}
+`;
+const IconContainer = styled(motion.div) `
+  width: 24px;
+  height: 24px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  svg {
+    display: block;
+    width: 100%;
+    height: auto;
+  }
+`;
+
+export { AlertContainer, IconContainer };
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sources":["../../../../../src/components/Common/Alert/styles.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;;AAKa,MAAA,cAAc,GAAG,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,CAAsB,CAAA;;;;;;;;;;;;;;;;;;;AAmB/B,qCAAA,EAAA,YAAY,CAAC,WAAW,CAAA;;;;;;;;IAQ3D,CAAC,MAAM,KAAI;AACX,IAAA,IAAI,MAAM;AACR,QAAA,OAAO,GAAG,CAAA,CAAA;;;OAGT,CAAC;AACN,CAAC,CAAA;EACD;AAEW,MAAA,aAAa,GAAG,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,CAAA,CAAA;;;;;;;;;;;;;;;"}

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

@@ -0,0 +1,60 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useRef, useEffect } from 'react';
+import styled from '../../../styles/styled/index.js';
+import { ModalBody } from '../Modal/styles.js';
+
+const Container = styled.button `
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 4px;
+  background: transparent;
+`;
+const InputField = styled.input `
+  margin: 0;
+  padding: 0;
+  background: none;
+  border: none;
+  outline: none;
+  font-size: 30px;
+  font-weight: var(--ck-modal-h1-font-weight, 600);
+  color: var(--ck-body-color);
+  width: ${(props) => {
+    const length = props.value?.length ?? 0;
+    // Placeholder is "0.00", 3ch for digits + 0.55ch for decimal point
+    if (length === 0)
+        return "3.55ch";
+    // Reduce width when decimal or commas are present since they're smaller than normal chars
+    const numPunctuations = (props.value?.match(/[.,]/g) || []).length;
+    const adjustedLength = length - numPunctuations * 0.55;
+    return `${Math.min(adjustedLength, 10)}ch`;
+}};
+  min-width: 1ch;
+  max-width: 10ch;
+`;
+const AnimatedCurrency = styled(ModalBody) `
+  @keyframes fadeInDown {
+    from {
+      opacity: 0;
+      transform: translateY(-8px);
+    }
+    to {
+      opacity: 1;
+      transform: translateY(0);
+    }
+  }
+
+  animation: fadeInDown 0.3s ease-out forwards;
+  font-size: ${(props) => (props.$small ? "16px" : "24px")};
+`;
+const AmountInputField = ({ value, onChange, currency = "$", onKeyDown }) => {
+    // Focus the input when the component mounts so the user can start typing immediately
+    const inputRef = useRef(null);
+    useEffect(() => {
+        inputRef.current?.focus();
+    }, [value]);
+    return (jsxs(Container, { children: [currency === "$" && jsx(AnimatedCurrency, { children: currency }), jsx(InputField, { ref: inputRef, type: "text", inputMode: "decimal", value: value, onChange: onChange, placeholder: "0.00", onKeyDown: onKeyDown }), currency !== "$" && (jsx(AnimatedCurrency, { "$small": true, children: currency }))] }));
+};
+
+export { AmountInputField as default };
+//# sourceMappingURL=AmountInputField.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AmountInputField.js","sources":["../../../../../src/components/Common/AmountInput/AmountInputField.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;;;AAIA,MAAM,SAAS,GAAG,MAAM,CAAC,MAAM,CAAA,CAAA;;;;;;CAM9B,CAAC;AAEF,MAAM,UAAU,GAAG,MAAM,CAAC,KAAK,CAAA,CAAA;;;;;;;;;WASpB,CAAC,KAAK,KAAI;IACjB,MAAM,MAAM,GAAG,KAAK,CAAC,KAAK,EAAE,MAAM,IAAI,CAAC,CAAC;;IAExC,IAAI,MAAM,KAAK,CAAC;AAAE,QAAA,OAAO,QAAQ,CAAC;;AAElC,IAAA,MAAM,eAAe,GAAG,CAAC,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,EAAE,EAAE,MAAM,CAAC;AACnE,IAAA,MAAM,cAAc,GAAG,MAAM,GAAG,eAAe,GAAG,IAAI,CAAC;IACvD,OAAO,CAAA,EAAG,IAAI,CAAC,GAAG,CAAC,cAAc,EAAE,EAAE,CAAC,CAAA,EAAA,CAAI,CAAC;AAC7C,CAAC,CAAA;;;CAGF,CAAC;AAEF,MAAM,gBAAgB,GAAG,MAAM,CAAC,SAAS,CAAC,CAAsB,CAAA;;;;;;;;;;;;;AAajD,aAAA,EAAA,CAAC,KAAK,MAAM,KAAK,CAAC,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC,CAAA;CACzD,CAAC;AAEF,MAAM,gBAAgB,GAKjB,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,GAAG,GAAG,EAAE,SAAS,EAAE,KAAI;;AAEtD,IAAA,MAAM,QAAQ,GAAG,MAAM,CAAmB,IAAI,CAAC,CAAC;IAChD,SAAS,CAAC,MAAK;AACb,QAAA,QAAQ,CAAC,OAAO,EAAE,KAAK,EAAE,CAAC;AAC5B,KAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,QACEA,IAAC,CAAA,SAAS,EACP,EAAA,QAAA,EAAA,CAAA,QAAQ,KAAK,GAAG,IAAIC,GAAA,CAAC,gBAAgB,EAAA,EAAA,QAAA,EAAE,QAAQ,EAAA,CAAoB,EACpEA,GAAA,CAAC,UAAU,EAAA,EACT,GAAG,EAAE,QAAQ,EACb,IAAI,EAAC,MAAM,EACX,SAAS,EAAC,SAAS,EACnB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAC,MAAM,EAClB,SAAS,EAAE,SAAS,EAAA,CACpB,EACD,QAAQ,KAAK,GAAG,KACfA,GAAC,CAAA,gBAAgB,EAAS,EAAA,QAAA,EAAA,IAAA,EAAA,QAAA,EAAA,QAAQ,EAAoB,CAAA,CACvD,CACS,EAAA,CAAA,EACZ;AACJ;;;;"}

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

@@ -0,0 +1,146 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useState, useEffect } from 'react';
+import { usePayContext } from '../../../hooks/usePayContext.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 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]); // eslint-disable-line react-hooks/exhaustive-deps
+    /**
+     * 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 }), 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" })] }), balanceToken.fiatISO !== "USD" && (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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/components/Common/AmountInput/index.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":"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"}

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

@@ -0,0 +1,66 @@
+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 '../../../hooks/usePayContext.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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/components/Common/Avatar/index.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":"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"}

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

@@ -0,0 +1,59 @@
+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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sources":["../../../../../src/components/Common/Avatar/styles.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;AAIA,SAAS,eAAe,CAAC,OAAe,EAAA;IACtC,QACE,CAAC,OAAO;SACL,KAAK,CAAC,EAAE,CAAC;AACT,SAAA,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC;SAC3B,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;AACxB,QAAA,GAAG;AACL,QAAA,GAAG,EACH;AACJ,CAAC;AAEY,MAAA,SAAS,GAAG,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,CAIzC,CAAA;;;;;;;mBAOiB,CAAC,KAAK,KAAK,GAAG,KAAK,CAAC,OAAO,CAAI,EAAA,CAAA,CAAA;WACvC,CAAC,KAAK,KAAK,GAAG,KAAK,CAAC,KAAK,CAAI,EAAA,CAAA,CAAA;YAC5B,CAAC,KAAK,KAAK,GAAG,KAAK,CAAC,KAAK,CAAI,EAAA,CAAA,CAAA;;;;;;;;;;IAUrC,CAAC,KAAK,KAAI;AACV,IAAA,IAAI,KAAK,CAAC,KAAK,EAAE;AACf,QAAA,MAAM,EAAE,GAAG,IAAI,CAAC,IAAI,CAAC,eAAe,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC;AACvD,QAAA,MAAM,QAAQ,GAAG,CAAA,CAAA,EAAI,EAAE,KAAK,CAAC,GAAG,CAAC,GAAG,EAAE,CAAE,CAAA,CAAC;AACzC,QAAA,OAAO,GAAG,CAAA,CAAA;mCACmB,QAAQ,CAAA;;;yBAGlB,QAAQ,CAAA;yBACR,QAAQ,CAAA;;OAE1B,CAAC;KACH;AACH,CAAC,CAAA;EACD;AAEW,MAAA,cAAc,GAAG,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,CAAsB,CAAA;;;;;AAKzD,WAAA,EAAA,CAAC,KAAK,MAAM,KAAK,CAAC,OAAO,GAAG,CAAC,GAAG,CAAC,CAAC,CAAA;;;;;;;;"}

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

@@ -0,0 +1,28 @@
+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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/components/Common/BrowserIcon/index.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;;;AAQA,MAAM,WAAW,GAAG,KAAK,CAAC,UAAU,CAClC,CAAC,EAAE,OAAO,EAAoB,EAAE,GAA2B,KAAI;AAC7D,IAAA,MAAM,cAAc,GAAG,OAAO,IAAI,aAAa,EAAE,CAAC;AAElD,IAAA,IAAI,IAAI,CAAC;IACT,QAAQ,cAAc;AACpB,QAAA,KAAK,QAAQ;AACX,YAAA,IAAI,GAAG,QAAQ,CAAC,MAAM,CAAC;YACvB,MAAM;AACR,QAAA,KAAK,SAAS;AACZ,YAAA,IAAI,GAAG,QAAQ,CAAC,OAAO,CAAC;YACxB,MAAM;AACR,QAAA,KAAK,MAAM;AACT,YAAA,IAAI,GAAG,QAAQ,CAAC,IAAI,CAAC;YACrB,MAAM;KAIT;AACD,IAAA,IAAI,CAAC,IAAI;AAAE,QAAA,OAAOA,iBAAK,CAAC;AACxB,IAAA,OAAOA,GAAC,CAAA,oBAAoB,EAAE,EAAA,QAAA,EAAA,IAAI,GAAwB,CAAC;AAC7D,CAAC,EACD;AACF,WAAW,CAAC,WAAW,GAAG,aAAa;;;;"}

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

@@ -0,0 +1,20 @@
+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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sources":["../../../../../src/components/Common/BrowserIcon/styles.ts"],"sourcesContent":[null],"names":[],"mappings":";;;AAGa,MAAA,oBAAoB,GAAG,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,CAAA,CAAA;;;;;;;;;;;;;;;;;"}

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

@@ -0,0 +1,38 @@
+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 || null, 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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/components/Common/Button/index.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":"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"}