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

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.4"
+        "0.10.1-rc.5"
       ] })
     ] })
   ] });
@@ -1067,16 +1067,7 @@ function CopyButton({ value, label = "Copy", className }) {
       className: `pollar-copy-btn${className ? ` ${className}` : ""}`,
       onClick: handleCopy,
       "aria-label": copied ? "Copied" : label,
-      children: copied ? /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "13", height: "13", viewBox: "0 0 14 14", fill: "none", "aria-hidden": true, children: /* @__PURE__ */ jsxRuntime.jsx(
-        "path",
-        {
-          d: "M3.5 7l2.5 2.5 4.5-5",
-          stroke: "currentColor",
-          strokeWidth: "1.5",
-          strokeLinecap: "round",
-          strokeLinejoin: "round"
-        }
-      ) }) : /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: "13", height: "13", viewBox: "0 0 13 13", fill: "none", "aria-hidden": true, children: [
+      children: copied ? /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "13", height: "13", viewBox: "0 0 14 14", fill: "none", "aria-hidden": true, children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M3.5 7l2.5 2.5 4.5-5", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) }) : /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: "13", height: "13", viewBox: "0 0 13 13", fill: "none", "aria-hidden": true, children: [
         /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "4", y: "4", width: "8", height: "8", rx: "1.5", stroke: "currentColor", strokeWidth: "1.5" }),
         /* @__PURE__ */ jsxRuntime.jsx(
           "path",
@@ -2283,12 +2274,38 @@ function PrivyLoginSubmodal({
       fail(error);
     }
   }
-  const BackButton = ({ onClick }) => /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: "pollar-back-btn", onClick, "aria-label": "Back", children: /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M15 19l-7-7 7-7" }) }) });
+  const BackButton = ({ onClick }) => /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: "pollar-back-btn", onClick, "aria-label": "Back", children: /* @__PURE__ */ jsxRuntime.jsx(
+    "svg",
+    {
+      width: "20",
+      height: "20",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2.5",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      children: /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs("div", { className: "pollar-modal-card pollar-modal", style: cssVars, onClick: (e) => e.stopPropagation(), children: [
-    /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: "pollar-close-btn", onClick: onCancel, "aria-label": "Close", children: /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M18 6L6 18M6 6l12 12" }) }) }),
+    /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: "pollar-close-btn", onClick: onCancel, "aria-label": "Close", children: /* @__PURE__ */ jsxRuntime.jsx(
+      "svg",
+      {
+        width: "18",
+        height: "18",
+        viewBox: "0 0 24 24",
+        fill: "none",
+        stroke: "currentColor",
+        strokeWidth: "2.5",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M18 6L6 18M6 6l12 12" })
+      }
+    ) }),
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-header", children: [
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-logo-wrap", children: /* @__PURE__ */ jsxRuntime.jsx("img", { src: logoUrl ?? LOGO_POLLAR, alt: "Logo", className: "pollar-logo" }) }),
       /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "pollar-title", children: appName }),
@@ -2541,8 +2558,7 @@ function flattenInstructions(instr) {
   for (const [k, v] of Object.entries(instr)) {
     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 });
