@tuwaio/nova-transactions 0.0.26 → 0.1.0

package/README.md

@@ -10,13 +10,13 @@ The official React UI component library for the Pulsar transaction engine. It pr
 
 ## 🏛️ Architecture
 
-This package provides the **View Layer** for TUWA's transaction tracking ecosystem. It works by consuming the state from your headless Pulsar store and rendering the appropriate UI. You must connect your Pulsar store's state and actions to the `<NovaProvider />` component, which acts as a self-contained UI manager that renders modals and toasts.
+This package provides the **View Layer** for TUWA's transaction tracking ecosystem. It works by consuming the state from your headless Pulsar store and rendering the appropriate UI. You must connect your Pulsar store's state and actions to the `<NovaTransactionsProvider />` component, which acts as a self-contained UI manager that renders modals and toasts.
 
 ---
 
 ## ✨ Core Features
 
--   **🧩 Pre-built UI Suite:** A set of accessible components including `TrackingTxModal`, `WalletInfoModal`, and `ToastTransaction`, all managed internally by the `NovaProvider`.
+-   **🧩 Pre-built UI Suite:** A set of accessible components including `TrackingTxModal`, `TransactionsInfoModal`, and `ToastTransaction`, all managed internally by the `NovaTransactionsProvider`.
 -   **🔌 Plug-and-Play Integration:** Once connected to your Pulsar store, the UI automatically reacts to all transaction state changes.
 -   **🌐 Internationalization (i18n):** Built-in support for multiple languages with easy overrides for all text content via the `labels` prop.
 -   **🎨 Highly Customizable:** Styled with `@tuwaio/nova-core` to be easily themed using CSS variables. Almost every sub-component can be replaced with your own implementation via the `customization` prop.
@@ -31,20 +31,20 @@ Next, you need to install a peer dependencies that `nova-transactions` relies on
 
 ```bash
 # Using pnpm
-pnpm add react-toastify framer-motion @radix-ui/react-dialog @heroicons/react @bgd-labs/react-web3-icons @tuwaio/pulsar-core @tuwaio/nova-core dayjs ethereum-blockies-base64 react immer zustand clsx tailwind-merge
+pnpm add react-toastify framer-motion @radix-ui/react-dialog @heroicons/react @bgd-labs/react-web3-icons @tuwaio/pulsar-core @tuwaio/nova-core dayjs react immer zustand clsx tailwind-merge @tuwaio/orbit-core
 
 # Using npm
-npm install react-toastify framer-motion @radix-ui/react-dialog @heroicons/react @bgd-labs/react-web3-icons @tuwaio/pulsar-core @tuwaio/nova-core dayjs ethereum-blockies-base64 react immer zustand clsx tailwind-merge
+npm install react-toastify framer-motion @radix-ui/react-dialog @heroicons/react @bgd-labs/react-web3-icons @tuwaio/pulsar-core @tuwaio/nova-core dayjs react immer zustand clsx tailwind-merge @tuwaio/orbit-core
 
 # Using yarn
-yarn add react-toastify framer-motion @radix-ui/react-dialog @heroicons/react @bgd-labs/react-web3-icons @tuwaio/pulsar-core @tuwaio/nova-core dayjs ethereum-blockies-base64 react immer zustand clsx tailwind-merge
+yarn add react-toastify framer-motion @radix-ui/react-dialog @heroicons/react @bgd-labs/react-web3-icons @tuwaio/pulsar-core @tuwaio/nova-core dayjs react immer zustand clsx tailwind-merge @tuwaio/orbit-core
 ````
 
 -----
 
 ## 🚀 Getting Started
 
-To use this library, you must render the `<NovaProvider />` component at a high level in your application and pass the state and actions from your Pulsar store to it as props.
+To use this library, you must render the `<NovaTransactionsProvider />` component at a high level in your application and pass the state and actions from your Pulsar store to it as props.
 
 Here is a complete example of a `src/providers/index.tsx` file that configures the entire system.
 
@@ -81,15 +81,15 @@ export const usePulsarStore = createBoundedUseStore(
 ```
 
 ```tsx
-// src/providers/NovaProvider.tsx
-import { NovaProvider as NP } from '@tuwaio/nova-transactions/providers';
+// src/providers/NovaTransactionsProvider.tsx
+import { NovaTransactionsProvider as NP } from '@tuwaio/nova-transactions/providers';
 import { TransactionAdapter } from '@tuwaio/pulsar-core';
 import { useInitializeTransactionsPool } from '@tuwaio/pulsar-react';
 import { useAccount } from 'wagmi';
 
 import { usePulsarStore } from '@/hooks/txTrackingHooks';
 
-export function NovaProvider() {
+export function NovaTransactionsProvider() {
   const transactionsPool = usePulsarStore((state) => state.transactionsPool);
   const initialTx = usePulsarStore((state) => state.initialTx);
   const closeTxTrackedModal = usePulsarStore((state) => state.closeTxTrackedModal);
@@ -127,7 +127,7 @@ import { WagmiProvider } from 'wagmi';
 
 import { config } from '@/configs/wagmiConfig';
 
-import { NovaProvider } from './NovaProvider';
+import { NovaTransactionsProvider } from './NovaTransactionsProvider';
 
 const queryClient = new QueryClient();
 
@@ -136,7 +136,7 @@ export function Providers({ children }: { children: ReactNode }) {
     <WagmiProvider config={config}>
       <QueryClientProvider client={queryClient}>
         <RainbowKitProvider>
-          <NovaProvider />
+          <NovaTransactionsProvider />
           {children}
         </RainbowKitProvider>
       </QueryClientProvider>
@@ -150,7 +150,7 @@ export function Providers({ children }: { children: ReactNode }) {
 You can easily override the default English text by passing a `labels` prop, or replace entire components using the `customization` prop.
 
 ```tsx
