@gearbox-protocol/ui-kit 3.14.0-next.11 → 3.14.0-next.13

package/dist/esm/components/composites/tx-preview/confirm/stepper/computeTransactionExecutionSteps.js

@@ -0,0 +1,28 @@
+const r = [
+  "connect",
+  "network",
+  "approve",
+  "execute"
+], l = {
+  connect: "connect",
+  network: "network",
+  approve: "approve",
+  execute: "execute"
+};
+function p(e) {
+  return e.isConnected ? !e.isCorrectChain || !e.isAuthReady ? "network" : e.needsApproval && !e.allowWalletBatching && !e.isApprovalPending || e.isApprovalPending ? "approve" : "execute" : "connect";
+}
+function s(e, t, o) {
+  const n = r.indexOf(o);
+  return r.indexOf(e) < n || e === "approve" && t.allowWalletBatching || e === "approve" && !t.needsApproval ? !0 : (e === "execute" && t.isExecuting, !1);
+}
+function u(e) {
+  const t = p(e);
+  return { steps: r.map((n) => {
+    const a = s(n, e, t) ? "completed" : n === t ? "active" : "upcoming", i = n === "approve" && e.allowWalletBatching ? "approveBatch" : l[n];
+    return { id: n, labelKey: i, status: a };
+  }), activeStepId: t };
+}
+export {
+  u as computeTransactionExecutionSteps
+};

package/dist/esm/components/composites/tx-preview/confirm/stepper/constants.js

@@ -0,0 +1,6 @@
+class o {
+  static root = "transaction-stepper-root";
+}
+export {
+  o as TransactionStepperTest
+};

package/dist/esm/components/composites/tx-preview/confirm/stepper/index.js

@@ -0,0 +1,8 @@
+import { computeTransactionExecutionSteps as r } from "./computeTransactionExecutionSteps.js";
+import { TransactionStepperTest as p } from "./constants.js";
+import { HorizontalTransactionStepper as a } from "./HorizontalTransactionStepper.js";
+export {
+  a as HorizontalTransactionStepper,
+  p as TransactionStepperTest,
+  r as computeTransactionExecutionSteps
+};

package/dist/esm/components/composites/tx-preview/hooks/useParsedTransaction.js

@@ -0,0 +1,45 @@
+import { parseOperationCalldata as f, isPoolOperation as y, simulatePoolOperation as v } from "@gearbox-protocol/sdk/preview";
+import { useQuery as I } from "@tanstack/react-query";
+import { useMemo as O } from "react";
+function g(c) {
+  const { sdk: n, to: e, calldata: o, sender: t, refreshNonce: u, enabled: a = !0 } = c, { parsed: s, error: m } = O(() => {
+    if (!a)
+      return { parsed: void 0, error: null };
+    try {
+      return {
+        parsed: f({
+          sdk: n,
+          to: e,
+          calldata: o,
+          sender: t
+        }),
+        error: null
+      };
+    } catch (l) {
+      return { parsed: void 0, error: l instanceof Error ? l : new Error(String(l)) };
+    }
+  }, [a, n, e, o, t, u]), r = a && s && y(s) ? s : void 0, d = I({
+    queryKey: ["pool-simulation", e, o, t, u],
+    enabled: a && r !== void 0,
+    queryFn: () => v({
+      // `enabled` guarantees `poolOp` is defined when this runs.
+      sdk: n,
+      operation: r,
+      to: e,
+      calldata: o,
+      wallet: t
+    }),
+    staleTime: Number.POSITIVE_INFINITY,
+    retry: !1
+  }), i = d.data;
+  let p = s;
+  return r && i?.status === "success" && (p = { ...r, transfers: i.transfers }), {
+    data: p,
+    error: m,
+    simulation: i,
+    isSimulating: r !== void 0 && d.isLoading
+  };
+}
+export {
+  g as useParsedTransaction
+};

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

