@cookill/wallet-adapter 2.5.4 → 3.0.0

package/README.md

@@ -1,48 +1,28 @@
-# @cookill/wallet-adapter v2.5.0
+# @cookill/wallet-adapter v3.0.0
 
 Official wallet adapter for **Sheep Wallet** on Rialo blockchain.
 
+## 🚀 What's New in v3.0
+
+- **Anti-freeze architecture**: All provider calls wrapped with timeouts
+- **Clean separation**: Core (vanilla JS) vs React layer
+- **Silent auto-connect**: Uses `checkSession()` instead of `connect()` for session restoration
+- **No more hangs**: 20-second timeout on connection, 30-second on operations
+
 ## Installation
 
 ```bash
 npm install @cookill/wallet-adapter
+# or
+pnpm add @cookill/wallet-adapter
+# or
+yarn add @cookill/wallet-adapter
 ```
 
-## ⚠️ IMPORTANT: Vite Configuration
-
-**If you're using Vite**, you MUST add React deduplication to prevent "stuck connection" issues:
-
-```typescript
-// vite.config.ts
-import { defineConfig } from "vite";
-import react from "@vitejs/plugin-react";
-import path from "path";
-
-export default defineConfig({
-  plugins: [react()],
-  resolve: {
-    alias: {
-      "@": path.resolve(__dirname, "./src"),
-    },
-    // CRITICAL: Prevent duplicate React instances
-    dedupe: ["react", "react-dom", "react/jsx-runtime"],
-  },
-  optimizeDeps: {
-    include: ["react", "react-dom"],
-  },
-});
-```
-
-**Without this configuration**, the wallet modal may not open and connections will appear "stuck".
-
-## Quick Start
+## Quick Start (React)
 
 ```tsx
-import {
-  WalletProvider,
-  ConnectButton,
-  WalletErrorBoundary,
-} from '@cookill/wallet-adapter/react';
+import { WalletProvider, ConnectButton, WalletErrorBoundary } from '@cookill/wallet-adapter/react';
 
 function App() {
   return (
@@ -60,22 +40,18 @@ function App() {
 
 ### useWallet
 
-Main hook for wallet state and actions:
-
 ```tsx
 import { useWallet } from '@cookill/wallet-adapter/react';
 
 function MyComponent() {
   const {
     // State
-    connected,           // boolean - is wallet connected
-    connecting,          // boolean - connection in progress
-    accounts,            // WalletAccount[] - all connected accounts
-    activeAccount,       // WalletAccount | null - primary account
-    network,             // 'mainnet' | 'testnet' | 'devnet' | 'localnet'
+    connected,           // boolean
+    connecting,          // boolean
+    activeAccount,       // WalletAccount | null
+    state,               // Full state object
     chainId,             // 'rialo:devnet' etc
-    balance,             // string | null (in kelvins)
-    error,               // Error | null
+    isInstalled,         // boolean
     
     // Actions
     connect,             // () => Promise<WalletAccount[]>
@@ -90,7 +66,6 @@ function MyComponent() {
     signAndSendTransaction, // (tx) => Promise<TransactionResult>
     
     // Modal
-    isModalOpen,
     openModal,
     closeModal,
   } = useWallet();
@@ -100,54 +75,97 @@ function MyComponent() {
       {connected ? (
         <p>Connected: {activeAccount?.address}</p>
       ) : (
-        <button onClick={openModal}>Connect</button>
+        <button onClick={connect}>Connect</button>
       )}
     </div>
   );
 }
 ```
 
-### Convenience Hooks
+### Specialized Hooks
 
 ```tsx
-// Check connection status
+// Connection
+const { connect, connecting, isInstalled, error } = useConnectWallet();
+const { disconnect, connected } = useDisconnectWallet();
 const connected = useIsConnected();
 
-// Get active account
+// Account
 const account = useActiveAccount();
-
-// Get all accounts
 const accounts = useAccounts();
 
-// Balance with formatting
-const { balance, formatted, refresh } = useBalance();
-// formatted: "1,234.5678 RLO"
+// Balance
+const { balance, refresh } = useBalance();
 
-// Network info
-const { network, chainId, config } = useNetwork();
+// Network
+const { network, chainId } = useNetwork();
+const { switchNetwork, network } = useSwitchNetwork();
 
-// Switch network with loading state
-const { switchNetwork, switching, error } = useSwitchNetwork();
+// Transactions
+const { signMessage, connected } = useSignMessage();
+const { sendTransaction, signAndSendTransaction, connected } = useSendTransaction();
+```
 
-// Connect with modal
-const { connect, connecting, isInstalled, error } = useConnectWallet();
+## Vanilla JavaScript
 
-// Disconnect
-const { disconnect, connected } = useDisconnectWallet();
+```typescript
+import { SheepWallet, isInstalled, formatBalance } from '@cookill/wallet-adapter';
+
+// Check if installed
+if (!isInstalled()) {
+  console.log('Please install Sheep Wallet');
+}
+
+// Create wallet instance
+const wallet = new SheepWallet();
+
+// Connect (with built-in timeout)
+try {
+  const accounts = await wallet.connect();
+  console.log('Connected:', accounts[0].address);
+} catch (error) {
+  console.error('Connection failed:', error.message);
+}
+
+// Get balance
+const balance = await wallet.getBalance();
+console.log('Balance:', formatBalance(balance), 'RLO');
+
+// Sign message
+const signed = await wallet.signMessage('Hello!');
+
+// Send transaction
+const tx = await wallet.signAndSendTransaction({
+  to: 'RecipientAddress...',
+  value: '1000000000', // 1 RLO in kelvins
+});
+console.log('TX Hash:', tx.hash);
 
-// Sign message with loading state
-const { sign, signing, signature, error } = useSignMessage();
+// Silent session check (for auto-connect, never triggers approval)
+const existingSession = await wallet.checkSession();
+if (existingSession) {
+  console.log('Session restored:', existingSession[0].address);
+}
+```
+
+## Direct Provider Access
 
-// Send transaction with loading state
-const { send, sending, txHash, error, reset } = useSendTransaction();
+```typescript
+// Access window.rialo directly
+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',
+  });
+}
 ```
 
 ## Components
 
 ### ConnectButton
 
-Pre-styled connect button:
-
 ```tsx
 <ConnectButton
   connectLabel="Connect Wallet"
