@xyo-network/react-embed 2.27.31 → 2.28.2

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

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

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

@@ -0,0 +1,13 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useTheme } from '@mui/material';
+import { FlexGrowCol } from '@xylabs/react-flexbox';
+import { XyoApiErrorRender } from '@xyo-network/react-auth-service';
+import { ResultLoader } from '@xyo-network/react-webapp';
+import { useRefreshPayload, useResolvePayload } from '../../contexts';
+export const EmbedCardResolver = ({ children, ...props }) => {
+    const { payload, notFound, huriApiError } = useResolvePayload();
+    const { refreshPayload } = useRefreshPayload();
+    const theme = useTheme();
+    return (_jsx(ResultLoader, { searchResult: payload, notFound: !!notFound, apiError: huriApiError, children: _jsx(XyoApiErrorRender, { apiError: huriApiError, children: _jsx(FlexGrowCol, { busy: Boolean(!refreshPayload && payload), busyCircularProps: { style: { alignItems: 'start', paddingTop: theme.spacing(2), zIndex: 2 } }, ...props, children: children }) }) }));
+};
+//# sourceMappingURL=EmbedCardResolver.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EmbedCardResolver.js","sourceRoot":"","sources":["../../../../src/components/embed-card/EmbedCardResolver.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AACxC,OAAO,EAAgB,WAAW,EAAE,MAAM,uBAAuB,CAAA;AAEjE,OAAO,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAA;AACnE,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAA;AAExD,OAAO,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAA;AAErE,MAAM,CAAC,MAAM,iBAAiB,GAAyC,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IAChG,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,GAAG,iBAAiB,EAAE,CAAA;IAC/D,MAAM,EAAE,cAAc,EAAE,GAAG,iBAAiB,EAAE,CAAA;IAC9C,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IAExB,OAAO,CACL,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,WAAW,IACV,IAAI,EAAE,OAAO,CAAC,CAAC,cAAc,IAAI,OAAO,CAAC,EACzC,iBAAiB,EAAE,EAAE,KAAK,EAAE,EAAE,UAAU,EAAE,OAAO,EAAE,UAAU,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,EAAE,KAC1F,KAAK,YAER,QAAQ,GACG,GACI,GACP,CAChB,CAAA;AACH,CAAC,CAAA"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"EmbedPluginCard.d.ts","sourceRoot":"","sources":["../../../../src/components/embed-card/EmbedPluginCard.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAqB,SAAS,EAAE,MAAM,eAAe,CAAA;AAQ5D,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAe/C,CAAA"}

package/dist/esm/components/embed-card/{EmbedPluginContainer.js → EmbedPluginCard.js}

@@ -5,10 +5,10 @@ import { useListMode } from '@xyo-network/react-shared';
 import { useResolvePayload, useXyoEmbedPluginState } from '../../contexts';
 import { EmbedRenderSelect, ListModeSelectFormControl } from '../controls';
 import { EmbedCardHeader } from './EmbedCardHeader';
-export const EmbedPluginContainer = (props) => {
+export const EmbedPluginCard = (props) => {
     const { payload } = useResolvePayload();
     const { activePlugin: ActivePlugin, plugins, hideElementsConfig } = useXyoEmbedPluginState();
     const { listMode } = useListMode();
     return (_jsxs(Card, { elevation: 3, variant: "elevation", ...props, children: [hideElementsConfig?.hideCardHeader ? null : _jsx(EmbedCardHeader, {}), _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: ActivePlugin ? _jsx(ActivePlugin.components.box.details, { payload: payload, listMode: listMode }) : null })] }));
 };
