@xyo-network/react-wallet 2.81.10 → 2.82.0

package/dist/node/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/MaxAccounts/MaxAccountsTableRow.tsx","../../src/components/MaxAccounts/OutOfBoundsSnackBar.tsx","../../src/components/SeedPhrase/_shared/SeedPhraseIconButton.tsx","../../src/components/SeedPhrase/DefaultSeedPhrase.tsx","../../src/components/SeedPhrase/dialog/components/DialogActionButtons.tsx","../../src/contexts/SeedPhrase/Context.ts","../../src/contexts/SeedPhrase/Provider.tsx","../../src/contexts/SeedPhrase/use.ts","../../src/contexts/Wallet/Context.ts","../../src/contexts/Wallet/Provider.tsx","../../src/contexts/Wallet/use.ts","../../src/components/SeedPhrase/dialog/components/fields/NewPhraseTextField.tsx","../../src/components/SeedPhrase/dialog/components/fields/validation-messages/colorParser.ts","../../src/components/SeedPhrase/dialog/components/fields/validation-messages/InvalidPhrase.tsx","../../src/components/SeedPhrase/dialog/components/fields/validation-messages/PhraseHeaderBox.tsx","../../src/components/SeedPhrase/dialog/components/fields/PhraseDialogActions.tsx","../../src/components/SeedPhrase/dialog/components/fields/SavedPhraseTextField.tsx","../../src/components/SeedPhrase/dialog/components/OverwriteWarning.tsx","../../src/components/SeedPhrase/dialog/SeedPhraseDialog.tsx","../../src/components/SeedPhrase/settings/SeedPhraseTableRow.tsx","../../src/components/WalletAccountDetails/WalletAccountDetails.tsx","../../src/hooks/useAccount.ts","../../src/hooks/useWallet.ts","../../src/hooks/useWallets.ts","../../src/hooks/useWrapperAccount.ts","../../src/components/WalletAccountSelect/Select.tsx","../../src/components/WalletAccountSelect/SelectBar.tsx"],"sourcesContent":["import { ButtonGroup, TableCell, TableRow, TableRowProps, Typography } from '@mui/material'\nimport { ButtonEx } from '@xylabs/react-button'\nimport React, { useState } from 'react'\n\nimport { OutOfBoundsSnackBar } from './OutOfBoundsSnackBar.tsx'\n\nexport interface MaxAccountsTableRow extends TableRowProps {\n  activeAccountIndex?: number\n  changeMaxAccounts?: (maxAccounts: number) => void\n  maxAccounts?: number\n}\n\nexport const MaxAccountsTableRow: React.FC<MaxAccountsTableRow> = ({ activeAccountIndex, changeMaxAccounts, maxAccounts }) => {\n  const [desiredMaximumAccounts, setDesiredMaximumAccounts] = useState<number | undefined>()\n  const [showSnackBar, setShowSnackBar] = useState(false)\n\n  const handleChangeMaxAccounts = (change: 'increase' | 'decrease') => {\n    if (maxAccounts !== undefined && activeAccountIndex !== undefined) {\n      switch (change) {\n        case 'decrease': {\n          const desiredMaximumAccounts = maxAccounts - 1\n          const validMaximumAccounts = desiredMaximumAccounts > 0\n          const maxAccountsWithinRange = activeAccountIndex + 1 <= desiredMaximumAccounts\n          if (validMaximumAccounts && maxAccountsWithinRange) {\n            changeMaxAccounts?.(desiredMaximumAccounts)\n          }\n          if (!maxAccountsWithinRange) setShowSnackBar(true)\n          setDesiredMaximumAccounts(desiredMaximumAccounts)\n          return\n        }\n        case 'increase': {\n          changeMaxAccounts?.(maxAccounts + 1)\n          return\n        }\n        default: {\n          console.error(change, 'is not a recognized value')\n        }\n      }\n    } else {\n      throw new Error('Max Accounts is unset and needs a default')\n    }\n  }\n\n  return (\n    <TableRow>\n      <TableCell>Maximum Accounts</TableCell>\n      <TableCell align=\"center\">\n        <Typography variant=\"caption\">{maxAccounts}</Typography>\n      </TableCell>\n      <TableCell align=\"center\">\n        <ButtonGroup>\n          <ButtonEx onClick={() => handleChangeMaxAccounts('decrease')} variant=\"contained\" size=\"small\">\n            -\n          </ButtonEx>\n          <ButtonEx onClick={() => handleChangeMaxAccounts('increase')} variant=\"contained\" size=\"small\">\n            +\n          </ButtonEx>\n        </ButtonGroup>\n        <OutOfBoundsSnackBar\n          desiredMaximumAccounts={desiredMaximumAccounts}\n          activeAccountIndex={activeAccountIndex}\n          setShowSnackBar={setShowSnackBar}\n          showSnackBar={showSnackBar}\n        />\n      </TableCell>\n    </TableRow>\n  )\n}\n","import { Alert, AlertTitle, Snackbar, SnackbarProps } from '@mui/material'\nimport React, { Dispatch, SetStateAction } from 'react'\n\nexport interface OutOfBoundsSnackBarProps extends SnackbarProps {\n  activeAccountIndex?: number\n  desiredMaximumAccounts?: number\n  setShowSnackBar?: Dispatch<SetStateAction<boolean>>\n  showSnackBar?: boolean\n}\n\nexport const OutOfBoundsSnackBar: React.FC<OutOfBoundsSnackBarProps> = ({\n  activeAccountIndex,\n  desiredMaximumAccounts,\n  setShowSnackBar,\n  showSnackBar,\n}) => {\n  return (\n    <Snackbar\n      anchorOrigin={{ horizontal: 'center', vertical: 'top' }}\n      autoHideDuration={5000}\n      onClose={() => setShowSnackBar?.(false)}\n      open={showSnackBar}\n    >\n      <Alert severity=\"error\" onClose={() => setShowSnackBar?.(false)}>\n        <AlertTitle>Maximum Accounts Error</AlertTitle>\n        Your currently selected account number (\n        {activeAccountIndex === undefined ? '' : activeAccountIndex + 1}\n        ) cannot be greater than the desired\n        Maximum Accounts (\n        {desiredMaximumAccounts}\n        ).\n      </Alert>\n    </Snackbar>\n  )\n}\n","import { HelpOutline as HelpOutlineIcon } from '@mui/icons-material'\nimport {\n  Button,\n  Dialog,\n  DialogActions,\n  DialogContent,\n  DialogTitle,\n  IconButton,\n  IconButtonProps,\n  Link,\n  List,\n  ListItem,\n  Typography,\n} from '@mui/material'\nimport React, { useState } from 'react'\n\nexport const SeedPhraseIconButton: React.FC<IconButtonProps> = (props) => {\n  const [open, setOpen] = useState(false)\n  const onClose = () => setOpen(false)\n  return (\n    <>\n      <IconButton onClick={() => setOpen(true)} {...props}>\n        <HelpOutlineIcon fontSize=\"small\" />\n      </IconButton>\n      <Dialog open={open}>\n        <DialogTitle>Understanding your Seed Phrase</DialogTitle>\n        <DialogContent>\n          <Typography>\n            Your Seed Phrase should adhere to the\n            {' '}\n            <Link target=\"_blank\" href=\"https://github.com/bitcoin/bips/blob/master/bip-0039.mediawiki\">\n              bip39 specification\n            </Link>\n            {' '}\n            and is used to generate accounts which identify your data on the XYO Network.\n          </Typography>\n          <List>\n            <ListItem>Do not share this phrase with anyone.</ListItem>\n            <ListItem>Do not save it to a public computer.</ListItem>\n            <ListItem>Do not use a existing phrase from another wallet (i.e. Metamask).</ListItem>\n            <ListItem>Do not use before copying it down somewhere safe.</ListItem>\n          </List>\n        </DialogContent>\n        <DialogActions>\n          <Button onClick={onClose} variant=\"outlined\">\n            OK\n          </Button>\n        </DialogActions>\n      </Dialog>\n    </>\n  )\n}\n","import { Alert, AlertTitle, Snackbar } from '@mui/material'\nimport { generateMnemonic } from '@scure/bip39'\n// eslint-disable-next-line import/no-internal-modules\nimport { wordlist } from '@scure/bip39/wordlists/english'\nimport { WithChildren } from '@xylabs/react-shared'\nimport React, { useEffect, useState } from 'react'\n\nexport interface DefaultSeedPhraseProps extends WithChildren {\n  changeSeedPhrase?: (seedPhrase: string) => void\n  hideDefaultSeedPhraseMessage?: boolean\n  seedPhrase?: string\n}\n\nexport const DefaultSeedPhrase: React.FC<DefaultSeedPhraseProps> = ({ changeSeedPhrase, children, hideDefaultSeedPhraseMessage, seedPhrase }) => {\n  const [showSnackBar, setShowSnackBar] = useState(false)\n\n  useEffect(() => {\n    if (!seedPhrase) {\n      const mnemonic = generateMnemonic(wordlist, 256)\n      changeSeedPhrase?.(mnemonic)\n      setShowSnackBar(true)\n    }\n  }, [changeSeedPhrase, seedPhrase])\n\n  return (\n    <>\n      {hideDefaultSeedPhraseMessage\n        ? null\n        : (\n            <Snackbar\n              open={showSnackBar}\n              autoHideDuration={5000}\n              onClose={() => setShowSnackBar(false)}\n              anchorOrigin={{ horizontal: 'center', vertical: 'top' }}\n            >\n              <Alert severity=\"success\">\n                <AlertTitle>Default Seed Phrase Generated</AlertTitle>\n                Go to application settings to save it.\n              </Alert>\n            </Snackbar>\n          )}\n      {children}\n    </>\n  )\n}\n","import { Button, DialogActions, DialogActionsProps, DialogProps } from '@mui/material'\nimport React, { MouseEvent } from 'react'\n\nimport { useSeedPhrase } from '../../../../contexts/index.ts'\n\ninterface DialogActionButtonsProps extends DialogActionsProps {\n  onClose?: DialogProps['onClose']\n}\n\nexport const DialogActionButtons: React.FC<DialogActionButtonsProps> = ({ onClose, ...props }) => {\n  const { handleSave, setPhrase } = useSeedPhrase()\n\n  const wrappedOnClose = (e: MouseEvent<HTMLElement>) => {\n    // clear local copy of phrase when modal closes\n    setPhrase?.('')\n    onClose?.(e, 'escapeKeyDown')\n  }\n\n  return (\n    <DialogActions {...props}>\n      <Button variant=\"outlined\" onClick={wrappedOnClose}>\n        Cancel\n      </Button>\n      <Button variant=\"outlined\" onClick={handleSave}>\n        Save\n      </Button>\n    </DialogActions>\n  )\n}\n","import { createContextEx } from '@xyo-network/react-shared'\n\nimport { SeedPhraseContextState } from './State.ts'\n\nexport const SeedPhraseContext = createContextEx<SeedPhraseContextState>()\n","import { generateMnemonic, validateMnemonic } from '@scure/bip39'\n// eslint-disable-next-line import/no-internal-modules\nimport { wordlist } from '@scure/bip39/wordlists/english'\nimport { WithChildren } from '@xylabs/react-shared'\nimport React, { useCallback, useEffect, useMemo, useState } from 'react'\n\nimport { SeedPhraseContext } from './Context.ts'\n\nexport interface SeedPhraseProviderProps extends WithChildren {\n  defaultPhrase?: string\n  handleChangeSeedPhrase?: (phrase: string) => void\n  open?: boolean\n  saveCallback?: () => void\n  seedPhrase?: string\n}\n\nconst validate = (passedPhrase?: string) => {\n  if (!passedPhrase) {\n    return null\n  }\n  return validateMnemonic(passedPhrase, wordlist)\n}\n\nexport const SeedPhraseProvider: React.FC<SeedPhraseProviderProps> = ({\n  children,\n  defaultPhrase,\n  handleChangeSeedPhrase,\n  saveCallback,\n  seedPhrase,\n  open,\n}) => {\n  const [phrase, setPhrase] = useState<string | undefined>()\n  const [overwriteWarning, setOverwriteWarning] = useState(false)\n\n  useEffect(() => {\n    setPhrase(defaultPhrase)\n  }, [defaultPhrase])\n\n  useEffect(() => {\n    if (seedPhrase || open) {\n      setPhrase?.(seedPhrase ?? '')\n    }\n  }, [seedPhrase, open, setPhrase])\n\n  const handleGenerate = useCallback(() => {\n    const mnemonic = generateMnemonic(wordlist, 256)\n    setPhrase?.(mnemonic)\n    setOverwriteWarning?.(false)\n  }, [])\n\n  const handleCancelOverwrite = useCallback(() => {\n    setOverwriteWarning?.(false)\n  }, [])\n\n  const handleClear = useCallback(() => {\n    setPhrase?.('')\n    setOverwriteWarning?.(false)\n  }, [])\n\n  const handleSave = useCallback(() => {\n    if (!overwriteWarning && seedPhrase && seedPhrase !== phrase) {\n      setOverwriteWarning?.(true)\n    } else {\n      handleChangeSeedPhrase?.(phrase ?? '')\n      saveCallback?.()\n    }\n  }, [handleChangeSeedPhrase, overwriteWarning, phrase, saveCallback, seedPhrase])\n\n  useEffect(() => {\n    if (!open) {\n      handleCancelOverwrite()\n    }\n  }, [handleCancelOverwrite, open])\n\n  const validSeedPhrase = useMemo(() => validate?.(seedPhrase), [seedPhrase])\n  const validPhrase = useMemo(() => validate?.(phrase), [phrase])\n\n  const value = useMemo(() => ({ handleCancelOverwrite,\n    handleChangeSeedPhrase,\n    handleClear,\n    handleGenerate,\n    handleSave,\n    overwriteWarning,\n    phrase,\n    provided: true,\n    seedPhrase,\n    setOverwriteWarning,\n    setPhrase,\n    validPhrase,\n    validSeedPhrase,\n    validate }), [handleCancelOverwrite,\n    handleChangeSeedPhrase,\n    handleClear,\n    handleGenerate,\n    handleSave,\n    overwriteWarning,\n    phrase,\n    seedPhrase,\n    setOverwriteWarning,\n    setPhrase,\n    validPhrase,\n    validSeedPhrase,\n    validate])\n\n  return (\n    <SeedPhraseContext.Provider\n      value={value}\n    >\n      {children}\n    </SeedPhraseContext.Provider>\n  )\n}\n","import { useContextEx } from '@xyo-network/react-shared'\n\nimport { SeedPhraseContext } from './Context.ts'\n\nexport const useSeedPhrase = () => useContextEx(SeedPhraseContext, 'SeedPhrase', true)\n","import { createContextEx } from '@xyo-network/react-shared'\n\nimport { WalletContextState } from './State.ts'\n\nexport const WalletContext = createContextEx<WalletContextState>()\n","import { usePromise } from '@xylabs/react-promise'\nimport { WithChildren } from '@xylabs/react-shared'\nimport { WalletInstance } from '@xyo-network/wallet-model'\nimport React, { useEffect, useMemo, useState } from 'react'\n\nimport { WalletContext } from './Context.ts'\n\nexport interface WalletProviderProps {\n  defaultActiveAccountIndex?: number\n  rootWallet?: WalletInstance | null\n}\n\nexport const WalletProvider: React.FC<WithChildren<WalletProviderProps>> = ({\n  children,\n  defaultActiveAccountIndex = 0,\n  rootWallet = null,\n  ...props\n}) => {\n  const [activeAccountIndex, setActiveAccountIndex] = useState(defaultActiveAccountIndex)\n\n  useEffect(() => {\n    if (defaultActiveAccountIndex !== undefined) {\n      setActiveAccountIndex(defaultActiveAccountIndex)\n    }\n  }, [defaultActiveAccountIndex])\n\n  const [activeAccount = null] = usePromise(async () => await rootWallet?.derivePath(activeAccountIndex.toString()), [activeAccountIndex, rootWallet])\n\n  const value = useMemo(() => ({ activeAccount,\n    activeAccountIndex,\n    provided: true,\n    rootWallet,\n    setActiveAccountIndex }), [activeAccount,\n    activeAccountIndex,\n    rootWallet,\n    setActiveAccountIndex])\n\n  return (\n    <WalletContext.Provider\n      value={value}\n      {...props}\n    >\n      {children}\n    </WalletContext.Provider>\n  )\n}\n","import { usePromise } from '@xylabs/react-promise'\nimport { useContextEx, useProvided } from '@xyo-network/react-shared'\nimport { WalletInstance } from '@xyo-network/wallet-model'\n\nimport { WalletContext } from './Context.ts'\n\nexport const useWalletContext = (required = true) => {\n  return useContextEx(WalletContext, 'Wallet', required)\n}\n\nexport const useWalletProvided = () => {\n  return useProvided(WalletContext)\n}\n\nexport const useRootWallet = (required = true): [WalletInstance | null | undefined, Error | undefined] => {\n  const { rootWallet } = useWalletContext(required)\n  return [rootWallet, undefined]\n}\n\nexport const useIndexedWalletFromContext = (index: number, required = true): [WalletInstance | null | undefined, Error | undefined] => {\n  const { rootWallet } = useWalletContext(required)\n  const [wallet] = usePromise(async () => (await rootWallet?.derivePath(index.toString())) ?? rootWallet, [rootWallet, index])\n  return [wallet, undefined]\n}\n\nexport const useSelectedWalletAccount = (required = true): [WalletInstance | null | undefined, Error | undefined] => {\n  const { activeAccountIndex } = useWalletContext(required)\n  // we pass in 0 as default since we can not call the hook optionally,\n  // we resolve this false result by checking whether activeAccountIndex is defined before returning it\n  const [account] = useIndexedWalletFromContext(activeAccountIndex ?? 0, required)\n  return activeAccountIndex === undefined && account === null ? [null, undefined] : [account, undefined]\n}\n","import { FormControl, StandardTextFieldProps, TextField } from '@mui/material'\nimport React, { ReactNode } from 'react'\n\nimport { useSeedPhrase } from '../../../../../contexts/index.ts'\nimport { colorParser, InvalidPhraseTypography } from './validation-messages/index.ts'\n\nexport interface NewPhraseTextFieldProps extends StandardTextFieldProps {\n  children?: ReactNode\n  disableColor?: boolean\n}\n\nexport const NewPhraseTextField: React.FC<NewPhraseTextFieldProps> = ({ children, disableColor, ...props }) => {\n  const { phrase, setPhrase, validPhrase } = useSeedPhrase()\n  return (\n    <>\n      <FormControl fullWidth size=\"small\" sx={{ display: 'flex', flexDirection: 'column', rowGap: 1 }}>\n        {children}\n        <TextField\n          focused\n          color={disableColor ? undefined : colorParser(validPhrase)}\n          error={validPhrase === false}\n          helperText={validPhrase === false ? <InvalidPhraseTypography /> : null}\n          fullWidth\n          maxRows={Number.POSITIVE_INFINITY}\n          multiline\n          onChange={e => setPhrase?.(e.target.value)}\n          value={phrase}\n          {...props}\n        />\n      </FormControl>\n    </>\n  )\n}\n","export const colorParser = (conditional?: boolean | null) => {\n  switch (conditional) {\n    case true: {\n      return 'success'\n    }\n    case false: {\n      return 'error'\n    }\n    default: {\n      return\n    }\n  }\n}\n","import { Link, Typography, TypographyProps } from '@mui/material'\nimport React from 'react'\n\nexport const InvalidPhraseTypography: React.FC<TypographyProps> = props => (\n  <Typography variant=\"caption\" color=\"error\" {...props}>\n    Invalid seed phrase. See -\n    {' '}\n    <Link target=\"_blank\" href=\"https://github.com/bitcoin/bips/blob/master/bip-0039.mediawiki\">\n      bip39 Proposal\n    </Link>\n  </Typography>\n)\n","import { CheckCircleOutline as CheckCircleOutlineIcon, HighlightOff as HighlightOffIcon } from '@mui/icons-material'\nimport { FlexBoxProps, FlexRow } from '@xylabs/react-flexbox'\nimport { WithChildren } from '@xylabs/react-shared'\nimport React, { useMemo } from 'react'\n\ninterface PhraseHeaderBox extends FlexBoxProps, WithChildren {\n  conditional?: boolean | null\n}\n\nexport const PhraseHeaderBox: React.FC<PhraseHeaderBox> = ({ children, conditional, ...props }) => {\n  const state = useMemo(() => {\n    switch (conditional) {\n      case true: {\n        return 'success'\n      }\n      case false: {\n        return 'error'\n      }\n      default: {\n        return null\n      }\n    }\n  }, [conditional])\n\n  const Icon = useMemo(() => {\n    switch (state) {\n      case 'success': {\n        return <CheckCircleOutlineIcon fontSize=\"small\" color=\"success\" />\n      }\n      case 'error': {\n        return <HighlightOffIcon fontSize=\"small\" color=\"error\" />\n      }\n      default: {\n        return null\n      }\n    }\n  }, [state])\n\n  return (\n    <FlexRow justifyContent=\"start\" columnGap={1} {...props}>\n      {Icon}\n      {children}\n    </FlexRow>\n  )\n}\n","import { Button, DialogActions } from '@mui/material'\nimport React from 'react'\n\nimport { useSeedPhrase } from '../../../../../contexts/index.ts'\n\nexport const PhraseDialogActions = () => {\n  const { handleClear, handleGenerate, overwriteWarning } = useSeedPhrase()\n  return (\n    <DialogActions sx={{ justifyContent: 'center' }}>\n      <Button disabled={overwriteWarning} variant=\"outlined\" onClick={handleGenerate}>\n        Generate\n      </Button>\n      <Button variant=\"outlined\" onClick={handleClear}>\n        Clear\n      </Button>\n    </DialogActions>\n  )\n}\n","import { Chip, FormControl, FormLabel, StandardTextFieldProps, TextField } from '@mui/material'\nimport React, { useState } from 'react'\n\nimport { useSeedPhrase } from '../../../../../contexts/index.ts'\nimport { InvalidPhraseTypography, PhraseHeaderBox } from './validation-messages/index.ts'\n\nexport interface SavedPhraseTextFieldProps extends StandardTextFieldProps {\n  fullWidth?: boolean\n  showPhraseHeader?: boolean\n}\n\nexport const SavedPhraseTextField: React.FC<SavedPhraseTextFieldProps> = ({ fullWidth, showPhraseHeader, ...props }) => {\n  const { validSeedPhrase, seedPhrase } = useSeedPhrase()\n\n  const [visible, setVisible] = useState(false)\n\n  return (\n    <FormControl fullWidth={fullWidth} size=\"small\" sx={{ display: 'flex', flexDirection: 'column', rowGap: 1 }}>\n      <Chip\n        label={visible ? 'Hide Saved Seed Phrase' : 'Reveal Saved Seed Phrase'}\n        onClick={() => setVisible(!visible)}\n        sx={{ alignSelf: 'center' }}\n      />\n      {visible\n        ? (\n            <>\n              {showPhraseHeader\n                ? (\n                    <FormLabel>\n                      <PhraseHeaderBox conditional={validSeedPhrase}>Saved Seed Phrase</PhraseHeaderBox>\n                    </FormLabel>\n                  )\n                : null}\n              <TextField\n                defaultValue={seedPhrase}\n                disabled\n                error={validSeedPhrase === false}\n                helperText={validSeedPhrase === false ? <InvalidPhraseTypography /> : null}\n                fullWidth\n                maxRows={Number.POSITIVE_INFINITY}\n                multiline\n                {...props}\n              />\n            </>\n          )\n        : null}\n    </FormControl>\n  )\n}\n","import { Alert, Button } from '@mui/material'\nimport { FlexRow } from '@xylabs/react-flexbox'\nimport React from 'react'\n\nimport { useSeedPhrase } from '../../../../contexts/index.ts'\n\nexport const OverwriteWarning = () => {\n  const { handleCancelOverwrite, handleSave } = useSeedPhrase()\n  return (\n    <Alert\n      variant=\"outlined\"\n      severity=\"warning\"\n      action={(\n        <FlexRow sx={{ columnGap: 1 }}>\n          <Button variant=\"outlined\" color=\"inherit\" size=\"small\" onClick={handleSave}>\n            Overwrite\n          </Button>\n          <Button variant=\"outlined\" color=\"inherit\" size=\"small\" onClick={handleCancelOverwrite}>\n            Cancel\n          </Button>\n        </FlexRow>\n      )}\n    >\n      Are you sure you want to overwrite existing seed phrase? This action cannot be undone.\n    </Alert>\n  )\n}\n","import { Dialog, DialogContent, DialogProps, DialogTitle, FormLabel } from '@mui/material'\nimport React from 'react'\n\nimport { SeedPhraseProvider, useSeedPhrase } from '../../../contexts/index.ts'\nimport { SeedPhraseIconButton } from '../_shared/index.ts'\nimport {\n  DialogActionButtons,\n  NewPhraseTextField,\n  OverwriteWarning,\n  PhraseDialogActions,\n  PhraseHeaderBox,\n  SavedPhraseTextField,\n} from './components/index.ts'\n\nexport interface SeedPhraseDialogProps extends DialogProps {\n  changeSeedPhrase?: (value: string) => void\n  seedPhrase?: string\n}\n\nexport const SeedPhraseDialog: React.FC<SeedPhraseDialogProps> = ({ changeSeedPhrase, seedPhrase, ...props }) => {\n  return (\n    <SeedPhraseProvider\n      seedPhrase={seedPhrase}\n      handleChangeSeedPhrase={changeSeedPhrase}\n      open={props.open}\n      saveCallback={() => props.onClose?.({}, 'escapeKeyDown')}\n    >\n      <SeedPhraseDialogInner {...props} />\n    </SeedPhraseProvider>\n  )\n}\n\nexport const SeedPhraseDialogInner: React.FC<SeedPhraseDialogProps> = (props) => {\n  const { overwriteWarning, seedPhrase, validPhrase } = useSeedPhrase()\n\n  return (\n    <Dialog aria-labelledby=\"alert-dialog-title\" aria-describedby=\"alert-dialog-description\" fullWidth maxWidth=\"sm\" {...props}>\n      <DialogTitle id=\"alert-dialog-title\">\n        Update Your Seed Phrase\n        {' '}\n        <SeedPhraseIconButton />\n      </DialogTitle>\n      <DialogContent sx={{ display: 'flex', flexDirection: 'column', rowGap: 2 }}>\n        <NewPhraseTextField>\n          <FormLabel>\n            <PhraseHeaderBox conditional={validPhrase}>New Seed Phrase</PhraseHeaderBox>\n          </FormLabel>\n        </NewPhraseTextField>\n        <PhraseDialogActions />\n        {seedPhrase\n          ? <SavedPhraseTextField />\n          : null}\n        {overwriteWarning\n          ? <OverwriteWarning />\n          : null}\n      </DialogContent>\n      <DialogActionButtons onClose={props.onClose} />\n    </Dialog>\n  )\n}\n","import { Cancel as CancelIcon, RadioButtonChecked as RadioButtonCheckedIcon } from '@mui/icons-material'\nimport { Button, ButtonGroup, TableCell, TableRow, TableRowProps } from '@mui/material'\nimport React, { useState } from 'react'\n\nimport { SeedPhraseIconButton } from '../_shared/index.ts'\nimport { SeedPhraseDialog } from '../dialog/index.ts'\n\nexport interface SeedPhraseTableRowProps extends TableRowProps {\n  changeSeedPhrase?: (seedPhrase: string) => void\n  seedPhrase?: string\n}\n\nexport const SeedPhraseTableRow: React.FC<SeedPhraseTableRowProps> = ({ changeSeedPhrase, seedPhrase, ...props }) => {\n  const [open, setOpen] = useState(false)\n\n  const handleOpen = () => {\n    setOpen(true)\n  }\n  return (\n    <TableRow {...props}>\n      <TableCell>\n        Seed Phrase\n        {' '}\n        <SeedPhraseIconButton />\n      </TableCell>\n      <TableCell align=\"center\">\n        {seedPhrase\n          ? <RadioButtonCheckedIcon color=\"success\" />\n          : <CancelIcon color=\"error\" />}\n      </TableCell>\n      <TableCell>\n        <SeedPhraseDialog changeSeedPhrase={changeSeedPhrase} open={open} onClose={() => setOpen(false)} seedPhrase={seedPhrase} />\n        <ButtonGroup fullWidth>\n          <Button variant=\"contained\" size=\"small\" onClick={handleOpen}>\n            Update\n          </Button>\n        </ButtonGroup>\n      </TableCell>\n    </TableRow>\n  )\n}\n","import { EthAddress } from '@xylabs/eth-address'\nimport { EthAccountButton } from '@xylabs/react-crypto'\nimport { FlexBoxProps, FlexCol, FlexRow } from '@xylabs/react-flexbox'\nimport { NumberStatus } from '@xylabs/react-number-status'\nimport { useNetwork } from '@xyo-network/react-network'\nimport { WalletInstance } from '@xyo-network/wallet-model'\nimport React from 'react'\n\nimport { useAccount } from '../../hooks/index.ts'\n\nexport interface WalletAccountDetailsProps extends FlexBoxProps {\n  account?: WalletInstance\n  exploreUrl?: string\n}\n\nexport const WalletAccountDetails: React.FC<WalletAccountDetailsProps> = ({ exploreUrl = 'https://explore.xyo.network', account, ...props }) => {\n  const [accountToUse] = useAccount({ account })\n  const { network } = useNetwork()\n  const exploreAddressUrl = `${exploreUrl}/recent?account=${accountToUse?.address}&network=${network?.name ?? 'main'}`\n\n  return (\n    <FlexCol {...props}>\n      <EthAccountButton address={EthAddress.fromString(accountToUse?.address)} />\n      <FlexRow gap={1}>\n        <NumberStatus rounded title=\"Tokens\" value={0} to={`${exploreAddressUrl}&schema=network.xyo.account.tokens`} target=\"_blank\" />\n        <NumberStatus rounded title=\"NFTs\" value={0} to={`${exploreAddressUrl}&schema=network.xyo.account.nfts`} target=\"_blank\" />\n        <NumberStatus rounded title=\"Signatures\" value={0} to={`${exploreAddressUrl}&schema=network.xyo.account.signatures`} target=\"_blank\" />\n        <NumberStatus rounded title=\"Signins\" value={0} to={`${exploreAddressUrl}&schema=network.xyo.account.signins`} target=\"_blank\" />\n      </FlexRow>\n    </FlexCol>\n  )\n}\n","import { usePromise } from '@xylabs/react-promise'\nimport { AccountInstance } from '@xyo-network/account-model'\nimport { WalletInstance } from '@xyo-network/wallet-model'\nimport { useState } from 'react'\n\nimport { useRootWallet, useWalletContext, useWalletProvided } from '../contexts/index.ts'\n\nexport interface AccountHookParams {\n  account?: AccountInstance\n  index?: number\n  required?: boolean\n  wallet?: WalletInstance\n}\n\nexport const useAccount = ({ wallet, account, index, required = false }: AccountHookParams = {}): [\n  AccountInstance | null | undefined,\n  Error | undefined,\n] => {\n  const walletContextProvided = useWalletProvided()\n  const [validationError, setValidationError] = useState<Error>()\n  if (wallet && account && !validationError) {\n    setValidationError(new Error('useAccount can not have both a wallet and an account in the parameters'))\n  }\n\n  if (index && account && !validationError) {\n    setValidationError(new Error('useAccount can not have both a index and an account in the parameters'))\n  }\n\n  const [error, setError] = useState<Error>()\n  const [rootWallet] = useRootWallet(!wallet && required)\n  const { activeAccountIndex } = useWalletContext(false)\n  const [activeAccount] = usePromise(async () => {\n    try {\n      if (!validationError) {\n        if (wallet) {\n          return await wallet?.derivePath?.(`${index ?? 0}'\\0`)\n        } else if (rootWallet) {\n          return await rootWallet?.derivePath?.(`${index ?? activeAccountIndex ?? 0}'\\0`)\n        }\n      }\n    } catch (ex) {\n      const error = ex as Error\n      console.error(error.message)\n      setError(error)\n    }\n  }, [index, wallet, rootWallet, activeAccountIndex, validationError])\n  if (validationError && !error) {\n    console.error(validationError.message)\n    setError(validationError)\n  }\n\n  return [\n    error\n      ? undefined\n      : (account ?? activeAccount ?? walletContextProvided)\n          ? null\n          : undefined,\n    error,\n  ]\n}\n","import { usePromise } from '@xylabs/react-promise'\nimport { HDWallet } from '@xyo-network/account'\nimport { WalletInstance } from '@xyo-network/wallet-model'\nimport { useState } from 'react'\n\nimport { useSelectedWalletAccount, useWalletContext } from '../contexts/index.ts'\n\nexport interface WalletHookParams {\n  mnemonic?: string\n  path?: string\n  required?: boolean\n  seed?: Uint8Array | string\n  wallet?: WalletInstance | null\n}\n\nexport const useWallet = ({ mnemonic, wallet, path, required = false, seed }: WalletHookParams = {}): [\n  WalletInstance | null | undefined,\n  Error | undefined,\n] => {\n  const walletContextProvided = useWalletContext(false)\n  const [error, setError] = useState<Error>()\n  const [contextAccount] = useSelectedWalletAccount(!wallet && required)\n  const [activeAccount] = usePromise(async () => {\n    try {\n      const newAccount = await (() => {\n        if (wallet) {\n          return wallet\n        } else if (mnemonic) {\n          return HDWallet.fromPhrase(mnemonic)\n        } else if (seed) {\n          return HDWallet.fromSeed(seed)\n        }\n        return contextAccount\n      })()\n\n      return path ? newAccount?.derivePath?.(path) : (newAccount ?? wallet)\n    } catch (ex) {\n      setError(ex as Error)\n    }\n  }, [mnemonic, contextAccount, seed, path, wallet])\n  return [activeAccount ?? (walletContextProvided ? null : activeAccount), error]\n}\n","import { usePromise } from '@xylabs/react-promise'\nimport { WalletInstance } from '@xyo-network/wallet-model'\n\nimport { useWalletContext } from '../contexts/index.ts'\nimport { useWallet } from './useWallet.ts'\n\nexport interface WalletsHookParams {\n  paths: string[]\n  wallet?: WalletInstance | null\n}\n\nexport const useWallets = ({ wallet, paths }: WalletsHookParams): [WalletInstance[] | null | undefined, Error | undefined] => {\n  const walletContextProvided = useWalletContext(false)\n  const [foundWallet] = useWallet({ wallet })\n  const [wallets, error] = usePromise(\n    async () => (foundWallet ? await Promise.all(paths.map(path => foundWallet.derivePath(path))) : undefined),\n    [foundWallet, paths],\n  )\n  return [wallets ?? (walletContextProvided ? null : wallets), error]\n}\n","import { State as PromiseState, usePromise } from '@xylabs/react-promise'\nimport { HDWallet } from '@xyo-network/account'\nimport { AccountInstance } from '@xyo-network/account-model'\nimport { WalletInstance } from '@xyo-network/wallet-model'\nimport { Mutex } from 'async-mutex'\n\nlet globalWrapperWallet: WalletInstance | undefined\nconst globalWrapperWalletMutex = new Mutex()\n\nexport const useWrapperAccount = (\n  account?: AccountInstance | null,\n): [AccountInstance | null | undefined, Error | undefined, PromiseState | undefined] => {\n  return usePromise(async () => {\n    return await globalWrapperWalletMutex.runExclusive(async () => {\n      // if we are expecting to receive a wallet or did receive on, return the override account\n      if (account !== undefined) {\n        return account\n      }\n\n      if (globalWrapperWallet) {\n        return globalWrapperWallet\n      }\n\n      try {\n        globalWrapperWallet = await HDWallet.random()\n        console.log(`Global Wrapper Wallet Creation Success: ${globalWrapperWallet.address}`)\n      } catch (ex) {\n        const error = ex as Error\n        console.error(`Global Wrapper Wallet Creation Failed: ${error.message}`)\n      }\n      return globalWrapperWallet\n    })\n  }, [account])\n}\n","import { CircularProgress, MenuItem, SelectProps } from '@mui/material'\nimport { SelectEx } from '@xylabs/react-select'\nimport { AddressRenderRowBox, AddressRenderRowBoxProps } from '@xyo-network/react-address-render'\nimport React from 'react'\n\nimport { useWalletContext } from '../../contexts/index.ts'\nimport { useWallet } from '../../hooks/index.ts'\n\ntype SharedAddressRenderRowBoxProps = Pick<AddressRenderRowBoxProps, 'iconOnly' | 'iconSize' | 'icons' | 'showFavorite'>\n\nexport type WalletAccountSelectProps = SharedAddressRenderRowBoxProps &\n  Omit<SelectProps<number>, 'variant'> &\n  Partial<SelectProps<number>> & {\n    addressNames?: Record<string, string | undefined>\n    maxAccounts?: number\n  }\n\nconst arrayRange = (length: number, start = 0) => {\n  return [...Array.from({ length }).keys()].map(x => x + start)\n}\n\nexport const WalletAccountSelect: React.FC<WalletAccountSelectProps> = ({\n  addressNames,\n  iconOnly,\n  iconSize = 24,\n  icons,\n  maxAccounts = 1,\n  showFavorite = false,\n  size,\n  variant = 'outlined',\n  ...props\n}) => {\n  const { activeAccountIndex = 0, setActiveAccountIndex, rootWallet } = useWalletContext()\n  const disabled = !rootWallet || activeAccountIndex === undefined\n\n  return (\n    <>\n      {rootWallet\n        ? (\n            <SelectEx\n              margin=\"dense\"\n              disabled={disabled}\n              renderValue={(selectedAccountIndex) => {\n                // eslint-disable-next-line @eslint-react/no-nested-components\n                const Item: React.FC = () => {\n                  const [selectedAccount] = useWallet({ path: selectedAccountIndex.toString(), wallet: rootWallet })\n                  const customName = selectedAccount ? addressNames?.[selectedAccount.address] : undefined\n                  const favorite = !!selectedAccount && selectedAccount.address in (addressNames ?? {})\n                  return (\n                    <MenuItem value={selectedAccountIndex} sx={{ minHeight: 0, paddingBottom: 0, paddingTop: 0 }}>\n                      <AddressRenderRowBox\n                        disableSharedRef={true}\n                        flexGrow={1}\n                        address={selectedAccount?.address}\n                        iconOnly={iconOnly}\n                        iconSize={iconSize}\n                        icons={icons}\n                        name={customName}\n                        favorite={favorite}\n                        showFavorite={showFavorite}\n                      />\n                    </MenuItem>\n                  )\n                }\n                return <Item />\n              }}\n              value={activeAccountIndex}\n              onChange={event => setActiveAccountIndex?.(Number.parseInt(`${event.target.value}`))}\n              size={size}\n              variant={variant}\n              {...props}\n            >\n              {arrayRange(maxAccounts).map((index) => {\n                // eslint-disable-next-line @eslint-react/no-nested-components\n                const Item: React.FC = () => {\n                  const [account] = useWallet({ path: index.toString(), wallet: rootWallet })\n                  const customName = account ? addressNames?.[account.address] : undefined\n                  const favorite = !!account && account.address in (addressNames ?? {})\n                  return (\n                    <MenuItem key={account?.address} value={index} sx={{ minHeight: 0, paddingBottom: 0, paddingTop: 0 }}>\n                      <AddressRenderRowBox\n                        disableSharedRef={true}\n                        flexGrow={1}\n                        address={account?.address}\n                        favorite={favorite}\n                        iconOnly={iconOnly}\n                        iconSize={iconSize}\n                        icons={icons}\n                        name={customName}\n                        showFavorite={showFavorite}\n                      />\n                    </MenuItem>\n                  )\n                }\n\n                return <Item key={index} />\n              })}\n            </SelectEx>\n          )\n        : <CircularProgress size={24} />}\n    </>\n  )\n}\n","import { FlexBoxProps, FlexCol } from '@xylabs/react-flexbox'\nimport React from 'react'\n\nimport { WalletAccountSelect } from './Select.tsx'\n\nexport interface WalletAccountSelectBarProps extends FlexBoxProps {\n  addressNames?: Record<string, string | undefined>\n  iconOnly?: boolean\n  iconSize?: number\n  icons?: boolean\n  maxAccounts?: number\n  showFavorite?: boolean\n  size?: 'small' | 'medium'\n}\n\nexport const WalletAccountSelectBar: React.FC<WalletAccountSelectBarProps> = ({\n  addressNames,\n  iconOnly,\n  iconSize,\n  icons,\n  maxAccounts = 1,\n  showFavorite = false,\n  size = 'small',\n  ...props\n}) => {\n  return (\n    <FlexCol alignItems=\"stretch\" {...props}>\n      <WalletAccountSelect\n        addressNames={addressNames}\n        fullWidth\n        showFavorite={showFavorite}\n        iconSize={iconSize}\n        iconOnly={iconOnly}\n        icons={icons}\n        maxAccounts={maxAccounts}\n        size={size ?? 'small'}\n        variant=\"outlined\"\n      />\n    </FlexCol>\n  )\n}\n"],"mappings":"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","names":["ButtonGroup","TableCell","TableRow","Typography","ButtonEx","React","useState","Alert","AlertTitle","Snackbar","React","OutOfBoundsSnackBar","activeAccountIndex","desiredMaximumAccounts","setShowSnackBar","showSnackBar","Snackbar","anchorOrigin","horizontal","vertical","autoHideDuration","onClose","open","Alert","severity","AlertTitle","undefined","MaxAccountsTableRow","activeAccountIndex","changeMaxAccounts","maxAccounts","desiredMaximumAccounts","setDesiredMaximumAccounts","useState","showSnackBar","setShowSnackBar","handleChangeMaxAccounts","change","undefined","validMaximumAccounts","maxAccountsWithinRange","console","error","Error","React","TableRow","TableCell","align","Typography","variant","ButtonGroup","ButtonEx","onClick","size","OutOfBoundsSnackBar","HelpOutline","HelpOutlineIcon","Button","Dialog","DialogActions","DialogContent","DialogTitle","IconButton","Link","List","ListItem","Typography","React","useState","SeedPhraseIconButton","props","open","setOpen","useState","onClose","React","IconButton","onClick","HelpOutlineIcon","fontSize","Dialog","DialogTitle","DialogContent","Typography","Link","target","href","List","ListItem","DialogActions","Button","variant","Alert","AlertTitle","Snackbar","generateMnemonic","wordlist","React","useEffect","useState","DefaultSeedPhrase","changeSeedPhrase","children","hideDefaultSeedPhraseMessage","seedPhrase","showSnackBar","setShowSnackBar","useState","useEffect","mnemonic","generateMnemonic","wordlist","React","Snackbar","open","autoHideDuration","onClose","anchorOrigin","horizontal","vertical","Alert","severity","AlertTitle","Button","DialogActions","React","createContextEx","SeedPhraseContext","generateMnemonic","validateMnemonic","wordlist","React","useCallback","useEffect","useMemo","useState","validate","passedPhrase","validateMnemonic","wordlist","SeedPhraseProvider","children","defaultPhrase","handleChangeSeedPhrase","saveCallback","seedPhrase","open","phrase","setPhrase","useState","overwriteWarning","setOverwriteWarning","useEffect","handleGenerate","useCallback","mnemonic","generateMnemonic","handleCancelOverwrite","handleClear","handleSave","validSeedPhrase","useMemo","validPhrase","value","provided","React","SeedPhraseContext","Provider","useContextEx","useSeedPhrase","useContextEx","SeedPhraseContext","createContextEx","WalletContext","usePromise","React","useEffect","useMemo","useState","WalletProvider","children","defaultActiveAccountIndex","rootWallet","props","activeAccountIndex","setActiveAccountIndex","useState","useEffect","undefined","activeAccount","usePromise","derivePath","toString","value","useMemo","provided","React","WalletContext","Provider","usePromise","useContextEx","useProvided","useWalletContext","required","useContextEx","WalletContext","useWalletProvided","useProvided","useRootWallet","rootWallet","undefined","useIndexedWalletFromContext","index","wallet","usePromise","derivePath","toString","useSelectedWalletAccount","activeAccountIndex","account","DialogActionButtons","onClose","props","handleSave","setPhrase","useSeedPhrase","wrappedOnClose","e","React","DialogActions","Button","variant","onClick","FormControl","TextField","React","colorParser","conditional","Link","Typography","React","InvalidPhraseTypography","props","React","Typography","variant","color","Link","target","href","CheckCircleOutline","CheckCircleOutlineIcon","HighlightOff","HighlightOffIcon","FlexRow","React","useMemo","PhraseHeaderBox","children","conditional","props","state","useMemo","Icon","React","CheckCircleOutlineIcon","fontSize","color","HighlightOffIcon","FlexRow","justifyContent","columnGap","NewPhraseTextField","children","disableColor","props","phrase","setPhrase","validPhrase","useSeedPhrase","React","FormControl","fullWidth","size","sx","display","flexDirection","rowGap","TextField","focused","color","undefined","colorParser","error","helperText","InvalidPhraseTypography","maxRows","Number","POSITIVE_INFINITY","multiline","onChange","e","target","value","Button","DialogActions","React","PhraseDialogActions","handleClear","handleGenerate","overwriteWarning","useSeedPhrase","React","DialogActions","sx","justifyContent","Button","disabled","variant","onClick","Chip","FormControl","FormLabel","TextField","React","useState","SavedPhraseTextField","fullWidth","showPhraseHeader","props","validSeedPhrase","seedPhrase","useSeedPhrase","visible","setVisible","useState","React","FormControl","size","sx","display","flexDirection","rowGap","Chip","label","onClick","alignSelf","FormLabel","PhraseHeaderBox","conditional","TextField","defaultValue","disabled","error","helperText","InvalidPhraseTypography","maxRows","Number","POSITIVE_INFINITY","multiline","Alert","Button","FlexRow","React","OverwriteWarning","handleCancelOverwrite","handleSave","useSeedPhrase","React","Alert","variant","severity","action","FlexRow","sx","columnGap","Button","color","size","onClick","Dialog","DialogContent","DialogTitle","FormLabel","React","SeedPhraseDialog","changeSeedPhrase","seedPhrase","props","React","SeedPhraseProvider","handleChangeSeedPhrase","open","saveCallback","onClose","SeedPhraseDialogInner","overwriteWarning","validPhrase","useSeedPhrase","Dialog","aria-labelledby","aria-describedby","fullWidth","maxWidth","DialogTitle","id","SeedPhraseIconButton","DialogContent","sx","display","flexDirection","rowGap","NewPhraseTextField","FormLabel","PhraseHeaderBox","conditional","PhraseDialogActions","SavedPhraseTextField","OverwriteWarning","DialogActionButtons","Cancel","CancelIcon","RadioButtonChecked","RadioButtonCheckedIcon","Button","ButtonGroup","TableCell","TableRow","React","useState","SeedPhraseTableRow","changeSeedPhrase","seedPhrase","props","open","setOpen","useState","handleOpen","React","TableRow","TableCell","SeedPhraseIconButton","align","RadioButtonCheckedIcon","color","CancelIcon","SeedPhraseDialog","onClose","ButtonGroup","fullWidth","Button","variant","size","onClick","EthAddress","EthAccountButton","FlexCol","FlexRow","NumberStatus","useNetwork","React","usePromise","useState","useAccount","wallet","account","index","required","walletContextProvided","useWalletProvided","validationError","setValidationError","useState","Error","error","setError","rootWallet","useRootWallet","activeAccountIndex","useWalletContext","activeAccount","usePromise","derivePath","ex","console","message","undefined","usePromise","HDWallet","useState","useWallet","mnemonic","wallet","path","required","seed","walletContextProvided","useWalletContext","error","setError","useState","contextAccount","useSelectedWalletAccount","activeAccount","usePromise","newAccount","HDWallet","fromPhrase","fromSeed","derivePath","ex","usePromise","useWallets","wallet","paths","walletContextProvided","useWalletContext","foundWallet","useWallet","wallets","error","usePromise","Promise","all","map","path","derivePath","undefined","usePromise","HDWallet","Mutex","globalWrapperWallet","globalWrapperWalletMutex","Mutex","useWrapperAccount","account","usePromise","runExclusive","undefined","HDWallet","random","console","log","address","ex","error","message","WalletAccountDetails","exploreUrl","account","props","accountToUse","useAccount","network","useNetwork","exploreAddressUrl","address","name","React","FlexCol","EthAccountButton","EthAddress","fromString","FlexRow","gap","NumberStatus","rounded","title","value","to","target","CircularProgress","MenuItem","SelectEx","AddressRenderRowBox","React","arrayRange","length","start","Array","from","keys","map","x","WalletAccountSelect","addressNames","iconOnly","iconSize","icons","maxAccounts","showFavorite","size","variant","props","activeAccountIndex","setActiveAccountIndex","rootWallet","useWalletContext","disabled","undefined","React","SelectEx","margin","renderValue","selectedAccountIndex","Item","selectedAccount","useWallet","path","toString","wallet","customName","address","favorite","MenuItem","value","sx","minHeight","paddingBottom","paddingTop","AddressRenderRowBox","disableSharedRef","flexGrow","name","onChange","event","Number","parseInt","target","index","account","key","CircularProgress","FlexCol","React","WalletAccountSelectBar","addressNames","iconOnly","iconSize","icons","maxAccounts","showFavorite","size","props","React","FlexCol","alignItems","WalletAccountSelect","fullWidth","variant"]}

