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

package/dist/esm/components/composites/tx-preview/confirm/result/TransactionConfirmSuccessResult.js

@@ -0,0 +1,60 @@
+import { jsxs as l, jsx as e, Fragment as r } from "react/jsx-runtime";
+import { VSpace as t } from "../../../../vspace/vspace.js";
+import { useIsMobile as u } from "../../../../../hooks/use-media-query.js";
+import { TransactionConfirmSuccessResultTest as i } from "./constants.js";
+import { TransactionConfirmSuccessIcon as f } from "./TransactionConfirmSuccessIcon.js";
+function v({
+  headline: o,
+  subtitle: d,
+  txHashRow: n,
+  footerAction: a
+}) {
+  const s = u(), m = s ? 20 : 32, h = s ? 12 : 16, c = s ? 24 : 32;
+  return /* @__PURE__ */ l(
+    "div",
+    {
+      className: "flex w-full flex-col items-center text-center",
+      "data-testid": i.root,
+      children: [
+        /* @__PURE__ */ e(t, { height: m }),
+        /* @__PURE__ */ e(f, {}),
+        /* @__PURE__ */ e(t, { height: 24 }),
+        /* @__PURE__ */ e(
+          "div",
+          {
+            className: "text-xl font-medium leading-tight md:text-2xl",
+            "data-testid": i.headline,
+            children: o
+          }
+        ),
+        /* @__PURE__ */ e(t, { height: h }),
+        /* @__PURE__ */ e(
+          "div",
+          {
+            className: "text-sm text-secondary-foreground",
+            "data-testid": i.subtitle,
+            children: d
+          }
+        ),
+        n ? /* @__PURE__ */ l(r, { children: [
+          /* @__PURE__ */ e(t, { height: c }),
+          /* @__PURE__ */ e("div", { className: "w-full text-center", children: n })
+        ] }) : null,
+        a ? /* @__PURE__ */ l(r, { children: [
+          /* @__PURE__ */ e(t, { height: c }),
+          /* @__PURE__ */ e(
+            "div",
+            {
+              className: "w-full",
+              "data-testid": i.footer,
+              children: a
+            }
+          )
+        ] }) : null
+      ]
+    }
+  );
+}
+export {
+  v as TransactionConfirmSuccessResult
+};

package/dist/esm/components/composites/tx-preview/confirm/result/TransactionConfirmTxHashRow.js

@@ -0,0 +1,21 @@
+import { jsxs as e, jsx as i } from "react/jsx-runtime";
+import { TransactionConfirmTxHashRowTest as t } from "./constants.js";
+function o({
+  txHashLink: r,
+  addToWalletLink: a
+}) {
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      className: "flex w-full flex-wrap items-center justify-center gap-6 sm:gap-8",
+      "data-testid": t.root,
+      children: [
+        a ? /* @__PURE__ */ i("div", { "data-testid": t.addToWallet, children: a }) : null,
+        /* @__PURE__ */ i("div", { "data-testid": t.txHashLink, children: r })
+      ]
+    }
+  );
+}
+export {
+  o as TransactionConfirmTxHashRow
+};

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

@@ -0,0 +1,24 @@
+class s {
+  static root = "transaction-confirm-success-result-root";
+  static headline = "transaction-confirm-success-result-headline";
+  static subtitle = "transaction-confirm-success-result-subtitle";
+  static footer = "transaction-confirm-success-result-footer";
+}
+class o {
+  static root = "transaction-confirm-failure-result-root";
+  static footer = "transaction-confirm-failure-result-footer";
+}
+class a {
+  static root = "transaction-confirm-tx-hash-row-root";
+  static txHashLink = "transaction-confirm-tx-hash-row-tx-hash-link";
+  static addToWallet = "transaction-confirm-tx-hash-row-add-to-wallet";
+}
+class r {
+  static root = "transaction-confirm-execute-button-root";
+}
+export {
+  r as TransactionConfirmExecuteButtonTest,
+  o as TransactionConfirmFailureResultTest,
+  s as TransactionConfirmSuccessResultTest,
+  a as TransactionConfirmTxHashRowTest
+};

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

