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

package/dist/node/components/SeedPhrase/dialog/components/fields/SavedPhraseTextField.js

@@ -1,45 +1,72 @@
-"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;
+// src/components/SeedPhrase/dialog/components/fields/SavedPhraseTextField.tsx
+import { Chip, FormControl, FormLabel, TextField } from "@mui/material";
+import { useState } from "react";
+
+// src/contexts/SeedPhrase/Context.ts
+import { createContextEx } from "@xyo-network/react-shared";
+var SeedPhraseContext = createContextEx();
+
+// src/contexts/SeedPhrase/use.tsx
+import { useContextEx } from "@xyo-network/react-shared";
+var useSeedPhrase = () => useContextEx(SeedPhraseContext, "SeedPhrase", true);
+
+// src/components/SeedPhrase/dialog/components/fields/validation-messages/InvalidPhrase.tsx
+import { Link, Typography } from "@mui/material";
+import { jsx, jsxs } from "react/jsx-runtime";
+var InvalidPhraseTypography = (props) => /* @__PURE__ */ jsxs(Typography, { variant: "caption", color: "error", ...props, children: [
+  "Invalid seed phrase. See -",
+  " ",
+  /* @__PURE__ */ jsx(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
+import { CheckCircleOutline as CheckCircleOutlineIcon, HighlightOff as HighlightOffIcon } from "@mui/icons-material";
+import { FlexRow } from "@xylabs/react-flexbox";
+import { useMemo } from "react";
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var PhraseHeaderBox = ({ children, conditional, ...props }) => {
+  const state = useMemo(() => {
+    switch (conditional) {
+      case true:
+        return "success";
+      case false:
+        return "error";
+      default:
+        return null;
+    }
+  }, [conditional]);
+  const Icon = useMemo(() => {
+    switch (state) {
+      case "success":
+        return /* @__PURE__ */ jsx2(CheckCircleOutlineIcon, { fontSize: "small", color: "success" });
+      case "error":
+        return /* @__PURE__ */ jsx2(HighlightOffIcon, { fontSize: "small", color: "error" });
+      default:
+        return null;
+    }
+  }, [state]);
+  return /* @__PURE__ */ jsxs2(FlexRow, { justifyContent: "start", columnGap: 1, ...props, children: [
+    Icon,
+    children
+  ] });
 };
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var SavedPhraseTextField_exports = {};
-__export(SavedPhraseTextField_exports, {
-  SavedPhraseTextField: () => SavedPhraseTextField
-});
-module.exports = __toCommonJS(SavedPhraseTextField_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_material = require("@mui/material");
-var import_react = require("react");
-var import_contexts = require("../../../../../contexts");
-var import_validation_messages = require("./validation-messages");
-const SavedPhraseTextField = (props) => {
-  const { validSeedPhrase, seedPhrase } = (0, import_contexts.useSeedPhrase)();
-  const [visible, setVisible] = (0, import_react.useState)(false);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_material.FormControl, { fullWidth: true, size: "small", sx: { display: "flex", flexDirection: "column", rowGap: 1 }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.Chip, { label: visible ? "Hide Saved Seed Phrase" : "Reveal Saved Seed Phrase", onClick: () => setVisible(!visible) }),
-    visible ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.FormLabel, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_validation_messages.PhraseHeaderBox, { conditional: validSeedPhrase, children: "Saved Seed Phrase" }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-        import_material.TextField,
+
+// src/components/SeedPhrase/dialog/components/fields/SavedPhraseTextField.tsx
+import { Fragment, jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+var SavedPhraseTextField = (props) => {
+  const { validSeedPhrase, seedPhrase } = useSeedPhrase();
+  const [visible, setVisible] = useState(false);
+  return /* @__PURE__ */ jsxs3(FormControl, { fullWidth: true, size: "small", sx: { display: "flex", flexDirection: "column", rowGap: 1 }, children: [
+    /* @__PURE__ */ jsx3(Chip, { label: visible ? "Hide Saved Seed Phrase" : "Reveal Saved Seed Phrase", onClick: () => setVisible(!visible) }),
+    visible ? /* @__PURE__ */ jsxs3(Fragment, { children: [
+      /* @__PURE__ */ jsx3(FormLabel, { children: /* @__PURE__ */ jsx3(PhraseHeaderBox, { conditional: validSeedPhrase, children: "Saved Seed Phrase" }) }),
+      /* @__PURE__ */ jsx3(
+        TextField,
         {
           defaultValue: seedPhrase,
           disabled: true,
           error: validSeedPhrase === false,
-          helperText: validSeedPhrase === false ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_validation_messages.InvalidPhraseTypography, {}) : null,
+          helperText: validSeedPhrase === false ? /* @__PURE__ */ jsx3(InvalidPhraseTypography, {}) : null,
           fullWidth: true,
           maxRows: Infinity,
           multiline: true,
@@ -49,8 +76,7 @@ const SavedPhraseTextField = (props) => {
     ] }) : null
   ] });
 };
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
+export {
   SavedPhraseTextField
-});
+};
 //# sourceMappingURL=SavedPhraseTextField.js.map

package/dist/node/components/SeedPhrase/dialog/components/fields/SavedPhraseTextField.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../../src/components/SeedPhrase/dialog/components/fields/SavedPhraseTextField.tsx"],"sourcesContent":["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"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAaM;AAbN,sBAAgF;AAChF,mBAAyB;AAEzB,sBAA8B;AAC9B,iCAAyD;AAElD,MAAM,uBAAyD,CAAC,UAAU;AAC/E,QAAM,EAAE,iBAAiB,WAAW,QAAI,+BAAc;AAEtD,QAAM,CAAC,SAAS,UAAU,QAAI,uBAAS,KAAK;AAE5C,SACE,6CAAC,+BAAY,WAAS,MAAC,MAAK,SAAQ,IAAI,EAAE,SAAS,QAAQ,eAAe,UAAU,QAAQ,EAAE,GAC5F;AAAA,gDAAC,wBAAK,OAAO,UAAU,2BAA2B,4BAA4B,SAAS,MAAM,WAAW,CAAC,OAAO,GAAG;AAAA,IAClH,UACC,4EACE;AAAA,kDAAC,6BACC,sDAAC,8CAAgB,aAAa,iBAAiB,+BAAiB,GAClE;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,cAAc;AAAA,UACd,UAAQ;AAAA,UACR,OAAO,oBAAoB;AAAA,UAC3B,YAAY,oBAAoB,QAAQ,4CAAC,sDAAwB,IAAK;AAAA,UACtE,WAAS;AAAA,UACT,SAAS;AAAA,UACT,WAAS;AAAA,UACR,GAAG;AAAA;AAAA,MACN;AAAA,OACF,IACE;AAAA,KACN;AAEJ;","names":[]}
+{"version":3,"sources":["../../../../../../../src/components/SeedPhrase/dialog/components/fields/SavedPhraseTextField.tsx","../../../../../../../src/contexts/SeedPhrase/Context.ts","../../../../../../../src/contexts/SeedPhrase/use.tsx","../../../../../../../src/components/SeedPhrase/dialog/components/fields/validation-messages/InvalidPhrase.tsx","../../../../../../../src/components/SeedPhrase/dialog/components/fields/validation-messages/PhraseHeaderBox.tsx"],"sourcesContent":["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 { createContextEx } from '@xyo-network/react-shared'\n\nimport { SeedPhraseContextState } from './State'\n\nexport const SeedPhraseContext = createContextEx<SeedPhraseContextState>()\n","import { useContextEx } from '@xyo-network/react-shared'\n\nimport { SeedPhraseContext } from './Context'\n\nexport const useSeedPhrase = () => useContextEx(SeedPhraseContext, 'SeedPhrase', true)\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"],"mappings":";AAAA,SAAS,MAAM,aAAa,WAAmC,iBAAiB;AAChF,SAAS,gBAAgB;;;ACDzB,SAAS,uBAAuB;AAIzB,IAAM,oBAAoB,gBAAwC;;;ACJzE,SAAS,oBAAoB;AAItB,IAAM,gBAAgB,MAAM,aAAa,mBAAmB,cAAc,IAAI;;;ACJrF,SAAS,MAAM,kBAAmC;AAGhD,SAEE,KAFF;AADK,IAAM,0BAAqD,CAAC,UACjE,qBAAC,cAAW,SAAS,WAAW,OAAO,SAAU,GAAG,OAAO;AAAA;AAAA,EAC9B;AAAA,EAC3B,oBAAC,QAAK,QAAQ,UAAU,MAAK,kEAAiE,4BAE9F;AAAA,GACF;;;ACRF,SAAS,sBAAsB,wBAAwB,gBAAgB,wBAAwB;AAC/F,SAAuB,eAAe;AAEtC,SAAS,eAAe;AAqBT,gBAAAA,MASX,QAAAC,aATW;AAfR,IAAM,kBAA6C,CAAC,EAAE,UAAU,aAAa,GAAG,MAAM,MAAM;AACjG,QAAM,QAAQ,QAAQ,MAAM;AAC1B,YAAQ,aAAa;AAAA,MACnB,KAAK;AACH,eAAO;AAAA,MACT,KAAK;AACH,eAAO;AAAA,MACT;AACE,eAAO;AAAA,IACX;AAAA,EACF,GAAG,CAAC,WAAW,CAAC;AAEhB,QAAM,OAAO,QAAQ,MAAM;AACzB,YAAQ,OAAO;AAAA,MACb,KAAK;AACH,eAAO,gBAAAD,KAAC,0BAAuB,UAAS,SAAQ,OAAM,WAAU;AAAA,MAClE,KAAK;AACH,eAAO,gBAAAA,KAAC,oBAAiB,UAAS,SAAQ,OAAM,SAAQ;AAAA,MAC1D;AACE,eAAO;AAAA,IACX;AAAA,EACF,GAAG,CAAC,KAAK,CAAC;AAEV,SACE,gBAAAC,MAAC,WAAQ,gBAAgB,SAAS,WAAW,GAAI,GAAG,OACjD;AAAA;AAAA,IACA;AAAA,KACH;AAEJ;;;AJzBM,SAEE,UAFF,OAAAC,MAEE,QAAAC,aAFF;AAPC,IAAM,uBAAyD,CAAC,UAAU;AAC/E,QAAM,EAAE,iBAAiB,WAAW,IAAI,cAAc;AAEtD,QAAM,CAAC,SAAS,UAAU,IAAI,SAAS,KAAK;AAE5C,SACE,gBAAAA,MAAC,eAAY,WAAS,MAAC,MAAK,SAAQ,IAAI,EAAE,SAAS,QAAQ,eAAe,UAAU,QAAQ,EAAE,GAC5F;AAAA,oBAAAD,KAAC,QAAK,OAAO,UAAU,2BAA2B,4BAA4B,SAAS,MAAM,WAAW,CAAC,OAAO,GAAG;AAAA,IAClH,UACC,gBAAAC,MAAA,YACE;AAAA,sBAAAD,KAAC,aACC,0BAAAA,KAAC,mBAAgB,aAAa,iBAAiB,+BAAiB,GAClE;AAAA,MACA,gBAAAA;AAAA,QAAC;AAAA;AAAA,UACC,cAAc;AAAA,UACd,UAAQ;AAAA,UACR,OAAO,oBAAoB;AAAA,UAC3B,YAAY,oBAAoB,QAAQ,gBAAAA,KAAC,2BAAwB,IAAK;AAAA,UACtE,WAAS;AAAA,UACT,SAAS;AAAA,UACT,WAAS;AAAA,UACR,GAAG;AAAA;AAAA,MACN;AAAA,OACF,IACE;AAAA,KACN;AAEJ;","names":["jsx","jsxs","jsx","jsxs"]}

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

@@ -0,0 +1,154 @@
+"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/components/fields/index.ts
+var fields_exports = {};
+__export(fields_exports, {
+  NewPhraseTextField: () => NewPhraseTextField,
+  SavedPhraseTextField: () => SavedPhraseTextField
+});
+module.exports = __toCommonJS(fields_exports);
+
+// src/components/SeedPhrase/dialog/components/fields/NewPhraseTextField.tsx
+var import_material2 = 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/use.tsx
+var import_react_shared2 = require("@xyo-network/react-shared");
+var useSeedPhrase = () => (0, import_react_shared2.useContextEx)(SeedPhraseContext, "SeedPhrase", true);
+
+// 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_material = require("@mui/material");
+var import_jsx_runtime = require("react/jsx-runtime");
+var InvalidPhraseTypography = (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_material.Typography, { variant: "caption", color: "error", ...props, children: [
+  "Invalid seed phrase. See -",
+  " ",
+  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.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_material = require("@mui/icons-material");
+var import_react_flexbox = require("@xylabs/react-flexbox");
+var import_react = require("react");
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var PhraseHeaderBox = ({ children, conditional, ...props }) => {
+  const state = (0, import_react.useMemo)(() => {
+    switch (conditional) {
+      case true:
+        return "success";
+      case false:
+        return "error";
+      default:
+        return null;
+    }
+  }, [conditional]);
+  const Icon = (0, import_react.useMemo)(() => {
+    switch (state) {
+      case "success":
+        return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_icons_material.CheckCircleOutline, { fontSize: "small", color: "success" });
+      case "error":
+        return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_icons_material.HighlightOff, { fontSize: "small", color: "error" });
+      default:
+        return null;
+    }
+  }, [state]);
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_react_flexbox.FlexRow, { justifyContent: "start", columnGap: 1, ...props, children: [
+    Icon,
+    children
+  ] });
+};
+
+// src/components/SeedPhrase/dialog/components/fields/NewPhraseTextField.tsx
+var import_jsx_runtime3 = require("react/jsx-runtime");
+var NewPhraseTextField = (props) => {
+  const { handleClear, handleGenerate, overwriteWarning, phrase, setPhrase, validPhrase } = useSeedPhrase();
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_material2.FormControl, { fullWidth: true, size: "small", sx: { display: "flex", flexDirection: "column", rowGap: 1 }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_material2.FormLabel, { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(PhraseHeaderBox, { conditional: validPhrase, children: "New Seed Phrase" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+        import_material2.TextField,
+        {
+          focused: true,
+          color: colorParser(validPhrase),
+          error: validPhrase === false,
+          helperText: validPhrase === false ? /* @__PURE__ */ (0, import_jsx_runtime3.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_runtime3.jsxs)(import_material2.DialogActions, { sx: { justifyContent: "center" }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_material2.Button, { disabled: overwriteWarning, variant: "outlined", onClick: handleGenerate, children: "Generate" }),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_material2.Button, { variant: "outlined", onClick: handleClear, children: "Clear" })
+    ] })
+  ] });
+};
+
+// src/components/SeedPhrase/dialog/components/fields/SavedPhraseTextField.tsx
+var import_material3 = require("@mui/material");
+var import_react2 = require("react");
+var import_jsx_runtime4 = require("react/jsx-runtime");
+var SavedPhraseTextField = (props) => {
+  const { validSeedPhrase, seedPhrase } = useSeedPhrase();
+  const [visible, setVisible] = (0, import_react2.useState)(false);
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_material3.FormControl, { fullWidth: true, size: "small", sx: { display: "flex", flexDirection: "column", rowGap: 1 }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_material3.Chip, { label: visible ? "Hide Saved Seed Phrase" : "Reveal Saved Seed Phrase", onClick: () => setVisible(!visible) }),
+    visible ? /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_material3.FormLabel, { children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(PhraseHeaderBox, { conditional: validSeedPhrase, children: "Saved Seed Phrase" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+        import_material3.TextField,
+        {
+          defaultValue: seedPhrase,
+          disabled: true,
+          error: validSeedPhrase === false,
+          helperText: validSeedPhrase === false ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(InvalidPhraseTypography, {}) : null,
+          fullWidth: true,
+          maxRows: Infinity,
+          multiline: true,
+          ...props
+        }
+      )
+    ] }) : null
+  ] });
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  NewPhraseTextField,
+  SavedPhraseTextField
+});
+//# sourceMappingURL=index.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../src/components/SeedPhrase/dialog/components/fields/index.ts","../../../../../../../src/components/SeedPhrase/dialog/components/fields/NewPhraseTextField.tsx","../../../../../../../src/contexts/SeedPhrase/Context.ts","../../../../../../../src/contexts/SeedPhrase/use.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"],"sourcesContent":["export * from './NewPhraseTextField'\nexport * from './SavedPhraseTextField'\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","import { createContextEx } from '@xyo-network/react-shared'\n\nimport { SeedPhraseContextState } from './State'\n\nexport const SeedPhraseContext = createContextEx<SeedPhraseContextState>()\n","import { useContextEx } from '@xyo-network/react-shared'\n\nimport { SeedPhraseContext } from './Context'\n\nexport const useSeedPhrase = () => useContextEx(SeedPhraseContext, 'SeedPhrase', true)\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"],"mappings":"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","names":["import_material","import_react_shared","import_jsx_runtime","CheckCircleOutlineIcon","HighlightOffIcon","import_jsx_runtime","import_material","import_react","import_jsx_runtime"]}