-//# sourceMappingURL=EmbedPluginContainer.js.map
+//# sourceMappingURL=EmbedPluginCard.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EmbedPluginCard.js","sourceRoot":"","sources":["../../../../src/components/embed-card/EmbedPluginCard.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,WAAW,EAAa,MAAM,eAAe,CAAA;AAC5D,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAA;AACnD,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAA;AAEvD,OAAO,EAAE,iBAAiB,EAAE,sBAAsB,EAAE,MAAM,gBAAgB,CAAA;AAC1E,OAAO,EAAE,iBAAiB,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAA;AAC1E,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AAEnD,MAAM,CAAC,MAAM,eAAe,GAAwB,CAAC,KAAK,EAAE,EAAE;IAC5D,MAAM,EAAE,OAAO,EAAE,GAAG,iBAAiB,EAAE,CAAA;IACvC,MAAM,EAAE,YAAY,EAAE,YAAY,EAAE,OAAO,EAAE,kBAAkB,EAAE,GAAG,sBAAsB,EAAE,CAAA;IAC5F,MAAM,EAAE,QAAQ,EAAE,GAAG,WAAW,EAAE,CAAA;IAElC,OAAO,CACL,MAAC,IAAI,IAAC,SAAS,EAAE,CAAC,EAAE,OAAO,EAAC,WAAW,KAAK,KAAK,aAC9C,kBAAkB,EAAE,cAAc,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAC,eAAe,KAAG,EAChE,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,cAAE,YAAY,CAAC,CAAC,CAAC,KAAC,YAAY,CAAC,UAAU,CAAC,GAAG,CAAC,OAAO,IAAC,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,GAAI,CAAC,CAAC,CAAC,IAAI,GAAe,IAC3H,CACR,CAAA;AACH,CAAC,CAAA"}

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

@@ -1,4 +1,5 @@
-export * from './EmbedPluginContainer';
+export * from './EmbedCardResolver';
+export * from './EmbedPluginCard';
 export * from './ValidatePayload';
 export * from './ValidatePlugins';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/embed-card/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAA;AACtC,cAAc,mBAAmB,CAAA;AACjC,cAAc,mBAAmB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/embed-card/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAA;AACnC,cAAc,mBAAmB,CAAA;AACjC,cAAc,mBAAmB,CAAA;AACjC,cAAc,mBAAmB,CAAA"}

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

@@ -1,4 +1,5 @@
-export * from './EmbedPluginContainer';
+export * from './EmbedCardResolver';
+export * from './EmbedPluginCard';
 export * from './ValidatePayload';
 export * from './ValidatePlugins';
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/embed-card/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAA;AACtC,cAAc,mBAAmB,CAAA;AACjC,cAAc,mBAAmB,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/embed-card/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAA;AACnC,cAAc,mBAAmB,CAAA;AACjC,cAAc,mBAAmB,CAAA;AACjC,cAAc,mBAAmB,CAAA"}

package/dist/esm/contexts/RefreshPayloadContext/Context.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { RefreshPayloadState } from './State';
+export declare const RefreshPayloadContext: import("react").Context<RefreshPayloadState & import("@xyo-network/react-shared").ContextExState>;
+//# sourceMappingURL=Context.d.ts.map

package/dist/esm/contexts/RefreshPayloadContext/Context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Context.d.ts","sourceRoot":"","sources":["../../../../src/contexts/RefreshPayloadContext/Context.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAE7C,eAAO,MAAM,qBAAqB,mGAAyC,CAAA"}

package/dist/esm/contexts/RefreshPayloadContext/Context.js

@@ -0,0 +1,3 @@
+import { createContextEx } from '@xyo-network/react-shared';
+export const RefreshPayloadContext = createContextEx();
+//# sourceMappingURL=Context.js.map

package/dist/esm/contexts/RefreshPayloadContext/Context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Context.js","sourceRoot":"","sources":["../../../../src/contexts/RefreshPayloadContext/Context.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAA;AAI3D,MAAM,CAAC,MAAM,qBAAqB,GAAG,eAAe,EAAuB,CAAA"}

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

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { WithChildren } from '@xylabs/react-shared';
+export interface RefreshPayloadProps {
+    refreshPayload?: boolean;
+    onRefresh?: () => void;
+}
+export declare const RefreshPayloadProvider: React.FC<WithChildren<RefreshPayloadProps>>;
+//# sourceMappingURL=Provider.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Provider.d.ts","sourceRoot":"","sources":["../../../../src/contexts/RefreshPayloadContext/Provider.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAA;AAKnD,MAAM,WAAW,mBAAmB;IAClC,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;CACvB;AAED,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAAC,mBAAmB,CAAC,CAQ9E,CAAA"}

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

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useState } from 'react';
+import { RefreshPayloadContext } from './Context';
+export const RefreshPayloadProvider = ({ children, onRefresh, refreshPayload }) => {
+    const [localRefreshPayload, setRefreshPayload] = useState(refreshPayload);
+    return (_jsx(RefreshPayloadContext.Provider, { value: { onRefresh, provided: true, refreshPayload: localRefreshPayload, setRefreshPayload }, children: children }));
+};
+//# sourceMappingURL=Provider.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Provider.js","sourceRoot":"","sources":["../../../../src/contexts/RefreshPayloadContext/Provider.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEhC,OAAO,EAAE,qBAAqB,EAAE,MAAM,WAAW,CAAA;AAOjD,MAAM,CAAC,MAAM,sBAAsB,GAAgD,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,cAAc,EAAE,EAAE,EAAE;IAC7H,MAAM,CAAC,mBAAmB,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAC,cAAc,CAAC,CAAA;IAEzE,OAAO,CACL,KAAC,qBAAqB,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,IAAI,EAAE,cAAc,EAAE,mBAAmB,EAAE,iBAAiB,EAAE,YACzH,QAAQ,GACsB,CAClC,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/contexts/RefreshPayloadContext/State.d.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>>;
+}
+//# sourceMappingURL=State.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"State.d.ts","sourceRoot":"","sources":["../../../../src/contexts/RefreshPayloadContext/State.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAC1D,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAEhD,MAAM,WAAW,mBAAoB,SAAQ,cAAc;IACzD,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;IACtB,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,iBAAiB,CAAC,EAAE,QAAQ,CAAC,cAAc,CAAC,OAAO,GAAG,SAAS,CAAC,CAAC,CAAA;CAClE"}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"use.js","sourceRoot":"","sources":["../../../../src/contexts/RefreshPayloadContext/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/ResolvePayloadContext/Provider.d.ts

