@xyo-network/react-module 2.81.10 → 2.82.0

package/dist/node/index.cjs

@@ -1,8 +1,11 @@
 "use strict";
+var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
@@ -15,6 +18,14 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
 // src/index.ts
@@ -35,116 +46,146 @@ module.exports = __toCommonJS(src_exports);
 
 // src/components/Card/Diviner/Card.tsx
 var import_material6 = require("@mui/material");
+var import_react8 = __toESM(require("react"), 1);
 
 // src/components/Card/Module/Card.tsx
 var import_material5 = require("@mui/material");
+var import_react5 = __toESM(require("react"), 1);
 
 // src/components/Card/Module/CardActions.tsx
 var import_material2 = require("@mui/material");
 var import_react_button = require("@xylabs/react-button");
 var import_react_flexbox = require("@xylabs/react-flexbox");
-var import_react = require("react");
+var import_react2 = __toESM(require("react"), 1);
 
 // src/components/Card/Module/components/DiscoverDialog.tsx
 var import_material = require("@mui/material");
 var import_react_promise = require("@xylabs/react-promise");
-var import_jsx_runtime = require("react/jsx-runtime");
-var DiscoverDialog = ({ mod, setOpen, ...props }) => {
+var import_react = __toESM(require("react"), 1);
+var DiscoverDialog = /* @__PURE__ */ __name(({ mod, setOpen, ...props }) => {
   const [discoverPayloads] = (0, import_react_promise.usePromise)(async () => {
     return await (mod == null ? void 0 : mod.state());
-  }, [mod]);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_material.Dialog, { ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_material.DialogTitle, { children: [
-      "Supported Queries for ",
-      (mod == null ? void 0 : mod.config.name) || (mod == null ? void 0 : mod.address)
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.Divider, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.DialogContent, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_material.Paper, { sx: { p: 1 }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.DialogContentText, { children: "All modules share a set of base queries along with ones specific to the module." }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("pre", { children: JSON.stringify(discoverPayloads, null, 2) })
-    ] }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.DialogActions, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.Button, { onClick: () => setOpen == null ? void 0 : setOpen(false), variant: "outlined", children: "Close" }) })
-  ] });
-};
+  }, [
+    mod
+  ]);
+  return /* @__PURE__ */ import_react.default.createElement(import_material.Dialog, props, /* @__PURE__ */ import_react.default.createElement(import_material.DialogTitle, null, "Supported Queries for", (mod == null ? void 0 : mod.config.name) || (mod == null ? void 0 : mod.address)), /* @__PURE__ */ import_react.default.createElement(import_material.Divider, null), /* @__PURE__ */ import_react.default.createElement(import_material.DialogContent, null, /* @__PURE__ */ import_react.default.createElement(import_material.Paper, {
+    sx: {
+      p: 1
+    }
+  }, /* @__PURE__ */ import_react.default.createElement(import_material.DialogContentText, null, "All modules share a set of base queries along with ones specific to the module."), /* @__PURE__ */ import_react.default.createElement("pre", null, JSON.stringify(discoverPayloads, null, 2)))), /* @__PURE__ */ import_react.default.createElement(import_material.DialogActions, null, /* @__PURE__ */ import_react.default.createElement(import_material.Button, {
+    onClick: /* @__PURE__ */ __name(() => setOpen == null ? void 0 : setOpen(false), "onClick"),
+    variant: "outlined"
+  }, "Close")));
+}, "DiscoverDialog");
 
 // src/components/Card/Module/CardActions.tsx
-var import_jsx_runtime2 = require("react/jsx-runtime");
-var ModuleCardActions = ({ children, mod, sx, ...props }) => {
-  const [discoverDialogOpen, setDiscoverDialogOpen] = (0, import_react.useState)(false);
+var ModuleCardActions = /* @__PURE__ */ __name(({ children, mod, sx, ...props }) => {
+  const [discoverDialogOpen, setDiscoverDialogOpen] = (0, import_react2.useState)(false);
   const config = mod == null ? void 0 : mod.config;
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_material2.CardActions, { sx: { alignItems: "stretch", flexDirection: "column", ml: 1, ...sx }, ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_react_flexbox.FlexRow, { justifyContent: "space-between", gap: 1, alignItems: "center", children: [
-      mod ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_material2.Chip, { label: config == null ? void 0 : config.schema, size: "small" }) : null,
-      children,
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_button.ButtonEx, { onClick: () => setDiscoverDialogOpen(true), size: "small", variant: "outlined", children: "Discover" })
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(DiscoverDialog, { fullWidth: true, maxWidth: "md", mod, open: discoverDialogOpen, setOpen: setDiscoverDialogOpen })
-  ] });
-};
+  return /* @__PURE__ */ import_react2.default.createElement(import_material2.CardActions, {
+    sx: {
+      alignItems: "stretch",
+      flexDirection: "column",
+      ml: 1,
+      ...sx
+    },
+    ...props
+  }, /* @__PURE__ */ import_react2.default.createElement(import_react_flexbox.FlexRow, {
+    justifyContent: "space-between",
+    gap: 1,
+    alignItems: "center"
+  }, mod ? /* @__PURE__ */ import_react2.default.createElement(import_material2.Chip, {
+    label: config == null ? void 0 : config.schema,
+    size: "small"
+  }) : null, children, /* @__PURE__ */ import_react2.default.createElement(import_react_button.ButtonEx, {
+    onClick: /* @__PURE__ */ __name(() => setDiscoverDialogOpen(true), "onClick"),
+    size: "small",
+    variant: "outlined"
+  }, "Discover")), /* @__PURE__ */ import_react2.default.createElement(DiscoverDialog, {
+    fullWidth: true,
+    maxWidth: "md",
+    mod,
+    open: discoverDialogOpen,
+    setOpen: setDiscoverDialogOpen
+  }));
+}, "ModuleCardActions");
 
 // src/components/Card/Module/CardContent.tsx
 var import_material3 = require("@mui/material");
