@tuwaio/nova-connect 1.0.0-fix-test-alpha.7.eac112e → 1.0.0-fix-imports-alpha.1.c5966b4

package/README.md

@@ -57,7 +57,9 @@ yarn add @tuwaio/nova-connect @tuwaio/satellite-core @tuwaio/orbit-core @tuwaio/
 ```tsx
 import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
 import { satelliteEVMAdapter } from '@tuwaio/satellite-evm';
-import { EVMWalletsWatcher, SatelliteConnectProvider, SolanaWalletsWatcher } from '@tuwaio/nova-connect';
+import { SatelliteConnectProvider, NovaConnectProvider } from '@tuwaio/nova-connect';
+import { EVMWalletsWatcher } from '@tuwaio/nova-connect/evm';
+import { SolanaWalletsWatcher } from '@tuwaio/nova-connect/solana';
 import { initializeSolanaMobileConnectors, satelliteSolanaAdapter } from '@tuwaio/satellite-solana';
 import { createDefaultTransports, initAllConnectors } from '@tuwaio/satellite-evm';
 import { createConfig } from '@wagmi/core';
@@ -70,7 +72,7 @@ export const appConfig = {
 };
 
 export const solanaRPCUrls = {
-  mainnet: '[https://api.mainnet-beta.solana.com](https://api.mainnet-beta.solana.com)',
+  mainnet: 'https://api.mainnet-beta.solana.com',
 };
 
 export const appEVMChains = [mainnet, polygon, arbitrum] as readonly [Chain, ...Chain[]];
@@ -97,12 +99,14 @@ export function Providers({ children }: { children: ReactNode }) {
     <WagmiProvider config={wagmiConfig}>
       <QueryClientProvider client={queryClient}>
         <SatelliteConnectProvider
-          adapters={[satelliteEVMAdapter({ wagmiConfig }), satelliteSolanaAdapter()]}
+          adapters={[satelliteEVMAdapter({ wagmiConfig }), satelliteSolanaAdapter({ rpcUrls: solanaRPCUrls })]}
           appName={appConfig.appName}
         >
           <EVMWalletsWatcher />
           <SolanaWalletsWatcher />
-          {children}
+          <NovaConnectProvider>
+            {children}
+          </NovaConnectProvider>
         </SatelliteConnectProvider>
       </QueryClientProvider>
     </WagmiProvider>
@@ -132,66 +136,6 @@ function App() {
 
 -----
 
-## 🎨 Customization
-
-Nova Connect provides three levels of customization:
-
-### Advanced Customization
-
-```tsx
-<ConnectButton
-  appChains={appEVMChains}
-  solanaRPCUrls={solanaRPCUrls}
-  customization={{
-    connectButton: {
-      classNames: {
-        button: ({ buttonData }) => `btn ${buttonData.isConnected ? 'btn-connected' : 'btn-connect'}`,
-      },
-    },
-    provider: {
-      errors: {
-        position: 'bottom-right',
-        autoClose: 5000,
-      },
-    },
-  }}
-/>
-```
-
-### Full Provider Customization
-
-```tsx
-<NovaConnectButton
-  appChains={appEVMChains}
-  solanaRPCUrls={solanaRPCUrls}
-  customization={{
-    provider: {
-      // Custom components
-      components: {
-        ErrorsProvider: CustomErrorsProvider,
-        LabelsProvider: CustomLabelsProvider,
-      },
-      // Label customization
-      labels: {
-        merge: (defaultLabels, userLabels) => ({ ...defaultLabels, ...userLabels }),
-        transform: (mergedLabels, context) => ({
-          ...mergedLabels,
-          connectWallet: context.isConnected ? 'Reconnect' : 'Connect Wallet',
-        }),
-      },
-      // Lifecycle hooks
-      initialization: {
-        onConnectionStateChange: (isConnected, wallet, context) => {
-          console.log('Connection state changed:', isConnected);
-        },
-      },
-    },
-  }}
-/>
-```
-
------
-
 ## 🧩 Key Components
 
 ### 1. **ConnectButton**

package/dist/ToastError-CSlbvXKT.d.cts

@@ -0,0 +1,106 @@
+import { OrbitAdapter } from '@tuwaio/orbit-core';
+import * as React$1 from 'react';
+import { ComponentPropsWithoutRef, ComponentType, ReactNode } from 'react';
+
+declare const getNetworkIcon: (adapter: OrbitAdapter) => {
+    chainId: number;
+    name: string;
+} | {
+    chainId: string;
+    name: string;
+} | undefined;
+
+type CustomIconProps = {
+    isCopied: boolean;
+    className?: string;
+    'aria-hidden'?: boolean;
+};
+type CustomTitleProps = {
+    title: string;
+    titleId: string;
+    className?: string;
+};
+type CustomDescriptionProps = {
+    rawError: string;
+    descriptionId: string;
+    className?: string;
+};
+type CustomButtonContentProps = {
+    icon: ReactNode;
+    isCopied: boolean;
+    copyLabel: string;
+    copiedLabel: string;
+};
+/**
+ * Customization options for ToastError component
+ */
+type ToastErrorCustomization = {
+    /** Override container element props */
+    containerProps?: Partial<Omit<ComponentPropsWithoutRef<'div'>, 'style'>>;
+    /** Override button element props */
+    buttonProps?: Partial<Omit<ComponentPropsWithoutRef<'button'>, 'style'>>;
+    /** Custom components */
+    components?: {
+        /** Custom icon component */
+        Icon?: ComponentType<CustomIconProps>;
+        /** Custom title component */
+        Title?: ComponentType<CustomTitleProps>;
+        /** Custom description component */
+        Description?: ComponentType<CustomDescriptionProps>;
+        /** Custom button content component */
+        ButtonContent?: ComponentType<CustomButtonContentProps>;
+    };
+    /** Custom class name generators */
+    classNames?: {
+        /** Function to generate container classes */
+        container?: (params: {
+            hasTitle: boolean;
+            hasError: boolean;
+        }) => string;
+        /** Function to generate title classes */
+        title?: (params: {
+            title: string;
+        }) => string;
+        /** Function to generate description classes */
+        description?: (params: {
+            rawError: string;
+        }) => string;
+        /** Function to generate button classes */
+        button?: (params: {
+            isCopied: boolean;
+            disabled: boolean;
+        }) => string;
+        /** Function to generate icon classes */
+        icon?: (params: {
+            isCopied: boolean;
+        }) => string;
+    };
+    /** Custom event handlers */
+    handlers?: {
+        /** Custom click handler wrapper */
+        onClick?: (originalHandler: (event: React.MouseEvent<HTMLButtonElement>) => void, event: React.MouseEvent<HTMLButtonElement>) => void;
+        /** Custom keydown handler wrapper */
+        onKeyDown?: (originalHandler: (event: React.KeyboardEvent<HTMLButtonElement>) => void, event: React.KeyboardEvent<HTMLButtonElement>) => void;
+    };
+};
+interface ToastErrorProps extends Omit<ComponentPropsWithoutRef<'div'>, 'role' | 'aria-live' | 'style'> {
+    /** Error title to display */
+    title: string;
+    /** Raw error message to display and copy */
+    rawError: string;
+    /** Custom CSS classes for the container */
+    className?: string;
+    /** Custom ARIA label for the error container */
+    'aria-label'?: string;
+    /** Callback fired when copy operation completes */
+    onCopyComplete?: (success: boolean) => void;
+    /** Customization options */
+    customization?: ToastErrorCustomization;
+}
+/**
+ * A highly customizable error toast component with copy functionality and extensive styling options.
+ * Provides comprehensive customization for appearance, behavior, and event handling while maintaining accessibility.
+ */
+declare const ToastError: React$1.ForwardRefExoticComponent<ToastErrorProps & React$1.RefAttributes<HTMLDivElement>>;
+
+export { type ToastErrorCustomization as T, type ToastErrorProps as a, ToastError as b, getNetworkIcon as g };

package/dist/ToastError-CSlbvXKT.d.ts

@@ -0,0 +1,106 @@
+import { OrbitAdapter } from '@tuwaio/orbit-core';
+import * as React$1 from 'react';
+import { ComponentPropsWithoutRef, ComponentType, ReactNode } from 'react';
+
+declare const getNetworkIcon: (adapter: OrbitAdapter) => {
+    chainId: number;
+    name: string;
+} | {
+    chainId: string;
+    name: string;
+} | undefined;
+
+type CustomIconProps = {
+    isCopied: boolean;
+    className?: string;
+    'aria-hidden'?: boolean;
+};
+type CustomTitleProps = {
+    title: string;
+    titleId: string;
+    className?: string;
+};
+type CustomDescriptionProps = {
+    rawError: string;
+    descriptionId: string;
+    className?: string;
+};
+type CustomButtonContentProps = {
+    icon: ReactNode;
+    isCopied: boolean;
+    copyLabel: string;
+    copiedLabel: string;
+};
+/**
+ * Customization options for ToastError component
+ */
+type ToastErrorCustomization = {
+    /** Override container element props */
+    containerProps?: Partial<Omit<ComponentPropsWithoutRef<'div'>, 'style'>>;
+    /** Override button element props */
+    buttonProps?: Partial<Omit<ComponentPropsWithoutRef<'button'>, 'style'>>;
+    /** Custom components */
+    components?: {
+        /** Custom icon component */
+        Icon?: ComponentType<CustomIconProps>;
+        /** Custom title component */
+        Title?: ComponentType<CustomTitleProps>;
+        /** Custom description component */
+        Description?: ComponentType<CustomDescriptionProps>;
+        /** Custom button content component */
+        ButtonContent?: ComponentType<CustomButtonContentProps>;
+    };
+    /** Custom class name generators */
+    classNames?: {
+        /** Function to generate container classes */
+        container?: (params: {
+            hasTitle: boolean;
+            hasError: boolean;
+        }) => string;
+        /** Function to generate title classes */
+        title?: (params: {
+            title: string;
+        }) => string;
+        /** Function to generate description classes */
+        description?: (params: {
+            rawError: string;
+        }) => string;
+        /** Function to generate button classes */
+        button?: (params: {
+            isCopied: boolean;
+            disabled: boolean;
+        }) => string;
+        /** Function to generate icon classes */
+        icon?: (params: {
+            isCopied: boolean;
+        }) => string;
+    };
+    /** Custom event handlers */
+    handlers?: {
+        /** Custom click handler wrapper */
+        onClick?: (originalHandler: (event: React.MouseEvent<HTMLButtonElement>) => void, event: React.MouseEvent<HTMLButtonElement>) => void;
+        /** Custom keydown handler wrapper */
+        onKeyDown?: (originalHandler: (event: React.KeyboardEvent<HTMLButtonElement>) => void, event: React.KeyboardEvent<HTMLButtonElement>) => void;
+    };
+};
+interface ToastErrorProps extends Omit<ComponentPropsWithoutRef<'div'>, 'role' | 'aria-live' | 'style'> {
+    /** Error title to display */
+    title: string;
+    /** Raw error message to display and copy */
+    rawError: string;
+    /** Custom CSS classes for the container */
+    className?: string;
+    /** Custom ARIA label for the error container */
+    'aria-label'?: string;
+    /** Callback fired when copy operation completes */
+    onCopyComplete?: (success: boolean) => void;
+    /** Customization options */
+    customization?: ToastErrorCustomization;
+}
+/**
+ * A highly customizable error toast component with copy functionality and extensive styling options.
+ * Provides comprehensive customization for appearance, behavior, and event handling while maintaining accessibility.
+ */
+declare const ToastError: React$1.ForwardRefExoticComponent<ToastErrorProps & React$1.RefAttributes<HTMLDivElement>>;
+
+export { type ToastErrorCustomization as T, type ToastErrorProps as a, ToastError as b, getNetworkIcon as g };