@xyo-network/react-embed 2.81.10 → 2.82.0

package/dist/node/index.mjs

@@ -0,0 +1,575 @@
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+
+// src/components/embed-card/card/BusyCard.tsx
+import { Card } from "@mui/material";
+import { useBusyTiming } from "@xylabs/react-flexbox";
+import { BusyCircularProgress, BusyLinearProgress } from "@xylabs/react-shared";
+import React from "react";
+var BusyCard = /* @__PURE__ */ __name(({ busy, busyMinimum = 500, busyVariant = "circular", busyVariantProps, children, ...props }) => {
+  const internalBusy = useBusyTiming(busy, busyMinimum);
+  return /* @__PURE__ */ React.createElement(Card, props, children, busyVariant === "circular" && internalBusy ? /* @__PURE__ */ React.createElement(BusyCircularProgress, busyVariantProps) : null, busyVariant === "linear" && internalBusy ? /* @__PURE__ */ React.createElement(BusyLinearProgress, busyVariantProps) : null);
+}, "BusyCard");
+
+// src/components/embed-card/card/EmbedCardHeader.tsx
+import { Refresh as RefreshIcon } from "@mui/icons-material";
+import { Avatar, CardHeader, Chip as Chip2 } from "@mui/material";
+import { FlexRow } from "@xylabs/react-flexbox";
+import React8 from "react";
+
+// src/contexts/EmbedPluginContext/Context.ts
+import { createContextEx } from "@xyo-network/react-shared";
+var EmbedPluginContext = createContextEx();
+
+// src/contexts/EmbedPluginContext/Provider.tsx
+import React2, { useEffect, useState } from "react";
+var EmbedPluginProvider = /* @__PURE__ */ __name(({ children, refreshTitle, timestampLabel, hideElementsConfig, plugins, embedPluginConfig }) => {
+  const [activePlugin, setActivePlugin] = useState(plugins ? plugins[0] : void 0);
+  useEffect(() => {
+    setActivePlugin(plugins ? plugins[0] : void 0);
+  }, [
+    plugins
+  ]);
+  return /* @__PURE__ */ React2.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
+import { useContextEx } from "@xyo-network/react-shared";
+var useEmbedPluginState = /* @__PURE__ */ __name(() => useContextEx(EmbedPluginContext, "EmbedPlugin", true), "useEmbedPluginState");
+
+// src/contexts/RefreshPayloadContext/Provider.tsx
+import React3, { useState as useState2 } from "react";
+
+// src/contexts/RefreshPayloadContext/Context.ts
+import { createContextEx as createContextEx2 } from "@xyo-network/react-shared";
+var RefreshPayloadContext = createContextEx2();
+
+// src/contexts/RefreshPayloadContext/Provider.tsx
+var RefreshPayloadProvider = /* @__PURE__ */ __name(({ children, onRefresh, refreshPayload }) => {
+  const [localRefreshPayload, setRefreshPayload] = useState2(refreshPayload);
+  return (
+    // eslint-disable-next-line @eslint-react/no-unstable-context-value
+    /* @__PURE__ */ React3.createElement(RefreshPayloadContext.Provider, {
+      value: {
+        onRefresh,
+        provided: true,
+        refreshPayload: localRefreshPayload,
+        setRefreshPayload
+      }
+    }, children)
+  );
+}, "RefreshPayloadProvider");
+
+// src/contexts/RefreshPayloadContext/use.ts
+import { useContextEx as useContextEx2 } from "@xyo-network/react-shared";
+var useRefreshPayload = /* @__PURE__ */ __name(() => useContextEx2(RefreshPayloadContext, "RefreshPayload", true), "useRefreshPayload");
+
+// src/contexts/ResolvePayloadContext/Context.ts
+import { createContextEx as createContextEx3 } from "@xyo-network/react-shared";
+var ResolvePayloadContext = createContextEx3();
+
+// src/contexts/ResolvePayloadContext/Provider.tsx
+import { delay } from "@xylabs/delay";
+import { useAsyncEffect } from "@xylabs/react-async-effect";
+import { Huri } from "@xyo-network/huri";
+import { ModuleErrorSchema } from "@xyo-network/payload-model";
+import React4, { useEffect as useEffect2, useState as useState3 } from "react";
+var ResolvePayloadProvider = /* @__PURE__ */ __name(({ children, huriPayload }) => {
+  const [payload, setPayload] = useState3();
+  const [huri, setHuri] = useState3();
+  const { refreshPayload, setRefreshPayload, onRefresh } = useRefreshPayload();
+  useEffect2(() => {
+    typeof huriPayload === "string" ? setHuri(huriPayload) : void 0;
+    if (typeof huriPayload === "object") {
+      setPayload(huriPayload);
+      setRefreshPayload == null ? void 0 : setRefreshPayload(true);
+    }
+  }, [
+    huriPayload,
+    setRefreshPayload
+  ]);
+  const [notFound, setNotFound] = useState3();
+  const [huriError, setHuriError] = useState3();
+  useAsyncEffect(async (mounted) => {
+    if (huri && !refreshPayload) {
+      try {
+        const huriInstance = new Huri(huri);
+        const result = await huriInstance.fetch();
+        await 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: ModuleErrorSchema,
+          sources: []
+        });
+      }
+    }
+  }, [
+    huri,
+    payload,
+    refreshPayload,
+    setRefreshPayload
+  ]);
+  const refreshHuri = /* @__PURE__ */ __name(() => {
+    onRefresh == null ? void 0 : onRefresh();
+    if (huri) {
+      setRefreshPayload == null ? void 0 : setRefreshPayload(false);
+    }
+  }, "refreshHuri");
+  return (
+    // eslint-disable-next-line @eslint-react/no-unstable-context-value
+    /* @__PURE__ */ React4.createElement(ResolvePayloadContext.Provider, {
+      value: {
+        huri,
+        huriError,
+        notFound,
+        payload,
+        provided: true,
+        refreshHuri,
+        setPayload
+      }
+    }, children)
+  );
+}, "ResolvePayloadProvider");
+
+// src/contexts/ResolvePayloadContext/use.ts
+import { useContextEx as useContextEx3 } from "@xyo-network/react-shared";
+var useResolvePayload = /* @__PURE__ */ __name(() => useContextEx3(ResolvePayloadContext, "ResolvePayload", true), "useResolvePayload");
+
+// src/contexts/ValidatePayloadContext/Provider.tsx
+import { Chip } from "@mui/material";
+import { useAsyncEffect as useAsyncEffect2 } from "@xylabs/react-async-effect";
+import { SchemaCache } from "@xyo-network/schema-cache";
+import React5, { useState as useState4 } from "react";
+
+// src/contexts/ValidatePayloadContext/Context.ts
+import { createContextEx as createContextEx4 } from "@xyo-network/react-shared";
+var ValidatePayloadContext = createContextEx4();
+
+// src/contexts/ValidatePayloadContext/Provider.tsx
+var ValidatePayloadProvider = /* @__PURE__ */ __name(({ children, enabled = false }) => {
+  const { payload } = useResolvePayload();
+  const [initialized, setInitialized] = useState4(false);
+  const [valid, setValid] = useState4();
+  useAsyncEffect2(async () => {
+    if (payload && enabled) {
+      await SchemaCache.instance.get(payload.schema);
+      const possibleKnownSchema = payload.schema;
+      if (SchemaCache.instance.validators[possibleKnownSchema]) {
+        const validator = SchemaCache.instance.validators[possibleKnownSchema];
+        setValid(validator == null ? void 0 : validator(payload));
+      }
+      setInitialized(true);
+    }
+  }, [
+    payload,
+    enabled
+  ]);
+  return (
+    // eslint-disable-next-line @eslint-react/no-unstable-context-value
+    /* @__PURE__ */ React5.createElement(ValidatePayloadContext.Provider, {
+      value: {
+        enabled,
+        provided: true,
+        schema: payload == null ? void 0 : payload.schema,
+        validPayload: valid
+      }
+    }, enabled ? /* @__PURE__ */ React5.createElement(React5.Fragment, null, initialized ? children : /* @__PURE__ */ React5.createElement(Chip, {
+      label: "Validating Payload..."
+    })) : children)
+  );
+}, "ValidatePayloadProvider");
+
+// src/contexts/ValidatePayloadContext/use.ts
+import { useContextEx as useContextEx4 } from "@xyo-network/react-shared";
+var useValidatePayload = /* @__PURE__ */ __name(() => useContextEx4(ValidatePayloadContext, "ValidateSchema", true), "useValidatePayload");
+
+// src/components/embed-card/menu/EmbedMenu.tsx
+import { MoreVert as MoreVertIcon } from "@mui/icons-material";
+import { IconButton, Menu } from "@mui/material";
+import React7, { useState as useState5 } from "react";
+
+// src/components/embed-card/menu/JsonMenuItem.tsx
+import { OpenInNew as OpenInNewIcon } from "@mui/icons-material";
+import { ListItemIcon, ListItemText, MenuItem } from "@mui/material";
+import React6 from "react";
+var JsonMenuItem = /* @__PURE__ */ __name((props) => {
+  const { huri } = useResolvePayload();
+  return /* @__PURE__ */ React6.createElement(React6.Fragment, null, huri ? /* @__PURE__ */ React6.createElement(MenuItem, {
+    title: "Source Payload JSON",
+    onClick: /* @__PURE__ */ __name(() => window.open(huri, "_blank"), "onClick"),
+    ...props
+  }, /* @__PURE__ */ React6.createElement(ListItemText, {
+    sx: {
+      mr: 1
+    }
+  }, "JSON"), /* @__PURE__ */ React6.createElement(ListItemIcon, {
+    sx: {
+      justifyContent: "end"
+    }
+  }, /* @__PURE__ */ React6.createElement(OpenInNewIcon, {
+    fontSize: "small"
+  }))) : null);
+}, "JsonMenuItem");
+
+// src/components/embed-card/menu/EmbedMenu.tsx
+var EmbedMenu = /* @__PURE__ */ __name((props) => {
+  const [anchorEl, setAnchorEl] = useState5(null);
+  const open = Boolean(anchorEl);
+  const handleClick = /* @__PURE__ */ __name((event) => {
+    setAnchorEl(event.currentTarget);
+  }, "handleClick");
+  const handleClose = /* @__PURE__ */ __name(() => {
+    setAnchorEl(null);
+  }, "handleClose");
+  return /* @__PURE__ */ React7.createElement(React7.Fragment, null, /* @__PURE__ */ React7.createElement(IconButton, {
+    onClick: handleClick,
+    ...props
+  }, /* @__PURE__ */ React7.createElement(MoreVertIcon, null)), /* @__PURE__ */ React7.createElement(Menu, {
+    anchorEl,
+    open,
+    onClose: handleClose,
+    PaperProps: {
+      variant: "elevation"
+    },
+    MenuListProps: {
+      dense: true
+    }
+  }, /* @__PURE__ */ React7.createElement(JsonMenuItem, null)));
+}, "EmbedMenu");
+
+// src/components/embed-card/card/EmbedCardHeader.tsx
+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__ */ React8.createElement(CardHeader, {
+    sx: {
+      flexWrap: "wrap",
+      rowGap: 1
+    },
+    avatar: hideAvatar ? /* @__PURE__ */ React8.createElement(React8.Fragment, null) : /* @__PURE__ */ React8.createElement(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__ */ React8.createElement(FlexRow, {
+      flexWrap: "wrap",
+      columnGap: 0.5
+    }, timestamp ? hideTimestamp && hideRefreshButton ? "" : /* @__PURE__ */ React8.createElement(Chip2, {
+      avatar: hideRefreshButton ? /* @__PURE__ */ React8.createElement(React8.Fragment, null) : /* @__PURE__ */ React8.createElement(RefreshIcon, null),
+      clickable: hideRefreshButton ? false : true,
+      onClick: refreshHuri,
+      label: hideTimestamp ? "" : `${timestampLabel} ${new Date(timestamp).toLocaleString()}`
+    }) : null, hideCardActions || huri === void 0 ? null : /* @__PURE__ */ React8.createElement(EmbedMenu, null)),
+    title: hideTitle ? "" : activePlugin == null ? void 0 : activePlugin.name
+  });
+}, "EmbedCardHeader");
+
+// src/components/embed-card/card/EmbedPluginCard.tsx
+import { CardContent } from "@mui/material";
+import { FlexGrowRow } from "@xylabs/react-flexbox";
+import { useListMode as useListMode2 } from "@xyo-network/react-shared";
+import React12 from "react";
+
+// src/components/controls/EmbedFormControl.tsx
+import { FormControl, InputLabel } from "@mui/material";
+import React9 from "react";
+var EmbedFormControl = /* @__PURE__ */ __name(({ formId, formLabel, children, ...props }) => {
+  return /* @__PURE__ */ React9.createElement(FormControl, props, /* @__PURE__ */ React9.createElement(InputLabel, {
+    id: formId
+  }, formLabel), children);
+}, "EmbedFormControl");
+
+// src/components/controls/ListModeSelect.tsx
+import { MenuItem as MenuItem2 } from "@mui/material";
+import { SelectEx } from "@xylabs/react-select";
+import { useListMode } from "@xyo-network/react-shared";
+import React10 from "react";
+var listModeSelectId = "listmode-select-id";
+var listModeSelectLabel = "List Mode";
+var ListModeSelect = /* @__PURE__ */ __name((props) => {
+  const { listMode, setListMode } = useListMode();
+  return /* @__PURE__ */ React10.createElement(SelectEx, {
+    value: listMode ?? "default",
+    onChange: /* @__PURE__ */ __name((event) => {
+      setListMode == null ? void 0 : setListMode(event.target.value);
+    }, "onChange"),
+    ...props
+  }, /* @__PURE__ */ React10.createElement(MenuItem2, {
+    key: "default",
+    value: "default"
+  }, "Default"), /* @__PURE__ */ React10.createElement(MenuItem2, {
+    key: "table",
+    value: "table"
+  }, "Table"), /* @__PURE__ */ React10.createElement(MenuItem2, {
+    key: "grid",
+    value: "grid"
+  }, "Grid"));
+}, "ListModeSelect");
+var ListModeSelectFormControl = /* @__PURE__ */ __name((props) => {
+  return /* @__PURE__ */ React10.createElement(EmbedFormControl, {
+    formId: listModeSelectId,
+    formLabel: listModeSelectLabel
+  }, /* @__PURE__ */ React10.createElement(ListModeSelect, {
+    size: "small",
+    label: listModeSelectLabel,
+    labelId: listModeSelectId,
+    ...props
+  }));
+}, "ListModeSelectFormControl");
+
+// src/components/controls/RenderSelect.tsx
+import { MenuItem as MenuItem3 } from "@mui/material";
+import { SelectEx as SelectEx2 } from "@xylabs/react-select";
+import React11 from "react";
+var renderSelectId = "render-select-id";
+var renderSelectLabel = "Renderer";
+var EmbedRenderSelect = /* @__PURE__ */ __name((props) => {
+  const { activePlugin, setActivePlugin, plugins } = useEmbedPluginState();
+  return /* @__PURE__ */ React11.createElement(EmbedFormControl, {
+    formId: renderSelectId,
+    formLabel: renderSelectLabel
+  }, /* @__PURE__ */ React11.createElement(SelectEx2, {
+    size: "small",
+    value: activePlugin == null ? void 0 : activePlugin.name,
+    ...props
+  }, plugins == null ? void 0 : plugins.map((plugin) => /* @__PURE__ */ React11.createElement(MenuItem3, {
+    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 EmbedPluginCard = /* @__PURE__ */ __name(({ ...props }) => {
+  var _a, _b, _c;
+  const { payload } = useResolvePayload();
+  const { activePlugin: ActivePlugin, plugins, hideElementsConfig } = useEmbedPluginState();
+  const { listMode } = useListMode2();
+  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__ */ React12.createElement(BusyCard, props, (hideElementsConfig == null ? void 0 : hideElementsConfig.hideCardHeader) ? null : /* @__PURE__ */ React12.createElement(EmbedCardHeader, null), plugins && plugins.length > 0 || supportsListMode ? /* @__PURE__ */ React12.createElement(FlexGrowRow, {
+    columnGap: 2,
+    rowGap: 2,
+    flexWrap: "wrap",
+    pb: 1
+  }, plugins && plugins.length > 1 ? /* @__PURE__ */ React12.createElement(EmbedRenderSelect, null) : null, supportsListMode ? /* @__PURE__ */ React12.createElement(ListModeSelectFormControl, null) : null) : null, /* @__PURE__ */ React12.createElement(CardContent, {
+    sx: {
+      height: "100%"
+    }
+  }, ActivePlugin ? /* @__PURE__ */ React12.createElement(ActivePlugin.components.box.detailsBox, {
+    payload,
+    ...supportsListMode && {
+      listMode
+    }
+  }) : null));
+}, "EmbedPluginCard");
+
+// src/components/embed-card/EmbedPluginCard.tsx
+import { useTheme } from "@mui/material";
+import React19 from "react";
+
+// src/components/EmbedPlugin.tsx
+import { ErrorBoundary, ListModeProvider } from "@xyo-network/react-shared";
+import React16 from "react";
+
+// src/components/EmbedResolver.tsx
+import { LoadResult } from "@xyo-network/react-shared";
+import React13 from "react";
+var EmbedResolver = /* @__PURE__ */ __name(({ children }) => {
+  const { payload, notFound, huriError } = useResolvePayload();
+  return /* @__PURE__ */ React13.createElement(LoadResult, {
+    searchResult: payload,
+    notFound: !!notFound,
+    error: !!huriError
+  }, children);
+}, "EmbedResolver");
+
+// src/components/validation-alerts/ValidatePayload.tsx
+import { Alert } from "@mui/material";
+import React14 from "react";
+var ValidatePayloadAlert = /* @__PURE__ */ __name(({ children, ...props }) => {
+  const { validPayload, enabled, schema } = useValidatePayload();
+  if (enabled && validPayload === false) {
+    return /* @__PURE__ */ React14.createElement(Alert, {
+      severity: "error",
+      title: "Invalid Payload!",
+      ...props
+    }, "Payload schema claimed to be", " ", schema, " ", "but failed to validate.");
+  }
+  return /* @__PURE__ */ React14.createElement(React14.Fragment, null, children);
+}, "ValidatePayloadAlert");
+
+// src/components/validation-alerts/ValidatePlugins.tsx
+import { Alert as Alert2, AlertTitle } from "@mui/material";
+import React15 from "react";
+var ValidatePluginsAlert = /* @__PURE__ */ __name(({ children, ...props }) => {
+  const { payload } = useResolvePayload();
+  const { plugins } = useEmbedPluginState();
+  if (payload && (plugins == null ? void 0 : plugins.length) === 0) {
+    return /* @__PURE__ */ React15.createElement(Alert2, {
+      severity: "warning",
+      ...props
+    }, /* @__PURE__ */ React15.createElement(AlertTitle, null, "Missing plugins!"), "Payload found but no plugins were present.");
+  }
+  return /* @__PURE__ */ React15.createElement(React15.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__ */ React16.createElement(ErrorBoundary, null, /* @__PURE__ */ React16.createElement(EmbedPluginProvider, {
+    refreshTitle,
+    timestampLabel,
+    hideElementsConfig,
+    plugins,
+    embedPluginConfig
+  }, /* @__PURE__ */ React16.createElement(WithResolvers, {
+    onRefresh,
+    huriPayload
+  }, /* @__PURE__ */ React16.createElement(WithValidators, {
+    validateSchema
+  }, /* @__PURE__ */ React16.createElement(ListModeProvider, {
+    defaultListMode: embedPluginConfig == null ? void 0 : embedPluginConfig.listMode
+  }, children)))));
+}, "EmbedPluginInner");
+var WithResolvers = /* @__PURE__ */ __name(({ children, onRefresh, huriPayload }) => {
+  return /* @__PURE__ */ React16.createElement(RefreshPayloadProvider, {
+    onRefresh
+  }, /* @__PURE__ */ React16.createElement(ResolvePayloadProvider, {
+    huriPayload
+  }, /* @__PURE__ */ React16.createElement(EmbedResolver, null, children)));
+}, "WithResolvers");
+var WithValidators = /* @__PURE__ */ __name(({ children, validateSchema }) => {
+  return /* @__PURE__ */ React16.createElement(ValidatePayloadProvider, {
+    enabled: validateSchema
+  }, /* @__PURE__ */ React16.createElement(ValidatePluginsAlert, null, /* @__PURE__ */ React16.createElement(ValidatePayloadAlert, null, children)));
+}, "WithValidators");
+
+// src/components/embed-card/error-handling/EmbedCardApiErrorRenderer.tsx
+import { ErrorAlert, ErrorRender } from "@xyo-network/react-error";
+import React18 from "react";
+
+// src/components/embed-card/error-handling/EmbedErrorCard.tsx
+import { Alert as Alert3, AlertTitle as AlertTitle2, Card as Card2, CardContent as CardContent2, Typography } from "@mui/material";
+import React17 from "react";
+var EmbedErrorCard = /* @__PURE__ */ __name((props) => {
+  const { alertProps, error, scope, hideErrorDetails = true, children, ...cardProps } = props;
+  const errorProps = {
+    alertProps,
+    error,
+    hideErrorDetails,
+    scope
+  };
+  return /* @__PURE__ */ React17.createElement(Card2, cardProps, /* @__PURE__ */ React17.createElement(CardContent2, null, children ?? /* @__PURE__ */ React17.createElement(DefaultErrorAlert, errorProps)));
+}, "EmbedErrorCard");
+var DefaultErrorAlert = /* @__PURE__ */ __name(({ alertProps, scope, hideErrorDetails, error }) => {
+  return /* @__PURE__ */ React17.createElement(Alert3, {
+    severity: "error",
+    ...alertProps
+  }, /* @__PURE__ */ React17.createElement(AlertTitle2, null, "Whoops! Something went wrong"), scope ? /* @__PURE__ */ React17.createElement(Typography, {
+    variant: "caption"
+  }, "Scope:", scope) : null, !hideErrorDetails && error ? /* @__PURE__ */ React17.createElement(React17.Fragment, null, /* @__PURE__ */ React17.createElement(Typography, {
+    variant: "caption"
+  }, "Error: "), /* @__PURE__ */ React17.createElement(Typography, {
+    variant: "caption"
+  }, error == null ? void 0 : error.message)) : /* @__PURE__ */ React17.createElement(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__ */ React18.createElement(ErrorRender, {
+    error: xyoError,
+    noReAuth: true,
+    noErrorDisplay: true,
+    customError: /* @__PURE__ */ React18.createElement(CustomApiErrorCard, {
+      xyoError,
+      ...props
+    })
+  }, children);
+}, "EmbedCardApiErrorRenderer");
+var CustomApiErrorCard = /* @__PURE__ */ __name(({ xyoError, ...props }) => {
+  return /* @__PURE__ */ React18.createElement(EmbedErrorCard, props, /* @__PURE__ */ React18.createElement(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__ */ React19.createElement(EmbedPluginInner, {
+    embedPluginConfig,
+    hideElementsConfig,
+    huriPayload,
+    onRefresh,
+    plugins,
+    refreshTitle,
+    timestampLabel,
+    validateSchema
+  }, /* @__PURE__ */ React19.createElement(EmbedPluginCardInner, busyCardProps), children);
+}, "ApiEmbedPluginCard");
+var EmbedPluginCardInner = /* @__PURE__ */ __name((props) => {
+  const { payload, huriError } = useResolvePayload();
+  const { refreshPayload } = useRefreshPayload();
+  const theme = useTheme();
+  return /* @__PURE__ */ React19.createElement(EmbedCardApiErrorRenderer, {
+    xyoError: huriError
+  }, /* @__PURE__ */ React19.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");
+export {
+  ApiEmbedPluginCard,
+  BusyCard,
+  EmbedCardHeader,
+  EmbedPluginCard as EmbedPlugin,
+  EmbedPluginCard,
+  EmbedPluginCardInner,
+  EmbedPluginContext,
+  EmbedPluginInner,
+  EmbedPluginProvider,
+  RefreshPayloadProvider,
+  ResolvePayloadContext,
+  ResolvePayloadProvider,
+  ValidatePayloadProvider,
+  useEmbedPluginState,
+  useRefreshPayload,
+  useResolvePayload,
+  useValidatePayload
+};
+//# sourceMappingURL=index.mjs.map