@@ -1,7 +1,6 @@
 /// <reference types="react" />
-import { FlexBoxProps } from '@xylabs/react-flexbox';
 import { WithChildren } from '@xylabs/react-shared';
 import { ResolvePayloadState } from './State';
-export declare type ResolvePayloadProviderProps = Omit<ResolvePayloadState, 'provided' & FlexBoxProps>;
+export declare type ResolvePayloadProviderProps = Omit<ResolvePayloadState, 'provided'>;
 export declare const ResolvePayloadProvider: React.FC<WithChildren<ResolvePayloadProviderProps>>;
 //# sourceMappingURL=Provider.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Provider.d.ts","sourceRoot":"","sources":["../../../../src/contexts/ResolvePayloadContext/Provider.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAW,MAAM,uBAAuB,CAAA;AAC7D,OAAO,EAAkB,YAAY,EAAE,MAAM,sBAAsB,CAAA;AASnE,OAAO,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAE7C,oBAAY,2BAA2B,GAAG,IAAI,CAAC,mBAAmB,EAAE,UAAU,GAAG,YAAY,CAAC,CAAA;AAE9F,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAAC,2BAA2B,CAAC,CAwDtF,CAAA"}
+{"version":3,"file":"Provider.d.ts","sourceRoot":"","sources":["../../../../src/contexts/ResolvePayloadContext/Provider.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAkB,YAAY,EAAE,MAAM,sBAAsB,CAAA;AAQnE,OAAO,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAE7C,oBAAY,2BAA2B,GAAG,IAAI,CAAC,mBAAmB,EAAE,UAAU,CAAC,CAAA;AAE/E,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAAC,2BAA2B,CAAC,CAmDtF,CAAA"}

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

@@ -1,25 +1,23 @@
 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 { useEffect, useState } from 'react';
+import { useRefreshPayload } from '../RefreshPayloadContext';
 import { ResolvePayloadContext } from './Context';
-export const ResolvePayloadProvider = ({ children, huriPayload, ...props }) => {
+export const ResolvePayloadProvider = ({ children, huriPayload }) => {
     const [payload, setPayload] = useState();
     const [huri, setHuri] = useState();
+    const { refreshPayload, setRefreshPayload, onRefresh } = useRefreshPayload();
     useEffect(() => {
         typeof huriPayload === 'string' ? setHuri(huriPayload) : undefined;
         if (typeof huriPayload === 'object') {
             setPayload(huriPayload);
-            setRefreshPayload(1);
+            setRefreshPayload?.(true);
         }
-    }, [huriPayload]);
+    }, [huriPayload, setRefreshPayload]);
     const [notFound, setNotFound] = useState();
     const [huriApiError, setHuriApiError] = useState();
-    const [refreshPayload, setRefreshPayload] = useState(0);
     useAsyncEffect(
     // eslint-disable-next-line react-hooks/exhaustive-deps
     async (mounted) => {
@@ -32,19 +30,20 @@ export const ResolvePayloadProvider = ({ children, huriPayload, ...props }) => {
                 if (mounted()) {
                     setNotFound(result === null);
                     setPayload(result);
-                    setRefreshPayload(1);
+                    setRefreshPayload?.(true);
                 }
             }
             catch (e) {
                 setHuriApiError(e);
             }
         }
-    }, [huri, payload, refreshPayload]);
+    }, [huri, payload, refreshPayload, setRefreshPayload]);
     const refreshHuri = () => {
+        onRefresh?.();
         if (huri) {
-            setRefreshPayload(0);
+            setRefreshPayload?.(false);
         }
     };
