@xyo-network/react-wallet 2.81.10 → 2.82.0

package/dist/node/index.cjs

@@ -1,8 +1,11 @@
 "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 });
@@ -15,6 +18,14 @@ var __copyProps = (to, from, except, desc) => {
   }
   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
@@ -57,42 +68,31 @@ 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");
+var import_react2 = __toESM(require("react"), 1);
 
 // 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,
-        ")."
-      ] })
-    }
-  );
-};
+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 == null ? void 0 : setShowSnackBar(false), "onClose"),
+    open: showSnackBar
+  }, /* @__PURE__ */ import_react.default.createElement(import_material.Alert, {
+    severity: "error",
+    onClose: /* @__PURE__ */ __name(() => setShowSnackBar == null ? void 0 : 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 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) => {
+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": {
@@ -117,95 +117,85 @@ var MaxAccountsTableRow = ({ activeAccountIndex, changeMaxAccounts, maxAccounts
     } 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
-        }
-      )
-    ] })
-  ] });
-};
+  }, "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_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" }) })
-    ] })
-  ] });
-};
+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_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)(() => {
+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 == 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
-  ] });
-};
+  }, [
+    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");
@@ -214,86 +204,108 @@ 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) => {
+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);
-};
-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)(() => {
+}, "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_react4.useEffect)(() => {
+  }, [
+    defaultPhrase
+  ]);
+  (0, import_react5.useEffect)(() => {
     if (seedPhrase || open) {
       setPhrase == null ? void 0 : setPhrase(seedPhrase ?? "");
     }
-  }, [seedPhrase, open, setPhrase]);
-  const handleGenerate = (0, import_react4.useCallback)(() => {
+  }, [
+    seedPhrase,
+    open,
+    setPhrase
+  ]);
+  const handleGenerate = (0, import_react5.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)(() => {
+  const handleCancelOverwrite = (0, import_react5.useCallback)(() => {
     setOverwriteWarning == null ? void 0 : setOverwriteWarning(false);
   }, []);
-  const handleClear = (0, import_react4.useCallback)(() => {
+  const handleClear = (0, import_react5.useCallback)(() => {
     setPhrase == null ? void 0 : setPhrase("");
     setOverwriteWarning == null ? void 0 : setOverwriteWarning(false);
   }, []);
-  const handleSave = (0, import_react4.useCallback)(() => {
+  const handleSave = (0, import_react5.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)(() => {
+  }, [
+    handleChangeSeedPhrase,
+    overwriteWarning,
+    phrase,
+    saveCallback,
+    seedPhrase
+  ]);
+  (0, import_react5.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
+  }, [
+    handleCancelOverwrite,
+    open
+  ]);
+  const validSeedPhrase = (0, import_react5.useMemo)(() => validate == null ? void 0 : validate(seedPhrase), [
+    seedPhrase
+  ]);
+  const validPhrase = (0, import_react5.useMemo)(() => validate == null ? void 0 : 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 = () => (0, import_react_shared2.useContextEx)(SeedPhraseContext, "SeedPhrase", true);
+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");
@@ -301,80 +313,99 @@ 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)(() => {
+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 == 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
-    }
-  );
-};
+  }, [
+    defaultActiveAccountIndex
+  ]);
+  const [activeAccount = null] = (0, import_react_promise.usePromise)(async () => await (rootWallet == null ? void 0 : 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 = (required = true) => {
+var useWalletContext = /* @__PURE__ */ __name((required = true) => {
   return (0, import_react_shared4.useContextEx)(WalletContext, "Wallet", required);
-};
-var useWalletProvided = () => {
+}, "useWalletContext");
+var useWalletProvided = /* @__PURE__ */ __name(() => {
   return (0, import_react_shared4.useProvided)(WalletContext);
-};
-var useRootWallet = (required = true) => {
+}, "useWalletProvided");
+var useRootWallet = /* @__PURE__ */ __name((required = true) => {
   const { rootWallet } = useWalletContext(required);
-  return [rootWallet, void 0];
-};
-var useIndexedWalletFromContext = (index, required = true) => {
+  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 == null ? void 0 : rootWallet.derivePath(index.toString())) ?? rootWallet, [rootWallet, index]);
-  return [wallet, void 0];
-};
-var useSelectedWalletAccount = (required = true) => {
+  const [wallet] = (0, import_react_promise2.usePromise)(async () => await (rootWallet == null ? void 0 : 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];
-};
+  return activeAccountIndex === void 0 && account === null ? [
+    null,
+    void 0
+  ] : [
+    account,
+    void 0
+  ];
+}, "useSelectedWalletAccount");
 
 // src/components/SeedPhrase/dialog/components/DialogActionButtons.tsx
-var import_jsx_runtime7 = require("react/jsx-runtime");
-var DialogActionButtons = ({ onClose, ...props }) => {
+var DialogActionButtons = /* @__PURE__ */ __name(({ onClose, ...props }) => {
   const { handleSave, setPhrase } = useSeedPhrase();
-  const wrappedOnClose = (e) => {
+  const wrappedOnClose = /* @__PURE__ */ __name((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" })
-  ] });
-};
+  }, "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 = (conditional) => {
+var colorParser = /* @__PURE__ */ __name((conditional) => {
   switch (conditional) {
     case true: {
       return "success";
@@ -386,24 +417,26 @@ var colorParser = (conditional) => {
       return;
     }
   }
-};
+}, "colorParser");
 
 // 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" })
-] });
+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_react6 = require("react");
-var import_jsx_runtime9 = require("react/jsx-runtime");
-var PhraseHeaderBox = ({ children, conditional, ...props }) => {
-  const state = (0, import_react6.useMemo)(() => {
+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";
@@ -415,173 +448,207 @@ var PhraseHeaderBox = ({ children, conditional, ...props }) => {
         return null;
       }
     }
-  }, [conditional]);
-  const Icon = (0, import_react6.useMemo)(() => {
+  }, [
+    conditional
+  ]);
+  const Icon = (0, import_react9.useMemo)(() => {
     switch (state) {
       case "success": {
-        return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_icons_material2.CheckCircleOutline, { fontSize: "small", color: "success" });
+        return /* @__PURE__ */ import_react9.default.createElement(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" });
+        return /* @__PURE__ */ import_react9.default.createElement(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
-  ] });
-};
+  }, [
+    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 import_jsx_runtime10 = require("react/jsx-runtime");
-var NewPhraseTextField = ({ children, disableColor, ...props }) => {
+var NewPhraseTextField = /* @__PURE__ */ __name(({ 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
-      }
-    )
-  ] }) });
-};
+  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 == null ? void 0 : 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_jsx_runtime11 = require("react/jsx-runtime");
-var PhraseDialogActions = () => {
+var import_react11 = __toESM(require("react"), 1);
+var PhraseDialogActions = /* @__PURE__ */ __name(() => {
   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" })
-  ] });
-};
+  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_react7 = require("react");
-var import_jsx_runtime12 = require("react/jsx-runtime");
-var SavedPhraseTextField = ({ fullWidth, showPhraseHeader, ...props }) => {
+var import_react12 = __toESM(require("react"), 1);
+var SavedPhraseTextField = /* @__PURE__ */ __name(({ 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
-  ] });
-};
+  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_jsx_runtime13 = require("react/jsx-runtime");
-var OverwriteWarning = () => {
+var import_react13 = __toESM(require("react"), 1);
+var OverwriteWarning = /* @__PURE__ */ __name(() => {
   const { handleCancelOverwrite, handleSave } = useSeedPhrase();
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
-    import_material10.Alert,
-    {
+  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",
-      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."
-    }
-  );
-};
+      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_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) => {
+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(() => {
+      var _a;
+      return (_a = props.onClose) == null ? void 0 : _a.call(props, {}, "escapeKeyDown");
+    }, "saveCallback")
+  }, /* @__PURE__ */ import_react14.default.createElement(SeedPhraseDialogInner, props));
+}, "SeedPhraseDialog");
+var SeedPhraseDialogInner = /* @__PURE__ */ __name((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 })
-  ] });
-};
+  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_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 = () => {
+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);
-  };
-  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" }) })
-    ] })
-  ] });
-};
+  }, "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");
@@ -589,20 +656,21 @@ 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_react9 = require("react");
-var useAccount = ({ wallet, account, index, required = false } = {}) => {
+var import_react16 = require("react");
+var useAccount = /* @__PURE__ */ __name(({ wallet, account, index, required = false } = {}) => {
   const walletContextProvided = useWalletProvided();
-  const [validationError, setValidationError] = (0, import_react9.useState)();
+  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_react9.useState)();
+  const [error, setError] = (0, import_react16.useState)();
   const [rootWallet] = useRootWallet(!wallet && required);
   const { activeAccountIndex } = useWalletContext(false);
   const [activeAccount] = (0, import_react_promise3.usePromise)(async () => {
@@ -620,7 +688,13 @@ var useAccount = ({ wallet, account, index, required = false } = {}) => {
       console.error(error2.message);
       setError(error2);
     }
-  }, [index, wallet, rootWallet, activeAccountIndex, validationError]);
+  }, [
+    index,
+    wallet,
+    rootWallet,
+    activeAccountIndex,
+    validationError
+  ]);
   if (validationError && !error) {
     console.error(validationError.message);
     setError(validationError);
@@ -629,15 +703,15 @@ var useAccount = ({ wallet, account, index, required = false } = {}) => {
     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_react10 = require("react");
-var useWallet = ({ mnemonic, wallet, path, required = false, seed } = {}) => {
+var import_react17 = require("react");
+var useWallet = /* @__PURE__ */ __name(({ mnemonic, wallet, path, required = false, seed } = {}) => {
   const walletContextProvided = useWalletContext(false);
-  const [error, setError] = (0, import_react10.useState)();
+  const [error, setError] = (0, import_react17.useState)();
   const [contextAccount] = useSelectedWalletAccount(!wallet && required);
   const [activeAccount] = (0, import_react_promise4.usePromise)(async () => {
     var _a;
@@ -656,21 +730,35 @@ var useWallet = ({ mnemonic, wallet, path, required = false, seed } = {}) => {
     } catch (ex) {
       setError(ex);
     }
-  }, [mnemonic, contextAccount, seed, path, wallet]);
-  return [activeAccount ?? (walletContextProvided ? null : activeAccount), error];
-};
+  }, [
+    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 = ({ wallet, paths }) => {
+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];
-};
+  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");
@@ -678,7 +766,7 @@ 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) => {
+var useWrapperAccount = /* @__PURE__ */ __name((account) => {
   return (0, import_react_promise6.usePromise)(async () => {
     return await globalWrapperWalletMutex.runExclusive(async () => {
       if (account !== void 0) {
@@ -696,133 +784,156 @@ var useWrapperAccount = (account) => {
       }
       return globalWrapperWallet;
     });
-  }, [account]);
-};
+  }, [
+    account
+  ]);
+}, "useWrapperAccount");
 
 // 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 });
+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 == 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" })
-    ] })
-  ] });
-};
+  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 == null ? void 0 : 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_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
-}) => {
+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__ */ (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 }) });
-};
+  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 == null ? void 0 : 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 == null ? void 0 : 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 == null ? void 0 : 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 == null ? void 0 : addressNames[account.address] : void 0;
+      const favorite = !!account && account.address in (addressNames ?? {});
+      return /* @__PURE__ */ import_react19.default.createElement(import_material13.MenuItem, {
+        key: account == null ? void 0 : 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 == null ? void 0 : 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_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"
-    }
-  ) });
-};
+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");
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   DefaultSeedPhrase,