package/package.json

@@ -11,22 +11,22 @@
   },
   "dependencies": {
     "@scure/bip39": "^1.3.0",
-    "@xylabs/eth-address": "^3.6.4",
-    "@xylabs/react-button": "^3.4.1",
-    "@xylabs/react-crypto": "^3.4.1",
-    "@xylabs/react-flexbox": "^3.4.1",
-    "@xylabs/react-identicon": "^3.4.1",
-    "@xylabs/react-number-status": "^3.4.1",
-    "@xylabs/react-promise": "^3.4.1",
-    "@xylabs/react-quick-tip-button": "^3.4.1",
-    "@xylabs/react-select": "^3.4.1",
-    "@xylabs/react-shared": "^3.4.1",
-    "@xyo-network/account": "^2.110.9",
-    "@xyo-network/account-model": "^2.110.9",
-    "@xyo-network/react-address-render": "^2.81.10",
-    "@xyo-network/react-network": "^2.81.10",
-    "@xyo-network/react-shared": "^2.81.10",
-    "@xyo-network/wallet-model": "^2.110.9",
+    "@xylabs/eth-address": "^3.6.12",
+    "@xylabs/react-button": "^3.4.2",
+    "@xylabs/react-crypto": "^3.4.2",
+    "@xylabs/react-flexbox": "^3.4.2",
+    "@xylabs/react-identicon": "^3.4.2",
+    "@xylabs/react-number-status": "^3.4.2",
+    "@xylabs/react-promise": "^3.4.2",
+    "@xylabs/react-quick-tip-button": "^3.4.2",
+    "@xylabs/react-select": "^3.4.2",
+    "@xylabs/react-shared": "^3.4.2",
+    "@xyo-network/account": "^2.111.3",
+    "@xyo-network/account-model": "^2.111.3",
+    "@xyo-network/react-address-render": "^2.82.0",
+    "@xyo-network/react-network": "^2.82.0",
+    "@xyo-network/react-shared": "^2.82.0",
+    "@xyo-network/wallet-model": "^2.111.3",
     "async-mutex": "^0.5.0"
   },
   "peerDependencies": {
@@ -38,11 +38,11 @@
   },
   "description": "Common React library for all XYO projects that use React",
   "devDependencies": {
-    "@storybook/react": "^7.6.20",
-    "@xylabs/ts-scripts-yarn3": "^3.12.4",
-    "@xylabs/tsconfig-react": "^3.12.4",
-    "@xyo-network/react-storybook": "^2.81.10",
-    "react-router-dom": "^6.25.1",
+    "@storybook/react": "^8.2.7",
+    "@xylabs/ts-scripts-yarn3": "^3.15.16",
+    "@xylabs/tsconfig-react": "^3.15.16",
+    "@xyo-network/react-storybook": "^2.82.0",
+    "react-router-dom": "^6.26.0",
     "typescript": "^5.5.4"
   },
   "docs": "dist/docs.json",
