@cookill/wallet-adapter 2.5.1 → 2.5.3

package/README.md

@@ -1,4 +1,4 @@
-# @cookill/wallet-adapter v2.5.0
+# @cookill/wallet-adapter v2.4.0
 
 Official wallet adapter for **Sheep Wallet** on Rialo blockchain.
 
@@ -8,33 +8,6 @@ Official wallet adapter for **Sheep Wallet** on Rialo blockchain.
 npm install @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
 
 ```tsx
@@ -47,6 +20,7 @@ import {
 function App() {
   return (
     <WalletErrorBoundary>
+      {/* WalletProvider will render a default WalletModal automatically */}
       <WalletProvider network="devnet" autoConnect>
         <ConnectButton />
         <YourDApp />
@@ -56,89 +30,76 @@ function App() {
 }
 ```
 
+## Troubleshooting (Connect stuck)
+
+If clicking **Connect** does nothing or feels "stuck":
+
+- Make sure your dApp is wrapped in `<WalletProvider>` (and ideally `<WalletErrorBoundary>`).
+- Prefer `useConnectWallet().connect` (opens the modal) instead of `connectDirect`.
+- The modal is rendered automatically by `WalletProvider`.
+
 ## React Hooks
 
 ### 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'
-    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>
-    
-    // Transactions
-    signMessage,         // (message: string) => Promise<SignedMessage>
-    signTransaction,     // (tx) => Promise<string>
-    sendTransaction,     // (tx) => Promise<TransactionResult>
-    signAndSendTransaction, // (tx) => Promise<TransactionResult>
-    
-    // Modal
-    isModalOpen,
-    openModal,
-    closeModal,
-  } = useWallet();
+const {
+  // State
+  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>
+  
+  // Transactions
+  signMessage,         // (message: string) => Promise<SignedMessage>
+  signTransaction,     // (tx) => Promise<string>
+  sendTransaction,     // (tx) => Promise<TransactionResult>
+  signAndSendTransaction, // (tx) => Promise<TransactionResult>
+  
+  // Modal
+  isModalOpen,
+  openModal,
+  closeModal,
+} = useWallet();
+```
 
-  return (
-    <div>
-      {connected ? (
-        <p>Connected: {activeAccount?.address}</p>
-      ) : (
-        <button onClick={openModal}>Connect</button>
-      )}
-    </div>
-  );
-}
+### useConnectWallet
+
+```tsx
+const { 
+  connect,       // Opens modal (recommended)
+  connectDirect, // Calls provider directly
+  connecting, 
+  isInstalled, 
+  error,
+  openModal,
+} = useConnectWallet();
+
+<button onClick={connect}>Connect Wallet</button>
 ```
 
-### Convenience Hooks
+### Other Hooks
 
 ```tsx
-// Check connection status
 const connected = useIsConnected();
-
-// Get active account
 const account = useActiveAccount();
-
-// Get all accounts
 const accounts = useAccounts();
-
-// Balance with formatting
 const { balance, formatted, refresh } = useBalance();
-// formatted: "1,234.5678 RLO"
-
-// Network info
 const { network, chainId, config } = useNetwork();
-
-// Switch network with loading state
-const { switchNetwork, switching, error } = useSwitchNetwork();
-
-// Connect with modal
-const { connect, connecting, isInstalled, error } = useConnectWallet();
-
-// Disconnect
+const { switchNetwork, switching, error, currentNetwork } = useSwitchNetwork();
 const { disconnect, connected } = useDisconnectWallet();
-
-// Sign message with loading state
-const { sign, signing, signature, error } = useSignMessage();
-
-// Send transaction with loading state
+const { sign, signing, signature, error, address } = useSignMessage();
+const { sign, signing, signature, error } = useSignTransaction();
 const { send, sending, txHash, error, reset } = useSendTransaction();
 ```
 
@@ -146,8 +107,6 @@ const { send, sending, txHash, error, reset } = useSendTransaction();
 
 ### ConnectButton
 
-Pre-styled connect button:
-
 ```tsx
 <ConnectButton
   connectLabel="Connect Wallet"
@@ -158,14 +117,19 @@ Pre-styled connect button:
 />
 ```
 
-### WalletProvider
+### WalletModal
 
-Wrap your app to provide wallet context:
+```tsx
+<WalletModal title="Select Wallet" className="my-modal" />
+```
+
+### WalletProvider
 
 ```tsx
 <WalletProvider
   network="devnet"
   autoConnect={true}
+  wallets={[customWallet]}
   onConnect={(accounts) => console.log('Connected', accounts)}
   onDisconnect={() => console.log('Disconnected')}
   onNetworkChange={(network) => console.log('Network:', network)}
