@xyo-network/react-embed 2.27.25 → 2.27.26

package/dist/cjs/components/XyoEmbedPlugin.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"XyoEmbedPlugin.d.ts","sourceRoot":"","sources":["../../../src/components/XyoEmbedPlugin.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAE3D,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAmBxD,CAAA"}
+{"version":3,"file":"XyoEmbedPlugin.d.ts","sourceRoot":"","sources":["../../../src/components/XyoEmbedPlugin.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAE3D,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAqBxD,CAAA"}

package/dist/cjs/components/XyoEmbedPlugin.js

@@ -8,7 +8,7 @@ const contexts_1 = require("../contexts");
 const embed_card_1 = require("./embed-card");
 const XyoEmbedPlugin = (_a) => {
     var { validateSchema, plugins = [], huri, refreshTitle = '', timestampLabel = 'Data From' } = _a, props = tslib_1.__rest(_a, ["validateSchema", "plugins", "huri", "refreshTitle", "timestampLabel"]);
-    return ((0, jsx_runtime_1.jsx)(contexts_1.XyoEmbedPluginProvider, Object.assign({ refreshTitle: refreshTitle, timestampLabel: timestampLabel, plugins: plugins, huri: huri }, { children: (0, jsx_runtime_1.jsx)(contexts_1.ValidatePayloadProvider, Object.assign({ enabled: validateSchema }, { children: (0, jsx_runtime_1.jsx)(react_shared_1.ListModeProvider, { children: (0, jsx_runtime_1.jsx)(embed_card_1.ValidatePlugins, { children: (0, jsx_runtime_1.jsx)(embed_card_1.EmbedPluginContainer, Object.assign({}, props)) }) }) })) })));
+    return ((0, jsx_runtime_1.jsx)(contexts_1.XyoEmbedPluginProvider, Object.assign({ refreshTitle: refreshTitle, timestampLabel: timestampLabel, plugins: plugins, huri: huri }, { children: (0, jsx_runtime_1.jsx)(contexts_1.ValidatePayloadProvider, Object.assign({ enabled: validateSchema }, { children: (0, jsx_runtime_1.jsx)(react_shared_1.ListModeProvider, { children: (0, jsx_runtime_1.jsx)(embed_card_1.ValidatePlugins, { children: (0, jsx_runtime_1.jsx)(embed_card_1.ValidatePayload, { children: (0, jsx_runtime_1.jsx)(embed_card_1.EmbedPluginContainer, Object.assign({}, props)) }) }) }) })) })));
 };
 exports.XyoEmbedPlugin = XyoEmbedPlugin;
 //# sourceMappingURL=XyoEmbedPlugin.js.map

package/dist/cjs/components/XyoEmbedPlugin.js.map

@@ -1 +1 @@
-{"version":3,"file":"XyoEmbedPlugin.js","sourceRoot":"","sources":["../../../src/components/XyoEmbedPlugin.tsx"],"names":[],"mappings":";;;;;AAAA,4DAA4D;AAE5D,0CAA6E;AAC7E,6CAAoE;AAG7D,MAAM,cAAc,GAAkC,CAAC,EAO7D,EAAE,EAAE;QAPyD,EAC5D,cAAc,EACd,OAAO,GAAG,EAAE,EACZ,IAAI,EACJ,YAAY,GAAG,EAAE,EACjB,cAAc,GAAG,WAAW,OAE7B,EADI,KAAK,sBANoD,uEAO7D,CADS;IAER,OAAO,CACL,uBAAC,iCAAsB,kBAAC,YAAY,EAAE,YAAY,EAAE,cAAc,EAAE,cAAc,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,gBAC9G,uBAAC,kCAAuB,kBAAC,OAAO,EAAE,cAAc,gBAC9C,uBAAC,+BAAgB,cACf,uBAAC,4BAAe,cACd,uBAAC,iCAAoB,oBAAK,KAAK,EAAI,GACnB,GACD,IACK,IACH,CAC1B,CAAA;AACH,CAAC,CAAA;AAnBY,QAAA,cAAc,kBAmB1B"}
+{"version":3,"file":"XyoEmbedPlugin.js","sourceRoot":"","sources":["../../../src/components/XyoEmbedPlugin.tsx"],"names":[],"mappings":";;;;;AAAA,4DAA4D;AAE5D,0CAA6E;AAC7E,6CAAqF;AAG9E,MAAM,cAAc,GAAkC,CAAC,EAO7D,EAAE,EAAE;QAPyD,EAC5D,cAAc,EACd,OAAO,GAAG,EAAE,EACZ,IAAI,EACJ,YAAY,GAAG,EAAE,EACjB,cAAc,GAAG,WAAW,OAE7B,EADI,KAAK,sBANoD,uEAO7D,CADS;IAER,OAAO,CACL,uBAAC,iCAAsB,kBAAC,YAAY,EAAE,YAAY,EAAE,cAAc,EAAE,cAAc,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,gBAC9G,uBAAC,kCAAuB,kBAAC,OAAO,EAAE,cAAc,gBAC9C,uBAAC,+BAAgB,cACf,uBAAC,4BAAe,cACd,uBAAC,4BAAe,cACd,uBAAC,iCAAoB,oBAAK,KAAK,EAAI,GACnB,GACF,GACD,IACK,IACH,CAC1B,CAAA;AACH,CAAC,CAAA;AArBY,QAAA,cAAc,kBAqB1B"}

package/dist/cjs/components/embed-card/EmbedPluginContainer.d.ts

@@ -1,9 +1,7 @@
 /// <reference types="react" />
 import { CardProps } from '@mui/material';
-import { ButtonExProps } from '@xylabs/react-button';
-export declare const JsonButton: React.FC<ButtonExProps>;
 export interface EmbedPluginContainerProps extends CardProps {
-    hideJsonButton?: boolean;
+    hideEmbedMenu?: boolean;
 }
 export declare const EmbedPluginContainer: React.FC<EmbedPluginContainerProps>;
 //# sourceMappingURL=EmbedPluginContainer.d.ts.map

package/dist/cjs/components/embed-card/EmbedPluginContainer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EmbedPluginContainer.d.ts","sourceRoot":"","sources":["../../../../src/components/embed-card/EmbedPluginContainer.tsx"],"names":[],"mappings":";AACA,OAAO,EAAyC,SAAS,EAAe,MAAM,eAAe,CAAA;AAC7F,OAAO,EAAY,aAAa,EAAE,MAAM,sBAAsB,CAAA;AAO9D,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAM9C,CAAA;AAED,MAAM,WAAW,yBAA0B,SAAQ,SAAS;IAC1D,cAAc,CAAC,EAAE,OAAO,CAAA;CACzB;AAED,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CAmCpE,CAAA"}
+{"version":3,"file":"EmbedPluginContainer.d.ts","sourceRoot":"","sources":["../../../../src/components/embed-card/EmbedPluginContainer.tsx"],"names":[],"mappings":";AACA,OAAO,EAAyC,SAAS,EAAe,MAAM,eAAe,CAAA;AAQ7F,MAAM,WAAW,yBAA0B,SAAQ,SAAS;IAC1D,aAAa,CAAC,EAAE,OAAO,CAAA;CACxB;AAED,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CAmCpE,CAAA"}

package/dist/cjs/components/embed-card/EmbedPluginContainer.js

@@ -1,24 +1,20 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.EmbedPluginContainer = exports.JsonButton = void 0;
+exports.EmbedPluginContainer = void 0;
 const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
 const Refresh_1 = tslib_1.__importDefault(require("@mui/icons-material/Refresh"));
 const material_1 = require("@mui/material");
-const react_button_1 = require("@xylabs/react-button");
 const react_flexbox_1 = require("@xylabs/react-flexbox");
 const contexts_1 = require("../../contexts");
 const controls_1 = require("../controls");
 const RenderComponent_1 = require("../RenderComponent");
-const JsonButton = (props) => {
-    return ((0, jsx_runtime_1.jsx)(react_button_1.ButtonEx, Object.assign({ size: "small", title: "Source Payload JSON", color: "primary", variant: "outlined", marginX: 1 }, props, { children: "JSON" })));
-};
-exports.JsonButton = JsonButton;
+const menu_1 = require("./menu");
 const EmbedPluginContainer = (_a) => {
     var _b, _c, _d, _e, _f;
-    var { hideJsonButton } = _a, props = tslib_1.__rest(_a, ["hideJsonButton"]);
+    var { hideEmbedMenu } = _a, props = tslib_1.__rest(_a, ["hideEmbedMenu"]);
     const { activePlugin, payload, timestampLabel, refreshHuri, plugins } = (0, contexts_1.useXyoEmbedPluginState)();
-    return ((0, jsx_runtime_1.jsxs)(material_1.Card, Object.assign({ elevation: 3, variant: "elevation" }, props, { children: [(0, jsx_runtime_1.jsx)(material_1.CardHeader, { sx: { flexWrap: 'wrap', rowGap: 1 }, avatar: (0, jsx_runtime_1.jsx)(material_1.Avatar, Object.assign({ sx: { bgcolor: (theme) => theme.palette.primary.main }, "aria-label": activePlugin === null || activePlugin === void 0 ? void 0 : activePlugin.name }, { children: (_b = activePlugin === null || activePlugin === void 0 ? void 0 : activePlugin.name) === null || _b === void 0 ? void 0 : _b.charAt(0) })), action: (0, jsx_runtime_1.jsxs)(react_flexbox_1.FlexRow, { children: [(payload === null || payload === void 0 ? void 0 : payload.timestamp) ? ((0, jsx_runtime_1.jsx)(material_1.Chip, { avatar: (0, jsx_runtime_1.jsx)(Refresh_1.default, {}), clickable: true, onClick: refreshHuri, label: `${timestampLabel} ${new Date(payload.timestamp).toLocaleString()}` })) : null, hideJsonButton ? null : (0, jsx_runtime_1.jsx)(exports.JsonButton, {})] }), title: activePlugin === null || activePlugin === void 0 ? void 0 : activePlugin.name }), (0, jsx_runtime_1.jsxs)(react_flexbox_1.FlexGrowRow, Object.assign({ columnGap: 2, rowGap: 2, flexWrap: "wrap", justifyContent: "center", pb: 1 }, { children: [plugins && plugins.length > 1 ? (0, jsx_runtime_1.jsx)(controls_1.EmbedRenderSelect, {}) : null, ((_f = (_e = (_d = (_c = activePlugin === null || activePlugin === void 0 ? void 0 : activePlugin.components) === null || _c === void 0 ? void 0 : _c.box) === null || _d === void 0 ? void 0 : _d.listModes) === null || _e === void 0 ? void 0 : _e.length) !== null && _f !== void 0 ? _f : 0) > 1 ? (0, jsx_runtime_1.jsx)(controls_1.ListModeSelectFormControl, {}) : null] })), (0, jsx_runtime_1.jsx)(material_1.CardContent, { children: (0, jsx_runtime_1.jsx)(RenderComponent_1.RenderComponent, { payload: payload, ActivePlugin: activePlugin }) })] })));
+    return ((0, jsx_runtime_1.jsxs)(material_1.Card, Object.assign({ elevation: 3, variant: "elevation" }, props, { children: [(0, jsx_runtime_1.jsx)(material_1.CardHeader, { sx: { flexWrap: 'wrap', rowGap: 1 }, avatar: (0, jsx_runtime_1.jsx)(material_1.Avatar, Object.assign({ sx: { bgcolor: (theme) => theme.palette.primary.main }, "aria-label": activePlugin === null || activePlugin === void 0 ? void 0 : activePlugin.name }, { children: (_b = activePlugin === null || activePlugin === void 0 ? void 0 : activePlugin.name) === null || _b === void 0 ? void 0 : _b.charAt(0) })), action: (0, jsx_runtime_1.jsxs)(react_flexbox_1.FlexRow, { children: [(payload === null || payload === void 0 ? void 0 : payload.timestamp) ? ((0, jsx_runtime_1.jsx)(material_1.Chip, { avatar: (0, jsx_runtime_1.jsx)(Refresh_1.default, {}), clickable: true, onClick: refreshHuri, label: `${timestampLabel} ${new Date(payload.timestamp).toLocaleString()}` })) : null, hideEmbedMenu ? null : (0, jsx_runtime_1.jsx)(menu_1.EmbedMenu, {})] }), title: activePlugin === null || activePlugin === void 0 ? void 0 : activePlugin.name }), (0, jsx_runtime_1.jsxs)(react_flexbox_1.FlexGrowRow, Object.assign({ columnGap: 2, rowGap: 2, flexWrap: "wrap", justifyContent: "center", pb: 1 }, { children: [plugins && plugins.length > 1 ? (0, jsx_runtime_1.jsx)(controls_1.EmbedRenderSelect, {}) : null, ((_f = (_e = (_d = (_c = activePlugin === null || activePlugin === void 0 ? void 0 : activePlugin.components) === null || _c === void 0 ? void 0 : _c.box) === null || _d === void 0 ? void 0 : _d.listModes) === null || _e === void 0 ? void 0 : _e.length) !== null && _f !== void 0 ? _f : 0) > 1 ? (0, jsx_runtime_1.jsx)(controls_1.ListModeSelectFormControl, {}) : null] })), (0, jsx_runtime_1.jsx)(material_1.CardContent, { children: (0, jsx_runtime_1.jsx)(RenderComponent_1.RenderComponent, { payload: payload, ActivePlugin: activePlugin }) })] })));
 };
 exports.EmbedPluginContainer = EmbedPluginContainer;
 //# sourceMappingURL=EmbedPluginContainer.js.map

package/dist/cjs/components/embed-card/EmbedPluginContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"EmbedPluginContainer.js","sourceRoot":"","sources":["../../../../src/components/embed-card/EmbedPluginContainer.tsx"],"names":[],"mappings":";;;;;AAAA,kFAAqD;AACrD,4CAA6F;AAC7F,uDAA8D;AAC9D,yDAA4D;AAE5D,6CAAuD;AACvD,0CAA0E;AAC1E,wDAAoD;AAE7C,MAAM,UAAU,GAA4B,CAAC,KAAK,EAAE,EAAE;IAC3D,OAAO,CACL,uBAAC,uBAAQ,kBAAC,IAAI,EAAC,OAAO,EAAC,KAAK,EAAC,qBAAqB,EAAC,KAAK,EAAC,SAAS,EAAC,OAAO,EAAC,UAAU,EAAC,OAAO,EAAE,CAAC,IAAM,KAAK,wBAEhG,CACZ,CAAA;AACH,CAAC,CAAA;AANY,QAAA,UAAU,cAMtB;AAMM,MAAM,oBAAoB,GAAwC,CAAC,EAA4B,EAAE,EAAE;;QAAhC,EAAE,cAAc,OAAY,EAAP,KAAK,sBAA1B,kBAA4B,CAAF;IAClG,MAAM,EAAE,YAAY,EAAE,OAAO,EAAE,cAAc,EAAE,WAAW,EAAE,OAAO,EAAE,GAAG,IAAA,iCAAsB,GAAE,CAAA;IAChG,OAAO,CACL,wBAAC,eAAI,kBAAC,SAAS,EAAE,CAAC,EAAE,OAAO,EAAC,WAAW,IAAK,KAAK,eAC/C,uBAAC,qBAAU,IACT,EAAE,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC,EAAE,EACnC,MAAM,EACJ,uBAAC,iBAAM,kBAAC,EAAE,EAAE,EAAE,OAAO,EAAE,CAAC,KAAY,EAAE,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,EAAE,gBAAc,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,IAAI,gBAClG,MAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,IAAI,0CAAE,MAAM,CAAC,CAAC,CAAC,IACvB,EAEX,MAAM,EACJ,wBAAC,uBAAO,eACL,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,SAAS,EAAC,CAAC,CAAC,CACpB,uBAAC,eAAI,IACH,MAAM,EAAE,uBAAC,iBAAW,KAAG,EACvB,SAAS,QACT,OAAO,EAAE,WAAW,EACpB,KAAK,EAAE,GAAG,cAAc,IAAI,IAAI,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,cAAc,EAAE,EAAE,GAC1E,CACH,CAAC,CAAC,CAAC,IAAI,EACP,cAAc,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,uBAAC,kBAAU,KAAG,IAC/B,EAEZ,KAAK,EAAE,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,IAAI,GACzB,EACF,wBAAC,2BAAW,kBAAC,SAAS,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,QAAQ,EAAC,MAAM,EAAC,cAAc,EAAC,QAAQ,EAAC,EAAE,EAAE,CAAC,iBAChF,OAAO,IAAI,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,uBAAC,4BAAiB,KAAG,CAAC,CAAC,CAAC,IAAI,EAC5D,CAAC,MAAA,MAAA,MAAA,MAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,UAAU,0CAAE,GAAG,0CAAE,SAAS,0CAAE,MAAM,mCAAI,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,uBAAC,oCAAyB,KAAG,CAAC,CAAC,CAAC,IAAI,KACvF,EACd,uBAAC,sBAAW,cACV,uBAAC,iCAAe,IAAC,OAAO,EAAE,OAAO,EAAE,YAAY,EAAE,YAAY,GAAI,GACrD,KACT,CACR,CAAA;AACH,CAAC,CAAA;AAnCY,QAAA,oBAAoB,wBAmChC"}
+{"version":3,"file":"EmbedPluginContainer.js","sourceRoot":"","sources":["../../../../src/components/embed-card/EmbedPluginContainer.tsx"],"names":[],"mappings":";;;;;AAAA,kFAAqD;AACrD,4CAA6F;AAC7F,yDAA4D;AAE5D,6CAAuD;AACvD,0CAA0E;AAC1E,wDAAoD;AACpD,iCAAkC;AAM3B,MAAM,oBAAoB,GAAwC,CAAC,EAA2B,EAAE,EAAE;;QAA/B,EAAE,aAAa,OAAY,EAAP,KAAK,sBAAzB,iBAA2B,CAAF;IACjG,MAAM,EAAE,YAAY,EAAE,OAAO,EAAE,cAAc,EAAE,WAAW,EAAE,OAAO,EAAE,GAAG,IAAA,iCAAsB,GAAE,CAAA;IAChG,OAAO,CACL,wBAAC,eAAI,kBAAC,SAAS,EAAE,CAAC,EAAE,OAAO,EAAC,WAAW,IAAK,KAAK,eAC/C,uBAAC,qBAAU,IACT,EAAE,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC,EAAE,EACnC,MAAM,EACJ,uBAAC,iBAAM,kBAAC,EAAE,EAAE,EAAE,OAAO,EAAE,CAAC,KAAY,EAAE,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,EAAE,gBAAc,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,IAAI,gBAClG,MAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,IAAI,0CAAE,MAAM,CAAC,CAAC,CAAC,IACvB,EAEX,MAAM,EACJ,wBAAC,uBAAO,eACL,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,SAAS,EAAC,CAAC,CAAC,CACpB,uBAAC,eAAI,IACH,MAAM,EAAE,uBAAC,iBAAW,KAAG,EACvB,SAAS,QACT,OAAO,EAAE,WAAW,EACpB,KAAK,EAAE,GAAG,cAAc,IAAI,IAAI,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,cAAc,EAAE,EAAE,GAC1E,CACH,CAAC,CAAC,CAAC,IAAI,EACP,aAAa,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,uBAAC,gBAAS,KAAG,IAC7B,EAEZ,KAAK,EAAE,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,IAAI,GACzB,EACF,wBAAC,2BAAW,kBAAC,SAAS,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,QAAQ,EAAC,MAAM,EAAC,cAAc,EAAC,QAAQ,EAAC,EAAE,EAAE,CAAC,iBAChF,OAAO,IAAI,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,uBAAC,4BAAiB,KAAG,CAAC,CAAC,CAAC,IAAI,EAC5D,CAAC,MAAA,MAAA,MAAA,MAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,UAAU,0CAAE,GAAG,0CAAE,SAAS,0CAAE,MAAM,mCAAI,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,uBAAC,oCAAyB,KAAG,CAAC,CAAC,CAAC,IAAI,KACvF,EACd,uBAAC,sBAAW,cACV,uBAAC,iCAAe,IAAC,OAAO,EAAE,OAAO,EAAE,YAAY,EAAE,YAAY,GAAI,GACrD,KACT,CACR,CAAA;AACH,CAAC,CAAA;AAnCY,QAAA,oBAAoB,wBAmChC"}

