@meshconnect/uwc-react 0.2.0

package/README.md

@@ -0,0 +1,222 @@
+# @meshconnect/uwc-react
+
+React hooks and providers for Universal Wallet Connector.
+
+## Installation
+
+```bash
+npm install @meshconnect/uwc-react @meshconnect/uwc-core @meshconnect/uwc-types @meshconnect/uwc-constants
+```
+
+## Usage
+
+### Setup Provider
+
+```tsx
+import { ConnectionProvider } from '@meshconnect/uwc-react'
+import { mainnetNetwork, baseNetwork } from '@meshconnect/uwc-constants'
+import type { WalletMetadata } from '@meshconnect/uwc-types'
+
+// Define your wallets
+const wallets: WalletMetadata[] = [
+  {
+    id: 'metamask',
+    name: 'MetaMask',
+    metadata: {
+      icon: 'https://...',
+      description: 'Connect with MetaMask'
+    },
+    extensionInjectedProvider: {
+      supportedNetworkIds: ['eip155:1', 'eip155:8453'],
+      // ... other config
+    },
+    walletConnectProvider: {
+      supportedNetworkIds: ['eip155:1', 'eip155:8453']
+    }
+  }
+]
+
+function App() {
+  return (
+    <ConnectionProvider
+      networks={[mainnetNetwork, baseNetwork]}
+      wallets={wallets}
+      usingIntegratedBrowser={false}
+    >
+      {/* Your app */}
+    </ConnectionProvider>
+  )
+}
+```
+
+### Using Hooks
+
+#### useConnection
+
+Connect to a specific wallet with different connection modes:
+
+```tsx
+import { useConnection } from '@meshconnect/uwc-react'
+
+function WalletButton({ walletId }: { walletId: string }) {
+  const { walletConnect, injected } = useConnection(walletId)
+  
+  return (
+    <div>
+      {/* Injected connection */}
+      <button 
+        onClick={() => injected.connect()}
+        disabled={injected.isLoading}
+      >
+        {injected.isLoading ? 'Connecting...' : 'Connect with Browser'}
+      </button>
+      
+      {/* WalletConnect connection */}
+      <button 
+        onClick={() => walletConnect.connect()}
+        disabled={walletConnect.isLoading}
+      >
+        {walletConnect.isLoading ? 'Connecting...' : 'Connect with WalletConnect'}
+      </button>
+      
+      {/* Show QR code URI when available */}
+      {walletConnect.connectionURI && (
+        <div>Connection URI: {walletConnect.connectionURI}</div>
+      )}
+    </div>
+  )
+}
+```
+
+#### useSwitchNetwork
+
+Switch between available networks:
+
+```tsx
+import { useSwitchNetwork, useSession } from '@meshconnect/uwc-react'
+
+function NetworkSwitcher() {
+  const { switchNetwork, isLoading, isWaitingForUserApproval } = useSwitchNetwork()
+  const session = useSession()
+  
+  return (
+    <div>
+      <p>Current network: {session.activeNetwork?.name}</p>
+      
+      <button 
+        onClick={() => switchNetwork('eip155:1')}
+        disabled={isLoading}
+      >
+        {isWaitingForUserApproval 
+          ? 'Waiting for approval...' 
+          : isLoading 
+          ? 'Switching...' 
+          : 'Switch to Mainnet'}
+      </button>
+    </div>
+  )
+}
+```
+
+#### useDisconnect
+
+Disconnect from the current wallet:
+
+```tsx
+import { useDisconnect } from '@meshconnect/uwc-react'
+
+function DisconnectButton() {
+  const { disconnect, isLoading } = useDisconnect()
+  
+  return (
+    <button onClick={disconnect} disabled={isLoading}>
+      {isLoading ? 'Disconnecting...' : 'Disconnect'}
+    </button>
+  )
+}
+```
+
+#### useSession
+
+Access the current session state:
+
+```tsx
+import { useSession } from '@meshconnect/uwc-react'
+
+function SessionInfo() {
+  const session = useSession()
+  
+  return (
+    <div>
+      <p>Connected: {session.activeAddress ? 'Yes' : 'No'}</p>
+      <p>Address: {session.activeAddress}</p>
+      <p>Network: {session.activeNetwork?.name}</p>
+      <p>Wallet: {session.activeWallet?.name}</p>
+      <p>Mode: {session.connectionMode}</p>
+    </div>
+  )
+}
+```
+
+#### useWallets and useNetworks
+
+Access available wallets and networks:
+
+```tsx
+import { useWallets, useNetworks } from '@meshconnect/uwc-react'
+
+function WalletList() {
+  const wallets = useWallets()
+  const networks = useNetworks()
+  
+  return (
+    <div>
+      <h3>Available Wallets:</h3>
+      {wallets.map(wallet => (
+        <div key={wallet.id}>
+          {wallet.name}
+        </div>
+      ))}
+      
+      <h3>Available Networks:</h3>
+      {networks.map(network => (
+        <div key={network.id}>
+          {network.name}
+        </div>
+      ))}
+    </div>
+  )
+}
+```
+
+## API Reference
+
+### ConnectionProvider
+
+Provider component that initializes the UniversalWalletConnector and provides it to child components.
+
+Props:
+- `networks: Network[]` - Array of supported networks
+- `wallets: WalletMetadata[]` - Array of supported wallets
+- `usingIntegratedBrowser?: boolean` - Whether using integrated browser (default: false)
+- `walletConnectConfig?: WalletConnectConfig` - Optional WalletConnect configuration
+
+### Hooks
+
+#### useConnection(walletId: string)
+Returns an object with connection methods for both injected and WalletConnect modes.
+
+#### useSwitchNetwork()
+Returns methods and state for switching networks.
+
+#### useDisconnect()
+Returns disconnect method and loading state.
+
+#### useSession()
+Returns the current session state.
+
+#### useWallets()
+Returns the list of available wallets.
+
+#### useNetworks()
+Returns the list of available networks.

