@xyo-network/react-module 7.4.2 → 7.5.1

package/dist/browser/components/Card/Diviner/Card.stories.d.ts

@@ -3,7 +3,7 @@ import type { DivinerInstance } from '@xyo-network/diviner-model';
 import React from 'react';
 import { DivinerCard } from './Card.tsx';
 declare const StorybookEntry: Meta<typeof DivinerCard>;
-declare const SingleModule: import(".store/storybook-virtual-a067dd1507/package/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("@mui/material").CardOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "classes" | "children" | "className" | "sx" | "style" | "variant" | "elevation" | "square" | "raised"> & {
+declare const SingleModule: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("@mui/material").CardOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "classes" | "children" | "className" | "sx" | "style" | "variant" | "elevation" | "square" | "raised"> & {
     component?: React.ElementType;
 } & import("../../../ModuleRenderProps.tsx").ModuleRenderProps<DivinerInstance<import("@xyo-network/diviner-model").DivinerParams<import("@xyo-network/module-model").AnyConfigSchema<import("@xyo-network/diviner-model").DivinerConfig>>, import("@xyo-network/payload-model").Payload, import("@xyo-network/payload-model").Payload, import("@xyo-network/diviner-model").DivinerModuleEventData>>>;
 export { SingleModule };

package/dist/browser/components/Card/Module/Card.stories.d.ts

@@ -2,7 +2,7 @@ import type { Meta } from '@storybook/react-vite';
 import React from 'react';
 import { ModuleCard } from './Card.tsx';
 declare const StorybookEntry: Meta<typeof ModuleCard>;
-declare const SingleModule: import(".store/storybook-virtual-a067dd1507/package/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("@mui/material").CardOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "classes" | "children" | "className" | "sx" | "style" | "variant" | "elevation" | "square" | "raised"> & {
+declare const SingleModule: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("@mui/material").CardOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "classes" | "children" | "className" | "sx" | "style" | "variant" | "elevation" | "square" | "raised"> & {
     component?: React.ElementType;
 } & import("../../../ModuleRenderProps.tsx").ModuleRenderProps>;
 export { SingleModule };

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

@@ -1,9 +1,9 @@
 import type { Meta } from '@storybook/react-vite';
 import { ModuleDetailsBox } from './DetailsBox.tsx';
 declare const StorybookEntry: Meta<typeof ModuleDetailsBox>;
-declare const NodeDetails: import(".store/storybook-virtual-a067dd1507/package/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("../ModuleRenderProps.tsx").ModuleRenderProps & import("@xylabs/react-flexbox").BusyBoxProps>;
-declare const ArchivistDetails: import(".store/storybook-virtual-a067dd1507/package/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("../ModuleRenderProps.tsx").ModuleRenderProps & import("@xylabs/react-flexbox").BusyBoxProps>;
-declare const DivinerDetails: import(".store/storybook-virtual-a067dd1507/package/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("../ModuleRenderProps.tsx").ModuleRenderProps & import("@xylabs/react-flexbox").BusyBoxProps>;
+declare const NodeDetails: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("../ModuleRenderProps.tsx").ModuleRenderProps & import("@xylabs/react-flexbox").BusyBoxProps>;
+declare const ArchivistDetails: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("../ModuleRenderProps.tsx").ModuleRenderProps & import("@xylabs/react-flexbox").BusyBoxProps>;
+declare const DivinerDetails: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("../ModuleRenderProps.tsx").ModuleRenderProps & import("@xylabs/react-flexbox").BusyBoxProps>;
 export { ArchivistDetails, DivinerDetails, NodeDetails, };
 export default StorybookEntry;
 //# sourceMappingURL=DetailsBox.stories.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"DetailsBox.stories.d.ts","sourceRoot":"","sources":["../../../src/components/DetailsBox.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAW,MAAM,uBAAuB,CAAA;AAS1D,OAAO,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAA;AAEnD,QAAA,MAAM,cAAc,EAKf,IAAI,CAAC,OAAO,gBAAgB,CAAC,CAAA;AAqBlC,QAAA,MAAM,WAAW,yOAAwB,CAAA;AAsBzC,QAAA,MAAM,gBAAgB,yOAA6B,CAAA;AAsBnD,QAAA,MAAM,cAAc,yOAA2B,CAAA;AAG/C,OAAO,EACL,gBAAgB,EAAE,cAAc,EAAE,WAAW,GAC9C,CAAA;AAED,eAAe,cAAc,CAAA"}
+{"version":3,"file":"DetailsBox.stories.d.ts","sourceRoot":"","sources":["../../../src/components/DetailsBox.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAW,MAAM,uBAAuB,CAAA;AAS1D,OAAO,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAA;AAEnD,QAAA,MAAM,cAAc,EAKf,IAAI,CAAC,OAAO,gBAAgB,CAAC,CAAA;AAqBlC,QAAA,MAAM,WAAW,kMAAwB,CAAA;AAsBzC,QAAA,MAAM,gBAAgB,kMAA6B,CAAA;AAsBnD,QAAA,MAAM,cAAc,kMAA2B,CAAA;AAG/C,OAAO,EACL,gBAAgB,EAAE,cAAc,EAAE,WAAW,GAC9C,CAAA;AAED,eAAe,cAAc,CAAA"}

package/dist/browser/index.mjs

@@ -1,158 +1,147 @@
+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 { useState } from "react";
+import React2, { 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 { jsx, jsxs } from "react/jsx-runtime";
-var DiscoverDialog = ({
-  mod,
-  setOpen,
-  ...props
-}) => {
+import React from "react";
+var DiscoverDialog = /* @__PURE__ */ __name(({ mod, setOpen, ...props }) => {
   const [discoverPayloads] = usePromise(async () => {
     return await mod?.state();
-  }, [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" }) })
-  ] });
-};
+  }, [
+    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");
 
 // src/components/Card/Module/CardActions.tsx
-import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
-var ModuleCardActions = ({
-  children,
-  mod,
-  sx,
-  ...props
-}) => {
+var ModuleCardActions = /* @__PURE__ */ __name(({ children, mod, sx, ...props }) => {
   const [discoverDialogOpen, setDiscoverDialogOpen] = useState(false);
   const config = mod?.config;
-  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 })
-      ]
-    }
-  );
-};
+  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");
 
 // src/components/Card/Module/CardContent.tsx
 import { CardContent } from "@mui/material";
-import { jsx as jsx3 } from "react/jsx-runtime";
-var ModuleCardContent = ({ children, ...props }) => {
-  return /* @__PURE__ */ jsx3(CardContent, { ...props, children });
-};
+import React3 from "react";
+var ModuleCardContent = /* @__PURE__ */ __name(({ children, ...props }) => {
+  return /* @__PURE__ */ React3.createElement(CardContent, props, children);
+}, "ModuleCardContent");
 
 // src/components/Card/Module/CardHeader.tsx
 import { CardHeader } from "@mui/material";
 import { findNetworkComponent } from "@xyo-network/react-shared";
-import { Fragment, jsx as jsx4 } from "react/jsx-runtime";
-var moduleTypes = ["sentinel", "bridge", "archivist", "diviner", "node", "witness"];
-var getModuleIcons = (moduleType, mod) => {
+import React4 from "react";
+var moduleTypes = [
+  "sentinel",
+  "bridge",
+  "archivist",
+  "diviner",
+  "node",
+  "witness"
+];
+var getModuleIcons = /* @__PURE__ */ __name((moduleType, mod) => {
   return mod?.queries.find((query) => query.startsWith(`network.xyo.query.${moduleType}`)) ? findNetworkComponent(moduleType)?.icon : null;
-};
-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
-    }
-  );
-};
+}, "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");
 
 // src/components/Card/Module/Card.tsx
-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 })
-  ] });
-};
+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");
 
 // src/components/Card/Diviner/CardContent.tsx
