@xyo-network/react-ethereum-gas-price-blocknative-plugin 7.6.3 → 8.0.0

package/dist/browser/components/Card/CardContent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CardContent.d.ts","sourceRoot":"","sources":["../../../../src/components/Card/CardContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAA;AAIrD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,mCAAmC,CAAA;AAE3E,OAAO,KAAK,MAAM,OAAO,CAAA;AAMzB,eAAO,MAAM,8BAA8B,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,GAAG,gBAAgB,CAqC1F,CAAA"}
+{"version":3,"file":"CardContent.d.ts","sourceRoot":"","sources":["../../../../src/components/Card/CardContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAA;AAIrD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,mCAAmC,CAAA;AAE3E,OAAO,KAAK,MAAM,OAAO,CAAA;AAMzB,eAAO,MAAM,8BAA8B,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,GAAG,gBAAgB,CA2C1F,CAAA"}

package/dist/browser/components/Details/Box/BlocknativeGasPriceDetailsBox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BlocknativeGasPriceDetailsBox.d.ts","sourceRoot":"","sources":["../../../../../src/components/Details/Box/BlocknativeGasPriceDetailsBox.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAA;AAMzD,OAAO,KAAK,EAAE,6BAA6B,EAAE,MAAM,mCAAmC,CAAA;AAEtF,OAAO,KAAK,MAAM,OAAO,CAAA;AAOzB,eAAO,MAAM,6BAA6B,EAAE,KAAK,CAAC,EAAE,CAAC,6BAA6B,GAAG,YAAY,CA4ChG,CAAA"}
+{"version":3,"file":"BlocknativeGasPriceDetailsBox.d.ts","sourceRoot":"","sources":["../../../../../src/components/Details/Box/BlocknativeGasPriceDetailsBox.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAA;AAMzD,OAAO,KAAK,EAAE,6BAA6B,EAAE,MAAM,mCAAmC,CAAA;AAEtF,OAAO,KAAK,MAAM,OAAO,CAAA;AAOzB,eAAO,MAAM,6BAA6B,EAAE,KAAK,CAAC,EAAE,CAAC,6BAA6B,GAAG,YAAY,CAqDhG,CAAA"}

package/dist/browser/index.mjs

@@ -82,7 +82,16 @@ var BlocknativeGasPriceCardContent = ({ payload, ...props }) => {
             ))
           }
         ),
-        /* @__PURE__ */ jsx(ToggleRawPayloadBox, { gasPricePayload, alignItems: "start", pr: 1 })
+        /* @__PURE__ */ jsx(
+          ToggleRawPayloadBox,
+          {
+            gasPricePayload,
+            sx: {
+              alignItems: "start",
+              pr: 1
+            }
+          }
+        )
       ]
     }
   );
