@meshconnect/uwc-react 0.3.17 → 0.3.19

package/dist/hooks/index.d.ts

@@ -7,4 +7,5 @@ export * from './useWallet';
 export * from './useNetworks';
 export * from './useSignMessage';
 export * from './useTransaction';
+export * from './useWalletCapabilities';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +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,aAAa,CAAA;AAC3B,cAAc,eAAe,CAAA;AAC7B,cAAc,kBAAkB,CAAA;AAChC,cAAc,kBAAkB,CAAA"}
+{"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,aAAa,CAAA;AAC3B,cAAc,eAAe,CAAA;AAC7B,cAAc,kBAAkB,CAAA;AAChC,cAAc,kBAAkB,CAAA;AAChC,cAAc,yBAAyB,CAAA"}

package/dist/hooks/index.js

@@ -7,4 +7,5 @@ export * from './useWallet';
 export * from './useNetworks';
 export * from './useSignMessage';
 export * from './useTransaction';
+export * from './useWalletCapabilities';
 //# sourceMappingURL=index.js.map

package/dist/hooks/index.js.map

@@ -1 +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,aAAa,CAAA;AAC3B,cAAc,eAAe,CAAA;AAC7B,cAAc,kBAAkB,CAAA;AAChC,cAAc,kBAAkB,CAAA"}
+{"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,aAAa,CAAA;AAC3B,cAAc,eAAe,CAAA;AAC7B,cAAc,kBAAkB,CAAA;AAChC,cAAc,kBAAkB,CAAA;AAChC,cAAc,yBAAyB,CAAA"}

package/dist/hooks/useWalletCapabilities.d.ts

@@ -0,0 +1,24 @@
+import type { UseWalletCapabilitiesReturn } from '@meshconnect/uwc-types';
+/**
+ * Hook for managing wallet capabilities
+ * @returns Wallet capabilities state and a fetch function to manually fetch capabilities
+ * @throws Error if used outside of ConnectionProvider
+ * @example
+ * ```tsx
+ * const { capabilities, networkCapabilities, isLoading, error, fetchCapabilities } = useWalletCapabilities()
+ *
+ * const handleFetchCapabilities = async () => {
+ *   await fetchCapabilities()
+ * }
+ *
+ * if (isLoading) {
+ *   return <div>Loading capabilities...</div>
+ * }
+ *
+ * if (capabilities?.['eip155:1']?.atomicBatching.supported) {
+ *   console.log('Atomic batching is supported')
+ * }
+ * ```
+ */
+export declare function useWalletCapabilities(): UseWalletCapabilitiesReturn;
+//# sourceMappingURL=useWalletCapabilities.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useWalletCapabilities.d.ts","sourceRoot":"","sources":["../../src/hooks/useWalletCapabilities.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,2BAA2B,EAE5B,MAAM,wBAAwB,CAAA;AAE/B;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,wBAAgB,qBAAqB,IAAI,2BAA2B,CAiDnE"}

package/dist/hooks/useWalletCapabilities.js

@@ -0,0 +1,66 @@
+import { useContext, useCallback, useState } from 'react';
+import { ConnectionContext } from '../providers/ConnectionProvider';
+/**
+ * Hook for managing wallet capabilities
+ * @returns Wallet capabilities state and a fetch function to manually fetch capabilities
+ * @throws Error if used outside of ConnectionProvider
+ * @example
+ * ```tsx
+ * const { capabilities, networkCapabilities, isLoading, error, fetchCapabilities } = useWalletCapabilities()
+ *
+ * const handleFetchCapabilities = async () => {
+ *   await fetchCapabilities()
+ * }
+ *
+ * if (isLoading) {
+ *   return <div>Loading capabilities...</div>
+ * }
+ *
+ * if (capabilities?.['eip155:1']?.atomicBatching.supported) {
+ *   console.log('Atomic batching is supported')
+ * }
+ * ```
+ */
+export function useWalletCapabilities() {
+    const context = useContext(ConnectionContext);
+    if (!context) {
+        throw new Error('useWalletCapabilities must be used within a ConnectionProvider');
+    }
+    const { connector, session } = context;
+    const [isLoading, setIsLoading] = useState(false);
+    const [error, setError] = useState();
+    // Manual fetch function to be called from the app
+    const fetchCapabilities = useCallback(async () => {
+        // If no active session or address, clear capabilities
+        if (!session?.activeAddress || !session?.connectionMode) {
+            return;
+        }
+        setIsLoading(true);
+        setError(undefined);
+        try {
+            // Use provided network or find the active network from session
+            const networkToUse = connector
+                .getNetworks()
+                .find(n => n.id === session.activeNetwork?.id);
+            await connector.getWalletCapabilities(session.activeAddress, networkToUse);
+        }
+        catch (err) {
+            const walletError = err;
+            setError(walletError);
+        }
+        finally {
+            setIsLoading(false);
+        }
+    }, [
+        session?.activeAddress,
+        session?.connectionMode,
+        session?.activeNetwork,
+        connector
+    ]);
+    return {
+        isLoading,
+        error,
+        fetchCapabilities
+    };
+}
+//# sourceMappingURL=useWalletCapabilities.js.map

