@xyo-network/react-embed 2.64.0-rc.7 → 2.64.1

package/dist/node/components/embed-card/menu/EmbedMenu.cjs

@@ -0,0 +1,72 @@
+"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/menu/EmbedMenu.tsx
+var EmbedMenu_exports = {};
+__export(EmbedMenu_exports, {
+  EmbedMenu: () => EmbedMenu
+});
+module.exports = __toCommonJS(EmbedMenu_exports);
+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");
+
+// src/contexts/ResolvePayloadContext/Context.ts
+var import_react_shared = require("@xyo-network/react-shared");
+var ResolvePayloadContext = (0, import_react_shared.createContextEx)();
+
+// src/contexts/ResolvePayloadContext/use.tsx
+var import_react_shared2 = require("@xyo-network/react-shared");
+var useResolvePayload = () => (0, import_react_shared2.useContextEx)(ResolvePayloadContext, "ResolvePayload", true);
+
+// src/components/embed-card/menu/JsonMenuItem.tsx
+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, {}) })
+  ] });
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  EmbedMenu
+});
+//# sourceMappingURL=EmbedMenu.cjs.map

package/dist/node/components/embed-card/menu/EmbedMenu.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/embed-card/menu/EmbedMenu.tsx","../../../../../src/components/embed-card/menu/JsonMenuItem.tsx","../../../../../src/contexts/ResolvePayloadContext/Context.ts","../../../../../src/contexts/ResolvePayloadContext/use.tsx"],"sourcesContent":["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","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"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAAA,yBAAyC;AACzC,IAAAC,mBAAkD;AAClD,mBAAyB;;;ACFzB,4BAA2C;AAC3C,sBAAoE;;;ACDpE,0BAAgC;AAIzB,IAAM,4BAAwB,qCAAqC;;;ACJ1E,IAAAC,uBAA6B;AAItB,IAAM,oBAAoB,UAAM,mCAAa,uBAAuB,kBAAkB,IAAI;;;AFK7F;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;","names":["import_icons_material","import_material","import_react_shared","OpenInNewIcon","import_jsx_runtime","MoreVertIcon"]}

package/dist/node/components/embed-card/menu/EmbedMenu.d.cts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"EmbedMenu.d.ts","sourceRoot":"","sources":["../../../../../src/components/embed-card/menu/EmbedMenu.tsx"],"names":[],"mappings":";AACA,OAAO,EAAc,eAAe,EAAQ,MAAM,eAAe,CAAA;AAKjE,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAsB/C,CAAA"}

package/dist/node/components/embed-card/menu/EmbedMenu.js

@@ -1,33 +1,34 @@
-"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/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";
+
+// src/contexts/ResolvePayloadContext/Context.ts
+import { createContextEx } from "@xyo-network/react-shared";
+var ResolvePayloadContext = createContextEx();
+
+// src/contexts/ResolvePayloadContext/use.tsx
+import { useContextEx } from "@xyo-network/react-shared";
+var useResolvePayload = () => useContextEx(ResolvePayloadContext, "ResolvePayload", true);
+
+// src/components/embed-card/menu/JsonMenuItem.tsx
+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;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var EmbedMenu_exports = {};
-__export(EmbedMenu_exports, {
-  EmbedMenu: () => EmbedMenu
-});
-module.exports = __toCommonJS(EmbedMenu_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 = require("react");
-var import_JsonMenuItem = require("./JsonMenuItem");
-const EmbedMenu = (props) => {
-  const [anchorEl, setAnchorEl] = (0, import_react.useState)(null);
+
+// 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);
@@ -35,13 +36,12 @@ const EmbedMenu = (props) => {
   const handleClose = () => {
     setAnchorEl(null);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.IconButton, { onClick: handleClick, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons_material.MoreVert, {}) }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.Menu, { anchorEl, open, onClose: handleClose, PaperProps: { variant: "elevation" }, MenuListProps: { dense: true }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_JsonMenuItem.JsonMenuItem, {}) })
+  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, {}) })
   ] });
 };
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
+export {
   EmbedMenu
-});
+};
 //# sourceMappingURL=EmbedMenu.js.map

