@xyo-network/react-payload 2.23.7

package/dist/esm/components/Details/DataDetails.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { FlexBoxProps } from '@xylabs/sdk-react';
+import { XyoPayload } from '@xyo-network/core';
+import { SizeProp } from '@xyo-network/react-property';
+export interface PayloadDataDetailsProps extends FlexBoxProps {
+    value?: XyoPayload;
+    size?: SizeProp;
+    badge?: boolean;
+}
+export declare const PayloadDataDetails: React.FC<PayloadDataDetailsProps>;

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

@@ -0,0 +1,32 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import ContentCopyIcon from '@mui/icons-material/ContentCopy';
+import VisibilityIcon from '@mui/icons-material/Visibility';
+import { Dialog, DialogActions, DialogContent, DialogTitle } from '@mui/material';
+import { ButtonEx, FlexCol } from '@xylabs/sdk-react';
+import { XyoPayloadWrapper } from '@xyo-network/core';
+import { Property, usePropertyHeroProps } from '@xyo-network/react-property';
+import { useState } from 'react';
+import { PayloadHashSourceDetails } from './HashSourceDetails';
+export const PayloadDataDetails = ({ size, badge, value, ...props }) => {
+    const wrapper = value ? new XyoPayloadWrapper(value) : undefined;
+    const propertyHeroProps = usePropertyHeroProps(props);
+    const [viewSourceOpen, setViewSourceOpen] = useState(false);
+    const hash = wrapper?.hash;
+    const actions = [
+        {
+            icon: _jsx(VisibilityIcon, {}),
+            name: 'View',
+            onClick: () => setViewSourceOpen(true),
+        },
+        {
+            icon: _jsx(ContentCopyIcon, {}),
+            name: 'Copy',
+            onClick: async () => await navigator.clipboard.writeText(wrapper?.hash ?? ''),
+        },
+    ];
+    const onCopy = async () => {
+        await navigator.clipboard.writeText(wrapper?.stringified ?? '');
+    };
+    return (_jsxs(FlexCol, { alignItems: "stretch", ...props, children: [_jsx(Property, { badge: badge, size: size, actions: actions, title: "Payload Hash", value: hash ?? '<Unknown>', tip: "This is the payload hash", ...propertyHeroProps }), _jsxs(Dialog, { open: viewSourceOpen, onClose: () => setViewSourceOpen(false), children: [_jsx(DialogTitle, { children: "Hash Source" }), _jsx(DialogContent, { children: _jsx(PayloadHashSourceDetails, { noTitle: true, payload: value }) }), _jsxs(DialogActions, { children: [_jsx(ButtonEx, { color: "secondary", onClick: onCopy, children: "Copy" }), _jsx(ButtonEx, { color: "secondary", onClick: () => setViewSourceOpen(false), children: "Close" })] })] })] }));
+};
+//# sourceMappingURL=DataDetails.js.map

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

@@ -0,0 +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,EAAgB,OAAO,EAAE,MAAM,mBAAmB,CAAA;AACnE,OAAO,EAAc,iBAAiB,EAAE,MAAM,mBAAmB,CAAA;AACjE,OAAO,EAAE,QAAQ,EAA4B,oBAAoB,EAAE,MAAM,6BAA6B,CAAA;AACtG,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,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACxG,MAAM,OAAO,GAAG,KAAK,CAAC,CAAC,CAAC,IAAI,iBAAiB,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS,CAAA;IAEhE,MAAM,iBAAiB,GAAG,oBAAoB,CAAC,KAAK,CAAC,CAAA;IACrD,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAC3D,MAAM,IAAI,GAAG,OAAO,EAAE,IAAI,CAAA;IAE1B,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,MAAC,OAAO,IAAC,UAAU,EAAC,SAAS,KAAK,KAAK,aACrC,KAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAC,cAAc,EAAC,KAAK,EAAE,IAAI,IAAI,WAAW,EAAE,GAAG,EAAC,0BAA0B,KAAK,iBAAiB,GAAI,EAC/J,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,KAAK,GAAI,GACtC,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,IACD,CACX,CAAA;AACH,CAAC,CAAA"}

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

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+import { FlexBoxProps } from '@xylabs/sdk-react';
+import { XyoPayload } from '@xyo-network/core';
+import { PayloadDataDetailsProps } from './DataDetails';
+import { PayloadJsonDetailsProps } from './JsonDetails';
+import { PayloadMetaDetailsProps } from './MetaDetails';
+import { PayloadValidationDetailsProps } from './ValidationDetails';
+export interface PayloadDetailsProps extends FlexBoxProps {
+    payload?: XyoPayload;
+    payloadDataDetailsProps?: PayloadDataDetailsProps;
+    payloadMetaDetailsProps?: PayloadMetaDetailsProps;
+    payloadValidationDetailsProps?: PayloadValidationDetailsProps;
+    payloadJsonDetailsProps?: PayloadJsonDetailsProps;
+}
+export declare const PayloadDetails: React.FC<PayloadDetailsProps>;

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

