@xyo-network/react-wallet 3.0.1 → 3.0.3

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

@@ -1,4 +1,4 @@
-import { Meta, StoryFn } from '@storybook/react'
+import type { Meta, StoryFn } from '@storybook/react'
 import React from 'react'
 
 import { WalletAccountSelect } from './Select.tsx'
@@ -8,11 +8,7 @@ const StorybookEntry = {
   argTypes: {},
   component: WalletAccountSelect,
   decorators: [WalletProviderDecorator],
-  parameters: {
-    docs: {
-      page: null,
-    },
-  },
+  parameters: { docs: { page: null } },
   title: 'wallet/WalletAccountSelectWithProvider',
 } as Meta<typeof WalletAccountSelect>
 
@@ -36,8 +32,12 @@ const IconsOnly = Template.bind({})
 IconsOnly.args = { iconOnly: true, icons: true }
 
 const IconsOnlySmall = Template.bind({})
-IconsOnlySmall.args = { iconOnly: true, icons: true, size: 'small' }
+IconsOnlySmall.args = {
+  iconOnly: true, icons: true, size: 'small',
+}
 
-export { Default, DefaultIcons, DefaultSmall, DefaultSmallIcon, IconsOnly, IconsOnlySmall }
+export {
+  Default, DefaultIcons, DefaultSmall, DefaultSmallIcon, IconsOnly, IconsOnlySmall,
+}
 
 export default StorybookEntry

package/src/components/WalletAccountSelect/WalletInfo.tsx

@@ -1,8 +1,9 @@
 import { Circle as LoadingIcon, ErrorOutlined as ErrorIcon } from '@mui/icons-material'
