@deframe-sdk/components 0.1.67 → 0.1.68

package/dist/index.mjs

@@ -10384,6 +10384,24 @@ var GroupedStrategyListView = ({
     ] })
   ] });
 };
+
+// src/utils/strategyDisplayName.ts
+function getNormalizedMetadataString(value) {
+  if (typeof value !== "string") return "";
+  return value.trim();
+}
+function getStrategyDisplayName(strategy) {
+  var _a, _b;
+  const displayName = getNormalizedMetadataString((_a = strategy == null ? void 0 : strategy.metadata) == null ? void 0 : _a.displayName);
+  if (displayName) return displayName;
+  return (_b = strategy == null ? void 0 : strategy.assetName) != null ? _b : "";
+}
+function getStrategyDisplayLogo(strategy) {
+  var _a, _b;
+  const displayLogo = getNormalizedMetadataString((_a = strategy == null ? void 0 : strategy.metadata) == null ? void 0 : _a.displayLogo);
+  if (displayLogo) return displayLogo;
+  return (_b = strategy == null ? void 0 : strategy.logourl) != null ? _b : "";
+}
 var wrapperBaseClasses = [
   "w-full max-w-[900px] mx-auto flex flex-col",
   "gap-[var(--deframe-widget-size-gap-md)]",
@@ -10493,24 +10511,27 @@ var GroupedStrategyListViewSimple = ({
       {
         "data-test-id": "grouped-strategy-list-view-simple-items",
         className: "flex flex-col gap-[var(--deframe-widget-size-gap-sm)]",
-        children: filteredStrategies.map((s) => /* @__PURE__ */ jsx(
-          StrategyGridCardSimple,
-          {
-            logoUrl: s.logourl,
-            title: s.assetName,
-            subtitle: s.assetName,
-            chainName: s.network,
-            apyFormatted: s.apyFormatted,
-            apyLabel: yieldLabel,
-            riskLevel: "low",
-            onInvestClick: onDeposit ? () => onDeposit(s.id) : () => {
-            },
-            onWithdrawClick: onWithdraw ? () => onWithdraw(s.id) : () => {
+        children: filteredStrategies.map((s) => {
+          const displayName = getStrategyDisplayName(s);
+          return /* @__PURE__ */ jsx(
+            StrategyGridCardSimple,
+            {
+              logoUrl: getStrategyDisplayLogo(s),
+              title: displayName,
+              subtitle: displayName,
+              chainName: s.network,
+              apyFormatted: s.apyFormatted,
+              apyLabel: yieldLabel,
+              riskLevel: "low",
+              onInvestClick: onDeposit ? () => onDeposit(s.id) : () => {
+              },
+              onWithdrawClick: onWithdraw ? () => onWithdraw(s.id) : () => {
+              },
+              labels: { investLabel, riskLow, riskMedium, riskHigh }
             },
-            labels: { investLabel, riskLow, riskMedium, riskHigh }
-          },
-          s.id
-        ))
+            s.id
+          );
+        })
       }
     )
   ] });
@@ -11294,7 +11315,7 @@ var EARN_CATEGORY_DEFINITIONS = [
   {
     id: "dolar",
     imageUrl: mascotUsdUrl,
-    assetFilter: ["USDC", "USDT", "DAI", "thbill"]
+    assetFilter: ["USDC", "USDT", "DAI", "thbill", "podsUSDCy"]
   },
   {
     id: "real",
@@ -11435,9 +11456,10 @@ var EarnDesktopViewSimple = ({
   const strategyRows = React6__default.useMemo(() => {
     return formattedPositions.positions.filter((p) => p.spotPosition.underlyingBalanceUSD > 0.01).map((p) => {
       var _a, _b;
+      const strategyDisplayName = getStrategyDisplayName(p.strategy);
       return {
-        logoUrl: p.strategy.logourl,
-        assetName: p.strategy.assetName,
+        logoUrl: getStrategyDisplayLogo(p.strategy),
+        assetName: strategyDisplayName,
         network: p.strategy.network,
         investedFormatted: p.spotPosition.investedFormatted,
         earningsFormatted: `${(p.spotPosition.apy * 100).toFixed(2)}%`,