@pollar/react 0.11.3 → 0.11.4-rc.1

package/dist/index.mjs

@@ -1,5 +1,5 @@
 'use client';
-import { AUTH_ERROR_CODES, WalletType, isPollarClient, PollarClient, isInteractiveAuthAdapter, toBaseUnits } from '@pollar/core';
+import { AUTH_ERROR_CODES, WalletType, isPollarClient, PollarClient, isInteractiveAuthAdapter, isPollarApiError, toBaseUnits } from '@pollar/core';
 import { forwardRef, createContext, useState, useCallback, useEffect, useMemo, useRef, useContext, Component } from 'react';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { startAuthentication, startRegistration } from '@simplewebauthn/browser';
@@ -1025,19 +1025,77 @@ var ModalErrorBoundary = class extends Component {
     return this.props.children;
   }
 };
-var PollarModalFooter = () => {
+var PollarModalFooter = ({ shield = false }) => {
   return /* @__PURE__ */ jsxs("div", { className: "pollar-footer", children: [
     /* @__PURE__ */ jsx("span", { className: "pollar-footer-protected", children: "Protected by" }),
     /* @__PURE__ */ jsxs("div", { className: "pollar-footer-brand", children: [
-      /* @__PURE__ */ jsx("img", { src: LOGO_POLLAR, alt: "Pollar", className: "pollar-footer-logo" }),
+      shield ? /* @__PURE__ */ jsxs("svg", { className: "pollar-footer-shield", width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", "aria-hidden": true, children: [
+        /* @__PURE__ */ jsx("path", { d: "M12 3.2 19 6v5.3c0 4.4-2.9 7.8-7 9.5-4.1-1.7-7-5.1-7-9.5V6l7-2.8Z", fill: "var(--pollar-accent)" }),
+        /* @__PURE__ */ jsx("path", { d: "m8.5 12 2.2 2.2 4.8-5", stroke: "white", strokeWidth: "1.8", strokeLinecap: "round", strokeLinejoin: "round" })
+      ] }) : /* @__PURE__ */ jsx("img", { src: LOGO_POLLAR, alt: "Pollar", className: "pollar-footer-logo" }),
       /* @__PURE__ */ jsx("span", { className: "pollar-footer-name", children: "Pollar" }),
       /* @__PURE__ */ jsxs("span", { className: "pollar-footer-version", children: [
         "v",
-        "0.11.3"
+        "0.11.4-rc.1"
       ] })
     ] })
   ] });
 };
