@xyo-network/react-payload-details 2.49.13 → 2.51.0-rc.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -9,6 +9,7 @@ const material_1 = require("@mui/material");
9
9
  const react_button_1 = require("@xylabs/react-button");
10
10
  const payload_wrapper_1 = require("@xyo-network/payload-wrapper");
11
11
  const react_property_1 = require("@xyo-network/react-property");
12
+ const react_shared_1 = require("@xyo-network/react-shared");
12
13
  const react_1 = require("react");
13
14
  const HashSourceDetails_1 = require("./HashSourceDetails");
14
15
  const PayloadDataDetails = (_a) => {
@@ -16,7 +17,7 @@ const PayloadDataDetails = (_a) => {
16
17
  var { size, badge, payload } = _a, props = tslib_1.__rest(_a, ["size", "badge", "payload"]);
17
18
  const wrapper = payload ? new payload_wrapper_1.PayloadWrapper(payload) : undefined;
18
19
  const [viewSourceOpen, setViewSourceOpen] = (0, react_1.useState)(false);
19
- const hash = wrapper === null || wrapper === void 0 ? void 0 : wrapper.hash;
20
+ const hash = (0, react_shared_1.usePayloadHash)(payload);
20
21
  let elevation = 2;
21
22
  if (props.paper) {
22
23
  elevation += (_b = props.elevation) !== null && _b !== void 0 ? _b : 0;
@@ -30,12 +31,12 @@ const PayloadDataDetails = (_a) => {
30
31
  {
31
32
  icon: (0, jsx_runtime_1.jsx)(ContentCopy_1.default, {}),
32
33
  name: 'Copy',
33
- onClick: () => tslib_1.__awaiter(void 0, void 0, void 0, function* () { var _c; return yield navigator.clipboard.writeText((_c = wrapper === null || wrapper === void 0 ? void 0 : wrapper.hash) !== null && _c !== void 0 ? _c : ''); }),
34
+ onClick: () => tslib_1.__awaiter(void 0, void 0, void 0, function* () { return yield navigator.clipboard.writeText(hash !== null && hash !== void 0 ? hash : ''); }),
34
35
  },
35
36
  ];
36
37
  const onCopy = () => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
37
- var _d;
38
- yield navigator.clipboard.writeText((_d = wrapper === null || wrapper === void 0 ? void 0 : wrapper.stringified) !== null && _d !== void 0 ? _d : '');
38
+ var _c;
39
+ yield navigator.clipboard.writeText((_c = wrapper === null || wrapper === void 0 ? void 0 : wrapper.stringified) !== null && _c !== void 0 ? _c : '');
39
40
  });
40
41
  return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(react_property_1.Property, Object.assign({ titleProps: { elevation }, badge: badge, size: size, actions: actions, title: "Payload Hash", value: hash !== null && hash !== void 0 ? hash : '<Unknown>', tip: "This is the payload hash" }, props)), (0, jsx_runtime_1.jsxs)(material_1.Dialog, Object.assign({ open: viewSourceOpen, onClose: () => setViewSourceOpen(false) }, { children: [(0, jsx_runtime_1.jsx)(material_1.DialogTitle, { children: "Hash Source" }), (0, jsx_runtime_1.jsx)(material_1.DialogContent, { children: (0, jsx_runtime_1.jsx)(HashSourceDetails_1.PayloadHashSourceDetails, { noTitle: true, payload: payload }) }), (0, jsx_runtime_1.jsxs)(material_1.DialogActions, { children: [(0, jsx_runtime_1.jsx)(react_button_1.ButtonEx, Object.assign({ color: "secondary", onClick: onCopy }, { children: "Copy" })), (0, jsx_runtime_1.jsx)(react_button_1.ButtonEx, Object.assign({ color: "secondary", onClick: () => setViewSourceOpen(false) }, { children: "Close" }))] })] }))] }));
41
42
  };
