@daimo/sdk 1.4.0 → 1.4.2

package/dist/web/components/account/AccountOtpCodeEntry.js

@@ -0,0 +1,101 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useRef, useState } from "react";
+import { t } from "../../hooks/locale.js";
+import { useAccountFlow } from "../../hooks/useAccountFlow.js";
+import { PrimaryButton, SecondaryLinkButton } from "../buttons.js";
+import { CenteredContent, ErrorMessage, PageHeader, } from "../shared.js";
+const OTP_LENGTH = 6;
+const SUCCESS_DELAY_MS = 500;
+const ERROR_DELAY_MS = 700;
+export function AccountOtpCodeEntry({ destination, onBack, onVerified, onVerify, onResend, }) {
+    const account = useAccountFlow();
+    const [digits, setDigits] = useState(Array(OTP_LENGTH).fill(""));
+    const [status, setStatus] = useState("idle");
+    const [isSubmitting, setIsSubmitting] = useState(false);
+    const inputsRef = useRef([]);
+    const code = digits.join("");
+    const isComplete = code.length === OTP_LENGTH;
+    const busy = status !== "idle" || isSubmitting || !!account?.isLoggingIn;
+    const handleVerify = useCallback(async (codeToVerify) => {
+        const submitCode = codeToVerify ?? code;
+        if (submitCode.length !== OTP_LENGTH || busy)
+            return;
+        setIsSubmitting(true);
+        const outcome = await onVerify(submitCode);
+        setIsSubmitting(false);
+        if (outcome.ok) {
+            setStatus("success");
+            window.setTimeout(() => onVerified(), SUCCESS_DELAY_MS);
+        }
+        else {
+            if (outcome.msg)
+                account?.setAuthError(outcome.msg);
+            setStatus("error");
+            window.setTimeout(() => {
+                setDigits(Array(OTP_LENGTH).fill(""));
+                setStatus("idle");
+                inputsRef.current[0]?.focus();
+            }, ERROR_DELAY_MS);
+        }
+    }, [code, busy, onVerify, onVerified, account]);
+    const handleChange = useCallback((index, value) => {
+        if (!/^\d*$/.test(value) || busy)
+            return;
+        if (account?.authError)
+            account.setAuthError(null);
+        const next = [...digits];
+        next[index] = value.slice(-1);
+        setDigits(next);
+        if (value && index < OTP_LENGTH - 1) {
+            inputsRef.current[index + 1]?.focus();
+        }
+        const nextCode = next.join("");
+        if (nextCode.length === OTP_LENGTH)
+            handleVerify(nextCode);
+    }, [digits, account, handleVerify, busy]);
+    const handleKeyDown = useCallback((index, e) => {
+        if (busy)
+            return;
+        if (e.key === "Backspace" && !digits[index] && index > 0) {
+            inputsRef.current[index - 1]?.focus();
+        }
+        else if (e.key === "Enter" && isComplete) {
+            e.preventDefault();
+            handleVerify();
+        }
+    }, [digits, isComplete, handleVerify, busy]);
+    const handlePaste = useCallback((e) => {
+        e.preventDefault();
+        if (busy)
+            return;
+        const pasted = e.clipboardData.getData("text").replace(/\D/g, "");
+        const next = [...digits];
+        for (let i = 0; i < OTP_LENGTH && i < pasted.length; i++) {
+            next[i] = pasted[i];
+        }
+        setDigits(next);
+        const focusIdx = Math.min(pasted.length, OTP_LENGTH - 1);
+        inputsRef.current[focusIdx]?.focus();
+        const nextCode = next.join("");
+        if (nextCode.length === OTP_LENGTH)
+            handleVerify(nextCode);
+    }, [digits, handleVerify, busy]);
+    const handleResend = useCallback(async () => {
+        setDigits(Array(OTP_LENGTH).fill(""));
+        setStatus("idle");
+        await onResend();
+        inputsRef.current[0]?.focus();
+    }, [onResend]);
+    return (_jsxs("div", { className: "daimo-flex daimo-flex-col daimo-flex-1 daimo-min-h-0", children: [_jsx(PageHeader, { title: t.accountOtp, onBack: onBack }), _jsxs(CenteredContent, { children: [_jsxs("p", { className: "daimo-text-sm daimo-text-[var(--daimo-text-secondary)] daimo-text-center", children: [t.accountOtpSent, " ", _jsx("strong", { children: destination })] }), _jsx("div", { className: `daimo-flex daimo-gap-2 daimo-justify-center ${status === "error" ? "daimo-otp-shake" : ""}`, children: digits.map((digit, i) => (_jsx("input", { ref: (el) => { inputsRef.current[i] = el; }, type: "text", inputMode: "numeric", maxLength: 1, value: digit, disabled: busy, onChange: (e) => handleChange(i, e.target.value), onKeyDown: (e) => handleKeyDown(i, e), onPaste: i === 0 ? handlePaste : undefined, autoFocus: i === 0, className: otpCellClass(status) }, i))) }), account?.authError && _jsx(ErrorMessage, { message: account.authError }), _jsx(SecondaryLinkButton, { onClick: handleResend, disabled: busy, children: t.accountResendCode })] }), _jsx("div", { className: "daimo-px-6 daimo-pb-6 daimo-flex daimo-flex-col daimo-items-center", children: _jsx(PrimaryButton, { onClick: () => handleVerify(), disabled: !isComplete || busy, children: isSubmitting || account?.isLoggingIn ? t.loading : t.accountVerify }) })] }));
+}
+const OTP_CELL_BASE = "daimo-w-10 daimo-h-12 daimo-text-center daimo-text-xl daimo-font-semibold daimo-rounded-[var(--daimo-radius-sm)] daimo-border-none daimo-outline-none daimo-transition-all daimo-caret-[var(--daimo-accent)]";
+function otpCellClass(status) {
+    if (status === "success") {
+        return `${OTP_CELL_BASE} daimo-bg-[var(--daimo-success-light)] daimo-text-[var(--daimo-success)] daimo-ring-2 daimo-ring-[var(--daimo-success)]`;
+    }
+    if (status === "error") {
+        return `${OTP_CELL_BASE} daimo-bg-[var(--daimo-error-light)] daimo-text-[var(--daimo-error)] daimo-ring-2 daimo-ring-[var(--daimo-error)]`;
+    }
+    return `${OTP_CELL_BASE} daimo-bg-[var(--daimo-surface-secondary)] daimo-text-[var(--daimo-text)] focus:daimo-ring-2 focus:daimo-ring-[var(--daimo-accent)]`;
+}
+//# sourceMappingURL=AccountOtpCodeEntry.js.map