-import { jsx as jsx6 } from "react/jsx-runtime";
-var DivinerCardContent = ({ children, ...props }) => {
-  return /* @__PURE__ */ jsx6(ModuleCardContent, { ...props, children });
-};
+import React6 from "react";
+var DivinerCardContent = /* @__PURE__ */ __name(({ children, ...props }) => {
+  return /* @__PURE__ */ React6.createElement(ModuleCardContent, props, children);
+}, "DivinerCardContent");
 
 // src/components/Card/Diviner/CardHeader.tsx
-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 });
-};
+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");
 
 // src/components/Card/Diviner/Card.tsx
-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 })
-  ] });
-};
+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");
 
 // src/components/DetailsBox.tsx
 import { EthAddressWrapper } from "@xylabs/eth-address";
@@ -160,51 +149,47 @@ import { ButtonEx as ButtonEx2 } from "@xylabs/react-button";
 import { EthAccountBox } from "@xylabs/react-crypto";
 import { FlexCol, FlexRow as FlexRow2 } from "@xylabs/react-flexbox";
 import { findNetworkComponent as findNetworkComponent2 } from "@xyo-network/react-shared";
-import { useState as useState2 } from "react";
-import { jsx as jsx9, jsxs as jsxs5 } from "react/jsx-runtime";
-var getModuleIcon = (moduleType, mod) => {
+import React9, { useState as useState2 } from "react";
+var getModuleIcon = /* @__PURE__ */ __name((moduleType, mod) => {
   return mod?.queries.find((query) => query.startsWith(`network.xyo.query.${moduleType}`)) ? findNetworkComponent2(moduleType)?.icon() : null;
-};
-var ModuleDetailsBox = ({
-  children,
-  mod,
-  ...props
-}) => {
+}, "getModuleIcon");
+var ModuleDetailsBox = /* @__PURE__ */ __name(({ children, mod, ...props }) => {
   const [showQueries, setShowQueries] = useState2(false);
-  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
-  ] });
-};
+  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");
 
 // 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 { 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
