@daimo/sdk 1.6.0 → 1.8.0-beta.0

package/dist/web/components/DaimoFrame.js

@@ -1,11 +1,11 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useEffect, useMemo, useState } from "react";
+import { useEffect, useMemo, useRef, useState, } from "react";
 import { createPortal } from "react-dom";
+import { DAIMO_BASE_URL } from "../../common/constants.js";
 import { DAIMO_FRAME_PARENT_ORIGIN_PARAM, parseDaimoFrameMessage, } from "./frameMessages.js";
 import { CloseIcon } from "./icons.js";
 import { ContactSupportButton, ErrorMessage } from "./shared.js";
-const DEFAULT_BASE_URL = "https://daimo.com";
 const INITIAL_HEIGHT = 420;
 /** Show the error fallback if the iframe hasn't rendered content within this. */
 const LOAD_TIMEOUT_MS = 15000;
@@ -29,14 +29,8 @@ const scrimStyle = {
     padding: 12,
     paddingBottom: "calc(12px + env(safe-area-inset-bottom))",
 };
-const fullscreenScrimStyle = {
-    ...scrimStyle,
-    alignItems: "stretch",
-    padding: 0,
-    paddingBottom: 0,
-};
 // Rounded surface that clips the content-sized iframe to four corners. Hidden
