@xyo-network/react-embed 2.64.9 → 2.65.0

package/dist/node/components/embed-card/EmbedCardResolver.js

@@ -1,74 +0,0 @@
-// src/components/embed-card/EmbedCardResolver.tsx
-import { useTheme } from "@mui/material";
-import { FlexCol } from "@xylabs/react-flexbox";
-import { LoadResult } from "@xyo-network/react-shared";
-
-// src/contexts/RefreshPayloadContext/Context.tsx
-import { createContextEx } from "@xyo-network/react-shared";
-var RefreshPayloadContext = createContextEx();
-
-// src/contexts/RefreshPayloadContext/use.tsx
-import { useContextEx } from "@xyo-network/react-shared";
-var useRefreshPayload = () => useContextEx(RefreshPayloadContext, "RefreshPayload", true);
-
-// src/contexts/ResolvePayloadContext/Context.ts
-import { createContextEx as createContextEx2 } from "@xyo-network/react-shared";
-var ResolvePayloadContext = createContextEx2();
-
-// src/contexts/ResolvePayloadContext/use.tsx
-import { useContextEx as useContextEx2 } from "@xyo-network/react-shared";
-var useResolvePayload = () => useContextEx2(ResolvePayloadContext, "ResolvePayload", true);
-
-// 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, AlertTitle, Card, CardContent, Typography } from "@mui/material";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-var EmbedErrorCard = (props) => {
-  const { alertProps, error, hideErrorDetails = true, children, ...cardProps } = props;
-  const errorProps = { alertProps, error, hideErrorDetails };
-  return /* @__PURE__ */ jsx(Card, { ...cardProps, children: /* @__PURE__ */ jsx(CardContent, { children: children ?? /* @__PURE__ */ jsx(DefaultErrorAlert, { ...errorProps }) }) });
-};
-var DefaultErrorAlert = ({ alertProps, hideErrorDetails, error }) => {
-  return /* @__PURE__ */ jsxs(Alert, { severity: "error", ...alertProps, children: [
-    /* @__PURE__ */ jsx(AlertTitle, { children: "Whoops! Something went wrong" }),
-    !hideErrorDetails && error ? /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(Typography, { variant: "caption", children: "Error: " }),
-      /* @__PURE__ */ jsx(Typography, { variant: "caption", children: error == null ? void 0 : error.message })
-    ] }) : /* @__PURE__ */ jsx(Typography, { variant: "caption", fontSize: "small", children: "Error Loading Plugin" })
-  ] });
-};
-
-// src/components/embed-card/error-handling/EmbedCardApiErrorRenderer.tsx
-import { jsx as jsx2 } from "react/jsx-runtime";
-var EmbedCardApiErrorRenderer = ({ xyoError, children, ...props }) => {
-  return /* @__PURE__ */ jsx2(ErrorRender, { error: xyoError, noReAuth: true, noErrorDisplay: true, customError: /* @__PURE__ */ jsx2(CustomApiErrorCard, { xyoError, ...props }), children });
-};
-var CustomApiErrorCard = ({ xyoError, ...props }) => {
-  return /* @__PURE__ */ jsx2(EmbedErrorCard, { ...props, children: /* @__PURE__ */ jsx2(ErrorAlert, { error: xyoError }) });
-};
-
-// src/components/embed-card/EmbedCardResolver.tsx
-import { jsx as jsx3 } from "react/jsx-runtime";
-var EmbedCardResolverFlexBox = ({ children, ...props }) => {
-  const { payload, notFound, huriError } = useResolvePayload();
-  const { refreshPayload } = useRefreshPayload();
-  const theme = useTheme();
-  return /* @__PURE__ */ jsx3(LoadResult, { searchResult: payload, notFound: !!notFound, error: !!huriError, children: /* @__PURE__ */ jsx3(EmbedCardApiErrorRenderer, { xyoError: huriError, children: /* @__PURE__ */ jsx3(
-    FlexCol,
-    {
-      id: "embed-outer-wrap",
-      alignItems: "stretch",
-      justifyContent: "start",
-      busy: Boolean(!refreshPayload && payload),
-      busyCircularProps: { style: { alignItems: "start", paddingTop: theme.spacing(2), zIndex: 2 } },
-      ...props,
-      children
-    }
-  ) }) });
-};
-export {
-  EmbedCardResolverFlexBox
-};
-//# sourceMappingURL=EmbedCardResolver.js.map