@@ -1 +1 @@
1
- {"version":3,"file":"DataDetails.js","sourceRoot":"","sources":["../../../../src/components/Details/DataDetails.tsx"],"names":[],"mappings":";;;;;AAAA,0FAA6D;AAC7D,wFAA2D;AAC3D,4CAAiF;AACjF,uDAA+C;AAE/C,kEAA6D;AAC7D,gEAAqF;AAErF,iCAAgC;AAEhC,2DAA8D;AAQvD,MAAM,kBAAkB,GAAsC,CAAC,EAAkC,EAAE,EAAE;;QAAtC,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,OAAY,EAAP,KAAK,sBAAhC,4BAAkC,CAAF;IACpG,MAAM,OAAO,GAAG,OAAO,CAAC,CAAC,CAAC,IAAI,gCAAc,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,SAAS,CAAA;IAEjE,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAA;IAC3D,MAAM,IAAI,GAAG,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,IAAI,CAAA;IAE1B,IAAI,SAAS,GAAG,CAAC,CAAA;IACjB,IAAI,KAAK,CAAC,KAAK,EAAE;QACf,SAAS,IAAI,MAAA,KAAK,CAAC,SAAS,mCAAI,CAAC,CAAA;KAClC;IAED,MAAM,OAAO,GAAqB;QAChC;YACE,IAAI,EAAE,uBAAC,oBAAc,KAAG;YACxB,IAAI,EAAE,MAAM;YACZ,OAAO,EAAE,GAAG,EAAE,CAAC,iBAAiB,CAAC,IAAI,CAAC;SACvC;QACD;YACE,IAAI,EAAE,uBAAC,qBAAe,KAAG;YACzB,IAAI,EAAE,MAAM;YACZ,OAAO,EAAE,GAAS,EAAE,kEAAC,OAAA,MAAM,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,IAAI,mCAAI,EAAE,CAAC,CAAA,GAAA;SAC9E;KACF,CAAA;IAED,MAAM,MAAM,GAAG,GAAS,EAAE;;QACxB,MAAM,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,WAAW,mCAAI,EAAE,CAAC,CAAA;IACjE,CAAC,CAAA,CAAA;IAED,OAAO,CACL,6DACE,uBAAC,yBAAQ,kBACP,UAAU,EAAE,EAAE,SAAS,EAAE,EACzB,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,KAAK,EAAC,cAAc,EACpB,KAAK,EAAE,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,WAAW,EAC1B,GAAG,EAAC,0BAA0B,IAC1B,KAAK,EACT,EACF,wBAAC,iBAAM,kBAAC,IAAI,EAAE,cAAc,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,iBAAiB,CAAC,KAAK,CAAC,iBACnE,uBAAC,sBAAW,8BAA0B,EACtC,uBAAC,wBAAa,cACZ,uBAAC,4CAAwB,IAAC,OAAO,QAAC,OAAO,EAAE,OAAO,GAAI,GACxC,EAChB,wBAAC,wBAAa,eACZ,uBAAC,uBAAQ,kBAAC,KAAK,EAAC,WAAW,EAAC,OAAO,EAAE,MAAM,0BAEhC,EACX,uBAAC,uBAAQ,kBAAC,KAAK,EAAC,WAAW,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,iBAAiB,CAAC,KAAK,CAAC,2BAExD,IACG,KACT,IACR,CACJ,CAAA;AACH,CAAC,CAAA;AAxDY,QAAA,kBAAkB,sBAwD9B"}
1
+ {"version":3,"file":"DataDetails.js","sourceRoot":"","sources":["../../../../src/components/Details/DataDetails.tsx"],"names":[],"mappings":";;;;;AAAA,0FAA6D;AAC7D,wFAA2D;AAC3D,4CAAiF;AACjF,uDAA+C;AAE/C,kEAA6D;AAC7D,gEAAqF;AACrF,4DAAoE;AACpE,iCAAgC;AAEhC,2DAA8D;AAQvD,MAAM,kBAAkB,GAAsC,CAAC,EAAkC,EAAE,EAAE;;QAAtC,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,OAAY,EAAP,KAAK,sBAAhC,4BAAkC,CAAF;IACpG,MAAM,OAAO,GAAG,OAAO,CAAC,CAAC,CAAC,IAAI,gCAAc,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,SAAS,CAAA;IAEjE,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAA;IAC3D,MAAM,IAAI,GAAG,IAAA,6BAAc,EAAC,OAAO,CAAC,CAAA;IAEpC,IAAI,SAAS,GAAG,CAAC,CAAA;IACjB,IAAI,KAAK,CAAC,KAAK,EAAE;QACf,SAAS,IAAI,MAAA,KAAK,CAAC,SAAS,mCAAI,CAAC,CAAA;KAClC;IAED,MAAM,OAAO,GAAqB;QAChC;YACE,IAAI,EAAE,uBAAC,oBAAc,KAAG;YACxB,IAAI,EAAE,MAAM;YACZ,OAAO,EAAE,GAAG,EAAE,CAAC,iBAAiB,CAAC,IAAI,CAAC;SACvC;QACD;YACE,IAAI,EAAE,uBAAC,qBAAe,KAAG;YACzB,IAAI,EAAE,MAAM;YACZ,OAAO,EAAE,GAAS,EAAE,0DAAC,OAAA,MAAM,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,EAAE,CAAC,CAAA,GAAA;SACrE;KACF,CAAA;IAED,MAAM,MAAM,GAAG,GAAS,EAAE;;QACxB,MAAM,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,WAAW,mCAAI,EAAE,CAAC,CAAA;IACjE,CAAC,CAAA,CAAA;IAED,OAAO,CACL,6DACE,uBAAC,yBAAQ,kBACP,UAAU,EAAE,EAAE,SAAS,EAAE,EACzB,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,KAAK,EAAC,cAAc,EACpB,KAAK,EAAE,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,WAAW,EAC1B,GAAG,EAAC,0BAA0B,IAC1B,KAAK,EACT,EACF,wBAAC,iBAAM,kBAAC,IAAI,EAAE,cAAc,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,iBAAiB,CAAC,KAAK,CAAC,iBACnE,uBAAC,sBAAW,8BAA0B,EACtC,uBAAC,wBAAa,cACZ,uBAAC,4CAAwB,IAAC,OAAO,QAAC,OAAO,EAAE,OAAO,GAAI,GACxC,EAChB,wBAAC,wBAAa,eACZ,uBAAC,uBAAQ,kBAAC,KAAK,EAAC,WAAW,EAAC,OAAO,EAAE,MAAM,0BAEhC,EACX,uBAAC,uBAAQ,kBAAC,KAAK,EAAC,WAAW,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,iBAAiB,CAAC,KAAK,CAAC,2BAExD,IACG,KACT,IACR,CACJ,CAAA;AACH,CAAC,CAAA;AAxDY,QAAA,kBAAkB,sBAwD9B"}
@@ -8,15 +8,17 @@ const react_flexbox_1 = require("@xylabs/react-flexbox");
8
8
  const payload_validator_1 = require("@xyo-network/payload-validator");
9
9
  const react_property_1 = require("@xyo-network/react-property");
10
10
  const react_schema_1 = require("@xyo-network/react-schema");
