@xyo-network/react-payload-details 10.0.2 → 10.0.4

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.
@@ -1,6 +1,6 @@
1
1
  import type { PropertyProps } from '@xyo-network/react-property';
2
2
  import type { SizeProp } from '@xyo-network/react-shared';
3
- import type { Payload } from '@xyo-network/sdk-js';
3
+ import type { Payload } from '@xyo-network/sdk';
4
4
  import React from 'react';
5
5
  export type PayloadDataDetailsProps = PropertyProps & {
6
6
  badge?: boolean;
@@ -1 +1 @@
1
- {"version":3,"file":"DataDetails.d.ts","sourceRoot":"","sources":["../../../../src/components/Details/DataDetails.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAkB,aAAa,EAAE,MAAM,6BAA6B,CAAA;AAEhF,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAA;AAEzD,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAA;AAElD,OAAO,KAAmB,MAAM,OAAO,CAAA;AAIvC,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,CAgEhE,CAAA"}
1
+ {"version":3,"file":"DataDetails.d.ts","sourceRoot":"","sources":["../../../../src/components/Details/DataDetails.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAkB,aAAa,EAAE,MAAM,6BAA6B,CAAA;AAEhF,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAA;AAEzD,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAA;AAE/C,OAAO,KAAmB,MAAM,OAAO,CAAA;AAIvC,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,CAgEhE,CAAA"}
@@ -1,5 +1,5 @@
1
- import type { FlexBoxProps } from '@xylabs/react-flexbox';
2
- import type { Payload } from '@xyo-network/sdk-js';
1
+ import type { FlexBoxProps } from '@ariestools/sdk-react/flexbox';
2
+ import type { Payload } from '@xyo-network/sdk';
3
3
  import React from 'react';
4
4
  export type WithPaper<T> = T & {
5
5
  paper: true;
@@ -1 +1 @@
1
- {"version":3,"file":"Details.d.ts","sourceRoot":"","sources":["../../../../src/components/Details/Details.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAA;AAEzD,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAA;AAClD,OAAO,KAAK,MAAM,OAAO,CAAA;AAMzB,MAAM,MAAM,SAAS,CAAC,CAAC,IAAI,CAAC,GAAG;IAAE,KAAK,EAAE,IAAI,CAAA;CAAE,CAAA;AAC9C,MAAM,MAAM,YAAY,CAAC,CAAC,IAAI,CAAC,GAAG;IAAE,KAAK,CAAC,EAAE,KAAK,CAAA;CAAE,CAAA;AAEnD,MAAM,MAAM,mBAAmB,GAAG,YAAY,GAAG;IAC/C,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAmBxD,CAAA"}
1
+ {"version":3,"file":"Details.d.ts","sourceRoot":"","sources":["../../../../src/components/Details/Details.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAA;AAEjE,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAA;AAC/C,OAAO,KAAK,MAAM,OAAO,CAAA;AAMzB,MAAM,MAAM,SAAS,CAAC,CAAC,IAAI,CAAC,GAAG;IAAE,KAAK,EAAE,IAAI,CAAA;CAAE,CAAA;AAC9C,MAAM,MAAM,YAAY,CAAC,CAAC,IAAI,CAAC,GAAG;IAAE,KAAK,CAAC,EAAE,KAAK,CAAA;CAAE,CAAA;AAEnD,MAAM,MAAM,mBAAmB,GAAG,YAAY,GAAG;IAC/C,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAmBxD,CAAA"}
@@ -1,5 +1,5 @@
1
- import type { FlexBoxProps } from '@xylabs/react-flexbox';
2
- import type { Payload } from '@xyo-network/sdk-js';
1
+ import type { FlexBoxProps } from '@ariestools/sdk-react/flexbox';
2
+ import type { Payload } from '@xyo-network/sdk';
3
3
  import React from 'react';
4
4
  export interface PayloadHashSourceDetailsProps extends FlexBoxProps {
5
5
  noTitle?: boolean;
@@ -1 +1 @@
1
- {"version":3,"file":"HashSourceDetails.d.ts","sourceRoot":"","sources":["../../../../src/components/Details/HashSourceDetails.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAA;AAKzD,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAA;AAElD,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,MAAM,WAAW,6BAA8B,SAAQ,YAAY;IACjE,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAED,eAAO,MAAM,wBAAwB,EAAE,KAAK,CAAC,EAAE,CAAC,6BAA6B,CAiE5E,CAAA"}
1
+ {"version":3,"file":"HashSourceDetails.d.ts","sourceRoot":"","sources":["../../../../src/components/Details/HashSourceDetails.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAA;AASjE,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAA;AAE/C,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,MAAM,WAAW,6BAA8B,SAAQ,YAAY;IACjE,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAED,eAAO,MAAM,wBAAwB,EAAE,KAAK,CAAC,EAAE,CAAC,6BAA6B,CAiE5E,CAAA"}
@@ -1,6 +1,6 @@
1
1
  import type { JsonViewerExProps } from '@xyo-network/react-payload-raw-info';
2
2
  import type { PropertyGroupProps } from '@xyo-network/react-property';
3
- import type { Payload } from '@xyo-network/sdk-js';
3
+ import type { Payload } from '@xyo-network/sdk';
4
4
  import React from 'react';
5
5
  export type PayloadJsonDetailsProps = PropertyGroupProps & {
6
6
  jsonViewProps?: JsonViewerExProps;
@@ -1 +1 @@
1
- {"version":3,"file":"JsonDetails.d.ts","sourceRoot":"","sources":["../../../../src/components/Details/JsonDetails.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,qCAAqC,CAAA;AAE5E,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAA;AAErE,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAA;AAClD,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,MAAM,MAAM,uBAAuB,GAAG,kBAAkB,GAAG;IACzD,aAAa,CAAC,EAAE,iBAAiB,CAAA;IACjC,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB,CAAA;AAED,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CA+BhE,CAAA"}
1
+ {"version":3,"file":"JsonDetails.d.ts","sourceRoot":"","sources":["../../../../src/components/Details/JsonDetails.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,qCAAqC,CAAA;AAE5E,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAA;AAErE,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAA;AAC/C,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,MAAM,MAAM,uBAAuB,GAAG,kBAAkB,GAAG;IACzD,aAAa,CAAC,EAAE,iBAAiB,CAAA;IACjC,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB,CAAA;AAED,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CA+BhE,CAAA"}
@@ -1,5 +1,5 @@
1
1
  import type { PropertyGroupProps } from '@xyo-network/react-property';
2
- import type { Payload } from '@xyo-network/sdk-js';
2
+ import type { Payload } from '@xyo-network/sdk';
3
3
  export type PayloadValidationDetailsProps = PropertyGroupProps & {
4
4
  skipBody?: boolean;
5
5
  value?: Payload;
@@ -1 +1 @@
1
- {"version":3,"file":"ValidationDetailsProps.d.ts","sourceRoot":"","sources":["../../../../../src/components/Details/ValidationDetails/ValidationDetailsProps.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAA;AACrE,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAA;AAElD,MAAM,MAAM,6BAA6B,GAAG,kBAAkB,GAAG;IAC/D,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,OAAO,CAAA;CAChB,CAAA"}
1
+ {"version":3,"file":"ValidationDetailsProps.d.ts","sourceRoot":"","sources":["../../../../../src/components/Details/ValidationDetails/ValidationDetailsProps.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAA;AACrE,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAA;AAE/C,MAAM,MAAM,6BAA6B,GAAG,kBAAkB,GAAG;IAC/D,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,OAAO,CAAA;CAChB,CAAA"}
@@ -1,4 +1,6 @@
1
1
  // src/components/Details/DataDetails.tsx
2
+ import { forget } from "@ariestools/sdk";
3
+ import { ButtonEx } from "@ariestools/sdk-react/button";
2
4
  import { ContentCopy as ContentCopyIcon2, Visibility as VisibilityIcon } from "@mui/icons-material";
3
5
  import {
4
6
  Dialog,
@@ -6,27 +8,25 @@ import {
6
8
  DialogContent,
7
9
  DialogTitle
8
10
  } from "@mui/material";
9
- import { ButtonEx } from "@xylabs/react-button";
10
- import { forget } from "@xylabs/sdk-js";
11
11
  import { Property } from "@xyo-network/react-property";
12
12
  import { usePayloadHash } from "@xyo-network/react-shared";
13
- import { PayloadBuilder as PayloadBuilder2 } from "@xyo-network/sdk-js";
13
+ import { PayloadBuilder as PayloadBuilder2 } from "@xyo-network/sdk";
14
14
  import { useState } from "react";
15
15
 
16
16
  // src/components/Details/HashSourceDetails.tsx
17
+ import {
18
+ FlexCol,
19
+ FlexGrowRow,
20
+ FlexRow
21
+ } from "@ariestools/sdk-react/flexbox";
22
+ import { QuickTipButton } from "@ariestools/sdk-react/quick-tip-button";
17
23
  import { ContentCopy as ContentCopyIcon } from "@mui/icons-material";
18
24
  import {
19
25
  IconButton,
20
26
  Typography,
21
27
  useTheme
22
28
  } from "@mui/material";
23
- import {
24
- FlexCol,
25
- FlexGrowRow,
26
- FlexRow
27
- } from "@xylabs/react-flexbox";
28
- import { QuickTipButton } from "@xylabs/react-quick-tip-button";
29
- import { PayloadBuilder } from "@xyo-network/sdk-js";
29
+ import { PayloadBuilder } from "@xyo-network/sdk";
30
30
  import { jsx, jsxs } from "react/jsx-runtime";
31
31
  var PayloadHashSourceDetails = ({
32
32
  noTitle = false,
@@ -166,7 +166,7 @@ var PayloadDataDetails = ({
166
166
  };
167
167
 
168
168
  // src/components/Details/Details.tsx
169
- import { FlexCol as FlexCol3 } from "@xylabs/react-flexbox";
169
+ import { FlexCol as FlexCol3 } from "@ariestools/sdk-react/flexbox";
170
170
 
171
171
  // src/components/Details/JsonDetails.tsx
172
172
  import {
@@ -214,12 +214,12 @@ var PayloadJsonDetails = ({
214
214
  };
215
215
 
216
216
  // src/components/Details/ValidationDetails/ValidationDetails.tsx
217
+ import { FlexCol as FlexCol2 } from "@ariestools/sdk-react/flexbox";
218
+ import { usePromise } from "@ariestools/sdk-react/promise";
217
219
  import { Typography as Typography2 } from "@mui/material";
218
- import { FlexCol as FlexCol2 } from "@xylabs/react-flexbox";
219
- import { usePromise } from "@xylabs/react-promise";
220
220
  import { Property as Property2, PropertyGroup as PropertyGroup2 } from "@xyo-network/react-property";
221
221
  import { SchemaProperty } from "@xyo-network/react-schema";
222
- import { PayloadValidator } from "@xyo-network/sdk-js";
222
+ import { PayloadValidator } from "@xyo-network/sdk";
223
223
  import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
224
224
  var PayloadValidationDetails = ({
225
225
  skipBody = false,
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../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"],
4
- "sourcesContent": ["import { ContentCopy as ContentCopyIcon, Visibility as VisibilityIcon } from '@mui/icons-material'\nimport {\n Dialog, DialogActions, DialogContent, DialogTitle,\n} from '@mui/material'\nimport { ButtonEx } from '@xylabs/react-button'\nimport { forget } from '@xylabs/sdk-js'\nimport type { PropertyAction, PropertyProps } from '@xyo-network/react-property'\nimport { Property } from '@xyo-network/react-property'\nimport type { SizeProp } from '@xyo-network/react-shared'\nimport { usePayloadHash } from '@xyo-network/react-shared'\nimport type { Payload } from '@xyo-network/sdk-js'\nimport { PayloadBuilder } from '@xyo-network/sdk-js'\nimport React, { useState } from 'react'\n\nimport { PayloadHashSourceDetails } from './HashSourceDetails.tsx'\n\nexport type PayloadDataDetailsProps = PropertyProps & {\n badge?: boolean\n payload?: Payload\n size?: SizeProp\n}\n\nexport const PayloadDataDetails: React.FC<PayloadDataDetailsProps> = ({\n size, badge, payload, ...props\n}) => {\n const payloadString = payload ? JSON.stringify(PayloadBuilder.hashableFields(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: () => forget(navigator.clipboard.writeText(hash ?? '')),\n },\n ]\n\n const onCopy = () => {\n forget(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\n onClick={onCopy}\n sx={{ color: 'secondary' }}\n >\n Copy\n </ButtonEx>\n <ButtonEx\n onClick={() => setViewSourceOpen(false)}\n sx={{ color: 'secondary' }}\n >\n Close\n </ButtonEx>\n </DialogActions>\n </Dialog>\n </>\n )\n}\n", "import { ContentCopy as ContentCopyIcon } from '@mui/icons-material'\nimport {\n IconButton, Typography, useTheme,\n} from '@mui/material'\nimport type { FlexBoxProps } from '@xylabs/react-flexbox'\nimport {\n FlexCol, FlexGrowRow, FlexRow,\n} from '@xylabs/react-flexbox'\nimport { QuickTipButton } from '@xylabs/react-quick-tip-button'\nimport type { Payload } from '@xyo-network/sdk-js'\nimport { PayloadBuilder } from '@xyo-network/sdk-js'\nimport React from 'react'\n\nexport interface PayloadHashSourceDetailsProps extends FlexBoxProps {\n noTitle?: boolean\n payload?: Payload\n}\n\nexport const PayloadHashSourceDetails: React.FC<PayloadHashSourceDetailsProps> = ({\n noTitle = false, payload, ...props\n}) => {\n const theme = useTheme()\n const payloadString = payload ? JSON.stringify(PayloadBuilder.hashableFields(payload), null, 2) : ''\n\n return (\n <FlexCol\n {...props}\n sx={[{ alignItems: 'stretch' }, ...(Array.isArray(props.sx) ? props.sx : [props.sx])]}\n >\n {noTitle\n ? null\n : (\n <FlexRow\n sx={{\n margin: 1,\n justifyContent: 'flex-start',\n }}\n >\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\n background\n sx={{\n border: 1,\n borderColor: theme.vars.palette.divider,\n justifyContent: 'start',\n }}\n >\n <Typography\n variant=\"body1\"\n sx={{\n padding: 2,\n fontFamily: 'monospace',\n overflowWrap: 'break-word',\n wordBreak: 'break-all',\n }}\n >\n {payloadString}\n </Typography>\n </FlexGrowRow>\n <IconButton>\n <ContentCopyIcon />\n </IconButton>\n </FlexRow>\n {noTitle\n ? (\n <FlexRow\n sx={{\n margin: 1,\n justifyContent: 'flex-start',\n }}\n >\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 )\n : null}\n </FlexCol>\n )\n}\n", "import type { FlexBoxProps } from '@xylabs/react-flexbox'\nimport { FlexCol } from '@xylabs/react-flexbox'\nimport type { Payload } from '@xyo-network/sdk-js'\nimport React from 'react'\n\nimport { PayloadDataDetails } from './DataDetails.tsx'\nimport { PayloadJsonDetails } from './JsonDetails.tsx'\nimport { PayloadValidationDetails } from './ValidationDetails/index.ts'\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: React.FC<PayloadDetailsProps> = ({\n paper, payload, ...props\n}) => {\n return (\n <FlexCol\n {...props}\n sx={[{\n gap: 1,\n justifyContent: 'flex-start',\n alignItems: 'stretch',\n marginTop: 2,\n marginBottom: 8,\n }, ...(Array.isArray(props.sx) ? props.sx : [props.sx])]}\n >\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 {\n Paper, useMediaQuery, useTheme,\n} from '@mui/material'\nimport type { JsonViewerExProps } from '@xyo-network/react-payload-raw-info'\nimport { JsonViewerEx } from '@xyo-network/react-payload-raw-info'\nimport type { PropertyGroupProps } from '@xyo-network/react-property'\nimport { PropertyGroup } from '@xyo-network/react-property'\nimport type { Payload } from '@xyo-network/sdk-js'\nimport React from 'react'\n\nexport type PayloadJsonDetailsProps = PropertyGroupProps & {\n jsonViewProps?: JsonViewerExProps\n payload?: Payload\n}\n\nexport const PayloadJsonDetails: React.FC<PayloadJsonDetailsProps> = ({\n jsonViewProps, payload, ...props\n}) => {\n const { breakpoints } = 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 return (\n <PropertyGroup titleProps={{ elevation }} title=\"JSON\" tip=\"The raw JSON of the payload\" {...props}>\n <Paper\n square\n variant=\"elevation\"\n style={{\n overflow: 'hidden', padding: '16px', width: '100%',\n }}\n >\n <JsonViewerEx\n groupArraysAfterLength={20}\n style={{ overflow: 'hidden' }}\n value={payload}\n enableClipboard\n collapseStringsAfterLength={belowSm ? 24 : 32}\n {...jsonViewProps}\n />\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 { Property, PropertyGroup } from '@xyo-network/react-property'\nimport { SchemaProperty } from '@xyo-network/react-schema'\nimport { PayloadValidator } from '@xyo-network/sdk-js'\nimport React from 'react'\n\nimport type { PayloadValidationDetailsProps } from './ValidationDetailsProps.ts'\n\nexport const PayloadValidationDetails: React.FC<PayloadValidationDetailsProps> = ({\n skipBody = false, value, ...props\n}) => {\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 title=\"Valid\"\n value={errors.length === 0 ? 'True' : 'False'}\n tip={\n errors.length > 0\n ? (\n <FlexCol>\n {errors.map((error) => {\n return <Typography key={error.message}>{error.toString()}</Typography>\n })}\n </FlexCol>\n )\n : <Typography>No Errors</Typography>\n }\n sx={{ flexGrow: 1 }}\n />\n {value?.schema && (\n <SchemaProperty\n titleProps={{ elevation }}\n value={value.schema}\n sx={{ flexGrow: 1 }}\n />\n )}\n </PropertyGroup>\n )\n}\n"],
5
- "mappings": "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",
6
- "names": ["ContentCopyIcon", "PayloadBuilder", "jsx", "jsxs", "PayloadBuilder", "ContentCopyIcon", "FlexCol", "useTheme", "jsx", "Typography", "FlexCol", "Property", "PropertyGroup", "jsx", "jsxs", "jsx", "jsxs", "FlexCol"]
4
+ "sourcesContent": ["import { forget } from '@ariestools/sdk'\nimport { ButtonEx } from '@ariestools/sdk-react/button'\nimport { ContentCopy as ContentCopyIcon, Visibility as VisibilityIcon } from '@mui/icons-material'\nimport {\n Dialog, DialogActions, DialogContent, DialogTitle,\n} from '@mui/material'\nimport type { PropertyAction, PropertyProps } from '@xyo-network/react-property'\nimport { Property } from '@xyo-network/react-property'\nimport type { SizeProp } from '@xyo-network/react-shared'\nimport { usePayloadHash } from '@xyo-network/react-shared'\nimport type { Payload } from '@xyo-network/sdk'\nimport { PayloadBuilder } from '@xyo-network/sdk'\nimport React, { useState } from 'react'\n\nimport { PayloadHashSourceDetails } from './HashSourceDetails.tsx'\n\nexport type PayloadDataDetailsProps = PropertyProps & {\n badge?: boolean\n payload?: Payload\n size?: SizeProp\n}\n\nexport const PayloadDataDetails: React.FC<PayloadDataDetailsProps> = ({\n size, badge, payload, ...props\n}) => {\n const payloadString = payload ? JSON.stringify(PayloadBuilder.hashableFields(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: () => forget(navigator.clipboard.writeText(hash ?? '')),\n },\n ]\n\n const onCopy = () => {\n forget(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\n onClick={onCopy}\n sx={{ color: 'secondary' }}\n >\n Copy\n </ButtonEx>\n <ButtonEx\n onClick={() => setViewSourceOpen(false)}\n sx={{ color: 'secondary' }}\n >\n Close\n </ButtonEx>\n </DialogActions>\n </Dialog>\n </>\n )\n}\n", "import type { FlexBoxProps } from '@ariestools/sdk-react/flexbox'\nimport {\n FlexCol, FlexGrowRow, FlexRow,\n} from '@ariestools/sdk-react/flexbox'\nimport { QuickTipButton } from '@ariestools/sdk-react/quick-tip-button'\nimport { ContentCopy as ContentCopyIcon } from '@mui/icons-material'\nimport {\n IconButton, Typography, useTheme,\n} from '@mui/material'\nimport type { Payload } from '@xyo-network/sdk'\nimport { PayloadBuilder } from '@xyo-network/sdk'\nimport React from 'react'\n\nexport interface PayloadHashSourceDetailsProps extends FlexBoxProps {\n noTitle?: boolean\n payload?: Payload\n}\n\nexport const PayloadHashSourceDetails: React.FC<PayloadHashSourceDetailsProps> = ({\n noTitle = false, payload, ...props\n}) => {\n const theme = useTheme()\n const payloadString = payload ? JSON.stringify(PayloadBuilder.hashableFields(payload), null, 2) : ''\n\n return (\n <FlexCol\n {...props}\n sx={[{ alignItems: 'stretch' }, ...(Array.isArray(props.sx) ? props.sx : [props.sx])]}\n >\n {noTitle\n ? null\n : (\n <FlexRow\n sx={{\n margin: 1,\n justifyContent: 'flex-start',\n }}\n >\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\n background\n sx={{\n border: 1,\n borderColor: theme.vars.palette.divider,\n justifyContent: 'start',\n }}\n >\n <Typography\n variant=\"body1\"\n sx={{\n padding: 2,\n fontFamily: 'monospace',\n overflowWrap: 'break-word',\n wordBreak: 'break-all',\n }}\n >\n {payloadString}\n </Typography>\n </FlexGrowRow>\n <IconButton>\n <ContentCopyIcon />\n </IconButton>\n </FlexRow>\n {noTitle\n ? (\n <FlexRow\n sx={{\n margin: 1,\n justifyContent: 'flex-start',\n }}\n >\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 )\n : null}\n </FlexCol>\n )\n}\n", "import type { FlexBoxProps } from '@ariestools/sdk-react/flexbox'\nimport { FlexCol } from '@ariestools/sdk-react/flexbox'\nimport type { Payload } from '@xyo-network/sdk'\nimport React from 'react'\n\nimport { PayloadDataDetails } from './DataDetails.tsx'\nimport { PayloadJsonDetails } from './JsonDetails.tsx'\nimport { PayloadValidationDetails } from './ValidationDetails/index.ts'\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: React.FC<PayloadDetailsProps> = ({\n paper, payload, ...props\n}) => {\n return (\n <FlexCol\n {...props}\n sx={[{\n gap: 1,\n justifyContent: 'flex-start',\n alignItems: 'stretch',\n marginTop: 2,\n marginBottom: 8,\n }, ...(Array.isArray(props.sx) ? props.sx : [props.sx])]}\n >\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 {\n Paper, useMediaQuery, useTheme,\n} from '@mui/material'\nimport type { JsonViewerExProps } from '@xyo-network/react-payload-raw-info'\nimport { JsonViewerEx } from '@xyo-network/react-payload-raw-info'\nimport type { PropertyGroupProps } from '@xyo-network/react-property'\nimport { PropertyGroup } from '@xyo-network/react-property'\nimport type { Payload } from '@xyo-network/sdk'\nimport React from 'react'\n\nexport type PayloadJsonDetailsProps = PropertyGroupProps & {\n jsonViewProps?: JsonViewerExProps\n payload?: Payload\n}\n\nexport const PayloadJsonDetails: React.FC<PayloadJsonDetailsProps> = ({\n jsonViewProps, payload, ...props\n}) => {\n const { breakpoints } = 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 return (\n <PropertyGroup titleProps={{ elevation }} title=\"JSON\" tip=\"The raw JSON of the payload\" {...props}>\n <Paper\n square\n variant=\"elevation\"\n style={{\n overflow: 'hidden', padding: '16px', width: '100%',\n }}\n >\n <JsonViewerEx\n groupArraysAfterLength={20}\n style={{ overflow: 'hidden' }}\n value={payload}\n enableClipboard\n collapseStringsAfterLength={belowSm ? 24 : 32}\n {...jsonViewProps}\n />\n </Paper>\n </PropertyGroup>\n )\n}\n", "import { FlexCol } from '@ariestools/sdk-react/flexbox'\nimport { usePromise } from '@ariestools/sdk-react/promise'\nimport { Typography } from '@mui/material'\nimport { Property, PropertyGroup } from '@xyo-network/react-property'\nimport { SchemaProperty } from '@xyo-network/react-schema'\nimport { PayloadValidator } from '@xyo-network/sdk'\nimport React from 'react'\n\nimport type { PayloadValidationDetailsProps } from './ValidationDetailsProps.ts'\n\nexport const PayloadValidationDetails: React.FC<PayloadValidationDetailsProps> = ({\n skipBody = false, value, ...props\n}) => {\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 title=\"Valid\"\n value={errors.length === 0 ? 'True' : 'False'}\n tip={\n errors.length > 0\n ? (\n <FlexCol>\n {errors.map((error) => {\n return <Typography key={error.message}>{error.toString()}</Typography>\n })}\n </FlexCol>\n )\n : <Typography>No Errors</Typography>\n }\n sx={{ flexGrow: 1 }}\n />\n {value?.schema && (\n <SchemaProperty\n titleProps={{ elevation }}\n value={value.schema}\n sx={{ flexGrow: 1 }}\n />\n )}\n </PropertyGroup>\n )\n}\n"],
5
+ "mappings": "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",
6
+ "names": ["ContentCopyIcon", "PayloadBuilder", "jsx", "jsxs", "PayloadBuilder", "ContentCopyIcon", "FlexCol", "useTheme", "jsx", "FlexCol", "Typography", "Property", "PropertyGroup", "jsx", "jsxs", "jsx", "jsxs", "FlexCol"]
7
7
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@xyo-network/react-payload-details",
3
- "version": "10.0.2",
3
+ "version": "10.0.4",
4
4
  "description": "Common React library for all XYO projects that use React",
5
5
  "keywords": [
6
6
  "xyo",
@@ -41,133 +41,108 @@
41
41
  "README.md"
42
42
  ],
43
43
  "dependencies": {
44
- "@xyo-network/react-payload-raw-info": "~10.0.2",
45
- "@xyo-network/react-property": "~10.0.2",
46
- "@xyo-network/react-schema": "~10.0.2",
47
- "@xyo-network/react-shared": "~10.0.2"
44
+ "@xyo-network/react-payload-raw-info": "~10.0.4",
45
+ "@xyo-network/react-property": "~10.0.4",
46
+ "@xyo-network/react-shared": "~10.0.4",
47
+ "@xyo-network/react-schema": "~10.0.4"
48
48
  },
49
49
  "devDependencies": {
50
+ "@ariestools/sdk": "^7.0.5",
51
+ "@ariestools/sdk-react": "^10.0.2",
50
52
  "@bitauth/libauth": "~3.0.0",
51
- "@metamask/providers": "^22.1.1",
52
- "@mui/icons-material": "^9.1.1",
53
- "@mui/material": "^9.1.2",
54
- "@mui/system": "^9.1.2",
55
- "@mui/x-tree-view": "~9.6",
53
+ "@mui/icons-material": "^9.2.0",
54
+ "@mui/material": "^9.2.0",
55
+ "@mui/system": "^9.2.0",
56
+ "@mui/x-tree-view": "~9.8.0",
56
57
  "@noble/post-quantum": "~0.6.1",
57
58
  "@opentelemetry/api": "^1.9.1",
58
- "@opentelemetry/sdk-trace-base": "^2.8.0",
59
- "@react-spring/web": "~10.1.1",
59
+ "@opentelemetry/sdk-trace-base": "^2.9.0",
60
+ "@react-spring/web": "^10.1.2",
60
61
  "@scure/base": "~2.2.0",
61
62
  "@scure/bip39": "~2.2.0",
62
63
  "@storybook/react-vite": "~10.4.6",
63
64
  "@types/react": "^19.2.17",
64
- "@xylabs/eth-address": "^6.1.4",
65
- "@xylabs/geo": "^6.1.4",
66
- "@xylabs/pixel": "^6.1.4",
67
- "@xylabs/react-async-effect": "^9.1.2",
68
- "@xylabs/react-button": "^9.1.2",
69
- "@xylabs/react-flexbox": "^9.1.2",
70
- "@xylabs/react-hooks": "^9.1.2",
71
- "@xylabs/react-identicon": "^9.1.2",
72
- "@xylabs/react-link": "^9.1.2",
73
- "@xylabs/react-promise": "^9.1.2",
74
- "@xylabs/react-quick-tip-button": "^9.1.2",
75
- "@xylabs/react-select": "^9.1.2",
76
- "@xylabs/react-shared": "^9.1.2",
77
- "@xylabs/react-theme": "^9.1.2",
78
- "@xylabs/sdk-js": "^6.1.4",
79
- "@xylabs/sdk-react": "~9.1.2",
80
- "@xylabs/threads": "^6.1.4",
81
- "@xylabs/toolchain": "~8.3.0",
82
- "@xylabs/tsconfig": "^8.3.0",
83
- "@xylabs/tsconfig-dom": "^8.3.0",
84
- "@xylabs/tsconfig-react": "~8.3.0",
85
- "@xyo-network/diviner-schema-list": "~7.0",
86
- "@xyo-network/diviner-schema-stats": "~7.0",
65
+ "@xylabs/eth-address": "^7.0.5",
66
+ "@xylabs/geo": "^7.0.5",
67
+ "@xylabs/pixel": "^7.0.5",
68
+ "@xylabs/threads": "^7.0.5",
69
+ "@xylabs/toolchain": "~8.5.15",
70
+ "@xylabs/tsconfig": "^8.5.15",
71
+ "@xylabs/tsconfig-dom": "^8.5.15",
72
+ "@xylabs/tsconfig-react": "~8.5.15",
73
+ "@xyo-network/diviner-schema-list": "^7.0.7",
74
+ "@xyo-network/diviner-schema-stats": "^7.0.7",
87
75
  "@xyo-network/node-core-types": "~4.2.2",
88
- "@xyo-network/sdk-js": "~7.0",
89
- "@xyo-network/sdk-protocol-js": "~7.0",
76
+ "@xyo-network/sdk": "^7.0.7",
77
+ "@xyo-network/sdk-protocol": "^7.0.12",
90
78
  "@xyo-network/typeof": "~5.3.30",
91
79
  "ajv": "^8.20.0",
92
80
  "async-mutex": "^0.5.0",
93
- "clsx": "~2.1.1",
94
- "debug": "~4.4.3",
95
- "eslint": "^10.5.0",
81
+ "clsx": "^2.1.1",
82
+ "debug": "^4.4.3",
83
+ "eslint": "^10.6.0",
96
84
  "ethers": "^6.17.0",
97
85
  "hash-wasm": "~4.12.0",
98
86
  "idb": "^8.0.3",
99
87
  "lru-cache": "^11.5.1",
100
- "md5": "~2.3.0",
101
- "numeral": "~2.0.6",
102
- "observable-fns": "~0.6.1",
103
- "query-string": "~9.4.0",
88
+ "md5": "^2.3.0",
89
+ "numeral": "^2.0.6",
90
+ "observable-fns": "^0.6.1",
91
+ "query-string": "^9.4.1",
104
92
  "react": "^19.2.7",
105
93
  "react-dom": "^19.2.7",
106
- "react-router-dom": "^7.18.0",
94
+ "react-router-dom": "^7.18.1",
107
95
  "storybook": "^10.4.6",
108
96
  "typescript": "^6.0.3",
109
- "viem": "^2.53.1",
110
- "vite": "^8.1.0",
111
- "webextension-polyfill": "^0.12.0",
97
+ "viem": "^2.54.2",
98
+ "vite": "^8.1.3",
112
99
  "zod": "^4.4.3",
113
- "zustand": "~5.0.14",
114
- "@xyo-network/react-storybook": "~10.0.2"
100
+ "zustand": "^5.0.14",
101
+ "@xyo-network/react-storybook": "~10.0.4"
115
102
  },
116
103
  "peerDependencies": {
104
+ "@ariestools/sdk": "^7.0",
105
+ "@ariestools/sdk-react": "^10.0",
117
106
  "@bitauth/libauth": "~3.0",
118
- "@metamask/providers": "^22.1",
119
107
  "@mui/icons-material": "^9.0",
120
108
  "@mui/material": "^9.0",
121
109
  "@mui/system": "^9.0",
122
- "@mui/x-tree-view": "~9.6",
110
+ "@mui/x-tree-view": "~9.8",
123
111
  "@noble/post-quantum": "~0.6.1",
124
112
  "@opentelemetry/api": "^1.9",
125
113
  "@opentelemetry/sdk-trace-base": "^2.7",
126
- "@react-spring/web": "~10.1",
114
+ "@react-spring/web": "^10.1",
127
115
  "@scure/base": "~2.2",
128
116
  "@scure/bip39": "~2.2",
129
- "@xylabs/eth-address": "^6.1.0",
130
- "@xylabs/geo": "^6.0",
131
- "@xylabs/pixel": "^6.1",
132
- "@xylabs/react-async-effect": "^9.1",
133
- "@xylabs/react-button": "^9.1",
134
- "@xylabs/react-flexbox": "^9.1",
135
- "@xylabs/react-hooks": "^9.1",
136
- "@xylabs/react-identicon": "^9.1",
137
- "@xylabs/react-link": "^9.1",
138
- "@xylabs/react-promise": "^9.1",
139
- "@xylabs/react-quick-tip-button": "^9.1",
140
- "@xylabs/react-select": "^9.1",
141
- "@xylabs/react-shared": "^9.1",
142
- "@xylabs/react-theme": "^9.1",
143
- "@xylabs/sdk-js": "^6.0",
144
- "@xylabs/sdk-react": "^9.1",
145
- "@xylabs/threads": "^6.0",
117
+ "@types/react": "^19.2",
118
+ "@xylabs/eth-address": "^7.0",
119
+ "@xylabs/geo": "^7.0",
120
+ "@xylabs/pixel": "^7.0",
121
+ "@xylabs/threads": "^7.0",
146
122
  "@xyo-network/diviner-schema-list": "^7.0",
147
123
  "@xyo-network/diviner-schema-stats": "^7.0",
148
124
  "@xyo-network/node-core-types": "~4.2",
149
- "@xyo-network/sdk-js": "^7.0",
150
- "@xyo-network/sdk-protocol-js": "^7.0",
125
+ "@xyo-network/sdk": "*",
126
+ "@xyo-network/sdk-protocol": "^7.0",
151
127
  "@xyo-network/typeof": "~5.3",
152
128
  "ajv": "^8.20",
153
129
  "async-mutex": "^0.5",
154
- "clsx": "~2.1",
155
- "debug": "~4.4",
130
+ "clsx": "^2.1",
131
+ "debug": "^4.4",
156
132
  "ethers": "^6.16",
157
133
  "hash-wasm": "~4.12",
158
134
  "idb": "^8.0",
159
135
  "lru-cache": "^11.3",
160
- "md5": "~2.3",
161
- "numeral": "~2.0",
136
+ "md5": "^2.3",
137
+ "numeral": "^2.0",
162
138
  "observable-fns": "~0.6",
163
- "query-string": "~9.4",
139
+ "query-string": "^9.4",
164
140
  "react": "^19.2",
165
141
  "react-dom": "^19.2",
166
142
  "react-router-dom": "^7.15",
167
143
  "viem": "^2.48",
168
- "webextension-polyfill": "^0.12",
169
144
  "zod": "^4.4",
170
- "zustand": "~5.0"
145
+ "zustand": "^5.0"
171
146
  },
172
147
  "publishConfig": {
173
148
  "access": "public"