@gearbox-protocol/ui-kit 3.14.0-next.14 → 3.14.0-next.16

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/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,11 +1,8 @@
-import { computeTransactionExecutionSteps as o, getTransactionExecutionStepRequirements as r } from "./computeTransactionExecutionSteps.js";
-import { TransactionStepperTest as p } from "./constants.js";
-import { HorizontalTransactionStepper as a } from "./HorizontalTransactionStepper.js";
-import { useCompletedStepsInSession as c } from "./useCompletedStepsInSession.js";
+import { TransactionProgressStepperTest as e } from "./constants.js";
+import { TransactionProgressStepper as t } from "./TransactionProgressStepper.js";
+import { shouldShowTransactionProgressStepper as a } from "./transactionExecutionStepTypes.js";
 export {
-  a as HorizontalTransactionStepper,
-  p as TransactionStepperTest,
-  o as computeTransactionExecutionSteps,
-  r as getTransactionExecutionStepRequirements,
-  c as useCompletedStepsInSession
+  t as TransactionProgressStepper,
+  e as TransactionProgressStepperTest,
+  a as shouldShowTransactionProgressStepper
 };

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

@@ -0,0 +1,6 @@
+function r(e) {
+  return e.some((o) => o.id !== "execute");
+}
+export {
+  r as shouldShowTransactionProgressStepper
+};

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

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

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

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

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

@@ -1,78 +1,93 @@
 import { AddressAvatar as e } from "./components/AddressAvatar.js";
-import { AddressParty as a } from "./components/AddressParty.js";
-import { AddressRow as p } from "./components/AddressRow.js";
+import { AddressParty as n } from "./components/AddressParty.js";
+import { AddressRow as i } from "./components/AddressRow.js";
 import { AmountRow as m } from "./components/AmountRow.js";
-import { getAddressLabel as f } from "./components/addressLabel.js";
+import { getAddressLabel as p } from "./components/addressLabel.js";
 import { CollapsibleCard as l } from "./components/CollapsibleCard.js";
