@gearbox-protocol/ui-kit 3.14.0-next.9 → 4.0.0-next.1

package/dist/esm/locale/en.json.js

@@ -15,6 +15,16 @@ const e = {
   "components.footer.gearbox": "Copyright © Gearbox Foundation 2023-2026.",
   "components.footer.built": "Built at ETHGlobal MarketMake hackathon.",
   "components.footer.version": "Version {value}",
+  "components.blockSyncPill.syncError": ", sync error",
+  "components.blockSyncPill.syncedAt": ", synced at {time}",
+  "components.blockSyncPill.syncing": ", syncing…",
+  "components.creditAccountHistory.table.protocol": "Protocol",
+  "components.creditAccountHistory.table.operation": "Operation",
+  "components.creditAccountHistory.table.details": "Details",
+  "components.notificationCenter.empty": "No notifications yet",
+  "components.notificationCenter.requests": "Requests",
+  "components.notificationCenter.recent": "Recent",
+  "components.notificationCenter.clear": "Clear all",
   "components.liquidationPrice.check": "Check Area",
   "components.loading.loading": "Loading",
   "components.loading.loadingPercent": "Loading {percent}%",
@@ -57,6 +67,15 @@ const e = {
   "components.apyParts.totalAPY": "Overall APY",
   "components.apyParts.points": "{symbol} Incentive",
   "components.apyParts.points.condition.crossDeposit": "For cross-chain deposits made via Omni",
+  "components.yieldBreakdown.title": "Yield Breakdown",
+  "components.yieldBreakdown.atLeverage": "at {leverage}× leverage",
+  "components.yieldBreakdown.baseYield": "Base Yield",
+  "components.yieldBreakdown.incentiveYield": "Incentive Yield",
+  "components.yieldBreakdown.borrowRate": "Borrow Rate",
+  "components.yieldBreakdown.baseRate": "Base Rate",
+  "components.yieldBreakdown.additionalRate": "Additional Rate",
+  "components.yieldBreakdown.netYield": "Net Yield",
+  "components.yieldBreakdown.points": "Points",
   "components.openCopyButtons.copy": "Copy to clipboard",
   "components.poolAssetsTable.asset": "Asset",
   "components.poolAssetsTable.rate": "Effective rate",
@@ -111,8 +130,6 @@ const e = {
   "components.rewardsTooltip.with.title": "With {leverage} Leverage",
   "components.rewardsTooltip.with.borrowRate": "{symbol} borrow rate",
   "components.rewardsTooltip.with.quotaRate": "Quota rate",
-  "components.rewardsTooltip.with.bonusAPY.title": "Target Bonuses Yield",
-  "components.rewardsTooltip.with.bonusAPY.tip": "Expected Bonuses APY is calculated by the Asset Issuer and represents the expected value to be paid out in points.",
   "components.rewardsTooltip.with.extra": "+ Extra APR",
   "components.rewardsTooltip.button": "Click to show rewards details",
   "components.strategiesTable.head.name": "Strategy",
@@ -127,7 +144,26 @@ const e = {
   "components.strategiesTable.line.0slippage": "0-slippage",
   "components.strategiesTable.line.0slippage.tip": "Wrapping/unwrapping happens directly through smart-contracts, so {symbol} deposits and withdrawals don't incur slippage.",
   "components.strategiesTable.line.rwa": "RWA",
-  "components.strategiesTable.line.rwa.tip": "This strategy is available on RWA market."
+  "components.strategiesTable.line.rwa.tip": "This strategy is available on RWA market.",
+  "dialogs.common.review": "Review",
+  "components.amountInput.max": "Max",
+  "components.amountInput.label": "Amount",
+  "components.amountInput.balance": "Balance",
+  "components.amountInput.selectToken": "Select token",
+  "components.amountInput.inputTitle": "Token Amount",
+  "components.leverageInput.label": "Leverage",
+  "components.leverageInput.reset": "Reset",
+  "components.healthFactorBlock.label": "Health factor",
+  "components.healthFactorBlock.tip": "Health Factor is a numeric representation of your account 'health'. If your health factor drops below 1 or close to it, you might be liquidated.",
+  "components.liquidationPriceBlock.label": "Liquidation Price",
+  "components.liquidationPriceBlock.tip": "The asset price at which the account's health factor would reach 1 and become eligible for liquidation.",
+  "components.timeToLiquidationBlock.label": "Time to liquidation",
+  "components.timeToLiquidationBlock.tip": "Time to liquidation estimates how long the account can stay open if prices remain constant and no yield is earned—only accounting for borrow interest accrual.",
+  "components.historyChart.error": "Couldn't load chart data",
+  "components.historyChart.empty": "No data",
+  "components.positionTypeBadge.pool": "Lender",
+  "components.positionTypeBadge.strategy": "Strategy",
+  "components.positionTypeBadge.liquidation": "Liquidation"
 };
 export {
   e as default

package/dist/esm/test-ids/base.js

@@ -0,0 +1,44 @@
+import { AmountInputTest as o } from "../components/base/amount-input/constants.js";
+import { DetailedPageTitleTest as T } from "../components/base/detailed-page-title/constants.js";
+import { DetailAsideWrapperTest as a, DetailsViewTest as m } from "../components/base/details-view/constants.js";
+import { HealthFactorBlockTest as i } from "../components/base/health-factor-block/constants.js";
+import { HistoryChartTest as x } from "../components/base/history-chart/constants.js";
+import { InfoListTest as l } from "../components/base/info-list/constants.js";
+import { LeverageInputTest as u } from "../components/base/leverage-input/constants.js";
+import { LiquidationPriceBlockTest as g } from "../components/base/liquidation-price-block/constants.js";
+import { ManagePaneTest as B } from "../components/base/manage-pane/constants.js";
+import { PageTitleTest as L } from "../components/base/page-title/constants.js";
+import { ReviewButtonTest as b } from "../components/base/review-button/constants.js";
+import { SectionHeadingTest as A } from "../components/base/section-heading/constants.js";
+import { SegmentedTabsTest as H } from "../components/base/segmented-tabs/constants.js";
+import { StackTest as q } from "../components/base/stack/constants.js";
+import { StatBadgeTest as w } from "../components/base/stat-badge/constants.js";
+import { StickyBarTest as V } from "../components/base/sticky-bar/constants.js";
+import { TabberTest as F } from "../components/base/tabber/constants.js";
+import { TimeToLiquidationBlockTest as R } from "../components/base/time-to-liquidation-block/constants.js";
+import { TokenAmountTest as j } from "../components/base/token-amount/constants.js";
+import { PositionShortLabelTest as E, ValueTest as G } from "../components/base/values/constants.js";
+export {
+  o as AmountInputTest,
+  a as DetailAsideWrapperTest,
+  T as DetailedPageTitleTest,
+  m as DetailsViewTest,
+  i as HealthFactorBlockTest,
+  x as HistoryChartTest,
+  l as InfoListTest,
+  u as LeverageInputTest,
+  g as LiquidationPriceBlockTest,
+  B as ManagePaneTest,
+  L as PageTitleTest,
+  E as PositionShortLabelTest,
+  b as ReviewButtonTest,
+  A as SectionHeadingTest,
+  H as SegmentedTabsTest,
+  q as StackTest,
+  w as StatBadgeTest,
+  V as StickyBarTest,
+  F as TabberTest,
+  R as TimeToLiquidationBlockTest,
+  j as TokenAmountTest,
+  G as ValueTest
+};

package/dist/esm/test-ids/index.js

@@ -1,15 +1,46 @@
-import { currencyButtonTestIds as t } from "./currency-button.js";
-import { poolCreditManagerInfoTestIds as s } from "./pool-credit-manager-info.js";
-import { poolCreditManagersTableTestIds as d } from "./pool-credit-managers-table.js";
-import { poolTableTestIds as I } from "./pool-table.js";
-import { balanceIndicatorTestIds as m, smartNumberInputTestIds as n } from "./smart-number-input.js";
-import { strategiesTableTestIds as l } from "./strategies-table.js";
+import { AmountInputTest as o } from "../components/base/amount-input/constants.js";
+import { DetailedPageTitleTest as s } from "../components/base/detailed-page-title/constants.js";
+import { DetailAsideWrapperTest as i, DetailsViewTest as a } from "../components/base/details-view/constants.js";
+import { HealthFactorBlockTest as p } from "../components/base/health-factor-block/constants.js";
+import { HistoryChartTest as x } from "../components/base/history-chart/constants.js";
+import { InfoListTest as l } from "../components/base/info-list/constants.js";
+import { LeverageInputTest as d } from "../components/base/leverage-input/constants.js";
+import { LiquidationPriceBlockTest as g } from "../components/base/liquidation-price-block/constants.js";
+import { ManagePaneTest as B } from "../components/base/manage-pane/constants.js";
+import { PageTitleTest as L } from "../components/base/page-title/constants.js";
+import { ReviewButtonTest as b } from "../components/base/review-button/constants.js";
+import { SectionHeadingTest as h } from "../components/base/section-heading/constants.js";
+import { SegmentedTabsTest as D } from "../components/base/segmented-tabs/constants.js";
+import { StackTest as q } from "../components/base/stack/constants.js";
+import { StatBadgeTest as w } from "../components/base/stat-badge/constants.js";
+import { StickyBarTest as C } from "../components/base/sticky-bar/constants.js";
+import { TabberTest as F } from "../components/base/tabber/constants.js";
+import { TimeToLiquidationBlockTest as R } from "../components/base/time-to-liquidation-block/constants.js";
+import { TokenAmountTest as j } from "../components/base/token-amount/constants.js";
+import { PositionShortLabelTest as E, ValueTest as G } from "../components/base/values/constants.js";
+import { notificationCenterTestIds as K } from "./notification-center.js";
 export {
-  m as balanceIndicatorTestIds,
-  t as currencyButtonTestIds,
-  s as poolCreditManagerInfoTestIds,
-  d as poolCreditManagersTableTestIds,
-  I as poolTableTestIds,
-  n as smartNumberInputTestIds,
-  l as strategiesTableTestIds
+  o as AmountInputTest,
+  i as DetailAsideWrapperTest,
+  s as DetailedPageTitleTest,
+  a as DetailsViewTest,
+  p as HealthFactorBlockTest,
+  x as HistoryChartTest,
+  l as InfoListTest,
+  d as LeverageInputTest,
+  g as LiquidationPriceBlockTest,
+  B as ManagePaneTest,
+  L as PageTitleTest,
+  E as PositionShortLabelTest,
+  b as ReviewButtonTest,
+  h as SectionHeadingTest,
+  D as SegmentedTabsTest,
+  q as StackTest,
+  w as StatBadgeTest,
+  C as StickyBarTest,
+  F as TabberTest,
+  R as TimeToLiquidationBlockTest,
+  j as TokenAmountTest,
+  G as ValueTest,
+  K as notificationCenterTestIds
 };

package/dist/esm/test-ids/notification-center.js

@@ -0,0 +1,16 @@
+const e = {
+  root: "notification-center-root",
+  trigger: "notification-center-trigger",
+  badge: "notification-center-badge",
+  panel: "notification-center-panel",
+  requestsSection: "notification-center-requests",
+  requestRow: "notification-center-request-row",
+  requestExecute: "notification-center-request-execute",
+  successSection: "notification-center-success",
+  successRow: "notification-center-success-row",
+  empty: "notification-center-empty",
+  clear: "notification-center-clear"
+};
+export {
+  e as notificationCenterTestIds
+};

package/dist/esm/types/common.js

@@ -1,6 +1 @@
-function n(o) {
-  return typeof o == "object" && o !== null && "kind" in o && o.kind === "composite";
-}
-export {
-  n as isIconComposite
-};
+

package/dist/esm/utils/apy-breakdown.js

@@ -0,0 +1,18 @@
+function o(t) {
+  return t.totalApy ?? t.organicApy;
+}
+function r(t) {
+  return (t.rewards ?? []).flatMap((n) => n.kind === "token" ? [n] : []);
+}
+function e(t) {
+  return (t.rewards ?? []).flatMap((n) => n.kind === "point" ? n.points : []);
+}
+function i(t) {
+  return r(t).filter((n) => (n.supplyApr ?? 0) > 0);
+}
+export {
+  e as pointProgramsOf,
+  i as positiveTokenRewardsOf,
+  r as tokenRewardsOf,
+  o as totalApyOf
+};

package/dist/esm/utils/bps.js

@@ -0,0 +1,4 @@
+const o = (e) => e / 100;
+export {
+  o as bpsToPercent
+};

package/dist/esm/utils/index.js

@@ -1,97 +1,107 @@
-import { generateId as t, useFormFieldIds as r } from "./a11y.js";
-import { bnToInputView as m } from "./bn-to-input-view.js";
-import { bnToPrettyView as n } from "./bn-to-pretty-view.js";
-import { cn as l, cn as f } from "./cn.js";
-import { generateColorsFromBase as x, getCSSVariable as T, hexToRgba as c, hslToHex as g, resolveCSSColor as S } from "./colors.js";
-import { copyToClipboard as d } from "./copy.js";
-import { convertPercent as N, formatBytecodeSize as b, formatBytecodeVersion as A, formatTimestamp as I, shortenHash as v, significantTrunc as L } from "./format.js";
-import { formatAssetAmount as y } from "./format-asset-amount.js";
-import { formatMoney as F, formatMoneyAmount as k, formatPercentAmount as w, percentTemplate as D, percentageTemplate as V } from "./format-money.js";
-import { FORMAT_CONSTANTS as M, formatNumberWithSuffix as _, formatPrice as E, getAdaptiveDecimals as H, isBelowDisplayThreshold as W, isEffectivelyZero as Z, toSignificantDigits as z } from "./format-number.js";
-import { slippageTemplate as R } from "./format-slippage.js";
-import { allLoaded as q, loadingProgress as U, round5 as j } from "./loading.js";
-import { decimalsToStep as J, findClosestPoint as K, formatWithDecimals as Q, formatWithoutDecimals as Y, splitInterval as $, validateMinMax as ee } from "./math.js";
-import { getNetworkIcon as te } from "./network-icons.js";
-import { bnToLiquidationPriceView as ae, isPositiveFloat as me, parseInputToBN as ie, parseSmallNumber as ne } from "./parse-input-to-bn.js";
-import { pluralize as le, selectPluralString as fe } from "./plural.js";
-import { getAvailableRanges as xe } from "./ranges.js";
-import { extractTextFromLabel as ce, serializeValue as ge } from "./react.js";
-import { searchInString as ue } from "./search.js";
-import { createTokenSearchFilter as he, searchInToken as Ne } from "./search-in-token.js";
-import { shortSHA as Ae } from "./short-sha.js";
-import { isLongString as ve, shortenString as Le } from "./shorten-string.js";
-import { negativeTokenTemplate as ye, tokenTemplate as Ce, tokenTemplateNumber as Fe, tokenTemplateString as ke } from "./templates.js";
-import { TTL_CONSTANTS as De, getTTLZones as Ve, ttlFromTimestamp as Be, ttlLeft as Me, ttlLeftHuman as _e } from "./ttl.js";
-import { openInNewWindow as He } from "./window.js";
-import { Z_INDEX as Ze, Z_INDEX_VALUES as ze } from "./z-index.js";
+import { generateId as r, useFormFieldIds as t } from "./a11y.js";
+import { pointProgramsOf as m, positiveTokenRewardsOf as n, tokenRewardsOf as i, totalApyOf as p } from "./apy-breakdown.js";
+import { bnToInputView as l } from "./bn-to-input-view.js";
+import { bnToPrettyView as T } from "./bn-to-pretty-view.js";
+import { bpsToPercent as c } from "./bps.js";
+import { cn as S, cn as d } from "./cn.js";
+import { generateColorsFromBase as h, getCSSVariable as b, hexToRgba as A, hslToHex as I, resolveCSSColor as N } from "./colors.js";
+import { copyToClipboard as P } from "./copy.js";
+import { convertPercent as y, formatBytecodeSize as w, formatBytecodeVersion as L, formatTimestamp as C, shortenHash as F, significantTrunc as D } from "./format.js";
+import { formatAssetAmount as V } from "./format-asset-amount.js";
+import { formatMoney as M, formatMoneyAmount as R, formatPercentAmount as _, percentTemplate as E, percentageTemplate as H } from "./format-money.js";
+import { FORMAT_CONSTANTS as Z, formatNumberWithSuffix as z, formatPrice as U, getAdaptiveDecimals as X, isBelowDisplayThreshold as q, isEffectivelyZero as j, toSignificantDigits as G } from "./format-number.js";
+import { slippageTemplate as K } from "./format-slippage.js";
+import { allLoaded as Y, loadingProgress as $, round5 as ee } from "./loading.js";
+import { decimalsToStep as re, findClosestPoint as te, formatWithDecimals as ae, formatWithoutDecimals as me, splitInterval as ne, validateMinMax as ie } from "./math.js";
+import { getNetworkIcon as fe } from "./network-icons.js";
+import { bnToLiquidationPriceView as se, isPositiveFloat as Te, parseInputToBN as xe, parseSmallNumber as ce } from "./parse-input-to-bn.js";
+import { pluralize as Se, selectPluralString as de } from "./plural.js";
+import { getAvailableRanges as he } from "./ranges.js";
+import { extractTextFromLabel as Ae, serializeValue as Ie } from "./react.js";
+import { searchInString as ke } from "./search.js";
+import { createTokenSearchFilter as ve, searchInToken as ye } from "./search-in-token.js";
+import { shortSHA as Le } from "./short-sha.js";
+import { isLongString as Fe, shortenString as De } from "./shorten-string.js";
+import { negativeTokenTemplate as Ve, tokenTemplate as Be, tokenTemplateNumber as Me, tokenTemplateString as Re } from "./templates.js";
+import { getTokenIcon as Ee, parseShareTokenUnderlying as He } from "./token-icon-source.js";
+import { TTL_CONSTANTS as Ze, getTTLZones as ze, ttlFromTimestamp as Ue, ttlLeft as Xe, ttlLeftHuman as qe } from "./ttl.js";
+import { openInNewWindow as Ge } from "./window.js";
+import { Z_INDEX as Ke, Z_INDEX_VALUES as Qe } from "./z-index.js";
 export {
-  M as FORMAT_CONSTANTS,
-  De as TTL_CONSTANTS,
-  Ze as Z_INDEX,
-  ze as Z_INDEX_VALUES,
-  q as allLoaded,
-  m as bnToInputView,
-  ae as bnToLiquidationPriceView,
-  n as bnToPrettyView,
-  l as cn,
-  N as convertPercent,
-  d as copyToClipboard,
-  he as createTokenSearchFilter,
-  J as decimalsToStep,
-  f as default,
-  ce as extractTextFromLabel,
-  K as findClosestPoint,
-  y as formatAssetAmount,
-  b as formatBytecodeSize,
-  A as formatBytecodeVersion,
-  F as formatMoney,
-  k as formatMoneyAmount,
-  _ as formatNumberWithSuffix,
-  w as formatPercentAmount,
-  E as formatPrice,
-  I as formatTimestamp,
-  Q as formatWithDecimals,
-  Y as formatWithoutDecimals,
-  x as generateColorsFromBase,
-  t as generateId,
-  H as getAdaptiveDecimals,
-  xe as getAvailableRanges,
-  T as getCSSVariable,
-  te as getNetworkIcon,
-  Ve as getTTLZones,
-  c as hexToRgba,
-  g as hslToHex,
-  W as isBelowDisplayThreshold,
-  Z as isEffectivelyZero,
-  ve as isLongString,
-  me as isPositiveFloat,
-  U as loadingProgress,
-  ye as negativeTokenTemplate,
-  He as openInNewWindow,
-  ie as parseInputToBN,
-  ne as parseSmallNumber,
-  D as percentTemplate,
-  V as percentageTemplate,
-  le as pluralize,
-  S as resolveCSSColor,
-  j as round5,
-  ue as searchInString,
-  Ne as searchInToken,
-  fe as selectPluralString,
-  ge as serializeValue,
-  Ae as shortSHA,
-  v as shortenHash,
-  Le as shortenString,
-  L as significantTrunc,
-  R as slippageTemplate,
-  $ as splitInterval,
-  z as toSignificantDigits,
-  Ce as tokenTemplate,
-  Fe as tokenTemplateNumber,
-  ke as tokenTemplateString,
-  Be as ttlFromTimestamp,
-  Me as ttlLeft,
-  _e as ttlLeftHuman,
-  r as useFormFieldIds,
-  ee as validateMinMax
+  Z as FORMAT_CONSTANTS,
+  Ze as TTL_CONSTANTS,
+  Ke as Z_INDEX,
+  Qe as Z_INDEX_VALUES,
+  Y as allLoaded,
+  l as bnToInputView,
+  se as bnToLiquidationPriceView,
+  T as bnToPrettyView,
+  c as bpsToPercent,
+  S as cn,
+  y as convertPercent,
+  P as copyToClipboard,
+  ve as createTokenSearchFilter,
+  re as decimalsToStep,
+  d as default,
+  Ae as extractTextFromLabel,
+  te as findClosestPoint,
+  V as formatAssetAmount,
+  w as formatBytecodeSize,
+  L as formatBytecodeVersion,
+  M as formatMoney,
+  R as formatMoneyAmount,
+  z as formatNumberWithSuffix,
+  _ as formatPercentAmount,
+  U as formatPrice,
+  C as formatTimestamp,
+  ae as formatWithDecimals,
+  me as formatWithoutDecimals,
+  h as generateColorsFromBase,
+  r as generateId,
+  X as getAdaptiveDecimals,
+  he as getAvailableRanges,
+  b as getCSSVariable,
+  fe as getNetworkIcon,
+  ze as getTTLZones,
+  Ee as getTokenIcon,
+  A as hexToRgba,
+  I as hslToHex,
+  q as isBelowDisplayThreshold,
+  j as isEffectivelyZero,
+  Fe as isLongString,
+  Te as isPositiveFloat,
+  $ as loadingProgress,
+  Ve as negativeTokenTemplate,
+  Ge as openInNewWindow,
+  xe as parseInputToBN,
+  He as parseShareTokenUnderlying,
+  ce as parseSmallNumber,
+  E as percentTemplate,
+  H as percentageTemplate,
+  Se as pluralize,
+  m as pointProgramsOf,
+  n as positiveTokenRewardsOf,
+  N as resolveCSSColor,
+  ee as round5,
+  ke as searchInString,
+  ye as searchInToken,
+  de as selectPluralString,
+  Ie as serializeValue,
+  Le as shortSHA,
+  F as shortenHash,
+  De as shortenString,
+  D as significantTrunc,
+  K as slippageTemplate,
+  ne as splitInterval,
+  G as toSignificantDigits,
+  i as tokenRewardsOf,
+  Be as tokenTemplate,
+  Me as tokenTemplateNumber,
+  Re as tokenTemplateString,
+  p as totalApyOf,
+  Ue as ttlFromTimestamp,
+  Xe as ttlLeft,
+  qe as ttlLeftHuman,
+  t as useFormFieldIds,
+  ie as validateMinMax
 };

package/dist/esm/utils/token-icon-source.js

@@ -0,0 +1,48 @@
+import { getStatic as s } from "./static.js";
+const f = s("/tokens/templates/diesel.svg"), l = s("/logo/logo_symbol.png"), n = /V\d+$/, o = "_OLD", u = [
+  { prefix: "farmd", requiresVersion: !1 },
+  { prefix: "wd", requiresVersion: !1 },
+  { prefix: "sd", requiresVersion: !0 },
+  { prefix: "d", requiresVersion: !0 }
+];
+function c(e) {
+  for (const { prefix: i, requiresVersion: t } of u) {
+    if (!e.startsWith(i)) continue;
+    let r = e.slice(i.length);
+    if (r.endsWith(o) && (r = r.slice(0, -o.length)), n.test(r))
+      r = r.replace(n, "");
+    else if (t)
+      continue;
+    if (r) return r;
+  }
+}
+function d(e) {
+  return {
+    kind: "composite",
+    preset: "centered_foreground",
+    scaleFactor: 0.74,
+    layers: [
+      {
+        type: "url",
+        url: f
+      },
+      {
+        type: "symbol",
+        symbol: e
+      }
+    ]
+  };
+}
+function g(e) {
+  if (e === void 0) return;
+  const i = typeof e == "string" ? e : e.symbol;
+  if (!i) return;
+  if (i === "GEAR")
+    return { icon: l };
+  const t = c(i);
+  return t ? d(t) : i;
+}
+export {
+  g as getTokenIcon,
+  c as parseShareTokenUnderlying
+};