@gearbox-protocol/ui-kit 3.14.0-next.4 → 3.14.0-next.41

package/dist/esm/components/composites/credit-account-history/index.js

@@ -0,0 +1,8 @@
+import { CreditAccountHistory as t } from "./credit-account-history.js";
+import { GEARBOX_PROTOCOL_INFO as i, ZERO_ADDRESS as e, isMulticallOperation as R } from "./types.js";
+export {
+  t as CreditAccountHistory,
+  i as GEARBOX_PROTOCOL_INFO,
+  e as ZERO_ADDRESS,
+  R as isMulticallOperation
+};

package/dist/esm/components/composites/credit-account-history/line.js

@@ -0,0 +1,125 @@
+import { jsxs as o, Fragment as a, jsx as e } from "react/jsx-runtime";
+import { formatLeverage as C } from "@gearbox-protocol/sdk";
+import { GridTableRow as l, GridTableCell as s } from "../../table/grid-table.js";
+import { TableLineSm as I, TableCellSm as p } from "../../table/table-sm.js";
+import { FormattedMessageTyped as d } from "../../typed-intl/index.js";
+import { useIsMobile as M } from "../../../hooks/use-media-query.js";
+import "react";
+import { cn as n } from "../../../utils/cn.js";
+import "sonner";
+import "@gearbox-protocol/sdk/common-utils";
+import { tokenTemplate as R } from "../../../utils/templates.js";
+import "luxon";
+import "../../../utils/z-index.js";
+import { Details as j } from "./cells/details.js";
+import { Hash as O } from "./cells/hash.js";
+import { Protocol as D } from "./cells/protocol.js";
+import "../../tooltip/simple-tooltip.js";
+import "../../tooltip/tooltip.js";
+import "../../token-symbol/token-symbol.js";
+import { GEARBOX_PROTOCOL_INFO as F, isMulticallOperation as G } from "./types.js";
+function oe({
+  data: t,
+  details: T,
+  tokens: h,
+  protocols: y,
+  hideBorder: m,
+  index: f,
+  underlyingToken: A,
+  explorerUrl: i
+}) {
+  const L = M(), u = y?.[t.protocol.toLowerCase()] || F, c = G(t), r = f.index === 0, x = r && f.outOf === 0 || !r, b = () => {
+    if (t.operationType === "OpenCreditAccount") {
+      const v = t, w = h[A];
+      return /* @__PURE__ */ o(a, { children: [
+        " ",
+        "(",
+        R(v.from, w),
+        " ",
+        ">",
+        " x",
+        C(v.leverage),
+        ")"
+      ] });
+    }
+    return null;
+  }, N = () => u && /* @__PURE__ */ e(D, { isUnderlying: !r, protocol: u }), g = () => c ? null : t.operation, H = () => /* @__PURE__ */ e(j, { tokensList: h, data: T });
+  return L ? /* @__PURE__ */ o(a, { children: [
+    r && /* @__PURE__ */ e(l, { noHover: !0, children: /* @__PURE__ */ e(s, { span: "full", className: "pb-2 pt-4", children: /* @__PURE__ */ o("div", { className: "flex flex-col gap-1", children: [
+      /* @__PURE__ */ o("div", { className: "text-xs", children: [
+        t.date,
+        " ",
+        t.time,
+        c && ` - ${t.operation}`,
+        b()
+      ] }),
+      i && /* @__PURE__ */ e(O, { txHash: t.txHash, etherscanAddress: i })
+    ] }) }) }),
+    x && /* @__PURE__ */ e(
+      l,
+      {
+        noHover: !0,
+        className: n(m && "[&>*]:!border-b-0"),
+        children: /* @__PURE__ */ e(s, { span: "full", className: n(!r && "pl-4"), children: /* @__PURE__ */ o(I, { columns: 3, columnsXs: 2, columnsSm: 3, children: [
+          /* @__PURE__ */ e(
+            p,
+            {
+              title: /* @__PURE__ */ e(d, { messageId: "components.creditAccountHistory.table.protocol" }),
+              children: N()
+            }
+          ),
+          /* @__PURE__ */ e(
+            p,
+            {
+              title: /* @__PURE__ */ e(d, { messageId: "components.creditAccountHistory.table.operation" }),
+              children: g()
+            }
+          ),
+          /* @__PURE__ */ e(
+            p,
+            {
+              title: /* @__PURE__ */ e(d, { messageId: "components.creditAccountHistory.table.details" }),
+              className: "items-start",
+              children: H()
+            }
+          )
+        ] }) })
+      }
+    )
+  ] }) : /* @__PURE__ */ o(a, { children: [
+    r && /* @__PURE__ */ e(l, { noHover: !0, children: /* @__PURE__ */ e(s, { span: "full", className: "pb-2 pt-4", children: /* @__PURE__ */ o("div", { className: "flex flex-col sm:flex-row justify-between sm:items-center gap-1 sm:gap-0", children: [
+      /* @__PURE__ */ o("div", { className: "text-xs sm:text-sm", children: [
+        t.date,
+        " ",
+        t.time,
+        c && ` - ${t.operation}`,
+        b()
+      ] }),
+      i && /* @__PURE__ */ e(O, { txHash: t.txHash, etherscanAddress: i })
+    ] }) }) }),
+    x && /* @__PURE__ */ o(
+      l,
+      {
+        className: n(
+          !r && !m && "[&>*]:!border-t-0",
+          m && "[&>*]:!border-b-0",
+          "hover:[&>*]:bg-transparent"
+        ),
+        children: [
+          /* @__PURE__ */ e(
+            s,
+            {
+              className: n(r ? "" : "pl-8 sm:pl-4", "text-xs sm:text-sm"),
+              children: N()
+            }
+          ),
+          /* @__PURE__ */ e(s, { className: "text-xs sm:text-sm", children: g() }),
+          /* @__PURE__ */ e(s, { className: "text-xs sm:text-sm", children: H() })
+        ]
+      }
+    )
+  ] });
+}
+export {
+  oe as HistoryLine
+};

