@xyo-network/react-embed 2.82.0 → 2.83.1

package/dist/neutral/index.cjs

@@ -1,604 +0,0 @@
-"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 __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-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, {
-  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_react = __toESM(require("react"), 1);
-var BusyCard = /* @__PURE__ */ __name(({ busy, busyMinimum = 500, busyVariant = "circular", busyVariantProps, children, ...props }) => {
-  const internalBusy = (0, import_react_flexbox.useBusyTiming)(busy, busyMinimum);
-  return /* @__PURE__ */ import_react.default.createElement(import_material.Card, props, children, busyVariant === "circular" && internalBusy ? /* @__PURE__ */ import_react.default.createElement(import_react_shared.BusyCircularProgress, busyVariantProps) : null, busyVariant === "linear" && internalBusy ? /* @__PURE__ */ import_react.default.createElement(import_react_shared.BusyLinearProgress, busyVariantProps) : null);
-}, "BusyCard");
-
-// 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");
-var import_react8 = __toESM(require("react"), 1);
-
-// src/contexts/EmbedPluginContext/Context.ts
-var import_react_shared2 = require("@xyo-network/react-shared");
-var EmbedPluginContext = (0, import_react_shared2.createContextEx)();
-
-// src/contexts/EmbedPluginContext/Provider.tsx
-var import_react2 = __toESM(require("react"), 1);
-var EmbedPluginProvider = /* @__PURE__ */ __name(({ children, refreshTitle, timestampLabel, hideElementsConfig, plugins, embedPluginConfig }) => {
-  const [activePlugin, setActivePlugin] = (0, import_react2.useState)(plugins ? plugins[0] : void 0);
-  (0, import_react2.useEffect)(() => {
-    setActivePlugin(plugins ? plugins[0] : void 0);
-  }, [
-    plugins
-  ]);
-  return /* @__PURE__ */ import_react2.default.createElement(EmbedPluginContext.Provider, {
-    // eslint-disable-next-line @eslint-react/no-unstable-context-value
-    value: {
-      activePlugin,
-      embedPluginConfig,
-      hideElementsConfig,
-      provided: true,
-      refreshTitle,
-      setActivePlugin,
-      timestampLabel
-    }
-  }, children);
-}, "EmbedPluginProvider");
-
-// src/contexts/EmbedPluginContext/use.ts
-var import_react_shared3 = require("@xyo-network/react-shared");
-var useEmbedPluginState = /* @__PURE__ */ __name(() => (0, import_react_shared3.useContextEx)(EmbedPluginContext, "EmbedPlugin", true), "useEmbedPluginState");
-
-// src/contexts/RefreshPayloadContext/Provider.tsx
-var import_react3 = __toESM(require("react"), 1);
-
-// src/contexts/RefreshPayloadContext/Context.ts
-var import_react_shared4 = require("@xyo-network/react-shared");
-var RefreshPayloadContext = (0, import_react_shared4.createContextEx)();
-
-// src/contexts/RefreshPayloadContext/Provider.tsx
-var RefreshPayloadProvider = /* @__PURE__ */ __name(({ children, onRefresh, refreshPayload }) => {
-  const [localRefreshPayload, setRefreshPayload] = (0, import_react3.useState)(refreshPayload);
-  return (
-    // eslint-disable-next-line @eslint-react/no-unstable-context-value
-    /* @__PURE__ */ import_react3.default.createElement(RefreshPayloadContext.Provider, {
-      value: {
-        onRefresh,
-        provided: true,
-        refreshPayload: localRefreshPayload,
-        setRefreshPayload
-      }
-    }, children)
-  );
-}, "RefreshPayloadProvider");
-
-// src/contexts/RefreshPayloadContext/use.ts
-var import_react_shared5 = require("@xyo-network/react-shared");
-var useRefreshPayload = /* @__PURE__ */ __name(() => (0, import_react_shared5.useContextEx)(RefreshPayloadContext, "RefreshPayload", true), "useRefreshPayload");
-
-// 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_react4 = __toESM(require("react"), 1);
-var ResolvePayloadProvider = /* @__PURE__ */ __name(({ children, huriPayload }) => {
-  const [payload, setPayload] = (0, import_react4.useState)();
-  const [huri, setHuri] = (0, import_react4.useState)();
-  const { refreshPayload, setRefreshPayload, onRefresh } = useRefreshPayload();
-  (0, import_react4.useEffect)(() => {
-    typeof huriPayload === "string" ? setHuri(huriPayload) : void 0;
-    if (typeof huriPayload === "object") {
-      setPayload(huriPayload);
-      setRefreshPayload?.(true);
-    }
-  }, [
-    huriPayload,
-    setRefreshPayload
-  ]);
-  const [notFound, setNotFound] = (0, import_react4.useState)();
-  const [huriError, setHuriError] = (0, import_react4.useState)();
-  (0, import_react_async_effect.useAsyncEffect)(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?.(true);
-        }
-      } catch (e) {
-        const error = e;
-        setHuriError({
-          message: error.message,
-          schema: import_payload_model.ModuleErrorSchema,
-          sources: []
-        });
-      }
-    }
-  }, [
-    huri,
-    payload,
-    refreshPayload,
-    setRefreshPayload
-  ]);
-  const refreshHuri = /* @__PURE__ */ __name(() => {
-    onRefresh?.();
-    if (huri) {
-      setRefreshPayload?.(false);
-    }
-  }, "refreshHuri");
-  return (
-    // eslint-disable-next-line @eslint-react/no-unstable-context-value
-    /* @__PURE__ */ import_react4.default.createElement(ResolvePayloadContext.Provider, {
-      value: {
-        huri,
-        huriError,
-        notFound,
-        payload,
-        provided: true,
-        refreshHuri,
-        setPayload
-      }
-    }, children)
-  );
-}, "ResolvePayloadProvider");
-
-// src/contexts/ResolvePayloadContext/use.ts
-var import_react_shared7 = require("@xyo-network/react-shared");
-var useResolvePayload = /* @__PURE__ */ __name(() => (0, import_react_shared7.useContextEx)(ResolvePayloadContext, "ResolvePayload", true), "useResolvePayload");
-
-// 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_react5 = __toESM(require("react"), 1);
-
-// 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 ValidatePayloadProvider = /* @__PURE__ */ __name(({ children, enabled = false }) => {
-  const { payload } = useResolvePayload();
-  const [initialized, setInitialized] = (0, import_react5.useState)(false);
-  const [valid, setValid] = (0, import_react5.useState)();
-  (0, import_react_async_effect2.useAsyncEffect)(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?.(payload));
-      }
-      setInitialized(true);
-    }
-  }, [
-    payload,
-    enabled
-  ]);
-  return (
-    // eslint-disable-next-line @eslint-react/no-unstable-context-value
-    /* @__PURE__ */ import_react5.default.createElement(ValidatePayloadContext.Provider, {
-      value: {
-        enabled,
-        provided: true,
-        schema: payload?.schema,
-        validPayload: valid
-      }
-    }, enabled ? /* @__PURE__ */ import_react5.default.createElement(import_react5.default.Fragment, null, initialized ? children : /* @__PURE__ */ import_react5.default.createElement(import_material2.Chip, {
-      label: "Validating Payload..."
-    })) : children)
-  );
-}, "ValidatePayloadProvider");
-
-// src/contexts/ValidatePayloadContext/use.ts
-var import_react_shared9 = require("@xyo-network/react-shared");
-var useValidatePayload = /* @__PURE__ */ __name(() => (0, import_react_shared9.useContextEx)(ValidatePayloadContext, "ValidateSchema", true), "useValidatePayload");
-
-// src/components/embed-card/menu/EmbedMenu.tsx
-var import_icons_material2 = require("@mui/icons-material");
-var import_material4 = require("@mui/material");
-var import_react7 = __toESM(require("react"), 1);
-
-// src/components/embed-card/menu/JsonMenuItem.tsx
-var import_icons_material = require("@mui/icons-material");
-var import_material3 = require("@mui/material");
-var import_react6 = __toESM(require("react"), 1);
-var JsonMenuItem = /* @__PURE__ */ __name((props) => {
-  const { huri } = useResolvePayload();
-  return /* @__PURE__ */ import_react6.default.createElement(import_react6.default.Fragment, null, huri ? /* @__PURE__ */ import_react6.default.createElement(import_material3.MenuItem, {
-    title: "Source Payload JSON",
-    onClick: /* @__PURE__ */ __name(() => window.open(huri, "_blank"), "onClick"),
-    ...props
-  }, /* @__PURE__ */ import_react6.default.createElement(import_material3.ListItemText, {
-    sx: {
-      mr: 1
-    }
-  }, "JSON"), /* @__PURE__ */ import_react6.default.createElement(import_material3.ListItemIcon, {
-    sx: {
-      justifyContent: "end"
-    }
-  }, /* @__PURE__ */ import_react6.default.createElement(import_icons_material.OpenInNew, {
-    fontSize: "small"
-  }))) : null);
-}, "JsonMenuItem");
-
-// src/components/embed-card/menu/EmbedMenu.tsx
-var EmbedMenu = /* @__PURE__ */ __name((props) => {
-  const [anchorEl, setAnchorEl] = (0, import_react7.useState)(null);
-  const open = Boolean(anchorEl);
-  const handleClick = /* @__PURE__ */ __name((event) => {
-    setAnchorEl(event.currentTarget);
-  }, "handleClick");
-  const handleClose = /* @__PURE__ */ __name(() => {
-    setAnchorEl(null);
-  }, "handleClose");
-  return /* @__PURE__ */ import_react7.default.createElement(import_react7.default.Fragment, null, /* @__PURE__ */ import_react7.default.createElement(import_material4.IconButton, {
-    onClick: handleClick,
-    ...props
-  }, /* @__PURE__ */ import_react7.default.createElement(import_icons_material2.MoreVert, null)), /* @__PURE__ */ import_react7.default.createElement(import_material4.Menu, {
-    anchorEl,
-    open,
-    onClose: handleClose,
-    PaperProps: {
-      variant: "elevation"
-    },
-    MenuListProps: {
-      dense: true
-    }
-  }, /* @__PURE__ */ import_react7.default.createElement(JsonMenuItem, null)));
-}, "EmbedMenu");
-
-// src/components/embed-card/card/EmbedCardHeader.tsx
-var EmbedCardHeader = /* @__PURE__ */ __name(() => {
-  const { refreshHuri, huri } = useResolvePayload();
-  const { activePlugin, timestampLabel, hideElementsConfig } = useEmbedPluginState();
-  const { hideAvatar, hideTitle, hideRefreshButton, hideTimestamp, hideCardActions } = hideElementsConfig ?? {};
-  const timestamp = Date.now();
-  return /* @__PURE__ */ import_react8.default.createElement(import_material5.CardHeader, {
-    sx: {
-      flexWrap: "wrap",
-      rowGap: 1
-    },
-    avatar: hideAvatar ? /* @__PURE__ */ import_react8.default.createElement(import_react8.default.Fragment, null) : /* @__PURE__ */ import_react8.default.createElement(import_material5.Avatar, {
-      sx: {
-        bgcolor: /* @__PURE__ */ __name((theme) => theme.palette.primary.main, "bgcolor")
-      },
-      "aria-label": activePlugin?.name
-    }, activePlugin?.name?.charAt(0)),
-    action: /* @__PURE__ */ import_react8.default.createElement(import_react_flexbox2.FlexRow, {
-      flexWrap: "wrap",
-      columnGap: 0.5
-    }, timestamp ? hideTimestamp && hideRefreshButton ? "" : /* @__PURE__ */ import_react8.default.createElement(import_material5.Chip, {
-      avatar: hideRefreshButton ? /* @__PURE__ */ import_react8.default.createElement(import_react8.default.Fragment, null) : /* @__PURE__ */ import_react8.default.createElement(import_icons_material3.Refresh, null),
-      clickable: hideRefreshButton ? false : true,
-      onClick: refreshHuri,
-      label: hideTimestamp ? "" : `${timestampLabel} ${new Date(timestamp).toLocaleString()}`
-    }) : null, hideCardActions || huri === void 0 ? null : /* @__PURE__ */ import_react8.default.createElement(EmbedMenu, null)),
-    title: hideTitle ? "" : activePlugin?.name
-  });
-}, "EmbedCardHeader");
-
-// 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");
-var import_react12 = __toESM(require("react"), 1);
-
-// src/components/controls/EmbedFormControl.tsx
-var import_material6 = require("@mui/material");
-var import_react9 = __toESM(require("react"), 1);
-var EmbedFormControl = /* @__PURE__ */ __name(({ formId, formLabel, children, ...props }) => {
-  return /* @__PURE__ */ import_react9.default.createElement(import_material6.FormControl, props, /* @__PURE__ */ import_react9.default.createElement(import_material6.InputLabel, {
-    id: formId
-  }, formLabel), children);
-}, "EmbedFormControl");
-
-// 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_react10 = __toESM(require("react"), 1);
-var listModeSelectId = "listmode-select-id";
-var listModeSelectLabel = "List Mode";
-var ListModeSelect = /* @__PURE__ */ __name((props) => {
-  const { listMode, setListMode } = (0, import_react_shared10.useListMode)();
-  return /* @__PURE__ */ import_react10.default.createElement(import_react_select.SelectEx, {
-    value: listMode ?? "default",
-    onChange: /* @__PURE__ */ __name((event) => {
-      setListMode?.(event.target.value);
-    }, "onChange"),
-    ...props
-  }, /* @__PURE__ */ import_react10.default.createElement(import_material7.MenuItem, {
-    key: "default",
-    value: "default"
-  }, "Default"), /* @__PURE__ */ import_react10.default.createElement(import_material7.MenuItem, {
-    key: "table",
-    value: "table"
-  }, "Table"), /* @__PURE__ */ import_react10.default.createElement(import_material7.MenuItem, {
-    key: "grid",
-    value: "grid"
-  }, "Grid"));
-}, "ListModeSelect");
-var ListModeSelectFormControl = /* @__PURE__ */ __name((props) => {
-  return /* @__PURE__ */ import_react10.default.createElement(EmbedFormControl, {
-    formId: listModeSelectId,
-    formLabel: listModeSelectLabel
-  }, /* @__PURE__ */ import_react10.default.createElement(ListModeSelect, {
-    size: "small",
-    label: listModeSelectLabel,
-    labelId: listModeSelectId,
-    ...props
-  }));
-}, "ListModeSelectFormControl");
-
-// src/components/controls/RenderSelect.tsx
-var import_material8 = require("@mui/material");
-var import_react_select2 = require("@xylabs/react-select");
-var import_react11 = __toESM(require("react"), 1);
-var renderSelectId = "render-select-id";
-var renderSelectLabel = "Renderer";
-var EmbedRenderSelect = /* @__PURE__ */ __name((props) => {
-  const { activePlugin, setActivePlugin, plugins } = useEmbedPluginState();
-  return /* @__PURE__ */ import_react11.default.createElement(EmbedFormControl, {
-    formId: renderSelectId,
-    formLabel: renderSelectLabel
-  }, /* @__PURE__ */ import_react11.default.createElement(import_react_select2.SelectEx, {
-    size: "small",
-    value: activePlugin?.name,
-    ...props
-  }, plugins?.map((plugin) => /* @__PURE__ */ import_react11.default.createElement(import_material8.MenuItem, {
-    value: plugin.name,
-    key: plugin.name,
-    onClick: /* @__PURE__ */ __name(() => setActivePlugin?.(plugin), "onClick")
-  }, plugin.name))));
-}, "EmbedRenderSelect");
-
-// src/components/embed-card/card/EmbedPluginCard.tsx
-var EmbedPluginCard = /* @__PURE__ */ __name(({ ...props }) => {
-  const { payload } = useResolvePayload();
-  const { activePlugin: ActivePlugin, plugins, hideElementsConfig } = useEmbedPluginState();
-  const { listMode } = (0, import_react_shared11.useListMode)();
-  const supportsListMode = ActivePlugin?.components?.box?.listModes?.length ?? 0 > 1;
-  return /* @__PURE__ */ import_react12.default.createElement(BusyCard, props, hideElementsConfig?.hideCardHeader ? null : /* @__PURE__ */ import_react12.default.createElement(EmbedCardHeader, null), plugins && plugins.length > 0 || supportsListMode ? /* @__PURE__ */ import_react12.default.createElement(import_react_flexbox3.FlexGrowRow, {
-    columnGap: 2,
-    rowGap: 2,
-    flexWrap: "wrap",
-    pb: 1
-  }, plugins && plugins.length > 1 ? /* @__PURE__ */ import_react12.default.createElement(EmbedRenderSelect, null) : null, supportsListMode ? /* @__PURE__ */ import_react12.default.createElement(ListModeSelectFormControl, null) : null) : null, /* @__PURE__ */ import_react12.default.createElement(import_material9.CardContent, {
-    sx: {
-      height: "100%"
-    }
-  }, ActivePlugin ? /* @__PURE__ */ import_react12.default.createElement(ActivePlugin.components.box.detailsBox, {
-    payload,
-    ...supportsListMode && {
-      listMode
-    }
-  }) : null));
-}, "EmbedPluginCard");
-
-// src/components/embed-card/EmbedPluginCard.tsx
-var import_material13 = require("@mui/material");
-var import_react19 = __toESM(require("react"), 1);
-
-// src/components/EmbedPlugin.tsx
-var import_react_shared13 = require("@xyo-network/react-shared");
-var import_react16 = __toESM(require("react"), 1);
-
-// src/components/EmbedResolver.tsx
-var import_react_shared12 = require("@xyo-network/react-shared");
-var import_react13 = __toESM(require("react"), 1);
-var EmbedResolver = /* @__PURE__ */ __name(({ children }) => {
-  const { payload, notFound, huriError } = useResolvePayload();
-  return /* @__PURE__ */ import_react13.default.createElement(import_react_shared12.LoadResult, {
-    searchResult: payload,
-    notFound: !!notFound,
-    error: !!huriError
-  }, children);
-}, "EmbedResolver");
-
-// src/components/validation-alerts/ValidatePayload.tsx
-var import_material10 = require("@mui/material");
-var import_react14 = __toESM(require("react"), 1);
-var ValidatePayloadAlert = /* @__PURE__ */ __name(({ children, ...props }) => {
-  const { validPayload, enabled, schema } = useValidatePayload();
-  if (enabled && validPayload === false) {
-    return /* @__PURE__ */ import_react14.default.createElement(import_material10.Alert, {
-      severity: "error",
-      title: "Invalid Payload!",
-      ...props
-    }, "Payload schema claimed to be", " ", schema, " ", "but failed to validate.");
-  }
-  return /* @__PURE__ */ import_react14.default.createElement(import_react14.default.Fragment, null, children);
-}, "ValidatePayloadAlert");
-
-// src/components/validation-alerts/ValidatePlugins.tsx
-var import_material11 = require("@mui/material");
-var import_react15 = __toESM(require("react"), 1);
-var ValidatePluginsAlert = /* @__PURE__ */ __name(({ children, ...props }) => {
-  const { payload } = useResolvePayload();
-  const { plugins } = useEmbedPluginState();
-  if (payload && plugins?.length === 0) {
-    return /* @__PURE__ */ import_react15.default.createElement(import_material11.Alert, {
-      severity: "warning",
-      ...props
-    }, /* @__PURE__ */ import_react15.default.createElement(import_material11.AlertTitle, null, "Missing plugins!"), "Payload found but no plugins were present.");
-  }
-  return /* @__PURE__ */ import_react15.default.createElement(import_react15.default.Fragment, null, children);
-}, "ValidatePluginsAlert");
-
-// src/components/EmbedPlugin.tsx
-var EmbedPluginInner = /* @__PURE__ */ __name(({ validateSchema, plugins, huriPayload, refreshTitle = "", timestampLabel = "Data From", hideElementsConfig, embedPluginConfig, onRefresh, children }) => {
-  return /* @__PURE__ */ import_react16.default.createElement(import_react_shared13.ErrorBoundary, null, /* @__PURE__ */ import_react16.default.createElement(EmbedPluginProvider, {
-    refreshTitle,
-    timestampLabel,
-    hideElementsConfig,
-    plugins,
-    embedPluginConfig
-  }, /* @__PURE__ */ import_react16.default.createElement(WithResolvers, {
-    onRefresh,
-    huriPayload
-  }, /* @__PURE__ */ import_react16.default.createElement(WithValidators, {
-    validateSchema
-  }, /* @__PURE__ */ import_react16.default.createElement(import_react_shared13.ListModeProvider, {
-    defaultListMode: embedPluginConfig?.listMode
-  }, children)))));
-}, "EmbedPluginInner");
-var WithResolvers = /* @__PURE__ */ __name(({ children, onRefresh, huriPayload }) => {
-  return /* @__PURE__ */ import_react16.default.createElement(RefreshPayloadProvider, {
-    onRefresh
-  }, /* @__PURE__ */ import_react16.default.createElement(ResolvePayloadProvider, {
-    huriPayload
-  }, /* @__PURE__ */ import_react16.default.createElement(EmbedResolver, null, children)));
-}, "WithResolvers");
-var WithValidators = /* @__PURE__ */ __name(({ children, validateSchema }) => {
-  return /* @__PURE__ */ import_react16.default.createElement(ValidatePayloadProvider, {
-    enabled: validateSchema
-  }, /* @__PURE__ */ import_react16.default.createElement(ValidatePluginsAlert, null, /* @__PURE__ */ import_react16.default.createElement(ValidatePayloadAlert, null, children)));
-}, "WithValidators");
-
-// src/components/embed-card/error-handling/EmbedCardApiErrorRenderer.tsx
-var import_react_error = require("@xyo-network/react-error");
-var import_react18 = __toESM(require("react"), 1);
-
-// src/components/embed-card/error-handling/EmbedErrorCard.tsx
-var import_material12 = require("@mui/material");
-var import_react17 = __toESM(require("react"), 1);
-var EmbedErrorCard = /* @__PURE__ */ __name((props) => {
-  const { alertProps, error, scope, hideErrorDetails = true, children, ...cardProps } = props;
-  const errorProps = {
-    alertProps,
-    error,
-    hideErrorDetails,
-    scope
-  };
-  return /* @__PURE__ */ import_react17.default.createElement(import_material12.Card, cardProps, /* @__PURE__ */ import_react17.default.createElement(import_material12.CardContent, null, children ?? /* @__PURE__ */ import_react17.default.createElement(DefaultErrorAlert, errorProps)));
-}, "EmbedErrorCard");
-var DefaultErrorAlert = /* @__PURE__ */ __name(({ alertProps, scope, hideErrorDetails, error }) => {
-  return /* @__PURE__ */ import_react17.default.createElement(import_material12.Alert, {
-    severity: "error",
-    ...alertProps
-  }, /* @__PURE__ */ import_react17.default.createElement(import_material12.AlertTitle, null, "Whoops! Something went wrong"), scope ? /* @__PURE__ */ import_react17.default.createElement(import_material12.Typography, {
-    variant: "caption"
-  }, "Scope:", scope) : null, !hideErrorDetails && error ? /* @__PURE__ */ import_react17.default.createElement(import_react17.default.Fragment, null, /* @__PURE__ */ import_react17.default.createElement(import_material12.Typography, {
-    variant: "caption"
-  }, "Error: "), /* @__PURE__ */ import_react17.default.createElement(import_material12.Typography, {
-    variant: "caption"
-  }, error?.message)) : /* @__PURE__ */ import_react17.default.createElement(import_material12.Typography, {
-    variant: "caption",
-    fontSize: "small"
-  }, "Error Loading Plugin"));
-}, "DefaultErrorAlert");
-
-// src/components/embed-card/error-handling/EmbedCardApiErrorRenderer.tsx
-var EmbedCardApiErrorRenderer = /* @__PURE__ */ __name(({ xyoError, children, ...props }) => {
-  return /* @__PURE__ */ import_react18.default.createElement(import_react_error.ErrorRender, {
-    error: xyoError,
-    noReAuth: true,
-    noErrorDisplay: true,
-    customError: /* @__PURE__ */ import_react18.default.createElement(CustomApiErrorCard, {
-      xyoError,
-      ...props
-    })
-  }, children);
-}, "EmbedCardApiErrorRenderer");
-var CustomApiErrorCard = /* @__PURE__ */ __name(({ xyoError, ...props }) => {
-  return /* @__PURE__ */ import_react18.default.createElement(EmbedErrorCard, props, /* @__PURE__ */ import_react18.default.createElement(import_react_error.ErrorAlert, {
-    error: xyoError
-  }));
-}, "CustomApiErrorCard");
-
-// src/components/embed-card/EmbedPluginCard.tsx
-var ApiEmbedPluginCard = /* @__PURE__ */ __name(({ children, ...props }) => {
-  const { validateSchema, plugins = [], huriPayload, refreshTitle = "", timestampLabel = "Data From", hideElementsConfig, embedPluginConfig, onRefresh, ...busyCardProps } = props;
-  return /* @__PURE__ */ import_react19.default.createElement(EmbedPluginInner, {
-    embedPluginConfig,
-    hideElementsConfig,
-    huriPayload,
-    onRefresh,
-    plugins,
-    refreshTitle,
-    timestampLabel,
-    validateSchema
-  }, /* @__PURE__ */ import_react19.default.createElement(EmbedPluginCardInner, busyCardProps), children);
-}, "ApiEmbedPluginCard");
-var EmbedPluginCardInner = /* @__PURE__ */ __name((props) => {
-  const { payload, huriError } = useResolvePayload();
-  const { refreshPayload } = useRefreshPayload();
-  const theme = (0, import_material13.useTheme)();
-  return /* @__PURE__ */ import_react19.default.createElement(EmbedCardApiErrorRenderer, {
-    xyoError: huriError
-  }, /* @__PURE__ */ import_react19.default.createElement(EmbedPluginCard, {
-    elevation: 3,
-    variant: "elevation",
-    busy: Boolean(!refreshPayload && payload),
-    busyVariantProps: {
-      style: {
-        alignItems: "start",
-        paddingTop: theme.spacing(2),
-        zIndex: 2
-      }
-    },
-    sx: {
-      position: "relative"
-    },
-    ...props
-  }));
-}, "EmbedPluginCardInner");
-//# sourceMappingURL=index.cjs.map