package/dist/node/components/embed-card/menu/EmbedMenu.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/embed-card/menu/EmbedMenu.tsx"],"sourcesContent":["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"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAmBI;AAnBJ,4BAAyC;AACzC,sBAAkD;AAClD,mBAAyB;AAEzB,0BAA6B;AAEtB,MAAM,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,4EACE;AAAA,gDAAC,8BAAW,SAAS,aAAc,GAAG,OACpC,sDAAC,sBAAAA,UAAA,EAAa,GAChB;AAAA,IACA,4CAAC,wBAAK,UAAoB,MAAY,SAAS,aAAa,YAAY,EAAE,SAAS,YAAY,GAAG,eAAe,EAAE,OAAO,KAAK,GAC7H,sDAAC,oCAAa,GAChB;AAAA,KACF;AAEJ;","names":["MoreVertIcon"]}
+{"version":3,"sources":["../../../../../src/components/embed-card/menu/EmbedMenu.tsx","../../../../../src/components/embed-card/menu/JsonMenuItem.tsx","../../../../../src/contexts/ResolvePayloadContext/Context.ts","../../../../../src/contexts/ResolvePayloadContext/use.tsx"],"sourcesContent":["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","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"],"mappings":";AAAA,SAAS,YAAY,oBAAoB;AACzC,SAAS,YAA6B,YAAY;AAClD,SAAS,gBAAgB;;;ACFzB,SAAS,aAAa,qBAAqB;AAC3C,SAAS,cAAc,cAAc,gBAA+B;;;ACDpE,SAAS,uBAAuB;AAIzB,IAAM,wBAAwB,gBAAqC;;;ACJ1E,SAAS,oBAAoB;AAItB,IAAM,oBAAoB,MAAM,aAAa,uBAAuB,kBAAkB,IAAI;;;AFK7F,mBAGM,KADF,YAFJ;AAJG,IAAM,eAAwC,CAAC,UAAU;AAC9D,QAAM,EAAE,KAAK,IAAI,kBAAkB;AAEnC,SACE,gCACG,iBACC,qBAAC,YAAS,OAAM,uBAAsB,SAAS,MAAM,OAAO,KAAK,MAAM,QAAQ,GAAI,GAAG,OACpF;AAAA,wBAAC,gBAAa,IAAI,EAAE,IAAI,EAAE,GAAG,kBAAI;AAAA,IACjC,oBAAC,gBAAa,IAAI,EAAE,gBAAgB,MAAM,GACxC,8BAAC,iBAAc,UAAS,SAAQ,GAClC;AAAA,KACF,IACE,MACN;AAEJ;;;ADDI,qBAAAA,WAEI,OAAAC,MAFJ,QAAAC,aAAA;AAbG,IAAM,YAAuC,CAAC,UAAU;AAE7D,QAAM,CAAC,UAAU,WAAW,IAAI,SAA6B,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,gBAAAA,MAAAF,WAAA,EACE;AAAA,oBAAAC,KAAC,cAAW,SAAS,aAAc,GAAG,OACpC,0BAAAA,KAAC,gBAAa,GAChB;AAAA,IACA,gBAAAA,KAAC,QAAK,UAAoB,MAAY,SAAS,aAAa,YAAY,EAAE,SAAS,YAAY,GAAG,eAAe,EAAE,OAAO,KAAK,GAC7H,0BAAAA,KAAC,gBAAa,GAChB;AAAA,KACF;AAEJ;","names":["Fragment","jsx","jsxs"]}

package/dist/node/components/embed-card/menu/JsonMenuItem.cjs

@@ -0,0 +1,50 @@
+"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/menu/JsonMenuItem.tsx
+var JsonMenuItem_exports = {};
+__export(JsonMenuItem_exports, {
+  JsonMenuItem: () => JsonMenuItem
+});
+module.exports = __toCommonJS(JsonMenuItem_exports);
+var import_icons_material = require("@mui/icons-material");
+var import_material = require("@mui/material");
+
+// src/contexts/ResolvePayloadContext/Context.ts
+var import_react_shared = require("@xyo-network/react-shared");
+var ResolvePayloadContext = (0, import_react_shared.createContextEx)();
+
+// src/contexts/ResolvePayloadContext/use.tsx
+var import_react_shared2 = require("@xyo-network/react-shared");
+var useResolvePayload = () => (0, import_react_shared2.useContextEx)(ResolvePayloadContext, "ResolvePayload", true);
+
+// src/components/embed-card/menu/JsonMenuItem.tsx
+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 });
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  JsonMenuItem
+});
+//# sourceMappingURL=JsonMenuItem.cjs.map

