@gearbox-protocol/ui-kit 4.0.0-next.5 → 4.0.0-next.6

package/dist/types/components/composites/tx-preview/confirm/dialog/TransactionConfirmShell.d.ts

@@ -1,23 +1,27 @@
 import { default as React } from 'react';
-import { TransactionExecutionStepView } from '../stepper/transactionExecutionStepTypes';
-import { TransactionConfirmPhase } from './transactionConfirmPhase';
-export interface TransactionConfirmShellProps {
-    readonly phase?: TransactionConfirmPhase;
-    readonly header?: React.ReactNode;
-    readonly preview: React.ReactNode;
-    readonly previewLoading?: boolean;
-    readonly previewError?: Error | null;
-    readonly previewErrorTitle?: string;
-    readonly previewClassName?: string;
-    readonly execution: React.ReactNode;
-    readonly progressSteps?: ReadonlyArray<TransactionExecutionStepView>;
-    readonly renderProgressStepLabel?: (step: TransactionExecutionStepView) => React.ReactNode;
-    readonly result?: React.ReactNode;
-    readonly className?: string;
-    readonly "data-testid"?: string;
-}
+import { TransactionConfirmShellProps } from './transactionConfirmShellTypes';
 /**
+ * The one card every transaction confirmation renders, on every surface.
  *
- * Base shell component
+ * Callers describe *what the card shows* (`body`) and *how it is framed*
+ * (`mode`); everything else is decided here. This replaces the former
+ * `TransactionConfirmPageView` / `TransactionConfirmModalView` pair, which
+ * differed only in the frame yet each restated the whole prop list.
+ *
+ * Two traps from that pair are closed here rather than left to callers.
+ *
+ * The modal's height clamp is composed with `className` instead of being
+ * replaced by it, so a caller adding a class no longer drops the viewport
+ * clamp and the flex context the scrollable preview depends on by accident.
+ * `cn` is tailwind-merge, so a utility deliberately targeting the same
+ * property still wins — though arbitrary-property syntax such as
+ * `[max-height:50vh]` sits in a different group and will not displace it.
+ *
+ * And a `placeholder` or `error` body pins the phase to `confirm`, so those
+ * two can never be asked for a result view they were never given. Note the
+ * limit of that guarantee: a `ready` body driven to a terminal phase without a
+ * `result` still draws a header and nothing else, exactly as the views it
+ * replaces did. Requiring both halves of `result` is what keeps the promise
+ * whole once a caller opts into one.
  */
-export declare function TransactionConfirmShell({ phase, header, preview, previewLoading, previewError, previewErrorTitle, previewClassName, execution, progressSteps, renderProgressStepLabel, result, className, "data-testid": dataTestId, }: TransactionConfirmShellProps): React.ReactElement;
+export declare function TransactionConfirmShell(props: TransactionConfirmShellProps): React.ReactElement | null;

package/dist/types/components/composites/tx-preview/confirm/dialog/index.d.ts

@@ -1,5 +1,5 @@
 export * from './computeTransactionConfirmDialogLayout';
 export * from './constants';
-export * from './TransactionConfirmModalView';
-export * from './TransactionConfirmPageView';
+export * from './TransactionConfirmShell';
 export * from './transactionConfirmPhase';
+export * from './transactionConfirmShellTypes';

package/dist/types/components/composites/tx-preview/confirm/dialog/transactionConfirmPhase.d.ts

@@ -1,4 +1 @@
 export type TransactionConfirmPhase = "confirm" | "awaiting_receipt" | "success" | "failure";
-export interface TransactionConfirmSubmittedTx {
-    readonly hash: `0x${string}`;
-}

package/dist/types/components/composites/tx-preview/confirm/dialog/transactionConfirmShellTypes.d.ts

