@xyo-network/react-embed 2.64.0-rc.6 → 2.64.0

package/dist/node/components/controls/index.cjs

@@ -0,0 +1,94 @@
+"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/controls/index.ts
+var controls_exports = {};
+__export(controls_exports, {
+  EmbedFormControl: () => EmbedFormControl,
+  EmbedRenderSelect: () => EmbedRenderSelect,
+  ListModeSelect: () => ListModeSelect,
+  ListModeSelectFormControl: () => ListModeSelectFormControl
+});
+module.exports = __toCommonJS(controls_exports);
+
+// src/components/controls/EmbedFormControl.tsx
+var import_material = require("@mui/material");
+var import_jsx_runtime = require("react/jsx-runtime");
+var EmbedFormControl = ({ formId, formLabel, children, ...props }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_material.FormControl, { ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.InputLabel, { id: formId, children: formLabel }),
+    children
+  ] });
+};
+
+// src/components/controls/ListModeSelect.tsx
+var import_material2 = require("@mui/material");
+var import_react_shared = require("@xyo-network/react-shared");
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var listModeSelectId = "listmode-select-id";
+var listModeSelectLabel = "List Mode";
+var ListModeSelect = (props) => {
+  const { listMode, setListMode } = (0, import_react_shared.useListMode)();
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+    import_material2.Select,
+    {
+      value: listMode ?? "default",
+      onChange: (event) => {
+        setListMode == null ? void 0 : setListMode(event.target.value);
+      },
+      ...props,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_material2.MenuItem, { value: "default", children: "Default" }, "default"),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_material2.MenuItem, { value: "table", children: "Table" }, "table"),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_material2.MenuItem, { value: "grid", children: "Grid" }, "grid")
+      ]
+    }
+  );
+};
+var ListModeSelectFormControl = (props) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(EmbedFormControl, { formId: listModeSelectId, formLabel: listModeSelectLabel, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(ListModeSelect, { size: "small", label: listModeSelectLabel, labelId: listModeSelectId, ...props }) });
+};
+
+// src/components/controls/RenderSelect.tsx
+var import_material3 = require("@mui/material");
+
+// src/contexts/EmbedPluginContext/Context.tsx
+var import_react_shared2 = require("@xyo-network/react-shared");
+var EmbedPluginContext = (0, import_react_shared2.createContextEx)();
+
+// 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/components/controls/RenderSelect.tsx
+var import_jsx_runtime3 = 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_runtime3.jsx)(EmbedFormControl, { formId: renderSelectId, formLabel: renderSelectLabel, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_material3.Select, { size: "small", value: activePlugin == null ? void 0 : activePlugin.name, ...props, children: plugins == null ? void 0 : plugins.map((plugin) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_material3.MenuItem, { value: plugin.name, onClick: () => setActivePlugin == null ? void 0 : setActivePlugin(plugin), children: plugin.name }, plugin.name)) }) });
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  EmbedFormControl,
+  EmbedRenderSelect,
+  ListModeSelect,
+  ListModeSelectFormControl
+});
+//# sourceMappingURL=index.cjs.map