package/dist/node/components/embed-card/menu/JsonMenuItem.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/embed-card/menu/JsonMenuItem.tsx","../../../../../src/contexts/ResolvePayloadContext/Context.ts","../../../../../src/contexts/ResolvePayloadContext/use.tsx"],"sourcesContent":["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","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"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,4BAA2C;AAC3C,sBAAoE;;;ACDpE,0BAAgC;AAIzB,IAAM,4BAAwB,qCAAqC;;;ACJ1E,IAAAA,uBAA6B;AAItB,IAAM,oBAAoB,UAAM,mCAAa,uBAAuB,kBAAkB,IAAI;;;AFK7F;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;","names":["import_react_shared","OpenInNewIcon"]}

package/dist/node/components/embed-card/menu/JsonMenuItem.d.cts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"JsonMenuItem.d.ts","sourceRoot":"","sources":["../../../../../src/components/embed-card/menu/JsonMenuItem.tsx"],"names":[],"mappings":";AACA,OAAO,EAAwC,aAAa,EAAE,MAAM,eAAe,CAAA;AAInF,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAehD,CAAA"}

package/dist/node/components/embed-card/menu/JsonMenuItem.js

@@ -1,39 +1,25 @@
-"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 JsonMenuItem_exports = {};
-__export(JsonMenuItem_exports, {
-  JsonMenuItem: () => JsonMenuItem
-});
-module.exports = __toCommonJS(JsonMenuItem_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_contexts = require("../../../contexts");
-const JsonMenuItem = (props) => {
-  const { huri } = (0, import_contexts.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" }) })
+// src/components/embed-card/menu/JsonMenuItem.tsx
+import { OpenInNew as OpenInNewIcon } from "@mui/icons-material";
+import { ListItemIcon, ListItemText, MenuItem } from "@mui/material";
+
+// src/contexts/ResolvePayloadContext/Context.ts
+import { createContextEx } from "@xyo-network/react-shared";
+var ResolvePayloadContext = createContextEx();
+
+// src/contexts/ResolvePayloadContext/use.tsx
+import { useContextEx } from "@xyo-network/react-shared";
+var useResolvePayload = () => useContextEx(ResolvePayloadContext, "ResolvePayload", true);
+
+// src/components/embed-card/menu/JsonMenuItem.tsx
+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 });
 };
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
+export {
   JsonMenuItem
-});
+};
 //# sourceMappingURL=JsonMenuItem.js.map

package/dist/node/components/embed-card/menu/JsonMenuItem.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/embed-card/menu/JsonMenuItem.tsx"],"sourcesContent":["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;AASI;AATJ,4BAA2C;AAC3C,sBAAoE;AAEpE,sBAAkC;AAE3B,MAAM,eAAwC,CAAC,UAAU;AAC9D,QAAM,EAAE,KAAK,QAAI,mCAAkB;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,sBAAAA,WAAA,EAAc,UAAS,SAAQ,GAClC;AAAA,KACF,IACE,MACN;AAEJ;","names":["OpenInNewIcon"]}
+{"version":3,"sources":["../../../../../src/components/embed-card/menu/JsonMenuItem.tsx","../../../../../src/contexts/ResolvePayloadContext/Context.ts","../../../../../src/contexts/ResolvePayloadContext/use.tsx"],"sourcesContent":["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","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"],"mappings":";AAAA,SAAS,aAAa,qBAAqB;AAC3C,SAAS,cAAc,cAAc,gBAA+B;;;ACDpE,SAAS,uBAAuB;AAIzB,IAAM,wBAAwB,gBAAqC;;;ACJ1E,SAAS,oBAAoB;AAItB,IAAM,oBAAoB,MAAM,aAAa,uBAAuB,kBAAkB,IAAI;;;AFK7F,mBAGM,KADF,YAFJ;AAJG,IAAM,eAAwC,CAAC,UAAU;AAC9D,QAAM,EAAE,KAAK,IAAI,kBAAkB;AAEnC,SACE,gCACG,iBACC,qBAAC,YAAS,OAAM,uBAAsB,SAAS,MAAM,OAAO,KAAK,MAAM,QAAQ,GAAI,GAAG,OACpF;AAAA,wBAAC,gBAAa,IAAI,EAAE,IAAI,EAAE,GAAG,kBAAI;AAAA,IACjC,oBAAC,gBAAa,IAAI,EAAE,gBAAgB,MAAM,GACxC,8BAAC,iBAAc,UAAS,SAAQ,GAClC;AAAA,KACF,IACE,MACN;AAEJ;","names":[]}

package/dist/node/components/embed-card/menu/index.cjs