@@ -0,0 +1,97 @@
+import { default as React } from 'react';
+import { TransactionExecutionStepView } from '../stepper/transactionExecutionStepTypes';
+import { TransactionConfirmPhase } from './transactionConfirmPhase';
+/**
+ * How the card is framed. The body is identical in both: `page` drops the card
+ * into page flow, `dialog` puts the same card inside a modal.
+ */
+export type TransactionConfirmShellMode = "page" | "dialog";
+export interface TransactionConfirmShellStepper {
+    readonly steps: ReadonlyArray<TransactionExecutionStepView>;
+    readonly renderLabel: (step: TransactionExecutionStepView) => React.ReactNode;
+}
+/**
+ * Shown instead of preview and execution once the phase is terminal.
+ *
+ * Both halves are required on purpose: supplying `result` at all is the
+ * caller's promise that either terminal phase can be rendered. A flow that
+ * cannot fail says so with an explicit `failure: null` rather than by omission,
+ * which would leave `phase: "failure"` with nothing to draw.
+ */
+export interface TransactionConfirmShellResult {
+    readonly success: React.ReactNode;
+    readonly failure: React.ReactNode;
+}
+/**
+ * What the card is showing.
+ *
+ * A discriminated union rather than a handful of loose flags: a caller cannot
+ * ask for a preview and an error at once, and does not have to spell out the
+ * props that mean "nothing here". `placeholder` and `error` also pin the card
+ * to the `confirm` phase, so neither can ask for a result view it did not
+ * supply — the failure mode that produced an empty card before.
+ */
+export type TransactionConfirmShellBody = 
+/**
+ * The caller's own node in the preview slot — a branded spinner, an empty
+ * state. Distinct from `ready`'s `previewLoading`, which is this library's
+ * skeleton over a preview that already exists.
+ */
+{
+    readonly kind: "placeholder";
+    readonly node: React.ReactNode;
+} | {
+    readonly kind: "error";
+    /**
+     * Required: the discriminant already says the card failed, so the object
+     * has to be there. A caller holding `Error | null` picks this body only
+     * once it has one, and `placeholder` or `ready` while it does not.
+     */
+    readonly error: Error;
+    /** Heading above the error line. Defaults to a generic preview failure. */
+    readonly title?: string;
+} | {
+    readonly kind: "ready";
+    readonly preview: React.ReactNode;
+    readonly execution?: React.ReactNode;
+    readonly stepper?: TransactionConfirmShellStepper;
+    readonly result?: TransactionConfirmShellResult;
+    /** This library's skeleton over the preview slot, for a live refetch. */
+    readonly previewLoading?: boolean;
+};
+interface TransactionConfirmShellBase {
+    readonly phase?: TransactionConfirmPhase;
+    readonly title: React.ReactNode;
+    readonly titleAddon?: React.ReactNode;
+    /** Drop the addon once the phase is terminal. */
+    readonly hideTitleAddonOnResult?: boolean;
+    readonly body: TransactionConfirmShellBody;
+    /** Merged onto the outer card; it never replaces the frame's own classes. */
+    readonly className?: string;
+    /**
+     * The scrollable preview column. Defaults to
+     * {@link transactionConfirmPreviewScrollVariants}; compose with it rather
+     * than replacing it, so later changes to the base still carry over.
+     */
+    readonly previewClassName?: string;
+    /** Outer card. The inner content keeps {@link TransactionConfirmDialogTest.root}. */
+    readonly "data-testid"?: string;
+    readonly shellTestId?: string;
+}
+/**
+ * `mode` is a discriminant, not a flag: the frame decides which of `open` and
+ * `onClose` make sense. A dialog must be closable — the backdrop click and the
+ * close control are the same handler — while a page has neither an open state
+ * nor, necessarily, a close control at all.
+ */
+export type TransactionConfirmShellProps = TransactionConfirmShellBase & ({
+    readonly mode: "page";
+    /** Omit to hide the close control, as a verification page does. */
+    readonly onClose?: () => void;
+} | {
+    readonly mode: "dialog";
+    /** The modal renders nothing while closed. */
+    readonly open?: boolean;
+    readonly onClose: () => void;
+});
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gearbox-protocol/ui-kit",
-  "version": "4.0.0-next.5",
+  "version": "4.0.0-next.6",
   "description": "Internal UI components",
   "repository": {
     "type": "git",

package/dist/cjs/components/composites/tx-preview/confirm/dialog/TransactionConfirmModalView.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime");require("../../../../accordion/accordion.cjs");require("../../../../alert-badge/alert-badge.cjs");require("../../../../alert-dialog/alert-dialog.cjs");require("../../../../alert-modal/alert-modal.cjs");require("@gearbox-protocol/static");require("react");require("../../../../buttons/back-button/back-button.cjs");require("../../../../buttons/button/button.cjs");require("../../../../buttons/copy-button/copy-button.cjs");require("../../../../buttons/external-button/external-button.cjs");require("../../../../buttons/filter-button/filter-button.cjs");require("../../../../buttons/navigation-button/navigation-button.cjs");require("@gearbox-protocol/sdk");const m=require("../../../../../utils/cn.cjs");require("sonner");require("@gearbox-protocol/sdk/common-utils");require("luxon");require("../../../../../utils/z-index.cjs");require("../../../../buttons/tab-button/tab-button.cjs");require("@fortawesome/free-solid-svg-icons");require("../../../../icons/fa-icon.cjs");require("../../../../token-icon/token-icon.cjs");require("../../../../tooltip/simple-tooltip.cjs");require("../../../../tooltip/tooltip.cjs");require("../../../../badge/badge.cjs");require("../../../../badge/chip.cjs");require("../../../../base/amount-input/amount-input.cjs");const _=require("../../../../confirm-menu/confirm-menu.cjs");require("react-intl");require("../../../../table/grid-table.cjs");require("../../../../skeleton/skeleton.cjs");require("../../../../table/table.cjs");require("../../../../token-symbol/token-symbol.cjs");require("../../../../simple-accordion/simple-accordion.cjs");require("../../../../tip-card/tip-card.cjs");require("../../../../typography/typography.cjs");require("../../../../points-icon/points-icon.cjs");require("../../../../vertical-indicator/vertical-indicator.cjs");require("../../../../base/page-title/page-title.cjs");require("../../../../detailed-page-title/detailed-page-title-copy-button.cjs");require("../../../../detailed-page-title/detailed-page-title-explorer-dropdown.cjs");require("../../../../base/details-view/detail-aside/detail-aside-scope.cjs");require("../../../../layout/main-aside-layout/main-aside-layout.cjs");require("../../../../base/details-view/details-view.cjs");require("../../../../fadeout-loading/fadeout-loading.cjs");require("../../../../health-factor/health-factor.cjs");require("../../../../checkbox/checkbox.cjs");require("../../../../checkbox/checkbox-labeled.cjs");require("../../../../select/select.cjs");require("../../../../breakpoint-provider.cjs");require("lightweight-charts");require("../../../../graph/formatters.cjs");require("../../../../graph/graph-view.cjs");require("../../../../base/info-portal/info-portal.cjs");require("../../../../edit-input/edit-input.cjs");require("../../../../slider/slider.cjs");require("../../../../slider/slider-context.cjs");require("../../../../text-button/text-button.cjs");require("../../../../with-title/with-title.cjs");require("react-router-dom");require("../../../../status-elements/status-elements.cjs");const f=require("../../../../client-adapters/styled-dialog-container/styled-dialog-container.cjs"),C=require("../../../../modal/modal.cjs");require("@radix-ui/react-dialog");require("../../../../dialog/dialog-container.cjs");require("../../../../dialog/dialog-content.cjs");require("../../../../dialog/dialog-description.cjs");require("../../../../dialog/dialog-footer.cjs");require("../../../../dialog/dialog-header.cjs");require("../../../../dialog/dialog-title.cjs");require("../../../../dialog/dialog-modal-container.cjs");require("../../../../dialog/dialog-overlay.cjs");require("viem");require("../../../../input/input.cjs");require("../../../../label/label.cjs");require("../../../../simple-dropdown/simple-dropdown.cjs");require("../../../../simple-dropdown/simple-dropdown-menu-item.cjs");require("../../../../base/tabber/tabber.cjs");require("../../../../link/link.cjs");require("../../../../rounded-image/rounded-image.cjs");require("../../../../network-icon/network-indicator.cjs");require("../../../../base-link/base-link.cjs");require("../../../../help-tip/help-tip.cjs");require("../../../../base-table/base-table-line.cjs");require("../../../../navigation-context/navigation-context.cjs");require("../../../../cards/card/card.cjs");require("../../../../checkbox-item/checkbox-item.cjs");require("../../../../client-adapters/styled-button/styled-button.cjs");require("../../../../client-adapters/styled-rounded-image/styled-rounded-image.cjs");require("../amounts/TransactionConfirmAmountField.cjs");const i=require("./constants.cjs"),g=require("./TransactionConfirmShell.cjs");require("../../../../spinner-loader/spinner-loader.cjs");require("../../../../detailed-apy/detailed-apy.cjs");require("../../../../dropdown-menu/dropdown-menu.cjs");require("../../../../dropdown-menu/dropdown-menu-checkbox-item.cjs");require("../../../../dropdown-menu/dropdown-menu-content.cjs");require("../../../../dropdown-menu/dropdown-menu-item.cjs");require("../../../../dropdown-menu/dropdown-menu-label.cjs");require("../../../../dropdown-menu/dropdown-menu-radio-item.cjs");require("../../../../dropdown-menu/dropdown-menu-separator.cjs");require("../../../../dropdown-menu/dropdown-menu-shortcut.cjs");require("../../../../dropdown-menu/dropdown-menu-sub-content.cjs");require("../../../../dropdown-menu/dropdown-menu-sub-trigger.cjs");require("../../../../filter/filter-block.cjs");require("../../../../filter/filter-checkbox-item.cjs");require("../../../../filter/filter-chip.cjs");require("../../../../filter/filter-chips.cjs");require("../../../../filter/filter-dropdown-item.cjs");require("../../../../filter/filter-group.cjs");require("../../../../filter/filter-label.cjs");require("../../../../search-line/search-line.cjs");require("../../../../tabs/tabs.cjs");require("../../../../filter/filter-modal-item.cjs");require("../../../../filter/filter-radio-item.cjs");require("../../../../filter/filter-separator.cjs");require("../../../../filter/variants.cjs");require("../../../../icon-button/icon-button.cjs");require("../../../../layout/app-footer/app-footer.cjs");require("../../../../layout/app-header/app-header.cjs");require("../../../../layout/col/col.cjs");require("../../../../layout/container/container.cjs");require("../../../../layout/grid/grid.cjs");require("../../../../layout/layout/layout.cjs");require("../../../../legal-agreement/legal-agreement-theme.cjs");require("../../../../loader/loader.cjs");require("../../../../loading/loading.cjs");require("../../../../loading-bar/loading-bar.cjs");require("../../../../segmented-control/segmented-control.cjs");require("../../../../separate-line/separate-line.cjs");require("../../../../spinner/spinner.cjs");require("../../../../split-list/split-list.cjs");require("../../../../status-dot/status-dot.cjs");require("../../../../textarea/textarea.cjs");require("../../../../theme-provider.cjs");function M({open:u,onClose:q,title:n,titleAddon:o,hideTitleAddonOnResult:t=!0,containerClassName:a,containerTestId:s,shellTestId:c,phase:r="confirm",...l}){if(!u)return null;const d=r!=="confirm"&&r!=="awaiting_receipt"&&t?void 0:o;return e.jsx(C.Modal,{show:u,onClickOutside:q,zIndexLayer:"MODAL",children:e.jsx(f.StyledDialogContainer,{className:m.cn(i.transactionConfirmDialogShellVariants(),a??i.transactionConfirmModalContainerVariants()),"data-testid":s,children:e.jsx(g.TransactionConfirmShell,{...l,header:e.jsx(_.ConfirmMenu,{title:n,titleAddon:d,onClose:q}),"data-testid":c??i.TransactionConfirmDialogTest.root,phase:r})})})}exports.TransactionConfirmModalView=M;

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

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),d=require("../../../../client-adapters/styled-dialog-container/styled-dialog-container.cjs"),_=require("../../../../confirm-menu/confirm-menu.cjs");require("react");require("@gearbox-protocol/sdk");const f=require("../../../../../utils/cn.cjs");require("sonner");require("@gearbox-protocol/sdk/common-utils");require("luxon");require("../../../../../utils/z-index.cjs");const i=require("./constants.cjs"),g=require("./TransactionConfirmShell.cjs");function q({onClose:r,title:o,titleAddon:t,hideTitleAddonOnResult:s=!0,containerClassName:a,containerTestId:c,shellTestId:l,phase:e="confirm",...u}){const m=e!=="confirm"&&e!=="awaiting_receipt"&&s?void 0:t;return n.jsx(d.StyledDialogContainer,{className:f.cn(i.transactionConfirmDialogShellVariants(),a),"data-testid":c,children:n.jsx(g.TransactionConfirmShell,{...u,header:n.jsx(_.ConfirmMenu,{title:o,titleAddon:m,onClose:r}),"data-testid":l??i.TransactionConfirmDialogTest.root,phase:e})})}exports.TransactionConfirmPageView=q;

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

