@xyo-network/react-ethereum-gas-price-blocknative-plugin 2.78.0 → 2.78.1

package/dist/neutral/index.cjs

@@ -1,2 +1,170 @@
-"use strict";var B=Object.defineProperty;var U=Object.getOwnPropertyDescriptor;var A=Object.getOwnPropertyNames;var O=Object.prototype.hasOwnProperty;var S=(e,a)=>{for(var t in a)B(e,t,{get:a[t],enumerable:!0})},$=(e,a,t,o)=>{if(a&&typeof a=="object"||typeof a=="function")for(let r of A(a))!O.call(e,r)&&r!==t&&B(e,r,{get:()=>a[r],enumerable:!(o=U(a,r))||o.enumerable});return e};var q=e=>$(B({},"__esModule",{value:!0}),e);var z={};S(z,{BlocknativeGasPriceCard:()=>T,BlocknativeGasPriceCardContent:()=>m,BlocknativeGasPriceCardHeader:()=>n,BlocknativeGasPriceDetailsBox:()=>G,EthereumGasPriceBlocknativePlugin:()=>W,default:()=>W});module.exports=q(z);var R=require("@mui/material"),F=require("react");var c=require("@mui/material"),g=require("@xylabs/lodash"),y=require("@xyo-network/react-gas-price"),C=require("@xyo-network/react-shared"),x=require("react");var d=e=>{let a=e?.blockPrices?.[0];if(a&&a.estimatedPrices?.length){let o=(a?.estimatedPrices).map(r=>({price:{label:`Confidence - ${r.confidence}`,value:r.price},priorityFee:{label:"maxPriorityFeePerGas",value:r.maxPriorityFeePerGas}}));return{baseFee:{label:"baseFeePerGas",value:a.baseFeePerGas},blockNumber:{label:"blockNumber",value:a.blockNumber},gasPrice:o,timestamp:e.timestamp,website:"https://docs.Blocknative.io/v5/api/providers/provider/#Provider-getFeeData"}}};var s=require("react/jsx-runtime"),m=(0,x.forwardRef)(({payload:e,...a},t)=>{let o=e||void 0,r=d(o);return(0,g.isEmpty)(o)||!o.blockPrices?.length?(0,s.jsx)(C.PayloadDataMissing,{alertBody:"Payload is missing valid gas fee data.",sx:{m:1}}):(0,s.jsxs)(c.CardContent,{ref:t,sx:{display:"flex",flexDirection:"column",rowGap:4},...a,children:[(0,s.jsx)(c.Grid,{container:!0,spacing:3,columns:{lg:15,md:15,sm:12,xs:12},children:r&&r?.gasPrice?.map(({price:l})=>(0,s.jsx)(c.Grid,{item:!0,xs:12,sm:6,md:5,lg:3,children:(0,s.jsx)(y.GasFeeCard,{gasPrice:l?.value,speed:l?.label,speedPaperElevation:4})},l?.label))}),(0,s.jsx)(y.ToggleRawPayloadBox,{gasPricePayload:o,alignItems:"start",pr:1})]})});m.displayName="BlocknativeGasPriceCardContent";var b=require("@xyo-network/react-gas-price"),h=require("react");var v="Blocknative Gas Tracker";var E=require("react/jsx-runtime"),n=(0,h.forwardRef)(({payload:e},a)=>{let o=d(e||void 0);return(0,E.jsx)(b.GasPriceWitnessCardHeader,{title:v,parsedPayload:o,ref:a})});n.displayName="BlocknativeGasPriceCardHeader";var p=require("react/jsx-runtime"),T=(0,F.forwardRef)(({payload:e,...a},t)=>(0,p.jsxs)(R.Card,{ref:t,...a,children:[(0,p.jsx)(n,{payload:e}),(0,p.jsx)(m,{payload:e})]}));T.displayName="BlocknativeGasPriceCard";var u=require("@mui/material"),D=require("@xylabs/lodash"),H=require("@xylabs/react-flexbox"),P=require("@xyo-network/react-gas-price"),w=require("@xyo-network/react-shared"),M=require("react");var i=require("react/jsx-runtime"),G=(0,M.forwardRef)(({payload:e,listMode:a,...t},o)=>{let r=e||void 0,l=d(r);return(0,i.jsx)(i.Fragment,{children:(0,D.isEmpty)(r)||!r.blockPrices?.length?(0,i.jsx)(w.PayloadDataMissing,{alertBody:"Payload is missing valid gas fee data."}):(0,i.jsxs)(H.FlexCol,{alignItems:"start",rowGap:4,...t,ref:o,children:[(0,i.jsx)(P.GasPriceWitnessHeaderBox,{heading:v,parsedPayload:l}),(0,i.jsx)(u.Grid,{container:!0,spacing:3,columns:{lg:15,md:15,sm:12,xs:12},children:l&&l?.gasPrice?.map(({price:f,priorityFee:k})=>(0,i.jsx)(u.Grid,{item:!0,xs:12,sm:6,md:5,lg:3,children:(0,i.jsx)(P.GasFeeCard,{gasPrice:f?.value,speed:f?.label,priorityFee:k?.value,priorityFeeLabel:k?.label},f?.label)},f?.label))}),(0,i.jsx)(P.ToggleRawPayloadBox,{gasPricePayload:r,alignItems:"start"})]})})});G.displayName="BlocknativeGasPriceDetailsBox";var N=require("@xyo-network/blocknative-ethereum-gas-payload-plugin"),I=require("@xyo-network/react-gas-price"),L=require("@xyo-network/react-payload-plugin");var W={...(0,L.createPayloadRenderPlugin)({canRender:e=>e?.schema===N.EthereumGasBlocknativeSchema,components:{avatar:{image:I.EthereumGasPriceAvatar},box:{detailsBox:G},card:{content:m,header:n}},name:"Ethereum Gas Price Blocknative"})};
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var src_exports = {};
+__export(src_exports, {
+  BlocknativeGasPriceCard: () => BlocknativeGasPriceCard,
+  BlocknativeGasPriceCardContent: () => BlocknativeGasPriceCardContent,
+  BlocknativeGasPriceCardHeader: () => BlocknativeGasPriceCardHeader,
+  BlocknativeGasPriceDetailsBox: () => BlocknativeGasPriceDetailsBox,
+  EthereumGasPriceBlocknativePlugin: () => EthereumGasPriceBlocknativePlugin,
+  default: () => EthereumGasPriceBlocknativePlugin
+});
+module.exports = __toCommonJS(src_exports);
+
+// src/components/Card/Card.tsx
+var import_material2 = require("@mui/material");
+var import_react3 = require("react");
+
+// src/components/Card/CardContent.tsx
+var import_material = require("@mui/material");
+var import_lodash = require("@xylabs/lodash");
+var import_react_gas_price = require("@xyo-network/react-gas-price");
+var import_react_shared = require("@xyo-network/react-shared");
+var import_react = require("react");
+
+// src/components/hooks/useBlocknativeTransformer.tsx
+var useBlocknativeTransformer = (payload) => {
+  const blockPrices = payload?.blockPrices?.[0];
+  if (blockPrices && blockPrices.estimatedPrices?.length) {
+    const estimatedPrices = blockPrices?.estimatedPrices;
+    const gasPrice = estimatedPrices.map((price) => ({
+      price: {
+        label: `Confidence - ${price.confidence}`,
+        value: price.price
+      },
+      priorityFee: {
+        label: "maxPriorityFeePerGas",
+        value: price.maxPriorityFeePerGas
+      }
+    }));
+    return {
+      baseFee: {
+        label: "baseFeePerGas",
+        value: blockPrices.baseFeePerGas
+      },
+      blockNumber: {
+        label: "blockNumber",
+        value: blockPrices.blockNumber
+      },
+      gasPrice,
+      timestamp: payload.timestamp,
+      website: "https://docs.Blocknative.io/v5/api/providers/provider/#Provider-getFeeData"
+    };
+  }
+};
+
+// src/components/Card/CardContent.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+var BlocknativeGasPriceCardContent = (0, import_react.forwardRef)(
+  ({ payload, ...props }, ref) => {
+    const gasPricePayload = payload ? payload : void 0;
+    const parsedPayload = useBlocknativeTransformer(gasPricePayload);
+    if ((0, import_lodash.isEmpty)(gasPricePayload) || !gasPricePayload.blockPrices?.length) {
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_shared.PayloadDataMissing, { alertBody: "Payload is missing valid gas fee data.", sx: { m: 1 } });
+    }
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_material.CardContent, { ref, sx: { display: "flex", flexDirection: "column", rowGap: 4 }, ...props, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.Grid, { container: true, spacing: 3, columns: { lg: 15, md: 15, sm: 12, xs: 12 }, children: parsedPayload && parsedPayload?.gasPrice?.map(({ price }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.Grid, { item: true, xs: 12, sm: 6, md: 5, lg: 3, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_gas_price.GasFeeCard, { gasPrice: price?.value, speed: price?.label, speedPaperElevation: 4 }) }, price?.label)) }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_gas_price.ToggleRawPayloadBox, { gasPricePayload, alignItems: "start", pr: 1 })
+    ] });
+  }
+);
+BlocknativeGasPriceCardContent.displayName = "BlocknativeGasPriceCardContent";
+
+// src/components/Card/CardHeader.tsx
+var import_react_gas_price2 = require("@xyo-network/react-gas-price");
+var import_react2 = require("react");
+
+// src/components/lib/constants.ts
+var RenderTitle = "Blocknative Gas Tracker";
+
+// src/components/Card/CardHeader.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var BlocknativeGasPriceCardHeader = (0, import_react2.forwardRef)(({ payload }, ref) => {
+  const gasPricePayload = payload ? payload : void 0;
+  const parsedPayload = useBlocknativeTransformer(gasPricePayload);
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_gas_price2.GasPriceWitnessCardHeader, { title: RenderTitle, parsedPayload, ref });
+});
+BlocknativeGasPriceCardHeader.displayName = "BlocknativeGasPriceCardHeader";
+
+// src/components/Card/Card.tsx
+var import_jsx_runtime3 = require("react/jsx-runtime");
+var BlocknativeGasPriceCard = (0, import_react3.forwardRef)(({ payload, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_material2.Card, { ref, ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(BlocknativeGasPriceCardHeader, { payload }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(BlocknativeGasPriceCardContent, { payload })
+  ] });
+});
+BlocknativeGasPriceCard.displayName = "BlocknativeGasPriceCard";
+
+// src/components/Details/Box/BlocknativeGasPriceDetailsBox.tsx
+var import_material3 = require("@mui/material");
+var import_lodash2 = require("@xylabs/lodash");
+var import_react_flexbox = require("@xylabs/react-flexbox");
+var import_react_gas_price3 = require("@xyo-network/react-gas-price");
+var import_react_shared2 = require("@xyo-network/react-shared");
+var import_react4 = require("react");
+var import_jsx_runtime4 = require("react/jsx-runtime");
+var BlocknativeGasPriceDetailsBox = (0, import_react4.forwardRef)(
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
+  ({ payload, listMode, ...props }, ref) => {
+    const gasPricePayload = payload ? payload : void 0;
+    const parsedPayload = useBlocknativeTransformer(gasPricePayload);
+    return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_jsx_runtime4.Fragment, { children: (0, import_lodash2.isEmpty)(gasPricePayload) || !gasPricePayload.blockPrices?.length ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_shared2.PayloadDataMissing, { alertBody: "Payload is missing valid gas fee data." }) : /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_react_flexbox.FlexCol, { alignItems: "start", rowGap: 4, ...props, ref, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_gas_price3.GasPriceWitnessHeaderBox, { heading: RenderTitle, parsedPayload }),
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_material3.Grid, { container: true, spacing: 3, columns: { lg: 15, md: 15, sm: 12, xs: 12 }, children: parsedPayload && parsedPayload?.gasPrice?.map(({ price, priorityFee }) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_material3.Grid, { item: true, xs: 12, sm: 6, md: 5, lg: 3, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+        import_react_gas_price3.GasFeeCard,
+        {
+          gasPrice: price?.value,
+          speed: price?.label,
+          priorityFee: priorityFee?.value,
+          priorityFeeLabel: priorityFee?.label
+        },
+        price?.label
+      ) }, price?.label)) }),
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_gas_price3.ToggleRawPayloadBox, { gasPricePayload, alignItems: "start" })
+    ] }) });
+  }
+);
+BlocknativeGasPriceDetailsBox.displayName = "BlocknativeGasPriceDetailsBox";
+
+// src/Plugin.ts
+var import_blocknative_ethereum_gas_payload_plugin = require("@xyo-network/blocknative-ethereum-gas-payload-plugin");
+var import_react_gas_price4 = require("@xyo-network/react-gas-price");
+var import_react_payload_plugin = require("@xyo-network/react-payload-plugin");
+var EthereumGasPriceBlocknativePlugin = {
+  ...(0, import_react_payload_plugin.createPayloadRenderPlugin)({
+    canRender: (payload) => payload?.schema === import_blocknative_ethereum_gas_payload_plugin.EthereumGasBlocknativeSchema,
+    components: {
+      avatar: {
+        image: import_react_gas_price4.EthereumGasPriceAvatar
+      },
+      box: {
+        detailsBox: BlocknativeGasPriceDetailsBox
+      },
+      card: {
+        content: BlocknativeGasPriceCardContent,
+        header: BlocknativeGasPriceCardHeader
+      }
+    },
+    name: "Ethereum Gas Price Blocknative"
+  })
+};
 //# sourceMappingURL=index.cjs.map

