@xyo-network/react-payload-plugin 7.5.8 → 7.5.12

package/dist/browser/index.mjs

@@ -1,90 +1,72 @@
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-
 // src/components/PayloadAvatar.tsx
 import { Avatar } from "@mui/material";
-import React from "react";
 
 // src/img/index.ts
 import { default as default2 } from "./default-256-FF63Q77N.jpg";
 
 // src/components/PayloadAvatar.tsx
-var PayloadAvatar = /* @__PURE__ */ __name(({ ...props }) => {
-  return /* @__PURE__ */ React.createElement(Avatar, {
-    src: default2,
-    ...props
-  });
-}, "PayloadAvatar");
+import { jsx } from "react/jsx-runtime";
+var PayloadAvatar = ({ ...props }) => {
+  return /* @__PURE__ */ jsx(Avatar, { src: default2, ...props });
+};
 
 // src/components/PayloadCardActionArea.tsx
 import { CardActionArea } from "@mui/material";
-import React2 from "react";
-var PayloadCardActionArea = /* @__PURE__ */ __name(({ payload, ...props }) => {
-  return /* @__PURE__ */ React2.createElement(CardActionArea, props);
-}, "PayloadCardActionArea");
+import { jsx as jsx2 } from "react/jsx-runtime";
+var PayloadCardActionArea = ({ payload, ...props }) => {
+  return /* @__PURE__ */ jsx2(CardActionArea, { ...props });
+};
 PayloadCardActionArea.displayName = "ButtonExXYLabs";
 
 // src/components/PayloadCardContent.tsx
 import { CardContent } from "@mui/material";
 import { PayloadDetails } from "@xyo-network/react-payload-details";
-import React3 from "react";
-var PayloadCardContent = /* @__PURE__ */ __name(({ payload, ...props }) => {
-  return /* @__PURE__ */ React3.createElement(CardContent, props, /* @__PURE__ */ React3.createElement(PayloadDetails, {
-    payload
-  }));
-}, "PayloadCardContent");
+import { jsx as jsx3 } from "react/jsx-runtime";
+var PayloadCardContent = ({ payload, ...props }) => {
+  return /* @__PURE__ */ jsx3(CardContent, { ...props, children: /* @__PURE__ */ jsx3(PayloadDetails, { payload }) });
+};
 PayloadCardContent.displayName = "PayloadCardContent";
 
 // src/components/PayloadCardHeader.tsx
 import { CardHeader } from "@mui/material";
 import { Identicon } from "@xylabs/react-identicon";
 import { usePayloadHash } from "@xyo-network/react-shared";
-import React4 from "react";
-var PayloadCardHeader = /* @__PURE__ */ __name(({ payload, ...props }) => {
+import { jsx as jsx4 } from "react/jsx-runtime";
+var PayloadCardHeader = ({ payload, ...props }) => {
   const hash = usePayloadHash(payload);
-  return /* @__PURE__ */ React4.createElement(CardHeader, {
-    title: "Payload",
-    subheader: hash,
-    avatar: /* @__PURE__ */ React4.createElement(Identicon, {
-      size: 24,
-      value: hash
-    }),
-    ...props
-  });
-}, "PayloadCardHeader");
+  return /* @__PURE__ */ jsx4(CardHeader, { title: "Payload", subheader: hash, avatar: /* @__PURE__ */ jsx4(Identicon, { size: 24, value: hash }), ...props });
+};
 PayloadCardHeader.displayName = "PayloadCardHeader";
 
 // src/components/PayloadDetailsBox.tsx
 import { PayloadDetails as PayloadDetails2 } from "@xyo-network/react-payload-details";
-import React5 from "react";
-var PayloadDetailsBox = /* @__PURE__ */ __name((props) => {
-  return /* @__PURE__ */ React5.createElement(PayloadDetails2, props);
-}, "PayloadDetailsBox");
+import { jsx as jsx5 } from "react/jsx-runtime";
+var PayloadDetailsBox = (props) => {
+  return /* @__PURE__ */ jsx5(PayloadDetails2, { ...props });
+};
 PayloadDetailsBox.displayName = "PayloadDetailsBox";
 
 // src/components/PayloadEditorBox.tsx
 import { PayloadDetails as PayloadDetails3 } from "@xyo-network/react-payload-details";
-import React6 from "react";
-var PayloadEditorBox = /* @__PURE__ */ __name((props) => {
-  return /* @__PURE__ */ React6.createElement(PayloadDetails3, props);
-}, "PayloadEditorBox");
+import { jsx as jsx6 } from "react/jsx-runtime";
+var PayloadEditorBox = (props) => {
+  return /* @__PURE__ */ jsx6(PayloadDetails3, { ...props });
+};
 
 // src/components/PayloadTableCell.tsx
 import { TableCell, Typography } from "@mui/material";