@@ -155,17 +173,17 @@ Pre-styled connect button:
   showAddress={true}
   showBalance={false}
   className="my-button"
+  style={{ backgroundColor: '#6EB9A8' }}
 />
 ```
 
 ### WalletProvider
 
-Wrap your app to provide wallet context:
-
 ```tsx
 <WalletProvider
-  network="devnet"
-  autoConnect={true}
+  network="devnet"        // 'mainnet' | 'testnet' | 'devnet' | 'localnet'
+  autoConnect={true}      // Restore session silently on mount
+  wallets={[customWallet]} // Additional wallets to show
   onConnect={(accounts) => console.log('Connected', accounts)}
   onDisconnect={() => console.log('Disconnected')}
   onNetworkChange={(network) => console.log('Network:', network)}
@@ -175,71 +193,37 @@ Wrap your app to provide wallet context:
 </WalletProvider>
 ```
 
-### WalletErrorBoundary
-
-Prevents blank screens from uncaught errors:
+### Error Boundary & Loading States
 
 ```tsx
-<WalletErrorBoundary
-  fallback={<div>Something went wrong</div>}
-  onError={(error, errorInfo) => logError(error)}
+import { 
+  WalletErrorBoundary,
+  ApprovalPending,
+  LoadingSpinner,
+  ConnectionStatus,
+} from '@cookill/wallet-adapter/react';
+
+// Error Boundary
+<WalletErrorBoundary 
+  fallback={<CustomError />} 
+  onError={(error, info) => logError(error)}
 >
-  <YourComponent />
+  <WalletProvider>...</WalletProvider>
 </WalletErrorBoundary>
-```
-
-## Vanilla JavaScript (Non-React)
-
-```typescript
-import { RialoWallet, isRialoInstalled, formatBalance } from '@cookill/wallet-adapter';
-
-// Check if extension is installed
-if (!isRialoInstalled()) {
-  console.log('Please install Sheep Wallet');
-  window.open('https://rialo.io/wallet', '_blank');
-}
 