11
+ const react_shared_1 = require("@xyo-network/react-shared");
11
12
  const PayloadValidationDetails = (_a) => {
12
- var _b, _c;
13
+ var _b;
13
14
  var { viewSchemaUrl, skipBody = false, value } = _a, props = tslib_1.__rest(_a, ["viewSchemaUrl", "skipBody", "value"]);
14
15
  const validator = value ? new payload_validator_1.PayloadValidator(value) : undefined;
15
- const bodyErrors = skipBody ? [] : (_b = validator === null || validator === void 0 ? void 0 : validator.validate()) !== null && _b !== void 0 ? _b : [];
16
+ const [validateErrors] = (0, react_shared_1.usePromise)(validator === null || validator === void 0 ? void 0 : validator.validate(), [validator]);
17
+ const bodyErrors = skipBody ? [] : validateErrors !== null && validateErrors !== void 0 ? validateErrors : [];
16
18
  const errors = [...bodyErrors];
17
19
  let elevation = 2;
18
20
  if (props.paper) {
19
- elevation += (_c = props.elevation) !== null && _c !== void 0 ? _c : 0;
21
+ elevation += (_b = props.elevation) !== null && _b !== void 0 ? _b : 0;
20
22
  }
21
23
  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) => {
22
24
  return (0, jsx_runtime_1.jsx)(material_1.Typography, { children: error.toString() }, index);
@@ -1 +1 @@
1
- {"version":3,"file":"ValidationDetails.js","sourceRoot":"","sources":["../../../../../src/components/Details/ValidationDetails/ValidationDetails.tsx"],"names":[],"mappings":";;;;;AAAA,4CAA0C;AAC1C,yDAA+C;AAC/C,sEAAiE;AACjE,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,oCAAgB,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS,CAAA;IAEjE,MAAM,UAAU,GAAG,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,MAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,QAAQ,EAAE,mCAAI,EAAE,CAAA;IAC9D,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"}
1
+ {"version":3,"file":"ValidationDetails.js","sourceRoot":"","sources":["../../../../../src/components/Details/ValidationDetails/ValidationDetails.tsx"],"names":[],"mappings":";;;;;AAAA,4CAA0C;AAC1C,yDAA+C;AAC/C,sEAAiE;AACjE,gEAAqE;AACrE,4DAA0D;AAC1D,4DAAsD;AAI/C,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,oCAAgB,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS,CAAA;IAEjE,MAAM,CAAC,cAAc,CAAC,GAAG,IAAA,yBAAU,EAAC,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,QAAQ,EAAE,EAAE,CAAC,SAAS,CAAC,CAAC,CAAA;IAEvE,MAAM,UAAU,GAAG,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,cAAc,aAAd,cAAc,cAAd,cAAc,GAAI,EAAE,CAAA;IACvD,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;AAnCY,QAAA,wBAAwB,4BAmCpC"}
package/dist/docs.json CHANGED
@@ -17,7 +17,7 @@
17
17
  "fileName": "packages/sdk/packages/payload/packages/details/src/components/Details/DataDetails.tsx",
18
18
  "line": 13,
19
19
  "character": 12,
20
- "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/9a1090ce6d9e/packages/sdk/packages/payload/packages/details/src/components/Details/DataDetails.tsx#L13"
20
+ "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/84aab7a508db/packages/sdk/packages/payload/packages/details/src/components/Details/DataDetails.tsx#L13"
21
21
  }
22
22
  ],
23
23
  "type": {
@@ -49,7 +49,7 @@
49
49
  "fileName": "packages/sdk/packages/payload/packages/details/src/components/Details/DataDetails.tsx",
50
50
  "line": 14,
51
51
  "character": 2,
52
- "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/9a1090ce6d9e/packages/sdk/packages/payload/packages/details/src/components/Details/DataDetails.tsx#L14"
52
+ "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/84aab7a508db/packages/sdk/packages/payload/packages/details/src/components/Details/DataDetails.tsx#L14"
53
53
  }
54
54
  ],
55
55
  "type": {
@@ -70,7 +70,7 @@
70
70
  "fileName": "packages/sdk/packages/payload/packages/details/src/components/Details/DataDetails.tsx",
71
71
  "line": 15,
72
72
  "character": 2,
73
- "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/9a1090ce6d9e/packages/sdk/packages/payload/packages/details/src/components/Details/DataDetails.tsx#L15"
73
+ "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/84aab7a508db/packages/sdk/packages/payload/packages/details/src/components/Details/DataDetails.tsx#L15"
74
74
  }
75
75
  ],
76
76
  "type": {
@@ -93,7 +93,7 @@
93
93
  "fileName": "packages/sdk/packages/payload/packages/details/src/components/Details/DataDetails.tsx",
94
94
  "line": 16,
95
95
  "character": 2,
96
- "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/9a1090ce6d9e/packages/sdk/packages/payload/packages/details/src/components/Details/DataDetails.tsx#L16"
96
+ "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/84aab7a508db/packages/sdk/packages/payload/packages/details/src/components/Details/DataDetails.tsx#L16"
97
97
  }
98
98
  ],
99
99
  "type": {
@@ -117,7 +117,7 @@
117
117
  "fileName": "packages/sdk/packages/payload/packages/details/src/components/Details/DataDetails.tsx",
118
118
  "line": 13,
119
119
  "character": 54,
120
- "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/9a1090ce6d9e/packages/sdk/packages/payload/packages/details/src/components/Details/DataDetails.tsx#L13"
120
+ "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/84aab7a508db/packages/sdk/packages/payload/packages/details/src/components/Details/DataDetails.tsx#L13"
121
121
  }
122
122
  ]
123
123
  }
@@ -136,7 +136,7 @@
136
136
  "fileName": "packages/sdk/packages/payload/packages/details/src/components/Details/Details.tsx",
137
137
  "line": 12,
138
138
  "character": 12,
139
- "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/9a1090ce6d9e/packages/sdk/packages/payload/packages/details/src/components/Details/Details.tsx#L12"
139
+ "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/84aab7a508db/packages/sdk/packages/payload/packages/details/src/components/Details/Details.tsx#L12"
140
140
  }
141
141
  ],
142
142
  "type": {
@@ -170,7 +170,7 @@
170
170
  "fileName": "packages/sdk/packages/payload/packages/details/src/components/Details/Details.tsx",
171
171
  "line": 13,
172
172
  "character": 2,
173
- "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/9a1090ce6d9e/packages/sdk/packages/payload/packages/details/src/components/Details/Details.tsx#L13"
173
+ "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/84aab7a508db/packages/sdk/packages/payload/packages/details/src/components/Details/Details.tsx#L13"
174
174
  }
175
175
  ],
176
176
  "type": {
@@ -191,7 +191,7 @@
191
191
  "fileName": "packages/sdk/packages/payload/packages/details/src/components/Details/Details.tsx",
192
192
  "line": 14,
193
193
  "character": 2,
194
- "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/9a1090ce6d9e/packages/sdk/packages/payload/packages/details/src/components/Details/Details.tsx#L14"
194
+ "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/84aab7a508db/packages/sdk/packages/payload/packages/details/src/components/Details/Details.tsx#L14"
195
195
  }
196
196
  ],
197
197
  "type": {
@@ -216,7 +216,7 @@
216
216
  "fileName": "packages/sdk/packages/payload/packages/details/src/components/Details/Details.tsx",
217
217
  "line": 12,
218
218
  "character": 49,
219
- "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/9a1090ce6d9e/packages/sdk/packages/payload/packages/details/src/components/Details/Details.tsx#L12"
219
+ "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/84aab7a508db/packages/sdk/packages/payload/packages/details/src/components/Details/Details.tsx#L12"
220
220
  }
