@gearbox-protocol/ui-kit 4.5.1 → 4.6.0

package/dist/esm/components/base/pool-apy-breakdown-card/pool-apy-breakdown-card.js

@@ -1,123 +1,127 @@
-import { jsxs as r, jsx as e, Fragment as u } from "react/jsx-runtime";
-import { ApyBreakdownBody as A, formatBreakdownRate as t, ApyBreakdownRow as p, periodMessageId as i, ApyBreakdownDivider as v, BREAKDOWN_DASH as w } from "../apy-breakdown-body/apy-breakdown-body.js";
+import { jsxs as a, jsx as e, Fragment as A } from "react/jsx-runtime";
+import { ApyBreakdownBody as v, formatBreakdownRate as t, ApyBreakdownRow as p, periodMessageId as i, RewardLinks as w, ApyBreakdownDivider as g, BREAKDOWN_DASH as f } from "../apy-breakdown-body/apy-breakdown-body.js";
 import { NoValue as d } from "../../no-value/no-value.js";
-import { PointsIcon as g } from "../../points-icon/points-icon.js";
-import { TokenIcon as B } from "../../token-icon/token-icon.js";
-import { FormattedMessageTyped as l } from "../../typed-intl/index.js";
-import { totalApyOf as I, tokenRewardsOf as f, pointProgramsOf as h } from "../../../utils/internal/apy-breakdown.js";
-import { PoolApyBreakdownCardTest as a } from "./constants.js";
-function D({
-  data: n,
-  period: s
+import { PointsIcon as B } from "../../points-icon/points-icon.js";
+import { TokenIcon as I } from "../../token-icon/token-icon.js";
+import { FormattedMessageTyped as r } from "../../typed-intl/index.js";
+import { totalApyOf as h, tokenRewardsOf as C, pointProgramsOf as b } from "../../../utils/internal/apy-breakdown.js";
+import { PoolApyBreakdownCardTest as s } from "./constants.js";
+function z({
+  data: o,
+  period: l,
+  hideRewardLinks: u = !1
 }) {
-  const m = n ? I(n) : void 0, c = n?.organicApy, y = n ? f(n) : [], k = n ? h(n) : [];
-  return /* @__PURE__ */ r(
-    A,
+  const m = o ? h(o) : void 0, c = o?.organicApy, y = o ? C(o) : [], k = o ? b(o) : [];
+  return /* @__PURE__ */ a(
+    v,
     {
-      testId: a.root,
+      testId: s.root,
       title: /* @__PURE__ */ e(
-        l,
+        r,
         {
           messageId: i(
-            s,
+            l,
             "components.poolApyBreakdownCard.title",
             "components.poolApyBreakdownCard.title7d"
           )
         }
       ),
-      chip: m == null ? /* @__PURE__ */ e(d, { reason: s }) : t(m, !0),
+      chip: m == null ? /* @__PURE__ */ e(d, { reason: l }) : t(m, !0),
       chipPositive: (m ?? 0) > 0,
-      chipTestId: a.net,
+      chipTestId: s.net,
       children: [
         /* @__PURE__ */ e(
           p,
           {
-            valueTestId: a.value,
+            valueTestId: s.value,
             label: /* @__PURE__ */ e(
-              l,
+              r,
               {
                 messageId: i(
-                  s,
+                  l,
                   "components.poolApyBreakdownCard.organicApy",
                   "components.poolApyBreakdownCard.organicApy7d"
                 )
               }
             ),
-            value: c == null ? /* @__PURE__ */ e(d, { reason: s }) : t(c)
+            value: c == null ? /* @__PURE__ */ e(d, { reason: l }) : t(c)
           }
         ),
-        y.length > 0 ? y.map((o) => /* @__PURE__ */ e(
+        y.length > 0 ? y.map((n) => /* @__PURE__ */ e(
           p,
           {
-            valueTestId: a.value,
-            label: /* @__PURE__ */ r("span", { className: "inline-flex items-center gap-1.5", children: [
-              /* @__PURE__ */ e("span", { children: /* @__PURE__ */ e(
-                l,
-                {
-                  messageId: i(
-                    s,
-                    "components.poolApyBreakdownCard.tokenIncentiveApy",
-                    "components.poolApyBreakdownCard.tokenIncentiveApy7d"
-                  ),
-                  values: { symbol: o.token.symbol }
-                }
-              ) }),
-              /* @__PURE__ */ e(
-                B,
-                {
-                  token: o.token,
-                  symbol: o.token.symbol,
-                  size: 16,
-                  className: "shrink-0"
-                }
-              )
+            valueTestId: s.value,
+            label: /* @__PURE__ */ a("span", { className: "flex flex-col gap-0.5", children: [
+              /* @__PURE__ */ a("span", { className: "inline-flex items-center gap-1.5", children: [
+                /* @__PURE__ */ e("span", { children: /* @__PURE__ */ e(
+                  r,
+                  {
+                    messageId: i(
+                      l,
+                      "components.poolApyBreakdownCard.tokenIncentiveApy",
+                      "components.poolApyBreakdownCard.tokenIncentiveApy7d"
+                    ),
+                    values: { symbol: n.token.symbol }
+                  }
+                ) }),
+                /* @__PURE__ */ e(
+                  I,
+                  {
+                    token: n.token,
+                    symbol: n.token.symbol,
+                    size: 16,
+                    className: "shrink-0"
+                  }
+                )
+              ] }),
+              u ? null : /* @__PURE__ */ e(w, { links: n.links })
             ] }),
-            value: t(o.supplyApr ?? 0)
+            value: t(n.supplyApr ?? 0)
           },
-          `incentive-${o.token.address}`
+          `incentive-${n.token.address}`
         )) : /* @__PURE__ */ e(
           p,
           {
-            valueTestId: a.value,
+            valueTestId: s.value,
             label: /* @__PURE__ */ e(
-              l,
+              r,
               {
                 messageId: i(
-                  s,
+                  l,
                   "components.poolApyBreakdownCard.incentiveApy",
                   "components.poolApyBreakdownCard.incentiveApy7d"
                 )
               }
             ),
-            value: n == null ? /* @__PURE__ */ e(d, { reason: s }) : t(0)
+            value: o == null ? /* @__PURE__ */ e(d, { reason: l }) : t(0)
           }
         ),
-        k.length > 0 ? /* @__PURE__ */ r(u, { children: [
-          /* @__PURE__ */ e(v, {}),
-          k.map((o) => /* @__PURE__ */ e(
+        k.length > 0 ? /* @__PURE__ */ a(A, { children: [
+          /* @__PURE__ */ e(g, {}),
+          k.map((n) => /* @__PURE__ */ e(
             p,
             {
-              valueTestId: a.points,
-              label: /* @__PURE__ */ r("span", { className: "inline-flex items-center gap-1.5", children: [
+              valueTestId: s.points,
+              label: /* @__PURE__ */ a("span", { className: "inline-flex items-center gap-1.5", children: [
                 /* @__PURE__ */ e("span", { children: /* @__PURE__ */ e(
-                  l,
+                  r,
                   {
                     messageId: "components.yieldBreakdown.programPoints",
-                    values: { name: o.name }
+                    values: { name: n.name }
                   }
                 ) }),
                 /* @__PURE__ */ e(
-                  g,
+                  B,
                   {
-                    reward: { name: o.name, type: o.id },
+                    reward: { name: n.name, type: n.id },
                     size: 16,
                     className: "shrink-0"
                   }
                 )
               ] }),
-              value: o.multiplier != null ? `${o.multiplier}×` : w
+              value: n.multiplier != null ? `${n.multiplier}×` : f
             },
-            o.id
+            n.id
           ))
         ] }) : null
       ]
@@ -125,6 +129,6 @@ function D({
   );
 }
 export {
-  D as PoolApyBreakdownCard,
-  a as PoolApyBreakdownCardTest
+  z as PoolApyBreakdownCard,
+  s as PoolApyBreakdownCardTest
 };

package/dist/esm/components/base/strategy-apy-breakdown-card/strategy-apy-breakdown-card.js

@@ -1,129 +1,133 @@
-import { jsxs as w, jsx as e, Fragment as $ } from "react/jsx-runtime";
-import { calcNetStrategyApy as M, calcEffectiveBorrowApy as q } from "@gearbox-protocol/sdk/onchain";
-import { breakdownRateValue as P, ApyBreakdownBody as O, formatBreakdownRate as m, ApyBreakdownRow as b, periodMessageId as k, ApyBreakdownDivider as S, BREAKDOWN_DASH as E } from "../apy-breakdown-body/apy-breakdown-body.js";
-import { NoValue as g } from "../../no-value/no-value.js";
-import { PointsIcon as j } from "../../points-icon/points-icon.js";
-import { TokenIcon as z } from "../../token-icon/token-icon.js";
+import { jsxs as y, jsx as o, Fragment as q } from "react/jsx-runtime";
+import { calcNetStrategyApy as M, calcEffectiveBorrowApy as O } from "@gearbox-protocol/sdk/onchain";
+import { breakdownRateValue as P, ApyBreakdownBody as S, formatBreakdownRate as m, ApyBreakdownRow as k, periodMessageId as g, RewardLinks as E, ApyBreakdownDivider as j, BREAKDOWN_DASH as z } from "../apy-breakdown-body/apy-breakdown-body.js";
+import { NoValue as I } from "../../no-value/no-value.js";
+import { PointsIcon as F } from "../../points-icon/points-icon.js";
+import { TokenIcon as V } from "../../token-icon/token-icon.js";
 import { FormattedMessageTyped as i } from "../../typed-intl/index.js";
-import { formatLeverageExact as p, formatLeverage as F } from "../../../utils/format-leverage.js";
-import { totalApyOf as V, positiveTokenRewardsOf as H, pointProgramsOf as K } from "../../../utils/internal/apy-breakdown.js";
-import { StrategyApyBreakdownCardTest as l } from "./constants.js";
-function W(c) {
-  const { borrowApyAvg7D: o, quotaRateAvg7D: r, liquidationThreshold: n } = c;
-  return o === void 0 || r === void 0 ? null : {
-    borrowApy: o,
+import { formatLeverageExact as p, formatLeverage as H } from "../../../utils/format-leverage.js";
+import { totalApyOf as K, positiveTokenRewardsOf as W, pointProgramsOf as Y } from "../../../utils/internal/apy-breakdown.js";
+import { StrategyApyBreakdownCardTest as n } from "./constants.js";
+function _(c) {
+  const { borrowApyAvg7D: e, quotaRateAvg7D: r, liquidationThreshold: a } = c;
+  return e === void 0 || r === void 0 ? null : {
+    borrowApy: e,
     quotaRate: r,
-    liquidationThreshold: n
+    liquidationThreshold: a
   };
 }
-function Y(c, o, r) {
-  const n = P(c), a = r - o * n;
-  return a > 0 && o > 0 ? n + Math.ceil(a / o * 100) / 100 : n;
+function G(c, e, r) {
+  const a = P(c), v = r - e * a;
+  return v > 0 && e > 0 ? a + Math.ceil(v / e * 100) / 100 : a;
 }
-function ao({
+function le({
   data: c,
-  leverage: o,
+  leverage: e,
   showFormula: r = !1,
-  period: n
+  period: a,
+  hideRewardLinks: v = !1
 }) {
-  const a = W(c), s = a && c.collateralApyAvg7D ? c.collateralApyAvg7D : void 0, I = a !== null && s !== void 0, B = I && a && s ? {
+  const l = _(c), s = l && c.collateralApyAvg7D ? c.collateralApyAvg7D : void 0, B = l !== null && s !== void 0, h = B && l && s ? {
     organicApy: M(
-      a,
+      l,
       s.organicApy,
-      o
+      e
     ),
     totalApy: M(
-      a,
+      l,
       s.totalApy ?? s.organicApy,
-      o
+      e
     ),
     ...s.rewards ? { rewards: s.rewards } : {}
-  } : null, d = I && a ? q(a, o) : null, u = B === null ? null : V(B), h = u === null || d === null ? null : u + d, L = s ? H(s) : [], R = s ? K(s) : [], T = L.map((t) => ({
+  } : null, d = B && l ? O(l, e) : null, u = h === null ? null : K(h), R = u === null || d === null ? null : u + d, $ = s ? W(s) : [], x = s ? Y(s) : [], T = $.map((t) => ({
     reward: t,
-    value: Math.round(o * (t.supplyApr ?? 0))
-  })), y = h === null ? null : h - T.reduce((t, f) => t + f.value, 0), x = y !== null && o > 0 ? y / o : void 0, N = a && d !== null && o > 0 ? (d - a.borrowApy * (o - 1)) / o : void 0, C = Number(p(o)), v = d === null ? void 0 : P(d), A = a && N !== void 0 && v !== void 0 ? Y(
-    a.borrowApy + N,
-    C,
-    v
-  ) : void 0, D = A !== void 0 && v !== void 0 ? C * A - v : void 0;
-  return /* @__PURE__ */ w(
-    O,
+    value: Math.round(e * (t.supplyApr ?? 0))
+  })), A = R === null ? null : R - T.reduce((t, b) => t + b.value, 0), N = A !== null && e > 0 ? A / e : void 0, C = l && d !== null && e > 0 ? (d - l.borrowApy * (e - 1)) / e : void 0, D = Number(p(e)), w = d === null ? void 0 : P(d), f = l && C !== void 0 && w !== void 0 ? G(
+    l.borrowApy + C,
+    D,
+    w
+  ) : void 0, L = f !== void 0 && w !== void 0 ? D * f - w : void 0;
+  return /* @__PURE__ */ y(
+    S,
     {
-      testId: l.root,
-      title: /* @__PURE__ */ e(
+      testId: n.root,
+      title: /* @__PURE__ */ o(
         i,
         {
-          messageId: k(
-            n,
+          messageId: g(
+            a,
             "components.yieldBreakdown.titleNetAtLeverage",
             "components.yieldBreakdown.titleNetAtLeverage7d"
           ),
-          values: { leverage: F(o) }
+          values: { leverage: H(e) }
         }
       ),
-      chip: u === null ? /* @__PURE__ */ e(g, { reason: n }) : m(u, !0),
+      chip: u === null ? /* @__PURE__ */ o(I, { reason: a }) : m(u, !0),
       chipPositive: (u ?? 0) > 0,
-      chipTestId: l.net,
+      chipTestId: n.net,
       children: [
-        /* @__PURE__ */ e(
-          b,
+        /* @__PURE__ */ o(
+          k,
           {
-            testId: l.collateral,
-            valueTestId: l.value,
-            captionTestId: l.caption,
-            label: /* @__PURE__ */ e(
+            testId: n.collateral,
+            valueTestId: n.value,
+            captionTestId: n.caption,
+            label: /* @__PURE__ */ o(
               i,
               {
-                messageId: k(
-                  n,
+                messageId: g(
+                  a,
                   "components.yieldBreakdown.collateralApy",
                   "components.yieldBreakdown.collateralApy7d"
                 )
               }
             ),
-            value: y === null ? /* @__PURE__ */ e(g, { reason: n }) : m(y),
-            subtext: r && x !== void 0 ? /* @__PURE__ */ e(
+            value: A === null ? /* @__PURE__ */ o(I, { reason: a }) : m(A),
+            subtext: r && N !== void 0 ? /* @__PURE__ */ o(
               i,
               {
                 messageId: "components.strategyApyBreakdownCard.formula",
                 values: {
-                  leverage: p(o),
-                  base: m(x)
+                  leverage: p(e),
+                  base: m(N)
                 }
               }
             ) : void 0
           }
         ),
-        T.map(({ reward: t, value: f }) => /* @__PURE__ */ e(
-          b,
+        T.map(({ reward: t, value: b }) => /* @__PURE__ */ o(
+          k,
           {
-            valueTestId: l.value,
-            captionTestId: l.caption,
-            label: /* @__PURE__ */ w("span", { className: "inline-flex items-center gap-1.5", children: [
-              /* @__PURE__ */ e("span", { children: /* @__PURE__ */ e(
-                i,
-                {
-                  messageId: "components.apyParts.extraAPY",
-                  values: { symbol: t.token.symbol }
-                }
-              ) }),
-              /* @__PURE__ */ e(
-                z,
-                {
-                  token: t.token,
-                  symbol: t.token.symbol,
-                  size: 16,
-                  className: "shrink-0"
-                }
-              )
+            valueTestId: n.value,
+            captionTestId: n.caption,
+            label: /* @__PURE__ */ y("span", { className: "flex flex-col gap-0.5", children: [
+              /* @__PURE__ */ y("span", { className: "inline-flex items-center gap-1.5", children: [
+                /* @__PURE__ */ o("span", { children: /* @__PURE__ */ o(
+                  i,
+                  {
+                    messageId: "components.apyParts.extraAPY",
+                    values: { symbol: t.token.symbol }
+                  }
+                ) }),
+                /* @__PURE__ */ o(
+                  V,
+                  {
+                    token: t.token,
+                    symbol: t.token.symbol,
+                    size: 16,
+                    className: "shrink-0"
+                  }
+                )
+              ] }),
+              v ? null : /* @__PURE__ */ o(E, { links: t.links })
             ] }),
-            value: m(f),
-            subtext: r ? /* @__PURE__ */ e(
+            value: m(b),
+            subtext: r ? /* @__PURE__ */ o(
               i,
               {
                 messageId: "components.strategyApyBreakdownCard.formula",
                 values: {
-                  leverage: p(o),
+                  leverage: p(e),
                   base: m(t.supplyApr ?? 0)
                 }
               }
@@ -131,54 +135,54 @@ function ao({
           },
           `incentive-${t.token.address}-${t.supplyApr ?? 0}`
         )),
-        /* @__PURE__ */ e(
-          b,
+        /* @__PURE__ */ o(
+          k,
           {
             muted: !0,
-            testId: l.borrow,
-            valueTestId: l.value,
-            captionTestId: l.caption,
-            label: /* @__PURE__ */ e(
+            testId: n.borrow,
+            valueTestId: n.value,
+            captionTestId: n.caption,
+            label: /* @__PURE__ */ o(
               i,
               {
-                messageId: k(
-                  n,
+                messageId: g(
+                  a,
                   "components.yieldBreakdown.borrowRate",
                   "components.yieldBreakdown.borrowRate7d"
                 )
               }
             ),
-            value: d === null ? /* @__PURE__ */ e(g, { reason: n }) : m(d),
-            subtext: r && A !== void 0 && D !== void 0 ? /* @__PURE__ */ e(
+            value: d === null ? /* @__PURE__ */ o(I, { reason: a }) : m(d),
+            subtext: r && f !== void 0 && L !== void 0 ? /* @__PURE__ */ o(
               i,
               {
                 messageId: "components.strategyApyBreakdownCard.borrowFormula",
                 values: {
-                  leverage: p(o),
-                  totalRate: `${A.toFixed(2)}%`,
-                  borrowRate: `${Math.abs(D).toFixed(2)}%`
+                  leverage: p(e),
+                  totalRate: `${f.toFixed(2)}%`,
+                  borrowRate: `${Math.abs(L).toFixed(2)}%`
                 }
               }
             ) : void 0
           }
         ),
-        R.length > 0 ? /* @__PURE__ */ w($, { children: [
-          /* @__PURE__ */ e(S, {}),
-          R.map((t) => /* @__PURE__ */ e(
-            b,
+        x.length > 0 ? /* @__PURE__ */ y(q, { children: [
+          /* @__PURE__ */ o(j, {}),
+          x.map((t) => /* @__PURE__ */ o(
+            k,
             {
-              valueTestId: l.points,
-              captionTestId: l.caption,
-              label: /* @__PURE__ */ w("span", { className: "inline-flex items-center gap-1.5", children: [
-                /* @__PURE__ */ e("span", { children: /* @__PURE__ */ e(
+              valueTestId: n.points,
+              captionTestId: n.caption,
+              label: /* @__PURE__ */ y("span", { className: "inline-flex items-center gap-1.5", children: [
+                /* @__PURE__ */ o("span", { children: /* @__PURE__ */ o(
                   i,
                   {
                     messageId: "components.yieldBreakdown.programPoints",
                     values: { name: t.name }
                   }
                 ) }),
-                /* @__PURE__ */ e(
-                  j,
+                /* @__PURE__ */ o(
+                  F,
                   {
                     reward: { name: t.name, type: t.id },
                     size: 16,
@@ -186,13 +190,13 @@ function ao({
                   }
                 )
               ] }),
-              value: t.multiplier != null ? `${p(t.multiplier * o)}×` : E,
-              subtext: r && t.multiplier != null ? /* @__PURE__ */ e(
+              value: t.multiplier != null ? `${p(t.multiplier * e)}×` : z,
+              subtext: r && t.multiplier != null ? /* @__PURE__ */ o(
                 i,
                 {
                   messageId: "components.strategyApyBreakdownCard.formula",
                   values: {
-                    leverage: p(o),
+                    leverage: p(e),
                     base: p(t.multiplier)
                   }
                 }
@@ -206,6 +210,6 @@ function ao({
   );
 }
 export {
-  ao as StrategyApyBreakdownCard,
-  l as StrategyApyBreakdownCardTest
+  le as StrategyApyBreakdownCard,
+  n as StrategyApyBreakdownCardTest
 };

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

@@ -1,16 +1,16 @@
 import { jsx as e, jsxs as n } from "react/jsx-runtime";
-import { useId as v } from "react";
-import { NoValue as x } from "../no-value/no-value.js";
-import { YieldBreakdownTooltip as C } from "../yield-breakdown-tooltip/yield-breakdown.js";
-import { cn as I } from "../../utils/cn.js";
+import { useId as x } from "react";
+import { NoValue as C } from "../no-value/no-value.js";
+import { YieldBreakdownTooltip as I } from "../yield-breakdown-tooltip/yield-breakdown.js";
+import { cn as k } from "../../utils/cn.js";
 import "@gearbox-protocol/sdk/onchain";
-import { formatCompactPercent as k } from "../../utils/internal/format-percent.js";
+import { formatCompactPercent as P } from "../../utils/internal/format-percent.js";
 import "../../utils/z-index.js";
-import { totalApyOf as P, positiveTokenRewardsOf as A, pointProgramsOf as O } from "../../utils/internal/apy-breakdown.js";
-import { bpsToPercent as F } from "../../utils/internal/bps-to-percent.js";
+import { totalApyOf as A, positiveTokenRewardsOf as O, pointProgramsOf as F } from "../../utils/internal/apy-breakdown.js";
+import { bpsToPercent as N } from "../../utils/internal/bps-to-percent.js";
 const l = 14;
-function N() {
-  const t = `additional-incentives-${v().replace(/:/g, "")}`;
+function T() {
+  const t = `additional-incentives-${x().replace(/:/g, "")}`;
   return /* @__PURE__ */ n(
     "svg",
     {
@@ -60,9 +60,9 @@ function N() {
   );
 }
 function c(t) {
-  return t == null ? !1 : A(t).length > 0 || O(t).length > 0;
+  return t == null ? !1 : O(t).length > 0 || F(t).length > 0;
 }
-function V({
+function Z({
   apy: t,
   maxLeverage: p,
   collateralApy: r,
@@ -71,19 +71,20 @@ function V({
   decimals: a = 2,
   tooltip: f = !0,
   period: h,
+  hideRewardLinks: u,
   className: o
 }) {
   if (!t)
-    return /* @__PURE__ */ e(x, {});
-  const i = P(t), u = c(t) || c(r), g = f && i >= 1, s = () => {
-    const w = k(F(i), a);
-    return /* @__PURE__ */ n("div", { className: I("inline-flex items-center gap-1.5", o), children: [
-      /* @__PURE__ */ e("span", { className: "inline-flex items-center", children: w }),
-      u ? /* @__PURE__ */ e(N, {}) : null
+    return /* @__PURE__ */ e(C, {});
+  const i = A(t), g = c(t) || c(r), w = f && i >= 1, s = () => {
+    const v = P(N(i), a);
+    return /* @__PURE__ */ n("div", { className: k("inline-flex items-center gap-1.5", o), children: [
+      /* @__PURE__ */ e("span", { className: "inline-flex items-center", children: v }),
+      g ? /* @__PURE__ */ e(T, {}) : null
     ] });
   };
-  return g ? /* @__PURE__ */ e(
-    C,
+  return w ? /* @__PURE__ */ e(
+    I,
     {
       supplyApy: t,
       maxLeverage: p,
@@ -91,11 +92,12 @@ function V({
       borrowApy: d,
       quotaRate: m,
       period: h,
+      hideRewardLinks: u,
       className: o,
       children: s()
     }
   ) : s();
 }
 export {
-  V as CompoundAPY
+  Z as CompoundAPY
 };