@@ -0,0 +1,10 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { FlexCol } from '@xylabs/sdk-react';
+import { PayloadDataDetails } from './DataDetails';
+import { PayloadJsonDetails } from './JsonDetails';
+import { PayloadMetaDetails } from './MetaDetails';
+import { PayloadValidationDetails } from './ValidationDetails';
+export const PayloadDetails = ({ payload, payloadDataDetailsProps, payloadMetaDetailsProps, payloadValidationDetailsProps, payloadJsonDetailsProps, ...props }) => {
+    return (_jsxs(FlexCol, { justifyContent: "flex-start", alignItems: "stretch", marginTop: 2, marginBottom: 8, ...props, children: [_jsx(PayloadDataDetails, { size: "large", badge: true, value: payload, ...payloadDataDetailsProps }), _jsx(PayloadMetaDetails, { value: payload, ...payloadMetaDetailsProps }), _jsx(PayloadValidationDetails, { value: payload, ...payloadValidationDetailsProps }), _jsx(PayloadJsonDetails, { payload: payload, ...payloadJsonDetailsProps })] }));
+};
+//# sourceMappingURL=Details.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Details.js","sourceRoot":"","sources":["../../../../src/components/Details/Details.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAgB,OAAO,EAAE,MAAM,mBAAmB,CAAA;AAGzD,OAAO,EAAE,kBAAkB,EAA2B,MAAM,eAAe,CAAA;AAC3E,OAAO,EAAE,kBAAkB,EAA2B,MAAM,eAAe,CAAA;AAC3E,OAAO,EAAE,kBAAkB,EAA2B,MAAM,eAAe,CAAA;AAC3E,OAAO,EAAE,wBAAwB,EAAiC,MAAM,qBAAqB,CAAA;AAU7F,MAAM,CAAC,MAAM,cAAc,GAAkC,CAAC,EAC5D,OAAO,EACP,uBAAuB,EACvB,uBAAuB,EACvB,6BAA6B,EAC7B,uBAAuB,EACvB,GAAG,KAAK,EACT,EAAE,EAAE;IACH,OAAO,CACL,MAAC,OAAO,IAAC,cAAc,EAAC,YAAY,EAAC,UAAU,EAAC,SAAS,EAAC,SAAS,EAAE,CAAC,EAAE,YAAY,EAAE,CAAC,KAAM,KAAK,aAChG,KAAC,kBAAkB,IAAC,IAAI,EAAC,OAAO,EAAC,KAAK,QAAC,KAAK,EAAE,OAAO,KAAM,uBAAuB,GAAI,EACtF,KAAC,kBAAkB,IAAC,KAAK,EAAE,OAAO,KAAM,uBAAuB,GAAI,EACnE,KAAC,wBAAwB,IAAC,KAAK,EAAE,OAAO,KAAM,6BAA6B,GAAI,EAC/E,KAAC,kBAAkB,IAAC,OAAO,EAAE,OAAO,KAAM,uBAAuB,GAAI,IAC7D,CACX,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/components/Details/HashSourceDetails.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { FlexBoxProps } from '@xylabs/sdk-react';
+import { XyoPayload } from '@xyo-network/core';
+export interface PayloadHashSourceDetailsProps extends FlexBoxProps {
+    noTitle?: boolean;
+    payload?: XyoPayload;
+}
+export declare const PayloadHashSourceDetails: React.FC<PayloadHashSourceDetailsProps>;

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

@@ -0,0 +1,11 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import ContentCopyIcon from '@mui/icons-material/ContentCopy';
+import { IconButton, Typography, useTheme } from '@mui/material';
+import { FlexCol, FlexGrowRow, FlexRow, QuickTipButton } from '@xylabs/sdk-react';
+import { XyoPayloadWrapper } from '@xyo-network/core';
+export const PayloadHashSourceDetails = ({ noTitle = false, payload, ...props }) => {
+    const theme = useTheme();
+    const payloadWrapper = payload ? new XyoPayloadWrapper(payload) : null;
+    return (_jsxs(FlexCol, { alignItems: "stretch", ...props, children: [noTitle ? null : (_jsxs(FlexRow, { margin: 1, justifyContent: "flex-start", children: [_jsx(Typography, { children: "Hash Source" }), _jsx(QuickTipButton, { title: "Hash Source", children: "The actual string used to generate the hash (SHA256)" })] })), _jsxs(FlexRow, { children: [_jsx(FlexGrowRow, { paper: true, border: 1, borderColor: theme.palette.divider, justifyContent: "start", children: _jsx(Typography, { padding: 2, fontFamily: "monospace", variant: "body1", sx: { overflowWrap: 'break-word', wordBreak: 'break-all' }, children: payloadWrapper?.stringified ?? '' }) }), _jsx(IconButton, { children: _jsx(ContentCopyIcon, {}) })] }), noTitle ? (_jsx(FlexRow, { margin: 1, justifyContent: "flex-start", children: _jsx(Typography, { variant: "body2", children: "The actual string used to generate the hash (SHA256). This can be used to validate the hash manually." }) })) : null] }));
+};
+//# sourceMappingURL=HashSourceDetails.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"HashSourceDetails.js","sourceRoot":"","sources":["../../../../src/components/Details/HashSourceDetails.tsx"],"names":[],"mappings":";AAAA,OAAO,eAAe,MAAM,iCAAiC,CAAA;AAC7D,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAChE,OAAO,EAAgB,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAA;AAC/F,OAAO,EAAc,iBAAiB,EAAE,MAAM,mBAAmB,CAAA;AAOjE,MAAM,CAAC,MAAM,wBAAwB,GAA4C,CAAC,EAAE,OAAO,GAAG,KAAK,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IAC1H,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IACxB,MAAM,cAAc,GAAG,OAAO,CAAC,CAAC,CAAC,IAAI,iBAAiB,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,IAAI,CAAA;IAEtE,OAAO,CACL,MAAC,OAAO,IAAC,UAAU,EAAC,SAAS,KAAK,KAAK,aACpC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAChB,MAAC,OAAO,IAAC,MAAM,EAAE,CAAC,EAAE,cAAc,EAAC,YAAY,aAC7C,KAAC,UAAU,8BAAyB,EACpC,KAAC,cAAc,IAAC,KAAK,EAAC,aAAa,qEAAsE,IACjG,CACX,EACD,MAAC,OAAO,eACN,KAAC,WAAW,IAAC,KAAK,QAAC,MAAM,EAAE,CAAC,EAAE,WAAW,EAAE,KAAK,CAAC,OAAO,CAAC,OAAO,EAAE,cAAc,EAAC,OAAO,YACtF,KAAC,UAAU,IAAC,OAAO,EAAE,CAAC,EAAE,UAAU,EAAC,WAAW,EAAC,OAAO,EAAC,OAAO,EAAC,EAAE,EAAE,EAAE,YAAY,EAAE,YAAY,EAAE,SAAS,EAAE,WAAW,EAAE,YACtH,cAAc,EAAE,WAAW,IAAI,EAAE,GACvB,GACD,EACd,KAAC,UAAU,cACT,KAAC,eAAe,KAAG,GACR,IACL,EACT,OAAO,CAAC,CAAC,CAAC,CACT,KAAC,OAAO,IAAC,MAAM,EAAE,CAAC,EAAE,cAAc,EAAC,YAAY,YAC7C,KAAC,UAAU,IAAC,OAAO,EAAC,OAAO,sHAAmH,GACtI,CACX,CAAC,CAAC,CAAC,IAAI,IACA,CACX,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/components/Details/JsonDetails.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { FlexBoxProps } from '@xylabs/sdk-react';
+import { XyoPayload } from '@xyo-network/core';
+import { ReactJsonViewProps } from 'react-json-view';
+export interface PayloadJsonDetailsProps extends FlexBoxProps {
+    payload?: XyoPayload;
+    jsonViewProps?: ReactJsonViewProps;
+}
+export declare const PayloadJsonDetails: React.FC<PayloadJsonDetailsProps>;

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