-var import_jsx_runtime3 = require("react/jsx-runtime");
-var ModuleCardContent = ({ children, ...props }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_material3.CardContent, { ...props, children });
-};
+var import_react3 = __toESM(require("react"), 1);
+var ModuleCardContent = /* @__PURE__ */ __name(({ children, ...props }) => {
+  return /* @__PURE__ */ import_react3.default.createElement(import_material3.CardContent, props, children);
+}, "ModuleCardContent");
 
 // src/components/Card/Module/CardHeader.tsx
 var import_material4 = require("@mui/material");
 var import_react_shared = require("@xyo-network/react-shared");
-var import_jsx_runtime4 = require("react/jsx-runtime");
-var moduleTypes = ["sentinel", "bridge", "archivist", "diviner", "node", "witness"];
-var getModuleIcons = (moduleType, mod) => {
+var import_react4 = __toESM(require("react"), 1);
+var moduleTypes = [
+  "sentinel",
+  "bridge",
+  "archivist",
+  "diviner",
+  "node",
+  "witness"
+];
+var getModuleIcons = /* @__PURE__ */ __name((moduleType, mod) => {
   var _a;
   return (mod == null ? void 0 : mod.queries.find((query) => query.startsWith(`network.xyo.query.${moduleType}`))) ? (_a = (0, import_react_shared.findNetworkComponent)(moduleType)) == null ? void 0 : _a.icon : null;
-};
-var ModuleCardHeader = ({ subheader, avatar, title, mod, ...props }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-    import_material4.CardHeader,
-    {
-      title: title ?? (mod == null ? void 0 : mod.config.name) ?? "Module",
-      subheader: subheader ?? (mod == null ? void 0 : mod.address),
-      avatar: avatar ?? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_jsx_runtime4.Fragment, { children: mod ? moduleTypes.map((moduleType) => {
-        const Icon = getModuleIcons(moduleType, mod);
-        return Icon ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Icon, { fontSize: "large", color: "primary" }, moduleType) : null;
-      }) : null }),
-      ...props
-    }
-  );
-};
+}, "getModuleIcons");
+var ModuleCardHeader = /* @__PURE__ */ __name(({ subheader, avatar, title, mod, ...props }) => {
+  return /* @__PURE__ */ import_react4.default.createElement(import_material4.CardHeader, {
+    title: title ?? (mod == null ? void 0 : mod.config.name) ?? "Module",
+    subheader: subheader ?? (mod == null ? void 0 : mod.address),
+    avatar: avatar ?? /* @__PURE__ */ import_react4.default.createElement(import_react4.default.Fragment, null, mod ? moduleTypes.map((moduleType) => {
+      const Icon = getModuleIcons(moduleType, mod);
+      return Icon ? /* @__PURE__ */ import_react4.default.createElement(Icon, {
+        key: moduleType,
+        fontSize: "large",
+        color: "primary"
+      }) : null;
+    }) : null),
+    ...props
+  });
+}, "ModuleCardHeader");
 
 // src/components/Card/Module/Card.tsx
-var import_jsx_runtime5 = require("react/jsx-runtime");
-var ModuleCard = ({ mod, ...props }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_material5.Card, { ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(ModuleCardHeader, { mod }),
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(ModuleCardContent, { mod }),
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(ModuleCardActions, { mod })
-  ] });
-};
+var ModuleCard = /* @__PURE__ */ __name(({ mod, ...props }) => {
+  return /* @__PURE__ */ import_react5.default.createElement(import_material5.Card, props, /* @__PURE__ */ import_react5.default.createElement(ModuleCardHeader, {
+    mod
+  }), /* @__PURE__ */ import_react5.default.createElement(ModuleCardContent, {
+    mod
+  }), /* @__PURE__ */ import_react5.default.createElement(ModuleCardActions, {
+    mod
+  }));
+}, "ModuleCard");
 
 // src/components/Card/Diviner/CardContent.tsx
-var import_jsx_runtime6 = require("react/jsx-runtime");
-var DivinerCardContent = ({ children, ...props }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(ModuleCardContent, { ...props, children });
-};
+var import_react6 = __toESM(require("react"), 1);
+var DivinerCardContent = /* @__PURE__ */ __name(({ children, ...props }) => {
+  return /* @__PURE__ */ import_react6.default.createElement(ModuleCardContent, props, children);
+}, "DivinerCardContent");
 
 // src/components/Card/Diviner/CardHeader.tsx
