@gearbox-protocol/ui-kit 3.12.0-next.2 → 3.12.1

package/dist/cjs/components/composites/strategies-table/columns.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),w=require("@gearbox-protocol/sdk"),b=require("../../network-icon/network-icon.cjs"),x=require("../../short-string/short-string.cjs"),T=require("../../token-symbol/token-symbol.cjs"),u=require("../../typed-intl/index.cjs"),f=require("../../typography/typography.cjs"),m=require("./components/cells/cells.cjs"),c=require("./components/cells/cells.styles.cjs"),q=require("./components/rewards-tooltip/rewards-tooltip.cjs");require("./components/rewards-tooltip/rewards-tooltip-root.cjs");require("../../tooltip/simple-tooltip.cjs");require("../../tooltip/tooltip.cjs");require("@fortawesome/free-solid-svg-icons");require("viem");require("../../icon-button/icon-button.cjs");require("../../icons/fa-icon.cjs");require("../../separate-line/separate-line.cjs");require("../../skeleton/skeleton.cjs");require("react");require("clsx");require("tailwind-merge");require("sonner");require("@gearbox-protocol/sdk/common-utils");require("luxon");require("../../../utils/z-index.cjs");require("../../tip-card/tip-card.cjs");require("../../vertical-indicator/vertical-indicator.cjs");require("../../vertical-list/vertical-list.cjs");require("../../help-tip/help-tip.cjs");require("./components/feature/feature.styles.cjs");require("../../points-icon/points-icon.cjs");function g(e,a,t){const s=e?.header??r.jsx(u.FormattedMessageTyped,{messageId:e?.headerMessageId??a});let d;if(e?.headerTip!==null){const n=e?.headerTipMessageId??t;d=e?.headerTip??(n&&r.jsx(u.FormattedMessageTyped,{messageId:n}))}return{header:s,headerTip:d,mobileTitle:e?.mobileTitle??s}}function _({ctx:e}){const{strategy:a,targetToken:t,targetTokenAddress:s,tokensList:d,row:n}=e,i=!!n.disabledStyle,o=!!n.zeroSlippageTokens?.[s],l=!!a.strategyMarketType?.includes("rwa"),h=n.delayedConfigs?.[0]?.withdrawalPhantomToken,y=e.isMobile||e.isDesktop?38:26;return r.jsx("div",{className:"flex flex-col-auto",children:r.jsxs(c.TitleGrid,{children:[r.jsxs("div",{className:"flex items-center gap-1.5 pr-2 leading-none",children:[r.jsx(c.DisabledWrap,{disabled:i,children:r.jsx(b.NetworkIcon,{network:a.network,isTest:!1,size:14,showTooltip:!0})}),r.jsx(c.DisabledWrap,{disabled:i,children:r.jsx(T.TokenSymbol,{token:t,size:24})})]}),r.jsxs("div",{className:"flex items-center gap-x-3",children:[r.jsx(x.ShortString,{maxLength:y,children:a.name}),l&&r.jsx(m.RWAFeature,{disabledStyle:i}),o&&r.jsx(m.ZeroSlippageFeature,{token:h?d?.[h]:void 0,disabledStyle:i})]}),i&&r.jsx("div",{}),i&&r.jsx(f.Typography,{as:"span",variant:"caption",style:{lineHeight:"100%"},children:r.jsx(u.FormattedMessageTyped,{messageId:"components.strategiesTable.line.name.disabled"})})]})})}function p({ctx:e,mobile:a=!1}){const{rewardsCellInfo:t,row:s,targetTokenAddress:d,tokensList:n}=e,i=!!s.disabledStyle,o=r.jsx(m.StrategiesRewardsCell,{maxAPY:t.maxAPY,bonusAPY:t.bonusAPY,rewards:t.rewards,rewardRates:t.rewardRates,debtRewards:t.debtRewards,debtRewardRates:t.debtRewardRates,hasAPY:t.hasAPY??!1,hasRewards:t.hasRewards??!1,hasDebtRewards:t.hasDebtRewards??!1,apyLoading:t.apyLoading,disabledStyle:i}),l=a?r.jsx("div",{className:"pt-1",children:o}):o;return i?l:r.jsx(q.RewardsTooltip,{cellInfo:t,targetToken:d,apyList:s.apyList,tokensList:n,strategyCreditManagers:s.strategyCreditManagers,children:r.jsx("div",{children:l})})}function j(e){const{header:a,mobileTitle:t}=g(e,"components.strategiesTable.head.name");return{id:"strategy",header:a,width:e?.width??"1fr",mediumWidth:e?.mediumWidth,align:"left",className:"pl-4",sort:e?.sortField!==void 0?{field:e.sortField,defaultDirection:"desc"}:{field:"strategyName",defaultDirection:"desc"},cell:s=>r.jsx(_,{ctx:s}),mobileTitle:t}}function k(e){const{header:a,mobileTitle:t}=g(e,"components.strategiesTable.head.rewards");return{id:"rewards",header:a,width:e?.width??"310px",mediumWidth:e?.mediumWidth??"270px",align:"left",sort:e?.sortField!==void 0?{field:e.sortField,defaultDirection:"desc"}:{field:"apy",defaultDirection:"desc"},cell:s=>r.jsx(p,{ctx:s}),mobileCell:s=>r.jsx(p,{ctx:s,mobile:!0}),mobileTitle:t}}function S(e){const{header:a,mobileTitle:t}=g(e,"components.strategiesTable.head.leverage");return{id:"leverage",header:a,width:e?.width??"150px",mediumWidth:e?.mediumWidth??"76px",align:"right",className:"pr-4",headerClassName:"pr-4",cell:s=>`×${w.formatLeverage(Number(s.row.maxLeverage),0)}`,mobileTitle:t}}function R(e){return e}exports.customStrategyColumn=R;exports.strategyColumn=j;exports.strategyLeverageColumn=S;exports.strategyRewardsColumn=k;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),p=require("@gearbox-protocol/sdk"),y=require("../../network-icon/network-icon.cjs"),w=require("../../short-string/short-string.cjs"),b=require("../../token-symbol/token-symbol.cjs"),o=require("../../typed-intl/index.cjs"),x=require("../../typography/typography.cjs"),c=require("./components/cells/cells.cjs"),d=require("./components/cells/cells.styles.cjs"),T=require("./components/rewards-tooltip/rewards-tooltip.cjs");require("./components/rewards-tooltip/rewards-tooltip-root.cjs");require("../../tooltip/simple-tooltip.cjs");require("../../tooltip/tooltip.cjs");require("@fortawesome/free-solid-svg-icons");require("viem");require("../../icon-button/icon-button.cjs");require("../../icons/fa-icon.cjs");require("../../separate-line/separate-line.cjs");require("../../skeleton/skeleton.cjs");require("react");require("clsx");require("tailwind-merge");require("sonner");require("@gearbox-protocol/sdk/common-utils");require("luxon");require("../../../utils/z-index.cjs");require("../../tip-card/tip-card.cjs");require("../../vertical-indicator/vertical-indicator.cjs");require("../../vertical-list/vertical-list.cjs");require("../../help-tip/help-tip.cjs");require("./components/feature/feature.styles.cjs");require("../../points-icon/points-icon.cjs");function u(e,a,t){const s=e?.header??r.jsx(o.FormattedMessageTyped,{messageId:e?.headerMessageId??a});let i;if(e?.headerTip!==null){const n=e?.headerTipMessageId??t;i=e?.headerTip??(n&&r.jsx(o.FormattedMessageTyped,{messageId:n}))}return{header:s,headerTip:i,mobileTitle:e?.mobileTitle??s}}function f({ctx:e}){const{strategy:a,targetToken:t,row:s}=e,i=!!s.disabledStyle,n=!!a.strategyMarketType?.includes("rwa"),l=e.isMobile||e.isDesktop?38:26;return r.jsx("div",{className:"flex flex-col-auto",children:r.jsxs(d.TitleGrid,{children:[r.jsxs("div",{className:"flex items-center gap-1.5 pr-2 leading-none",children:[r.jsx(d.DisabledWrap,{disabled:i,children:r.jsx(y.NetworkIcon,{network:a.network,isTest:!1,size:14,showTooltip:!0})}),r.jsx(d.DisabledWrap,{disabled:i,children:r.jsx(b.TokenSymbol,{token:t,size:24})})]}),r.jsxs("div",{className:"flex items-center gap-x-3",children:[r.jsx(w.ShortString,{maxLength:l,children:a.name}),n&&r.jsx(c.RWAFeature,{disabledStyle:i}),s.isZeroSlippagePair&&r.jsx(c.ZeroSlippageFeature,{token:s.zeroSlippageToken,disabledStyle:i})]}),i&&r.jsx("div",{}),i&&r.jsx(x.Typography,{as:"span",variant:"caption",style:{lineHeight:"100%"},children:r.jsx(o.FormattedMessageTyped,{messageId:"components.strategiesTable.line.name.disabled"})})]})})}function h({ctx:e,mobile:a=!1}){const{rewardsCellInfo:t,row:s,targetTokenAddress:i,tokensList:n}=e,l=!!s.disabledStyle,m=r.jsx(c.StrategiesRewardsCell,{maxAPY:t.maxAPY,bonusAPY:t.bonusAPY,rewards:t.rewards,rewardRates:t.rewardRates,debtRewards:t.debtRewards,debtRewardRates:t.debtRewardRates,hasAPY:t.hasAPY??!1,hasRewards:t.hasRewards??!1,hasDebtRewards:t.hasDebtRewards??!1,apyLoading:t.apyLoading,disabledStyle:l}),g=a?r.jsx("div",{className:"pt-1",children:m}):m;return l?g:r.jsx(T.RewardsTooltip,{cellInfo:t,targetToken:i,apyList:s.apyList,tokensList:n,strategyCreditManagers:s.strategyCreditManagers,children:r.jsx("div",{children:g})})}function q(e){const{header:a,mobileTitle:t}=u(e,"components.strategiesTable.head.name");return{id:"strategy",header:a,width:e?.width??"1fr",mediumWidth:e?.mediumWidth,align:"left",className:"pl-4",sort:e?.sortField!==void 0?{field:e.sortField,defaultDirection:"desc"}:{field:"strategyName",defaultDirection:"desc"},cell:s=>r.jsx(f,{ctx:s}),mobileTitle:t}}function _(e){const{header:a,mobileTitle:t}=u(e,"components.strategiesTable.head.rewards");return{id:"rewards",header:a,width:e?.width??"310px",mediumWidth:e?.mediumWidth??"270px",align:"left",sort:e?.sortField!==void 0?{field:e.sortField,defaultDirection:"desc"}:{field:"apy",defaultDirection:"desc"},cell:s=>r.jsx(h,{ctx:s}),mobileCell:s=>r.jsx(h,{ctx:s,mobile:!0}),mobileTitle:t}}function j(e){const{header:a,mobileTitle:t}=u(e,"components.strategiesTable.head.leverage");return{id:"leverage",header:a,width:e?.width??"150px",mediumWidth:e?.mediumWidth??"76px",align:"right",className:"pr-4",headerClassName:"pr-4",cell:s=>`×${p.formatLeverage(Number(s.row.maxLeverage),0)}`,mobileTitle:t}}function S(e){return e}exports.customStrategyColumn=S;exports.strategyColumn=q;exports.strategyLeverageColumn=j;exports.strategyRewardsColumn=_;