-  ] });
-};
+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");
 
 // src/hooks/useRefresh.tsx
 import { useState as useState3 } from "react";
-var useRefresh = () => {
+var useRefresh = /* @__PURE__ */ __name(() => {
   const [count, setCount] = useState3(1);
   return [
     count,
@@ -215,7 +200,7 @@ var useRefresh = () => {
     },
     () => 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":"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","names":["Card","jsx","jsxs","jsx","jsx","jsx","jsxs","jsx","jsx","jsx","jsxs","Card","ButtonEx","FlexRow","findNetworkComponent","useState","jsx","jsxs","EthAddressWrapper","EthAccountBox","jsx","jsxs","useState"]}
+{"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"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xyo-network/react-module",
-  "version": "7.4.2",
+  "version": "7.5.1",
   "description": "Common React library for all XYO projects that use React",
   "keywords": [
     "xyo",
@@ -43,47 +43,50 @@
     "src"
   ],
   "dependencies": {
-    "@xylabs/eth-address": "~5.0.50",
-    "@xylabs/react-button": "~7.1.8",
-    "@xylabs/react-crypto": "~7.1.8",
-    "@xylabs/react-flexbox": "~7.1.8",
-    "@xylabs/react-promise": "~7.1.8",
-    "@xyo-network/diviner-model": "~5.2.17",
-    "@xyo-network/module-model": "~5.2.17",
-    "@xyo-network/react-shared": "^7.4.2"
+    "@xylabs/eth-address": "~5.0.64",
+    "@xylabs/react-button": "~7.1.12",
+    "@xylabs/react-crypto": "~7.1.12",
+    "@xylabs/react-flexbox": "~7.1.12",
+    "@xylabs/react-promise": "~7.1.12",
+    "@xylabs/sdk-js": "~5.0.64",
+    "@xyo-network/diviner-model": "~5.3.2",
+    "@xyo-network/module-model": "~5.3.2",
+    "@xyo-network/react-shared": "7.5.1"
   },
   "devDependencies": {
-    "@mui/icons-material": "~7.3.6",
-    "@mui/material": "~7.3.6",
-    "@storybook/react-vite": "~10.1.4",
-    "@types/react": "^19.2.7",
-    "@xylabs/hex": "~5.0.50",
-    "@xylabs/react-async-effect": "~7.1.8",
-    "@xylabs/ts-scripts-yarn3": "~7.2.8",
-    "@xylabs/tsconfig": "~7.2.8",
-    "@xylabs/tsconfig-dom": "~7.2.8",
-    "@xylabs/tsconfig-react": "~7.2.8",
-    "@xyo-network/archivist": "~5.2.17",
-    "@xyo-network/archivist-memory": "~5.2.17",
-    "@xyo-network/crypto-asset-plugin": "~5.2.4",
-    "@xyo-network/diviner-address-history": "~5.2.17",
-    "@xyo-network/node-memory": "~5.2.17",
-    "react": "^19.2.1",
-    "react-dom": "^19.2.1",
-    "react-router-dom": "^7.10.0",
-    "storybook": "~10.1.4",
+    "@mui/icons-material": "~7.3.7",
+    "@mui/material": "~7.3.7",
+    "@storybook/react-vite": "~10.2.1",
+    "@types/react": "^19.2.10",
+    "@xylabs/react-async-effect": "~7.1.12",
+    "@xylabs/sdk-js": "~5.0.64",
+    "@xylabs/ts-scripts-yarn3": "~7.3.2",
+    "@xylabs/tsconfig": "~7.3.2",
+    "@xylabs/tsconfig-dom": "~7.3.2",
+    "@xylabs/tsconfig-react": "~7.3.2",
+    "@xyo-network/archivist": "~5.3.2",
+    "@xyo-network/archivist-memory": "~5.3.2",
+    "@xyo-network/crypto-asset-plugin": "~5.3.1",
+    "@xyo-network/diviner-address-history": "~5.3.2",
+    "@xyo-network/node-memory": "~5.3.2",
+    "react": "^19.2.4",
+    "react-dom": "^19.2.4",
+    "react-router-dom": "^7.13.0",
+    "storybook": "~10.2.1",
     "typescript": "^5.9.3",
-    "vite": "~7.2.6"
+    "vite": "~7.3.1",
+    "zod": "^4.3.6"
   },
   "peerDependencies": {
     "@mui/icons-material": ">=6 <8",
     "@mui/material": ">=6 <8",
     "react": "^19",
     "react-dom": "^19",
-    "react-router-dom": "^7"
+    "react-router-dom": "^7",
+    "zod": "^4"
   },
   "publishConfig": {
     "access": "public"
   },
   "docs": "dist/docs.json"
-}
+}

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

@@ -1,6 +1,6 @@
 import type { Meta, StoryFn } from '@storybook/react-vite'
-import type { Address } from '@xylabs/hex'
 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'
@@ -10,7 +10,7 @@ import { DivinerCard } from './Card.tsx'
 const StorybookEntry = { title: 'modules/diviner/DivinerCard' } as Meta<typeof DivinerCard>
 
 const Template: StoryFn<typeof DivinerCard> = () => {
-  const [mod, setModule] = useState<DivinerInstance>()
+  const [mod, setMod] = useState<DivinerInstance>()
 
   useAsyncEffect(
 
@@ -24,7 +24,7 @@ const Template: StoryFn<typeof DivinerCard> = () => {
           },
         })) as DivinerInstance
         if (mounted()) {
-          setModule(newModule)
+          setMod(newModule)
         }
       }
     },

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

@@ -19,7 +19,7 @@ const StorybookEntry = {
 } as Meta<typeof ModuleCard>
 
 const Template: StoryFn<typeof ModuleCard> = () => {
-  const [mod, setModule] = useState<ArchivistInstance>()
+  const [mod, setMod] = useState<ArchivistInstance>()
 
   useAsyncEffect(
 
@@ -27,7 +27,7 @@ const Template: StoryFn<typeof ModuleCard> = () => {
       if (!mod) {
         const newModule = await MemoryArchivist.create({})
         if (mounted()) {
-          setModule(newModule)
+          setMod(newModule)
         }
       }
     },

package/src/components/DetailsBox.stories.tsx

@@ -65,7 +65,7 @@ const DivinerTemplate: StoryFn<typeof ModuleDetailsBox> = (args) => {
   useAsyncEffect(
 
     async (mounted) => {
-      const diviner = (await CryptoMarketAssetDiviner.create({})) as DivinerInstance
+      const diviner = (await CryptoMarketAssetDiviner.create({})) as unknown as DivinerInstance
       if (mounted()) {
         setDiviner(diviner)
       }