@@ -0,0 +1,11 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Paper, Typography, useMediaQuery, useTheme } from '@mui/material';
+import { FlexCol, FlexGrowRow, FlexRow, QuickTipButton } from '@xylabs/sdk-react';
+import { lazy, Suspense } from 'react';
+const JsonView = lazy(() => import(/* webpackChunkName: "jsonView" */ 'react-json-view'));
+export const PayloadJsonDetails = ({ jsonViewProps, payload = {}, ...props }) => {
+    const { breakpoints } = useTheme();
+    const belowSm = useMediaQuery(breakpoints.down('sm'));
+    return (_jsxs(FlexCol, { alignItems: "stretch", ...props, children: [_jsxs(FlexRow, { margin: 1, justifyContent: "flex-start", children: [_jsx(Typography, { children: "JSON" }), _jsx(QuickTipButton, { title: "Payload JSON", children: "The raw JSON of the payload" })] }), _jsx(Paper, { variant: "outlined", children: _jsx(Suspense, { fallback: _jsx(FlexGrowRow, {}), children: _jsx(JsonView, { src: payload, enableClipboard: true, collapseStringsAfterLength: belowSm ? 24 : 32, ...jsonViewProps }) }) })] }));
+};
+//# sourceMappingURL=JsonDetails.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"JsonDetails.js","sourceRoot":"","sources":["../../../../src/components/Details/JsonDetails.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAC1E,OAAO,EAAgB,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAA;AAE/F,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAGtC,MAAM,QAAQ,GAAG,IAAI,CAAC,GAAG,EAAE,CAAC,MAAM,CAAC,kCAAkC,CAAC,iBAAiB,CAAC,CAAC,CAAA;AAOzF,MAAM,CAAC,MAAM,kBAAkB,GAAsC,CAAC,EAAE,aAAa,EAAE,OAAO,GAAG,EAAE,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACjH,MAAM,EAAE,WAAW,EAAE,GAAG,QAAQ,EAAE,CAAA;IAClC,MAAM,OAAO,GAAG,aAAa,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAA;IAErD,OAAO,CACL,MAAC,OAAO,IAAC,UAAU,EAAC,SAAS,KAAK,KAAK,aACrC,MAAC,OAAO,IAAC,MAAM,EAAE,CAAC,EAAE,cAAc,EAAC,YAAY,aAC7C,KAAC,UAAU,uBAAkB,EAC7B,KAAC,cAAc,IAAC,KAAK,EAAC,cAAc,4CAA6C,IACzE,EACV,KAAC,KAAK,IAAC,OAAO,EAAC,UAAU,YACvB,KAAC,QAAQ,IAAC,QAAQ,EAAE,KAAC,WAAW,KAAG,YACjC,KAAC,QAAQ,IAAC,GAAG,EAAE,OAAO,EAAE,eAAe,QAAC,0BAA0B,EAAE,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,KAAM,aAAa,GAAI,GACnG,GACL,IACA,CACX,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/components/Details/MetaDetails.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { FlexBoxProps } from '@xylabs/sdk-react';
+import { XyoPayload } from '@xyo-network/core';
+export interface PayloadMetaDetailsProps extends FlexBoxProps {
+    value?: XyoPayload;
+    archivePath?: string;
+}
+export declare const PayloadMetaDetails: React.FC<PayloadMetaDetailsProps>;

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

@@ -0,0 +1,9 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Typography } from '@mui/material';
+import { FlexCol, FlexRow, QuickTipButton } from '@xylabs/sdk-react';
+import { Property } from '@xyo-network/react-property';
+import { ArchiveProperty } from '@xyo-network/react-shared';
+export const PayloadMetaDetails = ({ archivePath, value, ...props }) => {
+    return (_jsxs(FlexCol, { alignItems: "start", ...props, children: [_jsxs(FlexRow, { margin: 1, justifyContent: "start", children: [_jsx(Typography, { children: "Meta" }), _jsx(QuickTipButton, { title: "Payload Meta", children: "The meta fields added to the record by the archivist" })] }), _jsxs(FlexRow, { flexWrap: "wrap", children: [value?._client ? _jsx(Property, { flexGrow: 1, title: "Client", value: value?._client ?? '<Unknown>', tip: "This client used to create this payload" }) : null, value?._archive ? _jsx(ArchiveProperty, { payload: value, path: archivePath }) : null, value?._reportedHash ? _jsx(Property, { flexGrow: 1, title: "Reported Hash", value: value?._reportedHash ?? '<Unknown>', tip: "The has reported by the payload" }) : null, value?._timestamp ? _jsx(Property, { flexGrow: 1, title: "Timestamp", value: value?._timestamp ?? '<Unknown>', tip: "This timestamp of the payload" }) : null, value?._observeDuration ? (_jsx(Property, { flexGrow: 1, title: "Observation Duration", value: value?._observeDuration ?? '<Unknown>', tip: "This duration of time observed by the witness" })) : null] })] }));
+};
+//# sourceMappingURL=MetaDetails.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MetaDetails.js","sourceRoot":"","sources":["../../../../src/components/Details/MetaDetails.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC1C,OAAO,EAAgB,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAA;AAElF,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAA;AACtD,OAAO,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAA;AAO3D,MAAM,CAAC,MAAM,kBAAkB,GAAsC,CAAC,EAAE,WAAW,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACxG,OAAO,CACL,MAAC,OAAO,IAAC,UAAU,EAAC,OAAO,KAAK,KAAK,aACnC,MAAC,OAAO,IAAC,MAAM,EAAE,CAAC,EAAE,cAAc,EAAC,OAAO,aACxC,KAAC,UAAU,uBAAkB,EAC7B,KAAC,cAAc,IAAC,KAAK,EAAC,cAAc,qEAAsE,IAClG,EACV,MAAC,OAAO,IAAC,QAAQ,EAAC,MAAM,aACrB,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,KAAC,QAAQ,IAAC,QAAQ,EAAE,CAAC,EAAE,KAAK,EAAC,QAAQ,EAAC,KAAK,EAAE,KAAK,EAAE,OAAO,IAAI,WAAW,EAAE,GAAG,EAAC,yCAAyC,GAAG,CAAC,CAAC,CAAC,IAAI,EACpJ,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,KAAC,eAAe,IAAC,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,WAAW,GAAI,CAAC,CAAC,CAAC,IAAI,EAC/E,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,KAAC,QAAQ,IAAC,QAAQ,EAAE,CAAC,EAAE,KAAK,EAAC,eAAe,EAAC,KAAK,EAAE,KAAK,EAAE,aAAa,IAAI,WAAW,EAAE,GAAG,EAAC,iCAAiC,GAAG,CAAC,CAAC,CAAC,IAAI,EAC/J,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,KAAC,QAAQ,IAAC,QAAQ,EAAE,CAAC,EAAE,KAAK,EAAC,WAAW,EAAC,KAAK,EAAE,KAAK,EAAE,UAAU,IAAI,WAAW,EAAE,GAAG,EAAC,+BAA+B,GAAG,CAAC,CAAC,CAAC,IAAI,EACnJ,KAAK,EAAE,gBAAgB,CAAC,CAAC,CAAC,CACzB,KAAC,QAAQ,IAAC,QAAQ,EAAE,CAAC,EAAE,KAAK,EAAC,sBAAsB,EAAC,KAAK,EAAE,KAAK,EAAE,gBAAgB,IAAI,WAAW,EAAE,GAAG,EAAC,+CAA+C,GAAG,CAC1J,CAAC,CAAC,CAAC,IAAI,IACA,IACF,CACX,CAAA;AACH,CAAC,CAAA"}

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

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { PayloadValidationDetailsProps } from './ValidationDetailsProps';
+declare const SchemaProperty: React.FC<PayloadValidationDetailsProps>;
+export { SchemaProperty };

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