@@ -0,0 +1,74 @@
+"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/menu/index.ts
+var menu_exports = {};
+__export(menu_exports, {
+  EmbedMenu: () => EmbedMenu
+});
+module.exports = __toCommonJS(menu_exports);
+
+// 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");
+
+// src/contexts/ResolvePayloadContext/Context.ts
+var import_react_shared = require("@xyo-network/react-shared");
+var ResolvePayloadContext = (0, import_react_shared.createContextEx)();
+
+// src/contexts/ResolvePayloadContext/use.tsx
+var import_react_shared2 = require("@xyo-network/react-shared");
+var useResolvePayload = () => (0, import_react_shared2.useContextEx)(ResolvePayloadContext, "ResolvePayload", true);
+
+// src/components/embed-card/menu/JsonMenuItem.tsx
+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, {}) })
+  ] });
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  EmbedMenu
+});
+//# sourceMappingURL=index.cjs.map

package/dist/node/components/embed-card/menu/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/embed-card/menu/index.ts","../../../../../src/components/embed-card/menu/EmbedMenu.tsx","../../../../../src/components/embed-card/menu/JsonMenuItem.tsx","../../../../../src/contexts/ResolvePayloadContext/Context.ts","../../../../../src/contexts/ResolvePayloadContext/use.tsx"],"sourcesContent":["export * from './EmbedMenu'\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","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"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,IAAAA,yBAAyC;AACzC,IAAAC,mBAAkD;AAClD,mBAAyB;;;ACFzB,4BAA2C;AAC3C,sBAAoE;;;ACDpE,0BAAgC;AAIzB,IAAM,4BAAwB,qCAAqC;;;ACJ1E,IAAAC,uBAA6B;AAItB,IAAM,oBAAoB,UAAM,mCAAa,uBAAuB,kBAAkB,IAAI;;;AFK7F;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;","names":["import_icons_material","import_material","import_react_shared","OpenInNewIcon","import_jsx_runtime","MoreVertIcon"]}

package/dist/node/components/embed-card/menu/index.d.cts

@@ -0,0 +1,2 @@
+export * from './EmbedMenu';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/embed-card/menu/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAA"}

package/dist/node/components/embed-card/menu/index.js

@@ -1,23 +1,47 @@
-"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/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";
+
+// src/contexts/ResolvePayloadContext/Context.ts
+import { createContextEx } from "@xyo-network/react-shared";
+var ResolvePayloadContext = createContextEx();
+
+// src/contexts/ResolvePayloadContext/use.tsx
+import { useContextEx } from "@xyo-network/react-shared";
+var useResolvePayload = () => useContextEx(ResolvePayloadContext, "ResolvePayload", true);
+
+// src/components/embed-card/menu/JsonMenuItem.tsx
+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 });
+};
+
+// 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, {}) })
+  ] });
+};
+export {
+  EmbedMenu
 };
-var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var menu_exports = {};
-module.exports = __toCommonJS(menu_exports);
-__reExport(menu_exports, require("./EmbedMenu"), module.exports);
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  ...require("./EmbedMenu")
-});
 //# sourceMappingURL=index.js.map

package/dist/node/components/embed-card/menu/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/embed-card/menu/index.ts"],"sourcesContent":["export * from './EmbedMenu'\n"],"mappings":";;;;;;;;;;;;;;;AAAA;AAAA;AAAA,yBAAc,wBAAd;","names":[]}
+{"version":3,"sources":["../../../../../src/components/embed-card/menu/EmbedMenu.tsx","../../../../../src/components/embed-card/menu/JsonMenuItem.tsx","../../../../../src/contexts/ResolvePayloadContext/Context.ts","../../../../../src/contexts/ResolvePayloadContext/use.tsx"],"sourcesContent":["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","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"],"mappings":";AAAA,SAAS,YAAY,oBAAoB;AACzC,SAAS,YAA6B,YAAY;AAClD,SAAS,gBAAgB;;;ACFzB,SAAS,aAAa,qBAAqB;AAC3C,SAAS,cAAc,cAAc,gBAA+B;;;ACDpE,SAAS,uBAAuB;AAIzB,IAAM,wBAAwB,gBAAqC;;;ACJ1E,SAAS,oBAAoB;AAItB,IAAM,oBAAoB,MAAM,aAAa,uBAAuB,kBAAkB,IAAI;;;AFK7F,mBAGM,KADF,YAFJ;AAJG,IAAM,eAAwC,CAAC,UAAU;AAC9D,QAAM,EAAE,KAAK,IAAI,kBAAkB;AAEnC,SACE,gCACG,iBACC,qBAAC,YAAS,OAAM,uBAAsB,SAAS,MAAM,OAAO,KAAK,MAAM,QAAQ,GAAI,GAAG,OACpF;AAAA,wBAAC,gBAAa,IAAI,EAAE,IAAI,EAAE,GAAG,kBAAI;AAAA,IACjC,oBAAC,gBAAa,IAAI,EAAE,gBAAgB,MAAM,GACxC,8BAAC,iBAAc,UAAS,SAAQ,GAClC;AAAA,KACF,IACE,MACN;AAEJ;;;ADDI,qBAAAA,WAEI,OAAAC,MAFJ,QAAAC,aAAA;AAbG,IAAM,YAAuC,CAAC,UAAU;AAE7D,QAAM,CAAC,UAAU,WAAW,IAAI,SAA6B,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,gBAAAA,MAAAF,WAAA,EACE;AAAA,oBAAAC,KAAC,cAAW,SAAS,aAAc,GAAG,OACpC,0BAAAA,KAAC,gBAAa,GAChB;AAAA,IACA,gBAAAA,KAAC,QAAK,UAAoB,MAAY,SAAS,aAAa,YAAY,EAAE,SAAS,YAAY,GAAG,eAAe,EAAE,OAAO,KAAK,GAC7H,0BAAAA,KAAC,gBAAa,GAChB;AAAA,KACF;AAEJ;","names":["Fragment","jsx","jsxs"]}

