@meshconnect/uwc-react 0.2.12 → 0.3.0

package/dist/hooks/useWallet.d.ts

@@ -1,14 +1,17 @@
-import type { WalletMetadata } from '@meshconnect/uwc-types';
+import type { UseWalletReturn } from '@meshconnect/uwc-types';
 /**
  * Hook for accessing a specific wallet configuration
  * @param {string} walletId - The ID of the wallet to access
- * @returns {WalletMetadata} The wallet configuration
+ * @returns {UseWalletReturn} Object containing the wallet metadata and error if no wallet was found
  * @throws {Error} when used outside of ConnectionProvider
- * @throws {Error} when wallet with given id is not found
  * @example
  * ```tsx
- * const wallet = useWallet('metamask')
- * console.log(wallet.name) // 'MetaMask'
+ * const { wallet, error } = useWallet('metamask')
+ * if (wallet) {
+ *   console.log(wallet.name) // 'MetaMask'
+ * } else {
+ *   console.log(error?.message) // 'Wallet not found'
+ * }
  */
-export declare function useWallet(walletId: string): WalletMetadata;
+export declare function useWallet(walletId: string): UseWalletReturn;
 //# sourceMappingURL=useWallet.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"useWallet.d.ts","sourceRoot":"","sources":["../../src/hooks/useWallet.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAA;AAE5D;;;;;;;;;;GAUG;AACH,wBAAgB,SAAS,CAAC,QAAQ,EAAE,MAAM,GAAG,cAAc,CAgB1D"}
+{"version":3,"file":"useWallet.d.ts","sourceRoot":"","sources":["../../src/hooks/useWallet.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAGV,eAAe,EAChB,MAAM,wBAAwB,CAAA;AAG/B;;;;;;;;;;;;;GAaG;AACH,wBAAgB,SAAS,CAAC,QAAQ,EAAE,MAAM,GAAG,eAAe,CAuB3D"}

package/dist/hooks/useWallet.js

@@ -1,25 +1,33 @@
-import { useContext } from 'react';
+import { useContext, useState } from 'react';
 import { ConnectionContext } from '../providers/ConnectionProvider';
+import { WalletConnectorError } from '@meshconnect/uwc-types';
 /**
  * Hook for accessing a specific wallet configuration
  * @param {string} walletId - The ID of the wallet to access
- * @returns {WalletMetadata} The wallet configuration
+ * @returns {UseWalletReturn} Object containing the wallet metadata and error if no wallet was found
  * @throws {Error} when used outside of ConnectionProvider
- * @throws {Error} when wallet with given id is not found
  * @example
  * ```tsx
- * const wallet = useWallet('metamask')
- * console.log(wallet.name) // 'MetaMask'
+ * const { wallet, error } = useWallet('metamask')
+ * if (wallet) {
+ *   console.log(wallet.name) // 'MetaMask'
+ * } else {
+ *   console.log(error?.message) // 'Wallet not found'
+ * }
  */
 export function useWallet(walletId) {
     const context = useContext(ConnectionContext);
     if (!context) {
         throw new Error('useWallet must be used within a ConnectionProvider');
     }
+    const [error, setError] = useState(undefined);
     const selectedWallet = context.wallets.find((wallet) => wallet.id === walletId);
     if (!selectedWallet) {
-        throw new Error(`Wallet with id '${walletId}' not found`);
+        setError(new WalletConnectorError({
+            type: 'unknown',
+            message: `Wallet with id '${walletId}' not found`
+        }));
     }
-    return selectedWallet;
+    return { wallet: selectedWallet, error };
 }
 //# sourceMappingURL=useWallet.js.map

package/dist/hooks/useWallet.js.map

@@ -1 +1 @@
-{"version":3,"file":"useWallet.js","sourceRoot":"","sources":["../../src/hooks/useWallet.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAClC,OAAO,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAA;AAGnE;;;;;;;;;;GAUG;AACH,MAAM,UAAU,SAAS,CAAC,QAAgB;IACxC,MAAM,OAAO,GAAG,UAAU,CAAC,iBAAiB,CAAC,CAAA;IAE7C,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,MAAM,IAAI,KAAK,CAAC,oDAAoD,CAAC,CAAA;IACvE,CAAC;IAED,MAAM,cAAc,GAAG,OAAO,CAAC,OAAO,CAAC,IAAI,CACzC,CAAC,MAAsB,EAAE,EAAE,CAAC,MAAM,CAAC,EAAE,KAAK,QAAQ,CACnD,CAAA;IAED,IAAI,CAAC,cAAc,EAAE,CAAC;QACpB,MAAM,IAAI,KAAK,CAAC,mBAAmB,QAAQ,aAAa,CAAC,CAAA;IAC3D,CAAC;IAED,OAAO,cAAc,CAAA;AACvB,CAAC"}
+{"version":3,"file":"useWallet.js","sourceRoot":"","sources":["../../src/hooks/useWallet.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAC5C,OAAO,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAA;AAMnE,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAA;AAE7D;;;;;;;;;;;;;GAaG;AACH,MAAM,UAAU,SAAS,CAAC,QAAgB;IACxC,MAAM,OAAO,GAAG,UAAU,CAAC,iBAAiB,CAAC,CAAA;IAE7C,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,MAAM,IAAI,KAAK,CAAC,oDAAoD,CAAC,CAAA;IACvE,CAAC;IAED,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAA0B,SAAS,CAAC,CAAA;IAEtE,MAAM,cAAc,GAAG,OAAO,CAAC,OAAO,CAAC,IAAI,CACzC,CAAC,MAAsB,EAAE,EAAE,CAAC,MAAM,CAAC,EAAE,KAAK,QAAQ,CACnD,CAAA;IAED,IAAI,CAAC,cAAc,EAAE,CAAC;QACpB,QAAQ,CACN,IAAI,oBAAoB,CAAC;YACvB,IAAI,EAAE,SAAS;YACf,OAAO,EAAE,mBAAmB,QAAQ,aAAa;SAClD,CAAC,CACH,CAAA;IACH,CAAC;IAED,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,KAAK,EAAE,CAAA;AAC1C,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@meshconnect/uwc-react",
-  "version": "0.2.12",
+  "version": "0.3.0",
   "description": "React hooks and components for Universal Wallet Connector",
   "type": "module",
   "main": "dist/index.js",
@@ -16,8 +16,8 @@
     "src"
   ],
   "dependencies": {
-    "@meshconnect/uwc-types": "0.2.3",
-    "@meshconnect/uwc-core": "0.2.10"
+    "@meshconnect/uwc-types": "0.2.4",
+    "@meshconnect/uwc-core": "0.2.11"
   },
   "peerDependencies": {
     "react": "^18.0.0",

package/src/hooks/useWallet.ts

@@ -1,32 +1,47 @@
-import { useContext } from 'react'
+import { useContext, useState } from 'react'
 import { ConnectionContext } from '../providers/ConnectionProvider'
-import type { WalletMetadata } from '@meshconnect/uwc-types'
+import type {
+  WalletMetadata,
+  WalletError,
+  UseWalletReturn
+} from '@meshconnect/uwc-types'
+import { WalletConnectorError } from '@meshconnect/uwc-types'
 
 /**
  * Hook for accessing a specific wallet configuration
  * @param {string} walletId - The ID of the wallet to access
- * @returns {WalletMetadata} The wallet configuration
+ * @returns {UseWalletReturn} Object containing the wallet metadata and error if no wallet was found
  * @throws {Error} when used outside of ConnectionProvider
- * @throws {Error} when wallet with given id is not found
  * @example
  * ```tsx
- * const wallet = useWallet('metamask')
- * console.log(wallet.name) // 'MetaMask'
+ * const { wallet, error } = useWallet('metamask')
+ * if (wallet) {
+ *   console.log(wallet.name) // 'MetaMask'
+ * } else {
+ *   console.log(error?.message) // 'Wallet not found'
+ * }
  */
-export function useWallet(walletId: string): WalletMetadata {
+export function useWallet(walletId: string): UseWalletReturn {
   const context = useContext(ConnectionContext)
 
   if (!context) {
     throw new Error('useWallet must be used within a ConnectionProvider')
   }
 
+  const [error, setError] = useState<WalletError | undefined>(undefined)
+
   const selectedWallet = context.wallets.find(
     (wallet: WalletMetadata) => wallet.id === walletId
   )
 
   if (!selectedWallet) {
-    throw new Error(`Wallet with id '${walletId}' not found`)
+    setError(
+      new WalletConnectorError({
+        type: 'unknown',
+        message: `Wallet with id '${walletId}' not found`
+      })
+    )
   }
 
-  return selectedWallet
+  return { wallet: selectedWallet, error }
 }