@@ -0,0 +1,70 @@
+import { AddressAvatar as e } from "./components/AddressAvatar.js";
+import { AddressParty as a } from "./components/AddressParty.js";
+import { AddressRow as i } from "./components/AddressRow.js";
+import { AmountRow as s } from "./components/AmountRow.js";
+import { getAddressLabel as m } from "./components/addressLabel.js";
+import { CollapsibleCard as l } from "./components/CollapsibleCard.js";
+import { SectionDivider as C } from "./components/SectionDivider.js";
+import { TransferList as w } from "./components/TransferList.js";
+import { TransferRow as c } from "./components/TransferRow.js";
+import { TransactionConfirmDialogTest as g } from "./confirm/dialog/constants.js";
+import { TransactionConfirmDialogView as R } from "./confirm/dialog/TransactionConfirmDialogView.js";
+import { useTransactionConfirmDialog as A } from "./confirm/dialog/useTransactionConfirmDialog.js";
+import { useCalldataOperationPreview as S } from "./confirm/hooks/useCalldataOperationPreview.js";
+import { OperationPreviewContent as v } from "./confirm/preview/OperationPreviewContent.js";
+import { computeTransactionExecutionSteps as V } from "./confirm/stepper/computeTransactionExecutionSteps.js";
+import { TransactionStepperTest as L } from "./confirm/stepper/constants.js";
+import { HorizontalTransactionStepper as k } from "./confirm/stepper/HorizontalTransactionStepper.js";
+import { useParsedTransaction as E } from "./hooks/useParsedTransaction.js";
+import { OperationBody as H } from "./operations/OperationBody.js";
+import { OperationsCard as j, hasOperationView as F } from "./operations/OperationsCard.js";
+import { PoolDepositView as J } from "./operations/PoolDepositView.js";
+import { PoolRow as M } from "./operations/PoolRow.js";
+import { PoolWithdrawView as Q } from "./operations/PoolWithdrawView.js";
+import { PrerequisiteRow as X } from "./prerequisites/PrerequisiteRow.js";
+import { PrerequisitesCard as Z } from "./prerequisites/PrerequisitesCard.js";
+import { prerequisiteDetailRenderers as $, renderPrerequisiteDetail as rr } from "./prerequisites/prerequisiteDetails.js";
+import { usePrerequisites as er } from "./prerequisites/usePrerequisites.js";
+import { BalanceChangeGroup as ar } from "./state-change/BalanceChangeGroup.js";
+import { BalanceChangeRow as ir } from "./state-change/BalanceChangeRow.js";
+import { PoolStateChangeCard as sr } from "./state-change/PoolStateChangeCard.js";
+import { StateChangeCard as mr } from "./state-change/StateChangeCard.js";
+import { buildPoolOperationLabels as lr } from "./utils/addressLabels.js";
+import { resolveToken as Cr } from "./utils/poolTokenInfo.js";
+export {
+  e as AddressAvatar,
+  a as AddressParty,
+  i as AddressRow,
+  s as AmountRow,
+  ar as BalanceChangeGroup,
+  ir as BalanceChangeRow,
+  l as CollapsibleCard,
+  k as HorizontalTransactionStepper,
+  H as OperationBody,
+  v as OperationPreviewContent,
+  j as OperationsCard,
+  J as PoolDepositView,
+  M as PoolRow,
+  sr as PoolStateChangeCard,
+  Q as PoolWithdrawView,
+  X as PrerequisiteRow,
+  Z as PrerequisitesCard,
+  C as SectionDivider,
+  mr as StateChangeCard,
+  g as TransactionConfirmDialogTest,
+  R as TransactionConfirmDialogView,
+  L as TransactionStepperTest,
+  w as TransferList,
+  c as TransferRow,
+  lr as buildPoolOperationLabels,
+  V as computeTransactionExecutionSteps,
+  m as getAddressLabel,
+  F as hasOperationView,
+  $ as prerequisiteDetailRenderers,
+  rr as renderPrerequisiteDetail,
+  Cr as resolveToken,
+  S as useCalldataOperationPreview,
+  E as useParsedTransaction,
+  er as usePrerequisites,
+  A as useTransactionConfirmDialog
+};