-// Create wallet instance
-const wallet = new RialoWallet();
-
-// 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!');
-console.log('Signature:', signed.signature);
-
-// Send transaction
-const tx = await wallet.signAndSendTransaction({
-  to: 'RecipientAddress...',
-  value: '1000000000', // 1 RLO in kelvins
-});
-console.log('TX Hash:', tx.hash);
-
-// Listen to events
-wallet.on('disconnect', () => {
-  console.log('Wallet disconnected');
-});
-```
-
-## Direct Provider Access
+// Loading states
+<ApprovalPending
+  title="Waiting for Approval"
+  message="Please approve in Sheep Wallet"
+  walletName="Sheep Wallet"
+  onCancel={() => disconnect()}
+/>
 
-Access `window.rialo` directly:
+<LoadingSpinner size="md" color="#6EB9A8" />
 
-```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',
-  });
-}
+<ConnectionStatus status="connecting" />
+<ConnectionStatus status="approving" message="Check your wallet" />
+<ConnectionStatus status="error" onRetry={() => connect()} />
 ```
 
 ## Networks
@@ -254,24 +238,22 @@ if (window.rialo) {
 ## Utilities
 
 ```typescript
-import {
-  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
+import { 
+  formatAddress,      // (address, chars?) => "5YNm...VWr8"
+  formatBalance,      // (kelvins, decimals?) => "1.0000"
+  parseBalance,       // (rlo) => bigint (kelvins)
+  isValidAddress,     // (address) => boolean
+  toChainId,          // (network) => 'rialo:devnet'
+  fromChainId,        // (chainId) => 'devnet'
+  isInstalled,        // () => boolean
+  getProvider,        // () => RialoProvider | undefined
+  waitForProvider,    // (timeout?) => Promise<RialoProvider | undefined>
+  NETWORKS,           // Network configurations
 } from '@cookill/wallet-adapter';
 ```
 
 ## TypeScript
 
-Full TypeScript support with all types exported:
-
 ```typescript
 import type {
   WalletAccount,
@@ -283,42 +265,50 @@ import type {
   WalletInfo,
   RialoProvider,
   RialoNetwork,
-  RialoChain,
+  RialoChainId,
 } from '@cookill/wallet-adapter';
 ```
 
 ## Troubleshooting
 
-### Modal not opening / Connection stuck
+### Connection hangs / freezes
 
-1. **Add Vite dedupe config** (see top of this README)
-2. Clear `node_modules` and reinstall: `rm -rf node_modules && npm install`
-3. Check console for errors
+v3.0 has built-in 20-second timeout. If connection still hangs:
 
-### Extension not detected
+1. Make sure extension is installed and unlocked
+2. Check if popup was blocked by browser
+3. Try refreshing the page
 
-1. Make sure Sheep Wallet extension is installed
-2. Refresh the page after installing
-3. Check if `window.rialo` exists in browser console
+### Auto-connect not working
 
-### Transaction fails
+Auto-connect uses `checkSession()` which only restores **existing** sessions silently.
+It won't trigger the approval popup. User must explicitly call `connect()` first time.
 
-1. Ensure wallet is unlocked
-2. Check you have sufficient balance
-3. Verify recipient address is valid
+### Modal not opening
 
-## Changelog
+The `WalletProvider` renders the modal automatically. If you see issues:
 
-### v2.5.0
-- Fixed bundling to properly externalize React
-- Added WalletErrorBoundary component
-- Added loading states (ApprovalPending, ConnectionStatus)
-- Improved modal with singleton pattern
-- Updated Vite configuration requirements
+```tsx
+// Make sure you're inside WalletProvider
+const { openModal } = useWallet();
+openModal(); // This should work
+```
+
+## Migration from v2.x
 
-### v2.4.x
-- Initial public release
+```diff
+// Imports are the same
+import { WalletProvider, ConnectButton } from '@cookill/wallet-adapter/react';
+
+// Hook usage is the same
+const { connect, connected } = useWallet();
+
+// Main changes:
+// - connect() now has 20s timeout built-in
+// - autoConnect uses checkSession() (silent, never triggers popup)
+// - New SheepWallet class for vanilla JS (replaces RialoWallet)
+```
 
 ## License
 
-MIT
+MIT

package/dist/ErrorBoundary.cjs

@@ -1,127 +1,70 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+'use strict';
 
-// src/ErrorBoundary.tsx
-var ErrorBoundary_exports = {};
-__export(ErrorBoundary_exports, {
-  WalletErrorBoundary: () => WalletErrorBoundary,
-  default: () => ErrorBoundary_default
-});
-module.exports = __toCommonJS(ErrorBoundary_exports);
-var import_react = require("react");
-var import_jsx_runtime = require("react/jsx-runtime");
-var WalletErrorBoundary = class extends import_react.Component {
-  constructor() {
-    super(...arguments);
-    this.state = {
-      hasError: false,
-      error: null
-    };
-    this.handleRetry = () => {
+var react = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+var WalletErrorBoundary = class extends react.Component {
+  constructor(props) {
+    super(props);
+    this.handleReset = () => {
       this.setState({ hasError: false, error: null });
     };
+    this.state = { hasError: false, error: null };
   }
   static getDerivedStateFromError(error) {
     return { hasError: true, error };
   }
   componentDidCatch(error, errorInfo) {
-    console.error("[WalletAdapter] Error caught by boundary:", error, errorInfo);
+    console.error("[WalletErrorBoundary] Caught error:", error, errorInfo);
     this.props.onError?.(error, errorInfo);
   }
   render() {
-    if (this.state.hasError) {
-      if (this.props.fallback) {
-        return this.props.fallback;
+    if (this.state.hasError && this.state.error) {
+      const { fallback } = this.props;
+      if (typeof fallback === "function") {
+        return fallback(this.state.error, this.handleReset);
+      }
+      if (fallback) {
+        return fallback;
       }
-      return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-        "div",
-        {
-          style: {
-            padding: "20px",
-            borderRadius: "12px",
-            border: "1px solid #fee2e2",
-            backgroundColor: "#fef2f2",
-            textAlign: "center"
-          },
-          children: [
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-              "div",
-              {
-                style: {
-                  width: "48px",
-                  height: "48px",
-                  margin: "0 auto 12px",
-                  borderRadius: "50%",
-                  backgroundColor: "#fecaca",
-                  display: "flex",
-                  alignItems: "center",
-                  justifyContent: "center"
-                },
-                children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-                  "svg",
-                  {
-                    width: "24",
-                    height: "24",
-                    viewBox: "0 0 24 24",
-                    fill: "none",
-                    stroke: "#dc2626",
-                    strokeWidth: "2",
-                    strokeLinecap: "round",
-                    strokeLinejoin: "round",
-                    children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "12", cy: "12", r: "10" }),
-                      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "12", y1: "8", x2: "12", y2: "12" }),
-                      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "12", y1: "16", x2: "12.01", y2: "16" })
-                    ]
-                  }
-                )
-              }
-            ),
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h3", { style: { margin: "0 0 8px", fontSize: "16px", fontWeight: 600, color: "#991b1b" }, children: "Wallet Connection Error" }),
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { style: { margin: "0 0 16px", fontSize: "14px", color: "#b91c1c" }, children: this.state.error?.message || "Something went wrong" }),
-            /* @__PURE__ */ (0, import_jsx_runtime.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 /* @__PURE__ */ jsxRuntime.jsxs("div", { style: {
+        padding: "20px",
+        margin: "10px",
+        backgroundColor: "#1a1a2e",
+        border: "1px solid #ef4444",
+        borderRadius: "12px",
+        color: "#ffffff"
+      }, children: [
+        /* @__PURE__ */ jsxRuntime.jsx("h3", { style: { color: "#ef4444", margin: "0 0 12px 0" }, children: "Wallet Connection Error" }),
+        /* @__PURE__ */ jsxRuntime.jsx("p", { style: { color: "#94a3b8", margin: "0 0 16px 0", fontSize: "14px" }, children: this.state.error.message }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            onClick: this.handleReset,
+            style: {
+              padding: "8px 16px",
+              backgroundColor: "#6EB9A8",
+              color: "#011B29",
+              border: "none",
+              borderRadius: "8px",
+              cursor: "pointer",
+              fontWeight: 500
+            },
+            children: "Try Again"
+          }
+        )
+      ] });
     }
     return this.props.children;
   }
 };
-var ErrorBoundary_default = WalletErrorBoundary;
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  WalletErrorBoundary
-});
+function withWalletErrorBoundary(WrappedComponent, fallback) {
+  return function WithErrorBoundary(props) {
+    return /* @__PURE__ */ jsxRuntime.jsx(WalletErrorBoundary, { fallback, children: /* @__PURE__ */ jsxRuntime.jsx(WrappedComponent, { ...props }) });
+  };
+}
+
+exports.WalletErrorBoundary = WalletErrorBoundary;
+exports.withWalletErrorBoundary = withWalletErrorBoundary;
+//# sourceMappingURL=ErrorBoundary.cjs.map
 //# sourceMappingURL=ErrorBoundary.cjs.map

package/dist/ErrorBoundary.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/ErrorBoundary.tsx"],"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"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAKA,mBAAuD;AA4D3C;AA/CL,IAAM,sBAAN,cAAkC,uBAAwB;AAAA,EAA1D;AAAA;AACL,SAAO,QAAe;AAAA,MACpB,UAAU;AAAA,MACV,OAAO;AAAA,IACT;AAWA,SAAQ,cAAc,MAAM;AAC1B,WAAK,SAAS,EAAE,UAAU,OAAO,OAAO,KAAK,CAAC;AAAA,IAChD;AAAA;AAAA,EAXA,OAAc,yBAAyB,OAAqB;AAC1D,WAAO,EAAE,UAAU,MAAM,MAAM;AAAA,EACjC;AAAA,EAEO,kBAAkB,OAAc,WAAsB;AAC3D,YAAQ,MAAM,6CAA6C,OAAO,SAAS;AAC3E,SAAK,MAAM,UAAU,OAAO,SAAS;AAAA,EACvC;AAAA,EAMO,SAAS;AACd,QAAI,KAAK,MAAM,UAAU;AACvB,UAAI,KAAK,MAAM,UAAU;AACvB,eAAO,KAAK,MAAM;AAAA,MACpB;AAEA,aACE;AAAA,QAAC;AAAA;AAAA,UACC,OAAO;AAAA,YACL,SAAS;AAAA,YACT,cAAc;AAAA,YACd,QAAQ;AAAA,YACR,iBAAiB;AAAA,YACjB,WAAW;AAAA,UACb;AAAA,UAEA;AAAA;AAAA,cAAC;AAAA;AAAA,gBACC,OAAO;AAAA,kBACL,OAAO;AAAA,kBACP,QAAQ;AAAA,kBACR,QAAQ;AAAA,kBACR,cAAc;AAAA,kBACd,iBAAiB;AAAA,kBACjB,SAAS;AAAA,kBACT,YAAY;AAAA,kBACZ,gBAAgB;AAAA,gBAClB;AAAA,gBAEA;AAAA,kBAAC;AAAA;AAAA,oBACC,OAAM;AAAA,oBACN,QAAO;AAAA,oBACP,SAAQ;AAAA,oBACR,MAAK;AAAA,oBACL,QAAO;AAAA,oBACP,aAAY;AAAA,oBACZ,eAAc;AAAA,oBACd,gBAAe;AAAA,oBAEf;AAAA,kEAAC,YAAO,IAAG,MAAK,IAAG,MAAK,GAAE,MAAK;AAAA,sBAC/B,4CAAC,UAAK,IAAG,MAAK,IAAG,KAAI,IAAG,MAAK,IAAG,MAAK;AAAA,sBACrC,4CAAC,UAAK,IAAG,MAAK,IAAG,MAAK,IAAG,SAAQ,IAAG,MAAK;AAAA;AAAA;AAAA,gBAC3C;AAAA;AAAA,YACF;AAAA,YACA,4CAAC,QAAG,OAAO,EAAE,QAAQ,WAAW,UAAU,QAAQ,YAAY,KAAK,OAAO,UAAU,GAAG,qCAEvF;AAAA,YACA,4CAAC,OAAE,OAAO,EAAE,QAAQ,YAAY,UAAU,QAAQ,OAAO,UAAU,GAChE,eAAK,MAAM,OAAO,WAAW,wBAChC;AAAA,YACA;AAAA,cAAC;AAAA;AAAA,gBACC,SAAS,KAAK;AAAA,gBACd,OAAO;AAAA,kBACL,SAAS;AAAA,kBACT,cAAc;AAAA,kBACd,QAAQ;AAAA,kBACR,iBAAiB;AAAA,kBACjB,OAAO;AAAA,kBACP,QAAQ;AAAA,kBACR,UAAU;AAAA,kBACV,YAAY;AAAA,gBACd;AAAA,gBACD;AAAA;AAAA,YAED;AAAA;AAAA;AAAA,MACF;AAAA,IAEJ;AAEA,WAAO,KAAK,MAAM;AAAA,EACpB;AACF;AAEA,IAAO,wBAAQ;","names":[]}
+{"version":3,"sources":["../src/react/ErrorBoundary.tsx"],"names":["Component","jsxs","jsx"],"mappings":";;;;;AAkBO,IAAM,mBAAA,GAAN,cAAkCA,eAAA,CAA2C;AAAA,EAClF,YAAY,KAAA,EAAiC;AAC3C,IAAA,KAAA,CAAM,KAAK,CAAA;AAab,IAAA,IAAA,CAAA,WAAA,GAAc,MAAY;AACxB,MAAA,IAAA,CAAK,SAAS,EAAE,QAAA,EAAU,KAAA,EAAO,KAAA,EAAO,MAAM,CAAA;AAAA,IAChD,CAAA;AAdE,IAAA,IAAA,CAAK,KAAA,GAAQ,EAAE,QAAA,EAAU,KAAA,EAAO,OAAO,IAAA,EAAK;AAAA,EAC9C;AAAA,EAEA,OAAO,yBAAyB,KAAA,EAAqB;AACnD,IAAA,OAAO,EAAE,QAAA,EAAU,IAAA,EAAM,KAAA,EAAM;AAAA,EACjC;AAAA,EAEA,iBAAA,CAAkB,OAAc,SAAA,EAA4B;AAC1D,IAAA,OAAA,CAAQ,KAAA,CAAM,qCAAA,EAAuC,KAAA,EAAO,SAAS,CAAA;AACrE,IAAA,IAAA,CAAK,KAAA,CAAM,OAAA,GAAU,KAAA,EAAO,SAAS,CAAA;AAAA,EACvC;AAAA,EAMA,MAAA,GAAoB;AAClB,IAAA,IAAI,IAAA,CAAK,KAAA,CAAM,QAAA,IAAY,IAAA,CAAK,MAAM,KAAA,EAAO;AAC3C,MAAA,MAAM,EAAE,QAAA,EAAS,GAAI,IAAA,CAAK,KAAA;AAE1B,MAAA,IAAI,OAAO,aAAa,UAAA,EAAY;AAClC,QAAA,OAAO,QAAA,CAAS,IAAA,CAAK,KAAA,CAAM,KAAA,EAAO,KAAK,WAAW,CAAA;AAAA,MACpD;AAEA,MAAA,IAAI,QAAA,EAAU;AACZ,QAAA,OAAO,QAAA;AAAA,MACT;AAEA,MAAA,uBACEC,eAAA,CAAC,SAAI,KAAA,EAAO;AAAA,QACV,OAAA,EAAS,MAAA;AAAA,QACT,MAAA,EAAQ,MAAA;AAAA,QACR,eAAA,EAAiB,SAAA;AAAA,QACjB,MAAA,EAAQ,mBAAA;AAAA,QACR,YAAA,EAAc,MAAA;AAAA,QACd,KAAA,EAAO;AAAA,OACT,EACE,QAAA,EAAA;AAAA,wBAAAC,cAAA,CAAC,IAAA,EAAA,EAAG,OAAO,EAAE,KAAA,EAAO,WAAW,MAAA,EAAQ,YAAA,IAAgB,QAAA,EAAA,yBAAA,EAEvD,CAAA;AAAA,wBACAA,cAAA,CAAC,GAAA,EAAA,EAAE,KAAA,EAAO,EAAE,OAAO,SAAA,EAAW,MAAA,EAAQ,YAAA,EAAc,QAAA,EAAU,MAAA,EAAO,EAClE,QAAA,EAAA,IAAA,CAAK,KAAA,CAAM,MAAM,OAAA,EACpB,CAAA;AAAA,wBACAA,cAAA;AAAA,UAAC,QAAA;AAAA,UAAA;AAAA,YACC,SAAS,IAAA,CAAK,WAAA;AAAA,YACd,KAAA,EAAO;AAAA,cACL,OAAA,EAAS,UAAA;AAAA,cACT,eAAA,EAAiB,SAAA;AAAA,cACjB,KAAA,EAAO,SAAA;AAAA,cACP,MAAA,EAAQ,MAAA;AAAA,cACR,YAAA,EAAc,KAAA;AAAA,cACd,MAAA,EAAQ,SAAA;AAAA,cACR,UAAA,EAAY;AAAA,aACd;AAAA,YACD,QAAA,EAAA;AAAA;AAAA;AAED,OAAA,EACF,CAAA;AAAA,IAEJ;AAEA,IAAA,OAAO,KAAK,KAAA,CAAM,QAAA;AAAA,EACpB;AACF;AAKO,SAAS,uBAAA,CACd,kBACA,QAAA,EACA;AACA,EAAA,OAAO,SAAS,kBAAkB,KAAA,EAAU;AAC1C,IAAA,sCACG,mBAAA,EAAA,EAAoB,QAAA,EACnB,yCAAC,gBAAA,EAAA,EAAkB,GAAG,OAAO,CAAA,EAC/B,CAAA;AAAA,EAEJ,CAAA;AACF","file":"ErrorBoundary.cjs","sourcesContent":["/**\n * @cookill/wallet-adapter/react v3.0.0\n * Error Boundary for wallet integration\n */\n\nimport React, { Component, type ReactNode, type ErrorInfo } from 'react';\n\nexport interface WalletErrorBoundaryProps {\n  children: ReactNode;\n  fallback?: ReactNode | ((error: Error, reset: () => void) => 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<WalletErrorBoundaryProps, State> {\n  constructor(props: WalletErrorBoundaryProps) {\n    super(props);\n    this.state = { hasError: false, error: null };\n  }\n\n  static getDerivedStateFromError(error: Error): State {\n    return { hasError: true, error };\n  }\n\n  componentDidCatch(error: Error, errorInfo: ErrorInfo): void {\n    console.error('[WalletErrorBoundary] Caught error:', error, errorInfo);\n    this.props.onError?.(error, errorInfo);\n  }\n\n  handleReset = (): void => {\n    this.setState({ hasError: false, error: null });\n  };\n\n  render(): ReactNode {\n    if (this.state.hasError && this.state.error) {\n      const { fallback } = this.props;\n      \n      if (typeof fallback === 'function') {\n        return fallback(this.state.error, this.handleReset);\n      }\n      \n      if (fallback) {\n        return fallback;\n      }\n\n      return (\n        <div style={{\n          padding: '20px',\n          margin: '10px',\n          backgroundColor: '#1a1a2e',\n          border: '1px solid #ef4444',\n          borderRadius: '12px',\n          color: '#ffffff',\n        }}>\n          <h3 style={{ color: '#ef4444', margin: '0 0 12px 0' }}>\n            Wallet Connection Error\n          </h3>\n          <p style={{ color: '#94a3b8', margin: '0 0 16px 0', fontSize: '14px' }}>\n            {this.state.error.message}\n          </p>\n          <button\n            onClick={this.handleReset}\n            style={{\n              padding: '8px 16px',\n              backgroundColor: '#6EB9A8',\n              color: '#011B29',\n              border: 'none',\n              borderRadius: '8px',\n              cursor: 'pointer',\n              fontWeight: 500,\n            }}\n          >\n            Try Again\n          </button>\n        </div>\n      );\n    }\n\n    return this.props.children;\n  }\n}\n\n/**\n * HOC to wrap components with error boundary\n */\nexport function withWalletErrorBoundary<P extends object>(\n  WrappedComponent: React.ComponentType<P>,\n  fallback?: WalletErrorBoundaryProps['fallback']\n) {\n  return function WithErrorBoundary(props: P) {\n    return (\n      <WalletErrorBoundary fallback={fallback}>\n        <WrappedComponent {...props} />\n      </WalletErrorBoundary>\n    );\n  };\n}\n\nexport default WalletErrorBoundary;\n"]}