-import React7 from "react";
-var PayloadTableCell = /* @__PURE__ */ __name(({ payload, ...props }) => {
-  return /* @__PURE__ */ React7.createElement(TableCell, props, /* @__PURE__ */ React7.createElement(Typography, null, payload?.schema));
-}, "PayloadTableCell");
+import { jsx as jsx7 } from "react/jsx-runtime";
+var PayloadTableCell = ({ payload, ...props }) => {
+  return /* @__PURE__ */ jsx7(TableCell, { ...props, children: /* @__PURE__ */ jsx7(Typography, { children: payload?.schema }) });
+};
 
 // src/DefaultPayloadRenderPlugin.ts
 var DefaultPayloadRenderPlugin = {
-  canRender: /* @__PURE__ */ __name(function(payload) {
+  canRender: function(payload) {
     return !!payload?.schema;
-  }, "canRender"),
+  },
   components: {
-    avatar: {
-      image: PayloadAvatar
-    },
+    avatar: { image: PayloadAvatar },
     box: {
       detailsBox: PayloadDetailsBox,
       editor: PayloadEditorBox
@@ -94,20 +76,15 @@ var DefaultPayloadRenderPlugin = {
       content: PayloadCardContent,
       header: PayloadCardHeader
     },
-    table: {
-      cell: PayloadTableCell
-    }
+    table: { cell: PayloadTableCell }
   },
   name: "Payload"
 };
 
 // src/createPayloadRenderPlugin.ts
-var createPayloadRenderPlugin = /* @__PURE__ */ __name((plugin) => {
-  return {
-    ...DefaultPayloadRenderPlugin,
-    ...plugin
-  };
-}, "createPayloadRenderPlugin");
+var createPayloadRenderPlugin = (plugin) => {
+  return { ...DefaultPayloadRenderPlugin, ...plugin };
+};
 export {
   DefaultPayloadRenderPlugin,
   PayloadAvatar,

package/dist/browser/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/PayloadAvatar.tsx","../../src/img/index.ts","../../src/components/PayloadCardActionArea.tsx","../../src/components/PayloadCardContent.tsx","../../src/components/PayloadCardHeader.tsx","../../src/components/PayloadDetailsBox.tsx","../../src/components/PayloadEditorBox.tsx","../../src/components/PayloadTableCell.tsx","../../src/DefaultPayloadRenderPlugin.ts","../../src/createPayloadRenderPlugin.ts"],"sourcesContent":["import type { AvatarProps } from '@mui/material'\nimport { Avatar } from '@mui/material'\nimport React from 'react'\n\nimport { DefaultAvatarIcon } from '../img/index.ts'\nimport type { PayloadRenderProps } from '../PayloadRenderPlugin.ts'\n\nexport const PayloadAvatar: React.FC<PayloadRenderProps & AvatarProps> = ({ ...props }) => {\n  return <Avatar src={DefaultAvatarIcon} {...props} />\n}\n","export { default as DefaultAvatarIcon } from './default-256.jpg'\n","/* eslint-disable @typescript-eslint/no-unused-vars */\nimport type { CardActionAreaProps } from '@mui/material'\nimport { CardActionArea } from '@mui/material'\nimport React, { forwardRef } from 'react'\n\nimport type { PayloadRenderProps } from '../PayloadRenderPlugin.ts'\n\nexport const PayloadCardActionArea: React.FC<PayloadRenderProps & CardActionAreaProps> = ({ payload, ...props }) => {\n  return <CardActionArea {...props} />\n}\n\nPayloadCardActionArea.displayName = 'ButtonExXYLabs'\n","import type { CardContentProps } from '@mui/material'\nimport { CardContent } from '@mui/material'\nimport { PayloadDetails } from '@xyo-network/react-payload-details'\nimport React from 'react'\n\nimport type { PayloadRenderProps } from '../PayloadRenderPlugin.ts'\n\nexport const PayloadCardContent: React.FC<PayloadRenderProps & CardContentProps> = ({ payload, ...props }) => {\n  return (\n    <CardContent {...props}>\n      <PayloadDetails payload={payload} />\n    </CardContent>\n  )\n}\n\nPayloadCardContent.displayName = 'PayloadCardContent'\n","import type { CardHeaderProps } from '@mui/material'\nimport { CardHeader } from '@mui/material'\nimport { Identicon } from '@xylabs/react-identicon'\nimport { usePayloadHash } from '@xyo-network/react-shared'\nimport React from 'react'\n\nimport type { PayloadRenderProps } from '../PayloadRenderPlugin.ts'\n\nexport const PayloadCardHeader: React.FC<PayloadRenderProps & CardHeaderProps> = ({ payload, ...props }) => {\n  const hash = usePayloadHash(payload)\n  return <CardHeader title=\"Payload\" subheader={hash} avatar={<Identicon size={24} value={hash} />} {...props} />\n}\n\nPayloadCardHeader.displayName = 'PayloadCardHeader'\n","import type { FlexBoxProps } from '@xylabs/react-flexbox'\nimport { PayloadDetails } from '@xyo-network/react-payload-details'\nimport React from 'react'\n\nimport type { PayloadRenderProps } from '../PayloadRenderPlugin.ts'\n\nconst PayloadDetailsBox: React.FC<PayloadRenderProps & FlexBoxProps> = (props) => {\n  return <PayloadDetails {...props} />\n}\n\nPayloadDetailsBox.displayName = 'PayloadDetailsBox'\nexport { PayloadDetailsBox }\n","import type { FlexBoxProps } from '@xylabs/react-flexbox'\nimport { PayloadDetails } from '@xyo-network/react-payload-details'\nimport React from 'react'\n\nimport type { PayloadEditorRenderProps } from '../PayloadRenderPlugin.ts'\n\nexport const PayloadEditorBox: React.FC<PayloadEditorRenderProps & FlexBoxProps> = (props) => {\n  return <PayloadDetails {...props} />\n}\n","import type { TableCellProps } from '@mui/material'\nimport { TableCell, Typography } from '@mui/material'\nimport React from 'react'\n\nimport type { PayloadRenderProps } from '../PayloadRenderPlugin.ts'\n\n// DEFAULT IF DONT KNOW WHAT TO RENDER\nexport const PayloadTableCell: React.FC<PayloadRenderProps & TableCellProps> = ({ payload, ...props }) => {\n  return (\n    <TableCell {...props}>\n      <Typography>{payload?.schema}</Typography>\n    </TableCell>\n  )\n}\n","import type { Payload } from '@xyo-network/payload-model'\n\nimport {\n  PayloadAvatar,\n  PayloadCardActionArea,\n  PayloadCardContent,\n  PayloadCardHeader,\n  PayloadDetailsBox,\n  PayloadEditorBox,\n  PayloadTableCell,\n} from './components/index.ts'\nimport type { PayloadRenderPlugin } from './PayloadRenderPlugin.ts'\n\nexport const DefaultPayloadRenderPlugin: PayloadRenderPlugin = {\n  canRender: function (payload?: Payload): boolean {\n    return !!payload?.schema\n  },\n  components: {\n    avatar: { image: PayloadAvatar },\n    box: {\n      detailsBox: PayloadDetailsBox,\n      editor: PayloadEditorBox,\n    },\n    card: {\n      actionArea: PayloadCardActionArea,\n      content: PayloadCardContent,\n      header: PayloadCardHeader,\n    },\n    table: { cell: PayloadTableCell },\n  },\n  name: 'Payload',\n}\n","import { DefaultPayloadRenderPlugin } from './DefaultPayloadRenderPlugin.ts'\nimport type { PayloadRenderPlugin, PayloadRenderPluginConfig } from './PayloadRenderPlugin.ts'\n\nexport const createPayloadRenderPlugin = (plugin: PayloadRenderPluginConfig): PayloadRenderPlugin => {\n  return { ...DefaultPayloadRenderPlugin, ...plugin } as PayloadRenderPlugin\n}\n"],"mappings":";;;;AACA,SAASA,cAAc;AACvB,OAAOC,WAAW;;;ACFlB,SAAoBC,WAAXC,gBAAoC;;;ADOtC,IAAMC,gBAA4D,wBAAC,EAAE,GAAGC,MAAAA,MAAO;AACpF,SAAO,sBAAA,cAACC,QAAAA;IAAOC,KAAKC;IAAoB,GAAGH;;AAC7C,GAFyE;;;AELzE,SAASI,sBAAsB;AAC/B,OAAOC,YAA2B;AAI3B,IAAMC,wBAA4E,wBAAC,EAAEC,SAAS,GAAGC,MAAAA,MAAO;AAC7G,SAAO,gBAAAC,OAAA,cAACC,gBAAmBF,KAAAA;AAC7B,GAFyF;AAIzFF,sBAAsBK,cAAc;;;ACVpC,SAASC,mBAAmB;AAC5B,SAASC,sBAAsB;AAC/B,OAAOC,YAAW;AAIX,IAAMC,qBAAsE,wBAAC,EAAEC,SAAS,GAAGC,MAAAA,MAAO;AACvG,SACE,gBAAAC,OAAA,cAACC,aAAgBF,OACf,gBAAAC,OAAA,cAACE,gBAAAA;IAAeJ;;AAGtB,GANmF;AAQnFD,mBAAmBM,cAAc;;;ACdjC,SAASC,kBAAkB;AAC3B,SAASC,iBAAiB;AAC1B,SAASC,sBAAsB;AAC/B,OAAOC,YAAW;AAIX,IAAMC,oBAAoE,wBAAC,EAAEC,SAAS,GAAGC,MAAAA,MAAO;AACrG,QAAMC,OAAOC,eAAeH,OAAAA;AAC5B,SAAO,gBAAAI,OAAA,cAACC,YAAAA;IAAWC,OAAM;IAAUC,WAAWL;IAAMM,QAAQ,gBAAAJ,OAAA,cAACK,WAAAA;MAAUC,MAAM;MAAIC,OAAOT;;IAAW,GAAGD;;AACxG,GAHiF;AAKjFF,kBAAkBa,cAAc;;;ACZhC,SAASC,kBAAAA,uBAAsB;AAC/B,OAAOC,YAAW;AAIlB,IAAMC,oBAAiE,wBAACC,UAAAA;AACtE,SAAO,gBAAAC,OAAA,cAACC,iBAAmBF,KAAAA;AAC7B,GAFuE;AAIvED,kBAAkBI,cAAc;;;ACThC,SAASC,kBAAAA,uBAAsB;AAC/B,OAAOC,YAAW;AAIX,IAAMC,mBAAsE,wBAACC,UAAAA;AAClF,SAAO,gBAAAC,OAAA,cAACC,iBAAmBF,KAAAA;AAC7B,GAFmF;;;ACLnF,SAASG,WAAWC,kBAAkB;AACtC,OAAOC,YAAW;AAKX,IAAMC,mBAAkE,wBAAC,EAAEC,SAAS,GAAGC,MAAAA,MAAO;AACnG,SACE,gBAAAC,OAAA,cAACC,WAAcF,OACb,gBAAAC,OAAA,cAACE,YAAAA,MAAYJ,SAASK,MAAAA,CAAAA;AAG5B,GAN+E;;;ACMxE,IAAMC,6BAAkD;EAC7DC,WAAW,gCAAUC,SAAiB;AACpC,WAAO,CAAC,CAACA,SAASC;EACpB,GAFW;EAGXC,YAAY;IACVC,QAAQ;MAAEC,OAAOC;IAAc;IAC/BC,KAAK;MACHC,YAAYC;MACZC,QAAQC;IACV;IACAC,MAAM;MACJC,YAAYC;MACZC,SAASC;MACTC,QAAQC;IACV;IACAC,OAAO;MAAEC,MAAMC;IAAiB;EAClC;EACAC,MAAM;AACR;;;AC5BO,IAAMC,4BAA4B,wBAACC,WAAAA;AACxC,SAAO;IAAE,GAAGC;IAA4B,GAAGD;EAAO;AACpD,GAFyC;","names":["Avatar","React","DefaultAvatarIcon","default","PayloadAvatar","props","Avatar","src","DefaultAvatarIcon","CardActionArea","React","PayloadCardActionArea","payload","props","React","CardActionArea","displayName","CardContent","PayloadDetails","React","PayloadCardContent","payload","props","React","CardContent","PayloadDetails","displayName","CardHeader","Identicon","usePayloadHash","React","PayloadCardHeader","payload","props","hash","usePayloadHash","React","CardHeader","title","subheader","avatar","Identicon","size","value","displayName","PayloadDetails","React","PayloadDetailsBox","props","React","PayloadDetails","displayName","PayloadDetails","React","PayloadEditorBox","props","React","PayloadDetails","TableCell","Typography","React","PayloadTableCell","payload","props","React","TableCell","Typography","schema","DefaultPayloadRenderPlugin","canRender","payload","schema","components","avatar","image","PayloadAvatar","box","detailsBox","PayloadDetailsBox","editor","PayloadEditorBox","card","actionArea","PayloadCardActionArea","content","PayloadCardContent","header","PayloadCardHeader","table","cell","PayloadTableCell","name","createPayloadRenderPlugin","plugin","DefaultPayloadRenderPlugin"]}
+{"version":3,"sources":["../../src/components/PayloadAvatar.tsx","../../src/img/index.ts","../../src/components/PayloadCardActionArea.tsx","../../src/components/PayloadCardContent.tsx","../../src/components/PayloadCardHeader.tsx","../../src/components/PayloadDetailsBox.tsx","../../src/components/PayloadEditorBox.tsx","../../src/components/PayloadTableCell.tsx","../../src/DefaultPayloadRenderPlugin.ts","../../src/createPayloadRenderPlugin.ts"],"sourcesContent":["import type { AvatarProps } from '@mui/material'\nimport { Avatar } from '@mui/material'\nimport React from 'react'\n\nimport { DefaultAvatarIcon } from '../img/index.ts'\nimport type { PayloadRenderProps } from '../PayloadRenderPlugin.ts'\n\nexport const PayloadAvatar: React.FC<PayloadRenderProps & AvatarProps> = ({ ...props }) => {\n  return <Avatar src={DefaultAvatarIcon} {...props} />\n}\n","export { default as DefaultAvatarIcon } from './default-256.jpg'\n","/* eslint-disable @typescript-eslint/no-unused-vars */\nimport type { CardActionAreaProps } from '@mui/material'\nimport { CardActionArea } from '@mui/material'\nimport React, { forwardRef } from 'react'\n\nimport type { PayloadRenderProps } from '../PayloadRenderPlugin.ts'\n\nexport const PayloadCardActionArea: React.FC<PayloadRenderProps & CardActionAreaProps> = ({ payload, ...props }) => {\n  return <CardActionArea {...props} />\n}\n\nPayloadCardActionArea.displayName = 'ButtonExXYLabs'\n","import type { CardContentProps } from '@mui/material'\nimport { CardContent } from '@mui/material'\nimport { PayloadDetails } from '@xyo-network/react-payload-details'\nimport React from 'react'\n\nimport type { PayloadRenderProps } from '../PayloadRenderPlugin.ts'\n\nexport const PayloadCardContent: React.FC<PayloadRenderProps & CardContentProps> = ({ payload, ...props }) => {\n  return (\n    <CardContent {...props}>\n      <PayloadDetails payload={payload} />\n    </CardContent>\n  )\n}\n\nPayloadCardContent.displayName = 'PayloadCardContent'\n","import type { CardHeaderProps } from '@mui/material'\nimport { CardHeader } from '@mui/material'\nimport { Identicon } from '@xylabs/react-identicon'\nimport { usePayloadHash } from '@xyo-network/react-shared'\nimport React from 'react'\n\nimport type { PayloadRenderProps } from '../PayloadRenderPlugin.ts'\n\nexport const PayloadCardHeader: React.FC<PayloadRenderProps & CardHeaderProps> = ({ payload, ...props }) => {\n  const hash = usePayloadHash(payload)\n  return <CardHeader title=\"Payload\" subheader={hash} avatar={<Identicon size={24} value={hash} />} {...props} />\n}\n\nPayloadCardHeader.displayName = 'PayloadCardHeader'\n","import type { FlexBoxProps } from '@xylabs/react-flexbox'\nimport { PayloadDetails } from '@xyo-network/react-payload-details'\nimport React from 'react'\n\nimport type { PayloadRenderProps } from '../PayloadRenderPlugin.ts'\n\nconst PayloadDetailsBox: React.FC<PayloadRenderProps & FlexBoxProps> = (props) => {\n  return <PayloadDetails {...props} />\n}\n\nPayloadDetailsBox.displayName = 'PayloadDetailsBox'\nexport { PayloadDetailsBox }\n","import type { FlexBoxProps } from '@xylabs/react-flexbox'\nimport { PayloadDetails } from '@xyo-network/react-payload-details'\nimport React from 'react'\n\nimport type { PayloadEditorRenderProps } from '../PayloadRenderPlugin.ts'\n\nexport const PayloadEditorBox: React.FC<PayloadEditorRenderProps & FlexBoxProps> = (props) => {\n  return <PayloadDetails {...props} />\n}\n","import type { TableCellProps } from '@mui/material'\nimport { TableCell, Typography } from '@mui/material'\nimport React from 'react'\n\nimport type { PayloadRenderProps } from '../PayloadRenderPlugin.ts'\n\n// DEFAULT IF DONT KNOW WHAT TO RENDER\nexport const PayloadTableCell: React.FC<PayloadRenderProps & TableCellProps> = ({ payload, ...props }) => {\n  return (\n    <TableCell {...props}>\n      <Typography>{payload?.schema}</Typography>\n    </TableCell>\n  )\n}\n","import type { Payload } from '@xyo-network/payload-model'\n\nimport {\n  PayloadAvatar,\n  PayloadCardActionArea,\n  PayloadCardContent,\n  PayloadCardHeader,\n  PayloadDetailsBox,\n  PayloadEditorBox,\n  PayloadTableCell,\n} from './components/index.ts'\nimport type { PayloadRenderPlugin } from './PayloadRenderPlugin.ts'\n\nexport const DefaultPayloadRenderPlugin: PayloadRenderPlugin = {\n  canRender: function (payload?: Payload): boolean {\n    return !!payload?.schema\n  },\n  components: {\n    avatar: { image: PayloadAvatar },\n    box: {\n      detailsBox: PayloadDetailsBox,\n      editor: PayloadEditorBox,\n    },\n    card: {\n      actionArea: PayloadCardActionArea,\n      content: PayloadCardContent,\n      header: PayloadCardHeader,\n    },\n    table: { cell: PayloadTableCell },\n  },\n  name: 'Payload',\n}\n","import { DefaultPayloadRenderPlugin } from './DefaultPayloadRenderPlugin.ts'\nimport type { PayloadRenderPlugin, PayloadRenderPluginConfig } from './PayloadRenderPlugin.ts'\n\nexport const createPayloadRenderPlugin = (plugin: PayloadRenderPluginConfig): PayloadRenderPlugin => {\n  return { ...DefaultPayloadRenderPlugin, ...plugin } as PayloadRenderPlugin\n}\n"],"mappings":";AACA,SAAS,cAAc;;;ACDvB,SAAoB,WAAXA,gBAAoC;;;ADQpC;AADF,IAAM,gBAA4D,CAAC,EAAE,GAAG,MAAM,MAAM;AACzF,SAAO,oBAAC,UAAO,KAAKC,UAAoB,GAAG,OAAO;AACpD;;;AEPA,SAAS,sBAAsB;AAMtB,gBAAAC,YAAA;AADF,IAAM,wBAA4E,CAAC,EAAE,SAAS,GAAG,MAAM,MAAM;AAClH,SAAO,gBAAAA,KAAC,kBAAgB,GAAG,OAAO;AACpC;AAEA,sBAAsB,cAAc;;;ACVpC,SAAS,mBAAmB;AAC5B,SAAS,sBAAsB;AAQzB,gBAAAC,YAAA;AAHC,IAAM,qBAAsE,CAAC,EAAE,SAAS,GAAG,MAAM,MAAM;AAC5G,SACE,gBAAAA,KAAC,eAAa,GAAG,OACf,0BAAAA,KAAC,kBAAe,SAAkB,GACpC;AAEJ;AAEA,mBAAmB,cAAc;;;ACdjC,SAAS,kBAAkB;AAC3B,SAAS,iBAAiB;AAC1B,SAAS,sBAAsB;AAO+B,gBAAAC,YAAA;AAFvD,IAAM,oBAAoE,CAAC,EAAE,SAAS,GAAG,MAAM,MAAM;AAC1G,QAAM,OAAO,eAAe,OAAO;AACnC,SAAO,gBAAAA,KAAC,cAAW,OAAM,WAAU,WAAW,MAAM,QAAQ,gBAAAA,KAAC,aAAU,MAAM,IAAI,OAAO,MAAM,GAAK,GAAG,OAAO;AAC/G;AAEA,kBAAkB,cAAc;;;ACZhC,SAAS,kBAAAC,uBAAsB;AAMtB,gBAAAC,YAAA;AADT,IAAM,oBAAiE,CAAC,UAAU;AAChF,SAAO,gBAAAA,KAACD,iBAAA,EAAgB,GAAG,OAAO;AACpC;AAEA,kBAAkB,cAAc;;;ACThC,SAAS,kBAAAE,uBAAsB;AAMtB,gBAAAC,YAAA;AADF,IAAM,mBAAsE,CAAC,UAAU;AAC5F,SAAO,gBAAAA,KAACD,iBAAA,EAAgB,GAAG,OAAO;AACpC;;;ACPA,SAAS,WAAW,kBAAkB;AAShC,gBAAAE,YAAA;AAHC,IAAM,mBAAkE,CAAC,EAAE,SAAS,GAAG,MAAM,MAAM;AACxG,SACE,gBAAAA,KAAC,aAAW,GAAG,OACb,0BAAAA,KAAC,cAAY,mBAAS,QAAO,GAC/B;AAEJ;;;ACAO,IAAM,6BAAkD;AAAA,EAC7D,WAAW,SAAU,SAA4B;AAC/C,WAAO,CAAC,CAAC,SAAS;AAAA,EACpB;AAAA,EACA,YAAY;AAAA,IACV,QAAQ,EAAE,OAAO,cAAc;AAAA,IAC/B,KAAK;AAAA,MACH,YAAY;AAAA,MACZ,QAAQ;AAAA,IACV;AAAA,IACA,MAAM;AAAA,MACJ,YAAY;AAAA,MACZ,SAAS;AAAA,MACT,QAAQ;AAAA,IACV;AAAA,IACA,OAAO,EAAE,MAAM,iBAAiB;AAAA,EAClC;AAAA,EACA,MAAM;AACR;;;AC5BO,IAAM,4BAA4B,CAAC,WAA2D;AACnG,SAAO,EAAE,GAAG,4BAA4B,GAAG,OAAO;AACpD;","names":["default","default","jsx","jsx","jsx","PayloadDetails","jsx","PayloadDetails","jsx","jsx"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xyo-network/react-payload-plugin",
-  "version": "7.5.8",
+  "version": "7.5.12",
   "description": "Common React library for all XYO projects that use React",
   "keywords": [
     "xyo",
@@ -36,41 +36,167 @@
     },
     "./package.json": "./package.json"
   },
-  "module": "dist/browser/index.mjs",
-  "types": "dist/browser/index.d.ts",
   "files": [
     "dist",
-    "src"
+    "README.md"
   ],
   "dependencies": {
-    "@xylabs/react-flexbox": "~7.1.17",
-    "@xylabs/react-identicon": "~7.1.17",
-    "@xyo-network/payload-model": "~5.3.17",
-    "@xyo-network/react-payload-details": "7.5.8",
-    "@xyo-network/react-shared": "7.5.8"
+    "@xyo-network/react-shared": "~7.5.12",
+    "@xyo-network/react-payload-details": "~7.5.12"
   },
   "devDependencies": {
-    "@emotion/react": "~11.14.0",
-    "@emotion/styled": "~11.14.1",
-    "@mui/icons-material": "~7.3.9",
-    "@mui/material": "~7.3.9",
+    "@bitauth/libauth": "~3.0.0",
+    "@emotion/react": "^11.14.0",
+    "@emotion/styled": "^11.14.1",
+    "@mui/icons-material": "^7.3.10",
+    "@mui/material": "^7.3.10",
+    "@mui/system": "^7.3.10",
+    "@mui/x-tree-view": "~8.27.2",
+    "@opentelemetry/api": "^1.9.1",
+    "@opentelemetry/sdk-trace-base": "^2.7.0",
+    "@scure/base": "~2.2.0",
+    "@textea/json-viewer": "~4.0.1",
+    "@types/node": "~25.6.0",
     "@types/react": "^19.2.14",
-    "@xylabs/ts-scripts-common": "~7.5.6",
-    "@xylabs/ts-scripts-yarn3": "~7.5.6",
-    "react": "^19.2.4",
-    "react-dom": "^19.2.4",
+    "@xylabs/react-async-effect": "~7.1.20",
+    "@xylabs/react-button": "~7.1.20",
+    "@xylabs/react-dialogs": "~7.1.20",
+    "@xylabs/react-flexbox": "~7.1.20",
+    "@xylabs/react-hooks": "~7.1.20",
+    "@xylabs/react-identicon": "~7.1.20",
+    "@xylabs/react-link": "~7.1.20",
+    "@xylabs/react-promise": "~7.1.20",
+    "@xylabs/react-quick-tip-button": "~7.1.20",
+    "@xylabs/react-select": "~7.1.20",
+    "@xylabs/react-shared": "~7.1.20",
+    "@xylabs/react-theme": "~7.1.20",
+    "@xylabs/sdk-js": "^5.0.100",
+    "@xylabs/threads": "~5.0.100",
+    "@xylabs/toolchain": "~7.11.9",
+    "@xylabs/tsconfig": "^7.11.9",
+    "@xylabs/tsconfig-dom": "^7.11.9",
+    "@xylabs/tsconfig-react": "~7.11.9",
+    "@xylabs/zod": "~5.0.100",
+    "@xyo-network/account": "~5.5.1",
+    "@xyo-network/account-model": "^5.5.1",
+    "@xyo-network/boundwitness-builder": "^5.5.1",
+    "@xyo-network/boundwitness-model": "^5.5.1",
+    "@xyo-network/boundwitness-validator": "^5.5.1",
+    "@xyo-network/boundwitness-wrapper": "~5.5.1",
+    "@xyo-network/config-payload-plugin": "~5.5.1",
+    "@xyo-network/diviner-model": "^5.5.5",
+    "@xyo-network/diviner-schema-list": "~5.5.5",
+    "@xyo-network/diviner-schema-stats": "~5.5.2",
+    "@xyo-network/manifest-model": "~5.5.1",
+    "@xyo-network/module-abstract": "^5.5.5",
+    "@xyo-network/module-model": "^5.5.5",
+    "@xyo-network/node-core-types": "~4.1.10",
+    "@xyo-network/node-memory": "~5.5.5",
+    "@xyo-network/node-model": "^5.5.5",
+    "@xyo-network/payload-builder": "^5.5.1",
+    "@xyo-network/payload-model": "^5.5.1",
+    "@xyo-network/payload-validator": "^5.5.1",
+    "@xyo-network/query-payload-plugin": "~5.5.1",
+    "@xyo-network/schema-cache": "~5.5.1",
+    "@xyo-network/schema-payload-plugin": "~5.5.1",
+    "@xyo-network/typeof": "~5.3.30",
+    "@xyo-network/wallet-model": "^5.5.1",
+    "ajv": "^8.18.0",
+    "async-mutex": "^0.5.0",
+    "axios": "^1.15.2",
+    "bn.js": "^5.2.3",
+    "bowser": "^2.14.1",
+    "buffer": "^6.0.3",
+    "chalk": "^5.6.2",
+    "debug": "~4.4.3",
+    "esbuild": "~0.28.0",
+    "eslint": "^10.2.1",
+    "ethers": "^6.16.0",
+    "fast-deep-equal": "~3.1.3",
+    "hash-wasm": "~4.12.0",
+    "js-cookie": "~3.0.5",
+    "lru-cache": "^11.3.5",
+    "observable-fns": "~0.6.1",
+    "pako": "^2.1.0",
+    "react": "^19.2.5",
+    "react-dom": "^19.2.5",
+    "react-router-dom": "^7.14.2",
+    "spark-md5": "~3.0.2",
     "typescript": "^5.9.3",
+    "wasm-feature-detect": "~1.8.0",
     "zod": "^4.3.6"
   },
   "peerDependencies": {
-    "@mui/icons-material": ">=6 <8",
-    "@mui/material": ">=6 <8",
-    "react": "^19",
-    "react-dom": "^19",
-    "zod": "^4"
+    "@emotion/react": "^11.14.0",
+    "@emotion/styled": "^11.14.1",
+    "@mui/icons-material": "^7.3.10",
+    "@mui/material": "^7.3.10",
+    "@mui/system": "^7.3.10",
+    "@mui/x-tree-view": "~8.27.2",
+    "@opentelemetry/api": "^1.9.1",
+    "@opentelemetry/sdk-trace-base": "^2.7.0",
+    "@scure/base": "~2.2.0",
+    "@textea/json-viewer": "~4.0.1",
+    "@xylabs/react-async-effect": "~7.1.20",
+    "@xylabs/react-button": "~7.1.20",
+    "@xylabs/react-dialogs": "~7.1.20",
+    "@xylabs/react-flexbox": "~7.1.20",
+    "@xylabs/react-hooks": "~7.1.20",
+    "@xylabs/react-identicon": "~7.1.20",
+    "@xylabs/react-link": "~7.1.20",
+    "@xylabs/react-promise": "~7.1.20",
+    "@xylabs/react-quick-tip-button": "~7.1.20",
+    "@xylabs/react-select": "~7.1.20",
+    "@xylabs/react-shared": "~7.1.20",
+    "@xylabs/react-theme": "~7.1.20",
+    "@xylabs/sdk-js": "^5.0.100",
+    "@xylabs/tsconfig": "^7.11.9",
+    "@xylabs/tsconfig-dom": "^7.11.9",
+    "@xylabs/zod": "~5.0.100",
+    "@xyo-network/account": "~5.5.1",
+    "@xyo-network/account-model": "^5.5.1",
+    "@xyo-network/boundwitness-builder": "^5.5.1",
+    "@xyo-network/boundwitness-model": "^5.5.1",
+    "@xyo-network/boundwitness-validator": "^5.5.1",
+    "@xyo-network/boundwitness-wrapper": "~5.5.1",
+    "@xyo-network/config-payload-plugin": "~5.5.1",
+    "@xyo-network/diviner-model": "^5.5.5",
+    "@xyo-network/diviner-schema-list": "~5.5.5",
+    "@xyo-network/diviner-schema-stats": "~5.5.2",
+    "@xyo-network/manifest-model": "~5.5.1",
+    "@xyo-network/module-abstract": "^5.5.5",
+    "@xyo-network/module-model": "^5.5.5",
+    "@xyo-network/node-core-types": "~4.1.10",
+    "@xyo-network/node-memory": "~5.5.5",
+    "@xyo-network/node-model": "^5.5.5",
+    "@xyo-network/payload-builder": "^5.5.1",
+    "@xyo-network/payload-model": "^5.5.1",
+    "@xyo-network/payload-validator": "^5.5.1",
+    "@xyo-network/query-payload-plugin": "~5.5.1",
+    "@xyo-network/schema-cache": "~5.5.1",
+    "@xyo-network/schema-payload-plugin": "~5.5.1",
+    "@xyo-network/typeof": "~5.3.30",
+    "@xyo-network/wallet-model": "^5.5.1",
+    "ajv": "^8.18.0",
+    "async-mutex": "^0.5.0",
+    "axios": "^1.15.2",
+    "bn.js": "^5.2.3",
+    "bowser": "^2.14.1",
+    "buffer": "^6.0.3",
+    "chalk": "^5.6.2",
+    "ethers": "^6.16.0",
+    "fast-deep-equal": "~3.1.3",
+    "js-cookie": "~3.0.5",
+    "lru-cache": "^11.3.5",
+    "pako": "^2.1.0",
+    "react": "^19.2.5",
+    "react-dom": "^19.2.5",
+    "react-router-dom": "^7.14.2",
+    "spark-md5": "~3.0.2",
+    "zod": "^4.3.6"
   },
   "publishConfig": {
     "access": "public"
   },
   "docs": "dist/docs.json"
-}
+}

