@xyo-network/react-embed 10.0.4 → 10.0.6

package/dist/browser/index.d.ts

@@ -1,4 +1,2 @@
-export * from './components/index.ts';
-export * from './contexts/index.ts';
-export * from './types/index.ts';
+export * from '@xyo-network/react-sdk/embed';
 //# sourceMappingURL=index.d.ts.map

package/dist/browser/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAA;AACrC,cAAc,qBAAqB,CAAA;AACnC,cAAc,kBAAkB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AACA,cAAc,8BAA8B,CAAA"}

package/dist/browser/index.mjs

@@ -1,686 +1,3 @@
-// src/components/embed-card/card/BusyCard.tsx
-import { useBusyTiming } from "@ariestools/sdk-react/flexbox";
-import {
-  BusyCircularProgress,
-  BusyLinearProgress
-} from "@ariestools/sdk-react/shared";
-import { Card } from "@mui/material";
-import { jsx, jsxs } from "react/jsx-runtime";
-var BusyCard = ({
-  busy,
-  busyMinimum = 500,
-  busyVariant = "circular",
-  busyVariantProps,
-  children,
-  ...props
-}) => {
-  const internalBusy = useBusyTiming(busy, busyMinimum);
-  return /* @__PURE__ */ jsxs(Card, { ...props, children: [
-    children,
-    busyVariant === "circular" && internalBusy ? /* @__PURE__ */ jsx(BusyCircularProgress, { ...busyVariantProps }) : null,
-    busyVariant === "linear" && internalBusy ? /* @__PURE__ */ jsx(BusyLinearProgress, { ...busyVariantProps }) : null
-  ] });
-};
-
-// src/components/embed-card/card/EmbedCardHeader.tsx
-import { isDefined as isDefined3 } from "@ariestools/sdk";
-import { FlexRow } from "@ariestools/sdk-react/flexbox";
-import { Refresh as RefreshIcon } from "@mui/icons-material";
-import {
-  Avatar,
-  CardHeader,
-  Chip as Chip2
-} from "@mui/material";
-import { useState as useState6 } from "react";
-
-// src/contexts/EmbedPluginContext/Context.ts
-import { createContextEx } from "@ariestools/sdk-react/shared";
-var EmbedPluginContext = createContextEx();
-
-// src/contexts/EmbedPluginContext/Provider.tsx
-import { useResetState } from "@ariestools/sdk-react/hooks";
-import { useMemo } from "react";
-import { jsx as jsx2 } from "react/jsx-runtime";
-var EmbedPluginProvider = ({
-  children,
-  refreshTitle,
-  timestampLabel,
-  hideElementsConfig,
-  plugins,
-  embedPluginConfig
-}) => {
-  const [activePlugin, setActivePlugin] = useResetState(plugins ? plugins[0] : void 0);
-  const value = useMemo(() => ({
-    activePlugin,
-    embedPluginConfig,
-    hideElementsConfig,
-    provided: true,
-    refreshTitle,
-    setActivePlugin,
-    timestampLabel
-  }), [activePlugin, embedPluginConfig, hideElementsConfig, refreshTitle, setActivePlugin, timestampLabel]);
-  return /* @__PURE__ */ jsx2(
-    EmbedPluginContext,
-    {
-      value,
-      children
-    }
-  );
-};
-
-// src/contexts/EmbedPluginContext/use.ts
-import { useContextEx } from "@ariestools/sdk-react/shared";
-var useEmbedPluginState = () => useContextEx(EmbedPluginContext, "EmbedPlugin", true);
-
-// src/contexts/PluginPropsContext/context.ts
-import { createContextEx as createContextEx2 } from "@ariestools/sdk-react/shared";
-var PluginPropsContext = createContextEx2();
-
-// src/contexts/PluginPropsContext/Provider.tsx
-import {
-  useEffect,
-  useMemo as useMemo2,
-  useState
-} from "react";
-import { jsx as jsx3 } from "react/jsx-runtime";
-var PluginPropsProvider = ({ children, pluginProps: pluginPropsProp }) => {
-  const [pluginProps, setPluginProps] = useState(pluginPropsProp);
-  useEffect(() => {
-    setPluginProps(pluginPropsProp);
-  }, [pluginPropsProp]);
-  const value = useMemo2(() => ({
-    pluginProps,
-    provided: true
-  }), [pluginProps]);
-  return /* @__PURE__ */ jsx3(PluginPropsContext, { value, children });
-};
-
-// src/contexts/PluginPropsContext/use.ts
-import { useContextEx as useContextEx2 } from "@ariestools/sdk-react/shared";
-var usePluginProps = (required = false) => useContextEx2(PluginPropsContext, "PluginProps", required);
-
-// src/contexts/RefreshPayloadContext/Provider.tsx
-import { useMemo as useMemo3, useState as useState2 } from "react";
-
-// src/contexts/RefreshPayloadContext/Context.ts
-import { createContextEx as createContextEx3 } from "@ariestools/sdk-react/shared";
-var RefreshPayloadContext = createContextEx3();
-
-// src/contexts/RefreshPayloadContext/Provider.tsx
-import { jsx as jsx4 } from "react/jsx-runtime";
-var RefreshPayloadProvider = ({
-  children,
-  onRefresh,
-  refreshPayload
-}) => {
-  const [localRefreshPayload, setLocalRefreshPayload] = useState2(refreshPayload);
-  const value = useMemo3(() => ({
-    onRefresh,
-    provided: true,
-    refreshPayload: localRefreshPayload,
-    setRefreshPayload: setLocalRefreshPayload
-  }), [onRefresh, localRefreshPayload]);
-  return /* @__PURE__ */ jsx4(RefreshPayloadContext, { value, children });
-};
-
-// src/contexts/RefreshPayloadContext/use.ts
-import { useContextEx as useContextEx3 } from "@ariestools/sdk-react/shared";
-var useRefreshPayload = () => useContextEx3(RefreshPayloadContext, "RefreshPayload", true);
-
-// src/contexts/ResolvePayloadContext/Context.ts
-import { createContextEx as createContextEx4 } from "@ariestools/sdk-react/shared";
-var ResolvePayloadContext = createContextEx4();
-
-// src/contexts/ResolvePayloadContext/Provider.tsx
-import { delay, isDefined } from "@ariestools/sdk";
-import { useAsyncEffect } from "@ariestools/sdk-react/async-effect";
-import { Huri, ModuleErrorSchema } from "@xyo-network/sdk";
-import {
-  useCallback,
-  useEffect as useEffect2,
-  useMemo as useMemo4,
-  useState as useState3
-} from "react";
-import { jsx as jsx5 } from "react/jsx-runtime";
-var ResolvePayloadProvider = ({ children, huriPayload }) => {
-  const [payload, setPayload] = useState3();
-  const [huri, setHuri] = useState3();
-  const {
-    refreshPayload,
-    setRefreshPayload,
-    onRefresh
-  } = useRefreshPayload();
-  useEffect2(() => {
-    if (typeof huriPayload === "string") {
-      setHuri(huriPayload);
-    } else if (typeof huriPayload === "object") {
-      setPayload(huriPayload);
-      setRefreshPayload?.(true);
-    }
-  }, [huriPayload]);
-  const [notFound, setNotFound] = useState3();
-  const [huriError, setHuriError] = useState3();
-  useAsyncEffect(
-    async (mounted) => {
-      if (isDefined(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 = useCallback(() => {
-    onRefresh?.();
-    if (isDefined(huri)) {
-      setRefreshPayload?.(false);
-    }
-  }, [onRefresh, huri, setRefreshPayload]);
-  const value = useMemo4(() => ({
-    huri,
-    huriError,
-    notFound,
-    payload,
-    provided: true,
-    refreshHuri,
-    setPayload
-  }), [huri, huriError, notFound, payload, refreshHuri, setPayload]);
-  return /* @__PURE__ */ jsx5(ResolvePayloadContext, { value, children });
-};
-
-// src/contexts/ResolvePayloadContext/use.ts
-import { useContextEx as useContextEx4 } from "@ariestools/sdk-react/shared";
-var useResolvePayload = () => useContextEx4(ResolvePayloadContext, "ResolvePayload", true);
-
-// src/contexts/ValidatePayloadContext/Provider.tsx
-import { useAsyncEffect as useAsyncEffect2 } from "@ariestools/sdk-react/async-effect";
-import { Chip } from "@mui/material";
-import { SchemaCache } from "@xyo-network/sdk";
-import { useMemo as useMemo5, useState as useState4 } from "react";
-
-// src/contexts/ValidatePayloadContext/Context.ts
-import { createContextEx as createContextEx5 } from "@ariestools/sdk-react/shared";
-var ValidatePayloadContext = createContextEx5();
-
-// src/contexts/ValidatePayloadContext/Provider.tsx
-import { Fragment, jsx as jsx6 } from "react/jsx-runtime";
-var ValidatePayloadProvider = ({ 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];
-        }
-        setInitialized(true);
-      }
-    },
-    [payload, enabled]
-  );
-  const value = useMemo5(() => ({
-    enabled,
-    provided: true,
-    schema: payload?.schema,
-    validPayload: valid
-  }), [enabled, payload?.schema, valid]);
-  return /* @__PURE__ */ jsx6(ValidatePayloadContext, { value, children: enabled ? /* @__PURE__ */ jsx6(Fragment, { children: initialized ? children : /* @__PURE__ */ jsx6(Chip, { label: "Validating Payload..." }) }) : children });
-};
-
-// src/contexts/ValidatePayloadContext/use.ts
-import { useContextEx as useContextEx5 } from "@ariestools/sdk-react/shared";
-var useValidatePayload = () => useContextEx5(ValidatePayloadContext, "ValidateSchema", true);
-
-// src/components/embed-card/menu/EmbedMenu.tsx
-import { MoreVert as MoreVertIcon } from "@mui/icons-material";
-import { IconButton, Menu } from "@mui/material";
-import { useState as useState5 } from "react";
-
-// src/components/embed-card/menu/JsonMenuItem.tsx
-import { isDefined as isDefined2 } from "@ariestools/sdk";
-import { OpenInNew as OpenInNewIcon } from "@mui/icons-material";
-import {
-  ListItemIcon,
-  ListItemText,
-  MenuItem
-} from "@mui/material";
-import { Fragment as Fragment2, jsx as jsx7, jsxs as jsxs2 } from "react/jsx-runtime";
-var JsonMenuItem = (props) => {
-  const { huri } = useResolvePayload();
-  return /* @__PURE__ */ jsx7(Fragment2, { children: isDefined2(huri) ? /* @__PURE__ */ jsxs2(MenuItem, { title: "Source Payload JSON", onClick: () => window.open(huri, "_blank"), ...props, children: [
-    /* @__PURE__ */ jsx7(ListItemText, { sx: { mr: 1 }, children: "JSON" }),
-    /* @__PURE__ */ jsx7(ListItemIcon, { sx: { justifyContent: "end" }, children: /* @__PURE__ */ jsx7(OpenInNewIcon, { sx: { fontSize: "small" } }) })
-  ] }) : null });
-};
-
-// src/components/embed-card/menu/EmbedMenu.tsx
-import { Fragment as Fragment3, jsx as jsx8, jsxs as jsxs3 } from "react/jsx-runtime";
-var EmbedMenu = (props) => {
-  const [anchorEl, setAnchorEl] = useState5(null);
-  const open = Boolean(anchorEl);
-  const handleClick = (event) => {
-    setAnchorEl(event.currentTarget);
-  };
-  const handleClose = () => {
-    setAnchorEl(null);
-  };
-  return /* @__PURE__ */ jsxs3(Fragment3, { children: [
-    /* @__PURE__ */ jsx8(IconButton, { onClick: handleClick, ...props, children: /* @__PURE__ */ jsx8(MoreVertIcon, {}) }),
-    /* @__PURE__ */ jsx8(
-      Menu,
-      {
-        anchorEl,
-        open,
-        onClose: handleClose,
-        slotProps: {
-          paper: { variant: "elevation" },
-          list: { dense: true }
-        },
-        children: /* @__PURE__ */ jsx8(JsonMenuItem, {})
-      }
-    )
-  ] });
-};
-
-// src/components/embed-card/card/EmbedCardHeader.tsx
-import { Fragment as Fragment4, jsx as jsx9, jsxs as jsxs4 } from "react/jsx-runtime";
-var EmbedCardHeader = () => {
-  const { refreshHuri, huri } = useResolvePayload();
-  const {
-    activePlugin,
-    timestampLabel,
-    hideElementsConfig
-  } = useEmbedPluginState();
-  const {
-    hideAvatar,
-    hideTitle,
-    hideRefreshButton,
-    hideTimestamp,
-    hideCardActions
-  } = hideElementsConfig ?? {};
-  const [timestamp] = useState6(() => Date.now());
-  return /* @__PURE__ */ jsx9(
-    CardHeader,
-    {
-      sx: { flexWrap: "wrap", rowGap: 1 },
-      avatar: hideAvatar ? /* @__PURE__ */ jsx9(Fragment4, {}) : /* @__PURE__ */ jsx9(Avatar, { sx: { bgcolor: (theme) => theme.vars.palette.primary.main }, "aria-label": activePlugin?.name, children: activePlugin?.name?.charAt(0) }),
-      action: /* @__PURE__ */ jsxs4(
-        FlexRow,
-        {
-          sx: {
-            flexWrap: "wrap",
-            columnGap: 0.5
-          },
-          children: [
-            isDefined3(timestamp) && !Number.isNaN(timestamp) ? hideTimestamp && hideRefreshButton ? "" : /* @__PURE__ */ jsx9(
-              Chip2,
-              {
-                avatar: hideRefreshButton ? /* @__PURE__ */ jsx9(Fragment4, {}) : /* @__PURE__ */ jsx9(RefreshIcon, {}),
-                clickable: hideRefreshButton ? false : true,
-                onClick: refreshHuri,
-                label: hideTimestamp ? "" : `${timestampLabel} ${new Date(timestamp).toLocaleString()}`
-              }
-            ) : null,
-            hideCardActions || huri === void 0 ? null : /* @__PURE__ */ jsx9(EmbedMenu, {})
-          ]
-        }
-      ),
-      title: hideTitle ? "" : activePlugin?.name
-    }
-  );
-};
-
-// src/components/embed-card/card/EmbedPluginCard.tsx
-import { isTruthy } from "@ariestools/sdk";
-import { FlexGrowRow } from "@ariestools/sdk-react/flexbox";
-import { CardContent } from "@mui/material";
-import { useListMode as useListMode2 } from "@xyo-network/react-shared";
-
-// src/components/controls/EmbedFormControl.tsx
-import { FormControl, InputLabel } from "@mui/material";
-import { jsx as jsx10, jsxs as jsxs5 } from "react/jsx-runtime";
-var EmbedFormControl = ({
-  formId,
-  formLabel,
-  children,
-  ...props
-}) => {
-  return /* @__PURE__ */ jsxs5(FormControl, { ...props, children: [
-    /* @__PURE__ */ jsx10(InputLabel, { id: formId, children: formLabel }),
-    children
-  ] });
-};
-
-// src/components/controls/ListModeSelect.tsx
-import { SelectEx } from "@ariestools/sdk-react/select";
-import { MenuItem as MenuItem2 } from "@mui/material";
-import { useListMode } from "@xyo-network/react-shared";
-import { jsx as jsx11, jsxs as jsxs6 } from "react/jsx-runtime";
-var listModeSelectId = "listmode-select-id";
-var listModeSelectLabel = "List Mode";
-var ListModeSelect = (props) => {
-  const { listMode, setListMode } = useListMode();
-  return /* @__PURE__ */ jsxs6(
-    SelectEx,
-    {
-      value: listMode ?? "default",
-      onChange: (event) => {
-        setListMode?.(event.target.value);
-      },
-      ...props,
-      children: [
-        /* @__PURE__ */ jsx11(MenuItem2, { value: "default", children: "Default" }, "default"),
-        /* @__PURE__ */ jsx11(MenuItem2, { value: "table", children: "Table" }, "table"),
-        /* @__PURE__ */ jsx11(MenuItem2, { value: "grid", children: "Grid" }, "grid")
-      ]
-    }
-  );
-};
-var ListModeSelectFormControl = (props) => {
-  return /* @__PURE__ */ jsx11(EmbedFormControl, { formId: listModeSelectId, formLabel: listModeSelectLabel, children: /* @__PURE__ */ jsx11(ListModeSelect, { size: "small", label: listModeSelectLabel, labelId: listModeSelectId, ...props }) });
-};
-
-// src/components/controls/RenderSelect.tsx
-import { SelectEx as SelectEx2 } from "@ariestools/sdk-react/select";
-import { MenuItem as MenuItem3 } from "@mui/material";
-import { jsx as jsx12 } from "react/jsx-runtime";
-var renderSelectId = "render-select-id";
-var renderSelectLabel = "Renderer";
-var EmbedRenderSelect = (props) => {
-  const {
-    activePlugin,
-    setActivePlugin,
-    plugins
-  } = useEmbedPluginState();
-  return /* @__PURE__ */ jsx12(EmbedFormControl, { formId: renderSelectId, formLabel: renderSelectLabel, children: /* @__PURE__ */ jsx12(SelectEx2, { size: "small", value: activePlugin?.name, ...props, children: plugins?.map((plugin) => /* @__PURE__ */ jsx12(MenuItem3, { value: plugin.name, onClick: () => setActivePlugin?.(plugin), children: plugin.name }, plugin.name)) }) });
-};
-
-// src/components/embed-card/card/EmbedPluginCard.tsx
-import { jsx as jsx13, jsxs as jsxs7 } from "react/jsx-runtime";
-var EmbedPluginCard = ({ ...props }) => {
-  const { payload } = useResolvePayload();
-  const {
-    activePlugin: ActivePlugin,
-    plugins,
-    hideElementsConfig
-  } = useEmbedPluginState();
-  const { listMode } = useListMode2();
-  const { pluginProps } = usePluginProps();
-  const supportsListMode = isTruthy(ActivePlugin?.components?.box?.listModes?.length) ? true : false;
-  return /* @__PURE__ */ jsxs7(BusyCard, { ...props, children: [
-    hideElementsConfig?.hideCardHeader ? null : /* @__PURE__ */ jsx13(EmbedCardHeader, {}),
-    plugins && plugins.length > 0 || supportsListMode ? /* @__PURE__ */ jsxs7(
-      FlexGrowRow,
-      {
-        sx: {
-          columnGap: 2,
-          rowGap: 2,
-          flexWrap: "wrap",
-          pb: 1
-        },
-        children: [
-          plugins && plugins.length > 1 ? /* @__PURE__ */ jsx13(EmbedRenderSelect, {}) : null,
-          supportsListMode ? /* @__PURE__ */ jsx13(ListModeSelectFormControl, {}) : null
-        ]
-      }
-    ) : null,
-    /* @__PURE__ */ jsx13(CardContent, { sx: { height: "100%" }, children: ActivePlugin ? /* @__PURE__ */ jsx13(ActivePlugin.components.box.detailsBox, { payload, ...pluginProps, ...supportsListMode && { listMode } }) : null })
-  ] });
-};
-
-// src/components/embed-card/EmbedPluginCard.tsx
-import { useTheme } from "@mui/material";
-
-// src/components/EmbedPlugin.tsx
-import { ErrorBoundary } from "@ariestools/sdk-react/error";
-import { ListModeProvider } from "@xyo-network/react-shared";
-
-// src/components/EmbedResolver.tsx
-import { LoadResult } from "@xyo-network/react-shared";
-import { jsx as jsx14 } from "react/jsx-runtime";
-var EmbedResolver = ({ children }) => {
-  const {
-    payload,
-    notFound,
-    huriError
-  } = useResolvePayload();
-  return /* @__PURE__ */ jsx14(LoadResult, { searchResult: payload, notFound: !!notFound, error: !!huriError, children });
-};
-
-// src/components/validation-alerts/ValidatePayload.tsx
-import { Alert } from "@mui/material";
-import { Fragment as Fragment5, jsx as jsx15, jsxs as jsxs8 } from "react/jsx-runtime";
-var ValidatePayloadAlert = ({ children, ...props }) => {
-  const {
-    validPayload,
-    enabled,
-    schema
-  } = useValidatePayload();
-  if (enabled && validPayload === false) {
-    return /* @__PURE__ */ jsxs8(Alert, { severity: "error", title: "Invalid Payload!", ...props, children: [
-      "Payload schema claimed to be",
-      " ",
-      schema,
-      " ",
-      "but failed to validate."
-    ] });
-  }
-  return /* @__PURE__ */ jsx15(Fragment5, { children });
-};
-
-// src/components/validation-alerts/ValidatePlugins.tsx
-import { Alert as Alert2, AlertTitle } from "@mui/material";
-import { Fragment as Fragment6, jsx as jsx16, jsxs as jsxs9 } from "react/jsx-runtime";
-var ValidatePluginsAlert = ({ children, ...props }) => {
-  const { payload } = useResolvePayload();
-  const { plugins } = useEmbedPluginState();
-  if (payload && plugins?.length === 0) {
-    return /* @__PURE__ */ jsxs9(Alert2, { severity: "warning", ...props, children: [
-      /* @__PURE__ */ jsx16(AlertTitle, { children: "Missing plugins!" }),
-      "Payload found but no plugins were present."
-    ] });
-  }
-  return /* @__PURE__ */ jsx16(Fragment6, { children });
-};
-
-// src/components/EmbedPlugin.tsx
-import { jsx as jsx17 } from "react/jsx-runtime";
-var EmbedPluginInner = ({
-  validateSchema,
-  plugins,
-  huriPayload,
-  refreshTitle = "",
-  timestampLabel = "Data From",
-  hideElementsConfig,
-  embedPluginConfig,
-  onRefresh,
-  children
-}) => {
-  return /* @__PURE__ */ jsx17(ErrorBoundary, { children: /* @__PURE__ */ jsx17(
-    EmbedPluginProvider,
-    {
-      refreshTitle,
-      timestampLabel,
-      hideElementsConfig,
-      plugins,
-      embedPluginConfig,
-      children: /* @__PURE__ */ jsx17(WithResolvers, { onRefresh, huriPayload, children: /* @__PURE__ */ jsx17(WithValidators, { validateSchema, children: /* @__PURE__ */ jsx17(ListModeProvider, { defaultListMode: embedPluginConfig?.listMode, children }) }) })
-    }
-  ) });
-};
-var WithResolvers = ({
-  children,
-  onRefresh,
-  huriPayload
-}) => {
-  return /* @__PURE__ */ jsx17(RefreshPayloadProvider, { onRefresh, children: /* @__PURE__ */ jsx17(ResolvePayloadProvider, { huriPayload, children: /* @__PURE__ */ jsx17(EmbedResolver, { children }) }) });
-};
-var WithValidators = ({ children, validateSchema }) => {
-  return /* @__PURE__ */ jsx17(ValidatePayloadProvider, { enabled: validateSchema, children: /* @__PURE__ */ jsx17(ValidatePluginsAlert, { children: /* @__PURE__ */ jsx17(ValidatePayloadAlert, { children }) }) });
-};
-
-// src/components/embed-card/error-handling/EmbedCardApiErrorRenderer.tsx
-import { ErrorAlert, ErrorRender } from "@ariestools/sdk-react/error";
-
-// src/components/embed-card/error-handling/EmbedErrorCard.tsx
-import { isDefined as isDefined4 } from "@ariestools/sdk";
-import {
-  Alert as Alert3,
-  AlertTitle as AlertTitle2,
-  Card as Card2,
-  CardContent as CardContent2,
-  Typography
-} from "@mui/material";
-import { Fragment as Fragment7, jsx as jsx18, jsxs as jsxs10 } from "react/jsx-runtime";
-var EmbedErrorCard = (props) => {
-  const {
-    alertProps,
-    error,
-    scope,
-    hideErrorDetails = true,
-    children,
-    ...cardProps
-  } = props;
-  const errorProps = {
-    alertProps,
-    error,
-    hideErrorDetails,
-    scope
-  };
-  return /* @__PURE__ */ jsx18(Card2, { ...cardProps, children: /* @__PURE__ */ jsx18(CardContent2, { children: children ?? /* @__PURE__ */ jsx18(DefaultErrorAlert, { ...errorProps }) }) });
-};
-var DefaultErrorAlert = ({
-  alertProps,
-  scope,
-  hideErrorDetails,
-  error
-}) => {
-  return /* @__PURE__ */ jsxs10(Alert3, { severity: "error", ...alertProps, children: [
-    /* @__PURE__ */ jsx18(AlertTitle2, { children: "Whoops! Something went wrong" }),
-    isDefined4(scope) ? /* @__PURE__ */ jsxs10(Typography, { variant: "caption", children: [
-      "Scope:",
-      scope
-    ] }) : null,
-    !hideErrorDetails && error ? /* @__PURE__ */ jsxs10(Fragment7, { children: [
-      /* @__PURE__ */ jsx18(Typography, { variant: "caption", children: "Error: " }),
-      /* @__PURE__ */ jsx18(Typography, { variant: "caption", children: error?.message })
-    ] }) : /* @__PURE__ */ jsx18(
-      Typography,
-      {
-        variant: "caption",
-        sx: { fontSize: "small" },
-        children: "Error Loading Plugin"
-      }
-    )
-  ] });
-};
-
-// src/components/embed-card/error-handling/EmbedCardApiErrorRenderer.tsx
-import { jsx as jsx19 } from "react/jsx-runtime";
-var EmbedCardApiErrorRenderer = ({
-  xyoError,
-  children,
-  ...props
-}) => {
-  return /* @__PURE__ */ jsx19(ErrorRender, { error: xyoError, noReAuth: true, noErrorDisplay: true, customError: /* @__PURE__ */ jsx19(CustomApiErrorCard, { xyoError, ...props }), children });
-};
-var CustomApiErrorCard = ({ xyoError, ...props }) => {
-  return /* @__PURE__ */ jsx19(EmbedErrorCard, { ...props, children: /* @__PURE__ */ jsx19(ErrorAlert, { error: xyoError }) });
-};
-
-// src/components/embed-card/EmbedPluginCard.tsx
-import { jsx as jsx20, jsxs as jsxs11 } from "react/jsx-runtime";
-var ApiEmbedPluginCard = ({ children, ...props }) => {
-  const {
-    validateSchema,
-    plugins = [],
-    huriPayload,
-    refreshTitle = "",
-    timestampLabel = "Data From",
-    hideElementsConfig,
-    embedPluginConfig,
-    onRefresh,
-    ...busyCardProps
-  } = props;
-  return /* @__PURE__ */ jsxs11(
-    EmbedPluginInner,
-    {
-      ...{
-        embedPluginConfig,
-        hideElementsConfig,
-        huriPayload,
-        onRefresh,
-        plugins,
-        refreshTitle,
-        timestampLabel,
-        validateSchema
-      },
-      children: [
-        /* @__PURE__ */ jsx20(EmbedPluginCardInner, { ...busyCardProps }),
-        children
-      ]
-    }
-  );
-};
-var EmbedPluginCardInner = (props) => {
-  const { payload, huriError } = useResolvePayload();
-  const { refreshPayload } = useRefreshPayload();
-  const theme = useTheme();
-  return /* @__PURE__ */ jsx20(EmbedCardApiErrorRenderer, { xyoError: huriError, children: /* @__PURE__ */ jsx20(
-    EmbedPluginCard,
-    {
-      elevation: 3,
-      variant: "elevation",
-      busy: Boolean(!refreshPayload && payload),
-      busyVariantProps: {
-        style: {
-          alignItems: "start",
-          paddingTop: theme.spacing(2),
-          zIndex: 2
-        }
-      },
-      sx: { position: "relative" },
-      ...props
-    }
-  ) });
-};
-export {
-  ApiEmbedPluginCard,
-  BusyCard,
-  EmbedCardHeader,
-  EmbedPluginCard as EmbedPlugin,
-  EmbedPluginCard,
-  EmbedPluginCardInner,
-  EmbedPluginContext,
-  EmbedPluginInner,
-  EmbedPluginProvider,
-  PluginPropsContext,
-  PluginPropsProvider,
-  RefreshPayloadProvider,
-  ResolvePayloadContext,
-  ResolvePayloadProvider,
-  ValidatePayloadProvider,
-  useEmbedPluginState,
-  usePluginProps,
-  useRefreshPayload,
-  useResolvePayload,
-  useValidatePayload
-};
+// src/index.ts
+export * from "@xyo-network/react-sdk/embed";
 //# sourceMappingURL=index.mjs.map