@@ -0,0 +1,15 @@
+import { TransactionConfirmExecuteButtonTest as n, TransactionConfirmFailureResultTest as s, TransactionConfirmSuccessResultTest as t, TransactionConfirmTxHashRowTest as a } from "./constants.js";
+import { TransactionConfirmFailureResult as i } from "./TransactionConfirmFailureResult.js";
+import { TransactionConfirmSuccessIcon as T } from "./TransactionConfirmSuccessIcon.js";
+import { TransactionConfirmSuccessResult as m } from "./TransactionConfirmSuccessResult.js";
+import { TransactionConfirmTxHashRow as x } from "./TransactionConfirmTxHashRow.js";
+export {
+  n as TransactionConfirmExecuteButtonTest,
+  i as TransactionConfirmFailureResult,
+  s as TransactionConfirmFailureResultTest,
+  T as TransactionConfirmSuccessIcon,
+  m as TransactionConfirmSuccessResult,
+  t as TransactionConfirmSuccessResultTest,
+  x as TransactionConfirmTxHashRow,
+  a as TransactionConfirmTxHashRowTest
+};

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

@@ -0,0 +1,67 @@
+import { jsx as e, jsxs as i } from "react/jsx-runtime";
+import "react";
+import "@gearbox-protocol/sdk";
+import { cn as o } from "../../../../../utils/cn.js";
+import "sonner";
+import "@gearbox-protocol/sdk/common-utils";
+import "luxon";
+import "../../../../../utils/z-index.js";
+import { TransactionProgressStepperTest as m } from "./constants.js";
+function c({ status: t }) {
+  const a = t === "active", r = t === "completed";
+  return /* @__PURE__ */ e(
+    "span",
+    {
+      className: o(
+        "relative z-10 block size-[9px] shrink-0 rounded-full",
+        a && "bg-foreground",
+        r && "bg-gray-50",
+        !a && !r && "border border-gray-50 bg-transparent"
+      ),
+      "aria-hidden": !0
+    }
+  );
+}
+function w({
+  steps: t,
+  renderLabel: a
+}) {
+  return /* @__PURE__ */ e(
+    "ol",
+    {
+      className: "m-0 flex w-full list-none p-0",
+      "data-testid": m.root,
+      children: t.map((r, n) => {
+        const l = n === t.length - 1, s = r.status === "active";
+        return /* @__PURE__ */ i(
+          "li",
+          {
+            className: "flex min-w-0 flex-1 flex-col items-center",
+            "aria-current": s ? "step" : void 0,
+            children: [
+              /* @__PURE__ */ i("div", { className: "flex w-full items-center", children: [
+                n > 0 ? /* @__PURE__ */ e("span", { className: "h-px min-w-0 flex-1 bg-gray-50", "aria-hidden": !0 }) : /* @__PURE__ */ e("span", { className: "min-w-0 flex-1", "aria-hidden": !0 }),
+                /* @__PURE__ */ e(c, { status: r.status }),
+                l ? /* @__PURE__ */ e("span", { className: "min-w-0 flex-1", "aria-hidden": !0 }) : /* @__PURE__ */ e("span", { className: "h-px min-w-0 flex-1 bg-gray-50", "aria-hidden": !0 })
+              ] }),
+              /* @__PURE__ */ e(
+                "span",
+                {
+                  className: o(
+                    "mt-3 max-w-full truncate px-1 text-center text-xs leading-snug",
+                    s ? "font-medium text-foreground" : "font-normal text-secondary-foreground"
+                  ),
+                  children: a(r)
+                }
+              )
+            ]
+          },
+          r.id
+        );
+      })
+    }
+  );
+}
+export {
+  w as TransactionProgressStepper
+};

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

