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

package/dist/node/components/SeedPhrase/settings/index.js

@@ -1,23 +1,343 @@
-"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/settings/SeedPhraseTableRow.tsx
+import { Cancel as CancelIcon, RadioButtonChecked as RadioButtonCheckedIcon } from "@mui/icons-material";
+import { Button as Button5, ButtonGroup, TableCell, TableRow } from "@mui/material";
+import { useState as useState4 } from "react";
+
+// 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" }) })
+    ] })
+  ] });
+};
+
+// src/components/SeedPhrase/dialog/SeedPhraseDialog.tsx
+import { Dialog as Dialog2, DialogContent as DialogContent2, DialogTitle as DialogTitle2 } from "@mui/material";
+
+// src/contexts/SeedPhrase/Context.ts
+import { createContextEx } from "@xyo-network/react-shared";
+var SeedPhraseContext = createContextEx();
+
+// src/contexts/SeedPhrase/Provider.tsx
+import { generateMnemonic, validateMnemonic, wordlists } from "@xyo-network/bip39";
+import { useEffect, useMemo, useState as useState2 } from "react";
+import { jsx as jsx2 } from "react/jsx-runtime";
+var SeedPhraseProvider = ({
+  children,
+  defaultPhrase,
+  handleChangeSeedPhrase,
+  saveCallback,
+  seedPhrase,
+  open
+}) => {
+  const [phrase, setPhrase] = useState2();
+  const [overwriteWarning, setOverwriteWarning] = useState2(false);
+  useEffect(() => {
+    setPhrase(defaultPhrase);
+  }, [defaultPhrase]);
+  useEffect(() => {
+    if (!open) {
+      handleCancelOverwrite();
+    }
+  }, [open]);
+  useEffect(() => {
+    if (seedPhrase || open) {
+      setPhrase == null ? void 0 : setPhrase(seedPhrase ?? "");
+    }
+  }, [seedPhrase, open, setPhrase]);
+  const handleGenerate = () => {
+    const mnemonic = generateMnemonic(wordlists.english, 256);
+    setPhrase == null ? void 0 : setPhrase(mnemonic);
+    setOverwriteWarning == null ? void 0 : setOverwriteWarning(false);
+  };
+  const handleCancelOverwrite = () => {
+    setOverwriteWarning == null ? void 0 : setOverwriteWarning(false);
+  };
+  const handleClear = () => {
+    setPhrase == null ? void 0 : setPhrase("");
+    setOverwriteWarning == null ? void 0 : setOverwriteWarning(false);
+  };
+  const handleSave = () => {
+    if (!overwriteWarning && seedPhrase && seedPhrase !== phrase) {
+      setOverwriteWarning == null ? void 0 : setOverwriteWarning(true);
+    } else {
+      handleChangeSeedPhrase == null ? void 0 : handleChangeSeedPhrase(phrase ?? "");
+      saveCallback == null ? void 0 : saveCallback();
+    }
+  };
+  const validate = (passedPhrase) => {
+    if (!passedPhrase) {
+      return null;
+    }
+    return validateMnemonic(passedPhrase, wordlists.english);
+  };
+  const validSeedPhrase = useMemo(() => validate == null ? void 0 : validate(seedPhrase), [seedPhrase]);
+  const validPhrase = useMemo(() => validate == null ? void 0 : validate(phrase), [phrase]);
+  return /* @__PURE__ */ jsx2(
+    SeedPhraseContext.Provider,
+    {
+      value: {
+        handleCancelOverwrite,
+        handleChangeSeedPhrase,
+        handleClear,
+        handleGenerate,
+        handleSave,
+        overwriteWarning,
+        phrase,
+        provided: true,
+        seedPhrase,
+        setOverwriteWarning,
+        setPhrase,
+        validPhrase,
+        validSeedPhrase,
+        validate
+      },
+      children
+    }
+  );
+};
+
+// src/contexts/SeedPhrase/use.tsx
+import { useContextEx } from "@xyo-network/react-shared";
+var useSeedPhrase = () => useContextEx(SeedPhraseContext, "SeedPhrase", true);
+
+// src/components/SeedPhrase/dialog/components/DialogActionButtons.tsx
+import { Button as Button2, DialogActions as DialogActions2 } from "@mui/material";
+import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
+var DialogActionButtons = ({ onClose, ...props }) => {
+  const { handleSave, setPhrase } = useSeedPhrase();
+  const wrappedOnClose = (e) => {
+    setPhrase == null ? void 0 : setPhrase("");
+    onClose == null ? void 0 : onClose(e, "escapeKeyDown");
+  };
+  return /* @__PURE__ */ jsxs2(DialogActions2, { ...props, children: [
+    /* @__PURE__ */ jsx3(Button2, { variant: "outlined", onClick: wrappedOnClose, children: "Cancel" }),
+    /* @__PURE__ */ jsx3(Button2, { variant: "outlined", onClick: handleSave, children: "Save" })
+  ] });
+};
+
+// src/components/SeedPhrase/dialog/components/fields/NewPhraseTextField.tsx
+import { Button as Button3, DialogActions as DialogActions3, FormControl, FormLabel, TextField } from "@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;
   }
