@xyo-network/react-wallet 2.81.10 → 2.82.0

package/dist/node/index.mjs

@@ -0,0 +1,906 @@
+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 { ButtonEx } from "@xylabs/react-button";
+import React2, { 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 == null ? void 0 : setShowSnackBar(false), "onClose"),
+    open: showSnackBar
+  }, /* @__PURE__ */ React.createElement(Alert, {
+    severity: "error",
+    onClose: /* @__PURE__ */ __name(() => setShowSnackBar == null ? void 0 : 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");
+
+// src/components/MaxAccounts/MaxAccountsTableRow.tsx
+var MaxAccountsTableRow = /* @__PURE__ */ __name(({ activeAccountIndex, changeMaxAccounts, maxAccounts }) => {
+  const [desiredMaximumAccounts, setDesiredMaximumAccounts] = useState();
+  const [showSnackBar, setShowSnackBar] = useState(false);
+  const handleChangeMaxAccounts = /* @__PURE__ */ __name((change) => {
+    if (maxAccounts !== void 0 && activeAccountIndex !== void 0) {
+      switch (change) {
+        case "decrease": {
+          const desiredMaximumAccounts2 = maxAccounts - 1;
+          const validMaximumAccounts = desiredMaximumAccounts2 > 0;
+          const maxAccountsWithinRange = activeAccountIndex + 1 <= desiredMaximumAccounts2;
+          if (validMaximumAccounts && maxAccountsWithinRange) {
+            changeMaxAccounts == null ? void 0 : changeMaxAccounts(desiredMaximumAccounts2);
+          }
+          if (!maxAccountsWithinRange) setShowSnackBar(true);
+          setDesiredMaximumAccounts(desiredMaximumAccounts2);
+          return;
+        }
+        case "increase": {
+          changeMaxAccounts == null ? void 0 : changeMaxAccounts(maxAccounts + 1);
+          return;
+        }
+        default: {
+          console.error(change, "is not a recognized value");
+        }
+      }
+    } else {
+      throw new Error("Max Accounts is unset and needs a default");
+    }
+  }, "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");
+
+// 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) => {
+  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");
+
+// src/components/SeedPhrase/DefaultSeedPhrase.tsx
+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, { useEffect, useState as useState3 } from "react";
+var DefaultSeedPhrase = /* @__PURE__ */ __name(({ changeSeedPhrase, children, hideDefaultSeedPhraseMessage, seedPhrase }) => {
+  const [showSnackBar, setShowSnackBar] = useState3(false);
+  useEffect(() => {
+    if (!seedPhrase) {
+      const mnemonic = generateMnemonic(wordlist, 256);
+      changeSeedPhrase == null ? void 0 : 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");
+
+// 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 "@xyo-network/react-shared";
+var SeedPhraseContext = createContextEx();
+
+// src/contexts/SeedPhrase/Provider.tsx
+import { generateMnemonic as generateMnemonic2, validateMnemonic } from "@scure/bip39";
+import { wordlist as wordlist2 } from "@scure/bip39/wordlists/english";
+import React5, { useCallback, useEffect as useEffect2, useMemo, useState as useState4 } from "react";
+var validate = /* @__PURE__ */ __name((passedPhrase) => {
+  if (!passedPhrase) {
+    return null;
+  }
+  return validateMnemonic(passedPhrase, wordlist2);
+}, "validate");
+var SeedPhraseProvider = /* @__PURE__ */ __name(({ children, defaultPhrase, handleChangeSeedPhrase, saveCallback, seedPhrase, open }) => {
+  const [phrase, setPhrase] = useState4();
+  const [overwriteWarning, setOverwriteWarning] = useState4(false);
+  useEffect2(() => {
+    setPhrase(defaultPhrase);
+  }, [
+    defaultPhrase
+  ]);
+  useEffect2(() => {
+    if (seedPhrase || open) {
+      setPhrase == null ? void 0 : setPhrase(seedPhrase ?? "");
+    }
+  }, [
+    seedPhrase,
+    open,
+    setPhrase
+  ]);
+  const handleGenerate = useCallback(() => {
+    const mnemonic = generateMnemonic2(wordlist2, 256);
+    setPhrase == null ? void 0 : setPhrase(mnemonic);
+    setOverwriteWarning == null ? void 0 : setOverwriteWarning(false);
+  }, []);
+  const handleCancelOverwrite = useCallback(() => {
+    setOverwriteWarning == null ? void 0 : setOverwriteWarning(false);
+  }, []);
+  const handleClear = useCallback(() => {
+    setPhrase == null ? void 0 : setPhrase("");
+    setOverwriteWarning == null ? void 0 : setOverwriteWarning(false);
+  }, []);
+  const handleSave = 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
+  ]);
+  useEffect2(() => {
+    if (!open) {
+      handleCancelOverwrite();
+    }
+  }, [
+    handleCancelOverwrite,
+    open
+  ]);
+  const validSeedPhrase = useMemo(() => validate == null ? void 0 : validate(seedPhrase), [
+    seedPhrase
+  ]);
+  const validPhrase = useMemo(() => validate == null ? void 0 : validate(phrase), [
+    phrase
+  ]);
+  const value = 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__ */ React5.createElement(SeedPhraseContext.Provider, {
+    value
+  }, children);
+}, "SeedPhraseProvider");
+
+// src/contexts/SeedPhrase/use.ts
+import { useContextEx } from "@xyo-network/react-shared";
+var useSeedPhrase = /* @__PURE__ */ __name(() => useContextEx(SeedPhraseContext, "SeedPhrase", true), "useSeedPhrase");
+
+// src/contexts/Wallet/Context.ts
+import { createContextEx as createContextEx2 } from "@xyo-network/react-shared";
+var WalletContext = createContextEx2();
+
+// src/contexts/Wallet/Provider.tsx
+import { usePromise } from "@xylabs/react-promise";
+import React6, { useEffect as useEffect3, useMemo as useMemo2, useState as useState5 } from "react";
+var WalletProvider = /* @__PURE__ */ __name(({ children, defaultActiveAccountIndex = 0, rootWallet = null, ...props }) => {
+  const [activeAccountIndex, setActiveAccountIndex] = useState5(defaultActiveAccountIndex);
+  useEffect3(() => {
+    if (defaultActiveAccountIndex !== void 0) {
+      setActiveAccountIndex(defaultActiveAccountIndex);
+    }
+  }, [
+    defaultActiveAccountIndex
+  ]);
+  const [activeAccount = null] = usePromise(async () => await (rootWallet == null ? void 0 : rootWallet.derivePath(activeAccountIndex.toString())), [
+    activeAccountIndex,
+    rootWallet
+  ]);
+  const value = useMemo2(() => ({
+    activeAccount,
+    activeAccountIndex,
+    provided: true,
+    rootWallet,
+    setActiveAccountIndex
+  }), [
+    activeAccount,
+    activeAccountIndex,
+    rootWallet,
+    setActiveAccountIndex
+  ]);
+  return /* @__PURE__ */ React6.createElement(WalletContext.Provider, {
+    value,
+    ...props
+  }, children);
+}, "WalletProvider");
+
+// src/contexts/Wallet/use.ts
+import { usePromise as usePromise2 } from "@xylabs/react-promise";
+import { useContextEx as useContextEx2, useProvided } from "@xyo-network/react-shared";
+var useWalletContext = /* @__PURE__ */ __name((required = true) => {
+  return useContextEx2(WalletContext, "Wallet", required);
+}, "useWalletContext");
+var useWalletProvided = /* @__PURE__ */ __name(() => {
+  return useProvided(WalletContext);
+}, "useWalletProvided");
+var useRootWallet = /* @__PURE__ */ __name((required = true) => {
+  const { rootWallet } = useWalletContext(required);
+  return [
+    rootWallet,
+    void 0
+  ];
+}, "useRootWallet");
+var useIndexedWalletFromContext = /* @__PURE__ */ __name((index, required = true) => {
+  const { rootWallet } = useWalletContext(required);
+  const [wallet] = usePromise2(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
+  ];
+}, "useSelectedWalletAccount");
+
+// src/components/SeedPhrase/dialog/components/DialogActionButtons.tsx
+var DialogActionButtons = /* @__PURE__ */ __name(({ onClose, ...props }) => {
+  const { handleSave, setPhrase } = useSeedPhrase();
+  const wrappedOnClose = /* @__PURE__ */ __name((e) => {
+    setPhrase == null ? void 0 : setPhrase("");
+    onClose == null ? void 0 : onClose(e, "escapeKeyDown");
+  }, "wrappedOnClose");
+  return /* @__PURE__ */ React7.createElement(DialogActions2, props, /* @__PURE__ */ React7.createElement(Button2, {
+    variant: "outlined",
+    onClick: wrappedOnClose
+  }, "Cancel"), /* @__PURE__ */ React7.createElement(Button2, {
+    variant: "outlined",
+    onClick: handleSave
+  }, "Save"));
+}, "DialogActionButtons");
+
+// 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) => {
+  switch (conditional) {
+    case true: {
+      return "success";
+    }
+    case false: {
+      return "error";
+    }
+    default: {
+      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");
+
+// 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 useMemo3 } from "react";
+var PhraseHeaderBox = /* @__PURE__ */ __name(({ children, conditional, ...props }) => {
+  const state = useMemo3(() => {
+    switch (conditional) {
+      case true: {
+        return "success";
+      }
+      case false: {
+        return "error";
+      }
+      default: {
+        return null;
+      }
+    }
+  }, [
+    conditional
+  ]);
+  const Icon = useMemo3(() => {
+    switch (state) {
+      case "success": {
+        return /* @__PURE__ */ React9.createElement(CheckCircleOutlineIcon, {
+          fontSize: "small",
+          color: "success"
+        });
+      }
+      case "error": {
+        return /* @__PURE__ */ React9.createElement(HighlightOffIcon, {
+          fontSize: "small",
+          color: "error"
+        });
+      }
+      default: {
+        return null;
+      }
+    }
+  }, [
+    state
+  ]);
+  return /* @__PURE__ */ React9.createElement(FlexRow, {
+    justifyContent: "start",
+    columnGap: 1,
+    ...props
+  }, Icon, children);
+}, "PhraseHeaderBox");
+
+// src/components/SeedPhrase/dialog/components/fields/NewPhraseTextField.tsx
+var NewPhraseTextField = /* @__PURE__ */ __name(({ children, disableColor, ...props }) => {
+  const { phrase, setPhrase, validPhrase } = useSeedPhrase();
+  return /* @__PURE__ */ React10.createElement(React10.Fragment, null, /* @__PURE__ */ React10.createElement(FormControl, {
+    fullWidth: true,
+    size: "small",
+    sx: {
+      display: "flex",
+      flexDirection: "column",
+      rowGap: 1
+    }
+  }, 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 == null ? void 0 : 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(() => {
+  const { handleClear, handleGenerate, overwriteWarning } = useSeedPhrase();
+  return /* @__PURE__ */ React11.createElement(DialogActions3, {
+    sx: {
+      justifyContent: "center"
+    }
+  }, /* @__PURE__ */ React11.createElement(Button3, {
+    disabled: overwriteWarning,
+    variant: "outlined",
+    onClick: handleGenerate
+  }, "Generate"), /* @__PURE__ */ React11.createElement(Button3, {
+    variant: "outlined",
+    onClick: handleClear
+  }, "Clear"));
+}, "PhraseDialogActions");
+
+// src/components/SeedPhrase/dialog/components/fields/SavedPhraseTextField.tsx
+import { Chip, FormControl as FormControl2, FormLabel, TextField as TextField2 } from "@mui/material";
+import React12, { useState as useState6 } from "react";
+var SavedPhraseTextField = /* @__PURE__ */ __name(({ fullWidth, showPhraseHeader, ...props }) => {
+  const { validSeedPhrase, seedPhrase } = useSeedPhrase();
+  const [visible, setVisible] = useState6(false);
+  return /* @__PURE__ */ React12.createElement(FormControl2, {
+    fullWidth,
+    size: "small",
+    sx: {
+      display: "flex",
+      flexDirection: "column",
+      rowGap: 1
+    }
+  }, /* @__PURE__ */ React12.createElement(Chip, {
+    label: visible ? "Hide Saved Seed Phrase" : "Reveal Saved Seed Phrase",
+    onClick: /* @__PURE__ */ __name(() => setVisible(!visible), "onClick"),
+    sx: {
+      alignSelf: "center"
+    }
+  }), visible ? /* @__PURE__ */ React12.createElement(React12.Fragment, null, 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,
+    ...props
+  })) : null);
+}, "SavedPhraseTextField");
+
+// src/components/SeedPhrase/dialog/components/OverwriteWarning.tsx
+import { Alert as Alert3, Button as Button4 } from "@mui/material";
+import { FlexRow as FlexRow2 } from "@xylabs/react-flexbox";
+import React13 from "react";
+var OverwriteWarning = /* @__PURE__ */ __name(() => {
+  const { handleCancelOverwrite, handleSave } = useSeedPhrase();
+  return /* @__PURE__ */ React13.createElement(Alert3, {
+    variant: "outlined",
+    severity: "warning",
+    action: /* @__PURE__ */ React13.createElement(FlexRow2, {
+      sx: {
+        columnGap: 1
+      }
+    }, /* @__PURE__ */ React13.createElement(Button4, {
+      variant: "outlined",
+      color: "inherit",
+      size: "small",
+      onClick: handleSave
+    }, "Overwrite"), /* @__PURE__ */ React13.createElement(Button4, {
+      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
+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, seedPhrase, ...props }) => {
+  return /* @__PURE__ */ React14.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__ */ React14.createElement(SeedPhraseDialogInner, props));
+}, "SeedPhraseDialog");
+var SeedPhraseDialogInner = /* @__PURE__ */ __name((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"
+  }, "Update Your Seed Phrase", " ", /* @__PURE__ */ React14.createElement(SeedPhraseIconButton, null)), /* @__PURE__ */ React14.createElement(DialogContent2, {
+    sx: {
+      display: "flex",
+      flexDirection: "column",
+      rowGap: 2
+    }
+  }, /* @__PURE__ */ React14.createElement(NewPhraseTextField, null, /* @__PURE__ */ React14.createElement(FormLabel2, null, /* @__PURE__ */ React14.createElement(PhraseHeaderBox, {
+    conditional: validPhrase
+  }, "New Seed Phrase"))), /* @__PURE__ */ React14.createElement(PhraseDialogActions, null), seedPhrase ? /* @__PURE__ */ React14.createElement(SavedPhraseTextField, null) : null, overwriteWarning ? /* @__PURE__ */ React14.createElement(OverwriteWarning, null) : null), /* @__PURE__ */ React14.createElement(DialogActionButtons, {
+    onClose: props.onClose
+  }));
+}, "SeedPhraseDialogInner");
+
+// 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 useState7 } from "react";
+var SeedPhraseTableRow = /* @__PURE__ */ __name(({ changeSeedPhrase, seedPhrase, ...props }) => {
+  const [open, setOpen] = useState7(false);
+  const handleOpen = /* @__PURE__ */ __name(() => {
+    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");
+
+// src/components/WalletAccountDetails/WalletAccountDetails.tsx
+import { EthAddress } from "@xylabs/eth-address";
+import { EthAccountButton } from "@xylabs/react-crypto";
+import { FlexCol, FlexRow as FlexRow3 } from "@xylabs/react-flexbox";
+import { NumberStatus } from "@xylabs/react-number-status";
+import { useNetwork } from "@xyo-network/react-network";
+import React16 from "react";
+
+// src/hooks/useAccount.ts
+import { usePromise as usePromise3 } from "@xylabs/react-promise";
+import { useState as useState8 } from "react";
+var useAccount = /* @__PURE__ */ __name(({ wallet, account, index, required = false } = {}) => {
+  const walletContextProvided = useWalletProvided();
+  const [validationError, setValidationError] = useState8();
+  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] = useState8();
+  const [rootWallet] = useRootWallet(!wallet && required);
+  const { activeAccountIndex } = useWalletContext(false);
+  const [activeAccount] = usePromise3(async () => {
+    var _a, _b;
+    try {
+      if (!validationError) {
+        if (wallet) {
+          return await ((_a = wallet == null ? void 0 : wallet.derivePath) == null ? void 0 : _a.call(wallet, `${index ?? 0}'\0`));
+        } else if (rootWallet) {
+          return await ((_b = rootWallet == null ? void 0 : rootWallet.derivePath) == null ? void 0 : _b.call(rootWallet, `${index ?? activeAccountIndex ?? 0}'\0`));
+        }
+      }
+    } catch (ex) {
+      const error2 = ex;
+      console.error(error2.message);
+      setError(error2);
+    }
+  }, [
+    index,
+    wallet,
+    rootWallet,
+    activeAccountIndex,
+    validationError
+  ]);
+  if (validationError && !error) {
+    console.error(validationError.message);
+    setError(validationError);
+  }
+  return [
+    error ? void 0 : account ?? activeAccount ?? walletContextProvided ? null : void 0,
+    error
+  ];
+}, "useAccount");
+
+// src/hooks/useWallet.ts
+import { usePromise as usePromise4 } from "@xylabs/react-promise";
+import { HDWallet } from "@xyo-network/account";
+import { useState as useState9 } from "react";
+var useWallet = /* @__PURE__ */ __name(({ mnemonic, wallet, path, required = false, seed } = {}) => {
+  const walletContextProvided = useWalletContext(false);
+  const [error, setError] = useState9();
+  const [contextAccount] = useSelectedWalletAccount(!wallet && required);
+  const [activeAccount] = usePromise4(async () => {
+    var _a;
+    try {
+      const newAccount = await (() => {
+        if (wallet) {
+          return wallet;
+        } else if (mnemonic) {
+          return HDWallet.fromPhrase(mnemonic);
+        } else if (seed) {
+          return HDWallet.fromSeed(seed);
+        }
+        return contextAccount;
+      })();
+      return path ? (_a = newAccount == null ? void 0 : newAccount.derivePath) == null ? void 0 : _a.call(newAccount, path) : newAccount ?? wallet;
+    } catch (ex) {
+      setError(ex);
+    }
+  }, [
+    mnemonic,
+    contextAccount,
+    seed,
+    path,
+    wallet
+  ]);
+  return [
+    activeAccount ?? (walletContextProvided ? null : activeAccount),
+    error
+  ];
+}, "useWallet");
+
+// src/hooks/useWallets.ts
+import { usePromise as usePromise5 } from "@xylabs/react-promise";
+var useWallets = /* @__PURE__ */ __name(({ 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");
+
+// src/hooks/useWrapperAccount.ts
+import { usePromise as usePromise6 } from "@xylabs/react-promise";
+import { HDWallet as HDWallet2 } from "@xyo-network/account";
+import { Mutex } from "async-mutex";
+var globalWrapperWallet;
+var globalWrapperWalletMutex = new Mutex();
+var useWrapperAccount = /* @__PURE__ */ __name((account) => {
+  return usePromise6(async () => {
+    return await globalWrapperWalletMutex.runExclusive(async () => {
+      if (account !== void 0) {
+        return account;
+      }
+      if (globalWrapperWallet) {
+        return globalWrapperWallet;
+      }
+      try {
+        globalWrapperWallet = await HDWallet2.random();
+        console.log(`Global Wrapper Wallet Creation Success: ${globalWrapperWallet.address}`);
+      } catch (ex) {
+        const error = ex;
+        console.error(`Global Wrapper Wallet Creation Failed: ${error.message}`);
+      }
+      return globalWrapperWallet;
+    });
+  }, [
+    account
+  ]);
+}, "useWrapperAccount");
+
+// src/components/WalletAccountDetails/WalletAccountDetails.tsx
+var WalletAccountDetails = /* @__PURE__ */ __name(({ exploreUrl = "https://explore.xyo.network", account, ...props }) => {
+  const [accountToUse] = useAccount({
+    account
+  });
+  const { network } = useNetwork();
+  const exploreAddressUrl = `${exploreUrl}/recent?account=${accountToUse == null ? void 0 : accountToUse.address}&network=${(network == null ? void 0 : network.name) ?? "main"}`;
+  return /* @__PURE__ */ React16.createElement(FlexCol, props, /* @__PURE__ */ React16.createElement(EthAccountButton, {
+    address: EthAddress.fromString(accountToUse == null ? void 0 : accountToUse.address)
+  }), /* @__PURE__ */ React16.createElement(FlexRow3, {
+    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");
+
+// src/components/WalletAccountSelect/Select.tsx
+import { CircularProgress, MenuItem } from "@mui/material";
+import { SelectEx } from "@xylabs/react-select";
+import { AddressRenderRowBox } from "@xyo-network/react-address-render";
+import React17 from "react";
+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__ */ React17.createElement(React17.Fragment, null, rootWallet ? /* @__PURE__ */ React17.createElement(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__ */ React17.createElement(MenuItem, {
+          value: selectedAccountIndex,
+          sx: {
+            minHeight: 0,
+            paddingBottom: 0,
+            paddingTop: 0
+          }
+        }, /* @__PURE__ */ React17.createElement(AddressRenderRowBox, {
+          disableSharedRef: true,
+          flexGrow: 1,
+          address: selectedAccount == null ? void 0 : selectedAccount.address,
+          iconOnly,
+          iconSize,
+          icons,
+          name: customName,
+          favorite,
+          showFavorite
+        }));
+      }, "Item");
+      return /* @__PURE__ */ React17.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__ */ React17.createElement(MenuItem, {
+        key: account == null ? void 0 : account.address,
+        value: index,
+        sx: {
+          minHeight: 0,
+          paddingBottom: 0,
+          paddingTop: 0
+        }
+      }, /* @__PURE__ */ React17.createElement(AddressRenderRowBox, {
+        disableSharedRef: true,
+        flexGrow: 1,
+        address: account == null ? void 0 : account.address,
+        favorite,
+        iconOnly,
+        iconSize,
+        icons,
+        name: customName,
+        showFavorite
+      }));
+    }, "Item");
+    return /* @__PURE__ */ React17.createElement(Item, {
+      key: index
+    });
+  })) : /* @__PURE__ */ React17.createElement(CircularProgress, {
+    size: 24
+  }));
+}, "WalletAccountSelect");
+
+// src/components/WalletAccountSelect/SelectBar.tsx
+import { FlexCol as FlexCol2 } from "@xylabs/react-flexbox";
+import React18 from "react";
+var WalletAccountSelectBar = /* @__PURE__ */ __name(({ addressNames, iconOnly, iconSize, icons, maxAccounts = 1, showFavorite = false, size = "small", ...props }) => {
+  return /* @__PURE__ */ React18.createElement(FlexCol2, {
+    alignItems: "stretch",
+    ...props
+  }, /* @__PURE__ */ React18.createElement(WalletAccountSelect, {
+    addressNames,
+    fullWidth: true,
+    showFavorite,
+    iconSize,
+    iconOnly,
+    icons,
+    maxAccounts,
+    size: size ?? "small",
+    variant: "outlined"
+  }));
+}, "WalletAccountSelectBar");
+export {
+  DefaultSeedPhrase,
+  DialogActionButtons,
+  InvalidPhraseTypography,
+  MaxAccountsTableRow,
+  NewPhraseTextField,
+  OverwriteWarning,
+  PhraseDialogActions,
+  PhraseHeaderBox,
+  SavedPhraseTextField,
+  SeedPhraseContext,
+  SeedPhraseDialog,
+  SeedPhraseDialogInner,
+  SeedPhraseIconButton,
+  SeedPhraseProvider,
+  SeedPhraseTableRow,
+  WalletAccountDetails,
+  WalletAccountSelect,
+  WalletAccountSelectBar,
+  WalletContext,
+  WalletProvider,
+  colorParser,
+  useAccount,
+  useIndexedWalletFromContext,
+  useRootWallet,
+  useSeedPhrase,
+  useSelectedWalletAccount,
+  useWallet,
+  useWalletContext,
+  useWalletProvided,
+  useWallets,
+  useWrapperAccount
+};
+//# sourceMappingURL=index.mjs.map