package/dist/cjs/components/composites/strategies-table/components/cells/cells.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),u=require("@gearbox-protocol/sdk"),A=require("../../../../rwa-styles/index.cjs"),P=require("../../../../skeleton/skeleton.cjs");require("react");const q=require("../../../../../utils/cn.cjs");require("sonner");require("@gearbox-protocol/sdk/common-utils");require("luxon");require("../../../../../utils/z-index.cjs");const T=require("../../../../tooltip/simple-tooltip.cjs");require("../../../../tooltip/tooltip.cjs");const d=require("../../../../typed-intl/index.cjs"),f=require("../apy-feature/apy-feature.cjs"),b=require("../points-feature/points-feature.cjs"),l=require("./cells.styles.cjs");function w({token:r,disabledStyle:n}){const o=()=>e.jsx("span",{className:q.cn(n&&"opacity-60 pointer-events-none"),children:e.jsx(f.APYFeature,{children:e.jsx(d.FormattedMessageTyped,{messageId:"components.strategiesTable.line.0slippage"})})});return e.jsx(e.Fragment,{children:n?o():e.jsx(T.SimpleTooltip,{placement:"top",triangle:!1,title:o(),children:e.jsx(d.FormattedMessageTyped,{messageId:"components.strategiesTable.line.0slippage.tip",values:{symbol:r?.title||"this token"}})})})}function R({disabledStyle:r}){const n=e.jsx("span",{className:q.cn("rounded-xl px-[10px] py-1 text-xs leading-none",A.RWA_GRADIENT_BORDER_CLASS,r&&"opacity-60 pointer-events-none"),children:e.jsx(d.FormattedMessageTyped,{messageId:"components.strategiesTable.line.rwa"})});return e.jsx(e.Fragment,{children:r?n:e.jsx(T.SimpleTooltip,{placement:"top",triangle:!1,title:n,children:e.jsx(d.FormattedMessageTyped,{messageId:"components.strategiesTable.line.rwa.tip"})})})}function k({maxAPY:r,bonusAPY:n,rewards:o,rewardRates:m,debtRewards:g,debtRewardRates:x,hasAPY:c,hasRewards:a,hasDebtRewards:j,disabledStyle:p,apyLoading:_,apyFormat:t="feature"}){const s=i=>t==="feature"?e.jsxs(f.APYFeature,{children:[u.formatPercentage(i),"% APR"]}):`${u.formatPercentage(i)}%`,S=i=>t==="feature"?e.jsxs(f.APYFeature,{children:["exp. ",u.formatPercentage(i),"% APR"]}):`exp. ${u.formatPercentage(i)}%`,v=()=>{const i=[c?e.jsx(P.Skeleton,{className:"inline-block align-text-bottom",width:50,loading:_,children:s(r)},"apy"):void 0,a||j?e.jsx(y,{rewards:o,rewardRates:m,debtRewards:g,debtRewardRates:x,hasRewards:a,hasDebtRewards:j,disabledStyle:p},"points"):void 0].filter(Boolean);return i.flatMap((h,F)=>F===i.length-1?[h]:[h,e.jsx(l.Plus,{children:"+"},`plus-${F}`)])};return e.jsxs("div",{className:"flex-row-row items-center gap-2",children:[v(),n&&e.jsx(l.Plus,{children:":"}),n&&e.jsx(P.Skeleton,{className:"inline-block align-text-bottom",loading:_,width:50,children:S(n.value)})]})}function y({rewards:r,rewardRates:n,debtRewards:o,debtRewardRates:m,hasRewards:g,hasDebtRewards:x,disabledStyle:c,theme:a}){return(()=>{const p=[g?r.map((t,s)=>e.jsx("span",{children:e.jsx(l.DisabledWrap,{disabled:c,children:e.jsx(b.PointsFeature,{reward:t,points:n?.[s]||0n,theme:a})})},["base",t.multiplier,t.name,t.type,t.units].join("-"))):void 0,x?o.map((t,s)=>e.jsx("span",{children:e.jsx(l.DisabledWrap,{disabled:c,children:e.jsx(b.PointsFeature,{reward:t,points:m?.[s]||0n,theme:a})})},["debt",t.multiplier,t.name,t.type,t.units,t.cm].join("-"))):void 0].filter(Boolean);return p.flatMap((t,s)=>s===p.length-1?[t]:[t,e.jsx(l.Plus,{children:"+"},`plus-points-${s}`)])})()}exports.RWAFeature=R;exports.StrategiesRewardsCell=k;exports.StrategyPoints=y;exports.ZeroSlippageFeature=w;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),u=require("@gearbox-protocol/sdk"),A=require("../../../../rwa-styles/index.cjs"),P=require("../../../../skeleton/skeleton.cjs");require("react");const q=require("../../../../../utils/cn.cjs");require("sonner");require("@gearbox-protocol/sdk/common-utils");require("luxon");require("../../../../../utils/z-index.cjs");const T=require("../../../../tooltip/simple-tooltip.cjs");require("../../../../tooltip/tooltip.cjs");const d=require("../../../../typed-intl/index.cjs"),f=require("../apy-feature/apy-feature.cjs"),b=require("../points-feature/points-feature.cjs"),l=require("./cells.styles.cjs");function w({token:r,disabledStyle:n}){const o=()=>e.jsx("span",{className:q.cn(n&&"opacity-60 pointer-events-none"),children:e.jsx(f.APYFeature,{children:e.jsx(d.FormattedMessageTyped,{messageId:"components.strategiesTable.line.0slippage"})})});return e.jsx(e.Fragment,{children:n?o():e.jsx(T.SimpleTooltip,{placement:"top",triangle:!1,title:o(),children:e.jsx(d.FormattedMessageTyped,{messageId:"components.strategiesTable.line.0slippage.tip",values:{symbol:r?.title||""}})})})}function R({disabledStyle:r}){const n=e.jsx("span",{className:q.cn("rounded-xl px-[10px] py-1 text-xs leading-none",A.RWA_GRADIENT_BORDER_CLASS,r&&"opacity-60 pointer-events-none"),children:e.jsx(d.FormattedMessageTyped,{messageId:"components.strategiesTable.line.rwa"})});return e.jsx(e.Fragment,{children:r?n:e.jsx(T.SimpleTooltip,{placement:"top",triangle:!1,title:n,children:e.jsx(d.FormattedMessageTyped,{messageId:"components.strategiesTable.line.rwa.tip"})})})}function k({maxAPY:r,bonusAPY:n,rewards:o,rewardRates:m,debtRewards:g,debtRewardRates:x,hasAPY:c,hasRewards:a,hasDebtRewards:j,disabledStyle:p,apyLoading:_,apyFormat:t="feature"}){const s=i=>t==="feature"?e.jsxs(f.APYFeature,{children:[u.formatPercentage(i),"% APR"]}):`${u.formatPercentage(i)}%`,S=i=>t==="feature"?e.jsxs(f.APYFeature,{children:["exp. ",u.formatPercentage(i),"% APR"]}):`exp. ${u.formatPercentage(i)}%`,v=()=>{const i=[c?e.jsx(P.Skeleton,{className:"inline-block align-text-bottom",width:50,loading:_,children:s(r)},"apy"):void 0,a||j?e.jsx(y,{rewards:o,rewardRates:m,debtRewards:g,debtRewardRates:x,hasRewards:a,hasDebtRewards:j,disabledStyle:p},"points"):void 0].filter(Boolean);return i.flatMap((h,F)=>F===i.length-1?[h]:[h,e.jsx(l.Plus,{children:"+"},`plus-${F}`)])};return e.jsxs("div",{className:"flex-row-row items-center gap-2",children:[v(),n&&e.jsx(l.Plus,{children:":"}),n&&e.jsx(P.Skeleton,{className:"inline-block align-text-bottom",loading:_,width:50,children:S(n.value)})]})}function y({rewards:r,rewardRates:n,debtRewards:o,debtRewardRates:m,hasRewards:g,hasDebtRewards:x,disabledStyle:c,theme:a}){return(()=>{const p=[g?r.map((t,s)=>e.jsx("span",{children:e.jsx(l.DisabledWrap,{disabled:c,children:e.jsx(b.PointsFeature,{reward:t,points:n?.[s]||0n,theme:a})})},["base",t.multiplier,t.name,t.type,t.units].join("-"))):void 0,x?o.map((t,s)=>e.jsx("span",{children:e.jsx(l.DisabledWrap,{disabled:c,children:e.jsx(b.PointsFeature,{reward:t,points:m?.[s]||0n,theme:a})})},["debt",t.multiplier,t.name,t.type,t.units,t.cm].join("-"))):void 0].filter(Boolean);return p.flatMap((t,s)=>s===p.length-1?[t]:[t,e.jsx(l.Plus,{children:"+"},`plus-points-${s}`)])})()}exports.RWAFeature=R;exports.StrategiesRewardsCell=k;exports.StrategyPoints=y;exports.ZeroSlippageFeature=w;

