@gearbox-protocol/ui-kit 4.0.0-next.17 → 4.0.0-next.19

package/dist/esm/index.js

@@ -292,29 +292,29 @@ import { searchInString as Yd } from "./utils/search.js";
 import { createTokenSearchFilter as Jd, searchInToken as $d } from "./utils/search-in-token.js";
 import { shortSHA as og } from "./utils/short-sha.js";
 import { isLongString as tg, shortenString as ag } from "./utils/shorten-string.js";
-import { strategyApyPartsAtLeverage as ng, strategyNetApyAtLeverage as pg, strategyQuotaRate as mg } from "./utils/strategy-apy.js";
-import { negativeTokenTemplate as fg, tokenTemplate as sg, tokenTemplateNumber as xg, tokenTemplateString as Tg } from "./utils/templates.js";
-import { getTokenIcon as gg, parseShareTokenUnderlying as cg } from "./utils/token-icon-source.js";
-import { TTL_CONSTANTS as Sg, getTTLZones as Cg, ttlFromTimestamp as Ag, ttlLeft as bg, ttlLeftHuman as Pg } from "./utils/ttl.js";
-import { openInNewWindow as Lg } from "./utils/window.js";
-import { Z_INDEX as hg, Z_INDEX_VALUES as kg } from "./utils/z-index.js";
-import { AmountInputTest as Vg } from "./components/base/amount-input/constants.js";
-import { DetailedPageTitleTest as Fg } from "./components/base/detailed-page-title/constants.js";
-import { DetailsViewTest as yg } from "./components/base/details-view/constants.js";
-import { HistoryChartTest as Eg } from "./components/base/history-chart/constants.js";
-import { InfoListTest as Hg } from "./components/base/info-list/constants.js";
-import { LeverageInputTest as Ng } from "./components/base/leverage-input/constants.js";
-import { ManagePaneTest as Gg } from "./components/base/manage-pane/constants.js";
-import { PageTitleTest as Ug } from "./components/base/page-title/constants.js";
-import { ReviewButtonTest as Zg } from "./components/base/review-button/constants.js";
-import { SectionHeadingTest as zg } from "./components/base/section-heading/constants.js";
-import { SegmentedTabsTest as Qg } from "./components/base/segmented-tabs/constants.js";
-import { StackTest as jg } from "./components/base/stack/constants.js";
-import { StatBadgeTest as $g } from "./components/base/stat-badge/constants.js";
-import { StickyBarTest as oc } from "./components/base/sticky-bar/constants.js";
-import { TabberTest as tc } from "./components/base/tabber/constants.js";
-import { TokenAmountTest as ic } from "./components/base/token-amount/constants.js";
-import { BaseTableLineTest as pc, BaseTableTest as mc } from "./components/base-table/constants.js";
+import { strategyApyPartsAtLeverage as ng, strategyNetApyAtLeverage as pg } from "./utils/strategy-apy.js";
+import { negativeTokenTemplate as lg, tokenTemplate as fg, tokenTemplateNumber as sg, tokenTemplateString as xg } from "./utils/templates.js";
+import { getTokenIcon as dg, parseShareTokenUnderlying as gg } from "./utils/token-icon-source.js";
+import { TTL_CONSTANTS as ug, getTTLZones as Sg, ttlFromTimestamp as Cg, ttlLeft as Ag, ttlLeftHuman as bg } from "./utils/ttl.js";
+import { openInNewWindow as Dg } from "./utils/window.js";
+import { Z_INDEX as Bg, Z_INDEX_VALUES as hg } from "./utils/z-index.js";
+import { AmountInputTest as Ig } from "./components/base/amount-input/constants.js";
+import { DetailedPageTitleTest as wg } from "./components/base/detailed-page-title/constants.js";
+import { DetailsViewTest as Mg } from "./components/base/details-view/constants.js";
+import { HistoryChartTest as Rg } from "./components/base/history-chart/constants.js";
+import { InfoListTest as vg } from "./components/base/info-list/constants.js";
+import { LeverageInputTest as _g } from "./components/base/leverage-input/constants.js";
+import { ManagePaneTest as Og } from "./components/base/manage-pane/constants.js";
+import { PageTitleTest as Wg } from "./components/base/page-title/constants.js";
+import { ReviewButtonTest as qg } from "./components/base/review-button/constants.js";
+import { SectionHeadingTest as Xg } from "./components/base/section-heading/constants.js";
+import { SegmentedTabsTest as Kg } from "./components/base/segmented-tabs/constants.js";
+import { StackTest as Yg } from "./components/base/stack/constants.js";
+import { StatBadgeTest as Jg } from "./components/base/stat-badge/constants.js";
+import { StickyBarTest as ec } from "./components/base/sticky-bar/constants.js";
+import { TabberTest as rc } from "./components/base/tabber/constants.js";
+import { TokenAmountTest as ac } from "./components/base/token-amount/constants.js";
+import { BaseTableLineTest as nc, BaseTableTest as pc } from "./components/base-table/constants.js";
 export {
   Wo as Accordion,
   Uo as AccordionContent,
@@ -336,7 +336,7 @@ export {
   yt as AllocationWheel,
   Ht as AllocationWheelTest,
   r as AmountInput,
-  Vg as AmountInputTest,
+  Ig as AmountInputTest,
   fr as AppBar,
   sr as AppBarCenter,
   xr as AppBarCenterContent,
@@ -358,8 +358,8 @@ export {
   wr as BaseLink,
   Mr as BaseTable,
   Rr as BaseTableLine,
-  pc as BaseTableLineTest,
-  mc as BaseTableTest,
+  nc as BaseTableLineTest,
+  pc as BaseTableTest,
   wm as BlockedRegionDialog,
   n as BorrowRateBlock,
   m as BorrowRateBlockTest,
@@ -400,11 +400,11 @@ export {
   d as DetailedPageTitle,
   Na as DetailedPageTitleCopyButton,
   Ga as DetailedPageTitleExplorerDropdown,
-  Fg as DetailedPageTitleTest,
+  wg as DetailedPageTitleTest,
   A as DetailsView,
   b as DetailsViewLeftPane,
   P as DetailsViewManagePane,
-  yg as DetailsViewTest,
+  Mg as DetailsViewTest,
   Za as Dialog,
   Qa as DialogContainer,
   ja as DialogContent,
@@ -487,12 +487,12 @@ export {
   mp as HelpTip,
   lp as HelpTipIcon,
   I as HistoryChart,
-  Eg as HistoryChartTest,
+  Rg as HistoryChartTest,
   dp as IconButton,
   am as InfiniteScrollWrapper,
   w as InfoLine,
   F as InfoList,
-  Hg as InfoListTest,
+  vg as InfoListTest,
   E as InfoPortalOut,
   v as InfoPortalProvider,
   M as InfoSectionTitle,
@@ -506,7 +506,7 @@ export {
   Em as LegalAgreementPanel,
   vm as LegalAgreementPanelTest,
   _ as LeverageInput,
-  Ng as LeverageInputTest,
+  _g as LeverageInputTest,
   W as LeveragePresetChips,
   O as LeveragePresetChipsTest,
   vo as LeverageValue,
@@ -524,7 +524,7 @@ export {
   ee as ManagePaneMessage,
   oe as ManagePaneTab,
   re as ManagePaneTabDropdown,
-  Gg as ManagePaneTest,
+  Og as ManagePaneTest,
   Ua as Modal,
   ne as MoreAccordion,
   ae as MoreAccordionTest,
@@ -540,7 +540,7 @@ export {
   Ti as OneFieldDialog,
   xe as PageHeadProvider,
   Te as PageTitle,
-  Ug as PageTitleTest,
+  Wg as PageTitleTest,
   Lo as PnlValue,
   gl as PointsIcon,
   y as PointsInfoLine,
@@ -566,7 +566,7 @@ export {
   Ll as RWA_POOL_ROW_HOVER_WRAPPER_CLASS,
   nt as RangeButtons,
   De as ReviewButton,
-  Zg as ReviewButtonTest,
+  qg as ReviewButtonTest,
   Cl as RoundedImage,
   ke as SEGMENTED_TABS_INACTIVE_BUTTON_CLASS,
   Re as SPACE_HEIGHT,
@@ -575,10 +575,10 @@ export {
   hl as SdkStatusPillTest,
   Ml as SearchLine,
   Be as SectionHeading,
-  zg as SectionHeadingTest,
+  Xg as SectionHeadingTest,
   Hl as SegmentedControl,
   Ie as SegmentedTabs,
-  Qg as SegmentedTabsTest,
+  Kg as SegmentedTabsTest,
   Ol as Select,
   Gl as SelectContent,
   Wl as SelectGroup,
@@ -611,14 +611,14 @@ export {
   Ef as SpinnerOverlay,
   Nf as SplitList,
   He as Stack,
-  jg as StackTest,
+  Yg as StackTest,
   Ne as StatBadge,
   Oe as StatBadgeGrid,
-  $g as StatBadgeTest,
+  Jg as StatBadgeTest,
   Zf as StatusBars,
   Gf as StatusDot,
   We as StickyBar,
-  oc as StickyBarTest,
+  ec as StickyBarTest,
   Xe as StrategyApyBreakdownCard,
   qe as StrategyApyBreakdownCardTest,
   kt as StyledButton,
@@ -627,13 +627,13 @@ export {
   kf as THEME_COLOR_MAP,
   If as THUMB_HALF,
   Vf as THUMB_SIZE,
-  Sg as TTL_CONSTANTS,
+  ug as TTL_CONSTANTS,
   mt as TabButton,
   zf as TabControl,
   Kf as TabItem,
   Ke as Tabber,
   Qe as TabberSection,
-  tc as TabberTest,
+  rc as TabberTest,
   Ss as Table,
   Cs as TableBody,
   As as TableCaption,
@@ -662,7 +662,7 @@ export {
   mo as TitleMeta,
   no as TitleMetaTest,
   fo as TokenAmount,
-  ic as TokenAmountTest,
+  ac as TokenAmountTest,
   Ho as TokenBigint,
   $s as TokenIcon,
   go as TokenPairSymbol,
@@ -702,8 +702,8 @@ export {
   yl as WithSearchLine,
   wx as WithTitle,
   Mx as YieldBreakdownTooltip,
-  hg as Z_INDEX,
-  kg as Z_INDEX_VALUES,
+  Bg as Z_INDEX,
+  hg as Z_INDEX_VALUES,
   Ko as alertBadgeVariants,
   Ld as allLoaded,
   zr as backButtonVariants,
@@ -791,9 +791,9 @@ export {
   Hn as getSeriesColorPalette,
   Qx as getSortForField,
   Yx as getSortForFields,
-  Cg as getTTLZones,
+  Sg as getTTLZones,
   Ff as getThumbInBoundsOffset,
-  gg as getTokenIcon,
+  dg as getTokenIcon,
   _n as getVerticalLineLabelStyle,
   Nn as getVerticalLineTooltipContent,
   wn as getXFormatter,
@@ -828,12 +828,12 @@ export {
   Pd as leveragePresets,
   Bd as loadingProgress,
   Lf as makeMarkerPoints,
-  fg as negativeTokenTemplate,
+  lg as negativeTokenTemplate,
   jx as nextMultiSortState,
-  Lg as openInNewWindow,
+  Dg as openInNewWindow,
   Hx as paddingVariants,
   Nd as parseInputToBN,
-  cg as parseShareTokenUnderlying,
+  gg as parseShareTokenUnderlying,
   Od as parseSmallNumber,
   md as percentTemplate,
   ld as percentageTemplate,
@@ -866,7 +866,6 @@ export {
   Wf as statusDotVariants,
   ng as strategyApyPartsAtLeverage,
   pg as strategyNetApyAtLeverage,
-  mg as strategyQuotaRate,
   Ur as subscribeBreakpoints,
   hs as tableCellVariants,
   ks as tableHeadVariants,
@@ -875,17 +874,17 @@ export {
   js as tipCardVariants,
   ud as toSignificantDigits,
   IT as tokenRewardsOf,
-  sg as tokenTemplate,
-  xg as tokenTemplateNumber,
-  Tg as tokenTemplateString,
+  fg as tokenTemplate,
+  sg as tokenTemplateNumber,
+  xg as tokenTemplateString,
   VT as totalApyOf,
   aa as transactionConfirmDialogShellVariants,
   ia as transactionConfirmModalContainerVariants,
   na as transactionConfirmPreviewScrollVariants,
   pa as transactionConfirmShellContentVariants,
-  Ag as ttlFromTimestamp,
-  bg as ttlLeft,
-  Pg as ttlLeftHuman,
+  Cg as ttlFromTimestamp,
+  Ag as ttlLeft,
+  bg as ttlLeftHuman,
   bx as typographyVariants,
   qr as useBreakpointContext,
   Gx as useCheckboxSelect,

package/dist/esm/utils/index.js

@@ -8,9 +8,9 @@ import { generateColorsFromBase as h, getCSSVariable as A, hexToRgba as v, hslTo
 import { copyToClipboard as N } from "./copy.js";
 import { convertPercent as I, formatBytecodeSize as k, formatBytecodeVersion as C, formatTimestamp as w, shortenHash as F, significantTrunc as D } from "./format.js";
 import { formatAssetAmount as V } from "./format-asset-amount.js";
-import { formatLeverage as B } from "./format-leverage.js";
+import { formatLeverage as M } from "./format-leverage.js";
 import { formatCompactPercent as _, formatMoney as E, formatMoneyAmount as H, formatPercentAmount as W, percentTemplate as Z, percentageTemplate as z } from "./format-money.js";
-import { FORMAT_CONSTANTS as X, formatNumberWithSuffix as q, formatPrice as Q, getAdaptiveDecimals as j, isBelowDisplayThreshold as G, isEffectivelyZero as J, toSignificantDigits as K } from "./format-number.js";
+import { FORMAT_CONSTANTS as X, formatNumberWithSuffix as q, formatPrice as j, getAdaptiveDecimals as G, isBelowDisplayThreshold as J, isEffectivelyZero as K, toSignificantDigits as Q } from "./format-number.js";
 import { slippageTemplate as $ } from "./format-slippage.js";
 import { formatChipLeverage as oe, leveragePresets as re } from "./leverage-presets.js";
 import { allLoaded as ae, loadingProgress as me, round5 as ne } from "./loading.js";
@@ -22,19 +22,19 @@ import { getAvailableRanges as Ne } from "./ranges.js";
 import { extractTextFromLabel as Ie, serializeValue as ke } from "./react.js";
 import { searchInString as we } from "./search.js";
 import { createTokenSearchFilter as De, searchInToken as Oe } from "./search-in-token.js";
-import { shortSHA as Re } from "./short-sha.js";
-import { isLongString as Me, shortenString as _e } from "./shorten-string.js";
-import { strategyApyPartsAtLeverage as He, strategyNetApyAtLeverage as We, strategyQuotaRate as Ze } from "./strategy-apy.js";
-import { negativeTokenTemplate as Ue, tokenTemplate as Xe, tokenTemplateNumber as qe, tokenTemplateString as Qe } from "./templates.js";
+import { shortSHA as Be } from "./short-sha.js";
+import { isLongString as Re, shortenString as _e } from "./shorten-string.js";
+import { strategyApyPartsAtLeverage as He, strategyNetApyAtLeverage as We } from "./strategy-apy.js";
+import { negativeTokenTemplate as ze, tokenTemplate as Ue, tokenTemplateNumber as Xe, tokenTemplateString as qe } from "./templates.js";
 import { getTokenIcon as Ge, parseShareTokenUnderlying as Je } from "./token-icon-source.js";
-import { TTL_CONSTANTS as Ye, getTTLZones as $e, ttlFromTimestamp as eo, ttlLeft as oo, ttlLeftHuman as ro } from "./ttl.js";
-import { openInNewWindow as ao } from "./window.js";
-import { Z_INDEX as no, Z_INDEX_VALUES as po } from "./z-index.js";
+import { TTL_CONSTANTS as Qe, getTTLZones as Ye, ttlFromTimestamp as $e, ttlLeft as eo, ttlLeftHuman as oo } from "./ttl.js";
+import { openInNewWindow as to } from "./window.js";
+import { Z_INDEX as mo, Z_INDEX_VALUES as no } from "./z-index.js";
 export {
   X as FORMAT_CONSTANTS,
-  Ye as TTL_CONSTANTS,
-  no as Z_INDEX,
-  po as Z_INDEX_VALUES,
+  Qe as TTL_CONSTANTS,
+  mo as Z_INDEX,
+  no as Z_INDEX_VALUES,
   ae as allLoaded,
   s as bnToInputView,
   de as bnToLiquidationPriceView,
@@ -53,33 +53,33 @@ export {
   C as formatBytecodeVersion,
   oe as formatChipLeverage,
   _ as formatCompactPercent,
-  B as formatLeverage,
+  M as formatLeverage,
   E as formatMoney,
   H as formatMoneyAmount,
   q as formatNumberWithSuffix,
   W as formatPercentAmount,
-  Q as formatPrice,
+  j as formatPrice,
   w as formatTimestamp,
   se as formatWithDecimals,
   le as formatWithoutDecimals,
   h as generateColorsFromBase,
   r as generateId,
-  j as getAdaptiveDecimals,
+  G as getAdaptiveDecimals,
   Ne as getAvailableRanges,
   A as getCSSVariable,
   ce as getNetworkIcon,
-  $e as getTTLZones,
+  Ye as getTTLZones,
   Ge as getTokenIcon,
   v as hexToRgba,
   y as hslToHex,
-  G as isBelowDisplayThreshold,
-  J as isEffectivelyZero,
-  Me as isLongString,
+  J as isBelowDisplayThreshold,
+  K as isEffectivelyZero,
+  Re as isLongString,
   ue as isPositiveFloat,
   re as leveragePresets,
   me as loadingProgress,
-  Ue as negativeTokenTemplate,
-  ao as openInNewWindow,
+  ze as negativeTokenTemplate,
+  to as openInNewWindow,
   he as parseInputToBN,
   Je as parseShareTokenUnderlying,
   Ae as parseSmallNumber,
@@ -94,7 +94,7 @@ export {
   Oe as searchInToken,
   Pe as selectPluralString,
   ke as serializeValue,
-  Re as shortSHA,
+  Be as shortSHA,
   F as shortenHash,
   _e as shortenString,
   D as significantTrunc,
@@ -102,16 +102,15 @@ export {
   xe as splitInterval,
   He as strategyApyPartsAtLeverage,
   We as strategyNetApyAtLeverage,
-  Ze as strategyQuotaRate,
-  K as toSignificantDigits,
+  Q as toSignificantDigits,
   p as tokenRewardsOf,
-  Xe as tokenTemplate,
-  qe as tokenTemplateNumber,
-  Qe as tokenTemplateString,
+  Ue as tokenTemplate,
+  Xe as tokenTemplateNumber,
+  qe as tokenTemplateString,
   i as totalApyOf,
-  eo as ttlFromTimestamp,
-  oo as ttlLeft,
-  ro as ttlLeftHuman,
+  $e as ttlFromTimestamp,
+  eo as ttlLeft,
+  oo as ttlLeftHuman,
   t as useFormFieldIds,
   Te as validateMinMax
 };

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

@@ -1,41 +1,51 @@
-function e({
-  additionalBorrowApy: o = 0,
-  maxLeverage: t
-}) {
-  return t != null && t > 0 ? o / t : 0;
+import { calcEffectiveBorrowApy as o, calcNetStrategyApy as u } from "@gearbox-protocol/sdk";
+function f(t, e, r) {
+  switch (r) {
+    case "min":
+      return Math.max(t - 1, 0);
+    case "aggressive":
+      return 1.05 * Math.max(t - 1, 0);
+    default:
+      return t * e / 1e4;
+  }
 }
-function i({
-  leverage: o,
-  maxLeverage: t,
-  borrowApy: r = 0,
-  additionalBorrowApy: u = 0
+function m({
+  leverage: t,
+  borrowApy: e = 0,
+  quotaRate: r = 0,
+  liquidationThreshold: s = 0,
+  quotaMode: a = "safe"
 }) {
-  const n = Math.max(o - 1, 0), s = r * n, a = e({ additionalBorrowApy: u, maxLeverage: t }), c = a * o;
+  const c = {
+    borrowApy: e,
+    quotaRate: r,
+    liquidationThreshold: s
+  }, n = Math.max(t - 1, 0), i = f(t, s, a);
   return {
     debtMultiplier: n,
-    borrowCost: s,
-    quotaRate: a,
-    quotaCost: c,
-    totalCost: s + c
+    quotaMultiplier: i,
+    borrowCost: e * n,
+    quotaRate: r,
+    quotaCost: r * i,
+    totalCost: o(c, t, a)
   };
 }
-function y({
-  collateralApy: o,
-  leverage: t,
-  maxLeverage: r,
-  borrowApy: u,
-  additionalBorrowApy: n
+function l({
+  collateralApy: t,
+  leverage: e,
+  borrowApy: r = 0,
+  quotaRate: s = 0,
+  liquidationThreshold: a = 0,
+  quotaMode: c = "safe"
 }) {
-  const { totalCost: s } = i({
-    leverage: t,
-    maxLeverage: r,
-    borrowApy: u,
-    additionalBorrowApy: n
-  });
-  return o * t - s;
+  return u(
+    { borrowApy: r, quotaRate: s, liquidationThreshold: a },
+    t,
+    e,
+    c
+  );
 }
 export {
-  i as strategyApyPartsAtLeverage,
-  y as strategyNetApyAtLeverage,
-  e as strategyQuotaRate
+  m as strategyApyPartsAtLeverage,
+  l as strategyNetApyAtLeverage
 };