@daimo/sdk 1.8.0-beta.0 → 1.8.2

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

@@ -1,7 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useCallback, useEffect, useRef, useState, } from "react";
-import { zodResolver } from "@hookform/resolvers/zod";
-import { useForm } from "react-hook-form";
+import { useCallback, useEffect, useMemo, useRef, useState, } from "react";
 import { useDaimoClient } from "../../hooks/DaimoClientContext.js";
 import { getLocale, t } from "../../hooks/locale.js";
 import { useAccountFlow } from "../../hooks/useAccountFlow.js";
@@ -11,218 +9,296 @@ import { ErrorPage } from "../ErrorPage.js";
 import { CheckIcon, ErrorIcon } from "../icons.js";
 import { Skeleton, SkeletonText } from "../Skeleton.js";
 import { CenteredContent, ContactSupportButton, PageHeader, } from "../shared.js";
-import { DaimoFormField, DaimoTextField } from "../formFields.js";
-import { AccountKycInfoPage, AccountKycInfoSkeleton, } from "./AccountKycInfoPage.js";
-import { zLegalNameForm } from "./formSchemas.js";
+import { AccountOtpCodeEntry, } from "./AccountOtpCodeEntry.js";
+import { enrollmentInteractionIdentity, enrollmentFormActionInput, enrollmentHostedReturnTiming, enrollmentNavigationEffect, enrollmentPollingDelay, isEnrollmentResponseCurrent, loadEnrollmentStep, shouldLoadEnrollmentTarget, submitEnrollmentStep, } from "./enrollmentProtocol.js";
 import { getKycRequirement, KycIndicator } from "./kycRequirement.js";
 import { PaginatedEnrollmentForm, } from "./PaginatedEnrollmentForm.js";
