@pollar/react 0.11.5 → 0.12.0-rc.2

package/dist/index.mjs

@@ -1,5 +1,5 @@
 'use client';
-import { AUTH_ERROR_CODES, transactionErrorMessage, WalletType, cosignGroupOf, cosignStepKeyOf, stepInGroup, isPollarApiError, isPollarClient, PollarClient, isInteractiveAuthAdapter, toBaseUnits } from '@pollar/core';
+import { AUTH_ERROR_CODES, describeRampAction, mergeRampCountries, transactionErrorMessage, WalletType, isPollarApiError, isPollarClient, PollarClient, isInteractiveAuthAdapter, mergeRampSnapshot, toBaseUnits, fromBaseUnits } 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';
@@ -1036,7 +1036,7 @@ var PollarModalFooter = () => {
     /* @__PURE__ */ jsx("img", { src: LOGO_POLLAR_WORDMARK_ON_DARK, alt: "Pollar", className: "pollar-footer-logo pollar-logo-on-dark" }),
     /* @__PURE__ */ jsxs("span", { className: "pollar-footer-version", children: [
       "v",
-      "0.11.5"
+      "0.12.0-rc.2"
     ] })
   ] });
 };
@@ -1913,7 +1913,7 @@ function KycStatus({ status, label, className }) {
 
 // src/components/kyc-modal/kyc-messages.ts
 function kycErrorMessage(error, phase) {
-  const code = error?.code;
+  const code = typeof error === "object" && error !== null && "code" in error ? error.code : void 0;
   switch (code) {
     case "SDK_KYC_NOT_CONFIGURED":
       return "Identity verification is not available for this app yet.";
@@ -2158,7 +2158,13 @@ function KycModal({
         finish("approved");
         return;
       }
-      setSession(result);
+      const { sessionId } = result;
+      if (sessionId === void 0) throw new Error("The KYC provider answered without a session.");
+      setSession({
+        sessionId,
+        ...result.kycUrl !== void 0 ? { kycUrl: result.kycUrl } : {},
+        ...result.fields !== void 0 ? { fields: result.fields } : {}
+      });
       setStep("verifying");
     } catch (e) {
       const code = isPollarApiError(e) ? e.code : void 0;
@@ -2345,10 +2351,14 @@ function fieldErrorMessage(code, language) {
 }
 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;
+  if (!("code" in error) || error.code !== "KYC_FORM_INVALID_ANSWERS") return null;
+  const body = "body" in error ? error.body : void 0;
+  const list = typeof body === "object" && body !== null && "errors" in body ? body.errors : void 0;
+  if (!Array.isArray(list)) return null;
+  const items = list;
   const errors = {};
-  for (const item of body.errors) {
+  for (const item of items) {
+    if (typeof item !== "object" || item === null || !("key" in item) || !("code" in item)) continue;
     if (typeof item.key === "string" && typeof item.code === "string") errors[item.key] = item.code;
   }
   return Object.keys(errors).length ? errors : null;
@@ -3398,13 +3408,200 @@ function LoginModal({ onClose }) {
   ) });
 }
 
+// src/lib/qr-code/index.tsx
+var import_ErrorCorrectLevel = __toESM(require_ErrorCorrectLevel());
+var import_QRCode = __toESM(require_QRCode());
+var QRCodeSvg = forwardRef(function QRCodeSvg2({ bgColor, bgD, fgD, fgColor, size, title, viewBoxSize, xmlns = "http://www.w3.org/2000/svg", ...props }, ref) {
+  return /* @__PURE__ */ jsxs("svg", { ...props, height: size, ref, viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: size, xmlns, children: [
+    title ? /* @__PURE__ */ jsx("title", { children: title }) : null,
+    /* @__PURE__ */ jsx("path", { d: bgD, fill: bgColor }),
+    /* @__PURE__ */ jsx("path", { d: fgD, fill: fgColor })
+  ] });
+});
+QRCodeSvg.displayName = "QRCodeSvg";
+function bytesToBinaryString(bytes) {
+  return bytes.map((b) => String.fromCharCode(b & 255)).join("");
+}
+function encodeStringToUtf8Bytes(input) {
+  return Array.from(new TextEncoder().encode(input));
+}
+var QRCode = forwardRef(function QRCode2({ bgColor = "#FFFFFF", fgColor = "#000000", level = "L", size = 256, value, ...props }, ref) {
+  const qrcode = new import_QRCode.default(-1, import_ErrorCorrectLevel.default[level]);
+  const utf8Bytes = encodeStringToUtf8Bytes(value);
+  const binaryString = bytesToBinaryString(utf8Bytes);
+  qrcode.addData(binaryString, "Byte");
+  qrcode.make();
+  const cells = qrcode.modules;
+  return /* @__PURE__ */ jsx(
+    QRCodeSvg,
+    {
+      ...props,
+      bgColor,
+      bgD: cells.map(
+        (row, rowIndex) => row.map((cell, cellIndex) => !cell ? `M ${cellIndex} ${rowIndex} l 1 0 0 1 -1 0 Z` : "").join(" ")
+      ).join(" "),
+      fgColor,
+      fgD: cells.map(
+        (row, rowIndex) => row.map((cell, cellIndex) => cell ? `M ${cellIndex} ${rowIndex} l 1 0 0 1 -1 0 Z` : "").join(" ")
+      ).join(" "),
+      ref,
+      size,
+      viewBoxSize: cells.length
+    }
+  );
+});
+function RampWorkflow({
+  client,
+  snapshot,
+  onChange,
+  onBusyChange
+}) {
+  const model = describeRampAction(snapshot);
+  const locked = useRef(false);
+  useEffect(() => {
+    setFields({});
+    setError(null);
+  }, [model.action?.actionId]);
+  const [busy, setBusy] = useState(false);
+  const [error, setError] = useState(null);
+  const [fields, setFields] = useState({});
+  const fieldsComplete = model.action?.kind !== "collect_information" || model.action.fields.every((field) => {
+    const value = (fields[field.key] ?? "").trim();
+    if (!value) return field.optional;
+    if (field.type === "email") return /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(value);
+    return field.type !== "select" || field.options?.some((option) => option.value === value);
+  });
+  async function continueAction() {
+    if (!model.action || locked.current || !fieldsComplete) return;
+    locked.current = true;
+    setBusy(true);
+    onBusyChange?.(true);
+    setError(null);
+    try {
+      onChange(
+        model.canSign ? await client.signRampAction(snapshot.txId, snapshot) : await client.continueRamp(snapshot.txId, {
+          actionId: model.action.actionId,
+          transactionVersion: snapshot.transactionVersion,
+          ...model.action.kind === "collect_information" ? { fields } : {}
+        })
+      );
+    } catch (e) {
+      setError(e instanceof Error ? e.message : "Unable to continue.");
+    } finally {
+      locked.current = false;
+      setBusy(false);
+      onBusyChange?.(false);
+    }
+  }
+  return /* @__PURE__ */ jsxs(
+    "section",
+    {
+      className: "pollar-ramp-payment pollar-ramp-workflow",
+      "aria-label": "Ramp progress",
+      "aria-live": "polite",
+      "aria-busy": busy,
+      children: [
+        /* @__PURE__ */ jsx("h3", { className: "pollar-ramp-payment-title", children: model.title }),
+        snapshot.terms && /* @__PURE__ */ jsxs("p", { className: "pollar-ramp-terms", children: [
+          snapshot.terms.fiatAmount,
+          " ",
+          snapshot.terms.fiatCurrency,
+          " \xB7 ",
+          snapshot.terms.cryptoAmount,
+          " ",
+          snapshot.terms.assetCode,
+          /* @__PURE__ */ jsx("br", {}),
+          "Includes ",
+          snapshot.terms.feeAmount,
+          " ",
+          snapshot.terms.feeCurrency,
+          " fee"
+        ] }),
+        model.details.map((item, index) => /* @__PURE__ */ jsxs("p", { className: "pollar-ramp-workflow-detail", children: [
+          /* @__PURE__ */ jsxs("strong", { children: [
+            item.label,
+            ": "
+          ] }),
+          item.value
+        ] }, index)),
+        model.links.map((link, index) => /* @__PURE__ */ jsx("p", { children: /* @__PURE__ */ jsx("a", { className: "pollar-btn-primary pollar-ramp-hosted-link", href: link.url, target: "_blank", rel: "noopener noreferrer", children: link.label }) }, index)),
+        model.qr && /* @__PURE__ */ jsx(QRCode, { value: model.qr, size: 180 }),
+        model.qr && /* @__PURE__ */ jsx(
+          "button",
+          {
+            className: "pollar-btn-secondary",
+            type: "button",
+            onClick: () => void navigator.clipboard.writeText(model.qr).catch(() => setError("Unable to copy. Select the payment code to copy it manually.")),
+            children: "Copy payment code"
+          }
+        ),
+        model.action?.kind === "collect_information" && model.action.fields.map((field) => /* @__PURE__ */ jsxs("label", { className: "pollar-ramp-field", children: [
+          /* @__PURE__ */ jsxs("span", { className: "pollar-ramp-label", children: [
+            field.label,
+            field.optional ? " (optional)" : ""
+          ] }),
+          field.type === "select" ? /* @__PURE__ */ jsxs(
+            "select",
+            {
+              className: "pollar-ramp-input",
+              disabled: busy,
+              value: fields[field.key] ?? "",
+              onChange: (e) => setFields((previous) => ({ ...previous, [field.key]: e.target.value })),
+              children: [
+                /* @__PURE__ */ jsx("option", { value: "", children: "Choose" }),
+                field.options?.map((option) => /* @__PURE__ */ jsx("option", { value: option.value, children: option.label }, option.value))
+              ]
+            }
+          ) : /* @__PURE__ */ jsx(
+            "input",
+            {
+              className: "pollar-ramp-input",
+              disabled: busy,
+              type: field.type,
+              placeholder: field.placeholder,
+              value: fields[field.key] ?? "",
+              onChange: (e) => setFields((previous) => ({ ...previous, [field.key]: e.target.value }))
+            }
+          ),
+          field.hint && /* @__PURE__ */ jsx("small", { className: "pollar-ramp-field-hint", children: field.hint })
+        ] }, field.key)),
+        (model.canContinue || model.canSign) && /* @__PURE__ */ jsx(
+          "button",
+          {
+            className: "pollar-btn-primary",
+            type: "button",
+            disabled: busy || !fieldsComplete,
+            onClick: () => void continueAction(),
+            children: busy ? model.canSign ? "Waiting for your wallet\u2026" : "Continuing\u2026" : model.canSign ? "Authorize" : "Continue"
+          }
+        ),
+        snapshot.milestones?.map((milestone, index) => /* @__PURE__ */ jsxs("p", { children: [
+          milestone.kind.replace(/_/g, " "),
+          " \xB7 ",
+          milestone.verifiedAt
+        ] }, index)),
+        error && /* @__PURE__ */ jsx("p", { className: "pollar-ramp-field-error", role: "alert", children: error }),
+        /* @__PURE__ */ jsxs("small", { className: "pollar-ramp-reference", children: [
+          "Reference: ",
+          snapshot.txId
+        ] })
+      ]
+    }
+  );
+}
+
 // 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 (!("code" in error) || error.code !== "SDK_RAMPS_KYC_REQUIRED") return null;
+  const body = "body" in error ? error.body : void 0;
+  if (typeof body !== "object" || body === null) return null;
+  const rampProviderId = "rampProviderId" in body ? body.rampProviderId : void 0;
+  const corridorId = "corridorId" in body ? body.corridorId : void 0;
+  const requirementType = "requirementType" in body ? body.requirementType : void 0;
+  const optionId = "optionId" in body ? body.optionId : void 0;
+  const kycProviderId = "kycProviderId" in body ? body.kycProviderId : void 0;
   if (!nonEmpty(rampProviderId) || !nonEmpty(corridorId)) return null;
   if ((requirementType === "FORM" || requirementType === "REGISTRY_CHECK" || requirementType === "PROVIDER_REGISTRATION") && nonEmpty(optionId)) {
     return { rampProviderId, corridorId, type: requirementType, optionId };
@@ -3471,13 +3668,14 @@ function RouteDisplay({ quote, busy = false, disabled = false, onSelect }) {
       children: [
         /* @__PURE__ */ jsxs("div", { className: "pollar-ramp-route-left", children: [
           /* @__PURE__ */ jsx("span", { className: "pollar-ramp-route-provider", children: quote.provider }),
-          /* @__PURE__ */ jsx("span", { className: "pollar-ramp-route-meta", children: busy ? "Starting\u2026" : `${RAIL_LABELS[quote.rail] ?? quote.rail} \xB7 ${quote.protocol} \xB7 ${quote.estimatedTime}` })
+          /* @__PURE__ */ jsx("span", { className: "pollar-ramp-route-meta", children: busy ? "Starting\u2026" : [
+            quote.route ? `${quote.route.asset.code} on ${quote.route.asset.chain}` : null,
+            RAIL_LABELS[quote.rail] ?? quote.rail,
+            quote.estimatedTime
+          ].filter(Boolean).join(" \xB7 ") })
         ] }),
         /* @__PURE__ */ jsx("div", { className: "pollar-ramp-route-right", children: busy ? /* @__PURE__ */ jsx("span", { className: "pollar-spinner pollar-spinner-sm" }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsxs("span", { className: "pollar-ramp-route-fee", children: [
-            quote.fee,
-            "% fee"
-          ] }),
+          /* @__PURE__ */ jsx("span", { className: "pollar-ramp-route-fee", children: quote.terms ? `${quote.terms.fiatAmount} ${quote.terms.fiatCurrency} \xB7 ${quote.terms.cryptoAmount} ${quote.terms.assetCode} \xB7 Includes ${quote.terms.feeAmount} ${quote.terms.feeCurrency}` : `${quote.fee}% fee` }),
           quote.recommended && /* @__PURE__ */ jsx("span", { className: "pollar-ramp-route-badge", children: "Best rate" })
         ] }) })
       ]
@@ -3557,6 +3755,8 @@ function displayValue(field) {
   return Number.isNaN(at.getTime()) ? field.value : at.toLocaleString();
 }
 function RampWidgetTemplate({
+  workflowContent,
+  routeSelector,
   theme,
   accentColor,
   styleOverrides,
@@ -3593,6 +3793,11 @@ function RampWidgetTemplate({
   depositInstructions,
   canComplete,
   completing,
+  savedRamps = [],
+  onResumeRamp,
+  onDismissRamp,
+  onDismissCurrentRamp,
+  onExploreRoutes,
   errorMsg,
   noticeMsg,
   onDirectionChange,
@@ -3631,7 +3836,7 @@ function RampWidgetTemplate({
     // money, not who you are. Say which, rather than asserting the Bridge case
     // over every provider.
     contact: `${provider || "This provider"} needs ${listOf(requiredFields.filter((f) => !f.optional).map((f) => f.label.toLowerCase()))} to continue`,
-    status: `Finish the flow at ${provider || "the provider"} to continue`,
+    status: workflowContent ? "Follow the next step below to continue" : `Finish the flow at ${provider || "the provider"} to continue`,
     error: "Please try again"
   };
   return /* @__PURE__ */ jsxs("div", { className: "pollar-modal-card pollar-ramp-modal", style: cssVars, onClick: (e) => e.stopPropagation(), children: [
@@ -3685,7 +3890,39 @@ function RampWidgetTemplate({
         }
       )
     ] }),
+    step === "input" && savedRamps.length > 0 && /* @__PURE__ */ jsxs("section", { className: "pollar-ramp-payment pollar-ramp-saved", "aria-label": "Pending operations", children: [
+      /* @__PURE__ */ jsx("p", { className: "pollar-ramp-payment-note", children: "Your pending operations are saved. Starting another route does not cancel them." }),
+      savedRamps.map((ramp) => /* @__PURE__ */ jsxs("div", { className: "pollar-ramp-saved-row", children: [
+        /* @__PURE__ */ jsxs(
+          "button",
+          {
+            type: "button",
+            className: "pollar-btn-secondary",
+            disabled: isLoading,
+            onClick: () => onResumeRamp?.(ramp.txId),
+            children: [
+              "Resume ",
+              ramp.provider,
+              " \xB7 ",
+              ramp.txId.slice(-8)
+            ]
+          }
+        ),
+        onDismissRamp && /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            className: "pollar-btn-secondary",
+            disabled: isLoading,
+            "aria-label": `Remove ${ramp.provider} ${ramp.txId.slice(-8)} from pending list`,
+            onClick: () => onDismissRamp(ramp.txId),
+            children: "Remove"
+          }
+        )
+      ] }, ramp.txId))
+    ] }),
     step === "input" && /* @__PURE__ */ jsxs(Fragment, { children: [
+      noticeMsg && /* @__PURE__ */ jsx("p", { className: "pollar-ramp-payment-note", role: "status", children: noticeMsg }),
       /* @__PURE__ */ jsxs("div", { className: "pollar-tabs", children: [
         /* @__PURE__ */ jsx(
           "button",
@@ -3709,25 +3946,36 @@ function RampWidgetTemplate({
         )
       ] }),
       /* @__PURE__ */ jsxs("div", { className: "pollar-ramp-field", children: [
-        /* @__PURE__ */ jsx("label", { className: "pollar-ramp-label", children: "Country" }),
+        /* @__PURE__ */ jsx("label", { className: "pollar-ramp-label", htmlFor: "pollar-ramp-country", children: "Country" }),
         countriesLoading ? /* @__PURE__ */ jsxs("div", { className: "pollar-ramp-input pollar-select-loading", children: [
           /* @__PURE__ */ jsx("span", { className: "pollar-spinner pollar-spinner-sm" }),
           /* @__PURE__ */ jsx("span", { children: "Loading countries\u2026" })
-        ] }) : countries.length === 0 ? /* @__PURE__ */ jsx("div", { className: "pollar-modal-error", children: "No ramp providers available on this network yet." }) : /* @__PURE__ */ jsx("select", { className: "pollar-ramp-input", value: country, onChange: (e) => onCountryChange(e.target.value), children: countries.map((c) => /* @__PURE__ */ jsxs("option", { value: c.code, children: [
-          flagEmoji(c.code),
-          " ",
-          c.code,
-          c.currency ? ` \u2014 ${c.currency}` : ""
-        ] }, c.code)) })
+        ] }) : countries.length === 0 ? /* @__PURE__ */ jsx("div", { className: "pollar-modal-error", children: "No ramp providers available on this network yet." }) : /* @__PURE__ */ jsx(
+          "select",
+          {
+            id: "pollar-ramp-country",
+            className: "pollar-ramp-input",
+            value: country,
+            onChange: (e) => onCountryChange(e.target.value),
+            children: countries.map((c) => /* @__PURE__ */ jsxs("option", { value: c.code, children: [
+              flagEmoji(c.code),
+              " ",
+              c.code,
+              c.currency ? ` \u2014 ${c.currency}` : ""
+            ] }, c.code))
+          }
+        )
       ] }),
+      routeSelector,
       /* @__PURE__ */ jsxs("div", { className: "pollar-ramp-field", children: [
-        /* @__PURE__ */ jsxs("label", { className: "pollar-ramp-label", children: [
+        /* @__PURE__ */ jsxs("label", { className: "pollar-ramp-label", htmlFor: "pollar-ramp-amount", children: [
           "Amount",
           currency ? ` (${currency})` : ""
         ] }),
         /* @__PURE__ */ jsx(
           "input",
           {
+            id: "pollar-ramp-amount",
             type: "number",
             className: "pollar-ramp-input",
             placeholder: "0.00",
@@ -3833,7 +4081,16 @@ function RampWidgetTemplate({
         )
       ] })
     ] }),
-    step === "status" && /* @__PURE__ */ jsxs("div", { className: "pollar-ramp-payment", children: [
+    step === "status" && workflowContent,
+    step === "status" && onDismissCurrentRamp && txStatus !== "completed" && txStatus !== "failed" && /* @__PURE__ */ jsxs("div", { className: "pollar-ramp-explore", children: [
+      /* @__PURE__ */ jsx("button", { type: "button", className: "pollar-btn-secondary", disabled: completing, onClick: onDismissCurrentRamp, children: "Remove from pending list" }),
+      /* @__PURE__ */ jsx("p", { className: "pollar-ramp-payment-note", children: "This only hides the operation in this tab. To request cancellation, open the provider link above when available or contact the provider\u2019s support. Payments and refunds must be confirmed by the provider." })
+    ] }),
+    step === "status" && onExploreRoutes && /* @__PURE__ */ jsxs("div", { className: "pollar-ramp-explore", children: [
+      /* @__PURE__ */ jsx("button", { type: "button", className: "pollar-btn-secondary", disabled: completing, onClick: onExploreRoutes, children: txStatus === "completed" || txStatus === "failed" ? "Start another operation" : "Try another route" }),
+      txStatus !== "completed" && txStatus !== "failed" && /* @__PURE__ */ jsx("p", { className: "pollar-ramp-payment-note", children: "Your current operation stays saved so you can resume it later." })
+    ] }),
+    step === "status" && !workflowContent && /* @__PURE__ */ jsxs("div", { className: "pollar-ramp-payment", children: [
       /* @__PURE__ */ jsxs("div", { className: "pollar-ramp-payment-field", children: [
         /* @__PURE__ */ jsx("span", { className: "pollar-ramp-payment-label", children: "Provider" }),
         /* @__PURE__ */ jsx("div", { className: "pollar-ramp-payment-value", children: /* @__PURE__ */ jsx("code", { children: provider }) })
@@ -3965,7 +4222,7 @@ function RampWidgetTemplate({
       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" }),
         "Submitting\u2026"
-      ] }) : "I've completed KYC \u2014 withdraw" }),
+      ] }) : "Check verification and continue" }),
       errorMsg && /* @__PURE__ */ jsx("p", { className: "pollar-ramp-payment-note", style: { color: "var(--pollar-error-text)" }, children: errorMsg }),
       /* @__PURE__ */ jsx("button", { type: "button", className: "pollar-btn-secondary", onClick: onClose, children: txStatus === "completed" ? "Done" : "Close" })
     ] }),
@@ -4131,19 +4388,26 @@ var SHARED_FIELD_LABELS = {
     country_code: "Pa\xEDs de residencia"
   }
 };
-var errorCode = (error) => error && typeof error === "object" && typeof error.code === "string" ? error.code : null;
+var errorCode = (error) => typeof error === "object" && error !== null && "code" in error && typeof error.code === "string" ? error.code : null;
+var errorBody = (error) => {
+  const body = typeof error === "object" && error !== null && "body" in error ? error.body : void 0;
+  return typeof body === "object" && body !== null ? body : void 0;
+};
 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") : [];
+  const body = errorBody(error);
+  const missing = body && "missing" in body ? body.missing : void 0;
+  return Array.isArray(missing) ? missing.filter((item) => typeof item === "string") : [];
 }
 function registrationFixOf(error) {
-  const body = error && typeof error === "object" ? error.body : void 0;
+  const body = errorBody(error);
+  const invalid = body && "invalid" in body ? body.invalid : void 0;
+  const formList = body && "forms" in body ? body.forms : void 0;
   const strings = (value) => Array.isArray(value) ? value.filter((item) => typeof item === "string") : [];
-  const forms = Array.isArray(body?.forms) ? body.forms.flatMap((item) => {
-    const form = item && typeof item === "object" ? item : {};
-    return typeof form.formId === "string" ? [{ formId: form.formId, keys: strings(form.keys) }] : [];
+  const forms = Array.isArray(formList) ? formList.flatMap((item) => {
+    if (typeof item !== "object" || item === null || !("formId" in item) || typeof item.formId !== "string") return [];
+    return [{ formId: item.formId, keys: strings("keys" in item ? item.keys : void 0) }];
   }) : [];
-  return { invalid: strings(body?.invalid), forms };
+  return { invalid: strings(invalid), forms };
 }
 function RegistryCheckModal({ optionId, progress, onClose, onApproved }) {
   const { getClient, styles } = usePollar();
@@ -4463,9 +4727,51 @@ function ProviderRegistrationModal({
     }
   ) });
 }
+
+// src/components/ramp-widget/ramp-quotes.ts
+function unavailableRampMessage(country, unavailable) {
+  if (!unavailable.length) return `No ramp providers available for ${country} yet.`;
+  return unavailable.map(
+    ({ provider, code }) => code === "SDK_RAMPS_PROVIDER_NOT_CONFIGURED" ? `${provider} is not configured correctly. Contact the app administrator to enable this provider.` : `${provider} is temporarily unavailable. Please try again later.`
+  ).join(" ");
+}
+async function quoteRampOptions(client, query, routes) {
+  const matching = routes.filter(
+    (route) => route.country === query.country && route.direction === query.direction && route.fiatCurrency === query.currency
+  );
+  const responses = await Promise.allSettled([
+    client.getRampsQuote(query),
+    ...matching.map((route) => client.getRampsQuote({ ...query, routeId: route.routeId, chain: route.asset.chain }))
+  ]);
+  const results = responses.flatMap((response) => response.status === "fulfilled" ? [response.value] : []);
+  if (!results.length) throw responses[0].reason;
+  const quotes = /* @__PURE__ */ new Map();
+  const requirements = /* @__PURE__ */ new Map();
+  const unavailable = /* @__PURE__ */ new Map();
+  for (const result of results) {
+    for (const quote of result.quotes) {
+      const key = JSON.stringify([quote.provider, quote.route?.routeId, quote.route?.asset.chain, quote.rail, quote.protocol]);
+      if (!quotes.has(key)) quotes.set(key, quote);
+    }
+    for (const requirement of result.requirementsRequired ?? [])
+      requirements.set(`${requirement.rampProviderId}:${requirement.corridorId}`, requirement);
+    for (const item of result.unavailable ?? []) unavailable.set(item.provider, item);
+  }
+  const failed = responses.find((response) => response.status === "rejected");
+  if (!quotes.size && !requirements.size && failed?.status === "rejected") throw failed.reason;
+  return {
+    quotes: [...quotes.values()],
+    requirementsRequired: [...requirements.values()],
+    unavailable: [...unavailable.values()]
+  };
+}
 var TERMINAL = ["completed", "failed"];
+var BANK_TYPES = ["CLABE", "PIX", "PSE", "ACH", "BREB"];
+function isBankType(value) {
+  return BANK_TYPES.some((type) => type === value);
+}
 function requiredFieldsOf(quote) {
-  return quote.requiredFields ?? [];
+  return "requiredFields" in quote ? quote.requiredFields : [];
 }
 function flowStepsOf(quotes, selected) {
   const needsDetails = selected != null ? requiredFieldsOf(selected).length > 0 : quotes.some((q) => requiredFieldsOf(q).length > 0);
@@ -4479,7 +4785,8 @@ var STEP_LABEL = {
   status: "Complete"
 };
 function brokenLimitOf(amount, quote) {
-  const { minAmount, maxAmount } = quote;
+  const minAmount = "minAmount" in quote ? quote.minAmount : void 0;
+  const maxAmount = "maxAmount" in quote ? quote.maxAmount : void 0;
   if (!Number.isFinite(amount)) return null;
   if (minAmount != null && amount < minAmount) return { limit: "min", value: minAmount };
   if (maxAmount != null && amount > maxAmount) return { limit: "max", value: maxAmount };
@@ -4503,17 +4810,49 @@ var RAMP_ERROR_MESSAGES = {
   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;
-  const code = e?.code;
+  const code = typeof e === "object" && e !== null && "code" in e ? e.code : void 0;
   if (typeof code !== "string") return e instanceof Error ? e.message : fallback;
-  const limit = body?.limit;
-  const value = body?.limitAmount;
-  const currency = body?.limitCurrency;
+  const raw = typeof e === "object" && e !== null && "body" in e ? e.body : void 0;
+  const body = typeof raw === "object" && raw !== null ? raw : {};
+  const limit = "limit" in body ? body.limit : void 0;
+  const value = "limitAmount" in body ? body.limitAmount : void 0;
+  const currency = "limitCurrency" in body ? body.limitCurrency : void 0;
   if ((limit === "min" || limit === "max") && typeof value === "number" && typeof currency === "string") {
     return limitMessage(limit, value, currency);
   }
   return RAMP_ERROR_MESSAGES[code] ?? (e instanceof Error ? e.message : fallback);
 }
+function readRampStorage(key) {
+  try {
+    return typeof window === "undefined" ? null : window.sessionStorage.getItem(key);
+  } catch {
+    return null;
+  }
+}
+function writeRampStorage(key, value) {
+  try {
+    if (typeof window === "undefined") return;
+    if (value === null) window.sessionStorage.removeItem(key);
+    else window.sessionStorage.setItem(key, value);
+  } catch {
+  }
+}
+function savedRampsOf(key) {
+  try {
+    const value = JSON.parse(readRampStorage(`${key}:saved`) ?? "[]");
+    return Array.isArray(value) ? value.filter((item) => typeof item?.txId === "string" && typeof item?.provider === "string") : [];
+  } catch {
+    return [];
+  }
+}
+function hiddenRampsOf(key) {
+  try {
+    const value = JSON.parse(readRampStorage(`${key}:hidden`) ?? "[]");
+    return Array.isArray(value) ? value.filter((id) => typeof id === "string") : [];
+  } catch {
+    return [];
+  }
+}
 function explorerTxUrl2(chain, hash, network) {
   if (!hash) return null;
   const testnet = network === "testnet";
@@ -4522,7 +4861,7 @@ function explorerTxUrl2(chain, hash, network) {
   return `https://stellar.expert/explorer/${testnet ? "testnet" : "public"}/tx/${hash}`;
 }
 function RampWidget({ onClose }) {
-  const { getClient, signTx, wallet, styles, network } = usePollar();
+  const { getClient, wallet, styles, network } = usePollar();
   const walletAddress = wallet?.address ?? "";
   const client = getClient();
   const { theme, accentColor, styleOverrides, overlayStyle } = modalChrome(styles);
@@ -4533,7 +4872,7 @@ function RampWidget({ onClose }) {
   const [country, setCountry] = useState("");
   const [fieldValues, setFieldValues] = useState({});
   const setFieldValue = (key, value) => setFieldValues((v) => ({ ...v, [key]: value }));
-  const [countries, setCountries] = useState([]);
+  const [legacyCountries, setCountries] = useState([]);
   const [countriesLoading, setCountriesLoading] = useState(true);
   const [refreshing, setRefreshing] = useState(false);
   const [quotes, setQuotes] = useState([]);
@@ -4563,9 +4902,88 @@ function RampWidget({ onClose }) {
   const [fundsInTransit, setFundsInTransit] = useState(false);
   const [retrying, setRetrying] = useState(false);
   const [depositInstructions, setDepositInstructions] = useState(null);
+  const [workflow, setWorkflow] = useState(null);
+  const workflowRef = useRef(null);
+  const storageKey = `pollar:ramp:${client.apiKey}:${walletAddress}`;
+  const [savedRamps, setSavedRamps] = useState([]);
+  const [legacySignature, setLegacySignature] = useState(void 0);
+  function acceptWorkflow(incoming) {
+    if (hiddenRampsOf(storageKey).includes(incoming.txId)) return false;
+    const next = mergeRampSnapshot(workflowRef.current, incoming);
+    workflowRef.current = next;
+    setWorkflow(next);
+    if (next === incoming) {
+      const pending = savedRampsOf(storageKey).filter((item) => item.txId !== incoming.txId);
+      if (!["completed", "failed", "refunded"].includes(incoming.lifecycleState ?? incoming.status))
+        pending.push({
+          txId: incoming.txId,
+          provider: "provider" in incoming && typeof incoming.provider === "string" ? incoming.provider : provider || "Ramp"
+        });
+      writeRampStorage(`${storageKey}:saved`, JSON.stringify(pending));
+      writeRampStorage(storageKey, incoming.txId);
+      writeRampStorage(`${storageKey}:selection`, null);
+      setSavedRamps(pending);
+    }
+    return next === incoming;
+  }
+  const [routes, setRoutes] = useState([]);
+  const countries = mergeRampCountries(legacyCountries, routes);
+  useEffect(() => {
+    if (!country && countries[0]) {
+      setCountry(countries[0].code);
+      setCurrency(countries[0].currency ?? "");
+    }
+  }, [countries, country]);
+  useEffect(() => {
+    let active = true;
+    void client.getRampRoutes().then((result) => {
+      if (active) setRoutes(result.routes);
+    }).catch(() => {
+    });
+    return () => {
+      active = false;
+    };
+  }, [client]);
   const [completing, setCompleting] = useState(false);
+  const completionLocked = useRef(false);
   const [errorMsg, setErrorMsg] = useState(null);
-  const signingRef = useRef(false);
+  useEffect(() => {
+    if (typeof window === "undefined" || !walletAddress) return;
+    setSavedRamps(savedRampsOf(storageKey));
+    if (readRampStorage(`${storageKey}:selection`) === "1") return;
+    const hidden = hiddenRampsOf(storageKey);
+    const savedId = [new URLSearchParams(window.location.search).get("rampTxId"), readRampStorage(storageKey)].find(
+      (id) => id && !hidden.includes(id)
+    );
+    if (!savedId) return;
+    let active = true;
+    void client.getRampTransaction(savedId).then(async (result) => {
+      if (!active || result.transactionVersion === void 0) return;
+      setDirection(result.direction);
+      await applyResult(result);
+    }).catch(() => {
+      if (active)
+        setErrorMsg("Could not restore the saved ramp. Retry opening the modal; do not create a replacement order.");
+    });
+    return () => {
+      active = false;
+    };
+  }, [client, storageKey, walletAddress]);
+  async function resumeSavedRamp(id) {
+    if (completionLocked.current) return;
+    setIsLoading(true);
+    setErrorMsg(null);
+    try {
+      const result = await client.getRampTransaction(id);
+      if (result.transactionVersion === void 0) throw new Error("This saved ramp cannot be restored.");
+      setDirection(result.direction);
+      await applyResult(result);
+    } catch (error) {
+      setErrorMsg(rampErrorMessage(error, "Could not resume the saved ramp."));
+    } finally {
+      setIsLoading(false);
+    }
+  }
   const directionRef = useRef(direction);
   directionRef.current = direction;
   function applySettlement(tx) {
@@ -4588,23 +5006,20 @@ function RampWidget({ onClose }) {
       setRetrying(false);
     }
   }
+  const workflowTerminal = !!workflow && ["completed", "failed", "refunded"].includes(workflow.lifecycleState ?? workflow.status);
   useEffect(() => {
     if (step !== "status" || !txId) return;
-    if (txStatus && TERMINAL.includes(txStatus)) return;
+    if (workflowTerminal || txStatus && TERMINAL.includes(txStatus)) return;
     let active = true;
     const id = setInterval(async () => {
       try {
         const tx = await client.getRampTransaction(txId);
         if (!active) return;
+        if (tx.transactionVersion !== void 0 && !acceptWorkflow(tx)) return;
         setTxStatus(tx.status);
         applySettlement(tx);
-        const pending = tx.pendingSignature;
-        if (pending && !signingRef.current) {
-          signingRef.current = true;
-          void resumeRef.current(txId, pending).finally(() => {
-            signingRef.current = false;
-          });
-        }
+        const pending = "pendingSignature" in tx ? tx.pendingSignature : void 0;
+        if (pending) setLegacySignature(pending);
         if (tx.kycUrl) setKycUrl(tx.kycUrl);
         if (tx.depositInstructions) setDepositInstructions(tx.depositInstructions);
         if (TERMINAL.includes(tx.status)) clearInterval(id);
@@ -4615,9 +5030,9 @@ function RampWidget({ onClose }) {
       active = false;
       clearInterval(id);
     };
-  }, [step, txId, txStatus, client]);
+  }, [step, txId, txStatus, workflowTerminal, client]);
   useEffect(() => {
-    if (step !== "status" || !kycPending || kycApproved) return;
+    if (workflow || step !== "status" || !kycPending || kycApproved || provider.toLowerCase() !== "abroad") return;
     if (onboardingStatus === "awaiting_provider") return;
     let active = true;
     const check = async () => {
@@ -4633,14 +5048,15 @@ function RampWidget({ onClose }) {
       active = false;
       clearInterval(id);
     };
-  }, [step, kycPending, kycApproved, onboardingStatus, client]);
+  }, [step, kycPending, kycApproved, onboardingStatus, workflow, client, provider]);
   async function loadCountries(resetSelection) {
     setCountriesLoading(true);
     try {
       const { countries: list } = await client.getRampCountries();
       setCountries(list);
-      const first = list[0];
-      const stillValid = list.some((c) => c.code === country);
+      const available = mergeRampCountries(list, routes);
+      const first = available[0];
+      const stillValid = available.some((c) => c.code === country);
       if (first && (resetSelection || !stillValid)) {
         setCountry(first.code);
         if (first.currency) setCurrency(first.currency);
@@ -4665,11 +5081,22 @@ function RampWidget({ onClose }) {
     try {
       await loadCountries(false);
       if (step === "select_route") {
-        const result = await client.getRampsQuote({ country, amount: Number(amount), currency, direction });
+        const result = await quoteRampOptions(
+          client,
+          {
+            country,
+            amount: Number(amount),
+            amountExact: amount,
+            currency,
+            direction
+          },
+          routes
+        );
         setQuotes(result.quotes ?? []);
         setRequirementsRequired(result.requirementsRequired ?? []);
       } else if (step === "status" && txId) {
         const tx = await client.getRampTransaction(txId);
+        if (tx.transactionVersion !== void 0 && !acceptWorkflow(tx)) return;
         setTxStatus(tx.status);
         applySettlement(tx);
         if (tx.kycUrl) setKycUrl(tx.kycUrl);
@@ -4681,11 +5108,16 @@ function RampWidget({ onClose }) {
     }
   }
   function resetToInput({ keepMessage = false } = {}) {
+    writeRampStorage(storageKey, null);
+    writeRampStorage(`${storageKey}:selection`, "1");
     setStep("input");
     setQuotes([]);
     setRequirementsRequired([]);
     setSelectedQuote(null);
     setFieldValues({});
+    setWorkflow(null);
+    workflowRef.current = null;
+    setLegacySignature(void 0);
     setTxId(null);
     setProvider("");
     setKycUrl(null);
@@ -4701,8 +5133,20 @@ function RampWidget({ onClose }) {
     setNoticeMsg(null);
     if (!keepMessage) setErrorMsg(null);
   }
+  function dismissSavedRamp(id) {
+    if (completionLocked.current) return;
+    const pending = savedRampsOf(storageKey).filter((ramp) => ramp.txId !== id);
+    writeRampStorage(`${storageKey}:saved`, JSON.stringify(pending));
+    writeRampStorage(`${storageKey}:hidden`, JSON.stringify([.../* @__PURE__ */ new Set([...hiddenRampsOf(storageKey), id])]));
+    if (readRampStorage(storageKey) === id) writeRampStorage(storageKey, null);
+    setSavedRamps(pending);
+    if (txId === id) resetToInput();
+    setNoticeMsg(
+      "Removed from this tab\u2019s pending list. The operation may still be active at the provider; no payment was cancelled or refunded."
+    );
+  }
   async function resumeWithSignature(id, ps) {
-    const outcome = await signTx(ps.unsignedXdr);
+    const outcome = await client.signTx(ps.unsignedXdr, { skipSponsorship: ps.action === "sep10" });
     if (outcome.status === "cosign_pending") {
       setErrorMsg("Approve the signature on your device, then resume.");
       setStep("error");
@@ -4715,20 +5159,15 @@ function RampWidget({ onClose }) {
     }
     const result = await client.submitRampSignature(id, {
       signedXdr: outcome.signedXdr,
-      // The CCTP actions are not in the generated schema until it is regenerated.
       action: ps.action
     });
     await applyResult(result);
   }
-  const resumeRef = useRef(resumeWithSignature);
-  resumeRef.current = resumeWithSignature;
   async function applyResult(result) {
+    if ("transactionVersion" in result && result.transactionVersion !== void 0 && !acceptWorkflow(result)) return;
     setTxId(result.txId);
     setProvider(result.provider);
-    if (result.pendingSignature) {
-      await resumeWithSignature(result.txId, result.pendingSignature);
-      return;
-    }
+    setLegacySignature(result.pendingSignature);
     setKycUrl(result.kycUrl ?? null);
     setTosUrl(result.tosUrl ?? null);
     setOnboardingStatus(result.onboardingStatus);
@@ -4740,14 +5179,21 @@ function RampWidget({ onClose }) {
     setStep("status");
   }
   async function loadQuotes() {
-    const result = await client.getRampsQuote({ country, amount: Number(amount), currency, direction });
+    const result = await quoteRampOptions(
+      client,
+      {
+        country,
+        amount: Number(amount),
+        amountExact: amount,
+        currency,
+        direction
+      },
+      routes
+    );
     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.`
-      );
+      setErrorMsg(unavailableRampMessage(country, result.unavailable ?? []));
       setStep("error");
       return false;
     }
@@ -4793,19 +5239,40 @@ function RampWidget({ onClose }) {
     setIsLoading(true);
     setErrorMsg(null);
     try {
-      const base = { quoteId: quote.quoteId, amount: Number(amount), currency, country };
-      if (walletAddress) base.walletAddress = walletAddress;
-      const STANDARD_BODY_KEYS = /* @__PURE__ */ new Set(["email", "fullName", "taxId", "qrCode"]);
+      const body = {
+        quoteId: quote.quoteId,
+        amount: quote.fiatAmount ?? Number(amount),
+        ...quote.terms ? { amountExact: quote.terms.fiatAmount } : {},
+        currency,
+        country,
+        ...walletAddress ? { walletAddress } : {}
+      };
       const extraFields = {};
       for (const f of requiredFieldsOf(quote)) {
         const val = (fieldValues[f.key] ?? "").trim();
         if (!val) continue;
-        if (f.bankType) base.bankDetails = { type: f.bankType, value: val };
-        else if (STANDARD_BODY_KEYS.has(f.key)) base[f.key] = val;
+        if (f.bankType) {
+          if (isBankType(f.bankType)) body.bankDetails = { type: f.bankType, value: val };
+        } else if (f.key === "email" || f.key === "fullName" || f.key === "taxId" || f.key === "qrCode") body[f.key] = val;
         else extraFields[f.key] = val;
       }
-      if (Object.keys(extraFields).length > 0) base.fields = extraFields;
-      const result = direction === "onramp" ? await client.createOnRamp(base) : await client.createOffRamp(base);
+      if (quote.route)
+        body.fields = Object.fromEntries(
+          requiredFieldsOf(quote).map((field) => [field.key, (fieldValues[field.key] ?? "").trim()]).filter(([, value]) => value)
+        );
+      else if (Object.keys(extraFields).length > 0) body.fields = extraFields;
+      const onrampBody = {
+        quoteId: body.quoteId,
+        amount: body.amount,
+        currency: body.currency,
+        country: body.country,
+        ...body.amountExact !== void 0 ? { amountExact: body.amountExact } : {},
+        ...body.walletAddress !== void 0 ? { walletAddress: body.walletAddress } : {},
+        ...body.email !== void 0 ? { email: body.email } : {},
+        ...body.fullName !== void 0 ? { fullName: body.fullName } : {},
+        ...body.fields !== void 0 ? { fields: body.fields } : {}
+      };
+      const result = direction === "onramp" ? await client.createOnRamp(onrampBody) : await client.createOffRamp(body);
       await applyResult(result);
     } catch (e) {
       const requirement = requiredRampKyc(e);
@@ -4855,8 +5322,24 @@ function RampWidget({ onClose }) {
   function handleOpenTos() {
     if (tosUrl) window.open(tosUrl, "_blank", "noopener,noreferrer");
   }
+  async function handleLegacySignature() {
+    if (!txId || !legacySignature || completionLocked.current) return;
+    completionLocked.current = true;
+    setCompleting(true);
+    setErrorMsg(null);
+    try {
+      await resumeWithSignature(txId, legacySignature);
+    } catch (e) {
+      setErrorMsg(rampErrorMessage(e, "Failed to submit the signature."));
+      setStep("error");
+    } finally {
+      completionLocked.current = false;
+      setCompleting(false);
+    }
+  }
   async function handleCompleteWithdraw() {
-    if (!txId) return;
+    if (!txId || completionLocked.current) return;
+    completionLocked.current = true;
     setCompleting(true);
     setErrorMsg(null);
     try {
@@ -4873,11 +5356,12 @@ function RampWidget({ onClose }) {
         msg.includes("KYC") ? "Finish KYC at the provider first, then try again." : msg || "Failed to complete the withdrawal."
       );
     } finally {
+      completionLocked.current = false;
       setCompleting(false);
     }
   }
   const kycBlocking = kycPending && !kycApproved;
-  const canComplete = direction === "offramp" && step === "status" && txStatus !== "completed" && !stellarTxHash && !txHash && !kycPending;
+  const canComplete = !workflow && !legacySignature && direction === "offramp" && step === "status" && txStatus !== "completed" && txStatus !== "failed" && !stellarTxHash && !txHash && !kycPending;
   const flowSteps = flowStepsOf(quotes, selectedQuote);
   const flowStepIndex = flowSteps.indexOf(STEP_LABEL[step] ?? "");
   if (pendingKyc?.type === "FORM") {
@@ -4935,6 +5419,20 @@ function RampWidget({ onClose }) {
   return /* @__PURE__ */ jsx("div", { className: "pollar-overlay", style: overlayStyle, onClick: onClose, children: /* @__PURE__ */ jsx(
     RampWidgetTemplate,
     {
+      workflowContent: workflow ? /* @__PURE__ */ jsx(
+        RampWorkflow,
+        {
+          client,
+          snapshot: workflow,
+          onBusyChange: (busy) => {
+            completionLocked.current = busy;
+            setCompleting(busy);
+          },
+          onChange: (next) => {
+            if (acceptWorkflow(next)) setTxStatus(next.status);
+          }
+        }
+      ) : legacySignature && step === "status" && txStatus !== "completed" && txStatus !== "failed" ? /* @__PURE__ */ jsx("button", { type: "button", disabled: completing, onClick: () => void handleLegacySignature(), children: "Authorize wallet request" }) : void 0,
       theme,
       accentColor,
       styleOverrides,
@@ -4971,9 +5469,18 @@ function RampWidget({ onClose }) {
       depositInstructions,
       canComplete,
       completing,
+      savedRamps,
+      onResumeRamp: resumeSavedRamp,
+      onDismissRamp: dismissSavedRamp,
+      onDismissCurrentRamp: workflow ? () => dismissSavedRamp(workflow.txId) : void 0,
+      onExploreRoutes: workflow ? () => {
+        if (!completionLocked.current) resetToInput();
+      } : void 0,
       errorMsg,
       noticeMsg,
-      onDirectionChange: setDirection,
+      onDirectionChange: (next) => {
+        setDirection(next);
+      },
       onAmountChange: (next) => {
         setAmount(next);
         setErrorMsg(null);
@@ -5006,49 +5513,6 @@ function walletNotReadyReason(wallet, chain) {
   }
   return null;
 }
-
-// src/lib/qr-code/index.tsx
-var import_ErrorCorrectLevel = __toESM(require_ErrorCorrectLevel());
-var import_QRCode = __toESM(require_QRCode());
-var QRCodeSvg = forwardRef(function QRCodeSvg2({ bgColor, bgD, fgD, fgColor, size, title, viewBoxSize, xmlns = "http://www.w3.org/2000/svg", ...props }, ref) {
-  return /* @__PURE__ */ jsxs("svg", { ...props, height: size, ref, viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: size, xmlns, children: [
-    title ? /* @__PURE__ */ jsx("title", { children: title }) : null,
-    /* @__PURE__ */ jsx("path", { d: bgD, fill: bgColor }),
-    /* @__PURE__ */ jsx("path", { d: fgD, fill: fgColor })
-  ] });
-});
-QRCodeSvg.displayName = "QRCodeSvg";
-function bytesToBinaryString(bytes) {
-  return bytes.map((b) => String.fromCharCode(b & 255)).join("");
-}
-function encodeStringToUtf8Bytes(input) {
-  return Array.from(new TextEncoder().encode(input));
-}
-var QRCode = forwardRef(function QRCode2({ bgColor = "#FFFFFF", fgColor = "#000000", level = "L", size = 256, value, ...props }, ref) {
-  const qrcode = new import_QRCode.default(-1, import_ErrorCorrectLevel.default[level]);
-  const utf8Bytes = encodeStringToUtf8Bytes(value);
-  const binaryString = bytesToBinaryString(utf8Bytes);
-  qrcode.addData(binaryString, "Byte");
-  qrcode.make();
-  const cells = qrcode.modules;
-  return /* @__PURE__ */ jsx(
-    QRCodeSvg,
-    {
-      ...props,
-      bgColor,
-      bgD: cells.map(
-        (row, rowIndex) => row.map((cell, cellIndex) => !cell ? `M ${cellIndex} ${rowIndex} l 1 0 0 1 -1 0 Z` : "").join(" ")
-      ).join(" "),
-      fgColor,
-      fgD: cells.map(
-        (row, rowIndex) => row.map((cell, cellIndex) => cell ? `M ${cellIndex} ${rowIndex} l 1 0 0 1 -1 0 Z` : "").join(" ")
-      ).join(" "),
-      ref,
-      size,
-      viewBoxSize: cells.length
-    }
-  );
-});
 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(
@@ -5089,6 +5553,8 @@ function ReceiveModalTemplate({
   onSelectChain,
   copied,
   notReadyReason,
+  recoveryLocked,
+  onSetupRecovery,
   onCopy,
   onClose
 }) {
@@ -5107,7 +5573,10 @@ function ReceiveModalTemplate({
           /* @__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" }) }) }) })
         ] }),
         chains && onSelectChain && /* @__PURE__ */ jsx(ChainSelect, { value: selectedChain, options: chains, onChange: onSelectChain }),
-        walletAddress ? /* @__PURE__ */ jsxs(Fragment, { children: [
+        recoveryLocked ? /* @__PURE__ */ jsxs("div", { className: "pollar-receive-locked", role: "alert", children: [
+          /* @__PURE__ */ jsx("p", { children: "Set up a way to recover this wallet before receiving funds. Without one, losing this device means losing whatever you receive, and nobody can get it back." }),
+          onSetupRecovery && /* @__PURE__ */ jsx("button", { type: "button", className: "pollar-receive-copy-btn", onClick: onSetupRecovery, children: "Set up recovery" })
+        ] }) : walletAddress ? /* @__PURE__ */ jsxs(Fragment, { children: [
           /* @__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 }),
@@ -5181,7 +5650,7 @@ function ReceiveModalTemplate({
   );
 }
 function ReceiveModal({ onClose }) {
-  const { wallet, wallets, styles } = usePollar();
+  const { wallet, wallets, styles, recoveryLocked, openRecoveryModal } = usePollar();
   const { theme, accentColor, styleOverrides, overlayStyle } = modalChrome(styles);
   const [copied, setCopied] = useState(false);
   const copyTimerRef = useRef(null);
@@ -5223,6 +5692,11 @@ function ReceiveModal({ onClose }) {
         setSelectedChain(chain);
       },
       notReadyReason,
+      recoveryLocked,
+      onSetupRecovery: () => {
+        onClose();
+        openRecoveryModal();
+      },
       copied,
       onCopy: handleCopy,
       onClose
@@ -5746,6 +6220,11 @@ function SendModalTemplate({
   );
 }
 var MAX_MEMO_ID = 18446744073709551615n;
+var SOLANA_FEE_MARGIN_LAMPORTS = 10000n;
+function solanaMaxAfterFee(available) {
+  const lamports = BigInt(toBaseUnits(available, 9)) - SOLANA_FEE_MARGIN_LAMPORTS;
+  return fromBaseUnits((lamports > 0n ? lamports : 0n).toString(), 9);
+}
 function parseMemo(type, raw) {
   const value = type === "id" ? raw.trim() : raw;
   if (value.trim() === "") return void 0;
@@ -5905,7 +6384,15 @@ function SendModal({ onClose }) {
   }
   function handleMax() {
     if (selectedAsset?.available !== null && selectedAsset?.available !== void 0) {
-      setAmount(selectedAsset.available);
+      const paysOwnSolFee = selectedChain === "SOLANA" && selectedAsset.type === "native" && selectedAsset.sponsored !== true;
+      let max = selectedAsset.available;
+      if (paysOwnSolFee) {
+        try {
+          max = solanaMaxAfterFee(selectedAsset.available);
+        } catch {
+        }
+      }
+      setAmount(max);
       setFormError("");
     }
   }
@@ -7104,9 +7591,12 @@ function EarnModal({ onClose }) {
 var nonEmpty2 = (value) => typeof value === "string" && !!value.trim();
 function requiredCardStep(error) {
   if (!error || typeof error !== "object") return null;
-  const { code, body } = error;
-  if (code !== "SDK_CARDS_REQUIREMENT_REQUIRED" || !body || typeof body !== "object") return null;
-  const { cardProviderId, requirementType, optionId } = body;
+  if (!("code" in error) || error.code !== "SDK_CARDS_REQUIREMENT_REQUIRED") return null;
+  const body = "body" in error ? error.body : void 0;
+  if (typeof body !== "object" || body === null) return null;
+  const cardProviderId = "cardProviderId" in body ? body.cardProviderId : void 0;
+  const requirementType = "requirementType" in body ? body.requirementType : void 0;
+  const optionId = "optionId" in body ? body.optionId : void 0;
   if (!nonEmpty2(cardProviderId) || !nonEmpty2(optionId)) return null;
   if (requirementType === "KYC" || requirementType === "FORM" || requirementType === "REGISTRY_CHECK" || requirementType === "PROVIDER_REGISTRATION") {
     return { cardProviderId, type: requirementType, optionId };
@@ -7760,15 +8250,17 @@ function CardModal({ onClose }) {
           transactions === null && /* @__PURE__ */ jsx("p", { className: "pollar-card-note", children: "Loading..." }),
           transactions?.length === 0 && /* @__PURE__ */ jsx("p", { className: "pollar-card-note", children: "No movements yet." }),
           transactions?.map((tx) => {
-            const purchase = tx.purchase;
-            const local = purchase?.localAmount && purchase.localCurrency && purchase.localCurrency !== "USD" ? money(String(purchase.localAmount), purchase.localCurrency) : null;
+            const localAmount = typeof tx.purchase?.localAmount === "number" ? tx.purchase.localAmount : null;
+            const localCurrency = typeof tx.purchase?.localCurrency === "string" ? tx.purchase.localCurrency : null;
+            const purchaseStatus = typeof tx.purchase?.status === "string" ? tx.purchase.status : null;
+            const local = localAmount && localCurrency && localCurrency !== "USD" ? money(String(localAmount), localCurrency) : null;
             return /* @__PURE__ */ jsxs("div", { className: "pollar-card-tx", children: [
               /* @__PURE__ */ jsxs("div", { children: [
                 tx.merchantName ?? TX_LABELS[tx.type] ?? tx.type,
                 /* @__PURE__ */ jsxs("span", { className: "pollar-card-tx-meta", children: [
                   new Date(tx.occurredAt).toLocaleDateString(),
                   tx.merchantName ? ` \xB7 ${TX_LABELS[tx.type] ?? tx.type}` : "",
-                  purchase?.status && purchase.status !== "completed" ? ` \xB7 ${purchase.status}` : ""
+                  purchaseStatus && purchaseStatus !== "completed" ? ` \xB7 ${purchaseStatus}` : ""
                 ] })
               ] }),
               /* @__PURE__ */ jsxs("div", { className: "pollar-card-tx-amount", "data-direction": tx.direction ?? void 0, children: [
@@ -8167,7 +8659,8 @@ function useCosign() {
     revokeDevice: useCallback(
       (deviceId, options) => getClient().cosign.revokeDevice(deviceId, options),
       [getClient]
-    )
+    ),
+    switchCustody: useCallback((to) => getClient().cosign.switchCustody(to), [getClient])
   };
 }
 var OPERATION_LABELS = {
@@ -8189,6 +8682,15 @@ function expiresIn(request) {
   const m = Math.floor(ms % 36e5 / 6e4);
   return h > 0 ? `${h}h ${m}m` : `${m}m`;
 }
+function readableAmount(details) {
+  const { amount, decimals, symbol } = details;
+  if (typeof amount !== "string" || typeof decimals !== "number" || typeof symbol !== "string") return null;
+  try {
+    return { amount: fromBaseUnits(amount, decimals), symbol };
+  } catch {
+    return null;
+  }
+}
 function detailRows(request) {
   const details = request.details ?? {};
   const rows = [];
@@ -8200,8 +8702,9 @@ function detailRows(request) {
     ]);
   };
   push("Destination", details.destination);
-  push("Amount", details.amount);
-  push("Asset", details.asset ?? details.assetCode);
+  const readable = readableAmount(details);
+  push("Amount", readable ? `${readable.amount} ${readable.symbol}` : details.amount);
+  push("Asset", details.asset ?? details.assetCode ?? readable?.symbol);
   push("Network", request.network);
   return rows;
 }
@@ -8276,7 +8779,6 @@ function CosignModalTemplate({
         current && /* @__PURE__ */ jsxs("div", { className: "pollar-cosign-detail", children: [
           /* @__PURE__ */ jsx("p", { className: "pollar-cosign-detail-title", children: labelOf(current) }),
           current.summary && /* @__PURE__ */ jsx("p", { className: "pollar-cosign-muted", children: current.summary }),
-          /* @__PURE__ */ jsx(GroupSteps, { request: current }),
           /* @__PURE__ */ jsxs("dl", { className: "pollar-cosign-rows", children: [
             detailRows(current).map(([k, v]) => /* @__PURE__ */ jsxs("div", { className: "pollar-cosign-row", children: [
               /* @__PURE__ */ jsx("dt", { children: k }),
@@ -8327,22 +8829,6 @@ function CosignModalTemplate({
     }
   );
 }
-function GroupSteps({ request }) {
-  const group = cosignGroupOf(request);
-  if (!group || group.steps.length < 2) return null;
-  const stepKey = cosignStepKeyOf(request);
-  return /* @__PURE__ */ jsxs("div", { className: "pollar-cosign-group", children: [
-    /* @__PURE__ */ jsx("p", { className: "pollar-cosign-group-title", children: group.title }),
-    /* @__PURE__ */ jsx("p", { className: "pollar-cosign-muted", children: "Approving covers these steps; each one is checked before it is signed." }),
-    /* @__PURE__ */ jsx("ol", { className: "pollar-cosign-group-steps", children: group.steps.map((step) => {
-      const isThis = stepKey !== null && stepInGroup({ steps: [step] }, stepKey);
-      return /* @__PURE__ */ jsxs("li", { className: isThis ? "pollar-cosign-group-step-current" : void 0, children: [
-        step.label,
-        isThis && /* @__PURE__ */ jsx("span", { className: "pollar-cosign-muted", children: " (this one)" })
-      ] }, step.key);
-    }) })
-  ] });
-}
 function CosignModal({ onClose }) {
   const { getClient, styles, network } = usePollar();
   const { theme, accentColor, styleOverrides, overlayStyle } = modalChrome(styles);
@@ -8425,6 +8911,493 @@ function CosignModal({ onClose }) {
     }
   ) });
 }
+var CHAIN_NAME3 = { STELLAR: "Stellar", SOLANA: "Solana", POLYGON: "Polygon" };
+var short = (address) => `${address.slice(0, 6)}...${address.slice(-4)}`;
+var SELF_CUSTODY_RISKS = "In a self-custody wallet only your device can sign. If you lose this device and every recovery method, nobody can recover the wallet or its funds, not the app and not Pollar. Nobody can undo or freeze a transaction you sign.";
+function CustodyMigrationModalTemplate(p) {
+  const cssVars = buildModalCssVars(p.theme, p.accentColor, p.styleOverrides);
+  const [pick, setPick] = useState(p.state.choice ? null : p.state.toCustody);
+  const [risksAccepted, setRisksAccepted] = useState(false);
+  const custody = p.state.choice ? pick : p.state.toCustody;
+  const canMove = !!custody && (custody !== "SELF_CUSTODY" || risksAccepted) && !p.busy;
+  const moving = p.state.wallets.filter((w) => w.required);
+  const changing = moving.filter((w) => w.addressChanges);
+  const failed = moving.some((w) => w.status === "FAILED");
+  return /* @__PURE__ */ jsxs("div", { className: "pollar-modal-card pollar-recovery-modal", "data-theme": p.theme, style: cssVars, children: [
+    /* @__PURE__ */ jsx("div", { className: "pollar-modal-header", children: /* @__PURE__ */ jsx("h2", { className: "pollar-modal-title", children: "Move your wallets to this device" }) }),
+    /* @__PURE__ */ jsxs("div", { className: "pollar-recovery-body", children: [
+      /* @__PURE__ */ jsx("p", { className: "pollar-recovery-muted", children: "Until now Pollar held the keys of your wallets. This app now keeps wallets on its users' devices, so they move here, with everything they hold." }),
+      /* @__PURE__ */ jsxs("section", { className: "pollar-recovery-section", children: [
+        /* @__PURE__ */ jsx("h3", { children: "What moves" }),
+        moving.map((w) => /* @__PURE__ */ jsxs("div", { className: "pollar-recovery-item", children: [
+          /* @__PURE__ */ jsxs("span", { children: [
+            CHAIN_NAME3[w.chain] ?? w.chain,
+            " \xB7 ",
+            short(w.address)
+          ] }),
+          /* @__PURE__ */ jsx("span", { className: "pollar-recovery-tag", children: w.addressChanges ? "New address" : "Same address" })
+        ] }, w.chain))
+      ] }),
+      changing.length > 0 && /* @__PURE__ */ jsxs("div", { className: "pollar-recovery-banner pollar-recovery-banner-warn", role: "alert", children: [
+        "Your ",
+        changing.map((w) => CHAIN_NAME3[w.chain] ?? w.chain).join(" and "),
+        " address changes: every token and the balance go to a new address on this device. Stop sharing the old one; anything sent there later needs help from support to recover."
+      ] }),
+      p.state.choice && /* @__PURE__ */ jsxs("section", { className: "pollar-recovery-section", children: [
+        /* @__PURE__ */ jsx("h3", { children: "Choose how your wallet signs" }),
+        /* @__PURE__ */ jsxs("label", { className: "pollar-recovery-check", children: [
+          /* @__PURE__ */ jsx("input", { type: "radio", name: "custody", checked: pick === "COSIGNED", onChange: () => setPick("COSIGNED") }),
+          " ",
+          "Co-signed: you and the app approve every signature together, and the wallet can be recovered with help."
+        ] }),
+        /* @__PURE__ */ jsxs("label", { className: "pollar-recovery-check", children: [
+          /* @__PURE__ */ jsx("input", { type: "radio", name: "custody", checked: pick === "SELF_CUSTODY", onChange: () => setPick("SELF_CUSTODY") }),
+          " ",
+          "Self-custody: only your device signs. Nobody else can move or recover your funds."
+        ] })
+      ] }),
+      custody === "SELF_CUSTODY" && /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx("div", { className: "pollar-recovery-banner pollar-recovery-banner-warn", role: "alert", children: SELF_CUSTODY_RISKS }),
+        /* @__PURE__ */ jsxs("label", { className: "pollar-recovery-check", children: [
+          /* @__PURE__ */ jsx("input", { type: "checkbox", checked: risksAccepted, onChange: (e) => setRisksAccepted(e.target.checked) }),
+          " I understand and accept these risks"
+        ] })
+      ] }),
+      failed && !p.error && /* @__PURE__ */ jsx("p", { className: "pollar-recovery-error", role: "alert", children: "The last attempt did not finish. What did not move is still where it was; try again." }),
+      p.blockedReasons && /* @__PURE__ */ jsxs("div", { className: "pollar-recovery-banner pollar-recovery-banner-warn", role: "alert", children: [
+        "A wallet cannot move while something still uses it: ",
+        p.blockedReasons.join(", "),
+        ". Let it finish and try again."
+      ] }),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          className: "pollar-recovery-btn pollar-recovery-btn-primary",
+          onClick: () => custody && p.onMove(p.state.choice ? custody : void 0),
+          disabled: !canMove,
+          children: p.busy ? "Moving your wallets..." : "Move my wallets"
+        }
+      ),
+      p.blockedReasons && /* @__PURE__ */ jsx("button", { type: "button", className: "pollar-recovery-btn pollar-recovery-btn-quiet", onClick: p.onLater, disabled: p.busy, children: "Continue for now" }),
+      /* @__PURE__ */ jsx("button", { type: "button", className: "pollar-recovery-btn pollar-recovery-btn-quiet", onClick: p.onLogout, disabled: p.busy, children: "Log out" }),
+      p.error && /* @__PURE__ */ jsx("p", { className: "pollar-recovery-error", role: "alert", children: p.error })
+    ] }),
+    /* @__PURE__ */ jsx(PollarModalFooter, {})
+  ] });
+}
+function CustodyMigrationModal({ state, onMoved, onLater }) {
+  const { getClient, styles } = usePollar();
+  const { theme, accentColor, styleOverrides, overlayStyle } = modalChrome(styles);
+  const [busy, setBusy] = useState(false);
+  const [error, setError] = useState(null);
+  const [blockedReasons, setBlockedReasons] = useState(null);
+  async function move(custody) {
+    setBusy(true);
+    setError(null);
+    setBlockedReasons(null);
+    try {
+      await getClient().cosign.migrateWallets(custody);
+      onMoved();
+    } catch (err) {
+      if (isPollarApiError(err) && err.code === "SDK_CUSTODY_MIGRATION_BLOCKED") {
+        const reasons = err.body.reasons;
+        setBlockedReasons(Array.isArray(reasons) ? reasons.map(String) : []);
+        return;
+      }
+      setError(transactionErrorMessage(isPollarApiError(err) ? err.code : null, err instanceof Error ? err.message : null));
+    } finally {
+      setBusy(false);
+    }
+  }
+  return /* @__PURE__ */ jsx("div", { className: "pollar-overlay", style: overlayStyle, children: /* @__PURE__ */ jsx(
+    CustodyMigrationModalTemplate,
+    {
+      theme,
+      accentColor,
+      styleOverrides,
+      state,
+      busy,
+      error,
+      blockedReasons,
+      onMove: (custody) => void move(custody),
+      onLater,
+      onLogout: () => void getClient().logout()
+    }
+  ) });
+}
+function CloseIcon3() {
+  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" }) });
+}
+var shortKey = (key) => `${key.slice(0, 6)}...${key.slice(-4)}`;
+function Button(props) {
+  const running = props.busy === props.id;
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      type: "button",
+      className: `pollar-recovery-btn pollar-recovery-btn-${props.kind ?? "quiet"}`,
+      onClick: props.onClick,
+      disabled: props.disabled || props.busy !== null,
+      children: running ? props.busyLabel ?? "Working..." : props.label
+    }
+  );
+}
+function CodeForm(props) {
+  const [code, setCode] = useState("");
+  return /* @__PURE__ */ jsxs(
+    "form",
+    {
+      className: "pollar-recovery-row",
+      onSubmit: (e) => {
+        e.preventDefault();
+        if (code.trim()) props.onSubmit(code);
+      },
+      children: [
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            className: "pollar-recovery-input",
+            value: code,
+            onChange: (e) => setCode(e.target.value),
+            placeholder: "Code from the email",
+            autoComplete: "one-time-code",
+            "aria-label": "Code from the email"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            busy: props.busy,
+            id: props.id,
+            label: props.label,
+            kind: "primary",
+            onClick: () => code.trim() && props.onSubmit(code)
+          }
+        )
+      ]
+    }
+  );
+}
+function RecoveryModalTemplate(p) {
+  const cssVars = buildModalCssVars(p.theme, p.accentColor, p.styleOverrides);
+  const [exportAccepted, setExportAccepted] = useState(false);
+  const [risksAccepted, setRisksAccepted] = useState(false);
+  const state = p.state;
+  const locked = !!state && state.required && !state.configured;
+  const risksPending = locked && p.selfCustodyRisks && !risksAccepted;
+  const lastMethod = !!state && state.passkeys.length + (state.email.verified ? 1 : 0) + (state.devices.length >= 2 ? 1 : 0) <= 1;
+  let body;
+  if (!state) {
+    body = /* @__PURE__ */ jsx("p", { className: "pollar-recovery-muted", children: "Loading your wallet's recovery methods..." });
+  } else if (!state.required) {
+    body = /* @__PURE__ */ jsx("p", { className: "pollar-recovery-muted", children: "This wallet doesn't need recovery methods: it isn't secured by your device." });
+  } else if (!p.thisDeviceEnrolled && p.view !== "recover-email") {
+    body = /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("div", { className: "pollar-recovery-banner pollar-recovery-banner-warn", role: "status", children: "This device isn't part of your wallet yet. Get back in with one of your recovery methods, or ask a device that already has the wallet to add this one." }),
+      state.passkeys.length > 0 && p.passkeyAvailable && /* @__PURE__ */ jsx(Button, { busy: p.busy, id: "recover-passkey", label: "Use a passkey", kind: "primary", onClick: p.onRecoverWithPasskey }),
+      state.email.verified && /* @__PURE__ */ jsx(
+        Button,
+        {
+          busy: p.busy,
+          id: "recover-send",
+          label: `Email a code to ${state.email.address ?? "your email"}`,
+          onClick: () => p.onView("recover-email")
+        }
+      ),
+      /* @__PURE__ */ jsx(Button, { busy: p.busy, id: "enroll", label: "Ask another device to add this one", onClick: p.onRequestEnrollment })
+    ] });
+  } else if (risksPending && p.view === "overview") {
+    body = /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("div", { className: "pollar-recovery-banner pollar-recovery-banner-warn", role: "alert", children: "This is a self-custody wallet: only your device can sign. If you lose this device and every recovery method, nobody can recover the wallet or its funds, not the app and not Pollar. Nobody can undo or freeze a transaction you sign." }),
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          busy: p.busy,
+          id: "accept-risks",
+          label: "I understand and accept these risks",
+          kind: "primary",
+          onClick: () => setRisksAccepted(true)
+        }
+      )
+    ] });
+  } else if (p.view === "recover-email") {
+    body = /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsxs("p", { className: "pollar-recovery-muted", children: [
+        "We'll email a code to ",
+        state.email.address,
+        ". The code goes straight to the wallet provider, encrypted on this device."
+      ] }),
+      !p.codeSent ? /* @__PURE__ */ jsx(Button, { busy: p.busy, id: "recover-send", label: "Send code", kind: "primary", onClick: p.onSendRecoveryCode }) : /* @__PURE__ */ jsx(CodeForm, { busy: p.busy, id: "recover-code", label: "Recover", onSubmit: p.onRecoverWithCode }),
+      /* @__PURE__ */ jsx(Button, { busy: p.busy, id: "back", label: "Back", onClick: () => p.onView("overview") })
+    ] });
+  } else if (p.view === "email") {
+    body = /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("p", { className: "pollar-recovery-muted", children: "Confirm an email you control. If you lose this device, a code sent there lets you add a new one. Anyone who controls this inbox could do the same, so use one that is well protected." }),
+      !p.codeSent ? /* @__PURE__ */ jsxs(
+        "form",
+        {
+          className: "pollar-recovery-row",
+          onSubmit: (e) => {
+            e.preventDefault();
+            p.onSendEmailCode();
+          },
+          children: [
+            /* @__PURE__ */ jsx(
+              "input",
+              {
+                className: "pollar-recovery-input",
+                type: "email",
+                value: p.emailDraft,
+                onChange: (e) => p.onEmailDraft(e.target.value),
+                placeholder: "you@example.com",
+                "aria-label": "Email"
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                busy: p.busy,
+                id: "email-send",
+                label: "Send code",
+                kind: "primary",
+                onClick: p.onSendEmailCode,
+                disabled: !p.emailDraft.trim()
+              }
+            )
+          ]
+        }
+      ) : /* @__PURE__ */ jsx(CodeForm, { busy: p.busy, id: "email-confirm", label: "Confirm", onSubmit: p.onConfirmEmail }),
+      /* @__PURE__ */ jsx(Button, { busy: p.busy, id: "back", label: "Back", onClick: () => p.onView("overview") })
+    ] });
+  } else if (p.view === "export") {
+    body = p.phrase ? /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("div", { className: "pollar-recovery-banner pollar-recovery-banner-warn", role: "alert", children: "Anyone with these words controls every account in this wallet. Write them down offline and never share them." }),
+      /* @__PURE__ */ jsx("pre", { className: "pollar-recovery-phrase", children: p.phrase }),
+      /* @__PURE__ */ jsx(Button, { busy: p.busy, id: "hide", label: "Hide", kind: "primary", onClick: () => p.onView("overview") })
+    ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("p", { className: "pollar-recovery-muted", children: "Your recovery phrase lets you take this wallet to another app. It is decrypted only on this device; the app and Pollar never see it." }),
+      /* @__PURE__ */ jsxs("label", { className: "pollar-recovery-check", children: [
+        /* @__PURE__ */ jsx("input", { type: "checkbox", checked: exportAccepted, onChange: (e) => setExportAccepted(e.target.checked) }),
+        " I understand that whoever sees the phrase controls the wallet"
+      ] }),
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          busy: p.busy,
+          id: "export",
+          label: "Show recovery phrase",
+          kind: "danger",
+          onClick: p.onExport,
+          disabled: !exportAccepted
+        }
+      ),
+      /* @__PURE__ */ jsx(Button, { busy: p.busy, id: "back", label: "Back", onClick: () => p.onView("overview") })
+    ] });
+  } else {
+    const enrollments = p.devices?.enrollments ?? [];
+    body = /* @__PURE__ */ jsxs(Fragment, { children: [
+      locked ? /* @__PURE__ */ jsx("div", { className: "pollar-recovery-banner pollar-recovery-banner-warn", role: "alert", children: "Your wallet is locked until you add a way to recover it. Without one, losing this device means losing the funds, and nobody can get them back, not the app and not Pollar. Add a passkey, a second device or your email." }) : /* @__PURE__ */ jsx("div", { className: "pollar-recovery-banner pollar-recovery-banner-ok", role: "status", children: "Your wallet can be recovered if you lose this device." }),
+      /* @__PURE__ */ jsxs("section", { className: "pollar-recovery-section", children: [
+        /* @__PURE__ */ jsx("h3", { children: "Passkeys" }),
+        state.passkeys.length === 0 && /* @__PURE__ */ jsx("p", { className: "pollar-recovery-muted", children: "No passkey yet." }),
+        state.passkeys.map((pk) => /* @__PURE__ */ jsxs("div", { className: "pollar-recovery-item", children: [
+          /* @__PURE__ */ jsx("span", { children: pk.name }),
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              busy: p.busy,
+              id: `passkey:${pk.authenticatorId}`,
+              label: "Remove",
+              kind: "danger",
+              onClick: () => p.onRemovePasskey(pk.authenticatorId),
+              disabled: lastMethod
+            }
+          )
+        ] }, pk.authenticatorId)),
+        p.passkeyAvailable ? /* @__PURE__ */ jsx(Button, { busy: p.busy, id: "passkey", label: "Add a passkey", onClick: p.onAddPasskey }) : /* @__PURE__ */ jsx("p", { className: "pollar-recovery-muted", children: "Passkeys aren't available on this device." })
+      ] }),
+      /* @__PURE__ */ jsxs("section", { className: "pollar-recovery-section", children: [
+        /* @__PURE__ */ jsx("h3", { children: "Email" }),
+        state.email.verified ? /* @__PURE__ */ jsxs("div", { className: "pollar-recovery-item", children: [
+          /* @__PURE__ */ jsx("span", { children: state.email.address }),
+          /* @__PURE__ */ jsx("span", { className: "pollar-recovery-tag", children: "Confirmed" })
+        ] }) : /* @__PURE__ */ jsx(Button, { busy: p.busy, id: "email", label: "Confirm an email", onClick: () => p.onView("email") })
+      ] }),
+      /* @__PURE__ */ jsxs("section", { className: "pollar-recovery-section", children: [
+        /* @__PURE__ */ jsx("h3", { children: "Devices" }),
+        (p.devices?.devices ?? []).map((d) => /* @__PURE__ */ jsxs("div", { className: "pollar-recovery-item", children: [
+          /* @__PURE__ */ jsx("span", { children: d.label ?? shortKey(d.publicKey) }),
+          d.publicKey.toLowerCase() === p.thisDeviceKey && /* @__PURE__ */ jsx("span", { className: "pollar-recovery-tag", children: "This device" })
+        ] }, d.id)),
+        enrollments.map((e) => /* @__PURE__ */ jsxs("div", { className: "pollar-recovery-item pollar-recovery-item-pending", children: [
+          /* @__PURE__ */ jsxs("span", { children: [
+            e.label ?? "A device",
+            " wants to join (",
+            shortKey(e.publicKey),
+            ")"
+          ] }),
+          /* @__PURE__ */ jsxs("span", { className: "pollar-recovery-actions", children: [
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                busy: p.busy,
+                id: `approve:${e.id}`,
+                label: "Approve",
+                kind: "primary",
+                onClick: () => p.onApproveDevice(e.id)
+              }
+            ),
+            /* @__PURE__ */ jsx(Button, { busy: p.busy, id: `reject:${e.id}`, label: "Reject", onClick: () => p.onRejectDevice(e.id) })
+          ] })
+        ] }, e.id)),
+        /* @__PURE__ */ jsx("p", { className: "pollar-recovery-muted", children: 'To add another device, sign in there and choose "Ask another device to add this one"; it shows up here to approve. Only approve a device you are holding.' })
+      ] }),
+      /* @__PURE__ */ jsxs("section", { className: "pollar-recovery-section", children: [
+        /* @__PURE__ */ jsx("h3", { children: "Recovery phrase" }),
+        /* @__PURE__ */ jsx(Button, { busy: p.busy, id: "export", label: "Export recovery phrase", onClick: () => p.onView("export") })
+      ] })
+    ] });
+  }
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: "pollar-modal-card pollar-recovery-modal",
+      "data-theme": p.theme,
+      style: cssVars,
+      onClick: (e) => e.stopPropagation(),
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "pollar-modal-header", children: [
+          /* @__PURE__ */ jsx("h2", { className: "pollar-modal-title", children: "Wallet recovery" }),
+          /* @__PURE__ */ jsx("div", { className: "pollar-modal-header-actions", children: /* @__PURE__ */ jsx("button", { type: "button", className: "pollar-modal-close", onClick: p.onClose, "aria-label": "Close", title: "Close", children: /* @__PURE__ */ jsx(CloseIcon3, {}) }) })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "pollar-recovery-body", children: [
+          body,
+          p.notice && /* @__PURE__ */ jsx("p", { className: "pollar-recovery-notice", role: "status", children: p.notice }),
+          p.error && /* @__PURE__ */ jsx("p", { className: "pollar-recovery-error", role: "alert", children: p.error })
+        ] }),
+        /* @__PURE__ */ jsx(PollarModalFooter, {})
+      ]
+    }
+  );
+}
+function errorText2(err) {
+  return transactionErrorMessage(isPollarApiError(err) ? err.code : null, err instanceof Error ? err.message : null);
+}
+function RecoveryModal({ onClose }) {
+  const { getClient, styles, refreshRecovery, appConfig } = usePollar();
+  const { theme, accentColor, styleOverrides, overlayStyle } = modalChrome(styles);
+  const recovery = getClient().cosign.recovery;
+  const [state, setState] = useState(null);
+  const [devices, setDevices] = useState(null);
+  const [thisDeviceKey, setThisDeviceKey] = useState(null);
+  const [view, setView] = useState("overview");
+  const [busy, setBusy] = useState(null);
+  const [error, setError] = useState(null);
+  const [notice, setNotice] = useState(null);
+  const [emailDraft, setEmailDraft] = useState("");
+  const [codeSent, setCodeSent] = useState(false);
+  const [phrase, setPhrase] = useState(null);
+  const load = useCallback(async () => {
+    const client = getClient();
+    const [nextState, nextDevices, key] = await Promise.all([
+      client.cosign.recovery.status(),
+      client.cosign.devices(),
+      client.cosign.publicKeyHex()
+    ]);
+    setState(nextState);
+    setDevices(nextDevices);
+    setThisDeviceKey(key.toLowerCase());
+    if (nextState.email.address) setEmailDraft((d) => d || nextState.email.address);
+    refreshRecovery();
+  }, [getClient, refreshRecovery]);
+  useEffect(() => {
+    load().catch((err) => setError(errorText2(err)));
+  }, [load]);
+  const onCloseRef = useRef(onClose);
+  onCloseRef.current = onClose;
+  useEffect(
+    () => getClient().onAuthStateChange((authState) => {
+      if (authState.step === "idle") onCloseRef.current();
+    }),
+    [getClient]
+  );
+  const run = useCallback(
+    async (key, action, after) => {
+      setBusy(key);
+      setError(null);
+      setNotice(null);
+      try {
+        await action();
+        await load();
+        if (after?.notice) setNotice(after.notice);
+        if (after?.view) setView(after.view);
+      } catch (err) {
+        setError(errorText2(err));
+      } finally {
+        setBusy(null);
+      }
+    },
+    [load]
+  );
+  const enrolled = !!thisDeviceKey && !!devices?.devices.some((d) => d.publicKey.toLowerCase() === thisDeviceKey);
+  return /* @__PURE__ */ jsx("div", { className: "pollar-overlay", style: overlayStyle, onClick: onClose, children: /* @__PURE__ */ jsx(
+    RecoveryModalTemplate,
+    {
+      theme,
+      accentColor,
+      styleOverrides,
+      state,
+      devices,
+      thisDeviceKey,
+      thisDeviceEnrolled: enrolled,
+      passkeyAvailable: recovery.passkeyAvailable,
+      selfCustodyRisks: appConfig.application?.walletCustodyMode === "SELF_CUSTODY" && devices?.custody === "SELF_CUSTODY",
+      view,
+      busy,
+      error,
+      notice,
+      emailDraft,
+      codeSent,
+      phrase,
+      onView: (next) => {
+        setError(null);
+        setNotice(null);
+        setCodeSent(false);
+        if (next !== "export") setPhrase(null);
+        setView(next);
+      },
+      onEmailDraft: setEmailDraft,
+      onAddPasskey: () => void run("passkey", () => recovery.addPasskey(), { notice: "Passkey added." }),
+      onRemovePasskey: (id) => void run(`passkey:${id}`, () => recovery.removePasskey(id)),
+      onSendEmailCode: () => void run("email-send", async () => {
+        await recovery.startEmail(emailDraft.trim());
+        setCodeSent(true);
+      }),
+      onConfirmEmail: (code) => void run("email-confirm", () => recovery.confirmEmail(code.trim()), { notice: "Email confirmed.", view: "overview" }),
+      onApproveDevice: (id) => void run(`approve:${id}`, () => recovery.approveDevice(id), { notice: "Device added." }),
+      onRejectDevice: (id) => void run(`reject:${id}`, () => recovery.rejectDevice(id)),
+      onRequestEnrollment: () => void run("enroll", () => recovery.requestDeviceEnrollment(), {
+        notice: "Request sent. Approve it from a device that already has this wallet within 15 minutes."
+      }),
+      onRecoverWithPasskey: () => void run("recover-passkey", () => recovery.recoverWithPasskey(), {
+        notice: "This device is part of your wallet again."
+      }),
+      onSendRecoveryCode: () => void run("recover-send", async () => {
+        await recovery.startEmailRecovery();
+        setCodeSent(true);
+      }),
+      onRecoverWithCode: (code) => void run("recover-code", () => recovery.recoverWithEmailCode(code.trim()), {
+        notice: "This device is part of your wallet again.",
+        view: "overview"
+      }),
+      onExport: () => void run("export", async () => {
+        setPhrase(await recovery.exportWallet());
+      }),
+      onClose
+    }
+  ) });
+}
 var OPERATION_LABELS2 = {
   payment: "Send",
   path_payment_strict_send: "Swap",
@@ -8451,7 +9424,7 @@ function detailRows2(confirmation) {
   push("Network", confirmation.network);
   return rows;
 }
-function CloseIcon3() {
+function CloseIcon4() {
   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 ConfirmModal({ confirmation }) {
@@ -8475,7 +9448,7 @@ function ConfirmModal({ confirmation }) {
       children: [
         /* @__PURE__ */ jsxs("div", { className: "pollar-modal-header", children: [
           /* @__PURE__ */ jsx("h2", { className: "pollar-modal-title", children: "Confirm transaction" }),
-          /* @__PURE__ */ jsx("div", { className: "pollar-modal-header-actions", children: /* @__PURE__ */ jsx("button", { type: "button", className: "pollar-modal-close", onClick: confirmation.reject, "aria-label": "Close", title: "Close", children: /* @__PURE__ */ jsx(CloseIcon3, {}) }) })
+          /* @__PURE__ */ jsx("div", { className: "pollar-modal-header-actions", children: /* @__PURE__ */ jsx("button", { type: "button", className: "pollar-modal-close", onClick: confirmation.reject, "aria-label": "Close", title: "Close", children: /* @__PURE__ */ jsx(CloseIcon4, {}) }) })
         ] }),
         /* @__PURE__ */ jsxs("div", { className: "pollar-cosign-detail", children: [
           /* @__PURE__ */ jsx("p", { className: "pollar-cosign-detail-title", children: labelOf2(confirmation) }),
@@ -8612,6 +9585,25 @@ function formatDate(iso) {
 function truncateMiddle(value, head = 4, tail = 4) {
   return value.length <= head + tail + 1 ? value : `${value.slice(0, head)}\u2026${value.slice(-tail)}`;
 }
+function formatFee(fee) {
+  if (fee.unit === "lamports") {
+    try {
+      return `${fromBaseUnits(fee.amount, 9)} SOL`;
+    } catch {
+    }
+  }
+  return `${fee.amount} ${fee.unit}`;
+}
+function formatAmount4(details) {
+  const { amount, decimals, symbol } = details ?? {};
+  if (typeof amount !== "string" || typeof decimals !== "number") return null;
+  try {
+    const value = fromBaseUnits(amount, decimals);
+    return typeof symbol === "string" ? `${value} ${symbol}` : value;
+  } catch {
+    return null;
+  }
+}
 var STELLAR_ADDRESS = /\b[GC][A-Z2-7]{55}\b/g;
 function AddressChip({ value, label }) {
   return /* @__PURE__ */ jsxs("span", { className: "pollar-hist-item-issuer", children: [
@@ -8749,15 +9741,17 @@ function TxHistoryModalTemplate({
               ] }),
               /* @__PURE__ */ jsxs("span", { className: "pollar-hist-item-meta", children: [
                 /* @__PURE__ */ jsx("span", { children: record.operation }),
+                record.chain !== "STELLAR" && formatAmount4(record.details) && /* @__PURE__ */ jsxs("span", { children: [
+                  "\xB7 ",
+                  formatAmount4(record.details)
+                ] }),
                 typeof record.details?.sponsored === "boolean" && /* @__PURE__ */ jsxs("span", { children: [
                   "\xB7 ",
                   record.details.sponsored ? "Sponsored" : "Self-paid"
                 ] }),
                 record.fee && /* @__PURE__ */ jsxs("span", { children: [
                   "\xB7 ",
-                  record.fee.amount,
-                  " ",
-                  record.fee.unit
+                  formatFee(record.fee)
                 ] })
               ] }),
               /* @__PURE__ */ jsxs("div", { className: "pollar-hist-item-footer", children: [
@@ -9068,6 +10062,48 @@ var browserPasskeySigner = async ({ credentialId, challenge }) => {
     signature: response.signature
   };
 };
+var browserRecoveryPasskey = {
+  async create({ challenge, userName }) {
+    const rpId = window.location.hostname;
+    const response = await startRegistration({
+      optionsJSON: {
+        challenge,
+        rp: { id: rpId, name: rpId },
+        user: { id: randomUserId(), name: userName, displayName: userName },
+        pubKeyCredParams: [
+          { type: "public-key", alg: -7 },
+          { type: "public-key", alg: -257 }
+        ],
+        authenticatorSelection: { residentKey: "preferred", userVerification: "preferred" },
+        attestation: "none",
+        timeout: 6e4
+      }
+    });
+    return {
+      credentialId: response.id,
+      clientDataJson: response.response.clientDataJSON,
+      attestationObject: response.response.attestationObject,
+      transports: response.response.transports ?? []
+    };
+  },
+  async get({ challenge, allowCredentials }) {
+    const rpId = window.location.hostname;
+    const response = await startAuthentication({
+      optionsJSON: {
+        challenge,
+        rpId,
+        allowCredentials: allowCredentials.map((id) => ({ id, type: "public-key" })),
+        userVerification: "preferred"
+      }
+    });
+    return {
+      credentialId: response.id,
+      authenticatorData: response.response.authenticatorData,
+      clientDataJson: response.response.clientDataJSON,
+      signature: response.response.signature
+    };
+  }
+};
 var DEFAULT_APP_CONFIG = {
   application: { name: "", network: "testnet", chains: [] },
   styles: {}
@@ -9092,7 +10128,11 @@ function PollarProvider({
 }) {
   const [pollarClient] = useState(() => {
     if (isPollarClient(client)) {
-      client.setPasskeyDefaults({ passkey: browserPasskeyCeremony, passkeySign: browserPasskeySigner });
+      client.setPasskeyDefaults({
+        passkey: browserPasskeyCeremony,
+        passkeySign: browserPasskeySigner,
+        recoveryPasskey: browserRecoveryPasskey
+      });
       return client;
     }
     const alreadyBuilt = clientByConfig.get(client);
@@ -9100,7 +10140,8 @@ function PollarProvider({
     const built = new PollarClient({
       ...client,
       passkey: client.passkey ?? browserPasskeyCeremony,
-      passkeySign: client.passkeySign ?? browserPasskeySigner
+      passkeySign: client.passkeySign ?? browserPasskeySigner,
+      recoveryPasskey: client.recoveryPasskey ?? browserRecoveryPasskey
     });
     clientByConfig.set(client, built);
     return built;
@@ -9255,6 +10296,7 @@ function PollarProvider({
   const [receiveModalOpen, setReceiveModalOpen] = useState(false);
   const [sessionsModalOpen, setSessionsModalOpen] = useState(false);
   const [cosignModalOpen, setCosignModalOpen] = useState(false);
+  const [recoveryModalOpen, setRecoveryModalOpen] = useState(false);
   const cosignPendingCount = useRef(0);
   useEffect(() => {
     if (cosign.pending.length > cosignPendingCount.current) setCosignModalOpen(true);
@@ -9277,6 +10319,7 @@ function PollarProvider({
       setReceiveModalOpen(false);
       setSessionsModalOpen(false);
       setCosignModalOpen(false);
+      setRecoveryModalOpen(false);
       setDistributionRulesModalOpen(false);
     }),
     [pollarClient]
@@ -9285,6 +10328,45 @@ function PollarProvider({
   const walletProvisioning = sessionState?.wallet?.provisioning;
   const hasSession = sessionState !== null;
   const getClient = useCallback(() => pollarClient, [pollarClient]);
+  const [recovery, setRecovery] = useState(null);
+  const [recoveryTick, setRecoveryTick] = useState(0);
+  const refreshRecovery = useCallback(() => setRecoveryTick((t) => t + 1), []);
+  useEffect(() => {
+    if (!hasSession) {
+      setRecovery(null);
+      return;
+    }
+    let cancelled = false;
+    pollarClient.cosign.recovery.status().then((next) => {
+      if (!cancelled) setRecovery(next);
+    }).catch(() => {
+      if (!cancelled) setRecovery(null);
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [pollarClient, hasSession, walletAddress, recoveryTick]);
+  const recoveryLocked = !!recovery && recovery.required && !recovery.configured;
+  const [custodyMigration, setCustodyMigration] = useState(null);
+  const [custodyMigrationTick, setCustodyMigrationTick] = useState(0);
+  const refreshCustodyMigration = useCallback(() => setCustodyMigrationTick((t) => t + 1), []);
+  const [custodyMigrationLater, setCustodyMigrationLater] = useState(false);
+  useEffect(() => {
+    if (!hasSession) {
+      setCustodyMigration(null);
+      setCustodyMigrationLater(false);
+      return;
+    }
+    let cancelled = false;
+    pollarClient.cosign.custodyMigration().then((next) => {
+      if (!cancelled) setCustodyMigration(next);
+    }).catch(() => {
+      if (!cancelled) setCustodyMigration(null);
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [pollarClient, hasSession, walletAddress, custodyMigrationTick]);
   const refreshWalletBalance = useCallback(() => pollarClient.refreshBalance(), [pollarClient, walletAddress]);
   const refreshAssets = useCallback(() => pollarClient.refreshAssets(), [pollarClient, walletAddress]);
   const contextValue = useMemo(() => {
@@ -9295,7 +10377,7 @@ function PollarProvider({
       wallets: pollarClient.getWallets(),
       isAuthenticated: hasSession,
       hasWallet: pollarClient.hasWallet(),
-      createWallet: () => pollarClient.createWallet(),
+      createWallet: (options) => pollarClient.createWallet(options),
       verified,
       // client
       getClient,
@@ -9364,6 +10446,12 @@ function PollarProvider({
       // cosign
       cosign,
       openCosignModal: () => setCosignModalOpen(true),
+      recovery,
+      recoveryLocked,
+      refreshRecovery,
+      openRecoveryModal: () => setRecoveryModalOpen(true),
+      custodyMigration,
+      refreshCustodyMigration,
       confirmations,
       // distribution
       openDistributionRulesModal: () => setDistributionRulesModalOpen(true),
@@ -9387,6 +10475,11 @@ function PollarProvider({
   }, [
     walletAddress,
     walletProvisioning,
+    recovery,
+    recoveryLocked,
+    refreshRecovery,
+    custodyMigration,
+    refreshCustodyMigration,
     hasSession,
     verified,
     pollarClient,
@@ -9444,6 +10537,23 @@ function PollarProvider({
     receiveModalOpen && /* @__PURE__ */ jsx(ModalErrorBoundary, { onClose: () => setReceiveModalOpen(false), children: /* @__PURE__ */ jsx(ReceiveModal, { onClose: () => setReceiveModalOpen(false) }) }),
     sessionsModalOpen && /* @__PURE__ */ jsx(ModalErrorBoundary, { onClose: () => setSessionsModalOpen(false), children: /* @__PURE__ */ jsx(SessionsModal, { onClose: () => setSessionsModalOpen(false) }) }),
     cosignModalOpen && /* @__PURE__ */ jsx(ModalErrorBoundary, { onClose: () => setCosignModalOpen(false), children: /* @__PURE__ */ jsx(CosignModal, { onClose: () => setCosignModalOpen(false) }) }),
+    custodyMigration?.required && !custodyMigrationLater && /* @__PURE__ */ jsx(ModalErrorBoundary, { onClose: refreshCustodyMigration, children: /* @__PURE__ */ jsx(
+      CustodyMigrationModal,
+      {
+        state: custodyMigration,
+        onMoved: () => {
+          refreshCustodyMigration();
+          refreshRecovery();
+          setRecoveryModalOpen(true);
+        },
+        onLater: () => {
+          setCustodyMigrationLater(true);
+          refreshCustodyMigration();
+          refreshRecovery();
+        }
+      }
+    ) }),
+    recoveryModalOpen && /* @__PURE__ */ jsx(ModalErrorBoundary, { onClose: () => setRecoveryModalOpen(false), children: /* @__PURE__ */ jsx(RecoveryModal, { onClose: () => setRecoveryModalOpen(false) }) }),
     firstConfirmation && /* @__PURE__ */ jsx(ModalErrorBoundary, { onClose: firstConfirmation.reject, children: /* @__PURE__ */ jsx(ConfirmModal, { confirmation: firstConfirmation }, firstConfirmation.id) }),
     distributionRulesModalOpen && /* @__PURE__ */ jsx(ModalErrorBoundary, { onClose: () => setDistributionRulesModalOpen(false), children: /* @__PURE__ */ jsx(DistributionRulesModal, { onClose: () => setDistributionRulesModalOpen(false) }) })
   ] });
@@ -9494,6 +10604,8 @@ function WalletButtonTemplate({
   isInProgress,
   showCreateAccount,
   notReadyReason,
+  recoveryLocked,
+  onRecovery,
   creatingAccount,
   onToggleOpen,
   onCreateAccount,
@@ -9511,8 +10623,11 @@ function WalletButtonTemplate({
   signedIn,
   creatingWallet,
   createWalletError,
+  custodyChoice,
   onCreateWallet
 }) {
+  const [selfCustodyNotice, setSelfCustodyNotice] = useState(false);
+  const [risksAccepted, setRisksAccepted] = useState(false);
   if (!walletAddress && signedIn) {
     return /* @__PURE__ */ jsxs("div", { className: "pollar-wallet-wrapper", ref: wrapperRef, children: [
       /* @__PURE__ */ jsxs("button", { className: "pollar-wallet-btn", style: { backgroundColor: accentColor }, onClick: onToggleOpen, children: [
@@ -9536,19 +10651,84 @@ function WalletButtonTemplate({
           /* @__PURE__ */ jsx("div", { className: "pollar-wallet-dropdown-notice", style: { color: itemColor }, role: "status", children: createWalletError }),
           /* @__PURE__ */ jsx("div", { className: "pollar-wallet-dropdown-divider" })
         ] }),
-        onCreateWallet && /* @__PURE__ */ jsxs(Fragment, { children: [
+        onCreateWallet && !custodyChoice && /* @__PURE__ */ jsxs(Fragment, { children: [
           /* @__PURE__ */ jsx(
             "button",
             {
               className: "pollar-wallet-dropdown-item",
               style: { color: itemColor },
-              onClick: onCreateWallet,
+              onClick: () => onCreateWallet(),
               disabled: creatingWallet,
               children: creatingWallet ? "Creating wallet\u2026" : "Create wallet"
             }
           ),
           /* @__PURE__ */ jsx("div", { className: "pollar-wallet-dropdown-divider" })
         ] }),
+        onCreateWallet && custodyChoice && !selfCustodyNotice && /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              className: "pollar-wallet-dropdown-item",
+              style: { color: itemColor },
+              onClick: () => onCreateWallet("COSIGNED"),
+              disabled: creatingWallet,
+              children: creatingWallet ? "Creating wallet\u2026" : "Create co-signed wallet"
+            }
+          ),
+          /* @__PURE__ */ jsx("div", { className: "pollar-wallet-dropdown-notice", style: { color: itemColor }, children: "You and the app approve every signature together. Your wallet can be recovered with help." }),
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              className: "pollar-wallet-dropdown-item",
+              style: { color: itemColor },
+              onClick: () => setSelfCustodyNotice(true),
+              disabled: creatingWallet,
+              children: "Create self-custody wallet"
+            }
+          ),
+          /* @__PURE__ */ jsx("div", { className: "pollar-wallet-dropdown-notice", style: { color: itemColor }, children: "Only your device signs. Nobody else can move or recover your funds." }),
+          /* @__PURE__ */ jsx("div", { className: "pollar-wallet-dropdown-divider" })
+        ] }),
+        onCreateWallet && custodyChoice && selfCustodyNotice && /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx("div", { className: "pollar-wallet-dropdown-notice", style: { color: itemColor }, role: "alert", children: "In a self-custody wallet only your device can sign. If you lose this device and every recovery method, nobody can recover the wallet or its funds, not the app and not Pollar. Nobody can undo or freeze a transaction you sign." }),
+          /* @__PURE__ */ jsxs("label", { className: "pollar-wallet-dropdown-notice", style: { color: itemColor }, children: [
+            /* @__PURE__ */ jsx(
+              "input",
+              {
+                type: "checkbox",
+                checked: risksAccepted,
+                onChange: (e) => setRisksAccepted(e.target.checked),
+                disabled: creatingWallet
+              }
+            ),
+            " ",
+            "I understand and accept these risks"
+          ] }),
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              className: "pollar-wallet-dropdown-item",
+              style: { color: itemColor },
+              onClick: () => onCreateWallet("SELF_CUSTODY"),
+              disabled: creatingWallet || !risksAccepted,
+              children: creatingWallet ? "Creating wallet\u2026" : "Create self-custody wallet"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              className: "pollar-wallet-dropdown-item",
+              style: { color: itemColor },
+              onClick: () => {
+                setSelfCustodyNotice(false);
+                setRisksAccepted(false);
+              },
+              disabled: creatingWallet,
+              children: "Back"
+            }
+          ),
+          /* @__PURE__ */ jsx("div", { className: "pollar-wallet-dropdown-divider" })
+        ] }),
         /* @__PURE__ */ jsx("button", { className: "pollar-wallet-dropdown-item", style: { color: itemColor }, onClick: onSessions, children: "Active sessions" }),
         /* @__PURE__ */ jsx("div", { className: "pollar-wallet-dropdown-divider" }),
         /* @__PURE__ */ jsx("button", { className: "pollar-wallet-dropdown-item pollar-danger", onClick: onLogout, children: "Log out" })
@@ -9604,6 +10784,10 @@ function WalletButtonTemplate({
       }
     ),
     open && /* @__PURE__ */ jsxs("div", { className: "pollar-wallet-dropdown", style: { backgroundColor: dropdownBg, borderColor: dropdownBorder }, children: [
+      recoveryLocked && /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx("div", { className: "pollar-wallet-dropdown-notice pollar-danger", role: "alert", children: "Locked: add a way to recover this wallet before sending or receiving. If you lose this device without one, the funds are lost." }),
+        /* @__PURE__ */ jsx("div", { className: "pollar-wallet-dropdown-divider" })
+      ] }),
       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" })
@@ -9836,6 +11020,31 @@ function WalletButtonTemplate({
         ),
         "Active sessions"
       ] }),
+      onRecovery && /* @__PURE__ */ jsxs(
+        "button",
+        {
+          className: `pollar-wallet-dropdown-item${recoveryLocked ? " pollar-danger" : ""}`,
+          style: recoveryLocked ? void 0 : { color: itemColor },
+          onClick: onRecovery,
+          children: [
+            /* @__PURE__ */ jsx(
+              "svg",
+              {
+                width: "14",
+                height: "14",
+                viewBox: "0 0 24 24",
+                fill: "none",
+                stroke: "currentColor",
+                strokeWidth: "2",
+                strokeLinecap: "round",
+                strokeLinejoin: "round",
+                children: /* @__PURE__ */ jsx("path", { d: "M12 2 4 5v6c0 5 3.4 9.3 8 11 4.6-1.7 8-6 8-11V5l-8-3z" })
+              }
+            ),
+            recoveryLocked ? "Set up wallet recovery" : "Wallet recovery"
+          ]
+        }
+      ),
       /* @__PURE__ */ jsx("div", { className: "pollar-wallet-dropdown-divider" }),
       /* @__PURE__ */ jsxs("button", { className: "pollar-wallet-dropdown-item pollar-danger", onClick: onLogout, children: [
         /* @__PURE__ */ jsxs(
@@ -9878,7 +11087,10 @@ function WalletButton() {
     tx: transaction,
     isAuthenticated,
     createWallet,
-    appConfig
+    appConfig,
+    recovery,
+    recoveryLocked,
+    openRecoveryModal
   } = usePollar();
   const { primaryChain, primaryAddress } = useChains();
   const walletAddress = primaryAddress || (wallet?.address ?? "");
@@ -9941,12 +11153,12 @@ function WalletButton() {
       setCreating(false);
     }
   }
-  async function handleCreateWallet() {
+  async function handleCreateWallet(custody) {
     if (creatingWallet) return;
     setCreatingWallet(true);
     setCreateWalletError(null);
     try {
-      await createWallet();
+      await createWallet(custody ? { custody } : void 0);
       setOpen(false);
     } catch (err) {
       setCreateWalletError(
@@ -9976,6 +11188,10 @@ function WalletButton() {
     setOpen(false);
     openSessionsModal();
   }
+  function handleRecovery() {
+    setOpen(false);
+    openRecoveryModal();
+  }
   function handleKyc() {
     setOpen(false);
     openKycModal();
@@ -10004,6 +11220,7 @@ function WalletButton() {
       signedIn: isAuthenticated,
       creatingWallet,
       createWalletError,
+      custodyChoice: appConfig.application?.walletCustodyMode === "USER_CHOICE",
       ...appConfig.application?.walletProvisioning === "NONE" ? {} : { onCreateWallet: handleCreateWallet },
       notReadyReason,
       creatingAccount: creating,
@@ -10015,6 +11232,8 @@ function WalletButton() {
       onSend: handleSend,
       onReceive: handleReceive,
       onSessions: handleSessions,
+      recoveryLocked,
+      ...recovery?.required ? { onRecovery: handleRecovery } : {},
       onKyc: handleKyc,
       onRamp: handleRamp,
       onDistributionRules: handleDistributionRules,
@@ -10024,6 +11243,6 @@ function WalletButton() {
   );
 }
 
-export { CardModal, ChainSelect, CosignModal, CosignModalTemplate, 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, useCosign, usePollar, walletNotReadyReason };
+export { CardModal, ChainSelect, CosignModal, CosignModalTemplate, CustodyMigrationModal, CustodyMigrationModalTemplate, DistributionRulesModal, DistributionRulesModalTemplate, EarnModal, EnabledAssetsModal, EnabledAssetsModalTemplate, KycModal, KycModalTemplate, KycStatus, LoginModalTemplate, PollarProvider, ProviderRegistrationModal, RampWidget, RampWidgetTemplate, RampWorkflow, ReceiveModal, ReceiveModalTemplate, RecoveryModal, RecoveryModalTemplate, RegistryCheckModal, RequirementFormModal, RouteDisplay, SendModal, SendModalTemplate, SessionsModal, SessionsModalTemplate, SwapModal, SwapModalTemplate, TransactionModalTemplate, TxHistoryModalTemplate, TxStatusView, WalletBalanceModal, WalletBalanceModalTemplate, WalletButton, WalletButtonTemplate, addressForChain, browserPasskeyCeremony, browserPasskeySigner, browserRecoveryPasskey, buildModalCssVars, chainsOf, createPollarAdapterHook, modalChrome, readableTextOn, resolveChain, useChains, useCosign, usePollar, walletNotReadyReason };
 //# sourceMappingURL=index.mjs.map
 //# sourceMappingURL=index.mjs.map