package/dist/esm/components/composites/tx-preview/operations/OperationBody.js

@@ -0,0 +1,10 @@
+import { jsx as t } from "react/jsx-runtime";
+import { isPoolOperation as m } from "@gearbox-protocol/sdk/preview";
+import { PoolDepositView as p } from "./PoolDepositView.js";
+import { PoolWithdrawView as e } from "./PoolWithdrawView.js";
+function s({ sdk: r, operation: o, wallet: i }) {
+  return m(o) ? o.operation === "Deposit" ? /* @__PURE__ */ t(p, { sdk: r, operation: o, wallet: i }) : /* @__PURE__ */ t(e, { sdk: r, operation: o, wallet: i }) : null;
+}
+export {
+  s as OperationBody
+};

package/dist/esm/components/composites/tx-preview/operations/OperationsCard.js

@@ -0,0 +1,191 @@
+import { jsx as t } from "react/jsx-runtime";
+import { isPoolOperation as p } from "@gearbox-protocol/sdk/preview";
+import "../components/AddressAvatar.js";
+import "@gearbox-protocol/static";
+import "react";
+import "@fortawesome/free-solid-svg-icons";
+import "../../../icons/fa-icon.js";
+import "@gearbox-protocol/sdk";
+import "clsx";
+import "tailwind-merge";
+import "sonner";
+import "@gearbox-protocol/sdk/common-utils";
+import "luxon";
+import "../../../../utils/z-index.js";
+import "../../../accordion/accordion.js";
+import "../../../alert-badge/alert-badge.js";
+import "../../../alert-dialog/alert-dialog.js";
+import "../../../alert-modal/alert-modal.js";
+import "../../../tooltip/simple-tooltip.js";
+import "../../../tooltip/tooltip.js";
+import "react-intl";
+import "../../../arc-loader/arc-loader.js";
+import "../../../asset-line/asset-line.js";
+import "../../../buttons/back-button/back-button.js";
+import "../../../buttons/button/button.js";
+import "../../../buttons/copy-button/copy-button.js";
+import "../../../buttons/external-button/external-button.js";
+import "../../../buttons/filter-button/filter-button.js";
+import "../../../buttons/navigation-button/navigation-button.js";
+import "../../../buttons/tab-button/tab-button.js";
+import "../../../token-icon/token-icon.js";
+import "wagmi";
+import "../../../auth/wallet-ui-context.js";
+import "../../../avatar/avatar.js";
+import "../../../badge/badge.js";
+import "../../../base-link/base-link.js";
+import "../../../navigation-context/navigation-context.js";
+import "../../../button-checkbox/button-checkbox.js";
+import "../../../card-grid/card-grid.js";
+import "../../../cards/card/card.js";
+import "../../../carousel/carousel.js";
+import "../../../checkbox/checkbox.js";
+import "../../../checkbox/checkbox-labeled.js";
+import "../../../checkbox-item/checkbox-item.js";
+import "../../../client-adapters/styled-button/styled-button.js";
+import "../../../client-adapters/styled-dialog-container/styled-dialog-container.js";
+import "../../../client-adapters/styled-rounded-image/styled-rounded-image.js";
+import "../../../colored-text/colored-text.js";
+import "../../../input/input.js";
+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 "../../../token-symbol/token-symbol.js";
+import "../../../typography/typography.js";
+import "../../../help-tip/help-tip.js";
+import "../../../description/description.js";
+import "../../../confirm-menu/confirm-menu.js";
+import "../../../dialog/dialog-modal-container.js";
+import "../../../text-button/text-button.js";
+import "../../../vertical-indicator/vertical-indicator.js";
+import "../../../points-icon/points-icon.js";
+import "../../../skeleton/skeleton.js";
+import "../../../vertical-list/vertical-list.js";
+import "../../../rounded-image/rounded-image.js";
+import "../../../progress/progress.js";
+import "../../../pool-indicator-icon/pool-indicator-icon.js";
+import "../../strategies-table/components/feature/feature.styles.js";
+import "viem";
+import "../../../icon-button/icon-button.js";
+import "../../../separate-line/separate-line.js";
+import "../../../tip-card/tip-card.js";
+import "../../strategies-table/components/rewards-tooltip/rewards-tooltip-root.js";
+import "../../../currency-button/currency-button.js";
+import "../../../detailed-apy/detailed-apy.js";
+import "../../../detailed-page-title/detailed-page-title.js";
+import "../../../detailed-page-title/detailed-page-title-copy-button.js";
+import "../../../detailed-page-title/detailed-page-title-explorer-dropdown.js";
+import "../../../modal/modal.js";
+import "@radix-ui/react-dialog";
+import "../../../dialog/dialog-container.js";
+import "../../../dialog/dialog-content.js";
+import "../../../dialog/dialog-description.js";
+import "../../../dialog/dialog-footer.js";
+import "../../../dialog/dialog-header.js";
+import "../../../dialog/dialog-title.js";
+import "../../../dialog/dialog-overlay.js";
+import "../../../label/label.js";
+import "../../../dropdown-menu/dropdown-menu.js";
+import "../../../dropdown-menu/dropdown-menu-checkbox-item.js";
+import "../../../dropdown-menu/dropdown-menu-content.js";
+import "../../../dropdown-menu/dropdown-menu-item.js";
+import "../../../dropdown-menu/dropdown-menu-label.js";
+import "../../../dropdown-menu/dropdown-menu-radio-item.js";
+import "../../../dropdown-menu/dropdown-menu-separator.js";
+import "../../../dropdown-menu/dropdown-menu-shortcut.js";
+import "../../../dropdown-menu/dropdown-menu-sub-content.js";
+import "../../../dropdown-menu/dropdown-menu-sub-trigger.js";
+import "../../../edit-input/edit-input.js";
+import "../../../fadeout-loading/fadeout-loading.js";
+import "../../../filter/filter-block.js";
+import "../../../filter/filter-checkbox-item.js";
+import "../../../filter/filter-chip.js";
+import "../../../filter/filter-chips.js";
+import "../../../filter/filter-dropdown-item.js";
+import "../../../filter/filter-group.js";
+import "../../../filter/filter-label.js";
+import "../../../search-line/search-line.js";
+import "../../../tabs/tabs.js";
+import "../../../filter/filter-modal-item.js";
+import "../../../filter/filter-radio-item.js";
+import "../../../filter/filter-separator.js";
+import "../../../filter/variants.js";
+import "../../../graph/formatters.js";
+import "lightweight-charts";
+import "../../../graph/graph-view.js";
+import "../../../health-factor/health-factor.js";
+import "../../../horizontal-indicator/horizontal-indicator.js";
+import "../../../layout/col/col.js";
+import "../../../layout/container/container.js";
+import "../../../layout/footer/footer.js";
+import "../../../layout/grid/grid.js";
+import "../../../layout/header/header.js";
+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 "../../../link/link.js";
+import "../../../../utils/reactochart-compat.js";
+import "../../../status-elements/status-elements.js";
+import "../../../loader/loader.js";
+import "../../../loading/loading.js";
+import "../../../loading-bar/loading-bar.js";
+import "react-markdown";
+import "remark-gfm";
+import "../../../navbar/navbar.js";
+import "../../../navbar/navbar-indicator-context.js";
+import "../../../app-bar/app-bar.js";
+import "../../../navitem/navitem.js";
+import "../../../simple-dropdown/simple-dropdown.js";
+import "../../../progress-bar/progress-bar.js";
+import "../../../radio-group/radio-group.js";
+import "../../../search-bar/search-bar.js";
+import "../../../segmented-control/segmented-control.js";
+import "../../../select/select.js";
+import "../../../separator/separator.js";
+import "../../../simple-accordion/simple-accordion.js";
+import "../../../simple-dropdown/simple-dropdown-menu-item.js";
+import "../../../slider/slider.js";
+import "../../../slider/slider-context.js";
+import "@radix-ui/react-slider";
+import "../../../spinner/spinner.js";
+import "../../../spinner-loader/spinner-loader.js";
+import "../../../split-list/split-list.js";
+import "../../../stat-badge/stat-badge.js";
+import "../../../status-dot/status-dot.js";
+import "../../../stepper/stepper.js";
+import "../../../switch/switch.js";
+import "../../../table/table.js";
+import "../../../table/grid-table-loader.js";
+import "../../../textarea/textarea.js";
+import "../../../theme-provider.js";
+import "../../../time-to-liquidation/time-to-liquidation.js";
+import "../../../toggle/toggle.js";
+import "../../../with-filter-button/with-filter-button.js";
+import { CollapsibleCard as m } from "../components/CollapsibleCard.js";
+import { OperationBody as e } from "./OperationBody.js";
+function n(o) {
+  return p(o);
+}
+function l(o) {
+  switch (o.operation) {
+    case "Deposit":
+      return "Pool Deposit";
+    case "Redeem":
+      return "Pool Withdraw";
+    default:
+      return o.operation;
+  }
+}
+function ht({
+  sdk: o,
+  transaction: r,
+  wallet: i
+}) {
+  return n(r) ? /* @__PURE__ */ t(m, { value: "operations", title: l(r), children: /* @__PURE__ */ t(e, { sdk: o, operation: r, wallet: i }) }) : null;
+}
+export {
+  ht as OperationsCard,
+  n as hasOperationView
+};

