@xyo-network/react-wallet 2.69.3 → 2.69.4

package/dist/node/index.cjs

@@ -23,9 +23,12 @@ __export(src_exports, {
   Bip44: () => Bip44,
   DefaultSeedPhrase: () => DefaultSeedPhrase,
   DialogActionButtons: () => DialogActionButtons,
+  InvalidPhraseTypography: () => InvalidPhraseTypography,
   MaxAccountsTableRow: () => MaxAccountsTableRow,
   NewPhraseTextField: () => NewPhraseTextField,
   OverwriteWarning: () => OverwriteWarning,
+  PhraseDialogActions: () => PhraseDialogActions,
+  PhraseHeaderBox: () => PhraseHeaderBox,
   SavedPhraseTextField: () => SavedPhraseTextField,
   SeedPhraseContext: () => SeedPhraseContext,
   SeedPhraseDialog: () => SeedPhraseDialog,
@@ -39,6 +42,7 @@ __export(src_exports, {
   WalletContext: () => WalletContext,
   WalletProvider: () => WalletProvider,
   WalletRootPath: () => WalletRootPath,
+  colorParser: () => colorParser,
   ethereumAccountPath: () => ethereumAccountPath,
   useAccount: () => useAccount,
   useCoinTypeWallet: () => useCoinTypeWallet,
@@ -236,36 +240,36 @@ var SeedPhraseProvider = ({
   (0, import_react4.useEffect)(() => {
     setPhrase(defaultPhrase);
   }, [defaultPhrase]);
-  (0, import_react4.useEffect)(() => {
-    if (!open) {
-      handleCancelOverwrite();
-    }
-  }, [open]);
   (0, import_react4.useEffect)(() => {
     if (seedPhrase || open) {
       setPhrase == null ? void 0 : setPhrase(seedPhrase ?? "");
     }
   }, [seedPhrase, open, setPhrase]);
-  const handleGenerate = () => {
+  const handleGenerate = (0, import_react4.useCallback)(() => {
     const mnemonic = (0, import_bip392.generateMnemonic)(import_english2.wordlist, 256);
     setPhrase == null ? void 0 : setPhrase(mnemonic);
     setOverwriteWarning == null ? void 0 : setOverwriteWarning(false);
-  };
-  const handleCancelOverwrite = () => {
+  }, []);
+  const handleCancelOverwrite = (0, import_react4.useCallback)(() => {
     setOverwriteWarning == null ? void 0 : setOverwriteWarning(false);
-  };
-  const handleClear = () => {
+  }, []);
+  const handleClear = (0, import_react4.useCallback)(() => {
     setPhrase == null ? void 0 : setPhrase("");
     setOverwriteWarning == null ? void 0 : setOverwriteWarning(false);
-  };
-  const handleSave = () => {
+  }, []);
+  const handleSave = (0, import_react4.useCallback)(() => {
     if (!overwriteWarning && seedPhrase && seedPhrase !== phrase) {
       setOverwriteWarning == null ? void 0 : setOverwriteWarning(true);
     } else {
       handleChangeSeedPhrase == null ? void 0 : handleChangeSeedPhrase(phrase ?? "");
       saveCallback == null ? void 0 : saveCallback();
     }
-  };
+  }, [handleChangeSeedPhrase, overwriteWarning, phrase, saveCallback, seedPhrase]);
+  (0, import_react4.useEffect)(() => {
+    if (!open) {
+      handleCancelOverwrite();
+    }
+  }, [handleCancelOverwrite, open]);
   const validSeedPhrase = (0, import_react4.useMemo)(() => validate == null ? void 0 : validate(seedPhrase), [seedPhrase]);
   const validPhrase = (0, import_react4.useMemo)(() => validate == null ? void 0 : validate(phrase), [phrase]);
   return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
@@ -480,52 +484,57 @@ var PhraseHeaderBox = ({ children, conditional, ...props }) => {
 
 // src/components/SeedPhrase/dialog/components/fields/NewPhraseTextField.tsx
 var import_jsx_runtime10 = require("react/jsx-runtime");
-var NewPhraseTextField = (props) => {
-  const { handleClear, handleGenerate, overwriteWarning, phrase, setPhrase, validPhrase } = useSeedPhrase();
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_jsx_runtime10.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_material7.FormControl, { fullWidth: true, size: "small", sx: { display: "flex", flexDirection: "column", rowGap: 1 }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_material7.FormLabel, { children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(PhraseHeaderBox, { conditional: validPhrase, children: "New Seed Phrase" }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
-        import_material7.TextField,
-        {
-          focused: true,
-          color: colorParser(validPhrase),
-          error: validPhrase === false,
-          helperText: validPhrase === false ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(InvalidPhraseTypography, {}) : null,
-          fullWidth: true,
-          maxRows: Number.POSITIVE_INFINITY,
-          multiline: true,
-          onChange: (e) => setPhrase == null ? void 0 : setPhrase(e.target.value),
-          value: phrase,
-          ...props
-        }
-      )
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_material7.DialogActions, { sx: { justifyContent: "center" }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_material7.Button, { disabled: overwriteWarning, variant: "outlined", onClick: handleGenerate, children: "Generate" }),
-      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_material7.Button, { variant: "outlined", onClick: handleClear, children: "Clear" })
-    ] })
+var NewPhraseTextField = ({ children, disableColor, ...props }) => {
+  const { phrase, setPhrase, validPhrase } = useSeedPhrase();
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_jsx_runtime10.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_material7.FormControl, { fullWidth: true, size: "small", sx: { display: "flex", flexDirection: "column", rowGap: 1 }, children: [
+    children,
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+      import_material7.TextField,
+      {
+        focused: true,
+        color: disableColor ? void 0 : colorParser(validPhrase),
+        error: validPhrase === false,
+        helperText: validPhrase === false ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(InvalidPhraseTypography, {}) : null,
+        fullWidth: true,
+        maxRows: Number.POSITIVE_INFINITY,
+        multiline: true,
+        onChange: (e) => setPhrase == null ? void 0 : setPhrase(e.target.value),
+        value: phrase,
+        ...props
+      }
+    )
+  ] }) });
+};
+
+// src/components/SeedPhrase/dialog/components/fields/PhraseDialogActions.tsx
+var import_material8 = require("@mui/material");
+var import_jsx_runtime11 = require("react/jsx-runtime");
+var PhraseDialogActions = () => {
+  const { handleClear, handleGenerate, overwriteWarning } = useSeedPhrase();
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_material8.DialogActions, { sx: { justifyContent: "center" }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_material8.Button, { disabled: overwriteWarning, variant: "outlined", onClick: handleGenerate, children: "Generate" }),
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_material8.Button, { variant: "outlined", onClick: handleClear, children: "Clear" })
   ] });
 };
 
 // src/components/SeedPhrase/dialog/components/fields/SavedPhraseTextField.tsx
