@xyo-network/react-payload 2.31.1 → 2.32.0-rc.2

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

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

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

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

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

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

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

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

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { WithChildren } from '@xylabs/react-shared';
+interface DivinedPayloadProviderProps extends WithChildren {
+    hash?: string;
+}
+export declare const DivinedPayloadProvider: React.FC<DivinedPayloadProviderProps>;
+export declare const DivinedPayloadWithHandleInner: React.FC<WithChildren>;
+export declare const DivinedPayloadWithHandleProvider: React.FC<DivinedPayloadProviderProps>;
+export {};
+//# sourceMappingURL=Provider.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Provider.d.ts","sourceRoot":"","sources":["../../../../src/contexts/DivinedPayload/Provider.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAA;AAUnD,UAAU,2BAA4B,SAAQ,YAAY;IACxD,IAAI,CAAC,EAAE,MAAM,CAAA;CACd;AAED,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAAE,CAAC,2BAA2B,CAaxE,CAAA;AAED,eAAO,MAAM,6BAA6B,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAQhE,CAAA;AAED,eAAO,MAAM,gCAAgC,EAAE,KAAK,CAAC,EAAE,CAAC,2BAA2B,CAMlF,CAAA"}

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

@@ -0,0 +1,26 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { XyoApiErrorRender } from '@xyo-network/react-auth-service';
+import { ResultLoader } from '@xyo-network/react-webapp';
+import { useParams, useSearchParams } from 'react-router-dom';
+import { useDivinePayload } from '../PayloadDiviner';
+import { DivinedPayloadContext } from './Context';
+import { useBuildHuri } from './hooks';
+import { useDivinedPayload } from './use';
+export const DivinedPayloadProvider = ({ children, hash }) => {
+    const { hash: hashParam } = useParams();
+    const huriFromHashParam = useBuildHuri(hashParam);
+    const [params] = useSearchParams();
+    const huriSearchParameter = params.get('huri');
+    const decodedHuriParam = decodeURIComponent(huriSearchParameter ?? '');
+    const huriUri = hash ?? decodedHuriParam ? decodedHuriParam : huriFromHashParam;
+    const [payload, setPayload, payloadError] = useDivinePayload(huriUri);
+    return _jsx(DivinedPayloadContext.Provider, { value: { payload, payloadError, provided: true, setPayload }, children: children });
+};
+export const DivinedPayloadWithHandleInner = ({ children }) => {
+    const { payload, payloadError } = useDivinedPayload();
+    return (_jsx(ResultLoader, { searchResult: payload, apiError: payloadError, notFound: payload === null, children: _jsx(XyoApiErrorRender, { apiError: payloadError, children: children }) }));
+};
+export const DivinedPayloadWithHandleProvider = ({ children, ...props }) => {
+    return (_jsx(DivinedPayloadProvider, { ...props, children: _jsx(DivinedPayloadWithHandleInner, { children: children }) }));
+};
+//# sourceMappingURL=Provider.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Provider.js","sourceRoot":"","sources":["../../../../src/contexts/DivinedPayload/Provider.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAA;AACnE,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAA;AACxD,OAAO,EAAE,SAAS,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAA;AAE7D,OAAO,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAA;AACpD,OAAO,EAAE,qBAAqB,EAAE,MAAM,WAAW,CAAA;AACjD,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AACtC,OAAO,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAA;AAMzC,MAAM,CAAC,MAAM,sBAAsB,GAA0C,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,EAAE,EAAE;IAClG,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,SAAS,EAAE,CAAA;IAEvC,MAAM,iBAAiB,GAAG,YAAY,CAAC,SAAS,CAAC,CAAA;IAEjD,MAAM,CAAC,MAAM,CAAC,GAAG,eAAe,EAAE,CAAA;IAClC,MAAM,mBAAmB,GAAG,MAAM,CAAC,GAAG,CAAC,MAAM,CAAC,CAAA;IAC9C,MAAM,gBAAgB,GAAG,kBAAkB,CAAC,mBAAmB,IAAI,EAAE,CAAC,CAAA;IACtE,MAAM,OAAO,GAAG,IAAI,IAAI,gBAAgB,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,iBAAiB,CAAA;IAE/E,MAAM,CAAC,OAAO,EAAE,UAAU,EAAE,YAAY,CAAC,GAAG,gBAAgB,CAAC,OAAO,CAAC,CAAA;IAErE,OAAO,KAAC,qBAAqB,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,OAAO,EAAE,YAAY,EAAE,QAAQ,EAAE,IAAI,EAAE,UAAU,EAAE,YAAG,QAAQ,GAAkC,CAAA;AAClJ,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,6BAA6B,GAA2B,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;IACpF,MAAM,EAAE,OAAO,EAAE,YAAY,EAAE,GAAG,iBAAiB,EAAE,CAAA;IAErD,OAAO,CACL,KAAC,YAAY,IAAC,YAAY,EAAE,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,QAAQ,EAAE,OAAO,KAAK,IAAI,YACrF,KAAC,iBAAiB,IAAC,QAAQ,EAAE,YAAY,YAAG,QAAQ,GAAqB,GAC5D,CAChB,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,gCAAgC,GAA0C,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IAChH,OAAO,CACL,KAAC,sBAAsB,OAAK,KAAK,YAC/B,KAAC,6BAA6B,cAAE,QAAQ,GAAiC,GAClD,CAC1B,CAAA;AACH,CAAC,CAAA"}

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