package/dist/hooks/index.d.ts

@@ -0,0 +1,9 @@
+export * from './useConnection';
+export * from './useSwitchNetwork';
+export * from './useDisconnect';
+export * from './useSession';
+export * from './useWallets';
+export * from './useNetworks';
+export * from './useSignMessage';
+export * from './useTransaction';
+//# sourceMappingURL=index.d.ts.map

package/dist/hooks/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAA;AAC/B,cAAc,oBAAoB,CAAA;AAClC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,cAAc,CAAA;AAC5B,cAAc,cAAc,CAAA;AAC5B,cAAc,eAAe,CAAA;AAC7B,cAAc,kBAAkB,CAAA;AAChC,cAAc,kBAAkB,CAAA"}

package/dist/hooks/index.js

@@ -0,0 +1,9 @@
+export * from './useConnection';
+export * from './useSwitchNetwork';
+export * from './useDisconnect';
+export * from './useSession';
+export * from './useWallets';
+export * from './useNetworks';
+export * from './useSignMessage';
+export * from './useTransaction';
+//# sourceMappingURL=index.js.map

package/dist/hooks/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAA;AAC/B,cAAc,oBAAoB,CAAA;AAClC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,cAAc,CAAA;AAC5B,cAAc,cAAc,CAAA;AAC5B,cAAc,eAAe,CAAA;AAC7B,cAAc,kBAAkB,CAAA;AAChC,cAAc,kBAAkB,CAAA"}

package/dist/hooks/useConnection.d.ts

@@ -0,0 +1,22 @@
+import type { UseConnectionReturn } from '@meshconnect/uwc-types';
+/**
+ * Hook for managing wallet connections with both injected and WalletConnect modes
+ * @param walletId - The ID of the wallet to connect to (e.g., 'metamask', 'trust')
+ * @returns Connection methods and state for both injected and WalletConnect modes
+ * @throws Error if used outside of ConnectionProvider
+ * @example
+ * ```tsx
+ * const { walletConnect, injected } = useConnection('metamask')
+ *
+ * // Connect with browser extension
+ * await injected.connect('eip155:1')
+ *
+ * // Connect with WalletConnect QR code
+ * await walletConnect.connect('eip155:1')
+ * if (walletConnect.connectionURI) {
+ *   // Display QR code with walletConnect.connectionURI
+ * }
+ * ```
+ */
+export declare function useConnection(walletId: string): UseConnectionReturn;
+//# sourceMappingURL=useConnection.d.ts.map