-var import_material8 = require("@mui/material");
+var import_material9 = require("@mui/material");
 var import_react7 = require("react");
-var import_jsx_runtime11 = require("react/jsx-runtime");
+var import_jsx_runtime12 = require("react/jsx-runtime");
 var SavedPhraseTextField = (props) => {
   const { validSeedPhrase, seedPhrase } = useSeedPhrase();
   const [visible, setVisible] = (0, import_react7.useState)(false);
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_material8.FormControl, { fullWidth: true, size: "small", sx: { display: "flex", flexDirection: "column", rowGap: 1 }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_material8.Chip, { label: visible ? "Hide Saved Seed Phrase" : "Reveal Saved Seed Phrase", onClick: () => setVisible(!visible) }),
-    visible ? /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_jsx_runtime11.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_material8.FormLabel, { children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(PhraseHeaderBox, { conditional: validSeedPhrase, children: "Saved Seed Phrase" }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
-        import_material8.TextField,
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_material9.FormControl, { fullWidth: true, size: "small", sx: { display: "flex", flexDirection: "column", rowGap: 1 }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_material9.Chip, { label: visible ? "Hide Saved Seed Phrase" : "Reveal Saved Seed Phrase", onClick: () => setVisible(!visible) }),
+    visible ? /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_jsx_runtime12.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_material9.FormLabel, { children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(PhraseHeaderBox, { conditional: validSeedPhrase, children: "Saved Seed Phrase" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+        import_material9.TextField,
         {
           defaultValue: seedPhrase,
           disabled: true,
           error: validSeedPhrase === false,
-          helperText: validSeedPhrase === false ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(InvalidPhraseTypography, {}) : null,
+          helperText: validSeedPhrase === false ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(InvalidPhraseTypography, {}) : null,
           fullWidth: true,
           maxRows: Number.POSITIVE_INFINITY,
           multiline: true,
@@ -537,19 +546,19 @@ var SavedPhraseTextField = (props) => {
 };
 
 // src/components/SeedPhrase/dialog/components/OverwriteWarning.tsx
-var import_material9 = require("@mui/material");
+var import_material10 = require("@mui/material");
 var import_react_flexbox2 = require("@xylabs/react-flexbox");
-var import_jsx_runtime12 = require("react/jsx-runtime");
+var import_jsx_runtime13 = require("react/jsx-runtime");
 var OverwriteWarning = () => {
   const { handleCancelOverwrite, handleSave } = useSeedPhrase();
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
-    import_material9.Alert,
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+    import_material10.Alert,
     {
       variant: "outlined",
       severity: "warning",
-      action: /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_react_flexbox2.FlexRow, { sx: { columnGap: 1 }, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_material9.Button, { variant: "outlined", color: "inherit", size: "small", onClick: handleSave, children: "Overwrite" }),
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_material9.Button, { variant: "outlined", color: "inherit", size: "small", onClick: handleCancelOverwrite, children: "Cancel" })
+      action: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_react_flexbox2.FlexRow, { sx: { columnGap: 1 }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_material10.Button, { variant: "outlined", color: "inherit", size: "small", onClick: handleSave, children: "Overwrite" }),
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_material10.Button, { variant: "outlined", color: "inherit", size: "small", onClick: handleCancelOverwrite, children: "Cancel" })
       ] }),
       children: "Are you sure you want to overwrite existing seed phrase? This action cannot be undone."
     }
@@ -557,10 +566,10 @@ var OverwriteWarning = () => {
 };
 
 // src/components/SeedPhrase/dialog/SeedPhraseDialog.tsx
-var import_material10 = require("@mui/material");
-var import_jsx_runtime13 = require("react/jsx-runtime");
+var import_material11 = require("@mui/material");
+var import_jsx_runtime14 = require("react/jsx-runtime");
 var SeedPhraseDialog = ({ changeSeedPhrase, seedPhrase, ...props }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
     SeedPhraseProvider,
     {
       seedPhrase,
@@ -570,45 +579,46 @@ var SeedPhraseDialog = ({ changeSeedPhrase, seedPhrase, ...props }) => {
         var _a;
         return (_a = props.onClose) == null ? void 0 : _a.call(props, {}, "escapeKeyDown");
       },
-      children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(SeedPhraseDialogInner, { ...props })
+      children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(SeedPhraseDialogInner, { ...props })
     }
   );
 };
 var SeedPhraseDialogInner = (props) => {
-  const { overwriteWarning, seedPhrase } = useSeedPhrase();
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_material10.Dialog, { "aria-labelledby": "alert-dialog-title", "aria-describedby": "alert-dialog-description", fullWidth: true, maxWidth: "sm", ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_material10.DialogTitle, { id: "alert-dialog-title", children: [
+  const { overwriteWarning, seedPhrase, validPhrase } = useSeedPhrase();
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_material11.Dialog, { "aria-labelledby": "alert-dialog-title", "aria-describedby": "alert-dialog-description", fullWidth: true, maxWidth: "sm", ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_material11.DialogTitle, { id: "alert-dialog-title", children: [
       "Update Your Seed Phrase ",
-      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(SeedPhraseIconButton, {})
+      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(SeedPhraseIconButton, {})
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_material10.DialogContent, { sx: { display: "flex", flexDirection: "column", rowGap: 2 }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(NewPhraseTextField, {}),
-      seedPhrase ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(SavedPhraseTextField, {}) : null,
-      overwriteWarning ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(OverwriteWarning, {}) : null
+    /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_material11.DialogContent, { sx: { display: "flex", flexDirection: "column", rowGap: 2 }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(NewPhraseTextField, { children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_material11.FormLabel, { children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(PhraseHeaderBox, { conditional: validPhrase, children: "New Seed Phrase" }) }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(PhraseDialogActions, {}),
+      seedPhrase ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(SavedPhraseTextField, {}) : null,
+      overwriteWarning ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(OverwriteWarning, {}) : null
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(DialogActionButtons, { onClose: props.onClose })
+    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(DialogActionButtons, { onClose: props.onClose })
   ] });
 };
 
 // src/components/SeedPhrase/settings/SeedPhraseTableRow.tsx
 var import_icons_material3 = require("@mui/icons-material");
-var import_material11 = require("@mui/material");
+var import_material12 = require("@mui/material");
 var import_react8 = require("react");
-var import_jsx_runtime14 = require("react/jsx-runtime");
+var import_jsx_runtime15 = require("react/jsx-runtime");
 var SeedPhraseTableRow = ({ changeSeedPhrase, seedPhrase, ...props }) => {
   const [open, setOpen] = (0, import_react8.useState)(false);
   const handleOpen = () => {
     setOpen(true);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_material11.TableRow, { ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_material11.TableCell, { children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_material12.TableRow, { ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_material12.TableCell, { children: [
       "Seed Phrase ",
-      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(SeedPhraseIconButton, {})
+      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(SeedPhraseIconButton, {})
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_material11.TableCell, { align: "center", children: seedPhrase ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_icons_material3.RadioButtonChecked, { color: "success" }) : /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_icons_material3.Cancel, { color: "error" }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_material11.TableCell, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(SeedPhraseDialog, { changeSeedPhrase, open, onClose: () => setOpen(false), seedPhrase }),
-      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_material11.ButtonGroup, { fullWidth: true, children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_material11.Button, { variant: "contained", size: "small", onClick: handleOpen, children: "Update" }) })
+    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_material12.TableCell, { align: "center", children: seedPhrase ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_icons_material3.RadioButtonChecked, { color: "success" }) : /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_icons_material3.Cancel, { color: "error" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_material12.TableCell, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(SeedPhraseDialog, { changeSeedPhrase, open, onClose: () => setOpen(false), seedPhrase }),
+      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_material12.ButtonGroup, { fullWidth: true, children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_material12.Button, { variant: "contained", size: "small", onClick: handleOpen, children: "Update" }) })
     ] })
   ] });
 };
@@ -730,27 +740,27 @@ var useWrapperAccount = (account) => {
 };
 
 // src/components/WalletAccountDetails/WalletAccountDetails.tsx
-var import_jsx_runtime15 = require("react/jsx-runtime");
+var import_jsx_runtime16 = require("react/jsx-runtime");
 var WalletAccountDetails = ({ exploreUrl = "https://explore.xyo.network", account, ...props }) => {
   const [accountToUse] = useAccount({ account });
   const { network } = (0, import_react_network.useNetwork)();
   const exploreAddressUrl = `${exploreUrl}/recent?account=${accountToUse == null ? void 0 : accountToUse.address}&network=${(network == null ? void 0 : network.name) ?? "main"}`;
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_react_flexbox3.FlexCol, { ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_react_crypto.EthAccountButton, { address: import_eth_address.EthAddress.fromString(accountToUse == null ? void 0 : accountToUse.address) }),
-    /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_react_flexbox3.FlexRow, { gap: 1, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_react_number_status.NumberStatus, { rounded: true, title: "Tokens", value: 0, to: `${exploreAddressUrl}&schema=network.xyo.account.tokens`, target: "_blank" }),
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_react_number_status.NumberStatus, { rounded: true, title: "NFTs", value: 0, to: `${exploreAddressUrl}&schema=network.xyo.account.nfts`, target: "_blank" }),
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_react_number_status.NumberStatus, { rounded: true, title: "Signatures", value: 0, to: `${exploreAddressUrl}&schema=network.xyo.account.signatures`, target: "_blank" }),
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_react_number_status.NumberStatus, { rounded: true, title: "Signins", value: 0, to: `${exploreAddressUrl}&schema=network.xyo.account.signins`, target: "_blank" })
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_react_flexbox3.FlexCol, { ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_react_crypto.EthAccountButton, { address: import_eth_address.EthAddress.fromString(accountToUse == null ? void 0 : accountToUse.address) }),
+    /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_react_flexbox3.FlexRow, { gap: 1, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_react_number_status.NumberStatus, { rounded: true, title: "Tokens", value: 0, to: `${exploreAddressUrl}&schema=network.xyo.account.tokens`, target: "_blank" }),
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_react_number_status.NumberStatus, { rounded: true, title: "NFTs", value: 0, to: `${exploreAddressUrl}&schema=network.xyo.account.nfts`, target: "_blank" }),
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_react_number_status.NumberStatus, { rounded: true, title: "Signatures", value: 0, to: `${exploreAddressUrl}&schema=network.xyo.account.signatures`, target: "_blank" }),
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_react_number_status.NumberStatus, { rounded: true, title: "Signins", value: 0, to: `${exploreAddressUrl}&schema=network.xyo.account.signins`, target: "_blank" })
     ] })
   ] });
 };
 
 // src/components/WalletAccountSelect/Select.tsx
