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

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

@@ -1,19 +0,0 @@
-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

@@ -1,30 +0,0 @@
-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

@@ -1,27 +0,0 @@
-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

@@ -1,9 +0,0 @@
-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/TransactionConfirmAmountPair.d.ts

@@ -1,16 +0,0 @@
-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/dialog/TransactionConfirmDialogView.d.ts

@@ -1,24 +0,0 @@
-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/TransactionConfirmShell.constants.d.ts

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

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

@@ -1,8 +0,0 @@
-export interface UseTransactionConfirmDialogReturn {
-    open: boolean;
-    openDialog: () => void;
-    closeDialog: () => void;
-    refreshNonce: number;
-    bumpRefreshNonce: () => void;
-}
-export declare function useTransactionConfirmDialog(): UseTransactionConfirmDialogReturn;

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

@@ -1,12 +0,0 @@
-import { Operation, PoolSimulationResult } from '@gearbox-protocol/sdk/preview';
-import { default as React } from 'react';
-import { Address } from 'viem';
-import { GearboxSDKLike } from '../../types';
-export interface OperationPreviewContentProps {
-    sdk: GearboxSDKLike;
-    operation: Operation;
-    simulation: PoolSimulationResult | undefined;
-    isSimulating: boolean;
-    wallet: Address;
-}
-export declare function OperationPreviewContent({ sdk, operation, simulation, isSimulating, wallet, }: OperationPreviewContentProps): React.ReactElement;

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

@@ -1 +0,0 @@
-export * from './OperationPreviewContent';

package/dist/types/components/composites/tx-preview/confirm/stepper/TransactionProgressStepper.d.ts

@@ -1,7 +0,0 @@
-import { default as React } from 'react';
-import { TransactionExecutionStepView } from './transactionExecutionStepTypes';
-export interface TransactionProgressStepperProps {
-    readonly steps: ReadonlyArray<TransactionExecutionStepView>;
-    readonly renderLabel: (step: TransactionExecutionStepView) => React.ReactNode;
-}
-export declare function TransactionProgressStepper({ steps, renderLabel, }: TransactionProgressStepperProps): React.ReactElement;

package/dist/types/components/composites/tx-preview/confirm/summary/PoolOperationConfirmDetails.d.ts

@@ -1,15 +0,0 @@
-import { default as React } from 'react';
-export interface PoolOperationConfirmDetailsProps {
-    readonly apyLabel?: React.ReactNode;
-    readonly apy?: React.ReactNode;
-    readonly apyLoading?: boolean;
-    readonly poolTvlLabel: React.ReactNode;
-    readonly poolTvl: React.ReactNode;
-    readonly poolUtilizationLabel: React.ReactNode;
-    readonly poolUtilization: React.ReactNode;
-    readonly curatorLabel: React.ReactNode;
-    readonly curatorValue: React.ReactNode;
-    readonly poolLabel: React.ReactNode;
-    readonly poolContractValue: React.ReactNode;
-}
-export declare function PoolOperationConfirmDetails({ apyLabel, apy, apyLoading, poolTvlLabel, poolTvl, poolUtilizationLabel, poolUtilization, curatorLabel, curatorValue, poolLabel, poolContractValue, }: PoolOperationConfirmDetailsProps): React.ReactElement;

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

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

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

@@ -1,2 +0,0 @@
-export * from './constants';
-export * from './PoolOperationConfirmDetails';

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

@@ -1,15 +0,0 @@
-import { Operation } from '@gearbox-protocol/sdk/preview';
-import { Address } from 'viem';
-import { GearboxSDKLike } from '../types';
-export interface OperationBodyProps {
-    sdk: GearboxSDKLike;
-    operation: Operation;
-    /** Wallet whose transfers are highlighted; populated after simulation. */
-    wallet: Address;
-}
-/**
- * Renders the body of the outer operation (rows only, no card chrome).
- * Currently handles pool deposit/redeem; credit-facade operations
- * ({@link OuterFacadeOperation}) are a future branch.
- */
-export declare function OperationBody({ sdk, operation, wallet }: OperationBodyProps): import("react/jsx-runtime").JSX.Element | null;

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

