@gearbox-protocol/ui-kit 3.10.4 → 3.11.0

package/dist/esm/components/composites/oracles-and-lt-table/oracles-and-lt-table.js

@@ -0,0 +1,42 @@
+import { jsxs as a, jsx as r } from "react/jsx-runtime";
+import "react";
+import "@gearbox-protocol/sdk/common-utils";
+import "@gearbox-protocol/sdk";
+import { useIsMobile as n } from "../../../hooks/use-media-query.js";
+import { GridTable as m, GridTableHeader as p, GridTableBody as d } from "../../table/grid-table.js";
+import { OraclesAndLTLineView as c } from "./oracles-and-lt-line-view.js";
+import { OraclesAndLTTableHead as f } from "./oracles-and-lt-table-head.js";
+function A({
+  sdk: l,
+  explorerInfo: s,
+  rows: o
+}) {
+  const i = n();
+  return /* @__PURE__ */ a(
+    m,
+    {
+      cols: i ? "1fr" : "188px 1fr 66px",
+      gap: 0,
+      size: "sm",
+      wrapperClassName: "overflow-visible",
+      children: [
+        !i && /* @__PURE__ */ r(p, { children: /* @__PURE__ */ r(f, {}) }),
+        /* @__PURE__ */ r(d, { children: o.map((e, t) => /* @__PURE__ */ r(
+          c,
+          {
+            sdk: l,
+            explorerInfo: s,
+            token: e.token,
+            pool: e.pool,
+            lt: e.lt,
+            last: t === o.length - 1
+          },
+          ["token", e.token?.address].join("-")
+        )) })
+      ]
+    }
+  );
+}
+export {
+  A as OraclesAndLTTableView
+};

package/dist/esm/components/composites/oracles-and-lt-table/oracles-list.js