-    return (_jsx(ResolvePayloadContext.Provider, { value: { huri, huriApiError, notFound, payload, provided: true, refreshHuri, refreshPayload, setPayload }, children: _jsx(ResultLoader, { searchResult: payload, notFound: !!notFound, apiError: huriApiError, children: _jsx(XyoApiErrorRender, { apiError: huriApiError, children: _jsx(FlexCol, { busy: Boolean(!refreshPayload && payload), ...props, children: children }) }) }) }));
+    return (_jsx(ResolvePayloadContext.Provider, { value: { huri, huriApiError, notFound, payload, provided: true, refreshHuri, setPayload }, children: children }));
 };
 //# sourceMappingURL=Provider.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Provider.js","sourceRoot":"","sources":["../../../../src/contexts/ResolvePayloadContext/Provider.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Provider.js","sourceRoot":"","sources":["../../../../src/contexts/ResolvePayloadContext/Provider.tsx"],"names":[],"mappings":";AAAA,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,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAE3C,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAA;AAC5D,OAAO,EAAE,qBAAqB,EAAE,MAAM,WAAW,CAAA;AAKjD,MAAM,CAAC,MAAM,sBAAsB,GAAwD,CAAC,EAAE,QAAQ,EAAE,WAAW,EAAE,EAAE,EAAE;IACvH,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,EAAc,CAAA;IACpD,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,EAAU,CAAA;IAC1C,MAAM,EAAE,cAAc,EAAE,iBAAiB,EAAE,SAAS,EAAE,GAAG,iBAAiB,EAAE,CAAA;IAE5E,SAAS,CAAC,GAAG,EAAE;QACb,OAAO,WAAW,KAAK,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,SAAS,CAAA;QAClE,IAAI,OAAO,WAAW,KAAK,QAAQ,EAAE;YACnC,UAAU,CAAC,WAAW,CAAC,CAAA;YACvB,iBAAiB,EAAE,CAAC,IAAI,CAAC,CAAA;SAC1B;IACH,CAAC,EAAE,CAAC,WAAW,EAAE,iBAAiB,CAAC,CAAC,CAAA;IAEpC,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,EAAW,CAAA;IACnD,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,EAAe,CAAA;IAE/D,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,EAAE,CAAC,IAAI,CAAC,CAAA;iBAC1B;aACF;YAAC,OAAO,CAAC,EAAE;gBACV,eAAe,CAAC,CAAgB,CAAC,CAAA;aAClC;SACF;IACH,CAAC,EACD,CAAC,IAAI,EAAE,OAAO,EAAE,cAAc,EAAE,iBAAiB,CAAC,CACnD,CAAA;IAED,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,SAAS,EAAE,EAAE,CAAA;QACb,IAAI,IAAI,EAAE;YACR,iBAAiB,EAAE,CAAC,KAAK,CAAC,CAAA;SAC3B;IACH,CAAC,CAAA;IAED,OAAO,CACL,KAAC,qBAAqB,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,IAAI,EAAE,YAAY,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,WAAW,EAAE,UAAU,EAAE,YACtH,QAAQ,GACsB,CAClC,CAAA;AACH,CAAC,CAAA"}

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

@@ -9,7 +9,6 @@ export interface ResolvePayloadState extends ContextExState {
     notFound?: boolean;
     payload?: XyoPayload;
     refreshHuri?: () => void;
-    refreshPayload?: number;
     setPayload?: Dispatch<SetStateAction<XyoPayload | undefined>>;
 }
 //# sourceMappingURL=State.d.ts.map

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

