@tuwaio/nova-connect 0.3.2 → 0.4.0

package/dist/components/index.d.cts

@@ -3,7 +3,8 @@ import * as React$1 from 'react';
 import React__default, { ComponentPropsWithoutRef, ComponentType, ReactNode } from 'react';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as Select from '@radix-ui/react-select';
-import { I as InitialChains, B as ButtonTxStatus, b as NovaConnectProviderProps, h as useNovaConnectLabels, q as NativeBalanceResult, a as ConnectedContentType, C as ConnectContentType } from '../useWalletNativeBalance-C3-mg2mY.cjs';
+import { I as InitialChains, B as ButtonTxStatus, b as NovaConnectProviderProps, h as useNovaConnectLabels, q as NativeBalanceResult, a as ConnectedContentType, s as ConnectedModalTxHistoryProps, t as ConnectedModalTxHistoryCustomization, C as ConnectContentType } from '../useWalletNativeBalance-DYd-fWtH.cjs';
+export { x as ConnectedModalTxHistory, w as LocalTransactionsHistoryCustomization, v as LocalTxPagination } from '../useWalletNativeBalance-DYd-fWtH.cjs';
 import { BaseConnector } from '@tuwaio/satellite-core';
 import { Dialog, DialogContent, StarsBackground } from '@tuwaio/nova-core';
 import { Transaction } from '@tuwaio/pulsar-core';
@@ -2928,6 +2929,7 @@ interface ConnectedModalMainContentProps extends Pick<NovaConnectProviderProps,
     ensAvatar: string | null;
     avatarIsLoading: boolean;
     balanceLoading: boolean;
+    txsLoading: boolean;
     ensNameAbbreviated: string | undefined;
     balance: NativeBalanceResult | null;
     refetch: () => void;
@@ -3029,307 +3031,6 @@ interface ConnectedModalMainContentProps extends Pick<NovaConnectProviderProps,
  */
 declare const ConnectedModalMainContent: React__default.ForwardRefExoticComponent<ConnectedModalMainContentProps & React__default.RefAttributes<HTMLDivElement>>;
 
