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

package/dist/esm/components/composites/tx-preview/confirm/amounts/formatUsdAmount.js

@@ -0,0 +1,21 @@
+function u(s, r) {
+  if (!r)
+    return null;
+  const t = Number.parseFloat(s.replace(",", ".") || "0");
+  if (!Number.isFinite(t) || t === 0)
+    return null;
+  const n = t * r, e = Math.abs(n) < 100;
+  try {
+    return new Intl.NumberFormat("en-US", {
+      style: "currency",
+      currency: "USD",
+      minimumFractionDigits: e ? 2 : 0,
+      maximumFractionDigits: e ? 2 : 0
+    }).format(n);
+  } catch {
+    return "$0";
+  }
+}
+export {
+  u as formatUsdAmount
+};

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

@@ -0,0 +1,9 @@
+import { TransactionConfirmAmountFieldTest as r, TransactionConfirmAmountPairTest as t } from "./constants.js";
+import { TransactionConfirmAmountField as m } from "./TransactionConfirmAmountField.js";
+import { TransactionConfirmAmountPair as e } from "./TransactionConfirmAmountPair.js";
+export {
+  m as TransactionConfirmAmountField,
+  r as TransactionConfirmAmountFieldTest,
+  e as TransactionConfirmAmountPair,
+  t as TransactionConfirmAmountPairTest
+};

package/dist/esm/components/composites/tx-preview/confirm/dialog/TransactionConfirmDialogView.js