-import { SectionDivider as u } from "./components/SectionDivider.js";
-import { TransferList as c } from "./components/TransferList.js";
-import { TransferRow as T } from "./components/TransferRow.js";
-import { TransactionConfirmDialogTest as S, transactionConfirmDialogShellVariants as g } from "./confirm/dialog/constants.js";
-import { TransactionConfirmDialogView as O } from "./confirm/dialog/TransactionConfirmDialogView.js";
-import { useTransactionConfirmDialog as h } from "./confirm/dialog/useTransactionConfirmDialog.js";
-import { useCalldataOperationPreview as A } from "./confirm/hooks/useCalldataOperationPreview.js";
-import { OperationPreviewContent as V } from "./confirm/preview/OperationPreviewContent.js";
-import { computeTransactionExecutionSteps as y, getTransactionExecutionStepRequirements as B } from "./confirm/stepper/computeTransactionExecutionSteps.js";
-import { TransactionStepperTest as E } from "./confirm/stepper/constants.js";
-import { HorizontalTransactionStepper as z } from "./confirm/stepper/HorizontalTransactionStepper.js";
-import { useCompletedStepsInSession as H } from "./confirm/stepper/useCompletedStepsInSession.js";
-import { PoolOperationConfirmSummaryTest as W } from "./confirm/summary/constants.js";
-import { PoolOperationConfirmSummary as F } from "./confirm/summary/PoolOperationConfirmSummary.js";
-import { useParsedTransaction as K } from "./hooks/useParsedTransaction.js";
-import { OperationBody as N } from "./operations/OperationBody.js";
-import { OperationsCard as U, hasOperationView as X } from "./operations/OperationsCard.js";
-import { PoolDepositView as Z } from "./operations/PoolDepositView.js";
-import { PoolRow as $ } from "./operations/PoolRow.js";
-import { PoolWithdrawView as or } from "./operations/PoolWithdrawView.js";
-import { PrerequisiteRow as tr } from "./prerequisites/PrerequisiteRow.js";
-import { PrerequisitesCard as ir } from "./prerequisites/PrerequisitesCard.js";
-import { prerequisiteDetailRenderers as nr, renderPrerequisiteDetail as mr } from "./prerequisites/prerequisiteDetails.js";
-import { usePrerequisites as fr } from "./prerequisites/usePrerequisites.js";
-import { BalanceChangeGroup as lr } from "./state-change/BalanceChangeGroup.js";
-import { BalanceChangeRow as ur } from "./state-change/BalanceChangeRow.js";
-import { PoolStateChangeCard as cr } from "./state-change/PoolStateChangeCard.js";
-import { StateChangeCard as Tr } from "./state-change/StateChangeCard.js";
-import { buildPoolOperationLabels as Sr } from "./utils/addressLabels.js";
-import { resolveToken as Dr } from "./utils/poolTokenInfo.js";
+import { SectionDivider as T } from "./components/SectionDivider.js";
+import { TransferList as u } from "./components/TransferList.js";
+import { TransferRow as w } from "./components/TransferRow.js";
+import { TransactionConfirmAmountFieldTest as g, TransactionConfirmAmountPairTest as h } from "./confirm/amounts/constants.js";
+import { TransactionConfirmAmountField as R } from "./confirm/amounts/TransactionConfirmAmountField.js";
+import { TransactionConfirmAmountPair as D } from "./confirm/amounts/TransactionConfirmAmountPair.js";
+import { computeTransactionConfirmDialogLayout as V } from "./confirm/dialog/computeTransactionConfirmDialogLayout.js";
+import { TransactionConfirmDialogTest as b, transactionConfirmDialogShellVariants as v, transactionConfirmShellContentVariants as F } from "./confirm/dialog/constants.js";
+import { TransactionConfirmDialogView as y } from "./confirm/dialog/TransactionConfirmDialogView.js";
+import { TransactionConfirmPageView as H } from "./confirm/dialog/TransactionConfirmPageView.js";
+import { TransactionConfirmShell as G } from "./confirm/dialog/TransactionConfirmShell.js";
+import { TransactionConfirmShellTest as W } from "./confirm/dialog/TransactionConfirmShell.constants.js";
+import { useTransactionConfirmDialog as q } from "./confirm/dialog/useTransactionConfirmDialog.js";
+import { TransactionConfirmExecuteButton as J } from "./confirm/execution/TransactionConfirmExecuteButton.js";
+import { OperationPreviewContent as M } from "./confirm/preview/OperationPreviewContent.js";
+import { TransactionConfirmExecuteButtonTest as Q, TransactionConfirmFailureResultTest as U, TransactionConfirmSuccessResultTest as X, TransactionConfirmTxHashRowTest as Y } from "./confirm/result/constants.js";
+import { TransactionConfirmFailureResult as _ } from "./confirm/result/TransactionConfirmFailureResult.js";
+import { TransactionConfirmSuccessIcon as oo } from "./confirm/result/TransactionConfirmSuccessIcon.js";
+import { TransactionConfirmSuccessResult as eo } from "./confirm/result/TransactionConfirmSuccessResult.js";
+import { TransactionConfirmTxHashRow as no } from "./confirm/result/TransactionConfirmTxHashRow.js";
+import { TransactionProgressStepperTest as io } from "./confirm/stepper/constants.js";
+import { TransactionProgressStepper as mo } from "./confirm/stepper/TransactionProgressStepper.js";
+import { shouldShowTransactionProgressStepper as po } from "./confirm/stepper/transactionExecutionStepTypes.js";
+import { PoolOperationConfirmDetailsTest as lo } from "./confirm/summary/constants.js";
+import { PoolOperationConfirmDetails as To } from "./confirm/summary/PoolOperationConfirmDetails.js";
+import { OperationBody as uo } from "./operations/OperationBody.js";
+import { OperationsCard as Po, hasOperationView as go } from "./operations/OperationsCard.js";
+import { PoolDepositView as So } from "./operations/PoolDepositView.js";
+import { PoolRow as Ao } from "./operations/PoolRow.js";
+import { PoolWithdrawView as Oo } from "./operations/PoolWithdrawView.js";
+import { BalanceChangeGroup as Bo } from "./state-change/BalanceChangeGroup.js";
+import { BalanceChangeRow as vo } from "./state-change/BalanceChangeRow.js";
+import { PoolStateChangeCard as Lo } from "./state-change/PoolStateChangeCard.js";
+import { StateChangeCard as Eo } from "./state-change/StateChangeCard.js";
+import { buildPoolOperationLabels as ko } from "./utils/addressLabels.js";
+import { resolveToken as Io } from "./utils/poolTokenInfo.js";
 export {
   e as AddressAvatar,
-  a as AddressParty,
-  p as AddressRow,
+  n as AddressParty,
+  i as AddressRow,
   m as AmountRow,
-  lr as BalanceChangeGroup,
-  ur as BalanceChangeRow,
+  Bo as BalanceChangeGroup,
+  vo as BalanceChangeRow,
   l as CollapsibleCard,
-  z as HorizontalTransactionStepper,
-  N as OperationBody,
-  V as OperationPreviewContent,
-  U as OperationsCard,
-  Z as PoolDepositView,
-  F as PoolOperationConfirmSummary,
-  W as PoolOperationConfirmSummaryTest,
-  $ as PoolRow,
-  cr as PoolStateChangeCard,
-  or as PoolWithdrawView,
-  tr as PrerequisiteRow,
-  ir as PrerequisitesCard,
-  u as SectionDivider,
-  Tr as StateChangeCard,
-  S as TransactionConfirmDialogTest,
-  O as TransactionConfirmDialogView,
-  E as TransactionStepperTest,
-  c as TransferList,
-  T as TransferRow,
-  Sr as buildPoolOperationLabels,
-  y as computeTransactionExecutionSteps,
-  f as getAddressLabel,
-  B as getTransactionExecutionStepRequirements,
-  X as hasOperationView,
-  nr as prerequisiteDetailRenderers,
-  mr as renderPrerequisiteDetail,
-  Dr as resolveToken,
-  g as transactionConfirmDialogShellVariants,
-  A as useCalldataOperationPreview,
-  H as useCompletedStepsInSession,
-  K as useParsedTransaction,
-  fr as usePrerequisites,
-  h as useTransactionConfirmDialog
+  uo as OperationBody,
+  M as OperationPreviewContent,
+  Po as OperationsCard,
+  So as PoolDepositView,
+  To as PoolOperationConfirmDetails,
+  lo as PoolOperationConfirmDetailsTest,
+  Ao as PoolRow,
+  Lo as PoolStateChangeCard,
+  Oo as PoolWithdrawView,
+  T as SectionDivider,
+  Eo as StateChangeCard,
+  R as TransactionConfirmAmountField,
+  g as TransactionConfirmAmountFieldTest,
+  D as TransactionConfirmAmountPair,
+  h as TransactionConfirmAmountPairTest,
+  b as TransactionConfirmDialogTest,
+  y as TransactionConfirmDialogView,
+  J as TransactionConfirmExecuteButton,
+  Q as TransactionConfirmExecuteButtonTest,
+  _ as TransactionConfirmFailureResult,
+  U as TransactionConfirmFailureResultTest,
+  H as TransactionConfirmPageView,
+  G as TransactionConfirmShell,
+  W as TransactionConfirmShellTest,
+  oo as TransactionConfirmSuccessIcon,
+  eo as TransactionConfirmSuccessResult,
+  X as TransactionConfirmSuccessResultTest,
+  no as TransactionConfirmTxHashRow,
+  Y as TransactionConfirmTxHashRowTest,
+  mo as TransactionProgressStepper,
+  io as TransactionProgressStepperTest,
+  u as TransferList,
+  w as TransferRow,
+  ko as buildPoolOperationLabels,
+  V as computeTransactionConfirmDialogLayout,
+  p as getAddressLabel,
+  go as hasOperationView,
+  Io as resolveToken,
+  po as shouldShowTransactionProgressStepper,
+  v as transactionConfirmDialogShellVariants,
+  F as transactionConfirmShellContentVariants,
+  q as useTransactionConfirmDialog
 };