@@ -1,180 +0,0 @@
-import { jsx as r } from "react/jsx-runtime";
-import "../../../../accordion/accordion.js";
-import "../../../../alert-badge/alert-badge.js";
-import "../../../../alert-dialog/alert-dialog.js";
-import "../../../../alert-modal/alert-modal.js";
-import "@gearbox-protocol/static";
-import "react";
-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 "@gearbox-protocol/sdk";
-import { cn as c } from "../../../../../utils/cn.js";
-import "sonner";
-import "@gearbox-protocol/sdk/common-utils";
-import "luxon";
-import "../../../../../utils/z-index.js";
-import "../../../../buttons/tab-button/tab-button.js";
-import "@fortawesome/free-solid-svg-icons";
-import "../../../../icons/fa-icon.js";
-import "../../../../token-icon/token-icon.js";
-import "../../../../tooltip/simple-tooltip.js";
-import "../../../../tooltip/tooltip.js";
-import "../../../../badge/badge.js";
-import "../../../../badge/chip.js";
-import "../../../../base/amount-input/amount-input.js";
-import { ConfirmMenu as s } from "../../../../confirm-menu/confirm-menu.js";
-import "react-intl";
-import "../../../../table/grid-table.js";
-import "../../../../skeleton/skeleton.js";
-import "../../../../table/table.js";
-import "../../../../token-symbol/token-symbol.js";
-import "../../../../simple-accordion/simple-accordion.js";
-import "../../../../tip-card/tip-card.js";
-import "../../../../typography/typography.js";
-import "../../../../points-icon/points-icon.js";
-import "../../../../vertical-indicator/vertical-indicator.js";
-import "../../../../base/page-title/page-title.js";
-import "../../../../detailed-page-title/detailed-page-title-copy-button.js";
-import "../../../../detailed-page-title/detailed-page-title-explorer-dropdown.js";
-import "../../../../base/details-view/detail-aside/detail-aside-scope.js";
-import "../../../../layout/main-aside-layout/main-aside-layout.js";
-import "../../../../base/details-view/details-view.js";
-import "../../../../fadeout-loading/fadeout-loading.js";
-import "../../../../health-factor/health-factor.js";
-import "../../../../checkbox/checkbox.js";
-import "../../../../checkbox/checkbox-labeled.js";
-import "../../../../select/select.js";
-import "../../../../breakpoint-provider.js";
-import "lightweight-charts";
-import "../../../../graph/formatters.js";
-import "../../../../graph/graph-view.js";
-import "../../../../base/info-portal/info-portal.js";
-import "../../../../edit-input/edit-input.js";
-import "../../../../slider/slider.js";
-import "../../../../slider/slider-context.js";
-import "../../../../text-button/text-button.js";
-import "../../../../with-title/with-title.js";
-import "react-router-dom";
-import "../../../../status-elements/status-elements.js";
-import { StyledDialogContainer as C } from "../../../../client-adapters/styled-dialog-container/styled-dialog-container.js";
-import { Modal as u } from "../../../../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-modal-container.js";
-import "../../../../dialog/dialog-overlay.js";
-import "viem";
-import "../../../../input/input.js";
-import "../../../../label/label.js";
-import "../../../../simple-dropdown/simple-dropdown.js";
-import "../../../../simple-dropdown/simple-dropdown-menu-item.js";
-import "../../../../base/tabber/tabber.js";
-import "../../../../link/link.js";
-import "../../../../rounded-image/rounded-image.js";
-import "../../../../network-icon/network-indicator.js";
-import "../../../../base-link/base-link.js";
-import "../../../../help-tip/help-tip.js";
-import "../../../../base-table/base-table-line.js";
-import "../../../../navigation-context/navigation-context.js";
-import "../../../../cards/card/card.js";
-import "../../../../checkbox-item/checkbox-item.js";
-import "../../../../client-adapters/styled-button/styled-button.js";
-import "../../../../client-adapters/styled-rounded-image/styled-rounded-image.js";
-import "../amounts/TransactionConfirmAmountField.js";
-import { TransactionConfirmDialogTest as M, transactionConfirmModalContainerVariants as T, transactionConfirmDialogShellVariants as g } from "./constants.js";
-import { TransactionConfirmShell as h } from "./TransactionConfirmShell.js";
-import "../../../../spinner-loader/spinner-loader.js";
-import "../../../../detailed-apy/detailed-apy.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 "../../../../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 "../../../../icon-button/icon-button.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/grid/grid.js";
-import "../../../../layout/layout/layout.js";
-import "../../../../legal-agreement/legal-agreement-theme.js";
-import "../../../../loader/loader.js";
-import "../../../../loading/loading.js";
-import "../../../../loading-bar/loading-bar.js";
-import "../../../../segmented-control/segmented-control.js";
-import "../../../../separate-line/separate-line.js";
-import "../../../../spinner/spinner.js";
-import "../../../../split-list/split-list.js";
-import "../../../../status-dot/status-dot.js";
-import "../../../../textarea/textarea.js";
-import "../../../../theme-provider.js";
-function Wo({
-  open: i,
-  onClose: t,
-  title: m,
-  titleAddon: p,
-  hideTitleAddonOnResult: n = !0,
-  containerClassName: a,
-  containerTestId: e,
-  shellTestId: d,
-  phase: o = "confirm",
-  ...l
-}) {
-  if (!i) return null;
-  const f = o !== "confirm" && o !== "awaiting_receipt" && n ? void 0 : p;
-  return /* @__PURE__ */ r(u, { show: i, onClickOutside: t, zIndexLayer: "MODAL", children: /* @__PURE__ */ r(
-    C,
-    {
-      className: c(
-        g(),
-        a ?? T()
-      ),
-      "data-testid": e,
-      children: /* @__PURE__ */ r(
-        h,
-        {
-          ...l,
-          header: /* @__PURE__ */ r(
-            s,
-            {
-              title: m,
-              titleAddon: f,
-              onClose: t
-            }
-          ),
-          "data-testid": d ?? M.root,
-          phase: o
-        }
-      )
-    }
-  ) });
-}
-export {
-  Wo as TransactionConfirmModalView
-};

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