package/dist/node/components/SeedPhrase/dialog/components/fields/index.d.cts

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

package/dist/node/components/SeedPhrase/dialog/components/fields/index.d.cts.map

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

package/dist/node/components/SeedPhrase/dialog/components/fields/index.js

@@ -1,25 +1,126 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-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 });
+// src/components/SeedPhrase/dialog/components/fields/NewPhraseTextField.tsx
+import { Button, DialogActions, FormControl, FormLabel, TextField } from "@mui/material";
+
+// src/contexts/SeedPhrase/Context.ts
+import { createContextEx } from "@xyo-network/react-shared";
+var SeedPhraseContext = createContextEx();
+
+// src/contexts/SeedPhrase/use.tsx
+import { useContextEx } from "@xyo-network/react-shared";
+var useSeedPhrase = () => useContextEx(SeedPhraseContext, "SeedPhrase", true);
+
+// 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;
   }
-  return to;
 };
-var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var fields_exports = {};
-module.exports = __toCommonJS(fields_exports);
-__reExport(fields_exports, require("./NewPhraseTextField"), module.exports);
-__reExport(fields_exports, require("./SavedPhraseTextField"), module.exports);
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  ...require("./NewPhraseTextField"),
-  ...require("./SavedPhraseTextField")
-});
+
+// src/components/SeedPhrase/dialog/components/fields/validation-messages/InvalidPhrase.tsx
+import { Link, Typography } from "@mui/material";
+import { jsx, jsxs } from "react/jsx-runtime";
+var InvalidPhraseTypography = (props) => /* @__PURE__ */ jsxs(Typography, { variant: "caption", color: "error", ...props, children: [
+  "Invalid seed phrase. See -",
+  " ",
+  /* @__PURE__ */ jsx(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
+import { CheckCircleOutline as CheckCircleOutlineIcon, HighlightOff as HighlightOffIcon } from "@mui/icons-material";
+import { FlexRow } from "@xylabs/react-flexbox";
+import { useMemo } from "react";
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var PhraseHeaderBox = ({ children, conditional, ...props }) => {
+  const state = useMemo(() => {
+    switch (conditional) {
+      case true:
+        return "success";
+      case false:
+        return "error";
+      default:
+        return null;
+    }
+  }, [conditional]);
+  const Icon = useMemo(() => {
+    switch (state) {
+      case "success":
+        return /* @__PURE__ */ jsx2(CheckCircleOutlineIcon, { fontSize: "small", color: "success" });
+      case "error":
+        return /* @__PURE__ */ jsx2(HighlightOffIcon, { fontSize: "small", color: "error" });
+      default:
+        return null;
+    }
+  }, [state]);
+  return /* @__PURE__ */ jsxs2(FlexRow, { justifyContent: "start", columnGap: 1, ...props, children: [
+    Icon,
+    children
+  ] });
+};
+
+// src/components/SeedPhrase/dialog/components/fields/NewPhraseTextField.tsx
+import { Fragment, jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+var NewPhraseTextField = (props) => {
+  const { handleClear, handleGenerate, overwriteWarning, phrase, setPhrase, validPhrase } = useSeedPhrase();
+  return /* @__PURE__ */ jsxs3(Fragment, { children: [
+    /* @__PURE__ */ jsxs3(FormControl, { fullWidth: true, size: "small", sx: { display: "flex", flexDirection: "column", rowGap: 1 }, children: [
+      /* @__PURE__ */ jsx3(FormLabel, { children: /* @__PURE__ */ jsx3(PhraseHeaderBox, { conditional: validPhrase, children: "New Seed Phrase" }) }),
+      /* @__PURE__ */ jsx3(
+        TextField,
+        {
+          focused: true,
+          color: colorParser(validPhrase),
+          error: validPhrase === false,
+          helperText: validPhrase === false ? /* @__PURE__ */ jsx3(InvalidPhraseTypography, {}) : null,
+          fullWidth: true,
+          maxRows: Infinity,
+          multiline: true,
+          onChange: (e) => setPhrase == null ? void 0 : setPhrase(e.target.value),
+          value: phrase,
+          ...props
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs3(DialogActions, { sx: { justifyContent: "center" }, children: [
+      /* @__PURE__ */ jsx3(Button, { disabled: overwriteWarning, variant: "outlined", onClick: handleGenerate, children: "Generate" }),
+      /* @__PURE__ */ jsx3(Button, { 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 { useState } from "react";
+import { Fragment as Fragment2, jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
+var SavedPhraseTextField = (props) => {
+  const { validSeedPhrase, seedPhrase } = useSeedPhrase();
+  const [visible, setVisible] = useState(false);
+  return /* @__PURE__ */ jsxs4(FormControl2, { fullWidth: true, size: "small", sx: { display: "flex", flexDirection: "column", rowGap: 1 }, children: [
+    /* @__PURE__ */ jsx4(Chip, { label: visible ? "Hide Saved Seed Phrase" : "Reveal Saved Seed Phrase", onClick: () => setVisible(!visible) }),
+    visible ? /* @__PURE__ */ jsxs4(Fragment2, { children: [
+      /* @__PURE__ */ jsx4(FormLabel2, { children: /* @__PURE__ */ jsx4(PhraseHeaderBox, { conditional: validSeedPhrase, children: "Saved Seed Phrase" }) }),
+      /* @__PURE__ */ jsx4(
+        TextField2,
+        {
+          defaultValue: seedPhrase,
+          disabled: true,
+          error: validSeedPhrase === false,
+          helperText: validSeedPhrase === false ? /* @__PURE__ */ jsx4(InvalidPhraseTypography, {}) : null,
+          fullWidth: true,
+          maxRows: Infinity,
+          multiline: true,
+          ...props
+        }
+      )
+    ] }) : null
+  ] });
+};
+export {
+  NewPhraseTextField,
+  SavedPhraseTextField
+};
 //# sourceMappingURL=index.js.map

package/dist/node/components/SeedPhrase/dialog/components/fields/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../../src/components/SeedPhrase/dialog/components/fields/index.ts"],"sourcesContent":["export * from './NewPhraseTextField'\nexport * from './SavedPhraseTextField'\n"],"mappings":";;;;;;;;;;;;;;;AAAA;AAAA;AAAA,2BAAc,iCAAd;AACA,2BAAc,mCADd;","names":[]}
+{"version":3,"sources":["../../../../../../../src/components/SeedPhrase/dialog/components/fields/NewPhraseTextField.tsx","../../../../../../../src/contexts/SeedPhrase/Context.ts","../../../../../../../src/contexts/SeedPhrase/use.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"],"sourcesContent":["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","import { createContextEx } from '@xyo-network/react-shared'\n\nimport { SeedPhraseContextState } from './State'\n\nexport const SeedPhraseContext = createContextEx<SeedPhraseContextState>()\n","import { useContextEx } from '@xyo-network/react-shared'\n\nimport { SeedPhraseContext } from './Context'\n\nexport const useSeedPhrase = () => useContextEx(SeedPhraseContext, 'SeedPhrase', true)\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"],"mappings":"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","names":["jsx","jsxs","jsx","jsxs","FormControl","FormLabel","TextField","Fragment","jsx","jsxs","FormControl","FormLabel","TextField"]}

package/dist/node/components/SeedPhrase/dialog/components/fields/validation-messages/InvalidPhrase.cjs

@@ -0,0 +1,37 @@
+"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/components/fields/validation-messages/InvalidPhrase.tsx
+var InvalidPhrase_exports = {};
+__export(InvalidPhrase_exports, {
+  InvalidPhraseTypography: () => InvalidPhraseTypography
+});
+module.exports = __toCommonJS(InvalidPhrase_exports);
+var import_material = require("@mui/material");
+var import_jsx_runtime = require("react/jsx-runtime");
+var InvalidPhraseTypography = (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_material.Typography, { variant: "caption", color: "error", ...props, children: [
+  "Invalid seed phrase. See -",
+  " ",
+  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.Link, { target: "_blank", href: "https://github.com/bitcoin/bips/blob/master/bip-0039.mediawiki", children: "bip39 Proposal" })
+] });
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  InvalidPhraseTypography
+});
+//# sourceMappingURL=InvalidPhrase.cjs.map

package/dist/node/components/SeedPhrase/dialog/components/fields/validation-messages/InvalidPhrase.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../../src/components/SeedPhrase/dialog/components/fields/validation-messages/InvalidPhrase.tsx"],"sourcesContent":["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"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBAAkD;AAGhD;AADK,IAAM,0BAAqD,CAAC,UACjE,6CAAC,8BAAW,SAAS,WAAW,OAAO,SAAU,GAAG,OAAO;AAAA;AAAA,EAC9B;AAAA,EAC3B,4CAAC,wBAAK,QAAQ,UAAU,MAAK,kEAAiE,4BAE9F;AAAA,GACF;","names":[]}

package/dist/node/components/SeedPhrase/dialog/components/fields/validation-messages/InvalidPhrase.d.cts

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

package/dist/node/components/SeedPhrase/dialog/components/fields/validation-messages/InvalidPhrase.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InvalidPhrase.d.ts","sourceRoot":"","sources":["../../../../../../../../src/components/SeedPhrase/dialog/components/fields/validation-messages/InvalidPhrase.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAoB,eAAe,EAAE,MAAM,eAAe,CAAA;AAEjE,eAAO,MAAM,uBAAuB,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAO7D,CAAA"}

package/dist/node/components/SeedPhrase/dialog/components/fields/validation-messages/InvalidPhrase.js

@@ -1,35 +1,12 @@
-"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);
-var InvalidPhrase_exports = {};
-__export(InvalidPhrase_exports, {
-  InvalidPhraseTypography: () => InvalidPhraseTypography
-});
-module.exports = __toCommonJS(InvalidPhrase_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_material = require("@mui/material");
-const InvalidPhraseTypography = (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_material.Typography, { variant: "caption", color: "error", ...props, children: [
+// src/components/SeedPhrase/dialog/components/fields/validation-messages/InvalidPhrase.tsx
+import { Link, Typography } from "@mui/material";
+import { jsx, jsxs } from "react/jsx-runtime";
+var InvalidPhraseTypography = (props) => /* @__PURE__ */ jsxs(Typography, { variant: "caption", color: "error", ...props, children: [
   "Invalid seed phrase. See -",
   " ",
-  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.Link, { target: "_blank", href: "https://github.com/bitcoin/bips/blob/master/bip-0039.mediawiki", children: "bip39 Proposal" })
+  /* @__PURE__ */ jsx(Link, { target: "_blank", href: "https://github.com/bitcoin/bips/blob/master/bip-0039.mediawiki", children: "bip39 Proposal" })
 ] });
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
+export {
   InvalidPhraseTypography
-});
+};
 //# sourceMappingURL=InvalidPhrase.js.map

package/dist/node/components/SeedPhrase/dialog/components/fields/validation-messages/InvalidPhrase.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../../../src/components/SeedPhrase/dialog/components/fields/validation-messages/InvalidPhrase.tsx"],"sourcesContent":["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"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGE;AAHF,sBAAkD;AAE3C,MAAM,0BAAqD,CAAC,UACjE,6CAAC,8BAAW,SAAS,WAAW,OAAO,SAAU,GAAG,OAAO;AAAA;AAAA,EAC9B;AAAA,EAC3B,4CAAC,wBAAK,QAAQ,UAAU,MAAK,kEAAiE,4BAE9F;AAAA,GACF;","names":[]}
+{"version":3,"sources":["../../../../../../../../src/components/SeedPhrase/dialog/components/fields/validation-messages/InvalidPhrase.tsx"],"sourcesContent":["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"],"mappings":";AAAA,SAAS,MAAM,kBAAmC;AAGhD,SAEE,KAFF;AADK,IAAM,0BAAqD,CAAC,UACjE,qBAAC,cAAW,SAAS,WAAW,OAAO,SAAU,GAAG,OAAO;AAAA;AAAA,EAC9B;AAAA,EAC3B,oBAAC,QAAK,QAAQ,UAAU,MAAK,kEAAiE,4BAE9F;AAAA,GACF;","names":[]}