@xyo-network/react-module 2.64.0-rc.7 → 2.64.0

package/dist/browser/components/Card/Module/Card.cjs

@@ -0,0 +1,109 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/Card/Module/Card.tsx
+var Card_exports = {};
+__export(Card_exports, {
+  ModuleCard: () => ModuleCard
+});
+module.exports = __toCommonJS(Card_exports);
+var import_material5 = require("@mui/material");
+
+// src/components/Card/Module/CardActions.tsx
+var import_material2 = require("@mui/material");
+var import_react_button = require("@xylabs/react-button");
+var import_react_flexbox = require("@xylabs/react-flexbox");
+var import_react = require("react");
+
+// src/components/Card/Module/components/DiscoverDialog.tsx
+var import_material = require("@mui/material");
+var import_react_promise = require("@xylabs/react-promise");
+var import_jsx_runtime = require("react/jsx-runtime");
+var DiscoverDialog = ({ module: module2, setOpen, ...props }) => {
+  const [discoverPayloads] = (0, import_react_promise.usePromise)(async () => {
+    return await module2?.discover();
+  }, [module2]);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_material.Dialog, { ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_material.DialogTitle, { children: [
+      "Supported Queries for ",
+      module2?.config.name || module2?.address
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.Divider, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.DialogContent, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_material.Paper, { sx: { p: 1 }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.DialogContentText, { children: "All modules share a set of base queries along with ones specific to the module." }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("pre", { children: JSON.stringify(discoverPayloads, null, 2) })
+    ] }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.DialogActions, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.Button, { onClick: () => setOpen?.(false), variant: "outlined", children: "Close" }) })
+  ] });
+};
+
+// src/components/Card/Module/CardActions.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var ModuleCardActions = ({ children, module: module2, sx, ...props }) => {
+  const [discoverDialogOpen, setDiscoverDialogOpen] = (0, import_react.useState)(false);
+  const config = module2?.config;
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_material2.CardActions, { sx: { alignItems: "stretch", flexDirection: "column", ml: 1, ...sx }, ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_react_flexbox.FlexGrowRow, { justifyContent: "space-between", alignItems: "center", children: [
+      module2 ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_material2.Chip, { label: config?.schema, size: "small" }) : null,
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_button.ButtonEx, { onClick: () => setDiscoverDialogOpen(true), size: "small", variant: "outlined", children: "Discover" }),
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(DiscoverDialog, { fullWidth: true, maxWidth: "md", module: module2, open: discoverDialogOpen, setOpen: setDiscoverDialogOpen })
+    ] }),
+    children
+  ] });
+};
+
+// src/components/Card/Module/CardContent.tsx
+var import_material3 = require("@mui/material");
+var import_jsx_runtime3 = require("react/jsx-runtime");
+var ModuleCardContent = ({ children, ...props }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_material3.CardContent, { ...props, children });
+};
+
+// src/components/Card/Module/CardHeader.tsx
+var import_material4 = require("@mui/material");
+var import_react_shared = require("@xyo-network/react-shared");
+var import_jsx_runtime4 = require("react/jsx-runtime");
+var getModuleIcons = (moduleType, module2) => {
+  return module2?.queries.find((query) => query.startsWith(`network.xyo.query.${moduleType}`)) ? (0, import_react_shared.findNetworkComponent)(moduleType)?.icon : null;
+};
+var ModuleCardHeader = ({ subheader, avatar, title, module: module2, ...props }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+    import_material4.CardHeader,
+    {
+      title: title ?? module2?.config.name ?? "Module",
+      subheader: subheader ?? module2?.address,
+      avatar: avatar ?? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_jsx_runtime4.Fragment, { children: module2 ? ["sentinel", "bridge", "archivist", "diviner", "node", "witness"].map((moduleType) => {
+        const Icon = getModuleIcons(moduleType, module2);
+        return Icon ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Icon, { fontSize: "large", color: "primary" }) : null;
+      }) : null }),
+      ...props
+    }
+  );
+};
+
+// src/components/Card/Module/Card.tsx
+var import_jsx_runtime5 = require("react/jsx-runtime");
+var ModuleCard = ({ module: module2, ...props }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_material5.Card, { ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(ModuleCardHeader, { module: module2 }),
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(ModuleCardContent, { module: module2 }),
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(ModuleCardActions, { module: module2 })
+  ] });
+};
+//# sourceMappingURL=Card.cjs.map