-var import_jsx_runtime7 = require("react/jsx-runtime");
-var DivinerCardHeader = ({ title, mod, ...props }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(ModuleCardHeader, { mod, title: title ?? (mod == null ? void 0 : mod.config.name) ?? "Diviner", ...props });
-};
+var import_react7 = __toESM(require("react"), 1);
+var DivinerCardHeader = /* @__PURE__ */ __name(({ title, mod, ...props }) => {
+  return /* @__PURE__ */ import_react7.default.createElement(ModuleCardHeader, {
+    mod,
+    title: title ?? (mod == null ? void 0 : mod.config.name) ?? "Diviner",
+    ...props
+  });
+}, "DivinerCardHeader");
 
 // src/components/Card/Diviner/Card.tsx
-var import_jsx_runtime8 = require("react/jsx-runtime");
-var DivinerCard = ({ children, mod, ...props }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_material6.Card, { ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(DivinerCardHeader, { mod }),
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(DivinerCardContent, { mod }),
-    children,
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(ModuleCardActions, { mod })
-  ] });
-};
+var DivinerCard = /* @__PURE__ */ __name(({ children, mod, ...props }) => {
+  return /* @__PURE__ */ import_react8.default.createElement(import_material6.Card, props, /* @__PURE__ */ import_react8.default.createElement(DivinerCardHeader, {
+    mod
+  }), /* @__PURE__ */ import_react8.default.createElement(DivinerCardContent, {
+    mod
+  }), children, /* @__PURE__ */ import_react8.default.createElement(ModuleCardActions, {
+    mod
+  }));
+}, "DivinerCard");
 
 // src/components/DetailsBox.tsx
 var import_eth_address = require("@xylabs/eth-address");
@@ -152,45 +193,49 @@ var import_react_button2 = require("@xylabs/react-button");
 var import_react_crypto = require("@xylabs/react-crypto");
 var import_react_flexbox2 = require("@xylabs/react-flexbox");
 var import_react_shared2 = require("@xyo-network/react-shared");
-var import_react2 = require("react");
-var import_jsx_runtime9 = require("react/jsx-runtime");
-var getModuleIcon = (moduleType, mod) => {
+var import_react9 = __toESM(require("react"), 1);
+var getModuleIcon = /* @__PURE__ */ __name((moduleType, mod) => {
   var _a;
   return (mod == null ? void 0 : mod.queries.find((query) => query.startsWith(`network.xyo.query.${moduleType}`))) ? (_a = (0, import_react_shared2.findNetworkComponent)(moduleType)) == null ? void 0 : _a.icon() : null;
-};
-var ModuleDetailsBox = ({ children, mod, ...props }) => {
-  const [showQueries, setShowQueries] = (0, import_react2.useState)(false);
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_react_flexbox2.FlexCol, { ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_react_flexbox2.FlexRow, { children: [
-      mod ? ["sentinel", "bridge", "archivist", "diviner", "node"].map((moduleType) => {
-        const icon = getModuleIcon(moduleType, mod);
-        return icon ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_react_button2.ButtonEx, { onClick: () => setShowQueries(!showQueries), children: icon }, moduleType) : null;
-      }) : null,
-      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_react_crypto.EthAccountBox, { address: import_eth_address.EthAddress.fromString(mod == null ? void 0 : mod.address) })
-    ] }),
-    showQueries ? mod == null ? void 0 : mod.queries.map((query) => {
-      return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_react_flexbox2.FlexRow, { children: query }, query);
-    }) : null,
-    children
-  ] });
-};
+}, "getModuleIcon");
+var ModuleDetailsBox = /* @__PURE__ */ __name(({ children, mod, ...props }) => {
+  const [showQueries, setShowQueries] = (0, import_react9.useState)(false);
+  return /* @__PURE__ */ import_react9.default.createElement(import_react_flexbox2.FlexCol, props, /* @__PURE__ */ import_react9.default.createElement(import_react_flexbox2.FlexRow, null, mod ? [
+    "sentinel",
+    "bridge",
+    "archivist",
+    "diviner",
+    "node"
+  ].map((moduleType) => {
+    const icon = getModuleIcon(moduleType, mod);
+    return icon ? /* @__PURE__ */ import_react9.default.createElement(import_react_button2.ButtonEx, {
+      onClick: /* @__PURE__ */ __name(() => setShowQueries(!showQueries), "onClick"),
+      key: moduleType
+    }, icon) : null;
+  }) : null, /* @__PURE__ */ import_react9.default.createElement(import_react_crypto.EthAccountBox, {
+    address: import_eth_address.EthAddress.fromString(mod == null ? void 0 : mod.address)
+  })), showQueries ? mod == null ? void 0 : mod.queries.map((query) => {
+    return /* @__PURE__ */ import_react9.default.createElement(import_react_flexbox2.FlexRow, {
+      key: query
+    }, query);
+  }) : null, children);
+}, "ModuleDetailsBox");
 
 // src/components/TableCell.tsx
 var import_material7 = require("@mui/material");
 var import_eth_address2 = require("@xylabs/eth-address");
 var import_react_crypto2 = require("@xylabs/react-crypto");
-var import_jsx_runtime10 = require("react/jsx-runtime");
-var ModuleTableCell = ({ children, mod, ...props }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_material7.TableCell, { ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react_crypto2.EthAccountBox, { address: import_eth_address2.EthAddress.fromString(mod == null ? void 0 : mod.address) }),
-    children
-  ] });
-};
+var import_react10 = __toESM(require("react"), 1);
+var ModuleTableCell = /* @__PURE__ */ __name(({ children, mod, ...props }) => {
+  return /* @__PURE__ */ import_react10.default.createElement(import_material7.TableCell, props, /* @__PURE__ */ import_react10.default.createElement(import_react_crypto2.EthAccountBox, {
+    address: import_eth_address2.EthAddress.fromString(mod == null ? void 0 : mod.address)
+  }), children);
+}, "ModuleTableCell");
 
 // src/hooks/useRefresh.tsx
