@xyo-network/react-payload 2.26.19 → 2.26.22

package/dist/cjs/contexts/Payload/Context.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { PayloadContextState } from './State';
+export declare const PayloadContext: import("react").Context<PayloadContextState & import("@xyo-network/react-shared").ContextExState>;

package/dist/cjs/contexts/Payload/Context.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PayloadContext = void 0;
+const react_shared_1 = require("@xyo-network/react-shared");
+exports.PayloadContext = (0, react_shared_1.createContextEx)();
+//# sourceMappingURL=Context.js.map

package/dist/cjs/contexts/Payload/Context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Context.js","sourceRoot":"","sources":["../../../../src/contexts/Payload/Context.ts"],"names":[],"mappings":";;;AAAA,4DAA2D;AAI9C,QAAA,cAAc,GAAG,IAAA,8BAAe,GAAuB,CAAA"}

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

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { WithChildren } from '@xylabs/react-shared';
+export interface PayloadProviderProps {
+    required?: boolean;
+    hash?: string;
+}
+export declare const PayloadProvider: React.FC<WithChildren<PayloadProviderProps>>;

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

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PayloadProvider = void 0;
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_shared_1 = require("@xylabs/react-shared");
+const react_archivist_1 = require("@xyo-network/react-archivist");
+const react_1 = require("react");
+const Context_1 = require("./Context");
+const PayloadProvider = ({ required = false, hash, children }) => {
+    const { archivist } = (0, react_archivist_1.useArchivist)();
+    const [payload, setPayload] = (0, react_1.useState)();
+    (0, react_shared_1.useAsyncEffect)(
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    (mounted) => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
+        if (payload === undefined && hash) {
+            const loadedPayload = yield (archivist === null || archivist === void 0 ? void 0 : archivist.get(hash));
+            if (mounted()) {
+                setPayload(loadedPayload !== null && loadedPayload !== void 0 ? loadedPayload : null);
+            }
+        }
+    }), [archivist, payload, hash]);
+    return (0, jsx_runtime_1.jsxs)(Context_1.PayloadContext.Provider, Object.assign({ value: { payload, provided: true, setPayload } }, { children: [" ", payload ? children : required ? null : children] }));
+};
+exports.PayloadProvider = PayloadProvider;
+//# sourceMappingURL=Provider.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Provider.js","sourceRoot":"","sources":["../../../../src/contexts/Payload/Provider.tsx"],"names":[],"mappings":";;;;;AAAA,uDAAmE;AAEnE,kEAA2D;AAC3D,iCAAgC;AAEhC,uCAA0C;AAOnC,MAAM,eAAe,GAAiD,CAAC,EAAE,QAAQ,GAAG,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,EAAE;IACpH,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,8BAAY,GAAE,CAAA;IACpC,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,IAAA,gBAAQ,GAAqB,CAAA;IAE3D,IAAA,6BAAc;IACZ,uDAAuD;IACvD,CAAO,OAAO,EAAE,EAAE;QAChB,IAAI,OAAO,KAAK,SAAS,IAAI,IAAI,EAAE;YACjC,MAAM,aAAa,GAAG,MAAM,CAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,GAAG,CAAC,IAAI,CAAC,CAAA,CAAA;YAChD,IAAI,OAAO,EAAE,EAAE;gBACb,UAAU,CAAC,aAAa,aAAb,aAAa,cAAb,aAAa,GAAI,IAAI,CAAC,CAAA;aAClC;SACF;IACH,CAAC,CAAA,EACD,CAAC,SAAS,EAAE,OAAO,EAAE,IAAI,CAAC,CAC3B,CAAA;IAED,OAAO,wBAAC,wBAAc,CAAC,QAAQ,kBAAC,KAAK,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,UAAU,EAAE,sBAAI,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,QAAQ,KAA2B,CAAA;AAC9J,CAAC,CAAA;AAlBY,QAAA,eAAe,mBAkB3B"}

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

@@ -0,0 +1,7 @@
+import { XyoPayload } from '@xyo-network/payload';
+import { ContextExState } from '@xyo-network/react-shared';
+import { Dispatch } from 'react';
+export interface PayloadContextState extends ContextExState {
+    payload?: XyoPayload | null;
+    setPayload?: Dispatch<XyoPayload>;
+}

package/dist/cjs/contexts/Payload/State.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=State.js.map

package/dist/cjs/contexts/Payload/State.js.map

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

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

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

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

@@ -0,0 +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/Payload/index.js.map

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

package/dist/cjs/contexts/Payload/use.d.ts

@@ -0,0 +1 @@
+export declare const useArchives: (required?: boolean) => Omit<import("./State").PayloadContextState & import("@xyo-network/react-shared").ContextExState, "provided">;

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

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useArchives = void 0;
+const react_shared_1 = require("@xyo-network/react-shared");
+const Context_1 = require("./Context");
+const useArchives = (required = false) => {
+    return (0, react_shared_1.useContextEx)(Context_1.PayloadContext, 'Payload', required);
+};
+exports.useArchives = useArchives;
+//# sourceMappingURL=use.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use.js","sourceRoot":"","sources":["../../../../src/contexts/Payload/use.ts"],"names":[],"mappings":";;;AAAA,4DAAwD;AAExD,uCAA0C;AAEnC,MAAM,WAAW,GAAG,CAAC,QAAQ,GAAG,KAAK,EAAE,EAAE;IAC9C,OAAO,IAAA,2BAAY,EAAC,wBAAc,EAAE,SAAS,EAAE,QAAQ,CAAC,CAAA;AAC1D,CAAC,CAAA;AAFY,QAAA,WAAW,eAEvB"}

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

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

