@xyo-network/react-wallet 2.64.8 → 2.64.10

package/dist/node/components/SeedPhrase/dialog/index.cjs

@@ -1,336 +0,0 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/components/SeedPhrase/dialog/index.ts
-var dialog_exports = {};
-__export(dialog_exports, {
-  SeedPhraseDialog: () => SeedPhraseDialog,
-  SeedPhraseDialogInner: () => SeedPhraseDialogInner
-});
-module.exports = __toCommonJS(dialog_exports);
-
-// src/components/SeedPhrase/dialog/SeedPhraseDialog.tsx
-var import_material7 = require("@mui/material");
-
-// src/contexts/SeedPhrase/Context.ts
-var import_react_shared = require("@xyo-network/react-shared");
-var SeedPhraseContext = (0, import_react_shared.createContextEx)();
-
-// src/contexts/SeedPhrase/Provider.tsx
-var import_bip39 = require("@xyo-network/bip39");
-var import_react = require("react");
-var import_jsx_runtime = require("react/jsx-runtime");
-var SeedPhraseProvider = ({
-  children,
-  defaultPhrase,
-  handleChangeSeedPhrase,
-  saveCallback,
-  seedPhrase,
-  open
-}) => {
-  const [phrase, setPhrase] = (0, import_react.useState)();
-  const [overwriteWarning, setOverwriteWarning] = (0, import_react.useState)(false);
-  (0, import_react.useEffect)(() => {
-    setPhrase(defaultPhrase);
-  }, [defaultPhrase]);
-  (0, import_react.useEffect)(() => {
-    if (!open) {
-      handleCancelOverwrite();
-    }
-  }, [open]);
-  (0, import_react.useEffect)(() => {
-    if (seedPhrase || open) {
-      setPhrase == null ? void 0 : setPhrase(seedPhrase ?? "");
-    }
-  }, [seedPhrase, open, setPhrase]);
-  const handleGenerate = () => {
-    const mnemonic = (0, import_bip39.generateMnemonic)(import_bip39.wordlists.english, 256);
-    setPhrase == null ? void 0 : setPhrase(mnemonic);
-    setOverwriteWarning == null ? void 0 : setOverwriteWarning(false);
-  };
-  const handleCancelOverwrite = () => {
-    setOverwriteWarning == null ? void 0 : setOverwriteWarning(false);
-  };
-  const handleClear = () => {
-    setPhrase == null ? void 0 : setPhrase("");
-    setOverwriteWarning == null ? void 0 : setOverwriteWarning(false);
-  };
-  const handleSave = () => {
-    if (!overwriteWarning && seedPhrase && seedPhrase !== phrase) {
-      setOverwriteWarning == null ? void 0 : setOverwriteWarning(true);
-    } else {
-      handleChangeSeedPhrase == null ? void 0 : handleChangeSeedPhrase(phrase ?? "");
-      saveCallback == null ? void 0 : saveCallback();
-    }
-  };
-  const validate = (passedPhrase) => {
-    if (!passedPhrase) {
-      return null;
-    }
-    return (0, import_bip39.validateMnemonic)(passedPhrase, import_bip39.wordlists.english);
-  };
-  const validSeedPhrase = (0, import_react.useMemo)(() => validate == null ? void 0 : validate(seedPhrase), [seedPhrase]);
-  const validPhrase = (0, import_react.useMemo)(() => validate == null ? void 0 : validate(phrase), [phrase]);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    SeedPhraseContext.Provider,
-    {
-      value: {
-        handleCancelOverwrite,
-        handleChangeSeedPhrase,
-        handleClear,
-        handleGenerate,
-        handleSave,
-        overwriteWarning,
-        phrase,
-        provided: true,
-        seedPhrase,
-        setOverwriteWarning,
-        setPhrase,
-        validPhrase,
-        validSeedPhrase,
-        validate
-      },
-      children
-    }
-  );
-};
-
-// src/contexts/SeedPhrase/use.tsx
-var import_react_shared2 = require("@xyo-network/react-shared");
-var useSeedPhrase = () => (0, import_react_shared2.useContextEx)(SeedPhraseContext, "SeedPhrase", true);
-
-// src/components/SeedPhrase/_shared/SeedPhraseIconButton.tsx
-var import_icons_material = require("@mui/icons-material");
-var import_material = require("@mui/material");
-var import_react2 = require("react");
-var import_jsx_runtime2 = require("react/jsx-runtime");
-var SeedPhraseIconButton = (props) => {
-  const [open, setOpen] = (0, import_react2.useState)(false);
-  const onClose = () => setOpen(false);
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_jsx_runtime2.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_material.IconButton, { onClick: () => setOpen(true), ...props, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_icons_material.HelpOutline, { fontSize: "small" }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_material.Dialog, { open, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_material.DialogTitle, { children: "Understanding your Seed Phrase" }),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_material.DialogContent, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_material.Typography, { children: [
-          "Your Seed Phrase should adhere to the",
-          " ",
-          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_material.Link, { target: "_blank", href: "https://github.com/bitcoin/bips/blob/master/bip-0039.mediawiki", children: "bip39 specification" }),
-          " ",
-          "and is used to generate accounts which identify your data on the XYO Network."
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_material.List, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_material.ListItem, { children: "Do not share this phrase with anyone." }),
-          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_material.ListItem, { children: "Do not save it to a public computer." }),
-          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_material.ListItem, { children: "Do not use a existing phrase from another wallet (i.e. Metamask)." }),
-          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_material.ListItem, { children: "Do not use before copying it down somewhere safe." })
-        ] })
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_material.DialogActions, { children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_material.Button, { onClick: onClose, variant: "outlined", children: "OK" }) })
-    ] })
-  ] });
-};
-
-// src/components/SeedPhrase/dialog/components/DialogActionButtons.tsx
-var import_material2 = require("@mui/material");
-var import_jsx_runtime3 = require("react/jsx-runtime");
-var DialogActionButtons = ({ onClose, ...props }) => {
-  const { handleSave, setPhrase } = useSeedPhrase();
-  const wrappedOnClose = (e) => {
-    setPhrase == null ? void 0 : setPhrase("");
-    onClose == null ? void 0 : onClose(e, "escapeKeyDown");
-  };
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_material2.DialogActions, { ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_material2.Button, { variant: "outlined", onClick: wrappedOnClose, children: "Cancel" }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_material2.Button, { variant: "outlined", onClick: handleSave, children: "Save" })
-  ] });
-};
-
-// src/components/SeedPhrase/dialog/components/fields/NewPhraseTextField.tsx
-var import_material4 = require("@mui/material");
-
-// src/components/SeedPhrase/dialog/components/fields/validation-messages/colorParser.ts
-var colorParser = (conditional) => {
-  switch (conditional) {
-    case true:
-      return "success";
-    case false:
-      return "error";
-    default:
-      return void 0;
-  }
-};
-
-// src/components/SeedPhrase/dialog/components/fields/validation-messages/InvalidPhrase.tsx
-var import_material3 = require("@mui/material");
-var import_jsx_runtime4 = require("react/jsx-runtime");
-var InvalidPhraseTypography = (props) => /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_material3.Typography, { variant: "caption", color: "error", ...props, children: [
-  "Invalid seed phrase. See -",
-  " ",
-  /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_material3.Link, { 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
-var import_icons_material2 = require("@mui/icons-material");
-var import_react_flexbox = require("@xylabs/react-flexbox");
-var import_react3 = require("react");
-var import_jsx_runtime5 = require("react/jsx-runtime");
-var PhraseHeaderBox = ({ children, conditional, ...props }) => {
-  const state = (0, import_react3.useMemo)(() => {
-    switch (conditional) {
-      case true:
-        return "success";
-      case false:
-        return "error";
-      default:
-        return null;
-    }
-  }, [conditional]);
-  const Icon = (0, import_react3.useMemo)(() => {
-    switch (state) {
-      case "success":
-        return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_icons_material2.CheckCircleOutline, { fontSize: "small", color: "success" });
-      case "error":
-        return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_icons_material2.HighlightOff, { fontSize: "small", color: "error" });
-      default:
-        return null;
-    }
-  }, [state]);
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_react_flexbox.FlexRow, { justifyContent: "start", columnGap: 1, ...props, children: [
-    Icon,
-    children
-  ] });
-};
-
-// src/components/SeedPhrase/dialog/components/fields/NewPhraseTextField.tsx
-var import_jsx_runtime6 = require("react/jsx-runtime");
-var NewPhraseTextField = (props) => {
-  const { handleClear, handleGenerate, overwriteWarning, phrase, setPhrase, validPhrase } = useSeedPhrase();
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_material4.FormControl, { fullWidth: true, size: "small", sx: { display: "flex", flexDirection: "column", rowGap: 1 }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_material4.FormLabel, { children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(PhraseHeaderBox, { conditional: validPhrase, children: "New Seed Phrase" }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-        import_material4.TextField,
-        {
-          focused: true,
-          color: colorParser(validPhrase),
-          error: validPhrase === false,
-          helperText: validPhrase === false ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(InvalidPhraseTypography, {}) : null,
-          fullWidth: true,
-          maxRows: Infinity,
-          multiline: true,
-          onChange: (e) => setPhrase == null ? void 0 : setPhrase(e.target.value),
-          value: phrase,
-          ...props
-        }
-      )
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_material4.DialogActions, { sx: { justifyContent: "center" }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_material4.Button, { disabled: overwriteWarning, variant: "outlined", onClick: handleGenerate, children: "Generate" }),
-      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_material4.Button, { variant: "outlined", onClick: handleClear, children: "Clear" })
-    ] })
-  ] });
-};
-
-// src/components/SeedPhrase/dialog/components/fields/SavedPhraseTextField.tsx
-var import_material5 = require("@mui/material");
-var import_react4 = require("react");
-var import_jsx_runtime7 = require("react/jsx-runtime");
-var SavedPhraseTextField = (props) => {
-  const { validSeedPhrase, seedPhrase } = useSeedPhrase();
-  const [visible, setVisible] = (0, import_react4.useState)(false);
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_material5.FormControl, { fullWidth: true, size: "small", sx: { display: "flex", flexDirection: "column", rowGap: 1 }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_material5.Chip, { label: visible ? "Hide Saved Seed Phrase" : "Reveal Saved Seed Phrase", onClick: () => setVisible(!visible) }),
-    visible ? /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_jsx_runtime7.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_material5.FormLabel, { children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(PhraseHeaderBox, { conditional: validSeedPhrase, children: "Saved Seed Phrase" }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
-        import_material5.TextField,
-        {
-          defaultValue: seedPhrase,
-          disabled: true,
-          error: validSeedPhrase === false,
-          helperText: validSeedPhrase === false ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(InvalidPhraseTypography, {}) : null,
-          fullWidth: true,
-          maxRows: Infinity,
-          multiline: true,
-          ...props
-        }
-      )
-    ] }) : null
-  ] });
-};
-
-// src/components/SeedPhrase/dialog/components/OverwriteWarning.tsx
-var import_material6 = require("@mui/material");
-var import_react_flexbox2 = require("@xylabs/react-flexbox");
-var import_jsx_runtime8 = require("react/jsx-runtime");
-var OverwriteWarning = () => {
-  const { handleCancelOverwrite, handleSave } = useSeedPhrase();
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
-    import_material6.Alert,
-    {
-      variant: "outlined",
-      severity: "warning",
-      action: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_react_flexbox2.FlexRow, { sx: { columnGap: 1 }, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_material6.Button, { variant: "outlined", color: "inherit", size: "small", onClick: handleSave, children: "Overwrite" }),
-        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_material6.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."
-    }
-  );
-};
-
-// src/components/SeedPhrase/dialog/SeedPhraseDialog.tsx
-var import_jsx_runtime9 = require("react/jsx-runtime");
-var SeedPhraseDialog = ({ changeSeedPhrase, seedPhrase, ...props }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
-    SeedPhraseProvider,
-    {
-      seedPhrase,
-      handleChangeSeedPhrase: changeSeedPhrase,
-      open: props.open,
-      saveCallback: () => {
-        var _a;
-        return (_a = props.onClose) == null ? void 0 : _a.call(props, {}, "escapeKeyDown");
-      },
-      children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(SeedPhraseDialogInner, { ...props })
-    }
-  );
-};
-var SeedPhraseDialogInner = (props) => {
-  const { overwriteWarning, seedPhrase } = useSeedPhrase();
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_material7.Dialog, { "aria-labelledby": "alert-dialog-title", "aria-describedby": "alert-dialog-description", fullWidth: true, maxWidth: "sm", ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_material7.DialogTitle, { id: "alert-dialog-title", children: [
-      "Update Your Seed Phrase ",
-      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(SeedPhraseIconButton, {})
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_material7.DialogContent, { sx: { display: "flex", flexDirection: "column", rowGap: 2 }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(NewPhraseTextField, {}),
-      seedPhrase ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(SavedPhraseTextField, {}) : null,
-      overwriteWarning ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(OverwriteWarning, {}) : null
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(DialogActionButtons, { onClose: props.onClose })
-  ] });
-};
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  SeedPhraseDialog,
-  SeedPhraseDialogInner
-});
-//# sourceMappingURL=index.cjs.map

