@cookill/wallet-adapter 2.4.0 → 2.4.1

package/README.md

@@ -1,146 +1,62 @@
-# @cookill/wallet-adapter
+# @cookill/wallet-adapter v2.4.0
 
-Official wallet adapter for **Sheep Wallet** on Rialo blockchain. Provides React hooks, components, and utilities for seamless dApp integration.
-
-## Version 2.3.0
-
-- Full TypeScript support
-- React hooks and components
-- Wallet Standard support
-- EIP-6963 compatibility
-- Auto-connect support
-- Multi-network support (Mainnet, Testnet, Devnet, Localnet)
+Official wallet adapter for **Sheep Wallet** on Rialo blockchain.
 
 ## Installation
 
 ```bash
 npm install @cookill/wallet-adapter
-# or
-yarn add @cookill/wallet-adapter
-# or
-bun add @cookill/wallet-adapter
 ```
 
 ## Quick Start
 
-### React (Recommended)
-
 ```tsx
-import { WalletProvider, ConnectButton, WalletModal, useWallet } from '@cookill/wallet-adapter/react';
+import { 
+  WalletProvider, 
+  WalletModal, 
+  ConnectButton,
+  WalletErrorBoundary,
+} from '@cookill/wallet-adapter/react';
 
 function App() {
   return (
-    <WalletProvider network="devnet" autoConnect>
-      <ConnectButton />
-      <WalletModal />
-      <YourDApp />
-    </WalletProvider>
-  );
-}
-
-function YourDApp() {
-  const { connected, activeAccount, signMessage, sendTransaction } = useWallet();
-
-  const handleSign = async () => {
-    const result = await signMessage('Hello Rialo!');
-    console.log('Signature:', result.signature);
-  };
-
-  const handleSend = async () => {
-    const result = await sendTransaction({
-      to: 'RecipientBase58Address...', // Base58 address
-      value: '1000000000', // 1 dRLO in kelvins
-    });
-    console.log('TX Hash:', result.hash);
-  };
-
-  if (!connected) return <p>Please connect your wallet</p>;
-
-  return (
-    <div>
-      <p>Connected: {activeAccount?.address}</p>
-      <button onClick={handleSign}>Sign Message</button>
-      <button onClick={handleSend}>Send 1 RLO</button>
-    </div>
+    <WalletErrorBoundary>
+      <WalletProvider network="devnet" autoConnect>
+        <ConnectButton />
+        <WalletModal />
+        <YourDApp />
+      </WalletProvider>
+    </WalletErrorBoundary>
   );
 }
 ```
 
-### Vanilla JavaScript
-
-```typescript
-import { RialoWallet, isRialoInstalled, formatBalance } from '@cookill/wallet-adapter';
-
-const wallet = new RialoWallet();
-
-// Check if installed
-if (!isRialoInstalled()) {
-  console.log('Please install Sheep Wallet from https://rialo.io/wallet');
-}
-
-// Connect
-const accounts = await wallet.connect();
-console.log('Connected:', accounts[0].address);
-
-// Get balance
-const balance = await wallet.getBalance();
-console.log('Balance:', formatBalance(balance), 'RLO');
-
-// Sign message
-const signed = await wallet.signMessage('Hello Rialo!');
-console.log('Signature:', signed.signature);
-
-// Send transaction
-const tx = await wallet.signAndSendTransaction({
-  to: 'RecipientBase58Address...', // Base58 address
-  value: '1000000000', // 1 RLO
-});
-console.log('TX Hash:', tx.hash);
-```
-
-### Direct Provider Access
-
-```typescript
-// Access the injected provider directly
-if (window.rialo) {
-  const accounts = await window.rialo.connect();
-  const balance = await window.rialo.getBalance();
-  
-  const tx = await window.rialo.signAndSendTransaction({
-    to: 'RecipientBase58Address...',
-    value: '1000000000',
-  });
-}
-```
-
 ## React Hooks
 
 ### useWallet
 
