@tuwaio/nova-transactions 0.3.1 → 0.4.1

package/dist/{TransactionsInfoModal-D7eykTZp.d.cts → TransactionsInfoModal-EKgcn7Ot.d.cts}

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { ToastCloseButtonProps, DialogContent } from '@tuwaio/nova-core';
-import { TransactionStatus, Transaction, TxAdapter, TransactionPool, ITxTrackingStore, InitialTransaction } from '@tuwaio/pulsar-core';
+import { TransactionStatus, Transaction, TxAdapter, TransactionPool, TxInMemoryPagination, ITxTrackingStore, InitialTransaction } from '@tuwaio/pulsar-core';
 import { ReactNode, ComponentType, JSX, ComponentPropsWithoutRef } from 'react';
 import { OrbitAdapter, TuwaErrorState } from '@tuwaio/orbit-core';
 import { ToastContainerProps, ToastContentProps } from 'react-toastify';
@@ -91,7 +91,7 @@ type NovaTransactionsLabels = {
     /** Labels related to toast notifications. */
     toast: {
         /** Text for the button/link within a toast to open the wallet modal. */
-        openTransactionsInfo: string;
+        openTransaction: string;
     };
     /** Standard labels for transaction statuses. */
     statuses: {
@@ -189,6 +189,83 @@ type NovaTransactionsLabels = {
         /** Text for a generic "Speed up" action. */
         speedUp: string;
     };
+    /** Labels for the detailed transaction view. */
+    transactionDetails: {
+        /** Main title for the detailed view. */
+        title: string;
+        /** Subtitle for the detailed view. */
+        subtitle: string;
+        /** Label for the metadata section. */
+        metadata: string;
+        /** Label for the execution data section. */
+        executionData: string;
+        /** Label for the adapter type. */
+        adapter: string;
+        /** Label for the submission time. */
+        submittedAt: string;
+        /** Label for the completion time. */
+        finishedAt: string;
+        /** Label for the tracker name. */
+        tracker: string;
+        /** Label for the connector type. */
+        connector: string;
+        /** Label for the confirmations count. */
+        confirmations: string;
+        /** Label for the internal transaction key. */
+        txKey: string;
+        /** Label for the origin address. */
+        from: string;
+        /** Label for the recipient address. */
+        to: string;
+        /** Label for the transaction hash. */
+        hash: string;
+        /** Label for the network name. */
+        network: string;
+        /** Label for the raw input data. */
+        inputData: string;
+        /** Label for the payload data section. */
+        payload: string;
+        /** Label for the context block. */
+        context: string;
+        /** Label for the nonce. */
+        nonce: string;
+        /** Label for the raw value. */
+        value: string;
+        /** Label for the max fee per gas. */
+        maxFee: string;
+        /** Label for the max priority fee per gas. */
+        maxPriorityFee: string;
+        /** Label for the Solana section title. */
+        solanaTitle: string;
+        /** Label for the Starknet section title. */
+        starknetTitle: string;
+        /** Label for the Context section title. */
+        contextTitle: string;
+        /** Label for the Fee. */
+        fee: string;
+        /** Label for the Slot. */
+        slot: string;
+        /** Label for the Instructions. */
+        instructions: string;
+        /** Label for the Recent Blockhash. */
+        recentBlockhash: string;
+        /** Label for the Contract Address. */
+        contractAddress: string;
+        /** Label for the Actual Fee. */
+        actualFee: string;
+        /** Label for the Title Context. */
+        titleContext: string;
+        /** Label for the Description Context. */
+        descriptionContext: string;
+        /** Label for the Error Context. */
+        errorContext: string;
+        /** Label for the Full Payload. */
+        fullPayload: string;
+        /** Label for the RPC URL. */
+        rpcUrl: string;
+        /** Label for the Replaced Hash. */
+        replacedHash: string;
+    };
 };
 
 /**
@@ -211,12 +288,14 @@ type NovaTransactionsProviderProps<T extends Transaction> = {
         transactionsInfoModal?: TransactionsInfoModalCustomization<T>;
         trackingTxModal?: TrackingTxModalCustomization<T>;
     };
+    /** Pagination state for infinite scroll, forwarded to TransactionsInfoModal and TransactionsHistory. */
+    pagination?: TxInMemoryPagination;
 } & 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 NovaTransactionsProvider<T extends Transaction>({ adapter, connectedWalletAddress, connectedAdapterType, transactionsPool, initialTx, executeTxAction, closeTxTrackedModal, labels, features, customization, ...toastProps }: NovaTransactionsProviderProps<T>): react_jsx_runtime.JSX.Element;