package/dist/hooks/useConnection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useConnection.d.ts","sourceRoot":"","sources":["../../src/hooks/useConnection.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAEV,mBAAmB,EAEpB,MAAM,wBAAwB,CAAA;AAE/B;;;;;;;;;;;;;;;;;;GAkBG;AACH,wBAAgB,aAAa,CAAC,QAAQ,EAAE,MAAM,GAAG,mBAAmB,CA+FnE"}

package/dist/hooks/useConnection.js

@@ -0,0 +1,98 @@
+import { useContext, useCallback, useState, useEffect } from 'react';
+import { ConnectionContext } from '../providers/ConnectionProvider';
+/**
+ * Hook for managing wallet connections with both injected and WalletConnect modes
+ * @param walletId - The ID of the wallet to connect to (e.g., 'metamask', 'trust')
+ * @returns Connection methods and state for both injected and WalletConnect modes
+ * @throws Error if used outside of ConnectionProvider
+ * @example
+ * ```tsx
+ * const { walletConnect, injected } = useConnection('metamask')
+ *
+ * // Connect with browser extension
+ * await injected.connect('eip155:1')
+ *
+ * // Connect with WalletConnect QR code
+ * await walletConnect.connect('eip155:1')
+ * if (walletConnect.connectionURI) {
+ *   // Display QR code with walletConnect.connectionURI
+ * }
+ * ```
+ */
+export function useConnection(walletId) {
+    const context = useContext(ConnectionContext);
+    if (!context) {
+        throw new Error('useConnection must be used within a ConnectionProvider');
+    }
+    const { connector, isReady } = context;
+    const [walletConnectLoading, setWalletConnectLoading] = useState(false);
+    const [injectedLoading, setInjectedLoading] = useState(false);
+    const [walletConnectError, setWalletConnectError] = useState();
+    const [injectedError, setInjectedError] = useState();
+    const [connectionURI, setConnectionURI] = useState();
+    const [walletConnectAvailable, setWalletConnectAvailable] = useState(false);
+    const [injectedAvailable, setInjectedAvailable] = useState(false);
+    // Update connection URI and availability when they change
+    useEffect(() => {
+        const checkState = () => {
+            const uri = connector.getConnectionURI();
+            setConnectionURI(uri);
+            // Check availability for both connection modes
+            const wcAvailable = connector.isConnectionModeAvailable('walletConnect', walletId);
+            const injAvailable = connector.isConnectionModeAvailable('injected', walletId);
+            setWalletConnectAvailable(wcAvailable);
+            setInjectedAvailable(injAvailable);
+        };
+        // Check initially and on state changes
+        checkState();
+        const unsubscribe = connector.subscribe(checkState);
+        return unsubscribe;
+    }, [connector, walletId]);
+    const connectWalletConnect = useCallback(async (networkId) => {
+        setWalletConnectLoading(true);
+        setWalletConnectError(undefined);
+        try {
+            await connector.connect('walletConnect', walletId, networkId);
+        }
+        catch (error) {
+            const walletError = error;
+            setWalletConnectError(walletError);
+            throw error;
+        }
+        finally {
+            setWalletConnectLoading(false);
+        }
+    }, [connector, walletId]);
+    const connectInjected = useCallback(async (networkId) => {
+        setInjectedLoading(true);
+        setInjectedError(undefined);
+        try {
+            await connector.connect('injected', walletId, networkId);
+        }
+        catch (error) {
+            const walletError = error;
+            setInjectedError(walletError);
+            throw error;
+        }
+        finally {
+            setInjectedLoading(false);
+        }
+    }, [connector, walletId]);
+    return {
+        walletConnect: {
+            connect: connectWalletConnect,
+            connectionURI,
+            isLoading: walletConnectLoading,
+            error: walletConnectError,
+            available: walletConnectAvailable
+        },
+        injected: {
+            connect: connectInjected,
+            isLoading: injectedLoading,
+            error: injectedError,
+            available: injectedAvailable
+        },
+        isReady
+    };
+}
+//# sourceMappingURL=useConnection.js.map

