@daimo/sdk 1.4.2 → 1.5.0

package/dist/web/components/DaimoModalPreview.js

@@ -0,0 +1,98 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { TokenLogo } from "../../common/token.js";
+import { daimoModalThemeToCssVars } from "../theme.js";
+import { ChooseOptionPage } from "./ChooseOptionPage.js";
+import { MODAL_CONTENT_CLASS } from "./containers.js";
+import { CheckIcon, CloseIcon, DaimoLogoIcon, ErrorIcon } from "./icons.js";
+import { QRCode } from "./QRCode.js";
+import { Skeleton } from "./Skeleton.js";
+const PREVIEW_NODE = {
+    type: "ChooseOption",
+    id: "preview-root",
+    title: "Pay $25.00",
+    options: [
+        {
+            type: "ConnectedWallet",
+            id: "preview-wallet",
+            title: "Wallet",
+            icons: [
+                "/wallet-logos/metamask-logo.svg",
+                "/wallet-logos/rainbow-logo.svg",
+                "/wallet-logos/phantom-logo.svg",
+                "/chain-logos/base.svg",
+            ],
+        },
+        {
+            type: "DepositAddress",
+            id: "preview-deposit-address",
+            title: "Deposit address",
+            icons: [TokenLogo.USDC, TokenLogo.USDT],
+            address: "0x1111111111111111111111111111111111111111",
+            chainId: 8453,
+            minimumUsd: 1,
+            maximumUsd: 10000,
+            expiresAt: 0,
+            tokenSuffix: "USDC",
+        },
+        {
+            type: "Exchange",
+            id: "preview-coinbase",
+            title: "Coinbase",
+            exchangeId: "Coinbase",
+            icon: "/exchange-logos/coinbase-logo.svg",
+            minimumUsd: 1,
+            maximumUsd: 10000,
+        },
+        {
+            type: "Fiat",
+            id: "preview-apple-pay",
+            title: "Apple Pay",
+            fiatMethod: "apple_pay",
+            icon: "/payment-logos/apple.svg",
+            kycRequirement: {
+                kind: "phone",
+                icon: "shield",
+                label: "Phone verification",
+                rowLabel: "Verify phone ~1 min",
+                detailTitle: "Verify your phone",
+                summary: "Phone verification is required before using Apple Pay.",
+                requirements: [{ id: "phone_number", label: "Phone number" }],
+                estimatedTime: "~1 min",
+            },
+        },
+    ],
+};
+export function DaimoModalPreview({ theme, mode = "light", variant = "options", baseUrl = "", }) {
+    return (_jsx("div", { style: daimoModalThemeToCssVars(theme, mode), className: "daimo-mt-5 daimo-flex daimo-min-h-[520px] daimo-items-center daimo-justify-center daimo-overflow-hidden daimo-rounded-lg daimo-border daimo-border-[var(--daimo-border)] daimo-bg-[var(--daimo-bg)] daimo-p-6", children: _jsxs("div", { className: MODAL_CONTENT_CLASS, children: [_jsx("button", { type: "button", "aria-label": "Close preview", 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", children: _jsx(CloseIcon, {}) }), _jsx(PreviewContent, { variant: variant, baseUrl: baseUrl })] }) }));
+}
+function PreviewContent({ variant, baseUrl, }) {
+    switch (variant) {
+        case "options":
+            return (_jsx(ChooseOptionPage, { node: PREVIEW_NODE, onNavigate: () => { }, onBack: null, baseUrl: baseUrl }));
+        case "loading":
+            return _jsx(LoadingPreview, {});
+        case "semantic":
+            return _jsx(SemanticPreview, {});
+        case "qr":
+            return _jsx(QrPreview, {});
+    }
+}
+function LoadingPreview() {
+    return (_jsxs("div", { className: "daimo-flex daimo-min-h-[420px] daimo-flex-1 daimo-flex-col daimo-px-6 daimo-py-5", children: [_jsx("div", { className: "daimo-flex daimo-h-10 daimo-items-center daimo-justify-center", children: _jsx(Skeleton, { className: "daimo-h-5 daimo-w-32", rounded: "sm" }) }), _jsx("div", { className: "daimo-mt-8 daimo-flex daimo-flex-col daimo-gap-3", children: [0, 1, 2, 3].map((i) => (_jsx(Skeleton, { className: "daimo-h-16 daimo-w-full", rounded: "lg", delayMs: i * 100 }, i))) })] }));
+}
+function SemanticPreview() {
+    return (_jsxs("div", { className: "daimo-flex daimo-min-h-[420px] daimo-flex-1 daimo-flex-col daimo-px-6 daimo-py-5", children: [_jsx("h1", { className: "daimo-text-center daimo-text-lg daimo-font-semibold daimo-text-[var(--daimo-title)]", children: "Payment states" }), _jsxs("div", { className: "daimo-mt-6 daimo-grid daimo-gap-3", children: [_jsx(StateRow, { label: "Completed", description: "Funds delivered", bg: "var(--daimo-success-light)", border: "var(--daimo-success)", icon: _jsx(CheckIcon, { className: "daimo-text-[var(--daimo-checkmark)]", size: 22 }) }), _jsx(StateRow, { label: "Processing", description: "Payment received", bg: "var(--daimo-warning-light)", border: "var(--daimo-warning)", icon: _jsx(StatusDot, { color: "var(--daimo-warning)" }) }), _jsx(StateRow, { label: "Failed", description: "Payment blocked", bg: "var(--daimo-error-light)", border: "var(--daimo-error)", icon: _jsx("span", { className: "daimo-flex daimo-h-8 daimo-w-8 daimo-items-center daimo-justify-center daimo-rounded-full", style: {
+                                backgroundColor: "var(--daimo-error-badge-bg)",
+                                boxShadow: "inset 0 0 0 1px var(--daimo-error-badge-ring)",
+                            }, children: _jsx(ErrorIcon, { size: 20 }) }) })] }), _jsxs("div", { className: "daimo-mt-6 daimo-rounded-[var(--daimo-radius-lg)] daimo-border daimo-border-[var(--daimo-accent)] daimo-p-4", children: [_jsx("div", { className: "daimo-text-sm daimo-font-semibold daimo-text-[var(--daimo-text)]", children: "Checkout progress" }), _jsx("div", { className: "daimo-mt-3 daimo-h-2 daimo-overflow-hidden daimo-rounded-full daimo-bg-[var(--daimo-surface-secondary)]", children: _jsx("div", { className: "daimo-h-full daimo-w-2/3 daimo-rounded-full daimo-bg-[var(--daimo-accent)]" }) })] })] }));
+}
+function StateRow({ label, description, bg, border, icon, }) {
+    return (_jsxs("div", { className: "daimo-flex daimo-min-h-[72px] daimo-items-center daimo-gap-3 daimo-rounded-[var(--daimo-radius-lg)] daimo-p-3", style: { backgroundColor: bg, border: `1px solid ${border}` }, children: [_jsx("div", { className: "daimo-flex daimo-h-10 daimo-w-10 daimo-shrink-0 daimo-items-center daimo-justify-center", children: icon }), _jsxs("div", { className: "daimo-min-w-0", children: [_jsx("div", { className: "daimo-text-sm daimo-font-semibold daimo-text-[var(--daimo-text)]", children: label }), _jsx("div", { className: "daimo-text-sm daimo-text-[var(--daimo-text-secondary)]", children: description })] })] }));
+}
+function StatusDot({ color }) {
+    return (_jsx("span", { className: "daimo-block daimo-h-4 daimo-w-4 daimo-rounded-full", style: { backgroundColor: color } }));
+}
+function QrPreview() {
+    return (_jsxs("div", { className: "daimo-flex daimo-min-h-[420px] daimo-flex-1 daimo-flex-col daimo-items-center daimo-justify-center daimo-px-6 daimo-py-5", children: [_jsx("h1", { className: "daimo-text-center daimo-text-lg daimo-font-semibold daimo-text-[var(--daimo-title)]", children: "Scan to pay" }), _jsx("p", { className: "daimo-mt-1 daimo-text-center daimo-text-sm daimo-text-[var(--daimo-text-secondary)]", children: "Open your wallet and scan this code." }), _jsx("div", { className: "daimo-mt-6 daimo-w-full daimo-max-w-[260px]", children: _jsx(QRCode, { value: "https://daimo.com/deposit?session=preview-theme", image: _jsx(DaimoLogoIcon, { className: "daimo-text-[var(--daimo-qr-dot)]", size: 48 }) }) })] }));
+}
+//# sourceMappingURL=DaimoModalPreview.js.map

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"DeeplinkPage.d.ts","sourceRoot":"","sources":["../../../src/web/components/DeeplinkPage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAIzD,OAAO,EAAa,KAAK,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAI/D,KAAK,iBAAiB,GAAG;IACvB,IAAI,EAAE,eAAe,CAAC;IACtB,QAAQ,EAAE,aAAa,CAAC;IACxB,MAAM,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,IAAI,CAAC;IAC5B,OAAO,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,0FAA0F;AAC1F,wBAAgB,YAAY,CAAC,EAC3B,IAAI,EACJ,QAAQ,EACR,MAAM,EACN,OAAO,GACR,EAAE,iBAAiB,2CAkDnB"}
+{"version":3,"file":"DeeplinkPage.d.ts","sourceRoot":"","sources":["../../../src/web/components/DeeplinkPage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAIzD,OAAO,EAAa,KAAK,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAS/D,KAAK,iBAAiB,GAAG;IACvB,IAAI,EAAE,eAAe,CAAC;IACtB,QAAQ,EAAE,aAAa,CAAC;IACxB,MAAM,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,IAAI,CAAC;IAC5B,OAAO,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,0FAA0F;AAC1F,wBAAgB,YAAY,CAAC,EAC3B,IAAI,EACJ,QAAQ,EACR,MAAM,EACN,OAAO,GACR,EAAE,iBAAiB,2CAqDnB"}

package/dist/web/components/DeeplinkPage.js

@@ -2,19 +2,20 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { ExternalLinkIcon, PrimaryButton } from "./buttons.js";
 import { t } from "../hooks/locale.js";
 import { isDesktop } from "../platform.js";
-import { CenteredContent, PageHeader, PageLogo, resolveIconUrl } from "./shared.js";
+import { CenteredContent, PageHeader, PageLogo, resolveIconUrl, } from "./shared.js";
 import { QRCode } from "./QRCode.js";
 /** Mobile wallet deeplink page. Opens directly on mobile; shows as QR code on desktop. */
 export function DeeplinkPage({ node, platform, onBack, baseUrl, }) {
     const desktop = isDesktop(platform);
+    const pageIcon = node.pageIcon ?? node.icon;
     if (desktop) {
-        return (_jsxs("div", { className: "daimo-flex daimo-flex-col daimo-flex-1 daimo-min-h-0", children: [_jsx(PageHeader, { title: node.title, onBack: onBack ?? undefined }), _jsxs(CenteredContent, { children: [_jsx("div", { className: "daimo-w-full daimo-max-w-[200px] sm:daimo-max-w-[260px]", children: _jsx(QRCode, { value: node.url, image: node.icon ? (_jsx("img", { src: resolveIconUrl(node.icon, baseUrl), alt: node.title, className: "daimo-w-full daimo-h-full daimo-object-contain daimo-rounded-[25%]" })) : undefined }) }), _jsx("p", { className: "daimo-text-[var(--daimo-text-secondary)] daimo-text-center daimo-max-w-xs daimo-text-sm", children: t.scanWithPhone })] })] }));
+        return (_jsxs("div", { className: "daimo-flex daimo-flex-col daimo-flex-1 daimo-min-h-0", children: [_jsx(PageHeader, { title: node.title, onBack: onBack ?? undefined }), _jsxs(CenteredContent, { children: [_jsx("div", { className: "daimo-w-full daimo-max-w-[200px] sm:daimo-max-w-[260px]", children: _jsx(QRCode, { value: node.url, image: pageIcon ? (_jsx("img", { src: resolveIconUrl(pageIcon, baseUrl), alt: node.title, className: "daimo-w-full daimo-h-full daimo-object-contain daimo-rounded-[25%]" })) : undefined }) }), _jsx("p", { className: "daimo-text-[var(--daimo-text-secondary)] daimo-text-center daimo-max-w-xs daimo-text-sm", children: t.scanWithPhone })] })] }));
     }
     const openDeeplink = () => {
         if (node.url) {
             window.open(node.url, "_blank");
         }
     };
-    return (_jsxs("div", { className: "daimo-flex daimo-flex-col daimo-flex-1 daimo-min-h-0", children: [_jsx(PageHeader, { title: node.title, onBack: onBack ?? undefined }), _jsxs(CenteredContent, { children: [node.icon && _jsx(PageLogo, { icon: node.icon, alt: node.title, baseUrl: baseUrl }), _jsxs("p", { className: "daimo-text-[var(--daimo-text-secondary)] daimo-text-center daimo-max-w-xs", children: [t.continueIn, " ", node.title, " ", t.toCompleteYourPayment] }), _jsxs(PrimaryButton, { onClick: openDeeplink, icon: _jsx(ExternalLinkIcon, {}), children: [t.openIn, " ", node.title] })] })] }));
+    return (_jsxs("div", { className: "daimo-flex daimo-flex-col daimo-flex-1 daimo-min-h-0", children: [_jsx(PageHeader, { title: node.title, onBack: onBack ?? undefined }), _jsxs(CenteredContent, { children: [pageIcon && (_jsx(PageLogo, { icon: pageIcon, alt: node.title, baseUrl: baseUrl })), _jsxs("p", { className: "daimo-text-[var(--daimo-text-secondary)] daimo-text-center daimo-max-w-xs", children: [t.continueIn, " ", node.title, " ", t.toCompleteYourPayment] }), _jsxs(PrimaryButton, { onClick: openDeeplink, icon: _jsx(ExternalLinkIcon, {}), children: [t.openIn, " ", node.title] })] })] }));
 }
 //# sourceMappingURL=DeeplinkPage.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"DeeplinkPage.js","sourceRoot":"","sources":["../../../src/web/components/DeeplinkPage.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,gBAAgB,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAC/D,OAAO,EAAE,CAAC,EAAE,MAAM,oBAAoB,CAAC;AACvC,OAAO,EAAE,SAAS,EAAsB,MAAM,gBAAgB,CAAC;AAC/D,OAAO,EAAE,eAAe,EAAE,UAAU,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AACpF,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AASrC,0FAA0F;AAC1F,MAAM,UAAU,YAAY,CAAC,EAC3B,IAAI,EACJ,QAAQ,EACR,MAAM,EACN,OAAO,GACW;IAClB,MAAM,OAAO,GAAG,SAAS,CAAC,QAAQ,CAAC,CAAC;IAEpC,IAAI,OAAO,EAAE,CAAC;QACZ,OAAO,CACL,eAAK,SAAS,EAAC,sDAAsD,aACnE,KAAC,UAAU,IAAC,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,IAAI,SAAS,GAAI,EAC9D,MAAC,eAAe,eACd,cAAK,SAAS,EAAC,yDAAyD,YACtE,KAAC,MAAM,IACL,KAAK,EAAE,IAAI,CAAC,GAAG,EACf,KAAK,EACH,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CACV,cACE,GAAG,EAAE,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,OAAO,CAAC,EACvC,GAAG,EAAE,IAAI,CAAC,KAAK,EACf,SAAS,EAAC,oEAAoE,GAC9E,CACH,CAAC,CAAC,CAAC,SAAS,GAEf,GACE,EACN,YAAG,SAAS,EAAC,yFAAyF,YACnG,CAAC,CAAC,aAAa,GACd,IACY,IACd,CACP,CAAC;IACJ,CAAC;IAED,MAAM,YAAY,GAAG,GAAG,EAAE;QACxB,IAAI,IAAI,CAAC,GAAG,EAAE,CAAC;YACb,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAC;QAClC,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,eAAK,SAAS,EAAC,sDAAsD,aACnE,KAAC,UAAU,IAAC,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,IAAI,SAAS,GAAI,EAC9D,MAAC,eAAe,eACb,IAAI,CAAC,IAAI,IAAI,KAAC,QAAQ,IAAC,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,GAAG,EAAE,IAAI,CAAC,KAAK,EAAE,OAAO,EAAE,OAAO,GAAI,EAC9E,aAAG,SAAS,EAAC,2EAA2E,aACrF,CAAC,CAAC,UAAU,OAAG,IAAI,CAAC,KAAK,OAAG,CAAC,CAAC,qBAAqB,IAClD,EACJ,MAAC,aAAa,IAAC,OAAO,EAAE,YAAY,EAAE,IAAI,EAAE,KAAC,gBAAgB,KAAG,aAC7D,CAAC,CAAC,MAAM,OAAG,IAAI,CAAC,KAAK,IACR,IACA,IACd,CACP,CAAC;AACJ,CAAC"}
+{"version":3,"file":"DeeplinkPage.js","sourceRoot":"","sources":["../../../src/web/components/DeeplinkPage.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,gBAAgB,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAC/D,OAAO,EAAE,CAAC,EAAE,MAAM,oBAAoB,CAAC;AACvC,OAAO,EAAE,SAAS,EAAsB,MAAM,gBAAgB,CAAC;AAC/D,OAAO,EACL,eAAe,EACf,UAAU,EACV,QAAQ,EACR,cAAc,GACf,MAAM,aAAa,CAAC;AACrB,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AASrC,0FAA0F;AAC1F,MAAM,UAAU,YAAY,CAAC,EAC3B,IAAI,EACJ,QAAQ,EACR,MAAM,EACN,OAAO,GACW;IAClB,MAAM,OAAO,GAAG,SAAS,CAAC,QAAQ,CAAC,CAAC;IACpC,MAAM,QAAQ,GAAG,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,IAAI,CAAC;IAE5C,IAAI,OAAO,EAAE,CAAC;QACZ,OAAO,CACL,eAAK,SAAS,EAAC,sDAAsD,aACnE,KAAC,UAAU,IAAC,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,IAAI,SAAS,GAAI,EAC9D,MAAC,eAAe,eACd,cAAK,SAAS,EAAC,yDAAyD,YACtE,KAAC,MAAM,IACL,KAAK,EAAE,IAAI,CAAC,GAAG,EACf,KAAK,EACH,QAAQ,CAAC,CAAC,CAAC,CACT,cACE,GAAG,EAAE,cAAc,CAAC,QAAQ,EAAE,OAAO,CAAC,EACtC,GAAG,EAAE,IAAI,CAAC,KAAK,EACf,SAAS,EAAC,oEAAoE,GAC9E,CACH,CAAC,CAAC,CAAC,SAAS,GAEf,GACE,EACN,YAAG,SAAS,EAAC,yFAAyF,YACnG,CAAC,CAAC,aAAa,GACd,IACY,IACd,CACP,CAAC;IACJ,CAAC;IAED,MAAM,YAAY,GAAG,GAAG,EAAE;QACxB,IAAI,IAAI,CAAC,GAAG,EAAE,CAAC;YACb,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAC;QAClC,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,eAAK,SAAS,EAAC,sDAAsD,aACnE,KAAC,UAAU,IAAC,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,IAAI,SAAS,GAAI,EAC9D,MAAC,eAAe,eACb,QAAQ,IAAI,CACX,KAAC,QAAQ,IAAC,IAAI,EAAE,QAAQ,EAAE,GAAG,EAAE,IAAI,CAAC,KAAK,EAAE,OAAO,EAAE,OAAO,GAAI,CAChE,EACD,aAAG,SAAS,EAAC,2EAA2E,aACrF,CAAC,CAAC,UAAU,OAAG,IAAI,CAAC,KAAK,OAAG,CAAC,CAAC,qBAAqB,IAClD,EACJ,MAAC,aAAa,IAAC,OAAO,EAAE,YAAY,EAAE,IAAI,EAAE,KAAC,gBAAgB,KAAG,aAC7D,CAAC,CAAC,MAAM,OAAG,IAAI,CAAC,KAAK,IACR,IACA,IACd,CACP,CAAC;AACJ,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"ErrorPage.d.ts","sourceRoot":"","sources":["../../../src/web/components/ErrorPage.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAmB,KAAK,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAYzE,KAAK,cAAc,GAAG;IACpB,OAAO,EAAE,OAAO,CAAC;IACjB,wCAAwC;IACxC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,2DAA2D;IAC3D,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,uCAAuC;IACvC,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,kDAAkD;IAClD,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACrC,8CAA8C;IAC9C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,wDAAwD;IACxD,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,QAAQ,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAC9B,wBAAwB;IACxB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF;;;GAGG;AACH,wBAAgB,SAAS,CAAC,EACxB,OAAO,EACP,SAAoB,EACpB,OAAO,EACP,cAAwB,EACxB,WAAgB,EAChB,SAAS,EACT,YAAiB,EACjB,MAAa,EACb,QAAe,EACf,SAAiB,GAClB,EAAE,cAAc,2CAwDhB"}
+{"version":3,"file":"ErrorPage.d.ts","sourceRoot":"","sources":["../../../src/web/components/ErrorPage.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAmB,KAAK,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAYzE,KAAK,cAAc,GAAG;IACpB,OAAO,EAAE,OAAO,CAAC;IACjB,wCAAwC;IACxC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,2DAA2D;IAC3D,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,uCAAuC;IACvC,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,kDAAkD;IAClD,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACrC,8CAA8C;IAC9C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,wDAAwD;IACxD,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,QAAQ,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAC9B,wBAAwB;IACxB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF;;;GAGG;AACH,wBAAgB,SAAS,CAAC,EACxB,OAAO,EACP,SAAoB,EACpB,OAAO,EACP,cAAwB,EACxB,WAAgB,EAChB,SAAS,EACT,YAAiB,EACjB,MAAa,EACb,QAAe,EACf,SAAiB,GAClB,EAAE,cAAc,2CA2DhB"}

package/dist/web/components/ErrorPage.js

@@ -42,7 +42,10 @@ export function ErrorPage({ message, retryText = t.reload, onRetry, supportSubje
             window.location.reload();
         }
     };
-    return (_jsxs("div", { className: "daimo-flex daimo-flex-col daimo-flex-1 daimo-min-h-0", children: [_jsx(PageHeader, { title: t.error }), _jsxs("div", { className: "daimo-flex-1 daimo-flex daimo-flex-col daimo-items-center daimo-justify-center daimo-p-6 daimo-gap-6", children: [_jsx("div", { className: "daimo-w-20 daimo-h-20 daimo-rounded-full daimo-flex daimo-items-center daimo-justify-center", style: { backgroundColor: "var(--daimo-error-light)" }, children: _jsx(ErrorIcon, {}) }), _jsx(ErrorMessage, { message: displayMessage }), !hideRetry && (_jsx(SecondaryButton, { onClick: handleRetry, children: retryText })), _jsx(ContactSupportButton, { subject: supportSubject, info: {
+    return (_jsxs("div", { className: "daimo-flex daimo-flex-col daimo-flex-1 daimo-min-h-0", children: [_jsx(PageHeader, { title: t.error }), _jsxs("div", { className: "daimo-flex-1 daimo-flex daimo-flex-col daimo-items-center daimo-justify-center daimo-p-6 daimo-gap-6", children: [_jsx("div", { className: "daimo-w-20 daimo-h-20 daimo-rounded-full daimo-flex daimo-items-center daimo-justify-center", style: {
+                            backgroundColor: "var(--daimo-error-badge-bg)",
+                            boxShadow: "inset 0 0 0 1px var(--daimo-error-badge-ring)",
+                        }, children: _jsx(ErrorIcon, {}) }), _jsx(ErrorMessage, { message: displayMessage }), !hideRetry && (_jsx(SecondaryButton, { onClick: handleRetry, children: retryText })), _jsx(ContactSupportButton, { subject: supportSubject, info: {
                             ...(sessionId ? { sessionId } : {}),
                             error: displayMessage,
                             ...supportInfo,

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"ExchangePage.d.ts","sourceRoot":"","sources":["../../../src/web/components/ExchangePage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAIzE,OAAO,EAAa,KAAK,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAS/D,KAAK,iBAAiB,GAAG;IACvB,IAAI,EAAE,eAAe,GAAG,cAAc,CAAC;IACvC,QAAQ,EAAE,aAAa,CAAC;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,wBAAgB,YAAY,CAAC,EAC3B,IAAI,EACJ,QAAQ,EACR,WAAW,EACX,cAAc,EACd,SAAS,EACT,MAAM,EACN,OAAO,GACR,EAAE,iBAAiB,2CA6EnB"}
+{"version":3,"file":"ExchangePage.d.ts","sourceRoot":"","sources":["../../../src/web/components/ExchangePage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAGzE,OAAO,EAAa,KAAK,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAG/D,KAAK,iBAAiB,GAAG;IACvB,IAAI,EAAE,eAAe,GAAG,cAAc,CAAC;IACvC,QAAQ,EAAE,aAAa,CAAC;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,wBAAgB,YAAY,CAAC,EAC3B,IAAI,EACJ,QAAQ,EACR,WAAW,EACX,cAAc,EACd,SAAS,EACT,MAAM,EACN,OAAO,GACR,EAAE,iBAAiB,2CA6BnB"}

package/dist/web/components/ExchangePage.js

@@ -1,30 +1,15 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { ExternalLinkIcon, PrimaryButton } from "./buttons.js";
+import { jsx as _jsx } from "react/jsx-runtime";
 import { t } from "../hooks/locale.js";
 import { isDesktop } from "../platform.js";
-import { CenteredContent, PageHeader, PageLogo, resolveIconUrl, } from "./shared.js";
-import { QRCode } from "./QRCode.js";
+import { ExternalPaymentPage } from "./ExternalPaymentPage.js";
 export function ExchangePage({ node, platform, exchangeUrl, waitingMessage, isLoading, onBack, baseUrl, }) {
-    const desktop = isDesktop(platform);
     const exchangeId = node.type === "CashApp" ? "CashApp" : node.exchangeId;
-    const showQR = desktop && exchangeId !== "Coinbase";
+    const desktopBehavior = exchangeId === "Coinbase" || exchangeId === "MtPelerin" ? "popup" : "qr";
+    const usesDesktopQR = isDesktop(platform) && desktopBehavior === "qr";
     const placeholderDensity = exchangeId === "Binance" ? "medium" : "short";
-    const openExchange = () => {
-        if (!exchangeUrl)
-            return;
-        if (desktop && exchangeId === "Coinbase") {
-            window.open(exchangeUrl, "coinbase", "width=500,height=700");
-        }
-        else {
-            window.open(exchangeUrl, "_blank");
-        }
-    };
-    // Desktop QR view for Binance, Lemon, CashApp
-    if (showQR) {
-        return (_jsxs("div", { className: "daimo-flex daimo-flex-col daimo-flex-1 daimo-min-h-0", children: [_jsx(PageHeader, { title: node.title, onBack: onBack }), _jsxs(CenteredContent, { children: [_jsx("div", { className: "daimo-w-full daimo-max-w-[200px] sm:daimo-max-w-[260px]", children: _jsx(QRCode, { value: exchangeUrl, placeholderDensity: placeholderDensity, image: node.icon ? (_jsx("img", { src: resolveIconUrl(node.icon, baseUrl), alt: node.title, className: "daimo-w-full daimo-h-full daimo-object-contain daimo-rounded-[25%]" })) : undefined }) }), exchangeUrl && (_jsx("p", { className: "daimo-text-[var(--daimo-text-secondary)] daimo-text-center daimo-max-w-xs daimo-text-sm daimo-whitespace-pre-line", children: waitingMessage || t.scanWithPhone }))] })] }));
-    }
-    // Mobile (all exchanges) and desktop Coinbase (popup)
-    return (_jsxs("div", { className: "daimo-flex daimo-flex-col daimo-flex-1 daimo-min-h-0", children: [_jsx(PageHeader, { title: node.title, onBack: onBack }), _jsxs(CenteredContent, { children: [node.icon && (_jsx(PageLogo, { icon: node.icon, alt: node.title, baseUrl: baseUrl })), isLoading ? (_jsxs("div", { className: "daimo-flex daimo-flex-col daimo-items-center daimo-gap-2 daimo-max-w-xs daimo-w-full", children: [_jsx("div", { className: "daimo-h-4 daimo-w-4/5 daimo-rounded daimo-bg-[var(--daimo-surface-secondary)] daimo-animate-daimo-pulse" }), _jsx("div", { className: "daimo-h-4 daimo-w-3/5 daimo-rounded daimo-bg-[var(--daimo-surface-secondary)] daimo-animate-daimo-pulse" })] })) : (_jsx("p", { className: "daimo-text-[var(--daimo-text-secondary)] daimo-text-center daimo-max-w-xs daimo-whitespace-pre-line", children: waitingMessage ||
-                            `${t.continueTo} ${node.title} ${t.toCompleteYourDeposit}` })), _jsxs(PrimaryButton, { onClick: openExchange, icon: _jsx(ExternalLinkIcon, {}), disabled: isLoading, children: [t.open, " ", node.title] })] })] }));
+    return (_jsx(ExternalPaymentPage, { title: node.title, platform: platform, url: exchangeUrl, icon: node.icon, message: waitingMessage ||
+            (usesDesktopQR
+                ? t.scanWithPhone
+                : `${t.continueTo} ${node.title} ${t.toCompleteYourDeposit}`), isLoading: isLoading, onBack: onBack, baseUrl: baseUrl, desktopBehavior: desktopBehavior, popupName: exchangeId.toLowerCase(), placeholderDensity: placeholderDensity }));
 }
 //# sourceMappingURL=ExchangePage.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ExchangePage.js","sourceRoot":"","sources":["../../../src/web/components/ExchangePage.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"ExchangePage.js","sourceRoot":"","sources":["../../../src/web/components/ExchangePage.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,CAAC,EAAE,MAAM,oBAAoB,CAAC;AACvC,OAAO,EAAE,SAAS,EAAsB,MAAM,gBAAgB,CAAC;AAC/D,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAc/D,MAAM,UAAU,YAAY,CAAC,EAC3B,IAAI,EACJ,QAAQ,EACR,WAAW,EACX,cAAc,EACd,SAAS,EACT,MAAM,EACN,OAAO,GACW;IAClB,MAAM,UAAU,GAAG,IAAI,CAAC,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC;IACzE,MAAM,eAAe,GACnB,UAAU,KAAK,UAAU,IAAI,UAAU,KAAK,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC;IAC3E,MAAM,aAAa,GAAG,SAAS,CAAC,QAAQ,CAAC,IAAI,eAAe,KAAK,IAAI,CAAC;IAEtE,MAAM,kBAAkB,GACtB,UAAU,KAAK,SAAS,CAAC,CAAC,CAAE,QAAkB,CAAC,CAAC,CAAE,OAAiB,CAAC;IAEtE,OAAO,CACL,KAAC,mBAAmB,IAClB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,QAAQ,EAAE,QAAQ,EAClB,GAAG,EAAE,WAAW,EAChB,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,OAAO,EACL,cAAc;YACd,CAAC,aAAa;gBACZ,CAAC,CAAC,CAAC,CAAC,aAAa;gBACjB,CAAC,CAAC,GAAG,CAAC,CAAC,UAAU,IAAI,IAAI,CAAC,KAAK,IAAI,CAAC,CAAC,qBAAqB,EAAE,CAAC,EAEjE,SAAS,EAAE,SAAS,EACpB,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,EAChB,eAAe,EAAE,eAAe,EAChC,SAAS,EAAE,UAAU,CAAC,WAAW,EAAE,EACnC,kBAAkB,EAAE,kBAAkB,GACtC,CACH,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,22 @@
+import { type DaimoPlatform } from "../platform.js";
+type QRDensity = "short" | "medium" | "long";
+type DesktopBehavior = "popup" | "qr";
+type ExternalPaymentPageProps = {
+    title: string;
+    platform: DaimoPlatform;
+    url?: string;
+    icon?: string;
+    message: string;
+    isLoading?: boolean;
+    onBack: () => void;
+    baseUrl: string;
+    desktopBehavior: DesktopBehavior;
+    openLabel?: string;
+    popupName?: string;
+    popupFeatures?: string;
+    placeholderDensity?: QRDensity;
+};
+/** Shared handoff page for providers that complete payment outside the modal. */
+export declare function ExternalPaymentPage({ title, platform, url, icon, message, isLoading, onBack, baseUrl, desktopBehavior, openLabel, popupName, popupFeatures, placeholderDensity, }: ExternalPaymentPageProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=ExternalPaymentPage.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ExternalPaymentPage.d.ts","sourceRoot":"","sources":["../../../src/web/components/ExternalPaymentPage.tsx"],"names":[],"mappings":"AACA,OAAO,EAAa,KAAK,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAW/D,KAAK,SAAS,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;AAC7C,KAAK,eAAe,GAAG,OAAO,GAAG,IAAI,CAAC;AAEtC,KAAK,wBAAwB,GAAG;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,aAAa,CAAC;IACxB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,OAAO,EAAE,MAAM,CAAC;IAChB,eAAe,EAAE,eAAe,CAAC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,kBAAkB,CAAC,EAAE,SAAS,CAAC;CAChC,CAAC;AAIF,iFAAiF;AACjF,wBAAgB,mBAAmB,CAAC,EAClC,KAAK,EACL,QAAQ,EACR,GAAG,EACH,IAAI,EACJ,OAAO,EACP,SAAS,EACT,MAAM,EACN,OAAO,EACP,eAAe,EACf,SAAgC,EAChC,SAAS,EACT,aAAsC,EACtC,kBAAkB,GACnB,EAAE,wBAAwB,2CAuD1B"}

package/dist/web/components/ExternalPaymentPage.js

@@ -0,0 +1,24 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { t } from "../hooks/locale.js";
+import { isDesktop } from "../platform.js";
+import { ExternalLinkIcon, PrimaryButton } from "./buttons.js";
+import { QRCode } from "./QRCode.js";
+import { SkeletonText } from "./Skeleton.js";
+import { CenteredContent, PageHeader, PageLogo, resolveIconUrl, } from "./shared.js";
+const DEFAULT_POPUP_FEATURES = "width=500,height=700";
+/** Shared handoff page for providers that complete payment outside the modal. */
+export function ExternalPaymentPage({ title, platform, url, icon, message, isLoading, onBack, baseUrl, desktopBehavior, openLabel = `${t.open} ${title}`, popupName, popupFeatures = DEFAULT_POPUP_FEATURES, placeholderDensity, }) {
+    const desktop = isDesktop(platform);
+    const showQR = desktop && desktopBehavior === "qr";
+    const openProvider = () => {
+        if (!url)
+            return;
+        if (desktop && desktopBehavior === "popup") {
+            window.open(url, popupName ?? title.toLowerCase(), popupFeatures);
+            return;
+        }
+        window.open(url, "_blank");
+    };
+    return (_jsxs("div", { className: "daimo-flex daimo-flex-col daimo-flex-1 daimo-min-h-0", children: [_jsx(PageHeader, { title: title, onBack: onBack }), _jsxs(CenteredContent, { children: [showQR ? (_jsx("div", { className: "daimo-w-full daimo-max-w-[200px] sm:daimo-max-w-[260px]", children: _jsx(QRCode, { value: url, placeholderDensity: placeholderDensity, image: icon ? (_jsx("img", { src: resolveIconUrl(icon, baseUrl), alt: title, className: "daimo-w-full daimo-h-full daimo-object-contain daimo-rounded-[25%]" })) : undefined }) })) : (icon && _jsx(PageLogo, { icon: icon, alt: title, baseUrl: baseUrl })), isLoading ? (_jsx(SkeletonText, { className: "daimo-max-w-xs", widths: ["80%", "60%"] })) : (_jsx("p", { className: "daimo-text-[var(--daimo-text-secondary)] daimo-text-center daimo-max-w-xs daimo-text-sm daimo-whitespace-pre-line", children: message })), !showQR && (_jsx(PrimaryButton, { onClick: openProvider, icon: _jsx(ExternalLinkIcon, {}), disabled: !url || isLoading, children: openLabel }))] })] }));
+}
+//# sourceMappingURL=ExternalPaymentPage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ExternalPaymentPage.js","sourceRoot":"","sources":["../../../src/web/components/ExternalPaymentPage.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,oBAAoB,CAAC;AACvC,OAAO,EAAE,SAAS,EAAsB,MAAM,gBAAgB,CAAC;AAC/D,OAAO,EAAE,gBAAgB,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAC/D,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAC7C,OAAO,EACL,eAAe,EACf,UAAU,EACV,QAAQ,EACR,cAAc,GACf,MAAM,aAAa,CAAC;AAqBrB,MAAM,sBAAsB,GAAG,sBAAsB,CAAC;AAEtD,iFAAiF;AACjF,MAAM,UAAU,mBAAmB,CAAC,EAClC,KAAK,EACL,QAAQ,EACR,GAAG,EACH,IAAI,EACJ,OAAO,EACP,SAAS,EACT,MAAM,EACN,OAAO,EACP,eAAe,EACf,SAAS,GAAG,GAAG,CAAC,CAAC,IAAI,IAAI,KAAK,EAAE,EAChC,SAAS,EACT,aAAa,GAAG,sBAAsB,EACtC,kBAAkB,GACO;IACzB,MAAM,OAAO,GAAG,SAAS,CAAC,QAAQ,CAAC,CAAC;IACpC,MAAM,MAAM,GAAG,OAAO,IAAI,eAAe,KAAK,IAAI,CAAC;IAEnD,MAAM,YAAY,GAAG,GAAG,EAAE;QACxB,IAAI,CAAC,GAAG;YAAE,OAAO;QACjB,IAAI,OAAO,IAAI,eAAe,KAAK,OAAO,EAAE,CAAC;YAC3C,MAAM,CAAC,IAAI,CAAC,GAAG,EAAE,SAAS,IAAI,KAAK,CAAC,WAAW,EAAE,EAAE,aAAa,CAAC,CAAC;YAClE,OAAO;QACT,CAAC;QACD,MAAM,CAAC,IAAI,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAC;IAC7B,CAAC,CAAC;IAEF,OAAO,CACL,eAAK,SAAS,EAAC,sDAAsD,aACnE,KAAC,UAAU,IAAC,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,GAAI,EAC5C,MAAC,eAAe,eACb,MAAM,CAAC,CAAC,CAAC,CACR,cAAK,SAAS,EAAC,yDAAyD,YACtE,KAAC,MAAM,IACL,KAAK,EAAE,GAAG,EACV,kBAAkB,EAAE,kBAAkB,EACtC,KAAK,EACH,IAAI,CAAC,CAAC,CAAC,CACL,cACE,GAAG,EAAE,cAAc,CAAC,IAAI,EAAE,OAAO,CAAC,EAClC,GAAG,EAAE,KAAK,EACV,SAAS,EAAC,oEAAoE,GAC9E,CACH,CAAC,CAAC,CAAC,SAAS,GAEf,GACE,CACP,CAAC,CAAC,CAAC,CACF,IAAI,IAAI,KAAC,QAAQ,IAAC,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,GAAI,CAC/D,EACA,SAAS,CAAC,CAAC,CAAC,CACX,KAAC,YAAY,IAAC,SAAS,EAAC,gBAAgB,EAAC,MAAM,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,GAAI,CACpE,CAAC,CAAC,CAAC,CACF,YAAG,SAAS,EAAC,mHAAmH,YAC7H,OAAO,GACN,CACL,EACA,CAAC,MAAM,IAAI,CACV,KAAC,aAAa,IACZ,OAAO,EAAE,YAAY,EACrB,IAAI,EAAE,KAAC,gBAAgB,KAAG,EAC1B,QAAQ,EAAE,CAAC,GAAG,IAAI,SAAS,YAE1B,SAAS,GACI,CACjB,IACe,IACd,CACP,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,28 @@
+import { type ReactNode } from "react";
+type AccountControl = {
+    email: string;
+    onLogout: () => Promise<void>;
+};
+type CloseControl = {
+    onClose: () => void;
+};
+export type ModalChromeControls = {
+    type: "account";
+    account: AccountControl;
+} | {
+    type: "account-close";
+    account: AccountControl;
+    close: CloseControl;
+} | {
+    type: "close";
+    close: CloseControl;
+} | {
+    type: "none";
+};
+type ModalChromeProps = {
+    controls: ModalChromeControls;
+    children: (dismissAccount: (() => void) | null) => ReactNode;
+};
+export declare function ModalChrome({ controls, children }: ModalChromeProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=ModalChrome.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ModalChrome.d.ts","sourceRoot":"","sources":["../../../src/web/components/ModalChrome.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,SAAS,EAIf,MAAM,OAAO,CAAC;AAYf,KAAK,cAAc,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAA;CAAE,CAAC;AACvE,KAAK,YAAY,GAAG;IAAE,OAAO,EAAE,MAAM,IAAI,CAAA;CAAE,CAAC;AAE5C,MAAM,MAAM,mBAAmB,GAC3B;IAAE,IAAI,EAAE,SAAS,CAAC;IAAC,OAAO,EAAE,cAAc,CAAA;CAAE,GAC5C;IAAE,IAAI,EAAE,eAAe,CAAC;IAAC,OAAO,EAAE,cAAc,CAAC;IAAC,KAAK,EAAE,YAAY,CAAA;CAAE,GACvE;IAAE,IAAI,EAAE,OAAO,CAAC;IAAC,KAAK,EAAE,YAAY,CAAA;CAAE,GACtC;IAAE,IAAI,EAAE,MAAM,CAAA;CAAE,CAAC;AAErB,KAAK,gBAAgB,GAAG;IACtB,QAAQ,EAAE,mBAAmB,CAAC;IAC9B,QAAQ,EAAE,CAAC,cAAc,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,IAAI,KAAK,SAAS,CAAC;CAC9D,CAAC;AAEF,wBAAgB,WAAW,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,gBAAgB,2CA6EnE"}

package/dist/web/components/ModalChrome.js

@@ -0,0 +1,64 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useEffect, useState, } from "react";
+import { t } from "../hooks/locale.js";
+import { useCopyToClipboard } from "../hooks/useCopyToClipboard.js";
+import { CloseIcon, CopyIcon, EllipsisIcon, EmailIcon, LogoutIcon, } from "./icons.js";
+export function ModalChrome({ controls, children }) {
+    const [accountOpen, setAccountOpen] = useState(false);
+    useEffect(() => {
+        if (controls.type === "none" || controls.type === "close") {
+            setAccountOpen(false);
+        }
+    }, [controls.type]);
+    const dismissAccount = useCallback(() => setAccountOpen(false), []);
+    const accountButton = () => (_jsx(ChromeIconButton, { label: "Account", expanded: accountOpen, onClick: () => setAccountOpen(true), children: _jsx(EllipsisIcon, {}) }));
+    const closeButton = (close) => (_jsx(ChromeIconButton, { label: t.close, onClick: close.onClose, children: _jsx(CloseIcon, {}) }));
+    let actions = null;
+    let banner = null;
+    let hasAccount = false;
+    switch (controls.type) {
+        case "none":
+            break;
+        case "account":
+            hasAccount = true;
+            actions = accountButton();
+            banner = (_jsx(AccountBanner, { account: controls.account, open: accountOpen, onDismiss: dismissAccount }));
+            break;
+        case "close":
+            actions = closeButton(controls.close);
+            break;
+        case "account-close":
+            hasAccount = true;
+            actions = (_jsxs(_Fragment, { children: [accountButton(), closeButton(controls.close)] }));
+            banner = (_jsx(AccountBanner, { account: controls.account, open: accountOpen, onDismiss: dismissAccount }));
+            break;
+        default:
+            assertNever(controls);
+    }
+    return (_jsxs(_Fragment, { children: [actions && (_jsx("div", { className: "daimo-absolute daimo-right-[17px] daimo-top-[22px] daimo-z-20 daimo-flex daimo-h-8 daimo-items-center daimo-gap-0", children: actions })), banner, children(hasAccount && accountOpen ? dismissAccount : null)] }));
+}
+function AccountBanner({ account, open, onDismiss, }) {
+    const { copy, copied } = useCopyToClipboard(1200);
+    const handleCopy = useCallback((event) => {
+        event.stopPropagation();
+        void copy(account.email);
+    }, [account.email, copy]);
+    const handleLogout = useCallback(async (event) => {
+        event.stopPropagation();
+        await account.onLogout();
+        onDismiss();
+    }, [account, onDismiss]);
+    return (_jsxs("div", { onClick: onDismiss, className: `daimo-account-banner daimo-absolute daimo-inset-x-0 daimo-top-0 daimo-z-30 daimo-h-[76px] daimo-bg-[var(--daimo-surface)] ${open
+            ? "daimo-translate-y-0 daimo-opacity-100 daimo-pointer-events-auto"
+            : "-daimo-translate-y-full daimo-opacity-0 daimo-pointer-events-none"}`, children: [_jsxs("button", { type: "button", onClick: handleCopy, className: "daimo-account-email-chip daimo-absolute daimo-left-[17px] daimo-top-[22px] daimo-flex daimo-h-8 daimo-items-center daimo-overflow-hidden daimo-rounded-full daimo-bg-transparent daimo-text-[var(--daimo-text)] hover:[@media(hover:hover)]:daimo-bg-[var(--daimo-surface-secondary)] daimo-touch-action-manipulation daimo-outline-none focus-visible:daimo-bg-[var(--daimo-surface-secondary)] focus-visible:daimo-ring-2 focus-visible:daimo-ring-[var(--daimo-accent)] focus-visible:daimo-ring-offset-2 focus-visible:daimo-ring-offset-[var(--daimo-surface)]", "aria-label": copied ? "Copied email" : "Copy account email", title: account.email, children: [_jsx("span", { className: "daimo-flex daimo-h-8 daimo-w-8 daimo-shrink-0 daimo-items-center daimo-justify-center", children: _jsx(EmailIcon, { size: 22 }) }), _jsx("span", { className: "daimo-account-email-chip-text daimo-min-w-0 daimo-truncate daimo-pr-2 daimo-text-sm daimo-font-medium", children: account.email }), _jsx("span", { className: "daimo-account-email-chip-copy daimo-flex daimo-shrink-0 daimo-items-center daimo-pr-3 daimo-text-[var(--daimo-text-muted)]", children: _jsx(CopyIcon, { size: 14, copied: copied }) })] }), _jsx(ChromeIconButton, { label: "Log out", className: "daimo-absolute daimo-right-[17px] daimo-top-[22px] daimo-z-10 daimo-bg-transparent hover:[@media(hover:hover)]:daimo-bg-[var(--daimo-surface-secondary)]", onClick: handleLogout, children: _jsx(LogoutIcon, { size: 22 }) })] }));
+}
+function ChromeIconButton({ label, expanded, children, className = "", onClick, }) {
+    return (_jsx("button", { type: "button", onClick: (event) => {
+            event.stopPropagation();
+            onClick(event);
+        }, className: `daimo-flex daimo-h-8 daimo-w-8 daimo-shrink-0 daimo-items-center daimo-justify-center daimo-rounded-full daimo-bg-[var(--daimo-surface)] daimo-text-[var(--daimo-text-muted)] 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 ${className}`, "aria-label": label, "aria-expanded": expanded, children: children }));
+}
+function assertNever(value) {
+    throw new Error(`unknown modal chrome control: ${JSON.stringify(value)}`);
+}
+//# sourceMappingURL=ModalChrome.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ModalChrome.js","sourceRoot":"","sources":["../../../src/web/components/ModalChrome.tsx"],"names":[],"mappings":";AAAA,OAAO,EAGL,WAAW,EACX,SAAS,EACT,QAAQ,GACT,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,CAAC,EAAE,MAAM,oBAAoB,CAAC;AACvC,OAAO,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AACpE,OAAO,EACL,SAAS,EACT,QAAQ,EACR,YAAY,EACZ,SAAS,EACT,UAAU,GACX,MAAM,YAAY,CAAC;AAgBpB,MAAM,UAAU,WAAW,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAoB;IAClE,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEtD,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,QAAQ,CAAC,IAAI,KAAK,MAAM,IAAI,QAAQ,CAAC,IAAI,KAAK,OAAO,EAAE,CAAC;YAC1D,cAAc,CAAC,KAAK,CAAC,CAAC;QACxB,CAAC;IACH,CAAC,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC;IAEpB,MAAM,cAAc,GAAG,WAAW,CAAC,GAAG,EAAE,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,EAAE,CAAC,CAAC;IACpE,MAAM,aAAa,GAAG,GAAG,EAAE,CAAC,CAC1B,KAAC,gBAAgB,IACf,KAAK,EAAC,SAAS,EACf,QAAQ,EAAE,WAAW,EACrB,OAAO,EAAE,GAAG,EAAE,CAAC,cAAc,CAAC,IAAI,CAAC,YAEnC,KAAC,YAAY,KAAG,GACC,CACpB,CAAC;IACF,MAAM,WAAW,GAAG,CAAC,KAAmB,EAAE,EAAE,CAAC,CAC3C,KAAC,gBAAgB,IAAC,KAAK,EAAE,CAAC,CAAC,KAAK,EAAE,OAAO,EAAE,KAAK,CAAC,OAAO,YACtD,KAAC,SAAS,KAAG,GACI,CACpB,CAAC;IAEF,IAAI,OAAO,GAAc,IAAI,CAAC;IAC9B,IAAI,MAAM,GAAc,IAAI,CAAC;IAC7B,IAAI,UAAU,GAAG,KAAK,CAAC;IAEvB,QAAQ,QAAQ,CAAC,IAAI,EAAE,CAAC;QACtB,KAAK,MAAM;YACT,MAAM;QACR,KAAK,SAAS;YACZ,UAAU,GAAG,IAAI,CAAC;YAClB,OAAO,GAAG,aAAa,EAAE,CAAC;YAC1B,MAAM,GAAG,CACP,KAAC,aAAa,IACZ,OAAO,EAAE,QAAQ,CAAC,OAAO,EACzB,IAAI,EAAE,WAAW,EACjB,SAAS,EAAE,cAAc,GACzB,CACH,CAAC;YACF,MAAM;QACR,KAAK,OAAO;YACV,OAAO,GAAG,WAAW,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;YACtC,MAAM;QACR,KAAK,eAAe;YAClB,UAAU,GAAG,IAAI,CAAC;YAClB,OAAO,GAAG,CACR,8BACG,aAAa,EAAE,EACf,WAAW,CAAC,QAAQ,CAAC,KAAK,CAAC,IAC3B,CACJ,CAAC;YACF,MAAM,GAAG,CACP,KAAC,aAAa,IACZ,OAAO,EAAE,QAAQ,CAAC,OAAO,EACzB,IAAI,EAAE,WAAW,EACjB,SAAS,EAAE,cAAc,GACzB,CACH,CAAC;YACF,MAAM;QACR;YACE,WAAW,CAAC,QAAQ,CAAC,CAAC;IAC1B,CAAC;IAED,OAAO,CACL,8BACG,OAAO,IAAI,CACV,cAAK,SAAS,EAAC,mHAAmH,YAC/H,OAAO,GACJ,CACP,EACA,MAAM,EACN,QAAQ,CAAC,UAAU,IAAI,WAAW,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,IAAI,CAAC,IAC3D,CACJ,CAAC;AACJ,CAAC;AAED,SAAS,aAAa,CAAC,EACrB,OAAO,EACP,IAAI,EACJ,SAAS,GAKV;IACC,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,GAAG,kBAAkB,CAAC,IAAI,CAAC,CAAC;IAElD,MAAM,UAAU,GAAG,WAAW,CAC5B,CAAC,KAAoC,EAAE,EAAE;QACvC,KAAK,CAAC,eAAe,EAAE,CAAC;QACxB,KAAK,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;IAC3B,CAAC,EACD,CAAC,OAAO,CAAC,KAAK,EAAE,IAAI,CAAC,CACtB,CAAC;IAEF,MAAM,YAAY,GAAG,WAAW,CAC9B,KAAK,EAAE,KAAoC,EAAE,EAAE;QAC7C,KAAK,CAAC,eAAe,EAAE,CAAC;QACxB,MAAM,OAAO,CAAC,QAAQ,EAAE,CAAC;QACzB,SAAS,EAAE,CAAC;IACd,CAAC,EACD,CAAC,OAAO,EAAE,SAAS,CAAC,CACrB,CAAC;IAEF,OAAO,CACL,eACE,OAAO,EAAE,SAAS,EAClB,SAAS,EAAE,6HACT,IAAI;YACF,CAAC,CAAC,iEAAiE;YACnE,CAAC,CAAC,mEACN,EAAE,aAEF,kBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,UAAU,EACnB,SAAS,EAAC,qiBAAqiB,gBACniB,MAAM,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,oBAAoB,EAC1D,KAAK,EAAE,OAAO,CAAC,KAAK,aAEpB,eAAM,SAAS,EAAC,uFAAuF,YACrG,KAAC,SAAS,IAAC,IAAI,EAAE,EAAE,GAAI,GAClB,EACP,eAAM,SAAS,EAAC,uGAAuG,YACpH,OAAO,CAAC,KAAK,GACT,EACP,eAAM,SAAS,EAAC,4HAA4H,YAC1I,KAAC,QAAQ,IAAC,IAAI,EAAE,EAAE,EAAE,MAAM,EAAE,MAAM,GAAI,GACjC,IACA,EACT,KAAC,gBAAgB,IACf,KAAK,EAAC,SAAS,EACf,SAAS,EAAC,0JAA0J,EACpK,OAAO,EAAE,YAAY,YAErB,KAAC,UAAU,IAAC,IAAI,EAAE,EAAE,GAAI,GACP,IACf,CACP,CAAC;AACJ,CAAC;AAED,SAAS,gBAAgB,CAAC,EACxB,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,SAAS,GAAG,EAAE,EACd,OAAO,GAOR;IACC,OAAO,CACL,iBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE;YACjB,KAAK,CAAC,eAAe,EAAE,CAAC;YACxB,OAAO,CAAC,KAAK,CAAC,CAAC;QACjB,CAAC,EACD,SAAS,EAAE,iZAAiZ,SAAS,EAAE,gBAC3Z,KAAK,mBACF,QAAQ,YAEtB,QAAQ,GACF,CACV,CAAC;AACJ,CAAC;AAED,SAAS,WAAW,CAAC,KAAY;IAC/B,MAAM,IAAI,KAAK,CAAC,iCAAiC,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;AAC5E,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"ModalSkeleton.d.ts","sourceRoot":"","sources":["../../../src/web/components/ModalSkeleton.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,wBAAgB,aAAa,4CA0B5B"}
+{"version":3,"file":"ModalSkeleton.d.ts","sourceRoot":"","sources":["../../../src/web/components/ModalSkeleton.tsx"],"names":[],"mappings":"AAEA;;;;GAIG;AACH,wBAAgB,aAAa,4CAqB5B"}

package/dist/web/components/ModalSkeleton.js

@@ -1,13 +1,11 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Skeleton } from "./Skeleton.js";
 /**
  * Loading skeleton for the session modal.
  * Shows header + scrollable token rows layout (matches SelectTokenPage).
  * Respects prefers-reduced-motion for accessibility.
  */
 export function ModalSkeleton() {
-    return (_jsxs("div", { className: "daimo-flex daimo-flex-col daimo-flex-1 daimo-min-h-0", children: [_jsx("div", { className: "daimo-flex daimo-items-center daimo-justify-center daimo-h-14 daimo-px-6", children: _jsx("div", { className: "daimo-h-5 daimo-w-32 daimo-rounded motion-safe:daimo-animate-daimo-pulse", style: { backgroundColor: "var(--daimo-skeleton)" } }) }), _jsx("div", { className: "daimo-flex-1 daimo-px-6 daimo-pb-4 daimo-flex daimo-flex-col daimo-gap-3", children: [...Array(11)].map((_, i) => (_jsx("div", { className: "daimo-h-16 daimo-rounded-[var(--daimo-radius-lg)] motion-safe:daimo-animate-daimo-pulse", style: {
-                        backgroundColor: "var(--daimo-skeleton)",
-                        animationDelay: `${i * 100}ms`,
-                    } }, i))) })] }));
+    return (_jsxs("div", { className: "daimo-flex daimo-flex-col daimo-flex-1 daimo-min-h-0", children: [_jsx("div", { className: "daimo-flex daimo-items-center daimo-justify-center daimo-h-14 daimo-px-6", children: _jsx(Skeleton, { className: "daimo-h-5 daimo-w-32", rounded: "sm" }) }), _jsx("div", { className: "daimo-flex-1 daimo-px-6 daimo-pb-4 daimo-flex daimo-flex-col daimo-gap-3", children: [...Array(11)].map((_, i) => (_jsx(Skeleton, { className: "daimo-h-16", rounded: "lg", delayMs: i * 100 }, i))) })] }));
 }
 //# sourceMappingURL=ModalSkeleton.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ModalSkeleton.js","sourceRoot":"","sources":["../../../src/web/components/ModalSkeleton.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;AACH,MAAM,UAAU,aAAa;IAC3B,OAAO,CACL,eAAK,SAAS,EAAC,sDAAsD,aAEnE,cAAK,SAAS,EAAC,0EAA0E,YACvF,cACE,SAAS,EAAC,0EAA0E,EACpF,KAAK,EAAE,EAAE,eAAe,EAAE,uBAAuB,EAAE,GACnD,GACE,EAGN,cAAK,SAAS,EAAC,0EAA0E,YACtF,CAAC,GAAG,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAC5B,cAEE,SAAS,EAAC,yFAAyF,EACnG,KAAK,EAAE;wBACL,eAAe,EAAE,uBAAuB;wBACxC,cAAc,EAAE,GAAG,CAAC,GAAG,GAAG,IAAI;qBAC/B,IALI,CAAC,CAMN,CACH,CAAC,GACE,IACF,CACP,CAAC;AACJ,CAAC"}
+{"version":3,"file":"ModalSkeleton.js","sourceRoot":"","sources":["../../../src/web/components/ModalSkeleton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEzC;;;;GAIG;AACH,MAAM,UAAU,aAAa;IAC3B,OAAO,CACL,eAAK,SAAS,EAAC,sDAAsD,aAEnE,cAAK,SAAS,EAAC,0EAA0E,YACvF,KAAC,QAAQ,IAAC,SAAS,EAAC,sBAAsB,EAAC,OAAO,EAAC,IAAI,GAAG,GACtD,EAGN,cAAK,SAAS,EAAC,0EAA0E,YACtF,CAAC,GAAG,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAC5B,KAAC,QAAQ,IAEP,SAAS,EAAC,YAAY,EACtB,OAAO,EAAC,IAAI,EACZ,OAAO,EAAE,CAAC,GAAG,GAAG,IAHX,CAAC,CAIN,CACH,CAAC,GACE,IACF,CACP,CAAC;AACJ,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"SelectAmountPage.d.ts","sourceRoot":"","sources":["../../../src/web/components/SelectAmountPage.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAC;AAa/D,KAAK,qBAAqB,GAAG;IAC3B,IAAI,EAAE,qBAAqB,GAAG;QAAE,IAAI,CAAC,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC;IAC/D,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,sDAAsD;IACtD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,uCAAuC;IACvC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,kEAAkE;IAClE,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,UAAU,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,OAAO,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,wBAAgB,gBAAgB,CAAC,EAC/B,IAAI,EACJ,UAAU,EACV,UAAU,EACV,WAAW,EACX,OAAO,EACP,MAAM,EACN,UAAU,EACV,SAAS,EACT,KAAK,EACL,OAAO,GACR,EAAE,qBAAqB,2CA6EvB"}
+{"version":3,"file":"SelectAmountPage.d.ts","sourceRoot":"","sources":["../../../src/web/components/SelectAmountPage.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAC;AAa/D,KAAK,qBAAqB,GAAG;IAC3B,IAAI,EAAE,qBAAqB,GAAG;QAAE,IAAI,CAAC,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC;IAC/D,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,sDAAsD;IACtD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,uCAAuC;IACvC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,kEAAkE;IAClE,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,UAAU,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,OAAO,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,wBAAgB,gBAAgB,CAAC,EAC/B,IAAI,EACJ,UAAU,EACV,UAAU,EACV,WAAW,EACX,OAAO,EACP,MAAM,EACN,UAAU,EACV,SAAS,EACT,KAAK,EACL,OAAO,GACR,EAAE,qBAAqB,2CAgFvB"}

package/dist/web/components/SelectAmountPage.js

@@ -4,7 +4,7 @@ import { t } from "../hooks/locale.js";
 import { PrimaryButton } from "./buttons.js";
 import { AmountInput, PageHeader, TokenIconWithChainBadge, resolveIconUrl, useAmountInput, } from "./shared.js";
 export function SelectAmountPage({ node, minimumUsd, maximumUsd, tokenSuffix, chainId, onBack, onContinue, isLoading, error, baseUrl, }) {
-    const { amount: amountUsd, isValid, handleChange } = useAmountInput(minimumUsd, maximumUsd);
+    const { amount: amountUsd, isValid, handleChange, } = useAmountInput(minimumUsd, maximumUsd);
     // Create pseudo-token for display if tokenSuffix is USDC or USDT and chainId is provided
     const selectedToken = tokenSuffix === "USDC" || tokenSuffix === "USDT" ? tokenSuffix : null;
     const displayToken = selectedToken && chainId != null
@@ -22,6 +22,6 @@ export function SelectAmountPage({ node, minimumUsd, maximumUsd, tokenSuffix, ch
             displayDecimals: 2,
         }
         : null;
-    return (_jsxs("div", { className: "daimo-flex daimo-flex-col daimo-flex-1 daimo-min-h-0", children: [_jsx(PageHeader, { title: t.selectAmount, onBack: onBack }), _jsxs("div", { className: "daimo-flex-1 daimo-flex daimo-flex-col daimo-items-center daimo-p-6", children: [_jsx("div", { className: "daimo-h-24 daimo-flex daimo-items-center daimo-justify-center daimo-mb-3", children: displayToken ? (_jsx(TokenIconWithChainBadge, { token: displayToken, size: "lg", badgeBorderClass: "daimo-border-2 daimo-bg-[var(--daimo-surface)] daimo-border-[var(--daimo-surface)]", baseUrl: baseUrl })) : (node.icon && (_jsx("img", { src: resolveIconUrl(node.icon, baseUrl), alt: node.title, className: "daimo-w-20 daimo-h-20 daimo-rounded-[25%]" }))) }), _jsx("div", { className: "daimo-mb-6", children: _jsx(AmountInput, { minimum: minimumUsd, maximum: maximumUsd, onSubmit: onContinue, onChange: handleChange }) }), error && (_jsx("div", { className: "daimo-text-red-500 daimo-text-sm daimo-text-center daimo-mb-3", children: error })), _jsx(PrimaryButton, { onClick: () => isValid && !isLoading && onContinue(amountUsd), disabled: !isValid || isLoading, className: "daimo-max-w-none", children: isLoading ? t.loading : t.continue })] })] }));
+    return (_jsxs("div", { className: "daimo-flex daimo-flex-col daimo-flex-1 daimo-min-h-0", children: [_jsx(PageHeader, { title: t.selectAmount, onBack: onBack }), _jsxs("div", { className: "daimo-flex-1 daimo-flex daimo-flex-col daimo-items-center daimo-p-6", children: [_jsx("div", { className: "daimo-h-24 daimo-flex daimo-items-center daimo-justify-center daimo-mb-3", children: displayToken ? (_jsx(TokenIconWithChainBadge, { token: displayToken, size: "lg", badgeBorderClass: "daimo-border-2 daimo-bg-[var(--daimo-surface)] daimo-border-[var(--daimo-surface)]", baseUrl: baseUrl })) : (node.icon && (_jsx("img", { src: resolveIconUrl(node.icon, baseUrl), alt: node.title, className: "daimo-w-20 daimo-h-20 daimo-rounded-[25%]" }))) }), _jsx("div", { className: "daimo-mb-6", children: _jsx(AmountInput, { minimum: minimumUsd, maximum: maximumUsd, onSubmit: onContinue, onChange: handleChange }) }), error && (_jsx("div", { className: "daimo-text-[var(--daimo-error)] daimo-text-sm daimo-text-center daimo-mb-3", children: error })), _jsx(PrimaryButton, { onClick: () => isValid && !isLoading && onContinue(amountUsd), disabled: !isValid || isLoading, className: "daimo-max-w-none", children: isLoading ? t.loading : t.continue })] })] }));
 }
 //# sourceMappingURL=SelectAmountPage.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SelectAmountPage.js","sourceRoot":"","sources":["../../../src/web/components/SelectAmountPage.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAIlD,OAAO,EAAE,CAAC,EAAE,MAAM,oBAAoB,CAAC;AACvC,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAC7C,OAAO,EACL,WAAW,EACX,UAAU,EACV,uBAAuB,EACvB,cAAc,EACd,cAAc,GACf,MAAM,aAAa,CAAC;AAkBrB,MAAM,UAAU,gBAAgB,CAAC,EAC/B,IAAI,EACJ,UAAU,EACV,UAAU,EACV,WAAW,EACX,OAAO,EACP,MAAM,EACN,UAAU,EACV,SAAS,EACT,KAAK,EACL,OAAO,GACe;IACtB,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,YAAY,EAAE,GAAG,cAAc,CACjE,UAAU,EACV,UAAU,CACX,CAAC;IAEF,yFAAyF;IACzF,MAAM,aAAa,GACjB,WAAW,KAAK,MAAM,IAAI,WAAW,KAAK,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC;IAExE,MAAM,YAAY,GAChB,aAAa,IAAI,OAAO,IAAI,IAAI;QAC9B,CAAC,CAAE;YACC,OAAO;YACP,KAAK,EAAE,KAAsB;YAC7B,MAAM,EAAE,aAAa;YACrB,QAAQ,EAAE,CAAC;YACX,OAAO,EAAE,aAAa,KAAK,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,IAAI;YACnE,aAAa,EAAE,EAAE;YACjB,GAAG,EAAE,CAAC;YACN,YAAY,EAAE,CAAC;YACf,YAAY,EAAE,OAAO;YACrB,UAAU,EAAE,OAAO;YACnB,eAAe,EAAE,CAAC;SACD;QACrB,CAAC,CAAC,IAAI,CAAC;IAEX,OAAO,CACL,eAAK,SAAS,EAAC,sDAAsD,aACnE,KAAC,UAAU,IAAC,KAAK,EAAE,CAAC,CAAC,YAAY,EAAE,MAAM,EAAE,MAAM,GAAI,EAErD,eAAK,SAAS,EAAC,qEAAqE,aAElF,cAAK,SAAS,EAAC,0EAA0E,YACtF,YAAY,CAAC,CAAC,CAAC,CACd,KAAC,uBAAuB,IACtB,KAAK,EAAE,YAAY,EACnB,IAAI,EAAC,IAAI,EACT,gBAAgB,EAAC,oFAAoF,EACrG,OAAO,EAAE,OAAO,GAChB,CACH,CAAC,CAAC,CAAC,CACF,IAAI,CAAC,IAAI,IAAI,CACX,cACE,GAAG,EAAE,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,OAAO,CAAC,EACvC,GAAG,EAAE,IAAI,CAAC,KAAK,EACf,SAAS,EAAC,2CAA2C,GACrD,CACH,CACF,GACG,EAGN,cAAK,SAAS,EAAC,YAAY,YACzB,KAAC,WAAW,IACV,OAAO,EAAE,UAAU,EACnB,OAAO,EAAE,UAAU,EACnB,QAAQ,EAAE,UAAU,EACpB,QAAQ,EAAE,YAAY,GACtB,GACE,EAGL,KAAK,IAAI,CACR,cAAK,SAAS,EAAC,+DAA+D,YAAE,KAAK,GAAO,CAC7F,EAED,KAAC,aAAa,IACZ,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,IAAI,CAAC,SAAS,IAAI,UAAU,CAAC,SAAS,CAAC,EAC7D,QAAQ,EAAE,CAAC,OAAO,IAAI,SAAS,EAC/B,SAAS,EAAC,kBAAkB,YAE3B,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,GACrB,IACZ,IACF,CACP,CAAC;AACJ,CAAC"}
+{"version":3,"file":"SelectAmountPage.js","sourceRoot":"","sources":["../../../src/web/components/SelectAmountPage.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAIlD,OAAO,EAAE,CAAC,EAAE,MAAM,oBAAoB,CAAC;AACvC,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAC7C,OAAO,EACL,WAAW,EACX,UAAU,EACV,uBAAuB,EACvB,cAAc,EACd,cAAc,GACf,MAAM,aAAa,CAAC;AAkBrB,MAAM,UAAU,gBAAgB,CAAC,EAC/B,IAAI,EACJ,UAAU,EACV,UAAU,EACV,WAAW,EACX,OAAO,EACP,MAAM,EACN,UAAU,EACV,SAAS,EACT,KAAK,EACL,OAAO,GACe;IACtB,MAAM,EACJ,MAAM,EAAE,SAAS,EACjB,OAAO,EACP,YAAY,GACb,GAAG,cAAc,CAAC,UAAU,EAAE,UAAU,CAAC,CAAC;IAE3C,yFAAyF;IACzF,MAAM,aAAa,GACjB,WAAW,KAAK,MAAM,IAAI,WAAW,KAAK,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC;IAExE,MAAM,YAAY,GAChB,aAAa,IAAI,OAAO,IAAI,IAAI;QAC9B,CAAC,CAAE;YACC,OAAO;YACP,KAAK,EAAE,KAAsB;YAC7B,MAAM,EAAE,aAAa;YACrB,QAAQ,EAAE,CAAC;YACX,OAAO,EAAE,aAAa,KAAK,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,IAAI;YACnE,aAAa,EAAE,EAAE;YACjB,GAAG,EAAE,CAAC;YACN,YAAY,EAAE,CAAC;YACf,YAAY,EAAE,OAAO;YACrB,UAAU,EAAE,OAAO;YACnB,eAAe,EAAE,CAAC;SACD;QACrB,CAAC,CAAC,IAAI,CAAC;IAEX,OAAO,CACL,eAAK,SAAS,EAAC,sDAAsD,aACnE,KAAC,UAAU,IAAC,KAAK,EAAE,CAAC,CAAC,YAAY,EAAE,MAAM,EAAE,MAAM,GAAI,EAErD,eAAK,SAAS,EAAC,qEAAqE,aAElF,cAAK,SAAS,EAAC,0EAA0E,YACtF,YAAY,CAAC,CAAC,CAAC,CACd,KAAC,uBAAuB,IACtB,KAAK,EAAE,YAAY,EACnB,IAAI,EAAC,IAAI,EACT,gBAAgB,EAAC,oFAAoF,EACrG,OAAO,EAAE,OAAO,GAChB,CACH,CAAC,CAAC,CAAC,CACF,IAAI,CAAC,IAAI,IAAI,CACX,cACE,GAAG,EAAE,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,OAAO,CAAC,EACvC,GAAG,EAAE,IAAI,CAAC,KAAK,EACf,SAAS,EAAC,2CAA2C,GACrD,CACH,CACF,GACG,EAGN,cAAK,SAAS,EAAC,YAAY,YACzB,KAAC,WAAW,IACV,OAAO,EAAE,UAAU,EACnB,OAAO,EAAE,UAAU,EACnB,QAAQ,EAAE,UAAU,EACpB,QAAQ,EAAE,YAAY,GACtB,GACE,EAGL,KAAK,IAAI,CACR,cAAK,SAAS,EAAC,4EAA4E,YACxF,KAAK,GACF,CACP,EAED,KAAC,aAAa,IACZ,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,IAAI,CAAC,SAAS,IAAI,UAAU,CAAC,SAAS,CAAC,EAC7D,QAAQ,EAAE,CAAC,OAAO,IAAI,SAAS,EAC/B,SAAS,EAAC,kBAAkB,YAE3B,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,GACrB,IACZ,IACF,CACP,CAAC;AACJ,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"SelectTokenPage.d.ts","sourceRoot":"","sources":["../../../src/web/components/SelectTokenPage.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAiB,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAahF,KAAK,oBAAoB,GAAG;IAC1B,+CAA+C;IAC/C,OAAO,EAAE,mBAAmB,EAAE,GAAG,IAAI,CAAC;IACtC;;;OAGG;IACH,YAAY,EAAE,OAAO,CAAC;IACtB,qCAAqC;IACrC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,oDAAoD;IACpD,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,EAAE,CAAC,MAAM,EAAE,mBAAmB,KAAK,IAAI,CAAC;IAChD,MAAM,CAAC,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,IAAI,CAAC;IAC7B,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,mDAAmD;AACnD,wBAAgB,eAAe,CAAC,EAC9B,OAAO,EACP,YAAY,EACZ,SAAiB,EACjB,aAAkB,EAClB,QAAQ,EACR,MAAM,EACN,OAAO,EACP,SAAS,GACV,EAAE,oBAAoB,2CA0EtB"}
+{"version":3,"file":"SelectTokenPage.d.ts","sourceRoot":"","sources":["../../../src/web/components/SelectTokenPage.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAiB,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAehF,KAAK,oBAAoB,GAAG;IAC1B,+CAA+C;IAC/C,OAAO,EAAE,mBAAmB,EAAE,GAAG,IAAI,CAAC;IACtC;;;OAGG;IACH,YAAY,EAAE,OAAO,CAAC;IACtB,qCAAqC;IACrC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,oDAAoD;IACpD,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,EAAE,CAAC,MAAM,EAAE,mBAAmB,KAAK,IAAI,CAAC;IAChD,MAAM,CAAC,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,IAAI,CAAC;IAC7B,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,mDAAmD;AACnD,wBAAgB,eAAe,CAAC,EAC9B,OAAO,EACP,YAAY,EACZ,SAAiB,EACjB,aAAkB,EAClB,QAAQ,EACR,MAAM,EACN,OAAO,EACP,SAAS,GACV,EAAE,oBAAoB,2CA0EtB"}

package/dist/web/components/SelectTokenPage.js

@@ -1,7 +1,9 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { getChainName } from "../../common/chain.js";
-import { t } from "../hooks/locale.js";
+import { formatFixedAmount } from "../formatAmount.js";
+import { getNumberLocale, t } from "../hooks/locale.js";
 import { ContactSupportButton, LIST_ROW_CLASS, ListRow, PageHeader, ScrollContent, TokenIconWithChainBadge, useScrollBorder, } from "./shared.js";
+import { Skeleton } from "./Skeleton.js";
 /** Token selection page for wallet payment flow */
 export function SelectTokenPage({ options, showRequired, isLoading = false, skeletonCount = 11, onSelect, onBack, baseUrl, sessionId, }) {
     const { scrolled, atBottom, onScroll } = useScrollBorder();
@@ -15,8 +17,7 @@ export function SelectTokenPage({ options, showRequired, isLoading = false, skel
 }
 /** Skeleton loading row - matches TokenRow dimensions with token + chain badge */
 function SkeletonRow() {
-    return (_jsxs("div", { className: `${LIST_ROW_CLASS} daimo-animate-daimo-pulse`, children: [_jsxs("div", { className: "daimo-flex-1 daimo-min-w-0 daimo-mr-3", children: [_jsx("div", { className: "daimo-h-5 daimo-w-48 daimo-rounded daimo-mb-2", style: { backgroundColor: "var(--daimo-skeleton)" } }), _jsx("div", { className: "daimo-h-4 daimo-w-32 daimo-rounded", style: { backgroundColor: "var(--daimo-skeleton)" } })] }), _jsxs("div", { className: "daimo-relative daimo-w-8 daimo-h-8 daimo-shrink-0", children: [_jsx("div", { className: "daimo-w-8 daimo-h-8 daimo-rounded-full", style: { backgroundColor: "var(--daimo-skeleton)" } }), _jsx("div", { className: "daimo-absolute -daimo-bottom-0.5 -daimo-right-0.5 daimo-w-[15px] daimo-h-[15px] daimo-rounded-full", style: {
-                            backgroundColor: "var(--daimo-skeleton)",
+    return (_jsxs("div", { className: LIST_ROW_CLASS, children: [_jsxs("div", { className: "daimo-flex-1 daimo-min-w-0 daimo-mr-3", children: [_jsx(Skeleton, { className: "daimo-h-5 daimo-w-48 daimo-rounded daimo-mb-2", rounded: "sm" }), _jsx(Skeleton, { className: "daimo-h-4 daimo-w-32 daimo-rounded", rounded: "sm" })] }), _jsxs("div", { className: "daimo-relative daimo-w-8 daimo-h-8 daimo-shrink-0", children: [_jsx(Skeleton, { className: "daimo-w-8 daimo-h-8 daimo-rounded-full", rounded: "full" }), _jsx(Skeleton, { className: "daimo-absolute -daimo-bottom-0.5 -daimo-right-0.5 daimo-w-[15px] daimo-h-[15px] daimo-rounded-full", rounded: "full", style: {
                             border: "1px solid var(--daimo-surface-secondary)",
                         } })] })] }));
 }
@@ -24,14 +25,14 @@ function SkeletonRow() {
  * Token option row - 64px height, matching ChooseOptionPage row style.
  * Shows "$X TOKEN on Chain" with "Y TOKEN" subtitle.
  */
-function TokenRow({ option, showRequired = false, onSelect, disabled = false, baseUrl }) {
+function TokenRow({ option, showRequired = false, onSelect, disabled = false, baseUrl, }) {
     const display = showRequired ? option.required : option.balance;
     const chainName = getChainName(display.token.chainId);
     const tokenAmount = formatTokenAmount(display.amount, display.token);
     const usdAmount = formatUsdAmount(display.usd);
     const disabledReason = option.disabledReason ??
         (option.balance.usd < option.minimumRequired.usd
-            ? `$${option.minimumRequired.usd.toFixed(2)} ${t.minimum.toLowerCase()}`
+            ? `$${formatFixedAmount(option.minimumRequired.usd)} ${t.minimum.toLowerCase()}`
             : null);
     const title = `$${usdAmount} ${display.token.symbol} ${t.onChain} ${chainName}`;
     const subtitle = disabled && disabledReason
@@ -51,13 +52,13 @@ function formatTokenAmount(amount, token) {
         return "0";
     // Use displayDecimals from token, fallback to sensible defaults
     const decimals = token.displayDecimals ?? (num < 1 ? 6 : 2);
-    return num.toLocaleString("en-US", {
+    return num.toLocaleString(getNumberLocale(), {
         minimumFractionDigits: 0,
         maximumFractionDigits: decimals,
     });
 }
 /** Format USD amount for display */
 function formatUsdAmount(usd) {
-    return usd.toFixed(2);
+    return formatFixedAmount(usd);
 }
 //# sourceMappingURL=SelectTokenPage.js.map