package/src/DefaultPayloadRenderPlugin.ts

@@ -1,32 +0,0 @@
-import type { Payload } from '@xyo-network/payload-model'
-
-import {
-  PayloadAvatar,
-  PayloadCardActionArea,
-  PayloadCardContent,
-  PayloadCardHeader,
-  PayloadDetailsBox,
-  PayloadEditorBox,
-  PayloadTableCell,
-} from './components/index.ts'
-import type { PayloadRenderPlugin } from './PayloadRenderPlugin.ts'
-
-export const DefaultPayloadRenderPlugin: PayloadRenderPlugin = {
-  canRender: function (payload?: Payload): boolean {
-    return !!payload?.schema
-  },
-  components: {
-    avatar: { image: PayloadAvatar },
-    box: {
-      detailsBox: PayloadDetailsBox,
-      editor: PayloadEditorBox,
-    },
-    card: {
-      actionArea: PayloadCardActionArea,
-      content: PayloadCardContent,
-      header: PayloadCardHeader,
-    },
-    table: { cell: PayloadTableCell },
-  },
-  name: 'Payload',
-}

package/src/PayloadRenderPlugin.ts

@@ -1,87 +0,0 @@
-import type {
-  AvatarProps,
-  CardActionAreaProps,
-  CardContentProps,
-  CardHeaderProps,
-  CardProps,
-  MenuItemProps,
-  MenuListProps,
-  TableCellProps,
-} from '@mui/material'
-import type { FlexBoxProps } from '@xylabs/react-flexbox'
-import type { Payload } from '@xyo-network/payload-model'
-import type { ListMode } from '@xyo-network/react-shared'
-import type { ComponentType } from 'react'
-
-export interface PayloadRenderProps<T extends Payload = Payload> {
-  payload?: T
-}
-
-export interface PayloadDetailsRenderProps extends PayloadRenderProps {
-  active?: boolean
-}
-
-export interface PayloadDetailsListRenderProps extends PayloadDetailsRenderProps {
-  listMode?: ListMode
-  visibleRows?: number
-}
-
-export interface PayloadEditorRenderProps extends PayloadDetailsRenderProps {
-  onChange?: (payload: Payload) => boolean
-}
-
-export interface PayloadRenderPluginBase {
-  canRender: (payload?: Payload) => boolean
-  name: string
-}
-
-export interface PayloadRenderPluginCardComponents {
-  actionArea: ComponentType<PayloadRenderProps & CardActionAreaProps>
-  content: ComponentType<PayloadRenderProps & CardContentProps>
-  header: ComponentType<PayloadRenderProps & CardHeaderProps>
-}
-
-export interface PayloadRenderPluginAvatarComponents {
-  image: ComponentType<PayloadRenderProps & AvatarProps>
-}
-
-export interface PayloadRenderPluginTableComponents {
-  cell: ComponentType<PayloadRenderProps & TableCellProps>
-}
-
-export interface PayloadRenderPluginMenuComponents {
-  item: ComponentType<PayloadRenderProps & MenuItemProps>
-  list: ComponentType<PayloadRenderProps & MenuListProps>
-}
-
-export interface PayloadRenderPluginBoxComponents {
-  /** @deprecated - use detailsBox  */
-  details?: ComponentType<PayloadDetailsRenderProps & FlexBoxProps>
-  detailsBox: ComponentType<PayloadDetailsRenderProps & FlexBoxProps>
-  detailsCard?: ComponentType<PayloadDetailsRenderProps & CardProps>
-  editor: ComponentType<PayloadEditorRenderProps & FlexBoxProps>
-  listModes?: ListMode[]
-}
-
-export interface PayloadRenderPluginComponents {
-  avatar: PayloadRenderPluginAvatarComponents
-  box: PayloadRenderPluginBoxComponents
-  card: PayloadRenderPluginCardComponents
-  table: PayloadRenderPluginTableComponents
-}
-
-export interface PayloadRenderPluginComponentsConfig {
-  avatar?: Partial<PayloadRenderPluginAvatarComponents>
-  box?: Partial<PayloadRenderPluginBoxComponents>
-  card?: Partial<PayloadRenderPluginCardComponents>
-  menu?: Partial<PayloadRenderPluginMenuComponents>
-  table?: Partial<PayloadRenderPluginTableComponents>
-}
-
-export interface PayloadRenderPlugin extends PayloadRenderPluginBase {
-  components: PayloadRenderPluginComponents
-}
-
-export interface PayloadRenderPluginConfig extends PayloadRenderPluginBase {
-  components?: PayloadRenderPluginComponentsConfig
-}