@@ -1,28 +1,55 @@
-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";
+  return {
+    approve: !e.allowWalletBatching && (e.needsApproval || e.isApprovalPending),
+    auth: !e.isAuthReady
+  };
+}
+function l(e) {
+  return !e.allowWalletBatching && (e.isApprovalPending || e.needsApproval);
+}
+function c(e, t) {
+  return p(t)[e];
+}
+function u(e, t) {
+  return t.completedStepsInSession?.includes(e) ?? !1;
+}
+function i(e, t) {
+  return c(e, t) || u(e, t);
+}
+function f(e) {
+  const t = [];
+  return i("approve", e) && t.push("approve"), i("auth", e) && t.push("auth"), t.push("execute"), t;
+}
+function v(e, t) {
+  return e.isCorrectChain ? l(e) ? "approve" : c("auth", e) ? "auth" : "execute" : t[0] ?? "execute";
+}
+function h(e, t, r, o) {
+  const n = o.indexOf(r);
+  return o.indexOf(e) < n ? !0 : e === "execute" ? !1 : !!(u(e, t) && !c(e, t));
+}
+function d(e, t) {
+  return e === "approve" && t.allowWalletBatching ? "approveBatch" : e === "auth" ? "auth" : e;
 }
-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 S(e) {
+  return e.some((t) => t.id !== "execute");
 }
-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 };
+function x(e) {
+  const t = f(e), r = v(e, t), o = t.map((n) => {
+    const s = h(n, e, r, t) ? "completed" : n === r ? "active" : "upcoming";
+    return {
+      id: n,
+      labelKey: d(n, e),
+      status: s
+    };
+  });
+  return {
+    steps: o,
+    activeStepId: r,
+    showProgressStepper: S(o)
+  };
 }
 export {
-  u as computeTransactionExecutionSteps
+  x as computeTransactionExecutionSteps,
+  p as getTransactionExecutionStepRequirements,
+  S as shouldShowTransactionProgressStepper
 };

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

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

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

@@ -1,8 +1,14 @@
-import { computeTransactionExecutionSteps as r } from "./computeTransactionExecutionSteps.js";
-import { TransactionStepperTest as p } from "./constants.js";
-import { HorizontalTransactionStepper as a } from "./HorizontalTransactionStepper.js";
+import { computeTransactionExecutionSteps as r, getTransactionExecutionStepRequirements as s, shouldShowTransactionProgressStepper as t } from "./computeTransactionExecutionSteps.js";
+import { TransactionProgressStepperTest as p } from "./constants.js";
+import { TransactionProgressStepper as i } from "./TransactionProgressStepper.js";
+import { mergeCompletedStepsInSession as m, mergeStepsSeenInSession as c, useCompletedStepsInSession as g } from "./useCompletedStepsInSession.js";
 export {
-  a as HorizontalTransactionStepper,
-  p as TransactionStepperTest,
-  r as computeTransactionExecutionSteps
+  i as TransactionProgressStepper,
+  p as TransactionProgressStepperTest,
+  r as computeTransactionExecutionSteps,
+  s as getTransactionExecutionStepRequirements,
+  m as mergeCompletedStepsInSession,
+  c as mergeStepsSeenInSession,
+  t as shouldShowTransactionProgressStepper,
+  g as useCompletedStepsInSession
 };

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