package/dist/esm/components/composites/tx-preview/operations/PoolDepositView.js

@@ -0,0 +1,200 @@
+import { jsxs as n, Fragment as f, jsx as o } from "react/jsx-runtime";
+import { VerticalIndicator as a } from "../../../vertical-indicator/vertical-indicator.js";
+import "../components/AddressAvatar.js";
+import "@gearbox-protocol/static";
+import "react";
+import "@fortawesome/free-solid-svg-icons";
+import "../../../icons/fa-icon.js";
+import "@gearbox-protocol/sdk";
+import "clsx";
+import "tailwind-merge";
+import "sonner";
+import "@gearbox-protocol/sdk/common-utils";
+import "luxon";
+import "../../../../utils/z-index.js";
+import "../../../accordion/accordion.js";
+import "../../../alert-badge/alert-badge.js";
+import "../../../alert-dialog/alert-dialog.js";
+import "../../../alert-modal/alert-modal.js";
+import "../../../tooltip/simple-tooltip.js";
+import "../../../tooltip/tooltip.js";
+import "react-intl";
+import "../../../arc-loader/arc-loader.js";
+import "../../../asset-line/asset-line.js";
+import "../../../buttons/back-button/back-button.js";
+import "../../../buttons/button/button.js";
+import "../../../buttons/copy-button/copy-button.js";
+import "../../../buttons/external-button/external-button.js";
+import "../../../buttons/filter-button/filter-button.js";
+import "../../../buttons/navigation-button/navigation-button.js";
+import "../../../buttons/tab-button/tab-button.js";
+import "../../../token-icon/token-icon.js";
+import "wagmi";
+import "../../../auth/wallet-ui-context.js";
+import "../../../avatar/avatar.js";
+import "../../../badge/badge.js";
+import "../../../base-link/base-link.js";
+import "../../../navigation-context/navigation-context.js";
+import "../../../button-checkbox/button-checkbox.js";
+import "../../../card-grid/card-grid.js";
+import "../../../cards/card/card.js";
+import "../../../carousel/carousel.js";
+import "../../../checkbox/checkbox.js";
+import "../../../checkbox/checkbox-labeled.js";
+import "../../../checkbox-item/checkbox-item.js";
+import "../../../client-adapters/styled-button/styled-button.js";
+import "../../../client-adapters/styled-dialog-container/styled-dialog-container.js";
+import "../../../client-adapters/styled-rounded-image/styled-rounded-image.js";
+import "../../../colored-text/colored-text.js";
+import "../../../input/input.js";
+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 "../../../token-symbol/token-symbol.js";
+import "../../../typography/typography.js";
+import "../../../help-tip/help-tip.js";
+import "../../../description/description.js";
+import "../../../confirm-menu/confirm-menu.js";
+import "../../../dialog/dialog-modal-container.js";
+import "../../../text-button/text-button.js";
+import "../../../points-icon/points-icon.js";
+import "../../../skeleton/skeleton.js";
+import "../../../vertical-list/vertical-list.js";
+import "../../../rounded-image/rounded-image.js";
+import "../../../progress/progress.js";
+import "../../../pool-indicator-icon/pool-indicator-icon.js";
+import "../../strategies-table/components/feature/feature.styles.js";
+import "viem";
+import "../../../icon-button/icon-button.js";
+import "../../../separate-line/separate-line.js";
+import "../../../tip-card/tip-card.js";
+import "../../strategies-table/components/rewards-tooltip/rewards-tooltip-root.js";
+import "../../../currency-button/currency-button.js";
+import "../../../detailed-apy/detailed-apy.js";
+import "../../../detailed-page-title/detailed-page-title.js";
+import "../../../detailed-page-title/detailed-page-title-copy-button.js";
+import "../../../detailed-page-title/detailed-page-title-explorer-dropdown.js";
+import "../../../modal/modal.js";
+import "@radix-ui/react-dialog";
+import "../../../dialog/dialog-container.js";
+import "../../../dialog/dialog-content.js";
+import "../../../dialog/dialog-description.js";
+import "../../../dialog/dialog-footer.js";
+import "../../../dialog/dialog-header.js";
+import "../../../dialog/dialog-title.js";
+import "../../../dialog/dialog-overlay.js";
+import "../../../label/label.js";
+import "../../../dropdown-menu/dropdown-menu.js";
+import "../../../dropdown-menu/dropdown-menu-checkbox-item.js";
+import "../../../dropdown-menu/dropdown-menu-content.js";
+import "../../../dropdown-menu/dropdown-menu-item.js";
+import "../../../dropdown-menu/dropdown-menu-label.js";
+import "../../../dropdown-menu/dropdown-menu-radio-item.js";
+import "../../../dropdown-menu/dropdown-menu-separator.js";
+import "../../../dropdown-menu/dropdown-menu-shortcut.js";
+import "../../../dropdown-menu/dropdown-menu-sub-content.js";
+import "../../../dropdown-menu/dropdown-menu-sub-trigger.js";
+import "../../../edit-input/edit-input.js";
+import "../../../fadeout-loading/fadeout-loading.js";
+import "../../../filter/filter-block.js";
+import "../../../filter/filter-checkbox-item.js";
+import "../../../filter/filter-chip.js";
+import "../../../filter/filter-chips.js";
+import "../../../filter/filter-dropdown-item.js";
+import "../../../filter/filter-group.js";
+import "../../../filter/filter-label.js";
+import "../../../search-line/search-line.js";
+import "../../../tabs/tabs.js";
+import "../../../filter/filter-modal-item.js";
+import "../../../filter/filter-radio-item.js";
+import "../../../filter/filter-separator.js";
+import "../../../filter/variants.js";
+import "../../../graph/formatters.js";
+import "lightweight-charts";
+import "../../../graph/graph-view.js";
+import "../../../health-factor/health-factor.js";
+import "../../../horizontal-indicator/horizontal-indicator.js";
+import "../../../layout/col/col.js";
+import "../../../layout/container/container.js";
+import "../../../layout/footer/footer.js";
+import "../../../layout/grid/grid.js";
+import "../../../layout/header/header.js";
+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 "../../../link/link.js";
+import "../../../../utils/reactochart-compat.js";
+import "../../../status-elements/status-elements.js";
+import "../../../loader/loader.js";
+import "../../../loading/loading.js";
+import "../../../loading-bar/loading-bar.js";
+import "react-markdown";
+import "remark-gfm";
+import "../../../navbar/navbar.js";
+import "../../../navbar/navbar-indicator-context.js";
+import "../../../app-bar/app-bar.js";
+import "../../../navitem/navitem.js";
+import "../../../simple-dropdown/simple-dropdown.js";
+import "../../../progress-bar/progress-bar.js";
+import "../../../radio-group/radio-group.js";
+import "../../../search-bar/search-bar.js";
+import "../../../segmented-control/segmented-control.js";
+import "../../../select/select.js";
+import "../../../separator/separator.js";
+import "../../../simple-accordion/simple-accordion.js";
+import "../../../simple-dropdown/simple-dropdown-menu-item.js";
+import "../../../slider/slider.js";
+import "../../../slider/slider-context.js";
+import "@radix-ui/react-slider";
+import "../../../spinner/spinner.js";
+import "../../../spinner-loader/spinner-loader.js";
+import "../../../split-list/split-list.js";
+import "../../../stat-badge/stat-badge.js";
+import "../../../status-dot/status-dot.js";
+import "../../../stepper/stepper.js";
+import "../../../switch/switch.js";
+import "../../../table/table.js";
+import "../../../table/grid-table-loader.js";
+import "../../../textarea/textarea.js";
+import "../../../theme-provider.js";
+import "../../../time-to-liquidation/time-to-liquidation.js";
+import "../../../toggle/toggle.js";
+import "../../../with-filter-button/with-filter-button.js";
+import { AddressRow as d } from "../components/AddressRow.js";
+import { AmountRow as c } from "../components/AmountRow.js";
+import { TransferList as u } from "../components/TransferList.js";
+import { buildPoolOperationLabels as v } from "../utils/addressLabels.js";
+import { resolveToken as m } from "../utils/poolTokenInfo.js";
+import { PoolRow as b } from "./PoolRow.js";
+function At({
+  sdk: t,
+  operation: r,
+  wallet: i
+}) {
+  const p = m(t, r.underlying), e = m(t, r.pool), l = v(t, r, i);
+  return /* @__PURE__ */ n(f, { children: [
+    /* @__PURE__ */ o(c, { value: r.assets, token: p }),
+    /* @__PURE__ */ o(b, { pool: e, address: r.pool }),
+    /* @__PURE__ */ o(d, { label: "Receiver", address: r.receiver }),
+    r.referralCode !== void 0 ? /* @__PURE__ */ o(
+      a,
+      {
+        label: "Referral code",
+        value: /* @__PURE__ */ o("span", { className: "font-mono text-foreground text-sm", children: r.referralCode.toString() })
+      }
+    ) : null,
+    /* @__PURE__ */ o(
+      u,
+      {
+        transfers: r.transfers,
+        labels: l,
+        resolveToken: (s) => m(t, s)
+      }
+    )
+  ] });
+}
+export {
+  At as PoolDepositView
+};

package/dist/esm/components/composites/tx-preview/operations/PoolRow.js

@@ -0,0 +1,20 @@
+import { jsx as o, jsxs as n } from "react/jsx-runtime";
+import { VerticalIndicator as m } from "../../../vertical-indicator/vertical-indicator.js";
+import { WithCopy as s } from "../../../with-copy/with-copy.js";
+import { shortenHash as a } from "../../../../utils/format.js";
+function f({ pool: e, address: t }) {
+  const r = e.name ?? e.symbol;
+  return /* @__PURE__ */ o(
+    m,
+    {
+      label: "Pool",
+      value: /* @__PURE__ */ o(s, { toCopy: t, children: /* @__PURE__ */ n("span", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ o("span", { className: "text-foreground text-sm", children: r }),
+        /* @__PURE__ */ o("span", { className: "font-mono text-muted-foreground text-sm", children: a(t) })
+      ] }) })
+    }
+  );
+}
+export {
+  f as PoolRow
+};