package/dist/web/components/account/AccountOtpCodeEntry.js.map

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

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

@@ -1 +1 @@
-{"version":3,"file":"AccountOtpPage.d.ts","sourceRoot":"","sources":["../../../../src/web/components/account/AccountOtpPage.tsx"],"names":[],"mappings":"AAWA,KAAK,mBAAmB,GAAG;IACzB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,UAAU,EAAE,MAAM,IAAI,CAAC;CACxB,CAAC;AAIF,wBAAgB,cAAc,CAAC,EAAE,MAAM,EAAE,UAAU,EAAE,EAAE,mBAAmB,2CA+GzE"}
+{"version":3,"file":"AccountOtpPage.d.ts","sourceRoot":"","sources":["../../../../src/web/components/account/AccountOtpPage.tsx"],"names":[],"mappings":"AAQA,KAAK,mBAAmB,GAAG;IACzB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,UAAU,EAAE,MAAM,IAAI,CAAC;CACxB,CAAC;AAEF,wBAAgB,cAAc,CAAC,EAAE,MAAM,EAAE,UAAU,EAAE,EAAE,mBAAmB,2CA0BzE"}

package/dist/web/components/account/AccountOtpPage.js

@@ -1,63 +1,20 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useCallback, useRef, useState } from "react";
-import { t } from "../../hooks/locale.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useCallback } from "react";
 import { useAccountFlow } from "../../hooks/useAccountFlow.js";
-import { PrimaryButton } from "../buttons.js";
-import { CenteredContent, ErrorMessage, PageHeader, } from "../shared.js";
-const OTP_LENGTH = 6;
+import { AccountOtpCodeEntry, } from "./AccountOtpCodeEntry.js";
 export function AccountOtpPage({ onBack, onVerified }) {
     const account = useAccountFlow();
-    const [digits, setDigits] = useState(Array(OTP_LENGTH).fill(""));
-    const inputsRef = useRef([]);
-    const code = digits.join("");
-    const isComplete = code.length === OTP_LENGTH;
-    const handleChange = useCallback((index, value) => {
-        if (!/^\d*$/.test(value))
-            return;
-        if (account?.authError)
-            account.setAuthError(null);
-        const next = [...digits];
-        next[index] = value.slice(-1);
-        setDigits(next);
-        // Auto-advance
-        if (value && index < OTP_LENGTH - 1) {
-            inputsRef.current[index + 1]?.focus();
-        }
-    }, [digits, account]);
-    const handleVerify = useCallback(async () => {
-        if (!account || !isComplete)
-            return;
-        const success = await account.verifyOtp(code);
-        if (success)
-            onVerified();
-    }, [account, code, isComplete, onVerified]);
-    const handleKeyDown = useCallback((index, e) => {
-        if (e.key === "Backspace" && !digits[index] && index > 0) {
-            inputsRef.current[index - 1]?.focus();
-        }
-        else if (e.key === "Enter" && isComplete) {
-            e.preventDefault();
-            handleVerify();
-        }
-    }, [digits, isComplete, handleVerify]);
-    const handlePaste = useCallback((e) => {
-        e.preventDefault();
-        const pasted = e.clipboardData.getData("text").replace(/\D/g, "");
-        const next = [...digits];
-        for (let i = 0; i < OTP_LENGTH && i < pasted.length; i++) {
-            next[i] = pasted[i];
-        }
-        setDigits(next);
-        const focusIdx = Math.min(pasted.length, OTP_LENGTH - 1);
-        inputsRef.current[focusIdx]?.focus();
-    }, [digits]);
+    const handleVerify = useCallback(async (code) => {
+        if (!account)
+            return { ok: false };
+        const ok = await account.verifyOtp(code);
+        return ok ? { ok: true } : { ok: false };
+    }, [account]);
     const handleResend = useCallback(async () => {
         if (!account)
             return;
-        setDigits(Array(OTP_LENGTH).fill(""));
         await account.sendOtp();
-        inputsRef.current[0]?.focus();
     }, [account]);
-    return (_jsxs("div", { className: "daimo-flex daimo-flex-col daimo-flex-1 daimo-min-h-0", children: [_jsx(PageHeader, { title: t.accountOtp, onBack: onBack }), _jsxs(CenteredContent, { children: [_jsxs("p", { className: "daimo-text-sm daimo-text-[var(--daimo-text-secondary)] daimo-text-center", children: [t.accountOtpSent, " ", _jsx("strong", { children: account?.email })] }), _jsx("div", { className: "daimo-flex daimo-gap-2 daimo-justify-center", children: digits.map((digit, i) => (_jsx("input", { ref: (el) => { inputsRef.current[i] = el; }, type: "text", inputMode: "numeric", maxLength: 1, value: digit, onChange: (e) => handleChange(i, e.target.value), onKeyDown: (e) => handleKeyDown(i, e), onPaste: i === 0 ? handlePaste : undefined, autoFocus: i === 0, className: "daimo-w-10 daimo-h-12 daimo-text-center daimo-text-xl daimo-font-semibold daimo-bg-[var(--daimo-surface-secondary)] daimo-text-[var(--daimo-text)] daimo-rounded-[var(--daimo-radius-sm)] daimo-border-none daimo-outline-none focus:daimo-ring-2 focus:daimo-ring-[var(--daimo-accent)] daimo-transition-shadow daimo-caret-[var(--daimo-accent)]" }, i))) }), account?.authError && _jsx(ErrorMessage, { message: account.authError }), _jsx("button", { onClick: handleResend, disabled: account?.isLoggingIn, className: "daimo-text-sm daimo-text-[var(--daimo-text-secondary)] hover:daimo-text-[var(--daimo-text)] daimo-underline daimo-transition-colors", children: t.accountResendCode })] }), _jsx("div", { className: "daimo-px-6 daimo-pb-6 daimo-flex daimo-flex-col daimo-items-center", children: _jsx(PrimaryButton, { onClick: handleVerify, disabled: !isComplete || account?.isLoggingIn, children: account?.isLoggingIn ? t.loading : t.accountVerify }) })] }));
+    return (_jsx(AccountOtpCodeEntry, { destination: account?.email ?? "", onBack: onBack, onVerified: onVerified, onVerify: handleVerify, onResend: handleResend }));
 }
 //# sourceMappingURL=AccountOtpPage.js.map

