@xyo-network/react-embed 2.78.0 → 2.78.1

package/dist/browser/index.cjs

@@ -1,2 +1,514 @@
-"use strict";var X=Object.defineProperty;var ar=Object.getOwnPropertyDescriptor;var ir=Object.getOwnPropertyNames;var lr=Object.prototype.hasOwnProperty;var nr=(r,e)=>{for(var o in e)X(r,o,{get:e[o],enumerable:!0})},sr=(r,e,o,t)=>{if(e&&typeof e=="object"||typeof e=="function")for(let a of ir(e))!lr.call(r,a)&&a!==o&&X(r,a,{get:()=>e[a],enumerable:!(t=ar(e,a))||t.enumerable});return r};var dr=r=>sr(X({},"__esModule",{value:!0}),r);var yr={};nr(yr,{ApiEmbedPluginCard:()=>hr,BusyCard:()=>Y,EmbedCardHeader:()=>ae,EmbedPlugin:()=>$,EmbedPluginCard:()=>$,EmbedPluginCardInner:()=>er,EmbedPluginContext:()=>I,EmbedPluginInner:()=>ie,EmbedPluginProvider:()=>Z,RefreshPayloadProvider:()=>j,ResolvePayloadContext:()=>B,ResolvePayloadProvider:()=>ee,ValidatePayloadProvider:()=>oe,useEmbedPluginState:()=>c,useRefreshPayload:()=>L,useResolvePayload:()=>s,useValidatePayload:()=>te});module.exports=dr(yr);var ne=require("@mui/material"),se=require("@xylabs/react-flexbox"),V=require("@xylabs/react-shared"),A=require("react/jsx-runtime"),Y=({busy:r,busyMinimum:e=500,busyVariant:o="circular",busyVariantProps:t,children:a,...l})=>{let i=(0,se.useBusyTiming)(r,e);return(0,A.jsxs)(ne.Card,{...l,children:[a,o==="circular"&&i?(0,A.jsx)(V.BusyCircularProgress,{...t}):null,o==="linear"&&i?(0,A.jsx)(V.BusyLinearProgress,{...t}):null]})};var We=require("@mui/icons-material"),x=require("@mui/material"),Ve=require("@xylabs/react-flexbox");var de=require("@xyo-network/react-shared"),I=(0,de.createContextEx)();var w=require("react");var me=require("react/jsx-runtime"),Z=({children:r,refreshTitle:e,timestampLabel:o,hideElementsConfig:t,plugins:a,embedPluginConfig:l})=>{let[i,n]=(0,w.useState)(a?a[0]:void 0);return(0,w.useEffect)(()=>{n(a?a[0]:void 0)},[a]),(0,me.jsx)(I.Provider,{value:{activePlugin:i,embedPluginConfig:l,hideElementsConfig:t,provided:!0,refreshTitle:e,setActivePlugin:n,timestampLabel:o},children:r})};var pe=require("@xyo-network/react-shared");var c=()=>(0,pe.useContextEx)(I,"EmbedPlugin",!0);var Pe=require("react");var ue=require("@xyo-network/react-shared"),T=(0,ue.createContextEx)();var ce=require("react/jsx-runtime"),j=({children:r,onRefresh:e,refreshPayload:o})=>{let[t,a]=(0,Pe.useState)(o);return(0,ce.jsx)(T.Provider,{value:{onRefresh:e,provided:!0,refreshPayload:t,setRefreshPayload:a},children:r})};var fe=require("@xyo-network/react-shared");var L=()=>(0,fe.useContextEx)(T,"RefreshPayload",!0);var Ce=require("@xyo-network/react-shared"),B=(0,Ce.createContextEx)();var he=require("@xylabs/delay"),ye=require("@xylabs/react-async-effect"),Ee=require("@xyo-network/huri"),ve=require("@xyo-network/payload-model"),E=require("react");var be=require("react/jsx-runtime"),ee=({children:r,huriPayload:e})=>{let[o,t]=(0,E.useState)(),[a,l]=(0,E.useState)(),{refreshPayload:i,setRefreshPayload:n,onRefresh:P}=L();(0,E.useEffect)(()=>{typeof e=="string"&&l(e),typeof e=="object"&&(t(e),n?.(!0))},[e,n]);let[F,b]=(0,E.useState)(),[Q,rr]=(0,E.useState)();(0,ye.useAsyncEffect)(async tr=>{if(a&&!i)try{let U=await new Ee.Huri(a).fetch();await(0,he.delay)(500),tr()&&(b(U===null),t(U),n?.(!0))}catch(le){rr({message:le.message,schema:ve.ModuleErrorSchema,sources:[]})}},[a,o,i,n]);let or=()=>{P?.(),a&&n?.(!1)};return(0,be.jsx)(B.Provider,{value:{huri:a,huriError:Q,notFound:F,payload:o,provided:!0,refreshHuri:or,setPayload:t},children:r})};var Re=require("@xyo-network/react-shared");var s=()=>(0,Re.useContextEx)(B,"ResolvePayload",!0);var xe=require("@mui/material"),Me=require("@xylabs/react-async-effect"),H=require("@xyo-network/schema-cache"),re=require("react");var ge=require("@xyo-network/react-shared"),k=(0,ge.createContextEx)();var R=require("react/jsx-runtime"),oe=({children:r,enabled:e=!1})=>{let{payload:o}=s(),[t,a]=(0,re.useState)(!1),[l,i]=(0,re.useState)();return(0,Me.useAsyncEffect)(async()=>{if(o&&e){await H.SchemaCache.instance.get(o.schema);let n=o.schema;if(H.SchemaCache.instance.validators[n]){let P=H.SchemaCache.instance.validators[n];i(P?.(o))}a(!0)}},[o,e]),(0,R.jsx)(k.Provider,{value:{enabled:e,provided:!0,schema:o?.schema,validPayload:l},children:e?(0,R.jsx)(R.Fragment,{children:t?r:(0,R.jsx)(xe.Chip,{label:"Validating Payload..."})}):r})};var Se=require("@xyo-network/react-shared");var te=()=>(0,Se.useContextEx)(k,"ValidateSchema",!0);var Ie=require("@mui/icons-material"),D=require("@mui/material"),Le=require("react");var Fe=require("@mui/icons-material"),g=require("@mui/material");var f=require("react/jsx-runtime"),Ae=r=>{let{huri:e}=s();return(0,f.jsx)(f.Fragment,{children:e?(0,f.jsxs)(g.MenuItem,{title:"Source Payload JSON",onClick:()=>window.open(e,"_blank"),...r,children:[(0,f.jsx)(g.ListItemText,{sx:{mr:1},children:"JSON"}),(0,f.jsx)(g.ListItemIcon,{sx:{justifyContent:"end"},children:(0,f.jsx)(Fe.OpenInNew,{fontSize:"small"})})]}):null})};var C=require("react/jsx-runtime"),Be=r=>{let[e,o]=(0,Le.useState)(null),t=!!e,a=i=>{o(i.currentTarget)},l=()=>{o(null)};return(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(D.IconButton,{onClick:a,...r,children:(0,C.jsx)(Ie.MoreVert,{})}),(0,C.jsx)(D.Menu,{anchorEl:e,open:t,onClose:l,PaperProps:{variant:"elevation"},MenuListProps:{dense:!0},children:(0,C.jsx)(Ae,{})})]})};var d=require("react/jsx-runtime"),ae=()=>{let{refreshHuri:r,huri:e}=s(),{activePlugin:o,timestampLabel:t,hideElementsConfig:a}=c(),{hideAvatar:l,hideTitle:i,hideRefreshButton:n,hideTimestamp:P,hideCardActions:F}=a??{},b=Date.now();return(0,d.jsx)(x.CardHeader,{sx:{flexWrap:"wrap",rowGap:1},avatar:l?(0,d.jsx)(d.Fragment,{}):(0,d.jsx)(x.Avatar,{sx:{bgcolor:Q=>Q.palette.primary.main},"aria-label":o?.name,children:o?.name?.charAt(0)}),action:(0,d.jsxs)(Ve.FlexRow,{flexWrap:"wrap",columnGap:.5,children:[b?P&&n?"":(0,d.jsx)(x.Chip,{avatar:n?(0,d.jsx)(d.Fragment,{}):(0,d.jsx)(We.Refresh,{}),clickable:!n,onClick:r,label:P?"":`${t} ${new Date(b).toLocaleString()}`}):null,F||e===void 0?null:(0,d.jsx)(Be,{})]}),title:i?"":o?.name})};var Oe=require("@mui/material"),Je=require("@xylabs/react-flexbox"),$e=require("@xyo-network/react-shared");var z=require("@mui/material"),N=require("react/jsx-runtime"),G=({formId:r,formLabel:e,children:o,...t})=>(0,N.jsxs)(z.FormControl,{...t,children:[(0,N.jsx)(z.InputLabel,{id:r,children:e}),o]});var O=require("@mui/material"),ke=require("@xylabs/react-select"),He=require("@xyo-network/react-shared");var y=require("react/jsx-runtime"),we="listmode-select-id",Te="List Mode",mr=r=>{let{listMode:e,setListMode:o}=(0,He.useListMode)();return(0,y.jsxs)(ke.SelectEx,{value:e??"default",onChange:t=>{o?.(t.target.value)},...r,children:[(0,y.jsx)(O.MenuItem,{value:"default",children:"Default"},"default"),(0,y.jsx)(O.MenuItem,{value:"table",children:"Table"},"table"),(0,y.jsx)(O.MenuItem,{value:"grid",children:"Grid"},"grid")]})},De=r=>(0,y.jsx)(G,{formId:we,formLabel:Te,children:(0,y.jsx)(mr,{size:"small",label:Te,labelId:we,...r})});var ze=require("@mui/material"),Ge=require("@xylabs/react-select");var J=require("react/jsx-runtime"),pr="render-select-id",ur="Renderer",Ne=r=>{let{activePlugin:e,setActivePlugin:o,plugins:t}=c();return(0,J.jsx)(G,{formId:pr,formLabel:ur,children:(0,J.jsx)(Ge.SelectEx,{size:"small",value:e?.name,...r,children:t?.map(a=>(0,J.jsx)(ze.MenuItem,{value:a.name,onClick:()=>o?.(a),children:a.name},a.name))})})};var h=require("react/jsx-runtime"),$=({...r})=>{let{payload:e}=s(),{activePlugin:o,plugins:t,hideElementsConfig:a}=c(),{listMode:l}=(0,$e.useListMode)(),i=o?.components?.box?.listModes?.length??!1;return(0,h.jsxs)(Y,{...r,children:[a?.hideCardHeader?null:(0,h.jsx)(ae,{}),t&&t.length>0||i?(0,h.jsxs)(Je.FlexGrowRow,{columnGap:2,rowGap:2,flexWrap:"wrap",pb:1,children:[t&&t.length>1?(0,h.jsx)(Ne,{}):null,i?(0,h.jsx)(De,{}):null]}):null,(0,h.jsx)(Oe.CardContent,{sx:{height:"100%"},children:o?(0,h.jsx)(o.components.box.detailsBox,{payload:e,...i&&{listMode:l}}):null})]})};var je=require("@mui/material");var _=require("@xyo-network/react-shared");var Ke=require("@xyo-network/react-shared");var qe=require("react/jsx-runtime"),_e=({children:r})=>{let{payload:e,notFound:o,huriError:t}=s();return(0,qe.jsx)(Ke.LoadResult,{searchResult:e,notFound:!!o,error:!!t,children:r})};var Qe=require("@mui/material");var M=require("react/jsx-runtime"),Ue=({children:r,...e})=>{let{validPayload:o,enabled:t,schema:a}=te();return t&&o===!1?(0,M.jsxs)(Qe.Alert,{severity:"error",title:"Invalid Payload!",...e,children:["Payload schema claimed to be ",a," but failed to validate."]}):(0,M.jsx)(M.Fragment,{children:r})};var K=require("@mui/material");var v=require("react/jsx-runtime"),Xe=({children:r,...e})=>{let{payload:o}=s(),{plugins:t}=c();return o&&t?.length===0?(0,v.jsxs)(K.Alert,{severity:"warning",...e,children:[(0,v.jsx)(K.AlertTitle,{children:"Missing plugins!"}),"Payload found but no plugins were present."]}):(0,v.jsx)(v.Fragment,{children:r})};var p=require("react/jsx-runtime"),ie=({validateSchema:r,plugins:e=[],huriPayload:o,refreshTitle:t="",timestampLabel:a="Data From",hideElementsConfig:l,embedPluginConfig:i,onRefresh:n,children:P})=>(0,p.jsx)(_.ErrorBoundary,{children:(0,p.jsx)(Z,{refreshTitle:t,timestampLabel:a,hideElementsConfig:l,plugins:e,embedPluginConfig:i,children:(0,p.jsx)(Pr,{onRefresh:n,huriPayload:o,children:(0,p.jsx)(cr,{validateSchema:r,children:(0,p.jsx)(_.ListModeProvider,{defaultListMode:i?.listMode,children:P})})})})}),Pr=({children:r,onRefresh:e,huriPayload:o})=>(0,p.jsx)(j,{onRefresh:e,children:(0,p.jsx)(ee,{huriPayload:o,children:(0,p.jsx)(_e,{children:r})})}),cr=({children:r,validateSchema:e})=>(0,p.jsx)(oe,{enabled:e,children:(0,p.jsx)(Xe,{children:(0,p.jsx)(Ue,{children:r})})});var q=require("@xyo-network/react-error");var u=require("@mui/material"),m=require("react/jsx-runtime"),Ye=r=>{let{alertProps:e,error:o,hideErrorDetails:t=!0,children:a,...l}=r;return(0,m.jsx)(u.Card,{...l,children:(0,m.jsx)(u.CardContent,{children:a??(0,m.jsx)(fr,{...{alertProps:e,error:o,hideErrorDetails:t}})})})},fr=({alertProps:r,hideErrorDetails:e,error:o})=>(0,m.jsxs)(u.Alert,{severity:"error",...r,children:[(0,m.jsx)(u.AlertTitle,{children:"Whoops! Something went wrong"}),!e&&o?(0,m.jsxs)(m.Fragment,{children:[(0,m.jsx)(u.Typography,{variant:"caption",children:"Error: "}),(0,m.jsx)(u.Typography,{variant:"caption",children:o?.message})]}):(0,m.jsx)(u.Typography,{variant:"caption",fontSize:"small",children:"Error Loading Plugin"})]});var W=require("react/jsx-runtime"),Ze=({xyoError:r,children:e,...o})=>(0,W.jsx)(q.ErrorRender,{error:r,noReAuth:!0,noErrorDisplay:!0,customError:(0,W.jsx)(Cr,{xyoError:r,...o}),children:e}),Cr=({xyoError:r,...e})=>(0,W.jsx)(Ye,{...e,children:(0,W.jsx)(q.ErrorAlert,{error:r})});var S=require("react/jsx-runtime"),hr=({children:r,...e})=>{let{validateSchema:o,plugins:t=[],huriPayload:a,refreshTitle:l="",timestampLabel:i="Data From",hideElementsConfig:n,embedPluginConfig:P,onRefresh:F,...b}=e;return(0,S.jsxs)(ie,{embedPluginConfig:P,hideElementsConfig:n,huriPayload:a,onRefresh:F,plugins:t,refreshTitle:l,timestampLabel:i,validateSchema:o,children:[(0,S.jsx)(er,{...b}),r]})},er=r=>{let{payload:e,huriError:o}=s(),{refreshPayload:t}=L(),a=(0,je.useTheme)();return(0,S.jsx)(Ze,{xyoError:o,children:(0,S.jsx)($,{elevation:3,variant:"elevation",busy:!!(!t&&e),busyVariantProps:{style:{alignItems:"start",paddingTop:a.spacing(2),zIndex:2}},sx:{position:"relative"},...r})})};
+"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/index.ts
+var src_exports = {};
+__export(src_exports, {
+  ApiEmbedPluginCard: () => ApiEmbedPluginCard,
+  BusyCard: () => BusyCard,
+  EmbedCardHeader: () => EmbedCardHeader,
+  EmbedPlugin: () => EmbedPluginCard,
+  EmbedPluginCard: () => EmbedPluginCard,
+  EmbedPluginCardInner: () => EmbedPluginCardInner,
+  EmbedPluginContext: () => EmbedPluginContext,
+  EmbedPluginInner: () => EmbedPluginInner,
+  EmbedPluginProvider: () => EmbedPluginProvider,
+  RefreshPayloadProvider: () => RefreshPayloadProvider,
+  ResolvePayloadContext: () => ResolvePayloadContext,
+  ResolvePayloadProvider: () => ResolvePayloadProvider,
+  ValidatePayloadProvider: () => ValidatePayloadProvider,
+  useEmbedPluginState: () => useEmbedPluginState,
+  useRefreshPayload: () => useRefreshPayload,
+  useResolvePayload: () => useResolvePayload,
+  useValidatePayload: () => useValidatePayload
+});
+module.exports = __toCommonJS(src_exports);
+
+// src/components/embed-card/card/BusyCard.tsx
+var import_material = require("@mui/material");
+var import_react_flexbox = require("@xylabs/react-flexbox");
+var import_react_shared = require("@xylabs/react-shared");
+var import_jsx_runtime = 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_runtime.jsxs)(import_material.Card, { ...props, children: [
+    children,
+    busyVariant === "circular" && internalBusy ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_shared.BusyCircularProgress, { ...busyVariantProps }) : null,
+    busyVariant === "linear" && internalBusy ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_shared.BusyLinearProgress, { ...busyVariantProps }) : null
+  ] });
+};
+
+// src/components/embed-card/card/EmbedCardHeader.tsx
+var import_icons_material3 = require("@mui/icons-material");
+var import_material5 = require("@mui/material");
+var import_react_flexbox2 = require("@xylabs/react-flexbox");
+
+// src/contexts/EmbedPluginContext/Context.tsx
+var import_react_shared2 = require("@xyo-network/react-shared");
+var EmbedPluginContext = (0, import_react_shared2.createContextEx)();
+
+// src/contexts/EmbedPluginContext/Provider.tsx
+var import_react = require("react");
+var import_jsx_runtime2 = 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_runtime2.jsx)(
+    EmbedPluginContext.Provider,
+    {
+      value: {
+        activePlugin,
+        embedPluginConfig,
+        hideElementsConfig,
+        provided: true,
+        refreshTitle,
+        setActivePlugin,
+        timestampLabel
+      },
+      children
+    }
+  );
+};
+
+// src/contexts/EmbedPluginContext/use.tsx
+var import_react_shared3 = require("@xyo-network/react-shared");
+var useEmbedPluginState = () => (0, import_react_shared3.useContextEx)(EmbedPluginContext, "EmbedPlugin", true);
+
+// src/contexts/RefreshPayloadContext/Provider.tsx
+var import_react2 = require("react");
+
+// src/contexts/RefreshPayloadContext/Context.tsx
+var import_react_shared4 = require("@xyo-network/react-shared");
+var RefreshPayloadContext = (0, import_react_shared4.createContextEx)();
+
+// src/contexts/RefreshPayloadContext/Provider.tsx
+var import_jsx_runtime3 = require("react/jsx-runtime");
+var RefreshPayloadProvider = ({ children, onRefresh, refreshPayload }) => {
+  const [localRefreshPayload, setRefreshPayload] = (0, import_react2.useState)(refreshPayload);
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(RefreshPayloadContext.Provider, { value: { onRefresh, provided: true, refreshPayload: localRefreshPayload, setRefreshPayload }, children });
+};
+
+// src/contexts/RefreshPayloadContext/use.tsx
+var import_react_shared5 = require("@xyo-network/react-shared");
+var useRefreshPayload = () => (0, import_react_shared5.useContextEx)(RefreshPayloadContext, "RefreshPayload", true);
+
+// src/contexts/ResolvePayloadContext/Context.ts
+var import_react_shared6 = require("@xyo-network/react-shared");
+var ResolvePayloadContext = (0, import_react_shared6.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_runtime4 = 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?.(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?.(true);
+          }
+        } catch (e) {
+          const error = e;
+          setHuriError({ message: error.message, schema: import_payload_model.ModuleErrorSchema, sources: [] });
+        }
+      }
+    },
+    [huri, payload, refreshPayload, setRefreshPayload]
+  );
+  const refreshHuri = () => {
+    onRefresh?.();
+    if (huri) {
+      setRefreshPayload?.(false);
+    }
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(ResolvePayloadContext.Provider, { value: { huri, huriError, notFound, payload, provided: true, refreshHuri, setPayload }, children });
+};
+
+// src/contexts/ResolvePayloadContext/use.tsx
+var import_react_shared7 = require("@xyo-network/react-shared");
+var useResolvePayload = () => (0, import_react_shared7.useContextEx)(ResolvePayloadContext, "ResolvePayload", true);
+
+// src/contexts/ValidatePayloadContext/Provider.tsx
+var import_material2 = 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_shared8 = require("@xyo-network/react-shared");
+var ValidatePayloadContext = (0, import_react_shared8.createContextEx)();
+
+// src/contexts/ValidatePayloadContext/Provider.tsx
+var import_jsx_runtime5 = 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?.(payload));
+        }
+        setInitialized(true);
+      }
+    },
+    [payload, enabled]
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(ValidatePayloadContext.Provider, { value: { enabled, provided: true, schema: payload?.schema, validPayload: valid }, children: enabled ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_jsx_runtime5.Fragment, { children: initialized ? children : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_material2.Chip, { label: "Validating Payload..." }) }) : children });
+};
+
+// src/contexts/ValidatePayloadContext/use.tsx
+var import_react_shared9 = require("@xyo-network/react-shared");
+var useValidatePayload = () => (0, import_react_shared9.useContextEx)(ValidatePayloadContext, "ValidateSchema", true);
+
+// src/components/embed-card/menu/EmbedMenu.tsx
+var import_icons_material2 = require("@mui/icons-material");
+var import_material4 = 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_material3 = require("@mui/material");
+var import_jsx_runtime6 = require("react/jsx-runtime");
+var JsonMenuItem = (props) => {
+  const { huri } = useResolvePayload();
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_jsx_runtime6.Fragment, { children: huri ? /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_material3.MenuItem, { title: "Source Payload JSON", onClick: () => window.open(huri, "_blank"), ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_material3.ListItemText, { sx: { mr: 1 }, children: "JSON" }),
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_material3.ListItemIcon, { sx: { justifyContent: "end" }, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_icons_material.OpenInNew, { fontSize: "small" }) })
+  ] }) : null });
+};
+
+// src/components/embed-card/menu/EmbedMenu.tsx
+var import_jsx_runtime7 = 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_runtime7.jsxs)(import_jsx_runtime7.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_material4.IconButton, { onClick: handleClick, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_icons_material2.MoreVert, {}) }),
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_material4.Menu, { anchorEl, open, onClose: handleClose, PaperProps: { variant: "elevation" }, MenuListProps: { dense: true }, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(JsonMenuItem, {}) })
+  ] });
+};
+
+// src/components/embed-card/card/EmbedCardHeader.tsx
+var import_jsx_runtime8 = require("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__ */ (0, import_jsx_runtime8.jsx)(
+    import_material5.CardHeader,
+    {
+      sx: { flexWrap: "wrap", rowGap: 1 },
+      avatar: hideAvatar ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_jsx_runtime8.Fragment, {}) : /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_material5.Avatar, { sx: { bgcolor: (theme) => theme.palette.primary.main }, "aria-label": activePlugin?.name, children: activePlugin?.name?.charAt(0) }),
+      action: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_react_flexbox2.FlexRow, { flexWrap: "wrap", columnGap: 0.5, children: [
+        timestamp ? hideTimestamp && hideRefreshButton ? "" : /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+          import_material5.Chip,
+          {
+            avatar: hideRefreshButton ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_jsx_runtime8.Fragment, {}) : /* @__PURE__ */ (0, import_jsx_runtime8.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_runtime8.jsx)(EmbedMenu, {})
+      ] }),
+      title: hideTitle ? "" : activePlugin?.name
+    }
+  );
+};
+
+// src/components/embed-card/card/EmbedPluginCard.tsx
+var import_material9 = require("@mui/material");
+var import_react_flexbox3 = require("@xylabs/react-flexbox");
+var import_react_shared11 = require("@xyo-network/react-shared");
+
+// src/components/controls/EmbedFormControl.tsx
+var import_material6 = require("@mui/material");
+var import_jsx_runtime9 = require("react/jsx-runtime");
+var EmbedFormControl = ({ formId, formLabel, children, ...props }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_material6.FormControl, { ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_material6.InputLabel, { id: formId, children: formLabel }),
+    children
+  ] });
+};
+
+// src/components/controls/ListModeSelect.tsx
+var import_material7 = require("@mui/material");
+var import_react_select = require("@xylabs/react-select");
+var import_react_shared10 = require("@xyo-network/react-shared");
+var import_jsx_runtime10 = require("react/jsx-runtime");
+var listModeSelectId = "listmode-select-id";
+var listModeSelectLabel = "List Mode";
+var ListModeSelect = (props) => {
+  const { listMode, setListMode } = (0, import_react_shared10.useListMode)();
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
+    import_react_select.SelectEx,
+    {
+      value: listMode ?? "default",
+      onChange: (event) => {
+        setListMode?.(event.target.value);
+      },
+      ...props,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_material7.MenuItem, { value: "default", children: "Default" }, "default"),
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_material7.MenuItem, { value: "table", children: "Table" }, "table"),
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_material7.MenuItem, { value: "grid", children: "Grid" }, "grid")
+      ]
+    }
+  );
+};
+var ListModeSelectFormControl = (props) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(EmbedFormControl, { formId: listModeSelectId, formLabel: listModeSelectLabel, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(ListModeSelect, { size: "small", label: listModeSelectLabel, labelId: listModeSelectId, ...props }) });
+};
+
+// src/components/controls/RenderSelect.tsx
+var import_material8 = require("@mui/material");
+var import_react_select2 = require("@xylabs/react-select");
+var import_jsx_runtime11 = 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_runtime11.jsx)(EmbedFormControl, { formId: renderSelectId, formLabel: renderSelectLabel, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_react_select2.SelectEx, { size: "small", value: activePlugin?.name, ...props, children: plugins?.map((plugin) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_material8.MenuItem, { value: plugin.name, onClick: () => setActivePlugin?.(plugin), children: plugin.name }, plugin.name)) }) });
+};
+
+// src/components/embed-card/card/EmbedPluginCard.tsx
+var import_jsx_runtime12 = require("react/jsx-runtime");
+var EmbedPluginCard = ({ ...props }) => {
+  const { payload } = useResolvePayload();
+  const { activePlugin: ActivePlugin, plugins, hideElementsConfig } = useEmbedPluginState();
+  const { listMode } = (0, import_react_shared11.useListMode)();
+  const supportsListMode = ActivePlugin?.components?.box?.listModes?.length ?? 0 > 1;
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(BusyCard, { ...props, children: [
+    hideElementsConfig?.hideCardHeader ? null : /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(EmbedCardHeader, {}),
+    plugins && plugins.length > 0 || supportsListMode ? /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_react_flexbox3.FlexGrowRow, { columnGap: 2, rowGap: 2, flexWrap: "wrap", pb: 1, children: [
+      plugins && plugins.length > 1 ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(EmbedRenderSelect, {}) : null,
+      supportsListMode ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(ListModeSelectFormControl, {}) : null
+    ] }) : null,
+    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_material9.CardContent, { sx: { height: "100%" }, children: ActivePlugin ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(ActivePlugin.components.box.detailsBox, { payload, ...supportsListMode && { listMode } }) : null })
+  ] });
+};
+
+// src/components/embed-card/EmbedPluginCard.tsx
+var import_material13 = require("@mui/material");
+
+// src/components/EmbedPlugin.tsx
+var import_react_shared13 = require("@xyo-network/react-shared");
+
+// src/components/EmbedResolver.tsx
+var import_react_shared12 = require("@xyo-network/react-shared");
+var import_jsx_runtime13 = require("react/jsx-runtime");
+var EmbedResolver = ({ children }) => {
+  const { payload, notFound, huriError } = useResolvePayload();
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react_shared12.LoadResult, { searchResult: payload, notFound: !!notFound, error: !!huriError, children });
+};
+
+// src/components/validation-alerts/ValidatePayload.tsx
+var import_material10 = require("@mui/material");
+var import_jsx_runtime14 = require("react/jsx-runtime");
+var ValidatePayloadAlert = ({ children, ...props }) => {
+  const { validPayload, enabled, schema } = useValidatePayload();
+  if (enabled && validPayload === false) {
+    return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_material10.Alert, { severity: "error", title: "Invalid Payload!", ...props, children: [
+      "Payload schema claimed to be ",
+      schema,
+      " but failed to validate."
+    ] });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_jsx_runtime14.Fragment, { children });
+};
+
+// src/components/validation-alerts/ValidatePlugins.tsx
+var import_material11 = require("@mui/material");
+var import_jsx_runtime15 = require("react/jsx-runtime");
+var ValidatePluginsAlert = ({ children, ...props }) => {
+  const { payload } = useResolvePayload();
+  const { plugins } = useEmbedPluginState();
+  if (payload && plugins?.length === 0) {
+    return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_material11.Alert, { severity: "warning", ...props, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_material11.AlertTitle, { children: "Missing plugins!" }),
+      "Payload found but no plugins were present."
+    ] });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_jsx_runtime15.Fragment, { children });
+};
+
+// src/components/EmbedPlugin.tsx
+var import_jsx_runtime16 = require("react/jsx-runtime");
+var EmbedPluginInner = ({
+  validateSchema,
+  plugins = [],
+  huriPayload,
+  refreshTitle = "",
+  timestampLabel = "Data From",
+  hideElementsConfig,
+  embedPluginConfig,
+  onRefresh,
+  children
+}) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_react_shared13.ErrorBoundary, { children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+    EmbedPluginProvider,
+    {
+      refreshTitle,
+      timestampLabel,
+      hideElementsConfig,
+      plugins,
+      embedPluginConfig,
+      children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(WithResolvers, { onRefresh, huriPayload, children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(WithValidators, { validateSchema, children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_react_shared13.ListModeProvider, { defaultListMode: embedPluginConfig?.listMode, children }) }) })
+    }
+  ) });
+};
+var WithResolvers = ({ children, onRefresh, huriPayload }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(RefreshPayloadProvider, { onRefresh, children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(ResolvePayloadProvider, { huriPayload, children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(EmbedResolver, { children }) }) });
+};
+var WithValidators = ({ children, validateSchema }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(ValidatePayloadProvider, { enabled: validateSchema, children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(ValidatePluginsAlert, { children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(ValidatePayloadAlert, { children }) }) });
+};
+
+// 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?.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
+    }
+  ) });
+};
 //# sourceMappingURL=index.cjs.map