@deframe-sdk/components 0.1.71 → 0.1.72

package/dist/index.mjs

@@ -9792,6 +9792,32 @@ function StatusBadge2({ status, labels, className }) {
     }
   );
 }
+var explorerLinkClass = "text-[color:var(--deframe-widget-color-brand-primary)] underline text-[12px] leading-none [font-weight:var(--deframe-widget-font-weight-semibold)]";
+function renderExplorerLink(tx) {
+  return /* @__PURE__ */ jsx(
+    "a",
+    {
+      "data-test-id": "history-list-item-simple-explorer",
+      href: tx.explorerUrl,
+      target: "_blank",
+      rel: "noopener noreferrer",
+      className: explorerLinkClass,
+      children: tx.label
+    }
+  );
+}
+function renderExplorerLinks(transactions) {
+  if (!(transactions == null ? void 0 : transactions.length)) return null;
+  if (transactions.length === 1) return renderExplorerLink(transactions[0]);
+  return /* @__PURE__ */ jsx("div", { className: "flex items-center gap-[var(--deframe-widget-size-gap-xs)] flex-wrap", children: transactions.map((tx, i) => /* @__PURE__ */ jsxs(React6.Fragment, { children: [
+    i > 0 && /* @__PURE__ */ jsx("span", { className: "text-[color:var(--deframe-widget-color-text-tertiary)] text-[12px]", children: "\u2192" }),
+    tx.prefix && /* @__PURE__ */ jsxs("span", { className: "text-[color:var(--deframe-widget-color-text-secondary)] text-[12px]", children: [
+      tx.prefix,
+      ":"
+    ] }),
+    renderExplorerLink(tx)
+  ] }, tx.explorerUrl)) });
+}
 var HistoryListItemSimple = ({ item, labels, locale }) => {
   const label = historyResolveLabel(item, labels);
   const { primary, secondary } = historyResolveAmounts(item);
@@ -9854,7 +9880,8 @@ var HistoryListItemSimple = ({ item, labels, locale }) => {
               }
             )
           ] })
-        ] })
+        ] }),
+        renderExplorerLinks(item.transactions)
       ]
     }
   );
@@ -11350,7 +11377,12 @@ function formatEarnPositions(positions, { currency, locale, formatCurrency }) {
       const principalUSD = p.spotPosition.underlyingBalanceUSD - p.spotPosition.profitInUSD;
       const investedFormatted = isBrlPegged && p.spotPosition.principal ? formatHistoryAssetAmount({ amountHumanized: p.spotPosition.principal.humanized, symbol, currency, locale, formatCurrency }) : formatCurrency(principalUSD);
       const totalBrla = isBrlPegged && principalHumanized > 0 && principalUSD > 0 ? p.spotPosition.underlyingBalanceUSD * principalHumanized / principalUSD : null;
-      const totalValueFormatted = totalBrla !== null ? formatHistoryAssetAmount({ amountHumanized: String(totalBrla), symbol, currency, locale, formatCurrency }) : formatCurrency(p.spotPosition.underlyingBalanceUSD);
+      const totalValueFormatted = (() => {
+        if (totalBrla !== null) {
+          return totalBrla < 0.01 ? investedFormatted : formatHistoryAssetAmount({ amountHumanized: String(totalBrla), symbol, currency, locale, formatCurrency });
+        }
+        return p.spotPosition.underlyingBalanceUSD < 0.01 ? investedFormatted : formatCurrency(p.spotPosition.underlyingBalanceUSD);
+      })();
       return __spreadProps(__spreadValues({}, p), { spotPosition: __spreadProps(__spreadValues({}, p.spotPosition), { investedFormatted, totalValueFormatted }) });
     })
   });