package/dist/esm/components/composites/strategies-table/columns.js

@@ -1,13 +1,13 @@
-import { jsx as t, jsxs as m } from "react/jsx-runtime";
-import { formatLeverage as w } from "@gearbox-protocol/sdk";
-import { NetworkIcon as b } from "../../network-icon/network-icon.js";
-import { ShortString as T } from "../../short-string/short-string.js";
-import { TokenSymbol as y } from "../../token-symbol/token-symbol.js";
-import { FormattedMessageTyped as c } from "../../typed-intl/index.js";
-import { Typography as k } from "../../typography/typography.js";
-import { RWAFeature as R, ZeroSlippageFeature as v, StrategiesRewardsCell as x } from "./components/cells/cells.js";
-import { TitleGrid as S, DisabledWrap as h } from "./components/cells/cells.styles.js";
-import { RewardsTooltip as C } from "./components/rewards-tooltip/rewards-tooltip.js";
+import { jsx as t, jsxs as o } from "react/jsx-runtime";
+import { formatLeverage as f } from "@gearbox-protocol/sdk";
+import { NetworkIcon as u } from "../../network-icon/network-icon.js";
+import { ShortString as w } from "../../short-string/short-string.js";
+import { TokenSymbol as b } from "../../token-symbol/token-symbol.js";
+import { FormattedMessageTyped as n } from "../../typed-intl/index.js";
+import { Typography as y } from "../../typography/typography.js";
+import { RWAFeature as T, ZeroSlippageFeature as R, StrategiesRewardsCell as v } from "./components/cells/cells.js";
+import { TitleGrid as x, DisabledWrap as g } from "./components/cells/cells.styles.js";
+import { RewardsTooltip as k } from "./components/rewards-tooltip/rewards-tooltip.js";
 import "./components/rewards-tooltip/rewards-tooltip-root.js";
 import "../../tooltip/simple-tooltip.js";
 import "../../tooltip/tooltip.js";
