@daimo/sdk 1.0.1 → 1.0.2

package/dist/web/WaitingDepositAddressPage.d.ts

@@ -0,0 +1,14 @@
+import { NavNodeDepositAddress } from "../common/legacy/session.js";
+type DepositToken = "USDC" | "USDT";
+type WaitingDepositAddressPageProps = {
+    node: NavNodeDepositAddress;
+    amountUsd: number;
+    selectedToken?: DepositToken;
+    sessionId: string;
+    loading?: boolean;
+    onBack: () => void;
+    onRefresh: () => void;
+};
+export declare function WaitingDepositAddressPage({ node, amountUsd, selectedToken, sessionId, loading, onBack, onRefresh, }: WaitingDepositAddressPageProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=WaitingDepositAddressPage.d.ts.map

package/dist/web/WaitingDepositAddressPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WaitingDepositAddressPage.d.ts","sourceRoot":"","sources":["../../src/web/WaitingDepositAddressPage.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,6BAA6B,CAAC;AAkBpE,KAAK,YAAY,GAAG,MAAM,GAAG,MAAM,CAAC;AAUpC,KAAK,8BAA8B,GAAG;IACpC,IAAI,EAAE,qBAAqB,CAAC;IAC5B,SAAS,EAAE,MAAM,CAAC;IAClB,aAAa,CAAC,EAAE,YAAY,CAAC;IAC7B,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,SAAS,EAAE,MAAM,IAAI,CAAC;CACvB,CAAC;AAEF,wBAAgB,yBAAyB,CAAC,EACxC,IAAI,EACJ,SAAS,EACT,aAAa,EACb,SAAS,EACT,OAAe,EACf,MAAM,EACN,SAAS,GACV,EAAE,8BAA8B,2CAqFhC"}

package/dist/web/WaitingDepositAddressPage.js

@@ -0,0 +1,126 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { TokenLogo } from "../common/token.js";
+import { tron } from "../common/chain.js";
+import { useEffect, useMemo, useState } from "react";
+import { getAddress } from "viem";
+import { SecondaryButton } from "./buttons.js";
+import { useDaimoClient } from "../hooks/DaimoClientContext.js";
+import { t } from "../hooks/locale.js";
+import { createNavLogger } from "../hooks/navEvent.js";
+import { QRCode } from "./QRCode.js";
+import { CopyableInfoCard, PageHeader, resolveIconUrl, TokenIconWithChainBadge, } from "./shared.js";
+const depositTokenLogos = {
+    USDC: TokenLogo.USDC,
+    USDT: TokenLogo.USDT,
+};
+/** 1 hour in seconds — standard DA address lifetime */
+const DA_LIFETIME_S = 3600;
+export function WaitingDepositAddressPage({ node, amountUsd, selectedToken, sessionId, loading = false, onBack, onRefresh, }) {
+    const client = useDaimoClient();
+    const logNavEvent = useMemo(() => createNavLogger(client), [client]);
+    const hasAddress = !loading && !!node.address;
+    const address = hasAddress
+        ? normalizeAddress(node.address, node.chainId)
+        : "";
+    const shortAddress = hasAddress
+        ? `${address.slice(0, 6)}...${address.slice(-4)}`
+        : "";
+    const [showQR, setShowQR] = useState(false);
+    const tokenSuffix = selectedToken ?? node.tokenSuffix ?? "USDT or USDC";
+    const nodeCtx = { nodeId: node.id, nodeType: node.type };
+    const { remainingS, isExpired } = useCountdown(node.expiresAt);
+    const handleQRToggle = () => {
+        if (!hasAddress)
+            return;
+        setShowQR((v) => {
+            logNavEvent(sessionId, { ...nodeCtx, action: "qr_toggle", visible: !v });
+            return !v;
+        });
+    };
+    const handleCopyAddress = (value) => {
+        logNavEvent(sessionId, {
+            ...nodeCtx,
+            action: "copy_address",
+            address: value,
+        });
+    };
+    const pageTitle = selectedToken
+        ? `${t.deposit} ${selectedToken}`
+        : `${t.depositOn} ${node.title}`;
+    return (_jsxs("div", { className: "flex flex-col flex-1 min-h-0", children: [_jsx(PageHeader, { title: pageTitle, onBack: onBack }), _jsxs("div", { className: "flex-1 flex flex-col items-center p-6 gap-6", children: [isExpired ? (_jsx("div", { className: "h-24 flex items-center justify-center", children: _jsx(SecondaryButton, { onClick: onRefresh, children: t.generateNewAddress }) })) : (_jsx(LogoOrQR, { showQR: showQR, address: address, node: node, selectedToken: selectedToken })), !isExpired && hasAddress && (_jsx(QRToggleButton, { showQR: showQR, onToggle: handleQRToggle })), _jsxs("div", { className: "w-full max-w-sm space-y-3", children: [hasAddress ? (_jsx(CopyableInfoCard, { label: t.oneTimeAddress, value: address, displayValue: shortAddress, disabled: isExpired, onCopy: handleCopyAddress })) : (_jsx(AddressSkeleton, {})), _jsx(CopyableInfoCard, { label: t.amount, value: amountUsd.toFixed(2), suffix: tokenSuffix, disabled: isExpired })] }), _jsx(Countdown, { remainingS: remainingS, isExpired: isExpired })] })] }));
+}
+// --- Sub-components ---
+/** Token icon (large) or QR code with token icon in center. Animated crossfade. */
+function LogoOrQR({ showQR, address, node, selectedToken, }) {
+    return (_jsxs("div", { className: "relative w-full flex items-center justify-center", children: [_jsx("div", { className: "w-full max-w-[200px] sm:max-w-[260px] transition-qr-spacer", style: { height: showQR ? "226px" : "96px" } }), _jsx("div", { className: "absolute inset-0 flex items-center justify-center transition-qr", style: {
+                    opacity: showQR ? 1 : 0,
+                    transform: showQR ? "scale(1)" : "scale(0.96)",
+                    pointerEvents: showQR ? "auto" : "none",
+                }, children: _jsx("div", { className: "w-full max-w-[200px] sm:max-w-[260px]", children: _jsx(QRCode, { value: address, image: _jsx(TokenIcon, { node: node, selectedToken: selectedToken, size: "qr" }) }) }) }), _jsx("div", { className: "absolute inset-0 flex items-center justify-center pointer-events-none", children: _jsx("div", { className: "transition-qr-icon", style: {
+                        transform: showQR ? "scale(0.6)" : "scale(1)",
+                        opacity: showQR ? 0 : 1,
+                    }, children: _jsx(TokenIcon, { node: node, selectedToken: selectedToken, size: "lg" }) }) })] }));
+}
+/** Token icon at the given size, with chain badge. */
+function TokenIcon({ node, selectedToken, size, }) {
+    if (selectedToken) {
+        return (_jsx(TokenIconWithChainBadge, { chainId: node.chainId, symbol: selectedToken, logoURI: depositTokenLogos[selectedToken], size: size, badgeBorderClass: size === "qr"
+                ? "border-[1.5px] bg-[var(--daimo-qr-bg,white)] border-[var(--daimo-qr-bg,white)]"
+                : "border-2 bg-[var(--daimo-surface)] border-[var(--daimo-surface)]" }));
+    }
+    if (node.icon) {
+        const iconSize = size === "qr" ? "w-12 h-12" : "w-20 h-20";
+        return (_jsx("img", { src: resolveIconUrl(node.icon), alt: node.title, className: `${iconSize} rounded-full` }));
+    }
+    return null;
+}
+function QRToggleButton({ showQR, onToggle, }) {
+    return (_jsxs("button", { onClick: onToggle, className: "flex items-center gap-2 text-[var(--daimo-text-secondary)] min-h-[44px] touch-action-manipulation", "aria-label": showQR ? t.hideQR : t.showQR, children: [_jsx("span", { className: "text-sm", children: showQR ? t.hideQR : t.showQR }), _jsx(QRIcon, {})] }));
+}
+function AddressSkeleton() {
+    return (_jsxs("div", { className: "w-full min-h-[56px] p-4 bg-[var(--daimo-surface-secondary)] rounded-[var(--daimo-radius-lg)] flex flex-col gap-2", children: [_jsx("div", { className: "h-3 w-24 rounded animate-pulse", style: { backgroundColor: "var(--daimo-skeleton)" } }), _jsx("div", { className: "h-5 w-40 rounded animate-pulse", style: {
+                    backgroundColor: "var(--daimo-skeleton)",
+                    animationDelay: "100ms",
+                } })] }));
+}
+function Countdown({ remainingS, isExpired, }) {
+    const m = `${Math.floor(remainingS / 60)}`.padStart(2, "0");
+    const s = `${remainingS % 60}`.padStart(2, "0");
+    return (_jsxs("div", { className: "flex flex-col items-center gap-1", children: [_jsx("span", { className: "text-sm text-[var(--daimo-text)]", children: isExpired ? t.expired : t.expiresIn }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(CircleTimer, { remainingS: remainingS, totalS: DA_LIFETIME_S }), _jsx("span", { className: "font-semibold tabular-nums", style: {
+                            color: isExpired ? "var(--daimo-error)" : "var(--daimo-text)",
+                        }, children: isExpired ? t.expired : `${m}:${s}` })] })] }));
+}
+function CircleTimer({ remainingS, totalS, }) {
+    const size = 18;
+    const strokeWidth = 3;
+    const radius = (size - strokeWidth) / 2;
+    const circumference = 2 * Math.PI * radius;
+    const offset = circumference * (1 - (totalS > 0 ? remainingS / totalS : 0));
+    return (_jsxs("svg", { width: size, height: size, className: "transform -rotate-90", children: [_jsx("circle", { cx: size / 2, cy: size / 2, r: radius, fill: "none", stroke: "var(--daimo-placeholder)", strokeWidth: strokeWidth }), _jsx("circle", { cx: size / 2, cy: size / 2, r: radius, fill: "none", stroke: remainingS > 0 ? "var(--daimo-success)" : "var(--daimo-error)", strokeWidth: strokeWidth, strokeDasharray: circumference, strokeDashoffset: offset, strokeLinecap: "round" })] }));
+}
+function QRIcon() {
+    return (_jsxs("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", children: [_jsx("path", { d: "M3.75 4.875c0-.621.504-1.125 1.125-1.125h4.5c.621 0 1.125.504 1.125 1.125v4.5c0 .621-.504 1.125-1.125 1.125h-4.5A1.125 1.125 0 0 1 3.75 9.375v-4.5Z" }), _jsx("path", { d: "M3.75 14.625c0-.621.504-1.125 1.125-1.125h4.5c.621 0 1.125.504 1.125 1.125v4.5c0 .621-.504 1.125-1.125 1.125h-4.5a1.125 1.125 0 0 1-1.125-1.125v-4.5Z" }), _jsx("path", { d: "M13.5 4.875c0-.621.504-1.125 1.125-1.125h4.5c.621 0 1.125.504 1.125 1.125v4.5c0 .621-.504 1.125-1.125 1.125h-4.5A1.125 1.125 0 0 1 13.5 9.375v-4.5Z" }), _jsx("path", { d: "M6.75 6.75h.75v.75h-.75v-.75Z" }), _jsx("path", { d: "M6.75 16.5h.75v.75h-.75v-.75Z" }), _jsx("path", { d: "M16.5 6.75h.75v.75h-.75v-.75Z" }), _jsx("path", { d: "M13.5 13.5h.75v.75h-.75v-.75Z" }), _jsx("path", { d: "M13.5 19.5h.75v.75h-.75v-.75Z" }), _jsx("path", { d: "M19.5 13.5h.75v.75h-.75v-.75Z" }), _jsx("path", { d: "M19.5 19.5h.75v.75h-.75v-.75Z" }), _jsx("path", { d: "M16.5 16.5h.75v.75h-.75v-.75Z" })] }));
+}
+// --- Helpers ---
+function normalizeAddress(addr, chainId) {
+    if (chainId === tron.chainId)
+        return addr;
+    return getAddress(addr);
+}
+/** Countdown hook — ticks every second once expiresAt is set. */
+function useCountdown(expiresAt) {
+    const hasExpiry = expiresAt > 0;
+    const [remainingS, setRemainingS] = useState(() => hasExpiry
+        ? Math.max(0, Math.floor(expiresAt - Date.now() / 1000))
+        : DA_LIFETIME_S);
+    useEffect(() => {
+        if (!hasExpiry)
+            return;
+        const interval = setInterval(() => {
+            setRemainingS(Math.max(0, Math.floor(expiresAt - Date.now() / 1000)));
+        }, 1000);
+        return () => clearInterval(interval);
+    }, [expiresAt, hasExpiry]);
+    return { remainingS, isExpired: hasExpiry && remainingS === 0 };
+}
+//# sourceMappingURL=WaitingDepositAddressPage.js.map