@@ -1 +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,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,UAAU,CAAC,EAAE,QAAQ,CAAC,cAAc,CAAC,UAAU,GAAG,SAAS,CAAC,CAAC,CAAA;CAC9D"}
+{"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/XyoEmbedPluginContext/Provider.d.ts

@@ -1,11 +1,7 @@
 /// <reference types="react" />
 import { WithChildren } from '@xylabs/react-shared';
-import { XyoPayload } from '@xyo-network/payload';
 import { XyoEmbedPluginBase } from './State';
-export interface XyoEmbedPluginProviderProps extends XyoEmbedPluginBase {
-    /** string for huri to resolve and payload for bypassing huri resolution */
-    huriPayload?: string | XyoPayload;
-}
-/** Expose passed embed plugin props and payload via context */
+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,EAAE,MAAM,sBAAsB,CAAA;AACnD,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAA;AAKjD,OAAO,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAA;AAE5C,MAAM,WAAW,2BAA4B,SAAQ,kBAAkB;IACrE,2EAA2E;IAC3E,WAAW,CAAC,EAAE,MAAM,GAAG,UAAU,CAAA;CAClC;AAED,+DAA+D;AAC/D,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAAC,2BAA2B,CAAC,CAyBtF,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,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useState } from 'react';
 import { XyoEmbedPluginContext } from './Context';