@@ -0,0 +1,11 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import FilterNoneIcon from '@mui/icons-material/FilterNone';
+import { useTheme } from '@mui/material';
+import { LinkEx } from '@xylabs/sdk-react';
+import { Property, PropertyValue } from '@xyo-network/react-property';
+const SchemaProperty = ({ value, viewSchemaUrl }) => {
+    const theme = useTheme();
+    return (_jsx(Property, { flexGrow: 1, title: "Schema", value: value?.schema, tip: "Schema sent with the payload", children: viewSchemaUrl ? (_jsxs(LinkEx, { href: viewSchemaUrl, target: "_blank", rel: "noopener noreferrer", display: "flex", color: theme.palette.secondary.main, children: [_jsx(PropertyValue, { value: value?.schema, title: "view schema in new window" }), _jsx(FilterNoneIcon, { sx: { left: '-6px', position: 'relative', top: '9px', width: '12px' } })] })) : null }));
+};
+export { SchemaProperty };
+//# sourceMappingURL=SchemaProperty.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SchemaProperty.js","sourceRoot":"","sources":["../../../../../src/components/Details/ValidationDetails/SchemaProperty.tsx"],"names":[],"mappings":";AAAA,OAAO,cAAc,MAAM,gCAAgC,CAAA;AAC3D,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AACxC,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAA;AAC1C,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAA;AAIrE,MAAM,cAAc,GAA4C,CAAC,EAAE,KAAK,EAAE,aAAa,EAAE,EAAE,EAAE;IAC3F,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IACxB,OAAO,CACL,KAAC,QAAQ,IAAC,QAAQ,EAAE,CAAC,EAAE,KAAK,EAAC,QAAQ,EAAC,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,EAAC,8BAA8B,YAC3F,aAAa,CAAC,CAAC,CAAC,CACf,MAAC,MAAM,IAAC,IAAI,EAAE,aAAa,EAAE,MAAM,EAAC,QAAQ,EAAC,GAAG,EAAC,qBAAqB,EAAC,OAAO,EAAC,MAAM,EAAC,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI,aACvH,KAAC,aAAa,IAAC,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAC,2BAA2B,GAAG,EACzE,KAAC,cAAc,IAAC,EAAE,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,UAAU,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,GAAI,IAClF,CACV,CAAC,CAAC,CAAC,IAAI,GACC,CACZ,CAAA;AACH,CAAC,CAAA;AAED,OAAO,EAAE,cAAc,EAAE,CAAA"}

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

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { PayloadValidationDetailsProps } from './ValidationDetailsProps';
+export declare const PayloadValidationDetails: React.FC<PayloadValidationDetailsProps>;

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

@@ -0,0 +1,16 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Typography } from '@mui/material';
+import { FlexCol, FlexRow, QuickTipButton } from '@xylabs/sdk-react';
+import { XyoPayloadValidator } from '@xyo-network/core';
+import { Property } from '@xyo-network/react-property';
+import { SchemaProperty } from './SchemaProperty';
+export const PayloadValidationDetails = ({ viewSchemaUrl, skipMeta = false, skipBody = false, value, ...props }) => {
+    const validator = value ? new XyoPayloadValidator(value) : undefined;
+    const bodyErrors = skipBody ? [] : validator?.body.all() ?? [];
+    const metaErrors = skipMeta ? [] : validator?.meta.all() ?? [];
+    const errors = [...bodyErrors, ...metaErrors];
+    return (_jsxs(FlexCol, { alignItems: "start", ...props, children: [_jsxs(FlexRow, { margin: 1, justifyContent: "flex-start", children: [_jsx(Typography, { children: "Validation" }), _jsx(QuickTipButton, { title: "Block Validation", children: "The results from validating the payload" })] }), _jsxs(FlexRow, { flexWrap: "wrap", children: [_jsx(Property, { flexGrow: 1, title: "Valid", value: errors.length === 0 ? 'True' : 'False', tip: errors.length > 0 ? (_jsx(FlexCol, { children: errors.map((error, index) => {
+                                return _jsx(Typography, { children: error.toString() }, index);
+                            }) })) : (_jsx(Typography, { children: "No Errors" })) }), value?.schema && _jsx(SchemaProperty, { value: value, viewSchemaUrl: viewSchemaUrl })] })] }));
+};
+//# sourceMappingURL=ValidationDetails.js.map

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