@@ -2567,6 +2583,7 @@ function RampWidgetTemplate({
   provider,
   txStatus,
   kycUrl,
+  tosUrl,
   stellarTxHash,
   depositInstructions,
   canComplete,
@@ -2580,6 +2597,7 @@ function RampWidgetTemplate({
   onSelectQuote,
   onContactContinue,
   onOpenKyc,
+  onOpenTos,
   onCompleteWithdraw,
   onRetry,
   onRefresh,
@@ -2773,7 +2791,11 @@ function RampWidgetTemplate({
         /* @__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 }) })
       ] }, key)),
-      kycUrl && txStatus !== "completed" && /* @__PURE__ */ jsxRuntime.jsxs("button", { type: "button", className: "pollar-btn-primary", onClick: onOpenKyc, children: [
+      tosUrl && !depositInstructions && txStatus !== "completed" && /* @__PURE__ */ jsxRuntime.jsxs("button", { type: "button", className: "pollar-btn-primary", onClick: onOpenTos, children: [
+        "Accept terms at ",
+        provider
+      ] }),
+      kycUrl && !depositInstructions && txStatus !== "completed" && /* @__PURE__ */ jsxRuntime.jsxs("button", { type: "button", className: "pollar-btn-primary", onClick: onOpenKyc, children: [
         "Continue at ",
         provider
       ] }),
@@ -2815,6 +2837,7 @@ function RampWidget({ onClose }) {
   const [txId, setTxId] = react.useState(null);
   const [provider, setProvider] = react.useState("");
   const [kycUrl, setKycUrl] = react.useState(null);
+  const [tosUrl, setTosUrl] = react.useState(null);
   const [txStatus, setTxStatus] = react.useState(null);
   const [stellarTxHash, setStellarTxHash] = react.useState(null);
   const [depositInstructions, setDepositInstructions] = react.useState(null);
@@ -2833,8 +2856,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 {
       }
@@ -2882,8 +2904,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 {
@@ -2897,6 +2918,7 @@ function RampWidget({ onClose }) {
     setTxId(null);
     setProvider("");
     setKycUrl(null);
+    setTosUrl(null);
     setTxStatus(null);
     setStellarTxHash(null);
     setDepositInstructions(null);
@@ -2923,6 +2945,7 @@ function RampWidget({ onClose }) {
       return;
     }
     setKycUrl(result.kycUrl ?? null);
+    setTosUrl(result.tosUrl ?? null);
     setTxStatus(result.status);
     setStellarTxHash(result.stellarTxHash ?? null);
     setDepositInstructions(result.depositInstructions ?? null);
@@ -2987,6 +3010,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);
@@ -3029,6 +3055,7 @@ function RampWidget({ onClose }) {
       provider,
       txStatus,
       kycUrl,
+      tosUrl,
       stellarTxHash,
       depositInstructions,
       canComplete,
@@ -3042,6 +3069,7 @@ function RampWidget({ onClose }) {
       onSelectQuote: handleSelectQuote,
       onContactContinue: handleContactContinue,
       onOpenKyc: handleOpenKyc,
+      onOpenTos: handleOpenTos,
       onCompleteWithdraw: handleCompleteWithdraw,
       onRetry: resetToInput,
       onRefresh: handleRefresh,
@@ -3207,6 +3235,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__ */ jsxRuntime.jsxs("div", { className: "pollar-send-field", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("label", { className: "pollar-send-label", children: label }),
+    loading ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-send-skeleton" }) : /* @__PURE__ */ jsxRuntime.jsxs(
+      "select",
+      {
+        className: "pollar-input pollar-send-select",
+        value,
+        disabled,
+        onChange: (e) => onChange(e.target.value),
+        children: [
+          value === "" && /* @__PURE__ */ jsxRuntime.jsx("option", { value: "", disabled: true, hidden: true }),
+          appAssets.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("optgroup", { label: appGroupLabel, children: appAssets.map((o) => /* @__PURE__ */ jsxRuntime.jsx("option", { value: o.key, children: optionLabel(o) }, o.key)) }),
+          otherAssets.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("optgroup", { label: otherGroupLabel, children: otherAssets.map((o) => /* @__PURE__ */ jsxRuntime.jsx("option", { value: o.key, children: optionLabel(o) }, o.key)) })
+        ]
+      }
+    ),
+    !loading && children
+  ] });
+}
 var STATUS_MESSAGES = {
   idle: "",
   building: "Building transaction\u2026",
@@ -3459,8 +3524,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;
@@ -3480,36 +3543,24 @@ function SendModalTemplate({
           !isInProgress && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-modal-header-actions", children: /* @__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" && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-send-field", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("label", { className: "pollar-send-label", children: "Asset" }),
-            isLoadingBalance ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-send-skeleton" }) : /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("option", { value: "", disabled: true, children: "Select asset" }),
-                  enabledAssets.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("optgroup", { label: "App assets", children: enabledAssets.map((a) => /* @__PURE__ */ jsxRuntime.jsxs("option", { value: assetKey3(a), children: [
-                    a.code,
-                    " \u2014 ",
-                    formatBalance(a.available),
-                    " available"
-                  ] }, assetKey3(a))) }),
-                  otherAssets.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("optgroup", { label: "Other assets", children: otherAssets.map((a) => /* @__PURE__ */ jsxRuntime.jsxs("option", { value: assetKey3(a), children: [
-                    a.code,
-                    " \u2014 ",
-                    formatBalance(a.available),
-                    " available"
-                  ] }, assetKey3(a))) })
-                ]
+          /* @__PURE__ */ jsxRuntime.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__ */ 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: "Amount" }),
@@ -3609,8 +3660,11 @@ 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))
   ];
+  react.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";
@@ -3717,7 +3771,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 });
 }
@@ -3800,214 +3854,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__ */ 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: onBack, "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.jsxs("div", { className: "pollar-modal-header-actions", children: [
-        step === "form" && /* @__PURE__ */ jsxRuntime.jsx(
-          "button",
-          {
-            type: "button",
-            className: "pollar-modal-close",
-            onClick: onRefresh,
-            disabled: configLoading || isLoadingData,
-            "aria-label": "Refresh",
-            title: "Refresh balances and options",
-            children: /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": true, children: /* @__PURE__ */ jsxRuntime.jsx(
-              "path",
+  return /* @__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: onBack, "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.jsxs("div", { className: "pollar-modal-header-actions", children: [
+            step === "form" && /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": true, children: /* @__PURE__ */ jsxRuntime.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__ */ 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" && configLoading && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-send-hint", children: "Loading swap options\u2026" }),
-    step === "form" && !configLoading && swapUnavailable && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-modal-error", children: "Swap is not available for this app." }),
-    step === "form" && !configLoading && !swapUnavailable && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-      smartUnsupported && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-modal-error", children: "Swaps are not yet available for smart (passkey) wallets." }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-send-field", children: [
-        /* @__PURE__ */ jsxRuntime.jsx("label", { className: "pollar-send-label", children: "You pay" }),
-        isLoadingData ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-send-skeleton" }) : /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("option", { value: "", disabled: true, children: "Select asset to sell" }),
-              sellOptions.map((o) => /* @__PURE__ */ jsxRuntime.jsxs("option", { value: assetOptionKey(o), children: [
-                o.code,
-                o.available !== void 0 ? ` \u2014 ${formatAmount2(o.available)} available` : ""
-              ] }, assetOptionKey(o)))
-            ]
-          }
-        )
-      ] }),
-      /* @__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: "Amount" }),
-          selectedSell?.available !== void 0 && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "pollar-send-hint", children: [
-            "Available: ",
-            formatAmount2(selectedSell.available),
-            " ",
-            selectedSell.code
+            ),
+            /* @__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" }) }) })
           ] })
         ] }),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "input",
-          {
-            className: "pollar-input",
-            type: "text",
-            inputMode: "decimal",
-            placeholder: "0.00",
-            value: amount,
-            onChange: (e) => onAmountChange(e.target.value)
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-send-field", children: [
-        /* @__PURE__ */ jsxRuntime.jsx("label", { className: "pollar-send-label", children: "You receive" }),
-        isLoadingData ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-send-skeleton" }) : /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("option", { value: "", disabled: true, children: "Select asset to buy" }),
-              buyOptions.map((o) => /* @__PURE__ */ jsxRuntime.jsxs("option", { value: assetOptionKey(o), children: [
-                o.code,
-                o.enabledInApp ? "" : " (external)"
-              ] }, assetOptionKey(o)))
-            ]
-          }
-        ),
-        !isLoadingData && (customOpen ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-swap-custom", children: [
+        step === "form" && configLoading && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-send-hint", children: "Loading swap options\u2026" }),
+        step === "form" && !configLoading && swapUnavailable && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-modal-error", children: "Swap is not available for this app." }),
+        step === "form" && !swapUnavailable && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          smartUnsupported && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-modal-error", children: "Swaps are not yet available for smart (passkey) wallets." }),
           /* @__PURE__ */ jsxRuntime.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__ */ 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: "Amount" }),