package/dist/esm/components/composites/credit-account-history/types.js

@@ -0,0 +1,9 @@
+const l = "0x0000000000000000000000000000000000000000", t = {
+  name: "Gearbox",
+  icon: "/logo/logo_symbol.png"
+}, c = (o) => typeof o == "object" && !!o && !!o.multicall;
+export {
+  t as GEARBOX_PROTOCOL_INFO,
+  l as ZERO_ADDRESS,
+  c as isMulticallOperation
+};

package/dist/esm/components/composites/index.js

@@ -1,81 +1,87 @@
-import { OracleComponent as r } from "./oracles-and-lt-table/oracle-component.js";
-import { OraclesAndLTLineView as a } from "./oracles-and-lt-table/oracles-and-lt-line-view.js";
-import { OraclesAndLTTableView as m } from "./oracles-and-lt-table/oracles-and-lt-table.js";
-import { OraclesAndLTTableHead as s } from "./oracles-and-lt-table/oracles-and-lt-table-head.js";
-import { OraclesList as f, getPriceFeedInfo as i } from "./oracles-and-lt-table/oracles-list.js";
-import { PoolAssetsTable as x } from "./pool-assets-table/pool-assets-table.js";
-import { PoolAssetsTableHead as C } from "./pool-assets-table/pool-assets-table-head.js";
-import { PoolAssetsTableRow as P } from "./pool-assets-table/pool-assets-table-row.js";
-import { overflowContainerClassName as w, overflowWrapClassName as g } from "./pool-credit-manager-info/overflow-layout.js";
-import { PoolCreditManagerInfo as A } from "./pool-credit-manager-info/pool-credit-manager-info.js";
-import { PoolCreditManagersTable as F } from "./pool-credit-managers-table/pool-credit-managers-table.js";
-import { PoolCreditManagersTableHead as L } from "./pool-credit-managers-table/pool-credit-managers-table-head.js";
-import { PoolCreditManagersTableRow as O } from "./pool-credit-managers-table/pool-credit-managers-table-row.js";
-import { balanceColumn as H, borrowApyColumn as M, borrowedColumn as N, collateralColumn as V, customColumn as W, defaultPoolName as I, poolColumn as Y, supplyApyColumn as z, supplyColumn as D, utilizationColumn as G } from "./pool-table/columns.js";
-import { PoolTable as h } from "./pool-table/pool-table.js";
-import { customStrategyColumn as k, strategyColumn as q, strategyLeverageColumn as B, strategyRewardsColumn as E } from "./strategies-table/columns.js";
-import { APYFeature as K, APYFeatureTooltip as Q } from "./strategies-table/components/apy-feature/apy-feature.js";
-import { RWAFeature as X, StrategiesRewardsCell as _, StrategyPoints as $, ZeroSlippageFeature as oo } from "./strategies-table/components/cells/cells.js";
-import { DisabledWrap as ro, Plus as to, TitleGrid as ao } from "./strategies-table/components/cells/cells.styles.js";
-import { Feature as mo } from "./strategies-table/components/feature/feature.js";
-import { FeatureRoot as so } from "./strategies-table/components/feature/feature.styles.js";
-import { StrategiesTableNotFoundLine as fo } from "./strategies-table/components/not-found-line.js";
-import { PointsFeature as uo, PointsFeatureTooltip as xo, PointsLabel as Co } from "./strategies-table/components/points-feature/points-feature.js";
-import { RewardsTooltip as Po, RewardsTooltipHover as bo } from "./strategies-table/components/rewards-tooltip/rewards-tooltip.js";
-import { RewardsTooltipRoot as go } from "./strategies-table/components/rewards-tooltip/rewards-tooltip-root.js";
-import { RewardsTooltipView as Ao } from "./strategies-table/components/rewards-tooltip/rewards-tooltip-view.js";
-import { RewardsTooltipContent as Fo } from "./strategies-table/components/rewards-tooltip/tooltip-content.js";
-import { StrategiesTable as Lo } from "./strategies-table/components/strategies-table.js";
+import { CreditAccountHistory as r } from "./credit-account-history/credit-account-history.js";
+import { GEARBOX_PROTOCOL_INFO as a, ZERO_ADDRESS as l, isMulticallOperation as p } from "./credit-account-history/types.js";
+import { OracleComponent as s } from "./oracles-and-lt-table/oracle-component.js";
+import { OraclesAndLTLineView as i } from "./oracles-and-lt-table/oracles-and-lt-line-view.js";
+import { OraclesAndLTTableView as u } from "./oracles-and-lt-table/oracles-and-lt-table.js";
+import { OraclesAndLTTableHead as C } from "./oracles-and-lt-table/oracles-and-lt-table-head.js";
+import { OraclesList as T, getPriceFeedInfo as P } from "./oracles-and-lt-table/oracles-list.js";
+import { PoolAssetsTable as w } from "./pool-assets-table/pool-assets-table.js";
+import { PoolAssetsTableHead as g } from "./pool-assets-table/pool-assets-table-head.js";
+import { PoolAssetsTableRow as c } from "./pool-assets-table/pool-assets-table-row.js";
+import { overflowContainerClassName as F, overflowWrapClassName as y } from "./pool-credit-manager-info/overflow-layout.js";
+import { PoolCreditManagerInfo as S } from "./pool-credit-manager-info/pool-credit-manager-info.js";
+import { PoolCreditManagersTable as M } from "./pool-credit-managers-table/pool-credit-managers-table.js";
+import { PoolCreditManagersTableHead as v } from "./pool-credit-managers-table/pool-credit-managers-table-head.js";
+import { PoolCreditManagersTableRow as E } from "./pool-credit-managers-table/pool-credit-managers-table-row.js";
+import { balanceColumn as V, borrowApyColumn as W, borrowedColumn as _, collateralColumn as G, customColumn as Y, defaultPoolName as Z, poolColumn as z, supplyApyColumn as B, supplyColumn as X, utilizationColumn as h } from "./pool-table/columns.js";
+import { PoolTable as k } from "./pool-table/pool-table.js";
+import { customStrategyColumn as J, strategyColumn as K, strategyLeverageColumn as Q, strategyRewardsColumn as U } from "./strategies-table/columns.js";
+import { APYFeature as oo, APYFeatureTooltip as eo } from "./strategies-table/components/apy-feature/apy-feature.js";
+import { RWAFeature as to, StrategiesRewardsCell as ao, StrategyPoints as lo, ZeroSlippageFeature as po } from "./strategies-table/components/cells/cells.js";
+import { DisabledWrap as so, Plus as no, TitleGrid as io } from "./strategies-table/components/cells/cells.styles.js";
+import { Feature as uo } from "./strategies-table/components/feature/feature.js";
+import { FeatureRoot as Co } from "./strategies-table/components/feature/feature.styles.js";
+import { StrategiesTableNotFoundLine as Po } from "./strategies-table/components/not-found-line.js";
+import { PointsFeature as wo, PointsFeatureTooltip as Ro, PointsLabel as go } from "./strategies-table/components/points-feature/points-feature.js";
+import { RewardsTooltip as co, RewardsTooltipHover as Oo } from "./strategies-table/components/rewards-tooltip/rewards-tooltip.js";
+import { RewardsTooltipRoot as yo } from "./strategies-table/components/rewards-tooltip/rewards-tooltip-root.js";
+import { RewardsTooltipView as So } from "./strategies-table/components/rewards-tooltip/rewards-tooltip-view.js";
+import { RewardsTooltipContent as Mo } from "./strategies-table/components/rewards-tooltip/tooltip-content.js";
+import { StrategiesTable as vo } from "./strategies-table/components/strategies-table.js";
 export {
-  K as APYFeature,
-  Q as APYFeatureTooltip,
-  ro as DisabledWrap,
-  mo as Feature,
-  so as FeatureRoot,
-  r as OracleComponent,
-  a as OraclesAndLTLineView,
-  s as OraclesAndLTTableHead,
-  m as OraclesAndLTTableView,
-  f as OraclesList,
-  to as Plus,
-  uo as PointsFeature,
-  xo as PointsFeatureTooltip,
-  Co as PointsLabel,
-  x as PoolAssetsTable,
-  C as PoolAssetsTableHead,
-  P as PoolAssetsTableRow,
-  A as PoolCreditManagerInfo,
-  F as PoolCreditManagersTable,
-  L as PoolCreditManagersTableHead,
-  O as PoolCreditManagersTableRow,
-  h as PoolTable,
-  X as RWAFeature,
-  Po as RewardsTooltip,
-  Fo as RewardsTooltipContent,
-  bo as RewardsTooltipHover,
-  go as RewardsTooltipRoot,
-  Ao as RewardsTooltipView,
-  _ as StrategiesRewardsCell,
-  Lo as StrategiesTable,
-  fo as StrategiesTableNotFoundLine,
-  $ as StrategyPoints,
-  ao as TitleGrid,
-  oo as ZeroSlippageFeature,
-  H as balanceColumn,
-  M as borrowApyColumn,
-  N as borrowedColumn,
-  V as collateralColumn,
-  W as customColumn,
-  k as customStrategyColumn,
-  I as defaultPoolName,
-  i as getPriceFeedInfo,
-  w as overflowContainerClassName,
-  g as overflowWrapClassName,
-  Y as poolColumn,
-  q as strategyColumn,
-  B as strategyLeverageColumn,
-  E as strategyRewardsColumn,
-  z as supplyApyColumn,
-  D as supplyColumn,
-  G as utilizationColumn
+  oo as APYFeature,
+  eo as APYFeatureTooltip,
+  r as CreditAccountHistory,
+  so as DisabledWrap,
+  uo as Feature,
+  Co as FeatureRoot,
+  a as GEARBOX_PROTOCOL_INFO,
+  s as OracleComponent,
+  i as OraclesAndLTLineView,
+  C as OraclesAndLTTableHead,
+  u as OraclesAndLTTableView,
+  T as OraclesList,
+  no as Plus,
+  wo as PointsFeature,
+  Ro as PointsFeatureTooltip,
+  go as PointsLabel,
+  w as PoolAssetsTable,
+  g as PoolAssetsTableHead,
+  c as PoolAssetsTableRow,
+  S as PoolCreditManagerInfo,
+  M as PoolCreditManagersTable,
+  v as PoolCreditManagersTableHead,
+  E as PoolCreditManagersTableRow,
+  k as PoolTable,
+  to as RWAFeature,
+  co as RewardsTooltip,
+  Mo as RewardsTooltipContent,
+  Oo as RewardsTooltipHover,
+  yo as RewardsTooltipRoot,
+  So as RewardsTooltipView,
+  ao as StrategiesRewardsCell,
+  vo as StrategiesTable,
+  Po as StrategiesTableNotFoundLine,
+  lo as StrategyPoints,
+  io as TitleGrid,
+  l as ZERO_ADDRESS,
+  po as ZeroSlippageFeature,
+  V as balanceColumn,
+  W as borrowApyColumn,
+  _ as borrowedColumn,
+  G as collateralColumn,
+  Y as customColumn,
+  J as customStrategyColumn,
+  Z as defaultPoolName,
+  P as getPriceFeedInfo,
+  p as isMulticallOperation,
+  F as overflowContainerClassName,
+  y as overflowWrapClassName,
+  z as poolColumn,
+  K as strategyColumn,
+  Q as strategyLeverageColumn,
+  U as strategyRewardsColumn,
+  B as supplyApyColumn,
+  X as supplyColumn,
+  h as utilizationColumn
 };

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

