@xyo-network/react-payload 2.26.32 → 2.26.35

package/README.md

@@ -10,7 +10,8 @@
 [![codeclimate-badge][]][codeclimate-link]
 [![snyk-badge][]][snyk-link]
 
-> The XYO Foundation provides this source code available in our efforts to advance the understanding of the XYO Procotol and its possible uses.
+> The XYO Foundation provides this source code available in our efforts to
+> advance the understanding of the XYO Procotol and its possible uses.
 
 ## Table of Contents
 

package/dist/cjs/components/Details/ValidationDetails/ValidationDetails.js

@@ -9,15 +9,14 @@ const payload_1 = require("@xyo-network/payload");
 const react_property_1 = require("@xyo-network/react-property");
 const react_schema_1 = require("@xyo-network/react-schema");
 const PayloadValidationDetails = (_a) => {
-    var _b, _c, _d;
-    var { viewSchemaUrl, skipMeta = false, skipBody = false, value } = _a, props = tslib_1.__rest(_a, ["viewSchemaUrl", "skipMeta", "skipBody", "value"]);
+    var _b, _c;
+    var { viewSchemaUrl, skipBody = false, value } = _a, props = tslib_1.__rest(_a, ["viewSchemaUrl", "skipBody", "value"]);
     const validator = value ? new payload_1.XyoPayloadValidator(value) : undefined;
     const bodyErrors = skipBody ? [] : (_b = validator === null || validator === void 0 ? void 0 : validator.body.validate()) !== null && _b !== void 0 ? _b : [];
-    const metaErrors = skipMeta ? [] : (_c = validator === null || validator === void 0 ? void 0 : validator.meta.validate()) !== null && _c !== void 0 ? _c : [];
-    const errors = [...bodyErrors, ...metaErrors];
+    const errors = [...bodyErrors];
     let elevation = 2;
     if (props.paper) {
-        elevation += (_d = props.elevation) !== null && _d !== void 0 ? _d : 0;
+        elevation += (_c = props.elevation) !== null && _c !== void 0 ? _c : 0;
     }
     return ((0, jsx_runtime_1.jsxs)(react_property_1.PropertyGroup, Object.assign({ titleProps: { elevation }, title: "Validation", tip: "The results from validating the payload" }, props, { children: [(0, jsx_runtime_1.jsx)(react_property_1.Property, { titleProps: { elevation }, flexGrow: 1, title: "Valid", value: errors.length === 0 ? 'True' : 'False', tip: errors.length > 0 ? ((0, jsx_runtime_1.jsx)(react_flexbox_1.FlexCol, { children: errors.map((error, index) => {
                         return (0, jsx_runtime_1.jsx)(material_1.Typography, { children: error.toString() }, index);

package/dist/cjs/components/Details/ValidationDetails/ValidationDetails.js.map

@@ -1 +1 @@
-{"version":3,"file":"ValidationDetails.js","sourceRoot":"","sources":["../../../../../src/components/Details/ValidationDetails/ValidationDetails.tsx"],"names":[],"mappings":";;;;;AAAA,4CAA0C;AAC1C,yDAA+C;AAC/C,kDAA8E;AAC9E,gEAAqE;AACrE,4DAA0D;AAInD,MAAM,wBAAwB,GAA4C,CAAC,EAAsE,EAAE,EAAE;;QAA1E,EAAE,aAAa,EAAE,QAAQ,GAAG,KAAK,EAAE,QAAQ,GAAG,KAAK,EAAE,KAAK,OAAY,EAAP,KAAK,sBAApE,kDAAsE,CAAF;IACpJ,MAAM,SAAS,GAAG,KAAK,CAAC,CAAC,CAAC,IAAI,6BAAmB,CAAC,KAA2B,CAAC,CAAC,CAAC,CAAC,SAAS,CAAA;IAE1F,MAAM,UAAU,GAAG,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,MAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,IAAI,CAAC,QAAQ,EAAE,mCAAI,EAAE,CAAA;IACnE,MAAM,UAAU,GAAG,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,MAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,IAAI,CAAC,QAAQ,EAAE,mCAAI,EAAE,CAAA;IACnE,MAAM,MAAM,GAAY,CAAC,GAAG,UAAU,EAAE,GAAG,UAAU,CAAC,CAAA;IAEtD,IAAI,SAAS,GAAG,CAAC,CAAA;IACjB,IAAI,KAAK,CAAC,KAAK,EAAE;QACf,SAAS,IAAI,MAAA,KAAK,CAAC,SAAS,mCAAI,CAAC,CAAA;KAClC;IAED,OAAO,CACL,wBAAC,8BAAa,kBAAC,UAAU,EAAE,EAAE,SAAS,EAAE,EAAE,KAAK,EAAC,YAAY,EAAC,GAAG,EAAC,yCAAyC,IAAK,KAAK,eAClH,uBAAC,yBAAQ,IACP,UAAU,EAAE,EAAE,SAAS,EAAE,EACzB,QAAQ,EAAE,CAAC,EACX,KAAK,EAAC,OAAO,EACb,KAAK,EAAE,MAAM,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,EAC7C,GAAG,EACD,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAClB,uBAAC,uBAAO,cACL,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE;wBAC3B,OAAO,uBAAC,qBAAU,cAAc,KAAK,CAAC,QAAQ,EAAE,IAAxB,KAAK,CAAiC,CAAA;oBAChE,CAAC,CAAC,GACM,CACX,CAAC,CAAC,CAAC,CACF,uBAAC,qBAAU,4BAAuB,CACnC,GAEH,EACD,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,MAAM,KAAI,uBAAC,6BAAc,IAAC,QAAQ,EAAE,CAAC,EAAE,UAAU,EAAE,EAAE,SAAS,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,MAAM,EAAE,aAAa,EAAE,aAAa,GAAI,KACjH,CACjB,CAAA;AACH,CAAC,CAAA;AAlCY,QAAA,wBAAwB,4BAkCpC"}
+{"version":3,"file":"ValidationDetails.js","sourceRoot":"","sources":["../../../../../src/components/Details/ValidationDetails/ValidationDetails.tsx"],"names":[],"mappings":";;;;;AAAA,4CAA0C;AAC1C,yDAA+C;AAC/C,kDAA8E;AAC9E,gEAAqE;AACrE,4DAA0D;AAInD,MAAM,wBAAwB,GAA4C,CAAC,EAAoD,EAAE,EAAE;;QAAxD,EAAE,aAAa,EAAE,QAAQ,GAAG,KAAK,EAAE,KAAK,OAAY,EAAP,KAAK,sBAAlD,sCAAoD,CAAF;IAClI,MAAM,SAAS,GAAG,KAAK,CAAC,CAAC,CAAC,IAAI,6BAAmB,CAAC,KAA2B,CAAC,CAAC,CAAC,CAAC,SAAS,CAAA;IAE1F,MAAM,UAAU,GAAG,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,MAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,IAAI,CAAC,QAAQ,EAAE,mCAAI,EAAE,CAAA;IACnE,MAAM,MAAM,GAAY,CAAC,GAAG,UAAU,CAAC,CAAA;IAEvC,IAAI,SAAS,GAAG,CAAC,CAAA;IACjB,IAAI,KAAK,CAAC,KAAK,EAAE;QACf,SAAS,IAAI,MAAA,KAAK,CAAC,SAAS,mCAAI,CAAC,CAAA;KAClC;IAED,OAAO,CACL,wBAAC,8BAAa,kBAAC,UAAU,EAAE,EAAE,SAAS,EAAE,EAAE,KAAK,EAAC,YAAY,EAAC,GAAG,EAAC,yCAAyC,IAAK,KAAK,eAClH,uBAAC,yBAAQ,IACP,UAAU,EAAE,EAAE,SAAS,EAAE,EACzB,QAAQ,EAAE,CAAC,EACX,KAAK,EAAC,OAAO,EACb,KAAK,EAAE,MAAM,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,EAC7C,GAAG,EACD,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAClB,uBAAC,uBAAO,cACL,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE;wBAC3B,OAAO,uBAAC,qBAAU,cAAc,KAAK,CAAC,QAAQ,EAAE,IAAxB,KAAK,CAAiC,CAAA;oBAChE,CAAC,CAAC,GACM,CACX,CAAC,CAAC,CAAC,CACF,uBAAC,qBAAU,4BAAuB,CACnC,GAEH,EACD,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,MAAM,KAAI,uBAAC,6BAAc,IAAC,QAAQ,EAAE,CAAC,EAAE,UAAU,EAAE,EAAE,SAAS,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,MAAM,EAAE,aAAa,EAAE,aAAa,GAAI,KACjH,CACjB,CAAA;AACH,CAAC,CAAA;AAjCY,QAAA,wBAAwB,4BAiCpC"}

package/dist/cjs/components/Details/ValidationDetails/ValidationDetailsProps.d.ts

@@ -2,7 +2,6 @@ import { XyoPayloadWithPartialMeta } from '@xyo-network/payload';
 import { PropertyGroupProps } from '@xyo-network/react-property';
 export declare type PayloadValidationDetailsProps = PropertyGroupProps & {
     skipBody?: boolean;
-    skipMeta?: boolean;
     value?: XyoPayloadWithPartialMeta;
     viewSchemaUrl?: string;
 };

package/dist/docs.json

@@ -2,6 +2,15 @@
 	"id": 0,
 	"name": "@xyo-network/react-payload",
 	"kind": 1,
+	"kindString": "Project",
 	"flags": {},
-	"originalName": ""
+	"originalName": "",
+	"sources": [
+		{
+			"fileName": "index.ts",
+			"line": 1,
+			"character": 0,
+			"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/7efa6fa/packages/payload/src/index.ts#L1"
+		}
+	]
 }

package/dist/esm/components/Details/ValidationDetails/ValidationDetails.js

@@ -4,11 +4,10 @@ import { FlexCol } from '@xylabs/react-flexbox';
 import { XyoPayloadValidator } from '@xyo-network/payload';
 import { Property, PropertyGroup } from '@xyo-network/react-property';
 import { SchemaProperty } from '@xyo-network/react-schema';
-export const PayloadValidationDetails = ({ viewSchemaUrl, skipMeta = false, skipBody = false, value, ...props }) => {
+export const PayloadValidationDetails = ({ viewSchemaUrl, skipBody = false, value, ...props }) => {
     const validator = value ? new XyoPayloadValidator(value) : undefined;
     const bodyErrors = skipBody ? [] : validator?.body.validate() ?? [];
-    const metaErrors = skipMeta ? [] : validator?.meta.validate() ?? [];
-    const errors = [...bodyErrors, ...metaErrors];
+    const errors = [...bodyErrors];
     let elevation = 2;
     if (props.paper) {
         elevation += props.elevation ?? 0;

package/dist/esm/components/Details/ValidationDetails/ValidationDetails.js.map

@@ -1 +1 @@
-{"version":3,"file":"ValidationDetails.js","sourceRoot":"","sources":["../../../../../src/components/Details/ValidationDetails/ValidationDetails.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC1C,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAA;AAC/C,OAAO,EAAE,mBAAmB,EAAsB,MAAM,sBAAsB,CAAA;AAC9E,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAA;AACrE,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAI1D,MAAM,CAAC,MAAM,wBAAwB,GAA4C,CAAC,EAAE,aAAa,EAAE,QAAQ,GAAG,KAAK,EAAE,QAAQ,GAAG,KAAK,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IAC1J,MAAM,SAAS,GAAG,KAAK,CAAC,CAAC,CAAC,IAAI,mBAAmB,CAAC,KAA2B,CAAC,CAAC,CAAC,CAAC,SAAS,CAAA;IAE1F,MAAM,UAAU,GAAG,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,EAAE,IAAI,CAAC,QAAQ,EAAE,IAAI,EAAE,CAAA;IACnE,MAAM,UAAU,GAAG,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,EAAE,IAAI,CAAC,QAAQ,EAAE,IAAI,EAAE,CAAA;IACnE,MAAM,MAAM,GAAY,CAAC,GAAG,UAAU,EAAE,GAAG,UAAU,CAAC,CAAA;IAEtD,IAAI,SAAS,GAAG,CAAC,CAAA;IACjB,IAAI,KAAK,CAAC,KAAK,EAAE;QACf,SAAS,IAAI,KAAK,CAAC,SAAS,IAAI,CAAC,CAAA;KAClC;IAED,OAAO,CACL,MAAC,aAAa,IAAC,UAAU,EAAE,EAAE,SAAS,EAAE,EAAE,KAAK,EAAC,YAAY,EAAC,GAAG,EAAC,yCAAyC,KAAK,KAAK,aAClH,KAAC,QAAQ,IACP,UAAU,EAAE,EAAE,SAAS,EAAE,EACzB,QAAQ,EAAE,CAAC,EACX,KAAK,EAAC,OAAO,EACb,KAAK,EAAE,MAAM,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,EAC7C,GAAG,EACD,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAClB,KAAC,OAAO,cACL,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE;wBAC3B,OAAO,KAAC,UAAU,cAAc,KAAK,CAAC,QAAQ,EAAE,IAAxB,KAAK,CAAiC,CAAA;oBAChE,CAAC,CAAC,GACM,CACX,CAAC,CAAC,CAAC,CACF,KAAC,UAAU,4BAAuB,CACnC,GAEH,EACD,KAAK,EAAE,MAAM,IAAI,KAAC,cAAc,IAAC,QAAQ,EAAE,CAAC,EAAE,UAAU,EAAE,EAAE,SAAS,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,MAAM,EAAE,aAAa,EAAE,aAAa,GAAI,IACjH,CACjB,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"ValidationDetails.js","sourceRoot":"","sources":["../../../../../src/components/Details/ValidationDetails/ValidationDetails.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC1C,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAA;AAC/C,OAAO,EAAE,mBAAmB,EAAsB,MAAM,sBAAsB,CAAA;AAC9E,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAA;AACrE,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAI1D,MAAM,CAAC,MAAM,wBAAwB,GAA4C,CAAC,EAAE,aAAa,EAAE,QAAQ,GAAG,KAAK,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACxI,MAAM,SAAS,GAAG,KAAK,CAAC,CAAC,CAAC,IAAI,mBAAmB,CAAC,KAA2B,CAAC,CAAC,CAAC,CAAC,SAAS,CAAA;IAE1F,MAAM,UAAU,GAAG,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,EAAE,IAAI,CAAC,QAAQ,EAAE,IAAI,EAAE,CAAA;IACnE,MAAM,MAAM,GAAY,CAAC,GAAG,UAAU,CAAC,CAAA;IAEvC,IAAI,SAAS,GAAG,CAAC,CAAA;IACjB,IAAI,KAAK,CAAC,KAAK,EAAE;QACf,SAAS,IAAI,KAAK,CAAC,SAAS,IAAI,CAAC,CAAA;KAClC;IAED,OAAO,CACL,MAAC,aAAa,IAAC,UAAU,EAAE,EAAE,SAAS,EAAE,EAAE,KAAK,EAAC,YAAY,EAAC,GAAG,EAAC,yCAAyC,KAAK,KAAK,aAClH,KAAC,QAAQ,IACP,UAAU,EAAE,EAAE,SAAS,EAAE,EACzB,QAAQ,EAAE,CAAC,EACX,KAAK,EAAC,OAAO,EACb,KAAK,EAAE,MAAM,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,EAC7C,GAAG,EACD,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAClB,KAAC,OAAO,cACL,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE;wBAC3B,OAAO,KAAC,UAAU,cAAc,KAAK,CAAC,QAAQ,EAAE,IAAxB,KAAK,CAAiC,CAAA;oBAChE,CAAC,CAAC,GACM,CACX,CAAC,CAAC,CAAC,CACF,KAAC,UAAU,4BAAuB,CACnC,GAEH,EACD,KAAK,EAAE,MAAM,IAAI,KAAC,cAAc,IAAC,QAAQ,EAAE,CAAC,EAAE,UAAU,EAAE,EAAE,SAAS,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,MAAM,EAAE,aAAa,EAAE,aAAa,GAAI,IACjH,CACjB,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/components/Details/ValidationDetails/ValidationDetailsProps.d.ts

@@ -2,7 +2,6 @@ import { XyoPayloadWithPartialMeta } from '@xyo-network/payload';
 import { PropertyGroupProps } from '@xyo-network/react-property';
 export declare type PayloadValidationDetailsProps = PropertyGroupProps & {
     skipBody?: boolean;
-    skipMeta?: boolean;
     value?: XyoPayloadWithPartialMeta;
     viewSchemaUrl?: string;
 };

package/package.json

@@ -13,23 +13,23 @@
     "@emotion/react": "^11.9.3",
     "@emotion/styled": "^11.9.3",
     "@mui/icons-material": "^5.8.4",
-    "@mui/material": "^5.9.1",
+    "@mui/material": "^5.9.2",
     "@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.22.11",
-    "@xyo-network/network": "^2.22.11",
-    "@xyo-network/payload": "^2.22.11",
-    "@xyo-network/react-archive": "^2.26.32",
-    "@xyo-network/react-archivist": "^2.26.32",
-    "@xyo-network/react-archivist-api": "^2.26.32",
-    "@xyo-network/react-auth-service": "^2.26.32",
-    "@xyo-network/react-network": "^2.26.32",
-    "@xyo-network/react-property": "^2.26.32",
-    "@xyo-network/react-schema": "^2.26.32",
-    "@xyo-network/react-shared": "^2.26.32",
-    "@xyo-network/utils": "^2.22.11",
+    "@xyo-network/api": "^2.22.15",
+    "@xyo-network/network": "^2.22.15",
+    "@xyo-network/payload": "^2.22.15",
+    "@xyo-network/react-archive": "^2.26.35",
+    "@xyo-network/react-archivist": "^2.26.35",
+    "@xyo-network/react-archivist-api": "^2.26.35",
+    "@xyo-network/react-auth-service": "^2.26.35",
+    "@xyo-network/react-network": "^2.26.35",
+    "@xyo-network/react-property": "^2.26.35",
+    "@xyo-network/react-schema": "^2.26.35",
+    "@xyo-network/react-shared": "^2.26.35",
+    "@xyo-network/utils": "^2.22.15",
     "luxon": "^3.0.1",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
@@ -44,7 +44,7 @@
     "@babel/preset-env": "^7.18.9",
     "@storybook/react": "^6.5.9",
     "@types/luxon": "^3.0.0",
-    "@xylabs/tsconfig": "^1.0.14"
+    "@xylabs/tsconfig-dom": "^2.5.3"
   },
   "browser": "dist/esm/index.js",
   "docs": "dist/docs.json",
@@ -95,5 +95,5 @@
   },
   "sideEffects": false,
   "types": "dist/esm/index.d.ts",
-  "version": "2.26.32"
+  "version": "2.26.35"
 }

package/babel.config.json

@@ -1,5 +0,0 @@
-{
-    "presets": [
-        "@babel/preset-env"
-    ]
-}

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

@@ -1,3 +0,0 @@
-import { XyoApiError } from '@xyo-network/api';
-import { XyoPayload } from '@xyo-network/core';
-export declare const usePayload: (hash?: string) => [XyoPayload | undefined, boolean, XyoApiError | undefined];

package/dist/cjs/hooks/usePayload.js

@@ -1,42 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.usePayload = 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");
-const usePayload = (hash) => {
-    const { api } = (0, react_archivist_api_1.useArchivistApi)();
-    const { archive } = (0, react_archive_1.useArchive)();
-    const [notFound, setNotFound] = (0, react_1.useState)(false);
-    const [apiError, setApiError] = (0, react_1.useState)();
-    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 (hash && hash.length > 0) {
-            try {
-                const result = yield (api === null || api === void 0 ? void 0 : api.archive(archive).payload.hash(hash).get());
-                if (mounted()) {
-                    setApiError(undefined);
-                    if (result === null || result === void 0 ? void 0 : result.length) {
-                        setPayload(result[0]);
-                    }
-                    else if (result) {
-                        setNotFound(true);
-                        setPayload(undefined);
-                    }
-                }
-            }
-            catch (e) {
-                setApiError(e);
-                setPayload(undefined);
-                console.error(e);
-            }
-        }
-    }), [hash, api, archive]);
-    return [payload, notFound, apiError];
-};
-exports.usePayload = usePayload;
-//# sourceMappingURL=usePayload.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"usePayload.js","sourceRoot":"","sources":["../../../src/hooks/usePayload.tsx"],"names":[],"mappings":";;;;AAAA,uDAAqD;AAGrD,8DAAuD;AACvD,0EAAkE;AAClE,iCAAgC;AAEzB,MAAM,UAAU,GAAG,CAAC,IAAa,EAA8D,EAAE;IACtG,MAAM,EAAE,GAAG,EAAE,GAAG,IAAA,qCAAe,GAAE,CAAA;IACjC,MAAM,EAAE,OAAO,EAAE,GAAG,IAAA,0BAAU,GAAE,CAAA;IAChC,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAA;IAC/C,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,IAAA,gBAAQ,GAAe,CAAA;IACvD,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,IAAA,gBAAQ,GAAc,CAAA;IACpD,IAAA,6BAAc;IACZ,uDAAuD;IACvD,CAAO,OAAO,EAAE,EAAE;QAChB,IAAI,IAAI,IAAI,IAAI,CAAC,MAAM,GAAG,CAAC,EAAE;YAC3B,IAAI;gBACF,MAAM,MAAM,GAAG,MAAM,CAAA,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,OAAO,CAAC,OAAO,EAAE,OAAO,CAAC,IAAI,CAAC,IAAI,EAAE,GAAG,EAAE,CAAA,CAAA;gBACnE,IAAI,OAAO,EAAE,EAAE;oBACb,WAAW,CAAC,SAAS,CAAC,CAAA;oBACtB,IAAI,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,MAAM,EAAE;wBAClB,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAA;qBACtB;yBAAM,IAAI,MAAM,EAAE;wBACjB,WAAW,CAAC,IAAI,CAAC,CAAA;wBACjB,UAAU,CAAC,SAAS,CAAC,CAAA;qBACtB;iBACF;aACF;YAAC,OAAO,CAAC,EAAE;gBACV,WAAW,CAAC,CAAgB,CAAC,CAAA;gBAC7B,UAAU,CAAC,SAAS,CAAC,CAAA;gBACrB,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAA;aACjB;SACF;IACH,CAAC,CAAA,EACD,CAAC,IAAI,EAAE,GAAG,EAAE,OAAO,CAAC,CACrB,CAAA;IACD,OAAO,CAAC,OAAO,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAA;AACtC,CAAC,CAAA;AA/BY,QAAA,UAAU,cA+BtB"}

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

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

package/dist/esm/hooks/usePayload.js

@@ -1,52 +0,0 @@
-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';
-export const usePayload = (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=usePayload.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"usePayload.js","sourceRoot":"","sources":["../../../src/hooks/usePayload.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,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,IAAa,EAAc,EAAE;IACtD,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/src/components/Details/DataDetails.tsx

@@ -1,65 +0,0 @@
-import ContentCopyIcon from '@mui/icons-material/ContentCopy'
-import VisibilityIcon from '@mui/icons-material/Visibility'
-import { Dialog, DialogActions, DialogContent, DialogTitle } from '@mui/material'
-import { ButtonEx } from '@xylabs/react-button'
-import { XyoPayload, XyoPayloadWrapper } from '@xyo-network/payload'
-import { Property, PropertyAction, PropertyProps } from '@xyo-network/react-property'
-import { SizeProp } from '@xyo-network/react-shared'
-import { useState } from 'react'
-
-import { PayloadHashSourceDetails } from './HashSourceDetails'
-
-export type PayloadDataDetailsProps = PropertyProps & {
-  payload?: XyoPayload
-  size?: SizeProp
-  badge?: boolean
-}
-
-export const PayloadDataDetails: React.FC<PayloadDataDetailsProps> = ({ size, badge, payload, ...props }) => {
-  const wrapper = payload ? new XyoPayloadWrapper(payload) : undefined
-
-  const [viewSourceOpen, setViewSourceOpen] = useState(false)
-  const hash = wrapper?.hash
-
-  let elevation = 2
-  if (props.paper) {
-    elevation += props.elevation ?? 0
-  }
-
-  const actions: PropertyAction[] = [
-    {
-      icon: <VisibilityIcon />,
-      name: 'View',
-      onClick: () => setViewSourceOpen(true),
-    },
-    {
-      icon: <ContentCopyIcon />,
-      name: 'Copy',
-      onClick: async () => await navigator.clipboard.writeText(wrapper?.hash ?? ''),
-    },
-  ]
-
-  const onCopy = async () => {
-    await navigator.clipboard.writeText(wrapper?.stringified ?? '')
-  }
-
-  return (
-    <>
-      <Property titleProps={{ elevation }} badge={badge} size={size} actions={actions} title="Payload Hash" value={hash ?? '<Unknown>'} tip="This is the payload hash" {...props} />
-      <Dialog open={viewSourceOpen} onClose={() => setViewSourceOpen(false)}>
-        <DialogTitle>Hash Source</DialogTitle>
-        <DialogContent>
-          <PayloadHashSourceDetails noTitle payload={payload} />
-        </DialogContent>
-        <DialogActions>
-          <ButtonEx color="secondary" onClick={onCopy}>
-            Copy
-          </ButtonEx>
-          <ButtonEx color="secondary" onClick={() => setViewSourceOpen(false)}>
-            Close
-          </ButtonEx>
-        </DialogActions>
-      </Dialog>
-    </>
-  )
-}

package/src/components/Details/Details.stories.tsx

@@ -1,62 +0,0 @@
-import { ComponentMeta, ComponentStory } from '@storybook/react'
-import { BrowserRouter, Route, Routes } from 'react-router-dom'
-
-import { appThemeDecorator, samplePayload, samplePayloadFromBuilder } from '../../../../../.storybook'
-import { PayloadDetails } from './Details'
-
-const StorybookEntry = {
-  argTypes: {},
-  component: PayloadDetails,
-  parameters: {
-    docs: {
-      page: null,
-    },
-  },
-  title: 'payload/Details',
-} as ComponentMeta<typeof PayloadDetails>
-
-const Template: ComponentStory<typeof PayloadDetails> = (args) => (
-  <BrowserRouter>
-    <Routes>
-      <Route path="temp" element={<h1>Successfully navigated to archivePath</h1>} />
-      <Route path="*" element={<PayloadDetails {...args}></PayloadDetails>}></Route>
-    </Routes>
-  </BrowserRouter>
-)
-
-const Default = Template.bind({})
-Default.args = {}
-Default.decorators = [appThemeDecorator]
-
-const WithSample = Template.bind({})
-WithSample.args = { payload: samplePayload }
-WithSample.decorators = [appThemeDecorator]
-
-const WithBuilderSample = Template.bind({})
-WithBuilderSample.args = { payload: samplePayloadFromBuilder }
-WithBuilderSample.decorators = [appThemeDecorator]
-
-const WithArchiveLink = Template.bind({})
-WithArchiveLink.args = { archivePath: 'temp', payload: samplePayloadFromBuilder }
-WithArchiveLink.decorators = [appThemeDecorator]
-
-const DefaultPaper = Template.bind({})
-DefaultPaper.args = { paper: true }
-DefaultPaper.decorators = [appThemeDecorator]
-
-const WithSamplePaper = Template.bind({})
-WithSamplePaper.args = { paper: true, payload: samplePayload }
-WithSamplePaper.decorators = [appThemeDecorator]
-
-const WithBuilderSamplePaper = Template.bind({})
-WithBuilderSamplePaper.args = { paper: true, payload: samplePayloadFromBuilder }
-WithBuilderSamplePaper.decorators = [appThemeDecorator]
-
-const WithArchiveLinkPaper = Template.bind({})
-WithArchiveLinkPaper.args = { archivePath: 'temp', paper: true, payload: samplePayloadFromBuilder }
-WithArchiveLinkPaper.decorators = [appThemeDecorator]
-
-export { Default, DefaultPaper, WithArchiveLink, WithArchiveLinkPaper, WithBuilderSample, WithBuilderSamplePaper, WithSample, WithSamplePaper }
-
-// eslint-disable-next-line import/no-default-export
-export default StorybookEntry

package/src/components/Details/Details.tsx

@@ -1,27 +0,0 @@
-import { FlexBoxProps, FlexCol } from '@xylabs/react-flexbox'
-import { XyoPayload } from '@xyo-network/payload'
-
-import { PayloadDataDetails } from './DataDetails'
-import { PayloadJsonDetails } from './JsonDetails'
-import { PayloadMetaDetails } from './MetaDetails'
-import { PayloadValidationDetails } from './ValidationDetails'
-
-export type WithPaper<T> = T & { paper: true }
-export type WithoutPaper<T> = T & { paper?: false }
-
-export type PayloadDetailsProps = FlexBoxProps & {
-  payload?: XyoPayload
-  paper?: boolean
-  archivePath?: string
-}
-
-export const PayloadDetails: React.FC<PayloadDetailsProps> = ({ archivePath, paper, payload, ...props }) => {
-  return (
-    <FlexCol gap={1} justifyContent="flex-start" alignItems="stretch" marginTop={2} marginBottom={8} {...props}>
-      <PayloadDataDetails paper={paper} size="large" badge payload={payload} />
-      <PayloadMetaDetails archivePath={archivePath} paper={paper ? true : false} value={payload} />
-      <PayloadValidationDetails paper={paper} value={payload} />
-      <PayloadJsonDetails paper={paper} payload={payload} />
-    </FlexCol>
-  )
-}

package/src/components/Details/HashSourceDetails.tsx

@@ -1,41 +0,0 @@
-import ContentCopyIcon from '@mui/icons-material/ContentCopy'
-import { IconButton, Typography, useTheme } from '@mui/material'
-import { FlexBoxProps, FlexCol, FlexGrowRow, FlexRow } from '@xylabs/react-flexbox'
-import { QuickTipButton } from '@xylabs/react-quick-tip-button'
-import { XyoPayload, XyoPayloadWrapper } from '@xyo-network/payload'
-
-export interface PayloadHashSourceDetailsProps extends FlexBoxProps {
-  noTitle?: boolean
-  payload?: XyoPayload
-}
-
-export const PayloadHashSourceDetails: React.FC<PayloadHashSourceDetailsProps> = ({ noTitle = false, payload, ...props }) => {
-  const theme = useTheme()
-  const payloadWrapper = payload ? new XyoPayloadWrapper(payload) : null
-
-  return (
-    <FlexCol alignItems="stretch" {...props}>
-      {noTitle ? null : (
-        <FlexRow margin={1} justifyContent="flex-start">
-          <Typography>Hash Source</Typography>
-          <QuickTipButton title="Hash Source">The actual string used to generate the hash (SHA256)</QuickTipButton>
-        </FlexRow>
-      )}
-      <FlexRow>
-        <FlexGrowRow background border={1} borderColor={theme.palette.divider} justifyContent="start">
-          <Typography padding={2} fontFamily="monospace" variant="body1" sx={{ overflowWrap: 'break-word', wordBreak: 'break-all' }}>
-            {payloadWrapper?.stringified ?? ''}
-          </Typography>
-        </FlexGrowRow>
-        <IconButton>
-          <ContentCopyIcon />
-        </IconButton>
-      </FlexRow>
-      {noTitle ? (
-        <FlexRow margin={1} justifyContent="flex-start">
-          <Typography variant="body2">The actual string used to generate the hash (SHA256). This can be used to validate the hash manually.</Typography>
-        </FlexRow>
-      ) : null}
-    </FlexCol>
-  )
-}

package/src/components/Details/JsonDetails.tsx

@@ -1,44 +0,0 @@
-import { Paper, useMediaQuery, useTheme } from '@mui/material'
-import { FlexGrowRow } from '@xylabs/react-flexbox'
-import { XyoPayload } from '@xyo-network/payload'
-import { PropertyGroup, PropertyGroupProps } from '@xyo-network/react-property'
-import { lazy, Suspense } from 'react'
-import { ReactJsonViewProps } from 'react-json-view'
-
-const JsonView = lazy(() => import(/* webpackChunkName: "jsonView" */ 'react-json-view'))
-
-export type PayloadJsonDetailsProps = PropertyGroupProps & {
-  payload?: XyoPayload
-  jsonViewProps?: ReactJsonViewProps
-}
-
-export const PayloadJsonDetails: React.FC<PayloadJsonDetailsProps> = ({ jsonViewProps, payload = {}, ...props }) => {
-  const { breakpoints, palette } = useTheme()
-  const belowSm = useMediaQuery(breakpoints.down('sm'))
-
-  let elevation = 2
-  if (props.paper) {
-    elevation += props.elevation ?? 0
-  }
-
-  const jsonTheme = palette.mode === 'dark' ? 'shapeshifter' : undefined
-
-  return (
-    <PropertyGroup titleProps={{ elevation }} title="JSON" tip="The raw JSON of the payload" {...props}>
-      <Paper square variant="elevation" style={{ overflow: 'hidden', padding: '16px', width: '100%' }}>
-        <Suspense fallback={<FlexGrowRow />}>
-          <JsonView
-            groupArraysAfterLength={5}
-            shouldCollapse={(props) => props.name !== 'root'}
-            style={{ backgroundColor: undefined, overflow: 'hidden' }}
-            src={payload}
-            enableClipboard
-            theme={jsonTheme}
-            collapseStringsAfterLength={belowSm ? 24 : 32}
-            {...jsonViewProps}
-          />
-        </Suspense>
-      </Paper>
-    </PropertyGroup>
-  )
-}

package/src/components/Details/MetaDetails.tsx

@@ -1,38 +0,0 @@
-import { XyoPayloadWithPartialMeta } from '@xyo-network/payload'
-import { ArchiveProperty } from '@xyo-network/react-archive'
-import { Property, PropertyGroup, PropertyGroupProps } from '@xyo-network/react-property'
-
-export type PayloadMetaDetailsProps = PropertyGroupProps & {
-  value?: XyoPayloadWithPartialMeta
-  archivePath?: string
-}
-
-export const PayloadMetaDetails: React.FC<PayloadMetaDetailsProps> = ({ archivePath, value, ...props }) => {
-  let elevation = 2
-  if (props.paper) {
-    elevation += props.elevation ?? 0
-  }
-  return (
-    <PropertyGroup titleProps={{ elevation }} title="Meta" tip="The meta fields added to the record by the archivist" {...props}>
-      {value?._client ? (
-        <Property titleProps={{ elevation }} flexGrow={1} title="Client" value={value?._client ?? '<Unknown>'} tip="This client used to create this payload" />
-      ) : null}
-      {value?._archive ? <ArchiveProperty titleProps={{ elevation }} flexGrow={1} payload={value} path={archivePath} /> : null}
-      {value?._reportedHash ? (
-        <Property titleProps={{ elevation }} flexGrow={1} title="Reported Hash" value={value?._reportedHash ?? '<Unknown>'} tip="The has reported by the payload" />
-      ) : null}
-      {value?._timestamp ? (
-        <Property titleProps={{ elevation }} flexGrow={1} title="Timestamp" value={value?._timestamp ?? '<Unknown>'} tip="This timestamp of the payload" />
-      ) : null}
-      {value?._observeDuration ? (
-        <Property
-          titleProps={{ elevation }}
-          flexGrow={1}
-          title="Observation Duration"
-          value={value?._observeDuration ?? '<Unknown>'}
-          tip="This duration of time observed by the witness"
-        />
-      ) : null}
-    </PropertyGroup>
-  )
-}

package/src/components/Details/ValidationDetails/ValidationDetails.stories.tsx

@@ -1,55 +0,0 @@
-import { ComponentStory, Meta } from '@storybook/react'
-import { BrowserRouter } from 'react-router-dom'
-
-import { appThemeDecorator, samplePayload } from '../../../../../../.storybook'
-import { PayloadDetails } from '../Details'
-import { PayloadValidationDetails } from './ValidationDetails'
-
-const StorybookEntry: Meta = {
-  argTypes: {},
-  args: {
-    value: {
-      schema: 'network.xyo.schema',
-    },
-  },
-  component: PayloadDetails,
-  decorators: [appThemeDecorator],
-  parameters: {
-    docs: {
-      page: null,
-    },
-  },
-  title: 'payload/ValidationDetails',
-}
-
-const Template: ComponentStory<typeof PayloadValidationDetails> = (args) => (
-  <BrowserRouter>
-    <PayloadValidationDetails {...args} />
-  </BrowserRouter>
-)
-
-const Default = Template.bind({})
-Default.args = { skipBody: true, skipMeta: true }
-
-const WithViewSchemaLink = Template.bind({})
-WithViewSchemaLink.args = { viewSchemaUrl: 'http://beta.explore.xyo.network/6fe3f745b1179fefa74cc3c7eab58321bee1c9ca9e34d9585467364cc5d3bbe2/?huri=huri' }
-
-const WithErrorsInToolTip = Template.bind({})
-// eslint-disable-next-line @typescript-eslint/ban-ts-comment
-// @ts-ignore
-WithErrorsInToolTip.args = { value: { ...samplePayload, ...{ _hash: '6fe3f745b1179fefa74cc3c7eab58321bee1c9ca9e34d9585467364cc5d3bbe2' } } }
-
-const SkipBody = Template.bind({})
-// eslint-disable-next-line @typescript-eslint/ban-ts-comment
-// @ts-ignore
-SkipBody.args = { skipBody: true, value: { _hash: '44136fa355b3678a1146ad16f7e8649e94fb4fc21fe77e8310c060f61caaff8a', _timestamp: new Date().getTime() } }
-
-const SkipMeta = Template.bind({})
-// eslint-disable-next-line @typescript-eslint/ban-ts-comment
-// @ts-ignore
-SkipMeta.args = { skipMeta: true, value: { _hash: null, schema: 'network.xyo.schema' } }
-
-export { Default, SkipBody, SkipMeta, WithErrorsInToolTip, WithViewSchemaLink }
-
-// eslint-disable-next-line import/no-default-export
-export default StorybookEntry