@xyo-network/react-wallet 7.0.0 → 7.0.1

package/dist/browser/index.mjs

@@ -1,34 +1,55 @@
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-
 // src/components/MaxAccounts/MaxAccountsTableRow.tsx
-import { ButtonGroup, TableCell, TableRow, Typography } from "@mui/material";
+import {
+  ButtonGroup,
+  TableCell,
+  TableRow,
+  Typography
+} from "@mui/material";
 import { ButtonEx } from "@xylabs/react-button";
-import React2, { useState } from "react";
+import { useState } from "react";
 
 // src/components/MaxAccounts/OutOfBoundsSnackBar.tsx
-import { Alert, AlertTitle, Snackbar } from "@mui/material";
-import React from "react";
-var OutOfBoundsSnackBar = /* @__PURE__ */ __name(({ activeAccountIndex, desiredMaximumAccounts, setShowSnackBar, showSnackBar }) => {
-  return /* @__PURE__ */ React.createElement(Snackbar, {
-    anchorOrigin: {
-      horizontal: "center",
-      vertical: "top"
-    },
-    autoHideDuration: 5e3,
-    onClose: /* @__PURE__ */ __name(() => setShowSnackBar?.(false), "onClose"),
-    open: showSnackBar
-  }, /* @__PURE__ */ React.createElement(Alert, {
-    severity: "error",
-    onClose: /* @__PURE__ */ __name(() => setShowSnackBar?.(false), "onClose")
-  }, /* @__PURE__ */ React.createElement(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");
+import {
+  Alert,
+  AlertTitle,
+  Snackbar
+} from "@mui/material";
+import { jsx, jsxs } from "react/jsx-runtime";
+var OutOfBoundsSnackBar = ({
+  activeAccountIndex,
+  desiredMaximumAccounts,
+  setShowSnackBar,
+  showSnackBar
+}) => {
+  return /* @__PURE__ */ jsx(
+    Snackbar,
+    {
+      anchorOrigin: { horizontal: "center", vertical: "top" },
+      autoHideDuration: 5e3,
+      onClose: () => setShowSnackBar?.(false),
+      open: showSnackBar,
+      children: /* @__PURE__ */ jsxs(Alert, { severity: "error", onClose: () => setShowSnackBar?.(false), children: [
+        /* @__PURE__ */ jsx(AlertTitle, { children: "Maximum Accounts Error" }),
+        "Your currently selected account number (",
+        activeAccountIndex === void 0 ? "" : activeAccountIndex + 1,
+        ") cannot be greater than the desired Maximum Accounts (",
+        desiredMaximumAccounts,
+        ")."
+      ] })
+    }
+  );
+};
 
 // src/components/MaxAccounts/MaxAccountsTableRow.tsx
-var MaxAccountsTableRow = /* @__PURE__ */ __name(({ activeAccountIndex, changeMaxAccounts, maxAccounts }) => {
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var MaxAccountsTableRow = ({
+  activeAccountIndex,
+  changeMaxAccounts,
+  maxAccounts
+}) => {
   const [desiredMaximumAccounts, setDesiredMaximumAccounts] = useState();
   const [showSnackBar, setShowSnackBar] = useState(false);
-  const handleChangeMaxAccounts = /* @__PURE__ */ __name((change) => {
+  const handleChangeMaxAccounts = (change) => {
     if (maxAccounts !== void 0 && activeAccountIndex !== void 0) {
       switch (change) {
         case "decrease": {
@@ -53,58 +74,87 @@ var MaxAccountsTableRow = /* @__PURE__ */ __name(({ activeAccountIndex, changeMa
     } else {
       throw new Error("Max Accounts is unset and needs a default");
     }
-  }, "handleChangeMaxAccounts");
-  return /* @__PURE__ */ React2.createElement(TableRow, null, /* @__PURE__ */ React2.createElement(TableCell, null, "Maximum Accounts"), /* @__PURE__ */ React2.createElement(TableCell, {
-    align: "center"
-  }, /* @__PURE__ */ React2.createElement(Typography, {
-    variant: "caption"
-  }, maxAccounts)), /* @__PURE__ */ React2.createElement(TableCell, {
-    align: "center"
-  }, /* @__PURE__ */ React2.createElement(ButtonGroup, null, /* @__PURE__ */ React2.createElement(ButtonEx, {
-    onClick: /* @__PURE__ */ __name(() => handleChangeMaxAccounts("decrease"), "onClick"),
-    variant: "contained",
-    size: "small"
-  }, "-"), /* @__PURE__ */ React2.createElement(ButtonEx, {
-    onClick: /* @__PURE__ */ __name(() => handleChangeMaxAccounts("increase"), "onClick"),
-    variant: "contained",
-    size: "small"
-  }, "+")), /* @__PURE__ */ React2.createElement(OutOfBoundsSnackBar, {
-    desiredMaximumAccounts,
-    activeAccountIndex,
-    setShowSnackBar,
-    showSnackBar
-  })));
-}, "MaxAccountsTableRow");
+  };
+  return /* @__PURE__ */ jsxs2(TableRow, { children: [
+    /* @__PURE__ */ jsx2(TableCell, { children: "Maximum Accounts" }),
+    /* @__PURE__ */ jsx2(TableCell, { align: "center", children: /* @__PURE__ */ jsx2(Typography, { variant: "caption", children: maxAccounts }) }),
+    /* @__PURE__ */ jsxs2(TableCell, { align: "center", children: [
+      /* @__PURE__ */ jsxs2(ButtonGroup, { children: [
+        /* @__PURE__ */ jsx2(ButtonEx, { onClick: () => handleChangeMaxAccounts("decrease"), variant: "contained", size: "small", children: "-" }),
+        /* @__PURE__ */ jsx2(ButtonEx, { onClick: () => handleChangeMaxAccounts("increase"), variant: "contained", size: "small", children: "+" })
+      ] }),
+      /* @__PURE__ */ jsx2(
+        OutOfBoundsSnackBar,
+        {
+          desiredMaximumAccounts,
+          activeAccountIndex,
+          setShowSnackBar,
+          showSnackBar
+        }
+      )
+    ] })
+  ] });
+};
 
 // src/components/SeedPhrase/_shared/SeedPhraseIconButton.tsx
 import { HelpOutline as HelpOutlineIcon } from "@mui/icons-material";
-import { Button, Dialog, DialogActions, DialogContent, DialogTitle, IconButton, Link, List, ListItem, Typography as Typography2 } from "@mui/material";
-import React3, { useState as useState2 } from "react";
-var SeedPhraseIconButton = /* @__PURE__ */ __name((props) => {
+import {
+  Button,
+  Dialog,
+  DialogActions,
+  DialogContent,
+  DialogTitle,
+  IconButton,
+  Link,
+  List,
+  ListItem,
+  Typography as Typography2
+} from "@mui/material";
+import { useState as useState2 } from "react";
+import { Fragment, jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+var SeedPhraseIconButton = (props) => {
   const [open, setOpen] = useState2(false);
-  const onClose = /* @__PURE__ */ __name(() => setOpen(false), "onClose");
-  return /* @__PURE__ */ React3.createElement(React3.Fragment, null, /* @__PURE__ */ React3.createElement(IconButton, {
-    onClick: /* @__PURE__ */ __name(() => setOpen(true), "onClick"),
-    ...props
-  }, /* @__PURE__ */ React3.createElement(HelpOutlineIcon, {
-    fontSize: "small"
-  })), /* @__PURE__ */ React3.createElement(Dialog, {
-    open
-  }, /* @__PURE__ */ React3.createElement(DialogTitle, null, "Understanding your Seed Phrase"), /* @__PURE__ */ React3.createElement(DialogContent, null, /* @__PURE__ */ React3.createElement(Typography2, null, "Your Seed Phrase should adhere to the", " ", /* @__PURE__ */ React3.createElement(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__ */ React3.createElement(List, null, /* @__PURE__ */ React3.createElement(ListItem, null, "Do not share this phrase with anyone."), /* @__PURE__ */ React3.createElement(ListItem, null, "Do not save it to a public computer."), /* @__PURE__ */ React3.createElement(ListItem, null, "Do not use a existing phrase from another wallet (i.e. Metamask)."), /* @__PURE__ */ React3.createElement(ListItem, null, "Do not use before copying it down somewhere safe."))), /* @__PURE__ */ React3.createElement(DialogActions, null, /* @__PURE__ */ React3.createElement(Button, {
-    onClick: onClose,
-    variant: "outlined"
-  }, "OK"))));
-}, "SeedPhraseIconButton");
+  const onClose = () => setOpen(false);
+  return /* @__PURE__ */ jsxs3(Fragment, { children: [
+    /* @__PURE__ */ jsx3(IconButton, { onClick: () => setOpen(true), ...props, children: /* @__PURE__ */ jsx3(HelpOutlineIcon, { fontSize: "small" }) }),
+    /* @__PURE__ */ jsxs3(Dialog, { open, children: [
+      /* @__PURE__ */ jsx3(DialogTitle, { children: "Understanding your Seed Phrase" }),
+      /* @__PURE__ */ jsxs3(DialogContent, { children: [
+        /* @__PURE__ */ jsxs3(Typography2, { children: [
+          "Your Seed Phrase should adhere to the",
+          " ",
+          /* @__PURE__ */ jsx3(Link, { target: "_blank", href: "https://github.com/bitcoin/bips/blob/master/bip-0039.mediawiki", children: "bip39 specification" }),
+          " ",
+          "and is used to generate accounts which identify your data on the XYO Network."
+        ] }),
+        /* @__PURE__ */ jsxs3(List, { children: [
+          /* @__PURE__ */ jsx3(ListItem, { children: "Do not share this phrase with anyone." }),
+          /* @__PURE__ */ jsx3(ListItem, { children: "Do not save it to a public computer." }),
+          /* @__PURE__ */ jsx3(ListItem, { children: "Do not use a existing phrase from another wallet (i.e. Metamask)." }),
+          /* @__PURE__ */ jsx3(ListItem, { children: "Do not use before copying it down somewhere safe." })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx3(DialogActions, { children: /* @__PURE__ */ jsx3(Button, { onClick: onClose, variant: "outlined", children: "OK" }) })
+    ] })
+  ] });
+};
 
 // src/components/SeedPhrase/DefaultSeedPhrase.tsx
-import { Alert as Alert2, AlertTitle as AlertTitle2, Snackbar as Snackbar2 } from "@mui/material";
+import {
+  Alert as Alert2,
+  AlertTitle as AlertTitle2,
+  Snackbar as Snackbar2
+} from "@mui/material";
 import { generateMnemonic } from "@scure/bip39";
 import { wordlist } from "@scure/bip39/wordlists/english";
-import React4, { useMemo, useState as useState3 } from "react";
-var DefaultSeedPhrase = /* @__PURE__ */ __name(({ changeSeedPhrase, children, hideDefaultSeedPhraseMessage, seedPhrase }) => {
+import { useMemo, useState as useState3 } from "react";
+import { Fragment as Fragment2, jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
+var DefaultSeedPhrase = ({
+  changeSeedPhrase,
+  children,
+  hideDefaultSeedPhraseMessage,
+  seedPhrase
+}) => {
   const [showSnackBar, setShowSnackBar] = useState3(false);
   useMemo(() => {
     if (!seedPhrase) {
@@ -112,26 +162,27 @@ var DefaultSeedPhrase = /* @__PURE__ */ __name(({ changeSeedPhrase, children, hi
       changeSeedPhrase?.(mnemonic);
       setShowSnackBar(true);
     }
-  }, [
-    changeSeedPhrase,
-    seedPhrase
-  ]);
-  return /* @__PURE__ */ React4.createElement(React4.Fragment, null, hideDefaultSeedPhraseMessage ? null : /* @__PURE__ */ React4.createElement(Snackbar2, {
-    open: showSnackBar,
-    autoHideDuration: 5e3,
-    onClose: /* @__PURE__ */ __name(() => setShowSnackBar(false), "onClose"),
-    anchorOrigin: {
-      horizontal: "center",
-      vertical: "top"
-    }
-  }, /* @__PURE__ */ React4.createElement(Alert2, {
-    severity: "success"
-  }, /* @__PURE__ */ React4.createElement(AlertTitle2, null, "Default Seed Phrase Generated"), "Go to application settings to save it.")), children);
-}, "DefaultSeedPhrase");
+  }, [changeSeedPhrase, seedPhrase]);
+  return /* @__PURE__ */ jsxs4(Fragment2, { children: [
+    hideDefaultSeedPhraseMessage ? null : /* @__PURE__ */ jsx4(
+      Snackbar2,
+      {
+        open: showSnackBar,
+        autoHideDuration: 5e3,
+        onClose: () => setShowSnackBar(false),
+        anchorOrigin: { horizontal: "center", vertical: "top" },
+        children: /* @__PURE__ */ jsxs4(Alert2, { severity: "success", children: [
+          /* @__PURE__ */ jsx4(AlertTitle2, { children: "Default Seed Phrase Generated" }),
+          "Go to application settings to save it."
+        ] })
+      }
+    ),
+    children
+  ] });
+};
 
 // src/components/SeedPhrase/dialog/components/DialogActionButtons.tsx
 import { Button as Button2, DialogActions as DialogActions2 } from "@mui/material";
-import React7 from "react";
 
 // src/contexts/SeedPhrase/Context.ts
 import { createContextEx } from "@xylabs/react-shared";
@@ -141,25 +192,34 @@ var SeedPhraseContext = createContextEx();
 import { generateMnemonic as generateMnemonic2, validateMnemonic } from "@scure/bip39";
 import { wordlist as wordlist2 } from "@scure/bip39/wordlists/english";
 import { useResetState } from "@xylabs/react-hooks";
-import React5, { useCallback, useEffect, useMemo as useMemo2, useState as useState4 } from "react";
-var validate = /* @__PURE__ */ __name((passedPhrase) => {
+import {
+  useCallback,
+  useEffect,
+  useMemo as useMemo2,
+  useState as useState4
+} from "react";
+import { jsx as jsx5 } from "react/jsx-runtime";
+var validate = (passedPhrase) => {
   if (!passedPhrase) {
     return null;
   }
   return validateMnemonic(passedPhrase, wordlist2);
-}, "validate");
-var SeedPhraseProvider = /* @__PURE__ */ __name(({ children, defaultPhrase, handleChangeSeedPhrase, saveCallback, seedPhrase, open }) => {
+};
+var SeedPhraseProvider = ({
+  children,
+  defaultPhrase,
+  handleChangeSeedPhrase,
+  saveCallback,
+  seedPhrase,
+  open
+}) => {
   const [phrase, setPhrase] = useResetState(defaultPhrase);
   const [overwriteWarning, setOverwriteWarning] = useState4(false);
   useEffect(() => {
     if (seedPhrase || open) {
       setPhrase?.(seedPhrase ?? "");
     }
-  }, [
-    seedPhrase,
-    open,
-    setPhrase
-  ]);
+  }, [seedPhrase, open, setPhrase]);
   const handleGenerate = useCallback(() => {
     const mnemonic = generateMnemonic2(wordlist2, 256);
     setPhrase?.(mnemonic);
@@ -167,16 +227,11 @@ var SeedPhraseProvider = /* @__PURE__ */ __name(({ children, defaultPhrase, hand
   }, []);
   const handleCancelOverwrite = useCallback(() => {
     setOverwriteWarning(false);
-  }, [
-    setOverwriteWarning
-  ]);
+  }, [setOverwriteWarning]);
   const handleClear = useCallback(() => {
     setPhrase("");
     setOverwriteWarning(false);
-  }, [
-    setPhrase,
-    setOverwriteWarning
-  ]);
+  }, [setPhrase, setOverwriteWarning]);
   const handleSave = useCallback(() => {
     if (!overwriteWarning && seedPhrase && seedPhrase !== phrase) {
       setOverwriteWarning?.(true);
@@ -184,27 +239,14 @@ var SeedPhraseProvider = /* @__PURE__ */ __name(({ children, defaultPhrase, hand
       handleChangeSeedPhrase?.(phrase ?? "");
       saveCallback?.();
     }
-  }, [
-    handleChangeSeedPhrase,
-    overwriteWarning,
-    phrase,
-    saveCallback,
-    seedPhrase
-  ]);
+  }, [handleChangeSeedPhrase, overwriteWarning, phrase, saveCallback, seedPhrase]);
   useEffect(() => {
     if (!open) {
       handleCancelOverwrite();
     }
-  }, [
-    handleCancelOverwrite,
-    open
-  ]);
-  const validSeedPhrase = useMemo2(() => validate?.(seedPhrase), [
-    seedPhrase
-  ]);
-  const validPhrase = useMemo2(() => validate?.(phrase), [
-    phrase
-  ]);
+  }, [handleCancelOverwrite, open]);
+  const validSeedPhrase = useMemo2(() => validate?.(seedPhrase), [seedPhrase]);
+  const validPhrase = useMemo2(() => validate?.(phrase), [phrase]);
   const value = useMemo2(() => ({
     handleCancelOverwrite,
     handleChangeSeedPhrase,
@@ -235,14 +277,18 @@ var SeedPhraseProvider = /* @__PURE__ */ __name(({ children, defaultPhrase, hand
     validSeedPhrase,
     validate
   ]);
-  return /* @__PURE__ */ React5.createElement(SeedPhraseContext, {
-    value
-  }, children);
-}, "SeedPhraseProvider");
+  return /* @__PURE__ */ jsx5(
+    SeedPhraseContext,
+    {
+      value,
+      children
+    }
+  );
+};
 
 // src/contexts/SeedPhrase/use.ts
 import { useContextEx } from "@xylabs/react-shared";
-var useSeedPhrase = /* @__PURE__ */ __name(() => useContextEx(SeedPhraseContext, "SeedPhrase", true), "useSeedPhrase");
+var useSeedPhrase = () => useContextEx(SeedPhraseContext, "SeedPhrase", true);
 
 // src/contexts/Wallet/Context.ts
 import { createContextEx as createContextEx2 } from "@xylabs/react-shared";
@@ -251,13 +297,16 @@ var WalletContext = createContextEx2();
 // src/contexts/Wallet/Provider.tsx
 import { useResetState as useResetState2 } from "@xylabs/react-hooks";
 import { usePromise } from "@xylabs/react-promise";
-import React6, { useMemo as useMemo3 } from "react";
-var WalletProvider = /* @__PURE__ */ __name(({ children, defaultActiveAccountIndex = 0, rootWallet = null, ...props }) => {
+import { useMemo as useMemo3 } from "react";
+import { jsx as jsx6 } from "react/jsx-runtime";
+var WalletProvider = ({
+  children,
+  defaultActiveAccountIndex = 0,
+  rootWallet = null,
+  ...props
+}) => {
   const [activeAccountIndex, setActiveAccountIndex] = useResetState2(defaultActiveAccountIndex);
-  const [activeAccount = null] = usePromise(async () => await rootWallet?.derivePath(activeAccountIndex.toString()), [
-    activeAccountIndex,
-    rootWallet
-  ]);
+  const [activeAccount = null] = usePromise(async () => await rootWallet?.derivePath(activeAccountIndex.toString()), [activeAccountIndex, rootWallet]);
   const value = useMemo3(() => ({
     activeAccount,
     activeAccountIndex,
@@ -270,74 +319,59 @@ var WalletProvider = /* @__PURE__ */ __name(({ children, defaultActiveAccountInd
     rootWallet,
     setActiveAccountIndex
   ]);
-  return /* @__PURE__ */ React6.createElement(WalletContext, {
-    value,
-    ...props
-  }, children);
-}, "WalletProvider");
+  return /* @__PURE__ */ jsx6(
+    WalletContext,
+    {
+      value,
+      ...props,
+      children
+    }
+  );
+};
 
 // src/contexts/Wallet/use.ts
 import { usePromise as usePromise2 } from "@xylabs/react-promise";
 import { useContextEx as useContextEx2, useProvided } from "@xylabs/react-shared";
-var useWalletContext = /* @__PURE__ */ __name((required = true) => {
+var useWalletContext = (required = true) => {
   return useContextEx2(WalletContext, "Wallet", required);
-}, "useWalletContext");
-var useWalletProvided = /* @__PURE__ */ __name(() => {
+};
+var useWalletProvided = () => {
   return useProvided(WalletContext);
-}, "useWalletProvided");
-var useRootWallet = /* @__PURE__ */ __name((required = true) => {
+};
+var useRootWallet = (required = true) => {
   const { rootWallet } = useWalletContext(required);
-  return [
-    rootWallet,
-    void 0
-  ];
-}, "useRootWallet");
-var useIndexedWalletFromContext = /* @__PURE__ */ __name((index, required = true) => {
+  return [rootWallet, void 0];
+};
+var useIndexedWalletFromContext = (index, required = true) => {
   const { rootWallet } = useWalletContext(required);
-  const [wallet] = usePromise2(async () => await rootWallet?.derivePath(index.toString()) ?? rootWallet, [
-    rootWallet,
-    index
-  ]);
-  return [
-    wallet,
-    void 0
-  ];
-}, "useIndexedWalletFromContext");
-var useSelectedWalletAccount = /* @__PURE__ */ __name((required = true) => {
+  const [wallet] = usePromise2(async () => await rootWallet?.derivePath(index.toString()) ?? rootWallet, [rootWallet, index]);
+  return [wallet, void 0];
+};
+var useSelectedWalletAccount = (required = true) => {
   const { activeAccountIndex } = useWalletContext(required);
   const [account] = useIndexedWalletFromContext(activeAccountIndex ?? 0, required);
-  return activeAccountIndex === void 0 && account === null ? [
-    null,
-    void 0
-  ] : [
-    account,
-    void 0
-  ];
-}, "useSelectedWalletAccount");
+  return activeAccountIndex === void 0 && account === null ? [null, void 0] : [account, void 0];
+};
 
 // src/components/SeedPhrase/dialog/components/DialogActionButtons.tsx
-var DialogActionButtons = /* @__PURE__ */ __name(({ onClose, ...props }) => {
+import { jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
+var DialogActionButtons = ({ onClose, ...props }) => {
   const { handleSave, setPhrase } = useSeedPhrase();
-  const wrappedOnClose = /* @__PURE__ */ __name((e) => {
+  const wrappedOnClose = (e) => {
     setPhrase?.("");
     onClose?.(e, "escapeKeyDown");
-  }, "wrappedOnClose");
-  return /* @__PURE__ */ React7.createElement(DialogActions2, props, /* @__PURE__ */ React7.createElement(Button2, {
-    variant: "outlined",
-    onClick: wrappedOnClose
-  }, "Cancel"), /* @__PURE__ */ React7.createElement(Button2, {
-    type: "submit",
-    variant: "contained",
-    onClick: handleSave
-  }, "Save"));
-}, "DialogActionButtons");
+  };
+  return /* @__PURE__ */ jsxs5(DialogActions2, { ...props, children: [
+    /* @__PURE__ */ jsx7(Button2, { variant: "outlined", onClick: wrappedOnClose, children: "Cancel" }),
+    /* @__PURE__ */ jsx7(Button2, { type: "submit", variant: "contained", onClick: handleSave, children: "Save" })
+  ] });
+};
 
 // src/components/SeedPhrase/dialog/components/fields/NewPhraseTextField.tsx
 import { FormControl, TextField } from "@mui/material";
-import React10 from "react";
 
 // src/components/SeedPhrase/dialog/components/fields/validation-messages/colorParser.ts
-var colorParser = /* @__PURE__ */ __name((conditional) => {
+var colorParser = (conditional) => {
   switch (conditional) {
     case true: {
       return "success";
@@ -349,25 +383,27 @@ var colorParser = /* @__PURE__ */ __name((conditional) => {
       return;
     }
   }
-}, "colorParser");
+};
 
 // src/components/SeedPhrase/dialog/components/fields/validation-messages/InvalidPhrase.tsx
 import { Link as Link2, Typography as Typography3 } from "@mui/material";
-import React8 from "react";
-var InvalidPhraseTypography = /* @__PURE__ */ __name((props) => /* @__PURE__ */ React8.createElement(Typography3, {
-  variant: "caption",
-  color: "error",
-  ...props
-}, "Invalid seed phrase. See -", " ", /* @__PURE__ */ React8.createElement(Link2, {
-  target: "_blank",
-  href: "https://github.com/bitcoin/bips/blob/master/bip-0039.mediawiki"
-}, "bip39 Proposal")), "InvalidPhraseTypography");
+import { jsx as jsx8, jsxs as jsxs6 } from "react/jsx-runtime";
+var InvalidPhraseTypography = (props) => /* @__PURE__ */ jsxs6(Typography3, { variant: "caption", color: "error", ...props, children: [
+  "Invalid seed phrase. See -",
+  " ",
+  /* @__PURE__ */ jsx8(Link2, { target: "_blank", href: "https://github.com/bitcoin/bips/blob/master/bip-0039.mediawiki", children: "bip39 Proposal" })
+] });
 
 // src/components/SeedPhrase/dialog/components/fields/validation-messages/PhraseHeaderBox.tsx
 import { CheckCircleOutline as CheckCircleOutlineIcon, HighlightOff as HighlightOffIcon } from "@mui/icons-material";
 import { FlexRow } from "@xylabs/react-flexbox";
-import React9, { useMemo as useMemo4 } from "react";
-var PhraseHeaderBox = /* @__PURE__ */ __name(({ children, conditional, ...props }) => {
+import { useMemo as useMemo4 } from "react";
+import { jsx as jsx9, jsxs as jsxs7 } from "react/jsx-runtime";
+var PhraseHeaderBox = ({
+  children,
+  conditional,
+  ...props
+}) => {
   const state = useMemo4(() => {
     switch (conditional) {
       case true: {
@@ -380,98 +416,118 @@ var PhraseHeaderBox = /* @__PURE__ */ __name(({ children, conditional, ...props
         return null;
       }
     }
-  }, [
-    conditional
-  ]);
+  }, [conditional]);
   const Icon = useMemo4(() => {
     switch (state) {
       case "success": {
-        return /* @__PURE__ */ React9.createElement(CheckCircleOutlineIcon, {
-          fontSize: "small",
-          color: "success"
-        });
+        return /* @__PURE__ */ jsx9(CheckCircleOutlineIcon, { fontSize: "small", color: "success" });
       }
       case "error": {
-        return /* @__PURE__ */ React9.createElement(HighlightOffIcon, {
-          fontSize: "small",
-          color: "error"
-        });
+        return /* @__PURE__ */ jsx9(HighlightOffIcon, { fontSize: "small", color: "error" });
       }
       default: {
         return null;
       }
     }
-  }, [
-    state
-  ]);
-  return /* @__PURE__ */ React9.createElement(FlexRow, {
-    justifyContent: "start",
-    columnGap: 1,
-    ...props
-  }, Icon, children);
-}, "PhraseHeaderBox");
+  }, [state]);
+  return /* @__PURE__ */ jsxs7(FlexRow, { justifyContent: "start", columnGap: 1, ...props, children: [
+    Icon,
+    children
+  ] });
+};
 
 // src/components/SeedPhrase/dialog/components/fields/NewPhraseTextField.tsx
-var NewPhraseTextField = /* @__PURE__ */ __name(({ children, disableColor, ...props }) => {
-  const { phrase, setPhrase, validPhrase } = useSeedPhrase();
-  return /* @__PURE__ */ React10.createElement(React10.Fragment, null, /* @__PURE__ */ React10.createElement(FormControl, {
-    fullWidth: true,
-    size: "small",
-    sx: {
-      display: "flex",
-      flexDirection: "column",
-      rowGap: 1
+import { Fragment as Fragment3, jsx as jsx10, jsxs as jsxs8 } from "react/jsx-runtime";
+var NewPhraseTextField = ({
+  children,
+  disableColor,
+  ...props
+}) => {
+  const {
+    phrase,
+    setPhrase,
+    validPhrase
+  } = useSeedPhrase();
+  return /* @__PURE__ */ jsx10(Fragment3, { children: /* @__PURE__ */ jsxs8(
+    FormControl,
+    {
+      fullWidth: true,
+      size: "small",
+      sx: {
+        display: "flex",
+        flexDirection: "column",
+        rowGap: 1
+      },
+      children: [
+        children,
+        /* @__PURE__ */ jsx10(
+          TextField,
+          {
+            focused: true,
+            color: disableColor ? void 0 : colorParser(validPhrase),
+            error: validPhrase === false,
+            helperText: validPhrase === false ? /* @__PURE__ */ jsx10(InvalidPhraseTypography, {}) : null,
+            fullWidth: true,
+            maxRows: Number.POSITIVE_INFINITY,
+            multiline: true,
+            onChange: (e) => setPhrase?.(e.target.value),
+            value: phrase,
+            ...props
+          }
+        )
+      ]
     }
-  }, children, /* @__PURE__ */ React10.createElement(TextField, {
-    focused: true,
-    color: disableColor ? void 0 : colorParser(validPhrase),
-    error: validPhrase === false,
-    helperText: validPhrase === false ? /* @__PURE__ */ React10.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
 import { Button as Button3, DialogActions as DialogActions3 } from "@mui/material";
-import React11 from "react";
-var PhraseDialogActions = /* @__PURE__ */ __name(({ hideClear, hideGenerate, ...props }) => {
-  const { handleClear, handleGenerate, overwriteWarning } = useSeedPhrase();
-  return /* @__PURE__ */ React11.createElement(DialogActions3, {
-    sx: {
-      justifyContent: "center"
-    },
-    ...props
-  }, hideGenerate ? null : /* @__PURE__ */ React11.createElement(Button3, {
-    disabled: overwriteWarning,
-    variant: "contained",
-    onClick: handleGenerate
-  }, "Generate"), hideClear ? null : /* @__PURE__ */ React11.createElement(Button3, {
-    variant: "outlined",
-    onClick: handleClear
-  }, "Clear"));
-}, "PhraseDialogActions");
+import { jsx as jsx11, jsxs as jsxs9 } from "react/jsx-runtime";
+var PhraseDialogActions = ({
+  hideClear,
+  hideGenerate,
+  ...props
+}) => {
+  const {
+    handleClear,
+    handleGenerate,
+    overwriteWarning
+  } = useSeedPhrase();
+  return /* @__PURE__ */ jsxs9(DialogActions3, { sx: { justifyContent: "center" }, ...props, children: [
+    hideGenerate ? null : /* @__PURE__ */ jsx11(Button3, { disabled: overwriteWarning, variant: "contained", onClick: handleGenerate, children: "Generate" }),
+    hideClear ? null : /* @__PURE__ */ jsx11(Button3, { variant: "outlined", onClick: handleClear, children: "Clear" })
+  ] });
+};
 
 // src/components/SeedPhrase/dialog/components/fields/SavedPhraseTextField.tsx
 import { ContentCopy } from "@mui/icons-material";
-import { Chip, FormControl as FormControl2, FormLabel, IconButton as IconButton2, TextField as TextField2, Tooltip, useTheme } from "@mui/material";
+import {
+  Chip,
+  FormControl as FormControl2,
+  FormLabel,
+  IconButton as IconButton2,
+  TextField as TextField2,
+  Tooltip,
+  useTheme
+} from "@mui/material";
 import { FlexRow as FlexRow2 } from "@xylabs/react-flexbox";
-import React12, { useMemo as useMemo5, useState as useState5 } from "react";
-var SavedPhraseTextField = /* @__PURE__ */ __name(({ fullWidth, showCopyButton, showPhraseHeader, visible: visibleProp, ...props }) => {
+import { useMemo as useMemo5, useState as useState5 } from "react";
+import { jsx as jsx12, jsxs as jsxs10 } from "react/jsx-runtime";
+var SavedPhraseTextField = ({
+  fullWidth,
+  showCopyButton,
+  showPhraseHeader,
+  visible: visibleProp,
+  ...props
+}) => {
   const { validSeedPhrase, seedPhrase } = useSeedPhrase();
   const theme = useTheme();
   const [visible, setVisible] = useState5(visibleProp);
   useMemo5(() => {
     setVisible(visibleProp);
-  }, [
-    visibleProp
-  ]);
+  }, [visibleProp]);
   const [copied, setCopied] = useState5(false);
-  const onCopyPhrase = /* @__PURE__ */ __name(async () => {
+  const onCopyPhrase = async () => {
     if (seedPhrase) {
       try {
         await navigator.clipboard.writeText(seedPhrase);
@@ -481,164 +537,198 @@ var SavedPhraseTextField = /* @__PURE__ */ __name(({ fullWidth, showCopyButton,
         console.error("Error copying resolvedSelectedAddress to clipboard", e);
       }
     }
-  }, "onCopyPhrase");
-  return /* @__PURE__ */ React12.createElement(FormControl2, {
-    fullWidth,
-    size: "small",
-    sx: {
-      display: "flex",
-      flexDirection: "column",
-      rowGap: 1
-    }
-  }, /* @__PURE__ */ React12.createElement(FlexRow2, {
-    gap: 0.5
-  }, /* @__PURE__ */ React12.createElement(Chip, {
-    label: "Show Seed Phrase",
-    onClick: /* @__PURE__ */ __name(() => setVisible(!visible), "onClick"),
-    // Margin is set to 2px to match the Copy Button size and remove jumping during animation
-    sx: {
-      alignSelf: "center",
-      my: "2px"
-    }
-  }), /* @__PURE__ */ React12.createElement(Tooltip, {
-    title: copied ? "Copied!" : "Copy"
-  }, /* @__PURE__ */ React12.createElement(IconButton2, {
-    onClick: /* @__PURE__ */ __name(() => void onCopyPhrase(), "onClick"),
-    sx: {
-      height: visible ? "auto" : 0,
-      opacity: visible ? 1 : 0,
-      overflow: "hidden",
-      padding: visible ? theme.spacing(1) : 0,
-      transition: "all .25s ease-in-out",
-      width: visible ? "max-content" : 0
+  };
+  return /* @__PURE__ */ jsxs10(
+    FormControl2,
+    {
+      fullWidth,
+      size: "small",
+      sx: {
+        display: "flex",
+        flexDirection: "column",
+        rowGap: 1
+      },
+      children: [
+        /* @__PURE__ */ jsxs10(FlexRow2, { gap: 0.5, children: [
+          /* @__PURE__ */ jsx12(
+            Chip,
+            {
+              label: "Show Seed Phrase",
+              onClick: () => setVisible(!visible),
+              sx: { alignSelf: "center", my: "2px" }
+            }
+          ),
+          /* @__PURE__ */ jsx12(Tooltip, { title: copied ? "Copied!" : "Copy", children: /* @__PURE__ */ jsx12(
+            IconButton2,
+            {
+              onClick: () => void onCopyPhrase(),
+              sx: {
+                height: visible ? "auto" : 0,
+                opacity: visible ? 1 : 0,
+                overflow: "hidden",
+                padding: visible ? theme.spacing(1) : 0,
+                transition: "all .25s ease-in-out",
+                width: visible ? "max-content" : 0
+              },
+              children: /* @__PURE__ */ jsx12(ContentCopy, { fontSize: "small" })
+            }
+          ) })
+        ] }),
+        visible && showPhraseHeader ? /* @__PURE__ */ jsx12(FormLabel, { children: /* @__PURE__ */ jsx12(PhraseHeaderBox, { conditional: validSeedPhrase, children: "Saved Seed Phrase" }) }) : null,
+        /* @__PURE__ */ jsx12(
+          TextField2,
+          {
+            defaultValue: seedPhrase,
+            disabled: true,
+            error: validSeedPhrase === false,
+            helperText: validSeedPhrase === false ? /* @__PURE__ */ jsx12(InvalidPhraseTypography, {}) : null,
+            fullWidth: true,
+            maxRows: Number.POSITIVE_INFINITY,
+            multiline: true,
+            slotProps: {
+              input: {
+                style: {
+                  height: visible ? "auto" : "0",
+                  overflow: "hidden",
+                  opacity: visible ? 1 : 0,
+                  padding: visible ? theme.spacing(1) : 0,
+                  transition: "all .25s ease-in-out"
+                }
+              }
+            },
+            ...props
+          }
+        )
+      ]
     }
-  }, /* @__PURE__ */ React12.createElement(ContentCopy, {
-    fontSize: "small"
-  })))), visible && showPhraseHeader ? /* @__PURE__ */ React12.createElement(FormLabel, null, /* @__PURE__ */ React12.createElement(PhraseHeaderBox, {
-    conditional: validSeedPhrase
-  }, "Saved Seed Phrase")) : null, /* @__PURE__ */ React12.createElement(TextField2, {
-    defaultValue: seedPhrase,
-    disabled: true,
-    error: validSeedPhrase === false,
-    helperText: validSeedPhrase === false ? /* @__PURE__ */ React12.createElement(InvalidPhraseTypography, null) : null,
-    fullWidth: true,
-    maxRows: Number.POSITIVE_INFINITY,
-    multiline: true,
-    slotProps: {
-      input: {
-        style: {
-          height: visible ? "auto" : "0",
-          overflow: "hidden",
-          opacity: visible ? 1 : 0,
-          padding: visible ? theme.spacing(1) : 0,
-          transition: "all .25s ease-in-out"
-        }
-      }
-    },
-    ...props
-  }));
-}, "SavedPhraseTextField");
+  );
+};
 
 // src/components/SeedPhrase/dialog/components/OverwriteWarning.tsx
 import { Alert as Alert3, Button as Button4 } from "@mui/material";
 import { FlexRow as FlexRow3 } from "@xylabs/react-flexbox";
-import React13 from "react";
-var OverwriteWarning = /* @__PURE__ */ __name(() => {
+import { jsx as jsx13, jsxs as jsxs11 } from "react/jsx-runtime";
+var OverwriteWarning = () => {
   const { handleCancelOverwrite, handleSave } = useSeedPhrase();
-  return /* @__PURE__ */ React13.createElement(Alert3, {
-    variant: "outlined",
-    severity: "warning",
-    action: /* @__PURE__ */ React13.createElement(FlexRow3, {
-      sx: {
-        columnGap: 1
-      }
-    }, /* @__PURE__ */ React13.createElement(Button4, {
-      variant: "outlined",
-      color: "inherit",
-      size: "small",
-      onClick: handleSave
-    }, "Overwrite"), /* @__PURE__ */ React13.createElement(Button4, {
+  return /* @__PURE__ */ jsx13(
+    Alert3,
+    {
       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");
+      severity: "warning",
+      action: /* @__PURE__ */ jsxs11(FlexRow3, { sx: { columnGap: 1 }, children: [
+        /* @__PURE__ */ jsx13(Button4, { variant: "outlined", color: "inherit", size: "small", onClick: handleSave, children: "Overwrite" }),
+        /* @__PURE__ */ jsx13(Button4, { variant: "outlined", color: "inherit", size: "small", onClick: handleCancelOverwrite, children: "Cancel" })
+      ] }),
+      children: "Are you sure you want to overwrite existing seed phrase? This action cannot be undone."
+    }
+  );
+};
 
 // src/components/SeedPhrase/dialog/SeedPhraseDialog.tsx
-import { Dialog as Dialog2, DialogContent as DialogContent2, DialogTitle as DialogTitle2, FormLabel as FormLabel2 } from "@mui/material";
-import React14 from "react";
-var SeedPhraseDialog = /* @__PURE__ */ __name(({ changeSeedPhrase, dialogTitle = "Update Your Seed Phrase", seedPhrase, seedPhraseTextFieldTitle = "New Seed Phrase", ...props }) => {
-  return /* @__PURE__ */ React14.createElement(SeedPhraseProvider, {
-    seedPhrase,
-    handleChangeSeedPhrase: changeSeedPhrase,
-    open: props.open,
-    saveCallback: /* @__PURE__ */ __name(() => props.onClose?.({}, "escapeKeyDown"), "saveCallback")
-  }, /* @__PURE__ */ React14.createElement(SeedPhraseDialogInner, {
-    dialogTitle,
-    seedPhraseTextFieldTitle,
-    ...props
-  }));
-}, "SeedPhraseDialog");
-var SeedPhraseDialogInner = /* @__PURE__ */ __name(({ dialogTitle, seedPhraseTextFieldTitle, showCopyButton, ...props }) => {
-  const { overwriteWarning, seedPhrase, validPhrase } = useSeedPhrase();
-  return /* @__PURE__ */ React14.createElement(Dialog2, {
-    "aria-labelledby": "alert-dialog-title",
-    "aria-describedby": "alert-dialog-description",
-    fullWidth: true,
-    maxWidth: "sm",
-    ...props
-  }, /* @__PURE__ */ React14.createElement(DialogTitle2, {
-    id: "alert-dialog-title",
-    sx: {
-      alignItems: "center",
-      display: "inline-flex",
-      flexDirection: "row"
-    }
-  }, dialogTitle, /* @__PURE__ */ React14.createElement(SeedPhraseIconButton, null)), /* @__PURE__ */ React14.createElement(DialogContent2, {
-    sx: {
-      display: "flex",
-      flexDirection: "column",
-      rowGap: 2
+import {
+  Dialog as Dialog2,
+  DialogContent as DialogContent2,
+  DialogTitle as DialogTitle2,
+  FormLabel as FormLabel2
+} from "@mui/material";
+import { jsx as jsx14, jsxs as jsxs12 } from "react/jsx-runtime";
+var SeedPhraseDialog = ({
+  changeSeedPhrase,
+  dialogTitle = "Update Your Seed Phrase",
+  seedPhrase,
+  seedPhraseTextFieldTitle = "New Seed Phrase",
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx14(
+    SeedPhraseProvider,
+    {
+      seedPhrase,
+      handleChangeSeedPhrase: changeSeedPhrase,
+      open: props.open,
+      saveCallback: () => props.onClose?.({}, "escapeKeyDown"),
+      children: /* @__PURE__ */ jsx14(SeedPhraseDialogInner, { dialogTitle, seedPhraseTextFieldTitle, ...props })
     }
-  }, /* @__PURE__ */ React14.createElement(NewPhraseTextField, null, /* @__PURE__ */ React14.createElement(FormLabel2, null, /* @__PURE__ */ React14.createElement(PhraseHeaderBox, {
-    conditional: validPhrase
-  }, seedPhraseTextFieldTitle))), /* @__PURE__ */ React14.createElement(PhraseDialogActions, null), seedPhrase ? /* @__PURE__ */ React14.createElement(SavedPhraseTextField, {
-    showCopyButton
-  }) : null, overwriteWarning ? /* @__PURE__ */ React14.createElement(OverwriteWarning, null) : null), /* @__PURE__ */ React14.createElement(DialogActionButtons, {
-    onClose: props.onClose
-  }));
-}, "SeedPhraseDialogInner");
+  );
+};
+var SeedPhraseDialogInner = ({
+  dialogTitle,
+  seedPhraseTextFieldTitle,
+  showCopyButton,
+  ...props
+}) => {
+  const {
+    overwriteWarning,
+    seedPhrase,
+    validPhrase
+  } = useSeedPhrase();
+  return /* @__PURE__ */ jsxs12(Dialog2, { "aria-labelledby": "alert-dialog-title", "aria-describedby": "alert-dialog-description", fullWidth: true, maxWidth: "sm", ...props, children: [
+    /* @__PURE__ */ jsxs12(
+      DialogTitle2,
+      {
+        id: "alert-dialog-title",
+        sx: {
+          alignItems: "center",
+          display: "inline-flex",
+          flexDirection: "row"
+        },
+        children: [
+          dialogTitle,
+          /* @__PURE__ */ jsx14(SeedPhraseIconButton, {})
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxs12(
+      DialogContent2,
+      {
+        sx: {
+          display: "flex",
+          flexDirection: "column",
+          rowGap: 2
+        },
+        children: [
+          /* @__PURE__ */ jsx14(NewPhraseTextField, { children: /* @__PURE__ */ jsx14(FormLabel2, { children: /* @__PURE__ */ jsx14(PhraseHeaderBox, { conditional: validPhrase, children: seedPhraseTextFieldTitle }) }) }),
+          /* @__PURE__ */ jsx14(PhraseDialogActions, {}),
+          seedPhrase ? /* @__PURE__ */ jsx14(SavedPhraseTextField, { showCopyButton }) : null,
+          overwriteWarning ? /* @__PURE__ */ jsx14(OverwriteWarning, {}) : null
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx14(DialogActionButtons, { onClose: props.onClose })
+  ] });
+};
 
 // src/components/SeedPhrase/settings/SeedPhraseTableRow.tsx
 import { Cancel as CancelIcon, RadioButtonChecked as RadioButtonCheckedIcon } from "@mui/icons-material";
-import { Button as Button5, ButtonGroup as ButtonGroup2, TableCell as TableCell2, TableRow as TableRow2 } from "@mui/material";
-import React15, { useState as useState6 } from "react";
-var SeedPhraseTableRow = /* @__PURE__ */ __name(({ changeSeedPhrase, seedPhrase, ...props }) => {
+import {
+  Button as Button5,
+  ButtonGroup as ButtonGroup2,
+  TableCell as TableCell2,
+  TableRow as TableRow2
+} from "@mui/material";
+import { useState as useState6 } from "react";
+import { jsx as jsx15, jsxs as jsxs13 } from "react/jsx-runtime";
+var SeedPhraseTableRow = ({
+  changeSeedPhrase,
+  seedPhrase,
+  ...props
+}) => {
   const [open, setOpen] = useState6(false);
-  const handleOpen = /* @__PURE__ */ __name(() => {
+  const handleOpen = () => {
     setOpen(true);
-  }, "handleOpen");
-  return /* @__PURE__ */ React15.createElement(TableRow2, props, /* @__PURE__ */ React15.createElement(TableCell2, null, "Seed Phrase", " ", /* @__PURE__ */ React15.createElement(SeedPhraseIconButton, null)), /* @__PURE__ */ React15.createElement(TableCell2, {
-    align: "center"
-  }, seedPhrase ? /* @__PURE__ */ React15.createElement(RadioButtonCheckedIcon, {
-    color: "success"
-  }) : /* @__PURE__ */ React15.createElement(CancelIcon, {
-    color: "error"
-  })), /* @__PURE__ */ React15.createElement(TableCell2, null, /* @__PURE__ */ React15.createElement(SeedPhraseDialog, {
-    changeSeedPhrase,
-    open,
-    onClose: /* @__PURE__ */ __name(() => setOpen(false), "onClose"),
-    seedPhrase
-  }), /* @__PURE__ */ React15.createElement(ButtonGroup2, {
-    fullWidth: true
-  }, /* @__PURE__ */ React15.createElement(Button5, {
-    variant: "contained",
-    size: "small",
-    onClick: handleOpen
-  }, "Update"))));
-}, "SeedPhraseTableRow");
+  };
+  return /* @__PURE__ */ jsxs13(TableRow2, { ...props, children: [
+    /* @__PURE__ */ jsxs13(TableCell2, { children: [
+      "Seed Phrase",
+      " ",
+      /* @__PURE__ */ jsx15(SeedPhraseIconButton, {})
+    ] }),
+    /* @__PURE__ */ jsx15(TableCell2, { align: "center", children: seedPhrase ? /* @__PURE__ */ jsx15(RadioButtonCheckedIcon, { color: "success" }) : /* @__PURE__ */ jsx15(CancelIcon, { color: "error" }) }),
+    /* @__PURE__ */ jsxs13(TableCell2, { children: [
+      /* @__PURE__ */ jsx15(SeedPhraseDialog, { changeSeedPhrase, open, onClose: () => setOpen(false), seedPhrase }),
+      /* @__PURE__ */ jsx15(ButtonGroup2, { fullWidth: true, children: /* @__PURE__ */ jsx15(Button5, { variant: "contained", size: "small", onClick: handleOpen, children: "Update" }) })
+    ] })
+  ] });
+};
 
 // src/components/WalletAccountDetails/WalletAccountDetails.tsx
 import { EthAddressWrapper } from "@xylabs/eth-address";
@@ -646,12 +736,16 @@ import { EthAccountButton } from "@xylabs/react-crypto";
 import { FlexCol, FlexRow as FlexRow4 } from "@xylabs/react-flexbox";
 import { NumberStatus } from "@xylabs/react-number-status";
 import { useNetwork } from "@xyo-network/react-network";
-import React16 from "react";
 
 // src/hooks/useAccount.ts
 import { usePromise as usePromise3 } from "@xylabs/react-promise";
 import { useState as useState7 } from "react";
-var useAccount = /* @__PURE__ */ __name(({ wallet, account, index, required = false } = {}) => {
+var useAccount = ({
+  wallet,
+  account,
+  index,
+  required = false
+} = {}) => {
   const walletContextProvided = useWalletProvided();
   const [validationError, setValidationError] = useState7();
   if (wallet && account && !validationError) {
@@ -679,13 +773,7 @@ var useAccount = /* @__PURE__ */ __name(({ wallet, account, index, required = fa
       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);
@@ -694,13 +782,19 @@ var useAccount = /* @__PURE__ */ __name(({ wallet, account, index, required = fa
     error ? void 0 : account ?? activeAccount ?? walletContextProvided ? null : void 0,
     error
   ];
-}, "useAccount");
+};
 
 // src/hooks/useWallet.ts
 import { usePromise as usePromise4 } from "@xylabs/react-promise";
 import { HDWallet } from "@xyo-network/wallet";
 import { useState as useState8 } from "react";
-var useWallet = /* @__PURE__ */ __name(({ mnemonic, wallet, path, required = false, seed } = {}) => {
+var useWallet = ({
+  mnemonic,
+  wallet,
+  path,
+  required = false,
+  seed
+} = {}) => {
   const walletContextProvided = useWalletContext(false);
   const [error, setError] = useState8();
   const [contextAccount] = useSelectedWalletAccount(!wallet && required);
@@ -720,35 +814,21 @@ var useWallet = /* @__PURE__ */ __name(({ mnemonic, wallet, path, required = fal
     } catch (ex) {
       setError(ex);
     }
-  }, [
-    mnemonic,
-    contextAccount,
-    seed,
-    path,
-    wallet
-  ]);
-  return [
-    activeAccount ?? (walletContextProvided ? null : activeAccount),
-    error
-  ];
-}, "useWallet");
+  }, [mnemonic, contextAccount, seed, path, wallet]);
+  return [activeAccount ?? (walletContextProvided ? null : activeAccount), error];
+};
 
 // src/hooks/useWallets.ts
 import { usePromise as usePromise5 } from "@xylabs/react-promise";
-var useWallets = /* @__PURE__ */ __name(({ wallet, paths }) => {
+var useWallets = ({ wallet, paths }) => {
   const walletContextProvided = useWalletContext(false);
-  const [foundWallet] = useWallet({
-    wallet
-  });
-  const [wallets, error] = usePromise5(async () => foundWallet ? await Promise.all(paths.map((path) => foundWallet.derivePath(path))) : void 0, [
-    foundWallet,
-    paths
-  ]);
-  return [
-    wallets ?? (walletContextProvided ? null : wallets),
-    error
-  ];
-}, "useWallets");
+  const [foundWallet] = useWallet({ wallet });
+  const [wallets, error] = usePromise5(
+    async () => foundWallet ? await Promise.all(paths.map((path) => foundWallet.derivePath(path))) : void 0,
+    [foundWallet, paths]
+  );
+  return [wallets ?? (walletContextProvided ? null : wallets), error];
+};
 
 // src/hooks/useWrapperAccount.ts
 import { usePromise as usePromise6 } from "@xylabs/react-promise";
@@ -756,7 +836,7 @@ import { HDWallet as HDWallet2 } from "@xyo-network/wallet";
 import { Mutex } from "async-mutex";
 var globalWrapperWallet;
 var globalWrapperWalletMutex = new Mutex();
-var useWrapperAccount = /* @__PURE__ */ __name((account) => {
+var useWrapperAccount = (account) => {
   return usePromise6(async () => {
     return await globalWrapperWalletMutex.runExclusive(async () => {
       if (account !== void 0) {
@@ -774,166 +854,187 @@ var useWrapperAccount = /* @__PURE__ */ __name((account) => {
       }
       return globalWrapperWallet;
     });
-  }, [
-    account
-  ]);
-}, "useWrapperAccount");
+  }, [account]);
+};
 
 // src/components/WalletAccountDetails/WalletAccountDetails.tsx
-var WalletAccountDetails = /* @__PURE__ */ __name(({ exploreUrl = "https://explore.xyo.network", account, ...props }) => {
-  const [accountToUse] = useAccount({
-    account
-  });
+import { jsx as jsx16, jsxs as jsxs14 } from "react/jsx-runtime";
+var WalletAccountDetails = ({
+  exploreUrl = "https://explore.xyo.network",
+  account,
+  ...props
+}) => {
+  const [accountToUse] = useAccount({ account });
   const { network } = useNetwork();
   const exploreAddressUrl = `${exploreUrl}/recent?account=${accountToUse?.address}&network=${network?.name ?? "main"}`;
-  return /* @__PURE__ */ React16.createElement(FlexCol, props, /* @__PURE__ */ React16.createElement(EthAccountButton, {
-    address: EthAddressWrapper.fromString(accountToUse?.address)
-  }), /* @__PURE__ */ React16.createElement(FlexRow4, {
-    gap: 1
-  }, /* @__PURE__ */ React16.createElement(NumberStatus, {
-    rounded: true,
-    title: "Tokens",
-    value: 0,
-    to: `${exploreAddressUrl}&schema=network.xyo.account.tokens`,
-    target: "_blank"
-  }), /* @__PURE__ */ React16.createElement(NumberStatus, {
-    rounded: true,
-    title: "NFTs",
-    value: 0,
-    to: `${exploreAddressUrl}&schema=network.xyo.account.nfts`,
-    target: "_blank"
-  }), /* @__PURE__ */ React16.createElement(NumberStatus, {
-    rounded: true,
-    title: "Signatures",
-    value: 0,
-    to: `${exploreAddressUrl}&schema=network.xyo.account.signatures`,
-    target: "_blank"
-  }), /* @__PURE__ */ React16.createElement(NumberStatus, {
-    rounded: true,
-    title: "Signins",
-    value: 0,
-    to: `${exploreAddressUrl}&schema=network.xyo.account.signins`,
-    target: "_blank"
-  })));
-}, "WalletAccountDetails");
+  return /* @__PURE__ */ jsxs14(FlexCol, { ...props, children: [
+    /* @__PURE__ */ jsx16(EthAccountButton, { address: EthAddressWrapper.fromString(accountToUse?.address) }),
+    /* @__PURE__ */ jsxs14(FlexRow4, { gap: 1, children: [
+      /* @__PURE__ */ jsx16(NumberStatus, { rounded: true, title: "Tokens", value: 0, to: `${exploreAddressUrl}&schema=network.xyo.account.tokens`, target: "_blank" }),
+      /* @__PURE__ */ jsx16(NumberStatus, { rounded: true, title: "NFTs", value: 0, to: `${exploreAddressUrl}&schema=network.xyo.account.nfts`, target: "_blank" }),
+      /* @__PURE__ */ jsx16(NumberStatus, { rounded: true, title: "Signatures", value: 0, to: `${exploreAddressUrl}&schema=network.xyo.account.signatures`, target: "_blank" }),
+      /* @__PURE__ */ jsx16(NumberStatus, { rounded: true, title: "Signins", value: 0, to: `${exploreAddressUrl}&schema=network.xyo.account.signins`, target: "_blank" })
+    ] })
+  ] });
+};
 
 // src/components/WalletAccountSelect/Select.tsx
 import { CircularProgress, MenuItem as MenuItem2 } from "@mui/material";
 import { SelectEx } from "@xylabs/react-select";
 import { AddressRenderRowBox as AddressRenderRowBox2 } from "@xyo-network/react-address-render";
-import React18 from "react";
 
 // src/components/WalletAccountSelect/RenderedMenuItem.tsx
 import { MenuItem } from "@mui/material";
 import { AddressRenderRowBox } from "@xyo-network/react-address-render";
-import React17 from "react";
-var RenderedAccountMenuItem = /* @__PURE__ */ __name(({ selectedAccountIndex, rootWallet, addressNames, iconOnly, iconSize, icons, showFavorite }) => {
-  const [selectedAccount] = useWallet({
-    path: selectedAccountIndex?.toString(),
-    wallet: rootWallet
-  });
+import { jsx as jsx17 } from "react/jsx-runtime";
+var RenderedAccountMenuItem = ({
+  selectedAccountIndex,
+  rootWallet,
+  addressNames,
+  iconOnly,
+  iconSize,
+  icons,
+  showFavorite
+}) => {
+  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__ */ React17.createElement(MenuItem, {
-    value: selectedAccountIndex,
-    sx: {
-      minHeight: 0,
-      paddingBottom: 0,
-      paddingTop: 0
-    }
-  }, /* @__PURE__ */ React17.createElement(AddressRenderRowBox, {
-    disableSharedRef: true,
-    flexGrow: 1,
-    address: selectedAccount?.address,
-    iconOnly,
-    iconSize,
-    icons,
-    name: customName,
-    favorite,
-    showFavorite
-  }));
-}, "RenderedAccountMenuItem");
-
-// src/components/WalletAccountSelect/Select.tsx
-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, setActiveAccountIndex, rootWallet } = useWalletContext();
-  const disabled = !rootWallet || activeAccountIndex === void 0;
-  return /* @__PURE__ */ React18.createElement(React18.Fragment, null, rootWallet ? /* @__PURE__ */ React18.createElement(SelectEx, {
-    margin: "dense",
-    disabled,
-    renderValue: /* @__PURE__ */ __name((selectedAccountIndex) => {
-      return /* @__PURE__ */ React18.createElement(RenderedAccountMenuItem, {
-        addressNames,
-        iconOnly,
-        iconSize,
-        icons,
-        rootWallet,
-        selectedAccountIndex,
-        showFavorite
-      });
-    }, "renderValue"),
-    value: activeAccountIndex === void 0 ? "" : activeAccountIndex,
-    onChange: /* @__PURE__ */ __name((event) => setActiveAccountIndex?.(Number.parseInt(`${event.target.value}`)), "onChange"),
-    size,
-    variant,
-    ...props
-  }, rootWallet && arrayRange(maxAccounts).map((index) => {
-    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__ */ React18.createElement(MenuItem2, {
-      key: account?.address,
-      value: index,
+  return /* @__PURE__ */ jsx17(
+    MenuItem,
+    {
+      value: selectedAccountIndex,
       sx: {
         minHeight: 0,
         paddingBottom: 0,
         paddingTop: 0
-      }
-    }, /* @__PURE__ */ React18.createElement(AddressRenderRowBox2, {
-      disableSharedRef: true,
-      flexGrow: 1,
-      address: account?.address,
-      favorite,
-      iconOnly,
-      iconSize,
-      icons,
-      name: customName,
-      showFavorite
-    }));
-  })) : /* @__PURE__ */ React18.createElement(CircularProgress, {
-    size: 24
-  }));
-}, "WalletAccountSelect");
+      },
+      children: /* @__PURE__ */ jsx17(
+        AddressRenderRowBox,
+        {
+          disableSharedRef: true,
+          flexGrow: 1,
+          address: selectedAccount?.address,
+          iconOnly,
+          iconSize,
+          icons,
+          name: customName,
+          favorite,
+          showFavorite
+        }
+      )
+    }
+  );
+};
+
+// src/components/WalletAccountSelect/Select.tsx
+import { Fragment as Fragment4, jsx as jsx18 } from "react/jsx-runtime";
+var arrayRange = (length, start = 0) => {
+  return [...Array.from({ length }).keys()].map((x) => x + start);
+};
+var WalletAccountSelect = ({
+  addressNames,
+  iconOnly,
+  iconSize = 24,
+  icons,
+  maxAccounts = 1,
+  showFavorite = false,
+  size,
+  variant = "outlined",
+  ...props
+}) => {
+  const {
+    activeAccountIndex,
+    setActiveAccountIndex,
+    rootWallet
+  } = useWalletContext();
+  const disabled = !rootWallet || activeAccountIndex === void 0;
+  return /* @__PURE__ */ jsx18(Fragment4, { children: rootWallet ? /* @__PURE__ */ jsx18(
+    SelectEx,
+    {
+      margin: "dense",
+      disabled,
+      renderValue: (selectedAccountIndex) => {
+        return /* @__PURE__ */ jsx18(
+          RenderedAccountMenuItem,
+          {
+            addressNames,
+            iconOnly,
+            iconSize,
+            icons,
+            rootWallet,
+            selectedAccountIndex,
+            showFavorite
+          }
+        );
+      },
+      value: activeAccountIndex === void 0 ? "" : activeAccountIndex,
+      onChange: (event) => setActiveAccountIndex?.(Number.parseInt(`${event.target.value}`)),
+      size,
+      variant,
+      ...props,
+      children: rootWallet && arrayRange(maxAccounts).map((index) => {
+        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__ */ jsx18(
+          MenuItem2,
+          {
+            value: index,
+            sx: {
+              minHeight: 0,
+              paddingBottom: 0,
+              paddingTop: 0
+            },
+            children: /* @__PURE__ */ jsx18(
+              AddressRenderRowBox2,
+              {
+                disableSharedRef: true,
+                flexGrow: 1,
+                address: account?.address,
+                favorite,
+                iconOnly,
+                iconSize,
+                icons,
+                name: customName,
+                showFavorite
+              }
+            )
+          },
+          account?.address
+        );
+      })
+    }
+  ) : /* @__PURE__ */ jsx18(CircularProgress, { size: 24 }) });
+};
 
 // src/components/WalletAccountSelect/SelectBar.tsx
 import { FlexCol as FlexCol2 } from "@xylabs/react-flexbox";
-import React19 from "react";
-var WalletAccountSelectBar = /* @__PURE__ */ __name(({ addressNames, iconOnly, iconSize, icons, maxAccounts = 1, showFavorite = false, size = "small", ...props }) => {
-  return /* @__PURE__ */ React19.createElement(FlexCol2, {
-    alignItems: "stretch",
-    ...props
-  }, /* @__PURE__ */ React19.createElement(WalletAccountSelect, {
-    addressNames,
-    fullWidth: true,
-    showFavorite,
-    iconSize,
-    iconOnly,
-    icons,
-    maxAccounts,
-    size: size ?? "small",
-    variant: "outlined"
-  }));
-}, "WalletAccountSelectBar");
+import { jsx as jsx19 } from "react/jsx-runtime";
+var WalletAccountSelectBar = ({
+  addressNames,
+  iconOnly,
+  iconSize,
+  icons,
+  maxAccounts = 1,
+  showFavorite = false,
+  size = "small",
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx19(FlexCol2, { alignItems: "stretch", ...props, children: /* @__PURE__ */ jsx19(
+    WalletAccountSelect,
+    {
+      addressNames,
+      fullWidth: true,
+      showFavorite,
+      iconSize,
+      iconOnly,
+      icons,
+      maxAccounts,
+      size: size ?? "small",
+      variant: "outlined"
+    }
+  ) });
+};
 export {
   DefaultSeedPhrase,
   DialogActionButtons,