@gearbox-protocol/permissionless-ui 1.7.2 → 1.7.4

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

@@ -1,204 +0,0 @@
-"use strict";
-"use client";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var use_liquidation_exports = {};
-__export(use_liquidation_exports, {
-  CELL_BAD: () => import_utils2.CELL_BAD,
-  CELL_CURRENT: () => import_utils2.CELL_CURRENT,
-  CELL_GOOD: () => import_utils2.CELL_GOOD,
-  CELL_HOVERED: () => import_utils2.CELL_HOVERED,
-  CELL_LIQUIDATION: () => import_utils2.CELL_LIQUIDATION,
-  CELL_OK: () => import_utils2.CELL_OK,
-  DEFAULT_AXIS_MAX: () => import_utils2.DEFAULT_AXIS_MAX,
-  DEFAULT_AXIS_MIN: () => import_utils2.DEFAULT_AXIS_MIN,
-  formatAxisLabel: () => import_utils2.formatAxisLabel,
-  formatAxisTipLabel: () => import_utils2.formatAxisTipLabel,
-  formatAxisTipPrice: () => import_utils2.formatAxisTipPrice,
-  getCellClass: () => import_utils2.getCellClass,
-  isPointInCell: () => import_utils2.isPointInCell,
-  useAxis: () => import_utils2.useAxis,
-  useEditPriceManually: () => useEditPriceManually,
-  useFixedAssets: () => import_utils2.useFixedAssets,
-  useIsAxisInRelativeUnits: () => import_utils2.useIsAxisInRelativeUnits,
-  useLiquidationGraphActivePrice: () => import_utils2.useLiquidationGraphActivePrice,
-  useLiquidationGraphCurrentActiveValue: () => import_utils2.useLiquidationGraphCurrentActiveValue,
-  useLiquidationGraphParams: () => useLiquidationGraphParams,
-  useLiquidationHeatmap: () => useLiquidationHeatmap,
-  usePriceInNumber: () => import_utils2.usePriceInNumber,
-  useWithLiquidationGraphActivePrices: () => import_utils2.useWithLiquidationGraphActivePrices
-});
-module.exports = __toCommonJS(use_liquidation_exports);
-var import_sdk = require("@gearbox-protocol/sdk");
-var import_react = require("react");
-var import_utils = require('./utils.js');
-var import_utils2 = require('./utils.js');
-const RESOLUTION = 35;
-function useLiquidationHeatmap({
-  xMin,
-  xMax,
-  yMin,
-  yMax,
-  xLabel,
-  yLabel,
-  assets,
-  quotas,
-  prices,
-  liquidationThresholds,
-  quotasInfo,
-  underlyingTokenAddress,
-  debt,
-  tokensList
-}) {
-  const heatmap = (0, import_react.useMemo)(() => {
-    const intervalX = xMax - xMin;
-    const intervalY = yMax - yMin;
-    const stepX = intervalX / RESOLUTION;
-    const stepY = intervalY / RESOLUTION;
-    const GRID = Array.from(Array(RESOLUTION));
-    const pricesCopy = { ...prices };
-    return GRID.flatMap((_, i) => {
-      const x = xMin + i * stepX;
-      const xEnd = xMin + (i + 1) * stepX;
-      if (xLabel) {
-        pricesCopy[xLabel.address] = (0, import_sdk.toBN)(
-          String((x + xEnd) / 2),
-          import_sdk.PRICE_DECIMALS_POW
-        );
-      }
-      return GRID.map((__, j) => {
-        const y = yMin + j * stepY;
-        const yEnd = yMin + (j + 1) * stepY;
-        if (yLabel) {
-          pricesCopy[yLabel.address] = (0, import_sdk.toBN)(
-            String((y + yEnd) / 2),
-            import_sdk.PRICE_DECIMALS_POW
-          );
-        }
-        return {
-          x,
-          xEnd,
-          y,
-          yEnd,
-          value: import_sdk.CreditAccountData_Legacy.calcHealthFactor({
-            assets,
-            quotas,
-            prices: pricesCopy,
-            liquidationThresholds,
-            underlyingToken: underlyingTokenAddress,
-            debt,
-            quotasInfo,
-            tokensList
-          })
-        };
-      });
-    });
-  }, [
-    xMin,
-    xMax,
-    yMin,
-    yMax,
-    xLabel,
-    yLabel,
-    assets,
-    quotas,
-    prices,
-    liquidationThresholds,
-    underlyingTokenAddress,
-    debt,
-    quotasInfo,
-    tokensList
-  ]);
-  return heatmap;
-}
-function useEditPriceManually({ prices }) {
-  const [editedPrices, setEditedPrices] = (0, import_react.useState)({});
-  const allPrices = (0, import_react.useMemo)(
-    () => ({ ...prices, ...editedPrices }),
-    [prices, editedPrices]
-  );
-  const handleEditPrice = (0, import_react.useCallback)(
-    (newPrice, token) => {
-      setEditedPrices({ ...editedPrices, [token]: newPrice });
-    },
-    [editedPrices]
-  );
-  return [allPrices, handleEditPrice];
-}
-function useLiquidationGraphParams({
-  assets,
-  liquidationThresholds,
-  quotas,
-  quotasInfo,
-  tokensList,
-  prices
-}) {
-  const [fixedBalances] = (0, import_utils.useFixedAssets)({
-    assets,
-    liquidationThresholds,
-    quotas,
-    quotasInfo
-  });
-  const [priceX, tokenX] = (0, import_utils.usePriceInNumber)({
-    asset: fixedBalances[0],
-    tokensList,
-    prices
-  });
-  const [priceY, tokenY] = (0, import_utils.usePriceInNumber)({
-    asset: fixedBalances[1],
-    tokensList,
-    prices
-  });
-  const xAxis = (0, import_utils.useAxis)({ currentPrice: priceX, token: tokenX });
-  const yAxis = (0, import_utils.useAxis)({ currentPrice: priceY, token: tokenY });
-  return {
-    xAxis,
-    yAxis,
-    currentPoint: [
-      priceX || import_utils.DEFAULT_AXIS_MAX / 2,
-      priceY || import_utils.DEFAULT_AXIS_MAX / 2
-    ],
-    fixedBalances
-  };
-}
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  CELL_BAD,
-  CELL_CURRENT,
-  CELL_GOOD,
-  CELL_HOVERED,
-  CELL_LIQUIDATION,
-  CELL_OK,
-  DEFAULT_AXIS_MAX,
-  DEFAULT_AXIS_MIN,
-  formatAxisLabel,
-  formatAxisTipLabel,
-  formatAxisTipPrice,
-  getCellClass,
-  isPointInCell,
-  useAxis,
-  useEditPriceManually,
-  useFixedAssets,
-  useIsAxisInRelativeUnits,
-  useLiquidationGraphActivePrice,
-  useLiquidationGraphCurrentActiveValue,
-  useLiquidationGraphParams,
-  useLiquidationHeatmap,
-  usePriceInNumber,
-  useWithLiquidationGraphActivePrices
-});