package/dist/browser/components/Card/Module/Card.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../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"],"sourcesContent":["import { Card, CardProps } from '@mui/material'\n\nimport { ModuleRenderProps } from '../../../ModuleRenderProps'\nimport { ModuleCardActions } from './CardActions'\nimport { ModuleCardContent } from './CardContent'\nimport { ModuleCardHeader } from './CardHeader'\n\nexport const ModuleCard: React.FC<CardProps & ModuleRenderProps> = ({ module, ...props }) => {\n  return (\n    <Card {...props}>\n      <ModuleCardHeader module={module} />\n      <ModuleCardContent module={module} />\n      <ModuleCardActions module={module} />\n    </Card>\n  )\n}\n","import { CardActions, CardActionsProps, Chip } from '@mui/material'\nimport { ButtonEx } from '@xylabs/react-button'\nimport { FlexGrowRow } from '@xylabs/react-flexbox'\nimport { useState } from 'react'\n\nimport { ModuleRenderProps } from '../../../ModuleRenderProps'\nimport { DiscoverDialog } from './components'\n\nexport const ModuleCardActions: React.FC<CardActionsProps & ModuleRenderProps> = ({ children, module, sx, ...props }) => {\n  const [discoverDialogOpen, setDiscoverDialogOpen] = useState(false)\n\n  const config = module?.config\n\n  return (\n    <CardActions sx={{ alignItems: 'stretch', flexDirection: 'column', ml: 1, ...sx }} {...props}>\n      <FlexGrowRow justifyContent=\"space-between\" alignItems=\"center\">\n        {module ? <Chip label={config?.schema} size={'small'} /> : null}\n        <ButtonEx onClick={() => setDiscoverDialogOpen(true)} size={'small'} variant={'outlined'}>\n          Discover\n        </ButtonEx>\n        <DiscoverDialog fullWidth maxWidth={'md'} module={module} open={discoverDialogOpen} setOpen={setDiscoverDialogOpen} />\n      </FlexGrowRow>\n      {children}\n    </CardActions>\n  )\n}\n","import { Button, Dialog, DialogActions, DialogContent, DialogContentText, DialogProps, DialogTitle, Divider, Paper } from '@mui/material'\nimport { usePromise } from '@xylabs/react-promise'\nimport { ModuleInstance } from '@xyo-network/module'\nimport { Dispatch, SetStateAction } from 'react'\n\nexport interface DiscoverDialogProps extends DialogProps {\n  module?: 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> = ({ module, setOpen, ...props }) => {\n  const [discoverPayloads] = usePromise(async () => {\n    return await module?.discover()\n  }, [module])\n\n  return (\n    <Dialog {...props}>\n      <DialogTitle>Supported Queries for {module?.config.name || module?.address}</DialogTitle>\n      <Divider />\n      <DialogContent>\n        <Paper sx={{ p: 1 }}>\n          <DialogContentText>All modules share a set of base queries along with ones specific to the module.</DialogContentText>\n          <pre>{JSON.stringify(discoverPayloads, null, 2)}</pre>\n        </Paper>\n      </DialogContent>\n      <DialogActions>\n        <Button onClick={() => setOpen?.(false)} variant={'outlined'}>\n          Close\n        </Button>\n      </DialogActions>\n    </Dialog>\n  )\n}\n","import { CardContent, CardContentProps } from '@mui/material'\n\nimport { ModuleRenderProps } from '../../../ModuleRenderProps'\n\nexport const ModuleCardContent: React.FC<ModuleRenderProps & CardContentProps> = ({ children, ...props }) => {\n  return <CardContent {...props}>{children}</CardContent>\n}\n","import { CardHeader, CardHeaderProps } from '@mui/material'\nimport { Module } from '@xyo-network/module'\nimport { findNetworkComponent } from '@xyo-network/react-shared'\n\nimport { ModuleRenderProps } from '../../../ModuleRenderProps'\n\nconst getModuleIcons = (moduleType: string, module: Module) => {\n  return module?.queries.find((query) => query.startsWith(`network.xyo.query.${moduleType}`)) ? findNetworkComponent(moduleType)?.icon : null\n}\n\nexport const ModuleCardHeader: React.FC<ModuleRenderProps & CardHeaderProps> = ({ subheader, avatar, title, module, ...props }) => {\n  return (\n    <CardHeader\n      title={title ?? module?.config.name ?? 'Module'}\n      subheader={subheader ?? module?.address}\n      avatar={\n        avatar ?? (\n          <>\n            {module\n              ? ['sentinel', 'bridge', 'archivist', 'diviner', 'node', 'witness'].map((moduleType) => {\n                  const Icon = getModuleIcons(moduleType, module)\n                  return Icon ? <Icon fontSize={'large'} color=\"primary\" /> : null\n                })\n              : null}\n          </>\n        )\n      }\n      {...props}\n    />\n  )\n}\n"],"mappings":"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","names":["import_material","import_material","module","import_jsx_runtime","module","import_material","import_jsx_runtime","import_material","import_jsx_runtime","module","import_jsx_runtime","module"]}

package/dist/browser/components/Card/Module/Card.d.cts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { CardProps } from '@mui/material';
+import { ModuleRenderProps } from '../../../ModuleRenderProps';
+export declare const ModuleCard: React.FC<CardProps & ModuleRenderProps>;
+//# sourceMappingURL=Card.d.ts.map

package/dist/browser/components/Card/Module/Card.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../../../src/components/Card/Module/Card.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAQ,SAAS,EAAE,MAAM,eAAe,CAAA;AAE/C,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAA;AAK9D,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,GAAG,iBAAiB,CAQ9D,CAAA"}

package/dist/browser/components/Card/Module/CardActions.cjs

@@ -0,0 +1,67 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/Card/Module/CardActions.tsx
+var CardActions_exports = {};
+__export(CardActions_exports, {
+  ModuleCardActions: () => ModuleCardActions
+});
+module.exports = __toCommonJS(CardActions_exports);
+var import_material2 = require("@mui/material");
+var import_react_button = require("@xylabs/react-button");
+var import_react_flexbox = require("@xylabs/react-flexbox");
+var import_react = require("react");
+
+// src/components/Card/Module/components/DiscoverDialog.tsx
+var import_material = require("@mui/material");
+var import_react_promise = require("@xylabs/react-promise");
+var import_jsx_runtime = require("react/jsx-runtime");
+var DiscoverDialog = ({ module: module2, setOpen, ...props }) => {
+  const [discoverPayloads] = (0, import_react_promise.usePromise)(async () => {
+    return await module2?.discover();
+  }, [module2]);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_material.Dialog, { ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_material.DialogTitle, { children: [
+      "Supported Queries for ",
+      module2?.config.name || module2?.address
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.Divider, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.DialogContent, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_material.Paper, { sx: { p: 1 }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.DialogContentText, { children: "All modules share a set of base queries along with ones specific to the module." }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("pre", { children: JSON.stringify(discoverPayloads, null, 2) })
+    ] }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.DialogActions, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.Button, { onClick: () => setOpen?.(false), variant: "outlined", children: "Close" }) })
+  ] });
+};
+
+// src/components/Card/Module/CardActions.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var ModuleCardActions = ({ children, module: module2, sx, ...props }) => {
+  const [discoverDialogOpen, setDiscoverDialogOpen] = (0, import_react.useState)(false);
+  const config = module2?.config;
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_material2.CardActions, { sx: { alignItems: "stretch", flexDirection: "column", ml: 1, ...sx }, ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_react_flexbox.FlexGrowRow, { justifyContent: "space-between", alignItems: "center", children: [
+      module2 ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_material2.Chip, { label: config?.schema, size: "small" }) : null,
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_button.ButtonEx, { onClick: () => setDiscoverDialogOpen(true), size: "small", variant: "outlined", children: "Discover" }),
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(DiscoverDialog, { fullWidth: true, maxWidth: "md", module: module2, open: discoverDialogOpen, setOpen: setDiscoverDialogOpen })
+    ] }),
+    children
+  ] });
+};
+//# sourceMappingURL=CardActions.cjs.map