@@ -1,54 +0,0 @@
-import { jsx as r } from "react/jsx-runtime";
-import { StyledDialogContainer as c } from "../../../../client-adapters/styled-dialog-container/styled-dialog-container.js";
-import { ConfirmMenu as p } 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 C, transactionConfirmDialogShellVariants as g } from "./constants.js";
-import { TransactionConfirmShell as T } from "./TransactionConfirmShell.js";
-function N({
-  onClose: i,
-  title: t,
-  titleAddon: n,
-  hideTitleAddonOnResult: m = !0,
-  containerClassName: a,
-  containerTestId: e,
-  shellTestId: f,
-  phase: o = "confirm",
-  ...d
-}) {
-  const l = o !== "confirm" && o !== "awaiting_receipt" && m ? void 0 : n;
-  return /* @__PURE__ */ r(
-    c,
-    {
-      className: s(
-        g(),
-        a
-      ),
-      "data-testid": e,
-      children: /* @__PURE__ */ r(
-        T,
-        {
-          ...d,
-          header: /* @__PURE__ */ r(
-            p,
-            {
-              title: t,
-              titleAddon: l,
-              onClose: i
-            }
-          ),
-          "data-testid": f ?? C.root,
-          phase: o
-        }
-      )
-    }
-  );
-}
-export {
-  N as TransactionConfirmPageView
-};

