@xyo-network/react-ethereum-gas-price-blocknative-plugin 2.81.10 → 2.82.0

package/dist/browser/index.cjs

@@ -1,8 +1,11 @@
 "use strict";
+var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
@@ -15,6 +18,14 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
 // src/index.ts
@@ -31,17 +42,17 @@ module.exports = __toCommonJS(src_exports);
 
 // src/components/Card/Card.tsx
 var import_material2 = require("@mui/material");
-var import_react3 = require("react");
+var import_react3 = __toESM(require("react"), 1);
 
 // 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");
+var import_react = __toESM(require("react"), 1);
 
 // src/components/hooks/useBlocknativeTransformer.tsx
-var useBlocknativeTransformer = (payload) => {
+var useBlocknativeTransformer = /* @__PURE__ */ __name((payload) => {
   const blockPrices = payload?.blockPrices?.[0];
   if (blockPrices && blockPrices.estimatedPrices?.length) {
     const estimatedPrices = blockPrices?.estimatedPrices;
@@ -69,48 +80,85 @@ var useBlocknativeTransformer = (payload) => {
       website: "https://docs.Blocknative.io/v5/api/providers/provider/#Provider-getFeeData"
     };
   }
-};
+}, "useBlocknativeTransformer");
 
 // 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 })
-    ] });
+var BlocknativeGasPriceCardContent = /* @__PURE__ */ (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__ */ import_react.default.createElement(import_react_shared.PayloadDataMissing, {
+      alertBody: "Payload is missing valid gas fee data.",
+      sx: {
+        m: 1
+      }
+    });
   }
-);
+  return /* @__PURE__ */ import_react.default.createElement(import_material.CardContent, {
+    ref,
+    sx: {
+      display: "flex",
+      flexDirection: "column",
+      rowGap: 4
+    },
+    ...props
+  }, /* @__PURE__ */ import_react.default.createElement(import_material.Grid, {
+    container: true,
+    spacing: 3,
+    columns: {
+      lg: 15,
+      md: 15,
+      sm: 12,
+      xs: 12
+    }
+  }, parsedPayload && parsedPayload?.gasPrice?.map(({ price }) => /* @__PURE__ */ import_react.default.createElement(import_material.Grid, {
+    key: price?.label,
+    item: true,
+    xs: 12,
+    sm: 6,
+    md: 5,
+    lg: 3
+  }, /* @__PURE__ */ import_react.default.createElement(import_react_gas_price.GasFeeCard, {
+    gasPrice: price?.value,
+    speed: price?.label,
+    speedPaperElevation: 4
+  })))), /* @__PURE__ */ import_react.default.createElement(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");
+var import_react2 = __toESM(require("react"), 1);
 
 // 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) => {
+var BlocknativeGasPriceCardHeader = /* @__PURE__ */ (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 });
+  return /* @__PURE__ */ import_react2.default.createElement(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 })
-  ] });
+var BlocknativeGasPriceCard = /* @__PURE__ */ (0, import_react3.forwardRef)(({ payload, ...props }, ref) => {
+  return /* @__PURE__ */ import_react3.default.createElement(import_material2.Card, {
+    ref,
+    ...props
+  }, /* @__PURE__ */ import_react3.default.createElement(BlocknativeGasPriceCardHeader, {
+    payload
+  }), /* @__PURE__ */ import_react3.default.createElement(BlocknativeGasPriceCardContent, {
+    payload
+  }));
 });
 BlocknativeGasPriceCard.displayName = "BlocknativeGasPriceCard";
 
