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

package/dist/index.js

@@ -1035,7 +1035,7 @@ var PollarModalFooter = () => {
       /* @__PURE__ */ jsxRuntime.jsx("span", { className: "pollar-footer-name", children: "Pollar" }),
       /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "pollar-footer-version", children: [
         "v",
-        "0.10.1-rc.5"
+        "0.10.1-rc.6"
       ] })
     ] })
   ] });
@@ -2556,12 +2556,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 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;
 }
@@ -2787,9 +2798,16 @@ function RampWidgetTemplate({
           stellarTxHash.slice(-8)
         ] }) })
       ] }),
-      depositInstructions && txStatus !== "completed" && flattenInstructions(depositInstructions).map(({ key, label, value }) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-ramp-payment-field", children: [
+      depositInstructions && txStatus !== "completed" && flattenInstructions(depositInstructions).map(({ key, label, value, kind }) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-ramp-payment-field", children: [
         /* @__PURE__ */ jsxRuntime.jsx("span", { className: "pollar-ramp-payment-label", children: label }),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-ramp-payment-value", children: /* @__PURE__ */ jsxRuntime.jsx("code", { style: { wordBreak: "break-all" }, children: value }) })
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-ramp-payment-value", children: kind === "qr" ? /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("span", { children: value }) : /* @__PURE__ */ jsxRuntime.jsx("code", { style: { wordBreak: "break-all" }, children: value }) })
       ] }, key)),
       tosUrl && !depositInstructions && txStatus !== "completed" && /* @__PURE__ */ jsxRuntime.jsxs("button", { type: "button", className: "pollar-btn-primary", onClick: onOpenTos, children: [
         "Accept terms at ",
@@ -3669,7 +3687,7 @@ function SendModal({ 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",
@@ -3677,7 +3695,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() {
@@ -4243,7 +4261,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",
@@ -4251,7 +4269,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() {
@@ -4345,6 +4363,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] = react.useState("form");
+  const [tab, setTab] = react.useState("deposit");
+  const [providers, setProviders] = react.useState(null);
+  const [provider, setProvider] = react.useState(null);
+  const [opportunities, setOpportunities] = react.useState([]);
+  const [opportunityId, setOpportunityId] = react.useState("");
+  const [position, setPosition] = react.useState(null);
+  const [amount, setAmount] = react.useState("");
+  const [loadingOpps, setLoadingOpps] = react.useState(false);
+  const [formError, setFormError] = react.useState("");
+  const [showXdr, setShowXdr] = react.useState(false);
+  const [copied, setCopied] = react.useState(false);
+  const copyTimerRef = react.useRef(null);
+  const loadProviders = react.useCallback(() => {
+    setProviders(null);
+    return getEarnProviders().then((ps) => {
+      setProviders(ps);
+      setProvider((cur) => cur ?? ps[0] ?? null);
+    }).catch(() => setProviders([]));
+  }, [getEarnProviders]);
+  react.useEffect(() => {
+    void loadProviders();
+  }, [loadProviders]);
+  react.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 = react.useCallback(() => {
+    if (!provider || !opportunityId || !wallet) return;
+    getEarnPosition({ provider, opportunity: opportunityId }).then(setPosition).catch(() => {
+    });
+  }, [provider, opportunityId, wallet, getEarnPosition]);
+  react.useEffect(() => {
+    setPosition(null);
+    refreshPosition();
+  }, [refreshPosition]);
+  react.useEffect(() => {
+    if (step !== "form" || !provider || !opportunityId) return;
+    const id = setInterval(refreshPosition, POSITION_POLL_MS);
+    return () => clearInterval(id);
+  }, [step, provider, opportunityId, refreshPosition]);
+  react.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__ */ jsxRuntime.jsx("div", { className: "pollar-overlay", onClick: !isInProgress ? onClose : void 0, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-modal-card pollar-send-modal", "data-theme": theme, style: cssVars, onClick: (e) => e.stopPropagation(), children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-modal-header", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-send-header-left", children: [
+        showBack && /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: "pollar-modal-close", onClick: handleBack, "aria-label": "Back", children: /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": true, children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M10 3L5 8l5 5", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) }) }),
+        /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "pollar-modal-title", children: title })
+      ] }),
+      !isInProgress && /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: "pollar-modal-close", onClick: onClose, "aria-label": "Close", children: /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": true, children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M2 2l12 12M14 2L2 14", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round" }) }) })
+    ] }),
+    step === "form" && providersLoading && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-send-hint", children: "Loading Earn options\u2026" }),
+    step === "form" && earnUnavailable && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-modal-error", children: "Earn is not available for this app." }),
+    step === "form" && !earnUnavailable && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      smartUnsupported && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-modal-error", children: "Earn is not yet available for smart (passkey) wallets." }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-earn-tabs", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            type: "button",
+            className: `pollar-earn-tab${tab === "deposit" ? " pollar-earn-tab-active" : ""}`,
+            onClick: () => {
+              setTab("deposit");
+              setFormError("");
+            },
+            children: "Deposit"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs("div", { className: "pollar-send-field", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("label", { className: "pollar-send-label", children: "Provider" }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "select",
+          {
+            className: "pollar-input pollar-send-select",
+            value: provider ?? "",
+            onChange: (e) => setProvider(e.target.value),
+            children: providers.map((p) => /* @__PURE__ */ jsxRuntime.jsx("option", { value: p, children: PROVIDER_LABELS2[p] }, p))
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-send-field", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("label", { className: "pollar-send-label", children: provider === "defindex" ? "Vault" : "Pool" }),
+        /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("option", { value: "", children: loadingOpps ? "Loading\u2026" : "None available" }) : opportunities.map((o) => /* @__PURE__ */ jsxRuntime.jsxs("option", { value: o.id, children: [
+              o.name,
+              " \xB7 ",
+              o.apy.toFixed(2),
+              "% APY"
+            ] }, o.id))
+          }
+        )
+      ] }),
+      selectedOpportunity && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-swap-quote", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-swap-quote-row", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "pollar-send-hint", children: "Your position" }),
+          /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+            position ? formatAmount4(position.balance) : "\u2026",
+            " ",
+            assetCode
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-swap-quote-row", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "pollar-send-hint", children: "APY" }),
+          /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "pollar-earn-live", children: [
+            selectedOpportunity.apy.toFixed(2),
+            "%"
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-send-field", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-send-label-row", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("label", { className: "pollar-send-label", children: tab === "deposit" ? "Amount" : "Withdraw amount" }),
+          tab === "withdraw" && position && /* @__PURE__ */ jsxRuntime.jsxs(
+            "button",
+            {
+              type: "button",
+              className: "pollar-swap-custom-toggle",
+              onClick: () => setAmount(position.withdrawable),
+              children: [
+                "Max: ",
+                formatAmount4(position.withdrawable),
+                " ",
+                amountUnitLabel
+              ]
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-earn-amount", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "input",
+            {
+              className: "pollar-input",
+              type: "text",
+              inputMode: "decimal",
+              placeholder: "0.00",
+              value: amount,
+              onChange: (e) => setAmount(e.target.value)
+            }
+          ),
+          amountUnitLabel && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "pollar-earn-amount-unit", children: amountUnitLabel })
+        ] })
+      ] }),
+      formError && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-modal-error", children: formError }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-modal-actions", children: /* @__PURE__ */ jsxRuntime.jsx("button", { className: "pollar-btn-primary", onClick: () => void handleSubmit(), disabled: !canSubmit, children: tab === "deposit" ? "Deposit" : "Withdraw" }) })
+    ] }),
+    step === "tx" && /* @__PURE__ */ jsxRuntime.jsx(
+      TxStatusView,
+      {
+        transaction,
+        showXdr,
+        copied,
+        explorerUrl,
+        walletType,
+        onSignAndSend: () => {
+        },
+        onToggleXdr: () => setShowXdr((v) => !v),
+        onCopyHash: handleCopyHash,
+        onRetry: () => void handleRetry(),
+        onDone: onClose
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(PollarModalFooter, {})
+  ] }) });
+}
 function describeDevice(s) {
   if (s.deviceLabel) return s.deviceLabel;
   if (!s.userAgent) return "Unknown device";
@@ -4697,6 +5023,30 @@ 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)}`;
 }
+var STELLAR_ADDRESS = /\b[GC][A-Z2-7]{55}\b/g;
+function AddressChip({ value, label }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "pollar-hist-item-issuer", children: [
+    truncateMiddle(value),
+    /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("span", { children: summary.slice(last, m.index) }, key++));
+    const address = m[0];
+    parts.push(
+      /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("span", { className: "pollar-hist-item-title", children: summary });
+  if (last < summary.length) parts.push(/* @__PURE__ */ jsxRuntime.jsx("span", { children: summary.slice(last) }, key++));
+  return parts;
+}
 function TxHistoryModalTemplate({
   theme,
   accentColor,
@@ -4771,7 +5121,6 @@ function TxHistoryModalTemplate({
           records.map((record) => {
             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 destination = typeof record.details?.destination === "string" ? record.details.destination : 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 ? {
@@ -4779,6 +5128,7 @@ function TxHistoryModalTemplate({
               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__ */ jsxRuntime.jsxs("div", { className: "pollar-hist-item", children: [
               /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-hist-item-top", children: [
                 /* @__PURE__ */ jsxRuntime.jsx("span", { className: "pollar-hist-item-summary", children: trustline ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
@@ -4787,11 +5137,15 @@ function TxHistoryModalTemplate({
                     ": ",
                     trustline.code
                   ] }),
-                  /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "pollar-hist-item-issuer", children: [
-                    truncateMiddle(trustline.issuer),
-                    /* @__PURE__ */ jsxRuntime.jsx(CopyButton, { value: trustline.issuer, label: "Copy issuer", className: "pollar-copy-btn-sm" })
-                  ] })
-                ] }) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "pollar-hist-item-title", children: record.summary }) }),
+                  /* @__PURE__ */ jsxRuntime.jsx(AddressChip, { value: trustline.issuer, label: "Copy issuer" })
+                ] }) : contract ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+                  /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "pollar-hist-item-title", children: [
+                    "Invoke ",
+                    contract.method,
+                    "() on"
+                  ] }),
+                  /* @__PURE__ */ jsxRuntime.jsx(AddressChip, { value: contract.contractId, label: "Copy contract address" })
+                ] }) : renderSummary(record.summary) }),
                 /* @__PURE__ */ jsxRuntime.jsx(StatusBadge, { status: record.status })
               ] }),
               /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "pollar-hist-item-meta", children: [
@@ -4804,13 +5158,6 @@ function TxHistoryModalTemplate({
                   "\xB7 ",
                   record.feeXlm,
                   " XLM"
-                ] }),
-                destination && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-                  /* @__PURE__ */ jsxRuntime.jsx("span", { children: "\xB7" }),
-                  /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "pollar-hist-item-issuer", children: [
-                    truncateMiddle(destination),
-                    /* @__PURE__ */ jsxRuntime.jsx(CopyButton, { value: destination, label: "Copy wallet address", className: "pollar-copy-btn-sm" })
-                  ] })
                 ] })
               ] }),
               /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-hist-item-footer", children: [
@@ -5196,6 +5543,7 @@ function PollarProvider({
   const [enabledAssetsModalOpen, setEnabledAssetsModalOpen] = react.useState(false);
   const [sendModalOpen, setSendModalOpen] = react.useState(false);
   const [swapModalOpen, setSwapModalOpen] = react.useState(false);
+  const [earnModalOpen, setEarnModalOpen] = react.useState(false);
   const [receiveModalOpen, setReceiveModalOpen] = react.useState(false);
   const [sessionsModalOpen, setSessionsModalOpen] = react.useState(false);
   const [distributionRulesModalOpen, setDistributionRulesModalOpen] = react.useState(false);
@@ -5246,6 +5594,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),
@@ -5301,6 +5656,7 @@ function PollarProvider({
     enabledAssetsModalOpen && /* @__PURE__ */ jsxRuntime.jsx(ModalErrorBoundary, { onClose: () => setEnabledAssetsModalOpen(false), children: /* @__PURE__ */ jsxRuntime.jsx(EnabledAssetsModal, { onClose: () => setEnabledAssetsModalOpen(false) }) }),
     sendModalOpen && /* @__PURE__ */ jsxRuntime.jsx(ModalErrorBoundary, { onClose: () => setSendModalOpen(false), children: /* @__PURE__ */ jsxRuntime.jsx(SendModal, { onClose: () => setSendModalOpen(false) }) }),
     swapModalOpen && /* @__PURE__ */ jsxRuntime.jsx(ModalErrorBoundary, { onClose: () => setSwapModalOpen(false), children: /* @__PURE__ */ jsxRuntime.jsx(SwapModal, { onClose: () => setSwapModalOpen(false) }) }),
+    earnModalOpen && /* @__PURE__ */ jsxRuntime.jsx(ModalErrorBoundary, { onClose: () => setEarnModalOpen(false), children: /* @__PURE__ */ jsxRuntime.jsx(EarnModal, { onClose: () => setEarnModalOpen(false) }) }),
     receiveModalOpen && /* @__PURE__ */ jsxRuntime.jsx(ModalErrorBoundary, { onClose: () => setReceiveModalOpen(false), children: /* @__PURE__ */ jsxRuntime.jsx(ReceiveModal, { onClose: () => setReceiveModalOpen(false) }) }),
     sessionsModalOpen && /* @__PURE__ */ jsxRuntime.jsx(ModalErrorBoundary, { onClose: () => setSessionsModalOpen(false), children: /* @__PURE__ */ jsxRuntime.jsx(SessionsModal, { onClose: () => setSessionsModalOpen(false) }) }),
     distributionRulesModalOpen && /* @__PURE__ */ jsxRuntime.jsx(ModalErrorBoundary, { onClose: () => setDistributionRulesModalOpen(false), children: /* @__PURE__ */ jsxRuntime.jsx(DistributionRulesModal, { onClose: () => setDistributionRulesModalOpen(false) }) })
@@ -5350,7 +5706,10 @@ function WalletButtonTemplate({
   itemColor,
   wrapperRef,
   isInProgress,
+  showCreateAccount,
+  creatingAccount,
   onToggleOpen,
+  onCreateAccount,
   onCopy,
   onWalletBalance,
   onTxHistory,
@@ -5412,6 +5771,40 @@ function WalletButtonTemplate({
       }
     ),
     open && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "wallet-dropdown", style: { backgroundColor: dropdownBg, borderColor: dropdownBorder }, children: [
+      showCreateAccount && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          "button",
+          {
+            className: "wallet-dropdown-item",
+            style: { color: itemColor },
+            onClick: onCreateAccount,
+            disabled: creatingAccount,
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsxs(
+                "svg",
+                {
+                  width: "14",
+                  height: "14",
+                  viewBox: "0 0 24 24",
+                  fill: "none",
+                  stroke: "currentColor",
+                  strokeWidth: "2",
+                  strokeLinecap: "round",
+                  strokeLinejoin: "round",
+                  children: [
+                    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2" }),
+                    /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "9", cy: "7", r: "4" }),
+                    /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "19", y1: "8", x2: "19", y2: "14" }),
+                    /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "22", y1: "11", x2: "16", y2: "11" })
+                  ]
+                }
+              ),
+              creatingAccount ? "Creating account\u2026" : "Create account"
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "wallet-dropdown-divider" })
+      ] }),
       /* @__PURE__ */ jsxRuntime.jsxs("button", { className: "wallet-dropdown-item", style: { color: itemColor }, onClick: onSend, children: [
         /* @__PURE__ */ jsxRuntime.jsxs(
           "svg",
@@ -5651,9 +6044,12 @@ function WalletButton() {
   const walletType = wallet?.custody === "external" ? wallet.provider : null;
   const [open, setOpen] = react.useState(false);
   const [copied, setCopied] = react.useState(false);
+  const [creating, setCreating] = react.useState(false);
+  const [created, setCreated] = react.useState(false);
   const wrapperRef = react.useRef(null);
   const copyTimerRef = react.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";
@@ -5688,6 +6084,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();
@@ -5733,7 +6143,10 @@ function WalletButton() {
       wrapperRef,
       isInProgress,
       walletType,
+      showCreateAccount: canCreateAccount,
+      creatingAccount: creating,
       onToggleOpen: () => setOpen((v) => !v),
+      onCreateAccount: handleCreateAccount,
       onCopy: handleCopy,
       onWalletBalance: handleWalletBalance,
       onTxHistory: handleTxHistory,
@@ -5751,6 +6164,7 @@ function WalletButton() {
 
 exports.DistributionRulesModal = DistributionRulesModal;
 exports.DistributionRulesModalTemplate = DistributionRulesModalTemplate;
+exports.EarnModal = EarnModal;
 exports.EnabledAssetsModal = EnabledAssetsModal;
 exports.EnabledAssetsModalTemplate = EnabledAssetsModalTemplate;
 exports.KycModal = KycModal;