-/** Actions that should trigger polling — the state is still advancing. */
-const POLLING_ACTIONS = new Set([
-    "kyc_required",
-    "kyc_retry",
-    "kyc_pending_review",
-    "hosted_agreement_required",
-    "hosted_kyc_required",
-    "provider_pending",
-]);
-export function AccountEnrollmentPage({ node, sessionId, platform, onBack, onReady, onPhoneRequired, onProviderOtpRequired, }) {
+export function AccountEnrollmentPage({ node, sessionId, platform, onBack, onReady, onPhoneRequired, }) {
     const rail = node.fiatMethod;
-    const requiresLegalNameBeforeEnrollment = rail === "ach" || rail === "sepa";
+    const target = `${sessionId}:${rail}`;
     const account = useAccountFlow();
-    const setProviderOtp = account?.setProviderOtp;
+    const getAccessToken = account?.getAccessToken;
     const client = useDaimoClient();
-    const [response, setResponse] = useState(null);
+    const legacyCopy = useMemo(() => getLegacyCopy(platform), [platform]);
+    const [step, setStep] = useState(null);
     const [isLoading, setIsLoading] = useState(true);
-    const [kycAccepted, setKycAccepted] = useState(false);
-    const [legalName, setLegalName] = useState(null);
-    const started = useRef(false);
-    const responseRef = useRef(null);
-    const readyTimeoutRef = useRef(null);
-    const applyEnrollmentResult = useCallback((result, previousAction) => {
-        if (previousAction === "hosted_agreement_required" &&
-            result.action === "active") {
-            const pending = { action: "provider_pending" };
-            responseRef.current = pending;
-            setResponse(pending);
-            if (readyTimeoutRef.current != null) {
-                window.clearTimeout(readyTimeoutRef.current);
-            }
-            readyTimeoutRef.current = window.setTimeout(() => {
-                responseRef.current = result;
-                setResponse(result);
-                onReady();
-            }, 900);
-            return;
-        }
-        if (result.action === "active") {
-            responseRef.current = result;
-            setResponse(result);
-            onReady();
+    const [errorMessage, setErrorMessage] = useState(null);
+    const latestRequestRef = useRef(0);
+    const targetRef = useRef(target);
+    const stepRef = useRef(null);
+    const mountedRef = useRef(true);
+    const loadedTargetRef = useRef(null);
+    const onReadyRef = useRef(onReady);
+    const onPhoneRequiredRef = useRef(onPhoneRequired);
+    targetRef.current = target;
+    onReadyRef.current = onReady;
+    onPhoneRequiredRef.current = onPhoneRequired;
+    useEffect(() => {
+        mountedRef.current = true;
+        return () => {
+            mountedRef.current = false;
+            latestRequestRef.current += 1;
+        };
+    }, []);
+    const applyStep = useCallback((result) => {
+        stepRef.current = result;
+        setStep(result);
+        setIsLoading(false);
+        setErrorMessage(null);
+        switch (enrollmentNavigationEffect(result.interaction)) {
+            case "ready":
+                onReadyRef.current();
+                return;
+            case "phone":
+                onPhoneRequiredRef.current();
+                return;
+            case "render":
+                return;
         }
-        else if (result.action === "phone_required") {
-            // Coinbase Headless has no KYC — phone OTP is the only step.
-            // Navigate to the phone entry screen; the server will flip to "active"
-            // once we return from phone verification.
-            responseRef.current = result;
-            setResponse(result);
-            onPhoneRequired();
+    }, []);
+    const runRequest = useCallback(async (request, expectedInteraction) => {
+        const requestId = ++latestRequestRef.current;
+        const requestTarget = targetRef.current;
+        let result;
+        try {
+            result = await request();
         }
-        else if (result.action === "provider_otp_required") {
-            responseRef.current = result;
-            setResponse(result);
-            setProviderOtp?.(result);
-            onProviderOtpRequired();
+        catch {
+            if (mountedRef.current &&
+                isEnrollmentResponseCurrent({
+                    requestId,
+                    latestRequestId: latestRequestRef.current,
+                    requestTarget,
+                    currentTarget: targetRef.current,
+                    expectedInteraction,
+                    currentInteraction: enrollmentInteractionIdentity(stepRef.current),
+                })) {
+                setIsLoading(false);
+                setErrorMessage(t.errorGeneric);
+            }
+            return null;
         }
-        else {
-            responseRef.current = result;
-            setResponse(result);
+        if (!mountedRef.current ||
+            !isEnrollmentResponseCurrent({
+                requestId,
+                latestRequestId: latestRequestRef.current,
+                requestTarget,
+                currentTarget: targetRef.current,
+                expectedInteraction,
+                currentInteraction: enrollmentInteractionIdentity(stepRef.current),
+            })) {
+            return null;
         }
-    }, [onReady, onPhoneRequired, onProviderOtpRequired, setProviderOtp]);
-    const fetchEnrollment = useCallback(async () => {
-        if (!account)
-            return;
-        const isInitial = responseRef.current == null;
-        const previousAction = responseRef.current?.action;
-        if (isInitial)
-            setIsLoading(true);
-        let result;
-        try {
-            result = await account.startEnrollment(client, {
+        applyStep(result);
+        return result;
+    }, [applyStep]);
+    const refreshEnrollment = useCallback(async (expectedInteraction = null) => {
+        if (!getAccessToken)
+            return null;
+        return runRequest(async () => {
+            const token = await getAccessToken();
+            if (!token)
+                throw new Error("not authenticated");
+            return loadEnrollmentStep({
+                client,
                 rail,
-                ...(legalName ? { legalName } : {}),
+                locale: getLocale(),
+                auth: { bearerToken: token },
+                legacyCopy,
             });
-        }
-        catch (err) {
-            console.error("[enrollment] fetch failed:", err);
-            result = { action: "error", message: t.errorGeneric, retryable: true };
-        }
-        if (isInitial)
-            setIsLoading(false);
-        if (!result)
-            return;
-        applyEnrollmentResult(result, previousAction);
-    }, [account, applyEnrollmentResult, client, legalName, rail]);
-    // Initial fetch
+        }, expectedInteraction);
+    }, [client, getAccessToken, legacyCopy, rail, runRequest]);
+    const submitAction = useCallback(async (source, actionId, input) => {
+        if (!getAccessToken)
+            return null;
+        const expectedInteraction = enrollmentInteractionIdentity(source);
+        return runRequest(async () => {
+            const token = await getAccessToken();
+            if (!token)
+                throw new Error("not authenticated");
+            return submitEnrollmentStep({
+                client,
+                rail,
+                locale: getLocale(),
+                auth: { bearerToken: token },
+                step: source,
+                actionId,
+                input,
+                legacyCopy,
+            });
+        }, expectedInteraction);
+    }, [client, getAccessToken, legacyCopy, rail, runRequest]);
+    const refreshEnrollmentRef = useRef(refreshEnrollment);
+    refreshEnrollmentRef.current = refreshEnrollment;
     useEffect(() => {
-        if (started.current)
-            return;
-        if (requiresLegalNameBeforeEnrollment && legalName == null)
+        if (!shouldLoadEnrollmentTarget({
+            loadedTarget: loadedTargetRef.current,
+            target,
+            canLoad: getAccessToken != null,
+        })) {
             return;
-        started.current = true;
-        fetchEnrollment();
-    }, [requiresLegalNameBeforeEnrollment, fetchEnrollment, legalName]);
-    // Poll while the state is still advancing
+        }
+        loadedTargetRef.current = target;
+        latestRequestRef.current += 1;
+        stepRef.current = null;
+        setStep(null);
+        setErrorMessage(null);
+        setIsLoading(true);
+        void refreshEnrollmentRef.current();
+    }, [getAccessToken, target]);
     useEffect(() => {
-        if (!response || !POLLING_ACTIONS.has(response.action))
+        if (!step)
             return;
-        const interval = setInterval(fetchEnrollment, 2000);
-        return () => clearInterval(interval);
-    }, [response?.action, fetchEnrollment]);
-    useEffect(() => {
-        return () => {
-            if (readyTimeoutRef.current != null) {
-                window.clearTimeout(readyTimeoutRef.current);
-            }
-        };
-    }, []);
-    // --- Render ---
-    if (requiresLegalNameBeforeEnrollment && legalName == null) {
-        if (!kycAccepted) {
-            return (_jsx(AccountKycInfoPage, { node: node, onContinue: () => setKycAccepted(true), onBack: onBack }));
-        }
-        return (_jsx(AccountLegalNamePage, { onBack: () => setKycAccepted(false), onSubmit: (name) => {
-                setLegalName(name);
-            } }));
-    }
+        const delayMs = enrollmentPollingDelay(step.interaction);
+        if (delayMs == null)
+            return;
+        const expectedInteraction = enrollmentInteractionIdentity(step);
+        const timeout = window.setTimeout(() => {
+            void refreshEnrollmentRef.current(expectedInteraction);
+        }, delayMs);
+        return () => window.clearTimeout(timeout);
+    }, [step]);
     if (isLoading) {
-        return rail === "apple_pay" ? (_jsx(PhoneEntrySkeleton, { onBack: onBack })) : (_jsx(AccountKycInfoSkeleton, { node: node, onBack: onBack }));
+        return (_jsx(EnrollmentWaiting, { title: t.loading, label: t.loading, onBack: onBack }));
+    }
+    if (errorMessage) {
+        return (_jsx(ErrorPage, { message: errorMessage, sessionId: sessionId, retryText: t.tryAgain, onRetry: () => void refreshEnrollment() }));
     }
-    if (!response)
+    if (!step)
         return null;
-    switch (response.action) {
-        case "kyc_required":
-            if (!kycAccepted) {
-                return (_jsx(AccountKycInfoPage, { node: node, onContinue: () => setKycAccepted(true), onBack: onBack }));
-            }
-            return (_jsx(HostedEnrollmentPage, { node: node, step: response, platform: platform, onBack: () => setKycAccepted(false) }));
-        case "kyc_retry":
-            return (_jsx(HostedEnrollmentPage, { node: node, step: response, platform: platform, onBack: onBack }));
-        case "kyc_pending_review":
-            return (_jsx(EnrollmentReviewSubmitted, { title: t.accountEnrollmentPending, message: t.accountEnrollmentPendingDesc, onBack: onBack }));
-        case "enrollment_form_required":
-            return (_jsx(AccountEnrollmentFormPage, { form: response.form, onBack: onBack, onSubmitted: (result) => applyEnrollmentResult(result, response.action) }));
-        case "hosted_kyc_required":
-            return (_jsx(HostedEnrollmentPage, { node: node, step: response, platform: platform, onBack: onBack }));
-        case "hosted_agreement_required":
-            return (_jsx(HostedEnrollmentPage, { node: node, step: response, platform: platform, onBack: onBack }));
-        case "provider_pending":
-            return (_jsx(EnrollmentWaiting, { title: t.accountProviderPending, label: t.accountProviderPendingDesc }));
-        case "kyc_rejected_final":
-            return (_jsx(EnrollmentTerminal, { title: t.accountEnrollmentRejected, message: response.reason, sessionId: sessionId }));
-        case "not_eligible":
-            return (_jsx(EnrollmentIneligible, { message: response.reason, sessionId: sessionId, onBack: onBack }));
+    const interaction = step.interaction;
+    switch (interaction.kind) {
+        case "form":
+            return (_jsx(AccountEnrollmentFormPage, { interaction: interaction, onBack: onBack, onSubmit: (actionId, input) => submitAction(step, actionId, input) }, enrollmentInteractionIdentity(step)));
+        case "otp":
+            return (_jsx(EnrollmentOtpPage, { interaction: interaction, onBack: onBack, onSubmit: (actionId, input) => submitAction(step, actionId, input) }, enrollmentInteractionIdentity(step)));
+        case "account-phone-verification":
+            return _jsx(EnrollmentWaiting, { title: t.accountPhone, onBack: onBack });
+        case "hosted":
+            return (_jsx(EnrollmentHostedActionPage, { node: node, platform: platform, url: interaction.url, title: interaction.copy.title, description: interaction.copy.description, actionLabel: interaction.copy.openExternalLabel, purpose: interaction.purpose, autoSubmitDelayMs: interaction.returnBehavior.autoSubmitDelayMs, onBack: onBack, onReturn: () => submitAction(step, interaction.returnBehavior.action.id, {
+                    kind: "continue",
+                }) }, enrollmentInteractionIdentity(step)));
+        case "wait":
+            return interaction.reason === "review" ? (_jsx(EnrollmentReviewSubmitted, { title: t.accountEnrollmentPending, message: t.accountEnrollmentPendingDesc, onBack: onBack })) : (_jsx(EnrollmentWaiting, { title: t.accountProviderPending, label: t.accountProviderPendingDesc, onBack: onBack }));
+        case "retry":
+            return interaction.link ? (_jsx(EnrollmentHostedActionPage, { node: node, platform: platform, url: interaction.link.url, title: interaction.link.copy.title, description: `${interaction.reason}\n\n${interaction.link.copy.description}`, actionLabel: interaction.link.copy.openExternalLabel, purpose: "identity-verification", onBack: onBack, onReturn: () => submitAction(step, interaction.action.id, { kind: "retry" }) }, enrollmentInteractionIdentity(step))) : (_jsx(ErrorPage, { message: interaction.reason, sessionId: sessionId, retryText: t.tryAgain, onRetry: () => void submitAction(step, interaction.action.id, { kind: "retry" }) }));
+        case "rejection":
+            return (_jsx(EnrollmentTerminal, { title: t.accountEnrollmentRejected, message: interaction.reason, sessionId: sessionId }));
+        case "ineligible":
+            return (_jsx(EnrollmentIneligible, { message: interaction.reason, sessionId: sessionId, onBack: onBack }));
         case "suspended":
-            return (_jsx(EnrollmentTerminal, { title: t.accountSuspended, message: response.reason, sessionId: sessionId }));
-        case "error":
-            return (_jsx(ErrorPage, { message: response.message, sessionId: sessionId, retryText: t.tryAgain, onRetry: response.retryable ? fetchEnrollment : undefined, hideRetry: !response.retryable }));
-        case "phone_required":
-            // Navigation is triggered in fetchEnrollment; render a waiting state
-            // here to avoid flicker until the modal pushes the phone screen.
-            return _jsx(PhoneEntrySkeleton, { onBack: onBack });
-        case "provider_otp_required":
-            return _jsx(PhoneEntrySkeleton, { onBack: onBack });
+            return (_jsx(EnrollmentTerminal, { title: t.accountSuspended, message: interaction.reason, sessionId: sessionId }));
+        case "error": {
+            const retryAction = interaction.retryAction;
+            return (_jsx(ErrorPage, { message: interaction.message, sessionId: sessionId, retryText: t.tryAgain, onRetry: interaction.retryable && retryAction
+                    ? () => void submitAction(step, retryAction.id, {
+                        kind: "retry",
+                    })
+                    : undefined, hideRetry: !interaction.retryable || !retryAction }));
+        }
         case "active":
             return null;
-        default:
-            return assertUnreachable(response);
     }
 }
-// --- Sub-components ---
-function AccountEnrollmentFormPage({ form, onBack, onSubmitted, }) {
-    const account = useAccountFlow();
-    const client = useDaimoClient();
+function AccountEnrollmentFormPage({ interaction, onBack, onSubmit, }) {
     const submitForm = async (values) => {
-        if (!account) {
-            return { ok: false, fieldErrors: { _form: t.errorConnectionLost } };
-        }
-        const token = await account.getAccessToken();
-        if (!token) {
-            return { ok: false, fieldErrors: { _form: t.errorConnectionLost } };
-        }
+        let input;
         try {
-            const result = await client.account.submitEnrollmentForm({
-                formId: form.id,
-                revision: form.revision,
-                values,
-                locale: getLocale(),
-            }, { bearerToken: token });
-            onSubmitted(result);
-            return { ok: true };
+            input = enrollmentFormActionInput(interaction, values);
         }
-        catch (err) {
-            console.error("[enrollment] form submit failed:", err);
+        catch {
             return { ok: false, fieldErrors: { _form: t.errorGeneric } };
         }
+        const result = await onSubmit(interaction.action.id, input);
+        if (!result) {
+            return { ok: false, fieldErrors: { _form: t.errorGeneric } };
+        }
+        if (result.interaction.kind === "form") {
+            return {
+                ok: false,
+                fieldErrors: result.interaction.form.fieldErrors ?? {
+                    _form: t.errorGeneric,
+                },
+            };
+        }
+        return { ok: true };
     };
-    return (_jsx(PaginatedEnrollmentForm, { form: form, onBack: onBack, onSubmit: submitForm }));
+    return (_jsx(PaginatedEnrollmentForm, { form: interaction.form, onBack: onBack, onSubmit: submitForm }));
 }
-function AccountLegalNamePage({ onBack, onSubmit, }) {
-    const { formState: { errors, isValid }, handleSubmit, register, } = useForm({
-        resolver: zodResolver(zLegalNameForm),
-        mode: "onChange",
-        defaultValues: { firstName: "", lastName: "" },
-    });
-    return (_jsxs("div", { className: "daimo-flex daimo-flex-col daimo-flex-1 daimo-min-h-0", children: [_jsx(PageHeader, { title: t.accountLegalNameTitle, onBack: onBack }), _jsxs("form", { className: "daimo-flex daimo-flex-col daimo-flex-1 daimo-min-h-0", onSubmit: handleSubmit(onSubmit), children: [_jsx(CenteredContent, { children: _jsxs("div", { className: "daimo-flex daimo-w-full daimo-max-w-xs daimo-flex-col daimo-gap-4", children: [_jsx("p", { className: "daimo-text-center daimo-text-sm daimo-leading-relaxed daimo-text-[var(--daimo-text-secondary)]", children: t.accountLegalNameDesc }), _jsxs("div", { className: "daimo-flex daimo-flex-col daimo-gap-3", children: [_jsx(DaimoFormField, { label: t.accountLegalNameFirst, error: errors.firstName?.message, children: ({ id, describedBy, invalid }) => (_jsx(DaimoTextField, { ...register("firstName"), id: id, type: "text", "aria-describedby": describedBy, invalid: invalid, autoComplete: "given-name", autoFocus: true, className: "daimo-px-4 daimo-py-3" })) }), _jsx(DaimoFormField, { label: t.accountLegalNameLast, error: errors.lastName?.message, children: ({ id, describedBy, invalid }) => (_jsx(DaimoTextField, { ...register("lastName"), id: id, type: "text", "aria-describedby": describedBy, invalid: invalid, autoComplete: "family-name", className: "daimo-px-4 daimo-py-3" })) })] })] }) }), _jsx("div", { className: "daimo-px-6 daimo-pb-6 daimo-flex daimo-flex-col daimo-items-center", children: _jsx(PrimaryButton, { type: "submit", disabled: !isValid, children: t.continue }) })] })] }));
+function EnrollmentOtpPage({ interaction, onBack, onSubmit, }) {
+    const handleVerify = async (code) => {
+        const result = await onSubmit(interaction.submitAction.id, {
+            kind: "otp",
+            code,
+        });
+        if (!result)
+            return { ok: false, msg: t.errorGeneric };
+        if (result.interaction.kind === "otp") {
+            return {
+                ok: false,
+                msg: result.interaction.copy.invalidMessage,
+            };
+        }
+        return { ok: true };
+    };
+    const handleResend = async () => {
+        await onSubmit(interaction.resend.action.id, { kind: "resend-otp" });
+    };
+    return (_jsx(AccountOtpCodeEntry, { destination: interaction.destination, title: interaction.copy.title, message: interaction.copy.message, invalidMessage: interaction.copy.invalidMessage, resendDelayMs: interaction.resend.delayMs, onBack: onBack, onVerified: () => undefined, onVerify: handleVerify, onResend: handleResend }));
 }
-function PhoneEntrySkeleton({ onBack }) {
-    return (_jsxs("div", { className: "daimo-flex daimo-flex-col daimo-flex-1 daimo-min-h-0", "aria-busy": "true", "aria-label": t.loading, children: [_jsx(PageHeader, { title: t.accountPhone, onBack: onBack }), _jsxs(CenteredContent, { children: [_jsx(Skeleton, { className: "daimo-h-4 daimo-w-full daimo-max-w-[300px]", rounded: "sm" }), _jsx(Skeleton, { className: "daimo-h-[56px] daimo-w-full daimo-max-w-xs" })] }), _jsx("div", { className: "daimo-px-6 daimo-pb-6 daimo-flex daimo-flex-col daimo-items-center", children: _jsx(Skeleton, { className: "daimo-h-[54px] daimo-w-full daimo-max-w-xs" }) })] }));
+function EnrollmentHostedActionPage({ node, platform, url, title, description, actionLabel, purpose, autoSubmitDelayMs, onBack, onReturn, }) {
+    const cleanupRef = useRef(() => undefined);
+    const returnSubmittedRef = useRef(false);
+    const [isSubmitting, setIsSubmitting] = useState(false);
+    useEffect(() => () => cleanupRef.current(), []);
+    const submitReturn = useCallback(() => {
+        if (returnSubmittedRef.current)
+            return;
+        returnSubmittedRef.current = true;
+        cleanupRef.current();
+        setIsSubmitting(true);
+        void onReturn().finally(() => setIsSubmitting(false));
+    }, [onReturn]);
+    const openHostedStep = useCallback(() => {
+        cleanupRef.current();
+        returnSubmittedRef.current = false;
+        openExternalUrl(url, platform, purpose === "agreement" ? "daimo-agreement" : "daimo-verification", "width=500,height=760");
+        const timing = enrollmentHostedReturnTiming(autoSubmitDelayMs);
+        if (timing.kind === "auto") {
+            setIsSubmitting(true);
+            const timeout = window.setTimeout(submitReturn, timing.delayMs);
+            cleanupRef.current = () => window.clearTimeout(timeout);
+            return;
+        }
+        let armed = false;
+        const armTimeout = window.setTimeout(() => {
+            armed = true;
+        }, 0);
+        const handleReturn = () => {
+            if (!armed || document.visibilityState === "hidden")
+                return;
+            submitReturn();
+        };
+        window.addEventListener("focus", handleReturn);
+        window.addEventListener("pageshow", handleReturn);
+        document.addEventListener("visibilitychange", handleReturn);
+        cleanupRef.current = () => {
+            window.clearTimeout(armTimeout);
+            window.removeEventListener("focus", handleReturn);
+            window.removeEventListener("pageshow", handleReturn);
+            document.removeEventListener("visibilitychange", handleReturn);
+        };
+    }, [autoSubmitDelayMs, platform, purpose, submitReturn, url]);
+    return (_jsx(EnrollmentExternalActionPage, { title: title, description: description, actionLabel: isSubmitting ? t.loading : actionLabel, icon: purpose === "identity-verification" ? (_jsx(KycIndicator, { requirement: getKycRequirement(node.kycRequirement), size: "xl", variant: "badge" })) : null, onBack: onBack, onOpen: openHostedStep, disabled: isSubmitting }));
+}
+function EnrollmentExternalActionPage({ title, description, actionLabel, icon, onBack, onOpen, disabled, }) {
+    return (_jsxs("div", { className: "daimo-flex daimo-flex-col daimo-flex-1 daimo-min-h-0", children: [_jsx(PageHeader, { title: title, onBack: onBack }), _jsxs(CenteredContent, { children: [icon, _jsx("p", { className: "daimo-text-[var(--daimo-text-secondary)] daimo-text-center daimo-max-w-xs daimo-text-sm daimo-whitespace-pre-line", children: description }), _jsx(PrimaryButton, { onClick: onOpen, disabled: disabled, icon: _jsx(ExternalLinkIcon, { size: 16 }), children: actionLabel })] })] }));
 }
 function EnrollmentIneligible({ message, sessionId, onBack, }) {
     return (_jsxs("div", { className: "daimo-flex daimo-flex-col daimo-flex-1 daimo-min-h-0", children: [_jsx(PageHeader, { title: t.accountRegionUnavailableTitle, onBack: onBack }), _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", style: {
                                 backgroundColor: "var(--daimo-warning-light, var(--daimo-surface-secondary))",
                             }, children: _jsxs("svg", { width: "30", height: "30", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.9", strokeLinecap: "round", strokeLinejoin: "round", style: { color: "var(--daimo-warning, #f59e0b)" }, "aria-hidden": "true", children: [_jsx("path", { d: "M12 3 2.8 19a1 1 0 0 0 .87 1.5h16.66A1 1 0 0 0 21.2 19z" }), _jsx("path", { d: "M12 9v4.5" }), _jsx("path", { d: "M12 17h.01" })] }) }), _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.accountRegionUnavailableHeading }), _jsx("p", { className: "daimo-text-sm daimo-leading-relaxed daimo-text-[var(--daimo-text-secondary)]", children: message || t.accountRegionUnavailableDescription })] })] }) }), _jsxs("div", { className: "daimo-flex daimo-flex-col daimo-items-center daimo-gap-3 daimo-px-6 daimo-pb-6", children: [_jsx(SecondaryButton, { onClick: onBack, children: t.accountRegionUnavailableCta }), _jsx(ContactSupportButton, { subject: t.accountRegionUnavailableTitle, info: { sessionId, error: message } })] })] }));
 }
-/** Terminal error — specific title, error icon, message, and support link. */
 function EnrollmentTerminal({ title, message, sessionId, }) {
     return (_jsxs("div", { className: "daimo-flex daimo-flex-col daimo-flex-1 daimo-min-h-0", children: [_jsx(PageHeader, { title: title }), _jsxs("div", { className: "daimo-flex-1 daimo-flex daimo-flex-col daimo-items-center daimo-justify-center daimo-p-6 daimo-gap-6", children: [_jsx("div", { className: "daimo-w-16 daimo-h-16 daimo-rounded-full daimo-flex daimo-items-center daimo-justify-center", style: {
                             backgroundColor: "var(--daimo-error-badge-bg)",
@@ -232,70 +308,28 @@ function EnrollmentTerminal({ title, message, sessionId, }) {
 function EnrollmentReviewSubmitted({ title, message, onBack, }) {
     return (_jsxs("div", { className: "daimo-flex daimo-flex-col daimo-flex-1 daimo-min-h-0", children: [_jsx(PageHeader, { title: t.accountHostedKycTitle, onBack: onBack }), _jsx(CenteredContent, { children: _jsxs("div", { className: "daimo-flex daimo-w-full daimo-max-w-[320px] daimo-flex-col daimo-items-center daimo-gap-5 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", style: { backgroundColor: "var(--daimo-success-light)" }, "aria-hidden": "true", children: _jsx(CheckIcon, { size: 34 }) }), _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: title }), _jsx("p", { className: "daimo-text-sm daimo-leading-relaxed daimo-text-[var(--daimo-text-secondary)]", children: message })] })] }) })] }));
 }
-/** Waiting view — stable skeleton placeholders for advancing account states. */
 function EnrollmentWaiting({ title, label, onBack, }) {
-    return (_jsxs("div", { className: "daimo-flex daimo-flex-col daimo-flex-1 daimo-min-h-0", children: [_jsx(PageHeader, { title: title, onBack: onBack }), _jsx(CenteredContent, { children: _jsxs("div", { className: "daimo-flex daimo-w-full daimo-max-w-[260px] daimo-flex-col daimo-items-center daimo-gap-4", "aria-busy": "true", "aria-label": label ?? t.loading, children: [_jsx(Skeleton, { className: "daimo-h-14 daimo-w-14", rounded: "full" }), _jsx(SkeletonText, { lines: label ? 2 : 1, widths: label ? ["88%", "64%"] : ["56%"] })] }) })] }));
-}
-/** Hosted enrollment step. Polling drives completion. */
-function HostedEnrollmentPage({ node, step, platform, onBack, }) {
-    const isKyc = step.action !== "hosted_agreement_required";
-    const openHostedStep = useCallback(() => {
-        openExternalUrl(step.url, platform, externalWindowName(step), "width=500,height=760");
-    }, [platform, step]);
-    return (_jsx(EnrollmentExternalActionPage, { title: externalActionTitle(step), description: externalActionDescription(step, platform), actionLabel: externalActionLabel(step), icon: isKyc ? (_jsx(KycIndicator, { requirement: getKycRequirement(node.kycRequirement), size: "xl", variant: "badge" })) : null, onBack: onBack, onOpen: openHostedStep }));
-}
-function EnrollmentExternalActionPage({ title, description, actionLabel, icon, onBack, onOpen, }) {
-    return (_jsxs("div", { className: "daimo-flex daimo-flex-col daimo-flex-1 daimo-min-h-0", children: [_jsx(PageHeader, { title: title, onBack: onBack }), _jsxs(CenteredContent, { children: [icon, _jsx("p", { className: "daimo-text-[var(--daimo-text-secondary)] daimo-text-center daimo-max-w-xs daimo-text-sm daimo-whitespace-pre-line", children: description }), _jsx(PrimaryButton, { onClick: onOpen, icon: _jsx(ExternalLinkIcon, { size: 16 }), children: actionLabel })] })] }));
-}
-/** Whether this hosted step is the partner liveness check (vs general KYC). */
-function isLivenessStep(step) {
-    return step.action === "hosted_kyc_required";
+    return (_jsxs("div", { className: "daimo-flex daimo-flex-col daimo-flex-1 daimo-min-h-0", children: [_jsx(PageHeader, { title: title, onBack: onBack }), _jsx(CenteredContent, { children: _jsxs("div", { className: "daimo-flex daimo-w-full daimo-max-w-[260px] daimo-flex-col daimo-items-center daimo-gap-4", "aria-busy": "true", "aria-live": "polite", "aria-label": label ?? t.loading, children: [_jsx(Skeleton, { className: "daimo-h-14 daimo-w-14", rounded: "full" }), _jsx(SkeletonText, { lines: label ? 2 : 1, widths: label ? ["88%", "64%"] : ["56%"] })] }) })] }));
 }
-function externalActionTitle(step) {
-    if (step.title)
-        return step.title;
-    return isLivenessStep(step)
-        ? t.accountHostedLivenessTitle
-        : t.accountHostedKycTitle;
-}
-function externalActionDescription(step, platform) {
-    if (step.action === "hosted_agreement_required") {
-        const handoff = isDesktop(platform)
-            ? t.accountHostedActionDesktopSuffix
-            : t.accountHostedActionMobileSuffix;
-        return `${step.description} ${handoff}`;
-    }
-    if (step.description)
-        return step.description;
-    const base = isLivenessStep(step)
-        ? t.accountHostedLivenessDesc
-        : isDesktop(platform)
-            ? t.accountHostedKycDesktopDesc
-            : t.accountHostedKycMobileDesc;
-    if (step.action === "kyc_retry") {
-        return `${step.reason}\n\n${base}`;
-    }
-    return base;
-}
-function externalActionLabel(step) {
-    if (step.openExternalLabel)
-        return step.openExternalLabel;
-    return isLivenessStep(step)
-        ? t.accountHostedLivenessCta
-        : t.accountHostedKycCta;
-}
-function externalWindowName(step) {
-    return step.action === "hosted_agreement_required"
-        ? "daimo-terms"
-        : "daimo-verification";
+function getLegacyCopy(platform) {
+    return {
+        verification: {
+            title: t.accountHostedKycTitle,
+            description: isDesktop(platform)
+                ? t.accountHostedKycDesktopDesc
+                : t.accountHostedKycMobileDesc,
+            openExternalLabel: t.accountHostedKycCta,
+        },
+        liveness: {
+            title: t.accountHostedLivenessTitle,
+            description: t.accountHostedLivenessDesc,
+            openExternalLabel: t.accountHostedLivenessCta,
+        },
+    };
 }
 function openExternalUrl(url, platform, target, features) {
-    if (isDesktop(platform)) {
+    if (isDesktop(platform))
         return window.open(url, target, features);
-    }
     return window.open(url, "_blank");
 }
-function assertUnreachable(value) {
-    throw new Error(`unhandled enrollment response: ${JSON.stringify(value)}`);
-}
 //# sourceMappingURL=AccountEnrollmentPage.js.map