@xyo-network/react-wallet 2.81.10 → 2.82.0

package/src/contexts/SeedPhrase/Provider.tsx

@@ -2,9 +2,9 @@ import { generateMnemonic, validateMnemonic } from '@scure/bip39'
 // eslint-disable-next-line import/no-internal-modules
 import { wordlist } from '@scure/bip39/wordlists/english'
 import { WithChildren } from '@xylabs/react-shared'
-import { useCallback, useEffect, useMemo, useState } from 'react'
+import React, { useCallback, useEffect, useMemo, useState } from 'react'
 
-import { SeedPhraseContext } from './Context.js'
+import { SeedPhraseContext } from './Context.ts'
 
 export interface SeedPhraseProviderProps extends WithChildren {
   defaultPhrase?: string
@@ -75,24 +75,36 @@ export const SeedPhraseProvider: React.FC<SeedPhraseProviderProps> = ({
   const validSeedPhrase = useMemo(() => validate?.(seedPhrase), [seedPhrase])
   const validPhrase = useMemo(() => validate?.(phrase), [phrase])
 
+  const value = useMemo(() => ({ handleCancelOverwrite,
+    handleChangeSeedPhrase,
+    handleClear,
+    handleGenerate,
+    handleSave,
+    overwriteWarning,
+    phrase,
+    provided: true,
+    seedPhrase,
+    setOverwriteWarning,
+    setPhrase,
+    validPhrase,
+    validSeedPhrase,
+    validate }), [handleCancelOverwrite,
+    handleChangeSeedPhrase,
+    handleClear,
+    handleGenerate,
+    handleSave,
+    overwriteWarning,
+    phrase,
+    seedPhrase,
+    setOverwriteWarning,
+    setPhrase,
+    validPhrase,
+    validSeedPhrase,
+    validate])
+
   return (
     <SeedPhraseContext.Provider
-      value={{
-        handleCancelOverwrite,
-        handleChangeSeedPhrase,
-        handleClear,
-        handleGenerate,
-        handleSave,
-        overwriteWarning,
-        phrase,
-        provided: true,
-        seedPhrase,
-        setOverwriteWarning,
-        setPhrase,
-        validPhrase,
-        validSeedPhrase,
-        validate,
-      }}
+      value={value}
     >
       {children}
     </SeedPhraseContext.Provider>

package/src/contexts/SeedPhrase/index.ts

@@ -1,4 +1,4 @@
-export * from './Context.js'
-export * from './Provider.js'
-export * from './State.js'
-export * from './use.js'
+export * from './Context.ts'
+export * from './Provider.tsx'
+export * from './State.ts'
+export * from './use.ts'

package/src/contexts/SeedPhrase/{use.tsx → use.ts}

@@ -1,5 +1,5 @@
 import { useContextEx } from '@xyo-network/react-shared'
 
-import { SeedPhraseContext } from './Context.js'
+import { SeedPhraseContext } from './Context.ts'
 
 export const useSeedPhrase = () => useContextEx(SeedPhraseContext, 'SeedPhrase', true)

package/src/contexts/Wallet/Context.ts

@@ -1,5 +1,5 @@
 import { createContextEx } from '@xyo-network/react-shared'
 
-import { WalletContextState } from './State.js'
+import { WalletContextState } from './State.ts'
 
 export const WalletContext = createContextEx<WalletContextState>()

package/src/contexts/Wallet/Provider.tsx

@@ -1,9 +1,9 @@
 import { usePromise } from '@xylabs/react-promise'
 import { WithChildren } from '@xylabs/react-shared'
 import { WalletInstance } from '@xyo-network/wallet-model'
-import { useEffect, useState } from 'react'
+import React, { useEffect, useMemo, useState } from 'react'
 
-import { WalletContext } from './Context.js'
+import { WalletContext } from './Context.ts'
 
 export interface WalletProviderProps {
   defaultActiveAccountIndex?: number
@@ -26,15 +26,18 @@ export const WalletProvider: React.FC<WithChildren<WalletProviderProps>> = ({
 
   const [activeAccount = null] = usePromise(async () => await rootWallet?.derivePath(activeAccountIndex.toString()), [activeAccountIndex, rootWallet])
 
+  const value = useMemo(() => ({ activeAccount,
+    activeAccountIndex,
+    provided: true,
+    rootWallet,
+    setActiveAccountIndex }), [activeAccount,
+    activeAccountIndex,
+    rootWallet,
+    setActiveAccountIndex])
+
   return (
     <WalletContext.Provider
-      value={{
-        activeAccount,
-        activeAccountIndex,
-        provided: true,
-        rootWallet,
-        setActiveAccountIndex,
-      }}
+      value={value}
       {...props}
     >
       {children}

package/src/contexts/Wallet/index.ts

@@ -1,4 +1,4 @@
-export * from './Context.js'
-export * from './Provider.js'
-export * from './State.js'
-export * from './use.js'
+export * from './Context.ts'
+export * from './Provider.tsx'
+export * from './State.ts'
+export * from './use.ts'

package/src/contexts/Wallet/use.ts

@@ -2,7 +2,7 @@ import { usePromise } from '@xylabs/react-promise'
 import { useContextEx, useProvided } from '@xyo-network/react-shared'
 import { WalletInstance } from '@xyo-network/wallet-model'
 
-import { WalletContext } from './Context.js'
+import { WalletContext } from './Context.ts'
 
 export const useWalletContext = (required = true) => {
   return useContextEx(WalletContext, 'Wallet', required)
@@ -25,8 +25,8 @@ export const useIndexedWalletFromContext = (index: number, required = true): [Wa
 
 export const useSelectedWalletAccount = (required = true): [WalletInstance | null | undefined, Error | 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
+  // 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, required)
   return activeAccountIndex === undefined && account === null ? [null, undefined] : [account, undefined]
 }

package/src/contexts/index.ts

@@ -1,2 +1,2 @@
-export * from './SeedPhrase/index.js'
-export * from './Wallet/index.js'
+export * from './SeedPhrase/index.ts'
+export * from './Wallet/index.ts'

package/src/hooks/index.ts

@@ -1,4 +1,4 @@
-export * from './useAccount.js'
-export * from './useWallet.js'
-export * from './useWallets.js'
-export * from './useWrapperAccount.js'
+export * from './useAccount.ts'
+export * from './useWallet.ts'
+export * from './useWallets.ts'
+export * from './useWrapperAccount.ts'

package/src/hooks/useAccount.ts

@@ -3,7 +3,7 @@ import { AccountInstance } from '@xyo-network/account-model'
 import { WalletInstance } from '@xyo-network/wallet-model'
 import { useState } from 'react'
 
-import { useRootWallet, useWalletContext, useWalletProvided } from '../contexts/index.js'
+import { useRootWallet, useWalletContext, useWalletProvided } from '../contexts/index.ts'
 
 export interface AccountHookParams {
   account?: AccountInstance
@@ -50,9 +50,11 @@ export const useAccount = ({ wallet, account, index, required = false }: Account
   }
 
   return [
-    error ? undefined
-    : (account ?? activeAccount ?? walletContextProvided) ? null
-    : undefined,
+    error
+      ? undefined
+      : (account ?? activeAccount ?? walletContextProvided)
+          ? null
+          : undefined,
     error,
   ]
 }

package/src/hooks/useWallet.ts

@@ -3,7 +3,7 @@ import { HDWallet } from '@xyo-network/account'
 import { WalletInstance } from '@xyo-network/wallet-model'
 import { useState } from 'react'
 
-import { useSelectedWalletAccount, useWalletContext } from '../contexts/index.js'
+import { useSelectedWalletAccount, useWalletContext } from '../contexts/index.ts'
 
 export interface WalletHookParams {
   mnemonic?: string

package/src/hooks/useWallets.ts

@@ -1,8 +1,8 @@
 import { usePromise } from '@xylabs/react-promise'
 import { WalletInstance } from '@xyo-network/wallet-model'
 
-import { useWalletContext } from '../contexts/index.js'
-import { useWallet } from './useWallet.js'
+import { useWalletContext } from '../contexts/index.ts'
+import { useWallet } from './useWallet.ts'
 
 export interface WalletsHookParams {
   paths: string[]
@@ -13,7 +13,7 @@ export const useWallets = ({ wallet, paths }: WalletsHookParams): [WalletInstanc
   const walletContextProvided = useWalletContext(false)
   const [foundWallet] = useWallet({ wallet })
   const [wallets, error] = usePromise(
-    async () => (foundWallet ? await Promise.all(paths.map((path) => foundWallet.derivePath(path))) : undefined),
+    async () => (foundWallet ? await Promise.all(paths.map(path => foundWallet.derivePath(path))) : undefined),
     [foundWallet, paths],
   )
   return [wallets ?? (walletContextProvided ? null : wallets), error]

package/src/hooks/useWrapperAccount.ts

@@ -12,7 +12,7 @@ export const useWrapperAccount = (
 ): [AccountInstance | null | undefined, Error | undefined, PromiseState | undefined] => {
   return usePromise(async () => {
     return await globalWrapperWalletMutex.runExclusive(async () => {
-      //if we are expecting to receive a wallet or did receive on, return the override account
+      // if we are expecting to receive a wallet or did receive on, return the override account
       if (account !== undefined) {
         return account
       }

package/src/index.ts

@@ -1,3 +1,3 @@
-export * from './components/index.js'
-export * from './contexts/index.js'
-export * from './hooks/index.js'
+export * from './components/index.ts'
+export * from './contexts/index.ts'
+export * from './hooks/index.ts'