package/dist/hooks/useWalletCapabilities.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useWalletCapabilities.js","sourceRoot":"","sources":["../../src/hooks/useWalletCapabilities.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACzD,OAAO,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAA;AAMnE;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,MAAM,UAAU,qBAAqB;IACnC,MAAM,OAAO,GAAG,UAAU,CAAC,iBAAiB,CAAC,CAAA;IAE7C,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,MAAM,IAAI,KAAK,CACb,gEAAgE,CACjE,CAAA;IACH,CAAC;IAED,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,OAAO,CAAA;IAEtC,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IACjD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,EAA2B,CAAA;IAE7D,kDAAkD;IAClD,MAAM,iBAAiB,GAAG,WAAW,CAAC,KAAK,IAAI,EAAE;QAC/C,sDAAsD;QACtD,IAAI,CAAC,OAAO,EAAE,aAAa,IAAI,CAAC,OAAO,EAAE,cAAc,EAAE,CAAC;YACxD,OAAM;QACR,CAAC;QAED,YAAY,CAAC,IAAI,CAAC,CAAA;QAClB,QAAQ,CAAC,SAAS,CAAC,CAAA;QAEnB,IAAI,CAAC;YACH,+DAA+D;YAC/D,MAAM,YAAY,GAAG,SAAS;iBAC3B,WAAW,EAAE;iBACb,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,OAAO,CAAC,aAAa,EAAE,EAAE,CAAC,CAAA;YAEhD,MAAM,SAAS,CAAC,qBAAqB,CAAC,OAAO,CAAC,aAAa,EAAE,YAAY,CAAC,CAAA;QAC5E,CAAC;QAAC,OAAO,GAAG,EAAE,CAAC;YACb,MAAM,WAAW,GAAG,GAAkB,CAAA;YACtC,QAAQ,CAAC,WAAW,CAAC,CAAA;QACvB,CAAC;gBAAS,CAAC;YACT,YAAY,CAAC,KAAK,CAAC,CAAA;QACrB,CAAC;IACH,CAAC,EAAE;QACD,OAAO,EAAE,aAAa;QACtB,OAAO,EAAE,cAAc;QACvB,OAAO,EAAE,aAAa;QACtB,SAAS;KACV,CAAC,CAAA;IAEF,OAAO;QACL,SAAS;QACT,KAAK;QACL,iBAAiB;KAClB,CAAA;AACH,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@meshconnect/uwc-react",
-  "version": "0.3.17",
+  "version": "0.3.19",
   "description": "React hooks and components for Universal Wallet Connector",
   "type": "module",
   "main": "dist/index.js",
@@ -16,8 +16,8 @@
     "src"
   ],
   "dependencies": {
-    "@meshconnect/uwc-core": "0.3.8",
-    "@meshconnect/uwc-types": "0.4.0"
+    "@meshconnect/uwc-core": "0.3.10",
+    "@meshconnect/uwc-types": "0.4.2"
   },
   "peerDependencies": {
     "react": "^18.0.0",

package/src/hooks/index.ts

@@ -7,3 +7,4 @@ export * from './useWallet'
 export * from './useNetworks'
 export * from './useSignMessage'
 export * from './useTransaction'
+export * from './useWalletCapabilities'

package/src/hooks/useWalletCapabilities.ts

@@ -0,0 +1,78 @@
+import { useContext, useCallback, useState } from 'react'
+import { ConnectionContext } from '../providers/ConnectionProvider'
+import type {
+  UseWalletCapabilitiesReturn,
+  WalletError
+} from '@meshconnect/uwc-types'
+
+/**
+ * Hook for managing wallet capabilities
+ * @returns Wallet capabilities state and a fetch function to manually fetch capabilities
+ * @throws Error if used outside of ConnectionProvider
+ * @example
+ * ```tsx
+ * const { capabilities, networkCapabilities, isLoading, error, fetchCapabilities } = useWalletCapabilities()
+ *
+ * const handleFetchCapabilities = async () => {
+ *   await fetchCapabilities()
+ * }
+ *
+ * if (isLoading) {
+ *   return <div>Loading capabilities...</div>
+ * }
+ *
+ * if (capabilities?.['eip155:1']?.atomicBatching.supported) {
+ *   console.log('Atomic batching is supported')
+ * }
+ * ```
+ */
+export function useWalletCapabilities(): UseWalletCapabilitiesReturn {
+  const context = useContext(ConnectionContext)
+
+  if (!context) {
+    throw new Error(
+      'useWalletCapabilities must be used within a ConnectionProvider'
+    )
+  }
+
+  const { connector, session } = context
+
+  const [isLoading, setIsLoading] = useState(false)
+  const [error, setError] = useState<WalletError | undefined>()
+
+  // Manual fetch function to be called from the app
+  const fetchCapabilities = useCallback(async () => {
+    // If no active session or address, clear capabilities
+    if (!session?.activeAddress || !session?.connectionMode) {
+      return
+    }
+
+    setIsLoading(true)
+    setError(undefined)
+
+    try {
+      // Use provided network or find the active network from session
+      const networkToUse = connector
+        .getNetworks()
+        .find(n => n.id === session.activeNetwork?.id)
+
+      await connector.getWalletCapabilities(session.activeAddress, networkToUse)
+    } catch (err) {
+      const walletError = err as WalletError
+      setError(walletError)
+    } finally {
+      setIsLoading(false)
+    }
+  }, [
+    session?.activeAddress,
+    session?.connectionMode,
+    session?.activeNetwork,
+    connector
+  ])
+
+  return {
+    isLoading,
+    error,
+    fetchCapabilities
+  }
+}