@xyo-network/react-embed 2.81.10 → 2.83.0

package/dist/browser/index.d.ts

@@ -1,4 +1,112 @@
-export * from './components/index.js';
-export * from './contexts/index.js';
-export * from './types/index.js';
-//# sourceMappingURL=index.d.ts.map
+import { CardProps, CardHeaderProps } from '@mui/material';
+import { BusyVariant, BusyCircularProgressProps, BusyLinearProgressProps, WithChildren } from '@xylabs/react-shared';
+import * as React from 'react';
+import React__default, { Dispatch, SetStateAction } from 'react';
+import { ModuleError, Payload } from '@xyo-network/payload-model';
+import { PayloadRenderPlugin } from '@xyo-network/react-payload-plugin';
+import * as _xyo_network_react_shared from '@xyo-network/react-shared';
+import { ListMode, ContextExState } from '@xyo-network/react-shared';
+
+interface BusyCardProps extends CardProps {
+    busy?: boolean;
+    busyMinimum?: number;
+    busyVariant?: BusyVariant;
+    busyVariantProps?: BusyCircularProgressProps | BusyLinearProgressProps;
+}
+declare const BusyCard: React__default.FC<WithChildren<BusyCardProps>>;
+
+declare const EmbedCardHeader: React__default.FC<CardHeaderProps>;
+
+declare const EmbedPluginCard: React__default.FC<BusyCardProps>;
+
+interface EmbedPluginVisibilityConfig {
+    hideAvatar?: boolean;
+    hideCardActions?: boolean;
+    hideCardHeader?: boolean;
+    hideErrorDetails?: boolean;
+    hideRefreshButton?: boolean;
+    hideTimestamp?: boolean;
+    hideTitle?: boolean;
+}
+interface PluginConfig {
+    listMode?: ListMode;
+}
+interface EmbedPluginBase {
+    embedPluginConfig?: PluginConfig;
+    hideElementsConfig?: EmbedPluginVisibilityConfig;
+    huri?: string;
+    plugins?: PayloadRenderPlugin[];
+    refreshTitle?: string;
+    timestampLabel?: string;
+}
+interface EmbedPluginState extends EmbedPluginBase, ContextExState {
+    activePlugin?: PayloadRenderPlugin;
+    setActivePlugin?: Dispatch<SetStateAction<PayloadRenderPlugin | undefined>>;
+}
+
+declare const EmbedPluginContext: React.Context<EmbedPluginState & _xyo_network_react_shared.ContextExState>;
+
+type EmbedPluginProviderProps = EmbedPluginBase;
+declare const EmbedPluginProvider: React__default.FC<WithChildren<EmbedPluginProviderProps>>;
+
+declare const useEmbedPluginState: () => Omit<EmbedPluginState & _xyo_network_react_shared.ContextExState, "provided">;
+
+interface RefreshPayloadProps {
+    onRefresh?: () => void;
+    refreshPayload?: boolean;
+}
+declare const RefreshPayloadProvider: React__default.FC<WithChildren<RefreshPayloadProps>>;
+
+interface RefreshPayloadState extends ContextExState {
+    onRefresh?: () => void;
+    refreshPayload?: boolean;
+    setRefreshPayload?: Dispatch<SetStateAction<boolean | undefined>>;
+}
+
+declare const useRefreshPayload: () => Omit<RefreshPayloadState & _xyo_network_react_shared.ContextExState, "provided">;
+
+interface ResolvePayloadState extends ContextExState {
+    huri?: string;
+    huriError?: ModuleError;
+    huriPayload?: string | Payload;
+    notFound?: boolean;
+    payload?: Payload;
+    refreshHuri?: () => void;
+    setPayload?: Dispatch<SetStateAction<Payload | undefined>>;
+}
+
+declare const ResolvePayloadContext: React.Context<ResolvePayloadState & _xyo_network_react_shared.ContextExState>;
+
+type ResolvePayloadProviderProps = Omit<ResolvePayloadState, 'provided'>;
+declare const ResolvePayloadProvider: React__default.FC<WithChildren<ResolvePayloadProviderProps>>;
+
+declare const useResolvePayload: () => Omit<ResolvePayloadState & _xyo_network_react_shared.ContextExState, "provided">;
+
+interface ValidatePayloadProviderProps {
+    enabled?: boolean;
+}
+declare const ValidatePayloadProvider: React__default.FC<WithChildren<ValidatePayloadProviderProps>>;
+
+interface ValidatePayloadState extends ContextExState {
+    enabled?: boolean;
+    schema?: string;
+    validPayload?: boolean;
+}
+
+declare const useValidatePayload: () => Omit<ValidatePayloadState & _xyo_network_react_shared.ContextExState, "provided">;
+
+interface EmbedPluginProps extends EmbedPluginBase {
+    hideElementsConfig?: EmbedPluginVisibilityConfig;
+    huriPayload?: string | Payload;
+    onRefresh?: () => void;
+    validateSchema?: boolean;
+}
+
+interface EmbedPluginCardProps extends WithChildren, EmbedPluginProps, BusyCardProps {
+}
+declare const ApiEmbedPluginCard: React__default.FC<EmbedPluginCardProps>;
+declare const EmbedPluginCardInner: React__default.FC<BusyCardProps>;
+
+declare const EmbedPluginInner: React__default.FC<WithChildren<EmbedPluginProps>>;
+
+export { ApiEmbedPluginCard, BusyCard, type BusyCardProps, EmbedCardHeader, EmbedPluginCard as EmbedPlugin, type EmbedPluginBase, EmbedPluginCard, EmbedPluginCardInner, type EmbedPluginCardProps, EmbedPluginContext, EmbedPluginInner, type EmbedPluginProps, EmbedPluginProvider, type EmbedPluginProviderProps, type EmbedPluginState, type EmbedPluginVisibilityConfig, type PluginConfig, type RefreshPayloadProps, RefreshPayloadProvider, type RefreshPayloadState, ResolvePayloadContext, ResolvePayloadProvider, type ResolvePayloadProviderProps, type ResolvePayloadState, ValidatePayloadProvider, type ValidatePayloadProviderProps, type ValidatePayloadState, useEmbedPluginState, useRefreshPayload, useResolvePayload, useValidatePayload };

package/dist/browser/index.mjs

@@ -0,0 +1,573 @@
+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?.(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?.(true);
+        }
+      } catch (e) {
+        const error = e;
+        setHuriError({
+          message: error.message,
+          schema: 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__ */ 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?.(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?.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(() => {
+  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?.name
+    }, activePlugin?.name?.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?.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?.(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?.name,
+    ...props
+  }, plugins?.map((plugin) => /* @__PURE__ */ React11.createElement(MenuItem3, {
+    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 } = useListMode2();
+  const supportsListMode = ActivePlugin?.components?.box?.listModes?.length ?? 0 > 1;
+  return /* @__PURE__ */ React12.createElement(BusyCard, props, 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?.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?.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?.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