@@ -0,0 +1,45 @@
+import { useState as S, useEffect as i } from "react";
+import { getTransactionExecutionStepRequirements as c } from "./computeTransactionExecutionSteps.js";
+function m(e, n) {
+  const t = new Set(e);
+  return n.approve && t.add("approve"), n.auth && t.add("auth"), [...t];
+}
+function h(e, n, t) {
+  const p = new Set(e);
+  return n.includes("approve") && !t.approve && p.add("approve"), n.includes("auth") && !t.auth && p.add("auth"), [...p];
+}
+function v({
+  sessionActive: e,
+  needsApproval: n,
+  isApprovalPending: t = !1,
+  allowWalletBatching: p,
+  isAuthReady: d
+}) {
+  const [s, a] = S([]), [f, u] = S([]), o = c({
+    needsApproval: n,
+    isApprovalPending: t,
+    allowWalletBatching: p,
+    isAuthReady: d
+  });
+  return i(() => {
+    if (!e) {
+      a([]), u([]);
+      return;
+    }
+    a((r) => m(r, o));
+  }, [e, o.approve, o.auth]), i(() => {
+    e && u(
+      (r) => h(r, s, o)
+    );
+  }, [
+    e,
+    s,
+    o.approve,
+    o.auth
+  ]), f;
+}
+export {
+  h as mergeCompletedStepsInSession,
+  m as mergeStepsSeenInSession,
+  v as useCompletedStepsInSession
+};

package/dist/esm/components/composites/tx-preview/confirm/summary/PoolOperationConfirmDetails.js

@@ -0,0 +1,65 @@
+import { jsx as e, jsxs as u } from "react/jsx-runtime";
+import { FadeoutLoading as c } from "../../../../fadeout-loading/fadeout-loading.js";
+import { TipCard as v } from "../../../../tip-card/tip-card.js";
+import { VerticalIndicator as i } from "../../../../vertical-indicator/vertical-indicator.js";
+import { VerticalList as b } from "../../../../vertical-list/vertical-list.js";
+import { PoolOperationConfirmDetailsTest as z } from "./constants.js";
+function L({
+  apyLabel: l,
+  apy: o,
+  apyLoading: r = !1,
+  poolTvlLabel: t,
+  poolTvl: a,
+  poolUtilizationLabel: m,
+  poolUtilization: s,
+  curatorLabel: n,
+  curatorValue: d,
+  poolLabel: f,
+  poolContractValue: p
+}) {
+  return /* @__PURE__ */ e(
+    v,
+    {
+      textColor: "light",
+      "data-testid": z.root,
+      children: /* @__PURE__ */ u(b, { children: [
+        o !== void 0 ? /* @__PURE__ */ e(
+          i,
+          {
+            size: "sm",
+            label: l,
+            value: /* @__PURE__ */ e(c, { loading: r, children: o })
+          }
+        ) : null,
+        /* @__PURE__ */ e(i, { size: "sm", label: t, value: a }),
+        /* @__PURE__ */ e(
+          i,
+          {
+            size: "sm",
+            label: m,
+            value: s
+          }
+        ),
+        /* @__PURE__ */ e(
+          i,
+          {
+            size: "sm",
+            label: n,
+            value: d
+          }
+        ),
+        /* @__PURE__ */ e(
+          i,
+          {
+            size: "sm",
+            label: f,
+            value: p
+          }
+        )
+      ] })
+    }
+  );
+}
+export {
+  L as PoolOperationConfirmDetails
+};

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

@@ -0,0 +1,6 @@
+class t {
+  static root = "pool-operation-confirm-details-root";
+}
+export {
+  t as PoolOperationConfirmDetailsTest
+};

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

@@ -0,0 +1,6 @@
+import { PoolOperationConfirmDetailsTest as e } from "./constants.js";
+import { PoolOperationConfirmDetails as i } from "./PoolOperationConfirmDetails.js";
+export {
+  i as PoolOperationConfirmDetails,
+  e as PoolOperationConfirmDetailsTest
+};

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

@@ -1,70 +1,114 @@
 import { AddressAvatar as e } from "./components/AddressAvatar.js";