package/dist/hooks/useConnection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useConnection.js","sourceRoot":"","sources":["../../src/hooks/useConnection.ts"],"names":[],"mappings":"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"}

package/dist/hooks/useDisconnect.d.ts

@@ -0,0 +1,27 @@
+interface UseDisconnectReturn {
+    disconnect: () => Promise<void>;
+    isLoading: boolean;
+}
+/**
+ * Hook for disconnecting the current wallet
+ * @returns Disconnect function and loading state
+ * @throws Error if used outside of ConnectionProvider
+ * @example
+ * ```tsx
+ * const { disconnect, isLoading } = useDisconnect()
+ *
+ * const handleDisconnect = async () => {
+ *   await disconnect()
+ *   console.log('Wallet disconnected')
+ * }
+ *
+ * return (
+ *   <button onClick={handleDisconnect} disabled={isLoading}>
+ *     {isLoading ? 'Disconnecting...' : 'Disconnect'}
+ *   </button>
+ * )
+ * ```
+ */
+export declare function useDisconnect(): UseDisconnectReturn;
+export {};
+//# sourceMappingURL=useDisconnect.d.ts.map

package/dist/hooks/useDisconnect.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDisconnect.d.ts","sourceRoot":"","sources":["../../src/hooks/useDisconnect.ts"],"names":[],"mappings":"AAGA,UAAU,mBAAmB;IAC3B,UAAU,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAA;IAC/B,SAAS,EAAE,OAAO,CAAA;CACnB;AAED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,aAAa,IAAI,mBAAmB,CAuBnD"}

package/dist/hooks/useDisconnect.js

@@ -0,0 +1,44 @@
+import { useContext, useCallback, useState } from 'react';
+import { ConnectionContext } from '../providers/ConnectionProvider';
+/**
+ * Hook for disconnecting the current wallet
+ * @returns Disconnect function and loading state
+ * @throws Error if used outside of ConnectionProvider
+ * @example
+ * ```tsx
+ * const { disconnect, isLoading } = useDisconnect()
+ *
+ * const handleDisconnect = async () => {
+ *   await disconnect()
+ *   console.log('Wallet disconnected')
+ * }
+ *
+ * return (
+ *   <button onClick={handleDisconnect} disabled={isLoading}>
+ *     {isLoading ? 'Disconnecting...' : 'Disconnect'}
+ *   </button>
+ * )
+ * ```
+ */
+export function useDisconnect() {
+    const context = useContext(ConnectionContext);
+    if (!context) {
+        throw new Error('useDisconnect must be used within a ConnectionProvider');
+    }
+    const { connector } = context;
+    const [isLoading, setIsLoading] = useState(false);
+    const disconnect = useCallback(async () => {
+        setIsLoading(true);
+        try {
+            await connector.disconnect();
+        }
+        finally {
+            setIsLoading(false);
+        }
+    }, [connector]);
+    return {
+        disconnect,
+        isLoading
+    };
+}
+//# sourceMappingURL=useDisconnect.js.map