package/dist/browser/components/Card/Module/CardActions.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/Card/Module/CardActions.tsx","../../../../../src/components/Card/Module/components/DiscoverDialog.tsx"],"sourcesContent":["import { CardActions, CardActionsProps, Chip } from '@mui/material'\nimport { ButtonEx } from '@xylabs/react-button'\nimport { FlexGrowRow } from '@xylabs/react-flexbox'\nimport { useState } from 'react'\n\nimport { ModuleRenderProps } from '../../../ModuleRenderProps'\nimport { DiscoverDialog } from './components'\n\nexport const ModuleCardActions: React.FC<CardActionsProps & ModuleRenderProps> = ({ children, module, sx, ...props }) => {\n  const [discoverDialogOpen, setDiscoverDialogOpen] = useState(false)\n\n  const config = module?.config\n\n  return (\n    <CardActions sx={{ alignItems: 'stretch', flexDirection: 'column', ml: 1, ...sx }} {...props}>\n      <FlexGrowRow justifyContent=\"space-between\" alignItems=\"center\">\n        {module ? <Chip label={config?.schema} size={'small'} /> : null}\n        <ButtonEx onClick={() => setDiscoverDialogOpen(true)} size={'small'} variant={'outlined'}>\n          Discover\n        </ButtonEx>\n        <DiscoverDialog fullWidth maxWidth={'md'} module={module} open={discoverDialogOpen} setOpen={setDiscoverDialogOpen} />\n      </FlexGrowRow>\n      {children}\n    </CardActions>\n  )\n}\n","import { Button, Dialog, DialogActions, DialogContent, DialogContentText, DialogProps, DialogTitle, Divider, Paper } from '@mui/material'\nimport { usePromise } from '@xylabs/react-promise'\nimport { ModuleInstance } from '@xyo-network/module'\nimport { Dispatch, SetStateAction } from 'react'\n\nexport interface DiscoverDialogProps extends DialogProps {\n  module?: 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> = ({ module, setOpen, ...props }) => {\n  const [discoverPayloads] = usePromise(async () => {\n    return await module?.discover()\n  }, [module])\n\n  return (\n    <Dialog {...props}>\n      <DialogTitle>Supported Queries for {module?.config.name || module?.address}</DialogTitle>\n      <Divider />\n      <DialogContent>\n        <Paper sx={{ p: 1 }}>\n          <DialogContentText>All modules share a set of base queries along with ones specific to the module.</DialogContentText>\n          <pre>{JSON.stringify(discoverPayloads, null, 2)}</pre>\n        </Paper>\n      </DialogContent>\n      <DialogActions>\n        <Button onClick={() => setOpen?.(false)} variant={'outlined'}>\n          Close\n        </Button>\n      </DialogActions>\n    </Dialog>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAAA,mBAAoD;AACpD,0BAAyB;AACzB,2BAA4B;AAC5B,mBAAyB;;;ACHzB,sBAA0H;AAC1H,2BAA2B;AAkBrB;AAPC,IAAM,iBAAgD,CAAC,EAAE,QAAAC,SAAQ,SAAS,GAAG,MAAM,MAAM;AAC9F,QAAM,CAAC,gBAAgB,QAAI,iCAAW,YAAY;AAChD,WAAO,MAAMA,SAAQ,SAAS;AAAA,EAChC,GAAG,CAACA,OAAM,CAAC;AAEX,SACE,6CAAC,0BAAQ,GAAG,OACV;AAAA,iDAAC,+BAAY;AAAA;AAAA,MAAuBA,SAAQ,OAAO,QAAQA,SAAQ;AAAA,OAAQ;AAAA,IAC3E,4CAAC,2BAAQ;AAAA,IACT,4CAAC,iCACC,uDAAC,yBAAM,IAAI,EAAE,GAAG,EAAE,GAChB;AAAA,kDAAC,qCAAkB,6FAA+E;AAAA,MAClG,4CAAC,SAAK,eAAK,UAAU,kBAAkB,MAAM,CAAC,GAAE;AAAA,OAClD,GACF;AAAA,IACA,4CAAC,iCACC,sDAAC,0BAAO,SAAS,MAAM,UAAU,KAAK,GAAG,SAAS,YAAY,mBAE9D,GACF;AAAA,KACF;AAEJ;;;ADnBM,IAAAC,sBAAA;AAPC,IAAM,oBAAoE,CAAC,EAAE,UAAU,QAAAC,SAAQ,IAAI,GAAG,MAAM,MAAM;AACvH,QAAM,CAAC,oBAAoB,qBAAqB,QAAI,uBAAS,KAAK;AAElE,QAAM,SAASA,SAAQ;AAEvB,SACE,8CAAC,gCAAY,IAAI,EAAE,YAAY,WAAW,eAAe,UAAU,IAAI,GAAG,GAAG,GAAG,GAAI,GAAG,OACrF;AAAA,kDAAC,oCAAY,gBAAe,iBAAgB,YAAW,UACpD;AAAA,MAAAA,UAAS,6CAAC,yBAAK,OAAO,QAAQ,QAAQ,MAAM,SAAS,IAAK;AAAA,MAC3D,6CAAC,gCAAS,SAAS,MAAM,sBAAsB,IAAI,GAAG,MAAM,SAAS,SAAS,YAAY,sBAE1F;AAAA,MACA,6CAAC,kBAAe,WAAS,MAAC,UAAU,MAAM,QAAQA,SAAQ,MAAM,oBAAoB,SAAS,uBAAuB;AAAA,OACtH;AAAA,IACC;AAAA,KACH;AAEJ;","names":["import_material","module","import_jsx_runtime","module"]}

package/dist/browser/components/Card/Module/CardActions.d.cts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { CardActionsProps } from '@mui/material';
+import { ModuleRenderProps } from '../../../ModuleRenderProps';
+export declare const ModuleCardActions: React.FC<CardActionsProps & ModuleRenderProps>;
+//# sourceMappingURL=CardActions.d.ts.map

package/dist/browser/components/Card/Module/CardActions.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardActions.d.ts","sourceRoot":"","sources":["../../../../../src/components/Card/Module/CardActions.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAe,gBAAgB,EAAQ,MAAM,eAAe,CAAA;AAKnE,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAA;AAG9D,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,GAAG,iBAAiB,CAiB5E,CAAA"}

package/dist/browser/components/Card/Module/CardContent.cjs

@@ -0,0 +1,31 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/Card/Module/CardContent.tsx
+var CardContent_exports = {};
+__export(CardContent_exports, {
+  ModuleCardContent: () => ModuleCardContent
+});
+module.exports = __toCommonJS(CardContent_exports);
+var import_material = require("@mui/material");
+var import_jsx_runtime = require("react/jsx-runtime");
+var ModuleCardContent = ({ children, ...props }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.CardContent, { ...props, children });
+};
+//# sourceMappingURL=CardContent.cjs.map