-  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 settings_exports = {};
-module.exports = __toCommonJS(settings_exports);
-__reExport(settings_exports, require("./SeedPhraseTableRow"), module.exports);
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  ...require("./SeedPhraseTableRow")
-});
+};
+
+// src/components/SeedPhrase/dialog/components/fields/validation-messages/InvalidPhrase.tsx
+import { Link as Link2, Typography as Typography2 } from "@mui/material";
+import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
+var InvalidPhraseTypography = (props) => /* @__PURE__ */ jsxs3(Typography2, { variant: "caption", color: "error", ...props, children: [
+  "Invalid seed phrase. See -",
+  " ",
+  /* @__PURE__ */ jsx4(Link2, { 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 as useMemo2 } from "react";
+import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
+var PhraseHeaderBox = ({ children, conditional, ...props }) => {
+  const state = useMemo2(() => {
+    switch (conditional) {
+      case true:
+        return "success";
+      case false:
+        return "error";
+      default:
+        return null;
+    }
+  }, [conditional]);
+  const Icon = useMemo2(() => {
+    switch (state) {
+      case "success":
+        return /* @__PURE__ */ jsx5(CheckCircleOutlineIcon, { fontSize: "small", color: "success" });
+      case "error":
+        return /* @__PURE__ */ jsx5(HighlightOffIcon, { fontSize: "small", color: "error" });
+      default:
+        return null;
+    }
+  }, [state]);
+  return /* @__PURE__ */ jsxs4(FlexRow, { justifyContent: "start", columnGap: 1, ...props, children: [
+    Icon,
+    children
+  ] });
+};
+
+// src/components/SeedPhrase/dialog/components/fields/NewPhraseTextField.tsx
+import { Fragment as Fragment2, jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
+var NewPhraseTextField = (props) => {
+  const { handleClear, handleGenerate, overwriteWarning, phrase, setPhrase, validPhrase } = useSeedPhrase();
+  return /* @__PURE__ */ jsxs5(Fragment2, { children: [
+    /* @__PURE__ */ jsxs5(FormControl, { fullWidth: true, size: "small", sx: { display: "flex", flexDirection: "column", rowGap: 1 }, children: [
+      /* @__PURE__ */ jsx6(FormLabel, { children: /* @__PURE__ */ jsx6(PhraseHeaderBox, { conditional: validPhrase, children: "New Seed Phrase" }) }),
+      /* @__PURE__ */ jsx6(
+        TextField,
+        {
+          focused: true,
+          color: colorParser(validPhrase),
+          error: validPhrase === false,
+          helperText: validPhrase === false ? /* @__PURE__ */ jsx6(InvalidPhraseTypography, {}) : null,
+          fullWidth: true,
+          maxRows: Infinity,
+          multiline: true,
+          onChange: (e) => setPhrase == null ? void 0 : setPhrase(e.target.value),
+          value: phrase,
+          ...props
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs5(DialogActions3, { sx: { justifyContent: "center" }, children: [
+      /* @__PURE__ */ jsx6(Button3, { disabled: overwriteWarning, variant: "outlined", onClick: handleGenerate, children: "Generate" }),
+      /* @__PURE__ */ jsx6(Button3, { variant: "outlined", onClick: handleClear, children: "Clear" })
+    ] })
+  ] });
+};
+
+// src/components/SeedPhrase/dialog/components/fields/SavedPhraseTextField.tsx
+import { Chip, FormControl as FormControl2, FormLabel as FormLabel2, TextField as TextField2 } from "@mui/material";
+import { useState as useState3 } from "react";
+import { Fragment as Fragment3, jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
+var SavedPhraseTextField = (props) => {
+  const { validSeedPhrase, seedPhrase } = useSeedPhrase();
+  const [visible, setVisible] = useState3(false);
+  return /* @__PURE__ */ jsxs6(FormControl2, { fullWidth: true, size: "small", sx: { display: "flex", flexDirection: "column", rowGap: 1 }, children: [
+    /* @__PURE__ */ jsx7(Chip, { label: visible ? "Hide Saved Seed Phrase" : "Reveal Saved Seed Phrase", onClick: () => setVisible(!visible) }),
+    visible ? /* @__PURE__ */ jsxs6(Fragment3, { children: [
+      /* @__PURE__ */ jsx7(FormLabel2, { children: /* @__PURE__ */ jsx7(PhraseHeaderBox, { conditional: validSeedPhrase, children: "Saved Seed Phrase" }) }),
+      /* @__PURE__ */ jsx7(
+        TextField2,
+        {
+          defaultValue: seedPhrase,
+          disabled: true,
+          error: validSeedPhrase === false,
+          helperText: validSeedPhrase === false ? /* @__PURE__ */ jsx7(InvalidPhraseTypography, {}) : null,
+          fullWidth: true,
+          maxRows: Infinity,
+          multiline: true,
+          ...props
+        }
+      )
+    ] }) : null
+  ] });
+};
+
+// src/components/SeedPhrase/dialog/components/OverwriteWarning.tsx
+import { Alert, Button as Button4 } from "@mui/material";
+import { FlexRow as FlexRow2 } from "@xylabs/react-flexbox";
+import { jsx as jsx8, jsxs as jsxs7 } from "react/jsx-runtime";
+var OverwriteWarning = () => {
+  const { handleCancelOverwrite, handleSave } = useSeedPhrase();
+  return /* @__PURE__ */ jsx8(
+    Alert,
+    {
+      variant: "outlined",
+      severity: "warning",
+      action: /* @__PURE__ */ jsxs7(FlexRow2, { sx: { columnGap: 1 }, children: [
+        /* @__PURE__ */ jsx8(Button4, { variant: "outlined", color: "inherit", size: "small", onClick: handleSave, children: "Overwrite" }),
+        /* @__PURE__ */ jsx8(Button4, { variant: "outlined", color: "inherit", size: "small", onClick: handleCancelOverwrite, children: "Cancel" })
+      ] }),
+      children: "Are you sure you want to overwrite existing seed phrase? This action cannot be undone."
+    }
+  );
+};
+
+// src/components/SeedPhrase/dialog/SeedPhraseDialog.tsx
+import { jsx as jsx9, jsxs as jsxs8 } from "react/jsx-runtime";
+var SeedPhraseDialog = ({ changeSeedPhrase, seedPhrase, ...props }) => {
+  return /* @__PURE__ */ jsx9(
+    SeedPhraseProvider,
+    {
+      seedPhrase,
+      handleChangeSeedPhrase: changeSeedPhrase,
+      open: props.open,
+      saveCallback: () => {
+        var _a;
+        return (_a = props.onClose) == null ? void 0 : _a.call(props, {}, "escapeKeyDown");
+      },
+      children: /* @__PURE__ */ jsx9(SeedPhraseDialogInner, { ...props })
+    }
+  );
+};
+var SeedPhraseDialogInner = (props) => {
+  const { overwriteWarning, seedPhrase } = useSeedPhrase();
+  return /* @__PURE__ */ jsxs8(Dialog2, { "aria-labelledby": "alert-dialog-title", "aria-describedby": "alert-dialog-description", fullWidth: true, maxWidth: "sm", ...props, children: [
+    /* @__PURE__ */ jsxs8(DialogTitle2, { id: "alert-dialog-title", children: [
+      "Update Your Seed Phrase ",
+      /* @__PURE__ */ jsx9(SeedPhraseIconButton, {})
+    ] }),
+    /* @__PURE__ */ jsxs8(DialogContent2, { sx: { display: "flex", flexDirection: "column", rowGap: 2 }, children: [
+      /* @__PURE__ */ jsx9(NewPhraseTextField, {}),
+      seedPhrase ? /* @__PURE__ */ jsx9(SavedPhraseTextField, {}) : null,
+      overwriteWarning ? /* @__PURE__ */ jsx9(OverwriteWarning, {}) : null
+    ] }),
+    /* @__PURE__ */ jsx9(DialogActionButtons, { onClose: props.onClose })
+  ] });
+};
+
+// src/components/SeedPhrase/settings/SeedPhraseTableRow.tsx
+import { jsx as jsx10, jsxs as jsxs9 } from "react/jsx-runtime";
+var SeedPhraseTableRow = ({ changeSeedPhrase, seedPhrase, ...props }) => {
+  const [open, setOpen] = useState4(false);
+  const handleOpen = () => {
+    setOpen(true);
+  };
+  return /* @__PURE__ */ jsxs9(TableRow, { ...props, children: [
+    /* @__PURE__ */ jsxs9(TableCell, { children: [
+      "Seed Phrase ",
+      /* @__PURE__ */ jsx10(SeedPhraseIconButton, {})
+    ] }),
+    /* @__PURE__ */ jsx10(TableCell, { align: "center", children: seedPhrase ? /* @__PURE__ */ jsx10(RadioButtonCheckedIcon, { color: "success" }) : /* @__PURE__ */ jsx10(CancelIcon, { color: "error" }) }),
+    /* @__PURE__ */ jsxs9(TableCell, { children: [
+      /* @__PURE__ */ jsx10(SeedPhraseDialog, { changeSeedPhrase, open, onClose: () => setOpen(false), seedPhrase }),
+      /* @__PURE__ */ jsx10(ButtonGroup, { fullWidth: true, children: /* @__PURE__ */ jsx10(Button5, { variant: "contained", size: "small", onClick: handleOpen, children: "Update" }) })
+    ] })
+  ] });
+};
+export {
+  SeedPhraseTableRow
+};
 //# sourceMappingURL=index.js.map

package/dist/node/components/SeedPhrase/settings/index.js.map

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

package/dist/node/components/WalletAccountDetails/WalletAccountDetails.cjs

@@ -0,0 +1,110 @@
+"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/WalletAccountDetails/WalletAccountDetails.tsx
+var WalletAccountDetails_exports = {};
+__export(WalletAccountDetails_exports, {
+  WalletAccountDetails: () => WalletAccountDetails
+});
+module.exports = __toCommonJS(WalletAccountDetails_exports);
+var import_eth_address = require("@xylabs/eth-address");
+var import_react_crypto = require("@xylabs/react-crypto");
+var import_react_flexbox = require("@xylabs/react-flexbox");
+var import_react_number_status = require("@xylabs/react-number-status");
+var import_react_network = require("@xyo-network/react-network");
+
+// src/hooks/useAccount.ts
+var import_react_promise2 = require("@xylabs/react-promise");
+var import_react = require("react");
+
+// src/contexts/Wallet/Context.ts
+var import_react_shared = require("@xyo-network/react-shared");
+var WalletContext = (0, import_react_shared.createContextEx)();
+
+// src/contexts/Wallet/use.ts
+var import_react_promise = require("@xylabs/react-promise");
+var import_react_shared2 = require("@xyo-network/react-shared");
+var useWalletContext = (required = true) => {
+  return (0, import_react_shared2.useContextEx)(WalletContext, "Wallet", required);
+};
+var useWalletProvided = () => {
+  return (0, import_react_shared2.useProvided)(WalletContext);
+};
+var useCoinTypeWallet = (required = true) => {
+  const { coinTypeWallet } = useWalletContext(required);
+  return [coinTypeWallet, void 0];
+};
+
+// src/hooks/useAccount.ts
+var useAccount = ({ wallet, account, index, required = false } = {}) => {
+  const walletContextProvided = useWalletProvided();
+  const [validationError, setValidationError] = (0, import_react.useState)();
+  if (wallet && account && !validationError) {
+    setValidationError(Error("useAccount can not have both a wallet and an account in the parameters"));
+  }
+  if (index && account && !validationError) {
+    setValidationError(Error("useAccount can not have both a index and an account in the parameters"));
+  }
+  const [error, setError] = (0, import_react.useState)();
+  const [coinTypeWallet] = useCoinTypeWallet(!wallet && required);
+  const { activeAccountIndex } = useWalletContext(false);
+  const [activeAccount] = (0, import_react_promise2.usePromise)(async () => {
+    var _a, _b;
+    try {
+      if (!validationError) {
+        if (wallet) {
+          return await ((_a = wallet == null ? void 0 : wallet.derivePath) == null ? void 0 : _a.call(wallet, `${index ?? 0}'\0`));
+        } else if (coinTypeWallet) {
+          return await ((_b = coinTypeWallet == null ? void 0 : coinTypeWallet.derivePath) == null ? void 0 : _b.call(coinTypeWallet, `${index ?? activeAccountIndex ?? 0}'\0`));
+        }
+      }
+    } catch (ex) {
+      const error2 = ex;
+      console.error(error2.message);
+      setError(error2);
+    }
+  }, [index, wallet, coinTypeWallet, activeAccountIndex, validationError]);
+  if (validationError && !error) {
+    console.error(validationError.message);
+    setError(validationError);
+  }
+  return [error ? void 0 : account ?? activeAccount ?? walletContextProvided ? null : void 0, error];
+};
+
+// src/components/WalletAccountDetails/WalletAccountDetails.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+var WalletAccountDetails = ({ exploreUrl = "https://explore.xyo.network", account, ...props }) => {
+  const [accountToUse] = useAccount({ account });
+  const { network } = (0, import_react_network.useNetwork)();
+  const exploreAddressUrl = `${exploreUrl}/recent?account=${accountToUse == null ? void 0 : accountToUse.address}&network=${(network == null ? void 0 : network.name) ?? "main"}`;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react_flexbox.FlexCol, { ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_crypto.EthAccountButton, { address: import_eth_address.EthAddress.fromString(accountToUse == null ? void 0 : accountToUse.address) }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react_flexbox.FlexRow, { gap: 1, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_number_status.NumberStatus, { rounded: true, title: "Tokens", value: 0, to: `${exploreAddressUrl}&schema=network.xyo.account.tokens`, target: "_blank" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_number_status.NumberStatus, { rounded: true, title: "NFTs", value: 0, to: `${exploreAddressUrl}&schema=network.xyo.account.nfts`, target: "_blank" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_number_status.NumberStatus, { rounded: true, title: "Signatures", value: 0, to: `${exploreAddressUrl}&schema=network.xyo.account.signatures`, target: "_blank" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_number_status.NumberStatus, { rounded: true, title: "Signins", value: 0, to: `${exploreAddressUrl}&schema=network.xyo.account.signins`, target: "_blank" })
+    ] })
+  ] });
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  WalletAccountDetails
+});
+//# sourceMappingURL=WalletAccountDetails.cjs.map

package/dist/node/components/WalletAccountDetails/WalletAccountDetails.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/WalletAccountDetails/WalletAccountDetails.tsx","../../../../src/hooks/useAccount.ts","../../../../src/contexts/Wallet/Context.ts","../../../../src/contexts/Wallet/use.ts"],"sourcesContent":["import { EthAddress } from '@xylabs/eth-address'\nimport { EthAccountButton } from '@xylabs/react-crypto'\nimport { FlexBoxProps, FlexCol, FlexRow } from '@xylabs/react-flexbox'\nimport { NumberStatus } from '@xylabs/react-number-status'\nimport { useNetwork } from '@xyo-network/react-network'\nimport { WalletInstance } from '@xyo-network/wallet-model'\n\nimport { useAccount } from '../../hooks'\n\nexport interface WalletAccountDetailsProps extends FlexBoxProps {\n  account?: WalletInstance\n  exploreUrl?: string\n}\n\nexport const WalletAccountDetails: React.FC<WalletAccountDetailsProps> = ({ exploreUrl = 'https://explore.xyo.network', account, ...props }) => {\n  const [accountToUse] = useAccount({ account })\n  const { network } = useNetwork()\n  const exploreAddressUrl = `${exploreUrl}/recent?account=${accountToUse?.address}&network=${network?.name ?? 'main'}`\n\n  return (\n    <FlexCol {...props}>\n      <EthAccountButton address={EthAddress.fromString(accountToUse?.address)} />\n      <FlexRow gap={1}>\n        <NumberStatus rounded title=\"Tokens\" value={0} to={`${exploreAddressUrl}&schema=network.xyo.account.tokens`} target=\"_blank\" />\n        <NumberStatus rounded title=\"NFTs\" value={0} to={`${exploreAddressUrl}&schema=network.xyo.account.nfts`} target=\"_blank\" />\n        <NumberStatus rounded title=\"Signatures\" value={0} to={`${exploreAddressUrl}&schema=network.xyo.account.signatures`} target=\"_blank\" />\n        <NumberStatus rounded title=\"Signins\" value={0} to={`${exploreAddressUrl}&schema=network.xyo.account.signins`} target=\"_blank\" />\n      </FlexRow>\n    </FlexCol>\n  )\n}\n","import { usePromise } from '@xylabs/react-promise'\nimport { AccountInstance } from '@xyo-network/account-model'\nimport { WalletInstance } from '@xyo-network/wallet-model'\nimport { useState } from 'react'\n\nimport { useCoinTypeWallet, useWalletContext, useWalletProvided } from '../contexts'\n\nexport interface AccountHookParams {\n  account?: AccountInstance\n  index?: number\n  required?: boolean\n  wallet?: WalletInstance\n}\n\nexport const useAccount = ({ wallet, account, index, required = false }: AccountHookParams = {}): [\n  AccountInstance | null | undefined,\n  Error | undefined,\n] => {\n  const walletContextProvided = useWalletProvided()\n  const [validationError, setValidationError] = useState<Error>()\n  if (wallet && account && !validationError) {\n    setValidationError(Error('useAccount can not have both a wallet and an account in the parameters'))\n  }\n\n  if (index && account && !validationError) {\n    setValidationError(Error('useAccount can not have both a index and an account in the parameters'))\n  }\n\n  const [error, setError] = useState<Error>()\n  const [coinTypeWallet] = useCoinTypeWallet(!wallet && required)\n  const { activeAccountIndex } = useWalletContext(false)\n  const [activeAccount] = usePromise(async () => {\n    try {\n      if (!validationError) {\n        if (wallet) {\n          return await wallet?.derivePath?.(`${index ?? 0}'\\0`)\n        } else if (coinTypeWallet) {\n          return await coinTypeWallet?.derivePath?.(`${index ?? activeAccountIndex ?? 0}'\\0`)\n        }\n      }\n    } catch (ex) {\n      const error = ex as Error\n      console.error(error.message)\n      setError(error)\n    }\n  }, [index, wallet, coinTypeWallet, activeAccountIndex, validationError])\n  if (validationError && !error) {\n    console.error(validationError.message)\n    setError(validationError)\n  }\n\n  return [error ? undefined : account ?? activeAccount ?? walletContextProvided ? null : undefined, error]\n}\n","import { createContextEx } from '@xyo-network/react-shared'\n\nimport { WalletContextState } from './State'\n\nexport const WalletContext = createContextEx<WalletContextState>()\n","import { usePromise } from '@xylabs/react-promise'\nimport { useContextEx, useProvided } from '@xyo-network/react-shared'\nimport { WalletInstance } from '@xyo-network/wallet-model'\n\nimport { WalletContext } from './Context'\n\nexport const useWalletContext = (required = true) => {\n  return useContextEx(WalletContext, 'Wallet', required)\n}\n\nexport const useWalletProvided = () => {\n  return useProvided(WalletContext)\n}\n\nexport const useCoinTypeWallet = (required = true): [WalletInstance | null | undefined, Error | undefined] => {\n  const { coinTypeWallet } = useWalletContext(required)\n  return [coinTypeWallet, undefined]\n}\n\nexport const useRootWallet = (required = true): [WalletInstance | null | undefined, Error | undefined] => {\n  const { rootWallet } = useWalletContext(required)\n  return [rootWallet, undefined]\n}\n\nexport const useIndexedWalletFromContext = (index: number, required = true): [WalletInstance | null | undefined, Error | undefined] => {\n  const [coinTypeWallet] = useCoinTypeWallet(required)\n  const [wallet] = usePromise(async () => (await coinTypeWallet?.derivePath(index.toString())) ?? coinTypeWallet, [coinTypeWallet, index])\n  return [wallet, undefined]\n}\n\nexport const useSelectedWalletAccount = (required = true): [WalletInstance | null | undefined, Error | undefined] => {\n  const { activeAccountIndex } = useWalletContext(required)\n  //we pass in 0 as default since we can not call the hook optionally,\n  //we resolve this false result by checking whether activeAccountIndex is defined before returning it\n  const [account] = useIndexedWalletFromContext(activeAccountIndex ?? 0, required)\n  if (activeAccountIndex === undefined && account === null) {\n    return [null, undefined]\n  } else {\n    return [account, undefined]\n  }\n}\n"],"mappings":"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","names":["import_react_promise","import_react_shared","error"]}

package/dist/node/components/WalletAccountDetails/WalletAccountDetails.d.cts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { FlexBoxProps } from '@xylabs/react-flexbox';
+import { WalletInstance } from '@xyo-network/wallet-model';
+export interface WalletAccountDetailsProps extends FlexBoxProps {
+    account?: WalletInstance;
+    exploreUrl?: string;
+}
+export declare const WalletAccountDetails: React.FC<WalletAccountDetailsProps>;
+//# sourceMappingURL=WalletAccountDetails.d.ts.map

package/dist/node/components/WalletAccountDetails/WalletAccountDetails.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WalletAccountDetails.d.ts","sourceRoot":"","sources":["../../../../src/components/WalletAccountDetails/WalletAccountDetails.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,YAAY,EAAoB,MAAM,uBAAuB,CAAA;AAGtE,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAI1D,MAAM,WAAW,yBAA0B,SAAQ,YAAY;IAC7D,OAAO,CAAC,EAAE,cAAc,CAAA;IACxB,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB;AAED,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CAgBpE,CAAA"}