@tuwaio/nova-transactions 0.0.15 → 0.0.16

package/dist/WalletInfoModal-BcTPDgW_.d.ts

@@ -0,0 +1,568 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as Dialog from '@radix-ui/react-dialog';
+import { TransactionStatus, Transaction, TxAdapter, TransactionAdapter, TransactionPool, TxActions, ITxTrackingStore, InitialTransaction } from '@tuwaio/pulsar-core';
+import { MotionProps } from 'framer-motion';
+import { ReactNode, ComponentType, JSX, ComponentPropsWithoutRef } from 'react';
+import { ToastContainerProps, ToastContentProps } from 'react-toastify';
+
+/**
+ * @file This file contains the `HashLink` component, a UI element for displaying
+ * blockchain hashes with copy-to-clipboard and block explorer link functionality.
+ */
+/**
+ * Defines the props for the HashLink component.
+ */
+type HashLinkProps = {
+    /** The full hash string to display and copy (e.g., a transaction hash or wallet address). */
+    hash: string;
+    /** An optional label to display before the hash (e.g., "From", "Tx Hash"). */
+    label?: string;
+    /** An optional URL to a block explorer. If provided, the hash becomes a clickable link. */
+    explorerUrl?: string;
+    /** The visual style of the component. 'default' is larger, 'compact' is smaller. */
+    variant?: 'default' | 'compact';
+    /** Additional CSS classes to apply to the container element for custom styling. */
+    className?: string;
+};
+/**
+ * A component to display a hash string with an optional label, a link to a block explorer,
+ * and a copy-to-clipboard button. It automatically ellipsizes the hash for readability.
+ */
+declare function HashLink({ label, hash, explorerUrl, variant, className }: HashLinkProps): react_jsx_runtime.JSX.Element;
+
+/**
+ * @file This file contains the `StatusAwareText` component, which displays different text based on a transaction's status.
+ */
+
+type StatusAwareTextProps = {
+    /** The current status of the transaction, used to select the correct text and color. */
+    txStatus?: TransactionStatus;
+    /**
+     * The source for the text. Can be a single string for static text, or an array of strings
+     * for dynamic text based on status. The array format must be: `[pending, success, error, replaced]`.
+     */
+    source?: string | readonly string[];
+    /** A fallback string to display if `source` is not provided or is invalid. */
+    fallback?: string;
+    /** The visual variant, which determines the base text style ('title' or 'description'). */
+    variant: 'title' | 'description';
+    /** If true, applies a status-specific color to the text. Defaults to false. */
+    applyColor?: boolean;
+    /** Optional additional CSS classes for custom styling. */
+    className?: string;
+};
+/**
+ * A component that renders text conditionally based on a transaction's status.
+ * It's designed to work with the `title` and `description` fields of a transaction object.
+ */
+declare function StatusAwareText({ txStatus, source, fallback, variant, className, applyColor, }: StatusAwareTextProps): ReactNode;
+
+/**
+ * @file This file defines the TypeScript type for the library's internationalization (i18n) labels.
+ * It provides a strict structure for all text used in the UI components, ensuring type safety for different languages.
+ */
+/**
+ * Defines the complete structure for all customizable text labels used throughout the transaction tracking UI components.
+ */
+type TuwaLabels = {
+    /** Labels for the main wallet information modal. */
+    walletModal: {
+        /** The title displayed at the top of the wallet modal. */
+        title: string;
+        header: {
+            /** Text displayed when no wallet is connected. */
+            notConnected: string;
+            /** Alt text for the wallet's avatar image. */
+            avatarAlt: string;
+        };
+        history: {
+            /** The title for the transaction history section. */
+            title: string;
+            /** The title displayed when the user needs to connect a wallet to see history. */
+            connectWalletTitle: string;
+            /** The message displayed when the user needs to connect a wallet. */
+            connectWalletMessage: string;
+            /** The title displayed when the connected wallet has no transaction history. */
+            noTransactionsTitle: string;
+            /** The message displayed when there are no transactions to show. */
+            noTransactionsMessage: string;
+        };
+    };
+    /** Labels related to toast notifications. */
+    toast: {
+        /** Text for the button/link within a toast to open the wallet modal. */
+        openWalletInfo: string;
+    };
+    /** Standard labels for transaction statuses. */
+    statuses: {
+        /** Text for a pending transaction. */
+        pending: string;
+        /** Text for a successful transaction. */
+        success: string;
+        /** Text for a failed transaction. */
+        failed: string;
+        /** Text for a reverted transaction. */
+        reverted: string;
+        /** Text for a replaced transaction (e.g., sped up). */
+        replaced: string;
+        /** Text for an unknown or indeterminate status. */
+        unknown: string;
+    };
+    /** Labels for different types of transaction hashes/keys. */
+    hashLabels: {
+        /** Label for a Gelato Task ID. */
+        gelato: string;
+        /** Label for a Safe Transaction Hash. */
+        safe: string;
+        /** Label for the original transaction hash (before replacement). */
+        original: string;
+        /** Label for the new transaction hash that replaced the original. */
+        replaced: string;
+        /** Default label for a standard transaction hash. */
+        default: string;
+    };
+    /** Labels for the transaction information block. */
+    txInfo: {
+        /** Label indicating when the transaction was started. */
+        started: string;
+        /** Label for the network name. */
+        network: string;
+    };
+    /** Labels for the transaction error block. */
+    txError: {
+        /** The title for the error details section. */
+        title: string;
+        /** Confirmation text shown after copying an error message. */
+        copied: string;
+    };
+    /** Labels for the detailed transaction tracking modal. */
+    trackingModal: {
+        /** The main title of the tracking modal. */
+        title: string;
+        /** Text indicating that the transaction is being processed. */
+        processing: string;
+        /** Label for the close button. */
+        close: string;
+        /** Label for the button to open the main wallet info modal. */
+        walletInfo: string;
+        /** Label for a button to retry a transaction. */
+        retry: string;
+        /** Labels for the step-by-step progress indicator. */
+        progressIndicator: {
+            /** Label for the "transaction created" step. */
+            created: string;
+            /** Label for the "processing" step. */
+            processing: string;
+            /** Label for the "succeed" or final step. */
+            succeed: string;
+        };
+    };
+    /** Labels for the main transaction action button. */
+    trackedTxButton: {
+        /** Text shown on the button while the transaction is initializing. */
+        loading: string;
+        /** Text shown on the button after the transaction succeeds. */
+        succeed: string;
+        /** Text shown on the button if the transaction fails to initialize. */
+        failed: string;
+        /** Text shown on the button if the transaction replaced to initialize. */
+        replaced: string;
+    };
+    /** Labels for common action buttons/links. */
+    actions: {
+        /** Text for a "Copy" action (e.g., copy address or hash). */
+        copy: string;
+        /** Text for a link to view the transaction on a block explorer. */
+        viewOnExplorer: string;
+        /** Text for a generic "Close" action. */
+        close: string;
+        /** Text for a generic "Cancel" action. */
+        cancel: string;
+        /** Text for a generic "Speed up" action. */
+        speedUp: string;
+    };
+};
+
+/**
+ * Defines the props for the NovaProvider component.
+ */
+type NovaProviderProps<TR, T extends Transaction<TR>, A> = {
+    adapters: TxAdapter<TR, T, A>[];
+    connectedWalletAddress?: string;
+    connectedAdapterType?: TransactionAdapter;
+    transactionsPool: TransactionPool<TR, T>;
+    actions?: TxActions;
+    labels?: Partial<TuwaLabels>;
+    features?: {
+        toasts?: boolean;
+        walletInfoModal?: boolean;
+        trackingTxModal?: boolean;
+    };
+    customization?: {
+        toast?: ToastTransactionCustomization<TR, T, A>;
+        walletInfoModal?: WalletInfoModalCustomization<TR, T, A>;
+        trackingTxModal?: TrackingTxModalCustomization<TR, T, A>;
+    };
+} & Pick<ITxTrackingStore<TR, T, A>, 'closeTxTrackedModal' | 'handleTransaction' | 'initialTx'> & ToastContainerProps;
+/**
+ * The main component for the Nova UI ecosystem. It renders and orchestrates all
+ * UI elements like toasts and modals, and provides the i18n context.
+ */
+declare function NovaProvider<TR, T extends Transaction<TR>, A>({ adapters, connectedWalletAddress, connectedAdapterType, transactionsPool, initialTx, handleTransaction, closeTxTrackedModal, actions, labels, features, customization, ...toastProps }: NovaProviderProps<TR, T, A>): react_jsx_runtime.JSX.Element;
+
+/**
+ * Defines the props for the TransactionKey component.
+ * @template TR - The type of the tracker identifier.
+ * @template T - The transaction type.
+ * @template A - The type of the key returned by an action function.
+ */
+type TransactionKeyProps<TR, T extends Transaction<TR>, A> = Pick<NovaProviderProps<TR, T, A>, 'adapters' | 'transactionsPool'> & {
+    /** The transaction object to display identifiers for. */
+    tx: T;
+    /** The visual variant, which applies different container styles. */
+    variant?: 'toast' | 'history';
+    /** Optional additional CSS classes for the container. */
+    className?: string;
+    /**
+     * An optional render prop to allow for complete customization of how the hash link is rendered.
+     * If not provided, the default `HashLink` component will be used.
+     */
+    renderHashLink?: (props: HashLinkProps) => ReactNode;
+};
+/**
+ * A component that intelligently displays the relevant keys and hashes for a transaction.
+ * It leverages the adapter system to show chain-specific identifiers and explorer links.
+ */
+declare function TransactionKey<TR, T extends Transaction<TR>, A>({ tx, adapters, transactionsPool, variant, className, renderHashLink, }: TransactionKeyProps<TR, T, A>): react_jsx_runtime.JSX.Element | null;
+
+/**
+ * Defines the props for the TransactionStatusBadge component.
+ * @template TR - The type of the tracker identifier.
+ * @template T - The transaction type.
+ */
+type TransactionStatusBadgeProps<TR, T extends Transaction<TR>> = {
+    /** The transaction object whose status will be displayed. */
+    tx: T;
+    /** Optional additional CSS classes to apply to the badge container. */
+    className?: string;
+};
+/**
+ * A component that displays a transaction's status as a styled badge
+ * with a corresponding icon, color, and label.
+ */
+declare function TransactionStatusBadge<TR, T extends Transaction<TR>>({ tx, className, }: TransactionStatusBadgeProps<TR, T>): react_jsx_runtime.JSX.Element;
+
+/**
+ * @file This file contains the `ToastTransaction` component, which serves as the main body for a transaction notification toast.
+ */
+
+type CustomActionButtonProps = {
+    onClick: () => void;
+    children: ReactNode;
+};
+type ToastTransactionCustomization<TR, T extends Transaction<TR>, A> = {
+    components?: {
+        StatusAwareText?: ComponentType<StatusAwareTextProps>;
+        TransactionKey?: ComponentType<TransactionKeyProps<TR, T, A>>;
+        StatusBadge?: ComponentType<TransactionStatusBadgeProps<TR, T>>;
+        WalletInfoButton?: ComponentType<CustomActionButtonProps>;
+        SpeedUpButton?: ComponentType<CustomActionButtonProps>;
+        CancelButton?: ComponentType<CustomActionButtonProps>;
+    };
+};
+type ToastTransactionProps<TR, T extends Transaction<TR>, A> = {
+    tx: T;
+    openWalletInfoModal?: () => void;
+    icon?: ReactNode;
+    className?: string;
+    customization?: ToastTransactionCustomization<TR, T, A>;
+    closeToast?: ToastContentProps['closeToast'];
+    toastProps?: ToastContainerProps;
+} & Pick<NovaProviderProps<TR, T, A>, 'transactionsPool' | 'adapters' | 'connectedWalletAddress'>;
+/**
+ * A composite component that renders the content for a transaction toast notification.
+ * It is highly customizable and leverages the adapter to show relevant actions like "Speed Up".
+ */
+declare function ToastTransaction<TR, T extends Transaction<TR>, A>({ openWalletInfoModal, tx, transactionsPool, icon, className, customization, connectedWalletAddress, adapters, }: ToastTransactionProps<TR, T, A>): JSX.Element;
+
+/**
+ * @file This file contains the `TxErrorBlock` component for displaying transaction error messages.
+ */
+type TxErrorBlockProps = {
+    /** The error message string to display. If undefined or empty, the component renders nothing. */
+    error?: string;
+    /** Optional additional CSS classes for the container. */
+    className?: string;
+};
+/**
+ * A component that displays a formatted block for a transaction error message.
+ * It includes a title, an icon, the error message in a scrollable area,
+ * and a button to copy the message to the clipboard.
+ */
+declare function TxErrorBlock({ error, className }: TxErrorBlockProps): react_jsx_runtime.JSX.Element | null;
+
+type CustomInfoRowProps = {
+    label: ReactNode;
+    value: ReactNode;
+};
+type TxInfoBlockCustomization<TR, T extends Transaction<TR>, A> = {
+    components?: {
+        InfoRow?: ComponentType<CustomInfoRowProps>;
+        transactionKey?: TransactionKeyProps<TR, T, A>['renderHashLink'];
+    };
+};
+type TxInfoBlockProps<TR, T extends Transaction<TR>, A> = {
+    /** The transaction object to display, which can be a full transaction or an initial one. */
+    tx: T | InitialTransaction;
+    className?: string;
+    customization?: TxInfoBlockCustomization<TR, T, A>;
+} & Pick<NovaProviderProps<TR, T, A>, 'adapters' | 'transactionsPool'>;
+/**
+ * A component that displays a block of essential transaction details,
+ * such as network, start time, and relevant hashes/keys.
+ */
+declare function TxInfoBlock<TR, T extends Transaction<TR>, A>({ tx, adapters, transactionsPool, className, customization, }: TxInfoBlockProps<TR, T, A>): react_jsx_runtime.JSX.Element;
+
+type StepStatus = 'active' | 'completed' | 'error' | 'inactive' | 'replaced';
+type StepProps = {
+    status: StepStatus;
+    label: string;
+    isFirst?: boolean;
+    isLast?: boolean;
+};
+interface TxProgressIndicatorProps {
+    isProcessing?: boolean;
+    isSucceed?: boolean;
+    isFailed?: boolean;
+    isReplaced?: boolean;
+    className?: string;
+    StepComponent?: ComponentType<StepProps>;
+}
+/**
+ * A 3-step progress indicator that visually represents the lifecycle of a transaction.
+ */
+declare function TxProgressIndicator({ isProcessing, isSucceed, isFailed, isReplaced, className, StepComponent, }: TxProgressIndicatorProps): react_jsx_runtime.JSX.Element;
+
+/**
+ * @file This file contains the `TxStatusVisual` component, which displays a large icon representing the transaction's status.
+ */
+type TxStatusVisualProps = {
+    /** True if the transaction is currently being processed (e.g., in the mempool). */
+    isProcessing?: boolean;
+    /** True if the transaction has successfully completed. */
+    isSucceed?: boolean;
+    /** True if the transaction has failed or was reverted. */
+    isFailed?: boolean;
+    /** True if the transaction was replaced (e.g., sped up). */
+    isReplaced?: boolean;
+};
+/**
+ * A component that renders a large, animated icon to visually represent the
+ * current state of a transaction within the tracking modal.
+ */
+declare function TxStatusVisual({ isProcessing, isSucceed, isFailed, isReplaced }: TxStatusVisualProps): react_jsx_runtime.JSX.Element;
+
+type CustomHeaderProps$1 = {
+    onClose: () => void;
+    title: ReactNode;
+};
+type CustomFooterProps = {
+    onClose: () => void;
+    onOpenWalletInfo: () => void;
+    onRetry?: () => void;
+    onSpeedUp?: () => void;
+    onCancel?: () => void;
+    isProcessing?: boolean;
+    isFailed?: boolean;
+    canReplace?: boolean;
+    connectedWalletAddress?: string;
+};
+type TrackingTxModalCustomization<TR, T extends Transaction<TR>, A> = {
+    modalProps?: Partial<ComponentPropsWithoutRef<typeof Dialog.Content>>;
+    motionProps?: MotionProps;
+    components?: {
+        Header?: ComponentType<CustomHeaderProps$1>;
+        Footer?: ComponentType<CustomFooterProps>;
+        StatusVisual?: ComponentType<TxStatusVisualProps>;
+        ProgressIndicator?: ComponentType<TxProgressIndicatorProps>;
+        InfoBlock?: ComponentType<TxInfoBlockProps<TR, T, A>>;
+        ErrorBlock?: ComponentType<TxErrorBlockProps>;
+    };
+};
+type TrackingTxModalProps<TR, T extends Transaction<TR>, A> = Pick<NovaProviderProps<TR, T, A>, 'handleTransaction' | 'initialTx' | 'actions' | 'transactionsPool' | 'adapters' | 'connectedWalletAddress'> & {
+    onClose: (txKey?: string) => void;
+    onOpenWalletInfo: () => void;
+    className?: string;
+    customization?: TrackingTxModalCustomization<TR, T, A>;
+};
+/**
+ * A detailed modal that displays the real-time status and lifecycle of a transaction.
+ * It opens automatically for transactions initiated with `withTrackedModal: true`.
+ */
+declare function TrackingTxModal<TR, T extends Transaction<TR>, A>({ adapters, onClose, onOpenWalletInfo, className, customization, transactionsPool, actions, handleTransaction, initialTx, connectedWalletAddress, }: TrackingTxModalProps<TR, T, A>): react_jsx_runtime.JSX.Element | null;
+
+/**
+ * @file This file contains the `TransactionHistoryItem` component, which renders a single transaction
+ * in a list format for the transaction history view.
+ */
+
+type CustomIconProps = {
+    chainId: number;
+};
+type CustomTimestampProps = {
+    timestamp?: number;
+};
+/**
+ * Defines the structure for the `customization` prop, allowing users to override
+ * default sub-components with their own implementations for a history item.
+ */
+type TransactionHistoryItemCustomization<TR, T extends Transaction<TR>, A> = {
+    components?: {
+        Icon?: ComponentType<CustomIconProps>;
+        Title?: ComponentType<StatusAwareTextProps>;
+        Description?: ComponentType<StatusAwareTextProps>;
+        Timestamp?: ComponentType<CustomTimestampProps>;
+        StatusBadge?: ComponentType<TransactionStatusBadgeProps<TR, T>>;
+        TransactionKey?: ComponentType<TransactionKeyProps<TR, T, A>>;
+    };
+};
+type TransactionHistoryItemProps<TR, T extends Transaction<TR>, A> = {
+    /** The transaction object to display. */
+    tx: T;
+    /** An object to customize and override the default internal components. */
+    customization?: TransactionHistoryItemCustomization<TR, T, A>;
+    /** Optional additional CSS classes for the container. */
+    className?: string;
+} & Pick<NovaProviderProps<TR, T, A>, 'adapters' | 'transactionsPool'>;
+/**
+ * A component that renders a single row in the transaction history list.
+ * It is highly customizable via the `customization` prop, allowing developers
+ * to override any of its internal parts with their own components.
+ */
+declare function TransactionHistoryItem<TR, T extends Transaction<TR>, A>({ tx, adapters, transactionsPool, className, customization, }: TransactionHistoryItemProps<TR, T, A>): JSX.Element;
+
+type CustomPlaceholderProps = {
+    title: string;
+    message: string;
+};
+/**
+ * Defines the customization options for the TransactionsHistory component.
+ */
+type TransactionsHistoryCustomization<TR, T extends Transaction<TR>, A> = {
+    classNames?: {
+        listWrapper?: string;
+    };
+    components?: {
+        Placeholder?: ComponentType<CustomPlaceholderProps>;
+        HistoryItem?: ComponentType<TransactionHistoryItemProps<TR, T, A>>;
+    };
+};
+/**
+ * Defines the props for the TransactionsHistory component.
+ * @template TR - The type of the tracker identifier.
+ * @template T - The transaction type.
+ * @template A - The type of the key returned by an action function.
+ */
+type TransactionsHistoryProps<TR, T extends Transaction<TR>, A> = Pick<NovaProviderProps<TR, T, A>, 'adapters' | 'transactionsPool' | 'connectedWalletAddress'> & {
+    className?: string;
+    customization?: TransactionsHistoryCustomization<TR, T, A>;
+};
+/**
+ * A component that displays a scrollable list of transactions for the connected wallet.
+ * It handles states for when a wallet is not connected or when the history is empty.
+ */
+declare function TransactionsHistory<TR, T extends Transaction<TR>, A>({ adapters, connectedWalletAddress, transactionsPool, className, customization, }: TransactionsHistoryProps<TR, T, A>): react_jsx_runtime.JSX.Element;
+
+/**
+ * @file This file contains the `WalletAddressDisplay` component, a UI element for showing a wallet address.
+ */
+type WalletAddressDisplayProps = {
+    /** The full wallet address to display. */
+    address: string;
+    /** The base URL for the block explorer. If not provided, the explorer link will not be rendered. */
+    explorerUrl?: string;
+    /** Optional additional CSS classes for the container. */
+    className?: string;
+};
+/**
+ * A component that renders a wallet address in a styled "pill" format,
+ * including a copy button and an optional link to the appropriate block explorer.
+ */
+declare function WalletAddressDisplay({ address, explorerUrl, className }: WalletAddressDisplayProps): react_jsx_runtime.JSX.Element;
+
+/**
+ * @file This file contains the `WalletAvatar` component for displaying a user's avatar.
+ */
+type WalletAvatarProps = {
+    /** The user's wallet address, used for the blockie fallback and background color. */
+    address: string;
+    /** An optional URL for the user's ENS avatar image. */
+    ensAvatar?: string | null;
+    /** Optional additional CSS classes for the container. */
+    className?: string;
+};
+/**
+ * A component that displays a user's avatar.
+ *
+ * It prioritizes showing the provided `ensAvatar`. If unavailable or if the image fails to load,
+ * it falls back to a procedurally generated "blockie" based on the user's address.
+ * It also generates a unique background color from the address as a placeholder.
+ */
+declare function WalletAvatar({ address, ensAvatar, className }: WalletAvatarProps): react_jsx_runtime.JSX.Element;
+
+type NameRenderProps = {
+    ensName?: string;
+    isLoading: boolean;
+    address: string;
+};
+/**
+ * Defines the props for the `WalletHeader` component, including extensive customization options.
+ */
+type WalletHeaderProps<TR, T extends Transaction<TR>, A> = Pick<NovaProviderProps<TR, T, A>, 'adapters' | 'connectedAdapterType'> & {
+    walletAddress?: string;
+    explorerUrl?: string;
+    className?: string;
+    renderAvatar?: (props: WalletAvatarProps) => ReactNode;
+    renderName?: (props: NameRenderProps) => ReactNode;
+    renderAddressDisplay?: (props: WalletAddressDisplayProps) => ReactNode;
+    renderNoWalletContent?: () => ReactNode;
+};
+/**
+ * A component that displays the header for the wallet modal, including the user's avatar,
+ * name (if available), and address. It leverages the active adapter to fetch name service data.
+ */
+declare function WalletHeader<TR, T extends Transaction<TR>, A>({ walletAddress, adapters, connectedAdapterType, className, renderAvatar, renderName, renderAddressDisplay, renderNoWalletContent, explorerUrl, }: WalletHeaderProps<TR, T, A>): react_jsx_runtime.JSX.Element;
+
+type CustomHeaderProps = {
+    closeModal: () => void;
+};
+/**
+ * Defines the customization options for the WalletInfoModal.
+ */
+type WalletInfoModalCustomization<TR, T extends Transaction<TR>, A> = {
+    modalProps?: Partial<ComponentPropsWithoutRef<typeof Dialog.Content>>;
+    motionProps?: MotionProps;
+    classNames?: {
+        contentWrapper?: string;
+    };
+    components?: {
+        Header?: ComponentType<CustomHeaderProps>;
+        WalletInfo?: ComponentType<WalletHeaderProps<TR, T, A>>;
+        History?: ComponentType<TransactionsHistoryProps<TR, T, A>>;
+    };
+};
+/**
+ * Defines the core props for the WalletInfoModal.
+ */
+type WalletInfoModalProps<TR, T extends Transaction<TR>, A> = Pick<NovaProviderProps<TR, T, A>, 'adapters' | 'connectedAdapterType' | 'connectedWalletAddress' | 'transactionsPool'> & {
+    isOpen?: boolean;
+    setIsOpen: (value: boolean) => void;
+    customization?: WalletInfoModalCustomization<TR, T, A>;
+};
+/**
+ * The main modal component for displaying wallet information and transaction history.
+ * It is highly customizable and built with accessibility in mind using Radix UI.
+ */
+declare function WalletInfoModal<TR, T extends Transaction<TR>, A>({ isOpen, setIsOpen, customization, adapters, connectedAdapterType, connectedWalletAddress, transactionsPool, }: WalletInfoModalProps<TR, T, A>): react_jsx_runtime.JSX.Element;
+
+export { TransactionsHistory as A, type TransactionStatusBadgeProps as B, TransactionStatusBadge as C, WalletAddressDisplay as D, type WalletAvatarProps as E, WalletAvatar as F, type WalletHeaderProps as G, type HashLinkProps as H, WalletHeader as I, type WalletInfoModalCustomization as J, type WalletInfoModalProps as K, WalletInfoModal as L, NovaProvider as M, type NovaProviderProps as N, type StatusAwareTextProps as S, type TuwaLabels as T, type WalletAddressDisplayProps as W, HashLink as a, StatusAwareText as b, type ToastTransactionCustomization as c, type ToastTransactionProps as d, ToastTransaction as e, type TrackingTxModalCustomization as f, type TrackingTxModalProps as g, TrackingTxModal as h, type TxErrorBlockProps as i, TxErrorBlock as j, type TxInfoBlockCustomization as k, type TxInfoBlockProps as l, TxInfoBlock as m, type StepStatus as n, type StepProps as o, type TxProgressIndicatorProps as p, TxProgressIndicator as q, type TxStatusVisualProps as r, TxStatusVisual as s, type TransactionHistoryItemCustomization as t, type TransactionHistoryItemProps as u, TransactionHistoryItem as v, type TransactionKeyProps as w, TransactionKey as x, type TransactionsHistoryCustomization as y, type TransactionsHistoryProps as z };