@xyo-network/react-embed 2.81.10 → 2.82.0

package/dist/node/index.cjs

@@ -1,8 +1,11 @@
 "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 });
@@ -15,6 +18,14 @@ var __copyProps = (to, from, except, desc) => {
   }
   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
@@ -44,85 +55,75 @@ module.exports = __toCommonJS(src_exports);
 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
-}) => {
+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__ */ (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
-  ] });
-};
+  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.tsx
+// 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_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)(() => {
+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__ */ (0, import_jsx_runtime2.jsx)(
-    EmbedPluginContext.Provider,
-    {
-      value: {
-        activePlugin,
-        embedPluginConfig,
-        hideElementsConfig,
-        provided: true,
-        refreshTitle,
-        setActivePlugin,
-        timestampLabel
-      },
-      children
+  }, [
+    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.tsx
+// src/contexts/EmbedPluginContext/use.ts
 var import_react_shared3 = require("@xyo-network/react-shared");
-var useEmbedPluginState = () => (0, import_react_shared3.useContextEx)(EmbedPluginContext, "EmbedPlugin", true);
+var useEmbedPluginState = /* @__PURE__ */ __name(() => (0, import_react_shared3.useContextEx)(EmbedPluginContext, "EmbedPlugin", true), "useEmbedPluginState");
 
 // src/contexts/RefreshPayloadContext/Provider.tsx
-var import_react2 = require("react");
+var import_react3 = __toESM(require("react"), 1);
 
-// src/contexts/RefreshPayloadContext/Context.tsx
+// 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 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 });
-};
+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.tsx
+// src/contexts/RefreshPayloadContext/use.ts
 var import_react_shared5 = require("@xyo-network/react-shared");
-var useRefreshPayload = () => (0, import_react_shared5.useContextEx)(RefreshPayloadContext, "RefreshPayload", true);
+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");
@@ -133,390 +134,475 @@ 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)();
+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_react3.useEffect)(() => {
+  (0, import_react4.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: [] });
+  }, [
+    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 == 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 = () => {
+    }
+  }, [
+    huri,
+    payload,
+    refreshPayload,
+    setRefreshPayload
+  ]);
+  const refreshHuri = /* @__PURE__ */ __name(() => {
     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 });
-};
+  }, "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.tsx
+// src/contexts/ResolvePayloadContext/use.ts
 var import_react_shared7 = require("@xyo-network/react-shared");
-var useResolvePayload = () => (0, import_react_shared7.useContextEx)(ResolvePayloadContext, "ResolvePayload", true);
+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_react4 = require("react");
+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 import_jsx_runtime5 = require("react/jsx-runtime");
-var ValidatePayloadProvider = ({ children, enabled = false }) => {
+var ValidatePayloadProvider = /* @__PURE__ */ __name(({ 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);
+  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 == null ? void 0 : validator(payload));
       }
-    },
-    [payload, enabled]
+      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 == null ? void 0 : 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)
   );
-  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 });
-};
+}, "ValidatePayloadProvider");
 
-// src/contexts/ValidatePayloadContext/use.tsx
+// src/contexts/ValidatePayloadContext/use.ts
 var import_react_shared9 = require("@xyo-network/react-shared");
-var useValidatePayload = () => (0, import_react_shared9.useContextEx)(ValidatePayloadContext, "ValidateSchema", true);
+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_react5 = require("react");
+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_jsx_runtime6 = require("react/jsx-runtime");
-var JsonMenuItem = (props) => {
+var import_react6 = __toESM(require("react"), 1);
+var JsonMenuItem = /* @__PURE__ */ __name((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 });
-};
+  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 import_jsx_runtime7 = require("react/jsx-runtime");
-var EmbedMenu = (props) => {
-  const [anchorEl, setAnchorEl] = (0, import_react5.useState)(null);
+var EmbedMenu = /* @__PURE__ */ __name((props) => {
+  const [anchorEl, setAnchorEl] = (0, import_react7.useState)(null);
   const open = Boolean(anchorEl);
-  const handleClick = (event) => {
+  const handleClick = /* @__PURE__ */ __name((event) => {
     setAnchorEl(event.currentTarget);
-  };
-  const handleClose = () => {
+  }, "handleClick");
+  const handleClose = /* @__PURE__ */ __name(() => {
     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, {}) })
-  ] });
-};
+  }, "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 import_jsx_runtime8 = require("react/jsx-runtime");
-var EmbedCardHeader = () => {
+var EmbedCardHeader = /* @__PURE__ */ __name(() => {
   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
-    }
-  );
-};
+  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 == null ? void 0 : activePlugin.name
+    }, (_a = activePlugin == null ? void 0 : activePlugin.name) == null ? void 0 : _a.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 == null ? void 0 : 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_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
-  ] });
-};
+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_jsx_runtime10 = require("react/jsx-runtime");
+var import_react10 = __toESM(require("react"), 1);
 var listModeSelectId = "listmode-select-id";
 var listModeSelectLabel = "List Mode";