+              selectedSell?.available !== void 0 && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "pollar-send-hint", children: [
+                "Available: ",
+                formatAmount3(selectedSell.available),
+                " ",
+                selectedSell.code
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "input",
+              {
+                className: "pollar-input",
+                type: "text",
+                inputMode: "decimal",
+                placeholder: "0.00",
+                value: amount,
+                disabled: configLoading,
+                onChange: (e) => onAmountChange(e.target.value)
+              }
+            )
+          ] }),
           /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs("div", { className: "pollar-swap-custom", children: [
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  "input",
+                  {
+                    className: "pollar-input",
+                    type: "text",
+                    placeholder: "Code (e.g. USDC)",
+                    value: customCode,
+                    onChange: (e) => setCustomCode(e.target.value)
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  "input",
+                  {
+                    className: "pollar-input",
+                    type: "text",
+                    placeholder: "Issuer (G...)",
+                    value: customIssuer,
+                    onChange: (e) => setCustomIssuer(e.target.value)
+                  }
+                ),
+                customError && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-modal-error", children: customError }),
+                /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-swap-custom-actions", children: [
+                  /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: "pollar-btn-primary", onClick: submitCustomToken, children: "Add token" }),
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    "button",
+                    {
+                      type: "button",
+                      className: "pollar-swap-custom-cancel",
+                      onClick: () => {
+                        setCustomOpen(false);
+                        setCustomError("");
+                      },
+                      children: "Cancel"
+                    }
+                  )
+                ] })
+              ] }) : /* @__PURE__ */ jsxRuntime.jsx(
+                "button",
+                {
+                  type: "button",
+                  className: "pollar-swap-custom-toggle",
+                  disabled: configLoading,
+                  onClick: () => setCustomOpen(true),
+                  children: "+ Add a token by code / issuer"
+                }
+              )
             }
           ),
