@xyo-network/react-wallet 2.64.0 → 2.64.3

package/dist/browser/components/MaxAccounts/MaxAccountsTableRow.js

@@ -1,9 +1,39 @@
-import { jsx, jsxs } from "react/jsx-runtime";
+// src/components/MaxAccounts/MaxAccountsTableRow.tsx
 import { ButtonGroup, TableCell, TableRow, Typography } from "@mui/material";
 import { ButtonEx } from "@xylabs/react-button";
 import { useState } from "react";
-import { OutOfBoundsSnackBar } from "./OutOfBoundsSnackBar";
-const MaxAccountsTableRow = ({ activeAccountIndex, changeMaxAccounts, maxAccounts }) => {
+
+// src/components/MaxAccounts/OutOfBoundsSnackBar.tsx
+import { Alert, AlertTitle, Snackbar } from "@mui/material";
+import { jsx, jsxs } from "react/jsx-runtime";
+var OutOfBoundsSnackBar = ({
+  activeAccountIndex,
+  desiredMaximumAccounts,
+  setShowSnackBar,
+  showSnackBar
+}) => {
+  return /* @__PURE__ */ jsx(
+    Snackbar,
+    {
+      anchorOrigin: { horizontal: "center", vertical: "top" },
+      autoHideDuration: 5e3,
+      onClose: () => setShowSnackBar?.(false),
+      open: showSnackBar,
+      children: /* @__PURE__ */ jsxs(Alert, { severity: "error", onClose: () => setShowSnackBar?.(false), children: [
+        /* @__PURE__ */ jsx(AlertTitle, { children: "Maximum Accounts Error" }),
+        "Your currently selected account number (",
+        activeAccountIndex !== void 0 ? activeAccountIndex + 1 : "",
+        ") cannot be greater than the desired Maximum Accounts (",
+        desiredMaximumAccounts,
+        ")."
+      ] })
+    }
+  );
+};
+
+// src/components/MaxAccounts/MaxAccountsTableRow.tsx
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var MaxAccountsTableRow = ({ activeAccountIndex, changeMaxAccounts, maxAccounts }) => {
   const [desiredMaximumAccounts, setDesiredMaximumAccounts] = useState();
   const [showSnackBar, setShowSnackBar] = useState(false);
   const handleChangeMaxAccounts = (change) => {
@@ -33,15 +63,15 @@ const MaxAccountsTableRow = ({ activeAccountIndex, changeMaxAccounts, maxAccount
       throw new Error("Max Accounts is unset and needs a default");
     }
   };
-  return /* @__PURE__ */ jsxs(TableRow, { children: [
-    /* @__PURE__ */ jsx(TableCell, { children: "Maximum Accounts" }),
-    /* @__PURE__ */ jsx(TableCell, { align: "center", children: /* @__PURE__ */ jsx(Typography, { variant: "caption", children: maxAccounts }) }),
-    /* @__PURE__ */ jsxs(TableCell, { align: "center", children: [
-      /* @__PURE__ */ jsxs(ButtonGroup, { children: [
-        /* @__PURE__ */ jsx(ButtonEx, { onClick: () => handleChangeMaxAccounts("decrease"), variant: "contained", size: "small", children: "-" }),
-        /* @__PURE__ */ jsx(ButtonEx, { onClick: () => handleChangeMaxAccounts("increase"), variant: "contained", size: "small", children: "+" })
+  return /* @__PURE__ */ jsxs2(TableRow, { children: [
+    /* @__PURE__ */ jsx2(TableCell, { children: "Maximum Accounts" }),
+    /* @__PURE__ */ jsx2(TableCell, { align: "center", children: /* @__PURE__ */ jsx2(Typography, { variant: "caption", children: maxAccounts }) }),
+    /* @__PURE__ */ jsxs2(TableCell, { align: "center", children: [
+      /* @__PURE__ */ jsxs2(ButtonGroup, { children: [
+        /* @__PURE__ */ jsx2(ButtonEx, { onClick: () => handleChangeMaxAccounts("decrease"), variant: "contained", size: "small", children: "-" }),
+        /* @__PURE__ */ jsx2(ButtonEx, { onClick: () => handleChangeMaxAccounts("increase"), variant: "contained", size: "small", children: "+" })
       ] }),
-      /* @__PURE__ */ jsx(
+      /* @__PURE__ */ jsx2(
         OutOfBoundsSnackBar,
         {
           desiredMaximumAccounts,

package/dist/browser/components/MaxAccounts/MaxAccountsTableRow.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/MaxAccounts/MaxAccountsTableRow.tsx"],"sourcesContent":["import { ButtonGroup, TableCell, TableRow, TableRowProps, Typography } from '@mui/material'\nimport { ButtonEx } from '@xylabs/react-button'\nimport { useState } from 'react'\n\nimport { OutOfBoundsSnackBar } from './OutOfBoundsSnackBar'\n\nexport interface MaxAccountsTableRow extends TableRowProps {\n  activeAccountIndex?: number\n  changeMaxAccounts?: (maxAccounts: number) => void\n  maxAccounts?: number\n}\n\nexport const MaxAccountsTableRow: React.FC<MaxAccountsTableRow> = ({ activeAccountIndex, changeMaxAccounts, maxAccounts }) => {\n  const [desiredMaximumAccounts, setDesiredMaximumAccounts] = useState<number | undefined>()\n  const [showSnackBar, setShowSnackBar] = useState(false)\n\n  const handleChangeMaxAccounts = (change: 'increase' | 'decrease') => {\n    if (maxAccounts !== undefined && activeAccountIndex !== undefined) {\n      switch (change) {\n        case 'decrease': {\n          const desiredMaximumAccounts = maxAccounts - 1\n          const validMaximumAccounts = desiredMaximumAccounts > 0\n          const maxAccountsWithinRange = activeAccountIndex + 1 <= desiredMaximumAccounts\n          if (validMaximumAccounts && maxAccountsWithinRange) {\n            changeMaxAccounts?.(desiredMaximumAccounts)\n          }\n          if (!maxAccountsWithinRange) setShowSnackBar(true)\n          setDesiredMaximumAccounts(desiredMaximumAccounts)\n          return\n        }\n        case 'increase': {\n          changeMaxAccounts?.(maxAccounts + 1)\n          return\n        }\n        default: {\n          console.error(change, 'is not a recognized value')\n        }\n      }\n    } else {\n      throw new Error('Max Accounts is unset and needs a default')\n    }\n  }\n\n  return (\n    <TableRow>\n      <TableCell>Maximum Accounts</TableCell>\n      <TableCell align=\"center\">\n        <Typography variant={'caption'}>{maxAccounts}</Typography>\n      </TableCell>\n      <TableCell align=\"center\">\n        <ButtonGroup>\n          <ButtonEx onClick={() => handleChangeMaxAccounts('decrease')} variant={'contained'} size={'small'}>\n            -\n          </ButtonEx>\n          <ButtonEx onClick={() => handleChangeMaxAccounts('increase')} variant={'contained'} size={'small'}>\n            +\n          </ButtonEx>\n        </ButtonGroup>\n        <OutOfBoundsSnackBar\n          desiredMaximumAccounts={desiredMaximumAccounts}\n          activeAccountIndex={activeAccountIndex}\n          setShowSnackBar={setShowSnackBar}\n          showSnackBar={showSnackBar}\n        />\n      </TableCell>\n    </TableRow>\n  )\n}\n"],"mappings":"AA6CM,cAKE,YALF;AA7CN,SAAS,aAAa,WAAW,UAAyB,kBAAkB;AAC5E,SAAS,gBAAgB;AACzB,SAAS,gBAAgB;AAEzB,SAAS,2BAA2B;AAQ7B,MAAM,sBAAqD,CAAC,EAAE,oBAAoB,mBAAmB,YAAY,MAAM;AAC5H,QAAM,CAAC,wBAAwB,yBAAyB,IAAI,SAA6B;AACzF,QAAM,CAAC,cAAc,eAAe,IAAI,SAAS,KAAK;AAEtD,QAAM,0BAA0B,CAAC,WAAoC;AACnE,QAAI,gBAAgB,UAAa,uBAAuB,QAAW;AACjE,cAAQ,QAAQ;AAAA,QACd,KAAK,YAAY;AACf,gBAAMA,0BAAyB,cAAc;AAC7C,gBAAM,uBAAuBA,0BAAyB;AACtD,gBAAM,yBAAyB,qBAAqB,KAAKA;AACzD,cAAI,wBAAwB,wBAAwB;AAClD,gCAAoBA,uBAAsB;AAAA,UAC5C;AACA,cAAI,CAAC;AAAwB,4BAAgB,IAAI;AACjD,oCAA0BA,uBAAsB;AAChD;AAAA,QACF;AAAA,QACA,KAAK,YAAY;AACf,8BAAoB,cAAc,CAAC;AACnC;AAAA,QACF;AAAA,QACA,SAAS;AACP,kBAAQ,MAAM,QAAQ,2BAA2B;AAAA,QACnD;AAAA,MACF;AAAA,IACF,OAAO;AACL,YAAM,IAAI,MAAM,2CAA2C;AAAA,IAC7D;AAAA,EACF;AAEA,SACE,qBAAC,YACC;AAAA,wBAAC,aAAU,8BAAgB;AAAA,IAC3B,oBAAC,aAAU,OAAM,UACf,8BAAC,cAAW,SAAS,WAAY,uBAAY,GAC/C;AAAA,IACA,qBAAC,aAAU,OAAM,UACf;AAAA,2BAAC,eACC;AAAA,4BAAC,YAAS,SAAS,MAAM,wBAAwB,UAAU,GAAG,SAAS,aAAa,MAAM,SAAS,eAEnG;AAAA,QACA,oBAAC,YAAS,SAAS,MAAM,wBAAwB,UAAU,GAAG,SAAS,aAAa,MAAM,SAAS,eAEnG;AAAA,SACF;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA;AAAA,MACF;AAAA,OACF;AAAA,KACF;AAEJ;","names":["desiredMaximumAccounts"]}
+{"version":3,"sources":["../../../../src/components/MaxAccounts/MaxAccountsTableRow.tsx","../../../../src/components/MaxAccounts/OutOfBoundsSnackBar.tsx"],"sourcesContent":["import { ButtonGroup, TableCell, TableRow, TableRowProps, Typography } from '@mui/material'\nimport { ButtonEx } from '@xylabs/react-button'\nimport { useState } from 'react'\n\nimport { OutOfBoundsSnackBar } from './OutOfBoundsSnackBar'\n\nexport interface MaxAccountsTableRow extends TableRowProps {\n  activeAccountIndex?: number\n  changeMaxAccounts?: (maxAccounts: number) => void\n  maxAccounts?: number\n}\n\nexport const MaxAccountsTableRow: React.FC<MaxAccountsTableRow> = ({ activeAccountIndex, changeMaxAccounts, maxAccounts }) => {\n  const [desiredMaximumAccounts, setDesiredMaximumAccounts] = useState<number | undefined>()\n  const [showSnackBar, setShowSnackBar] = useState(false)\n\n  const handleChangeMaxAccounts = (change: 'increase' | 'decrease') => {\n    if (maxAccounts !== undefined && activeAccountIndex !== undefined) {\n      switch (change) {\n        case 'decrease': {\n          const desiredMaximumAccounts = maxAccounts - 1\n          const validMaximumAccounts = desiredMaximumAccounts > 0\n          const maxAccountsWithinRange = activeAccountIndex + 1 <= desiredMaximumAccounts\n          if (validMaximumAccounts && maxAccountsWithinRange) {\n            changeMaxAccounts?.(desiredMaximumAccounts)\n          }\n          if (!maxAccountsWithinRange) setShowSnackBar(true)\n          setDesiredMaximumAccounts(desiredMaximumAccounts)\n          return\n        }\n        case 'increase': {\n          changeMaxAccounts?.(maxAccounts + 1)\n          return\n        }\n        default: {\n          console.error(change, 'is not a recognized value')\n        }\n      }\n    } else {\n      throw new Error('Max Accounts is unset and needs a default')\n    }\n  }\n\n  return (\n    <TableRow>\n      <TableCell>Maximum Accounts</TableCell>\n      <TableCell align=\"center\">\n        <Typography variant={'caption'}>{maxAccounts}</Typography>\n      </TableCell>\n      <TableCell align=\"center\">\n        <ButtonGroup>\n          <ButtonEx onClick={() => handleChangeMaxAccounts('decrease')} variant={'contained'} size={'small'}>\n            -\n          </ButtonEx>\n          <ButtonEx onClick={() => handleChangeMaxAccounts('increase')} variant={'contained'} size={'small'}>\n            +\n          </ButtonEx>\n        </ButtonGroup>\n        <OutOfBoundsSnackBar\n          desiredMaximumAccounts={desiredMaximumAccounts}\n          activeAccountIndex={activeAccountIndex}\n          setShowSnackBar={setShowSnackBar}\n          showSnackBar={showSnackBar}\n        />\n      </TableCell>\n    </TableRow>\n  )\n}\n","import { Alert, AlertTitle, Snackbar, SnackbarProps } from '@mui/material'\nimport { Dispatch, SetStateAction } from 'react'\n\nexport interface OutOfBoundsSnackBarProps extends SnackbarProps {\n  activeAccountIndex?: number\n  desiredMaximumAccounts?: number\n  setShowSnackBar?: Dispatch<SetStateAction<boolean>>\n  showSnackBar?: boolean\n}\n\nexport const OutOfBoundsSnackBar: React.FC<OutOfBoundsSnackBarProps> = ({\n  activeAccountIndex,\n  desiredMaximumAccounts,\n  setShowSnackBar,\n  showSnackBar,\n}) => {\n  return (\n    <Snackbar\n      anchorOrigin={{ horizontal: 'center', vertical: 'top' }}\n      autoHideDuration={5000}\n      onClose={() => setShowSnackBar?.(false)}\n      open={showSnackBar}\n    >\n      <Alert severity={'error'} onClose={() => setShowSnackBar?.(false)}>\n        <AlertTitle>Maximum Accounts Error</AlertTitle>\n        Your currently selected account number ({activeAccountIndex !== undefined ? activeAccountIndex + 1 : ''}) cannot be greater than the desired\n        Maximum Accounts ({desiredMaximumAccounts}).\n      </Alert>\n    </Snackbar>\n  )\n}\n"],"mappings":";AAAA,SAAS,aAAa,WAAW,UAAyB,kBAAkB;AAC5E,SAAS,gBAAgB;AACzB,SAAS,gBAAgB;;;ACFzB,SAAS,OAAO,YAAY,gBAA+B;AAuBrD,SACE,KADF;AAbC,IAAM,sBAA0D,CAAC;AAAA,EACtE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,SACE;AAAA,IAAC;AAAA;AAAA,MACC,cAAc,EAAE,YAAY,UAAU,UAAU,MAAM;AAAA,MACtD,kBAAkB;AAAA,MAClB,SAAS,MAAM,kBAAkB,KAAK;AAAA,MACtC,MAAM;AAAA,MAEN,+BAAC,SAAM,UAAU,SAAS,SAAS,MAAM,kBAAkB,KAAK,GAC9D;AAAA,4BAAC,cAAW,oCAAsB;AAAA,QAAa;AAAA,QACN,uBAAuB,SAAY,qBAAqB,IAAI;AAAA,QAAG;AAAA,QACrF;AAAA,QAAuB;AAAA,SAC5C;AAAA;AAAA,EACF;AAEJ;;;ADeM,gBAAAA,MAKE,QAAAC,aALF;AAjCC,IAAM,sBAAqD,CAAC,EAAE,oBAAoB,mBAAmB,YAAY,MAAM;AAC5H,QAAM,CAAC,wBAAwB,yBAAyB,IAAI,SAA6B;AACzF,QAAM,CAAC,cAAc,eAAe,IAAI,SAAS,KAAK;AAEtD,QAAM,0BAA0B,CAAC,WAAoC;AACnE,QAAI,gBAAgB,UAAa,uBAAuB,QAAW;AACjE,cAAQ,QAAQ;AAAA,QACd,KAAK,YAAY;AACf,gBAAMC,0BAAyB,cAAc;AAC7C,gBAAM,uBAAuBA,0BAAyB;AACtD,gBAAM,yBAAyB,qBAAqB,KAAKA;AACzD,cAAI,wBAAwB,wBAAwB;AAClD,gCAAoBA,uBAAsB;AAAA,UAC5C;AACA,cAAI,CAAC;AAAwB,4BAAgB,IAAI;AACjD,oCAA0BA,uBAAsB;AAChD;AAAA,QACF;AAAA,QACA,KAAK,YAAY;AACf,8BAAoB,cAAc,CAAC;AACnC;AAAA,QACF;AAAA,QACA,SAAS;AACP,kBAAQ,MAAM,QAAQ,2BAA2B;AAAA,QACnD;AAAA,MACF;AAAA,IACF,OAAO;AACL,YAAM,IAAI,MAAM,2CAA2C;AAAA,IAC7D;AAAA,EACF;AAEA,SACE,gBAAAD,MAAC,YACC;AAAA,oBAAAD,KAAC,aAAU,8BAAgB;AAAA,IAC3B,gBAAAA,KAAC,aAAU,OAAM,UACf,0BAAAA,KAAC,cAAW,SAAS,WAAY,uBAAY,GAC/C;AAAA,IACA,gBAAAC,MAAC,aAAU,OAAM,UACf;AAAA,sBAAAA,MAAC,eACC;AAAA,wBAAAD,KAAC,YAAS,SAAS,MAAM,wBAAwB,UAAU,GAAG,SAAS,aAAa,MAAM,SAAS,eAEnG;AAAA,QACA,gBAAAA,KAAC,YAAS,SAAS,MAAM,wBAAwB,UAAU,GAAG,SAAS,aAAa,MAAM,SAAS,eAEnG;AAAA,SACF;AAAA,MACA,gBAAAA;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA;AAAA,MACF;AAAA,OACF;AAAA,KACF;AAEJ;","names":["jsx","jsxs","desiredMaximumAccounts"]}

package/dist/browser/components/MaxAccounts/OutOfBoundsSnackBar.js

@@ -1,6 +1,7 @@
-import { jsx, jsxs } from "react/jsx-runtime";
+// src/components/MaxAccounts/OutOfBoundsSnackBar.tsx
 import { Alert, AlertTitle, Snackbar } from "@mui/material";
-const OutOfBoundsSnackBar = ({
+import { jsx, jsxs } from "react/jsx-runtime";
+var OutOfBoundsSnackBar = ({
   activeAccountIndex,
   desiredMaximumAccounts,
   setShowSnackBar,

package/dist/browser/components/MaxAccounts/OutOfBoundsSnackBar.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/MaxAccounts/OutOfBoundsSnackBar.tsx"],"sourcesContent":["import { Alert, AlertTitle, Snackbar, SnackbarProps } from '@mui/material'\nimport { Dispatch, SetStateAction } from 'react'\n\nexport interface OutOfBoundsSnackBarProps extends SnackbarProps {\n  activeAccountIndex?: number\n  desiredMaximumAccounts?: number\n  setShowSnackBar?: Dispatch<SetStateAction<boolean>>\n  showSnackBar?: boolean\n}\n\nexport const OutOfBoundsSnackBar: React.FC<OutOfBoundsSnackBarProps> = ({\n  activeAccountIndex,\n  desiredMaximumAccounts,\n  setShowSnackBar,\n  showSnackBar,\n}) => {\n  return (\n    <Snackbar\n      anchorOrigin={{ horizontal: 'center', vertical: 'top' }}\n      autoHideDuration={5000}\n      onClose={() => setShowSnackBar?.(false)}\n      open={showSnackBar}\n    >\n      <Alert severity={'error'} onClose={() => setShowSnackBar?.(false)}>\n        <AlertTitle>Maximum Accounts Error</AlertTitle>\n        Your currently selected account number ({activeAccountIndex !== undefined ? activeAccountIndex + 1 : ''}) cannot be greater than the desired\n        Maximum Accounts ({desiredMaximumAccounts}).\n      </Alert>\n    </Snackbar>\n  )\n}\n"],"mappings":"AAuBM,SACE,KADF;AAvBN,SAAS,OAAO,YAAY,gBAA+B;AAUpD,MAAM,sBAA0D,CAAC;AAAA,EACtE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,SACE;AAAA,IAAC;AAAA;AAAA,MACC,cAAc,EAAE,YAAY,UAAU,UAAU,MAAM;AAAA,MACtD,kBAAkB;AAAA,MAClB,SAAS,MAAM,kBAAkB,KAAK;AAAA,MACtC,MAAM;AAAA,MAEN,+BAAC,SAAM,UAAU,SAAS,SAAS,MAAM,kBAAkB,KAAK,GAC9D;AAAA,4BAAC,cAAW,oCAAsB;AAAA,QAAa;AAAA,QACN,uBAAuB,SAAY,qBAAqB,IAAI;AAAA,QAAG;AAAA,QACrF;AAAA,QAAuB;AAAA,SAC5C;AAAA;AAAA,EACF;AAEJ;","names":[]}
+{"version":3,"sources":["../../../../src/components/MaxAccounts/OutOfBoundsSnackBar.tsx"],"sourcesContent":["import { Alert, AlertTitle, Snackbar, SnackbarProps } from '@mui/material'\nimport { Dispatch, SetStateAction } from 'react'\n\nexport interface OutOfBoundsSnackBarProps extends SnackbarProps {\n  activeAccountIndex?: number\n  desiredMaximumAccounts?: number\n  setShowSnackBar?: Dispatch<SetStateAction<boolean>>\n  showSnackBar?: boolean\n}\n\nexport const OutOfBoundsSnackBar: React.FC<OutOfBoundsSnackBarProps> = ({\n  activeAccountIndex,\n  desiredMaximumAccounts,\n  setShowSnackBar,\n  showSnackBar,\n}) => {\n  return (\n    <Snackbar\n      anchorOrigin={{ horizontal: 'center', vertical: 'top' }}\n      autoHideDuration={5000}\n      onClose={() => setShowSnackBar?.(false)}\n      open={showSnackBar}\n    >\n      <Alert severity={'error'} onClose={() => setShowSnackBar?.(false)}>\n        <AlertTitle>Maximum Accounts Error</AlertTitle>\n        Your currently selected account number ({activeAccountIndex !== undefined ? activeAccountIndex + 1 : ''}) cannot be greater than the desired\n        Maximum Accounts ({desiredMaximumAccounts}).\n      </Alert>\n    </Snackbar>\n  )\n}\n"],"mappings":";AAAA,SAAS,OAAO,YAAY,gBAA+B;AAuBrD,SACE,KADF;AAbC,IAAM,sBAA0D,CAAC;AAAA,EACtE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,SACE;AAAA,IAAC;AAAA;AAAA,MACC,cAAc,EAAE,YAAY,UAAU,UAAU,MAAM;AAAA,MACtD,kBAAkB;AAAA,MAClB,SAAS,MAAM,kBAAkB,KAAK;AAAA,MACtC,MAAM;AAAA,MAEN,+BAAC,SAAM,UAAU,SAAS,SAAS,MAAM,kBAAkB,KAAK,GAC9D;AAAA,4BAAC,cAAW,oCAAsB;AAAA,QAAa;AAAA,QACN,uBAAuB,SAAY,qBAAqB,IAAI;AAAA,QAAG;AAAA,QACrF;AAAA,QAAuB;AAAA,SAC5C;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/dist/browser/components/MaxAccounts/index.js

@@ -1,2 +1,89 @@
-export * from "./MaxAccountsTableRow";
+// src/components/MaxAccounts/MaxAccountsTableRow.tsx
+import { ButtonGroup, TableCell, TableRow, Typography } from "@mui/material";
+import { ButtonEx } from "@xylabs/react-button";
+import { useState } from "react";
+
+// src/components/MaxAccounts/OutOfBoundsSnackBar.tsx
+import { Alert, AlertTitle, Snackbar } from "@mui/material";
+import { jsx, jsxs } from "react/jsx-runtime";
+var OutOfBoundsSnackBar = ({
+  activeAccountIndex,
+  desiredMaximumAccounts,
+  setShowSnackBar,
+  showSnackBar
+}) => {
+  return /* @__PURE__ */ jsx(
+    Snackbar,
+    {
+      anchorOrigin: { horizontal: "center", vertical: "top" },
+      autoHideDuration: 5e3,
+      onClose: () => setShowSnackBar?.(false),
+      open: showSnackBar,
+      children: /* @__PURE__ */ jsxs(Alert, { severity: "error", onClose: () => setShowSnackBar?.(false), children: [
+        /* @__PURE__ */ jsx(AlertTitle, { children: "Maximum Accounts Error" }),
+        "Your currently selected account number (",
+        activeAccountIndex !== void 0 ? activeAccountIndex + 1 : "",
+        ") cannot be greater than the desired Maximum Accounts (",
+        desiredMaximumAccounts,
+        ")."
+      ] })
+    }
+  );
+};
+
+// src/components/MaxAccounts/MaxAccountsTableRow.tsx
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var MaxAccountsTableRow = ({ activeAccountIndex, changeMaxAccounts, maxAccounts }) => {
+  const [desiredMaximumAccounts, setDesiredMaximumAccounts] = useState();
+  const [showSnackBar, setShowSnackBar] = useState(false);
+  const handleChangeMaxAccounts = (change) => {
+    if (maxAccounts !== void 0 && activeAccountIndex !== void 0) {
+      switch (change) {
+        case "decrease": {
+          const desiredMaximumAccounts2 = maxAccounts - 1;
+          const validMaximumAccounts = desiredMaximumAccounts2 > 0;
+          const maxAccountsWithinRange = activeAccountIndex + 1 <= desiredMaximumAccounts2;
+          if (validMaximumAccounts && maxAccountsWithinRange) {
+            changeMaxAccounts?.(desiredMaximumAccounts2);
+          }
+          if (!maxAccountsWithinRange)
+            setShowSnackBar(true);
+          setDesiredMaximumAccounts(desiredMaximumAccounts2);
+          return;
+        }
+        case "increase": {
+          changeMaxAccounts?.(maxAccounts + 1);
+          return;
+        }
+        default: {
+          console.error(change, "is not a recognized value");
+        }
+      }
+    } else {
+      throw new Error("Max Accounts is unset and needs a default");
+    }
+  };
+  return /* @__PURE__ */ jsxs2(TableRow, { children: [
+    /* @__PURE__ */ jsx2(TableCell, { children: "Maximum Accounts" }),
+    /* @__PURE__ */ jsx2(TableCell, { align: "center", children: /* @__PURE__ */ jsx2(Typography, { variant: "caption", children: maxAccounts }) }),
+    /* @__PURE__ */ jsxs2(TableCell, { align: "center", children: [
+      /* @__PURE__ */ jsxs2(ButtonGroup, { children: [
+        /* @__PURE__ */ jsx2(ButtonEx, { onClick: () => handleChangeMaxAccounts("decrease"), variant: "contained", size: "small", children: "-" }),
+        /* @__PURE__ */ jsx2(ButtonEx, { onClick: () => handleChangeMaxAccounts("increase"), variant: "contained", size: "small", children: "+" })
+      ] }),
+      /* @__PURE__ */ jsx2(
+        OutOfBoundsSnackBar,
+        {
+          desiredMaximumAccounts,
+          activeAccountIndex,
+          setShowSnackBar,
+          showSnackBar
+        }
+      )
+    ] })
+  ] });
+};
+export {
+  MaxAccountsTableRow
+};
 //# sourceMappingURL=index.js.map

package/dist/browser/components/MaxAccounts/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/MaxAccounts/index.ts"],"sourcesContent":["export * from './MaxAccountsTableRow'\n"],"mappings":"AAAA,cAAc;","names":[]}
+{"version":3,"sources":["../../../../src/components/MaxAccounts/MaxAccountsTableRow.tsx","../../../../src/components/MaxAccounts/OutOfBoundsSnackBar.tsx"],"sourcesContent":["import { ButtonGroup, TableCell, TableRow, TableRowProps, Typography } from '@mui/material'\nimport { ButtonEx } from '@xylabs/react-button'\nimport { useState } from 'react'\n\nimport { OutOfBoundsSnackBar } from './OutOfBoundsSnackBar'\n\nexport interface MaxAccountsTableRow extends TableRowProps {\n  activeAccountIndex?: number\n  changeMaxAccounts?: (maxAccounts: number) => void\n  maxAccounts?: number\n}\n\nexport const MaxAccountsTableRow: React.FC<MaxAccountsTableRow> = ({ activeAccountIndex, changeMaxAccounts, maxAccounts }) => {\n  const [desiredMaximumAccounts, setDesiredMaximumAccounts] = useState<number | undefined>()\n  const [showSnackBar, setShowSnackBar] = useState(false)\n\n  const handleChangeMaxAccounts = (change: 'increase' | 'decrease') => {\n    if (maxAccounts !== undefined && activeAccountIndex !== undefined) {\n      switch (change) {\n        case 'decrease': {\n          const desiredMaximumAccounts = maxAccounts - 1\n          const validMaximumAccounts = desiredMaximumAccounts > 0\n          const maxAccountsWithinRange = activeAccountIndex + 1 <= desiredMaximumAccounts\n          if (validMaximumAccounts && maxAccountsWithinRange) {\n            changeMaxAccounts?.(desiredMaximumAccounts)\n          }\n          if (!maxAccountsWithinRange) setShowSnackBar(true)\n          setDesiredMaximumAccounts(desiredMaximumAccounts)\n          return\n        }\n        case 'increase': {\n          changeMaxAccounts?.(maxAccounts + 1)\n          return\n        }\n        default: {\n          console.error(change, 'is not a recognized value')\n        }\n      }\n    } else {\n      throw new Error('Max Accounts is unset and needs a default')\n    }\n  }\n\n  return (\n    <TableRow>\n      <TableCell>Maximum Accounts</TableCell>\n      <TableCell align=\"center\">\n        <Typography variant={'caption'}>{maxAccounts}</Typography>\n      </TableCell>\n      <TableCell align=\"center\">\n        <ButtonGroup>\n          <ButtonEx onClick={() => handleChangeMaxAccounts('decrease')} variant={'contained'} size={'small'}>\n            -\n          </ButtonEx>\n          <ButtonEx onClick={() => handleChangeMaxAccounts('increase')} variant={'contained'} size={'small'}>\n            +\n          </ButtonEx>\n        </ButtonGroup>\n        <OutOfBoundsSnackBar\n          desiredMaximumAccounts={desiredMaximumAccounts}\n          activeAccountIndex={activeAccountIndex}\n          setShowSnackBar={setShowSnackBar}\n          showSnackBar={showSnackBar}\n        />\n      </TableCell>\n    </TableRow>\n  )\n}\n","import { Alert, AlertTitle, Snackbar, SnackbarProps } from '@mui/material'\nimport { Dispatch, SetStateAction } from 'react'\n\nexport interface OutOfBoundsSnackBarProps extends SnackbarProps {\n  activeAccountIndex?: number\n  desiredMaximumAccounts?: number\n  setShowSnackBar?: Dispatch<SetStateAction<boolean>>\n  showSnackBar?: boolean\n}\n\nexport const OutOfBoundsSnackBar: React.FC<OutOfBoundsSnackBarProps> = ({\n  activeAccountIndex,\n  desiredMaximumAccounts,\n  setShowSnackBar,\n  showSnackBar,\n}) => {\n  return (\n    <Snackbar\n      anchorOrigin={{ horizontal: 'center', vertical: 'top' }}\n      autoHideDuration={5000}\n      onClose={() => setShowSnackBar?.(false)}\n      open={showSnackBar}\n    >\n      <Alert severity={'error'} onClose={() => setShowSnackBar?.(false)}>\n        <AlertTitle>Maximum Accounts Error</AlertTitle>\n        Your currently selected account number ({activeAccountIndex !== undefined ? activeAccountIndex + 1 : ''}) cannot be greater than the desired\n        Maximum Accounts ({desiredMaximumAccounts}).\n      </Alert>\n    </Snackbar>\n  )\n}\n"],"mappings":";AAAA,SAAS,aAAa,WAAW,UAAyB,kBAAkB;AAC5E,SAAS,gBAAgB;AACzB,SAAS,gBAAgB;;;ACFzB,SAAS,OAAO,YAAY,gBAA+B;AAuBrD,SACE,KADF;AAbC,IAAM,sBAA0D,CAAC;AAAA,EACtE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,SACE;AAAA,IAAC;AAAA;AAAA,MACC,cAAc,EAAE,YAAY,UAAU,UAAU,MAAM;AAAA,MACtD,kBAAkB;AAAA,MAClB,SAAS,MAAM,kBAAkB,KAAK;AAAA,MACtC,MAAM;AAAA,MAEN,+BAAC,SAAM,UAAU,SAAS,SAAS,MAAM,kBAAkB,KAAK,GAC9D;AAAA,4BAAC,cAAW,oCAAsB;AAAA,QAAa;AAAA,QACN,uBAAuB,SAAY,qBAAqB,IAAI;AAAA,QAAG;AAAA,QACrF;AAAA,QAAuB;AAAA,SAC5C;AAAA;AAAA,EACF;AAEJ;;;ADeM,gBAAAA,MAKE,QAAAC,aALF;AAjCC,IAAM,sBAAqD,CAAC,EAAE,oBAAoB,mBAAmB,YAAY,MAAM;AAC5H,QAAM,CAAC,wBAAwB,yBAAyB,IAAI,SAA6B;AACzF,QAAM,CAAC,cAAc,eAAe,IAAI,SAAS,KAAK;AAEtD,QAAM,0BAA0B,CAAC,WAAoC;AACnE,QAAI,gBAAgB,UAAa,uBAAuB,QAAW;AACjE,cAAQ,QAAQ;AAAA,QACd,KAAK,YAAY;AACf,gBAAMC,0BAAyB,cAAc;AAC7C,gBAAM,uBAAuBA,0BAAyB;AACtD,gBAAM,yBAAyB,qBAAqB,KAAKA;AACzD,cAAI,wBAAwB,wBAAwB;AAClD,gCAAoBA,uBAAsB;AAAA,UAC5C;AACA,cAAI,CAAC;AAAwB,4BAAgB,IAAI;AACjD,oCAA0BA,uBAAsB;AAChD;AAAA,QACF;AAAA,QACA,KAAK,YAAY;AACf,8BAAoB,cAAc,CAAC;AACnC;AAAA,QACF;AAAA,QACA,SAAS;AACP,kBAAQ,MAAM,QAAQ,2BAA2B;AAAA,QACnD;AAAA,MACF;AAAA,IACF,OAAO;AACL,YAAM,IAAI,MAAM,2CAA2C;AAAA,IAC7D;AAAA,EACF;AAEA,SACE,gBAAAD,MAAC,YACC;AAAA,oBAAAD,KAAC,aAAU,8BAAgB;AAAA,IAC3B,gBAAAA,KAAC,aAAU,OAAM,UACf,0BAAAA,KAAC,cAAW,SAAS,WAAY,uBAAY,GAC/C;AAAA,IACA,gBAAAC,MAAC,aAAU,OAAM,UACf;AAAA,sBAAAA,MAAC,eACC;AAAA,wBAAAD,KAAC,YAAS,SAAS,MAAM,wBAAwB,UAAU,GAAG,SAAS,aAAa,MAAM,SAAS,eAEnG;AAAA,QACA,gBAAAA,KAAC,YAAS,SAAS,MAAM,wBAAwB,UAAU,GAAG,SAAS,aAAa,MAAM,SAAS,eAEnG;AAAA,SACF;AAAA,MACA,gBAAAA;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA;AAAA,MACF;AAAA,OACF;AAAA,KACF;AAEJ;","names":["jsx","jsxs","desiredMaximumAccounts"]}

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.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.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":[]}