@daimo/sdk 1.4.0 → 1.4.1

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"AccountStatusPage.d.ts","sourceRoot":"","sources":["../../../../src/web/components/account/AccountStatusPage.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAwB,MAAM,4BAA4B,CAAC;AAQtF,KAAK,sBAAsB,GAAG;IAC5B,MAAM,EAAE,aAAa,CAAC;IACtB,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,EAAE,MAAM,CAAC;IACrB,OAAO,EAAE,MAAM,CAAC;CACjB,CAAC;AAyBF;;GAEG;AACH,wBAAgB,iBAAiB,CAAC,EAChC,MAAM,EACN,SAAS,EACT,YAAY,EACZ,OAAO,GACR,EAAE,sBAAsB,2CAmDxB"}
+{"version":3,"file":"AccountStatusPage.d.ts","sourceRoot":"","sources":["../../../../src/web/components/account/AccountStatusPage.tsx"],"names":[],"mappings":"AASA,KAAK,sBAAsB,GAAG;IAC5B,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,EAAE,MAAM,CAAC;IACrB,OAAO,EAAE,MAAM,CAAC;CACjB,CAAC;AAoBF;;GAEG;AACH,wBAAgB,iBAAiB,CAAC,EAChC,SAAS,EACT,YAAY,EACZ,OAAO,GACR,EAAE,sBAAsB,2CAuDxB"}

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

@@ -10,10 +10,6 @@ const TERMINAL_STATUSES = [
     "failed",
     "expired",
 ];