package/dist/types/components/composites/tx-preview/confirm/dialog/TransactionConfirmModalView.d.ts

@@ -1,17 +0,0 @@
-import { default as React } from 'react';
-import { TransactionConfirmShellProps } from './TransactionConfirmShell';
-export interface TransactionConfirmModalViewProps extends Omit<TransactionConfirmShellProps, "header" | "data-testid"> {
-    readonly open: boolean;
-    readonly onClose: () => void;
-    readonly title: React.ReactNode;
-    readonly titleAddon?: React.ReactNode | undefined;
-    readonly hideTitleAddonOnResult?: boolean | undefined;
-    readonly containerClassName?: string | undefined;
-    readonly containerTestId?: string | undefined;
-    readonly shellTestId?: string | undefined;
-}
-/**
- *
- * Base shell on page as a dialog
- */
-export declare function TransactionConfirmModalView({ open, onClose, title, titleAddon, hideTitleAddonOnResult, containerClassName, containerTestId, shellTestId, phase, ...rest }: TransactionConfirmModalViewProps): React.ReactElement | null;

package/dist/types/components/composites/tx-preview/confirm/dialog/TransactionConfirmPageView.d.ts

@@ -1,16 +0,0 @@
-import { default as React } from 'react';
-import { TransactionConfirmShellProps } from './TransactionConfirmShell';
-export interface TransactionConfirmPageViewProps extends Omit<TransactionConfirmShellProps, "header" | "data-testid"> {
-    readonly onClose?: () => void;
-    readonly title: React.ReactNode;
-    readonly titleAddon?: React.ReactNode | undefined;
-    readonly hideTitleAddonOnResult?: boolean | undefined;
-    readonly containerClassName?: string | undefined;
-    readonly containerTestId?: string | undefined;
-    readonly shellTestId?: string | undefined;
-}
-/**
- *
- * Base shell in modal
- */
-export declare function TransactionConfirmPageView({ onClose, title, titleAddon, hideTitleAddonOnResult, containerClassName, containerTestId, shellTestId, phase, ...rest }: TransactionConfirmPageViewProps): React.ReactElement;