package/dist/cjs/hooks/use-liquidation/types.js

@@ -1,16 +0,0 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var types_exports = {};
-module.exports = __toCommonJS(types_exports);

package/dist/cjs/hooks/use-liquidation/utils.js

@@ -1,253 +0,0 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var utils_exports = {};
-__export(utils_exports, {
-  CELL_BAD: () => CELL_BAD,
-  CELL_CURRENT: () => CELL_CURRENT,
-  CELL_GOOD: () => CELL_GOOD,
-  CELL_HOVERED: () => CELL_HOVERED,
-  CELL_LIQUIDATION: () => CELL_LIQUIDATION,
-  CELL_OK: () => CELL_OK,
-  DEFAULT_AXIS_MAX: () => DEFAULT_AXIS_MAX,
-  DEFAULT_AXIS_MIN: () => DEFAULT_AXIS_MIN,
-  formatAxisLabel: () => formatAxisLabel,
-  formatAxisTipLabel: () => formatAxisTipLabel,
-  formatAxisTipPrice: () => formatAxisTipPrice,
-  getCellClass: () => getCellClass,
-  isPointInCell: () => isPointInCell,
-  useAxis: () => useAxis,
-  useFixedAssets: () => useFixedAssets,
-  useIsAxisInRelativeUnits: () => useIsAxisInRelativeUnits,
-  useLiquidationGraphActivePrice: () => useLiquidationGraphActivePrice,
-  useLiquidationGraphCurrentActiveValue: () => useLiquidationGraphCurrentActiveValue,
-  usePriceInNumber: () => usePriceInNumber,
-  useWithLiquidationGraphActivePrices: () => useWithLiquidationGraphActivePrices
-});
-module.exports = __toCommonJS(utils_exports);
-var import_sdk = require("@gearbox-protocol/sdk");
-var import_react = require("react");
-var import_bn_to_input_view = require('../../utils/bn-to-input-view.js');
-const CELL_HOVERED = "rct-chart__heatmap-cell--hovered";
-const CELL_CURRENT = "rct-chart__heatmap-cell--current";
-const CELL_GOOD = "rct-chart__heatmap-cell--good";
-const CELL_OK = "rct-chart__heatmap-cell--ok";
-const CELL_BAD = "rct-chart__heatmap-cell--bad";
-const CELL_LIQUIDATION = "rct-chart__heatmap-cell--liquidation";
-const DEFAULT_AXIS_MIN = 0;
-const DEFAULT_AXIS_MAX = 1;
-function useAxis({
-  token,
-  currentPrice
-}) {
-  const [order, setOrder] = (0, import_react.useState)("straight");
-  const nextOrder = (0, import_react.useCallback)(() => {
-    setOrder(order === "straight" ? "reverse" : "straight");
-  }, [order]);
-  const boundaries = (0, import_react.useMemo)(() => {
-    return currentPrice !== void 0 ? {
-      min: 0,
-      max: currentPrice * 1.5,
-      minHf: Number(import_sdk.PERCENTAGE_FACTOR)
-    } : void 0;
-  }, [currentPrice]);
-  const r = (0, import_react.useMemo)(() => {
-    return boundaries !== void 0 && token !== void 0 ? {
-      ...boundaries,
-      label: token,
-      nextOrder,
-      order
-    } : void 0;
-  }, [boundaries, token, nextOrder, order]);
-  return r;
-}
-function useFixedAssets({
-  assets,
-  liquidationThresholds,
-  quotas,
-  quotasInfo,
-  at = 0,
-  length = 2
-}) {
-  const b = (0, import_react.useMemo)(() => {
-    const copy = [...assets].filter((a) => {
-      const lt = liquidationThresholds[a.token] || 0n;
-      const qInfo = quotasInfo[a.token];
-      const qBalance = quotas[a.token]?.balance || 0n;
-      if (!qInfo) return lt > 0;
-      if (!qInfo.isActive) return false;
-      return lt > 0 && qBalance > 0;
-    });
-    const fixed = copy.splice(at, length);
-    return [fixed, copy];
-  }, [assets, liquidationThresholds, quotas, quotasInfo, at, length]);
-  return b;
-}
-const EMPTY_ADDRESS = "0x0000000000000000000000000000000000000000";
-function usePriceInNumber({
-  asset,
-  tokensList,
-  prices
-}) {
-  const r = (0, import_react.useMemo)(() => {
-    const price = prices[asset?.token || EMPTY_ADDRESS];
-    const token = tokensList[asset?.token || EMPTY_ADDRESS];
-    const priceNum = price ? Number((0, import_bn_to_input_view.bnToInputView)(price, 8)) : void 0;
-    return [priceNum, token];
-  }, [asset, tokensList, prices]);
-  return r;
-}
-function useIsAxisInRelativeUnits(axis, underlying) {
-  const r = (0, import_react.useMemo)(() => {
-    return !!axis && !!underlying && axis.address !== underlying.address;
-  }, [axis, underlying]);
-  return r;
-}
-const DECIMALS = 2;
-const MIN_NON_EXP = 1 / 10 ** DECIMALS;
-const MAX_SMALL_DECIMALS = 6;
-function formatAxisTipPrice(v) {
-  if (!Number.isFinite(v)) return "\u221E";
-  if (v < MIN_NON_EXP && v !== 0) {
-    const formatted = v.toFixed(MAX_SMALL_DECIMALS);
-    return formatted.replace(/\.?0+$/, "");
-  }
-  if (v > 1) return (0, import_sdk.formatBN)((0, import_sdk.toBN)(v.toString(), DECIMALS), DECIMALS);
-  return v.toFixed(DECIMALS);
-}
-function formatAxisTipLabel(token, underlyingToken, order) {
-  const [t, u] = order === "straight" ? [token, underlyingToken] : [underlyingToken, token];
-  if (!token) return "";
-  return [
-    ...t ? [t.title] : [],
-    ...u && t && u.address !== t.address ? [u.title] : []
-  ].join("/");
-}
-function formatAxisLabel(underlyingPrice, isRelative, order = "straight") {
-  return (l = 0) => isRelative && underlyingPrice ? formatAxisTipPrice(
-    order === "straight" ? priceInPercent(l, underlyingPrice) : priceInPercent(underlyingPrice, l)
-  ) : `$${(0, import_sdk.formatBN)(
-    (0, import_sdk.toBN)(String(l), import_sdk.PRICE_DECIMALS_POW),
-    import_sdk.PRICE_DECIMALS_POW,
-    1
-  )}`;
-}
-function priceInPercent(price, base) {
-  const p = typeof price === "bigint" ? Number((0, import_bn_to_input_view.bnToInputView)(price, import_sdk.PRICE_DECIMALS_POW)) : price;
-  const b = typeof base === "bigint" ? Number((0, import_bn_to_input_view.bnToInputView)(base, import_sdk.PRICE_DECIMALS_POW)) : base;
-  return p / b;
-}
-function useLiquidationGraphActivePrice(activePoint, underlyingPrice, isRelative, order = "straight") {
-  const activePrice = (0, import_react.useMemo)(() => {
-    return underlyingPrice && isRelative ? order === "straight" ? priceInPercent(activePoint, underlyingPrice) : priceInPercent(underlyingPrice, activePoint) : activePoint;
-  }, [activePoint, underlyingPrice, order, isRelative]);
-  return activePrice;
-}
-function useLiquidationGraphCurrentActiveValue() {
-  const [activePoint, setActiveX] = (0, import_react.useState)(null);
-  const handleMouseMove = ({
-    xValue,
-    yValue
-  }) => {
-    setActiveX([
-      xValue === null ? void 0 : xValue,
-      yValue === null ? void 0 : yValue
-    ]);
-  };
-  const handleMouseLeave = () => {
-    setActiveX(null);
-  };
-  return {
-    activePoint,
-    handleMouseMove,
-    handleMouseLeave
-  };
-}
-function useWithLiquidationGraphActivePrices({
-  xLabel,
-  yLabel,
-  activePoint,
-  prices
-}) {
-  const [activePointX, activePointY] = activePoint || [];
-  const r = (0, import_react.useMemo)(() => {
-    return {
-      ...prices,
-      ...xLabel && activePointX ? { [xLabel.address]: (0, import_sdk.toBN)(String(activePointX), import_sdk.PRICE_DECIMALS_POW) } : {},
-      ...yLabel && activePointY ? { [yLabel.address]: (0, import_sdk.toBN)(String(activePointY), import_sdk.PRICE_DECIMALS_POW) } : {}
-    };
-  }, [prices, xLabel, yLabel, activePointX, activePointY]);
-  return r;
-}
-function isPointInCell(p, c) {
-  return p[0] >= c.x && p[0] <= c.xEnd && p[1] >= c.y && p[1] <= c.yEnd;
-}
-const GOOD_HF = 15e3;
-const BAD_HF = 11e3;
-const CRITICAL_HF = 10500;
-function getHFZones(hf) {
-  if (hf >= GOOD_HF) return "good";
-  if (hf > BAD_HF) return "medium";
-  if (hf > CRITICAL_HF) return "bad";
-  if (hf > import_sdk.PERCENTAGE_FACTOR) return "critical";
-  return "liquidation";
-}
-function getCellClass(p, currentPoint, activePointX, activePointY) {
-  const classes = [];
-  const z = getHFZones(p.value);
-  const isCurrentCell = isPointInCell(currentPoint, p);
-  const isHoveredCell = activePointX !== void 0 && activePointY !== void 0 ? isPointInCell([activePointX, activePointY], p) : false;
-  if (isHoveredCell) {
-    classes.push(CELL_HOVERED);
-  }
-  if (isCurrentCell) {
-    classes.push(CELL_CURRENT);
-  } else if (z === "good") {
-    classes.push(CELL_GOOD);
-  } else if (z === "medium") {
-    classes.push(CELL_OK);
-  } else if (z === "bad" || z === "critical") {
-    classes.push(CELL_BAD);
-  } else {
-    classes.push(CELL_LIQUIDATION);
-  }
-  return classes.join(" ");
-}
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  CELL_BAD,
-  CELL_CURRENT,
-  CELL_GOOD,
-  CELL_HOVERED,
-  CELL_LIQUIDATION,
-  CELL_OK,
-  DEFAULT_AXIS_MAX,
-  DEFAULT_AXIS_MIN,
-  formatAxisLabel,
-  formatAxisTipLabel,
-  formatAxisTipPrice,
-  getCellClass,
-  isPointInCell,
-  useAxis,
-  useFixedAssets,
-  useIsAxisInRelativeUnits,
-  useLiquidationGraphActivePrice,
-  useLiquidationGraphCurrentActiveValue,
-  usePriceInNumber,
-  useWithLiquidationGraphActivePrices
-});