+declare function NovaTransactionsProvider<T extends Transaction>({ adapter, connectedWalletAddress, connectedAdapterType, transactionsPool, initialTx, executeTxAction, closeTxTrackedModal, labels, features, customization, pagination, ...toastProps }: NovaTransactionsProviderProps<T>): react_jsx_runtime.JSX.Element;
 
 type TransactionKeyProps<T extends Transaction> = Pick<NovaTransactionsProviderProps<T>, 'adapter'> & {
     tx: T;
@@ -264,6 +343,10 @@ type ToastTransactionCustomization<T extends Transaction> = {
         TxInfoButton?: ComponentType<CustomActionButtonProps>;
         SpeedUpButton?: ComponentType<CustomActionButtonProps>;
         CancelButton?: ComponentType<CustomActionButtonProps>;
+        ConfirmationsBadge?: ComponentType<{
+            count: number | string;
+            className?: string;
+        }>;
     };
     /** Granular classNames for all sub-elements */
     classNames?: {
@@ -309,11 +392,13 @@ type ToastTransactionCustomization<T extends Transaction> = {
         cancelButton?: string;
         /** Classes for the TxInfo button */
         txInfoButton?: string;
+        /** Classes for the confirmations badge */
+        confirmationsBadge?: string;
     };
 };
 type ToastTransactionProps<T extends Transaction> = {
     tx: T;
-    openTxInfoModal?: () => void;
+    openTxInfoModal?: (txKey?: string) => void;
     icon?: ReactNode;
     className?: string;
     customization?: ToastTransactionCustomization<T>;
@@ -554,6 +639,99 @@ type TxStatusVisualProps = {
  */
 declare function TxStatusVisual({ isProcessing, isSucceed, isFailed, isReplaced, className: containerClassName, iconClassNames, }: TxStatusVisualProps): react_jsx_runtime.JSX.Element;
 
+/** Props for a copyable field block */
+type CopyableFieldProps = {
+    label: string;
+    value: string;
+    mono?: boolean;
+    className?: string;
+    children?: ReactNode;
+    classNames?: {
+        label?: string;
+        container?: string;
+        code?: string;
+        copyButton?: string;
+    };
+};
+/** Props for a single detail item (Label + Value) */
+type DetailItemProps = {
+    label: string;
+    value: string | number | null | undefined;
+    mono?: boolean;
+    className?: string;
+    classNames?: {
+        label?: string;
+        value?: string;
+    };
+};
+/** Props for a row in the metadata section */
+type MetadataRowProps = {
+    icon: ComponentType<{
+        className?: string;
+    }>;
+    label: string;
+    children: ReactNode;
+    className?: string;
+    classNames?: {
+        icon?: string;
+        label?: string;
+        value?: string;
+    };
+};
+/** Props for a JSON/Code block */
+type JsonBlockProps = {
+    label: string;
+    data: unknown;
+    className?: string;
+    classNames?: {
+        header?: string;
+        label?: string;
+        copyButton?: string;
+        container?: string;
+        pre?: string;
+    };
+};
+type TransactionDetailsCustomization = {
+    /** Custom class names for all sub-elements */
+    classNames?: {
+        container?: string;
+        header?: string;
+        backButton?: string;
+        statusIconContainer?: string;
+        title?: string;
+        subtitle?: string;
+        coreInfoCard?: string;
+        networkBadge?: string;
+        metadataSection?: string;
+        executionSection?: string;
+    };
+    /** Custom components to override default elements */
+    components?: {
+        SectionCard?: ComponentType<{
+            children: ReactNode;
+            className?: string;
+        }>;
+        SectionHeading?: ComponentType<{
+            children: ReactNode;
+            className?: string;
+        }>;
+        CopyableField?: ComponentType<CopyableFieldProps>;
+        DetailItem?: ComponentType<DetailItemProps>;
+        MetadataRow?: ComponentType<MetadataRowProps>;
+        JsonBlock?: ComponentType<JsonBlockProps>;
+    };
+};
+type TransactionDetailsProps<T extends Transaction> = Pick<NovaTransactionsProviderProps<T>, 'adapter'> & {
+    tx: T;
+    onBack: () => void;
+    className?: string;
+    customization?: TransactionDetailsCustomization;
+};
+/**
+ * TransactionDetails component provides a deep look into a specific transaction's metadata and execution state.
+ */
+declare function TransactionDetails<T extends Transaction>({ tx, onBack, adapter, className, customization, }: TransactionDetailsProps<T>): react_jsx_runtime.JSX.Element;
+
 /**
  * @file This file contains the `TransactionHistoryItem` component, which renders a single transaction
  * in a list format for the transaction history view.
@@ -626,14 +804,23 @@ type TransactionHistoryItemProps<T extends Transaction> = {
     customization?: TransactionHistoryItemCustomization<T>;
     /** Optional additional CSS classes for the container. */
     className?: string;
+    /** Callback triggered when the item is selected to view details. */
+    onSelectTx?: () => void;
+    /** Whether transaction details can be viewed by clicking on history items. */
+    canViewDetails?: boolean;
 } & Pick<NovaTransactionsProviderProps<T>, 'adapter'>;
-declare function TransactionHistoryItem<T extends Transaction>({ tx, adapter, className, customization, }: TransactionHistoryItemProps<T>): JSX.Element;
+declare function TransactionHistoryItem<T extends Transaction>({ tx, adapter, className, customization, onSelectTx, canViewDetails, }: TransactionHistoryItemProps<T>): JSX.Element;
 
 type CustomPlaceholderProps = {
     title: string;
     message: string;
     className?: string;
 };
+/** Props exposed to a custom Loader component */
+type TransactionsHistoryLoaderProps = {
+    className?: string;
+    iconClassName?: string;
+};
 /**
  * Customization options for TransactionsHistory component.
  * Allows styling of all sub-elements including individual transaction items.
@@ -655,6 +842,14 @@ type TransactionsHistoryCustomization<T extends Transaction> = {
         placeholderTitle?: string;
         /** Classes for the placeholder message */
         placeholderMessage?: string;
+        /** Classes for the infinite scroll loader container */
+        loaderContainer?: string;
+        /** Classes for the infinite scroll loader icon (spinner) */
+        loaderIcon?: string;
+        /** Classes for the error indicator container */
+        errorContainer?: string;
+        /** Classes for the error indicator icon */
+        errorIcon?: string;
         /** Classes for individual transaction item container */
         itemContainer?: string;
         /** Classes for the icon wrapper */
@@ -696,13 +891,23 @@ type TransactionsHistoryCustomization<T extends Transaction> = {
         Placeholder?: ComponentType<CustomPlaceholderProps>;
         /** Custom history item component */
         HistoryItem?: ComponentType<TransactionHistoryItemProps<T>>;
+        /** Custom loader component rendered at the bottom during pagination loading */
+        Loader?: ComponentType<TransactionsHistoryLoaderProps>;
     };
+    /** Customization for the detailed transaction view */
+    detailsCustomization?: TransactionDetailsCustomization;
 };
 type TransactionsHistoryProps<T extends Transaction> = Pick<NovaTransactionsProviderProps<T>, 'adapter' | 'transactionsPool' | 'connectedWalletAddress'> & {
     className?: string;
     customization?: TransactionsHistoryCustomization<T>;
+    /** Pagination state for infinite scroll. Uses TxInMemoryPagination from @tuwaio/pulsar-core. */
+    pagination?: TxInMemoryPagination;
+    /** Optional transaction key to open directly in detail view */
+    initialTxKey?: string | null;
+    /** Whether transaction details can be viewed by clicking on history items. Defaults to true. */
+    canViewDetails?: boolean;
 };
-declare function TransactionsHistory<T extends Transaction>({ adapter, connectedWalletAddress, transactionsPool, className, customization, }: TransactionsHistoryProps<T>): react_jsx_runtime.JSX.Element;
+declare function TransactionsHistory<T extends Transaction>({ adapter, connectedWalletAddress, transactionsPool, className, customization, pagination, initialTxKey, canViewDetails, }: TransactionsHistoryProps<T>): react_jsx_runtime.JSX.Element;
 
 type CustomHeaderProps = {
     closeModal: () => void;
@@ -732,7 +937,11 @@ type TransactionsInfoModalProps<T extends Transaction> = Pick<NovaTransactionsPr
     isOpen?: boolean;
     setIsOpen: (value: boolean) => void;
     customization?: TransactionsInfoModalCustomization<T>;
+    /** Pagination state for infinite scroll, forwarded to TransactionsHistory. */
+    pagination?: TxInMemoryPagination;
+    /** Optional transaction key to open directly in detail view */
+    selectedTxKey?: string | null;
 };
-declare function TransactionsInfoModal<T extends Transaction>({ isOpen, setIsOpen, customization, adapter, connectedWalletAddress, transactionsPool, }: TransactionsInfoModalProps<T>): react_jsx_runtime.JSX.Element;
+declare function TransactionsInfoModal<T extends Transaction>({ isOpen, setIsOpen, customization, adapter, connectedWalletAddress, transactionsPool, pagination, selectedTxKey, }: TransactionsInfoModalProps<T>): react_jsx_runtime.JSX.Element;
 
-export { type TransactionsHistoryCustomization as A, type TransactionsHistoryProps as B, TransactionsHistory as C, type TransactionsInfoModalCustomization as D, type TransactionsInfoModalProps as E, TransactionsInfoModal as F, type TransactionStatusBadgeProps as G, type HashLinkProps as H, TransactionStatusBadge as I, type NovaTransactionsProviderProps as J, NovaTransactionsProvider as K, 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 TxErrorBlockClassNames 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 StepClassNames as o, type StepProps as p, type TxProgressIndicatorProps as q, TxProgressIndicator as r, type TxStatusVisualClassNames as s, type TxStatusVisualProps as t, TxStatusVisual as u, type TransactionHistoryItemCustomization as v, type TransactionHistoryItemProps as w, TransactionHistoryItem as x, type TransactionKeyProps as y, TransactionKey as z };
+export { TransactionHistoryItem as A, type TransactionKeyProps as B, type CopyableFieldProps as C, type DetailItemProps as D, TransactionKey as E, type TransactionsHistoryLoaderProps as F, type TransactionsHistoryCustomization as G, type HashLinkProps as H, type TransactionsHistoryProps as I, type JsonBlockProps as J, TransactionsHistory as K, type TransactionsInfoModalCustomization as L, type MetadataRowProps as M, type NovaTransactionsLabels as N, type TransactionsInfoModalProps as O, TransactionsInfoModal as P, type TransactionStatusBadgeProps as Q, TransactionStatusBadge as R, type StatusAwareTextProps as S, type ToastTransactionCustomization as T, type NovaTransactionsProviderProps as U, NovaTransactionsProvider as V, 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 TxErrorBlockClassNames 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 StepClassNames as o, type StepProps as p, type TxProgressIndicatorProps as q, TxProgressIndicator as r, type TxStatusVisualClassNames as s, type TxStatusVisualProps as t, TxStatusVisual as u, type TransactionDetailsCustomization as v, type TransactionDetailsProps as w, TransactionDetails as x, type TransactionHistoryItemCustomization as y, type TransactionHistoryItemProps as z };

package/dist/{TransactionsInfoModal-D7eykTZp.d.ts → TransactionsInfoModal-EKgcn7Ot.d.ts}

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { ToastCloseButtonProps, DialogContent } from '@tuwaio/nova-core';
-import { TransactionStatus, Transaction, TxAdapter, TransactionPool, ITxTrackingStore, InitialTransaction } from '@tuwaio/pulsar-core';
+import { TransactionStatus, Transaction, TxAdapter, TransactionPool, TxInMemoryPagination, ITxTrackingStore, InitialTransaction } from '@tuwaio/pulsar-core';
 import { ReactNode, ComponentType, JSX, ComponentPropsWithoutRef } from 'react';
 import { OrbitAdapter, TuwaErrorState } from '@tuwaio/orbit-core';
 import { ToastContainerProps, ToastContentProps } from 'react-toastify';
@@ -91,7 +91,7 @@ type NovaTransactionsLabels = {
     /** Labels related to toast notifications. */
     toast: {
         /** Text for the button/link within a toast to open the wallet modal. */
-        openTransactionsInfo: string;
+        openTransaction: string;
     };
     /** Standard labels for transaction statuses. */
     statuses: {
@@ -189,6 +189,83 @@ type NovaTransactionsLabels = {
         /** Text for a generic "Speed up" action. */
         speedUp: string;
     };
+    /** Labels for the detailed transaction view. */
+    transactionDetails: {
+        /** Main title for the detailed view. */
+        title: string;
+        /** Subtitle for the detailed view. */
+        subtitle: string;
+        /** Label for the metadata section. */
+        metadata: string;
+        /** Label for the execution data section. */
+        executionData: string;
+        /** Label for the adapter type. */
+        adapter: string;
+        /** Label for the submission time. */
+        submittedAt: string;
+        /** Label for the completion time. */
+        finishedAt: string;
+        /** Label for the tracker name. */
+        tracker: string;
+        /** Label for the connector type. */
+        connector: string;
+        /** Label for the confirmations count. */
+        confirmations: string;
+        /** Label for the internal transaction key. */
+        txKey: string;
+        /** Label for the origin address. */
+        from: string;
+        /** Label for the recipient address. */
+        to: string;
+        /** Label for the transaction hash. */
+        hash: string;
+        /** Label for the network name. */
+        network: string;
+        /** Label for the raw input data. */
+        inputData: string;
+        /** Label for the payload data section. */
+        payload: string;
+        /** Label for the context block. */
+        context: string;
+        /** Label for the nonce. */
+        nonce: string;
+        /** Label for the raw value. */
+        value: string;
+        /** Label for the max fee per gas. */
+        maxFee: string;
+        /** Label for the max priority fee per gas. */
+        maxPriorityFee: string;
+        /** Label for the Solana section title. */
+        solanaTitle: string;
+        /** Label for the Starknet section title. */
+        starknetTitle: string;
+        /** Label for the Context section title. */
+        contextTitle: string;
+        /** Label for the Fee. */
+        fee: string;
+        /** Label for the Slot. */
+        slot: string;
+        /** Label for the Instructions. */
+        instructions: string;
+        /** Label for the Recent Blockhash. */
+        recentBlockhash: string;
+        /** Label for the Contract Address. */
+        contractAddress: string;
+        /** Label for the Actual Fee. */
+        actualFee: string;
+        /** Label for the Title Context. */
+        titleContext: string;
+        /** Label for the Description Context. */
+        descriptionContext: string;
+        /** Label for the Error Context. */
+        errorContext: string;
+        /** Label for the Full Payload. */
+        fullPayload: string;
+        /** Label for the RPC URL. */
+        rpcUrl: string;
+        /** Label for the Replaced Hash. */
+        replacedHash: string;
+    };
 };
 
 /**
@@ -211,12 +288,14 @@ type NovaTransactionsProviderProps<T extends Transaction> = {
         transactionsInfoModal?: TransactionsInfoModalCustomization<T>;
         trackingTxModal?: TrackingTxModalCustomization<T>;
     };
+    /** Pagination state for infinite scroll, forwarded to TransactionsInfoModal and TransactionsHistory. */
+    pagination?: TxInMemoryPagination;
 } & 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 NovaTransactionsProvider<T extends Transaction>({ adapter, connectedWalletAddress, connectedAdapterType, transactionsPool, initialTx, executeTxAction, closeTxTrackedModal, labels, features, customization, ...toastProps }: NovaTransactionsProviderProps<T>): react_jsx_runtime.JSX.Element;
+declare function NovaTransactionsProvider<T extends Transaction>({ adapter, connectedWalletAddress, connectedAdapterType, transactionsPool, initialTx, executeTxAction, closeTxTrackedModal, labels, features, customization, pagination, ...toastProps }: NovaTransactionsProviderProps<T>): react_jsx_runtime.JSX.Element;
 
 type TransactionKeyProps<T extends Transaction> = Pick<NovaTransactionsProviderProps<T>, 'adapter'> & {
     tx: T;
@@ -264,6 +343,10 @@ type ToastTransactionCustomization<T extends Transaction> = {
         TxInfoButton?: ComponentType<CustomActionButtonProps>;
         SpeedUpButton?: ComponentType<CustomActionButtonProps>;
         CancelButton?: ComponentType<CustomActionButtonProps>;
+        ConfirmationsBadge?: ComponentType<{
+            count: number | string;
+            className?: string;
+        }>;
     };
     /** Granular classNames for all sub-elements */
     classNames?: {
@@ -309,11 +392,13 @@ type ToastTransactionCustomization<T extends Transaction> = {
         cancelButton?: string;
         /** Classes for the TxInfo button */
         txInfoButton?: string;
+        /** Classes for the confirmations badge */
+        confirmationsBadge?: string;
     };
 };
 type ToastTransactionProps<T extends Transaction> = {
     tx: T;
-    openTxInfoModal?: () => void;
+    openTxInfoModal?: (txKey?: string) => void;
     icon?: ReactNode;
     className?: string;
     customization?: ToastTransactionCustomization<T>;
@@ -554,6 +639,99 @@ type TxStatusVisualProps = {
  */
 declare function TxStatusVisual({ isProcessing, isSucceed, isFailed, isReplaced, className: containerClassName, iconClassNames, }: TxStatusVisualProps): react_jsx_runtime.JSX.Element;
 
+/** Props for a copyable field block */
+type CopyableFieldProps = {
+    label: string;
+    value: string;
+    mono?: boolean;
+    className?: string;
+    children?: ReactNode;
+    classNames?: {
+        label?: string;
+        container?: string;
+        code?: string;
+        copyButton?: string;
+    };
+};
+/** Props for a single detail item (Label + Value) */
+type DetailItemProps = {
+    label: string;
+    value: string | number | null | undefined;
+    mono?: boolean;
+    className?: string;
+    classNames?: {
+        label?: string;
+        value?: string;
+    };
+};
+/** Props for a row in the metadata section */
+type MetadataRowProps = {
+    icon: ComponentType<{
+        className?: string;
+    }>;
+    label: string;
+    children: ReactNode;
+    className?: string;
+    classNames?: {
+        icon?: string;
+        label?: string;
+        value?: string;
+    };
+};
+/** Props for a JSON/Code block */
+type JsonBlockProps = {
+    label: string;
+    data: unknown;
+    className?: string;
+    classNames?: {
+        header?: string;
+        label?: string;
+        copyButton?: string;
+        container?: string;
+        pre?: string;
+    };
+};
+type TransactionDetailsCustomization = {
+    /** Custom class names for all sub-elements */
+    classNames?: {
+        container?: string;
+        header?: string;
+        backButton?: string;
+        statusIconContainer?: string;
+        title?: string;
+        subtitle?: string;
+        coreInfoCard?: string;
+        networkBadge?: string;
+        metadataSection?: string;
+        executionSection?: string;
+    };
+    /** Custom components to override default elements */
+    components?: {
+        SectionCard?: ComponentType<{
+            children: ReactNode;
+            className?: string;
+        }>;
+        SectionHeading?: ComponentType<{
+            children: ReactNode;
+            className?: string;
+        }>;
+        CopyableField?: ComponentType<CopyableFieldProps>;
+        DetailItem?: ComponentType<DetailItemProps>;
+        MetadataRow?: ComponentType<MetadataRowProps>;
+        JsonBlock?: ComponentType<JsonBlockProps>;
+    };
+};
+type TransactionDetailsProps<T extends Transaction> = Pick<NovaTransactionsProviderProps<T>, 'adapter'> & {
+    tx: T;
+    onBack: () => void;
+    className?: string;
+    customization?: TransactionDetailsCustomization;
+};
+/**
+ * TransactionDetails component provides a deep look into a specific transaction's metadata and execution state.
+ */
+declare function TransactionDetails<T extends Transaction>({ tx, onBack, adapter, className, customization, }: TransactionDetailsProps<T>): react_jsx_runtime.JSX.Element;
+
 /**
  * @file This file contains the `TransactionHistoryItem` component, which renders a single transaction
  * in a list format for the transaction history view.
@@ -626,14 +804,23 @@ type TransactionHistoryItemProps<T extends Transaction> = {
     customization?: TransactionHistoryItemCustomization<T>;
     /** Optional additional CSS classes for the container. */
     className?: string;
+    /** Callback triggered when the item is selected to view details. */
+    onSelectTx?: () => void;
+    /** Whether transaction details can be viewed by clicking on history items. */
+    canViewDetails?: boolean;
 } & Pick<NovaTransactionsProviderProps<T>, 'adapter'>;
-declare function TransactionHistoryItem<T extends Transaction>({ tx, adapter, className, customization, }: TransactionHistoryItemProps<T>): JSX.Element;
+declare function TransactionHistoryItem<T extends Transaction>({ tx, adapter, className, customization, onSelectTx, canViewDetails, }: TransactionHistoryItemProps<T>): JSX.Element;
 
 type CustomPlaceholderProps = {
     title: string;
     message: string;
     className?: string;
 };
+/** Props exposed to a custom Loader component */
+type TransactionsHistoryLoaderProps = {
+    className?: string;
+    iconClassName?: string;
+};
 /**
  * Customization options for TransactionsHistory component.
  * Allows styling of all sub-elements including individual transaction items.
@@ -655,6 +842,14 @@ type TransactionsHistoryCustomization<T extends Transaction> = {
         placeholderTitle?: string;
         /** Classes for the placeholder message */
         placeholderMessage?: string;
+        /** Classes for the infinite scroll loader container */
+        loaderContainer?: string;
+        /** Classes for the infinite scroll loader icon (spinner) */
+        loaderIcon?: string;
+        /** Classes for the error indicator container */
+        errorContainer?: string;
+        /** Classes for the error indicator icon */
+        errorIcon?: string;
         /** Classes for individual transaction item container */
         itemContainer?: string;
         /** Classes for the icon wrapper */
@@ -696,13 +891,23 @@ type TransactionsHistoryCustomization<T extends Transaction> = {
         Placeholder?: ComponentType<CustomPlaceholderProps>;
         /** Custom history item component */
         HistoryItem?: ComponentType<TransactionHistoryItemProps<T>>;
+        /** Custom loader component rendered at the bottom during pagination loading */
+        Loader?: ComponentType<TransactionsHistoryLoaderProps>;
     };
+    /** Customization for the detailed transaction view */
+    detailsCustomization?: TransactionDetailsCustomization;
 };
 type TransactionsHistoryProps<T extends Transaction> = Pick<NovaTransactionsProviderProps<T>, 'adapter' | 'transactionsPool' | 'connectedWalletAddress'> & {
     className?: string;
     customization?: TransactionsHistoryCustomization<T>;
+    /** Pagination state for infinite scroll. Uses TxInMemoryPagination from @tuwaio/pulsar-core. */
+    pagination?: TxInMemoryPagination;
+    /** Optional transaction key to open directly in detail view */
+    initialTxKey?: string | null;
+    /** Whether transaction details can be viewed by clicking on history items. Defaults to true. */
+    canViewDetails?: boolean;
 };
-declare function TransactionsHistory<T extends Transaction>({ adapter, connectedWalletAddress, transactionsPool, className, customization, }: TransactionsHistoryProps<T>): react_jsx_runtime.JSX.Element;
+declare function TransactionsHistory<T extends Transaction>({ adapter, connectedWalletAddress, transactionsPool, className, customization, pagination, initialTxKey, canViewDetails, }: TransactionsHistoryProps<T>): react_jsx_runtime.JSX.Element;
 
 type CustomHeaderProps = {
     closeModal: () => void;
@@ -732,7 +937,11 @@ type TransactionsInfoModalProps<T extends Transaction> = Pick<NovaTransactionsPr
     isOpen?: boolean;
     setIsOpen: (value: boolean) => void;
     customization?: TransactionsInfoModalCustomization<T>;
+    /** Pagination state for infinite scroll, forwarded to TransactionsHistory. */
+    pagination?: TxInMemoryPagination;
+    /** Optional transaction key to open directly in detail view */
+    selectedTxKey?: string | null;
 };
-declare function TransactionsInfoModal<T extends Transaction>({ isOpen, setIsOpen, customization, adapter, connectedWalletAddress, transactionsPool, }: TransactionsInfoModalProps<T>): react_jsx_runtime.JSX.Element;
+declare function TransactionsInfoModal<T extends Transaction>({ isOpen, setIsOpen, customization, adapter, connectedWalletAddress, transactionsPool, pagination, selectedTxKey, }: TransactionsInfoModalProps<T>): react_jsx_runtime.JSX.Element;
 
-export { type TransactionsHistoryCustomization as A, type TransactionsHistoryProps as B, TransactionsHistory as C, type TransactionsInfoModalCustomization as D, type TransactionsInfoModalProps as E, TransactionsInfoModal as F, type TransactionStatusBadgeProps as G, type HashLinkProps as H, TransactionStatusBadge as I, type NovaTransactionsProviderProps as J, NovaTransactionsProvider as K, 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 TxErrorBlockClassNames 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 StepClassNames as o, type StepProps as p, type TxProgressIndicatorProps as q, TxProgressIndicator as r, type TxStatusVisualClassNames as s, type TxStatusVisualProps as t, TxStatusVisual as u, type TransactionHistoryItemCustomization as v, type TransactionHistoryItemProps as w, TransactionHistoryItem as x, type TransactionKeyProps as y, TransactionKey as z };
+export { TransactionHistoryItem as A, type TransactionKeyProps as B, type CopyableFieldProps as C, type DetailItemProps as D, TransactionKey as E, type TransactionsHistoryLoaderProps as F, type TransactionsHistoryCustomization as G, type HashLinkProps as H, type TransactionsHistoryProps as I, type JsonBlockProps as J, TransactionsHistory as K, type TransactionsInfoModalCustomization as L, type MetadataRowProps as M, type NovaTransactionsLabels as N, type TransactionsInfoModalProps as O, TransactionsInfoModal as P, type TransactionStatusBadgeProps as Q, TransactionStatusBadge as R, type StatusAwareTextProps as S, type ToastTransactionCustomization as T, type NovaTransactionsProviderProps as U, NovaTransactionsProvider as V, 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 TxErrorBlockClassNames 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 StepClassNames as o, type StepProps as p, type TxProgressIndicatorProps as q, TxProgressIndicator as r, type TxStatusVisualClassNames as s, type TxStatusVisualProps as t, TxStatusVisual as u, type TransactionDetailsCustomization as v, type TransactionDetailsProps as w, TransactionDetails as x, type TransactionHistoryItemCustomization as y, type TransactionHistoryItemProps as z };