-import { FlexBoxProps, FlexCol } from '@xylabs/react-flexbox'
+import type { FlexBoxProps } from '@xylabs/react-flexbox'
+import { 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 type { AccountInstance } from '@xyo-network/account-model'
 import React from 'react'
 
 import { useRootWallet, useSelectedWalletAccount } from '../../contexts/index.ts'
@@ -16,10 +17,15 @@ export const WalletError: React.FC<WalletErrorProps> = ({ error }) => {
   return error
     ? (
         <div>
-          <ErrorIcon style={{ fontSize: '12px', position: 'absolute' }} color="error" />
+          <ErrorIcon
+            style={{ fontSize: '12px', position: 'absolute' }}
+            color="error"
+          />
           <QuickTipButton
             size="small"
-            style={{ color: '#ffffff00', fontSize: '12px', padding: 0, position: 'absolute' }}
+            style={{
+              color: '#ffffff00', fontSize: '12px', padding: 0, position: 'absolute',
+            }}
             hoverText={error.message}
             disableDialog
           />
@@ -37,11 +43,28 @@ 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" />}
+        ? (
+            <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' }}
+        style={{
+          color: '#ffffff00', fontSize: '12px', padding: 0, position: 'absolute',
+        }}
         hoverText={`${name ?? ''}: ${account?.address ?? 'no address'}`}
         disableDialog
       />

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

@@ -1,4 +1,4 @@
-import { Decorator } from '@storybook/react'
+import type { Decorator } from '@storybook/react'
 import { DefaultSeedPhrase } from '@xyo-network/react-storybook'
 import React from 'react'
 

package/src/contexts/SeedPhrase/Context.ts

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

package/src/contexts/SeedPhrase/Provider.tsx

@@ -1,8 +1,10 @@
 import { generateMnemonic, validateMnemonic } from '@scure/bip39'
 // eslint-disable-next-line import-x/no-internal-modules
 import { wordlist } from '@scure/bip39/wordlists/english'
-import { WithChildren } from '@xylabs/react-shared'
-import React, { useCallback, useEffect, useMemo, useState } from 'react'
+import type { WithChildren } from '@xylabs/react-shared'
+import React, {
+  useCallback, useEffect, useMemo, useState,
+} from 'react'
 
 import { SeedPhraseContext } from './Context.ts'
 
@@ -75,7 +77,8 @@ export const SeedPhraseProvider: React.FC<SeedPhraseProviderProps> = ({
   const validSeedPhrase = useMemo(() => validate?.(seedPhrase), [seedPhrase])
   const validPhrase = useMemo(() => validate?.(phrase), [phrase])
 
-  const value = useMemo(() => ({ handleCancelOverwrite,
+  const value = useMemo(() => ({
+    handleCancelOverwrite,
     handleChangeSeedPhrase,
     handleClear,
     handleGenerate,
@@ -88,7 +91,8 @@ export const SeedPhraseProvider: React.FC<SeedPhraseProviderProps> = ({
     setPhrase,
     validPhrase,
     validSeedPhrase,
-    validate }), [handleCancelOverwrite,
+    validate,
+  }), [handleCancelOverwrite,
     handleChangeSeedPhrase,
     handleClear,
     handleGenerate,

package/src/contexts/SeedPhrase/State.ts

@@ -1,5 +1,5 @@
-import { ContextExState } from '@xyo-network/react-shared'
-import { Dispatch, SetStateAction } from 'react'
+import type { ContextExState } from '@xyo-network/react-shared'
+import type { Dispatch, SetStateAction } from 'react'
 
 export interface SeedPhraseContextState extends ContextExState {
   handleCancelOverwrite?: () => void

package/src/contexts/Wallet/Context.ts

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

package/src/contexts/Wallet/Provider.tsx

@@ -1,7 +1,9 @@
 import { usePromise } from '@xylabs/react-promise'
-import { WithChildren } from '@xylabs/react-shared'
-import { WalletInstance } from '@xyo-network/wallet-model'
-import React, { useEffect, useMemo, useState } from 'react'
+import type { WithChildren } from '@xylabs/react-shared'
+import type { WalletInstance } from '@xyo-network/wallet-model'
+import React, {
+  useEffect, useMemo, useState,
+} from 'react'
 
 import { WalletContext } from './Context.ts'
 
@@ -26,11 +28,13 @@ export const WalletProvider: React.FC<WithChildren<WalletProviderProps>> = ({
 
   const [activeAccount = null] = usePromise(async () => await rootWallet?.derivePath(activeAccountIndex.toString()), [activeAccountIndex, rootWallet])
 
-  const value = useMemo(() => ({ activeAccount,
+  const value = useMemo(() => ({
+    activeAccount,
     activeAccountIndex,
     provided: true,
     rootWallet,
-    setActiveAccountIndex }), [activeAccount,
+    setActiveAccountIndex,
+  }), [activeAccount,
     activeAccountIndex,
     rootWallet,
     setActiveAccountIndex])

package/src/contexts/Wallet/State.ts

@@ -1,6 +1,6 @@
-import { ContextExState } from '@xyo-network/react-shared'
-import { WalletInstance } from '@xyo-network/wallet-model'
-import { Dispatch } from 'react'
+import type { ContextExState } from '@xyo-network/react-shared'
+import type { WalletInstance } from '@xyo-network/wallet-model'
+import type { Dispatch } from 'react'
 
 export interface WalletContextState extends ContextExState {
   /** Currently selected account */

package/src/contexts/Wallet/use.ts

@@ -1,6 +1,6 @@
 import { usePromise } from '@xylabs/react-promise'
 import { useContextEx, useProvided } from '@xyo-network/react-shared'
-import { WalletInstance } from '@xyo-network/wallet-model'
+import type { WalletInstance } from '@xyo-network/wallet-model'
 
 import { WalletContext } from './Context.ts'
 

package/src/contexts/Wallet/usePromise.ts

@@ -1,7 +1,10 @@
 // Inspired from https://github.com/bsonntag/react-use-promise
 
 import { Mutex } from 'async-mutex'
-import { DependencyList, useEffect, useMemo, useState } from 'react'
+import type { DependencyList } from 'react'
+import {
+  useEffect, useMemo, useState,
+} from 'react'
 
 export enum State {
   pending = 'pending',

package/src/hooks/useAccount.ts

@@ -1,9 +1,11 @@
 import { usePromise } from '@xylabs/react-promise'
-import { AccountInstance } from '@xyo-network/account-model'
-import { WalletInstance } from '@xyo-network/wallet-model'
+import type { AccountInstance } from '@xyo-network/account-model'
+import type { WalletInstance } from '@xyo-network/wallet-model'
 import { useState } from 'react'
 
-import { useRootWallet, useWalletContext, useWalletProvided } from '../contexts/index.ts'
+import {
+  useRootWallet, useWalletContext, useWalletProvided,
+} from '../contexts/index.ts'
 
 export interface AccountHookParams {
   account?: AccountInstance
@@ -12,7 +14,9 @@ export interface AccountHookParams {
   wallet?: WalletInstance
 }
 
-export const useAccount = ({ wallet, account, index, required = false }: AccountHookParams = {}): [
+export const useAccount = ({
+  wallet, account, index, required = false,
+}: AccountHookParams = {}): [
   AccountInstance | null | undefined,
   Error | undefined,
 ] => {

package/src/hooks/useWallet.ts

@@ -1,6 +1,6 @@
 import { usePromise } from '@xylabs/react-promise'
 import { HDWallet } from '@xyo-network/account'
-import { WalletInstance } from '@xyo-network/wallet-model'
+import type { WalletInstance } from '@xyo-network/wallet-model'
 import { useState } from 'react'
 
 import { useSelectedWalletAccount, useWalletContext } from '../contexts/index.ts'
@@ -13,7 +13,9 @@ export interface WalletHookParams {
   wallet?: WalletInstance | null
 }
 
-export const useWallet = ({ mnemonic, wallet, path, required = false, seed }: WalletHookParams = {}): [
+export const useWallet = ({
+  mnemonic, wallet, path, required = false, seed,
+}: WalletHookParams = {}): [
   WalletInstance | null | undefined,
   Error | undefined,
 ] => {

package/src/hooks/useWallets.ts

@@ -1,5 +1,5 @@
 import { usePromise } from '@xylabs/react-promise'
-import { WalletInstance } from '@xyo-network/wallet-model'
+import type { WalletInstance } from '@xyo-network/wallet-model'
 
 import { useWalletContext } from '../contexts/index.ts'
 import { useWallet } from './useWallet.ts'

package/src/hooks/useWrapperAccount.ts

@@ -1,7 +1,8 @@
-import { State as PromiseState, usePromise } from '@xylabs/react-promise'
+import type { State as PromiseState } from '@xylabs/react-promise'
+import { usePromise } from '@xylabs/react-promise'
 import { HDWallet } from '@xyo-network/account'
-import { AccountInstance } from '@xyo-network/account-model'
-import { WalletInstance } from '@xyo-network/wallet-model'
+import type { AccountInstance } from '@xyo-network/account-model'
+import type { WalletInstance } from '@xyo-network/wallet-model'
 import { Mutex } from 'async-mutex'
 
 let globalWrapperWallet: WalletInstance | undefined

package/xy.config.ts

@@ -1,9 +1,7 @@
-import { XyTsupConfig } from '@xylabs/ts-scripts-yarn3'
+import type { XyTsupConfig } from '@xylabs/ts-scripts-yarn3'
 const config: XyTsupConfig = {
   compile: {
-    browser: {
-      src: true,
-    },
+    browser: { src: true },
     node: {},
     neutral: {},
   },