@xyo-network/react-payload-plugin 3.0.0 → 3.0.2

package/dist/browser/index.mjs

@@ -79,9 +79,6 @@ var PayloadTableCell = /* @__PURE__ */ __name(({ payload, ...props }) => {
   return /* @__PURE__ */ React7.createElement(TableCell, props, /* @__PURE__ */ React7.createElement(Typography, null, payload?.schema));
 }, "PayloadTableCell");
 
-// src/createPayloadRenderPlugin.ts
-import { merge } from "@xylabs/lodash";
-
 // src/DefaultPayloadRenderPlugin.ts
 var DefaultPayloadRenderPlugin = {
   canRender: /* @__PURE__ */ __name(function(payload) {
@@ -109,7 +106,10 @@ var DefaultPayloadRenderPlugin = {
 
 // src/createPayloadRenderPlugin.ts
 var createPayloadRenderPlugin = /* @__PURE__ */ __name((plugin) => {
-  return merge({}, DefaultPayloadRenderPlugin, plugin);
+  return {
+    ...DefaultPayloadRenderPlugin,
+    ...plugin
+  };
 }, "createPayloadRenderPlugin");
 export {
   DefaultPayloadRenderPlugin,

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/createPayloadRenderPlugin.ts","../../src/DefaultPayloadRenderPlugin.ts"],"sourcesContent":["import { Avatar, AvatarProps } from '@mui/material'\nimport React from 'react'\n\nimport { DefaultAvatarIcon } from '../img/index.ts'\nimport { 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","import { CardActionArea, CardActionAreaProps } from '@mui/material'\nimport React, { forwardRef } from 'react'\n\nimport { PayloadRenderProps } from '../PayloadRenderPlugin.ts'\n\n// eslint-disable-next-line @typescript-eslint/no-unused-vars, @eslint-react/ensure-forward-ref-using-ref\nexport const PayloadCardActionArea = forwardRef<HTMLDivElement, PayloadRenderProps & CardActionAreaProps>(({ ref, payload, ...props }) => {\n  return <CardActionArea {...props} />\n})\n\nPayloadCardActionArea.displayName = 'ButtonExXYLabs'\n","import { CardContent, CardContentProps } from '@mui/material'\nimport { PayloadDetails } from '@xyo-network/react-payload-details'\nimport React, { forwardRef } from 'react'\n\nimport { PayloadRenderProps } from '../PayloadRenderPlugin.ts'\n\n// eslint-disable-next-line @eslint-react/ensure-forward-ref-using-ref\nexport const PayloadCardContent = forwardRef<HTMLElement, PayloadRenderProps & CardContentProps>(({ payload, ...props }) => {\n  return (\n    <CardContent {...props}>\n      <PayloadDetails payload={payload} />\n    </CardContent>\n  )\n})\n\nPayloadCardContent.displayName = 'PayloadCardContent'\n","import { CardHeader, CardHeaderProps } from '@mui/material'\nimport { Identicon } from '@xylabs/react-identicon'\nimport { usePayloadHash } from '@xyo-network/react-shared'\nimport React, { forwardRef } from 'react'\n\nimport { PayloadRenderProps } from '../PayloadRenderPlugin.ts'\n\n// eslint-disable-next-line @eslint-react/ensure-forward-ref-using-ref\nexport const PayloadCardHeader = forwardRef<HTMLElement, 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 { FlexBoxProps } from '@xylabs/react-flexbox'\nimport { PayloadDetails } from '@xyo-network/react-payload-details'\nimport React, { forwardRef } from 'react'\n\nimport { PayloadRenderProps } from '../PayloadRenderPlugin.ts'\n\nconst PayloadDetailsBox = forwardRef<HTMLDivElement, PayloadRenderProps & FlexBoxProps>((props, ref) => {\n  return <PayloadDetails ref={ref} {...props} />\n})\n\nPayloadDetailsBox.displayName = 'PayloadDetailsBox'\nexport { PayloadDetailsBox }\n","import { FlexBoxProps } from '@xylabs/react-flexbox'\nimport { PayloadDetails } from '@xyo-network/react-payload-details'\nimport React from 'react'\n\nimport { PayloadEditorRenderProps } from '../PayloadRenderPlugin.ts'\n\nexport const PayloadEditorBox: React.FC<PayloadEditorRenderProps & FlexBoxProps> = (props) => {\n  return <PayloadDetails {...props} />\n}\n","import { TableCell, TableCellProps, Typography } from '@mui/material'\nimport React from 'react'\n\nimport { 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 { merge } from '@xylabs/lodash'\n\nimport { DefaultPayloadRenderPlugin } from './DefaultPayloadRenderPlugin.ts'\nimport { PayloadRenderPlugin, PayloadRenderPluginConfig } from './PayloadRenderPlugin.ts'\n\nexport const createPayloadRenderPlugin = (plugin: PayloadRenderPluginConfig): PayloadRenderPlugin => {\n  return merge({}, DefaultPayloadRenderPlugin, plugin)\n}\n","import { 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 { PayloadRenderPlugin } from './PayloadRenderPlugin.ts'\n\nexport const DefaultPayloadRenderPlugin: PayloadRenderPlugin = {\n  canRender: function (payload?: Payload): boolean {\n    return !!payload?.schema\n  },\n  components: {\n    avatar: {\n      image: PayloadAvatar,\n    },\n    box: {\n      detailsBox: PayloadDetailsBox,\n      editor: PayloadEditorBox,\n    },\n    card: {\n      actionArea: PayloadCardActionArea,\n      content: PayloadCardContent,\n      header: PayloadCardHeader,\n    },\n    table: {\n      cell: PayloadTableCell,\n    },\n  },\n  name: 'Payload',\n}\n"],"mappings":";;;;AAAA,SAASA,cAA2B;AACpC,OAAOC,WAAW;;;ACDlB,SAAoBC,WAAXC,gBAAoC;;;ADMtC,IAAMC,gBAA4D,wBAAC,EAAE,GAAGC,MAAAA,MAAO;AACpF,SAAO,sBAAA,cAACC,QAAAA;IAAOC,KAAKC;IAAoB,GAAGH;;AAC7C,GAFyE;;;AENzE,SAASI,sBAA2C;AACpD,OAAOC,UAASC,kBAAkB;AAK3B,IAAMC,wBAAwBD,2BAAqE,CAAC,EAAEE,KAAKC,SAAS,GAAGC,MAAAA,MAAO;AACnI,SAAO,gBAAAL,OAAA,cAACD,gBAAmBM,KAAAA;AAC7B,CAAA;AAEAH,sBAAsBI,cAAc;;;ACVpC,SAASC,mBAAqC;AAC9C,SAASC,sBAAsB;AAC/B,OAAOC,UAASC,cAAAA,mBAAkB;AAK3B,IAAMC,qBAAqBD,gBAAAA,YAA+D,CAAC,EAAEE,SAAS,GAAGC,MAAAA,MAAO;AACrH,SACE,gBAAAJ,OAAA,cAACF,aAAgBM,OACf,gBAAAJ,OAAA,cAACD,gBAAAA;IAAeI;;AAGtB,CAAA;AAEAD,mBAAmBG,cAAc;;;ACfjC,SAASC,kBAAmC;AAC5C,SAASC,iBAAiB;AAC1B,SAASC,sBAAsB;AAC/B,OAAOC,UAASC,cAAAA,mBAAkB;AAK3B,IAAMC,oBAAoBD,gBAAAA,YAA8D,CAAC,EAAEE,SAAS,GAAGC,MAAAA,MAAO;AACnH,QAAMC,OAAON,eAAeI,OAAAA;AAC5B,SAAO,gBAAAH,OAAA,cAACH,YAAAA;IAAWS,OAAM;IAAUC,WAAWF;IAAMG,QAAQ,gBAAAR,OAAA,cAACF,WAAAA;MAAUW,MAAM;MAAIC,OAAOL;;IAAW,GAAGD;;AACxG,CAAA;AAEAF,kBAAkBS,cAAc;;;ACZhC,SAASC,kBAAAA,uBAAsB;AAC/B,OAAOC,UAASC,cAAAA,mBAAkB;AAIlC,IAAMC,oBAAoBD,gBAAAA,YAA8D,CAACE,OAAOC,QAAAA;AAC9F,SAAO,gBAAAJ,OAAA,cAACD,iBAAAA;IAAeK;IAAW,GAAGD;;AACvC,CAAA;AAEAD,kBAAkBG,cAAc;;;ACThC,SAASC,kBAAAA,uBAAsB;AAC/B,OAAOC,YAAW;AAIX,IAAMC,mBAAsE,wBAACC,UAAAA;AAClF,SAAO,gBAAAC,OAAA,cAACC,iBAAmBF,KAAAA;AAC7B,GAFmF;;;ACNnF,SAASG,WAA2BC,kBAAkB;AACtD,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;;;ACN/E,SAASC,aAAa;;;ACaf,IAAMC,6BAAkD;EAC7DC,WAAW,gCAAUC,SAAiB;AACpC,WAAO,CAAC,CAACA,SAASC;EACpB,GAFW;EAGXC,YAAY;IACVC,QAAQ;MACNC,OAAOC;IACT;IACAC,KAAK;MACHC,YAAYC;MACZC,QAAQC;IACV;IACAC,MAAM;MACJC,YAAYC;MACZC,SAASC;MACTC,QAAQC;IACV;IACAC,OAAO;MACLC,MAAMC;IACR;EACF;EACAC,MAAM;AACR;;;AD9BO,IAAMC,4BAA4B,wBAACC,WAAAA;AACxC,SAAOC,MAAM,CAAC,GAAGC,4BAA4BF,MAAAA;AAC/C,GAFyC;","names":["Avatar","React","DefaultAvatarIcon","default","PayloadAvatar","props","Avatar","src","DefaultAvatarIcon","CardActionArea","React","forwardRef","PayloadCardActionArea","ref","payload","props","displayName","CardContent","PayloadDetails","React","forwardRef","PayloadCardContent","payload","props","displayName","CardHeader","Identicon","usePayloadHash","React","forwardRef","PayloadCardHeader","payload","props","hash","title","subheader","avatar","size","value","displayName","PayloadDetails","React","forwardRef","PayloadDetailsBox","props","ref","displayName","PayloadDetails","React","PayloadEditorBox","props","React","PayloadDetails","TableCell","Typography","React","PayloadTableCell","payload","props","React","TableCell","Typography","schema","merge","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","merge","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","import type { CardActionAreaProps } from '@mui/material'\nimport { CardActionArea } from '@mui/material'\nimport React, { forwardRef } from 'react'\n\nimport type { PayloadRenderProps } from '../PayloadRenderPlugin.ts'\n\n// eslint-disable-next-line @typescript-eslint/no-unused-vars, @eslint-react/ensure-forward-ref-using-ref\nexport const PayloadCardActionArea = forwardRef<HTMLDivElement, PayloadRenderProps & CardActionAreaProps>(({ ref, 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, { forwardRef } from 'react'\n\nimport type { PayloadRenderProps } from '../PayloadRenderPlugin.ts'\n\n// eslint-disable-next-line @eslint-react/ensure-forward-ref-using-ref\nexport const PayloadCardContent = forwardRef<HTMLElement, 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, { forwardRef } from 'react'\n\nimport type { PayloadRenderProps } from '../PayloadRenderPlugin.ts'\n\n// eslint-disable-next-line @eslint-react/ensure-forward-ref-using-ref\nexport const PayloadCardHeader = forwardRef<HTMLElement, 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, { forwardRef } from 'react'\n\nimport type { PayloadRenderProps } from '../PayloadRenderPlugin.ts'\n\nconst PayloadDetailsBox = forwardRef<HTMLDivElement, PayloadRenderProps & FlexBoxProps>((props, ref) => {\n  return <PayloadDetails ref={ref} {...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: {\n      image: PayloadAvatar,\n    },\n    box: {\n      detailsBox: PayloadDetailsBox,\n      editor: PayloadEditorBox,\n    },\n    card: {\n      actionArea: PayloadCardActionArea,\n      content: PayloadCardContent,\n      header: PayloadCardHeader,\n    },\n    table: {\n      cell: PayloadTableCell,\n    },\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;;;AENzE,SAASI,sBAAsB;AAC/B,OAAOC,UAASC,kBAAkB;AAK3B,IAAMC,wBAAwBD,2BAAqE,CAAC,EAAEE,KAAKC,SAAS,GAAGC,MAAAA,MAAO;AACnI,SAAO,gBAAAL,OAAA,cAACD,gBAAmBM,KAAAA;AAC7B,CAAA;AAEAH,sBAAsBI,cAAc;;;ACVpC,SAASC,mBAAmB;AAC5B,SAASC,sBAAsB;AAC/B,OAAOC,UAASC,cAAAA,mBAAkB;AAK3B,IAAMC,qBAAqBD,gBAAAA,YAA+D,CAAC,EAAEE,SAAS,GAAGC,MAAAA,MAAO;AACrH,SACE,gBAAAJ,OAAA,cAACF,aAAgBM,OACf,gBAAAJ,OAAA,cAACD,gBAAAA;IAAeI;;AAGtB,CAAA;AAEAD,mBAAmBG,cAAc;;;ACfjC,SAASC,kBAAkB;AAC3B,SAASC,iBAAiB;AAC1B,SAASC,sBAAsB;AAC/B,OAAOC,UAASC,cAAAA,mBAAkB;AAK3B,IAAMC,oBAAoBD,gBAAAA,YAA8D,CAAC,EAAEE,SAAS,GAAGC,MAAAA,MAAO;AACnH,QAAMC,OAAON,eAAeI,OAAAA;AAC5B,SAAO,gBAAAH,OAAA,cAACH,YAAAA;IAAWS,OAAM;IAAUC,WAAWF;IAAMG,QAAQ,gBAAAR,OAAA,cAACF,WAAAA;MAAUW,MAAM;MAAIC,OAAOL;;IAAW,GAAGD;;AACxG,CAAA;AAEAF,kBAAkBS,cAAc;;;ACbhC,SAASC,kBAAAA,uBAAsB;AAC/B,OAAOC,UAASC,cAAAA,mBAAkB;AAIlC,IAAMC,oBAAoBD,gBAAAA,YAA8D,CAACE,OAAOC,QAAAA;AAC9F,SAAO,gBAAAJ,OAAA,cAACD,iBAAAA;IAAeK;IAAW,GAAGD;;AACvC,CAAA;AAEAD,kBAAkBG,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;MACNC,OAAOC;IACT;IACAC,KAAK;MACHC,YAAYC;MACZC,QAAQC;IACV;IACAC,MAAM;MACJC,YAAYC;MACZC,SAASC;MACTC,QAAQC;IACV;IACAC,OAAO;MACLC,MAAMC;IACR;EACF;EACAC,MAAM;AACR;;;AChCO,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","forwardRef","PayloadCardActionArea","ref","payload","props","displayName","CardContent","PayloadDetails","React","forwardRef","PayloadCardContent","payload","props","displayName","CardHeader","Identicon","usePayloadHash","React","forwardRef","PayloadCardHeader","payload","props","hash","title","subheader","avatar","size","value","displayName","PayloadDetails","React","forwardRef","PayloadDetailsBox","props","ref","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"]}

package/package.json

@@ -7,18 +7,17 @@
   },
   "bugs": {
     "email": "support@xyo.network",
-    "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/issues"
+    "url": "git+https://github.com/XYOracleNetwork/sdk-xyo-react-js/issues"
   },
   "dependencies": {
-    "@xylabs/lodash": "^4.0.0",
-    "@xylabs/react-flexbox": "^4.0.0",
-    "@xylabs/react-identicon": "^4.0.0",
-    "@xyo-network/payload-model": "^3.0.1",
-    "@xyo-network/react-payload-details": "^3.0.0",
-    "@xyo-network/react-shared": "^3.0.0"
+    "@xylabs/react-flexbox": "^4.0.3",
+    "@xylabs/react-identicon": "^4.0.3",
+    "@xyo-network/payload-model": "^3.0.3",
+    "@xyo-network/react-payload-details": "^3.0.2",
+    "@xyo-network/react-shared": "^3.0.2"
   },
   "devDependencies": {
-    "@xylabs/ts-scripts-yarn3": "^4.0.0-rc.15",
+    "@xylabs/ts-scripts-yarn3": "^4.0.0-rc.20",
     "typescript": "^5.5.4"
   },
   "peerDependencies": {
@@ -57,7 +56,7 @@
   },
   "repository": {
     "type": "git",
-    "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js.git"
+    "url": "git+https://github.com/XYOracleNetwork/sdk-xyo-react-js.git"
   },
   "scripts": {
     "lint-pkg": "npmPkgJsonLint .",
@@ -65,6 +64,6 @@
   },
   "sideEffects": false,
   "types": "dist/browser/index.d.ts",
-  "version": "3.0.0",
+  "version": "3.0.2",
   "type": "module"
 }

package/src/DefaultPayloadRenderPlugin.ts

@@ -1,4 +1,4 @@
-import { Payload } from '@xyo-network/payload-model'
+import type { Payload } from '@xyo-network/payload-model'
 
 import {
   PayloadAvatar,
@@ -9,7 +9,7 @@ import {
   PayloadEditorBox,
   PayloadTableCell,
 } from './components/index.ts'
-import { PayloadRenderPlugin } from './PayloadRenderPlugin.ts'
+import type { PayloadRenderPlugin } from './PayloadRenderPlugin.ts'
 
 export const DefaultPayloadRenderPlugin: PayloadRenderPlugin = {
   canRender: function (payload?: Payload): boolean {

package/src/PayloadRenderPlugin.ts

@@ -1,4 +1,4 @@
-import {
+import type {
   AvatarProps,
   CardActionAreaProps,
   CardContentProps,
@@ -8,10 +8,10 @@ import {
   MenuListProps,
   TableCellProps,
 } from '@mui/material'
-import { FlexBoxProps } from '@xylabs/react-flexbox'
-import { Payload } from '@xyo-network/payload-model'
-import { ListMode } from '@xyo-network/react-shared'
-import { ComponentType, ForwardRefExoticComponent, PropsWithoutRef } from 'react'
+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, ForwardRefExoticComponent, PropsWithoutRef } from 'react'
 
 export interface PayloadRenderProps<T extends Payload = Payload> {
   payload?: T

package/src/components/PayloadAvatar.tsx

@@ -1,8 +1,9 @@
-import { Avatar, AvatarProps } from '@mui/material'
+import type { AvatarProps } from '@mui/material'
+import { Avatar } from '@mui/material'
 import React from 'react'
 
 import { DefaultAvatarIcon } from '../img/index.ts'
-import { PayloadRenderProps } from '../PayloadRenderPlugin.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,7 +1,8 @@
-import { CardActionArea, CardActionAreaProps } from '@mui/material'
+import type { CardActionAreaProps } from '@mui/material'
+import { CardActionArea } from '@mui/material'
 import React, { forwardRef } from 'react'
 
-import { PayloadRenderProps } from '../PayloadRenderPlugin.ts'
+import type { PayloadRenderProps } from '../PayloadRenderPlugin.ts'
 
 // eslint-disable-next-line @typescript-eslint/no-unused-vars, @eslint-react/ensure-forward-ref-using-ref
 export const PayloadCardActionArea = forwardRef<HTMLDivElement, PayloadRenderProps & CardActionAreaProps>(({ ref, payload, ...props }) => {

package/src/components/PayloadCardContent.tsx

@@ -1,8 +1,9 @@
-import { CardContent, CardContentProps } from '@mui/material'
+import type { CardContentProps } from '@mui/material'
+import { CardContent } from '@mui/material'
 import { PayloadDetails } from '@xyo-network/react-payload-details'
 import React, { forwardRef } from 'react'
 
-import { PayloadRenderProps } from '../PayloadRenderPlugin.ts'
+import type { PayloadRenderProps } from '../PayloadRenderPlugin.ts'
 
 // eslint-disable-next-line @eslint-react/ensure-forward-ref-using-ref
 export const PayloadCardContent = forwardRef<HTMLElement, PayloadRenderProps & CardContentProps>(({ payload, ...props }) => {

package/src/components/PayloadCardHeader.tsx

@@ -1,9 +1,10 @@
-import { CardHeader, CardHeaderProps } from '@mui/material'
+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, { forwardRef } from 'react'
 
-import { PayloadRenderProps } from '../PayloadRenderPlugin.ts'
+import type { PayloadRenderProps } from '../PayloadRenderPlugin.ts'
 
 // eslint-disable-next-line @eslint-react/ensure-forward-ref-using-ref
 export const PayloadCardHeader = forwardRef<HTMLElement, PayloadRenderProps & CardHeaderProps>(({ payload, ...props }) => {

package/src/components/PayloadDetailsBox.tsx

@@ -1,8 +1,8 @@
-import { FlexBoxProps } from '@xylabs/react-flexbox'
+import type { FlexBoxProps } from '@xylabs/react-flexbox'
 import { PayloadDetails } from '@xyo-network/react-payload-details'
 import React, { forwardRef } from 'react'
 
-import { PayloadRenderProps } from '../PayloadRenderPlugin.ts'
+import type { PayloadRenderProps } from '../PayloadRenderPlugin.ts'
 
 const PayloadDetailsBox = forwardRef<HTMLDivElement, PayloadRenderProps & FlexBoxProps>((props, ref) => {
   return <PayloadDetails ref={ref} {...props} />

package/src/components/PayloadEditorBox.tsx

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

package/src/components/PayloadTableCell.tsx

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

package/src/createPayloadRenderPlugin.ts

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

package/xy.config.ts

@@ -1,4 +1,4 @@
-import { XyTsupConfig } from '@xylabs/ts-scripts-yarn3'
+import type { XyTsupConfig } from '@xylabs/ts-scripts-yarn3'
 const config: XyTsupConfig = {
   compile: {
     browser: {