+function RefreshIcon({ spinning = false, className = "" }) {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      className: `${spinning ? "pollar-modal-refresh-icon pollar-spinning" : "pollar-modal-refresh-icon"}${className ? ` ${className}` : ""}`,
+      width: "17",
+      height: "17",
+      viewBox: "0 0 17 17",
+      fill: "none",
+      "aria-hidden": true,
+      children: [
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M2.125 8.5C2.125 6.80924 2.79665 5.18774 3.99219 3.99219C5.18774 2.79665 6.80924 2.125 8.5 2.125C10.2822 2.1317 11.9928 2.82712 13.2742 4.06583L14.875 5.66667",
+            stroke: "currentColor",
+            strokeWidth: "2",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M14.8747 2.125V5.66667H11.333",
+            stroke: "currentColor",
+            strokeWidth: "2",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M14.875 8.5C14.875 10.1908 14.2033 11.8123 13.0078 13.0078C11.8123 14.2033 10.1908 14.875 8.5 14.875C6.7178 14.8683 5.00719 14.1729 3.72583 12.9342L2.125 11.3333",
+            stroke: "currentColor",
+            strokeWidth: "2",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M2.125 14.875V11.3333H5.66667",
+            stroke: "currentColor",
+            strokeWidth: "2",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        )
+      ]
+    }
+  );
+}
 function CopyButton({ value, label = "Copy", className }) {
   const [copied, setCopied] = useState(false);
   const timerRef = useRef(null);
@@ -1825,9 +1883,10 @@ var STATUS_CONFIG = {
   none: { label: "Not started", color: "#6b7280", dot: false },
   pending: { label: "Pending review", color: "#f59e0b", dot: true },
   approved: { label: "Verified", color: "#10b981", dot: false },
-  rejected: { label: "Rejected", color: "#ef4444", dot: false }
+  rejected: { label: "Rejected", color: "#ef4444", dot: false },
+  expired: { label: "Expired", color: "#6b7280", dot: false }
 };
-function KycStatus({ status, className }) {
+function KycStatus({ status, label, className }) {
   const config = STATUS_CONFIG[status] ?? STATUS_CONFIG.none;
   return /* @__PURE__ */ jsxs(
     "span",
@@ -1836,11 +1895,42 @@ function KycStatus({ status, className }) {
       style: { "--pollar-kyc-color": config.color },
       children: [
         config.dot && /* @__PURE__ */ jsx("span", { className: "pollar-kyc-badge-dot" }),
-        config.label
+        label ?? config.label
       ]
     }
   );
 }
+
+// src/components/kyc-modal/kyc-messages.ts
+function kycErrorMessage(error, phase) {
+  const code = error?.code;
+  switch (code) {
+    case "SDK_KYC_NOT_CONFIGURED":
+      return "Identity verification is not available for this app yet.";
+    case "SDK_KYC_PROVIDER_ERROR":
+      return "The verification service is not responding right now. Please try again in a moment.";
+    case "SDK_KYC_SESSION_EXPIRED":
+      return "Your previous verification session expired. Select the provider to start a new one.";
+    case "SDK_KYC_PROVIDER_NOT_FOUND":
+    case "SDK_KYC_PROVIDER_NOT_ENABLED":
+      return "This verification option is no longer available. Refresh to see the current options.";
+    case "SDK_RAMPS_PROVIDER_NOT_CONFIGURED":
+      return "This route is not set up for identity verification yet.";
+    case "VALIDATION_ERROR":
+      return "This verification option is not available for your country.";
+    default:
+      return phase === "load" ? "Could not load verification options. Please refresh to try again." : "Could not start verification. Please try again.";
+  }
+}
+function kycReviewMessage(reviewReason) {
+  if (reviewReason === "DUPLICATE_DOCUMENT") {
+    return "This document is already linked to another account, so our team is reviewing it. You can check again later.";
+  }
+  return "Your verification is still being reviewed. You can check again shortly.";
+}
+function kycProcessingMessage() {
+  return "Your verification was approved. We are finishing setting it up; check again in a minute.";
+}
 function KycModalTemplate({
   theme,
   accentColor,
@@ -1850,151 +1940,274 @@ function KycModalTemplate({
   selectedProvider,
   session,
   kycStatus,
+  reviewReason,
+  processing = false,
   isLoading,
+  error,
   onSelectProvider,
   onDoneVerifying,
+  onStartAgain,
   onRefresh,
   onClose
 }) {
   const cssVars = buildModalCssVars(theme, accentColor, styleOverrides, "hero");
-  return /* @__PURE__ */ jsxs("div", { className: "pollar-modal-card pollar-kyc-modal", style: cssVars, onClick: (e) => e.stopPropagation(), children: [
-    /* @__PURE__ */ jsxs("div", { className: "pollar-modal-header", children: [
-      /* @__PURE__ */ jsxs("div", { className: "pollar-kyc-header-text", children: [
-        /* @__PURE__ */ jsx("h2", { className: "pollar-modal-title", children: "Identity verification" }),
-        /* @__PURE__ */ jsxs("p", { className: "pollar-kyc-subtitle", children: [
-          step === "select_provider" && "Choose your verification provider",
-          step === "verifying" && `Verifying with ${selectedProvider?.name}`,
-          step === "polling" && "Waiting for verification result",
-          step === "done" && "Verification complete"
-        ] })
-      ] }),
-      /* @__PURE__ */ jsxs("div", { className: "pollar-modal-header-actions", children: [
-        step === "select_provider" && /* @__PURE__ */ jsx(
-          "button",
-          {
-            type: "button",
-            className: "pollar-modal-close",
-            onClick: onRefresh,
-            disabled: isLoading,
-            "aria-label": "Refresh",
-            title: "Refresh providers",
-            children: /* @__PURE__ */ jsx(
-              "svg",
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: `pollar-modal-card pollar-kyc-modal ${step === "verifying" ? "pollar-kyc-modal--verifying" : ""}`,
+      role: "dialog",
+      "aria-modal": "true",
+      "aria-label": "Identity verification",
+      style: cssVars,
+      onClick: (e) => e.stopPropagation(),
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "pollar-modal-header", children: [
+          /* @__PURE__ */ jsxs("div", { className: "pollar-kyc-header-text", children: [
+            /* @__PURE__ */ jsx("h2", { className: "pollar-modal-title", children: "Identity verification" }),
+            /* @__PURE__ */ jsxs("p", { className: "pollar-kyc-subtitle", children: [
+              step === "select_provider" && "Choose your verification provider",
+              step === "verifying" && `Complete the steps below with ${selectedProvider?.name}`,
+              step === "polling" && "Waiting for verification result",
+              step === "done" && (kycStatus === "approved" ? "You\u2019re ready to continue" : "Your verification status")
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "pollar-modal-header-actions", children: [
+            step === "select_provider" && /* @__PURE__ */ jsx(
+              "button",
               {
-                className: isLoading ? "pollar-modal-refresh-icon pollar-spinning" : "pollar-modal-refresh-icon",
-                width: "16",
-                height: "16",
-                viewBox: "0 0 16 16",
-                fill: "none",
-                "aria-hidden": true,
+                type: "button",
+                className: "pollar-modal-close",
+                onClick: onRefresh,
+                disabled: isLoading,
+                "aria-label": "Refresh",
+                title: "Refresh providers",
                 children: /* @__PURE__ */ jsx(
-                  "path",
+                  "svg",
                   {
-                    d: "M13.5 8a5.5 5.5 0 1 1-1.6-3.9M13.5 2v3h-3",
-                    stroke: "currentColor",
-                    strokeWidth: "1.6",
-                    strokeLinecap: "round",
-                    strokeLinejoin: "round"
+                    className: isLoading ? "pollar-modal-refresh-icon pollar-spinning" : "pollar-modal-refresh-icon",
+                    width: "16",
+                    height: "16",
+                    viewBox: "0 0 16 16",
+                    fill: "none",
+                    "aria-hidden": true,
+                    children: /* @__PURE__ */ jsx(
+                      "path",
+                      {
+                        d: "M13.5 8a5.5 5.5 0 1 1-1.6-3.9M13.5 2v3h-3",
+                        stroke: "currentColor",
+                        strokeWidth: "1.6",
+                        strokeLinecap: "round",
+                        strokeLinejoin: "round"
+                      }
+                    )
                   }
                 )
               }
-            )
-          }
-        ),
-        /* @__PURE__ */ jsx("button", { type: "button", className: "pollar-modal-close", onClick: onClose, "aria-label": "Close", children: /* @__PURE__ */ jsx("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": true, children: /* @__PURE__ */ jsx("path", { d: "M2 2l12 12M14 2L2 14", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round" }) }) })
-      ] })
-    ] }),
-    step === "select_provider" && (isLoading && providers.length === 0 ? /* @__PURE__ */ jsxs("div", { className: "pollar-loading-block", children: [
-      /* @__PURE__ */ jsx("div", { className: "pollar-spinner" }),
-      /* @__PURE__ */ jsx("span", { children: "Loading providers\u2026" })
-    ] }) : /* @__PURE__ */ jsxs("div", { className: "pollar-kyc-providers", children: [
-      providers.length === 0 && /* @__PURE__ */ jsx("p", { style: { color: "var(--pollar-muted)", textAlign: "center" }, children: "No providers available for your country." }),
-      providers.map((p) => /* @__PURE__ */ jsxs(
-        "button",
-        {
-          type: "button",
-          className: "pollar-kyc-provider-btn",
-          disabled: isLoading,
-          onClick: () => onSelectProvider(p),
-          children: [
-            /* @__PURE__ */ jsx("span", { className: "pollar-kyc-provider-name", children: p.name }),
-            /* @__PURE__ */ jsx("span", { className: "pollar-kyc-provider-flow", children: p.flow })
-          ]
-        },
-        p.id
-      ))
-    ] })),
-    step === "verifying" && selectedProvider && /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx("div", { className: "pollar-kyc-iframe-wrap", children: session?.kycUrl ? /* @__PURE__ */ jsx("iframe", { className: "pollar-kyc-iframe", src: session.kycUrl, title: "KYC verification", allow: "camera; microphone" }) : /* @__PURE__ */ jsxs("div", { className: "pollar-kyc-iframe-mock", children: [
-        /* @__PURE__ */ jsx("span", { children: "\u{1F512}" }),
-        /* @__PURE__ */ jsx("span", { children: selectedProvider.flow === "form" ? "The identity verification form will appear here." : "Identity verification will open here." })
-      ] }) }),
-      /* @__PURE__ */ jsxs("div", { className: "pollar-modal-actions", children: [
-        /* @__PURE__ */ jsx("button", { type: "button", className: "pollar-btn-secondary", onClick: onClose, children: "Cancel" }),
-        /* @__PURE__ */ jsx("button", { type: "button", className: "pollar-btn-primary", onClick: onDoneVerifying, children: "I've completed verification" })
-      ] })
-    ] }),
-    step === "polling" && /* @__PURE__ */ jsxs("div", { className: "pollar-kyc-polling", children: [
-      /* @__PURE__ */ jsx("div", { className: "pollar-spinner" }),
-      /* @__PURE__ */ jsx("p", { className: "pollar-kyc-polling-text", children: "Checking verification status\u2026" })
-    ] }),
-    step === "done" && /* @__PURE__ */ jsxs("div", { className: "pollar-kyc-result", children: [
-      /* @__PURE__ */ jsx("span", { className: "pollar-kyc-result-icon", children: kycStatus === "approved" ? "\u2705" : "\u274C" }),
-      /* @__PURE__ */ jsx(KycStatus, { status: kycStatus }),
-      /* @__PURE__ */ jsx("p", { className: "pollar-kyc-result-text", children: kycStatus === "approved" ? "Your identity has been verified successfully." : "Verification was not approved. Please try again." }),
-      /* @__PURE__ */ jsx("div", { className: "pollar-modal-actions", children: /* @__PURE__ */ jsx("button", { type: "button", className: "pollar-btn-primary", onClick: onClose, children: "Close" }) })
-    ] })
-  ] });
+            ),
+            /* @__PURE__ */ jsx("button", { type: "button", className: "pollar-modal-close", onClick: onClose, "aria-label": "Close", children: /* @__PURE__ */ jsx("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": true, children: /* @__PURE__ */ jsx("path", { d: "M2 2l12 12M14 2L2 14", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round" }) }) })
+          ] })
+        ] }),
+        error && /* @__PURE__ */ jsx("p", { className: "pollar-kyc-error", role: "alert", children: error }),
+        step === "select_provider" && (isLoading && providers.length === 0 ? /* @__PURE__ */ jsxs("div", { className: "pollar-loading-block", children: [
+          /* @__PURE__ */ jsx("div", { className: "pollar-spinner" }),
+          /* @__PURE__ */ jsx("span", { children: "Loading providers\u2026" })
+        ] }) : /* @__PURE__ */ jsxs("div", { className: "pollar-kyc-providers", children: [
+          providers.length === 0 && /* @__PURE__ */ jsx("p", { style: { color: "var(--pollar-muted)", textAlign: "center" }, children: "No providers available for your country." }),
+          providers.map((p) => /* @__PURE__ */ jsxs(
+            "button",
+            {
+              type: "button",
+              className: "pollar-kyc-provider-btn",
+              disabled: isLoading,
+              onClick: () => onSelectProvider(p),
+              children: [
+                /* @__PURE__ */ jsx("span", { className: "pollar-kyc-provider-name", children: p.name }),
+                /* @__PURE__ */ jsx("span", { className: "pollar-kyc-provider-flow", children: isLoading && selectedProvider?.id === p.id ? "Opening\u2026" : p.flow === "redirect" ? "Continue in a new tab" : "Continue here" })
+              ]
+            },
+            p.id
+          ))
+        ] })),
+        step === "verifying" && selectedProvider && /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsxs("div", { className: "pollar-kyc-session-bar", children: [
+            /* @__PURE__ */ jsxs("span", { className: "pollar-kyc-session-label", children: [
+              /* @__PURE__ */ jsx("span", { className: "pollar-kyc-session-dot" }),
+              "Verification in progress"
+            ] }),
+            session?.kycUrl && /* @__PURE__ */ jsx("a", { href: session.kycUrl, target: "_blank", rel: "noopener noreferrer", children: "Open in new tab \u2197" })
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: "pollar-kyc-iframe-wrap", children: session?.kycUrl && selectedProvider.flow === "redirect" ? /* @__PURE__ */ jsxs("div", { className: "pollar-kyc-iframe-mock", children: [
+            /* @__PURE__ */ jsx("p", { children: "Complete verification in a separate tab, then return here to check your status." }),
+            /* @__PURE__ */ jsx("a", { className: "pollar-btn-primary", href: session.kycUrl, target: "_blank", rel: "noopener noreferrer", children: "Open verification" })
+          ] }) : session?.kycUrl ? /* @__PURE__ */ jsx("iframe", { className: "pollar-kyc-iframe", src: session.kycUrl, title: "KYC verification", allow: "camera; microphone" }) : /* @__PURE__ */ jsx("div", { className: "pollar-kyc-iframe-mock", children: /* @__PURE__ */ jsx("span", { children: selectedProvider.flow === "form" ? "The identity verification form will appear here." : "Identity verification will open here." }) }) }),
+          /* @__PURE__ */ jsxs("div", { className: "pollar-kyc-footer", children: [
+            /* @__PURE__ */ jsx("p", { children: "Finished the steps? Check your status to continue." }),
+            /* @__PURE__ */ jsxs("div", { className: "pollar-modal-actions", children: [
+              /* @__PURE__ */ jsx("button", { type: "button", className: "pollar-btn-secondary", onClick: onClose, children: "Close" }),
+              /* @__PURE__ */ jsx("button", { type: "button", className: "pollar-btn-primary", onClick: onDoneVerifying, children: "Check status" })
+            ] })
+          ] })
+        ] }),
+        step === "polling" && /* @__PURE__ */ jsxs("div", { className: "pollar-kyc-polling", children: [
+          /* @__PURE__ */ jsx("div", { className: "pollar-spinner" }),
+          /* @__PURE__ */ jsx("p", { className: "pollar-kyc-polling-text", children: "Checking verification status\u2026" })
+        ] }),
+        step === "done" && /* @__PURE__ */ jsxs("div", { className: "pollar-kyc-result", children: [
+          /* @__PURE__ */ jsx("span", { className: `pollar-kyc-result-icon pollar-kyc-result-icon--${kycStatus}`, "aria-hidden": "true", children: /* @__PURE__ */ jsx(
+            "svg",
+            {
+              width: "28",
+              height: "28",
+              viewBox: "0 0 24 24",
+              fill: "none",
+              stroke: "currentColor",
+              strokeWidth: "1.5",
+              strokeLinecap: "round",
+              strokeLinejoin: "round",
+              children: kycStatus === "approved" ? /* @__PURE__ */ jsx("path", { d: "m5 12 4 4L19 6" }) : kycStatus === "rejected" ? /* @__PURE__ */ jsx("path", { d: "m7 7 10 10M17 7 7 17" }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+                /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "8" }),
+                /* @__PURE__ */ jsx("path", { d: "M12 7v5l3 2" })
+              ] })
+            }
+          ) }),
+          /* @__PURE__ */ jsx(KycStatus, { status: kycStatus, ...processing ? { label: "Approved" } : {} }),
+          /* @__PURE__ */ jsx("p", { className: "pollar-kyc-result-text", children: kycStatus === "approved" ? "Your identity has been verified successfully." : kycStatus === "rejected" ? "Your verification was not approved. Contact support for the next steps." : kycStatus === "expired" ? "Your verification expired. Start again to verify your identity." : processing ? kycProcessingMessage() : kycReviewMessage(reviewReason) }),
+          /* @__PURE__ */ jsxs("div", { className: "pollar-modal-actions", children: [
+            kycStatus === "expired" && onStartAgain && /* @__PURE__ */ jsx("button", { type: "button", className: "pollar-btn-secondary", onClick: onStartAgain, disabled: isLoading, children: "Start again" }),
+            kycStatus !== "approved" && kycStatus !== "rejected" && kycStatus !== "expired" && /* @__PURE__ */ jsx("button", { type: "button", className: "pollar-btn-secondary", onClick: onDoneVerifying, children: "Check again" }),
+            /* @__PURE__ */ jsx("button", { type: "button", className: "pollar-btn-primary", onClick: onClose, children: "Close" })
+          ] })
+        ] })
+      ]
+    }
+  );
 }
-function KycModal({ onClose, country = "MX", level = "basic", onApproved }) {
+function newIdempotencyKey() {
+  const c = globalThis.crypto;
+  if (c && typeof c.randomUUID === "function") return c.randomUUID();
+  return `kyc-${Date.now().toString(36)}-${Math.random().toString(36).slice(2, 12)}`;
+}
+function KycModal({ onClose, country = "MX", level = "basic", onApproved, corridorId, providerId }) {
   const { getClient, styles } = usePollar();
   const [step, setStep] = useState("select_provider");
   const [providers, setProviders] = useState([]);
   const [selectedProvider, setSelectedProvider] = useState(null);
   const [session, setSession] = useState(null);
   const [kycStatus, setKycStatus] = useState("none");
+  const [reviewReason, setReviewReason] = useState(null);
+  const [processing, setProcessing] = useState(false);
   const [isLoading, setIsLoading] = useState(false);
+  const [error, setError] = useState(null);
+  const idempotencyKeys = useRef({});
+  const autoOpened = useRef(false);
   const client = getClient();
   const { theme, accentColor, styleOverrides, overlayStyle } = modalChrome(styles);
-  const loadProviders = useCallback(() => {
-    setIsLoading(true);
-    return getClient().getKycProviders(country).then((result) => setProviders(result.providers)).catch(() => setProviders([])).finally(() => setIsLoading(false));
-  }, [getClient, country]);
-  useEffect(() => {
-    void loadProviders();
-  }, [loadProviders]);
-  async function handleSelectProvider(provider) {
+  function finish(status, reason = null, isProcessing = false) {
+    setKycStatus(status);
+    setReviewReason(reason);
+    setProcessing(isProcessing);
+    setStep("done");
+    if (status === "approved") onApproved?.();
+  }
+  function finishWith(read) {
+    if (read.status === "pending" && read.decisionStatus === "approved") finish("pending", null, true);
+    else if (read.decisionStatus === "manual_review") finish("pending", read.reviewReason ?? null);
+    else finish(read.decisionStatus === "expired" ? "expired" : read.status);
+  }
+  function readStatus(providerId2) {
+    return corridorId ? client.getKycStatus(void 0, corridorId) : client.getKycStatus(providerId2);
+  }
+  const starting = useRef(false);
+  async function handleSelectProvider(provider, listed = true) {
+    var _a, _b;
+    if (starting.current) return;
+    starting.current = true;
     setSelectedProvider(provider);
+    setError(null);
     setIsLoading(true);
+    const key = (_a = idempotencyKeys.current)[_b = provider.id] ?? (_a[_b] = newIdempotencyKey());
     try {
-      const result = await client.resolveKyc(provider.id, level);
+      const result = await client.resolveKyc(
+        provider.id,
+        provider.levels?.[0] ?? level,
+        listed ? country : void 0,
+        corridorId,
+        key
+      );
       if (result.alreadyApproved) {
-        setKycStatus("approved");
-        setStep("done");
-        onApproved?.();
+        finish("approved");
         return;
       }
       setSession(result);
       setStep("verifying");
-    } catch {
+    } catch (e) {
+      const code = isPollarApiError(e) ? e.code : void 0;
+      if (code === "SDK_KYC_ALREADY_APPROVED") {
+        finish("approved");
+        return;
+      }
+      if (code === "SDK_KYC_UNDER_REVIEW") {
+        await readStatus(provider.id).then(finishWith, () => finish("pending"));
+        return;
+      }
+      if (code === "SDK_KYC_SESSION_EXPIRED") delete idempotencyKeys.current[provider.id];
+      setError(kycErrorMessage(e, "start"));
       setStep("select_provider");
     } finally {
+      starting.current = false;
       setIsLoading(false);
     }
   }
+  const loadProviders = useCallback(() => {
+    setIsLoading(true);
+    setError(null);
+    return getClient().getKycProviders(country, corridorId).then((result) => {
+      setProviders(result.providers);
+      return result.providers;
+    }).catch((e) => {
+      setProviders([]);
+      setError(kycErrorMessage(e, "load"));
+      return [];
+    }).finally(() => setIsLoading(false));
+  }, [getClient, country, corridorId]);
+  useEffect(() => {
+    void loadProviders().then((list) => {
+      if (!providerId || autoOpened.current) return;
+      autoOpened.current = true;
+      const target = list.find((p) => p.id === providerId);
+      if (target) void handleSelectProvider(target);
+      else
+        void handleSelectProvider(
+          { id: providerId, name: "Identity verification", flow: "iframe", levels: [level] },
+          false
+        );
+    });
+  }, [loadProviders, providerId]);
   async function handleDoneVerifying() {
     if (!selectedProvider) return;
+    setError(null);
     setStep("polling");
     try {
-      const finalStatus = await client.pollKycStatus(selectedProvider.id, { intervalMs: 3e3, timeoutMs: 12e4 });
-      setKycStatus(finalStatus);
-      setStep("done");
-      if (finalStatus === "approved") onApproved?.();
+      const read = await client.pollKycDecision(selectedProvider.id, {
+        intervalMs: 3e3,
+        timeoutMs: 12e4,
+        ...corridorId ? { corridorId } : {}
+      });
+      finishWith(read);
     } catch {
-      setKycStatus("rejected");
-      setStep("done");
+      setError("We could not confirm your result yet. Check again shortly; this does not mean your verification was rejected.");
+      setStep("verifying");
     }
   }
+  function handleStartAgain() {
+    if (selectedProvider) delete idempotencyKeys.current[selectedProvider.id];
+    setSession(null);
+    setKycStatus("none");
+    setReviewReason(null);
+    setProcessing(false);
+    if (selectedProvider) void handleSelectProvider(selectedProvider);
+    else setStep("select_provider");
+  }
   return /* @__PURE__ */ jsx("div", { className: "pollar-overlay", style: overlayStyle, onClick: onClose, children: /* @__PURE__ */ jsx(
     KycModalTemplate,
     {
@@ -2006,91 +2219,477 @@ function KycModal({ onClose, country = "MX", level = "basic", onApproved }) {
       selectedProvider,
       session,
       kycStatus,
+      reviewReason,
+      processing,
       isLoading,
+      error,
       onSelectProvider: handleSelectProvider,
       onDoneVerifying: handleDoneVerifying,
+      onStartAgain: handleStartAgain,
       onRefresh: () => void loadProviders(),
       onClose
     }
   ) });
 }
-function EmailCodeInput({ email, onSubmit }) {
-  const [digits, setDigits] = useState(["", "", "", "", "", ""]);
-  const inputRefs = useRef([]);
-  function submit(next) {
-    if (next.every(Boolean)) onSubmit(next.join(""));
+
+// src/components/requirement-form-modal/form-fields.ts
+function formLanguage() {
+  const language = typeof navigator !== "undefined" ? navigator.language : "";
+  return language.toLowerCase().startsWith("es") ? "es" : "en";
+}
+function localized(text, language) {
+  return (language === "es" ? text?.es || text?.en : text?.en || text?.es) ?? "";
+}
+function initialValues(fields, answers) {
+  const values = {};
+  for (const field of fields) {
+    const answer = answers[field.key];
+    if (field.type === "checkbox") values[field.key] = answer === true;
+    else if (field.type === "multiselect") values[field.key] = Array.isArray(answer) ? answer : [];
+    else values[field.key] = answer === void 0 || answer === null ? "" : String(answer);
   }
-  function handleChange(index, value) {
-    const cleaned = value.replace(/\D/g, "").slice(-1);
-    const next = digits.map((d, i) => i === index ? cleaned : d);
-    setDigits(next);
-    if (cleaned && index < 5) inputRefs.current[index + 1]?.focus();
-    submit(next);
+  return values;
+}
+var DATE = /^\d{4}-\d{2}-\d{2}$/;
+function localFieldErrors(fields, values) {
+  const errors = {};
+  for (const field of fields) {
+    const value = values[field.key];
+    if (typeof value !== "string" || !value.trim()) continue;
+    if (field.type === "number" && !Number.isFinite(Number(value))) errors[field.key] = "invalid_type";
+    if (field.type === "date" && (!DATE.test(value.trim()) || Number.isNaN(Date.parse(`${value.trim()}T00:00:00Z`)))) {
+      errors[field.key] = "invalid_format";
+    }
   }
-  function handleKeyDown(index, e) {
-    if (e.key === "Backspace" && !digits[index] && index > 0) {
-      inputRefs.current[index - 1]?.focus();
+  return errors;
+}
+function answersOf(fields, values) {
+  const answers = {};
+  for (const field of fields) {
+    const value = values[field.key];
+    if (field.type === "checkbox") {
+      answers[field.key] = value === true;
+    } else if (field.type === "multiselect") {
+      if (Array.isArray(value) && value.length) answers[field.key] = value;
+    } else if (typeof value === "string" && value.trim()) {
+      answers[field.key] = field.type === "number" ? Number(value) : value.trim();
     }
   }
-  function handlePaste(e) {
-    e.preventDefault();
-    const text = e.clipboardData.getData("text").replace(/\D/g, "").slice(0, 6);
-    const next = Array.from({ length: 6 }, (_, i) => text[i] ?? "");
-    setDigits(next);
-    inputRefs.current[Math.min(text.length - 1, 5)]?.focus();
-    submit(next);
+  return answers;
+}
+var MESSAGES = {
+  en: {
+    required: "This field is required.",
+    invalid_type: "This value is not valid.",
+    invalid_option: "Choose one of the options.",
+    too_long: "This is too long.",
+    too_small: "This value is too small.",
+    too_large: "This value is too large.",
+    pattern: "This does not have the expected format.",
+    invalid_format: "This does not have the expected format."
+  },
+  es: {
+    required: "Este campo es obligatorio.",
+    invalid_type: "Este valor no es v\xE1lido.",
+    invalid_option: "Elige una de las opciones.",
+    too_long: "Es demasiado largo.",
+    too_small: "Este valor es demasiado bajo.",
+    too_large: "Este valor es demasiado alto.",
+    pattern: "No tiene el formato esperado.",
+    invalid_format: "No tiene el formato esperado."
   }
-  return /* @__PURE__ */ jsxs("div", { className: "pollar-code-section", children: [
-    /* @__PURE__ */ jsxs("p", { className: "pollar-code-label", children: [
-      "Enter the 6-digit code sent to ",
-      email ? /* @__PURE__ */ jsx("strong", { children: email }) : "your email"
-    ] }),
-    /* @__PURE__ */ jsx("div", { className: "pollar-code-inputs", children: digits.map((digit, i) => /* @__PURE__ */ jsx(
-      "input",
-      {
-        ref: (el) => {
-          inputRefs.current[i] = el;
-        },
-        type: "text",
-        inputMode: "numeric",
-        maxLength: 2,
-        value: digit,
-        className: "pollar-code-input",
-        onChange: (e) => handleChange(i, e.target.value),
-        onKeyDown: (e) => handleKeyDown(i, e),
-        onPaste: handlePaste
-      },
-      i
-    )) })
-  ] });
+};
+function fieldErrorMessage(code, language) {
+  return MESSAGES[language][code] ?? MESSAGES[language].invalid_type;
 }
-var GithubButton = ({ disabled, onClick }) => {
-  return /* @__PURE__ */ jsxs("button", { className: "pollar-github-button", disabled, onClick, children: [
-    /* @__PURE__ */ jsx("svg", { className: "pollar-github-button-icon", viewBox: "0 0 24 24", fill: "currentColor", "aria-hidden": true, children: /* @__PURE__ */ jsx(
-      "path",
-      {
-        fillRule: "evenodd",
-        d: "M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z",
-        clipRule: "evenodd"
-      }
-    ) }),
-    /* @__PURE__ */ jsx("span", { className: "pollar-github-button-contents", children: "GitHub" })
-  ] });
+function fieldErrorsOf(error) {
+  if (!error || typeof error !== "object") return null;
+  const { code, body } = error;
+  if (code !== "KYC_FORM_INVALID_ANSWERS" || !Array.isArray(body?.errors)) return null;
+  const errors = {};
+  for (const item of body.errors) {
+    if (typeof item.key === "string" && typeof item.code === "string") errors[item.key] = item.code;
+  }
+  return Object.keys(errors).length ? errors : null;
+}
+var COPY = {
+  en: {
+    title: "A few more details",
+    loading: "Loading the form\u2026",
+    submit: "Continue",
+    submitting: "Saving\u2026",
+    close: "Close",
+    loadError: "Could not load the form. Please try again.",
+    submitError: "Could not save your answers. Please try again.",
+    step: "Step {n} of {total}"
+  },
+  es: {
+    title: "Unos datos m\xE1s",
+    loading: "Cargando el formulario\u2026",
+    submit: "Continuar",
+    submitting: "Guardando\u2026",
+    close: "Cerrar",
+    loadError: "No se pudo cargar el formulario. Intenta de nuevo.",
+    submitError: "No se pudieron guardar tus respuestas. Intenta de nuevo.",
+    step: "Paso {n} de {total}"
+  }
 };
-var GoogleButton = ({ disabled, onClick }) => {
-  return /* @__PURE__ */ jsxs("button", { className: "pollar-gsi-material-button", disabled, onClick, children: [
-    /* @__PURE__ */ jsx("div", { className: "pollar-gsi-material-button-state" }),
-    /* @__PURE__ */ jsxs("div", { className: "pollar-gsi-material-button-content-wrapper", children: [
-      /* @__PURE__ */ jsx("div", { className: "pollar-gsi-material-button-icon", children: /* @__PURE__ */ jsxs("svg", { version: "1.1", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 48 48", style: { display: "block" }, children: [
+function FieldInput({
+  field,
+  value,
+  language,
+  disabled,
+  onChange
+}) {
+  const id = `pollar-form-${field.key}`;
+  const text = typeof value === "string" ? value : "";
+  switch (field.type) {
+    case "select":
+      return /* @__PURE__ */ jsxs("select", { id, className: "pollar-input", value: text, disabled, onChange: (e) => onChange(e.target.value), children: [
+        /* @__PURE__ */ jsx("option", { value: "" }),
+        (field.options ?? []).map((option) => /* @__PURE__ */ jsx("option", { value: option.value, children: localized(option.label, language) }, option.value))
+      ] });
+    case "multiselect": {
+      const selected = Array.isArray(value) ? value : [];
+      return /* @__PURE__ */ jsx("div", { className: "pollar-form-choices", children: (field.options ?? []).map((option) => /* @__PURE__ */ jsxs("label", { className: "pollar-form-choice", children: [
         /* @__PURE__ */ jsx(
-          "path",
+          "input",
           {
-            fill: "#EA4335",
-            d: "M24 9.5c3.54 0 6.71 1.22 9.21 3.6l6.85-6.85C35.9 2.38 30.47 0 24 0 14.62 0 6.51 5.38 2.56 13.22l7.98 6.19C12.43 13.72 17.74 9.5 24 9.5z"
+            type: "checkbox",
+            checked: selected.includes(option.value),
+            disabled,
+            onChange: (e) => onChange(e.target.checked ? [...selected, option.value] : selected.filter((item) => item !== option.value))
           }
         ),
-        /* @__PURE__ */ jsx(
-          "path",
+        localized(option.label, language)
+      ] }, option.value)) });
+    }
+    case "textarea":
+      return /* @__PURE__ */ jsx(
+        "textarea",
+        {
+          id,
+          className: "pollar-input pollar-form-textarea",
+          value: text,
+          disabled,
+          maxLength: field.validation?.maxLength,
+          onChange: (e) => onChange(e.target.value)
+        }
+      );
+    default:
+      return /* @__PURE__ */ jsx(
+        "input",
+        {
+          id,
+          className: "pollar-input",
+          type: field.type === "phone" ? "tel" : field.type === "text" ? "text" : field.type,
+          inputMode: field.type === "number" ? "decimal" : void 0,
+          value: text,
+          disabled,
+          min: field.validation?.min,
+          max: field.validation?.max,
+          maxLength: field.validation?.maxLength,
+          onChange: (e) => onChange(e.target.value)
+        }
+      );
+  }
+}
+function RequirementFormModal({ formId, progress, onClose, onSubmitted }) {
+  const { getClient, styles } = usePollar();
+  const client = getClient();
+  const { theme, accentColor, styleOverrides, overlayStyle } = modalChrome(styles);
+  const cssVars = buildModalCssVars(theme, accentColor, styleOverrides, "hero");
+  const language = useMemo(formLanguage, []);
+  const copy = COPY[language];
+  const [form, setForm] = useState(null);
+  const [values, setValues] = useState({});
+  const [fieldErrors, setFieldErrors] = useState({});
+  const [error, setError] = useState(null);
+  const [submitting, setSubmitting] = useState(false);
+  const mounted = useRef(true);
+  useEffect(() => {
+    mounted.current = true;
+    return () => {
+      mounted.current = false;
+    };
+  }, []);
+  useEffect(() => {
+    client.getRequirementForm(formId).then((loaded) => {
+      if (!mounted.current) return;
+      setForm(loaded);
+      setValues(initialValues(loaded.fields, loaded.answers));
+    }).catch(() => mounted.current && setError(copy.loadError));
+  }, [formId]);
+  async function submit() {
+    if (!form) return;
+    setError(null);
+    const local = localFieldErrors(form.fields, values);
+    if (Object.keys(local).length) return setFieldErrors(local);
+    setSubmitting(true);
+    setFieldErrors({});
+    try {
+      await client.submitRequirementForm(form.formId, answersOf(form.fields, values));
+      if (mounted.current) onSubmitted();
+    } catch (e) {
+      if (!mounted.current) return;
+      const byField = fieldErrorsOf(e);
+      if (byField) setFieldErrors(byField);
+      else setError(copy.submitError);
+    } finally {
+      if (mounted.current) setSubmitting(false);
+    }
+  }
+  return /* @__PURE__ */ jsx("div", { className: "pollar-overlay", style: overlayStyle, onClick: onClose, children: /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: "pollar-modal-card pollar-form-modal",
+      role: "dialog",
+      "aria-modal": "true",
+      "aria-label": form?.name ?? copy.title,
+      style: cssVars,
+      onClick: (e) => e.stopPropagation(),
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "pollar-modal-header", children: [
+          /* @__PURE__ */ jsxs("div", { className: "pollar-form-header-text", children: [
+            /* @__PURE__ */ jsx("h2", { className: "pollar-modal-title", children: form?.name ?? copy.title }),
+            progress && /* @__PURE__ */ jsx("p", { className: "pollar-form-subtitle", children: copy.step.replace("{n}", String(progress.position)).replace("{total}", String(progress.total)) })
+          ] }),
+          /* @__PURE__ */ jsx("button", { type: "button", className: "pollar-modal-close", onClick: onClose, "aria-label": copy.close, children: /* @__PURE__ */ jsx("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": true, children: /* @__PURE__ */ jsx("path", { d: "M2 2l12 12M14 2L2 14", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round" }) }) })
+        ] }),
+        error && /* @__PURE__ */ jsx("p", { className: "pollar-form-error", role: "alert", children: error }),
+        !form && !error && /* @__PURE__ */ jsxs("div", { className: "pollar-loading-block", children: [
+          /* @__PURE__ */ jsx("div", { className: "pollar-spinner" }),
+          /* @__PURE__ */ jsx("span", { children: copy.loading })
+        ] }),
+        form && /* @__PURE__ */ jsxs(
+          "form",
+          {
+            className: "pollar-form-body",
+            onSubmit: (e) => {
+              e.preventDefault();
+              void submit();
+            },
+            children: [
+              form.description && /* @__PURE__ */ jsx("p", { className: "pollar-form-description", children: form.description }),
+              form.fields.map((field) => {
+                const fieldError = fieldErrors[field.key];
+                const help = localized(field.help, language);
+                return /* @__PURE__ */ jsxs("div", { className: "pollar-form-field", children: [
+                  field.type === "checkbox" ? /* @__PURE__ */ jsxs("label", { className: "pollar-form-choice", children: [
+                    /* @__PURE__ */ jsx(
+                      "input",
+                      {
+                        type: "checkbox",
+                        checked: values[field.key] === true,
+                        disabled: submitting,
+                        onChange: (e) => setValues((v) => ({ ...v, [field.key]: e.target.checked }))
+                      }
+                    ),
+                    localized(field.label, language),
+                    field.required && /* @__PURE__ */ jsx("span", { className: "pollar-form-required", children: " *" })
+                  ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+                    /* @__PURE__ */ jsxs("label", { htmlFor: `pollar-form-${field.key}`, className: "pollar-form-label", children: [
+                      localized(field.label, language),
+                      field.required && /* @__PURE__ */ jsx("span", { className: "pollar-form-required", children: " *" })
+                    ] }),
+                    /* @__PURE__ */ jsx(
+                      FieldInput,
+                      {
+                        field,
+                        value: values[field.key] ?? "",
+                        language,
+                        disabled: submitting,
+                        onChange: (value) => setValues((v) => ({ ...v, [field.key]: value }))
+                      }
+                    )
+                  ] }),
+                  help && /* @__PURE__ */ jsx("span", { className: "pollar-form-help", children: help }),
+                  fieldError && /* @__PURE__ */ jsx("span", { className: "pollar-form-field-error", role: "alert", children: fieldErrorMessage(fieldError, language) })
+                ] }, field.key);
+              }),
+              /* @__PURE__ */ jsxs("div", { className: "pollar-modal-actions", children: [
+                /* @__PURE__ */ jsx("button", { type: "button", className: "pollar-btn-secondary", onClick: onClose, disabled: submitting, children: copy.close }),
+                /* @__PURE__ */ jsx("button", { type: "submit", className: "pollar-btn-primary", disabled: submitting, children: submitting ? copy.submitting : copy.submit })
+              ] })
+            ]
+          }
+        )
+      ]
+    }
+  ) });
+}
+function AppKycFlow({ onClose, country, level, onApproved }) {
+  const { getClient } = usePollar();
+  const client = getClient();
+  const [state, setState] = useState({ kind: "loading" });
+  const kycStepDone = useRef(false);
+  const firstRead = useRef(true);
+  const loading = useRef(false);
+  const mounted = useRef(true);
+  useEffect(() => {
+    mounted.current = true;
+    return () => {
+      mounted.current = false;
+    };
+  }, []);
+  async function approvedOption(steps) {
+    for (const step2 of steps) {
+      if (step2.type !== "KYC") continue;
+      for (const optionId of step2.optionIds) {
+        const status = await client.getKycStatus(optionId).catch(() => null);
+        if (status?.status === "approved") return optionId;
+      }
+    }
+    return null;
+  }
+  const load = useCallback(async () => {
+    if (loading.current) return;
+    loading.current = true;
+    kycStepDone.current = false;
+    try {
+      const requirements = await client.getAppRequirements();
+      if (!mounted.current) return;
+      if (!requirements.total) return setState({ kind: "options" });
+      const first = firstRead.current;
+      firstRead.current = false;
+      if (requirements.next) return setState({ kind: "step", step: requirements.next });
+      onApproved?.();
+      const providerId = first ? await approvedOption(requirements.steps) : null;
+      if (!mounted.current) return;
+      if (providerId) setState({ kind: "done", providerId });
+      else onClose();
+    } catch {
+      if (mounted.current) setState({ kind: "options" });
+    } finally {
+      loading.current = false;
+    }
+  }, []);
+  useEffect(() => {
+    void load();
+  }, [load]);
+  if (state.kind === "loading") return null;
+  if (state.kind === "options") {
+    return /* @__PURE__ */ jsx(
+      KycModal,
+      {
+        onClose,
+        ...country !== void 0 && { country },
+        ...level !== void 0 && { level },
+        ...onApproved !== void 0 && { onApproved }
+      }
+    );
+  }
+  if (state.kind === "done") {
+    return /* @__PURE__ */ jsx(KycModal, { onClose, providerId: state.providerId, ...country !== void 0 && { country } });
+  }
+  const { step } = state;
+  const progress = { position: step.completed + 1, total: step.total };
+  if (step.type === "FORM") {
+    return /* @__PURE__ */ jsx(
+      RequirementFormModal,
+      {
+        formId: step.optionId,
+        progress,
+        onClose,
+        onSubmitted: () => void load()
+      },
+      step.optionId
+    );
+  }
+  return /* @__PURE__ */ jsx(
+    KycModal,
+    {
+      providerId: step.optionId,
+      ...country !== void 0 && { country },
+      ...level !== void 0 && { level },
+      onApproved: () => {
+        kycStepDone.current = true;
+      },
+      onClose: () => {
+        if (kycStepDone.current) void load();
+        else onClose();
+      }
+    },
+    step.optionId
+  );
+}
+function EmailCodeInput({ email, onSubmit }) {
+  const [digits, setDigits] = useState(["", "", "", "", "", ""]);
+  const inputRefs = useRef([]);
+  function submit(next) {
+    if (next.every(Boolean)) onSubmit(next.join(""));
+  }
+  function handleChange(index, value) {
+    const cleaned = value.replace(/\D/g, "").slice(-1);
+    const next = digits.map((d, i) => i === index ? cleaned : d);
+    setDigits(next);
+    if (cleaned && index < 5) inputRefs.current[index + 1]?.focus();
+    submit(next);
+  }
+  function handleKeyDown(index, e) {
+    if (e.key === "Backspace" && !digits[index] && index > 0) {
+      inputRefs.current[index - 1]?.focus();
+    }
+  }
+  function handlePaste(e) {
+    e.preventDefault();
+    const text = e.clipboardData.getData("text").replace(/\D/g, "").slice(0, 6);
+    const next = Array.from({ length: 6 }, (_, i) => text[i] ?? "");
+    setDigits(next);
+    inputRefs.current[Math.min(text.length - 1, 5)]?.focus();
+    submit(next);
+  }
+  return /* @__PURE__ */ jsxs("div", { className: "pollar-code-section", children: [
+    /* @__PURE__ */ jsxs("p", { className: "pollar-code-label", children: [
+      "Enter the 6-digit code sent to ",
+      email ? /* @__PURE__ */ jsx("strong", { children: email }) : "your email"
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "pollar-code-inputs", children: digits.map((digit, i) => /* @__PURE__ */ jsx(
+      "input",
+      {
+        ref: (el) => {
+          inputRefs.current[i] = el;
+        },
+        type: "text",
+        inputMode: "numeric",
+        maxLength: 2,
+        value: digit,
+        className: "pollar-code-input",
+        onChange: (e) => handleChange(i, e.target.value),
+        onKeyDown: (e) => handleKeyDown(i, e),
+        onPaste: handlePaste
+      },
+      i
+    )) })
+  ] });
+}
+var GithubButton = ({ disabled, onClick }) => {
+  return /* @__PURE__ */ jsxs("button", { className: "pollar-github-button", disabled, onClick, children: [
+    /* @__PURE__ */ jsx("svg", { className: "pollar-github-button-icon", viewBox: "0 0 24 24", fill: "currentColor", "aria-hidden": true, children: /* @__PURE__ */ jsx(
+      "path",
+      {
+        fillRule: "evenodd",
+        d: "M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z",
+        clipRule: "evenodd"
+      }
+    ) }),
+    /* @__PURE__ */ jsx("span", { className: "pollar-github-button-contents", children: "GitHub" })
+  ] });
+};
+var GoogleButton = ({ disabled, onClick }) => {
+  return /* @__PURE__ */ jsxs("button", { className: "pollar-gsi-material-button", disabled, onClick, children: [
+    /* @__PURE__ */ jsx("div", { className: "pollar-gsi-material-button-state" }),
+    /* @__PURE__ */ jsxs("div", { className: "pollar-gsi-material-button-content-wrapper", children: [
+      /* @__PURE__ */ jsx("div", { className: "pollar-gsi-material-button-icon", children: /* @__PURE__ */ jsxs("svg", { version: "1.1", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 48 48", style: { display: "block" }, children: [
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            fill: "#EA4335",
+            d: "M24 9.5c3.54 0 6.71 1.22 9.21 3.6l6.85-6.85C35.9 2.38 30.47 0 24 0 14.62 0 6.51 5.38 2.56 13.22l7.98 6.19C12.43 13.72 17.74 9.5 24 9.5z"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
           {
             fill: "#4285F4",
             d: "M46.98 24.55c0-1.57-.15-3.09-.38-4.55H24v9.02h12.94c-.58 2.96-2.26 5.48-4.78 7.18l7.73 6c4.51-4.18 7.09-10.36 7.09-17.65z"
@@ -2730,6 +3329,53 @@ function LoginModal({ onClose }) {
     }
   ) });
 }
+
+// src/components/ramp-widget/ramp-kyc.ts
+var nonEmpty = (value) => typeof value === "string" && !!value.trim();
+function requiredRampKyc(error) {
+  if (!error || typeof error !== "object") return null;
+  const { code, body } = error;
+  if (code !== "SDK_RAMPS_KYC_REQUIRED" || !body || typeof body !== "object") return null;
+  const { rampProviderId, corridorId, requirementType, optionId, kycProviderId } = body;
+  if (!nonEmpty(rampProviderId) || !nonEmpty(corridorId)) return null;
+  if ((requirementType === "FORM" || requirementType === "REGISTRY_CHECK" || requirementType === "PROVIDER_REGISTRATION") && nonEmpty(optionId)) {
+    return { rampProviderId, corridorId, type: requirementType, optionId };
+  }
+  const kyc = nonEmpty(optionId) && requirementType === "KYC" ? optionId : kycProviderId;
+  return nonEmpty(kyc) ? { rampProviderId, corridorId, type: "KYC", optionId: kyc } : null;
+}
+function pendingFromQuote(requirement) {
+  return {
+    rampProviderId: requirement.rampProviderId,
+    corridorId: requirement.corridorId,
+    type: requirement.type,
+    optionId: requirement.optionId,
+    progress: { position: requirement.completed + 1, total: requirement.total }
+  };
+}
+function lockedRouteCopy(requirement) {
+  if (requirement.type === "FORM") return { message: "Answer a few questions to see this route", action: "Continue" };
+  if (requirement.type === "PROVIDER_REGISTRATION") {
+    return { message: "Register with the provider to see this route", action: "Continue" };
+  }
+  if (requirement.type === "REGISTRY_CHECK") {
+    return requirement.status === "pending" ? { message: "Your details are under review", action: null } : { message: "Confirm your details to see this route", action: "Confirm" };
+  }
+  switch (requirement.status) {
+    case "expired":
+      return { message: "Your verification expired", action: "Verify again" };
+    case "pending":
+      if (!requirement.reviewReason) return { message: "Verification in progress", action: "Continue" };
+      return {
+        message: requirement.reviewReason === "DUPLICATE_DOCUMENT" ? kycReviewMessage(requirement.reviewReason) : "Your verification is under review",
+        action: null
+      };
+    case "rejected":
+      return { message: "Verification was not approved", action: null };
+    default:
+      return { message: "Verify your identity to see this route", action: "Verify" };
+  }
+}
 var RAIL_LABELS = {
   SPEI: "SPEI (Mexico)",
   PIX: "PIX (Brazil)",
@@ -2770,6 +3416,34 @@ function RouteDisplay({ quote, busy = false, disabled = false, onSelect }) {
     }
   );
 }
+function LockedRouteDisplay({ requirement, disabled = false, onVerify }) {
+  const { message, action } = lockedRouteCopy(requirement);
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: "pollar-ramp-route-card",
+      "data-locked": true,
+      "data-kyc-status": requirement.status,
+      "data-disabled": disabled || void 0,
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "pollar-ramp-route-left", children: [
+          /* @__PURE__ */ jsx("span", { className: "pollar-ramp-route-provider", children: requirement.provider }),
+          /* @__PURE__ */ jsx("span", { className: "pollar-ramp-route-meta", children: message })
+        ] }),
+        action && /* @__PURE__ */ jsx("div", { className: "pollar-ramp-route-right", children: /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            className: "pollar-btn-secondary pollar-ramp-route-verify",
+            disabled,
+            onClick: () => onVerify(requirement),
+            children: action
+          }
+        ) })
+      ]
+    }
+  );
+}
 var EMAIL_RE = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
 function isFieldValid(spec, raw) {
   const value = (raw ?? "").trim();
@@ -2777,6 +3451,9 @@ function isFieldValid(spec, raw) {
   if (spec.type === "email") return EMAIL_RE.test(value);
   return true;
 }
+function scannableImageSrc(image) {
+  return image.encoding === "base64" ? `data:${image.mediaType};base64,${image.data}` : `data:${image.mediaType};charset=utf-8,${encodeURIComponent(image.data)}`;
+}
 function listOf(items) {
   const last = items[items.length - 1];
   if (last === void 0) return "a few details";
@@ -2827,12 +3504,14 @@ function RampWidgetTemplate({
   countriesLoading,
   refreshing,
   quotes,
+  kycRequired,
   isLoading,
   provider,
   txStatus,
   kycUrl,
   tosUrl,
   kycBlocking,
+  onboardingStatus,
   kycJustApproved,
   stellarTxHash,
   explorerUrl,
@@ -2840,12 +3519,14 @@ function RampWidgetTemplate({
   canComplete,
   completing,
   errorMsg,
+  noticeMsg,
   onDirectionChange,
   onAmountChange,
   onFieldChange,
   onCountryChange,
   onFindRoute,
   onSelectQuote,
+  onVerifyRoute,
   onContactContinue,
   onOpenKyc,
   onOpenTos,
@@ -3002,16 +3683,28 @@ function RampWidgetTemplate({
       ] }, i))
     ] }),
     step === "select_route" && /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx("div", { className: "pollar-ramp-route-list", children: quotes.map((q, i) => /* @__PURE__ */ jsx(
-        RouteDisplay,
-        {
-          quote: q,
-          busy: startingQuoteId != null && q.quoteId === startingQuoteId,
-          disabled: startingQuoteId != null && q.quoteId !== startingQuoteId,
-          onSelect: onSelectQuote
-        },
-        i
-      )) }),
+      noticeMsg && /* @__PURE__ */ jsx("p", { className: "pollar-ramp-payment-note", children: noticeMsg }),
+      /* @__PURE__ */ jsxs("div", { className: "pollar-ramp-route-list", children: [
+        quotes.map((q, i) => /* @__PURE__ */ jsx(
+          RouteDisplay,
+          {
+            quote: q,
+            busy: startingQuoteId != null && q.quoteId === startingQuoteId,
+            disabled: startingQuoteId != null && q.quoteId !== startingQuoteId,
+            onSelect: onSelectQuote
+          },
+          i
+        )),
+        kycRequired.map((r) => /* @__PURE__ */ jsx(
+          LockedRouteDisplay,
+          {
+            requirement: r,
+            disabled: startingQuoteId != null,
+            onVerify: onVerifyRoute
+          },
+          `${r.rampProviderId}:${r.corridorId}`
+        ))
+      ] }),
       errorMsg && /* @__PURE__ */ jsx("p", { className: "pollar-ramp-payment-note", style: { color: "var(--pollar-error-text)" }, children: errorMsg }),
       /* @__PURE__ */ jsx("button", { type: "button", className: errorMsg ? "pollar-btn-primary" : "pollar-btn-secondary", onClick: onBack, children: "Back" })
     ] }),
@@ -3131,7 +3824,7 @@ function RampWidgetTemplate({
         ) : /* @__PURE__ */ jsx(
           "img",
           {
-            src: `data:${depositInstructions.scannable.image.mediaType};base64,${depositInstructions.scannable.image.data}`,
+            src: scannableImageSrc(depositInstructions.scannable.image),
             alt: "Payment QR",
             style: { width: "100%", maxWidth: 220, height: "auto", display: "block", margin: "0 auto" }
           }
@@ -3165,15 +3858,24 @@ function RampWidgetTemplate({
         "Continue at ",
         provider
       ] }),
-      kycBlocking && /* @__PURE__ */ jsxs("p", { className: "pollar-ramp-payment-note", children: [
+      kycBlocking && onboardingStatus === "awaiting_provider" && /* @__PURE__ */ jsxs("p", { className: "pollar-ramp-payment-note", children: [
+        provider,
+        " is still setting up your account for this payment method. Your verification is complete and there is nothing left for you to do \u2014 nothing has been sent, and this will update on its own once ",
+        provider,
+        " is ready."
+      ] }),
+      kycBlocking && onboardingStatus !== "awaiting_provider" && /* @__PURE__ */ jsxs("p", { className: "pollar-ramp-payment-note", children: [
         provider,
         " needs to verify your identity before this payout. Nothing has been sent yet \u2014 complete verification with ",
         provider,
         ", and this will update on its own."
       ] }),
-      kycJustApproved && /* @__PURE__ */ jsxs("p", { className: "pollar-ramp-payment-note", children: [
-        provider,
-        " approved your verification. Request a new quote to continue \u2014 the previous one was consumed."
+      kycJustApproved && /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsxs("p", { className: "pollar-ramp-payment-note", children: [
+          provider,
+          " approved your verification. Request a new quote to continue \u2014 the previous one was consumed."
+        ] }),
+        /* @__PURE__ */ jsx("button", { type: "button", className: "pollar-btn-primary", onClick: onRetry, children: "Request a new quote" })
       ] }),
       canComplete && /* @__PURE__ */ jsx("button", { type: "button", className: "pollar-btn-primary", disabled: completing, onClick: onCompleteWithdraw, children: completing ? /* @__PURE__ */ jsxs(Fragment, { children: [
         /* @__PURE__ */ jsx("span", { className: "pollar-spinner pollar-spinner-sm" }),
@@ -3191,6 +3893,374 @@ function RampWidgetTemplate({
     ] })
   ] });
 }
+
+// src/components/registry-check-modal/registry-copy.ts
+var REGISTRY_COPY = {
+  en: {
+    title: "Confirm your details",
+    intro: "We check these details with SEGIP, Bolivia's civil registry. They come from your verified document: you can only adjust how your surnames are split and your ID complement.",
+    givenNames: "Names",
+    surname1: "First surname",
+    surname2: "Second surname",
+    birthdate: "Date of birth",
+    documentNumber: "ID number",
+    complement: "Complement (if your ID has one)",
+    submit: "Confirm",
+    submitting: "Checking\u2026",
+    close: "Close",
+    approved: "Your details were confirmed.",
+    review: "Your details are being reviewed. You can continue once they are confirmed.",
+    notApplicable: "This check is only for Bolivian ID cards (CI). Your verified document is not one, so this route is not available.",
+    identityRequired: "Verify your identity first.",
+    nameMismatch: "Both surnames together must read as on your document: {full}.",
+    loadError: "Could not load your details. Please try again.",
+    submitError: "Could not check your details. Please try again.",
+    step: "Step {n} of {total}"
+  },
+  es: {
+    title: "Confirma tus datos",
+    intro: "Validamos estos datos con el SEGIP, el registro civil de Bolivia. Vienen de tu documento verificado: solo puedes ajustar c\xF3mo se separan tus apellidos y el complemento de tu CI.",
+    givenNames: "Nombres",
+    surname1: "Primer apellido",
+    surname2: "Segundo apellido",
+    birthdate: "Fecha de nacimiento",
+    documentNumber: "N\xFAmero de CI",
+    complement: "Complemento (si tu CI lo tiene)",
+    submit: "Confirmar",
+    submitting: "Validando\u2026",
+    close: "Cerrar",
+    approved: "Tus datos fueron confirmados.",
+    review: "Tus datos est\xE1n en revisi\xF3n. Podr\xE1s continuar cuando se confirmen.",
+    notApplicable: "Esta validaci\xF3n es solo para c\xE9dulas bolivianas (CI). Tu documento verificado no lo es, as\xED que esta ruta no est\xE1 disponible.",
+    identityRequired: "Primero verifica tu identidad.",
+    nameMismatch: "Los dos apellidos juntos deben leerse como en tu documento: {full}.",
+    loadError: "No se pudieron cargar tus datos. Intenta de nuevo.",
+    submitError: "No se pudieron validar tus datos. Intenta de nuevo.",
+    step: "Paso {n} de {total}"
+  }
+};
+var REGISTRATION_COPY = {
+  en: {
+    title: "Register with the payment provider",
+    intro: "To use this route, the provider registers you as its customer. These details will be sent to it:",
+    consent: "I agree to share these details with the provider.",
+    submit: "Register",
+    submitting: "Registering\u2026",
+    close: "Close",
+    notReady: "Complete the previous steps first.",
+    missing: "Some details are missing: {fields}.",
+    loadError: "Could not load the registration. Please try again.",
+    submitError: "Could not register you. Please try again.",
+    step: "Step {n} of {total}"
+  },
+  es: {
+    title: "Registro con el proveedor de pagos",
+    intro: "Para usar esta ruta, el proveedor te registra como su cliente. Se le enviar\xE1n estos datos:",
+    consent: "Acepto compartir estos datos con el proveedor.",
+    submit: "Registrarme",
+    submitting: "Registrando\u2026",
+    close: "Cerrar",
+    notReady: "Primero completa los pasos anteriores.",
+    missing: "Faltan algunos datos: {fields}.",
+    loadError: "No se pudo cargar el registro. Intenta de nuevo.",
+    submitError: "No se pudo completar el registro. Intenta de nuevo.",
+    step: "Paso {n} de {total}"
+  }
+};
+var SHARED_FIELD_LABELS = {
+  en: {
+    name: "Names",
+    lastname: "Surnames",
+    document_type: "Document type",
+    document_number: "Document number",
+    country: "Country",
+    state_of_residence: "Department of residence",
+    economic_activity: "Economic activity",
+    source_of_funds: "Source of funds",
+    destination_of_funds: "Use of funds",
+    income_level: "Income level",
+    doc_provider_id: "SEGIP validation"
+  },
+  es: {
+    name: "Nombres",
+    lastname: "Apellidos",
+    document_type: "Tipo de documento",
+    document_number: "N\xFAmero de documento",
+    country: "Pa\xEDs",
+    state_of_residence: "Departamento de residencia",
+    economic_activity: "Actividad econ\xF3mica",
+    source_of_funds: "Origen de los fondos",
+    destination_of_funds: "Destino de los fondos",
+    income_level: "Nivel de ingresos",
+    doc_provider_id: "Validaci\xF3n SEGIP"
+  }
+};
+var errorCode = (error) => error && typeof error === "object" && typeof error.code === "string" ? error.code : null;
+function missingFieldsOf(error) {
+  const body = error && typeof error === "object" ? error.body : void 0;
+  return Array.isArray(body?.missing) ? body.missing.filter((item) => typeof item === "string") : [];
+}
+function RegistryCheckModal({ optionId, progress, onClose, onApproved }) {
+  const { getClient, styles } = usePollar();
+  const client = getClient();
+  const { theme, accentColor, styleOverrides, overlayStyle } = modalChrome(styles);
+  const cssVars = buildModalCssVars(theme, accentColor, styleOverrides, "hero");
+  const language = useMemo(formLanguage, []);
+  const copy = REGISTRY_COPY[language];
+  const [check, setCheck] = useState(null);
+  const [surname1, setSurname1] = useState("");
+  const [surname2, setSurname2] = useState("");
+  const [complement, setComplement] = useState("");
+  const [error, setError] = useState(null);
+  const [review, setReview] = useState(false);
+  const [submitting, setSubmitting] = useState(false);
+  const mounted = useRef(true);
+  useEffect(() => {
+    mounted.current = true;
+    return () => {
+      mounted.current = false;
+    };
+  }, []);
+  useEffect(() => {
+    client.getRegistryCheck(optionId).then((loaded) => {
+      if (!mounted.current) return;
+      if (loaded.status === "approved") return onApproved();
+      setCheck(loaded);
+      if (loaded.status === "pending") setReview(true);
+      if (loaded.prefill.applies) {
+        setSurname1(loaded.prefill.surname1);
+        setSurname2(loaded.prefill.surname2 ?? "");
+        setComplement(loaded.prefill.complementNumber ?? "");
+      }
+    }).catch((e) => {
+      if (!mounted.current) return;
+      setError(errorCode(e) === "KYC_REGISTRY_IDENTITY_REQUIRED" ? copy.identityRequired : copy.loadError);
+    });
+  }, [optionId]);
+  const prefill = check?.prefill.applies ? check.prefill : null;
+  async function submit() {
+    if (!prefill) return;
+    setSubmitting(true);
+    setError(null);
+    try {
+      const result = await client.submitRegistryCheck(optionId, {
+        surname1: surname1.trim(),
+        ...surname2.trim() ? { surname2: surname2.trim() } : {},
+        ...complement.trim() ? { complementNumber: complement.trim() } : {}
+      });
+      if (!mounted.current) return;
+      if (result.status === "approved") onApproved();
+      else setReview(true);
+    } catch (e) {
+      if (!mounted.current) return;
+      const code = errorCode(e);
+      if (code === "SDK_KYC_ALREADY_APPROVED") return onApproved();
+      if (code === "KYC_REGISTRY_NAME_MISMATCH") {
+        setError(copy.nameMismatch.replace("{full}", [prefill.surname1, prefill.surname2].filter(Boolean).join(" ")));
+      } else if (code === "SDK_KYC_UNDER_REVIEW") setReview(true);
+      else setError(copy.submitError);
+    } finally {
+      if (mounted.current) setSubmitting(false);
+    }
+  }
+  const readOnly = (label, value) => /* @__PURE__ */ jsxs("div", { className: "pollar-form-field", children: [
+    /* @__PURE__ */ jsx("span", { className: "pollar-form-label", children: label }),
+    /* @__PURE__ */ jsx("input", { className: "pollar-input", value, readOnly: true, disabled: true })
+  ] });
+  return /* @__PURE__ */ jsx("div", { className: "pollar-overlay", style: overlayStyle, onClick: onClose, children: /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: "pollar-modal-card pollar-form-modal",
+      role: "dialog",
+      "aria-modal": "true",
+      "aria-label": copy.title,
+      style: cssVars,
+      onClick: (e) => e.stopPropagation(),
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "pollar-modal-header", children: [
+          /* @__PURE__ */ jsxs("div", { className: "pollar-form-header-text", children: [
+            /* @__PURE__ */ jsx("h2", { className: "pollar-modal-title", children: copy.title }),
+            progress && /* @__PURE__ */ jsx("p", { className: "pollar-form-subtitle", children: copy.step.replace("{n}", String(progress.position)).replace("{total}", String(progress.total)) })
+          ] }),
+          /* @__PURE__ */ jsx("button", { type: "button", className: "pollar-modal-close", onClick: onClose, "aria-label": copy.close, children: /* @__PURE__ */ jsx("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": true, children: /* @__PURE__ */ jsx("path", { d: "M2 2l12 12M14 2L2 14", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round" }) }) })
+        ] }),
+        error && /* @__PURE__ */ jsx("p", { className: "pollar-form-error", role: "alert", children: error }),
+        !check && !error && /* @__PURE__ */ jsx("div", { className: "pollar-loading-block", children: /* @__PURE__ */ jsx("div", { className: "pollar-spinner" }) }),
+        check && (review || !prefill) && /* @__PURE__ */ jsxs("div", { className: "pollar-form-body", children: [
+          /* @__PURE__ */ jsx("p", { className: "pollar-form-error", role: "status", children: review ? copy.review : copy.notApplicable }),
+          /* @__PURE__ */ jsx("div", { className: "pollar-modal-actions", children: /* @__PURE__ */ jsx("button", { type: "button", className: "pollar-btn-secondary", onClick: onClose, children: copy.close }) })
+        ] }),
+        prefill && !review && /* @__PURE__ */ jsxs(
+          "form",
+          {
+            className: "pollar-form-body",
+            onSubmit: (e) => {
+              e.preventDefault();
+              void submit();
+            },
+            children: [
+              /* @__PURE__ */ jsx("p", { className: "pollar-form-description", children: copy.intro }),
+              readOnly(copy.givenNames, prefill.givenNames),
+              /* @__PURE__ */ jsxs("div", { className: "pollar-form-field", children: [
+                /* @__PURE__ */ jsxs("label", { htmlFor: "pollar-registry-surname1", className: "pollar-form-label", children: [
+                  copy.surname1,
+                  /* @__PURE__ */ jsx("span", { className: "pollar-form-required", children: " *" })
+                ] }),
+                /* @__PURE__ */ jsx(
+                  "input",
+                  {
+                    id: "pollar-registry-surname1",
+                    className: "pollar-input",
+                    value: surname1,
+                    required: true,
+                    disabled: submitting,
+                    onChange: (e) => setSurname1(e.target.value)
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ jsxs("div", { className: "pollar-form-field", children: [
+                /* @__PURE__ */ jsx("label", { htmlFor: "pollar-registry-surname2", className: "pollar-form-label", children: copy.surname2 }),
+                /* @__PURE__ */ jsx(
+                  "input",
+                  {
+                    id: "pollar-registry-surname2",
+                    className: "pollar-input",
+                    value: surname2,
+                    disabled: submitting,
+                    onChange: (e) => setSurname2(e.target.value)
+                  }
+                )
+              ] }),
+              readOnly(copy.birthdate, prefill.birthdate),
+              readOnly(copy.documentNumber, prefill.documentNumber),
+              /* @__PURE__ */ jsxs("div", { className: "pollar-form-field", children: [
+                /* @__PURE__ */ jsx("label", { htmlFor: "pollar-registry-complement", className: "pollar-form-label", children: copy.complement }),
+                /* @__PURE__ */ jsx(
+                  "input",
+                  {
+                    id: "pollar-registry-complement",
+                    className: "pollar-input",
+                    value: complement,
+                    maxLength: 3,
+                    disabled: submitting,
+                    onChange: (e) => setComplement(e.target.value.toUpperCase().replace(/[^0-9A-Z]/g, ""))
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ jsxs("div", { className: "pollar-modal-actions", children: [
+                /* @__PURE__ */ jsx("button", { type: "button", className: "pollar-btn-secondary", onClick: onClose, disabled: submitting, children: copy.close }),
+                /* @__PURE__ */ jsx("button", { type: "submit", className: "pollar-btn-primary", disabled: submitting || !surname1.trim(), children: submitting ? copy.submitting : copy.submit })
+              ] })
+            ]
+          }
+        )
+      ]
+    }
+  ) });
+}
+function ProviderRegistrationModal({ corridorId, progress, onClose, onRegistered }) {
+  const { getClient, styles } = usePollar();
+  const client = getClient();
+  const { theme, accentColor, styleOverrides, overlayStyle } = modalChrome(styles);
+  const cssVars = buildModalCssVars(theme, accentColor, styleOverrides, "hero");
+  const language = useMemo(formLanguage, []);
+  const copy = REGISTRATION_COPY[language];
+  const labels = SHARED_FIELD_LABELS[language];
+  const [registration, setRegistration] = useState(null);
+  const [consent, setConsent] = useState(false);
+  const [error, setError] = useState(null);
+  const [submitting, setSubmitting] = useState(false);
+  const mounted = useRef(true);
+  useEffect(() => {
+    mounted.current = true;
+    return () => {
+      mounted.current = false;
+    };
+  }, []);
+  useEffect(() => {
+    client.getProviderRegistration(corridorId).then((loaded) => {
+      if (!mounted.current) return;
+      if (loaded.status === "registered") onRegistered();
+      else setRegistration(loaded);
+    }).catch(() => mounted.current && setError(copy.loadError));
+  }, [corridorId]);
+  async function submit() {
+    setSubmitting(true);
+    setError(null);
+    try {
+      await client.submitProviderRegistration(corridorId);
+      if (mounted.current) onRegistered();
+    } catch (e) {
+      if (!mounted.current) return;
+      const code = errorCode(e);
+      if (code === "KYC_REGISTRATION_MISSING_DATA") {
+        setError(
+          copy.missing.replace(
+            "{fields}",
+            missingFieldsOf(e).map((key) => labels[key] ?? key).join(", ")
+          )
+        );
+      } else if (code === "KYC_REGISTRATION_STEPS_PENDING") setError(copy.notReady);
+      else setError(copy.submitError);
+    } finally {
+      if (mounted.current) setSubmitting(false);
+    }
+  }
+  return /* @__PURE__ */ jsx("div", { className: "pollar-overlay", style: overlayStyle, onClick: onClose, children: /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: "pollar-modal-card pollar-form-modal",
+      role: "dialog",
+      "aria-modal": "true",
+      "aria-label": copy.title,
+      style: cssVars,
+      onClick: (e) => e.stopPropagation(),
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "pollar-modal-header", children: [
+          /* @__PURE__ */ jsxs("div", { className: "pollar-form-header-text", children: [
+            /* @__PURE__ */ jsx("h2", { className: "pollar-modal-title", children: copy.title }),
+            progress && /* @__PURE__ */ jsx("p", { className: "pollar-form-subtitle", children: copy.step.replace("{n}", String(progress.position)).replace("{total}", String(progress.total)) })
+          ] }),
+          /* @__PURE__ */ jsx("button", { type: "button", className: "pollar-modal-close", onClick: onClose, "aria-label": copy.close, children: /* @__PURE__ */ jsx("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": true, children: /* @__PURE__ */ jsx("path", { d: "M2 2l12 12M14 2L2 14", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round" }) }) })
+        ] }),
+        error && /* @__PURE__ */ jsx("p", { className: "pollar-form-error", role: "alert", children: error }),
+        !registration && !error && /* @__PURE__ */ jsx("div", { className: "pollar-loading-block", children: /* @__PURE__ */ jsx("div", { className: "pollar-spinner" }) }),
+        registration && /* @__PURE__ */ jsxs(
+          "form",
+          {
+            className: "pollar-form-body",
+            onSubmit: (e) => {
+              e.preventDefault();
+              void submit();
+            },
+            children: [
+              registration.ready ? /* @__PURE__ */ jsxs(Fragment, { children: [
+                /* @__PURE__ */ jsx("p", { className: "pollar-form-description", children: copy.intro }),
+                /* @__PURE__ */ jsx("ul", { className: "pollar-form-description", children: registration.fields.map((key) => /* @__PURE__ */ jsx("li", { children: labels[key] ?? key }, key)) }),
+                /* @__PURE__ */ jsxs("label", { className: "pollar-form-choice", children: [
+                  /* @__PURE__ */ jsx(
+                    "input",
+                    {
+                      type: "checkbox",
+                      checked: consent,
+                      disabled: submitting,
+                      onChange: (e) => setConsent(e.target.checked)
+                    }
+                  ),
+                  copy.consent
+                ] })
+              ] }) : /* @__PURE__ */ jsx("p", { className: "pollar-form-error", role: "status", children: copy.notReady }),
+              /* @__PURE__ */ jsxs("div", { className: "pollar-modal-actions", children: [
+                /* @__PURE__ */ jsx("button", { type: "button", className: "pollar-btn-secondary", onClick: onClose, disabled: submitting, children: copy.close }),
+                registration.ready && /* @__PURE__ */ jsx("button", { type: "submit", className: "pollar-btn-primary", disabled: submitting || !consent, children: submitting ? copy.submitting : copy.submit })
+              ] })
+            ]
+          }
+        )
+      ]
+    }
+  ) });
+}
 var TERMINAL = ["completed", "failed"];
 function requiredFieldsOf(quote) {
   return quote.requiredFields ?? [];
@@ -3223,7 +4293,12 @@ var RAMP_ERROR_MESSAGES = {
   SDK_RAMPS_WALLET_UNSUPPORTED: "This wallet type cannot be used for this ramp.",
   SDK_RAMPS_PROVIDER_NOT_CONFIGURED: "This ramp provider is not configured for this app yet.",
   SDK_RAMPS_ANCHOR_ERROR: "The provider rejected the request. Please try again in a moment.",
-  SDK_RAMPS_BRIDGE_ERROR: "The provider rejected the request. Please try again in a moment."
+  SDK_RAMPS_BRIDGE_ERROR: "The provider rejected the request. Please try again in a moment.",
+  SDK_RAMPS_ETHERFUSE_ERROR: "The provider rejected the request. Please try again in a moment.",
+  SDK_RAMPS_INSUFFICIENT_BALANCE: "This wallet does not hold enough to cover that amount. Try a smaller one.",
+  // Nothing moved on-chain, so the balance is untouched. Almost always no XLM
+  // for the network fee on a wallet the app does not sponsor.
+  SDK_RAMPS_ONCHAIN_SUBMIT_FAILED: "The network rejected the transaction, so nothing was sent. The wallet may need XLM for the fee."
 };
 function rampErrorMessage(e, fallback) {
   const body = e?.body;
@@ -3253,14 +4328,25 @@ function RampWidget({ onClose }) {
   const [countriesLoading, setCountriesLoading] = useState(true);
   const [refreshing, setRefreshing] = useState(false);
   const [quotes, setQuotes] = useState([]);
+  const [requirementsRequired, setRequirementsRequired] = useState([]);
   const [selectedQuote, setSelectedQuote] = useState(null);
   const [isLoading, setIsLoading] = useState(false);
+  const [pendingKyc, setPendingKyc] = useState(null);
+  const [noticeMsg, setNoticeMsg] = useState(null);
+  const kycAttempt = useRef(null);
+  useEffect(
+    () => () => {
+      kycAttempt.current = null;
+    },
+    []
+  );
   const [txId, setTxId] = useState(null);
   const [provider, setProvider] = useState("");
   const [kycUrl, setKycUrl] = useState(null);
   const [tosUrl, setTosUrl] = useState(null);
   const [kycPending, setKycPending] = useState(false);
   const [kycApproved, setKycApproved] = useState(false);
+  const [onboardingStatus, setOnboardingStatus] = useState(void 0);
   const [txStatus, setTxStatus] = useState(null);
   const [stellarTxHash, setStellarTxHash] = useState(null);
   const [depositInstructions, setDepositInstructions] = useState(null);
@@ -3291,6 +4377,7 @@ function RampWidget({ onClose }) {
   }, [step, txId, txStatus, client]);
   useEffect(() => {
     if (step !== "status" || !kycPending || kycApproved) return;
+    if (onboardingStatus === "awaiting_provider") return;
     let active = true;
     const check = async () => {
       try {
@@ -3305,7 +4392,7 @@ function RampWidget({ onClose }) {
       active = false;
       clearInterval(id);
     };
-  }, [step, kycPending, kycApproved, client]);
+  }, [step, kycPending, kycApproved, onboardingStatus, client]);
   async function loadCountries(resetSelection) {
     setCountriesLoading(true);
     try {
@@ -3339,6 +4426,7 @@ function RampWidget({ onClose }) {
       if (step === "select_route") {
         const result = await client.getRampsQuote({ country, amount: Number(amount), currency, direction });
         setQuotes(result.quotes ?? []);
+        setRequirementsRequired(result.requirementsRequired ?? []);
       } else if (step === "status" && txId) {
         const tx = await client.getRampTransaction(txId);
         setTxStatus(tx.status);
@@ -3354,6 +4442,7 @@ function RampWidget({ onClose }) {
   function resetToInput({ keepMessage = false } = {}) {
     setStep("input");
     setQuotes([]);
+    setRequirementsRequired([]);
     setSelectedQuote(null);
     setFieldValues({});
     setTxId(null);
@@ -3363,6 +4452,9 @@ function RampWidget({ onClose }) {
     setTxStatus(null);
     setStellarTxHash(null);
     setDepositInstructions(null);
+    setKycPending(false);
+    setKycApproved(false);
+    setNoticeMsg(null);
     if (!keepMessage) setErrorMsg(null);
   }
   async function resumeWithSignature(id, ps) {
@@ -3387,6 +4479,7 @@ function RampWidget({ onClose }) {
     }
     setKycUrl(result.kycUrl ?? null);
     setTosUrl(result.tosUrl ?? null);
+    setOnboardingStatus(result.onboardingStatus);
     setKycPending(result.kycRequired === true);
     if (result.kycRequired) setKycApproved(false);
     setTxStatus(result.status);
@@ -3394,19 +4487,28 @@ function RampWidget({ onClose }) {
     setDepositInstructions(result.depositInstructions ?? null);
     setStep("status");
   }
+  async function loadQuotes() {
+    const result = await client.getRampsQuote({ country, amount: Number(amount), currency, direction });
+    const list = result.quotes ?? [];
+    const locked = result.requirementsRequired ?? [];
+    if (list.length === 0 && locked.length === 0) {
+      const down = (result.unavailable ?? []).map((u) => u.provider);
+      setErrorMsg(
+        down.length > 0 ? `${down.join(", ")} ${down.length === 1 ? "is" : "are"} temporarily unavailable. Please try again later.` : `No ramp providers available for ${country} yet.`
+      );
+      setStep("error");
+      return false;
+    }
+    setQuotes(list);
+    setRequirementsRequired(locked);
+    return true;
+  }
   async function handleFindRoute() {
     setStep("loading_quote");
     setIsLoading(true);
     setErrorMsg(null);
     try {
-      const result = await client.getRampsQuote({ country, amount: Number(amount), currency, direction });
-      const list = result.quotes ?? [];
-      if (list.length === 0) {
-        setErrorMsg(`No ramp providers available for ${country} yet.`);
-        setStep("error");
-        return;
-      }
-      setQuotes(list);
+      if (!await loadQuotes()) return;
       setStep("select_route");
     } catch (e) {
       setErrorMsg(rampErrorMessage(e, "Failed to fetch quotes."));
@@ -3418,6 +4520,7 @@ function RampWidget({ onClose }) {
   function handleSelectQuote(quote) {
     setSelectedQuote(quote);
     setErrorMsg(null);
+    setNoticeMsg(null);
     const broken = brokenLimitOf(Number(amount), quote);
     if (broken) {
       setErrorMsg(limitMessage(broken.limit, broken.value, currency));
@@ -3453,12 +4556,47 @@ function RampWidget({ onClose }) {
       const result = direction === "onramp" ? await client.createOnRamp(base) : await client.createOffRamp(base);
       await applyResult(result);
     } catch (e) {
+      const requirement = requiredRampKyc(e);
+      if (requirement) {
+        setStep(requiredFieldsOf(quote).length ? "contact" : "select_route");
+        setErrorMsg(
+          requirement.type === "KYC" ? "Identity verification is required before continuing." : "A few more details are required before continuing."
+        );
+        kycAttempt.current = requirement;
+        setPendingKyc(requirement);
+        return;
+      }
       setErrorMsg(rampErrorMessage(e, "Failed to start the ramp."));
       setStep("error");
     } finally {
       setIsLoading(false);
     }
   }
+  async function requoteAfterKyc(completed = "KYC") {
+    setStep("loading_quote");
+    setIsLoading(true);
+    setErrorMsg(null);
+    setSelectedQuote(null);
+    try {
+      if (!await loadQuotes()) return;
+      setNoticeMsg(
+        completed === "KYC" ? "Your identity is verified. Prices may have changed, so choose a route to continue." : "Thanks, your details are saved. Prices may have changed, so choose a route to continue."
+      );
+      setStep("select_route");
+    } catch (e) {
+      setErrorMsg(rampErrorMessage(e, "Failed to fetch quotes."));
+      setStep("error");
+    } finally {
+      setIsLoading(false);
+    }
+  }
+  function handleVerifyRoute(requirement) {
+    const attempt = pendingFromQuote(requirement);
+    setErrorMsg(null);
+    setNoticeMsg(null);
+    kycAttempt.current = attempt;
+    setPendingKyc(attempt);
+  }
   function handleOpenKyc() {
     if (kycUrl) window.open(kycUrl, "_blank", "noopener,noreferrer");
   }
@@ -3487,9 +4625,61 @@ function RampWidget({ onClose }) {
     }
   }
   const kycBlocking = kycPending && !kycApproved;
-  const canComplete = direction === "offramp" && step === "status" && txStatus !== "completed" && !stellarTxHash && !kycBlocking;
+  const canComplete = direction === "offramp" && step === "status" && txStatus !== "completed" && !stellarTxHash && !kycPending;
   const flowSteps = flowStepsOf(quotes, selectedQuote);
   const flowStepIndex = flowSteps.indexOf(STEP_LABEL[step] ?? "");
+  if (pendingKyc?.type === "FORM") {
+    return /* @__PURE__ */ jsx(
+      RequirementFormModal,
+      {
+        formId: pendingKyc.optionId,
+        ...pendingKyc.progress ? { progress: pendingKyc.progress } : {},
+        onClose: () => {
+          kycAttempt.current = null;
+          setPendingKyc(null);
+        },
+        onSubmitted: () => {
+          if (kycAttempt.current !== pendingKyc) return;
+          kycAttempt.current = null;
+          setPendingKyc(null);
+          void requoteAfterKyc("FORM");
+        }
+      }
+    );
+  }
+  if (pendingKyc?.type === "REGISTRY_CHECK" || pendingKyc?.type === "PROVIDER_REGISTRATION") {
+    const close = () => {
+      kycAttempt.current = null;
+      setPendingKyc(null);
+    };
+    const done = () => {
+      if (kycAttempt.current !== pendingKyc) return;
+      close();
+      void requoteAfterKyc(pendingKyc.type);
+    };
+    const progress = pendingKyc.progress ? { progress: pendingKyc.progress } : {};
+    return pendingKyc.type === "REGISTRY_CHECK" ? /* @__PURE__ */ jsx(RegistryCheckModal, { optionId: pendingKyc.optionId, ...progress, onClose: close, onApproved: done }) : /* @__PURE__ */ jsx(ProviderRegistrationModal, { corridorId: pendingKyc.corridorId, ...progress, onClose: close, onRegistered: done });
+  }
+  if (pendingKyc) {
+    return /* @__PURE__ */ jsx(
+      KycModal,
+      {
+        country,
+        corridorId: pendingKyc.corridorId,
+        providerId: pendingKyc.optionId,
+        onClose: () => {
+          kycAttempt.current = null;
+          setPendingKyc(null);
+        },
+        onApproved: () => {
+          if (kycAttempt.current !== pendingKyc) return;
+          kycAttempt.current = null;
+          setPendingKyc(null);
+          void requoteAfterKyc();
+        }
+      }
+    );
+  }
   return /* @__PURE__ */ jsx("div", { className: "pollar-overlay", style: overlayStyle, onClick: onClose, children: /* @__PURE__ */ jsx(
     RampWidgetTemplate,
     {
@@ -3510,12 +4700,14 @@ function RampWidget({ onClose }) {
       countriesLoading,
       refreshing,
       quotes,
+      kycRequired: requirementsRequired,
       isLoading,
       provider,
       txStatus,
       kycUrl,
       tosUrl,
       kycBlocking,
+      onboardingStatus: onboardingStatus ?? null,
       kycJustApproved: kycPending && kycApproved,
       stellarTxHash,
       explorerUrl: stellarTxHash ? `https://stellar.expert/explorer/${network === "mainnet" ? "public" : "testnet"}/tx/${stellarTxHash}` : null,
@@ -3523,6 +4715,7 @@ function RampWidget({ onClose }) {
       canComplete,
       completing,
       errorMsg,
+      noticeMsg,
       onDirectionChange: setDirection,
       onAmountChange: (next) => {
         setAmount(next);
@@ -3532,6 +4725,7 @@ function RampWidget({ onClose }) {
       onCountryChange: handleCountryChange,
       onFindRoute: handleFindRoute,
       onSelectQuote: handleSelectQuote,
+      onVerifyRoute: handleVerifyRoute,
       onContactContinue: handleContactContinue,
       onOpenKyc: handleOpenKyc,
       onOpenTos: handleOpenTos,
@@ -3544,6 +4738,18 @@ function RampWidget({ onClose }) {
   ) });
 }
 
+// src/lib/wallet-provisioning.ts
+function walletNotReadyReason(wallet, chain) {
+  if (chain !== "STELLAR") return null;
+  if (wallet?.provisioning === "CREATING") {
+    return "Your wallet is still being prepared on the network. This usually takes a few seconds.";
+  }
+  if (wallet?.provisioning === "FAILED") {
+    return "Your wallet could not be created on the network. Sign in again to retry.";
+  }
+  return null;
+}
+
 // src/lib/qr-code/index.tsx
 var import_ErrorCorrectLevel = __toESM(require_ErrorCorrectLevel());
 var import_QRCode = __toESM(require_QRCode());
@@ -3586,6 +4792,31 @@ var QRCode = forwardRef(function QRCode2({ bgColor = "#FFFFFF", fgColor = "#0000
     }
   );
 });
+function PollarLogo(props) {
+  return /* @__PURE__ */ jsxs("svg", { width: "45", height: "48", viewBox: "0 0 45 48", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: [
+    /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: "M27.2476 11.7526L23.3926 10.0529L24.6679 9.14844L26.8168 9.19868L27.7248 10.3873L27.2476 11.7526Z",
+        fill: "#005DB4"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: "M27.2307 33.2204L35.6034 28.6687L35.5931 25.9484L35.5707 20.0746L37.96 20.0989C37.96 20.0989 35.8728 18.3558 34.958 17.571C34.0431 16.7861 29.1016 12.8772 29.1016 12.8772L29.7315 11.2883L29.723 9.3148L27.3303 7.45046L23.7464 7.40887C23.7464 7.40887 20.5179 8.96827 20.4115 9.12248C20.2227 9.12248 15.4579 9.17619 14.5568 9.17619C12.3907 10.5103 8.21642 13.1527 8.21642 13.1527L8.22672 15.1002L2.54028 18.4858L5.60406 18.8704L5.99368 19.9568L4.93466 21.7276C4.93466 21.7276 3.61131 22.4796 3.43624 22.5264C3.76248 23.1143 4.12596 23.6803 4.52444 24.2209C4.72869 24.4773 5.01362 24.5259 5.26421 24.5969C5.66242 24.7078 6.09152 24.6991 6.50517 24.7563C6.71629 24.784 6.92226 24.8585 7.13509 24.8863C7.34792 24.914 10.6966 25.4061 11.1566 25.4424C11.5767 25.519 11.9895 25.6315 12.3907 25.7786C13.1476 26.1719 13.8685 26.6449 14.622 27.0226C15.4236 27.4298 16.1668 27.9184 16.9426 28.3689C17.5519 28.7258 18.7397 29.5281 18.7397 29.5281L19.4366 30.3372C19.4366 30.3372 17.7819 30.4135 17.219 30.5261C16.9117 30.5885 16.6302 30.63 16.4534 31.0286C16.2286 31.5345 6.69054 47.5703 6.43136 48C6.36442 47.9134 6.38845 28.6687 6.38845 28.6687L8.60776 27.2513L3.81385 26.0662L0.53552 20.818L0 18.3662L6.45368 14.414L6.36957 0H28.8304C28.8304 0 30.5468 0.223514 31.0618 0.377721C31.5767 0.531928 31.98 0.609898 33.7205 1.8938C35.3373 3.30592 39.7502 7.82125 42.3214 10.4098C42.6028 10.694 43.4422 11.7735 43.6087 12.47C43.7752 13.1665 44 14.2442 44 15.0586C43.9708 19.1148 44.0172 23.2853 43.9571 27.3397C43.9382 28.615 43.516 29.8226 42.8449 30.9506C42.5531 31.4427 41.3276 32.8201 40.3595 33.8233C39.9109 34.2848 39.3577 34.6291 38.7478 34.8266L27.2307 38.5847V33.2204Z",
+        fill: "#005DB4"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: "M14.2192 17.0897C13.6705 17.1694 11.7754 15.6937 11.7754 15.6937L13.4741 14.3999H16.5112L18.0217 15.7182C18.0217 15.7182 16.6853 15.708 16.2399 15.708C15.6669 16.3927 14.7679 17.0181 14.2152 17.0999",
+        fill: "#005DB4"
+      }
+    )
+  ] });
+}
 var CHAIN_NAME = {
   STELLAR: "Stellar",
   POLYGON: "Polygon",
@@ -3600,10 +4831,10 @@ function ReceiveModalTemplate({
   selectedChain,
   onSelectChain,
   copied,
+  notReadyReason,
   onCopy,
   onClose
 }) {
-  const isDark = theme === "dark";
   const cssVars = buildModalCssVars(theme, accentColor, styleOverrides);
   const chainName = selectedChain ? CHAIN_NAME[selectedChain] ?? selectedChain : "wallet";
   return /* @__PURE__ */ jsxs(
@@ -3618,18 +4849,32 @@ function ReceiveModalTemplate({
           /* @__PURE__ */ jsx("h2", { className: "pollar-modal-title", children: "Receive" }),
           /* @__PURE__ */ jsx("div", { className: "pollar-modal-header-actions", children: /* @__PURE__ */ jsx("button", { type: "button", className: "pollar-modal-close", onClick: onClose, "aria-label": "Close", children: /* @__PURE__ */ jsx("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": true, children: /* @__PURE__ */ jsx("path", { d: "M2 2l12 12M14 2L2 14", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round" }) }) }) })
         ] }),
-        /* @__PURE__ */ jsx(ChainSelect, { value: selectedChain, options: chains, onChange: onSelectChain }),
+        chains && onSelectChain && /* @__PURE__ */ jsx(ChainSelect, { value: selectedChain, options: chains, onChange: onSelectChain }),
         walletAddress ? /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsx("div", { className: "pollar-receive-qr", children: /* @__PURE__ */ jsx(QRCode, { value: walletAddress, size: 180, fgColor: isDark ? "#ffffff" : "#111827", bgColor: "transparent" }) }),
-          /* @__PURE__ */ jsxs("p", { className: "pollar-receive-instructions", children: [
-            "Share your ",
-            chainName,
-            " address to receive any asset. Only send ",
-            chainName,
-            " assets to this address. Funds sent from another network are lost."
+          /* @__PURE__ */ jsxs("div", { className: "pollar-receive-qr", children: [
+            /* @__PURE__ */ jsxs("div", { className: "pollar-receive-network-badge", children: [
+              /* @__PURE__ */ jsx("span", { className: "pollar-receive-network-dot", "aria-hidden": true }),
+              chainName,
+              " network"
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "pollar-receive-qr-frame", children: [
+              /* @__PURE__ */ jsx(
+                QRCode,
+                {
+                  value: walletAddress,
+                  size: 220,
+                  level: "H",
+                  fgColor: "#111827",
+                  bgColor: "#ffffff",
+                  title: `${chainName} wallet QR code`
+                }
+              ),
+              /* @__PURE__ */ jsx("span", { className: "pollar-receive-qr-mark", "aria-hidden": true, children: /* @__PURE__ */ jsx(PollarLogo, { width: "22", height: "24" }) })
+            ] })
           ] }),
-          /* @__PURE__ */ jsxs("div", { className: "pollar-receive-address-row", children: [
-            /* @__PURE__ */ jsx("span", { className: "pollar-receive-address", children: walletAddress }),
+          notReadyReason && /* @__PURE__ */ jsx("div", { className: "pollar-receive-notice", children: notReadyReason }),
+          /* @__PURE__ */ jsxs("div", { className: "pollar-receive-address-actions", children: [
+            /* @__PURE__ */ jsx("div", { className: "pollar-receive-address-row", children: /* @__PURE__ */ jsx("span", { className: "pollar-receive-address", children: walletAddress }) }),
             /* @__PURE__ */ jsx("button", { type: "button", className: "pollar-receive-copy-btn", onClick: onCopy, "aria-label": "Copy address", children: copied ? /* @__PURE__ */ jsxs(Fragment, { children: [
               /* @__PURE__ */ jsxs("svg", { width: "13", height: "13", viewBox: "0 0 14 14", fill: "none", "aria-hidden": true, children: [
                 /* @__PURE__ */ jsx("circle", { cx: "7", cy: "7", r: "7", fill: "currentColor" }),
@@ -3644,7 +4889,7 @@ function ReceiveModalTemplate({
                   }
                 )
               ] }),
-              "Copied!"
+              "Copied"
             ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
               /* @__PURE__ */ jsxs("svg", { width: "13", height: "13", viewBox: "0 0 13 13", fill: "none", "aria-hidden": true, children: [
                 /* @__PURE__ */ jsx("rect", { x: "4", y: "4", width: "8", height: "8", rx: "1.5", stroke: "currentColor", strokeWidth: "1.5" }),
@@ -3658,17 +4903,28 @@ function ReceiveModalTemplate({
                   }
                 )
               ] }),
-              "Copy address"
+              "Copy"
             ] }) })
+          ] }),
+          /* @__PURE__ */ jsxs("p", { className: "pollar-receive-warning", children: [
+            /* @__PURE__ */ jsxs("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", "aria-hidden": true, children: [
+              /* @__PURE__ */ jsx("circle", { cx: "7", cy: "7", r: "5.5", stroke: "currentColor", strokeWidth: "1.25" }),
+              /* @__PURE__ */ jsx("path", { d: "M7 6.25V9.25M7 4.5V4.75", stroke: "currentColor", strokeWidth: "1.25", strokeLinecap: "round" })
+            ] }),
+            /* @__PURE__ */ jsxs("span", { children: [
+              "Only send ",
+              chainName,
+              " assets to this address"
+            ] })
           ] })
         ] }) : /* @__PURE__ */ jsx("div", { className: "pollar-modal-empty", children: "No wallet connected." }),
-        /* @__PURE__ */ jsx(PollarModalFooter, {})
+        /* @__PURE__ */ jsx(PollarModalFooter, { shield: true })
       ]
     }
   );
 }
 function ReceiveModal({ onClose }) {
-  const { wallets, styles } = usePollar();
+  const { wallet, wallets, styles } = usePollar();
   const { theme, accentColor, styleOverrides, overlayStyle } = modalChrome(styles);
   const [copied, setCopied] = useState(false);
   const copyTimerRef = useRef(null);
@@ -3678,6 +4934,7 @@ function ReceiveModal({ onClose }) {
     if (selectedChain === null && chains.length > 0) setSelectedChain(chains[0]);
   }, [chains, selectedChain]);
   const walletAddress = addressForChain(wallets, selectedChain);
+  const notReadyReason = walletNotReadyReason(wallet, selectedChain);
   useEffect(
     () => () => {
       if (copyTimerRef.current !== null) clearTimeout(copyTimerRef.current);
@@ -3708,53 +4965,13 @@ function ReceiveModal({ onClose }) {
         setCopied(false);
         setSelectedChain(chain);
       },
+      notReadyReason,
       copied,
       onCopy: handleCopy,
       onClose
     }
   ) });
 }
-function formatAmount2(value) {
-  const n = parseFloat(value);
-  return isNaN(n) ? value : n.toLocaleString(void 0, { maximumFractionDigits: 7 });
-}
-var optionLabel = (o) => o.available !== void 0 ? `${o.code} \u2014 ${formatAmount2(o.available)} available` : o.code;
-function AssetSelect({
-  label,
-  value,
-  options,
-  onChange,
-  loading = false,
-  loadingLabel,
-  disabled = false,
-  appGroupLabel = "App assets",
-  otherGroupLabel = "Other assets",
-  children
-}) {
-  const appAssets = options.filter((o) => o.enabledInApp);
-  const otherAssets = options.filter((o) => !o.enabledInApp);
-  return /* @__PURE__ */ jsxs("div", { className: "pollar-send-field", children: [
-    /* @__PURE__ */ jsx("label", { className: "pollar-send-label", children: label }),
-    loading ? loadingLabel ? /* @__PURE__ */ jsxs("div", { className: "pollar-input pollar-select-loading", children: [
-      /* @__PURE__ */ jsx("span", { className: "pollar-spinner pollar-spinner-sm" }),
-      /* @__PURE__ */ jsx("span", { children: loadingLabel })
-    ] }) : /* @__PURE__ */ jsx("div", { className: "pollar-send-skeleton" }) : /* @__PURE__ */ jsxs(
-      "select",
-      {
-        className: "pollar-input pollar-send-select",
-        value,
-        disabled,
-        onChange: (e) => onChange(e.target.value),
-        children: [
-          value === "" && /* @__PURE__ */ jsx("option", { value: "", disabled: true, hidden: true }),
-          appAssets.length > 0 && /* @__PURE__ */ jsx("optgroup", { label: appGroupLabel, children: appAssets.map((o) => /* @__PURE__ */ jsx("option", { value: o.key, children: optionLabel(o) }, o.key)) }),
-          otherAssets.length > 0 && /* @__PURE__ */ jsx("optgroup", { label: otherGroupLabel, children: otherAssets.map((o) => /* @__PURE__ */ jsx("option", { value: o.key, children: optionLabel(o) }, o.key)) })
-        ]
-      }
-    ),
-    !loading && children
-  ] });
-}
 var STATUS_MESSAGES = {
   idle: "",
   building: "Building transaction\u2026",
@@ -3960,6 +5177,97 @@ function formatBalance(balance) {
 function assetKey3(record) {
   return `${record.code}:${record.issuer ?? "native"}`;
 }
+function chainLabel(chain) {
+  if (chain === "STELLAR") return "Stellar";
+  if (chain === "SOLANA") return "Solana";
+  if (chain === "POLYGON") return "Polygon";
+  return "network";
+}
+function AssetIcon({ code }) {
+  return /* @__PURE__ */ jsx("span", { className: "pollar-send-asset-icon", "aria-hidden": true, children: code.slice(0, 2).toUpperCase() });
+}
+function SendAssetSelector({ assets, selectedAsset, loading, onSelectAsset }) {
+  const [open, setOpen] = useState(false);
+  const triggerRef = useRef(null);
+  useEffect(() => {
+    if (!open) return;
+    const closeOnOutsideClick = (event) => {
+      if (!(event.target instanceof Node) || !triggerRef.current?.parentElement?.contains(event.target)) setOpen(false);
+    };
+    document.addEventListener("mousedown", closeOnOutsideClick);
+    return () => document.removeEventListener("mousedown", closeOnOutsideClick);
+  }, [open]);
+  function handleTriggerKeyDown(event) {
+    if (event.key === "ArrowDown" || event.key === "Enter" || event.key === " ") {
+      event.preventDefault();
+      setOpen(true);
+    }
+  }
+  if (loading) {
+    return /* @__PURE__ */ jsxs("div", { className: "pollar-send-field", children: [
+      /* @__PURE__ */ jsx("span", { className: "pollar-send-label", children: "Asset" }),
+      /* @__PURE__ */ jsxs("div", { className: "pollar-send-asset-selector pollar-send-asset-selector-loading", "aria-label": "Loading assets", children: [
+        /* @__PURE__ */ jsx("span", { className: "pollar-spinner pollar-spinner-sm" }),
+        /* @__PURE__ */ jsx("span", { children: "Loading assets\u2026" })
+      ] })
+    ] });
+  }
+  return /* @__PURE__ */ jsxs("div", { className: "pollar-send-field", children: [
+    /* @__PURE__ */ jsx("label", { className: "pollar-send-label", id: "pollar-send-asset-label", children: "Asset" }),
+    /* @__PURE__ */ jsxs("div", { className: "pollar-send-asset-picker", children: [
+      /* @__PURE__ */ jsxs(
+        "button",
+        {
+          ref: triggerRef,
+          type: "button",
+          className: "pollar-send-asset-selector",
+          "aria-labelledby": "pollar-send-asset-label",
+          "aria-haspopup": "listbox",
+          "aria-expanded": open,
+          disabled: !selectedAsset,
+          onClick: () => setOpen((value) => !value),
+          onKeyDown: handleTriggerKeyDown,
+          children: [
+            selectedAsset ? /* @__PURE__ */ jsxs(Fragment, { children: [
+              /* @__PURE__ */ jsx(AssetIcon, { code: selectedAsset.code }),
+              /* @__PURE__ */ jsxs("span", { className: "pollar-send-asset-copy", children: [
+                /* @__PURE__ */ jsx("strong", { children: selectedAsset.code }),
+                /* @__PURE__ */ jsx("small", { children: selectedAsset.available === null ? "Balance unavailable" : `${formatBalance(selectedAsset.available)} available` })
+              ] })
+            ] }) : /* @__PURE__ */ jsx("span", { className: "pollar-send-asset-copy", children: /* @__PURE__ */ jsx("strong", { children: "No assets available" }) }),
+            /* @__PURE__ */ jsx("svg", { className: "pollar-send-chevron", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": true, children: /* @__PURE__ */ jsx("path", { d: "m4 6 4 4 4-4", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) })
+          ]
+        }
+      ),
+      open && assets.length > 0 && /* @__PURE__ */ jsx("div", { className: "pollar-send-asset-menu", role: "listbox", "aria-label": "Assets", children: assets.map((asset) => {
+        const key = assetKey3(asset);
+        const selected = selectedAsset ? key === assetKey3(selectedAsset) : false;
+        return /* @__PURE__ */ jsxs(
+          "button",
+          {
+            type: "button",
+            role: "option",
+            "aria-selected": selected,
+            className: `pollar-send-asset-option${selected ? " is-selected" : ""}`,
+            onClick: () => {
+              onSelectAsset(asset);
+              setOpen(false);
+              triggerRef.current?.focus();
+            },
+            children: [
+              /* @__PURE__ */ jsx(AssetIcon, { code: asset.code }),
+              /* @__PURE__ */ jsxs("span", { className: "pollar-send-asset-copy", children: [
+                /* @__PURE__ */ jsx("strong", { children: asset.code }),
+                /* @__PURE__ */ jsx("small", { children: asset.available === null ? "Balance unavailable" : `${formatBalance(asset.available)} available` })
+              ] })
+            ]
+          },
+          key
+        );
+      }) })
+    ] })
+  ] });
+}
 function SendModalTemplate({
   theme,
   accentColor,
@@ -3968,10 +5276,10 @@ function SendModalTemplate({
   txTitle,
   assets,
   selectedAsset,
-  chains,
   selectedChain,
-  walletAddress,
   canSendOnChain,
+  notReadyReason,
+  chains,
   onSelectChain,
   amount,
   destination,
@@ -3989,6 +5297,8 @@ function SendModalTemplate({
   onRefresh,
   onSelectAsset,
   onAmountChange,
+  onMax,
+  onPaste,
   onDestinationChange,
   onSubmit,
   onSignAndSend,
@@ -3998,8 +5308,9 @@ function SendModalTemplate({
   onDone
 }) {
   const cssVars = buildModalCssVars(theme, accentColor, styleOverrides);
-  const selectedKey = selectedAsset ? assetKey3(selectedAsset) : "";
-  const canSubmit = canSendOnChain && !!selectedAsset && !!amount && !!destination.trim() && !isLoadingBalance;
+  const parsedAmount = amount ? Number(amount) : 0;
+  const availableAmount = selectedAsset?.available === null || selectedAsset?.available === void 0 ? 0 : Number(selectedAsset.available);
+  const canSubmit = canSendOnChain && !notReadyReason && !!selectedAsset && Number.isFinite(parsedAmount) && parsedAmount > 0 && parsedAmount <= availableAmount && !!destination.trim() && !isLoadingBalance;
   const title = step === "form" ? "Send" : txTitle;
   return /* @__PURE__ */ jsxs(
     "div",
@@ -4012,7 +5323,14 @@ function SendModalTemplate({
         /* @__PURE__ */ jsxs("div", { className: "pollar-modal-header", children: [
           /* @__PURE__ */ jsxs("div", { className: "pollar-send-header-left", children: [
             showBack && /* @__PURE__ */ jsx("button", { type: "button", className: "pollar-modal-close", onClick: onBack, "aria-label": "Back", children: /* @__PURE__ */ jsx("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": true, children: /* @__PURE__ */ jsx("path", { d: "M10 3L5 8l5 5", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) }) }),
-            /* @__PURE__ */ jsx("h2", { className: "pollar-modal-title", children: title })
+            /* @__PURE__ */ jsxs("div", { className: "pollar-send-title-copy", children: [
+              /* @__PURE__ */ jsx("h2", { className: "pollar-modal-title", children: title }),
+              step === "form" && /* @__PURE__ */ jsxs("p", { className: "pollar-send-subtitle", children: [
+                "Transfer assets to another ",
+                chainLabel(selectedChain),
+                " wallet"
+              ] })
+            ] })
           ] }),
           !isInProgress && /* @__PURE__ */ jsxs("div", { className: "pollar-modal-header-actions", children: [
             step === "form" && /* @__PURE__ */ jsx(
@@ -4024,58 +5342,23 @@ function SendModalTemplate({
                 disabled: isLoadingBalance,
                 "aria-label": "Refresh",
                 title: "Refresh balances",
-                children: /* @__PURE__ */ jsx(
-                  "svg",
-                  {
-                    className: isLoadingBalance ? "pollar-modal-refresh-icon pollar-spinning" : "pollar-modal-refresh-icon",
-                    width: "16",
-                    height: "16",
-                    viewBox: "0 0 16 16",
-                    fill: "none",
-                    "aria-hidden": true,
-                    children: /* @__PURE__ */ jsx(
-                      "path",
-                      {
-                        d: "M13.5 8a5.5 5.5 0 1 1-1.6-3.9M13.5 2v3h-3",
-                        stroke: "currentColor",
-                        strokeWidth: "1.6",
-                        strokeLinecap: "round",
-                        strokeLinejoin: "round"
-                      }
-                    )
-                  }
-                )
+                children: /* @__PURE__ */ jsx(RefreshIcon, { spinning: isLoadingBalance })
               }
             ),
             /* @__PURE__ */ jsx("button", { type: "button", className: "pollar-modal-close", onClick: onClose, "aria-label": "Close", children: /* @__PURE__ */ jsx("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": true, children: /* @__PURE__ */ jsx("path", { d: "M2 2l12 12M14 2L2 14", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round" }) }) })
           ] })
         ] }),
         step === "form" && /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsx(ChainSelect, { value: selectedChain, options: chains, onChange: onSelectChain, disabled: isLoadingBalance }),
-          walletAddress && /* @__PURE__ */ jsxs("div", { className: "pollar-address-row", children: [
-            /* @__PURE__ */ jsx("span", { className: "pollar-address", children: cropAddress(walletAddress) }),
-            /* @__PURE__ */ jsx(CopyButton, { value: walletAddress, label: "Copy wallet address" })
-          ] }),
+          chains && onSelectChain && /* @__PURE__ */ jsx(ChainSelect, { value: selectedChain, options: chains, onChange: onSelectChain, disabled: isLoadingBalance }),
           !canSendOnChain && /* @__PURE__ */ jsx("div", { className: "pollar-modal-empty", children: "Sending is not available on this network yet." }),
+          canSendOnChain && notReadyReason && /* @__PURE__ */ jsx("div", { className: "pollar-modal-empty", children: notReadyReason }),
           /* @__PURE__ */ jsx(
-            AssetSelect,
+            SendAssetSelector,
             {
-              label: "Asset",
-              value: selectedKey,
+              assets,
+              selectedAsset,
               loading: isLoadingBalance,
-              loadingLabel: "Loading assets\u2026",
-              options: assets.map((a) => ({
-                key: assetKey3(a),
-                code: a.code,
-                // Unreadable (null) drops the "- X available" suffix instead of
-                // claiming a zero balance.
-                available: a.available ?? void 0,
-                enabledInApp: a.enabledInApp
-              })),
-              onChange: (key) => {
-                const found = assets.find((a) => assetKey3(a) === key);
-                if (found) onSelectAsset(found);
-              }
+              onSelectAsset
             }
           ),
           /* @__PURE__ */ jsxs("div", { className: "pollar-send-field", children: [
@@ -4088,30 +5371,50 @@ function SendModalTemplate({
                 selectedAsset.code
               ] })
             ] }),
-            /* @__PURE__ */ jsx(
-              "input",
-              {
-                className: "pollar-input",
-                type: "text",
-                inputMode: "decimal",
-                placeholder: "0.00",
-                value: amount,
-                onChange: (e) => onAmountChange(e.target.value)
-              }
-            )
+            /* @__PURE__ */ jsxs("div", { className: "pollar-send-input-shell", children: [
+              /* @__PURE__ */ jsx(
+                "input",
+                {
+                  className: "pollar-input pollar-send-amount-input",
+                  type: "text",
+                  inputMode: "decimal",
+                  placeholder: "0.00",
+                  value: amount,
+                  onChange: (e) => onAmountChange(e.target.value),
+                  "aria-label": "Amount"
+                }
+              ),
+              /* @__PURE__ */ jsxs("div", { className: "pollar-send-input-suffix", children: [
+                /* @__PURE__ */ jsx(
+                  "button",
+                  {
+                    type: "button",
+                    className: "pollar-send-inline-action",
+                    onClick: onMax,
+                    disabled: !selectedAsset?.available,
+                    children: "Max"
+                  }
+                ),
+                /* @__PURE__ */ jsx("span", { children: selectedAsset?.code ?? "" })
+              ] })
+            ] })
           ] }),
           /* @__PURE__ */ jsxs("div", { className: "pollar-send-field", children: [
-            /* @__PURE__ */ jsx("label", { className: "pollar-send-label", children: "Destination wallet" }),
-            /* @__PURE__ */ jsx(
-              "input",
-              {
-                className: "pollar-input",
-                type: "text",
-                placeholder: "G\u2026",
-                value: destination,
-                onChange: (e) => onDestinationChange(e.target.value)
-              }
-            )
+            /* @__PURE__ */ jsx("label", { className: "pollar-send-label", children: "Destination wallet" }),
+            /* @__PURE__ */ jsxs("div", { className: "pollar-send-input-shell", children: [
+              /* @__PURE__ */ jsx(
+                "input",
+                {
+                  className: "pollar-input pollar-send-destination-input",
+                  type: "text",
+                  placeholder: "G\u2026",
+                  value: destination,
+                  onChange: (e) => onDestinationChange(e.target.value),
+                  "aria-label": "Destination wallet"
+                }
+              ),
+              /* @__PURE__ */ jsx("button", { type: "button", className: "pollar-send-inline-action", onClick: onPaste, children: "Paste" })
+            ] })
           ] }),
           formError && /* @__PURE__ */ jsx("div", { className: "pollar-modal-error", children: formError }),
           /* @__PURE__ */ jsx("div", { className: "pollar-modal-actions", children: /* @__PURE__ */ jsx("button", { className: "pollar-btn-primary", onClick: onSubmit, disabled: !canSubmit, children: "Continue" }) })
@@ -4152,7 +5455,6 @@ function SendModal({ onClose }) {
     signAndSubmitTx,
     tx: transaction,
     wallet,
-    wallets,
     network,
     styles
   } = usePollar();
@@ -4171,8 +5473,8 @@ function SendModal({ onClose }) {
   useEffect(() => {
     if (selectedChain === null && chains.length > 0) setSelectedChain(chains[0]);
   }, [chains, selectedChain]);
-  const walletAddress = addressForChain(wallets, selectedChain);
   const canSendOnChain = selectedChain === "STELLAR" || selectedChain === "SOLANA";
+  const notReadyReason = walletNotReadyReason(wallet, selectedChain);
   const isBaseUnitChain = selectedChain === "SOLANA";
   useEffect(() => {
     void refreshWalletBalance();
@@ -4219,6 +5521,10 @@ function SendModal({ onClose }) {
       setFormError("Sending is not available on this network yet.");
       return;
     }
+    if (notReadyReason) {
+      setFormError(notReadyReason);
+      return;
+    }
     if (!selectedAsset) {
       setFormError("Select an asset");
       return;
@@ -4269,6 +5575,29 @@ function SendModal({ onClose }) {
       void signAndSubmitTx(transaction.buildData.unsignedXdr);
     }
   }
+  function handleMax() {
+    if (selectedAsset?.available !== null && selectedAsset?.available !== void 0) {
+      setAmount(selectedAsset.available);
+      setFormError("");
+    }
+  }
+  async function handlePaste() {
+    if (!navigator.clipboard?.readText) {
+      setFormError("Clipboard access is not available. Paste the address manually.");
+      return;
+    }
+    try {
+      const value = (await navigator.clipboard.readText()).trim();
+      if (!value) {
+        setFormError("The clipboard is empty.");
+        return;
+      }
+      setDestination(value);
+      setFormError("");
+    } catch {
+      setFormError("Could not read the clipboard. Paste the address manually.");
+    }
+  }
   function handleCopyHash() {
     if (!hash) return;
     navigator.clipboard.writeText(hash).then(() => {
@@ -4302,8 +5631,8 @@ function SendModal({ onClose }) {
       selectedAsset,
       chains,
       selectedChain,
-      walletAddress,
       canSendOnChain,
+      notReadyReason,
       onSelectChain: setSelectedChain,
       amount,
       destination,
@@ -4321,6 +5650,8 @@ function SendModal({ onClose }) {
       onRefresh: () => void refreshWalletBalance(),
       onSelectAsset: setSelectedAsset,
       onAmountChange: setAmount,
+      onMax: handleMax,
+      onPaste: handlePaste,
       onDestinationChange: setDestination,
       onSubmit: () => void handleSubmit(),
       onSignAndSend: handleSignAndSend,
@@ -4335,15 +5666,77 @@ function assetOptionKey(o) {
   return `${o.code}:${o.issuer ?? "native"}`;
 }
 var PROVIDER_LABELS = {
-  auto: "Best price (auto)",
+  auto: "Best price",
   aquarius: "Aquarius",
   soroswap: "Soroswap",
   sdex: "Stellar DEX"
 };
-function formatAmount3(value) {
+function formatAmount2(value) {
+  if (value === void 0) return "\u2014";
   const n = parseFloat(value);
   return isNaN(n) ? value : n.toLocaleString(void 0, { maximumFractionDigits: 7 });
 }
+function formatRate(numerator, denominator) {
+  const parse = (value) => {
+    const trimmed = value.trim();
+    if (!/^\d+(\.\d+)?$/.test(trimmed)) return null;
+    const [whole2 = "0", fraction2 = ""] = trimmed.split(".");
+    return { digits: BigInt(`${whole2}${fraction2}`), scale: fraction2.length };
+  };
+  const top = parse(numerator);
+  const bottom = parse(denominator);
+  if (!top || !bottom || bottom.digits === 0n || top.digits === 0n) return null;
+  const precision = 8;
+  const scaledNumerator = top.digits * 10n ** BigInt(bottom.scale + precision);
+  const scaledDenominator = bottom.digits * 10n ** BigInt(top.scale);
+  const scaled = scaledNumerator / scaledDenominator;
+  const whole = scaled / 10n ** BigInt(precision);
+  const fraction = (scaled % 10n ** BigInt(precision)).toString().padStart(precision, "0").replace(/0+$/, "");
+  return fraction ? `${whole}.${fraction}` : whole.toString();
+}
+function AssetIcon2({ code }) {
+  return /* @__PURE__ */ jsx("span", { className: "pollar-swap-asset-icon", "aria-hidden": true, children: code.slice(0, 2).toUpperCase() });
+}
+function AssetPill({
+  label,
+  value,
+  options,
+  disabled,
+  onChange
+}) {
+  const selected = options.find((option) => assetOptionKey(option) === value);
+  const appAssets = options.filter((option) => option.enabledInApp);
+  const otherAssets = options.filter((option) => !option.enabledInApp);
+  return /* @__PURE__ */ jsxs("label", { className: "pollar-swap-asset-pill-wrap", children: [
+    /* @__PURE__ */ jsx("span", { className: "sr-only", children: label }),
+    /* @__PURE__ */ jsx(AssetIcon2, { code: selected?.code ?? "\u2014" }),
+    /* @__PURE__ */ jsxs(
+      "select",
+      {
+        className: "pollar-swap-asset-pill",
+        "aria-label": label,
+        value,
+        disabled,
+        onChange: (event) => onChange(event.target.value),
+        children: [
+          value === "" && /* @__PURE__ */ jsx("option", { value: "", disabled: true, hidden: true }),
+          appAssets.length > 0 && /* @__PURE__ */ jsx("optgroup", { label: "App assets", children: appAssets.map((option) => /* @__PURE__ */ jsx("option", { value: assetOptionKey(option), children: option.code }, assetOptionKey(option))) }),
+          otherAssets.length > 0 && /* @__PURE__ */ jsx("optgroup", { label: "Other assets", children: otherAssets.map((option) => /* @__PURE__ */ jsx("option", { value: assetOptionKey(option), children: option.code }, assetOptionKey(option))) })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx("svg", { className: "pollar-swap-chevron", width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", "aria-hidden": true, children: /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: "m3.5 5.25 3.5 3.5 3.5-3.5",
+        stroke: "currentColor",
+        strokeWidth: "1.5",
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
+      }
+    ) })
+  ] });
+}
 function SwapModalTemplate({
   theme,
   accentColor,
@@ -4379,6 +5772,8 @@ function SwapModalTemplate({
   onSelectSell,
   onSelectBuy,
   onAddCustomToken,
+  onReverse,
+  onMax,
   onAmountChange,
   onProviderChange,
   onSwap,
@@ -4405,19 +5800,29 @@ function SwapModalTemplate({
   const cssVars = buildModalCssVars(theme, accentColor, styleOverrides);
   const sellKey = selectedSell ? assetOptionKey(selectedSell) : "";
   const buyKey = selectedBuy ? assetOptionKey(selectedBuy) : "";
-  const canSwap = !smartUnsupported && !!selectedSell && !!selectedBuy && !!amount && !!quote && !quoteLoading && !isLoadingData;
+  const sameAsset = !!selectedSell && !!selectedBuy && sellKey === buyKey;
+  const canSwap = !smartUnsupported && !sameAsset && !!selectedSell && !!selectedBuy && !!amount && !!quote && !quoteLoading && !isLoadingData;
+  const rate = quote && amount ? formatRate(quote.amountOut, amount) : null;
   const title = step === "form" ? "Swap" : txTitle;
+  const selectSell = (key) => {
+    const found = sellOptions.find((option) => assetOptionKey(option) === key);
+    if (found) onSelectSell(found);
+  };
+  const selectBuy = (key) => {
+    const found = buyOptions.find((option) => assetOptionKey(option) === key);
+    if (found) onSelectBuy(found);
+  };
   return /* @__PURE__ */ jsxs(
     "div",
     {
-      className: "pollar-modal-card pollar-send-modal",
+      className: "pollar-modal-card pollar-swap-modal",
       "data-theme": theme,
       style: cssVars,
-      onClick: (e) => e.stopPropagation(),
+      onClick: (event) => event.stopPropagation(),
       children: [
         /* @__PURE__ */ jsxs("div", { className: "pollar-modal-header", children: [
           /* @__PURE__ */ jsxs("div", { className: "pollar-send-header-left", children: [
-            showBack && /* @__PURE__ */ jsx("button", { type: "button", className: "pollar-modal-close", onClick: onBack, "aria-label": "Back", children: /* @__PURE__ */ jsx("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": true, children: /* @__PURE__ */ jsx("path", { d: "M10 3L5 8l5 5", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) }) }),
+            showBack && /* @__PURE__ */ jsx("button", { type: "button", className: "pollar-modal-close", onClick: onBack, "aria-label": "Back", children: /* @__PURE__ */ jsx("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": true, children: /* @__PURE__ */ jsx("path", { d: "M10 3 5 8l5 5", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) }) }),
             /* @__PURE__ */ jsx("h2", { className: "pollar-modal-title", children: title })
           ] }),
           !isInProgress && /* @__PURE__ */ jsxs("div", { className: "pollar-modal-header-actions", children: [
@@ -4430,16 +5835,7 @@ function SwapModalTemplate({
                 disabled: configLoading || isLoadingData,
                 "aria-label": "Refresh",
                 title: "Refresh balances and options",
-                children: /* @__PURE__ */ jsx("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": true, children: /* @__PURE__ */ jsx(
-                  "path",
-                  {
-                    d: "M13.5 8a5.5 5.5 0 1 1-1.6-3.9M13.5 2.5v3h-3",
-                    stroke: "currentColor",
-                    strokeWidth: "1.6",
-                    strokeLinecap: "round",
-                    strokeLinejoin: "round"
-                  }
-                ) })
+                children: /* @__PURE__ */ jsx(RefreshIcon, { spinning: configLoading || isLoadingData })
               }
             ),
             /* @__PURE__ */ jsx("button", { type: "button", className: "pollar-modal-close", onClick: onClose, "aria-label": "Close", children: /* @__PURE__ */ jsx("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": true, children: /* @__PURE__ */ jsx("path", { d: "M2 2l12 12M14 2L2 14", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round" }) }) })
@@ -4448,174 +5844,205 @@ function SwapModalTemplate({
         step === "form" && !configLoading && swapUnavailable && /* @__PURE__ */ jsx("div", { className: "pollar-modal-error", children: "Swap is not available for this app." }),
         step === "form" && !swapUnavailable && /* @__PURE__ */ jsxs(Fragment, { children: [
           smartUnsupported && /* @__PURE__ */ jsx("div", { className: "pollar-modal-error", children: "Swaps are not yet available for smart (passkey) wallets." }),
-          /* @__PURE__ */ jsx(
-            AssetSelect,
-            {
-              label: "You pay",
-              value: sellKey,
-              loading: isLoadingData || configLoading,
-              loadingLabel: "Loading assets\u2026",
-              disabled: configLoading,
-              options: sellOptions.map((o) => ({
-                key: assetOptionKey(o),
-                code: o.code,
-                available: o.available,
-                enabledInApp: o.enabledInApp
-              })),
-              onChange: (key) => {
-                const found = sellOptions.find((o) => assetOptionKey(o) === key);
-                if (found) onSelectSell(found);
-              }
-            }
-          ),
-          /* @__PURE__ */ jsxs("div", { className: "pollar-send-field", children: [
-            /* @__PURE__ */ jsxs("div", { className: "pollar-send-label-row", children: [
-              /* @__PURE__ */ jsx("label", { className: "pollar-send-label", children: "Amount" }),
-              selectedSell?.available !== void 0 && /* @__PURE__ */ jsxs("span", { className: "pollar-send-hint", children: [
-                "Available: ",
-                formatAmount3(selectedSell.available),
-                " ",
-                selectedSell.code
-              ] })
-            ] }),
-            /* @__PURE__ */ jsx(
-              "input",
-              {
-                className: "pollar-input",
-                type: "text",
-                inputMode: "decimal",
-                placeholder: "0.00",
-                value: amount,
-                disabled: configLoading,
-                onChange: (e) => onAmountChange(e.target.value)
-              }
-            )
-          ] }),
-          /* @__PURE__ */ jsx(
-            AssetSelect,
-            {
-              label: "You receive",
-              value: buyKey,
-              loading: isLoadingData || configLoading,
-              loadingLabel: "Loading assets\u2026",
-              disabled: configLoading,
-              options: buyOptions.map((o) => ({
-                key: assetOptionKey(o),
-                code: o.code,
-                enabledInApp: o.enabledInApp
-              })),
-              onChange: (key) => {
-                const found = buyOptions.find((o) => assetOptionKey(o) === key);
-                if (found) onSelectBuy(found);
-              },
-              children: customOpen ? /* @__PURE__ */ jsxs("div", { className: "pollar-swap-custom", children: [
-                /* @__PURE__ */ jsx(
-                  "input",
-                  {
-                    className: "pollar-input",
-                    type: "text",
-                    placeholder: "Code (e.g. USDC)",
-                    value: customCode,
-                    onChange: (e) => setCustomCode(e.target.value)
-                  }
-                ),
+          /* @__PURE__ */ jsxs("div", { className: "pollar-swap-panels", children: [
+            /* @__PURE__ */ jsxs("section", { className: "pollar-swap-panel", "aria-labelledby": "pollar-swap-pay-label", children: [
+              /* @__PURE__ */ jsxs("div", { className: "pollar-swap-panel-heading", children: [
+                /* @__PURE__ */ jsx("span", { id: "pollar-swap-pay-label", className: "pollar-swap-panel-label", children: "You pay" }),
+                /* @__PURE__ */ jsxs("span", { className: "pollar-swap-balance", children: [
+                  "Balance: ",
+                  formatAmount2(selectedSell?.available)
+                ] })
+              ] }),
+              /* @__PURE__ */ jsxs("div", { className: "pollar-swap-panel-main", children: [
                 /* @__PURE__ */ jsx(
                   "input",
                   {
-                    className: "pollar-input",
+                    className: "pollar-swap-amount",
                     type: "text",
-                    placeholder: "Issuer (G...)",
-                    value: customIssuer,
-                    onChange: (e) => setCustomIssuer(e.target.value)
+                    inputMode: "decimal",
+                    "aria-label": "Amount to pay",
+                    placeholder: "0.00",
+                    value: amount,
+                    disabled: configLoading || isLoadingData,
+                    onChange: (event) => onAmountChange(event.target.value)
                   }
                 ),
-                customError && /* @__PURE__ */ jsx("div", { className: "pollar-modal-error", children: customError }),
-                /* @__PURE__ */ jsxs("div", { className: "pollar-swap-custom-actions", children: [
-                  /* @__PURE__ */ jsx("button", { type: "button", className: "pollar-btn-primary", onClick: submitCustomToken, children: "Add token" }),
+                /* @__PURE__ */ jsxs("div", { className: "pollar-swap-panel-selector", children: [
+                  /* @__PURE__ */ jsx(
+                    AssetPill,
+                    {
+                      label: "Asset to pay",
+                      value: sellKey,
+                      options: sellOptions,
+                      disabled: configLoading || isLoadingData,
+                      onChange: selectSell
+                    }
+                  ),
                   /* @__PURE__ */ jsx(
                     "button",
                     {
                       type: "button",
-                      className: "pollar-swap-custom-cancel",
-                      onClick: () => {
-                        setCustomOpen(false);
-                        setCustomError("");
-                      },
-                      children: "Cancel"
+                      className: "pollar-swap-max",
+                      onClick: onMax,
+                      disabled: !selectedSell?.available || configLoading || isLoadingData,
+                      children: "Max"
                     }
                   )
                 ] })
-              ] }) : /* @__PURE__ */ jsx(
+              ] })
+            ] }),
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                className: "pollar-swap-reverse",
+                onClick: onReverse,
+                disabled: !selectedSell || !selectedBuy,
+                "aria-label": "Swap pay and receive assets",
+                title: "Swap pay and receive assets",
+                children: /* @__PURE__ */ jsx("svg", { width: "17", height: "17", viewBox: "0 0 17 17", fill: "none", "aria-hidden": true, children: /* @__PURE__ */ jsx(
+                  "path",
+                  {
+                    d: "M5 3v10M5 3 2.5 5.5M5 3l2.5 2.5M12 14V4M12 14l2.5-2.5M12 14 9.5 11.5",
+                    stroke: "currentColor",
+                    strokeWidth: "1.6",
+                    strokeLinecap: "round",
+                    strokeLinejoin: "round"
+                  }
+                ) })
+              }
+            ),
+            /* @__PURE__ */ jsxs("section", { className: "pollar-swap-panel", "aria-labelledby": "pollar-swap-receive-label", children: [
+              /* @__PURE__ */ jsxs("div", { className: "pollar-swap-panel-heading", children: [
+                /* @__PURE__ */ jsx("span", { id: "pollar-swap-receive-label", className: "pollar-swap-panel-label", children: "You receive" }),
+                /* @__PURE__ */ jsxs("span", { className: "pollar-swap-balance", children: [
+                  "Balance: ",
+                  formatAmount2(selectedBuy?.available)
+                ] })
+              ] }),
+              /* @__PURE__ */ jsxs("div", { className: "pollar-swap-panel-main", children: [
+                /* @__PURE__ */ jsx("div", { className: `pollar-swap-output${quoteLoading ? " is-loading" : ""}`, "aria-live": "polite", children: quoteLoading ? /* @__PURE__ */ jsx("span", { className: "pollar-spinner pollar-spinner-sm" }) : formatAmount2(quote?.amountOut) }),
+                /* @__PURE__ */ jsxs("div", { className: "pollar-swap-panel-selector", children: [
+                  /* @__PURE__ */ jsx(
+                    AssetPill,
+                    {
+                      label: "Asset to receive",
+                      value: buyKey,
+                      options: buyOptions,
+                      disabled: configLoading || isLoadingData,
+                      onChange: selectBuy
+                    }
+                  ),
+                  /* @__PURE__ */ jsx("span", { className: "pollar-swap-panel-note", children: "Quoted amount" })
+                ] })
+              ] })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: "pollar-swap-custom-area", children: customOpen ? /* @__PURE__ */ jsxs("div", { className: "pollar-swap-custom", children: [
+            /* @__PURE__ */ jsx(
+              "input",
+              {
+                className: "pollar-input",
+                type: "text",
+                placeholder: "Code (e.g. USDC)",
+                value: customCode,
+                onChange: (e) => setCustomCode(e.target.value)
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              "input",
+              {
+                className: "pollar-input",
+                type: "text",
+                placeholder: "Issuer (G...)",
+                value: customIssuer,
+                onChange: (e) => setCustomIssuer(e.target.value)
+              }
+            ),
+            customError && /* @__PURE__ */ jsx("div", { className: "pollar-modal-error", children: customError }),
+            /* @__PURE__ */ jsxs("div", { className: "pollar-swap-custom-actions", children: [
+              /* @__PURE__ */ jsx("button", { type: "button", className: "pollar-btn-primary", onClick: submitCustomToken, children: "Add token" }),
+              /* @__PURE__ */ jsx(
                 "button",
                 {
                   type: "button",
-                  className: "pollar-swap-custom-toggle",
-                  disabled: configLoading,
-                  onClick: () => setCustomOpen(true),
-                  children: "+ Add a token by code / issuer"
+                  className: "pollar-swap-custom-cancel",
+                  onClick: () => {
+                    setCustomOpen(false);
+                    setCustomError("");
+                  },
+                  children: "Cancel"
                 }
               )
+            ] })
+          ] }) : /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              className: "pollar-swap-custom-toggle",
+              disabled: configLoading,
+              onClick: () => setCustomOpen(true),
+              children: "+ Add a token by code / issuer"
             }
-          ),
-          /* @__PURE__ */ jsxs("div", { className: "pollar-send-field", children: [
-            /* @__PURE__ */ jsx("label", { className: "pollar-send-label", children: "Route" }),
-            configLoading ? /* @__PURE__ */ jsxs("div", { className: "pollar-input pollar-select-loading", children: [
+          ) }),
+          /* @__PURE__ */ jsxs("div", { className: "pollar-swap-rate-row", children: [
+            /* @__PURE__ */ jsx("div", { className: "pollar-swap-rate", "aria-live": "polite", children: rate && selectedSell && selectedBuy ? /* @__PURE__ */ jsxs(Fragment, { children: [
+              "1 ",
+              selectedSell.code,
+              " \u2248 ",
+              rate,
+              " ",
+              selectedBuy.code
+            ] }) : quoteLoading ? "Updating rate\u2026" : "Exchange rate unavailable" }),
+            configLoading ? /* @__PURE__ */ jsxs("div", { className: "pollar-swap-route-pill", children: [
               /* @__PURE__ */ jsx("span", { className: "pollar-spinner pollar-spinner-sm" }),
-              /* @__PURE__ */ jsx("span", { children: "Loading routes\u2026" })
-            ] }) : /* @__PURE__ */ jsx(
-              "select",
-              {
-                className: "pollar-input pollar-send-select",
-                value: provider,
-                disabled: providers.length === 0,
-                onChange: (e) => onProviderChange(e.target.value),
-                children: providers.length === 0 ? /* @__PURE__ */ jsx("option", { value: provider, children: PROVIDER_LABELS[provider] }) : providers.map((p) => /* @__PURE__ */ jsx("option", { value: p, children: PROVIDER_LABELS[p] }, p))
-              }
-            )
-          ] }),
-          quoteLoading && /* @__PURE__ */ jsxs("div", { className: "pollar-send-hint pollar-inline-loading", children: [
-            /* @__PURE__ */ jsx("span", { className: "pollar-spinner pollar-spinner-sm" }),
-            "Fetching best price\u2026"
+              " Loading"
+            ] }) : /* @__PURE__ */ jsxs("label", { className: "pollar-swap-route-wrap", children: [
+              /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Route" }),
+              /* @__PURE__ */ jsx(
+                "select",
+                {
+                  className: "pollar-swap-route-pill",
+                  "aria-label": "Route",
+                  value: provider,
+                  disabled: providers.length === 0,
+                  onChange: (event) => onProviderChange(event.target.value),
+                  children: providers.length === 0 ? /* @__PURE__ */ jsx("option", { value: provider, children: PROVIDER_LABELS[provider] }) : providers.map((p) => /* @__PURE__ */ jsx("option", { value: p, children: PROVIDER_LABELS[p] }, p))
+                }
+              )
+            ] })
           ] }),
           !quoteLoading && quoteError && /* @__PURE__ */ jsx("div", { className: "pollar-modal-error", children: quoteError }),
-          !quoteLoading && !quoteError && quote && selectedBuy && /* @__PURE__ */ jsxs("div", { className: "pollar-swap-quote", children: [
-            /* @__PURE__ */ jsxs("div", { className: "pollar-swap-quote-row", children: [
-              /* @__PURE__ */ jsx("span", { className: "pollar-send-hint", children: "You receive" }),
-              /* @__PURE__ */ jsxs("span", { children: [
-                "~ ",
-                formatAmount3(quote.amountOut),
-                " ",
-                selectedBuy.code
-              ] })
-            ] }),
+          !quoteLoading && !quoteError && !quote && selectedSell && selectedBuy && !!amount && /* @__PURE__ */ jsx("div", { className: "pollar-send-hint", children: "No route found for this pair." }),
+          quote && /* @__PURE__ */ jsxs("div", { className: "pollar-swap-quote", children: [
             /* @__PURE__ */ jsxs("div", { className: "pollar-swap-quote-row", children: [
-              /* @__PURE__ */ jsx("span", { className: "pollar-send-hint", children: "Minimum received" }),
-              /* @__PURE__ */ jsxs("span", { children: [
-                formatAmount3(quote.minReceived),
+              /* @__PURE__ */ jsx("span", { children: "Minimum received" }),
+              /* @__PURE__ */ jsxs("strong", { children: [
+                formatAmount2(quote.minReceived),
                 " ",
-                selectedBuy.code
+                selectedBuy?.code
               ] })
             ] }),
             /* @__PURE__ */ jsxs("div", { className: "pollar-swap-quote-row", children: [
-              /* @__PURE__ */ jsx("span", { className: "pollar-send-hint", children: "Price impact" }),
-              /* @__PURE__ */ jsxs("span", { children: [
+              /* @__PURE__ */ jsx("span", { children: "Price impact" }),
+              /* @__PURE__ */ jsxs("strong", { children: [
                 quote.priceImpactPct,
                 "%"
               ] })
             ] }),
             /* @__PURE__ */ jsxs("div", { className: "pollar-swap-quote-row", children: [
-              /* @__PURE__ */ jsx("span", { className: "pollar-send-hint", children: "Route" }),
-              /* @__PURE__ */ jsx("span", { children: PROVIDER_LABELS[quote.provider] })
+              /* @__PURE__ */ jsx("span", { children: "Route" }),
+              /* @__PURE__ */ jsx("strong", { children: PROVIDER_LABELS[quote.provider] })
             ] })
           ] }),
-          !quoteLoading && !quoteError && !quote && selectedSell && selectedBuy && !!amount && /* @__PURE__ */ jsx("div", { className: "pollar-send-hint", children: "No route found for this pair." }),
           buyNeedsTrustline && selectedBuy && /* @__PURE__ */ jsxs("div", { className: "pollar-swap-trustline-notice", children: [
             "To receive ",
             selectedBuy.code,
             " your wallet needs a trustline. Swapping will create it first (~0.5 XLM reserve, refundable if you later remove it)."
           ] }),
+          sameAsset && /* @__PURE__ */ jsx("div", { className: "pollar-modal-error", children: "Choose two different assets to swap." }),
           formError && /* @__PURE__ */ jsx("div", { className: "pollar-modal-error", children: formError }),
-          /* @__PURE__ */ jsx("div", { className: "pollar-modal-actions", children: /* @__PURE__ */ jsx("button", { className: "pollar-btn-primary", onClick: onSwap, disabled: !canSwap, children: buyNeedsTrustline ? "Create trustline & swap" : "Swap" }) })
+          /* @__PURE__ */ jsx("div", { className: "pollar-modal-actions", children: /* @__PURE__ */ jsx("button", { type: "button", className: "pollar-btn-primary", onClick: onSwap, disabled: !canSwap, children: buyNeedsTrustline ? "Create trustline & swap" : "Swap" }) })
         ] }),
         step === "tx" && /* @__PURE__ */ jsx(
           TxStatusView,
@@ -4633,7 +6060,7 @@ function SwapModalTemplate({
             onDone
           }
         ),
-        /* @__PURE__ */ jsx(PollarModalFooter, {})
+        /* @__PURE__ */ jsx(PollarModalFooter, { shield: true })
       ]
     }
   );
@@ -4714,6 +6141,7 @@ function SwapModal({ onClose }) {
   const balances = walletBalance.step === "loaded" ? walletBalance.data.balances : [];
   const assetRecords = enabledAssets.step === "loaded" ? enabledAssets.data.assets : [];
   const isLoadingData = walletBalance.step === "loading" || enabledAssets.step === "loading";
+  const availableFor = (code, issuer) => balances.find((b) => b.code === code && (b.issuer ?? "") === (issuer ?? ""))?.available ?? void 0;
   const sellOptions = balances.filter(
     (b) => (b.chain === void 0 || b.chain === "STELLAR") && (b.type === "native" || (b.type === "credit_alphanum4" || b.type === "credit_alphanum12") && !b.trustlineRemoved)
   ).map((b) => ({
@@ -4731,6 +6159,7 @@ function SwapModal({ onClose }) {
     ref: toRef(a),
     code: a.code,
     issuer: a.issuer,
+    available: availableFor(a.code, a.issuer),
     enabledInApp: a.enabledInApp
   }));
   const enabledKeys = new Set(enabledBuy.map(optKey));
@@ -4738,11 +6167,14 @@ function SwapModal({ onClose }) {
     ref: catalogRef(tk.code, tk.issuer),
     code: tk.code,
     issuer: tk.issuer,
+    available: availableFor(tk.code, tk.issuer),
     enabledInApp: false
   })).filter((o) => !enabledKeys.has(optKey(o)));
   const knownKeys = /* @__PURE__ */ new Set([...enabledKeys, ...catalogBuy.map(optKey)]);
-  const customBuy = customTokens.filter((o) => !knownKeys.has(optKey(o)));
-  const buyOptions = [...enabledBuy, ...catalogBuy, ...customBuy].filter((o) => optKey(o) !== buyKeyOfSell);
+  const customBuy = customTokens.filter((o) => !knownKeys.has(optKey(o))).map((o) => ({ ...o, available: availableFor(o.code, o.issuer) }));
+  const buyOptions = [...enabledBuy, ...catalogBuy, ...customBuy].filter(
+    (o) => optKey(o) !== buyKeyOfSell || optKey(o) === (selectedBuy ? optKey(selectedBuy) : "")
+  );
   useEffect(() => {
     if (sellOptions.length === 0) return;
     if (!selectedSell || !sellOptions.some((o) => optKey(o) === optKey(selectedSell))) {
@@ -4853,6 +6285,15 @@ function SwapModal({ onClose }) {
   async function handleRetry() {
     if (transaction.step === "error" && quote) await swap(quote);
   }
+  function handleMax() {
+    if (selectedSell?.available !== void 0) setAmount(selectedSell.available);
+  }
+  function handleReverse() {
+    if (!selectedSell || !selectedBuy) return;
+    const previousSell = selectedSell;
+    setSelectedSell(selectedBuy);
+    setSelectedBuy(previousSell);
+  }
   function handleCopyHash() {
     if (!hash) return;
     navigator.clipboard.writeText(hash).then(() => {
@@ -4905,6 +6346,8 @@ function SwapModal({ onClose }) {
       onRefresh: handleRefresh,
       onSelectSell: setSelectedSell,
       onSelectBuy: setSelectedBuy,
+      onReverse: handleReverse,
+      onMax: handleMax,
       onAddCustomToken: addCustomToken,
       onAmountChange: setAmount,
       onProviderChange: setProvider,
@@ -4929,7 +6372,7 @@ var IN_FLIGHT_STEPS2 = [
   "signing-submitting",
   "building-signing-submitting"
 ];
-function formatAmount4(value) {
+function formatAmount3(value) {
   const n = parseFloat(value);
   return isNaN(n) ? value : n.toLocaleString(void 0, { maximumFractionDigits: 7 });
 }
@@ -5243,7 +6686,7 @@ function EarnModal({ onClose }) {
             tab === "deposit" && /* @__PURE__ */ jsxs("div", { className: "pollar-swap-quote-row", children: [
               /* @__PURE__ */ jsx("span", { className: "pollar-send-hint", children: "In your wallet" }),
               /* @__PURE__ */ jsxs("span", { children: [
-                walletAvailable != null ? formatAmount4(walletAvailable) : "\u2026",
+                walletAvailable != null ? formatAmount3(walletAvailable) : "\u2026",
                 " ",
                 assetCode
               ] })
@@ -5251,7 +6694,7 @@ function EarnModal({ onClose }) {
             /* @__PURE__ */ jsxs("div", { className: "pollar-swap-quote-row", children: [
               /* @__PURE__ */ jsx("span", { className: "pollar-send-hint", children: "Your position" }),
               /* @__PURE__ */ jsxs("span", { children: [
-                position ? formatAmount4(position.balance) : "\u2026",
+                position ? formatAmount3(position.balance) : "\u2026",
                 " ",
                 assetCode
               ] })
@@ -5269,13 +6712,13 @@ function EarnModal({ onClose }) {
               /* @__PURE__ */ jsx("label", { className: "pollar-send-label", children: tab === "deposit" ? "Amount" : "Withdraw amount" }),
               tab === "deposit" && walletAvailable != null && /* @__PURE__ */ jsxs("button", { type: "button", className: "pollar-swap-custom-toggle", onClick: () => setAmount(walletAvailable), children: [
                 "Max: ",
-                formatAmount4(walletAvailable),
+                formatAmount3(walletAvailable),
                 " ",
                 amountUnitLabel
               ] }),
               tab === "withdraw" && position && /* @__PURE__ */ jsxs("button", { type: "button", className: "pollar-swap-custom-toggle", onClick: () => setAmount(position.withdrawable), children: [
                 "Max: ",
-                formatAmount4(position.withdrawable),
+                formatAmount3(position.withdrawable),
                 " ",
                 amountUnitLabel
               ] })
@@ -5325,10 +6768,15 @@ function EarnModal({ onClose }) {
   ) });
 }
 function describeDevice(s) {
-  if (s.deviceLabel) return s.deviceLabel;
+  if (s.deviceLabel) return normalizeDeviceLabel(s.deviceLabel);
   if (!s.userAgent) return "Unknown device";
   return parseUserAgent(s.userAgent);
 }
+function normalizeDeviceLabel(label) {
+  const parts = label.replace(/\s+/g, " ").split(/ (?:[—–-]|·) /);
+  if (parts.length === 2 && parts[1] !== void 0) return `${parts[0]} \xB7 ${parts[1].toLowerCase()}`;
+  return label;
+}
 function detectBrowser(ua) {
   if (/Edg\//.test(ua)) return "Edge";
   if (/OPR\//.test(ua)) return "Opera";
@@ -5348,7 +6796,7 @@ function detectOS(ua) {
 function parseUserAgent(ua) {
   const browser = detectBrowser(ua);
   const os = detectOS(ua);
-  if (browser && os) return `${os} \u2014 ${browser}`;
+  if (browser && os) return `${os} \xB7 ${browser.toLowerCase()}`;
   if (os) return os;
   if (browser) return browser;
   return ua.slice(0, 48);
@@ -5372,6 +6820,37 @@ function shortIp(hash) {
   if (!hash) return "";
   return hash.slice(0, 8);
 }
+function deviceKind(session) {
+  const value = `${session.deviceLabel ?? ""} ${session.userAgent ?? ""}`.toLowerCase();
+  if (/ipad|tablet/.test(value)) return "tablet";
+  if (/android|iphone|ipod|mobile|phone/.test(value)) return "phone";
+  return "desktop";
+}
+function DeviceIcon({ kind, size = "small" }) {
+  const dimensions = size === "large" ? 30 : 18;
+  if (kind === "phone") {
+    return /* @__PURE__ */ jsxs("svg", { width: dimensions, height: dimensions, viewBox: "0 0 24 24", fill: "none", "aria-hidden": true, children: [
+      /* @__PURE__ */ jsx("rect", { x: "7", y: "2.5", width: "10", height: "19", rx: "2.5", stroke: "currentColor", strokeWidth: "1.8" }),
+      /* @__PURE__ */ jsx("path", { d: "M10.5 5h3M11 18.5h2", stroke: "currentColor", strokeWidth: "1.6", strokeLinecap: "round" })
+    ] });
+  }
+  if (kind === "tablet") {
+    return /* @__PURE__ */ jsxs("svg", { width: dimensions, height: dimensions, viewBox: "0 0 24 24", fill: "none", "aria-hidden": true, children: [
+      /* @__PURE__ */ jsx("rect", { x: "4.5", y: "2.5", width: "15", height: "19", rx: "2", stroke: "currentColor", strokeWidth: "1.8" }),
+      /* @__PURE__ */ jsx("path", { d: "M11 18.5h2", stroke: "currentColor", strokeWidth: "1.6", strokeLinecap: "round" })
+    ] });
+  }
+  return /* @__PURE__ */ jsxs("svg", { width: dimensions, height: dimensions, viewBox: "0 0 24 24", fill: "none", "aria-hidden": true, children: [
+    /* @__PURE__ */ jsx("rect", { x: "3", y: "3.5", width: "18", height: "12", rx: "1.8", stroke: "currentColor", strokeWidth: "1.8" }),
+    /* @__PURE__ */ jsx("path", { d: "M8 20.5h8M12 15.5v5", stroke: "currentColor", strokeWidth: "1.8", strokeLinecap: "round" })
+  ] });
+}
+function CheckIcon() {
+  return /* @__PURE__ */ jsx("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", "aria-hidden": true, children: /* @__PURE__ */ jsx("path", { d: "m2.5 6.2 2.1 2.1L9.6 3.6", stroke: "currentColor", strokeWidth: "1.7", strokeLinecap: "round", strokeLinejoin: "round" }) });
+}
+function CloseIcon() {
+  return /* @__PURE__ */ jsx("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", "aria-hidden": true, children: /* @__PURE__ */ jsx("path", { d: "m3 3 8 8M11 3l-8 8", stroke: "currentColor", strokeWidth: "1.7", strokeLinecap: "round" }) });
+}
 function SessionsModalTemplate({
   theme,
   accentColor,
@@ -5379,6 +6858,7 @@ function SessionsModalTemplate({
   state,
   revokingFamilyId,
   signingOutEverywhere,
+  revokeError,
   onRefresh,
   onRevoke,
   onLogoutEverywhere,
@@ -5387,7 +6867,9 @@ function SessionsModalTemplate({
   const cssVars = buildModalCssVars(theme, accentColor, styleOverrides);
   const isLoading = state.step === "loading";
   const sessions = state.step === "loaded" ? state.sessions : [];
-  const otherCount = sessions.filter((s) => !s.current).length;
+  const currentSession = sessions.find((s) => s.current);
+  const otherSessions = sessions.filter((s) => !s.current);
+  const otherCount = otherSessions.length;
   return /* @__PURE__ */ jsxs(
     "div",
     {
@@ -5408,30 +6890,10 @@ function SessionsModalTemplate({
                 disabled: isLoading,
                 "aria-label": "Refresh",
                 title: "Refresh",
-                children: /* @__PURE__ */ jsx(
-                  "svg",
-                  {
-                    className: isLoading ? "pollar-modal-refresh-icon pollar-spinning" : "pollar-modal-refresh-icon",
-                    width: "16",
-                    height: "16",
-                    viewBox: "0 0 16 16",
-                    fill: "none",
-                    "aria-hidden": true,
-                    children: /* @__PURE__ */ jsx(
-                      "path",
-                      {
-                        d: "M13.5 8a5.5 5.5 0 1 1-1.6-3.9M13.5 2v3h-3",
-                        stroke: "currentColor",
-                        strokeWidth: "1.6",
-                        strokeLinecap: "round",
-                        strokeLinejoin: "round"
-                      }
-                    )
-                  }
-                )
+                children: /* @__PURE__ */ jsx(RefreshIcon, { spinning: isLoading })
               }
             ),
-            /* @__PURE__ */ jsx("button", { className: "pollar-modal-close", onClick: onClose, "aria-label": "Close", children: /* @__PURE__ */ jsx("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": true, children: /* @__PURE__ */ jsx("path", { d: "M2 2l12 12M14 2L2 14", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round" }) }) })
+            /* @__PURE__ */ jsx("button", { type: "button", className: "pollar-modal-close", onClick: onClose, "aria-label": "Close", title: "Close", children: /* @__PURE__ */ jsx(CloseIcon, {}) })
           ] })
         ] }),
         /* @__PURE__ */ jsxs("div", { className: "pollar-sessions-list", children: [
@@ -5441,40 +6903,54 @@ function SessionsModalTemplate({
           ] }),
           state.step === "error" && /* @__PURE__ */ jsx("div", { className: "pollar-modal-empty", children: state.message }),
           state.step === "loaded" && sessions.length === 0 && /* @__PURE__ */ jsx("div", { className: "pollar-modal-empty", children: "No active sessions." }),
-          sessions.map((s) => {
-            const isRevoking = revokingFamilyId === s.familyId;
-            return /* @__PURE__ */ jsxs("div", { className: "pollar-sessions-item", "data-current": s.current || void 0, children: [
-              /* @__PURE__ */ jsxs("div", { className: "pollar-sessions-item-main", children: [
-                /* @__PURE__ */ jsx("span", { className: "pollar-sessions-item-device", children: describeDevice(s) }),
-                s.current && /* @__PURE__ */ jsx("span", { className: "pollar-sessions-item-badge", children: "This device" })
-              ] }),
-              /* @__PURE__ */ jsxs("div", { className: "pollar-sessions-item-meta", children: [
-                /* @__PURE__ */ jsxs("span", { children: [
-                  "Last used ",
-                  formatRelative(s.lastUsedAt ?? s.createdAt)
-                ] }),
-                s.ipHash && /* @__PURE__ */ jsxs(Fragment, { children: [
-                  /* @__PURE__ */ jsx("span", { children: "\xB7" }),
-                  /* @__PURE__ */ jsxs("span", { title: `ip-hash ${s.ipHash}`, children: [
-                    "ip ",
-                    shortIp(s.ipHash)
-                  ] })
+          state.step === "loaded" && currentSession && /* @__PURE__ */ jsxs("div", { className: "pollar-sessions-current-card", children: [
+            /* @__PURE__ */ jsxs("div", { className: "pollar-sessions-current-icon-wrap", children: [
+              /* @__PURE__ */ jsx(DeviceIcon, { kind: deviceKind(currentSession), size: "large" }),
+              /* @__PURE__ */ jsx("span", { className: "pollar-sessions-current-check", children: /* @__PURE__ */ jsx(CheckIcon, {}) })
+            ] }),
+            /* @__PURE__ */ jsx("span", { className: "pollar-sessions-current-label", children: "This device" }),
+            /* @__PURE__ */ jsx("strong", { className: "pollar-sessions-current-device", children: describeDevice(currentSession) }),
+            /* @__PURE__ */ jsxs("div", { className: "pollar-sessions-current-status", children: [
+              /* @__PURE__ */ jsx("span", { className: "pollar-sessions-status-dot" }),
+              /* @__PURE__ */ jsx("span", { children: "Active now" }),
+              currentSession.ipHash && /* @__PURE__ */ jsxs(Fragment, { children: [
+                /* @__PURE__ */ jsx("span", { children: "\xB7" }),
+                /* @__PURE__ */ jsxs("span", { title: `ip-hash ${currentSession.ipHash}`, children: [
+                  "IP ",
+                  shortIp(currentSession.ipHash)
                 ] })
-              ] }),
-              !s.current && /* @__PURE__ */ jsx(
-                "button",
-                {
-                  className: "pollar-sessions-item-revoke",
-                  onClick: () => onRevoke(s.familyId),
-                  disabled: isRevoking || signingOutEverywhere,
-                  children: isRevoking ? /* @__PURE__ */ jsxs(Fragment, { children: [
-                    /* @__PURE__ */ jsx("span", { className: "pollar-spinner pollar-spinner-sm pollar-spinner-current" }),
-                    "Revoking\u2026"
-                  ] }) : "Revoke"
-                }
-              )
-            ] }, s.familyId);
-          })
+              ] })
+            ] })
+          ] }),
+          state.step === "loaded" && otherSessions.length > 0 && /* @__PURE__ */ jsxs("section", { className: "pollar-sessions-other-section", "aria-labelledby": "pollar-other-devices-heading", children: [
+            /* @__PURE__ */ jsxs("h3", { id: "pollar-other-devices-heading", className: "pollar-sessions-section-title", children: [
+              "Other devices ",
+              /* @__PURE__ */ jsx("span", { children: otherCount })
+            ] }),
+            /* @__PURE__ */ jsx("div", { className: "pollar-sessions-grid", children: otherSessions.map((s) => {
+              const isRevoking = revokingFamilyId === s.familyId;
+              return /* @__PURE__ */ jsxs("div", { className: "pollar-sessions-item", children: [
+                /* @__PURE__ */ jsxs("div", { className: "pollar-sessions-item-top", children: [
+                  /* @__PURE__ */ jsx("span", { className: "pollar-sessions-item-icon", children: /* @__PURE__ */ jsx(DeviceIcon, { kind: deviceKind(s) }) }),
+                  /* @__PURE__ */ jsx(
+                    "button",
+                    {
+                      type: "button",
+                      className: "pollar-sessions-item-revoke",
+                      onClick: () => onRevoke(s.familyId),
+                      disabled: isRevoking || signingOutEverywhere,
+                      "aria-label": `Sign out ${describeDevice(s)}`,
+                      title: isRevoking ? "Signing out\u2026" : "Sign out this device",
+                      children: isRevoking ? /* @__PURE__ */ jsx("span", { className: "pollar-spinner pollar-spinner-sm" }) : /* @__PURE__ */ jsx(CloseIcon, {})
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ jsx("strong", { className: "pollar-sessions-item-device", children: describeDevice(s) }),
+                /* @__PURE__ */ jsx("span", { className: "pollar-sessions-item-meta", children: formatRelative(s.lastUsedAt ?? s.createdAt) })
+              ] }, s.familyId);
+            }) })
+          ] }),
+          revokeError && /* @__PURE__ */ jsx("div", { className: "pollar-sessions-action-error", role: "alert", children: revokeError })
         ] }),
         state.step === "loaded" && sessions.length > 0 && /* @__PURE__ */ jsx("div", { className: "pollar-sessions-actions", children: /* @__PURE__ */ jsx(
           "button",
@@ -5499,6 +6975,7 @@ function SessionsModal({ onClose }) {
   const { theme, accentColor, styleOverrides, overlayStyle } = modalChrome(styles);
   const [revokingFamilyId, setRevokingFamilyId] = useState(null);
   const [signingOutEverywhere, setSigningOutEverywhere] = useState(false);
+  const [revokeError, setRevokeError] = useState(null);
   const load = useCallback(() => {
     void getClient().fetchSessions();
   }, [getClient]);
@@ -5515,9 +6992,11 @@ function SessionsModal({ onClose }) {
   const handleRevoke = useCallback(
     async (familyId) => {
       setRevokingFamilyId(familyId);
+      setRevokeError(null);
       try {
         await getClient().revokeSession(familyId);
       } catch {
+        setRevokeError("Could not sign out that device. Please try again.");
       } finally {
         setRevokingFamilyId(null);
         load();
@@ -5543,6 +7022,7 @@ function SessionsModal({ onClose }) {
       state: sessions,
       revokingFamilyId,
       signingOutEverywhere,
+      revokeError,
       onRefresh: () => load(),
       onRevoke: (familyId) => void handleRevoke(familyId),
       onLogoutEverywhere: () => void handleLogoutEverywhere(),
@@ -5937,14 +7417,32 @@ function faucetFor(record) {
   if (record.code === "USDC") return { url: "https://faucet.circle.com/", label: "Get test USDC" };
   return null;
 }
-function BalanceItem({ record, faucet }) {
+function assetMetadataFor(record, metadata) {
+  return metadata.find(
+    (asset) => resolveChain(asset.chain) === resolveChain(record.chain) && asset.code === record.code && (asset.issuer ?? "") === (record.issuer ?? "")
+  );
+}
+function AssetIcon3({ code }) {
+  return /* @__PURE__ */ jsx("span", { className: "pollar-bal-asset-icon", "aria-hidden": true, children: code.slice(0, 2).toUpperCase() });
+}
+function BalanceItem({
+  record,
+  faucet,
+  metadata
+}) {
   const balanceDiffers = record.balance !== record.available;
+  const secondary = metadata?.name ?? (record.issuer ? cropAddress(record.issuer) : "Native asset");
   return /* @__PURE__ */ jsxs("div", { className: "pollar-bal-item", children: [
     /* @__PURE__ */ jsxs("div", { className: "pollar-bal-asset-info", children: [
-      /* @__PURE__ */ jsx("span", { className: "pollar-bal-asset-code-row", children: /* @__PURE__ */ jsx("span", { className: "pollar-bal-asset", children: record.code }) }),
-      record.issuer && /* @__PURE__ */ jsxs("span", { className: "pollar-issuer", children: [
-        /* @__PURE__ */ jsx("span", { className: "pollar-issuer-addr", children: cropAddress(record.issuer) }),
-        /* @__PURE__ */ jsx(CopyButton, { value: record.issuer, label: "Copy issuer address", className: "pollar-copy-btn-sm" })
+      /* @__PURE__ */ jsxs("span", { className: "pollar-bal-asset-leading", children: [
+        /* @__PURE__ */ jsx(AssetIcon3, { code: record.code }),
+        /* @__PURE__ */ jsxs("span", { className: "pollar-bal-asset-copy", children: [
+          /* @__PURE__ */ jsx("span", { className: "pollar-bal-asset", children: record.code }),
+          /* @__PURE__ */ jsxs("span", { className: "pollar-bal-asset-secondary", children: [
+            secondary,
+            record.issuer && /* @__PURE__ */ jsx(CopyButton, { value: record.issuer, label: "Copy issuer address", className: "pollar-copy-btn-sm" })
+          ] })
+        ] })
       ] }),
       faucet && /* @__PURE__ */ jsxs("span", { className: "pollar-bal-faucet-hint", children: [
         "Need more?",
@@ -5968,6 +7466,7 @@ function WalletBalanceModalTemplate({
   styleOverrides,
   walletBalance,
   walletAddress,
+  assetMetadata = [],
   chains,
   selectedChain,
   network,
@@ -5994,33 +7493,13 @@ function WalletBalanceModalTemplate({
             disabled: isLoading,
             "aria-label": "Refresh",
             title: "Refresh",
-            children: /* @__PURE__ */ jsx(
-              "svg",
-              {
-                className: isLoading ? "pollar-modal-refresh-icon pollar-spinning" : "pollar-modal-refresh-icon",
-                width: "16",
-                height: "16",
-                viewBox: "0 0 16 16",
-                fill: "none",
-                "aria-hidden": true,
-                children: /* @__PURE__ */ jsx(
-                  "path",
-                  {
-                    d: "M13.5 8a5.5 5.5 0 1 1-1.6-3.9M13.5 2v3h-3",
-                    stroke: "currentColor",
-                    strokeWidth: "1.6",
-                    strokeLinecap: "round",
-                    strokeLinejoin: "round"
-                  }
-                )
-              }
-            )
+            children: /* @__PURE__ */ jsx(RefreshIcon, { spinning: isLoading })
           }
         ),
-        /* @__PURE__ */ jsx("button", { className: "pollar-modal-close", onClick: onClose, "aria-label": "Close", children: /* @__PURE__ */ jsx("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": true, children: /* @__PURE__ */ jsx("path", { d: "M2 2l12 12M14 2L2 14", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round" }) }) })
+        /* @__PURE__ */ jsx("button", { type: "button", className: "pollar-modal-close", onClick: onClose, "aria-label": "Close", children: /* @__PURE__ */ jsx("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": true, children: /* @__PURE__ */ jsx("path", { d: "M2 2l12 12M14 2L2 14", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round" }) }) })
       ] })
     ] }),
-    /* @__PURE__ */ jsx(ChainSelect, { value: selectedChain, options: chains, onChange: onSelectChain, disabled: isLoading }),
+    chains && onSelectChain && /* @__PURE__ */ jsx(ChainSelect, { value: selectedChain, options: chains, onChange: onSelectChain, disabled: isLoading }),
     walletAddress && /* @__PURE__ */ jsxs("div", { className: "pollar-address-row", children: [
       /* @__PURE__ */ jsx("span", { className: "pollar-address", children: cropAddress(walletAddress) }),
       /* @__PURE__ */ jsx(CopyButton, { value: walletAddress, label: "Copy wallet address" })
@@ -6040,6 +7519,7 @@ function WalletBalanceModalTemplate({
       BalanceItem,
       {
         record: b,
+        metadata: assetMetadataFor(b, assetMetadata),
         faucet: showFaucets ? faucetFor(b) : null
       },
       (b.chain ?? "") + b.code + (b.issuer ?? "")
@@ -6048,7 +7528,7 @@ function WalletBalanceModalTemplate({
   ] });
 }
 function WalletBalanceModal({ onClose }) {
-  const { walletBalance, refreshWalletBalance, wallets, network, styles } = usePollar();
+  const { walletBalance, refreshWalletBalance, wallets, network, styles, enabledAssets } = usePollar();
   const { theme, accentColor, styleOverrides, overlayStyle } = modalChrome(styles);
   const { chains } = useChains();
   const [selectedChain, setSelectedChain] = useState(null);
@@ -6067,6 +7547,7 @@ function WalletBalanceModal({ onClose }) {
       styleOverrides,
       walletBalance,
       walletAddress,
+      assetMetadata: enabledAssets.step === "loaded" ? enabledAssets.data.assets : [],
       chains,
       selectedChain,
       network,
@@ -6136,7 +7617,11 @@ var DEFAULT_APP_CONFIG = {
 function sessionsEqual(a, b) {
   if (a === b) return true;
   if (!a || !b) return false;
-  return a.clientSessionId === b.clientSessionId && a.userId === b.userId && a.status === b.status && a.token?.accessToken === b.token?.accessToken && a.token?.refreshToken === b.token?.refreshToken && a.token?.expiresAt === b.token?.expiresAt && a.wallet?.address === b.wallet?.address;
+  return a.clientSessionId === b.clientSessionId && a.userId === b.userId && a.status === b.status && a.token?.accessToken === b.token?.accessToken && a.token?.refreshToken === b.token?.refreshToken && a.token?.expiresAt === b.token?.expiresAt && a.wallet?.address === b.wallet?.address && // The wallet's on-chain account can move from CREATING to READY without any
+  // other field changing. Leaving it out of the comparison is what would make
+  // the whole provisioning UI dead: the short-circuit below would swallow the
+  // one emission that says the wait is over.
+  a.wallet?.provisioning === b.wallet?.provisioning;
 }
 var PollarContext = createContext(null);
 var clientByConfig = /* @__PURE__ */ new WeakMap();
@@ -6302,6 +7787,7 @@ function PollarProvider({
   const [sessionsModalOpen, setSessionsModalOpen] = useState(false);
   const [distributionRulesModalOpen, setDistributionRulesModalOpen] = useState(false);
   const walletAddress = sessionState?.wallet?.address || "";
+  const walletProvisioning = sessionState?.wallet?.provisioning;
   const getClient = useCallback(() => pollarClient, [pollarClient]);
   const refreshWalletBalance = useCallback(() => pollarClient.refreshBalance(), [pollarClient, walletAddress]);
   const refreshAssets = useCallback(() => pollarClient.refreshAssets(), [pollarClient, walletAddress]);
@@ -6393,6 +7879,7 @@ function PollarProvider({
     };
   }, [
     walletAddress,
+    walletProvisioning,
     verified,
     pollarClient,
     getClient,
@@ -6413,11 +7900,24 @@ function PollarProvider({
     children,
     loginModalOpen && /* @__PURE__ */ jsx(ModalErrorBoundary, { onClose: () => setLoginModalOpen(false), children: /* @__PURE__ */ jsx(LoginModal, { onClose: () => setLoginModalOpen(false) }) }),
     transactionModalOpen && /* @__PURE__ */ jsx(ModalErrorBoundary, { onClose: () => setTransactionModalOpen(false), children: /* @__PURE__ */ jsx(TransactionModal, { onClose: () => setTransactionModalOpen(false) }) }),
-    kycModalOpen && /* @__PURE__ */ jsx(ModalErrorBoundary, { onClose: () => setKycModalOpen(false), children: /* @__PURE__ */ jsx(
+    kycModalOpen && /* @__PURE__ */ jsx(ModalErrorBoundary, { onClose: () => setKycModalOpen(false), children: kycModalOptions.corridorId === void 0 && kycModalOptions.providerId === void 0 ? (
+      // The app's own KYC: its configured steps, in order.
+      /* @__PURE__ */ jsx(
+        AppKycFlow,
+        {
+          onClose: () => setKycModalOpen(false),
+          ...kycModalOptions.country !== void 0 && { country: kycModalOptions.country },
+          ...kycModalOptions.level !== void 0 && { level: kycModalOptions.level },
+          ...kycModalOptions.onApproved !== void 0 && { onApproved: kycModalOptions.onApproved }
+        }
+      )
+    ) : /* @__PURE__ */ jsx(
       KycModal,
       {
         onClose: () => setKycModalOpen(false),
         ...kycModalOptions.country !== void 0 && { country: kycModalOptions.country },
+        ...kycModalOptions.corridorId !== void 0 && { corridorId: kycModalOptions.corridorId },
+        ...kycModalOptions.providerId !== void 0 && { providerId: kycModalOptions.providerId },
         ...kycModalOptions.level !== void 0 && { level: kycModalOptions.level },
         ...kycModalOptions.onApproved !== void 0 && { onApproved: kycModalOptions.onApproved }
       }
@@ -6479,6 +7979,7 @@ function WalletButtonTemplate({
   wrapperRef,
   isInProgress,
   showCreateAccount,
+  notReadyReason,
   creatingAccount,
   onToggleOpen,
   onCreateAccount,
@@ -6543,6 +8044,10 @@ function WalletButtonTemplate({
       }
     ),
     open && /* @__PURE__ */ jsxs("div", { className: "pollar-wallet-dropdown", style: { backgroundColor: dropdownBg, borderColor: dropdownBorder }, children: [
+      notReadyReason && /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx("div", { className: "pollar-wallet-dropdown-notice", style: { color: itemColor }, role: "status", children: notReadyReason }),
+        /* @__PURE__ */ jsx("div", { className: "pollar-wallet-dropdown-divider" })
+      ] }),
       showCreateAccount && /* @__PURE__ */ jsxs(Fragment, { children: [
         /* @__PURE__ */ jsxs(
           "button",
@@ -6812,7 +8317,7 @@ function WalletButton() {
     openDistributionRulesModal,
     tx: transaction
   } = usePollar();
-  const { primaryAddress } = useChains();
+  const { primaryChain, primaryAddress } = useChains();
   const walletAddress = primaryAddress || (wallet?.address ?? "");
   const [open, setOpen] = useState(false);
   const [copied, setCopied] = useState(false);
@@ -6822,6 +8327,7 @@ function WalletButton() {
   const copyTimerRef = useRef(null);
   const isInProgress = transaction.step === "building" || transaction.step === "signing";
   const canCreateAccount = !created && wallet?.custody === "external" && wallet.existsOnStellar === false && wallet.fundingMode === "IMMEDIATE";
+  const notReadyReason = walletNotReadyReason(wallet, primaryChain);
   const { theme = "light", accentColor = "#005DB4" } = styles;
   const isDark = theme === "dark";
   const dropdownBg = isDark ? "#18181b" : "#fff";
@@ -6915,6 +8421,7 @@ function WalletButton() {
       wrapperRef,
       isInProgress,
       showCreateAccount: canCreateAccount,
+      notReadyReason,
       creatingAccount: creating,
       onToggleOpen: () => setOpen((v) => !v),
       onCreateAccount: handleCreateAccount,
@@ -6933,6 +8440,6 @@ function WalletButton() {
   );
 }
 
-export { ChainSelect, DistributionRulesModal, DistributionRulesModalTemplate, EarnModal, EnabledAssetsModal, EnabledAssetsModalTemplate, KycModal, KycModalTemplate, KycStatus, LoginModalTemplate, PollarProvider, RampWidget, RampWidgetTemplate, ReceiveModal, ReceiveModalTemplate, RouteDisplay, SendModal, SendModalTemplate, SessionsModal, SessionsModalTemplate, SwapModal, SwapModalTemplate, TransactionModalTemplate, TxHistoryModalTemplate, TxStatusView, WalletBalanceModal, WalletBalanceModalTemplate, WalletButton, WalletButtonTemplate, addressForChain, browserPasskeyCeremony, browserPasskeySigner, buildModalCssVars, chainsOf, createPollarAdapterHook, modalChrome, readableTextOn, resolveChain, useChains, usePollar };
+export { ChainSelect, DistributionRulesModal, DistributionRulesModalTemplate, EarnModal, EnabledAssetsModal, EnabledAssetsModalTemplate, KycModal, KycModalTemplate, KycStatus, LoginModalTemplate, PollarProvider, ProviderRegistrationModal, RampWidget, RampWidgetTemplate, ReceiveModal, ReceiveModalTemplate, RegistryCheckModal, RequirementFormModal, RouteDisplay, SendModal, SendModalTemplate, SessionsModal, SessionsModalTemplate, SwapModal, SwapModalTemplate, TransactionModalTemplate, TxHistoryModalTemplate, TxStatusView, WalletBalanceModal, WalletBalanceModalTemplate, WalletButton, WalletButtonTemplate, addressForChain, browserPasskeyCeremony, browserPasskeySigner, buildModalCssVars, chainsOf, createPollarAdapterHook, modalChrome, readableTextOn, resolveChain, useChains, usePollar, walletNotReadyReason };
 //# sourceMappingURL=index.mjs.map
 //# sourceMappingURL=index.mjs.map