@@ -1,21 +0,0 @@
-import { Operation } from '@gearbox-protocol/sdk/preview';
-import { Address } from 'viem';
-import { GearboxSDKLike } from '../types';
-export interface OperationsCardProps {
-    sdk: GearboxSDKLike;
-    transaction: Operation;
-    wallet: Address;
-}
-/**
- * Whether a dedicated custom operation view exists for the parsed transaction.
- * Drives both whether {@link OperationsCard} renders and whether the raw
- * transaction card starts expanded. Currently only pool operations have a view.
- */
-export declare function hasOperationView(tx: Operation): boolean;
-/**
- * Collapsible card (open by default) for a decoded transaction. Renders the
- * outer operation in its content. Pool operations have no inner operations, so
- * the card body is just the operation rows; credit-facade operations will later
- * render their {@link InnerOperation}s as nested non-collapsible cards here.
- */
-export declare function OperationsCard({ sdk, transaction, wallet, }: OperationsCardProps): import("react/jsx-runtime").JSX.Element | null;

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

@@ -1,11 +0,0 @@
-import { PoolDepositOperation } from '@gearbox-protocol/sdk/preview';
-import { Address } from 'viem';
-import { GearboxSDKLike } from '../types';
-export interface PoolDepositViewProps {
-    sdk: GearboxSDKLike;
-    operation: PoolDepositOperation;
-    /** Wallet whose transfers are highlighted; populated after simulation. */
-    wallet: Address;
-}
-/** Human-readable body of a Gearbox pool deposit operation (rows only). */
-export declare function PoolDepositView({ sdk, operation, wallet, }: PoolDepositViewProps): import("react/jsx-runtime").JSX.Element;

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

@@ -1,8 +0,0 @@
-import { Address } from 'viem';
-import { TokenInfo } from '../utils';
-export interface PoolRowProps {
-    pool: TokenInfo;
-    address: Address;
-}
-/** Pool row: shows the pool's human label plus the copyable pool address. */
-export declare function PoolRow({ pool, address }: PoolRowProps): import("react/jsx-runtime").JSX.Element;

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

@@ -1,11 +0,0 @@
-import { PoolRedeemOperation } from '@gearbox-protocol/sdk/preview';
-import { Address } from 'viem';
-import { GearboxSDKLike } from '../types';
-export interface PoolWithdrawViewProps {
-    sdk: GearboxSDKLike;
-    operation: PoolRedeemOperation;
-    /** Wallet whose transfers are highlighted; populated after simulation. */
-    wallet: Address;
-}
-/** Human-readable body of a Gearbox pool withdraw (redeem) operation (rows only). */
-export declare function PoolWithdrawView({ sdk, operation, wallet, }: PoolWithdrawViewProps): import("react/jsx-runtime").JSX.Element;

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

@@ -1,5 +0,0 @@
-export * from './OperationBody';
-export * from './OperationsCard';
-export * from './PoolDepositView';
-export * from './PoolRow';
-export * from './PoolWithdrawView';

package/dist/types/components/composites/tx-preview/state-change/BalanceChangeGroup.d.ts