package/dist/hooks/useDisconnect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDisconnect.js","sourceRoot":"","sources":["../../src/hooks/useDisconnect.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACzD,OAAO,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAA;AAOnE;;;;;;;;;;;;;;;;;;;GAmBG;AACH,MAAM,UAAU,aAAa;IAC3B,MAAM,OAAO,GAAG,UAAU,CAAC,iBAAiB,CAAC,CAAA;IAE7C,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,MAAM,IAAI,KAAK,CAAC,wDAAwD,CAAC,CAAA;IAC3E,CAAC;IAED,MAAM,EAAE,SAAS,EAAE,GAAG,OAAO,CAAA;IAC7B,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAEjD,MAAM,UAAU,GAAG,WAAW,CAAC,KAAK,IAAI,EAAE;QACxC,YAAY,CAAC,IAAI,CAAC,CAAA;QAClB,IAAI,CAAC;YACH,MAAM,SAAS,CAAC,UAAU,EAAE,CAAA;QAC9B,CAAC;gBAAS,CAAC;YACT,YAAY,CAAC,KAAK,CAAC,CAAA;QACrB,CAAC;IACH,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAA;IAEf,OAAO;QACL,UAAU;QACV,SAAS;KACV,CAAA;AACH,CAAC"}

package/dist/hooks/useNetworks.d.ts

@@ -0,0 +1,16 @@
+import type { Network } from '@meshconnect/uwc-types';
+/**
+ * Hook for accessing the list of configured networks
+ * @returns Array of network configurations
+ * @throws Error if used outside of ConnectionProvider
+ * @example
+ * ```tsx
+ * const networks = useNetworks()
+ *
+ * networks.forEach(network => {
+ *   console.log(`${network.name}: ${network.id}`)
+ * })
+ * ```
+ */
+export declare function useNetworks(): Network[];
+//# sourceMappingURL=useNetworks.d.ts.map

package/dist/hooks/useNetworks.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useNetworks.d.ts","sourceRoot":"","sources":["../../src/hooks/useNetworks.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAA;AAErD;;;;;;;;;;;;GAYG;AACH,wBAAgB,WAAW,IAAI,OAAO,EAAE,CAQvC"}

package/dist/hooks/useNetworks.js

@@ -0,0 +1,23 @@
+import { useContext } from 'react';
+import { ConnectionContext } from '../providers/ConnectionProvider';
+/**
+ * Hook for accessing the list of configured networks
+ * @returns Array of network configurations
+ * @throws Error if used outside of ConnectionProvider
+ * @example
+ * ```tsx
+ * const networks = useNetworks()
+ *
+ * networks.forEach(network => {
+ *   console.log(`${network.name}: ${network.id}`)
+ * })
+ * ```
+ */
+export function useNetworks() {
+    const context = useContext(ConnectionContext);
+    if (!context) {
+        throw new Error('useNetworks must be used within a ConnectionProvider');
+    }
+    return context.networks;
+}
+//# sourceMappingURL=useNetworks.js.map

package/dist/hooks/useNetworks.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useNetworks.js","sourceRoot":"","sources":["../../src/hooks/useNetworks.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAClC,OAAO,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAA;AAGnE;;;;;;;;;;;;GAYG;AACH,MAAM,UAAU,WAAW;IACzB,MAAM,OAAO,GAAG,UAAU,CAAC,iBAAiB,CAAC,CAAA;IAE7C,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,MAAM,IAAI,KAAK,CAAC,sDAAsD,CAAC,CAAA;IACzE,CAAC;IAED,OAAO,OAAO,CAAC,QAAQ,CAAA;AACzB,CAAC"}

package/dist/hooks/useSession.d.ts

@@ -0,0 +1,18 @@
+import type { UseSessionReturn } from '@meshconnect/uwc-types';
+/**
+ * Hook for accessing the current wallet session state
+ * @returns Session information including active address, network, and connection details
+ * @throws Error if used outside of ConnectionProvider
+ * @example
+ * ```tsx
+ * const { activeAddress, activeNetwork, availableNetworks } = useSession()
+ *
+ * if (activeAddress) {
+ *   console.log(`Connected: ${activeAddress}`)
+ *   console.log(`Network: ${activeNetwork?.name}`)
+ *   console.log(`Available networks: ${availableNetworks.length}`)
+ * }
+ * ```
+ */
+export declare function useSession(): UseSessionReturn;
+//# sourceMappingURL=useSession.d.ts.map

package/dist/hooks/useSession.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSession.d.ts","sourceRoot":"","sources":["../../src/hooks/useSession.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAA;AAE9D;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,UAAU,IAAI,gBAAgB,CAiB7C"}