package/dist/node/components/SeedPhrase/dialog/index.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../../src/components/SeedPhrase/dialog/index.ts","../../../../../src/components/SeedPhrase/dialog/SeedPhraseDialog.tsx","../../../../../src/contexts/SeedPhrase/Context.ts","../../../../../src/contexts/SeedPhrase/Provider.tsx","../../../../../src/contexts/SeedPhrase/use.tsx","../../../../../src/components/SeedPhrase/_shared/SeedPhraseIconButton.tsx","../../../../../src/components/SeedPhrase/dialog/components/DialogActionButtons.tsx","../../../../../src/components/SeedPhrase/dialog/components/fields/NewPhraseTextField.tsx","../../../../../src/components/SeedPhrase/dialog/components/fields/validation-messages/colorParser.ts","../../../../../src/components/SeedPhrase/dialog/components/fields/validation-messages/InvalidPhrase.tsx","../../../../../src/components/SeedPhrase/dialog/components/fields/validation-messages/PhraseHeaderBox.tsx","../../../../../src/components/SeedPhrase/dialog/components/fields/SavedPhraseTextField.tsx","../../../../../src/components/SeedPhrase/dialog/components/OverwriteWarning.tsx"],"sourcesContent":["export * from './SeedPhraseDialog'\n","import { Dialog, DialogContent, DialogProps, DialogTitle } from '@mui/material'\n\nimport { SeedPhraseProvider, useSeedPhrase } from '../../../contexts'\nimport { SeedPhraseIconButton } from '../_shared'\nimport { DialogActionButtons, NewPhraseTextField, OverwriteWarning, SavedPhraseTextField } from './components'\n\nexport interface SeedPhraseDialogProps extends DialogProps {\n  changeSeedPhrase?: (value: string) => void\n  seedPhrase?: string\n}\n\nexport const SeedPhraseDialog: React.FC<SeedPhraseDialogProps> = ({ changeSeedPhrase, seedPhrase, ...props }) => {\n  return (\n    <SeedPhraseProvider\n      seedPhrase={seedPhrase}\n      handleChangeSeedPhrase={changeSeedPhrase}\n      open={props.open}\n      saveCallback={() => props.onClose?.({}, 'escapeKeyDown')}\n    >\n      <SeedPhraseDialogInner {...props} />\n    </SeedPhraseProvider>\n  )\n}\n\nexport const SeedPhraseDialogInner: React.FC<SeedPhraseDialogProps> = (props) => {\n  const { overwriteWarning, seedPhrase } = useSeedPhrase()\n\n  return (\n    <Dialog aria-labelledby=\"alert-dialog-title\" aria-describedby=\"alert-dialog-description\" fullWidth maxWidth={'sm'} {...props}>\n      <DialogTitle id=\"alert-dialog-title\">\n        Update Your Seed Phrase <SeedPhraseIconButton />\n      </DialogTitle>\n      <DialogContent sx={{ display: 'flex', flexDirection: 'column', rowGap: 2 }}>\n        <NewPhraseTextField />\n        {seedPhrase ? <SavedPhraseTextField /> : null}\n        {overwriteWarning ? <OverwriteWarning /> : null}\n      </DialogContent>\n      <DialogActionButtons onClose={props.onClose} />\n    </Dialog>\n  )\n}\n","import { createContextEx } from '@xyo-network/react-shared'\n\nimport { SeedPhraseContextState } from './State'\n\nexport const SeedPhraseContext = createContextEx<SeedPhraseContextState>()\n","import { WithChildren } from '@xylabs/react-shared'\nimport { generateMnemonic, validateMnemonic, wordlists } from '@xyo-network/bip39'\nimport { useEffect, useMemo, useState } from 'react'\n\nimport { SeedPhraseContext } from './Context'\n\nexport interface SeedPhraseProviderProps extends WithChildren {\n  defaultPhrase?: string\n  handleChangeSeedPhrase?: (phrase: string) => void\n  open?: boolean\n  saveCallback?: () => void\n  seedPhrase?: string\n}\n\nexport const SeedPhraseProvider: React.FC<SeedPhraseProviderProps> = ({\n  children,\n  defaultPhrase,\n  handleChangeSeedPhrase,\n  saveCallback,\n  seedPhrase,\n  open,\n}) => {\n  const [phrase, setPhrase] = useState<string | undefined>()\n  const [overwriteWarning, setOverwriteWarning] = useState(false)\n\n  useEffect(() => {\n    setPhrase(defaultPhrase)\n  }, [defaultPhrase])\n\n  useEffect(() => {\n    if (!open) {\n      handleCancelOverwrite()\n    }\n  }, [open])\n\n  useEffect(() => {\n    if (seedPhrase || open) {\n      setPhrase?.(seedPhrase ?? '')\n    }\n  }, [seedPhrase, open, setPhrase])\n\n  const handleGenerate = () => {\n    const mnemonic = generateMnemonic(wordlists.english, 256)\n    setPhrase?.(mnemonic)\n    setOverwriteWarning?.(false)\n  }\n\n  const handleCancelOverwrite = () => {\n    setOverwriteWarning?.(false)\n  }\n\n  const handleClear = () => {\n    setPhrase?.('')\n    setOverwriteWarning?.(false)\n  }\n\n  const handleSave = () => {\n    if (!overwriteWarning && seedPhrase && seedPhrase !== phrase) {\n      setOverwriteWarning?.(true)\n    } else {\n      handleChangeSeedPhrase?.(phrase ?? '')\n      saveCallback?.()\n    }\n  }\n\n  const validate = (passedPhrase?: string) => {\n    if (!passedPhrase) {\n      return null\n    }\n    return validateMnemonic(passedPhrase, wordlists.english)\n  }\n\n  const validSeedPhrase = useMemo(() => validate?.(seedPhrase), [seedPhrase])\n  const validPhrase = useMemo(() => validate?.(phrase), [phrase])\n\n  return (\n    <SeedPhraseContext.Provider\n      value={{\n        handleCancelOverwrite,\n        handleChangeSeedPhrase,\n        handleClear,\n        handleGenerate,\n        handleSave,\n        overwriteWarning,\n        phrase,\n        provided: true,\n        seedPhrase,\n        setOverwriteWarning,\n        setPhrase,\n        validPhrase,\n        validSeedPhrase,\n        validate,\n      }}\n    >\n      {children}\n    </SeedPhraseContext.Provider>\n  )\n}\n","import { useContextEx } from '@xyo-network/react-shared'\n\nimport { SeedPhraseContext } from './Context'\n\nexport const useSeedPhrase = () => useContextEx(SeedPhraseContext, 'SeedPhrase', true)\n","import { HelpOutline as HelpOutlineIcon } from '@mui/icons-material'\nimport {\n  Button,\n  Dialog,\n  DialogActions,\n  DialogContent,\n  DialogTitle,\n  IconButton,\n  IconButtonProps,\n  Link,\n  List,\n  ListItem,\n  Typography,\n} from '@mui/material'\nimport { useState } from 'react'\n\nexport const SeedPhraseIconButton: React.FC<IconButtonProps> = (props) => {\n  const [open, setOpen] = useState(false)\n  const onClose = () => setOpen(false)\n  return (\n    <>\n      <IconButton onClick={() => setOpen(true)} {...props}>\n        <HelpOutlineIcon fontSize=\"small\" />\n      </IconButton>\n      <Dialog open={open}>\n        <DialogTitle>Understanding your Seed Phrase</DialogTitle>\n        <DialogContent>\n          <Typography>\n            Your Seed Phrase should adhere to the{' '}\n            <Link target={'_blank'} href=\"https://github.com/bitcoin/bips/blob/master/bip-0039.mediawiki\">\n              bip39 specification\n            </Link>{' '}\n            and is used to generate accounts which identify your data on the XYO Network.\n          </Typography>\n          <List>\n            <ListItem>Do not share this phrase with anyone.</ListItem>\n            <ListItem>Do not save it to a public computer.</ListItem>\n            <ListItem>Do not use a existing phrase from another wallet (i.e. Metamask).</ListItem>\n            <ListItem>Do not use before copying it down somewhere safe.</ListItem>\n          </List>\n        </DialogContent>\n        <DialogActions>\n          <Button onClick={onClose} variant=\"outlined\">\n            OK\n          </Button>\n        </DialogActions>\n      </Dialog>\n    </>\n  )\n}\n","import { Button, DialogActions, DialogActionsProps, DialogProps } from '@mui/material'\nimport { MouseEvent } from 'react'\n\nimport { useSeedPhrase } from '../../../../contexts'\n\ninterface DialogActionButtonsProps extends DialogActionsProps {\n  onClose?: DialogProps['onClose']\n}\n\nexport const DialogActionButtons: React.FC<DialogActionButtonsProps> = ({ onClose, ...props }) => {\n  const { handleSave, setPhrase } = useSeedPhrase()\n\n  const wrappedOnClose = (e: MouseEvent<HTMLElement>) => {\n    // clear local copy of phrase when modal closes\n    setPhrase?.('')\n    onClose?.(e, 'escapeKeyDown')\n  }\n\n  return (\n    <DialogActions {...props}>\n      <Button variant=\"outlined\" onClick={wrappedOnClose}>\n        Cancel\n      </Button>\n      <Button variant=\"outlined\" onClick={handleSave}>\n        Save\n      </Button>\n    </DialogActions>\n  )\n}\n","import { Button, DialogActions, FormControl, FormLabel, StandardTextFieldProps, TextField } from '@mui/material'\n\nimport { useSeedPhrase } from '../../../../../contexts'\nimport { colorParser, InvalidPhraseTypography, PhraseHeaderBox } from './validation-messages'\n\nexport const NewPhraseTextField: React.FC<StandardTextFieldProps> = (props) => {\n  const { handleClear, handleGenerate, overwriteWarning, phrase, setPhrase, validPhrase } = useSeedPhrase()\n  return (\n    <>\n      <FormControl fullWidth size=\"small\" sx={{ display: 'flex', flexDirection: 'column', rowGap: 1 }}>\n        <FormLabel>\n          <PhraseHeaderBox conditional={validPhrase}>New Seed Phrase</PhraseHeaderBox>\n        </FormLabel>\n        <TextField\n          focused\n          color={colorParser(validPhrase)}\n          error={validPhrase === false}\n          helperText={validPhrase === false ? <InvalidPhraseTypography /> : null}\n          fullWidth\n          maxRows={Infinity}\n          multiline\n          onChange={(e) => setPhrase?.(e.target.value)}\n          value={phrase}\n          {...props}\n        />\n      </FormControl>\n      <DialogActions sx={{ justifyContent: 'center' }}>\n        <Button disabled={overwriteWarning} variant=\"outlined\" onClick={handleGenerate}>\n          Generate\n        </Button>\n        <Button variant=\"outlined\" onClick={handleClear}>\n          Clear\n        </Button>\n      </DialogActions>\n    </>\n  )\n}\n","export const colorParser = (conditional?: boolean | null) => {\n  switch (conditional) {\n    case true:\n      return 'success'\n    case false:\n      return 'error'\n    default:\n      return undefined\n  }\n}\n","import { Link, Typography, TypographyProps } from '@mui/material'\n\nexport const InvalidPhraseTypography: React.FC<TypographyProps> = (props) => (\n  <Typography variant={'caption'} color={'error'} {...props}>\n    Invalid seed phrase. See -{' '}\n    <Link target={'_blank'} href=\"https://github.com/bitcoin/bips/blob/master/bip-0039.mediawiki\">\n      bip39 Proposal\n    </Link>\n  </Typography>\n)\n","import { CheckCircleOutline as CheckCircleOutlineIcon, HighlightOff as HighlightOffIcon } from '@mui/icons-material'\nimport { FlexBoxProps, FlexRow } from '@xylabs/react-flexbox'\nimport { WithChildren } from '@xylabs/react-shared'\nimport { useMemo } from 'react'\n\ninterface PhraseHeaderBox extends FlexBoxProps, WithChildren {\n  conditional?: boolean | null\n}\n\nexport const PhraseHeaderBox: React.FC<PhraseHeaderBox> = ({ children, conditional, ...props }) => {\n  const state = useMemo(() => {\n    switch (conditional) {\n      case true:\n        return 'success'\n      case false:\n        return 'error'\n      default:\n        return null\n    }\n  }, [conditional])\n\n  const Icon = useMemo(() => {\n    switch (state) {\n      case 'success':\n        return <CheckCircleOutlineIcon fontSize=\"small\" color=\"success\" />\n      case 'error':\n        return <HighlightOffIcon fontSize=\"small\" color=\"error\" />\n      default:\n        return null\n    }\n  }, [state])\n\n  return (\n    <FlexRow justifyContent={'start'} columnGap={1} {...props}>\n      {Icon}\n      {children}\n    </FlexRow>\n  )\n}\n","import { Chip, FormControl, FormLabel, StandardTextFieldProps, TextField } from '@mui/material'\nimport { useState } from 'react'\n\nimport { useSeedPhrase } from '../../../../../contexts'\nimport { InvalidPhraseTypography, PhraseHeaderBox } from './validation-messages'\n\nexport const SavedPhraseTextField: React.FC<StandardTextFieldProps> = (props) => {\n  const { validSeedPhrase, seedPhrase } = useSeedPhrase()\n\n  const [visible, setVisible] = useState(false)\n\n  return (\n    <FormControl fullWidth size=\"small\" sx={{ display: 'flex', flexDirection: 'column', rowGap: 1 }}>\n      <Chip label={visible ? 'Hide Saved Seed Phrase' : 'Reveal Saved Seed Phrase'} onClick={() => setVisible(!visible)} />\n      {visible ? (\n        <>\n          <FormLabel>\n            <PhraseHeaderBox conditional={validSeedPhrase}>Saved Seed Phrase</PhraseHeaderBox>\n          </FormLabel>\n          <TextField\n            defaultValue={seedPhrase}\n            disabled\n            error={validSeedPhrase === false}\n            helperText={validSeedPhrase === false ? <InvalidPhraseTypography /> : null}\n            fullWidth\n            maxRows={Infinity}\n            multiline\n            {...props}\n          />\n        </>\n      ) : null}\n    </FormControl>\n  )\n}\n","import { Alert, Button } from '@mui/material'\nimport { FlexRow } from '@xylabs/react-flexbox'\n\nimport { useSeedPhrase } from '../../../../contexts'\n\nexport const OverwriteWarning = () => {\n  const { handleCancelOverwrite, handleSave } = useSeedPhrase()\n  return (\n    <Alert\n      variant=\"outlined\"\n      severity=\"warning\"\n      action={\n        <FlexRow sx={{ columnGap: 1 }}>\n          <Button variant=\"outlined\" color=\"inherit\" size=\"small\" onClick={handleSave}>\n            Overwrite\n          </Button>\n          <Button variant=\"outlined\" color=\"inherit\" size=\"small\" onClick={handleCancelOverwrite}>\n            Cancel\n          </Button>\n        </FlexRow>\n      }\n    >\n      Are you sure you want to overwrite existing seed phrase? This action cannot be undone.\n    </Alert>\n  )\n}\n"],"mappings":"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","names":["import_material","import_react_shared","import_react","import_jsx_runtime","HelpOutlineIcon","import_material","import_jsx_runtime","import_material","import_material","import_jsx_runtime","import_icons_material","import_react","import_jsx_runtime","CheckCircleOutlineIcon","HighlightOffIcon","import_jsx_runtime","import_material","import_react","import_jsx_runtime","import_material","import_react_flexbox","import_jsx_runtime","import_jsx_runtime"]}