@@ -0,0 +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,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAA;AACpE,OAAO,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAA;AACvD,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAA;AAEtD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAGjD,MAAM,CAAC,MAAM,wBAAwB,GAA4C,CAAC,EAAE,aAAa,EAAE,QAAQ,GAAG,KAAK,EAAE,QAAQ,GAAG,KAAK,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IAC1J,MAAM,SAAS,GAAG,KAAK,CAAC,CAAC,CAAC,IAAI,mBAAmB,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS,CAAA;IAEpE,MAAM,UAAU,GAAG,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,EAAE,IAAI,CAAC,GAAG,EAAE,IAAI,EAAE,CAAA;IAC9D,MAAM,UAAU,GAAG,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,EAAE,IAAI,CAAC,GAAG,EAAE,IAAI,EAAE,CAAA;IAC9D,MAAM,MAAM,GAAY,CAAC,GAAG,UAAU,EAAE,GAAG,UAAU,CAAC,CAAA;IAEtD,OAAO,CACL,MAAC,OAAO,IAAC,UAAU,EAAC,OAAO,KAAK,KAAK,aACnC,MAAC,OAAO,IAAC,MAAM,EAAE,CAAC,EAAE,cAAc,EAAC,YAAY,aAC7C,KAAC,UAAU,6BAAwB,EACnC,KAAC,cAAc,IAAC,KAAK,EAAC,kBAAkB,wDAAyD,IACzF,EACV,MAAC,OAAO,IAAC,QAAQ,EAAC,MAAM,aACtB,KAAC,QAAQ,IACP,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;gCAC3B,OAAO,KAAC,UAAU,cAAc,KAAK,CAAC,QAAQ,EAAE,IAAxB,KAAK,CAAiC,CAAA;4BAChE,CAAC,CAAC,GACM,CACX,CAAC,CAAC,CAAC,CACF,KAAC,UAAU,4BAAuB,CACnC,GAEH,EACD,KAAK,EAAE,MAAM,IAAI,KAAC,cAAc,IAAC,KAAK,EAAE,KAAK,EAAE,aAAa,EAAE,aAAa,GAAI,IACxE,IACF,CACX,CAAA;AACH,CAAC,CAAA"}

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

@@ -0,0 +1,8 @@
+import { FlexBoxProps } from '@xylabs/sdk-react';
+import { XyoPayload } from '@xyo-network/core';
+export interface PayloadValidationDetailsProps extends FlexBoxProps {
+    skipBody?: boolean;
+    skipMeta?: boolean;
+    value?: XyoPayload;
+    viewSchemaUrl?: string;
+}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"ValidationDetailsProps.js","sourceRoot":"","sources":["../../../../../src/components/Details/ValidationDetails/ValidationDetailsProps.ts"],"names":[],"mappings":""}

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

@@ -0,0 +1,2 @@
+export * from './ValidationDetails';
+export * from './ValidationDetailsProps';

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

@@ -0,0 +1,3 @@
+export * from './ValidationDetails';
+export * from './ValidationDetailsProps';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/Details/ValidationDetails/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAA;AACnC,cAAc,0BAA0B,CAAA"}

package/dist/esm/components/Details/index.d.ts

@@ -0,0 +1,5 @@
+export * from './DataDetails';
+export * from './Details';
+export * from './JsonDetails';
+export * from './MetaDetails';
+export * from './ValidationDetails';

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

@@ -0,0 +1,6 @@
+export * from './DataDetails';
+export * from './Details';
+export * from './JsonDetails';
+export * from './MetaDetails';
+export * from './ValidationDetails';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Details/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAA;AAC7B,cAAc,WAAW,CAAA;AACzB,cAAc,eAAe,CAAA;AAC7B,cAAc,eAAe,CAAA;AAC7B,cAAc,qBAAqB,CAAA"}

package/dist/esm/components/Table/PayloadTableColumnConfig.d.ts

@@ -0,0 +1,10 @@
+export declare type PayloadTableColumnSlug = 'hash' | 'archive' | 'client' | 'date' | 'time' | 'schema' | 'valid';
+export interface PayloadTableColumnConfig {
+    xs?: PayloadTableColumnSlug[];
+    sm?: PayloadTableColumnSlug[];
+    md?: PayloadTableColumnSlug[];
+    lg?: PayloadTableColumnSlug[];
+    xl?: PayloadTableColumnSlug[];
+}
+export declare const payloadColumnNames: Record<PayloadTableColumnSlug, string>;
+export declare const payloadTableColumnConfigDefaults: () => PayloadTableColumnConfig;

package/dist/esm/components/Table/PayloadTableColumnConfig.js

@@ -0,0 +1,18 @@
+export const payloadColumnNames = {
+    archive: 'Archive',
+    client: 'Client',
+    date: 'Date',
+    hash: 'Hash',
+    schema: 'Schema',
+    time: 'Time',
+    valid: 'Valid',
+};
+export const payloadTableColumnConfigDefaults = () => {
+    const xs = ['hash'];
+    const sm = ['hash', 'valid'];
+    const md = ['hash', 'schema', 'time', 'valid'];
+    const lg = ['hash', 'schema', 'archive', 'date', 'time', 'valid'];
+    const xl = ['hash', 'schema', 'archive', 'client', 'date', 'time', 'valid'];
+    return { lg, md, sm, xl, xs };
+};
+//# sourceMappingURL=PayloadTableColumnConfig.js.map

package/dist/esm/components/Table/PayloadTableColumnConfig.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PayloadTableColumnConfig.js","sourceRoot":"","sources":["../../../../src/components/Table/PayloadTableColumnConfig.ts"],"names":[],"mappings":"AAUA,MAAM,CAAC,MAAM,kBAAkB,GAA2C;IACxE,OAAO,EAAE,SAAS;IAClB,MAAM,EAAE,QAAQ;IAChB,IAAI,EAAE,MAAM;IACZ,IAAI,EAAE,MAAM;IACZ,MAAM,EAAE,QAAQ;IAChB,IAAI,EAAE,MAAM;IACZ,KAAK,EAAE,OAAO;CACf,CAAA;AAED,MAAM,CAAC,MAAM,gCAAgC,GAAG,GAA6B,EAAE;IAC7E,MAAM,EAAE,GAA6B,CAAC,MAAM,CAAC,CAAA;IAC7C,MAAM,EAAE,GAA6B,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IACtD,MAAM,EAAE,GAA6B,CAAC,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,OAAO,CAAC,CAAA;IACxE,MAAM,EAAE,GAA6B,CAAC,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,CAAC,CAAA;IAC3F,MAAM,EAAE,GAA6B,CAAC,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,CAAC,CAAA;IACrG,OAAO,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAA;AAC/B,CAAC,CAAA"}

