@xyo-network/react-wallet 2.81.10 → 2.83.0

package/dist/node/index.cjs

@@ -1,860 +0,0 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/index.ts
-var src_exports = {};
-__export(src_exports, {
-  DefaultSeedPhrase: () => DefaultSeedPhrase,
-  DialogActionButtons: () => DialogActionButtons,
-  InvalidPhraseTypography: () => InvalidPhraseTypography,
-  MaxAccountsTableRow: () => MaxAccountsTableRow,
-  NewPhraseTextField: () => NewPhraseTextField,
-  OverwriteWarning: () => OverwriteWarning,
-  PhraseDialogActions: () => PhraseDialogActions,
-  PhraseHeaderBox: () => PhraseHeaderBox,
-  SavedPhraseTextField: () => SavedPhraseTextField,
-  SeedPhraseContext: () => SeedPhraseContext,
-  SeedPhraseDialog: () => SeedPhraseDialog,
-  SeedPhraseDialogInner: () => SeedPhraseDialogInner,
-  SeedPhraseIconButton: () => SeedPhraseIconButton,
-  SeedPhraseProvider: () => SeedPhraseProvider,
-  SeedPhraseTableRow: () => SeedPhraseTableRow,
-  WalletAccountDetails: () => WalletAccountDetails,
-  WalletAccountSelect: () => WalletAccountSelect,
-  WalletAccountSelectBar: () => WalletAccountSelectBar,
-  WalletContext: () => WalletContext,
-  WalletProvider: () => WalletProvider,
-  colorParser: () => colorParser,
-  useAccount: () => useAccount,
-  useIndexedWalletFromContext: () => useIndexedWalletFromContext,
-  useRootWallet: () => useRootWallet,
-  useSeedPhrase: () => useSeedPhrase,
-  useSelectedWalletAccount: () => useSelectedWalletAccount,
-  useWallet: () => useWallet,
-  useWalletContext: () => useWalletContext,
-  useWalletProvided: () => useWalletProvided,
-  useWallets: () => useWallets,
-  useWrapperAccount: () => useWrapperAccount
-});
-module.exports = __toCommonJS(src_exports);
-
-// src/components/MaxAccounts/MaxAccountsTableRow.tsx
-var import_material2 = require("@mui/material");
-var import_react_button = require("@xylabs/react-button");
-var import_react = require("react");
-
-// src/components/MaxAccounts/OutOfBoundsSnackBar.tsx
-var import_material = require("@mui/material");
-var import_jsx_runtime = require("react/jsx-runtime");
-var OutOfBoundsSnackBar = ({
-  activeAccountIndex,
-  desiredMaximumAccounts,
-  setShowSnackBar,
-  showSnackBar
-}) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    import_material.Snackbar,
-    {
-      anchorOrigin: { horizontal: "center", vertical: "top" },
-      autoHideDuration: 5e3,
-      onClose: () => setShowSnackBar == null ? void 0 : setShowSnackBar(false),
-      open: showSnackBar,
-      children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_material.Alert, { severity: "error", onClose: () => setShowSnackBar == null ? void 0 : setShowSnackBar(false), children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.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
-var import_jsx_runtime2 = require("react/jsx-runtime");
-var MaxAccountsTableRow = ({ activeAccountIndex, changeMaxAccounts, maxAccounts }) => {
-  const [desiredMaximumAccounts, setDesiredMaximumAccounts] = (0, import_react.useState)();
-  const [showSnackBar, setShowSnackBar] = (0, import_react.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 == null ? void 0 : changeMaxAccounts(desiredMaximumAccounts2);
-          }
-          if (!maxAccountsWithinRange) setShowSnackBar(true);
-          setDesiredMaximumAccounts(desiredMaximumAccounts2);
-          return;
-        }
-        case "increase": {
-          changeMaxAccounts == null ? void 0 : 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__ */ (0, import_jsx_runtime2.jsxs)(import_material2.TableRow, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_material2.TableCell, { children: "Maximum Accounts" }),
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_material2.TableCell, { align: "center", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_material2.Typography, { variant: "caption", children: maxAccounts }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_material2.TableCell, { align: "center", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_material2.ButtonGroup, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_button.ButtonEx, { onClick: () => handleChangeMaxAccounts("decrease"), variant: "contained", size: "small", children: "-" }),
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_button.ButtonEx, { onClick: () => handleChangeMaxAccounts("increase"), variant: "contained", size: "small", children: "+" })
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-        OutOfBoundsSnackBar,
-        {
-          desiredMaximumAccounts,
-          activeAccountIndex,
-          setShowSnackBar,
-          showSnackBar
-        }
-      )
-    ] })
-  ] });
-};
-
-// src/components/SeedPhrase/_shared/SeedPhraseIconButton.tsx
-var import_icons_material = require("@mui/icons-material");
-var import_material3 = require("@mui/material");
-var import_react2 = require("react");
-var import_jsx_runtime3 = require("react/jsx-runtime");
-var SeedPhraseIconButton = (props) => {
-  const [open, setOpen] = (0, import_react2.useState)(false);
-  const onClose = () => setOpen(false);
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_material3.IconButton, { onClick: () => setOpen(true), ...props, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_icons_material.HelpOutline, { fontSize: "small" }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_material3.Dialog, { open, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_material3.DialogTitle, { children: "Understanding your Seed Phrase" }),
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_material3.DialogContent, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_material3.Typography, { children: [
-          "Your Seed Phrase should adhere to the",
-          " ",
-          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_material3.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__ */ (0, import_jsx_runtime3.jsxs)(import_material3.List, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_material3.ListItem, { children: "Do not share this phrase with anyone." }),
-          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_material3.ListItem, { children: "Do not save it to a public computer." }),
-          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_material3.ListItem, { children: "Do not use a existing phrase from another wallet (i.e. Metamask)." }),
-          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_material3.ListItem, { children: "Do not use before copying it down somewhere safe." })
-        ] })
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_material3.DialogActions, { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_material3.Button, { onClick: onClose, variant: "outlined", children: "OK" }) })
-    ] })
-  ] });
-};
-
-// src/components/SeedPhrase/DefaultSeedPhrase.tsx
-var import_material4 = require("@mui/material");
-var import_bip39 = require("@scure/bip39");
-var import_english = require("@scure/bip39/wordlists/english");
-var import_react3 = require("react");
-var import_jsx_runtime4 = require("react/jsx-runtime");
-var DefaultSeedPhrase = ({ changeSeedPhrase, children, hideDefaultSeedPhraseMessage, seedPhrase }) => {
-  const [showSnackBar, setShowSnackBar] = (0, import_react3.useState)(false);
-  (0, import_react3.useEffect)(() => {
-    if (!seedPhrase) {
-      const mnemonic = (0, import_bip39.generateMnemonic)(import_english.wordlist, 256);
-      changeSeedPhrase == null ? void 0 : changeSeedPhrase(mnemonic);
-      setShowSnackBar(true);
-    }
-  }, [changeSeedPhrase, seedPhrase]);
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
-    hideDefaultSeedPhraseMessage ? null : /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-      import_material4.Snackbar,
-      {
-        open: showSnackBar,
-        autoHideDuration: 5e3,
-        onClose: () => setShowSnackBar(false),
-        anchorOrigin: { horizontal: "center", vertical: "top" },
-        children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_material4.Alert, { severity: "success", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_material4.AlertTitle, { children: "Default Seed Phrase Generated" }),
-          "Go to application settings to save it."
-        ] })
-      }
-    ),
-    children
-  ] });
-};
-
-// src/components/SeedPhrase/dialog/components/DialogActionButtons.tsx
-var import_material5 = require("@mui/material");
-
-// src/contexts/SeedPhrase/Context.ts
-var import_react_shared = require("@xyo-network/react-shared");
-var SeedPhraseContext = (0, import_react_shared.createContextEx)();
-
-// src/contexts/SeedPhrase/Provider.tsx
-var import_bip392 = require("@scure/bip39");
-var import_english2 = require("@scure/bip39/wordlists/english");
-var import_react4 = require("react");
-var import_jsx_runtime5 = require("react/jsx-runtime");
-var validate = (passedPhrase) => {
-  if (!passedPhrase) {
-    return null;
-  }
-  return (0, import_bip392.validateMnemonic)(passedPhrase, import_english2.wordlist);
-};
-var SeedPhraseProvider = ({
-  children,
-  defaultPhrase,
-  handleChangeSeedPhrase,
-  saveCallback,
-  seedPhrase,
-  open
-}) => {
-  const [phrase, setPhrase] = (0, import_react4.useState)();
-  const [overwriteWarning, setOverwriteWarning] = (0, import_react4.useState)(false);
-  (0, import_react4.useEffect)(() => {
-    setPhrase(defaultPhrase);
-  }, [defaultPhrase]);
-  (0, import_react4.useEffect)(() => {
-    if (seedPhrase || open) {
-      setPhrase == null ? void 0 : setPhrase(seedPhrase ?? "");
-    }
-  }, [seedPhrase, open, setPhrase]);
-  const handleGenerate = (0, import_react4.useCallback)(() => {
-    const mnemonic = (0, import_bip392.generateMnemonic)(import_english2.wordlist, 256);
-    setPhrase == null ? void 0 : setPhrase(mnemonic);
-    setOverwriteWarning == null ? void 0 : setOverwriteWarning(false);
-  }, []);
-  const handleCancelOverwrite = (0, import_react4.useCallback)(() => {
-    setOverwriteWarning == null ? void 0 : setOverwriteWarning(false);
-  }, []);
-  const handleClear = (0, import_react4.useCallback)(() => {
-    setPhrase == null ? void 0 : setPhrase("");
-    setOverwriteWarning == null ? void 0 : setOverwriteWarning(false);
-  }, []);
-  const handleSave = (0, import_react4.useCallback)(() => {
-    if (!overwriteWarning && seedPhrase && seedPhrase !== phrase) {
-      setOverwriteWarning == null ? void 0 : setOverwriteWarning(true);
-    } else {
-      handleChangeSeedPhrase == null ? void 0 : handleChangeSeedPhrase(phrase ?? "");
-      saveCallback == null ? void 0 : saveCallback();
-    }
-  }, [handleChangeSeedPhrase, overwriteWarning, phrase, saveCallback, seedPhrase]);
-  (0, import_react4.useEffect)(() => {
-    if (!open) {
-      handleCancelOverwrite();
-    }
-  }, [handleCancelOverwrite, open]);
-  const validSeedPhrase = (0, import_react4.useMemo)(() => validate == null ? void 0 : validate(seedPhrase), [seedPhrase]);
-  const validPhrase = (0, import_react4.useMemo)(() => validate == null ? void 0 : validate(phrase), [phrase]);
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-    SeedPhraseContext.Provider,
-    {
-      value: {
-        handleCancelOverwrite,
-        handleChangeSeedPhrase,
-        handleClear,
-        handleGenerate,
-        handleSave,
-        overwriteWarning,
-        phrase,
-        provided: true,
-        seedPhrase,
-        setOverwriteWarning,
-        setPhrase,
-        validPhrase,
-        validSeedPhrase,
-        validate
-      },
-      children
-    }
-  );
-};
-
-// src/contexts/SeedPhrase/use.tsx
-var import_react_shared2 = require("@xyo-network/react-shared");
-var useSeedPhrase = () => (0, import_react_shared2.useContextEx)(SeedPhraseContext, "SeedPhrase", true);
-
-// src/contexts/Wallet/Context.ts
-var import_react_shared3 = require("@xyo-network/react-shared");
-var WalletContext = (0, import_react_shared3.createContextEx)();
-
-// src/contexts/Wallet/Provider.tsx
-var import_react_promise = require("@xylabs/react-promise");
-var import_react5 = require("react");
-var import_jsx_runtime6 = require("react/jsx-runtime");
-var WalletProvider = ({
-  children,
-  defaultActiveAccountIndex = 0,
-  rootWallet = null,
-  ...props
-}) => {
-  const [activeAccountIndex, setActiveAccountIndex] = (0, import_react5.useState)(defaultActiveAccountIndex);
-  (0, import_react5.useEffect)(() => {
-    if (defaultActiveAccountIndex !== void 0) {
-      setActiveAccountIndex(defaultActiveAccountIndex);
-    }
-  }, [defaultActiveAccountIndex]);
-  const [activeAccount = null] = (0, import_react_promise.usePromise)(async () => await (rootWallet == null ? void 0 : rootWallet.derivePath(activeAccountIndex.toString())), [activeAccountIndex, rootWallet]);
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-    WalletContext.Provider,
-    {
-      value: {
-        activeAccount,
-        activeAccountIndex,
-        provided: true,
-        rootWallet,
-        setActiveAccountIndex
-      },
-      ...props,
-      children
-    }
-  );
-};
-
-// src/contexts/Wallet/use.ts
-var import_react_promise2 = require("@xylabs/react-promise");
-var import_react_shared4 = require("@xyo-network/react-shared");
-var useWalletContext = (required = true) => {
-  return (0, import_react_shared4.useContextEx)(WalletContext, "Wallet", required);
-};
-var useWalletProvided = () => {
-  return (0, import_react_shared4.useProvided)(WalletContext);
-};
-var useRootWallet = (required = true) => {
-  const { rootWallet } = useWalletContext(required);
-  return [rootWallet, void 0];
-};
-var useIndexedWalletFromContext = (index, required = true) => {
-  const { rootWallet } = useWalletContext(required);
-  const [wallet] = (0, import_react_promise2.usePromise)(async () => await (rootWallet == null ? void 0 : rootWallet.derivePath(index.toString())) ?? rootWallet, [rootWallet, index]);
-  return [wallet, void 0];
-};
-var useSelectedWalletAccount = (required = true) => {
-  const { activeAccountIndex } = useWalletContext(required);
-  const [account] = useIndexedWalletFromContext(activeAccountIndex ?? 0, required);
-  return activeAccountIndex === void 0 && account === null ? [null, void 0] : [account, void 0];
-};
-
-// src/components/SeedPhrase/dialog/components/DialogActionButtons.tsx
-var import_jsx_runtime7 = require("react/jsx-runtime");
-var DialogActionButtons = ({ onClose, ...props }) => {
-  const { handleSave, setPhrase } = useSeedPhrase();
-  const wrappedOnClose = (e) => {
-    setPhrase == null ? void 0 : setPhrase("");
-    onClose == null ? void 0 : onClose(e, "escapeKeyDown");
-  };
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_material5.DialogActions, { ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_material5.Button, { variant: "outlined", onClick: wrappedOnClose, children: "Cancel" }),
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_material5.Button, { variant: "outlined", onClick: handleSave, children: "Save" })
-  ] });
-};
-
-// src/components/SeedPhrase/dialog/components/fields/NewPhraseTextField.tsx
-var import_material7 = require("@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;
-    }
-  }
-};
-
-// src/components/SeedPhrase/dialog/components/fields/validation-messages/InvalidPhrase.tsx
-var import_material6 = require("@mui/material");
-var import_jsx_runtime8 = require("react/jsx-runtime");
-var InvalidPhraseTypography = (props) => /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_material6.Typography, { variant: "caption", color: "error", ...props, children: [
-  "Invalid seed phrase. See -",
-  " ",
-  /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_material6.Link, { 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
-var import_icons_material2 = require("@mui/icons-material");
-var import_react_flexbox = require("@xylabs/react-flexbox");
-var import_react6 = require("react");
-var import_jsx_runtime9 = require("react/jsx-runtime");
-var PhraseHeaderBox = ({ children, conditional, ...props }) => {
-  const state = (0, import_react6.useMemo)(() => {
-    switch (conditional) {
-      case true: {
-        return "success";
-      }
-      case false: {
-        return "error";
-      }
-      default: {
-        return null;
-      }
-    }
-  }, [conditional]);
-  const Icon = (0, import_react6.useMemo)(() => {
-    switch (state) {
-      case "success": {
-        return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_icons_material2.CheckCircleOutline, { fontSize: "small", color: "success" });
-      }
-      case "error": {
-        return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_icons_material2.HighlightOff, { fontSize: "small", color: "error" });
-      }
-      default: {
-        return null;
-      }
-    }
-  }, [state]);
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_react_flexbox.FlexRow, { justifyContent: "start", columnGap: 1, ...props, children: [
-    Icon,
-    children
-  ] });
-};
-
-// src/components/SeedPhrase/dialog/components/fields/NewPhraseTextField.tsx
-var import_jsx_runtime10 = require("react/jsx-runtime");
-var NewPhraseTextField = ({ children, disableColor, ...props }) => {
-  const { phrase, setPhrase, validPhrase } = useSeedPhrase();
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_jsx_runtime10.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_material7.FormControl, { fullWidth: true, size: "small", sx: { display: "flex", flexDirection: "column", rowGap: 1 }, children: [
-    children,
-    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
-      import_material7.TextField,
-      {
-        focused: true,
-        color: disableColor ? void 0 : colorParser(validPhrase),
-        error: validPhrase === false,
-        helperText: validPhrase === false ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(InvalidPhraseTypography, {}) : null,
-        fullWidth: true,
-        maxRows: Number.POSITIVE_INFINITY,
-        multiline: true,
-        onChange: (e) => setPhrase == null ? void 0 : setPhrase(e.target.value),
-        value: phrase,
-        ...props
-      }
-    )
-  ] }) });
-};
-
-// src/components/SeedPhrase/dialog/components/fields/PhraseDialogActions.tsx
-var import_material8 = require("@mui/material");
-var import_jsx_runtime11 = require("react/jsx-runtime");
-var PhraseDialogActions = () => {
-  const { handleClear, handleGenerate, overwriteWarning } = useSeedPhrase();
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_material8.DialogActions, { sx: { justifyContent: "center" }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_material8.Button, { disabled: overwriteWarning, variant: "outlined", onClick: handleGenerate, children: "Generate" }),
-    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_material8.Button, { variant: "outlined", onClick: handleClear, children: "Clear" })
-  ] });
-};
-
-// src/components/SeedPhrase/dialog/components/fields/SavedPhraseTextField.tsx
-var import_material9 = require("@mui/material");
-var import_react7 = require("react");
-var import_jsx_runtime12 = require("react/jsx-runtime");
-var SavedPhraseTextField = ({ fullWidth, showPhraseHeader, ...props }) => {
-  const { validSeedPhrase, seedPhrase } = useSeedPhrase();
-  const [visible, setVisible] = (0, import_react7.useState)(false);
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_material9.FormControl, { fullWidth, size: "small", sx: { display: "flex", flexDirection: "column", rowGap: 1 }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
-      import_material9.Chip,
-      {
-        label: visible ? "Hide Saved Seed Phrase" : "Reveal Saved Seed Phrase",
-        onClick: () => setVisible(!visible),
-        sx: { alignSelf: "center" }
-      }
-    ),
-    visible ? /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_jsx_runtime12.Fragment, { children: [
-      showPhraseHeader ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_material9.FormLabel, { children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(PhraseHeaderBox, { conditional: validSeedPhrase, children: "Saved Seed Phrase" }) }) : null,
-      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
-        import_material9.TextField,
-        {
-          defaultValue: seedPhrase,
-          disabled: true,
-          error: validSeedPhrase === false,
-          helperText: validSeedPhrase === false ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(InvalidPhraseTypography, {}) : null,
-          fullWidth: true,
-          maxRows: Number.POSITIVE_INFINITY,
-          multiline: true,
-          ...props
-        }
-      )
-    ] }) : null
-  ] });
-};
-
-// src/components/SeedPhrase/dialog/components/OverwriteWarning.tsx
-var import_material10 = require("@mui/material");
-var import_react_flexbox2 = require("@xylabs/react-flexbox");
-var import_jsx_runtime13 = require("react/jsx-runtime");
-var OverwriteWarning = () => {
-  const { handleCancelOverwrite, handleSave } = useSeedPhrase();
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
-    import_material10.Alert,
-    {
-      variant: "outlined",
-      severity: "warning",
-      action: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_react_flexbox2.FlexRow, { sx: { columnGap: 1 }, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_material10.Button, { variant: "outlined", color: "inherit", size: "small", onClick: handleSave, children: "Overwrite" }),
-        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_material10.Button, { 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
-var import_material11 = require("@mui/material");
-var import_jsx_runtime14 = require("react/jsx-runtime");
-var SeedPhraseDialog = ({ changeSeedPhrase, seedPhrase, ...props }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
-    SeedPhraseProvider,
-    {
-      seedPhrase,
-      handleChangeSeedPhrase: changeSeedPhrase,
-      open: props.open,
-      saveCallback: () => {
-        var _a;
-        return (_a = props.onClose) == null ? void 0 : _a.call(props, {}, "escapeKeyDown");
-      },
-      children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(SeedPhraseDialogInner, { ...props })
-    }
-  );
-};
-var SeedPhraseDialogInner = (props) => {
-  const { overwriteWarning, seedPhrase, validPhrase } = useSeedPhrase();
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_material11.Dialog, { "aria-labelledby": "alert-dialog-title", "aria-describedby": "alert-dialog-description", fullWidth: true, maxWidth: "sm", ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_material11.DialogTitle, { id: "alert-dialog-title", children: [
-      "Update Your Seed Phrase ",
-      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(SeedPhraseIconButton, {})
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_material11.DialogContent, { sx: { display: "flex", flexDirection: "column", rowGap: 2 }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(NewPhraseTextField, { children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_material11.FormLabel, { children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(PhraseHeaderBox, { conditional: validPhrase, children: "New Seed Phrase" }) }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(PhraseDialogActions, {}),
-      seedPhrase ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(SavedPhraseTextField, {}) : null,
-      overwriteWarning ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(OverwriteWarning, {}) : null
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(DialogActionButtons, { onClose: props.onClose })
-  ] });
-};
-
-// src/components/SeedPhrase/settings/SeedPhraseTableRow.tsx
-var import_icons_material3 = require("@mui/icons-material");
-var import_material12 = require("@mui/material");
-var import_react8 = require("react");
-var import_jsx_runtime15 = require("react/jsx-runtime");
-var SeedPhraseTableRow = ({ changeSeedPhrase, seedPhrase, ...props }) => {
-  const [open, setOpen] = (0, import_react8.useState)(false);
-  const handleOpen = () => {
-    setOpen(true);
-  };
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_material12.TableRow, { ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_material12.TableCell, { children: [
-      "Seed Phrase ",
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(SeedPhraseIconButton, {})
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_material12.TableCell, { align: "center", children: seedPhrase ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_icons_material3.RadioButtonChecked, { color: "success" }) : /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_icons_material3.Cancel, { color: "error" }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_material12.TableCell, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(SeedPhraseDialog, { changeSeedPhrase, open, onClose: () => setOpen(false), seedPhrase }),
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_material12.ButtonGroup, { fullWidth: true, children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_material12.Button, { variant: "contained", size: "small", onClick: handleOpen, children: "Update" }) })
-    ] })
-  ] });
-};
-
-// src/components/WalletAccountDetails/WalletAccountDetails.tsx
-var import_eth_address = require("@xylabs/eth-address");
-var import_react_crypto = require("@xylabs/react-crypto");
-var import_react_flexbox3 = require("@xylabs/react-flexbox");
-var import_react_number_status = require("@xylabs/react-number-status");
-var import_react_network = require("@xyo-network/react-network");
-
-// src/hooks/useAccount.ts
-var import_react_promise3 = require("@xylabs/react-promise");
-var import_react9 = require("react");
-var useAccount = ({ wallet, account, index, required = false } = {}) => {
-  const walletContextProvided = useWalletProvided();
-  const [validationError, setValidationError] = (0, import_react9.useState)();
-  if (wallet && account && !validationError) {
-    setValidationError(new Error("useAccount can not have both a wallet and an account in the parameters"));
-  }
-  if (index && account && !validationError) {
-    setValidationError(new Error("useAccount can not have both a index and an account in the parameters"));
-  }
-  const [error, setError] = (0, import_react9.useState)();
-  const [rootWallet] = useRootWallet(!wallet && required);
-  const { activeAccountIndex } = useWalletContext(false);
-  const [activeAccount] = (0, import_react_promise3.usePromise)(async () => {
-    var _a, _b;
-    try {
-      if (!validationError) {
-        if (wallet) {
-          return await ((_a = wallet == null ? void 0 : wallet.derivePath) == null ? void 0 : _a.call(wallet, `${index ?? 0}'\0`));
-        } else if (rootWallet) {
-          return await ((_b = rootWallet == null ? void 0 : rootWallet.derivePath) == null ? void 0 : _b.call(rootWallet, `${index ?? activeAccountIndex ?? 0}'\0`));
-        }
-      }
-    } catch (ex) {
-      const error2 = ex;
-      console.error(error2.message);
-      setError(error2);
-    }
-  }, [index, wallet, rootWallet, 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
-var import_react_promise4 = require("@xylabs/react-promise");
-var import_account = require("@xyo-network/account");
-var import_react10 = require("react");
-var useWallet = ({ mnemonic, wallet, path, required = false, seed } = {}) => {
-  const walletContextProvided = useWalletContext(false);
-  const [error, setError] = (0, import_react10.useState)();
-  const [contextAccount] = useSelectedWalletAccount(!wallet && required);
-  const [activeAccount] = (0, import_react_promise4.usePromise)(async () => {
-    var _a;
-    try {
-      const newAccount = await (() => {
-        if (wallet) {
-          return wallet;
-        } else if (mnemonic) {
-          return import_account.HDWallet.fromPhrase(mnemonic);
-        } else if (seed) {
-          return import_account.HDWallet.fromSeed(seed);
-        }
-        return contextAccount;
-      })();
-      return path ? (_a = newAccount == null ? void 0 : newAccount.derivePath) == null ? void 0 : _a.call(newAccount, path) : newAccount ?? wallet;
-    } catch (ex) {
-      setError(ex);
-    }
-  }, [mnemonic, contextAccount, seed, path, wallet]);
-  return [activeAccount ?? (walletContextProvided ? null : activeAccount), error];
-};
-
-// src/hooks/useWallets.ts
-var import_react_promise5 = require("@xylabs/react-promise");
-var useWallets = ({ wallet, paths }) => {
-  const walletContextProvided = useWalletContext(false);
-  const [foundWallet] = useWallet({ wallet });
-  const [wallets, error] = (0, import_react_promise5.usePromise)(
-    async () => foundWallet ? await Promise.all(paths.map((path) => foundWallet.derivePath(path))) : void 0,
-    [foundWallet, paths]
-  );
-  return [wallets ?? (walletContextProvided ? null : wallets), error];
-};
-
-// src/hooks/useWrapperAccount.ts
-var import_react_promise6 = require("@xylabs/react-promise");
-var import_account2 = require("@xyo-network/account");
-var import_async_mutex = require("async-mutex");
-var globalWrapperWallet;
-var globalWrapperWalletMutex = new import_async_mutex.Mutex();
-var useWrapperAccount = (account) => {
-  return (0, import_react_promise6.usePromise)(async () => {
-    return await globalWrapperWalletMutex.runExclusive(async () => {
-      if (account !== void 0) {
-        return account;
-      }
-      if (globalWrapperWallet) {
-        return globalWrapperWallet;
-      }
-      try {
-        globalWrapperWallet = await import_account2.HDWallet.random();
-        console.log(`Global Wrapper Wallet Creation Success: ${globalWrapperWallet.address}`);
-      } catch (ex) {
-        const error = ex;
-        console.error(`Global Wrapper Wallet Creation Failed: ${error.message}`);
-      }
-      return globalWrapperWallet;
-    });
-  }, [account]);
-};
-
-// src/components/WalletAccountDetails/WalletAccountDetails.tsx
-var import_jsx_runtime16 = require("react/jsx-runtime");
-var WalletAccountDetails = ({ exploreUrl = "https://explore.xyo.network", account, ...props }) => {
-  const [accountToUse] = useAccount({ account });
-  const { network } = (0, import_react_network.useNetwork)();
-  const exploreAddressUrl = `${exploreUrl}/recent?account=${accountToUse == null ? void 0 : accountToUse.address}&network=${(network == null ? void 0 : network.name) ?? "main"}`;
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_react_flexbox3.FlexCol, { ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_react_crypto.EthAccountButton, { address: import_eth_address.EthAddress.fromString(accountToUse == null ? void 0 : accountToUse.address) }),
-    /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_react_flexbox3.FlexRow, { gap: 1, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_react_number_status.NumberStatus, { rounded: true, title: "Tokens", value: 0, to: `${exploreAddressUrl}&schema=network.xyo.account.tokens`, target: "_blank" }),
-      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_react_number_status.NumberStatus, { rounded: true, title: "NFTs", value: 0, to: `${exploreAddressUrl}&schema=network.xyo.account.nfts`, target: "_blank" }),
-      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_react_number_status.NumberStatus, { rounded: true, title: "Signatures", value: 0, to: `${exploreAddressUrl}&schema=network.xyo.account.signatures`, target: "_blank" }),
-      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_react_number_status.NumberStatus, { rounded: true, title: "Signins", value: 0, to: `${exploreAddressUrl}&schema=network.xyo.account.signins`, target: "_blank" })
-    ] })
-  ] });
-};
-
-// src/components/WalletAccountSelect/Select.tsx
-var import_material13 = require("@mui/material");
-var import_react_select = require("@xylabs/react-select");
-var import_react_address_render = require("@xyo-network/react-address-render");
-var import_jsx_runtime17 = require("react/jsx-runtime");
-var arrayRange = (length, start = 0) => {
-  return [...Array.from({ length }).keys()].map((x) => x + start);
-};
-var WalletAccountSelect = ({
-  addressNames = {},
-  iconOnly,
-  iconSize = 24,
-  icons,
-  maxAccounts = 1,
-  showFavorite = false,
-  size,
-  variant = "outlined",
-  ...props
-}) => {
-  const { activeAccountIndex = 0, setActiveAccountIndex, rootWallet } = useWalletContext();
-  const disabled = !rootWallet || activeAccountIndex === void 0;
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_jsx_runtime17.Fragment, { children: rootWallet ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
-    import_react_select.SelectEx,
-    {
-      margin: "dense",
-      disabled,
-      renderValue: (selectedAccountIndex) => {
-        const Item = () => {
-          const [selectedAccount] = useWallet({ path: selectedAccountIndex.toString(), wallet: rootWallet });
-          const customName = selectedAccount ? addressNames[selectedAccount.address] : void 0;
-          const favorite = !!selectedAccount && selectedAccount.address in addressNames;
-          return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_material13.MenuItem, { value: selectedAccountIndex, sx: { minHeight: 0, paddingBottom: 0, paddingTop: 0 }, children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
-            import_react_address_render.AddressRenderRowBox,
-            {
-              disableSharedRef: true,
-              flexGrow: 1,
-              address: selectedAccount == null ? void 0 : selectedAccount.address,
-              iconOnly,
-              iconSize,
-              icons,
-              name: customName,
-              favorite,
-              showFavorite
-            }
-          ) });
-        };
-        return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Item, {});
-      },
-      value: activeAccountIndex,
-      onChange: (event) => setActiveAccountIndex == null ? void 0 : setActiveAccountIndex(Number.parseInt(`${event.target.value}`)),
-      size,
-      variant,
-      ...props,
-      children: arrayRange(maxAccounts).map((index) => {
-        const Item = () => {
-          const [account] = useWallet({ path: index.toString(), wallet: rootWallet });
-          const customName = account ? addressNames[account.address] : void 0;
-          const favorite = !!account && account.address in addressNames;
-          return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_material13.MenuItem, { value: index, sx: { minHeight: 0, paddingBottom: 0, paddingTop: 0 }, children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
-            import_react_address_render.AddressRenderRowBox,
-            {
-              disableSharedRef: true,
-              flexGrow: 1,
-              address: account == null ? void 0 : account.address,
-              favorite,
-              iconOnly,
-              iconSize,
-              icons,
-              name: customName,
-              showFavorite
-            }
-          ) }, account == null ? void 0 : account.address);
-        };
-        return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Item, {}, index);
-      })
-    }
-  ) : /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_material13.CircularProgress, { size: 24 }) });
-};
-
-// src/components/WalletAccountSelect/SelectBar.tsx
-var import_react_flexbox4 = require("@xylabs/react-flexbox");
-var import_jsx_runtime18 = require("react/jsx-runtime");
-var WalletAccountSelectBar = ({
-  addressNames = {},
-  iconOnly,
-  iconSize,
-  icons,
-  maxAccounts = 1,
-  showFavorite = false,
-  size = "small",
-  ...props
-}) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react_flexbox4.FlexCol, { alignItems: "stretch", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
-    WalletAccountSelect,
-    {
-      addressNames,
-      fullWidth: true,
-      showFavorite,
-      iconSize,
-      iconOnly,
-      icons,
-      maxAccounts,
-      size: size ?? "small",
-      variant: "outlined"
-    }
-  ) });
-};
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  DefaultSeedPhrase,
-  DialogActionButtons,
-  InvalidPhraseTypography,
-  MaxAccountsTableRow,
-  NewPhraseTextField,
-  OverwriteWarning,
-  PhraseDialogActions,
-  PhraseHeaderBox,
-  SavedPhraseTextField,
-  SeedPhraseContext,
-  SeedPhraseDialog,
-  SeedPhraseDialogInner,
-  SeedPhraseIconButton,
-  SeedPhraseProvider,
-  SeedPhraseTableRow,
-  WalletAccountDetails,
-  WalletAccountSelect,
-  WalletAccountSelectBar,
-  WalletContext,
-  WalletProvider,
-  colorParser,
-  useAccount,
-  useIndexedWalletFromContext,
-  useRootWallet,
-  useSeedPhrase,
-  useSelectedWalletAccount,
-  useWallet,
-  useWalletContext,
-  useWalletProvided,
-  useWallets,
-  useWrapperAccount
-});
-//# sourceMappingURL=index.cjs.map