package/dist/node/components/controls/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/controls/index.ts","../../../../src/components/controls/EmbedFormControl.tsx","../../../../src/components/controls/ListModeSelect.tsx","../../../../src/components/controls/RenderSelect.tsx","../../../../src/contexts/EmbedPluginContext/Context.tsx","../../../../src/contexts/EmbedPluginContext/use.tsx"],"sourcesContent":["export * from './EmbedFormControl'\nexport * from './ListModeSelect'\nexport * from './RenderSelect'\n","import { FormControl, FormControlProps, InputLabel } from '@mui/material'\nimport { WithChildren } from '@xylabs/react-shared'\n\ninterface EmbedFormControlProps extends FormControlProps {\n  formId?: string\n  formLabel?: string\n}\n\nexport const EmbedFormControl: React.FC<WithChildren<EmbedFormControlProps>> = ({ formId, formLabel, children, ...props }) => {\n  return (\n    <FormControl {...props}>\n      <InputLabel id={formId}>{formLabel}</InputLabel>\n      {children}\n    </FormControl>\n  )\n}\n","import { MenuItem, Select, SelectProps } from '@mui/material'\nimport { ListMode, useListMode } from '@xyo-network/react-shared'\n\nimport { EmbedFormControl } from './EmbedFormControl'\n\nconst listModeSelectId = 'listmode-select-id'\nconst listModeSelectLabel = 'List Mode'\n\nexport const ListModeSelect: React.FC<SelectProps<ListMode>> = (props) => {\n  const { listMode, setListMode } = useListMode()\n\n  return (\n    <Select<ListMode>\n      value={(listMode ?? 'default') as ListMode}\n      onChange={(event) => {\n        setListMode?.(event.target.value as ListMode)\n      }}\n      {...props}\n    >\n      <MenuItem key=\"default\" value=\"default\">\n        Default\n      </MenuItem>\n      <MenuItem key=\"table\" value=\"table\">\n        Table\n      </MenuItem>\n      <MenuItem key=\"grid\" value=\"grid\">\n        Grid\n      </MenuItem>\n    </Select>\n  )\n}\n\nexport const ListModeSelectFormControl: React.FC<SelectProps<ListMode>> = (props) => {\n  return (\n    <EmbedFormControl formId={listModeSelectId} formLabel={listModeSelectLabel}>\n      <ListModeSelect size=\"small\" label={listModeSelectLabel} labelId={listModeSelectId} {...props} />\n    </EmbedFormControl>\n  )\n}\n","import { MenuItem, Select, SelectProps } from '@mui/material'\n\nimport { useEmbedPluginState } from '../../contexts'\nimport { EmbedFormControl } from './EmbedFormControl'\n\nconst renderSelectId = 'render-select-id'\nconst renderSelectLabel = 'Renderer'\n\nexport const EmbedRenderSelect: React.FC<SelectProps> = (props) => {\n  const { activePlugin, setActivePlugin, plugins } = useEmbedPluginState()\n  return (\n    <EmbedFormControl formId={renderSelectId} formLabel={renderSelectLabel}>\n      <Select size=\"small\" value={activePlugin?.name} {...props}>\n        {plugins?.map((plugin) => (\n          <MenuItem value={plugin.name} key={plugin.name} onClick={() => setActivePlugin?.(plugin)}>\n            {plugin.name}\n          </MenuItem>\n        ))}\n      </Select>\n    </EmbedFormControl>\n  )\n}\n","import { createContextEx } from '@xyo-network/react-shared'\n\nimport { EmbedPluginState } from './State'\n\nexport const EmbedPluginContext = createContextEx<EmbedPluginState>()\n","import { useContextEx } from '@xyo-network/react-shared'\n\nimport { EmbedPluginContext } from './Context'\n\nexport const useEmbedPluginState = () => useContextEx(EmbedPluginContext, 'EmbedPlugin', true)\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,sBAA0D;AAUtD;AAFG,IAAM,mBAAkE,CAAC,EAAE,QAAQ,WAAW,UAAU,GAAG,MAAM,MAAM;AAC5H,SACE,6CAAC,+BAAa,GAAG,OACf;AAAA,gDAAC,8BAAW,IAAI,QAAS,qBAAU;AAAA,IAClC;AAAA,KACH;AAEJ;;;ACfA,IAAAA,mBAA8C;AAC9C,0BAAsC;AAWlC,IAAAC,sBAAA;AAPJ,IAAM,mBAAmB;AACzB,IAAM,sBAAsB;AAErB,IAAM,iBAAkD,CAAC,UAAU;AACxE,QAAM,EAAE,UAAU,YAAY,QAAI,iCAAY;AAE9C,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAQ,YAAY;AAAA,MACpB,UAAU,CAAC,UAAU;AACnB,mDAAc,MAAM,OAAO;AAAA,MAC7B;AAAA,MACC,GAAG;AAAA,MAEJ;AAAA,qDAAC,6BAAuB,OAAM,WAAU,uBAA1B,SAEd;AAAA,QACA,6CAAC,6BAAqB,OAAM,SAAQ,qBAAtB,OAEd;AAAA,QACA,6CAAC,6BAAoB,OAAM,QAAO,oBAApB,MAEd;AAAA;AAAA;AAAA,EACF;AAEJ;AAEO,IAAM,4BAA6D,CAAC,UAAU;AACnF,SACE,6CAAC,oBAAiB,QAAQ,kBAAkB,WAAW,qBACrD,uDAAC,kBAAe,MAAK,SAAQ,OAAO,qBAAqB,SAAS,kBAAmB,GAAG,OAAO,GACjG;AAEJ;;;ACtCA,IAAAC,mBAA8C;;;ACA9C,IAAAC,uBAAgC;AAIzB,IAAM,yBAAqB,sCAAkC;;;ACJpE,IAAAC,uBAA6B;AAItB,IAAM,sBAAsB,UAAM,mCAAa,oBAAoB,eAAe,IAAI;;;AFUnF,IAAAC,sBAAA;AATV,IAAM,iBAAiB;AACvB,IAAM,oBAAoB;AAEnB,IAAM,oBAA2C,CAAC,UAAU;AACjE,QAAM,EAAE,cAAc,iBAAiB,QAAQ,IAAI,oBAAoB;AACvE,SACE,6CAAC,oBAAiB,QAAQ,gBAAgB,WAAW,mBACnD,uDAAC,2BAAO,MAAK,SAAQ,OAAO,6CAAc,MAAO,GAAG,OACjD,6CAAS,IAAI,CAAC,WACb,6CAAC,6BAAS,OAAO,OAAO,MAAwB,SAAS,MAAM,mDAAkB,SAC9E,iBAAO,QADyB,OAAO,IAE1C,IAEJ,GACF;AAEJ;","names":["import_material","import_jsx_runtime","import_material","import_react_shared","import_react_shared","import_jsx_runtime"]}

package/dist/node/components/controls/index.d.cts

@@ -0,0 +1,4 @@
+export * from './EmbedFormControl';
+export * from './ListModeSelect';
+export * from './RenderSelect';
+//# sourceMappingURL=index.d.ts.map

package/dist/node/components/controls/index.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/controls/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAA;AAClC,cAAc,kBAAkB,CAAA;AAChC,cAAc,gBAAgB,CAAA"}

package/dist/node/components/controls/index.js

@@ -1,27 +1,64 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-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;
+// src/components/controls/EmbedFormControl.tsx
+import { FormControl, InputLabel } from "@mui/material";
+import { jsx, jsxs } from "react/jsx-runtime";
+var EmbedFormControl = ({ formId, formLabel, children, ...props }) => {
+  return /* @__PURE__ */ jsxs(FormControl, { ...props, children: [
+    /* @__PURE__ */ jsx(InputLabel, { id: formId, children: formLabel }),
+    children
+  ] });
+};
+
+// src/components/controls/ListModeSelect.tsx
+import { MenuItem, Select } from "@mui/material";
+import { useListMode } from "@xyo-network/react-shared";
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var listModeSelectId = "listmode-select-id";
+var listModeSelectLabel = "List Mode";
+var ListModeSelect = (props) => {
+  const { listMode, setListMode } = useListMode();
+  return /* @__PURE__ */ jsxs2(
+    Select,
+    {
+      value: listMode ?? "default",
+      onChange: (event) => {
+        setListMode == null ? void 0 : setListMode(event.target.value);
+      },
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx2(MenuItem, { value: "default", children: "Default" }, "default"),
+        /* @__PURE__ */ jsx2(MenuItem, { value: "table", children: "Table" }, "table"),
+        /* @__PURE__ */ jsx2(MenuItem, { value: "grid", children: "Grid" }, "grid")
+      ]
+    }
+  );
+};
+var ListModeSelectFormControl = (props) => {
+  return /* @__PURE__ */ jsx2(EmbedFormControl, { formId: listModeSelectId, formLabel: listModeSelectLabel, children: /* @__PURE__ */ jsx2(ListModeSelect, { size: "small", label: listModeSelectLabel, labelId: listModeSelectId, ...props }) });
+};
+
+// src/components/controls/RenderSelect.tsx
+import { MenuItem as MenuItem2, Select as Select2 } from "@mui/material";
+
+// src/contexts/EmbedPluginContext/Context.tsx
+import { createContextEx } from "@xyo-network/react-shared";
+var EmbedPluginContext = createContextEx();
+
+// src/contexts/EmbedPluginContext/use.tsx
+import { useContextEx } from "@xyo-network/react-shared";
+var useEmbedPluginState = () => useContextEx(EmbedPluginContext, "EmbedPlugin", true);
+
+// src/components/controls/RenderSelect.tsx
+import { jsx as jsx3 } from "react/jsx-runtime";
+var renderSelectId = "render-select-id";
+var renderSelectLabel = "Renderer";
+var EmbedRenderSelect = (props) => {
+  const { activePlugin, setActivePlugin, plugins } = useEmbedPluginState();
+  return /* @__PURE__ */ jsx3(EmbedFormControl, { formId: renderSelectId, formLabel: renderSelectLabel, children: /* @__PURE__ */ jsx3(Select2, { size: "small", value: activePlugin == null ? void 0 : activePlugin.name, ...props, children: plugins == null ? void 0 : plugins.map((plugin) => /* @__PURE__ */ jsx3(MenuItem2, { value: plugin.name, onClick: () => setActivePlugin == null ? void 0 : setActivePlugin(plugin), children: plugin.name }, plugin.name)) }) });
+};
+export {
+  EmbedFormControl,
+  EmbedRenderSelect,
+  ListModeSelect,
+  ListModeSelectFormControl
 };