@@ -51,7 +51,7 @@
       "node": {
         "import": {
           "types": "./dist/node/index.d.mts",
-          "default": "./dist/node/index.js"
+          "default": "./dist/node/index.mjs"
         },
         "require": {
           "types": "./dist/node/index.d.cts",
@@ -61,19 +61,19 @@
       "browser": {
         "import": {
           "types": "./dist/browser/index.d.mts",
-          "default": "./dist/browser/index.js"
+          "default": "./dist/browser/index.mjs"
         },
         "require": {
           "types": "./dist/browser/index.d.cts",
           "default": "./dist/browser/index.cjs"
         }
       },
-      "default": "./dist/browser/index.js"
+      "default": "./dist/browser/index.mjs"
     },
     "./package.json": "./package.json"
   },
   "main": "dist/browser/index.cjs",
-  "module": "dist/browser/index.js",
+  "module": "dist/browser/index.mjs",
   "homepage": "https://xyo.network",
   "keywords": [
     "xyo",
@@ -95,6 +95,6 @@
   },
   "sideEffects": false,
   "types": "dist/browser/index.d.ts",
-  "version": "2.81.10",
+  "version": "2.82.0",
   "type": "module"
 }

package/src/components/MaxAccounts/MaxAccountsTableRow.tsx

@@ -1,8 +1,8 @@
 import { ButtonGroup, TableCell, TableRow, TableRowProps, Typography } from '@mui/material'
 import { ButtonEx } from '@xylabs/react-button'