@@ -175,62 +139,66 @@ 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)}
->
-  <YourComponent />
+import { 
+  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()} />
 ```
 
-## Vanilla JavaScript (Non-React)
+## Vanilla JavaScript
 
 ```typescript
 import { RialoWallet, isRialoInstalled, formatBalance } from '@cookill/wallet-adapter';
 
-// Check if extension is installed
+const wallet = new RialoWallet();
+
 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
 
-Access `window.rialo` directly:
-
 ```typescript
 if (window.rialo) {
   const accounts = await window.rialo.connect();
@@ -254,24 +222,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
+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
+  NETWORKS,           // Network configurations
 } from '@cookill/wallet-adapter';
 ```
 
 ## TypeScript
 
-Full TypeScript support with all types exported:
-
 ```typescript
 import type {
   WalletAccount,
@@ -287,38 +253,6 @@ import type {
 } from '@cookill/wallet-adapter';
 ```
 
-## Troubleshooting
-
-### Modal not opening / Connection stuck
-
-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
-
-### Extension not detected
-
-1. Make sure Sheep Wallet extension is installed
-2. Refresh the page after installing
-3. Check if `window.rialo` exists in browser console
-
-### Transaction fails
-
-1. Ensure wallet is unlocked
-2. Check you have sufficient balance
-3. Verify recipient address is valid
-
-## Changelog
-
-### 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
-
-### v2.4.x
-- Initial public release
-
 ## License
 
-MIT
+MIT

package/dist/ErrorBoundary.cjs

@@ -1,32 +1,12 @@
-"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';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var react = require('react');
+var jsxRuntime = require('react/jsx-runtime');
 
 // 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 {
+var WalletErrorBoundary = class extends react.Component {
   constructor() {
     super(...arguments);
     this.state = {
@@ -49,7 +29,7 @@ var WalletErrorBoundary = class extends import_react.Component {
       if (this.props.fallback) {
         return this.props.fallback;
       }
-      return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+      return /* @__PURE__ */ jsxRuntime.jsxs(
         "div",
         {
           style: {
@@ -60,7 +40,7 @@ var WalletErrorBoundary = class extends import_react.Component {
             textAlign: "center"
           },
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            /* @__PURE__ */ jsxRuntime.jsx(
               "div",
               {
                 style: {
@@ -73,7 +53,7 @@ var WalletErrorBoundary = class extends import_react.Component {
                   alignItems: "center",
                   justifyContent: "center"
                 },
-                children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+                children: /* @__PURE__ */ jsxRuntime.jsxs(
                   "svg",
                   {
                     width: "24",
@@ -85,17 +65,17 @@ var WalletErrorBoundary = class extends import_react.Component {
                     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__ */ 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__ */ (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)(
+            /* @__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,
@@ -120,8 +100,8 @@ var WalletErrorBoundary = class extends import_react.Component {
   }
 };
 var ErrorBoundary_default = WalletErrorBoundary;
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  WalletErrorBoundary
-});
+
+exports.WalletErrorBoundary = WalletErrorBoundary;
+exports.default = ErrorBoundary_default;
+//# 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/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.js

@@ -1,6 +1,7 @@
+import { Component } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
 // src/ErrorBoundary.tsx
-import { Component } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
 var WalletErrorBoundary = class extends Component {
   constructor() {
     super(...arguments);
@@ -95,8 +96,7 @@ var WalletErrorBoundary = class extends Component {
   }
 };
 var ErrorBoundary_default = WalletErrorBoundary;
-export {
-  WalletErrorBoundary,
-  ErrorBoundary_default as default
-};
+
+export { WalletErrorBoundary, ErrorBoundary_default as default };
+//# sourceMappingURL=ErrorBoundary.js.map
 //# sourceMappingURL=ErrorBoundary.js.map

package/dist/ErrorBoundary.js.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":";AAKA,SAAgB,iBAAuC;AA4D3C,SAUE,KAVF;AA/CL,IAAM,sBAAN,cAAkC,UAAwB;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,0CAAC,YAAO,IAAG,MAAK,IAAG,MAAK,GAAE,MAAK;AAAA,sBAC/B,oBAAC,UAAK,IAAG,MAAK,IAAG,KAAI,IAAG,MAAK,IAAG,MAAK;AAAA,sBACrC,oBAAC,UAAK,IAAG,MAAK,IAAG,MAAK,IAAG,SAAQ,IAAG,MAAK;AAAA;AAAA;AAAA,gBAC3C;AAAA;AAAA,YACF;AAAA,YACA,oBAAC,QAAG,OAAO,EAAE,QAAQ,WAAW,UAAU,QAAQ,YAAY,KAAK,OAAO,UAAU,GAAG,qCAEvF;AAAA,YACA,oBAAC,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/ErrorBoundary.tsx"],"names":[],"mappings":"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","file":"ErrorBoundary.js","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"]}