@daimo/sdk 1.4.2 → 1.5.0

package/dist/web/components/containers.js

@@ -1,7 +1,9 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useEffect, useRef } from "react";
-import { t } from "../hooks/locale.js";
-import { CloseIcon } from "./icons.js";
+import { useLayoutEffect, useRef } from "react";
+const MODAL_LOADING_MIN_HEIGHT = "min(360px, 90dvh)";
+const HEIGHT_MORPH_MS = 180;
+const HEIGHT_MORPH_EASING = "cubic-bezier(0.23, 1, 0.32, 1)";
+export const MODAL_CONTENT_CLASS = "daimo-modal-content daimo-relative daimo-w-full daimo-max-w-[420px] daimo-max-h-[90vh] daimo-overflow-hidden daimo-bg-[var(--daimo-surface)] daimo-rounded-t-[var(--daimo-radius-xl)] sm:daimo-rounded-[var(--daimo-radius-xl)] daimo-shadow-lg daimo-flex daimo-flex-col";
 /**
  * Quick height morph on discrete page changes.
  * Snapshots current height, measures new, tweens between.
@@ -9,50 +11,91 @@ import { CloseIcon } from "./icons.js";
  */
 function usePageHeightMorph(ref, pageKey) {
     const prevKey = useRef(pageKey);
-    const isFirst = useRef(true);
-    useEffect(() => {
-        if (prevKey.current === pageKey)
+    const measuredHeight = useRef(null);
+    const stopAnimation = useRef(null);
+    useLayoutEffect(() => {
+        const el = ref.current;
+        if (!el)
             return;
+        const previousHeight = measuredHeight.current;
+        const changed = prevKey.current !== pageKey;
         prevKey.current = pageKey;
-        // Skip height morph on first render — container animation handles it
-        if (isFirst.current) {
-            isFirst.current = false;
+        if (!changed)
             return;
-        }
-        const el = ref.current;
-        if (!el)
+        stopAnimation.current?.();
+        stopAnimation.current = null;
+        if (previousHeight == null || prefersReducedMotion())
             return;
-        // Snapshot current rendered height
-        const from = el.offsetHeight;
-        // Remove any leftover explicit height so we can measure natural size
         el.style.transition = "none";
         el.style.height = "auto";
-        // Read new natural height
-        const to = el.scrollHeight;
-        if (from === to)
+        const nextHeight = el.offsetHeight;
+        if (Math.abs(previousHeight - nextHeight) < 1) {
+            measuredHeight.current = nextHeight;
             return;
-        // FLIP: set to old height, then animate to new
-        el.style.height = `${from}px`;
-        // Force reflow so the browser registers the start value
+        }
+        el.style.height = `${previousHeight}px`;
         void el.offsetHeight;
-        el.style.transition = "height 180ms cubic-bezier(0.23, 1, 0.32, 1)";
-        el.style.height = `${to}px`;
-        const cleanup = () => {
+        let done = false;
+        let frame = 0;
+        let timeout = 0;
+        const finish = (event) => {
+            if (event && (event.target !== el || event.propertyName !== "height")) {
+                return;
+            }
+            if (done)
+                return;
+            done = true;
+            window.cancelAnimationFrame(frame);
+            window.clearTimeout(timeout);
+            el.removeEventListener("transitionend", finish);
             el.style.transition = "";
             el.style.height = "";
-            el.removeEventListener("transitionend", cleanup);
+            measuredHeight.current = el.offsetHeight;
+            stopAnimation.current = null;
+        };
+        stopAnimation.current = () => {
+            if (done)
+                return;
+            done = true;
+            window.cancelAnimationFrame(frame);
+            window.clearTimeout(timeout);
+            el.removeEventListener("transitionend", finish);
+            const currentHeight = el.offsetHeight;
+            el.style.transition = "none";
+            el.style.height = `${currentHeight}px`;
+            measuredHeight.current = currentHeight;
+        };
+        frame = window.requestAnimationFrame(() => {
+            el.style.transition = `height ${HEIGHT_MORPH_MS}ms ${HEIGHT_MORPH_EASING}`;
+            el.style.height = `${nextHeight}px`;
+        });
+        timeout = window.setTimeout(finish, HEIGHT_MORPH_MS + 50);
+        el.addEventListener("transitionend", finish);
+        return () => {
+            stopAnimation.current?.();
+            stopAnimation.current = null;
         };
-        el.addEventListener("transitionend", cleanup);
     }, [ref, pageKey]);
+    useLayoutEffect(() => {
+        const el = ref.current;
+        if (!el || stopAnimation.current)
+            return;
+        measuredHeight.current = el.offsetHeight;
+    });
+}
+function prefersReducedMotion() {
+    return (typeof window !== "undefined" &&
+        window.matchMedia("(prefers-reduced-motion: reduce)").matches);
 }
-export function ModalContainer({ children, showFooterSpacer = true, onClose, pageKey, }) {
+export function ModalContainer({ children, showFooterSpacer = true, onClose, pageKey, reserveLoadingHeight = false, }) {
     const backdropClass = "daimo-modal-backdrop daimo-fixed daimo-inset-0 daimo-z-50 daimo-bg-black/50";
-    const contentClass = "daimo-modal-content daimo-relative daimo-w-full daimo-max-w-[420px] daimo-max-h-[90vh] daimo-overflow-hidden daimo-bg-[var(--daimo-surface)] daimo-rounded-t-[var(--daimo-radius-xl)] sm:daimo-rounded-[var(--daimo-radius-xl)] daimo-shadow-lg daimo-flex daimo-flex-col";
     const contentRef = useRef(null);
     usePageHeightMorph(contentRef, pageKey);
-    return (_jsxs(_Fragment, { children: [_jsx("div", { className: backdropClass, onClick: onClose }), _jsx("div", { className: "daimo-fixed daimo-inset-0 daimo-z-50 daimo-flex daimo-justify-center daimo-items-end sm:daimo-items-center daimo-pointer-events-none daimo-px-0 sm:daimo-px-4", children: _jsxs("div", { ref: contentRef, className: `daimo-pointer-events-auto ${contentClass}`, onClick: (e) => e.stopPropagation(), children: [onClose && (_jsx("button", { onClick: onClose, className: "daimo-absolute daimo-right-[17px] daimo-top-[22px] daimo-z-20 daimo-w-8 daimo-h-8 daimo-flex daimo-items-center daimo-justify-center daimo-rounded-full daimo-bg-[var(--daimo-surface)] hover:[@media(hover:hover)]:daimo-bg-[var(--daimo-surface-secondary)] active:daimo-scale-[0.9] daimo-transition-[background-color,transform] daimo-[transition-duration:200ms,100ms] daimo-ease daimo-touch-action-manipulation", "aria-label": t.close, children: _jsx(CloseIcon, {}) })), _jsx("div", { className: "daimo-flex-1 daimo-min-h-0 daimo-flex daimo-flex-col", children: children }), showFooterSpacer && _jsx("div", { className: "daimo-h-8 daimo-shrink-0" })] }) })] }));
+    return (_jsxs(_Fragment, { children: [_jsx("div", { className: backdropClass, onClick: onClose }), _jsx("div", { className: "daimo-fixed daimo-inset-0 daimo-z-50 daimo-flex daimo-justify-center daimo-items-end sm:daimo-items-center daimo-pointer-events-none daimo-px-0 sm:daimo-px-4", children: _jsxs("div", { ref: contentRef, className: `daimo-pointer-events-auto ${MODAL_CONTENT_CLASS}`, style: reserveLoadingHeight
+                        ? { minHeight: MODAL_LOADING_MIN_HEIGHT }
+                        : undefined, onClick: (e) => e.stopPropagation(), children: [_jsx("div", { className: "daimo-flex-1 daimo-min-h-0 daimo-flex daimo-flex-col", children: children }), showFooterSpacer && _jsx("div", { className: "daimo-h-8 daimo-shrink-0" })] }) })] }));
 }
 export function EmbeddedContainer({ children, showFooterSpacer = true, }) {
-    return (_jsx("div", { className: "daimo-bg-transparent daimo-flex daimo-flex-col daimo-items-center", children: _jsxs("div", { className: "daimo-w-full daimo-max-w-[512px] daimo-bg-[var(--daimo-surface)] daimo-flex daimo-flex-col", children: [children, showFooterSpacer && _jsx("div", { className: "daimo-h-8" })] }) }));
+    return (_jsx("div", { className: "daimo-bg-transparent daimo-flex daimo-flex-col daimo-items-center", children: _jsxs("div", { className: "daimo-relative daimo-w-full daimo-max-w-[512px] daimo-bg-[var(--daimo-surface)] daimo-flex daimo-flex-col", children: [children, showFooterSpacer && _jsx("div", { className: "daimo-h-8" })] }) }));
 }
 //# sourceMappingURL=containers.js.map

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

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

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

@@ -0,0 +1,39 @@
+import { type InputHTMLAttributes, type ReactNode } from "react";
+export type DaimoFormFieldProps = {
+    label: string;
+    children: (props: {
+        id: string;
+        describedBy?: string;
+        invalid: boolean;
+    }) => ReactNode;
+    description?: string;
+    error?: string;
+    hideError?: boolean;
+    labelVisibility?: "visible" | "sr-only";
+};
+export declare function DaimoFormField({ label, children, description, error, hideError, labelVisibility, }: DaimoFormFieldProps): import("react/jsx-runtime").JSX.Element;
+export declare const DaimoTextField: import("react").ForwardRefExoticComponent<InputHTMLAttributes<HTMLInputElement> & {
+    invalid?: boolean;
+} & import("react").RefAttributes<HTMLInputElement>>;
+export type DaimoSegmentedNumberSegment = {
+    id?: string;
+    name?: string;
+    value: string;
+    maxLength: number;
+    placeholder: string;
+    ariaLabel: string;
+    autoComplete?: string;
+    invalid?: boolean;
+    className?: string;
+    width?: string;
+    inputRef?: (input: HTMLInputElement | null) => void;
+    onBlur?: InputHTMLAttributes<HTMLInputElement>["onBlur"];
+    onValueChange: (value: string) => void;
+    canAutoAdvance?: (value: string) => boolean;
+};
+export type DaimoSegmentedNumberFieldProps = {
+    segments: DaimoSegmentedNumberSegment[];
+    describedBy?: string;
+};
+export declare function DaimoSegmentedNumberField({ segments, describedBy, }: DaimoSegmentedNumberFieldProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=formFields.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"formFields.d.ts","sourceRoot":"","sources":["../../../src/web/components/formFields.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,mBAAmB,EAExB,KAAK,SAAS,EAIf,MAAM,OAAO,CAAC;AAIf,MAAM,MAAM,mBAAmB,GAAG;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE;QAChB,EAAE,EAAE,MAAM,CAAC;QACX,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,OAAO,EAAE,OAAO,CAAC;KAClB,KAAK,SAAS,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,eAAe,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;CACzC,CAAC;AAEF,wBAAgB,cAAc,CAAC,EAC7B,KAAK,EACL,QAAQ,EACR,WAAW,EACX,KAAK,EACL,SAAS,EACT,eAA2B,GAC5B,EAAE,mBAAmB,2CAwCrB;AAED,eAAO,MAAM,cAAc;cAE2B,OAAO;oDAU3D,CAAC;AAEH,MAAM,MAAM,2BAA2B,GAAG;IACxC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,gBAAgB,GAAG,IAAI,KAAK,IAAI,CAAC;IACpD,MAAM,CAAC,EAAE,mBAAmB,CAAC,gBAAgB,CAAC,CAAC,QAAQ,CAAC,CAAC;IACzD,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC;CAC7C,CAAC;AAEF,MAAM,MAAM,8BAA8B,GAAG;IAC3C,QAAQ,EAAE,2BAA2B,EAAE,CAAC;IACxC,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,wBAAgB,yBAAyB,CAAC,EACxC,QAAQ,EACR,WAAW,GACZ,EAAE,8BAA8B,2CA4FhC"}

package/dist/web/components/formFields.js

@@ -0,0 +1,70 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef, useCallback, useId, useRef, } from "react";
+import { TextInput } from "./shared.js";
+export function DaimoFormField({ label, children, description, error, hideError, labelVisibility = "visible", }) {
+    const id = useId();
+    const descriptionId = description ? `${id}-description` : undefined;
+    const errorId = error ? `${id}-error` : undefined;
+    const describedBy = [descriptionId, errorId].filter(Boolean).join(" ");
+    return (_jsxs("label", { className: "daimo-flex daimo-flex-col daimo-gap-1.5", htmlFor: id, children: [_jsx("span", { className: labelVisibility === "sr-only"
+                    ? "daimo-sr-only"
+                    : "daimo-text-xs daimo-font-medium daimo-text-[var(--daimo-text-secondary)]", children: label }), children({
+                id,
+                describedBy: describedBy || undefined,
+                invalid: error != null,
+            }), description && (_jsx("span", { id: descriptionId, className: "daimo-text-xs daimo-leading-relaxed daimo-text-[var(--daimo-text-secondary)]", children: description })), error && !hideError && (_jsx("span", { id: errorId, className: "daimo-text-xs daimo-leading-relaxed daimo-text-[var(--daimo-error)]", children: error }))] }));
+}
+export const DaimoTextField = forwardRef(function DaimoTextField({ className, invalid, ...props }, ref) {
+    return (_jsx(TextInput, { ...props, ref: ref, "aria-invalid": invalid || props["aria-invalid"] || undefined, className: `${invalid ? "daimo-ring-1 daimo-ring-[var(--daimo-error)] " : ""}${className ?? ""}` }));
+});
+export function DaimoSegmentedNumberField({ segments, describedBy, }) {
+    const inputRefs = useRef([]);
+    const setInputRef = useCallback((index, input) => {
+        inputRefs.current[index] = input;
+        segments[index]?.inputRef?.(input);
+    }, [segments]);
+    const focusNextWhenFilled = (index, value, segment) => {
+        if (value.length !== segment.maxLength)
+            return;
+        if (segment.canAutoAdvance != null && !segment.canAutoAdvance(value)) {
+            return;
+        }
+        inputRefs.current[index + 1]?.focus();
+    };
+    const focusPreviousOnEmptyBackspace = (event, index) => {
+        if (event.key === "Backspace" && event.currentTarget.value === "") {
+            inputRefs.current[index - 1]?.focus();
+        }
+    };
+    const handlePaste = (event) => {
+        const digitCount = segments.reduce((total, segment) => total + segment.maxLength, 0);
+        const pasted = digitsOnly(event.clipboardData.getData("text"), digitCount);
+        if (pasted.length < 2)
+            return;
+        event.preventDefault();
+        let offset = 0;
+        let nextFocusIndex = 0;
+        segments.forEach((segment, index) => {
+            const value = pasted.slice(offset, offset + segment.maxLength);
+            segment.onValueChange(value);
+            offset += segment.maxLength;
+            if (value.length === segment.maxLength) {
+                nextFocusIndex = index + 1;
+            }
+        });
+        inputRefs.current[Math.min(nextFocusIndex, segments.length - 1)]?.focus();
+    };
+    return (_jsx("div", { className: "daimo-grid daimo-w-full daimo-min-w-0 daimo-gap-2", style: {
+            gridTemplateColumns: segments
+                .map((segment) => segment.width ?? "minmax(0, 1fr)")
+                .join(" "),
+        }, children: segments.map((segment, index) => (_jsx(DaimoTextField, { ref: (input) => setInputRef(index, input), id: segment.id, name: segment.name, onBlur: segment.onBlur, type: "text", inputMode: "numeric", autoComplete: segment.autoComplete, pattern: "[0-9]*", maxLength: segment.maxLength, value: segment.value, onChange: (event) => {
+                const value = digitsOnly(event.target.value, segment.maxLength);
+                segment.onValueChange(value);
+                focusNextWhenFilled(index, value, segment);
+            }, onKeyDown: (event) => focusPreviousOnEmptyBackspace(event, index), onPaste: handlePaste, placeholder: segment.placeholder, "aria-label": segment.ariaLabel, "aria-describedby": describedBy, invalid: segment.invalid, className: `daimo-h-12 daimo-px-2 daimo-py-3 daimo-text-center ${segment.className ?? ""}` }, segment.name ?? segment.ariaLabel))) }));
+}
+function digitsOnly(value, maxLength) {
+    return value.replace(/\D/g, "").slice(0, maxLength);
+}
+//# sourceMappingURL=formFields.js.map

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

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

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

@@ -6,10 +6,14 @@ type IconProps = {
 export declare function CheckIcon({ className, size }: IconProps): import("react/jsx-runtime").JSX.Element;
 /** Clock icon for expired/timeout states */
 export declare function ExpiredIcon({ className, size }: IconProps): import("react/jsx-runtime").JSX.Element;
-/** X icon for error states */
+/** Alert icon for error states */
 export declare function ErrorIcon({ className, size }: IconProps): import("react/jsx-runtime").JSX.Element;
 /** Back arrow for navigation */
 export declare function BackArrowIcon({ className, size }: IconProps): import("react/jsx-runtime").JSX.Element;
+/** Chevron icon for compact previous/next controls */
+export declare function ChevronIcon({ className, size, direction, }: IconProps & {
+    direction?: "left" | "right";
+}): import("react/jsx-runtime").JSX.Element;
 /** Opposing arrows for switching payment modes */
 export declare function SwitchArrowsIcon({ className, size, flipY, animated, }: IconProps & {
     flipY?: boolean;
@@ -17,6 +21,12 @@ export declare function SwitchArrowsIcon({ className, size, flipY, animated, }:
 }): import("react/jsx-runtime").JSX.Element;
 /** Close X icon for modal dismiss */
 export declare function CloseIcon({ className, size }: IconProps): import("react/jsx-runtime").JSX.Element;
+/** Horizontal ellipsis for compact account actions */
+export declare function EllipsisIcon({ className, size }: IconProps): import("react/jsx-runtime").JSX.Element;
+/** Envelope for account email */
+export declare function EmailIcon({ className, size }: IconProps): import("react/jsx-runtime").JSX.Element;
+/** Door arrow for signing out */
+export declare function LogoutIcon({ className, size }: IconProps): import("react/jsx-runtime").JSX.Element;
 /** Copy icon with checkmark state */
 export declare function CopyIcon({ className, size, copied, }: IconProps & {
     copied?: boolean;
@@ -25,5 +35,11 @@ export declare function CopyIcon({ className, size, copied, }: IconProps & {
 export declare function DaimoLogoIcon({ className, size }: IconProps): import("react/jsx-runtime").JSX.Element;
 /** External link icon */
 export declare function ExternalLinkIcon({ className, size }: IconProps): import("react/jsx-runtime").JSX.Element;
+/** YouTube logo for video walkthrough actions */
+export declare function YouTubeLogoIcon({ className, size }: IconProps): import("react/jsx-runtime").JSX.Element;
+/** QR-style icon for direct deposit instructions */
+export declare function DepositInstructionsIcon({ className, size }: IconProps): import("react/jsx-runtime").JSX.Element;
+/** Warning triangle for critical transfer instructions */
+export declare function WarningIcon({ className, size }: IconProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=icons.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"icons.d.ts","sourceRoot":"","sources":["../../../src/web/components/icons.tsx"],"names":[],"mappings":"AAAA,KAAK,SAAS,GAAG;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,8CAA8C;AAC9C,wBAAgB,SAAS,CAAC,EAAE,SAAS,EAAE,IAAS,EAAE,EAAE,SAAS,2CAgB5D;AAED,4CAA4C;AAC5C,wBAAgB,WAAW,CAAC,EAAE,SAAS,EAAE,IAAS,EAAE,EAAE,SAAS,2CAiB9D;AAED,8BAA8B;AAC9B,wBAAgB,SAAS,CAAC,EAAE,SAAS,EAAE,IAAS,EAAE,EAAE,SAAS,2CAkB5D;AAED,gCAAgC;AAChC,wBAAgB,aAAa,CAAC,EAAE,SAAS,EAAE,IAAQ,EAAE,EAAE,SAAS,2CAkB/D;AAED,kDAAkD;AAClD,wBAAgB,gBAAgB,CAAC,EAC/B,SAAS,EACT,IAAS,EACT,KAAa,EACb,QAAgB,GACjB,EAAE,SAAS,GAAG;IAAE,KAAK,CAAC,EAAE,OAAO,CAAC;IAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;CAAE,2CAuBrD;AAED,qCAAqC;AACrC,wBAAgB,SAAS,CAAC,EAAE,SAAS,EAAE,IAAS,EAAE,EAAE,SAAS,2CAiB5D;AAED,qCAAqC;AACrC,wBAAgB,QAAQ,CAAC,EACvB,SAAS,EACT,IAAS,EACT,MAAc,GACf,EAAE,SAAS,GAAG;IAAE,MAAM,CAAC,EAAE,OAAO,CAAA;CAAE,2CAkClC;AAED,0BAA0B;AAC1B,wBAAgB,aAAa,CAAC,EAAE,SAAS,EAAE,IAAS,EAAE,EAAE,SAAS,2CA6BhE;AAED,yBAAyB;AACzB,wBAAgB,gBAAgB,CAAC,EAAE,SAAS,EAAE,IAAS,EAAE,EAAE,SAAS,2CA2BnE"}
+{"version":3,"file":"icons.d.ts","sourceRoot":"","sources":["../../../src/web/components/icons.tsx"],"names":[],"mappings":"AAAA,KAAK,SAAS,GAAG;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,8CAA8C;AAC9C,wBAAgB,SAAS,CAAC,EAAE,SAAS,EAAE,IAAS,EAAE,EAAE,SAAS,2CAgB5D;AAED,4CAA4C;AAC5C,wBAAgB,WAAW,CAAC,EAAE,SAAS,EAAE,IAAS,EAAE,EAAE,SAAS,2CAiB9D;AAED,kCAAkC;AAClC,wBAAgB,SAAS,CAAC,EAAE,SAAS,EAAE,IAAS,EAAE,EAAE,SAAS,2CAgC5D;AAED,gCAAgC;AAChC,wBAAgB,aAAa,CAAC,EAAE,SAAS,EAAE,IAAQ,EAAE,EAAE,SAAS,2CAkB/D;AAED,sDAAsD;AACtD,wBAAgB,WAAW,CAAC,EAC1B,SAAS,EACT,IAAS,EACT,SAAmB,GACpB,EAAE,SAAS,GAAG;IAAE,SAAS,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;CAAE,2CAoB9C;AAED,kDAAkD;AAClD,wBAAgB,gBAAgB,CAAC,EAC/B,SAAS,EACT,IAAS,EACT,KAAa,EACb,QAAgB,GACjB,EAAE,SAAS,GAAG;IAAE,KAAK,CAAC,EAAE,OAAO,CAAC;IAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;CAAE,2CAuBrD;AAED,qCAAqC;AACrC,wBAAgB,SAAS,CAAC,EAAE,SAAS,EAAE,IAAS,EAAE,EAAE,SAAS,2CAiB5D;AAED,sDAAsD;AACtD,wBAAgB,YAAY,CAAC,EAAE,SAAS,EAAE,IAAS,EAAE,EAAE,SAAS,2CAkB/D;AAED,iCAAiC;AACjC,wBAAgB,SAAS,CAAC,EAAE,SAAS,EAAE,IAAS,EAAE,EAAE,SAAS,2CA0B5D;AAED,iCAAiC;AACjC,wBAAgB,UAAU,CAAC,EAAE,SAAS,EAAE,IAAS,EAAE,EAAE,SAAS,2CA0B7D;AAED,qCAAqC;AACrC,wBAAgB,QAAQ,CAAC,EACvB,SAAS,EACT,IAAS,EACT,MAAc,GACf,EAAE,SAAS,GAAG;IAAE,MAAM,CAAC,EAAE,OAAO,CAAA;CAAE,2CAkClC;AAED,0BAA0B;AAC1B,wBAAgB,aAAa,CAAC,EAAE,SAAS,EAAE,IAAS,EAAE,EAAE,SAAS,2CA6BhE;AAED,yBAAyB;AACzB,wBAAgB,gBAAgB,CAAC,EAAE,SAAS,EAAE,IAAS,EAAE,EAAE,SAAS,2CA2BnE;AAED,iDAAiD;AACjD,wBAAgB,eAAe,CAAC,EAAE,SAAS,EAAE,IAAS,EAAE,EAAE,SAAS,2CAgBlE;AAED,oDAAoD;AACpD,wBAAgB,uBAAuB,CAAC,EAAE,SAAS,EAAE,IAAS,EAAE,EAAE,SAAS,2CA2B1E;AAED,0DAA0D;AAC1D,wBAAgB,WAAW,CAAC,EAAE,SAAS,EAAE,IAAS,EAAE,EAAE,SAAS,2CAmB9D"}

package/dist/web/components/icons.js

@@ -7,14 +7,18 @@ export function CheckIcon({ className, size = 40 }) {
 export function ExpiredIcon({ className, size = 40 }) {
     return (_jsxs("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className: className ?? "daimo-text-[var(--daimo-error)]", children: [_jsx("circle", { cx: "12", cy: "12", r: "10" }), _jsx("path", { d: "M12 6v6l4 2" })] }));
 }
-/** X icon for error states */
+/** Alert icon for error states */
 export function ErrorIcon({ className, size = 40 }) {
-    return (_jsxs("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className: className ?? "daimo-text-[var(--daimo-error)]", children: [_jsx("circle", { cx: "12", cy: "12", r: "10" }), _jsx("path", { d: "M15 9l-6 6" }), _jsx("path", { d: "M9 9l6 6" })] }));
+    return (_jsxs("svg", { "aria-hidden": "true", width: size, height: size, viewBox: "0 0 24 24", fill: "none", className: className ?? "daimo-text-[var(--daimo-error-badge-mark)]", children: [_jsx("circle", { cx: "12", cy: "12", r: "8.25", stroke: "currentColor", strokeWidth: "1.8", opacity: "0.95" }), _jsx("path", { d: "M12 7.4v5.2", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round" }), _jsx("path", { d: "M12 16.55h.01", stroke: "currentColor", strokeWidth: "2.4", strokeLinecap: "round" })] }));
 }
 /** Back arrow for navigation */
 export function BackArrowIcon({ className, size = 9 }) {
     return (_jsx("svg", { width: size, height: Math.round((size * 16) / 9), viewBox: "0 0 9 16", fill: "none", className: className ?? "daimo-text-[var(--daimo-text-muted)]", children: _jsx("path", { d: "M8 1L1 8L8 15", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) }));
 }
+/** Chevron icon for compact previous/next controls */
+export function ChevronIcon({ className, size = 16, direction = "right", }) {
+    return (_jsx("svg", { width: size, height: size, viewBox: "0 0 16 16", fill: "none", className: className ?? "daimo-text-[var(--daimo-text-muted)]", style: { transform: direction === "left" ? "rotate(180deg)" : undefined }, "aria-hidden": "true", children: _jsx("path", { d: "M6 3.5 10.5 8 6 12.5", stroke: "currentColor", strokeWidth: "1.75", strokeLinecap: "round", strokeLinejoin: "round" }) }));
+}
 /** Opposing arrows for switching payment modes */
 export function SwitchArrowsIcon({ className, size = 16, flipY = false, animated = false, }) {
     return (_jsx("svg", { "aria-hidden": "true", width: size, height: size, viewBox: "0 0 24 24", fill: "none", className: className ?? "daimo-text-[var(--daimo-text-muted)]", style: {
@@ -26,6 +30,18 @@ export function SwitchArrowsIcon({ className, size = 16, flipY = false, animated
 export function CloseIcon({ className, size = 14 }) {
     return (_jsx("svg", { width: size, height: size, viewBox: "0 0 14 14", fill: "none", className: className ?? "daimo-text-[var(--daimo-text-muted)]", children: _jsx("path", { d: "M1 13L13 1M1 1L13 13", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round" }) }));
 }
+/** Horizontal ellipsis for compact account actions */
+export function EllipsisIcon({ className, size = 18 }) {
+    return (_jsx("svg", { "aria-hidden": "true", width: size, height: size, viewBox: "0 0 18 18", fill: "none", className: className ?? "daimo-text-[var(--daimo-text-muted)]", children: _jsx("path", { d: "M4 14h.01M9 14h.01M14 14h.01", stroke: "currentColor", strokeWidth: "2.6", strokeLinecap: "round" }) }));
+}
+/** Envelope for account email */
+export function EmailIcon({ className, size = 16 }) {
+    return (_jsxs("svg", { "aria-hidden": "true", width: size, height: size, viewBox: "0 0 18 18", fill: "none", className: className ?? "daimo-text-[var(--daimo-text-muted)]", children: [_jsx("path", { d: "M2.5 5c0-.97.78-1.75 1.75-1.75h9.5c.97 0 1.75.78 1.75 1.75v8c0 .97-.78 1.75-1.75 1.75h-9.5c-.97 0-1.75-.78-1.75-1.75V5Z", stroke: "currentColor", strokeWidth: "1.8", strokeLinecap: "round", strokeLinejoin: "round" }), _jsx("path", { d: "m3.35 4.8 4.9 4.1c.44.37 1.06.37 1.5 0l4.9-4.1", stroke: "currentColor", strokeWidth: "1.8", strokeLinecap: "round", strokeLinejoin: "round" })] }));
+}
+/** Door arrow for signing out */
+export function LogoutIcon({ className, size = 18 }) {
+    return (_jsxs("svg", { "aria-hidden": "true", width: size, height: size, viewBox: "0 0 18 18", fill: "none", className: className ?? "daimo-text-[var(--daimo-text-muted)]", children: [_jsx("path", { d: "M7.5 3.25H4.75c-.83 0-1.5.67-1.5 1.5v8.5c0 .83.67 1.5 1.5 1.5H7.5", stroke: "currentColor", strokeWidth: "1.7", strokeLinecap: "round", strokeLinejoin: "round" }), _jsx("path", { d: "M11 5.25 14.75 9 11 12.75M14.25 9H7.5", stroke: "currentColor", strokeWidth: "1.7", strokeLinecap: "round", strokeLinejoin: "round" })] }));
+}
 /** Copy icon with checkmark state */
 export function CopyIcon({ className, size = 20, copied = false, }) {
     if (copied) {
@@ -41,4 +57,16 @@ export function DaimoLogoIcon({ className, size = 16 }) {
 export function ExternalLinkIcon({ className, size = 16 }) {
     return (_jsxs("svg", { "aria-hidden": "true", width: size, height: size, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className, children: [_jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M4 4C2.89543 4 2 4.89543 2 6V12C2 13.1046 2.89543 14 4 14H10C11.1046 14 12 13.1046 12 12V9.66667C12 9.11438 12.4477 8.66667 13 8.66667C13.5523 8.66667 14 9.11438 14 9.66667V12C14 14.2091 12.2091 16 10 16H4C1.79086 16 0 14.2091 0 12V6C0 3.79086 1.79086 2 4 2H6.33333C6.88562 2 7.33333 2.44772 7.33333 3C7.33333 3.55228 6.88562 4 6.33333 4H4Z", fill: "currentColor", fillOpacity: 0.4 }), _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M9.5 1C9.5 0.447715 9.94772 0 10.5 0H15C15.5523 0 16 0.447715 16 1V5.5C16 6.05228 15.5523 6.5 15 6.5C14.4477 6.5 14 6.05228 14 5.5V3.41421L8.70711 8.70711C8.31658 9.09763 7.68342 9.09763 7.29289 8.70711C6.90237 8.31658 6.90237 7.68342 7.29289 7.29289L12.5858 2H10.5C9.94772 2 9.5 1.55228 9.5 1Z", fill: "currentColor", fillOpacity: 0.4 })] }));
 }
+/** YouTube logo for video walkthrough actions */
+export function YouTubeLogoIcon({ className, size = 20 }) {
+    return (_jsxs("svg", { "aria-hidden": "true", width: size, height: size, viewBox: "0 0 24 24", className: className, children: [_jsx("path", { fill: "#FF0033", d: "M21.58 7.19a2.72 2.72 0 0 0-1.91-1.93C17.98 4.8 12 4.8 12 4.8s-5.98 0-7.67.46a2.72 2.72 0 0 0-1.91 1.93A28.4 28.4 0 0 0 2 12a28.4 28.4 0 0 0 .42 4.81 2.72 2.72 0 0 0 1.91 1.93c1.69.46 7.67.46 7.67.46s5.98 0 7.67-.46a2.72 2.72 0 0 0 1.91-1.93A28.4 28.4 0 0 0 22 12a28.4 28.4 0 0 0-.42-4.81Z" }), _jsx("path", { fill: "#FFFFFF", d: "m10 15.2 5.2-3.2L10 8.8v6.4Z" })] }));
+}
+/** QR-style icon for direct deposit instructions */
+export function DepositInstructionsIcon({ className, size = 20 }) {
+    return (_jsxs("svg", { "aria-hidden": "true", width: size, height: size, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.6", strokeLinecap: "round", strokeLinejoin: "round", className: className, children: [_jsx("path", { d: "M4 5.25C4 4.56 4.56 4 5.25 4h4.5C10.44 4 11 4.56 11 5.25v4.5C11 10.44 10.44 11 9.75 11h-4.5C4.56 11 4 10.44 4 9.75v-4.5Z" }), _jsx("path", { d: "M4 14.25C4 13.56 4.56 13 5.25 13h4.5c.69 0 1.25.56 1.25 1.25v4.5c0 .69-.56 1.25-1.25 1.25h-4.5C4.56 20 4 19.44 4 18.75v-4.5Z" }), _jsx("path", { d: "M13 5.25C13 4.56 13.56 4 14.25 4h4.5c.69 0 1.25.56 1.25 1.25v4.5c0 .69-.56 1.25-1.25 1.25h-4.5C13.56 11 13 10.44 13 9.75v-4.5Z" }), _jsx("path", { d: "M6.75 6.75h.5" }), _jsx("path", { d: "M6.75 16.75h.5" }), _jsx("path", { d: "M15.75 6.75h.5" }), _jsx("path", { d: "M14 14h.5" }), _jsx("path", { d: "M19.5 14h.5" }), _jsx("path", { d: "M14 19.5h.5" }), _jsx("path", { d: "M19.5 19.5h.5" }), _jsx("path", { d: "M16.75 16.75h.5" })] }));
+}
+/** Warning triangle for critical transfer instructions */
+export function WarningIcon({ className, size = 20 }) {
+    return (_jsxs("svg", { "aria-hidden": "true", width: size, height: size, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.8", strokeLinecap: "round", strokeLinejoin: "round", className: className, children: [_jsx("path", { d: "M10.3 4.5 2.7 17.7A2 2 0 0 0 4.4 20.7h15.2a2 2 0 0 0 1.7-3L13.7 4.5a2 2 0 0 0-3.4 0Z" }), _jsx("path", { d: "M12 8.5v5" }), _jsx("path", { d: "M12 17h.01" })] }));
+}
 //# sourceMappingURL=icons.js.map

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

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

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

@@ -33,7 +33,7 @@ export declare function useAmountInput(minimum: number, maximum: number, initial
     handleChange: (amt: number, valid: boolean) => void;
 };
 /** Standard text input with consistent styling. */
-export declare function TextInput(props: React.InputHTMLAttributes<HTMLInputElement>): import("react/jsx-runtime").JSX.Element;
+export declare const TextInput: import("react").ForwardRefExoticComponent<import("react").InputHTMLAttributes<HTMLInputElement> & import("react").RefAttributes<HTMLInputElement>>;
 /** Resolve relative icon paths to absolute URLs */
 export declare function resolveIconUrl(icon: string, baseUrl: string): string;
 /** Standard page header with optional back button and centered title */

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

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

package/dist/web/components/shared.js

@@ -1,6 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useCallback, useEffect, useRef, useState } from "react";
+import { forwardRef, useCallback, useEffect, useRef, useState, } from "react";
 import { arbitrum, base, bsc, celo, ethereum, getChainName, gnosis, hyperEvm, linea, megaEth, monad, optimism, polygon, solana, tempo, tron, worldchain, } from "../../common/chain.js";
+import { formatAmountInput, formatFixedAmount, isValidAmountInput, parseDisplayAmount, } from "../formatAmount.js";
 import { t } from "../hooks/locale.js";
 import { SecondaryLinkButton } from "./buttons.js";
 import { BackArrowIcon, CopyIcon } from "./icons.js";
@@ -72,31 +73,30 @@ export function AmountInput({ minimum, maximum, currencySymbol = "$", defaultLab
     const showMinWarning = inputValue !== "" && amount > 0 && amount < minimum;
     const showMaxWarning = inputValue !== "" && amount > maximum;
     const handleInputChange = (e) => {
-        const value = e.target.value;
-        if (value === "" || /^\d*\.?\d{0,2}$/.test(value)) {
-            setInputValue(value);
-            const newAmount = parseFloat(value) || 0;
-            const newIsValid = newAmount >= minimum && newAmount <= maximum;
-            onChange?.(newAmount, newIsValid);
-        }
+        const value = parseDisplayAmount(e.target.value);
+        if (!isValidAmountInput(value, 2))
+            return;
+        setInputValue(value);
+        const newAmount = parseFloat(value) || 0;
+        const newIsValid = newAmount >= minimum && newAmount <= maximum;
+        onChange?.(newAmount, newIsValid);
     };
     const handleKeyDown = (e) => {
         if (e.key === "Enter" && isValid) {
             onSubmit(amount);
         }
     };
-    const inputWidth = inputValue.length === 0
+    const displayValue = formatAmountInput(inputValue);
+    const placeholder = formatAmountInput("0.00");
+    const inputWidth = displayValue.length === 0
         ? "3.55ch"
-        : `${Math.min(inputValue.length - (inputValue.match(/\./g) || []).length * 0.55, 10)}ch`;
-    const fmtAmount = (n) => new Intl.NumberFormat(undefined, {
-        minimumFractionDigits: 2,
-        maximumFractionDigits: 2,
-    }).format(n);
+        : `${Math.min(displayValue.length - (displayValue.match(/\./g) || []).length * 0.55, 12)}ch`;
     const label = showMinWarning
-        ? `${t.minimum} ${currencySymbol}${fmtAmount(minimum)}`
+        ? `${t.minimum} ${currencySymbol}${formatFixedAmount(minimum)}`
         : showMaxWarning
-            ? `${t.maximum} ${currencySymbol}${fmtAmount(maximum)}`
-            : (defaultLabel ?? `${t.minimum} ${currencySymbol}${fmtAmount(minimum)}`);
+            ? `${t.maximum} ${currencySymbol}${formatFixedAmount(maximum)}`
+            : (defaultLabel ??
+                `${t.minimum} ${currencySymbol}${formatFixedAmount(minimum)}`);
     const labelClass = showMinWarning || showMaxWarning
         ? "daimo-text-base daimo-text-[var(--daimo-text)]"
         : "daimo-text-base daimo-text-[var(--daimo-text-secondary)]";
@@ -108,12 +108,12 @@ export function AmountInput({ minimum, maximum, currencySymbol = "$", defaultLab
                                 return;
                             didAutofocusRef.current = true;
                             requestAnimationFrame(() => el.focus());
-                        }, type: "text", inputMode: "decimal", value: inputValue, disabled: disabled, onChange: handleInputChange, onKeyDown: handleKeyDown, placeholder: "0.00", className: "daimo-bg-transparent daimo-font-semibold daimo-text-[var(--daimo-text)] daimo-placeholder-[var(--daimo-placeholder)] daimo-outline-none daimo-border-none daimo-shadow-none daimo-caret-[var(--daimo-text-muted)] daimo-ring-0 focus:daimo-outline-none focus:daimo-ring-0 focus:daimo-border-none focus:daimo-shadow-none", style: {
+                        }, type: "text", inputMode: "decimal", value: displayValue, disabled: disabled, onChange: handleInputChange, onKeyDown: handleKeyDown, placeholder: placeholder, className: "daimo-bg-transparent daimo-font-semibold daimo-text-[var(--daimo-text)] daimo-placeholder-[var(--daimo-placeholder)] daimo-outline-none daimo-border-none daimo-shadow-none daimo-caret-[var(--daimo-text-muted)] daimo-ring-0 focus:daimo-outline-none focus:daimo-ring-0 focus:daimo-border-none focus:daimo-shadow-none", style: {
                             width: inputWidth,
                             minWidth: "1ch",
                             maxWidth: "10ch",
                             fontSize: "clamp(16px, 30px, 30px)",
-                        } })] }), _jsx("p", { className: labelClass, children: label })] }));
+                        } })] }), _jsx("p", { className: `${labelClass} daimo-min-h-[24px]`, children: label })] }));
 }
 /** Hook to manage amount input state externally */
 export function useAmountInput(minimum, maximum, initialValue) {
@@ -139,10 +139,10 @@ export function useAmountInput(minimum, maximum, initialValue) {
     return { amount, isValid, handleChange };
 }
 /** Standard text input with consistent styling. */
-export function TextInput(props) {
+export const TextInput = forwardRef(function TextInput(props, ref) {
     const { className, ...rest } = props;
-    return (_jsx("input", { ...rest, className: `daimo-w-full daimo-px-3 daimo-py-2 daimo-text-sm daimo-bg-[var(--daimo-surface-secondary)] daimo-text-[var(--daimo-text)] daimo-placeholder-[var(--daimo-placeholder)] daimo-rounded-[var(--daimo-radius-md)] daimo-border-none daimo-outline-none focus:daimo-ring-2 focus:daimo-ring-[var(--daimo-accent)] daimo-transition-shadow ${className ?? ""}` }));
-}
+    return (_jsx("input", { ...rest, ref: ref, className: `daimo-box-border daimo-w-full daimo-min-w-0 daimo-max-w-full daimo-px-3 daimo-py-2 daimo-text-base daimo-bg-[var(--daimo-surface-secondary)] daimo-text-[var(--daimo-text)] daimo-placeholder-[var(--daimo-placeholder)] daimo-rounded-[var(--daimo-radius-md)] daimo-border-none daimo-outline-none focus:daimo-ring-2 focus:daimo-ring-[var(--daimo-accent)] daimo-transition-shadow ${className ?? ""}` }));
+});
 /** Resolve relative icon paths to absolute URLs */
 export function resolveIconUrl(icon, baseUrl) {
     if (icon.startsWith("http://") ||