-Main hook with all functionality:
-
 ```tsx
 const {
   // State
-  connected,        // boolean - connection status
-  connecting,       // boolean - connection in progress
-  accounts,         // WalletAccount[] - all accounts
-  activeAccount,    // WalletAccount | null - current account
-  network,          // 'mainnet' | 'testnet' | 'devnet' | 'localnet'
-  chainId,          // 'rialo:devnet' etc
-  balance,          // string | null - balance in kelvins
-  error,            // Error | null - last error
+  connected,           // boolean
+  connecting,          // boolean
+  accounts,            // WalletAccount[]
+  activeAccount,       // WalletAccount | null
+  network,             // 'mainnet' | 'testnet' | 'devnet' | 'localnet'
+  chainId,             // 'rialo:devnet' etc
+  balance,             // string | null (in kelvins)
+  error,               // Error | null
   
   // Actions
-  connect,          // () => Promise<WalletAccount[]>
-  disconnect,       // () => Promise<void>
-  switchNetwork,    // (network) => Promise<void>
-  refreshBalance,   // () => Promise<void>
+  connect,             // () => Promise<WalletAccount[]>
+  disconnect,          // () => Promise<void>
+  switchNetwork,       // (network) => Promise<void>
+  refreshBalance,      // () => Promise<void>
   
   // Transactions
-  signMessage,      // (message: string) => Promise<SignedMessage>
-  signTransaction,  // (tx) => Promise<string>
-  sendTransaction,  // (tx) => Promise<TransactionResult>
+  signMessage,         // (message: string) => Promise<SignedMessage>
+  signTransaction,     // (tx) => Promise<string>
+  sendTransaction,     // (tx) => Promise<TransactionResult>
   signAndSendTransaction, // (tx) => Promise<TransactionResult>
   
   // Modal
@@ -150,43 +66,33 @@ const {
 } = useWallet();
 ```
 
-### Specialized Hooks
+### useConnectWallet
 
 ```tsx
-// Connection status
-const connected = useIsConnected();
+const { 
+  connect,       // Opens modal (recommended)
+  connectDirect, // Calls provider directly
+  connecting, 
+  isInstalled, 
+  error,
+  openModal,
+} = useConnectWallet();
 
-// Active account
-const account = useActiveAccount();
+<button onClick={connect}>Connect Wallet</button>
+```
 
-// All accounts
-const accounts = useAccounts();
+### Other Hooks
 
-// Balance with auto-refresh
+```tsx
+const connected = useIsConnected();
+const account = useActiveAccount();
+const accounts = useAccounts();
 const { balance, formatted, refresh } = useBalance();
-
-// Network info
 const { network, chainId, config } = useNetwork();
-
-// Chain ID only
-const chainId = useChainId();
-
-// Switch network with loading state
 const { switchNetwork, switching, error, currentNetwork } = useSwitchNetwork();
-
-// Connect with loading state
-const { connect, connecting, isInstalled, error } = useConnectWallet();
-
-// Disconnect
 const { disconnect, connected } = useDisconnectWallet();
-
-// Sign message with state
 const { sign, signing, signature, error, address } = useSignMessage();
-
-// Sign transaction with state
 const { sign, signing, signature, error } = useSignTransaction();
-
-// Send transaction with state
 const { send, sending, txHash, error, reset } = useSendTransaction();
 ```
 
@@ -196,83 +102,105 @@ const { send, sending, txHash, error, reset } = useSendTransaction();
 
 ```tsx
 <ConnectButton
-  connectLabel="Connect Wallet"     // Button text when disconnected
-  disconnectLabel="Disconnect"      // Hover text when connected
-  showAddress={true}                // Show address when connected
-  showBalance={false}               // Show balance when connected
-  className="my-button"             // Custom class
-  style={{ ... }}                   // Custom styles
+  connectLabel="Connect Wallet"
+  disconnectLabel="Disconnect"
+  showAddress={true}
+  showBalance={false}
+  className="my-button"
 />
 ```
 
 ### WalletModal
 
 ```tsx
-<WalletModal
-  title="Select Wallet"   // Modal title
-  className="my-modal"    // Custom class
-/>
+<WalletModal title="Select Wallet" className="my-modal" />
 ```
 
 ### WalletProvider
 
 ```tsx
 <WalletProvider
-  network="devnet"          // Default network
-  autoConnect={true}        // Auto-connect on mount
-  wallets={[customWallet]}  // Additional wallets
+  network="devnet"
+  autoConnect={true}
+  wallets={[customWallet]}
   onConnect={(accounts) => console.log('Connected', accounts)}
   onDisconnect={() => console.log('Disconnected')}
-  onNetworkChange={(network) => console.log('Network changed', network)}
+  onNetworkChange={(network) => console.log('Network:', network)}
   onError={(error) => console.error(error)}
 >
   {children}
 </WalletProvider>
 ```
 
