@meshconnect/uwc-react 0.3.25 → 0.3.27

package/dist/hooks/index.d.ts

@@ -8,4 +8,5 @@ export * from './useNetworks';
 export * from './useSignMessage';
 export * from './useTransaction';
 export * from './useWalletCapabilities';
+export * from './useDetectedWallets';
 //# 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;AAChC,cAAc,yBAAyB,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;AACvC,cAAc,sBAAsB,CAAA"}

package/dist/hooks/index.js

@@ -8,4 +8,5 @@ export * from './useNetworks';
 export * from './useSignMessage';
 export * from './useTransaction';
 export * from './useWalletCapabilities';
+export * from './useDetectedWallets';
 //# 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;AAChC,cAAc,yBAAyB,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;AACvC,cAAc,sBAAsB,CAAA"}

package/dist/hooks/useDetectedWallets.d.ts

@@ -0,0 +1,3 @@
+import type { UseDetectedWalletsReturn } from '@meshconnect/uwc-types';
+export declare function useDetectedWallets(): UseDetectedWalletsReturn;
+//# sourceMappingURL=useDetectedWallets.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useDetectedWallets.d.ts","sourceRoot":"","sources":["../../src/hooks/useDetectedWallets.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,wBAAwB,EAEzB,MAAM,wBAAwB,CAAA;AAE/B,wBAAgB,kBAAkB,IAAI,wBAAwB,CA8B7D"}

package/dist/hooks/useDetectedWallets.js

@@ -0,0 +1,22 @@
+import { useContext, useEffect, useState } from 'react';
+import { ConnectionContext } from '../providers/ConnectionProvider';
+export function useDetectedWallets() {
+    const context = useContext(ConnectionContext);
+    if (!context) {
+        throw new Error('useInjectedAvailableWallets must be used within a ConnectionProvider');
+    }
+    const { connector, wallets, isReady } = context;
+    const [detectedWallets, setDetectedWallets] = useState([]);
+    useEffect(() => {
+        const checkState = () => {
+            const newDetectedWallets = wallets.filter(wallet => connector.isConnectionModeAvailable('injected', wallet.id));
+            setDetectedWallets(newDetectedWallets);
+        };
+        // Check initially and on state changes
+        checkState();
+        const unsubscribe = connector.subscribe(checkState);
+        return unsubscribe;
+    }, [connector, wallets]);
+    return { detectedWallets, isReady };
+}
+//# sourceMappingURL=useDetectedWallets.js.map

package/dist/hooks/useDetectedWallets.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDetectedWallets.js","sourceRoot":"","sources":["../../src/hooks/useDetectedWallets.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvD,OAAO,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAA;AAMnE,MAAM,UAAU,kBAAkB;IAChC,MAAM,OAAO,GAAG,UAAU,CAAC,iBAAiB,CAAC,CAAA;IAE7C,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,MAAM,IAAI,KAAK,CACb,sEAAsE,CACvE,CAAA;IACH,CAAC;IAED,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,OAAO,EAAE,GAAG,OAAO,CAAA;IAE/C,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,QAAQ,CAAmB,EAAE,CAAC,CAAA;IAE5E,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,UAAU,GAAG,GAAG,EAAE;YACtB,MAAM,kBAAkB,GAAG,OAAO,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,CACjD,SAAS,CAAC,yBAAyB,CAAC,UAAU,EAAE,MAAM,CAAC,EAAE,CAAC,CAC3D,CAAA;YAED,kBAAkB,CAAC,kBAAkB,CAAC,CAAA;QACxC,CAAC,CAAA;QAED,uCAAuC;QACvC,UAAU,EAAE,CAAA;QACZ,MAAM,WAAW,GAAG,SAAS,CAAC,SAAS,CAAC,UAAU,CAAC,CAAA;QAEnD,OAAO,WAAW,CAAA;IACpB,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC,CAAA;IAExB,OAAO,EAAE,eAAe,EAAE,OAAO,EAAE,CAAA;AACrC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@meshconnect/uwc-react",
-  "version": "0.3.25",
+  "version": "0.3.27",
   "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.16",
-    "@meshconnect/uwc-types": "0.5.0"
+    "@meshconnect/uwc-core": "0.3.18",
+    "@meshconnect/uwc-types": "0.5.2"
   },
   "peerDependencies": {
     "react": "^18.0.0",

package/src/hooks/index.ts

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

package/src/hooks/useDetectedWallets.ts

@@ -0,0 +1,38 @@
+import { useContext, useEffect, useState } from 'react'
+import { ConnectionContext } from '../providers/ConnectionProvider'
+import type {
+  UseDetectedWalletsReturn,
+  WalletMetadata
+} from '@meshconnect/uwc-types'
+
+export function useDetectedWallets(): UseDetectedWalletsReturn {
+  const context = useContext(ConnectionContext)
+
+  if (!context) {
+    throw new Error(
+      'useInjectedAvailableWallets must be used within a ConnectionProvider'
+    )
+  }
+
+  const { connector, wallets, isReady } = context
+
+  const [detectedWallets, setDetectedWallets] = useState<WalletMetadata[]>([])
+
+  useEffect(() => {
+    const checkState = () => {
+      const newDetectedWallets = wallets.filter(wallet =>
+        connector.isConnectionModeAvailable('injected', wallet.id)
+      )
+
+      setDetectedWallets(newDetectedWallets)
+    }
+
+    // Check initially and on state changes
+    checkState()
+    const unsubscribe = connector.subscribe(checkState)
+
+    return unsubscribe
+  }, [connector, wallets])
+
+  return { detectedWallets, isReady }
+}