@xyo-network/react-module 7.5.8 → 7.5.12

package/dist/browser/ModuleRenderProps.d.ts

@@ -1,7 +1,7 @@
 import type { ModuleInstance } from '@xyo-network/module-model';
-export type ModuleRenderProps<T extends ModuleInstance = ModuleInstance> = {
+export interface ModuleRenderProps<T extends ModuleInstance = ModuleInstance> {
     address?: string;
     mod?: T;
     name?: string;
-};
+}
 //# sourceMappingURL=ModuleRenderProps.d.ts.map

package/dist/browser/ModuleRenderProps.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ModuleRenderProps.d.ts","sourceRoot":"","sources":["../../src/ModuleRenderProps.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAE/D,MAAM,MAAM,iBAAiB,CAAC,CAAC,SAAS,cAAc,GAAG,cAAc,IAAI;IACzE,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,GAAG,CAAC,EAAE,CAAC,CAAA;IACP,IAAI,CAAC,EAAE,MAAM,CAAA;CACd,CAAA"}
+{"version":3,"file":"ModuleRenderProps.d.ts","sourceRoot":"","sources":["../../src/ModuleRenderProps.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAE/D,MAAM,WAAW,iBAAiB,CAAC,CAAC,SAAS,cAAc,GAAG,cAAc;IAC1E,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,GAAG,CAAC,EAAE,CAAC,CAAA;IACP,IAAI,CAAC,EAAE,MAAM,CAAA;CACd"}

package/dist/browser/components/DetailsBox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DetailsBox.d.ts","sourceRoot":"","sources":["../../../src/components/DetailsBox.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAA;AAIzD,OAAO,KAAmB,MAAM,OAAO,CAAA;AAEvC,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAA;AAMjE,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,GAAG,YAAY,CA8BvE,CAAA"}
+{"version":3,"file":"DetailsBox.d.ts","sourceRoot":"","sources":["../../../src/components/DetailsBox.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAA;AAKzD,OAAO,KAAmB,MAAM,OAAO,CAAA;AAEvC,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAA;AAMjE,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,GAAG,YAAY,CA8BvE,CAAA"}

package/dist/browser/index.mjs

@@ -1,195 +1,210 @@
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-
 // src/components/Card/Diviner/Card.tsx
 import { Card as Card2 } from "@mui/material";
-import React8 from "react";
 
 // src/components/Card/Module/Card.tsx
 import { Card } from "@mui/material";
-import React5 from "react";
 
 // src/components/Card/Module/CardActions.tsx
 import { CardActions, Chip } from "@mui/material";
 import { ButtonEx } from "@xylabs/react-button";
 import { FlexRow } from "@xylabs/react-flexbox";
-import React2, { useState } from "react";
+import { useState } from "react";
 
 // src/components/Card/Module/components/DiscoverDialog.tsx
-import { Button, Dialog, DialogActions, DialogContent, DialogContentText, DialogTitle, Divider, Paper } from "@mui/material";
+import {
+  Button,
+  Dialog,
+  DialogActions,
+  DialogContent,
+  DialogContentText,
+  DialogTitle,
+  Divider,
+  Paper
+} from "@mui/material";
 import { usePromise } from "@xylabs/react-promise";
-import React from "react";
-var DiscoverDialog = /* @__PURE__ */ __name(({ mod, setOpen, ...props }) => {
+import { jsx, jsxs } from "react/jsx-runtime";
+var DiscoverDialog = ({
+  mod,
+  setOpen,
+  ...props
+}) => {
   const [discoverPayloads] = usePromise(async () => {
     return await mod?.state();
-  }, [
-    mod
-  ]);
-  return /* @__PURE__ */ React.createElement(Dialog, props, /* @__PURE__ */ React.createElement(DialogTitle, null, "Supported Queries for", mod?.config.name || mod?.address), /* @__PURE__ */ React.createElement(Divider, null), /* @__PURE__ */ React.createElement(DialogContent, null, /* @__PURE__ */ React.createElement(Paper, {
-    sx: {
-      p: 1
-    }
-  }, /* @__PURE__ */ React.createElement(DialogContentText, null, "All modules share a set of base queries along with ones specific to the module."), /* @__PURE__ */ React.createElement("pre", null, JSON.stringify(discoverPayloads, null, 2)))), /* @__PURE__ */ React.createElement(DialogActions, null, /* @__PURE__ */ React.createElement(Button, {
-    onClick: /* @__PURE__ */ __name(() => setOpen?.(false), "onClick"),
-    variant: "outlined"
-  }, "Close")));
-}, "DiscoverDialog");
+  }, [mod]);
+  return /* @__PURE__ */ jsxs(Dialog, { ...props, children: [
+    /* @__PURE__ */ jsxs(DialogTitle, { children: [
+      "Supported Queries for",
+      mod?.config.name || mod?.address
+    ] }),
+    /* @__PURE__ */ jsx(Divider, {}),
+    /* @__PURE__ */ jsx(DialogContent, { children: /* @__PURE__ */ jsxs(Paper, { sx: { p: 1 }, children: [
+      /* @__PURE__ */ jsx(DialogContentText, { children: "All modules share a set of base queries along with ones specific to the module." }),
+      /* @__PURE__ */ jsx("pre", { children: JSON.stringify(discoverPayloads, null, 2) })
+    ] }) }),
+    /* @__PURE__ */ jsx(DialogActions, { children: /* @__PURE__ */ jsx(Button, { onClick: () => setOpen?.(false), variant: "outlined", children: "Close" }) })
+  ] });
+};
 
 // src/components/Card/Module/CardActions.tsx
-var ModuleCardActions = /* @__PURE__ */ __name(({ children, mod, sx, ...props }) => {
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var ModuleCardActions = ({
+  children,
+  mod,
+  sx,
+  ...props
+}) => {
   const [discoverDialogOpen, setDiscoverDialogOpen] = useState(false);
   const config = mod?.config;
-  return /* @__PURE__ */ React2.createElement(CardActions, {
-    sx: {
-      alignItems: "stretch",
-      flexDirection: "column",
-      ml: 1,
-      ...sx
-    },
-    ...props
-  }, /* @__PURE__ */ React2.createElement(FlexRow, {
-    justifyContent: "space-between",
-    gap: 1,
-    alignItems: "center"
-  }, mod ? /* @__PURE__ */ React2.createElement(Chip, {
-    label: config?.schema,
-    size: "small"
-  }) : null, children, /* @__PURE__ */ React2.createElement(ButtonEx, {
-    onClick: /* @__PURE__ */ __name(() => setDiscoverDialogOpen(true), "onClick"),
-    size: "small",
-    variant: "outlined"
-  }, "Discover")), /* @__PURE__ */ React2.createElement(DiscoverDialog, {
-    fullWidth: true,
-    maxWidth: "md",
-    mod,
-    open: discoverDialogOpen,
-    setOpen: setDiscoverDialogOpen
-  }));
-}, "ModuleCardActions");
+  return /* @__PURE__ */ jsxs2(
+    CardActions,
+    {
+      sx: {
+        alignItems: "stretch",
+        flexDirection: "column",
+        ml: 1,
+        ...sx
+      },
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxs2(FlexRow, { justifyContent: "space-between", gap: 1, alignItems: "center", children: [
+          mod ? /* @__PURE__ */ jsx2(Chip, { label: config?.schema, size: "small" }) : null,
+          children,
+          /* @__PURE__ */ jsx2(ButtonEx, { onClick: () => setDiscoverDialogOpen(true), size: "small", variant: "outlined", children: "Discover" })
+        ] }),
+        /* @__PURE__ */ jsx2(DiscoverDialog, { fullWidth: true, maxWidth: "md", mod, open: discoverDialogOpen, setOpen: setDiscoverDialogOpen })
+      ]
+    }
+  );
+};
 
 // src/components/Card/Module/CardContent.tsx
 import { CardContent } from "@mui/material";
-import React3 from "react";
-var ModuleCardContent = /* @__PURE__ */ __name(({ children, ...props }) => {
-  return /* @__PURE__ */ React3.createElement(CardContent, props, children);
-}, "ModuleCardContent");
+import { jsx as jsx3 } from "react/jsx-runtime";
+var ModuleCardContent = ({ children, ...props }) => {
+  return /* @__PURE__ */ jsx3(CardContent, { ...props, children });
+};
 
 // src/components/Card/Module/CardHeader.tsx
 import { CardHeader } from "@mui/material";
 import { findNetworkComponent } from "@xyo-network/react-shared";