package/src/components/PayloadAvatar.tsx

@@ -1,10 +0,0 @@
-import type { AvatarProps } from '@mui/material'
-import { Avatar } from '@mui/material'
-import React from 'react'
-
-import { DefaultAvatarIcon } from '../img/index.ts'
-import type { PayloadRenderProps } from '../PayloadRenderPlugin.ts'
-
-export const PayloadAvatar: React.FC<PayloadRenderProps & AvatarProps> = ({ ...props }) => {
-  return <Avatar src={DefaultAvatarIcon} {...props} />
-}

package/src/components/PayloadCardActionArea.tsx

@@ -1,12 +0,0 @@
-/* eslint-disable @typescript-eslint/no-unused-vars */
-import type { CardActionAreaProps } from '@mui/material'
-import { CardActionArea } from '@mui/material'
-import React, { forwardRef } from 'react'
-
-import type { PayloadRenderProps } from '../PayloadRenderPlugin.ts'
-
-export const PayloadCardActionArea: React.FC<PayloadRenderProps & CardActionAreaProps> = ({ payload, ...props }) => {
-  return <CardActionArea {...props} />
-}
-
-PayloadCardActionArea.displayName = 'ButtonExXYLabs'

package/src/components/PayloadCardContent.tsx

@@ -1,16 +0,0 @@
-import type { CardContentProps } from '@mui/material'
-import { CardContent } from '@mui/material'
-import { PayloadDetails } from '@xyo-network/react-payload-details'
-import React from 'react'
-
-import type { PayloadRenderProps } from '../PayloadRenderPlugin.ts'
-
-export const PayloadCardContent: React.FC<PayloadRenderProps & CardContentProps> = ({ payload, ...props }) => {
-  return (
-    <CardContent {...props}>
-      <PayloadDetails payload={payload} />
-    </CardContent>
-  )
-}
-
-PayloadCardContent.displayName = 'PayloadCardContent'

