@xyo-network/react-embed 2.64.0 → 2.64.3

package/dist/browser/components/embed-card/error-handling/EmbedCardApiErrorRenderer.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/embed-card/error-handling/EmbedCardApiErrorRenderer.tsx"],"sourcesContent":["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"],"mappings":"AAauE;AAVvE,SAAS,YAAY,mBAAmB;AAExC,SAAS,sBAAsB;AAMxB,MAAM,4BAAoF,CAAC,EAAE,UAAU,UAAU,GAAG,MAAM,MAAM;AACrI,SACE,oBAAC,eAAY,OAAO,UAAU,UAAQ,MAAC,gBAAc,MAAC,aAAa,oBAAC,sBAAmB,UAAqB,GAAG,OAAO,GACnH,UACH;AAEJ;AAEA,MAAM,qBAA+D,CAAC,EAAE,UAAU,GAAG,MAAM,MAAM;AAC/F,SACE,oBAAC,kBAAgB,GAAG,OAClB,8BAAC,cAAW,OAAO,UAAU,GAC/B;AAEJ;","names":[]}
+{"version":3,"sources":["../../../../../src/components/embed-card/error-handling/EmbedCardApiErrorRenderer.tsx","../../../../../src/components/embed-card/error-handling/EmbedErrorCard.tsx"],"sourcesContent":["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":";AAGA,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,iBAAO,SAAQ;AAAA,OAChD,IAEA,oBAAC,cAAW,SAAQ,WAAU,UAAS,SAAQ,kCAE/C;AAAA,KAEJ;AAEJ;;;AD3BuE,gBAAAA,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;","names":["jsx"]}

package/dist/browser/components/embed-card/error-handling/EmbedErrorCard.js

@@ -1,11 +1,12 @@
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+// src/components/embed-card/error-handling/EmbedErrorCard.tsx
 import { Alert, AlertTitle, Card, CardContent, Typography } from "@mui/material";
-const EmbedErrorCard = (props) => {
+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 }) }) });
 };
-const DefaultErrorAlert = ({ alertProps, hideErrorDetails, error }) => {
+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: [

package/dist/browser/components/embed-card/error-handling/EmbedErrorCard.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/embed-card/error-handling/EmbedErrorCard.tsx"],"sourcesContent":["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":"AAmBgC,SAUxB,UAVwB,KAUxB,YAVwB;AAnBhC,SAAS,OAAmB,YAAY,MAAM,aAAwB,kBAAkB;AAcjF,MAAM,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,MAAM,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,iBAAO,SAAQ;AAAA,OAChD,IAEA,oBAAC,cAAW,SAAQ,WAAU,UAAS,SAAQ,kCAE/C;AAAA,KAEJ;AAEJ;","names":[]}
+{"version":3,"sources":["../../../../../src/components/embed-card/error-handling/EmbedErrorCard.tsx"],"sourcesContent":["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,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,iBAAO,SAAQ;AAAA,OAChD,IAEA,oBAAC,cAAW,SAAQ,WAAU,UAAS,SAAQ,kCAE/C;AAAA,KAEJ;AAEJ;","names":[]}

package/dist/browser/components/embed-card/error-handling/index.js

@@ -1,3 +1,34 @@
-export * from "./EmbedCardApiErrorRenderer";
-export * from "./EmbedErrorCard";
+// 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?.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 }) });
+};
+export {
+  EmbedCardApiErrorRenderer,
+  EmbedErrorCard
+};
 //# sourceMappingURL=index.js.map

package/dist/browser/components/embed-card/error-handling/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/embed-card/error-handling/index.ts"],"sourcesContent":["export * from './EmbedCardApiErrorRenderer'\nexport * from './EmbedErrorCard'\n"],"mappings":"AAAA,cAAc;AACd,cAAc;","names":[]}
+{"version":3,"sources":["../../../../../src/components/embed-card/error-handling/EmbedCardApiErrorRenderer.tsx","../../../../../src/components/embed-card/error-handling/EmbedErrorCard.tsx"],"sourcesContent":["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":";AAGA,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,iBAAO,SAAQ;AAAA,OAChD,IAEA,oBAAC,cAAW,SAAQ,WAAU,UAAS,SAAQ,kCAE/C;AAAA,KAEJ;AAEJ;;;AD3BuE,gBAAAA,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;","names":["jsx"]}

package/dist/browser/components/embed-card/index.js

@@ -1,3 +1,482 @@
-export * from "./card";
-export * from "./EmbedPluginCard";
+// 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?.(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?.(true);
+          }
+        } catch (e) {
+          const error = e;
+          setHuriError({ message: error.message, schema: ModuleErrorSchema, sources: [] });
+        }
+      }
+    },
+    [huri, payload, refreshPayload, setRefreshPayload]
+  );
+  const refreshHuri = () => {
+    onRefresh?.();
+    if (huri) {
+      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?.(payload));
+        }
+        setInitialized(true);
+      }
+    },
+    [payload, enabled]
+  );
+  return /* @__PURE__ */ jsx5(ValidatePayloadContext.Provider, { value: { enabled, provided: true, schema: 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 = () => {
+  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?.name, children: activePlugin?.name?.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?.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, Select } from "@mui/material";
+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(
+    Select,
+    {
+      value: listMode ?? "default",
+      onChange: (event) => {
+        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, Select as Select2 } from "@mui/material";
+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(Select2, { size: "small", value: activePlugin?.name, ...props, children: plugins?.map((plugin) => /* @__PURE__ */ jsx11(MenuItem3, { value: plugin.name, onClick: () => 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 }) => {
+  const { payload } = useResolvePayload();
+  const { activePlugin: ActivePlugin, plugins, hideElementsConfig } = useEmbedPluginState();
+  const { listMode } = useListMode2();
+  const supportsListMode = ActivePlugin?.components?.box?.listModes?.length ?? 0 > 1;
+  return /* @__PURE__ */ jsxs7(BusyCard, { ...props, children: [
+    hideElementsConfig?.hideCardHeader ? null : /* @__PURE__ */ jsx12(EmbedCardHeader, {}),
+    plugins && plugins.length || 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?.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?.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?.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
+    }
+  ) });
+};
+var EmbedPlugin = EmbedPluginCard;
+export {
+  ApiEmbedPluginCard,
+  BusyCard,
+  EmbedCardHeader,
+  EmbedPlugin,
+  EmbedPluginCard,
+  EmbedPluginCardInner
+};
 //# sourceMappingURL=index.js.map