package/dist/node/components/embed-card/EmbedCardResolver.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/components/embed-card/EmbedCardResolver.tsx","../../../../src/contexts/RefreshPayloadContext/Context.tsx","../../../../src/contexts/RefreshPayloadContext/use.tsx","../../../../src/contexts/ResolvePayloadContext/Context.ts","../../../../src/contexts/ResolvePayloadContext/use.tsx","../../../../src/components/embed-card/error-handling/EmbedCardApiErrorRenderer.tsx","../../../../src/components/embed-card/error-handling/EmbedErrorCard.tsx"],"sourcesContent":["import { useTheme } from '@mui/material'\nimport { FlexBoxProps, FlexCol } from '@xylabs/react-flexbox'\nimport { WithChildren } from '@xylabs/react-shared'\nimport { LoadResult } from '@xyo-network/react-shared'\n\nimport { useRefreshPayload, useResolvePayload } from '../../contexts'\nimport { EmbedCardApiErrorRenderer } from './error-handling'\n\nexport const EmbedCardResolverFlexBox: React.FC<WithChildren<FlexBoxProps>> = ({ children, ...props }) => {\n  const { payload, notFound, huriError } = useResolvePayload()\n  const { refreshPayload } = useRefreshPayload()\n  const theme = useTheme()\n\n  return (\n    <LoadResult searchResult={payload} notFound={!!notFound} error={!!huriError}>\n      <EmbedCardApiErrorRenderer xyoError={huriError}>\n        <FlexCol\n          id=\"embed-outer-wrap\"\n          alignItems=\"stretch\"\n          justifyContent=\"start\"\n          busy={Boolean(!refreshPayload && payload)}\n          busyCircularProps={{ style: { alignItems: 'start', paddingTop: theme.spacing(2), zIndex: 2 } }}\n          {...props}\n        >\n          {children}\n        </FlexCol>\n      </EmbedCardApiErrorRenderer>\n    </LoadResult>\n  )\n}\n","import { createContextEx } from '@xyo-network/react-shared'\n\nimport { RefreshPayloadState } from './State'\n\nexport const RefreshPayloadContext = createContextEx<RefreshPayloadState>()\n","import { useContextEx } from '@xyo-network/react-shared'\n\nimport { RefreshPayloadContext } from './Context'\n\nexport const useRefreshPayload = () => useContextEx(RefreshPayloadContext, 'RefreshPayload', true)\n","import { createContextEx } from '@xyo-network/react-shared'\n\nimport { ResolvePayloadState } from './State'\n\nexport const ResolvePayloadContext = createContextEx<ResolvePayloadState>()\n","import { useContextEx } from '@xyo-network/react-shared'\n\nimport { ResolvePayloadContext } from './Context'\n\nexport const useResolvePayload = () => useContextEx(ResolvePayloadContext, 'ResolvePayload', true)\n","import { CardProps } from '@mui/material'\nimport { WithChildren } from '@xylabs/react-shared'\nimport { ModuleError } from '@xyo-network/payload-model'\nimport { ErrorAlert, ErrorRender } from '@xyo-network/react-error'\n\nimport { EmbedErrorCard } from './EmbedErrorCard'\n\ninterface EmbedCardApiErrorRendererProps extends CardProps {\n  xyoError?: ModuleError\n}\n\nexport const EmbedCardApiErrorRenderer: React.FC<WithChildren<EmbedCardApiErrorRendererProps>> = ({ xyoError, children, ...props }) => {\n  return (\n    <ErrorRender error={xyoError} noReAuth noErrorDisplay customError={<CustomApiErrorCard xyoError={xyoError} {...props} />}>\n      {children}\n    </ErrorRender>\n  )\n}\n\nconst CustomApiErrorCard: React.FC<EmbedCardApiErrorRendererProps> = ({ xyoError, ...props }) => {\n  return (\n    <EmbedErrorCard {...props}>\n      <ErrorAlert error={xyoError} />\n    </EmbedErrorCard>\n  )\n}\n","import { Alert, AlertProps, AlertTitle, Card, CardContent, CardProps, Typography } from '@mui/material'\nimport { WithChildren } from '@xylabs/react-shared'\n\ninterface EmbedErrorCardBaseProps {\n  alertProps?: AlertProps\n  error?: Error\n  hideErrorDetails?: boolean\n}\n\ninterface EmbedErrorCardProps extends EmbedErrorCardBaseProps, CardProps {\n  alertProps?: AlertProps\n  error?: Error\n}\n\nexport const EmbedErrorCard: React.FC<WithChildren<EmbedErrorCardProps>> = (props) => {\n  const { alertProps, error, hideErrorDetails = true, children, ...cardProps } = props\n  const errorProps = { alertProps, error, hideErrorDetails }\n  return (\n    <Card {...cardProps}>\n      <CardContent>{children ?? <DefaultErrorAlert {...errorProps} />}</CardContent>\n    </Card>\n  )\n}\n\nconst DefaultErrorAlert: React.FC<EmbedErrorCardBaseProps> = ({ alertProps, hideErrorDetails, error }) => {\n  return (\n    <Alert severity=\"error\" {...alertProps}>\n      <AlertTitle>Whoops! Something went wrong</AlertTitle>\n      {!hideErrorDetails && error ? (\n        <>\n          <Typography variant=\"caption\">Error: </Typography>\n          <Typography variant=\"caption\">{error?.message}</Typography>\n        </>\n      ) : (\n        <Typography variant=\"caption\" fontSize=\"small\">\n          Error Loading Plugin\n        </Typography>\n      )}\n    </Alert>\n  )\n}\n"],"mappings":";AAAA,SAAS,gBAAgB;AACzB,SAAuB,eAAe;AAEtC,SAAS,kBAAkB;;;ACH3B,SAAS,uBAAuB;AAIzB,IAAM,wBAAwB,gBAAqC;;;ACJ1E,SAAS,oBAAoB;AAItB,IAAM,oBAAoB,MAAM,aAAa,uBAAuB,kBAAkB,IAAI;;;ACJjG,SAAS,mBAAAA,wBAAuB;AAIzB,IAAM,wBAAwBA,iBAAqC;;;ACJ1E,SAAS,gBAAAC,qBAAoB;AAItB,IAAM,oBAAoB,MAAMC,cAAa,uBAAuB,kBAAkB,IAAI;;;ACDjG,SAAS,YAAY,mBAAmB;;;ACHxC,SAAS,OAAmB,YAAY,MAAM,aAAwB,kBAAkB;AAmBxD,SAUxB,UAVwB,KAUxB,YAVwB;AALzB,IAAM,iBAA8D,CAAC,UAAU;AACpF,QAAM,EAAE,YAAY,OAAO,mBAAmB,MAAM,UAAU,GAAG,UAAU,IAAI;AAC/E,QAAM,aAAa,EAAE,YAAY,OAAO,iBAAiB;AACzD,SACE,oBAAC,QAAM,GAAG,WACR,8BAAC,eAAa,sBAAY,oBAAC,qBAAmB,GAAG,YAAY,GAAG,GAClE;AAEJ;AAEA,IAAM,oBAAuD,CAAC,EAAE,YAAY,kBAAkB,MAAM,MAAM;AACxG,SACE,qBAAC,SAAM,UAAS,SAAS,GAAG,YAC1B;AAAA,wBAAC,cAAW,0CAA4B;AAAA,IACvC,CAAC,oBAAoB,QACpB,iCACE;AAAA,0BAAC,cAAW,SAAQ,WAAU,qBAAO;AAAA,MACrC,oBAAC,cAAW,SAAQ,WAAW,yCAAO,SAAQ;AAAA,OAChD,IAEA,oBAAC,cAAW,SAAQ,WAAU,UAAS,SAAQ,kCAE/C;AAAA,KAEJ;AAEJ;;;AD3BuE,gBAAAC,YAAA;AAFhE,IAAM,4BAAoF,CAAC,EAAE,UAAU,UAAU,GAAG,MAAM,MAAM;AACrI,SACE,gBAAAA,KAAC,eAAY,OAAO,UAAU,UAAQ,MAAC,gBAAc,MAAC,aAAa,gBAAAA,KAAC,sBAAmB,UAAqB,GAAG,OAAO,GACnH,UACH;AAEJ;AAEA,IAAM,qBAA+D,CAAC,EAAE,UAAU,GAAG,MAAM,MAAM;AAC/F,SACE,gBAAAA,KAAC,kBAAgB,GAAG,OAClB,0BAAAA,KAAC,cAAW,OAAO,UAAU,GAC/B;AAEJ;;;ALTQ,gBAAAC,YAAA;AARD,IAAM,2BAAiE,CAAC,EAAE,UAAU,GAAG,MAAM,MAAM;AACxG,QAAM,EAAE,SAAS,UAAU,UAAU,IAAI,kBAAkB;AAC3D,QAAM,EAAE,eAAe,IAAI,kBAAkB;AAC7C,QAAM,QAAQ,SAAS;AAEvB,SACE,gBAAAA,KAAC,cAAW,cAAc,SAAS,UAAU,CAAC,CAAC,UAAU,OAAO,CAAC,CAAC,WAChE,0BAAAA,KAAC,6BAA0B,UAAU,WACnC,0BAAAA;AAAA,IAAC;AAAA;AAAA,MACC,IAAG;AAAA,MACH,YAAW;AAAA,MACX,gBAAe;AAAA,MACf,MAAM,QAAQ,CAAC,kBAAkB,OAAO;AAAA,MACxC,mBAAmB,EAAE,OAAO,EAAE,YAAY,SAAS,YAAY,MAAM,QAAQ,CAAC,GAAG,QAAQ,EAAE,EAAE;AAAA,MAC5F,GAAG;AAAA,MAEH;AAAA;AAAA,EACH,GACF,GACF;AAEJ;","names":["createContextEx","useContextEx","useContextEx","jsx","jsx"]}