-var import_material12 = require("@mui/material");
+var import_material13 = require("@mui/material");
 var import_react_select = require("@xylabs/react-select");
 var import_react_address_render = require("@xyo-network/react-address-render");
-var import_jsx_runtime16 = require("react/jsx-runtime");
+var import_jsx_runtime17 = require("react/jsx-runtime");
 var arrayRange = (length, start = 0) => {
   return [...Array.from({ length }).keys()].map((x) => x + start);
 };
@@ -767,7 +777,7 @@ var WalletAccountSelect = ({
 }) => {
   const { activeAccountIndex = 0, setActiveAccountIndex, coinTypeWallet } = useWalletContext();
   const disabled = !coinTypeWallet || activeAccountIndex === void 0;
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_jsx_runtime16.Fragment, { children: coinTypeWallet ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_jsx_runtime17.Fragment, { children: coinTypeWallet ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
     import_react_select.SelectEx,
     {
       margin: "dense",
@@ -777,7 +787,7 @@ var WalletAccountSelect = ({
           const [selectedAccount] = useWallet({ path: selectedAccountIndex.toString(), wallet: coinTypeWallet });
           const customName = selectedAccount ? addressNames[selectedAccount.address] : void 0;
           const favorite = !!selectedAccount && selectedAccount.address in addressNames;
-          return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_material12.MenuItem, { value: selectedAccountIndex, sx: { minHeight: 0, paddingBottom: 0, paddingTop: 0 }, children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+          return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_material13.MenuItem, { value: selectedAccountIndex, sx: { minHeight: 0, paddingBottom: 0, paddingTop: 0 }, children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
             import_react_address_render.AddressRenderRowBox,
             {
               disableSharedRef: true,
@@ -792,7 +802,7 @@ var WalletAccountSelect = ({
             }
           ) });
         };
-        return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Item, {});
+        return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Item, {});
       },
       value: activeAccountIndex,
       onChange: (event) => setActiveAccountIndex == null ? void 0 : setActiveAccountIndex(Number.parseInt(`${event.target.value}`)),
@@ -804,7 +814,7 @@ var WalletAccountSelect = ({
           const [account] = useWallet({ path: index.toString(), wallet: coinTypeWallet });
           const customName = account ? addressNames[account.address] : void 0;
           const favorite = !!account && account.address in addressNames;
-          return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_material12.MenuItem, { value: index, sx: { minHeight: 0, paddingBottom: 0, paddingTop: 0 }, children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+          return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_material13.MenuItem, { value: index, sx: { minHeight: 0, paddingBottom: 0, paddingTop: 0 }, children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
             import_react_address_render.AddressRenderRowBox,
             {
               disableSharedRef: true,
@@ -819,15 +829,15 @@ var WalletAccountSelect = ({
             }
           ) }, account == null ? void 0 : account.address);
         };
-        return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Item, {}, index);
+        return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Item, {}, index);
       })
     }
