@xyo-network/react-payload-details 2.60.12 → 2.62.3

package/dist/docs.json

@@ -16,7 +16,7 @@
 					"fileName": "packages/sdk/packages/payload/packages/details/src/components/Details/DataDetails.tsx",
 					"line": 13,
 					"character": 12,
-					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/97ddcca614b1/packages/sdk/packages/payload/packages/details/src/components/Details/DataDetails.tsx#L13"
+					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/6e04b89cd41a/packages/sdk/packages/payload/packages/details/src/components/Details/DataDetails.tsx#L13"
 				}
 			],
 			"type": {
@@ -53,7 +53,7 @@
 											"fileName": "packages/sdk/packages/payload/packages/details/src/components/Details/DataDetails.tsx",
 											"line": 14,
 											"character": 2,
-											"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/97ddcca614b1/packages/sdk/packages/payload/packages/details/src/components/Details/DataDetails.tsx#L14"
+											"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/6e04b89cd41a/packages/sdk/packages/payload/packages/details/src/components/Details/DataDetails.tsx#L14"
 										}
 									],
 									"type": {
@@ -74,7 +74,7 @@
 											"fileName": "packages/sdk/packages/payload/packages/details/src/components/Details/DataDetails.tsx",
 											"line": 15,
 											"character": 2,
-											"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/97ddcca614b1/packages/sdk/packages/payload/packages/details/src/components/Details/DataDetails.tsx#L15"
+											"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/6e04b89cd41a/packages/sdk/packages/payload/packages/details/src/components/Details/DataDetails.tsx#L15"
 										}
 									],
 									"type": {
@@ -100,7 +100,7 @@
 											"fileName": "packages/sdk/packages/payload/packages/details/src/components/Details/DataDetails.tsx",
 											"line": 16,
 											"character": 2,
-											"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/97ddcca614b1/packages/sdk/packages/payload/packages/details/src/components/Details/DataDetails.tsx#L16"
+											"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/6e04b89cd41a/packages/sdk/packages/payload/packages/details/src/components/Details/DataDetails.tsx#L16"
 										}
 									],
 									"type": {
@@ -129,7 +129,7 @@
 									"fileName": "packages/sdk/packages/payload/packages/details/src/components/Details/DataDetails.tsx",
 									"line": 13,
 									"character": 54,
-									"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/97ddcca614b1/packages/sdk/packages/payload/packages/details/src/components/Details/DataDetails.tsx#L13"
+									"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/6e04b89cd41a/packages/sdk/packages/payload/packages/details/src/components/Details/DataDetails.tsx#L13"
 								}
 							]
 						}
@@ -148,7 +148,7 @@
 					"fileName": "packages/sdk/packages/payload/packages/details/src/components/Details/Details.tsx",
 					"line": 12,
 					"character": 12,
-					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/97ddcca614b1/packages/sdk/packages/payload/packages/details/src/components/Details/Details.tsx#L12"
+					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/6e04b89cd41a/packages/sdk/packages/payload/packages/details/src/components/Details/Details.tsx#L12"
 				}
 			],
 			"type": {
@@ -185,7 +185,7 @@
 											"fileName": "packages/sdk/packages/payload/packages/details/src/components/Details/Details.tsx",
 											"line": 13,
 											"character": 2,
-											"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/97ddcca614b1/packages/sdk/packages/payload/packages/details/src/components/Details/Details.tsx#L13"
+											"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/6e04b89cd41a/packages/sdk/packages/payload/packages/details/src/components/Details/Details.tsx#L13"
 										}
 									],
 									"type": {
@@ -206,7 +206,7 @@
 											"fileName": "packages/sdk/packages/payload/packages/details/src/components/Details/Details.tsx",
 											"line": 14,
 											"character": 2,
-											"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/97ddcca614b1/packages/sdk/packages/payload/packages/details/src/components/Details/Details.tsx#L14"
+											"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/6e04b89cd41a/packages/sdk/packages/payload/packages/details/src/components/Details/Details.tsx#L14"
 										}
 									],
 									"type": {
@@ -234,7 +234,7 @@
 									"fileName": "packages/sdk/packages/payload/packages/details/src/components/Details/Details.tsx",
 									"line": 12,
 									"character": 49,
-									"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/97ddcca614b1/packages/sdk/packages/payload/packages/details/src/components/Details/Details.tsx#L12"
+									"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/6e04b89cd41a/packages/sdk/packages/payload/packages/details/src/components/Details/Details.tsx#L12"
 								}
 							]
 						}