@@ -0,0 +1,169 @@
+import { jsxs as E, jsx as t } from "react/jsx-runtime";
+import { faChevronRight as p } from "@fortawesome/free-solid-svg-icons";
+import { FaIcon as l } from "../../icons/fa-icon.js";
+import { OracleComponent as c } from "./oracle-component.js";
+function m({ info: n, explorerInfo: a }) {
+  const s = n.underlying && n.underlying.length > 0;
+  return /* @__PURE__ */ E("div", { className: "flex items-center gap-2 flex-col-auto", children: [
+    /* @__PURE__ */ t(c, { info: n, explorerInfo: a }),
+    s && /* @__PURE__ */ t(
+      l,
+      {
+        icon: p,
+        className: "text-gray-50",
+        style: { width: "10px", height: "10px" }
+      }
+    ),
+    s && /* @__PURE__ */ t("div", { className: "grid gap-2", children: n.underlying?.map((r, e) => /* @__PURE__ */ t(
+      "div",
+      {
+        className: "flex-col-auto",
+        children: /* @__PURE__ */ t(m, { info: r, explorerInfo: a })
+      },
+      [
+        "underlying",
+        r.address,
+        r.name,
+        r.type,
+        r.address
+      ].join("-")
+    )) })
+  ] });
+}
+function d({
+  pfRef: n
+}) {
+  const a = n.priceFeed, s = a.underlyingPriceFeeds, r = a.priceFeedType;
+  switch (r) {
+    case "PRICE_FEED::EXTERNAL":
+      return {
+        type: r,
+        name: "External Oracle",
+        address: a.address,
+        underlying: s.map((e) => d({ pfRef: e }))
+      };
+    case "PRICE_FEED::ZERO":
+      return {
+        type: r,
+        name: "Zero Oracle",
+        address: a.address,
+        underlying: s.map((e) => d({ pfRef: e }))
+      };
+    case "PRICE_FEED::YEARN":
+      return {
+        type: r,
+        name: "Yearn Oracle",
+        address: a.address,
+        underlying: s.map((e) => d({ pfRef: e }))
+      };
+    case "PRICE_FEED::CURVE_CRYPTO":
+      return {
+        type: r,
+        name: "Curve Crypto LP Oracle",
+        address: a.address,
+        underlying: s.map((e) => d({ pfRef: e }))
+      };
+    case "PRICE_FEED::CURVE_STABLE":
+      return {
+        type: r,
+        name: "Curve Crypto Stable Oracle",
+        address: a.address,
+        underlying: s.map((e) => d({ pfRef: e }))
+      };
+    case "PRICE_FEED::CURVE_USD":
+      return {
+        type: r,
+        name: "Curve Crypto USD Oracle",
+        address: a.address,
+        underlying: s.map((e) => d({ pfRef: e }))
+      };
+    case "PRICE_FEED::WSTETH":
+      return {
+        type: r,
+        name: "wstETH Oracle",
+        address: a.address,
+        underlying: s.map((e) => d({ pfRef: e }))
+      };
+    case "PRICE_FEED::BALANCER_STABLE":
+      return {
+        type: r,
+        name: "Balancer Stable Oracle",
+        address: a.address,
+        underlying: s.map((e) => d({ pfRef: e }))
+      };
+    case "PRICE_FEED::BALANCER_WEIGHTED":
+      return {
+        type: r,
+        name: "Balancer Weighted Oracle",
+        address: a.address,
+        underlying: s.map((e) => d({ pfRef: e }))
+      };
+    case "PRICE_FEED::ERC4626":
+      return {
+        type: r,
+        name: "ERC4626 Vault Oracle",
+        address: a.address,
+        underlying: s.map((e) => d({ pfRef: e }))
+      };
+    case "PRICE_FEED::MELLOW_LRT":
+      return {
+        type: r,
+        name: "Mellow LRT Oracle",
+        address: a.address,
+        underlying: s.map((e) => d({ pfRef: e }))
+      };
+    case "PRICE_FEED::PENDLE_PT_TWAP":
+      return {
+        type: r,
+        name: "Pendle PT TWAP Oracle",
+        address: a.address,
+        underlying: s.map((e) => d({ pfRef: e }))
+      };
+    case "PRICE_FEED::PYTH":
+      return {
+        type: r,
+        name: "Pyth Oracle",
+        address: a.address,
+        underlying: s.map((e) => d({ pfRef: e }))
+      };
+    case "PRICE_FEED::REDSTONE":
+      return {
+        type: r,
+        name: "Redstone Oracle",
+        address: a.address,
+        underlying: s.map((e) => d({ pfRef: e }))
+      };
+    case "PRICE_FEED::BOUNDED":
+      return {
+        type: r,
+        name: "Bounded Oracle",
+        address: a.address,
+        underlying: s.map((e) => d({ pfRef: e }))
+      };
+    case "PRICE_FEED::COMPOSITE":
+      return {
+        type: r,
+        name: "Composite Oracle",
+        address: a.address,
+        underlying: s.map((e) => d({ pfRef: e }))
+      };
+    case "PRICE_FEED::CONSTANT":
+      return {
+        type: r,
+        name: "Constant Oracle",
+        address: a.address,
+        underlying: s.map((e) => d({ pfRef: e }))
+      };
+    default:
+      return {
+        type: r,
+        name: "UNKNOWN Oracle",
+        address: a.address,
+        underlying: s.map((e) => d({ pfRef: e }))
+      };
+  }
+}
+export {
+  m as OraclesList,
+  d as getPriceFeedInfo
+};

package/dist/esm/components/composites/oracles-and-lt-table/types.js

@@ -0,0 +1 @@
+

package/dist/esm/components/composites/pool-credit-manager-info/pool-credit-manager-info.js

@@ -4,13 +4,8 @@ import "react";
 import "@gearbox-protocol/sdk/common-utils";
 import { useIsMobile as N } from "../../../hooks/use-media-query.js";
 import { poolCreditManagerInfoTestIds as A } from "../../../test-ids/pool-credit-manager-info.js";
-import "clsx";
-import "tailwind-merge";
-import "sonner";
 import { percentageTemplate as s } from "../../../utils/format-money.js";
