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

package/dist/types/components/alert-badge/alert-badge.d.ts

@@ -1,7 +1,7 @@
 import { VariantProps } from 'class-variance-authority';
 import * as React from "react";
 declare const alertBadgeVariants: (props?: ({
-    variant?: "default" | "success" | "warning" | "primary" | "alert" | "info" | null | undefined;
+    variant?: "none" | "default" | "success" | "warning" | "primary" | "alert" | "info" | null | undefined;
     size?: "default" | "sm" | "lg" | null | undefined;
     fullWidth?: boolean | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;

package/dist/types/components/block-sync-pill/block-sync-pill.d.ts

@@ -0,0 +1,35 @@
+import { BlockSyncProps } from '../../types/footer';
+import type * as React from "react";
+export interface BlockSyncPillProps extends BlockSyncProps {
+    /**
+     * Label rendered inside the status pill. Defaults to `Status`.
+     */
+    statusLabel?: React.ReactNode;
+    /**
+     * Additional class names applied to the pill wrapper.
+     */
+    className?: string;
+}
+/**
+ * BlockSyncPill — backend-sync status rendered as an {@link AppFooter}-style
+ * pill: a thin bordered, rounded badge with a status dot and a label.
+ *
+ * Reflects the **liveness** of the data-refresh loop rather than raw block age:
+ * - **loading** (no successful sync yet): the dot is a pulsing neutral gray;
+ * - **synced** (within `syncIntervalMs * staleMultiplier`, no errors): green,
+ *   pulsing while a refresh is in flight;
+ * - **error / stalled**: red.
+ *
+ * Hovering reveals per-chain block numbers and the local time of the last sync.
+ *
+ * @example
+ * ```tsx
+ * <BlockSyncPill
+ *   blockByChain={blockByChain}
+ *   explorerAddresses={explorerAddresses}
+ *   networkById={networkById}
+ *   syncIntervalMs={300000}
+ * />
+ * ```
+ */
+export declare function BlockSyncPill({ blockByChain, explorerAddresses, networkById, syncIntervalMs, staleMultiplier, statusLabel, className, }: BlockSyncPillProps): React.ReactElement;

package/dist/types/components/block-sync-pill/block-sync-status.d.ts

@@ -0,0 +1,29 @@
+import { BlockByChain } from '../../types/footer';
+/**
+ * Liveness state of the data-refresh loop, derived from per-chain sync info:
+ * - `loading` — nothing has successfully synced yet (initial state);
+ * - `synced` — at least one chain synced and none are stale/failing;
+ * - `error` — a chain reported an error, or the oldest sync is stale.
+ */
+export type BlockSyncState = "loading" | "synced" | "error";
+export interface BlockSyncStatus {
+    state: BlockSyncState;
+    /** True while any chain has a refresh in flight. */
+    isSyncing: boolean;
+}
+export interface GetBlockSyncStatusProps {
+    blockByChain: BlockByChain | undefined;
+    /** Reference "now" timestamp (ms) used to evaluate staleness. */
+    now: number;
+    /** Age (ms) after which the oldest sync is considered stale. */
+    staleAfterMs: number;
+}
+/**
+ * Pure derivation of the {@link BlockSyncState} from chain sync info.
+ *
+ * A chain counts as "synced" only when it has both a real block (`> 0`) and a
+ * local sync timestamp. Staleness is measured against the **oldest** synced
+ * chain, so a single lagging chain is enough to flag the whole indicator.
+ * Errors take priority over everything else.
+ */
+export declare function getBlockSyncStatus({ blockByChain, now, staleAfterMs, }: GetBlockSyncStatusProps): BlockSyncStatus;

package/dist/types/components/block-sync-pill/index.d.ts

@@ -0,0 +1 @@
+export * from './block-sync-pill';

package/dist/types/components/buttons/button/button.d.ts

@@ -2,7 +2,7 @@ import { VariantProps } from 'class-variance-authority';
 import * as React from "react";
 declare const buttonVariants: (props?: ({
     variant?: "link" | "text" | "default" | "success" | "destructive" | "ghost" | "outline" | "secondary" | "white" | "neutral" | "pink" | "pink-outline" | "blue" | "blue-outline" | null | undefined;
-    size?: "default" | "icon" | "auto" | "xs" | "sm" | "lg" | null | undefined;
+    size?: "default" | "icon" | "auto" | "xs" | "sm" | "lg" | "md" | null | undefined;
     width?: "compact" | "wide" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 /**
@@ -43,8 +43,9 @@ export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElemen
  * Sizes (size):
  * - `auto` — automatic height without padding.
  * - `xs` — extra small (rounded-full, px-3, text-xs).
- * - `sm` — small (h-8, px-3, text-xs).
- * - `default` — standard (h-9, px-4, py-2).
+ * - `sm` — small (h-7, px-3, text-xs).
+ * - `md` — medium (h-8, px-3.5, text-sm).
+ * - `default` — standard (h-10, px-4).
  * - `lg` — large (h-10, px-8).
  * - `icon` — square button for icons (h-9 w-9).
  *

package/dist/types/components/composites/credit-account-history/body.d.ts

@@ -0,0 +1,14 @@
+import { TokenData } from '@gearbox-protocol/sdk/common-utils';
+import { default as React } from 'react';
+import { Address } from 'viem';
+import { CreditAccountOperationLike, ProtocolsList } from './types';
+export interface HistoryBodyProps {
+    readonly creditManager: {
+        underlyingToken: Address;
+    };
+    readonly tokens: Record<Address, TokenData>;
+    readonly protocols: ProtocolsList | undefined;
+    readonly dataList: Array<CreditAccountOperationLike>;
+    readonly explorerUrl?: string;
+}
+export declare function HistoryBody({ dataList, creditManager, tokens, protocols, explorerUrl, }: HistoryBodyProps): React.ReactElement;

package/dist/types/components/composites/credit-account-history/cells/details.d.ts

@@ -0,0 +1,9 @@
+import { TokenData } from '@gearbox-protocol/sdk/common-utils';
+import { default as React } from 'react';
+import { Address } from 'viem';
+import { OperationDetails } from '../types';
+export interface DetailsProps {
+    readonly data: OperationDetails;
+    readonly tokensList: Record<Address, TokenData>;
+}
+export declare function Details({ data: { from, leverage, to }, tokensList, }: DetailsProps): React.ReactElement;

package/dist/types/components/composites/credit-account-history/cells/hash.d.ts

@@ -0,0 +1,6 @@
+import { default as React } from 'react';
+export interface HashProps {
+    readonly txHash: string;
+    readonly etherscanAddress: string;
+}
+export declare function Hash({ txHash, etherscanAddress, }: HashProps): React.ReactElement;

package/dist/types/components/composites/credit-account-history/cells/index.d.ts

@@ -0,0 +1,4 @@
+export * from './details';
+export * from './hash';
+export * from './protocol';
+export * from './token-list';

package/dist/types/components/composites/credit-account-history/cells/protocol.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+import { ProtocolData } from '../types';
+export interface ProtocolProps {
+    readonly protocol: ProtocolData;
+    readonly isUnderlying?: boolean;
+}
+export declare function Protocol({ isUnderlying, protocol: { icon, name }, }: ProtocolProps): React.ReactElement;

package/dist/types/components/composites/credit-account-history/cells/token-list.d.ts

@@ -0,0 +1,9 @@
+import { TokenData } from '@gearbox-protocol/sdk/common-utils';
+import { default as React } from 'react';
+import { Address } from 'viem';
+import { DetailsEntry } from '../types';
+export interface TokenListProps {
+    readonly data: Array<DetailsEntry>;
+    readonly tokensList: Record<Address, TokenData>;
+}
+export declare function TokenList({ data, tokensList, }: TokenListProps): React.ReactElement;

package/dist/types/components/composites/credit-account-history/credit-account-history.d.ts

@@ -0,0 +1,15 @@
+import { TokenData } from '@gearbox-protocol/sdk/common-utils';
+import { default as React } from 'react';
+import { Address } from 'viem';
+import { CreditAccountOperationLike, ProtocolsList } from './types';
+export interface CreditAccountHistoryProps {
+    readonly creditManager: {
+        underlyingToken: Address;
+    };
+    readonly tokens: Record<Address, TokenData>;
+    readonly protocols: ProtocolsList | undefined;
+    readonly dataList: Array<CreditAccountOperationLike>;
+    readonly isLoading?: boolean;
+    readonly explorerUrl?: string;
+}
+export declare const CreditAccountHistory: React.NamedExoticComponent<CreditAccountHistoryProps>;

package/dist/types/components/composites/credit-account-history/index.d.ts

@@ -0,0 +1,2 @@
+export * from './credit-account-history';
+export * from './types';

package/dist/types/components/composites/credit-account-history/line.d.ts

@@ -0,0 +1,18 @@
+import { TokenData } from '@gearbox-protocol/sdk/common-utils';
+import { default as React } from 'react';
+import { Address } from 'viem';
+import { CreditAccountOperationLike, OperationDetails, ProtocolsList } from './types';
+export interface HistoryLineProps {
+    readonly data: CreditAccountOperationLike;
+    readonly details: OperationDetails;
+    readonly tokens: Record<Address, TokenData>;
+    readonly protocols: ProtocolsList | undefined;
+    readonly hideBorder: boolean;
+    readonly index: {
+        index: number;
+        outOf: number;
+    };
+    readonly underlyingToken: Address;
+    readonly explorerUrl?: string;
+}
+export declare function HistoryLine({ data, details, tokens, protocols, hideBorder, index, underlyingToken, explorerUrl, }: HistoryLineProps): React.ReactElement;

package/dist/types/components/composites/credit-account-history/types.d.ts

@@ -0,0 +1,36 @@
+import { TokenData } from '@gearbox-protocol/sdk/common-utils';
+import { Address } from 'viem';
+export declare const ZERO_ADDRESS: Address;
+export interface DetailsEntry {
+    readonly token?: Address;
+    readonly account?: Address;
+    readonly description?: string;
+}
+export interface OperationDetails {
+    readonly from: Array<DetailsEntry>;
+    readonly leverage?: string;
+    readonly to?: Array<DetailsEntry>;
+}
+export interface ProtocolData {
+    readonly name: string;
+    readonly icon: string;
+}
+export type ProtocolsList = Record<Address, ProtocolData>;
+export declare const GEARBOX_PROTOCOL_INFO: ProtocolData;
+export interface CreditAccountOperationLike {
+    readonly txHash: string;
+    readonly date: string;
+    readonly time: string;
+    readonly timestamp: number;
+    readonly protocol: string;
+    readonly sessionId: string;
+    readonly blockNum: number;
+    readonly operation: string;
+    readonly operationType: string;
+    getDetails(token: Address, tokensList: Record<Address, TokenData>): [OperationDetails, Array<CreditAccountOperationLike>?];
+}
+export interface OpenCreditAccountLike extends CreditAccountOperationLike {
+    readonly from: bigint;
+    readonly leverage: number;
+}
+export declare const isMulticallOperation: (op: unknown) => boolean;

package/dist/types/components/composites/index.d.ts

@@ -1,3 +1,5 @@
+export * from './credit-account-history';
+export * from './notification-center';
 export * from './oracles-and-lt-table';
 export * from './pool-assets-table';
 export * from './pool-credit-manager-info';

package/dist/types/components/composites/notification-center/index.d.ts

@@ -0,0 +1,2 @@
+export * from './notification-center';
+export * from './types';

package/dist/types/components/composites/notification-center/notification-center.d.ts

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+import { NotificationCenterProps } from './types';
+/**
+ * Presentational notification center: a bell trigger with a request-count badge
+ * and a dropdown listing deferred ("Requests") and settled ("Recent")
+ * operations. Fully controlled and data-agnostic — the host builds the row view
+ * models (titles, status labels, timestamps) and wires the callbacks.
+ */
+export declare function NotificationCenter({ open, onOpenChange, deferredRows, successRows, deferredCount, hasReady, hasAny, onClear, }: NotificationCenterProps): React.ReactElement;

package/dist/types/components/composites/notification-center/types.d.ts

@@ -0,0 +1,31 @@
+import { default as React } from 'react';
+/** A deferred (two-phase) request row shown in the "Requests" section. */
+export interface DeferredRowView {
+    readonly id: string;
+    readonly title: React.ReactNode;
+    readonly positionName: React.ReactNode;
+    readonly isReady: boolean;
+    readonly isClickable: boolean;
+    readonly statusLabel: React.ReactNode;
+    /** Present only for reopenable (matured) rows; makes the row clickable. */
+    readonly onExecute?: () => void;
+}
+/** A settled operation row shown in the "Recent" section. */
+export interface SuccessRowView {
+    readonly id: string;
+    readonly label: React.ReactNode;
+    readonly timestampLabel: React.ReactNode;
+    readonly onView?: () => void;
+}
+export interface NotificationCenterProps {
+    readonly open: boolean;
+    readonly onOpenChange: (open: boolean) => void;
+    readonly deferredRows: DeferredRowView[];
+    readonly successRows: SuccessRowView[];
+    readonly deferredCount: number;
+    /** At least one deferred request has matured (drives the badge/status color). */
+    readonly hasReady: boolean;
+    readonly hasAny: boolean;
+    /** Optional action: wipe settled ("Recent") notifications. Rendered in the Recent section header; hidden when omitted. */
+    readonly onClear?: () => void;
+}

package/dist/types/components/composites/tx-preview/components/AddressAvatar.d.ts

@@ -0,0 +1,12 @@
+import { Address } from 'viem';
+import { AddressRole } from './addressLabel';
+export interface AddressAvatarProps {
+    address: Address;
+    role?: AddressRole;
+}
+/**
+ * Small round avatar for an operation party. Picks an icon based on `role`:
+ * wallet / credit-account get a Font Awesome glyph, pools get the Gearbox brand
+ * logo, and everything else falls back to an address-derived {@link Identicon}.
+ */
+export declare function AddressAvatar({ address, role, }: AddressAvatarProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/components/composites/tx-preview/components/AddressParty.d.ts

@@ -0,0 +1,14 @@
+import { Address } from 'viem';
+import { AddressLabel } from './addressLabel';
+export interface AddressPartyProps {
+    address: Address;
+    /** Optional resolved label; controls the displayed name and avatar. */
+    label?: AddressLabel;
+}
+/**
+ * One side of a transfer: an avatar plus a name (the resolved label, when
+ * present) and the shortened, copyable address. The copy affordance sits on the
+ * address line itself (not centered against the whole block). Purely
+ * presentational; labels are resolved by the caller.
+ */
+export declare function AddressParty({ address, label }: AddressPartyProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/components/composites/tx-preview/components/AddressRow.d.ts

@@ -0,0 +1,7 @@
+import { Address } from 'viem';
+export interface AddressRowProps {
+    label: string;
+    address: Address;
+}
+/** A labeled row showing a shortened, copyable address. */
+export declare function AddressRow({ label, address }: AddressRowProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/components/composites/tx-preview/components/AmountRow.d.ts

@@ -0,0 +1,15 @@
+export interface AmountRowToken {
+    symbol: string;
+    decimals: number;
+}
+export interface AmountRowProps {
+    value: bigint | string | number;
+    token: AmountRowToken;
+    /** Row label shown on the left. */
+    label?: string;
+}
+/**
+ * A two-column row: a label on the left and a token amount (icon + formatted
+ * value + symbol) on the right.
+ */
+export declare function AmountRow({ value, token, label }: AmountRowProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/components/composites/tx-preview/components/CollapsibleCard.d.ts

@@ -0,0 +1,22 @@
+import { ReactNode } from 'react';
+export interface CollapsibleCardProps {
+    /** Unique value identifying the accordion item within the card. */
+    value: string;
+    /** Header title, rendered inside a `CardTitle`. */
+    title: ReactNode;
+    /**
+     * Whether the card is expanded by default.
+     * @default true
+     */
+    defaultOpen?: boolean;
+    /** Extra classes merged into the content wrapper (default `flex flex-col gap-3 pt-0`). */
+    contentClassName?: string;
+    children: ReactNode;
+}
+/**
+ * Collapsible card shell: a `Card` wrapping a single-item `SimpleAccordion`
+ * whose header is the `title` and whose body is `children`. Encapsulates the
+ * repeated `Card -> SimpleAccordion -> SimpleAccordionItem` pattern used across
+ * the decode feature cards.
+ */
+export declare function CollapsibleCard({ value, title, defaultOpen, contentClassName, children, }: CollapsibleCardProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/components/composites/tx-preview/components/SectionDivider.d.ts

@@ -0,0 +1,10 @@
+export interface SectionDividerProps {
+    /** Section heading rendered between the two separator rules. */
+    title: string;
+}
+/**
+ * A labeled divider: a centered, uppercase heading flanked by horizontal rules.
+ * Used to introduce a section inside an operation card (e.g. "Transfers" or the
+ * per-address balance groups in the state-changes card).
+ */
+export declare function SectionDivider({ title }: SectionDividerProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/components/composites/tx-preview/components/TransferList.d.ts

@@ -0,0 +1,19 @@
+import { Address } from 'viem';
+import { AddressLabels } from './addressLabel';
+import { Transfer, TransferListToken } from './TransferRow';
+export interface TransferListProps {
+    transfers: Transfer[];
+    /** Resolved labels for the involved addresses (drives names, avatars, color). */
+    labels: AddressLabels;
+    /** Resolves token metadata (symbol/decimals) for a token address. */
+    resolveToken: (token: Address) => TransferListToken;
+    /** Section heading shown in the divider; pass `null` to omit it. */
+    title?: string | null;
+}
+/**
+ * Renders a list of {@link TransferRow}s, separated from the rest of the card by
+ * a labeled divider. All rows share one symmetric five-column grid so the
+ * arrows, amounts and avatars align across rows. Renders nothing when there are
+ * no transfers.
+ */
+export declare function TransferList({ transfers, labels, resolveToken, title, }: TransferListProps): import("react/jsx-runtime").JSX.Element | null;

package/dist/types/components/composites/tx-preview/components/TransferRow.d.ts

@@ -0,0 +1,30 @@
+import { Address } from 'viem';
+import { AddressLabels } from './addressLabel';
+export interface TransferListToken {
+    symbol: string;
+    decimals: number;
+}
+export interface Transfer {
+    token: Address;
+    amount: bigint;
+    from: Address;
+    to: Address;
+}
+export interface TransferRowProps {
+    transfer: Transfer;
+    /** Resolved labels for the involved addresses (drives names, avatars, color). */
+    labels: AddressLabels;
+    token: TransferListToken;
+}
+/**
+ * One transfer as five grid cells (the parent `TransferList` owns the shared,
+ * left-right symmetric grid template so columns line up across rows): sender,
+ * arrow, token amount, arrow, receiver. Sender/receiver are left-aligned in the
+ * flexible outer columns; the centered amount sits at the row's horizontal
+ * center with the two arrows symmetric around it. The arrows and amount are
+ * colored by direction relative to "our" addresses: red when an owned address
+ * is the sender (outgoing), green when it is the receiver (incoming), muted
+ * otherwise. Purely presentational; labels/token metadata are resolved by the
+ * caller.
+ */
+export declare function TransferRow({ transfer, labels, token }: TransferRowProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/components/composites/tx-preview/components/addressLabel.d.ts

@@ -0,0 +1,27 @@
+import { Address } from 'viem';
+/**
+ * Visual category for a labeled address; drives the avatar rendering.
+ * `external` is the fallback for addresses we do not specifically recognize.
+ */
+export type AddressRole = "wallet" | "creditAccount" | "pool" | "external";
+/**
+ * UI-only description of an address involved in an operation.
+ *
+ * `ours` is a presentation-layer concept (it colors transfers red/green) and is
+ * derived by the feature that builds the labels; it is intentionally decoupled
+ * from the simulation watch set in `src/simulate`.
+ */
+export interface AddressLabel {
+    /** Label shown in transfer rows, e.g. "Your wallet", "LP shares receiver", "Pool XYZ". */
+    transferLabel?: string;
+    /** Label shown as the state-changes divider, e.g. "Wallet balances", "Receiver balances". */
+    balancesLabel?: string;
+    /** Visual category, drives the avatar. */
+    role: AddressRole;
+    /** Whether this is one of "our" addresses; drives transfer color (red/green). */
+    ours: boolean;
+}
+/** Address -> label lookup, keyed by checksummed address. */
+export type AddressLabels = ReadonlyMap<Address, AddressLabel>;
+/** Resolves an address's label, normalizing the key to checksummed form. */
+export declare function getAddressLabel(labels: AddressLabels, address: Address): AddressLabel | undefined;

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

@@ -0,0 +1,9 @@
+export * from './AddressAvatar';
+export * from './AddressParty';
+export * from './AddressRow';
+export * from './AmountRow';
+export * from './addressLabel';
+export * from './CollapsibleCard';
+export * from './SectionDivider';
+export * from './TransferList';
+export * from './TransferRow';

package/dist/types/components/composites/tx-preview/confirm/amounts/TransactionConfirmAmountField.d.ts

@@ -0,0 +1,29 @@
+import { VariantProps } from 'class-variance-authority';
+import { default as React } from 'react';
+import { TokenFullData } from '../../../../../types/common';
+declare const rootVariants: (props?: ({
+    position?: "none" | "primary" | "receive" | "solo" | null | undefined;
+    size?: "sm" | "md" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export interface TransactionConfirmAmountFieldProps extends VariantProps<typeof rootVariants> {
+    readonly label: React.ReactNode;
+    readonly primaryAmount: {
+        readonly amount: bigint;
+        readonly token?: Omit<TokenFullData, "address">;
+    } | {
+        node: React.ReactNode;
+    };
+    readonly secondaryAmount?: {
+        readonly usd?: bigint;
+    } | {
+        node: React.ReactNode;
+    };
+    readonly loading?: boolean;
+    readonly maxLength?: number;
+    readonly approximate?: {
+        isApproximate?: boolean;
+        approximateSymbol?: string;
+    };
+}
+export declare function TransactionConfirmAmountField({ label, primaryAmount, secondaryAmount, loading, position, size, maxLength, approximate, }: TransactionConfirmAmountFieldProps): React.ReactElement;
+export {};

package/dist/types/components/composites/tx-preview/confirm/amounts/TransactionConfirmAmountPair.d.ts

@@ -0,0 +1,16 @@
+import { default as React } from 'react';
+import { TokenFullData } from '../../../../../types/common';
+export interface TransactionConfirmAmountPairProps {
+    readonly primaryLabel: React.ReactNode;
+    readonly primaryAmount: bigint;
+    readonly primaryToken?: Omit<TokenFullData, "address">;
+    readonly primaryUsdMoney?: bigint;
+    readonly receiveLabel: React.ReactNode;
+    readonly receiveAmount: bigint;
+    readonly receiveToken?: Omit<TokenFullData, "address">;
+    readonly receiveUsdMoney?: bigint;
+    readonly loading?: boolean;
+    readonly size?: "sm" | "md";
+    readonly maxLength?: number;
+}
+export declare function TransactionConfirmAmountPair({ primaryLabel, primaryAmount, primaryToken, primaryUsdMoney, receiveLabel, receiveAmount, receiveToken, receiveUsdMoney, loading, size, maxLength, }: TransactionConfirmAmountPairProps): React.ReactElement;

package/dist/types/components/composites/tx-preview/confirm/amounts/constants.d.ts

@@ -0,0 +1,6 @@
+export declare class TransactionConfirmAmountFieldTest {
+    static root: string;
+}
+export declare class TransactionConfirmAmountPairTest {
+    static root: string;
+}

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

@@ -0,0 +1,3 @@
+export * from './constants';
+export * from './TransactionConfirmAmountField';
+export * from './TransactionConfirmAmountPair';

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

@@ -0,0 +1,24 @@
+import { default as React } from 'react';
+import { TransactionExecutionStepView } from '../stepper/transactionExecutionStepTypes';
+import { TransactionConfirmPhase } from './transactionConfirmPhase';
+export interface TransactionConfirmDialogViewProps {
+    readonly open: boolean;
+    readonly onClose: () => void;
+    readonly phase?: TransactionConfirmPhase;
+    readonly title: React.ReactNode;
+    readonly titleAddon?: React.ReactNode;
+    readonly preview: React.ReactNode;
+    readonly previewLoading?: boolean;
+    readonly previewError?: Error | null;
+    readonly previewErrorTitle?: string;
+    readonly previewClassName?: string;
+    readonly containerClassName?: string;
+    readonly containerTestId?: string;
+    readonly shellTestId?: string;
+    readonly execution: React.ReactNode;
+    readonly progressSteps?: ReadonlyArray<TransactionExecutionStepView>;
+    readonly renderProgressStepLabel?: (step: TransactionExecutionStepView) => React.ReactNode;
+    readonly result?: React.ReactNode;
+    readonly hideTitleAddonOnResult?: boolean;
+}
+export declare function TransactionConfirmDialogView({ open, onClose, phase, title, titleAddon, preview, previewLoading, previewError, previewErrorTitle, previewClassName, containerClassName, containerTestId, shellTestId, execution, progressSteps, renderProgressStepLabel, result, hideTitleAddonOnResult, }: TransactionConfirmDialogViewProps): React.ReactElement | null;

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

@@ -0,0 +1,23 @@
+import { default as React } from 'react';
+import { TransactionExecutionStepView } from '../stepper/transactionExecutionStepTypes';
+import { TransactionConfirmPhase } from './transactionConfirmPhase';
+export interface TransactionConfirmPageViewProps {
+    readonly phase?: TransactionConfirmPhase;
+    readonly onClose?: () => void;
+    readonly title: React.ReactNode;
+    readonly titleAddon?: 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 hideTitleAddonOnResult?: boolean;
+    readonly containerClassName?: string;
+    readonly containerTestId?: string;
+    readonly shellTestId?: string;
+}
+export declare function TransactionConfirmPageView({ onClose, phase, title, titleAddon, preview, previewLoading, previewError, previewErrorTitle, previewClassName, execution, progressSteps, renderProgressStepLabel, result, hideTitleAddonOnResult, containerClassName, containerTestId, shellTestId, }: TransactionConfirmPageViewProps): React.ReactElement;

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

@@ -0,0 +1,3 @@
+export declare class TransactionConfirmShellTest {
+    static root: string;
+}

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

@@ -0,0 +1,19 @@
+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;
+}
+export declare function TransactionConfirmShell({ phase, header, preview, previewLoading, previewError, previewErrorTitle, previewClassName, execution, progressSteps, renderProgressStepLabel, result, className, "data-testid": dataTestId, }: TransactionConfirmShellProps): React.ReactElement;

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

@@ -0,0 +1,8 @@
+import { TransactionConfirmPhase } from './transactionConfirmPhase';
+export interface TransactionConfirmDialogLayout {
+    readonly showPreview: boolean;
+    readonly showExecution: boolean;
+    readonly showProgressStepper: boolean;
+    readonly showResult: boolean;
+}
+export declare function computeTransactionConfirmDialogLayout(phase: TransactionConfirmPhase, hasProgressSteps: boolean): TransactionConfirmDialogLayout;