package/dist/{node/components/Card/Module/CardContent.mjs.map → browser/components/Card/Module/CardContent.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/Card/Module/CardContent.tsx"],"sourcesContent":["import { CardContent, CardContentProps } from '@mui/material'\n\nimport { ModuleRenderProps } from '../../../ModuleRenderProps'\n\nexport const ModuleCardContent: React.FC<ModuleRenderProps & CardContentProps> = ({ children, ...props }) => {\n  return <CardContent {...props}>{children}</CardContent>\n}\n"],"mappings":"AAKS;AALT,SAAS,mBAAqC;AAIvC,MAAM,oBAAoE,CAAC,EAAE,UAAU,GAAG,MAAM,MAAM;AAC3G,SAAO,oBAAC,eAAa,GAAG,OAAQ,UAAS;AAC3C;","names":[]}
+{"version":3,"sources":["../../../../../src/components/Card/Module/CardContent.tsx"],"sourcesContent":["import { CardContent, CardContentProps } from '@mui/material'\n\nimport { ModuleRenderProps } from '../../../ModuleRenderProps'\n\nexport const ModuleCardContent: React.FC<ModuleRenderProps & CardContentProps> = ({ children, ...props }) => {\n  return <CardContent {...props}>{children}</CardContent>\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBAA8C;AAKrC;AADF,IAAM,oBAAoE,CAAC,EAAE,UAAU,GAAG,MAAM,MAAM;AAC3G,SAAO,4CAAC,+BAAa,GAAG,OAAQ,UAAS;AAC3C;","names":[]}

package/dist/browser/components/Card/Module/CardContent.d.cts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { CardContentProps } from '@mui/material';
+import { ModuleRenderProps } from '../../../ModuleRenderProps';
+export declare const ModuleCardContent: React.FC<ModuleRenderProps & CardContentProps>;
+//# sourceMappingURL=CardContent.d.ts.map

package/dist/browser/components/Card/Module/CardContent.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardContent.d.ts","sourceRoot":"","sources":["../../../../../src/components/Card/Module/CardContent.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAe,gBAAgB,EAAE,MAAM,eAAe,CAAA;AAE7D,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAA;AAE9D,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,GAAG,gBAAgB,CAE5E,CAAA"}

package/dist/browser/components/Card/Module/CardHeader.cjs

@@ -0,0 +1,46 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/Card/Module/CardHeader.tsx
+var CardHeader_exports = {};
+__export(CardHeader_exports, {
+  ModuleCardHeader: () => ModuleCardHeader
+});
+module.exports = __toCommonJS(CardHeader_exports);
+var import_material = require("@mui/material");
+var import_react_shared = require("@xyo-network/react-shared");
+var import_jsx_runtime = require("react/jsx-runtime");
+var getModuleIcons = (moduleType, module2) => {
+  return module2?.queries.find((query) => query.startsWith(`network.xyo.query.${moduleType}`)) ? (0, import_react_shared.findNetworkComponent)(moduleType)?.icon : null;
+};
+var ModuleCardHeader = ({ subheader, avatar, title, module: module2, ...props }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_material.CardHeader,
+    {
+      title: title ?? module2?.config.name ?? "Module",
+      subheader: subheader ?? module2?.address,
+      avatar: avatar ?? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: module2 ? ["sentinel", "bridge", "archivist", "diviner", "node", "witness"].map((moduleType) => {
+        const Icon = getModuleIcons(moduleType, module2);
+        return Icon ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Icon, { fontSize: "large", color: "primary" }) : null;
+      }) : null }),
+      ...props
+    }
+  );
+};
+//# sourceMappingURL=CardHeader.cjs.map