package/dist/neutral/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/index.ts","../../src/components/Card/Card.tsx","../../src/components/Card/CardContent.tsx","../../src/components/hooks/useBlocknativeTransformer.tsx","../../src/components/Card/CardHeader.tsx","../../src/components/lib/constants.ts","../../src/components/Details/Box/BlocknativeGasPriceDetailsBox.tsx","../../src/Plugin.ts"],"sourcesContent":["export * from './components'\nexport * from './Plugin'\n\n// eslint-disable-next-line import/no-default-export\n\nexport { EthereumGasPriceBlocknativePlugin as default } from './Plugin'\n","import { Card, CardProps } from '@mui/material'\nimport { PayloadRenderProps } from '@xyo-network/react-payload-plugin'\nimport { forwardRef } from 'react'\n\nimport { BlocknativeGasPriceCardContent } from './CardContent'\nimport { BlocknativeGasPriceCardHeader } from './CardHeader'\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 { CardContent, CardContentProps, Grid } from '@mui/material'\nimport { isEmpty } from '@xylabs/lodash'\nimport { EthereumGasBlocknativePayload } from '@xyo-network/blocknative-ethereum-gas-payload-plugin'\nimport { GasFeeCard, ToggleRawPayloadBox } from '@xyo-network/react-gas-price'\nimport { PayloadRenderProps } from '@xyo-network/react-payload-plugin'\nimport { PayloadDataMissing } from '@xyo-network/react-shared'\nimport { forwardRef } from 'react'\n\nimport { useBlocknativeTransformer } from '../hooks'\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 = useBlocknativeTransformer(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 ref={ref} sx={{ display: 'flex', flexDirection: 'column', rowGap: 4 }} {...props}>\n        <Grid container spacing={3} columns={{ lg: 15, md: 15, sm: 12, xs: 12 }}>\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 { EthereumGasBlocknativePayload } from '@xyo-network/blocknative-ethereum-gas-payload-plugin'\nimport { GasPriceWitnessUIBasePayload } from '@xyo-network/react-gas-price'\n\nexport const useBlocknativeTransformer = (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 { CardHeaderProps } from '@mui/material'\nimport { EthereumGasBlocknativePayload } from '@xyo-network/blocknative-ethereum-gas-payload-plugin'\nimport { GasPriceWitnessCardHeader } from '@xyo-network/react-gas-price'\nimport { PayloadRenderProps } from '@xyo-network/react-payload-plugin'\nimport { forwardRef } from 'react'\n\nimport { useBlocknativeTransformer } from '../hooks'\nimport { RenderTitle } from '../lib'\n\nexport const BlocknativeGasPriceCardHeader = forwardRef<HTMLDivElement, PayloadRenderProps & CardHeaderProps>(({ payload }, ref) => {\n  const gasPricePayload = payload ? (payload as EthereumGasBlocknativePayload) : undefined\n  const parsedPayload = useBlocknativeTransformer(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 { isEmpty } from '@xylabs/lodash'\nimport { FlexBoxProps, FlexCol } from '@xylabs/react-flexbox'\nimport { EthereumGasBlocknativePayload } from '@xyo-network/blocknative-ethereum-gas-payload-plugin'\nimport { GasFeeCard, GasPriceWitnessHeaderBox, ToggleRawPayloadBox } from '@xyo-network/react-gas-price'\nimport { PayloadDetailsRenderProps } from '@xyo-network/react-payload-plugin'\nimport { PayloadDataMissing } from '@xyo-network/react-shared'\nimport { forwardRef } from 'react'\n\nimport { useBlocknativeTransformer } from '../../hooks'\nimport { RenderTitle } from '../../lib'\n\nexport const BlocknativeGasPriceDetailsBox = forwardRef<HTMLDivElement, PayloadDetailsRenderProps & FlexBoxProps>(\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  ({ payload, listMode, ...props }, ref) => {\n    const gasPricePayload: EthereumGasBlocknativePayload | undefined = payload ? (payload as EthereumGasBlocknativePayload) : undefined\n    const parsedPayload = useBlocknativeTransformer(gasPricePayload)\n\n    return (\n      <>\n        {isEmpty(gasPricePayload) || !gasPricePayload.blockPrices?.length ?\n          <PayloadDataMissing alertBody=\"Payload is missing valid gas fee data.\" />\n        : <FlexCol alignItems=\"start\" rowGap={4} {...props} ref={ref}>\n            <GasPriceWitnessHeaderBox heading={RenderTitle} parsedPayload={parsedPayload} />\n            <Grid container spacing={3} columns={{ lg: 15, md: 15, sm: 12, xs: 12 }}>\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 { Payload } from '@xyo-network/payload-model'\nimport { EthereumGasPriceAvatar } from '@xyo-network/react-gas-price'\nimport { createPayloadRenderPlugin, PayloadRenderPlugin } from '@xyo-network/react-payload-plugin'\n\nimport { BlocknativeGasPriceCardContent, BlocknativeGasPriceCardHeader, BlocknativeGasPriceDetailsBox } from './components'\n\nexport const EthereumGasPriceBlocknativePlugin: PayloadRenderPlugin = {\n  ...createPayloadRenderPlugin({\n    canRender: (payload?: Payload) => payload?.schema === EthereumGasBlocknativeSchema,\n    components: {\n      avatar: {\n        image: EthereumGasPriceAvatar,\n      },\n      box: {\n        detailsBox: BlocknativeGasPriceDetailsBox,\n      },\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":["src_exports","__export","BlocknativeGasPriceCard","BlocknativeGasPriceCardContent","BlocknativeGasPriceCardHeader","BlocknativeGasPriceDetailsBox","EthereumGasPriceBlocknativePlugin","__toCommonJS","import_material","import_react","import_material","import_lodash","import_react_gas_price","import_react_shared","import_react","useBlocknativeTransformer","payload","blockPrices","gasPrice","price","import_jsx_runtime","BlocknativeGasPriceCardContent","payload","props","ref","gasPricePayload","parsedPayload","useBlocknativeTransformer","price","import_react_gas_price","import_react","RenderTitle","import_jsx_runtime","BlocknativeGasPriceCardHeader","payload","ref","parsedPayload","useBlocknativeTransformer","RenderTitle","import_jsx_runtime","BlocknativeGasPriceCard","payload","props","ref","BlocknativeGasPriceCardHeader","BlocknativeGasPriceCardContent","import_material","import_lodash","import_react_flexbox","import_react_gas_price","import_react_shared","import_react","import_jsx_runtime","BlocknativeGasPriceDetailsBox","payload","listMode","props","ref","gasPricePayload","parsedPayload","useBlocknativeTransformer","RenderTitle","price","priorityFee","import_blocknative_ethereum_gas_payload_plugin","import_react_gas_price","import_react_payload_plugin","EthereumGasPriceBlocknativePlugin","payload","BlocknativeGasPriceDetailsBox","BlocknativeGasPriceCardContent","BlocknativeGasPriceCardHeader"]}
+{"version":3,"sources":["../../src/index.ts","../../src/components/Card/Card.tsx","../../src/components/Card/CardContent.tsx","../../src/components/hooks/useBlocknativeTransformer.tsx","../../src/components/Card/CardHeader.tsx","../../src/components/lib/constants.ts","../../src/components/Details/Box/BlocknativeGasPriceDetailsBox.tsx","../../src/Plugin.ts"],"sourcesContent":["export * from './components'\nexport * from './Plugin'\n\n// eslint-disable-next-line import/no-default-export\n\nexport { EthereumGasPriceBlocknativePlugin as default } from './Plugin'\n","import { Card, CardProps } from '@mui/material'\nimport { PayloadRenderProps } from '@xyo-network/react-payload-plugin'\nimport { forwardRef } from 'react'\n\nimport { BlocknativeGasPriceCardContent } from './CardContent'\nimport { BlocknativeGasPriceCardHeader } from './CardHeader'\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 { CardContent, CardContentProps, Grid } from '@mui/material'\nimport { isEmpty } from '@xylabs/lodash'\nimport { EthereumGasBlocknativePayload } from '@xyo-network/blocknative-ethereum-gas-payload-plugin'\nimport { GasFeeCard, ToggleRawPayloadBox } from '@xyo-network/react-gas-price'\nimport { PayloadRenderProps } from '@xyo-network/react-payload-plugin'\nimport { PayloadDataMissing } from '@xyo-network/react-shared'\nimport { forwardRef } from 'react'\n\nimport { useBlocknativeTransformer } from '../hooks'\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 = useBlocknativeTransformer(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 ref={ref} sx={{ display: 'flex', flexDirection: 'column', rowGap: 4 }} {...props}>\n        <Grid container spacing={3} columns={{ lg: 15, md: 15, sm: 12, xs: 12 }}>\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 { EthereumGasBlocknativePayload } from '@xyo-network/blocknative-ethereum-gas-payload-plugin'\nimport { GasPriceWitnessUIBasePayload } from '@xyo-network/react-gas-price'\n\nexport const useBlocknativeTransformer = (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 { CardHeaderProps } from '@mui/material'\nimport { EthereumGasBlocknativePayload } from '@xyo-network/blocknative-ethereum-gas-payload-plugin'\nimport { GasPriceWitnessCardHeader } from '@xyo-network/react-gas-price'\nimport { PayloadRenderProps } from '@xyo-network/react-payload-plugin'\nimport { forwardRef } from 'react'\n\nimport { useBlocknativeTransformer } from '../hooks'\nimport { RenderTitle } from '../lib'\n\nexport const BlocknativeGasPriceCardHeader = forwardRef<HTMLDivElement, PayloadRenderProps & CardHeaderProps>(({ payload }, ref) => {\n  const gasPricePayload = payload ? (payload as EthereumGasBlocknativePayload) : undefined\n  const parsedPayload = useBlocknativeTransformer(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 { isEmpty } from '@xylabs/lodash'\nimport { FlexBoxProps, FlexCol } from '@xylabs/react-flexbox'\nimport { EthereumGasBlocknativePayload } from '@xyo-network/blocknative-ethereum-gas-payload-plugin'\nimport { GasFeeCard, GasPriceWitnessHeaderBox, ToggleRawPayloadBox } from '@xyo-network/react-gas-price'\nimport { PayloadDetailsRenderProps } from '@xyo-network/react-payload-plugin'\nimport { PayloadDataMissing } from '@xyo-network/react-shared'\nimport { forwardRef } from 'react'\n\nimport { useBlocknativeTransformer } from '../../hooks'\nimport { RenderTitle } from '../../lib'\n\nexport const BlocknativeGasPriceDetailsBox = forwardRef<HTMLDivElement, PayloadDetailsRenderProps & FlexBoxProps>(\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  ({ payload, listMode, ...props }, ref) => {\n    const gasPricePayload: EthereumGasBlocknativePayload | undefined = payload ? (payload as EthereumGasBlocknativePayload) : undefined\n    const parsedPayload = useBlocknativeTransformer(gasPricePayload)\n\n    return (\n      <>\n        {isEmpty(gasPricePayload) || !gasPricePayload.blockPrices?.length ?\n          <PayloadDataMissing alertBody=\"Payload is missing valid gas fee data.\" />\n        : <FlexCol alignItems=\"start\" rowGap={4} {...props} ref={ref}>\n            <GasPriceWitnessHeaderBox heading={RenderTitle} parsedPayload={parsedPayload} />\n            <Grid container spacing={3} columns={{ lg: 15, md: 15, sm: 12, xs: 12 }}>\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 { Payload } from '@xyo-network/payload-model'\nimport { EthereumGasPriceAvatar } from '@xyo-network/react-gas-price'\nimport { createPayloadRenderPlugin, PayloadRenderPlugin } from '@xyo-network/react-payload-plugin'\n\nimport { BlocknativeGasPriceCardContent, BlocknativeGasPriceCardHeader, BlocknativeGasPriceDetailsBox } from './components'\n\nexport const EthereumGasPriceBlocknativePlugin: PayloadRenderPlugin = {\n  ...createPayloadRenderPlugin({\n    canRender: (payload?: Payload) => payload?.schema === EthereumGasBlocknativeSchema,\n    components: {\n      avatar: {\n        image: EthereumGasPriceAvatar,\n      },\n      box: {\n        detailsBox: BlocknativeGasPriceDetailsBox,\n      },\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":["import_material","import_react","import_react_gas_price","import_react","import_jsx_runtime","import_jsx_runtime","import_material","import_lodash","import_react_gas_price","import_react_shared","import_react","import_jsx_runtime","import_react_gas_price"]}

package/dist/neutral/index.js

@@ -1,2 +1,147 @@
-import{Card as F}from"@mui/material";import{forwardRef as T}from"react";import{CardContent as B,Grid as y}from"@mui/material";import{isEmpty as u}from"@xylabs/lodash";import{GasFeeCard as k,ToggleRawPayloadBox as g}from"@xyo-network/react-gas-price";import{PayloadDataMissing as C}from"@xyo-network/react-shared";import{forwardRef as x}from"react";var l=e=>{let a=e?.blockPrices?.[0];if(a&&a.estimatedPrices?.length){let o=(a?.estimatedPrices).map(r=>({price:{label:`Confidence - ${r.confidence}`,value:r.price},priorityFee:{label:"maxPriorityFeePerGas",value:r.maxPriorityFeePerGas}}));return{baseFee:{label:"baseFeePerGas",value:a.baseFeePerGas},blockNumber:{label:"blockNumber",value:a.blockNumber},gasPrice:o,timestamp:e.timestamp,website:"https://docs.Blocknative.io/v5/api/providers/provider/#Provider-getFeeData"}}};import{jsx as d,jsxs as b}from"react/jsx-runtime";var m=x(({payload:e,...a},t)=>{let o=e||void 0,r=l(o);return u(o)||!o.blockPrices?.length?d(C,{alertBody:"Payload is missing valid gas fee data.",sx:{m:1}}):b(B,{ref:t,sx:{display:"flex",flexDirection:"column",rowGap:4},...a,children:[d(y,{container:!0,spacing:3,columns:{lg:15,md:15,sm:12,xs:12},children:r&&r?.gasPrice?.map(({price:i})=>d(y,{item:!0,xs:12,sm:6,md:5,lg:3,children:d(k,{gasPrice:i?.value,speed:i?.label,speedPaperElevation:4})},i?.label))}),d(g,{gasPricePayload:o,alignItems:"start",pr:1})]})});m.displayName="BlocknativeGasPriceCardContent";import{GasPriceWitnessCardHeader as h}from"@xyo-network/react-gas-price";import{forwardRef as E}from"react";var c="Blocknative Gas Tracker";import{jsx as R}from"react/jsx-runtime";var n=E(({payload:e},a)=>{let o=l(e||void 0);return R(h,{title:c,parsedPayload:o,ref:a})});n.displayName="BlocknativeGasPriceCardHeader";import{jsx as v,jsxs as H}from"react/jsx-runtime";var D=T(({payload:e,...a},t)=>H(F,{ref:t,...a,children:[v(n,{payload:e}),v(m,{payload:e})]}));D.displayName="BlocknativeGasPriceCard";import{Grid as G}from"@mui/material";import{isEmpty as w}from"@xylabs/lodash";import{FlexCol as M}from"@xylabs/react-flexbox";import{GasFeeCard as N,GasPriceWitnessHeaderBox as I,ToggleRawPayloadBox as L}from"@xyo-network/react-gas-price";import{PayloadDataMissing as W}from"@xyo-network/react-shared";import{forwardRef as U}from"react";import{Fragment as O,jsx as s,jsxs as A}from"react/jsx-runtime";var p=U(({payload:e,listMode:a,...t},o)=>{let r=e||void 0,i=l(r);return s(O,{children:w(r)||!r.blockPrices?.length?s(W,{alertBody:"Payload is missing valid gas fee data."}):A(M,{alignItems:"start",rowGap:4,...t,ref:o,children:[s(I,{heading:c,parsedPayload:i}),s(G,{container:!0,spacing:3,columns:{lg:15,md:15,sm:12,xs:12},children:i&&i?.gasPrice?.map(({price:P,priorityFee:f})=>s(G,{item:!0,xs:12,sm:6,md:5,lg:3,children:s(N,{gasPrice:P?.value,speed:P?.label,priorityFee:f?.value,priorityFeeLabel:f?.label},P?.label)},P?.label))}),s(L,{gasPricePayload:r,alignItems:"start"})]})})});p.displayName="BlocknativeGasPriceDetailsBox";import{EthereumGasBlocknativeSchema as S}from"@xyo-network/blocknative-ethereum-gas-payload-plugin";import{EthereumGasPriceAvatar as $}from"@xyo-network/react-gas-price";import{createPayloadRenderPlugin as q}from"@xyo-network/react-payload-plugin";var z={...q({canRender:e=>e?.schema===S,components:{avatar:{image:$},box:{detailsBox:p},card:{content:m,header:n}},name:"Ethereum Gas Price Blocknative"})};export{D as BlocknativeGasPriceCard,m as BlocknativeGasPriceCardContent,n as BlocknativeGasPriceCardHeader,p as BlocknativeGasPriceDetailsBox,z as EthereumGasPriceBlocknativePlugin,z as default};
+// src/components/Card/Card.tsx
+import { Card } from "@mui/material";
+import { forwardRef as forwardRef3 } from "react";
+
+// src/components/Card/CardContent.tsx
+import { CardContent, Grid } from "@mui/material";
+import { isEmpty } from "@xylabs/lodash";
+import { GasFeeCard, ToggleRawPayloadBox } from "@xyo-network/react-gas-price";
+import { PayloadDataMissing } from "@xyo-network/react-shared";
+import { forwardRef } from "react";
+
+// src/components/hooks/useBlocknativeTransformer.tsx
+var useBlocknativeTransformer = (payload) => {
+  const blockPrices = payload?.blockPrices?.[0];
+  if (blockPrices && blockPrices.estimatedPrices?.length) {
+    const estimatedPrices = blockPrices?.estimatedPrices;
+    const gasPrice = estimatedPrices.map((price) => ({
+      price: {
+        label: `Confidence - ${price.confidence}`,
+        value: price.price
+      },
+      priorityFee: {
+        label: "maxPriorityFeePerGas",
+        value: price.maxPriorityFeePerGas
+      }
+    }));
+    return {
+      baseFee: {
+        label: "baseFeePerGas",
+        value: blockPrices.baseFeePerGas
+      },
+      blockNumber: {
+        label: "blockNumber",
+        value: blockPrices.blockNumber
+      },
+      gasPrice,
+      timestamp: payload.timestamp,
+      website: "https://docs.Blocknative.io/v5/api/providers/provider/#Provider-getFeeData"
+    };
+  }
+};
+
+// src/components/Card/CardContent.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var BlocknativeGasPriceCardContent = forwardRef(
+  ({ payload, ...props }, ref) => {
+    const gasPricePayload = payload ? payload : void 0;
+    const parsedPayload = useBlocknativeTransformer(gasPricePayload);
+    if (isEmpty(gasPricePayload) || !gasPricePayload.blockPrices?.length) {
+      return /* @__PURE__ */ jsx(PayloadDataMissing, { alertBody: "Payload is missing valid gas fee data.", sx: { m: 1 } });
+    }
+    return /* @__PURE__ */ jsxs(CardContent, { ref, sx: { display: "flex", flexDirection: "column", rowGap: 4 }, ...props, children: [
+      /* @__PURE__ */ jsx(Grid, { container: true, spacing: 3, columns: { lg: 15, md: 15, sm: 12, xs: 12 }, children: parsedPayload && parsedPayload?.gasPrice?.map(({ price }) => /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, sm: 6, md: 5, lg: 3, children: /* @__PURE__ */ jsx(GasFeeCard, { gasPrice: price?.value, speed: price?.label, speedPaperElevation: 4 }) }, price?.label)) }),
+      /* @__PURE__ */ jsx(ToggleRawPayloadBox, { gasPricePayload, alignItems: "start", pr: 1 })
+    ] });
+  }
+);
+BlocknativeGasPriceCardContent.displayName = "BlocknativeGasPriceCardContent";
+
+// src/components/Card/CardHeader.tsx
+import { GasPriceWitnessCardHeader } from "@xyo-network/react-gas-price";
+import { forwardRef as forwardRef2 } from "react";
+
+// src/components/lib/constants.ts
+var RenderTitle = "Blocknative Gas Tracker";
+
+// src/components/Card/CardHeader.tsx
+import { jsx as jsx2 } from "react/jsx-runtime";
+var BlocknativeGasPriceCardHeader = forwardRef2(({ payload }, ref) => {
+  const gasPricePayload = payload ? payload : void 0;
+  const parsedPayload = useBlocknativeTransformer(gasPricePayload);
+  return /* @__PURE__ */ jsx2(GasPriceWitnessCardHeader, { title: RenderTitle, parsedPayload, ref });
+});
+BlocknativeGasPriceCardHeader.displayName = "BlocknativeGasPriceCardHeader";
+
+// src/components/Card/Card.tsx
+import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
+var BlocknativeGasPriceCard = forwardRef3(({ payload, ...props }, ref) => {
+  return /* @__PURE__ */ jsxs2(Card, { ref, ...props, children: [
+    /* @__PURE__ */ jsx3(BlocknativeGasPriceCardHeader, { payload }),
+    /* @__PURE__ */ jsx3(BlocknativeGasPriceCardContent, { payload })
+  ] });
+});
+BlocknativeGasPriceCard.displayName = "BlocknativeGasPriceCard";
+
+// src/components/Details/Box/BlocknativeGasPriceDetailsBox.tsx
+import { Grid as Grid2 } from "@mui/material";
+import { isEmpty as isEmpty2 } from "@xylabs/lodash";
+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 { forwardRef as forwardRef4 } from "react";
+import { Fragment, jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
+var BlocknativeGasPriceDetailsBox = forwardRef4(
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
+  ({ payload, listMode, ...props }, ref) => {
+    const gasPricePayload = payload ? payload : void 0;
+    const parsedPayload = useBlocknativeTransformer(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, ref, 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(Grid2, { item: true, 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)) }),
+      /* @__PURE__ */ jsx4(ToggleRawPayloadBox2, { gasPricePayload, alignItems: "start" })
+    ] }) });
+  }
+);
+BlocknativeGasPriceDetailsBox.displayName = "BlocknativeGasPriceDetailsBox";
+
+// src/Plugin.ts
+import { EthereumGasBlocknativeSchema } from "@xyo-network/blocknative-ethereum-gas-payload-plugin";
+import { EthereumGasPriceAvatar } from "@xyo-network/react-gas-price";
+import { createPayloadRenderPlugin } from "@xyo-network/react-payload-plugin";
+var EthereumGasPriceBlocknativePlugin = {
+  ...createPayloadRenderPlugin({
+    canRender: (payload) => payload?.schema === EthereumGasBlocknativeSchema,
+    components: {
+      avatar: {
+        image: EthereumGasPriceAvatar
+      },
+      box: {
+        detailsBox: BlocknativeGasPriceDetailsBox
+      },
+      card: {
+        content: BlocknativeGasPriceCardContent,
+        header: BlocknativeGasPriceCardHeader
+      }
+    },
+    name: "Ethereum Gas Price Blocknative"
+  })
+};
+export {
+  BlocknativeGasPriceCard,
+  BlocknativeGasPriceCardContent,
+  BlocknativeGasPriceCardHeader,
+  BlocknativeGasPriceDetailsBox,
+  EthereumGasPriceBlocknativePlugin,
+  EthereumGasPriceBlocknativePlugin as default
+};
 //# sourceMappingURL=index.js.map