@@ -1,11 +0,0 @@
-import { AddressBalanceChanges } from '@gearbox-protocol/sdk/preview';
-import { AddressLabels } from '../components';
-import { GearboxSDKLike } from '../types';
-export interface BalanceChangeGroupProps {
-    sdk: GearboxSDKLike;
-    group: AddressBalanceChanges;
-    /** Resolved labels for the involved addresses (drives the group divider). */
-    labels: AddressLabels;
-}
-/** One labeled section of balance changes for a single address. */
-export declare function BalanceChangeGroup({ sdk, group, labels, }: BalanceChangeGroupProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/components/composites/tx-preview/state-change/BalanceChangeRow.d.ts

@@ -1,14 +0,0 @@
-import { TokenBalanceChange } from '@gearbox-protocol/sdk/preview';
-import { GearboxSDKLike } from '../types';
-export interface BalanceChangeRowProps {
-    sdk: GearboxSDKLike;
-    change: TokenBalanceChange;
-}
-/**
- * One token balance change as three grid cells (the parent group owns the shared
- * grid template so columns line up across rows): the token (symbol + name,
- * left-aligned and flexible), the struck-through before value with an arrow to
- * the after value, and the signed diff in brackets. The whole row is colored
- * green for a positive delta and red for a negative one.
- */
-export declare function BalanceChangeRow({ sdk, change }: BalanceChangeRowProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/components/composites/tx-preview/state-change/PoolStateChangeCard.d.ts

@@ -1,18 +0,0 @@
-import { AddressBalanceChanges, PoolOperation } from '@gearbox-protocol/sdk/preview';
-import { Address } from 'viem';
-import { GearboxSDKLike } from '../types';
-export interface PoolStateChangeCardProps {
-    sdk: GearboxSDKLike;
-    /** The decoded pool deposit/redeem operation. */
-    operation: PoolOperation;
-    /** Balance changes grouped by watched address (from a successful simulation). */
-    balanceChanges: AddressBalanceChanges[];
-    /** Wallet whose balances are highlighted. */
-    wallet: Address;
-}
-/**
- * Pool-specific state-change content: balance changes grouped by address (wallet
- * and, when distinct, the recipient). Renders content only; the surrounding card
- * chrome, loading, and error handling live in {@link StateChangeCard}.
- */
-export declare function PoolStateChangeCard({ sdk, operation, balanceChanges, wallet, }: PoolStateChangeCardProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/components/composites/tx-preview/state-change/StateChangeCard.d.ts

@@ -1,21 +0,0 @@
-import { Operation, PoolSimulationResult } from '@gearbox-protocol/sdk/preview';
-import { Address } from 'viem';
-import { GearboxSDKLike } from '../types';
-export interface StateChangeCardProps {
-    sdk: GearboxSDKLike;
-    /** Parsed operation that drives which specific state-change card is shown. */
-    data: Operation;
-    /** Stage-2 simulation outcome; `undefined` while it is loading. */
-    simulation: PoolSimulationResult | undefined;
-    /** Whether the simulation is still running. */
-    isLoading: boolean;
-    /** Wallet whose balances/transfers are highlighted. */
-    wallet: Address;
-}
-/**
- * Parent card for transaction state changes. Owns the common logic (collapsible
- * card shell, loading skeleton, card-styled error, and no-data handling) and
- * decides which specific state-change card to render: pool balance changes,
- * credit account changes (not yet supported), or the decoded revert reason.
- */
-export declare function StateChangeCard({ sdk, data, simulation, isLoading, wallet, }: StateChangeCardProps): import("react/jsx-runtime").JSX.Element | null;

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

@@ -1,4 +0,0 @@
-export * from './BalanceChangeGroup';
-export * from './BalanceChangeRow';
-export * from './PoolStateChangeCard';
-export * from './StateChangeCard';

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

@@ -1,19 +0,0 @@
-import { Address } from 'viem';
-/**
- * Minimal SDK surface for tx-preview UI + hooks.
- * Satisfied by verify OnchainSDK and client preview SDK instances.
- */
-export interface GearboxSDKLike {
-    chainId: number;
-    tokensMeta: {
-        get(address: Address): {
-            symbol?: string;
-            decimals?: number;
-            name?: string;
-        } | undefined;
-    };
-    readonly plugins: {
-        adapters: unknown;
-    };
-    client: unknown;
-}

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

@@ -1,16 +0,0 @@
-import { PoolOperation } from '@gearbox-protocol/sdk/preview';
-import { Address } from 'viem';
-import { AddressLabels } from '../components';
-import { GearboxSDKLike } from '../types';
-/**
- * Builds the UI label map for a pool deposit/redeem operation.
- *
- * "Our" addresses (wallet, receiver, redeem owner) are flagged `ours: true`; the
- * pool is labeled with its name and flagged `ours: false`. When the receiver /
- * owner coincides with the wallet, it is labeled "Your wallet".
- *
- * Note: the `ours` flag is a UI-only concept and is derived locally here; it is
- * intentionally decoupled from the simulation watch set in the SDK preview
- * `simulate` module.
- */
-export declare function buildPoolOperationLabels(sdk: GearboxSDKLike, op: PoolOperation, wallet: Address): AddressLabels;

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

@@ -1,2 +0,0 @@
-export * from './addressLabels';
-export * from './poolTokenInfo';

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

@@ -1,14 +0,0 @@
-import { Address } from 'viem';
-import { GearboxSDKLike } from '../types';
-export interface TokenInfo {
-    symbol: string;
-    decimals: number;
-    /** Human-readable token/pool name, when available. */
-    name?: string;
-}
-/**
- * Resolves a token's symbol, decimals and name from `sdk.tokensMeta`, falling
- * back to a shortened address / 18 decimals when the token is not in the
- * registry. For pools, the diesel-token meta carries the pool name.
- */
-export declare function resolveToken(sdk: GearboxSDKLike, address: Address): TokenInfo;