@@ -120,27 +168,48 @@ 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)(
+var import_react4 = __toESM(require("react"), 1);
+var BlocknativeGasPriceDetailsBox = /* @__PURE__ */ (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" })
-    ] }) });
+    return /* @__PURE__ */ import_react4.default.createElement(import_react4.default.Fragment, null, (0, import_lodash2.isEmpty)(gasPricePayload) || !gasPricePayload.blockPrices?.length ? /* @__PURE__ */ import_react4.default.createElement(import_react_shared2.PayloadDataMissing, {
+      alertBody: "Payload is missing valid gas fee data."
+    }) : /* @__PURE__ */ import_react4.default.createElement(import_react_flexbox.FlexCol, {
+      alignItems: "start",
+      rowGap: 4,
+      ...props,
+      ref
+    }, /* @__PURE__ */ import_react4.default.createElement(import_react_gas_price3.GasPriceWitnessHeaderBox, {
+      heading: RenderTitle,
+      parsedPayload
+    }), /* @__PURE__ */ import_react4.default.createElement(import_material3.Grid, {
+      container: true,
+      spacing: 3,
+      columns: {
+        lg: 15,
+        md: 15,
+        sm: 12,
+        xs: 12
+      }
+    }, parsedPayload && parsedPayload?.gasPrice?.map(({ price, priorityFee }) => /* @__PURE__ */ import_react4.default.createElement(import_material3.Grid, {
+      key: price?.label,
+      item: true,
+      xs: 12,
+      sm: 6,
+      md: 5,
+      lg: 3
+    }, /* @__PURE__ */ import_react4.default.createElement(import_react_gas_price3.GasFeeCard, {
+      key: price?.label,
+      gasPrice: price?.value,
+      speed: price?.label,
+      priorityFee: priorityFee?.value,
+      priorityFeeLabel: priorityFee?.label
+    })))), /* @__PURE__ */ import_react4.default.createElement(import_react_gas_price3.ToggleRawPayloadBox, {
+      gasPricePayload,
+      alignItems: "start"
+    })));
   }
 );
 BlocknativeGasPriceDetailsBox.displayName = "BlocknativeGasPriceDetailsBox";