package/dist/neutral/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/Card/Card.tsx","../../src/components/Card/CardContent.tsx","../../src/components/hooks/useBlocknativeTransformer.tsx","../../src/components/Card/CardHeader.tsx","../../src/components/lib/constants.ts","../../src/components/Details/Box/BlocknativeGasPriceDetailsBox.tsx","../../src/Plugin.ts"],"sourcesContent":["import { Card, CardProps } from '@mui/material'\nimport { PayloadRenderProps } from '@xyo-network/react-payload-plugin'\nimport { forwardRef } from 'react'\n\nimport { BlocknativeGasPriceCardContent } from './CardContent'\nimport { BlocknativeGasPriceCardHeader } from './CardHeader'\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 { CardContent, CardContentProps, Grid } from '@mui/material'\nimport { isEmpty } from '@xylabs/lodash'\nimport { EthereumGasBlocknativePayload } from '@xyo-network/blocknative-ethereum-gas-payload-plugin'\nimport { GasFeeCard, ToggleRawPayloadBox } from '@xyo-network/react-gas-price'\nimport { PayloadRenderProps } from '@xyo-network/react-payload-plugin'\nimport { PayloadDataMissing } from '@xyo-network/react-shared'\nimport { forwardRef } from 'react'\n\nimport { useBlocknativeTransformer } from '../hooks'\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 = useBlocknativeTransformer(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 ref={ref} sx={{ display: 'flex', flexDirection: 'column', rowGap: 4 }} {...props}>\n        <Grid container spacing={3} columns={{ lg: 15, md: 15, sm: 12, xs: 12 }}>\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 { EthereumGasBlocknativePayload } from '@xyo-network/blocknative-ethereum-gas-payload-plugin'\nimport { GasPriceWitnessUIBasePayload } from '@xyo-network/react-gas-price'\n\nexport const useBlocknativeTransformer = (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 { CardHeaderProps } from '@mui/material'\nimport { EthereumGasBlocknativePayload } from '@xyo-network/blocknative-ethereum-gas-payload-plugin'\nimport { GasPriceWitnessCardHeader } from '@xyo-network/react-gas-price'\nimport { PayloadRenderProps } from '@xyo-network/react-payload-plugin'\nimport { forwardRef } from 'react'\n\nimport { useBlocknativeTransformer } from '../hooks'\nimport { RenderTitle } from '../lib'\n\nexport const BlocknativeGasPriceCardHeader = forwardRef<HTMLDivElement, PayloadRenderProps & CardHeaderProps>(({ payload }, ref) => {\n  const gasPricePayload = payload ? (payload as EthereumGasBlocknativePayload) : undefined\n  const parsedPayload = useBlocknativeTransformer(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 { isEmpty } from '@xylabs/lodash'\nimport { FlexBoxProps, FlexCol } from '@xylabs/react-flexbox'\nimport { EthereumGasBlocknativePayload } from '@xyo-network/blocknative-ethereum-gas-payload-plugin'\nimport { GasFeeCard, GasPriceWitnessHeaderBox, ToggleRawPayloadBox } from '@xyo-network/react-gas-price'\nimport { PayloadDetailsRenderProps } from '@xyo-network/react-payload-plugin'\nimport { PayloadDataMissing } from '@xyo-network/react-shared'\nimport { forwardRef } from 'react'\n\nimport { useBlocknativeTransformer } from '../../hooks'\nimport { RenderTitle } from '../../lib'\n\nexport const BlocknativeGasPriceDetailsBox = forwardRef<HTMLDivElement, PayloadDetailsRenderProps & FlexBoxProps>(\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  ({ payload, listMode, ...props }, ref) => {\n    const gasPricePayload: EthereumGasBlocknativePayload | undefined = payload ? (payload as EthereumGasBlocknativePayload) : undefined\n    const parsedPayload = useBlocknativeTransformer(gasPricePayload)\n\n    return (\n      <>\n        {isEmpty(gasPricePayload) || !gasPricePayload.blockPrices?.length ?\n          <PayloadDataMissing alertBody=\"Payload is missing valid gas fee data.\" />\n        : <FlexCol alignItems=\"start\" rowGap={4} {...props} ref={ref}>\n            <GasPriceWitnessHeaderBox heading={RenderTitle} parsedPayload={parsedPayload} />\n            <Grid container spacing={3} columns={{ lg: 15, md: 15, sm: 12, xs: 12 }}>\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 { Payload } from '@xyo-network/payload-model'\nimport { EthereumGasPriceAvatar } from '@xyo-network/react-gas-price'\nimport { createPayloadRenderPlugin, PayloadRenderPlugin } from '@xyo-network/react-payload-plugin'\n\nimport { BlocknativeGasPriceCardContent, BlocknativeGasPriceCardHeader, BlocknativeGasPriceDetailsBox } from './components'\n\nexport const EthereumGasPriceBlocknativePlugin: PayloadRenderPlugin = {\n  ...createPayloadRenderPlugin({\n    canRender: (payload?: Payload) => payload?.schema === EthereumGasBlocknativeSchema,\n    components: {\n      avatar: {\n        image: EthereumGasPriceAvatar,\n      },\n      box: {\n        detailsBox: BlocknativeGasPriceDetailsBox,\n      },\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","forwardRef","CardContent","Grid","isEmpty","GasFeeCard","ToggleRawPayloadBox","PayloadDataMissing","forwardRef","useBlocknativeTransformer","payload","blockPrices","gasPrice","price","jsx","jsxs","BlocknativeGasPriceCardContent","forwardRef","payload","props","ref","gasPricePayload","parsedPayload","useBlocknativeTransformer","isEmpty","PayloadDataMissing","CardContent","Grid","price","GasFeeCard","ToggleRawPayloadBox","GasPriceWitnessCardHeader","forwardRef","RenderTitle","jsx","BlocknativeGasPriceCardHeader","forwardRef","payload","ref","parsedPayload","useBlocknativeTransformer","GasPriceWitnessCardHeader","RenderTitle","jsx","jsxs","BlocknativeGasPriceCard","forwardRef","payload","props","ref","Card","BlocknativeGasPriceCardHeader","BlocknativeGasPriceCardContent","Grid","isEmpty","FlexCol","GasFeeCard","GasPriceWitnessHeaderBox","ToggleRawPayloadBox","PayloadDataMissing","forwardRef","Fragment","jsx","jsxs","BlocknativeGasPriceDetailsBox","forwardRef","payload","listMode","props","ref","gasPricePayload","parsedPayload","useBlocknativeTransformer","isEmpty","PayloadDataMissing","FlexCol","GasPriceWitnessHeaderBox","RenderTitle","Grid","price","priorityFee","GasFeeCard","ToggleRawPayloadBox","EthereumGasBlocknativeSchema","EthereumGasPriceAvatar","createPayloadRenderPlugin","EthereumGasPriceBlocknativePlugin","createPayloadRenderPlugin","payload","EthereumGasBlocknativeSchema","EthereumGasPriceAvatar","BlocknativeGasPriceDetailsBox","BlocknativeGasPriceCardContent","BlocknativeGasPriceCardHeader"]}
+{"version":3,"sources":["../../src/components/Card/Card.tsx","../../src/components/Card/CardContent.tsx","../../src/components/hooks/useBlocknativeTransformer.tsx","../../src/components/Card/CardHeader.tsx","../../src/components/lib/constants.ts","../../src/components/Details/Box/BlocknativeGasPriceDetailsBox.tsx","../../src/Plugin.ts"],"sourcesContent":["import { Card, CardProps } from '@mui/material'\nimport { PayloadRenderProps } from '@xyo-network/react-payload-plugin'\nimport { forwardRef } from 'react'\n\nimport { BlocknativeGasPriceCardContent } from './CardContent'\nimport { BlocknativeGasPriceCardHeader } from './CardHeader'\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 { CardContent, CardContentProps, Grid } from '@mui/material'\nimport { isEmpty } from '@xylabs/lodash'\nimport { EthereumGasBlocknativePayload } from '@xyo-network/blocknative-ethereum-gas-payload-plugin'\nimport { GasFeeCard, ToggleRawPayloadBox } from '@xyo-network/react-gas-price'\nimport { PayloadRenderProps } from '@xyo-network/react-payload-plugin'\nimport { PayloadDataMissing } from '@xyo-network/react-shared'\nimport { forwardRef } from 'react'\n\nimport { useBlocknativeTransformer } from '../hooks'\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 = useBlocknativeTransformer(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 ref={ref} sx={{ display: 'flex', flexDirection: 'column', rowGap: 4 }} {...props}>\n        <Grid container spacing={3} columns={{ lg: 15, md: 15, sm: 12, xs: 12 }}>\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 { EthereumGasBlocknativePayload } from '@xyo-network/blocknative-ethereum-gas-payload-plugin'\nimport { GasPriceWitnessUIBasePayload } from '@xyo-network/react-gas-price'\n\nexport const useBlocknativeTransformer = (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 { CardHeaderProps } from '@mui/material'\nimport { EthereumGasBlocknativePayload } from '@xyo-network/blocknative-ethereum-gas-payload-plugin'\nimport { GasPriceWitnessCardHeader } from '@xyo-network/react-gas-price'\nimport { PayloadRenderProps } from '@xyo-network/react-payload-plugin'\nimport { forwardRef } from 'react'\n\nimport { useBlocknativeTransformer } from '../hooks'\nimport { RenderTitle } from '../lib'\n\nexport const BlocknativeGasPriceCardHeader = forwardRef<HTMLDivElement, PayloadRenderProps & CardHeaderProps>(({ payload }, ref) => {\n  const gasPricePayload = payload ? (payload as EthereumGasBlocknativePayload) : undefined\n  const parsedPayload = useBlocknativeTransformer(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 { isEmpty } from '@xylabs/lodash'\nimport { FlexBoxProps, FlexCol } from '@xylabs/react-flexbox'\nimport { EthereumGasBlocknativePayload } from '@xyo-network/blocknative-ethereum-gas-payload-plugin'\nimport { GasFeeCard, GasPriceWitnessHeaderBox, ToggleRawPayloadBox } from '@xyo-network/react-gas-price'\nimport { PayloadDetailsRenderProps } from '@xyo-network/react-payload-plugin'\nimport { PayloadDataMissing } from '@xyo-network/react-shared'\nimport { forwardRef } from 'react'\n\nimport { useBlocknativeTransformer } from '../../hooks'\nimport { RenderTitle } from '../../lib'\n\nexport const BlocknativeGasPriceDetailsBox = forwardRef<HTMLDivElement, PayloadDetailsRenderProps & FlexBoxProps>(\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  ({ payload, listMode, ...props }, ref) => {\n    const gasPricePayload: EthereumGasBlocknativePayload | undefined = payload ? (payload as EthereumGasBlocknativePayload) : undefined\n    const parsedPayload = useBlocknativeTransformer(gasPricePayload)\n\n    return (\n      <>\n        {isEmpty(gasPricePayload) || !gasPricePayload.blockPrices?.length ?\n          <PayloadDataMissing alertBody=\"Payload is missing valid gas fee data.\" />\n        : <FlexCol alignItems=\"start\" rowGap={4} {...props} ref={ref}>\n            <GasPriceWitnessHeaderBox heading={RenderTitle} parsedPayload={parsedPayload} />\n            <Grid container spacing={3} columns={{ lg: 15, md: 15, sm: 12, xs: 12 }}>\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 { Payload } from '@xyo-network/payload-model'\nimport { EthereumGasPriceAvatar } from '@xyo-network/react-gas-price'\nimport { createPayloadRenderPlugin, PayloadRenderPlugin } from '@xyo-network/react-payload-plugin'\n\nimport { BlocknativeGasPriceCardContent, BlocknativeGasPriceCardHeader, BlocknativeGasPriceDetailsBox } from './components'\n\nexport const EthereumGasPriceBlocknativePlugin: PayloadRenderPlugin = {\n  ...createPayloadRenderPlugin({\n    canRender: (payload?: Payload) => payload?.schema === EthereumGasBlocknativeSchema,\n    components: {\n      avatar: {\n        image: EthereumGasPriceAvatar,\n      },\n      box: {\n        detailsBox: BlocknativeGasPriceDetailsBox,\n      },\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":["forwardRef","forwardRef","jsx","forwardRef","jsx","jsxs","forwardRef","Grid","isEmpty","GasFeeCard","ToggleRawPayloadBox","PayloadDataMissing","forwardRef","jsx","jsxs","forwardRef","isEmpty","PayloadDataMissing","Grid","GasFeeCard","ToggleRawPayloadBox"]}