@xyo-network/react-ethereum-gas-price-blocknative-plugin 4.4.11 → 5.0.0-rc.1

package/dist/browser/index.mjs

@@ -3,13 +3,13 @@ var __name = (target, value) => __defProp(target, "name", { value, configurable:
 
 // src/components/Card/Card.tsx
 import { Card } from "@mui/material";
-import React3, { forwardRef as forwardRef3 } from "react";
+import React3 from "react";
 
 // src/components/Card/CardContent.tsx
 import { CardContent, Grid } from "@mui/material";
 import { GasFeeCard, ToggleRawPayloadBox } from "@xyo-network/react-gas-price";
 import { PayloadDataMissing } from "@xyo-network/react-shared";
-import React, { forwardRef } from "react";
+import React from "react";
 
 // src/components/hooks/getBlocknativeTransformer.tsx
 var getBlocknativeTransformer = /* @__PURE__ */ __name((payload) => {
@@ -44,7 +44,7 @@ var getBlocknativeTransformer = /* @__PURE__ */ __name((payload) => {
 
 // src/components/Card/CardContent.tsx
 var isEmpty = /* @__PURE__ */ __name((obj) => Object.keys(obj ?? {}).length === 0, "isEmpty");
-var BlocknativeGasPriceCardContent = /* @__PURE__ */ forwardRef(({ payload, ...props }, ref) => {
+var BlocknativeGasPriceCardContent = /* @__PURE__ */ __name(({ ref, payload, ...props }) => {
   const gasPricePayload = payload ? payload : void 0;
   const parsedPayload = getBlocknativeTransformer(gasPricePayload);
   if (isEmpty(gasPricePayload) || !gasPricePayload?.blockPrices?.length) {
@@ -88,18 +88,18 @@ var BlocknativeGasPriceCardContent = /* @__PURE__ */ forwardRef(({ payload, ...p
     alignItems: "start",
     pr: 1
   }));
-});
+}, "BlocknativeGasPriceCardContent");
 BlocknativeGasPriceCardContent.displayName = "BlocknativeGasPriceCardContent";
 
 // src/components/Card/CardHeader.tsx
 import { GasPriceWitnessCardHeader } from "@xyo-network/react-gas-price";
-import React2, { forwardRef as forwardRef2 } from "react";
+import React2 from "react";
 
 // src/components/lib/constants.ts
 var RenderTitle = "Blocknative Gas Tracker";
 
 // src/components/Card/CardHeader.tsx
-var BlocknativeGasPriceCardHeader = /* @__PURE__ */ forwardRef2(({ payload }, ref) => {
+var BlocknativeGasPriceCardHeader = /* @__PURE__ */ __name(({ ref, payload }) => {
   const gasPricePayload = payload ? payload : void 0;
   const parsedPayload = getBlocknativeTransformer(gasPricePayload);
   return /* @__PURE__ */ React2.createElement(GasPriceWitnessCardHeader, {
@@ -107,11 +107,11 @@ var BlocknativeGasPriceCardHeader = /* @__PURE__ */ forwardRef2(({ payload }, re
     parsedPayload,
     ref
   });
-});
+}, "BlocknativeGasPriceCardHeader");
 BlocknativeGasPriceCardHeader.displayName = "BlocknativeGasPriceCardHeader";
 
 // src/components/Card/Card.tsx
-var BlocknativeGasPriceCard = /* @__PURE__ */ forwardRef3(({ payload, ...props }, ref) => {
+var BlocknativeGasPriceCard = /* @__PURE__ */ __name(({ ref, payload, ...props }) => {
   return /* @__PURE__ */ React3.createElement(Card, {
     ref,
     ...props
@@ -120,7 +120,7 @@ var BlocknativeGasPriceCard = /* @__PURE__ */ forwardRef3(({ payload, ...props }
   }), /* @__PURE__ */ React3.createElement(BlocknativeGasPriceCardContent, {
     payload
   }));
-});
+}, "BlocknativeGasPriceCard");
 BlocknativeGasPriceCard.displayName = "BlocknativeGasPriceCard";
 
 // src/components/Details/Box/BlocknativeGasPriceDetailsBox.tsx
@@ -128,14 +128,15 @@ import { Grid as Grid2 } from "@mui/material";
 import { FlexCol } from "@xylabs/react-flexbox";
 import { GasFeeCard as GasFeeCard2, GasPriceWitnessHeaderBox, ToggleRawPayloadBox as ToggleRawPayloadBox2 } from "@xyo-network/react-gas-price";
 import { PayloadDataMissing as PayloadDataMissing2 } from "@xyo-network/react-shared";
-import React4, { forwardRef as forwardRef4 } from "react";
+import React4 from "react";
 var isEmpty2 = /* @__PURE__ */ __name((obj) => Object.keys(obj ?? {}).length === 0, "isEmpty");
-var BlocknativeGasPriceDetailsBox = /* @__PURE__ */ forwardRef4(({
+var BlocknativeGasPriceDetailsBox = /* @__PURE__ */ __name(({
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
+  ref,
   payload,
   listMode,
   ...props
-}, ref) => {
+}) => {
   const gasPricePayload = payload ? payload : void 0;
   const parsedPayload = getBlocknativeTransformer(gasPricePayload);
   return /* @__PURE__ */ React4.createElement(React4.Fragment, null, isEmpty2(gasPricePayload) || !gasPricePayload?.blockPrices?.length ? /* @__PURE__ */ React4.createElement(PayloadDataMissing2, {
@@ -174,7 +175,7 @@ var BlocknativeGasPriceDetailsBox = /* @__PURE__ */ forwardRef4(({
     gasPricePayload,
     alignItems: "start"
   })));
-});
+}, "BlocknativeGasPriceDetailsBox");
 BlocknativeGasPriceDetailsBox.displayName = "BlocknativeGasPriceDetailsBox";
 
 // src/Plugin.ts

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, { forwardRef } from 'react'\n\nimport { BlocknativeGasPriceCardContent } from './CardContent.tsx'\nimport { BlocknativeGasPriceCardHeader } from './CardHeader.tsx'\n\nexport const BlocknativeGasPriceCard = forwardRef<HTMLDivElement, PayloadRenderProps & CardProps>(({ payload, ...props }, ref) => {\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, { forwardRef } from 'react'\n\nimport { getBlocknativeTransformer } from '../hooks/index.ts'\n\nconst isEmpty = (obj?: object) => Object.keys(obj ?? {}).length === 0\n\nexport const BlocknativeGasPriceCardContent = forwardRef<HTMLDivElement, Omit<PayloadRenderProps & CardContentProps, 'ref'>>(\n  ({ payload, ...props }, ref) => {\n    const gasPricePayload = payload ? (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        ref={ref}\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 key={price?.label} item xs={12} sm={6} md={5} lg={3}>\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)\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, { forwardRef } from 'react'\n\nimport { getBlocknativeTransformer } from '../hooks/index.ts'\nimport { RenderTitle } from '../lib/index.ts'\n\nexport const BlocknativeGasPriceCardHeader = forwardRef<HTMLDivElement, PayloadRenderProps & CardHeaderProps>(({ payload }, ref) => {\n  const gasPricePayload = payload ? (payload as EthereumGasBlocknativePayload) : undefined\n  const parsedPayload = getBlocknativeTransformer(gasPricePayload)\n  return <GasPriceWitnessCardHeader title={RenderTitle} parsedPayload={parsedPayload} ref={ref} />\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, { forwardRef } 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 = forwardRef<HTMLDivElement, PayloadDetailsListRenderProps & FlexBoxProps>(\n\n  ({\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    payload, listMode, ...props\n  }, ref) => {\n    const gasPricePayload: EthereumGasBlocknativePayload | undefined = payload ? (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} ref={ref}>\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 key={price?.label} item xs={12} sm={6} md={5} lg={3}>\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)\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":["Card","React","forwardRef","CardContent","Grid","GasFeeCard","ToggleRawPayloadBox","PayloadDataMissing","React","forwardRef","getBlocknativeTransformer","payload","blockPrices","estimatedPrices","length","gasPrice","map","price","label","confidence","value","priorityFee","maxPriorityFeePerGas","baseFee","baseFeePerGas","blockNumber","timestamp","website","isEmpty","obj","Object","keys","length","BlocknativeGasPriceCardContent","forwardRef","payload","props","ref","gasPricePayload","undefined","parsedPayload","getBlocknativeTransformer","blockPrices","PayloadDataMissing","alertBody","sx","m","CardContent","display","flexDirection","rowGap","Grid","container","spacing","columns","lg","md","sm","xs","gasPrice","map","price","key","label","item","GasFeeCard","value","speed","speedPaperElevation","ToggleRawPayloadBox","alignItems","pr","displayName","GasPriceWitnessCardHeader","React","forwardRef","RenderTitle","BlocknativeGasPriceCardHeader","forwardRef","payload","ref","gasPricePayload","undefined","parsedPayload","getBlocknativeTransformer","React","GasPriceWitnessCardHeader","title","RenderTitle","displayName","BlocknativeGasPriceCard","forwardRef","payload","props","ref","React","Card","BlocknativeGasPriceCardHeader","BlocknativeGasPriceCardContent","displayName","Grid","FlexCol","GasFeeCard","GasPriceWitnessHeaderBox","ToggleRawPayloadBox","PayloadDataMissing","React","forwardRef","isEmpty","obj","Object","keys","length","BlocknativeGasPriceDetailsBox","forwardRef","payload","listMode","props","ref","gasPricePayload","undefined","parsedPayload","getBlocknativeTransformer","React","blockPrices","PayloadDataMissing","alertBody","FlexCol","alignItems","rowGap","GasPriceWitnessHeaderBox","heading","RenderTitle","Grid","container","spacing","columns","lg","md","sm","xs","gasPrice","map","price","priorityFee","key","label","item","GasFeeCard","value","speed","priorityFeeLabel","ToggleRawPayloadBox","displayName","EthereumGasBlocknativeSchema","EthereumGasPriceAvatar","createPayloadRenderPlugin","EthereumGasPriceBlocknativePlugin","createPayloadRenderPlugin","canRender","payload","schema","EthereumGasBlocknativeSchema","components","avatar","image","EthereumGasPriceAvatar","box","detailsBox","BlocknativeGasPriceDetailsBox","card","content","BlocknativeGasPriceCardContent","header","BlocknativeGasPriceCardHeader","name"]}
+{"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 & { ref?: React.RefObject<HTMLDivElement | null> }) => {\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 = ({\n  ref, payload, ...props\n}: Omit<PayloadRenderProps & CardContentProps, 'ref'> & { ref?: React.RefObject<HTMLDivElement | null> }) => {\n  const gasPricePayload = payload ? (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      ref={ref}\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 key={price?.label} item xs={12} sm={6} md={5} lg={3}>\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 = ({ ref, payload }: PayloadRenderProps & CardHeaderProps & { ref?: React.RefObject<HTMLDivElement | null> }) => {\n  const gasPricePayload = payload ? (payload as EthereumGasBlocknativePayload) : undefined\n  const parsedPayload = getBlocknativeTransformer(gasPricePayload)\n  return <GasPriceWitnessCardHeader title={RenderTitle} parsedPayload={parsedPayload} ref={ref} />\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 = ({\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  ref, payload, listMode, ...props\n}: PayloadDetailsListRenderProps & FlexBoxProps & { ref?: React.RefObject<HTMLDivElement | null> }) => {\n  const gasPricePayload: EthereumGasBlocknativePayload | undefined = payload ? (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} ref={ref}>\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 key={price?.label} item xs={12} sm={6} md={5} lg={3}>\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":["Card","React","CardContent","Grid","GasFeeCard","ToggleRawPayloadBox","PayloadDataMissing","React","getBlocknativeTransformer","payload","blockPrices","estimatedPrices","length","gasPrice","map","price","label","confidence","value","priorityFee","maxPriorityFeePerGas","baseFee","baseFeePerGas","blockNumber","timestamp","website","isEmpty","obj","Object","keys","length","BlocknativeGasPriceCardContent","ref","payload","props","gasPricePayload","undefined","parsedPayload","getBlocknativeTransformer","blockPrices","PayloadDataMissing","alertBody","sx","m","CardContent","display","flexDirection","rowGap","Grid","container","spacing","columns","lg","md","sm","xs","gasPrice","map","price","key","label","item","GasFeeCard","value","speed","speedPaperElevation","ToggleRawPayloadBox","alignItems","pr","displayName","GasPriceWitnessCardHeader","React","RenderTitle","BlocknativeGasPriceCardHeader","ref","payload","gasPricePayload","undefined","parsedPayload","getBlocknativeTransformer","React","GasPriceWitnessCardHeader","title","RenderTitle","displayName","BlocknativeGasPriceCard","ref","payload","props","React","Card","BlocknativeGasPriceCardHeader","BlocknativeGasPriceCardContent","displayName","Grid","FlexCol","GasFeeCard","GasPriceWitnessHeaderBox","ToggleRawPayloadBox","PayloadDataMissing","React","isEmpty","obj","Object","keys","length","BlocknativeGasPriceDetailsBox","ref","payload","listMode","props","gasPricePayload","undefined","parsedPayload","getBlocknativeTransformer","React","blockPrices","PayloadDataMissing","alertBody","FlexCol","alignItems","rowGap","GasPriceWitnessHeaderBox","heading","RenderTitle","Grid","container","spacing","columns","lg","md","sm","xs","gasPrice","map","price","priorityFee","key","label","item","GasFeeCard","value","speed","priorityFeeLabel","ToggleRawPayloadBox","displayName","EthereumGasBlocknativeSchema","EthereumGasPriceAvatar","createPayloadRenderPlugin","EthereumGasPriceBlocknativePlugin","createPayloadRenderPlugin","canRender","payload","schema","EthereumGasBlocknativeSchema","components","avatar","image","EthereumGasPriceAvatar","box","detailsBox","BlocknativeGasPriceDetailsBox","card","content","BlocknativeGasPriceCardContent","header","BlocknativeGasPriceCardHeader","name"]}

package/dist/types/components/Card/Card.d.ts

@@ -0,0 +1,10 @@
+import type { CardProps } from '@mui/material';
+import type { PayloadRenderProps } from '@xyo-network/react-payload-plugin';
+import React from 'react';
+export declare const BlocknativeGasPriceCard: {
+    ({ ref, payload, ...props }: PayloadRenderProps & CardProps & {
+        ref?: React.RefObject<HTMLDivElement | null>;
+    }): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+//# sourceMappingURL=Card.d.ts.map

package/dist/types/components/Card/Card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../../src/components/Card/Card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AAE9C,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,mCAAmC,CAAA;AAC3E,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,eAAO,MAAM,uBAAuB;iCAEjC,kBAAkB,GAAG,SAAS,GAAG;QAAE,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAA;KAAE;;CAOnF,CAAA"}

package/dist/types/components/Card/CardContent.d.ts

@@ -0,0 +1,10 @@
+import type { CardContentProps } from '@mui/material';
+import type { PayloadRenderProps } from '@xyo-network/react-payload-plugin';
+import React from 'react';
+export declare const BlocknativeGasPriceCardContent: {
+    ({ ref, payload, ...props }: Omit<PayloadRenderProps & CardContentProps, "ref"> & {
+        ref?: React.RefObject<HTMLDivElement | null>;
+    }): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+//# sourceMappingURL=CardContent.d.ts.map

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

@@ -0,0 +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;iCAExC,IAAI,CAAC,kBAAkB,GAAG,gBAAgB,EAAE,KAAK,CAAC,GAAG;QAAE,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAA;KAAE;;CAiCvG,CAAA"}

package/dist/types/components/Card/CardHeader.d.ts

@@ -0,0 +1,10 @@
+import type { CardHeaderProps } from '@mui/material';
+import type { PayloadRenderProps } from '@xyo-network/react-payload-plugin';
+import React from 'react';
+export declare const BlocknativeGasPriceCardHeader: {
+    ({ ref, payload }: PayloadRenderProps & CardHeaderProps & {
+        ref?: React.RefObject<HTMLDivElement | null>;
+    }): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+//# sourceMappingURL=CardHeader.d.ts.map

package/dist/types/components/Card/CardHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardHeader.d.ts","sourceRoot":"","sources":["../../../../src/components/Card/CardHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AAGpD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,mCAAmC,CAAA;AAC3E,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,eAAO,MAAM,6BAA6B;uBAAsB,kBAAkB,GAAG,eAAe,GAAG;QAAE,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAA;KAAE;;CAItJ,CAAA"}

package/dist/types/components/Details/Box/BlocknativeGasPriceDetailsBox.d.ts

@@ -0,0 +1,10 @@
+import type { FlexBoxProps } from '@xylabs/react-flexbox';
+import type { PayloadDetailsListRenderProps } from '@xyo-network/react-payload-plugin';
+import React from 'react';
+export declare const BlocknativeGasPriceDetailsBox: {
+    ({ ref, payload, listMode, ...props }: PayloadDetailsListRenderProps & FlexBoxProps & {
+        ref?: React.RefObject<HTMLDivElement | null>;
+    }): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+//# sourceMappingURL=BlocknativeGasPriceDetailsBox.d.ts.map

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

@@ -0,0 +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;2CAGvC,6BAA6B,GAAG,YAAY,GAAG;QAAE,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAA;KAAE;;CAoCjG,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xyo-network/react-ethereum-gas-price-blocknative-plugin",
-  "version": "4.4.11",
+  "version": "5.0.0-rc.1",
   "description": "Common React library for all XYO projects that use React",
   "keywords": [
     "xyo",
@@ -28,10 +28,10 @@
   "exports": {
     ".": {
       "browser": {
-        "types": "./dist/browser/index.d.ts",
+        "types": "./dist/types/index.d.ts",
         "default": "./dist/browser/index.mjs"
       },
-      "types": "./dist/browser/index.d.ts",
+      "types": "./dist/types/index.d.ts",
       "default": "./dist/browser/index.mjs"
     },
     "./package.json": "./package.json"
@@ -43,26 +43,27 @@
     "lint-pkg": "npmPkgJsonLint ."
   },
   "dependencies": {
-    "@xylabs/react-flexbox": "^5.3.25",
+    "@xylabs/react-flexbox": "^6.0.0-rc.2",
     "@xyo-network/blocknative-ethereum-gas-payload-plugin": "^3.4.3",
-    "@xyo-network/payload-model": "^3.9.25",
-    "@xyo-network/react-gas-price": "^4.4.11",
-    "@xyo-network/react-payload-plugin": "^4.4.11",
-    "@xyo-network/react-shared": "^4.4.11"
+    "@xyo-network/payload-model": "^3.9.35",
+    "@xyo-network/react-gas-price": "^5.0.0-rc.1",
+    "@xyo-network/react-payload-plugin": "^5.0.0-rc.1",
+    "@xyo-network/react-shared": "^5.0.0-rc.1"
   },
   "devDependencies": {
     "@emotion/react": "^11.14.0",
     "@emotion/styled": "^11.14.0",
-    "@mui/icons-material": "^6.4.6",
-    "@mui/material": "^6.4.6",
-    "@mui/styles": "^6.4.6",
-    "@storybook/react": "^8.6.3",
-    "@xylabs/ts-scripts-yarn3": "^5.0.39",
-    "@xylabs/tsconfig-react": "^5.0.39",
-    "@xyo-network/react-storybook": "^4.4.11",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1",
-    "storybook": "^8.6.3",
+    "@mui/icons-material": "^6.4.7",
+    "@mui/material": "^6.4.7",
+    "@mui/styles": "^6.4.7",
+    "@storybook/react": "^8.6.4",
+    "@types/react": "^19.0.10",
+    "@xylabs/ts-scripts-yarn3": "^6.0.3",
+    "@xylabs/tsconfig-react": "^6.0.3",
+    "@xyo-network/react-storybook": "^5.0.0-rc.1",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "storybook": "^8.6.4",
     "typescript": "^5.8.2"
   },
   "peerDependencies": {
@@ -71,11 +72,12 @@
     "@mui/icons-material": "^6",
     "@mui/material": "^6",
     "@mui/styles": "^6",
-    "react": "^18",
-    "react-dom": "^18"
+    "react": "^19",
+    "react-dom": "^19"
   },
   "publishConfig": {
     "access": "public"
   },
-  "docs": "dist/docs.json"
+  "docs": "dist/docs.json",
+  "stableVersion": "4.4.11"
 }

package/src/components/Card/Card.tsx

@@ -1,18 +1,20 @@
 import type { CardProps } from '@mui/material'
 import { Card } from '@mui/material'
 import type { PayloadRenderProps } from '@xyo-network/react-payload-plugin'
-import React, { forwardRef } from 'react'
+import React from 'react'
 
 import { BlocknativeGasPriceCardContent } from './CardContent.tsx'
 import { BlocknativeGasPriceCardHeader } from './CardHeader.tsx'
 
-export const BlocknativeGasPriceCard = forwardRef<HTMLDivElement, PayloadRenderProps & CardProps>(({ payload, ...props }, ref) => {
+export const BlocknativeGasPriceCard = ({
+  ref, payload, ...props
+}: PayloadRenderProps & CardProps & { ref?: React.RefObject<HTMLDivElement | null> }) => {
   return (
     <Card ref={ref} {...props}>
       <BlocknativeGasPriceCardHeader payload={payload} />
       <BlocknativeGasPriceCardContent payload={payload} />
     </Card>
   )
-})
+}
 
 BlocknativeGasPriceCard.displayName = 'BlocknativeGasPriceCard'

package/src/components/Card/CardContent.tsx

@@ -4,47 +4,47 @@ import type { EthereumGasBlocknativePayload } from '@xyo-network/blocknative-eth
 import { GasFeeCard, ToggleRawPayloadBox } from '@xyo-network/react-gas-price'
 import type { PayloadRenderProps } from '@xyo-network/react-payload-plugin'
 import { PayloadDataMissing } from '@xyo-network/react-shared'
-import React, { forwardRef } from 'react'
+import React from 'react'
 
 import { getBlocknativeTransformer } from '../hooks/index.ts'
 
 const isEmpty = (obj?: object) => Object.keys(obj ?? {}).length === 0
 
-export const BlocknativeGasPriceCardContent = forwardRef<HTMLDivElement, Omit<PayloadRenderProps & CardContentProps, 'ref'>>(
-  ({ payload, ...props }, ref) => {
-    const gasPricePayload = payload ? (payload as EthereumGasBlocknativePayload) : undefined
-    const parsedPayload = getBlocknativeTransformer(gasPricePayload)
+export const BlocknativeGasPriceCardContent = ({
+  ref, payload, ...props
+}: Omit<PayloadRenderProps & CardContentProps, 'ref'> & { ref?: React.RefObject<HTMLDivElement | null> }) => {
+  const gasPricePayload = payload ? (payload as EthereumGasBlocknativePayload) : undefined
+  const parsedPayload = getBlocknativeTransformer(gasPricePayload)
 
-    if (isEmpty(gasPricePayload) || !gasPricePayload?.blockPrices?.length) {
-      return <PayloadDataMissing alertBody="Payload is missing valid gas fee data." sx={{ m: 1 }} />
-    }
+  if (isEmpty(gasPricePayload) || !gasPricePayload?.blockPrices?.length) {
+    return <PayloadDataMissing alertBody="Payload is missing valid gas fee data." sx={{ m: 1 }} />
+  }
 
-    return (
-      <CardContent
-        ref={ref}
-        sx={{
-          display: 'flex', flexDirection: 'column', rowGap: 4,
+  return (
+    <CardContent
+      ref={ref}
+      sx={{
+        display: 'flex', flexDirection: 'column', rowGap: 4,
+      }}
+      {...props}
+    >
+      <Grid
+        container
+        spacing={3}
+        columns={{
+          lg: 15, md: 15, sm: 12, xs: 12,
         }}
-        {...props}
       >
-        <Grid
-          container
-          spacing={3}
-          columns={{
-            lg: 15, md: 15, sm: 12, xs: 12,
-          }}
-        >
-          {parsedPayload
-            && parsedPayload?.gasPrice?.map(({ price }) => (
-              <Grid key={price?.label} item xs={12} sm={6} md={5} lg={3}>
-                <GasFeeCard gasPrice={price?.value} speed={price?.label} speedPaperElevation={4} />
-              </Grid>
-            ))}
-        </Grid>
-        <ToggleRawPayloadBox gasPricePayload={gasPricePayload} alignItems="start" pr={1} />
-      </CardContent>
-    )
-  },
-)
+        {parsedPayload
+          && parsedPayload?.gasPrice?.map(({ price }) => (
+            <Grid key={price?.label} item xs={12} sm={6} md={5} lg={3}>
+              <GasFeeCard gasPrice={price?.value} speed={price?.label} speedPaperElevation={4} />
+            </Grid>
+          ))}
+      </Grid>
+      <ToggleRawPayloadBox gasPricePayload={gasPricePayload} alignItems="start" pr={1} />
+    </CardContent>
+  )
+}
 
 BlocknativeGasPriceCardContent.displayName = 'BlocknativeGasPriceCardContent'

package/src/components/Card/CardHeader.tsx

@@ -2,15 +2,15 @@ import type { CardHeaderProps } from '@mui/material'
 import type { EthereumGasBlocknativePayload } from '@xyo-network/blocknative-ethereum-gas-payload-plugin'
 import { GasPriceWitnessCardHeader } from '@xyo-network/react-gas-price'
 import type { PayloadRenderProps } from '@xyo-network/react-payload-plugin'
-import React, { forwardRef } from 'react'
+import React from 'react'
 
 import { getBlocknativeTransformer } from '../hooks/index.ts'
 import { RenderTitle } from '../lib/index.ts'
 
-export const BlocknativeGasPriceCardHeader = forwardRef<HTMLDivElement, PayloadRenderProps & CardHeaderProps>(({ payload }, ref) => {
+export const BlocknativeGasPriceCardHeader = ({ ref, payload }: PayloadRenderProps & CardHeaderProps & { ref?: React.RefObject<HTMLDivElement | null> }) => {
   const gasPricePayload = payload ? (payload as EthereumGasBlocknativePayload) : undefined
   const parsedPayload = getBlocknativeTransformer(gasPricePayload)
   return <GasPriceWitnessCardHeader title={RenderTitle} parsedPayload={parsedPayload} ref={ref} />
-})
+}
 
 BlocknativeGasPriceCardHeader.displayName = 'BlocknativeGasPriceCardHeader'

package/src/components/Details/Box/BlocknativeGasPriceDetailsBox.tsx

@@ -7,55 +7,52 @@ import {
 } from '@xyo-network/react-gas-price'
 import type { PayloadDetailsListRenderProps } from '@xyo-network/react-payload-plugin'
 import { PayloadDataMissing } from '@xyo-network/react-shared'
-import React, { forwardRef } from 'react'
+import React from 'react'
 
 import { getBlocknativeTransformer } from '../../hooks/index.ts'
 import { RenderTitle } from '../../lib/index.ts'
 
 const isEmpty = (obj?: object) => Object.keys(obj ?? {}).length === 0
 
-export const BlocknativeGasPriceDetailsBox = forwardRef<HTMLDivElement, PayloadDetailsListRenderProps & FlexBoxProps>(
+export const BlocknativeGasPriceDetailsBox = ({
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
+  ref, payload, listMode, ...props
+}: PayloadDetailsListRenderProps & FlexBoxProps & { ref?: React.RefObject<HTMLDivElement | null> }) => {
+  const gasPricePayload: EthereumGasBlocknativePayload | undefined = payload ? (payload as EthereumGasBlocknativePayload) : undefined
+  const parsedPayload = getBlocknativeTransformer(gasPricePayload)
 
-  ({
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars
-    payload, listMode, ...props
-  }, ref) => {
-    const gasPricePayload: EthereumGasBlocknativePayload | undefined = payload ? (payload as EthereumGasBlocknativePayload) : undefined
-    const parsedPayload = getBlocknativeTransformer(gasPricePayload)
-
-    return (
-      <>
-        {isEmpty(gasPricePayload) || !gasPricePayload?.blockPrices?.length
-          ? <PayloadDataMissing alertBody="Payload is missing valid gas fee data." />
-          : (
-              <FlexCol alignItems="start" rowGap={4} {...props} ref={ref}>
-                <GasPriceWitnessHeaderBox heading={RenderTitle} parsedPayload={parsedPayload} />
-                <Grid
-                  container
-                  spacing={3}
-                  columns={{
-                    lg: 15, md: 15, sm: 12, xs: 12,
-                  }}
-                >
-                  {parsedPayload
-                    && parsedPayload?.gasPrice?.map(({ price, priorityFee }) => (
-                      <Grid key={price?.label} item xs={12} sm={6} md={5} lg={3}>
-                        <GasFeeCard
-                          key={price?.label}
-                          gasPrice={price?.value}
-                          speed={price?.label}
-                          priorityFee={priorityFee?.value}
-                          priorityFeeLabel={priorityFee?.label}
-                        />
-                      </Grid>
-                    ))}
-                </Grid>
-                <ToggleRawPayloadBox gasPricePayload={gasPricePayload} alignItems="start" />
-              </FlexCol>
-            )}
-      </>
-    )
-  },
-)
+  return (
+    <>
+      {isEmpty(gasPricePayload) || !gasPricePayload?.blockPrices?.length
+        ? <PayloadDataMissing alertBody="Payload is missing valid gas fee data." />
+        : (
+            <FlexCol alignItems="start" rowGap={4} {...props} ref={ref}>
+              <GasPriceWitnessHeaderBox heading={RenderTitle} parsedPayload={parsedPayload} />
+              <Grid
+                container
+                spacing={3}
+                columns={{
+                  lg: 15, md: 15, sm: 12, xs: 12,
+                }}
+              >
+                {parsedPayload
+                  && parsedPayload?.gasPrice?.map(({ price, priorityFee }) => (
+                    <Grid key={price?.label} item xs={12} sm={6} md={5} lg={3}>
+                      <GasFeeCard
+                        key={price?.label}
+                        gasPrice={price?.value}
+                        speed={price?.label}
+                        priorityFee={priorityFee?.value}
+                        priorityFeeLabel={priorityFee?.label}
+                      />
+                    </Grid>
+                  ))}
+              </Grid>
+              <ToggleRawPayloadBox gasPricePayload={gasPricePayload} alignItems="start" />
+            </FlexCol>
+          )}
+    </>
+  )
+}
 
 BlocknativeGasPriceDetailsBox.displayName = 'BlocknativeGasPriceDetailsBox'

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

@@ -1,8 +0,0 @@
-import type { PayloadRenderProps } from '@xyo-network/react-payload-plugin';
-import React from 'react';
-export declare const BlocknativeGasPriceCard: React.ForwardRefExoticComponent<Omit<PayloadRenderProps<import("@xyo-network/payload-model").Payload> & import("@mui/material").CardOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void | React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | React.RefObject<HTMLDivElement> | null | undefined;
-}, "className" | "style" | "classes" | "children" | "sx" | "elevation" | "square" | "variant" | "raised"> & {
-    component?: React.ElementType;
-}, "ref"> & React.RefAttributes<HTMLDivElement>>;
-//# sourceMappingURL=Card.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../../src/components/Card/Card.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,mCAAmC,CAAA;AAC3E,OAAO,KAAqB,MAAM,OAAO,CAAA;AAKzC,eAAO,MAAM,uBAAuB;;;gBAUuvB,MAAO,WAAW;gDAH3yB,CAAA"}

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

@@ -1,8 +0,0 @@
-import type { PayloadRenderProps } from '@xyo-network/react-payload-plugin';
-import React from 'react';
-export declare const BlocknativeGasPriceCardContent: React.ForwardRefExoticComponent<Omit<PayloadRenderProps<import("@xyo-network/payload-model").Payload> & import("@mui/material").CardContentOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void | React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | React.RefObject<HTMLDivElement> | null | undefined;
-}, "className" | "style" | "classes" | "children" | "sx"> & {
-    component?: React.ElementType;
-}, "ref"> & React.RefAttributes<HTMLDivElement>>;
-//# sourceMappingURL=CardContent.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"CardContent.d.ts","sourceRoot":"","sources":["../../../../src/components/Card/CardContent.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,mCAAmC,CAAA;AAE3E,OAAO,KAAqB,MAAM,OAAO,CAAA;AAMzC,eAAO,MAAM,8BAA8B;;;gBAgBrC,MAAA,WACG;gDAkBR,CAAA"}

package/dist/browser/components/Card/CardHeader.d.ts

@@ -1,6 +0,0 @@
-import type { PayloadRenderProps } from '@xyo-network/react-payload-plugin';
-import React from 'react';
-export declare const BlocknativeGasPriceCardHeader: React.ForwardRefExoticComponent<Omit<PayloadRenderProps<import("@xyo-network/payload-model").Payload> & import("@mui/material").CardHeaderOwnProps<"span", "span"> & import("@mui/material").CardHeaderSlotsAndSlotProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void | React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | React.RefObject<HTMLDivElement> | null | undefined;
-}, "className" | "style" | "classes" | "sx" | "title" | "action" | "avatar" | "disableTypography" | "subheader" | "subheaderTypographyProps" | "titleTypographyProps" | "slots" | "slotProps">, "ref"> & React.RefAttributes<HTMLDivElement>>;
-//# sourceMappingURL=CardHeader.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"CardHeader.d.ts","sourceRoot":"","sources":["../../../../src/components/Card/CardHeader.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,mCAAmC,CAAA;AAC3E,OAAO,KAAqB,MAAM,OAAO,CAAA;AAKzC,eAAO,MAAM,6BAA6B;;6OAIxC,CAAA"}

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

@@ -1,4 +0,0 @@
-import type { PayloadDetailsListRenderProps } from '@xyo-network/react-payload-plugin';
-import React from 'react';
-export declare const BlocknativeGasPriceDetailsBox: React.ForwardRefExoticComponent<PayloadDetailsListRenderProps & import("@xylabs/react-flexbox").BusyBoxProps & React.RefAttributes<HTMLDivElement>>;
-//# sourceMappingURL=BlocknativeGasPriceDetailsBox.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"BlocknativeGasPriceDetailsBox.d.ts","sourceRoot":"","sources":["../../../../../src/components/Details/Box/BlocknativeGasPriceDetailsBox.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,6BAA6B,EAAE,MAAM,mCAAmC,CAAA;AAEtF,OAAO,KAAqB,MAAM,OAAO,CAAA;AAOzC,eAAO,MAAM,6BAA6B,qJA0CzC,CAAA"}