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

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

@@ -0,0 +1,49 @@
+"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/card/BusyCard.tsx
+var BusyCard_exports = {};
+__export(BusyCard_exports, {
+  BusyCard: () => BusyCard
+});
+module.exports = __toCommonJS(BusyCard_exports);
+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
+  ] });
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  BusyCard
+});
+//# sourceMappingURL=BusyCard.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/embed-card/card/BusyCard.tsx"],"sourcesContent":["import { Card, CardProps } from '@mui/material'\nimport { useBusyTiming } from '@xylabs/react-flexbox'\nimport {\n  BusyCircularProgress,\n  BusyCircularProgressProps,\n  BusyLinearProgress,\n  BusyLinearProgressProps,\n  BusyVariant,\n  WithChildren,\n} from '@xylabs/react-shared'\n\nexport interface BusyCardProps extends CardProps {\n  busy?: boolean\n  busyMinimum?: number\n  busyVariant?: BusyVariant\n  busyVariantProps?: BusyCircularProgressProps | BusyLinearProgressProps\n}\n\nexport const BusyCard: React.FC<WithChildren<BusyCardProps>> = ({\n  busy,\n  busyMinimum = 500,\n  busyVariant = 'circular',\n  busyVariantProps,\n  children,\n  ...props\n}) => {\n  const internalBusy = useBusyTiming(busy, busyMinimum)\n  return (\n    <Card {...props}>\n      {children}\n      {busyVariant === 'circular' && internalBusy ? <BusyCircularProgress {...(busyVariantProps as BusyCircularProgressProps)} /> : null}\n      {busyVariant === 'linear' && internalBusy ? <BusyLinearProgress {...(busyVariantProps as BusyLinearProgressProps)} /> : null}\n    </Card>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBAAgC;AAChC,2BAA8B;AAC9B,0BAOO;AAmBH;AAVG,IAAM,WAAkD,CAAC;AAAA,EAC9D;AAAA,EACA,cAAc;AAAA,EACd,cAAc;AAAA,EACd;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM,mBAAe,oCAAc,MAAM,WAAW;AACpD,SACE,6CAAC,wBAAM,GAAG,OACP;AAAA;AAAA,IACA,gBAAgB,cAAc,eAAe,4CAAC,4CAAsB,GAAI,kBAAgD,IAAK;AAAA,IAC7H,gBAAgB,YAAY,eAAe,4CAAC,0CAAoB,GAAI,kBAA8C,IAAK;AAAA,KAC1H;AAEJ;","names":[]}

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

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { CardProps } from '@mui/material';
+import { BusyCircularProgressProps, BusyLinearProgressProps, BusyVariant, WithChildren } from '@xylabs/react-shared';
+export interface BusyCardProps extends CardProps {
+    busy?: boolean;
+    busyMinimum?: number;
+    busyVariant?: BusyVariant;
+    busyVariantProps?: BusyCircularProgressProps | BusyLinearProgressProps;
+}
+export declare const BusyCard: React.FC<WithChildren<BusyCardProps>>;
+//# sourceMappingURL=BusyCard.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BusyCard.d.ts","sourceRoot":"","sources":["../../../../../src/components/embed-card/card/BusyCard.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAQ,SAAS,EAAE,MAAM,eAAe,CAAA;AAE/C,OAAO,EAEL,yBAAyB,EAEzB,uBAAuB,EACvB,WAAW,EACX,YAAY,EACb,MAAM,sBAAsB,CAAA;AAE7B,MAAM,WAAW,aAAc,SAAQ,SAAS;IAC9C,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,WAAW,CAAC,EAAE,WAAW,CAAA;IACzB,gBAAgB,CAAC,EAAE,yBAAyB,GAAG,uBAAuB,CAAA;CACvE;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAAC,aAAa,CAAC,CAgB1D,CAAA"}

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

