@daimo/sdk 1.4.0 → 1.4.1

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

@@ -5,7 +5,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  * Renders PrivyProvider with the given appId. Inside, PrivyConsumer
  * reads Privy hooks and registers them with the account flow state.
  */
-import { PrivyProvider, useLoginWithEmail, usePrivy, useWallets } from "@privy-io/react-auth";
+import { PrivyProvider, useLoginWithEmail, useLoginWithSms, usePrivy, useWallets, } from "@privy-io/react-auth";
 import { useCallback, useEffect, useMemo } from "react";
 import { AccountFlowContext, useAccountFlowState, } from "../../hooks/useAccountFlow.js";
 export function AccountFlowProvider({ privyAppId, children }) {
@@ -20,6 +20,7 @@ export function AccountFlowProvider({ privyAppId, children }) {
 function PrivyConsumer({ accountFlow, }) {
     const { ready, authenticated, logout, getAccessToken, createWallet, user } = usePrivy();
     const { sendCode: rawSendCode, loginWithCode: rawLoginWithCode } = useLoginWithEmail();
+    const { sendCode: rawSendPhoneCode, loginWithCode: rawLoginWithPhoneCode, } = useLoginWithSms();
     const { wallets } = useWallets();
     const sendCode = useCallback(async (email) => {
         await rawSendCode({ email });
@@ -27,6 +28,12 @@ function PrivyConsumer({ accountFlow, }) {
     const loginWithCode = useCallback(async (code) => {
         await rawLoginWithCode({ code });
     }, [rawLoginWithCode]);
+    const sendPhoneCode = useCallback(async (phoneNumber) => {
+        await rawSendPhoneCode({ phoneNumber });
+    }, [rawSendPhoneCode]);
+    const loginWithPhoneCode = useCallback(async (code) => {
+        await rawLoginWithPhoneCode({ code });
+    }, [rawLoginWithPhoneCode]);
     const walletAddress = user?.wallet?.address ?? null;
     const embeddedWallet = wallets.find((w) => w.walletClientType === "privy");
     const signTypedData = useCallback(async (typedData) => {
@@ -42,6 +49,8 @@ function PrivyConsumer({ accountFlow, }) {
     const hooks = useMemo(() => ({
         sendCode,
         loginWithCode,
+        sendPhoneCode,
+        loginWithPhoneCode,
         createWallet,
         getAccessToken,
         signTypedData,
@@ -49,7 +58,19 @@ function PrivyConsumer({ accountFlow, }) {
         ready,
         authenticated,
         walletAddress,
-    }), [ready, authenticated, walletAddress, sendCode, loginWithCode, createWallet, getAccessToken, signTypedData, logout]);
+    }), [
+        ready,
+        authenticated,
+        walletAddress,
+        sendCode,
+        loginWithCode,
+        sendPhoneCode,
+        loginWithPhoneCode,
+        createWallet,
+        getAccessToken,
+        signTypedData,
+        logout,
+    ]);
     useEffect(() => {
         accountFlow.registerPrivy(hooks);
     }, [hooks, accountFlow.registerPrivy]);

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

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

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

@@ -0,0 +1,16 @@
+export type OtpVerifyOutcome = {
+    ok: true;
+} | {
+    ok: false;
+    msg?: string;
+};
+type AccountOtpCodeEntryProps = {
+    destination: string;
+    onBack: () => void;
+    onVerified: () => void;
+    onVerify: (code: string) => Promise<OtpVerifyOutcome>;
+    onResend: () => Promise<void>;
+};
+export declare function AccountOtpCodeEntry({ destination, onBack, onVerified, onVerify, onResend, }: AccountOtpCodeEntryProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=AccountOtpCodeEntry.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AccountOtpCodeEntry.d.ts","sourceRoot":"","sources":["../../../../src/web/components/account/AccountOtpCodeEntry.tsx"],"names":[],"mappings":"AAWA,MAAM,MAAM,gBAAgB,GAAG;IAAE,EAAE,EAAE,IAAI,CAAA;CAAE,GAAG;IAAE,EAAE,EAAE,KAAK,CAAC;IAAC,GAAG,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAE1E,KAAK,wBAAwB,GAAG;IAC9B,WAAW,EAAE,MAAM,CAAC;IACpB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC,gBAAgB,CAAC,CAAC;IACtD,QAAQ,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;CAC/B,CAAC;AAQF,wBAAgB,mBAAmB,CAAC,EAClC,WAAW,EACX,MAAM,EACN,UAAU,EACV,QAAQ,EACR,QAAQ,GACT,EAAE,wBAAwB,2CAuI1B"}

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"}