@xyo-network/react-embed 2.27.30 → 2.28.1

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

@@ -0,0 +1,14 @@
+import { XyoApiError } from '@xyo-network/api';
+import { XyoPayload } from '@xyo-network/payload';
+import { ContextExState } from '@xyo-network/react-shared';
+import { Dispatch, SetStateAction } from 'react';
+export interface ResolvePayloadState extends ContextExState {
+    huri?: string;
+    huriApiError?: XyoApiError;
+    huriPayload?: string | XyoPayload;
+    notFound?: boolean;
+    payload?: XyoPayload;
+    refreshHuri?: () => void;
+    setPayload?: Dispatch<SetStateAction<XyoPayload | undefined>>;
+}
+//# sourceMappingURL=State.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"State.d.ts","sourceRoot":"","sources":["../../../../src/contexts/ResolvePayloadContext/State.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AAC9C,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAA;AACjD,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAC1D,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAEhD,MAAM,WAAW,mBAAoB,SAAQ,cAAc;IACzD,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,YAAY,CAAC,EAAE,WAAW,CAAA;IAC1B,WAAW,CAAC,EAAE,MAAM,GAAG,UAAU,CAAA;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,UAAU,CAAA;IACpB,WAAW,CAAC,EAAE,MAAM,IAAI,CAAA;IACxB,UAAU,CAAC,EAAE,QAAQ,CAAC,cAAc,CAAC,UAAU,GAAG,SAAS,CAAC,CAAC,CAAA;CAC9D"}

package/dist/esm/contexts/ResolvePayloadContext/State.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=State.js.map

package/dist/esm/contexts/ResolvePayloadContext/State.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"State.js","sourceRoot":"","sources":["../../../../src/contexts/ResolvePayloadContext/State.ts"],"names":[],"mappings":""}

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

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

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

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

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

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

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

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

package/dist/esm/contexts/ResolvePayloadContext/use.d.ts

@@ -0,0 +1,2 @@
+export declare const useResolvePayload: () => Omit<import("./State").ResolvePayloadState & import("@xyo-network/react-shared").ContextExState, "provided">;
+//# sourceMappingURL=use.d.ts.map

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

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

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

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

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

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

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

@@ -3,10 +3,10 @@ import { Chip } from '@mui/material';
 import { useAsyncEffect } from '@xylabs/react-shared';
 import { XyoSchemaCache } from '@xyo-network/utils';
 import { useState } from 'react';