-## Wallet Standard
-
-For advanced integrations using the Wallet Standard:
+### Error Boundary & Loading States
 
-```typescript
+```tsx
 import { 
-  RialoWalletStandard,
-  registerRialoWallet,
-  getRialoWallet,
-  RIALO_SIGN_MESSAGE,
-  RIALO_SIGN_TRANSACTION,
-  RIALO_SIGN_AND_SEND_TRANSACTION,
-} from '@cookill/wallet-adapter/standard';
-
-// Get registered wallet
-const wallet = getRialoWallet();
-
-if (wallet) {
-  // Connect
-  const { accounts } = await wallet.features['standard:connect'].connect();
-  
-  // Sign message
-  const message = new TextEncoder().encode('Hello Rialo!');
-  const { signature } = await wallet.features[RIALO_SIGN_MESSAGE].signMessage({
-    account: accounts[0],
-    message,
-  });
-  
-  // Listen for changes
-  const unsubscribe = wallet.features['standard:events'].on('change', (data) => {
-    console.log('Wallet changed:', data);
-  });
-}
+  WalletErrorBoundary,
+  SafeWalletProvider,
+  ApprovalPending,
+  LoadingSpinner,
+  ConnectionStatus,
+} from '@cookill/wallet-adapter/react';
+
+// Option 1: Error Boundary wrapper
+<WalletErrorBoundary fallback={<CustomError />} onError={logError}>
+  <WalletProvider>...</WalletProvider>
+</WalletErrorBoundary>
+
+// Option 2: SafeWalletProvider (includes boundary)
+<SafeWalletProvider network="devnet" errorFallback={<CustomError />}>
+  ...
+</SafeWalletProvider>
+
+// Loading states
+<ApprovalPending
+  title="Waiting for Approval"
+  message="Please approve in Sheep Wallet"
+  walletName="Sheep Wallet"
+  onCancel={() => disconnect()}
+/>
+
+<LoadingSpinner size="md" color="#6EB9A8" />
+
+<ConnectionStatus status="connecting" />
+<ConnectionStatus status="approving" message="Check your wallet" />
+<ConnectionStatus status="signing" />
+<ConnectionStatus status="success" />
+<ConnectionStatus status="error" onRetry={() => connect()} />
 ```
 
-## Address Format
+## Vanilla JavaScript
+
+```typescript
+import { RialoWallet, isRialoInstalled, formatBalance } from '@cookill/wallet-adapter';
+
+const wallet = new RialoWallet();
 
-Rialo uses **base58** encoded addresses (32-50 characters). Examples:
+if (!isRialoInstalled()) {
+  console.log('Please install Sheep Wallet');
+}
 
