@pollar/react 0.10.1-rc.4 → 0.10.1-rc.6

package/dist/index.mjs

@@ -1033,7 +1033,7 @@ var PollarModalFooter = () => {
       /* @__PURE__ */ jsx("span", { className: "pollar-footer-name", children: "Pollar" }),
       /* @__PURE__ */ jsxs("span", { className: "pollar-footer-version", children: [
         "v",
-        "0.10.1-rc.4"
+        "0.10.1-rc.6"
       ] })
     ] })
   ] });
@@ -1065,16 +1065,7 @@ function CopyButton({ value, label = "Copy", className }) {
       className: `pollar-copy-btn${className ? ` ${className}` : ""}`,
       onClick: handleCopy,
       "aria-label": copied ? "Copied" : label,
-      children: copied ? /* @__PURE__ */ jsx("svg", { width: "13", height: "13", viewBox: "0 0 14 14", fill: "none", "aria-hidden": true, children: /* @__PURE__ */ jsx(
-        "path",
-        {
-          d: "M3.5 7l2.5 2.5 4.5-5",
-          stroke: "currentColor",
-          strokeWidth: "1.5",
-          strokeLinecap: "round",
-          strokeLinejoin: "round"
-        }
-      ) }) : /* @__PURE__ */ jsxs("svg", { width: "13", height: "13", viewBox: "0 0 13 13", fill: "none", "aria-hidden": true, children: [
+      children: copied ? /* @__PURE__ */ jsx("svg", { width: "13", height: "13", viewBox: "0 0 14 14", fill: "none", "aria-hidden": true, children: /* @__PURE__ */ jsx("path", { d: "M3.5 7l2.5 2.5 4.5-5", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) }) : /* @__PURE__ */ jsxs("svg", { width: "13", height: "13", viewBox: "0 0 13 13", fill: "none", "aria-hidden": true, children: [
         /* @__PURE__ */ jsx("rect", { x: "4", y: "4", width: "8", height: "8", rx: "1.5", stroke: "currentColor", strokeWidth: "1.5" }),
         /* @__PURE__ */ jsx(
           "path",
@@ -2281,12 +2272,38 @@ function PrivyLoginSubmodal({
       fail(error);
     }
   }
-  const BackButton = ({ onClick }) => /* @__PURE__ */ jsx("button", { type: "button", className: "pollar-back-btn", onClick, "aria-label": "Back", children: /* @__PURE__ */ jsx("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsx("path", { d: "M15 19l-7-7 7-7" }) }) });
+  const BackButton = ({ onClick }) => /* @__PURE__ */ jsx("button", { type: "button", className: "pollar-back-btn", onClick, "aria-label": "Back", children: /* @__PURE__ */ jsx(
+    "svg",
+    {
+      width: "20",
+      height: "20",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2.5",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      children: /* @__PURE__ */ jsx("path", { d: "M15 19l-7-7 7-7" })
+    }
+  ) });
   const showEmail = options.includes("email");
   const showGoogle = options.includes("google");
   const showGithub = options.includes("github");
   return /* @__PURE__ */ jsxs("div", { className: "pollar-modal-card pollar-modal", style: cssVars, onClick: (e) => e.stopPropagation(), children: [
-    /* @__PURE__ */ jsx("button", { type: "button", className: "pollar-close-btn", onClick: onCancel, "aria-label": "Close", children: /* @__PURE__ */ jsx("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsx("path", { d: "M18 6L6 18M6 6l12 12" }) }) }),
+    /* @__PURE__ */ jsx("button", { type: "button", className: "pollar-close-btn", onClick: onCancel, "aria-label": "Close", children: /* @__PURE__ */ jsx(
+      "svg",
+      {
+        width: "18",
+        height: "18",
+        viewBox: "0 0 24 24",
+        fill: "none",
+        stroke: "currentColor",
+        strokeWidth: "2.5",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        children: /* @__PURE__ */ jsx("path", { d: "M18 6L6 18M6 6l12 12" })
+      }
+    ) }),
     /* @__PURE__ */ jsxs("div", { className: "pollar-header", children: [
       /* @__PURE__ */ jsx("div", { className: "pollar-logo-wrap", children: /* @__PURE__ */ jsx("img", { src: logoUrl ?? LOGO_POLLAR, alt: "Logo", className: "pollar-logo" }) }),
       /* @__PURE__ */ jsx("h2", { className: "pollar-title", children: appName }),
@@ -2537,13 +2554,23 @@ var INSTRUCTION_LABELS = {
 function flattenInstructions(instr) {
   const out = [];
   for (const [k, v] of Object.entries(instr)) {
+    if (k === "qrBase64") {
+      if (typeof v === "string" && v) out.push({ key: k, label: INSTRUCTION_LABELS[k] ?? "Payment QR", value: v, kind: "qr" });
+      continue;
+    }
+    if ((k === "expiresAt" || k === "expires_at") && (typeof v === "number" || typeof v === "string")) {
+      const ms = Number(v);
+      if (Number.isFinite(ms) && ms > 0) {
+        out.push({ key: k, label: INSTRUCTION_LABELS[k] ?? "Expires", value: new Date(ms).toLocaleString(), kind: "datetime" });
+      }
+      continue;
+    }
     let value = "";
     if (typeof v === "string" || typeof v === "number") value = String(v);
-    else if (Array.isArray(v))
-      value = v.filter((x) => typeof x === "string" || typeof x === "number").join(", ");
+    else if (Array.isArray(v)) value = v.filter((x) => typeof x === "string" || typeof x === "number").join(", ");
     else continue;
     if (!value) continue;
-    out.push({ key: k, label: INSTRUCTION_LABELS[k] ?? k, value });
+    out.push({ key: k, label: INSTRUCTION_LABELS[k] ?? k, value, kind: "text" });
   }
   return out;
 }
@@ -2565,6 +2592,7 @@ function RampWidgetTemplate({
   provider,
   txStatus,
   kycUrl,
+  tosUrl,
   stellarTxHash,
   depositInstructions,
   canComplete,
@@ -2578,6 +2606,7 @@ function RampWidgetTemplate({
   onSelectQuote,
   onContactContinue,
   onOpenKyc,
+  onOpenTos,
   onCompleteWithdraw,
   onRetry,
   onRefresh,
@@ -2767,11 +2796,22 @@ function RampWidgetTemplate({
           stellarTxHash.slice(-8)
         ] }) })
       ] }),
-      depositInstructions && txStatus !== "completed" && flattenInstructions(depositInstructions).map(({ key, label, value }) => /* @__PURE__ */ jsxs("div", { className: "pollar-ramp-payment-field", children: [
+      depositInstructions && txStatus !== "completed" && flattenInstructions(depositInstructions).map(({ key, label, value, kind }) => /* @__PURE__ */ jsxs("div", { className: "pollar-ramp-payment-field", children: [
         /* @__PURE__ */ jsx("span", { className: "pollar-ramp-payment-label", children: label }),
-        /* @__PURE__ */ jsx("div", { className: "pollar-ramp-payment-value", children: /* @__PURE__ */ jsx("code", { style: { wordBreak: "break-all" }, children: value }) })
+        /* @__PURE__ */ jsx("div", { className: "pollar-ramp-payment-value", children: kind === "qr" ? /* @__PURE__ */ jsx(
+          "img",
+          {
+            src: value.startsWith("data:") ? value : `data:image/png;base64,${value}`,
+            alt: label,
+            style: { width: "100%", maxWidth: 220, height: "auto", display: "block", margin: "0 auto" }
+          }
+        ) : kind === "datetime" ? /* @__PURE__ */ jsx("span", { children: value }) : /* @__PURE__ */ jsx("code", { style: { wordBreak: "break-all" }, children: value }) })
       ] }, key)),
-      kycUrl && txStatus !== "completed" && /* @__PURE__ */ jsxs("button", { type: "button", className: "pollar-btn-primary", onClick: onOpenKyc, children: [
+      tosUrl && !depositInstructions && txStatus !== "completed" && /* @__PURE__ */ jsxs("button", { type: "button", className: "pollar-btn-primary", onClick: onOpenTos, children: [
+        "Accept terms at ",
+        provider
+      ] }),
+      kycUrl && !depositInstructions && txStatus !== "completed" && /* @__PURE__ */ jsxs("button", { type: "button", className: "pollar-btn-primary", onClick: onOpenKyc, children: [
         "Continue at ",
         provider
       ] }),
@@ -2813,6 +2853,7 @@ function RampWidget({ onClose }) {
   const [txId, setTxId] = useState(null);
   const [provider, setProvider] = useState("");
   const [kycUrl, setKycUrl] = useState(null);
+  const [tosUrl, setTosUrl] = useState(null);
   const [txStatus, setTxStatus] = useState(null);
   const [stellarTxHash, setStellarTxHash] = useState(null);
   const [depositInstructions, setDepositInstructions] = useState(null);
@@ -2831,8 +2872,7 @@ function RampWidget({ onClose }) {
         setTxStatus(tx.status);
         if (tx.stellarTxHash) setStellarTxHash(tx.stellarTxHash);
         if (tx.kycUrl) setKycUrl(tx.kycUrl);
-        const di = tx.depositInstructions;
-        if (di) setDepositInstructions(di);
+        if (tx.depositInstructions) setDepositInstructions(tx.depositInstructions);
         if (TERMINAL.includes(tx.status)) clearInterval(id);
       } catch {
       }
@@ -2880,8 +2920,7 @@ function RampWidget({ onClose }) {
         setTxStatus(tx.status);
         if (tx.stellarTxHash) setStellarTxHash(tx.stellarTxHash);
         if (tx.kycUrl) setKycUrl(tx.kycUrl);
-        const di = tx.depositInstructions;
-        if (di) setDepositInstructions(di);
+        if (tx.depositInstructions) setDepositInstructions(tx.depositInstructions);
       }
     } catch {
     } finally {
@@ -2895,6 +2934,7 @@ function RampWidget({ onClose }) {
     setTxId(null);
     setProvider("");
     setKycUrl(null);
+    setTosUrl(null);
     setTxStatus(null);
     setStellarTxHash(null);
     setDepositInstructions(null);
@@ -2921,6 +2961,7 @@ function RampWidget({ onClose }) {
       return;
     }
     setKycUrl(result.kycUrl ?? null);
+    setTosUrl(result.tosUrl ?? null);
     setTxStatus(result.status);
     setStellarTxHash(result.stellarTxHash ?? null);
     setDepositInstructions(result.depositInstructions ?? null);
@@ -2985,6 +3026,9 @@ function RampWidget({ onClose }) {
   function handleOpenKyc() {
     if (kycUrl) window.open(kycUrl, "_blank", "noopener,noreferrer");
   }
+  function handleOpenTos() {
+    if (tosUrl) window.open(tosUrl, "_blank", "noopener,noreferrer");
+  }
   async function handleCompleteWithdraw() {
     if (!txId) return;
     setCompleting(true);
@@ -3027,6 +3071,7 @@ function RampWidget({ onClose }) {
       provider,
       txStatus,
       kycUrl,
+      tosUrl,
       stellarTxHash,
       depositInstructions,
       canComplete,
@@ -3040,6 +3085,7 @@ function RampWidget({ onClose }) {
       onSelectQuote: handleSelectQuote,
       onContactContinue: handleContactContinue,
       onOpenKyc: handleOpenKyc,
+      onOpenTos: handleOpenTos,
       onCompleteWithdraw: handleCompleteWithdraw,
       onRetry: resetToInput,
       onRefresh: handleRefresh,
@@ -3205,6 +3251,43 @@ function ReceiveModal({ onClose }) {
     }
   ) });
 }
+function formatAmount2(value) {
+  const n = parseFloat(value);
+  return isNaN(n) ? value : n.toLocaleString(void 0, { maximumFractionDigits: 7 });
+}
+var optionLabel = (o) => o.available !== void 0 ? `${o.code} \u2014 ${formatAmount2(o.available)} available` : o.code;
+function AssetSelect({
+  label,
+  value,
+  options,
+  onChange,
+  loading = false,
+  disabled = false,
+  appGroupLabel = "App assets",
+  otherGroupLabel = "Other assets",
+  children
+}) {
+  const appAssets = options.filter((o) => o.enabledInApp);
+  const otherAssets = options.filter((o) => !o.enabledInApp);
+  return /* @__PURE__ */ jsxs("div", { className: "pollar-send-field", children: [
+    /* @__PURE__ */ jsx("label", { className: "pollar-send-label", children: label }),
+    loading ? /* @__PURE__ */ jsx("div", { className: "pollar-send-skeleton" }) : /* @__PURE__ */ jsxs(
+      "select",
+      {
+        className: "pollar-input pollar-send-select",
+        value,
+        disabled,
+        onChange: (e) => onChange(e.target.value),
+        children: [
+          value === "" && /* @__PURE__ */ jsx("option", { value: "", disabled: true, hidden: true }),
+          appAssets.length > 0 && /* @__PURE__ */ jsx("optgroup", { label: appGroupLabel, children: appAssets.map((o) => /* @__PURE__ */ jsx("option", { value: o.key, children: optionLabel(o) }, o.key)) }),
+          otherAssets.length > 0 && /* @__PURE__ */ jsx("optgroup", { label: otherGroupLabel, children: otherAssets.map((o) => /* @__PURE__ */ jsx("option", { value: o.key, children: optionLabel(o) }, o.key)) })
+        ]
+      }
+    ),
+    !loading && children
+  ] });
+}
 var STATUS_MESSAGES = {
   idle: "",
   building: "Building transaction\u2026",
@@ -3457,8 +3540,6 @@ function SendModalTemplate({
     "--pollar-input-border-radius": "0.5rem",
     "--pollar-card-border-radius": "10px"
   };
-  const enabledAssets = assets.filter((a) => a.enabledInApp);
-  const otherAssets = assets.filter((a) => !a.enabledInApp);
   const selectedKey = selectedAsset ? assetKey3(selectedAsset) : "";
   const canSubmit = !!selectedAsset && !!amount && !!destination.trim() && !isLoadingBalance;
   const title = step === "form" ? "Send" : txTitle;
@@ -3478,36 +3559,24 @@ function SendModalTemplate({
           !isInProgress && /* @__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" }) }) }) })
         ] }),
         step === "form" && /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsxs("div", { className: "pollar-send-field", children: [
-            /* @__PURE__ */ jsx("label", { className: "pollar-send-label", children: "Asset" }),
-            isLoadingBalance ? /* @__PURE__ */ jsx("div", { className: "pollar-send-skeleton" }) : /* @__PURE__ */ jsxs(
-              "select",
-              {
-                className: "pollar-input pollar-send-select",
-                value: selectedKey,
-                onChange: (e) => {
-                  const all = [...enabledAssets, ...otherAssets];
-                  const found = all.find((a) => assetKey3(a) === e.target.value);
-                  if (found) onSelectAsset(found);
-                },
-                children: [
-                  /* @__PURE__ */ jsx("option", { value: "", disabled: true, children: "Select asset" }),
-                  enabledAssets.length > 0 && /* @__PURE__ */ jsx("optgroup", { label: "App assets", children: enabledAssets.map((a) => /* @__PURE__ */ jsxs("option", { value: assetKey3(a), children: [
-                    a.code,
-                    " \u2014 ",
-                    formatBalance(a.available),
-                    " available"
-                  ] }, assetKey3(a))) }),
-                  otherAssets.length > 0 && /* @__PURE__ */ jsx("optgroup", { label: "Other assets", children: otherAssets.map((a) => /* @__PURE__ */ jsxs("option", { value: assetKey3(a), children: [
-                    a.code,
-                    " \u2014 ",
-                    formatBalance(a.available),
-                    " available"
-                  ] }, assetKey3(a))) })
-                ]
+          /* @__PURE__ */ jsx(
+            AssetSelect,
+            {
+              label: "Asset",
+              value: selectedKey,
+              loading: isLoadingBalance,
+              options: assets.map((a) => ({
+                key: assetKey3(a),
+                code: a.code,
+                available: a.available,
+                enabledInApp: a.enabledInApp
+              })),
+              onChange: (key) => {
+                const found = assets.find((a) => assetKey3(a) === key);
+                if (found) onSelectAsset(found);
               }
-            )
-          ] }),
+            }
+          ),
           /* @__PURE__ */ jsxs("div", { className: "pollar-send-field", children: [
             /* @__PURE__ */ jsxs("div", { className: "pollar-send-label-row", children: [
               /* @__PURE__ */ jsx("label", { className: "pollar-send-label", children: "Amount" }),
@@ -3607,13 +3676,16 @@ function SendModal({ onClose }) {
   const allAssets = balanceData?.balances ?? [];
   const sortedAssets = [
     ...allAssets.filter((b) => b.enabledInApp),
-    ...allAssets.filter((b) => !b.enabledInApp && parseFloat(b.balance) > 0)
+    ...allAssets.filter((b) => !b.enabledInApp && (b.type === "native" || parseFloat(b.balance) > 0))
   ];
+  useEffect(() => {
+    if (!selectedAsset && sortedAssets.length > 0) setSelectedAsset(sortedAssets[0]);
+  }, [sortedAssets, selectedAsset]);
   const hash = transaction.step === "success" ? transaction.hash : null;
   const buildData = "buildData" in transaction ? transaction.buildData : null;
   const explorerNetwork = buildData?.summary.network?.toLowerCase().includes("testnet") ? "testnet" : buildData ? "public" : network === "testnet" ? "testnet" : "public";
   const explorerUrl = hash ? `https://stellar.expert/explorer/${explorerNetwork}/tx/${hash}` : null;
-  const IN_FLIGHT_STEPS2 = [
+  const IN_FLIGHT_STEPS3 = [
     "building",
     "signing",
     "submitting",
@@ -3621,7 +3693,7 @@ function SendModal({ onClose }) {
     "signing-submitting",
     "building-signing-submitting"
   ];
-  const isInProgress = IN_FLIGHT_STEPS2.includes(transaction.step);
+  const isInProgress = IN_FLIGHT_STEPS3.includes(transaction.step);
   const showBack = step === "tx" && (transaction.step === "error" || transaction.step === "success") && !isInProgress;
   const txTitle = isInProgress ? "Sending\u2026" : transaction.step === "success" ? "Sent!" : transaction.step === "error" ? "Send failed" : "Confirm Send";
   async function handleSubmit() {
@@ -3715,7 +3787,7 @@ var PROVIDER_LABELS = {
   soroswap: "Soroswap",
   sdex: "Stellar DEX"
 };
-function formatAmount2(value) {
+function formatAmount3(value) {
   const n = parseFloat(value);
   return isNaN(n) ? value : n.toLocaleString(void 0, { maximumFractionDigits: 7 });
 }
@@ -3798,214 +3870,229 @@ function SwapModalTemplate({
   const buyKey = selectedBuy ? assetOptionKey(selectedBuy) : "";
   const canSwap = !smartUnsupported && !!selectedSell && !!selectedBuy && !!amount && !!quote && !quoteLoading && !isLoadingData;
   const title = step === "form" ? "Swap" : txTitle;
-  return /* @__PURE__ */ jsxs("div", { className: "pollar-modal-card pollar-send-modal", "data-theme": theme, style: cssVars, onClick: (e) => e.stopPropagation(), children: [
-    /* @__PURE__ */ jsxs("div", { className: "pollar-modal-header", children: [
-      /* @__PURE__ */ jsxs("div", { className: "pollar-send-header-left", children: [
-        showBack && /* @__PURE__ */ jsx("button", { type: "button", className: "pollar-modal-close", onClick: onBack, "aria-label": "Back", children: /* @__PURE__ */ jsx("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": true, children: /* @__PURE__ */ jsx("path", { d: "M10 3L5 8l5 5", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) }) }),
-        /* @__PURE__ */ jsx("h2", { className: "pollar-modal-title", children: title })
-      ] }),
-      !isInProgress && /* @__PURE__ */ jsxs("div", { className: "pollar-modal-header-actions", children: [
-        step === "form" && /* @__PURE__ */ jsx(
-          "button",
-          {
-            type: "button",
-            className: "pollar-modal-close",
-            onClick: onRefresh,
-            disabled: configLoading || isLoadingData,
-            "aria-label": "Refresh",
-            title: "Refresh balances and options",
-            children: /* @__PURE__ */ jsx("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": true, children: /* @__PURE__ */ jsx(
-              "path",
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: "pollar-modal-card pollar-send-modal",
+      "data-theme": theme,
+      style: cssVars,
+      onClick: (e) => e.stopPropagation(),
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "pollar-modal-header", children: [
+          /* @__PURE__ */ jsxs("div", { className: "pollar-send-header-left", children: [
+            showBack && /* @__PURE__ */ jsx("button", { type: "button", className: "pollar-modal-close", onClick: onBack, "aria-label": "Back", children: /* @__PURE__ */ jsx("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": true, children: /* @__PURE__ */ jsx("path", { d: "M10 3L5 8l5 5", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) }) }),
+            /* @__PURE__ */ jsx("h2", { className: "pollar-modal-title", children: title })
+          ] }),
+          !isInProgress && /* @__PURE__ */ jsxs("div", { className: "pollar-modal-header-actions", children: [
+            step === "form" && /* @__PURE__ */ jsx(
+              "button",
               {
-                d: "M13.5 8a5.5 5.5 0 1 1-1.6-3.9M13.5 2.5v3h-3",
-                stroke: "currentColor",
-                strokeWidth: "1.6",
-                strokeLinecap: "round",
-                strokeLinejoin: "round"
+                type: "button",
+                className: "pollar-modal-close",
+                onClick: onRefresh,
+                disabled: configLoading || isLoadingData,
+                "aria-label": "Refresh",
+                title: "Refresh balances and options",
+                children: /* @__PURE__ */ jsx("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": true, children: /* @__PURE__ */ jsx(
+                  "path",
+                  {
+                    d: "M13.5 8a5.5 5.5 0 1 1-1.6-3.9M13.5 2.5v3h-3",
+                    stroke: "currentColor",
+                    strokeWidth: "1.6",
+                    strokeLinecap: "round",
+                    strokeLinejoin: "round"
+                  }
+                ) })
               }
-            ) })
-          }
-        ),
-        /* @__PURE__ */ jsx("button", { type: "button", className: "pollar-modal-close", onClick: onClose, "aria-label": "Close", children: /* @__PURE__ */ jsx("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": true, children: /* @__PURE__ */ jsx("path", { d: "M2 2l12 12M14 2L2 14", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round" }) }) })
-      ] })
-    ] }),
-    step === "form" && configLoading && /* @__PURE__ */ jsx("div", { className: "pollar-send-hint", children: "Loading swap options\u2026" }),
-    step === "form" && !configLoading && swapUnavailable && /* @__PURE__ */ jsx("div", { className: "pollar-modal-error", children: "Swap is not available for this app." }),
-    step === "form" && !configLoading && !swapUnavailable && /* @__PURE__ */ jsxs(Fragment, { children: [
-      smartUnsupported && /* @__PURE__ */ jsx("div", { className: "pollar-modal-error", children: "Swaps are not yet available for smart (passkey) wallets." }),
-      /* @__PURE__ */ jsxs("div", { className: "pollar-send-field", children: [
-        /* @__PURE__ */ jsx("label", { className: "pollar-send-label", children: "You pay" }),
-        isLoadingData ? /* @__PURE__ */ jsx("div", { className: "pollar-send-skeleton" }) : /* @__PURE__ */ jsxs(
-          "select",
-          {
-            className: "pollar-input pollar-send-select",
-            value: sellKey,
-            onChange: (e) => {
-              const found = sellOptions.find((o) => assetOptionKey(o) === e.target.value);
-              if (found) onSelectSell(found);
-            },
-            children: [
-              /* @__PURE__ */ jsx("option", { value: "", disabled: true, children: "Select asset to sell" }),
-              sellOptions.map((o) => /* @__PURE__ */ jsxs("option", { value: assetOptionKey(o), children: [
-                o.code,
-                o.available !== void 0 ? ` \u2014 ${formatAmount2(o.available)} available` : ""
-              ] }, assetOptionKey(o)))
-            ]
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsxs("div", { className: "pollar-send-field", children: [
-        /* @__PURE__ */ jsxs("div", { className: "pollar-send-label-row", children: [
-          /* @__PURE__ */ jsx("label", { className: "pollar-send-label", children: "Amount" }),
-          selectedSell?.available !== void 0 && /* @__PURE__ */ jsxs("span", { className: "pollar-send-hint", children: [
-            "Available: ",
-            formatAmount2(selectedSell.available),
-            " ",
-            selectedSell.code
+            ),
+            /* @__PURE__ */ jsx("button", { type: "button", className: "pollar-modal-close", onClick: onClose, "aria-label": "Close", children: /* @__PURE__ */ jsx("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": true, children: /* @__PURE__ */ jsx("path", { d: "M2 2l12 12M14 2L2 14", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round" }) }) })
           ] })
         ] }),
-        /* @__PURE__ */ jsx(
-          "input",
-          {
-            className: "pollar-input",
-            type: "text",
-            inputMode: "decimal",
-            placeholder: "0.00",
-            value: amount,
-            onChange: (e) => onAmountChange(e.target.value)
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsxs("div", { className: "pollar-send-field", children: [
-        /* @__PURE__ */ jsx("label", { className: "pollar-send-label", children: "You receive" }),
-        isLoadingData ? /* @__PURE__ */ jsx("div", { className: "pollar-send-skeleton" }) : /* @__PURE__ */ jsxs(
-          "select",
-          {
-            className: "pollar-input pollar-send-select",
-            value: buyKey,
-            onChange: (e) => {
-              const found = buyOptions.find((o) => assetOptionKey(o) === e.target.value);
-              if (found) onSelectBuy(found);
-            },
-            children: [
-              /* @__PURE__ */ jsx("option", { value: "", disabled: true, children: "Select asset to buy" }),
-              buyOptions.map((o) => /* @__PURE__ */ jsxs("option", { value: assetOptionKey(o), children: [
-                o.code,
-                o.enabledInApp ? "" : " (external)"
-              ] }, assetOptionKey(o)))
-            ]
-          }
-        ),
-        !isLoadingData && (customOpen ? /* @__PURE__ */ jsxs("div", { className: "pollar-swap-custom", children: [
+        step === "form" && configLoading && /* @__PURE__ */ jsx("div", { className: "pollar-send-hint", children: "Loading swap options\u2026" }),
+        step === "form" && !configLoading && swapUnavailable && /* @__PURE__ */ jsx("div", { className: "pollar-modal-error", children: "Swap is not available for this app." }),
+        step === "form" && !swapUnavailable && /* @__PURE__ */ jsxs(Fragment, { children: [
+          smartUnsupported && /* @__PURE__ */ jsx("div", { className: "pollar-modal-error", children: "Swaps are not yet available for smart (passkey) wallets." }),
           /* @__PURE__ */ jsx(
-            "input",
+            AssetSelect,
             {
-              className: "pollar-input",
-              type: "text",
-              placeholder: "Code (e.g. USDC)",
-              value: customCode,
-              onChange: (e) => setCustomCode(e.target.value)
+              label: "You pay",
+              value: sellKey,
+              loading: isLoadingData,
+              disabled: configLoading,
+              options: sellOptions.map((o) => ({
+                key: assetOptionKey(o),
+                code: o.code,
+                available: o.available,
+                enabledInApp: o.enabledInApp
+              })),
+              onChange: (key) => {
+                const found = sellOptions.find((o) => assetOptionKey(o) === key);
+                if (found) onSelectSell(found);
+              }
             }
           ),
+          /* @__PURE__ */ jsxs("div", { className: "pollar-send-field", children: [
+            /* @__PURE__ */ jsxs("div", { className: "pollar-send-label-row", children: [
+              /* @__PURE__ */ jsx("label", { className: "pollar-send-label", children: "Amount" }),
+              selectedSell?.available !== void 0 && /* @__PURE__ */ jsxs("span", { className: "pollar-send-hint", children: [
+                "Available: ",
+                formatAmount3(selectedSell.available),
+                " ",
+                selectedSell.code
+              ] })
+            ] }),
+            /* @__PURE__ */ jsx(
+              "input",
+              {
+                className: "pollar-input",
+                type: "text",
+                inputMode: "decimal",
+                placeholder: "0.00",
+                value: amount,
+                disabled: configLoading,
+                onChange: (e) => onAmountChange(e.target.value)
+              }
+            )
+          ] }),
           /* @__PURE__ */ jsx(
-            "input",
+            AssetSelect,
             {
-              className: "pollar-input",
-              type: "text",
-              placeholder: "Issuer (G...)",
-              value: customIssuer,
-              onChange: (e) => setCustomIssuer(e.target.value)
+              label: "You receive",
+              value: buyKey,
+              loading: isLoadingData,
+              disabled: configLoading,
+              options: buyOptions.map((o) => ({
+                key: assetOptionKey(o),
+                code: o.code,
+                enabledInApp: o.enabledInApp
+              })),
+              onChange: (key) => {
+                const found = buyOptions.find((o) => assetOptionKey(o) === key);
+                if (found) onSelectBuy(found);
+              },
+              children: customOpen ? /* @__PURE__ */ jsxs("div", { className: "pollar-swap-custom", children: [
+                /* @__PURE__ */ jsx(
+                  "input",
+                  {
+                    className: "pollar-input",
+                    type: "text",
+                    placeholder: "Code (e.g. USDC)",
+                    value: customCode,
+                    onChange: (e) => setCustomCode(e.target.value)
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  "input",
+                  {
+                    className: "pollar-input",
+                    type: "text",
+                    placeholder: "Issuer (G...)",
+                    value: customIssuer,
+                    onChange: (e) => setCustomIssuer(e.target.value)
+                  }
+                ),
+                customError && /* @__PURE__ */ jsx("div", { className: "pollar-modal-error", children: customError }),
+                /* @__PURE__ */ jsxs("div", { className: "pollar-swap-custom-actions", children: [
+                  /* @__PURE__ */ jsx("button", { type: "button", className: "pollar-btn-primary", onClick: submitCustomToken, children: "Add token" }),
+                  /* @__PURE__ */ jsx(
+                    "button",
+                    {
+                      type: "button",
+                      className: "pollar-swap-custom-cancel",
+                      onClick: () => {
+                        setCustomOpen(false);
+                        setCustomError("");
+                      },
+                      children: "Cancel"
+                    }
+                  )
+                ] })
+              ] }) : /* @__PURE__ */ jsx(
+                "button",
+                {
+                  type: "button",
+                  className: "pollar-swap-custom-toggle",
+                  disabled: configLoading,
+                  onClick: () => setCustomOpen(true),
+                  children: "+ Add a token by code / issuer"
+                }
+              )
             }
           ),
-          customError && /* @__PURE__ */ jsx("div", { className: "pollar-modal-error", children: customError }),
-          /* @__PURE__ */ jsxs("div", { className: "pollar-swap-custom-actions", children: [
-            /* @__PURE__ */ jsx("button", { type: "button", className: "pollar-btn-primary", onClick: submitCustomToken, children: "Add token" }),
+          /* @__PURE__ */ jsxs("div", { className: "pollar-send-field", children: [
+            /* @__PURE__ */ jsx("label", { className: "pollar-send-label", children: "Route" }),
             /* @__PURE__ */ jsx(
-              "button",
+              "select",
               {
-                type: "button",
-                className: "pollar-swap-custom-cancel",
-                onClick: () => {
-                  setCustomOpen(false);
-                  setCustomError("");
-                },
-                children: "Cancel"
+                className: "pollar-input pollar-send-select",
+                value: provider,
+                disabled: configLoading || providers.length === 0,
+                onChange: (e) => onProviderChange(e.target.value),
+                children: providers.length === 0 ? /* @__PURE__ */ jsx("option", { value: provider, children: configLoading ? "Loading\u2026" : PROVIDER_LABELS[provider] }) : providers.map((p) => /* @__PURE__ */ jsx("option", { value: p, children: PROVIDER_LABELS[p] }, p))
               }
             )
-          ] })
-        ] }) : /* @__PURE__ */ jsx("button", { type: "button", className: "pollar-swap-custom-toggle", onClick: () => setCustomOpen(true), children: "+ Add a token by code / issuer" }))
-      ] }),
-      /* @__PURE__ */ jsxs("div", { className: "pollar-send-field", children: [
-        /* @__PURE__ */ jsx("label", { className: "pollar-send-label", children: "Route" }),
-        /* @__PURE__ */ jsx(
-          "select",
+          ] }),
+          quoteLoading && /* @__PURE__ */ jsx("div", { className: "pollar-send-hint", children: "Fetching best price\u2026" }),
+          !quoteLoading && quoteError && /* @__PURE__ */ jsx("div", { className: "pollar-modal-error", children: quoteError }),
+          !quoteLoading && !quoteError && quote && selectedBuy && /* @__PURE__ */ jsxs("div", { className: "pollar-swap-quote", children: [
+            /* @__PURE__ */ jsxs("div", { className: "pollar-swap-quote-row", children: [
+              /* @__PURE__ */ jsx("span", { className: "pollar-send-hint", children: "You receive" }),
+              /* @__PURE__ */ jsxs("span", { children: [
+                "~ ",
+                formatAmount3(quote.amountOut),
+                " ",
+                selectedBuy.code
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "pollar-swap-quote-row", children: [
+              /* @__PURE__ */ jsx("span", { className: "pollar-send-hint", children: "Minimum received" }),
+              /* @__PURE__ */ jsxs("span", { children: [
+                formatAmount3(quote.minReceived),
+                " ",
+                selectedBuy.code
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "pollar-swap-quote-row", children: [
+              /* @__PURE__ */ jsx("span", { className: "pollar-send-hint", children: "Price impact" }),
+              /* @__PURE__ */ jsxs("span", { children: [
+                quote.priceImpactPct,
+                "%"
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "pollar-swap-quote-row", children: [
+              /* @__PURE__ */ jsx("span", { className: "pollar-send-hint", children: "Route" }),
+              /* @__PURE__ */ jsx("span", { children: PROVIDER_LABELS[quote.provider] })
+            ] })
+          ] }),
+          !quoteLoading && !quoteError && !quote && selectedSell && selectedBuy && !!amount && /* @__PURE__ */ jsx("div", { className: "pollar-send-hint", children: "No route found for this pair." }),
+          buyNeedsTrustline && selectedBuy && /* @__PURE__ */ jsxs("div", { className: "pollar-swap-trustline-notice", children: [
+            "To receive ",
+            selectedBuy.code,
+            " your wallet needs a trustline. Swapping will create it first (~0.5 XLM reserve, refundable if you later remove it)."
+          ] }),
+          formError && /* @__PURE__ */ jsx("div", { className: "pollar-modal-error", children: formError }),
+          /* @__PURE__ */ jsx("div", { className: "pollar-modal-actions", children: /* @__PURE__ */ jsx("button", { className: "pollar-btn-primary", onClick: onSwap, disabled: !canSwap, children: buyNeedsTrustline ? "Create trustline & swap" : "Swap" }) })
+        ] }),
+        step === "tx" && /* @__PURE__ */ jsx(
+          TxStatusView,
           {
-            className: "pollar-input pollar-send-select",
-            value: provider,
-            onChange: (e) => onProviderChange(e.target.value),
-            children: providers.map((p) => /* @__PURE__ */ jsx("option", { value: p, children: PROVIDER_LABELS[p] }, p))
+            transaction,
+            showXdr,
+            copied,
+            explorerUrl,
+            walletType,
+            onSignAndSend: () => {
+            },
+            onToggleXdr,
+            onCopyHash,
+            onRetry,
+            onDone
           }
-        )
-      ] }),
-      quoteLoading && /* @__PURE__ */ jsx("div", { className: "pollar-send-hint", children: "Fetching best price\u2026" }),
-      !quoteLoading && quoteError && /* @__PURE__ */ jsx("div", { className: "pollar-modal-error", children: quoteError }),
-      !quoteLoading && !quoteError && quote && selectedBuy && /* @__PURE__ */ jsxs("div", { className: "pollar-swap-quote", children: [
-        /* @__PURE__ */ jsxs("div", { className: "pollar-swap-quote-row", children: [
-          /* @__PURE__ */ jsx("span", { className: "pollar-send-hint", children: "You receive" }),
-          /* @__PURE__ */ jsxs("span", { children: [
-            "~ ",
-            formatAmount2(quote.amountOut),
-            " ",
-            selectedBuy.code
-          ] })
-        ] }),
-        /* @__PURE__ */ jsxs("div", { className: "pollar-swap-quote-row", children: [
-          /* @__PURE__ */ jsx("span", { className: "pollar-send-hint", children: "Minimum received" }),
-          /* @__PURE__ */ jsxs("span", { children: [
-            formatAmount2(quote.minReceived),
-            " ",
-            selectedBuy.code
-          ] })
-        ] }),
-        /* @__PURE__ */ jsxs("div", { className: "pollar-swap-quote-row", children: [
-          /* @__PURE__ */ jsx("span", { className: "pollar-send-hint", children: "Price impact" }),
-          /* @__PURE__ */ jsxs("span", { children: [
-            quote.priceImpactPct,
-            "%"
-          ] })
-        ] }),
-        /* @__PURE__ */ jsxs("div", { className: "pollar-swap-quote-row", children: [
-          /* @__PURE__ */ jsx("span", { className: "pollar-send-hint", children: "Route" }),
-          /* @__PURE__ */ jsx("span", { children: PROVIDER_LABELS[quote.provider] })
-        ] })
-      ] }),
-      !quoteLoading && !quoteError && !quote && selectedSell && selectedBuy && !!amount && /* @__PURE__ */ jsx("div", { className: "pollar-send-hint", children: "No route found for this pair." }),
-      buyNeedsTrustline && selectedBuy && /* @__PURE__ */ jsxs("div", { className: "pollar-swap-trustline-notice", children: [
-        "To receive ",
-        selectedBuy.code,
-        " your wallet needs a trustline. Swapping will create it first (~0.5 XLM reserve, refundable if you later remove it)."
-      ] }),
-      formError && /* @__PURE__ */ jsx("div", { className: "pollar-modal-error", children: formError }),
-      /* @__PURE__ */ jsx("div", { className: "pollar-modal-actions", children: /* @__PURE__ */ jsx("button", { className: "pollar-btn-primary", onClick: onSwap, disabled: !canSwap, children: buyNeedsTrustline ? "Create trustline & swap" : "Swap" }) })
-    ] }),
-    step === "tx" && /* @__PURE__ */ jsx(
-      TxStatusView,
-      {
-        transaction,
-        showXdr,
-        copied,
-        explorerUrl,
-        walletType,
-        onSignAndSend: () => {
-        },
-        onToggleXdr,
-        onCopyHash,
-        onRetry,
-        onDone
-      }
-    ),
-    /* @__PURE__ */ jsx(PollarModalFooter, {})
-  ] });
+        ),
+        /* @__PURE__ */ jsx(PollarModalFooter, {})
+      ]
+    }
+  );
 }
 var QUOTE_DEBOUNCE_MS = 400;
 function toRef(a) {
@@ -4083,7 +4170,7 @@ function SwapModal({ onClose }) {
   const balances = walletBalance.step === "loaded" ? walletBalance.data.balances : [];
   const assetRecords = enabledAssets.step === "loaded" ? enabledAssets.data.assets : [];
   const isLoadingData = walletBalance.step === "loading" || enabledAssets.step === "loading";
-  const sellOptions = balances.filter((b) => parseFloat(b.available) > 0).map((b) => ({ ref: toRef(b), code: b.code, issuer: b.issuer, available: b.available, enabledInApp: b.enabledInApp }));
+  const sellOptions = balances.filter((b) => b.type === "native" || !b.trustlineRemoved).map((b) => ({ ref: toRef(b), code: b.code, issuer: b.issuer, available: b.available, enabledInApp: b.enabledInApp }));
   const buyKeyOfSell = selectedSell ? `${selectedSell.code}:${selectedSell.issuer ?? "native"}` : "";
   const optKey = (o) => `${o.code}:${o.issuer ?? "native"}`;
   const enabledBuy = assetRecords.map((a) => ({
@@ -4101,9 +4188,19 @@ function SwapModal({ onClose }) {
   })).filter((o) => !enabledKeys.has(optKey(o)));
   const knownKeys = /* @__PURE__ */ new Set([...enabledKeys, ...catalogBuy.map(optKey)]);
   const customBuy = customTokens.filter((o) => !knownKeys.has(optKey(o)));
-  const buyOptions = [...enabledBuy, ...catalogBuy, ...customBuy].filter(
-    (o) => optKey(o) !== buyKeyOfSell
-  );
+  const buyOptions = [...enabledBuy, ...catalogBuy, ...customBuy].filter((o) => optKey(o) !== buyKeyOfSell);
+  useEffect(() => {
+    if (sellOptions.length === 0) return;
+    if (!selectedSell || !sellOptions.some((o) => optKey(o) === optKey(selectedSell))) {
+      setSelectedSell(sellOptions[0]);
+    }
+  }, [sellOptions, selectedSell]);
+  useEffect(() => {
+    if (buyOptions.length === 0) return;
+    if (!selectedBuy || !buyOptions.some((o) => optKey(o) === optKey(selectedBuy))) {
+      setSelectedBuy(buyOptions[0]);
+    }
+  }, [buyOptions, selectedBuy]);
   function addCustomToken(code, issuer) {
     const c = code.trim().toUpperCase();
     const i = issuer.trim();
@@ -4162,7 +4259,7 @@ function SwapModal({ onClose }) {
   const buildData = "buildData" in transaction ? transaction.buildData : null;
   const explorerNetwork = buildData?.summary.network?.toLowerCase().includes("testnet") ? "testnet" : buildData ? "public" : network === "testnet" ? "testnet" : "public";
   const explorerUrl = hash ? `https://stellar.expert/explorer/${explorerNetwork}/tx/${hash}` : null;
-  const IN_FLIGHT_STEPS2 = [
+  const IN_FLIGHT_STEPS3 = [
     "building",
     "signing",
     "submitting",
@@ -4170,7 +4267,7 @@ function SwapModal({ onClose }) {
     "signing-submitting",
     "building-signing-submitting"
   ];
-  const isInProgress = IN_FLIGHT_STEPS2.includes(transaction.step);
+  const isInProgress = IN_FLIGHT_STEPS3.includes(transaction.step);
   const showBack = step === "tx" && (transaction.step === "error" || transaction.step === "success") && !isInProgress;
   const txTitle = isInProgress ? "Swapping\u2026" : transaction.step === "success" ? "Swapped!" : transaction.step === "error" ? "Swap failed" : "Confirm Swap";
   async function handleSwap() {
@@ -4264,6 +4361,314 @@ function SwapModal({ onClose }) {
     }
   ) });
 }
+var POSITION_POLL_MS = 1e4;
+var PROVIDER_LABELS2 = {
+  blend: "Blend",
+  defindex: "DeFindex"
+};
+var IN_FLIGHT_STEPS2 = ["building", "signing", "submitting", "submitted", "signing-submitting", "building-signing-submitting"];
+function formatAmount4(value) {
+  const n = parseFloat(value);
+  return isNaN(n) ? value : n.toLocaleString(void 0, { maximumFractionDigits: 7 });
+}
+function EarnModal({ onClose }) {
+  const {
+    getEarnProviders,
+    getEarnOpportunities,
+    getEarnPosition,
+    earnDeposit,
+    earnWithdraw,
+    tx: transaction,
+    wallet,
+    network,
+    styles
+  } = usePollar();
+  const walletType = wallet?.custody === "external" ? wallet.provider : null;
+  const smartUnsupported = wallet?.custody === "smart";
+  const { theme = "light", accentColor = "#005DB4" } = styles;
+  const isDark = theme === "dark";
+  const [step, setStep] = useState("form");
+  const [tab, setTab] = useState("deposit");
+  const [providers, setProviders] = useState(null);
+  const [provider, setProvider] = useState(null);
+  const [opportunities, setOpportunities] = useState([]);
+  const [opportunityId, setOpportunityId] = useState("");
+  const [position, setPosition] = useState(null);
+  const [amount, setAmount] = useState("");
+  const [loadingOpps, setLoadingOpps] = useState(false);
+  const [formError, setFormError] = useState("");
+  const [showXdr, setShowXdr] = useState(false);
+  const [copied, setCopied] = useState(false);
+  const copyTimerRef = useRef(null);
+  const loadProviders = useCallback(() => {
+    setProviders(null);
+    return getEarnProviders().then((ps) => {
+      setProviders(ps);
+      setProvider((cur) => cur ?? ps[0] ?? null);
+    }).catch(() => setProviders([]));
+  }, [getEarnProviders]);
+  useEffect(() => {
+    void loadProviders();
+  }, [loadProviders]);
+  useEffect(() => {
+    if (!provider) return;
+    let cancelled = false;
+    setLoadingOpps(true);
+    getEarnOpportunities(provider).then((opps) => {
+      if (cancelled) return;
+      setOpportunities(opps);
+      setOpportunityId((cur) => opps.some((o) => o.id === cur) ? cur : opps[0]?.id ?? "");
+    }).catch(() => {
+      if (!cancelled) setOpportunities([]);
+    }).finally(() => {
+      if (!cancelled) setLoadingOpps(false);
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [provider, getEarnOpportunities]);
+  const selectedOpportunity = opportunities.find((o) => o.id === opportunityId) ?? null;
+  const refreshPosition = useCallback(() => {
+    if (!provider || !opportunityId || !wallet) return;
+    getEarnPosition({ provider, opportunity: opportunityId }).then(setPosition).catch(() => {
+    });
+  }, [provider, opportunityId, wallet, getEarnPosition]);
+  useEffect(() => {
+    setPosition(null);
+    refreshPosition();
+  }, [refreshPosition]);
+  useEffect(() => {
+    if (step !== "form" || !provider || !opportunityId) return;
+    const id = setInterval(refreshPosition, POSITION_POLL_MS);
+    return () => clearInterval(id);
+  }, [step, provider, opportunityId, refreshPosition]);
+  useEffect(
+    () => () => {
+      if (copyTimerRef.current !== null) clearTimeout(copyTimerRef.current);
+    },
+    []
+  );
+  const providersLoading = providers === null;
+  const earnUnavailable = providers !== null && providers.length === 0;
+  const withdrawUnit = position?.withdrawUnit ?? "asset";
+  const assetCode = selectedOpportunity?.asset.code ?? "";
+  const amountUnitLabel = tab === "deposit" ? assetCode : withdrawUnit === "shares" ? "shares" : assetCode;
+  const hash = transaction.step === "success" ? transaction.hash : null;
+  const buildData = "buildData" in transaction ? transaction.buildData : null;
+  const explorerNetwork = buildData?.summary.network?.toLowerCase().includes("testnet") ? "testnet" : buildData ? "public" : network === "testnet" ? "testnet" : "public";
+  const explorerUrl = hash ? `https://stellar.expert/explorer/${explorerNetwork}/tx/${hash}` : null;
+  const isInProgress = IN_FLIGHT_STEPS2.includes(transaction.step);
+  const showBack = step === "tx" && (transaction.step === "error" || transaction.step === "success") && !isInProgress;
+  const txTitle = isInProgress ? tab === "deposit" ? "Depositing\u2026" : "Withdrawing\u2026" : transaction.step === "success" ? "Done!" : transaction.step === "error" ? tab === "deposit" ? "Deposit failed" : "Withdraw failed" : "Confirm";
+  const canSubmit = !smartUnsupported && !!provider && !!opportunityId && !!amount && parseFloat(amount) > 0 && !providersLoading && !loadingOpps;
+  const cssVars = {
+    "--pollar-accent": accentColor,
+    "--pollar-bg": isDark ? "#1a1a1a" : "#ffffff",
+    "--pollar-border": isDark ? "#374151" : "#e5e7eb",
+    "--pollar-text": isDark ? "#ffffff" : "#111827",
+    "--pollar-muted": isDark ? "#9ca3af" : "#6b7280",
+    "--pollar-input-bg": isDark ? "#374151" : "#f9fafb",
+    "--pollar-error-bg": isDark ? "#2a1515" : "#fef2f2",
+    "--pollar-error-border": isDark ? "#7f1d1d" : "#fecaca",
+    "--pollar-error-text": isDark ? "#f87171" : "#dc2626",
+    "--pollar-success-text": isDark ? "#4ade80" : "#16a34a",
+    "--pollar-buttons-border-radius": "6px",
+    "--pollar-buttons-height": "44px",
+    "--pollar-input-height": "44px",
+    "--pollar-input-border-radius": "0.5rem",
+    "--pollar-card-border-radius": "10px"
+  };
+  async function handleSubmit() {
+    setFormError("");
+    if (smartUnsupported) {
+      setFormError("Earn is not yet supported for smart (passkey) wallets");
+      return;
+    }
+    if (!provider || !opportunityId) {
+      setFormError("Select a vault or pool");
+      return;
+    }
+    const parsed = parseFloat(amount);
+    if (!amount || isNaN(parsed) || parsed <= 0) {
+      setFormError("Enter a valid amount");
+      return;
+    }
+    if (tab === "withdraw" && position && parsed > parseFloat(position.withdrawable)) {
+      setFormError("Amount exceeds your position");
+      return;
+    }
+    setStep("tx");
+    const params = { provider, opportunity: opportunityId, amount };
+    const outcome = tab === "deposit" ? await earnDeposit(params) : await earnWithdraw(params);
+    if (outcome.status === "success" || outcome.status === "pending") {
+      setAmount("");
+      refreshPosition();
+    }
+  }
+  async function handleRetry() {
+    if (transaction.step !== "error" || !provider || !opportunityId) return;
+    const params = { provider, opportunity: opportunityId, amount };
+    if (tab === "deposit") await earnDeposit(params);
+    else await earnWithdraw(params);
+  }
+  function handleCopyHash() {
+    if (!hash) return;
+    navigator.clipboard.writeText(hash).then(() => {
+      setCopied(true);
+      if (copyTimerRef.current !== null) clearTimeout(copyTimerRef.current);
+      copyTimerRef.current = setTimeout(() => {
+        copyTimerRef.current = null;
+        setCopied(false);
+      }, 2e3);
+    });
+  }
+  function handleBack() {
+    setStep("form");
+    setShowXdr(false);
+    setCopied(false);
+    refreshPosition();
+  }
+  const title = step === "form" ? "Earn" : txTitle;
+  return /* @__PURE__ */ jsx("div", { className: "pollar-overlay", onClick: !isInProgress ? onClose : void 0, children: /* @__PURE__ */ jsxs("div", { className: "pollar-modal-card pollar-send-modal", "data-theme": theme, style: cssVars, onClick: (e) => e.stopPropagation(), children: [
+    /* @__PURE__ */ jsxs("div", { className: "pollar-modal-header", children: [
+      /* @__PURE__ */ jsxs("div", { className: "pollar-send-header-left", children: [
+        showBack && /* @__PURE__ */ jsx("button", { type: "button", className: "pollar-modal-close", onClick: handleBack, "aria-label": "Back", children: /* @__PURE__ */ jsx("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": true, children: /* @__PURE__ */ jsx("path", { d: "M10 3L5 8l5 5", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) }) }),
+        /* @__PURE__ */ jsx("h2", { className: "pollar-modal-title", children: title })
+      ] }),
+      !isInProgress && /* @__PURE__ */ jsx("button", { type: "button", className: "pollar-modal-close", onClick: onClose, "aria-label": "Close", children: /* @__PURE__ */ jsx("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": true, children: /* @__PURE__ */ jsx("path", { d: "M2 2l12 12M14 2L2 14", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round" }) }) })
+    ] }),
+    step === "form" && providersLoading && /* @__PURE__ */ jsx("div", { className: "pollar-send-hint", children: "Loading Earn options\u2026" }),
+    step === "form" && earnUnavailable && /* @__PURE__ */ jsx("div", { className: "pollar-modal-error", children: "Earn is not available for this app." }),
+    step === "form" && !earnUnavailable && /* @__PURE__ */ jsxs(Fragment, { children: [
+      smartUnsupported && /* @__PURE__ */ jsx("div", { className: "pollar-modal-error", children: "Earn is not yet available for smart (passkey) wallets." }),
+      /* @__PURE__ */ jsxs("div", { className: "pollar-earn-tabs", children: [
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            className: `pollar-earn-tab${tab === "deposit" ? " pollar-earn-tab-active" : ""}`,
+            onClick: () => {
+              setTab("deposit");
+              setFormError("");
+            },
+            children: "Deposit"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            className: `pollar-earn-tab${tab === "withdraw" ? " pollar-earn-tab-active" : ""}`,
+            onClick: () => {
+              setTab("withdraw");
+              setFormError("");
+            },
+            children: "Withdraw"
+          }
+        )
+      ] }),
+      providers && providers.length > 1 && /* @__PURE__ */ jsxs("div", { className: "pollar-send-field", children: [
+        /* @__PURE__ */ jsx("label", { className: "pollar-send-label", children: "Provider" }),
+        /* @__PURE__ */ jsx(
+          "select",
+          {
+            className: "pollar-input pollar-send-select",
+            value: provider ?? "",
+            onChange: (e) => setProvider(e.target.value),
+            children: providers.map((p) => /* @__PURE__ */ jsx("option", { value: p, children: PROVIDER_LABELS2[p] }, p))
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "pollar-send-field", children: [
+        /* @__PURE__ */ jsx("label", { className: "pollar-send-label", children: provider === "defindex" ? "Vault" : "Pool" }),
+        /* @__PURE__ */ jsx(
+          "select",
+          {
+            className: "pollar-input pollar-send-select",
+            value: opportunityId,
+            disabled: loadingOpps || opportunities.length === 0,
+            onChange: (e) => setOpportunityId(e.target.value),
+            children: opportunities.length === 0 ? /* @__PURE__ */ jsx("option", { value: "", children: loadingOpps ? "Loading\u2026" : "None available" }) : opportunities.map((o) => /* @__PURE__ */ jsxs("option", { value: o.id, children: [
+              o.name,
+              " \xB7 ",
+              o.apy.toFixed(2),
+              "% APY"
+            ] }, o.id))
+          }
+        )
+      ] }),
+      selectedOpportunity && /* @__PURE__ */ jsxs("div", { className: "pollar-swap-quote", children: [
+        /* @__PURE__ */ jsxs("div", { className: "pollar-swap-quote-row", children: [
+          /* @__PURE__ */ jsx("span", { className: "pollar-send-hint", children: "Your position" }),
+          /* @__PURE__ */ jsxs("span", { children: [
+            position ? formatAmount4(position.balance) : "\u2026",
+            " ",
+            assetCode
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "pollar-swap-quote-row", children: [
+          /* @__PURE__ */ jsx("span", { className: "pollar-send-hint", children: "APY" }),
+          /* @__PURE__ */ jsxs("span", { className: "pollar-earn-live", children: [
+            selectedOpportunity.apy.toFixed(2),
+            "%"
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "pollar-send-field", children: [
+        /* @__PURE__ */ jsxs("div", { className: "pollar-send-label-row", children: [
+          /* @__PURE__ */ jsx("label", { className: "pollar-send-label", children: tab === "deposit" ? "Amount" : "Withdraw amount" }),
+          tab === "withdraw" && position && /* @__PURE__ */ jsxs(
+            "button",
+            {
+              type: "button",
+              className: "pollar-swap-custom-toggle",
+              onClick: () => setAmount(position.withdrawable),
+              children: [
+                "Max: ",
+                formatAmount4(position.withdrawable),
+                " ",
+                amountUnitLabel
+              ]
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "pollar-earn-amount", children: [
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              className: "pollar-input",
+              type: "text",
+              inputMode: "decimal",
+              placeholder: "0.00",
+              value: amount,
+              onChange: (e) => setAmount(e.target.value)
+            }
+          ),
+          amountUnitLabel && /* @__PURE__ */ jsx("span", { className: "pollar-earn-amount-unit", children: amountUnitLabel })
+        ] })
+      ] }),
+      formError && /* @__PURE__ */ jsx("div", { className: "pollar-modal-error", children: formError }),
+      /* @__PURE__ */ jsx("div", { className: "pollar-modal-actions", children: /* @__PURE__ */ jsx("button", { className: "pollar-btn-primary", onClick: () => void handleSubmit(), disabled: !canSubmit, children: tab === "deposit" ? "Deposit" : "Withdraw" }) })
+    ] }),
+    step === "tx" && /* @__PURE__ */ jsx(
+      TxStatusView,
+      {
+        transaction,
+        showXdr,
+        copied,
+        explorerUrl,
+        walletType,
+        onSignAndSend: () => {
+        },
+        onToggleXdr: () => setShowXdr((v) => !v),
+        onCopyHash: handleCopyHash,
+        onRetry: () => void handleRetry(),
+        onDone: onClose
+      }
+    ),
+    /* @__PURE__ */ jsx(PollarModalFooter, {})
+  ] }) });
+}
 function describeDevice(s) {
   if (s.deviceLabel) return s.deviceLabel;
   if (!s.userAgent) return "Unknown device";
@@ -4613,6 +5018,33 @@ function StatusBadge({ status }) {
 function formatDate(iso) {
   return new Date(iso).toLocaleDateString(void 0, { month: "short", day: "numeric", year: "numeric" });
 }
+function truncateMiddle(value, head = 4, tail = 4) {
+  return value.length <= head + tail + 1 ? value : `${value.slice(0, head)}\u2026${value.slice(-tail)}`;
+}
+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: [
+    truncateMiddle(value),
+    /* @__PURE__ */ jsx(CopyButton, { value, label, className: "pollar-copy-btn-sm" })
+  ] });
+}
+function renderSummary(summary) {
+  const parts = [];
+  let last = 0;
+  let key = 0;
+  STELLAR_ADDRESS.lastIndex = 0;
+  for (let m = STELLAR_ADDRESS.exec(summary); m !== null; m = STELLAR_ADDRESS.exec(summary)) {
+    if (m.index > last) parts.push(/* @__PURE__ */ jsx("span", { children: summary.slice(last, m.index) }, key++));
+    const address = m[0];
+    parts.push(
+      /* @__PURE__ */ jsx(AddressChip, { value: address, label: address[0] === "C" ? "Copy contract address" : "Copy wallet address" }, key++)
+    );
+    last = m.index + address.length;
+  }
+  if (parts.length === 0) return /* @__PURE__ */ jsx("span", { className: "pollar-hist-item-title", children: summary });
+  if (last < summary.length) parts.push(/* @__PURE__ */ jsx("span", { children: summary.slice(last) }, key++));
+  return parts;
+}
 function TxHistoryModalTemplate({
   theme,
   accentColor,
@@ -4685,11 +5117,35 @@ function TxHistoryModalTemplate({
           txHistory.step === "error" && /* @__PURE__ */ jsx("div", { className: "pollar-modal-empty", children: txHistory.message }),
           txHistory.step === "loaded" && records.length === 0 && /* @__PURE__ */ jsx("div", { className: "pollar-modal-empty", children: "No transactions yet." }),
           records.map((record) => {
-            const explorerUrl = `https://stellar.expert/explorer/${record.network === "testnet" ? "testnet" : "public"}/tx/${record.hash}`;
-            const destination = typeof record.details?.destination === "string" ? record.details.destination : void 0;
+            const hash = typeof record.hash === "string" && record.hash.length > 0 ? record.hash : void 0;
+            const explorerUrl = hash ? `https://stellar.expert/explorer/${record.network === "testnet" ? "testnet" : "public"}/tx/${hash}` : void 0;
+            const asset = typeof record.details?.asset === "string" ? record.details.asset : void 0;
+            const colon = asset ? asset.indexOf(":") : -1;
+            const trustline = record.operation === "change_trust" && asset && colon > 0 ? {
+              prefix: record.summary.split(":")[0],
+              code: asset.slice(0, colon),
+              issuer: asset.slice(colon + 1)
+            } : void 0;
+            const contract = record.operation === "invoke_contract" && typeof record.details?.contractId === "string" && typeof record.details?.method === "string" ? { method: record.details.method, contractId: record.details.contractId } : void 0;
             return /* @__PURE__ */ jsxs("div", { className: "pollar-hist-item", children: [
-              /* @__PURE__ */ jsx("span", { className: "pollar-hist-item-summary", children: record.summary }),
-              /* @__PURE__ */ jsx(StatusBadge, { status: record.status }),
+              /* @__PURE__ */ jsxs("div", { className: "pollar-hist-item-top", children: [
+                /* @__PURE__ */ jsx("span", { className: "pollar-hist-item-summary", children: trustline ? /* @__PURE__ */ jsxs(Fragment, { children: [
+                  /* @__PURE__ */ jsxs("span", { className: "pollar-hist-item-title", children: [
+                    trustline.prefix,
+                    ": ",
+                    trustline.code
+                  ] }),
+                  /* @__PURE__ */ jsx(AddressChip, { value: trustline.issuer, label: "Copy issuer" })
+                ] }) : contract ? /* @__PURE__ */ jsxs(Fragment, { children: [
+                  /* @__PURE__ */ jsxs("span", { className: "pollar-hist-item-title", children: [
+                    "Invoke ",
+                    contract.method,
+                    "() on"
+                  ] }),
+                  /* @__PURE__ */ jsx(AddressChip, { value: contract.contractId, label: "Copy contract address" })
+                ] }) : renderSummary(record.summary) }),
+                /* @__PURE__ */ jsx(StatusBadge, { status: record.status })
+              ] }),
               /* @__PURE__ */ jsxs("span", { className: "pollar-hist-item-meta", children: [
                 /* @__PURE__ */ jsx("span", { children: record.operation }),
                 typeof record.details?.sponsored === "boolean" && /* @__PURE__ */ jsxs("span", { children: [
@@ -4700,26 +5156,23 @@ function TxHistoryModalTemplate({
                   "\xB7 ",
                   record.feeXlm,
                   " XLM"
-                ] }),
-                /* @__PURE__ */ jsxs("span", { children: [
-                  "\xB7 ",
-                  formatDate(record.createdAt)
-                ] }),
-                destination && /* @__PURE__ */ jsxs(Fragment, { children: [
-                  /* @__PURE__ */ jsx("span", { children: "\xB7" }),
-                  /* @__PURE__ */ jsx(CopyButton, { value: destination, label: "Copy wallet address", className: "pollar-copy-btn-sm" })
-                ] }),
-                /* @__PURE__ */ jsx("span", { children: "\xB7" }),
-                /* @__PURE__ */ jsxs(
-                  "a",
-                  {
-                    className: "pollar-hist-item-explorer",
-                    href: explorerUrl,
-                    target: "_blank",
-                    rel: "noopener noreferrer",
-                    "aria-label": "View on Stellar Explorer",
-                    children: [
-                      /* @__PURE__ */ jsxs("svg", { width: "11", height: "11", viewBox: "0 0 13 13", fill: "none", "aria-hidden": true, children: [
+                ] })
+              ] }),
+              /* @__PURE__ */ jsxs("div", { className: "pollar-hist-item-footer", children: [
+                /* @__PURE__ */ jsx("span", { children: formatDate(record.createdAt) }),
+                hash && /* @__PURE__ */ jsxs(Fragment, { children: [
+                  /* @__PURE__ */ jsx("span", { className: "pollar-hist-item-dot", children: "\xB7" }),
+                  /* @__PURE__ */ jsx("span", { className: "pollar-hist-item-hash", children: truncateMiddle(hash, 6, 6) }),
+                  /* @__PURE__ */ jsx(CopyButton, { value: hash, label: "Copy transaction hash", className: "pollar-copy-btn-sm" }),
+                  /* @__PURE__ */ jsx(
+                    "a",
+                    {
+                      className: "pollar-hist-item-explorer",
+                      href: explorerUrl,
+                      target: "_blank",
+                      rel: "noopener noreferrer",
+                      "aria-label": "View on Stellar Explorer",
+                      children: /* @__PURE__ */ jsxs("svg", { width: "12", height: "12", viewBox: "0 0 13 13", fill: "none", "aria-hidden": true, children: [
                         /* @__PURE__ */ jsx(
                           "path",
                           {
@@ -4739,11 +5192,10 @@ function TxHistoryModalTemplate({
                             strokeLinejoin: "round"
                           }
                         )
-                      ] }),
-                      "Explorer"
-                    ]
-                  }
-                )
+                      ] })
+                    }
+                  )
+                ] })
               ] })
             ] }, record.id);
           })
@@ -5089,6 +5541,7 @@ function PollarProvider({
   const [enabledAssetsModalOpen, setEnabledAssetsModalOpen] = useState(false);
   const [sendModalOpen, setSendModalOpen] = useState(false);
   const [swapModalOpen, setSwapModalOpen] = useState(false);
+  const [earnModalOpen, setEarnModalOpen] = useState(false);
   const [receiveModalOpen, setReceiveModalOpen] = useState(false);
   const [sessionsModalOpen, setSessionsModalOpen] = useState(false);
   const [distributionRulesModalOpen, setDistributionRulesModalOpen] = useState(false);
@@ -5139,6 +5592,13 @@ function PollarProvider({
       getSwapQuote: (params) => pollarClient.getSwapQuote(params),
       swap: (quote, opts) => pollarClient.swap(quote, opts),
       openSwapModal: () => setSwapModalOpen(true),
+      // earn
+      getEarnProviders: () => pollarClient.getEarnProviders(),
+      getEarnOpportunities: (provider) => pollarClient.getEarnOpportunities(provider),
+      getEarnPosition: (params) => pollarClient.getEarnPosition(params),
+      earnDeposit: (params) => pollarClient.earnDeposit(params),
+      earnWithdraw: (params) => pollarClient.earnWithdraw(params),
+      openEarnModal: () => setEarnModalOpen(true),
       // sessions
       sessions,
       openSessionsModal: () => setSessionsModalOpen(true),
@@ -5194,6 +5654,7 @@ function PollarProvider({
     enabledAssetsModalOpen && /* @__PURE__ */ jsx(ModalErrorBoundary, { onClose: () => setEnabledAssetsModalOpen(false), children: /* @__PURE__ */ jsx(EnabledAssetsModal, { onClose: () => setEnabledAssetsModalOpen(false) }) }),
     sendModalOpen && /* @__PURE__ */ jsx(ModalErrorBoundary, { onClose: () => setSendModalOpen(false), children: /* @__PURE__ */ jsx(SendModal, { onClose: () => setSendModalOpen(false) }) }),
     swapModalOpen && /* @__PURE__ */ jsx(ModalErrorBoundary, { onClose: () => setSwapModalOpen(false), children: /* @__PURE__ */ jsx(SwapModal, { onClose: () => setSwapModalOpen(false) }) }),
+    earnModalOpen && /* @__PURE__ */ jsx(ModalErrorBoundary, { onClose: () => setEarnModalOpen(false), children: /* @__PURE__ */ jsx(EarnModal, { onClose: () => setEarnModalOpen(false) }) }),
     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) }) }),
     distributionRulesModalOpen && /* @__PURE__ */ jsx(ModalErrorBoundary, { onClose: () => setDistributionRulesModalOpen(false), children: /* @__PURE__ */ jsx(DistributionRulesModal, { onClose: () => setDistributionRulesModalOpen(false) }) })
@@ -5243,7 +5704,10 @@ function WalletButtonTemplate({
   itemColor,
   wrapperRef,
   isInProgress,
+  showCreateAccount,
+  creatingAccount,
   onToggleOpen,
+  onCreateAccount,
   onCopy,
   onWalletBalance,
   onTxHistory,
@@ -5305,6 +5769,40 @@ function WalletButtonTemplate({
       }
     ),
     open && /* @__PURE__ */ jsxs("div", { className: "wallet-dropdown", style: { backgroundColor: dropdownBg, borderColor: dropdownBorder }, children: [
+      showCreateAccount && /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsxs(
+          "button",
+          {
+            className: "wallet-dropdown-item",
+            style: { color: itemColor },
+            onClick: onCreateAccount,
+            disabled: creatingAccount,
+            children: [
+              /* @__PURE__ */ jsxs(
+                "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: "M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2" }),
+                    /* @__PURE__ */ jsx("circle", { cx: "9", cy: "7", r: "4" }),
+                    /* @__PURE__ */ jsx("line", { x1: "19", y1: "8", x2: "19", y2: "14" }),
+                    /* @__PURE__ */ jsx("line", { x1: "22", y1: "11", x2: "16", y2: "11" })
+                  ]
+                }
+              ),
+              creatingAccount ? "Creating account\u2026" : "Create account"
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx("div", { className: "wallet-dropdown-divider" })
+      ] }),
       /* @__PURE__ */ jsxs("button", { className: "wallet-dropdown-item", style: { color: itemColor }, onClick: onSend, children: [
         /* @__PURE__ */ jsxs(
           "svg",
@@ -5544,9 +6042,12 @@ function WalletButton() {
   const walletType = wallet?.custody === "external" ? wallet.provider : null;
   const [open, setOpen] = useState(false);
   const [copied, setCopied] = useState(false);
+  const [creating, setCreating] = useState(false);
+  const [created, setCreated] = useState(false);
   const wrapperRef = useRef(null);
   const copyTimerRef = useRef(null);
   const isInProgress = transaction.step === "building" || transaction.step === "signing";
+  const canCreateAccount = !created && wallet?.custody === "external" && wallet.existsOnStellar === false && wallet.fundingMode === "IMMEDIATE";
   const { theme = "light", accentColor = "#005DB4" } = styles;
   const isDark = theme === "dark";
   const dropdownBg = isDark ? "#18181b" : "#fff";
@@ -5581,6 +6082,20 @@ function WalletButton() {
     setOpen(false);
     getClient().logout();
   }
+  async function handleCreateAccount() {
+    if (creating) return;
+    setCreating(true);
+    try {
+      const res = await getClient().createAccount();
+      if (res.status === "success" || res.status === "pending") {
+        setCreated(true);
+        setOpen(false);
+        await getClient().refreshBalance();
+      }
+    } finally {
+      setCreating(false);
+    }
+  }
   function handleWalletBalance() {
     setOpen(false);
     openWalletBalanceModal();
@@ -5626,7 +6141,10 @@ function WalletButton() {
       wrapperRef,
       isInProgress,
       walletType,
+      showCreateAccount: canCreateAccount,
+      creatingAccount: creating,
       onToggleOpen: () => setOpen((v) => !v),
+      onCreateAccount: handleCreateAccount,
       onCopy: handleCopy,
       onWalletBalance: handleWalletBalance,
       onTxHistory: handleTxHistory,
@@ -5642,6 +6160,6 @@ function WalletButton() {
   );
 }
 
-export { DistributionRulesModal, DistributionRulesModalTemplate, EnabledAssetsModal, EnabledAssetsModalTemplate, KycModal, KycModalTemplate, KycStatus, LoginModalTemplate, PollarProvider, RampWidget, RampWidgetTemplate, ReceiveModal, ReceiveModalTemplate, RouteDisplay, SendModal, SendModalTemplate, SessionsModal, SessionsModalTemplate, SwapModal, SwapModalTemplate, TransactionModalTemplate, TxHistoryModalTemplate, TxStatusView, WalletBalanceModal, WalletBalanceModalTemplate, WalletButton, WalletButtonTemplate, createPollarAdapterHook, usePollar };
+export { DistributionRulesModal, DistributionRulesModalTemplate, EarnModal, EnabledAssetsModal, EnabledAssetsModalTemplate, KycModal, KycModalTemplate, KycStatus, LoginModalTemplate, PollarProvider, RampWidget, RampWidgetTemplate, ReceiveModal, ReceiveModalTemplate, RouteDisplay, SendModal, SendModalTemplate, SessionsModal, SessionsModalTemplate, SwapModal, SwapModalTemplate, TransactionModalTemplate, TxHistoryModalTemplate, TxStatusView, WalletBalanceModal, WalletBalanceModalTemplate, WalletButton, WalletButtonTemplate, createPollarAdapterHook, usePollar };
 //# sourceMappingURL=index.mjs.map
 //# sourceMappingURL=index.mjs.map