@@ -1,58 +1,41 @@
-import { jsx as r, jsxs as c } from "react/jsx-runtime";
-import { StyledDialogContainer as h } from "../../../../client-adapters/styled-dialog-container/styled-dialog-container.js";
-import { ConfirmMenu as x } from "../../../../confirm-menu/confirm-menu.js";
-import { ErrorLineMessage as g } from "../../../../error-message/error-line-message.js";
-import "react-intl";
-import "../../../../buttons/button/button.js";
-import "../../../../dialog/dialog-container.js";
-import "react";
-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 { Modal as u } from "../../../../modal/modal.js";
-import { SkeletonStack as S } from "../../../../skeleton/skeleton-stack.js";
-import { VSpace as i } from "../../../../vspace/vspace.js";
-import { HorizontalTransactionStepper as v } from "../stepper/HorizontalTransactionStepper.js";
-import { TransactionConfirmDialogTest as m } from "./constants.js";
-function q({
-  open: o,
-  onClose: t,
-  title: n,
+import { jsx as n } from "react/jsx-runtime";
+import { Modal as w } from "../../../../modal/modal.js";
+import { TransactionConfirmPageView as x } from "./TransactionConfirmPageView.js";
+function D({
+  open: r,
+  onClose: i,
+  phase: o = "confirm",
+  title: t,
+  titleAddon: e,
   preview: a,
-  previewLoading: p = !1,
-  previewError: e,
-  previewErrorTitle: l = "Unable to preview transaction",
-  execution: f,
-  steps: s,
-  renderStepLabel: d
+  previewLoading: f = !1,
+  previewError: m,
+  previewErrorTitle: c = "Unable to preview transaction",
+  execution: l,
+  progressSteps: s,
+  renderProgressStepLabel: u,
+  result: d,
+  hideTitleAddonOnResult: p = !0
 }) {
-  return o ? /* @__PURE__ */ r(u, { show: o, onClickOutside: t, zIndexLayer: "MODAL", children: /* @__PURE__ */ c(
-    h,
+  return r ? /* @__PURE__ */ n(w, { show: r, onClickOutside: i, zIndexLayer: "MODAL", children: /* @__PURE__ */ n(
+    x,
     {
-      $minWidth: "480px",
-      "data-testid": m.root,
-      children: [
-        /* @__PURE__ */ r(x, { title: n, onClose: t }),
-        /* @__PURE__ */ r(i, { height: 16 }),
-        /* @__PURE__ */ r("div", { className: "flex max-h-[50vh] flex-col gap-4 overflow-y-auto", children: p ? /* @__PURE__ */ r(S, { lines: 3 }) : e ? /* @__PURE__ */ r(g, { err: e, title: l }) : a }),
-        /* @__PURE__ */ r(i, { height: 24 }),
-        /* @__PURE__ */ r("div", { "data-testid": m.execution, children: f }),
-        /* @__PURE__ */ r(i, { height: 16 }),
-        /* @__PURE__ */ r(
-          v,
-          {
-            steps: s,
-            renderLabel: d
-          }
-        )
-      ]
+      phase: o,
+      onClose: i,
+      title: t,
+      titleAddon: e,
+      preview: a,
+      previewLoading: f,
+      previewError: m,
+      previewErrorTitle: c,
+      execution: l,
+      progressSteps: s,
+      renderProgressStepLabel: u,
+      result: d,
+      hideTitleAddonOnResult: p
     }
   ) }) : null;
 }
 export {
-  q as TransactionConfirmDialogView
+  D as TransactionConfirmDialogView
 };

package/dist/esm/components/composites/tx-preview/confirm/dialog/TransactionConfirmPageView.js

@@ -0,0 +1,70 @@
+import { jsx as r } from "react/jsx-runtime";
+import { StyledDialogContainer as w } from "../../../../client-adapters/styled-dialog-container/styled-dialog-container.js";
+import { ConfirmMenu as D } from "../../../../confirm-menu/confirm-menu.js";
+import "react";
+import "@gearbox-protocol/sdk";
+import { cn as S } from "../../../../../utils/cn.js";
+import "sonner";
+import "@gearbox-protocol/sdk/common-utils";
+import "luxon";
+import "../../../../../utils/z-index.js";
+import { TransactionConfirmDialogTest as h, transactionConfirmDialogShellVariants as x } from "./constants.js";
+import { TransactionConfirmShell as A } from "./TransactionConfirmShell.js";
+function B({
+  onClose: i,
+  phase: o = "confirm",
+  title: t,
+  titleAddon: n,
+  preview: a,
+  previewLoading: m = !1,
+  previewError: e,
+  previewErrorTitle: f = "Unable to preview transaction",
+  previewClassName: l,
+  execution: c,
+  progressSteps: d,
+  renderProgressStepLabel: p,
+  result: s,
+  hideTitleAddonOnResult: C = !0,
+  containerClassName: g,
+  containerTestId: T,
+  shellTestId: u
+}) {
+  const v = o !== "confirm" && o !== "awaiting_receipt" && C ? void 0 : n;
+  return /* @__PURE__ */ r(
+    w,
+    {
+      className: S(
+        x(),
+        g
+      ),
+      "data-testid": T,
+      children: /* @__PURE__ */ r(
+        A,
+        {
+          phase: o,
+          header: /* @__PURE__ */ r(
+            D,
+            {
+              title: t,
+              titleAddon: v,
+              onClose: i
+            }
+          ),
+          preview: a,
+          previewLoading: m,
+          previewError: e,
+          previewErrorTitle: f,
+          previewClassName: l,
+          execution: c,
+          progressSteps: d,
+          renderProgressStepLabel: p,
+          result: s,
+          "data-testid": u ?? h.root
+        }
+      )
+    }
+  );
+}
+export {
+  B as TransactionConfirmPageView
+};

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

@@ -0,0 +1,6 @@
+class t {
+  static root = "transaction-confirm-shell-root";
+}
+export {
+  t as TransactionConfirmShellTest
+};

package/dist/esm/components/composites/tx-preview/confirm/dialog/TransactionConfirmShell.js

@@ -0,0 +1,79 @@
+import { jsxs as e, jsx as o, Fragment as c } from "react/jsx-runtime";
+import { ErrorLineMessage as T } from "../../../../error-message/error-line-message.js";
+import "react-intl";
+import "../../../../buttons/button/button.js";
+import "../../../../dialog/dialog-container.js";
+import "react";
+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 { SkeletonStack as C } from "../../../../skeleton/skeleton-stack.js";
+import { VSpace as l } from "../../../../vspace/vspace.js";
+import { shouldShowTransactionProgressStepper as S } from "../stepper/computeTransactionExecutionSteps.js";
+import { TransactionProgressStepper as P } from "../stepper/TransactionProgressStepper.js";
+import { computeTransactionConfirmDialogLayout as y } from "./computeTransactionConfirmDialogLayout.js";
+import { TransactionConfirmDialogTest as r, transactionConfirmShellContentVariants as N } from "./constants.js";
+function K({
+  phase: h = "confirm",
+  header: a,
+  preview: p,
+  previewLoading: d = !1,
+  previewError: m,
+  previewErrorTitle: f = "Unable to preview transaction",
+  previewClassName: u = "flex max-h-[50vh] min-w-0 flex-col gap-4 overflow-x-hidden overflow-y-auto",
+  execution: w,
+  progressSteps: i,
+  renderProgressStepLabel: n,
+  result: s,
+  className: v,
+  "data-testid": x = r.root
+}) {
+  const g = !!(i && n && S(i)), t = y(h, g);
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      className: N({ className: v }),
+      "data-testid": x,
+      children: [
+        a,
+        a ? /* @__PURE__ */ o(l, { height: 16 }) : null,
+        t.showResult && s ? /* @__PURE__ */ o("div", { "data-testid": r.result, children: s }) : null,
+        t.showResult ? null : /* @__PURE__ */ e(c, { children: [
+          t.showPreview ? /* @__PURE__ */ o("div", { className: u, children: d ? /* @__PURE__ */ o(C, { lines: 3 }) : m ? /* @__PURE__ */ o(
+            T,
+            {
+              err: m,
+              title: f
+            }
+          ) : p }) : null,
+          t.showPreview && t.showExecution ? /* @__PURE__ */ o(l, { height: 24 }) : null,
+          t.showExecution ? /* @__PURE__ */ o(
+            "div",
+            {
+              className: "min-w-0 w-full",
+              "data-testid": r.execution,
+              children: w
+            }
+          ) : null
+        ] }),
+        t.showProgressStepper && i && n ? /* @__PURE__ */ e(c, { children: [
+          /* @__PURE__ */ o(l, { height: 24 }),
+          /* @__PURE__ */ o("div", { "data-testid": r.progress, children: /* @__PURE__ */ o(
+            P,
+            {
+              steps: i,
+              renderLabel: n
+            }
+          ) })
+        ] }) : null
+      ]
+    }
+  );
+}
+export {
+  K as TransactionConfirmShell
+};

package/dist/esm/components/composites/tx-preview/confirm/dialog/computeTransactionConfirmDialogLayout.js

@@ -0,0 +1,35 @@
+function r(s, e) {
+  switch (s) {
+    case "confirm":
+      return {
+        showPreview: !0,
+        showExecution: !0,
+        showProgressStepper: e,
+        showResult: !1
+      };
+    case "awaiting_receipt":
+      return {
+        showPreview: !0,
+        showExecution: !0,
+        showProgressStepper: e,
+        showResult: !1
+      };
+    case "success":
+      return {
+        showPreview: !1,
+        showExecution: !1,
+        showProgressStepper: e,
+        showResult: !0
+      };
+    case "failure":
+      return {
+        showPreview: !1,
+        showExecution: !1,
+        showProgressStepper: !1,
+        showResult: !0
+      };
+  }
+}
+export {
+  r as computeTransactionConfirmDialogLayout
+};

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

@@ -1,7 +1,17 @@
-class t {
+import { cva as o } from "class-variance-authority";
+class r {
   static root = "transaction-confirm-dialog-root";
   static execution = "transaction-confirm-dialog-execution";
+  static progress = "transaction-confirm-dialog-progress";
+  static result = "transaction-confirm-dialog-result";
 }
+const i = o(
+  "box-border w-full max-w-full md:w-[560px] md:max-w-[560px]"
+), n = o(
+  "box-border w-full min-w-0 max-w-full"
+);
 export {
-  t as TransactionConfirmDialogTest
+  r as TransactionConfirmDialogTest,
+  i as transactionConfirmDialogShellVariants,
+  n as transactionConfirmShellContentVariants
 };

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

@@ -1,8 +1,20 @@
-import { TransactionConfirmDialogTest as i } from "./constants.js";
-import { TransactionConfirmDialogView as n } from "./TransactionConfirmDialogView.js";
-import { useTransactionConfirmDialog as e } from "./useTransactionConfirmDialog.js";
+import { computeTransactionConfirmDialogLayout as n } from "./computeTransactionConfirmDialogLayout.js";
+import { TransactionConfirmDialogTest as i, transactionConfirmDialogShellVariants as t, transactionConfirmShellContentVariants as e } from "./constants.js";
+import { TransactionConfirmDialogView as f } from "./TransactionConfirmDialogView.js";
+import { TransactionConfirmPageView as l } from "./TransactionConfirmPageView.js";
+import { TransactionConfirmShell as C } from "./TransactionConfirmShell.js";
+import { TransactionConfirmShellTest as p } from "./TransactionConfirmShell.constants.js";
+import { useTransactionConfirmDialog as g } from "./useTransactionConfirmDialog.js";
+import { useTransactionConfirmFlow as h } from "./useTransactionConfirmFlow.js";
 export {
   i as TransactionConfirmDialogTest,
-  n as TransactionConfirmDialogView,
-  e as useTransactionConfirmDialog
+  f as TransactionConfirmDialogView,
+  l as TransactionConfirmPageView,
+  C as TransactionConfirmShell,
+  p as TransactionConfirmShellTest,
+  n as computeTransactionConfirmDialogLayout,
+  t as transactionConfirmDialogShellVariants,
+  e as transactionConfirmShellContentVariants,
+  g as useTransactionConfirmDialog,
+  h as useTransactionConfirmFlow
 };

package/dist/esm/components/composites/tx-preview/confirm/dialog/transactionConfirmPhase.js

@@ -0,0 +1 @@
+

package/dist/esm/components/composites/tx-preview/confirm/dialog/useTransactionConfirmFlow.js

@@ -0,0 +1,36 @@
+import { useState as o, useCallback as e } from "react";
+function k() {
+  const [a, c] = o(!1), [u, s] = o("confirm"), [f, i] = o(void 0), [l, r] = o(0), t = e(() => {
+    s("confirm"), i(void 0), r(0);
+  }, []), m = e(() => {
+    t(), c(!0);
+  }, [t]), p = e(() => {
+    c(!1), t();
+  }, [t]), b = e(() => {
+    r((n) => n + 1);
+  }, []), g = e(
+    (n) => {
+      i(n), s("awaiting_receipt");
+    },
+    []
+  ), h = e(() => {
+    s("success");
+  }, []), d = e(() => {
+    s("failure");
+  }, []);
+  return {
+    open: a,
+    phase: u,
+    submittedTx: f,
+    refreshNonce: l,
+    openDialog: m,
+    closeDialog: p,
+    bumpRefreshNonce: b,
+    beginAwaitingReceipt: g,
+    markSuccess: h,
+    markFailure: d
+  };
+}
+export {
+  k as useTransactionConfirmFlow
+};

package/dist/esm/components/composites/tx-preview/confirm/execution/TransactionConfirmExecuteButton.js

@@ -0,0 +1,30 @@
+import { jsx as o, jsxs as a, Fragment as s } from "react/jsx-runtime";
+import { Button as f } from "../../../../buttons/button/button.js";
+import { SpinnerLoader as d } from "../../../../spinner-loader/spinner-loader.js";
+import { TransactionConfirmExecuteButtonTest as u } from "../result/constants.js";
+function B({
+  isLoading: t = !1,
+  disabled: e,
+  children: r,
+  width: n = "wide",
+  size: i = "lg",
+  ...m
+}) {
+  return /* @__PURE__ */ o(
+    f,
+    {
+      "data-testid": u.root,
+      width: n,
+      size: i,
+      disabled: e || t,
+      ...m,
+      children: t ? /* @__PURE__ */ a(s, { children: [
+        /* @__PURE__ */ o(d, { size: 18, width: 2 }),
+        r
+      ] }) : r
+    }
+  );
+}
+export {
+  B as TransactionConfirmExecuteButton
+};

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

@@ -0,0 +1,4 @@
+import { TransactionConfirmExecuteButton as n } from "./TransactionConfirmExecuteButton.js";
+export {
+  n as TransactionConfirmExecuteButton
+};

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

@@ -1,18 +1,62 @@
-import { TransactionConfirmDialogTest as e } from "./dialog/constants.js";
-import { TransactionConfirmDialogView as a } from "./dialog/TransactionConfirmDialogView.js";
-import { useTransactionConfirmDialog as i } from "./dialog/useTransactionConfirmDialog.js";
-import { useCalldataOperationPreview as m } from "./hooks/useCalldataOperationPreview.js";
-import { OperationPreviewContent as s } from "./preview/OperationPreviewContent.js";
-import { computeTransactionExecutionSteps as c } from "./stepper/computeTransactionExecutionSteps.js";
-import { TransactionStepperTest as l } from "./stepper/constants.js";
-import { HorizontalTransactionStepper as u } from "./stepper/HorizontalTransactionStepper.js";
+import { TransactionConfirmAmountFieldTest as t, TransactionConfirmAmountPairTest as e } from "./amounts/constants.js";
+import { TransactionConfirmAmountField as a } from "./amounts/TransactionConfirmAmountField.js";
+import { TransactionConfirmAmountPair as s } from "./amounts/TransactionConfirmAmountPair.js";
+import { computeTransactionConfirmDialogLayout as f } from "./dialog/computeTransactionConfirmDialogLayout.js";
+import { TransactionConfirmDialogTest as c, transactionConfirmDialogShellVariants as T, transactionConfirmShellContentVariants as l } from "./dialog/constants.js";
+import { TransactionConfirmDialogView as C } from "./dialog/TransactionConfirmDialogView.js";
+import { TransactionConfirmPageView as S } from "./dialog/TransactionConfirmPageView.js";
+import { TransactionConfirmShell as P } from "./dialog/TransactionConfirmShell.js";
+import { TransactionConfirmShellTest as w } from "./dialog/TransactionConfirmShell.constants.js";
+import { useTransactionConfirmDialog as R } from "./dialog/useTransactionConfirmDialog.js";
+import { useTransactionConfirmFlow as F } from "./dialog/useTransactionConfirmFlow.js";
+import { TransactionConfirmExecuteButton as E } from "./execution/TransactionConfirmExecuteButton.js";
+import { useCalldataOperationPreview as O } from "./hooks/useCalldataOperationPreview.js";
+import { OperationPreviewContent as v } from "./preview/OperationPreviewContent.js";
+import { TransactionConfirmExecuteButtonTest as H, TransactionConfirmFailureResultTest as q, TransactionConfirmSuccessResultTest as y, TransactionConfirmTxHashRowTest as L } from "./result/constants.js";
+import { TransactionConfirmFailureResult as j } from "./result/TransactionConfirmFailureResult.js";
+import { TransactionConfirmSuccessIcon as z } from "./result/TransactionConfirmSuccessIcon.js";
+import { TransactionConfirmSuccessResult as J } from "./result/TransactionConfirmSuccessResult.js";
+import { TransactionConfirmTxHashRow as M } from "./result/TransactionConfirmTxHashRow.js";
+import { computeTransactionExecutionSteps as Q, getTransactionExecutionStepRequirements as U, shouldShowTransactionProgressStepper as W } from "./stepper/computeTransactionExecutionSteps.js";
+import { TransactionProgressStepperTest as Y } from "./stepper/constants.js";
+import { TransactionProgressStepper as _ } from "./stepper/TransactionProgressStepper.js";
+import { mergeCompletedStepsInSession as oo, mergeStepsSeenInSession as ro, useCompletedStepsInSession as to } from "./stepper/useCompletedStepsInSession.js";
+import { PoolOperationConfirmDetailsTest as no } from "./summary/constants.js";
+import { PoolOperationConfirmDetails as io } from "./summary/PoolOperationConfirmDetails.js";
 export {
-  u as HorizontalTransactionStepper,
-  s as OperationPreviewContent,
-  e as TransactionConfirmDialogTest,
-  a as TransactionConfirmDialogView,
-  l as TransactionStepperTest,
-  c as computeTransactionExecutionSteps,
-  m as useCalldataOperationPreview,
-  i as useTransactionConfirmDialog
+  v as OperationPreviewContent,
+  io as PoolOperationConfirmDetails,
+  no as PoolOperationConfirmDetailsTest,
+  a as TransactionConfirmAmountField,
+  t as TransactionConfirmAmountFieldTest,
+  s as TransactionConfirmAmountPair,
+  e as TransactionConfirmAmountPairTest,
+  c as TransactionConfirmDialogTest,
+  C as TransactionConfirmDialogView,
+  E as TransactionConfirmExecuteButton,
+  H as TransactionConfirmExecuteButtonTest,
+  j as TransactionConfirmFailureResult,
+  q as TransactionConfirmFailureResultTest,
+  S as TransactionConfirmPageView,
+  P as TransactionConfirmShell,
+  w as TransactionConfirmShellTest,
+  z as TransactionConfirmSuccessIcon,
+  J as TransactionConfirmSuccessResult,
+  y as TransactionConfirmSuccessResultTest,
+  M as TransactionConfirmTxHashRow,
+  L as TransactionConfirmTxHashRowTest,
+  _ as TransactionProgressStepper,
+  Y as TransactionProgressStepperTest,
+  f as computeTransactionConfirmDialogLayout,
+  Q as computeTransactionExecutionSteps,
+  U as getTransactionExecutionStepRequirements,
+  oo as mergeCompletedStepsInSession,
+  ro as mergeStepsSeenInSession,
+  W as shouldShowTransactionProgressStepper,
+  T as transactionConfirmDialogShellVariants,
+  l as transactionConfirmShellContentVariants,
+  O as useCalldataOperationPreview,
+  to as useCompletedStepsInSession,
+  R as useTransactionConfirmDialog,
+  F as useTransactionConfirmFlow
 };

package/dist/esm/components/composites/tx-preview/confirm/preview/OperationPreviewContent.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";
@@ -167,7 +168,7 @@ import { OperationsCard as n } from "../../operations/OperationsCard.js";
 import { PrerequisitesCard as s } from "../../prerequisites/PrerequisitesCard.js";
 import "@tanstack/react-query";
 import { StateChangeCard as f } from "../../state-change/StateChangeCard.js";
-function jt({
+function vt({
   sdk: r,
   operation: i,
   simulation: m,
@@ -199,5 +200,5 @@ function jt({
   ] });
 }
 export {
-  jt as OperationPreviewContent
+  vt as OperationPreviewContent
 };

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

@@ -0,0 +1,55 @@
+import { jsxs as s, jsx as e, Fragment as n } from "react/jsx-runtime";
+import { faXmark as o } from "@fortawesome/free-solid-svg-icons";
+import { FaIcon as c } from "../../../../icons/fa-icon.js";
+import { VSpace as r } from "../../../../vspace/vspace.js";
+import { TransactionConfirmFailureResultTest as a } from "./constants.js";
+function v({
+  title: d,
+  description: m,
+  footerAction: i,
+  iconSize: t = 48
+}) {
+  const l = t + 32;
+  return /* @__PURE__ */ s(
+    "div",
+    {
+      className: "flex w-full flex-col items-center text-center",
+      "data-testid": a.root,
+      children: [
+        /* @__PURE__ */ e(
+          "div",
+          {
+            className: "flex items-center justify-center rounded-full border-2 border-destructive bg-destructive/10",
+            style: { width: l, height: l },
+            children: /* @__PURE__ */ e(
+              c,
+              {
+                icon: o,
+                className: "text-destructive",
+                style: { width: t, height: t }
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ e(r, { height: 24 }),
+        /* @__PURE__ */ e("div", { className: "text-xl font-medium leading-tight md:text-2xl", children: d }),
+        /* @__PURE__ */ e(r, { height: 12 }),
+        /* @__PURE__ */ e("div", { className: "text-sm text-secondary-foreground", children: m }),
+        i ? /* @__PURE__ */ s(n, { children: [
+          /* @__PURE__ */ e(r, { height: 24 }),
+          /* @__PURE__ */ e(
+            "div",
+            {
+              className: "w-full",
+              "data-testid": a.footer,
+              children: i
+            }
+          )
+        ] }) : null
+      ]
+    }
+  );
+}
+export {
+  v as TransactionConfirmFailureResult
+};

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

@@ -0,0 +1,25 @@
+import { jsx as r } from "react/jsx-runtime";
+import { faCheck as t } from "@fortawesome/free-solid-svg-icons";
+import { FaIcon as c } from "../../../../icons/fa-icon.js";
+import { useIsMobile as i } from "../../../../../hooks/use-media-query.js";
+function a() {
+  const e = i(), o = e ? 80 : 120, s = e ? 36 : 42;
+  return /* @__PURE__ */ r(
+    "div",
+    {
+      className: "flex items-center justify-center rounded-full border-2 border-success",
+      style: { width: o, height: o },
+      children: /* @__PURE__ */ r(
+        c,
+        {
+          icon: t,
+          className: "text-success",
+          style: { width: s, height: s }
+        }
+      )
+    }
+  );
+}
+export {
+  a as TransactionConfirmSuccessIcon
+};