-import { useXyoEmbedPluginState } from '../XyoEmbedPluginContext';
+import { useResolvePayload } from '../ResolvePayloadContext';
 import { ValidatePayloadContext } from './Context';
 export const ValidatePayloadProvider = ({ children, enabled = false }) => {
-    const { payload } = useXyoEmbedPluginState();
+    const { payload } = useResolvePayload();
     const [initialized, setInitialized] = useState(false);
     const [valid, setValid] = useState();
     useAsyncEffect(

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

@@ -1 +1 @@
-{"version":3,"file":"Provider.js","sourceRoot":"","sources":["../../../../src/contexts/ValidatePayloadContext/Provider.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA;AACpC,OAAO,EAAE,cAAc,EAAgB,MAAM,sBAAsB,CAAA;AACnE,OAAO,EAAE,cAAc,EAA+B,MAAM,oBAAoB,CAAA;AAChF,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEhC,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAA;AACjE,OAAO,EAAE,sBAAsB,EAAE,MAAM,WAAW,CAAA;AAOlD,MAAM,CAAC,MAAM,uBAAuB,GAAyD,CAAC,EAAE,QAAQ,EAAE,OAAO,GAAG,KAAK,EAAE,EAAE,EAAE;IAC7H,MAAM,EAAE,OAAO,EAAE,GAAG,sBAAsB,EAAE,CAAA;IAC5C,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IACrD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,EAAW,CAAA;IAE7C,cAAc;IACZ,uDAAuD;IACvD,KAAK,IAAI,EAAE;QACT,IAAI,OAAO,IAAI,OAAO,EAAE;YACtB,MAAM,cAAc,CAAC,QAAQ,CAAC,GAAG,CAAC,OAAO,CAAC,MAAM,CAAC,CAAA;YAEjD,MAAM,mBAAmB,GAAG,OAAO,CAAC,MAA2C,CAAA;YAE/E,IAAI,cAAc,CAAC,QAAQ,CAAC,UAAU,CAAC,mBAAmB,CAAC,EAAE;gBAC3D,MAAM,SAAS,GAAG,cAAc,CAAC,QAAQ,CAAC,UAAU,CAAC,mBAAmB,CAAC,CAAA;gBACzE,QAAQ,CAAC,SAAS,EAAE,CAAC,OAAO,CAAC,CAAC,CAAA;aAC/B;YACD,cAAc,CAAC,IAAI,CAAC,CAAA;SACrB;IACH,CAAC,EACD,CAAC,OAAO,EAAE,OAAO,CAAC,CACnB,CAAA;IAED,OAAO,CACL,KAAC,sBAAsB,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,YAAY,EAAE,KAAK,EAAE,YAC9G,OAAO,CAAC,CAAC,CAAC,4BAAG,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAC,IAAI,IAAC,KAAK,EAAC,uBAAuB,GAAG,GAAI,CAAC,CAAC,CAAC,QAAQ,GAC5D,CACnC,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"Provider.js","sourceRoot":"","sources":["../../../../src/contexts/ValidatePayloadContext/Provider.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA;AACpC,OAAO,EAAE,cAAc,EAAgB,MAAM,sBAAsB,CAAA;AACnE,OAAO,EAAE,cAAc,EAA+B,MAAM,oBAAoB,CAAA;AAChF,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEhC,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAA;AAC5D,OAAO,EAAE,sBAAsB,EAAE,MAAM,WAAW,CAAA;AAOlD,MAAM,CAAC,MAAM,uBAAuB,GAAyD,CAAC,EAAE,QAAQ,EAAE,OAAO,GAAG,KAAK,EAAE,EAAE,EAAE;IAC7H,MAAM,EAAE,OAAO,EAAE,GAAG,iBAAiB,EAAE,CAAA;IACvC,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IACrD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,EAAW,CAAA;IAE7C,cAAc;IACZ,uDAAuD;IACvD,KAAK,IAAI,EAAE;QACT,IAAI,OAAO,IAAI,OAAO,EAAE;YACtB,MAAM,cAAc,CAAC,QAAQ,CAAC,GAAG,CAAC,OAAO,CAAC,MAAM,CAAC,CAAA;YAEjD,MAAM,mBAAmB,GAAG,OAAO,CAAC,MAA2C,CAAA;YAE/E,IAAI,cAAc,CAAC,QAAQ,CAAC,UAAU,CAAC,mBAAmB,CAAC,EAAE;gBAC3D,MAAM,SAAS,GAAG,cAAc,CAAC,QAAQ,CAAC,UAAU,CAAC,mBAAmB,CAAC,CAAA;gBACzE,QAAQ,CAAC,SAAS,EAAE,CAAC,OAAO,CAAC,CAAC,CAAA;aAC/B;YACD,cAAc,CAAC,IAAI,CAAC,CAAA;SACrB;IACH,CAAC,EACD,CAAC,OAAO,EAAE,OAAO,CAAC,CACnB,CAAA;IAED,OAAO,CACL,KAAC,sBAAsB,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,YAAY,EAAE,KAAK,EAAE,YAC9G,OAAO,CAAC,CAAC,CAAC,4BAAG,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAC,IAAI,IAAC,KAAK,EAAC,uBAAuB,GAAG,GAAI,CAAC,CAAC,CAAC,QAAQ,GAC5D,CACnC,CAAA;AACH,CAAC,CAAA"}

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

@@ -1,8 +1,7 @@
 /// <reference types="react" />
-import { FlexBoxProps } from '@xylabs/react-flexbox';
 import { WithChildren } from '@xylabs/react-shared';
 import { XyoEmbedPluginBase } from './State';
-export interface XyoEmbedPluginProviderProps extends XyoEmbedPluginBase, FlexBoxProps {
-}
+export declare type XyoEmbedPluginProviderProps = XyoEmbedPluginBase;
+/** Expose passed embed plugin props via context */
 export declare const XyoEmbedPluginProvider: React.FC<WithChildren<XyoEmbedPluginProviderProps>>;
 //# sourceMappingURL=Provider.d.ts.map

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;AAUnE,OAAO,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAA;AAE5C,MAAM,WAAW,2BAA4B,SAAQ,kBAAkB,EAAE,YAAY;CAAG;AAExF,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAAC,2BAA2B,CAAC,CAmEtF,CAAA"}
+{"version":3,"file":"Provider.d.ts","sourceRoot":"","sources":["../../../../src/contexts/XyoEmbedPluginContext/Provider.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAA;AAKnD,OAAO,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAA;AAE5C,oBAAY,2BAA2B,GAAG,kBAAkB,CAAA;AAE5D,mDAAmD;AACnD,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAAC,2BAA2B,CAAC,CAyBtF,CAAA"}

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

@@ -1,52 +1,17 @@
 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';
 import { useState } from 'react';
 import { XyoEmbedPluginContext } from './Context';
-export const XyoEmbedPluginProvider = ({ children, refreshTitle, timestampLabel, hideElementsConfig, huri, plugins, embedPluginConfig, ...props }) => {
-    const [payload, setPayload] = useState();
-    const [notFound, setNotFound] = useState();
-    const [huriApiError, setHuriApiError] = useState();
+/** Expose passed embed plugin props via context */
+export const XyoEmbedPluginProvider = ({ children, refreshTitle, timestampLabel, hideElementsConfig, plugins, embedPluginConfig, }) => {
     const [activePlugin, setActivePlugin] = useState(plugins ? plugins[0] : undefined);
-    const [refreshPayload, setRefreshPayload] = useState(0);
-    useAsyncEffect(
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    async (mounted) => {
-        if (huri && !refreshPayload) {
-            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);
-                    setRefreshPayload(1);
-                }
-            }
-            catch (e) {
-                setHuriApiError(e);
-            }
-        }
-    }, [huri, payload, refreshPayload]);
-    const refreshHuri = () => {
-        setRefreshPayload(0);
-    };
     return (_jsx(XyoEmbedPluginContext.Provider, { value: {
             activePlugin,
             embedPluginConfig,
             hideElementsConfig,
-            huri,
-            payload,
             provided: true,
-            refreshHuri,
             refreshTitle,
             setActivePlugin,
             timestampLabel,
-        }, children: _jsx(ResultLoader, { searchResult: payload, notFound: !!notFound, apiError: huriApiError, children: _jsx(XyoApiErrorRender, { apiError: huriApiError, children: _jsx(FlexCol, { busy: Boolean(!refreshPayload && payload), ...props, children: children }) }) }) }));
+        }, 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;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;AAKjD,MAAM,CAAC,MAAM,sBAAsB,GAAwD,CAAC,EAC1F,QAAQ,EACR,YAAY,EACZ,cAAc,EACd,kBAAkB,EAClB,IAAI,EACJ,OAAO,EACP,iBAAiB,EACjB,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;YACL,YAAY;YACZ,iBAAiB;YACjB,kBAAkB;YAClB,IAAI;YACJ,OAAO;YACP,QAAQ,EAAE,IAAI;YACd,WAAW;YACX,YAAY;YACZ,eAAe;YACf,cAAc;SACf,YAED,KAAC,YAAY,IAAC,YAAY,EAAE,OAAO,EAAE,QAAQ,EAAE,CAAC,CAAC,QAAQ,EAAE,QAAQ,EAAE,YAAY,YAC/E,KAAC,iBAAiB,IAAC,QAAQ,EAAE,YAAY,YACvC,KAAC,OAAO,IAAC,IAAI,EAAE,OAAO,CAAC,CAAC,cAAc,IAAI,OAAO,CAAC,KAAM,KAAK,YAC1D,QAAQ,GACD,GACQ,GACP,GACgB,CAClC,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"Provider.js","sourceRoot":"","sources":["../../../../src/contexts/XyoEmbedPluginContext/Provider.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEhC,OAAO,EAAE,qBAAqB,EAAE,MAAM,WAAW,CAAA;AAKjD,mDAAmD;AACnD,MAAM,CAAC,MAAM,sBAAsB,GAAwD,CAAC,EAC1F,QAAQ,EACR,YAAY,EACZ,cAAc,EACd,kBAAkB,EAClB,OAAO,EACP,iBAAiB,GAClB,EAAE,EAAE;IACH,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAqC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAA;IAEtH,OAAO,CACL,KAAC,qBAAqB,CAAC,QAAQ,IAC7B,KAAK,EAAE;YACL,YAAY;YACZ,iBAAiB;YACjB,kBAAkB;YAClB,QAAQ,EAAE,IAAI;YACd,YAAY;YACZ,eAAe;YACf,cAAc;SACf,YAEA,QAAQ,GACsB,CAClC,CAAA;AACH,CAAC,CAAA"}

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

@@ -1,4 +1,3 @@
-import { XyoPayload } from '@xyo-network/payload';
 import { XyoPayloadRenderPlugin } from '@xyo-network/react-payload-plugin';
 import { ContextExState, ListMode } from '@xyo-network/react-shared';
 import { Dispatch, SetStateAction } from 'react';
@@ -20,6 +19,7 @@ export interface XyoEmbedPluginBase {
     plugins?: XyoPayloadRenderPlugin[];
     /** XyoEmbedPlugin component configuration */
     embedPluginConfig?: XyoPluginConfig;
+    /** @deprecated use huriPayload */
     huri?: string;
     refreshTitle?: string;
     timestampLabel?: string;
@@ -28,7 +28,5 @@ export interface XyoEmbedPluginBase {
 export interface XyoEmbedPluginState extends XyoEmbedPluginBase, ContextExState {
     activePlugin?: XyoPayloadRenderPlugin;
     setActivePlugin?: Dispatch<SetStateAction<XyoPayloadRenderPlugin | undefined>>;
-    payload?: XyoPayload;
-    refreshHuri?: () => void;
 }
 //# sourceMappingURL=State.d.ts.map

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,QAAQ,EAAE,MAAM,2BAA2B,CAAA;AACpE,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAEhD,MAAM,WAAW,2BAA2B;IAC1C,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,cAAc,CAAC,EAAE,OAAO,CAAA;CACzB;AAED;;GAEG;AACH,MAAM,WAAW,eAAe;IAC9B,QAAQ,CAAC,EAAE,QAAQ,CAAA;CACpB;AAED,MAAM,WAAW,kBAAkB;IACjC,OAAO,CAAC,EAAE,sBAAsB,EAAE,CAAA;IAClC,6CAA6C;IAC7C,iBAAiB,CAAC,EAAE,eAAe,CAAA;IACnC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,kBAAkB,CAAC,EAAE,2BAA2B,CAAA;CACjD;AAED,MAAM,WAAW,mBAAoB,SAAQ,kBAAkB,EAAE,cAAc;IAC7E,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,WAAW,CAAC,EAAE,MAAM,IAAI,CAAA;CACzB"}
+{"version":3,"file":"State.d.ts","sourceRoot":"","sources":["../../../../src/contexts/XyoEmbedPluginContext/State.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,MAAM,mCAAmC,CAAA;AAC1E,OAAO,EAAE,cAAc,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAA;AACpE,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAEhD,MAAM,WAAW,2BAA2B;IAC1C,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,cAAc,CAAC,EAAE,OAAO,CAAA;CACzB;AAED;;GAEG;AACH,MAAM,WAAW,eAAe;IAC9B,QAAQ,CAAC,EAAE,QAAQ,CAAA;CACpB;AAED,MAAM,WAAW,kBAAkB;IACjC,OAAO,CAAC,EAAE,sBAAsB,EAAE,CAAA;IAClC,6CAA6C;IAC7C,iBAAiB,CAAC,EAAE,eAAe,CAAA;IACnC,kCAAkC;IAClC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,kBAAkB,CAAC,EAAE,2BAA2B,CAAA;CACjD;AAED,MAAM,WAAW,mBAAoB,SAAQ,kBAAkB,EAAE,cAAc;IAC7E,YAAY,CAAC,EAAE,sBAAsB,CAAA;IACrC,eAAe,CAAC,EAAE,QAAQ,CAAC,cAAc,CAAC,sBAAsB,GAAG,SAAS,CAAC,CAAC,CAAA;CAC/E"}

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

@@ -1,3 +1,5 @@
+export * from './RefreshPayloadContext';
+export * from './ResolvePayloadContext';
 export * from './ValidatePayloadContext';
 export * from './XyoEmbedPluginContext';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/contexts/index.ts"],"names":[],"mappings":"AAAA,cAAc,0BAA0B,CAAA;AACxC,cAAc,yBAAyB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/contexts/index.ts"],"names":[],"mappings":"AAAA,cAAc,yBAAyB,CAAA;AACvC,cAAc,yBAAyB,CAAA;AACvC,cAAc,0BAA0B,CAAA;AACxC,cAAc,yBAAyB,CAAA"}

package/dist/esm/contexts/index.js

@@ -1,3 +1,5 @@
+export * from './RefreshPayloadContext';
+export * from './ResolvePayloadContext';
 export * from './ValidatePayloadContext';
 export * from './XyoEmbedPluginContext';
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/contexts/index.ts"],"names":[],"mappings":"AAAA,cAAc,0BAA0B,CAAA;AACxC,cAAc,yBAAyB,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/contexts/index.ts"],"names":[],"mappings":"AAAA,cAAc,yBAAyB,CAAA;AACvC,cAAc,yBAAyB,CAAA;AACvC,cAAc,0BAA0B,CAAA;AACxC,cAAc,yBAAyB,CAAA"}

package/dist/esm/types/XyoEmbedPluginProps.d.ts

@@ -1,6 +1,10 @@
-import { CardProps } from '@mui/material';
+import { FlexBoxProps } from '@xylabs/react-flexbox';
+import { XyoPayload } from '@xyo-network/payload';
 import { EmbedPluginVisibilityConfig, XyoEmbedPluginBase } from '../contexts';
-export interface XyoEmbedPluginProps extends XyoEmbedPluginBase, CardProps {
+export interface XyoEmbedPluginProps extends XyoEmbedPluginBase, FlexBoxProps {
+    /** string for huri to resolve and payload for bypassing huri resolution */
+    onRefresh?: () => void;
+    huriPayload?: string | XyoPayload;
     validateSchema?: boolean;
     hideElementsConfig?: EmbedPluginVisibilityConfig;
 }

package/dist/esm/types/XyoEmbedPluginProps.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"XyoEmbedPluginProps.d.ts","sourceRoot":"","sources":["../../../src/types/XyoEmbedPluginProps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AAEzC,OAAO,EAAE,2BAA2B,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAA;AAE7E,MAAM,WAAW,mBAAoB,SAAQ,kBAAkB,EAAE,SAAS;IACxE,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,kBAAkB,CAAC,EAAE,2BAA2B,CAAA;CACjD"}
+{"version":3,"file":"XyoEmbedPluginProps.d.ts","sourceRoot":"","sources":["../../../src/types/XyoEmbedPluginProps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAA;AACpD,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAA;AAEjD,OAAO,EAAE,2BAA2B,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAA;AAE7E,MAAM,WAAW,mBAAoB,SAAQ,kBAAkB,EAAE,YAAY;IAC3E,2EAA2E;IAC3E,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;IACtB,WAAW,CAAC,EAAE,MAAM,GAAG,UAAU,CAAA;IACjC,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,kBAAkB,CAAC,EAAE,2BAA2B,CAAA;CACjD"}

package/package.json

@@ -13,17 +13,17 @@
     "@emotion/react": "^11.10.0",
     "@emotion/styled": "^11.10.0",
     "@mui/icons-material": "^5.8.4",
-    "@mui/material": "^5.10.0",
+    "@mui/material": "^5.10.1",
     "@xylabs/react-flexbox": "^2.14.13",
     "@xylabs/react-shared": "^2.14.13",
     "@xylabs/sdk-js": "^2.6.6",
-    "@xyo-network/api": "^2.25.2",
-    "@xyo-network/payload": "^2.25.2",
-    "@xyo-network/react-auth-service": "^2.27.32",
-    "@xyo-network/react-payload-plugin": "^2.27.32",
-    "@xyo-network/react-shared": "^2.27.32",
-    "@xyo-network/react-webapp": "^2.27.32",
-    "@xyo-network/utils": "^2.25.2",
+    "@xyo-network/api": "^2.26.11",
+    "@xyo-network/payload": "^2.26.11",
+    "@xyo-network/react-auth-service": "^2.28.1",
+    "@xyo-network/react-payload-plugin": "^2.28.1",
+    "@xyo-network/react-shared": "^2.28.1",
+    "@xyo-network/react-webapp": "^2.28.1",
+    "@xyo-network/utils": "^2.26.11",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "tslib": "^2.4.0"
@@ -31,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.99",
-    "@xyo-network/react-aggregate-price-plugin": "^2.27.31",
-    "@xyo-network/react-crypto-market-uniswap-payload-plugin": "^2.27.32",
+    "@xylabs/tsconfig-dom": "^2.5.119",
+    "@xyo-network/react-aggregate-price-plugin": "^2.28.1",
+    "@xyo-network/react-crypto-market-uniswap-payload-plugin": "^2.28.1",
     "react-router-dom": "^6.3.0"
   },
   "browser": "dist/esm/index.js",
@@ -78,5 +78,5 @@
   },
   "sideEffects": false,
   "types": "dist/esm/index.d.ts",
-  "version": "2.27.30"
+  "version": "2.28.1"
 }

package/src/components/XyoEmbedPlugin.stories.tsx

@@ -4,6 +4,7 @@ import { UniswapPairsRenderPlugin } from '@xyo-network/react-crypto-market-unisw
 import { createPayloadRenderPlugin } from '@xyo-network/react-payload-plugin'
 import { BrowserRouter } from 'react-router-dom'
 
+import { payloadData } from './payload.stories'
 import { XyoEmbedPlugin } from './XyoEmbedPlugin'
 
 const AggregatePricePointer = 'https://api.archivist.xyo.network/1948bf4eedf90ee2b8a1f63216b7c6b3b18d7bc2834330d85bcd6ab3d6428a20'
@@ -47,23 +48,20 @@ Default.args = {
 
 const AggregatePriceExample = Template.bind({})
 AggregatePriceExample.args = {
-  huri: AggregatePricePointer,
+  huriPayload: AggregatePricePointer,
   plugins: [CryptoAssetRenderPlugin],
-  timestampLabel: 'Last Updated - ',
 }
 
 const UniswapPairsExample = Template.bind({})
 UniswapPairsExample.args = {
-  huri: UniswapPairPointer,
+  huriPayload: UniswapPairPointer,
   plugins: [UniswapPairsRenderPlugin],
-  timestampLabel: 'Last Updated - ',
 }
 
 const Error = Template.bind({})
 Error.args = {
-  huri: 'https://api.archivist.xyo.network/9663b2f80395a9e7e95948fdd5988b778a4dcc047202bf67e855ff6cd459b8c',
+  huriPayload: 'https://api.archivist.xyo.network/9663b2f80395a9e7e95948fdd5988b778a4dcc047202bf67e855ff6cd459b8c',
   plugins: [UniswapPairsRenderPlugin],
-  timestampLabel: 'Last Updated - ',
 }
 
 const HiddenElements = Template.bind({})
@@ -76,9 +74,28 @@ HiddenElements.args = {
     hideTimestamp: true,
     hideTitle: true,
   },
-  huri: AggregatePricePointer,
+  huriPayload: AggregatePricePointer,
+  plugins: [CryptoAssetRenderPlugin],
+}
+
+const WithPassedPayload = Template.bind({})
+WithPassedPayload.args = {
+  huriPayload: payloadData,
+  plugins: [CryptoAssetRenderPlugin],
+}
+
+const WithSetBusyExternally = Template.bind({})
+WithSetBusyExternally.args = {
+  busy: true,
+  huriPayload: payloadData,
+  plugins: [CryptoAssetRenderPlugin],
+}
+
+const WithOnRefresh = Template.bind({})
+WithOnRefresh.args = {
+  huriPayload: payloadData,
+  onRefresh: () => console.log('refreshed'),
   plugins: [CryptoAssetRenderPlugin],
-  timestampLabel: 'Last Updated - ',
 }
 
-export { AggregatePriceExample, Default, Error, HiddenElements, UniswapPairsExample }
+export { AggregatePriceExample, Default, Error, HiddenElements, UniswapPairsExample, WithOnRefresh, WithPassedPayload, WithSetBusyExternally }

package/src/components/XyoEmbedPlugin.tsx

@@ -1,37 +1,59 @@
+import { FlexBoxProps } from '@xylabs/react-flexbox'
+import { WithChildren } from '@xylabs/react-shared'
 import { ListModeProvider } from '@xyo-network/react-shared'
 
-import { ValidatePayloadProvider, XyoEmbedPluginProvider } from '../contexts'
+import { RefreshPayloadProvider, ResolvePayloadProvider, ValidatePayloadProvider, XyoEmbedPluginProvider } from '../contexts'
 import { XyoEmbedPluginProps } from '../types'
-import { EmbedPluginContainer, ValidatePayload, ValidatePlugins } from './embed-card'
+import { EmbedCardResolver, EmbedPluginCard, ValidatePayload, ValidatePlugins } from './embed-card'
 
 export const XyoEmbedPlugin: React.FC<XyoEmbedPluginProps> = ({
   validateSchema,
   plugins = [],
-  huri,
+  huriPayload,
   refreshTitle = '',
   timestampLabel = 'Data From',
   hideElementsConfig,
   embedPluginConfig,
+  onRefresh,
   ...props
 }) => {
   return (
     <XyoEmbedPluginProvider
       refreshTitle={refreshTitle}
       timestampLabel={timestampLabel}
+      hideElementsConfig={hideElementsConfig}
       plugins={plugins}
-      huri={huri}
       embedPluginConfig={embedPluginConfig}
-      hideElementsConfig={hideElementsConfig}
     >
-      <ValidatePayloadProvider enabled={validateSchema}>
-        <ListModeProvider defaultListMode={embedPluginConfig?.listMode}>
-          <ValidatePlugins>
-            <ValidatePayload>
-              <EmbedPluginContainer {...props} />
-            </ValidatePayload>
-          </ValidatePlugins>
-        </ListModeProvider>
-      </ValidatePayloadProvider>
+      <WithResolvers onRefresh={onRefresh} huriPayload={huriPayload} {...props}>
+        <WithValidators validateSchema={validateSchema}>
+          <ListModeProvider defaultListMode={embedPluginConfig?.listMode}>
+            <EmbedPluginCard />
+          </ListModeProvider>
+        </WithValidators>
+      </WithResolvers>
     </XyoEmbedPluginProvider>
   )
 }
+
+interface WithResolversProps extends Pick<XyoEmbedPluginProps, 'onRefresh' | 'huriPayload'>, FlexBoxProps {}
+
+const WithResolvers: React.FC<WithChildren<WithResolversProps>> = ({ children, onRefresh, huriPayload, ...props }) => {
+  return (
+    <RefreshPayloadProvider onRefresh={onRefresh}>
+      <ResolvePayloadProvider huriPayload={huriPayload}>
+        <EmbedCardResolver {...props}>{children}</EmbedCardResolver>
+      </ResolvePayloadProvider>
+    </RefreshPayloadProvider>
+  )
+}
+
+const WithValidators: React.FC<WithChildren<{ validateSchema?: boolean }>> = ({ children, validateSchema }) => {
+  return (
+    <ValidatePayloadProvider enabled={validateSchema}>
+      <ValidatePlugins>
+        <ValidatePayload>{children}</ValidatePayload>
+      </ValidatePlugins>
+    </ValidatePayloadProvider>
+  )
+}

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

@@ -2,11 +2,12 @@ import RefreshIcon from '@mui/icons-material/Refresh'
 import { Avatar, CardHeader, CardHeaderProps, Chip, Theme } from '@mui/material'
 import { FlexRow } from '@xylabs/react-flexbox'
 
-import { useXyoEmbedPluginState } from '../../contexts'
+import { useResolvePayload, useXyoEmbedPluginState } from '../../contexts'
 import { EmbedMenu } from './menu'
 
 export const EmbedCardHeader: React.FC<CardHeaderProps> = () => {
-  const { activePlugin, payload, timestampLabel, refreshHuri, hideElementsConfig } = useXyoEmbedPluginState()
+  const { payload, refreshHuri, huri } = useResolvePayload()
+  const { activePlugin, timestampLabel, hideElementsConfig } = useXyoEmbedPluginState()
   const { hideAvatar, hideTitle, hideRefreshButton, hideTimestamp, hideCardActions } = hideElementsConfig ?? {}
   return (
     <CardHeader
@@ -28,13 +29,14 @@ export const EmbedCardHeader: React.FC<CardHeaderProps> = () => {
             ) : (
               <Chip
                 avatar={hideRefreshButton ? <></> : <RefreshIcon />}
-                clickable
+                clickable={hideRefreshButton ? false : true}
                 onClick={refreshHuri}
                 label={hideTimestamp ? '' : `${timestampLabel} ${new Date(payload.timestamp).toLocaleString()}`}
               />
             )
           ) : null}
-          {hideCardActions ? null : <EmbedMenu />}
+          {/* Huri case is valid as long as the only menu item is JSON */}
+          {hideCardActions || huri === undefined ? null : <EmbedMenu />}
         </FlexRow>
       }
       title={hideTitle ? '' : activePlugin?.name}

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

@@ -0,0 +1,27 @@
+import { useTheme } from '@mui/material'
+import { FlexBoxProps, FlexGrowCol } from '@xylabs/react-flexbox'
+import { WithChildren } from '@xylabs/react-shared'
+import { XyoApiErrorRender } from '@xyo-network/react-auth-service'
+import { ResultLoader } from '@xyo-network/react-webapp'
+
+import { useRefreshPayload, useResolvePayload } from '../../contexts'
+
+export const EmbedCardResolver: React.FC<WithChildren<FlexBoxProps>> = ({ children, ...props }) => {
+  const { payload, notFound, huriApiError } = useResolvePayload()
+  const { refreshPayload } = useRefreshPayload()
+  const theme = useTheme()
+
+  return (
+    <ResultLoader searchResult={payload} notFound={!!notFound} apiError={huriApiError}>
+      <XyoApiErrorRender apiError={huriApiError}>
+        <FlexGrowCol
+          busy={Boolean(!refreshPayload && payload)}
+          busyCircularProps={{ style: { alignItems: 'start', paddingTop: theme.spacing(2), zIndex: 2 } }}
+          {...props}
+        >
+          {children}
+        </FlexGrowCol>
+      </XyoApiErrorRender>
+    </ResultLoader>
+  )
+}

package/src/components/embed-card/{EmbedPluginContainer.tsx → EmbedPluginCard.tsx}

@@ -2,12 +2,13 @@ import { Card, CardContent, CardProps } from '@mui/material'
 import { FlexGrowRow } from '@xylabs/react-flexbox'
 import { useListMode } from '@xyo-network/react-shared'
 
-import { useXyoEmbedPluginState } from '../../contexts'
+import { useResolvePayload, useXyoEmbedPluginState } from '../../contexts'
 import { EmbedRenderSelect, ListModeSelectFormControl } from '../controls'
 import { EmbedCardHeader } from './EmbedCardHeader'
 
-export const EmbedPluginContainer: React.FC<CardProps> = (props) => {
-  const { activePlugin: ActivePlugin, payload, plugins, hideElementsConfig } = useXyoEmbedPluginState()
+export const EmbedPluginCard: React.FC<CardProps> = (props) => {
+  const { payload } = useResolvePayload()
+  const { activePlugin: ActivePlugin, plugins, hideElementsConfig } = useXyoEmbedPluginState()
   const { listMode } = useListMode()
 
   return (

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

@@ -1,10 +1,11 @@
 import { Alert, AlertTitle } from '@mui/material'
 import { WithChildren } from '@xylabs/react-shared'
 
-import { useXyoEmbedPluginState } from '../../contexts'
+import { useResolvePayload, useXyoEmbedPluginState } from '../../contexts'
 
 export const ValidatePlugins: React.FC<WithChildren> = ({ children }) => {
-  const { payload, plugins } = useXyoEmbedPluginState()
+  const { payload } = useResolvePayload()
+  const { plugins } = useXyoEmbedPluginState()
 
   if (payload && plugins?.length === 0) {
     return (

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

@@ -1,3 +1,4 @@
-export * from './EmbedPluginContainer'
+export * from './EmbedCardResolver'
+export * from './EmbedPluginCard'
 export * from './ValidatePayload'
 export * from './ValidatePlugins'

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

@@ -1,10 +1,10 @@
 import OpenInNewIcon from '@mui/icons-material/OpenInNew'
 import { ListItemIcon, ListItemText, MenuItem, MenuItemProps } from '@mui/material'
 
-import { useXyoEmbedPluginState } from '../../../contexts'
+import { useResolvePayload } from '../../../contexts'
 
 export const JsonMenuItem: React.FC<MenuItemProps> = (props) => {
-  const { huri } = useXyoEmbedPluginState()
+  const { huri } = useResolvePayload()
 
   return (
     <>

package/src/components/payload.stories.ts

@@ -0,0 +1,21 @@
+export const 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,
+}

package/src/contexts/RefreshPayloadContext/Context.tsx

@@ -0,0 +1,5 @@
+import { createContextEx } from '@xyo-network/react-shared'
+
+import { RefreshPayloadState } from './State'
+
+export const RefreshPayloadContext = createContextEx<RefreshPayloadState>()

package/src/contexts/RefreshPayloadContext/Provider.tsx

@@ -0,0 +1,19 @@
+import { WithChildren } from '@xylabs/react-shared'
+import { useState } from 'react'
+
+import { RefreshPayloadContext } from './Context'
+
+export interface RefreshPayloadProps {
+  refreshPayload?: boolean
+  onRefresh?: () => void
+}
+
+export const RefreshPayloadProvider: React.FC<WithChildren<RefreshPayloadProps>> = ({ children, onRefresh, refreshPayload }) => {
+  const [localRefreshPayload, setRefreshPayload] = useState(refreshPayload)
+
+  return (
+    <RefreshPayloadContext.Provider value={{ onRefresh, provided: true, refreshPayload: localRefreshPayload, setRefreshPayload }}>
+      {children}
+    </RefreshPayloadContext.Provider>
+  )
+}

package/src/contexts/RefreshPayloadContext/State.ts

@@ -0,0 +1,8 @@
+import { ContextExState } from '@xyo-network/react-shared'
+import { Dispatch, SetStateAction } from 'react'
+
+export interface RefreshPayloadState extends ContextExState {
+  onRefresh?: () => void
+  refreshPayload?: boolean
+  setRefreshPayload?: Dispatch<SetStateAction<boolean | undefined>>
+}

package/src/contexts/RefreshPayloadContext/index.ts

@@ -0,0 +1,2 @@
+export * from './Provider'
+export * from './use'

package/src/contexts/RefreshPayloadContext/use.tsx

@@ -0,0 +1,5 @@
+import { useContextEx } from '@xyo-network/react-shared'
+
+import { RefreshPayloadContext } from './Context'
+
+export const useRefreshPayload = () => useContextEx(RefreshPayloadContext, 'RefreshPayload', true)