package/dist/{node/components/Card/Module/CardHeader.mjs.map → browser/components/Card/Module/CardHeader.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/Card/Module/CardHeader.tsx"],"sourcesContent":["import { CardHeader, CardHeaderProps } from '@mui/material'\nimport { Module } from '@xyo-network/module'\nimport { findNetworkComponent } from '@xyo-network/react-shared'\n\nimport { ModuleRenderProps } from '../../../ModuleRenderProps'\n\nconst getModuleIcons = (moduleType: string, module: Module) => {\n  return module?.queries.find((query) => query.startsWith(`network.xyo.query.${moduleType}`)) ? findNetworkComponent(moduleType)?.icon : null\n}\n\nexport const ModuleCardHeader: React.FC<ModuleRenderProps & CardHeaderProps> = ({ subheader, avatar, title, module, ...props }) => {\n  return (\n    <CardHeader\n      title={title ?? module?.config.name ?? 'Module'}\n      subheader={subheader ?? module?.address}\n      avatar={\n        avatar ?? (\n          <>\n            {module\n              ? ['sentinel', 'bridge', 'archivist', 'diviner', 'node', 'witness'].map((moduleType) => {\n                  const Icon = getModuleIcons(moduleType, module)\n                  return Icon ? <Icon fontSize={'large'} color=\"primary\" /> : null\n                })\n              : null}\n          </>\n        )\n      }\n      {...props}\n    />\n  )\n}\n"],"mappings":"AAiBU,mBAIsB,WAJtB;AAjBV,SAAS,kBAAmC;AAE5C,SAAS,4BAA4B;AAIrC,MAAM,iBAAiB,CAAC,YAAoB,WAAmB;AAC7D,SAAO,QAAQ,QAAQ,KAAK,CAAC,UAAU,MAAM,WAAW,qBAAqB,UAAU,EAAE,CAAC,IAAI,qBAAqB,UAAU,GAAG,OAAO;AACzI;AAEO,MAAM,mBAAkE,CAAC,EAAE,WAAW,QAAQ,OAAO,QAAQ,GAAG,MAAM,MAAM;AACjI,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAO,SAAS,QAAQ,OAAO,QAAQ;AAAA,MACvC,WAAW,aAAa,QAAQ;AAAA,MAChC,QACE,UACE,gCACG,mBACG,CAAC,YAAY,UAAU,aAAa,WAAW,QAAQ,SAAS,EAAE,IAAI,CAAC,eAAe;AACpF,cAAM,OAAO,eAAe,YAAY,MAAM;AAC9C,eAAO,OAAO,oBAAC,QAAK,UAAU,SAAS,OAAM,WAAU,IAAK;AAAA,MAC9D,CAAC,IACD,MACN;AAAA,MAGH,GAAG;AAAA;AAAA,EACN;AAEJ;","names":[]}
+{"version":3,"sources":["../../../../../src/components/Card/Module/CardHeader.tsx"],"sourcesContent":["import { CardHeader, CardHeaderProps } from '@mui/material'\nimport { Module } from '@xyo-network/module'\nimport { findNetworkComponent } from '@xyo-network/react-shared'\n\nimport { ModuleRenderProps } from '../../../ModuleRenderProps'\n\nconst getModuleIcons = (moduleType: string, module: Module) => {\n  return module?.queries.find((query) => query.startsWith(`network.xyo.query.${moduleType}`)) ? findNetworkComponent(moduleType)?.icon : null\n}\n\nexport const ModuleCardHeader: React.FC<ModuleRenderProps & CardHeaderProps> = ({ subheader, avatar, title, module, ...props }) => {\n  return (\n    <CardHeader\n      title={title ?? module?.config.name ?? 'Module'}\n      subheader={subheader ?? module?.address}\n      avatar={\n        avatar ?? (\n          <>\n            {module\n              ? ['sentinel', 'bridge', 'archivist', 'diviner', 'node', 'witness'].map((moduleType) => {\n                  const Icon = getModuleIcons(moduleType, module)\n                  return Icon ? <Icon fontSize={'large'} color=\"primary\" /> : null\n                })\n              : null}\n          </>\n        )\n      }\n      {...props}\n    />\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBAA4C;AAE5C,0BAAqC;AAe3B;AAXV,IAAM,iBAAiB,CAAC,YAAoBA,YAAmB;AAC7D,SAAOA,SAAQ,QAAQ,KAAK,CAAC,UAAU,MAAM,WAAW,qBAAqB,UAAU,EAAE,CAAC,QAAI,0CAAqB,UAAU,GAAG,OAAO;AACzI;AAEO,IAAM,mBAAkE,CAAC,EAAE,WAAW,QAAQ,OAAO,QAAAA,SAAQ,GAAG,MAAM,MAAM;AACjI,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAO,SAASA,SAAQ,OAAO,QAAQ;AAAA,MACvC,WAAW,aAAaA,SAAQ;AAAA,MAChC,QACE,UACE,2EACG,UAAAA,UACG,CAAC,YAAY,UAAU,aAAa,WAAW,QAAQ,SAAS,EAAE,IAAI,CAAC,eAAe;AACpF,cAAM,OAAO,eAAe,YAAYA,OAAM;AAC9C,eAAO,OAAO,4CAAC,QAAK,UAAU,SAAS,OAAM,WAAU,IAAK;AAAA,MAC9D,CAAC,IACD,MACN;AAAA,MAGH,GAAG;AAAA;AAAA,EACN;AAEJ;","names":["module"]}

package/dist/browser/components/Card/Module/CardHeader.d.cts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { CardHeaderProps } from '@mui/material';
+import { ModuleRenderProps } from '../../../ModuleRenderProps';
+export declare const ModuleCardHeader: React.FC<ModuleRenderProps & CardHeaderProps>;
+//# sourceMappingURL=CardHeader.d.ts.map

package/dist/browser/components/Card/Module/CardHeader.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardHeader.d.ts","sourceRoot":"","sources":["../../../../../src/components/Card/Module/CardHeader.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAc,eAAe,EAAE,MAAM,eAAe,CAAA;AAI3D,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAA;AAM9D,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,GAAG,eAAe,CAoB1E,CAAA"}

package/dist/browser/components/Card/Module/components/DiscoverDialog.cjs

@@ -0,0 +1,46 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/Card/Module/components/DiscoverDialog.tsx
+var DiscoverDialog_exports = {};
+__export(DiscoverDialog_exports, {
+  DiscoverDialog: () => DiscoverDialog
+});
+module.exports = __toCommonJS(DiscoverDialog_exports);
+var import_material = require("@mui/material");
+var import_react_promise = require("@xylabs/react-promise");
+var import_jsx_runtime = require("react/jsx-runtime");
+var DiscoverDialog = ({ module: module2, setOpen, ...props }) => {
+  const [discoverPayloads] = (0, import_react_promise.usePromise)(async () => {
+    return await module2?.discover();
+  }, [module2]);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_material.Dialog, { ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_material.DialogTitle, { children: [
+      "Supported Queries for ",
+      module2?.config.name || module2?.address
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.Divider, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.DialogContent, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_material.Paper, { sx: { p: 1 }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.DialogContentText, { children: "All modules share a set of base queries along with ones specific to the module." }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("pre", { children: JSON.stringify(discoverPayloads, null, 2) })
+    ] }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.DialogActions, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.Button, { onClick: () => setOpen?.(false), variant: "outlined", children: "Close" }) })
+  ] });
+};
+//# sourceMappingURL=DiscoverDialog.cjs.map

package/dist/{node/components/Card/Module/components/DiscoverDialog.mjs.map → browser/components/Card/Module/components/DiscoverDialog.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/components/Card/Module/components/DiscoverDialog.tsx"],"sourcesContent":["import { Button, Dialog, DialogActions, DialogContent, DialogContentText, DialogProps, DialogTitle, Divider, Paper } from '@mui/material'\nimport { usePromise } from '@xylabs/react-promise'\nimport { ModuleInstance } from '@xyo-network/module'\nimport { Dispatch, SetStateAction } from 'react'\n\nexport interface DiscoverDialogProps extends DialogProps {\n  module?: 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> = ({ module, setOpen, ...props }) => {\n  const [discoverPayloads] = usePromise(async () => {\n    return await module?.discover()\n  }, [module])\n\n  return (\n    <Dialog {...props}>\n      <DialogTitle>Supported Queries for {module?.config.name || module?.address}</DialogTitle>\n      <Divider />\n      <DialogContent>\n        <Paper sx={{ p: 1 }}>\n          <DialogContentText>All modules share a set of base queries along with ones specific to the module.</DialogContentText>\n          <pre>{JSON.stringify(discoverPayloads, null, 2)}</pre>\n        </Paper>\n      </DialogContent>\n      <DialogActions>\n        <Button onClick={() => setOpen?.(false)} variant={'outlined'}>\n          Close\n        </Button>\n      </DialogActions>\n    </Dialog>\n  )\n}\n"],"mappings":"AAmBM,SACA,KADA;AAnBN,SAAS,QAAQ,QAAQ,eAAe,eAAe,mBAAgC,aAAa,SAAS,aAAa;AAC1H,SAAS,kBAAkB;AAWpB,MAAM,iBAAgD,CAAC,EAAE,QAAQ,SAAS,GAAG,MAAM,MAAM;AAC9F,QAAM,CAAC,gBAAgB,IAAI,WAAW,YAAY;AAChD,WAAO,MAAM,QAAQ,SAAS;AAAA,EAChC,GAAG,CAAC,MAAM,CAAC;AAEX,SACE,qBAAC,UAAQ,GAAG,OACV;AAAA,yBAAC,eAAY;AAAA;AAAA,MAAuB,QAAQ,OAAO,QAAQ,QAAQ;AAAA,OAAQ;AAAA,IAC3E,oBAAC,WAAQ;AAAA,IACT,oBAAC,iBACC,+BAAC,SAAM,IAAI,EAAE,GAAG,EAAE,GAChB;AAAA,0BAAC,qBAAkB,6FAA+E;AAAA,MAClG,oBAAC,SAAK,eAAK,UAAU,kBAAkB,MAAM,CAAC,GAAE;AAAA,OAClD,GACF;AAAA,IACA,oBAAC,iBACC,8BAAC,UAAO,SAAS,MAAM,UAAU,KAAK,GAAG,SAAS,YAAY,mBAE9D,GACF;AAAA,KACF;AAEJ;","names":[]}
+{"version":3,"sources":["../../../../../../src/components/Card/Module/components/DiscoverDialog.tsx"],"sourcesContent":["import { Button, Dialog, DialogActions, DialogContent, DialogContentText, DialogProps, DialogTitle, Divider, Paper } from '@mui/material'\nimport { usePromise } from '@xylabs/react-promise'\nimport { ModuleInstance } from '@xyo-network/module'\nimport { Dispatch, SetStateAction } from 'react'\n\nexport interface DiscoverDialogProps extends DialogProps {\n  module?: 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> = ({ module, setOpen, ...props }) => {\n  const [discoverPayloads] = usePromise(async () => {\n    return await module?.discover()\n  }, [module])\n\n  return (\n    <Dialog {...props}>\n      <DialogTitle>Supported Queries for {module?.config.name || module?.address}</DialogTitle>\n      <Divider />\n      <DialogContent>\n        <Paper sx={{ p: 1 }}>\n          <DialogContentText>All modules share a set of base queries along with ones specific to the module.</DialogContentText>\n          <pre>{JSON.stringify(discoverPayloads, null, 2)}</pre>\n        </Paper>\n      </DialogContent>\n      <DialogActions>\n        <Button onClick={() => setOpen?.(false)} variant={'outlined'}>\n          Close\n        </Button>\n      </DialogActions>\n    </Dialog>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBAA0H;AAC1H,2BAA2B;AAkBrB;AAPC,IAAM,iBAAgD,CAAC,EAAE,QAAAA,SAAQ,SAAS,GAAG,MAAM,MAAM;AAC9F,QAAM,CAAC,gBAAgB,QAAI,iCAAW,YAAY;AAChD,WAAO,MAAMA,SAAQ,SAAS;AAAA,EAChC,GAAG,CAACA,OAAM,CAAC;AAEX,SACE,6CAAC,0BAAQ,GAAG,OACV;AAAA,iDAAC,+BAAY;AAAA;AAAA,MAAuBA,SAAQ,OAAO,QAAQA,SAAQ;AAAA,OAAQ;AAAA,IAC3E,4CAAC,2BAAQ;AAAA,IACT,4CAAC,iCACC,uDAAC,yBAAM,IAAI,EAAE,GAAG,EAAE,GAChB;AAAA,kDAAC,qCAAkB,6FAA+E;AAAA,MAClG,4CAAC,SAAK,eAAK,UAAU,kBAAkB,MAAM,CAAC,GAAE;AAAA,OAClD,GACF;AAAA,IACA,4CAAC,iCACC,sDAAC,0BAAO,SAAS,MAAM,UAAU,KAAK,GAAG,SAAS,YAAY,mBAE9D,GACF;AAAA,KACF;AAEJ;","names":["module"]}

package/dist/browser/components/Card/Module/components/DiscoverDialog.d.cts

@@ -0,0 +1,9 @@
+import { DialogProps } from '@mui/material';
+import { ModuleInstance } from '@xyo-network/module';
+import { Dispatch, SetStateAction } from 'react';
+export interface DiscoverDialogProps extends DialogProps {
+    module?: ModuleInstance;
+    setOpen?: Dispatch<SetStateAction<boolean>>;
+}
+export declare const DiscoverDialog: React.FC<DiscoverDialogProps>;
+//# sourceMappingURL=DiscoverDialog.d.ts.map

package/dist/browser/components/Card/Module/components/DiscoverDialog.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DiscoverDialog.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Card/Module/components/DiscoverDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAmE,WAAW,EAA+B,MAAM,eAAe,CAAA;AAEzI,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAA;AACpD,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAEhD,MAAM,WAAW,mBAAoB,SAAQ,WAAW;IACtD,MAAM,CAAC,EAAE,cAAc,CAAA;IACvB,OAAO,CAAC,EAAE,QAAQ,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAA;CAC5C;AAID,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAsBxD,CAAA"}

package/dist/browser/components/Card/Module/components/index.cjs

@@ -0,0 +1,48 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/Card/Module/components/index.ts
+var components_exports = {};
+__export(components_exports, {
+  DiscoverDialog: () => DiscoverDialog
+});
+module.exports = __toCommonJS(components_exports);
+
+// src/components/Card/Module/components/DiscoverDialog.tsx
+var import_material = require("@mui/material");
+var import_react_promise = require("@xylabs/react-promise");
+var import_jsx_runtime = require("react/jsx-runtime");
+var DiscoverDialog = ({ module: module2, setOpen, ...props }) => {
+  const [discoverPayloads] = (0, import_react_promise.usePromise)(async () => {
+    return await module2?.discover();
+  }, [module2]);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_material.Dialog, { ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_material.DialogTitle, { children: [
+      "Supported Queries for ",
+      module2?.config.name || module2?.address
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.Divider, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.DialogContent, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_material.Paper, { sx: { p: 1 }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.DialogContentText, { children: "All modules share a set of base queries along with ones specific to the module." }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("pre", { children: JSON.stringify(discoverPayloads, null, 2) })
+    ] }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.DialogActions, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.Button, { onClick: () => setOpen?.(false), variant: "outlined", children: "Close" }) })
+  ] });
+};
+//# sourceMappingURL=index.cjs.map

package/dist/browser/components/Card/Module/components/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/components/Card/Module/components/index.ts","../../../../../../src/components/Card/Module/components/DiscoverDialog.tsx"],"sourcesContent":["export * from './DiscoverDialog'\n","import { Button, Dialog, DialogActions, DialogContent, DialogContentText, DialogProps, DialogTitle, Divider, Paper } from '@mui/material'\nimport { usePromise } from '@xylabs/react-promise'\nimport { ModuleInstance } from '@xyo-network/module'\nimport { Dispatch, SetStateAction } from 'react'\n\nexport interface DiscoverDialogProps extends DialogProps {\n  module?: 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> = ({ module, setOpen, ...props }) => {\n  const [discoverPayloads] = usePromise(async () => {\n    return await module?.discover()\n  }, [module])\n\n  return (\n    <Dialog {...props}>\n      <DialogTitle>Supported Queries for {module?.config.name || module?.address}</DialogTitle>\n      <Divider />\n      <DialogContent>\n        <Paper sx={{ p: 1 }}>\n          <DialogContentText>All modules share a set of base queries along with ones specific to the module.</DialogContentText>\n          <pre>{JSON.stringify(discoverPayloads, null, 2)}</pre>\n        </Paper>\n      </DialogContent>\n      <DialogActions>\n        <Button onClick={() => setOpen?.(false)} variant={'outlined'}>\n          Close\n        </Button>\n      </DialogActions>\n    </Dialog>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,sBAA0H;AAC1H,2BAA2B;AAkBrB;AAPC,IAAM,iBAAgD,CAAC,EAAE,QAAAA,SAAQ,SAAS,GAAG,MAAM,MAAM;AAC9F,QAAM,CAAC,gBAAgB,QAAI,iCAAW,YAAY;AAChD,WAAO,MAAMA,SAAQ,SAAS;AAAA,EAChC,GAAG,CAACA,OAAM,CAAC;AAEX,SACE,6CAAC,0BAAQ,GAAG,OACV;AAAA,iDAAC,+BAAY;AAAA;AAAA,MAAuBA,SAAQ,OAAO,QAAQA,SAAQ;AAAA,OAAQ;AAAA,IAC3E,4CAAC,2BAAQ;AAAA,IACT,4CAAC,iCACC,uDAAC,yBAAM,IAAI,EAAE,GAAG,EAAE,GAChB;AAAA,kDAAC,qCAAkB,6FAA+E;AAAA,MAClG,4CAAC,SAAK,eAAK,UAAU,kBAAkB,MAAM,CAAC,GAAE;AAAA,OAClD,GACF;AAAA,IACA,4CAAC,iCACC,sDAAC,0BAAO,SAAS,MAAM,UAAU,KAAK,GAAG,SAAS,YAAY,mBAE9D,GACF;AAAA,KACF;AAEJ;","names":["module"]}

package/dist/browser/components/Card/Module/components/index.d.cts

@@ -0,0 +1,2 @@
+export * from './DiscoverDialog';
+//# sourceMappingURL=index.d.ts.map

package/dist/browser/components/Card/Module/components/index.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Card/Module/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAA"}

package/dist/browser/components/Card/Module/index.cjs

@@ -0,0 +1,114 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/Card/Module/index.ts
+var Module_exports = {};
+__export(Module_exports, {
+  ModuleCard: () => ModuleCard,
+  ModuleCardActions: () => ModuleCardActions,
+  ModuleCardContent: () => ModuleCardContent,
+  ModuleCardHeader: () => ModuleCardHeader
+});
+module.exports = __toCommonJS(Module_exports);
+
+// src/components/Card/Module/Card.tsx
+var import_material5 = require("@mui/material");
+
+// src/components/Card/Module/CardActions.tsx
+var import_material2 = require("@mui/material");
+var import_react_button = require("@xylabs/react-button");
+var import_react_flexbox = require("@xylabs/react-flexbox");
+var import_react = require("react");
+
+// src/components/Card/Module/components/DiscoverDialog.tsx
+var import_material = require("@mui/material");
+var import_react_promise = require("@xylabs/react-promise");
+var import_jsx_runtime = require("react/jsx-runtime");
+var DiscoverDialog = ({ module: module2, setOpen, ...props }) => {
+  const [discoverPayloads] = (0, import_react_promise.usePromise)(async () => {
+    return await module2?.discover();
+  }, [module2]);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_material.Dialog, { ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_material.DialogTitle, { children: [
+      "Supported Queries for ",
+      module2?.config.name || module2?.address
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.Divider, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.DialogContent, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_material.Paper, { sx: { p: 1 }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.DialogContentText, { children: "All modules share a set of base queries along with ones specific to the module." }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("pre", { children: JSON.stringify(discoverPayloads, null, 2) })
+    ] }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.DialogActions, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.Button, { onClick: () => setOpen?.(false), variant: "outlined", children: "Close" }) })
+  ] });
+};
+
+// src/components/Card/Module/CardActions.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var ModuleCardActions = ({ children, module: module2, sx, ...props }) => {
+  const [discoverDialogOpen, setDiscoverDialogOpen] = (0, import_react.useState)(false);
+  const config = module2?.config;
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_material2.CardActions, { sx: { alignItems: "stretch", flexDirection: "column", ml: 1, ...sx }, ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_react_flexbox.FlexGrowRow, { justifyContent: "space-between", alignItems: "center", children: [
+      module2 ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_material2.Chip, { label: config?.schema, size: "small" }) : null,
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_button.ButtonEx, { onClick: () => setDiscoverDialogOpen(true), size: "small", variant: "outlined", children: "Discover" }),
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(DiscoverDialog, { fullWidth: true, maxWidth: "md", module: module2, open: discoverDialogOpen, setOpen: setDiscoverDialogOpen })
+    ] }),
+    children
+  ] });
+};
+
+// src/components/Card/Module/CardContent.tsx
+var import_material3 = require("@mui/material");
+var import_jsx_runtime3 = require("react/jsx-runtime");
+var ModuleCardContent = ({ children, ...props }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_material3.CardContent, { ...props, children });
+};
+
+// src/components/Card/Module/CardHeader.tsx
+var import_material4 = require("@mui/material");
+var import_react_shared = require("@xyo-network/react-shared");
+var import_jsx_runtime4 = require("react/jsx-runtime");
+var getModuleIcons = (moduleType, module2) => {
+  return module2?.queries.find((query) => query.startsWith(`network.xyo.query.${moduleType}`)) ? (0, import_react_shared.findNetworkComponent)(moduleType)?.icon : null;
+};
+var ModuleCardHeader = ({ subheader, avatar, title, module: module2, ...props }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+    import_material4.CardHeader,
+    {
+      title: title ?? module2?.config.name ?? "Module",
+      subheader: subheader ?? module2?.address,
+      avatar: avatar ?? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_jsx_runtime4.Fragment, { children: module2 ? ["sentinel", "bridge", "archivist", "diviner", "node", "witness"].map((moduleType) => {
+        const Icon = getModuleIcons(moduleType, module2);
+        return Icon ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Icon, { fontSize: "large", color: "primary" }) : null;
+      }) : null }),
+      ...props
+    }
+  );
+};
+
+// src/components/Card/Module/Card.tsx
+var import_jsx_runtime5 = require("react/jsx-runtime");
+var ModuleCard = ({ module: module2, ...props }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_material5.Card, { ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(ModuleCardHeader, { module: module2 }),
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(ModuleCardContent, { module: module2 }),
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(ModuleCardActions, { module: module2 })
+  ] });
+};
+//# sourceMappingURL=index.cjs.map