@xyo-network/react-powered-by-xyo 2.61.0 → 2.62.3

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/img/index.ts"],"names":[],"mappings":"AAAA,OAAO,YAAY,MAAM,sBAAsB,CAAA;AAC/C,OAAO,gBAAgB,MAAM,gCAAgC,CAAA;AAE7D,OAAO,EAAE,YAAY,EAAE,gBAAgB,EAAE,CAAA"}

package/dist/{esm/img/index.js → img/index.d.ts}

@@ -1,4 +1,4 @@
 import xyoColorLogo from './xyo-color-logo.svg';
 import xyoColorLogoText from './xyo-color-logo-text-only.svg';
 export { xyoColorLogo, xyoColorLogoText };
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/img/index.ts"],"names":[],"mappings":"AAAA,OAAO,YAAY,MAAM,sBAAsB,CAAA;AAC/C,OAAO,gBAAgB,MAAM,gCAAgC,CAAA;AAE7D,OAAO,EAAE,YAAY,EAAE,gBAAgB,EAAE,CAAA"}

package/dist/index.d.mts.map

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

package/dist/index.d.ts

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

package/dist/{types/index.d.ts.map → index.d.ts.map}

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

package/dist/index.js

@@ -0,0 +1,439 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var src_exports = {};
+__export(src_exports, {
+  ArchivistSummary: () => ArchivistSummary,
+  BridgeSummary: () => BridgeSummary,
+  DebugDialog: () => DebugDialog,
+  DivinerSummary: () => DivinerSummary,
+  ModuleAccordion: () => ModuleAccordion,
+  ModuleDetails: () => ModuleDetails,
+  ModuleSummary: () => ModuleSummary,
+  NodeDetails: () => NodeDetails,
+  PoweredByXyo: () => PoweredByXyo,
+  PoweredByXyoButton: () => PoweredByXyoButton,
+  SentinelSummary: () => SentinelSummary,
+  TypedModuleSummary: () => TypedModuleSummary,
+  WitnessSummary: () => WitnessSummary,
+  XyoBusy: () => XyoBusy
+});
+module.exports = __toCommonJS(src_exports);
+
+// src/components/ArchivistSummary.tsx
+var import_Inventory2Rounded = __toESM(require("@mui/icons-material/Inventory2Rounded"));
+
+// src/components/ModuleSummary.tsx
+var import_Extension = __toESM(require("@mui/icons-material/Extension"));
+var import_delay = require("@xylabs/delay");
+var import_react_flexbox = require("@xylabs/react-flexbox");
+var import_react_node = require("@xyo-network/react-node");
+var import_react_shared = require("@xyo-network/react-shared");
+var import_react = require("react");
+var import_jsx_runtime = require("react/jsx-runtime");
+var ModuleSummary = ({ children, icon, module: module2, ...props }) => {
+  const [downModules] = (0, import_react_node.useModulesFromNode)(void 0, { direction: "down" });
+  const [upModules] = (0, import_react_node.useModulesFromNode)(void 0, { direction: "up" });
+  const [busy, setBusy] = (0, import_react.useState)(false);
+  const downModulesFromResolve = downModules?.length;
+  const upModulesFromResolve = upModules?.length;
+  module2?.on("moduleBusy", async ({ busy: busy2 }) => {
+    setBusy(busy2);
+    await (0, import_delay.delay)(2e3);
+    setBusy(false);
+  });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_flexbox.FlexCol, { alignItems: "stretch", width: "100%", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react_flexbox.FlexRow, { justifyContent: "flex-start", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react_flexbox.FlexRow, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_shared.TypographyEx, { color: busy ? "gray" : void 0, children: icon ?? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Extension.default, {}) }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_shared.TypographyEx, { marginX: 1, children: module2?.config?.name ?? "<Unknown>" })
+    ] }),
+    children ?? (downModulesFromResolve !== void 0 && upModulesFromResolve !== void 0) ? `[${downModulesFromResolve}\u2193/${upModulesFromResolve}\u2191]` : null
+  ] }) });
+};
+
+// src/components/ArchivistSummary.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var ArchivistSummary = ({ module: module2, ...props }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(ModuleSummary, { module: module2, icon: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_Inventory2Rounded.default, {}), ...props });
+};
+
+// src/components/BridgeSummary.tsx
+var import_InsertLinkRounded = __toESM(require("@mui/icons-material/InsertLinkRounded"));
+var import_jsx_runtime3 = require("react/jsx-runtime");
+var BridgeSummary = ({ module: module2, ...props }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(ModuleSummary, { module: module2, icon: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_InsertLinkRounded.default, {}), ...props });
+};
+
+// src/components/DebugDialog.tsx
+var import_material4 = require("@mui/material");
+
+// src/components/NodeDetails.tsx
+var import_react_flexbox3 = require("@xylabs/react-flexbox");
+var import_react_node3 = require("@xyo-network/react-node");
+
+// src/components/ModuleAccordion.tsx
+var import_ExpandMore = __toESM(require("@mui/icons-material/ExpandMore"));
+var import_material3 = require("@mui/material");
+
+// src/components/ModuleDetails.tsx
+var import_material2 = require("@mui/material");
+var import_react_button2 = require("@xylabs/react-button");
+var import_react_flexbox2 = require("@xylabs/react-flexbox");
+var import_react_promise = require("@xylabs/react-promise");
+var import_react_property = require("@xyo-network/react-property");
+
+// src/components/JsonViewerButton.tsx
+var import_material = require("@mui/material");
+var import_react_button = require("@xylabs/react-button");
+var import_react2 = require("react");
+var import_react_json_view = __toESM(require("react-json-view"));
+var import_jsx_runtime4 = require("react/jsx-runtime");
+var JsonViewerButton = ({ children, jsonViewProps, src, title, ...props }) => {
+  const [open, setOpen] = (0, import_react2.useState)(false);
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_button.ButtonEx, { onClick: () => setOpen(!open), ...props, children: children ?? "JSON" }),
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_material.Dialog, { open, onClose: () => setOpen(false), children: [
+      title ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_material.DialogTitle, { children: title }) : null,
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_material.DialogContent, { children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_json_view.default, { src, ...jsonViewProps }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_material.DialogActions, { children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_button.ButtonEx, { onClick: () => setOpen(false), children: "Close" }) })
+    ] })
+  ] });
+};
+
+// src/components/ModuleDetails.tsx
+var import_jsx_runtime5 = require("react/jsx-runtime");
+var ModuleDetails = ({ module: module2, ...props }) => {
+  const [manifest] = (0, import_react_promise.usePromise)(async () => {
+    return await module2?.manifest();
+  }, [module2]);
+  const [discover] = (0, import_react_promise.usePromise)(async () => {
+    return await module2?.discover();
+  }, [module2]);
+  const [describe] = (0, import_react_promise.usePromise)(async () => {
+    return await module2?.describe();
+  }, [module2]);
+  const queries = module2?.queries;
+  const config = module2?.config;
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_react_flexbox2.FlexCol, { alignItems: "stretch", ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react_property.Property, { title: "Address", value: module2?.address }),
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_react_flexbox2.FlexRow, { gap: 1, justifyContent: "space-between", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_material2.ButtonGroup, { children: [
+        manifest ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(JsonViewerButton, { variant: "contained", src: manifest, children: "Manifest" }) : null,
+        config ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(JsonViewerButton, { variant: "contained", src: config, children: "Config" }) : null,
+        discover ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(JsonViewerButton, { variant: "contained", src: discover, children: "Discover" }) : null,
+        describe ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(JsonViewerButton, { variant: "contained", src: describe, children: "Describe" }) : null,
+        queries ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(JsonViewerButton, { variant: "contained", src: queries, children: "Queries" }) : null
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_material2.ButtonGroup, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react_button2.ButtonEx, { target: "_blank", href: `https://explore.xyo.network/block?network=main&address=${module2?.address}`, variant: "outlined", children: "Main" }),
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react_button2.ButtonEx, { target: "_blank", href: `https://beta.explore.xyo.network/block?network=kerplunk&address=${module2?.address}`, variant: "outlined", children: "Kerplunk" }),
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react_button2.ButtonEx, { target: "_blank", href: `https://beta.explore.xyo.network/block?network=local&address=${module2?.address}`, variant: "outlined", children: "Local" })
+      ] })
+    ] })
+  ] });
+};
+
+// src/components/TypedModuleSummary.tsx
+var import_archivist_model = require("@xyo-network/archivist-model");
+var import_bridge_model = require("@xyo-network/bridge-model");
+var import_diviner_model = require("@xyo-network/diviner-model");
+var import_node_model = require("@xyo-network/node-model");
+var import_sentinel = require("@xyo-network/sentinel");
+var import_witness_model = require("@xyo-network/witness-model");
+
+// src/components/DivinerSummary.tsx
+var import_BubbleChartRounded = __toESM(require("@mui/icons-material/BubbleChartRounded"));
+var import_jsx_runtime6 = require("react/jsx-runtime");
+var DivinerSummary = ({ module: module2, ...props }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(ModuleSummary, { module: module2, icon: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_BubbleChartRounded.default, {}), ...props });
+};
+
+// src/components/NodeSummary.tsx
+var import_HubRounded = __toESM(require("@mui/icons-material/HubRounded"));
+var import_react_promise2 = require("@xylabs/react-promise");
+var import_react_node2 = require("@xyo-network/react-node");
+var import_jsx_runtime7 = require("react/jsx-runtime");
+var NodeSummary = ({ module: module2, ...props }) => {
+  const [manifest] = (0, import_react_promise2.usePromise)(async () => {
+    return await module2?.manifest();
+  }, [module2]);
+  const [downModules] = (0, import_react_node2.useModulesFromNode)(void 0, { direction: "down" });
+  const [upModules] = (0, import_react_node2.useModulesFromNode)(void 0, { direction: "up" });
+  const downModulesFromResolve = downModules?.length;
+  const upModulesFromResolve = upModules?.length;
+  const manifestPublicModules = manifest?.modules?.public?.length;
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(ModuleSummary, { module: module2, icon: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_HubRounded.default, {}), ...props, children: manifestPublicModules !== void 0 && downModulesFromResolve !== void 0 && upModulesFromResolve !== void 0 ? `[${manifestPublicModules}m/${downModulesFromResolve}\u2193/${upModulesFromResolve}\u2191]` : null });
+};
+
+// src/components/SentinelSummary.tsx
+var import_TimerRounded = __toESM(require("@mui/icons-material/TimerRounded"));
+var import_jsx_runtime8 = require("react/jsx-runtime");
+var SentinelSummary = ({ module: module2, ...props }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(ModuleSummary, { module: module2, icon: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_TimerRounded.default, {}), ...props });
+};
+
+// src/components/WitnessSummary.tsx
+var import_VisibilityRounded = __toESM(require("@mui/icons-material/VisibilityRounded"));
+var import_jsx_runtime9 = require("react/jsx-runtime");
+var WitnessSummary = ({ module: module2, ...props }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(ModuleSummary, { module: module2, icon: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_VisibilityRounded.default, {}), ...props });
+};
+
+// src/components/TypedModuleSummary.tsx
+var import_jsx_runtime10 = require("react/jsx-runtime");
+var TypedModuleSummary = ({ module: module2, ...props }) => {
+  if ((0, import_archivist_model.isArchivistInstance)(module2)) {
+    return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(ArchivistSummary, { module: module2, ...props });
+  }
+  if ((0, import_diviner_model.isDivinerInstance)(module2)) {
+    return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(DivinerSummary, { module: module2, ...props });
+  }
+  if ((0, import_node_model.isNodeInstance)(module2)) {
+    return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(NodeSummary, { module: module2, ...props });
+  }
+  if ((0, import_witness_model.isWitnessInstance)(module2)) {
+    return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(WitnessSummary, { module: module2, ...props });
+  }
+  if ((0, import_bridge_model.isBridgeInstance)(module2)) {
+    return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(BridgeSummary, { module: module2, ...props });
+  }
+  if ((0, import_sentinel.isSentinelInstance)(module2)) {
+    return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(SentinelSummary, { module: module2, ...props });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(ModuleSummary, { module: module2, ...props });
+};
+
+// src/components/ModuleAccordion.tsx
+var import_jsx_runtime11 = require("react/jsx-runtime");
+var ModuleAccordion = ({ module: module2, ...props }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_material3.Accordion, { ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_material3.AccordionSummary, { expandIcon: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_ExpandMore.default, {}), children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(TypedModuleSummary, { module: module2 }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_material3.AccordionDetails, { children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(ModuleDetails, { module: module2 }) })
+  ] });
+};
+
+// src/components/NodeDetails.tsx
+var import_jsx_runtime12 = require("react/jsx-runtime");
+var NodeDetails = ({ module: module2, ...props }) => {
+  const [node = module2] = (0, import_react_node3.useProvidedNode)();
+  const [children] = (0, import_react_node3.useModulesFromNode)(void 0, { node: node ?? void 0 });
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react_flexbox3.FlexCol, { alignItems: "stretch", ...props, children: children ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_jsx_runtime12.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react_flexbox3.FlexCol, { alignItems: "stretch", marginY: 1, children: children?.map((child) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(ModuleAccordion, { module: child }, child.address)) }) }) : null });
+};
+
+// src/components/DebugDialog.tsx
+var import_jsx_runtime13 = require("react/jsx-runtime");
+var DebugDialog = ({ onClose, ...props }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_material4.Dialog, { ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_material4.DialogTitle, { children: "Xyo Module Viewer" }),
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_material4.DialogContent, { children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(NodeDetails, { width: "100%" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_material4.DialogActions, { children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_material4.Button, { onClick: (event) => onClose?.(event, "backdropClick"), children: "Close" }) })
+  ] });
+};
+
+// src/components/PoweredByXyo.tsx
+var import_material6 = require("@mui/material");
+var import_delay2 = require("@xylabs/delay");
+var import_forget = require("@xylabs/forget");
+var import_react_async_effect = require("@xylabs/react-async-effect");
+var import_react_flexbox6 = require("@xylabs/react-flexbox");
+var import_react_node4 = require("@xyo-network/react-node");
+var import_react5 = require("react");
+
+// src/components/PoweredByXyoButton.tsx
+var import_material5 = require("@mui/material");
+var import_react_button3 = require("@xylabs/react-button");
+var import_react_flexbox5 = require("@xylabs/react-flexbox");
+var import_react4 = require("react");
+
+// src/img/xyo-color-logo.svg
+var xyo_color_logo_default = "./xyo-color-logo-LHR2SMEM.svg";
+
+// src/img/xyo-color-logo-text-only.svg
+var xyo_color_logo_text_only_default = "./xyo-color-logo-text-only-QPAW5BSQ.svg";
+
+// src/components/XyoBusy.tsx
+var import_react_flexbox4 = require("@xylabs/react-flexbox");
+var import_react3 = require("react");
+var import_jsx_runtime14 = require("react/jsx-runtime");
+var XyoBusy = ({ widthInPixels, busy, spinsPerSecond = 0.5, ...props }) => {
+  const [imageLoaded, setImageLoaded] = (0, import_react3.useState)(false);
+  if (!imageLoaded) {
+    const img = new Image();
+    img.onload = () => setImageLoaded(true);
+    img.src = xyo_color_logo_default;
+  }
+  return imageLoaded ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+    import_react_flexbox4.FlexCol,
+    {
+      sx: {
+        "@keyframes spin": {
+          "0%": {
+            transform: "rotate(360deg)"
+          },
+          "100%": {
+            transform: "rotate(0deg)"
+          }
+        },
+        animation: busy ? `spin ${1 / spinsPerSecond}s linear infinite` : void 0,
+        animationDirection: "reverse"
+      },
+      ...props,
+      children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("img", { src: xyo_color_logo_default, height: widthInPixels ?? 22 })
+    }
+  ) : null;
+};
+
+// src/components/PoweredByXyoButton.tsx
+var import_jsx_runtime15 = require("react/jsx-runtime");
+var PoweredByXyoButton = ({
+  busy = false,
+  href,
+  logoHeight,
+  logoTextSize,
+  sx,
+  target = "_blank",
+  variant = "text",
+  ...props
+}) => {
+  const [imageLoaded, setImageLoaded] = (0, import_react4.useState)(false);
+  const img = new Image();
+  img.onload = () => setImageLoaded(true);
+  img.src = xyo_color_logo_text_only_default;
+  return imageLoaded ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_react_button3.ButtonEx, { href, target, variant, sx: { borderRadius: 0, padding: 0, ...sx }, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_react_flexbox5.FlexCol, { padding: 0.5, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_material5.Typography, { style: { fontSize: logoTextSize ?? 10 }, fontSize: "small", children: "Powered by" }),
+    /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_react_flexbox5.FlexRow, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(XyoBusy, { busy }),
+      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("img", { src: xyo_color_logo_text_only_default, height: logoHeight ?? 24, width: 45 })
+    ] })
+  ] }) }) : null;
+};
+
+// src/components/PoweredByXyo.tsx
+var import_jsx_runtime16 = require("react/jsx-runtime");
+var PoweredByXyo = ({
+  autoStop,
+  busy,
+  buttonProps = {},
+  debugDialog = false,
+  disableAnimation = false,
+  href = "https://xyo.network",
+  logoHeight,
+  logoTextSize,
+  onButtonClick,
+  node: propNode,
+  ...props
+}) => {
+  const [node] = (0, import_react_node4.useProvidedNode)();
+  const [debugDialogOpen, setDebugDialogOpen] = (0, import_react5.useState)(false);
+  const busyMap = (0, import_react5.useMemo)(() => ({}), [node]);
+  const activeBusy = busy ?? Object.values(busyMap).reduce((prev, value) => prev || value, false);
+  const activeOnButtonClick = (debugDialog ? (event) => {
+    if (event.shiftKey && event.altKey) {
+      setDebugDialogOpen(true);
+    } else if (href) {
+      window.open(href);
+    }
+  } : void 0) ?? onButtonClick;
+  const activeHref = activeOnButtonClick ? void 0 : href;
+  const onKeyDownEscListener = (event) => {
+    if (event.key === "Escape" && debugDialogOpen) {
+      setDebugDialogOpen(false);
+    }
+  };
+  (0, import_react_async_effect.useAsyncEffect)(
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    async () => {
+      const activeNode = propNode ?? node;
+      if (disableAnimation) {
+        return;
+      } else if (activeNode) {
+        const mods = await activeNode?.resolve();
+        mods?.map((mod) => {
+          mod.on("moduleBusy", ({ module: module2, busy: busy2 }) => {
+            busyMap[module2.address] = busy2;
+            if (autoStop) {
+              (0, import_forget.forget)(
+                (async () => {
+                  await (0, import_delay2.delay)(1e3);
+                  busyMap[module2.address] = false;
+                })()
+              );
+            }
+          });
+        });
+        activeNode?.on("moduleBusy", ({ module: module2, busy: busy2 }) => {
+          busyMap[module2.address] = busy2;
+          if (autoStop) {
+            (0, import_forget.forget)(
+              (async () => {
+                await (0, import_delay2.delay)(1e3);
+                busyMap[module2.address] = false;
+              })()
+            );
+          }
+        });
+      }
+    },
+    [disableAnimation, propNode, node, busyMap, autoStop]
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_react_flexbox6.FlexCol, { alignItems: "stretch", position: "absolute", bottom: "0", left: "0", ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_material6.Paper, { sx: { borderRadius: 0 }, children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+      PoweredByXyoButton,
+      {
+        onClick: activeOnButtonClick,
+        href: activeHref,
+        busy: activeBusy,
+        logoHeight,
+        logoTextSize,
+        fullWidth: true,
+        ...buttonProps
+      }
+    ) }),
+    debugDialog ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(DebugDialog, { fullScreen: true, open: debugDialogOpen, onClose: () => setDebugDialogOpen(false), onKeyDown: onKeyDownEscListener }) : null
+  ] });
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ArchivistSummary,
+  BridgeSummary,
+  DebugDialog,
+  DivinerSummary,
+  ModuleAccordion,
+  ModuleDetails,
+  ModuleSummary,
+  NodeDetails,
+  PoweredByXyo,
+  PoweredByXyoButton,
+  SentinelSummary,
+  TypedModuleSummary,
+  WitnessSummary,
+  XyoBusy
+});
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.ts","../src/components/ArchivistSummary.tsx","../src/components/ModuleSummary.tsx","../src/components/BridgeSummary.tsx","../src/components/DebugDialog.tsx","../src/components/NodeDetails.tsx","../src/components/ModuleAccordion.tsx","../src/components/ModuleDetails.tsx","../src/components/JsonViewerButton.tsx","../src/components/TypedModuleSummary.tsx","../src/components/DivinerSummary.tsx","../src/components/NodeSummary.tsx","../src/components/SentinelSummary.tsx","../src/components/WitnessSummary.tsx","../src/components/PoweredByXyo.tsx","../src/components/PoweredByXyoButton.tsx","../src/components/XyoBusy.tsx"],"sourcesContent":["export * from './components'\n","import Inventory2RoundedIcon from '@mui/icons-material/Inventory2Rounded'\nimport { ArchivistInstance } from '@xyo-network/archivist-model'\n\nimport { ModuleSummary, ModuleSummaryProps } from './ModuleSummary'\n\nexport const ArchivistSummary: React.FC<ModuleSummaryProps<ArchivistInstance>> = ({ module, ...props }) => {\n  return <ModuleSummary module={module} icon={<Inventory2RoundedIcon />} {...props} />\n}\n","import ExtensionIcon from '@mui/icons-material/Extension'\nimport { delay } from '@xylabs/delay'\nimport { FlexBoxProps, FlexCol, FlexRow } from '@xylabs/react-flexbox'\nimport { ModuleInstance } from '@xyo-network/module-model'\nimport { useModulesFromNode } from '@xyo-network/react-node'\nimport { TypographyEx } from '@xyo-network/react-shared'\nimport { ReactNode, useState } from 'react'\n\nexport interface ModuleSummaryProps<T extends ModuleInstance = ModuleInstance> extends FlexBoxProps {\n  icon?: ReactNode\n  module?: T\n}\n\nexport const ModuleSummary: React.FC<ModuleSummaryProps> = ({ children, icon, module, ...props }) => {\n  const [downModules] = useModulesFromNode(undefined, { direction: 'down' })\n  const [upModules] = useModulesFromNode(undefined, { direction: 'up' })\n  const [busy, setBusy] = useState(false)\n\n  const downModulesFromResolve = downModules?.length\n  const upModulesFromResolve = upModules?.length\n\n  module?.on('moduleBusy', async ({ busy }) => {\n    setBusy(busy)\n    await delay(2000)\n    setBusy(false)\n  })\n\n  return (\n    <FlexCol alignItems=\"stretch\" width=\"100%\" {...props}>\n      <FlexRow justifyContent=\"flex-start\">\n        <FlexRow>\n          <TypographyEx color={busy ? 'gray' : undefined}>{icon ?? <ExtensionIcon />}</TypographyEx>\n          <TypographyEx marginX={1}>{module?.config?.name ?? '<Unknown>'}</TypographyEx>\n        </FlexRow>\n        {children ?? (downModulesFromResolve !== undefined && upModulesFromResolve !== undefined)\n          ? `[${downModulesFromResolve}↓/${upModulesFromResolve}↑]`\n          : null}\n      </FlexRow>\n    </FlexCol>\n  )\n}\n","import InsertLinkRoundedIcon from '@mui/icons-material/InsertLinkRounded'\nimport { BridgeInstance } from '@xyo-network/bridge-model'\n\nimport { ModuleSummary, ModuleSummaryProps } from './ModuleSummary'\n\nexport const BridgeSummary: React.FC<ModuleSummaryProps<BridgeInstance>> = ({ module, ...props }) => {\n  return <ModuleSummary module={module} icon={<InsertLinkRoundedIcon />} {...props}></ModuleSummary>\n}\n","import { Button, Dialog, DialogActions, DialogContent, DialogProps, DialogTitle } from '@mui/material'\n\nimport { NodeDetails } from './NodeDetails'\n\nexport interface DebugDialogProps extends DialogProps {}\n\nexport const DebugDialog: React.FC<DebugDialogProps> = ({ onClose, ...props }) => {\n  return (\n    <Dialog {...props}>\n      <DialogTitle>Xyo Module Viewer</DialogTitle>\n      <DialogContent>\n        <NodeDetails width=\"100%\" />\n      </DialogContent>\n      <DialogActions>\n        <Button onClick={(event) => onClose?.(event, 'backdropClick')}>Close</Button>\n      </DialogActions>\n    </Dialog>\n  )\n}\n","import { FlexCol } from '@xylabs/react-flexbox'\nimport { NodeInstance } from '@xyo-network/node-model'\nimport { useModulesFromNode, useProvidedNode } from '@xyo-network/react-node'\n\nimport { ModuleAccordion } from './ModuleAccordion'\nimport { ModuleDetailsProps } from './ModuleDetails'\n\nexport interface NodeViewerProps extends ModuleDetailsProps<NodeInstance> {}\n\nexport const NodeDetails: React.FC<NodeViewerProps> = ({ module, ...props }) => {\n  const [node = module] = useProvidedNode()\n\n  const [children] = useModulesFromNode(undefined, { node: node ?? undefined })\n\n  return (\n    <FlexCol alignItems=\"stretch\" {...props}>\n      {children ? (\n        <>\n          <FlexCol alignItems=\"stretch\" marginY={1}>\n            {children?.map((child) => <ModuleAccordion key={child.address} module={child} />)}\n          </FlexCol>\n        </>\n      ) : null}\n    </FlexCol>\n  )\n}\n","import ExpandMoreIcon from '@mui/icons-material/ExpandMore'\nimport { ModuleInstance } from '@xyo-network/module-model'\n\nexport interface ModuleAccordionProps<T extends ModuleInstance = ModuleInstance> extends Omit<AccordionProps, 'children'> {\n  module?: T\n}\n\nimport { Accordion, AccordionDetails, AccordionProps, AccordionSummary } from '@mui/material'\n\nimport { ModuleDetails } from './ModuleDetails'\nimport { TypedModuleSummary } from './TypedModuleSummary'\n\nexport const ModuleAccordion: React.FC<ModuleAccordionProps> = ({ module, ...props }) => {\n  return (\n    <Accordion {...props}>\n      <AccordionSummary expandIcon={<ExpandMoreIcon />}>\n        <TypedModuleSummary module={module} />\n      </AccordionSummary>\n      <AccordionDetails>\n        <ModuleDetails module={module} />\n      </AccordionDetails>\n    </Accordion>\n  )\n}\n","import { ButtonGroup } from '@mui/material'\nimport { ButtonEx } from '@xylabs/react-button'\nimport { FlexBoxProps, FlexCol, FlexRow } from '@xylabs/react-flexbox'\nimport { usePromise } from '@xylabs/react-promise'\nimport { ModuleInstance } from '@xyo-network/module-model'\nimport { Property } from '@xyo-network/react-property'\n\nimport { JsonViewerButton } from './JsonViewerButton'\n\nexport interface ModuleDetailsProps<T extends ModuleInstance = ModuleInstance> extends FlexBoxProps {\n  module?: T\n}\n\nexport const ModuleDetails: React.FC<ModuleDetailsProps> = ({ module, ...props }) => {\n  const [manifest] = usePromise(async () => {\n    return await module?.manifest()\n  }, [module])\n\n  const [discover] = usePromise(async () => {\n    return await module?.discover()\n  }, [module])\n\n  const [describe] = usePromise(async () => {\n    return await module?.describe()\n  }, [module])\n\n  const queries = module?.queries\n\n  const config = module?.config\n\n  return (\n    <FlexCol alignItems=\"stretch\" {...props}>\n      <Property title=\"Address\" value={module?.address} />\n\n      <FlexRow gap={1} justifyContent=\"space-between\">\n        <ButtonGroup>\n          {manifest ? (\n            <JsonViewerButton variant=\"contained\" src={manifest}>\n              Manifest\n            </JsonViewerButton>\n          ) : null}\n          {config ? (\n            <JsonViewerButton variant=\"contained\" src={config}>\n              Config\n            </JsonViewerButton>\n          ) : null}\n          {discover ? (\n            <JsonViewerButton variant=\"contained\" src={discover}>\n              Discover\n            </JsonViewerButton>\n          ) : null}\n          {describe ? (\n            <JsonViewerButton variant=\"contained\" src={describe}>\n              Describe\n            </JsonViewerButton>\n          ) : null}\n          {queries ? (\n            <JsonViewerButton variant=\"contained\" src={queries}>\n              Queries\n            </JsonViewerButton>\n          ) : null}\n        </ButtonGroup>\n        <ButtonGroup>\n          <ButtonEx target=\"_blank\" href={`https://explore.xyo.network/block?network=main&address=${module?.address}`} variant=\"outlined\">\n            Main\n          </ButtonEx>\n          <ButtonEx target=\"_blank\" href={`https://beta.explore.xyo.network/block?network=kerplunk&address=${module?.address}`} variant=\"outlined\">\n            Kerplunk\n          </ButtonEx>\n          <ButtonEx target=\"_blank\" href={`https://beta.explore.xyo.network/block?network=local&address=${module?.address}`} variant=\"outlined\">\n            Local\n          </ButtonEx>\n        </ButtonGroup>\n      </FlexRow>\n    </FlexCol>\n  )\n}\n","import { Dialog, DialogActions, DialogContent, DialogTitle } from '@mui/material'\nimport { ButtonEx, ButtonExProps } from '@xylabs/react-button'\nimport { useState } from 'react'\nimport JsonView, { ReactJsonViewProps } from 'react-json-view'\n\nexport interface JsonViewerButtonProps extends ButtonExProps {\n  jsonViewProps?: Partial<ReactJsonViewProps>\n  src: object\n}\n\nexport const JsonViewerButton: React.FC<JsonViewerButtonProps> = ({ children, jsonViewProps, src, title, ...props }) => {\n  const [open, setOpen] = useState(false)\n  return (\n    <>\n      <ButtonEx onClick={() => setOpen(!open)} {...props}>\n        {children ?? 'JSON'}\n      </ButtonEx>\n      <Dialog open={open} onClose={() => setOpen(false)}>\n        {title ? <DialogTitle>{title}</DialogTitle> : null}\n        <DialogContent>\n          <JsonView src={src} {...jsonViewProps} />\n        </DialogContent>\n        <DialogActions>\n          <ButtonEx onClick={() => setOpen(false)}>Close</ButtonEx>\n        </DialogActions>\n      </Dialog>\n    </>\n  )\n}\n","import { isArchivistInstance } from '@xyo-network/archivist-model'\nimport { isBridgeInstance } from '@xyo-network/bridge-model'\nimport { isDivinerInstance } from '@xyo-network/diviner-model'\nimport { isNodeInstance } from '@xyo-network/node-model'\nimport { isSentinelInstance } from '@xyo-network/sentinel'\nimport { isWitnessInstance } from '@xyo-network/witness-model'\n\nimport { ArchivistSummary } from './ArchivistSummary'\nimport { BridgeSummary } from './BridgeSummary'\nimport { DivinerSummary } from './DivinerSummary'\nimport { ModuleSummary, ModuleSummaryProps } from './ModuleSummary'\nimport { NodeSummary } from './NodeSummary'\nimport { SentinelSummary } from './SentinelSummary'\nimport { WitnessSummary } from './WitnessSummary'\n\nexport const TypedModuleSummary: React.FC<ModuleSummaryProps> = ({ module, ...props }) => {\n  if (isArchivistInstance(module)) {\n    return <ArchivistSummary module={module} {...props} />\n  }\n  if (isDivinerInstance(module)) {\n    return <DivinerSummary module={module} {...props} />\n  }\n  if (isNodeInstance(module)) {\n    return <NodeSummary module={module} {...props} />\n  }\n  if (isWitnessInstance(module)) {\n    return <WitnessSummary module={module} {...props} />\n  }\n  if (isBridgeInstance(module)) {\n    return <BridgeSummary module={module} {...props} />\n  }\n  if (isSentinelInstance(module)) {\n    return <SentinelSummary module={module} {...props} />\n  }\n  return <ModuleSummary module={module} {...props} />\n}\n","import BubbleChartRoundedIcon from '@mui/icons-material/BubbleChartRounded'\nimport { DivinerInstance } from '@xyo-network/diviner-model'\n\nimport { ModuleSummary, ModuleSummaryProps } from './ModuleSummary'\n\nexport const DivinerSummary: React.FC<ModuleSummaryProps<DivinerInstance>> = ({ module, ...props }) => {\n  return <ModuleSummary module={module} icon={<BubbleChartRoundedIcon />} {...props} />\n}\n","import HubRoundedIcon from '@mui/icons-material/HubRounded'\nimport { usePromise } from '@xylabs/react-promise'\nimport { NodeInstance } from '@xyo-network/node-model'\nimport { useModulesFromNode } from '@xyo-network/react-node'\n\nimport { ModuleSummary, ModuleSummaryProps } from './ModuleSummary'\n\nexport const NodeSummary: React.FC<ModuleSummaryProps<NodeInstance>> = ({ module, ...props }) => {\n  const [manifest] = usePromise(async () => {\n    return await module?.manifest()\n  }, [module])\n\n  const [downModules] = useModulesFromNode(undefined, { direction: 'down' })\n  const [upModules] = useModulesFromNode(undefined, { direction: 'up' })\n\n  const downModulesFromResolve = downModules?.length\n  const upModulesFromResolve = upModules?.length\n\n  const manifestPublicModules = manifest?.modules?.public?.length\n\n  return (\n    <ModuleSummary module={module} icon={<HubRoundedIcon />} {...props}>\n      {manifestPublicModules !== undefined && downModulesFromResolve !== undefined && upModulesFromResolve !== undefined\n        ? `[${manifestPublicModules}m/${downModulesFromResolve}↓/${upModulesFromResolve}↑]`\n        : null}\n    </ModuleSummary>\n  )\n}\n","import TimerRoundedIcon from '@mui/icons-material/TimerRounded'\nimport { SentinelInstance } from '@xyo-network/sentinel'\n\nimport { ModuleSummary, ModuleSummaryProps } from './ModuleSummary'\n\nexport const SentinelSummary: React.FC<ModuleSummaryProps<SentinelInstance>> = ({ module, ...props }) => {\n  return <ModuleSummary module={module} icon={<TimerRoundedIcon />} {...props} />\n}\n","import VisibilityRoundedIcon from '@mui/icons-material/VisibilityRounded'\nimport { WitnessInstance } from '@xyo-network/witness-model'\n\nimport { ModuleSummary, ModuleSummaryProps } from './ModuleSummary'\n\nexport const WitnessSummary: React.FC<ModuleSummaryProps<WitnessInstance>> = ({ module, ...props }) => {\n  return <ModuleSummary module={module} icon={<VisibilityRoundedIcon />} {...props} />\n}\n","import { Paper } from '@mui/material'\nimport { delay } from '@xylabs/delay'\nimport { forget } from '@xylabs/forget'\nimport { useAsyncEffect } from '@xylabs/react-async-effect'\nimport { ButtonExProps } from '@xylabs/react-button'\nimport { FlexBoxProps, FlexCol } from '@xylabs/react-flexbox'\nimport { Module } from '@xyo-network/module-model'\nimport { NodeInstance } from '@xyo-network/node-model'\nimport { useProvidedNode } from '@xyo-network/react-node'\nimport { KeyboardEvent, useMemo, useState } from 'react'\n\nimport { DebugDialog } from './DebugDialog'\nimport { PoweredByXyoButton, PoweredByXyoButtonProps } from './PoweredByXyoButton'\n\nexport interface PoweredByXyoProps extends FlexBoxProps {\n  autoStop?: boolean\n  busy?: boolean\n  buttonProps?: PoweredByXyoButtonProps\n  debugDialog?: boolean\n  disableAnimation?: boolean\n  href?: ButtonExProps['href']\n  logoHeight?: number\n  logoTextSize?: number\n  node?: NodeInstance\n  onButtonClick?: ButtonExProps['onClick']\n}\n\nexport const PoweredByXyo: React.FC<PoweredByXyoProps> = ({\n  autoStop,\n  busy,\n  buttonProps = {},\n  debugDialog = false,\n  disableAnimation = false,\n  href = 'https://xyo.network',\n  logoHeight,\n  logoTextSize,\n  onButtonClick,\n  node: propNode,\n  ...props\n}) => {\n  const [node] = useProvidedNode()\n  const [debugDialogOpen, setDebugDialogOpen] = useState(false)\n\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  const busyMap: Record<string, boolean> = useMemo(() => ({}), [node])\n\n  const activeBusy = busy ?? Object.values(busyMap).reduce((prev, value) => prev || value, false)\n\n  const activeOnButtonClick: PoweredByXyoProps['onButtonClick'] =\n    (debugDialog\n      ? (event) => {\n          if (event.shiftKey && event.altKey) {\n            setDebugDialogOpen(true)\n          } else if (href) {\n            window.open(href)\n          }\n        }\n      : undefined) ?? onButtonClick\n\n  const activeHref = activeOnButtonClick ? undefined : href\n\n  const onKeyDownEscListener = (event: KeyboardEvent<HTMLDivElement>) => {\n    if (event.key === 'Escape' && debugDialogOpen) {\n      setDebugDialogOpen(false)\n    }\n  }\n\n  useAsyncEffect(\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    async () => {\n      const activeNode = propNode ?? node\n      if (disableAnimation) {\n        return\n      } else if (activeNode) {\n        const mods = await activeNode?.resolve()\n        mods?.map((mod) => {\n          mod.on('moduleBusy', ({ module, busy }) => {\n            busyMap[(module as Module).address] = busy\n            if (autoStop) {\n              forget(\n                (async () => {\n                  await delay(1000)\n                  busyMap[(module as Module).address] = false\n                })(),\n              )\n            }\n          })\n        })\n        activeNode?.on('moduleBusy', ({ module, busy }) => {\n          busyMap[(module as Module).address] = busy\n          if (autoStop) {\n            forget(\n              (async () => {\n                await delay(1000)\n                busyMap[(module as Module).address] = false\n              })(),\n            )\n          }\n        })\n      }\n    },\n    [disableAnimation, propNode, node, busyMap, autoStop],\n  )\n\n  return (\n    <FlexCol alignItems=\"stretch\" position=\"absolute\" bottom=\"0\" left=\"0\" {...props}>\n      <Paper sx={{ borderRadius: 0 }}>\n        <PoweredByXyoButton\n          onClick={activeOnButtonClick}\n          href={activeHref}\n          busy={activeBusy}\n          logoHeight={logoHeight}\n          logoTextSize={logoTextSize}\n          fullWidth\n          {...buttonProps}\n        />\n      </Paper>\n      {debugDialog ? (\n        <DebugDialog fullScreen open={debugDialogOpen} onClose={() => setDebugDialogOpen(false)} onKeyDown={onKeyDownEscListener} />\n      ) : null}\n    </FlexCol>\n  )\n}\n","import { Typography } from '@mui/material'\nimport { ButtonEx, ButtonExProps } from '@xylabs/react-button'\nimport { FlexCol, FlexRow } from '@xylabs/react-flexbox'\nimport { useState } from 'react'\n\nimport { xyoColorLogoText } from '../img'\nimport { XyoBusy } from './XyoBusy'\n\nexport interface PoweredByXyoButtonProps extends ButtonExProps {\n  busy?: boolean\n  logoHeight?: number\n  logoTextSize?: number\n}\n\nexport const PoweredByXyoButton: React.FC<PoweredByXyoButtonProps> = ({\n  busy = false,\n  href,\n  logoHeight,\n  logoTextSize,\n  sx,\n  target = '_blank',\n  variant = 'text',\n  ...props\n}) => {\n  //preloading image to prevent shifting\n  const [imageLoaded, setImageLoaded] = useState(false)\n  const img = new Image()\n  img.onload = () => setImageLoaded(true)\n  img.src = xyoColorLogoText\n  return imageLoaded ? (\n    <ButtonEx href={href} target={target} variant={variant} sx={{ borderRadius: 0, padding: 0, ...sx }} {...props}>\n      <FlexCol padding={0.5}>\n        <Typography style={{ fontSize: logoTextSize ?? 10 }} fontSize=\"small\">\n          Powered by\n        </Typography>\n        <FlexRow>\n          <XyoBusy busy={busy} />\n          <img src={xyoColorLogoText} height={logoHeight ?? 24} width={45} />\n        </FlexRow>\n      </FlexCol>\n    </ButtonEx>\n  ) : null\n}\n","import { FlexBoxProps, FlexCol } from '@xylabs/react-flexbox'\nimport { useState } from 'react'\n\nimport { xyoColorLogo } from '../img'\n\nexport type XyoBusyProps = Omit<FlexBoxProps, 'children'> & {\n  busy?: boolean\n  spinsPerSecond?: number\n  widthInPixels?: number\n}\n\nexport const XyoBusy: React.FC<XyoBusyProps> = ({ widthInPixels, busy, spinsPerSecond = 0.5, ...props }) => {\n  //preloading image to prevent shifting\n  const [imageLoaded, setImageLoaded] = useState(false)\n  if (!imageLoaded) {\n    const img = new Image()\n    img.onload = () => setImageLoaded(true)\n    img.src = xyoColorLogo\n  }\n  return imageLoaded ? (\n    <FlexCol\n      sx={{\n        '@keyframes spin': {\n          '0%': {\n            transform: 'rotate(360deg)',\n          },\n          '100%': {\n            transform: 'rotate(0deg)',\n          },\n        },\n        animation: busy ? `spin ${1 / spinsPerSecond}s linear infinite` : undefined,\n        animationDirection: 'reverse',\n      }}\n      {...props}\n    >\n      <img src={xyoColorLogo} height={widthInPixels ?? 22} />\n    </FlexCol>\n  ) : null\n}\n"],"mappings":"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","names":["module","busy","ExtensionIcon","import_jsx_runtime","module","Inventory2RoundedIcon","import_jsx_runtime","module","InsertLinkRoundedIcon","import_material","import_react_flexbox","import_react_node","import_material","import_material","import_react_button","import_react_flexbox","import_react","import_jsx_runtime","JsonView","import_jsx_runtime","module","import_jsx_runtime","module","BubbleChartRoundedIcon","import_react_promise","import_react_node","import_jsx_runtime","module","HubRoundedIcon","import_jsx_runtime","module","TimerRoundedIcon","import_jsx_runtime","module","VisibilityRoundedIcon","import_jsx_runtime","module","import_jsx_runtime","module","ExpandMoreIcon","import_jsx_runtime","module","import_jsx_runtime","import_material","import_delay","import_react_flexbox","import_react_node","import_react","import_material","import_react_button","import_react_flexbox","import_react","import_react_flexbox","import_react","import_jsx_runtime","import_jsx_runtime","import_jsx_runtime","module","busy"]}