@deframe-sdk/components 0.1.51 → 0.1.52

package/dist/index.mjs

@@ -3898,7 +3898,7 @@ var STATUS_STYLES = {
   }
 };
 function resolveStatusBadgeTone(status = "SUCCESS") {
-  if (status === "PENDING") return "pending";
+  if (status === "PENDING" || status === "INITIAL") return "pending";
   if (status === "FAILED") return "failed";
   if (status === "REFUNDED") return "refunded";
   return "success";
@@ -9016,6 +9016,11 @@ var variantStyles2 = {
     dotClass: "bg-[var(--deframe-widget-color-state-warning)]",
     labelClass: "text-[color:var(--deframe-widget-color-state-warning)]"
   },
+  INITIAL: {
+    wrapper: "bg-[color:color-mix(in_srgb,var(--deframe-widget-color-state-warning)_16%,transparent)] border-[color:color-mix(in_srgb,var(--deframe-widget-color-state-warning)_32%,transparent)]",
+    dotClass: "bg-[var(--deframe-widget-color-state-warning)]",
+    labelClass: "text-[color:var(--deframe-widget-color-state-warning)]"
+  },
   FAILED: {
     wrapper: "bg-[color:color-mix(in_srgb,var(--deframe-widget-color-state-error)_16%,transparent)] border-[color:color-mix(in_srgb,var(--deframe-widget-color-state-error)_32%,transparent)]",
     dotClass: "bg-[var(--deframe-widget-color-state-error)]",
@@ -9030,6 +9035,7 @@ var variantStyles2 = {
 var STATUS_LABEL_KEY = {
   SUCCESS: "success",
   PENDING: "pending",
+  INITIAL: "pending",
   FAILED: "failed",
   REFUNDED: "refunded"
 };
@@ -10706,14 +10712,14 @@ var EarnDesktopViewSimple = ({
     });
   }, [categories, strategies, labels == null ? void 0 : labels.stablecoinsBannerDescription, labels == null ? void 0 : labels.realsBannerDescription]);
   const historyByAsset = React6__default.useMemo(() => {
-    var _a, _b, _c, _d;
+    var _a, _b, _c, _d, _e;
     const map = /* @__PURE__ */ new Map();
     for (const item of historyItems) {
       const isDeposit = item.type.includes("DEPOSIT");
-      const assetIn = (_a = item.amounts) == null ? void 0 : _a.assetIn;
-      const symbol = (_d = assetIn && "token" in assetIn ? (_c = (_b = assetIn.token) == null ? void 0 : _b.symbol) == null ? void 0 : _c.toUpperCase() : null) != null ? _d : "";
+      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 = assetIn && "amountInUSD" in assetIn && assetIn.amountInUSD ? formatCurrency(parseFloat(assetIn.amountInUSD)) : assetIn && "amountHumanized" in assetIn ? `${assetIn.amountHumanized} ${symbol}` : "";
+      const amount = primaryAsset && "amountInUSD" in primaryAsset && primaryAsset.amountInUSD ? formatCurrency(parseFloat(primaryAsset.amountInUSD)) : primaryAsset && "amountHumanized" in primaryAsset ? `${primaryAsset.amountHumanized} ${symbol}` : "";
       const date = new Date(item.createdAt).toLocaleString(locale, {
         day: "2-digit",
         month: "2-digit",