@gearbox-protocol/permissionless-ui 1.26.11-next.7 → 1.27.0

package/dist/esm/components/trading-view/trading-view.js

@@ -4,7 +4,6 @@ import { toast as ie } from "sonner";
 import { useIsMobile as le } from "../../hooks/use-media-query.js";
 import "@gearbox-protocol/sdk";
 import { cn as se } from "../../utils/cn.js";
-import "@gearbox-protocol/sdk/common-utils";
 import "luxon";
 import "../../utils/z-index.js";
 import { RangeButtons as ce } from "../buttons/range-buttons/range-buttons.js";
@@ -79,7 +78,7 @@ function z(e, t) {
     c.set(o, p);
   we(e, c);
 }
-function Re({
+function Ne({
   data: e,
   yMeasureUnit: t,
   height: c = 306,
@@ -242,5 +241,5 @@ function Re({
   );
 }
 export {
-  Re as TradingView
+  Ne as TradingView
 };

package/dist/esm/components/typography/typography.js

@@ -1,10 +1,9 @@
 import { jsx as s } from "react/jsx-runtime";
 import { cva as x } from "class-variance-authority";
-import * as p from "react";
+import * as c from "react";
 import "@gearbox-protocol/sdk";
-import { cn as c } from "../../utils/cn.js";
+import { cn as p } from "../../utils/cn.js";
 import "sonner";
-import "@gearbox-protocol/sdk/common-utils";
 import "luxon";
 import "../../utils/z-index.js";
 const g = x("", {
@@ -76,7 +75,7 @@ const g = x("", {
   caption: "span",
   overline: "span",
   inherit: "span"
-}, u = p.forwardRef(
+}, u = c.forwardRef(
   ({
     className: e,
     variant: t = "inherit",
@@ -93,7 +92,7 @@ const g = x("", {
       d,
       {
         ref: m,
-        className: c(
+        className: p(
           g({
             variant: t,
             color: i,

package/dist/esm/components/vertical-indicator/vertical-indicator.js

@@ -4,7 +4,6 @@ import * as V from "react";
 import "@gearbox-protocol/sdk";
 import { cn as a } from "../../utils/cn.js";
 import "sonner";
-import "@gearbox-protocol/sdk/common-utils";
 import "luxon";
 import "../../utils/z-index.js";
 import { Description as f } from "../description/description.js";

package/dist/esm/components/vertical-list/vertical-list.js

@@ -4,7 +4,6 @@ import * as r from "react";
 import "@gearbox-protocol/sdk";
 import { cn as t } from "../../utils/cn.js";
 import "sonner";
-import "@gearbox-protocol/sdk/common-utils";
 import "luxon";
 import "../../utils/z-index.js";
 const u = c("flex flex-col [&>li:empty]:hidden", {
@@ -36,12 +35,12 @@ const u = c("flex flex-col [&>li:empty]:hidden", {
   ({
     className: s,
     rowGap: f = "default",
-    divided: o = !1,
+    divided: a = !1,
     nested: p = !1,
-    children: m,
-    ...n
+    children: n,
+    ...m
   }, d) => {
-    const a = r.Children.toArray(m).filter(
+    const o = r.Children.toArray(n).filter(
       (e) => e != null
     );
     return /* @__PURE__ */ i(
@@ -49,18 +48,18 @@ const u = c("flex flex-col [&>li:empty]:hidden", {
       {
         ref: d,
         className: t(
-          u({ rowGap: f, divided: o, nested: p }),
+          u({ rowGap: f, divided: a, nested: p }),
           "list-none",
           s
         ),
-        ...n,
-        children: a.map((e, l) => {
+        ...m,
+        children: o.map((e, l) => {
           const b = r.isValidElement(e) && e.key ? e.key : `vertical-list-item-${l}`;
           return /* @__PURE__ */ i(
             "li",
             {
               className: t(
-                o && l !== a.length - 1 && "pb-3 border-b border-border"
+                a && l !== o.length - 1 && "pb-3 border-b border-border"
               ),
               children: e
             },

package/dist/esm/components/with-copy/with-copy.js

@@ -6,7 +6,6 @@ import { FaIcon as j } from "../icons/fa-icon.js";
 import "@gearbox-protocol/sdk";
 import { cn as i } from "../../utils/cn.js";
 import "sonner";
-import "@gearbox-protocol/sdk/common-utils";
 import "luxon";
 import "../../utils/z-index.js";
 import "../accordion/accordion.js";
@@ -158,7 +157,7 @@ import "../tip-card/tip-card.js";
 import "../toggle/toggle.js";
 import "../typography/typography.js";
 import "../with-filter-button/with-filter-button.js";
-function Tr({
+function jr({
   toCopy: u,
   children: d,
   onCopySuccess: f,
@@ -240,5 +239,5 @@ function Tr({
   return a ? /* @__PURE__ */ t(T, { placement: "top", triangle: !0, title: c(), children: a }) : c();
 }
 export {
-  Tr as WithCopy
+  jr as WithCopy
 };

package/dist/esm/components/with-filter-button/with-filter-button.js

@@ -5,7 +5,6 @@ import { FilterButton as F } from "../buttons/filter-button/filter-button.js";
 import "@gearbox-protocol/sdk";
 import { cn as g } from "../../utils/cn.js";
 import "sonner";
-import "@gearbox-protocol/sdk/common-utils";
 import "luxon";
 import "../../utils/z-index.js";
 const j = z.forwardRef(

package/dist/esm/components/with-title/with-title.js

@@ -1,13 +1,12 @@
-import { jsxs as p, jsx as i } from "react/jsx-runtime";
-import { cva as x } from "class-variance-authority";
+import { jsxs as x, jsx as i } from "react/jsx-runtime";
+import { cva as a } from "class-variance-authority";
 import "react";
 import "@gearbox-protocol/sdk";
 import { cn as e } from "../../utils/cn.js";
 import "sonner";
-import "@gearbox-protocol/sdk/common-utils";
 import "luxon";
 import "../../utils/z-index.js";
-const a = x("", {
+const p = a("", {
   variants: {
     size: {
       sm: "text-[14px] mb-[14px]",
@@ -20,19 +19,19 @@ const a = x("", {
     size: "default"
   }
 });
-function g({
+function b({
   title: m,
   children: t,
   size: o = "default",
   className: r
 }) {
-  return /* @__PURE__ */ p("div", { className: e("flex flex-col"), children: [
+  return /* @__PURE__ */ x("div", { className: e("flex flex-col"), children: [
     /* @__PURE__ */ i(
       "div",
       {
         className: e(
           "text-foreground font-medium",
-          a({ size: o }),
+          p({ size: o }),
           r
         ),
         children: m
@@ -42,5 +41,5 @@ function g({
   ] });
 }
 export {
-  g as WithTitle
+  b as WithTitle
 };

package/dist/esm/hooks/use-debounce-call.js

@@ -1,11 +1,10 @@
 import "react";
-import { useDebounce as e } from "./use-debounce.js";
-import "@gearbox-protocol/sdk/common-utils";
+import { useDebounce as o } from "./use-debounce.js";
 import "@gearbox-protocol/sdk";
-const n = (o) => o();
-function m(o) {
-  return e(n, o);
+const n = (e) => e();
+function b(e) {
+  return o(n, e);
 }
 export {
-  m as useDebounceCall
+  b as useDebounceCall
 };

package/dist/esm/hooks/use-hf.js

@@ -1,43 +1,43 @@
-import { calcHealthFactor as p } from "@gearbox-protocol/sdk/common-utils";
-import { useMemo as E } from "react";
-function H({
-  assets: t,
+import { CreditAccountData_Legacy as l } from "@gearbox-protocol/sdk";
+import { useMemo as p } from "react";
+function _({
+  assets: e,
   quotas: c,
-  prices: f,
-  liquidationThresholds: n,
-  underlyingToken: u,
-  debt: e,
+  prices: n,
+  liquidationThresholds: u,
+  underlyingToken: f,
+  debt: t,
   quotasInfo: o,
   allowZeroDebt: m = !1,
-  tokensList: l
+  tokensList: a
 }) {
-  return { hf: E(() => {
+  return { hf: p(() => {
     try {
-      return e === 0n && !m ? 0 : p({
-        assets: t,
+      return t === 0n && !m ? 0 : l.calcHealthFactor({
+        assets: e,
         quotas: c,
-        prices: f,
-        liquidationThresholds: n,
-        underlyingToken: u,
-        debt: e,
+        prices: n,
+        liquidationThresholds: u,
+        underlyingToken: f,
+        debt: t,
         quotasInfo: o,
-        tokensList: l
+        tokensList: a
       });
     } catch (r) {
       return typeof r == "object" && r !== null && "reason" in r && r.reason === "overflow" ? Number.MAX_SAFE_INTEGER : 0;
     }
   }, [
-    t,
+    e,
     c,
-    f,
     n,
     u,
-    e,
+    f,
+    t,
     o,
     m,
-    l
+    a
   ]) };
 }
 export {
-  H as useHF
+  _ as useHF
 };

package/dist/esm/hooks/use-liquidation/index.js

@@ -1,50 +1,49 @@
-import { toBN as v, PRICE_DECIMALS_POW as R } from "@gearbox-protocol/sdk";
-import { calcHealthFactor as U } from "@gearbox-protocol/sdk/common-utils";
-import { useMemo as G, useState as F, useCallback as Y } from "react";
-import { useFixedAssets as g, usePriceInNumber as S, useAxis as X, DEFAULT_AXIS_MAX as x } from "./utils.js";
-import { CELL_BAD as Z, CELL_CURRENT as $, CELL_GOOD as b, CELL_HOVERED as j, CELL_LIQUIDATION as M, CELL_OK as tt, DEFAULT_AXIS_MIN as et, formatAxisLabel as rt, formatAxisTipLabel as it, formatAxisTipPrice as st, getCellClass as nt, isPointInCell as ct, useIsAxisInRelativeUnits as ot, useLiquidationGraphActivePrice as at, useLiquidationGraphCurrentActiveValue as ut, useWithLiquidationGraphActivePrices as pt } from "./utils.js";
-const L = 35;
-function K({
+import { toBN as v, PRICE_DECIMALS_POW as R, CreditAccountData_Legacy as U } from "@gearbox-protocol/sdk";
+import { useMemo as G, useState as g, useCallback as F } from "react";
+import { useFixedAssets as Y, usePriceInNumber as S, useAxis as X, DEFAULT_AXIS_MAX as x } from "./utils.js";
+import { CELL_BAD as J, CELL_CURRENT as Z, CELL_GOOD as $, CELL_HOVERED as b, CELL_LIQUIDATION as j, CELL_OK as M, DEFAULT_AXIS_MIN as tt, formatAxisLabel as et, formatAxisTipLabel as rt, formatAxisTipPrice as it, getCellClass as nt, isPointInCell as st, useIsAxisInRelativeUnits as ct, useLiquidationGraphActivePrice as ot, useLiquidationGraphCurrentActiveValue as at, useWithLiquidationGraphActivePrices as ut } from "./utils.js";
+const m = 35;
+function W({
   xMin: t,
   xMax: e,
   yMin: r,
   yMax: c,
   xLabel: i,
-  yLabel: s,
-  assets: n,
+  yLabel: n,
+  assets: s,
   quotas: o,
   prices: u,
   liquidationThresholds: a,
-  quotasInfo: p,
-  underlyingTokenAddress: m,
-  debt: A,
+  quotasInfo: A,
+  underlyingTokenAddress: p,
+  debt: E,
   tokensList: l
 }) {
   return G(() => {
-    const N = e - t, T = c - r, P = N / L, d = T / L, f = Array.from(Array(L)), E = { ...u };
-    return f.flatMap((B, C) => {
-      const _ = t + C * P, I = t + (C + 1) * P;
-      return i && (E[i.address] = v(
-        String((_ + I) / 2),
+    const N = e - t, T = c - r, d = N / m, C = T / m, P = Array.from(Array(m)), L = { ...u };
+    return P.flatMap((B, _) => {
+      const f = t + _ * d, I = t + (_ + 1) * d;
+      return i && (L[i.address] = v(
+        String((f + I) / 2),
         R
-      )), f.map((H, D) => {
-        const O = r + D * d, h = r + (D + 1) * d;
-        return s && (E[s.address] = v(
+      )), P.map((H, D) => {
+        const O = r + D * C, h = r + (D + 1) * C;
+        return n && (L[n.address] = v(
           String((O + h) / 2),
           R
         )), {
-          x: _,
+          x: f,
           xEnd: I,
           y: O,
           yEnd: h,
-          value: U({
-            assets: n,
+          value: U.calcHealthFactor({
+            assets: s,
             quotas: o,
-            prices: E,
+            prices: L,
             liquidationThresholds: a,
-            underlyingToken: m,
-            debt: A,
-            quotasInfo: p,
+            underlyingToken: p,
+            debt: E,
+            quotasInfo: A,
             tokensList: l
           })
         };
@@ -56,83 +55,83 @@ function K({
     r,
     c,
     i,
-    s,
     n,
+    s,
     o,
     u,
     a,
-    m,
-    A,
     p,
+    E,
+    A,
     l
   ]);
 }
-function Q({ prices: t }) {
-  const [e, r] = F({}), c = G(
+function K({ prices: t }) {
+  const [e, r] = g({}), c = G(
     () => ({ ...t, ...e }),
     [t, e]
-  ), i = Y(
-    (s, n) => {
-      r({ ...e, [n]: s });
+  ), i = F(
+    (n, s) => {
+      r({ ...e, [s]: n });
     },
     [e]
   );
   return [c, i];
 }
-function w({
+function Q({
   assets: t,
   liquidationThresholds: e,
   quotas: r,
   quotasInfo: c,
   tokensList: i,
-  prices: s
+  prices: n
 }) {
-  const [n] = g({
+  const [s] = Y({
     assets: t,
     liquidationThresholds: e,
     quotas: r,
     quotasInfo: c
   }), [o, u] = S({
-    asset: n[0],
+    asset: s[0],
     tokensList: i,
-    prices: s
-  }), [a, p] = S({
-    asset: n[1],
+    prices: n
+  }), [a, A] = S({
+    asset: s[1],
     tokensList: i,
-    prices: s
-  }), m = X({ currentPrice: o, token: u }), A = X({ currentPrice: a, token: p });
+    prices: n
+  }), p = X({ currentPrice: o, token: u }), E = X({ currentPrice: a, token: A });
   return {
-    xAxis: m,
-    yAxis: A,
+    xAxis: p,
+    yAxis: E,
     currentPoint: [
       o || x / 2,
       a || x / 2
     ],
-    fixedBalances: n
+    fixedBalances: s
   };
 }
 export {
-  Z as CELL_BAD,
-  $ as CELL_CURRENT,
-  b as CELL_GOOD,
-  j as CELL_HOVERED,
-  M as CELL_LIQUIDATION,
-  tt as CELL_OK,
+  J as CELL_BAD,
+  Z as CELL_CURRENT,
+  $ as CELL_GOOD,
+  b as CELL_HOVERED,
+  j as CELL_LIQUIDATION,
+  M as CELL_OK,
   x as DEFAULT_AXIS_MAX,
-  et as DEFAULT_AXIS_MIN,
-  rt as formatAxisLabel,
-  it as formatAxisTipLabel,
-  st as formatAxisTipPrice,
+  tt as DEFAULT_AXIS_MIN,
+  et as formatAxisLabel,
+  rt as formatAxisTipLabel,
+  it as formatAxisTipPrice,
   nt as getCellClass,
-  ct as isPointInCell,
+  st as isPointInCell,
   X as useAxis,
-  Q as useEditPriceManually,
-  g as useFixedAssets,
-  ot as useIsAxisInRelativeUnits,
-  at as useLiquidationGraphActivePrice,
-  ut as useLiquidationGraphCurrentActiveValue,
-  w as useLiquidationGraphParams,
-  K as useLiquidationHeatmap,
+  K as useEditPriceManually,
+  Y as useFixedAssets,
+  ct as useIsAxisInRelativeUnits,
+  ot as useLiquidationGraphActivePrice,
+  at as useLiquidationGraphCurrentActiveValue,
+  Q as useLiquidationGraphParams,
+  W as useLiquidationHeatmap,
   S as usePriceInNumber,
-  pt as useWithLiquidationGraphActivePrices
+  ut as useWithLiquidationGraphActivePrices
 };

package/dist/esm/utils/format-money.js

@@ -1,5 +1,4 @@
-import { formatBN as M, WAD_DECIMALS_POW as $, PERCENTAGE_FACTOR as A } from "@gearbox-protocol/sdk";
-import { BigIntMath as g } from "@gearbox-protocol/sdk/common-utils";
+import { BigIntMath as M, formatBN as $, WAD_DECIMALS_POW as A, PERCENTAGE_FACTOR as g } from "@gearbox-protocol/sdk";
 import "react";
 import { bnToInputView as h } from "./bn-to-input-view.js";
 import "clsx";
@@ -12,21 +11,21 @@ const _ = 10000000000000000n;
 function F(t) {
   return BigInt(t.toFixed(18).replace(".", ""));
 }
-function U(t, r) {
-  const n = typeof t == "number" && t < 0 || typeof t == "bigint" && t < 0n ? "-" : "", s = typeof t == "number" ? F(Math.abs(t)) : g.abs(t), u = s < _ && s > 0n, f = u ? "0.01" : M(s, $, r), o = `${n}$${f}`;
+function H(t, r) {
+  const n = typeof t == "number" && t < 0 || typeof t == "bigint" && t < 0n ? "-" : "", s = typeof t == "number" ? F(Math.abs(t)) : M.abs(t), u = s < _ && s > 0n, f = u ? "0.01" : $(s, A, r), o = `${n}$${f}`;
   return u ? `< ${o}` : o;
 }
 const O = 1e4;
-function l(t, r, i = !0) {
+function p(t, r, i = !0) {
   const n = typeof t == "number" ? t : Number(t);
   return Number.isNaN(n) || n === void 0 || n === null ? "0" : n === 0 ? 0 : i && n > O ? n.toExponential(r) : n.toFixed(r);
 }
-function V(t, r = 2) {
-  return `${l(t, r)}%`;
+function U(t, r = 2) {
+  return `${p(t, r)}%`;
 }
-function W(t, r = 2) {
-  const i = Number(t) / Number(A);
-  return `${l(i, r)}%`;
+function V(t, r = 2) {
+  const i = Number(t) / Number(g);
+  return `${p(i, r)}%`;
 }
 const c = {
   minimumFractionDigits: 2,
@@ -36,7 +35,7 @@ const c = {
   minExponentialThreshold: 1e-4,
   maxExponentialThreshold: 1e6,
   locale: "en-US"
-}, X = ({
+}, W = ({
   amount: t,
   format: r = "full",
   maximumFractionDigits: i = c.maximumFractionDigits,
@@ -49,8 +48,8 @@ const c = {
 }) => {
   const m = typeof t == "bigint" ? Number(h(t, 8)) : t, e = Math.abs(m);
   if (r === "short") {
-    const T = m < 0 ? "-" : "", a = (p, d) => {
-      const b = p >= 100 ? 0 : i, E = p.toFixed(b).replace(/(\.\d*?)0+$/, "$1").replace(/\.$/, "");
+    const T = m < 0 ? "-" : "", a = (l, d) => {
+      const b = l >= 100 ? 0 : i, E = l.toFixed(b).replace(/(\.\d*?)0+$/, "$1").replace(/\.$/, "");
       return `${T}${E}${d}`;
     };
     if (e >= 1e9 && e <= o)
@@ -69,9 +68,9 @@ const c = {
 };
 export {
   c as DEFAULT_FORMAT_MONEY_CONSTANTS,
-  U as formatMoney,
-  X as formatMoneyAmount,
-  l as formatPercentAmount,
-  V as percentTemplate,
-  W as percentageTemplate
+  H as formatMoney,
+  W as formatMoneyAmount,
+  p as formatPercentAmount,
+  U as percentTemplate,
+  V as percentageTemplate
 };

package/dist/esm/utils/templates.js

@@ -1,27 +1,26 @@
 import { jsx as f, Fragment as u } from "react/jsx-runtime";
-import { formatBN as a, toBigInt as g } from "@gearbox-protocol/sdk";
-import { BigIntMath as d } from "@gearbox-protocol/sdk/common-utils";
-import { percentTemplate as p } from "./format-money.js";
-function x(o, t = 2) {
-  return /* @__PURE__ */ f(u, { children: p(o, t) });
+import { formatBN as m, toBigInt as g, BigIntMath as d } from "@gearbox-protocol/sdk";
+import { percentTemplate as $ } from "./format-money.js";
+function B(o, t = 2) {
+  return /* @__PURE__ */ f(u, { children: $(o, t) });
 }
-function $(o, t, s, e = " ", r) {
+function p(o, t, s, e = " ", r) {
   const { decimals: n = 18 } = t || {};
-  let i = a(o, n, s);
-  const m = t?.title || t?.symbol || "undefined";
+  let i = m(o, n, s);
+  const c = t?.title || t?.symbol || "undefined";
   if (r !== void 0 && i !== "-") {
-    const l = e.length + m.length, c = r - l;
-    c > 0 && i.length > c && (i = i.slice(0, c));
+    const l = e.length + c.length, a = r - l;
+    a > 0 && i.length > a && (i = i.slice(0, a));
   }
-  return i === "-" ? i : `${i}${e}${m}`;
+  return i === "-" ? i : `${i}${e}${c}`;
 }
-function v(o, t, s = 2) {
+function x(o, t, s = 2) {
   if (o === void 0) return "-";
   const e = o.toFixed(s), r = Math.abs(Number(e)) > 0 ? "" : "< ", n = r ? `${e.slice(0, e.length - 1)}1` : e;
   return `${r}${n} ${t?.title}`;
 }
-function k(o, t, s, e) {
-  const r = g(o || 0), n = $(
+function v(o, t, s, e) {
+  const r = g(o || 0), n = p(
     d.abs(r),
     t,
     s,
@@ -29,14 +28,14 @@ function k(o, t, s, e) {
   );
   return n === "-" ? n : `${r < 0 ? "-" : ""}${n}`;
 }
-function P(o, t, s, e = " ") {
-  const { decimals: r = 18 } = t || {}, n = a(o, r, s), i = t?.title || t?.symbol || "undefined";
+function k(o, t, s, e = " ") {
+  const { decimals: r = 18 } = t || {}, n = m(o, r, s), i = t?.title || t?.symbol || "undefined";
   return n === "-" ? n : `${n}${e}${i}`;
 }
 export {
-  k as negativeTokenTemplate,
-  x as percentageTemplate,
-  $ as tokenTemplate,
-  v as tokenTemplateNumber,
-  P as tokenTemplateString
+  v as negativeTokenTemplate,
+  B as percentageTemplate,
+  p as tokenTemplate,
+  x as tokenTemplateNumber,
+  k as tokenTemplateString
 };