package/dist/node/components/embed-card/EmbedPluginCard.cjs

@@ -1,505 +0,0 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/components/embed-card/EmbedPluginCard.tsx
-var EmbedPluginCard_exports = {};
-__export(EmbedPluginCard_exports, {
-  ApiEmbedPluginCard: () => ApiEmbedPluginCard,
-  EmbedPlugin: () => EmbedPlugin,
-  EmbedPluginCardInner: () => EmbedPluginCardInner
-});
-module.exports = __toCommonJS(EmbedPluginCard_exports);
-var import_material13 = require("@mui/material");
-
-// src/contexts/EmbedPluginContext/Context.tsx
-var import_react_shared = require("@xyo-network/react-shared");
-var EmbedPluginContext = (0, import_react_shared.createContextEx)();
-
-// src/contexts/EmbedPluginContext/Provider.tsx
-var import_react = require("react");
-var import_jsx_runtime = require("react/jsx-runtime");
-var EmbedPluginProvider = ({
-  children,
-  refreshTitle,
-  timestampLabel,
-  hideElementsConfig,
-  plugins,
-  embedPluginConfig
-}) => {
-  const [activePlugin, setActivePlugin] = (0, import_react.useState)(plugins ? plugins[0] : void 0);
-  (0, import_react.useEffect)(() => {
-    setActivePlugin(plugins ? plugins[0] : void 0);
-  }, [plugins]);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    EmbedPluginContext.Provider,
-    {
-      value: {
-        activePlugin,
-        embedPluginConfig,
-        hideElementsConfig,
-        provided: true,
-        refreshTitle,
-        setActivePlugin,
-        timestampLabel
-      },
-      children
-    }
-  );
-};
-
-// src/contexts/EmbedPluginContext/use.tsx
-var import_react_shared2 = require("@xyo-network/react-shared");
-var useEmbedPluginState = () => (0, import_react_shared2.useContextEx)(EmbedPluginContext, "EmbedPlugin", true);
-
-// src/contexts/RefreshPayloadContext/Provider.tsx
-var import_react2 = require("react");
-
-// src/contexts/RefreshPayloadContext/Context.tsx
-var import_react_shared3 = require("@xyo-network/react-shared");
-var RefreshPayloadContext = (0, import_react_shared3.createContextEx)();
-
-// src/contexts/RefreshPayloadContext/Provider.tsx
-var import_jsx_runtime2 = require("react/jsx-runtime");
-var RefreshPayloadProvider = ({ children, onRefresh, refreshPayload }) => {
-  const [localRefreshPayload, setRefreshPayload] = (0, import_react2.useState)(refreshPayload);
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(RefreshPayloadContext.Provider, { value: { onRefresh, provided: true, refreshPayload: localRefreshPayload, setRefreshPayload }, children });
-};
-
-// src/contexts/RefreshPayloadContext/use.tsx
-var import_react_shared4 = require("@xyo-network/react-shared");
-var useRefreshPayload = () => (0, import_react_shared4.useContextEx)(RefreshPayloadContext, "RefreshPayload", true);
-
-// src/contexts/ResolvePayloadContext/Context.ts
-var import_react_shared5 = require("@xyo-network/react-shared");
-var ResolvePayloadContext = (0, import_react_shared5.createContextEx)();
-
-// src/contexts/ResolvePayloadContext/Provider.tsx
-var import_delay = require("@xylabs/delay");
-var import_react_async_effect = require("@xylabs/react-async-effect");
-var import_huri = require("@xyo-network/huri");
-var import_payload_model = require("@xyo-network/payload-model");
-var import_react3 = require("react");
-var import_jsx_runtime3 = require("react/jsx-runtime");
-var ResolvePayloadProvider = ({ children, huriPayload }) => {
-  const [payload, setPayload] = (0, import_react3.useState)();
-  const [huri, setHuri] = (0, import_react3.useState)();
-  const { refreshPayload, setRefreshPayload, onRefresh } = useRefreshPayload();
-  (0, import_react3.useEffect)(() => {
-    typeof huriPayload === "string" ? setHuri(huriPayload) : void 0;
-    if (typeof huriPayload === "object") {
-      setPayload(huriPayload);
-      setRefreshPayload == null ? void 0 : setRefreshPayload(true);
-    }
-  }, [huriPayload, setRefreshPayload]);
-  const [notFound, setNotFound] = (0, import_react3.useState)();
-  const [huriError, setHuriError] = (0, import_react3.useState)();
-  (0, import_react_async_effect.useAsyncEffect)(
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    async (mounted) => {
-      if (huri && !refreshPayload) {
-        try {
-          const huriInstance = new import_huri.Huri(huri);
-          const result = await huriInstance.fetch();
-          await (0, import_delay.delay)(500);
-          if (mounted()) {
-            setNotFound(result === null);
-            setPayload(result);
-            setRefreshPayload == null ? void 0 : setRefreshPayload(true);
-          }
-        } catch (e) {
-          const error = e;
-          setHuriError({ message: error.message, schema: import_payload_model.ModuleErrorSchema, sources: [] });
-        }
-      }
-    },
-    [huri, payload, refreshPayload, setRefreshPayload]
-  );
-  const refreshHuri = () => {
-    onRefresh == null ? void 0 : onRefresh();
-    if (huri) {
-      setRefreshPayload == null ? void 0 : setRefreshPayload(false);
-    }
-  };
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(ResolvePayloadContext.Provider, { value: { huri, huriError, notFound, payload, provided: true, refreshHuri, setPayload }, children });
-};
-
-// src/contexts/ResolvePayloadContext/use.tsx
-var import_react_shared6 = require("@xyo-network/react-shared");
-var useResolvePayload = () => (0, import_react_shared6.useContextEx)(ResolvePayloadContext, "ResolvePayload", true);
-
-// src/contexts/ValidatePayloadContext/Provider.tsx
-var import_material = require("@mui/material");
-var import_react_async_effect2 = require("@xylabs/react-async-effect");
-var import_schema_cache = require("@xyo-network/schema-cache");
-var import_react4 = require("react");
-
-// src/contexts/ValidatePayloadContext/Context.ts
-var import_react_shared7 = require("@xyo-network/react-shared");
-var ValidatePayloadContext = (0, import_react_shared7.createContextEx)();
-
-// src/contexts/ValidatePayloadContext/Provider.tsx
-var import_jsx_runtime4 = require("react/jsx-runtime");
-var ValidatePayloadProvider = ({ children, enabled = false }) => {
-  const { payload } = useResolvePayload();
-  const [initialized, setInitialized] = (0, import_react4.useState)(false);
-  const [valid, setValid] = (0, import_react4.useState)();
-  (0, import_react_async_effect2.useAsyncEffect)(
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    async () => {
-      if (payload && enabled) {
-        await import_schema_cache.SchemaCache.instance.get(payload.schema);
-        const possibleKnownSchema = payload.schema;
-        if (import_schema_cache.SchemaCache.instance.validators[possibleKnownSchema]) {
-          const validator = import_schema_cache.SchemaCache.instance.validators[possibleKnownSchema];
-          setValid(validator == null ? void 0 : validator(payload));
-        }
-        setInitialized(true);
-      }
-    },
-    [payload, enabled]
-  );
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(ValidatePayloadContext.Provider, { value: { enabled, provided: true, schema: payload == null ? void 0 : payload.schema, validPayload: valid }, children: enabled ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_jsx_runtime4.Fragment, { children: initialized ? children : /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_material.Chip, { label: "Validating Payload..." }) }) : children });
-};
-
-// src/contexts/ValidatePayloadContext/use.tsx
-var import_react_shared8 = require("@xyo-network/react-shared");
-var useValidatePayload = () => (0, import_react_shared8.useContextEx)(ValidatePayloadContext, "ValidateSchema", true);
-
-// src/components/EmbedPlugin.tsx
-var import_react_shared10 = require("@xyo-network/react-shared");
-
-// src/components/EmbedResolver.tsx
-var import_react_shared9 = require("@xyo-network/react-shared");
-var import_jsx_runtime5 = require("react/jsx-runtime");
-var EmbedResolver = ({ children }) => {
-  const { payload, notFound, huriError } = useResolvePayload();
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react_shared9.LoadResult, { searchResult: payload, notFound: !!notFound, error: !!huriError, children });
-};
-
-// src/components/validation-alerts/ValidatePayload.tsx
-var import_material2 = require("@mui/material");
-var import_jsx_runtime6 = require("react/jsx-runtime");
-var ValidatePayloadAlert = ({ children, ...props }) => {
-  const { validPayload, enabled, schema } = useValidatePayload();
-  if (enabled && validPayload === false) {
-    return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_material2.Alert, { severity: "error", title: "Invalid Payload!", ...props, children: [
-      "Payload schema claimed to be ",
-      schema,
-      " but failed to validate."
-    ] });
-  }
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_jsx_runtime6.Fragment, { children });
-};
-
-// src/components/validation-alerts/ValidatePlugins.tsx
-var import_material3 = require("@mui/material");
-var import_jsx_runtime7 = require("react/jsx-runtime");
-var ValidatePluginsAlert = ({ children, ...props }) => {
-  const { payload } = useResolvePayload();
-  const { plugins } = useEmbedPluginState();
-  if (payload && (plugins == null ? void 0 : plugins.length) === 0) {
-    return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_material3.Alert, { severity: "warning", ...props, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_material3.AlertTitle, { children: "Missing plugins!" }),
-      "Payload found but no plugins were present."
-    ] });
-  }
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_jsx_runtime7.Fragment, { children });
-};
-
-// src/components/EmbedPlugin.tsx
-var import_jsx_runtime8 = require("react/jsx-runtime");
-var EmbedPluginInner = ({
-  validateSchema,
-  plugins = [],
-  huriPayload,
-  refreshTitle = "",
-  timestampLabel = "Data From",
-  hideElementsConfig,
-  embedPluginConfig,
-  onRefresh,
-  children
-}) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_react_shared10.ErrorBoundary, { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
-    EmbedPluginProvider,
-    {
-      refreshTitle,
-      timestampLabel,
-      hideElementsConfig,
-      plugins,
-      embedPluginConfig,
-      children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(WithResolvers, { onRefresh, huriPayload, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(WithValidators, { validateSchema, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_react_shared10.ListModeProvider, { defaultListMode: embedPluginConfig == null ? void 0 : embedPluginConfig.listMode, children }) }) })
-    }
-  ) });
-};
-var WithResolvers = ({ children, onRefresh, huriPayload }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(RefreshPayloadProvider, { onRefresh, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(ResolvePayloadProvider, { huriPayload, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(EmbedResolver, { children }) }) });
-};
-var WithValidators = ({ children, validateSchema }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(ValidatePayloadProvider, { enabled: validateSchema, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(ValidatePluginsAlert, { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(ValidatePayloadAlert, { children }) }) });
-};
-
-// src/components/embed-card/card/BusyCard.tsx
-var import_material4 = require("@mui/material");
-var import_react_flexbox = require("@xylabs/react-flexbox");
-var import_react_shared11 = require("@xylabs/react-shared");
-var import_jsx_runtime9 = require("react/jsx-runtime");
-var BusyCard = ({
-  busy,
-  busyMinimum = 500,
-  busyVariant = "circular",
-  busyVariantProps,
-  children,
-  ...props
-}) => {
-  const internalBusy = (0, import_react_flexbox.useBusyTiming)(busy, busyMinimum);
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_material4.Card, { ...props, children: [
-    children,
-    busyVariant === "circular" && internalBusy ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_react_shared11.BusyCircularProgress, { ...busyVariantProps }) : null,
-    busyVariant === "linear" && internalBusy ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_react_shared11.BusyLinearProgress, { ...busyVariantProps }) : null
-  ] });
-};
-
-// src/components/embed-card/card/EmbedCardHeader.tsx
-var import_icons_material3 = require("@mui/icons-material");
-var import_material7 = require("@mui/material");
-var import_react_flexbox2 = require("@xylabs/react-flexbox");
-
-// src/components/embed-card/menu/EmbedMenu.tsx
-var import_icons_material2 = require("@mui/icons-material");
-var import_material6 = require("@mui/material");
-var import_react5 = require("react");
-
-// src/components/embed-card/menu/JsonMenuItem.tsx
-var import_icons_material = require("@mui/icons-material");
-var import_material5 = require("@mui/material");
-var import_jsx_runtime10 = require("react/jsx-runtime");
-var JsonMenuItem = (props) => {
-  const { huri } = useResolvePayload();
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_jsx_runtime10.Fragment, { children: huri ? /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_material5.MenuItem, { title: "Source Payload JSON", onClick: () => window.open(huri, "_blank"), ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_material5.ListItemText, { sx: { mr: 1 }, children: "JSON" }),
-    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_material5.ListItemIcon, { sx: { justifyContent: "end" }, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_icons_material.OpenInNew, { fontSize: "small" }) })
-  ] }) : null });
-};
-
-// src/components/embed-card/menu/EmbedMenu.tsx
-var import_jsx_runtime11 = require("react/jsx-runtime");
-var EmbedMenu = (props) => {
-  const [anchorEl, setAnchorEl] = (0, import_react5.useState)(null);
-  const open = Boolean(anchorEl);
-  const handleClick = (event) => {
-    setAnchorEl(event.currentTarget);
-  };
-  const handleClose = () => {
-    setAnchorEl(null);
-  };
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_jsx_runtime11.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_material6.IconButton, { onClick: handleClick, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_icons_material2.MoreVert, {}) }),
-    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_material6.Menu, { anchorEl, open, onClose: handleClose, PaperProps: { variant: "elevation" }, MenuListProps: { dense: true }, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(JsonMenuItem, {}) })
-  ] });
-};
-
-// src/components/embed-card/card/EmbedCardHeader.tsx
-var import_jsx_runtime12 = require("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__ */ (0, import_jsx_runtime12.jsx)(
-    import_material7.CardHeader,
-    {
-      sx: { flexWrap: "wrap", rowGap: 1 },
-      avatar: hideAvatar ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_jsx_runtime12.Fragment, {}) : /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_material7.Avatar, { sx: { bgcolor: (theme) => theme.palette.primary.main }, "aria-label": activePlugin == null ? void 0 : activePlugin.name, children: (_a = activePlugin == null ? void 0 : activePlugin.name) == null ? void 0 : _a.charAt(0) }),
-      action: /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_react_flexbox2.FlexRow, { flexWrap: "wrap", columnGap: 0.5, children: [
-        timestamp ? hideTimestamp && hideRefreshButton ? "" : /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
-          import_material7.Chip,
-          {
-            avatar: hideRefreshButton ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_jsx_runtime12.Fragment, {}) : /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_icons_material3.Refresh, {}),
-            clickable: hideRefreshButton ? false : true,
-            onClick: refreshHuri,
-            label: hideTimestamp ? "" : `${timestampLabel} ${new Date(timestamp).toLocaleString()}`
-          }
-        ) : null,
-        hideCardActions || huri === void 0 ? null : /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(EmbedMenu, {})
-      ] }),
-      title: hideTitle ? "" : activePlugin == null ? void 0 : activePlugin.name
-    }
-  );
-};
-
-// src/components/embed-card/card/EmbedPluginCard.tsx
-var import_material11 = require("@mui/material");
-var import_react_flexbox3 = require("@xylabs/react-flexbox");
-var import_react_shared13 = require("@xyo-network/react-shared");
-
-// src/components/controls/EmbedFormControl.tsx
-var import_material8 = require("@mui/material");
-var import_jsx_runtime13 = require("react/jsx-runtime");
-var EmbedFormControl = ({ formId, formLabel, children, ...props }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_material8.FormControl, { ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_material8.InputLabel, { id: formId, children: formLabel }),
-    children
-  ] });
-};
-
-// src/components/controls/ListModeSelect.tsx
-var import_material9 = require("@mui/material");
-var import_react_shared12 = require("@xyo-network/react-shared");
-var import_jsx_runtime14 = require("react/jsx-runtime");
-var listModeSelectId = "listmode-select-id";
-var listModeSelectLabel = "List Mode";
-var ListModeSelect = (props) => {
-  const { listMode, setListMode } = (0, import_react_shared12.useListMode)();
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
-    import_material9.Select,
-    {
-      value: listMode ?? "default",
-      onChange: (event) => {
-        setListMode == null ? void 0 : setListMode(event.target.value);
-      },
-      ...props,
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_material9.MenuItem, { value: "default", children: "Default" }, "default"),
-        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_material9.MenuItem, { value: "table", children: "Table" }, "table"),
-        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_material9.MenuItem, { value: "grid", children: "Grid" }, "grid")
-      ]
-    }
-  );
-};
-var ListModeSelectFormControl = (props) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(EmbedFormControl, { formId: listModeSelectId, formLabel: listModeSelectLabel, children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(ListModeSelect, { size: "small", label: listModeSelectLabel, labelId: listModeSelectId, ...props }) });
-};
-
-// src/components/controls/RenderSelect.tsx
-var import_material10 = require("@mui/material");
-var import_jsx_runtime15 = require("react/jsx-runtime");
-var renderSelectId = "render-select-id";
-var renderSelectLabel = "Renderer";
-var EmbedRenderSelect = (props) => {
-  const { activePlugin, setActivePlugin, plugins } = useEmbedPluginState();
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(EmbedFormControl, { formId: renderSelectId, formLabel: renderSelectLabel, children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_material10.Select, { size: "small", value: activePlugin == null ? void 0 : activePlugin.name, ...props, children: plugins == null ? void 0 : plugins.map((plugin) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_material10.MenuItem, { value: plugin.name, onClick: () => setActivePlugin == null ? void 0 : setActivePlugin(plugin), children: plugin.name }, plugin.name)) }) });
-};
-
-// src/components/embed-card/card/EmbedPluginCard.tsx
-var import_jsx_runtime16 = require("react/jsx-runtime");
-var EmbedPluginCard = ({ ...props }) => {
-  var _a, _b, _c;
-  const { payload } = useResolvePayload();
-  const { activePlugin: ActivePlugin, plugins, hideElementsConfig } = useEmbedPluginState();
-  const { listMode } = (0, import_react_shared13.useListMode)();
-  const supportsListMode = ((_c = (_b = (_a = ActivePlugin == null ? void 0 : ActivePlugin.components) == null ? void 0 : _a.box) == null ? void 0 : _b.listModes) == null ? void 0 : _c.length) ?? 0 > 1;
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(BusyCard, { ...props, children: [
-    (hideElementsConfig == null ? void 0 : hideElementsConfig.hideCardHeader) ? null : /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(EmbedCardHeader, {}),
-    plugins && plugins.length || supportsListMode ? /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_react_flexbox3.FlexGrowRow, { columnGap: 2, rowGap: 2, flexWrap: "wrap", pb: 1, children: [
-      plugins && plugins.length > 1 ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(EmbedRenderSelect, {}) : null,
-      supportsListMode ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(ListModeSelectFormControl, {}) : null
-    ] }) : null,
-    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_material11.CardContent, { sx: { height: "100%" }, children: ActivePlugin ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(ActivePlugin.components.box.detailsBox, { payload, ...supportsListMode && { listMode } }) : null })
-  ] });
-};
-
-// src/components/embed-card/error-handling/EmbedCardApiErrorRenderer.tsx
-var import_react_error = require("@xyo-network/react-error");
-
-// src/components/embed-card/error-handling/EmbedErrorCard.tsx
-var import_material12 = require("@mui/material");
-var import_jsx_runtime17 = require("react/jsx-runtime");
-var EmbedErrorCard = (props) => {
-  const { alertProps, error, hideErrorDetails = true, children, ...cardProps } = props;
-  const errorProps = { alertProps, error, hideErrorDetails };
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_material12.Card, { ...cardProps, children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_material12.CardContent, { children: children ?? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(DefaultErrorAlert, { ...errorProps }) }) });
-};
-var DefaultErrorAlert = ({ alertProps, hideErrorDetails, error }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_material12.Alert, { severity: "error", ...alertProps, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_material12.AlertTitle, { children: "Whoops! Something went wrong" }),
-    !hideErrorDetails && error ? /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_jsx_runtime17.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_material12.Typography, { variant: "caption", children: "Error: " }),
-      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_material12.Typography, { variant: "caption", children: error == null ? void 0 : error.message })
-    ] }) : /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_material12.Typography, { variant: "caption", fontSize: "small", children: "Error Loading Plugin" })
-  ] });
-};
-
-// src/components/embed-card/error-handling/EmbedCardApiErrorRenderer.tsx
-var import_jsx_runtime18 = require("react/jsx-runtime");
-var EmbedCardApiErrorRenderer = ({ xyoError, children, ...props }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react_error.ErrorRender, { error: xyoError, noReAuth: true, noErrorDisplay: true, customError: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(CustomApiErrorCard, { xyoError, ...props }), children });
-};
-var CustomApiErrorCard = ({ xyoError, ...props }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(EmbedErrorCard, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react_error.ErrorAlert, { error: xyoError }) });
-};
-
-// src/components/embed-card/EmbedPluginCard.tsx
-var import_jsx_runtime19 = require("react/jsx-runtime");
-var ApiEmbedPluginCard = ({ children, ...props }) => {
-  const {
-    validateSchema,
-    plugins = [],
-    huriPayload,
-    refreshTitle = "",
-    timestampLabel = "Data From",
-    hideElementsConfig,
-    embedPluginConfig,
-    onRefresh,
-    ...busyCardProps
-  } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
-    EmbedPluginInner,
-    {
-      ...{
-        embedPluginConfig,
-        hideElementsConfig,
-        huriPayload,
-        onRefresh,
-        plugins,
-        refreshTitle,
-        timestampLabel,
-        validateSchema
-      },
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(EmbedPluginCardInner, { ...busyCardProps }),
-        children
-      ]
-    }
-  );
-};
-var EmbedPluginCardInner = (props) => {
-  const { payload, huriError } = useResolvePayload();
-  const { refreshPayload } = useRefreshPayload();
-  const theme = (0, import_material13.useTheme)();
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(EmbedCardApiErrorRenderer, { xyoError: huriError, children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
-    EmbedPluginCard,
-    {
-      elevation: 3,
-      variant: "elevation",
-      busy: Boolean(!refreshPayload && payload),
-      busyVariantProps: { style: { alignItems: "start", paddingTop: theme.spacing(2), zIndex: 2 } },
-      sx: { position: "relative" },
-      ...props
-    }
-  ) });
-};
-var EmbedPlugin = EmbedPluginCard;
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  ApiEmbedPluginCard,
-  EmbedPlugin,
-  EmbedPluginCardInner
-});
-//# sourceMappingURL=EmbedPluginCard.cjs.map