221
221
  ]
222
222
  }
@@ -235,7 +235,7 @@
235
235
  "fileName": "packages/sdk/packages/payload/packages/details/src/components/Details/JsonDetails.tsx",
236
236
  "line": 10,
237
237
  "character": 12,
238
- "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/9a1090ce6d9e/packages/sdk/packages/payload/packages/details/src/components/Details/JsonDetails.tsx#L10"
238
+ "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/84aab7a508db/packages/sdk/packages/payload/packages/details/src/components/Details/JsonDetails.tsx#L10"
239
239
  }
240
240
  ],
241
241
  "type": {
@@ -267,7 +267,7 @@
267
267
  "fileName": "packages/sdk/packages/payload/packages/details/src/components/Details/JsonDetails.tsx",
268
268
  "line": 11,
269
269
  "character": 2,
270
- "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/9a1090ce6d9e/packages/sdk/packages/payload/packages/details/src/components/Details/JsonDetails.tsx#L11"
270
+ "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/84aab7a508db/packages/sdk/packages/payload/packages/details/src/components/Details/JsonDetails.tsx#L11"
271
271
  }
272
272
  ],
273
273
  "type": {
@@ -290,7 +290,7 @@
290
290
  "fileName": "packages/sdk/packages/payload/packages/details/src/components/Details/JsonDetails.tsx",
291
291
  "line": 12,
292
292
  "character": 2,
293
- "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/9a1090ce6d9e/packages/sdk/packages/payload/packages/details/src/components/Details/JsonDetails.tsx#L12"
293
+ "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/84aab7a508db/packages/sdk/packages/payload/packages/details/src/components/Details/JsonDetails.tsx#L12"
294
294
  }
295
295
  ],
296
296
  "type": {
@@ -315,7 +315,7 @@
315
315
  "fileName": "packages/sdk/packages/payload/packages/details/src/components/Details/JsonDetails.tsx",
316
316
  "line": 10,
317
317
  "character": 59,
318
- "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/9a1090ce6d9e/packages/sdk/packages/payload/packages/details/src/components/Details/JsonDetails.tsx#L10"
318
+ "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/84aab7a508db/packages/sdk/packages/payload/packages/details/src/components/Details/JsonDetails.tsx#L10"
319
319
  }
320
320
  ]
321
321
  }
@@ -334,7 +334,7 @@
334
334
  "fileName": "packages/sdk/packages/payload/packages/details/src/components/Details/ValidationDetails/ValidationDetailsProps.ts",
335
335
  "line": 4,
336
336
  "character": 12,
337
- "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/9a1090ce6d9e/packages/sdk/packages/payload/packages/details/src/components/Details/ValidationDetails/ValidationDetailsProps.ts#L4"
337
+ "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/84aab7a508db/packages/sdk/packages/payload/packages/details/src/components/Details/ValidationDetails/ValidationDetailsProps.ts#L4"
338
338
  }
339
339
  ],
340
340
  "type": {
@@ -366,7 +366,7 @@
366
366
  "fileName": "packages/sdk/packages/payload/packages/details/src/components/Details/ValidationDetails/ValidationDetailsProps.ts",
367
367
  "line": 5,
368
368
  "character": 2,
369
- "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/9a1090ce6d9e/packages/sdk/packages/payload/packages/details/src/components/Details/ValidationDetails/ValidationDetailsProps.ts#L5"
369
+ "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/84aab7a508db/packages/sdk/packages/payload/packages/details/src/components/Details/ValidationDetails/ValidationDetailsProps.ts#L5"
370
370
  }
371
371
  ],
372
372
  "type": {
@@ -387,7 +387,7 @@
387
387
  "fileName": "packages/sdk/packages/payload/packages/details/src/components/Details/ValidationDetails/ValidationDetailsProps.ts",
388
388
  "line": 6,
389
389
  "character": 2,
390
- "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/9a1090ce6d9e/packages/sdk/packages/payload/packages/details/src/components/Details/ValidationDetails/ValidationDetailsProps.ts#L6"
390
+ "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/84aab7a508db/packages/sdk/packages/payload/packages/details/src/components/Details/ValidationDetails/ValidationDetailsProps.ts#L6"
391
391
  }
392
392
  ],
393
393
  "type": {
@@ -410,7 +410,7 @@
410
410
  "fileName": "packages/sdk/packages/payload/packages/details/src/components/Details/ValidationDetails/ValidationDetailsProps.ts",
411
411
  "line": 7,
412
412
  "character": 2,
413
- "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/9a1090ce6d9e/packages/sdk/packages/payload/packages/details/src/components/Details/ValidationDetails/ValidationDetailsProps.ts#L7"
413
+ "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/84aab7a508db/packages/sdk/packages/payload/packages/details/src/components/Details/ValidationDetails/ValidationDetailsProps.ts#L7"
414
414
  }
415
415
  ],
416
416
  "type": {
@@ -434,7 +434,7 @@
434
434
  "fileName": "packages/sdk/packages/payload/packages/details/src/components/Details/ValidationDetails/ValidationDetailsProps.ts",
435
435
  "line": 4,
436
436
  "character": 65,
437
- "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/9a1090ce6d9e/packages/sdk/packages/payload/packages/details/src/components/Details/ValidationDetails/ValidationDetailsProps.ts#L4"
437
+ "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/84aab7a508db/packages/sdk/packages/payload/packages/details/src/components/Details/ValidationDetails/ValidationDetailsProps.ts#L4"
438
438
  }
439
439
  ]
440
440
  }
@@ -453,7 +453,7 @@
453
453
  "fileName": "packages/sdk/packages/payload/packages/details/src/components/Details/Details.tsx",
454
454
  "line": 9,
455
455
  "character": 12,
456
- "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/9a1090ce6d9e/packages/sdk/packages/payload/packages/details/src/components/Details/Details.tsx#L9"
456
+ "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/84aab7a508db/packages/sdk/packages/payload/packages/details/src/components/Details/Details.tsx#L9"
457
457
  }