-var import_react3 = require("react");
-var useRefresh = () => {
-  const [count, setCount] = (0, import_react3.useState)(1);
+var import_react11 = require("react");
+var useRefresh = /* @__PURE__ */ __name(() => {
+  const [count, setCount] = (0, import_react11.useState)(1);
   return [
     count,
     () => {
@@ -200,7 +245,7 @@ var useRefresh = () => {
     },
     () => setCount(0)
   ];
-};
+}, "useRefresh");
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   DivinerCard,

package/dist/node/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/index.ts","../../src/components/Card/Diviner/Card.tsx","../../src/components/Card/Module/Card.tsx","../../src/components/Card/Module/CardActions.tsx","../../src/components/Card/Module/components/DiscoverDialog.tsx","../../src/components/Card/Module/CardContent.tsx","../../src/components/Card/Module/CardHeader.tsx","../../src/components/Card/Diviner/CardContent.tsx","../../src/components/Card/Diviner/CardHeader.tsx","../../src/components/DetailsBox.tsx","../../src/components/TableCell.tsx","../../src/hooks/useRefresh.tsx"],"sourcesContent":["export * from './components/index.js'\nexport * from './hooks/index.js'\nexport * from './ModuleRenderProps.js'\n","import { Card, CardProps } from '@mui/material'\nimport { DivinerInstance } from '@xyo-network/diviner-model'\n\nimport { ModuleRenderProps } from '../../../ModuleRenderProps.js'\nimport { ModuleCardActions } from '../Module/index.js'\nimport { DivinerCardContent } from './CardContent.js'\nimport { DivinerCardHeader } from './CardHeader.js'\n\nexport const DivinerCard: React.FC<CardProps & ModuleRenderProps<DivinerInstance>> = ({ children, mod, ...props }) => {\n  return (\n    <Card {...props}>\n      <DivinerCardHeader mod={mod} />\n      <DivinerCardContent mod={mod} />\n      {children}\n      <ModuleCardActions mod={mod} />\n    </Card>\n  )\n}\n","import { Card, CardProps } from '@mui/material'\n\nimport { ModuleRenderProps } from '../../../ModuleRenderProps.js'\nimport { ModuleCardActions } from './CardActions.js'\nimport { ModuleCardContent } from './CardContent.js'\nimport { ModuleCardHeader } from './CardHeader.js'\n\nexport const ModuleCard: React.FC<CardProps & ModuleRenderProps> = ({ mod, ...props }) => {\n  return (\n    <Card {...props}>\n      <ModuleCardHeader mod={mod} />\n      <ModuleCardContent mod={mod} />\n      <ModuleCardActions mod={mod} />\n    </Card>\n  )\n}\n","import { CardActions, CardActionsProps, Chip } from '@mui/material'\nimport { ButtonEx } from '@xylabs/react-button'\nimport { FlexRow } from '@xylabs/react-flexbox'\nimport { useState } from 'react'\n\nimport { ModuleRenderProps } from '../../../ModuleRenderProps.js'\nimport { DiscoverDialog } from './components/index.js'\n\nexport const ModuleCardActions: React.FC<CardActionsProps & ModuleRenderProps> = ({ children, mod, sx, ...props }) => {\n  const [discoverDialogOpen, setDiscoverDialogOpen] = useState(false)\n\n  const config = mod?.config\n\n  return (\n    <CardActions sx={{ alignItems: 'stretch', flexDirection: 'column', ml: 1, ...sx }} {...props}>\n      <FlexRow justifyContent=\"space-between\" gap={1} alignItems=\"center\">\n        {mod ?\n          <Chip label={config?.schema} size={'small'} />\n        : null}\n        {children}\n        <ButtonEx onClick={() => setDiscoverDialogOpen(true)} size={'small'} variant={'outlined'}>\n          Discover\n        </ButtonEx>\n      </FlexRow>\n      <DiscoverDialog fullWidth maxWidth={'md'} mod={mod} open={discoverDialogOpen} setOpen={setDiscoverDialogOpen} />\n    </CardActions>\n  )\n}\n","import { Button, Dialog, DialogActions, DialogContent, DialogContentText, DialogProps, DialogTitle, Divider, Paper } from '@mui/material'\nimport { usePromise } from '@xylabs/react-promise'\nimport { ModuleInstance } from '@xyo-network/module-model'\nimport { Dispatch, SetStateAction } from 'react'\n\nexport interface DiscoverDialogProps extends DialogProps {\n  mod?: ModuleInstance\n  setOpen?: Dispatch<SetStateAction<boolean>>\n}\n\n// Add a dialogue title and quick tip to show description of discover query\n\nexport const DiscoverDialog: React.FC<DiscoverDialogProps> = ({ mod, setOpen, ...props }) => {\n  const [discoverPayloads] = usePromise(async () => {\n    return await mod?.state()\n  }, [mod])\n\n  return (\n    <Dialog {...props}>\n      <DialogTitle>Supported Queries for {mod?.config.name || mod?.address}</DialogTitle>\n      <Divider />\n      <DialogContent>\n        <Paper sx={{ p: 1 }}>\n          <DialogContentText>All modules share a set of base queries along with ones specific to the module.</DialogContentText>\n          <pre>{JSON.stringify(discoverPayloads, null, 2)}</pre>\n        </Paper>\n      </DialogContent>\n      <DialogActions>\n        <Button onClick={() => setOpen?.(false)} variant={'outlined'}>\n          Close\n        </Button>\n      </DialogActions>\n    </Dialog>\n  )\n}\n","import { CardContent, CardContentProps } from '@mui/material'\n\nimport { ModuleRenderProps } from '../../../ModuleRenderProps.js'\n\nexport const ModuleCardContent: React.FC<ModuleRenderProps & CardContentProps> = ({ children, ...props }) => {\n  return <CardContent {...props}>{children}</CardContent>\n}\n","import { CardHeader, CardHeaderProps } from '@mui/material'\nimport { Module } from '@xyo-network/module-model'\nimport { findNetworkComponent } from '@xyo-network/react-shared'\n\nimport { ModuleRenderProps } from '../../../ModuleRenderProps.js'\n\nconst moduleTypes = ['sentinel', 'bridge', 'archivist', 'diviner', 'node', 'witness']\n\nconst getModuleIcons = (moduleType: string, mod: Module) => {\n  return mod?.queries.find((query) => query.startsWith(`network.xyo.query.${moduleType}`)) ? findNetworkComponent(moduleType)?.icon : null\n}\n\nexport const ModuleCardHeader: React.FC<ModuleRenderProps & CardHeaderProps> = ({ subheader, avatar, title, mod, ...props }) => {\n  return (\n    <CardHeader\n      title={title ?? mod?.config.name ?? 'Module'}\n      subheader={subheader ?? mod?.address}\n      avatar={\n        avatar ?? (\n          <>\n            {mod ?\n              moduleTypes.map((moduleType) => {\n                const Icon = getModuleIcons(moduleType, mod)\n                return Icon ? <Icon key={moduleType} fontSize={'large'} color=\"primary\" /> : null\n              })\n            : null}\n          </>\n        )\n      }\n      {...props}\n    />\n  )\n}\n","import { CardContentProps } from '@mui/material'\nimport { DivinerInstance } from '@xyo-network/diviner-model'\n\nimport { ModuleRenderProps } from '../../../ModuleRenderProps.js'\nimport { ModuleCardContent } from '../Module/index.js'\n\nexport const DivinerCardContent: React.FC<ModuleRenderProps<DivinerInstance> & CardContentProps> = ({ children, ...props }) => {\n  return <ModuleCardContent {...props}>{children}</ModuleCardContent>\n}\n","import { CardHeaderProps } from '@mui/material'\nimport { DivinerInstance } from '@xyo-network/diviner-model'\n\nimport { ModuleRenderProps } from '../../../ModuleRenderProps.js'\nimport { ModuleCardHeader } from '../Module/index.js'\n\nexport const DivinerCardHeader: React.FC<ModuleRenderProps<DivinerInstance> & CardHeaderProps> = ({ title, mod, ...props }) => {\n  return <ModuleCardHeader mod={mod} title={title ?? mod?.config.name ?? 'Diviner'} {...props} />\n}\n","import { EthAddress } from '@xylabs/eth-address'\nimport { ButtonEx } from '@xylabs/react-button'\nimport { EthAccountBox } from '@xylabs/react-crypto'\nimport { FlexBoxProps, FlexCol, FlexRow } from '@xylabs/react-flexbox'\nimport { Module } from '@xyo-network/module-model'\nimport { findNetworkComponent } from '@xyo-network/react-shared'\nimport { useState } from 'react'\n\nimport { ModuleRenderProps } from '../ModuleRenderProps.js'\n\nconst getModuleIcon = (moduleType: string, mod: Module) => {\n  return mod?.queries.find((query) => query.startsWith(`network.xyo.query.${moduleType}`)) ? findNetworkComponent(moduleType)?.icon() : null\n}\n\nexport const ModuleDetailsBox: React.FC<ModuleRenderProps & FlexBoxProps> = ({ children, mod, ...props }) => {\n  const [showQueries, setShowQueries] = useState(false)\n  return (\n    <FlexCol {...props}>\n      <FlexRow>\n        {mod ?\n          ['sentinel', 'bridge', 'archivist', 'diviner', 'node'].map((moduleType) => {\n            const icon = getModuleIcon(moduleType, mod)\n            return icon ?\n                <ButtonEx onClick={() => setShowQueries(!showQueries)} key={moduleType}>\n                  {icon}\n                </ButtonEx>\n              : null\n          })\n        : null}\n        <EthAccountBox address={EthAddress.fromString(mod?.address)} />\n      </FlexRow>\n\n      {showQueries ?\n        mod?.queries.map((query) => {\n          return <FlexRow key={query}>{query}</FlexRow>\n        })\n      : null}\n      {children}\n    </FlexCol>\n  )\n}\n","import { TableCell, TableCellProps } from '@mui/material'\nimport { EthAddress } from '@xylabs/eth-address'\nimport { EthAccountBox } from '@xylabs/react-crypto'\n\nimport { ModuleRenderProps } from '../ModuleRenderProps.js'\n\nexport const ModuleTableCell: React.FC<ModuleRenderProps & TableCellProps> = ({ children, mod, ...props }) => {\n  return (\n    <TableCell {...props}>\n      <EthAccountBox address={EthAddress.fromString(mod?.address)} />\n      {children}\n    </TableCell>\n  )\n}\n","import { useState } from 'react'\n\nexport type RefreshCallback = () => number\nexport type DisableCallback = () => void\n\nexport const useRefresh = (): [number, RefreshCallback, DisableCallback] => {\n  const [count, setCount] = useState(1)\n  return [\n    count,\n    () => {\n      const newCount = count + 1\n      setCount(newCount)\n      return newCount\n    },\n    () => setCount(0),\n  ]\n}\n"],"mappings":"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","names":["import_material","import_material","import_material","import_jsx_runtime","import_material","import_jsx_runtime","import_material","import_jsx_runtime","import_jsx_runtime","import_jsx_runtime","import_jsx_runtime","import_jsx_runtime","import_react_button","import_react_flexbox","import_react_shared","import_react","import_jsx_runtime","import_material","import_eth_address","import_react_crypto","import_jsx_runtime","import_react"]}
+{"version":3,"sources":["../../src/index.ts","../../src/components/Card/Diviner/Card.tsx","../../src/components/Card/Module/Card.tsx","../../src/components/Card/Module/CardActions.tsx","../../src/components/Card/Module/components/DiscoverDialog.tsx","../../src/components/Card/Module/CardContent.tsx","../../src/components/Card/Module/CardHeader.tsx","../../src/components/Card/Diviner/CardContent.tsx","../../src/components/Card/Diviner/CardHeader.tsx","../../src/components/DetailsBox.tsx","../../src/components/TableCell.tsx","../../src/hooks/useRefresh.tsx"],"sourcesContent":["export * from './components/index.ts'\nexport * from './hooks/index.ts'\nexport * from './ModuleRenderProps.tsx'\n","import { Card, CardProps } from '@mui/material'\nimport { DivinerInstance } from '@xyo-network/diviner-model'\nimport React from 'react'\n\nimport { ModuleRenderProps } from '../../../ModuleRenderProps.tsx'\nimport { ModuleCardActions } from '../Module/index.ts'\nimport { DivinerCardContent } from './CardContent.tsx'\nimport { DivinerCardHeader } from './CardHeader.tsx'\n\nexport const DivinerCard: React.FC<CardProps & ModuleRenderProps<DivinerInstance>> = ({ children, mod, ...props }) => {\n  return (\n    <Card {...props}>\n      <DivinerCardHeader mod={mod} />\n      <DivinerCardContent mod={mod} />\n      {children}\n      <ModuleCardActions mod={mod} />\n    </Card>\n  )\n}\n","import { Card, CardProps } from '@mui/material'\nimport React from 'react'\n\nimport { ModuleRenderProps } from '../../../ModuleRenderProps.tsx'\nimport { ModuleCardActions } from './CardActions.tsx'\nimport { ModuleCardContent } from './CardContent.tsx'\nimport { ModuleCardHeader } from './CardHeader.tsx'\n\nexport const ModuleCard: React.FC<CardProps & ModuleRenderProps> = ({ mod, ...props }) => {\n  return (\n    <Card {...props}>\n      <ModuleCardHeader mod={mod} />\n      <ModuleCardContent mod={mod} />\n      <ModuleCardActions mod={mod} />\n    </Card>\n  )\n}\n","import { CardActions, CardActionsProps, Chip } from '@mui/material'\nimport { ButtonEx } from '@xylabs/react-button'\nimport { FlexRow } from '@xylabs/react-flexbox'\nimport React, { useState } from 'react'\n\nimport { ModuleRenderProps } from '../../../ModuleRenderProps.tsx'\nimport { DiscoverDialog } from './components/index.ts'\n\nexport const ModuleCardActions: React.FC<CardActionsProps & ModuleRenderProps> = ({ children, mod, sx, ...props }) => {\n  const [discoverDialogOpen, setDiscoverDialogOpen] = useState(false)\n\n  const config = mod?.config\n\n  return (\n    <CardActions sx={{ alignItems: 'stretch', flexDirection: 'column', ml: 1, ...sx }} {...props}>\n      <FlexRow justifyContent=\"space-between\" gap={1} alignItems=\"center\">\n        {mod\n          ? <Chip label={config?.schema} size=\"small\" />\n          : null}\n        {children}\n        <ButtonEx onClick={() => setDiscoverDialogOpen(true)} size=\"small\" variant=\"outlined\">\n          Discover\n        </ButtonEx>\n      </FlexRow>\n      <DiscoverDialog fullWidth maxWidth=\"md\" mod={mod} open={discoverDialogOpen} setOpen={setDiscoverDialogOpen} />\n    </CardActions>\n  )\n}\n","import { Button, Dialog, DialogActions, DialogContent, DialogContentText, DialogProps, DialogTitle, Divider, Paper } from '@mui/material'\nimport { usePromise } from '@xylabs/react-promise'\nimport { ModuleInstance } from '@xyo-network/module-model'\nimport React, { Dispatch, SetStateAction } from 'react'\n\nexport interface DiscoverDialogProps extends DialogProps {\n  mod?: ModuleInstance\n  setOpen?: Dispatch<SetStateAction<boolean>>\n}\n\n// Add a dialogue title and quick tip to show description of discover query\n\nexport const DiscoverDialog: React.FC<DiscoverDialogProps> = ({ mod, setOpen, ...props }) => {\n  const [discoverPayloads] = usePromise(async () => {\n    return await mod?.state()\n  }, [mod])\n\n  return (\n    <Dialog {...props}>\n      <DialogTitle>\n        Supported Queries for\n        {mod?.config.name || mod?.address}\n      </DialogTitle>\n      <Divider />\n      <DialogContent>\n        <Paper sx={{ p: 1 }}>\n          <DialogContentText>All modules share a set of base queries along with ones specific to the module.</DialogContentText>\n          <pre>{JSON.stringify(discoverPayloads, null, 2)}</pre>\n        </Paper>\n      </DialogContent>\n      <DialogActions>\n        <Button onClick={() => setOpen?.(false)} variant=\"outlined\">\n          Close\n        </Button>\n      </DialogActions>\n    </Dialog>\n  )\n}\n","import { CardContent, CardContentProps } from '@mui/material'\nimport React from 'react'\n\nimport { ModuleRenderProps } from '../../../ModuleRenderProps.tsx'\n\nexport const ModuleCardContent: React.FC<ModuleRenderProps & CardContentProps> = ({ children, ...props }) => {\n  return <CardContent {...props}>{children}</CardContent>\n}\n","import { CardHeader, CardHeaderProps } from '@mui/material'\nimport { Module } from '@xyo-network/module-model'\nimport { findNetworkComponent } from '@xyo-network/react-shared'\nimport React from 'react'\n\nimport { ModuleRenderProps } from '../../../ModuleRenderProps.tsx'\n\nconst moduleTypes = ['sentinel', 'bridge', 'archivist', 'diviner', 'node', 'witness']\n\nconst getModuleIcons = (moduleType: string, mod: Module) => {\n  return mod?.queries.find(query => query.startsWith(`network.xyo.query.${moduleType}`)) ? findNetworkComponent(moduleType)?.icon : null\n}\n\nexport const ModuleCardHeader: React.FC<ModuleRenderProps & CardHeaderProps> = ({ subheader, avatar, title, mod, ...props }) => {\n  return (\n    <CardHeader\n      title={title ?? mod?.config.name ?? 'Module'}\n      subheader={subheader ?? mod?.address}\n      avatar={\n        avatar ?? (\n          <>\n            {mod\n              ? moduleTypes.map((moduleType) => {\n                const Icon = getModuleIcons(moduleType, mod)\n                return Icon ? <Icon key={moduleType} fontSize=\"large\" color=\"primary\" /> : null\n              })\n              : null}\n          </>\n        )\n      }\n      {...props}\n    />\n  )\n}\n","import { CardContentProps } from '@mui/material'\nimport { DivinerInstance } from '@xyo-network/diviner-model'\nimport React from 'react'\n\nimport { ModuleRenderProps } from '../../../ModuleRenderProps.tsx'\nimport { ModuleCardContent } from '../Module/index.ts'\n\nexport const DivinerCardContent: React.FC<ModuleRenderProps<DivinerInstance> & CardContentProps> = ({ children, ...props }) => {\n  return <ModuleCardContent {...props}>{children}</ModuleCardContent>\n}\n","import { CardHeaderProps } from '@mui/material'\nimport { DivinerInstance } from '@xyo-network/diviner-model'\nimport React from 'react'\n\nimport { ModuleRenderProps } from '../../../ModuleRenderProps.tsx'\nimport { ModuleCardHeader } from '../Module/index.ts'\n\nexport const DivinerCardHeader: React.FC<ModuleRenderProps<DivinerInstance> & CardHeaderProps> = ({ title, mod, ...props }) => {\n  return <ModuleCardHeader mod={mod} title={title ?? mod?.config.name ?? 'Diviner'} {...props} />\n}\n","import { EthAddress } from '@xylabs/eth-address'\nimport { ButtonEx } from '@xylabs/react-button'\nimport { EthAccountBox } from '@xylabs/react-crypto'\nimport { FlexBoxProps, FlexCol, FlexRow } from '@xylabs/react-flexbox'\nimport { Module } from '@xyo-network/module-model'\nimport { findNetworkComponent } from '@xyo-network/react-shared'\nimport React, { useState } from 'react'\n\nimport { ModuleRenderProps } from '../ModuleRenderProps.tsx'\n\nconst getModuleIcon = (moduleType: string, mod: Module) => {\n  return mod?.queries.find(query => query.startsWith(`network.xyo.query.${moduleType}`)) ? findNetworkComponent(moduleType)?.icon() : null\n}\n\nexport const ModuleDetailsBox: React.FC<ModuleRenderProps & FlexBoxProps> = ({ children, mod, ...props }) => {\n  const [showQueries, setShowQueries] = useState(false)\n  return (\n    <FlexCol {...props}>\n      <FlexRow>\n        {mod\n          ? ['sentinel', 'bridge', 'archivist', 'diviner', 'node'].map((moduleType) => {\n              const icon = getModuleIcon(moduleType, mod)\n              return icon\n                ? (\n                    <ButtonEx onClick={() => setShowQueries(!showQueries)} key={moduleType}>\n                      {icon}\n                    </ButtonEx>\n                  )\n                : null\n            })\n          : null}\n        <EthAccountBox address={EthAddress.fromString(mod?.address)} />\n      </FlexRow>\n\n      {showQueries\n        ? mod?.queries.map((query) => {\n          return <FlexRow key={query}>{query}</FlexRow>\n        })\n        : null}\n      {children}\n    </FlexCol>\n  )\n}\n","import { TableCell, TableCellProps } from '@mui/material'\nimport { EthAddress } from '@xylabs/eth-address'\nimport { EthAccountBox } from '@xylabs/react-crypto'\nimport React from 'react'\n\nimport { ModuleRenderProps } from '../ModuleRenderProps.tsx'\n\nexport const ModuleTableCell: React.FC<ModuleRenderProps & TableCellProps> = ({ children, mod, ...props }) => {\n  return (\n    <TableCell {...props}>\n      <EthAccountBox address={EthAddress.fromString(mod?.address)} />\n      {children}\n    </TableCell>\n  )\n}\n","import { useState } from 'react'\n\nexport type RefreshCallback = () => number\nexport type DisableCallback = () => void\n\nexport const useRefresh = (): [number, RefreshCallback, DisableCallback] => {\n  const [count, setCount] = useState(1)\n  return [\n    count,\n    () => {\n      const newCount = count + 1\n      setCount(newCount)\n      return newCount\n    },\n    () => setCount(0),\n  ]\n}\n"],"mappings":"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","names":["import_material","import_react","import_material","import_react","import_material","import_react","DiscoverDialog","mod","setOpen","props","discoverPayloads","usePromise","state","React","Dialog","DialogTitle","config","name","address","Divider","DialogContent","Paper","sx","p","DialogContentText","pre","JSON","stringify","DialogActions","Button","onClick","variant","ModuleCardActions","children","mod","sx","props","discoverDialogOpen","setDiscoverDialogOpen","useState","config","React","CardActions","alignItems","flexDirection","ml","FlexRow","justifyContent","gap","Chip","label","schema","size","ButtonEx","onClick","variant","DiscoverDialog","fullWidth","maxWidth","open","setOpen","import_material","import_react","ModuleCardContent","children","props","React","CardContent","import_material","import_react","moduleTypes","getModuleIcons","moduleType","mod","queries","find","query","startsWith","findNetworkComponent","icon","ModuleCardHeader","subheader","avatar","title","props","React","CardHeader","config","name","address","map","Icon","key","fontSize","color","ModuleCard","mod","props","React","Card","ModuleCardHeader","ModuleCardContent","ModuleCardActions","import_react","DivinerCardContent","children","props","React","ModuleCardContent","import_react","DivinerCardHeader","title","mod","props","React","ModuleCardHeader","config","name","DivinerCard","children","mod","props","React","Card","DivinerCardHeader","DivinerCardContent","ModuleCardActions","import_react_button","import_react_flexbox","import_react_shared","import_react","getModuleIcon","moduleType","mod","queries","find","query","startsWith","findNetworkComponent","icon","ModuleDetailsBox","children","props","showQueries","setShowQueries","useState","React","FlexCol","FlexRow","map","ButtonEx","onClick","key","EthAccountBox","address","EthAddress","fromString","import_material","import_eth_address","import_react_crypto","import_react","ModuleTableCell","children","mod","props","React","TableCell","EthAccountBox","address","EthAddress","fromString","import_react","useRefresh","count","setCount","useState","newCount"]}

package/dist/node/index.d.cts

@@ -1,4 +1,4 @@
-export * from './components/index.js';
-export * from './hooks/index.js';
-export * from './ModuleRenderProps.js';
+export * from './components/index.ts';
+export * from './hooks/index.ts';
+export * from './ModuleRenderProps.tsx';
 //# sourceMappingURL=index.d.ts.map

package/dist/node/index.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAA;AACrC,cAAc,kBAAkB,CAAA;AAChC,cAAc,wBAAwB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAA;AACrC,cAAc,kBAAkB,CAAA;AAChC,cAAc,yBAAyB,CAAA"}

package/dist/node/index.d.mts

@@ -1,4 +1,4 @@
-export * from './components/index.js';
-export * from './hooks/index.js';
-export * from './ModuleRenderProps.js';
+export * from './components/index.ts';
+export * from './hooks/index.ts';
+export * from './ModuleRenderProps.tsx';
 //# sourceMappingURL=index.d.ts.map

package/dist/node/index.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAA;AACrC,cAAc,kBAAkB,CAAA;AAChC,cAAc,wBAAwB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAA;AACrC,cAAc,kBAAkB,CAAA;AAChC,cAAc,yBAAyB,CAAA"}

package/dist/node/index.d.ts

@@ -1,4 +1,4 @@
-export * from './components/index.js';
-export * from './hooks/index.js';
-export * from './ModuleRenderProps.js';
+export * from './components/index.ts';
+export * from './hooks/index.ts';
+export * from './ModuleRenderProps.tsx';
 //# sourceMappingURL=index.d.ts.map

package/dist/node/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAA;AACrC,cAAc,kBAAkB,CAAA;AAChC,cAAc,wBAAwB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAA;AACrC,cAAc,kBAAkB,CAAA;AAChC,cAAc,yBAAyB,CAAA"}