@daimo/sdk 1.4.2 → 1.5.0

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

@@ -0,0 +1,214 @@
+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 { useDaimoClient } from "../../hooks/DaimoClientContext.js";
+import { formatUserError } from "../../hooks/formatUserError.js";
+import { t } from "../../hooks/locale.js";
+import { useAccountFlow } from "../../hooks/useAccountFlow.js";
+import { PrimaryButton, SecondaryLinkButton } from "../buttons.js";
+import { DaimoFormField, DaimoSegmentedNumberField, DaimoTextField, } from "../formFields.js";
+import { CenteredContent, PageHeader } from "../shared.js";
+import { digitsOnly, isDatePartInRange, zApplePayVerificationForm, } from "./formSchemas.js";
+const applePayVerificationDefaults = {
+    ssnLast4: "",
+    dateOfBirth: { month: "", day: "", year: "" },
+};
+export function AccountEnrollmentUpdatePage({ update: initialUpdate, sessionId, onBack, onReady, }) {
+    const account = useAccountFlow();
+    const client = useDaimoClient();
+    const [update, setUpdate] = useState(initialUpdate);
+    const [error, setError] = useState(null);
+    const [isSubmitting, setIsSubmitting] = useState(false);
+    const refresh = useCallback(async () => {
+        if (!account)
+            throw new Error("account flow missing");
+        const token = await account.getAccessToken();
+        if (!token)
+            throw new Error("not authenticated");
+        const result = await client.account.getEnrollmentUpdate({
+            bearerToken: token,
+        });
+        setUpdate(requireApplePayEnhancedVerification(result));
+        if (result.status === "complete")
+            onReady();
+    }, [account, client, onReady]);
+    useEffect(() => {
+        void refresh().catch((err) => {
+            setError(formatUserError(err, "failed to check limits"));
+        });
+    }, [refresh]);
+    useEffect(() => {
+        if (update.status !== "pending")
+            return;
+        const interval = window.setInterval(() => {
+            void refresh().catch((err) => {
+                setError(formatUserError(err, "failed to check limits"));
+            });
+        }, 2000);
+        return () => window.clearInterval(interval);
+    }, [update.status, refresh]);
+    const submit = useCallback(async (input) => {
+        if (!account)
+            throw new Error("account flow missing");
+        setIsSubmitting(true);
+        setError(null);
+        try {
+            const token = await account.getAccessToken();
+            if (!token)
+                throw new Error("not authenticated");
+            const result = await client.account.submitEnrollmentUpdate({
+                type: "apple_pay_enhanced_verification",
+                rail: "apple_pay",
+                ...input,
+            }, { bearerToken: token });
+            setUpdate(requireApplePayEnhancedVerification(result));
+            if (result.status === "complete")
+                onReady();
+        }
+        catch (err) {
+            setError(formatUserError(err, "couldn't verify your details. please try again."));
+        }
+        finally {
+            setIsSubmitting(false);
+        }
+    }, [account, client, onReady]);
+    return (_jsxs("div", { className: "daimo-flex daimo-flex-col daimo-flex-1 daimo-min-h-0", children: [_jsx(PageHeader, { title: "Increase Apple Pay limits", onBack: onBack }), _jsx(EnrollmentUpdateContent, { update: update, sessionId: sessionId, email: account?.email, error: error, isSubmitting: isSubmitting, onSubmit: submit })] }));
+}
+function EnrollmentUpdateContent({ update, sessionId, email, error, isSubmitting, onSubmit, }) {
+    switch (update.status) {
+        case "pending":
+            return (_jsx(EnrollmentUpdateMessage, { title: "Checking your limits", description: "We're checking your update. This usually takes a few seconds.", error: error, icon: _jsx(Spinner, {}) }));
+        case "complete":
+            return (_jsx(EnrollmentUpdateMessage, { title: "Limits increased", description: "Your Apple Pay limits are updated." }));
+        case "unavailable":
+            return (_jsx(EnrollmentUpdateUnavailable, { sessionId: sessionId, email: email, error: error }));
+        case "required":
+        case "retry":
+            if (update.fields.length === 0) {
+                return (_jsx(EnrollmentUpdateUnavailable, { sessionId: sessionId, email: email, error: error }));
+            }
+            return (_jsx(EnrollmentUpdateForm, { status: update.status, error: error, isSubmitting: isSubmitting, onSubmit: onSubmit }));
+        default:
+            return assertUnreachable(update.status);
+    }
+}
+function EnrollmentUpdateForm({ status, error, isSubmitting, onSubmit, }) {
+    const { formState: { errors, isValid }, handleSubmit, register, reset, setValue, watch, } = useForm({
+        resolver: zodResolver(zApplePayVerificationForm),
+        mode: "onChange",
+        defaultValues: applePayVerificationDefaults,
+    });
+    const ssnLast4 = watch("ssnLast4");
+    const month = watch("dateOfBirth.month");
+    const day = watch("dateOfBirth.day");
+    const year = watch("dateOfBirth.year");
+    const monthInputRef = useRef(null);
+    const ssnField = register("ssnLast4");
+    const monthField = register("dateOfBirth.month");
+    const dayField = register("dateOfBirth.day");
+    const yearField = register("dateOfBirth.year");
+    const monthInvalid = month.length === 2 && !isDatePartInRange(month, 1, 12);
+    const dayInvalid = day.length === 2 && !isDatePartInRange(day, 1, 31);
+    const dateError = errors.dateOfBirth?.month?.message;
+    const description = status === "retry"
+        ? "We couldn't verify those details. Check them and try again."
+        : "We need a few more details before Apple Pay can continue.";
+    const submit = handleSubmit(useCallback(async (input) => {
+        await onSubmit(input);
+        reset(applePayVerificationDefaults);
+    }, [onSubmit, reset]));
+    const setDatePart = (name, value) => {
+        setValue(name, value, {
+            shouldDirty: true,
+            shouldTouch: true,
+            shouldValidate: true,
+        });
+    };
+    return (_jsxs("form", { className: "daimo-flex daimo-flex-col daimo-flex-1 daimo-min-h-0", onSubmit: (event) => {
+            void submit(event);
+        }, 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: description }), _jsxs("div", { className: "daimo-flex daimo-flex-col daimo-gap-3", children: [_jsx(DaimoFormField, { label: "SSN last 4", error: errors.ssnLast4?.message, children: ({ id, describedBy, invalid }) => (_jsx(DaimoTextField, { ref: ssnField.ref, id: id, name: ssnField.name, onBlur: ssnField.onBlur, type: "password", inputMode: "numeric", autoComplete: "off", "data-lpignore": "true", "data-1p-ignore": true, pattern: "[0-9]*", maxLength: 4, value: ssnLast4, onChange: (event) => {
+                                            const value = digitsOnly(event.target.value, 4);
+                                            setDatePart("ssnLast4", value);
+                                            if (value.length === 4)
+                                                monthInputRef.current?.focus();
+                                        }, "aria-describedby": describedBy, invalid: invalid, placeholder: "1234", className: "daimo-px-4 daimo-py-3" })) }), _jsx(DaimoFormField, { label: "Date of birth", error: dateError, children: ({ id, describedBy }) => (_jsx(DaimoSegmentedNumberField, { describedBy: describedBy, segments: [
+                                            {
+                                                inputRef: (input) => {
+                                                    monthField.ref(input);
+                                                    monthInputRef.current = input;
+                                                },
+                                                id,
+                                                name: monthField.name,
+                                                onBlur: monthField.onBlur,
+                                                autoComplete: "bday-month",
+                                                value: month,
+                                                maxLength: 2,
+                                                placeholder: "MM",
+                                                ariaLabel: "birth month",
+                                                invalid: monthInvalid,
+                                                onValueChange: (value) => setDatePart("dateOfBirth.month", value),
+                                                canAutoAdvance: (value) => isDatePartInRange(value, 1, 12),
+                                            },
+                                            {
+                                                inputRef: dayField.ref,
+                                                name: dayField.name,
+                                                onBlur: dayField.onBlur,
+                                                autoComplete: "bday-day",
+                                                value: day,
+                                                maxLength: 2,
+                                                placeholder: "DD",
+                                                ariaLabel: "birth day",
+                                                invalid: dayInvalid,
+                                                onValueChange: (value) => setDatePart("dateOfBirth.day", value),
+                                                canAutoAdvance: (value) => isDatePartInRange(value, 1, 31),
+                                            },
+                                            {
+                                                inputRef: yearField.ref,
+                                                name: yearField.name,
+                                                onBlur: yearField.onBlur,
+                                                autoComplete: "bday-year",
+                                                value: year,
+                                                maxLength: 4,
+                                                placeholder: "YYYY",
+                                                ariaLabel: "birth year",
+                                                width: "minmax(0, 1.35fr)",
+                                                onValueChange: (value) => setDatePart("dateOfBirth.year", value),
+                                            },
+                                        ] })) })] }), error && (_jsx("p", { className: "daimo-text-center daimo-text-xs daimo-text-[var(--daimo-error)]", children: error }))] }) }), _jsx("div", { className: "daimo-px-6 daimo-pb-6 daimo-flex daimo-flex-col daimo-items-center", children: _jsx(PrimaryButton, { type: "submit", disabled: !isValid || isSubmitting, children: isSubmitting ? "Checking" : "Submit" }) })] }));
+}
+function EnrollmentUpdateUnavailable({ sessionId, email, error, }) {
+    const subject = "Apple Pay limit increase";
+    const href = buildSupportHref({
+        subject,
+        info: {
+            "Session ID": sessionId,
+            Email: email,
+        },
+    });
+    return (_jsx(EnrollmentUpdateMessage, { description: "This Apple Pay account is not eligible for a limit increase right now.", error: error, action: _jsx(SecondaryLinkButton, { href: href, children: t.contactSupport }) }));
+}
+function buildSupportHref({ subject, info, }) {
+    const bodyLines = [
+        ...Object.entries(info)
+            .filter((entry) => entry[1] != null)
+            .map(([key, value]) => `${key}: ${value}`),
+        "",
+        t.tellUsHowWeCanHelp,
+    ];
+    const body = bodyLines.join("\n");
+    return `mailto:support@daimo.com?subject=${encodeURIComponent(subject)}&body=${encodeURIComponent(body)}`;
+}
+function EnrollmentUpdateMessage({ title, description, error, icon, action, }) {
+    return (_jsxs(CenteredContent, { children: [icon, _jsxs("div", { className: "daimo-flex daimo-max-w-[320px] daimo-flex-col daimo-gap-2 daimo-text-center", children: [title && (_jsx("h2", { className: "daimo-text-lg 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: description })] }), error && (_jsx("p", { className: "daimo-max-w-[320px] daimo-text-center daimo-text-xs daimo-text-[var(--daimo-error)]", children: error })), action] }));
+}
+function requireApplePayEnhancedVerification(update) {
+    return update;
+}
+function assertUnreachable(value) {
+    throw new Error(`unhandled enrollment update: ${value}`);
+}
+function Spinner() {
+    return (_jsx("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", className: "daimo-animate-spin", children: _jsx("path", { d: "M21 12a9 9 0 1 1-6.219-8.56" }) }));
+}
+//# sourceMappingURL=AccountEnrollmentUpdatePage.js.map

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

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

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

@@ -3,6 +3,6 @@ type AccountFlowProviderProps = {
     privyAppId: string;
     children: ReactNode;
 };
-export declare function AccountFlowProvider({ privyAppId, children }: AccountFlowProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare function AccountFlowProvider({ privyAppId, children, }: AccountFlowProviderProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=AccountFlowProvider.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"AccountFlowProvider.d.ts","sourceRoot":"","sources":["../../../../src/web/components/account/AccountFlowProvider.tsx"],"names":[],"mappings":"AAaA,OAAO,EAAE,KAAK,SAAS,EAAmC,MAAM,OAAO,CAAC;AAOxE,KAAK,wBAAwB,GAAG;IAC9B,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF,wBAAgB,mBAAmB,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,EAAE,wBAAwB,2CAmBrF"}
+{"version":3,"file":"AccountFlowProvider.d.ts","sourceRoot":"","sources":["../../../../src/web/components/account/AccountFlowProvider.tsx"],"names":[],"mappings":"AAYA,OAAO,EAAE,KAAK,SAAS,EAAmC,MAAM,OAAO,CAAC;AAYxE,KAAK,wBAAwB,GAAG;IAC9B,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF,wBAAgB,mBAAmB,CAAC,EAClC,UAAU,EACV,QAAQ,GACT,EAAE,wBAAwB,2CAmB1B"}

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

@@ -5,10 +5,11 @@ 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, useLoginWithSms, usePrivy, useWallets, } from "@privy-io/react-auth";
+import { PrivyProvider, useLoginWithEmail, 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 }) {
+import { findCanonicalPrivyWallet, getCanonicalPrivyWalletAddress, hasPrivyEmbeddedWallet, } from "../../accountWallet.js";
+export function AccountFlowProvider({ privyAppId, children, }) {
     const accountFlow = useAccountFlowState();
     return (_jsx(AccountFlowContext.Provider, { value: accountFlow, children: _jsxs(PrivyProvider, { appId: privyAppId, config: {
                 embeddedWallets: {
@@ -20,55 +21,60 @@ 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 { wallets, ready: walletsReady } = useWallets();
     const sendCode = useCallback(async (email) => {
         await rawSendCode({ email });
     }, [rawSendCode]);
     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 walletAddress = getCanonicalPrivyWalletAddress({
+        userWalletAddress: user?.wallet?.address,
+        linkedAccounts: user?.linkedAccounts ?? [],
+        connectedWallets: wallets,
+    });
+    const email = user?.email?.address ?? null;
     const phoneNumber = user?.phone?.number ?? null;
-    const embeddedWallet = wallets.find((w) => w.walletClientType === "privy");
+    const hasEmbeddedWallet = hasPrivyEmbeddedWallet([
+        ...(user?.linkedAccounts ?? []),
+        ...wallets,
+    ]);
+    const signingWallet = findCanonicalPrivyWallet(wallets, walletAddress);
     const signTypedData = useCallback(async (typedData) => {
-        if (!embeddedWallet)
-            throw new Error("no embedded wallet");
-        const provider = await embeddedWallet.getEthereumProvider();
+        if (!signingWallet || !walletAddress) {
+            throw new Error("no canonical embedded wallet");
+        }
+        const provider = await signingWallet.getEthereumProvider();
         const result = await provider.request({
             method: "eth_signTypedData_v4",
             params: [walletAddress, JSON.stringify(typedData)],
         });
         return result;
-    }, [embeddedWallet, walletAddress]);
+    }, [signingWallet, walletAddress]);
     const hooks = useMemo(() => ({
         sendCode,
         loginWithCode,
-        sendPhoneCode,
-        loginWithPhoneCode,
         createWallet,
         getAccessToken,
         signTypedData,
         logout,
         ready,
         authenticated,
+        email,
         walletAddress,
+        walletsReady,
+        hasEmbeddedWallet,
         phoneNumber,
     }), [
         ready,
         authenticated,
+        email,
         walletAddress,
+        walletsReady,
+        hasEmbeddedWallet,
         phoneNumber,
         sendCode,
         loginWithCode,
-        sendPhoneCode,
-        loginWithPhoneCode,
         createWallet,
         getAccessToken,
         signTypedData,

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/AccountKycInfoPage.d.ts

@@ -0,0 +1,13 @@
+import type { NavNodeFiat } from "../../api/navTree.js";
+type AccountKycInfoPageProps = {
+    node: NavNodeFiat;
+    onBack: (() => void) | null;
+    onContinue: () => void;
+};
+export declare function AccountKycInfoPage({ node, onBack, onContinue, }: AccountKycInfoPageProps): import("react/jsx-runtime").JSX.Element;
+export declare function AccountKycInfoSkeleton({ node, onBack, }: {
+    node: NavNodeFiat;
+    onBack: (() => void) | null;
+}): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=AccountKycInfoPage.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AccountKycInfoPage.d.ts","sourceRoot":"","sources":["../../../../src/web/components/account/AccountKycInfoPage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAYxD,KAAK,uBAAuB,GAAG;IAC7B,IAAI,EAAE,WAAW,CAAC;IAClB,MAAM,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,IAAI,CAAC;IAC5B,UAAU,EAAE,MAAM,IAAI,CAAC;CACxB,CAAC;AAEF,wBAAgB,kBAAkB,CAAC,EACjC,IAAI,EACJ,MAAM,EACN,UAAU,GACX,EAAE,uBAAuB,2CA0BzB;AAED,wBAAgB,sBAAsB,CAAC,EACrC,IAAI,EACJ,MAAM,GACP,EAAE;IACD,IAAI,EAAE,WAAW,CAAC;IAClB,MAAM,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,IAAI,CAAC;CAC7B,2CAgCA"}

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

@@ -0,0 +1,37 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { t } from "../../hooks/locale.js";
+import { PrimaryButton } from "../buttons.js";
+import { Skeleton } from "../Skeleton.js";
+import { PageHeader } from "../shared.js";
+import { getKycRequirement, KycIndicator, } from "./kycRequirement.js";
+export function AccountKycInfoPage({ node, onBack, onContinue, }) {
+    const requirement = getKycRequirement(node.kycRequirement);
+    return (_jsxs("div", { className: "daimo-flex daimo-flex-col daimo-flex-1 daimo-min-h-0", children: [_jsx(PageHeader, { title: "Verification", onBack: onBack }), _jsxs("div", { className: "daimo-flex-1 daimo-flex daimo-flex-col daimo-items-center daimo-justify-center daimo-gap-5 daimo-px-6 daimo-pt-4 daimo-pb-3", children: [_jsx(KycIndicator, { requirement: requirement, size: "lg", variant: "badge" }), _jsx("div", { className: "daimo-flex daimo-flex-col daimo-items-center daimo-gap-2 daimo-text-center", children: _jsx("div", { className: "daimo-flex daimo-flex-col daimo-gap-2", children: _jsx("h2", { className: "daimo-text-lg daimo-font-semibold daimo-leading-tight daimo-text-[var(--daimo-title)]", children: requirement.detailTitle }) }) }), _jsx(RequirementList, { requirement: requirement })] }), _jsx("div", { className: "daimo-px-6 daimo-pb-6 daimo-flex daimo-flex-col daimo-items-center", children: _jsx(PrimaryButton, { onClick: onContinue, children: t.continue }) })] }));
+}
+export function AccountKycInfoSkeleton({ node, onBack, }) {
+    const requirement = getKycRequirement(node.kycRequirement);
+    const rowCount = Math.max(requirement.requirements.length, 1);
+    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: "Verification", onBack: onBack }), _jsxs("div", { className: "daimo-flex-1 daimo-flex daimo-flex-col daimo-items-center daimo-justify-center daimo-gap-5 daimo-px-6 daimo-pt-4 daimo-pb-3", children: [_jsx(Skeleton, { className: "daimo-h-16 daimo-w-16", rounded: "full" }), _jsx(Skeleton, { className: "daimo-h-7 daimo-w-full daimo-max-w-[300px]", rounded: "sm" }), _jsx("div", { className: "daimo-flex daimo-w-full daimo-max-w-xs daimo-flex-col daimo-gap-2", children: Array.from({ length: rowCount }).map((_, index) => (_jsx(KycRequirementRowSkeleton, { delayMs: index * 90 }, index))) })] }), _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 RequirementList({ requirement }) {
+    const items = requirement.requirements;
+    return (_jsx("div", { className: "daimo-flex daimo-w-full daimo-max-w-xs daimo-flex-col daimo-gap-2", children: items.map((item) => (_jsx(RequirementRow, { label: item.label, requirement: requirement }, item.id))) }));
+}
+function KycRequirementRowSkeleton({ delayMs }) {
+    return (_jsxs("div", { className: "daimo-flex daimo-min-h-[44px] daimo-items-center daimo-gap-3 daimo-rounded-[var(--daimo-radius-md)] daimo-px-3 daimo-py-2.5", style: { backgroundColor: "var(--daimo-surface-secondary)" }, children: [_jsx(Skeleton, { className: "daimo-h-5 daimo-w-5 daimo-shrink-0", rounded: "full" }), _jsx(Skeleton, { className: "daimo-h-4 daimo-w-full daimo-max-w-[210px]", rounded: "sm", delayMs: delayMs })] }));
+}
+function RequirementRow({ label, requirement, }) {
+    return (_jsxs("div", { className: "daimo-flex daimo-min-h-[44px] daimo-items-center daimo-gap-3 daimo-rounded-[var(--daimo-radius-md)] daimo-px-3 daimo-py-2.5 daimo-text-left", style: { backgroundColor: "var(--daimo-surface-secondary)" }, children: [_jsx("span", { className: "daimo-flex daimo-h-5 daimo-w-5 daimo-shrink-0 daimo-items-center daimo-justify-center daimo-rounded-full daimo-text-[11px] daimo-font-bold", style: {
+                    color: getAccentColor(requirement.kind),
+                    backgroundColor: "var(--daimo-surface)",
+                }, children: _jsx(CheckGlyph, {}) }), _jsx("span", { className: "daimo-min-w-0 daimo-text-sm daimo-font-medium daimo-leading-snug daimo-text-[var(--daimo-text)]", children: label })] }));
+}
+function CheckGlyph() {
+    return (_jsx("svg", { "aria-hidden": "true", width: "13", height: "13", viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", strokeWidth: "2.2", strokeLinecap: "round", strokeLinejoin: "round", children: _jsx("path", { d: "M13 4.5 6.5 11 3 7.5" }) }));
+}
+function getAccentColor(kind) {
+    if (kind === "none")
+        return "var(--daimo-text-secondary)";
+    return "var(--daimo-brand-green)";
+}
+//# sourceMappingURL=AccountKycInfoPage.js.map

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

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

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

@@ -6,11 +6,14 @@ export type OtpVerifyOutcome = {
 };
 type AccountOtpCodeEntryProps = {
     destination: string;
+    title?: string;
+    message?: React.ReactNode;
+    invalidMessage?: 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 declare function AccountOtpCodeEntry({ destination, title, message, invalidMessage, 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

@@ -1 +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"}
+{"version":3,"file":"AccountOtpCodeEntry.d.ts","sourceRoot":"","sources":["../../../../src/web/components/account/AccountOtpCodeEntry.tsx"],"names":[],"mappings":"AAOA,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,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,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,KAAK,EACL,OAAO,EACP,cAAc,EACd,MAAM,EACN,UAAU,EACV,QAAQ,EACR,QAAQ,GACT,EAAE,wBAAwB,2CA8I1B"}

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

@@ -1,18 +1,18 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, Fragment as _Fragment, 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";
+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, }) {
+export function AccountOtpCodeEntry({ destination, title, message, invalidMessage, 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 inputRef = useRef(null);
     const code = digits.join("");
     const isComplete = code.length === OTP_LENGTH;
     const busy = status !== "idle" || isSubmitting || !!account?.isLoggingIn;
@@ -21,81 +21,84 @@ export function AccountOtpCodeEntry({ destination, onBack, onVerified, onVerify,
         if (submitCode.length !== OTP_LENGTH || busy)
             return;
         setIsSubmitting(true);
-        const outcome = await onVerify(submitCode);
+        const outcome = await onVerify(submitCode).catch((err) => ({
+            ok: false,
+            msg: err instanceof Error ? err.message : undefined,
+        }));
         setIsSubmitting(false);
         if (outcome.ok) {
             setStatus("success");
             window.setTimeout(() => onVerified(), SUCCESS_DELAY_MS);
         }
         else {
-            if (outcome.msg)
-                account?.setAuthError(outcome.msg);
+            if (outcome.msg || invalidMessage) {
+                account?.setAuthError(outcome.msg ?? invalidMessage ?? null);
+            }
             setStatus("error");
             window.setTimeout(() => {
                 setDigits(Array(OTP_LENGTH).fill(""));
                 setStatus("idle");
-                inputsRef.current[0]?.focus();
+                inputRef.current?.focus();
             }, ERROR_DELAY_MS);
         }
-    }, [code, busy, onVerify, onVerified, account]);
-    const handleChange = useCallback((index, value) => {
-        if (!/^\d*$/.test(value) || busy)
+    }, [code, busy, onVerify, onVerified, invalidMessage, account]);
+    const handleCodeValue = useCallback((value) => {
+        if (busy)
             return;
         if (account?.authError)
             account.setAuthError(null);
-        const next = [...digits];
-        next[index] = value.slice(-1);
+        const nextCode = normalizeOtpCode(value);
+        const next = codeToDigits(nextCode);
         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) => {
+    }, [account, handleVerify, busy]);
+    const handleKeyDown = useCallback((e) => {
         if (busy)
             return;
-        if (e.key === "Backspace" && !digits[index] && index > 0) {
-            inputsRef.current[index - 1]?.focus();
-        }
-        else if (e.key === "Enter" && isComplete) {
+        if (e.key === "Enter" && isComplete) {
             e.preventDefault();
             handleVerify();
         }
-    }, [digits, isComplete, handleVerify, busy]);
+    }, [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]);
+        handleCodeValue(e.clipboardData.getData("text"));
+    }, [handleCodeValue]);
     const handleResend = useCallback(async () => {
         setDigits(Array(OTP_LENGTH).fill(""));
         setStatus("idle");
         await onResend();
-        inputsRef.current[0]?.focus();
+        inputRef.current?.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 focusInputEnd = useCallback(() => {
+        const input = inputRef.current;
+        if (!input)
+            return;
+        input.setSelectionRange(code.length, code.length);
+    }, [code]);
+    return (_jsxs("div", { className: "daimo-flex daimo-flex-col daimo-flex-1 daimo-min-h-0", children: [_jsx(PageHeader, { title: title ?? t.accountOtp, onBack: onBack }), _jsxs(CenteredContent, { children: [_jsx("p", { className: "daimo-text-sm daimo-text-[var(--daimo-text-secondary)] daimo-text-center", children: message ?? (_jsxs(_Fragment, { children: [t.accountOtpSent, " ", _jsx("strong", { children: destination })] })) }), _jsxs("div", { className: "daimo-relative daimo-flex daimo-justify-center daimo-rounded-[var(--daimo-radius-sm)] focus-within:daimo-ring-2 focus-within:daimo-ring-[var(--daimo-accent)] daimo-transition-shadow", children: [_jsx("input", { ref: inputRef, type: "text", inputMode: "numeric", autoComplete: "one-time-code", maxLength: OTP_LENGTH, value: code, disabled: busy, "aria-label": t.accountOtp, onChange: (e) => handleCodeValue(e.target.value), onKeyDown: handleKeyDown, onPaste: handlePaste, onFocus: focusInputEnd, autoFocus: true, className: "daimo-absolute daimo-inset-0 daimo-z-10 daimo-w-full daimo-h-full daimo-opacity-0 daimo-cursor-text disabled:daimo-cursor-default" }), _jsx("div", { "aria-hidden": "true", className: `daimo-flex daimo-gap-2 daimo-justify-center ${status === "error" ? "daimo-otp-shake" : ""}`, children: digits.map((digit, i) => (_jsx("div", { className: otpCellClass(status), children: digit }, 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)]";
+const OTP_CELL_BASE = "daimo-w-10 daimo-h-12 daimo-flex daimo-items-center daimo-justify-center 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)]`;
+        return `${OTP_CELL_BASE} daimo-bg-[var(--daimo-brand-green-light)] daimo-text-[var(--daimo-brand-green)] daimo-ring-2 daimo-ring-[var(--daimo-brand-green)]`;
     }
     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)]`;
+    return `${OTP_CELL_BASE} daimo-bg-[var(--daimo-surface-secondary)] daimo-text-[var(--daimo-text)]`;
+}
+function normalizeOtpCode(value) {
+    return value.replace(/\D/g, "").slice(0, OTP_LENGTH);
+}
+function codeToDigits(code) {
+    const digits = Array(OTP_LENGTH).fill("");
+    for (let i = 0; i < OTP_LENGTH; i++) {
+        const digit = code[i];
+        if (digit)
+            digits[i] = digit;
+    }
+    return digits;
 }
 //# sourceMappingURL=AccountOtpCodeEntry.js.map