package/dist/esm/components/Table/Table.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { TableProps } from '@mui/material';
+import { XyoPayload } from '@xyo-network/core';
+import { PayloadTableColumnConfig } from './PayloadTableColumnConfig';
+export interface PayloadTableProps extends TableProps {
+    exploreDomain?: string;
+    onRowClick?: (value: XyoPayload) => void;
+    payloads?: XyoPayload[] | null;
+    columns?: PayloadTableColumnConfig;
+}
+export declare const PayloadTable: React.FC<PayloadTableProps>;

package/dist/esm/components/Table/Table.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Alert, Table, TableBody, TableCell, TableHead, TableRow, Typography } from '@mui/material';
+import { useBreakpoint } from '@xylabs/sdk-react';
+import { XyoApiThrownErrorBoundary } from '@xyo-network/react-auth-service';
+import { ScrollTableOnSm } from '@xyo-network/react-shared';
+import { payloadColumnNames, payloadTableColumnConfigDefaults } from './PayloadTableColumnConfig';
+import { PayloadTableRow } from './TableRow';
+export const PayloadTable = ({ exploreDomain, onRowClick, payloads, children, columns = payloadTableColumnConfigDefaults(), ...props }) => {
+    const breakPoint = useBreakpoint();
+    return breakPoint ? (_jsx(ScrollTableOnSm, { children: _jsxs(Table, { ...props, children: [_jsx(TableHead, { children: _jsx(TableRow, { children: columns[breakPoint]?.map((column, index) => {
+                            return (_jsx(TableCell, { width: index > 0 ? '10px' : undefined, align: index === 0 ? 'left' : 'center', children: _jsx(Typography, { variant: "caption", noWrap: true, children: _jsx("strong", { children: payloadColumnNames[column] }) }) }, index));
+                        }) }) }), _jsxs(TableBody, { children: [payloads?.map((payload, index) => (_jsx(XyoApiThrownErrorBoundary, { errorComponent: (e) => (_jsxs(Alert, { severity: "error", children: ["Error Loading Payload: ", _jsx(Typography, { fontWeight: "bold", children: e.message })] })), children: _jsx(PayloadTableRow, { onClick: onRowClick
+                                    ? () => {
+                                        onRowClick(payload);
+                                    }
+                                    : undefined, exploreDomain: exploreDomain, payload: payload }) }, `${payload._hash}-${payload._timestamp}-${index}`))), children] })] }) })) : null;
+};
+//# sourceMappingURL=Table.js.map

package/dist/esm/components/Table/Table.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Table.js","sourceRoot":"","sources":["../../../../src/components/Table/Table.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAc,QAAQ,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC/G,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA;AAEjD,OAAO,EAAE,yBAAyB,EAAE,MAAM,iCAAiC,CAAA;AAC3E,OAAO,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAA;AAE3D,OAAO,EAAE,kBAAkB,EAA4B,gCAAgC,EAAE,MAAM,4BAA4B,CAAA;AAC3H,OAAO,EAAE,eAAe,EAAE,MAAM,YAAY,CAAA;AAS5C,MAAM,CAAC,MAAM,YAAY,GAAgC,CAAC,EAAE,aAAa,EAAE,UAAU,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,GAAG,gCAAgC,EAAE,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACrK,MAAM,UAAU,GAAG,aAAa,EAAE,CAAA;IAClC,OAAO,UAAU,CAAC,CAAC,CAAC,CAClB,KAAC,eAAe,cACd,MAAC,KAAK,OAAK,KAAK,aACd,KAAC,SAAS,cACR,KAAC,QAAQ,cACN,OAAO,CAAC,UAAU,CAAC,EAAE,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE;4BAC1C,OAAO,CACL,KAAC,SAAS,IAAa,KAAK,EAAE,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EAAE,KAAK,EAAE,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,YAClG,KAAC,UAAU,IAAC,OAAO,EAAC,SAAS,EAAC,MAAM,kBAClC,2BAAS,kBAAkB,CAAC,MAAM,CAAC,GAAU,GAClC,IAHC,KAAK,CAIT,CACb,CAAA;wBACH,CAAC,CAAC,GACO,GACD,EACZ,MAAC,SAAS,eACP,QAAQ,EAAE,GAAG,CAAC,CAAC,OAAO,EAAE,KAAK,EAAE,EAAE,CAAC,CACjC,KAAC,yBAAyB,IAExB,cAAc,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CACrB,MAAC,KAAK,IAAC,QAAQ,EAAC,OAAO,wCACE,KAAC,UAAU,IAAC,UAAU,EAAC,MAAM,YAAE,CAAC,CAAC,OAAO,GAAc,IACvE,CACT,YAED,KAAC,eAAe,IACd,OAAO,EACL,UAAU;oCACR,CAAC,CAAC,GAAG,EAAE;wCACH,UAAU,CAAC,OAAO,CAAC,CAAA;oCACrB,CAAC;oCACH,CAAC,CAAC,SAAS,EAEf,aAAa,EAAE,aAAa,EAC5B,OAAO,EAAE,OAAO,GAChB,IAjBG,GAAG,OAAO,CAAC,KAAK,IAAI,OAAO,CAAC,UAAU,IAAI,KAAK,EAAE,CAkB5B,CAC7B,CAAC,EACD,QAAQ,IACC,IACN,GACQ,CACnB,CAAC,CAAC,CAAC,IAAI,CAAA;AACV,CAAC,CAAA"}

package/dist/esm/components/Table/TableRow.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { TableRowProps } from '@mui/material';
+import { XyoPayload } from '@xyo-network/core';
+import { PayloadTableColumnConfig } from './PayloadTableColumnConfig';
+export interface PayloadTableRowProps extends TableRowProps {
+    payload?: XyoPayload;
+    exploreDomain?: string;
+    columns?: PayloadTableColumnConfig;
+    network?: string;
+}
+export declare const PayloadTableRow: React.FC<PayloadTableRowProps>;

package/dist/esm/components/Table/TableRow.js

