@daimo/sdk 1.4.0 → 1.4.2

package/dist/web/components/TokenAmountEntry.js

@@ -0,0 +1,155 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useEffect, useState } from "react";
+import { t } from "../hooks/locale.js";
+import { isDesktop } from "../platform.js";
+import { SwitchArrowsIcon } from "./icons.js";
+import { TokenIconWithChainBadge } from "./shared.js";
+/**
+ * Unified "Enter Amount" card: token icon with chain badge, dual-mode
+ * (USD ↔ native) amount input, FX swap arrow, and min/max/balance footer.
+ * Used by both the wallet deposit flow and the fiat/account deposit flow.
+ */
+export function TokenAmountEntry({ token, minimumUsd, maximumUsd, nativeDisplay, initialMode = "usd", initialAmountUsd, onContinue, onChange, balance, showMax = true, iconLogoURI, iconAlt, badgeLogoURI, badgeAlt, platform, baseUrl, }) {
+    // Swap is meaningless when the token is pegged 1:1 to USD.
+    const isUsdPegged = token.fiatISO === "USD";
+    const initialUsd = initialAmountUsd ?? 0;
+    const initialNative = initialUsd > 0 ? usdToNativeStr(initialUsd, token) : "";
+    const [usdStr, setUsdStr] = useState(initialUsd > 0 ? roundUsd(initialUsd) : "");
+    const [nativeStr, setNativeStr] = useState(initialNative);
+    const [isEditingUsd, setIsEditingUsd] = useState(initialMode === "usd");
+    const amountUsd = parseFloat(usdStr) || 0;
+    const roundedMaxUsd = parseFloat(roundUsd(maximumUsd));
+    const isValid = amountUsd >= minimumUsd && amountUsd <= roundedMaxUsd;
+    const showMinWarning = usdStr !== "" && amountUsd < minimumUsd;
+    const showMaxWarning = usdStr !== "" && amountUsd > roundedMaxUsd;
+    useEffect(() => {
+        onChange?.(amountUsd, isValid);
+    }, [amountUsd, isValid, onChange]);
+    const handleInputChange = (e) => {
+        const value = e.target.value;
+        const maxDecimals = isEditingUsd ? 2 : token.displayDecimals;
+        const regex = new RegExp(`^\\d*\\.?\\d{0,${maxDecimals}}$`);
+        if (value !== "" && !regex.test(value))
+            return;
+        if (isEditingUsd) {
+            const newUsd = parseFloat(value) || 0;
+            setUsdStr(value);
+            setNativeStr(newUsd === 0 ? "" : usdToNativeStr(newUsd, token));
+        }
+        else {
+            const newNative = parseFloat(value) || 0;
+            setNativeStr(value);
+            setUsdStr(newNative === 0 ? "" : nativeToUsdStr(newNative, token));
+        }
+    };
+    const handleKeyDown = (e) => {
+        if (e.key === "Enter" && isValid)
+            onContinue(amountUsd);
+    };
+    const handleMax = () => {
+        const maxUsdStr = roundUsd(maximumUsd);
+        const maxNativeStr = usdToNativeStr(maximumUsd, token);
+        setUsdStr(maxUsdStr);
+        setNativeStr(maxNativeStr);
+    };
+    const handleSwitch = useCallback(() => {
+        const nextEditingUsd = !isEditingUsd;
+        // Re-format the side the user just switched away from, so it reads nicely.
+        if (nextEditingUsd) {
+            const nativeNum = parseFloat(nativeStr) || 0;
+            const formatted = nativeNum > 0
+                ? stripTrailingZeros(roundNative(nativeNum, token))
+                : "";
+            setNativeStr(formatted);
+        }
+        else {
+            const usdNum = parseFloat(usdStr) || 0;
+            setUsdStr(usdNum > 0 ? roundUsd(usdNum) : "");
+        }
+        setIsEditingUsd(nextEditingUsd);
+    }, [isEditingUsd, nativeStr, usdStr, token]);
+    const shouldAutoFocus = isDesktop(platform);
+    const currentValue = isEditingUsd ? usdStr : nativeStr;
+    const inputWidth = currentValue.length === 0
+        ? "3.55ch"
+        : `${Math.min(currentValue.length - (currentValue.match(/\./g) || []).length * 0.55, 10)}ch`;
+    // Side decorations: $ prefix for USD mode; nativeDisplay for native mode.
+    const showPrefix = isEditingUsd || nativeDisplay.kind === "prefix";
+    const prefixText = isEditingUsd ? "$" : nativeDisplay.kind === "prefix" ? nativeDisplay.symbol : "";
+    const showSuffix = !isEditingUsd && nativeDisplay.kind === "suffix";
+    const suffixText = nativeDisplay.kind === "suffix" ? nativeDisplay.symbol : "";
+    const message = buildMessage({
+        showMinWarning,
+        showMaxWarning,
+        minimumUsd,
+        maximumUsd,
+        isEditingUsd,
+        token,
+        nativeDisplay,
+        balance,
+    });
+    const messageColor = showMinWarning || showMaxWarning
+        ? "daimo-text-[var(--daimo-text)]"
+        : "daimo-text-[var(--daimo-text-secondary)]";
+    // Secondary amount for the switch button.
+    const secondaryAmount = isEditingUsd
+        ? formatNative(nativeStr || "0", nativeDisplay)
+        : `$${usdStr || roundUsd(0)}`;
+    return (_jsxs("div", { className: "daimo-flex daimo-flex-col daimo-items-center", children: [_jsx("div", { className: "daimo-mb-3", children: _jsx(TokenIconWithChainBadge, { token: token, symbol: iconAlt, logoURI: iconLogoURI, size: "lg", badgeLogoURI: badgeLogoURI, badgeAlt: badgeAlt, baseUrl: baseUrl }) }), _jsxs("div", { className: "daimo-flex daimo-items-center daimo-justify-center daimo-gap-2", children: [showMax && (_jsx("span", { className: "daimo-invisible daimo-py-[3px] daimo-px-2 daimo-text-sm", children: t.max })), _jsxs("div", { className: "daimo-flex daimo-items-center daimo-justify-center daimo-gap-1", children: [showPrefix && (_jsx("span", { className: `daimo-text-[24px] daimo-font-semibold daimo-tabular-nums ${currentValue ? "daimo-text-[var(--daimo-text)]" : "daimo-text-[var(--daimo-placeholder)]"}`, children: prefixText })), _jsx("input", { type: "text", inputMode: "decimal", value: currentValue, onChange: handleInputChange, onKeyDown: handleKeyDown, placeholder: "0.00", className: "daimo-bg-transparent daimo-font-semibold daimo-text-[var(--daimo-text)] daimo-placeholder-[var(--daimo-placeholder)] daimo-outline-none daimo-border-none daimo-shadow-none daimo-caret-[var(--daimo-text-muted)] daimo-tabular-nums daimo-ring-0 focus:daimo-outline-none focus:daimo-ring-0 focus:daimo-border-none focus:daimo-shadow-none", style: {
+                                    width: inputWidth,
+                                    minWidth: "1ch",
+                                    maxWidth: "10ch",
+                                    fontSize: "clamp(16px, 30px, 30px)",
+                                }, autoFocus: shouldAutoFocus }), showSuffix && (_jsx("span", { className: "daimo-text-base daimo-font-normal daimo-text-[var(--daimo-text-muted)]", children: suffixText }))] }), showMax && (_jsx("button", { onClick: handleMax, className: "daimo-py-[3px] daimo-px-2 daimo-text-sm daimo-font-normal daimo-rounded-full daimo-bg-[var(--daimo-surface-secondary)] daimo-text-[var(--daimo-text-secondary)] hover:[@media(hover:hover)]:daimo-bg-[var(--daimo-surface-hover)] daimo-touch-action-manipulation daimo-transition-[background-color] daimo-duration-100 daimo-ease", children: t.max }))] }), !isUsdPegged && (_jsx(SwitchButton, { onClick: handleSwitch, secondaryAmount: secondaryAmount, isEditingUsd: isEditingUsd })), _jsx("p", { className: `${messageColor} daimo-text-base daimo-font-normal daimo-leading-[21px] daimo-tabular-nums daimo-mb-6`, children: message })] }));
+}
+// --- Helpers ---
+function usdToNativeStr(usd, token) {
+    if (usd === 0)
+        return "";
+    return roundNative(usd / token.usd, token);
+}
+function nativeToUsdStr(native, token) {
+    if (native === 0)
+        return "";
+    return roundUsd(native * token.usd);
+}
+function roundUsd(usd) {
+    return usd.toFixed(2);
+}
+function roundNative(amount, token) {
+    if (amount === 0)
+        return "0";
+    return amount.toFixed(token.displayDecimals);
+}
+function stripTrailingZeros(val) {
+    return val.includes(".") ? val.replace(/\.?0+$/, "") : val;
+}
+function formatNative(value, display) {
+    return display.kind === "prefix"
+        ? `${display.symbol}${value}`
+        : `${value} ${display.symbol}`;
+}
+function buildMessage(args) {
+    const { showMinWarning, showMaxWarning, minimumUsd, maximumUsd, isEditingUsd, token, nativeDisplay, balance } = args;
+    const fmt = (usd) => isEditingUsd
+        ? `$${roundUsd(usd)}`
+        : formatNative(usdToNativeStr(usd, token), nativeDisplay);
+    if (showMaxWarning)
+        return `${t.maximum} ${fmt(maximumUsd)}`;
+    if (showMinWarning)
+        return `${t.minimum} ${fmt(minimumUsd)}`;
+    if (balance) {
+        if (isEditingUsd) {
+            const isUsdPegged = token.fiatISO === "USD";
+            return isUsdPegged
+                ? `${t.balance} $${roundUsd(balance.usd)}`
+                : `${t.balance} $${roundUsd(balance.usd)} ${token.symbol}`;
+        }
+        return `${t.balance} ${formatNative(roundNative(balance.nativeAmountUnits, token), nativeDisplay)}`;
+    }
+    return `${t.minimum} ${fmt(minimumUsd)}`;
+}
+function SwitchButton({ onClick, secondaryAmount, isEditingUsd, }) {
+    return (_jsxs("button", { onClick: onClick, className: "daimo-flex daimo-items-center daimo-gap-1 daimo-py-3 daimo-px-4 hover:[@media(hover:hover)]:daimo-opacity-70 active:daimo-opacity-50 daimo-touch-action-manipulation daimo-transition-opacity daimo-duration-150 daimo-ease", children: [_jsx(SwitchArrowsIcon, { flipY: !isEditingUsd, animated: true }), _jsx("span", { className: "daimo-text-base daimo-font-normal daimo-leading-[21px] daimo-text-[var(--daimo-text-secondary)] daimo-tabular-nums", children: secondaryAmount })] }));
+}
+//# sourceMappingURL=TokenAmountEntry.js.map