package/dist/cjs/contexts/index.js

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

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

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

package/dist/cjs/hooks/index.d.ts

@@ -2,5 +2,5 @@ export * from './lib';
 export * from './ResolvePayloadArgs';
 export * from './useGetSchema';
 export * from './useHuriHash';
-export * from './usePayload';
+export * from './useLoadPayload';
 export * from './useResolveHuri';

package/dist/cjs/hooks/index.js

@@ -5,6 +5,6 @@ tslib_1.__exportStar(require("./lib"), exports);
 tslib_1.__exportStar(require("./ResolvePayloadArgs"), exports);
 tslib_1.__exportStar(require("./useGetSchema"), exports);
 tslib_1.__exportStar(require("./useHuriHash"), exports);
-tslib_1.__exportStar(require("./usePayload"), exports);
+tslib_1.__exportStar(require("./useLoadPayload"), exports);
 tslib_1.__exportStar(require("./useResolveHuri"), exports);
 //# sourceMappingURL=index.js.map

package/dist/cjs/hooks/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/hooks/index.ts"],"names":[],"mappings":";;;AAAA,gDAAqB;AACrB,+DAAoC;AACpC,yDAA8B;AAC9B,wDAA6B;AAC7B,uDAA4B;AAC5B,2DAAgC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/hooks/index.ts"],"names":[],"mappings":";;;AAAA,gDAAqB;AACrB,+DAAoC;AACpC,yDAA8B;AAC9B,wDAA6B;AAC7B,2DAAgC;AAChC,2DAAgC"}

package/dist/cjs/hooks/useHuriHash.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.useHuriHash = void 0;
 const payload_1 = require("@xyo-network/payload");
 const react_1 = require("react");
