@xyo-network/react-wallet 2.82.0 → 2.83.1

package/dist/neutral/index.cjs

@@ -1,932 +0,0 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-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_react2 = __toESM(require("react"), 1);
-
-// src/components/MaxAccounts/OutOfBoundsSnackBar.tsx
-var import_material = require("@mui/material");
-var import_react = __toESM(require("react"), 1);
-var OutOfBoundsSnackBar = /* @__PURE__ */ __name(({ activeAccountIndex, desiredMaximumAccounts, setShowSnackBar, showSnackBar }) => {
-  return /* @__PURE__ */ import_react.default.createElement(import_material.Snackbar, {
-    anchorOrigin: {
-      horizontal: "center",
-      vertical: "top"
-    },
-    autoHideDuration: 5e3,
-    onClose: /* @__PURE__ */ __name(() => setShowSnackBar?.(false), "onClose"),
-    open: showSnackBar
-  }, /* @__PURE__ */ import_react.default.createElement(import_material.Alert, {
-    severity: "error",
-    onClose: /* @__PURE__ */ __name(() => setShowSnackBar?.(false), "onClose")
-  }, /* @__PURE__ */ import_react.default.createElement(import_material.AlertTitle, null, "Maximum Accounts Error"), "Your currently selected account number (", activeAccountIndex === void 0 ? "" : activeAccountIndex + 1, ") cannot be greater than the desired Maximum Accounts (", desiredMaximumAccounts, ")."));
-}, "OutOfBoundsSnackBar");
-
-// src/components/MaxAccounts/MaxAccountsTableRow.tsx
-var MaxAccountsTableRow = /* @__PURE__ */ __name(({ activeAccountIndex, changeMaxAccounts, maxAccounts }) => {
-  const [desiredMaximumAccounts, setDesiredMaximumAccounts] = (0, import_react2.useState)();
-  const [showSnackBar, setShowSnackBar] = (0, import_react2.useState)(false);
-  const handleChangeMaxAccounts = /* @__PURE__ */ __name((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");
-    }
-  }, "handleChangeMaxAccounts");
-  return /* @__PURE__ */ import_react2.default.createElement(import_material2.TableRow, null, /* @__PURE__ */ import_react2.default.createElement(import_material2.TableCell, null, "Maximum Accounts"), /* @__PURE__ */ import_react2.default.createElement(import_material2.TableCell, {
-    align: "center"
-  }, /* @__PURE__ */ import_react2.default.createElement(import_material2.Typography, {
-    variant: "caption"
-  }, maxAccounts)), /* @__PURE__ */ import_react2.default.createElement(import_material2.TableCell, {
-    align: "center"
-  }, /* @__PURE__ */ import_react2.default.createElement(import_material2.ButtonGroup, null, /* @__PURE__ */ import_react2.default.createElement(import_react_button.ButtonEx, {
-    onClick: /* @__PURE__ */ __name(() => handleChangeMaxAccounts("decrease"), "onClick"),
-    variant: "contained",
-    size: "small"
-  }, "-"), /* @__PURE__ */ import_react2.default.createElement(import_react_button.ButtonEx, {
-    onClick: /* @__PURE__ */ __name(() => handleChangeMaxAccounts("increase"), "onClick"),
-    variant: "contained",
-    size: "small"
-  }, "+")), /* @__PURE__ */ import_react2.default.createElement(OutOfBoundsSnackBar, {
-    desiredMaximumAccounts,
-    activeAccountIndex,
-    setShowSnackBar,
-    showSnackBar
-  })));
-}, "MaxAccountsTableRow");
-
-// src/components/SeedPhrase/_shared/SeedPhraseIconButton.tsx
-var import_icons_material = require("@mui/icons-material");
-var import_material3 = require("@mui/material");
-var import_react3 = __toESM(require("react"), 1);
-var SeedPhraseIconButton = /* @__PURE__ */ __name((props) => {
-  const [open, setOpen] = (0, import_react3.useState)(false);
-  const onClose = /* @__PURE__ */ __name(() => setOpen(false), "onClose");
-  return /* @__PURE__ */ import_react3.default.createElement(import_react3.default.Fragment, null, /* @__PURE__ */ import_react3.default.createElement(import_material3.IconButton, {
-    onClick: /* @__PURE__ */ __name(() => setOpen(true), "onClick"),
-    ...props
-  }, /* @__PURE__ */ import_react3.default.createElement(import_icons_material.HelpOutline, {
-    fontSize: "small"
-  })), /* @__PURE__ */ import_react3.default.createElement(import_material3.Dialog, {
-    open
-  }, /* @__PURE__ */ import_react3.default.createElement(import_material3.DialogTitle, null, "Understanding your Seed Phrase"), /* @__PURE__ */ import_react3.default.createElement(import_material3.DialogContent, null, /* @__PURE__ */ import_react3.default.createElement(import_material3.Typography, null, "Your Seed Phrase should adhere to the", " ", /* @__PURE__ */ import_react3.default.createElement(import_material3.Link, {
-    target: "_blank",
-    href: "https://github.com/bitcoin/bips/blob/master/bip-0039.mediawiki"
-  }, "bip39 specification"), " ", "and is used to generate accounts which identify your data on the XYO Network."), /* @__PURE__ */ import_react3.default.createElement(import_material3.List, null, /* @__PURE__ */ import_react3.default.createElement(import_material3.ListItem, null, "Do not share this phrase with anyone."), /* @__PURE__ */ import_react3.default.createElement(import_material3.ListItem, null, "Do not save it to a public computer."), /* @__PURE__ */ import_react3.default.createElement(import_material3.ListItem, null, "Do not use a existing phrase from another wallet (i.e. Metamask)."), /* @__PURE__ */ import_react3.default.createElement(import_material3.ListItem, null, "Do not use before copying it down somewhere safe."))), /* @__PURE__ */ import_react3.default.createElement(import_material3.DialogActions, null, /* @__PURE__ */ import_react3.default.createElement(import_material3.Button, {
-    onClick: onClose,
-    variant: "outlined"
-  }, "OK"))));
-}, "SeedPhraseIconButton");
-
-// 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_react4 = __toESM(require("react"), 1);
-var DefaultSeedPhrase = /* @__PURE__ */ __name(({ changeSeedPhrase, children, hideDefaultSeedPhraseMessage, seedPhrase }) => {
-  const [showSnackBar, setShowSnackBar] = (0, import_react4.useState)(false);
-  (0, import_react4.useEffect)(() => {
-    if (!seedPhrase) {
-      const mnemonic = (0, import_bip39.generateMnemonic)(import_english.wordlist, 256);
-      changeSeedPhrase?.(mnemonic);
-      setShowSnackBar(true);
-    }
-  }, [
-    changeSeedPhrase,
-    seedPhrase
-  ]);
-  return /* @__PURE__ */ import_react4.default.createElement(import_react4.default.Fragment, null, hideDefaultSeedPhraseMessage ? null : /* @__PURE__ */ import_react4.default.createElement(import_material4.Snackbar, {
-    open: showSnackBar,
-    autoHideDuration: 5e3,
-    onClose: /* @__PURE__ */ __name(() => setShowSnackBar(false), "onClose"),
-    anchorOrigin: {
-      horizontal: "center",
-      vertical: "top"
-    }
-  }, /* @__PURE__ */ import_react4.default.createElement(import_material4.Alert, {
-    severity: "success"
-  }, /* @__PURE__ */ import_react4.default.createElement(import_material4.AlertTitle, null, "Default Seed Phrase Generated"), "Go to application settings to save it.")), children);
-}, "DefaultSeedPhrase");
-
-// src/components/SeedPhrase/dialog/components/DialogActionButtons.tsx
-var import_material5 = require("@mui/material");
-var import_react7 = __toESM(require("react"), 1);
-
-// 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_react5 = __toESM(require("react"), 1);
-var validate = /* @__PURE__ */ __name((passedPhrase) => {
-  if (!passedPhrase) {
-    return null;
-  }
-  return (0, import_bip392.validateMnemonic)(passedPhrase, import_english2.wordlist);
-}, "validate");
-var SeedPhraseProvider = /* @__PURE__ */ __name(({ children, defaultPhrase, handleChangeSeedPhrase, saveCallback, seedPhrase, open }) => {
-  const [phrase, setPhrase] = (0, import_react5.useState)();
-  const [overwriteWarning, setOverwriteWarning] = (0, import_react5.useState)(false);
-  (0, import_react5.useEffect)(() => {
-    setPhrase(defaultPhrase);
-  }, [
-    defaultPhrase
-  ]);
-  (0, import_react5.useEffect)(() => {
-    if (seedPhrase || open) {
-      setPhrase?.(seedPhrase ?? "");
-    }
-  }, [
-    seedPhrase,
-    open,
-    setPhrase
-  ]);
-  const handleGenerate = (0, import_react5.useCallback)(() => {
-    const mnemonic = (0, import_bip392.generateMnemonic)(import_english2.wordlist, 256);
-    setPhrase?.(mnemonic);
-    setOverwriteWarning?.(false);
-  }, []);
-  const handleCancelOverwrite = (0, import_react5.useCallback)(() => {
-    setOverwriteWarning?.(false);
-  }, []);
-  const handleClear = (0, import_react5.useCallback)(() => {
-    setPhrase?.("");
-    setOverwriteWarning?.(false);
-  }, []);
-  const handleSave = (0, import_react5.useCallback)(() => {
-    if (!overwriteWarning && seedPhrase && seedPhrase !== phrase) {
-      setOverwriteWarning?.(true);
-    } else {
-      handleChangeSeedPhrase?.(phrase ?? "");
-      saveCallback?.();
-    }
-  }, [
-    handleChangeSeedPhrase,
-    overwriteWarning,
-    phrase,
-    saveCallback,
-    seedPhrase
-  ]);
-  (0, import_react5.useEffect)(() => {
-    if (!open) {
-      handleCancelOverwrite();
-    }
-  }, [
-    handleCancelOverwrite,
-    open
-  ]);
-  const validSeedPhrase = (0, import_react5.useMemo)(() => validate?.(seedPhrase), [
-    seedPhrase
-  ]);
-  const validPhrase = (0, import_react5.useMemo)(() => validate?.(phrase), [
-    phrase
-  ]);
-  const value = (0, import_react5.useMemo)(() => ({
-    handleCancelOverwrite,
-    handleChangeSeedPhrase,
-    handleClear,
-    handleGenerate,
-    handleSave,
-    overwriteWarning,
-    phrase,
-    provided: true,
-    seedPhrase,
-    setOverwriteWarning,
-    setPhrase,
-    validPhrase,
-    validSeedPhrase,
-    validate
-  }), [
-    handleCancelOverwrite,
-    handleChangeSeedPhrase,
-    handleClear,
-    handleGenerate,
-    handleSave,
-    overwriteWarning,
-    phrase,
-    seedPhrase,
-    setOverwriteWarning,
-    setPhrase,
-    validPhrase,
-    validSeedPhrase,
-    validate
-  ]);
-  return /* @__PURE__ */ import_react5.default.createElement(SeedPhraseContext.Provider, {
-    value
-  }, children);
-}, "SeedPhraseProvider");
-
-// src/contexts/SeedPhrase/use.ts
-var import_react_shared2 = require("@xyo-network/react-shared");
-var useSeedPhrase = /* @__PURE__ */ __name(() => (0, import_react_shared2.useContextEx)(SeedPhraseContext, "SeedPhrase", true), "useSeedPhrase");
-
-// 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_react6 = __toESM(require("react"), 1);
-var WalletProvider = /* @__PURE__ */ __name(({ children, defaultActiveAccountIndex = 0, rootWallet = null, ...props }) => {
-  const [activeAccountIndex, setActiveAccountIndex] = (0, import_react6.useState)(defaultActiveAccountIndex);
-  (0, import_react6.useEffect)(() => {
-    if (defaultActiveAccountIndex !== void 0) {
-      setActiveAccountIndex(defaultActiveAccountIndex);
-    }
-  }, [
-    defaultActiveAccountIndex
-  ]);
-  const [activeAccount = null] = (0, import_react_promise.usePromise)(async () => await rootWallet?.derivePath(activeAccountIndex.toString()), [
-    activeAccountIndex,
-    rootWallet
-  ]);
-  const value = (0, import_react6.useMemo)(() => ({
-    activeAccount,
-    activeAccountIndex,
-    provided: true,
-    rootWallet,
-    setActiveAccountIndex
-  }), [
-    activeAccount,
-    activeAccountIndex,
-    rootWallet,
-    setActiveAccountIndex
-  ]);
-  return /* @__PURE__ */ import_react6.default.createElement(WalletContext.Provider, {
-    value,
-    ...props
-  }, children);
-}, "WalletProvider");
-
-// src/contexts/Wallet/use.ts
-var import_react_promise2 = require("@xylabs/react-promise");
-var import_react_shared4 = require("@xyo-network/react-shared");
-var useWalletContext = /* @__PURE__ */ __name((required = true) => {
-  return (0, import_react_shared4.useContextEx)(WalletContext, "Wallet", required);
-}, "useWalletContext");
-var useWalletProvided = /* @__PURE__ */ __name(() => {
-  return (0, import_react_shared4.useProvided)(WalletContext);
-}, "useWalletProvided");
-var useRootWallet = /* @__PURE__ */ __name((required = true) => {
-  const { rootWallet } = useWalletContext(required);
-  return [
-    rootWallet,
-    void 0
-  ];
-}, "useRootWallet");
-var useIndexedWalletFromContext = /* @__PURE__ */ __name((index, required = true) => {
-  const { rootWallet } = useWalletContext(required);
-  const [wallet] = (0, import_react_promise2.usePromise)(async () => await rootWallet?.derivePath(index.toString()) ?? rootWallet, [
-    rootWallet,
-    index
-  ]);
-  return [
-    wallet,
-    void 0
-  ];
-}, "useIndexedWalletFromContext");
-var useSelectedWalletAccount = /* @__PURE__ */ __name((required = true) => {
-  const { activeAccountIndex } = useWalletContext(required);
-  const [account] = useIndexedWalletFromContext(activeAccountIndex ?? 0, required);
-  return activeAccountIndex === void 0 && account === null ? [
-    null,
-    void 0
-  ] : [
-    account,
-    void 0
-  ];
-}, "useSelectedWalletAccount");
-
-// src/components/SeedPhrase/dialog/components/DialogActionButtons.tsx
-var DialogActionButtons = /* @__PURE__ */ __name(({ onClose, ...props }) => {
-  const { handleSave, setPhrase } = useSeedPhrase();
-  const wrappedOnClose = /* @__PURE__ */ __name((e) => {
-    setPhrase?.("");
-    onClose?.(e, "escapeKeyDown");
-  }, "wrappedOnClose");
-  return /* @__PURE__ */ import_react7.default.createElement(import_material5.DialogActions, props, /* @__PURE__ */ import_react7.default.createElement(import_material5.Button, {
-    variant: "outlined",
-    onClick: wrappedOnClose
-  }, "Cancel"), /* @__PURE__ */ import_react7.default.createElement(import_material5.Button, {
-    variant: "outlined",
-    onClick: handleSave
-  }, "Save"));
-}, "DialogActionButtons");
-
-// src/components/SeedPhrase/dialog/components/fields/NewPhraseTextField.tsx
-var import_material7 = require("@mui/material");
-var import_react10 = __toESM(require("react"), 1);
-
-// src/components/SeedPhrase/dialog/components/fields/validation-messages/colorParser.ts
-var colorParser = /* @__PURE__ */ __name((conditional) => {
-  switch (conditional) {
-    case true: {
-      return "success";
-    }
-    case false: {
-      return "error";
-    }
-    default: {
-      return;
-    }
-  }
-}, "colorParser");
-
-// src/components/SeedPhrase/dialog/components/fields/validation-messages/InvalidPhrase.tsx
-var import_material6 = require("@mui/material");
-var import_react8 = __toESM(require("react"), 1);
-var InvalidPhraseTypography = /* @__PURE__ */ __name((props) => /* @__PURE__ */ import_react8.default.createElement(import_material6.Typography, {
-  variant: "caption",
-  color: "error",
-  ...props
-}, "Invalid seed phrase. See -", " ", /* @__PURE__ */ import_react8.default.createElement(import_material6.Link, {
-  target: "_blank",
-  href: "https://github.com/bitcoin/bips/blob/master/bip-0039.mediawiki"
-}, "bip39 Proposal")), "InvalidPhraseTypography");
-
-// 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_react9 = __toESM(require("react"), 1);
-var PhraseHeaderBox = /* @__PURE__ */ __name(({ children, conditional, ...props }) => {
-  const state = (0, import_react9.useMemo)(() => {
-    switch (conditional) {
-      case true: {
-        return "success";
-      }
-      case false: {
-        return "error";
-      }
-      default: {
-        return null;
-      }
-    }
-  }, [
-    conditional
-  ]);
-  const Icon = (0, import_react9.useMemo)(() => {
-    switch (state) {
-      case "success": {
-        return /* @__PURE__ */ import_react9.default.createElement(import_icons_material2.CheckCircleOutline, {
-          fontSize: "small",
-          color: "success"
-        });
-      }
-      case "error": {
-        return /* @__PURE__ */ import_react9.default.createElement(import_icons_material2.HighlightOff, {
-          fontSize: "small",
-          color: "error"
-        });
-      }
-      default: {
-        return null;
-      }
-    }
-  }, [
-    state
-  ]);
-  return /* @__PURE__ */ import_react9.default.createElement(import_react_flexbox.FlexRow, {
-    justifyContent: "start",
-    columnGap: 1,
-    ...props
-  }, Icon, children);
-}, "PhraseHeaderBox");
-
-// src/components/SeedPhrase/dialog/components/fields/NewPhraseTextField.tsx
-var NewPhraseTextField = /* @__PURE__ */ __name(({ children, disableColor, ...props }) => {
-  const { phrase, setPhrase, validPhrase } = useSeedPhrase();
-  return /* @__PURE__ */ import_react10.default.createElement(import_react10.default.Fragment, null, /* @__PURE__ */ import_react10.default.createElement(import_material7.FormControl, {
-    fullWidth: true,
-    size: "small",
-    sx: {
-      display: "flex",
-      flexDirection: "column",
-      rowGap: 1
-    }
-  }, children, /* @__PURE__ */ import_react10.default.createElement(import_material7.TextField, {
-    focused: true,
-    color: disableColor ? void 0 : colorParser(validPhrase),
-    error: validPhrase === false,
-    helperText: validPhrase === false ? /* @__PURE__ */ import_react10.default.createElement(InvalidPhraseTypography, null) : null,
-    fullWidth: true,
-    maxRows: Number.POSITIVE_INFINITY,
-    multiline: true,
-    onChange: /* @__PURE__ */ __name((e) => setPhrase?.(e.target.value), "onChange"),
-    value: phrase,
-    ...props
-  })));
-}, "NewPhraseTextField");
-
-// src/components/SeedPhrase/dialog/components/fields/PhraseDialogActions.tsx
-var import_material8 = require("@mui/material");
-var import_react11 = __toESM(require("react"), 1);
-var PhraseDialogActions = /* @__PURE__ */ __name(() => {
-  const { handleClear, handleGenerate, overwriteWarning } = useSeedPhrase();
-  return /* @__PURE__ */ import_react11.default.createElement(import_material8.DialogActions, {
-    sx: {
-      justifyContent: "center"
-    }
-  }, /* @__PURE__ */ import_react11.default.createElement(import_material8.Button, {
-    disabled: overwriteWarning,
-    variant: "outlined",
-    onClick: handleGenerate
-  }, "Generate"), /* @__PURE__ */ import_react11.default.createElement(import_material8.Button, {
-    variant: "outlined",
-    onClick: handleClear
-  }, "Clear"));
-}, "PhraseDialogActions");
-
-// src/components/SeedPhrase/dialog/components/fields/SavedPhraseTextField.tsx
-var import_material9 = require("@mui/material");
-var import_react12 = __toESM(require("react"), 1);
-var SavedPhraseTextField = /* @__PURE__ */ __name(({ fullWidth, showPhraseHeader, ...props }) => {
-  const { validSeedPhrase, seedPhrase } = useSeedPhrase();
-  const [visible, setVisible] = (0, import_react12.useState)(false);
-  return /* @__PURE__ */ import_react12.default.createElement(import_material9.FormControl, {
-    fullWidth,
-    size: "small",
-    sx: {
-      display: "flex",
-      flexDirection: "column",
-      rowGap: 1
-    }
-  }, /* @__PURE__ */ import_react12.default.createElement(import_material9.Chip, {
-    label: visible ? "Hide Saved Seed Phrase" : "Reveal Saved Seed Phrase",
-    onClick: /* @__PURE__ */ __name(() => setVisible(!visible), "onClick"),
-    sx: {
-      alignSelf: "center"
-    }
-  }), visible ? /* @__PURE__ */ import_react12.default.createElement(import_react12.default.Fragment, null, showPhraseHeader ? /* @__PURE__ */ import_react12.default.createElement(import_material9.FormLabel, null, /* @__PURE__ */ import_react12.default.createElement(PhraseHeaderBox, {
-    conditional: validSeedPhrase
-  }, "Saved Seed Phrase")) : null, /* @__PURE__ */ import_react12.default.createElement(import_material9.TextField, {
-    defaultValue: seedPhrase,
-    disabled: true,
-    error: validSeedPhrase === false,
-    helperText: validSeedPhrase === false ? /* @__PURE__ */ import_react12.default.createElement(InvalidPhraseTypography, null) : null,
-    fullWidth: true,
-    maxRows: Number.POSITIVE_INFINITY,
-    multiline: true,
-    ...props
-  })) : null);
-}, "SavedPhraseTextField");
-
-// src/components/SeedPhrase/dialog/components/OverwriteWarning.tsx
-var import_material10 = require("@mui/material");
-var import_react_flexbox2 = require("@xylabs/react-flexbox");
-var import_react13 = __toESM(require("react"), 1);
-var OverwriteWarning = /* @__PURE__ */ __name(() => {
-  const { handleCancelOverwrite, handleSave } = useSeedPhrase();
-  return /* @__PURE__ */ import_react13.default.createElement(import_material10.Alert, {
-    variant: "outlined",
-    severity: "warning",
-    action: /* @__PURE__ */ import_react13.default.createElement(import_react_flexbox2.FlexRow, {
-      sx: {
-        columnGap: 1
-      }
-    }, /* @__PURE__ */ import_react13.default.createElement(import_material10.Button, {
-      variant: "outlined",
-      color: "inherit",
-      size: "small",
-      onClick: handleSave
-    }, "Overwrite"), /* @__PURE__ */ import_react13.default.createElement(import_material10.Button, {
-      variant: "outlined",
-      color: "inherit",
-      size: "small",
-      onClick: handleCancelOverwrite
-    }, "Cancel"))
-  }, "Are you sure you want to overwrite existing seed phrase? This action cannot be undone.");
-}, "OverwriteWarning");
-
-// src/components/SeedPhrase/dialog/SeedPhraseDialog.tsx
-var import_material11 = require("@mui/material");
-var import_react14 = __toESM(require("react"), 1);
-var SeedPhraseDialog = /* @__PURE__ */ __name(({ changeSeedPhrase, seedPhrase, ...props }) => {
-  return /* @__PURE__ */ import_react14.default.createElement(SeedPhraseProvider, {
-    seedPhrase,
-    handleChangeSeedPhrase: changeSeedPhrase,
-    open: props.open,
-    saveCallback: /* @__PURE__ */ __name(() => props.onClose?.({}, "escapeKeyDown"), "saveCallback")
-  }, /* @__PURE__ */ import_react14.default.createElement(SeedPhraseDialogInner, props));
-}, "SeedPhraseDialog");
-var SeedPhraseDialogInner = /* @__PURE__ */ __name((props) => {
-  const { overwriteWarning, seedPhrase, validPhrase } = useSeedPhrase();
-  return /* @__PURE__ */ import_react14.default.createElement(import_material11.Dialog, {
-    "aria-labelledby": "alert-dialog-title",
-    "aria-describedby": "alert-dialog-description",
-    fullWidth: true,
-    maxWidth: "sm",
-    ...props
-  }, /* @__PURE__ */ import_react14.default.createElement(import_material11.DialogTitle, {
-    id: "alert-dialog-title"
-  }, "Update Your Seed Phrase", " ", /* @__PURE__ */ import_react14.default.createElement(SeedPhraseIconButton, null)), /* @__PURE__ */ import_react14.default.createElement(import_material11.DialogContent, {
-    sx: {
-      display: "flex",
-      flexDirection: "column",
-      rowGap: 2
-    }
-  }, /* @__PURE__ */ import_react14.default.createElement(NewPhraseTextField, null, /* @__PURE__ */ import_react14.default.createElement(import_material11.FormLabel, null, /* @__PURE__ */ import_react14.default.createElement(PhraseHeaderBox, {
-    conditional: validPhrase
-  }, "New Seed Phrase"))), /* @__PURE__ */ import_react14.default.createElement(PhraseDialogActions, null), seedPhrase ? /* @__PURE__ */ import_react14.default.createElement(SavedPhraseTextField, null) : null, overwriteWarning ? /* @__PURE__ */ import_react14.default.createElement(OverwriteWarning, null) : null), /* @__PURE__ */ import_react14.default.createElement(DialogActionButtons, {
-    onClose: props.onClose
-  }));
-}, "SeedPhraseDialogInner");
-
-// src/components/SeedPhrase/settings/SeedPhraseTableRow.tsx
-var import_icons_material3 = require("@mui/icons-material");
-var import_material12 = require("@mui/material");
-var import_react15 = __toESM(require("react"), 1);
-var SeedPhraseTableRow = /* @__PURE__ */ __name(({ changeSeedPhrase, seedPhrase, ...props }) => {
-  const [open, setOpen] = (0, import_react15.useState)(false);
-  const handleOpen = /* @__PURE__ */ __name(() => {
-    setOpen(true);
-  }, "handleOpen");
-  return /* @__PURE__ */ import_react15.default.createElement(import_material12.TableRow, props, /* @__PURE__ */ import_react15.default.createElement(import_material12.TableCell, null, "Seed Phrase", " ", /* @__PURE__ */ import_react15.default.createElement(SeedPhraseIconButton, null)), /* @__PURE__ */ import_react15.default.createElement(import_material12.TableCell, {
-    align: "center"
-  }, seedPhrase ? /* @__PURE__ */ import_react15.default.createElement(import_icons_material3.RadioButtonChecked, {
-    color: "success"
-  }) : /* @__PURE__ */ import_react15.default.createElement(import_icons_material3.Cancel, {
-    color: "error"
-  })), /* @__PURE__ */ import_react15.default.createElement(import_material12.TableCell, null, /* @__PURE__ */ import_react15.default.createElement(SeedPhraseDialog, {
-    changeSeedPhrase,
-    open,
-    onClose: /* @__PURE__ */ __name(() => setOpen(false), "onClose"),
-    seedPhrase
-  }), /* @__PURE__ */ import_react15.default.createElement(import_material12.ButtonGroup, {
-    fullWidth: true
-  }, /* @__PURE__ */ import_react15.default.createElement(import_material12.Button, {
-    variant: "contained",
-    size: "small",
-    onClick: handleOpen
-  }, "Update"))));
-}, "SeedPhraseTableRow");
-
-// 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");
-var import_react18 = __toESM(require("react"), 1);
-
-// src/hooks/useAccount.ts
-var import_react_promise3 = require("@xylabs/react-promise");
-var import_react16 = require("react");
-var useAccount = /* @__PURE__ */ __name(({ wallet, account, index, required = false } = {}) => {
-  const walletContextProvided = useWalletProvided();
-  const [validationError, setValidationError] = (0, import_react16.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_react16.useState)();
-  const [rootWallet] = useRootWallet(!wallet && required);
-  const { activeAccountIndex } = useWalletContext(false);
-  const [activeAccount] = (0, import_react_promise3.usePromise)(async () => {
-    try {
-      if (!validationError) {
-        if (wallet) {
-          return await wallet?.derivePath?.(`${index ?? 0}'\0`);
-        } else if (rootWallet) {
-          return await rootWallet?.derivePath?.(`${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
-  ];
-}, "useAccount");
-
-// src/hooks/useWallet.ts
-var import_react_promise4 = require("@xylabs/react-promise");
-var import_account = require("@xyo-network/account");
-var import_react17 = require("react");
-var useWallet = /* @__PURE__ */ __name(({ mnemonic, wallet, path, required = false, seed } = {}) => {
-  const walletContextProvided = useWalletContext(false);
-  const [error, setError] = (0, import_react17.useState)();
-  const [contextAccount] = useSelectedWalletAccount(!wallet && required);
-  const [activeAccount] = (0, import_react_promise4.usePromise)(async () => {
-    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 ? newAccount?.derivePath?.(path) : newAccount ?? wallet;
-    } catch (ex) {
-      setError(ex);
-    }
-  }, [
-    mnemonic,
-    contextAccount,
-    seed,
-    path,
-    wallet
-  ]);
-  return [
-    activeAccount ?? (walletContextProvided ? null : activeAccount),
-    error
-  ];
-}, "useWallet");
-
-// src/hooks/useWallets.ts
-var import_react_promise5 = require("@xylabs/react-promise");
-var useWallets = /* @__PURE__ */ __name(({ 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
-  ];
-}, "useWallets");
-
-// 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 = /* @__PURE__ */ __name((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
-  ]);
-}, "useWrapperAccount");
-
-// src/components/WalletAccountDetails/WalletAccountDetails.tsx
-var WalletAccountDetails = /* @__PURE__ */ __name(({ exploreUrl = "https://explore.xyo.network", account, ...props }) => {
-  const [accountToUse] = useAccount({
-    account
-  });
-  const { network } = (0, import_react_network.useNetwork)();
-  const exploreAddressUrl = `${exploreUrl}/recent?account=${accountToUse?.address}&network=${network?.name ?? "main"}`;
-  return /* @__PURE__ */ import_react18.default.createElement(import_react_flexbox3.FlexCol, props, /* @__PURE__ */ import_react18.default.createElement(import_react_crypto.EthAccountButton, {
-    address: import_eth_address.EthAddress.fromString(accountToUse?.address)
-  }), /* @__PURE__ */ import_react18.default.createElement(import_react_flexbox3.FlexRow, {
-    gap: 1
-  }, /* @__PURE__ */ import_react18.default.createElement(import_react_number_status.NumberStatus, {
-    rounded: true,
-    title: "Tokens",
-    value: 0,
-    to: `${exploreAddressUrl}&schema=network.xyo.account.tokens`,
-    target: "_blank"
-  }), /* @__PURE__ */ import_react18.default.createElement(import_react_number_status.NumberStatus, {
-    rounded: true,
-    title: "NFTs",
-    value: 0,
-    to: `${exploreAddressUrl}&schema=network.xyo.account.nfts`,
-    target: "_blank"
-  }), /* @__PURE__ */ import_react18.default.createElement(import_react_number_status.NumberStatus, {
-    rounded: true,
-    title: "Signatures",
-    value: 0,
-    to: `${exploreAddressUrl}&schema=network.xyo.account.signatures`,
-    target: "_blank"
-  }), /* @__PURE__ */ import_react18.default.createElement(import_react_number_status.NumberStatus, {
-    rounded: true,
-    title: "Signins",
-    value: 0,
-    to: `${exploreAddressUrl}&schema=network.xyo.account.signins`,
-    target: "_blank"
-  })));
-}, "WalletAccountDetails");
-
-// 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_react19 = __toESM(require("react"), 1);
-var arrayRange = /* @__PURE__ */ __name((length, start = 0) => {
-  return [
-    ...Array.from({
-      length
-    }).keys()
-  ].map((x) => x + start);
-}, "arrayRange");
-var WalletAccountSelect = /* @__PURE__ */ __name(({ 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__ */ import_react19.default.createElement(import_react19.default.Fragment, null, rootWallet ? /* @__PURE__ */ import_react19.default.createElement(import_react_select.SelectEx, {
-    margin: "dense",
-    disabled,
-    renderValue: /* @__PURE__ */ __name((selectedAccountIndex) => {
-      const Item = /* @__PURE__ */ __name(() => {
-        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__ */ import_react19.default.createElement(import_material13.MenuItem, {
-          value: selectedAccountIndex,
-          sx: {
-            minHeight: 0,
-            paddingBottom: 0,
-            paddingTop: 0
-          }
-        }, /* @__PURE__ */ import_react19.default.createElement(import_react_address_render.AddressRenderRowBox, {
-          disableSharedRef: true,
-          flexGrow: 1,
-          address: selectedAccount?.address,
-          iconOnly,
-          iconSize,
-          icons,
-          name: customName,
-          favorite,
-          showFavorite
-        }));
-      }, "Item");
-      return /* @__PURE__ */ import_react19.default.createElement(Item, null);
-    }, "renderValue"),
-    value: activeAccountIndex,
-    onChange: /* @__PURE__ */ __name((event) => setActiveAccountIndex?.(Number.parseInt(`${event.target.value}`)), "onChange"),
-    size,
-    variant,
-    ...props
-  }, arrayRange(maxAccounts).map((index) => {
-    const Item = /* @__PURE__ */ __name(() => {
-      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__ */ import_react19.default.createElement(import_material13.MenuItem, {
-        key: account?.address,
-        value: index,
-        sx: {
-          minHeight: 0,
-          paddingBottom: 0,
-          paddingTop: 0
-        }
-      }, /* @__PURE__ */ import_react19.default.createElement(import_react_address_render.AddressRenderRowBox, {
-        disableSharedRef: true,
-        flexGrow: 1,
-        address: account?.address,
-        favorite,
-        iconOnly,
-        iconSize,
-        icons,
-        name: customName,
-        showFavorite
-      }));
-    }, "Item");
-    return /* @__PURE__ */ import_react19.default.createElement(Item, {
-      key: index
-    });
-  })) : /* @__PURE__ */ import_react19.default.createElement(import_material13.CircularProgress, {
-    size: 24
-  }));
-}, "WalletAccountSelect");
-
-// src/components/WalletAccountSelect/SelectBar.tsx
-var import_react_flexbox4 = require("@xylabs/react-flexbox");
-var import_react20 = __toESM(require("react"), 1);
-var WalletAccountSelectBar = /* @__PURE__ */ __name(({ addressNames, iconOnly, iconSize, icons, maxAccounts = 1, showFavorite = false, size = "small", ...props }) => {
-  return /* @__PURE__ */ import_react20.default.createElement(import_react_flexbox4.FlexCol, {
-    alignItems: "stretch",
-    ...props
-  }, /* @__PURE__ */ import_react20.default.createElement(WalletAccountSelect, {
-    addressNames,
-    fullWidth: true,
-    showFavorite,
-    iconSize,
-    iconOnly,
-    icons,
-    maxAccounts,
-    size: size ?? "small",
-    variant: "outlined"
-  }));
-}, "WalletAccountSelectBar");
-//# sourceMappingURL=index.cjs.map