@xyo-network/react-wallet 2.69.3 → 2.69.4

package/dist/browser/index.js

@@ -170,7 +170,7 @@ 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 { useEffect as useEffect2, useMemo, useState as useState4 } from "react";
+import { useCallback, useEffect as useEffect2, useMemo, useState as useState4 } from "react";
 import { jsx as jsx5 } from "react/jsx-runtime";
 var validate = (passedPhrase) => {
   if (!passedPhrase) {
@@ -191,36 +191,36 @@ var SeedPhraseProvider = ({
   useEffect2(() => {
     setPhrase(defaultPhrase);
   }, [defaultPhrase]);
-  useEffect2(() => {
-    if (!open) {
-      handleCancelOverwrite();
-    }
-  }, [open]);
   useEffect2(() => {
     if (seedPhrase || open) {
       setPhrase?.(seedPhrase ?? "");
     }
   }, [seedPhrase, open, setPhrase]);
-  const handleGenerate = () => {
+  const handleGenerate = useCallback(() => {
     const mnemonic = generateMnemonic2(wordlist2, 256);
     setPhrase?.(mnemonic);
     setOverwriteWarning?.(false);
-  };
-  const handleCancelOverwrite = () => {
+  }, []);
+  const handleCancelOverwrite = useCallback(() => {
     setOverwriteWarning?.(false);
-  };
-  const handleClear = () => {
+  }, []);
+  const handleClear = useCallback(() => {
     setPhrase?.("");
     setOverwriteWarning?.(false);
-  };
-  const handleSave = () => {
+  }, []);
+  const handleSave = useCallback(() => {
     if (!overwriteWarning && seedPhrase && seedPhrase !== phrase) {
       setOverwriteWarning?.(true);
     } else {
       handleChangeSeedPhrase?.(phrase ?? "");
       saveCallback?.();
     }
-  };
+  }, [handleChangeSeedPhrase, overwriteWarning, phrase, saveCallback, seedPhrase]);
+  useEffect2(() => {
+    if (!open) {
+      handleCancelOverwrite();
+    }
+  }, [handleCancelOverwrite, open]);
   const validSeedPhrase = useMemo(() => validate?.(seedPhrase), [seedPhrase]);
   const validPhrase = useMemo(() => validate?.(phrase), [phrase]);
   return /* @__PURE__ */ jsx5(
@@ -369,7 +369,7 @@ var DialogActionButtons = ({ onClose, ...props }) => {
 };
 
 // src/components/SeedPhrase/dialog/components/fields/NewPhraseTextField.tsx
-import { Button as Button3, DialogActions as DialogActions3, FormControl, FormLabel, TextField } from "@mui/material";
+import { FormControl, TextField } from "@mui/material";
 
 // src/components/SeedPhrase/dialog/components/fields/validation-messages/colorParser.ts
 var colorParser = (conditional) => {
@@ -435,52 +435,57 @@ var PhraseHeaderBox = ({ children, conditional, ...props }) => {
 
 // src/components/SeedPhrase/dialog/components/fields/NewPhraseTextField.tsx
 import { Fragment as Fragment3, jsx as jsx10, jsxs as jsxs8 } from "react/jsx-runtime";
-var NewPhraseTextField = (props) => {
-  const { handleClear, handleGenerate, overwriteWarning, phrase, setPhrase, validPhrase } = useSeedPhrase();
-  return /* @__PURE__ */ jsxs8(Fragment3, { children: [
-    /* @__PURE__ */ jsxs8(FormControl, { fullWidth: true, size: "small", sx: { display: "flex", flexDirection: "column", rowGap: 1 }, children: [
-      /* @__PURE__ */ jsx10(FormLabel, { children: /* @__PURE__ */ jsx10(PhraseHeaderBox, { conditional: validPhrase, children: "New Seed Phrase" }) }),
-      /* @__PURE__ */ jsx10(
-        TextField,
-        {
-          focused: true,
-          color: 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
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsxs8(DialogActions3, { sx: { justifyContent: "center" }, children: [
-      /* @__PURE__ */ jsx10(Button3, { disabled: overwriteWarning, variant: "outlined", onClick: handleGenerate, children: "Generate" }),
-      /* @__PURE__ */ jsx10(Button3, { variant: "outlined", onClick: handleClear, children: "Clear" })
-    ] })
+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
+      }
+    )
+  ] }) });
+};
+
+// src/components/SeedPhrase/dialog/components/fields/PhraseDialogActions.tsx
+import { Button as Button3, DialogActions as DialogActions3 } from "@mui/material";
+import { jsx as jsx11, jsxs as jsxs9 } from "react/jsx-runtime";
+var PhraseDialogActions = () => {
+  const { handleClear, handleGenerate, overwriteWarning } = useSeedPhrase();
+  return /* @__PURE__ */ jsxs9(DialogActions3, { sx: { justifyContent: "center" }, children: [
+    /* @__PURE__ */ jsx11(Button3, { disabled: overwriteWarning, variant: "outlined", onClick: handleGenerate, children: "Generate" }),
+    /* @__PURE__ */ jsx11(Button3, { variant: "outlined", onClick: handleClear, children: "Clear" })
   ] });
 };
 
 // src/components/SeedPhrase/dialog/components/fields/SavedPhraseTextField.tsx
-import { Chip, FormControl as FormControl2, FormLabel as FormLabel2, TextField as TextField2 } from "@mui/material";
+import { Chip, FormControl as FormControl2, FormLabel, TextField as TextField2 } from "@mui/material";
 import { useState as useState6 } from "react";
-import { Fragment as Fragment4, jsx as jsx11, jsxs as jsxs9 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx12, jsxs as jsxs10 } from "react/jsx-runtime";
 var SavedPhraseTextField = (props) => {
   const { validSeedPhrase, seedPhrase } = useSeedPhrase();
   const [visible, setVisible] = useState6(false);
-  return /* @__PURE__ */ jsxs9(FormControl2, { fullWidth: true, size: "small", sx: { display: "flex", flexDirection: "column", rowGap: 1 }, children: [
-    /* @__PURE__ */ jsx11(Chip, { label: visible ? "Hide Saved Seed Phrase" : "Reveal Saved Seed Phrase", onClick: () => setVisible(!visible) }),
-    visible ? /* @__PURE__ */ jsxs9(Fragment4, { children: [
-      /* @__PURE__ */ jsx11(FormLabel2, { children: /* @__PURE__ */ jsx11(PhraseHeaderBox, { conditional: validSeedPhrase, children: "Saved Seed Phrase" }) }),
-      /* @__PURE__ */ jsx11(
+  return /* @__PURE__ */ jsxs10(FormControl2, { fullWidth: true, size: "small", sx: { display: "flex", flexDirection: "column", rowGap: 1 }, children: [
+    /* @__PURE__ */ jsx12(Chip, { label: visible ? "Hide Saved Seed Phrase" : "Reveal Saved Seed Phrase", onClick: () => setVisible(!visible) }),
+    visible ? /* @__PURE__ */ jsxs10(Fragment4, { children: [
+      /* @__PURE__ */ jsx12(FormLabel, { children: /* @__PURE__ */ jsx12(PhraseHeaderBox, { conditional: validSeedPhrase, children: "Saved Seed Phrase" }) }),
+      /* @__PURE__ */ jsx12(
         TextField2,
         {
           defaultValue: seedPhrase,
           disabled: true,
           error: validSeedPhrase === false,
-          helperText: validSeedPhrase === false ? /* @__PURE__ */ jsx11(InvalidPhraseTypography, {}) : null,
+          helperText: validSeedPhrase === false ? /* @__PURE__ */ jsx12(InvalidPhraseTypography, {}) : null,
           fullWidth: true,
           maxRows: Number.POSITIVE_INFINITY,
           multiline: true,
@@ -494,17 +499,17 @@ var SavedPhraseTextField = (props) => {
 // 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 { jsx as jsx12, jsxs as jsxs10 } from "react/jsx-runtime";
+import { jsx as jsx13, jsxs as jsxs11 } from "react/jsx-runtime";
 var OverwriteWarning = () => {
   const { handleCancelOverwrite, handleSave } = useSeedPhrase();
-  return /* @__PURE__ */ jsx12(
+  return /* @__PURE__ */ jsx13(
     Alert3,
     {
       variant: "outlined",
       severity: "warning",
-      action: /* @__PURE__ */ jsxs10(FlexRow2, { sx: { columnGap: 1 }, children: [
-        /* @__PURE__ */ jsx12(Button4, { variant: "outlined", color: "inherit", size: "small", onClick: handleSave, children: "Overwrite" }),
-        /* @__PURE__ */ jsx12(Button4, { variant: "outlined", color: "inherit", size: "small", onClick: handleCancelOverwrite, children: "Cancel" })
+      action: /* @__PURE__ */ jsxs11(FlexRow2, { 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."
     }
@@ -512,33 +517,34 @@ var OverwriteWarning = () => {
 };
 
 // src/components/SeedPhrase/dialog/SeedPhraseDialog.tsx
-import { Dialog as Dialog2, DialogContent as DialogContent2, DialogTitle as DialogTitle2 } from "@mui/material";
-import { jsx as jsx13, jsxs as jsxs11 } from "react/jsx-runtime";
+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, seedPhrase, ...props }) => {
-  return /* @__PURE__ */ jsx13(
+  return /* @__PURE__ */ jsx14(
     SeedPhraseProvider,
     {
       seedPhrase,
       handleChangeSeedPhrase: changeSeedPhrase,
       open: props.open,
       saveCallback: () => props.onClose?.({}, "escapeKeyDown"),
-      children: /* @__PURE__ */ jsx13(SeedPhraseDialogInner, { ...props })
+      children: /* @__PURE__ */ jsx14(SeedPhraseDialogInner, { ...props })
     }
   );
 };
 var SeedPhraseDialogInner = (props) => {
-  const { overwriteWarning, seedPhrase } = useSeedPhrase();
-  return /* @__PURE__ */ jsxs11(Dialog2, { "aria-labelledby": "alert-dialog-title", "aria-describedby": "alert-dialog-description", fullWidth: true, maxWidth: "sm", ...props, children: [
-    /* @__PURE__ */ jsxs11(DialogTitle2, { id: "alert-dialog-title", children: [
+  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", children: [
       "Update Your Seed Phrase ",
-      /* @__PURE__ */ jsx13(SeedPhraseIconButton, {})
+      /* @__PURE__ */ jsx14(SeedPhraseIconButton, {})
     ] }),
-    /* @__PURE__ */ jsxs11(DialogContent2, { sx: { display: "flex", flexDirection: "column", rowGap: 2 }, children: [
-      /* @__PURE__ */ jsx13(NewPhraseTextField, {}),
-      seedPhrase ? /* @__PURE__ */ jsx13(SavedPhraseTextField, {}) : null,
-      overwriteWarning ? /* @__PURE__ */ jsx13(OverwriteWarning, {}) : null
+    /* @__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: "New Seed Phrase" }) }) }),
+      /* @__PURE__ */ jsx14(PhraseDialogActions, {}),
+      seedPhrase ? /* @__PURE__ */ jsx14(SavedPhraseTextField, {}) : null,
+      overwriteWarning ? /* @__PURE__ */ jsx14(OverwriteWarning, {}) : null
     ] }),
-    /* @__PURE__ */ jsx13(DialogActionButtons, { onClose: props.onClose })
+    /* @__PURE__ */ jsx14(DialogActionButtons, { onClose: props.onClose })
   ] });
 };
 
@@ -546,21 +552,21 @@ var SeedPhraseDialogInner = (props) => {
 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 { useState as useState7 } from "react";
-import { jsx as jsx14, jsxs as jsxs12 } from "react/jsx-runtime";
+import { jsx as jsx15, jsxs as jsxs13 } from "react/jsx-runtime";
 var SeedPhraseTableRow = ({ changeSeedPhrase, seedPhrase, ...props }) => {
   const [open, setOpen] = useState7(false);
   const handleOpen = () => {
     setOpen(true);
   };
-  return /* @__PURE__ */ jsxs12(TableRow2, { ...props, children: [
-    /* @__PURE__ */ jsxs12(TableCell2, { children: [
+  return /* @__PURE__ */ jsxs13(TableRow2, { ...props, children: [
+    /* @__PURE__ */ jsxs13(TableCell2, { children: [
       "Seed Phrase ",
-      /* @__PURE__ */ jsx14(SeedPhraseIconButton, {})
+      /* @__PURE__ */ jsx15(SeedPhraseIconButton, {})
     ] }),
-    /* @__PURE__ */ jsx14(TableCell2, { align: "center", children: seedPhrase ? /* @__PURE__ */ jsx14(RadioButtonCheckedIcon, { color: "success" }) : /* @__PURE__ */ jsx14(CancelIcon, { color: "error" }) }),
-    /* @__PURE__ */ jsxs12(TableCell2, { children: [
-      /* @__PURE__ */ jsx14(SeedPhraseDialog, { changeSeedPhrase, open, onClose: () => setOpen(false), seedPhrase }),
-      /* @__PURE__ */ jsx14(ButtonGroup2, { fullWidth: true, children: /* @__PURE__ */ jsx14(Button5, { variant: "contained", size: "small", onClick: handleOpen, children: "Update" }) })
+    /* @__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" }) })
     ] })
   ] });
 };
@@ -680,18 +686,18 @@ var useWrapperAccount = (account) => {
 };
 
 // src/components/WalletAccountDetails/WalletAccountDetails.tsx
-import { jsx as jsx15, jsxs as jsxs13 } from "react/jsx-runtime";
+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__ */ jsxs13(FlexCol, { ...props, children: [
-    /* @__PURE__ */ jsx15(EthAccountButton, { address: EthAddress.fromString(accountToUse?.address) }),
-    /* @__PURE__ */ jsxs13(FlexRow3, { gap: 1, children: [
-      /* @__PURE__ */ jsx15(NumberStatus, { rounded: true, title: "Tokens", value: 0, to: `${exploreAddressUrl}&schema=network.xyo.account.tokens`, target: "_blank" }),
-      /* @__PURE__ */ jsx15(NumberStatus, { rounded: true, title: "NFTs", value: 0, to: `${exploreAddressUrl}&schema=network.xyo.account.nfts`, target: "_blank" }),
-      /* @__PURE__ */ jsx15(NumberStatus, { rounded: true, title: "Signatures", value: 0, to: `${exploreAddressUrl}&schema=network.xyo.account.signatures`, target: "_blank" }),
-      /* @__PURE__ */ jsx15(NumberStatus, { rounded: true, title: "Signins", value: 0, to: `${exploreAddressUrl}&schema=network.xyo.account.signins`, target: "_blank" })
+  return /* @__PURE__ */ jsxs14(FlexCol, { ...props, children: [
+    /* @__PURE__ */ jsx16(EthAccountButton, { address: EthAddress.fromString(accountToUse?.address) }),
+    /* @__PURE__ */ jsxs14(FlexRow3, { 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" })
     ] })
   ] });
 };
@@ -700,7 +706,7 @@ var WalletAccountDetails = ({ exploreUrl = "https://explore.xyo.network", accoun
 import { CircularProgress, MenuItem } from "@mui/material";
 import { SelectEx } from "@xylabs/react-select";
 import { AddressRenderRowBox } from "@xyo-network/react-address-render";
-import { Fragment as Fragment5, jsx as jsx16 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx17 } from "react/jsx-runtime";
 var arrayRange = (length, start = 0) => {
   return [...Array.from({ length }).keys()].map((x) => x + start);
 };
@@ -717,7 +723,7 @@ var WalletAccountSelect = ({
 }) => {
   const { activeAccountIndex = 0, setActiveAccountIndex, coinTypeWallet } = useWalletContext();
   const disabled = !coinTypeWallet || activeAccountIndex === void 0;
-  return /* @__PURE__ */ jsx16(Fragment5, { children: coinTypeWallet ? /* @__PURE__ */ jsx16(
+  return /* @__PURE__ */ jsx17(Fragment5, { children: coinTypeWallet ? /* @__PURE__ */ jsx17(
     SelectEx,
     {
       margin: "dense",
@@ -727,7 +733,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__ */ jsx16(MenuItem, { value: selectedAccountIndex, sx: { minHeight: 0, paddingBottom: 0, paddingTop: 0 }, children: /* @__PURE__ */ jsx16(
+          return /* @__PURE__ */ jsx17(MenuItem, { value: selectedAccountIndex, sx: { minHeight: 0, paddingBottom: 0, paddingTop: 0 }, children: /* @__PURE__ */ jsx17(
             AddressRenderRowBox,
             {
               disableSharedRef: true,
@@ -742,7 +748,7 @@ var WalletAccountSelect = ({
             }
           ) });
         };
-        return /* @__PURE__ */ jsx16(Item, {});
+        return /* @__PURE__ */ jsx17(Item, {});
       },
       value: activeAccountIndex,
       onChange: (event) => setActiveAccountIndex?.(Number.parseInt(`${event.target.value}`)),
@@ -754,7 +760,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__ */ jsx16(MenuItem, { value: index, sx: { minHeight: 0, paddingBottom: 0, paddingTop: 0 }, children: /* @__PURE__ */ jsx16(
+          return /* @__PURE__ */ jsx17(MenuItem, { value: index, sx: { minHeight: 0, paddingBottom: 0, paddingTop: 0 }, children: /* @__PURE__ */ jsx17(
             AddressRenderRowBox,
             {
               disableSharedRef: true,
@@ -769,15 +775,15 @@ var WalletAccountSelect = ({
             }
           ) }, account?.address);
         };
-        return /* @__PURE__ */ jsx16(Item, {}, index);
+        return /* @__PURE__ */ jsx17(Item, {}, index);
       })
     }
-  ) : /* @__PURE__ */ jsx16(CircularProgress, { size: 24 }) });
+  ) : /* @__PURE__ */ jsx17(CircularProgress, { size: 24 }) });
 };
 
 // src/components/WalletAccountSelect/SelectBar.tsx
 import { FlexCol as FlexCol2 } from "@xylabs/react-flexbox";
-import { jsx as jsx17 } from "react/jsx-runtime";
+import { jsx as jsx18 } from "react/jsx-runtime";
 var WalletAccountSelectBar = ({
   addressNames = {},
   iconOnly,
@@ -788,7 +794,7 @@ var WalletAccountSelectBar = ({
   size = "small",
   ...props
 }) => {
-  return /* @__PURE__ */ jsx17(FlexCol2, { alignItems: "stretch", ...props, children: /* @__PURE__ */ jsx17(
+  return /* @__PURE__ */ jsx18(FlexCol2, { alignItems: "stretch", ...props, children: /* @__PURE__ */ jsx18(
     WalletAccountSelect,
     {
       addressNames,
@@ -807,9 +813,12 @@ export {
   Bip44,
   DefaultSeedPhrase,
   DialogActionButtons,
+  InvalidPhraseTypography,
   MaxAccountsTableRow,
   NewPhraseTextField,
   OverwriteWarning,
+  PhraseDialogActions,
+  PhraseHeaderBox,
   SavedPhraseTextField,
   SeedPhraseContext,
   SeedPhraseDialog,
@@ -823,6 +832,7 @@ export {
   WalletContext,
   WalletProvider,
   WalletRootPath,
+  colorParser,
   ethereumAccountPath,
   useAccount,
   useCoinTypeWallet,