@@ -253,7 +253,7 @@
 					"fileName": "packages/sdk/packages/payload/packages/details/src/components/Details/JsonDetails.tsx",
 					"line": 10,
 					"character": 12,
-					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/97ddcca614b1/packages/sdk/packages/payload/packages/details/src/components/Details/JsonDetails.tsx#L10"
+					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/6e04b89cd41a/packages/sdk/packages/payload/packages/details/src/components/Details/JsonDetails.tsx#L10"
 				}
 			],
 			"type": {
@@ -290,7 +290,7 @@
 											"fileName": "packages/sdk/packages/payload/packages/details/src/components/Details/JsonDetails.tsx",
 											"line": 11,
 											"character": 2,
-											"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/97ddcca614b1/packages/sdk/packages/payload/packages/details/src/components/Details/JsonDetails.tsx#L11"
+											"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/6e04b89cd41a/packages/sdk/packages/payload/packages/details/src/components/Details/JsonDetails.tsx#L11"
 										}
 									],
 									"type": {
@@ -316,7 +316,7 @@
 											"fileName": "packages/sdk/packages/payload/packages/details/src/components/Details/JsonDetails.tsx",
 											"line": 12,
 											"character": 2,
-											"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/97ddcca614b1/packages/sdk/packages/payload/packages/details/src/components/Details/JsonDetails.tsx#L12"
+											"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/6e04b89cd41a/packages/sdk/packages/payload/packages/details/src/components/Details/JsonDetails.tsx#L12"
 										}
 									],
 									"type": {
@@ -344,7 +344,7 @@
 									"fileName": "packages/sdk/packages/payload/packages/details/src/components/Details/JsonDetails.tsx",
 									"line": 10,
 									"character": 59,
-									"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/97ddcca614b1/packages/sdk/packages/payload/packages/details/src/components/Details/JsonDetails.tsx#L10"
+									"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/6e04b89cd41a/packages/sdk/packages/payload/packages/details/src/components/Details/JsonDetails.tsx#L10"
 								}
 							]
 						}
@@ -363,7 +363,7 @@
 					"fileName": "packages/sdk/packages/payload/packages/details/src/components/Details/ValidationDetails/ValidationDetailsProps.ts",
 					"line": 4,
 					"character": 12,
-					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/97ddcca614b1/packages/sdk/packages/payload/packages/details/src/components/Details/ValidationDetails/ValidationDetailsProps.ts#L4"
+					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/6e04b89cd41a/packages/sdk/packages/payload/packages/details/src/components/Details/ValidationDetails/ValidationDetailsProps.ts#L4"
 				}
 			],
 			"type": {
@@ -400,7 +400,7 @@
 											"fileName": "packages/sdk/packages/payload/packages/details/src/components/Details/ValidationDetails/ValidationDetailsProps.ts",
 											"line": 5,
 											"character": 2,
-											"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/97ddcca614b1/packages/sdk/packages/payload/packages/details/src/components/Details/ValidationDetails/ValidationDetailsProps.ts#L5"
+											"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/6e04b89cd41a/packages/sdk/packages/payload/packages/details/src/components/Details/ValidationDetails/ValidationDetailsProps.ts#L5"
 										}
 									],
 									"type": {
@@ -421,7 +421,7 @@
 											"fileName": "packages/sdk/packages/payload/packages/details/src/components/Details/ValidationDetails/ValidationDetailsProps.ts",
 											"line": 6,
 											"character": 2,
-											"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/97ddcca614b1/packages/sdk/packages/payload/packages/details/src/components/Details/ValidationDetails/ValidationDetailsProps.ts#L6"
+											"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/6e04b89cd41a/packages/sdk/packages/payload/packages/details/src/components/Details/ValidationDetails/ValidationDetailsProps.ts#L6"
 										}
 									],
 									"type": {
@@ -449,7 +449,7 @@
 									"fileName": "packages/sdk/packages/payload/packages/details/src/components/Details/ValidationDetails/ValidationDetailsProps.ts",
 									"line": 4,
 									"character": 65,
-									"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/97ddcca614b1/packages/sdk/packages/payload/packages/details/src/components/Details/ValidationDetails/ValidationDetailsProps.ts#L4"
+									"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/6e04b89cd41a/packages/sdk/packages/payload/packages/details/src/components/Details/ValidationDetails/ValidationDetailsProps.ts#L4"
 								}
 							]
 						}
@@ -468,7 +468,7 @@
 					"fileName": "packages/sdk/packages/payload/packages/details/src/components/Details/Details.tsx",
 					"line": 9,
 					"character": 12,