-var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var controls_exports = {};
-module.exports = __toCommonJS(controls_exports);
-__reExport(controls_exports, require("./EmbedFormControl"), module.exports);
-__reExport(controls_exports, require("./ListModeSelect"), module.exports);
-__reExport(controls_exports, require("./RenderSelect"), module.exports);
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  ...require("./EmbedFormControl"),
-  ...require("./ListModeSelect"),
-  ...require("./RenderSelect")
-});
 //# sourceMappingURL=index.js.map

package/dist/node/components/controls/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/controls/index.ts"],"sourcesContent":["export * from './EmbedFormControl'\nexport * from './ListModeSelect'\nexport * from './RenderSelect'\n"],"mappings":";;;;;;;;;;;;;;;AAAA;AAAA;AAAA,6BAAc,+BAAd;AACA,6BAAc,6BADd;AAEA,6BAAc,2BAFd;","names":[]}
+{"version":3,"sources":["../../../../src/components/controls/EmbedFormControl.tsx","../../../../src/components/controls/ListModeSelect.tsx","../../../../src/components/controls/RenderSelect.tsx","../../../../src/contexts/EmbedPluginContext/Context.tsx","../../../../src/contexts/EmbedPluginContext/use.tsx"],"sourcesContent":["import { FormControl, FormControlProps, InputLabel } from '@mui/material'\nimport { WithChildren } from '@xylabs/react-shared'\n\ninterface EmbedFormControlProps extends FormControlProps {\n  formId?: string\n  formLabel?: string\n}\n\nexport const EmbedFormControl: React.FC<WithChildren<EmbedFormControlProps>> = ({ formId, formLabel, children, ...props }) => {\n  return (\n    <FormControl {...props}>\n      <InputLabel id={formId}>{formLabel}</InputLabel>\n      {children}\n    </FormControl>\n  )\n}\n","import { MenuItem, Select, SelectProps } from '@mui/material'\nimport { ListMode, useListMode } from '@xyo-network/react-shared'\n\nimport { EmbedFormControl } from './EmbedFormControl'\n\nconst listModeSelectId = 'listmode-select-id'\nconst listModeSelectLabel = 'List Mode'\n\nexport const ListModeSelect: React.FC<SelectProps<ListMode>> = (props) => {\n  const { listMode, setListMode } = useListMode()\n\n  return (\n    <Select<ListMode>\n      value={(listMode ?? 'default') as ListMode}\n      onChange={(event) => {\n        setListMode?.(event.target.value as ListMode)\n      }}\n      {...props}\n    >\n      <MenuItem key=\"default\" value=\"default\">\n        Default\n      </MenuItem>\n      <MenuItem key=\"table\" value=\"table\">\n        Table\n      </MenuItem>\n      <MenuItem key=\"grid\" value=\"grid\">\n        Grid\n      </MenuItem>\n    </Select>\n  )\n}\n\nexport const ListModeSelectFormControl: React.FC<SelectProps<ListMode>> = (props) => {\n  return (\n    <EmbedFormControl formId={listModeSelectId} formLabel={listModeSelectLabel}>\n      <ListModeSelect size=\"small\" label={listModeSelectLabel} labelId={listModeSelectId} {...props} />\n    </EmbedFormControl>\n  )\n}\n","import { MenuItem, Select, SelectProps } from '@mui/material'\n\nimport { useEmbedPluginState } from '../../contexts'\nimport { EmbedFormControl } from './EmbedFormControl'\n\nconst renderSelectId = 'render-select-id'\nconst renderSelectLabel = 'Renderer'\n\nexport const EmbedRenderSelect: React.FC<SelectProps> = (props) => {\n  const { activePlugin, setActivePlugin, plugins } = useEmbedPluginState()\n  return (\n    <EmbedFormControl formId={renderSelectId} formLabel={renderSelectLabel}>\n      <Select size=\"small\" value={activePlugin?.name} {...props}>\n        {plugins?.map((plugin) => (\n          <MenuItem value={plugin.name} key={plugin.name} onClick={() => setActivePlugin?.(plugin)}>\n            {plugin.name}\n          </MenuItem>\n        ))}\n      </Select>\n    </EmbedFormControl>\n  )\n}\n","import { createContextEx } from '@xyo-network/react-shared'\n\nimport { EmbedPluginState } from './State'\n\nexport const EmbedPluginContext = createContextEx<EmbedPluginState>()\n","import { useContextEx } from '@xyo-network/react-shared'\n\nimport { EmbedPluginContext } from './Context'\n\nexport const useEmbedPluginState = () => useContextEx(EmbedPluginContext, 'EmbedPlugin', true)\n"],"mappings":";AAAA,SAAS,aAA+B,kBAAkB;AAUtD,SACE,KADF;AAFG,IAAM,mBAAkE,CAAC,EAAE,QAAQ,WAAW,UAAU,GAAG,MAAM,MAAM;AAC5H,SACE,qBAAC,eAAa,GAAG,OACf;AAAA,wBAAC,cAAW,IAAI,QAAS,qBAAU;AAAA,IAClC;AAAA,KACH;AAEJ;;;ACfA,SAAS,UAAU,cAA2B;AAC9C,SAAmB,mBAAmB;AAWlC,SAOE,OAAAA,MAPF,QAAAC,aAAA;AAPJ,IAAM,mBAAmB;AACzB,IAAM,sBAAsB;AAErB,IAAM,iBAAkD,CAAC,UAAU;AACxE,QAAM,EAAE,UAAU,YAAY,IAAI,YAAY;AAE9C,SACE,gBAAAA;AAAA,IAAC;AAAA;AAAA,MACC,OAAQ,YAAY;AAAA,MACpB,UAAU,CAAC,UAAU;AACnB,mDAAc,MAAM,OAAO;AAAA,MAC7B;AAAA,MACC,GAAG;AAAA,MAEJ;AAAA,wBAAAD,KAAC,YAAuB,OAAM,WAAU,uBAA1B,SAEd;AAAA,QACA,gBAAAA,KAAC,YAAqB,OAAM,SAAQ,qBAAtB,OAEd;AAAA,QACA,gBAAAA,KAAC,YAAoB,OAAM,QAAO,oBAApB,MAEd;AAAA;AAAA;AAAA,EACF;AAEJ;AAEO,IAAM,4BAA6D,CAAC,UAAU;AACnF,SACE,gBAAAA,KAAC,oBAAiB,QAAQ,kBAAkB,WAAW,qBACrD,0BAAAA,KAAC,kBAAe,MAAK,SAAQ,OAAO,qBAAqB,SAAS,kBAAmB,GAAG,OAAO,GACjG;AAEJ;;;ACtCA,SAAS,YAAAE,WAAU,UAAAC,eAA2B;;;ACA9C,SAAS,uBAAuB;AAIzB,IAAM,qBAAqB,gBAAkC;;;ACJpE,SAAS,oBAAoB;AAItB,IAAM,sBAAsB,MAAM,aAAa,oBAAoB,eAAe,IAAI;;;AFUnF,gBAAAC,YAAA;AATV,IAAM,iBAAiB;AACvB,IAAM,oBAAoB;AAEnB,IAAM,oBAA2C,CAAC,UAAU;AACjE,QAAM,EAAE,cAAc,iBAAiB,QAAQ,IAAI,oBAAoB;AACvE,SACE,gBAAAA,KAAC,oBAAiB,QAAQ,gBAAgB,WAAW,mBACnD,0BAAAA,KAACC,SAAA,EAAO,MAAK,SAAQ,OAAO,6CAAc,MAAO,GAAG,OACjD,6CAAS,IAAI,CAAC,WACb,gBAAAD,KAACE,WAAA,EAAS,OAAO,OAAO,MAAwB,SAAS,MAAM,mDAAkB,SAC9E,iBAAO,QADyB,OAAO,IAE1C,IAEJ,GACF;AAEJ;","names":["jsx","jsxs","MenuItem","Select","jsx","Select","MenuItem"]}

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