-import { useState } from 'react'
+import React, { useState } from 'react'
 
-import { OutOfBoundsSnackBar } from './OutOfBoundsSnackBar.js'
+import { OutOfBoundsSnackBar } from './OutOfBoundsSnackBar.tsx'
 
 export interface MaxAccountsTableRow extends TableRowProps {
   activeAccountIndex?: number
@@ -45,14 +45,14 @@ export const MaxAccountsTableRow: React.FC<MaxAccountsTableRow> = ({ activeAccou
     <TableRow>
       <TableCell>Maximum Accounts</TableCell>
       <TableCell align="center">
-        <Typography variant={'caption'}>{maxAccounts}</Typography>
+        <Typography variant="caption">{maxAccounts}</Typography>
       </TableCell>
       <TableCell align="center">
         <ButtonGroup>
-          <ButtonEx onClick={() => handleChangeMaxAccounts('decrease')} variant={'contained'} size={'small'}>
+          <ButtonEx onClick={() => handleChangeMaxAccounts('decrease')} variant="contained" size="small">
             -
           </ButtonEx>
-          <ButtonEx onClick={() => handleChangeMaxAccounts('increase')} variant={'contained'} size={'small'}>
+          <ButtonEx onClick={() => handleChangeMaxAccounts('increase')} variant="contained" size="small">
             +
           </ButtonEx>
         </ButtonGroup>

package/src/components/MaxAccounts/OutOfBoundsSnackBar.tsx

@@ -1,5 +1,5 @@
 import { Alert, AlertTitle, Snackbar, SnackbarProps } from '@mui/material'
-import { Dispatch, SetStateAction } from 'react'
+import React, { Dispatch, SetStateAction } from 'react'
 
 export interface OutOfBoundsSnackBarProps extends SnackbarProps {
   activeAccountIndex?: number
@@ -21,10 +21,14 @@ export const OutOfBoundsSnackBar: React.FC<OutOfBoundsSnackBarProps> = ({
       onClose={() => setShowSnackBar?.(false)}
       open={showSnackBar}
     >
-      <Alert severity={'error'} onClose={() => setShowSnackBar?.(false)}>
+      <Alert severity="error" onClose={() => setShowSnackBar?.(false)}>
         <AlertTitle>Maximum Accounts Error</AlertTitle>
-        Your currently selected account number ({activeAccountIndex === undefined ? '' : activeAccountIndex + 1}) cannot be greater than the desired
-        Maximum Accounts ({desiredMaximumAccounts}).
+        Your currently selected account number (
+        {activeAccountIndex === undefined ? '' : activeAccountIndex + 1}
+        ) cannot be greater than the desired
+        Maximum Accounts (
+        {desiredMaximumAccounts}
+        ).
       </Alert>
     </Snackbar>
   )

package/src/components/MaxAccounts/index.ts

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

package/src/components/SeedPhrase/DefaultSeedPhrase.stories.tsx

@@ -1,14 +1,14 @@
 import { Meta, StoryFn } from '@storybook/react'
+import React from 'react'
 
-import { DefaultSeedPhrase } from './DefaultSeedPhrase.js'
+import { DefaultSeedPhrase } from './DefaultSeedPhrase.tsx'
 
-// eslint-disable-next-line import/no-default-export
 export default {
   component: DefaultSeedPhrase,
   title: 'Wallet/DefaultSeedPhrase',
 } as Meta
 
-const Template: StoryFn<typeof DefaultSeedPhrase> = (props) => <DefaultSeedPhrase {...props} />
+const Template: StoryFn<typeof DefaultSeedPhrase> = props => <DefaultSeedPhrase {...props} />
 
 const Default = Template.bind({})
 Default.args = {

package/src/components/SeedPhrase/DefaultSeedPhrase.tsx

@@ -3,7 +3,7 @@ import { generateMnemonic } 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 { useEffect, useState } from 'react'
+import React, { useEffect, useState } from 'react'
 
 export interface DefaultSeedPhraseProps extends WithChildren {
   changeSeedPhrase?: (seedPhrase: string) => void
@@ -24,19 +24,21 @@ export const DefaultSeedPhrase: React.FC<DefaultSeedPhraseProps> = ({ changeSeed
 
   return (
     <>
-      {hideDefaultSeedPhraseMessage ? null : (
-        <Snackbar
-          open={showSnackBar}
-          autoHideDuration={5000}
-          onClose={() => setShowSnackBar(false)}
-          anchorOrigin={{ horizontal: 'center', vertical: 'top' }}
-        >
-          <Alert severity={'success'}>
-            <AlertTitle>Default Seed Phrase Generated</AlertTitle>
-            Go to application settings to save it.
-          </Alert>
-        </Snackbar>
-      )}
+      {hideDefaultSeedPhraseMessage
+        ? null
+        : (
+            <Snackbar
+              open={showSnackBar}
+              autoHideDuration={5000}
+              onClose={() => setShowSnackBar(false)}
+              anchorOrigin={{ horizontal: 'center', vertical: 'top' }}
+            >
+              <Alert severity="success">
+                <AlertTitle>Default Seed Phrase Generated</AlertTitle>
+                Go to application settings to save it.
+              </Alert>
+            </Snackbar>
+          )}
       {children}
     </>
   )

package/src/components/SeedPhrase/_shared/SeedPhraseIconButton.tsx

@@ -12,7 +12,7 @@ import {
   ListItem,
   Typography,
 } from '@mui/material'
-import { useState } from 'react'
+import React, { useState } from 'react'
 
 export const SeedPhraseIconButton: React.FC<IconButtonProps> = (props) => {
   const [open, setOpen] = useState(false)
@@ -26,10 +26,12 @@ export const SeedPhraseIconButton: React.FC<IconButtonProps> = (props) => {
         <DialogTitle>Understanding your Seed Phrase</DialogTitle>
         <DialogContent>
           <Typography>
-            Your Seed Phrase should adhere to the{' '}
-            <Link target={'_blank'} href="https://github.com/bitcoin/bips/blob/master/bip-0039.mediawiki">
+            Your Seed Phrase should adhere to the
+            {' '}
+            <Link target="_blank" href="https://github.com/bitcoin/bips/blob/master/bip-0039.mediawiki">
               bip39 specification
-            </Link>{' '}
+            </Link>
+            {' '}
             and is used to generate accounts which identify your data on the XYO Network.
           </Typography>
           <List>

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

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

package/src/components/SeedPhrase/dialog/SeedPhraseDialog.stories.tsx

@@ -4,11 +4,10 @@ import { generateMnemonic } from '@scure/bip39'
 import { wordlist } from '@scure/bip39/wordlists/english'
 import { Meta, StoryFn } from '@storybook/react'
 import { FlexCol } from '@xylabs/react-flexbox'
-import { useState } from 'react'
+import React, { useState } from 'react'
 
-import { SeedPhraseDialog } from './SeedPhraseDialog.js'
+import { SeedPhraseDialog } from './SeedPhraseDialog.tsx'
 
-// eslint-disable-next-line import/no-default-export
 export default {
   component: SeedPhraseDialog,
   title: 'Wallet/SeedPhraseDialog',
@@ -20,7 +19,7 @@ const Template: StoryFn<typeof SeedPhraseDialog> = (props) => {
   const [open, setOpen] = useState(false)
   return (
     <FlexCol rowGap={3}>
-      <Button variant={'contained'} onClick={() => setOpen(true)}>
+      <Button variant="contained" onClick={() => setOpen(true)}>
         Open Dialog
       </Button>
       <Typography>Seed Phrase</Typography>

package/src/components/SeedPhrase/dialog/SeedPhraseDialog.tsx

@@ -1,7 +1,8 @@
 import { Dialog, DialogContent, DialogProps, DialogTitle, FormLabel } from '@mui/material'
+import React from 'react'
 
-import { SeedPhraseProvider, useSeedPhrase } from '../../../contexts/index.js'
-import { SeedPhraseIconButton } from '../_shared/index.js'
+import { SeedPhraseProvider, useSeedPhrase } from '../../../contexts/index.ts'
+import { SeedPhraseIconButton } from '../_shared/index.ts'
 import {
   DialogActionButtons,
   NewPhraseTextField,
@@ -9,7 +10,7 @@ import {
   PhraseDialogActions,
   PhraseHeaderBox,
   SavedPhraseTextField,
-} from './components/index.js'
+} from './components/index.ts'
 
 export interface SeedPhraseDialogProps extends DialogProps {
   changeSeedPhrase?: (value: string) => void
@@ -33,9 +34,11 @@ export const SeedPhraseDialogInner: React.FC<SeedPhraseDialogProps> = (props) =>
   const { overwriteWarning, seedPhrase, validPhrase } = useSeedPhrase()
 
   return (
-    <Dialog aria-labelledby="alert-dialog-title" aria-describedby="alert-dialog-description" fullWidth maxWidth={'sm'} {...props}>
+    <Dialog aria-labelledby="alert-dialog-title" aria-describedby="alert-dialog-description" fullWidth maxWidth="sm" {...props}>
       <DialogTitle id="alert-dialog-title">
-        Update Your Seed Phrase <SeedPhraseIconButton />
+        Update Your Seed Phrase
+        {' '}
+        <SeedPhraseIconButton />
       </DialogTitle>
       <DialogContent sx={{ display: 'flex', flexDirection: 'column', rowGap: 2 }}>
         <NewPhraseTextField>
@@ -44,12 +47,12 @@ export const SeedPhraseDialogInner: React.FC<SeedPhraseDialogProps> = (props) =>
           </FormLabel>
         </NewPhraseTextField>
         <PhraseDialogActions />
-        {seedPhrase ?
-          <SavedPhraseTextField />
-        : null}
-        {overwriteWarning ?
-          <OverwriteWarning />
-        : null}
+        {seedPhrase
+          ? <SavedPhraseTextField />
+          : null}
+        {overwriteWarning
+          ? <OverwriteWarning />
+          : null}
       </DialogContent>
       <DialogActionButtons onClose={props.onClose} />
     </Dialog>

package/src/components/SeedPhrase/dialog/components/DialogActionButtons.tsx

@@ -1,7 +1,7 @@
 import { Button, DialogActions, DialogActionsProps, DialogProps } from '@mui/material'
-import { MouseEvent } from 'react'
+import React, { MouseEvent } from 'react'
 
-import { useSeedPhrase } from '../../../../contexts/index.js'
+import { useSeedPhrase } from '../../../../contexts/index.ts'
 
 interface DialogActionButtonsProps extends DialogActionsProps {
   onClose?: DialogProps['onClose']

package/src/components/SeedPhrase/dialog/components/OverwriteWarning.tsx

@@ -1,7 +1,8 @@
 import { Alert, Button } from '@mui/material'
 import { FlexRow } from '@xylabs/react-flexbox'
+import React from 'react'
 
-import { useSeedPhrase } from '../../../../contexts/index.js'
+import { useSeedPhrase } from '../../../../contexts/index.ts'
 
 export const OverwriteWarning = () => {
   const { handleCancelOverwrite, handleSave } = useSeedPhrase()
@@ -9,7 +10,7 @@ export const OverwriteWarning = () => {
     <Alert
       variant="outlined"
       severity="warning"
-      action={
+      action={(
         <FlexRow sx={{ columnGap: 1 }}>
           <Button variant="outlined" color="inherit" size="small" onClick={handleSave}>
             Overwrite
@@ -18,7 +19,7 @@ export const OverwriteWarning = () => {
             Cancel
           </Button>
         </FlexRow>
-      }
+      )}
     >
       Are you sure you want to overwrite existing seed phrase? This action cannot be undone.
     </Alert>

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

@@ -1,8 +1,8 @@
 import { FormControl, StandardTextFieldProps, TextField } from '@mui/material'
-import { ReactNode } from 'react'
+import React, { ReactNode } from 'react'
 
-import { useSeedPhrase } from '../../../../../contexts/index.js'
-import { colorParser, InvalidPhraseTypography } from './validation-messages/index.js'
+import { useSeedPhrase } from '../../../../../contexts/index.ts'
+import { colorParser, InvalidPhraseTypography } from './validation-messages/index.ts'
 
 export interface NewPhraseTextFieldProps extends StandardTextFieldProps {
   children?: ReactNode
@@ -23,7 +23,7 @@ export const NewPhraseTextField: React.FC<NewPhraseTextFieldProps> = ({ children
           fullWidth
           maxRows={Number.POSITIVE_INFINITY}
           multiline
-          onChange={(e) => setPhrase?.(e.target.value)}
+          onChange={e => setPhrase?.(e.target.value)}
           value={phrase}
           {...props}
         />

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

@@ -1,6 +1,7 @@
 import { Button, DialogActions } from '@mui/material'
+import React from 'react'
 
-import { useSeedPhrase } from '../../../../../contexts/index.js'
+import { useSeedPhrase } from '../../../../../contexts/index.ts'
 
 export const PhraseDialogActions = () => {
   const { handleClear, handleGenerate, overwriteWarning } = useSeedPhrase()