@xyo-network/react-ethereum-gas-price-blocknative-plugin 5.0.0 → 5.0.2

package/dist/browser/index.mjs

@@ -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__ */ __name(({ ref, payload, ...props }) => {
+var BlocknativeGasPriceCardContent = /* @__PURE__ */ __name(({ payload, ...props }) => {
   const gasPricePayload = payload ? payload : void 0;
   const parsedPayload = getBlocknativeTransformer(gasPricePayload);
   if (isEmpty(gasPricePayload) || !gasPricePayload?.blockPrices?.length) {
@@ -56,7 +56,6 @@ var BlocknativeGasPriceCardContent = /* @__PURE__ */ __name(({ ref, payload, ...
     });
   }
   return /* @__PURE__ */ React.createElement(CardContent, {
-    ref,
     sx: {
       display: "flex",
       flexDirection: "column",
@@ -99,13 +98,12 @@ import React2 from "react";
 var RenderTitle = "Blocknative Gas Tracker";
 
 // src/components/Card/CardHeader.tsx
-var BlocknativeGasPriceCardHeader = /* @__PURE__ */ __name(({ ref, payload }) => {
+var BlocknativeGasPriceCardHeader = /* @__PURE__ */ __name(({ payload }) => {
   const gasPricePayload = payload ? payload : void 0;
   const parsedPayload = getBlocknativeTransformer(gasPricePayload);
   return /* @__PURE__ */ React2.createElement(GasPriceWitnessCardHeader, {
     title: RenderTitle,
-    parsedPayload,
-    ref
+    parsedPayload
   });
 }, "BlocknativeGasPriceCardHeader");
 BlocknativeGasPriceCardHeader.displayName = "BlocknativeGasPriceCardHeader";
@@ -132,7 +130,6 @@ import React4 from "react";
 var isEmpty2 = /* @__PURE__ */ __name((obj) => Object.keys(obj ?? {}).length === 0, "isEmpty");
 var BlocknativeGasPriceDetailsBox = /* @__PURE__ */ __name(({
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
-  ref,
   payload,
   listMode,
   ...props
@@ -144,8 +141,7 @@ var BlocknativeGasPriceDetailsBox = /* @__PURE__ */ __name(({
   }) : /* @__PURE__ */ React4.createElement(FlexCol, {
     alignItems: "start",
     rowGap: 4,
-    ...props,
-    ref
+    ...props
   }, /* @__PURE__ */ React4.createElement(GasPriceWitnessHeaderBox, {
     heading: RenderTitle,
     parsedPayload

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 & { 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"]}
+{"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 ? (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 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: React.FC<PayloadRenderProps & CardHeaderProps> = ({ payload }) => {\n  const gasPricePayload = payload ? (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  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  payload, listMode, ...props\n}) => {\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}>\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":";;;;AACA,SAASA,YAAY;AAErB,OAAOC,YAAW;;;ACFlB,SAASC,aAAaC,YAAY;AAElC,SAASC,YAAYC,2BAA2B;AAEhD,SAASC,0BAA0B;AACnC,OAAOC,WAAW;;;ACHX,IAAMC,4BAA4B,wBAACC,YAAAA;AACxC,QAAMC,cAAcD,SAASC,cAAc,CAAA;AAC3C,MAAIA,eAAeA,YAAYC,iBAAiBC,QAAQ;AACtD,UAAMD,kBAAkBD,aAAaC;AACrC,UAAME,WAAWF,gBAAgBG,IAAIC,CAAAA,WAAU;MAC7CA,OAAO;QACLC,OAAO,gBAAgBD,MAAME,UAAU;QACvCC,OAAOH,MAAMA;MACf;MACAI,aAAa;QACXH,OAAO;QACPE,OAAOH,MAAMK;MACf;IACF,EAAA;AAEA,WAAO;MACLC,SAAS;QACPL,OAAO;QACPE,OAAOR,YAAYY;MACrB;MACAC,aAAa;QACXP,OAAO;QACPE,OAAOR,YAAYa;MACrB;MACAV;MACAW,WAAWf,QAAQe;MACnBC,SAAS;IACX;EACF;AACF,GA7ByC;;;ADOzC,IAAMC,UAAU,wBAACC,QAAiBC,OAAOC,KAAKF,OAAO,CAAC,CAAA,EAAGG,WAAW,GAApD;AAET,IAAMC,iCAAkF,wBAAC,EAAEC,SAAS,GAAGC,MAAAA,MAAO;AACnH,QAAMC,kBAAkBF,UAAWA,UAA4CG;AAC/E,QAAMC,gBAAgBC,0BAA0BH,eAAAA;AAEhD,MAAIR,QAAQQ,eAAAA,KAAoB,CAACA,iBAAiBI,aAAaR,QAAQ;AACrE,WAAO,sBAAA,cAACS,oBAAAA;MAAmBC,WAAU;MAAyCC,IAAI;QAAEC,GAAG;MAAE;;EAC3F;AAEA,SACE,sBAAA,cAACC,aAAAA;IACCF,IAAI;MACFG,SAAS;MAAQC,eAAe;MAAUC,QAAQ;IACpD;IACC,GAAGb;KAEJ,sBAAA,cAACc,MAAAA;IACCC,WAAAA;IACAC,SAAS;IACTC,SAAS;MACPC,IAAI;MAAIC,IAAI;MAAIC,IAAI;MAAIC,IAAI;IAC9B;KAEClB,iBACIA,eAAemB,UAAUC,IAAI,CAAC,EAAEC,MAAK,MACtC,sBAAA,cAACV,MAAAA;IAAKW,KAAKD,OAAOE;IAAOC,MAAAA;IAAKN,IAAI;IAAID,IAAI;IAAGD,IAAI;IAAGD,IAAI;KACtD,sBAAA,cAACU,YAAAA;IAAWN,UAAUE,OAAOK;IAAOC,OAAON,OAAOE;IAAOK,qBAAqB;SAItF,sBAAA,cAACC,qBAAAA;IAAoB/B;IAAkCgC,YAAW;IAAQC,IAAI;;AAGpF,GAhC+F;AAkC/FpC,+BAA+BqC,cAAc;;;AE5C7C,SAASC,iCAAiC;AAE1C,OAAOC,YAAW;;;ACJX,IAAMC,cAAc;;;ADSpB,IAAMC,gCAAgF,wBAAC,EAAEC,QAAO,MAAE;AACvG,QAAMC,kBAAkBD,UAAWA,UAA4CE;AAC/E,QAAMC,gBAAgBC,0BAA0BH,eAAAA;AAChD,SAAO,gBAAAI,OAAA,cAACC,2BAAAA;IAA0BC,OAAOC;IAAaL;;AACxD,GAJ6F;AAM7FJ,8BAA8BU,cAAc;;;AHPrC,IAAMC,0BAA0B,wBAAC,EACtCC,KAAKC,SAAS,GAAGC,MAAAA,MACc;AAC/B,SACE,gBAAAC,OAAA,cAACC,MAAAA;IAAKJ;IAAW,GAAGE;KAClB,gBAAAC,OAAA,cAACE,+BAAAA;IAA8BJ;MAC/B,gBAAAE,OAAA,cAACG,gCAAAA;IAA+BL;;AAGtC,GATuC;AAWvCF,wBAAwBQ,cAAc;;;AKnBtC,SAASC,QAAAA,aAAY;AAErB,SAASC,eAAe;AAExB,SACEC,cAAAA,aAAYC,0BAA0BC,uBAAAA,4BACjC;AAEP,SAASC,sBAAAA,2BAA0B;AACnC,OAAOC,YAAW;AAKlB,IAAMC,WAAU,wBAACC,QAAiBC,OAAOC,KAAKF,OAAO,CAAC,CAAA,EAAGG,WAAW,GAApD;AAET,IAAMC,gCAAwF,wBAAC;;EAEpGC;EAASC;EAAU,GAAGC;AAAAA,MACvB;AACC,QAAMC,kBAA6DH,UAAWA,UAA4CI;AAC1H,QAAMC,gBAAgBC,0BAA0BH,eAAAA;AAEhD,SACE,gBAAAI,OAAA,cAAAA,OAAA,UAAA,MACGb,SAAQS,eAAAA,KAAoB,CAACA,iBAAiBK,aAAaV,SACxD,gBAAAS,OAAA,cAACE,qBAAAA;IAAmBC,WAAU;OAE5B,gBAAAH,OAAA,cAACI,SAAAA;IAAQC,YAAW;IAAQC,QAAQ;IAAI,GAAGX;KACzC,gBAAAK,OAAA,cAACO,0BAAAA;IAAyBC,SAASC;IAAaX;MAChD,gBAAAE,OAAA,cAACU,OAAAA;IACCC,WAAAA;IACAC,SAAS;IACTC,SAAS;MACPC,IAAI;MAAIC,IAAI;MAAIC,IAAI;MAAIC,IAAI;IAC9B;KAECnB,iBACIA,eAAeoB,UAAUC,IAAI,CAAC,EAAEC,OAAOC,YAAW,MACnD,gBAAArB,OAAA,cAACU,OAAAA;IAAKY,KAAKF,OAAOG;IAAOC,MAAAA;IAAKP,IAAI;IAAID,IAAI;IAAGD,IAAI;IAAGD,IAAI;KACtD,gBAAAd,OAAA,cAACyB,aAAAA;IACCH,KAAKF,OAAOG;IACZL,UAAUE,OAAOM;IACjBC,OAAOP,OAAOG;IACdF,aAAaA,aAAaK;IAC1BE,kBAAkBP,aAAaE;SAKzC,gBAAAvB,OAAA,cAAC6B,sBAAAA;IAAoBjC;IAAkCS,YAAW;;AAKhF,GAvCqG;AAyCrGb,8BAA8BsC,cAAc;;;ACzD5C,SAASC,oCAAoC;AAE7C,SAASC,8BAA8B;AAEvC,SAASC,iCAAiC;AAMnC,IAAMC,oCAAyD;EACpE,GAAGC,0BAA0B;IAC3BC,WAAW,wBAACC,YAAsBA,SAASC,WAAWC,8BAA3C;IACXC,YAAY;MACVC,QAAQ;QAAEC,OAAOC;MAAuB;MACxCC,KAAK;QAAEC,YAAYC;MAA8B;MACjDC,MAAM;QACJC,SAASC;QACTC,QAAQC;MACV;IACF;IACAC,MAAM;EACR,CAAA;AACF;","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","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","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","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

@@ -1,10 +1,7 @@
 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;
+    ({ ref, payload, ...props }: PayloadRenderProps & CardProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 //# sourceMappingURL=Card.d.ts.map

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

@@ -1 +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"}
+{"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;AAM3E,eAAO,MAAM,uBAAuB;iCAEjC,kBAAkB,GAAG,SAAS;;CAOhC,CAAA"}

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

@@ -1,10 +1,5 @@
 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;
-};
+export declare const BlocknativeGasPriceCardContent: React.FC<PayloadRenderProps & CardContentProps>;
 //# sourceMappingURL=CardContent.d.ts.map

package/dist/types/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;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"}
+{"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,CAgC1F,CAAA"}

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

@@ -1,10 +1,5 @@
 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;
-};
+export declare const BlocknativeGasPriceCardHeader: React.FC<PayloadRenderProps & CardHeaderProps>;
 //# sourceMappingURL=CardHeader.d.ts.map

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

@@ -1 +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"}
+{"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,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,GAAG,eAAe,CAIxF,CAAA"}

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

@@ -1,10 +1,5 @@
 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;
-};
+export declare const BlocknativeGasPriceDetailsBox: React.FC<PayloadDetailsListRenderProps & FlexBoxProps>;
 //# sourceMappingURL=BlocknativeGasPriceDetailsBox.d.ts.map

package/dist/types/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;2CAGvC,6BAA6B,GAAG,YAAY,GAAG;QAAE,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAA;KAAE;;CAoCjG,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,CAuChG,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xyo-network/react-ethereum-gas-price-blocknative-plugin",
-  "version": "5.0.0",
+  "version": "5.0.2",
   "description": "Common React library for all XYO projects that use React",
   "keywords": [
     "xyo",
@@ -37,18 +37,18 @@
     "./package.json": "./package.json"
   },
   "module": "dist/browser/index.mjs",
-  "types": "dist/browser/index.d.ts",
+  "types": "dist/types/index.d.ts",
   "scripts": {
     "license": "yarn license-checker --exclude \"MIT, ISC, Apache-2.0, BSD, BSD-2-Clause, CC-BY-4.0, Unlicense, CC-BY-3.0, CC0-1.0\"",
     "lint-pkg": "npmPkgJsonLint ."
   },
   "dependencies": {
-    "@xylabs/react-flexbox": "^6.0.0",
-    "@xyo-network/blocknative-ethereum-gas-payload-plugin": "^3.4.3",
+    "@xylabs/react-flexbox": "^6.0.4",
+    "@xyo-network/blocknative-ethereum-gas-payload-plugin": "^3.4.4",
     "@xyo-network/payload-model": "^3.9.37",
-    "@xyo-network/react-gas-price": "^5.0.0",
-    "@xyo-network/react-payload-plugin": "^5.0.0",
-    "@xyo-network/react-shared": "^5.0.0"
+    "@xyo-network/react-gas-price": "^5.0.2",
+    "@xyo-network/react-payload-plugin": "^5.0.2",
+    "@xyo-network/react-shared": "^5.0.2"
   },
   "devDependencies": {
     "@emotion/react": "^11.14.0",
@@ -58,9 +58,9 @@
     "@mui/styles": "^6.4.7",
     "@storybook/react": "^8.6.4",
     "@types/react": "^19.0.10",
-    "@xylabs/ts-scripts-yarn3": "^6.0.5",
-    "@xylabs/tsconfig-react": "^6.0.5",
-    "@xyo-network/react-storybook": "^5.0.0",
+    "@xylabs/ts-scripts-yarn3": "^6.0.8",
+    "@xylabs/tsconfig-react": "^6.0.8",
+    "@xyo-network/react-storybook": "^5.0.2",
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
     "storybook": "^8.6.4",

package/src/components/Card/Card.tsx

@@ -8,7 +8,7 @@ import { BlocknativeGasPriceCardHeader } from './CardHeader.tsx'
 
 export const BlocknativeGasPriceCard = ({
   ref, payload, ...props
-}: PayloadRenderProps & CardProps & { ref?: React.RefObject<HTMLDivElement | null> }) => {
+}: PayloadRenderProps & CardProps) => {
   return (
     <Card ref={ref} {...props}>
       <BlocknativeGasPriceCardHeader payload={payload} />

package/src/components/Card/CardContent.tsx

@@ -10,9 +10,7 @@ import { getBlocknativeTransformer } from '../hooks/index.ts'
 
 const isEmpty = (obj?: object) => Object.keys(obj ?? {}).length === 0
 
-export const BlocknativeGasPriceCardContent = ({
-  ref, payload, ...props
-}: Omit<PayloadRenderProps & CardContentProps, 'ref'> & { ref?: React.RefObject<HTMLDivElement | null> }) => {
+export const BlocknativeGasPriceCardContent: React.FC<PayloadRenderProps & CardContentProps> = ({ payload, ...props }) => {
   const gasPricePayload = payload ? (payload as EthereumGasBlocknativePayload) : undefined
   const parsedPayload = getBlocknativeTransformer(gasPricePayload)
 
@@ -22,7 +20,6 @@ export const BlocknativeGasPriceCardContent = ({
 
   return (
     <CardContent
-      ref={ref}
       sx={{
         display: 'flex', flexDirection: 'column', rowGap: 4,
       }}

package/src/components/Card/CardHeader.tsx

@@ -7,10 +7,10 @@ import React from 'react'
 import { getBlocknativeTransformer } from '../hooks/index.ts'
 import { RenderTitle } from '../lib/index.ts'
 
-export const BlocknativeGasPriceCardHeader = ({ ref, payload }: PayloadRenderProps & CardHeaderProps & { ref?: React.RefObject<HTMLDivElement | null> }) => {
+export const BlocknativeGasPriceCardHeader: React.FC<PayloadRenderProps & CardHeaderProps> = ({ payload }) => {
   const gasPricePayload = payload ? (payload as EthereumGasBlocknativePayload) : undefined
   const parsedPayload = getBlocknativeTransformer(gasPricePayload)
-  return <GasPriceWitnessCardHeader title={RenderTitle} parsedPayload={parsedPayload} ref={ref} />
+  return <GasPriceWitnessCardHeader title={RenderTitle} parsedPayload={parsedPayload} />
 }
 
 BlocknativeGasPriceCardHeader.displayName = 'BlocknativeGasPriceCardHeader'

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

@@ -14,10 +14,10 @@ import { RenderTitle } from '../../lib/index.ts'
 
 const isEmpty = (obj?: object) => Object.keys(obj ?? {}).length === 0
 
-export const BlocknativeGasPriceDetailsBox = ({
+export const BlocknativeGasPriceDetailsBox: React.FC<PayloadDetailsListRenderProps & FlexBoxProps> = ({
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
-  ref, payload, listMode, ...props
-}: PayloadDetailsListRenderProps & FlexBoxProps & { ref?: React.RefObject<HTMLDivElement | null> }) => {
+  payload, listMode, ...props
+}) => {
   const gasPricePayload: EthereumGasBlocknativePayload | undefined = payload ? (payload as EthereumGasBlocknativePayload) : undefined
   const parsedPayload = getBlocknativeTransformer(gasPricePayload)
 
@@ -26,7 +26,7 @@ export const BlocknativeGasPriceDetailsBox = ({
       {isEmpty(gasPricePayload) || !gasPricePayload?.blockPrices?.length
         ? <PayloadDataMissing alertBody="Payload is missing valid gas fee data." />
         : (
-            <FlexCol alignItems="start" rowGap={4} {...props} ref={ref}>
+            <FlexCol alignItems="start" rowGap={4} {...props}>
               <GasPriceWitnessHeaderBox heading={RenderTitle} parsedPayload={parsedPayload} />
               <Grid
                 container