@deframe-sdk/components 0.1.64 → 0.1.66

package/dist/index.d.mts

@@ -2198,6 +2198,7 @@ interface EarnDesktopLabels {
     columnApy?: string;
     columnProfit?: string;
     columnInvested?: string;
+    columnTotalValue?: string;
     totalInvestedLabel?: string;
     totalInvestedDescription?: string;
     accumulatedEarningsLabel?: string;
@@ -2306,6 +2307,12 @@ interface EarnDesktopViewSimpleProps extends Partial<EarnDesktopViewProps> {
     historyItems?: EarnHistoryItem[];
     /** Currency formatter — e.g. (1000) => "R$ 1.000,00" */
     formatCurrency?: (amount: number) => string;
+    /**
+     * User's preferred currency. Used to bypass USD→local round-trip for tokens
+     * already denominated in that currency (e.g. BRLA on BRL). When omitted, all
+     * amounts go through `formatCurrency` (USD-equivalent flow).
+     */
+    currency?: 'USD' | 'BRL';
     /** Locale for date formatting — e.g. "pt-BR" */
     locale?: string;
     /** Called when user clicks deposit on a strategy */

package/dist/index.d.ts

@@ -2198,6 +2198,7 @@ interface EarnDesktopLabels {
     columnApy?: string;
     columnProfit?: string;
     columnInvested?: string;
+    columnTotalValue?: string;
     totalInvestedLabel?: string;
     totalInvestedDescription?: string;
     accumulatedEarningsLabel?: string;
@@ -2306,6 +2307,12 @@ interface EarnDesktopViewSimpleProps extends Partial<EarnDesktopViewProps> {
     historyItems?: EarnHistoryItem[];
     /** Currency formatter — e.g. (1000) => "R$ 1.000,00" */
     formatCurrency?: (amount: number) => string;
+    /**
+     * User's preferred currency. Used to bypass USD→local round-trip for tokens
+     * already denominated in that currency (e.g. BRLA on BRL). When omitted, all
+     * amounts go through `formatCurrency` (USD-equivalent flow).
+     */
+    currency?: 'USD' | 'BRL';
     /** Locale for date formatting — e.g. "pt-BR" */
     locale?: string;
     /** Called when user clicks deposit on a strategy */

package/dist/index.js

@@ -11231,6 +11231,28 @@ var SimpleEmptyState = ({ title, description }) => {
     }
   );
 };
+
+// src/utils/formatHistoryAssetAmount.ts
+var BRL_PEGGED_SYMBOLS = /* @__PURE__ */ new Set(["BRLA"]);
+function formatHistoryAssetAmount(input) {
+  const { amountHumanized, amountInUSD, symbol, currency, locale, formatCurrency } = input;
+  if (currency === "BRL" && BRL_PEGGED_SYMBOLS.has(symbol) && amountHumanized) {
+    const num = parseFloat(amountHumanized);
+    if (Number.isFinite(num)) {
+      return `R$${num.toLocaleString(locale, { minimumFractionDigits: 2, maximumFractionDigits: 2 })}`;
+    }
+  }
+  if (amountInUSD) {
+    const num = parseFloat(amountInUSD);
+    if (Number.isFinite(num)) {
+      return formatCurrency(num);
+    }
+  }
+  if (amountHumanized) {
+    return `${amountHumanized} ${symbol}`;
+  }
+  return "";
+}
 var EARN_CATEGORY_DEFINITIONS = [
   {
     id: "dolar",
@@ -11311,6 +11333,7 @@ var EarnDesktopViewSimple = ({
   strategies = [],
   historyItems = [],
   formatCurrency = defaultFormatCurrency,
+  currency,
   locale = "pt-BR",
   onDeposit,
   onWithdraw,
@@ -11358,7 +11381,14 @@ var EarnDesktopViewSimple = ({
       const primaryAsset = isDeposit ? (_a = item.amounts) == null ? void 0 : _a.assetIn : (_b = item.amounts) == null ? void 0 : _b.assetOut;
       const symbol = (_e = primaryAsset && "token" in primaryAsset ? (_d = (_c = primaryAsset.token) == null ? void 0 : _c.symbol) == null ? void 0 : _d.toUpperCase() : null) != null ? _e : "";
       if (!symbol) continue;
-      const amount = primaryAsset && "amountInUSD" in primaryAsset && primaryAsset.amountInUSD ? formatCurrency(parseFloat(primaryAsset.amountInUSD)) : primaryAsset && "amountHumanized" in primaryAsset ? `${primaryAsset.amountHumanized} ${symbol}` : "";
+      const amount = formatHistoryAssetAmount({
+        amountHumanized: primaryAsset && "amountHumanized" in primaryAsset ? primaryAsset.amountHumanized : void 0,
+        amountInUSD: primaryAsset && "amountInUSD" in primaryAsset ? primaryAsset.amountInUSD : void 0,
+        symbol,
+        currency,
+        locale,
+        formatCurrency
+      });
       const date = new Date(item.createdAt).toLocaleString(locale, {
         day: "2-digit",
         month: "2-digit",
@@ -11377,7 +11407,7 @@ var EarnDesktopViewSimple = ({
       map.get(symbol).push(entry);
     }
     return map;
-  }, [historyItems, locale, formatCurrency, onHistoryDetail]);
+  }, [historyItems, locale, formatCurrency, currency, onHistoryDetail]);
   const cardLabels = React6__namespace.default.useMemo(() => ({
     investLabel: labels == null ? void 0 : labels.investLabel,
     withdrawLabel: labels == null ? void 0 : labels.cardWithdrawLabel,
@@ -11555,7 +11585,7 @@ var EarnDesktopViewSimple = ({
               "px-[var(--deframe-widget-size-padding-x-md)] py-[var(--deframe-widget-size-padding-y-sm)]",
               "border-t border-[color:var(--deframe-widget-color-border-secondary)]"
             ),
-            children: [labels == null ? void 0 : labels.columnStrategy, labels == null ? void 0 : labels.columnApy, labels == null ? void 0 : labels.columnProfit, labels == null ? void 0 : labels.columnInvested].map((label, i) => /* @__PURE__ */ jsxRuntime.jsx(
+            children: [labels == null ? void 0 : labels.columnStrategy, labels == null ? void 0 : labels.columnApy, labels == null ? void 0 : labels.columnProfit, labels == null ? void 0 : labels.columnTotalValue].map((label, i) => /* @__PURE__ */ jsxRuntime.jsx(
               "span",
               {
                 className: tailwindMerge.twMerge(