@@ -136,45 +145,61 @@ var BlocknativeGasPriceDetailsBox = ({
 }) => {
   const gasPricePayload = payload;
   const parsedPayload = getBlocknativeTransformer(gasPricePayload);
-  return /* @__PURE__ */ jsx4(Fragment, { children: isEmpty2(gasPricePayload) || !gasPricePayload?.blockPrices?.length ? /* @__PURE__ */ jsx4(PayloadDataMissing2, { alertBody: "Payload is missing valid gas fee data." }) : /* @__PURE__ */ jsxs3(FlexCol, { alignItems: "start", rowGap: 4, ...props, children: [
-    /* @__PURE__ */ jsx4(GasPriceWitnessHeaderBox, { heading: RenderTitle, parsedPayload }),
-    /* @__PURE__ */ jsx4(
-      Grid2,
-      {
-        container: true,
-        spacing: 3,
-        columns: {
-          lg: 15,
-          md: 15,
-          sm: 12,
-          xs: 12
-        },
-        children: parsedPayload && parsedPayload?.gasPrice?.map(({ price, priorityFee }) => /* @__PURE__ */ jsx4(
+  return /* @__PURE__ */ jsx4(Fragment, { children: isEmpty2(gasPricePayload) || !gasPricePayload?.blockPrices?.length ? /* @__PURE__ */ jsx4(PayloadDataMissing2, { alertBody: "Payload is missing valid gas fee data." }) : /* @__PURE__ */ jsxs3(
+    FlexCol,
+    {
+      ...props,
+      sx: [{
+        alignItems: "start",
+        rowGap: 4
+      }, ...Array.isArray(props.sx) ? props.sx : [props.sx]],
+      children: [
+        /* @__PURE__ */ jsx4(GasPriceWitnessHeaderBox, { heading: RenderTitle, parsedPayload }),
+        /* @__PURE__ */ jsx4(
           Grid2,
           {
-            size: {
-              xs: 12,
-              sm: 6,
-              md: 5,
-              lg: 3
+            container: true,
+            spacing: 3,
+            columns: {
+              lg: 15,
+              md: 15,
+              sm: 12,
+              xs: 12
             },
-            children: /* @__PURE__ */ jsx4(
-              GasFeeCard2,
+            children: parsedPayload && parsedPayload?.gasPrice?.map(({ price, priorityFee }) => /* @__PURE__ */ jsx4(
+              Grid2,
               {
-                gasPrice: price?.value,
-                speed: price?.label,
-                priorityFee: priorityFee?.value,
-                priorityFeeLabel: priorityFee?.label
+                size: {
+                  xs: 12,
+                  sm: 6,
+                  md: 5,
+                  lg: 3
+                },
+                children: /* @__PURE__ */ jsx4(
+                  GasFeeCard2,
+                  {
+                    gasPrice: price?.value,
+                    speed: price?.label,
+                    priorityFee: priorityFee?.value,
+                    priorityFeeLabel: priorityFee?.label
+                  },
+                  price?.label
+                )
               },
               price?.label
-            )
-          },
-          price?.label
-        ))
-      }
-    ),
-    /* @__PURE__ */ jsx4(ToggleRawPayloadBox2, { gasPricePayload, alignItems: "start" })
-  ] }) });
+            ))
+          }
+        ),
+        /* @__PURE__ */ jsx4(
+          ToggleRawPayloadBox2,
+          {
+            gasPricePayload,
+            sx: { alignItems: "start" }
+          }
+        )
+      ]
+    }
+  ) });
 };
 BlocknativeGasPriceDetailsBox.displayName = "BlocknativeGasPriceDetailsBox";
 

