@deframe-sdk/components 0.1.51 → 0.1.52

package/dist/index.d.mts

@@ -953,7 +953,7 @@ interface HistoryDetailsLabels {
     transactionDetailsTitle: string;
 }
 
-type HistoryDetailsStatus = 'SUCCESS' | 'PENDING' | 'FAILED' | 'REFUNDED';
+type HistoryDetailsStatus = 'SUCCESS' | 'PENDING' | 'FAILED' | 'REFUNDED' | 'INITIAL';
 
 type TransactionStepStatus = 'completed' | 'processing' | 'failed';
 interface TransactionStep {
@@ -1771,7 +1771,7 @@ interface ChooseNetworkAndAssetViewSimpleProps {
 }
 declare function ChooseNetworkAndAssetViewSimple({ isOpen, onClose, networks, selectedNetwork, onNetworkSelect, displayedTokens, findBalance, formatTokenAmount, formatCurrencyValue, onAssetClick, onSearch, autoFocus, hasMore, onLoadMore, isFetching, labels, }: ChooseNetworkAndAssetViewSimpleProps): react_jsx_runtime.JSX.Element;
 
-type HistoryListItemStatus = 'SUCCESS' | 'PENDING' | 'FAILED' | 'REFUNDED';
+type HistoryListItemStatus = 'SUCCESS' | 'PENDING' | 'FAILED' | 'REFUNDED' | 'INITIAL';
 type HistoryListItemType = 'SAMECHAIN_SWAP' | 'CROSSCHAIN_SWAP' | 'TRANSFER_IN' | 'TRANSFER_OUT' | 'ON_RAMP_FIAT' | 'OFF_RAMP_FIAT' | 'SAMECHAIN_INVESTMENT_DEPOSIT' | 'SAMECHAIN_INVESTMENT_WITHDRAW' | 'CROSSCHAIN_INVESTMENT_DEPOSIT' | 'CROSSCHAIN_INVESTMENT_WITHDRAW';
 interface HistoryListItemAsset {
     symbol: string;
@@ -2272,6 +2272,13 @@ interface EarnHistoryItem {
             amountInUSD?: string | null;
             amountHumanized?: string;
         } | null;
+        assetOut?: {
+            token?: {
+                symbol?: string;
+            };
+            amountInUSD?: string | null;
+            amountHumanized?: string;
+        } | null;
     };
 }
 interface EarnDesktopViewSimpleProps extends Partial<EarnDesktopViewProps> {

package/dist/index.d.ts

@@ -953,7 +953,7 @@ interface HistoryDetailsLabels {
     transactionDetailsTitle: string;
 }
 
-type HistoryDetailsStatus = 'SUCCESS' | 'PENDING' | 'FAILED' | 'REFUNDED';
+type HistoryDetailsStatus = 'SUCCESS' | 'PENDING' | 'FAILED' | 'REFUNDED' | 'INITIAL';
 
 type TransactionStepStatus = 'completed' | 'processing' | 'failed';
 interface TransactionStep {
@@ -1771,7 +1771,7 @@ interface ChooseNetworkAndAssetViewSimpleProps {
 }
 declare function ChooseNetworkAndAssetViewSimple({ isOpen, onClose, networks, selectedNetwork, onNetworkSelect, displayedTokens, findBalance, formatTokenAmount, formatCurrencyValue, onAssetClick, onSearch, autoFocus, hasMore, onLoadMore, isFetching, labels, }: ChooseNetworkAndAssetViewSimpleProps): react_jsx_runtime.JSX.Element;
 
-type HistoryListItemStatus = 'SUCCESS' | 'PENDING' | 'FAILED' | 'REFUNDED';
+type HistoryListItemStatus = 'SUCCESS' | 'PENDING' | 'FAILED' | 'REFUNDED' | 'INITIAL';
 type HistoryListItemType = 'SAMECHAIN_SWAP' | 'CROSSCHAIN_SWAP' | 'TRANSFER_IN' | 'TRANSFER_OUT' | 'ON_RAMP_FIAT' | 'OFF_RAMP_FIAT' | 'SAMECHAIN_INVESTMENT_DEPOSIT' | 'SAMECHAIN_INVESTMENT_WITHDRAW' | 'CROSSCHAIN_INVESTMENT_DEPOSIT' | 'CROSSCHAIN_INVESTMENT_WITHDRAW';
 interface HistoryListItemAsset {
     symbol: string;
@@ -2272,6 +2272,13 @@ interface EarnHistoryItem {
             amountInUSD?: string | null;
             amountHumanized?: string;
         } | null;
+        assetOut?: {
+            token?: {
+                symbol?: string;
+            };
+            amountInUSD?: string | null;
+            amountHumanized?: string;
+        } | null;
     };
 }
 interface EarnDesktopViewSimpleProps extends Partial<EarnDesktopViewProps> {

package/dist/index.js

@@ -3922,7 +3922,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";
@@ -9040,6 +9040,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)]",
@@ -9054,6 +9059,7 @@ var variantStyles2 = {
 var STATUS_LABEL_KEY = {
   SUCCESS: "success",
   PENDING: "pending",
+  INITIAL: "pending",
   FAILED: "failed",
   REFUNDED: "refunded"
 };
@@ -10730,14 +10736,14 @@ var EarnDesktopViewSimple = ({
     });
   }, [categories, strategies, labels == null ? void 0 : labels.stablecoinsBannerDescription, labels == null ? void 0 : labels.realsBannerDescription]);
   const historyByAsset = React6__namespace.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",