458
458
  ],
459
459
  "typeParameters": [
@@ -493,7 +493,7 @@
493
493
  "fileName": "packages/sdk/packages/payload/packages/details/src/components/Details/Details.tsx",
494
494
  "line": 9,
495
495
  "character": 33,
496
- "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/9a1090ce6d9e/packages/sdk/packages/payload/packages/details/src/components/Details/Details.tsx#L9"
496
+ "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/84aab7a508db/packages/sdk/packages/payload/packages/details/src/components/Details/Details.tsx#L9"
497
497
  }
498
498
  ],
499
499
  "type": {
@@ -515,7 +515,7 @@
515
515
  "fileName": "packages/sdk/packages/payload/packages/details/src/components/Details/Details.tsx",
516
516
  "line": 9,
517
517
  "character": 31,
518
- "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/9a1090ce6d9e/packages/sdk/packages/payload/packages/details/src/components/Details/Details.tsx#L9"
518
+ "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/84aab7a508db/packages/sdk/packages/payload/packages/details/src/components/Details/Details.tsx#L9"
519
519
  }
520
520
  ]
521
521
  }
@@ -534,7 +534,7 @@
534
534
  "fileName": "packages/sdk/packages/payload/packages/details/src/components/Details/Details.tsx",
535
535
  "line": 10,
536
536
  "character": 12,
537
- "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/9a1090ce6d9e/packages/sdk/packages/payload/packages/details/src/components/Details/Details.tsx#L10"
537
+ "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/84aab7a508db/packages/sdk/packages/payload/packages/details/src/components/Details/Details.tsx#L10"
538
538
  }
539
539
  ],
540
540
  "typeParameters": [
@@ -576,7 +576,7 @@
576
576
  "fileName": "packages/sdk/packages/payload/packages/details/src/components/Details/Details.tsx",
577
577
  "line": 10,
578
578
  "character": 36,
579
- "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/9a1090ce6d9e/packages/sdk/packages/payload/packages/details/src/components/Details/Details.tsx#L10"
579
+ "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/84aab7a508db/packages/sdk/packages/payload/packages/details/src/components/Details/Details.tsx#L10"
580
580
  }
581
581
  ],
582
582
  "type": {
@@ -598,7 +598,7 @@
598
598
  "fileName": "packages/sdk/packages/payload/packages/details/src/components/Details/Details.tsx",
599
599
  "line": 10,
600
600
  "character": 34,
601
- "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/9a1090ce6d9e/packages/sdk/packages/payload/packages/details/src/components/Details/Details.tsx#L10"
601
+ "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/84aab7a508db/packages/sdk/packages/payload/packages/details/src/components/Details/Details.tsx#L10"
602
602
  }
603
603
  ]
604
604
  }
@@ -617,7 +617,7 @@
617
617
  "fileName": "packages/sdk/packages/payload/packages/details/src/components/Details/DataDetails.tsx",
618
618
  "line": 19,
619
619
  "character": 13,
620
- "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/9a1090ce6d9e/packages/sdk/packages/payload/packages/details/src/components/Details/DataDetails.tsx#L19"
620
+ "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/84aab7a508db/packages/sdk/packages/payload/packages/details/src/components/Details/DataDetails.tsx#L19"
621
621
  }
622
622
  ],
623
623
  "signatures": [
@@ -693,7 +693,7 @@
693
693
  "fileName": "packages/sdk/packages/payload/packages/details/src/components/Details/Details.tsx",
694
694
  "line": 17,
695
695
  "character": 13,
696
- "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/9a1090ce6d9e/packages/sdk/packages/payload/packages/details/src/components/Details/Details.tsx#L17"
696
+ "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/84aab7a508db/packages/sdk/packages/payload/packages/details/src/components/Details/Details.tsx#L17"
697
697
  }
698
698
  ],
699
699
  "signatures": [
@@ -749,7 +749,7 @@
749
749
  "fileName": "packages/sdk/packages/payload/packages/details/src/components/Details/Details.tsx",
750
750
  "line": 13,
751
751
  "character": 2,
752
- "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/9a1090ce6d9e/packages/sdk/packages/payload/packages/details/src/components/Details/Details.tsx#L13"
752
+ "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/84aab7a508db/packages/sdk/packages/payload/packages/details/src/components/Details/Details.tsx#L13"
753
753
  }
754
754
  ],
755
755
  "type": {
@@ -770,7 +770,7 @@
770
770
  "fileName": "packages/sdk/packages/payload/packages/details/src/components/Details/Details.tsx",
771
771
  "line": 14,
772
772
  "character": 2,
773
- "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/9a1090ce6d9e/packages/sdk/packages/payload/packages/details/src/components/Details/Details.tsx#L14"
773
+ "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/84aab7a508db/packages/sdk/packages/payload/packages/details/src/components/Details/Details.tsx#L14"
774
774
  }
775
775
  ],
776
776
  "type": {
@@ -823,7 +823,7 @@
823
823
  "fileName": "packages/sdk/packages/payload/packages/details/src/components/Details/Details.tsx",
824
824
  "line": 12,
825
825
  "character": 49,
826
- "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/9a1090ce6d9e/packages/sdk/packages/payload/packages/details/src/components/Details/Details.tsx#L12"
826
+ "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/84aab7a508db/packages/sdk/packages/payload/packages/details/src/components/Details/Details.tsx#L12"
827
827
  }
828
828
  ]
829
829
  }
@@ -902,7 +902,7 @@
902
902
  "fileName": "packages/sdk/packages/payload/packages/details/src/components/Details/JsonDetails.tsx",
903
903
  "line": 15,
904
904
  "character": 13,
905
- "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/9a1090ce6d9e/packages/sdk/packages/payload/packages/details/src/components/Details/JsonDetails.tsx#L15"
905
+ "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/84aab7a508db/packages/sdk/packages/payload/packages/details/src/components/Details/JsonDetails.tsx#L15"
906
906
  }
907
907
  ],