@@ -151,7 +220,7 @@ 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,
+    canRender: /* @__PURE__ */ __name((payload) => payload?.schema === import_blocknative_ethereum_gas_payload_plugin.EthereumGasBlocknativeSchema, "canRender"),
     components: {
       avatar: {
         image: import_react_gas_price4.EthereumGasPriceAvatar

package/dist/browser/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/index.js'\nexport * from './Plugin.js'\n\n// eslint-disable-next-line import/no-default-export\nexport { EthereumGasPriceBlocknativePlugin as default } from './Plugin.js'\n","import { Card, CardProps } from '@mui/material'\nimport { PayloadRenderProps } from '@xyo-network/react-payload-plugin'\nimport { forwardRef } from 'react'\n\nimport { BlocknativeGasPriceCardContent } from './CardContent.js'\nimport { BlocknativeGasPriceCardHeader } from './CardHeader.js'\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/index.js'\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/index.js'\nimport { RenderTitle } from '../lib/index.js'\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/index.js'\nimport { RenderTitle } from '../../lib/index.js'\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/index.js'\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"]}
+{"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/index.ts'\nexport * from './Plugin.ts'\nexport { EthereumGasPriceBlocknativePlugin as default } from './Plugin.ts'\n","import { Card, CardProps } from '@mui/material'\nimport { PayloadRenderProps } from '@xyo-network/react-payload-plugin'\nimport React, { forwardRef } from 'react'\n\nimport { BlocknativeGasPriceCardContent } from './CardContent.tsx'\nimport { BlocknativeGasPriceCardHeader } from './CardHeader.tsx'\n\nexport const BlocknativeGasPriceCard = forwardRef<HTMLDivElement, PayloadRenderProps & CardProps>(({ payload, ...props }, ref) => {\n  return (\n    <Card ref={ref} {...props}>\n      <BlocknativeGasPriceCardHeader payload={payload} />\n      <BlocknativeGasPriceCardContent payload={payload} />\n    </Card>\n  )\n})\n\nBlocknativeGasPriceCard.displayName = 'BlocknativeGasPriceCard'\n","import { 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 React, { forwardRef } from 'react'\n\nimport { useBlocknativeTransformer } from '../hooks/index.ts'\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 React, { forwardRef } from 'react'\n\nimport { useBlocknativeTransformer } from '../hooks/index.ts'\nimport { RenderTitle } from '../lib/index.ts'\n\nexport const BlocknativeGasPriceCardHeader = forwardRef<HTMLDivElement, PayloadRenderProps & CardHeaderProps>(({ payload }, ref) => {\n  const gasPricePayload = payload ? (payload as EthereumGasBlocknativePayload) : undefined\n  const parsedPayload = 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 React, { forwardRef } from 'react'\n\nimport { useBlocknativeTransformer } from '../../hooks/index.ts'\nimport { RenderTitle } from '../../lib/index.ts'\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          : (\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/index.ts'\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","useBlocknativeTransformer","payload","blockPrices","estimatedPrices","length","gasPrice","map","price","label","confidence","value","priorityFee","maxPriorityFeePerGas","baseFee","baseFeePerGas","blockNumber","timestamp","website","BlocknativeGasPriceCardContent","forwardRef","payload","props","ref","gasPricePayload","undefined","parsedPayload","useBlocknativeTransformer","isEmpty","blockPrices","length","React","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","import_react_gas_price","import_react","RenderTitle","BlocknativeGasPriceCardHeader","forwardRef","payload","ref","gasPricePayload","undefined","parsedPayload","useBlocknativeTransformer","React","GasPriceWitnessCardHeader","title","RenderTitle","displayName","BlocknativeGasPriceCard","forwardRef","payload","props","ref","React","Card","BlocknativeGasPriceCardHeader","BlocknativeGasPriceCardContent","displayName","import_material","import_lodash","import_react_gas_price","import_react_shared","import_react","BlocknativeGasPriceDetailsBox","forwardRef","payload","listMode","props","ref","gasPricePayload","undefined","parsedPayload","useBlocknativeTransformer","React","isEmpty","blockPrices","length","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","import_react_gas_price","EthereumGasPriceBlocknativePlugin","createPayloadRenderPlugin","canRender","payload","schema","EthereumGasBlocknativeSchema","components","avatar","image","EthereumGasPriceAvatar","box","detailsBox","BlocknativeGasPriceDetailsBox","card","content","BlocknativeGasPriceCardContent","header","BlocknativeGasPriceCardHeader","name"]}

package/dist/browser/index.d.cts

@@ -1,4 +1,4 @@
-export * from './components/index.js';
-export * from './Plugin.js';
-export { EthereumGasPriceBlocknativePlugin as default } from './Plugin.js';
+export * from './components/index.ts';
+export * from './Plugin.ts';
+export { EthereumGasPriceBlocknativePlugin as default } from './Plugin.ts';
 //# sourceMappingURL=index.d.ts.map

package/dist/browser/index.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAA;AACrC,cAAc,aAAa,CAAA;AAG3B,OAAO,EAAE,iCAAiC,IAAI,OAAO,EAAE,MAAM,aAAa,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAA;AACrC,cAAc,aAAa,CAAA;AAC3B,OAAO,EAAE,iCAAiC,IAAI,OAAO,EAAE,MAAM,aAAa,CAAA"}

package/dist/browser/index.d.mts

@@ -1,4 +1,4 @@
-export * from './components/index.js';
-export * from './Plugin.js';
-export { EthereumGasPriceBlocknativePlugin as default } from './Plugin.js';
+export * from './components/index.ts';
+export * from './Plugin.ts';
+export { EthereumGasPriceBlocknativePlugin as default } from './Plugin.ts';
 //# sourceMappingURL=index.d.ts.map

package/dist/browser/index.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAA;AACrC,cAAc,aAAa,CAAA;AAG3B,OAAO,EAAE,iCAAiC,IAAI,OAAO,EAAE,MAAM,aAAa,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAA;AACrC,cAAc,aAAa,CAAA;AAC3B,OAAO,EAAE,iCAAiC,IAAI,OAAO,EAAE,MAAM,aAAa,CAAA"}

package/dist/browser/index.d.ts

@@ -1,4 +1,4 @@
-export * from './components/index.js';
-export * from './Plugin.js';
-export { EthereumGasPriceBlocknativePlugin as default } from './Plugin.js';
+export * from './components/index.ts';
+export * from './Plugin.ts';
+export { EthereumGasPriceBlocknativePlugin as default } from './Plugin.ts';
 //# sourceMappingURL=index.d.ts.map

package/dist/browser/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAA;AACrC,cAAc,aAAa,CAAA;AAG3B,OAAO,EAAE,iCAAiC,IAAI,OAAO,EAAE,MAAM,aAAa,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAA;AACrC,cAAc,aAAa,CAAA;AAC3B,OAAO,EAAE,iCAAiC,IAAI,OAAO,EAAE,MAAM,aAAa,CAAA"}

package/dist/browser/index.mjs

@@ -0,0 +1,208 @@
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+
+// src/components/Card/Card.tsx
+import { Card } from "@mui/material";
+import React3, { 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 React, { forwardRef } from "react";
+
+// src/components/hooks/useBlocknativeTransformer.tsx
+var useBlocknativeTransformer = /* @__PURE__ */ __name((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"
+    };
+  }
+}, "useBlocknativeTransformer");
+
+// src/components/Card/CardContent.tsx
+var BlocknativeGasPriceCardContent = /* @__PURE__ */ forwardRef(({ payload, ...props }, ref) => {
+  const gasPricePayload = payload ? payload : void 0;
+  const parsedPayload = useBlocknativeTransformer(gasPricePayload);
+  if (isEmpty(gasPricePayload) || !gasPricePayload.blockPrices?.length) {
+    return /* @__PURE__ */ React.createElement(PayloadDataMissing, {
+      alertBody: "Payload is missing valid gas fee data.",
+      sx: {
+        m: 1
+      }
+    });
+  }
+  return /* @__PURE__ */ React.createElement(CardContent, {
+    ref,
+    sx: {
+      display: "flex",
+      flexDirection: "column",
+      rowGap: 4
+    },
+    ...props
+  }, /* @__PURE__ */ React.createElement(Grid, {
+    container: true,
+    spacing: 3,
+    columns: {
+      lg: 15,
+      md: 15,
+      sm: 12,
+      xs: 12
+    }
+  }, parsedPayload && parsedPayload?.gasPrice?.map(({ price }) => /* @__PURE__ */ React.createElement(Grid, {
+    key: price?.label,
+    item: true,
+    xs: 12,
+    sm: 6,
+    md: 5,
+    lg: 3
+  }, /* @__PURE__ */ React.createElement(GasFeeCard, {
+    gasPrice: price?.value,
+    speed: price?.label,
+    speedPaperElevation: 4
+  })))), /* @__PURE__ */ React.createElement(ToggleRawPayloadBox, {
+    gasPricePayload,
+    alignItems: "start",
+    pr: 1
+  }));
+});
+BlocknativeGasPriceCardContent.displayName = "BlocknativeGasPriceCardContent";
+
+// src/components/Card/CardHeader.tsx
+import { GasPriceWitnessCardHeader } from "@xyo-network/react-gas-price";
+import React2, { forwardRef as forwardRef2 } from "react";
+
+// src/components/lib/constants.ts
+var RenderTitle = "Blocknative Gas Tracker";
+
+// src/components/Card/CardHeader.tsx
+var BlocknativeGasPriceCardHeader = /* @__PURE__ */ forwardRef2(({ payload }, ref) => {
+  const gasPricePayload = payload ? payload : void 0;
+  const parsedPayload = useBlocknativeTransformer(gasPricePayload);
+  return /* @__PURE__ */ React2.createElement(GasPriceWitnessCardHeader, {
+    title: RenderTitle,
+    parsedPayload,
+    ref
+  });
+});
+BlocknativeGasPriceCardHeader.displayName = "BlocknativeGasPriceCardHeader";
+
+// src/components/Card/Card.tsx
+var BlocknativeGasPriceCard = /* @__PURE__ */ forwardRef3(({ payload, ...props }, ref) => {
+  return /* @__PURE__ */ React3.createElement(Card, {
+    ref,
+    ...props
+  }, /* @__PURE__ */ React3.createElement(BlocknativeGasPriceCardHeader, {
+    payload
+  }), /* @__PURE__ */ React3.createElement(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 React4, { forwardRef as forwardRef4 } from "react";
+var BlocknativeGasPriceDetailsBox = /* @__PURE__ */ 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__ */ React4.createElement(React4.Fragment, null, isEmpty2(gasPricePayload) || !gasPricePayload.blockPrices?.length ? /* @__PURE__ */ React4.createElement(PayloadDataMissing2, {
+      alertBody: "Payload is missing valid gas fee data."
+    }) : /* @__PURE__ */ React4.createElement(FlexCol, {
+      alignItems: "start",
+      rowGap: 4,
+      ...props,
+      ref
+    }, /* @__PURE__ */ React4.createElement(GasPriceWitnessHeaderBox, {
+      heading: RenderTitle,
+      parsedPayload
+    }), /* @__PURE__ */ React4.createElement(Grid2, {
+      container: true,
+      spacing: 3,
+      columns: {
+        lg: 15,
+        md: 15,
+        sm: 12,
+        xs: 12
+      }
+    }, parsedPayload && parsedPayload?.gasPrice?.map(({ price, priorityFee }) => /* @__PURE__ */ React4.createElement(Grid2, {
+      key: price?.label,
+      item: true,
+      xs: 12,
+      sm: 6,
+      md: 5,
+      lg: 3
+    }, /* @__PURE__ */ React4.createElement(GasFeeCard2, {
+      key: price?.label,
+      gasPrice: price?.value,
+      speed: price?.label,
+      priorityFee: priorityFee?.value,
+      priorityFeeLabel: priorityFee?.label
+    })))), /* @__PURE__ */ React4.createElement(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: /* @__PURE__ */ __name((payload) => payload?.schema === EthereumGasBlocknativeSchema, "canRender"),
+    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.mjs.map

package/dist/browser/index.mjs.map

@@ -0,0 +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 React, { forwardRef } from 'react'\n\nimport { BlocknativeGasPriceCardContent } from './CardContent.tsx'\nimport { BlocknativeGasPriceCardHeader } from './CardHeader.tsx'\n\nexport const BlocknativeGasPriceCard = forwardRef<HTMLDivElement, PayloadRenderProps & CardProps>(({ payload, ...props }, ref) => {\n  return (\n    <Card ref={ref} {...props}>\n      <BlocknativeGasPriceCardHeader payload={payload} />\n      <BlocknativeGasPriceCardContent payload={payload} />\n    </Card>\n  )\n})\n\nBlocknativeGasPriceCard.displayName = 'BlocknativeGasPriceCard'\n","import { 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 React, { forwardRef } from 'react'\n\nimport { useBlocknativeTransformer } from '../hooks/index.ts'\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 React, { forwardRef } from 'react'\n\nimport { useBlocknativeTransformer } from '../hooks/index.ts'\nimport { RenderTitle } from '../lib/index.ts'\n\nexport const BlocknativeGasPriceCardHeader = forwardRef<HTMLDivElement, PayloadRenderProps & CardHeaderProps>(({ payload }, ref) => {\n  const gasPricePayload = payload ? (payload as EthereumGasBlocknativePayload) : undefined\n  const parsedPayload = 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 React, { forwardRef } from 'react'\n\nimport { useBlocknativeTransformer } from '../../hooks/index.ts'\nimport { RenderTitle } from '../../lib/index.ts'\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          : (\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/index.ts'\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","React","forwardRef","CardContent","Grid","isEmpty","GasFeeCard","ToggleRawPayloadBox","PayloadDataMissing","React","forwardRef","useBlocknativeTransformer","payload","blockPrices","estimatedPrices","length","gasPrice","map","price","label","confidence","value","priorityFee","maxPriorityFeePerGas","baseFee","baseFeePerGas","blockNumber","timestamp","website","BlocknativeGasPriceCardContent","forwardRef","payload","props","ref","gasPricePayload","undefined","parsedPayload","useBlocknativeTransformer","isEmpty","blockPrices","length","PayloadDataMissing","alertBody","sx","m","CardContent","display","flexDirection","rowGap","Grid","container","spacing","columns","lg","md","sm","xs","gasPrice","map","price","key","label","item","GasFeeCard","value","speed","speedPaperElevation","ToggleRawPayloadBox","alignItems","pr","displayName","GasPriceWitnessCardHeader","React","forwardRef","RenderTitle","BlocknativeGasPriceCardHeader","forwardRef","payload","ref","gasPricePayload","undefined","parsedPayload","useBlocknativeTransformer","React","GasPriceWitnessCardHeader","title","RenderTitle","displayName","BlocknativeGasPriceCard","forwardRef","payload","props","ref","React","Card","BlocknativeGasPriceCardHeader","BlocknativeGasPriceCardContent","displayName","Grid","isEmpty","FlexCol","GasFeeCard","GasPriceWitnessHeaderBox","ToggleRawPayloadBox","PayloadDataMissing","React","forwardRef","BlocknativeGasPriceDetailsBox","forwardRef","payload","listMode","props","ref","gasPricePayload","undefined","parsedPayload","useBlocknativeTransformer","React","isEmpty","blockPrices","length","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/neutral/components/Card/Card.d.cts

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

package/dist/neutral/components/Card/Card.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../../src/components/Card/Card.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,kBAAkB,EAAE,MAAM,mCAAmC,CAAA;AAMtE,eAAO,MAAM,uBAAuB;;;;;;0DAOlC,CAAA"}
+{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../../src/components/Card/Card.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,kBAAkB,EAAE,MAAM,mCAAmC,CAAA;AACtE,OAAO,KAAqB,MAAM,OAAO,CAAA;AAKzC,eAAO,MAAM,uBAAuB;;;;;;gDAOlC,CAAA"}