@@ -1,31 +1,12 @@
-"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);
-var BusyCard_exports = {};
-__export(BusyCard_exports, {
-  BusyCard: () => BusyCard
-});
-module.exports = __toCommonJS(BusyCard_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_shared = require("@xylabs/react-shared");
-const BusyCard = ({
+// 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",
@@ -33,15 +14,14 @@ const BusyCard = ({
   children,
   ...props
 }) => {
-  const internalBusy = (0, import_react_flexbox.useBusyTiming)(busy, busyMinimum);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_material.Card, { ...props, children: [
+  const internalBusy = useBusyTiming(busy, busyMinimum);
+  return /* @__PURE__ */ jsxs(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
+    busyVariant === "circular" && internalBusy ? /* @__PURE__ */ jsx(BusyCircularProgress, { ...busyVariantProps }) : null,
+    busyVariant === "linear" && internalBusy ? /* @__PURE__ */ jsx(BusyLinearProgress, { ...busyVariantProps }) : null
   ] });
 };
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
+export {
   BusyCard
-});
+};
 //# sourceMappingURL=BusyCard.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/embed-card/card/BusyCard.tsx"],"sourcesContent":["import { Card, CardProps } from '@mui/material'\nimport { useBusyTiming } from '@xylabs/react-flexbox'\nimport {\n  BusyCircularProgress,\n  BusyCircularProgressProps,\n  BusyLinearProgress,\n  BusyLinearProgressProps,\n  BusyVariant,\n  WithChildren,\n} from '@xylabs/react-shared'\n\nexport interface BusyCardProps extends CardProps {\n  busy?: boolean\n  busyMinimum?: number\n  busyVariant?: BusyVariant\n  busyVariantProps?: BusyCircularProgressProps | BusyLinearProgressProps\n}\n\nexport const BusyCard: React.FC<WithChildren<BusyCardProps>> = ({\n  busy,\n  busyMinimum = 500,\n  busyVariant = 'circular',\n  busyVariantProps,\n  children,\n  ...props\n}) => {\n  const internalBusy = useBusyTiming(busy, busyMinimum)\n  return (\n    <Card {...props}>\n      {children}\n      {busyVariant === 'circular' && internalBusy ? <BusyCircularProgress {...(busyVariantProps as BusyCircularProgressProps)} /> : null}\n      {busyVariant === 'linear' && internalBusy ? <BusyLinearProgress {...(busyVariantProps as BusyLinearProgressProps)} /> : null}\n    </Card>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA4BI;AA5BJ,sBAAgC;AAChC,2BAA8B;AAC9B,0BAOO;AASA,MAAM,WAAkD,CAAC;AAAA,EAC9D;AAAA,EACA,cAAc;AAAA,EACd,cAAc;AAAA,EACd;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM,mBAAe,oCAAc,MAAM,WAAW;AACpD,SACE,6CAAC,wBAAM,GAAG,OACP;AAAA;AAAA,IACA,gBAAgB,cAAc,eAAe,4CAAC,4CAAsB,GAAI,kBAAgD,IAAK;AAAA,IAC7H,gBAAgB,YAAY,eAAe,4CAAC,0CAAoB,GAAI,kBAA8C,IAAK;AAAA,KAC1H;AAEJ;","names":[]}
+{"version":3,"sources":["../../../../../src/components/embed-card/card/BusyCard.tsx"],"sourcesContent":["import { Card, CardProps } from '@mui/material'\nimport { useBusyTiming } from '@xylabs/react-flexbox'\nimport {\n  BusyCircularProgress,\n  BusyCircularProgressProps,\n  BusyLinearProgress,\n  BusyLinearProgressProps,\n  BusyVariant,\n  WithChildren,\n} from '@xylabs/react-shared'\n\nexport interface BusyCardProps extends CardProps {\n  busy?: boolean\n  busyMinimum?: number\n  busyVariant?: BusyVariant\n  busyVariantProps?: BusyCircularProgressProps | BusyLinearProgressProps\n}\n\nexport const BusyCard: React.FC<WithChildren<BusyCardProps>> = ({\n  busy,\n  busyMinimum = 500,\n  busyVariant = 'circular',\n  busyVariantProps,\n  children,\n  ...props\n}) => {\n  const internalBusy = useBusyTiming(busy, busyMinimum)\n  return (\n    <Card {...props}>\n      {children}\n      {busyVariant === 'circular' && internalBusy ? <BusyCircularProgress {...(busyVariantProps as BusyCircularProgressProps)} /> : null}\n      {busyVariant === 'linear' && internalBusy ? <BusyLinearProgress {...(busyVariantProps as BusyLinearProgressProps)} /> : null}\n    </Card>\n  )\n}\n"],"mappings":";AAAA,SAAS,YAAuB;AAChC,SAAS,qBAAqB;AAC9B;AAAA,EACE;AAAA,EAEA;AAAA,OAIK;AAmBH,SAEgD,KAFhD;AAVG,IAAM,WAAkD,CAAC;AAAA,EAC9D;AAAA,EACA,cAAc;AAAA,EACd,cAAc;AAAA,EACd;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM,eAAe,cAAc,MAAM,WAAW;AACpD,SACE,qBAAC,QAAM,GAAG,OACP;AAAA;AAAA,IACA,gBAAgB,cAAc,eAAe,oBAAC,wBAAsB,GAAI,kBAAgD,IAAK;AAAA,IAC7H,gBAAgB,YAAY,eAAe,oBAAC,sBAAoB,GAAI,kBAA8C,IAAK;AAAA,KAC1H;AAEJ;","names":[]}

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

@@ -0,0 +1,113 @@
+"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/card/EmbedCardHeader.tsx
+var EmbedCardHeader_exports = {};
+__export(EmbedCardHeader_exports, {
+  EmbedCardHeader: () => EmbedCardHeader
+});
+module.exports = __toCommonJS(EmbedCardHeader_exports);
+var import_icons_material3 = require("@mui/icons-material");
+var import_material3 = require("@mui/material");
+var import_react_flexbox = require("@xylabs/react-flexbox");
+
+// src/contexts/EmbedPluginContext/Context.tsx
+var import_react_shared = require("@xyo-network/react-shared");
+var EmbedPluginContext = (0, import_react_shared.createContextEx)();
+
+// src/contexts/EmbedPluginContext/use.tsx
+var import_react_shared2 = require("@xyo-network/react-shared");
+var useEmbedPluginState = () => (0, import_react_shared2.useContextEx)(EmbedPluginContext, "EmbedPlugin", true);
+
+// src/contexts/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/menu/EmbedMenu.tsx
+var import_icons_material2 = require("@mui/icons-material");
+var import_material2 = require("@mui/material");
+var import_react = require("react");
+
+// src/components/embed-card/menu/JsonMenuItem.tsx
+var import_icons_material = require("@mui/icons-material");
+var import_material = require("@mui/material");
+var import_jsx_runtime = require("react/jsx-runtime");
+var JsonMenuItem = (props) => {
+  const { huri } = useResolvePayload();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: huri ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_material.MenuItem, { title: "Source Payload JSON", onClick: () => window.open(huri, "_blank"), ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.ListItemText, { sx: { mr: 1 }, children: "JSON" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.ListItemIcon, { sx: { justifyContent: "end" }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons_material.OpenInNew, { fontSize: "small" }) })
+  ] }) : null });
+};
+
+// src/components/embed-card/menu/EmbedMenu.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var EmbedMenu = (props) => {
+  const [anchorEl, setAnchorEl] = (0, import_react.useState)(null);
+  const open = Boolean(anchorEl);
+  const handleClick = (event) => {
+    setAnchorEl(event.currentTarget);
+  };
+  const handleClose = () => {
+    setAnchorEl(null);
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_jsx_runtime2.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_material2.IconButton, { onClick: handleClick, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_icons_material2.MoreVert, {}) }),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_material2.Menu, { anchorEl, open, onClose: handleClose, PaperProps: { variant: "elevation" }, MenuListProps: { dense: true }, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(JsonMenuItem, {}) })
+  ] });
+};
+
+// src/components/embed-card/card/EmbedCardHeader.tsx
+var import_jsx_runtime3 = require("react/jsx-runtime");
+var EmbedCardHeader = () => {
+  var _a;
+  const { refreshHuri, huri } = useResolvePayload();
+  const { activePlugin, timestampLabel, hideElementsConfig } = useEmbedPluginState();
+  const { hideAvatar, hideTitle, hideRefreshButton, hideTimestamp, hideCardActions } = hideElementsConfig ?? {};
+  const timestamp = Date.now();
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    import_material3.CardHeader,
+    {
+      sx: { flexWrap: "wrap", rowGap: 1 },
+      avatar: hideAvatar ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_jsx_runtime3.Fragment, {}) : /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_material3.Avatar, { sx: { bgcolor: (theme) => theme.palette.primary.main }, "aria-label": activePlugin == null ? void 0 : activePlugin.name, children: (_a = activePlugin == null ? void 0 : activePlugin.name) == null ? void 0 : _a.charAt(0) }),
+      action: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react_flexbox.FlexRow, { flexWrap: "wrap", columnGap: 0.5, children: [
+        timestamp ? hideTimestamp && hideRefreshButton ? "" : /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+          import_material3.Chip,
+          {
+            avatar: hideRefreshButton ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_jsx_runtime3.Fragment, {}) : /* @__PURE__ */ (0, import_jsx_runtime3.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_runtime3.jsx)(EmbedMenu, {})
+      ] }),
+      title: hideTitle ? "" : activePlugin == null ? void 0 : activePlugin.name
+    }
+  );
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  EmbedCardHeader
+});
+//# sourceMappingURL=EmbedCardHeader.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/embed-card/card/EmbedCardHeader.tsx","../../../../../src/contexts/EmbedPluginContext/Context.tsx","../../../../../src/contexts/EmbedPluginContext/use.tsx","../../../../../src/contexts/ResolvePayloadContext/Context.ts","../../../../../src/contexts/ResolvePayloadContext/use.tsx","../../../../../src/components/embed-card/menu/EmbedMenu.tsx","../../../../../src/components/embed-card/menu/JsonMenuItem.tsx"],"sourcesContent":["import { Refresh as RefreshIcon } from '@mui/icons-material'\nimport { Avatar, CardHeader, CardHeaderProps, Chip, Theme } from '@mui/material'\nimport { FlexRow } from '@xylabs/react-flexbox'\n\nimport { useEmbedPluginState, useResolvePayload } from '../../../contexts'\nimport { EmbedMenu } from '../menu'\n\nexport const EmbedCardHeader: React.FC<CardHeaderProps> = () => {\n  const { refreshHuri, huri } = useResolvePayload()\n  const { activePlugin, timestampLabel, hideElementsConfig } = useEmbedPluginState()\n  const { hideAvatar, hideTitle, hideRefreshButton, hideTimestamp, hideCardActions } = hideElementsConfig ?? {}\n  //this is temporary so that we can add the ability to get a timestamp via diviner later\n  const timestamp = Date.now()\n  return (\n    <CardHeader\n      sx={{ flexWrap: 'wrap', rowGap: 1 }}\n      avatar={\n        hideAvatar ? (\n          <></>\n        ) : (\n          <Avatar sx={{ bgcolor: (theme: Theme) => theme.palette.primary.main }} aria-label={activePlugin?.name}>\n            {activePlugin?.name?.charAt(0)}\n          </Avatar>\n        )\n      }\n      action={\n        <FlexRow flexWrap=\"wrap\" columnGap={0.5}>\n          {timestamp ? (\n            hideTimestamp && hideRefreshButton ? (\n              ''\n            ) : (\n              <Chip\n                avatar={hideRefreshButton ? <></> : <RefreshIcon />}\n                clickable={hideRefreshButton ? false : true}\n                onClick={refreshHuri}\n                label={hideTimestamp ? '' : `${timestampLabel} ${new Date(timestamp).toLocaleString()}`}\n              />\n            )\n          ) : null}\n          {/* Huri case is valid as long as the only menu item is JSON */}\n          {hideCardActions || huri === undefined ? null : <EmbedMenu />}\n        </FlexRow>\n      }\n      title={hideTitle ? '' : activePlugin?.name}\n    />\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","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 { MoreVert as MoreVertIcon } from '@mui/icons-material'\nimport { IconButton, IconButtonProps, Menu } from '@mui/material'\nimport { useState } from 'react'\n\nimport { JsonMenuItem } from './JsonMenuItem'\n\nexport const EmbedMenu: React.FC<IconButtonProps> = (props) => {\n  // TODO - link to explore website\n  const [anchorEl, setAnchorEl] = useState<null | HTMLElement>(null)\n  const open = Boolean(anchorEl)\n\n  const handleClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n    setAnchorEl(event.currentTarget)\n  }\n  const handleClose = () => {\n    setAnchorEl(null)\n  }\n\n  return (\n    <>\n      <IconButton onClick={handleClick} {...props}>\n        <MoreVertIcon />\n      </IconButton>\n      <Menu anchorEl={anchorEl} open={open} onClose={handleClose} PaperProps={{ variant: 'elevation' }} MenuListProps={{ dense: true }}>\n        <JsonMenuItem />\n      </Menu>\n    </>\n  )\n}\n","import { OpenInNew as OpenInNewIcon } from '@mui/icons-material'\nimport { ListItemIcon, ListItemText, MenuItem, MenuItemProps } from '@mui/material'\n\nimport { useResolvePayload } from '../../../contexts'\n\nexport const JsonMenuItem: React.FC<MenuItemProps> = (props) => {\n  const { huri } = useResolvePayload()\n\n  return (\n    <>\n      {huri ? (\n        <MenuItem title=\"Source Payload JSON\" onClick={() => window.open(huri, '_blank')} {...props}>\n          <ListItemText sx={{ mr: 1 }}>JSON</ListItemText>\n          <ListItemIcon sx={{ justifyContent: 'end' }}>\n            <OpenInNewIcon fontSize=\"small\" />\n          </ListItemIcon>\n        </MenuItem>\n      ) : null}\n    </>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAAA,yBAAuC;AACvC,IAAAC,mBAAiE;AACjE,2BAAwB;;;ACFxB,0BAAgC;AAIzB,IAAM,yBAAqB,qCAAkC;;;ACJpE,IAAAC,uBAA6B;AAItB,IAAM,sBAAsB,UAAM,mCAAa,oBAAoB,eAAe,IAAI;;;ACJ7F,IAAAC,uBAAgC;AAIzB,IAAM,4BAAwB,sCAAqC;;;ACJ1E,IAAAC,uBAA6B;AAItB,IAAM,oBAAoB,UAAM,mCAAa,uBAAuB,kBAAkB,IAAI;;;ACJjG,IAAAC,yBAAyC;AACzC,IAAAC,mBAAkD;AAClD,mBAAyB;;;ACFzB,4BAA2C;AAC3C,sBAAoE;AAQhE;AAJG,IAAM,eAAwC,CAAC,UAAU;AAC9D,QAAM,EAAE,KAAK,IAAI,kBAAkB;AAEnC,SACE,2EACG,iBACC,6CAAC,4BAAS,OAAM,uBAAsB,SAAS,MAAM,OAAO,KAAK,MAAM,QAAQ,GAAI,GAAG,OACpF;AAAA,gDAAC,gCAAa,IAAI,EAAE,IAAI,EAAE,GAAG,kBAAI;AAAA,IACjC,4CAAC,gCAAa,IAAI,EAAE,gBAAgB,MAAM,GACxC,sDAAC,sBAAAC,WAAA,EAAc,UAAS,SAAQ,GAClC;AAAA,KACF,IACE,MACN;AAEJ;;;ADDI,IAAAC,sBAAA;AAbG,IAAM,YAAuC,CAAC,UAAU;AAE7D,QAAM,CAAC,UAAU,WAAW,QAAI,uBAA6B,IAAI;AACjE,QAAM,OAAO,QAAQ,QAAQ;AAE7B,QAAM,cAAc,CAAC,UAA+C;AAClE,gBAAY,MAAM,aAAa;AAAA,EACjC;AACA,QAAM,cAAc,MAAM;AACxB,gBAAY,IAAI;AAAA,EAClB;AAEA,SACE,8EACE;AAAA,iDAAC,+BAAW,SAAS,aAAc,GAAG,OACpC,uDAAC,uBAAAC,UAAA,EAAa,GAChB;AAAA,IACA,6CAAC,yBAAK,UAAoB,MAAY,SAAS,aAAa,YAAY,EAAE,SAAS,YAAY,GAAG,eAAe,EAAE,OAAO,KAAK,GAC7H,uDAAC,gBAAa,GAChB;AAAA,KACF;AAEJ;;;ALVU,IAAAC,sBAAA;AAXH,IAAM,kBAA6C,MAAM;AAPhE;AAQE,QAAM,EAAE,aAAa,KAAK,IAAI,kBAAkB;AAChD,QAAM,EAAE,cAAc,gBAAgB,mBAAmB,IAAI,oBAAoB;AACjF,QAAM,EAAE,YAAY,WAAW,mBAAmB,eAAe,gBAAgB,IAAI,sBAAsB,CAAC;AAE5G,QAAM,YAAY,KAAK,IAAI;AAC3B,SACE;AAAA,IAAC;AAAA;AAAA,MACC,IAAI,EAAE,UAAU,QAAQ,QAAQ,EAAE;AAAA,MAClC,QACE,aACE,6EAAE,IAEF,6CAAC,2BAAO,IAAI,EAAE,SAAS,CAAC,UAAiB,MAAM,QAAQ,QAAQ,KAAK,GAAG,cAAY,6CAAc,MAC9F,6DAAc,SAAd,mBAAoB,OAAO,IAC9B;AAAA,MAGJ,QACE,8CAAC,gCAAQ,UAAS,QAAO,WAAW,KACjC;AAAA,oBACC,iBAAiB,oBACf,KAEA;AAAA,UAAC;AAAA;AAAA,YACC,QAAQ,oBAAoB,6EAAE,IAAM,6CAAC,uBAAAC,SAAA,EAAY;AAAA,YACjD,WAAW,oBAAoB,QAAQ;AAAA,YACvC,SAAS;AAAA,YACT,OAAO,gBAAgB,KAAK,GAAG,cAAc,IAAI,IAAI,KAAK,SAAS,EAAE,eAAe,CAAC;AAAA;AAAA,QACvF,IAEA;AAAA,QAEH,mBAAmB,SAAS,SAAY,OAAO,6CAAC,aAAU;AAAA,SAC7D;AAAA,MAEF,OAAO,YAAY,KAAK,6CAAc;AAAA;AAAA,EACxC;AAEJ;","names":["import_icons_material","import_material","import_react_shared","import_react_shared","import_react_shared","import_icons_material","import_material","OpenInNewIcon","import_jsx_runtime","MoreVertIcon","import_jsx_runtime","RefreshIcon"]}

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

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { CardHeaderProps } from '@mui/material';
+export declare const EmbedCardHeader: React.FC<CardHeaderProps>;
+//# sourceMappingURL=EmbedCardHeader.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EmbedCardHeader.d.ts","sourceRoot":"","sources":["../../../../../src/components/embed-card/card/EmbedCardHeader.tsx"],"names":[],"mappings":";AACA,OAAO,EAAsB,eAAe,EAAe,MAAM,eAAe,CAAA;AAMhF,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAuCrD,CAAA"}

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

