@xyo-network/react-wallet 2.64.0-rc.7 → 2.64.1

package/dist/{node/components/SeedPhrase/DefaultSeedPhrase.mjs.map → browser/components/SeedPhrase/DefaultSeedPhrase.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/SeedPhrase/DefaultSeedPhrase.tsx"],"sourcesContent":["import { Alert, AlertTitle, Snackbar } from '@mui/material'\nimport { WithChildren } from '@xylabs/react-shared'\nimport { generateMnemonic, wordlists } from '@xyo-network/bip39'\nimport { useEffect, useState } from 'react'\n\nexport interface DefaultSeedPhraseProps extends WithChildren {\n  changeSeedPhrase?: (seedPhrase: string) => void\n  hideDefaultSeedPhraseMessage?: boolean\n  seedPhrase?: string\n}\n\nexport const DefaultSeedPhrase: React.FC<DefaultSeedPhraseProps> = ({ changeSeedPhrase, children, hideDefaultSeedPhraseMessage, seedPhrase }) => {\n  const [showSnackBar, setShowSnackBar] = useState(false)\n\n  useEffect(() => {\n    if (!seedPhrase) {\n      const mnemonic = generateMnemonic(wordlists.english, 256)\n      changeSeedPhrase?.(mnemonic)\n      setShowSnackBar(true)\n    }\n  }, [changeSeedPhrase, seedPhrase])\n\n  return (\n    <>\n      {hideDefaultSeedPhraseMessage ? null : (\n        <Snackbar\n          open={showSnackBar}\n          autoHideDuration={5000}\n          onClose={() => setShowSnackBar(false)}\n          anchorOrigin={{ horizontal: 'center', vertical: 'top' }}\n        >\n          <Alert severity={'success'}>\n            <AlertTitle>Default Seed Phrase Generated</AlertTitle>\n            Go to application settings to save it.\n          </Alert>\n        </Snackbar>\n      )}\n      {children}\n    </>\n  )\n}\n"],"mappings":"AAuBI,mBASQ,KADF,YARN;AAvBJ,SAAS,OAAO,YAAY,gBAAgB;AAE5C,SAAS,kBAAkB,iBAAiB;AAC5C,SAAS,WAAW,gBAAgB;AAQ7B,MAAM,oBAAsD,CAAC,EAAE,kBAAkB,UAAU,8BAA8B,WAAW,MAAM;AAC/I,QAAM,CAAC,cAAc,eAAe,IAAI,SAAS,KAAK;AAEtD,YAAU,MAAM;AACd,QAAI,CAAC,YAAY;AACf,YAAM,WAAW,iBAAiB,UAAU,SAAS,GAAG;AACxD,yBAAmB,QAAQ;AAC3B,sBAAgB,IAAI;AAAA,IACtB;AAAA,EACF,GAAG,CAAC,kBAAkB,UAAU,CAAC;AAEjC,SACE,iCACG;AAAA,mCAA+B,OAC9B;AAAA,MAAC;AAAA;AAAA,QACC,MAAM;AAAA,QACN,kBAAkB;AAAA,QAClB,SAAS,MAAM,gBAAgB,KAAK;AAAA,QACpC,cAAc,EAAE,YAAY,UAAU,UAAU,MAAM;AAAA,QAEtD,+BAAC,SAAM,UAAU,WACf;AAAA,8BAAC,cAAW,2CAA6B;AAAA,UAAa;AAAA,WAExD;AAAA;AAAA,IACF;AAAA,IAED;AAAA,KACH;AAEJ;","names":[]}
+{"version":3,"sources":["../../../../src/components/SeedPhrase/DefaultSeedPhrase.tsx"],"sourcesContent":["import { Alert, AlertTitle, Snackbar } from '@mui/material'\nimport { WithChildren } from '@xylabs/react-shared'\nimport { generateMnemonic, wordlists } from '@xyo-network/bip39'\nimport { useEffect, useState } from 'react'\n\nexport interface DefaultSeedPhraseProps extends WithChildren {\n  changeSeedPhrase?: (seedPhrase: string) => void\n  hideDefaultSeedPhraseMessage?: boolean\n  seedPhrase?: string\n}\n\nexport const DefaultSeedPhrase: React.FC<DefaultSeedPhraseProps> = ({ changeSeedPhrase, children, hideDefaultSeedPhraseMessage, seedPhrase }) => {\n  const [showSnackBar, setShowSnackBar] = useState(false)\n\n  useEffect(() => {\n    if (!seedPhrase) {\n      const mnemonic = generateMnemonic(wordlists.english, 256)\n      changeSeedPhrase?.(mnemonic)\n      setShowSnackBar(true)\n    }\n  }, [changeSeedPhrase, seedPhrase])\n\n  return (\n    <>\n      {hideDefaultSeedPhraseMessage ? null : (\n        <Snackbar\n          open={showSnackBar}\n          autoHideDuration={5000}\n          onClose={() => setShowSnackBar(false)}\n          anchorOrigin={{ horizontal: 'center', vertical: 'top' }}\n        >\n          <Alert severity={'success'}>\n            <AlertTitle>Default Seed Phrase Generated</AlertTitle>\n            Go to application settings to save it.\n          </Alert>\n        </Snackbar>\n      )}\n      {children}\n    </>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBAA4C;AAE5C,mBAA4C;AAC5C,mBAAoC;AAoBhC;AAZG,IAAM,oBAAsD,CAAC,EAAE,kBAAkB,UAAU,8BAA8B,WAAW,MAAM;AAC/I,QAAM,CAAC,cAAc,eAAe,QAAI,uBAAS,KAAK;AAEtD,8BAAU,MAAM;AACd,QAAI,CAAC,YAAY;AACf,YAAM,eAAW,+BAAiB,uBAAU,SAAS,GAAG;AACxD,yBAAmB,QAAQ;AAC3B,sBAAgB,IAAI;AAAA,IACtB;AAAA,EACF,GAAG,CAAC,kBAAkB,UAAU,CAAC;AAEjC,SACE,4EACG;AAAA,mCAA+B,OAC9B;AAAA,MAAC;AAAA;AAAA,QACC,MAAM;AAAA,QACN,kBAAkB;AAAA,QAClB,SAAS,MAAM,gBAAgB,KAAK;AAAA,QACpC,cAAc,EAAE,YAAY,UAAU,UAAU,MAAM;AAAA,QAEtD,uDAAC,yBAAM,UAAU,WACf;AAAA,sDAAC,8BAAW,2CAA6B;AAAA,UAAa;AAAA,WAExD;AAAA;AAAA,IACF;AAAA,IAED;AAAA,KACH;AAEJ;","names":[]}

package/dist/browser/components/SeedPhrase/DefaultSeedPhrase.d.cts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { WithChildren } from '@xylabs/react-shared';
+export interface DefaultSeedPhraseProps extends WithChildren {
+    changeSeedPhrase?: (seedPhrase: string) => void;
+    hideDefaultSeedPhraseMessage?: boolean;
+    seedPhrase?: string;
+}
+export declare const DefaultSeedPhrase: React.FC<DefaultSeedPhraseProps>;
+//# sourceMappingURL=DefaultSeedPhrase.d.ts.map

package/dist/browser/components/SeedPhrase/DefaultSeedPhrase.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DefaultSeedPhrase.d.ts","sourceRoot":"","sources":["../../../../src/components/SeedPhrase/DefaultSeedPhrase.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAA;AAInD,MAAM,WAAW,sBAAuB,SAAQ,YAAY;IAC1D,gBAAgB,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAA;IAC/C,4BAA4B,CAAC,EAAE,OAAO,CAAA;IACtC,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB;AAED,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CA6B9D,CAAA"}

package/dist/browser/components/SeedPhrase/DefaultSeedPhrase.js

@@ -1,8 +1,9 @@
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+// src/components/SeedPhrase/DefaultSeedPhrase.tsx
 import { Alert, AlertTitle, Snackbar } from "@mui/material";
 import { generateMnemonic, wordlists } from "@xyo-network/bip39";
 import { useEffect, useState } from "react";
-const DefaultSeedPhrase = ({ changeSeedPhrase, children, hideDefaultSeedPhraseMessage, seedPhrase }) => {
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var DefaultSeedPhrase = ({ changeSeedPhrase, children, hideDefaultSeedPhraseMessage, seedPhrase }) => {
   const [showSnackBar, setShowSnackBar] = useState(false);
   useEffect(() => {
     if (!seedPhrase) {

package/dist/browser/components/SeedPhrase/DefaultSeedPhrase.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/SeedPhrase/DefaultSeedPhrase.tsx"],"sourcesContent":["import { Alert, AlertTitle, Snackbar } from '@mui/material'\nimport { WithChildren } from '@xylabs/react-shared'\nimport { generateMnemonic, wordlists } from '@xyo-network/bip39'\nimport { useEffect, useState } from 'react'\n\nexport interface DefaultSeedPhraseProps extends WithChildren {\n  changeSeedPhrase?: (seedPhrase: string) => void\n  hideDefaultSeedPhraseMessage?: boolean\n  seedPhrase?: string\n}\n\nexport const DefaultSeedPhrase: React.FC<DefaultSeedPhraseProps> = ({ changeSeedPhrase, children, hideDefaultSeedPhraseMessage, seedPhrase }) => {\n  const [showSnackBar, setShowSnackBar] = useState(false)\n\n  useEffect(() => {\n    if (!seedPhrase) {\n      const mnemonic = generateMnemonic(wordlists.english, 256)\n      changeSeedPhrase?.(mnemonic)\n      setShowSnackBar(true)\n    }\n  }, [changeSeedPhrase, seedPhrase])\n\n  return (\n    <>\n      {hideDefaultSeedPhraseMessage ? null : (\n        <Snackbar\n          open={showSnackBar}\n          autoHideDuration={5000}\n          onClose={() => setShowSnackBar(false)}\n          anchorOrigin={{ horizontal: 'center', vertical: 'top' }}\n        >\n          <Alert severity={'success'}>\n            <AlertTitle>Default Seed Phrase Generated</AlertTitle>\n            Go to application settings to save it.\n          </Alert>\n        </Snackbar>\n      )}\n      {children}\n    </>\n  )\n}\n"],"mappings":"AAuBI,mBASQ,KADF,YARN;AAvBJ,SAAS,OAAO,YAAY,gBAAgB;AAE5C,SAAS,kBAAkB,iBAAiB;AAC5C,SAAS,WAAW,gBAAgB;AAQ7B,MAAM,oBAAsD,CAAC,EAAE,kBAAkB,UAAU,8BAA8B,WAAW,MAAM;AAC/I,QAAM,CAAC,cAAc,eAAe,IAAI,SAAS,KAAK;AAEtD,YAAU,MAAM;AACd,QAAI,CAAC,YAAY;AACf,YAAM,WAAW,iBAAiB,UAAU,SAAS,GAAG;AACxD,yBAAmB,QAAQ;AAC3B,sBAAgB,IAAI;AAAA,IACtB;AAAA,EACF,GAAG,CAAC,kBAAkB,UAAU,CAAC;AAEjC,SACE,iCACG;AAAA,mCAA+B,OAC9B;AAAA,MAAC;AAAA;AAAA,QACC,MAAM;AAAA,QACN,kBAAkB;AAAA,QAClB,SAAS,MAAM,gBAAgB,KAAK;AAAA,QACpC,cAAc,EAAE,YAAY,UAAU,UAAU,MAAM;AAAA,QAEtD,+BAAC,SAAM,UAAU,WACf;AAAA,8BAAC,cAAW,2CAA6B;AAAA,UAAa;AAAA,WAExD;AAAA;AAAA,IACF;AAAA,IAED;AAAA,KACH;AAEJ;","names":[]}
+{"version":3,"sources":["../../../../src/components/SeedPhrase/DefaultSeedPhrase.tsx"],"sourcesContent":["import { Alert, AlertTitle, Snackbar } from '@mui/material'\nimport { WithChildren } from '@xylabs/react-shared'\nimport { generateMnemonic, wordlists } from '@xyo-network/bip39'\nimport { useEffect, useState } from 'react'\n\nexport interface DefaultSeedPhraseProps extends WithChildren {\n  changeSeedPhrase?: (seedPhrase: string) => void\n  hideDefaultSeedPhraseMessage?: boolean\n  seedPhrase?: string\n}\n\nexport const DefaultSeedPhrase: React.FC<DefaultSeedPhraseProps> = ({ changeSeedPhrase, children, hideDefaultSeedPhraseMessage, seedPhrase }) => {\n  const [showSnackBar, setShowSnackBar] = useState(false)\n\n  useEffect(() => {\n    if (!seedPhrase) {\n      const mnemonic = generateMnemonic(wordlists.english, 256)\n      changeSeedPhrase?.(mnemonic)\n      setShowSnackBar(true)\n    }\n  }, [changeSeedPhrase, seedPhrase])\n\n  return (\n    <>\n      {hideDefaultSeedPhraseMessage ? null : (\n        <Snackbar\n          open={showSnackBar}\n          autoHideDuration={5000}\n          onClose={() => setShowSnackBar(false)}\n          anchorOrigin={{ horizontal: 'center', vertical: 'top' }}\n        >\n          <Alert severity={'success'}>\n            <AlertTitle>Default Seed Phrase Generated</AlertTitle>\n            Go to application settings to save it.\n          </Alert>\n        </Snackbar>\n      )}\n      {children}\n    </>\n  )\n}\n"],"mappings":";AAAA,SAAS,OAAO,YAAY,gBAAgB;AAE5C,SAAS,kBAAkB,iBAAiB;AAC5C,SAAS,WAAW,gBAAgB;AAoBhC,mBASQ,KADF,YARN;AAZG,IAAM,oBAAsD,CAAC,EAAE,kBAAkB,UAAU,8BAA8B,WAAW,MAAM;AAC/I,QAAM,CAAC,cAAc,eAAe,IAAI,SAAS,KAAK;AAEtD,YAAU,MAAM;AACd,QAAI,CAAC,YAAY;AACf,YAAM,WAAW,iBAAiB,UAAU,SAAS,GAAG;AACxD,yBAAmB,QAAQ;AAC3B,sBAAgB,IAAI;AAAA,IACtB;AAAA,EACF,GAAG,CAAC,kBAAkB,UAAU,CAAC;AAEjC,SACE,iCACG;AAAA,mCAA+B,OAC9B;AAAA,MAAC;AAAA;AAAA,QACC,MAAM;AAAA,QACN,kBAAkB;AAAA,QAClB,SAAS,MAAM,gBAAgB,KAAK;AAAA,QACpC,cAAc,EAAE,YAAY,UAAU,UAAU,MAAM;AAAA,QAEtD,+BAAC,SAAM,UAAU,WACf;AAAA,8BAAC,cAAW,2CAA6B;AAAA,UAAa;AAAA,WAExD;AAAA;AAAA,IACF;AAAA,IAED;AAAA,KACH;AAEJ;","names":[]}

package/dist/browser/components/SeedPhrase/_shared/SeedPhraseIconButton.cjs

@@ -0,0 +1,56 @@
+"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/_shared/SeedPhraseIconButton.tsx
+var SeedPhraseIconButton_exports = {};
+__export(SeedPhraseIconButton_exports, {
+  SeedPhraseIconButton: () => SeedPhraseIconButton
+});
+module.exports = __toCommonJS(SeedPhraseIconButton_exports);
+var import_icons_material = require("@mui/icons-material");
+var import_material = require("@mui/material");
+var import_react = require("react");
+var import_jsx_runtime = require("react/jsx-runtime");
+var SeedPhraseIconButton = (props) => {
+  const [open, setOpen] = (0, import_react.useState)(false);
+  const onClose = () => setOpen(false);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.IconButton, { onClick: () => setOpen(true), ...props, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons_material.HelpOutline, { fontSize: "small" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_material.Dialog, { open, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.DialogTitle, { children: "Understanding your Seed Phrase" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_material.DialogContent, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_material.Typography, { children: [
+          "Your Seed Phrase should adhere to the",
+          " ",
+          /* @__PURE__ */ (0, import_jsx_runtime.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_runtime.jsxs)(import_material.List, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.ListItem, { children: "Do not share this phrase with anyone." }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.ListItem, { children: "Do not save it to a public computer." }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.ListItem, { children: "Do not use a existing phrase from another wallet (i.e. Metamask)." }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.ListItem, { children: "Do not use before copying it down somewhere safe." })
+        ] })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.DialogActions, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.Button, { onClick: onClose, variant: "outlined", children: "OK" }) })
+    ] })
+  ] });
+};
+//# sourceMappingURL=SeedPhraseIconButton.cjs.map

package/dist/{node/components/SeedPhrase/_shared/SeedPhraseIconButton.mjs.map → browser/components/SeedPhrase/_shared/SeedPhraseIconButton.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/SeedPhrase/_shared/SeedPhraseIconButton.tsx"],"sourcesContent":["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"],"mappings":"AAoBI,mBAEI,KAKE,YAPN;AApBJ,SAAS,eAAe,uBAAuB;AAC/C;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EAEA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,gBAAgB;AAElB,MAAM,uBAAkD,CAAC,UAAU;AACxE,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,KAAK;AACtC,QAAM,UAAU,MAAM,QAAQ,KAAK;AACnC,SACE,iCACE;AAAA,wBAAC,cAAW,SAAS,MAAM,QAAQ,IAAI,GAAI,GAAG,OAC5C,8BAAC,mBAAgB,UAAS,SAAQ,GACpC;AAAA,IACA,qBAAC,UAAO,MACN;AAAA,0BAAC,eAAY,4CAA8B;AAAA,MAC3C,qBAAC,iBACC;AAAA,6BAAC,cAAW;AAAA;AAAA,UAC4B;AAAA,UACtC,oBAAC,QAAK,QAAQ,UAAU,MAAK,kEAAiE,iCAE9F;AAAA,UAAQ;AAAA,UAAI;AAAA,WAEd;AAAA,QACA,qBAAC,QACC;AAAA,8BAAC,YAAS,mDAAqC;AAAA,UAC/C,oBAAC,YAAS,kDAAoC;AAAA,UAC9C,oBAAC,YAAS,+EAAiE;AAAA,UAC3E,oBAAC,YAAS,+DAAiD;AAAA,WAC7D;AAAA,SACF;AAAA,MACA,oBAAC,iBACC,8BAAC,UAAO,SAAS,SAAS,SAAQ,YAAW,gBAE7C,GACF;AAAA,OACF;AAAA,KACF;AAEJ;","names":[]}
+{"version":3,"sources":["../../../../../src/components/SeedPhrase/_shared/SeedPhraseIconButton.tsx"],"sourcesContent":["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"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,4BAA+C;AAC/C,sBAYO;AACP,mBAAyB;AAMrB;AAJG,IAAM,uBAAkD,CAAC,UAAU;AACxE,QAAM,CAAC,MAAM,OAAO,QAAI,uBAAS,KAAK;AACtC,QAAM,UAAU,MAAM,QAAQ,KAAK;AACnC,SACE,4EACE;AAAA,gDAAC,8BAAW,SAAS,MAAM,QAAQ,IAAI,GAAI,GAAG,OAC5C,sDAAC,sBAAAA,aAAA,EAAgB,UAAS,SAAQ,GACpC;AAAA,IACA,6CAAC,0BAAO,MACN;AAAA,kDAAC,+BAAY,4CAA8B;AAAA,MAC3C,6CAAC,iCACC;AAAA,qDAAC,8BAAW;AAAA;AAAA,UAC4B;AAAA,UACtC,4CAAC,wBAAK,QAAQ,UAAU,MAAK,kEAAiE,iCAE9F;AAAA,UAAQ;AAAA,UAAI;AAAA,WAEd;AAAA,QACA,6CAAC,wBACC;AAAA,sDAAC,4BAAS,mDAAqC;AAAA,UAC/C,4CAAC,4BAAS,kDAAoC;AAAA,UAC9C,4CAAC,4BAAS,+EAAiE;AAAA,UAC3E,4CAAC,4BAAS,+DAAiD;AAAA,WAC7D;AAAA,SACF;AAAA,MACA,4CAAC,iCACC,sDAAC,0BAAO,SAAS,SAAS,SAAQ,YAAW,gBAE7C,GACF;AAAA,OACF;AAAA,KACF;AAEJ;","names":["HelpOutlineIcon"]}

package/dist/browser/components/SeedPhrase/_shared/SeedPhraseIconButton.d.cts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { IconButtonProps } from '@mui/material';
+export declare const SeedPhraseIconButton: React.FC<IconButtonProps>;
+//# sourceMappingURL=SeedPhraseIconButton.d.ts.map

package/dist/browser/components/SeedPhrase/_shared/SeedPhraseIconButton.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SeedPhraseIconButton.d.ts","sourceRoot":"","sources":["../../../../../src/components/SeedPhrase/_shared/SeedPhraseIconButton.tsx"],"names":[],"mappings":";AACA,OAAO,EAOL,eAAe,EAKhB,MAAM,eAAe,CAAA;AAGtB,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAiC1D,CAAA"}

package/dist/browser/components/SeedPhrase/_shared/SeedPhraseIconButton.js

@@ -1,4 +1,4 @@
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+// src/components/SeedPhrase/_shared/SeedPhraseIconButton.tsx
 import { HelpOutline as HelpOutlineIcon } from "@mui/icons-material";
 import {
   Button,
@@ -13,7 +13,8 @@ import {
   Typography
 } from "@mui/material";
 import { useState } from "react";
-const SeedPhraseIconButton = (props) => {
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var SeedPhraseIconButton = (props) => {
   const [open, setOpen] = useState(false);
   const onClose = () => setOpen(false);
   return /* @__PURE__ */ jsxs(Fragment, { children: [

package/dist/browser/components/SeedPhrase/_shared/SeedPhraseIconButton.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/SeedPhrase/_shared/SeedPhraseIconButton.tsx"],"sourcesContent":["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"],"mappings":"AAoBI,mBAEI,KAKE,YAPN;AApBJ,SAAS,eAAe,uBAAuB;AAC/C;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EAEA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,gBAAgB;AAElB,MAAM,uBAAkD,CAAC,UAAU;AACxE,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,KAAK;AACtC,QAAM,UAAU,MAAM,QAAQ,KAAK;AACnC,SACE,iCACE;AAAA,wBAAC,cAAW,SAAS,MAAM,QAAQ,IAAI,GAAI,GAAG,OAC5C,8BAAC,mBAAgB,UAAS,SAAQ,GACpC;AAAA,IACA,qBAAC,UAAO,MACN;AAAA,0BAAC,eAAY,4CAA8B;AAAA,MAC3C,qBAAC,iBACC;AAAA,6BAAC,cAAW;AAAA;AAAA,UAC4B;AAAA,UACtC,oBAAC,QAAK,QAAQ,UAAU,MAAK,kEAAiE,iCAE9F;AAAA,UAAQ;AAAA,UAAI;AAAA,WAEd;AAAA,QACA,qBAAC,QACC;AAAA,8BAAC,YAAS,mDAAqC;AAAA,UAC/C,oBAAC,YAAS,kDAAoC;AAAA,UAC9C,oBAAC,YAAS,+EAAiE;AAAA,UAC3E,oBAAC,YAAS,+DAAiD;AAAA,WAC7D;AAAA,SACF;AAAA,MACA,oBAAC,iBACC,8BAAC,UAAO,SAAS,SAAS,SAAQ,YAAW,gBAE7C,GACF;AAAA,OACF;AAAA,KACF;AAEJ;","names":[]}
+{"version":3,"sources":["../../../../../src/components/SeedPhrase/_shared/SeedPhraseIconButton.tsx"],"sourcesContent":["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"],"mappings":";AAAA,SAAS,eAAe,uBAAuB;AAC/C;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EAEA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,gBAAgB;AAMrB,mBAEI,KAKE,YAPN;AAJG,IAAM,uBAAkD,CAAC,UAAU;AACxE,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,KAAK;AACtC,QAAM,UAAU,MAAM,QAAQ,KAAK;AACnC,SACE,iCACE;AAAA,wBAAC,cAAW,SAAS,MAAM,QAAQ,IAAI,GAAI,GAAG,OAC5C,8BAAC,mBAAgB,UAAS,SAAQ,GACpC;AAAA,IACA,qBAAC,UAAO,MACN;AAAA,0BAAC,eAAY,4CAA8B;AAAA,MAC3C,qBAAC,iBACC;AAAA,6BAAC,cAAW;AAAA;AAAA,UAC4B;AAAA,UACtC,oBAAC,QAAK,QAAQ,UAAU,MAAK,kEAAiE,iCAE9F;AAAA,UAAQ;AAAA,UAAI;AAAA,WAEd;AAAA,QACA,qBAAC,QACC;AAAA,8BAAC,YAAS,mDAAqC;AAAA,UAC/C,oBAAC,YAAS,kDAAoC;AAAA,UAC9C,oBAAC,YAAS,+EAAiE;AAAA,UAC3E,oBAAC,YAAS,+DAAiD;AAAA,WAC7D;AAAA,SACF;AAAA,MACA,oBAAC,iBACC,8BAAC,UAAO,SAAS,SAAS,SAAQ,YAAW,gBAE7C,GACF;AAAA,OACF;AAAA,KACF;AAEJ;","names":[]}

package/dist/browser/components/SeedPhrase/_shared/index.cjs

@@ -0,0 +1,58 @@
+"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/_shared/index.ts
+var shared_exports = {};
+__export(shared_exports, {
+  SeedPhraseIconButton: () => SeedPhraseIconButton
+});
+module.exports = __toCommonJS(shared_exports);
+
+// src/components/SeedPhrase/_shared/SeedPhraseIconButton.tsx
+var import_icons_material = require("@mui/icons-material");
+var import_material = require("@mui/material");
+var import_react = require("react");
+var import_jsx_runtime = require("react/jsx-runtime");
+var SeedPhraseIconButton = (props) => {
+  const [open, setOpen] = (0, import_react.useState)(false);
+  const onClose = () => setOpen(false);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.IconButton, { onClick: () => setOpen(true), ...props, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons_material.HelpOutline, { fontSize: "small" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_material.Dialog, { open, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.DialogTitle, { children: "Understanding your Seed Phrase" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_material.DialogContent, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_material.Typography, { children: [
+          "Your Seed Phrase should adhere to the",
+          " ",
+          /* @__PURE__ */ (0, import_jsx_runtime.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_runtime.jsxs)(import_material.List, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.ListItem, { children: "Do not share this phrase with anyone." }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.ListItem, { children: "Do not save it to a public computer." }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.ListItem, { children: "Do not use a existing phrase from another wallet (i.e. Metamask)." }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.ListItem, { children: "Do not use before copying it down somewhere safe." })
+        ] })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.DialogActions, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.Button, { onClick: onClose, variant: "outlined", children: "OK" }) })
+    ] })
+  ] });
+};
+//# sourceMappingURL=index.cjs.map

package/dist/browser/components/SeedPhrase/_shared/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/SeedPhrase/_shared/index.ts","../../../../../src/components/SeedPhrase/_shared/SeedPhraseIconButton.tsx"],"sourcesContent":["export * from './SeedPhraseIconButton'\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"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,4BAA+C;AAC/C,sBAYO;AACP,mBAAyB;AAMrB;AAJG,IAAM,uBAAkD,CAAC,UAAU;AACxE,QAAM,CAAC,MAAM,OAAO,QAAI,uBAAS,KAAK;AACtC,QAAM,UAAU,MAAM,QAAQ,KAAK;AACnC,SACE,4EACE;AAAA,gDAAC,8BAAW,SAAS,MAAM,QAAQ,IAAI,GAAI,GAAG,OAC5C,sDAAC,sBAAAA,aAAA,EAAgB,UAAS,SAAQ,GACpC;AAAA,IACA,6CAAC,0BAAO,MACN;AAAA,kDAAC,+BAAY,4CAA8B;AAAA,MAC3C,6CAAC,iCACC;AAAA,qDAAC,8BAAW;AAAA;AAAA,UAC4B;AAAA,UACtC,4CAAC,wBAAK,QAAQ,UAAU,MAAK,kEAAiE,iCAE9F;AAAA,UAAQ;AAAA,UAAI;AAAA,WAEd;AAAA,QACA,6CAAC,wBACC;AAAA,sDAAC,4BAAS,mDAAqC;AAAA,UAC/C,4CAAC,4BAAS,kDAAoC;AAAA,UAC9C,4CAAC,4BAAS,+EAAiE;AAAA,UAC3E,4CAAC,4BAAS,+DAAiD;AAAA,WAC7D;AAAA,SACF;AAAA,MACA,4CAAC,iCACC,sDAAC,0BAAO,SAAS,SAAS,SAAQ,YAAW,gBAE7C,GACF;AAAA,OACF;AAAA,KACF;AAEJ;","names":["HelpOutlineIcon"]}

package/dist/browser/components/SeedPhrase/_shared/index.d.cts

@@ -0,0 +1,2 @@
+export * from './SeedPhraseIconButton';
+//# sourceMappingURL=index.d.ts.map

package/dist/browser/components/SeedPhrase/_shared/index.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/SeedPhrase/_shared/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAA"}

package/dist/browser/components/SeedPhrase/_shared/index.js

@@ -1,2 +1,46 @@
-export * from "./SeedPhraseIconButton";
+// 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
+} from "@mui/material";
+import { useState } from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var SeedPhraseIconButton = (props) => {
+  const [open, setOpen] = useState(false);
+  const onClose = () => setOpen(false);
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(IconButton, { onClick: () => setOpen(true), ...props, children: /* @__PURE__ */ jsx(HelpOutlineIcon, { fontSize: "small" }) }),
+    /* @__PURE__ */ jsxs(Dialog, { open, children: [
+      /* @__PURE__ */ jsx(DialogTitle, { children: "Understanding your Seed Phrase" }),
+      /* @__PURE__ */ jsxs(DialogContent, { children: [
+        /* @__PURE__ */ jsxs(Typography, { children: [
+          "Your Seed Phrase should adhere to the",
+          " ",
+          /* @__PURE__ */ jsx(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__ */ jsxs(List, { children: [
+          /* @__PURE__ */ jsx(ListItem, { children: "Do not share this phrase with anyone." }),
+          /* @__PURE__ */ jsx(ListItem, { children: "Do not save it to a public computer." }),
+          /* @__PURE__ */ jsx(ListItem, { children: "Do not use a existing phrase from another wallet (i.e. Metamask)." }),
+          /* @__PURE__ */ jsx(ListItem, { children: "Do not use before copying it down somewhere safe." })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx(DialogActions, { children: /* @__PURE__ */ jsx(Button, { onClick: onClose, variant: "outlined", children: "OK" }) })
+    ] })
+  ] });
+};
+export {
+  SeedPhraseIconButton
+};
 //# sourceMappingURL=index.js.map

package/dist/browser/components/SeedPhrase/_shared/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/SeedPhrase/_shared/index.ts"],"sourcesContent":["export * from './SeedPhraseIconButton'\n"],"mappings":"AAAA,cAAc;","names":[]}
+{"version":3,"sources":["../../../../../src/components/SeedPhrase/_shared/SeedPhraseIconButton.tsx"],"sourcesContent":["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"],"mappings":";AAAA,SAAS,eAAe,uBAAuB;AAC/C;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EAEA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,gBAAgB;AAMrB,mBAEI,KAKE,YAPN;AAJG,IAAM,uBAAkD,CAAC,UAAU;AACxE,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,KAAK;AACtC,QAAM,UAAU,MAAM,QAAQ,KAAK;AACnC,SACE,iCACE;AAAA,wBAAC,cAAW,SAAS,MAAM,QAAQ,IAAI,GAAI,GAAG,OAC5C,8BAAC,mBAAgB,UAAS,SAAQ,GACpC;AAAA,IACA,qBAAC,UAAO,MACN;AAAA,0BAAC,eAAY,4CAA8B;AAAA,MAC3C,qBAAC,iBACC;AAAA,6BAAC,cAAW;AAAA;AAAA,UAC4B;AAAA,UACtC,oBAAC,QAAK,QAAQ,UAAU,MAAK,kEAAiE,iCAE9F;AAAA,UAAQ;AAAA,UAAI;AAAA,WAEd;AAAA,QACA,qBAAC,QACC;AAAA,8BAAC,YAAS,mDAAqC;AAAA,UAC/C,oBAAC,YAAS,kDAAoC;AAAA,UAC9C,oBAAC,YAAS,+EAAiE;AAAA,UAC3E,oBAAC,YAAS,+DAAiD;AAAA,WAC7D;AAAA,SACF;AAAA,MACA,oBAAC,iBACC,8BAAC,UAAO,SAAS,SAAS,SAAQ,YAAW,gBAE7C,GACF;AAAA,OACF;AAAA,KACF;AAEJ;","names":[]}

package/dist/browser/components/SeedPhrase/dialog/SeedPhraseDialog.cjs

@@ -0,0 +1,326 @@
+"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/SeedPhraseDialog.tsx
+var SeedPhraseDialog_exports = {};
+__export(SeedPhraseDialog_exports, {
+  SeedPhraseDialog: () => SeedPhraseDialog,
+  SeedPhraseDialogInner: () => SeedPhraseDialogInner
+});
+module.exports = __toCommonJS(SeedPhraseDialog_exports);
+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?.(seedPhrase ?? "");
+    }
+  }, [seedPhrase, open, setPhrase]);
+  const handleGenerate = () => {
+    const mnemonic = (0, import_bip39.generateMnemonic)(import_bip39.wordlists.english, 256);
+    setPhrase?.(mnemonic);
+    setOverwriteWarning?.(false);
+  };
+  const handleCancelOverwrite = () => {
+    setOverwriteWarning?.(false);
+  };
+  const handleClear = () => {
+    setPhrase?.("");
+    setOverwriteWarning?.(false);
+  };
+  const handleSave = () => {
+    if (!overwriteWarning && seedPhrase && seedPhrase !== phrase) {
+      setOverwriteWarning?.(true);
+    } else {
+      handleChangeSeedPhrase?.(phrase ?? "");
+      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?.(seedPhrase), [seedPhrase]);
+  const validPhrase = (0, import_react.useMemo)(() => 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?.("");
+    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?.(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: () => props.onClose?.({}, "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 })
+  ] });
+};
+//# sourceMappingURL=SeedPhraseDialog.cjs.map