-const usePayload_1 = require("./usePayload");
+const useLoadPayload_1 = require("./useLoadPayload");
 const useResolveHuri_1 = require("./useResolveHuri");
 /**
  * Resolve a hash or a huri regardless of network
@@ -21,7 +21,7 @@ const useHuriHash = (huriOrHash, huriUri, options) => {
     }, []);
     const providedHash = hash(huriOrHash);
     // Optimistically try to grab the has from the current network and archive
-    const [payload, notFound, apiError] = (0, usePayload_1.usePayload)(providedHash);
+    const [payload, notFound, apiError] = (0, useLoadPayload_1.useLoadPayload)(providedHash);
     // if a huriUri was passed, we can safely override the notFound from the hash only query
     const notFoundOverride = huriUri ? true : notFound;
     // If payload isn't found, fallback to the huriUri

package/dist/cjs/hooks/useHuriHash.js.map

@@ -1 +1 @@
-{"version":3,"file":"useHuriHash.js","sourceRoot":"","sources":["../../../src/hooks/useHuriHash.tsx"],"names":[],"mappings":";;;AAAA,kDAA2C;AAC3C,iCAA8C;AAI9C,6CAAyC;AACzC,qDAAiD;AAEjD;;GAEG;AACH,MAAM,WAAW,GAAG,CAAC,UAA0B,EAAE,OAAgB,EAAE,OAA8B,EAAiB,EAAE;IAClH,MAAM,IAAI,GAAG,IAAA,mBAAW,EAAC,CAAC,UAA0B,EAAE,EAAE;QACtD,IAAI,UAAU,EAAE;YACd,IAAI,OAAO,UAAU,KAAK,QAAQ,EAAE;gBAClC,OAAO,UAAU,CAAA;aAClB;YACD,IAAI,UAAU,YAAY,cAAI,EAAE;gBAC9B,OAAO,UAAU,CAAC,IAAI,CAAA;aACvB;SACF;IACH,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,MAAM,YAAY,GAAG,IAAI,CAAC,UAAU,CAAC,CAAA;IAErC,0EAA0E;IAC1E,MAAM,CAAC,OAAO,EAAE,QAAQ,EAAE,QAAQ,CAAC,GAAG,IAAA,uBAAU,EAAC,YAAY,CAAC,CAAA;IAE9D,wFAAwF;IACxF,MAAM,gBAAgB,GAAG,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAA;IAElD,kDAAkD;IAClD,MAAM,CAAC,WAAW,EAAE,mBAAmB,EAAE,YAAY,EAAE,eAAe,CAAC,GAAG,IAAA,+BAAc,EAAC,OAAO,EAAE,gBAAgB,EAAE,OAAO,CAAC,CAAA;IAE5H,OAAO,CAAC,OAAO,aAAP,OAAO,cAAP,OAAO,GAAI,WAAW,EAAE,mBAAmB,EAAE,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,YAAY,EAAE,eAAe,CAAC,CAAA;AACjG,CAAC,CAAA;AAEQ,kCAAW"}
+{"version":3,"file":"useHuriHash.js","sourceRoot":"","sources":["../../../src/hooks/useHuriHash.tsx"],"names":[],"mappings":";;;AAAA,kDAA2C;AAC3C,iCAAmC;AAInC,qDAAiD;AACjD,qDAAiD;AAEjD;;GAEG;AACH,MAAM,WAAW,GAAG,CAAC,UAA0B,EAAE,OAAgB,EAAE,OAA8B,EAAiB,EAAE;IAClH,MAAM,IAAI,GAAG,IAAA,mBAAW,EAAC,CAAC,UAA0B,EAAE,EAAE;QACtD,IAAI,UAAU,EAAE;YACd,IAAI,OAAO,UAAU,KAAK,QAAQ,EAAE;gBAClC,OAAO,UAAU,CAAA;aAClB;YACD,IAAI,UAAU,YAAY,cAAI,EAAE;gBAC9B,OAAO,UAAU,CAAC,IAAI,CAAA;aACvB;SACF;IACH,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,MAAM,YAAY,GAAG,IAAI,CAAC,UAAU,CAAC,CAAA;IAErC,0EAA0E;IAC1E,MAAM,CAAC,OAAO,EAAE,QAAQ,EAAE,QAAQ,CAAC,GAAG,IAAA,+BAAc,EAAC,YAAY,CAAC,CAAA;IAElE,wFAAwF;IACxF,MAAM,gBAAgB,GAAG,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAA;IAElD,kDAAkD;IAClD,MAAM,CAAC,WAAW,EAAE,mBAAmB,EAAE,YAAY,EAAE,eAAe,CAAC,GAAG,IAAA,+BAAc,EAAC,OAAO,EAAE,gBAAgB,EAAE,OAAO,CAAC,CAAA;IAE5H,OAAO,CAAC,OAAO,aAAP,OAAO,cAAP,OAAO,GAAI,WAAW,EAAE,mBAAmB,EAAE,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,YAAY,EAAE,eAAe,CAAC,CAAA;AACjG,CAAC,CAAA;AAEQ,kCAAW"}

package/dist/cjs/hooks/useLoadPayload.d.ts

@@ -0,0 +1,2 @@
+import { UsePayload } from './ResolvePayloadArgs';
+export declare const useLoadPayload: (hash?: string) => UsePayload;

package/dist/cjs/hooks/useLoadPayload.js

@@ -0,0 +1,58 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useLoadPayload = void 0;
+const tslib_1 = require("tslib");
+const react_shared_1 = require("@xylabs/react-shared");
+const react_archive_1 = require("@xyo-network/react-archive");
+const react_archivist_api_1 = require("@xyo-network/react-archivist-api");
+const react_1 = require("react");
+// I hate this name, would prefer loadPayload, but need use prefix to make it a 'hook'
+const useLoadPayload = (hash) => {
+    const { api } = (0, react_archivist_api_1.useArchivistApi)();
+    const { archive } = (0, react_archive_1.useArchive)();
+    const [localHash, setLocalHash] = (0, react_1.useState)();
+    const [notFound, setNotFound] = (0, react_1.useState)();
+    const [apiError, setApiError] = (0, react_1.useState)();
+    const [payload, setPayload] = (0, react_1.useState)();
+    const reset = () => {
+        setPayload(undefined);
+        setApiError(undefined);
+        setNotFound(undefined);
+    };
+    // allow for hash changes to retrigger the api call
+    (0, react_1.useEffect)(() => {
+        if (hash !== localHash) {
+            setLocalHash(hash);
+            reset();
+        }
+    }, [hash, localHash]);
+    (0, react_shared_1.useAsyncEffect)(
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    (mounted) => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
+        if (api && localHash && localHash.length > 0 && notFound === undefined) {
+            reset();
+            try {
+                const result = yield (api === null || api === void 0 ? void 0 : api.archive(archive).payload.hash(localHash).get());
+                if (mounted()) {
+                    if (result === null || result === void 0 ? void 0 : result.length) {
+                        setPayload(result[0]);
+                        setNotFound(false);
+                    }
+                    else if ((result === null || result === void 0 ? void 0 : result.length) === 0) {
+                        setNotFound(true);
+                        setPayload(undefined);
+                    }
+                }
+            }
+            catch (e) {
+                reset();
+                setNotFound(false);
+                setApiError(e);
+                console.error(e);
+            }
+        }
+    }), [hash, api, archive, payload, notFound, localHash]);
+    return [payload, notFound, apiError];
+};
+exports.useLoadPayload = useLoadPayload;
+//# sourceMappingURL=useLoadPayload.js.map

package/dist/cjs/hooks/useLoadPayload.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useLoadPayload.js","sourceRoot":"","sources":["../../../src/hooks/useLoadPayload.tsx"],"names":[],"mappings":";;;;AAAA,uDAAqD;AAGrD,8DAAuD;AACvD,0EAAkE;AAClE,iCAA2C;AAI3C,sFAAsF;AAC/E,MAAM,cAAc,GAAG,CAAC,IAAa,EAAc,EAAE;IAC1D,MAAM,EAAE,GAAG,EAAE,GAAG,IAAA,qCAAe,GAAE,CAAA;IACjC,MAAM,EAAE,OAAO,EAAE,GAAG,IAAA,0BAAU,GAAE,CAAA;IAChC,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,IAAA,gBAAQ,GAAU,CAAA;IACpD,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,IAAA,gBAAQ,GAAW,CAAA;IACnD,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,IAAA,gBAAQ,GAAe,CAAA;IACvD,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,IAAA,gBAAQ,GAAc,CAAA;IAEpD,MAAM,KAAK,GAAG,GAAG,EAAE;QACjB,UAAU,CAAC,SAAS,CAAC,CAAA;QACrB,WAAW,CAAC,SAAS,CAAC,CAAA;QACtB,WAAW,CAAC,SAAS,CAAC,CAAA;IACxB,CAAC,CAAA;IAED,mDAAmD;IACnD,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,IAAI,KAAK,SAAS,EAAE;YACtB,YAAY,CAAC,IAAI,CAAC,CAAA;YAClB,KAAK,EAAE,CAAA;SACR;IACH,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC,CAAA;IAErB,IAAA,6BAAc;IACZ,uDAAuD;IACvD,CAAO,OAAO,EAAE,EAAE;QAChB,IAAI,GAAG,IAAI,SAAS,IAAI,SAAS,CAAC,MAAM,GAAG,CAAC,IAAI,QAAQ,KAAK,SAAS,EAAE;YACtE,KAAK,EAAE,CAAA;YACP,IAAI;gBACF,MAAM,MAAM,GAAG,MAAM,CAAA,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,OAAO,CAAC,OAAO,EAAE,OAAO,CAAC,IAAI,CAAC,SAAS,EAAE,GAAG,EAAE,CAAA,CAAA;gBACxE,IAAI,OAAO,EAAE,EAAE;oBACb,IAAI,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,MAAM,EAAE;wBAClB,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAA;wBACrB,WAAW,CAAC,KAAK,CAAC,CAAA;qBACnB;yBAAM,IAAI,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,MAAM,MAAK,CAAC,EAAE;wBAC/B,WAAW,CAAC,IAAI,CAAC,CAAA;wBACjB,UAAU,CAAC,SAAS,CAAC,CAAA;qBACtB;iBACF;aACF;YAAC,OAAO,CAAC,EAAE;gBACV,KAAK,EAAE,CAAA;gBACP,WAAW,CAAC,KAAK,CAAC,CAAA;gBAClB,WAAW,CAAC,CAAgB,CAAC,CAAA;gBAC7B,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAA;aACjB;SACF;IACH,CAAC,CAAA,EACD,CAAC,IAAI,EAAE,GAAG,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,SAAS,CAAC,CACnD,CAAA;IACD,OAAO,CAAC,OAAO,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAA;AACtC,CAAC,CAAA;AAjDY,QAAA,cAAc,kBAiD1B"}

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

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { PayloadContextState } from './State';
+export declare const PayloadContext: import("react").Context<PayloadContextState & import("@xyo-network/react-shared").ContextExState>;

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

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

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

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

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

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { WithChildren } from '@xylabs/react-shared';
+export interface PayloadProviderProps {
+    required?: boolean;
+    hash?: string;
+}
+export declare const PayloadProvider: React.FC<WithChildren<PayloadProviderProps>>;

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

@@ -0,0 +1,21 @@
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import { useAsyncEffect } from '@xylabs/react-shared';
+import { useArchivist } from '@xyo-network/react-archivist';
+import { useState } from 'react';
+import { PayloadContext } from './Context';
+export const PayloadProvider = ({ required = false, hash, children }) => {
+    const { archivist } = useArchivist();
+    const [payload, setPayload] = useState();
+    useAsyncEffect(
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    async (mounted) => {
+        if (payload === undefined && hash) {
+            const loadedPayload = await archivist?.get(hash);
+            if (mounted()) {
+                setPayload(loadedPayload ?? null);
+            }
+        }
+    }, [archivist, payload, hash]);
+    return _jsxs(PayloadContext.Provider, { value: { payload, provided: true, setPayload }, children: [" ", payload ? children : required ? null : children] });
+};
+//# sourceMappingURL=Provider.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Provider.js","sourceRoot":"","sources":["../../../../src/contexts/Payload/Provider.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,cAAc,EAAgB,MAAM,sBAAsB,CAAA;AAEnE,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAA;AAC3D,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEhC,OAAO,EAAE,cAAc,EAAE,MAAM,WAAW,CAAA;AAO1C,MAAM,CAAC,MAAM,eAAe,GAAiD,CAAC,EAAE,QAAQ,GAAG,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,EAAE;IACpH,MAAM,EAAE,SAAS,EAAE,GAAG,YAAY,EAAE,CAAA;IACpC,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,EAAqB,CAAA;IAE3D,cAAc;IACZ,uDAAuD;IACvD,KAAK,EAAE,OAAO,EAAE,EAAE;QAChB,IAAI,OAAO,KAAK,SAAS,IAAI,IAAI,EAAE;YACjC,MAAM,aAAa,GAAG,MAAM,SAAS,EAAE,GAAG,CAAC,IAAI,CAAC,CAAA;YAChD,IAAI,OAAO,EAAE,EAAE;gBACb,UAAU,CAAC,aAAa,IAAI,IAAI,CAAC,CAAA;aAClC;SACF;IACH,CAAC,EACD,CAAC,SAAS,EAAE,OAAO,EAAE,IAAI,CAAC,CAC3B,CAAA;IAED,OAAO,MAAC,cAAc,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,UAAU,EAAE,kBAAI,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,QAAQ,IAA2B,CAAA;AAC9J,CAAC,CAAA"}

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

@@ -0,0 +1,7 @@
+import { XyoPayload } from '@xyo-network/payload';
+import { ContextExState } from '@xyo-network/react-shared';
+import { Dispatch } from 'react';
+export interface PayloadContextState extends ContextExState {
+    payload?: XyoPayload | null;
+    setPayload?: Dispatch<XyoPayload>;
+}

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+export declare const useArchives: (required?: boolean) => Omit<import("./State").PayloadContextState & import("@xyo-network/react-shared").ContextExState, "provided">;

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

@@ -0,0 +1,6 @@
+import { useContextEx } from '@xyo-network/react-shared';
+import { PayloadContext } from './Context';
+export const useArchives = (required = false) => {
+    return useContextEx(PayloadContext, 'Payload', required);
+};
+//# sourceMappingURL=use.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use.js","sourceRoot":"","sources":["../../../../src/contexts/Payload/use.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAA;AAExD,OAAO,EAAE,cAAc,EAAE,MAAM,WAAW,CAAA;AAE1C,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,QAAQ,GAAG,KAAK,EAAE,EAAE;IAC9C,OAAO,YAAY,CAAC,cAAc,EAAE,SAAS,EAAE,QAAQ,CAAC,CAAA;AAC1D,CAAC,CAAA"}

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

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

package/dist/esm/contexts/index.js

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

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

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

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

@@ -2,5 +2,5 @@ export * from './lib';
 export * from './ResolvePayloadArgs';
 export * from './useGetSchema';
 export * from './useHuriHash';
-export * from './usePayload';
+export * from './useLoadPayload';
 export * from './useResolveHuri';

package/dist/esm/hooks/index.js

@@ -2,6 +2,6 @@ export * from './lib';
 export * from './ResolvePayloadArgs';
 export * from './useGetSchema';
 export * from './useHuriHash';
-export * from './usePayload';
+export * from './useLoadPayload';
 export * from './useResolveHuri';
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,OAAO,CAAA;AACrB,cAAc,sBAAsB,CAAA;AACpC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,eAAe,CAAA;AAC7B,cAAc,cAAc,CAAA;AAC5B,cAAc,kBAAkB,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,OAAO,CAAA;AACrB,cAAc,sBAAsB,CAAA;AACpC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,eAAe,CAAA;AAC7B,cAAc,kBAAkB,CAAA;AAChC,cAAc,kBAAkB,CAAA"}

package/dist/esm/hooks/useHuriHash.js

@@ -1,6 +1,6 @@
 import { Huri } from '@xyo-network/payload';
 import { useCallback } from 'react';
-import { usePayload } from './usePayload';
+import { useLoadPayload } from './useLoadPayload';
 import { useResolveHuri } from './useResolveHuri';
 /**
  * Resolve a hash or a huri regardless of network
@@ -18,7 +18,7 @@ const useHuriHash = (huriOrHash, huriUri, options) => {
     }, []);
     const providedHash = hash(huriOrHash);
     // Optimistically try to grab the has from the current network and archive
-    const [payload, notFound, apiError] = usePayload(providedHash);
+    const [payload, notFound, apiError] = useLoadPayload(providedHash);
     // if a huriUri was passed, we can safely override the notFound from the hash only query
     const notFoundOverride = huriUri ? true : notFound;
     // If payload isn't found, fallback to the huriUri

package/dist/esm/hooks/useHuriHash.js.map

@@ -1 +1 @@
-{"version":3,"file":"useHuriHash.js","sourceRoot":"","sources":["../../../src/hooks/useHuriHash.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAA;AAC3C,OAAO,EAAE,WAAW,EAAa,MAAM,OAAO,CAAA;AAI9C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAEjD;;GAEG;AACH,MAAM,WAAW,GAAG,CAAC,UAA0B,EAAE,OAAgB,EAAE,OAA8B,EAAiB,EAAE;IAClH,MAAM,IAAI,GAAG,WAAW,CAAC,CAAC,UAA0B,EAAE,EAAE;QACtD,IAAI,UAAU,EAAE;YACd,IAAI,OAAO,UAAU,KAAK,QAAQ,EAAE;gBAClC,OAAO,UAAU,CAAA;aAClB;YACD,IAAI,UAAU,YAAY,IAAI,EAAE;gBAC9B,OAAO,UAAU,CAAC,IAAI,CAAA;aACvB;SACF;IACH,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,MAAM,YAAY,GAAG,IAAI,CAAC,UAAU,CAAC,CAAA;IAErC,0EAA0E;IAC1E,MAAM,CAAC,OAAO,EAAE,QAAQ,EAAE,QAAQ,CAAC,GAAG,UAAU,CAAC,YAAY,CAAC,CAAA;IAE9D,wFAAwF;IACxF,MAAM,gBAAgB,GAAG,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAA;IAElD,kDAAkD;IAClD,MAAM,CAAC,WAAW,EAAE,mBAAmB,EAAE,YAAY,EAAE,eAAe,CAAC,GAAG,cAAc,CAAC,OAAO,EAAE,gBAAgB,EAAE,OAAO,CAAC,CAAA;IAE5H,OAAO,CAAC,OAAO,IAAI,WAAW,EAAE,mBAAmB,EAAE,QAAQ,IAAI,YAAY,EAAE,eAAe,CAAC,CAAA;AACjG,CAAC,CAAA;AAED,OAAO,EAAE,WAAW,EAAE,CAAA"}
+{"version":3,"file":"useHuriHash.js","sourceRoot":"","sources":["../../../src/hooks/useHuriHash.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAA;AAC3C,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAA;AAInC,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AACjD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAEjD;;GAEG;AACH,MAAM,WAAW,GAAG,CAAC,UAA0B,EAAE,OAAgB,EAAE,OAA8B,EAAiB,EAAE;IAClH,MAAM,IAAI,GAAG,WAAW,CAAC,CAAC,UAA0B,EAAE,EAAE;QACtD,IAAI,UAAU,EAAE;YACd,IAAI,OAAO,UAAU,KAAK,QAAQ,EAAE;gBAClC,OAAO,UAAU,CAAA;aAClB;YACD,IAAI,UAAU,YAAY,IAAI,EAAE;gBAC9B,OAAO,UAAU,CAAC,IAAI,CAAA;aACvB;SACF;IACH,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,MAAM,YAAY,GAAG,IAAI,CAAC,UAAU,CAAC,CAAA;IAErC,0EAA0E;IAC1E,MAAM,CAAC,OAAO,EAAE,QAAQ,EAAE,QAAQ,CAAC,GAAG,cAAc,CAAC,YAAY,CAAC,CAAA;IAElE,wFAAwF;IACxF,MAAM,gBAAgB,GAAG,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAA;IAElD,kDAAkD;IAClD,MAAM,CAAC,WAAW,EAAE,mBAAmB,EAAE,YAAY,EAAE,eAAe,CAAC,GAAG,cAAc,CAAC,OAAO,EAAE,gBAAgB,EAAE,OAAO,CAAC,CAAA;IAE5H,OAAO,CAAC,OAAO,IAAI,WAAW,EAAE,mBAAmB,EAAE,QAAQ,IAAI,YAAY,EAAE,eAAe,CAAC,CAAA;AACjG,CAAC,CAAA;AAED,OAAO,EAAE,WAAW,EAAE,CAAA"}

package/dist/esm/hooks/useLoadPayload.d.ts

@@ -0,0 +1,2 @@
+import { UsePayload } from './ResolvePayloadArgs';
+export declare const useLoadPayload: (hash?: string) => UsePayload;

package/dist/esm/hooks/useLoadPayload.js

@@ -0,0 +1,53 @@
+import { useAsyncEffect } from '@xylabs/react-shared';
+import { useArchive } from '@xyo-network/react-archive';
+import { useArchivistApi } from '@xyo-network/react-archivist-api';
+import { useEffect, useState } from 'react';
+// I hate this name, would prefer loadPayload, but need use prefix to make it a 'hook'
+export const useLoadPayload = (hash) => {
+    const { api } = useArchivistApi();
+    const { archive } = useArchive();
+    const [localHash, setLocalHash] = useState();
+    const [notFound, setNotFound] = useState();
+    const [apiError, setApiError] = useState();
+    const [payload, setPayload] = useState();
+    const reset = () => {
+        setPayload(undefined);
+        setApiError(undefined);
+        setNotFound(undefined);
+    };
+    // allow for hash changes to retrigger the api call
+    useEffect(() => {
+        if (hash !== localHash) {
+            setLocalHash(hash);
+            reset();
+        }
+    }, [hash, localHash]);
+    useAsyncEffect(
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    async (mounted) => {
+        if (api && localHash && localHash.length > 0 && notFound === undefined) {
+            reset();
+            try {
+                const result = await api?.archive(archive).payload.hash(localHash).get();
+                if (mounted()) {
+                    if (result?.length) {
+                        setPayload(result[0]);
+                        setNotFound(false);
+                    }
+                    else if (result?.length === 0) {
+                        setNotFound(true);
+                        setPayload(undefined);
+                    }
+                }
+            }
+            catch (e) {
+                reset();
+                setNotFound(false);
+                setApiError(e);
+                console.error(e);
+            }
+        }
+    }, [hash, api, archive, payload, notFound, localHash]);
+    return [payload, notFound, apiError];
+};
+//# sourceMappingURL=useLoadPayload.js.map

package/dist/esm/hooks/useLoadPayload.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useLoadPayload.js","sourceRoot":"","sources":["../../../src/hooks/useLoadPayload.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAGrD,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAA;AACvD,OAAO,EAAE,eAAe,EAAE,MAAM,kCAAkC,CAAA;AAClE,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAI3C,sFAAsF;AACtF,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,IAAa,EAAc,EAAE;IAC1D,MAAM,EAAE,GAAG,EAAE,GAAG,eAAe,EAAE,CAAA;IACjC,MAAM,EAAE,OAAO,EAAE,GAAG,UAAU,EAAE,CAAA;IAChC,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,EAAU,CAAA;IACpD,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,EAAW,CAAA;IACnD,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,EAAe,CAAA;IACvD,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,EAAc,CAAA;IAEpD,MAAM,KAAK,GAAG,GAAG,EAAE;QACjB,UAAU,CAAC,SAAS,CAAC,CAAA;QACrB,WAAW,CAAC,SAAS,CAAC,CAAA;QACtB,WAAW,CAAC,SAAS,CAAC,CAAA;IACxB,CAAC,CAAA;IAED,mDAAmD;IACnD,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,IAAI,KAAK,SAAS,EAAE;YACtB,YAAY,CAAC,IAAI,CAAC,CAAA;YAClB,KAAK,EAAE,CAAA;SACR;IACH,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC,CAAA;IAErB,cAAc;IACZ,uDAAuD;IACvD,KAAK,EAAE,OAAO,EAAE,EAAE;QAChB,IAAI,GAAG,IAAI,SAAS,IAAI,SAAS,CAAC,MAAM,GAAG,CAAC,IAAI,QAAQ,KAAK,SAAS,EAAE;YACtE,KAAK,EAAE,CAAA;YACP,IAAI;gBACF,MAAM,MAAM,GAAG,MAAM,GAAG,EAAE,OAAO,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,GAAG,EAAE,CAAA;gBACxE,IAAI,OAAO,EAAE,EAAE;oBACb,IAAI,MAAM,EAAE,MAAM,EAAE;wBAClB,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAA;wBACrB,WAAW,CAAC,KAAK,CAAC,CAAA;qBACnB;yBAAM,IAAI,MAAM,EAAE,MAAM,KAAK,CAAC,EAAE;wBAC/B,WAAW,CAAC,IAAI,CAAC,CAAA;wBACjB,UAAU,CAAC,SAAS,CAAC,CAAA;qBACtB;iBACF;aACF;YAAC,OAAO,CAAC,EAAE;gBACV,KAAK,EAAE,CAAA;gBACP,WAAW,CAAC,KAAK,CAAC,CAAA;gBAClB,WAAW,CAAC,CAAgB,CAAC,CAAA;gBAC7B,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAA;aACjB;SACF;IACH,CAAC,EACD,CAAC,IAAI,EAAE,GAAG,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,SAAS,CAAC,CACnD,CAAA;IACD,OAAO,CAAC,OAAO,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAA;AACtC,CAAC,CAAA"}

package/package.json

@@ -13,35 +13,37 @@
     "@emotion/react": "^11.9.3",
     "@emotion/styled": "^11.9.3",
     "@mui/icons-material": "^5.8.4",
-    "@mui/material": "^5.9.0",
-    "@xylabs/react-button": "^2.14.8",
-    "@xylabs/react-flexbox": "^2.14.8",
-    "@xylabs/react-quick-tip-button": "^2.14.8",
-    "@xylabs/react-shared": "^2.14.8",
-    "@xyo-network/api": "^2.21.19",
-    "@xyo-network/network": "^2.21.19",
-    "@xyo-network/payload": "^2.21.19",
-    "@xyo-network/react-archive": "^2.26.19",
-    "@xyo-network/react-archivist-api": "^2.26.19",
-    "@xyo-network/react-auth-service": "^2.26.19",
-    "@xyo-network/react-network": "^2.26.19",
-    "@xyo-network/react-property": "^2.26.19",
-    "@xyo-network/react-schema": "^2.26.19",
-    "@xyo-network/react-shared": "^2.26.19",
-    "@xyo-network/utils": "^2.21.19",
+    "@mui/material": "^5.9.1",
+    "@xylabs/react-button": "^2.14.10",
+    "@xylabs/react-flexbox": "^2.14.10",
+    "@xylabs/react-quick-tip-button": "^2.14.10",
+    "@xylabs/react-shared": "^2.14.10",
+    "@xyo-network/api": "^2.21.23",
+    "@xyo-network/network": "^2.21.23",
+    "@xyo-network/payload": "^2.21.23",
+    "@xyo-network/react-archive": "^2.26.22",
+    "@xyo-network/react-archivist": "^2.26.22",
+    "@xyo-network/react-archivist-api": "^2.26.22",
+    "@xyo-network/react-auth-service": "^2.26.22",
+    "@xyo-network/react-network": "^2.26.22",
+    "@xyo-network/react-property": "^2.26.22",
+    "@xyo-network/react-schema": "^2.26.22",
+    "@xyo-network/react-shared": "^2.26.22",
+    "@xyo-network/utils": "^2.21.23",
     "luxon": "^3.0.1",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-icons": "^4.4.0",
     "react-json-view": "^1.21.3",
-    "react-router-dom": "^6.3.0"
+    "react-router-dom": "^6.3.0",
+    "tslib": "^2.4.0"
   },
   "description": "Common React library for all XYO projects that use React",
   "devDependencies": {
-    "@babel/core": "^7.18.6",
-    "@babel/preset-env": "^7.18.6",
+    "@babel/core": "^7.18.9",
+    "@babel/preset-env": "^7.18.9",
     "@storybook/react": "^6.5.9",
-    "@types/luxon": "^2.3.2",
+    "@types/luxon": "^3.0.0",
     "@xylabs/tsconfig": "^1.0.14"
   },
   "browser": "dist/esm/index.js",
@@ -93,6 +95,5 @@
   },
   "sideEffects": false,
   "types": "dist/esm/index.d.ts",
-  "version": "2.26.19",
-  "packageManager": "yarn@3.1.1"
+  "version": "2.26.22"
 }

package/src/contexts/Payload/Context.ts

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

package/src/contexts/Payload/Provider.tsx

@@ -0,0 +1,31 @@
+import { useAsyncEffect, WithChildren } from '@xylabs/react-shared'
+import { XyoPayload } from '@xyo-network/payload'
+import { useArchivist } from '@xyo-network/react-archivist'
+import { useState } from 'react'
+
+import { PayloadContext } from './Context'
+
+export interface PayloadProviderProps {
+  required?: boolean
+  hash?: string
+}
+
+export const PayloadProvider: React.FC<WithChildren<PayloadProviderProps>> = ({ required = false, hash, children }) => {
+  const { archivist } = useArchivist()
+  const [payload, setPayload] = useState<XyoPayload | null>()
+
+  useAsyncEffect(
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    async (mounted) => {
+      if (payload === undefined && hash) {
+        const loadedPayload = await archivist?.get(hash)
+        if (mounted()) {
+          setPayload(loadedPayload ?? null)
+        }
+      }
+    },
+    [archivist, payload, hash]
+  )
+
+  return <PayloadContext.Provider value={{ payload, provided: true, setPayload }}> {payload ? children : required ? null : children}</PayloadContext.Provider>
+}

package/src/contexts/Payload/State.ts

@@ -0,0 +1,8 @@
+import { XyoPayload } from '@xyo-network/payload'
+import { ContextExState } from '@xyo-network/react-shared'
+import { Dispatch } from 'react'
+
+export interface PayloadContextState extends ContextExState {
+  payload?: XyoPayload | null
+  setPayload?: Dispatch<XyoPayload>
+}

package/src/contexts/Payload/index.ts

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

package/src/contexts/Payload/use.ts

@@ -0,0 +1,7 @@
+import { useContextEx } from '@xyo-network/react-shared'
+
+import { PayloadContext } from './Context'
+
+export const useArchives = (required = false) => {
+  return useContextEx(PayloadContext, 'Payload', required)
+}

package/src/contexts/index.ts

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

package/src/hooks/index.ts

@@ -2,5 +2,5 @@ export * from './lib'
 export * from './ResolvePayloadArgs'
 export * from './useGetSchema'
 export * from './useHuriHash'
-export * from './usePayload'
+export * from './useLoadPayload'
 export * from './useResolveHuri'

package/src/hooks/useHuriHash.tsx

@@ -1,9 +1,9 @@
 import { Huri } from '@xyo-network/payload'
-import { useCallback, useEffect } from 'react'
+import { useCallback } from 'react'
 
 import { FetchHuriHashOptions } from './lib'
 import { UseHuriOrHash } from './ResolvePayloadArgs'
-import { usePayload } from './usePayload'
+import { useLoadPayload } from './useLoadPayload'
 import { useResolveHuri } from './useResolveHuri'
 
 /**
@@ -24,7 +24,7 @@ const useHuriHash = (huriOrHash?: string | Huri, huriUri?: string, options?: Fet
   const providedHash = hash(huriOrHash)
 
   // Optimistically try to grab the has from the current network and archive
-  const [payload, notFound, apiError] = usePayload(providedHash)
+  const [payload, notFound, apiError] = useLoadPayload(providedHash)
 
   // if a huriUri was passed, we can safely override the notFound from the hash only query
   const notFoundOverride = huriUri ? true : notFound

package/src/hooks/{usePayload.stories.tsx → useLoadPayload.stories.tsx}

@@ -5,7 +5,7 @@ import { FlexCol } from '@xylabs/react-flexbox'
 import { ArchivistApiProvider, useArchivistApi } from '@xyo-network/react-archivist-api'
 import { lazy, Suspense, useState } from 'react'
 
-import { usePayload } from './usePayload'
+import { useLoadPayload } from './useLoadPayload'
 
 const JsonView = lazy(() => import(/* webpackChunkName: "jsonView" */ 'react-json-view'))
 
@@ -21,7 +21,7 @@ const Wrapper: React.FC<{ hash?: string }> = ({ hash }) => (
 const UsePayloadComponent: React.FC<{ hash?: string }> = ({ hash }) => {
   const { api } = useArchivistApi()
   const [trigger, setTrigger] = useState<string>()
-  const [payload, notFound] = usePayload(trigger)
+  const [payload, notFound] = useLoadPayload(trigger)
 
   return (
     <>

package/src/hooks/{usePayload.tsx → useLoadPayload.tsx}

@@ -7,7 +7,8 @@ import { useEffect, useState } from 'react'
 
 import { UsePayload } from './ResolvePayloadArgs'
 
-export const usePayload = (hash?: string): UsePayload => {
+// I hate this name, would prefer loadPayload, but need use prefix to make it a 'hook'
+export const useLoadPayload = (hash?: string): UsePayload => {
   const { api } = useArchivistApi()
   const { archive } = useArchive()
   const [localHash, setLocalHash] = useState<string>()