+const accounts = await wallet.connect();
+const balance = await wallet.getBalance();
+const signed = await wallet.signMessage('Hello!');
+const tx = await wallet.signAndSendTransaction({
+  to: 'RecipientAddress...',
+  value: '1000000000', // 1 RLO in kelvins
+});
 ```
-✅ Valid:   5YNmS1R9nNSCDzb5a7mMJ1dwK9uHeAAF4CmPEwKgVWr8
-✅ Valid:   9xQeWvG816bUx9EPjHmaT23yvVM2ZWbrrpZb9PusVFin
-❌ Invalid: rialo1abc123...  (old format, no longer used)
+
+## Direct Provider Access
+
+```typescript
+if (window.rialo) {
+  const accounts = await window.rialo.connect();
+  const balance = await window.rialo.getBalance();
+  const tx = await window.rialo.signAndSendTransaction({
+    to: 'RecipientAddress...',
+    value: '1000000000',
+  });
+}
 ```
 
 ## Networks
@@ -284,27 +212,25 @@ Rialo uses **base58** encoded addresses (32-50 characters). Examples:
 | Devnet   | rialo:devnet    | https://devnet.rialo.io:4101    | dRLO   |
 | Localnet | rialo:localnet  | http://localhost:4101           | lRLO   |
 
-## Utility Functions
+## Utilities
 
 ```typescript
 import { 
-  formatAddress,    // (address, chars?) => "5YNmS...VWr8"
-  formatBalance,    // (kelvins, decimals?) => "1.0000"
-  parseBalance,     // (rlo) => bigint (kelvins)
-  isValidAddress,   // (address) => boolean (base58 validation)
-  toChainId,        // (network) => 'rialo:devnet'
-  fromChainId,      // (chainId) => 'devnet'
-  isRialoInstalled, // () => boolean
-  getRialoProvider, // () => RialoProvider | undefined
-  waitForRialoProvider, // (timeout?) => Promise<RialoProvider | undefined>
-  NETWORKS,         // Network configurations
+  formatAddress,      // (address, chars?) => "5YNm...VWr8"
+  formatBalance,      // (kelvins, decimals?) => "1.0000"
+  parseBalance,       // (rlo) => bigint (kelvins)
+  isValidAddress,     // (address) => boolean
+  toChainId,          // (network) => 'rialo:devnet'
+  fromChainId,        // (chainId) => 'devnet'
+  isRialoInstalled,   // () => boolean
+  getRialoProvider,   // () => RialoProvider | undefined
+  waitForRialoProvider, // (timeout?) => Promise<RialoProvider>
+  NETWORKS,           // Network configurations
 } from '@cookill/wallet-adapter';
 ```
 
 ## TypeScript
 
-Full TypeScript support included:
-
 ```typescript
 import type {
   WalletAccount,
@@ -317,77 +243,9 @@ import type {
   RialoProvider,
   RialoNetwork,
   RialoChain,
-  WalletEvent,
 } from '@cookill/wallet-adapter';
 ```
 
-## Building a Compatible Wallet
-
-To make your wallet compatible with this adapter, inject a provider at `window.rialo`:
-
-```typescript
-window.rialo = {
-  isRialo: true,
-  isSheepWallet: true, // Identify as Sheep Wallet
-  name: 'Sheep Wallet',
-  walletName: 'Sheep Wallet',
-  version: '2.3.0',
-  
-  // Connection
-  connect: async () => [{ address: '5YNmS1R9...', publicKey: '5YNmS1R9...' }],
-  disconnect: async () => {},
-  isConnected: async () => true,
-  getAccounts: async () => [{ address: '5YNmS1R9...' }],
-  
-  // Transactions
-  signTransaction: async (tx) => ({ signature: '...', signedTransaction: '...' }),
-  sendTransaction: async (tx) => ({ hash: '...', status: 'pending' }),
-  signAndSendTransaction: async (tx) => ({ hash: '...', status: 'pending' }),
-  
-  // Message signing
-  signMessage: async (message) => ({ 
-    signature: '...', 
-    message, 
-    address: '5YNmS1R9...' 
-  }),
-  
-  // Network
-  getNetwork: async () => 'devnet',
-  switchNetwork: async (network) => ({ success: true }),
-  getChainId: async () => 'rialo:devnet',
-  getBalance: async (address) => ({ 
-    balance: '1.0', 
-    balanceKelvins: '1000000000',
-    formatted: '1.0000 RLO'
-  }),
-  
-  // Events
-  on: (event, callback) => () => {},
-  off: (event, callback) => {},
-  removeListener: (event, callback) => {},
-  removeAllListeners: (event) => {},
-  
-  // Utilities (optional)
-  utils: {
-    isValidAddress: (address) => /^[1-9A-HJ-NP-Za-km-z]{32,50}$/.test(address),
-    formatAddress: (address, chars = 4) => `${address.slice(0, chars)}...${address.slice(-chars)}`,
-  },
-  
-  // Wallet Standard features (optional)
-  features: ['standard:connect', 'standard:disconnect', 'rialo:signTransaction', ...],
-  supportsFeature: (feature) => true,
-};
-```
-
-## Publishing to NPM
-
-```bash
-cd packages/wallet-adapter
-npm install
-npm run build
-npm publish --access public
-```
-
 ## License
 
-MIT © CookilLabs
+MIT

package/dist/ErrorBoundary.cjs

@@ -0,0 +1,107 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var react = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+// src/ErrorBoundary.tsx
+var WalletErrorBoundary = class extends react.Component {
+  constructor() {
+    super(...arguments);
+    this.state = {
+      hasError: false,
+      error: null
+    };
+    this.handleRetry = () => {
+      this.setState({ hasError: false, error: null });
+    };
+  }
+  static getDerivedStateFromError(error) {
+    return { hasError: true, error };
+  }
+  componentDidCatch(error, errorInfo) {
+    console.error("[WalletAdapter] Error caught by boundary:", error, errorInfo);
+    this.props.onError?.(error, errorInfo);
+  }
+  render() {
+    if (this.state.hasError) {
+      if (this.props.fallback) {
+        return this.props.fallback;
+      }
+      return /* @__PURE__ */ jsxRuntime.jsxs(
+        "div",
+        {
+          style: {
+            padding: "20px",
+            borderRadius: "12px",
+            border: "1px solid #fee2e2",
+            backgroundColor: "#fef2f2",
+            textAlign: "center"
+          },
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "div",
+              {
+                style: {
+                  width: "48px",
+                  height: "48px",
+                  margin: "0 auto 12px",
+                  borderRadius: "50%",
+                  backgroundColor: "#fecaca",
+                  display: "flex",
+                  alignItems: "center",
+                  justifyContent: "center"
+                },
+                children: /* @__PURE__ */ jsxRuntime.jsxs(
+                  "svg",
+                  {
+                    width: "24",
+                    height: "24",
+                    viewBox: "0 0 24 24",
+                    fill: "none",
+                    stroke: "#dc2626",
+                    strokeWidth: "2",
+                    strokeLinecap: "round",
+                    strokeLinejoin: "round",
+                    children: [
+                      /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "10" }),
+                      /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "12", y1: "8", x2: "12", y2: "12" }),
+                      /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "12", y1: "16", x2: "12.01", y2: "16" })
+                    ]
+                  }
+                )
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx("h3", { style: { margin: "0 0 8px", fontSize: "16px", fontWeight: 600, color: "#991b1b" }, children: "Wallet Connection Error" }),
+            /* @__PURE__ */ jsxRuntime.jsx("p", { style: { margin: "0 0 16px", fontSize: "14px", color: "#b91c1c" }, children: this.state.error?.message || "Something went wrong" }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "button",
+              {
+                onClick: this.handleRetry,
+                style: {
+                  padding: "8px 16px",
+                  borderRadius: "8px",
+                  border: "none",
+                  backgroundColor: "#dc2626",
+                  color: "white",
+                  cursor: "pointer",
+                  fontSize: "14px",
+                  fontWeight: 500
+                },
+                children: "Try Again"
+              }
+            )
+          ]
+        }
+      );
+    }
+    return this.props.children;
+  }
+};
+var ErrorBoundary_default = WalletErrorBoundary;
+
+exports.WalletErrorBoundary = WalletErrorBoundary;
+exports.default = ErrorBoundary_default;
+//# sourceMappingURL=ErrorBoundary.cjs.map
+//# sourceMappingURL=ErrorBoundary.cjs.map

package/dist/ErrorBoundary.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ErrorBoundary.tsx"],"names":["Component","jsxs","jsx"],"mappings":"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","file":"ErrorBoundary.cjs","sourcesContent":["/**\n * @cookill/wallet-adapter - Error Boundary\n * Prevents blank screens from uncaught errors\n */\n\nimport React, { Component, ErrorInfo, ReactNode } from 'react';\n\ninterface Props {\n  children: ReactNode;\n  fallback?: ReactNode;\n  onError?: (error: Error, errorInfo: ErrorInfo) => void;\n}\n\ninterface State {\n  hasError: boolean;\n  error: Error | null;\n}\n\nexport class WalletErrorBoundary extends Component<Props, State> {\n  public state: State = {\n    hasError: false,\n    error: null,\n  };\n\n  public static getDerivedStateFromError(error: Error): State {\n    return { hasError: true, error };\n  }\n\n  public componentDidCatch(error: Error, errorInfo: ErrorInfo) {\n    console.error('[WalletAdapter] Error caught by boundary:', error, errorInfo);\n    this.props.onError?.(error, errorInfo);\n  }\n\n  private handleRetry = () => {\n    this.setState({ hasError: false, error: null });\n  };\n\n  public render() {\n    if (this.state.hasError) {\n      if (this.props.fallback) {\n        return this.props.fallback;\n      }\n\n      return (\n        <div\n          style={{\n            padding: '20px',\n            borderRadius: '12px',\n            border: '1px solid #fee2e2',\n            backgroundColor: '#fef2f2',\n            textAlign: 'center',\n          }}\n        >\n          <div\n            style={{\n              width: '48px',\n              height: '48px',\n              margin: '0 auto 12px',\n              borderRadius: '50%',\n              backgroundColor: '#fecaca',\n              display: 'flex',\n              alignItems: 'center',\n              justifyContent: 'center',\n            }}\n          >\n            <svg\n              width=\"24\"\n              height=\"24\"\n              viewBox=\"0 0 24 24\"\n              fill=\"none\"\n              stroke=\"#dc2626\"\n              strokeWidth=\"2\"\n              strokeLinecap=\"round\"\n              strokeLinejoin=\"round\"\n            >\n              <circle cx=\"12\" cy=\"12\" r=\"10\" />\n              <line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"12\" />\n              <line x1=\"12\" y1=\"16\" x2=\"12.01\" y2=\"16\" />\n            </svg>\n          </div>\n          <h3 style={{ margin: '0 0 8px', fontSize: '16px', fontWeight: 600, color: '#991b1b' }}>\n            Wallet Connection Error\n          </h3>\n          <p style={{ margin: '0 0 16px', fontSize: '14px', color: '#b91c1c' }}>\n            {this.state.error?.message || 'Something went wrong'}\n          </p>\n          <button\n            onClick={this.handleRetry}\n            style={{\n              padding: '8px 16px',\n              borderRadius: '8px',\n              border: 'none',\n              backgroundColor: '#dc2626',\n              color: 'white',\n              cursor: 'pointer',\n              fontSize: '14px',\n              fontWeight: 500,\n            }}\n          >\n            Try Again\n          </button>\n        </div>\n      );\n    }\n\n    return this.props.children;\n  }\n}\n\nexport default WalletErrorBoundary;\n"]}

package/dist/ErrorBoundary.d.cts

@@ -0,0 +1,21 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import React, { Component, ReactNode, ErrorInfo } from 'react';
+
+interface Props {
+    children: ReactNode;
+    fallback?: ReactNode;
+    onError?: (error: Error, errorInfo: ErrorInfo) => void;
+}
+interface State {
+    hasError: boolean;
+    error: Error | null;
+}
+declare class WalletErrorBoundary extends Component<Props, State> {
+    state: State;
+    static getDerivedStateFromError(error: Error): State;
+    componentDidCatch(error: Error, errorInfo: ErrorInfo): void;
+    private handleRetry;
+    render(): string | number | boolean | Iterable<React.ReactNode> | react_jsx_runtime.JSX.Element | null | undefined;
+}
+
+export { WalletErrorBoundary, WalletErrorBoundary as default };

package/dist/ErrorBoundary.d.ts

@@ -0,0 +1,21 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import React, { Component, ReactNode, ErrorInfo } from 'react';
+
+interface Props {
+    children: ReactNode;
+    fallback?: ReactNode;
+    onError?: (error: Error, errorInfo: ErrorInfo) => void;
+}
+interface State {
+    hasError: boolean;
+    error: Error | null;
+}
+declare class WalletErrorBoundary extends Component<Props, State> {
+    state: State;
+    static getDerivedStateFromError(error: Error): State;
+    componentDidCatch(error: Error, errorInfo: ErrorInfo): void;
+    private handleRetry;
+    render(): string | number | boolean | Iterable<React.ReactNode> | react_jsx_runtime.JSX.Element | null | undefined;
+}
+
+export { WalletErrorBoundary, WalletErrorBoundary as default };