-var ListModeSelect = (props) => {
+var ListModeSelect = /* @__PURE__ */ __name((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 }) });
-};
+  return /* @__PURE__ */ import_react10.default.createElement(import_react_select.SelectEx, {
+    value: listMode ?? "default",
+    onChange: /* @__PURE__ */ __name((event) => {
+      setListMode == null ? void 0 : 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_jsx_runtime11 = require("react/jsx-runtime");
+var import_react11 = __toESM(require("react"), 1);
 var renderSelectId = "render-select-id";
 var renderSelectLabel = "Renderer";
-var EmbedRenderSelect = (props) => {
+var EmbedRenderSelect = /* @__PURE__ */ __name((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)) }) });
-};
+  return /* @__PURE__ */ import_react11.default.createElement(EmbedFormControl, {
+    formId: renderSelectId,
+    formLabel: renderSelectLabel
+  }, /* @__PURE__ */ import_react11.default.createElement(import_react_select2.SelectEx, {
+    size: "small",
+    value: activePlugin == null ? void 0 : activePlugin.name,
+    ...props
+  }, plugins == null ? void 0 : plugins.map((plugin) => /* @__PURE__ */ import_react11.default.createElement(import_material8.MenuItem, {
+    value: plugin.name,
+    key: plugin.name,
+    onClick: /* @__PURE__ */ __name(() => setActivePlugin == null ? void 0 : setActivePlugin(plugin), "onClick")
+  }, plugin.name))));
+}, "EmbedRenderSelect");
 
 // src/components/embed-card/card/EmbedPluginCard.tsx
-var import_jsx_runtime12 = require("react/jsx-runtime");
-var EmbedPluginCard = ({ ...props }) => {
+var EmbedPluginCard = /* @__PURE__ */ __name(({ ...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 })
-  ] });
-};
+  return /* @__PURE__ */ import_react12.default.createElement(BusyCard, props, (hideElementsConfig == null ? void 0 : 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_jsx_runtime13 = require("react/jsx-runtime");
-var EmbedResolver = ({ children }) => {
+var import_react13 = __toESM(require("react"), 1);
+var EmbedResolver = /* @__PURE__ */ __name(({ children }) => {
   const { payload, notFound, huriError } = useResolvePayload();
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react_shared12.LoadResult, { searchResult: payload, notFound: !!notFound, error: !!huriError, children });
-};
+  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_jsx_runtime14 = require("react/jsx-runtime");
-var ValidatePayloadAlert = ({ children, ...props }) => {
+var import_react14 = __toESM(require("react"), 1);
+var ValidatePayloadAlert = /* @__PURE__ */ __name(({ 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__ */ 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__ */ (0, import_jsx_runtime14.jsx)(import_jsx_runtime14.Fragment, { children });
-};
+  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_jsx_runtime15 = require("react/jsx-runtime");
-var ValidatePluginsAlert = ({ children, ...props }) => {
+var import_react15 = __toESM(require("react"), 1);
+var ValidatePluginsAlert = /* @__PURE__ */ __name(({ 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__ */ 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__ */ (0, import_jsx_runtime15.jsx)(import_jsx_runtime15.Fragment, { children });
-};
+  return /* @__PURE__ */ import_react15.default.createElement(import_react15.default.Fragment, null, children);
+}, "ValidatePluginsAlert");
 
 // 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 }) }) });
-};
+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 == null ? void 0 : 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_jsx_runtime17 = require("react/jsx-runtime");
-var EmbedErrorCard = (props) => {
+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__ */ (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, scope, 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" }),
-    scope ? /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_material12.Typography, { variant: "caption", children: [
-      "Scope: ",
-      scope
-    ] }) : null,
-    !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" })
-  ] });
-};
+  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 == null ? void 0 : 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 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 }) });
-};
+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 import_jsx_runtime19 = require("react/jsx-runtime");
-var ApiEmbedPluginCard = ({ children, ...props }) => {
-  const {
-    validateSchema,
-    plugins = [],
-    huriPayload,
-    refreshTitle = "",
-    timestampLabel = "Data From",
-    hideElementsConfig,
+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,
-    ...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) => {
+    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__ */ (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
-    }
-  ) });
-};
+  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");
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   ApiEmbedPluginCard,