-const REGION_ETA = {
-    CA: "5–30 min",
-    US: "1–3 days",
-};
 /** Map status to a 0-2 step index for the progress indicator. */
 function getStep(status) {
     switch (status) {
@@ -27,14 +23,18 @@ const STEP_LABELS = ["Received", "Processing", "Complete"];
 /**
  * Async deposit status — ConfirmationSpinner + progress steps + action rows.
  */
-export function AccountStatusPage({ region, sessionId, clientSecret, baseUrl, }) {
+export function AccountStatusPage({ sessionId, clientSecret, baseUrl, }) {
     const client = useDaimoClient();
     const [status, setStatus] = useState("payment_received");
+    const [eta, setEta] = useState(null);
     useDepositPoller({
         client,
         sessionId,
         clientSecret,
-        onUpdate: (deposit) => setStatus(deposit.status),
+        onUpdate: (deposit) => {
+            setStatus(deposit.status);
+            setEta(deposit.eta);
+        },
         shouldStop: (deposit) => TERMINAL_STATUSES.includes(deposit.status),
     });
     const isComplete = status === "completed";
@@ -45,11 +45,11 @@ export function AccountStatusPage({ region, sessionId, clientSecret, baseUrl, })
     const title = isComplete ? t.accountDepositComplete : t.accountDepositReceived;
     const receiptUrl = `${baseUrl}/receipt?id=${sessionId}`;
     const accountUrl = `${baseUrl}/account?session=${sessionId}`;
-    return (_jsxs("div", { className: "daimo-flex daimo-flex-col daimo-flex-1 daimo-min-h-0", children: [_jsx(PageHeader, { title: title }), _jsx(CenteredContent, { children: _jsxs("div", { className: "daimo-flex daimo-flex-col daimo-items-center daimo-gap-3", children: [_jsx(DepositProgress, { step: step }), !isComplete && (_jsxs("span", { className: "daimo-text-[10px] daimo-px-2.5 daimo-py-1 daimo-rounded-full", style: {
+    return (_jsxs("div", { className: "daimo-flex daimo-flex-col daimo-flex-1 daimo-min-h-0", children: [_jsx(PageHeader, { title: title }), _jsx(CenteredContent, { children: _jsxs("div", { className: "daimo-flex daimo-flex-col daimo-items-center daimo-gap-3", children: [_jsx(DepositProgress, { step: step }), !isComplete && eta && (_jsxs("span", { className: "daimo-text-[10px] daimo-px-2.5 daimo-py-1 daimo-rounded-full", style: {
                                 backgroundColor: "var(--daimo-surface-secondary)",
                                 color: "var(--daimo-text-muted)",
                                 fontVariantNumeric: "tabular-nums",
-                            }, children: ["ETA ", REGION_ETA[region]] }))] }) }), _jsxs("div", { className: "daimo-px-8 daimo-pb-4 daimo-flex daimo-flex-col daimo-gap-1", children: [_jsx(LinkPill, { href: accountUrl, icon: "user", label: t.accountViewAccount }), _jsx(LinkPill, { href: receiptUrl, icon: "receipt", label: t.showReceipt })] })] }));
+                            }, children: ["ETA ", eta] }))] }) }), _jsxs("div", { className: "daimo-px-8 daimo-pb-4 daimo-flex daimo-flex-col daimo-gap-1", children: [_jsx(LinkPill, { href: accountUrl, icon: "user", label: t.accountViewAccount }), _jsx(LinkPill, { href: receiptUrl, icon: "receipt", label: t.showReceipt })] })] }));
 }
 /** Three-dot progress indicator with current step label. */
 function DepositProgress({ step }) {

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

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

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

@@ -0,0 +1,14 @@
+import type { AccountRail } from "../../../common/account.js";
+/**
+ * Pick the modal entry page for a rail. Each rail has its own payment UX:
+ * - interac: two-step amount entry → bank picker
+ * - ach/sepa: two-step amount entry → bank details
+ * - apple_pay: single unified amount+Apple Pay page (Coinbase Headless)
+ */
+export declare function getAccountPaymentEntryTarget(rail: AccountRail): "account-payment" | "account-apple-pay";
+/**
+ * Pick the modal page that follows the deposit amount screen (for rails
+ * that use the two-step flow).
+ */
+export declare function getAccountPaymentAdvanceTarget(rail: AccountRail): "account-canada-bank-picker" | "account-bank-details" | "account-apple-pay";
+//# sourceMappingURL=accountNav.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"accountNav.d.ts","sourceRoot":"","sources":["../../../../src/web/components/account/accountNav.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAE9D;;;;;GAKG;AACH,wBAAgB,4BAA4B,CAAC,IAAI,EAAE,WAAW,2CAW7D;AAED;;;GAGG;AACH,wBAAgB,8BAA8B,CAAC,IAAI,EAAE,WAAW,+EAW/D"}

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

@@ -0,0 +1,35 @@
+/**
+ * Pick the modal entry page for a rail. Each rail has its own payment UX:
+ * - interac: two-step amount entry → bank picker
+ * - ach/sepa: two-step amount entry → bank details
+ * - apple_pay: single unified amount+Apple Pay page (Coinbase Headless)
+ */
+export function getAccountPaymentEntryTarget(rail) {
+    switch (rail) {
+        case "apple_pay":
+            // Coinbase Headless: amount input + Apple Pay live in the same page.
+            return "account-apple-pay";
+        case "interac":
+        case "ach":
+        case "sepa":
+            // Old two-step flow: amount first, then picker/details.
+            return "account-payment";
+    }
+}
+/**
+ * Pick the modal page that follows the deposit amount screen (for rails
+ * that use the two-step flow).
+ */
+export function getAccountPaymentAdvanceTarget(rail) {
+    switch (rail) {
+        case "interac":
+            return "account-canada-bank-picker";
+        case "ach":
+        case "sepa":
+            return "account-bank-details";
+        case "apple_pay":
+            // Never used — apple_pay skips account-payment entirely.
+            return "account-apple-pay";
+    }
+}
+//# sourceMappingURL=accountNav.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"accountNav.js","sourceRoot":"","sources":["../../../../src/web/components/account/accountNav.ts"],"names":[],"mappings":"AAEA;;;;;GAKG;AACH,MAAM,UAAU,4BAA4B,CAAC,IAAiB;IAC5D,QAAQ,IAAI,EAAE,CAAC;QACb,KAAK,WAAW;YACd,qEAAqE;YACrE,OAAO,mBAA4B,CAAC;QACtC,KAAK,SAAS,CAAC;QACf,KAAK,KAAK,CAAC;QACX,KAAK,MAAM;YACT,wDAAwD;YACxD,OAAO,iBAA0B,CAAC;IACtC,CAAC;AACH,CAAC;AAED;;;GAGG;AACH,MAAM,UAAU,8BAA8B,CAAC,IAAiB;IAC9D,QAAQ,IAAI,EAAE,CAAC;QACb,KAAK,SAAS;YACZ,OAAO,4BAAqC,CAAC;QAC/C,KAAK,KAAK,CAAC;QACX,KAAK,MAAM;YACT,OAAO,sBAA+B,CAAC;QACzC,KAAK,WAAW;YACd,yDAAyD;YACzD,OAAO,mBAA4B,CAAC;IACxC,CAAC;AACH,CAAC"}

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

@@ -25,23 +25,39 @@ function openFormPost(deeplink) {
     if (!popup)
         return;
     setTimeout(() => {
+        if (popup.closed)
+            return;
         popup.location.href = "about:blank";
-        setTimeout(() => {
-            popup.document.open();
-            const fields = Object.entries(deeplink.formFields)
-                .map(([k, v]) => `<input type="hidden" name="${escAttr(k)}" value="${escAttr(v)}"/>`)
-                .join("\n");
-            popup.document.write(`<html><body>` +
-                `<p style="font-family:system-ui;color:#666;text-align:center;margin-top:40vh">` +
-                `Connecting to your bank\u2026</p>` +
-                `<form id="f" method="POST" action="${escAttr(deeplink.formAction)}">` +
-                `${fields}</form>` +
-                `<script>document.getElementById('f').submit();</script>` +
-                `</body></html>`);
-            popup.document.close();
-        }, 500);
+        writeFormPostPage(popup, deeplink);
     }, deeplink.warmDelayMs);
 }
+function writeFormPostPage(popup, deeplink, attempt = 0) {
+    if (popup.closed)
+        return;
+    try {
+        popup.document.open();
+        const fields = Object.entries(deeplink.formFields)
+            .map(([k, v]) => `<input type="hidden" name="${escAttr(k)}" value="${escAttr(v)}"/>`)
+            .join("\n");
+        popup.document.write(`<html><body>` +
+            `<p style="font-family:system-ui;color:#666;text-align:center;margin-top:40vh">` +
+            `Connecting to your bank\u2026</p>` +
+            `<form id="f" method="POST" action="${escAttr(deeplink.formAction)}">` +
+            `${fields}</form>` +
+            `<script>document.getElementById('f').submit();</script>` +
+            `</body></html>`);
+        popup.document.close();
+    }
+    catch (error) {
+        if (attempt >= 20) {
+            console.error("[openDeeplink] failed to prepare form-post popup:", error);
+            return;
+        }
+        setTimeout(() => {
+            writeFormPostPage(popup, deeplink, attempt + 1);
+        }, 100);
+    }
+}
 /** Escape a string for safe embedding in an HTML attribute (double-quoted). */
 function escAttr(s) {
     return s

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

@@ -1 +1 @@
-{"version":3,"file":"openDeeplink.js","sourceRoot":"","sources":["../../../../src/web/components/account/openDeeplink.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAsB,MAAM,mBAAmB,CAAC;AAElE,yDAAyD;AACzD,MAAM,UAAU,YAAY,CAC1B,QAAyB,EACzB,QAAuB;IAEvB,MAAM,OAAO,GAAG,SAAS,CAAC,QAAQ,CAAC,CAAC;IAEpC,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,MAAM,GAAG,GACP,QAAQ,CAAC,IAAI,KAAK,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,GAAG,CAAC;QAClE,oEAAoE;QACpE,IAAI,iBAAiB,CAAC,GAAG,CAAC;YAAE,OAAO;QACnC,qEAAqE;QACrE,MAAM,CAAC,QAAQ,CAAC,IAAI,GAAG,GAAG,CAAC;QAC3B,OAAO;IACT,CAAC;IAED,QAAQ,QAAQ,CAAC,IAAI,EAAE,CAAC;QACtB,KAAK,UAAU;YACb,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAC;YACpC,MAAM;QACR,KAAK,WAAW;YACd,YAAY,CAAC,QAAQ,CAAC,CAAC;YACvB,MAAM;IACV,CAAC;AACH,CAAC;AAED,SAAS,YAAY,CAAC,QAAiD;IACrE,MAAM,KAAK,GAAG,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC;IACtD,IAAI,CAAC,KAAK;QAAE,OAAO;IAEnB,UAAU,CAAC,GAAG,EAAE;QACd,KAAK,CAAC,QAAQ,CAAC,IAAI,GAAG,aAAa,CAAC;QACpC,UAAU,CAAC,GAAG,EAAE;YACd,KAAK,CAAC,QAAQ,CAAC,IAAI,EAAE,CAAC;YACtB,MAAM,MAAM,GAAG,MAAM,CAAC,OAAO,CAAC,QAAQ,CAAC,UAAU,CAAC;iBAC/C,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,8BAA8B,OAAO,CAAC,CAAC,CAAC,YAAY,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC;iBACpF,IAAI,CAAC,IAAI,CAAC,CAAC;YACd,KAAK,CAAC,QAAQ,CAAC,KAAK,CAClB,cAAc;gBACd,gFAAgF;gBAChF,mCAAmC;gBACnC,sCAAsC,OAAO,CAAC,QAAQ,CAAC,UAAU,CAAC,IAAI;gBACtE,GAAG,MAAM,SAAS;gBAClB,yDAAyD;gBACzD,gBAAgB,CACjB,CAAC;YACF,KAAK,CAAC,QAAQ,CAAC,KAAK,EAAE,CAAC;QACzB,CAAC,EAAE,GAAG,CAAC,CAAC;IACV,CAAC,EAAE,QAAQ,CAAC,WAAW,CAAC,CAAC;AAC3B,CAAC;AAED,+EAA+E;AAC/E,SAAS,OAAO,CAAC,CAAS;IACxB,OAAO,CAAC;SACL,OAAO,CAAC,IAAI,EAAE,OAAO,CAAC;SACtB,OAAO,CAAC,IAAI,EAAE,QAAQ,CAAC;SACvB,OAAO,CAAC,IAAI,EAAE,MAAM,CAAC;SACrB,OAAO,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;AAC3B,CAAC;AAED,oFAAoF;AACpF,SAAS,iBAAiB,CAAC,GAAW;IACpC,MAAM,CAAC,GAAG,MAIT,CAAC;IACF,MAAM,OAAO,GAAG,CAAC,CAAC,MAAM,EAAE,eAAe,EAAE,QAAQ,CAAC;IACpD,IAAI,CAAC,OAAO;QAAE,OAAO,KAAK,CAAC;IAC3B,OAAO,CAAC,WAAW,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,CAAC,CAAC;IAC9C,OAAO,IAAI,CAAC;AACd,CAAC"}
+{"version":3,"file":"openDeeplink.js","sourceRoot":"","sources":["../../../../src/web/components/account/openDeeplink.ts"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,6 @@
+export declare function normalizeUsPhoneDigits(raw: string): string;
+export declare function formatUsPhoneInput(digits: string): string;
+export declare function formatUsPhoneLocal(digits: string): string;
+export declare function formatUsPhoneDisplay(raw: string): string;
+export declare function toUsPhoneE164(digits: string): string;
+//# sourceMappingURL=phone.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"phone.d.ts","sourceRoot":"","sources":["../../../../src/web/components/account/phone.ts"],"names":[],"mappings":"AAAA,wBAAgB,sBAAsB,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAO1D;AAED,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAOzD;AAED,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAOzD;AAED,wBAAgB,oBAAoB,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAGxD;AAED,wBAAgB,aAAa,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAEpD"}

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

@@ -0,0 +1,35 @@
+export function normalizeUsPhoneDigits(raw) {
+    const allDigits = raw.replace(/\D/g, "");
+    const withoutCountryCode = allDigits.length > 10 && allDigits.startsWith("1")
+        ? allDigits.slice(1)
+        : allDigits;
+    return withoutCountryCode.slice(0, 10);
+}
+export function formatUsPhoneInput(digits) {
+    if (digits.length === 0)
+        return "";
+    if (digits.length <= 3)
+        return `+1 ${digits}`;
+    if (digits.length <= 6) {
+        return `+1 ${digits.slice(0, 3)} ${digits.slice(3)}`;
+    }
+    return `+1 ${digits.slice(0, 3)} ${digits.slice(3, 6)} ${digits.slice(6)}`;
+}
+export function formatUsPhoneLocal(digits) {
+    if (digits.length === 0)
+        return "";
+    if (digits.length <= 3)
+        return digits;
+    if (digits.length <= 6) {
+        return `${digits.slice(0, 3)} ${digits.slice(3)}`;
+    }
+    return `${digits.slice(0, 3)} ${digits.slice(3, 6)} ${digits.slice(6)}`;
+}
+export function formatUsPhoneDisplay(raw) {
+    const digits = normalizeUsPhoneDigits(raw);
+    return digits.length === 0 ? raw : formatUsPhoneInput(digits);
+}
+export function toUsPhoneE164(digits) {
+    return digits.length === 10 ? `+1${digits}` : "";
+}
+//# sourceMappingURL=phone.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"phone.js","sourceRoot":"","sources":["../../../../src/web/components/account/phone.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,sBAAsB,CAAC,GAAW;IAChD,MAAM,SAAS,GAAG,GAAG,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;IACzC,MAAM,kBAAkB,GACtB,SAAS,CAAC,MAAM,GAAG,EAAE,IAAI,SAAS,CAAC,UAAU,CAAC,GAAG,CAAC;QAChD,CAAC,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC;QACpB,CAAC,CAAC,SAAS,CAAC;IAChB,OAAO,kBAAkB,CAAC,KAAK,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;AACzC,CAAC;AAED,MAAM,UAAU,kBAAkB,CAAC,MAAc;IAC/C,IAAI,MAAM,CAAC,MAAM,KAAK,CAAC;QAAE,OAAO,EAAE,CAAC;IACnC,IAAI,MAAM,CAAC,MAAM,IAAI,CAAC;QAAE,OAAO,MAAM,MAAM,EAAE,CAAC;IAC9C,IAAI,MAAM,CAAC,MAAM,IAAI,CAAC,EAAE,CAAC;QACvB,OAAO,MAAM,MAAM,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,IAAI,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC;IACvD,CAAC;IACD,OAAO,MAAM,MAAM,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,IAAI,MAAM,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,IAAI,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC;AAC7E,CAAC;AAED,MAAM,UAAU,kBAAkB,CAAC,MAAc;IAC/C,IAAI,MAAM,CAAC,MAAM,KAAK,CAAC;QAAE,OAAO,EAAE,CAAC;IACnC,IAAI,MAAM,CAAC,MAAM,IAAI,CAAC;QAAE,OAAO,MAAM,CAAC;IACtC,IAAI,MAAM,CAAC,MAAM,IAAI,CAAC,EAAE,CAAC;QACvB,OAAO,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,IAAI,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC;IACpD,CAAC;IACD,OAAO,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,IAAI,MAAM,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,IAAI,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC;AAC1E,CAAC;AAED,MAAM,UAAU,oBAAoB,CAAC,GAAW;IAC9C,MAAM,MAAM,GAAG,sBAAsB,CAAC,GAAG,CAAC,CAAC;IAC3C,OAAO,MAAM,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,kBAAkB,CAAC,MAAM,CAAC,CAAC;AAChE,CAAC;AAED,MAAM,UAAU,aAAa,CAAC,MAAc;IAC1C,OAAO,MAAM,CAAC,MAAM,KAAK,EAAE,CAAC,CAAC,CAAC,KAAK,MAAM,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;AACnD,CAAC"}

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

@@ -0,0 +1,20 @@
+type UseCoinbaseApplePayWidgetArgs = {
+    allowExpandedView: boolean;
+    onRefreshDeposit: () => Promise<void>;
+    paymentLinkUrl: string | null;
+};
+type UseCoinbaseApplePayWidgetResult = {
+    iframeExpanded: boolean;
+    onIframeLoad: () => void;
+    iframeReady: boolean;
+    iframeRef: React.RefObject<HTMLIFrameElement | null>;
+    resetWidget: () => void;
+    widgetError: string | null;
+};
+/**
+ * Coinbase iframe lifecycle and postMessage handling. Keeps the account page
+ * focused on amount entry / layout while this hook owns hosted-widget state.
+ */
+export declare function useCoinbaseApplePayWidget({ allowExpandedView, onRefreshDeposit, paymentLinkUrl, }: UseCoinbaseApplePayWidgetArgs): UseCoinbaseApplePayWidgetResult;
+export {};
+//# sourceMappingURL=useCoinbaseApplePayWidget.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useCoinbaseApplePayWidget.d.ts","sourceRoot":"","sources":["../../../../src/web/components/account/useCoinbaseApplePayWidget.ts"],"names":[],"mappings":"AASA,KAAK,6BAA6B,GAAG;IACnC,iBAAiB,EAAE,OAAO,CAAC;IAC3B,gBAAgB,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IACtC,cAAc,EAAE,MAAM,GAAG,IAAI,CAAC;CAC/B,CAAC;AAEF,KAAK,+BAA+B,GAAG;IACrC,cAAc,EAAE,OAAO,CAAC;IACxB,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,WAAW,EAAE,OAAO,CAAC;IACrB,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,iBAAiB,GAAG,IAAI,CAAC,CAAC;IACrD,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;CAC5B,CAAC;AAEF;;;GAGG;AACH,wBAAgB,yBAAyB,CAAC,EACxC,iBAAiB,EACjB,gBAAgB,EAChB,cAAc,GACf,EAAE,6BAA6B,GAAG,+BAA+B,CAsIjE"}

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

@@ -0,0 +1,159 @@
+import { useCallback, useEffect, useRef, useState } from "react";
+/**
+ * Coinbase iframe lifecycle and postMessage handling. Keeps the account page
+ * focused on amount entry / layout while this hook owns hosted-widget state.
+ */
+export function useCoinbaseApplePayWidget({ allowExpandedView, onRefreshDeposit, paymentLinkUrl, }) {
+    const [widgetError, setWidgetError] = useState(null);
+    const [iframeReady, setIframeReady] = useState(false);
+    const [iframeExpanded, setIframeExpanded] = useState(false);
+    const iframeRef = useRef(null);
+    const refreshRef = useRef(onRefreshDeposit);
+    const resetWidget = useCallback(() => {
+        debugApplePay("reset widget", { paymentLinkUrl });
+        setWidgetError(null);
+        setIframeReady(false);
+        setIframeExpanded(false);
+    }, [paymentLinkUrl]);
+    useEffect(() => {
+        refreshRef.current = onRefreshDeposit;
+    }, [onRefreshDeposit]);
+    useEffect(() => {
+        if (!allowExpandedView)
+            setIframeExpanded(false);
+    }, [allowExpandedView]);
+    useEffect(() => {
+        debugApplePay("payment link updated", { paymentLinkUrl });
+        resetWidget();
+    }, [paymentLinkUrl, resetWidget]);
+    const updateExpandedView = useCallback((expanded) => {
+        if (!allowExpandedView) {
+            if (!expanded)
+                setIframeExpanded(false);
+            return;
+        }
+        setIframeExpanded(expanded);
+    }, [allowExpandedView]);
+    useEffect(() => {
+        const handler = (event) => {
+            if (typeof event.origin !== "string" || !isCoinbaseOrigin(event.origin)) {
+                return;
+            }
+            const iframeWindow = iframeRef.current?.contentWindow;
+            if (iframeWindow && event.source !== iframeWindow) {
+                return;
+            }
+            const parsed = parseCoinbaseEvent(event.data);
+            if (!parsed)
+                return;
+            debugApplePay("coinbase event", {
+                eventName: parsed.eventName,
+                data: parsed.data,
+            });
+            switch (parsed.eventName) {
+                case "onramp_api.load_pending":
+                    setIframeReady(false);
+                    return;
+                case "onramp_api.load_success":
+                    setWidgetError(null);
+                    setIframeReady(true);
+                    return;
+                case "onramp_api.load_error":
+                    if (parsed.data?.errorCode ===
+                        "ERROR_CODE_GUEST_APPLE_PAY_NOT_SUPPORTED") {
+                        setIframeReady(false);
+                        return;
+                    }
+                    setWidgetError(parsed.data?.errorMessage ?? "failed to load payment widget");
+                    return;
+                case "onramp_api.apple_pay_button_pressed":
+                    updateExpandedView(true);
+                    return;
+                case "onramp_api.pending_payment_auth":
+                case "onramp_api.payment_authorized":
+                    updateExpandedView(true);
+                    return;
+                case "onramp_api.commit_success":
+                    updateExpandedView(false);
+                    void refreshRef.current();
+                    return;
+                case "onramp_api.commit_error":
+                    updateExpandedView(false);
+                    setWidgetError(parsed.data?.errorMessage ?? "payment failed");
+                    return;
+                case "onramp_api.cancel":
+                    debugApplePay("collapsing widget after cancel event");
+                    updateExpandedView(false);
+                    return;
+                case "onramp_api.apple_pay_session_cancelled":
+                    updateExpandedView(false);
+                    return;
+                case "onramp_api.polling_start":
+                    updateExpandedView(true);
+                    void refreshRef.current();
+                    return;
+                case "onramp_api.polling_success":
+                    updateExpandedView(false);
+                    void refreshRef.current();
+                    return;
+                case "onramp_api.polling_error":
+                    updateExpandedView(false);
+                    setWidgetError(parsed.data?.errorMessage ?? "transaction processing error");
+                    return;
+                default:
+                    debugApplePay("unhandled coinbase event", {
+                        eventName: parsed.eventName,
+                        data: parsed.data,
+                    });
+                    return;
+            }
+        };
+        window.addEventListener("message", handler);
+        return () => window.removeEventListener("message", handler);
+    }, [updateExpandedView]);
+    const onIframeLoad = useCallback(() => {
+        debugApplePay("iframe load", { paymentLinkUrl });
+    }, [paymentLinkUrl]);
+    return {
+        iframeExpanded,
+        onIframeLoad,
+        iframeReady,
+        iframeRef,
+        resetWidget,
+        widgetError,
+    };
+}
+/**
+ * Coinbase sends postMessage payloads as JSON strings. Parse and narrow them
+ * before the page reacts to lifecycle events.
+ */
+function parseCoinbaseEvent(raw) {
+    let parsed;
+    try {
+        parsed = typeof raw === "string" ? JSON.parse(raw) : raw;
+    }
+    catch {
+        return null;
+    }
+    if (!parsed || typeof parsed !== "object")
+        return null;
+    const maybe = parsed;
+    if (typeof maybe.eventName !== "string")
+        return null;
+    if (!maybe.eventName.startsWith("onramp_api."))
+        return null;
+    return maybe;
+}
+function isCoinbaseOrigin(origin) {
+    try {
+        const { hostname } = new URL(origin);
+        return hostname === "coinbase.com" || hostname.endsWith(".coinbase.com");
+    }
+    catch {
+        return false;
+    }
+}
+function debugApplePay(message, fields) {
+    console.info("[apple-pay]", message, fields ?? {});
+}
+//# sourceMappingURL=useCoinbaseApplePayWidget.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useCoinbaseApplePayWidget.js","sourceRoot":"","sources":["../../../../src/web/components/account/useCoinbaseApplePayWidget.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAwBjE;;;GAGG;AACH,MAAM,UAAU,yBAAyB,CAAC,EACxC,iBAAiB,EACjB,gBAAgB,EAChB,cAAc,GACgB;IAC9B,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAgB,IAAI,CAAC,CAAC;IACpE,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACtD,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC5D,MAAM,SAAS,GAAG,MAAM,CAA2B,IAAI,CAAC,CAAC;IACzD,MAAM,UAAU,GAAG,MAAM,CAAC,gBAAgB,CAAC,CAAC;IAE5C,MAAM,WAAW,GAAG,WAAW,CAAC,GAAG,EAAE;QACnC,aAAa,CAAC,cAAc,EAAE,EAAE,cAAc,EAAE,CAAC,CAAC;QAClD,cAAc,CAAC,IAAI,CAAC,CAAC;QACrB,cAAc,CAAC,KAAK,CAAC,CAAC;QACtB,iBAAiB,CAAC,KAAK,CAAC,CAAC;IAC3B,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC;IAErB,SAAS,CAAC,GAAG,EAAE;QACb,UAAU,CAAC,OAAO,GAAG,gBAAgB,CAAC;IACxC,CAAC,EAAE,CAAC,gBAAgB,CAAC,CAAC,CAAC;IAEvB,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,iBAAiB;YAAE,iBAAiB,CAAC,KAAK,CAAC,CAAC;IACnD,CAAC,EAAE,CAAC,iBAAiB,CAAC,CAAC,CAAC;IAExB,SAAS,CAAC,GAAG,EAAE;QACb,aAAa,CAAC,sBAAsB,EAAE,EAAE,cAAc,EAAE,CAAC,CAAC;QAC1D,WAAW,EAAE,CAAC;IAChB,CAAC,EAAE,CAAC,cAAc,EAAE,WAAW,CAAC,CAAC,CAAC;IAElC,MAAM,kBAAkB,GAAG,WAAW,CACpC,CAAC,QAAiB,EAAE,EAAE;QACpB,IAAI,CAAC,iBAAiB,EAAE,CAAC;YACvB,IAAI,CAAC,QAAQ;gBAAE,iBAAiB,CAAC,KAAK,CAAC,CAAC;YACxC,OAAO;QACT,CAAC;QACD,iBAAiB,CAAC,QAAQ,CAAC,CAAC;IAC9B,CAAC,EACD,CAAC,iBAAiB,CAAC,CACpB,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,OAAO,GAAG,CAAC,KAAmB,EAAE,EAAE;YACtC,IAAI,OAAO,KAAK,CAAC,MAAM,KAAK,QAAQ,IAAI,CAAC,gBAAgB,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,CAAC;gBACxE,OAAO;YACT,CAAC;YACD,MAAM,YAAY,GAAG,SAAS,CAAC,OAAO,EAAE,aAAa,CAAC;YACtD,IAAI,YAAY,IAAI,KAAK,CAAC,MAAM,KAAK,YAAY,EAAE,CAAC;gBAClD,OAAO;YACT,CAAC;YACD,MAAM,MAAM,GAAG,kBAAkB,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;YAC9C,IAAI,CAAC,MAAM;gBAAE,OAAO;YACpB,aAAa,CAAC,gBAAgB,EAAE;gBAC9B,SAAS,EAAE,MAAM,CAAC,SAAS;gBAC3B,IAAI,EAAE,MAAM,CAAC,IAAI;aAClB,CAAC,CAAC;YAEH,QAAQ,MAAM,CAAC,SAAS,EAAE,CAAC;gBACzB,KAAK,yBAAyB;oBAC5B,cAAc,CAAC,KAAK,CAAC,CAAC;oBACtB,OAAO;gBACT,KAAK,yBAAyB;oBAC5B,cAAc,CAAC,IAAI,CAAC,CAAC;oBACrB,cAAc,CAAC,IAAI,CAAC,CAAC;oBACrB,OAAO;gBACT,KAAK,uBAAuB;oBAC1B,IACE,MAAM,CAAC,IAAI,EAAE,SAAS;wBACtB,0CAA0C,EAC1C,CAAC;wBACD,cAAc,CAAC,KAAK,CAAC,CAAC;wBACtB,OAAO;oBACT,CAAC;oBACD,cAAc,CACZ,MAAM,CAAC,IAAI,EAAE,YAAY,IAAI,+BAA+B,CAC7D,CAAC;oBACF,OAAO;gBACT,KAAK,qCAAqC;oBACxC,kBAAkB,CAAC,IAAI,CAAC,CAAC;oBACzB,OAAO;gBACT,KAAK,iCAAiC,CAAC;gBACvC,KAAK,+BAA+B;oBAClC,kBAAkB,CAAC,IAAI,CAAC,CAAC;oBACzB,OAAO;gBACT,KAAK,2BAA2B;oBAC9B,kBAAkB,CAAC,KAAK,CAAC,CAAC;oBAC1B,KAAK,UAAU,CAAC,OAAO,EAAE,CAAC;oBAC1B,OAAO;gBACT,KAAK,yBAAyB;oBAC5B,kBAAkB,CAAC,KAAK,CAAC,CAAC;oBAC1B,cAAc,CAAC,MAAM,CAAC,IAAI,EAAE,YAAY,IAAI,gBAAgB,CAAC,CAAC;oBAC9D,OAAO;gBACT,KAAK,mBAAmB;oBACtB,aAAa,CAAC,sCAAsC,CAAC,CAAC;oBACtD,kBAAkB,CAAC,KAAK,CAAC,CAAC;oBAC1B,OAAO;gBACT,KAAK,wCAAwC;oBAC3C,kBAAkB,CAAC,KAAK,CAAC,CAAC;oBAC1B,OAAO;gBACT,KAAK,0BAA0B;oBAC7B,kBAAkB,CAAC,IAAI,CAAC,CAAC;oBACzB,KAAK,UAAU,CAAC,OAAO,EAAE,CAAC;oBAC1B,OAAO;gBACT,KAAK,4BAA4B;oBAC/B,kBAAkB,CAAC,KAAK,CAAC,CAAC;oBAC1B,KAAK,UAAU,CAAC,OAAO,EAAE,CAAC;oBAC1B,OAAO;gBACT,KAAK,0BAA0B;oBAC7B,kBAAkB,CAAC,KAAK,CAAC,CAAC;oBAC1B,cAAc,CACZ,MAAM,CAAC,IAAI,EAAE,YAAY,IAAI,8BAA8B,CAC5D,CAAC;oBACF,OAAO;gBACT;oBACE,aAAa,CAAC,0BAA0B,EAAE;wBACxC,SAAS,EAAE,MAAM,CAAC,SAAS;wBAC3B,IAAI,EAAE,MAAM,CAAC,IAAI;qBAClB,CAAC,CAAC;oBACH,OAAO;YACX,CAAC;QACH,CAAC,CAAC;QACF,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC;QAC5C,OAAO,GAAG,EAAE,CAAC,MAAM,CAAC,mBAAmB,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC;IAC9D,CAAC,EAAE,CAAC,kBAAkB,CAAC,CAAC,CAAC;IAEzB,MAAM,YAAY,GAAG,WAAW,CAAC,GAAG,EAAE;QACpC,aAAa,CAAC,aAAa,EAAE,EAAE,cAAc,EAAE,CAAC,CAAC;IACnD,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC;IAErB,OAAO;QACL,cAAc;QACd,YAAY;QACZ,WAAW;QACX,SAAS;QACT,WAAW;QACX,WAAW;KACZ,CAAC;AACJ,CAAC;AAED;;;GAGG;AACH,SAAS,kBAAkB,CAAC,GAAY;IACtC,IAAI,MAAe,CAAC;IACpB,IAAI,CAAC;QACH,MAAM,GAAG,OAAO,GAAG,KAAK,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC;IAC3D,CAAC;IAAC,MAAM,CAAC;QACP,OAAO,IAAI,CAAC;IACd,CAAC;IACD,IAAI,CAAC,MAAM,IAAI,OAAO,MAAM,KAAK,QAAQ;QAAE,OAAO,IAAI,CAAC;IACvD,MAAM,KAAK,GAAG,MAAiC,CAAC;IAChD,IAAI,OAAO,KAAK,CAAC,SAAS,KAAK,QAAQ;QAAE,OAAO,IAAI,CAAC;IACrD,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,UAAU,CAAC,aAAa,CAAC;QAAE,OAAO,IAAI,CAAC;IAC5D,OAAO,KAAsB,CAAC;AAChC,CAAC;AAED,SAAS,gBAAgB,CAAC,MAAc;IACtC,IAAI,CAAC;QACH,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI,GAAG,CAAC,MAAM,CAAC,CAAC;QACrC,OAAO,QAAQ,KAAK,cAAc,IAAI,QAAQ,CAAC,QAAQ,CAAC,eAAe,CAAC,CAAC;IAC3E,CAAC;IAAC,MAAM,CAAC;QACP,OAAO,KAAK,CAAC;IACf,CAAC;AACH,CAAC;AAED,SAAS,aAAa,CACpB,OAAe,EACf,MAAgC;IAEhC,OAAO,CAAC,IAAI,CAAC,aAAa,EAAE,OAAO,EAAE,MAAM,IAAI,EAAE,CAAC,CAAC;AACrD,CAAC"}

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

@@ -1,4 +1,4 @@
-import { ReactNode } from "react";
+import { CSSProperties, ReactNode } from "react";
 import { ExternalLinkIcon } from "./icons.js";
 export { ExternalLinkIcon };
 type ButtonProps = {
@@ -12,4 +12,14 @@ type ButtonProps = {
 export declare function PrimaryButton({ children, onClick, disabled, icon, className, }: ButtonProps): import("react/jsx-runtime").JSX.Element;
 /** Secondary action button - for less prominent actions like "Done", "Close" */
 export declare function SecondaryButton({ children, onClick, disabled, icon, className, }: ButtonProps): import("react/jsx-runtime").JSX.Element;
+type SecondaryLinkButtonProps = {
+    children: ReactNode;
+    href?: string;
+    onClick?: () => void;
+    disabled?: boolean;
+    className?: string;
+    style?: CSSProperties;
+};
+/** Small underlined text link. Renders <a> when href is set, <button> otherwise. */
+export declare function SecondaryLinkButton({ children, href, onClick, disabled, className, style, }: SecondaryLinkButtonProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=buttons.d.ts.map