@@ -0,0 +1,9 @@
+import { XyoPayload } from '@xyo-network/payload';
+import { ContextExState } from '@xyo-network/react-shared';
+import { Dispatch } from 'react';
+export interface DivinedPayloadState extends ContextExState {
+    payload?: XyoPayload | null;
+    setPayload?: Dispatch<XyoPayload | null | undefined>;
+    payloadError?: Error;
+}
+//# sourceMappingURL=State.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"State.d.ts","sourceRoot":"","sources":["../../../../src/contexts/DivinedPayload/State.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAA;AACjD,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAC1D,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEhC,MAAM,WAAW,mBAAoB,SAAQ,cAAc;IACzD,OAAO,CAAC,EAAE,UAAU,GAAG,IAAI,CAAA;IAC3B,UAAU,CAAC,EAAE,QAAQ,CAAC,UAAU,GAAG,IAAI,GAAG,SAAS,CAAC,CAAA;IACpD,YAAY,CAAC,EAAE,KAAK,CAAA;CACrB"}

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

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

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

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

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

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

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

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

package/dist/esm/contexts/DivinedPayload/hooks/index.js

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

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

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

package/dist/esm/contexts/DivinedPayload/hooks/useBuildHuri.d.ts

@@ -0,0 +1,2 @@
+export declare const useBuildHuri: (hash?: string) => string | undefined;
+//# sourceMappingURL=useBuildHuri.d.ts.map

package/dist/esm/contexts/DivinedPayload/hooks/useBuildHuri.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useBuildHuri.d.ts","sourceRoot":"","sources":["../../../../../src/contexts/DivinedPayload/hooks/useBuildHuri.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,YAAY,UAAW,MAAM,uBASzC,CAAA"}

package/dist/esm/contexts/DivinedPayload/hooks/useBuildHuri.js

@@ -0,0 +1,10 @@
+import { useNetwork } from '@xyo-network/react-network';
+export const useBuildHuri = (hash) => {
+    const { network } = useNetwork();
+    const networkUri = network?.nodes?.find((node) => node.type === 'archivist')?.uri;
+    if (!hash) {
+        return;
+    }
+    return `${networkUri}/${hash}`;
+};
+//# sourceMappingURL=useBuildHuri.js.map