-import "luxon";
-import "../../../utils/z-index.js";
-import { CardGrid as p } from "../../card-grid/card-grid.js";
+import { CardGrid as f } from "../../card-grid/card-grid.js";
 import { CheckboxLabeled as P } from "../../checkbox/checkbox-labeled.js";
 import { ConfirmMenu as q } from "../../confirm-menu/confirm-menu.js";
 import { DialogModalContainer as F } from "../../dialog/dialog-modal-container.js";
@@ -22,15 +17,15 @@ import { FormattedMessageTyped as o } from "../../typed-intl/index.js";
 import { VSpace as d } from "../../vspace/vspace.js";
 import { WithCopy as j } from "../../with-copy/with-copy.js";
 import { overflowContainerClassName as B, overflowWrapClassName as G } from "./overflow-layout.js";
-function de({
+function re({
   creditManager: t,
-  tokensList: f,
+  tokensList: p,
   underlyingTable: u,
   onClose: a,
   hideZeroQuota: c,
   setHideZeroQuota: g
 }) {
-  const I = N(), i = f[t.underlyingToken], h = () => /* @__PURE__ */ e(
+  const I = N(), i = p[t.underlyingToken], h = () => /* @__PURE__ */ e(
     n,
     {
       title: /* @__PURE__ */ e(o, { messageId: "components.creditManagerInfo.info.title" }),
@@ -120,7 +115,7 @@ function de({
           /* @__PURE__ */ e(d, { height: 32 })
         ] }),
         /* @__PURE__ */ r(
-          p,
+          f,
           {
             gap: "sm",
             justifyItemContent: "start",
@@ -131,7 +126,7 @@ function de({
             children: [
               h(),
               /* @__PURE__ */ r(
-                p,
+                f,
                 {
                   gap: "sm",
                   justifyItemContent: "start",
@@ -183,5 +178,5 @@ function de({
   );
 }
 export {
-  de as PoolCreditManagerInfo
+  re as PoolCreditManagerInfo
 };

package/dist/esm/components/compound-apy/compound-apy.js

@@ -53,9 +53,10 @@ import "../with-title/with-title.js";
 import "../smart-number-input/balance-indicator.js";
 import "../smart-number-input/smart-number-input.js";
 import "../table/grid-table.js";
+import { getSymbolOrIcon as C } from "../token-symbol/token-symbol.js";
+import "../typography/typography.js";
 import "../help-tip/help-tip.js";
 import "../description/description.js";
-import { getSymbolOrIcon as C } from "../token-symbol/token-symbol.js";
 import "../confirm-menu/confirm-menu.js";
 import "../dialog/dialog-modal-container.js";
 import "../text-button/text-button.js";
@@ -159,7 +160,6 @@ import "../theme-provider.js";
 import "../time-to-liquidation/time-to-liquidation.js";
 import "../tip-card/tip-card.js";
 import "../toggle/toggle.js";
-import "../typography/typography.js";
 import "../vertical-list/vertical-list.js";
 import "../with-filter-button/with-filter-button.js";
 function G(i, p) {

package/dist/esm/components/detailed-page-title/detailed-page-title.js

@@ -49,9 +49,10 @@ import "../with-title/with-title.js";
 import "../smart-number-input/balance-indicator.js";
 import "../smart-number-input/smart-number-input.js";
 import "../table/grid-table.js";
+import { getSymbolOrIcon as P } from "../token-symbol/token-symbol.js";
+import "../typography/typography.js";
 import "../help-tip/help-tip.js";
 import "../description/description.js";
-import { getSymbolOrIcon as P } from "../token-symbol/token-symbol.js";
 import "../confirm-menu/confirm-menu.js";
 import "../dialog/dialog-modal-container.js";
 import "../text-button/text-button.js";
@@ -155,7 +156,6 @@ import "../theme-provider.js";
 import "../time-to-liquidation/time-to-liquidation.js";
 import "../tip-card/tip-card.js";
 import "../toggle/toggle.js";
-import "../typography/typography.js";
 import "../with-filter-button/with-filter-button.js";
 const b = g.forwardRef(function({
   title: p,