@@ -20,6 +20,7 @@ import "../../../utils/z-index.js";
 import { TokenSymbol as Y } from "../../token-symbol/token-symbol.js";
 import { FormattedMessageTyped as f } from "../../typed-intl/index.js";
 import { poolTableTestIds as z } from "../../../test-ids/pool-table.js";
+import "../credit-account-history/credit-account-history.js";
 import "@gearbox-protocol/static";
 import "../../base-link/base-link.js";
 import "../../client-adapters/styled-rounded-image/styled-rounded-image.js";
@@ -114,6 +115,8 @@ import "../../graph/graph-view.js";
 import "../../health-factor/health-factor.js";
 import "../../horizontal-indicator/horizontal-indicator.js";
 import "../../icon-button/icon-button.js";
+import "../../layout/app-footer/app-footer.js";
+import "../../layout/app-header/app-header.js";
 import "../../layout/col/col.js";
 import "../../layout/container/container.js";
 import "../../layout/footer/footer.js";
@@ -123,6 +126,7 @@ import "../../layout/layout/layout.js";
 import "../../layout/main-aside-layout/main-aside-layout.js";
 import "../../page-title/page-title.js";
 import "../../layout/social-icons/social-icons.js";
+import "../../legal-agreement/legal-agreement-theme.js";
 import "../../link/link.js";
 import "../../../utils/reactochart-compat.js";
 import "../../status-elements/status-elements.js";