-<NovaProvider
+<NovaTransactionsProvider
   // 1. Override text labels
   labels={{
     statuses: {

package/dist/{WalletInfoModal-UEEF9E-5.d.cts → TransactionsInfoModal-6RO18o9e.d.cts}

@@ -1,17 +1,15 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as Dialog from '@radix-ui/react-dialog';
-import { TransactionStatus, Transaction, TxAdapter, TransactionAdapter, TransactionPool, ITxTrackingStore, InitialTransaction } from '@tuwaio/pulsar-core';
-import { MotionProps } from 'framer-motion';
+import { DialogContent } from '@tuwaio/nova-core';
+import { TransactionStatus, Transaction, TxAdapter, TransactionPool, ITxTrackingStore, InitialTransaction } from '@tuwaio/pulsar-core';
 import { ReactNode, ComponentType, JSX, ComponentPropsWithoutRef } from 'react';
+import { OrbitAdapter } from '@tuwaio/orbit-core';
 import { ToastContainerProps, ToastContentProps } from 'react-toastify';
+import { MotionProps } from 'framer-motion';
 
 /**
  * @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;
@@ -24,10 +22,6 @@ type HashLinkProps = {
     /** 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;
 
 /**
@@ -65,17 +59,9 @@ declare function StatusAwareText({ txStatus, source, fallback, variant, classNam
  * Represents the set of labels used for various UI elements and features in a Tuwa-based application.
  * This type defines structured labels for wallet modals, transaction statuses, toast notifications, and more.
  */
-type TuwaLabels = {
+type NovaTransactionsLabels = {
     /** 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;
-        };
+    transactionsModal: {
         history: {
             /** The title for the transaction history section. */
             title: string;
@@ -92,7 +78,7 @@ type TuwaLabels = {
     /** Labels related to toast notifications. */
     toast: {
         /** Text for the button/link within a toast to open the wallet modal. */
-        openWalletInfo: string;
+        openTransactionsInfo: string;
     };
     /** Standard labels for transaction statuses. */
     statuses: {
@@ -153,7 +139,7 @@ type TuwaLabels = {
         /** Label for the close button. */
         close: string;
         /** Label for the button to open the main wallet info modal. */
-        walletInfo: string;
+        allTransactions: string;
         /** Label for a button to retry a transaction. */
         retry: string;
         /** Labels for the step-by-step progress indicator. */
@@ -193,73 +179,44 @@ type TuwaLabels = {
 };
 
 /**
- * Defines the props for the NovaProvider component.
+ * Defines the props for the NovaTransactionsProvider component.
  */
-type NovaProviderProps<T extends Transaction> = {
+type NovaTransactionsProviderProps<T extends Transaction> = {
     adapter: TxAdapter<T> | TxAdapter<T>[];
     connectedWalletAddress?: string;
-    connectedAdapterType?: TransactionAdapter;
+    connectedAdapterType?: OrbitAdapter;
     transactionsPool: TransactionPool<T>;
-    labels?: Partial<TuwaLabels>;
+    labels?: Partial<NovaTransactionsLabels>;
     features?: {
         toasts?: boolean;
-        walletInfoModal?: boolean;
+        transactionsModal?: boolean;
         trackingTxModal?: boolean;
     };
     customization?: {
         toast?: ToastTransactionCustomization<T>;
-        walletInfoModal?: WalletInfoModalCustomization<T>;
+        transactionsInfoModal?: TransactionsInfoModalCustomization<T>;
         trackingTxModal?: TrackingTxModalCustomization<T>;
     };
-} & Pick<ITxTrackingStore<T>, 'closeTxTrackedModal' | 'handleTransaction' | 'initialTx'> & ToastContainerProps;
+} & Pick<ITxTrackingStore<T>, 'closeTxTrackedModal' | 'executeTxAction' | 'initialTx'> & Omit<ToastContainerProps, 'containerId'>;
 /**
  * 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<T extends Transaction>({ adapter, connectedWalletAddress, connectedAdapterType, transactionsPool, initialTx, handleTransaction, closeTxTrackedModal, labels, features, customization, ...toastProps }: NovaProviderProps<T>): react_jsx_runtime.JSX.Element;
+declare function NovaTransactionsProvider<T extends Transaction>({ adapter, connectedWalletAddress, connectedAdapterType, transactionsPool, initialTx, executeTxAction, closeTxTrackedModal, labels, features, customization, ...toastProps }: NovaTransactionsProviderProps<T>): 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<T extends Transaction> = Pick<NovaProviderProps<T>, 'adapter'> & {
-    /** The transaction object to display identifiers for. */
+type TransactionKeyProps<T extends Transaction> = Pick<NovaTransactionsProviderProps<T>, 'adapter'> & {
     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;
-    /** Optional number of confirmations for a transaction. */
     confirmations?: number;
 };
-/**
- * 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<T extends Transaction>({ tx, adapter, variant, className, renderHashLink, confirmations, }: TransactionKeyProps<T>): 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<T extends Transaction> = {
-    /** 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<T extends Transaction>({ tx, className }: TransactionStatusBadgeProps<T>): react_jsx_runtime.JSX.Element;
 
 /**
@@ -275,25 +232,56 @@ type ToastTransactionCustomization<T extends Transaction> = {
         StatusAwareText?: ComponentType<StatusAwareTextProps>;
         TransactionKey?: ComponentType<TransactionKeyProps<T>>;
         StatusBadge?: ComponentType<TransactionStatusBadgeProps<T>>;
-        WalletInfoButton?: ComponentType<CustomActionButtonProps>;
+        TxInfoButton?: ComponentType<CustomActionButtonProps>;
         SpeedUpButton?: ComponentType<CustomActionButtonProps>;
         CancelButton?: ComponentType<CustomActionButtonProps>;
     };
 };
 type ToastTransactionProps<T extends Transaction> = {
     tx: T;
-    openWalletInfoModal?: () => void;
+    openTxInfoModal?: () => void;
     icon?: ReactNode;
     className?: string;
     customization?: ToastTransactionCustomization<T>;
     closeToast?: ToastContentProps['closeToast'];
     toastProps?: ToastContainerProps;
-} & Pick<NovaProviderProps<T>, 'adapter' | '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<T extends Transaction>({ openWalletInfoModal, tx, icon, className, customization, connectedWalletAddress, adapter, }: ToastTransactionProps<T>): JSX.Element;
+} & Pick<NovaTransactionsProviderProps<T>, 'adapter' | 'connectedWalletAddress'>;
+declare function ToastTransaction<T extends Transaction>({ openTxInfoModal, tx, icon, className, customization, connectedWalletAddress, adapter, }: ToastTransactionProps<T>): JSX.Element;
+
+type CustomHeaderProps$1 = {
+    onClose: () => void;
+    title: ReactNode;
+};
+type CustomFooterProps = {
+    onClose: () => void;
+    onOpenAllTransactions: () => void;
+    onRetry?: () => void;
+    onSpeedUp?: () => void;
+    onCancel?: () => void;
+    isProcessing?: boolean;
+    isFailed?: boolean;
+    canReplace?: boolean;
+    connectedWalletAddress?: string;
+};
+type TrackingTxModalCustomization<T extends Transaction> = {
+    modalProps?: Partial<ComponentPropsWithoutRef<typeof DialogContent>>;
+    motionProps?: MotionProps;
+    components?: {
+        Header?: ComponentType<CustomHeaderProps$1>;
+        Footer?: ComponentType<CustomFooterProps>;
+        StatusVisual?: ComponentType<TxStatusVisualProps>;
+        ProgressIndicator?: ComponentType<TxProgressIndicatorProps>;
+        InfoBlock?: ComponentType<TxInfoBlockProps<T>>;
+        ErrorBlock?: ComponentType<TxErrorBlockProps>;
+    };
+};
+type TrackingTxModalProps<T extends Transaction> = Pick<NovaTransactionsProviderProps<T>, 'executeTxAction' | 'initialTx' | 'transactionsPool' | 'adapter' | 'connectedWalletAddress'> & {
+    onClose: (txKey?: string) => void;
+    onOpenAllTransactions: () => void;
+    className?: string;
+    customization?: TrackingTxModalCustomization<T>;
+};
+declare function TrackingTxModal<T extends Transaction>({ adapter, onClose, onOpenAllTransactions, className, customization, transactionsPool, executeTxAction, initialTx, connectedWalletAddress, }: TrackingTxModalProps<T>): react_jsx_runtime.JSX.Element | null;
 
 /**
  * @file This file contains the `TxErrorBlock` component for displaying transaction error messages.
@@ -326,7 +314,7 @@ type TxInfoBlockProps<T extends Transaction> = {
     tx: T | InitialTransaction;
     className?: string;
     customization?: TxInfoBlockCustomization<T>;
-} & Pick<NovaProviderProps<T>, 'adapter'>;
+} & Pick<NovaTransactionsProviderProps<T>, 'adapter'>;
 /**
  * A component that displays a block of essential transaction details,
  * such as network, timestamps, Solana-specific details, and relevant hashes/keys.
@@ -348,9 +336,6 @@ interface TxProgressIndicatorProps {
     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;
 
 /**
@@ -372,45 +357,6 @@ type TxStatusVisualProps = {
  */
 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<T extends Transaction> = {
-    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<T>>;
-        ErrorBlock?: ComponentType<TxErrorBlockProps>;
-    };
-};
-type TrackingTxModalProps<T extends Transaction> = Pick<NovaProviderProps<T>, 'handleTransaction' | 'initialTx' | 'transactionsPool' | 'adapter' | 'connectedWalletAddress'> & {
-    onClose: (txKey?: string) => void;
-    onOpenWalletInfo: () => void;
-    className?: string;
-    customization?: TrackingTxModalCustomization<T>;
-};
-/**
- * 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<T extends Transaction>({ adapter, onClose, onOpenWalletInfo, className, customization, transactionsPool, handleTransaction, initialTx, connectedWalletAddress, }: TrackingTxModalProps<T>): 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.
@@ -422,10 +368,6 @@ type CustomIconProps = {
 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<T extends Transaction> = {
     components?: {
         Icon?: ComponentType<CustomIconProps>;
@@ -443,22 +385,15 @@ type TransactionHistoryItemProps<T extends Transaction> = {
     customization?: TransactionHistoryItemCustomization<T>;
     /** Optional additional CSS classes for the container. */
     className?: string;
-} & Pick<NovaProviderProps<T>, 'adapter'>;
-/**
- * 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.
- */
+} & Pick<NovaTransactionsProviderProps<T>, 'adapter'>;
 declare function TransactionHistoryItem<T extends Transaction>({ tx, adapter, className, customization, }: TransactionHistoryItemProps<T>): JSX.Element;
 
 type CustomPlaceholderProps = {
     title: string;
     message: string;
 };
-/**
- * Defines the customization options for the TransactionsHistory component.
- */
 type TransactionsHistoryCustomization<T extends Transaction> = {
+    title?: string;
     classNames?: {
         listWrapper?: string;
     };
@@ -467,110 +402,30 @@ type TransactionsHistoryCustomization<T extends Transaction> = {
         HistoryItem?: ComponentType<TransactionHistoryItemProps<T>>;
     };
 };
-/**
- * Defines the props for the TransactionsHistory component.
- * @template T - The transaction type.
- */
-type TransactionsHistoryProps<T extends Transaction> = Pick<NovaProviderProps<T>, 'adapter' | 'transactionsPool' | 'connectedWalletAddress'> & {
+type TransactionsHistoryProps<T extends Transaction> = Pick<NovaTransactionsProviderProps<T>, 'adapter' | 'transactionsPool' | 'connectedWalletAddress'> & {
     className?: string;
     customization?: TransactionsHistoryCustomization<T>;
 };
-/**
- * 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<T extends Transaction>({ adapter, connectedWalletAddress, transactionsPool, className, customization, }: TransactionsHistoryProps<T>): 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<T extends Transaction> = Pick<NovaProviderProps<T>, 'adapter' | '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<T extends Transaction>({ walletAddress, adapter, connectedAdapterType, className, renderAvatar, renderName, renderAddressDisplay, renderNoWalletContent, explorerUrl, }: WalletHeaderProps<T>): react_jsx_runtime.JSX.Element;
-
 type CustomHeaderProps = {
     closeModal: () => void;
 };
-/**
- * Defines the customization options for the WalletInfoModal.
- */
-type WalletInfoModalCustomization<T extends Transaction> = {
-    modalProps?: Partial<ComponentPropsWithoutRef<typeof Dialog.Content>>;
-    motionProps?: MotionProps;
+type TransactionsInfoModalCustomization<T extends Transaction> = {
+    modalProps?: Partial<ComponentPropsWithoutRef<typeof DialogContent>>;
     classNames?: {
         contentWrapper?: string;
     };
     components?: {
         Header?: ComponentType<CustomHeaderProps>;
-        WalletInfo?: ComponentType<WalletHeaderProps<T>>;
         History?: ComponentType<TransactionsHistoryProps<T>>;
     };
 };
-/**
- * Defines the core props for the WalletInfoModal.
- */
-type WalletInfoModalProps<T extends Transaction> = Pick<NovaProviderProps<T>, 'adapter' | 'connectedAdapterType' | 'connectedWalletAddress' | 'transactionsPool'> & {
+type TransactionsInfoModalProps<T extends Transaction> = Pick<NovaTransactionsProviderProps<T>, 'adapter' | 'connectedAdapterType' | 'connectedWalletAddress' | 'transactionsPool'> & {
     isOpen?: boolean;
     setIsOpen: (value: boolean) => void;
-    customization?: WalletInfoModalCustomization<T>;
+    customization?: TransactionsInfoModalCustomization<T>;
 };
-/**
- * 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<T extends Transaction>({ isOpen, setIsOpen, customization, adapter, connectedAdapterType, connectedWalletAddress, transactionsPool, }: WalletInfoModalProps<T>): react_jsx_runtime.JSX.Element;
+declare function TransactionsInfoModal<T extends Transaction>({ isOpen, setIsOpen, customization, adapter, connectedWalletAddress, transactionsPool, }: TransactionsInfoModalProps<T>): 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 };
+export { type TransactionsInfoModalCustomization as A, type TransactionsInfoModalProps as B, TransactionsInfoModal as C, type TransactionStatusBadgeProps as D, TransactionStatusBadge as E, type NovaTransactionsProviderProps as F, NovaTransactionsProvider as G, type HashLinkProps as H, type NovaTransactionsLabels as N, type StatusAwareTextProps as S, type ToastTransactionCustomization as T, HashLink as a, StatusAwareText as b, type ToastTransactionProps as c, ToastTransaction as d, type TrackingTxModalCustomization as e, type TrackingTxModalProps as f, TrackingTxModal as g, type TxErrorBlockProps as h, TxErrorBlock as i, type TxInfoBlockCustomization as j, type TxInfoBlockProps as k, TxInfoBlock as l, type StepStatus as m, type StepProps as n, type TxProgressIndicatorProps as o, TxProgressIndicator as p, type TxStatusVisualProps as q, TxStatusVisual as r, type TransactionHistoryItemCustomization as s, type TransactionHistoryItemProps as t, TransactionHistoryItem as u, type TransactionKeyProps as v, TransactionKey as w, type TransactionsHistoryCustomization as x, type TransactionsHistoryProps as y, TransactionsHistory as z };