package/dist/esm/components/confirm-menu/confirm-menu.js

@@ -1,44 +1,47 @@
-import { jsxs as l, jsx as r } from "react/jsx-runtime";
-import * as a from "react";
-import { IconButton as s } from "../icon-button/icon-button.js";
-import { faXmark as t } from "@fortawesome/free-solid-svg-icons";
-import { FaIcon as c } from "../icons/fa-icon.js";
+import { jsxs as n, jsx as r } from "react/jsx-runtime";
+import * as s from "react";
+import { IconButton as t } from "../icon-button/icon-button.js";
+import { faXmark as c } from "@fortawesome/free-solid-svg-icons";
+import { FaIcon as p } from "../icons/fa-icon.js";
 import "@gearbox-protocol/sdk";
-import { cn as i } from "../../utils/cn.js";
+import { cn as l } from "../../utils/cn.js";
 import "sonner";
 import "@gearbox-protocol/sdk/common-utils";
 import "luxon";
 import "../../utils/z-index.js";
-const f = a.forwardRef(
-  ({ title: o, onClose: e, className: m }, n) => /* @__PURE__ */ l(
+const f = s.forwardRef(
+  ({ title: m, titleAddon: i, onClose: e, className: o }, a) => /* @__PURE__ */ n(
     "div",
     {
-      ref: n,
-      className: i(
+      ref: a,
+      className: l(
         "flex flex-nowrap items-center w-full max-w-full shrink-0 basis-full",
-        m
+        o
       ),
       children: [
-        /* @__PURE__ */ r("div", { className: "flex min-w-0 grow shrink-0 basis-[0%] flex-nowrap", children: /* @__PURE__ */ r(
-          "div",
-          {
-            className: i(
-              "font-normal min-h-[min-content]",
-              "text-[21px] leading-[25px]"
-            ),
-            children: o
-          }
-        ) }),
-        /* @__PURE__ */ r("div", { className: "shrink-0 pl-2", children: /* @__PURE__ */ r(
-          s,
+        /* @__PURE__ */ n("div", { className: "flex min-w-0 grow shrink-0 basis-[0%] flex-nowrap items-center gap-2", children: [
+          /* @__PURE__ */ r(
+            "div",
+            {
+              className: l(
+                "font-normal min-h-[min-content]",
+                "text-[21px] leading-[25px]"
+              ),
+              children: m
+            }
+          ),
+          i ? /* @__PURE__ */ r("div", { className: "shrink-0", children: i }) : null
+        ] }),
+        e ? /* @__PURE__ */ r("div", { className: "shrink-0 pl-2", children: /* @__PURE__ */ r(
+          t,
           {
             buttonType: "hollow",
             size: 30,
             onClick: e,
             "aria-label": "Close",
-            children: /* @__PURE__ */ r(c, { icon: t, className: "size-5" })
+            children: /* @__PURE__ */ r(p, { icon: c, className: "size-5" })
           }
-        ) })
+        ) }) : null
       ]
     }
   )