-  ) : /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_material12.CircularProgress, { size: 24 }) });
+  ) : /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_material13.CircularProgress, { size: 24 }) });
 };
 
 // src/components/WalletAccountSelect/SelectBar.tsx
 var import_react_flexbox4 = require("@xylabs/react-flexbox");
-var import_jsx_runtime17 = require("react/jsx-runtime");
+var import_jsx_runtime18 = require("react/jsx-runtime");
 var WalletAccountSelectBar = ({
   addressNames = {},
   iconOnly,
@@ -838,7 +848,7 @@ var WalletAccountSelectBar = ({
   size = "small",
   ...props
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_react_flexbox4.FlexCol, { alignItems: "stretch", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react_flexbox4.FlexCol, { alignItems: "stretch", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
     WalletAccountSelect,
     {
       addressNames,
@@ -858,9 +868,12 @@ var WalletAccountSelectBar = ({
   Bip44,
   DefaultSeedPhrase,
   DialogActionButtons,
+  InvalidPhraseTypography,
   MaxAccountsTableRow,
   NewPhraseTextField,
   OverwriteWarning,
+  PhraseDialogActions,
+  PhraseHeaderBox,
   SavedPhraseTextField,
   SeedPhraseContext,
   SeedPhraseDialog,
@@ -874,6 +887,7 @@ var WalletAccountSelectBar = ({
   WalletContext,
   WalletProvider,
   WalletRootPath,
+  colorParser,
   ethereumAccountPath,
   useAccount,
   useCoinTypeWallet,