@xyo-network/react-embed 2.77.0-rc.1 → 2.77.1

package/dist/node/index.js

@@ -1,496 +1,2 @@
-// 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 { 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 { Refresh as RefreshIcon } from "@mui/icons-material";
-import { Avatar, CardHeader, Chip as Chip2 } from "@mui/material";
-import { FlexRow } from "@xylabs/react-flexbox";
-
-// src/contexts/EmbedPluginContext/Context.tsx
-import { createContextEx } from "@xyo-network/react-shared";
-var EmbedPluginContext = createContextEx();
-
-// src/contexts/EmbedPluginContext/Provider.tsx
-import { useEffect, useState } from "react";
-import { jsx as jsx2 } from "react/jsx-runtime";
-var EmbedPluginProvider = ({
-  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__ */ jsx2(
-    EmbedPluginContext.Provider,
-    {
-      value: {
-        activePlugin,
-        embedPluginConfig,
-        hideElementsConfig,
-        provided: true,
-        refreshTitle,
-        setActivePlugin,
-        timestampLabel
-      },
-      children
-    }
-  );
-};
-
-// src/contexts/EmbedPluginContext/use.tsx
-import { useContextEx } from "@xyo-network/react-shared";
-var useEmbedPluginState = () => useContextEx(EmbedPluginContext, "EmbedPlugin", true);
-
-// src/contexts/RefreshPayloadContext/Provider.tsx
-import { useState as useState2 } from "react";
-
-// src/contexts/RefreshPayloadContext/Context.tsx
-import { createContextEx as createContextEx2 } from "@xyo-network/react-shared";
-var RefreshPayloadContext = createContextEx2();
-
-// src/contexts/RefreshPayloadContext/Provider.tsx
-import { jsx as jsx3 } from "react/jsx-runtime";
-var RefreshPayloadProvider = ({ children, onRefresh, refreshPayload }) => {
-  const [localRefreshPayload, setRefreshPayload] = useState2(refreshPayload);
-  return /* @__PURE__ */ jsx3(RefreshPayloadContext.Provider, { value: { onRefresh, provided: true, refreshPayload: localRefreshPayload, setRefreshPayload }, children });
-};
-
-// src/contexts/RefreshPayloadContext/use.tsx
-import { useContextEx as useContextEx2 } from "@xyo-network/react-shared";
-var useRefreshPayload = () => useContextEx2(RefreshPayloadContext, "RefreshPayload", true);
-
-// 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 { useEffect as useEffect2, useState as useState3 } from "react";
-import { jsx as jsx4 } from "react/jsx-runtime";
-var ResolvePayloadProvider = ({ 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(
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    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 = () => {
-    onRefresh == null ? void 0 : onRefresh();
-    if (huri) {
-      setRefreshPayload == null ? void 0 : setRefreshPayload(false);
-    }
-  };
-  return /* @__PURE__ */ jsx4(ResolvePayloadContext.Provider, { value: { huri, huriError, notFound, payload, provided: true, refreshHuri, setPayload }, children });
-};
-
-// src/contexts/ResolvePayloadContext/use.tsx
-import { useContextEx as useContextEx3 } from "@xyo-network/react-shared";
-var useResolvePayload = () => useContextEx3(ResolvePayloadContext, "ResolvePayload", true);
-
-// 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 { 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
-import { Fragment, jsx as jsx5 } from "react/jsx-runtime";
-var ValidatePayloadProvider = ({ children, enabled = false }) => {
-  const { payload } = useResolvePayload();
-  const [initialized, setInitialized] = useState4(false);
-  const [valid, setValid] = useState4();
-  useAsyncEffect2(
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    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 /* @__PURE__ */ jsx5(ValidatePayloadContext.Provider, { value: { enabled, provided: true, schema: payload == null ? void 0 : payload.schema, validPayload: valid }, children: enabled ? /* @__PURE__ */ jsx5(Fragment, { children: initialized ? children : /* @__PURE__ */ jsx5(Chip, { label: "Validating Payload..." }) }) : children });
-};
-
-// src/contexts/ValidatePayloadContext/use.tsx
-import { useContextEx as useContextEx4 } from "@xyo-network/react-shared";
-var useValidatePayload = () => useContextEx4(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 { OpenInNew as OpenInNewIcon } from "@mui/icons-material";
-import { ListItemIcon, ListItemText, MenuItem } from "@mui/material";
-import { Fragment as Fragment2, jsx as jsx6, jsxs as jsxs2 } from "react/jsx-runtime";
-var JsonMenuItem = (props) => {
-  const { huri } = useResolvePayload();
-  return /* @__PURE__ */ jsx6(Fragment2, { children: huri ? /* @__PURE__ */ jsxs2(MenuItem, { title: "Source Payload JSON", onClick: () => window.open(huri, "_blank"), ...props, children: [
-    /* @__PURE__ */ jsx6(ListItemText, { sx: { mr: 1 }, children: "JSON" }),
-    /* @__PURE__ */ jsx6(ListItemIcon, { sx: { justifyContent: "end" }, children: /* @__PURE__ */ jsx6(OpenInNewIcon, { fontSize: "small" }) })
-  ] }) : null });
-};
-
-// src/components/embed-card/menu/EmbedMenu.tsx
-import { Fragment as Fragment3, jsx as jsx7, 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__ */ jsx7(IconButton, { onClick: handleClick, ...props, children: /* @__PURE__ */ jsx7(MoreVertIcon, {}) }),
-    /* @__PURE__ */ jsx7(Menu, { anchorEl, open, onClose: handleClose, PaperProps: { variant: "elevation" }, MenuListProps: { dense: true }, children: /* @__PURE__ */ jsx7(JsonMenuItem, {}) })
-  ] });
-};
-
-// src/components/embed-card/card/EmbedCardHeader.tsx
-import { Fragment as Fragment4, jsx as jsx8, jsxs as jsxs4 } from "react/jsx-runtime";
-var EmbedCardHeader = () => {
-  var _a;
-  const { refreshHuri, huri } = useResolvePayload();
-  const { activePlugin, timestampLabel, hideElementsConfig } = useEmbedPluginState();
-  const { hideAvatar, hideTitle, hideRefreshButton, hideTimestamp, hideCardActions } = hideElementsConfig ?? {};
-  const timestamp = Date.now();
-  return /* @__PURE__ */ jsx8(
-    CardHeader,
-    {
-      sx: { flexWrap: "wrap", rowGap: 1 },
-      avatar: hideAvatar ? /* @__PURE__ */ jsx8(Fragment4, {}) : /* @__PURE__ */ jsx8(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__ */ jsxs4(FlexRow, { flexWrap: "wrap", columnGap: 0.5, children: [
-        timestamp ? hideTimestamp && hideRefreshButton ? "" : /* @__PURE__ */ jsx8(
-          Chip2,
-          {
-            avatar: hideRefreshButton ? /* @__PURE__ */ jsx8(Fragment4, {}) : /* @__PURE__ */ jsx8(RefreshIcon, {}),
-            clickable: hideRefreshButton ? false : true,
-            onClick: refreshHuri,
-            label: hideTimestamp ? "" : `${timestampLabel} ${new Date(timestamp).toLocaleString()}`
-          }
-        ) : null,
-        hideCardActions || huri === void 0 ? null : /* @__PURE__ */ jsx8(EmbedMenu, {})
-      ] }),
-      title: hideTitle ? "" : activePlugin == null ? void 0 : activePlugin.name
-    }
-  );
-};
-
-// 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";
-
-// src/components/controls/EmbedFormControl.tsx
-import { FormControl, InputLabel } from "@mui/material";
-import { jsx as jsx9, jsxs as jsxs5 } from "react/jsx-runtime";
-var EmbedFormControl = ({ formId, formLabel, children, ...props }) => {
-  return /* @__PURE__ */ jsxs5(FormControl, { ...props, children: [
-    /* @__PURE__ */ jsx9(InputLabel, { id: formId, children: formLabel }),
-    children
-  ] });
-};
-
-// 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 { jsx as jsx10, 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 == null ? void 0 : setListMode(event.target.value);
-      },
-      ...props,
-      children: [
-        /* @__PURE__ */ jsx10(MenuItem2, { value: "default", children: "Default" }, "default"),
-        /* @__PURE__ */ jsx10(MenuItem2, { value: "table", children: "Table" }, "table"),
-        /* @__PURE__ */ jsx10(MenuItem2, { value: "grid", children: "Grid" }, "grid")
-      ]
-    }
-  );
-};
-var ListModeSelectFormControl = (props) => {
-  return /* @__PURE__ */ jsx10(EmbedFormControl, { formId: listModeSelectId, formLabel: listModeSelectLabel, children: /* @__PURE__ */ jsx10(ListModeSelect, { size: "small", label: listModeSelectLabel, labelId: listModeSelectId, ...props }) });
-};
-
-// src/components/controls/RenderSelect.tsx
-import { MenuItem as MenuItem3 } from "@mui/material";
-import { SelectEx as SelectEx2 } from "@xylabs/react-select";
-import { jsx as jsx11 } from "react/jsx-runtime";
-var renderSelectId = "render-select-id";
-var renderSelectLabel = "Renderer";
-var EmbedRenderSelect = (props) => {
-  const { activePlugin, setActivePlugin, plugins } = useEmbedPluginState();
-  return /* @__PURE__ */ jsx11(EmbedFormControl, { formId: renderSelectId, formLabel: renderSelectLabel, children: /* @__PURE__ */ jsx11(SelectEx2, { size: "small", value: activePlugin == null ? void 0 : activePlugin.name, ...props, children: plugins == null ? void 0 : plugins.map((plugin) => /* @__PURE__ */ jsx11(MenuItem3, { value: plugin.name, onClick: () => setActivePlugin == null ? void 0 : setActivePlugin(plugin), children: plugin.name }, plugin.name)) }) });
-};
-
-// src/components/embed-card/card/EmbedPluginCard.tsx
-import { jsx as jsx12, jsxs as jsxs7 } from "react/jsx-runtime";
-var EmbedPluginCard = ({ ...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__ */ jsxs7(BusyCard, { ...props, children: [
-    (hideElementsConfig == null ? void 0 : hideElementsConfig.hideCardHeader) ? null : /* @__PURE__ */ jsx12(EmbedCardHeader, {}),
-    plugins && plugins.length > 0 || supportsListMode ? /* @__PURE__ */ jsxs7(FlexGrowRow, { columnGap: 2, rowGap: 2, flexWrap: "wrap", pb: 1, children: [
-      plugins && plugins.length > 1 ? /* @__PURE__ */ jsx12(EmbedRenderSelect, {}) : null,
-      supportsListMode ? /* @__PURE__ */ jsx12(ListModeSelectFormControl, {}) : null
-    ] }) : null,
-    /* @__PURE__ */ jsx12(CardContent, { sx: { height: "100%" }, children: ActivePlugin ? /* @__PURE__ */ jsx12(ActivePlugin.components.box.detailsBox, { payload, ...supportsListMode && { listMode } }) : null })
-  ] });
-};
-
-// src/components/embed-card/EmbedPluginCard.tsx
-import { useTheme } from "@mui/material";
-
-// src/components/EmbedPlugin.tsx
-import { ErrorBoundary, ListModeProvider } from "@xyo-network/react-shared";
-
-// src/components/EmbedResolver.tsx
-import { LoadResult } from "@xyo-network/react-shared";
-import { jsx as jsx13 } from "react/jsx-runtime";
-var EmbedResolver = ({ children }) => {
-  const { payload, notFound, huriError } = useResolvePayload();
-  return /* @__PURE__ */ jsx13(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 jsx14, 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__ */ jsx14(Fragment5, { children });
-};
-
-// src/components/validation-alerts/ValidatePlugins.tsx
-import { Alert as Alert2, AlertTitle } from "@mui/material";
-import { Fragment as Fragment6, jsx as jsx15, jsxs as jsxs9 } from "react/jsx-runtime";
-var ValidatePluginsAlert = ({ children, ...props }) => {
-  const { payload } = useResolvePayload();
-  const { plugins } = useEmbedPluginState();
-  if (payload && (plugins == null ? void 0 : plugins.length) === 0) {
-    return /* @__PURE__ */ jsxs9(Alert2, { severity: "warning", ...props, children: [
-      /* @__PURE__ */ jsx15(AlertTitle, { children: "Missing plugins!" }),
-      "Payload found but no plugins were present."
-    ] });
-  }
-  return /* @__PURE__ */ jsx15(Fragment6, { children });
-};
-
-// src/components/EmbedPlugin.tsx
-import { jsx as jsx16 } from "react/jsx-runtime";
-var EmbedPluginInner = ({
-  validateSchema,
-  plugins = [],
-  huriPayload,
-  refreshTitle = "",
-  timestampLabel = "Data From",
-  hideElementsConfig,
-  embedPluginConfig,
-  onRefresh,
-  children
-}) => {
-  return /* @__PURE__ */ jsx16(ErrorBoundary, { children: /* @__PURE__ */ jsx16(
-    EmbedPluginProvider,
-    {
-      refreshTitle,
-      timestampLabel,
-      hideElementsConfig,
-      plugins,
-      embedPluginConfig,
-      children: /* @__PURE__ */ jsx16(WithResolvers, { onRefresh, huriPayload, children: /* @__PURE__ */ jsx16(WithValidators, { validateSchema, children: /* @__PURE__ */ jsx16(ListModeProvider, { defaultListMode: embedPluginConfig == null ? void 0 : embedPluginConfig.listMode, children }) }) })
-    }
-  ) });
-};
-var WithResolvers = ({ children, onRefresh, huriPayload }) => {
-  return /* @__PURE__ */ jsx16(RefreshPayloadProvider, { onRefresh, children: /* @__PURE__ */ jsx16(ResolvePayloadProvider, { huriPayload, children: /* @__PURE__ */ jsx16(EmbedResolver, { children }) }) });
-};
-var WithValidators = ({ children, validateSchema }) => {
-  return /* @__PURE__ */ jsx16(ValidatePayloadProvider, { enabled: validateSchema, children: /* @__PURE__ */ jsx16(ValidatePluginsAlert, { children: /* @__PURE__ */ jsx16(ValidatePayloadAlert, { children }) }) });
-};
-
-// src/components/embed-card/error-handling/EmbedCardApiErrorRenderer.tsx
-import { ErrorAlert, ErrorRender } from "@xyo-network/react-error";
-
-// 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 { Fragment as Fragment7, jsx as jsx17, jsxs as jsxs10 } from "react/jsx-runtime";
-var EmbedErrorCard = (props) => {
-  const { alertProps, error, hideErrorDetails = true, children, ...cardProps } = props;
-  const errorProps = { alertProps, error, hideErrorDetails };
-  return /* @__PURE__ */ jsx17(Card2, { ...cardProps, children: /* @__PURE__ */ jsx17(CardContent2, { children: children ?? /* @__PURE__ */ jsx17(DefaultErrorAlert, { ...errorProps }) }) });
-};
-var DefaultErrorAlert = ({ alertProps, hideErrorDetails, error }) => {
-  return /* @__PURE__ */ jsxs10(Alert3, { severity: "error", ...alertProps, children: [
-    /* @__PURE__ */ jsx17(AlertTitle2, { children: "Whoops! Something went wrong" }),
-    !hideErrorDetails && error ? /* @__PURE__ */ jsxs10(Fragment7, { children: [
-      /* @__PURE__ */ jsx17(Typography, { variant: "caption", children: "Error: " }),
-      /* @__PURE__ */ jsx17(Typography, { variant: "caption", children: error == null ? void 0 : error.message })
-    ] }) : /* @__PURE__ */ jsx17(Typography, { variant: "caption", fontSize: "small", children: "Error Loading Plugin" })
-  ] });
-};
-
-// src/components/embed-card/error-handling/EmbedCardApiErrorRenderer.tsx
-import { jsx as jsx18 } from "react/jsx-runtime";
-var EmbedCardApiErrorRenderer = ({ xyoError, children, ...props }) => {
-  return /* @__PURE__ */ jsx18(ErrorRender, { error: xyoError, noReAuth: true, noErrorDisplay: true, customError: /* @__PURE__ */ jsx18(CustomApiErrorCard, { xyoError, ...props }), children });
-};
-var CustomApiErrorCard = ({ xyoError, ...props }) => {
-  return /* @__PURE__ */ jsx18(EmbedErrorCard, { ...props, children: /* @__PURE__ */ jsx18(ErrorAlert, { error: xyoError }) });
-};
-
-// src/components/embed-card/EmbedPluginCard.tsx
-import { jsx as jsx19, 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__ */ jsx19(EmbedPluginCardInner, { ...busyCardProps }),
-        children
-      ]
-    }
-  );
-};
-var EmbedPluginCardInner = (props) => {
-  const { payload, huriError } = useResolvePayload();
-  const { refreshPayload } = useRefreshPayload();
-  const theme = useTheme();
-  return /* @__PURE__ */ jsx19(EmbedCardApiErrorRenderer, { xyoError: huriError, children: /* @__PURE__ */ jsx19(
-    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,
-  RefreshPayloadProvider,
-  ResolvePayloadContext,
-  ResolvePayloadProvider,
-  ValidatePayloadProvider,
-  useEmbedPluginState,
-  useRefreshPayload,
-  useResolvePayload,
-  useValidatePayload
-};
+import{Card as ur}from"@mui/material";import{useBusyTiming as Pr}from"@xylabs/react-flexbox";import{BusyCircularProgress as cr,BusyLinearProgress as fr}from"@xylabs/react-shared";import{jsx as z,jsxs as Cr}from"react/jsx-runtime";var G=({busy:o,busyMinimum:e=500,busyVariant:r="circular",busyVariantProps:t,children:a,...i})=>{let n=Pr(o,e);return Cr(ur,{...i,children:[a,r==="circular"&&n?z(cr,{...t}):null,r==="linear"&&n?z(fr,{...t}):null]})};import{Refresh as Yr}from"@mui/icons-material";import{Avatar as Zr,CardHeader as jr,Chip as re}from"@mui/material";import{FlexRow as ee}from"@xylabs/react-flexbox";import{createContextEx as hr}from"@xyo-network/react-shared";var y=hr();import{useEffect as Er,useState as yr}from"react";import{jsx as br}from"react/jsx-runtime";var N=({children:o,refreshTitle:e,timestampLabel:r,hideElementsConfig:t,plugins:a,embedPluginConfig:i})=>{let[n,l]=yr(a?a[0]:void 0);return Er(()=>{l(a?a[0]:void 0)},[a]),br(y.Provider,{value:{activePlugin:n,embedPluginConfig:i,hideElementsConfig:t,provided:!0,refreshTitle:e,setActivePlugin:l,timestampLabel:r},children:o})};import{useContextEx as vr}from"@xyo-network/react-shared";var u=()=>vr(y,"EmbedPlugin",!0);import{useState as xr}from"react";import{createContextEx as Rr}from"@xyo-network/react-shared";var b=Rr();import{jsx as gr}from"react/jsx-runtime";var O=({children:o,onRefresh:e,refreshPayload:r})=>{let[t,a]=xr(r);return gr(b.Provider,{value:{onRefresh:e,provided:!0,refreshPayload:t,setRefreshPayload:a},children:o})};import{useContextEx as Sr}from"@xyo-network/react-shared";var v=()=>Sr(b,"RefreshPayload",!0);import{createContextEx as Mr}from"@xyo-network/react-shared";var R=Mr();import{delay as Fr}from"@xylabs/delay";import{useAsyncEffect as Ir}from"@xylabs/react-async-effect";import{Huri as Ar}from"@xyo-network/huri";import{ModuleErrorSchema as Br}from"@xyo-network/payload-model";import{useEffect as Lr,useState as x}from"react";import{jsx as Wr}from"react/jsx-runtime";var J=({children:o,huriPayload:e})=>{let[r,t]=x(),[a,i]=x(),{refreshPayload:n,setRefreshPayload:l,onRefresh:s}=v();Lr(()=>{typeof e=="string"&&i(e),typeof e=="object"&&(t(e),l==null||l(!0))},[e,l]);let[p,f]=x(),[E,A]=x();Ir(async pr=>{if(a&&!n)try{let B=await new Ar(a).fetch();await Fr(500),pr()&&(f(B===null),t(B),l==null||l(!0))}catch(D){A({message:D.message,schema:Br,sources:[]})}},[a,r,n,l]);let mr=()=>{s==null||s(),a&&(l==null||l(!1))};return Wr(R.Provider,{value:{huri:a,huriError:E,notFound:p,payload:r,provided:!0,refreshHuri:mr,setPayload:t},children:o})};import{useContextEx as Vr}from"@xyo-network/react-shared";var d=()=>Vr(R,"ResolvePayload",!0);import{Chip as Tr}from"@mui/material";import{useAsyncEffect as kr}from"@xylabs/react-async-effect";import{SchemaCache as L}from"@xyo-network/schema-cache";import{useState as $}from"react";import{createContextEx as wr}from"@xyo-network/react-shared";var g=wr();import{Fragment as Hr,jsx as W}from"react/jsx-runtime";var K=({children:o,enabled:e=!1})=>{let{payload:r}=d(),[t,a]=$(!1),[i,n]=$();return kr(async()=>{if(r&&e){await L.instance.get(r.schema);let l=r.schema;if(L.instance.validators[l]){let s=L.instance.validators[l];n(s==null?void 0:s(r))}a(!0)}},[r,e]),W(g.Provider,{value:{enabled:e,provided:!0,schema:r==null?void 0:r.schema,validPayload:i},children:e?W(Hr,{children:t?o:W(Tr,{label:"Validating Payload..."})}):o})};import{useContextEx as Dr}from"@xyo-network/react-shared";var _=()=>Dr(g,"ValidateSchema",!0);import{MoreVert as Kr}from"@mui/icons-material";import{IconButton as _r,Menu as qr}from"@mui/material";import{useState as Qr}from"react";import{OpenInNew as zr}from"@mui/icons-material";import{ListItemIcon as Gr,ListItemText as Nr,MenuItem as Or}from"@mui/material";import{Fragment as $r,jsx as S,jsxs as Jr}from"react/jsx-runtime";var q=o=>{let{huri:e}=d();return S($r,{children:e?Jr(Or,{title:"Source Payload JSON",onClick:()=>window.open(e,"_blank"),...o,children:[S(Nr,{sx:{mr:1},children:"JSON"}),S(Gr,{sx:{justifyContent:"end"},children:S(zr,{fontSize:"small"})})]}):null})};import{Fragment as Ur,jsx as M,jsxs as Xr}from"react/jsx-runtime";var Q=o=>{let[e,r]=Qr(null),t=!!e,a=n=>{r(n.currentTarget)},i=()=>{r(null)};return Xr(Ur,{children:[M(_r,{onClick:a,...o,children:M(Kr,{})}),M(qr,{anchorEl:e,open:t,onClose:i,PaperProps:{variant:"elevation"},MenuListProps:{dense:!0},children:M(q,{})})]})};import{Fragment as U,jsx as P,jsxs as oe}from"react/jsx-runtime";var X=()=>{var E;let{refreshHuri:o,huri:e}=d(),{activePlugin:r,timestampLabel:t,hideElementsConfig:a}=u(),{hideAvatar:i,hideTitle:n,hideRefreshButton:l,hideTimestamp:s,hideCardActions:p}=a??{},f=Date.now();return P(jr,{sx:{flexWrap:"wrap",rowGap:1},avatar:i?P(U,{}):P(Zr,{sx:{bgcolor:A=>A.palette.primary.main},"aria-label":r==null?void 0:r.name,children:(E=r==null?void 0:r.name)==null?void 0:E.charAt(0)}),action:oe(ee,{flexWrap:"wrap",columnGap:.5,children:[f?s&&l?"":P(re,{avatar:l?P(U,{}):P(Yr,{}),clickable:!l,onClick:o,label:s?"":`${t} ${new Date(f).toLocaleString()}`}):null,p||e===void 0?null:P(Q,{})]}),title:n?"":r==null?void 0:r.name})};import{CardContent as fe}from"@mui/material";import{FlexGrowRow as Ce}from"@xylabs/react-flexbox";import{useListMode as he}from"@xyo-network/react-shared";import{FormControl as te,InputLabel as ae}from"@mui/material";import{jsx as le,jsxs as ne}from"react/jsx-runtime";var F=({formId:o,formLabel:e,children:r,...t})=>ne(te,{...t,children:[le(ae,{id:o,children:e}),r]});import{MenuItem as V}from"@mui/material";import{SelectEx as ie}from"@xylabs/react-select";import{useListMode as se}from"@xyo-network/react-shared";import{jsx as C,jsxs as me}from"react/jsx-runtime";var Y="listmode-select-id",Z="List Mode",de=o=>{let{listMode:e,setListMode:r}=se();return me(ie,{value:e??"default",onChange:t=>{r==null||r(t.target.value)},...o,children:[C(V,{value:"default",children:"Default"},"default"),C(V,{value:"table",children:"Table"},"table"),C(V,{value:"grid",children:"Grid"},"grid")]})},j=o=>C(F,{formId:Y,formLabel:Z,children:C(de,{size:"small",label:Z,labelId:Y,...o})});import{MenuItem as pe}from"@mui/material";import{SelectEx as ue}from"@xylabs/react-select";import{jsx as w}from"react/jsx-runtime";var Pe="render-select-id",ce="Renderer",rr=o=>{let{activePlugin:e,setActivePlugin:r,plugins:t}=u();return w(F,{formId:Pe,formLabel:ce,children:w(ue,{size:"small",value:e==null?void 0:e.name,...o,children:t==null?void 0:t.map(a=>w(pe,{value:a.name,onClick:()=>r==null?void 0:r(a),children:a.name},a.name))})})};import{jsx as h,jsxs as er}from"react/jsx-runtime";var T=({...o})=>{var l,s,p;let{payload:e}=d(),{activePlugin:r,plugins:t,hideElementsConfig:a}=u(),{listMode:i}=he(),n=((p=(s=(l=r==null?void 0:r.components)==null?void 0:l.box)==null?void 0:s.listModes)==null?void 0:p.length)??!1;return er(G,{...o,children:[a!=null&&a.hideCardHeader?null:h(X,{}),t&&t.length>0||n?er(Ce,{columnGap:2,rowGap:2,flexWrap:"wrap",pb:1,children:[t&&t.length>1?h(rr,{}):null,n?h(j,{}):null]}):null,h(fe,{sx:{height:"100%"},children:r?h(r.components.box.detailsBox,{payload:e,...n&&{listMode:i}}):null})]})};import{useTheme as Ne}from"@mui/material";import{ErrorBoundary as Ie,ListModeProvider as Ae}from"@xyo-network/react-shared";import{LoadResult as Ee}from"@xyo-network/react-shared";import{jsx as ye}from"react/jsx-runtime";var or=({children:o})=>{let{payload:e,notFound:r,huriError:t}=d();return ye(Ee,{searchResult:e,notFound:!!r,error:!!t,children:o})};import{Alert as be}from"@mui/material";import{Fragment as Re,jsx as xe,jsxs as ve}from"react/jsx-runtime";var tr=({children:o,...e})=>{let{validPayload:r,enabled:t,schema:a}=_();return t&&r===!1?ve(be,{severity:"error",title:"Invalid Payload!",...e,children:["Payload schema claimed to be ",a," but failed to validate."]}):xe(Re,{children:o})};import{Alert as ge,AlertTitle as Se}from"@mui/material";import{Fragment as Fe,jsx as ar,jsxs as Me}from"react/jsx-runtime";var lr=({children:o,...e})=>{let{payload:r}=d(),{plugins:t}=u();return r&&(t==null?void 0:t.length)===0?Me(ge,{severity:"warning",...e,children:[ar(Se,{children:"Missing plugins!"}),"Payload found but no plugins were present."]}):ar(Fe,{children:o})};import{jsx as m}from"react/jsx-runtime";var nr=({validateSchema:o,plugins:e=[],huriPayload:r,refreshTitle:t="",timestampLabel:a="Data From",hideElementsConfig:i,embedPluginConfig:n,onRefresh:l,children:s})=>m(Ie,{children:m(N,{refreshTitle:t,timestampLabel:a,hideElementsConfig:i,plugins:e,embedPluginConfig:n,children:m(Be,{onRefresh:l,huriPayload:r,children:m(Le,{validateSchema:o,children:m(Ae,{defaultListMode:n==null?void 0:n.listMode,children:s})})})})}),Be=({children:o,onRefresh:e,huriPayload:r})=>m(O,{onRefresh:e,children:m(J,{huriPayload:r,children:m(or,{children:o})})}),Le=({children:o,validateSchema:e})=>m(K,{enabled:e,children:m(lr,{children:m(tr,{children:o})})});import{ErrorAlert as De,ErrorRender as ze}from"@xyo-network/react-error";import{Alert as We,AlertTitle as Ve,Card as we,CardContent as Te,Typography as k}from"@mui/material";import{Fragment as He,jsx as c,jsxs as ir}from"react/jsx-runtime";var sr=o=>{let{alertProps:e,error:r,hideErrorDetails:t=!0,children:a,...i}=o;return c(we,{...i,children:c(Te,{children:a??c(ke,{...{alertProps:e,error:r,hideErrorDetails:t}})})})},ke=({alertProps:o,hideErrorDetails:e,error:r})=>ir(We,{severity:"error",...o,children:[c(Ve,{children:"Whoops! Something went wrong"}),!e&&r?ir(He,{children:[c(k,{variant:"caption",children:"Error: "}),c(k,{variant:"caption",children:r==null?void 0:r.message})]}):c(k,{variant:"caption",fontSize:"small",children:"Error Loading Plugin"})]});import{jsx as I}from"react/jsx-runtime";var dr=({xyoError:o,children:e,...r})=>I(ze,{error:o,noReAuth:!0,noErrorDisplay:!0,customError:I(Ge,{xyoError:o,...r}),children:e}),Ge=({xyoError:o,...e})=>I(sr,{...e,children:I(De,{error:o})});import{jsx as H,jsxs as Je}from"react/jsx-runtime";var Fa=({children:o,...e})=>{let{validateSchema:r,plugins:t=[],huriPayload:a,refreshTitle:i="",timestampLabel:n="Data From",hideElementsConfig:l,embedPluginConfig:s,onRefresh:p,...f}=e;return Je(nr,{embedPluginConfig:s,hideElementsConfig:l,huriPayload:a,onRefresh:p,plugins:t,refreshTitle:i,timestampLabel:n,validateSchema:r,children:[H(Oe,{...f}),o]})},Oe=o=>{let{payload:e,huriError:r}=d(),{refreshPayload:t}=v(),a=Ne();return H(dr,{xyoError:r,children:H(T,{elevation:3,variant:"elevation",busy:!!(!t&&e),busyVariantProps:{style:{alignItems:"start",paddingTop:a.spacing(2),zIndex:2}},sx:{position:"relative"},...o})})};export{Fa as ApiEmbedPluginCard,G as BusyCard,X as EmbedCardHeader,T as EmbedPlugin,T as EmbedPluginCard,Oe as EmbedPluginCardInner,y as EmbedPluginContext,nr as EmbedPluginInner,N as EmbedPluginProvider,O as RefreshPayloadProvider,R as ResolvePayloadContext,J as ResolvePayloadProvider,K as ValidatePayloadProvider,u as useEmbedPluginState,v as useRefreshPayload,d as useResolvePayload,_ as useValidatePayload};
 //# sourceMappingURL=index.js.map