package/dist/hooks/useSession.js

@@ -0,0 +1,33 @@
+import { useContext } from 'react';
+import { ConnectionContext } from '../providers/ConnectionProvider';
+/**
+ * Hook for accessing the current wallet session state
+ * @returns Session information including active address, network, and connection details
+ * @throws Error if used outside of ConnectionProvider
+ * @example
+ * ```tsx
+ * const { activeAddress, activeNetwork, availableNetworks } = useSession()
+ *
+ * if (activeAddress) {
+ *   console.log(`Connected: ${activeAddress}`)
+ *   console.log(`Network: ${activeNetwork?.name}`)
+ *   console.log(`Available networks: ${availableNetworks.length}`)
+ * }
+ * ```
+ */
+export function useSession() {
+    const context = useContext(ConnectionContext);
+    if (!context) {
+        throw new Error('useSession must be used within a ConnectionProvider');
+    }
+    const { session } = context;
+    return {
+        session,
+        activeAddress: session.activeAddress,
+        activeNetwork: session.activeNetwork,
+        availableNetworks: session.availableNetworks,
+        activeConnector: session.connectionMode,
+        availableAddresses: session.availableAddresses
+    };
+}
+//# sourceMappingURL=useSession.js.map

package/dist/hooks/useSession.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSession.js","sourceRoot":"","sources":["../../src/hooks/useSession.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAClC,OAAO,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAA;AAGnE;;;;;;;;;;;;;;GAcG;AACH,MAAM,UAAU,UAAU;IACxB,MAAM,OAAO,GAAG,UAAU,CAAC,iBAAiB,CAAC,CAAA;IAE7C,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,MAAM,IAAI,KAAK,CAAC,qDAAqD,CAAC,CAAA;IACxE,CAAC;IAED,MAAM,EAAE,OAAO,EAAE,GAAG,OAAO,CAAA;IAE3B,OAAO;QACL,OAAO;QACP,aAAa,EAAE,OAAO,CAAC,aAAa;QACpC,aAAa,EAAE,OAAO,CAAC,aAAa;QACpC,iBAAiB,EAAE,OAAO,CAAC,iBAAiB;QAC5C,eAAe,EAAE,OAAO,CAAC,cAAc;QACvC,kBAAkB,EAAE,OAAO,CAAC,kBAAkB;KAC/C,CAAA;AACH,CAAC"}

package/dist/hooks/useSignMessage.d.ts

@@ -0,0 +1,22 @@
+import type { UseSignMessageReturn } from '@meshconnect/uwc-types';
+/**
+ * Hook for signing messages with the connected wallet
+ * @returns Object containing signMessage function, loading state, and last signature
+ * @throws Error if used outside of ConnectionProvider
+ * @example
+ * ```tsx
+ * const { signMessage, isLoading, signature } = useSignMessage()
+ *
+ * const handleSign = async () => {
+ *   try {
+ *     const sig = await signMessage('Hello World')
+ *     console.log('Signature:', sig)
+ *     // signature state will also be updated with the result
+ *   } catch (error) {
+ *     console.error('Failed to sign:', error)
+ *   }
+ * }
+ * ```
+ */
+export declare function useSignMessage(): UseSignMessageReturn;
+//# sourceMappingURL=useSignMessage.d.ts.map

package/dist/hooks/useSignMessage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSignMessage.d.ts","sourceRoot":"","sources":["../../src/hooks/useSignMessage.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,oBAAoB,EAAe,MAAM,wBAAwB,CAAA;AAE/E;;;;;;;;;;;;;;;;;;GAkBG;AACH,wBAAgB,cAAc,IAAI,oBAAoB,CA6CrD"}

package/dist/hooks/useSignMessage.js