package/dist/esm/contexts/DivinedPayload/hooks/useBuildHuri.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useBuildHuri.js","sourceRoot":"","sources":["../../../../../src/contexts/DivinedPayload/hooks/useBuildHuri.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAA;AAEvD,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,IAAa,EAAE,EAAE;IAC5C,MAAM,EAAE,OAAO,EAAE,GAAG,UAAU,EAAE,CAAA;IAChC,MAAM,UAAU,GAAG,OAAO,EAAE,KAAK,EAAE,IAAI,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,KAAK,WAAW,CAAC,EAAE,GAAG,CAAA;IAEjF,IAAI,CAAC,IAAI,EAAE;QACT,OAAM;KACP;IAED,OAAO,GAAG,UAAU,IAAI,IAAI,EAAE,CAAA;AAChC,CAAC,CAAA"}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1,3 +1,4 @@
+export * from './DivinedPayload';
 export * from './Payload';
 export * from './PayloadDiviner';
 //# 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,WAAW,CAAA;AACzB,cAAc,kBAAkB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/contexts/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAA;AAChC,cAAc,WAAW,CAAA;AACzB,cAAc,kBAAkB,CAAA"}

package/dist/esm/contexts/index.js

@@ -1,3 +1,4 @@
+export * from './DivinedPayload';
 export * from './Payload';
 export * from './PayloadDiviner';
 //# 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,WAAW,CAAA;AACzB,cAAc,kBAAkB,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/contexts/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAA;AAChC,cAAc,WAAW,CAAA;AACzB,cAAc,kBAAkB,CAAA"}

package/package.json

@@ -10,27 +10,29 @@
     "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/issues"
   },
   "dependencies": {
-    "@emotion/react": "^11.10.0",
-    "@emotion/styled": "^11.10.0",
+    "@emotion/react": "^11.10.4",
+    "@emotion/styled": "^11.10.4",
     "@mui/icons-material": "^5.10.3",
     "@mui/material": "^5.10.3",
     "@xylabs/react-button": "^2.14.14",
     "@xylabs/react-flexbox": "^2.14.14",
     "@xylabs/react-quick-tip-button": "^2.14.14",
     "@xylabs/react-shared": "^2.14.14",
-    "@xyo-network/api": "^2.29.0",
-    "@xyo-network/archivist": "^2.29.0",
-    "@xyo-network/diviner": "^2.29.0",
-    "@xyo-network/network": "^2.29.0",
-    "@xyo-network/payload": "^2.29.0",
-    "@xyo-network/react-archive": "^2.31.1",
-    "@xyo-network/react-archivist": "^2.31.1",
-    "@xyo-network/react-archivist-api": "^2.31.1",
-    "@xyo-network/react-network": "^2.31.1",
-    "@xyo-network/react-property": "^2.31.1",
-    "@xyo-network/react-schema": "^2.31.1",
-    "@xyo-network/react-shared": "^2.31.1",
-    "@xyo-network/utils": "^2.29.0",
+    "@xyo-network/api": "^2.30.0-rc.3",
+    "@xyo-network/archivist": "^2.30.0-rc.3",
+    "@xyo-network/diviner": "^2.30.0-rc.3",
+    "@xyo-network/network": "^2.30.0-rc.3",
+    "@xyo-network/payload": "^2.30.0-rc.3",
+    "@xyo-network/react-archive": "^2.32.0-rc.2",
+    "@xyo-network/react-archivist": "^2.32.0-rc.2",
+    "@xyo-network/react-archivist-api": "^2.32.0-rc.2",
+    "@xyo-network/react-auth-service": "^2.32.0-rc.2",
+    "@xyo-network/react-network": "^2.32.0-rc.2",
+    "@xyo-network/react-property": "^2.32.0-rc.2",
+    "@xyo-network/react-schema": "^2.32.0-rc.2",
+    "@xyo-network/react-shared": "^2.32.0-rc.2",
+    "@xyo-network/react-webapp": "^2.32.0-rc.2",
+    "@xyo-network/utils": "^2.30.0-rc.3",
     "lodash": "^4.17.21",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
@@ -41,8 +43,7 @@
   "description": "Common React library for all XYO projects that use React",
   "devDependencies": {
     "@storybook/react": "^6.5.10",
-    "@xylabs/tsconfig-dom": "^2.5.163",
-    "@xyo-network/react-storybook": "^2.31.1"
+    "@xyo-network/react-storybook": "^2.32.0-rc.2"
   },
   "browser": "dist/esm/index.js",
   "docs": "dist/docs.json",
@@ -86,5 +87,6 @@
   },
   "sideEffects": false,
   "types": "dist/esm/index.d.ts",
