@gearbox-protocol/ui-kit 3.14.0-next.6 → 3.14.0-next.60

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

@@ -0,0 +1,10 @@
+class r {
+  static root = "transaction-progress-stepper-root";
+}
+class t {
+  static root = "progress-stepper-root";
+}
+export {
+  t as ProgressStepperTest,
+  r as TransactionProgressStepperTest
+};

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

@@ -0,0 +1,11 @@
+import { ProgressStepperTest as o, TransactionProgressStepperTest as s } from "./constants.js";
+import { ProgressStepper as t } from "./ProgressStepper.js";
+import { TransactionProgressStepper as n } from "./TransactionProgressStepper.js";
+import { shouldShowTransactionProgressStepper as g } from "./transactionExecutionStepTypes.js";
+export {
+  t as ProgressStepper,
+  o as ProgressStepperTest,
+  n as TransactionProgressStepper,
+  s as TransactionProgressStepperTest,
+  g 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

@@ -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

@@ -0,0 +1,98 @@
+import { AddressAvatar as e } from "./components/AddressAvatar.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 p } from "./components/addressLabel.js";
+import { CollapsibleCard as l } from "./components/CollapsibleCard.js";
+import { SectionDivider as T } from "./components/SectionDivider.js";
+import { TransferList as u } from "./components/TransferList.js";
+import { TransferRow as P } from "./components/TransferRow.js";
+import { TransactionConfirmAmountFieldTest as g, TransactionConfirmAmountPairTest as w } 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 O } from "./confirm/dialog/computeTransactionConfirmDialogLayout.js";
+import { TransactionConfirmDialogTest as B, transactionConfirmDialogShellVariants as b, transactionConfirmModalContainerVariants as F, transactionConfirmPreviewScrollVariants as L, transactionConfirmShellContentVariants as y } from "./confirm/dialog/constants.js";
+import { TransactionConfirmDialogView as H } from "./confirm/dialog/TransactionConfirmDialogView.js";
+import { TransactionConfirmPageView as G } from "./confirm/dialog/TransactionConfirmPageView.js";
+import { TransactionConfirmShell as M } from "./confirm/dialog/TransactionConfirmShell.js";
+import { TransactionConfirmShellTest as j } from "./confirm/dialog/TransactionConfirmShell.constants.js";
+import { useTransactionConfirmDialog as z } from "./confirm/dialog/useTransactionConfirmDialog.js";
+import { TransactionConfirmExecuteButton as K } from "./confirm/execution/TransactionConfirmExecuteButton.js";
+import { OperationPreviewContent as Q } from "./confirm/preview/OperationPreviewContent.js";
+import { TransactionConfirmExecuteButtonTest as X, TransactionConfirmFailureResultTest as Y, TransactionConfirmSuccessResultTest as Z, TransactionConfirmTxHashRowTest as _ } from "./confirm/result/constants.js";
+import { TransactionConfirmFailureResult as oo } from "./confirm/result/TransactionConfirmFailureResult.js";
+import { TransactionConfirmSuccessIcon as eo } from "./confirm/result/TransactionConfirmSuccessIcon.js";
+import { TransactionConfirmSuccessResult as no } from "./confirm/result/TransactionConfirmSuccessResult.js";
+import { TransactionConfirmTxHashRow as io } from "./confirm/result/TransactionConfirmTxHashRow.js";
+import { ProgressStepperTest as mo, TransactionProgressStepperTest as fo } from "./confirm/stepper/constants.js";
+import { ProgressStepper as xo } from "./confirm/stepper/ProgressStepper.js";
+import { TransactionProgressStepper as co } from "./confirm/stepper/TransactionProgressStepper.js";
+import { shouldShowTransactionProgressStepper as Co } from "./confirm/stepper/transactionExecutionStepTypes.js";
+import { PoolOperationConfirmDetailsTest as Po } from "./confirm/summary/constants.js";
+import { PoolOperationConfirmDetails as go } from "./confirm/summary/PoolOperationConfirmDetails.js";
+import { OperationBody as ho } from "./operations/OperationBody.js";
+import { OperationsCard as Ao, hasOperationView as Do } from "./operations/OperationsCard.js";
+import { PoolDepositView as Oo } from "./operations/PoolDepositView.js";
+import { PoolRow as Bo } from "./operations/PoolRow.js";
+import { PoolWithdrawView as Fo } from "./operations/PoolWithdrawView.js";
+import { BalanceChangeGroup as yo } from "./state-change/BalanceChangeGroup.js";
+import { BalanceChangeRow as Ho } from "./state-change/BalanceChangeRow.js";
+import { PoolStateChangeCard as Go } from "./state-change/PoolStateChangeCard.js";
+import { StateChangeCard as Mo } from "./state-change/StateChangeCard.js";
+import { buildPoolOperationLabels as jo } from "./utils/addressLabels.js";
+import { resolveToken as zo } from "./utils/poolTokenInfo.js";
+export {
+  e as AddressAvatar,
+  n as AddressParty,
+  i as AddressRow,
+  m as AmountRow,
+  yo as BalanceChangeGroup,
+  Ho as BalanceChangeRow,
+  l as CollapsibleCard,
+  ho as OperationBody,
+  Q as OperationPreviewContent,
+  Ao as OperationsCard,
+  Oo as PoolDepositView,
+  go as PoolOperationConfirmDetails,
+  Po as PoolOperationConfirmDetailsTest,
+  Bo as PoolRow,
+  Go as PoolStateChangeCard,
+  Fo as PoolWithdrawView,
+  xo as ProgressStepper,
+  mo as ProgressStepperTest,
+  T as SectionDivider,
+  Mo as StateChangeCard,
+  R as TransactionConfirmAmountField,
+  g as TransactionConfirmAmountFieldTest,
+  D as TransactionConfirmAmountPair,
+  w as TransactionConfirmAmountPairTest,
+  B as TransactionConfirmDialogTest,
+  H as TransactionConfirmDialogView,
+  K as TransactionConfirmExecuteButton,
+  X as TransactionConfirmExecuteButtonTest,
+  oo as TransactionConfirmFailureResult,
+  Y as TransactionConfirmFailureResultTest,
+  G as TransactionConfirmPageView,
+  M as TransactionConfirmShell,
+  j as TransactionConfirmShellTest,
+  eo as TransactionConfirmSuccessIcon,
+  no as TransactionConfirmSuccessResult,
+  Z as TransactionConfirmSuccessResultTest,
+  io as TransactionConfirmTxHashRow,
+  _ as TransactionConfirmTxHashRowTest,
+  co as TransactionProgressStepper,
+  fo as TransactionProgressStepperTest,
+  u as TransferList,
+  P as TransferRow,
+  jo as buildPoolOperationLabels,
+  O as computeTransactionConfirmDialogLayout,
+  p as getAddressLabel,
+  Do as hasOperationView,
+  zo as resolveToken,
+  Co as shouldShowTransactionProgressStepper,
+  b as transactionConfirmDialogShellVariants,
+  F as transactionConfirmModalContainerVariants,
+  L as transactionConfirmPreviewScrollVariants,
+  y as transactionConfirmShellContentVariants,
+  z 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,195 @@
+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 "../../credit-account-history/credit-account-history.js";
+import "../../../simple-dropdown/simple-dropdown.js";
+import "../../../simple-dropdown/simple-dropdown-menu-item.js";
+import "../../../typography/typography.js";
+import "../../../table/grid-table.js";
+import "../../../token-symbol/token-symbol.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/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";
+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 "../../../legal-agreement/legal-agreement-theme.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 "../../../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 "../../../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 Pt({
+  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 {
+  Pt as OperationsCard,
+  n as hasOperationView
+};