-import { AddressParty as a } from "./components/AddressParty.js";
+import { AddressParty as n } 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 { AmountRow as m } from "./components/AmountRow.js";
+import { getAddressLabel as p } 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";
+import { SectionDivider as T } from "./components/SectionDivider.js";
+import { TransferList as u } from "./components/TransferList.js";
+import { TransferRow as S } from "./components/TransferRow.js";
+import { TransactionConfirmAmountFieldTest as w, TransactionConfirmAmountPairTest as g } from "./confirm/amounts/constants.js";
+import { TransactionConfirmAmountField as R } from "./confirm/amounts/TransactionConfirmAmountField.js";
+import { TransactionConfirmAmountPair as A } from "./confirm/amounts/TransactionConfirmAmountPair.js";
+import { computeTransactionConfirmDialogLayout as V } from "./confirm/dialog/computeTransactionConfirmDialogLayout.js";
+import { TransactionConfirmDialogTest as v, transactionConfirmDialogShellVariants as B, transactionConfirmShellContentVariants as F } from "./confirm/dialog/constants.js";
+import { TransactionConfirmDialogView as E } from "./confirm/dialog/TransactionConfirmDialogView.js";
+import { TransactionConfirmPageView as L } from "./confirm/dialog/TransactionConfirmPageView.js";
+import { TransactionConfirmShell as H } from "./confirm/dialog/TransactionConfirmShell.js";
+import { TransactionConfirmShellTest as G } from "./confirm/dialog/TransactionConfirmShell.constants.js";
+import { useTransactionConfirmDialog as j } from "./confirm/dialog/useTransactionConfirmDialog.js";
+import { useTransactionConfirmFlow as J } from "./confirm/dialog/useTransactionConfirmFlow.js";
+import { TransactionConfirmExecuteButton as M } from "./confirm/execution/TransactionConfirmExecuteButton.js";
+import { useCalldataOperationPreview as Q } from "./confirm/hooks/useCalldataOperationPreview.js";
+import { OperationPreviewContent as X } from "./confirm/preview/OperationPreviewContent.js";
+import { TransactionConfirmExecuteButtonTest as Z, TransactionConfirmFailureResultTest as _, TransactionConfirmSuccessResultTest as $, TransactionConfirmTxHashRowTest as oo } from "./confirm/result/constants.js";
+import { TransactionConfirmFailureResult as eo } from "./confirm/result/TransactionConfirmFailureResult.js";
+import { TransactionConfirmSuccessIcon as no } from "./confirm/result/TransactionConfirmSuccessIcon.js";
+import { TransactionConfirmSuccessResult as io } from "./confirm/result/TransactionConfirmSuccessResult.js";
+import { TransactionConfirmTxHashRow as mo } from "./confirm/result/TransactionConfirmTxHashRow.js";
+import { computeTransactionExecutionSteps as po, getTransactionExecutionStepRequirements as xo, shouldShowTransactionProgressStepper as lo } from "./confirm/stepper/computeTransactionExecutionSteps.js";
+import { TransactionProgressStepperTest as To } from "./confirm/stepper/constants.js";
+import { TransactionProgressStepper as uo } from "./confirm/stepper/TransactionProgressStepper.js";
+import { mergeCompletedStepsInSession as Po, mergeStepsSeenInSession as wo, useCompletedStepsInSession as go } from "./confirm/stepper/useCompletedStepsInSession.js";
+import { PoolOperationConfirmDetailsTest as Ro } from "./confirm/summary/constants.js";
+import { PoolOperationConfirmDetails as Ao } from "./confirm/summary/PoolOperationConfirmDetails.js";
+import { useParsedTransaction as Vo } from "./hooks/useParsedTransaction.js";
+import { OperationBody as vo } from "./operations/OperationBody.js";
+import { OperationsCard as Fo, hasOperationView as bo } from "./operations/OperationsCard.js";
+import { PoolDepositView as Io } from "./operations/PoolDepositView.js";
+import { PoolRow as yo } from "./operations/PoolRow.js";
+import { PoolWithdrawView as ko } from "./operations/PoolWithdrawView.js";
+import { PrerequisiteRow as Wo } from "./prerequisites/PrerequisiteRow.js";
+import { PrerequisitesCard as zo } from "./prerequisites/PrerequisitesCard.js";
+import { prerequisiteDetailRenderers as Ko, renderPrerequisiteDetail as Mo } from "./prerequisites/prerequisiteDetails.js";
+import { usePrerequisites as Qo } from "./prerequisites/usePrerequisites.js";
+import { BalanceChangeGroup as Xo } from "./state-change/BalanceChangeGroup.js";
+import { BalanceChangeRow as Zo } from "./state-change/BalanceChangeRow.js";
+import { PoolStateChangeCard as $o } from "./state-change/PoolStateChangeCard.js";
+import { StateChangeCard as rr } from "./state-change/StateChangeCard.js";
+import { buildPoolOperationLabels as tr } from "./utils/addressLabels.js";
+import { resolveToken as ar } from "./utils/poolTokenInfo.js";
 export {
   e as AddressAvatar,
-  a as AddressParty,
+  n as AddressParty,
   i as AddressRow,
-  s as AmountRow,
-  ar as BalanceChangeGroup,
-  ir as BalanceChangeRow,
+  m as AmountRow,
+  Xo as BalanceChangeGroup,
+  Zo 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
+  vo as OperationBody,
+  X as OperationPreviewContent,
+  Fo as OperationsCard,
+  Io as PoolDepositView,
+  Ao as PoolOperationConfirmDetails,
+  Ro as PoolOperationConfirmDetailsTest,
+  yo as PoolRow,
+  $o as PoolStateChangeCard,
+  ko as PoolWithdrawView,
+  Wo as PrerequisiteRow,
+  zo as PrerequisitesCard,
+  T as SectionDivider,
+  rr as StateChangeCard,
+  R as TransactionConfirmAmountField,
+  w as TransactionConfirmAmountFieldTest,
+  A as TransactionConfirmAmountPair,
+  g as TransactionConfirmAmountPairTest,
+  v as TransactionConfirmDialogTest,
+  E as TransactionConfirmDialogView,
+  M as TransactionConfirmExecuteButton,
+  Z as TransactionConfirmExecuteButtonTest,
+  eo as TransactionConfirmFailureResult,
+  _ as TransactionConfirmFailureResultTest,
+  L as TransactionConfirmPageView,
+  H as TransactionConfirmShell,
+  G as TransactionConfirmShellTest,
+  no as TransactionConfirmSuccessIcon,
+  io as TransactionConfirmSuccessResult,
+  $ as TransactionConfirmSuccessResultTest,
+  mo as TransactionConfirmTxHashRow,
+  oo as TransactionConfirmTxHashRowTest,
+  uo as TransactionProgressStepper,
+  To as TransactionProgressStepperTest,
+  u as TransferList,
+  S as TransferRow,
+  tr as buildPoolOperationLabels,
+  V as computeTransactionConfirmDialogLayout,
+  po as computeTransactionExecutionSteps,
+  p as getAddressLabel,
+  xo as getTransactionExecutionStepRequirements,
+  bo as hasOperationView,
+  Po as mergeCompletedStepsInSession,
+  wo as mergeStepsSeenInSession,
+  Ko as prerequisiteDetailRenderers,
+  Mo as renderPrerequisiteDetail,
+  ar as resolveToken,
+  lo as shouldShowTransactionProgressStepper,
+  B as transactionConfirmDialogShellVariants,
+  F as transactionConfirmShellContentVariants,
+  Q as useCalldataOperationPreview,
+  go as useCompletedStepsInSession,
+  Vo as useParsedTransaction,
+  Qo as usePrerequisites,
+  j as useTransactionConfirmDialog,
+  J as useTransactionConfirmFlow
 };

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

@@ -125,6 +125,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";
@@ -178,7 +179,7 @@ function l(o) {
       return o.operation;
   }
 }
-function ht({
+function Ot({
   sdk: o,
   transaction: r,
   wallet: i
@@ -186,6 +187,6 @@ function ht({
   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,
+  Ot as OperationsCard,
   n as hasOperationView
 };