-					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/97ddcca614b1/packages/sdk/packages/payload/packages/details/src/components/Details/Details.tsx#L9"
+					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/6e04b89cd41a/packages/sdk/packages/payload/packages/details/src/components/Details/Details.tsx#L9"
 				}
 			],
 			"typeParameters": [
@@ -509,7 +509,7 @@
 											"fileName": "packages/sdk/packages/payload/packages/details/src/components/Details/Details.tsx",
 											"line": 9,
 											"character": 33,
-											"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/97ddcca614b1/packages/sdk/packages/payload/packages/details/src/components/Details/Details.tsx#L9"
+											"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/6e04b89cd41a/packages/sdk/packages/payload/packages/details/src/components/Details/Details.tsx#L9"
 										}
 									],
 									"type": {
@@ -531,7 +531,7 @@
 									"fileName": "packages/sdk/packages/payload/packages/details/src/components/Details/Details.tsx",
 									"line": 9,
 									"character": 31,
-									"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/97ddcca614b1/packages/sdk/packages/payload/packages/details/src/components/Details/Details.tsx#L9"
+									"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/6e04b89cd41a/packages/sdk/packages/payload/packages/details/src/components/Details/Details.tsx#L9"
 								}
 							]
 						}
@@ -550,7 +550,7 @@
 					"fileName": "packages/sdk/packages/payload/packages/details/src/components/Details/Details.tsx",
 					"line": 10,
 					"character": 12,
-					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/97ddcca614b1/packages/sdk/packages/payload/packages/details/src/components/Details/Details.tsx#L10"
+					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/6e04b89cd41a/packages/sdk/packages/payload/packages/details/src/components/Details/Details.tsx#L10"
 				}
 			],
 			"typeParameters": [
@@ -593,7 +593,7 @@
 											"fileName": "packages/sdk/packages/payload/packages/details/src/components/Details/Details.tsx",
 											"line": 10,
 											"character": 36,
-											"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/97ddcca614b1/packages/sdk/packages/payload/packages/details/src/components/Details/Details.tsx#L10"
+											"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/6e04b89cd41a/packages/sdk/packages/payload/packages/details/src/components/Details/Details.tsx#L10"
 										}
 									],
 									"type": {
@@ -615,7 +615,7 @@
 									"fileName": "packages/sdk/packages/payload/packages/details/src/components/Details/Details.tsx",
 									"line": 10,
 									"character": 34,
-									"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/97ddcca614b1/packages/sdk/packages/payload/packages/details/src/components/Details/Details.tsx#L10"
+									"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/6e04b89cd41a/packages/sdk/packages/payload/packages/details/src/components/Details/Details.tsx#L10"
 								}
 							]
 						}
@@ -634,7 +634,7 @@
 					"fileName": "packages/sdk/packages/payload/packages/details/src/components/Details/DataDetails.tsx",
 					"line": 19,
 					"character": 13,