-/** Expose passed embed plugin props and payload via context */
+/** Expose passed embed plugin props via context */
 export const XyoEmbedPluginProvider = ({ children, refreshTitle, timestampLabel, hideElementsConfig, plugins, embedPluginConfig, }) => {
     const [activePlugin, setActivePlugin] = useState(plugins ? plugins[0] : undefined);
     return (_jsx(XyoEmbedPluginContext.Provider, { value: {

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

@@ -1 +1 @@
-{"version":3,"file":"Provider.js","sourceRoot":"","sources":["../../../../src/contexts/XyoEmbedPluginContext/Provider.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEhC,OAAO,EAAE,qBAAqB,EAAE,MAAM,WAAW,CAAA;AAQjD,+DAA+D;AAC/D,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"}
+{"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/index.d.ts

@@ -1,3 +1,4 @@
+export * from './RefreshPayloadContext';
 export * from './ResolvePayloadContext';
 export * from './ValidatePayloadContext';
 export * from './XyoEmbedPluginContext';

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,yBAAyB,CAAA;AACvC,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,4 @@
+export * from './RefreshPayloadContext';
 export * from './ResolvePayloadContext';
 export * from './ValidatePayloadContext';
 export * from './XyoEmbedPluginContext';

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/contexts/index.ts"],"names":[],"mappings":"AAAA,cAAc,yBAAyB,CAAA;AACvC,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,8 +1,9 @@
-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;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAA;AAEjD,OAAO,EAAE,2BAA2B,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAA;AAE7E,MAAM,WAAW,mBAAoB,SAAQ,kBAAkB,EAAE,SAAS;IACxE,2EAA2E;IAC3E,WAAW,CAAC,EAAE,MAAM,GAAG,UAAU,CAAA;IACjC,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.33",
-    "@xyo-network/react-payload-plugin": "^2.27.33",
-    "@xyo-network/react-shared": "^2.27.33",
-    "@xyo-network/react-webapp": "^2.27.33",
-    "@xyo-network/utils": "^2.25.2",
+    "@xyo-network/api": "^2.26.13",
+    "@xyo-network/payload": "^2.26.13",
+    "@xyo-network/react-auth-service": "^2.28.2",
+    "@xyo-network/react-payload-plugin": "^2.28.2",
+    "@xyo-network/react-shared": "^2.28.2",
+    "@xyo-network/react-webapp": "^2.28.2",
+    "@xyo-network/utils": "^2.26.13",
     "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.32",
-    "@xyo-network/react-crypto-market-uniswap-payload-plugin": "^2.27.33",
+    "@xylabs/tsconfig-dom": "^2.5.119",
+    "@xyo-network/react-aggregate-price-plugin": "^2.28.2",
+    "@xyo-network/react-crypto-market-uniswap-payload-plugin": "^2.28.2",
     "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.31"
+  "version": "2.28.2"
 }

package/src/components/XyoEmbedPlugin.stories.tsx

@@ -50,21 +50,18 @@ const AggregatePriceExample = Template.bind({})
 AggregatePriceExample.args = {
   huriPayload: AggregatePricePointer,
   plugins: [CryptoAssetRenderPlugin],
-  timestampLabel: 'Last Updated - ',
 }
 
 const UniswapPairsExample = Template.bind({})
 UniswapPairsExample.args = {
   huriPayload: UniswapPairPointer,
   plugins: [UniswapPairsRenderPlugin],
-  timestampLabel: 'Last Updated - ',
 }
 
 const Error = Template.bind({})
 Error.args = {
   huriPayload: 'https://api.archivist.xyo.network/9663b2f80395a9e7e95948fdd5988b778a4dcc047202bf67e855ff6cd459b8c',
   plugins: [UniswapPairsRenderPlugin],
-  timestampLabel: 'Last Updated - ',
 }
 
 const HiddenElements = Template.bind({})
@@ -79,17 +76,26 @@ HiddenElements.args = {
   },
   huriPayload: AggregatePricePointer,
   plugins: [CryptoAssetRenderPlugin],
-  timestampLabel: 'Last Updated - ',
 }
 
 const WithPassedPayload = Template.bind({})
 WithPassedPayload.args = {
-  hideElementsConfig: {
-    hideRefreshButton: true,
-  },
   huriPayload: payloadData,
   plugins: [CryptoAssetRenderPlugin],
-  timestampLabel: 'Last Updated - ',
 }
 
-export { AggregatePriceExample, Default, Error, HiddenElements, UniswapPairsExample, WithPassedPayload }
+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],
+}
+
+export { AggregatePriceExample, Default, Error, HiddenElements, UniswapPairsExample, WithOnRefresh, WithPassedPayload, WithSetBusyExternally }

package/src/components/XyoEmbedPlugin.tsx

@@ -1,8 +1,10 @@
+import { FlexBoxProps } from '@xylabs/react-flexbox'
+import { WithChildren } from '@xylabs/react-shared'
 import { ListModeProvider } from '@xyo-network/react-shared'
 
-import { ResolvePayloadProvider, 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,
@@ -12,27 +14,46 @@ export const XyoEmbedPlugin: React.FC<XyoEmbedPluginProps> = ({
   timestampLabel = 'Data From',
   hideElementsConfig,
   embedPluginConfig,
+  onRefresh,
   ...props
 }) => {
   return (
-    <ResolvePayloadProvider huriPayload={huriPayload} {...props}>
-      <XyoEmbedPluginProvider
-        refreshTitle={refreshTitle}
-        timestampLabel={timestampLabel}
-        hideElementsConfig={hideElementsConfig}
-        plugins={plugins}
-        embedPluginConfig={embedPluginConfig}
-      >
-        <ValidatePayloadProvider enabled={validateSchema}>
+    <XyoEmbedPluginProvider
+      refreshTitle={refreshTitle}
+      timestampLabel={timestampLabel}
+      hideElementsConfig={hideElementsConfig}
+      plugins={plugins}
+      embedPluginConfig={embedPluginConfig}
+    >
+      <WithResolvers onRefresh={onRefresh} huriPayload={huriPayload} {...props}>
+        <WithValidators validateSchema={validateSchema}>
           <ListModeProvider defaultListMode={embedPluginConfig?.listMode}>
-            <ValidatePlugins>
-              <ValidatePayload>
-                <EmbedPluginContainer {...props} />
-              </ValidatePayload>
-            </ValidatePlugins>
+            <EmbedPluginCard />
           </ListModeProvider>
-        </ValidatePayloadProvider>
-      </XyoEmbedPluginProvider>
-    </ResolvePayloadProvider>
+        </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

@@ -29,7 +29,7 @@ export const EmbedCardHeader: React.FC<CardHeaderProps> = () => {
             ) : (
               <Chip
                 avatar={hideRefreshButton ? <></> : <RefreshIcon />}
-                clickable={!!huri}
+                clickable={hideRefreshButton ? false : true}
                 onClick={refreshHuri}
                 label={hideTimestamp ? '' : `${timestampLabel} ${new Date(payload.timestamp).toLocaleString()}`}
               />

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}

@@ -6,7 +6,7 @@ import { useResolvePayload, useXyoEmbedPluginState } from '../../contexts'
 import { EmbedRenderSelect, ListModeSelectFormControl } from '../controls'
 import { EmbedCardHeader } from './EmbedCardHeader'
 
-export const EmbedPluginContainer: React.FC<CardProps> = (props) => {
+export const EmbedPluginCard: React.FC<CardProps> = (props) => {
   const { payload } = useResolvePayload()
   const { activePlugin: ActivePlugin, plugins, hideElementsConfig } = useXyoEmbedPluginState()
   const { listMode } = useListMode()

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'