@xyo-network/react-embed 2.77.0-rc.1 → 2.77.1

package/dist/node/index.cjs

@@ -1,536 +1,2 @@
-"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/index.ts
-var src_exports = {};
-__export(src_exports, {
-  ApiEmbedPluginCard: () => ApiEmbedPluginCard,
-  BusyCard: () => BusyCard,
-  EmbedCardHeader: () => EmbedCardHeader,
-  EmbedPlugin: () => EmbedPluginCard,
-  EmbedPluginCard: () => EmbedPluginCard,
-  EmbedPluginCardInner: () => EmbedPluginCardInner,
-  EmbedPluginContext: () => EmbedPluginContext,
-  EmbedPluginInner: () => EmbedPluginInner,
-  EmbedPluginProvider: () => EmbedPluginProvider,
-  RefreshPayloadProvider: () => RefreshPayloadProvider,
-  ResolvePayloadContext: () => ResolvePayloadContext,
-  ResolvePayloadProvider: () => ResolvePayloadProvider,
-  ValidatePayloadProvider: () => ValidatePayloadProvider,
-  useEmbedPluginState: () => useEmbedPluginState,
-  useRefreshPayload: () => useRefreshPayload,
-  useResolvePayload: () => useResolvePayload,
-  useValidatePayload: () => useValidatePayload
-});
-module.exports = __toCommonJS(src_exports);
-
-// src/components/embed-card/card/BusyCard.tsx
-var import_material = require("@mui/material");
-var import_react_flexbox = require("@xylabs/react-flexbox");
-var import_react_shared = require("@xylabs/react-shared");
-var import_jsx_runtime = require("react/jsx-runtime");
-var BusyCard = ({
-  busy,
-  busyMinimum = 500,
-  busyVariant = "circular",
-  busyVariantProps,
-  children,
-  ...props
-}) => {
-  const internalBusy = (0, import_react_flexbox.useBusyTiming)(busy, busyMinimum);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_material.Card, { ...props, children: [
-    children,
-    busyVariant === "circular" && internalBusy ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_shared.BusyCircularProgress, { ...busyVariantProps }) : null,
-    busyVariant === "linear" && internalBusy ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_shared.BusyLinearProgress, { ...busyVariantProps }) : null
-  ] });
-};
-
-// src/components/embed-card/card/EmbedCardHeader.tsx
-var import_icons_material3 = require("@mui/icons-material");
-var import_material5 = require("@mui/material");
-var import_react_flexbox2 = require("@xylabs/react-flexbox");
-
-// src/contexts/EmbedPluginContext/Context.tsx
-var import_react_shared2 = require("@xyo-network/react-shared");
-var EmbedPluginContext = (0, import_react_shared2.createContextEx)();
-
-// src/contexts/EmbedPluginContext/Provider.tsx
-var import_react = require("react");
-var import_jsx_runtime2 = require("react/jsx-runtime");
-var EmbedPluginProvider = ({
-  children,
-  refreshTitle,
-  timestampLabel,
-  hideElementsConfig,
-  plugins,
-  embedPluginConfig
-}) => {
-  const [activePlugin, setActivePlugin] = (0, import_react.useState)(plugins ? plugins[0] : void 0);
-  (0, import_react.useEffect)(() => {
-    setActivePlugin(plugins ? plugins[0] : void 0);
-  }, [plugins]);
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-    EmbedPluginContext.Provider,
-    {
-      value: {
-        activePlugin,
-        embedPluginConfig,
-        hideElementsConfig,
-        provided: true,
-        refreshTitle,
-        setActivePlugin,
-        timestampLabel
-      },
-      children
-    }
-  );
-};
-
-// src/contexts/EmbedPluginContext/use.tsx
-var import_react_shared3 = require("@xyo-network/react-shared");
-var useEmbedPluginState = () => (0, import_react_shared3.useContextEx)(EmbedPluginContext, "EmbedPlugin", true);
-
-// src/contexts/RefreshPayloadContext/Provider.tsx
-var import_react2 = require("react");
-
-// src/contexts/RefreshPayloadContext/Context.tsx
-var import_react_shared4 = require("@xyo-network/react-shared");
-var RefreshPayloadContext = (0, import_react_shared4.createContextEx)();
-
-// src/contexts/RefreshPayloadContext/Provider.tsx
-var import_jsx_runtime3 = require("react/jsx-runtime");
-var RefreshPayloadProvider = ({ children, onRefresh, refreshPayload }) => {
-  const [localRefreshPayload, setRefreshPayload] = (0, import_react2.useState)(refreshPayload);
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(RefreshPayloadContext.Provider, { value: { onRefresh, provided: true, refreshPayload: localRefreshPayload, setRefreshPayload }, children });
-};
-
-// src/contexts/RefreshPayloadContext/use.tsx
-var import_react_shared5 = require("@xyo-network/react-shared");
-var useRefreshPayload = () => (0, import_react_shared5.useContextEx)(RefreshPayloadContext, "RefreshPayload", true);
-
-// src/contexts/ResolvePayloadContext/Context.ts
-var import_react_shared6 = require("@xyo-network/react-shared");
-var ResolvePayloadContext = (0, import_react_shared6.createContextEx)();
-
-// src/contexts/ResolvePayloadContext/Provider.tsx
-var import_delay = require("@xylabs/delay");
-var import_react_async_effect = require("@xylabs/react-async-effect");
-var import_huri = require("@xyo-network/huri");
-var import_payload_model = require("@xyo-network/payload-model");
-var import_react3 = require("react");
-var import_jsx_runtime4 = require("react/jsx-runtime");
-var ResolvePayloadProvider = ({ children, huriPayload }) => {
-  const [payload, setPayload] = (0, import_react3.useState)();
-  const [huri, setHuri] = (0, import_react3.useState)();
-  const { refreshPayload, setRefreshPayload, onRefresh } = useRefreshPayload();
-  (0, import_react3.useEffect)(() => {
-    typeof huriPayload === "string" ? setHuri(huriPayload) : void 0;
-    if (typeof huriPayload === "object") {
-      setPayload(huriPayload);
-      setRefreshPayload == null ? void 0 : setRefreshPayload(true);
-    }
-  }, [huriPayload, setRefreshPayload]);
-  const [notFound, setNotFound] = (0, import_react3.useState)();
-  const [huriError, setHuriError] = (0, import_react3.useState)();
-  (0, import_react_async_effect.useAsyncEffect)(
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    async (mounted) => {
-      if (huri && !refreshPayload) {
-        try {
-          const huriInstance = new import_huri.Huri(huri);
-          const result = await huriInstance.fetch();
-          await (0, import_delay.delay)(500);
-          if (mounted()) {
-            setNotFound(result === null);
-            setPayload(result);
-            setRefreshPayload == null ? void 0 : setRefreshPayload(true);
-          }
-        } catch (e) {
-          const error = e;
-          setHuriError({ message: error.message, schema: import_payload_model.ModuleErrorSchema, sources: [] });
-        }
-      }
-    },
-    [huri, payload, refreshPayload, setRefreshPayload]
-  );
-  const refreshHuri = () => {
-    onRefresh == null ? void 0 : onRefresh();
-    if (huri) {
-      setRefreshPayload == null ? void 0 : setRefreshPayload(false);
-    }
-  };
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(ResolvePayloadContext.Provider, { value: { huri, huriError, notFound, payload, provided: true, refreshHuri, setPayload }, children });
-};
-
-// src/contexts/ResolvePayloadContext/use.tsx
-var import_react_shared7 = require("@xyo-network/react-shared");
-var useResolvePayload = () => (0, import_react_shared7.useContextEx)(ResolvePayloadContext, "ResolvePayload", true);
-
-// src/contexts/ValidatePayloadContext/Provider.tsx
-var import_material2 = require("@mui/material");
-var import_react_async_effect2 = require("@xylabs/react-async-effect");
-var import_schema_cache = require("@xyo-network/schema-cache");
-var import_react4 = require("react");
-
-// src/contexts/ValidatePayloadContext/Context.ts
-var import_react_shared8 = require("@xyo-network/react-shared");
-var ValidatePayloadContext = (0, import_react_shared8.createContextEx)();
-
-// src/contexts/ValidatePayloadContext/Provider.tsx
-var import_jsx_runtime5 = require("react/jsx-runtime");
-var ValidatePayloadProvider = ({ children, enabled = false }) => {
-  const { payload } = useResolvePayload();
-  const [initialized, setInitialized] = (0, import_react4.useState)(false);
-  const [valid, setValid] = (0, import_react4.useState)();
-  (0, import_react_async_effect2.useAsyncEffect)(
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    async () => {
-      if (payload && enabled) {
-        await import_schema_cache.SchemaCache.instance.get(payload.schema);
-        const possibleKnownSchema = payload.schema;
-        if (import_schema_cache.SchemaCache.instance.validators[possibleKnownSchema]) {
-          const validator = import_schema_cache.SchemaCache.instance.validators[possibleKnownSchema];
-          setValid(validator == null ? void 0 : validator(payload));
-        }
-        setInitialized(true);
-      }
-    },
-    [payload, enabled]
-  );
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(ValidatePayloadContext.Provider, { value: { enabled, provided: true, schema: payload == null ? void 0 : payload.schema, validPayload: valid }, children: enabled ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_jsx_runtime5.Fragment, { children: initialized ? children : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_material2.Chip, { label: "Validating Payload..." }) }) : children });
-};
-
-// src/contexts/ValidatePayloadContext/use.tsx
-var import_react_shared9 = require("@xyo-network/react-shared");
-var useValidatePayload = () => (0, import_react_shared9.useContextEx)(ValidatePayloadContext, "ValidateSchema", true);
-
-// src/components/embed-card/menu/EmbedMenu.tsx
-var import_icons_material2 = require("@mui/icons-material");
-var import_material4 = require("@mui/material");
-var import_react5 = require("react");
-
-// src/components/embed-card/menu/JsonMenuItem.tsx
-var import_icons_material = require("@mui/icons-material");
-var import_material3 = require("@mui/material");
-var import_jsx_runtime6 = require("react/jsx-runtime");
-var JsonMenuItem = (props) => {
-  const { huri } = useResolvePayload();
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_jsx_runtime6.Fragment, { children: huri ? /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_material3.MenuItem, { title: "Source Payload JSON", onClick: () => window.open(huri, "_blank"), ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_material3.ListItemText, { sx: { mr: 1 }, children: "JSON" }),
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_material3.ListItemIcon, { sx: { justifyContent: "end" }, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_icons_material.OpenInNew, { fontSize: "small" }) })
-  ] }) : null });
-};
-
-// src/components/embed-card/menu/EmbedMenu.tsx
-var import_jsx_runtime7 = require("react/jsx-runtime");
-var EmbedMenu = (props) => {
-  const [anchorEl, setAnchorEl] = (0, import_react5.useState)(null);
-  const open = Boolean(anchorEl);
-  const handleClick = (event) => {
-    setAnchorEl(event.currentTarget);
-  };
-  const handleClose = () => {
-    setAnchorEl(null);
-  };
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_jsx_runtime7.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_material4.IconButton, { onClick: handleClick, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_icons_material2.MoreVert, {}) }),
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_material4.Menu, { anchorEl, open, onClose: handleClose, PaperProps: { variant: "elevation" }, MenuListProps: { dense: true }, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(JsonMenuItem, {}) })
-  ] });
-};
-
-// src/components/embed-card/card/EmbedCardHeader.tsx
-var import_jsx_runtime8 = require("react/jsx-runtime");
-var EmbedCardHeader = () => {
-  var _a;
-  const { refreshHuri, huri } = useResolvePayload();
-  const { activePlugin, timestampLabel, hideElementsConfig } = useEmbedPluginState();
-  const { hideAvatar, hideTitle, hideRefreshButton, hideTimestamp, hideCardActions } = hideElementsConfig ?? {};
-  const timestamp = Date.now();
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
-    import_material5.CardHeader,
-    {
-      sx: { flexWrap: "wrap", rowGap: 1 },
-      avatar: hideAvatar ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_jsx_runtime8.Fragment, {}) : /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_material5.Avatar, { sx: { bgcolor: (theme) => theme.palette.primary.main }, "aria-label": activePlugin == null ? void 0 : activePlugin.name, children: (_a = activePlugin == null ? void 0 : activePlugin.name) == null ? void 0 : _a.charAt(0) }),
-      action: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_react_flexbox2.FlexRow, { flexWrap: "wrap", columnGap: 0.5, children: [
-        timestamp ? hideTimestamp && hideRefreshButton ? "" : /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
-          import_material5.Chip,
-          {
-            avatar: hideRefreshButton ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_jsx_runtime8.Fragment, {}) : /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_icons_material3.Refresh, {}),
-            clickable: hideRefreshButton ? false : true,
-            onClick: refreshHuri,
-            label: hideTimestamp ? "" : `${timestampLabel} ${new Date(timestamp).toLocaleString()}`
-          }
-        ) : null,
-        hideCardActions || huri === void 0 ? null : /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(EmbedMenu, {})
-      ] }),
-      title: hideTitle ? "" : activePlugin == null ? void 0 : activePlugin.name
-    }
-  );
-};
-
-// src/components/embed-card/card/EmbedPluginCard.tsx
-var import_material9 = require("@mui/material");
-var import_react_flexbox3 = require("@xylabs/react-flexbox");
-var import_react_shared11 = require("@xyo-network/react-shared");
-
-// src/components/controls/EmbedFormControl.tsx
-var import_material6 = require("@mui/material");
-var import_jsx_runtime9 = require("react/jsx-runtime");
-var EmbedFormControl = ({ formId, formLabel, children, ...props }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_material6.FormControl, { ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_material6.InputLabel, { id: formId, children: formLabel }),
-    children
-  ] });
-};
-
-// src/components/controls/ListModeSelect.tsx
-var import_material7 = require("@mui/material");
-var import_react_select = require("@xylabs/react-select");
-var import_react_shared10 = require("@xyo-network/react-shared");
-var import_jsx_runtime10 = require("react/jsx-runtime");
-var listModeSelectId = "listmode-select-id";
-var listModeSelectLabel = "List Mode";
-var ListModeSelect = (props) => {
-  const { listMode, setListMode } = (0, import_react_shared10.useListMode)();
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
-    import_react_select.SelectEx,
-    {
-      value: listMode ?? "default",
-      onChange: (event) => {
-        setListMode == null ? void 0 : setListMode(event.target.value);
-      },
-      ...props,
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_material7.MenuItem, { value: "default", children: "Default" }, "default"),
-        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_material7.MenuItem, { value: "table", children: "Table" }, "table"),
-        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_material7.MenuItem, { value: "grid", children: "Grid" }, "grid")
-      ]
-    }
-  );
-};
-var ListModeSelectFormControl = (props) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(EmbedFormControl, { formId: listModeSelectId, formLabel: listModeSelectLabel, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(ListModeSelect, { size: "small", label: listModeSelectLabel, labelId: listModeSelectId, ...props }) });
-};
-
-// src/components/controls/RenderSelect.tsx
-var import_material8 = require("@mui/material");
-var import_react_select2 = require("@xylabs/react-select");
-var import_jsx_runtime11 = require("react/jsx-runtime");
-var renderSelectId = "render-select-id";
-var renderSelectLabel = "Renderer";
-var EmbedRenderSelect = (props) => {
-  const { activePlugin, setActivePlugin, plugins } = useEmbedPluginState();
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(EmbedFormControl, { formId: renderSelectId, formLabel: renderSelectLabel, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_react_select2.SelectEx, { size: "small", value: activePlugin == null ? void 0 : activePlugin.name, ...props, children: plugins == null ? void 0 : plugins.map((plugin) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_material8.MenuItem, { value: plugin.name, onClick: () => setActivePlugin == null ? void 0 : setActivePlugin(plugin), children: plugin.name }, plugin.name)) }) });
-};
-
-// src/components/embed-card/card/EmbedPluginCard.tsx
-var import_jsx_runtime12 = require("react/jsx-runtime");
-var EmbedPluginCard = ({ ...props }) => {
-  var _a, _b, _c;
-  const { payload } = useResolvePayload();
-  const { activePlugin: ActivePlugin, plugins, hideElementsConfig } = useEmbedPluginState();
-  const { listMode } = (0, import_react_shared11.useListMode)();
-  const supportsListMode = ((_c = (_b = (_a = ActivePlugin == null ? void 0 : ActivePlugin.components) == null ? void 0 : _a.box) == null ? void 0 : _b.listModes) == null ? void 0 : _c.length) ?? 0 > 1;
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(BusyCard, { ...props, children: [
-    (hideElementsConfig == null ? void 0 : hideElementsConfig.hideCardHeader) ? null : /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(EmbedCardHeader, {}),
-    plugins && plugins.length > 0 || supportsListMode ? /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_react_flexbox3.FlexGrowRow, { columnGap: 2, rowGap: 2, flexWrap: "wrap", pb: 1, children: [
-      plugins && plugins.length > 1 ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(EmbedRenderSelect, {}) : null,
-      supportsListMode ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(ListModeSelectFormControl, {}) : null
-    ] }) : null,
-    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_material9.CardContent, { sx: { height: "100%" }, children: ActivePlugin ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(ActivePlugin.components.box.detailsBox, { payload, ...supportsListMode && { listMode } }) : null })
-  ] });
-};
-
-// src/components/embed-card/EmbedPluginCard.tsx
-var import_material13 = require("@mui/material");
-
-// src/components/EmbedPlugin.tsx
-var import_react_shared13 = require("@xyo-network/react-shared");
-
-// src/components/EmbedResolver.tsx
-var import_react_shared12 = require("@xyo-network/react-shared");
-var import_jsx_runtime13 = require("react/jsx-runtime");
-var EmbedResolver = ({ children }) => {
-  const { payload, notFound, huriError } = useResolvePayload();
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react_shared12.LoadResult, { searchResult: payload, notFound: !!notFound, error: !!huriError, children });
-};
-
-// src/components/validation-alerts/ValidatePayload.tsx
-var import_material10 = require("@mui/material");
-var import_jsx_runtime14 = require("react/jsx-runtime");
-var ValidatePayloadAlert = ({ children, ...props }) => {
-  const { validPayload, enabled, schema } = useValidatePayload();
-  if (enabled && validPayload === false) {
-    return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_material10.Alert, { severity: "error", title: "Invalid Payload!", ...props, children: [
-      "Payload schema claimed to be ",
-      schema,
-      " but failed to validate."
-    ] });
-  }
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_jsx_runtime14.Fragment, { children });
-};
-
-// src/components/validation-alerts/ValidatePlugins.tsx
-var import_material11 = require("@mui/material");
-var import_jsx_runtime15 = require("react/jsx-runtime");
-var ValidatePluginsAlert = ({ children, ...props }) => {
-  const { payload } = useResolvePayload();
-  const { plugins } = useEmbedPluginState();
-  if (payload && (plugins == null ? void 0 : plugins.length) === 0) {
-    return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_material11.Alert, { severity: "warning", ...props, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_material11.AlertTitle, { children: "Missing plugins!" }),
-      "Payload found but no plugins were present."
-    ] });
-  }
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_jsx_runtime15.Fragment, { children });
-};
-
-// src/components/EmbedPlugin.tsx
-var import_jsx_runtime16 = require("react/jsx-runtime");
-var EmbedPluginInner = ({
-  validateSchema,
-  plugins = [],
-  huriPayload,
-  refreshTitle = "",
-  timestampLabel = "Data From",
-  hideElementsConfig,
-  embedPluginConfig,
-  onRefresh,
-  children
-}) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_react_shared13.ErrorBoundary, { children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
-    EmbedPluginProvider,
-    {
-      refreshTitle,
-      timestampLabel,
-      hideElementsConfig,
-      plugins,
-      embedPluginConfig,
-      children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(WithResolvers, { onRefresh, huriPayload, children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(WithValidators, { validateSchema, children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_react_shared13.ListModeProvider, { defaultListMode: embedPluginConfig == null ? void 0 : embedPluginConfig.listMode, children }) }) })
-    }
-  ) });
-};
-var WithResolvers = ({ children, onRefresh, huriPayload }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(RefreshPayloadProvider, { onRefresh, children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(ResolvePayloadProvider, { huriPayload, children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(EmbedResolver, { children }) }) });
-};
-var WithValidators = ({ children, validateSchema }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(ValidatePayloadProvider, { enabled: validateSchema, children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(ValidatePluginsAlert, { children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(ValidatePayloadAlert, { children }) }) });
-};
-
-// src/components/embed-card/error-handling/EmbedCardApiErrorRenderer.tsx
-var import_react_error = require("@xyo-network/react-error");
-
-// src/components/embed-card/error-handling/EmbedErrorCard.tsx
-var import_material12 = require("@mui/material");
-var import_jsx_runtime17 = require("react/jsx-runtime");
-var EmbedErrorCard = (props) => {
-  const { alertProps, error, hideErrorDetails = true, children, ...cardProps } = props;
-  const errorProps = { alertProps, error, hideErrorDetails };
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_material12.Card, { ...cardProps, children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_material12.CardContent, { children: children ?? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(DefaultErrorAlert, { ...errorProps }) }) });
-};
-var DefaultErrorAlert = ({ alertProps, hideErrorDetails, error }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_material12.Alert, { severity: "error", ...alertProps, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_material12.AlertTitle, { children: "Whoops! Something went wrong" }),
-    !hideErrorDetails && error ? /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_jsx_runtime17.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_material12.Typography, { variant: "caption", children: "Error: " }),
-      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_material12.Typography, { variant: "caption", children: error == null ? void 0 : error.message })
-    ] }) : /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_material12.Typography, { variant: "caption", fontSize: "small", children: "Error Loading Plugin" })
-  ] });
-};
-
-// src/components/embed-card/error-handling/EmbedCardApiErrorRenderer.tsx
-var import_jsx_runtime18 = require("react/jsx-runtime");
-var EmbedCardApiErrorRenderer = ({ xyoError, children, ...props }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react_error.ErrorRender, { error: xyoError, noReAuth: true, noErrorDisplay: true, customError: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(CustomApiErrorCard, { xyoError, ...props }), children });
-};
-var CustomApiErrorCard = ({ xyoError, ...props }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(EmbedErrorCard, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react_error.ErrorAlert, { error: xyoError }) });
-};
-
-// src/components/embed-card/EmbedPluginCard.tsx
-var import_jsx_runtime19 = require("react/jsx-runtime");
-var ApiEmbedPluginCard = ({ children, ...props }) => {
-  const {
-    validateSchema,
-    plugins = [],
-    huriPayload,
-    refreshTitle = "",
-    timestampLabel = "Data From",
-    hideElementsConfig,
-    embedPluginConfig,
-    onRefresh,
-    ...busyCardProps
-  } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
-    EmbedPluginInner,
-    {
-      ...{
-        embedPluginConfig,
-        hideElementsConfig,
-        huriPayload,
-        onRefresh,
-        plugins,
-        refreshTitle,
-        timestampLabel,
-        validateSchema
-      },
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(EmbedPluginCardInner, { ...busyCardProps }),
-        children
-      ]
-    }
-  );
-};
-var EmbedPluginCardInner = (props) => {
-  const { payload, huriError } = useResolvePayload();
-  const { refreshPayload } = useRefreshPayload();
-  const theme = (0, import_material13.useTheme)();
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(EmbedCardApiErrorRenderer, { xyoError: huriError, children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
-    EmbedPluginCard,
-    {
-      elevation: 3,
-      variant: "elevation",
-      busy: Boolean(!refreshPayload && payload),
-      busyVariantProps: { style: { alignItems: "start", paddingTop: theme.spacing(2), zIndex: 2 } },
-      sx: { position: "relative" },
-      ...props
-    }
-  ) });
-};
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  ApiEmbedPluginCard,
-  BusyCard,
-  EmbedCardHeader,
-  EmbedPlugin,
-  EmbedPluginCard,
-  EmbedPluginCardInner,
-  EmbedPluginContext,
-  EmbedPluginInner,
-  EmbedPluginProvider,
-  RefreshPayloadProvider,
-  ResolvePayloadContext,
-  ResolvePayloadProvider,
-  ValidatePayloadProvider,
-  useEmbedPluginState,
-  useRefreshPayload,
-  useResolvePayload,
-  useValidatePayload
-});
+"use strict";var Y=Object.defineProperty;var ae=Object.getOwnPropertyDescriptor;var le=Object.getOwnPropertyNames;var ne=Object.prototype.hasOwnProperty;var ie=(o,e)=>{for(var r in e)Y(o,r,{get:e[r],enumerable:!0})},se=(o,e,r,t)=>{if(e&&typeof e=="object"||typeof e=="function")for(let a of le(e))!ne.call(o,a)&&a!==r&&Y(o,a,{get:()=>e[a],enumerable:!(t=ae(e,a))||t.enumerable});return o};var de=o=>se(Y({},"__esModule",{value:!0}),o);var Ee={};ie(Ee,{ApiEmbedPluginCard:()=>he,BusyCard:()=>Z,EmbedCardHeader:()=>lr,EmbedPlugin:()=>K,EmbedPluginCard:()=>K,EmbedPluginCardInner:()=>ee,EmbedPluginContext:()=>A,EmbedPluginInner:()=>nr,EmbedPluginProvider:()=>j,RefreshPayloadProvider:()=>rr,ResolvePayloadContext:()=>L,ResolvePayloadProvider:()=>er,ValidatePayloadProvider:()=>tr,useEmbedPluginState:()=>c,useRefreshPayload:()=>B,useResolvePayload:()=>d,useValidatePayload:()=>ar});module.exports=de(Ee);var sr=require("@mui/material"),dr=require("@xylabs/react-flexbox"),w=require("@xylabs/react-shared"),I=require("react/jsx-runtime"),Z=({busy:o,busyMinimum:e=500,busyVariant:r="circular",busyVariantProps:t,children:a,...i})=>{let n=(0,dr.useBusyTiming)(o,e);return(0,I.jsxs)(sr.Card,{...i,children:[a,r==="circular"&&n?(0,I.jsx)(w.BusyCircularProgress,{...t}):null,r==="linear"&&n?(0,I.jsx)(w.BusyLinearProgress,{...t}):null]})};var Vr=require("@mui/icons-material"),S=require("@mui/material"),wr=require("@xylabs/react-flexbox");var mr=require("@xyo-network/react-shared"),A=(0,mr.createContextEx)();var T=require("react");var pr=require("react/jsx-runtime"),j=({children:o,refreshTitle:e,timestampLabel:r,hideElementsConfig:t,plugins:a,embedPluginConfig:i})=>{let[n,l]=(0,T.useState)(a?a[0]:void 0);return(0,T.useEffect)(()=>{l(a?a[0]:void 0)},[a]),(0,pr.jsx)(A.Provider,{value:{activePlugin:n,embedPluginConfig:i,hideElementsConfig:t,provided:!0,refreshTitle:e,setActivePlugin:l,timestampLabel:r},children:o})};var ur=require("@xyo-network/react-shared");var c=()=>(0,ur.useContextEx)(A,"EmbedPlugin",!0);var cr=require("react");var Pr=require("@xyo-network/react-shared"),k=(0,Pr.createContextEx)();var fr=require("react/jsx-runtime"),rr=({children:o,onRefresh:e,refreshPayload:r})=>{let[t,a]=(0,cr.useState)(r);return(0,fr.jsx)(k.Provider,{value:{onRefresh:e,provided:!0,refreshPayload:t,setRefreshPayload:a},children:o})};var Cr=require("@xyo-network/react-shared");var B=()=>(0,Cr.useContextEx)(k,"RefreshPayload",!0);var hr=require("@xyo-network/react-shared"),L=(0,hr.createContextEx)();var Er=require("@xylabs/delay"),yr=require("@xylabs/react-async-effect"),br=require("@xyo-network/huri"),vr=require("@xyo-network/payload-model"),b=require("react");var Rr=require("react/jsx-runtime"),er=({children:o,huriPayload:e})=>{let[r,t]=(0,b.useState)(),[a,i]=(0,b.useState)(),{refreshPayload:n,setRefreshPayload:l,onRefresh:s}=B();(0,b.useEffect)(()=>{typeof e=="string"&&i(e),typeof e=="object"&&(t(e),l==null||l(!0))},[e,l]);let[E,R]=(0,b.useState)(),[V,U]=(0,b.useState)();(0,yr.useAsyncEffect)(async te=>{if(a&&!n)try{let X=await new br.Huri(a).fetch();await(0,Er.delay)(500),te()&&(R(X===null),t(X),l==null||l(!0))}catch(ir){U({message:ir.message,schema:vr.ModuleErrorSchema,sources:[]})}},[a,r,n,l]);let oe=()=>{s==null||s(),a&&(l==null||l(!1))};return(0,Rr.jsx)(L.Provider,{value:{huri:a,huriError:V,notFound:E,payload:r,provided:!0,refreshHuri:oe,setPayload:t},children:o})};var xr=require("@xyo-network/react-shared");var d=()=>(0,xr.useContextEx)(L,"ResolvePayload",!0);var Sr=require("@mui/material"),Mr=require("@xylabs/react-async-effect"),D=require("@xyo-network/schema-cache"),or=require("react");var gr=require("@xyo-network/react-shared"),H=(0,gr.createContextEx)();var x=require("react/jsx-runtime"),tr=({children:o,enabled:e=!1})=>{let{payload:r}=d(),[t,a]=(0,or.useState)(!1),[i,n]=(0,or.useState)();return(0,Mr.useAsyncEffect)(async()=>{if(r&&e){await D.SchemaCache.instance.get(r.schema);let l=r.schema;if(D.SchemaCache.instance.validators[l]){let s=D.SchemaCache.instance.validators[l];n(s==null?void 0:s(r))}a(!0)}},[r,e]),(0,x.jsx)(H.Provider,{value:{enabled:e,provided:!0,schema:r==null?void 0:r.schema,validPayload:i},children:e?(0,x.jsx)(x.Fragment,{children:t?o:(0,x.jsx)(Sr.Chip,{label:"Validating Payload..."})}):o})};var Fr=require("@xyo-network/react-shared");var ar=()=>(0,Fr.useContextEx)(H,"ValidateSchema",!0);var Br=require("@mui/icons-material"),z=require("@mui/material"),Lr=require("react");var Ir=require("@mui/icons-material"),g=require("@mui/material");var f=require("react/jsx-runtime"),Ar=o=>{let{huri:e}=d();return(0,f.jsx)(f.Fragment,{children:e?(0,f.jsxs)(g.MenuItem,{title:"Source Payload JSON",onClick:()=>window.open(e,"_blank"),...o,children:[(0,f.jsx)(g.ListItemText,{sx:{mr:1},children:"JSON"}),(0,f.jsx)(g.ListItemIcon,{sx:{justifyContent:"end"},children:(0,f.jsx)(Ir.OpenInNew,{fontSize:"small"})})]}):null})};var C=require("react/jsx-runtime"),Wr=o=>{let[e,r]=(0,Lr.useState)(null),t=!!e,a=n=>{r(n.currentTarget)},i=()=>{r(null)};return(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(z.IconButton,{onClick:a,...o,children:(0,C.jsx)(Br.MoreVert,{})}),(0,C.jsx)(z.Menu,{anchorEl:e,open:t,onClose:i,PaperProps:{variant:"elevation"},MenuListProps:{dense:!0},children:(0,C.jsx)(Ar,{})})]})};var m=require("react/jsx-runtime"),lr=()=>{var V;let{refreshHuri:o,huri:e}=d(),{activePlugin:r,timestampLabel:t,hideElementsConfig:a}=c(),{hideAvatar:i,hideTitle:n,hideRefreshButton:l,hideTimestamp:s,hideCardActions:E}=a??{},R=Date.now();return(0,m.jsx)(S.CardHeader,{sx:{flexWrap:"wrap",rowGap:1},avatar:i?(0,m.jsx)(m.Fragment,{}):(0,m.jsx)(S.Avatar,{sx:{bgcolor:U=>U.palette.primary.main},"aria-label":r==null?void 0:r.name,children:(V=r==null?void 0:r.name)==null?void 0:V.charAt(0)}),action:(0,m.jsxs)(wr.FlexRow,{flexWrap:"wrap",columnGap:.5,children:[R?s&&l?"":(0,m.jsx)(S.Chip,{avatar:l?(0,m.jsx)(m.Fragment,{}):(0,m.jsx)(Vr.Refresh,{}),clickable:!l,onClick:o,label:s?"":`${t} ${new Date(R).toLocaleString()}`}):null,E||e===void 0?null:(0,m.jsx)(Wr,{})]}),title:n?"":r==null?void 0:r.name})};var Jr=require("@mui/material"),$r=require("@xylabs/react-flexbox"),Kr=require("@xyo-network/react-shared");var G=require("@mui/material"),O=require("react/jsx-runtime"),N=({formId:o,formLabel:e,children:r,...t})=>(0,O.jsxs)(G.FormControl,{...t,children:[(0,O.jsx)(G.InputLabel,{id:o,children:e}),r]});var J=require("@mui/material"),Hr=require("@xylabs/react-select"),Dr=require("@xyo-network/react-shared");var y=require("react/jsx-runtime"),Tr="listmode-select-id",kr="List Mode",me=o=>{let{listMode:e,setListMode:r}=(0,Dr.useListMode)();return(0,y.jsxs)(Hr.SelectEx,{value:e??"default",onChange:t=>{r==null||r(t.target.value)},...o,children:[(0,y.jsx)(J.MenuItem,{value:"default",children:"Default"},"default"),(0,y.jsx)(J.MenuItem,{value:"table",children:"Table"},"table"),(0,y.jsx)(J.MenuItem,{value:"grid",children:"Grid"},"grid")]})},zr=o=>(0,y.jsx)(N,{formId:Tr,formLabel:kr,children:(0,y.jsx)(me,{size:"small",label:kr,labelId:Tr,...o})});var Gr=require("@mui/material"),Nr=require("@xylabs/react-select");var $=require("react/jsx-runtime"),pe="render-select-id",ue="Renderer",Or=o=>{let{activePlugin:e,setActivePlugin:r,plugins:t}=c();return(0,$.jsx)(N,{formId:pe,formLabel:ue,children:(0,$.jsx)(Nr.SelectEx,{size:"small",value:e==null?void 0:e.name,...o,children:t==null?void 0:t.map(a=>(0,$.jsx)(Gr.MenuItem,{value:a.name,onClick:()=>r==null?void 0:r(a),children:a.name},a.name))})})};var h=require("react/jsx-runtime"),K=({...o})=>{var l,s,E;let{payload:e}=d(),{activePlugin:r,plugins:t,hideElementsConfig:a}=c(),{listMode:i}=(0,Kr.useListMode)(),n=((E=(s=(l=r==null?void 0:r.components)==null?void 0:l.box)==null?void 0:s.listModes)==null?void 0:E.length)??!1;return(0,h.jsxs)(Z,{...o,children:[a!=null&&a.hideCardHeader?null:(0,h.jsx)(lr,{}),t&&t.length>0||n?(0,h.jsxs)($r.FlexGrowRow,{columnGap:2,rowGap:2,flexWrap:"wrap",pb:1,children:[t&&t.length>1?(0,h.jsx)(Or,{}):null,n?(0,h.jsx)(zr,{}):null]}):null,(0,h.jsx)(Jr.CardContent,{sx:{height:"100%"},children:r?(0,h.jsx)(r.components.box.detailsBox,{payload:e,...n&&{listMode:i}}):null})]})};var re=require("@mui/material");var q=require("@xyo-network/react-shared");var _r=require("@xyo-network/react-shared");var Qr=require("react/jsx-runtime"),qr=({children:o})=>{let{payload:e,notFound:r,huriError:t}=d();return(0,Qr.jsx)(_r.LoadResult,{searchResult:e,notFound:!!r,error:!!t,children:o})};var Ur=require("@mui/material");var M=require("react/jsx-runtime"),Xr=({children:o,...e})=>{let{validPayload:r,enabled:t,schema:a}=ar();return t&&r===!1?(0,M.jsxs)(Ur.Alert,{severity:"error",title:"Invalid Payload!",...e,children:["Payload schema claimed to be ",a," but failed to validate."]}):(0,M.jsx)(M.Fragment,{children:o})};var _=require("@mui/material");var v=require("react/jsx-runtime"),Yr=({children:o,...e})=>{let{payload:r}=d(),{plugins:t}=c();return r&&(t==null?void 0:t.length)===0?(0,v.jsxs)(_.Alert,{severity:"warning",...e,children:[(0,v.jsx)(_.AlertTitle,{children:"Missing plugins!"}),"Payload found but no plugins were present."]}):(0,v.jsx)(v.Fragment,{children:o})};var u=require("react/jsx-runtime"),nr=({validateSchema:o,plugins:e=[],huriPayload:r,refreshTitle:t="",timestampLabel:a="Data From",hideElementsConfig:i,embedPluginConfig:n,onRefresh:l,children:s})=>(0,u.jsx)(q.ErrorBoundary,{children:(0,u.jsx)(j,{refreshTitle:t,timestampLabel:a,hideElementsConfig:i,plugins:e,embedPluginConfig:n,children:(0,u.jsx)(Pe,{onRefresh:l,huriPayload:r,children:(0,u.jsx)(ce,{validateSchema:o,children:(0,u.jsx)(q.ListModeProvider,{defaultListMode:n==null?void 0:n.listMode,children:s})})})})}),Pe=({children:o,onRefresh:e,huriPayload:r})=>(0,u.jsx)(rr,{onRefresh:e,children:(0,u.jsx)(er,{huriPayload:r,children:(0,u.jsx)(qr,{children:o})})}),ce=({children:o,validateSchema:e})=>(0,u.jsx)(tr,{enabled:e,children:(0,u.jsx)(Yr,{children:(0,u.jsx)(Xr,{children:o})})});var Q=require("@xyo-network/react-error");var P=require("@mui/material"),p=require("react/jsx-runtime"),Zr=o=>{let{alertProps:e,error:r,hideErrorDetails:t=!0,children:a,...i}=o;return(0,p.jsx)(P.Card,{...i,children:(0,p.jsx)(P.CardContent,{children:a??(0,p.jsx)(fe,{...{alertProps:e,error:r,hideErrorDetails:t}})})})},fe=({alertProps:o,hideErrorDetails:e,error:r})=>(0,p.jsxs)(P.Alert,{severity:"error",...o,children:[(0,p.jsx)(P.AlertTitle,{children:"Whoops! Something went wrong"}),!e&&r?(0,p.jsxs)(p.Fragment,{children:[(0,p.jsx)(P.Typography,{variant:"caption",children:"Error: "}),(0,p.jsx)(P.Typography,{variant:"caption",children:r==null?void 0:r.message})]}):(0,p.jsx)(P.Typography,{variant:"caption",fontSize:"small",children:"Error Loading Plugin"})]});var W=require("react/jsx-runtime"),jr=({xyoError:o,children:e,...r})=>(0,W.jsx)(Q.ErrorRender,{error:o,noReAuth:!0,noErrorDisplay:!0,customError:(0,W.jsx)(Ce,{xyoError:o,...r}),children:e}),Ce=({xyoError:o,...e})=>(0,W.jsx)(Zr,{...e,children:(0,W.jsx)(Q.ErrorAlert,{error:o})});var F=require("react/jsx-runtime"),he=({children:o,...e})=>{let{validateSchema:r,plugins:t=[],huriPayload:a,refreshTitle:i="",timestampLabel:n="Data From",hideElementsConfig:l,embedPluginConfig:s,onRefresh:E,...R}=e;return(0,F.jsxs)(nr,{embedPluginConfig:s,hideElementsConfig:l,huriPayload:a,onRefresh:E,plugins:t,refreshTitle:i,timestampLabel:n,validateSchema:r,children:[(0,F.jsx)(ee,{...R}),o]})},ee=o=>{let{payload:e,huriError:r}=d(),{refreshPayload:t}=B(),a=(0,re.useTheme)();return(0,F.jsx)(jr,{xyoError:r,children:(0,F.jsx)(K,{elevation:3,variant:"elevation",busy:!!(!t&&e),busyVariantProps:{style:{alignItems:"start",paddingTop:a.spacing(2),zIndex:2}},sx:{position:"relative"},...o})})};0&&(module.exports={ApiEmbedPluginCard,BusyCard,EmbedCardHeader,EmbedPlugin,EmbedPluginCard,EmbedPluginCardInner,EmbedPluginContext,EmbedPluginInner,EmbedPluginProvider,RefreshPayloadProvider,ResolvePayloadContext,ResolvePayloadProvider,ValidatePayloadProvider,useEmbedPluginState,useRefreshPayload,useResolvePayload,useValidatePayload});
 //# sourceMappingURL=index.cjs.map