@xyo-network/react-wallet 2.81.10 → 2.82.0

package/src/components/SeedPhrase/dialog/components/fields/SavedPhraseTextField.tsx

@@ -1,8 +1,8 @@
 import { Chip, FormControl, FormLabel, StandardTextFieldProps, TextField } from '@mui/material'
-import { useState } from 'react'
+import React, { useState } from 'react'
 
-import { useSeedPhrase } from '../../../../../contexts/index.js'
-import { InvalidPhraseTypography, PhraseHeaderBox } from './validation-messages/index.js'
+import { useSeedPhrase } from '../../../../../contexts/index.ts'
+import { InvalidPhraseTypography, PhraseHeaderBox } from './validation-messages/index.ts'
 
 export interface SavedPhraseTextFieldProps extends StandardTextFieldProps {
   fullWidth?: boolean
@@ -21,25 +21,29 @@ export const SavedPhraseTextField: React.FC<SavedPhraseTextFieldProps> = ({ full
         onClick={() => setVisible(!visible)}
         sx={{ alignSelf: 'center' }}
       />
-      {visible ?
-        <>
-          {showPhraseHeader ?
-            <FormLabel>
-              <PhraseHeaderBox conditional={validSeedPhrase}>Saved Seed Phrase</PhraseHeaderBox>
-            </FormLabel>
-          : null}
-          <TextField
-            defaultValue={seedPhrase}
-            disabled
-            error={validSeedPhrase === false}
-            helperText={validSeedPhrase === false ? <InvalidPhraseTypography /> : null}
-            fullWidth
-            maxRows={Number.POSITIVE_INFINITY}
-            multiline
-            {...props}
-          />
-        </>
-      : null}
+      {visible
+        ? (
+            <>
+              {showPhraseHeader
+                ? (
+                    <FormLabel>
+                      <PhraseHeaderBox conditional={validSeedPhrase}>Saved Seed Phrase</PhraseHeaderBox>
+                    </FormLabel>
+                  )
+                : null}
+              <TextField
+                defaultValue={seedPhrase}
+                disabled
+                error={validSeedPhrase === false}
+                helperText={validSeedPhrase === false ? <InvalidPhraseTypography /> : null}
+                fullWidth
+                maxRows={Number.POSITIVE_INFINITY}
+                multiline
+                {...props}
+              />
+            </>
+          )
+        : null}
     </FormControl>
   )
 }

package/src/components/SeedPhrase/dialog/components/fields/index.ts

@@ -1,4 +1,4 @@
-export * from './NewPhraseTextField.js'
-export * from './PhraseDialogActions.js'
-export * from './SavedPhraseTextField.js'
-export * from './validation-messages/index.js'
+export * from './NewPhraseTextField.tsx'
+export * from './PhraseDialogActions.tsx'
+export * from './SavedPhraseTextField.tsx'
+export * from './validation-messages/index.ts'

package/src/components/SeedPhrase/dialog/components/fields/validation-messages/InvalidPhrase.tsx

@@ -1,9 +1,11 @@
 import { Link, Typography, TypographyProps } from '@mui/material'
+import React from 'react'
 
-export const InvalidPhraseTypography: React.FC<TypographyProps> = (props) => (
-  <Typography variant={'caption'} color={'error'} {...props}>
-    Invalid seed phrase. See -{' '}
-    <Link target={'_blank'} href="https://github.com/bitcoin/bips/blob/master/bip-0039.mediawiki">
+export const InvalidPhraseTypography: React.FC<TypographyProps> = props => (
+  <Typography variant="caption" color="error" {...props}>
+    Invalid seed phrase. See -
+    {' '}
+    <Link target="_blank" href="https://github.com/bitcoin/bips/blob/master/bip-0039.mediawiki">
       bip39 Proposal
     </Link>
   </Typography>

package/src/components/SeedPhrase/dialog/components/fields/validation-messages/PhraseHeaderBox.tsx

@@ -1,7 +1,7 @@
 import { CheckCircleOutline as CheckCircleOutlineIcon, HighlightOff as HighlightOffIcon } from '@mui/icons-material'
 import { FlexBoxProps, FlexRow } from '@xylabs/react-flexbox'
 import { WithChildren } from '@xylabs/react-shared'
-import { useMemo } from 'react'
+import React, { useMemo } from 'react'
 
 interface PhraseHeaderBox extends FlexBoxProps, WithChildren {
   conditional?: boolean | null
@@ -37,7 +37,7 @@ export const PhraseHeaderBox: React.FC<PhraseHeaderBox> = ({ children, condition
   }, [state])
 
   return (
-    <FlexRow justifyContent={'start'} columnGap={1} {...props}>
+    <FlexRow justifyContent="start" columnGap={1} {...props}>
       {Icon}
       {children}
     </FlexRow>

package/src/components/SeedPhrase/dialog/components/fields/validation-messages/index.ts

@@ -1,3 +1,3 @@
-export * from './colorParser.js'
-export * from './InvalidPhrase.js'
-export * from './PhraseHeaderBox.js'
+export * from './colorParser.ts'
+export * from './InvalidPhrase.tsx'
+export * from './PhraseHeaderBox.tsx'

package/src/components/SeedPhrase/dialog/components/index.ts

@@ -1,3 +1,3 @@
-export * from './DialogActionButtons.js'
-export * from './fields/index.js'
-export * from './OverwriteWarning.js'
+export * from './DialogActionButtons.tsx'
+export * from './fields/index.ts'
+export * from './OverwriteWarning.tsx'

package/src/components/SeedPhrase/dialog/index.ts

@@ -1,2 +1,2 @@
-export * from './components/index.js'
-export * from './SeedPhraseDialog.js'
+export * from './components/index.ts'
+export * from './SeedPhraseDialog.tsx'

package/src/components/SeedPhrase/index.ts

@@ -1,4 +1,4 @@
-export * from './_shared/index.js'
-export * from './DefaultSeedPhrase.js'
-export * from './dialog/index.js'
-export * from './settings/index.js'
+export * from './_shared/index.ts'
+export * from './DefaultSeedPhrase.tsx'
+export * from './dialog/index.ts'
+export * from './settings/index.ts'

package/src/components/SeedPhrase/settings/SeedPhraseTableRow.stories.tsx

@@ -1,17 +1,17 @@
 import { Table, TableBody } from '@mui/material'
 import { Meta, StoryFn } from '@storybook/react'
+import React from 'react'
 
-import { SeedPhraseTableRow } from './SeedPhraseTableRow.js'
+import { SeedPhraseTableRow } from './SeedPhraseTableRow.tsx'
 
 const changeSeedPhrase = (phrase?: string) => alert(`Changed Seed Phrase to: ${phrase}`)
 
-// eslint-disable-next-line import/no-default-export
 export default {
   component: SeedPhraseTableRow,
   title: 'Wallet/SeedPhraseTableRow',
 } as Meta
 
-const Template: StoryFn<typeof SeedPhraseTableRow> = (props) => (
+const Template: StoryFn<typeof SeedPhraseTableRow> = props => (
   <Table>
     <TableBody>
       <SeedPhraseTableRow {...props} />

package/src/components/SeedPhrase/settings/SeedPhraseTableRow.tsx

@@ -1,9 +1,9 @@
 import { Cancel as CancelIcon, RadioButtonChecked as RadioButtonCheckedIcon } from '@mui/icons-material'
 import { Button, ButtonGroup, TableCell, TableRow, TableRowProps } from '@mui/material'
-import { useState } from 'react'
+import React, { useState } from 'react'
 
-import { SeedPhraseIconButton } from '../_shared/index.js'
-import { SeedPhraseDialog } from '../dialog/index.js'
+import { SeedPhraseIconButton } from '../_shared/index.ts'
+import { SeedPhraseDialog } from '../dialog/index.ts'
 
 export interface SeedPhraseTableRowProps extends TableRowProps {
   changeSeedPhrase?: (seedPhrase: string) => void
@@ -19,12 +19,14 @@ export const SeedPhraseTableRow: React.FC<SeedPhraseTableRowProps> = ({ changeSe
   return (
     <TableRow {...props}>
       <TableCell>
-        Seed Phrase <SeedPhraseIconButton />
+        Seed Phrase
+        {' '}
+        <SeedPhraseIconButton />
       </TableCell>
       <TableCell align="center">
-        {seedPhrase ?
-          <RadioButtonCheckedIcon color="success" />
-        : <CancelIcon color="error" />}
+        {seedPhrase
+          ? <RadioButtonCheckedIcon color="success" />
+          : <CancelIcon color="error" />}
       </TableCell>
       <TableCell>
         <SeedPhraseDialog changeSeedPhrase={changeSeedPhrase} open={open} onClose={() => setOpen(false)} seedPhrase={seedPhrase} />

package/src/components/SeedPhrase/settings/index.ts

@@ -1 +1 @@
-export * from './SeedPhraseTableRow.js'
+export * from './SeedPhraseTableRow.tsx'

package/src/components/WalletAccountDetails/WalletAccountDetails.stories.tsx

@@ -1,7 +1,8 @@
 import { Meta, StoryFn } from '@storybook/react'
+import React from 'react'
 import { BrowserRouter } from 'react-router-dom'
 
-import { WalletAccountDetails } from './WalletAccountDetails.js'
+import { WalletAccountDetails } from './WalletAccountDetails.tsx'
 
 const StorybookEntry = {
   argTypes: {},
@@ -27,5 +28,4 @@ Default.args = {}
 
 export { Default }
 
-// eslint-disable-next-line import/no-default-export
 export default StorybookEntry

package/src/components/WalletAccountDetails/WalletAccountDetails.tsx

@@ -4,8 +4,9 @@ import { FlexBoxProps, FlexCol, FlexRow } from '@xylabs/react-flexbox'
 import { NumberStatus } from '@xylabs/react-number-status'
 import { useNetwork } from '@xyo-network/react-network'
 import { WalletInstance } from '@xyo-network/wallet-model'
+import React from 'react'
 
-import { useAccount } from '../../hooks/index.js'
+import { useAccount } from '../../hooks/index.ts'
 
 export interface WalletAccountDetailsProps extends FlexBoxProps {
   account?: WalletInstance

package/src/components/WalletAccountDetails/WalletAccountDetailsWithProvider.stories.tsx

@@ -1,10 +1,11 @@
 import { Meta, StoryFn } from '@storybook/react'
 import { DefaultSeedPhrase } from '@xyo-network/react-storybook'
+import React from 'react'
 import { BrowserRouter } from 'react-router-dom'
 
-import { WalletProvider } from '../../contexts/index.js'
-import { useWallet } from '../../hooks/index.js'
-import { WalletAccountDetails } from './WalletAccountDetails.js'
+import { WalletProvider } from '../../contexts/index.ts'
+import { useWallet } from '../../hooks/index.ts'
+import { WalletAccountDetails } from './WalletAccountDetails.tsx'
 
 const StorybookEntry = {
   argTypes: {},
@@ -33,5 +34,4 @@ Default.args = {}
 
 export { Default }
 
-// eslint-disable-next-line import/no-default-export
 export default StorybookEntry

package/src/components/WalletAccountDetails/index.ts

@@ -1 +1 @@
-export * from './WalletAccountDetails.js'
+export * from './WalletAccountDetails.tsx'

package/src/components/WalletAccountSelect/Select.tsx

@@ -1,9 +1,10 @@
 import { CircularProgress, MenuItem, SelectProps } from '@mui/material'
 import { SelectEx } from '@xylabs/react-select'
 import { AddressRenderRowBox, AddressRenderRowBoxProps } from '@xyo-network/react-address-render'
+import React from 'react'
 
-import { useWalletContext } from '../../contexts/index.js'
-import { useWallet } from '../../hooks/index.js'
+import { useWalletContext } from '../../contexts/index.ts'
+import { useWallet } from '../../hooks/index.ts'
 
 type SharedAddressRenderRowBoxProps = Pick<AddressRenderRowBoxProps, 'iconOnly' | 'iconSize' | 'icons' | 'showFavorite'>
 
@@ -15,11 +16,11 @@ export type WalletAccountSelectProps = SharedAddressRenderRowBoxProps &
   }
 
 const arrayRange = (length: number, start = 0) => {
-  return [...Array.from({ length }).keys()].map((x) => x + start)
+  return [...Array.from({ length }).keys()].map(x => x + start)
 }
 
 export const WalletAccountSelect: React.FC<WalletAccountSelectProps> = ({
-  addressNames = {},
+  addressNames,
   iconOnly,
   iconSize = 24,
   icons,
@@ -34,65 +35,69 @@ export const WalletAccountSelect: React.FC<WalletAccountSelectProps> = ({
 
   return (
     <>
-      {rootWallet ?
-        <SelectEx
-          margin="dense"
-          disabled={disabled}
-          renderValue={(selectedAccountIndex) => {
-            const Item: React.FC = () => {
-              const [selectedAccount] = useWallet({ path: selectedAccountIndex.toString(), wallet: rootWallet })
-              const customName = selectedAccount ? addressNames[selectedAccount.address] : undefined
-              const favorite = !!selectedAccount && selectedAccount.address in addressNames
-              return (
-                <MenuItem value={selectedAccountIndex} sx={{ minHeight: 0, paddingBottom: 0, paddingTop: 0 }}>
-                  <AddressRenderRowBox
-                    disableSharedRef={true}
-                    flexGrow={1}
-                    address={selectedAccount?.address}
-                    iconOnly={iconOnly}
-                    iconSize={iconSize}
-                    icons={icons}
-                    name={customName}
-                    favorite={favorite}
-                    showFavorite={showFavorite}
-                  />
-                </MenuItem>
-              )
-            }
-            return <Item />
-          }}
-          value={activeAccountIndex}
-          onChange={(event) => setActiveAccountIndex?.(Number.parseInt(`${event.target.value}`))}
-          size={size}
-          variant={variant}
-          {...props}
-        >
-          {arrayRange(maxAccounts).map((index) => {
-            const Item: React.FC = () => {
-              const [account] = useWallet({ path: index.toString(), wallet: rootWallet })
-              const customName = account ? addressNames[account.address] : undefined
-              const favorite = !!account && account.address in addressNames
-              return (
-                <MenuItem key={account?.address} value={index} sx={{ minHeight: 0, paddingBottom: 0, paddingTop: 0 }}>
-                  <AddressRenderRowBox
-                    disableSharedRef={true}
-                    flexGrow={1}
-                    address={account?.address}
-                    favorite={favorite}
-                    iconOnly={iconOnly}
-                    iconSize={iconSize}
-                    icons={icons}
-                    name={customName}
-                    showFavorite={showFavorite}
-                  />
-                </MenuItem>
-              )
-            }
+      {rootWallet
+        ? (
+            <SelectEx
+              margin="dense"
+              disabled={disabled}
+              renderValue={(selectedAccountIndex) => {
+                // eslint-disable-next-line @eslint-react/no-nested-components
+                const Item: React.FC = () => {
+                  const [selectedAccount] = useWallet({ path: selectedAccountIndex.toString(), wallet: rootWallet })
+                  const customName = selectedAccount ? addressNames?.[selectedAccount.address] : undefined
+                  const favorite = !!selectedAccount && selectedAccount.address in (addressNames ?? {})
+                  return (
+                    <MenuItem value={selectedAccountIndex} sx={{ minHeight: 0, paddingBottom: 0, paddingTop: 0 }}>
+                      <AddressRenderRowBox
+                        disableSharedRef={true}
+                        flexGrow={1}
+                        address={selectedAccount?.address}
+                        iconOnly={iconOnly}
+                        iconSize={iconSize}
+                        icons={icons}
+                        name={customName}
+                        favorite={favorite}
+                        showFavorite={showFavorite}
+                      />
+                    </MenuItem>
+                  )
+                }
+                return <Item />
+              }}
+              value={activeAccountIndex}
+              onChange={event => setActiveAccountIndex?.(Number.parseInt(`${event.target.value}`))}
+              size={size}
+              variant={variant}
+              {...props}
+            >
+              {arrayRange(maxAccounts).map((index) => {
+                // eslint-disable-next-line @eslint-react/no-nested-components
+                const Item: React.FC = () => {
+                  const [account] = useWallet({ path: index.toString(), wallet: rootWallet })
+                  const customName = account ? addressNames?.[account.address] : undefined
+                  const favorite = !!account && account.address in (addressNames ?? {})
+                  return (
+                    <MenuItem key={account?.address} value={index} sx={{ minHeight: 0, paddingBottom: 0, paddingTop: 0 }}>
+                      <AddressRenderRowBox
+                        disableSharedRef={true}
+                        flexGrow={1}
+                        address={account?.address}
+                        favorite={favorite}
+                        iconOnly={iconOnly}
+                        iconSize={iconSize}
+                        icons={icons}
+                        name={customName}
+                        showFavorite={showFavorite}
+                      />
+                    </MenuItem>
+                  )
+                }
 
-            return <Item key={index} />
-          })}
-        </SelectEx>
-      : <CircularProgress size={24} />}
+                return <Item key={index} />
+              })}
+            </SelectEx>
+          )
+        : <CircularProgress size={24} />}
     </>
   )
 }

package/src/components/WalletAccountSelect/SelectBar.tsx

@@ -1,6 +1,7 @@
 import { FlexBoxProps, FlexCol } from '@xylabs/react-flexbox'
+import React from 'react'
 
-import { WalletAccountSelect } from './Select.js'
+import { WalletAccountSelect } from './Select.tsx'
 
 export interface WalletAccountSelectBarProps extends FlexBoxProps {
   addressNames?: Record<string, string | undefined>
@@ -13,7 +14,7 @@ export interface WalletAccountSelectBarProps extends FlexBoxProps {
 }
 
 export const WalletAccountSelectBar: React.FC<WalletAccountSelectBarProps> = ({
-  addressNames = {},
+  addressNames,
   iconOnly,
   iconSize,
   icons,

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

@@ -1,9 +1,10 @@
 import { Stack } from '@mui/material'
 import { Meta, StoryFn } from '@storybook/react'
+import React from 'react'
 
-import { WalletAccountSelect } from './Select.js'
-import { WalletProviderDecorator } from './stories/index.js'
-import { AccountInfo, RootWalletInfo, SelectedWalletInfo, WalletInfo } from './WalletInfo.js'
+import { WalletAccountSelect } from './Select.tsx'
+import { WalletProviderDecorator } from './stories/index.ts'
+import { AccountInfo, RootWalletInfo, SelectedWalletInfo, WalletInfo } from './WalletInfo.tsx'
 
 const StorybookEntry = {
   argTypes: {},
@@ -43,5 +44,4 @@ WithWallet.args = {}
 
 export { Default, WithWallet }
 
-// eslint-disable-next-line import/no-default-export
 export default StorybookEntry

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

@@ -1,9 +1,10 @@
 import { Meta, StoryFn } from '@storybook/react'
 import { WalletInstance } from '@xyo-network/wallet-model'
+import React from 'react'
 
-import { useWallets } from '../../hooks/index.js'
-import { WalletAccountSelectBar } from './SelectBar.js'
-import { WalletProviderDecorator } from './stories/index.js'
+import { useWallets } from '../../hooks/index.ts'
+import { WalletAccountSelectBar } from './SelectBar.tsx'
+import { WalletProviderDecorator } from './stories/index.ts'
 
 const PATHS = { paths: ['0', '3', '5'] }
 
@@ -29,13 +30,13 @@ const WithFavoritesTemplate: StoryFn<typeof WalletAccountSelectBar> = (args) =>
   return (
     <WalletAccountSelectBar
       addressNames={
-        castWallets ?
-          {
-            [castWallets[0]?.address]: 'first address',
-            [castWallets[1]?.address]: undefined,
-            [castWallets[2]?.address]: 'sixth address',
-          }
-        : {}
+        castWallets
+          ? {
+              [castWallets[0]?.address]: 'first address',
+              [castWallets[1]?.address]: undefined,
+              [castWallets[2]?.address]: 'sixth address',
+            }
+          : {}
       }
       icons={true}
       maxAccounts={10}
@@ -61,5 +62,4 @@ const WithAccountFavorites = WithFavoritesTemplate.bind({})
 
 export { Default, WithAccountFavorites, WithAdditionalAccounts, WithWallet, WithWalletIcon }
 
-// eslint-disable-next-line import/no-default-export
 export default StorybookEntry

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

@@ -1,7 +1,8 @@
 import { Meta, StoryFn } from '@storybook/react'
+import React from 'react'
 
-import { WalletAccountSelect } from './Select.js'
-import { WalletProviderDecorator } from './stories/index.js'
+import { WalletAccountSelect } from './Select.tsx'
+import { WalletProviderDecorator } from './stories/index.ts'
 
 const StorybookEntry = {
   argTypes: {},
@@ -39,5 +40,4 @@ IconsOnlySmall.args = { iconOnly: true, icons: true, size: 'small' }
 
 export { Default, DefaultIcons, DefaultSmall, DefaultSmallIcon, IconsOnly, IconsOnlySmall }
 
-// eslint-disable-next-line import/no-default-export
 export default StorybookEntry

package/src/components/WalletAccountSelect/WalletInfo.tsx

@@ -3,25 +3,28 @@ import { FlexBoxProps, FlexCol } from '@xylabs/react-flexbox'
 import { Identicon } from '@xylabs/react-identicon'
 import { QuickTipButton } from '@xylabs/react-quick-tip-button'
 import { AccountInstance } from '@xyo-network/account-model'
+import React from 'react'
 
-import { useRootWallet, useSelectedWalletAccount } from '../../contexts/index.js'
-import { useAccount, useWallet } from '../../hooks/index.js'
+import { useRootWallet, useSelectedWalletAccount } from '../../contexts/index.ts'
+import { useAccount, useWallet } from '../../hooks/index.ts'
 
 export interface WalletErrorProps {
   error?: Error
 }
 
 export const WalletError: React.FC<WalletErrorProps> = ({ error }) => {
-  return error ?
-      <div>
-        <ErrorIcon style={{ fontSize: '12px', position: 'absolute' }} color="error" />
-        <QuickTipButton
-          size="small"
-          style={{ color: '#ffffff00', fontSize: '12px', padding: 0, position: 'absolute' }}
-          hoverText={error.message}
-          disableDialog
-        />
-      </div>
+  return error
+    ? (
+        <div>
+          <ErrorIcon style={{ fontSize: '12px', position: 'absolute' }} color="error" />
+          <QuickTipButton
+            size="small"
+            style={{ color: '#ffffff00', fontSize: '12px', padding: 0, position: 'absolute' }}
+            hoverText={error.message}
+            disableDialog
+          />
+        </div>
+      )
     : null
 }
 
@@ -33,9 +36,9 @@ export interface WalletIdenticonProps {
 export const WalletIdenticon: React.FC<WalletIdenticonProps> = ({ account, name }) => {
   return (
     <div style={{ width: 20 }}>
-      {account ?
-        <Identicon size={8} value={account.address} style={{ position: 'absolute', right: 2, top: 2 }} />
-      : <LoadingIcon style={{ fontSize: '10px', padding: 0, position: 'absolute', right: 2, top: 2 }} color="disabled" />}
+      {account
+        ? <Identicon size={8} value={account.address} style={{ position: 'absolute', right: 2, top: 2 }} />
+        : <LoadingIcon style={{ fontSize: '10px', padding: 0, position: 'absolute', right: 2, top: 2 }} color="disabled" />}
       <QuickTipButton
         size="small"
         style={{ color: '#ffffff00', fontSize: '12px', padding: 0, position: 'absolute' }}

package/src/components/WalletAccountSelect/index.ts

@@ -1,2 +1,2 @@
-export * from './Select.js'
-export * from './SelectBar.js'
+export * from './Select.tsx'
+export * from './SelectBar.tsx'

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

@@ -1,8 +1,9 @@
 import { Decorator } from '@storybook/react'
 import { DefaultSeedPhrase } from '@xyo-network/react-storybook'
+import React from 'react'
 
-import { WalletProvider } from '../../../contexts/index.js'
-import { useWallet } from '../../../hooks/index.js'
+import { WalletProvider } from '../../../contexts/index.ts'
+import { useWallet } from '../../../hooks/index.ts'
 
 export const WalletProviderDecorator: Decorator = (Story, context) => {
   const [rootWallet] = useWallet({ mnemonic: DefaultSeedPhrase })

package/src/components/WalletAccountSelect/stories/index.ts

@@ -1 +1 @@
-export * from './WalletProviderDecorator.js'
+export * from './WalletProviderDecorator.tsx'

package/src/components/index.ts

@@ -1,4 +1,4 @@
-export * from './MaxAccounts/index.js'
-export * from './SeedPhrase/index.js'
-export * from './WalletAccountDetails/index.js'
-export * from './WalletAccountSelect/index.js'
+export * from './MaxAccounts/index.ts'
+export * from './SeedPhrase/index.ts'
+export * from './WalletAccountDetails/index.ts'
+export * from './WalletAccountSelect/index.ts'

package/src/contexts/SeedPhrase/Context.ts

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