-/**
- * @file ConnectedModalTxHistory component with comprehensive customization options for transaction history display.
- */
-
-/**
- * Local customization options for TransactionsHistory component.
- * This is a copy of the type from @tuwaio/nova-transactions to avoid
- * breaking dynamic import logic.
- */
-type LocalTransactionsHistoryCustomization = {
-    /** Custom title for the transactions history section */
-    title?: string;
-    /** Custom class name generators */
-    classNames?: {
-        /** Classes for the outer container */
-        container?: string;
-        /** Classes for the title element */
-        titleText?: string;
-        /** Classes for the list wrapper container */
-        listWrapper?: string;
-        /** Classes for the placeholder container */
-        placeholderContainer?: string;
-        /** Classes for the placeholder title */
-        placeholderTitle?: string;
-        /** Classes for the placeholder message */
-        placeholderMessage?: string;
-        /** Classes for individual transaction item container */
-        itemContainer?: string;
-        /** Classes for the icon wrapper */
-        itemIconWrapper?: string;
-        /** Classes for the icon itself */
-        itemIcon?: string;
-        /** Classes for the content wrapper */
-        itemContentWrapper?: string;
-        /** Classes for the title text */
-        itemTitle?: string;
-        /** Classes for the timestamp text */
-        itemTimestamp?: string;
-        /** Classes for the description text */
-        itemDescription?: string;
-        /** Classes for the status badge container */
-        itemStatusBadge?: string;
-        /** Classes for the status badge icon */
-        itemStatusBadgeIcon?: string;
-        /** Classes for the status badge label */
-        itemStatusBadgeLabel?: string;
-        /** Classes for the transaction key container */
-        itemTxKeyContainer?: string;
-        /** Classes for the default hash link label */
-        itemHashLabel?: string;
-        /** Classes for the default hash link */
-        itemHashLink?: string;
-        /** Classes for the default hash copy button */
-        itemHashCopyButton?: string;
-        /** Classes for the original hash link label (replaced transactions) */
-        itemOriginalHashLabel?: string;
-        /** Classes for the original hash link (replaced transactions) */
-        itemOriginalHashLink?: string;
-        /** Classes for the original hash copy button (replaced transactions) */
-        itemOriginalHashCopyButton?: string;
-    };
-};
-type CustomLoadingContainerProps = {
-    labels: Record<string, string>;
-    className?: string;
-    /** Granular classNames for sub-elements */
-    classNames?: {
-        spinner?: string;
-        text?: string;
-    };
-};
-type CustomErrorContainerProps = {
-    className?: string;
-    /** Granular classNames for sub-elements */
-    classNames?: {
-        iconContainer?: string;
-        icon?: string;
-        content?: string;
-        title?: string;
-        description?: string;
-    };
-};
-type CustomNoWalletContainerProps = {
-    className?: string;
-    /** Granular classNames for sub-elements */
-    classNames?: {
-        text?: string;
-    };
-};
-type CustomTransactionsHistoryWrapperProps = {
-    children: ReactNode;
-    activeConnectionAddress: string;
-    transactionPool: NonNullable<NovaConnectProviderProps['transactionPool']>;
-    pulsarAdapter: NonNullable<NovaConnectProviderProps['pulsarAdapter']>;
-    labels: Record<string, string>;
-    className?: string;
-};
-/**
- * Customization options for ConnectedModalTxHistory component
- */
-type ConnectedModalTxHistoryCustomization = {
-    /** Override root container props */
-    containerProps?: Partial<Omit<ComponentPropsWithoutRef<'div'>, 'popover' | 'onDrag' | 'onDragEnd' | 'onDragExit' | 'onDragStart' | 'onDragStartCapture' | 'onAnimationStart' | 'onAnimationEnd' | 'onAnimationStartCapture' | 'onAnimationEndCapture' | 'onAnimationIteration' | 'onAnimationIterationCapture'>>;
-    /** Custom components */
-    components?: {
-        /** Custom loading container component */
-        LoadingContainer?: ComponentType<CustomLoadingContainerProps>;
-        /** Custom error container component */
-        ErrorContainer?: ComponentType<CustomErrorContainerProps>;
-        /** Custom no wallet container component */
-        NoWalletContainer?: ComponentType<CustomNoWalletContainerProps>;
-        /** Custom transactions history wrapper component */
-        TransactionsHistoryWrapper?: ComponentType<CustomTransactionsHistoryWrapperProps>;
-    };
-    /** Custom class name generators */
-    classNames?: {
-        /** Function to generate container classes */
-        container?: (params: {
-            hasActiveWallet: boolean;
-            hasValidAdapter: boolean;
-        }) => string;
-        /** Function to generate loading container classes */
-        loadingContainer?: () => string;
-        /** Function to generate loading spinner classes */
-        loadingSpinner?: () => string;
-        /** Function to generate loading text classes */
-        loadingText?: () => string;
-        /** Function to generate error container classes */
-        errorContainer?: () => string;
-        /** Function to generate error icon container classes */
-        errorIconContainer?: () => string;
-        /** Function to generate error icon classes */
-        errorIcon?: () => string;
-        /** Function to generate error content classes */
-        errorContent?: () => string;
-        /** Function to generate error title classes */
-        errorTitle?: () => string;
-        /** Function to generate error description classes */
-        errorDescription?: () => string;
-        /** Function to generate no wallet container classes */
-        noWalletContainer?: () => string;
-        /** Function to generate no wallet text classes */
-        noWalletText?: () => string;
-        /** Function to generate pulsar required container classes */
-        pulsarRequiredContainer?: () => string;
-        /** Function to generate pulsar required icon container classes */
-        pulsarRequiredIconContainer?: () => string;
-        /** Function to generate pulsar required icon classes */
-        pulsarRequiredIcon?: () => string;
-        /** Function to generate pulsar required content classes */
-        pulsarRequiredContent?: () => string;
-        /** Function to generate pulsar required title classes */
-        pulsarRequiredTitle?: () => string;
-        /** Function to generate pulsar required description classes */
-        pulsarRequiredDescription?: () => string;
-        /** Function to generate transactions history wrapper classes */
-        transactionsHistoryWrapper?: () => string;
-    };
-    /** Custom animation variants */
-    variants?: {
-        /** Container animation variants */
-        container?: Variants;
-        /** Error animation variants */
-        error?: Variants;
-        /** Loading animation variants */
-        loading?: Variants;
-    };
-    /** Custom animation configuration */
-    animation?: {
-        /** Container animation configuration */
-        container?: {
-            /** Animation duration in seconds */
-            duration?: number;
-            /** Animation easing curve */
-            ease?: Easing | Easing[];
-            /** Animation delay in seconds */
-            delay?: number;
-        };
-        /** Error animation configuration */
-        error?: {
-            /** Animation duration in seconds */
-            duration?: number;
-            /** Animation easing curve */
-            ease?: Easing | Easing[];
-            /** Animation delay in seconds */
-            delay?: number;
-        };
-        /** Loading animation configuration */
-        loading?: {
-            /** Animation duration in seconds */
-            duration?: number;
-            /** Animation easing curve */
-            ease?: Easing | Easing[];
-            /** Animation delay in seconds */
-            delay?: number;
-        };
-    };
-    /** Custom event handlers */
-    handlers?: {
-        /** Custom handler for error retry actions */
-        onErrorRetry?: (error: Error, event: React__default.MouseEvent<HTMLButtonElement>) => void;
-        /** Custom handler for package loading failure */
-        onPackageLoadingFailure?: (packageName: string, error: Error) => void;
-    };
-    /** Configuration options */
-    config?: {
-        /** Whether to disable animations */
-        disableAnimation?: boolean;
-        /** Whether to reduce motion for accessibility */
-        reduceMotion?: boolean;
-        /** Custom package name for error messages */
-        packageName?: string;
-        /** Custom aria labels for different states */
-        ariaLabels?: {
-            loading?: string;
-            error?: string;
-            noWallet?: string;
-            pulsarRequired?: string;
-            transactionsHistory?: string;
-        };
-    };
-    /**
-     * Customization for the TransactionsHistory component (from @tuwaio/nova-transactions).
-     * Passed through to the dynamically loaded component.
-     */
-    transactionsHistory?: LocalTransactionsHistoryCustomization;
-};
-/**
- * Props for the ConnectedModalTxHistory component
- */
-interface ConnectedModalTxHistoryProps extends Pick<NovaConnectProviderProps, 'transactionPool' | 'pulsarAdapter'> {
-    /** Additional CSS classes for the container */
-    className?: string;
-    /** Custom aria-label for the container */
-    'aria-label'?: string;
-    /** Customization options */
-    customization?: ConnectedModalTxHistoryCustomization;
-}
-/**
- * Component for displaying transaction history with comprehensive customization options.
- *
- * This component provides comprehensive transaction history functionality:
- * - Conditional loading of the @tuwaio/nova-transactions package
- * - Graceful fallback when the package is not available
- * - Loading states with proper accessibility support
- * - Error handling for missing configuration
- * - Full WCAG compliance with ARIA labels
- * - Comprehensive customization for all UI elements and behaviors
- * - Animation support with reduced motion options
- * - Custom event handlers for enhanced interactivity
- * - Performance-optimized with memoized calculations
- *
- * The component automatically detects if the required dependencies are available
- * and provides appropriate fallbacks for different scenarios.
- *
- * @example Basic usage
- * ```tsx
- * <ConnectedModalTxHistory
- *   transactionPool={txPool}
- *   pulsarAdapter={adapter}
- *   className="custom-styling"
- * />
- * ```
- *
- * @example With full customization
- * ```tsx
- * <ConnectedModalTxHistory
- *   transactionPool={txPool}
- *   pulsarAdapter={adapter}
- *   customization={{
- *     classNames: {
- *       container: ({ hasActiveWallet }) =>
- *         `custom-container ${hasActiveWallet ? 'has-wallet' : 'no-wallet'}`,
- *       loadingContainer: () => "custom-loading bg-blue-100",
- *       errorContainer: () => "custom-error bg-red-100",
- *     },
- *     components: {
- *       LoadingContainer: ({ className }) =>
- *         <div className={cn("custom-spinner", className)} />,
- *     },
- *     handlers: {
- *       onPackageLoadingFailure: (packageName, error) =>
- *         console.error(`Failed to load ${packageName}:`, error),
- *     },
- *     config: {
- *       packageName: '@custom/transactions',
- *       ariaLabels: {
- *         loading: 'Loading transaction history...',
- *         error: 'Error loading transactions',
- *       },
- *     },
- *     animation: {
- *       container: { duration: 0.3, ease: 'easeOut' },
- *       error: { duration: 0.2, ease: 'easeIn' },
- *     },
- *   }}
- * />
- * ```
- */
-declare const ConnectedModalTxHistory: React__default.ForwardRefExoticComponent<ConnectedModalTxHistoryProps & React__default.RefAttributes<HTMLDivElement>>;
-
 /**
  * @file ConnectionsContent component for managing multiple wallet connections.
  */