@@ -30,26 +30,26 @@ import "../../vertical-list/vertical-list.js";
 import "../../help-tip/help-tip.js";
 import "./components/feature/feature.styles.js";
 import "../../points-icon/points-icon.js";
-function p(e, i, r) {
+function m(e, i, r) {
   const a = e?.header ?? /* @__PURE__ */ t(
-    c,
+    n,
     {
       messageId: e?.headerMessageId ?? i
     }
   );
-  let o;
+  let d;
   if (e?.headerTip !== null) {
-    const d = e?.headerTipMessageId ?? r;
-    o = e?.headerTip ?? (d && /* @__PURE__ */ t(c, { messageId: d }));
+    const s = e?.headerTipMessageId ?? r;
+    d = e?.headerTip ?? (s && /* @__PURE__ */ t(n, { messageId: s }));
   }
-  return { header: a, headerTip: o, mobileTitle: e?.mobileTitle ?? a };
+  return { header: a, headerTip: d, mobileTitle: e?.mobileTitle ?? a };
 }
-function L({ ctx: e }) {
-  const { strategy: i, targetToken: r, targetTokenAddress: a, tokensList: o, row: d } = e, s = !!d.disabledStyle, l = !!d.zeroSlippageTokens?.[a], n = !!i.strategyMarketType?.includes("rwa"), g = d.delayedConfigs?.[0]?.withdrawalPhantomToken, u = e.isMobile || e.isDesktop ? 38 : 26;
-  return /* @__PURE__ */ t("div", { className: "flex flex-col-auto", children: /* @__PURE__ */ m(S, { children: [
-    /* @__PURE__ */ m("div", { className: "flex items-center gap-1.5 pr-2 leading-none", children: [
-      /* @__PURE__ */ t(h, { disabled: s, children: /* @__PURE__ */ t(
-        b,
+function S({ ctx: e }) {
+  const { strategy: i, targetToken: r, row: a } = e, d = !!a.disabledStyle, s = !!i.strategyMarketType?.includes("rwa"), l = e.isMobile || e.isDesktop ? 38 : 26;
+  return /* @__PURE__ */ t("div", { className: "flex flex-col-auto", children: /* @__PURE__ */ o(x, { children: [
+    /* @__PURE__ */ o("div", { className: "flex items-center gap-1.5 pr-2 leading-none", children: [
+      /* @__PURE__ */ t(g, { disabled: d, children: /* @__PURE__ */ t(
+        u,
         {
           network: i.network,
           isTest: !1,
@@ -57,37 +57,37 @@ function L({ ctx: e }) {
           showTooltip: !0
         }
       ) }),
-      /* @__PURE__ */ t(h, { disabled: s, children: /* @__PURE__ */ t(y, { token: r, size: 24 }) })
+      /* @__PURE__ */ t(g, { disabled: d, children: /* @__PURE__ */ t(b, { token: r, size: 24 }) })
     ] }),
-    /* @__PURE__ */ m("div", { className: "flex items-center gap-x-3", children: [
-      /* @__PURE__ */ t(T, { maxLength: u, children: i.name }),
-      n && /* @__PURE__ */ t(R, { disabledStyle: s }),
-      l && /* @__PURE__ */ t(
-        v,
+    /* @__PURE__ */ o("div", { className: "flex items-center gap-x-3", children: [
+      /* @__PURE__ */ t(w, { maxLength: l, children: i.name }),
+      s && /* @__PURE__ */ t(T, { disabledStyle: d }),
+      a.isZeroSlippagePair && /* @__PURE__ */ t(
+        R,
         {
-          token: g ? o?.[g] : void 0,
-          disabledStyle: s
+          token: a.zeroSlippageToken,
+          disabledStyle: d
         }
       )
     ] }),
-    s && /* @__PURE__ */ t("div", {}),
-    s && /* @__PURE__ */ t(
-      k,
+    d && /* @__PURE__ */ t("div", {}),
+    d && /* @__PURE__ */ t(
+      y,
       {
         as: "span",
         variant: "caption",
         style: { lineHeight: "100%" },
-        children: /* @__PURE__ */ t(c, { messageId: "components.strategiesTable.line.name.disabled" })
+        children: /* @__PURE__ */ t(n, { messageId: "components.strategiesTable.line.name.disabled" })
       }
     )
   ] }) });
 }
-function f({
+function h({
   ctx: e,
   mobile: i = !1
 }) {
-  const { rewardsCellInfo: r, row: a, targetTokenAddress: o, tokensList: d } = e, s = !!a.disabledStyle, l = /* @__PURE__ */ t(
-    x,
+  const { rewardsCellInfo: r, row: a, targetTokenAddress: d, tokensList: s } = e, l = !!a.disabledStyle, c = /* @__PURE__ */ t(
+    v,
     {
       maxAPY: r.maxAPY,
       bonusAPY: r.bonusAPY,
@@ -99,23 +99,23 @@ function f({
       hasRewards: r.hasRewards ?? !1,
       hasDebtRewards: r.hasDebtRewards ?? !1,
       apyLoading: r.apyLoading,
-      disabledStyle: s
+      disabledStyle: l
     }
-  ), n = i ? /* @__PURE__ */ t("div", { className: "pt-1", children: l }) : l;
-  return s ? n : /* @__PURE__ */ t(
-    C,
+  ), p = i ? /* @__PURE__ */ t("div", { className: "pt-1", children: c }) : c;
+  return l ? p : /* @__PURE__ */ t(
+    k,
     {
       cellInfo: r,
-      targetToken: o,
+      targetToken: d,
       apyList: a.apyList,
-      tokensList: d,
+      tokensList: s,
       strategyCreditManagers: a.strategyCreditManagers,
-      children: /* @__PURE__ */ t("div", { children: n })
+      children: /* @__PURE__ */ t("div", { children: p })
     }
   );
 }
-function de(e) {
-  const { header: i, mobileTitle: r } = p(
+function ie(e) {
+  const { header: i, mobileTitle: r } = m(
     e,
     "components.strategiesTable.head.name"
   );
@@ -127,12 +127,12 @@ function de(e) {
     align: "left",
     className: "pl-4",
     sort: e?.sortField !== void 0 ? { field: e.sortField, defaultDirection: "desc" } : { field: "strategyName", defaultDirection: "desc" },
-    cell: (a) => /* @__PURE__ */ t(L, { ctx: a }),
+    cell: (a) => /* @__PURE__ */ t(S, { ctx: a }),
     mobileTitle: r
   };
 }
-function oe(e) {
-  const { header: i, mobileTitle: r } = p(
+function de(e) {
+  const { header: i, mobileTitle: r } = m(
     e,
     "components.strategiesTable.head.rewards"
   );
@@ -143,13 +143,13 @@ function oe(e) {
     mediumWidth: e?.mediumWidth ?? "270px",
     align: "left",
     sort: e?.sortField !== void 0 ? { field: e.sortField, defaultDirection: "desc" } : { field: "apy", defaultDirection: "desc" },
-    cell: (a) => /* @__PURE__ */ t(f, { ctx: a }),
-    mobileCell: (a) => /* @__PURE__ */ t(f, { ctx: a, mobile: !0 }),
+    cell: (a) => /* @__PURE__ */ t(h, { ctx: a }),
+    mobileCell: (a) => /* @__PURE__ */ t(h, { ctx: a, mobile: !0 }),
     mobileTitle: r
   };
 }
-function le(e) {
-  const { header: i, mobileTitle: r } = p(
+function se(e) {
+  const { header: i, mobileTitle: r } = m(
     e,
     "components.strategiesTable.head.leverage"
   );
@@ -161,16 +161,16 @@ function le(e) {
     align: "right",
     className: "pr-4",
     headerClassName: "pr-4",
-    cell: (a) => `×${w(Number(a.row.maxLeverage), 0)}`,
+    cell: (a) => `×${f(Number(a.row.maxLeverage), 0)}`,
     mobileTitle: r
   };
 }
-function ne(e) {
+function le(e) {
   return e;
 }
 export {
-  ne as customStrategyColumn,
-  de as strategyColumn,
-  le as strategyLeverageColumn,
-  oe as strategyRewardsColumn
+  le as customStrategyColumn,
+  ie as strategyColumn,
+  se as strategyLeverageColumn,
+  de as strategyRewardsColumn
 };

package/dist/esm/components/composites/strategies-table/components/cells/cells.js

@@ -18,19 +18,19 @@ function K({
   token: n,
   disabledStyle: r
 }) {
-  const s = () => /* @__PURE__ */ e("span", { className: R(r && "opacity-60 pointer-events-none"), children: /* @__PURE__ */ e(b, { children: /* @__PURE__ */ e(m, { messageId: "components.strategiesTable.line.0slippage" }) }) });
-  return /* @__PURE__ */ e(N, { children: r ? s() : /* @__PURE__ */ e(
+  const l = () => /* @__PURE__ */ e("span", { className: R(r && "opacity-60 pointer-events-none"), children: /* @__PURE__ */ e(b, { children: /* @__PURE__ */ e(m, { messageId: "components.strategiesTable.line.0slippage" }) }) });
+  return /* @__PURE__ */ e(N, { children: r ? l() : /* @__PURE__ */ e(
     F,
     {
       placement: "top",
       triangle: !1,
-      title: s(),
+      title: l(),
       children: /* @__PURE__ */ e(
         m,
         {
           messageId: "components.strategiesTable.line.0slippage.tip",
           values: {
-            symbol: n?.title || "this token"
+            symbol: n?.title || ""
           }
         }
       )
@@ -54,12 +54,12 @@ function Q({ disabledStyle: n }) {
 function U({
   maxAPY: n,
   bonusAPY: r,
-  rewards: s,
+  rewards: l,
   rewardRates: d,
   debtRewards: u,
   debtRewardRates: f,
   hasAPY: a,
-  hasRewards: l,
+  hasRewards: s,
   hasDebtRewards: g,
   disabledStyle: p,
   apyLoading: h,
@@ -86,14 +86,14 @@ function U({
           },
           "apy"
         ) : void 0,
-        l || g ? /* @__PURE__ */ e(
+        s || g ? /* @__PURE__ */ e(
           j,
           {
-            rewards: s,
+            rewards: l,
             rewardRates: d,
             debtRewards: u,
             debtRewardRates: f,
-            hasRewards: l,
+            hasRewards: s,
             hasDebtRewards: g,
             disabledStyle: p
           },
@@ -117,12 +117,12 @@ function U({
 function j({
   rewards: n,
   rewardRates: r,
-  debtRewards: s,
+  debtRewards: l,
   debtRewardRates: d,
   hasRewards: u,
   hasDebtRewards: f,
   disabledStyle: a,
-  theme: l
+  theme: s
 }) {
   return (() => {
     const p = [
@@ -134,13 +134,13 @@ function j({
             {
               reward: t,
               points: r?.[i] || 0n,
-              theme: l
+              theme: s
             }
           ) })
         },
         ["base", t.multiplier, t.name, t.type, t.units].join("-")
       )) : void 0,
-      f ? s.map((t, i) => /* @__PURE__ */ e(
+      f ? l.map((t, i) => /* @__PURE__ */ e(
         "span",
         {
           children: /* @__PURE__ */ e(L, { disabled: a, children: /* @__PURE__ */ e(
@@ -148,7 +148,7 @@ function j({
             {
               reward: t,
               points: d?.[i] || 0n,
-              theme: l
+              theme: s
             }
           ) })
         },

package/dist/types/components/composites/strategies-table/types/table.d.ts

@@ -36,8 +36,8 @@ export interface StrategyTableRowDTO<S extends StrategyDTO = StrategyDTO, T exte
     readonly disabledStyle?: boolean;
     readonly disabledTooltip?: React.ReactNode;
     readonly rewardsCellInfo: RewardsTooltipCellInfo;
-    readonly zeroSlippageTokens: Partial<Record<Address, boolean>> | undefined;
-    readonly delayedConfigs: ReadonlyArray<StrategyTableDelayedConfig> | undefined;
+    readonly isZeroSlippagePair: boolean;
+    readonly zeroSlippageToken: T | undefined;
     readonly loading?: boolean;
 }
 export type StrategyTableRow = StrategyTableRowDTO;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gearbox-protocol/ui-kit",
-  "version": "3.12.0-next.2",
+  "version": "3.12.1",
   "description": "Internal UI components",
   "repository": "https://github.com/gearbox-protocol/ui-kit",
   "license": "MIT",