@@ -0,0 +1,99 @@
+"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/EmbedCardResolver.tsx
+var EmbedCardResolver_exports = {};
+__export(EmbedCardResolver_exports, {
+  EmbedCardResolverFlexBox: () => EmbedCardResolverFlexBox
+});
+module.exports = __toCommonJS(EmbedCardResolver_exports);
+var import_material2 = require("@mui/material");
+var import_react_flexbox = require("@xylabs/react-flexbox");
+var import_react_shared5 = require("@xyo-network/react-shared");
+
+// src/contexts/RefreshPayloadContext/Context.tsx
+var import_react_shared = require("@xyo-network/react-shared");
+var RefreshPayloadContext = (0, import_react_shared.createContextEx)();
+
+// src/contexts/RefreshPayloadContext/use.tsx
+var import_react_shared2 = require("@xyo-network/react-shared");
+var useRefreshPayload = () => (0, import_react_shared2.useContextEx)(RefreshPayloadContext, "RefreshPayload", true);
+
+// src/contexts/ResolvePayloadContext/Context.ts
+var import_react_shared3 = require("@xyo-network/react-shared");
+var ResolvePayloadContext = (0, import_react_shared3.createContextEx)();
+
+// src/contexts/ResolvePayloadContext/use.tsx
+var import_react_shared4 = require("@xyo-network/react-shared");
+var useResolvePayload = () => (0, import_react_shared4.useContextEx)(ResolvePayloadContext, "ResolvePayload", true);
+
+// 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_material = require("@mui/material");
+var import_jsx_runtime = 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_runtime.jsx)(import_material.Card, { ...cardProps, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.CardContent, { children: children ?? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DefaultErrorAlert, { ...errorProps }) }) });
+};
+var DefaultErrorAlert = ({ alertProps, hideErrorDetails, error }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_material.Alert, { severity: "error", ...alertProps, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.AlertTitle, { children: "Whoops! Something went wrong" }),
+    !hideErrorDetails && error ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.Typography, { variant: "caption", children: "Error: " }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.Typography, { variant: "caption", children: error == null ? void 0 : error.message })
+    ] }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.Typography, { variant: "caption", fontSize: "small", children: "Error Loading Plugin" })
+  ] });
+};
+
+// src/components/embed-card/error-handling/EmbedCardApiErrorRenderer.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var EmbedCardApiErrorRenderer = ({ xyoError, children, ...props }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_error.ErrorRender, { error: xyoError, noReAuth: true, noErrorDisplay: true, customError: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(CustomApiErrorCard, { xyoError, ...props }), children });
+};
+var CustomApiErrorCard = ({ xyoError, ...props }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(EmbedErrorCard, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_error.ErrorAlert, { error: xyoError }) });
+};
+
+// src/components/embed-card/EmbedCardResolver.tsx
+var import_jsx_runtime3 = require("react/jsx-runtime");
+var EmbedCardResolverFlexBox = ({ children, ...props }) => {
+  const { payload, notFound, huriError } = useResolvePayload();
+  const { refreshPayload } = useRefreshPayload();
+  const theme = (0, import_material2.useTheme)();
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_shared5.LoadResult, { searchResult: payload, notFound: !!notFound, error: !!huriError, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(EmbedCardApiErrorRenderer, { xyoError: huriError, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    import_react_flexbox.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
+    }
+  ) }) });
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  EmbedCardResolverFlexBox
+});
+//# sourceMappingURL=EmbedCardResolver.cjs.map

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