@@ -3806,7 +3507,7 @@ type HeaderProps = {
 /**
  * Props for custom MainContent component
  */
-type MainContentProps$1 = Pick<NovaConnectProviderProps, 'transactionPool' | 'pulsarAdapter'> & {
+type MainContentProps$1 = Pick<NovaConnectProviderProps, 'transactionPool' | 'pulsarAdapter' | 'pagination'> & {
     /** Current content type */
     contentType: ConnectedContentType;
     /** Native balance result */
@@ -4007,7 +3708,7 @@ type ConnectedModalCustomization = {
 /**
  * Props for the ConnectedModal component
  */
-interface ConnectedModalProps extends Omit<ConnectButtonProps, 'className' | 'customization'>, Pick<NovaConnectProviderProps, 'transactionPool' | 'pulsarAdapter' | 'appChains' | 'solanaRPCUrls'> {
+interface ConnectedModalProps extends Omit<ConnectButtonProps, 'className' | 'customization'>, Pick<NovaConnectProviderProps, 'transactionPool' | 'pulsarAdapter' | 'appChains' | 'solanaRPCUrls' | 'pagination'> {
     /** Additional CSS classes for the modal */
     className?: string;
     /** Customization options */
@@ -7558,4 +7259,4 @@ interface ToastErrorProps extends Omit<ComponentPropsWithoutRef<'div'>, 'role' |
  */
 declare const ToastError: React$1.ForwardRefExoticComponent<ToastErrorProps & React$1.RefAttributes<HTMLDivElement>>;
 
-export { AboutWallets, type AboutWalletsCustomization, type AboutWalletsProps, type AnimationConfig, type BadgeAnimationConfig, type BadgeGradientConfig, type BalanceData, BalanceDisplay, type BalanceDisplayCustomization, type BalanceDisplayLabels, type BalanceDisplayProps$1 as BalanceDisplayProps, type BalanceValueProps, type BottomButtonConfig, ChainListRenderer, type ChainListRendererCustomization, type ChainListRendererProps, ChainSelector, type ChainSelectorCustomization, type ChainSelectorProps, type ChainTriggerButtonCustomization, ConnectButton, type ConnectButtonCustomization, type ConnectButtonData, type ConnectButtonProps, ConnectCard, type ConnectCardCustomization, type ConnectCardData, ConnectModal, type ConnectModalCustomization, type ConnectModalData, type ConnectModalProps, ConnectedContent, type ConnectedContentCustomization, type ConnectedContentProps, ConnectedModal, type ConnectedModalCustomization, ConnectedModalFooter, type ConnectedModalFooterCustomization, type ConnectedModalFooterProps, ConnectedModalMainContent, type ConnectedModalMainContentCustomization, type ConnectedModalMainContentProps, ConnectedModalNameAndBalance, type ConnectedModalNameAndBalanceCustomization, type ConnectedModalNameAndBalanceProps, type ConnectedModalProps, ConnectedModalTxHistory, type ConnectedModalTxHistoryCustomization, type ConnectedModalTxHistoryProps, Connecting, type ConnectingCustomization, type ConnectingProps, type ConnectingStatusData, type ConnectionState, ConnectionsContent, type ConnectionsContentCustomization, type ConnectionsContentProps, type ConnectorItemData, ConnectorsBlock, type ConnectorsBlockCustomization, type ConnectorsBlockData, ConnectorsSelections, type ConnectorsSelectionsCustomization, type ConnectorsSelectionsData, type ConnectorsSelectionsProps, Disclaimer, type DisclaimerCustomization, type DisclaimerProps, type EmptyStateProps$2 as EmptyStateProps, GetWallet, type GetWalletCustomization, type GetWalletProps, type GroupedConnector, IconButton, type IconButtonCustomization, type IconButtonProps, ImpersonateForm, type ImpersonateFormCustomization, type ImpersonateFormProps, type ImpersonateSectionData, LegalDisclaimer, type LegalDisclaimerCustomization, type LegalDisclaimerData, type LegalDisclaimerProps, type LoadingStateProps, type LocalTransactionsHistoryCustomization, type NetworkIconsCustomization, NetworkSelections, type NetworkSelectionsCustomization, type NetworkSelectionsData, type NetworkTabData, NetworkTabs, type NetworkTabsCustomization, type NetworkTabsProps, RecentBadge, type RecentBadgeCustomization, type RecentBadgeProps, type RefreshButtonProps, ScrollableChainList, type ScrollableChainListCustomization, type ScrollableChainListProps, SelectContentAnimated, type SelectContentAnimatedProps, StatusIcon, type StatusIconCustomization, type StatusIconProps$1 as StatusIconProps, ToBottomButton, type ToBottomButtonCustomization, type ToBottomButtonProps, ToTopButton, type ToTopButtonCustomization, type ToTopButtonProps, ToastError, type ToastErrorCustomization, type ToastErrorProps, type ValidationConfig, WaitForConnectionContent, type WaitForConnectionContentCustomization, type WaitForConnectionContentProps, WalletAvatar, type WalletAvatarCustomization, type WalletAvatarProps, type WalletAvatarSize, WalletIcon, type WalletIconConfig, type WalletIconCustomization, type WalletIconProps$1 as WalletIconProps };
+export { AboutWallets, type AboutWalletsCustomization, type AboutWalletsProps, type AnimationConfig, type BadgeAnimationConfig, type BadgeGradientConfig, type BalanceData, BalanceDisplay, type BalanceDisplayCustomization, type BalanceDisplayLabels, type BalanceDisplayProps$1 as BalanceDisplayProps, type BalanceValueProps, type BottomButtonConfig, ChainListRenderer, type ChainListRendererCustomization, type ChainListRendererProps, ChainSelector, type ChainSelectorCustomization, type ChainSelectorProps, type ChainTriggerButtonCustomization, ConnectButton, type ConnectButtonCustomization, type ConnectButtonData, type ConnectButtonProps, ConnectCard, type ConnectCardCustomization, type ConnectCardData, ConnectModal, type ConnectModalCustomization, type ConnectModalData, type ConnectModalProps, ConnectedContent, type ConnectedContentCustomization, type ConnectedContentProps, ConnectedModal, type ConnectedModalCustomization, ConnectedModalFooter, type ConnectedModalFooterCustomization, type ConnectedModalFooterProps, ConnectedModalMainContent, type ConnectedModalMainContentCustomization, type ConnectedModalMainContentProps, ConnectedModalNameAndBalance, type ConnectedModalNameAndBalanceCustomization, type ConnectedModalNameAndBalanceProps, type ConnectedModalProps, ConnectedModalTxHistoryCustomization, ConnectedModalTxHistoryProps, Connecting, type ConnectingCustomization, type ConnectingProps, type ConnectingStatusData, type ConnectionState, ConnectionsContent, type ConnectionsContentCustomization, type ConnectionsContentProps, type ConnectorItemData, ConnectorsBlock, type ConnectorsBlockCustomization, type ConnectorsBlockData, ConnectorsSelections, type ConnectorsSelectionsCustomization, type ConnectorsSelectionsData, type ConnectorsSelectionsProps, Disclaimer, type DisclaimerCustomization, type DisclaimerProps, type EmptyStateProps$2 as EmptyStateProps, GetWallet, type GetWalletCustomization, type GetWalletProps, type GroupedConnector, IconButton, type IconButtonCustomization, type IconButtonProps, ImpersonateForm, type ImpersonateFormCustomization, type ImpersonateFormProps, type ImpersonateSectionData, LegalDisclaimer, type LegalDisclaimerCustomization, type LegalDisclaimerData, type LegalDisclaimerProps, type LoadingStateProps, type NetworkIconsCustomization, NetworkSelections, type NetworkSelectionsCustomization, type NetworkSelectionsData, type NetworkTabData, NetworkTabs, type NetworkTabsCustomization, type NetworkTabsProps, RecentBadge, type RecentBadgeCustomization, type RecentBadgeProps, type RefreshButtonProps, ScrollableChainList, type ScrollableChainListCustomization, type ScrollableChainListProps, SelectContentAnimated, type SelectContentAnimatedProps, StatusIcon, type StatusIconCustomization, type StatusIconProps$1 as StatusIconProps, ToBottomButton, type ToBottomButtonCustomization, type ToBottomButtonProps, ToTopButton, type ToTopButtonCustomization, type ToTopButtonProps, ToastError, type ToastErrorCustomization, type ToastErrorProps, type ValidationConfig, WaitForConnectionContent, type WaitForConnectionContentCustomization, type WaitForConnectionContentProps, WalletAvatar, type WalletAvatarCustomization, type WalletAvatarProps, type WalletAvatarSize, WalletIcon, type WalletIconConfig, type WalletIconCustomization, type WalletIconProps$1 as WalletIconProps };