-          customError && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-modal-error", children: customError }),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-swap-custom-actions", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: "pollar-btn-primary", onClick: submitCustomToken, children: "Add token" }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-send-field", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("label", { className: "pollar-send-label", children: "Route" }),
             /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("option", { value: provider, children: configLoading ? "Loading\u2026" : PROVIDER_LABELS[provider] }) : providers.map((p) => /* @__PURE__ */ jsxRuntime.jsx("option", { value: p, children: PROVIDER_LABELS[p] }, p))
               }
             )
-          ] })
-        ] }) : /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: "pollar-swap-custom-toggle", onClick: () => setCustomOpen(true), children: "+ Add a token by code / issuer" }))
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-send-field", children: [
-        /* @__PURE__ */ jsxRuntime.jsx("label", { className: "pollar-send-label", children: "Route" }),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "select",
+          ] }),
+          quoteLoading && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-send-hint", children: "Fetching best price\u2026" }),
+          !quoteLoading && quoteError && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-modal-error", children: quoteError }),
+          !quoteLoading && !quoteError && quote && selectedBuy && /* @__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: "You receive" }),
+              /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+                "~ ",
+                formatAmount3(quote.amountOut),
+                " ",
+                selectedBuy.code
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-swap-quote-row", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "pollar-send-hint", children: "Minimum received" }),
+              /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+                formatAmount3(quote.minReceived),
+                " ",
+                selectedBuy.code
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-swap-quote-row", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "pollar-send-hint", children: "Price impact" }),
+              /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+                quote.priceImpactPct,
+                "%"
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-swap-quote-row", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "pollar-send-hint", children: "Route" }),
+              /* @__PURE__ */ jsxRuntime.jsx("span", { children: PROVIDER_LABELS[quote.provider] })
+            ] })
+          ] }),
+          !quoteLoading && !quoteError && !quote && selectedSell && selectedBuy && !!amount && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-send-hint", children: "No route found for this pair." }),
+          buyNeedsTrustline && selectedBuy && /* @__PURE__ */ jsxRuntime.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__ */ 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: onSwap, disabled: !canSwap, children: buyNeedsTrustline ? "Create trustline & swap" : "Swap" }) })
+        ] }),
+        step === "tx" && /* @__PURE__ */ jsxRuntime.jsx(
+          TxStatusView,
           {
-            className: "pollar-input pollar-send-select",
-            value: provider,
-            onChange: (e) => onProviderChange(e.target.value),
-            children: providers.map((p) => /* @__PURE__ */ jsxRuntime.jsx("option", { value: p, children: PROVIDER_LABELS[p] }, p))
+            transaction,
+            showXdr,
+            copied,
+            explorerUrl,
+            walletType,
+            onSignAndSend: () => {
+            },
+            onToggleXdr,
+            onCopyHash,
+            onRetry,
+            onDone
           }
-        )
-      ] }),
-      quoteLoading && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-send-hint", children: "Fetching best price\u2026" }),
-      !quoteLoading && quoteError && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-modal-error", children: quoteError }),
-      !quoteLoading && !quoteError && quote && selectedBuy && /* @__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: "You receive" }),
-          /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
-            "~ ",
-            formatAmount2(quote.amountOut),
-            " ",
-            selectedBuy.code
-          ] })
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-swap-quote-row", children: [
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "pollar-send-hint", children: "Minimum received" }),
-          /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
-            formatAmount2(quote.minReceived),
-            " ",
-            selectedBuy.code
-          ] })
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-swap-quote-row", children: [
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "pollar-send-hint", children: "Price impact" }),
-          /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
-            quote.priceImpactPct,
-            "%"
-          ] })
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-swap-quote-row", children: [
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "pollar-send-hint", children: "Route" }),
-          /* @__PURE__ */ jsxRuntime.jsx("span", { children: PROVIDER_LABELS[quote.provider] })
-        ] })
-      ] }),
-      !quoteLoading && !quoteError && !quote && selectedSell && selectedBuy && !!amount && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-send-hint", children: "No route found for this pair." }),
-      buyNeedsTrustline && selectedBuy && /* @__PURE__ */ jsxRuntime.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__ */ 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: onSwap, disabled: !canSwap, children: buyNeedsTrustline ? "Create trustline & swap" : "Swap" }) })
-    ] }),
-    step === "tx" && /* @__PURE__ */ jsxRuntime.jsx(
-      TxStatusView,
-      {
-        transaction,
-        showXdr,
-        copied,
-        explorerUrl,
-        walletType,
-        onSignAndSend: () => {
-        },
-        onToggleXdr,
-        onCopyHash,
-        onRetry,
-        onDone
-      }
-    ),
-    /* @__PURE__ */ jsxRuntime.jsx(PollarModalFooter, {})
-  ] });
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(PollarModalFooter, {})
+      ]
+    }
+  );
 }
 var QUOTE_DEBOUNCE_MS = 400;
 function toRef(a) {
@@ -4085,7 +4154,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) => ({
@@ -4103,9 +4172,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);
+  react.useEffect(() => {
+    if (sellOptions.length === 0) return;
+    if (!selectedSell || !sellOptions.some((o) => optKey(o) === optKey(selectedSell))) {
+      setSelectedSell(sellOptions[0]);
+    }
+  }, [sellOptions, selectedSell]);
+  react.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();
@@ -4615,6 +4694,9 @@ 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)}`;
+}
 function TxHistoryModalTemplate({
   theme,
   accentColor,
@@ -4687,11 +4769,31 @@ function TxHistoryModalTemplate({
           txHistory.step === "error" && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-modal-empty", children: txHistory.message }),
           txHistory.step === "loaded" && records.length === 0 && /* @__PURE__ */ jsxRuntime.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 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 ? {
+              prefix: record.summary.split(":")[0],
+              code: asset.slice(0, colon),
+              issuer: asset.slice(colon + 1)
+            } : void 0;
             return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-hist-item", children: [
-              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "pollar-hist-item-summary", children: record.summary }),
-              /* @__PURE__ */ jsxRuntime.jsx(StatusBadge, { status: record.status }),
+              /* @__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: [
+                  /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "pollar-hist-item-title", children: [
+                    trustline.prefix,
+                    ": ",
+                    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(StatusBadge, { status: record.status })
+              ] }),
               /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "pollar-hist-item-meta", children: [
                 /* @__PURE__ */ jsxRuntime.jsx("span", { children: record.operation }),
                 typeof record.details?.sponsored === "boolean" && /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
@@ -4703,25 +4805,29 @@ function TxHistoryModalTemplate({
                   record.feeXlm,
                   " XLM"
                 ] }),
-                /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
-                  "\xB7 ",
-                  formatDate(record.createdAt)
-                ] }),
                 destination && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
                   /* @__PURE__ */ jsxRuntime.jsx("span", { children: "\xB7" }),
-                  /* @__PURE__ */ jsxRuntime.jsx(CopyButton, { value: destination, label: "Copy wallet address", className: "pollar-copy-btn-sm" })
-                ] }),
-                /* @__PURE__ */ jsxRuntime.jsx("span", { children: "\xB7" }),
-                /* @__PURE__ */ jsxRuntime.jsxs(
-                  "a",
-                  {
-                    className: "pollar-hist-item-explorer",
-                    href: explorerUrl,
-                    target: "_blank",
-                    rel: "noopener noreferrer",
-                    "aria-label": "View on Stellar Explorer",
-                    children: [
-                      /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: "11", height: "11", viewBox: "0 0 13 13", fill: "none", "aria-hidden": true, children: [
+                  /* @__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: [
+                /* @__PURE__ */ jsxRuntime.jsx("span", { children: formatDate(record.createdAt) }),
+                hash && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "pollar-hist-item-dot", children: "\xB7" }),
+                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "pollar-hist-item-hash", children: truncateMiddle(hash, 6, 6) }),
+                  /* @__PURE__ */ jsxRuntime.jsx(CopyButton, { value: hash, label: "Copy transaction hash", className: "pollar-copy-btn-sm" }),
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    "a",
+                    {
+                      className: "pollar-hist-item-explorer",
+                      href: explorerUrl,
+                      target: "_blank",
+                      rel: "noopener noreferrer",
+                      "aria-label": "View on Stellar Explorer",
+                      children: /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: "12", height: "12", viewBox: "0 0 13 13", fill: "none", "aria-hidden": true, children: [
                         /* @__PURE__ */ jsxRuntime.jsx(
                           "path",
                           {
@@ -4741,11 +4847,10 @@ function TxHistoryModalTemplate({
                             strokeLinejoin: "round"
                           }
                         )
-                      ] }),
-                      "Explorer"
-                    ]
-                  }
-                )
+                      ] })
+                    }
+                  )
+                ] })
               ] })
             ] }, record.id);
           })