@xyo-network/react-wallet 2.64.8 → 2.64.10

package/dist/browser/components/index.js

@@ -1,695 +0,0 @@
-// src/components/MaxAccounts/MaxAccountsTableRow.tsx
-import { ButtonGroup, TableCell, TableRow, Typography } from "@mui/material";
-import { ButtonEx } from "@xylabs/react-button";
-import { useState } from "react";
-
-// src/components/MaxAccounts/OutOfBoundsSnackBar.tsx
-import { Alert, AlertTitle, Snackbar } from "@mui/material";
-import { jsx, jsxs } from "react/jsx-runtime";
-var OutOfBoundsSnackBar = ({
-  activeAccountIndex,
-  desiredMaximumAccounts,
-  setShowSnackBar,
-  showSnackBar
-}) => {
-  return /* @__PURE__ */ jsx(
-    Snackbar,
-    {
-      anchorOrigin: { horizontal: "center", vertical: "top" },
-      autoHideDuration: 5e3,
-      onClose: () => setShowSnackBar?.(false),
-      open: showSnackBar,
-      children: /* @__PURE__ */ jsxs(Alert, { severity: "error", onClose: () => setShowSnackBar?.(false), children: [
-        /* @__PURE__ */ jsx(AlertTitle, { children: "Maximum Accounts Error" }),
-        "Your currently selected account number (",
-        activeAccountIndex !== void 0 ? activeAccountIndex + 1 : "",
-        ") cannot be greater than the desired Maximum Accounts (",
-        desiredMaximumAccounts,
-        ")."
-      ] })
-    }
-  );
-};
-
-// src/components/MaxAccounts/MaxAccountsTableRow.tsx
-import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
-var MaxAccountsTableRow = ({ activeAccountIndex, changeMaxAccounts, maxAccounts }) => {
-  const [desiredMaximumAccounts, setDesiredMaximumAccounts] = useState();
-  const [showSnackBar, setShowSnackBar] = useState(false);
-  const handleChangeMaxAccounts = (change) => {
-    if (maxAccounts !== void 0 && activeAccountIndex !== void 0) {
-      switch (change) {
-        case "decrease": {
-          const desiredMaximumAccounts2 = maxAccounts - 1;
-          const validMaximumAccounts = desiredMaximumAccounts2 > 0;
-          const maxAccountsWithinRange = activeAccountIndex + 1 <= desiredMaximumAccounts2;
-          if (validMaximumAccounts && maxAccountsWithinRange) {
-            changeMaxAccounts?.(desiredMaximumAccounts2);
-          }
-          if (!maxAccountsWithinRange)
-            setShowSnackBar(true);
-          setDesiredMaximumAccounts(desiredMaximumAccounts2);
-          return;
-        }
-        case "increase": {
-          changeMaxAccounts?.(maxAccounts + 1);
-          return;
-        }
-        default: {
-          console.error(change, "is not a recognized value");
-        }
-      }
-    } else {
-      throw new Error("Max Accounts is unset and needs a default");
-    }
-  };
-  return /* @__PURE__ */ jsxs2(TableRow, { children: [
-    /* @__PURE__ */ jsx2(TableCell, { children: "Maximum Accounts" }),
-    /* @__PURE__ */ jsx2(TableCell, { align: "center", children: /* @__PURE__ */ jsx2(Typography, { variant: "caption", children: maxAccounts }) }),
-    /* @__PURE__ */ jsxs2(TableCell, { align: "center", children: [
-      /* @__PURE__ */ jsxs2(ButtonGroup, { children: [
-        /* @__PURE__ */ jsx2(ButtonEx, { onClick: () => handleChangeMaxAccounts("decrease"), variant: "contained", size: "small", children: "-" }),
-        /* @__PURE__ */ jsx2(ButtonEx, { onClick: () => handleChangeMaxAccounts("increase"), variant: "contained", size: "small", children: "+" })
-      ] }),
-      /* @__PURE__ */ jsx2(
-        OutOfBoundsSnackBar,
-        {
-          desiredMaximumAccounts,
-          activeAccountIndex,
-          setShowSnackBar,
-          showSnackBar
-        }
-      )
-    ] })
-  ] });
-};
-
-// src/components/SeedPhrase/_shared/SeedPhraseIconButton.tsx
-import { HelpOutline as HelpOutlineIcon } from "@mui/icons-material";
-import {
-  Button,
-  Dialog,
-  DialogActions,
-  DialogContent,
-  DialogTitle,
-  IconButton,
-  Link,
-  List,
-  ListItem,
-  Typography as Typography2
-} from "@mui/material";
-import { useState as useState2 } from "react";
-import { Fragment, jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
-var SeedPhraseIconButton = (props) => {
-  const [open, setOpen] = useState2(false);
-  const onClose = () => setOpen(false);
-  return /* @__PURE__ */ jsxs3(Fragment, { children: [
-    /* @__PURE__ */ jsx3(IconButton, { onClick: () => setOpen(true), ...props, children: /* @__PURE__ */ jsx3(HelpOutlineIcon, { fontSize: "small" }) }),
-    /* @__PURE__ */ jsxs3(Dialog, { open, children: [
-      /* @__PURE__ */ jsx3(DialogTitle, { children: "Understanding your Seed Phrase" }),
-      /* @__PURE__ */ jsxs3(DialogContent, { children: [
-        /* @__PURE__ */ jsxs3(Typography2, { children: [
-          "Your Seed Phrase should adhere to the",
-          " ",
-          /* @__PURE__ */ jsx3(Link, { target: "_blank", href: "https://github.com/bitcoin/bips/blob/master/bip-0039.mediawiki", children: "bip39 specification" }),
-          " ",
-          "and is used to generate accounts which identify your data on the XYO Network."
-        ] }),
-        /* @__PURE__ */ jsxs3(List, { children: [
-          /* @__PURE__ */ jsx3(ListItem, { children: "Do not share this phrase with anyone." }),
-          /* @__PURE__ */ jsx3(ListItem, { children: "Do not save it to a public computer." }),
-          /* @__PURE__ */ jsx3(ListItem, { children: "Do not use a existing phrase from another wallet (i.e. Metamask)." }),
-          /* @__PURE__ */ jsx3(ListItem, { children: "Do not use before copying it down somewhere safe." })
-        ] })
-      ] }),
-      /* @__PURE__ */ jsx3(DialogActions, { children: /* @__PURE__ */ jsx3(Button, { onClick: onClose, variant: "outlined", children: "OK" }) })
-    ] })
-  ] });
-};
-
-// src/components/SeedPhrase/DefaultSeedPhrase.tsx
-import { Alert as Alert2, AlertTitle as AlertTitle2, Snackbar as Snackbar2 } from "@mui/material";
-import { generateMnemonic, wordlists } from "@xyo-network/bip39";
-import { useEffect, useState as useState3 } from "react";
-import { Fragment as Fragment2, jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
-var DefaultSeedPhrase = ({ changeSeedPhrase, children, hideDefaultSeedPhraseMessage, seedPhrase }) => {
-  const [showSnackBar, setShowSnackBar] = useState3(false);
-  useEffect(() => {
-    if (!seedPhrase) {
-      const mnemonic = generateMnemonic(wordlists.english, 256);
-      changeSeedPhrase?.(mnemonic);
-      setShowSnackBar(true);
-    }
-  }, [changeSeedPhrase, seedPhrase]);
-  return /* @__PURE__ */ jsxs4(Fragment2, { children: [
-    hideDefaultSeedPhraseMessage ? null : /* @__PURE__ */ jsx4(
-      Snackbar2,
-      {
-        open: showSnackBar,
-        autoHideDuration: 5e3,
-        onClose: () => setShowSnackBar(false),
-        anchorOrigin: { horizontal: "center", vertical: "top" },
-        children: /* @__PURE__ */ jsxs4(Alert2, { severity: "success", children: [
-          /* @__PURE__ */ jsx4(AlertTitle2, { children: "Default Seed Phrase Generated" }),
-          "Go to application settings to save it."
-        ] })
-      }
-    ),
-    children
-  ] });
-};
-
-// src/components/SeedPhrase/dialog/SeedPhraseDialog.tsx
-import { Dialog as Dialog2, DialogContent as DialogContent2, DialogTitle as DialogTitle2 } from "@mui/material";
-
-// src/contexts/SeedPhrase/Context.ts
-import { createContextEx } from "@xyo-network/react-shared";
-var SeedPhraseContext = createContextEx();
-
-// src/contexts/SeedPhrase/Provider.tsx
-import { generateMnemonic as generateMnemonic2, validateMnemonic, wordlists as wordlists2 } from "@xyo-network/bip39";
-import { useEffect as useEffect2, useMemo, useState as useState4 } from "react";
-import { jsx as jsx5 } from "react/jsx-runtime";
-var SeedPhraseProvider = ({
-  children,
-  defaultPhrase,
-  handleChangeSeedPhrase,
-  saveCallback,
-  seedPhrase,
-  open
-}) => {
-  const [phrase, setPhrase] = useState4();
-  const [overwriteWarning, setOverwriteWarning] = useState4(false);
-  useEffect2(() => {
-    setPhrase(defaultPhrase);
-  }, [defaultPhrase]);
-  useEffect2(() => {
-    if (!open) {
-      handleCancelOverwrite();
-    }
-  }, [open]);
-  useEffect2(() => {
-    if (seedPhrase || open) {
-      setPhrase?.(seedPhrase ?? "");
-    }
-  }, [seedPhrase, open, setPhrase]);
-  const handleGenerate = () => {
-    const mnemonic = generateMnemonic2(wordlists2.english, 256);
-    setPhrase?.(mnemonic);
-    setOverwriteWarning?.(false);
-  };
-  const handleCancelOverwrite = () => {
-    setOverwriteWarning?.(false);
-  };
-  const handleClear = () => {
-    setPhrase?.("");
-    setOverwriteWarning?.(false);
-  };
-  const handleSave = () => {
-    if (!overwriteWarning && seedPhrase && seedPhrase !== phrase) {
-      setOverwriteWarning?.(true);
-    } else {
-      handleChangeSeedPhrase?.(phrase ?? "");
-      saveCallback?.();
-    }
-  };
-  const validate = (passedPhrase) => {
-    if (!passedPhrase) {
-      return null;
-    }
-    return validateMnemonic(passedPhrase, wordlists2.english);
-  };
-  const validSeedPhrase = useMemo(() => validate?.(seedPhrase), [seedPhrase]);
-  const validPhrase = useMemo(() => validate?.(phrase), [phrase]);
-  return /* @__PURE__ */ jsx5(
-    SeedPhraseContext.Provider,
-    {
-      value: {
-        handleCancelOverwrite,
-        handleChangeSeedPhrase,
-        handleClear,
-        handleGenerate,
-        handleSave,
-        overwriteWarning,
-        phrase,
-        provided: true,
-        seedPhrase,
-        setOverwriteWarning,
-        setPhrase,
-        validPhrase,
-        validSeedPhrase,
-        validate
-      },
-      children
-    }
-  );
-};
-
-// src/contexts/SeedPhrase/use.tsx
-import { useContextEx } from "@xyo-network/react-shared";
-var useSeedPhrase = () => useContextEx(SeedPhraseContext, "SeedPhrase", true);
-
-// src/contexts/Wallet/Context.ts
-import { createContextEx as createContextEx2 } from "@xyo-network/react-shared";
-var WalletContext = createContextEx2();
-
-// src/contexts/Wallet/use.ts
-import { usePromise } from "@xylabs/react-promise";
-import { useContextEx as useContextEx2, useProvided } from "@xyo-network/react-shared";
-var useWalletContext = (required = true) => {
-  return useContextEx2(WalletContext, "Wallet", required);
-};
-var useWalletProvided = () => {
-  return useProvided(WalletContext);
-};
-var useCoinTypeWallet = (required = true) => {
-  const { coinTypeWallet } = useWalletContext(required);
-  return [coinTypeWallet, void 0];
-};
-var useIndexedWalletFromContext = (index, required = true) => {
-  const [coinTypeWallet] = useCoinTypeWallet(required);
-  const [wallet] = usePromise(async () => await coinTypeWallet?.derivePath(index.toString()) ?? coinTypeWallet, [coinTypeWallet, index]);
-  return [wallet, void 0];
-};
-var useSelectedWalletAccount = (required = true) => {
-  const { activeAccountIndex } = useWalletContext(required);
-  const [account] = useIndexedWalletFromContext(activeAccountIndex ?? 0, required);
-  if (activeAccountIndex === void 0 && account === null) {
-    return [null, void 0];
-  } else {
-    return [account, void 0];
-  }
-};
-
-// src/components/SeedPhrase/dialog/components/DialogActionButtons.tsx
-import { Button as Button2, DialogActions as DialogActions2 } from "@mui/material";
-import { jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
-var DialogActionButtons = ({ onClose, ...props }) => {
-  const { handleSave, setPhrase } = useSeedPhrase();
-  const wrappedOnClose = (e) => {
-    setPhrase?.("");
-    onClose?.(e, "escapeKeyDown");
-  };
-  return /* @__PURE__ */ jsxs5(DialogActions2, { ...props, children: [
-    /* @__PURE__ */ jsx6(Button2, { variant: "outlined", onClick: wrappedOnClose, children: "Cancel" }),
-    /* @__PURE__ */ jsx6(Button2, { variant: "outlined", onClick: handleSave, children: "Save" })
-  ] });
-};
-
-// src/components/SeedPhrase/dialog/components/fields/NewPhraseTextField.tsx
-import { Button as Button3, DialogActions as DialogActions3, FormControl, FormLabel, TextField } from "@mui/material";
-
-// src/components/SeedPhrase/dialog/components/fields/validation-messages/colorParser.ts
-var colorParser = (conditional) => {
-  switch (conditional) {
-    case true:
-      return "success";
-    case false:
-      return "error";
-    default:
-      return void 0;
-  }
-};
-
-// src/components/SeedPhrase/dialog/components/fields/validation-messages/InvalidPhrase.tsx
-import { Link as Link2, Typography as Typography3 } from "@mui/material";
-import { jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
-var InvalidPhraseTypography = (props) => /* @__PURE__ */ jsxs6(Typography3, { variant: "caption", color: "error", ...props, children: [
-  "Invalid seed phrase. See -",
-  " ",
-  /* @__PURE__ */ jsx7(Link2, { target: "_blank", href: "https://github.com/bitcoin/bips/blob/master/bip-0039.mediawiki", children: "bip39 Proposal" })
-] });
-
-// src/components/SeedPhrase/dialog/components/fields/validation-messages/PhraseHeaderBox.tsx
-import { CheckCircleOutline as CheckCircleOutlineIcon, HighlightOff as HighlightOffIcon } from "@mui/icons-material";
-import { FlexRow } from "@xylabs/react-flexbox";
-import { useMemo as useMemo2 } from "react";
-import { jsx as jsx8, jsxs as jsxs7 } from "react/jsx-runtime";
-var PhraseHeaderBox = ({ children, conditional, ...props }) => {
-  const state = useMemo2(() => {
-    switch (conditional) {
-      case true:
-        return "success";
-      case false:
-        return "error";
-      default:
-        return null;
-    }
-  }, [conditional]);
-  const Icon = useMemo2(() => {
-    switch (state) {
-      case "success":
-        return /* @__PURE__ */ jsx8(CheckCircleOutlineIcon, { fontSize: "small", color: "success" });
-      case "error":
-        return /* @__PURE__ */ jsx8(HighlightOffIcon, { fontSize: "small", color: "error" });
-      default:
-        return null;
-    }
-  }, [state]);
-  return /* @__PURE__ */ jsxs7(FlexRow, { justifyContent: "start", columnGap: 1, ...props, children: [
-    Icon,
-    children
-  ] });
-};
-
-// src/components/SeedPhrase/dialog/components/fields/NewPhraseTextField.tsx
-import { Fragment as Fragment3, jsx as jsx9, jsxs as jsxs8 } from "react/jsx-runtime";
-var NewPhraseTextField = (props) => {
-  const { handleClear, handleGenerate, overwriteWarning, phrase, setPhrase, validPhrase } = useSeedPhrase();
-  return /* @__PURE__ */ jsxs8(Fragment3, { children: [
-    /* @__PURE__ */ jsxs8(FormControl, { fullWidth: true, size: "small", sx: { display: "flex", flexDirection: "column", rowGap: 1 }, children: [
-      /* @__PURE__ */ jsx9(FormLabel, { children: /* @__PURE__ */ jsx9(PhraseHeaderBox, { conditional: validPhrase, children: "New Seed Phrase" }) }),
-      /* @__PURE__ */ jsx9(
-        TextField,
-        {
-          focused: true,
-          color: colorParser(validPhrase),
-          error: validPhrase === false,
-          helperText: validPhrase === false ? /* @__PURE__ */ jsx9(InvalidPhraseTypography, {}) : null,
-          fullWidth: true,
-          maxRows: Infinity,
-          multiline: true,
-          onChange: (e) => setPhrase?.(e.target.value),
-          value: phrase,
-          ...props
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsxs8(DialogActions3, { sx: { justifyContent: "center" }, children: [
-      /* @__PURE__ */ jsx9(Button3, { disabled: overwriteWarning, variant: "outlined", onClick: handleGenerate, children: "Generate" }),
-      /* @__PURE__ */ jsx9(Button3, { variant: "outlined", onClick: handleClear, children: "Clear" })
-    ] })
-  ] });
-};
-
-// src/components/SeedPhrase/dialog/components/fields/SavedPhraseTextField.tsx
-import { Chip, FormControl as FormControl2, FormLabel as FormLabel2, TextField as TextField2 } from "@mui/material";
-import { useState as useState5 } from "react";
-import { Fragment as Fragment4, jsx as jsx10, jsxs as jsxs9 } from "react/jsx-runtime";
-var SavedPhraseTextField = (props) => {
-  const { validSeedPhrase, seedPhrase } = useSeedPhrase();
-  const [visible, setVisible] = useState5(false);
-  return /* @__PURE__ */ jsxs9(FormControl2, { fullWidth: true, size: "small", sx: { display: "flex", flexDirection: "column", rowGap: 1 }, children: [
-    /* @__PURE__ */ jsx10(Chip, { label: visible ? "Hide Saved Seed Phrase" : "Reveal Saved Seed Phrase", onClick: () => setVisible(!visible) }),
-    visible ? /* @__PURE__ */ jsxs9(Fragment4, { children: [
-      /* @__PURE__ */ jsx10(FormLabel2, { children: /* @__PURE__ */ jsx10(PhraseHeaderBox, { conditional: validSeedPhrase, children: "Saved Seed Phrase" }) }),
-      /* @__PURE__ */ jsx10(
-        TextField2,
-        {
-          defaultValue: seedPhrase,
-          disabled: true,
-          error: validSeedPhrase === false,
-          helperText: validSeedPhrase === false ? /* @__PURE__ */ jsx10(InvalidPhraseTypography, {}) : null,
-          fullWidth: true,
-          maxRows: Infinity,
-          multiline: true,
-          ...props
-        }
-      )
-    ] }) : null
-  ] });
-};
-
-// src/components/SeedPhrase/dialog/components/OverwriteWarning.tsx
-import { Alert as Alert3, Button as Button4 } from "@mui/material";
-import { FlexRow as FlexRow2 } from "@xylabs/react-flexbox";
-import { jsx as jsx11, jsxs as jsxs10 } from "react/jsx-runtime";
-var OverwriteWarning = () => {
-  const { handleCancelOverwrite, handleSave } = useSeedPhrase();
-  return /* @__PURE__ */ jsx11(
-    Alert3,
-    {
-      variant: "outlined",
-      severity: "warning",
-      action: /* @__PURE__ */ jsxs10(FlexRow2, { sx: { columnGap: 1 }, children: [
-        /* @__PURE__ */ jsx11(Button4, { variant: "outlined", color: "inherit", size: "small", onClick: handleSave, children: "Overwrite" }),
-        /* @__PURE__ */ jsx11(Button4, { variant: "outlined", color: "inherit", size: "small", onClick: handleCancelOverwrite, children: "Cancel" })
-      ] }),
-      children: "Are you sure you want to overwrite existing seed phrase? This action cannot be undone."
-    }
-  );
-};
-
-// src/components/SeedPhrase/dialog/SeedPhraseDialog.tsx
-import { jsx as jsx12, jsxs as jsxs11 } from "react/jsx-runtime";
-var SeedPhraseDialog = ({ changeSeedPhrase, seedPhrase, ...props }) => {
-  return /* @__PURE__ */ jsx12(
-    SeedPhraseProvider,
-    {
-      seedPhrase,
-      handleChangeSeedPhrase: changeSeedPhrase,
-      open: props.open,
-      saveCallback: () => props.onClose?.({}, "escapeKeyDown"),
-      children: /* @__PURE__ */ jsx12(SeedPhraseDialogInner, { ...props })
-    }
-  );
-};
-var SeedPhraseDialogInner = (props) => {
-  const { overwriteWarning, seedPhrase } = useSeedPhrase();
-  return /* @__PURE__ */ jsxs11(Dialog2, { "aria-labelledby": "alert-dialog-title", "aria-describedby": "alert-dialog-description", fullWidth: true, maxWidth: "sm", ...props, children: [
-    /* @__PURE__ */ jsxs11(DialogTitle2, { id: "alert-dialog-title", children: [
-      "Update Your Seed Phrase ",
-      /* @__PURE__ */ jsx12(SeedPhraseIconButton, {})
-    ] }),
-    /* @__PURE__ */ jsxs11(DialogContent2, { sx: { display: "flex", flexDirection: "column", rowGap: 2 }, children: [
-      /* @__PURE__ */ jsx12(NewPhraseTextField, {}),
-      seedPhrase ? /* @__PURE__ */ jsx12(SavedPhraseTextField, {}) : null,
-      overwriteWarning ? /* @__PURE__ */ jsx12(OverwriteWarning, {}) : null
-    ] }),
-    /* @__PURE__ */ jsx12(DialogActionButtons, { onClose: props.onClose })
-  ] });
-};
-
-// src/components/SeedPhrase/settings/SeedPhraseTableRow.tsx
-import { Cancel as CancelIcon, RadioButtonChecked as RadioButtonCheckedIcon } from "@mui/icons-material";
-import { Button as Button5, ButtonGroup as ButtonGroup2, TableCell as TableCell2, TableRow as TableRow2 } from "@mui/material";
-import { useState as useState6 } from "react";
-import { jsx as jsx13, jsxs as jsxs12 } from "react/jsx-runtime";
-var SeedPhraseTableRow = ({ changeSeedPhrase, seedPhrase, ...props }) => {
-  const [open, setOpen] = useState6(false);
-  const handleOpen = () => {
-    setOpen(true);
-  };
-  return /* @__PURE__ */ jsxs12(TableRow2, { ...props, children: [
-    /* @__PURE__ */ jsxs12(TableCell2, { children: [
-      "Seed Phrase ",
-      /* @__PURE__ */ jsx13(SeedPhraseIconButton, {})
-    ] }),
-    /* @__PURE__ */ jsx13(TableCell2, { align: "center", children: seedPhrase ? /* @__PURE__ */ jsx13(RadioButtonCheckedIcon, { color: "success" }) : /* @__PURE__ */ jsx13(CancelIcon, { color: "error" }) }),
-    /* @__PURE__ */ jsxs12(TableCell2, { children: [
-      /* @__PURE__ */ jsx13(SeedPhraseDialog, { changeSeedPhrase, open, onClose: () => setOpen(false), seedPhrase }),
-      /* @__PURE__ */ jsx13(ButtonGroup2, { fullWidth: true, children: /* @__PURE__ */ jsx13(Button5, { variant: "contained", size: "small", onClick: handleOpen, children: "Update" }) })
-    ] })
-  ] });
-};
-
-// src/components/WalletAccountDetails/WalletAccountDetails.tsx
-import { EthAddress } from "@xylabs/eth-address";
-import { EthAccountButton } from "@xylabs/react-crypto";
-import { FlexCol, FlexRow as FlexRow3 } from "@xylabs/react-flexbox";
-import { NumberStatus } from "@xylabs/react-number-status";
-import { useNetwork } from "@xyo-network/react-network";
-
-// src/hooks/useAccount.ts
-import { usePromise as usePromise2 } from "@xylabs/react-promise";
-import { useState as useState7 } from "react";
-var useAccount = ({ wallet, account, index, required = false } = {}) => {
-  const walletContextProvided = useWalletProvided();
-  const [validationError, setValidationError] = useState7();
-  if (wallet && account && !validationError) {
-    setValidationError(Error("useAccount can not have both a wallet and an account in the parameters"));
-  }
-  if (index && account && !validationError) {
-    setValidationError(Error("useAccount can not have both a index and an account in the parameters"));
-  }
-  const [error, setError] = useState7();
-  const [coinTypeWallet] = useCoinTypeWallet(!wallet && required);
-  const { activeAccountIndex } = useWalletContext(false);
-  const [activeAccount] = usePromise2(async () => {
-    try {
-      if (!validationError) {
-        if (wallet) {
-          return await wallet?.derivePath?.(`${index ?? 0}'\0`);
-        } else if (coinTypeWallet) {
-          return await coinTypeWallet?.derivePath?.(`${index ?? activeAccountIndex ?? 0}'\0`);
-        }
-      }
-    } catch (ex) {
-      const error2 = ex;
-      console.error(error2.message);
-      setError(error2);
-    }
-  }, [index, wallet, coinTypeWallet, activeAccountIndex, validationError]);
-  if (validationError && !error) {
-    console.error(validationError.message);
-    setError(validationError);
-  }
-  return [error ? void 0 : account ?? activeAccount ?? walletContextProvided ? null : void 0, error];
-};
-
-// src/hooks/useWallet.ts
-import { usePromise as usePromise3 } from "@xylabs/react-promise";
-import { HDWallet } from "@xyo-network/account";
-import { useState as useState8 } from "react";
-var useWallet = ({ mnemonic, wallet, path, required = false, seed } = {}) => {
-  const walletContextProvided = useWalletProvided();
-  const [error, setError] = useState8();
-  const [contextAccount] = useSelectedWalletAccount(!wallet && required);
-  const [activeAccount] = usePromise3(async () => {
-    try {
-      const newAccount = await (() => {
-        if (wallet) {
-          return wallet;
-        } else if (mnemonic) {
-          return HDWallet.fromMnemonic(mnemonic);
-        } else if (seed) {
-          return HDWallet.fromSeed(seed);
-        }
-        return contextAccount;
-      })();
-      if (path) {
-        return newAccount?.derivePath?.(path);
-      } else {
-        return newAccount ?? wallet;
-      }
-    } catch (ex) {
-      setError(ex);
-    }
-  }, [mnemonic, contextAccount, seed, path, wallet]);
-  return [activeAccount ?? (walletContextProvided ? null : activeAccount), error];
-};
-
-// src/components/WalletAccountDetails/WalletAccountDetails.tsx
-import { jsx as jsx14, jsxs as jsxs13 } from "react/jsx-runtime";
-var WalletAccountDetails = ({ exploreUrl = "https://explore.xyo.network", account, ...props }) => {
-  const [accountToUse] = useAccount({ account });
-  const { network } = useNetwork();
-  const exploreAddressUrl = `${exploreUrl}/recent?account=${accountToUse?.address}&network=${network?.name ?? "main"}`;
-  return /* @__PURE__ */ jsxs13(FlexCol, { ...props, children: [
-    /* @__PURE__ */ jsx14(EthAccountButton, { address: EthAddress.fromString(accountToUse?.address) }),
-    /* @__PURE__ */ jsxs13(FlexRow3, { gap: 1, children: [
-      /* @__PURE__ */ jsx14(NumberStatus, { rounded: true, title: "Tokens", value: 0, to: `${exploreAddressUrl}&schema=network.xyo.account.tokens`, target: "_blank" }),
-      /* @__PURE__ */ jsx14(NumberStatus, { rounded: true, title: "NFTs", value: 0, to: `${exploreAddressUrl}&schema=network.xyo.account.nfts`, target: "_blank" }),
-      /* @__PURE__ */ jsx14(NumberStatus, { rounded: true, title: "Signatures", value: 0, to: `${exploreAddressUrl}&schema=network.xyo.account.signatures`, target: "_blank" }),
-      /* @__PURE__ */ jsx14(NumberStatus, { rounded: true, title: "Signins", value: 0, to: `${exploreAddressUrl}&schema=network.xyo.account.signins`, target: "_blank" })
-    ] })
-  ] });
-};
-
-// src/components/WalletAccountSelect/Select.tsx
-import { CircularProgress, MenuItem } from "@mui/material";
-import { SelectEx } from "@xylabs/react-select";
-import { AddressRenderRowBox } from "@xyo-network/react-address-render";
-import { Fragment as Fragment5, jsx as jsx15 } from "react/jsx-runtime";
-var arrayRange = (length, start = 0) => {
-  return Array.from(Array(length).keys()).map((x) => x + start);
-};
-var WalletAccountSelect = ({
-  addressNames = {},
-  iconOnly,
-  iconSize = 24,
-  icons,
-  maxAccounts = 1,
-  showFavorite = false,
-  size,
-  ...props
-}) => {
-  const { activeAccountIndex = 0, setActiveAccountIndex, coinTypeWallet } = useWalletContext();
-  const disabled = !coinTypeWallet || activeAccountIndex === void 0;
-  return /* @__PURE__ */ jsx15(Fragment5, { children: coinTypeWallet ? /* @__PURE__ */ jsx15(
-    SelectEx,
-    {
-      margin: "dense",
-      disabled,
-      renderValue: (selectedAccountIndex) => {
-        const Item = () => {
-          const [selectedAccount] = useWallet({ path: selectedAccountIndex.toString(), wallet: coinTypeWallet });
-          const customName = selectedAccount ? addressNames[selectedAccount.address] : void 0;
-          const favorite = !!selectedAccount && selectedAccount.address in addressNames;
-          return /* @__PURE__ */ jsx15(MenuItem, { value: selectedAccountIndex, sx: { minHeight: 0, paddingBottom: 0, paddingTop: 0 }, children: /* @__PURE__ */ jsx15(
-            AddressRenderRowBox,
-            {
-              disableSharedRef: true,
-              flexGrow: 1,
-              address: selectedAccount?.address,
-              iconOnly,
-              iconSize,
-              icons,
-              name: customName,
-              favorite,
-              showFavorite
-            }
-          ) });
-        };
-        return /* @__PURE__ */ jsx15(Item, {});
-      },
-      value: activeAccountIndex,
-      onChange: (event) => setActiveAccountIndex?.(parseInt(`${event.target.value}`)),
-      size,
-      variant: "outlined",
-      ...props,
-      children: arrayRange(maxAccounts).map((index) => {
-        const Item = () => {
-          const [account] = useWallet({ path: index.toString(), wallet: coinTypeWallet });
-          const customName = account ? addressNames[account.address] : void 0;
-          const favorite = !!account && account.address in addressNames;
-          return /* @__PURE__ */ jsx15(MenuItem, { value: index, sx: { minHeight: 0, paddingBottom: 0, paddingTop: 0 }, children: /* @__PURE__ */ jsx15(
-            AddressRenderRowBox,
-            {
-              disableSharedRef: true,
-              flexGrow: 1,
-              address: account?.address,
-              favorite,
-              iconOnly,
-              iconSize,
-              icons,
-              name: customName,
-              showFavorite
-            }
-          ) }, account?.address);
-        };
-        return /* @__PURE__ */ jsx15(Item, {}, index);
-      })
-    }
-  ) : /* @__PURE__ */ jsx15(CircularProgress, { size: 24 }) });
-};
-
-// src/components/WalletAccountSelect/SelectBar.tsx
-import { FlexCol as FlexCol2 } from "@xylabs/react-flexbox";
-import { jsx as jsx16 } from "react/jsx-runtime";
-var WalletAccountSelectBar = ({
-  addressNames = {},
-  iconOnly,
-  iconSize,
-  icons,
-  maxAccounts = 1,
-  showFavorite = false,
-  size = "small",
-  ...props
-}) => {
-  return /* @__PURE__ */ jsx16(FlexCol2, { alignItems: "stretch", ...props, children: /* @__PURE__ */ jsx16(
-    WalletAccountSelect,
-    {
-      addressNames,
-      fullWidth: true,
-      showFavorite,
-      iconSize,
-      iconOnly,
-      icons,
-      maxAccounts,
-      size: size ?? "small"
-    }
-  ) });
-};
-export {
-  DefaultSeedPhrase,
-  MaxAccountsTableRow,
-  SeedPhraseDialog,
-  SeedPhraseDialogInner,
-  SeedPhraseIconButton,
-  SeedPhraseTableRow,
-  WalletAccountDetails,
-  WalletAccountSelect,
-  WalletAccountSelectBar
-};
-//# sourceMappingURL=index.js.map