-// (opacity 0) until the checkout reports its first height, so the user never
+// (opacity 0) until the flow reports its first height, so the user never
 // sees an empty shadowed bubble while the iframe loads.
 const bubbleStyle = {
     width: "100%",
@@ -50,13 +44,11 @@ const bubbleStyle = {
     // `transition` is set inline: opacity always animates, height only after the
     // first appearance (see `animateHeight`).
 };
-const fullscreenBubbleStyle = {
-    width: "100dvw",
-    maxWidth: "none",
-    height: "100dvh",
-    maxHeight: "100dvh",
-    borderRadius: 0,
-    boxShadow: "none",
+// Inline embed surface: fills the host container's width, height follows the
+// content. No chrome — the host owns rounding, borders, and dismissal.
+const embedStyle = {
+    width: "100%",
+    overflow: "hidden",
 };
 const iframeStyle = {
     display: "block",
@@ -95,20 +87,26 @@ const closeButtonStyle = {
     cursor: "pointer",
 };
 /**
- * Hosted Daimo checkout, embedded as an iframe in a full-screen modal overlay.
+ * Hosted Daimo deposit flow, embedded as an iframe.
  *
- * `DaimoFrame` loads `/webview` in content-only (`embed`) mode inside a fixed,
- * dimmed scrim and sizes the iframe to the height the content reports over
- * `postMessage`. No wallet libraries or app providers required. The sheet stays
- * hidden until the checkout's first content arrives; if nothing loads within
+ * `DaimoFrame` loads `/webview` in content-only (`embed`) mode and sizes the
+ * iframe to the height the content reports over `postMessage`. No wallet
+ * libraries or app providers required. The surface stays hidden until the
+ * flow's first content arrives; if nothing loads within
  * {@link LOAD_TIMEOUT_MS}, a dismissable error card is shown instead.
  *
- * The dimming scrim is `position: fixed` on purpose: iOS 26 derives the
- * safe-area strip colors (notch / home indicator) from the `background-color`
- * of fixed/sticky elements near the viewport edges (falling back to `body`). An
- * `absolute` scrim is never sampled, so the strips would stay light — the fixed
- * scrim's semi-transparent background instead tints them to match the dimmed
- * page. See https://nasedk.in/blog/ios26-safari-toolbar-colors/.
+ * With `layout="modal"` (default) the iframe renders inside a fixed, dimmed
+ * scrim portaled to `document.body`. With `layout="embed"` it renders inline
+ * where the component is placed, so the host can wrap it in its own modal or
+ * page layout.
+ *
+ * The modal's dimming scrim is `position: fixed` on purpose: iOS 26 derives
+ * the safe-area strip colors (notch / home indicator) from the
+ * `background-color` of fixed/sticky elements near the viewport edges (falling
+ * back to `body`). An `absolute` scrim is never sampled, so the strips would
+ * stay light — the fixed scrim's semi-transparent background instead tints
+ * them to match the dimmed page. See
+ * https://nasedk.in/blog/ios26-safari-toolbar-colors/.
  *
  * @example
  * ```tsx
@@ -120,16 +118,16 @@ const closeButtonStyle = {
  * />
  * ```
  */
-export function DaimoFrame({ sessionId, clientSecret, layout = "modal", onClose, onOpen, onPaymentStarted, onPaymentCompleted, baseUrl = DEFAULT_BASE_URL, }) {
+export function DaimoFrame({ sessionId, clientSecret, layout = "modal", onClose, onOpen, onPaymentStarted, onPaymentCompleted, baseUrl = DAIMO_BASE_URL, }) {
     const [parentOrigin, setParentOrigin] = useState(null);
     const src = useMemo(() => parentOrigin
         ? getFrameSrc(baseUrl, sessionId, clientSecret, parentOrigin)
         : null, [baseUrl, clientSecret, parentOrigin, sessionId]);
+    const iframeRef = useRef(null);
     const [height, setHeight] = useState(INITIAL_HEIGHT);
     const [mounted, setMounted] = useState(false);
     const [status, setStatus] = useState("loading");
-    const [presentationMode, setPresentationMode] = useState("content");
-    // Height animates only after the bubble's first appearance, so revealing it
+    // Height animates only after the surface's first appearance, so revealing it
     // doesn't animate from INITIAL_HEIGHT down to the first measured (skeleton)
     // height. Only later growth (skeleton -> content) animates.
     const [animateHeight, setAnimateHeight] = useState(false);
@@ -141,11 +139,14 @@ export function DaimoFrame({ sessionId, clientSecret, layout = "modal", onClose,
     useEffect(() => {
         if (!src)
             return;
-        // Only trust messages from the iframe's own origin.
+        // Only trust messages from our own iframe: match both the frame origin
+        // and the sending window, so two DaimoFrames on one page don't cross-talk.
         const frameOrigin = new URL(src, window.location.href).origin;
         const handleMessage = (event) => {
             if (event.origin !== frameOrigin)
                 return;
+            if (event.source !== iframeRef.current?.contentWindow)
+                return;
             const message = parseDaimoFrameMessage(event.data);
             if (!message)
                 return;
@@ -161,24 +162,18 @@ export function DaimoFrame({ sessionId, clientSecret, layout = "modal", onClose,
                 setHeight(message.payload.height);
                 setStatus("loaded");
             }
-            if (message.type === "framePresentationChanged") {
-                setPresentationMode(message.payload.mode);
-            }
         };
         window.addEventListener("message", handleMessage);
         return () => window.removeEventListener("message", handleMessage);
     }, [onClose, onOpen, onPaymentCompleted, onPaymentStarted, src]);
-    useEffect(() => {
-        setPresentationMode("content");
-    }, [src]);
-    // Fall back to the error card if the checkout never reports content.
+    // Fall back to the error card if the flow never reports content.
     useEffect(() => {
         if (status !== "loading")
             return;
         const id = setTimeout(() => setStatus("error"), LOAD_TIMEOUT_MS);
         return () => clearTimeout(id);
     }, [status]);
-    // Enable the height transition one frame after the bubble first appears, so
+    // Enable the height transition one frame after the surface first appears, so
     // its reveal snaps to the first height instead of animating down to it.
     useEffect(() => {
         if (status !== "loaded" || animateHeight)
@@ -186,25 +181,29 @@ export function DaimoFrame({ sessionId, clientSecret, layout = "modal", onClose,
         const id = requestAnimationFrame(() => setAnimateHeight(true));
         return () => cancelAnimationFrame(id);
     }, [status, animateHeight]);
-    // `layout` is reserved for future modes; only "modal" is supported today.
-    void layout;
     if (!mounted || !src)
         return null;
-    const isFullscreen = presentationMode === "fullscreen";
-    const currentScrimStyle = isFullscreen ? fullscreenScrimStyle : scrimStyle;
-    const currentBubbleStyle = isFullscreen
-        ? { ...bubbleStyle, ...fullscreenBubbleStyle }
-        : bubbleStyle;
-    return createPortal(_jsx("div", { onClick: () => onClose?.(), style: currentScrimStyle, children: status === "error" ? (_jsx(DaimoFrameError, { sessionId: sessionId, onClose: onClose })) : (_jsx("div", { onClick: (e) => e.stopPropagation(), style: {
-                ...currentBubbleStyle,
-                height: isFullscreen ? "100dvh" : height,
+    const surfaceTransition = animateHeight
+        ? "height 0.2s ease-in-out, opacity 0.2s ease-in-out"
+        : "opacity 0.2s ease-in-out";
+    const iframe = (_jsx("iframe", { ref: iframeRef, title: "Daimo", src: src, allow: "payment; clipboard-write", style: iframeStyle }));
+    if (layout === "embed") {
+        if (status === "error") {
+            return _jsx(DaimoFrameError, { sessionId: sessionId, onClose: onClose });
+        }
+        return (_jsx("div", { style: {
+                ...embedStyle,
+                height,
+                opacity: status === "loaded" ? 1 : 0,
+                transition: surfaceTransition,
+            }, children: iframe }));
+    }
+    return createPortal(_jsx("div", { onClick: () => onClose?.(), style: scrimStyle, children: status === "error" ? (_jsx(DaimoFrameError, { sessionId: sessionId, onClose: onClose })) : (_jsx("div", { onClick: (e) => e.stopPropagation(), style: {
+                ...bubbleStyle,
+                height,
                 opacity: status === "loaded" ? 1 : 0,
-                transition: isFullscreen
-                    ? "opacity 0.2s ease-in-out"
-                    : animateHeight
-                        ? "height 0.2s ease-in-out, opacity 0.2s ease-in-out"
-                        : "opacity 0.2s ease-in-out",
-            }, children: _jsx("iframe", { title: "Daimo", src: src, allow: "payment; clipboard-write", style: iframeStyle }) })) }), document.body);
+                transition: surfaceTransition,
+            }, children: iframe })) }), document.body);
 }
 function getFrameSrc(baseUrl, sessionId, clientSecret, parentOrigin) {
     const base = baseUrl.replace(/\/$/, "");
@@ -218,6 +217,6 @@ function getFrameSrc(baseUrl, sessionId, clientSecret, parentOrigin) {
 }
 /** Dismissable "couldn't load" card with a contact-support mailto link. */
 function DaimoFrameError({ sessionId, onClose, }) {
-    return (_jsxs("div", { onClick: (e) => e.stopPropagation(), style: errorCardStyle, children: [_jsx("button", { type: "button", "aria-label": "Close", onClick: () => onClose?.(), style: closeButtonStyle, children: _jsx(CloseIcon, {}) }), _jsx(ErrorMessage, { message: "Couldn't load. Offline?" }), _jsx(ContactSupportButton, { subject: "Couldn't load Daimo checkout", info: { sessionId } })] }));
+    return (_jsxs("div", { onClick: (e) => e.stopPropagation(), style: errorCardStyle, children: [_jsx("button", { type: "button", "aria-label": "Close", onClick: () => onClose?.(), style: closeButtonStyle, children: _jsx(CloseIcon, {}) }), _jsx(ErrorMessage, { message: "Couldn't load. Offline?" }), _jsx(ContactSupportButton, { subject: "Couldn't load Daimo", info: { sessionId } })] }));
 }
 //# sourceMappingURL=DaimoFrame.js.map

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

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

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

@@ -1,8 +1,15 @@
 import type { Address } from "viem";
+import type { DaimoCountryCode } from "../api/index.js";
 import { type DaimoModalEventHandlers } from "../hooks/types.js";
 import type { DaimoThemeMode } from "../../common/theme.js";
 import { type DaimoPlatform } from "../platform.js";
-export type DaimoModalProps = DaimoModalEventHandlers & {
+export type DaimoModalLocalizationProps = {
+    /** Override country used to localize auto payment-method sessions. */
+    countryCode?: DaimoCountryCode;
+    /** Called after the modal country picker successfully switches country. */
+    onCountryCodeChange?: (countryCode: DaimoCountryCode) => void;
+};
+type DaimoModalBaseProps = {
     /** Unique session ID. Sessions are created server-side. */
     sessionId: string;
     /** Unique client secret, returned at session creation. */
@@ -15,6 +22,12 @@ export type DaimoModalProps = DaimoModalEventHandlers & {
     connectToAddress?: Address;
     /** Render inline instead of as a floating modal. */
     embedded?: boolean;
+    /**
+     * Show the close button even when `embedded`. Set only by the native webview
+     * surface (DaimoFrameRN), which has no chrome of its own and needs the flow's
+     * own close button. Web embedders own their chrome, so this stays off there.
+     */
+    embeddedClose?: boolean;
     /** Override the session's light/dark/system theme mode. */
     themeMode?: DaimoThemeMode;
     /** Caller's platform. Prefer "desktop" or "mobile"; legacy values still work. Auto-detected. */
@@ -31,5 +44,7 @@ export type DaimoModalProps = DaimoModalEventHandlers & {
     /** Node to auto-navigate to on load (popup deep-link). */
     startNodeId?: string;
 };
+export type DaimoModalProps = DaimoModalEventHandlers & DaimoModalLocalizationProps & DaimoModalBaseProps;
 export declare function DaimoModal(props: DaimoModalProps): import("react/jsx-runtime").JSX.Element | null;
+export {};
 //# sourceMappingURL=DaimoModal.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"DaimoModal.d.ts","sourceRoot":"","sources":["../../../src/web/components/DaimoModal.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,MAAM,CAAC;AAsBpC,OAAO,EAIL,KAAK,uBAAuB,EAE7B,MAAM,mBAAmB,CAAC;AAY3B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAA6B,KAAK,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAkD/E,MAAM,MAAM,eAAe,GAAG,uBAAuB,GAAG;IACtD,2DAA2D;IAC3D,SAAS,EAAE,MAAM,CAAC;IAClB,0DAA0D;IAC1D,YAAY,EAAE,MAAM,CAAC;IACrB,oDAAoD;IACpD,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,oEAAoE;IACpE,wBAAwB,CAAC,EAAE,OAAO,CAAC;IACnC,0EAA0E;IAC1E,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,oDAAoD;IACpD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,2DAA2D;IAC3D,SAAS,CAAC,EAAE,cAAc,CAAC;IAC3B,gGAAgG;IAChG,QAAQ,CAAC,EAAE,aAAa,CAAC;IACzB,mDAAmD;IACnD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,6FAA6F;IAC7F,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,0DAA0D;IAC1D,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AA0CF,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,kDAwIhD"}
+{"version":3,"file":"DaimoModal.d.ts","sourceRoot":"","sources":["../../../src/web/components/DaimoModal.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,MAAM,CAAC;AAGpC,OAAO,KAAK,EAEV,gBAAgB,EAIjB,MAAM,iBAAiB,CAAC;AAmBzB,OAAO,EAIL,KAAK,uBAAuB,EAE7B,MAAM,mBAAmB,CAAC;AAY3B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAA6B,KAAK,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAmD/E,MAAM,MAAM,2BAA2B,GAAG;IACxC,sEAAsE;IACtE,WAAW,CAAC,EAAE,gBAAgB,CAAC;IAC/B,2EAA2E;IAC3E,mBAAmB,CAAC,EAAE,CAAC,WAAW,EAAE,gBAAgB,KAAK,IAAI,CAAC;CAC/D,CAAC;AAEF,KAAK,mBAAmB,GAAG;IACzB,2DAA2D;IAC3D,SAAS,EAAE,MAAM,CAAC;IAClB,0DAA0D;IAC1D,YAAY,EAAE,MAAM,CAAC;IACrB,oDAAoD;IACpD,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,oEAAoE;IACpE,wBAAwB,CAAC,EAAE,OAAO,CAAC;IACnC,0EAA0E;IAC1E,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,oDAAoD;IACpD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;OAIG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,2DAA2D;IAC3D,SAAS,CAAC,EAAE,cAAc,CAAC;IAC3B,gGAAgG;IAChG,QAAQ,CAAC,EAAE,aAAa,CAAC;IACzB,mDAAmD;IACnD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,6FAA6F;IAC7F,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,0DAA0D;IAC1D,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG,uBAAuB,GACnD,2BAA2B,GAC3B,mBAAmB,CAAC;AAiDtB,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,kDAqJhD"}

package/dist/web/components/DaimoModal.js

@@ -31,6 +31,7 @@ import { AccountCanadaBankPickerPage } from "./account/AccountBankPickerPage.js"
 import { AccountEnrollmentUpdatePage } from "./account/AccountEnrollmentUpdatePage.js";
 import { AccountCreatingWalletPage } from "./account/AccountCreatingWalletPage.js";
 import { AccountDeeplinkPage } from "./account/AccountDeeplinkPage.js";
+import { AccountInteracConfirmPage } from "./account/AccountInteracConfirmPage.js";
 import { AccountApplePayPage } from "./account/AccountApplePayPage.js";
 import { FiatPopupPage } from "./account/FiatPopupPage.js";
 import { AccountEmailPage } from "./account/AccountEmailPage.js";
@@ -51,7 +52,12 @@ import { ModalChrome } from "./ModalChrome.js";
 import { QRCode } from "./QRCode.js";
 import { WaitingDepositAddressPage } from "./WaitingDepositAddressPage.js";
 import { WalletAmountPage } from "./WalletAmountPage.js";
-const ACCOUNT_CHROME_ENABLED = false;
+/** Fallback when the server predates the nav location fields. */
+const UNKNOWN_LOCATION = {
+    countryCode: null,
+    countryName: "Location unknown",
+    emoji: "🌐",
+};
 function useModalCloseHandler(sessionId, clientSecret, getNodeCtx, isOpen, setIsOpen, onClose) {
     const client = useDaimoClient();
     const logNavEvent = createNavLogger(client);
@@ -74,7 +80,7 @@ function useModalCloseHandler(sessionId, clientSecret, getNodeCtx, isOpen, setIs
     return { handleClose };
 }
 export function DaimoModal(props) {
-    const { sessionId, clientSecret, embedded = false, defaultOpen = true, onClose, } = props;
+    const { sessionId, clientSecret, embedded = false, defaultOpen = true, countryCode, onClose, } = props;
     // Auto-detect browser language if setLocale() hasn't been called explicitly
     autoDetectLocale();
     const client = useDaimoClient();
@@ -89,15 +95,19 @@ export function DaimoModal(props) {
     });
     useEffect(() => {
         client.internal.sessions
-            .retrieveWithNav(sessionId, clientSecret)
+            .retrieveWithNav(sessionId, clientSecret, countryCode ? { countryCode } : undefined)
             .then((resp) => {
             setLoaded({
                 session: { ...resp.session, clientSecret },
                 accountAuth: resp.accountAuth ?? null,
+                // Defensive defaults: keep the modal working against servers that
+                // predate the location fields.
+                location: resp.location ?? UNKNOWN_LOCATION,
+                locationOptions: resp.locationOptions ?? [],
             });
         })
             .catch((err) => console.error("failed to fetch session:", err));
-    }, [sessionId, clientSecret]);
+    }, [sessionId, clientSecret, countryCode]);
     // If the API returned account auth config and no AccountFlowProvider exists
     // upstream (e.g. customer didn't pass privyAppId to DaimoSDKProvider),
     // lazily wrap modal content so fiat flow works automatically.
@@ -116,7 +126,7 @@ export function DaimoModal(props) {
             return null;
         return (_jsx(EmbeddedContainer, { showFooterSpacer: false, themeMode: props.themeMode, children: _jsx(SkeletonContent, { rowCount: 3, showFooter: false }) }));
     }
-    const content = (_jsx(DaimoModalInner, { ...props, session: loaded.session, accountAuth: loaded.accountAuth, isOpen: isOpen, setIsOpen: setIsOpen, closeRef: closeRef, setPageKey: setPageKey, setShowFooterSpacer: setShowFooterSpacer, setShowCloseButton: setShowCloseButton }));
+    const content = (_jsx(DaimoModalInner, { ...props, session: loaded.session, accountAuth: loaded.accountAuth, location: loaded.location, locationOptions: loaded.locationOptions, setLoaded: setLoaded, isOpen: isOpen, setIsOpen: setIsOpen, closeRef: closeRef, setPageKey: setPageKey, setShowFooterSpacer: setShowFooterSpacer, setShowCloseButton: setShowCloseButton }, loaded.location.countryCode ?? "unknown"));
     const wrapped = needsAccountProvider && accountAuth ? (_jsx(AccountFlowProvider, { privyAppId: accountAuth.privyAppId, children: content })) : (content);
     const handleClose = showCloseButton ? () => closeRef.current() : undefined;
     const reserveLoadingHeight = pageKey == null || pageKey.startsWith("account-loading-");
@@ -137,7 +147,7 @@ const AUTOCONNECT_NAV = [
     { ...CONNECTED_WALLET_NODE, autoconnect: true },
 ];
 const CONNECT_TO_ADDRESS_NAV = [CONNECTED_WALLET_NODE];
-function DaimoModalInner({ session: initialSession, accountAuth, isOpen, setIsOpen, closeRef, setPageKey, setShowFooterSpacer, setShowCloseButton, embedded = false, connectToInjectedWallets = false, connectToAddress, platform, returnUrl, returnLabel, enableFiatPopup = false, startNodeId, onPaymentStarted, onPaymentCompleted, onOpen, onClose, }) {
+function DaimoModalInner({ session: initialSession, accountAuth, location, locationOptions, setLoaded, isOpen, setIsOpen, closeRef, setPageKey, setShowFooterSpacer, setShowCloseButton, embedded = false, embeddedClose = false, connectToInjectedWallets = false, connectToAddress, platform, returnUrl, returnLabel, enableFiatPopup = false, startNodeId, onPaymentStarted, onPaymentCompleted, onCountryCodeChange, onOpen, onClose, }) {
     const effectiveInitial = connectToAddress
         ? { ...initialSession, navTree: CONNECT_TO_ADDRESS_NAV }
         : connectToInjectedWallets
@@ -145,6 +155,8 @@ function DaimoModalInner({ session: initialSession, accountAuth, isOpen, setIsOp
             : initialSession;
     const [pendingTxHash, setPendingTxHash] = useState();
     const [pageCloseVisible, setPageCloseVisible] = useState(true);
+    const [loadingCountryCode, setLoadingCountryCode] = useState(null);
+    const client = useDaimoClient();
     const { session, setSession } = useSessionPolling(effectiveInitial, isOpen, pendingTxHash);
     const depositAddress = useDepositAddress(session);
     const cwNode = findNodeByType("ConnectedWallet", session.navTree);
@@ -158,7 +170,21 @@ function DaimoModalInner({ session: initialSession, accountAuth, isOpen, setIsOp
     const accountFlow = useAccountFlow();
     const resolvedPlatform = platform ?? detectPlatform();
     const desktop = isDesktop(resolvedPlatform);
-    const nav = useSessionNav(session, setSession, isOpen, accountAuth, resolvedPlatform, walletFlow, accountFlow, { enableFiatPopup, startNodeId });
+    const handleRecreate = useCallback((resp) => {
+        setLoaded({
+            session: resp.session,
+            accountAuth: resp.accountAuth ?? null,
+            location: resp.location ?? UNKNOWN_LOCATION,
+            locationOptions: resp.locationOptions ?? [],
+        });
+    }, [setLoaded]);
+    const nav = useSessionNav(session, setSession, isOpen, accountAuth, resolvedPlatform, walletFlow, accountFlow, {
+        enableFiatPopup,
+        startNodeId,
+        countryCode: location.countryCode ?? undefined,
+        onRecreate: handleRecreate,
+    });
+    const { handleReset } = nav;
     useEffect(() => {
         const top = nav.topEntry;
         if (top?.type === "wallet-sending" && top.txHash) {
@@ -167,6 +193,46 @@ function DaimoModalInner({ session: initialSession, accountAuth, isOpen, setIsOp
     }, [nav.topEntry]);
     const { handleClose } = useModalCloseHandler(session.sessionId, session.clientSecret, nav.getNodeCtx, isOpen, setIsOpen, onClose);
     closeRef.current = handleClose;
+    const handleCountrySelect = useCallback(async (countryCode) => {
+        if (countryCode === location.countryCode || loadingCountryCode != null) {
+            return;
+        }
+        setLoadingCountryCode(countryCode);
+        try {
+            const resp = await client.internal.sessions.retrieveWithNav(session.sessionId, session.clientSecret, { countryCode });
+            const nextSession = {
+                ...resp.session,
+                clientSecret: session.clientSecret,
+            };
+            handleReset();
+            setSession(nextSession);
+            setLoaded({
+                session: nextSession,
+                accountAuth: resp.accountAuth ?? null,
+                location: resp.location ?? UNKNOWN_LOCATION,
+                locationOptions: resp.locationOptions ?? [],
+            });
+            if (resp.location.countryCode != null) {
+                onCountryCodeChange?.(resp.location.countryCode);
+            }
+        }
+        catch (error) {
+            console.error("failed to switch country:", error);
+        }
+        finally {
+            setLoadingCountryCode(null);
+        }
+    }, [
+        client,
+        session.sessionId,
+        session.clientSecret,
+        location.countryCode,
+        loadingCountryCode,
+        handleReset,
+        setSession,
+        setLoaded,
+        onCountryCodeChange,
+    ]);
     usePaymentCallbacks(session, isOpen, {
         onOpen,
         onPaymentStarted,
@@ -216,29 +282,20 @@ function DaimoModalInner({ session: initialSession, accountAuth, isOpen, setIsOp
             setModalCloseVisible: setPageCloseVisible,
         });
     }
-    const closeVisible = !embedded && showClose && pageCloseVisible;
-    const account = ACCOUNT_CHROME_ENABLED &&
-        accountFlow?.isAuthenticated &&
-        accountFlow.email &&
-        pageCloseVisible
-        ? {
-            email: accountFlow.email,
-            onLogout: async () => {
-                await accountFlow.logout();
-                if (isAccountFlow)
-                    nav.handleAccountLogout();
-            },
-        }
-        : null;
+    const closeVisible = (!embedded || embeddedClose) && showClose && pageCloseVisible;
     const close = closeVisible ? { onClose: handleClose } : null;
+    const showCountryPicker = 
+    // Server sends locations only when switching affects the nav
+    // (paymentMethods auto sessions); empty means hide the picker.
+    locationOptions.length > 0 &&
+        (embedded || closeVisible) &&
+        !connectToInjectedWallets &&
+        !connectToAddress &&
+        !startNodeId &&
+        (!nav.topEntry ||
+            (nav.topEntry.type === "choose-option" && !nav.canGoBack));
     let chrome = { type: "none" };
-    if (account && close) {
-        chrome = { type: "account-close", account, close };
-    }
-    else if (account) {
-        chrome = { type: "account", account };
-    }
-    else if (close) {
+    if (close) {
         chrome = { type: "close", close };
     }
     const isFirstPage = useRef(true);
@@ -250,7 +307,17 @@ function DaimoModalInner({ session: initialSession, accountAuth, isOpen, setIsOp
     useEffect(() => {
         isFirstPage.current = false;
     }, []);
-    return (_jsx(ModalChrome, { controls: chrome, children: (dismissAccount) => (_jsx("div", { onClick: dismissAccount ?? undefined, className: `${animate ? "daimo-page-enter " : ""}daimo-flex-1 daimo-min-h-0 daimo-flex daimo-flex-col`, children: content }, pageKey)) }));
+    return (_jsx(ModalChrome, { controls: chrome, country: showCountryPicker
+            ? {
+                location,
+                options: locationOptions,
+                loadingCountryCode,
+                onSelect: handleCountrySelect,
+            }
+            : null, children: (dismissAccount) => loadingCountryCode != null ? (
+        // Country switch in flight: skeleton the method list for a smooth
+        // swap instead of freezing the old list until the new nav lands.
+        _jsx(SkeletonContent, { rowCount: 4, showFooter: false })) : (_jsx("div", { onClick: dismissAccount ?? undefined, className: `${animate ? "daimo-page-enter " : ""}daimo-flex-1 daimo-min-h-0 daimo-flex daimo-flex-col`, children: content }, pageKey)) }));
 }
 function renderEntry(entry, ctx) {
     if (!entry) {
@@ -312,8 +379,12 @@ function renderEntry(entry, ctx) {
         }
         case "account-loading":
             return _jsx(LoadingMessage, {});
-        case "account-email":
-            return (_jsx(AccountEmailPage, { onBack: ctx.canGoBack ? ctx.onBack : null, onOtpSent: () => ctx.onAccountAdvance("account-otp") }));
+        case "account-email": {
+            const node = findNode(entry.nodeId, ctx.session.navTree);
+            if (node?.type !== "Fiat")
+                return null;
+            return (_jsx(AccountEmailPage, { methodLabel: node.title, onBack: ctx.canGoBack ? ctx.onBack : null, onOtpSent: () => ctx.onAccountAdvance("account-otp") }));
+        }
         case "account-otp":
             return (_jsx(AccountOtpPage, { onBack: ctx.onBack, onVerified: () => ctx.onAccountAdvance("account-creating-wallet") }));
         case "account-creating-wallet":
@@ -334,10 +405,14 @@ function renderEntry(entry, ctx) {
             return (_jsx(AccountEnrollmentUpdatePage, { update: entry.update, sessionId: ctx.session.sessionId, onBack: ctx.canGoBack ? ctx.onBack : null, onReady: () => ctx.onAccountAdvance(getAccountPaymentEntryTarget(entry.rail)) }));
         case "account-payment": {
             const advanceTarget = getAccountPaymentAdvanceTarget(entry.rail, ctx.platform);
-            return (_jsx(AccountPaymentPage, { rail: entry.rail, sessionId: ctx.session.sessionId, initialAmount: ctx.session.destination.amountUnits, platform: ctx.platform, baseUrl: ctx.session.baseUrl, startDepositOnAdvance: advanceTarget === "account-deeplink", onBack: ctx.canGoBack ? ctx.onBack : null, onAdvance: () => ctx.onAccountAdvance(advanceTarget) }));
+            return (_jsx(AccountPaymentPage, { rail: entry.rail, sessionId: ctx.session.sessionId, initialAmount: ctx.session.destination.amountUnits, platform: ctx.platform, baseUrl: ctx.session.baseUrl, startDepositOnAdvance: advanceTarget === "account-interac-confirm", onBack: ctx.canGoBack ? ctx.onBack : null, onAdvance: () => ctx.onAccountAdvance(advanceTarget) }));
         }
         case "account-canada-bank-picker":
-            return (_jsx(AccountCanadaBankPickerPage, { rail: entry.rail, sessionId: ctx.session.sessionId, platform: ctx.platform, onBack: null, onSelect: () => ctx.onAccountAdvance("account-deeplink") }));
+            return (_jsx(AccountCanadaBankPickerPage, { rail: entry.rail, sessionId: ctx.session.sessionId, onBack: null, onSelect: () => ctx.onAccountAdvance("account-interac-confirm") }));
+        case "account-interac-confirm": {
+            const accountNode = findNode(entry.nodeId, ctx.session.navTree);
+            return (_jsx(AccountInteracConfirmPage, { sessionId: ctx.session.sessionId, baseUrl: ctx.session.baseUrl, platform: ctx.platform, icon: accountNode?.type === "Fiat" ? accountNode.icon : undefined, onBack: ctx.onBack, onAdvance: () => ctx.onAccountAdvance("account-deeplink") }));
+        }
         case "account-apple-pay":
             return (_jsx(AccountApplePayPage, { rail: entry.rail, sessionId: ctx.session.sessionId, clientSecret: ctx.session.clientSecret, actionVerb: ctx.displayVerb, initialAmount: ctx.session.destination.amountUnits, onBack: ctx.canGoBack ? ctx.onBack : null, onAdvance: () => ctx.onAccountAdvance("account-status") }));
         case "account-bank-details":
@@ -347,7 +422,7 @@ function renderEntry(entry, ctx) {
             return (_jsx(AccountDeeplinkPage, { sessionId: ctx.session.sessionId, clientSecret: ctx.session.clientSecret, baseUrl: ctx.session.baseUrl, platform: ctx.platform, icon: accountNode?.type === "Fiat" ? accountNode.icon : undefined, onBack: ctx.onBack, onAdvance: () => ctx.onAccountAdvance("account-status") }));
         }
         case "account-status":
-            return (_jsx(AccountStatusPage, { sessionId: ctx.session.sessionId, clientSecret: ctx.session.clientSecret, baseUrl: ctx.session.baseUrl }));
+            return (_jsx(AccountStatusPage, { sessionId: ctx.session.sessionId, clientSecret: ctx.session.clientSecret, baseUrl: ctx.session.baseUrl, initialStatus: entry.initialStatus }));
         case "account-error":
             return (_jsxs("div", { className: "daimo-flex daimo-flex-col daimo-flex-1 daimo-min-h-0", children: [_jsx(PageHeader, { title: t.error, onBack: ctx.canGoBack ? ctx.onBack : null }), _jsx(CenteredContent, { children: _jsx(SharedErrorMessage, { message: entry.message }) })] }));
         default: