@xyo-network/react-wallet 2.55.5 → 2.55.6

package/src/components/WalletAccountSelect/Select.tsx

@@ -1,10 +1,9 @@
-import { CircularProgress, SelectProps } from '@mui/material'
+import { CircularProgress, MenuItem, SelectProps } from '@mui/material'
 import { SelectEx } from '@xylabs/react-select'
-import { HDWallet } from '@xyo-network/account'
 import { AddressRenderRowBox, AddressRenderRowBoxPropsBase } from '@xyo-network/react-address-render'
-import { usePromise } from '@xyo-network/react-shared'
 
-import { useWallet } from '../../contexts'
+import { useWalletContext } from '../../contexts'
+import { useAccount } from '../../hooks'
 
 type SharedAddressRenderRowBoxProps = Pick<AddressRenderRowBoxPropsBase, 'iconOnly' | 'iconSize' | 'icons' | 'showFavorite'>
 
@@ -17,31 +16,6 @@ const arrayRange = (length: number, start = 0) => {
   return Array.from(Array(length).keys()).map((x) => x + start)
 }
 
-export const RenderValue: React.FC<{
-  addressNames: Record<string, string | undefined>
-  iconOnly?: boolean
-  iconSize: number
-  icons?: boolean
-  selected: number
-  showFavorite?: boolean
-  wallet: HDWallet
-}> = ({ iconOnly, iconSize, showFavorite, icons, addressNames, selected, wallet }) => {
-  const [account] = usePromise<HDWallet>(() => wallet.derivePath(selected.toString()) as Promise<HDWallet>)
-  const customName = account ? addressNames[account?.address] : undefined
-  const favorite = account ? account?.address in addressNames : undefined
-  return (
-    <AddressRenderRowBox
-      address={account?.address}
-      iconOnly={iconOnly}
-      iconSize={iconSize}
-      icons={icons}
-      name={customName}
-      favorite={favorite}
-      showFavorite={showFavorite}
-    />
-  )
-}
-
 export const WalletAccountSelect: React.FC<WalletAccountSelectProps> = ({
   addressNames = {},
   iconOnly,
@@ -52,43 +26,61 @@ export const WalletAccountSelect: React.FC<WalletAccountSelectProps> = ({
   size,
   ...props
 }) => {
-  const { activeAccountIndex = 0, setActiveAccountIndex, wallet } = useWallet()
-  const disabled = !wallet || activeAccountIndex === undefined
+  const { activeAccountIndex = 0, setActiveAccountIndex, derivedWallet } = useWalletContext()
+  const disabled = !derivedWallet || activeAccountIndex === undefined
 
   return (
     <>
-      {wallet ? (
+      {derivedWallet ? (
         <SelectEx
           disabled={disabled}
-          renderValue={(selected) => (
-            <RenderValue
-              wallet={wallet}
-              selected={selected}
-              addressNames={addressNames}
-              iconOnly={iconOnly}
-              iconSize={iconSize}
-              icons={icons}
-              showFavorite={showFavorite}
-            />
-          )}
+          renderValue={(selected) => {
+            const Item: React.FC = () => {
+              const [account] = useAccount({ path: selected.toString(), wallet: derivedWallet })
+              const customName = account ? addressNames[account.address] : undefined
+              const favorite = account && account.address in addressNames
+              return (
+                <AddressRenderRowBox
+                  address={account?.address}
+                  iconOnly={iconOnly}
+                  iconSize={iconSize}
+                  icons={icons}
+                  name={customName}
+                  favorite={favorite}
+                  showFavorite={showFavorite}
+                />
+              )
+            }
+            return <Item />
+          }}
           value={activeAccountIndex}
           onChange={(event) => setActiveAccountIndex?.(parseInt(`${event.target.value}`))}
           size={size}
           variant="outlined"
           {...props}
         >
-          {arrayRange(maxAccounts).map((index) => (
-            <RenderValue
-              key={index}
-              wallet={wallet}
-              selected={index}
-              addressNames={addressNames}
-              iconOnly={iconOnly}
-              iconSize={iconSize}
-              icons={icons}
-              showFavorite={showFavorite}
-            />
-          ))}
+          {arrayRange(maxAccounts).map((index) => {
+            const Item: React.FC = () => {
+              const [account] = useAccount({ path: index.toString(), wallet: derivedWallet })
+              const customName = account ? addressNames[account.address] : undefined
+              const favorite = account && account.address in addressNames
+              return (
+                <MenuItem key={account?.address} value={index}>
+                  <AddressRenderRowBox
+                    address={account?.address}
+                    favorite={favorite}
+                    iconOnly={iconOnly}
+                    iconSize={iconSize}
+                    icons={icons}
+                    name={customName}
+                    showFavorite={showFavorite}
+                  />
+                </MenuItem>
+              )
+            }
+
+            return <Item key={index} />
+          })}
         </SelectEx>
       ) : (
         <CircularProgress size={24} />

package/src/components/WalletAccountSelect/WalletAccountSelect.stories.tsx

@@ -2,7 +2,7 @@ import { Meta, StoryFn } from '@storybook/react'
 import { DefaultSeedPhrase } from '@xyo-network/react-storybook'
 
 import { WalletProvider } from '../../contexts'
-import { useAccount } from '../../hooks'
+import { useWallet } from '../../hooks'
 import { WalletAccountSelect } from './Select'
 
 const StorybookEntry = {
@@ -21,9 +21,9 @@ const Template: StoryFn<typeof WalletAccountSelect> = (args) => {
 }
 
 const WithWalletTemplate: StoryFn<typeof WalletAccountSelect> = (args) => {
-  const [account] = useAccount({ mnemonic: DefaultSeedPhrase })
+  const [wallet] = useWallet({ mnemonic: DefaultSeedPhrase })
   return (
-    <WalletProvider defaultWallet={account}>
+    <WalletProvider rootWallet={wallet}>
       <WalletAccountSelect {...args} />
     </WalletProvider>
   )

package/src/components/WalletAccountSelect/WalletAccountSelectBar.stories.tsx

@@ -1,11 +1,9 @@
 import { Meta, StoryFn } from '@storybook/react'
-import { HDWallet } from '@xyo-network/account'
-import { usePromise } from '@xyo-network/react-shared'
 import { DefaultSeedPhrase } from '@xyo-network/react-storybook'
 import { WalletInstance } from '@xyo-network/wallet-model'
 
 import { WalletProvider } from '../../contexts'
-import { useAccounts } from '../../hooks'
+import { useWallet, useWallets } from '../../hooks'
 import { WalletAccountSelectBar } from './SelectBar'
 
 const StorybookEntry = {
@@ -24,20 +22,20 @@ const Template: StoryFn<typeof WalletAccountSelectBar> = (args) => {
 }
 
 const WithWalletTemplate: StoryFn<typeof WalletAccountSelectBar> = (args) => {
-  const [defaultWallet] = usePromise(() => HDWallet.fromMnemonic(DefaultSeedPhrase))
+  const [rootWallet] = useWallet({ mnemonic: DefaultSeedPhrase })
   return (
-    <WalletProvider defaultWallet={defaultWallet}>
+    <WalletProvider rootWallet={rootWallet}>
       <WalletAccountSelectBar {...args} />
     </WalletProvider>
   )
 }
 
 const WithFavoritesTemplate: StoryFn<typeof WalletAccountSelectBar> = (args) => {
-  const [defaultWallet] = usePromise(() => HDWallet.fromMnemonic(DefaultSeedPhrase))
-  const [wallets] = useAccounts({ account: defaultWallet, paths: ['0', '3', '5'] })
+  const [rootWallet] = useWallet({ mnemonic: DefaultSeedPhrase })
+  const [wallets] = useWallets({ paths: ['0', '3', '5'], wallet: rootWallet })
   const castWallets = wallets as WalletInstance[] | undefined
   return (
-    <WalletProvider defaultWallet={defaultWallet}>
+    <WalletProvider rootWallet={rootWallet}>
       <WalletAccountSelectBar
         addressNames={
           castWallets

package/src/components/WalletAccountSelect/WalletAccountSelectWithProvider.stories.tsx

@@ -1,9 +1,8 @@
 import { Meta, StoryFn } from '@storybook/react'
-import { HDWallet } from '@xyo-network/account'
-import { usePromise } from '@xyo-network/react-shared'
 import { DefaultSeedPhrase } from '@xyo-network/react-storybook'
 
 import { WalletProvider } from '../../contexts'
+import { useWallet } from '../../hooks'
 import { WalletAccountSelect } from './Select'
 
 const StorybookEntry = {
@@ -18,9 +17,9 @@ const StorybookEntry = {
 } as Meta<typeof WalletAccountSelect>
 
 const Template: StoryFn<typeof WalletAccountSelect> = (args) => {
-  const [wallet] = usePromise(() => HDWallet.fromMnemonic(DefaultSeedPhrase) as Promise<HDWallet>)
+  const [rootWallet] = useWallet({ mnemonic: DefaultSeedPhrase })
   return (
-    <WalletProvider defaultWallet={wallet}>
+    <WalletProvider rootWallet={rootWallet}>
       <WalletAccountSelect {...args}></WalletAccountSelect>
     </WalletProvider>
   )

package/src/contexts/Account/use.ts

@@ -2,7 +2,7 @@ import { useContextEx } from '@xyo-network/react-shared'
 
 import { AccountContext } from './Context'
 
-export const useAccountFromContext = (required = false) => {
+export const useContextAccount = (required = false) => {
   const { account } = useContextEx(AccountContext, 'Account', required)
   return [account]
 }

package/src/contexts/Wallet/Provider.tsx

@@ -1,37 +1,24 @@
-import { useAsyncEffect } from '@xylabs/react-async-effect'
 import { WithChildren } from '@xylabs/react-shared'
-import { HDWallet } from '@xyo-network/account'
 import { usePromise } from '@xyo-network/react-shared'
 import { WalletInstance } from '@xyo-network/wallet-model'
 import { useEffect, useState } from 'react'
 
-import { AccountContext } from '../Account'
 import { WalletContext } from './Context'
 import { WalletRootPath } from './lib'
-import { useWallet } from './use'
 
 export interface WalletProviderProps {
   basePath?: string
   defaultActiveAccountIndex?: number
-  defaultWallet?: WalletInstance
-}
-
-const AccountWalletProvider: React.FC<WithChildren> = (props) => {
-  const { wallet, activeAccountIndex = 0 } = useWallet()
-
-  const [account] = usePromise(() => wallet?.derivePath(activeAccountIndex.toString()))
-
-  return <AccountContext.Provider value={{ account, provided: true }} {...props} />
+  rootWallet?: WalletInstance
 }
 
 export const WalletProvider: React.FC<WithChildren<WalletProviderProps>> = ({
   basePath = WalletRootPath,
   children,
   defaultActiveAccountIndex = 0,
-  defaultWallet,
+  rootWallet,
   ...props
 }) => {
-  const [wallet, setWallet] = useState<HDWallet | undefined>()
   const [activeAccountIndex, setActiveAccountIndex] = useState(defaultActiveAccountIndex)
 
   useEffect(() => {
@@ -40,37 +27,37 @@ export const WalletProvider: React.FC<WithChildren<WalletProviderProps>> = ({
     }
   }, [defaultActiveAccountIndex])
 
-  useAsyncEffect(
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    async () => {
-      // ensure the wallet has the proper base
-      if (defaultWallet) {
-        if (!wallet?.path.includes(basePath)) {
-          try {
-            const walletWithBasePath = (await defaultWallet?.derivePath(basePath)) as HDWallet
-            setWallet(walletWithBasePath)
-          } catch (e) {
-            console.error('Error setting proper wallet base path', e)
-          }
+  const [derivedWallet] = usePromise(async () => {
+    // ensure the wallet has the proper base
+    if (rootWallet) {
+      if (!rootWallet?.path.includes(basePath)) {
+        try {
+          return await rootWallet?.derivePath(basePath)
+        } catch (e) {
+          console.error('Error setting proper wallet base path', e)
         }
       }
-    },
-    [basePath, defaultWallet, wallet?.path],
-  )
+    } else {
+      return undefined
+    }
+  }, [basePath, rootWallet])
+
+  const [activeAccount] = usePromise(() => derivedWallet?.derivePath(activeAccountIndex.toString()), [derivedWallet, activeAccountIndex])
 
   return (
     <WalletContext.Provider
       value={{
+        activeAccount,
         activeAccountIndex,
         basePath,
+        derivedWallet,
         provided: true,
+        rootWallet,
         setActiveAccountIndex,
-        setWallet,
-        wallet,
       }}
       {...props}
     >
-      <AccountWalletProvider>{children}</AccountWalletProvider>
+      {children}
     </WalletContext.Provider>
   )
 }

package/src/contexts/Wallet/State.ts

@@ -1,12 +1,18 @@
-import { HDWallet } from '@xyo-network/account'
 import { ContextExState } from '@xyo-network/react-shared'
-import { Dispatch, SetStateAction } from 'react'
+import { WalletInstance } from '@xyo-network/wallet-model'
+import { Dispatch } from 'react'
 
 export interface WalletContextState extends ContextExState {
+  /** Currently selected account */
+  activeAccount?: WalletInstance
+  /** Currently selected index */
   activeAccountIndex?: number
   /** Base path from which the wallet was derived */
   basePath?: string
+  /** The derived wallet being used */
+  derivedWallet?: WalletInstance
+  /** The root wallet being used */
+  rootWallet?: WalletInstance
+  /** Set currently selected index */
   setActiveAccountIndex?: Dispatch<number>
-  setWallet?: Dispatch<SetStateAction<HDWallet | undefined>>
-  wallet?: HDWallet
 }

package/src/contexts/Wallet/use.ts

@@ -1,7 +1,27 @@
-import { useContextEx } from '@xyo-network/react-shared'
+import { useContextEx, usePromise } from '@xyo-network/react-shared'
+import { WalletInstance } from '@xyo-network/wallet-model'
 
 import { WalletContext } from './Context'
 
-export const useWallet = (required = false) => {
-  return useContextEx(WalletContext, 'Wallet', required)
+export const useWalletContext = (required = true) => {
+  return useContextEx(WalletContext, 'WalletContext', required)
+}
+
+export const useContextWallet = (required = true): [WalletInstance | undefined] => {
+  const { derivedWallet } = useWalletContext(required)
+  return [derivedWallet]
+}
+
+export const useIndexedWalletFromContext = (index: number, required = true): [WalletInstance | undefined] => {
+  const [wallet] = useContextWallet(required)
+  const [account] = usePromise(() => wallet?.derivePath(index.toString()), [wallet, index])
+  return [account]
+}
+
+export const useSelectedWalletAccount = (required = true): [WalletInstance | undefined] => {
+  const { activeAccountIndex } = useWalletContext(required)
+  //we pass in 0 as default since we can not call the hook optionally,
+  //we resolve this false result by checking whether activeAccountIndex is defined before returning it
+  const [account] = useIndexedWalletFromContext(activeAccountIndex ?? 0)
+  return [activeAccountIndex !== undefined ? account : undefined]
 }

package/src/hooks/index.ts

@@ -1,2 +1,3 @@
 export * from './useAccount'
-export * from './useAccounts'
+export * from './useWallet'
+export * from './useWallets'

package/src/hooks/useAccount.tsx

@@ -1,42 +1,47 @@
-import { HDWallet } from '@xyo-network/account'
-import { DataLike } from '@xyo-network/core'
+import { AccountInstance } from '@xyo-network/account-model'
 import { usePromise } from '@xyo-network/react-shared'
 import { WalletInstance } from '@xyo-network/wallet-model'
 import { useState } from 'react'
 
-import { useAccountFromContext } from '../contexts'
+import { useContextAccount } from '../contexts'
 
 export interface AccountHookParams {
-  account?: WalletInstance
-  mnemonic?: string
+  account?: AccountInstance
   path?: string
   required?: boolean
-  seed?: DataLike
+  wallet?: WalletInstance
 }
 
-export const useAccount = ({ mnemonic, account, path, required, seed }: AccountHookParams = {}): [WalletInstance | undefined, Error | undefined] => {
+export const useAccount = ({ wallet, account, path, required = false }: AccountHookParams = {}): [AccountInstance | undefined, Error | undefined] => {
+  let validationError: Error | undefined = undefined
+  if (wallet && account) {
+    validationError = Error('useAccount can not have both a wallet and an account in the parameters')
+  }
+
+  if (path && account) {
+    validationError = Error('useAccount can not have both a path and an account in the parameters')
+  }
   const [error, setError] = useState<Error>()
-  const [contextAccount] = useAccountFromContext(!account && required)
+  const [contextAccount] = useContextAccount(!(account || wallet) && required)
   const [activeAccount] = usePromise(async () => {
     try {
-      const newAccount = await (() => {
-        if (account) {
-          return account
-        } else if (mnemonic) {
-          return HDWallet.fromMnemonic(mnemonic as string)
-        } else if (seed) {
-          return HDWallet.fromSeed(seed)
+      if (!validationError) {
+        if (wallet) {
+          if (path) {
+            return await wallet?.derivePath?.(path)
+          } else {
+            return wallet
+          }
+        } else {
+          return contextAccount
         }
-        return contextAccount
-      })()
-      if (path) {
-        return newAccount?.derivePath?.(path)
-      } else {
-        return newAccount
       }
     } catch (ex) {
       setError(ex as Error)
     }
-  }, [account, mnemonic, contextAccount, seed, path])
-  return [activeAccount, error]
+  }, [path, wallet, contextAccount, validationError])
+  if (validationError && !error) {
+    setError(validationError)
+  }
+  return [error ? undefined : activeAccount, error]
 }

package/src/hooks/useWallet.tsx

@@ -0,0 +1,47 @@
+import { HDWallet } from '@xyo-network/account'
+import { DataLike } from '@xyo-network/core'
+import { usePromise } from '@xyo-network/react-shared'
+import { WalletInstance } from '@xyo-network/wallet-model'
+import { useState } from 'react'
+
+import { useContextWallet } from '../contexts'
+
+export interface WalletHookParams {
+  mnemonic?: string
+  path?: string
+  required?: boolean
+  seed?: DataLike
+  wallet?: WalletInstance
+}
+
+export const useWallet = ({ mnemonic, wallet, path, required = false, seed }: WalletHookParams = {}): [
+  WalletInstance | undefined,
+  Error | undefined,
+] => {
+  const [error, setError] = useState<Error>()
+  const [contextAccount] = useContextWallet(!wallet && required)
+  const [activeAccount] = usePromise(async () => {
+    try {
+      const newAccount = await (() => {
+        if (wallet) {
+          return wallet
+        } else if (mnemonic) {
+          return HDWallet.fromMnemonic(mnemonic as string)
+        } else if (seed) {
+          return HDWallet.fromSeed(seed)
+        }
+        return contextAccount
+      })()
+
+      if (path) {
+        console.log(`path: ${path}`)
+        return newAccount?.derivePath?.(path)
+      } else {
+        return newAccount ?? wallet
+      }
+    } catch (ex) {
+      setError(ex as Error)
+    }
+  }, [mnemonic, contextAccount, seed, path, wallet])
+  return [activeAccount, error]
+}

package/src/hooks/useWallets.tsx

@@ -0,0 +1,18 @@
+import { usePromise } from '@xyo-network/react-shared'
+import { WalletInstance } from '@xyo-network/wallet-model'
+
+import { useWallet } from './useWallet'
+
+export interface WalletsHookParams {
+  paths: string[]
+  wallet?: WalletInstance
+}
+
+export const useWallets = ({ wallet, paths }: WalletsHookParams): [WalletInstance[] | undefined, Error | undefined] => {
+  const [foundWallet] = useWallet({ wallet })
+  const [wallets, error] = usePromise(
+    () => (foundWallet ? Promise.all(paths.map((path) => foundWallet.derivePath(path))) : undefined),
+    [foundWallet, paths],
+  )
+  return [wallets, error]
+}

package/dist/cjs/hooks/useAccounts.js

@@ -1,13 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useAccounts = void 0;
-const tslib_1 = require("tslib");
-const react_shared_1 = require("@xyo-network/react-shared");
-const contexts_1 = require("../contexts");
-const useAccounts = ({ account, paths, required } = {}) => {
-    const [contextAccount] = (0, contexts_1.useAccountFromContext)(!account && required);
-    const activeAccount = account !== null && account !== void 0 ? account : contextAccount;
-    return (0, react_shared_1.usePromise)(() => tslib_1.__awaiter(void 0, void 0, void 0, function* () { return (paths ? yield Promise.all(paths.map((path) => { var _a; return (_a = activeAccount === null || activeAccount === void 0 ? void 0 : activeAccount.derivePath) === null || _a === void 0 ? void 0 : _a.call(activeAccount, path); })) : activeAccount); }));
-};
-exports.useAccounts = useAccounts;
-//# sourceMappingURL=useAccounts.js.map

package/dist/cjs/hooks/useAccounts.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useAccounts.js","sourceRoot":"","sources":["../../../src/hooks/useAccounts.tsx"],"names":[],"mappings":";;;;AAAA,4DAAsD;AAGtD,0CAAmD;AAQ5C,MAAM,WAAW,GAAG,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,KAAyB,EAAE,EAAE,EAAE;IACnF,MAAM,CAAC,cAAc,CAAC,GAAG,IAAA,gCAAqB,EAAC,CAAC,OAAO,IAAI,QAAQ,CAAC,CAAA;IACpE,MAAM,aAAa,GAAG,OAAO,aAAP,OAAO,cAAP,OAAO,GAAI,cAAc,CAAA;IAC/C,OAAO,IAAA,yBAAU,EAAC,GAAS,EAAE,0DAAC,OAAA,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,WAAC,OAAA,MAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,UAAU,8DAAG,IAAI,CAAC,CAAA,EAAA,CAAC,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,CAAA,GAAA,CAAC,CAAA;AACpI,CAAC,CAAA;AAJY,QAAA,WAAW,eAIvB"}

package/dist/esm/hooks/useAccounts.js

@@ -1,8 +0,0 @@
-import { usePromise } from '@xyo-network/react-shared';
-import { useAccountFromContext } from '../contexts';
-export const useAccounts = ({ account, paths, required } = {}) => {
-    const [contextAccount] = useAccountFromContext(!account && required);
-    const activeAccount = account ?? contextAccount;
-    return usePromise(async () => (paths ? await Promise.all(paths.map((path) => activeAccount?.derivePath?.(path))) : activeAccount));
-};
-//# sourceMappingURL=useAccounts.js.map

package/dist/esm/hooks/useAccounts.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useAccounts.js","sourceRoot":"","sources":["../../../src/hooks/useAccounts.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAA;AAGtD,OAAO,EAAE,qBAAqB,EAAE,MAAM,aAAa,CAAA;AAQnD,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,KAAyB,EAAE,EAAE,EAAE;IACnF,MAAM,CAAC,cAAc,CAAC,GAAG,qBAAqB,CAAC,CAAC,OAAO,IAAI,QAAQ,CAAC,CAAA;IACpE,MAAM,aAAa,GAAG,OAAO,IAAI,cAAc,CAAA;IAC/C,OAAO,UAAU,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,aAAa,EAAE,UAAU,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAA;AACpI,CAAC,CAAA"}

package/dist/types/hooks/useAccounts.d.ts

@@ -1,8 +0,0 @@
-import { WalletInstance } from '@xyo-network/wallet-model';
-export interface AccountsHookParams {
-    account?: WalletInstance;
-    paths?: string[];
-    required?: boolean;
-}
-export declare const useAccounts: ({ account, paths, required }?: AccountsHookParams) => [WalletInstance | (WalletInstance | undefined)[] | undefined, Error | undefined, import("@xyo-network/react-shared").State | undefined];
-//# sourceMappingURL=useAccounts.d.ts.map

package/dist/types/hooks/useAccounts.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useAccounts.d.ts","sourceRoot":"","sources":["../../../src/hooks/useAccounts.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAI1D,MAAM,WAAW,kBAAkB;IACjC,OAAO,CAAC,EAAE,cAAc,CAAA;IACxB,KAAK,CAAC,EAAE,MAAM,EAAE,CAAA;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,eAAO,MAAM,WAAW,kCAAkC,kBAAkB,4IAI3E,CAAA"}

package/src/hooks/useAccounts.tsx

@@ -1,16 +0,0 @@
-import { usePromise } from '@xyo-network/react-shared'
-import { WalletInstance } from '@xyo-network/wallet-model'
-
-import { useAccountFromContext } from '../contexts'
-
-export interface AccountsHookParams {
-  account?: WalletInstance
-  paths?: string[]
-  required?: boolean
-}
-
-export const useAccounts = ({ account, paths, required }: AccountsHookParams = {}) => {
-  const [contextAccount] = useAccountFromContext(!account && required)
-  const activeAccount = account ?? contextAccount
-  return usePromise(async () => (paths ? await Promise.all(paths.map((path) => activeAccount?.derivePath?.(path))) : activeAccount))
-}