package/dist/web/components/account/AccountOtpPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"AccountOtpPage.js","sourceRoot":"","sources":["../../../../src/web/components/account/AccountOtpPage.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"AccountOtpPage.js","sourceRoot":"","sources":["../../../../src/web/components/account/AccountOtpPage.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAEpC,OAAO,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAC;AAC/D,OAAO,EACL,mBAAmB,GAEpB,MAAM,0BAA0B,CAAC;AAOlC,MAAM,UAAU,cAAc,CAAC,EAAE,MAAM,EAAE,UAAU,EAAuB;IACxE,MAAM,OAAO,GAAG,cAAc,EAAE,CAAC;IAEjC,MAAM,YAAY,GAAG,WAAW,CAC9B,KAAK,EAAE,IAAY,EAA6B,EAAE;QAChD,IAAI,CAAC,OAAO;YAAE,OAAO,EAAE,EAAE,EAAE,KAAK,EAAE,CAAC;QACnC,MAAM,EAAE,GAAG,MAAM,OAAO,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC;QACzC,OAAO,EAAE,CAAC,CAAC,CAAC,EAAE,EAAE,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,EAAE,EAAE,EAAE,KAAK,EAAE,CAAC;IAC3C,CAAC,EACD,CAAC,OAAO,CAAC,CACV,CAAC;IAEF,MAAM,YAAY,GAAG,WAAW,CAAC,KAAK,IAAI,EAAE;QAC1C,IAAI,CAAC,OAAO;YAAE,OAAO;QACrB,MAAM,OAAO,CAAC,OAAO,EAAE,CAAC;IAC1B,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,OAAO,CACL,KAAC,mBAAmB,IAClB,WAAW,EAAE,OAAO,EAAE,KAAK,IAAI,EAAE,EACjC,MAAM,EAAE,MAAM,EACd,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,YAAY,EACtB,QAAQ,EAAE,YAAY,GACtB,CACH,CAAC;AACJ,CAAC"}

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

@@ -1,11 +1,14 @@
-import type { AccountRegion } from "../../../common/account.js";
+import type { AccountRail } from "../../../common/account.js";
+import type { DaimoPlatform } from "../../platform.js";
 type AccountPaymentPageProps = {
-    region: AccountRegion;
+    rail: AccountRail;
     sessionId: string;
+    platform: DaimoPlatform;
+    baseUrl: string;
     onBack: () => void;
     onAdvance: () => void;
 };
-/** Amount entry. Stores depositAmount and advances to bank picker. */
-export declare function AccountPaymentPage({ region, sessionId, onBack, onAdvance, }: AccountPaymentPageProps): import("react/jsx-runtime").JSX.Element;
+/** Amount entry for bank-transfer rails. Stores depositAmount and advances. */
+export declare function AccountPaymentPage({ rail, sessionId, platform, baseUrl, onBack, onAdvance, }: AccountPaymentPageProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=AccountPaymentPage.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"AccountPaymentPage.d.ts","sourceRoot":"","sources":["../../../../src/web/components/account/AccountPaymentPage.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAsB,MAAM,4BAA4B,CAAC;AAiBpF,KAAK,uBAAuB,GAAG;IAC7B,MAAM,EAAE,aAAa,CAAC;IACtB,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,SAAS,EAAE,MAAM,IAAI,CAAC;CACvB,CAAC;AAEF,sEAAsE;AACtE,wBAAgB,kBAAkB,CAAC,EACjC,MAAM,EACN,SAAS,EACT,MAAM,EACN,SAAS,GACV,EAAE,uBAAuB,2CAsEzB"}
+{"version":3,"file":"AccountPaymentPage.d.ts","sourceRoot":"","sources":["../../../../src/web/components/account/AccountPaymentPage.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,WAAW,EAEZ,MAAM,4BAA4B,CAAC;AAOpC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAKvD,KAAK,uBAAuB,GAAG;IAC7B,IAAI,EAAE,WAAW,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,aAAa,CAAC;IACxB,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,SAAS,EAAE,MAAM,IAAI,CAAC;CACvB,CAAC;AAEF,+EAA+E;AAC/E,wBAAgB,kBAAkB,CAAC,EACjC,IAAI,EACJ,SAAS,EACT,QAAQ,EACR,OAAO,EACP,MAAM,EACN,SAAS,GACV,EAAE,uBAAuB,2CA8FzB"}

package/dist/web/components/account/AccountPaymentPage.js

@@ -1,30 +1,20 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useCallback, useEffect, useRef, useState } from "react";
 import { useDaimoClient } from "../../hooks/DaimoClientContext.js";
-import { useAccountFlow } from "../../hooks/useAccountFlow.js";
+import { useAccountFlow, useSessionDepositState, } from "../../hooks/useAccountFlow.js";
 import { t } from "../../hooks/locale.js";
 import { PrimaryButton } from "../buttons.js";
-import { AmountInput, CenteredContent, PageHeader, useAmountInput } from "../shared.js";
-const REGION_DEFAULTS = {
-    CA: { currencyCode: "CAD", currencySymbol: "CA$", minimumAmount: 10, maximumAmount: 3000 },
-    US: { currencyCode: "USD", currencySymbol: "$", minimumAmount: 1, maximumAmount: 10000 },
-};
-/** Amount entry. Stores depositAmount and advances to bank picker. */
-export function AccountPaymentPage({ region, sessionId, onBack, onAdvance, }) {
+import { CenteredContent, PageHeader } from "../shared.js";
+import { TokenAmountEntry } from "../TokenAmountEntry.js";
+/** Amount entry for bank-transfer rails. Stores depositAmount and advances. */
+export function AccountPaymentPage({ rail, sessionId, platform, baseUrl, onBack, onAdvance, }) {
     const client = useDaimoClient();
     const accountFlow = useAccountFlow();
-    const paymentInfo = accountFlow?.depositState?.payment;
+    const { depositState, setDepositState } = useSessionDepositState(sessionId);
     const [constraints, setConstraints] = useState(null);
     const constraintsFetched = useRef(false);
-    const defaults = REGION_DEFAULTS[region];
-    const amountInfo = paymentInfo ?? constraints;
-    const currencySymbol = amountInfo?.currency.symbol ?? defaults.currencySymbol;
-    const minimum = parseAmountBound(amountInfo?.minAmount) ?? defaults.minimumAmount;
-    const maximum = parseAmountBound(amountInfo?.maxAmount) ?? defaults.maximumAmount;
-    const { amount, isValid, handleChange } = useAmountInput(minimum, maximum);
-    // Fetch constraints from server (one-shot)
     useEffect(() => {
-        if (constraintsFetched.current || paymentInfo || !accountFlow?.isAuthenticated)
+        if (constraintsFetched.current || !accountFlow?.isAuthenticated)
             return;
         constraintsFetched.current = true;
         void (async () => {
@@ -34,7 +24,7 @@ export function AccountPaymentPage({ region, sessionId, onBack, onAdvance, }) {
                     constraintsFetched.current = false;
                     return;
                 }
-                const result = await client.account.getDepositConstraints({ sessionId, region }, { bearerToken: token });
+                const result = await client.account.getDepositConstraints({ sessionId, rail }, { bearerToken: token });
                 setConstraints(result);
             }
             catch (error) {
@@ -42,23 +32,28 @@ export function AccountPaymentPage({ region, sessionId, onBack, onAdvance, }) {
                 console.error("failed to load deposit constraints:", error);
             }
         })();
-    }, [accountFlow, client, paymentInfo, region, sessionId]);
-    const handleSubmit = useCallback((amt) => {
-        if (!accountFlow)
+    }, [accountFlow, client, rail, sessionId]);
+    const [amountUsd, setAmountUsd] = useState(0);
+    const [isValid, setIsValid] = useState(false);
+    const handleChange = useCallback((usd, valid) => {
+        setAmountUsd(usd);
+        setIsValid(valid);
+    }, []);
+    const handleSubmit = useCallback((usd) => {
+        if (!accountFlow || !constraints)
             return;
-        accountFlow.setDepositState({
-            depositAmount: amt.toFixed(2),
-            depositId: "",
-            payment: null,
-        });
+        const fiat = usd / constraints.destinationToken.usd;
+        setDepositState({ depositAmount: fiat.toFixed(2), kind: "idle" });
         onAdvance();
-    }, [accountFlow, onAdvance]);
-    return (_jsxs("div", { className: "daimo-flex daimo-flex-col daimo-flex-1 daimo-min-h-0", children: [_jsx(PageHeader, { title: t.accountPayment, onBack: onBack }), _jsx(CenteredContent, { children: _jsx(AmountInput, { minimum: minimum, maximum: maximum, currencySymbol: currencySymbol, initialValue: accountFlow?.depositState?.depositAmount, onSubmit: handleSubmit, onChange: handleChange }) }), _jsx("div", { className: "daimo-px-6 daimo-pb-6 daimo-flex daimo-flex-col daimo-items-center", children: _jsx(PrimaryButton, { onClick: () => isValid && handleSubmit(amount), disabled: !isValid, children: t.continue }) })] }));
-}
-function parseAmountBound(value) {
-    if (value == null)
-        return null;
-    const parsed = Number(value);
-    return Number.isFinite(parsed) ? parsed : null;
+    }, [accountFlow, constraints, onAdvance, setDepositState]);
+    return (_jsxs("div", { className: "daimo-flex daimo-flex-col daimo-flex-1 daimo-min-h-0", children: [_jsx(PageHeader, { title: t.accountPayment, onBack: onBack }), _jsx(CenteredContent, { children: constraints && (_jsx(TokenAmountEntry, { token: constraints.destinationToken, minimumUsd: parseFloat(constraints.minAmount) * constraints.destinationToken.usd, maximumUsd: parseFloat(constraints.maxAmount) * constraints.destinationToken.usd, nativeDisplay: {
+                        kind: "prefix",
+                        symbol: constraints.currency.symbol,
+                    }, initialMode: "native", initialAmountUsd: depositState?.depositAmount
+                        ? parseFloat(depositState.depositAmount) *
+                            constraints.destinationToken.usd
+                        : undefined, onContinue: handleSubmit, onChange: handleChange, iconLogoURI: constraints.icon.logoURI, iconAlt: constraints.icon.alt, badgeLogoURI: constraints.badge.logoURI === constraints.icon.logoURI
+                        ? null
+                        : constraints.badge.logoURI, badgeAlt: constraints.badge.alt, platform: platform, baseUrl: baseUrl })) }), _jsx("div", { className: "daimo-px-6 daimo-pb-6 daimo-flex daimo-flex-col daimo-items-center", children: _jsx(PrimaryButton, { onClick: () => isValid && handleSubmit(amountUsd), disabled: !isValid || !constraints, children: t.continue }) })] }));
 }
 //# sourceMappingURL=AccountPaymentPage.js.map

package/dist/web/components/account/AccountPaymentPage.js.map

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

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

@@ -0,0 +1,14 @@
+import type { AccountRail } from "../../../common/account.js";
+type AccountPhoneOtpPageProps = {
+    rail: AccountRail;
+    onBack: () => void;
+    onVerified: () => void;
+};
+/**
+ * OTP entry step for phone-gated enrollments. User enters the SMS code,
+ * Privy links the phone, then the SDK re-runs generic enrollment advancement.
+ * Providers that care about phone verification ingest it server-side there.
+ */
+export declare function AccountPhoneOtpPage({ rail, onBack, onVerified, }: AccountPhoneOtpPageProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=AccountPhoneOtpPage.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AccountPhoneOtpPage.d.ts","sourceRoot":"","sources":["../../../../src/web/components/account/AccountPhoneOtpPage.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAS9D,KAAK,wBAAwB,GAAG;IAC9B,IAAI,EAAE,WAAW,CAAC;IAClB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,UAAU,EAAE,MAAM,IAAI,CAAC;CACxB,CAAC;AAEF;;;;GAIG;AACH,wBAAgB,mBAAmB,CAAC,EAClC,IAAI,EACJ,MAAM,EACN,UAAU,GACX,EAAE,wBAAwB,2CAuD1B"}

package/dist/web/components/account/AccountPhoneOtpPage.js

@@ -0,0 +1,56 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useCallback } from "react";
+import { useDaimoClient } from "../../hooks/DaimoClientContext.js";
+import { useAccountFlow } from "../../hooks/useAccountFlow.js";
+import { AccountOtpCodeEntry, } from "./AccountOtpCodeEntry.js";
+import { formatUsPhoneDisplay } from "./phone.js";
+/**
+ * OTP entry step for phone-gated enrollments. User enters the SMS code,
+ * Privy links the phone, then the SDK re-runs generic enrollment advancement.
+ * Providers that care about phone verification ingest it server-side there.
+ */
+export function AccountPhoneOtpPage({ rail, onBack, onVerified, }) {
+    const account = useAccountFlow();
+    const client = useDaimoClient();
+    const handleVerify = useCallback(async (code) => {
+        if (!account)
+            return { ok: false };
+        const verified = await account.verifyPhoneOtp(code);
+        if (!verified)
+            return { ok: false };
+        // startEnrollment runs the adapter's prepareAdvance hook, which copies
+        // the just-verified Privy phone into the enrollment metadata.
+        const result = await account.startEnrollment(client, { rail });
+        if (!result) {
+            return { ok: false, msg: "failed to submit phone verification" };
+        }
+        switch (result.action) {
+            case "active":
+                return { ok: true };
+            case "phone_required":
+                return {
+                    ok: false,
+                    msg: result.reason ?? "phone verification not recognized",
+                };
+            case "error":
+                return { ok: false, msg: result.message };
+            case "suspended":
+            case "not_eligible":
+                return { ok: false, msg: result.reason };
+            default:
+                // Route unexpected states back through the enrollment page so the
+                // generic server-driven state machine can handle them.
+                return { ok: true };
+        }
+    }, [account, client, rail]);
+    const handleResend = useCallback(async () => {
+        if (!account)
+            return;
+        await account.sendPhoneOtp();
+    }, [account]);
+    const destination = account?.phoneNumber
+        ? formatUsPhoneDisplay(account.phoneNumber)
+        : "";
+    return (_jsx(AccountOtpCodeEntry, { destination: destination, onBack: onBack, onVerified: onVerified, onVerify: handleVerify, onResend: handleResend }));
+}
+//# sourceMappingURL=AccountPhoneOtpPage.js.map

package/dist/web/components/account/AccountPhoneOtpPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccountPhoneOtpPage.js","sourceRoot":"","sources":["../../../../src/web/components/account/AccountPhoneOtpPage.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAGpC,OAAO,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAC;AACnE,OAAO,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAC;AAC/D,OAAO,EACL,mBAAmB,GAEpB,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAAE,oBAAoB,EAAE,MAAM,YAAY,CAAC;AAQlD;;;;GAIG;AACH,MAAM,UAAU,mBAAmB,CAAC,EAClC,IAAI,EACJ,MAAM,EACN,UAAU,GACe;IACzB,MAAM,OAAO,GAAG,cAAc,EAAE,CAAC;IACjC,MAAM,MAAM,GAAG,cAAc,EAAE,CAAC;IAEhC,MAAM,YAAY,GAAG,WAAW,CAC9B,KAAK,EAAE,IAAY,EAA6B,EAAE;QAChD,IAAI,CAAC,OAAO;YAAE,OAAO,EAAE,EAAE,EAAE,KAAK,EAAE,CAAC;QACnC,MAAM,QAAQ,GAAG,MAAM,OAAO,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC;QACpD,IAAI,CAAC,QAAQ;YAAE,OAAO,EAAE,EAAE,EAAE,KAAK,EAAE,CAAC;QACpC,uEAAuE;QACvE,8DAA8D;QAC9D,MAAM,MAAM,GAAG,MAAM,OAAO,CAAC,eAAe,CAAC,MAAM,EAAE,EAAE,IAAI,EAAE,CAAC,CAAC;QAC/D,IAAI,CAAC,MAAM,EAAE,CAAC;YACZ,OAAO,EAAE,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,qCAAqC,EAAE,CAAC;QACnE,CAAC;QACD,QAAQ,MAAM,CAAC,MAAM,EAAE,CAAC;YACtB,KAAK,QAAQ;gBACX,OAAO,EAAE,EAAE,EAAE,IAAI,EAAE,CAAC;YACtB,KAAK,gBAAgB;gBACnB,OAAO;oBACL,EAAE,EAAE,KAAK;oBACT,GAAG,EAAE,MAAM,CAAC,MAAM,IAAI,mCAAmC;iBAC1D,CAAC;YACJ,KAAK,OAAO;gBACV,OAAO,EAAE,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,CAAC,OAAO,EAAE,CAAC;YAC5C,KAAK,WAAW,CAAC;YACjB,KAAK,cAAc;gBACjB,OAAO,EAAE,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,CAAC,MAAM,EAAE,CAAC;YAC3C;gBACE,kEAAkE;gBAClE,uDAAuD;gBACvD,OAAO,EAAE,EAAE,EAAE,IAAI,EAAE,CAAC;QACxB,CAAC;IACH,CAAC,EACD,CAAC,OAAO,EAAE,MAAM,EAAE,IAAI,CAAC,CACxB,CAAC;IAEF,MAAM,YAAY,GAAG,WAAW,CAAC,KAAK,IAAI,EAAE;QAC1C,IAAI,CAAC,OAAO;YAAE,OAAO;QACrB,MAAM,OAAO,CAAC,YAAY,EAAE,CAAC;IAC/B,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,MAAM,WAAW,GAAG,OAAO,EAAE,WAAW;QACtC,CAAC,CAAC,oBAAoB,CAAC,OAAO,CAAC,WAAW,CAAC;QAC3C,CAAC,CAAC,EAAE,CAAC;IAEP,OAAO,CACL,KAAC,mBAAmB,IAClB,WAAW,EAAE,WAAW,EACxB,MAAM,EAAE,MAAM,EACd,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,YAAY,EACtB,QAAQ,EAAE,YAAY,GACtB,CACH,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,11 @@
+type AccountPhonePageProps = {
+    onBack: () => void;
+    onOtpSent: () => void;
+};
+/**
+ * Phone entry step for Coinbase Headless enrollment. Keeps the field to a
+ * single line like email entry, but formats the US number as the user types.
+ */
+export declare function AccountPhonePage({ onBack, onOtpSent }: AccountPhonePageProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=AccountPhonePage.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AccountPhonePage.d.ts","sourceRoot":"","sources":["../../../../src/web/components/account/AccountPhonePage.tsx"],"names":[],"mappings":"AAgBA,KAAK,qBAAqB,GAAG;IAC3B,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,SAAS,EAAE,MAAM,IAAI,CAAC;CACvB,CAAC;AAEF;;;GAGG;AACH,wBAAgB,gBAAgB,CAAC,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE,qBAAqB,2CAuI5E"}

package/dist/web/components/account/AccountPhonePage.js

@@ -0,0 +1,100 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useMemo, useRef, useState } from "react";
+import { t } from "../../hooks/locale.js";
+import { useAccountFlow } from "../../hooks/useAccountFlow.js";
+import { PrimaryButton } from "../buttons.js";
+import { CenteredContent, ErrorMessage, PageHeader, } from "../shared.js";
+import { formatUsPhoneLocal, normalizeUsPhoneDigits, toUsPhoneE164, } from "./phone.js";
+/**
+ * Phone entry step for Coinbase Headless enrollment. Keeps the field to a
+ * single line like email entry, but formats the US number as the user types.
+ */
+export function AccountPhonePage({ onBack, onOtpSent }) {
+    const account = useAccountFlow();
+    const [phoneDigits, setPhoneDigits] = useState(() => normalizeUsPhoneDigits(account?.phoneNumber ?? ""));
+    const inputRef = useRef(null);
+    const e164 = useMemo(() => toUsPhoneE164(phoneDigits), [phoneDigits]);
+    const isValidPhone = e164.length === 12;
+    const formattedPhone = useMemo(() => formatUsPhoneLocal(phoneDigits), [phoneDigits]);
+    const restoreCaret = useCallback((digitIndex, nextDigits) => {
+        requestAnimationFrame(() => {
+            const input = inputRef.current;
+            if (!input)
+                return;
+            const nextFormatted = formatUsPhoneLocal(nextDigits);
+            const nextCaret = getCaretForDigitIndex(nextFormatted, digitIndex);
+            input.setSelectionRange(nextCaret, nextCaret);
+        });
+    }, []);
+    const handleSubmit = useCallback(async () => {
+        if (!account || !isValidPhone)
+            return;
+        account.setPhoneNumber(e164);
+        const sent = await account.sendPhoneOtp(e164);
+        if (sent)
+            onOtpSent();
+    }, [account, e164, isValidPhone, onOtpSent]);
+    const handleChange = useCallback((e) => {
+        if (account?.authError)
+            account.setAuthError(null);
+        const rawValue = e.target.value;
+        const nextDigits = normalizeUsPhoneDigits(rawValue);
+        const selectionStart = e.target.selectionStart ?? rawValue.length;
+        const digitIndex = Math.min(countDigits(rawValue.slice(0, selectionStart)), nextDigits.length);
+        setPhoneDigits(nextDigits);
+        restoreCaret(digitIndex, nextDigits);
+    }, [account, restoreCaret]);
+    const handleKeyDown = useCallback((e) => {
+        if (e.key === "Enter" && isValidPhone) {
+            e.preventDefault();
+            handleSubmit();
+            return;
+        }
+        if (e.key !== "Backspace" && e.key !== "Delete")
+            return;
+        const input = e.currentTarget;
+        const start = input.selectionStart ?? 0;
+        const end = input.selectionEnd ?? start;
+        if (start !== end)
+            return;
+        const digitIndex = countDigits(formattedPhone.slice(0, start));
+        const removeIndex = e.key === "Backspace" ? digitIndex - 1 : digitIndex;
+        if (removeIndex < 0 || removeIndex >= phoneDigits.length)
+            return;
+        e.preventDefault();
+        if (account?.authError)
+            account.setAuthError(null);
+        const nextDigits = phoneDigits.slice(0, removeIndex) + phoneDigits.slice(removeIndex + 1);
+        setPhoneDigits(nextDigits);
+        restoreCaret(removeIndex, nextDigits);
+    }, [account, formattedPhone, handleSubmit, isValidPhone, phoneDigits, restoreCaret]);
+    const handlePaste = useCallback((e) => {
+        e.preventDefault();
+        if (account?.authError)
+            account.setAuthError(null);
+        const nextDigits = normalizeUsPhoneDigits(e.clipboardData.getData("text"));
+        setPhoneDigits(nextDigits);
+        restoreCaret(nextDigits.length, nextDigits);
+    }, [account, restoreCaret]);
+    const handleFocus = useCallback(() => {
+        restoreCaret(phoneDigits.length, phoneDigits);
+    }, [phoneDigits, restoreCaret]);
+    return (_jsxs("div", { className: "daimo-flex daimo-flex-col daimo-flex-1 daimo-min-h-0", children: [_jsx(PageHeader, { title: t.accountPhone, onBack: onBack }), _jsxs(CenteredContent, { children: [_jsx("p", { className: "daimo-text-sm daimo-text-[var(--daimo-text-secondary)] daimo-text-center", children: t.accountPhoneDesc }), _jsxs("div", { className: "daimo-w-full daimo-max-w-xs daimo-flex daimo-items-center daimo-gap-3 daimo-px-4 daimo-py-3 daimo-bg-[var(--daimo-surface-secondary)] daimo-rounded-[var(--daimo-radius-md)] focus-within:daimo-ring-2 focus-within:daimo-ring-[var(--daimo-accent)] daimo-transition-shadow", children: [_jsx("span", { className: "daimo-text-base daimo-font-medium daimo-text-[var(--daimo-text-secondary)] daimo-select-none", children: "+1" }), _jsx("input", { ref: inputRef, type: "tel", inputMode: "tel", autoComplete: "tel-national", value: formattedPhone, onChange: handleChange, onKeyDown: handleKeyDown, onPaste: handlePaste, onFocus: handleFocus, placeholder: "555 123 4567", "aria-label": t.accountPhone, autoFocus: true, className: "daimo-flex-1 daimo-min-w-0 daimo-bg-transparent daimo-border-none daimo-outline-none daimo-shadow-none daimo-ring-0 daimo-text-base daimo-text-[var(--daimo-text)] daimo-placeholder-[var(--daimo-placeholder)] daimo-caret-[var(--daimo-accent)] focus:daimo-outline-none focus:daimo-ring-0 focus:daimo-border-none focus:daimo-shadow-none" })] }), account?.authError && _jsx(ErrorMessage, { message: account.authError })] }), _jsx("div", { className: "daimo-px-6 daimo-pb-6 daimo-flex daimo-flex-col daimo-items-center", children: _jsx(PrimaryButton, { onClick: handleSubmit, disabled: !isValidPhone || account?.isLoggingIn, children: account?.isLoggingIn ? t.loading : t.continue }) })] }));
+}
+function countDigits(value) {
+    return value.replace(/\D/g, "").length;
+}
+function getCaretForDigitIndex(formatted, digitIndex) {
+    if (digitIndex <= 0)
+        return 0;
+    let seenDigits = 0;
+    for (let i = 0; i < formatted.length; i++) {
+        if (!/\d/.test(formatted[i]))
+            continue;
+        seenDigits += 1;
+        if (seenDigits === digitIndex)
+            return i + 1;
+    }
+    return formatted.length;
+}
+//# sourceMappingURL=AccountPhonePage.js.map

package/dist/web/components/account/AccountPhonePage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccountPhonePage.js","sourceRoot":"","sources":["../../../../src/web/components/account/AccountPhonePage.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE/D,OAAO,EAAE,CAAC,EAAE,MAAM,uBAAuB,CAAC;AAC1C,OAAO,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAC;AAC/D,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAC9C,OAAO,EACL,eAAe,EACf,YAAY,EACZ,UAAU,GACX,MAAM,cAAc,CAAC;AACtB,OAAO,EACL,kBAAkB,EAClB,sBAAsB,EACtB,aAAa,GACd,MAAM,YAAY,CAAC;AAOpB;;;GAGG;AACH,MAAM,UAAU,gBAAgB,CAAC,EAAE,MAAM,EAAE,SAAS,EAAyB;IAC3E,MAAM,OAAO,GAAG,cAAc,EAAE,CAAC;IACjC,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,GAAG,EAAE,CAClD,sBAAsB,CAAC,OAAO,EAAE,WAAW,IAAI,EAAE,CAAC,CACnD,CAAC;IACF,MAAM,QAAQ,GAAG,MAAM,CAA0B,IAAI,CAAC,CAAC;IAEvD,MAAM,IAAI,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,aAAa,CAAC,WAAW,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IACtE,MAAM,YAAY,GAAG,IAAI,CAAC,MAAM,KAAK,EAAE,CAAC;IACxC,MAAM,cAAc,GAAG,OAAO,CAC5B,GAAG,EAAE,CAAC,kBAAkB,CAAC,WAAW,CAAC,EACrC,CAAC,WAAW,CAAC,CACd,CAAC;IAEF,MAAM,YAAY,GAAG,WAAW,CAAC,CAAC,UAAkB,EAAE,UAAkB,EAAE,EAAE;QAC1E,qBAAqB,CAAC,GAAG,EAAE;YACzB,MAAM,KAAK,GAAG,QAAQ,CAAC,OAAO,CAAC;YAC/B,IAAI,CAAC,KAAK;gBAAE,OAAO;YACnB,MAAM,aAAa,GAAG,kBAAkB,CAAC,UAAU,CAAC,CAAC;YACrD,MAAM,SAAS,GAAG,qBAAqB,CAAC,aAAa,EAAE,UAAU,CAAC,CAAC;YACnE,KAAK,CAAC,iBAAiB,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;QAChD,CAAC,CAAC,CAAC;IACL,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,YAAY,GAAG,WAAW,CAAC,KAAK,IAAI,EAAE;QAC1C,IAAI,CAAC,OAAO,IAAI,CAAC,YAAY;YAAE,OAAO;QACtC,OAAO,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC;QAC7B,MAAM,IAAI,GAAG,MAAM,OAAO,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC;QAC9C,IAAI,IAAI;YAAE,SAAS,EAAE,CAAC;IACxB,CAAC,EAAE,CAAC,OAAO,EAAE,IAAI,EAAE,YAAY,EAAE,SAAS,CAAC,CAAC,CAAC;IAE7C,MAAM,YAAY,GAAG,WAAW,CAC9B,CAAC,CAAsC,EAAE,EAAE;QACzC,IAAI,OAAO,EAAE,SAAS;YAAE,OAAO,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC;QACnD,MAAM,QAAQ,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC;QAChC,MAAM,UAAU,GAAG,sBAAsB,CAAC,QAAQ,CAAC,CAAC;QACpD,MAAM,cAAc,GAAG,CAAC,CAAC,MAAM,CAAC,cAAc,IAAI,QAAQ,CAAC,MAAM,CAAC;QAClE,MAAM,UAAU,GAAG,IAAI,CAAC,GAAG,CACzB,WAAW,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,EAAE,cAAc,CAAC,CAAC,EAC9C,UAAU,CAAC,MAAM,CAClB,CAAC;QACF,cAAc,CAAC,UAAU,CAAC,CAAC;QAC3B,YAAY,CAAC,UAAU,EAAE,UAAU,CAAC,CAAC;IACvC,CAAC,EACD,CAAC,OAAO,EAAE,YAAY,CAAC,CACxB,CAAC;IAEF,MAAM,aAAa,GAAG,WAAW,CAC/B,CAAC,CAAwC,EAAE,EAAE;QAC3C,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,IAAI,YAAY,EAAE,CAAC;YACtC,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,YAAY,EAAE,CAAC;YACf,OAAO;QACT,CAAC;QACD,IAAI,CAAC,CAAC,GAAG,KAAK,WAAW,IAAI,CAAC,CAAC,GAAG,KAAK,QAAQ;YAAE,OAAO;QAExD,MAAM,KAAK,GAAG,CAAC,CAAC,aAAa,CAAC;QAC9B,MAAM,KAAK,GAAG,KAAK,CAAC,cAAc,IAAI,CAAC,CAAC;QACxC,MAAM,GAAG,GAAG,KAAK,CAAC,YAAY,IAAI,KAAK,CAAC;QACxC,IAAI,KAAK,KAAK,GAAG;YAAE,OAAO;QAE1B,MAAM,UAAU,GAAG,WAAW,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC;QAC/D,MAAM,WAAW,GAAG,CAAC,CAAC,GAAG,KAAK,WAAW,CAAC,CAAC,CAAC,UAAU,GAAG,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC;QACxE,IAAI,WAAW,GAAG,CAAC,IAAI,WAAW,IAAI,WAAW,CAAC,MAAM;YAAE,OAAO;QAEjE,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,IAAI,OAAO,EAAE,SAAS;YAAE,OAAO,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC;QACnD,MAAM,UAAU,GACd,WAAW,CAAC,KAAK,CAAC,CAAC,EAAE,WAAW,CAAC,GAAG,WAAW,CAAC,KAAK,CAAC,WAAW,GAAG,CAAC,CAAC,CAAC;QACzE,cAAc,CAAC,UAAU,CAAC,CAAC;QAC3B,YAAY,CAAC,WAAW,EAAE,UAAU,CAAC,CAAC;IACxC,CAAC,EACD,CAAC,OAAO,EAAE,cAAc,EAAE,YAAY,EAAE,YAAY,EAAE,WAAW,EAAE,YAAY,CAAC,CACjF,CAAC;IAEF,MAAM,WAAW,GAAG,WAAW,CAC7B,CAAC,CAAyC,EAAE,EAAE;QAC5C,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,IAAI,OAAO,EAAE,SAAS;YAAE,OAAO,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC;QACnD,MAAM,UAAU,GAAG,sBAAsB,CACvC,CAAC,CAAC,aAAa,CAAC,OAAO,CAAC,MAAM,CAAC,CAChC,CAAC;QACF,cAAc,CAAC,UAAU,CAAC,CAAC;QAC3B,YAAY,CAAC,UAAU,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC;IAC9C,CAAC,EACD,CAAC,OAAO,EAAE,YAAY,CAAC,CACxB,CAAC;IAEF,MAAM,WAAW,GAAG,WAAW,CAAC,GAAG,EAAE;QACnC,YAAY,CAAC,WAAW,CAAC,MAAM,EAAE,WAAW,CAAC,CAAC;IAChD,CAAC,EAAE,CAAC,WAAW,EAAE,YAAY,CAAC,CAAC,CAAC;IAEhC,OAAO,CACL,eAAK,SAAS,EAAC,sDAAsD,aACnE,KAAC,UAAU,IAAC,KAAK,EAAE,CAAC,CAAC,YAAY,EAAE,MAAM,EAAE,MAAM,GAAI,EAErD,MAAC,eAAe,eACd,YAAG,SAAS,EAAC,0EAA0E,YACpF,CAAC,CAAC,gBAAgB,GACjB,EAEJ,eAAK,SAAS,EAAC,8QAA8Q,aAC3R,eAAM,SAAS,EAAC,8FAA8F,mBAEvG,EACP,gBACE,GAAG,EAAE,QAAQ,EACb,IAAI,EAAC,KAAK,EACV,SAAS,EAAC,KAAK,EACf,YAAY,EAAC,cAAc,EAC3B,KAAK,EAAE,cAAc,EACrB,QAAQ,EAAE,YAAY,EACtB,SAAS,EAAE,aAAa,EACxB,OAAO,EAAE,WAAW,EACpB,OAAO,EAAE,WAAW,EACpB,WAAW,EAAC,cAAc,gBACd,CAAC,CAAC,YAAY,EAC1B,SAAS,QACT,SAAS,EAAC,+UAA+U,GACzV,IACE,EAEL,OAAO,EAAE,SAAS,IAAI,KAAC,YAAY,IAAC,OAAO,EAAE,OAAO,CAAC,SAAS,GAAI,IACnD,EAElB,cAAK,SAAS,EAAC,oEAAoE,YACjF,KAAC,aAAa,IACZ,OAAO,EAAE,YAAY,EACrB,QAAQ,EAAE,CAAC,YAAY,IAAI,OAAO,EAAE,WAAW,YAE9C,OAAO,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,GAChC,GACZ,IACF,CACP,CAAC;AACJ,CAAC;AAED,SAAS,WAAW,CAAC,KAAa;IAChC,OAAO,KAAK,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,MAAM,CAAC;AACzC,CAAC;AAED,SAAS,qBAAqB,CAAC,SAAiB,EAAE,UAAkB;IAClE,IAAI,UAAU,IAAI,CAAC;QAAE,OAAO,CAAC,CAAC;IAC9B,IAAI,UAAU,GAAG,CAAC,CAAC;IACnB,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,SAAS,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;QAC1C,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC;YAAE,SAAS;QACvC,UAAU,IAAI,CAAC,CAAC;QAChB,IAAI,UAAU,KAAK,UAAU;YAAE,OAAO,CAAC,GAAG,CAAC,CAAC;IAC9C,CAAC;IACD,OAAO,SAAS,CAAC,MAAM,CAAC;AAC1B,CAAC"}

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

@@ -0,0 +1,2 @@
+export declare function AccountReadyPage(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=AccountReadyPage.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AccountReadyPage.d.ts","sourceRoot":"","sources":["../../../../src/web/components/account/AccountReadyPage.tsx"],"names":[],"mappings":"AAGA,wBAAgB,gBAAgB,4CAqB/B"}

package/dist/web/components/account/AccountReadyPage.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { t } from "../../hooks/locale.js";
+import { CenteredContent, PageHeader } from "../shared.js";
+export function AccountReadyPage() {
+    return (_jsxs("div", { className: "daimo-flex daimo-flex-col daimo-flex-1 daimo-min-h-0", children: [_jsx(PageHeader, { title: t.accountReadyTitle, onBack: null }), _jsx(CenteredContent, { children: _jsxs("div", { className: "daimo-flex daimo-flex-col daimo-items-center daimo-gap-4 daimo-px-6 daimo-text-center", children: [_jsx("div", { className: "daimo-flex daimo-h-16 daimo-w-16 daimo-items-center daimo-justify-center daimo-rounded-full daimo-bg-[var(--daimo-surface-secondary)]", children: _jsx("div", { className: "daimo-h-7 daimo-w-7 daimo-rounded-full daimo-bg-[var(--daimo-accent)]" }) }), _jsxs("div", { className: "daimo-flex daimo-flex-col daimo-gap-2", children: [_jsx("h2", { className: "daimo-text-xl daimo-font-semibold daimo-text-[var(--daimo-text)]", children: t.accountReadyHeading }), _jsx("p", { className: "daimo-text-sm daimo-leading-relaxed daimo-text-[var(--daimo-text-secondary)]", children: t.accountReadyDescription })] })] }) })] }));
+}
+//# sourceMappingURL=AccountReadyPage.js.map

package/dist/web/components/account/AccountReadyPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccountReadyPage.js","sourceRoot":"","sources":["../../../../src/web/components/account/AccountReadyPage.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,uBAAuB,CAAC;AAC1C,OAAO,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE3D,MAAM,UAAU,gBAAgB;IAC9B,OAAO,CACL,eAAK,SAAS,EAAC,sDAAsD,aACnE,KAAC,UAAU,IAAC,KAAK,EAAE,CAAC,CAAC,iBAAiB,EAAE,MAAM,EAAE,IAAI,GAAI,EACxD,KAAC,eAAe,cACd,eAAK,SAAS,EAAC,uFAAuF,aACpG,cAAK,SAAS,EAAC,uIAAuI,YACpJ,cAAK,SAAS,EAAC,uEAAuE,GAAG,GACrF,EACN,eAAK,SAAS,EAAC,uCAAuC,aACpD,aAAI,SAAS,EAAC,kEAAkE,YAC7E,CAAC,CAAC,mBAAmB,GACnB,EACL,YAAG,SAAS,EAAC,8EAA8E,YACxF,CAAC,CAAC,uBAAuB,GACxB,IACA,IACF,GACU,IACd,CACP,CAAC;AACJ,CAAC"}

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

@@ -1,6 +1,4 @@
-import type { AccountRegion } from "../../../common/account.js";
 type AccountStatusPageProps = {
-    region: AccountRegion;
     sessionId: string;
     clientSecret: string;
     baseUrl: string;
@@ -8,6 +6,6 @@ type AccountStatusPageProps = {
 /**
  * Async deposit status — ConfirmationSpinner + progress steps + action rows.
  */
-export declare function AccountStatusPage({ region, sessionId, clientSecret, baseUrl, }: AccountStatusPageProps): import("react/jsx-runtime").JSX.Element;
+export declare function AccountStatusPage({ sessionId, clientSecret, baseUrl, }: AccountStatusPageProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=AccountStatusPage.d.ts.map