908
908
  "signatures": [
@@ -976,9 +976,9 @@
976
976
  "sources": [
977
977
  {
978
978
  "fileName": "packages/sdk/packages/payload/packages/details/src/components/Details/ValidationDetails/ValidationDetails.tsx",
979
- "line": 9,
979
+ "line": 10,
980
980
  "character": 13,
981
- "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/9a1090ce6d9e/packages/sdk/packages/payload/packages/details/src/components/Details/ValidationDetails/ValidationDetails.tsx#L9"
981
+ "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/84aab7a508db/packages/sdk/packages/payload/packages/details/src/components/Details/ValidationDetails/ValidationDetails.tsx#L10"
982
982
  }
983
983
  ],
984
984
  "signatures": [
@@ -1071,7 +1071,7 @@
1071
1071
  "fileName": "packages/sdk/packages/payload/packages/details/src/index.ts",
1072
1072
  "line": 1,
1073
1073
  "character": 0,
1074
- "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/9a1090ce6d9e/packages/sdk/packages/payload/packages/details/src/index.ts#L1"
1074
+ "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/84aab7a508db/packages/sdk/packages/payload/packages/details/src/index.ts#L1"
1075
1075
  }
1076
1076
  ]
1077
1077
  }
@@ -5,12 +5,13 @@ import { Dialog, DialogActions, DialogContent, DialogTitle } from '@mui/material
5
5
  import { ButtonEx } from '@xylabs/react-button';
6
6
  import { PayloadWrapper } from '@xyo-network/payload-wrapper';
7
7
  import { Property } from '@xyo-network/react-property';
8
+ import { usePayloadHash } from '@xyo-network/react-shared';
8
9
  import { useState } from 'react';
9
10
  import { PayloadHashSourceDetails } from './HashSourceDetails';