@@ -0,0 +1,61 @@
+import { useContext, useCallback, useState } from 'react';
+import { ConnectionContext } from '../providers/ConnectionProvider';
+/**
+ * Hook for signing messages with the connected wallet
+ * @returns Object containing signMessage function, loading state, and last signature
+ * @throws Error if used outside of ConnectionProvider
+ * @example
+ * ```tsx
+ * const { signMessage, isLoading, signature } = useSignMessage()
+ *
+ * const handleSign = async () => {
+ *   try {
+ *     const sig = await signMessage('Hello World')
+ *     console.log('Signature:', sig)
+ *     // signature state will also be updated with the result
+ *   } catch (error) {
+ *     console.error('Failed to sign:', error)
+ *   }
+ * }
+ * ```
+ */
+export function useSignMessage() {
+    const context = useContext(ConnectionContext);
+    if (!context) {
+        throw new Error('useSignMessage must be used within a ConnectionProvider');
+    }
+    const { connector, session } = context;
+    const [isLoading, setIsLoading] = useState(false);
+    const [signature, setSignature] = useState();
+    const [error, setError] = useState();
+    const signMessage = useCallback(async (message) => {
+        if (!session.activeAddress) {
+            throw new Error('No wallet connected');
+        }
+        if (!message) {
+            throw new Error('Message is required');
+        }
+        setIsLoading(true);
+        setError(undefined);
+        try {
+            const sig = await connector.signMessage(message);
+            setSignature(sig);
+            return sig;
+        }
+        catch (err) {
+            const walletError = err;
+            setError(walletError);
+            throw err;
+        }
+        finally {
+            setIsLoading(false);
+        }
+    }, [connector, session.activeAddress]);
+    return {
+        signMessage,
+        isLoading,
+        signature,
+        error
+    };
+}
+//# sourceMappingURL=useSignMessage.js.map

package/dist/hooks/useSignMessage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSignMessage.js","sourceRoot":"","sources":["../../src/hooks/useSignMessage.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACzD,OAAO,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAA;AAGnE;;;;;;;;;;;;;;;;;;GAkBG;AACH,MAAM,UAAU,cAAc;IAC5B,MAAM,OAAO,GAAG,UAAU,CAAC,iBAAiB,CAAC,CAAA;IAE7C,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,MAAM,IAAI,KAAK,CAAC,yDAAyD,CAAC,CAAA;IAC5E,CAAC;IAED,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,OAAO,CAAA;IACtC,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IACjD,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,EAAsB,CAAA;IAChE,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,EAA2B,CAAA;IAE7D,MAAM,WAAW,GAAG,WAAW,CAC7B,KAAK,EAAE,OAAe,EAAmB,EAAE;QACzC,IAAI,CAAC,OAAO,CAAC,aAAa,EAAE,CAAC;YAC3B,MAAM,IAAI,KAAK,CAAC,qBAAqB,CAAC,CAAA;QACxC,CAAC;QAED,IAAI,CAAC,OAAO,EAAE,CAAC;YACb,MAAM,IAAI,KAAK,CAAC,qBAAqB,CAAC,CAAA;QACxC,CAAC;QAED,YAAY,CAAC,IAAI,CAAC,CAAA;QAClB,QAAQ,CAAC,SAAS,CAAC,CAAA;QACnB,IAAI,CAAC;YACH,MAAM,GAAG,GAAG,MAAM,SAAS,CAAC,WAAW,CAAC,OAAO,CAAC,CAAA;YAChD,YAAY,CAAC,GAAG,CAAC,CAAA;YACjB,OAAO,GAAG,CAAA;QACZ,CAAC;QAAC,OAAO,GAAG,EAAE,CAAC;YACb,MAAM,WAAW,GAAG,GAAkB,CAAA;YACtC,QAAQ,CAAC,WAAW,CAAC,CAAA;YACrB,MAAM,GAAG,CAAA;QACX,CAAC;gBAAS,CAAC;YACT,YAAY,CAAC,KAAK,CAAC,CAAA;QACrB,CAAC;IACH,CAAC,EACD,CAAC,SAAS,EAAE,OAAO,CAAC,aAAa,CAAC,CACnC,CAAA;IAED,OAAO;QACL,WAAW;QACX,SAAS;QACT,SAAS;QACT,KAAK;KACN,CAAA;AACH,CAAC"}