@@ -172,7 +176,7 @@ import "../../with-filter-button/with-filter-button.js";
 import { RWAFeature as B } from "../strategies-table/components/cells/cells.js";
 import "../strategies-table/components/feature/feature.styles.js";
 import "../strategies-table/components/rewards-tooltip/rewards-tooltip-root.js";
-function p(o, t, i) {
+function n(o, t, i) {
   const e = o?.header ?? /* @__PURE__ */ r(
     f,
     {
@@ -187,7 +191,7 @@ function p(o, t, i) {
   return { header: e, headerTip: l, mobileTitle: o?.mobileTitle ?? e };
 }
 function S({ ctx: o }) {
-  const { pool: t, underlyingToken: i, points: e, apy: l, isMobile: m } = o, n = m ? 20 : 24, a = /* @__PURE__ */ r(Y, { token: i, size: n });
+  const { pool: t, underlyingToken: i, points: e, apy: l, isMobile: m } = o, p = m ? 20 : 24, a = /* @__PURE__ */ r(Y, { token: i, size: p });
   return e && e.length > 0 && l ? /* @__PURE__ */ r(
     P,
     {
@@ -196,9 +200,9 @@ function S({ ctx: o }) {
       extraAPY: l.extraAPY,
       points: e,
       tokensList: o.tokensList,
-      children: /* @__PURE__ */ r("div", { children: /* @__PURE__ */ r(v, { size: n, children: a }) })
+      children: /* @__PURE__ */ r("div", { children: /* @__PURE__ */ r(v, { size: p, children: a }) })
     }
-  ) : t.hasPoints ? /* @__PURE__ */ r(D, { size: n, children: a }) : a;
+  ) : t.hasPoints ? /* @__PURE__ */ r(D, { size: p, children: a }) : a;
 }
 function F(o) {
   const t = o.underlyingToken?.title ?? o.underlyingToken?.symbol ?? "", i = o.pool.version;
@@ -277,7 +281,7 @@ function O({ ctx: o }) {
   );
 }
 function R(o, t, i) {
-  const e = o.pool.collateralTokens, { tokensList: l, isMobile: m } = o, { mode: n = "cascade", ...a } = i ?? {};
+  const e = o.pool.collateralTokens, { tokensList: l, isMobile: m } = o, { mode: p = "cascade", ...a } = i ?? {};
   return !e?.length || !l ? null : /* @__PURE__ */ r(
     A,
     {
@@ -285,12 +289,12 @@ function R(o, t, i) {
       tokensList: l,
       balances: e.map((s) => ({ token: s })),
       iconSize: m ? 20 : 24,
-      options: { mode: n, ...a }
+      options: { mode: p, ...a }
     }
   );
 }
-function Zi(o) {
-  const { header: t, mobileTitle: i } = p(
+function ee(o) {
+  const { header: t, mobileTitle: i } = n(
     o,
     "components.poolTable.pool"
   );
@@ -311,8 +315,8 @@ function Zi(o) {
     mobileTitle: i
   };
 }
-function oe(o) {
-  const { header: t, mobileTitle: i } = p(
+function re(o) {
+  const { header: t, mobileTitle: i } = n(
     o,
     "components.poolTable.supply"
   );
@@ -327,8 +331,8 @@ function oe(o) {
     mobileTitle: i
   };
 }
-function te(o) {
-  const { header: t, headerTip: i, mobileTitle: e } = p(
+function le(o) {
+  const { header: t, headerTip: i, mobileTitle: e } = n(
     o,
     "components.poolTable.supplyApy",
     "components.poolTable.supplyApy.tip"
@@ -341,18 +345,18 @@ function te(o) {
     align: "right",
     sort: o?.sortField !== void 0 ? { field: o.sortField, defaultDirection: "desc" } : { field: "apy", defaultDirection: "desc" },
     cell: (l) => {
-      const { apy: m, loading: n, points: a, tokensList: s } = l, {
+      const { apy: m, loading: p, points: a, tokensList: s } = l, {
         totalAPY: T = 0,
         baseAPY: b = [],
         extraAPY: w = [],
         externalAPY: y,
         apy7DAgo: k
       } = m ?? {};
-      return /* @__PURE__ */ r(u, { width: 60, loading: !!n, children: /* @__PURE__ */ r(
+      return /* @__PURE__ */ r(u, { width: 60, loading: !!p, children: /* @__PURE__ */ r(
         C,
         {
           totalAPY: T,
-          totalAPYLoading: !!n,
+          totalAPYLoading: !!p,
           baseAPY: b,
           extraAPY: w,
           points: a,
@@ -365,8 +369,8 @@ function te(o) {
     mobileTitle: e
   };
 }
-function ie(o) {
-  const { header: t, mobileTitle: i } = p(
+function me(o) {
+  const { header: t, mobileTitle: i } = n(
     o,
     "components.poolTable.borrowed"
   );
@@ -379,8 +383,8 @@ function ie(o) {
     mobileTitle: i
   };
 }
-function ee(o) {
-  const { header: t, headerTip: i, mobileTitle: e } = p(
+function pe(o) {
+  const { header: t, headerTip: i, mobileTitle: e } = n(
     o,
     "components.poolTable.borrowApy"
   );
@@ -397,8 +401,8 @@ function ee(o) {
     mobileTitle: e
   };
 }
-function re(o) {
-  const { header: t, mobileTitle: i } = p(
+function ne(o) {
+  const { header: t, mobileTitle: i } = n(
     o,
     "components.poolTable.utilization"
   );
@@ -416,8 +420,8 @@ function re(o) {
     mobileTitle: i
   };
 }
-function le(o) {
-  const t = o?.maxAssets ?? 5, i = (m) => R(m, t, o?.options), { header: e, mobileTitle: l } = p(
+function ae(o) {
+  const t = o?.maxAssets ?? 5, i = (m) => R(m, t, o?.options), { header: e, mobileTitle: l } = n(
     o,
     "components.poolTable.collateral"
   );
@@ -432,8 +436,8 @@ function le(o) {
     mobileTitle: l
   };
 }
-function me(o) {
-  const { header: t, mobileTitle: i } = p(
+function de(o) {
+  const { header: t, mobileTitle: i } = n(
     o,
     "components.poolTable.balance"
   );
@@ -449,18 +453,18 @@ function me(o) {
     mobileTitle: i
   };
 }
-function ne(o) {
+function se(o) {
   return o;
 }
 export {
-  me as balanceColumn,
-  ee as borrowApyColumn,
-  ie as borrowedColumn,
-  le as collateralColumn,
-  ne as customColumn,
+  de as balanceColumn,
+  pe as borrowApyColumn,
+  me as borrowedColumn,
+  ae as collateralColumn,
+  se as customColumn,
   F as defaultPoolName,
-  Zi as poolColumn,
-  te as supplyApyColumn,
-  oe as supplyColumn,
-  re as utilizationColumn
+  ee as poolColumn,
+  le as supplyApyColumn,
+  re as supplyColumn,
+  ne as utilizationColumn
 };

package/dist/esm/components/composites/tx-preview/components/AddressAvatar.js

@@ -0,0 +1,47 @@
+import { jsx as e } from "react/jsx-runtime";
+import { faVault as n, faWallet as i } from "@fortawesome/free-solid-svg-icons";
+import { getStatic as a } from "@gearbox-protocol/static";
+import { FaIcon as r } from "../../../icons/fa-icon.js";
+import { RoundedImage as c } from "../../../rounded-image/rounded-image.js";
+import { Identicon as l } from "../../../signatures/identicon.js";
+const t = 24, m = a("/logo/logo_symbol.png");
+function x({
+  address: o,
+  role: s = "external"
+}) {
+  switch (s) {
+    case "wallet":
+      return /* @__PURE__ */ e(
+        "span",
+        {
+          className: "flex shrink-0 items-center justify-center rounded-full bg-gray-700",
+          style: { width: t, height: t },
+          children: /* @__PURE__ */ e(r, { icon: i, className: "size-3 text-foreground" })
+        }
+      );
+    case "creditAccount":
+      return /* @__PURE__ */ e(
+        "span",
+        {
+          className: "flex shrink-0 items-center justify-center rounded-full bg-gray-700",
+          style: { width: t, height: t },
+          children: /* @__PURE__ */ e(r, { icon: n, className: "size-3 text-foreground" })
+        }
+      );
+    case "pool":
+      return /* @__PURE__ */ e(
+        c,
+        {
+          size: t,
+          fit: "contain",
+          src: m,
+          className: "shrink-0"
+        }
+      );
+    default:
+      return /* @__PURE__ */ e(l, { address: o, size: t });
+  }
+}
+export {
+  x as AddressAvatar
+};

package/dist/esm/components/composites/tx-preview/components/AddressParty.js

@@ -0,0 +1,17 @@
+import { jsxs as n, jsx as e, Fragment as m } from "react/jsx-runtime";
+import { WithCopy as s } from "../../../with-copy/with-copy.js";
+import { shortenHash as a } from "../../../../utils/format.js";
+import { AddressAvatar as c } from "./AddressAvatar.js";
+function x({ address: r, label: t }) {
+  const o = a(r);
+  return /* @__PURE__ */ n("span", { className: "flex min-w-0 items-center gap-2", children: [
+    /* @__PURE__ */ e(c, { address: r, role: t?.role }),
+    /* @__PURE__ */ e("span", { className: "flex min-w-0 flex-col", children: t?.transferLabel ? /* @__PURE__ */ n(m, { children: [
+      /* @__PURE__ */ e("span", { className: "truncate text-foreground text-sm", children: t.transferLabel }),
+      /* @__PURE__ */ e(s, { toCopy: r, children: /* @__PURE__ */ e("span", { className: "font-mono text-muted-foreground text-xs", children: o }) })
+    ] }) : /* @__PURE__ */ e(s, { toCopy: r, children: /* @__PURE__ */ e("span", { className: "font-mono text-foreground text-sm", children: o }) }) })
+  ] });
+}
+export {
+  x as AddressParty
+};

package/dist/esm/components/composites/tx-preview/components/AddressRow.js

@@ -0,0 +1,16 @@
+import { jsx as o } from "react/jsx-runtime";
+import { VerticalIndicator as e } from "../../../vertical-indicator/vertical-indicator.js";
+import { WithCopy as m } from "../../../with-copy/with-copy.js";
+import { shortenHash as n } from "../../../../utils/format.js";
+function a({ label: t, address: r }) {
+  return /* @__PURE__ */ o(
+    e,
+    {
+      label: t,
+      value: /* @__PURE__ */ o(m, { toCopy: r, children: /* @__PURE__ */ o("span", { className: "font-mono text-foreground text-sm", children: n(r) }) })
+    }
+  );
+}
+export {
+  a as AddressRow
+};

package/dist/esm/components/composites/tx-preview/components/AmountRow.js

@@ -0,0 +1,30 @@
+import { jsx as m, jsxs as r } from "react/jsx-runtime";
+import { TokenIcon as t } from "../../../token-icon/token-icon.js";
+import { TokenTemplate as l } from "../../../token-template/token-template.js";
+import { VerticalIndicator as i } from "../../../vertical-indicator/vertical-indicator.js";
+function f({ value: e, token: o, label: s = "Amount" }) {
+  return /* @__PURE__ */ m(
+    i,
+    {
+      label: s,
+      value: /* @__PURE__ */ r("span", { className: "flex items-center justify-end gap-2", children: [
+        /* @__PURE__ */ m(t, { symbol: o.symbol, size: 16 }),
+        /* @__PURE__ */ m(
+          l,
+          {
+            value: e,
+            token: {
+              symbol: o.symbol,
+              title: o.symbol,
+              decimals: o.decimals
+            },
+            showSymbol: !0
+          }
+        )
+      ] })
+    }
+  );
+}
+export {
+  f as AmountRow
+};