package/dist/web/WaitingDepositAddressPage.js.map

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

package/dist/web/WalletAmountPage.d.ts

@@ -0,0 +1,10 @@
+import { WalletPaymentOption } from "../common/legacy/session.js";
+type WalletAmountPageProps = {
+    token: WalletPaymentOption;
+    onBack: () => void;
+    onContinue: (amountUsd: number) => void;
+};
+/** Amount entry page for wallet payment flow */
+export declare function WalletAmountPage({ token, onBack, onContinue, }: WalletAmountPageProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=WalletAmountPage.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"WalletAmountPage.d.ts","sourceRoot":"","sources":["../../src/web/WalletAmountPage.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiB,mBAAmB,EAAE,MAAM,6BAA6B,CAAC;AAcjF,KAAK,qBAAqB,GAAG;IAC3B,KAAK,EAAE,mBAAmB,CAAC;IAC3B,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,UAAU,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;CACzC,CAAC;AAEF,gDAAgD;AAChD,wBAAgB,gBAAgB,CAAC,EAC/B,KAAK,EACL,MAAM,EACN,UAAU,GACX,EAAE,qBAAqB,2CAuOvB"}

package/dist/web/WalletAmountPage.js

@@ -0,0 +1,158 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useEffect, useState } from "react";
+import { formatUnits } from "viem";
+import { PrimaryButton } from "./buttons.js";
+import { t } from "../hooks/locale.js";
+import { PageHeader, TokenIconWithChainBadge } from "./shared.js";
+/** Check if device supports touch (to avoid autofocus on mobile) */
+function isTouchDevice() {
+    if (typeof window === "undefined")
+        return false;
+    return "ontouchstart" in window || navigator.maxTouchPoints > 0;
+}
+/** Amount entry page for wallet payment flow */
+export function WalletAmountPage({ token, onBack, onContinue, }) {
+    const balanceToken = token.balance.token;
+    const minimumUsd = token.minimumRequired.usd;
+    const maximumUsd = token.balance.usd;
+    // 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 maxTokenAmountUnits = Number(formatUnits(BigInt(token.balance.amount), balanceToken.decimals));
+        const maxUsdStr = roundUsd(maximumUsd);
+        const maxTokenStr = roundTokenAmountUnits(maxTokenAmountUnits, balanceToken);
+        setUsdStr(maxUsdStr);
+        setTokenStr(maxTokenStr);
+    };
+    const handleSwitchCurrency = () => {
+        updateValues(usdStr, tokenStr, !isEditingUsd);
+    };
+    // Autofocus only on non-touch devices to avoid keyboard popup
+    const [shouldAutoFocus, setShouldAutoFocus] = useState(false);
+    useEffect(() => {
+        setShouldAutoFocus(!isTouchDevice());
+    }, []);
+    // Dynamic input width
+    const currentValue = isEditingUsd ? usdStr : tokenStr;
+    const inputWidth = currentValue.length === 0
+        ? "3.55ch"
+        : `${Math.min(currentValue.length - (currentValue.match(/\./g) || []).length * 0.45, 10)}ch`;
+    // Balance/warning message
+    const maxTokenAmountUnits = Number(formatUnits(BigInt(token.balance.amount), balanceToken.decimals));
+    const getBalanceMessage = () => {
+        if (isEditingUsd) {
+            return isUsdStablecoin
+                ? `${t.balance} $${roundUsd(maximumUsd)}`
+                : `${t.balance} $${roundUsd(maximumUsd)} ${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 messageClass = showMinWarning || showMaxWarning
+        ? "text-sm text-[var(--daimo-text)]"
+        : "text-sm text-[var(--daimo-text-secondary)]";
+    // Secondary amount for switch button
+    const secondaryAmount = isEditingUsd
+        ? `${tokenStr || "0"} ${balanceToken.symbol}`
+        : `$${usdStr || roundUsd(0)}`;
+    return (_jsxs("div", { className: "flex flex-col flex-1", children: [_jsx(PageHeader, { title: t.enterAmount, onBack: onBack }), _jsxs("div", { className: "flex-1 flex flex-col items-center justify-center p-6 gap-6", children: [_jsx(TokenIconWithChainBadge, { token: balanceToken, size: "lg" }), _jsxs("div", { className: "flex items-center justify-center gap-2", children: [_jsx("button", { className: "invisible px-3 py-1 text-sm min-h-[44px]", children: t.max }), _jsxs("div", { className: "flex items-center justify-center gap-1", children: [isEditingUsd && (_jsx("span", { className: `text-3xl font-semibold tabular-nums ${usdStr ? "text-[var(--daimo-text)]" : "text-[var(--daimo-placeholder)]"}`, children: "$" })), _jsx("input", { type: "text", inputMode: "decimal", value: currentValue, onChange: handleInputChange, onKeyDown: handleKeyDown, placeholder: "0.00", className: "bg-transparent text-5xl font-semibold text-[var(--daimo-text)] placeholder-[var(--daimo-placeholder)] outline-none caret-[var(--daimo-text-muted)] tabular-nums", style: {
+                                            width: inputWidth,
+                                            minWidth: "1ch",
+                                            maxWidth: "10ch",
+                                            fontSize: "clamp(16px, 3rem, 3rem)", // Ensure 16px minimum for iOS
+                                        }, autoFocus: shouldAutoFocus }), !isEditingUsd && (_jsx("span", { className: "text-xl font-semibold text-[var(--daimo-text-muted)]", children: balanceToken.symbol }))] }), _jsx("button", { onClick: handleMax, className: "px-3 py-1 min-h-[44px] min-w-[44px] text-sm font-normal rounded-full bg-[var(--daimo-surface-secondary)] text-[var(--daimo-text-secondary)] hover:[@media(hover:hover)]:bg-[var(--daimo-surface-hover)] active:scale-[0.95] touch-action-manipulation transition-[background-color,transform] duration-150 ease-out", children: t.max })] }), !isUsdStablecoin && (_jsxs("button", { onClick: handleSwitchCurrency, className: "flex items-center gap-1 min-h-[44px] px-4 hover:[@media(hover:hover)]:opacity-70 active:opacity-50 touch-action-manipulation transition-opacity duration-150 ease", children: [_jsx(SwitchIcon, {}), _jsx("span", { className: "text-base text-[var(--daimo-text-secondary)] tabular-nums", children: secondaryAmount })] })), _jsx("p", { className: `${messageClass} tabular-nums`, children: getMessage() }), _jsx(PrimaryButton, { onClick: () => isValid && onContinue(amountUsd), disabled: !isValid, 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 SwitchIcon() {
+    return (_jsx("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", className: "text-[var(--daimo-text-muted)]", children: _jsx("path", { d: "M7 10L12 5L17 10M17 14L12 19L7 14", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) }));
+}
+//# sourceMappingURL=WalletAmountPage.js.map

package/dist/web/WalletAmountPage.js.map

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

package/dist/web/api/index.d.ts

@@ -1,3 +1,13 @@
+import type { SessionPublicInfo } from "../../common/session.js";
+import type { NavNode } from "./navTree.js";
+import type { WalletPaymentOption } from "./walletTypes.js";
 export type { NavNode, NavNodeChooseOption, NavNodeConnectedWallet, NavNodeDeeplink, NavNodeDepositAddress, NavNodeExchange, NavNodeTronDeposit, SessionWithNav, } from "./navTree.js";
 export type { DaimoPayToken, DaimoPayTokenAmount, WalletPaymentOption, } from "./walletTypes.js";
+export type RetrieveSessionWithNavResponse = {
+    session: SessionPublicInfo & {
+        navTree: NavNode[];
+        baseUrl: string;
+    };
+};
+export type WalletOptionsResponse = WalletPaymentOption[];
 //# sourceMappingURL=index.d.ts.map

package/dist/web/api/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/web/api/index.ts"],"names":[],"mappings":"AAAA,YAAY,EACV,OAAO,EACP,mBAAmB,EACnB,sBAAsB,EACtB,eAAe,EACf,qBAAqB,EACrB,eAAe,EACf,kBAAkB,EAClB,cAAc,GACf,MAAM,cAAc,CAAC;AAEtB,YAAY,EACV,aAAa,EACb,mBAAmB,EACnB,mBAAmB,GACpB,MAAM,kBAAkB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/web/api/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AACjE,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAC5C,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAE5D,YAAY,EACV,OAAO,EACP,mBAAmB,EACnB,sBAAsB,EACtB,eAAe,EACf,qBAAqB,EACrB,eAAe,EACf,kBAAkB,EAClB,cAAc,GACf,MAAM,cAAc,CAAC;AAEtB,YAAY,EACV,aAAa,EACb,mBAAmB,EACnB,mBAAmB,GACpB,MAAM,kBAAkB,CAAC;AAE1B,MAAM,MAAM,8BAA8B,GAAG;IAC3C,OAAO,EAAE,iBAAiB,GAAG;QAAE,OAAO,EAAE,OAAO,EAAE,CAAC;QAAC,OAAO,EAAE,MAAM,CAAA;KAAE,CAAC;CACtE,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG,mBAAmB,EAAE,CAAC"}

package/dist/web/api/navTree.d.ts

@@ -1,8 +1,13 @@
 import type { Address } from "viem";
-import type { Session } from "../../common/session.js";
+import type { SessionPublicInfo } from "../../common/session.js";
 /** Session with navigation tree for the modal UI. */
-export type SessionWithNav = Session & {
+export type SessionWithNav = SessionPublicInfo & {
+    /** Client secret for session updates */
+    clientSecret: string;
+    /** Server-defined nav */
     navTree: NavNode[];
+    /** Base URL for receipt links and icon resolution (set by server). */
+    baseUrl: string;
 };
 type NavNodeCommon = {
     id: string;

package/dist/web/api/navTree.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"navTree.d.ts","sourceRoot":"","sources":["../../../src/web/api/navTree.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,MAAM,CAAC;AACpC,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AAEvD,qDAAqD;AACrD,MAAM,MAAM,cAAc,GAAG,OAAO,GAAG;IAAE,OAAO,EAAE,OAAO,EAAE,CAAA;CAAE,CAAC;AAE9D,KAAK,aAAa,GAAG;IACnB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;CAClB,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG,aAAa,GAAG;IAChD,IAAI,EAAE,cAAc,CAAC;IACrB,OAAO,EAAE,OAAO,EAAE,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAC1B,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG,aAAa,GAAG;IAClD,IAAI,EAAE,gBAAgB,CAAC;IACvB,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,qFAAqF;AACrF,MAAM,MAAM,eAAe,GAAG,aAAa,GAAG;IAC5C,IAAI,EAAE,UAAU,CAAC;IACjB,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG,aAAa,GAAG;IAC5C,IAAI,EAAE,UAAU,CAAC;IACjB,UAAU,EAAE,UAAU,GAAG,SAAS,GAAG,OAAO,CAAC;IAC7C,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG,aAAa,GAAG;IAC/C,IAAI,EAAE,aAAa,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG,aAAa,GAAG;IACnD,IAAI,EAAE,iBAAiB,CAAC;IACxB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,OAAO,GACf,mBAAmB,GACnB,qBAAqB,GACrB,eAAe,GACf,eAAe,GACf,kBAAkB,GAClB,sBAAsB,CAAC"}
+{"version":3,"file":"navTree.d.ts","sourceRoot":"","sources":["../../../src/web/api/navTree.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,MAAM,CAAC;AACpC,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAEjE,qDAAqD;AACrD,MAAM,MAAM,cAAc,GAAG,iBAAiB,GAAG;IAC/C,wCAAwC;IACxC,YAAY,EAAE,MAAM,CAAC;IACrB,yBAAyB;IACzB,OAAO,EAAE,OAAO,EAAE,CAAC;IACnB,sEAAsE;IACtE,OAAO,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,KAAK,aAAa,GAAG;IACnB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;CAClB,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG,aAAa,GAAG;IAChD,IAAI,EAAE,cAAc,CAAC;IACrB,OAAO,EAAE,OAAO,EAAE,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAC1B,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG,aAAa,GAAG;IAClD,IAAI,EAAE,gBAAgB,CAAC;IACvB,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,qFAAqF;AACrF,MAAM,MAAM,eAAe,GAAG,aAAa,GAAG;IAC5C,IAAI,EAAE,UAAU,CAAC;IACjB,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG,aAAa,GAAG;IAC5C,IAAI,EAAE,UAAU,CAAC;IACjB,UAAU,EAAE,UAAU,GAAG,SAAS,GAAG,OAAO,CAAC;IAC7C,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG,aAAa,GAAG;IAC/C,IAAI,EAAE,aAAa,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG,aAAa,GAAG;IACnD,IAAI,EAAE,iBAAiB,CAAC;IACxB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,OAAO,GACf,mBAAmB,GACnB,qBAAqB,GACrB,eAAe,GACf,eAAe,GACf,kBAAkB,GAClB,sBAAsB,CAAC"}

package/dist/web/buttons.d.ts

@@ -0,0 +1,15 @@
+import { ReactNode } from "react";
+import { ExternalLinkIcon } from "./icons.js";
+export { ExternalLinkIcon };
+type ButtonProps = {
+    children: ReactNode;
+    onClick?: () => void;
+    disabled?: boolean;
+    icon?: ReactNode;
+    className?: string;
+};
+/** Primary action button - full width, prominent styling */
+export declare function PrimaryButton({ children, onClick, disabled, icon, className, }: ButtonProps): import("react/jsx-runtime").JSX.Element;
+/** Secondary action button - for less prominent actions like "Done", "Close" */
+export declare function SecondaryButton({ children, onClick, disabled, icon, className, }: ButtonProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=buttons.d.ts.map

package/dist/web/buttons.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"buttons.d.ts","sourceRoot":"","sources":["../../src/web/buttons.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,OAAO,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAE9C,OAAO,EAAE,gBAAgB,EAAE,CAAC;AAE5B,KAAK,WAAW,GAAG;IACjB,QAAQ,EAAE,SAAS,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,4DAA4D;AAC5D,wBAAgB,aAAa,CAAC,EAC5B,QAAQ,EACR,OAAO,EACP,QAAgB,EAChB,IAAI,EACJ,SAAc,GACf,EAAE,WAAW,2CAqBb;AAED,gFAAgF;AAChF,wBAAgB,eAAe,CAAC,EAC9B,QAAQ,EACR,OAAO,EACP,QAAgB,EAChB,IAAI,EACJ,SAAc,GACf,EAAE,WAAW,2CAqBb"}

package/dist/web/buttons.js

@@ -0,0 +1,24 @@
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import { ExternalLinkIcon } from "./icons.js";
+export { ExternalLinkIcon };
+/** Primary action button - full width, prominent styling */
+export function PrimaryButton({ children, onClick, disabled = false, icon, className = "", }) {
+    // Base: min 44px tap target, prevent double-tap zoom
+    const baseStyles = "w-full max-w-xs min-h-[44px] py-4 px-6 rounded-[var(--daimo-radius-lg)] font-semibold flex items-center justify-center gap-2 touch-action-manipulation transition-[background-color,transform] duration-150 ease-out";
+    // Active press effect for responsive feel
+    const activeStyles = "active:scale-[0.97]";
+    const enabledStyles = "bg-[var(--daimo-surface-secondary)] text-[var(--daimo-text)] hover:[@media(hover:hover)]:bg-[var(--daimo-surface-hover)]";
+    const disabledStyles = "bg-[var(--daimo-surface-secondary)] text-[var(--daimo-text-muted)] cursor-not-allowed";
+    return (_jsxs("button", { onClick: onClick, disabled: disabled, className: `${baseStyles} ${disabled ? disabledStyles : `${enabledStyles} ${activeStyles}`} ${className}`, children: [icon, children] }));
+}
+/** Secondary action button - for less prominent actions like "Done", "Close" */
+export function SecondaryButton({ children, onClick, disabled = false, icon, className = "", }) {
+    // Base: min 44px tap target, prevent double-tap zoom
+    const baseStyles = "min-h-[44px] py-3 px-8 rounded-[var(--daimo-radius-md)] font-medium flex items-center justify-center gap-2 touch-action-manipulation transition-[background-color,transform] duration-150 ease-out";
+    // Active press effect for responsive feel
+    const activeStyles = "active:scale-[0.97]";
+    const enabledStyles = "bg-[var(--daimo-surface-secondary)] text-[var(--daimo-text)] hover:[@media(hover:hover)]:bg-[var(--daimo-surface-hover)]";
+    const disabledStyles = "bg-[var(--daimo-surface-secondary)] text-[var(--daimo-text-muted)] cursor-not-allowed";
+    return (_jsxs("button", { onClick: onClick, disabled: disabled, className: `${baseStyles} ${disabled ? disabledStyles : `${enabledStyles} ${activeStyles}`} ${className}`, children: [icon, children] }));
+}
+//# sourceMappingURL=buttons.js.map

package/dist/web/buttons.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"buttons.js","sourceRoot":"","sources":["../../src/web/buttons.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAE9C,OAAO,EAAE,gBAAgB,EAAE,CAAC;AAU5B,4DAA4D;AAC5D,MAAM,UAAU,aAAa,CAAC,EAC5B,QAAQ,EACR,OAAO,EACP,QAAQ,GAAG,KAAK,EAChB,IAAI,EACJ,SAAS,GAAG,EAAE,GACF;IACZ,qDAAqD;IACrD,MAAM,UAAU,GACd,sNAAsN,CAAC;IACzN,0CAA0C;IAC1C,MAAM,YAAY,GAAG,qBAAqB,CAAC;IAC3C,MAAM,aAAa,GACjB,0HAA0H,CAAC;IAC7H,MAAM,cAAc,GAClB,uFAAuF,CAAC;IAE1F,OAAO,CACL,kBACE,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,GAAG,UAAU,IAAI,QAAQ,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,GAAG,aAAa,IAAI,YAAY,EAAE,IAAI,SAAS,EAAE,aAExG,IAAI,EACJ,QAAQ,IACF,CACV,CAAC;AACJ,CAAC;AAED,gFAAgF;AAChF,MAAM,UAAU,eAAe,CAAC,EAC9B,QAAQ,EACR,OAAO,EACP,QAAQ,GAAG,KAAK,EAChB,IAAI,EACJ,SAAS,GAAG,EAAE,GACF;IACZ,qDAAqD;IACrD,MAAM,UAAU,GACd,oMAAoM,CAAC;IACvM,0CAA0C;IAC1C,MAAM,YAAY,GAAG,qBAAqB,CAAC;IAC3C,MAAM,aAAa,GACjB,0HAA0H,CAAC;IAC7H,MAAM,cAAc,GAClB,uFAAuF,CAAC;IAE1F,OAAO,CACL,kBACE,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,GAAG,UAAU,IAAI,QAAQ,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,GAAG,aAAa,IAAI,YAAY,EAAE,IAAI,SAAS,EAAE,aAExG,IAAI,EACJ,QAAQ,IACF,CACV,CAAC;AACJ,CAAC"}

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

@@ -3,7 +3,8 @@ type ChooseChainPageProps = {
     walletIcon: string;
     onSelectChain: (chain: "evm" | "solana") => void;
     onBack: (() => void) | null;
+    baseUrl: string;
 };
-export declare function ChooseChainPage({ walletName, walletIcon, onSelectChain, onBack, }: ChooseChainPageProps): import("react/jsx-runtime").JSX.Element;
+export declare function ChooseChainPage({ walletName, walletIcon, onSelectChain, onBack, baseUrl, }: ChooseChainPageProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=ChooseChainPage.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ChooseChainPage.d.ts","sourceRoot":"","sources":["../../../src/web/components/ChooseChainPage.tsx"],"names":[],"mappings":"AAIA,KAAK,oBAAoB,GAAG;IAC1B,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,EAAE,CAAC,KAAK,EAAE,KAAK,GAAG,QAAQ,KAAK,IAAI,CAAC;IACjD,MAAM,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,IAAI,CAAC;CAC7B,CAAC;AAEF,wBAAgB,eAAe,CAAC,EAC9B,UAAU,EACV,UAAU,EACV,aAAa,EACb,MAAM,GACP,EAAE,oBAAoB,2CA6BtB"}
+{"version":3,"file":"ChooseChainPage.d.ts","sourceRoot":"","sources":["../../../src/web/components/ChooseChainPage.tsx"],"names":[],"mappings":"AAIA,KAAK,oBAAoB,GAAG;IAC1B,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,EAAE,CAAC,KAAK,EAAE,KAAK,GAAG,QAAQ,KAAK,IAAI,CAAC;IACjD,MAAM,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,IAAI,CAAC;IAC5B,OAAO,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,wBAAgB,eAAe,CAAC,EAC9B,UAAU,EACV,UAAU,EACV,aAAa,EACb,MAAM,EACN,OAAO,GACR,EAAE,oBAAoB,2CA6BtB"}

package/dist/web/components/ChooseChainPage.js

@@ -1,10 +1,10 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { ethereum, solana } from "../../common/chain.js";
-import { PageHeader, getChainLogoUrl } from "./shared.js";
-export function ChooseChainPage({ walletName, walletIcon, onSelectChain, onBack, }) {
-    return (_jsxs("div", { className: "flex flex-col flex-1 min-h-0", children: [_jsx(PageHeader, { title: walletName, onBack: onBack }), _jsxs("div", { className: "flex flex-col items-center gap-6 px-6 py-4", children: [walletIcon && (_jsx("img", { src: walletIcon, alt: walletName, className: "w-16 h-16 object-contain rounded-[25%]" })), _jsxs("div", { className: "flex flex-col gap-3 w-full", children: [_jsx(ChainRow, { label: "Ethereum", icon: getChainLogoUrl(ethereum.chainId), onClick: () => onSelectChain("evm") }), _jsx(ChainRow, { label: "Solana", icon: getChainLogoUrl(solana.chainId), onClick: () => onSelectChain("solana") })] })] })] }));
+import { ListRow, PageHeader, getChainLogoUrl } from "./shared.js";
+export function ChooseChainPage({ walletName, walletIcon, onSelectChain, onBack, baseUrl, }) {
+    return (_jsxs("div", { className: "flex flex-col flex-1 min-h-0", children: [_jsx(PageHeader, { title: walletName, onBack: onBack }), _jsxs("div", { className: "flex flex-col items-center gap-6 px-6 py-4", children: [walletIcon && (_jsx("img", { src: walletIcon, alt: walletName, className: "w-16 h-16 object-contain rounded-[25%]" })), _jsxs("div", { className: "flex flex-col gap-3 w-full", children: [_jsx(ChainRow, { label: "Ethereum", icon: getChainLogoUrl(ethereum.chainId, baseUrl), onClick: () => onSelectChain("evm") }), _jsx(ChainRow, { label: "Solana", icon: getChainLogoUrl(solana.chainId, baseUrl), onClick: () => onSelectChain("solana") })] })] })] }));
 }
 function ChainRow({ label, icon, onClick, }) {
-    return (_jsxs("button", { onClick: onClick, className: "w-full h-16 shrink-0 flex items-center justify-between px-5 rounded-[var(--daimo-radius-lg)] bg-[var(--daimo-surface-secondary)] hover:[@media(hover:hover)]:bg-[var(--daimo-surface-hover)] transition-colors text-left", children: [_jsx("span", { className: "text-[var(--daimo-text)] font-semibold", children: label }), _jsx("img", { src: icon, alt: label, className: "w-8 h-8 object-contain rounded-full" })] }));
+    return (_jsx(ListRow, { label: label, right: _jsx("img", { src: icon, alt: label, className: "w-8 h-8 object-contain rounded-full" }), onClick: onClick }));
 }
 //# sourceMappingURL=ChooseChainPage.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ChooseChainPage.js","sourceRoot":"","sources":["../../../src/web/components/ChooseChainPage.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAEzD,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAS1D,MAAM,UAAU,eAAe,CAAC,EAC9B,UAAU,EACV,UAAU,EACV,aAAa,EACb,MAAM,GACe;IACrB,OAAO,CACL,eAAK,SAAS,EAAC,8BAA8B,aAC3C,KAAC,UAAU,IAAC,KAAK,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,GAAI,EAEjD,eAAK,SAAS,EAAC,4CAA4C,aACxD,UAAU,IAAI,CACb,cACE,GAAG,EAAE,UAAU,EACf,GAAG,EAAE,UAAU,EACf,SAAS,EAAC,wCAAwC,GAClD,CACH,EAED,eAAK,SAAS,EAAC,4BAA4B,aACzC,KAAC,QAAQ,IACP,KAAK,EAAC,UAAU,EAChB,IAAI,EAAE,eAAe,CAAC,QAAQ,CAAC,OAAO,CAAC,EACvC,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,KAAK,CAAC,GACnC,EACF,KAAC,QAAQ,IACP,KAAK,EAAC,QAAQ,EACd,IAAI,EAAE,eAAe,CAAC,MAAM,CAAC,OAAO,CAAC,EACrC,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,QAAQ,CAAC,GACtC,IACE,IACF,IACF,CACP,CAAC;AACJ,CAAC;AAED,SAAS,QAAQ,CAAC,EAChB,KAAK,EACL,IAAI,EACJ,OAAO,GAKR;IACC,OAAO,CACL,kBACE,OAAO,EAAE,OAAO,EAChB,SAAS,EAAC,0NAA0N,aAEpO,eAAM,SAAS,EAAC,wCAAwC,YAAE,KAAK,GAAQ,EACvE,cACE,GAAG,EAAE,IAAI,EACT,GAAG,EAAE,KAAK,EACV,SAAS,EAAC,qCAAqC,GAC/C,IACK,CACV,CAAC;AACJ,CAAC"}
+{"version":3,"file":"ChooseChainPage.js","sourceRoot":"","sources":["../../../src/web/components/ChooseChainPage.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAEzD,OAAO,EAAE,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAUnE,MAAM,UAAU,eAAe,CAAC,EAC9B,UAAU,EACV,UAAU,EACV,aAAa,EACb,MAAM,EACN,OAAO,GACc;IACrB,OAAO,CACL,eAAK,SAAS,EAAC,8BAA8B,aAC3C,KAAC,UAAU,IAAC,KAAK,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,GAAI,EAEjD,eAAK,SAAS,EAAC,4CAA4C,aACxD,UAAU,IAAI,CACb,cACE,GAAG,EAAE,UAAU,EACf,GAAG,EAAE,UAAU,EACf,SAAS,EAAC,wCAAwC,GAClD,CACH,EAED,eAAK,SAAS,EAAC,4BAA4B,aACzC,KAAC,QAAQ,IACP,KAAK,EAAC,UAAU,EAChB,IAAI,EAAE,eAAe,CAAC,QAAQ,CAAC,OAAO,EAAE,OAAO,CAAC,EAChD,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,KAAK,CAAC,GACnC,EACF,KAAC,QAAQ,IACP,KAAK,EAAC,QAAQ,EACd,IAAI,EAAE,eAAe,CAAC,MAAM,CAAC,OAAO,EAAE,OAAO,CAAC,EAC9C,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,QAAQ,CAAC,GACtC,IACE,IACF,IACF,CACP,CAAC;AACJ,CAAC;AAED,SAAS,QAAQ,CAAC,EAChB,KAAK,EACL,IAAI,EACJ,OAAO,GAKR;IACC,OAAO,CACL,KAAC,OAAO,IACN,KAAK,EAAE,KAAK,EACZ,KAAK,EACH,cACE,GAAG,EAAE,IAAI,EACT,GAAG,EAAE,KAAK,EACV,SAAS,EAAC,qCAAqC,GAC/C,EAEJ,OAAO,EAAE,OAAO,GAChB,CACH,CAAC;AACJ,CAAC"}

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

@@ -3,9 +3,11 @@ import type { InjectedWallet } from "../hooks/useInjectedWallets.js";
 type ChooseOptionPageProps = {
     node: NavNodeChooseOption;
     injectedWallets?: InjectedWallet[];
+    connectedAddress?: string | null;
     onNavigate: (nodeId: string) => void;
     onBack: (() => void) | null;
+    baseUrl: string;
 };
-export declare function ChooseOptionPage({ node, injectedWallets, onNavigate, onBack, }: ChooseOptionPageProps): import("react/jsx-runtime").JSX.Element;
+export declare function ChooseOptionPage({ node, injectedWallets, connectedAddress, onNavigate, onBack, baseUrl, }: ChooseOptionPageProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=ChooseOptionPage.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ChooseOptionPage.d.ts","sourceRoot":"","sources":["../../../src/web/components/ChooseOptionPage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAW,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AACtE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAC;AAKrE,KAAK,qBAAqB,GAAG;IAC3B,IAAI,EAAE,mBAAmB,CAAC;IAC1B,eAAe,CAAC,EAAE,cAAc,EAAE,CAAC;IACnC,UAAU,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,MAAM,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,IAAI,CAAC;CAC7B,CAAC;AAEF,wBAAgB,gBAAgB,CAAC,EAC/B,IAAI,EACJ,eAAoB,EACpB,UAAU,EACV,MAAM,GACP,EAAE,qBAAqB,2CA+CvB"}
+{"version":3,"file":"ChooseOptionPage.d.ts","sourceRoot":"","sources":["../../../src/web/components/ChooseOptionPage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAW,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AACtE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAC;AAYrE,KAAK,qBAAqB,GAAG;IAC3B,IAAI,EAAE,mBAAmB,CAAC;IAC1B,eAAe,CAAC,EAAE,cAAc,EAAE,CAAC;IACnC,gBAAgB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACjC,UAAU,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,MAAM,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,IAAI,CAAC;IAC5B,OAAO,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,wBAAgB,gBAAgB,CAAC,EAC/B,IAAI,EACJ,eAAoB,EACpB,gBAAgB,EAChB,UAAU,EACV,MAAM,EACN,OAAO,GACR,EAAE,qBAAqB,2CAmEvB"}

package/dist/web/components/ChooseOptionPage.js

@@ -1,21 +1,41 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { t } from "../hooks/locale.js";
-import { PageHeader, ScrollContent, resolveIconUrl } from "./shared.js";
-export function ChooseOptionPage({ node, injectedWallets = [], onNavigate, onBack, }) {
+import { DaimoLogoIcon } from "./icons.js";
+import { ListRow, PageHeader, ScrollContent, resolveIconUrl, useScrollBorder, } from "./shared.js";
+export function ChooseOptionPage({ node, injectedWallets = [], connectedAddress, onNavigate, onBack, baseUrl, }) {
+    const { scrolled, onScroll } = useScrollBorder();
     const injectedNames = new Set(injectedWallets.map((w) => w.info.name.toLowerCase()));
-    const options = node.options.filter((o) => o.type !== "Deeplink" || !injectedNames.has(o.title.toLowerCase()));
+    const options = node.options
+        .filter((o) => o.type !== "Deeplink" || !injectedNames.has(o.title.toLowerCase()))
+        // Replace generic ConnectedWallet icon/label with actual wallet info
+        .map((o) => {
+        if (o.type !== "ConnectedWallet")
+            return o;
+        let updated = o;
+        if (injectedWallets.length > 0) {
+            const walletIcon = injectedWallets[0].info.icon;
+            if (walletIcon)
+                updated = { ...updated, icon: walletIcon };
+        }
+        if (connectedAddress) {
+            const verb = node.title.split(" ")[0] || "Pay";
+            const short = `${connectedAddress.slice(0, 6)}...${connectedAddress.slice(-4)}`;
+            updated = { ...updated, label: `${verb} with ${short}` };
+        }
+        return updated;
+    });
     const useGridLayout = node.layout === "grid";
     const isRootPage = onBack === null;
-    return (_jsxs("div", { className: "flex flex-col flex-1 min-h-0", children: [_jsx(PageHeader, { title: node.title, onBack: onBack }), _jsx(ScrollContent, { children: useGridLayout ? (_jsx("div", { className: "grid grid-cols-4 gap-2", children: options.map((option) => (_jsx(GridOptionCell, { option: option, onClick: () => onNavigate(option.id) }, option.id))) })) : (_jsx("div", { className: "flex flex-col gap-3", children: options.map((option) => (_jsx(OptionRow, { option: option, onClick: () => onNavigate(option.id) }, option.id))) })) }), isRootPage && (_jsx("div", { className: "py-4 text-center", children: _jsx("span", { className: "text-sm text-[var(--daimo-text-muted)]", children: t.poweredByDaimo }) }))] }));
+    return (_jsxs("div", { className: "flex flex-col flex-1 min-h-0", children: [_jsx(PageHeader, { title: node.title, onBack: onBack, borderVisible: scrolled }), _jsx(ScrollContent, { onScroll: onScroll, grow: false, children: useGridLayout ? (_jsx("div", { className: "grid grid-cols-4 gap-2", children: options.map((option) => (_jsx(GridOptionCell, { option: option, onClick: () => onNavigate(option.id), baseUrl: baseUrl }, option.id))) })) : (_jsx("div", { className: "flex flex-col gap-3", children: options.map((option) => (_jsx(OptionRow, { option: option, onClick: () => onNavigate(option.id), baseUrl: baseUrl }, option.id))) })) }), isRootPage && (_jsxs("div", { className: "mt-auto py-4 flex items-center justify-center gap-1.5", children: [_jsx(DaimoLogoIcon, { size: 14 }), _jsx("span", { className: "text-sm text-[var(--daimo-text-muted)]", children: t.poweredByDaimo })] }))] }));
 }
-function GridOptionCell({ option, onClick, }) {
+function GridOptionCell({ option, onClick, baseUrl, }) {
     const icons = getOptionIcons(option);
     const label = option.label ?? option.title;
-    return (_jsxs("button", { onClick: onClick, className: "flex flex-col items-center gap-2 p-1 rounded-[var(--daimo-radius-md)] hover:[@media(hover:hover)]:bg-[var(--daimo-surface-secondary)] transition-colors min-w-0", children: [icons.length > 0 && (_jsx("img", { src: resolveIconUrl(icons[0]), alt: label, className: "w-full aspect-square max-w-16 object-contain rounded-[25%]" })), _jsx("span", { className: "text-xs font-medium text-[var(--daimo-text)] text-center leading-tight", children: label })] }));
+    return (_jsxs("button", { onClick: onClick, className: "flex flex-col items-center gap-2 p-1 rounded-[var(--daimo-radius-md)] hover:[@media(hover:hover)]:bg-[var(--daimo-surface-secondary)] transition-colors min-w-0", children: [icons.length > 0 && (_jsx("img", { src: resolveIconUrl(icons[0], baseUrl), alt: label, className: "w-full aspect-square max-w-16 object-contain rounded-[25%]" })), _jsx("span", { className: "text-xs font-medium text-[var(--daimo-text)] text-center leading-tight", children: label })] }));
 }
-function OptionRow({ option, onClick, }) {
+function OptionRow({ option, onClick, baseUrl, }) {
     const label = option.label ?? option.title;
-    return (_jsxs("button", { onClick: onClick, className: "w-full h-16 shrink-0 flex items-center justify-between px-5 rounded-[var(--daimo-radius-lg)] bg-[var(--daimo-surface-secondary)] hover:[@media(hover:hover)]:bg-[var(--daimo-surface-hover)] transition-colors text-left", children: [_jsx("span", { className: "text-[var(--daimo-text)] font-semibold", children: label }), _jsx(OptionIcons, { option: option })] }));
+    return (_jsx(ListRow, { label: label, right: _jsx(OptionIcons, { option: option, baseUrl: baseUrl }), onClick: onClick }));
 }
 /** Get icons array for an option: explicit icons[], single icon, or empty */
 function getOptionIcons(option) {
@@ -28,16 +48,16 @@ function getOptionIcons(option) {
     return [];
 }
 /** Render icons for a list row option */
-function OptionIcons({ option }) {
+function OptionIcons({ option, baseUrl }) {
     const icons = getOptionIcons(option);
     if (icons.length === 0)
         return null;
     // 2x2 grid for 4+ icons
     if (icons.length >= 4) {
-        return (_jsx("div", { className: "w-8 h-8 grid grid-cols-2 gap-0.5", children: icons.slice(0, 4).map((icon, i) => (_jsx("img", { src: resolveIconUrl(icon), alt: "", className: "w-[15px] h-[15px] object-contain rounded-[25%]" }, i))) }));
+        return (_jsx("div", { className: "w-8 h-8 grid grid-cols-2 gap-0.5", children: icons.slice(0, 4).map((icon, i) => (_jsx("img", { src: resolveIconUrl(icon, baseUrl), alt: "", className: "w-[15px] h-[15px] object-contain rounded-[25%]" }, i))) }));
     }
     // Stacked overlapped icons for <4
-    return (_jsx("div", { className: "flex items-center", children: icons.map((icon, i) => (_jsx("img", { src: resolveIconUrl(icon), alt: "", className: "w-8 h-8 object-contain rounded-[25%] relative", style: {
+    return (_jsx("div", { className: "flex items-center", children: icons.map((icon, i) => (_jsx("img", { src: resolveIconUrl(icon, baseUrl), alt: "", className: "w-8 h-8 object-contain rounded-[25%] relative", style: {
                 marginLeft: i > 0 ? -10 : 0,
                 zIndex: icons.length - i,
             } }, i))) }));