@@ -0,0 +1 @@
+{"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;AAAA;AAAA;AAAA;AAAA;AAAA,IAAAA,mBAAyB;AACzB,2BAAsC;AAEtC,IAAAC,uBAA2B;;;ACH3B,0BAAgC;AAIzB,IAAM,4BAAwB,qCAAqC;;;ACJ1E,IAAAC,uBAA6B;AAItB,IAAM,oBAAoB,UAAM,mCAAa,uBAAuB,kBAAkB,IAAI;;;ACJjG,IAAAC,uBAAgC;AAIzB,IAAM,4BAAwB,sCAAqC;;;ACJ1E,IAAAC,uBAA6B;AAItB,IAAM,oBAAoB,UAAM,mCAAa,uBAAuB,kBAAkB,IAAI;;;ACDjG,yBAAwC;;;ACHxC,sBAAwF;AAmBxD;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,4CAAC,wBAAM,GAAG,WACR,sDAAC,+BAAa,sBAAY,4CAAC,qBAAmB,GAAG,YAAY,GAAG,GAClE;AAEJ;AAEA,IAAM,oBAAuD,CAAC,EAAE,YAAY,kBAAkB,MAAM,MAAM;AACxG,SACE,6CAAC,yBAAM,UAAS,SAAS,GAAG,YAC1B;AAAA,gDAAC,8BAAW,0CAA4B;AAAA,IACvC,CAAC,oBAAoB,QACpB,4EACE;AAAA,kDAAC,8BAAW,SAAQ,WAAU,qBAAO;AAAA,MACrC,4CAAC,8BAAW,SAAQ,WAAW,yCAAO,SAAQ;AAAA,OAChD,IAEA,4CAAC,8BAAW,SAAQ,WAAU,UAAS,SAAQ,kCAE/C;AAAA,KAEJ;AAEJ;;;AD3BuE,IAAAC,sBAAA;AAFhE,IAAM,4BAAoF,CAAC,EAAE,UAAU,UAAU,GAAG,MAAM,MAAM;AACrI,SACE,6CAAC,kCAAY,OAAO,UAAU,UAAQ,MAAC,gBAAc,MAAC,aAAa,6CAAC,sBAAmB,UAAqB,GAAG,OAAO,GACnH,UACH;AAEJ;AAEA,IAAM,qBAA+D,CAAC,EAAE,UAAU,GAAG,MAAM,MAAM;AAC/F,SACE,6CAAC,kBAAgB,GAAG,OAClB,uDAAC,iCAAW,OAAO,UAAU,GAC/B;AAEJ;;;ALTQ,IAAAC,sBAAA;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,YAAQ,2BAAS;AAEvB,SACE,6CAAC,mCAAW,cAAc,SAAS,UAAU,CAAC,CAAC,UAAU,OAAO,CAAC,CAAC,WAChE,uDAAC,6BAA0B,UAAU,WACnC;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":["import_material","import_react_shared","import_react_shared","import_react_shared","import_react_shared","import_jsx_runtime","import_jsx_runtime"]}