-import React4 from "react";
-var moduleTypes = [
-  "sentinel",
-  "bridge",
-  "archivist",
-  "diviner",
-  "node",
-  "witness"
-];
-var getModuleIcons = /* @__PURE__ */ __name((moduleType, mod) => {
+import { Fragment, jsx as jsx4 } from "react/jsx-runtime";
+var moduleTypes = ["sentinel", "bridge", "archivist", "diviner", "node", "witness"];
+var getModuleIcons = (moduleType, mod) => {
   return mod?.queries.find((query) => query.startsWith(`network.xyo.query.${moduleType}`)) ? findNetworkComponent(moduleType)?.icon : null;
-}, "getModuleIcons");
-var ModuleCardHeader = /* @__PURE__ */ __name(({ subheader, avatar, title, mod, ...props }) => {
-  return /* @__PURE__ */ React4.createElement(CardHeader, {
-    title: title ?? mod?.config.name ?? "Module",
-    subheader: subheader ?? mod?.address,
-    avatar: avatar ?? /* @__PURE__ */ React4.createElement(React4.Fragment, null, mod ? moduleTypes.map((moduleType) => {
-      const Icon = getModuleIcons(moduleType, mod);
-      return Icon ? /* @__PURE__ */ React4.createElement(Icon, {
-        key: moduleType,
-        fontSize: "large",
-        color: "primary"
-      }) : null;
-    }) : null),
-    ...props
-  });
-}, "ModuleCardHeader");
+};
+var ModuleCardHeader = ({
+  subheader,
+  avatar,
+  title,
+  mod,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx4(
+    CardHeader,
+    {
+      title: title ?? mod?.config.name ?? "Module",
+      subheader: subheader ?? mod?.address,
+      avatar: avatar ?? /* @__PURE__ */ jsx4(Fragment, { children: mod ? moduleTypes.map((moduleType) => {
+        const Icon = getModuleIcons(moduleType, mod);
+        return Icon ? /* @__PURE__ */ jsx4(Icon, { fontSize: "large", color: "primary" }, moduleType) : null;
+      }) : null }),
+      ...props
+    }
+  );
+};
 
 // src/components/Card/Module/Card.tsx
-var ModuleCard = /* @__PURE__ */ __name(({ mod, ...props }) => {
-  return /* @__PURE__ */ React5.createElement(Card, props, /* @__PURE__ */ React5.createElement(ModuleCardHeader, {
-    mod
-  }), /* @__PURE__ */ React5.createElement(ModuleCardContent, {
-    mod
-  }), /* @__PURE__ */ React5.createElement(ModuleCardActions, {
-    mod
-  }));
-}, "ModuleCard");
+import { jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
+var ModuleCard = ({ mod, ...props }) => {
+  return /* @__PURE__ */ jsxs3(Card, { ...props, children: [
+    /* @__PURE__ */ jsx5(ModuleCardHeader, { mod }),
+    /* @__PURE__ */ jsx5(ModuleCardContent, { mod }),
+    /* @__PURE__ */ jsx5(ModuleCardActions, { mod })
+  ] });
+};
 
 // src/components/Card/Diviner/CardContent.tsx
-import React6 from "react";
-var DivinerCardContent = /* @__PURE__ */ __name(({ children, ...props }) => {
-  return /* @__PURE__ */ React6.createElement(ModuleCardContent, props, children);
-}, "DivinerCardContent");
+import { jsx as jsx6 } from "react/jsx-runtime";
+var DivinerCardContent = ({ children, ...props }) => {
+  return /* @__PURE__ */ jsx6(ModuleCardContent, { ...props, children });
+};
 
 // src/components/Card/Diviner/CardHeader.tsx
-import React7 from "react";
-var DivinerCardHeader = /* @__PURE__ */ __name(({ title, mod, ...props }) => {
-  return /* @__PURE__ */ React7.createElement(ModuleCardHeader, {
-    mod,
-    title: title ?? mod?.config.name ?? "Diviner",
-    ...props
-  });
-}, "DivinerCardHeader");
+import { jsx as jsx7 } from "react/jsx-runtime";
+var DivinerCardHeader = ({
+  title,
+  mod,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx7(ModuleCardHeader, { mod, title: title ?? mod?.config.name ?? "Diviner", ...props });
+};
 
 // src/components/Card/Diviner/Card.tsx
-var DivinerCard = /* @__PURE__ */ __name(({ children, mod, ...props }) => {
-  return /* @__PURE__ */ React8.createElement(Card2, props, /* @__PURE__ */ React8.createElement(DivinerCardHeader, {
-    mod
-  }), /* @__PURE__ */ React8.createElement(DivinerCardContent, {
-    mod
-  }), children, /* @__PURE__ */ React8.createElement(ModuleCardActions, {
-    mod
-  }));
-}, "DivinerCard");
+import { jsx as jsx8, jsxs as jsxs4 } from "react/jsx-runtime";
+var DivinerCard = ({
+  children,
+  mod,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsxs4(Card2, { ...props, children: [
+    /* @__PURE__ */ jsx8(DivinerCardHeader, { mod }),
+    /* @__PURE__ */ jsx8(DivinerCardContent, { mod }),
+    children,
+    /* @__PURE__ */ jsx8(ModuleCardActions, { mod })
+  ] });
+};
 
 // src/components/DetailsBox.tsx
-import { EthAddressWrapper } from "@xylabs/eth-address";
 import { ButtonEx as ButtonEx2 } from "@xylabs/react-button";
 import { EthAccountBox } from "@xylabs/react-crypto";
 import { FlexCol, FlexRow as FlexRow2 } from "@xylabs/react-flexbox";
+import { EthAddressWrapper } from "@xylabs/sdk-js";
 import { findNetworkComponent as findNetworkComponent2 } from "@xyo-network/react-shared";
-import React9, { useState as useState2 } from "react";
-var getModuleIcon = /* @__PURE__ */ __name((moduleType, mod) => {
+import { useState as useState2 } from "react";
+import { jsx as jsx9, jsxs as jsxs5 } from "react/jsx-runtime";
+var getModuleIcon = (moduleType, mod) => {
   return mod?.queries.find((query) => query.startsWith(`network.xyo.query.${moduleType}`)) ? findNetworkComponent2(moduleType)?.icon() : null;
-}, "getModuleIcon");
-var ModuleDetailsBox = /* @__PURE__ */ __name(({ children, mod, ...props }) => {
+};
+var ModuleDetailsBox = ({
+  children,
+  mod,
+  ...props
+}) => {
   const [showQueries, setShowQueries] = useState2(false);
-  return /* @__PURE__ */ React9.createElement(FlexCol, props, /* @__PURE__ */ React9.createElement(FlexRow2, null, mod ? [
-    "sentinel",
-    "bridge",
-    "archivist",
-    "diviner",
-    "node"
-  ].map((moduleType) => {
-    const icon = getModuleIcon(moduleType, mod);
-    return icon ? /* @__PURE__ */ React9.createElement(ButtonEx2, {
-      onClick: /* @__PURE__ */ __name(() => setShowQueries(!showQueries), "onClick"),
-      key: moduleType
-    }, icon) : null;
-  }) : null, /* @__PURE__ */ React9.createElement(EthAccountBox, {
-    address: EthAddressWrapper.fromString(mod?.address)
-  })), showQueries ? mod?.queries.map((query) => {
-    return /* @__PURE__ */ React9.createElement(FlexRow2, {
-      key: query
-    }, query);
-  }) : null, children);
-}, "ModuleDetailsBox");
+  return /* @__PURE__ */ jsxs5(FlexCol, { ...props, children: [
+    /* @__PURE__ */ jsxs5(FlexRow2, { children: [
+      mod ? ["sentinel", "bridge", "archivist", "diviner", "node"].map((moduleType) => {
+        const icon = getModuleIcon(moduleType, mod);
+        return icon ? /* @__PURE__ */ jsx9(ButtonEx2, { onClick: () => setShowQueries(!showQueries), children: icon }, moduleType) : null;
+      }) : null,
+      /* @__PURE__ */ jsx9(EthAccountBox, { address: EthAddressWrapper.fromString(mod?.address) })
+    ] }),
+    showQueries ? mod?.queries.map((query) => {
+      return /* @__PURE__ */ jsx9(FlexRow2, { children: query }, query);
+    }) : null,
+    children
+  ] });
+};
 
 // src/components/TableCell.tsx
 import { TableCell } from "@mui/material";
-import { EthAddressWrapper as EthAddressWrapper2 } from "@xylabs/eth-address";
 import { EthAccountBox as EthAccountBox2 } from "@xylabs/react-crypto";
-import React10 from "react";
-var ModuleTableCell = /* @__PURE__ */ __name(({ children, mod, ...props }) => {
-  return /* @__PURE__ */ React10.createElement(TableCell, props, /* @__PURE__ */ React10.createElement(EthAccountBox2, {
-    address: EthAddressWrapper2.fromString(mod?.address)
-  }), children);
-}, "ModuleTableCell");
+import { EthAddressWrapper as EthAddressWrapper2 } from "@xylabs/sdk-js";
+import { jsx as jsx10, jsxs as jsxs6 } from "react/jsx-runtime";
+var ModuleTableCell = ({
+  children,
+  mod,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsxs6(TableCell, { ...props, children: [
+    /* @__PURE__ */ jsx10(EthAccountBox2, { address: EthAddressWrapper2.fromString(mod?.address) }),
+    children
+  ] });
+};
 
 // src/hooks/useRefresh.tsx
 import { useState as useState3 } from "react";
-var useRefresh = /* @__PURE__ */ __name(() => {
+var useRefresh = () => {
   const [count, setCount] = useState3(1);
   return [
     count,
@@ -200,7 +215,7 @@ var useRefresh = /* @__PURE__ */ __name(() => {
     },
     () => setCount(0)
   ];
-}, "useRefresh");
+};
 export {
   DivinerCard,
   DivinerCardContent,

package/dist/browser/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../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":["import type { CardProps } from '@mui/material'\nimport { Card } from '@mui/material'\nimport type { DivinerInstance } from '@xyo-network/diviner-model'\nimport React from 'react'\n\nimport type { 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>> = ({\n  children, mod, ...props\n}) => {\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 type { CardProps } from '@mui/material'\nimport { Card } from '@mui/material'\nimport React from 'react'\n\nimport type { 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 type { CardActionsProps } from '@mui/material'\nimport { CardActions, Chip } from '@mui/material'\nimport { ButtonEx } from '@xylabs/react-button'\nimport { FlexRow } from '@xylabs/react-flexbox'\nimport React, { useState } from 'react'\n\nimport type { ModuleRenderProps } from '../../../ModuleRenderProps.tsx'\nimport { DiscoverDialog } from './components/index.ts'\n\nexport const ModuleCardActions: React.FC<CardActionsProps & ModuleRenderProps> = ({\n  children, mod, sx, ...props\n}) => {\n  const [discoverDialogOpen, setDiscoverDialogOpen] = useState(false)\n\n  const config = mod?.config\n\n  return (\n    <CardActions\n      sx={{\n        alignItems: 'stretch', flexDirection: 'column', ml: 1, ...sx,\n      }}\n      {...props}\n    >\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 type { DialogProps } from '@mui/material'\nimport {\n  Button, Dialog, DialogActions, DialogContent, DialogContentText, DialogTitle, Divider, Paper,\n} from '@mui/material'\nimport { usePromise } from '@xylabs/react-promise'\nimport type { ModuleInstance } from '@xyo-network/module-model'\nimport type { Dispatch, SetStateAction } from 'react'\nimport React 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> = ({\n  mod, setOpen, ...props\n}) => {\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 type { CardContentProps } from '@mui/material'\nimport { CardContent } from '@mui/material'\nimport React from 'react'\n\nimport type { ModuleRenderProps } from '../../../ModuleRenderProps.tsx'\n\nexport const ModuleCardContent: React.FC<ModuleRenderProps & CardContentProps> = ({ children, ...props }) => {\n  return <CardContent {...props}>{children}</CardContent>\n}\n","import type { CardHeaderProps } from '@mui/material'\nimport { CardHeader } from '@mui/material'\nimport type { Module } from '@xyo-network/module-model'\nimport { findNetworkComponent } from '@xyo-network/react-shared'\nimport React from 'react'\n\nimport type { 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> = ({\n  subheader, avatar, title, mod, ...props\n}) => {\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 type { CardContentProps } from '@mui/material'\nimport type { DivinerInstance } from '@xyo-network/diviner-model'\nimport React from 'react'\n\nimport type { 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 type { CardHeaderProps } from '@mui/material'\nimport type { DivinerInstance } from '@xyo-network/diviner-model'\nimport React from 'react'\n\nimport type { ModuleRenderProps } from '../../../ModuleRenderProps.tsx'\nimport { ModuleCardHeader } from '../Module/index.ts'\n\nexport const DivinerCardHeader: React.FC<ModuleRenderProps<DivinerInstance> & CardHeaderProps> = ({\n  title, mod, ...props\n}) => {\n  return <ModuleCardHeader mod={mod} title={title ?? mod?.config.name ?? 'Diviner'} {...props} />\n}\n","import { EthAddressWrapper } from '@xylabs/eth-address'\nimport { ButtonEx } from '@xylabs/react-button'\nimport { EthAccountBox } from '@xylabs/react-crypto'\nimport type { FlexBoxProps } from '@xylabs/react-flexbox'\nimport { FlexCol, FlexRow } from '@xylabs/react-flexbox'\nimport type { Module } from '@xyo-network/module-model'\nimport { findNetworkComponent } from '@xyo-network/react-shared'\nimport React, { useState } from 'react'\n\nimport type { 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> = ({\n  children, mod, ...props\n}) => {\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={EthAddressWrapper.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 type { TableCellProps } from '@mui/material'\nimport { TableCell } from '@mui/material'\nimport { EthAddressWrapper } from '@xylabs/eth-address'\nimport { EthAccountBox } from '@xylabs/react-crypto'\nimport React from 'react'\n\nimport type { ModuleRenderProps } from '../ModuleRenderProps.tsx'\n\nexport const ModuleTableCell: React.FC<ModuleRenderProps & TableCellProps> = ({\n  children, mod, ...props\n}) => {\n  return (\n    <TableCell {...props}>\n      <EthAccountBox address={EthAddressWrapper.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":";;;;AACA,SAASA,QAAAA,aAAY;AAErB,OAAOC,YAAW;;;ACFlB,SAASC,YAAY;AACrB,OAAOC,YAAW;;;ACDlB,SAASC,aAAaC,YAAY;AAClC,SAASC,gBAAgB;AACzB,SAASC,eAAe;AACxB,OAAOC,UAASC,gBAAgB;;;ACHhC,SACEC,QAAQC,QAAQC,eAAeC,eAAeC,mBAAmBC,aAAaC,SAASC,aAClF;AACP,SAASC,kBAAkB;AAG3B,OAAOC,WAAW;AASX,IAAMC,iBAAgD,wBAAC,EAC5DC,KAAKC,SAAS,GAAGC,MAAAA,MAClB;AACC,QAAM,CAACC,gBAAAA,IAAoBC,WAAW,YAAA;AACpC,WAAO,MAAMJ,KAAKK,MAAAA;EACpB,GAAG;IAACL;GAAI;AAER,SACE,sBAAA,cAACM,QAAWJ,OACV,sBAAA,cAACK,aAAAA,MAAY,yBAEVP,KAAKQ,OAAOC,QAAQT,KAAKU,OAAAA,GAE5B,sBAAA,cAACC,SAAAA,IAAAA,GACD,sBAAA,cAACC,eAAAA,MACC,sBAAA,cAACC,OAAAA;IAAMC,IAAI;MAAEC,GAAG;IAAE;KAChB,sBAAA,cAACC,mBAAAA,MAAkB,iFAAA,GACnB,sBAAA,cAACC,OAAAA,MAAKC,KAAKC,UAAUhB,kBAAkB,MAAM,CAAA,CAAA,CAAA,CAAA,GAGjD,sBAAA,cAACiB,eAAAA,MACC,sBAAA,cAACC,QAAAA;IAAOC,SAAS,6BAAMrB,UAAU,KAAA,GAAhB;IAAwBsB,SAAQ;KAAW,OAAA,CAAA,CAAA;AAMpE,GA3B6D;;;ADPtD,IAAMC,oBAAoE,wBAAC,EAChFC,UAAUC,KAAKC,IAAI,GAAGC,MAAAA,MACvB;AACC,QAAM,CAACC,oBAAoBC,qBAAAA,IAAyBC,SAAS,KAAA;AAE7D,QAAMC,SAASN,KAAKM;AAEpB,SACE,gBAAAC,OAAA,cAACC,aAAAA;IACCP,IAAI;MACFQ,YAAY;MAAWC,eAAe;MAAUC,IAAI;MAAG,GAAGV;IAC5D;IACC,GAAGC;KAEJ,gBAAAK,OAAA,cAACK,SAAAA;IAAQC,gBAAe;IAAgBC,KAAK;IAAGL,YAAW;KACxDT,MACG,gBAAAO,OAAA,cAACQ,MAAAA;IAAKC,OAAOV,QAAQW;IAAQC,MAAK;OAClC,MACHnB,UACD,gBAAAQ,OAAA,cAACY,UAAAA;IAASC,SAAS,6BAAMhB,sBAAsB,IAAA,GAA5B;IAAmCc,MAAK;IAAQG,SAAQ;KAAW,UAAA,CAAA,GAIxF,gBAAAd,OAAA,cAACe,gBAAAA;IAAeC,WAAAA;IAAUC,UAAS;IAAKxB;IAAUyB,MAAMtB;IAAoBuB,SAAStB;;AAG3F,GA1BiF;;;AERjF,SAASuB,mBAAmB;AAC5B,OAAOC,YAAW;AAIX,IAAMC,oBAAoE,wBAAC,EAAEC,UAAU,GAAGC,MAAAA,MAAO;AACtG,SAAO,gBAAAC,OAAA,cAACC,aAAgBF,OAAQD,QAAAA;AAClC,GAFiF;;;ACLjF,SAASI,kBAAkB;AAE3B,SAASC,4BAA4B;AACrC,OAAOC,YAAW;AAIlB,IAAMC,cAAc;EAAC;EAAY;EAAU;EAAa;EAAW;EAAQ;;AAE3E,IAAMC,iBAAiB,wBAACC,YAAoBC,QAAAA;AAC1C,SAAOA,KAAKC,QAAQC,KAAKC,CAAAA,UAASA,MAAMC,WAAW,qBAAqBL,UAAAA,EAAY,CAAA,IAAKM,qBAAqBN,UAAAA,GAAaO,OAAO;AACpI,GAFuB;AAIhB,IAAMC,mBAAkE,wBAAC,EAC9EC,WAAWC,QAAQC,OAAOV,KAAK,GAAGW,MAAAA,MACnC;AACC,SACE,gBAAAC,OAAA,cAACC,YAAAA;IACCH,OAAOA,SAASV,KAAKc,OAAOC,QAAQ;IACpCP,WAAWA,aAAaR,KAAKgB;IAC7BP,QACEA,UACE,gBAAAG,OAAA,cAAAA,OAAA,UAAA,MACGZ,MACGH,YAAYoB,IAAI,CAAClB,eAAAA;AACf,YAAMmB,OAAOpB,eAAeC,YAAYC,GAAAA;AACxC,aAAOkB,OAAO,gBAAAN,OAAA,cAACM,MAAAA;QAAKC,KAAKpB;QAAYqB,UAAS;QAAQC,OAAM;WAAe;IAC7E,CAAA,IACA,IAAA;IAIT,GAAGV;;AAGV,GAtB+E;;;AJLxE,IAAMW,aAAsD,wBAAC,EAAEC,KAAK,GAAGC,MAAAA,MAAO;AACnF,SACE,gBAAAC,OAAA,cAACC,MAASF,OACR,gBAAAC,OAAA,cAACE,kBAAAA;IAAiBJ;MAClB,gBAAAE,OAAA,cAACG,mBAAAA;IAAkBL;MACnB,gBAAAE,OAAA,cAACI,mBAAAA;IAAkBN;;AAGzB,GARmE;;;AKPnE,OAAOO,YAAW;AAKX,IAAMC,qBAAsF,wBAAC,EAAEC,UAAU,GAAGC,MAAAA,MAAO;AACxH,SAAO,gBAAAC,OAAA,cAACC,mBAAsBF,OAAQD,QAAAA;AACxC,GAFmG;;;ACLnG,OAAOI,YAAW;AAKX,IAAMC,oBAAoF,wBAAC,EAChGC,OAAOC,KAAK,GAAGC,MAAAA,MAChB;AACC,SAAO,gBAAAC,OAAA,cAACC,kBAAAA;IAAiBH;IAAUD,OAAOA,SAASC,KAAKI,OAAOC,QAAQ;IAAY,GAAGJ;;AACxF,GAJiG;;;APG1F,IAAMK,cAAwE,wBAAC,EACpFC,UAAUC,KAAK,GAAGC,MAAAA,MACnB;AACC,SACE,gBAAAC,OAAA,cAACC,OAASF,OACR,gBAAAC,OAAA,cAACE,mBAAAA;IAAkBJ;MACnB,gBAAAE,OAAA,cAACG,oBAAAA;IAAmBL;MACnBD,UACD,gBAAAG,OAAA,cAACI,mBAAAA;IAAkBN;;AAGzB,GAXqF;;;AQVrF,SAASO,yBAAyB;AAClC,SAASC,YAAAA,iBAAgB;AACzB,SAASC,qBAAqB;AAE9B,SAASC,SAASC,WAAAA,gBAAe;AAEjC,SAASC,wBAAAA,6BAA4B;AACrC,OAAOC,UAASC,YAAAA,iBAAgB;AAIhC,IAAMC,gBAAgB,wBAACC,YAAoBC,QAAAA;AACzC,SAAOA,KAAKC,QAAQC,KAAKC,CAAAA,UAASA,MAAMC,WAAW,qBAAqBL,UAAAA,EAAY,CAAA,IAAKM,sBAAqBN,UAAAA,GAAaO,KAAAA,IAAS;AACtI,GAFsB;AAIf,IAAMC,mBAA+D,wBAAC,EAC3EC,UAAUR,KAAK,GAAGS,MAAAA,MACnB;AACC,QAAM,CAACC,aAAaC,cAAAA,IAAkBC,UAAS,KAAA;AAC/C,SACE,gBAAAC,OAAA,cAACC,SAAYL,OACX,gBAAAI,OAAA,cAACE,UAAAA,MACEf,MACG;IAAC;IAAY;IAAU;IAAa;IAAW;IAAQgB,IAAI,CAACjB,eAAAA;AAC1D,UAAMO,OAAOR,cAAcC,YAAYC,GAAAA;AACvC,WAAOM,OAED,gBAAAO,OAAA,cAACI,WAAAA;MAASC,SAAS,6BAAMP,eAAe,CAACD,WAAAA,GAAtB;MAAoCS,KAAKpB;OACzDO,IAAAA,IAGL;EACN,CAAA,IACA,MACJ,gBAAAO,OAAA,cAACO,eAAAA;IAAcC,SAASC,kBAAkBC,WAAWvB,KAAKqB,OAAAA;OAG3DX,cACGV,KAAKC,QAAQe,IAAI,CAACb,UAAAA;AAChB,WAAO,gBAAAU,OAAA,cAACE,UAAAA;MAAQI,KAAKhB;OAAQA,KAAAA;EAC/B,CAAA,IACA,MACHK,QAAAA;AAGP,GA9B4E;;;ACd5E,SAASgB,iBAAiB;AAC1B,SAASC,qBAAAA,0BAAyB;AAClC,SAASC,iBAAAA,sBAAqB;AAC9B,OAAOC,aAAW;AAIX,IAAMC,kBAAgE,wBAAC,EAC5EC,UAAUC,KAAK,GAAGC,MAAAA,MACnB;AACC,SACE,gBAAAC,QAAA,cAACC,WAAcF,OACb,gBAAAC,QAAA,cAACE,gBAAAA;IAAcC,SAASC,mBAAkBC,WAAWP,KAAKK,OAAAA;MACzDN,QAAAA;AAGP,GAT6E;;;ACR7E,SAASS,YAAAA,iBAAgB;AAKlB,IAAMC,aAAa,6BAAA;AACxB,QAAM,CAACC,OAAOC,QAAAA,IAAYC,UAAS,CAAA;AACnC,SAAO;IACLF;IACA,MAAA;AACE,YAAMG,WAAWH,QAAQ;AACzBC,eAASE,QAAAA;AACT,aAAOA;IACT;IACA,MAAMF,SAAS,CAAA;;AAEnB,GAX0B;","names":["Card","React","Card","React","CardActions","Chip","ButtonEx","FlexRow","React","useState","Button","Dialog","DialogActions","DialogContent","DialogContentText","DialogTitle","Divider","Paper","usePromise","React","DiscoverDialog","mod","setOpen","props","discoverPayloads","usePromise","state","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","CardContent","React","ModuleCardContent","children","props","React","CardContent","CardHeader","findNetworkComponent","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","React","DivinerCardContent","children","props","React","ModuleCardContent","React","DivinerCardHeader","title","mod","props","React","ModuleCardHeader","config","name","DivinerCard","children","mod","props","React","Card","DivinerCardHeader","DivinerCardContent","ModuleCardActions","EthAddressWrapper","ButtonEx","EthAccountBox","FlexCol","FlexRow","findNetworkComponent","React","useState","getModuleIcon","moduleType","mod","queries","find","query","startsWith","findNetworkComponent","icon","ModuleDetailsBox","children","props","showQueries","setShowQueries","useState","React","FlexCol","FlexRow","map","ButtonEx","onClick","key","EthAccountBox","address","EthAddressWrapper","fromString","TableCell","EthAddressWrapper","EthAccountBox","React","ModuleTableCell","children","mod","props","React","TableCell","EthAccountBox","address","EthAddressWrapper","fromString","useState","useRefresh","count","setCount","useState","newCount"]}
+{"version":3,"sources":["../../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":["import type { CardProps } from '@mui/material'\nimport { Card } from '@mui/material'\nimport type { DivinerInstance } from '@xyo-network/diviner-model'\nimport React from 'react'\n\nimport type { 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>> = ({\n  children, mod, ...props\n}) => {\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 type { CardProps } from '@mui/material'\nimport { Card } from '@mui/material'\nimport React from 'react'\n\nimport type { 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 type { CardActionsProps } from '@mui/material'\nimport { CardActions, Chip } from '@mui/material'\nimport { ButtonEx } from '@xylabs/react-button'\nimport { FlexRow } from '@xylabs/react-flexbox'\nimport React, { useState } from 'react'\n\nimport type { ModuleRenderProps } from '../../../ModuleRenderProps.tsx'\nimport { DiscoverDialog } from './components/index.ts'\n\nexport const ModuleCardActions: React.FC<CardActionsProps & ModuleRenderProps> = ({\n  children, mod, sx, ...props\n}) => {\n  const [discoverDialogOpen, setDiscoverDialogOpen] = useState(false)\n\n  const config = mod?.config\n\n  return (\n    <CardActions\n      sx={{\n        alignItems: 'stretch', flexDirection: 'column', ml: 1, ...sx,\n      }}\n      {...props}\n    >\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 type { DialogProps } from '@mui/material'\nimport {\n  Button, Dialog, DialogActions, DialogContent, DialogContentText, DialogTitle, Divider, Paper,\n} from '@mui/material'\nimport { usePromise } from '@xylabs/react-promise'\nimport type { ModuleInstance } from '@xyo-network/module-model'\nimport type { Dispatch, SetStateAction } from 'react'\nimport React 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> = ({\n  mod, setOpen, ...props\n}) => {\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 type { CardContentProps } from '@mui/material'\nimport { CardContent } from '@mui/material'\nimport React from 'react'\n\nimport type { ModuleRenderProps } from '../../../ModuleRenderProps.tsx'\n\nexport const ModuleCardContent: React.FC<ModuleRenderProps & CardContentProps> = ({ children, ...props }) => {\n  return <CardContent {...props}>{children}</CardContent>\n}\n","import type { CardHeaderProps } from '@mui/material'\nimport { CardHeader } from '@mui/material'\nimport type { Module } from '@xyo-network/module-model'\nimport { findNetworkComponent } from '@xyo-network/react-shared'\nimport React from 'react'\n\nimport type { 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> = ({\n  subheader, avatar, title, mod, ...props\n}) => {\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 type { CardContentProps } from '@mui/material'\nimport type { DivinerInstance } from '@xyo-network/diviner-model'\nimport React from 'react'\n\nimport type { 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 type { CardHeaderProps } from '@mui/material'\nimport type { DivinerInstance } from '@xyo-network/diviner-model'\nimport React from 'react'\n\nimport type { ModuleRenderProps } from '../../../ModuleRenderProps.tsx'\nimport { ModuleCardHeader } from '../Module/index.ts'\n\nexport const DivinerCardHeader: React.FC<ModuleRenderProps<DivinerInstance> & CardHeaderProps> = ({\n  title, mod, ...props\n}) => {\n  return <ModuleCardHeader mod={mod} title={title ?? mod?.config.name ?? 'Diviner'} {...props} />\n}\n","import { ButtonEx } from '@xylabs/react-button'\nimport { EthAccountBox } from '@xylabs/react-crypto'\nimport type { FlexBoxProps } from '@xylabs/react-flexbox'\nimport { FlexCol, FlexRow } from '@xylabs/react-flexbox'\nimport { EthAddressWrapper } from '@xylabs/sdk-js'\nimport type { Module } from '@xyo-network/module-model'\nimport { findNetworkComponent } from '@xyo-network/react-shared'\nimport React, { useState } from 'react'\n\nimport type { 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> = ({\n  children, mod, ...props\n}) => {\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={EthAddressWrapper.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 type { TableCellProps } from '@mui/material'\nimport { TableCell } from '@mui/material'\nimport { EthAccountBox } from '@xylabs/react-crypto'\nimport { EthAddressWrapper } from '@xylabs/sdk-js'\nimport React from 'react'\n\nimport type { ModuleRenderProps } from '../ModuleRenderProps.tsx'\n\nexport const ModuleTableCell: React.FC<ModuleRenderProps & TableCellProps> = ({\n  children, mod, ...props\n}) => {\n  return (\n    <TableCell {...props}>\n      <EthAccountBox address={EthAddressWrapper.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":["Card","jsx","jsxs","jsx","jsx","jsx","jsxs","jsx","jsx","jsx","jsxs","Card","ButtonEx","FlexRow","findNetworkComponent","useState","jsx","jsxs","EthAccountBox","EthAddressWrapper","jsx","jsxs","useState"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xyo-network/react-module",
-  "version": "7.5.8",
+  "version": "7.5.12",
   "description": "Common React library for all XYO projects that use React",
   "keywords": [
     "xyo",
@@ -36,57 +36,148 @@
     },
     "./package.json": "./package.json"
   },
-  "module": "dist/browser/index.mjs",
-  "types": "dist/browser/index.d.ts",
   "files": [
     "dist",
-    "src"
+    "README.md"
   ],
   "dependencies": {
-    "@xylabs/eth-address": "~5.0.90",
-    "@xylabs/react-button": "~7.1.17",
-    "@xylabs/react-crypto": "~7.1.17",
-    "@xylabs/react-flexbox": "~7.1.17",
-    "@xylabs/react-promise": "~7.1.17",
-    "@xyo-network/diviner-model": "~5.3.17",
-    "@xyo-network/module-model": "~5.3.17",
-    "@xyo-network/react-shared": "7.5.8"
+    "@xyo-network/react-shared": "~7.5.12"
   },
   "devDependencies": {
-    "@mui/icons-material": "~7.3.9",
-    "@mui/material": "~7.3.9",
-    "@storybook/react-vite": "~10.3.3",
+    "@bitauth/libauth": "~3.0.0",
+    "@metamask/providers": "^22.1.1",
+    "@mui/icons-material": "^7.3.10",
+    "@mui/material": "^7.3.10",
+    "@opentelemetry/api": "^1.9.1",
+    "@opentelemetry/sdk-trace-base": "^2.7.0",
+    "@scure/base": "~2.2.0",
+    "@scure/bip39": "~2.2.0",
+    "@storybook/react-vite": "~10.3.5",
+    "@types/node": "~25.6.0",
     "@types/react": "^19.2.14",
-    "@xylabs/react-async-effect": "~7.1.17",
-    "@xylabs/sdk-js": "~5.0.90",
-    "@xylabs/ts-scripts-common": "~7.5.6",
-    "@xylabs/ts-scripts-yarn3": "~7.5.6",
-    "@xylabs/tsconfig": "~7.5.6",
-    "@xylabs/tsconfig-dom": "~7.5.6",
-    "@xylabs/tsconfig-react": "~7.5.6",
-    "@xyo-network/archivist": "~5.3.17",
-    "@xyo-network/archivist-memory": "~5.3.17",
-    "@xyo-network/crypto-asset-plugin": "~5.3.1",
-    "@xyo-network/diviner-address-history": "~5.3.17",
-    "@xyo-network/node-memory": "~5.3.17",
-    "react": "^19.2.4",
-    "react-dom": "^19.2.4",
-    "react-router-dom": "^7.13.2",
-    "storybook": "~10.3.3",
+    "@xylabs/geo": "^5.0.100",
+    "@xylabs/react-async-effect": "~7.1.20",
+    "@xylabs/react-button": "~7.1.20",
+    "@xylabs/react-crypto": "~7.1.20",
+    "@xylabs/react-dialogs": "~7.1.20",
+    "@xylabs/react-flexbox": "~7.1.20",
+    "@xylabs/react-hooks": "~7.1.20",
+    "@xylabs/react-identicon": "~7.1.20",
+    "@xylabs/react-link": "~7.1.20",
+    "@xylabs/react-promise": "~7.1.20",
+    "@xylabs/react-quick-tip-button": "~7.1.20",
+    "@xylabs/react-shared": "~7.1.20",
+    "@xylabs/react-theme": "~7.1.20",
+    "@xylabs/sdk-js": "^5.0.100",
+    "@xylabs/threads": "~5.0.100",
+    "@xylabs/toolchain": "~7.11.9",
+    "@xylabs/tsconfig": "^7.11.9",
+    "@xylabs/tsconfig-dom": "^7.11.9",
+    "@xylabs/tsconfig-react": "~7.11.9",
+    "@xylabs/zod": "~5.0.100",
+    "@xyo-network/account": "~5.5.1",
+    "@xyo-network/account-model": "^5.5.1",
+    "@xyo-network/api": "~5.5.1",
+    "@xyo-network/api-models": "~5.5.1",
+    "@xyo-network/archivist": "~5.5.5",
+    "@xyo-network/archivist-memory": "~5.5.5",
+    "@xyo-network/boundwitness-builder": "^5.5.1",
+    "@xyo-network/boundwitness-model": "^5.5.1",
+    "@xyo-network/boundwitness-validator": "^5.5.1",
+    "@xyo-network/boundwitness-wrapper": "~5.5.1",
+    "@xyo-network/config-payload-plugin": "~5.5.1",
+    "@xyo-network/crypto-asset-plugin": "~5.4.9",
+    "@xyo-network/diviner-abstract": "^5.5.5",
+    "@xyo-network/diviner-address-history": "~5.5.5",
+    "@xyo-network/diviner-model": "^5.5.5",
+    "@xyo-network/huri": "^5.5.1",
+    "@xyo-network/manifest-model": "~5.5.1",
+    "@xyo-network/module-model": "^5.5.5",
+    "@xyo-network/node-memory": "~5.5.5",
+    "@xyo-network/payload-builder": "^5.5.1",
+    "@xyo-network/payload-model": "^5.5.1",
+    "@xyo-network/payload-plugin": "^5.5.1",
+    "@xyo-network/payload-wrapper": "~5.5.1",
+    "@xyo-network/query-payload-plugin": "~5.5.1",
+    "@xyo-network/sdk-js": "^5.5.5",
+    "@xyo-network/sdk-protocol-js": "~5.5.1",
+    "@xyo-network/wallet": "~5.5.1",
+    "@xyo-network/wallet-model": "^5.5.1",
+    "ajv": "^8.18.0",
+    "async-mutex": "^0.5.0",
+    "axios": "^1.15.2",
+    "bn.js": "^5.2.3",
+    "bowser": "^2.14.1",
+    "buffer": "^6.0.3",
+    "chalk": "^5.6.2",
+    "debug": "~4.4.3",
+    "esbuild": "~0.28.0",
+    "eslint": "^10.2.1",
+    "ethers": "^6.16.0",
+    "fast-deep-equal": "~3.1.3",
+    "hash-wasm": "~4.12.0",
+    "idb": "^8.0.3",
+    "js-cookie": "~3.0.5",
+    "lru-cache": "^11.3.5",
+    "mapbox-gl": "^3.22.0",
+    "observable-fns": "~0.6.1",
+    "pako": "^2.1.0",
+    "react": "^19.2.5",
+    "react-dom": "^19.2.5",
+    "react-router-dom": "^7.14.2",
+    "spark-md5": "~3.0.2",
+    "store2": "~2.14.4",
+    "storybook": "^10.3.5",
     "typescript": "^5.9.3",
-    "vite": "~8.0.3",
+    "vite": "^8.0.10",
+    "wasm-feature-detect": "~1.8.0",
+    "webextension-polyfill": "^0.12.0",
     "zod": "^4.3.6"
   },
   "peerDependencies": {
-    "@mui/icons-material": ">=6 <8",
-    "@mui/material": ">=6 <8",
-    "react": "^19",
-    "react-dom": "^19",
-    "react-router-dom": "^7",
-    "zod": "^4"
+    "@mui/icons-material": "^7.3.10",
+    "@mui/material": "^7.3.10",
+    "@opentelemetry/api": "^1.9.1",
+    "@opentelemetry/sdk-trace-base": "^2.7.0",
+    "@scure/base": "~2.2.0",
+    "@xylabs/react-async-effect": "~7.1.20",
+    "@xylabs/react-button": "~7.1.20",
+    "@xylabs/react-crypto": "~7.1.20",
+    "@xylabs/react-flexbox": "~7.1.20",
+    "@xylabs/react-hooks": "~7.1.20",
+    "@xylabs/react-identicon": "~7.1.20",
+    "@xylabs/react-link": "~7.1.20",
+    "@xylabs/react-promise": "~7.1.20",
+    "@xylabs/react-quick-tip-button": "~7.1.20",
+    "@xylabs/react-shared": "~7.1.20",
+    "@xylabs/react-theme": "~7.1.20",
+    "@xylabs/sdk-js": "^5.0.100",
+    "@xylabs/zod": "~5.0.100",
+    "@xyo-network/account-model": "^5.5.1",
+    "@xyo-network/boundwitness-model": "^5.5.1",
+    "@xyo-network/boundwitness-validator": "^5.5.1",
+    "@xyo-network/diviner-model": "^5.5.5",
+    "@xyo-network/module-model": "^5.5.5",
+    "@xyo-network/payload-builder": "^5.5.1",
+    "@xyo-network/payload-model": "^5.5.1",
+    "async-mutex": "^0.5.0",
+    "axios": "^1.15.2",
+    "bn.js": "^5.2.3",
+    "bowser": "^2.14.1",
+    "buffer": "^6.0.3",
+    "chalk": "^5.6.2",
+    "ethers": "^6.16.0",
+    "fast-deep-equal": "~3.1.3",
+    "js-cookie": "~3.0.5",
+    "pako": "^2.1.0",
+    "react": "^19.2.5",
+    "react-dom": "^19.2.5",
+    "react-router-dom": "^7.14.2",
+    "spark-md5": "~3.0.2",
+    "zod": "^4.3.6"
   },
   "publishConfig": {
     "access": "public"
   },
   "docs": "dist/docs.json"
-}
+}

package/src/ModuleRenderProps.tsx

@@ -1,7 +0,0 @@
-import type { ModuleInstance } from '@xyo-network/module-model'
-
-export type ModuleRenderProps<T extends ModuleInstance = ModuleInstance> = {
-  address?: string
-  mod?: T
-  name?: string
-}

package/src/components/Card/Diviner/Card.stories.tsx

@@ -1,41 +0,0 @@
-import type { Meta, StoryFn } from '@storybook/react-vite'
-import { useAsyncEffect } from '@xylabs/react-async-effect'
-import type { Address } from '@xylabs/sdk-js'
-import { AddressHistoryDiviner, AddressHistoryDivinerConfigSchema } from '@xyo-network/diviner-address-history'
-import type { DivinerInstance } from '@xyo-network/diviner-model'
-import React, { useState } from 'react'
-
-import { DivinerCard } from './Card.tsx'
-
-const StorybookEntry = { title: 'modules/diviner/DivinerCard' } as Meta<typeof DivinerCard>
-
-const Template: StoryFn<typeof DivinerCard> = () => {
-  const [mod, setMod] = useState<DivinerInstance>()
-
-  useAsyncEffect(
-
-    async (mounted) => {
-      if (!mod) {
-        const newModule = (await AddressHistoryDiviner.create({
-          config: {
-            address: '' as Address,
-            name: 'AddressHistoryDiviner',
-            schema: AddressHistoryDivinerConfigSchema,
-          },
-        })) as DivinerInstance
-        if (mounted()) {
-          setMod(newModule)
-        }
-      }
-    },
-    [mod],
-  )
-
-  return <DivinerCard mod={mod} />
-}
-
-const SingleModule = Template.bind({})
-
-export { SingleModule }
-
-export default StorybookEntry

package/src/components/Card/Diviner/Card.tsx

@@ -1,22 +0,0 @@
-import type { CardProps } from '@mui/material'
-import { Card } from '@mui/material'
-import type { DivinerInstance } from '@xyo-network/diviner-model'
-import React from 'react'
-
-import type { ModuleRenderProps } from '../../../ModuleRenderProps.tsx'
-import { ModuleCardActions } from '../Module/index.ts'
-import { DivinerCardContent } from './CardContent.tsx'
-import { DivinerCardHeader } from './CardHeader.tsx'
-
-export const DivinerCard: React.FC<CardProps & ModuleRenderProps<DivinerInstance>> = ({
-  children, mod, ...props
-}) => {
-  return (
-    <Card {...props}>
-      <DivinerCardHeader mod={mod} />
-      <DivinerCardContent mod={mod} />
-      {children}
-      <ModuleCardActions mod={mod} />
-    </Card>
-  )
-}

package/src/components/Card/Diviner/CardActions.tsx

@@ -1,10 +0,0 @@
-import type { CardActionsProps } from '@mui/material'
-import type { DivinerInstance } from '@xyo-network/diviner-model'
-import React from 'react'
-
-import type { ModuleRenderProps } from '../../../ModuleRenderProps.tsx'
-import { ModuleCardActions } from '../Module/index.ts'
-
-export const DivinerCardActions: React.FC<ModuleRenderProps<DivinerInstance> & CardActionsProps> = (props) => {
-  return <ModuleCardActions {...props} />
-}

package/src/components/Card/Diviner/CardContent.tsx

@@ -1,10 +0,0 @@
-import type { CardContentProps } from '@mui/material'
-import type { DivinerInstance } from '@xyo-network/diviner-model'
-import React from 'react'
-
-import type { ModuleRenderProps } from '../../../ModuleRenderProps.tsx'
-import { ModuleCardContent } from '../Module/index.ts'
-
-export const DivinerCardContent: React.FC<ModuleRenderProps<DivinerInstance> & CardContentProps> = ({ children, ...props }) => {
-  return <ModuleCardContent {...props}>{children}</ModuleCardContent>
-}

package/src/components/Card/Diviner/CardHeader.tsx

@@ -1,12 +0,0 @@
-import type { CardHeaderProps } from '@mui/material'
-import type { DivinerInstance } from '@xyo-network/diviner-model'
-import React from 'react'
-
-import type { ModuleRenderProps } from '../../../ModuleRenderProps.tsx'
-import { ModuleCardHeader } from '../Module/index.ts'
-
-export const DivinerCardHeader: React.FC<ModuleRenderProps<DivinerInstance> & CardHeaderProps> = ({
-  title, mod, ...props
-}) => {
-  return <ModuleCardHeader mod={mod} title={title ?? mod?.config.name ?? 'Diviner'} {...props} />
-}

package/src/components/Card/Diviner/index.ts

@@ -1,3 +0,0 @@
-export * from './Card.tsx'
-export * from './CardContent.tsx'
-export * from './CardHeader.tsx'

package/src/components/Card/Module/Card.stories.tsx

@@ -1,44 +0,0 @@
-import type { Meta, StoryFn } from '@storybook/react-vite'
-import { useAsyncEffect } from '@xylabs/react-async-effect'
-import type { ArchivistInstance } from '@xyo-network/archivist'
-import { MemoryArchivist } from '@xyo-network/archivist-memory'
-import React, { useState } from 'react'
-
-import { ModuleCard } from './Card.tsx'
-
-const StorybookEntry = {
-  argTypes: {
-    authState: {
-      jwtToken: 'badToken',
-      loggedInAccount: 'none@none.com',
-    },
-  },
-  component: ModuleCard,
-  parameters: { docs: { page: null } },
-  title: 'modules/module/ModuleCard',
-} as Meta<typeof ModuleCard>
-
-const Template: StoryFn<typeof ModuleCard> = () => {
-  const [mod, setMod] = useState<ArchivistInstance>()
-
-  useAsyncEffect(
-
-    async (mounted) => {
-      if (!mod) {
-        const newModule = await MemoryArchivist.create({})
-        if (mounted()) {
-          setMod(newModule)
-        }
-      }
-    },
-    [mod],
-  )
-
-  return <ModuleCard mod={mod} />
-}
-
-const SingleModule = Template.bind({})
-
-export { SingleModule }
-
-export default StorybookEntry

package/src/components/Card/Module/Card.tsx

@@ -1,18 +0,0 @@
-import type { CardProps } from '@mui/material'
-import { Card } from '@mui/material'
-import React from 'react'
-
-import type { ModuleRenderProps } from '../../../ModuleRenderProps.tsx'
-import { ModuleCardActions } from './CardActions.tsx'
-import { ModuleCardContent } from './CardContent.tsx'
-import { ModuleCardHeader } from './CardHeader.tsx'
-
-export const ModuleCard: React.FC<CardProps & ModuleRenderProps> = ({ mod, ...props }) => {
-  return (
-    <Card {...props}>
-      <ModuleCardHeader mod={mod} />
-      <ModuleCardContent mod={mod} />
-      <ModuleCardActions mod={mod} />
-    </Card>
-  )
-}

package/src/components/Card/Module/CardActions.tsx

@@ -1,36 +0,0 @@
-import type { CardActionsProps } from '@mui/material'
-import { CardActions, Chip } from '@mui/material'
-import { ButtonEx } from '@xylabs/react-button'
-import { FlexRow } from '@xylabs/react-flexbox'
-import React, { useState } from 'react'
-
-import type { ModuleRenderProps } from '../../../ModuleRenderProps.tsx'
-import { DiscoverDialog } from './components/index.ts'
-
-export const ModuleCardActions: React.FC<CardActionsProps & ModuleRenderProps> = ({
-  children, mod, sx, ...props
-}) => {
-  const [discoverDialogOpen, setDiscoverDialogOpen] = useState(false)
-
-  const config = mod?.config
-
-  return (
-    <CardActions
-      sx={{
-        alignItems: 'stretch', flexDirection: 'column', ml: 1, ...sx,
-      }}
-      {...props}
-    >
-      <FlexRow justifyContent="space-between" gap={1} alignItems="center">
-        {mod
-          ? <Chip label={config?.schema} size="small" />
-          : null}
-        {children}
-        <ButtonEx onClick={() => setDiscoverDialogOpen(true)} size="small" variant="outlined">
-          Discover
-        </ButtonEx>
-      </FlexRow>
-      <DiscoverDialog fullWidth maxWidth="md" mod={mod} open={discoverDialogOpen} setOpen={setDiscoverDialogOpen} />
-    </CardActions>
-  )
-}

package/src/components/Card/Module/CardContent.tsx

@@ -1,9 +0,0 @@
-import type { CardContentProps } from '@mui/material'
-import { CardContent } from '@mui/material'
-import React from 'react'
-
-import type { ModuleRenderProps } from '../../../ModuleRenderProps.tsx'
-
-export const ModuleCardContent: React.FC<ModuleRenderProps & CardContentProps> = ({ children, ...props }) => {
-  return <CardContent {...props}>{children}</CardContent>
-}

package/src/components/Card/Module/CardHeader.tsx

@@ -1,37 +0,0 @@
-import type { CardHeaderProps } from '@mui/material'
-import { CardHeader } from '@mui/material'
-import type { Module } from '@xyo-network/module-model'
-import { findNetworkComponent } from '@xyo-network/react-shared'
-import React from 'react'
-
-import type { ModuleRenderProps } from '../../../ModuleRenderProps.tsx'
-
-const moduleTypes = ['sentinel', 'bridge', 'archivist', 'diviner', 'node', 'witness']
-
-const getModuleIcons = (moduleType: string, mod: Module) => {
-  return mod?.queries.find(query => query.startsWith(`network.xyo.query.${moduleType}`)) ? findNetworkComponent(moduleType)?.icon : null
-}
-
-export const ModuleCardHeader: React.FC<ModuleRenderProps & CardHeaderProps> = ({
-  subheader, avatar, title, mod, ...props
-}) => {
-  return (
-    <CardHeader
-      title={title ?? mod?.config.name ?? 'Module'}
-      subheader={subheader ?? mod?.address}
-      avatar={
-        avatar ?? (
-          <>
-            {mod
-              ? moduleTypes.map((moduleType) => {
-                  const Icon = getModuleIcons(moduleType, mod)
-                  return Icon ? <Icon key={moduleType} fontSize="large" color="primary" /> : null
-                })
-              : null}
-          </>
-        )
-      }
-      {...props}
-    />
-  )
-}

package/src/components/Card/Module/components/DiscoverDialog.tsx

@@ -1,44 +0,0 @@
-import type { DialogProps } from '@mui/material'
-import {
-  Button, Dialog, DialogActions, DialogContent, DialogContentText, DialogTitle, Divider, Paper,
-} from '@mui/material'
-import { usePromise } from '@xylabs/react-promise'
-import type { ModuleInstance } from '@xyo-network/module-model'
-import type { Dispatch, SetStateAction } from 'react'
-import React from 'react'
-
-export interface DiscoverDialogProps extends DialogProps {
-  mod?: ModuleInstance
-  setOpen?: Dispatch<SetStateAction<boolean>>
-}
-
-// Add a dialogue title and quick tip to show description of discover query
-
-export const DiscoverDialog: React.FC<DiscoverDialogProps> = ({
-  mod, setOpen, ...props
-}) => {
-  const [discoverPayloads] = usePromise(async () => {
-    return await mod?.state()
-  }, [mod])
-
-  return (
-    <Dialog {...props}>
-      <DialogTitle>
-        Supported Queries for
-        {mod?.config.name || mod?.address}
-      </DialogTitle>
-      <Divider />
-      <DialogContent>
-        <Paper sx={{ p: 1 }}>
-          <DialogContentText>All modules share a set of base queries along with ones specific to the module.</DialogContentText>
-          <pre>{JSON.stringify(discoverPayloads, null, 2)}</pre>
-        </Paper>
-      </DialogContent>
-      <DialogActions>
-        <Button onClick={() => setOpen?.(false)} variant="outlined">
-          Close
-        </Button>
-      </DialogActions>
-    </Dialog>
-  )
-}

package/src/components/Card/Module/components/index.ts

@@ -1 +0,0 @@
-export * from './DiscoverDialog.tsx'

package/src/components/Card/Module/index.ts

@@ -1,4 +0,0 @@
-export * from './Card.tsx'
-export * from './CardActions.tsx'
-export * from './CardContent.tsx'
-export * from './CardHeader.tsx'

package/src/components/Card/index.ts

@@ -1,2 +0,0 @@
-export * from './Diviner/index.ts'
-export * from './Module/index.ts'

package/src/components/DetailsBox.stories.tsx

@@ -1,89 +0,0 @@
-import type { Meta, StoryFn } from '@storybook/react-vite'
-import { useAsyncEffect } from '@xylabs/react-async-effect'
-import { FlexCol } from '@xylabs/react-flexbox'
-import { MemoryArchivist } from '@xyo-network/archivist-memory'
-import { CryptoMarketAssetDiviner } from '@xyo-network/crypto-asset-plugin'
-import type { DivinerInstance } from '@xyo-network/diviner-model'
-import { MemoryNode } from '@xyo-network/node-memory'
-import React, { useState } from 'react'
-
-import { ModuleDetailsBox } from './DetailsBox.tsx'
-
-const StorybookEntry = {
-  argTypes: {},
-  component: ModuleDetailsBox,
-  parameters: { docs: { page: null } },
-  title: 'modules/module/DetailsBox',
-} as Meta<typeof ModuleDetailsBox>
-
-const NodeTemplate: StoryFn<typeof ModuleDetailsBox> = (args) => {
-  const [node, setNode] = useState<MemoryNode>()
-  useAsyncEffect(
-
-    async (mounted) => {
-      const node = await MemoryNode.create({})
-      if (mounted()) {
-        setNode(node)
-      }
-    },
-    [],
-  )
-  return (
-    <FlexCol minHeight="80vh" alignItems="stretch">
-      <ModuleDetailsBox mod={node} {...args} />
-    </FlexCol>
-  )
-}
-
-const NodeDetails = NodeTemplate.bind({})
-NodeDetails.args = {}
-
-const ArchivistTemplate: StoryFn<typeof ModuleDetailsBox> = (args) => {
-  const [archivist, setArchivist] = useState<MemoryArchivist>()
-  useAsyncEffect(
-
-    async (mounted) => {
-      const archivist = await MemoryArchivist.create({})
-      if (mounted()) {
-        setArchivist(archivist)
-      }
-    },
-    [],
-  )
-  return (
-    <FlexCol minHeight="80vh" alignItems="stretch">
-      <ModuleDetailsBox mod={archivist} {...args} />
-    </FlexCol>
-  )
-}
-
-const ArchivistDetails = ArchivistTemplate.bind({})
-ArchivistDetails.args = {}
-
-const DivinerTemplate: StoryFn<typeof ModuleDetailsBox> = (args) => {
-  const [diviner, setDiviner] = useState<DivinerInstance>()
-  useAsyncEffect(
-
-    async (mounted) => {
-      const diviner = (await CryptoMarketAssetDiviner.create({})) as unknown as DivinerInstance
-      if (mounted()) {
-        setDiviner(diviner)
-      }
-    },
-    [],
-  )
-  return (
-    <FlexCol minHeight="80vh" alignItems="stretch">
-      <ModuleDetailsBox mod={diviner} {...args} />
-    </FlexCol>
-  )
-}
-
-const DivinerDetails = DivinerTemplate.bind({})
-DivinerDetails.args = {}
-
-export {
-  ArchivistDetails, DivinerDetails, NodeDetails,
-}
-
-export default StorybookEntry

package/src/components/DetailsBox.tsx

@@ -1,46 +0,0 @@
-import { EthAddressWrapper } from '@xylabs/eth-address'
-import { ButtonEx } from '@xylabs/react-button'
-import { EthAccountBox } from '@xylabs/react-crypto'
-import type { FlexBoxProps } from '@xylabs/react-flexbox'
-import { FlexCol, FlexRow } from '@xylabs/react-flexbox'
-import type { Module } from '@xyo-network/module-model'
-import { findNetworkComponent } from '@xyo-network/react-shared'
-import React, { useState } from 'react'
-
-import type { ModuleRenderProps } from '../ModuleRenderProps.tsx'
-
-const getModuleIcon = (moduleType: string, mod: Module) => {
-  return mod?.queries.find(query => query.startsWith(`network.xyo.query.${moduleType}`)) ? findNetworkComponent(moduleType)?.icon() : null
-}
-
-export const ModuleDetailsBox: React.FC<ModuleRenderProps & FlexBoxProps> = ({
-  children, mod, ...props
-}) => {
-  const [showQueries, setShowQueries] = useState(false)
-  return (
-    <FlexCol {...props}>
-      <FlexRow>
-        {mod
-          ? ['sentinel', 'bridge', 'archivist', 'diviner', 'node'].map((moduleType) => {
-              const icon = getModuleIcon(moduleType, mod)
-              return icon
-                ? (
-                    <ButtonEx onClick={() => setShowQueries(!showQueries)} key={moduleType}>
-                      {icon}
-                    </ButtonEx>
-                  )
-                : null
-            })
-          : null}
-        <EthAccountBox address={EthAddressWrapper.fromString(mod?.address)} />
-      </FlexRow>
-
-      {showQueries
-        ? mod?.queries.map((query) => {
-            return <FlexRow key={query}>{query}</FlexRow>
-          })
-        : null}
-      {children}
-    </FlexCol>
-  )
-}

package/src/components/TableCell.tsx

@@ -1,18 +0,0 @@
-import type { TableCellProps } from '@mui/material'
-import { TableCell } from '@mui/material'
-import { EthAddressWrapper } from '@xylabs/eth-address'
-import { EthAccountBox } from '@xylabs/react-crypto'
-import React from 'react'
-
-import type { ModuleRenderProps } from '../ModuleRenderProps.tsx'
-
-export const ModuleTableCell: React.FC<ModuleRenderProps & TableCellProps> = ({
-  children, mod, ...props
-}) => {
-  return (
-    <TableCell {...props}>
-      <EthAccountBox address={EthAddressWrapper.fromString(mod?.address)} />
-      {children}
-    </TableCell>
-  )
-}

package/src/components/index.ts

@@ -1,3 +0,0 @@
-export * from './Card/index.ts'
-export * from './DetailsBox.tsx'
-export * from './TableCell.tsx'

package/src/hooks/index.ts

@@ -1 +0,0 @@
-export * from './useRefresh.tsx'

package/src/hooks/useRefresh.tsx

@@ -1,17 +0,0 @@
-import { useState } from 'react'
-
-export type RefreshCallback = () => number
-export type DisableCallback = () => void
-
-export const useRefresh = (): [number, RefreshCallback, DisableCallback] => {
-  const [count, setCount] = useState(1)
-  return [
-    count,
-    () => {
-      const newCount = count + 1
-      setCount(newCount)
-      return newCount
-    },
-    () => setCount(0),
-  ]
-}

package/src/index.ts

@@ -1,3 +0,0 @@
-export * from './components/index.ts'
-export * from './hooks/index.ts'
-export * from './ModuleRenderProps.tsx'