@@ -0,0 +1,36 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { TableCell, TableRow, Typography } from '@mui/material';
+import { useBreakpoint } from '@xylabs/sdk-react';
+import { XyoPayloadWrapper, XyoPayloadWrapperValidator } from '@xyo-network/core';
+import { useNetwork } from '@xyo-network/react-network';
+import { HashTableCell } from '@xyo-network/react-shared';
+import { DateTime } from 'luxon';
+import { MdClear, MdDone } from 'react-icons/md';
+import { payloadTableColumnConfigDefaults } from './PayloadTableColumnConfig';
+export const PayloadTableRow = ({ exploreDomain, network: networkProp, payload, columns = payloadTableColumnConfigDefaults(), ...props }) => {
+    const breakPoint = useBreakpoint();
+    const timeStamp = payload?._timestamp ? DateTime.fromMillis(payload?._timestamp) : undefined;
+    const wrapper = payload ? new XyoPayloadWrapper(payload) : undefined;
+    const { network } = useNetwork();
+    const archive = (_jsx(TableCell, { align: "center", children: _jsx(Typography, { fontFamily: "monospace", variant: "body2", noWrap: true, children: payload?._archive }) }, "archive"));
+    const client = (_jsx(TableCell, { align: "center", children: _jsx(Typography, { fontFamily: "monospace", variant: "body2", noWrap: true, children: payload?._client }) }, "client"));
+    const date = (_jsx(TableCell, { align: "center", children: _jsx(Typography, { fontFamily: "monospace", variant: "body2", noWrap: true, children: timeStamp?.toLocaleString(DateTime.DATE_SHORT) }) }, "date"));
+    const hash = (_jsx(HashTableCell, { value: payload?._hash, archive: payload?._archive, dataType: "payload", exploreDomain: exploreDomain, network: networkProp ?? network?.slug }, "hash"));
+    const schema = (_jsx(TableCell, { align: "center", children: _jsx(Typography, { fontFamily: "monospace", variant: "body2", noWrap: true, children: payload?.schema }) }, "payloads"));
+    const time = (_jsx(TableCell, { align: "center", children: _jsx(Typography, { fontFamily: "monospace", variant: "body2", noWrap: true, children: timeStamp?.toLocaleString(DateTime.TIME_SIMPLE) }) }, "time"));
+    const isValid = wrapper ? new XyoPayloadWrapperValidator(wrapper).all().length === 0 : undefined;
+    const valid = (_jsx(TableCell, { align: "center", children: _jsx(Typography, { fontFamily: "monospace", variant: "body2", noWrap: true, children: isValid === undefined ? _jsx(MdDone, { fontSize: 18, color: "yellow" }) : isValid ? _jsx(MdDone, { fontSize: 18, color: "green" }) : _jsx(MdClear, { color: "red", fontSize: 18 }) }) }, "valid"));
+    const tableCells = {
+        archive,
+        client,
+        date,
+        hash,
+        schema,
+        time,
+        valid,
+    };
+    return breakPoint ? (_jsx(TableRow, { style: { maxWidth: '100vw' }, ...props, children: columns[breakPoint]?.map((column) => {
+            return tableCells[column];
+        }) })) : null;
+};
+//# sourceMappingURL=TableRow.js.map

package/dist/esm/components/Table/TableRow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableRow.js","sourceRoot":"","sources":["../../../../src/components/Table/TableRow.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/Table/index.d.ts

@@ -0,0 +1,3 @@
+export * from './PayloadTableColumnConfig';
+export * from './Table';
+export * from './TableRow';

package/dist/esm/components/Table/index.js

@@ -0,0 +1,4 @@
+export * from './PayloadTableColumnConfig';
+export * from './Table';
+export * from './TableRow';
+//# sourceMappingURL=index.js.map

package/dist/esm/components/Table/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Table/index.ts"],"names":[],"mappings":"AAAA,cAAc,4BAA4B,CAAA;AAC1C,cAAc,SAAS,CAAA;AACvB,cAAc,YAAY,CAAA"}

package/dist/esm/components/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Details';
+export * from './Table';

package/dist/esm/components/index.js

@@ -0,0 +1,3 @@
+export * from './Details';
+export * from './Table';
+//# sourceMappingURL=index.js.map

package/dist/esm/components/index.js.map

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

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

@@ -0,0 +1,5 @@
+export * from './lib';
+export * from './useGetSchema';
+export * from './useHuriHash';
+export * from './usePayload';
+export * from './useResolveHuri';

package/dist/esm/hooks/index.js

@@ -0,0 +1,6 @@
+export * from './lib';
+export * from './useGetSchema';
+export * from './useHuriHash';
+export * from './usePayload';
+export * from './useResolveHuri';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,OAAO,CAAA;AACrB,cAAc,gBAAgB,CAAA;AAC9B,cAAc,eAAe,CAAA;AAC7B,cAAc,cAAc,CAAA;AAC5B,cAAc,kBAAkB,CAAA"}

package/dist/esm/hooks/lib/FetchHuriHashOptions.d.ts

@@ -0,0 +1,3 @@
+export interface FetchHuriHashOptions {
+    changeActiveNetwork?: boolean;
+}

package/dist/esm/hooks/lib/FetchHuriHashOptions.js

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

package/dist/esm/hooks/lib/FetchHuriHashOptions.js.map

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

package/dist/esm/hooks/lib/findHuriNetwork.d.ts

@@ -0,0 +1,3 @@
+import { Huri } from '@xyo-network/core';
+import { XyoNetworkPayload } from '@xyo-network/network';
+export declare const findHuriNetwork: (huriInstance: Huri, networks?: XyoNetworkPayload[] | undefined) => XyoNetworkPayload | undefined;

package/dist/esm/hooks/lib/findHuriNetwork.js

@@ -0,0 +1,9 @@
+export const findHuriNetwork = (huriInstance, networks) => {
+    // see if huri archivist matches any archivist in the network configs
+    return networks
+        ?.filter((network) => network.nodes?.find((node) => {
+        return node.type === 'archivist' && new URL(node.uri).hostname === huriInstance.archivist;
+    }))
+        .shift();
+};
+//# sourceMappingURL=findHuriNetwork.js.map

package/dist/esm/hooks/lib/findHuriNetwork.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"findHuriNetwork.js","sourceRoot":"","sources":["../../../../src/hooks/lib/findHuriNetwork.ts"],"names":[],"mappings":"AAGA,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,YAAkB,EAAE,QAA8B,EAAE,EAAE;IACpF,qEAAqE;IACrE,OAAO,QAAQ;QACb,EAAE,MAAM,CAAC,CAAC,OAAO,EAAE,EAAE,CACnB,OAAO,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC,IAAI,EAAE,EAAE;QAC3B,OAAO,IAAI,CAAC,IAAI,KAAK,WAAW,IAAI,IAAI,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,QAAQ,KAAK,YAAY,CAAC,SAAS,CAAA;IAC3F,CAAC,CAAC,CACH;SACA,KAAK,EAAE,CAAA;AACZ,CAAC,CAAA"}