-					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/97ddcca614b1/packages/sdk/packages/payload/packages/details/src/components/Details/DataDetails.tsx#L19"
+					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/6e04b89cd41a/packages/sdk/packages/payload/packages/details/src/components/Details/DataDetails.tsx#L19"
 				}
 			],
 			"signatures": [
@@ -722,7 +722,7 @@
 					"fileName": "packages/sdk/packages/payload/packages/details/src/components/Details/Details.tsx",
 					"line": 17,
 					"character": 13,
-					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/97ddcca614b1/packages/sdk/packages/payload/packages/details/src/components/Details/Details.tsx#L17"
+					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/6e04b89cd41a/packages/sdk/packages/payload/packages/details/src/components/Details/Details.tsx#L17"
 				}
 			],
 			"signatures": [
@@ -788,7 +788,7 @@
 															"fileName": "packages/sdk/packages/payload/packages/details/src/components/Details/Details.tsx",
 															"line": 13,
 															"character": 2,
-															"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/97ddcca614b1/packages/sdk/packages/payload/packages/details/src/components/Details/Details.tsx#L13"
+															"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/6e04b89cd41a/packages/sdk/packages/payload/packages/details/src/components/Details/Details.tsx#L13"
 														}
 													],
 													"type": {
@@ -809,48 +809,25 @@
 															"fileName": "packages/sdk/packages/payload/packages/details/src/components/Details/Details.tsx",
 															"line": 14,
 															"character": 2,
-															"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/97ddcca614b1/packages/sdk/packages/payload/packages/details/src/components/Details/Details.tsx#L14"
+															"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/6e04b89cd41a/packages/sdk/packages/payload/packages/details/src/components/Details/Details.tsx#L14"
 														}
 													],
 													"type": {
-														"type": "intersection",
-														"types": [
-															{
-																"type": "reference",
-																"target": {
-																	"sourceFileName": "../../../../../../node_modules/@xyo-network/payload-model/src/Payload.ts",
-																	"qualifiedName": "SchemaFields"
-																},
-																"name": "SchemaFields",
-																"package": "@xyo-network/payload-model"
-															},
-															{
-																"type": "reference",
-																"target": {
-																	"sourceFileName": "../../../../../../node_modules/@xyo-network/payload-model/src/Payload.ts",
-																	"qualifiedName": "PayloadFields"
-																},
-																"name": "PayloadFields",
-																"package": "@xyo-network/payload-model"
-															},
-															{
-																"type": "reflection",
-																"declaration": {
-																	"id": 28,
-																	"name": "__type",
-																	"variant": "declaration",
-																	"kind": 65536,
-																	"flags": {},
-																	"sources": [
-																		{
-																			"fileName": "node_modules/@xyo-network/payload-model/dist/types/Payload.d.ts",
-																			"line": 17,
-																			"character": 17
-																		}
-																	]
+														"type": "reflection",
+														"declaration": {
+															"id": 28,
+															"name": "__type",
+															"variant": "declaration",
+															"kind": 65536,
+															"flags": {},
+															"sources": [
+																{
+																	"fileName": "node_modules/@xyo-network/payload-model/dist/Payload.d.ts",
+																	"line": 22,
+																	"character": 5
 																}
-															}
-														]
+															]
+														}
 													}
 												}
 											],
@@ -868,7 +845,7 @@
 													"fileName": "packages/sdk/packages/payload/packages/details/src/components/Details/Details.tsx",
 													"line": 12,
 													"character": 49,
-													"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/97ddcca614b1/packages/sdk/packages/payload/packages/details/src/components/Details/Details.tsx#L12"
+													"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/6e04b89cd41a/packages/sdk/packages/payload/packages/details/src/components/Details/Details.tsx#L12"
 												}
 											]
 										}
@@ -962,7 +939,7 @@
 					"fileName": "packages/sdk/packages/payload/packages/details/src/components/Details/JsonDetails.tsx",
 					"line": 15,
 					"character": 13,
