@deframe-sdk/components 0.1.74 → 0.1.76

package/dist/index.mjs

@@ -4,7 +4,7 @@ import { HiXMark, HiChevronUp, HiChevronDown, HiChevronLeft, HiOutlineClock, HiA
 import * as React6 from 'react';
 import React6__default, { useMemo, useState, useEffect, useRef, useCallback, useId } from 'react';
 import { motion, AnimatePresence } from 'framer-motion';
-import { MdClose, MdOutlineSearch, MdOutlineSearchOff, MdOutlineSwapHoriz, MdHistory, MdOutlineSwapVert, MdArrowRight, MdArrowDropDown, MdOutlineArrowBack, MdOutlineArrowDropDown, MdOutlineClose, MdContentCopy, MdOutlineExpandMore, MdQrCodeScanner, MdOutlineArrowUpward, MdOutlineArrowDownward, MdCheckCircleOutline, MdErrorOutline, MdWarningAmber, MdInfoOutline, MdAccessTime, MdArrowUpward, MdArrowDownward } from 'react-icons/md';
+import { MdClose, MdOutlineSearch, MdOutlineSearchOff, MdOutlineSwapHoriz, MdHistory, MdOutlineSwapVert, MdArrowRight, MdArrowDropDown, MdOutlineArrowBack, MdOutlineArrowDropDown, MdOutlineClose, MdContentCopy, MdOutlineExpandMore, MdQrCodeScanner, MdOutlineArrowUpward, MdOutlineArrowDownward, MdCheckCircleOutline, MdErrorOutline, MdWarningAmber, MdInfoOutline, MdAccessTime, MdKeyboardArrowDown, MdSettings, MdArrowUpward, MdArrowDownward } from 'react-icons/md';
 import { IoAlertCircleOutline, IoTimeOutline, IoCheckmarkOutline } from 'react-icons/io5';
 import { PiClockCountdownBold } from 'react-icons/pi';
 import QRCode from 'react-qr-code';
@@ -6846,6 +6846,7 @@ var SwapQuoteDetailsView = ({
   gasCostFormatted,
   protocolFee,
   slippageFormatted,
+  minReceivedFormatted,
   etaFormatted,
   quoteId,
   hasQuoteError,
@@ -6857,6 +6858,8 @@ var SwapQuoteDetailsView = ({
     quoteHeaderLabel,
     /* @__PURE__ */ jsx(LoadingDots, {})
   ] }) : quoteHeaderLabel;
+  const slippageDetailLabel = minReceivedFormatted ? labels.minReceivedLabel : labels.slippageLabel;
+  const slippageDetailValue = minReceivedFormatted || slippageFormatted;
   const items = [
     {
       label: "",
@@ -6886,8 +6889,8 @@ var SwapQuoteDetailsView = ({
       valueClassName: "flex flex-col gap-sm w-full text-right"
     },
     {
-      label: labels.slippageLabel,
-      value: slippageFormatted
+      label: slippageDetailLabel,
+      value: slippageDetailValue
     },
     {
       label: labels.etaLabel,
@@ -8463,6 +8466,291 @@ function QuoteIdRow({ label, quoteId }) {
     }
   );
 }
+var detailValueColorClassNames = {
+  default: "text-[color:var(--deframe-widget-color-text-primary)]",
+  negative: "text-[color:var(--deframe-widget-color-state-error)]",
+  positive: "text-[color:var(--deframe-widget-color-state-success)]"
+};
+function getPriceImpactValueColor(isPositive) {
+  return isPositive ? "positive" : "negative";
+}
+function PodsDetailRow({ label, value, valueColor = "default" }) {
+  if (!label && !value) return null;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      "data-test-id": "pods-swap-detail-row",
+      className: "flex items-center justify-between gap-[var(--deframe-widget-size-gap-md)] py-[var(--deframe-widget-size-padding-y-xs)]",
+      children: [
+        /* @__PURE__ */ jsx("span", { className: "text-[12px] text-[color:var(--deframe-widget-color-text-tertiary)] font-[var(--deframe-widget-font-family)] shrink-0", children: label }),
+        /* @__PURE__ */ jsx(
+          "span",
+          {
+            className: twMerge(
+              "text-[13px] [font-weight:var(--deframe-widget-font-weight-medium)] font-[var(--deframe-widget-font-family)] text-right",
+              detailValueColorClassNames[valueColor]
+            ),
+            children: value
+          }
+        )
+      ]
+    }
+  );
+}
+function PodsSwapQuoteDetails({ details, advancedSettings }) {
+  const [isOpen, setIsOpen] = React6__default.useState(details.isVisible);
+  const [isSlippageOpen, setIsSlippageOpen] = React6__default.useState(false);
+  React6__default.useEffect(() => {
+    if (details.isVisible) setIsOpen(true);
+  }, [details.isVisible]);
+  const hasErrors = details.hasQuoteError || details.hasBytecodeError;
+  const shouldRenderDetails = details.isVisible || hasErrors;
+  if (!shouldRenderDetails) {
+    return null;
+  }
+  const headerLabel = details.isLoading ? /* @__PURE__ */ jsxs(Fragment, { children: [
+    details.quoteHeaderLabel,
+    /* @__PURE__ */ jsx(LoadingDots, {})
+  ] }) : details.quoteHeaderLabel;
+  const hasSlippageControls = advancedSettings.slippageOptions.length > 0;
+  const handleSlippageSelect = advancedSettings.onSlippageSelect;
+  const slippageDetailLabel = details.minReceivedFormatted ? details.labels.minReceivedLabel : details.labels.slippageLabel;
+  const slippageDetailValue = details.minReceivedFormatted || details.slippageFormatted;
+  return /* @__PURE__ */ jsxs("div", { "data-test-id": "pods-swap-quote-details", "data-slot": "pods-swap-quote-details", className: "w-full", children: [
+    /* @__PURE__ */ jsxs("div", { className: "overflow-hidden rounded-[var(--deframe-widget-size-radius-sm)] border border-[color:var(--deframe-widget-color-border-secondary)] bg-[var(--deframe-widget-color-bg-secondary)]", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-[var(--deframe-widget-size-gap-sm)] px-[var(--deframe-widget-size-padding-x-md)] py-[var(--deframe-widget-size-padding-y-sm)]", children: [
+        /* @__PURE__ */ jsxs(
+          "button",
+          {
+            type: "button",
+            onClick: () => setIsOpen((open) => !open),
+            className: "flex min-w-0 flex-1 cursor-pointer items-center gap-[var(--deframe-widget-size-gap-sm)] border-none bg-transparent p-0 text-left outline-none",
+            "aria-expanded": isOpen,
+            children: [
+              /* @__PURE__ */ jsx("span", { className: "text-[13px] [font-weight:var(--deframe-widget-font-weight-medium)] text-[color:var(--deframe-widget-color-text-primary)] font-[var(--deframe-widget-font-family)]", children: details.labels.headerLabel }),
+              /* @__PURE__ */ jsx(
+                motion.span,
+                {
+                  className: "inline-flex h-4 w-4 flex-shrink-0 items-center justify-center text-[color:var(--deframe-widget-color-text-tertiary)]",
+                  animate: { rotate: isOpen ? 180 : 0 },
+                  transition: { duration: 0.2, ease: "easeInOut" },
+                  children: /* @__PURE__ */ jsx(MdKeyboardArrowDown, { className: "h-4 w-4", "aria-hidden": "true" })
+                }
+              )
+            ]
+          }
+        ),
+        hasSlippageControls && /* @__PURE__ */ jsxs(
+          "button",
+          {
+            type: "button",
+            onClick: () => setIsSlippageOpen((open) => !open),
+            "aria-label": advancedSettings.slippageLabel,
+            className: twMerge(
+              "inline-flex h-6 flex-shrink-0 cursor-pointer items-center gap-[5px] rounded-[var(--deframe-widget-size-radius-full)] border px-[8px]",
+              "text-[11px] [font-weight:var(--deframe-widget-font-weight-medium)] font-[var(--deframe-widget-font-family)] outline-none transition-all duration-150",
+              isSlippageOpen ? "border-[color:color-mix(in_srgb,var(--deframe-widget-color-brand-primary)_40%,transparent)] bg-[color:color-mix(in_srgb,var(--deframe-widget-color-brand-primary)_10%,transparent)] text-[color:var(--deframe-widget-color-brand-primary)]" : "border-[color:var(--deframe-widget-color-border-secondary)] bg-transparent text-[color:var(--deframe-widget-color-text-secondary)] hover:border-[color:var(--deframe-widget-color-border-primary)] hover:text-[color:var(--deframe-widget-color-text-primary)]"
+            ),
+            children: [
+              /* @__PURE__ */ jsx(MdSettings, { className: "h-[11px] w-[11px]", "aria-hidden": "true" }),
+              advancedSettings.formatPercentage(advancedSettings.slippageBps)
+            ]
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsx(AnimatePresence, { initial: false, children: isOpen && /* @__PURE__ */ jsxs(
+        motion.div,
+        {
+          initial: { height: 0, opacity: 0 },
+          animate: { height: "auto", opacity: 1 },
+          exit: { height: 0, opacity: 0 },
+          transition: { duration: 0.2, ease: "easeInOut" },
+          style: { overflow: "hidden" },
+          children: [
+            /* @__PURE__ */ jsx(AnimatePresence, { initial: false, children: isSlippageOpen && hasSlippageControls && /* @__PURE__ */ jsx(
+              motion.div,
+              {
+                initial: { height: 0, opacity: 0 },
+                animate: { height: "auto", opacity: 1 },
+                exit: { height: 0, opacity: 0 },
+                transition: { duration: 0.15, ease: "easeInOut" },
+                style: { overflow: "hidden" },
+                className: "border-t border-[color:var(--deframe-widget-color-border-secondary)]",
+                children: /* @__PURE__ */ jsx("div", { className: "px-[var(--deframe-widget-size-padding-x-md)] py-[var(--deframe-widget-size-padding-y-sm)]", children: /* @__PURE__ */ jsx(
+                  SlippageChip,
+                  {
+                    options: advancedSettings.slippageOptions,
+                    selected: advancedSettings.slippageBps,
+                    onSelect: handleSlippageSelect,
+                    formatLabel: advancedSettings.formatPercentage
+                  }
+                ) })
+              },
+              "pods-slippage-panel"
+            ) }),
+            /* @__PURE__ */ jsx("div", { className: "border-t border-[color:var(--deframe-widget-color-border-secondary)] px-[var(--deframe-widget-size-padding-x-md)] pb-[var(--deframe-widget-size-padding-y-sm)]", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-[var(--deframe-widget-size-gap-sm)] pt-[var(--deframe-widget-size-padding-y-sm)]", children: [
+              /* @__PURE__ */ jsx("span", { className: "min-w-0 text-[15px] [font-weight:var(--deframe-widget-font-weight-semibold)] leading-snug text-[color:var(--deframe-widget-color-text-primary)] font-[var(--deframe-widget-font-family)]", children: headerLabel }),
+              details.timerElement && /* @__PURE__ */ jsx("div", { className: "flex flex-shrink-0 items-center gap-[var(--deframe-widget-size-gap-sm)]", children: details.timerElement })
+            ] }) }),
+            /* @__PURE__ */ jsxs("div", { className: "flex flex-col border-t border-[color:var(--deframe-widget-color-border-secondary)] px-[var(--deframe-widget-size-padding-x-md)] pb-[var(--deframe-widget-size-padding-y-sm)]", children: [
+              /* @__PURE__ */ jsx(PodsDetailRow, { label: details.labels.exchangeRateLabel, value: details.exchangeRateFormatted }),
+              /* @__PURE__ */ jsx("div", { className: "py-[var(--deframe-widget-size-padding-y-xs)]", children: /* @__PURE__ */ jsx(
+                SwapQuoteBlockchainCostsView,
+                {
+                  totalCostFormatted: details.totalCostFormatted,
+                  feePercentage: details.feePercentage,
+                  gasCostFormatted: details.gasCostFormatted,
+                  protocolFee: details.protocolFee,
+                  blockchainCostsLabel: details.labels.blockchainCostsLabel,
+                  networkGasLabel: details.labels.networkGasLabel,
+                  protocolFeeLabel: details.labels.protocolFeeLabel,
+                  collapseLabel: details.labels.costsCollapseLabel,
+                  expandLabel: details.labels.costsExpandLabel
+                }
+              ) }),
+              /* @__PURE__ */ jsx(
+                PodsDetailRow,
+                {
+                  label: details.labels.priceImpactLabel,
+                  value: details.priceImpactFormatted,
+                  valueColor: getPriceImpactValueColor(details.priceImpactIsPositive)
+                }
+              ),
+              /* @__PURE__ */ jsx(PodsDetailRow, { label: slippageDetailLabel, value: slippageDetailValue }),
+              /* @__PURE__ */ jsx(PodsDetailRow, { label: details.labels.etaLabel, value: details.etaFormatted })
+            ] }),
+            details.quoteId && /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-[var(--deframe-widget-size-gap-sm)] border-t border-[color:var(--deframe-widget-color-border-secondary)] px-[var(--deframe-widget-size-padding-x-md)] py-[var(--deframe-widget-size-padding-y-xs)]", children: [
+              /* @__PURE__ */ jsx("span", { className: "text-[10px] text-[color:var(--deframe-widget-color-text-tertiary)] opacity-60 font-[var(--deframe-widget-font-family)]", children: details.labels.quoteIdLabel }),
+              /* @__PURE__ */ jsx(
+                AddressDisplay,
+                {
+                  address: details.quoteId,
+                  className: "max-w-[150px] min-w-0 px-[8px] py-[3px]"
+                }
+              )
+            ] })
+          ]
+        },
+        "pods-quote-body"
+      ) })
+    ] }),
+    /* @__PURE__ */ jsx(
+      SwapQuoteErrorsView,
+      {
+        hasQuoteError: details.hasQuoteError,
+        hasBytecodeError: details.hasBytecodeError,
+        quoteErrorMessage: details.quoteErrorMessage,
+        bytecodeErrorMessage: details.bytecodeErrorMessage
+      }
+    )
+  ] });
+}
+var PodsSwapFormView = ({
+  onSubmit,
+  formRef,
+  labels,
+  onHistoryClick,
+  onSwitchTokens,
+  switchTokensAriaLabel,
+  showHistoryTooltip = false,
+  fromCard,
+  toCard,
+  advancedSettings,
+  transactionDetails,
+  priceImpactWarning,
+  confirmButton
+}) => {
+  const historyTooltipId = React6__default.useId();
+  const historyTooltipProps = showHistoryTooltip ? { "aria-describedby": historyTooltipId, title: labels.historyAriaLabel } : {};
+  const handlePercentageClick = advancedSettings.onPercentageClick;
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        "data-testid": "pods-swap-form-view",
+        "data-slot": "pods-swap-form-view",
+        className: "flex-1 min-h-0 overflow-y-auto swap-flow-content px-[var(--deframe-widget-size-padding-x-sm)] pb-[var(--deframe-widget-size-padding-y-xs)]",
+        children: /* @__PURE__ */ jsx("form", { ref: formRef, onSubmit, "data-testid": "pods-swap-flow-form", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-[var(--deframe-widget-size-gap-md)] text-[color:var(--deframe-widget-color-text-secondary)]", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between gap-[var(--deframe-widget-size-gap-md)]", children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-[var(--deframe-widget-size-gap-sm)]", children: [
+              /* @__PURE__ */ jsx(TextHeading, { variant: "h5", className: "!text-[21px]", children: /* @__PURE__ */ jsx("span", { "data-testid": "pods-swap-flow-title", children: labels.title }) }),
+              labels.subtitle && /* @__PURE__ */ jsx(TextBody, { variant: "text-small", className: "!text-[14px]", children: labels.subtitle })
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "relative inline-flex group", children: [
+              /* @__PURE__ */ jsx(
+                "button",
+                __spreadProps(__spreadValues({
+                  "data-testid": "pods-swap-history-button",
+                  type: "button",
+                  onClick: onHistoryClick,
+                  className: "flex h-12 w-12 cursor-pointer items-center justify-center rounded-[var(--deframe-widget-size-radius-full)] text-[color:var(--deframe-widget-color-text-secondary)] transition-colors hover:text-[color:var(--deframe-widget-color-brand-primary)]",
+                  "aria-label": labels.historyAriaLabel
+                }, historyTooltipProps), {
+                  children: /* @__PURE__ */ jsx(MdHistory, { className: "h-6 w-6", "aria-hidden": "true" })
+                })
+              ),
+              showHistoryTooltip && /* @__PURE__ */ jsx(
+                "span",
+                {
+                  id: historyTooltipId,
+                  role: "tooltip",
+                  className: "pointer-events-none absolute right-0 top-full z-10 mt-1 whitespace-nowrap rounded-[var(--deframe-widget-size-radius-xs)] bg-[var(--deframe-widget-color-bg-tertiary)] px-2 py-1 text-xs text-[color:var(--deframe-widget-color-text-primary)] opacity-0 shadow-lg transition-opacity group-hover:opacity-100 group-focus-within:opacity-100",
+                  children: labels.historyAriaLabel
+                }
+              )
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "relative flex flex-col items-stretch gap-[var(--deframe-widget-size-gap-sm)]", children: [
+            /* @__PURE__ */ jsx(
+              SwapFromCardViewSimple,
+              __spreadProps(__spreadValues({}, fromCard), {
+                percentageOptions: advancedSettings.percentageOptions,
+                onPercentageClick: handlePercentageClick,
+                maxLabel: advancedSettings.maxLabel
+              })
+            ),
+            /* @__PURE__ */ jsx("div", { className: "relative z-10 -my-5 flex justify-center", children: /* @__PURE__ */ jsx(
+              "button",
+              {
+                "data-testid": "pods-swap-switch-tokens-button",
+                type: "button",
+                onClick: onSwitchTokens,
+                className: "flex h-10 w-10 cursor-pointer items-center justify-center rounded-[var(--deframe-widget-size-radius-full)] bg-[var(--deframe-widget-color-brand-secondary)] text-[color:var(--deframe-widget-color-text-primary)] shadow-md transition-shadow hover:shadow-lg focus:outline-none focus:ring-2 focus:ring-[color:var(--deframe-widget-color-brand-secondary)]",
+                "aria-label": switchTokensAriaLabel,
+                children: /* @__PURE__ */ jsx(MdOutlineSwapVert, { className: "h-5 w-5", "aria-hidden": "true" })
+              }
+            ) }),
+            /* @__PURE__ */ jsx(SwapToCardViewSimple, __spreadValues({}, toCard))
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: "pb-[var(--deframe-widget-size-padding-y-xl)]", children: /* @__PURE__ */ jsx(
+            PodsSwapQuoteDetails,
+            {
+              details: transactionDetails,
+              advancedSettings
+            }
+          ) })
+        ] }) })
+      }
+    ),
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        "data-testid": "pods-swap-flow-footer",
+        className: "w-full p-[var(--deframe-widget-size-padding-x-md)]",
+        children: [
+          priceImpactWarning && /* @__PURE__ */ jsx(
+            SwapPriceImpactWarning,
+            {
+              warning: priceImpactWarning,
+              className: "mb-[var(--deframe-widget-size-gap-sm)]"
+            }
+          ),
+          /* @__PURE__ */ jsx("div", { "data-slot": "pods-swap-confirm-button", children: /* @__PURE__ */ jsx(ConfirmSwapButtonViewSimple, __spreadValues({}, confirmButton)) })
+        ]
+      }
+    )
+  ] });
+};
 var ChooseANetworkView = ({
   labels,
   autoFocus = true,
@@ -9009,8 +9297,12 @@ function AssetSearchAndList({
   hasMore,
   onLoadMore,
   labels,
-  autoFocus
+  autoFocus,
+  categories,
+  selectedCategory,
+  onCategoryChange
 }) {
+  const hasCategories = categories && categories.length > 0;
   return /* @__PURE__ */ jsxs(
     "div",
     {
@@ -9041,6 +9333,48 @@ function AssetSearchAndList({
             )
           }
         ),
+        hasCategories && /* @__PURE__ */ jsx(
+          "div",
+          {
+            "data-test-id": "category-chips",
+            "data-slot": "category-chips",
+            className: "flex gap-[var(--deframe-widget-size-gap-sm)] overflow-x-auto px-[var(--deframe-widget-size-padding-x-md)] pb-[var(--deframe-widget-size-padding-y-sm)] flex-shrink-0 [scrollbar-width:none]",
+            children: categories.map((cat) => {
+              const isActive = cat.id === selectedCategory;
+              return /* @__PURE__ */ jsx(
+                "button",
+                {
+                  type: "button",
+                  "data-test-id": "category-chip",
+                  "data-slot": "category-chip",
+                  onClick: () => onCategoryChange == null ? void 0 : onCategoryChange(cat.id),
+                  className: twMerge(
+                    "inline-flex items-center justify-center",
+                    "h-[28px] px-[10px]",
+                    "rounded-[var(--deframe-widget-size-radius-full)]",
+                    "cursor-pointer text-[12px] font-[var(--deframe-widget-font-family)]",
+                    "border outline-none transition-all duration-150 whitespace-nowrap flex-shrink-0",
+                    isActive ? [
+                      "border-[color:color-mix(in_srgb,var(--deframe-widget-color-brand-primary)_32%,transparent)]",
+                      "bg-[color:color-mix(in_srgb,var(--deframe-widget-color-brand-primary)_12%,transparent)]",
+                      "text-[color:var(--deframe-widget-color-brand-primary)]",
+                      "[font-weight:var(--deframe-widget-font-weight-semibold)]"
+                    ].join(" ") : [
+                      "border-[color:var(--deframe-widget-color-border-secondary)]",
+                      "bg-transparent",
+                      "text-[color:var(--deframe-widget-color-text-secondary)]",
+                      "[font-weight:var(--deframe-widget-font-weight-regular)]",
+                      "hover:border-[color:var(--deframe-widget-color-border-primary)]",
+                      "hover:text-[color:var(--deframe-widget-color-text-primary)]"
+                    ].join(" ")
+                  ),
+                  children: cat.label
+                },
+                cat.id
+              );
+            })
+          }
+        ),
         /* @__PURE__ */ jsx(
           "div",
           {
@@ -9142,7 +9476,10 @@ function ChooseNetworkAndAssetViewSimple({
   hasMore,
   onLoadMore,
   isFetching,
-  labels
+  labels,
+  categories,
+  selectedCategory,
+  onCategoryChange
 }) {
   var _a;
   const [query, setQuery] = React6.useState("");
@@ -9237,7 +9574,10 @@ function ChooseNetworkAndAssetViewSimple({
         hasMore,
         onLoadMore,
         labels,
-        autoFocus
+        autoFocus,
+        categories,
+        selectedCategory,
+        onCategoryChange
       }
     );
     if (isMobile) {
@@ -19029,6 +19369,53 @@ var DUST_THRESHOLD_USD = 0.01;
 function isDustValue(amountInUSD) {
   return isNaN(amountInUSD) || amountInUSD < DUST_THRESHOLD_USD;
 }
+
+// src/utils/wellKnownTokens.ts
+var WELL_KNOWN_TOKEN_SYMBOLS = /* @__PURE__ */ new Set([
+  // Native & wrapped ETH
+  "ETH",
+  "WETH",
+  // BTC
+  "WBTC",
+  // Stablecoins
+  "USDC",
+  "USDT",
+  "DAI",
+  "PYUSD",
+  "EURC",
+  "WXDAI",
+  // Fiat-pegged (Brazilian)
+  "BRLA",
+  // L1/L2 native tokens
+  "BNB",
+  "WBNB",
+  "MATIC",
+  "POL",
+  "OP",
+  "ARB",
+  "GNO",
+  "XDAI"
+]);
+function isWellKnownToken(symbol) {
+  return WELL_KNOWN_TOKEN_SYMBOLS.has(symbol.toUpperCase());
+}
+var USD_PEGGED_SYMBOLS = /* @__PURE__ */ new Set([
+  "USDC",
+  "USDC.E",
+  "USDBC",
+  "USDT",
+  "DAI",
+  "WXDAI",
+  "PYUSD",
+  "EURC"
+]);
+function isUsdPeggedToken(symbol) {
+  return USD_PEGGED_SYMBOLS.has(symbol.toUpperCase());
+}
+var BRL_PEGGED_SYMBOLS2 = /* @__PURE__ */ new Set(["BRLA"]);
+function isBrlPeggedToken(symbol) {
+  return BRL_PEGGED_SYMBOLS2.has(symbol.toUpperCase());
+}
 function HistoryButton4({ onClick }) {
   return /* @__PURE__ */ jsx(
     "button",
@@ -19334,7 +19721,7 @@ var DashboardTokensViewSimple = ({
             ]
           }
         ),
-        sortedRegularTokens.filter((t) => !isDustValue(t.amountInUSD)).map((item) => {
+        sortedRegularTokens.filter((t) => !isDustValue(t.amountInUSD) || isWellKnownToken(t.symbol) && Number.parseFloat(t.formattedAmount) > 0).map((item) => {
           var _a, _b;
           const m = item.metadata;
           const color = (_a = m == null ? void 0 : m.color) != null ? _a : "#888";
@@ -19367,7 +19754,7 @@ var DashboardTokensViewSimple = ({
                 ] }),
                 /* @__PURE__ */ jsx("div", { className: "flex justify-center", children: trendDirection && trendValue ? /* @__PURE__ */ jsx(AssetTrendBadge, { direction: trendDirection, value: trendValue }) : null }),
                 /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-end text-right", children: [
-                  /* @__PURE__ */ jsx("span", { className: "text-[length:var(--deframe-widget-font-size-sm)] [font-weight:var(--deframe-widget-font-weight-semibold)] text-[color:var(--deframe-widget-color-text-primary)] leading-[var(--deframe-widget-font-leading-sm)] font-[var(--deframe-widget-font-family)]", children: item.formattedFiatValue }),
+                  /* @__PURE__ */ jsx("span", { className: "text-[length:var(--deframe-widget-font-size-sm)] [font-weight:var(--deframe-widget-font-weight-semibold)] text-[color:var(--deframe-widget-color-text-primary)] leading-[var(--deframe-widget-font-leading-sm)] font-[var(--deframe-widget-font-family)]", children: item.amountInUSD > 0 ? item.formattedFiatValue : "-" }),
                   /* @__PURE__ */ jsxs("span", { className: "text-[length:var(--deframe-widget-font-size-xs)] text-[color:var(--deframe-widget-color-text-secondary)] leading-[var(--deframe-widget-font-leading-xs)]", children: [
                     item.formattedAmount,
                     " ",
@@ -19714,6 +20101,6 @@ var DashboardViewSimple = ({
   );
 };
 
-export { ActionButton, ActionSheet, AddressDisplay, ApyRange, BackButton, BackgroundContainer, BannerNotification, Chip, ChipGroup, ChoiceCard, ChooseANetworkView, ChooseAStrategyActionsheetView, ChooseAnAssetSwapView, ChooseNetworkAndAssetViewSimple, CloseButton_default as CloseButton, CollapsibleInfoRow, CollapsibleSection, ConfirmSwapButtonView, ConfirmSwapButtonViewSimple, ConnectWalletList, Currency, DashboardBalancesBreakdown, DashboardCard, DashboardInvestmentOpportunitiesView, DashboardPortfolioView, DashboardPortfolioViewSimple, DashboardRecentTransactionsView, DashboardRecentTransactionsViewSimple, DashboardStrategiesListView, DashboardTokenListView, DashboardTokensView, DashboardTokensViewSimple, DashboardTransactionsPlaceholder, DashboardView, DashboardViewSimple, DeframeComponentsProvider, DepositSuccessIcon, DetailsHeader, EARN_CATEGORY_DEFINITIONS, EarnAmountInputView, EarnBalanceCard, EarnBytecodeErrorView, EarnDepositFailedSimpleView, EarnDepositFailedView, EarnDepositFormView, EarnDepositFormViewSimple, EarnDepositProcessingSimpleView, EarnDepositProcessingView, EarnDepositSuccessSimpleView, EarnDepositSuccessView, EarnDepositWarningSimpleView, EarnDepositWarningView, EarnDesktopView, EarnDesktopViewSimple, EarnExploreGridView, EarnFlowSkeletonSimple, EarnHistoryView, EarnInvestedSectionView, EarnInvestmentDetailsView, EarnInvestmentSummaryView, EarnNoBalanceNotificationView, EarnOverviewView, EarnPercentageButtonsView, EarnPositionCardView, EarnRecentTransactionsView, EarnTokenSelectorView, EarnTxStatusCardView, EarnWithdrawFailedSimpleView, EarnWithdrawFailedView, EarnWithdrawFormView, EarnWithdrawFormViewSimple, EarnWithdrawProcessingSimpleView, EarnWithdrawProcessingView, EarnWithdrawSuccessSimpleView, EarnWithdrawSuccessView, EarnWithdrawTokenSelectorView, EarnWithdrawWarningSimpleView, EarnWithdrawWarningView, Currency as Fiat, FlexCol, FlexRow, GroupedStrategyListView, HighRiskBadge, HistoryDepositDetailsView, HistoryListItem, HistoryListItemSimple, HistoryListSkeleton, HistoryListView, HistorySwapDetailsView, HistoryTabEmpty, HistoryWithdrawDetailsView, InfoLabel, InfoRow, InfoRowIconLabel, InfoRowIconValue, InfoRowWithIcon, InfoValue, Input2 as Input, InputField, InputLabel, Input as InputRoot, InvestmentCrossChainProcessingSimpleView, InvestmentCrossChainProcessingView, KYCActionRow, KYCAddressPage, KYCBasicDataPage, KYCChecklistCard, KYCChecklistItem, KYCDataCard, KYCDocumentPage, KYCEditPage, KYCFieldMessage, KYCFormPage, KYCInfoRow, KYCIntroPage, KYCLoadingPage, KYCMessageBanner, KYCPageHeader, KYCPageSection, KYCPageShell, KYCReviewPage, KYCReviewPageSkeleton, KYCStatusItemCard, KYCStatusPage, KYCStatusPanel, KYCStepIndicator, KycLoadingView, KycRequiredView, Label, Link, ListItem, ListItemContent, ListItemLeftSide, ListItemRightSide, LoadingDots, LowRiskBadge, MediumRiskBadge, Navbar, OffchainMethodSelectionView, OfframpFailedSimpleView, OfframpInputFormSimpleView, OfframpInputFormView, OfframpProcessingSimpleView, OfframpProcessingView, OfframpSuccessSimpleView, OfframpSuccessView, OnchainDepositFormSimpleView, OnchainDepositFormView, OnchainDepositSuccessSimpleView, OnchainDepositSuccessView, OnchainWithdrawChainSelectorView, OnchainWithdrawFailedSimpleView, OnchainWithdrawFailedView, OnchainWithdrawFormSimpleView, OnchainWithdrawFormView, OnchainWithdrawProcessingSimpleView, OnchainWithdrawSignatureWarningSimpleView, OnchainWithdrawSignatureWarningView, OnchainWithdrawSuccessSimpleView, OnchainWithdrawSuccessView, OnrampFormSimpleView, OnrampFormView, OnrampPixcodeView, OnrampSuccessSimpleView, OnrampSuccessView, PercentageButton, PrimaryButton, ProcessingBadge, ProgressIndicator, ScrollableContent, SearchEmptyState, SearchInput, SecondaryButton, SectionCard, Select, SelectContent, SelectItem, SelectTrigger, Skeleton, StepDisplay, StepStatusIcon, StepStatusText, StrategyDetailsView, StrategyGridCard, SummaryDetails, SummaryDetailsCryptoControlV2, SwapAdvancedSettingsView, SwapAmountInputView, SwapCrossChainProcessingView, SwapCrossChainProcessingViewSimple, SwapFormView, SwapFormViewSimple, SwapFromCardView, SwapFromCardViewSimple, SwapHistoryView, SwapHistoryViewSimple, SwapProcessingView, SwapProcessingViewSimple, SwapQuoteDetailsView, SwapSignatureWarningView, SwapSignatureWarningViewSimple, SwapSuccessView, SwapSuccessViewSimple, SwapToCardView, SwapToCardViewSimple, SwapTransactionFailedView, SwapTransactionFailedViewSimple, SwapWidgetFallbackView, Tabs, TabsContent, TabsList, TabsTrigger, TertiaryButton, Text_default as Text, TextAccent, TextBody, TextHeading, Title, TokenWithChainBadge, TransactionProcessingDetails, TransactionScreen, TransactionScreenIcon, TransactionScreenInvestmentCard, WalletBalances, WalletConnectPanel, WalletItem, ConnectWalletList as WalletList, WalletListContainer, WithdrawFailedIcon, WithdrawSuccessIcon, isDustValue, truncateAddress };
+export { ActionButton, ActionSheet, AddressDisplay, ApyRange, BackButton, BackgroundContainer, BannerNotification, Chip, ChipGroup, ChoiceCard, ChooseANetworkView, ChooseAStrategyActionsheetView, ChooseAnAssetSwapView, ChooseNetworkAndAssetViewSimple, CloseButton_default as CloseButton, CollapsibleInfoRow, CollapsibleSection, ConfirmSwapButtonView, ConfirmSwapButtonViewSimple, ConnectWalletList, Currency, DashboardBalancesBreakdown, DashboardCard, DashboardInvestmentOpportunitiesView, DashboardPortfolioView, DashboardPortfolioViewSimple, DashboardRecentTransactionsView, DashboardRecentTransactionsViewSimple, DashboardStrategiesListView, DashboardTokenListView, DashboardTokensView, DashboardTokensViewSimple, DashboardTransactionsPlaceholder, DashboardView, DashboardViewSimple, DeframeComponentsProvider, DepositSuccessIcon, DetailsHeader, EARN_CATEGORY_DEFINITIONS, EarnAmountInputView, EarnBalanceCard, EarnBytecodeErrorView, EarnDepositFailedSimpleView, EarnDepositFailedView, EarnDepositFormView, EarnDepositFormViewSimple, EarnDepositProcessingSimpleView, EarnDepositProcessingView, EarnDepositSuccessSimpleView, EarnDepositSuccessView, EarnDepositWarningSimpleView, EarnDepositWarningView, EarnDesktopView, EarnDesktopViewSimple, EarnExploreGridView, EarnFlowSkeletonSimple, EarnHistoryView, EarnInvestedSectionView, EarnInvestmentDetailsView, EarnInvestmentSummaryView, EarnNoBalanceNotificationView, EarnOverviewView, EarnPercentageButtonsView, EarnPositionCardView, EarnRecentTransactionsView, EarnTokenSelectorView, EarnTxStatusCardView, EarnWithdrawFailedSimpleView, EarnWithdrawFailedView, EarnWithdrawFormView, EarnWithdrawFormViewSimple, EarnWithdrawProcessingSimpleView, EarnWithdrawProcessingView, EarnWithdrawSuccessSimpleView, EarnWithdrawSuccessView, EarnWithdrawTokenSelectorView, EarnWithdrawWarningSimpleView, EarnWithdrawWarningView, Currency as Fiat, FlexCol, FlexRow, GroupedStrategyListView, HighRiskBadge, HistoryDepositDetailsView, HistoryListItem, HistoryListItemSimple, HistoryListSkeleton, HistoryListView, HistorySwapDetailsView, HistoryTabEmpty, HistoryWithdrawDetailsView, InfoLabel, InfoRow, InfoRowIconLabel, InfoRowIconValue, InfoRowWithIcon, InfoValue, Input2 as Input, InputField, InputLabel, Input as InputRoot, InvestmentCrossChainProcessingSimpleView, InvestmentCrossChainProcessingView, KYCActionRow, KYCAddressPage, KYCBasicDataPage, KYCChecklistCard, KYCChecklistItem, KYCDataCard, KYCDocumentPage, KYCEditPage, KYCFieldMessage, KYCFormPage, KYCInfoRow, KYCIntroPage, KYCLoadingPage, KYCMessageBanner, KYCPageHeader, KYCPageSection, KYCPageShell, KYCReviewPage, KYCReviewPageSkeleton, KYCStatusItemCard, KYCStatusPage, KYCStatusPanel, KYCStepIndicator, KycLoadingView, KycRequiredView, Label, Link, ListItem, ListItemContent, ListItemLeftSide, ListItemRightSide, LoadingDots, LowRiskBadge, MediumRiskBadge, Navbar, OffchainMethodSelectionView, OfframpFailedSimpleView, OfframpInputFormSimpleView, OfframpInputFormView, OfframpProcessingSimpleView, OfframpProcessingView, OfframpSuccessSimpleView, OfframpSuccessView, OnchainDepositFormSimpleView, OnchainDepositFormView, OnchainDepositSuccessSimpleView, OnchainDepositSuccessView, OnchainWithdrawChainSelectorView, OnchainWithdrawFailedSimpleView, OnchainWithdrawFailedView, OnchainWithdrawFormSimpleView, OnchainWithdrawFormView, OnchainWithdrawProcessingSimpleView, OnchainWithdrawSignatureWarningSimpleView, OnchainWithdrawSignatureWarningView, OnchainWithdrawSuccessSimpleView, OnchainWithdrawSuccessView, OnrampFormSimpleView, OnrampFormView, OnrampPixcodeView, OnrampSuccessSimpleView, OnrampSuccessView, PercentageButton, PodsSwapFormView, PrimaryButton, ProcessingBadge, ProgressIndicator, ScrollableContent, SearchEmptyState, SearchInput, SecondaryButton, SectionCard, Select, SelectContent, SelectItem, SelectTrigger, Skeleton, StepDisplay, StepStatusIcon, StepStatusText, StrategyDetailsView, StrategyGridCard, SummaryDetails, SummaryDetailsCryptoControlV2, SwapAdvancedSettingsView, SwapAmountInputView, SwapCrossChainProcessingView, SwapCrossChainProcessingViewSimple, SwapFormView, SwapFormViewSimple, SwapFromCardView, SwapFromCardViewSimple, SwapHistoryView, SwapHistoryViewSimple, SwapProcessingView, SwapProcessingViewSimple, SwapQuoteDetailsView, SwapSignatureWarningView, SwapSignatureWarningViewSimple, SwapSuccessView, SwapSuccessViewSimple, SwapToCardView, SwapToCardViewSimple, SwapTransactionFailedView, SwapTransactionFailedViewSimple, SwapWidgetFallbackView, Tabs, TabsContent, TabsList, TabsTrigger, TertiaryButton, Text_default as Text, TextAccent, TextBody, TextHeading, Title, TokenWithChainBadge, TransactionProcessingDetails, TransactionScreen, TransactionScreenIcon, TransactionScreenInvestmentCard, WalletBalances, WalletConnectPanel, WalletItem, ConnectWalletList as WalletList, WalletListContainer, WithdrawFailedIcon, WithdrawSuccessIcon, isBrlPeggedToken, isDustValue, isUsdPeggedToken, isWellKnownToken, truncateAddress };
 //# sourceMappingURL=index.mjs.map
 //# sourceMappingURL=index.mjs.map