package/dist/node/components/embed-plugin-stories/storyPayload.cjs

@@ -0,0 +1,51 @@
+"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-plugin-stories/storyPayload.ts
+var storyPayload_exports = {};
+__export(storyPayload_exports, {
+  payloadData: () => payloadData
+});
+module.exports = __toCommonJS(storyPayload_exports);
+var payloadData = {
+  assets: {
+    ada: { value: { btc: "0.00002192", eth: "0.00031141", eur: "0.491867", usd: "0.502045" } },
+    btc: { value: { btc: "1", eth: "14.213346", eur: "22450", usd: "22914" } },
+    busd: { value: { btc: "0.00004369", eth: "0.00062074", eur: "0.980451", usd: "1.001" } },
+    dai: { value: { usdc: "1.00004", xyo: "114.394" } },
+    doge: { value: { btc: "0.00000293", eth: "0.00004157", eur: "0.065655", usd: "0.067013" } },
+    dot: { value: { btc: "0.00035508", eth: "0.00504454", eur: "7.97", usd: "8.13" } },
+    eth: { value: { btc: "0.0703878", eth: "1", eur: "1579.47", usd: "1612.16" } },
+    frax: { value: { usdc: "0.999738" } },
+    link: { value: { xyo: "837.731" } },
+    sol: { value: { btc: "0.00169369", eth: "0.02406215", eur: "38.01", usd: "38.79" } },
+    usdc: { value: { btc: "0.0000436965", dai: "0.999963", eth: "0.0006204464999999999", eur: "0.979419", frax: "1.00026", usd: "0.999732" } },
+    usdt: { value: { btc: "0.00004367", eth: "0.0006204", eur: "0.979881", usd: "1.001", usdc: "1.00022", xyo: "113.28" } },
+    wbtc: { value: { btc: "0.99903669", eth: "14.2015745", eur: "22418", usd: "22882", usdc: "22860.8", xyo: "2617950" } },
+    weth: { value: { btc: "0.0703735", usdc: "1610.82", xyo: "186652" } },
+    xyo: { value: { btc: "3.79226e-7", dai: "0.00874169", eth: "0.000005353785", eur: "0.00844792", link: "0.0011937", usd: "0.00872519" } }
+  },
+  schema: "network.xyo.crypto.asset",
+  timestamp: 1659625815232
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  payloadData
+});
+//# sourceMappingURL=storyPayload.cjs.map