package/dist/esm/hooks/lib/index.d.ts

@@ -0,0 +1,2 @@
+export * from './FetchHuriHashOptions';
+export * from './findHuriNetwork';

package/dist/esm/hooks/lib/index.js

@@ -0,0 +1,3 @@
+export * from './FetchHuriHashOptions';
+export * from './findHuriNetwork';
+//# sourceMappingURL=index.js.map

package/dist/esm/hooks/lib/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/hooks/lib/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAA;AACtC,cAAc,mBAAmB,CAAA"}

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

@@ -0,0 +1,11 @@
+import { XyoApiError } from '@xyo-network/api';
+/**
+ * Gets a Huri and schema payload from a schema string
+ */
+declare const useGetSchemaPayload: (schema?: string | undefined) => {
+    apiError: XyoApiError<any, any> | undefined;
+    notFound: boolean;
+    schemaHuri: import("@xyo-network/core").Huri | undefined;
+    schemaPayload: import("@xyo-network/core").XyoPayloadFull | null | undefined;
+};
+export { useGetSchemaPayload };

package/dist/esm/hooks/useGetSchema.js

@@ -0,0 +1,45 @@
+import { useAsyncEffect } from '@xylabs/sdk-react';
+import { XyoPayloadBuilder } from '@xyo-network/core';
+import { XyoSchemaCache } from '@xyo-network/utils';
+import { useState } from 'react';
+/**
+ * Gets a Huri and schema payload from a schema string
+ */
+const useGetSchemaPayload = (schema) => {
+    const [notFound, setNotFound] = useState(false);
+    const [apiError, setApiError] = useState();
+    const [schemaCacheEntry, setSchemaCacheEntry] = useState();
+    const [schemaLocal, setSchemaLocal] = useState();
+    useAsyncEffect(
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    async (mounted) => {
+        const firstRequest = !notFound && !schemaCacheEntry && !apiError;
+        const schemaChanged = schema !== schemaLocal;
+        if ((schema && firstRequest) || (schema && schemaChanged)) {
+            try {
+                const schemaCacheEntry = await XyoSchemaCache.instance.get(schema);
+                if (mounted()) {
+                    setSchemaCacheEntry(schemaCacheEntry);
+                    setNotFound(schemaCacheEntry === null || schemaCacheEntry === undefined);
+                }
+            }
+            catch (e) {
+                console.error(e);
+                if (mounted()) {
+                    setApiError(e);
+                }
+            }
+        }
+        if (schemaChanged) {
+            setSchemaLocal(schema);
+        }
+    }, [apiError, notFound, schema, schemaLocal, schemaCacheEntry]);
+    return {
+        apiError,
+        notFound,
+        schemaHuri: schemaCacheEntry?.huri,
+        schemaPayload: schemaCacheEntry ? new XyoPayloadBuilder(schemaCacheEntry?.payload).fields(schemaCacheEntry.payload).build() : schemaCacheEntry,
+    };
+};
+export { useGetSchemaPayload };
+//# sourceMappingURL=useGetSchema.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useGetSchema.js","sourceRoot":"","sources":["../../../src/hooks/useGetSchema.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAA;AAElD,OAAO,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAA;AACrD,OAAO,EAAE,cAAc,EAAuB,MAAM,oBAAoB,CAAA;AACxE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEhC;;GAEG;AACH,MAAM,mBAAmB,GAAG,CAAC,MAAe,EAAE,EAAE;IAC9C,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAC/C,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,EAAe,CAAA;IACvD,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,QAAQ,EAA0C,CAAA;IAClG,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,EAAU,CAAA;IAExD,cAAc;IACZ,uDAAuD;IACvD,KAAK,EAAE,OAAO,EAAE,EAAE;QAChB,MAAM,YAAY,GAAG,CAAC,QAAQ,IAAI,CAAC,gBAAgB,IAAI,CAAC,QAAQ,CAAA;QAChE,MAAM,aAAa,GAAG,MAAM,KAAK,WAAW,CAAA;QAE5C,IAAI,CAAC,MAAM,IAAI,YAAY,CAAC,IAAI,CAAC,MAAM,IAAI,aAAa,CAAC,EAAE;YACzD,IAAI;gBACF,MAAM,gBAAgB,GAAG,MAAM,cAAc,CAAC,QAAQ,CAAC,GAAG,CAAC,MAAM,CAAC,CAAA;gBAClE,IAAI,OAAO,EAAE,EAAE;oBACb,mBAAmB,CAAC,gBAAgB,CAAC,CAAA;oBACrC,WAAW,CAAC,gBAAgB,KAAK,IAAI,IAAI,gBAAgB,KAAK,SAAS,CAAC,CAAA;iBACzE;aACF;YAAC,OAAO,CAAC,EAAE;gBACV,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAA;gBAChB,IAAI,OAAO,EAAE,EAAE;oBACb,WAAW,CAAC,CAAgB,CAAC,CAAA;iBAC9B;aACF;SACF;QACD,IAAI,aAAa,EAAE;YACjB,cAAc,CAAC,MAAM,CAAC,CAAA;SACvB;IACH,CAAC,EACD,CAAC,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAAE,WAAW,EAAE,gBAAgB,CAAC,CAC5D,CAAA;IAED,OAAO;QACL,QAAQ;QACR,QAAQ;QACR,UAAU,EAAE,gBAAgB,EAAE,IAAI;QAClC,aAAa,EAAE,gBAAgB,CAAC,CAAC,CAAC,IAAI,iBAAiB,CAAC,gBAAgB,EAAE,OAAO,CAAC,CAAC,MAAM,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,gBAAgB;KAC/I,CAAA;AACH,CAAC,CAAA;AAED,OAAO,EAAE,mBAAmB,EAAE,CAAA"}

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

@@ -0,0 +1,5 @@
+import { XyoApiError } from '@xyo-network/api';
+import { Huri, XyoPayload } from '@xyo-network/core';
+import { FetchHuriHashOptions } from './lib';
+declare const useHuriHash: (huriOrHash?: string | Huri | undefined, huriUri?: string | undefined, options?: FetchHuriHashOptions | undefined) => [XyoPayload | undefined, boolean, XyoApiError | undefined];
+export { useHuriHash };