package/src/components/PayloadCardHeader.tsx

@@ -1,14 +0,0 @@
-import type { CardHeaderProps } from '@mui/material'
-import { CardHeader } from '@mui/material'
-import { Identicon } from '@xylabs/react-identicon'
-import { usePayloadHash } from '@xyo-network/react-shared'
-import React from 'react'
-
-import type { PayloadRenderProps } from '../PayloadRenderPlugin.ts'
-
-export const PayloadCardHeader: React.FC<PayloadRenderProps & CardHeaderProps> = ({ payload, ...props }) => {
-  const hash = usePayloadHash(payload)
-  return <CardHeader title="Payload" subheader={hash} avatar={<Identicon size={24} value={hash} />} {...props} />
-}
-
-PayloadCardHeader.displayName = 'PayloadCardHeader'

package/src/components/PayloadDetailsBox.tsx

@@ -1,12 +0,0 @@
-import type { FlexBoxProps } from '@xylabs/react-flexbox'
-import { PayloadDetails } from '@xyo-network/react-payload-details'
-import React from 'react'
-
-import type { PayloadRenderProps } from '../PayloadRenderPlugin.ts'
-
-const PayloadDetailsBox: React.FC<PayloadRenderProps & FlexBoxProps> = (props) => {
-  return <PayloadDetails {...props} />
-}
-
-PayloadDetailsBox.displayName = 'PayloadDetailsBox'
-export { PayloadDetailsBox }

