@compass-labs/widgets 0.1.22 → 0.1.23

package/dist/index.js

@@ -4043,12 +4043,10 @@ function MarketSelector({
 }
 function PositionCard({ position }) {
   const [isHistoryExpanded, setIsHistoryExpanded] = react.useState(false);
-  const formatDate2 = (dateStr) => {
-    const date = new Date(dateStr);
-    return date.toLocaleDateString("en-US", { month: "short", day: "numeric", year: "numeric" });
-  };
   const formatShortDate = (dateStr) => {
+    if (!dateStr) return null;
     const date = new Date(dateStr);
+    if (isNaN(date.getTime())) return null;
     return date.toLocaleDateString("en-US", { month: "short", day: "numeric" });
   };
   return /* @__PURE__ */ jsxRuntime.jsxs(
@@ -4130,20 +4128,26 @@ function PositionCard({ position }) {
                   position.token
                 ] })
               ] }),
-              /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-                /* @__PURE__ */ jsxRuntime.jsx(
-                  "div",
-                  {
-                    style: {
-                      fontSize: "var(--compass-font-size-xs)",
-                      color: "var(--compass-color-text-tertiary)",
-                      marginBottom: "calc(var(--compass-spacing-unit) * 0.5)"
-                    },
-                    children: "Entered"
-                  }
-                ),
-                /* @__PURE__ */ jsxRuntime.jsx("div", { style: { color: "var(--compass-color-text)" }, children: formatDate2(position.entryDate) })
-              ] })
+              (() => {
+                const deposits = position.transactions.filter((t) => t.type === "deposit" && t.timestamp);
+                const earliest = deposits.length > 0 ? deposits.reduce((min, t) => !min || t.timestamp < min ? t.timestamp : min, "") : void 0;
+                const formatted = formatShortDate(earliest);
+                if (!formatted) return null;
+                return /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    "div",
+                    {
+                      style: {
+                        fontSize: "var(--compass-font-size-xs)",
+                        color: "var(--compass-color-text-tertiary)",
+                        marginBottom: "calc(var(--compass-spacing-unit) * 0.5)"
+                      },
+                      children: "Entered"
+                    }
+                  ),
+                  /* @__PURE__ */ jsxRuntime.jsx("div", { style: { color: "var(--compass-color-text)" }, children: formatted })
+                ] });
+              })()
             ]
           }
         ),
@@ -4330,7 +4334,7 @@ function PositionCard({ position }) {
                 },
                 children: [
                   /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", alignItems: "center", gap: "calc(var(--compass-spacing-unit) * 2)" }, children: [
-                    /* @__PURE__ */ jsxRuntime.jsx(
+                    formatShortDate(tx.timestamp) && /* @__PURE__ */ jsxRuntime.jsx(
                       "span",
                       {
                         style: {
@@ -4338,7 +4342,7 @@ function PositionCard({ position }) {
                           color: "var(--compass-color-text-tertiary)",
                           minWidth: "50px"
                         },
-                        children: formatShortDate(tx.date)
+                        children: formatShortDate(tx.timestamp)
                       }
                     ),
                     /* @__PURE__ */ jsxRuntime.jsx(
@@ -4847,7 +4851,6 @@ function EarnAccount({
       amount: parseFloat(pos.balance || "0"),
       token: pos.symbol,
       apy: pos.apy || 0,
-      entryDate: pos.entryTimestamp || new Date(Date.now() - 30 * 24 * 60 * 60 * 1e3).toISOString(),
       performance: parseFloat(pos.pnl?.totalPnl || "0"),
       pnl: pos.pnl ? {
         unrealizedPnl: parseFloat(pos.pnl.unrealizedPnl || "0"),
@@ -4857,21 +4860,26 @@ function EarnAccount({
       transactions: [
         ...(pos.deposits || []).map((d, i) => ({
           id: `dep-${index}-${i}`,
-          date: d.timestamp || new Date(Date.now() - (i + 1) * 7 * 24 * 60 * 60 * 1e3).toISOString(),
           type: "deposit",
           amount: parseFloat(d.amount || "0"),
           token: pos.symbol,
-          txHash: d.txHash || ""
+          txHash: d.txHash || "",
+          timestamp: d.timestamp || void 0
         })),
         ...(pos.withdrawals || []).map((w, i) => ({
           id: `wit-${index}-${i}`,
-          date: w.timestamp || new Date(Date.now() - i * 3 * 24 * 60 * 60 * 1e3).toISOString(),
           type: "withdraw",
           amount: parseFloat(w.amount || "0"),
           token: pos.symbol,
-          txHash: w.txHash || ""
+          txHash: w.txHash || "",
+          timestamp: w.timestamp || void 0
         }))
-      ].sort((a, b) => new Date(b.date).getTime() - new Date(a.date).getTime())
+      ].sort((a, b) => {
+        if (a.timestamp && b.timestamp) return new Date(b.timestamp).getTime() - new Date(a.timestamp).getTime();
+        if (a.timestamp) return -1;
+        if (b.timestamp) return 1;
+        return 0;
+      })
     };
   });
   const totalEarned = positions.reduce((sum, p) => sum + p.performance, 0);
@@ -6898,13 +6906,13 @@ function usePositionsData() {
               amount: d.inputAmount || d.amount || "0",
               blockNumber: d.blockNumber || 0,
               txHash: d.transactionHash || d.txHash || "",
-              timestamp: d.timestamp
+              timestamp: d.blockTimestamp || d.block_timestamp || d.timestamp
             })),
             withdrawals: (v.withdrawals || []).map((w) => ({
               amount: w.outputAmount || w.amount || "0",
               blockNumber: w.blockNumber || 0,
               txHash: w.transactionHash || w.txHash || "",
-              timestamp: w.timestamp
+              timestamp: w.blockTimestamp || w.block_timestamp || w.timestamp
             }))
           };
         }));
@@ -6934,13 +6942,13 @@ function usePositionsData() {
               amount: d.inputAmount || d.amount || "0",
               blockNumber: d.blockNumber || 0,
               txHash: d.transactionHash || d.txHash || "",
-              timestamp: d.timestamp
+              timestamp: d.blockTimestamp || d.block_timestamp || d.timestamp
             })),
             withdrawals: (a.withdrawals || []).map((w) => ({
               amount: w.outputAmount || w.amount || "0",
               blockNumber: w.blockNumber || 0,
               txHash: w.transactionHash || w.txHash || "",
-              timestamp: w.timestamp
+              timestamp: w.blockTimestamp || w.block_timestamp || w.timestamp
             }))
           };
         }));
@@ -6972,13 +6980,13 @@ function usePositionsData() {
               amount: d.inputAmount || d.amount || "0",
               blockNumber: d.blockNumber || 0,
               txHash: d.transactionHash || d.txHash || "",
-              timestamp: d.timestamp
+              timestamp: d.blockTimestamp || d.block_timestamp || d.timestamp
             })),
             withdrawals: (p.withdrawals || []).map((w) => ({
               amount: w.outputAmount || w.amount || "0",
               blockNumber: w.blockNumber || 0,
               txHash: w.transactionHash || w.txHash || "",
-              timestamp: w.timestamp
+              timestamp: w.blockTimestamp || w.block_timestamp || w.timestamp
             }))
           };
         }));