package/dist/cjs/components/embed-card/menu/EmbedMenu.d.ts

@@ -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/cjs/components/embed-card/menu/EmbedMenu.d.ts.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,CA6B/C,CAAA"}

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

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.EmbedMenu = void 0;
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const MoreVert_1 = tslib_1.__importDefault(require("@mui/icons-material/MoreVert"));
+const material_1 = require("@mui/material");
+const react_1 = require("react");
+const JsonMenuItem_1 = require("./JsonMenuItem");
+const EmbedMenu = (props) => {
+    // TODO - link to explore website
+    const [anchorEl, setAnchorEl] = (0, react_1.useState)(null);
+    const open = Boolean(anchorEl);
+    const handleClick = (event) => {
+        setAnchorEl(event.currentTarget);
+    };
+    const handleClose = () => {
+        setAnchorEl(null);
+    };
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(material_1.IconButton, Object.assign({ onClick: handleClick }, props, { children: (0, jsx_runtime_1.jsx)(MoreVert_1.default, {}) })), (0, jsx_runtime_1.jsx)(material_1.Menu, Object.assign({ anchorEl: anchorEl, open: open, onClose: handleClose, marginThreshold: 33, PaperProps: { variant: 'elevation' }, MenuListProps: { dense: true } }, { children: (0, jsx_runtime_1.jsx)(JsonMenuItem_1.JsonMenuItem, {}) }))] }));
+};
+exports.EmbedMenu = EmbedMenu;
+//# sourceMappingURL=EmbedMenu.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EmbedMenu.js","sourceRoot":"","sources":["../../../../../src/components/embed-card/menu/EmbedMenu.tsx"],"names":[],"mappings":";;;;;AAAA,oFAAuD;AACvD,4CAAiE;AACjE,iCAAgC;AAEhC,iDAA6C;AAEtC,MAAM,SAAS,GAA8B,CAAC,KAAK,EAAE,EAAE;IAC5D,iCAAiC;IACjC,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,IAAA,gBAAQ,EAAqB,IAAI,CAAC,CAAA;IAClE,MAAM,IAAI,GAAG,OAAO,CAAC,QAAQ,CAAC,CAAA;IAE9B,MAAM,WAAW,GAAG,CAAC,KAA0C,EAAE,EAAE;QACjE,WAAW,CAAC,KAAK,CAAC,aAAa,CAAC,CAAA;IAClC,CAAC,CAAA;IACD,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,WAAW,CAAC,IAAI,CAAC,CAAA;IACnB,CAAC,CAAA;IAED,OAAO,CACL,6DACE,uBAAC,qBAAU,kBAAC,OAAO,EAAE,WAAW,IAAM,KAAK,cACzC,uBAAC,kBAAY,KAAG,IACL,EACb,uBAAC,eAAI,kBACH,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,WAAW,EACpB,eAAe,EAAE,EAAE,EACnB,UAAU,EAAE,EAAE,OAAO,EAAE,WAAW,EAAE,EACpC,aAAa,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,gBAE9B,uBAAC,2BAAY,KAAG,IACX,IACN,CACJ,CAAA;AACH,CAAC,CAAA;AA7BY,QAAA,SAAS,aA6BrB"}

package/dist/cjs/components/embed-card/menu/JsonMenuItem.d.ts

@@ -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/cjs/components/embed-card/menu/JsonMenuItem.d.ts.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/cjs/components/embed-card/menu/JsonMenuItem.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.JsonMenuItem = void 0;
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const OpenInNew_1 = tslib_1.__importDefault(require("@mui/icons-material/OpenInNew"));
+const material_1 = require("@mui/material");
+const contexts_1 = require("../../../contexts");
+const JsonMenuItem = (props) => {
+    const { huri } = (0, contexts_1.useXyoEmbedPluginState)();
+    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: huri ? ((0, jsx_runtime_1.jsxs)(material_1.MenuItem, Object.assign({ title: "Source Payload JSON", onClick: () => window.open(huri, '_blank') }, props, { children: [(0, jsx_runtime_1.jsx)(material_1.ListItemText, Object.assign({ sx: { mr: 1 } }, { children: "JSON" })), (0, jsx_runtime_1.jsx)(material_1.ListItemIcon, Object.assign({ sx: { justifyContent: 'end' } }, { children: (0, jsx_runtime_1.jsx)(OpenInNew_1.default, { fontSize: "small" }) }))] }))) : null }));
+};
+exports.JsonMenuItem = JsonMenuItem;
+//# sourceMappingURL=JsonMenuItem.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"JsonMenuItem.js","sourceRoot":"","sources":["../../../../../src/components/embed-card/menu/JsonMenuItem.tsx"],"names":[],"mappings":";;;;;AAAA,sFAAyD;AACzD,4CAAmF;AAEnF,gDAA0D;AAEnD,MAAM,YAAY,GAA4B,CAAC,KAAK,EAAE,EAAE;IAC7D,MAAM,EAAE,IAAI,EAAE,GAAG,IAAA,iCAAsB,GAAE,CAAA;IAEzC,OAAO,CACL,2DACG,IAAI,CAAC,CAAC,CAAC,CACN,wBAAC,mBAAQ,kBAAC,KAAK,EAAC,qBAAqB,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,EAAE,QAAQ,CAAC,IAAM,KAAK,eACzF,uBAAC,uBAAY,kBAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,0BAAqB,EAChD,uBAAC,uBAAY,kBAAC,EAAE,EAAE,EAAE,cAAc,EAAE,KAAK,EAAE,gBACzC,uBAAC,mBAAa,IAAC,QAAQ,EAAC,OAAO,GAAG,IACrB,KACN,CACZ,CAAC,CAAC,CAAC,IAAI,GACP,CACJ,CAAA;AACH,CAAC,CAAA;AAfY,QAAA,YAAY,gBAexB"}