@@ -1,60 +1,88 @@
-"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/card/EmbedCardHeader.tsx
+import { Refresh as RefreshIcon } from "@mui/icons-material";
+import { Avatar, CardHeader, Chip } 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/use.tsx
+import { useContextEx } from "@xyo-network/react-shared";
+var useEmbedPluginState = () => useContextEx(EmbedPluginContext, "EmbedPlugin", 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/menu/EmbedMenu.tsx
+import { MoreVert as MoreVertIcon } from "@mui/icons-material";
+import { IconButton, Menu } from "@mui/material";
+import { useState } 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, jsx, jsxs } from "react/jsx-runtime";
+var JsonMenuItem = (props) => {
+  const { huri } = useResolvePayload();
+  return /* @__PURE__ */ jsx(Fragment, { children: huri ? /* @__PURE__ */ jsxs(MenuItem, { title: "Source Payload JSON", onClick: () => window.open(huri, "_blank"), ...props, children: [
+    /* @__PURE__ */ jsx(ListItemText, { sx: { mr: 1 }, children: "JSON" }),
+    /* @__PURE__ */ jsx(ListItemIcon, { sx: { justifyContent: "end" }, children: /* @__PURE__ */ jsx(OpenInNewIcon, { fontSize: "small" }) })
+  ] }) : null });
 };