package/dist/node/components/embed-card/EmbedCardResolver.d.cts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { FlexBoxProps } from '@xylabs/react-flexbox';
+import { WithChildren } from '@xylabs/react-shared';
+export declare const EmbedCardResolverFlexBox: React.FC<WithChildren<FlexBoxProps>>;
+//# sourceMappingURL=EmbedCardResolver.d.ts.map

package/dist/node/components/embed-card/EmbedCardResolver.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmbedCardResolver.d.ts","sourceRoot":"","sources":["../../../../src/components/embed-card/EmbedCardResolver.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,YAAY,EAAW,MAAM,uBAAuB,CAAA;AAC7D,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAA;AAMnD,eAAO,MAAM,wBAAwB,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAAC,YAAY,CAAC,CAqBzE,CAAA"}

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

@@ -1,38 +1,62 @@
-"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 });
+// 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 __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 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" })
+  ] });
 };
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var EmbedCardResolver_exports = {};
-__export(EmbedCardResolver_exports, {
-  EmbedCardResolverFlexBox: () => EmbedCardResolverFlexBox
-});
-module.exports = __toCommonJS(EmbedCardResolver_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_material = require("@mui/material");
-var import_react_flexbox = require("@xylabs/react-flexbox");
-var import_react_shared2 = require("@xyo-network/react-shared");
-var import_contexts = require("../../contexts");
-var import_error_handling = require("./error-handling");
-const EmbedCardResolverFlexBox = ({ children, ...props }) => {
-  const { payload, notFound, huriError } = (0, import_contexts.useResolvePayload)();
-  const { refreshPayload } = (0, import_contexts.useRefreshPayload)();
-  const theme = (0, import_material.useTheme)();
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_shared2.LoadResult, { searchResult: payload, notFound: !!notFound, error: !!huriError, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_error_handling.EmbedCardApiErrorRenderer, { xyoError: huriError, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    import_react_flexbox.FlexCol,
+
+// 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",
@@ -44,8 +68,7 @@ const EmbedCardResolverFlexBox = ({ children, ...props }) => {
     }
   ) }) });
 };
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
+export {
   EmbedCardResolverFlexBox
-});
+};
 //# sourceMappingURL=EmbedCardResolver.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/embed-card/EmbedCardResolver.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"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAgBQ;AAhBR,sBAAyB;AACzB,2BAAsC;AAEtC,IAAAA,uBAA2B;AAE3B,sBAAqD;AACrD,4BAA0C;AAEnC,MAAM,2BAAiE,CAAC,EAAE,UAAU,GAAG,MAAM,MAAM;AACxG,QAAM,EAAE,SAAS,UAAU,UAAU,QAAI,mCAAkB;AAC3D,QAAM,EAAE,eAAe,QAAI,mCAAkB;AAC7C,QAAM,YAAQ,0BAAS;AAEvB,SACE,4CAAC,mCAAW,cAAc,SAAS,UAAU,CAAC,CAAC,UAAU,OAAO,CAAC,CAAC,WAChE,sDAAC,mDAA0B,UAAU,WACnC;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":["import_react_shared"]}
+{"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"]}