10
11
  export const PayloadDataDetails = ({ size, badge, payload, ...props }) => {
11
12
  const wrapper = payload ? new PayloadWrapper(payload) : undefined;
12
13
  const [viewSourceOpen, setViewSourceOpen] = useState(false);
13
- const hash = wrapper?.hash;
14
+ const hash = usePayloadHash(payload);
14
15
  let elevation = 2;
15
16
  if (props.paper) {
16
17
  elevation += props.elevation ?? 0;
@@ -24,7 +25,7 @@ export const PayloadDataDetails = ({ size, badge, payload, ...props }) => {
24
25
  {
25
26
  icon: _jsx(ContentCopyIcon, {}),
26
27
  name: 'Copy',
27
- onClick: async () => await navigator.clipboard.writeText(wrapper?.hash ?? ''),
28
+ onClick: async () => await navigator.clipboard.writeText(hash ?? ''),
28
29
  },
29
30
  ];
30
31
  const onCopy = async () => {
@@ -1 +1 @@
1
- {"version":3,"file":"DataDetails.js","sourceRoot":"","sources":["../../../../src/components/Details/DataDetails.tsx"],"names":[],"mappings":";AAAA,OAAO,eAAe,MAAM,iCAAiC,CAAA;AAC7D,OAAO,cAAc,MAAM,gCAAgC,CAAA;AAC3D,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AACjF,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AAE/C,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAA;AAC7D,OAAO,EAAE,QAAQ,EAAiC,MAAM,6BAA6B,CAAA;AAErF,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEhC,OAAO,EAAE,wBAAwB,EAAE,MAAM,qBAAqB,CAAA;AAQ9D,MAAM,CAAC,MAAM,kBAAkB,GAAsC,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IAC1G,MAAM,OAAO,GAAG,OAAO,CAAC,CAAC,CAAC,IAAI,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,SAAS,CAAA;IAEjE,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAC3D,MAAM,IAAI,GAAG,OAAO,EAAE,IAAI,CAAA;IAE1B,IAAI,SAAS,GAAG,CAAC,CAAA;IACjB,IAAI,KAAK,CAAC,KAAK,EAAE;QACf,SAAS,IAAI,KAAK,CAAC,SAAS,IAAI,CAAC,CAAA;KAClC;IAED,MAAM,OAAO,GAAqB;QAChC;YACE,IAAI,EAAE,KAAC,cAAc,KAAG;YACxB,IAAI,EAAE,MAAM;YACZ,OAAO,EAAE,GAAG,EAAE,CAAC,iBAAiB,CAAC,IAAI,CAAC;SACvC;QACD;YACE,IAAI,EAAE,KAAC,eAAe,KAAG;YACzB,IAAI,EAAE,MAAM;YACZ,OAAO,EAAE,KAAK,IAAI,EAAE,CAAC,MAAM,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,OAAO,EAAE,IAAI,IAAI,EAAE,CAAC;SAC9E;KACF,CAAA;IAED,MAAM,MAAM,GAAG,KAAK,IAAI,EAAE;QACxB,MAAM,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,OAAO,EAAE,WAAW,IAAI,EAAE,CAAC,CAAA;IACjE,CAAC,CAAA;IAED,OAAO,CACL,8BACE,KAAC,QAAQ,IACP,UAAU,EAAE,EAAE,SAAS,EAAE,EACzB,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,KAAK,EAAC,cAAc,EACpB,KAAK,EAAE,IAAI,IAAI,WAAW,EAC1B,GAAG,EAAC,0BAA0B,KAC1B,KAAK,GACT,EACF,MAAC,MAAM,IAAC,IAAI,EAAE,cAAc,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,iBAAiB,CAAC,KAAK,CAAC,aACnE,KAAC,WAAW,8BAA0B,EACtC,KAAC,aAAa,cACZ,KAAC,wBAAwB,IAAC,OAAO,QAAC,OAAO,EAAE,OAAO,GAAI,GACxC,EAChB,MAAC,aAAa,eACZ,KAAC,QAAQ,IAAC,KAAK,EAAC,WAAW,EAAC,OAAO,EAAE,MAAM,qBAEhC,EACX,KAAC,QAAQ,IAAC,KAAK,EAAC,WAAW,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,iBAAiB,CAAC,KAAK,CAAC,sBAExD,IACG,IACT,IACR,CACJ,CAAA;AACH,CAAC,CAAA"}
1
+ {"version":3,"file":"DataDetails.js","sourceRoot":"","sources":["../../../../src/components/Details/DataDetails.tsx"],"names":[],"mappings":";AAAA,OAAO,eAAe,MAAM,iCAAiC,CAAA;AAC7D,OAAO,cAAc,MAAM,gCAAgC,CAAA;AAC3D,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AACjF,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AAE/C,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAA;AAC7D,OAAO,EAAE,QAAQ,EAAiC,MAAM,6BAA6B,CAAA;AACrF,OAAO,EAAY,cAAc,EAAE,MAAM,2BAA2B,CAAA;AACpE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEhC,OAAO,EAAE,wBAAwB,EAAE,MAAM,qBAAqB,CAAA;AAQ9D,MAAM,CAAC,MAAM,kBAAkB,GAAsC,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IAC1G,MAAM,OAAO,GAAG,OAAO,CAAC,CAAC,CAAC,IAAI,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,SAAS,CAAA;IAEjE,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAC3D,MAAM,IAAI,GAAG,cAAc,CAAC,OAAO,CAAC,CAAA;IAEpC,IAAI,SAAS,GAAG,CAAC,CAAA;IACjB,IAAI,KAAK,CAAC,KAAK,EAAE;QACf,SAAS,IAAI,KAAK,CAAC,SAAS,IAAI,CAAC,CAAA;KAClC;IAED,MAAM,OAAO,GAAqB;QAChC;YACE,IAAI,EAAE,KAAC,cAAc,KAAG;YACxB,IAAI,EAAE,MAAM;YACZ,OAAO,EAAE,GAAG,EAAE,CAAC,iBAAiB,CAAC,IAAI,CAAC;SACvC;QACD;YACE,IAAI,EAAE,KAAC,eAAe,KAAG;YACzB,IAAI,EAAE,MAAM;YACZ,OAAO,EAAE,KAAK,IAAI,EAAE,CAAC,MAAM,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,IAAI,IAAI,EAAE,CAAC;SACrE;KACF,CAAA;IAED,MAAM,MAAM,GAAG,KAAK,IAAI,EAAE;QACxB,MAAM,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,OAAO,EAAE,WAAW,IAAI,EAAE,CAAC,CAAA;IACjE,CAAC,CAAA;IAED,OAAO,CACL,8BACE,KAAC,QAAQ,IACP,UAAU,EAAE,EAAE,SAAS,EAAE,EACzB,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,KAAK,EAAC,cAAc,EACpB,KAAK,EAAE,IAAI,IAAI,WAAW,EAC1B,GAAG,EAAC,0BAA0B,KAC1B,KAAK,GACT,EACF,MAAC,MAAM,IAAC,IAAI,EAAE,cAAc,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,iBAAiB,CAAC,KAAK,CAAC,aACnE,KAAC,WAAW,8BAA0B,EACtC,KAAC,aAAa,cACZ,KAAC,wBAAwB,IAAC,OAAO,QAAC,OAAO,EAAE,OAAO,GAAI,GACxC,EAChB,MAAC,aAAa,eACZ,KAAC,QAAQ,IAAC,KAAK,EAAC,WAAW,EAAC,OAAO,EAAE,MAAM,qBAEhC,EACX,KAAC,QAAQ,IAAC,KAAK,EAAC,WAAW,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,iBAAiB,CAAC,KAAK,CAAC,sBAExD,IACG,IACT,IACR,CACJ,CAAA;AACH,CAAC,CAAA"}
@@ -4,9 +4,11 @@ import { FlexCol } from '@xylabs/react-flexbox';
4
4
  import { PayloadValidator } from '@xyo-network/payload-validator';
5
5
  import { Property, PropertyGroup } from '@xyo-network/react-property';
6
6
  import { SchemaProperty } from '@xyo-network/react-schema';
7
+ import { usePromise } from '@xyo-network/react-shared';
7
8
  export const PayloadValidationDetails = ({ viewSchemaUrl, skipBody = false, value, ...props }) => {
8
9
  const validator = value ? new PayloadValidator(value) : undefined;
9
- const bodyErrors = skipBody ? [] : validator?.validate() ?? [];
10
+ const [validateErrors] = usePromise(validator?.validate(), [validator]);
11
+ const bodyErrors = skipBody ? [] : validateErrors ?? [];
10
12
  const errors = [...bodyErrors];
11
13
  let elevation = 2;
12
14
  if (props.paper) {
@@ -1 +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,gBAAgB,EAAE,MAAM,gCAAgC,CAAA;AACjE,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,gBAAgB,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS,CAAA;IAEjE,MAAM,UAAU,GAAG,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAA;IAC9D,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"}
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,gBAAgB,EAAE,MAAM,gCAAgC,CAAA;AACjE,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAA;AACrE,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAC1D,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAA;AAItD,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,gBAAgB,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS,CAAA;IAEjE,MAAM,CAAC,cAAc,CAAC,GAAG,UAAU,CAAC,SAAS,EAAE,QAAQ,EAAE,EAAE,CAAC,SAAS,CAAC,CAAC,CAAA;IAEvE,MAAM,UAAU,GAAG,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,cAAc,IAAI,EAAE,CAAA;IACvD,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"}
@@ -1 +1 @@
1
- {"version":3,"file":"DataDetails.d.ts","sourceRoot":"","sources":["../../../../src/components/Details/DataDetails.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAA;AAEpD,OAAO,EAA4B,aAAa,EAAE,MAAM,6BAA6B,CAAA;AACrF,OAAO,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAA;AAKpD,MAAM,MAAM,uBAAuB,GAAG,aAAa,GAAG;IACpD,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,IAAI,CAAC,EAAE,QAAQ,CAAA;CAChB,CAAA;AAED,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAwDhE,CAAA"}
1
+ {"version":3,"file":"DataDetails.d.ts","sourceRoot":"","sources":["../../../../src/components/Details/DataDetails.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAA;AAEpD,OAAO,EAA4B,aAAa,EAAE,MAAM,6BAA6B,CAAA;AACrF,OAAO,EAAE,QAAQ,EAAkB,MAAM,2BAA2B,CAAA;AAKpE,MAAM,MAAM,uBAAuB,GAAG,aAAa,GAAG;IACpD,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,IAAI,CAAC,EAAE,QAAQ,CAAA;CAChB,CAAA;AAED,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAwDhE,CAAA"}
@@ -1 +1 @@
1
- {"version":3,"file":"ValidationDetails.d.ts","sourceRoot":"","sources":["../../../../../src/components/Details/ValidationDetails/ValidationDetails.tsx"],"names":[],"mappings":";AAMA,OAAO,EAAE,6BAA6B,EAAE,MAAM,0BAA0B,CAAA;AAExE,eAAO,MAAM,wBAAwB,EAAE,KAAK,CAAC,EAAE,CAAC,6BAA6B,CAiC5E,CAAA"}
1
+ {"version":3,"file":"ValidationDetails.d.ts","sourceRoot":"","sources":["../../../../../src/components/Details/ValidationDetails/ValidationDetails.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAE,6BAA6B,EAAE,MAAM,0BAA0B,CAAA;AAExE,eAAO,MAAM,wBAAwB,EAAE,KAAK,CAAC,EAAE,CAAC,6BAA6B,CAmC5E,CAAA"}
package/package.json CHANGED
@@ -10,22 +10,22 @@
10
10
  "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/issues"
11
11
  },
12
12
  "dependencies": {
13
- "@xylabs/react-button": "^2.17.2",
14
- "@xylabs/react-flexbox": "^2.17.2",
15
- "@xylabs/react-quick-tip-button": "^2.17.2",
16
- "@xyo-network/payload-model": "^2.57.5",
17
- "@xyo-network/payload-validator": "^2.57.5",
18
- "@xyo-network/payload-wrapper": "^2.57.5",
19
- "@xyo-network/react-property": "^2.49.13",
20
- "@xyo-network/react-schema": "^2.49.13",
21
- "@xyo-network/react-shared": "^2.49.13",
13
+ "@xylabs/react-button": "^2.17.3",
14
+ "@xylabs/react-flexbox": "^2.17.3",
15
+ "@xylabs/react-quick-tip-button": "^2.17.3",
16
+ "@xyo-network/payload-model": "^2.60.0-rc.2",
17
+ "@xyo-network/payload-validator": "^2.60.0-rc.2",
18
+ "@xyo-network/payload-wrapper": "^2.60.0-rc.2",
19
+ "@xyo-network/react-property": "^2.51.0-rc.1",
20
+ "@xyo-network/react-schema": "^2.51.0-rc.1",
21
+ "@xyo-network/react-shared": "^2.51.0-rc.1",
22
22
  "react-json-view": "^1.21.3"
23
23
  },
24
24
  "devDependencies": {
25
- "@storybook/react": "^7.0.12",
25
+ "@storybook/react": "^7.0.18",
26
26
  "@xylabs/ts-scripts-yarn3": "^2.17.13",
27
27
  "@xylabs/tsconfig-react": "^2.17.13",
28
- "@xyo-network/react-storybook": "^2.49.13",
28
+ "@xyo-network/react-storybook": "^2.51.0-rc.1",
29
29
  "typescript": "^5.0.4"
30
30
  },
31
31
  "peerDependencies": {
@@ -80,5 +80,6 @@
80
80
  },
81
81
  "sideEffects": false,
82
82
  "types": "dist/types/index.d.ts",
83
- "version": "2.49.13"
83
+ "version": "2.51.0-rc.1",
84
+ "stableVersion": "2.50.0"
84
85
  }
@@ -5,7 +5,7 @@ import { ButtonEx } from '@xylabs/react-button'
5
5
  import { Payload } from '@xyo-network/payload-model'
6
6
  import { PayloadWrapper } from '@xyo-network/payload-wrapper'
7
7
  import { Property, PropertyAction, PropertyProps } from '@xyo-network/react-property'
8
- import { SizeProp } from '@xyo-network/react-shared'
8
+ import { SizeProp, usePayloadHash } from '@xyo-network/react-shared'
9
9
  import { useState } from 'react'
10
10
 
11
11
  import { PayloadHashSourceDetails } from './HashSourceDetails'
@@ -20,7 +20,7 @@ export const PayloadDataDetails: React.FC<PayloadDataDetailsProps> = ({ size, ba
20
20
  const wrapper = payload ? new PayloadWrapper(payload) : undefined
21
21
 
22
22
  const [viewSourceOpen, setViewSourceOpen] = useState(false)
23
- const hash = wrapper?.hash
23
+ const hash = usePayloadHash(payload)
24
24
 
25
25
  let elevation = 2
26
26
  if (props.paper) {
@@ -36,7 +36,7 @@ export const PayloadDataDetails: React.FC<PayloadDataDetailsProps> = ({ size, ba
36
36
  {
37
37
  icon: <ContentCopyIcon />,
38
38
  name: 'Copy',
39
- onClick: async () => await navigator.clipboard.writeText(wrapper?.hash ?? ''),
39
+ onClick: async () => await navigator.clipboard.writeText(hash ?? ''),
40
40
  },
41
41
  ]
42
42
 
@@ -3,13 +3,16 @@ import { FlexCol } from '@xylabs/react-flexbox'
3
3
  import { PayloadValidator } from '@xyo-network/payload-validator'
4
4
  import { Property, PropertyGroup } from '@xyo-network/react-property'
5
5
  import { SchemaProperty } from '@xyo-network/react-schema'
6
+ import { usePromise } from '@xyo-network/react-shared'
6
7
 
7
8
  import { PayloadValidationDetailsProps } from './ValidationDetailsProps'
8
9
 
9
10
  export const PayloadValidationDetails: React.FC<PayloadValidationDetailsProps> = ({ viewSchemaUrl, skipBody = false, value, ...props }) => {
10
11
  const validator = value ? new PayloadValidator(value) : undefined
11
12
 
12
- const bodyErrors = skipBody ? [] : validator?.validate() ?? []
13
+ const [validateErrors] = usePromise(validator?.validate(), [validator])
14
+
15
+ const bodyErrors = skipBody ? [] : validateErrors ?? []
13
16
  const errors: Error[] = [...bodyErrors]
14
17
 
15
18
  let elevation = 2
package/typedoc.json ADDED
@@ -0,0 +1,5 @@
1
+ {
2
+ "$schema": "https://typedoc.org/schema.json",
3
+ "entryPoints": ["src/index.ts"],
4
+ "tsconfig": "./tsconfig.typedoc.json"
5
+ }