-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/embed-card/menu/EmbedMenu.tsx
+import { Fragment as Fragment2, jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var EmbedMenu = (props) => {
+  const [anchorEl, setAnchorEl] = useState(null);
+  const open = Boolean(anchorEl);
+  const handleClick = (event) => {
+    setAnchorEl(event.currentTarget);
+  };
+  const handleClose = () => {
+    setAnchorEl(null);
+  };
+  return /* @__PURE__ */ jsxs2(Fragment2, { children: [
+    /* @__PURE__ */ jsx2(IconButton, { onClick: handleClick, ...props, children: /* @__PURE__ */ jsx2(MoreVertIcon, {}) }),
+    /* @__PURE__ */ jsx2(Menu, { anchorEl, open, onClose: handleClose, PaperProps: { variant: "elevation" }, MenuListProps: { dense: true }, children: /* @__PURE__ */ jsx2(JsonMenuItem, {}) })
+  ] });
 };
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var EmbedCardHeader_exports = {};
-__export(EmbedCardHeader_exports, {
-  EmbedCardHeader: () => EmbedCardHeader
-});
-module.exports = __toCommonJS(EmbedCardHeader_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_icons_material = require("@mui/icons-material");
-var import_material = require("@mui/material");
-var import_react_flexbox = require("@xylabs/react-flexbox");
-var import_contexts = require("../../../contexts");
-var import_menu = require("../menu");
-const EmbedCardHeader = () => {
-  const { refreshHuri, huri } = (0, import_contexts.useResolvePayload)();
-  const { activePlugin, timestampLabel, hideElementsConfig } = (0, import_contexts.useEmbedPluginState)();
+
+// src/components/embed-card/card/EmbedCardHeader.tsx
+import { Fragment as Fragment3, jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+var EmbedCardHeader = () => {
+  var _a;
+  const { refreshHuri, huri } = useResolvePayload();
+  const { activePlugin, timestampLabel, hideElementsConfig } = useEmbedPluginState();
   const { hideAvatar, hideTitle, hideRefreshButton, hideTimestamp, hideCardActions } = hideElementsConfig ?? {};
   const timestamp = Date.now();
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    import_material.CardHeader,
+  return /* @__PURE__ */ jsx3(
+    CardHeader,
     {
       sx: { flexWrap: "wrap", rowGap: 1 },
-      avatar: hideAvatar ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.Avatar, { sx: { bgcolor: (theme) => theme.palette.primary.main }, "aria-label": activePlugin?.name, children: activePlugin?.name?.charAt(0) }),
-      action: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react_flexbox.FlexRow, { flexWrap: "wrap", columnGap: 0.5, children: [
-        timestamp ? hideTimestamp && hideRefreshButton ? "" : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          import_material.Chip,
+      avatar: hideAvatar ? /* @__PURE__ */ jsx3(Fragment3, {}) : /* @__PURE__ */ jsx3(Avatar, { sx: { bgcolor: (theme) => theme.palette.primary.main }, "aria-label": activePlugin == null ? void 0 : activePlugin.name, children: (_a = activePlugin == null ? void 0 : activePlugin.name) == null ? void 0 : _a.charAt(0) }),
+      action: /* @__PURE__ */ jsxs3(FlexRow, { flexWrap: "wrap", columnGap: 0.5, children: [
+        timestamp ? hideTimestamp && hideRefreshButton ? "" : /* @__PURE__ */ jsx3(
+          Chip,
           {
-            avatar: hideRefreshButton ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons_material.Refresh, {}),
+            avatar: hideRefreshButton ? /* @__PURE__ */ jsx3(Fragment3, {}) : /* @__PURE__ */ jsx3(RefreshIcon, {}),
             clickable: hideRefreshButton ? false : true,
             onClick: refreshHuri,
             label: hideTimestamp ? "" : `${timestampLabel} ${new Date(timestamp).toLocaleString()}`
           }
         ) : null,
-        hideCardActions || huri === void 0 ? null : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_menu.EmbedMenu, {})
+        hideCardActions || huri === void 0 ? null : /* @__PURE__ */ jsx3(EmbedMenu, {})
       ] }),
-      title: hideTitle ? "" : activePlugin?.name
+      title: hideTitle ? "" : activePlugin == null ? void 0 : activePlugin.name
     }
   );
 };
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
+export {
   EmbedCardHeader
-});
+};
 //# sourceMappingURL=EmbedCardHeader.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/embed-card/card/EmbedCardHeader.tsx"],"sourcesContent":["import { Refresh as RefreshIcon } from '@mui/icons-material'\nimport { Avatar, CardHeader, CardHeaderProps, Chip, Theme } from '@mui/material'\nimport { FlexRow } from '@xylabs/react-flexbox'\n\nimport { useEmbedPluginState, useResolvePayload } from '../../../contexts'\nimport { EmbedMenu } from '../menu'\n\nexport const EmbedCardHeader: React.FC<CardHeaderProps> = () => {\n  const { refreshHuri, huri } = useResolvePayload()\n  const { activePlugin, timestampLabel, hideElementsConfig } = useEmbedPluginState()\n  const { hideAvatar, hideTitle, hideRefreshButton, hideTimestamp, hideCardActions } = hideElementsConfig ?? {}\n  //this is temporary so that we can add the ability to get a timestamp via diviner later\n  const timestamp = Date.now()\n  return (\n    <CardHeader\n      sx={{ flexWrap: 'wrap', rowGap: 1 }}\n      avatar={\n        hideAvatar ? (\n          <></>\n        ) : (\n          <Avatar sx={{ bgcolor: (theme: Theme) => theme.palette.primary.main }} aria-label={activePlugin?.name}>\n            {activePlugin?.name?.charAt(0)}\n          </Avatar>\n        )\n      }\n      action={\n        <FlexRow flexWrap=\"wrap\" columnGap={0.5}>\n          {timestamp ? (\n            hideTimestamp && hideRefreshButton ? (\n              ''\n            ) : (\n              <Chip\n                avatar={hideRefreshButton ? <></> : <RefreshIcon />}\n                clickable={hideRefreshButton ? false : true}\n                onClick={refreshHuri}\n                label={hideTimestamp ? '' : `${timestampLabel} ${new Date(timestamp).toLocaleString()}`}\n              />\n            )\n          ) : null}\n          {/* Huri case is valid as long as the only menu item is JSON */}\n          {hideCardActions || huri === undefined ? null : <EmbedMenu />}\n        </FlexRow>\n      }\n      title={hideTitle ? '' : activePlugin?.name}\n    />\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAkBU;AAlBV,4BAAuC;AACvC,sBAAiE;AACjE,2BAAwB;AAExB,sBAAuD;AACvD,kBAA0B;AAEnB,MAAM,kBAA6C,MAAM;AAC9D,QAAM,EAAE,aAAa,KAAK,QAAI,mCAAkB;AAChD,QAAM,EAAE,cAAc,gBAAgB,mBAAmB,QAAI,qCAAoB;AACjF,QAAM,EAAE,YAAY,WAAW,mBAAmB,eAAe,gBAAgB,IAAI,sBAAsB,CAAC;AAE5G,QAAM,YAAY,KAAK,IAAI;AAC3B,SACE;AAAA,IAAC;AAAA;AAAA,MACC,IAAI,EAAE,UAAU,QAAQ,QAAQ,EAAE;AAAA,MAClC,QACE,aACE,2EAAE,IAEF,4CAAC,0BAAO,IAAI,EAAE,SAAS,CAAC,UAAiB,MAAM,QAAQ,QAAQ,KAAK,GAAG,cAAY,cAAc,MAC9F,wBAAc,MAAM,OAAO,CAAC,GAC/B;AAAA,MAGJ,QACE,6CAAC,gCAAQ,UAAS,QAAO,WAAW,KACjC;AAAA,oBACC,iBAAiB,oBACf,KAEA;AAAA,UAAC;AAAA;AAAA,YACC,QAAQ,oBAAoB,2EAAE,IAAM,4CAAC,sBAAAA,SAAA,EAAY;AAAA,YACjD,WAAW,oBAAoB,QAAQ;AAAA,YACvC,SAAS;AAAA,YACT,OAAO,gBAAgB,KAAK,GAAG,cAAc,IAAI,IAAI,KAAK,SAAS,EAAE,eAAe,CAAC;AAAA;AAAA,QACvF,IAEA;AAAA,QAEH,mBAAmB,SAAS,SAAY,OAAO,4CAAC,yBAAU;AAAA,SAC7D;AAAA,MAEF,OAAO,YAAY,KAAK,cAAc;AAAA;AAAA,EACxC;AAEJ;","names":["RefreshIcon"]}
+{"version":3,"sources":["../../../../../src/components/embed-card/card/EmbedCardHeader.tsx","../../../../../src/contexts/EmbedPluginContext/Context.tsx","../../../../../src/contexts/EmbedPluginContext/use.tsx","../../../../../src/contexts/ResolvePayloadContext/Context.ts","../../../../../src/contexts/ResolvePayloadContext/use.tsx","../../../../../src/components/embed-card/menu/EmbedMenu.tsx","../../../../../src/components/embed-card/menu/JsonMenuItem.tsx"],"sourcesContent":["import { Refresh as RefreshIcon } from '@mui/icons-material'\nimport { Avatar, CardHeader, CardHeaderProps, Chip, Theme } from '@mui/material'\nimport { FlexRow } from '@xylabs/react-flexbox'\n\nimport { useEmbedPluginState, useResolvePayload } from '../../../contexts'\nimport { EmbedMenu } from '../menu'\n\nexport const EmbedCardHeader: React.FC<CardHeaderProps> = () => {\n  const { refreshHuri, huri } = useResolvePayload()\n  const { activePlugin, timestampLabel, hideElementsConfig } = useEmbedPluginState()\n  const { hideAvatar, hideTitle, hideRefreshButton, hideTimestamp, hideCardActions } = hideElementsConfig ?? {}\n  //this is temporary so that we can add the ability to get a timestamp via diviner later\n  const timestamp = Date.now()\n  return (\n    <CardHeader\n      sx={{ flexWrap: 'wrap', rowGap: 1 }}\n      avatar={\n        hideAvatar ? (\n          <></>\n        ) : (\n          <Avatar sx={{ bgcolor: (theme: Theme) => theme.palette.primary.main }} aria-label={activePlugin?.name}>\n            {activePlugin?.name?.charAt(0)}\n          </Avatar>\n        )\n      }\n      action={\n        <FlexRow flexWrap=\"wrap\" columnGap={0.5}>\n          {timestamp ? (\n            hideTimestamp && hideRefreshButton ? (\n              ''\n            ) : (\n              <Chip\n                avatar={hideRefreshButton ? <></> : <RefreshIcon />}\n                clickable={hideRefreshButton ? false : true}\n                onClick={refreshHuri}\n                label={hideTimestamp ? '' : `${timestampLabel} ${new Date(timestamp).toLocaleString()}`}\n              />\n            )\n          ) : null}\n          {/* Huri case is valid as long as the only menu item is JSON */}\n          {hideCardActions || huri === undefined ? null : <EmbedMenu />}\n        </FlexRow>\n      }\n      title={hideTitle ? '' : activePlugin?.name}\n    />\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","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 { MoreVert as MoreVertIcon } from '@mui/icons-material'\nimport { IconButton, IconButtonProps, Menu } from '@mui/material'\nimport { useState } from 'react'\n\nimport { JsonMenuItem } from './JsonMenuItem'\n\nexport const EmbedMenu: React.FC<IconButtonProps> = (props) => {\n  // TODO - link to explore website\n  const [anchorEl, setAnchorEl] = useState<null | HTMLElement>(null)\n  const open = Boolean(anchorEl)\n\n  const handleClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n    setAnchorEl(event.currentTarget)\n  }\n  const handleClose = () => {\n    setAnchorEl(null)\n  }\n\n  return (\n    <>\n      <IconButton onClick={handleClick} {...props}>\n        <MoreVertIcon />\n      </IconButton>\n      <Menu anchorEl={anchorEl} open={open} onClose={handleClose} PaperProps={{ variant: 'elevation' }} MenuListProps={{ dense: true }}>\n        <JsonMenuItem />\n      </Menu>\n    </>\n  )\n}\n","import { OpenInNew as OpenInNewIcon } from '@mui/icons-material'\nimport { ListItemIcon, ListItemText, MenuItem, MenuItemProps } from '@mui/material'\n\nimport { useResolvePayload } from '../../../contexts'\n\nexport const JsonMenuItem: React.FC<MenuItemProps> = (props) => {\n  const { huri } = useResolvePayload()\n\n  return (\n    <>\n      {huri ? (\n        <MenuItem title=\"Source Payload JSON\" onClick={() => window.open(huri, '_blank')} {...props}>\n          <ListItemText sx={{ mr: 1 }}>JSON</ListItemText>\n          <ListItemIcon sx={{ justifyContent: 'end' }}>\n            <OpenInNewIcon fontSize=\"small\" />\n          </ListItemIcon>\n        </MenuItem>\n      ) : null}\n    </>\n  )\n}\n"],"mappings":"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","names":["createContextEx","useContextEx","useContextEx","Fragment","jsx","jsxs","Fragment","jsx","jsxs"]}