package/dist/cjs/components/embed-card/menu/index.d.ts

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

package/dist/cjs/components/embed-card/menu/index.d.ts.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/cjs/components/embed-card/menu/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./EmbedMenu"), exports);
+//# sourceMappingURL=index.js.map

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

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

package/dist/cjs/contexts/ValidatePayloadContext/Provider.d.ts

@@ -1,8 +1,7 @@
 /// <reference types="react" />
 import { WithChildren } from '@xylabs/react-shared';
-interface ValidatePayloadProviderProps {
+export interface ValidatePayloadProviderProps {
     enabled?: boolean;
 }
 export declare const ValidatePayloadProvider: React.FC<WithChildren<ValidatePayloadProviderProps>>;
-export {};
 //# sourceMappingURL=Provider.d.ts.map

package/dist/cjs/contexts/ValidatePayloadContext/Provider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Provider.d.ts","sourceRoot":"","sources":["../../../../src/contexts/ValidatePayloadContext/Provider.tsx"],"names":[],"mappings":";AACA,OAAO,EAAkB,YAAY,EAAE,MAAM,sBAAsB,CAAA;AAOnE,UAAU,4BAA4B;IAEpC,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAED,eAAO,MAAM,uBAAuB,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAAC,4BAA4B,CAAC,CA4BxF,CAAA"}
+{"version":3,"file":"Provider.d.ts","sourceRoot":"","sources":["../../../../src/contexts/ValidatePayloadContext/Provider.tsx"],"names":[],"mappings":";AACA,OAAO,EAAkB,YAAY,EAAE,MAAM,sBAAsB,CAAA;AAOnE,MAAM,WAAW,4BAA4B;IAE3C,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAED,eAAO,MAAM,uBAAuB,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAAC,4BAA4B,CAAC,CA4BxF,CAAA"}

package/dist/cjs/contexts/ValidatePayloadContext/use.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use.d.ts","sourceRoot":"","sources":["../../../../src/contexts/ValidatePayloadContext/use.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,kBAAkB,qHAA4E,CAAA"}
+{"version":3,"file":"use.d.ts","sourceRoot":"","sources":["../../../../src/contexts/ValidatePayloadContext/use.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,kBAAkB,qHAAqE,CAAA"}

package/dist/cjs/contexts/ValidatePayloadContext/use.js

@@ -3,6 +3,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.useValidatePayload = void 0;
 const react_shared_1 = require("@xyo-network/react-shared");
 const Context_1 = require("./Context");
-const useValidatePayload = () => (0, react_shared_1.useContextEx)(Context_1.ValidatePayloadContext, 'ValidateSchemaContext', true);
+const useValidatePayload = () => (0, react_shared_1.useContextEx)(Context_1.ValidatePayloadContext, 'ValidateSchema', true);
 exports.useValidatePayload = useValidatePayload;
 //# sourceMappingURL=use.js.map

package/dist/cjs/contexts/ValidatePayloadContext/use.js.map

@@ -1 +1 @@
-{"version":3,"file":"use.js","sourceRoot":"","sources":["../../../../src/contexts/ValidatePayloadContext/use.tsx"],"names":[],"mappings":";;;AAAA,4DAAwD;AAExD,uCAAkD;AAE3C,MAAM,kBAAkB,GAAG,GAAG,EAAE,CAAC,IAAA,2BAAY,EAAC,gCAAsB,EAAE,uBAAuB,EAAE,IAAI,CAAC,CAAA;AAA9F,QAAA,kBAAkB,sBAA4E"}
+{"version":3,"file":"use.js","sourceRoot":"","sources":["../../../../src/contexts/ValidatePayloadContext/use.tsx"],"names":[],"mappings":";;;AAAA,4DAAwD;AAExD,uCAAkD;AAE3C,MAAM,kBAAkB,GAAG,GAAG,EAAE,CAAC,IAAA,2BAAY,EAAC,gCAAsB,EAAE,gBAAgB,EAAE,IAAI,CAAC,CAAA;AAAvF,QAAA,kBAAkB,sBAAqE"}

package/dist/cjs/contexts/XyoEmbedPluginContext/Provider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Provider.d.ts","sourceRoot":"","sources":["../../../../src/contexts/XyoEmbedPluginContext/Provider.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAW,MAAM,uBAAuB,CAAA;AAC7D,OAAO,EAAkB,YAAY,EAAE,MAAM,sBAAsB,CAAA;AAInE,OAAO,EAAE,sBAAsB,EAAE,MAAM,mCAAmC,CAAA;AAM1E,MAAM,WAAW,2BAA4B,SAAQ,YAAY;IAC/D,OAAO,CAAC,EAAE,sBAAsB,EAAE,CAAA;IAClC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,cAAc,CAAC,EAAE,MAAM,CAAA;CACxB;AAED,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAAC,2BAA2B,CAAC,CAgDtF,CAAA"}
+{"version":3,"file":"Provider.d.ts","sourceRoot":"","sources":["../../../../src/contexts/XyoEmbedPluginContext/Provider.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAW,MAAM,uBAAuB,CAAA;AAC7D,OAAO,EAAkB,YAAY,EAAE,MAAM,sBAAsB,CAAA;AAKnE,OAAO,EAAE,sBAAsB,EAAE,MAAM,mCAAmC,CAAA;AAM1E,MAAM,WAAW,2BAA4B,SAAQ,YAAY;IAC/D,OAAO,CAAC,EAAE,sBAAsB,EAAE,CAAA;IAClC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,cAAc,CAAC,EAAE,MAAM,CAAA;CACxB;AAED,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAAC,2BAA2B,CAAC,CAoDtF,CAAA"}

package/dist/cjs/contexts/XyoEmbedPluginContext/Provider.js

@@ -5,6 +5,7 @@ const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_flexbox_1 = require("@xylabs/react-flexbox");
 const react_shared_1 = require("@xylabs/react-shared");
+const sdk_js_1 = require("@xylabs/sdk-js");
 const payload_1 = require("@xyo-network/payload");
 const react_auth_service_1 = require("@xyo-network/react-auth-service");
 const react_webapp_1 = require("@xyo-network/react-webapp");
@@ -24,6 +25,8 @@ const XyoEmbedPluginProvider = (_a) => {
             try {
                 const huriInstance = new payload_1.Huri(huri);
                 const result = yield huriInstance.fetch();
+                // ensure the busy state can stay for a moment to avoid flashing too quickly
+                yield (0, sdk_js_1.delay)(500);
                 if (mounted()) {
                     setNotFound(result === null);
                     setPayload(result);
@@ -38,7 +41,7 @@ const XyoEmbedPluginProvider = (_a) => {
     const refreshHuri = () => {
         setRefreshPayload(0);
     };
-    return ((0, jsx_runtime_1.jsx)(Context_1.XyoEmbedPluginContext.Provider, Object.assign({ value: { activePlugin, payload, provided: true, refreshHuri, refreshTitle, setActivePlugin, timestampLabel } }, { children: (0, jsx_runtime_1.jsx)(react_webapp_1.ResultLoader, Object.assign({ searchResult: payload, notFound: !!notFound, apiError: huriApiError }, { children: (0, jsx_runtime_1.jsx)(react_auth_service_1.XyoApiErrorRender, Object.assign({ apiError: huriApiError, busy: Boolean(!refreshPayload && payload) }, props, { children: (0, jsx_runtime_1.jsx)(react_flexbox_1.FlexCol, { children: children }) })) })) })));
+    return ((0, jsx_runtime_1.jsx)(Context_1.XyoEmbedPluginContext.Provider, Object.assign({ value: { activePlugin, huri, payload, provided: true, refreshHuri, refreshTitle, setActivePlugin, timestampLabel } }, { children: (0, jsx_runtime_1.jsx)(react_webapp_1.ResultLoader, Object.assign({ searchResult: payload, notFound: !!notFound, apiError: huriApiError }, { children: (0, jsx_runtime_1.jsx)(react_auth_service_1.XyoApiErrorRender, Object.assign({ apiError: huriApiError, busy: Boolean(!refreshPayload && payload) }, props, { children: (0, jsx_runtime_1.jsx)(react_flexbox_1.FlexCol, { children: children }) })) })) })));
 };
 exports.XyoEmbedPluginProvider = XyoEmbedPluginProvider;
 //# sourceMappingURL=Provider.js.map

package/dist/cjs/contexts/XyoEmbedPluginContext/Provider.js.map

@@ -1 +1 @@
-{"version":3,"file":"Provider.js","sourceRoot":"","sources":["../../../../src/contexts/XyoEmbedPluginContext/Provider.tsx"],"names":[],"mappings":";;;;;AAAA,yDAA6D;AAC7D,uDAAmE;AAEnE,kDAAuD;AACvD,wEAAmE;AAEnE,4DAAwD;AACxD,iCAAgC;AAEhC,uCAAiD;AAS1C,MAAM,sBAAsB,GAAwD,CAAC,EAO3F,EAAE,EAAE;QAPuF,EAC1F,QAAQ,EACR,YAAY,EACZ,cAAc,EACd,IAAI,EACJ,OAAO,OAER,EADI,KAAK,sBANkF,iEAO3F,CADS;IAER,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,IAAA,gBAAQ,GAAc,CAAA;IACpD,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,IAAA,gBAAQ,GAAW,CAAA;IACnD,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,IAAA,gBAAQ,GAAe,CAAA;IAC/D,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,IAAA,gBAAQ,EAAqC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAA;IACtH,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,IAAA,gBAAQ,EAAC,CAAC,CAAC,CAAA;IAEvD,IAAA,6BAAc;IACZ,uDAAuD;IACvD,CAAO,OAAO,EAAE,EAAE;QAChB,IAAI,IAAI,IAAI,CAAC,cAAc,EAAE;YAC3B,IAAI;gBACF,MAAM,YAAY,GAAG,IAAI,cAAI,CAAC,IAAI,CAAC,CAAA;gBACnC,MAAM,MAAM,GAAG,MAAM,YAAY,CAAC,KAAK,EAAE,CAAA;gBAEzC,IAAI,OAAO,EAAE,EAAE;oBACb,WAAW,CAAC,MAAM,KAAK,IAAI,CAAC,CAAA;oBAC5B,UAAU,CAAC,MAAM,CAAC,CAAA;oBAClB,iBAAiB,CAAC,CAAC,CAAC,CAAA;iBACrB;aACF;YAAC,OAAO,CAAC,EAAE;gBACV,eAAe,CAAC,CAAgB,CAAC,CAAA;aAClC;SACF;IACH,CAAC,CAAA,EACD,CAAC,IAAI,EAAE,OAAO,EAAE,cAAc,CAAC,CAChC,CAAA;IAED,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,iBAAiB,CAAC,CAAC,CAAC,CAAA;IACtB,CAAC,CAAA;IAED,OAAO,CACL,uBAAC,+BAAqB,CAAC,QAAQ,kBAAC,KAAK,EAAE,EAAE,YAAY,EAAE,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,WAAW,EAAE,YAAY,EAAE,eAAe,EAAE,cAAc,EAAE,gBAC1I,uBAAC,2BAAY,kBAAC,YAAY,EAAE,OAAO,EAAE,QAAQ,EAAE,CAAC,CAAC,QAAQ,EAAE,QAAQ,EAAE,YAAY,gBAC/E,uBAAC,sCAAiB,kBAAC,QAAQ,EAAE,YAAY,EAAE,IAAI,EAAE,OAAO,CAAC,CAAC,cAAc,IAAI,OAAO,CAAC,IAAM,KAAK,cAC7F,uBAAC,uBAAO,cAAE,QAAQ,GAAW,IACX,IACP,IACgB,CAClC,CAAA;AACH,CAAC,CAAA;AAhDY,QAAA,sBAAsB,0BAgDlC"}
+{"version":3,"file":"Provider.js","sourceRoot":"","sources":["../../../../src/contexts/XyoEmbedPluginContext/Provider.tsx"],"names":[],"mappings":";;;;;AAAA,yDAA6D;AAC7D,uDAAmE;AACnE,2CAAsC;AAEtC,kDAAuD;AACvD,wEAAmE;AAEnE,4DAAwD;AACxD,iCAAgC;AAEhC,uCAAiD;AAS1C,MAAM,sBAAsB,GAAwD,CAAC,EAO3F,EAAE,EAAE;QAPuF,EAC1F,QAAQ,EACR,YAAY,EACZ,cAAc,EACd,IAAI,EACJ,OAAO,OAER,EADI,KAAK,sBANkF,iEAO3F,CADS;IAER,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,IAAA,gBAAQ,GAAc,CAAA;IACpD,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,IAAA,gBAAQ,GAAW,CAAA;IACnD,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,IAAA,gBAAQ,GAAe,CAAA;IAC/D,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,IAAA,gBAAQ,EAAqC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAA;IACtH,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,IAAA,gBAAQ,EAAC,CAAC,CAAC,CAAA;IAEvD,IAAA,6BAAc;IACZ,uDAAuD;IACvD,CAAO,OAAO,EAAE,EAAE;QAChB,IAAI,IAAI,IAAI,CAAC,cAAc,EAAE;YAC3B,IAAI;gBACF,MAAM,YAAY,GAAG,IAAI,cAAI,CAAC,IAAI,CAAC,CAAA;gBACnC,MAAM,MAAM,GAAG,MAAM,YAAY,CAAC,KAAK,EAAE,CAAA;gBACzC,4EAA4E;gBAC5E,MAAM,IAAA,cAAK,EAAC,GAAG,CAAC,CAAA;gBAEhB,IAAI,OAAO,EAAE,EAAE;oBACb,WAAW,CAAC,MAAM,KAAK,IAAI,CAAC,CAAA;oBAC5B,UAAU,CAAC,MAAM,CAAC,CAAA;oBAClB,iBAAiB,CAAC,CAAC,CAAC,CAAA;iBACrB;aACF;YAAC,OAAO,CAAC,EAAE;gBACV,eAAe,CAAC,CAAgB,CAAC,CAAA;aAClC;SACF;IACH,CAAC,CAAA,EACD,CAAC,IAAI,EAAE,OAAO,EAAE,cAAc,CAAC,CAChC,CAAA;IAED,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,iBAAiB,CAAC,CAAC,CAAC,CAAA;IACtB,CAAC,CAAA;IAED,OAAO,CACL,uBAAC,+BAAqB,CAAC,QAAQ,kBAC7B,KAAK,EAAE,EAAE,YAAY,EAAE,IAAI,EAAE,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,WAAW,EAAE,YAAY,EAAE,eAAe,EAAE,cAAc,EAAE,gBAElH,uBAAC,2BAAY,kBAAC,YAAY,EAAE,OAAO,EAAE,QAAQ,EAAE,CAAC,CAAC,QAAQ,EAAE,QAAQ,EAAE,YAAY,gBAC/E,uBAAC,sCAAiB,kBAAC,QAAQ,EAAE,YAAY,EAAE,IAAI,EAAE,OAAO,CAAC,CAAC,cAAc,IAAI,OAAO,CAAC,IAAM,KAAK,cAC7F,uBAAC,uBAAO,cAAE,QAAQ,GAAW,IACX,IACP,IACgB,CAClC,CAAA;AACH,CAAC,CAAA;AApDY,QAAA,sBAAsB,0BAoDlC"}

package/dist/cjs/contexts/XyoEmbedPluginContext/State.d.ts

@@ -8,6 +8,7 @@ export interface XyoEmbedPluginState extends ContextExState {
     payload?: XyoPayload;
     plugins?: XyoPayloadRenderPlugin[];
     refreshHuri?: () => void;
+    huri?: string;
     refreshTitle?: string;
     timestampLabel?: string;
 }

package/dist/cjs/contexts/XyoEmbedPluginContext/State.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"State.d.ts","sourceRoot":"","sources":["../../../../src/contexts/XyoEmbedPluginContext/State.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAA;AACjD,OAAO,EAAE,sBAAsB,EAAE,MAAM,mCAAmC,CAAA;AAC1E,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAC1D,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAEhD,MAAM,WAAW,mBAAoB,SAAQ,cAAc;IACzD,YAAY,CAAC,EAAE,sBAAsB,CAAA;IACrC,eAAe,CAAC,EAAE,QAAQ,CAAC,cAAc,CAAC,sBAAsB,GAAG,SAAS,CAAC,CAAC,CAAA;IAC9E,OAAO,CAAC,EAAE,UAAU,CAAA;IACpB,OAAO,CAAC,EAAE,sBAAsB,EAAE,CAAA;IAClC,WAAW,CAAC,EAAE,MAAM,IAAI,CAAA;IACxB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,cAAc,CAAC,EAAE,MAAM,CAAA;CACxB"}
+{"version":3,"file":"State.d.ts","sourceRoot":"","sources":["../../../../src/contexts/XyoEmbedPluginContext/State.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAA;AACjD,OAAO,EAAE,sBAAsB,EAAE,MAAM,mCAAmC,CAAA;AAC1E,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAC1D,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAEhD,MAAM,WAAW,mBAAoB,SAAQ,cAAc;IACzD,YAAY,CAAC,EAAE,sBAAsB,CAAA;IACrC,eAAe,CAAC,EAAE,QAAQ,CAAC,cAAc,CAAC,sBAAsB,GAAG,SAAS,CAAC,CAAC,CAAA;IAC9E,OAAO,CAAC,EAAE,UAAU,CAAA;IACpB,OAAO,CAAC,EAAE,sBAAsB,EAAE,CAAA;IAClC,WAAW,CAAC,EAAE,MAAM,IAAI,CAAA;IACxB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,cAAc,CAAC,EAAE,MAAM,CAAA;CACxB"}

package/dist/cjs/contexts/XyoEmbedPluginContext/index.d.ts

@@ -1,3 +1,5 @@
+export * from './Context';
 export * from './Provider';
+export * from './State';
 export * from './use';
 //# sourceMappingURL=index.d.ts.map

package/dist/cjs/contexts/XyoEmbedPluginContext/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/contexts/XyoEmbedPluginContext/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAA;AAC1B,cAAc,OAAO,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/contexts/XyoEmbedPluginContext/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAA;AACzB,cAAc,YAAY,CAAA;AAC1B,cAAc,SAAS,CAAA;AACvB,cAAc,OAAO,CAAA"}

package/dist/cjs/contexts/XyoEmbedPluginContext/index.js

@@ -1,6 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./Context"), exports);
 tslib_1.__exportStar(require("./Provider"), exports);
+tslib_1.__exportStar(require("./State"), exports);
 tslib_1.__exportStar(require("./use"), exports);
 //# sourceMappingURL=index.js.map

package/dist/cjs/contexts/XyoEmbedPluginContext/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/contexts/XyoEmbedPluginContext/index.ts"],"names":[],"mappings":";;;AAAA,qDAA0B;AAC1B,gDAAqB"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/contexts/XyoEmbedPluginContext/index.ts"],"names":[],"mappings":";;;AAAA,oDAAyB;AACzB,qDAA0B;AAC1B,kDAAuB;AACvB,gDAAqB"}

package/dist/cjs/contexts/XyoEmbedPluginContext/use.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use.d.ts","sourceRoot":"","sources":["../../../../src/contexts/XyoEmbedPluginContext/use.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,sBAAsB,oHAA2E,CAAA"}
+{"version":3,"file":"use.d.ts","sourceRoot":"","sources":["../../../../src/contexts/XyoEmbedPluginContext/use.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,sBAAsB,oHAAoE,CAAA"}

package/dist/cjs/contexts/XyoEmbedPluginContext/use.js

@@ -3,6 +3,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.useXyoEmbedPluginState = void 0;
 const react_shared_1 = require("@xyo-network/react-shared");
 const Context_1 = require("./Context");
-const useXyoEmbedPluginState = () => (0, react_shared_1.useContextEx)(Context_1.XyoEmbedPluginContext, 'XyoEmbedPluginContext', true);
+const useXyoEmbedPluginState = () => (0, react_shared_1.useContextEx)(Context_1.XyoEmbedPluginContext, 'XyoEmbedPlugin', true);
 exports.useXyoEmbedPluginState = useXyoEmbedPluginState;
 //# sourceMappingURL=use.js.map

package/dist/cjs/contexts/XyoEmbedPluginContext/use.js.map

@@ -1 +1 @@
-{"version":3,"file":"use.js","sourceRoot":"","sources":["../../../../src/contexts/XyoEmbedPluginContext/use.tsx"],"names":[],"mappings":";;;AAAA,4DAAwD;AAExD,uCAAiD;AAE1C,MAAM,sBAAsB,GAAG,GAAG,EAAE,CAAC,IAAA,2BAAY,EAAC,+BAAqB,EAAE,uBAAuB,EAAE,IAAI,CAAC,CAAA;AAAjG,QAAA,sBAAsB,0BAA2E"}
+{"version":3,"file":"use.js","sourceRoot":"","sources":["../../../../src/contexts/XyoEmbedPluginContext/use.tsx"],"names":[],"mappings":";;;AAAA,4DAAwD;AAExD,uCAAiD;AAE1C,MAAM,sBAAsB,GAAG,GAAG,EAAE,CAAC,IAAA,2BAAY,EAAC,+BAAqB,EAAE,gBAAgB,EAAE,IAAI,CAAC,CAAA;AAA1F,QAAA,sBAAsB,0BAAoE"}

package/dist/docs.json

@@ -17,7 +17,7 @@
 					"fileName": "packages/sdk/embed/src/components/XyoEmbedPlugin.tsx",
 					"line": 7,
 					"character": 13,
-					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/5e48ac8/packages/sdk/embed/src/components/XyoEmbedPlugin.tsx#L7"
+					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/105faa2d/packages/sdk/embed/src/components/XyoEmbedPlugin.tsx#L7"
 				}
 			],
 			"signatures": [
@@ -95,7 +95,7 @@
 			"fileName": "packages/sdk/embed/src/index.ts",
 			"line": 1,
 			"character": 0,
-			"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/5e48ac8/packages/sdk/embed/src/index.ts#L1"
+			"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/105faa2d/packages/sdk/embed/src/index.ts#L1"
 		}
 	]
 }

package/dist/esm/components/XyoEmbedPlugin.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"XyoEmbedPlugin.d.ts","sourceRoot":"","sources":["../../../src/components/XyoEmbedPlugin.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAE3D,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAmBxD,CAAA"}
+{"version":3,"file":"XyoEmbedPlugin.d.ts","sourceRoot":"","sources":["../../../src/components/XyoEmbedPlugin.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAE3D,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAqBxD,CAAA"}

package/dist/esm/components/XyoEmbedPlugin.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { ListModeProvider } from '@xyo-network/react-shared';
 import { ValidatePayloadProvider, XyoEmbedPluginProvider } from '../contexts';
-import { EmbedPluginContainer, ValidatePlugins } from './embed-card';
+import { EmbedPluginContainer, ValidatePayload, ValidatePlugins } from './embed-card';
 export const XyoEmbedPlugin = ({ validateSchema, plugins = [], huri, refreshTitle = '', timestampLabel = 'Data From', ...props }) => {
-    return (_jsx(XyoEmbedPluginProvider, { refreshTitle: refreshTitle, timestampLabel: timestampLabel, plugins: plugins, huri: huri, children: _jsx(ValidatePayloadProvider, { enabled: validateSchema, children: _jsx(ListModeProvider, { children: _jsx(ValidatePlugins, { children: _jsx(EmbedPluginContainer, { ...props }) }) }) }) }));
+    return (_jsx(XyoEmbedPluginProvider, { refreshTitle: refreshTitle, timestampLabel: timestampLabel, plugins: plugins, huri: huri, children: _jsx(ValidatePayloadProvider, { enabled: validateSchema, children: _jsx(ListModeProvider, { children: _jsx(ValidatePlugins, { children: _jsx(ValidatePayload, { children: _jsx(EmbedPluginContainer, { ...props }) }) }) }) }) }));
 };
 //# sourceMappingURL=XyoEmbedPlugin.js.map

package/dist/esm/components/XyoEmbedPlugin.js.map

@@ -1 +1 @@
-{"version":3,"file":"XyoEmbedPlugin.js","sourceRoot":"","sources":["../../../src/components/XyoEmbedPlugin.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAA;AAE5D,OAAO,EAAE,uBAAuB,EAAE,sBAAsB,EAAE,MAAM,aAAa,CAAA;AAC7E,OAAO,EAAE,oBAAoB,EAAE,eAAe,EAAE,MAAM,cAAc,CAAA;AAGpE,MAAM,CAAC,MAAM,cAAc,GAAkC,CAAC,EAC5D,cAAc,EACd,OAAO,GAAG,EAAE,EACZ,IAAI,EACJ,YAAY,GAAG,EAAE,EACjB,cAAc,GAAG,WAAW,EAC5B,GAAG,KAAK,EACT,EAAE,EAAE;IACH,OAAO,CACL,KAAC,sBAAsB,IAAC,YAAY,EAAE,YAAY,EAAE,cAAc,EAAE,cAAc,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,YAC9G,KAAC,uBAAuB,IAAC,OAAO,EAAE,cAAc,YAC9C,KAAC,gBAAgB,cACf,KAAC,eAAe,cACd,KAAC,oBAAoB,OAAK,KAAK,GAAI,GACnB,GACD,GACK,GACH,CAC1B,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"XyoEmbedPlugin.js","sourceRoot":"","sources":["../../../src/components/XyoEmbedPlugin.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAA;AAE5D,OAAO,EAAE,uBAAuB,EAAE,sBAAsB,EAAE,MAAM,aAAa,CAAA;AAC7E,OAAO,EAAE,oBAAoB,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,cAAc,CAAA;AAGrF,MAAM,CAAC,MAAM,cAAc,GAAkC,CAAC,EAC5D,cAAc,EACd,OAAO,GAAG,EAAE,EACZ,IAAI,EACJ,YAAY,GAAG,EAAE,EACjB,cAAc,GAAG,WAAW,EAC5B,GAAG,KAAK,EACT,EAAE,EAAE;IACH,OAAO,CACL,KAAC,sBAAsB,IAAC,YAAY,EAAE,YAAY,EAAE,cAAc,EAAE,cAAc,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,YAC9G,KAAC,uBAAuB,IAAC,OAAO,EAAE,cAAc,YAC9C,KAAC,gBAAgB,cACf,KAAC,eAAe,cACd,KAAC,eAAe,cACd,KAAC,oBAAoB,OAAK,KAAK,GAAI,GACnB,GACF,GACD,GACK,GACH,CAC1B,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/components/embed-card/EmbedPluginContainer.d.ts

@@ -1,9 +1,7 @@
 /// <reference types="react" />
 import { CardProps } from '@mui/material';
-import { ButtonExProps } from '@xylabs/react-button';
-export declare const JsonButton: React.FC<ButtonExProps>;
 export interface EmbedPluginContainerProps extends CardProps {
-    hideJsonButton?: boolean;
+    hideEmbedMenu?: boolean;
 }
 export declare const EmbedPluginContainer: React.FC<EmbedPluginContainerProps>;
 //# sourceMappingURL=EmbedPluginContainer.d.ts.map

package/dist/esm/components/embed-card/EmbedPluginContainer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EmbedPluginContainer.d.ts","sourceRoot":"","sources":["../../../../src/components/embed-card/EmbedPluginContainer.tsx"],"names":[],"mappings":";AACA,OAAO,EAAyC,SAAS,EAAe,MAAM,eAAe,CAAA;AAC7F,OAAO,EAAY,aAAa,EAAE,MAAM,sBAAsB,CAAA;AAO9D,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAM9C,CAAA;AAED,MAAM,WAAW,yBAA0B,SAAQ,SAAS;IAC1D,cAAc,CAAC,EAAE,OAAO,CAAA;CACzB;AAED,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CAmCpE,CAAA"}
+{"version":3,"file":"EmbedPluginContainer.d.ts","sourceRoot":"","sources":["../../../../src/components/embed-card/EmbedPluginContainer.tsx"],"names":[],"mappings":";AACA,OAAO,EAAyC,SAAS,EAAe,MAAM,eAAe,CAAA;AAQ7F,MAAM,WAAW,yBAA0B,SAAQ,SAAS;IAC1D,aAAa,CAAC,EAAE,OAAO,CAAA;CACxB;AAED,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CAmCpE,CAAA"}

package/dist/esm/components/embed-card/EmbedPluginContainer.js

@@ -1,16 +1,13 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import RefreshIcon from '@mui/icons-material/Refresh';
 import { Avatar, Card, CardContent, CardHeader, Chip } from '@mui/material';
-import { ButtonEx } from '@xylabs/react-button';
 import { FlexGrowRow, FlexRow } from '@xylabs/react-flexbox';
 import { useXyoEmbedPluginState } from '../../contexts';
 import { EmbedRenderSelect, ListModeSelectFormControl } from '../controls';
 import { RenderComponent } from '../RenderComponent';
-export const JsonButton = (props) => {
-    return (_jsx(ButtonEx, { size: "small", title: "Source Payload JSON", color: "primary", variant: "outlined", marginX: 1, ...props, children: "JSON" }));
-};
-export const EmbedPluginContainer = ({ hideJsonButton, ...props }) => {
+import { EmbedMenu } from './menu';
+export const EmbedPluginContainer = ({ hideEmbedMenu, ...props }) => {
     const { activePlugin, payload, timestampLabel, refreshHuri, plugins } = useXyoEmbedPluginState();
-    return (_jsxs(Card, { elevation: 3, variant: "elevation", ...props, children: [_jsx(CardHeader, { sx: { flexWrap: 'wrap', rowGap: 1 }, avatar: _jsx(Avatar, { sx: { bgcolor: (theme) => theme.palette.primary.main }, "aria-label": activePlugin?.name, children: activePlugin?.name?.charAt(0) }), action: _jsxs(FlexRow, { children: [payload?.timestamp ? (_jsx(Chip, { avatar: _jsx(RefreshIcon, {}), clickable: true, onClick: refreshHuri, label: `${timestampLabel} ${new Date(payload.timestamp).toLocaleString()}` })) : null, hideJsonButton ? null : _jsx(JsonButton, {})] }), title: activePlugin?.name }), _jsxs(FlexGrowRow, { columnGap: 2, rowGap: 2, flexWrap: "wrap", justifyContent: "center", pb: 1, children: [plugins && plugins.length > 1 ? _jsx(EmbedRenderSelect, {}) : null, (activePlugin?.components?.box?.listModes?.length ?? 0) > 1 ? _jsx(ListModeSelectFormControl, {}) : null] }), _jsx(CardContent, { children: _jsx(RenderComponent, { payload: payload, ActivePlugin: activePlugin }) })] }));
+    return (_jsxs(Card, { elevation: 3, variant: "elevation", ...props, children: [_jsx(CardHeader, { sx: { flexWrap: 'wrap', rowGap: 1 }, avatar: _jsx(Avatar, { sx: { bgcolor: (theme) => theme.palette.primary.main }, "aria-label": activePlugin?.name, children: activePlugin?.name?.charAt(0) }), action: _jsxs(FlexRow, { children: [payload?.timestamp ? (_jsx(Chip, { avatar: _jsx(RefreshIcon, {}), clickable: true, onClick: refreshHuri, label: `${timestampLabel} ${new Date(payload.timestamp).toLocaleString()}` })) : null, hideEmbedMenu ? null : _jsx(EmbedMenu, {})] }), title: activePlugin?.name }), _jsxs(FlexGrowRow, { columnGap: 2, rowGap: 2, flexWrap: "wrap", justifyContent: "center", pb: 1, children: [plugins && plugins.length > 1 ? _jsx(EmbedRenderSelect, {}) : null, (activePlugin?.components?.box?.listModes?.length ?? 0) > 1 ? _jsx(ListModeSelectFormControl, {}) : null] }), _jsx(CardContent, { children: _jsx(RenderComponent, { payload: payload, ActivePlugin: activePlugin }) })] }));
 };
 //# sourceMappingURL=EmbedPluginContainer.js.map

package/dist/esm/components/embed-card/EmbedPluginContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"EmbedPluginContainer.js","sourceRoot":"","sources":["../../../../src/components/embed-card/EmbedPluginContainer.tsx"],"names":[],"mappings":";AAAA,OAAO,WAAW,MAAM,6BAA6B,CAAA;AACrD,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,WAAW,EAAE,UAAU,EAAa,IAAI,EAAS,MAAM,eAAe,CAAA;AAC7F,OAAO,EAAE,QAAQ,EAAiB,MAAM,sBAAsB,CAAA;AAC9D,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAA;AAE5D,OAAO,EAAE,sBAAsB,EAAE,MAAM,gBAAgB,CAAA;AACvD,OAAO,EAAE,iBAAiB,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAA;AAC1E,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAA;AAEpD,MAAM,CAAC,MAAM,UAAU,GAA4B,CAAC,KAAK,EAAE,EAAE;IAC3D,OAAO,CACL,KAAC,QAAQ,IAAC,IAAI,EAAC,OAAO,EAAC,KAAK,EAAC,qBAAqB,EAAC,KAAK,EAAC,SAAS,EAAC,OAAO,EAAC,UAAU,EAAC,OAAO,EAAE,CAAC,KAAM,KAAK,qBAEhG,CACZ,CAAA;AACH,CAAC,CAAA;AAMD,MAAM,CAAC,MAAM,oBAAoB,GAAwC,CAAC,EAAE,cAAc,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACxG,MAAM,EAAE,YAAY,EAAE,OAAO,EAAE,cAAc,EAAE,WAAW,EAAE,OAAO,EAAE,GAAG,sBAAsB,EAAE,CAAA;IAChG,OAAO,CACL,MAAC,IAAI,IAAC,SAAS,EAAE,CAAC,EAAE,OAAO,EAAC,WAAW,KAAK,KAAK,aAC/C,KAAC,UAAU,IACT,EAAE,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC,EAAE,EACnC,MAAM,EACJ,KAAC,MAAM,IAAC,EAAE,EAAE,EAAE,OAAO,EAAE,CAAC,KAAY,EAAE,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,EAAE,gBAAc,YAAY,EAAE,IAAI,YAClG,YAAY,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,GACvB,EAEX,MAAM,EACJ,MAAC,OAAO,eACL,OAAO,EAAE,SAAS,CAAC,CAAC,CAAC,CACpB,KAAC,IAAI,IACH,MAAM,EAAE,KAAC,WAAW,KAAG,EACvB,SAAS,QACT,OAAO,EAAE,WAAW,EACpB,KAAK,EAAE,GAAG,cAAc,IAAI,IAAI,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,cAAc,EAAE,EAAE,GAC1E,CACH,CAAC,CAAC,CAAC,IAAI,EACP,cAAc,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAC,UAAU,KAAG,IAC/B,EAEZ,KAAK,EAAE,YAAY,EAAE,IAAI,GACzB,EACF,MAAC,WAAW,IAAC,SAAS,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,QAAQ,EAAC,MAAM,EAAC,cAAc,EAAC,QAAQ,EAAC,EAAE,EAAE,CAAC,aAChF,OAAO,IAAI,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,KAAC,iBAAiB,KAAG,CAAC,CAAC,CAAC,IAAI,EAC5D,CAAC,YAAY,EAAE,UAAU,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,KAAC,yBAAyB,KAAG,CAAC,CAAC,CAAC,IAAI,IACvF,EACd,KAAC,WAAW,cACV,KAAC,eAAe,IAAC,OAAO,EAAE,OAAO,EAAE,YAAY,EAAE,YAAY,GAAI,GACrD,IACT,CACR,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"EmbedPluginContainer.js","sourceRoot":"","sources":["../../../../src/components/embed-card/EmbedPluginContainer.tsx"],"names":[],"mappings":";AAAA,OAAO,WAAW,MAAM,6BAA6B,CAAA;AACrD,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,WAAW,EAAE,UAAU,EAAa,IAAI,EAAS,MAAM,eAAe,CAAA;AAC7F,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAA;AAE5D,OAAO,EAAE,sBAAsB,EAAE,MAAM,gBAAgB,CAAA;AACvD,OAAO,EAAE,iBAAiB,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAA;AAC1E,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAA;AACpD,OAAO,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAA;AAMlC,MAAM,CAAC,MAAM,oBAAoB,GAAwC,CAAC,EAAE,aAAa,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACvG,MAAM,EAAE,YAAY,EAAE,OAAO,EAAE,cAAc,EAAE,WAAW,EAAE,OAAO,EAAE,GAAG,sBAAsB,EAAE,CAAA;IAChG,OAAO,CACL,MAAC,IAAI,IAAC,SAAS,EAAE,CAAC,EAAE,OAAO,EAAC,WAAW,KAAK,KAAK,aAC/C,KAAC,UAAU,IACT,EAAE,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC,EAAE,EACnC,MAAM,EACJ,KAAC,MAAM,IAAC,EAAE,EAAE,EAAE,OAAO,EAAE,CAAC,KAAY,EAAE,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,EAAE,gBAAc,YAAY,EAAE,IAAI,YAClG,YAAY,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,GACvB,EAEX,MAAM,EACJ,MAAC,OAAO,eACL,OAAO,EAAE,SAAS,CAAC,CAAC,CAAC,CACpB,KAAC,IAAI,IACH,MAAM,EAAE,KAAC,WAAW,KAAG,EACvB,SAAS,QACT,OAAO,EAAE,WAAW,EACpB,KAAK,EAAE,GAAG,cAAc,IAAI,IAAI,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,cAAc,EAAE,EAAE,GAC1E,CACH,CAAC,CAAC,CAAC,IAAI,EACP,aAAa,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAC,SAAS,KAAG,IAC7B,EAEZ,KAAK,EAAE,YAAY,EAAE,IAAI,GACzB,EACF,MAAC,WAAW,IAAC,SAAS,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,QAAQ,EAAC,MAAM,EAAC,cAAc,EAAC,QAAQ,EAAC,EAAE,EAAE,CAAC,aAChF,OAAO,IAAI,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,KAAC,iBAAiB,KAAG,CAAC,CAAC,CAAC,IAAI,EAC5D,CAAC,YAAY,EAAE,UAAU,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,KAAC,yBAAyB,KAAG,CAAC,CAAC,CAAC,IAAI,IACvF,EACd,KAAC,WAAW,cACV,KAAC,eAAe,IAAC,OAAO,EAAE,OAAO,EAAE,YAAY,EAAE,YAAY,GAAI,GACrD,IACT,CACR,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/components/embed-card/menu/EmbedMenu.d.ts

@@ -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/esm/components/embed-card/menu/EmbedMenu.d.ts.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,CA6B/C,CAAA"}

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

@@ -0,0 +1,18 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import MoreVertIcon from '@mui/icons-material/MoreVert';
+import { IconButton, Menu } from '@mui/material';
+import { useState } from 'react';
+import { JsonMenuItem } from './JsonMenuItem';
+export const EmbedMenu = (props) => {
+    // TODO - link to explore website
+    const [anchorEl, setAnchorEl] = useState(null);
+    const open = Boolean(anchorEl);
+    const handleClick = (event) => {
+        setAnchorEl(event.currentTarget);
+    };
+    const handleClose = () => {
+        setAnchorEl(null);
+    };
+    return (_jsxs(_Fragment, { children: [_jsx(IconButton, { onClick: handleClick, ...props, children: _jsx(MoreVertIcon, {}) }), _jsx(Menu, { anchorEl: anchorEl, open: open, onClose: handleClose, marginThreshold: 33, PaperProps: { variant: 'elevation' }, MenuListProps: { dense: true }, children: _jsx(JsonMenuItem, {}) })] }));
+};
+//# sourceMappingURL=EmbedMenu.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EmbedMenu.js","sourceRoot":"","sources":["../../../../../src/components/embed-card/menu/EmbedMenu.tsx"],"names":[],"mappings":";AAAA,OAAO,YAAY,MAAM,8BAA8B,CAAA;AACvD,OAAO,EAAE,UAAU,EAAmB,IAAI,EAAE,MAAM,eAAe,CAAA;AACjE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEhC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAE7C,MAAM,CAAC,MAAM,SAAS,GAA8B,CAAC,KAAK,EAAE,EAAE;IAC5D,iCAAiC;IACjC,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAqB,IAAI,CAAC,CAAA;IAClE,MAAM,IAAI,GAAG,OAAO,CAAC,QAAQ,CAAC,CAAA;IAE9B,MAAM,WAAW,GAAG,CAAC,KAA0C,EAAE,EAAE;QACjE,WAAW,CAAC,KAAK,CAAC,aAAa,CAAC,CAAA;IAClC,CAAC,CAAA;IACD,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,WAAW,CAAC,IAAI,CAAC,CAAA;IACnB,CAAC,CAAA;IAED,OAAO,CACL,8BACE,KAAC,UAAU,IAAC,OAAO,EAAE,WAAW,KAAM,KAAK,YACzC,KAAC,YAAY,KAAG,GACL,EACb,KAAC,IAAI,IACH,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,WAAW,EACpB,eAAe,EAAE,EAAE,EACnB,UAAU,EAAE,EAAE,OAAO,EAAE,WAAW,EAAE,EACpC,aAAa,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,YAE9B,KAAC,YAAY,KAAG,GACX,IACN,CACJ,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/components/embed-card/menu/JsonMenuItem.d.ts

@@ -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/esm/components/embed-card/menu/JsonMenuItem.d.ts.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/esm/components/embed-card/menu/JsonMenuItem.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import OpenInNewIcon from '@mui/icons-material/OpenInNew';
+import { ListItemIcon, ListItemText, MenuItem } from '@mui/material';
+import { useXyoEmbedPluginState } from '../../../contexts';
+export const JsonMenuItem = (props) => {
+    const { huri } = useXyoEmbedPluginState();
+    return (_jsx(_Fragment, { children: huri ? (_jsxs(MenuItem, { title: "Source Payload JSON", onClick: () => window.open(huri, '_blank'), ...props, children: [_jsx(ListItemText, { sx: { mr: 1 }, children: "JSON" }), _jsx(ListItemIcon, { sx: { justifyContent: 'end' }, children: _jsx(OpenInNewIcon, { fontSize: "small" }) })] })) : null }));
+};
+//# sourceMappingURL=JsonMenuItem.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"JsonMenuItem.js","sourceRoot":"","sources":["../../../../../src/components/embed-card/menu/JsonMenuItem.tsx"],"names":[],"mappings":";AAAA,OAAO,aAAa,MAAM,+BAA+B,CAAA;AACzD,OAAO,EAAE,YAAY,EAAE,YAAY,EAAE,QAAQ,EAAiB,MAAM,eAAe,CAAA;AAEnF,OAAO,EAAE,sBAAsB,EAAE,MAAM,mBAAmB,CAAA;AAE1D,MAAM,CAAC,MAAM,YAAY,GAA4B,CAAC,KAAK,EAAE,EAAE;IAC7D,MAAM,EAAE,IAAI,EAAE,GAAG,sBAAsB,EAAE,CAAA;IAEzC,OAAO,CACL,4BACG,IAAI,CAAC,CAAC,CAAC,CACN,MAAC,QAAQ,IAAC,KAAK,EAAC,qBAAqB,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,EAAE,QAAQ,CAAC,KAAM,KAAK,aACzF,KAAC,YAAY,IAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,qBAAqB,EAChD,KAAC,YAAY,IAAC,EAAE,EAAE,EAAE,cAAc,EAAE,KAAK,EAAE,YACzC,KAAC,aAAa,IAAC,QAAQ,EAAC,OAAO,GAAG,GACrB,IACN,CACZ,CAAC,CAAC,CAAC,IAAI,GACP,CACJ,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/components/embed-card/menu/index.d.ts

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

package/dist/esm/components/embed-card/menu/index.d.ts.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/esm/components/embed-card/menu/index.js

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

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

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

package/dist/esm/contexts/ValidatePayloadContext/Provider.d.ts

@@ -1,8 +1,7 @@
 /// <reference types="react" />
 import { WithChildren } from '@xylabs/react-shared';
-interface ValidatePayloadProviderProps {
+export interface ValidatePayloadProviderProps {
     enabled?: boolean;
 }
 export declare const ValidatePayloadProvider: React.FC<WithChildren<ValidatePayloadProviderProps>>;
-export {};
 //# sourceMappingURL=Provider.d.ts.map

package/dist/esm/contexts/ValidatePayloadContext/Provider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Provider.d.ts","sourceRoot":"","sources":["../../../../src/contexts/ValidatePayloadContext/Provider.tsx"],"names":[],"mappings":";AACA,OAAO,EAAkB,YAAY,EAAE,MAAM,sBAAsB,CAAA;AAOnE,UAAU,4BAA4B;IAEpC,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAED,eAAO,MAAM,uBAAuB,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAAC,4BAA4B,CAAC,CA4BxF,CAAA"}
+{"version":3,"file":"Provider.d.ts","sourceRoot":"","sources":["../../../../src/contexts/ValidatePayloadContext/Provider.tsx"],"names":[],"mappings":";AACA,OAAO,EAAkB,YAAY,EAAE,MAAM,sBAAsB,CAAA;AAOnE,MAAM,WAAW,4BAA4B;IAE3C,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAED,eAAO,MAAM,uBAAuB,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAAC,4BAA4B,CAAC,CA4BxF,CAAA"}

package/dist/esm/contexts/ValidatePayloadContext/use.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use.d.ts","sourceRoot":"","sources":["../../../../src/contexts/ValidatePayloadContext/use.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,kBAAkB,qHAA4E,CAAA"}
+{"version":3,"file":"use.d.ts","sourceRoot":"","sources":["../../../../src/contexts/ValidatePayloadContext/use.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,kBAAkB,qHAAqE,CAAA"}

package/dist/esm/contexts/ValidatePayloadContext/use.js

@@ -1,4 +1,4 @@
 import { useContextEx } from '@xyo-network/react-shared';
 import { ValidatePayloadContext } from './Context';
-export const useValidatePayload = () => useContextEx(ValidatePayloadContext, 'ValidateSchemaContext', true);
+export const useValidatePayload = () => useContextEx(ValidatePayloadContext, 'ValidateSchema', true);
 //# sourceMappingURL=use.js.map

package/dist/esm/contexts/ValidatePayloadContext/use.js.map

@@ -1 +1 @@
-{"version":3,"file":"use.js","sourceRoot":"","sources":["../../../../src/contexts/ValidatePayloadContext/use.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAA;AAExD,OAAO,EAAE,sBAAsB,EAAE,MAAM,WAAW,CAAA;AAElD,MAAM,CAAC,MAAM,kBAAkB,GAAG,GAAG,EAAE,CAAC,YAAY,CAAC,sBAAsB,EAAE,uBAAuB,EAAE,IAAI,CAAC,CAAA"}
+{"version":3,"file":"use.js","sourceRoot":"","sources":["../../../../src/contexts/ValidatePayloadContext/use.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAA;AAExD,OAAO,EAAE,sBAAsB,EAAE,MAAM,WAAW,CAAA;AAElD,MAAM,CAAC,MAAM,kBAAkB,GAAG,GAAG,EAAE,CAAC,YAAY,CAAC,sBAAsB,EAAE,gBAAgB,EAAE,IAAI,CAAC,CAAA"}

package/dist/esm/contexts/XyoEmbedPluginContext/Provider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Provider.d.ts","sourceRoot":"","sources":["../../../../src/contexts/XyoEmbedPluginContext/Provider.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAW,MAAM,uBAAuB,CAAA;AAC7D,OAAO,EAAkB,YAAY,EAAE,MAAM,sBAAsB,CAAA;AAInE,OAAO,EAAE,sBAAsB,EAAE,MAAM,mCAAmC,CAAA;AAM1E,MAAM,WAAW,2BAA4B,SAAQ,YAAY;IAC/D,OAAO,CAAC,EAAE,sBAAsB,EAAE,CAAA;IAClC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,cAAc,CAAC,EAAE,MAAM,CAAA;CACxB;AAED,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAAC,2BAA2B,CAAC,CAgDtF,CAAA"}
+{"version":3,"file":"Provider.d.ts","sourceRoot":"","sources":["../../../../src/contexts/XyoEmbedPluginContext/Provider.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAW,MAAM,uBAAuB,CAAA;AAC7D,OAAO,EAAkB,YAAY,EAAE,MAAM,sBAAsB,CAAA;AAKnE,OAAO,EAAE,sBAAsB,EAAE,MAAM,mCAAmC,CAAA;AAM1E,MAAM,WAAW,2BAA4B,SAAQ,YAAY;IAC/D,OAAO,CAAC,EAAE,sBAAsB,EAAE,CAAA;IAClC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,cAAc,CAAC,EAAE,MAAM,CAAA;CACxB;AAED,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAAC,2BAA2B,CAAC,CAoDtF,CAAA"}

package/dist/esm/contexts/XyoEmbedPluginContext/Provider.js

@@ -1,6 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { FlexCol } from '@xylabs/react-flexbox';
 import { useAsyncEffect } from '@xylabs/react-shared';
+import { delay } from '@xylabs/sdk-js';
 import { Huri } from '@xyo-network/payload';
 import { XyoApiErrorRender } from '@xyo-network/react-auth-service';
 import { ResultLoader } from '@xyo-network/react-webapp';
@@ -19,6 +20,8 @@ export const XyoEmbedPluginProvider = ({ children, refreshTitle, timestampLabel,
             try {
                 const huriInstance = new Huri(huri);
                 const result = await huriInstance.fetch();
+                // ensure the busy state can stay for a moment to avoid flashing too quickly
+                await delay(500);
                 if (mounted()) {
                     setNotFound(result === null);
                     setPayload(result);
@@ -33,6 +36,6 @@ export const XyoEmbedPluginProvider = ({ children, refreshTitle, timestampLabel,
     const refreshHuri = () => {
         setRefreshPayload(0);
     };
-    return (_jsx(XyoEmbedPluginContext.Provider, { value: { activePlugin, payload, provided: true, refreshHuri, refreshTitle, setActivePlugin, timestampLabel }, children: _jsx(ResultLoader, { searchResult: payload, notFound: !!notFound, apiError: huriApiError, children: _jsx(XyoApiErrorRender, { apiError: huriApiError, busy: Boolean(!refreshPayload && payload), ...props, children: _jsx(FlexCol, { children: children }) }) }) }));
+    return (_jsx(XyoEmbedPluginContext.Provider, { value: { activePlugin, huri, payload, provided: true, refreshHuri, refreshTitle, setActivePlugin, timestampLabel }, children: _jsx(ResultLoader, { searchResult: payload, notFound: !!notFound, apiError: huriApiError, children: _jsx(XyoApiErrorRender, { apiError: huriApiError, busy: Boolean(!refreshPayload && payload), ...props, children: _jsx(FlexCol, { children: children }) }) }) }));
 };
 //# sourceMappingURL=Provider.js.map

package/dist/esm/contexts/XyoEmbedPluginContext/Provider.js.map

@@ -1 +1 @@
-{"version":3,"file":"Provider.js","sourceRoot":"","sources":["../../../../src/contexts/XyoEmbedPluginContext/Provider.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAgB,OAAO,EAAE,MAAM,uBAAuB,CAAA;AAC7D,OAAO,EAAE,cAAc,EAAgB,MAAM,sBAAsB,CAAA;AAEnE,OAAO,EAAE,IAAI,EAAc,MAAM,sBAAsB,CAAA;AACvD,OAAO,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAA;AAEnE,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAA;AACxD,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEhC,OAAO,EAAE,qBAAqB,EAAE,MAAM,WAAW,CAAA;AASjD,MAAM,CAAC,MAAM,sBAAsB,GAAwD,CAAC,EAC1F,QAAQ,EACR,YAAY,EACZ,cAAc,EACd,IAAI,EACJ,OAAO,EACP,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,EAAc,CAAA;IACpD,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,EAAW,CAAA;IACnD,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,EAAe,CAAA;IAC/D,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAqC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAA;IACtH,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAA;IAEvD,cAAc;IACZ,uDAAuD;IACvD,KAAK,EAAE,OAAO,EAAE,EAAE;QAChB,IAAI,IAAI,IAAI,CAAC,cAAc,EAAE;YAC3B,IAAI;gBACF,MAAM,YAAY,GAAG,IAAI,IAAI,CAAC,IAAI,CAAC,CAAA;gBACnC,MAAM,MAAM,GAAG,MAAM,YAAY,CAAC,KAAK,EAAE,CAAA;gBAEzC,IAAI,OAAO,EAAE,EAAE;oBACb,WAAW,CAAC,MAAM,KAAK,IAAI,CAAC,CAAA;oBAC5B,UAAU,CAAC,MAAM,CAAC,CAAA;oBAClB,iBAAiB,CAAC,CAAC,CAAC,CAAA;iBACrB;aACF;YAAC,OAAO,CAAC,EAAE;gBACV,eAAe,CAAC,CAAgB,CAAC,CAAA;aAClC;SACF;IACH,CAAC,EACD,CAAC,IAAI,EAAE,OAAO,EAAE,cAAc,CAAC,CAChC,CAAA;IAED,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,iBAAiB,CAAC,CAAC,CAAC,CAAA;IACtB,CAAC,CAAA;IAED,OAAO,CACL,KAAC,qBAAqB,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,YAAY,EAAE,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,WAAW,EAAE,YAAY,EAAE,eAAe,EAAE,cAAc,EAAE,YAC1I,KAAC,YAAY,IAAC,YAAY,EAAE,OAAO,EAAE,QAAQ,EAAE,CAAC,CAAC,QAAQ,EAAE,QAAQ,EAAE,YAAY,YAC/E,KAAC,iBAAiB,IAAC,QAAQ,EAAE,YAAY,EAAE,IAAI,EAAE,OAAO,CAAC,CAAC,cAAc,IAAI,OAAO,CAAC,KAAM,KAAK,YAC7F,KAAC,OAAO,cAAE,QAAQ,GAAW,GACX,GACP,GACgB,CAClC,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"Provider.js","sourceRoot":"","sources":["../../../../src/contexts/XyoEmbedPluginContext/Provider.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAgB,OAAO,EAAE,MAAM,uBAAuB,CAAA;AAC7D,OAAO,EAAE,cAAc,EAAgB,MAAM,sBAAsB,CAAA;AACnE,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAA;AAEtC,OAAO,EAAE,IAAI,EAAc,MAAM,sBAAsB,CAAA;AACvD,OAAO,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAA;AAEnE,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAA;AACxD,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEhC,OAAO,EAAE,qBAAqB,EAAE,MAAM,WAAW,CAAA;AASjD,MAAM,CAAC,MAAM,sBAAsB,GAAwD,CAAC,EAC1F,QAAQ,EACR,YAAY,EACZ,cAAc,EACd,IAAI,EACJ,OAAO,EACP,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,EAAc,CAAA;IACpD,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,EAAW,CAAA;IACnD,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,EAAe,CAAA;IAC/D,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAqC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAA;IACtH,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAA;IAEvD,cAAc;IACZ,uDAAuD;IACvD,KAAK,EAAE,OAAO,EAAE,EAAE;QAChB,IAAI,IAAI,IAAI,CAAC,cAAc,EAAE;YAC3B,IAAI;gBACF,MAAM,YAAY,GAAG,IAAI,IAAI,CAAC,IAAI,CAAC,CAAA;gBACnC,MAAM,MAAM,GAAG,MAAM,YAAY,CAAC,KAAK,EAAE,CAAA;gBACzC,4EAA4E;gBAC5E,MAAM,KAAK,CAAC,GAAG,CAAC,CAAA;gBAEhB,IAAI,OAAO,EAAE,EAAE;oBACb,WAAW,CAAC,MAAM,KAAK,IAAI,CAAC,CAAA;oBAC5B,UAAU,CAAC,MAAM,CAAC,CAAA;oBAClB,iBAAiB,CAAC,CAAC,CAAC,CAAA;iBACrB;aACF;YAAC,OAAO,CAAC,EAAE;gBACV,eAAe,CAAC,CAAgB,CAAC,CAAA;aAClC;SACF;IACH,CAAC,EACD,CAAC,IAAI,EAAE,OAAO,EAAE,cAAc,CAAC,CAChC,CAAA;IAED,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,iBAAiB,CAAC,CAAC,CAAC,CAAA;IACtB,CAAC,CAAA;IAED,OAAO,CACL,KAAC,qBAAqB,CAAC,QAAQ,IAC7B,KAAK,EAAE,EAAE,YAAY,EAAE,IAAI,EAAE,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,WAAW,EAAE,YAAY,EAAE,eAAe,EAAE,cAAc,EAAE,YAElH,KAAC,YAAY,IAAC,YAAY,EAAE,OAAO,EAAE,QAAQ,EAAE,CAAC,CAAC,QAAQ,EAAE,QAAQ,EAAE,YAAY,YAC/E,KAAC,iBAAiB,IAAC,QAAQ,EAAE,YAAY,EAAE,IAAI,EAAE,OAAO,CAAC,CAAC,cAAc,IAAI,OAAO,CAAC,KAAM,KAAK,YAC7F,KAAC,OAAO,cAAE,QAAQ,GAAW,GACX,GACP,GACgB,CAClC,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/contexts/XyoEmbedPluginContext/State.d.ts

@@ -8,6 +8,7 @@ export interface XyoEmbedPluginState extends ContextExState {
     payload?: XyoPayload;
     plugins?: XyoPayloadRenderPlugin[];
     refreshHuri?: () => void;
+    huri?: string;
     refreshTitle?: string;
     timestampLabel?: string;
 }

package/dist/esm/contexts/XyoEmbedPluginContext/State.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"State.d.ts","sourceRoot":"","sources":["../../../../src/contexts/XyoEmbedPluginContext/State.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAA;AACjD,OAAO,EAAE,sBAAsB,EAAE,MAAM,mCAAmC,CAAA;AAC1E,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAC1D,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAEhD,MAAM,WAAW,mBAAoB,SAAQ,cAAc;IACzD,YAAY,CAAC,EAAE,sBAAsB,CAAA;IACrC,eAAe,CAAC,EAAE,QAAQ,CAAC,cAAc,CAAC,sBAAsB,GAAG,SAAS,CAAC,CAAC,CAAA;IAC9E,OAAO,CAAC,EAAE,UAAU,CAAA;IACpB,OAAO,CAAC,EAAE,sBAAsB,EAAE,CAAA;IAClC,WAAW,CAAC,EAAE,MAAM,IAAI,CAAA;IACxB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,cAAc,CAAC,EAAE,MAAM,CAAA;CACxB"}
+{"version":3,"file":"State.d.ts","sourceRoot":"","sources":["../../../../src/contexts/XyoEmbedPluginContext/State.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAA;AACjD,OAAO,EAAE,sBAAsB,EAAE,MAAM,mCAAmC,CAAA;AAC1E,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAC1D,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAEhD,MAAM,WAAW,mBAAoB,SAAQ,cAAc;IACzD,YAAY,CAAC,EAAE,sBAAsB,CAAA;IACrC,eAAe,CAAC,EAAE,QAAQ,CAAC,cAAc,CAAC,sBAAsB,GAAG,SAAS,CAAC,CAAC,CAAA;IAC9E,OAAO,CAAC,EAAE,UAAU,CAAA;IACpB,OAAO,CAAC,EAAE,sBAAsB,EAAE,CAAA;IAClC,WAAW,CAAC,EAAE,MAAM,IAAI,CAAA;IACxB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,cAAc,CAAC,EAAE,MAAM,CAAA;CACxB"}

package/dist/esm/contexts/XyoEmbedPluginContext/index.d.ts

@@ -1,3 +1,5 @@
+export * from './Context';
 export * from './Provider';
+export * from './State';
 export * from './use';
 //# sourceMappingURL=index.d.ts.map

package/dist/esm/contexts/XyoEmbedPluginContext/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/contexts/XyoEmbedPluginContext/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAA;AAC1B,cAAc,OAAO,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/contexts/XyoEmbedPluginContext/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAA;AACzB,cAAc,YAAY,CAAA;AAC1B,cAAc,SAAS,CAAA;AACvB,cAAc,OAAO,CAAA"}

package/dist/esm/contexts/XyoEmbedPluginContext/index.js

@@ -1,3 +1,5 @@
+export * from './Context';
 export * from './Provider';
+export * from './State';
 export * from './use';
 //# sourceMappingURL=index.js.map

package/dist/esm/contexts/XyoEmbedPluginContext/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/contexts/XyoEmbedPluginContext/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAA;AAC1B,cAAc,OAAO,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/contexts/XyoEmbedPluginContext/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAA;AACzB,cAAc,YAAY,CAAA;AAC1B,cAAc,SAAS,CAAA;AACvB,cAAc,OAAO,CAAA"}

package/dist/esm/contexts/XyoEmbedPluginContext/use.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use.d.ts","sourceRoot":"","sources":["../../../../src/contexts/XyoEmbedPluginContext/use.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,sBAAsB,oHAA2E,CAAA"}
+{"version":3,"file":"use.d.ts","sourceRoot":"","sources":["../../../../src/contexts/XyoEmbedPluginContext/use.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,sBAAsB,oHAAoE,CAAA"}

package/dist/esm/contexts/XyoEmbedPluginContext/use.js

@@ -1,4 +1,4 @@
 import { useContextEx } from '@xyo-network/react-shared';
 import { XyoEmbedPluginContext } from './Context';
-export const useXyoEmbedPluginState = () => useContextEx(XyoEmbedPluginContext, 'XyoEmbedPluginContext', true);
+export const useXyoEmbedPluginState = () => useContextEx(XyoEmbedPluginContext, 'XyoEmbedPlugin', true);
 //# sourceMappingURL=use.js.map

package/dist/esm/contexts/XyoEmbedPluginContext/use.js.map

@@ -1 +1 @@
-{"version":3,"file":"use.js","sourceRoot":"","sources":["../../../../src/contexts/XyoEmbedPluginContext/use.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAA;AAExD,OAAO,EAAE,qBAAqB,EAAE,MAAM,WAAW,CAAA;AAEjD,MAAM,CAAC,MAAM,sBAAsB,GAAG,GAAG,EAAE,CAAC,YAAY,CAAC,qBAAqB,EAAE,uBAAuB,EAAE,IAAI,CAAC,CAAA"}
+{"version":3,"file":"use.js","sourceRoot":"","sources":["../../../../src/contexts/XyoEmbedPluginContext/use.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAA;AAExD,OAAO,EAAE,qBAAqB,EAAE,MAAM,WAAW,CAAA;AAEjD,MAAM,CAAC,MAAM,sBAAsB,GAAG,GAAG,EAAE,CAAC,YAAY,CAAC,qBAAqB,EAAE,gBAAgB,EAAE,IAAI,CAAC,CAAA"}

package/package.json

@@ -14,16 +14,15 @@
     "@emotion/styled": "^11.10.0",
     "@mui/icons-material": "^5.8.4",
     "@mui/material": "^5.10.0",
-    "@xylabs/react-button": "^2.14.11",
-    "@xylabs/react-flexbox": "^2.14.11",
-    "@xylabs/react-shared": "^2.14.11",
+    "@xylabs/react-flexbox": "^2.14.13",
+    "@xylabs/react-shared": "^2.14.13",
+    "@xylabs/sdk-js": "^2.6.5",
     "@xyo-network/api": "^2.25.2",
     "@xyo-network/payload": "^2.25.2",
-    "@xyo-network/react-app-settings": "^2.27.27",
-    "@xyo-network/react-auth-service": "^2.27.27",
-    "@xyo-network/react-payload-plugin": "^2.27.27",
-    "@xyo-network/react-shared": "^2.27.27",
-    "@xyo-network/react-webapp": "^2.27.27",
+    "@xyo-network/react-auth-service": "^2.27.28",
+    "@xyo-network/react-payload-plugin": "^2.27.28",
+    "@xyo-network/react-shared": "^2.27.28",
+    "@xyo-network/react-webapp": "^2.27.28",
     "@xyo-network/utils": "^2.25.2",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
@@ -32,9 +31,9 @@
   "description": "Common React library for all XYO projects that use React",
   "devDependencies": {
     "@storybook/react": "^6.5.10",
-    "@xylabs/tsconfig-dom": "^2.5.92",
-    "@xyo-network/react-aggregate-price-plugin": "^2.27.26",
-    "@xyo-network/react-crypto-market-uniswap-payload-plugin": "^2.27.27",
+    "@xylabs/tsconfig-dom": "^2.5.97",
+    "@xyo-network/react-aggregate-price-plugin": "^2.27.27",
+    "@xyo-network/react-crypto-market-uniswap-payload-plugin": "^2.27.28",
     "react-router-dom": "^6.3.0"
   },
   "browser": "dist/esm/index.js",
@@ -79,5 +78,5 @@
   },
   "sideEffects": false,
   "types": "dist/esm/index.d.ts",
-  "version": "2.27.25"
+  "version": "2.27.26"
 }

package/src/components/XyoEmbedPlugin.tsx

@@ -1,7 +1,7 @@
 import { ListModeProvider } from '@xyo-network/react-shared'
 
 import { ValidatePayloadProvider, XyoEmbedPluginProvider } from '../contexts'
-import { EmbedPluginContainer, ValidatePlugins } from './embed-card'
+import { EmbedPluginContainer, ValidatePayload, ValidatePlugins } from './embed-card'
 import { XyoEmbedPluginProps } from './XyoEmbedPluginProps'
 
 export const XyoEmbedPlugin: React.FC<XyoEmbedPluginProps> = ({
@@ -17,7 +17,9 @@ export const XyoEmbedPlugin: React.FC<XyoEmbedPluginProps> = ({
       <ValidatePayloadProvider enabled={validateSchema}>
         <ListModeProvider>
           <ValidatePlugins>
-            <EmbedPluginContainer {...props} />
+            <ValidatePayload>
+              <EmbedPluginContainer {...props} />
+            </ValidatePayload>
           </ValidatePlugins>
         </ListModeProvider>
       </ValidatePayloadProvider>

package/src/components/embed-card/EmbedPluginContainer.tsx

@@ -1,25 +1,17 @@
 import RefreshIcon from '@mui/icons-material/Refresh'
 import { Avatar, Card, CardContent, CardHeader, CardProps, Chip, Theme } from '@mui/material'
-import { ButtonEx, ButtonExProps } from '@xylabs/react-button'
 import { FlexGrowRow, FlexRow } from '@xylabs/react-flexbox'
 
 import { useXyoEmbedPluginState } from '../../contexts'
 import { EmbedRenderSelect, ListModeSelectFormControl } from '../controls'
 import { RenderComponent } from '../RenderComponent'
-
-export const JsonButton: React.FC<ButtonExProps> = (props) => {
-  return (
-    <ButtonEx size="small" title="Source Payload JSON" color="primary" variant="outlined" marginX={1} {...props}>
-      JSON
-    </ButtonEx>
-  )
-}
+import { EmbedMenu } from './menu'
 
 export interface EmbedPluginContainerProps extends CardProps {
-  hideJsonButton?: boolean
+  hideEmbedMenu?: boolean
 }
 
-export const EmbedPluginContainer: React.FC<EmbedPluginContainerProps> = ({ hideJsonButton, ...props }) => {
+export const EmbedPluginContainer: React.FC<EmbedPluginContainerProps> = ({ hideEmbedMenu, ...props }) => {
   const { activePlugin, payload, timestampLabel, refreshHuri, plugins } = useXyoEmbedPluginState()
   return (
     <Card elevation={3} variant="elevation" {...props}>
@@ -40,7 +32,7 @@ export const EmbedPluginContainer: React.FC<EmbedPluginContainerProps> = ({ hide
                 label={`${timestampLabel} ${new Date(payload.timestamp).toLocaleString()}`}
               />
             ) : null}
-            {hideJsonButton ? null : <JsonButton />}
+            {hideEmbedMenu ? null : <EmbedMenu />}
           </FlexRow>
         }
         title={activePlugin?.name}

package/src/components/embed-card/menu/EmbedMenu.tsx

@@ -0,0 +1,36 @@
+import MoreVertIcon from '@mui/icons-material/MoreVert'
+import { IconButton, IconButtonProps, Menu } from '@mui/material'
+import { useState } from 'react'
+
+import { JsonMenuItem } from './JsonMenuItem'
+
+export const EmbedMenu: React.FC<IconButtonProps> = (props) => {
+  // TODO - link to explore website
+  const [anchorEl, setAnchorEl] = useState<null | HTMLElement>(null)
+  const open = Boolean(anchorEl)
+
+  const handleClick = (event: React.MouseEvent<HTMLButtonElement>) => {
+    setAnchorEl(event.currentTarget)
+  }
+  const handleClose = () => {
+    setAnchorEl(null)
+  }
+
+  return (
+    <>
+      <IconButton onClick={handleClick} {...props}>
+        <MoreVertIcon />
+      </IconButton>
+      <Menu
+        anchorEl={anchorEl}
+        open={open}
+        onClose={handleClose}
+        marginThreshold={33}
+        PaperProps={{ variant: 'elevation' }}
+        MenuListProps={{ dense: true }}
+      >
+        <JsonMenuItem />
+      </Menu>
+    </>
+  )
+}

package/src/components/embed-card/menu/JsonMenuItem.tsx

@@ -0,0 +1,21 @@
+import OpenInNewIcon from '@mui/icons-material/OpenInNew'
+import { ListItemIcon, ListItemText, MenuItem, MenuItemProps } from '@mui/material'
+
+import { useXyoEmbedPluginState } from '../../../contexts'
+
+export const JsonMenuItem: React.FC<MenuItemProps> = (props) => {
+  const { huri } = useXyoEmbedPluginState()
+
+  return (
+    <>
+      {huri ? (
+        <MenuItem title="Source Payload JSON" onClick={() => window.open(huri, '_blank')} {...props}>
+          <ListItemText sx={{ mr: 1 }}>JSON</ListItemText>
+          <ListItemIcon sx={{ justifyContent: 'end' }}>
+            <OpenInNewIcon fontSize="small" />
+          </ListItemIcon>
+        </MenuItem>
+      ) : null}
+    </>
+  )
+}

package/src/components/embed-card/menu/index.ts

@@ -0,0 +1 @@
+export * from './EmbedMenu'

package/src/contexts/ValidatePayloadContext/Provider.stories.tsx

@@ -0,0 +1,58 @@
+import { Typography } from '@mui/material'
+import { ComponentStory, DecoratorFn, Meta } from '@storybook/react'
+
+import { XyoEmbedPluginContext, XyoEmbedPluginState } from '../XyoEmbedPluginContext'
+import { ValidatePayloadProvider, ValidatePayloadProviderProps } from './Provider'
+import { useValidatePayload } from './use'
+
+const EmbedDecorator: DecoratorFn = (Story, { args }) => {
+  const { xyoEmbedPluginContext, ...props } = args
+  return (
+    <XyoEmbedPluginContext.Provider value={xyoEmbedPluginContext}>
+      <Story {...props} />
+    </XyoEmbedPluginContext.Provider>
+  )
+}
+
+const StorybookEntry: Meta = {
+  component: ValidatePayloadProvider,
+  decorators: [EmbedDecorator],
+  title: 'embed/ValidatePayloadProvider',
+}
+
+const ValidatePayloadState = () => {
+  const state = useValidatePayload()
+  return <pre>{JSON.stringify(state, null, 2)}</pre>
+}
+
+interface ValidatePayloadProviderPropsEx extends ValidatePayloadProviderProps {
+  xyoEmbedPluginContext: XyoEmbedPluginState
+}
+
+const Template: ComponentStory<React.FC<ValidatePayloadProviderPropsEx>> = (props) => {
+  return (
+    <ValidatePayloadProvider {...props}>
+      <Typography>State:</Typography>
+      <ValidatePayloadState />
+      <Typography>Children</Typography>
+    </ValidatePayloadProvider>
+  )
+}
+
+const InvalidPayload = { schema: 'network.xyo.schema' }
+const ValidPayload = { definition: { $id: 'test.schema' }, schema: 'network.xyo.schema' }
+const XyoEmbedPluginProviderDefaultValue = { provided: true }
+
+const Default = Template.bind({})
+Default.args = { xyoEmbedPluginContext: XyoEmbedPluginProviderDefaultValue }
+
+const ValidationSucceeded = Template.bind({})
+ValidationSucceeded.args = { enabled: true, xyoEmbedPluginContext: { payload: ValidPayload, ...XyoEmbedPluginProviderDefaultValue } }
+
+const ValidationFailed = Template.bind({})
+ValidationFailed.args = { enabled: true, xyoEmbedPluginContext: { payload: InvalidPayload, ...XyoEmbedPluginProviderDefaultValue } }
+
+export { Default, ValidationFailed, ValidationSucceeded }
+
+// eslint-disable-next-line import/no-default-export
+export default StorybookEntry

package/src/contexts/ValidatePayloadContext/Provider.tsx

@@ -6,7 +6,7 @@ import { useState } from 'react'
 import { useXyoEmbedPluginState } from '../XyoEmbedPluginContext'
 import { ValidatePayloadContext } from './Context'
 
-interface ValidatePayloadProviderProps {
+export interface ValidatePayloadProviderProps {
   // Opt-in flag to validate payloads for the plugin(s)
   enabled?: boolean
 }

package/src/contexts/ValidatePayloadContext/use.tsx

@@ -2,4 +2,4 @@ import { useContextEx } from '@xyo-network/react-shared'
 
 import { ValidatePayloadContext } from './Context'
 
-export const useValidatePayload = () => useContextEx(ValidatePayloadContext, 'ValidateSchemaContext', true)
+export const useValidatePayload = () => useContextEx(ValidatePayloadContext, 'ValidateSchema', true)

package/src/contexts/XyoEmbedPluginContext/Provider.tsx

@@ -1,5 +1,6 @@
 import { FlexBoxProps, FlexCol } from '@xylabs/react-flexbox'
 import { useAsyncEffect, WithChildren } from '@xylabs/react-shared'
+import { delay } from '@xylabs/sdk-js'
 import { XyoApiError } from '@xyo-network/api'
 import { Huri, XyoPayload } from '@xyo-network/payload'
 import { XyoApiErrorRender } from '@xyo-network/react-auth-service'
@@ -37,6 +38,8 @@ export const XyoEmbedPluginProvider: React.FC<WithChildren<XyoEmbedPluginProvide
         try {
           const huriInstance = new Huri(huri)
           const result = await huriInstance.fetch()
+          // ensure the busy state can stay for a moment to avoid flashing too quickly
+          await delay(500)
 
           if (mounted()) {
             setNotFound(result === null)
@@ -56,7 +59,9 @@ export const XyoEmbedPluginProvider: React.FC<WithChildren<XyoEmbedPluginProvide
   }
 
   return (
-    <XyoEmbedPluginContext.Provider value={{ activePlugin, payload, provided: true, refreshHuri, refreshTitle, setActivePlugin, timestampLabel }}>
+    <XyoEmbedPluginContext.Provider
+      value={{ activePlugin, huri, payload, provided: true, refreshHuri, refreshTitle, setActivePlugin, timestampLabel }}
+    >
       <ResultLoader searchResult={payload} notFound={!!notFound} apiError={huriApiError}>
         <XyoApiErrorRender apiError={huriApiError} busy={Boolean(!refreshPayload && payload)} {...props}>
           <FlexCol>{children}</FlexCol>

package/src/contexts/XyoEmbedPluginContext/State.ts

@@ -9,6 +9,7 @@ export interface XyoEmbedPluginState extends ContextExState {
   payload?: XyoPayload
   plugins?: XyoPayloadRenderPlugin[]
   refreshHuri?: () => void
+  huri?: string
   refreshTitle?: string
   timestampLabel?: string
 }

package/src/contexts/XyoEmbedPluginContext/index.ts

@@ -1,2 +1,4 @@
+export * from './Context'
 export * from './Provider'
+export * from './State'
 export * from './use'

package/src/contexts/XyoEmbedPluginContext/use.tsx

@@ -2,4 +2,4 @@ import { useContextEx } from '@xyo-network/react-shared'
 
 import { XyoEmbedPluginContext } from './Context'
 
-export const useXyoEmbedPluginState = () => useContextEx(XyoEmbedPluginContext, 'XyoEmbedPluginContext', true)
+export const useXyoEmbedPluginState = () => useContextEx(XyoEmbedPluginContext, 'XyoEmbedPlugin', true)