package/dist/node/components/embed-plugin-stories/storyPayload.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/embed-plugin-stories/storyPayload.ts"],"sourcesContent":["export const payloadData = {\n  assets: {\n    ada: { value: { btc: '0.00002192', eth: '0.00031141', eur: '0.491867', usd: '0.502045' } },\n    btc: { value: { btc: '1', eth: '14.213346', eur: '22450', usd: '22914' } },\n    busd: { value: { btc: '0.00004369', eth: '0.00062074', eur: '0.980451', usd: '1.001' } },\n    dai: { value: { usdc: '1.00004', xyo: '114.394' } },\n    doge: { value: { btc: '0.00000293', eth: '0.00004157', eur: '0.065655', usd: '0.067013' } },\n    dot: { value: { btc: '0.00035508', eth: '0.00504454', eur: '7.97', usd: '8.13' } },\n    eth: { value: { btc: '0.0703878', eth: '1', eur: '1579.47', usd: '1612.16' } },\n    frax: { value: { usdc: '0.999738' } },\n    link: { value: { xyo: '837.731' } },\n    sol: { value: { btc: '0.00169369', eth: '0.02406215', eur: '38.01', usd: '38.79' } },\n    usdc: { value: { btc: '0.0000436965', dai: '0.999963', eth: '0.0006204464999999999', eur: '0.979419', frax: '1.00026', usd: '0.999732' } },\n    usdt: { value: { btc: '0.00004367', eth: '0.0006204', eur: '0.979881', usd: '1.001', usdc: '1.00022', xyo: '113.28' } },\n    wbtc: { value: { btc: '0.99903669', eth: '14.2015745', eur: '22418', usd: '22882', usdc: '22860.8', xyo: '2617950' } },\n    weth: { value: { btc: '0.0703735', usdc: '1610.82', xyo: '186652' } },\n    xyo: { value: { btc: '3.79226e-7', dai: '0.00874169', eth: '0.000005353785', eur: '0.00844792', link: '0.0011937', usd: '0.00872519' } },\n  },\n  schema: 'network.xyo.crypto.asset',\n  timestamp: 1659625815232,\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAO,IAAM,cAAc;AAAA,EACzB,QAAQ;AAAA,IACN,KAAK,EAAE,OAAO,EAAE,KAAK,cAAc,KAAK,cAAc,KAAK,YAAY,KAAK,WAAW,EAAE;AAAA,IACzF,KAAK,EAAE,OAAO,EAAE,KAAK,KAAK,KAAK,aAAa,KAAK,SAAS,KAAK,QAAQ,EAAE;AAAA,IACzE,MAAM,EAAE,OAAO,EAAE,KAAK,cAAc,KAAK,cAAc,KAAK,YAAY,KAAK,QAAQ,EAAE;AAAA,IACvF,KAAK,EAAE,OAAO,EAAE,MAAM,WAAW,KAAK,UAAU,EAAE;AAAA,IAClD,MAAM,EAAE,OAAO,EAAE,KAAK,cAAc,KAAK,cAAc,KAAK,YAAY,KAAK,WAAW,EAAE;AAAA,IAC1F,KAAK,EAAE,OAAO,EAAE,KAAK,cAAc,KAAK,cAAc,KAAK,QAAQ,KAAK,OAAO,EAAE;AAAA,IACjF,KAAK,EAAE,OAAO,EAAE,KAAK,aAAa,KAAK,KAAK,KAAK,WAAW,KAAK,UAAU,EAAE;AAAA,IAC7E,MAAM,EAAE,OAAO,EAAE,MAAM,WAAW,EAAE;AAAA,IACpC,MAAM,EAAE,OAAO,EAAE,KAAK,UAAU,EAAE;AAAA,IAClC,KAAK,EAAE,OAAO,EAAE,KAAK,cAAc,KAAK,cAAc,KAAK,SAAS,KAAK,QAAQ,EAAE;AAAA,IACnF,MAAM,EAAE,OAAO,EAAE,KAAK,gBAAgB,KAAK,YAAY,KAAK,yBAAyB,KAAK,YAAY,MAAM,WAAW,KAAK,WAAW,EAAE;AAAA,IACzI,MAAM,EAAE,OAAO,EAAE,KAAK,cAAc,KAAK,aAAa,KAAK,YAAY,KAAK,SAAS,MAAM,WAAW,KAAK,SAAS,EAAE;AAAA,IACtH,MAAM,EAAE,OAAO,EAAE,KAAK,cAAc,KAAK,cAAc,KAAK,SAAS,KAAK,SAAS,MAAM,WAAW,KAAK,UAAU,EAAE;AAAA,IACrH,MAAM,EAAE,OAAO,EAAE,KAAK,aAAa,MAAM,WAAW,KAAK,SAAS,EAAE;AAAA,IACpE,KAAK,EAAE,OAAO,EAAE,KAAK,cAAc,KAAK,cAAc,KAAK,kBAAkB,KAAK,cAAc,MAAM,aAAa,KAAK,aAAa,EAAE;AAAA,EACzI;AAAA,EACA,QAAQ;AAAA,EACR,WAAW;AACb;","names":[]}