package/src/components/PayloadEditorBox.tsx

@@ -1,9 +0,0 @@
-import type { FlexBoxProps } from '@xylabs/react-flexbox'
-import { PayloadDetails } from '@xyo-network/react-payload-details'
-import React from 'react'
-
-import type { PayloadEditorRenderProps } from '../PayloadRenderPlugin.ts'
-
-export const PayloadEditorBox: React.FC<PayloadEditorRenderProps & FlexBoxProps> = (props) => {
-  return <PayloadDetails {...props} />
-}

package/src/components/PayloadTableCell.tsx

@@ -1,14 +0,0 @@
-import type { TableCellProps } from '@mui/material'
-import { TableCell, Typography } from '@mui/material'
-import React from 'react'
-
-import type { PayloadRenderProps } from '../PayloadRenderPlugin.ts'
-
-// DEFAULT IF DONT KNOW WHAT TO RENDER
-export const PayloadTableCell: React.FC<PayloadRenderProps & TableCellProps> = ({ payload, ...props }) => {
-  return (
-    <TableCell {...props}>
-      <Typography>{payload?.schema}</Typography>
-    </TableCell>
-  )
-}

package/src/components/index.ts

@@ -1,7 +0,0 @@
-export * from './PayloadAvatar.tsx'
-export * from './PayloadCardActionArea.tsx'
-export * from './PayloadCardContent.tsx'
-export * from './PayloadCardHeader.tsx'
-export * from './PayloadDetailsBox.tsx'
-export * from './PayloadEditorBox.tsx'
-export * from './PayloadTableCell.tsx'

package/src/createPayloadRenderPlugin.ts

@@ -1,6 +0,0 @@
-import { DefaultPayloadRenderPlugin } from './DefaultPayloadRenderPlugin.ts'
-import type { PayloadRenderPlugin, PayloadRenderPluginConfig } from './PayloadRenderPlugin.ts'
-
-export const createPayloadRenderPlugin = (plugin: PayloadRenderPluginConfig): PayloadRenderPlugin => {
-  return { ...DefaultPayloadRenderPlugin, ...plugin } as PayloadRenderPlugin
-}

package/src/img/index.ts

@@ -1 +0,0 @@
-export { default as DefaultAvatarIcon } from './default-256.jpg'

package/src/index.ts

@@ -1,4 +0,0 @@
-export * from './components/index.ts'
-export * from './createPayloadRenderPlugin.ts'
-export * from './DefaultPayloadRenderPlugin.ts'
-export * from './PayloadRenderPlugin.ts'

package/src/types/images.d.ts

@@ -1,5 +0,0 @@
-declare module '*.png'
-declare module '*.jpg'
-declare module '*.svg'
-declare module '*.gif'
-declare module '*.webp'