package/dist/browser/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/Card/Card.tsx","../../src/components/Card/CardContent.tsx","../../src/components/hooks/getBlocknativeTransformer.tsx","../../src/components/Card/CardHeader.tsx","../../src/components/lib/constants.ts","../../src/components/Details/Box/BlocknativeGasPriceDetailsBox.tsx","../../src/Plugin.ts"],"sourcesContent":["import type { CardProps } from '@mui/material'\nimport { Card } from '@mui/material'\nimport type { PayloadRenderProps } from '@xyo-network/react-payload-plugin'\nimport React from 'react'\n\nimport { BlocknativeGasPriceCardContent } from './CardContent.tsx'\nimport { BlocknativeGasPriceCardHeader } from './CardHeader.tsx'\n\nexport const BlocknativeGasPriceCard = ({\n  ref, payload, ...props\n}: PayloadRenderProps & CardProps) => {\n  return (\n    <Card ref={ref} {...props}>\n      <BlocknativeGasPriceCardHeader payload={payload} />\n      <BlocknativeGasPriceCardContent payload={payload} />\n    </Card>\n  )\n}\n\nBlocknativeGasPriceCard.displayName = 'BlocknativeGasPriceCard'\n","import type { CardContentProps } from '@mui/material'\nimport { CardContent, Grid } from '@mui/material'\nimport type { EthereumGasBlocknativePayload } from '@xyo-network/blocknative-ethereum-gas-payload-plugin'\nimport { GasFeeCard, ToggleRawPayloadBox } from '@xyo-network/react-gas-price'\nimport type { PayloadRenderProps } from '@xyo-network/react-payload-plugin'\nimport { PayloadDataMissing } from '@xyo-network/react-shared'\nimport React from 'react'\n\nimport { getBlocknativeTransformer } from '../hooks/index.ts'\n\nconst isEmpty = (obj?: object) => Object.keys(obj ?? {}).length === 0\n\nexport const BlocknativeGasPriceCardContent: React.FC<PayloadRenderProps & CardContentProps> = ({ payload, ...props }) => {\n  const gasPricePayload = payload as EthereumGasBlocknativePayload | undefined\n  const parsedPayload = getBlocknativeTransformer(gasPricePayload)\n\n  if (isEmpty(gasPricePayload) || !gasPricePayload?.blockPrices?.length) {\n    return <PayloadDataMissing alertBody=\"Payload is missing valid gas fee data.\" sx={{ m: 1 }} />\n  }\n\n  return (\n    <CardContent\n      sx={{\n        display: 'flex', flexDirection: 'column', rowGap: 4,\n      }}\n      {...props}\n    >\n      <Grid\n        container\n        spacing={3}\n        columns={{\n          lg: 15, md: 15, sm: 12, xs: 12,\n        }}\n      >\n        {parsedPayload\n          && parsedPayload?.gasPrice?.map(({ price }) => (\n            <Grid\n              key={price?.label}\n              size={{\n                xs: 12, sm: 6, md: 5, lg: 3,\n              }}\n            >\n              <GasFeeCard gasPrice={price?.value} speed={price?.label} speedPaperElevation={4} />\n            </Grid>\n          ))}\n      </Grid>\n      <ToggleRawPayloadBox gasPricePayload={gasPricePayload} alignItems=\"start\" pr={1} />\n    </CardContent>\n  )\n}\n\nBlocknativeGasPriceCardContent.displayName = 'BlocknativeGasPriceCardContent'\n","import type { EthereumGasBlocknativePayload } from '@xyo-network/blocknative-ethereum-gas-payload-plugin'\nimport type { GasPriceWitnessUIBasePayload } from '@xyo-network/react-gas-price'\n\nexport const getBlocknativeTransformer = (payload?: EthereumGasBlocknativePayload): GasPriceWitnessUIBasePayload | undefined => {\n  const blockPrices = payload?.blockPrices?.[0]\n  if (blockPrices && blockPrices.estimatedPrices?.length) {\n    const estimatedPrices = blockPrices?.estimatedPrices\n    const gasPrice = estimatedPrices.map(price => ({\n      price: {\n        label: `Confidence - ${price.confidence}`,\n        value: price.price,\n      },\n      priorityFee: {\n        label: 'maxPriorityFeePerGas',\n        value: price.maxPriorityFeePerGas,\n      },\n    }))\n\n    return {\n      baseFee: {\n        label: 'baseFeePerGas',\n        value: blockPrices.baseFeePerGas,\n      },\n      blockNumber: {\n        label: 'blockNumber',\n        value: blockPrices.blockNumber,\n      },\n      gasPrice,\n      timestamp: payload.timestamp,\n      website: 'https://docs.Blocknative.io/v5/api/providers/provider/#Provider-getFeeData',\n    }\n  }\n}\n","import type { CardHeaderProps } from '@mui/material'\nimport type { EthereumGasBlocknativePayload } from '@xyo-network/blocknative-ethereum-gas-payload-plugin'\nimport { GasPriceWitnessCardHeader } from '@xyo-network/react-gas-price'\nimport type { PayloadRenderProps } from '@xyo-network/react-payload-plugin'\nimport React from 'react'\n\nimport { getBlocknativeTransformer } from '../hooks/index.ts'\nimport { RenderTitle } from '../lib/index.ts'\n\nexport const BlocknativeGasPriceCardHeader: React.FC<PayloadRenderProps & CardHeaderProps> = ({ payload }) => {\n  const gasPricePayload = payload as EthereumGasBlocknativePayload | undefined\n  const parsedPayload = getBlocknativeTransformer(gasPricePayload)\n  return <GasPriceWitnessCardHeader title={RenderTitle} parsedPayload={parsedPayload} />\n}\n\nBlocknativeGasPriceCardHeader.displayName = 'BlocknativeGasPriceCardHeader'\n","export const RenderTitle = 'Blocknative Gas Tracker'\n","import { Grid } from '@mui/material'\nimport type { FlexBoxProps } from '@xylabs/react-flexbox'\nimport { FlexCol } from '@xylabs/react-flexbox'\nimport type { EthereumGasBlocknativePayload } from '@xyo-network/blocknative-ethereum-gas-payload-plugin'\nimport {\n  GasFeeCard, GasPriceWitnessHeaderBox, ToggleRawPayloadBox,\n} from '@xyo-network/react-gas-price'\nimport type { PayloadDetailsListRenderProps } from '@xyo-network/react-payload-plugin'\nimport { PayloadDataMissing } from '@xyo-network/react-shared'\nimport React from 'react'\n\nimport { getBlocknativeTransformer } from '../../hooks/index.ts'\nimport { RenderTitle } from '../../lib/index.ts'\n\nconst isEmpty = (obj?: object) => Object.keys(obj ?? {}).length === 0\n\nexport const BlocknativeGasPriceDetailsBox: React.FC<PayloadDetailsListRenderProps & FlexBoxProps> = ({\n\n  payload, listMode, ...props\n}) => {\n  const gasPricePayload = payload as EthereumGasBlocknativePayload | undefined\n  const parsedPayload = getBlocknativeTransformer(gasPricePayload)\n\n  return (\n    <>\n      {isEmpty(gasPricePayload) || !gasPricePayload?.blockPrices?.length\n        ? <PayloadDataMissing alertBody=\"Payload is missing valid gas fee data.\" />\n        : (\n            <FlexCol alignItems=\"start\" rowGap={4} {...props}>\n              <GasPriceWitnessHeaderBox heading={RenderTitle} parsedPayload={parsedPayload} />\n              <Grid\n                container\n                spacing={3}\n                columns={{\n                  lg: 15, md: 15, sm: 12, xs: 12,\n                }}\n              >\n                {parsedPayload\n                  && parsedPayload?.gasPrice?.map(({ price, priorityFee }) => (\n                    <Grid\n                      key={price?.label}\n                      size={{\n                        xs: 12, sm: 6, md: 5, lg: 3,\n                      }}\n                    >\n                      <GasFeeCard\n                        key={price?.label}\n                        gasPrice={price?.value}\n                        speed={price?.label}\n                        priorityFee={priorityFee?.value}\n                        priorityFeeLabel={priorityFee?.label}\n                      />\n                    </Grid>\n                  ))}\n              </Grid>\n              <ToggleRawPayloadBox gasPricePayload={gasPricePayload} alignItems=\"start\" />\n            </FlexCol>\n          )}\n    </>\n  )\n}\n\nBlocknativeGasPriceDetailsBox.displayName = 'BlocknativeGasPriceDetailsBox'\n","import { EthereumGasBlocknativeSchema } from '@xyo-network/blocknative-ethereum-gas-payload-plugin'\nimport type { Payload } from '@xyo-network/payload-model'\nimport { EthereumGasPriceAvatar } from '@xyo-network/react-gas-price'\nimport type { PayloadRenderPlugin } from '@xyo-network/react-payload-plugin'\nimport { createPayloadRenderPlugin } from '@xyo-network/react-payload-plugin'\n\nimport {\n  BlocknativeGasPriceCardContent, BlocknativeGasPriceCardHeader, BlocknativeGasPriceDetailsBox,\n} from './components/index.ts'\n\nexport const EthereumGasPriceBlocknativePlugin: PayloadRenderPlugin = {\n  ...createPayloadRenderPlugin({\n    canRender: (payload?: Payload) => payload?.schema === EthereumGasBlocknativeSchema,\n    components: {\n      avatar: { image: EthereumGasPriceAvatar },\n      box: { detailsBox: BlocknativeGasPriceDetailsBox },\n      card: {\n        content: BlocknativeGasPriceCardContent,\n        header: BlocknativeGasPriceCardHeader,\n      },\n    },\n    name: 'Ethereum Gas Price Blocknative',\n  }),\n}\n"],"mappings":"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","names":["jsx","jsx","jsxs","Grid","GasFeeCard","ToggleRawPayloadBox","PayloadDataMissing","jsx","jsxs","isEmpty","PayloadDataMissing","Grid","GasFeeCard","ToggleRawPayloadBox"]}
+{"version":3,"sources":["../../src/components/Card/Card.tsx","../../src/components/Card/CardContent.tsx","../../src/components/hooks/getBlocknativeTransformer.tsx","../../src/components/Card/CardHeader.tsx","../../src/components/lib/constants.ts","../../src/components/Details/Box/BlocknativeGasPriceDetailsBox.tsx","../../src/Plugin.ts"],"sourcesContent":["import type { CardProps } from '@mui/material'\nimport { Card } from '@mui/material'\nimport type { PayloadRenderProps } from '@xyo-network/react-payload-plugin'\nimport React from 'react'\n\nimport { BlocknativeGasPriceCardContent } from './CardContent.tsx'\nimport { BlocknativeGasPriceCardHeader } from './CardHeader.tsx'\n\nexport const BlocknativeGasPriceCard = ({\n  ref, payload, ...props\n}: PayloadRenderProps & CardProps) => {\n  return (\n    <Card ref={ref} {...props}>\n      <BlocknativeGasPriceCardHeader payload={payload} />\n      <BlocknativeGasPriceCardContent payload={payload} />\n    </Card>\n  )\n}\n\nBlocknativeGasPriceCard.displayName = 'BlocknativeGasPriceCard'\n","import type { CardContentProps } from '@mui/material'\nimport { CardContent, Grid } from '@mui/material'\nimport type { EthereumGasBlocknativePayload } from '@xyo-network/blocknative-ethereum-gas-payload-plugin'\nimport { GasFeeCard, ToggleRawPayloadBox } from '@xyo-network/react-gas-price'\nimport type { PayloadRenderProps } from '@xyo-network/react-payload-plugin'\nimport { PayloadDataMissing } from '@xyo-network/react-shared'\nimport React from 'react'\n\nimport { getBlocknativeTransformer } from '../hooks/index.ts'\n\nconst isEmpty = (obj?: object) => Object.keys(obj ?? {}).length === 0\n\nexport const BlocknativeGasPriceCardContent: React.FC<PayloadRenderProps & CardContentProps> = ({ payload, ...props }) => {\n  const gasPricePayload = payload as EthereumGasBlocknativePayload | undefined\n  const parsedPayload = getBlocknativeTransformer(gasPricePayload)\n\n  if (isEmpty(gasPricePayload) || !gasPricePayload?.blockPrices?.length) {\n    return <PayloadDataMissing alertBody=\"Payload is missing valid gas fee data.\" sx={{ m: 1 }} />\n  }\n\n  return (\n    <CardContent\n      sx={{\n        display: 'flex', flexDirection: 'column', rowGap: 4,\n      }}\n      {...props}\n    >\n      <Grid\n        container\n        spacing={3}\n        columns={{\n          lg: 15, md: 15, sm: 12, xs: 12,\n        }}\n      >\n        {parsedPayload\n          && parsedPayload?.gasPrice?.map(({ price }) => (\n            <Grid\n              key={price?.label}\n              size={{\n                xs: 12, sm: 6, md: 5, lg: 3,\n              }}\n            >\n              <GasFeeCard gasPrice={price?.value} speed={price?.label} speedPaperElevation={4} />\n            </Grid>\n          ))}\n      </Grid>\n      <ToggleRawPayloadBox\n        gasPricePayload={gasPricePayload}\n        sx={{\n          alignItems: 'start',\n          pr: 1,\n        }}\n      />\n    </CardContent>\n  )\n}\n\nBlocknativeGasPriceCardContent.displayName = 'BlocknativeGasPriceCardContent'\n","import type { EthereumGasBlocknativePayload } from '@xyo-network/blocknative-ethereum-gas-payload-plugin'\nimport type { GasPriceWitnessUIBasePayload } from '@xyo-network/react-gas-price'\n\nexport const getBlocknativeTransformer = (payload?: EthereumGasBlocknativePayload): GasPriceWitnessUIBasePayload | undefined => {\n  const blockPrices = payload?.blockPrices?.[0]\n  if (blockPrices && blockPrices.estimatedPrices?.length) {\n    const estimatedPrices = blockPrices?.estimatedPrices\n    const gasPrice = estimatedPrices.map(price => ({\n      price: {\n        label: `Confidence - ${price.confidence}`,\n        value: price.price,\n      },\n      priorityFee: {\n        label: 'maxPriorityFeePerGas',\n        value: price.maxPriorityFeePerGas,\n      },\n    }))\n\n    return {\n      baseFee: {\n        label: 'baseFeePerGas',\n        value: blockPrices.baseFeePerGas,\n      },\n      blockNumber: {\n        label: 'blockNumber',\n        value: blockPrices.blockNumber,\n      },\n      gasPrice,\n      timestamp: payload.timestamp,\n      website: 'https://docs.Blocknative.io/v5/api/providers/provider/#Provider-getFeeData',\n    }\n  }\n}\n","import type { CardHeaderProps } from '@mui/material'\nimport type { EthereumGasBlocknativePayload } from '@xyo-network/blocknative-ethereum-gas-payload-plugin'\nimport { GasPriceWitnessCardHeader } from '@xyo-network/react-gas-price'\nimport type { PayloadRenderProps } from '@xyo-network/react-payload-plugin'\nimport React from 'react'\n\nimport { getBlocknativeTransformer } from '../hooks/index.ts'\nimport { RenderTitle } from '../lib/index.ts'\n\nexport const BlocknativeGasPriceCardHeader: React.FC<PayloadRenderProps & CardHeaderProps> = ({ payload }) => {\n  const gasPricePayload = payload as EthereumGasBlocknativePayload | undefined\n  const parsedPayload = getBlocknativeTransformer(gasPricePayload)\n  return <GasPriceWitnessCardHeader title={RenderTitle} parsedPayload={parsedPayload} />\n}\n\nBlocknativeGasPriceCardHeader.displayName = 'BlocknativeGasPriceCardHeader'\n","export const RenderTitle = 'Blocknative Gas Tracker'\n","import { Grid } from '@mui/material'\nimport type { FlexBoxProps } from '@xylabs/react-flexbox'\nimport { FlexCol } from '@xylabs/react-flexbox'\nimport type { EthereumGasBlocknativePayload } from '@xyo-network/blocknative-ethereum-gas-payload-plugin'\nimport {\n  GasFeeCard, GasPriceWitnessHeaderBox, ToggleRawPayloadBox,\n} from '@xyo-network/react-gas-price'\nimport type { PayloadDetailsListRenderProps } from '@xyo-network/react-payload-plugin'\nimport { PayloadDataMissing } from '@xyo-network/react-shared'\nimport React from 'react'\n\nimport { getBlocknativeTransformer } from '../../hooks/index.ts'\nimport { RenderTitle } from '../../lib/index.ts'\n\nconst isEmpty = (obj?: object) => Object.keys(obj ?? {}).length === 0\n\nexport const BlocknativeGasPriceDetailsBox: React.FC<PayloadDetailsListRenderProps & FlexBoxProps> = ({\n\n  payload, listMode, ...props\n}) => {\n  const gasPricePayload = payload as EthereumGasBlocknativePayload | undefined\n  const parsedPayload = getBlocknativeTransformer(gasPricePayload)\n\n  return (\n    <>\n      {isEmpty(gasPricePayload) || !gasPricePayload?.blockPrices?.length\n        ? <PayloadDataMissing alertBody=\"Payload is missing valid gas fee data.\" />\n        : (\n            <FlexCol\n              {...props}\n              sx={[{\n                alignItems: 'start',\n                rowGap: 4,\n              }, ...(Array.isArray(props.sx) ? props.sx : [props.sx])]}\n            >\n              <GasPriceWitnessHeaderBox heading={RenderTitle} parsedPayload={parsedPayload} />\n              <Grid\n                container\n                spacing={3}\n                columns={{\n                  lg: 15, md: 15, sm: 12, xs: 12,\n                }}\n              >\n                {parsedPayload\n                  && parsedPayload?.gasPrice?.map(({ price, priorityFee }) => (\n                    <Grid\n                      key={price?.label}\n                      size={{\n                        xs: 12, sm: 6, md: 5, lg: 3,\n                      }}\n                    >\n                      <GasFeeCard\n                        key={price?.label}\n                        gasPrice={price?.value}\n                        speed={price?.label}\n                        priorityFee={priorityFee?.value}\n                        priorityFeeLabel={priorityFee?.label}\n                      />\n                    </Grid>\n                  ))}\n              </Grid>\n              <ToggleRawPayloadBox\n                gasPricePayload={gasPricePayload}\n                sx={{ alignItems: 'start' }}\n              />\n            </FlexCol>\n          )}\n    </>\n  )\n}\n\nBlocknativeGasPriceDetailsBox.displayName = 'BlocknativeGasPriceDetailsBox'\n","import { EthereumGasBlocknativeSchema } from '@xyo-network/blocknative-ethereum-gas-payload-plugin'\nimport type { Payload } from '@xyo-network/payload-model'\nimport { EthereumGasPriceAvatar } from '@xyo-network/react-gas-price'\nimport type { PayloadRenderPlugin } from '@xyo-network/react-payload-plugin'\nimport { createPayloadRenderPlugin } from '@xyo-network/react-payload-plugin'\n\nimport {\n  BlocknativeGasPriceCardContent, BlocknativeGasPriceCardHeader, BlocknativeGasPriceDetailsBox,\n} from './components/index.ts'\n\nexport const EthereumGasPriceBlocknativePlugin: PayloadRenderPlugin = {\n  ...createPayloadRenderPlugin({\n    canRender: (payload?: Payload) => payload?.schema === EthereumGasBlocknativeSchema,\n    components: {\n      avatar: { image: EthereumGasPriceAvatar },\n      box: { detailsBox: BlocknativeGasPriceDetailsBox },\n      card: {\n        content: BlocknativeGasPriceCardContent,\n        header: BlocknativeGasPriceCardHeader,\n      },\n    },\n    name: 'Ethereum Gas Price Blocknative',\n  }),\n}\n"],"mappings":"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","names":["jsx","jsx","jsxs","Grid","GasFeeCard","ToggleRawPayloadBox","PayloadDataMissing","jsx","jsxs","isEmpty","PayloadDataMissing","Grid","GasFeeCard","ToggleRawPayloadBox"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xyo-network/react-ethereum-gas-price-blocknative-plugin",
-  "version": "7.6.3",
+  "version": "8.0.0",
   "description": "Common React library for all XYO projects that use React",
   "keywords": [
     "xyo",
@@ -41,19 +41,19 @@
     "README.md"
   ],
   "dependencies": {
-    "@xyo-network/react-gas-price": "~7.6.3",
-    "@xyo-network/react-payload-plugin": "~7.6.3",
-    "@xyo-network/react-shared": "~7.6.3"
+    "@xyo-network/react-gas-price": "~8.0.0",
+    "@xyo-network/react-shared": "~8.0.0",
+    "@xyo-network/react-payload-plugin": "~8.0.0"
   },
   "devDependencies": {
     "@bitauth/libauth": "~3.0.0",
     "@emotion/react": "^11.14.0",
     "@emotion/styled": "^11.14.1",
     "@metamask/providers": "^22.1.1",
-    "@mui/icons-material": "^7.3.11",
-    "@mui/material": "^7.3.11",
-    "@mui/system": "^7.3.11",
-    "@mui/x-tree-view": "~8.27.2",
+    "@mui/icons-material": "~9.0",
+    "@mui/material": "~9.0",
+    "@mui/system": "~9.0",
+    "@mui/x-tree-view": "~9.1",
     "@opentelemetry/api": "^1.9.1",
     "@opentelemetry/sdk-trace-base": "^2.7.1",
     "@react-spring/web": "~10.0.3",
@@ -64,28 +64,28 @@
     "@types/react": "^19.2.14",
     "@xylabs/geo": "^5.1.2",
     "@xylabs/pixel": "~5.1.2",
-    "@xylabs/react-async-effect": "~7.2.4",
-    "@xylabs/react-button": "~7.2.4",
-    "@xylabs/react-flexbox": "~7.2.4",
-    "@xylabs/react-hooks": "~7.2.4",
-    "@xylabs/react-identicon": "~7.2.4",
-    "@xylabs/react-link": "~7.2.4",
-    "@xylabs/react-promise": "~7.2.4",
-    "@xylabs/react-quick-tip-button": "~7.2.4",
-    "@xylabs/react-select": "~7.2.4",
-    "@xylabs/react-shared": "~7.2.4",
-    "@xylabs/react-theme": "~7.2.4",
+    "@xylabs/react-async-effect": "~8.0",
+    "@xylabs/react-button": "~8.0",
+    "@xylabs/react-flexbox": "~8.0",
+    "@xylabs/react-hooks": "~8.0",
+    "@xylabs/react-identicon": "~8.0",
+    "@xylabs/react-link": "~8.0",
+    "@xylabs/react-promise": "~8.0",
+    "@xylabs/react-quick-tip-button": "~8.0",
+    "@xylabs/react-select": "~8.0",
+    "@xylabs/react-shared": "~8.0",
+    "@xylabs/react-theme": "~8.0",
     "@xylabs/sdk-js": "^5.1.2",
     "@xylabs/threads": "~5.1.2",
-    "@xylabs/toolchain": "~7.13.15",
-    "@xylabs/tsconfig": "^7.13.15",
-    "@xylabs/tsconfig-dom": "^7.13.15",
-    "@xylabs/tsconfig-react": "~7.13.15",
+    "@xylabs/toolchain": "~7.13.22",
+    "@xylabs/tsconfig": "^7.13.22",
+    "@xylabs/tsconfig-dom": "^7.13.22",
+    "@xylabs/tsconfig-react": "~7.13.22",
     "@xyo-network/account": "~5.6.2",
     "@xyo-network/account-model": "^5.6.3",
     "@xyo-network/api": "~5.6.2",
     "@xyo-network/api-models": "~5.6.3",
-    "@xyo-network/blocknative-ethereum-gas-payload-plugin": "~5.5.1",
+    "@xyo-network/blocknative-ethereum-gas-payload-plugin": "~5.5.2",
     "@xyo-network/boundwitness-builder": "^5.6.2",
     "@xyo-network/boundwitness-model": "^5.6.3",
     "@xyo-network/boundwitness-validator": "^5.6.2",
@@ -97,7 +97,7 @@
     "@xyo-network/huri": "^5.6.2",
     "@xyo-network/manifest-model": "~5.6.3",
     "@xyo-network/module-model": "^5.6.4",
-    "@xyo-network/node-core-types": "~4.2.1",
+    "@xyo-network/node-core-types": "~4.2.2",
     "@xyo-network/node-memory": "~5.6.4",
     "@xyo-network/node-model": "^5.6.4",
     "@xyo-network/payload-builder": "^5.6.2",
@@ -142,21 +142,21 @@
     "store2": "~2.14.4",
     "storybook": "^10.3.6",
     "typescript": "^5.9.3",
-    "vite": "^8.0.10",
+    "vite": "^8.0.11",
     "wasm-feature-detect": "~1.8.0",
     "webextension-polyfill": "^0.12.0",
     "zod": "^4.4.3",
-    "@xyo-network/react-storybook": "~7.6.3"
+    "@xyo-network/react-storybook": "~8.0.0"
   },
   "peerDependencies": {
     "@bitauth/libauth": "~3.0",
     "@emotion/react": "^11.14",
     "@emotion/styled": "^11.14",
     "@metamask/providers": "^22.1",
-    "@mui/icons-material": "^7.3",
-    "@mui/material": "^7.3",
-    "@mui/system": "^7.3",
-    "@mui/x-tree-view": "~8.27",
+    "@mui/icons-material": "~9.0",
+    "@mui/material": "~9.0",
+    "@mui/system": "~9.0",
+    "@mui/x-tree-view": "~9.1",
     "@opentelemetry/api": "^1.9",
     "@opentelemetry/sdk-trace-base": "^2.7",
     "@react-spring/web": "~10.0",
@@ -165,17 +165,17 @@
     "@textea/json-viewer": "~4.0",
     "@xylabs/geo": "^5.1",
     "@xylabs/pixel": "~5.1",
-    "@xylabs/react-async-effect": "~7.2",
-    "@xylabs/react-button": "~7.2",
-    "@xylabs/react-flexbox": "~7.2",
-    "@xylabs/react-hooks": "~7.2",
-    "@xylabs/react-identicon": "~7.2",
-    "@xylabs/react-link": "~7.2",
-    "@xylabs/react-promise": "~7.2",
-    "@xylabs/react-quick-tip-button": "~7.2",
-    "@xylabs/react-select": "~7.2",
-    "@xylabs/react-shared": "~7.2",
-    "@xylabs/react-theme": "~7.2",
+    "@xylabs/react-async-effect": "~8.0",
+    "@xylabs/react-button": "~8.0",
+    "@xylabs/react-flexbox": "~8.0",
+    "@xylabs/react-hooks": "~8.0",
+    "@xylabs/react-identicon": "~8.0",
+    "@xylabs/react-link": "~8.0",
+    "@xylabs/react-promise": "~8.0",
+    "@xylabs/react-quick-tip-button": "~8.0",
+    "@xylabs/react-select": "~8.0",
+    "@xylabs/react-shared": "~8.0",
+    "@xylabs/react-theme": "~8.0",
     "@xylabs/sdk-js": "^5.1",
     "@xylabs/threads": "~5.1",
     "@xyo-network/account": "~5.6",