-  "version": "2.31.1"
+  "version": "2.32.0-rc.2",
+  "stableVersion": "2.31.2"
 }

package/src/contexts/DivinedPayload/Context.tsx

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

package/src/contexts/DivinedPayload/Provider.tsx

@@ -0,0 +1,46 @@
+import { WithChildren } from '@xylabs/react-shared'
+import { XyoApiErrorRender } from '@xyo-network/react-auth-service'
+import { ResultLoader } from '@xyo-network/react-webapp'
+import { useParams, useSearchParams } from 'react-router-dom'
+
+import { useDivinePayload } from '../PayloadDiviner'
+import { DivinedPayloadContext } from './Context'
+import { useBuildHuri } from './hooks'
+import { useDivinedPayload } from './use'
+
+interface DivinedPayloadProviderProps extends WithChildren {
+  hash?: string
+}
+
+export const DivinedPayloadProvider: React.FC<DivinedPayloadProviderProps> = ({ children, hash }) => {
+  const { hash: hashParam } = useParams()
+
+  const huriFromHashParam = useBuildHuri(hashParam)
+
+  const [params] = useSearchParams()
+  const huriSearchParameter = params.get('huri')
+  const decodedHuriParam = decodeURIComponent(huriSearchParameter ?? '')
+  const huriUri = hash ?? decodedHuriParam ? decodedHuriParam : huriFromHashParam
+
+  const [payload, setPayload, payloadError] = useDivinePayload(huriUri)
+
+  return <DivinedPayloadContext.Provider value={{ payload, payloadError, provided: true, setPayload }}>{children}</DivinedPayloadContext.Provider>
+}
+
+export const DivinedPayloadWithHandleInner: React.FC<WithChildren> = ({ children }) => {
+  const { payload, payloadError } = useDivinedPayload()
+
+  return (
+    <ResultLoader searchResult={payload} apiError={payloadError} notFound={payload === null}>
+      <XyoApiErrorRender apiError={payloadError}>{children}</XyoApiErrorRender>
+    </ResultLoader>
+  )
+}
+
+export const DivinedPayloadWithHandleProvider: React.FC<DivinedPayloadProviderProps> = ({ children, ...props }) => {
+  return (
+    <DivinedPayloadProvider {...props}>
+      <DivinedPayloadWithHandleInner>{children}</DivinedPayloadWithHandleInner>
+    </DivinedPayloadProvider>
+  )
+}

package/src/contexts/DivinedPayload/State.ts

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

package/src/contexts/DivinedPayload/hooks/index.ts

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

package/src/contexts/DivinedPayload/hooks/useBuildHuri.tsx

@@ -0,0 +1,12 @@
+import { useNetwork } from '@xyo-network/react-network'
+
+export const useBuildHuri = (hash?: string) => {
+  const { network } = useNetwork()
+  const networkUri = network?.nodes?.find((node) => node.type === 'archivist')?.uri
+
+  if (!hash) {
+    return
+  }
+
+  return `${networkUri}/${hash}`
+}

package/src/contexts/DivinedPayload/index.ts

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

package/src/contexts/DivinedPayload/use.ts

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

package/src/contexts/index.ts

@@ -1,2 +1,3 @@
+export * from './DivinedPayload'
 export * from './Payload'
 export * from './PayloadDiviner'