-					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/97ddcca614b1/packages/sdk/packages/payload/packages/details/src/components/Details/JsonDetails.tsx#L15"
+					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/6e04b89cd41a/packages/sdk/packages/payload/packages/details/src/components/Details/JsonDetails.tsx#L15"
 				}
 			],
 			"signatures": [
@@ -1050,7 +1027,7 @@
 					"fileName": "packages/sdk/packages/payload/packages/details/src/components/Details/ValidationDetails/ValidationDetails.tsx",
 					"line": 10,
 					"character": 13,
-					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/97ddcca614b1/packages/sdk/packages/payload/packages/details/src/components/Details/ValidationDetails/ValidationDetails.tsx#L10"
+					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/6e04b89cd41a/packages/sdk/packages/payload/packages/details/src/components/Details/ValidationDetails/ValidationDetails.tsx#L10"
 				}
 			],
 			"signatures": [

package/dist/index.d.mts.map

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

package/dist/index.d.ts

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

package/dist/{types/index.d.ts.map → index.d.ts.map}

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

package/dist/index.js

@@ -0,0 +1,209 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var src_exports = {};
+__export(src_exports, {
+  PayloadDataDetails: () => PayloadDataDetails,
+  PayloadDetails: () => PayloadDetails,
+  PayloadJsonDetails: () => PayloadJsonDetails,
+  PayloadValidationDetails: () => PayloadValidationDetails
+});
+module.exports = __toCommonJS(src_exports);
+
+// src/components/Details/DataDetails.tsx
+var import_ContentCopy2 = __toESM(require("@mui/icons-material/ContentCopy"));
+var import_Visibility = __toESM(require("@mui/icons-material/Visibility"));
+var import_material2 = require("@mui/material");
+var import_react_button = require("@xylabs/react-button");
+var import_hash2 = require("@xyo-network/hash");
+var import_react_property = require("@xyo-network/react-property");
+var import_react_shared = require("@xyo-network/react-shared");
+var import_react = require("react");
+
+// src/components/Details/HashSourceDetails.tsx
+var import_ContentCopy = __toESM(require("@mui/icons-material/ContentCopy"));
+var import_material = require("@mui/material");
+var import_react_flexbox = require("@xylabs/react-flexbox");
+var import_react_quick_tip_button = require("@xylabs/react-quick-tip-button");
+var import_hash = require("@xyo-network/hash");
+var import_jsx_runtime = require("react/jsx-runtime");
+var PayloadHashSourceDetails = ({ noTitle = false, payload, ...props }) => {
+  const theme = (0, import_material.useTheme)();
+  const payloadString = payload ? JSON.stringify(import_hash.PayloadHasher.hashFields(payload), null, 2) : "";
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react_flexbox.FlexCol, { alignItems: "stretch", ...props, children: [
+    noTitle ? null : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react_flexbox.FlexRow, { margin: 1, justifyContent: "flex-start", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.Typography, { children: "Hash Source" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_quick_tip_button.QuickTipButton, { title: "Hash Source", children: "The actual string used to generate the hash (SHA256)" })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react_flexbox.FlexRow, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_flexbox.FlexGrowRow, { background: true, border: 1, borderColor: theme.palette.divider, justifyContent: "start", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.Typography, { padding: 2, fontFamily: "monospace", variant: "body1", sx: { overflowWrap: "break-word", wordBreak: "break-all" }, children: payloadString }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.IconButton, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ContentCopy.default, {}) })
+    ] }),
+    noTitle ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_flexbox.FlexRow, { margin: 1, justifyContent: "flex-start", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.Typography, { variant: "body2", children: "The actual string used to generate the hash (SHA256). This can be used to validate the hash manually." }) }) : null
+  ] });
+};
+
+// src/components/Details/DataDetails.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var PayloadDataDetails = ({ size, badge, payload, ...props }) => {
+  const payloadString = payload ? JSON.stringify(import_hash2.PayloadHasher.hashFields(payload), null, 2) : "";
+  const [viewSourceOpen, setViewSourceOpen] = (0, import_react.useState)(false);
+  const hash = (0, import_react_shared.usePayloadHash)(payload);
+  let elevation = 2;
+  if (props.paper) {
+    elevation += props.elevation ?? 0;
+  }
+  const actions = [
+    {
+      icon: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_Visibility.default, {}),
+      name: "View",
+      onClick: () => setViewSourceOpen(true)
+    },
+    {
+      icon: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_ContentCopy2.default, {}),
+      name: "Copy",
+      onClick: async () => await navigator.clipboard.writeText(hash ?? "")
+    }
+  ];
+  const onCopy = async () => {
+    await navigator.clipboard.writeText(payloadString);
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_jsx_runtime2.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      import_react_property.Property,
+      {
+        titleProps: { elevation },
+        badge,
+        size,
+        actions,
+        title: "Payload Hash",
+        value: hash ?? "<Unknown>",
+        tip: "This is the payload hash",
+        ...props
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_material2.Dialog, { open: viewSourceOpen, onClose: () => setViewSourceOpen(false), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_material2.DialogTitle, { children: "Hash Source" }),
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_material2.DialogContent, { children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(PayloadHashSourceDetails, { noTitle: true, payload }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_material2.DialogActions, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_button.ButtonEx, { color: "secondary", onClick: onCopy, children: "Copy" }),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_button.ButtonEx, { color: "secondary", onClick: () => setViewSourceOpen(false), children: "Close" })
+      ] })
+    ] })
+  ] });
+};
+
+// src/components/Details/Details.tsx
+var import_react_flexbox4 = require("@xylabs/react-flexbox");
+var import_react3 = require("react");
+
+// src/components/Details/JsonDetails.tsx
+var import_material3 = require("@mui/material");
+var import_react_flexbox2 = require("@xylabs/react-flexbox");
+var import_react_property2 = require("@xyo-network/react-property");
+var import_react2 = require("react");
+var import_jsx_runtime3 = require("react/jsx-runtime");
+var JsonView = (0, import_react2.lazy)(() => import(
+  /* webpackChunkName: "jsonView" */
+  "react-json-view"
+));
+var PayloadJsonDetails = ({ jsonViewProps, payload = {}, ...props }) => {
+  const { breakpoints, palette } = (0, import_material3.useTheme)();
+  const belowSm = (0, import_material3.useMediaQuery)(breakpoints.down("sm"));
+  let elevation = 2;
+  if (props.paper) {
+    elevation += props.elevation ?? 0;
+  }
+  const jsonTheme = palette.mode === "dark" ? "shapeshifter" : void 0;
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_property2.PropertyGroup, { titleProps: { elevation }, title: "JSON", tip: "The raw JSON of the payload", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_material3.Paper, { square: true, variant: "elevation", style: { overflow: "hidden", padding: "16px", width: "100%" }, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react2.Suspense, { fallback: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_flexbox2.FlexGrowRow, {}), children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    JsonView,
+    {
+      groupArraysAfterLength: 20,
+      style: { backgroundColor: void 0, overflow: "hidden" },
+      src: payload,
+      enableClipboard: true,
+      theme: jsonTheme,
+      collapseStringsAfterLength: belowSm ? 24 : 32,
+      ...jsonViewProps
+    }
+  ) }) }) });
+};
+
+// src/components/Details/ValidationDetails/ValidationDetails.tsx
+var import_material4 = require("@mui/material");
+var import_react_flexbox3 = require("@xylabs/react-flexbox");
+var import_react_promise = require("@xylabs/react-promise");
+var import_payload_validator = require("@xyo-network/payload-validator");
+var import_react_property3 = require("@xyo-network/react-property");
+var import_react_schema = require("@xyo-network/react-schema");
+var import_jsx_runtime4 = require("react/jsx-runtime");
+var PayloadValidationDetails = ({ skipBody = false, value, ...props }) => {
+  const [validateErrors] = (0, import_react_promise.usePromise)(async () => value ? await new import_payload_validator.PayloadValidator(value).validate() : void 0, [value]);
+  const bodyErrors = skipBody ? [] : validateErrors ?? [];
+  const errors = [...bodyErrors];
+  let elevation = 2;
+  if (props.paper) {
+    elevation += props.elevation ?? 0;
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_react_property3.PropertyGroup, { titleProps: { elevation }, title: "Validation", tip: "The results from validating the payload", ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+      import_react_property3.Property,
+      {
+        titleProps: { elevation },
+        flexGrow: 1,
+        title: "Valid",
+        value: errors.length === 0 ? "True" : "False",
+        tip: errors.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_flexbox3.FlexCol, { children: errors.map((error, index) => {
+          return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_material4.Typography, { children: error.toString() }, index);
+        }) }) : /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_material4.Typography, { children: "No Errors" })
+      }
+    ),
+    value?.schema && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_schema.SchemaProperty, { flexGrow: 1, titleProps: { elevation }, value: value.schema })
+  ] });
+};
+
+// src/components/Details/Details.tsx
+var import_jsx_runtime5 = require("react/jsx-runtime");
+var PayloadDetails = (0, import_react3.forwardRef)(({ paper, payload, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_react_flexbox4.FlexCol, { gap: 1, justifyContent: "flex-start", alignItems: "stretch", marginTop: 2, marginBottom: 8, ref, ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(PayloadDataDetails, { paper, size: "large", badge: true, payload }),
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(PayloadValidationDetails, { paper, value: payload }),
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(PayloadJsonDetails, { paper, payload })
+  ] });
+});
+PayloadDetails.displayName = "PayloadDetails";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  PayloadDataDetails,
+  PayloadDetails,
+  PayloadJsonDetails,
+  PayloadValidationDetails
+});
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.ts","../src/components/Details/DataDetails.tsx","../src/components/Details/HashSourceDetails.tsx","../src/components/Details/Details.tsx","../src/components/Details/JsonDetails.tsx","../src/components/Details/ValidationDetails/ValidationDetails.tsx"],"sourcesContent":["export * from './components'\n","import ContentCopyIcon from '@mui/icons-material/ContentCopy'\nimport VisibilityIcon from '@mui/icons-material/Visibility'\nimport { Dialog, DialogActions, DialogContent, DialogTitle } from '@mui/material'\nimport { ButtonEx } from '@xylabs/react-button'\nimport { PayloadHasher } from '@xyo-network/hash'\nimport { Payload } from '@xyo-network/payload-model'\nimport { Property, PropertyAction, PropertyProps } from '@xyo-network/react-property'\nimport { SizeProp, usePayloadHash } from '@xyo-network/react-shared'\nimport { useState } from 'react'\n\nimport { PayloadHashSourceDetails } from './HashSourceDetails'\n\nexport type PayloadDataDetailsProps = PropertyProps & {\n  badge?: boolean\n  payload?: Payload\n  size?: SizeProp\n}\n\nexport const PayloadDataDetails: React.FC<PayloadDataDetailsProps> = ({ size, badge, payload, ...props }) => {\n  const payloadString = payload ? JSON.stringify(PayloadHasher.hashFields(payload), null, 2) : ''\n\n  const [viewSourceOpen, setViewSourceOpen] = useState(false)\n  const hash = usePayloadHash(payload)\n\n  let elevation = 2\n  if (props.paper) {\n    elevation += props.elevation ?? 0\n  }\n\n  const actions: PropertyAction[] = [\n    {\n      icon: <VisibilityIcon />,\n      name: 'View',\n      onClick: () => setViewSourceOpen(true),\n    },\n    {\n      icon: <ContentCopyIcon />,\n      name: 'Copy',\n      onClick: async () => await navigator.clipboard.writeText(hash ?? ''),\n    },\n  ]\n\n  const onCopy = async () => {\n    await navigator.clipboard.writeText(payloadString)\n  }\n\n  return (\n    <>\n      <Property\n        titleProps={{ elevation }}\n        badge={badge}\n        size={size}\n        actions={actions}\n        title=\"Payload Hash\"\n        value={hash ?? '<Unknown>'}\n        tip=\"This is the payload hash\"\n        {...props}\n      />\n      <Dialog open={viewSourceOpen} onClose={() => setViewSourceOpen(false)}>\n        <DialogTitle>Hash Source</DialogTitle>\n        <DialogContent>\n          <PayloadHashSourceDetails noTitle payload={payload} />\n        </DialogContent>\n        <DialogActions>\n          <ButtonEx color=\"secondary\" onClick={onCopy}>\n            Copy\n          </ButtonEx>\n          <ButtonEx color=\"secondary\" onClick={() => setViewSourceOpen(false)}>\n            Close\n          </ButtonEx>\n        </DialogActions>\n      </Dialog>\n    </>\n  )\n}\n","import ContentCopyIcon from '@mui/icons-material/ContentCopy'\nimport { IconButton, Typography, useTheme } from '@mui/material'\nimport { FlexBoxProps, FlexCol, FlexGrowRow, FlexRow } from '@xylabs/react-flexbox'\nimport { QuickTipButton } from '@xylabs/react-quick-tip-button'\nimport { PayloadHasher } from '@xyo-network/hash'\nimport { Payload } from '@xyo-network/payload-model'\n\nexport interface PayloadHashSourceDetailsProps extends FlexBoxProps {\n  noTitle?: boolean\n  payload?: Payload\n}\n\nexport const PayloadHashSourceDetails: React.FC<PayloadHashSourceDetailsProps> = ({ noTitle = false, payload, ...props }) => {\n  const theme = useTheme()\n  const payloadString = payload ? JSON.stringify(PayloadHasher.hashFields(payload), null, 2) : ''\n\n  return (\n    <FlexCol alignItems=\"stretch\" {...props}>\n      {noTitle ? null : (\n        <FlexRow margin={1} justifyContent=\"flex-start\">\n          <Typography>Hash Source</Typography>\n          <QuickTipButton title=\"Hash Source\">The actual string used to generate the hash (SHA256)</QuickTipButton>\n        </FlexRow>\n      )}\n      <FlexRow>\n        <FlexGrowRow background border={1} borderColor={theme.palette.divider} justifyContent=\"start\">\n          <Typography padding={2} fontFamily=\"monospace\" variant=\"body1\" sx={{ overflowWrap: 'break-word', wordBreak: 'break-all' }}>\n            {payloadString}\n          </Typography>\n        </FlexGrowRow>\n        <IconButton>\n          <ContentCopyIcon />\n        </IconButton>\n      </FlexRow>\n      {noTitle ? (\n        <FlexRow margin={1} justifyContent=\"flex-start\">\n          <Typography variant=\"body2\">\n            The actual string used to generate the hash (SHA256). This can be used to validate the hash manually.\n          </Typography>\n        </FlexRow>\n      ) : null}\n    </FlexCol>\n  )\n}\n","import { FlexBoxProps, FlexCol } from '@xylabs/react-flexbox'\nimport { Payload } from '@xyo-network/payload-model'\nimport { forwardRef } from 'react'\n\nimport { PayloadDataDetails } from './DataDetails'\nimport { PayloadJsonDetails } from './JsonDetails'\nimport { PayloadValidationDetails } from './ValidationDetails'\n\nexport type WithPaper<T> = T & { paper: true }\nexport type WithoutPaper<T> = T & { paper?: false }\n\nexport type PayloadDetailsProps = FlexBoxProps & {\n  paper?: boolean\n  payload?: Payload\n}\n\nexport const PayloadDetails = forwardRef<HTMLDivElement, PayloadDetailsProps>(({ paper, payload, ...props }, ref) => {\n  return (\n    <FlexCol gap={1} justifyContent=\"flex-start\" alignItems=\"stretch\" marginTop={2} marginBottom={8} ref={ref} {...props}>\n      <PayloadDataDetails paper={paper} size=\"large\" badge payload={payload} />\n      <PayloadValidationDetails paper={paper} value={payload} />\n      <PayloadJsonDetails paper={paper} payload={payload} />\n    </FlexCol>\n  )\n})\n\nPayloadDetails.displayName = 'PayloadDetails'\n","import { Paper, useMediaQuery, useTheme } from '@mui/material'\nimport { FlexGrowRow } from '@xylabs/react-flexbox'\nimport { Payload } from '@xyo-network/payload-model'\nimport { PropertyGroup, PropertyGroupProps } from '@xyo-network/react-property'\nimport { lazy, Suspense } from 'react'\nimport { ReactJsonViewProps } from 'react-json-view'\n\nconst JsonView = lazy(() => import(/* webpackChunkName: \"jsonView\" */ 'react-json-view'))\n\nexport type PayloadJsonDetailsProps = PropertyGroupProps & {\n  jsonViewProps?: ReactJsonViewProps\n  payload?: Payload\n}\n\nexport const PayloadJsonDetails: React.FC<PayloadJsonDetailsProps> = ({ jsonViewProps, payload = {}, ...props }) => {\n  const { breakpoints, palette } = useTheme()\n  const belowSm = useMediaQuery(breakpoints.down('sm'))\n\n  let elevation = 2\n  if (props.paper) {\n    elevation += props.elevation ?? 0\n  }\n\n  const jsonTheme = palette.mode === 'dark' ? 'shapeshifter' : undefined\n\n  return (\n    <PropertyGroup titleProps={{ elevation }} title=\"JSON\" tip=\"The raw JSON of the payload\" {...props}>\n      <Paper square variant=\"elevation\" style={{ overflow: 'hidden', padding: '16px', width: '100%' }}>\n        <Suspense fallback={<FlexGrowRow />}>\n          <JsonView\n            groupArraysAfterLength={20}\n            style={{ backgroundColor: undefined, overflow: 'hidden' }}\n            src={payload}\n            enableClipboard\n            theme={jsonTheme}\n            collapseStringsAfterLength={belowSm ? 24 : 32}\n            {...jsonViewProps}\n          />\n        </Suspense>\n      </Paper>\n    </PropertyGroup>\n  )\n}\n","import { Typography } from '@mui/material'\nimport { FlexCol } from '@xylabs/react-flexbox'\nimport { usePromise } from '@xylabs/react-promise'\nimport { PayloadValidator } from '@xyo-network/payload-validator'\nimport { Property, PropertyGroup } from '@xyo-network/react-property'\nimport { SchemaProperty } from '@xyo-network/react-schema'\n\nimport { PayloadValidationDetailsProps } from './ValidationDetailsProps'\n\nexport const PayloadValidationDetails: React.FC<PayloadValidationDetailsProps> = ({ skipBody = false, value, ...props }) => {\n  const [validateErrors] = usePromise(async () => (value ? await new PayloadValidator(value).validate() : undefined), [value])\n\n  const bodyErrors = skipBody ? [] : validateErrors ?? []\n  const errors: Error[] = [...bodyErrors]\n\n  let elevation = 2\n  if (props.paper) {\n    elevation += props.elevation ?? 0\n  }\n\n  return (\n    <PropertyGroup titleProps={{ elevation }} title=\"Validation\" tip=\"The results from validating the payload\" {...props}>\n      <Property\n        titleProps={{ elevation }}\n        flexGrow={1}\n        title=\"Valid\"\n        value={errors.length === 0 ? 'True' : 'False'}\n        tip={\n          errors.length > 0 ? (\n            <FlexCol>\n              {errors.map((error, index) => {\n                return <Typography key={index}>{error.toString()}</Typography>\n              })}\n            </FlexCol>\n          ) : (\n            <Typography>No Errors</Typography>\n          )\n        }\n      />\n      {value?.schema && <SchemaProperty flexGrow={1} titleProps={{ elevation }} value={value.schema} />}\n    </PropertyGroup>\n  )\n}\n"],"mappings":"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","names":["import_ContentCopy","import_material","import_hash","ContentCopyIcon","import_jsx_runtime","VisibilityIcon","ContentCopyIcon","import_react_flexbox","import_react","import_material","import_react_flexbox","import_react_property","import_react","import_jsx_runtime","import_material","import_react_flexbox","import_react_property","import_jsx_runtime","import_jsx_runtime"]}