package/dist/web/components/TokenAmountEntry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TokenAmountEntry.js","sourceRoot":"","sources":["../../../src/web/components/TokenAmountEntry.tsx"],"names":[],"mappings":"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"}

package/dist/web/components/WalletAmountPage.d.ts

@@ -1,5 +1,5 @@
 import type { WalletPaymentOption } from "../api/walletTypes.js";
-import { type DaimoPlatform } from "../platform.js";
+import type { DaimoPlatform } from "../platform.js";
 type WalletAmountPageProps = {
     token: WalletPaymentOption;
     platform: DaimoPlatform;
@@ -7,7 +7,7 @@ type WalletAmountPageProps = {
     onContinue: (amountUsd: number) => void;
     baseUrl: string;
 };
-/** Amount entry page for wallet payment flow */
+/** Amount entry page for wallet payment flow. */
 export declare function WalletAmountPage({ token, platform, onBack, onContinue, baseUrl, }: WalletAmountPageProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=WalletAmountPage.d.ts.map

package/dist/web/components/WalletAmountPage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WalletAmountPage.d.ts","sourceRoot":"","sources":["../../../src/web/components/WalletAmountPage.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAiB,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAGhF,OAAO,EAAa,KAAK,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAI/D,KAAK,qBAAqB,GAAG;IAC3B,KAAK,EAAE,mBAAmB,CAAC;IAC3B,QAAQ,EAAE,aAAa,CAAC;IACxB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,UAAU,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,OAAO,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,gDAAgD;AAChD,wBAAgB,gBAAgB,CAAC,EAC/B,KAAK,EACL,QAAQ,EACR,MAAM,EACN,UAAU,EACV,OAAO,GACR,EAAE,qBAAqB,2CA8OvB"}
+{"version":3,"file":"WalletAmountPage.d.ts","sourceRoot":"","sources":["../../../src/web/components/WalletAmountPage.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAEjE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAKpD,KAAK,qBAAqB,GAAG;IAC3B,KAAK,EAAE,mBAAmB,CAAC;IAC3B,QAAQ,EAAE,aAAa,CAAC;IACxB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,UAAU,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,OAAO,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,iDAAiD;AACjD,wBAAgB,gBAAgB,CAAC,EAC/B,KAAK,EACL,QAAQ,EACR,MAAM,EACN,UAAU,EACV,OAAO,GACR,EAAE,qBAAqB,2CAyCvB"}

package/dist/web/components/WalletAmountPage.js

@@ -2,156 +2,21 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useCallback, useState } from "react";
 import { formatUnits } from "viem";
 import { t } from "../hooks/locale.js";
-import { isDesktop } from "../platform.js";
 import { PrimaryButton } from "./buttons.js";
-import { PageHeader, TokenIconWithChainBadge } from "./shared.js";
-/** Amount entry page for wallet payment flow */
+import { PageHeader } from "./shared.js";
+import { TokenAmountEntry } from "./TokenAmountEntry.js";
+/** Amount entry page for wallet payment flow. */
 export function WalletAmountPage({ token, platform, onBack, onContinue, baseUrl, }) {
     const balanceToken = token.balance.token;
     const minimumUsd = token.minimumRequired.usd;
     const maximumUsd = Math.min(token.balance.usd, balanceToken.maxAcceptUsd);
-    // Check if this is a USD stablecoin (fiatISO is set on base Token type)
-    const isUsdStablecoin = balanceToken.fiatISO === "USD";
-    // Input state
-    const [usdStr, setUsdStr] = useState("");
-    const [tokenStr, setTokenStr] = useState("");
-    const [isEditingUsd, setIsEditingUsd] = useState(true);
-    // Derived values - use rounded max for comparison to avoid floating point issues
-    const amountUsd = parseFloat(usdStr) || 0;
-    const roundedMaxUsd = parseFloat(roundUsd(maximumUsd));
-    const isValid = amountUsd >= minimumUsd && amountUsd <= roundedMaxUsd;
-    const showMinWarning = usdStr !== "" && amountUsd < minimumUsd;
-    const showMaxWarning = usdStr !== "" && amountUsd > roundedMaxUsd;
-    // Convert between USD and token amounts using token.usd (price of 1 token in USD)
-    const usdToTokenStr = useCallback((usd) => {
-        if (usd === 0)
-            return "";
-        // usd / token.usd = how many tokens for that USD amount
-        const tokenAmount = usd / balanceToken.usd;
-        return roundTokenAmountUnits(tokenAmount, balanceToken);
-    }, [balanceToken]);
-    const tokenToUsdStr = useCallback((tokenAmountUnits) => {
-        if (tokenAmountUnits === 0)
-            return "";
-        // tokenAmount * token.usd = USD value
-        const usd = tokenAmountUnits * balanceToken.usd;
-        return roundUsd(usd);
-    }, [balanceToken]);
-    // Update values when input changes
-    const updateValues = useCallback((newUsdStr, newTokenStr, editingUsd) => {
-        // When switching modes, format the non-edited value nicely
-        if (editingUsd) {
-            const tokenNum = parseFloat(newTokenStr) || 0;
-            const formattedToken = tokenNum > 0
-                ? stripTrailingZeros(roundTokenAmountUnits(tokenNum, balanceToken))
-                : "";
-            setUsdStr(newUsdStr);
-            setTokenStr(formattedToken);
-        }
-        else {
-            const usdNum = parseFloat(newUsdStr) || 0;
-            const formattedUsd = usdNum > 0 ? roundUsd(usdNum) : "";
-            setUsdStr(formattedUsd);
-            setTokenStr(newTokenStr);
-        }
-        setIsEditingUsd(editingUsd);
-    }, [balanceToken]);
-    const handleInputChange = (e) => {
-        const value = e.target.value;
-        // Allow empty, or digits with up to appropriate decimal places
-        const maxDecimals = isEditingUsd ? 2 : balanceToken.displayDecimals;
-        const regex = new RegExp(`^\\d*\\.?\\d{0,${maxDecimals}}$`);
-        if (value !== "" && !regex.test(value))
-            return;
-        if (isEditingUsd) {
-            const newUsd = parseFloat(value) || 0;
-            setUsdStr(value);
-            setTokenStr(usdToTokenStr(newUsd));
-        }
-        else {
-            const newToken = parseFloat(value) || 0;
-            setTokenStr(value);
-            setUsdStr(tokenToUsdStr(newToken));
-        }
-    };
-    const handleKeyDown = (e) => {
-        if (e.key === "Enter" && isValid) {
-            onContinue(amountUsd);
-        }
-    };
-    const handleMax = () => {
-        const balanceTokenUnits = Number(formatUnits(BigInt(token.balance.amount), balanceToken.decimals));
-        const cappedByLiquidity = balanceToken.maxAcceptUsd < token.balance.usd;
-        const maxTokenAmountUnits = cappedByLiquidity
-            ? maximumUsd / balanceToken.usd
-            : balanceTokenUnits;
-        const maxUsdStr = roundUsd(maximumUsd);
-        const maxTokenStr = roundTokenAmountUnits(maxTokenAmountUnits, balanceToken);
-        setUsdStr(maxUsdStr);
-        setTokenStr(maxTokenStr);
-    };
-    const handleSwitchCurrency = () => {
-        updateValues(usdStr, tokenStr, !isEditingUsd);
-    };
-    const shouldAutoFocus = isDesktop(platform);
-    // Dynamic input width
-    const currentValue = isEditingUsd ? usdStr : tokenStr;
-    const inputWidth = currentValue.length === 0
-        ? "3.55ch"
-        : `${Math.min(currentValue.length - (currentValue.match(/\./g) || []).length * 0.55, 10)}ch`;
-    // Balance/warning message
-    const maxTokenAmountUnits = Number(formatUnits(BigInt(token.balance.amount), balanceToken.decimals));
-    const balanceUsd = token.balance.usd;
-    const getBalanceMessage = () => {
-        if (isEditingUsd) {
-            return isUsdStablecoin
-                ? `${t.balance} $${roundUsd(balanceUsd)}`
-                : `${t.balance} $${roundUsd(balanceUsd)} ${balanceToken.symbol}`;
-        }
-        return `${t.balance} ${roundTokenAmountUnits(maxTokenAmountUnits, balanceToken)} ${balanceToken.symbol}`;
-    };
-    const getMessage = () => {
-        const formatAmount = (usd) => isEditingUsd
-            ? `$${roundUsd(usd)}`
-            : `${usdToTokenStr(usd)} ${balanceToken.symbol}`;
-        if (showMaxWarning)
-            return `${t.maximum} ${formatAmount(maximumUsd)}`;
-        if (showMinWarning)
-            return `${t.minimum} ${formatAmount(minimumUsd)}`;
-        return getBalanceMessage();
-    };
-    const messageColor = showMinWarning || showMaxWarning
-        ? "daimo-text-[var(--daimo-text)]"
-        : "daimo-text-[var(--daimo-text-secondary)]";
-    // Secondary amount for switch button
-    const secondaryAmount = isEditingUsd
-        ? `${tokenStr || "0"} ${balanceToken.symbol}`
-        : `$${usdStr || roundUsd(0)}`;
-    return (_jsxs("div", { className: "daimo-flex daimo-flex-col daimo-flex-1 daimo-min-h-0", children: [_jsx(PageHeader, { title: t.enterAmount, onBack: onBack }), _jsxs("div", { className: "daimo-flex-1 daimo-flex daimo-flex-col daimo-items-center daimo-justify-center daimo-p-6", children: [_jsx("div", { className: "daimo-mb-3", children: _jsx(TokenIconWithChainBadge, { token: balanceToken, size: "lg", baseUrl: baseUrl }) }), _jsxs("div", { className: "daimo-flex daimo-items-center daimo-justify-center daimo-gap-2", children: [_jsx("span", { className: "daimo-invisible daimo-py-[3px] daimo-px-2 daimo-text-sm", children: t.max }), _jsxs("div", { className: "daimo-flex daimo-items-center daimo-justify-center daimo-gap-1", children: [isEditingUsd && (_jsx("span", { className: `daimo-text-[24px] daimo-font-semibold daimo-tabular-nums ${usdStr ? "daimo-text-[var(--daimo-text)]" : "daimo-text-[var(--daimo-placeholder)]"}`, children: "$" })), _jsx("input", { type: "text", inputMode: "decimal", value: currentValue, onChange: handleInputChange, onKeyDown: handleKeyDown, placeholder: "0.00", className: "daimo-bg-transparent daimo-font-semibold daimo-text-[var(--daimo-text)] daimo-placeholder-[var(--daimo-placeholder)] daimo-outline-none daimo-border-none daimo-shadow-none daimo-caret-[var(--daimo-text-muted)] daimo-tabular-nums daimo-ring-0 focus:daimo-outline-none focus:daimo-ring-0 focus:daimo-border-none focus:daimo-shadow-none", style: {
-                                            width: inputWidth,
-                                            minWidth: "1ch",
-                                            maxWidth: "10ch",
-                                            fontSize: "clamp(16px, 30px, 30px)", // 30px with 16px min to prevent iOS zoom
-                                        }, autoFocus: shouldAutoFocus }), !isEditingUsd && (_jsx("span", { className: "daimo-text-base daimo-font-normal daimo-text-[var(--daimo-text-muted)]", children: balanceToken.symbol }))] }), _jsx("button", { onClick: handleMax, className: "daimo-py-[3px] daimo-px-2 daimo-text-sm daimo-font-normal daimo-rounded-full daimo-bg-[var(--daimo-surface-secondary)] daimo-text-[var(--daimo-text-secondary)] hover:[@media(hover:hover)]:daimo-bg-[var(--daimo-surface-hover)] daimo-touch-action-manipulation daimo-transition-[background-color] daimo-duration-100 daimo-ease", children: t.max })] }), !isUsdStablecoin && (_jsx("div", { children: _jsx(SwitchButton, { onClick: handleSwitchCurrency, secondaryAmount: secondaryAmount, isEditingUsd: isEditingUsd }) })), _jsx("p", { className: `${messageColor} daimo-text-base daimo-font-normal daimo-leading-[21px] daimo-tabular-nums daimo-mb-6`, children: getMessage() }), _jsx(PrimaryButton, { onClick: () => isValid && onContinue(amountUsd), disabled: !isValid, className: "daimo-max-w-none", children: t.continue })] })] }));
-}
-// --- Helpers ---
-const USD_DECIMALS = 2;
-function roundUsd(usd) {
-    return usd.toFixed(USD_DECIMALS);
-}
-function roundTokenAmountUnits(amountUnits, token) {
-    if (amountUnits === 0)
-        return "0";
-    const decimals = token.displayDecimals;
-    return amountUnits.toFixed(decimals);
-}
-function stripTrailingZeros(val) {
-    return val.includes(".") ? val.replace(/\.?0+$/, "") : val;
-}
-function SwitchButton({ onClick, secondaryAmount, isEditingUsd, }) {
-    return (_jsxs("button", { onClick: onClick, className: "daimo-flex daimo-items-center daimo-gap-1 daimo-py-3 daimo-px-4 hover:[@media(hover:hover)]:daimo-opacity-70 active:daimo-opacity-50 daimo-touch-action-manipulation daimo-transition-opacity daimo-duration-150 daimo-ease", children: [_jsx("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", className: "daimo-text-[var(--daimo-text-muted)]", style: {
-                    transform: isEditingUsd ? "scaleY(1)" : "scaleY(-1)",
-                    transition: "transform 0.2s ease-in-out",
-                }, children: _jsx("path", { d: "M3 7.5 7.5 3m0 0L12 7.5M7.5 3v13.5m13.5 0L16.5 21m0 0L12 16.5m4.5 4.5V7.5", stroke: "currentColor", strokeWidth: "1.75", strokeLinecap: "round", strokeLinejoin: "round" }) }), _jsx("span", { className: "daimo-text-base daimo-font-normal daimo-leading-[21px] daimo-text-[var(--daimo-text-secondary)] daimo-tabular-nums", children: secondaryAmount })] }));
+    const balanceNativeUnits = Number(formatUnits(BigInt(token.balance.amount), balanceToken.decimals));
+    const [amountUsd, setAmountUsd] = useState(0);
+    const [isValid, setIsValid] = useState(false);
+    const handleChange = useCallback((usd, valid) => {
+        setAmountUsd(usd);
+        setIsValid(valid);
+    }, []);
+    return (_jsxs("div", { className: "daimo-flex daimo-flex-col daimo-flex-1 daimo-min-h-0", children: [_jsx(PageHeader, { title: t.enterAmount, onBack: onBack }), _jsxs("div", { className: "daimo-flex-1 daimo-flex daimo-flex-col daimo-items-center daimo-justify-center daimo-p-6", children: [_jsx(TokenAmountEntry, { token: balanceToken, minimumUsd: minimumUsd, maximumUsd: maximumUsd, nativeDisplay: { kind: "suffix", symbol: balanceToken.symbol }, initialMode: "usd", onContinue: onContinue, onChange: handleChange, balance: { usd: token.balance.usd, nativeAmountUnits: balanceNativeUnits }, platform: platform, baseUrl: baseUrl }), _jsx(PrimaryButton, { onClick: () => isValid && onContinue(amountUsd), disabled: !isValid, className: "daimo-max-w-none", children: t.continue })] })] }));
 }
 //# sourceMappingURL=WalletAmountPage.js.map

package/dist/web/components/WalletAmountPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"WalletAmountPage.js","sourceRoot":"","sources":["../../../src/web/components/WalletAmountPage.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC9C,OAAO,EAAE,WAAW,EAAE,MAAM,MAAM,CAAC;AAGnC,OAAO,EAAE,CAAC,EAAE,MAAM,oBAAoB,CAAC;AACvC,OAAO,EAAE,SAAS,EAAsB,MAAM,gBAAgB,CAAC;AAC/D,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAC7C,OAAO,EAAE,UAAU,EAAE,uBAAuB,EAAE,MAAM,aAAa,CAAC;AAUlE,gDAAgD;AAChD,MAAM,UAAU,gBAAgB,CAAC,EAC/B,KAAK,EACL,QAAQ,EACR,MAAM,EACN,UAAU,EACV,OAAO,GACe;IACtB,MAAM,YAAY,GAAG,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC;IACzC,MAAM,UAAU,GAAG,KAAK,CAAC,eAAe,CAAC,GAAG,CAAC;IAC7C,MAAM,UAAU,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,YAAY,CAAC,YAAY,CAAC,CAAC;IAE1E,wEAAwE;IACxE,MAAM,eAAe,GAAG,YAAY,CAAC,OAAO,KAAK,KAAK,CAAC;IAEvD,cAAc;IACd,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IACzC,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IAC7C,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IAEvD,iFAAiF;IACjF,MAAM,SAAS,GAAG,UAAU,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IAC1C,MAAM,aAAa,GAAG,UAAU,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAC,CAAC;IACvD,MAAM,OAAO,GAAG,SAAS,IAAI,UAAU,IAAI,SAAS,IAAI,aAAa,CAAC;IACtE,MAAM,cAAc,GAAG,MAAM,KAAK,EAAE,IAAI,SAAS,GAAG,UAAU,CAAC;IAC/D,MAAM,cAAc,GAAG,MAAM,KAAK,EAAE,IAAI,SAAS,GAAG,aAAa,CAAC;IAElE,kFAAkF;IAClF,MAAM,aAAa,GAAG,WAAW,CAC/B,CAAC,GAAW,EAAU,EAAE;QACtB,IAAI,GAAG,KAAK,CAAC;YAAE,OAAO,EAAE,CAAC;QACzB,wDAAwD;QACxD,MAAM,WAAW,GAAG,GAAG,GAAG,YAAY,CAAC,GAAG,CAAC;QAC3C,OAAO,qBAAqB,CAAC,WAAW,EAAE,YAAY,CAAC,CAAC;IAC1D,CAAC,EACD,CAAC,YAAY,CAAC,CACf,CAAC;IAEF,MAAM,aAAa,GAAG,WAAW,CAC/B,CAAC,gBAAwB,EAAU,EAAE;QACnC,IAAI,gBAAgB,KAAK,CAAC;YAAE,OAAO,EAAE,CAAC;QACtC,sCAAsC;QACtC,MAAM,GAAG,GAAG,gBAAgB,GAAG,YAAY,CAAC,GAAG,CAAC;QAChD,OAAO,QAAQ,CAAC,GAAG,CAAC,CAAC;IACvB,CAAC,EACD,CAAC,YAAY,CAAC,CACf,CAAC;IAEF,mCAAmC;IACnC,MAAM,YAAY,GAAG,WAAW,CAC9B,CAAC,SAAiB,EAAE,WAAmB,EAAE,UAAmB,EAAE,EAAE;QAC9D,2DAA2D;QAC3D,IAAI,UAAU,EAAE,CAAC;YACf,MAAM,QAAQ,GAAG,UAAU,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;YAC9C,MAAM,cAAc,GAClB,QAAQ,GAAG,CAAC;gBACV,CAAC,CAAC,kBAAkB,CAAC,qBAAqB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;gBACnE,CAAC,CAAC,EAAE,CAAC;YACT,SAAS,CAAC,SAAS,CAAC,CAAC;YACrB,WAAW,CAAC,cAAc,CAAC,CAAC;QAC9B,CAAC;aAAM,CAAC;YACN,MAAM,MAAM,GAAG,UAAU,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC;YAC1C,MAAM,YAAY,GAAG,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;YACxD,SAAS,CAAC,YAAY,CAAC,CAAC;YACxB,WAAW,CAAC,WAAW,CAAC,CAAC;QAC3B,CAAC;QACD,eAAe,CAAC,UAAU,CAAC,CAAC;IAC9B,CAAC,EACD,CAAC,YAAY,CAAC,CACf,CAAC;IAEF,MAAM,iBAAiB,GAAG,CAAC,CAAsC,EAAE,EAAE;QACnE,MAAM,KAAK,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC;QAC7B,+DAA+D;QAC/D,MAAM,WAAW,GAAG,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,eAAe,CAAC;QACpE,MAAM,KAAK,GAAG,IAAI,MAAM,CAAC,kBAAkB,WAAW,IAAI,CAAC,CAAC;QAC5D,IAAI,KAAK,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC;YAAE,OAAO;QAE/C,IAAI,YAAY,EAAE,CAAC;YACjB,MAAM,MAAM,GAAG,UAAU,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;YACtC,SAAS,CAAC,KAAK,CAAC,CAAC;YACjB,WAAW,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC,CAAC;QACrC,CAAC;aAAM,CAAC;YACN,MAAM,QAAQ,GAAG,UAAU,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;YACxC,WAAW,CAAC,KAAK,CAAC,CAAC;YACnB,SAAS,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC,CAAC;QACrC,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,aAAa,GAAG,CAAC,CAAwC,EAAE,EAAE;QACjE,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,IAAI,OAAO,EAAE,CAAC;YACjC,UAAU,CAAC,SAAS,CAAC,CAAC;QACxB,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,SAAS,GAAG,GAAG,EAAE;QACrB,MAAM,iBAAiB,GAAG,MAAM,CAC9B,WAAW,CAAC,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE,YAAY,CAAC,QAAQ,CAAC,CACjE,CAAC;QACF,MAAM,iBAAiB,GAAG,YAAY,CAAC,YAAY,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC;QACxE,MAAM,mBAAmB,GAAG,iBAAiB;YAC3C,CAAC,CAAC,UAAU,GAAG,YAAY,CAAC,GAAG;YAC/B,CAAC,CAAC,iBAAiB,CAAC;QACtB,MAAM,SAAS,GAAG,QAAQ,CAAC,UAAU,CAAC,CAAC;QACvC,MAAM,WAAW,GAAG,qBAAqB,CACvC,mBAAmB,EACnB,YAAY,CACb,CAAC;QACF,SAAS,CAAC,SAAS,CAAC,CAAC;QACrB,WAAW,CAAC,WAAW,CAAC,CAAC;IAC3B,CAAC,CAAC;IAEF,MAAM,oBAAoB,GAAG,GAAG,EAAE;QAChC,YAAY,CAAC,MAAM,EAAE,QAAQ,EAAE,CAAC,YAAY,CAAC,CAAC;IAChD,CAAC,CAAC;IAEF,MAAM,eAAe,GAAG,SAAS,CAAC,QAAQ,CAAC,CAAC;IAE5C,sBAAsB;IACtB,MAAM,YAAY,GAAG,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC;IACtD,MAAM,UAAU,GACd,YAAY,CAAC,MAAM,KAAK,CAAC;QACvB,CAAC,CAAC,QAAQ;QACV,CAAC,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,YAAY,CAAC,MAAM,GAAG,CAAC,YAAY,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC,CAAC,MAAM,GAAG,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC;IAEjG,0BAA0B;IAC1B,MAAM,mBAAmB,GAAG,MAAM,CAChC,WAAW,CAAC,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE,YAAY,CAAC,QAAQ,CAAC,CACjE,CAAC;IAEF,MAAM,UAAU,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC;IAErC,MAAM,iBAAiB,GAAG,GAAG,EAAE;QAC7B,IAAI,YAAY,EAAE,CAAC;YACjB,OAAO,eAAe;gBACpB,CAAC,CAAC,GAAG,CAAC,CAAC,OAAO,KAAK,QAAQ,CAAC,UAAU,CAAC,EAAE;gBACzC,CAAC,CAAC,GAAG,CAAC,CAAC,OAAO,KAAK,QAAQ,CAAC,UAAU,CAAC,IAAI,YAAY,CAAC,MAAM,EAAE,CAAC;QACrE,CAAC;QACD,OAAO,GAAG,CAAC,CAAC,OAAO,IAAI,qBAAqB,CAAC,mBAAmB,EAAE,YAAY,CAAC,IAAI,YAAY,CAAC,MAAM,EAAE,CAAC;IAC3G,CAAC,CAAC;IAEF,MAAM,UAAU,GAAG,GAAG,EAAE;QACtB,MAAM,YAAY,GAAG,CAAC,GAAW,EAAE,EAAE,CACnC,YAAY;YACV,CAAC,CAAC,IAAI,QAAQ,CAAC,GAAG,CAAC,EAAE;YACrB,CAAC,CAAC,GAAG,aAAa,CAAC,GAAG,CAAC,IAAI,YAAY,CAAC,MAAM,EAAE,CAAC;QAErD,IAAI,cAAc;YAAE,OAAO,GAAG,CAAC,CAAC,OAAO,IAAI,YAAY,CAAC,UAAU,CAAC,EAAE,CAAC;QACtE,IAAI,cAAc;YAAE,OAAO,GAAG,CAAC,CAAC,OAAO,IAAI,YAAY,CAAC,UAAU,CAAC,EAAE,CAAC;QACtE,OAAO,iBAAiB,EAAE,CAAC;IAC7B,CAAC,CAAC;IAEF,MAAM,YAAY,GAChB,cAAc,IAAI,cAAc;QAC9B,CAAC,CAAC,gCAAgC;QAClC,CAAC,CAAC,0CAA0C,CAAC;IAEjD,qCAAqC;IACrC,MAAM,eAAe,GAAG,YAAY;QAClC,CAAC,CAAC,GAAG,QAAQ,IAAI,GAAG,IAAI,YAAY,CAAC,MAAM,EAAE;QAC7C,CAAC,CAAC,IAAI,MAAM,IAAI,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC;IAEhC,OAAO,CACL,eAAK,SAAS,EAAC,sDAAsD,aACnE,KAAC,UAAU,IAAC,KAAK,EAAE,CAAC,CAAC,WAAW,EAAE,MAAM,EAAE,MAAM,GAAI,EACpD,eAAK,SAAS,EAAC,0FAA0F,aAEvG,cAAK,SAAS,EAAC,YAAY,YACzB,KAAC,uBAAuB,IAAC,KAAK,EAAE,YAAY,EAAE,IAAI,EAAC,IAAI,EAAC,OAAO,EAAE,OAAO,GAAI,GACxE,EAGN,eAAK,SAAS,EAAC,gEAAgE,aAE7E,eAAM,SAAS,EAAC,yDAAyD,YAAE,CAAC,CAAC,GAAG,GAAQ,EAExF,eAAK,SAAS,EAAC,gEAAgE,aAC5E,YAAY,IAAI,CACf,eACE,SAAS,EAAE,4DAA4D,MAAM,CAAC,CAAC,CAAC,gCAAgC,CAAC,CAAC,CAAC,uCAAuC,EAAE,kBAGvJ,CACR,EAED,gBACE,IAAI,EAAC,MAAM,EACX,SAAS,EAAC,SAAS,EACnB,KAAK,EAAE,YAAY,EACnB,QAAQ,EAAE,iBAAiB,EAC3B,SAAS,EAAE,aAAa,EACxB,WAAW,EAAC,MAAM,EAClB,SAAS,EAAC,+UAA+U,EACzV,KAAK,EAAE;4CACL,KAAK,EAAE,UAAU;4CACjB,QAAQ,EAAE,KAAK;4CACf,QAAQ,EAAE,MAAM;4CAChB,QAAQ,EAAE,yBAAyB,EAAE,yCAAyC;yCAC/E,EACD,SAAS,EAAE,eAAe,GAC1B,EACD,CAAC,YAAY,IAAI,CAChB,eAAM,SAAS,EAAC,wEAAwE,YACrF,YAAY,CAAC,MAAM,GACf,CACR,IACG,EAGN,iBACE,OAAO,EAAE,SAAS,EAClB,SAAS,EAAC,qUAAqU,YAE9U,CAAC,CAAC,GAAG,GACC,IACL,EAGL,CAAC,eAAe,IAAI,CACnB,wBACE,KAAC,YAAY,IACX,OAAO,EAAE,oBAAoB,EAC7B,eAAe,EAAE,eAAe,EAChC,YAAY,EAAE,YAAY,GAC1B,GACE,CACP,EAGD,YACE,SAAS,EAAE,GAAG,YAAY,uFAAuF,YAEhH,UAAU,EAAE,GACX,EAEJ,KAAC,aAAa,IACZ,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,IAAI,UAAU,CAAC,SAAS,CAAC,EAC/C,QAAQ,EAAE,CAAC,OAAO,EAClB,SAAS,EAAC,kBAAkB,YAE3B,CAAC,CAAC,QAAQ,GACG,IACZ,IACF,CACP,CAAC;AACJ,CAAC;AAED,kBAAkB;AAElB,MAAM,YAAY,GAAG,CAAC,CAAC;AAEvB,SAAS,QAAQ,CAAC,GAAW;IAC3B,OAAO,GAAG,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC;AACnC,CAAC;AAED,SAAS,qBAAqB,CAC5B,WAAmB,EACnB,KAAoB;IAEpB,IAAI,WAAW,KAAK,CAAC;QAAE,OAAO,GAAG,CAAC;IAClC,MAAM,QAAQ,GAAG,KAAK,CAAC,eAAe,CAAC;IACvC,OAAO,WAAW,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;AACvC,CAAC;AAED,SAAS,kBAAkB,CAAC,GAAW;IACrC,OAAO,GAAG,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,OAAO,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC;AAC7D,CAAC;AAED,SAAS,YAAY,CAAC,EACpB,OAAO,EACP,eAAe,EACf,YAAY,GAKb;IACC,OAAO,CACL,kBACE,OAAO,EAAE,OAAO,EAChB,SAAS,EAAC,6NAA6N,aAEvO,cACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,SAAS,EAAC,sCAAsC,EAChD,KAAK,EAAE;oBACL,SAAS,EAAE,YAAY,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,YAAY;oBACpD,UAAU,EAAE,4BAA4B;iBACzC,YAED,eACE,CAAC,EAAC,2EAA2E,EAC7E,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,MAAM,EAClB,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,GACtB,GACE,EACN,eAAM,SAAS,EAAC,oHAAoH,YACjI,eAAe,GACX,IACA,CACV,CAAC;AACJ,CAAC"}
+{"version":3,"file":"WalletAmountPage.js","sourceRoot":"","sources":["../../../src/web/components/WalletAmountPage.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC9C,OAAO,EAAE,WAAW,EAAE,MAAM,MAAM,CAAC;AAGnC,OAAO,EAAE,CAAC,EAAE,MAAM,oBAAoB,CAAC;AAEvC,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAC7C,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AACzC,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAUzD,iDAAiD;AACjD,MAAM,UAAU,gBAAgB,CAAC,EAC/B,KAAK,EACL,QAAQ,EACR,MAAM,EACN,UAAU,EACV,OAAO,GACe;IACtB,MAAM,YAAY,GAAG,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC;IACzC,MAAM,UAAU,GAAG,KAAK,CAAC,eAAe,CAAC,GAAG,CAAC;IAC7C,MAAM,UAAU,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,YAAY,CAAC,YAAY,CAAC,CAAC;IAC1E,MAAM,kBAAkB,GAAG,MAAM,CAC/B,WAAW,CAAC,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE,YAAY,CAAC,QAAQ,CAAC,CACjE,CAAC;IAEF,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;IAC9C,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC9C,MAAM,YAAY,GAAG,WAAW,CAAC,CAAC,GAAW,EAAE,KAAc,EAAE,EAAE;QAC/D,YAAY,CAAC,GAAG,CAAC,CAAC;QAClB,UAAU,CAAC,KAAK,CAAC,CAAC;IACpB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,eAAK,SAAS,EAAC,sDAAsD,aACnE,KAAC,UAAU,IAAC,KAAK,EAAE,CAAC,CAAC,WAAW,EAAE,MAAM,EAAE,MAAM,GAAI,EACpD,eAAK,SAAS,EAAC,0FAA0F,aACvG,KAAC,gBAAgB,IACf,KAAK,EAAE,YAAY,EACnB,UAAU,EAAE,UAAU,EACtB,UAAU,EAAE,UAAU,EACtB,aAAa,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,EAAE,YAAY,CAAC,MAAM,EAAE,EAC9D,WAAW,EAAC,KAAK,EACjB,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,YAAY,EACtB,OAAO,EAAE,EAAE,GAAG,EAAE,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,EAC1E,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,GAChB,EACF,KAAC,aAAa,IACZ,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,IAAI,UAAU,CAAC,SAAS,CAAC,EAC/C,QAAQ,EAAE,CAAC,OAAO,EAClB,SAAS,EAAC,kBAAkB,YAE3B,CAAC,CAAC,QAAQ,GACG,IACZ,IACF,CACP,CAAC;AACJ,CAAC"}

package/dist/web/components/account/AccountApplePayPage.d.ts

@@ -0,0 +1,24 @@
+import type { AccountRail } from "../../../common/account.js";
+type AccountApplePayPageProps = {
+    rail: AccountRail;
+    sessionId: string;
+    clientSecret: string;
+    actionVerb: string;
+    initialAmount?: string;
+    onBack: () => void;
+    onAdvance: () => void;
+};
+/**
+ * Coinbase Headless payment page — amount entry + Apple Pay in a single
+ * screen. Amount edits keep the backend preview + signatures up to date.
+ * Coinbase webhooks drive the deposit lifecycle; iframe events only affect
+ * the widget layout.
+ *
+ * **Iframing + CSP**: pay.coinbase.com serves a `frame-ancestors` CSP
+ * header that only allows specific allowlisted domains. In sandbox we append
+ * `useApplePaySandbox=true`, but Coinbase may still require the current host
+ * to be allowlisted for the iframe to load.
+ */
+export declare function AccountApplePayPage({ rail, sessionId, clientSecret, actionVerb, initialAmount, onBack, onAdvance, }: AccountApplePayPageProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=AccountApplePayPage.d.ts.map

package/dist/web/components/account/AccountApplePayPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccountApplePayPage.d.ts","sourceRoot":"","sources":["../../../../src/web/components/account/AccountApplePayPage.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,WAAW,EAGZ,MAAM,4BAA4B,CAAC;AAYpC,KAAK,wBAAwB,GAAG;IAC9B,IAAI,EAAE,WAAW,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,SAAS,EAAE,MAAM,IAAI,CAAC;CACvB,CAAC;AAWF;;;;;;;;;;GAUG;AACH,wBAAgB,mBAAmB,CAAC,EAClC,IAAI,EACJ,SAAS,EACT,YAAY,EACZ,UAAU,EACV,aAAa,EACb,MAAM,EACN,SAAS,GACV,EAAE,wBAAwB,2CA8V1B"}