package/dist/cjs/hooks/use-media-query.js

@@ -1,51 +0,0 @@
-"use strict";
-"use client";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var use_media_query_exports = {};
-__export(use_media_query_exports, {
-  useIsDesktop: () => useIsDesktop,
-  useIsMobile: () => useIsMobile,
-  useIsTablet: () => useIsTablet,
-  useMediaQuery: () => useMediaQuery
-});
-module.exports = __toCommonJS(use_media_query_exports);
-var import_react = require("react");
-function useMediaQuery(query) {
-  const [matches, setMatches] = (0, import_react.useState)(false);
-  (0, import_react.useEffect)(() => {
-    const media = window.matchMedia(query);
-    if (media.matches !== matches) {
-      setMatches(media.matches);
-    }
-    const listener = () => setMatches(media.matches);
-    media.addEventListener("change", listener);
-    return () => media.removeEventListener("change", listener);
-  }, [matches, query]);
-  return matches;
-}
-const useIsMobile = () => useMediaQuery("(max-width: 768px)");
-const useIsTablet = () => useMediaQuery("(min-width: 768px) and (max-width: 1024px)");
-const useIsDesktop = () => useMediaQuery("(min-width: 1024px)");
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  useIsDesktop,
-  useIsMobile,
-  useIsTablet,
-  useMediaQuery
-});

package/dist/cjs/hooks/use-previous.js

@@ -1,36 +0,0 @@
-"use strict";
-"use client";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var use_previous_exports = {};
-__export(use_previous_exports, {
-  usePrevious: () => usePrevious
-});
-module.exports = __toCommonJS(use_previous_exports);
-var import_react = require("react");
-function usePrevious(value) {
-  const ref = (0, import_react.useRef)(void 0);
-  (0, import_react.useEffect)(() => {
-    ref.current = value;
-  }, [value]);
-  return ref.current;
-}
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  usePrevious
-});