@xyo-network/react-ethereum-gas-price-blocknative-plugin 2.60.12 → 2.62.3

package/dist/index.js

@@ -0,0 +1,181 @@
+"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: () => src_default
+});
+module.exports = __toCommonJS(src_exports);
+
+// 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");
+
+// 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 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"
+  })
+};
+
+// src/index.ts
+var src_default = EthereumGasPriceBlocknativePlugin;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  BlocknativeGasPriceCard,
+  BlocknativeGasPriceCardContent,
+  BlocknativeGasPriceCardHeader,
+  BlocknativeGasPriceDetailsBox,
+  EthereumGasPriceBlocknativePlugin
+});
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.ts","../src/Plugin.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"],"sourcesContent":["import { EthereumGasPriceBlocknativePlugin } from './Plugin'\n\nexport * from './components'\nexport * from './Plugin'\n\n// eslint-disable-next-line import/no-default-export\nexport default EthereumGasPriceBlocknativePlugin\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","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, PayloadRenderProps & CardContentProps>(({ 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\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        ) : (\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"],"mappings":"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","names":["import_react_gas_price","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"]}

package/dist/index.mjs

@@ -0,0 +1,150 @@
+// 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";
+
+// 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
+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"
+  })
+};
+
+// src/index.ts
+var src_default = EthereumGasPriceBlocknativePlugin;
+export {
+  BlocknativeGasPriceCard,
+  BlocknativeGasPriceCardContent,
+  BlocknativeGasPriceCardHeader,
+  BlocknativeGasPriceDetailsBox,
+  EthereumGasPriceBlocknativePlugin,
+  src_default as default
+};
+//# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/Plugin.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/index.ts"],"sourcesContent":["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","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, PayloadRenderProps & CardContentProps>(({ 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\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        ) : (\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 { EthereumGasPriceBlocknativePlugin } from './Plugin'\n\nexport * from './components'\nexport * from './Plugin'\n\n// eslint-disable-next-line import/no-default-export\nexport default EthereumGasPriceBlocknativePlugin\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"]}

package/package.json

@@ -10,19 +10,19 @@
     "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/issues"
   },
   "dependencies": {
-    "@xylabs/react-flexbox": "~2.17.15",
-    "@xyo-network/blocknative-ethereum-gas-payload-plugin": "^2.72.9",
-    "@xyo-network/payload-model": "^2.72.9",
-    "@xyo-network/react-gas-price": "~2.60.12",
-    "@xyo-network/react-payload-plugin": "~2.60.12",
-    "@xyo-network/react-shared": "~2.60.12",
-    "lodash": "^4.17.21"
+    "@xylabs/lodash": "^2.11.7",
+    "@xylabs/react-flexbox": "~2.18.4",
+    "@xyo-network/blocknative-ethereum-gas-payload-plugin": "^2.74.1",
+    "@xyo-network/payload-model": "^2.74.1",
+    "@xyo-network/react-gas-price": "~2.62.3",
+    "@xyo-network/react-payload-plugin": "~2.62.3",
+    "@xyo-network/react-shared": "~2.62.3"
   },
   "devDependencies": {
-    "@storybook/react": "^7.4.0",
-    "@xylabs/ts-scripts-yarn3": "^2.19.4",
-    "@xylabs/tsconfig-react": "^2.19.4",
-    "@xyo-network/react-storybook": "~2.60.12",
+    "@storybook/react": "^7.4.3",
+    "@xylabs/ts-scripts-yarn3": "^3.0.28",
+    "@xylabs/tsconfig-react": "^3.0.28",
+    "@xyo-network/react-storybook": "~2.62.3",
     "typescript": "^5.2.2"
   },
   "peerDependencies": {
@@ -35,27 +35,35 @@
     "react-router-dom": "^6"
   },
   "description": "Common React library for all XYO projects that use React",
-  "browser": "dist/esm/index.js",
   "docs": "dist/docs.json",
   "exports": {
     ".": {
       "node": {
-        "import": "./dist/esm/index.js",
-        "require": "./dist/cjs/index.js"
+        "import": {
+          "types": "./dist/index.d.mts",
+          "default": "./dist/index.mjs"
+        },
+        "require": {
+          "types": "./dist/index.d.ts",
+          "default": "./dist/index.js"
+        }
       },
       "browser": {
-        "import": "./dist/esm/index.js",
-        "require": "./dist/cjs/index.js"
+        "import": {
+          "types": "./dist/index.d.mts",
+          "default": "./dist/index.mjs"
+        },
+        "require": {
+          "types": "./dist/index.d.ts",
+          "default": "./dist/index.js"
+        }
       },
-      "default": "./dist/esm/index.js"
-    },
-    "./dist/docs.json": {
-      "default": "./dist/docs.json"
+      "default": "./dist/index.mjs"
     },
     "./package.json": "./package.json"
   },
-  "main": "dist/cjs/index.js",
-  "module": "dist/esm/index.js",
+  "main": "dist/index.js",
+  "module": "dist/index.mjs",
   "homepage": "https://xyo.network",
   "keywords": [
     "xyo",
@@ -76,6 +84,6 @@
     "license": "yarn license-checker --exclude \"MIT, ISC, Apache-2.0, BSD, BSD-2-Clause, CC-BY-4.0, Unlicense, CC-BY-3.0, CC0-1.0\""
   },
   "sideEffects": false,
-  "types": "dist/types/index.d.ts",
-  "version": "2.60.12"
+  "types": "dist/index.d.ts",
+  "version": "2.62.3"
 }

package/src/components/Card/CardContent.tsx

@@ -1,9 +1,9 @@
 import { CardContent, CardContentProps, Grid } from '@mui/material'
+import { isEmpty } from '@xylabs/lodash'
 import { EthereumGasBlocknativePayload } from '@xyo-network/blocknative-ethereum-gas-payload-plugin'
 import { GasFeeCard, ToggleRawPayloadBox } from '@xyo-network/react-gas-price'
 import { PayloadRenderProps } from '@xyo-network/react-payload-plugin'
 import { PayloadDataMissing } from '@xyo-network/react-shared'
-import isEmpty from 'lodash/isEmpty'
 import { forwardRef } from 'react'
 
 import { useBlocknativeTransformer } from '../hooks'

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

@@ -1,10 +1,10 @@
 import { Grid } from '@mui/material'
+import { isEmpty } from '@xylabs/lodash'
 import { FlexBoxProps, FlexCol } from '@xylabs/react-flexbox'
 import { EthereumGasBlocknativePayload } from '@xyo-network/blocknative-ethereum-gas-payload-plugin'
 import { GasFeeCard, GasPriceWitnessHeaderBox, ToggleRawPayloadBox } from '@xyo-network/react-gas-price'
 import { PayloadDetailsRenderProps } from '@xyo-network/react-payload-plugin'
 import { PayloadDataMissing } from '@xyo-network/react-shared'
-import isEmpty from 'lodash/isEmpty'
 import { forwardRef } from 'react'
 
 import { useBlocknativeTransformer } from '../../hooks'

package/dist/cjs/Plugin.js

@@ -1,24 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.EthereumGasPriceBlocknativePlugin = void 0;
-const blocknative_ethereum_gas_payload_plugin_1 = require("@xyo-network/blocknative-ethereum-gas-payload-plugin");
-const react_gas_price_1 = require("@xyo-network/react-gas-price");
-const react_payload_plugin_1 = require("@xyo-network/react-payload-plugin");
-const components_1 = require("./components");
-exports.EthereumGasPriceBlocknativePlugin = Object.assign({}, (0, react_payload_plugin_1.createPayloadRenderPlugin)({
-    canRender: (payload) => (payload === null || payload === void 0 ? void 0 : payload.schema) === blocknative_ethereum_gas_payload_plugin_1.EthereumGasBlocknativeSchema,
-    components: {
-        avatar: {
-            image: react_gas_price_1.EthereumGasPriceAvatar,
-        },
-        box: {
-            detailsBox: components_1.BlocknativeGasPriceDetailsBox,
-        },
-        card: {
-            content: components_1.BlocknativeGasPriceCardContent,
-            header: components_1.BlocknativeGasPriceCardHeader,
-        },
-    },
-    name: 'Ethereum Gas Price Blocknative',
-}));
-//# sourceMappingURL=Plugin.js.map

package/dist/cjs/Plugin.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Plugin.js","sourceRoot":"","sources":["../../src/Plugin.ts"],"names":[],"mappings":";;;AAAA,kHAAmG;AAEnG,kEAAqE;AACrE,4EAAkG;AAElG,6CAA2H;AAE9G,QAAA,iCAAiC,qBACzC,IAAA,gDAAyB,EAAC;IAC3B,SAAS,EAAE,CAAC,OAAiB,EAAE,EAAE,CAAC,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,MAAM,MAAK,sEAA4B;IAClF,UAAU,EAAE;QACV,MAAM,EAAE;YACN,KAAK,EAAE,wCAAsB;SAC9B;QACD,GAAG,EAAE;YACH,UAAU,EAAE,0CAA6B;SAC1C;QACD,IAAI,EAAE;YACJ,OAAO,EAAE,2CAA8B;YACvC,MAAM,EAAE,0CAA6B;SACtC;KACF;IACD,IAAI,EAAE,gCAAgC;CACvC,CAAC,EACH"}

package/dist/cjs/components/Card/Card.js

@@ -1,15 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.BlocknativeGasPriceCard = void 0;
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const material_1 = require("@mui/material");
-const react_1 = require("react");
-const CardContent_1 = require("./CardContent");
-const CardHeader_1 = require("./CardHeader");
-exports.BlocknativeGasPriceCard = (0, react_1.forwardRef)((_a, ref) => {
-    var { payload } = _a, props = tslib_1.__rest(_a, ["payload"]);
-    return ((0, jsx_runtime_1.jsxs)(material_1.Card, Object.assign({ ref: ref }, props, { children: [(0, jsx_runtime_1.jsx)(CardHeader_1.BlocknativeGasPriceCardHeader, { payload: payload }), (0, jsx_runtime_1.jsx)(CardContent_1.BlocknativeGasPriceCardContent, { payload: payload })] })));
-});
-exports.BlocknativeGasPriceCard.displayName = 'BlocknativeGasPriceCard';
-//# sourceMappingURL=Card.js.map

package/dist/cjs/components/Card/Card.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../../src/components/Card/Card.tsx"],"names":[],"mappings":";;;;;AAAA,4CAA+C;AAE/C,iCAAkC;AAElC,+CAA8D;AAC9D,6CAA4D;AAE/C,QAAA,uBAAuB,GAAG,IAAA,kBAAU,EAAiD,CAAC,EAAqB,EAAE,GAAG,EAAE,EAAE;QAA9B,EAAE,OAAO,OAAY,EAAP,KAAK,sBAAnB,WAAqB,CAAF;IACpH,OAAO,CACL,wBAAC,eAAI,kBAAC,GAAG,EAAE,GAAG,IAAM,KAAK,eACvB,uBAAC,0CAA6B,IAAC,OAAO,EAAE,OAAO,GAAI,EACnD,uBAAC,4CAA8B,IAAC,OAAO,EAAE,OAAO,GAAI,KAC/C,CACR,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,+BAAuB,CAAC,WAAW,GAAG,yBAAyB,CAAA"}

package/dist/cjs/components/Card/CardContent.js

@@ -1,24 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.BlocknativeGasPriceCardContent = void 0;
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const material_1 = require("@mui/material");
-const react_gas_price_1 = require("@xyo-network/react-gas-price");
-const react_shared_1 = require("@xyo-network/react-shared");
-const isEmpty_1 = tslib_1.__importDefault(require("lodash/isEmpty"));
-const react_1 = require("react");
-const hooks_1 = require("../hooks");
-exports.BlocknativeGasPriceCardContent = (0, react_1.forwardRef)((_a, ref) => {
-    var _b, _c;
-    var { payload } = _a, props = tslib_1.__rest(_a, ["payload"]);
-    const gasPricePayload = payload ? payload : undefined;
-    const parsedPayload = (0, hooks_1.useBlocknativeTransformer)(gasPricePayload);
-    if ((0, isEmpty_1.default)(gasPricePayload) || !((_b = gasPricePayload.blockPrices) === null || _b === void 0 ? void 0 : _b.length)) {
-        return (0, jsx_runtime_1.jsx)(react_shared_1.PayloadDataMissing, { alertBody: "Payload is missing valid gas fee data.", sx: { m: 1 } });
-    }
-    return ((0, jsx_runtime_1.jsxs)(material_1.CardContent, Object.assign({ ref: ref, sx: { display: 'flex', flexDirection: 'column', rowGap: 4 } }, props, { children: [(0, jsx_runtime_1.jsx)(material_1.Grid, Object.assign({ container: true, spacing: 3, columns: { lg: 15, md: 15, sm: 12, xs: 12 } }, { children: parsedPayload &&
-                    ((_c = parsedPayload === null || parsedPayload === void 0 ? void 0 : parsedPayload.gasPrice) === null || _c === void 0 ? void 0 : _c.map(({ price }) => ((0, jsx_runtime_1.jsx)(material_1.Grid, Object.assign({ item: true, xs: 12, sm: 6, md: 5, lg: 3 }, { children: (0, jsx_runtime_1.jsx)(react_gas_price_1.GasFeeCard, { gasPrice: price === null || price === void 0 ? void 0 : price.value, speed: price === null || price === void 0 ? void 0 : price.label, speedPaperElevation: 4 }) }), price === null || price === void 0 ? void 0 : price.label)))) })), (0, jsx_runtime_1.jsx)(react_gas_price_1.ToggleRawPayloadBox, { gasPricePayload: gasPricePayload, alignItems: "start", pr: 1 })] })));
-});
-exports.BlocknativeGasPriceCardContent.displayName = 'BlocknativeGasPriceCardContent';
-//# sourceMappingURL=CardContent.js.map

package/dist/cjs/components/Card/CardContent.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CardContent.js","sourceRoot":"","sources":["../../../../src/components/Card/CardContent.tsx"],"names":[],"mappings":";;;;;AAAA,4CAAmE;AAEnE,kEAA8E;AAE9E,4DAA8D;AAC9D,qEAAoC;AACpC,iCAAkC;AAElC,oCAAoD;AAEvC,QAAA,8BAA8B,GAAG,IAAA,kBAAU,EAAwD,CAAC,EAAqB,EAAE,GAAG,EAAE,EAAE;;QAA9B,EAAE,OAAO,OAAY,EAAP,KAAK,sBAAnB,WAAqB,CAAF;IAClI,MAAM,eAAe,GAAG,OAAO,CAAC,CAAC,CAAE,OAAyC,CAAC,CAAC,CAAC,SAAS,CAAA;IACxF,MAAM,aAAa,GAAG,IAAA,iCAAyB,EAAC,eAAe,CAAC,CAAA;IAEhE,IAAI,IAAA,iBAAO,EAAC,eAAe,CAAC,IAAI,CAAC,CAAA,MAAA,eAAe,CAAC,WAAW,0CAAE,MAAM,CAAA,EAAE;QACpE,OAAO,uBAAC,iCAAkB,IAAC,SAAS,EAAC,wCAAwC,EAAC,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,GAAI,CAAA;KAC/F;IAED,OAAO,CACL,wBAAC,sBAAW,kBAAC,GAAG,EAAE,GAAG,EAAE,EAAE,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,EAAE,CAAC,EAAE,IAAM,KAAK,eAC3F,uBAAC,eAAI,kBAAC,SAAS,QAAC,OAAO,EAAE,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,gBACpE,aAAa;qBACZ,MAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,QAAQ,0CAAE,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAC1C,uBAAC,eAAI,kBAAoB,IAAI,QAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,gBACvD,uBAAC,4BAAU,IAAC,QAAQ,EAAE,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,EAAE,KAAK,EAAE,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,EAAE,mBAAmB,EAAE,CAAC,GAAI,KAD1E,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,CAEhB,CACR,CAAC,CAAA,IACC,EACP,uBAAC,qCAAmB,IAAC,eAAe,EAAE,eAAe,EAAE,UAAU,EAAC,OAAO,EAAC,EAAE,EAAE,CAAC,GAAI,KACvE,CACf,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,sCAA8B,CAAC,WAAW,GAAG,gCAAgC,CAAA"}

package/dist/cjs/components/Card/CardHeader.js

@@ -1,15 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.BlocknativeGasPriceCardHeader = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_gas_price_1 = require("@xyo-network/react-gas-price");
-const react_1 = require("react");
-const hooks_1 = require("../hooks");
-const lib_1 = require("../lib");
-exports.BlocknativeGasPriceCardHeader = (0, react_1.forwardRef)(({ payload }, ref) => {
-    const gasPricePayload = payload ? payload : undefined;
-    const parsedPayload = (0, hooks_1.useBlocknativeTransformer)(gasPricePayload);
-    return (0, jsx_runtime_1.jsx)(react_gas_price_1.GasPriceWitnessCardHeader, { title: lib_1.RenderTitle, parsedPayload: parsedPayload, ref: ref });
-});
-exports.BlocknativeGasPriceCardHeader.displayName = 'BlocknativeGasPriceCardHeader';
-//# sourceMappingURL=CardHeader.js.map

package/dist/cjs/components/Card/CardHeader.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CardHeader.js","sourceRoot":"","sources":["../../../../src/components/Card/CardHeader.tsx"],"names":[],"mappings":";;;;AAEA,kEAAwE;AAExE,iCAAkC;AAElC,oCAAoD;AACpD,gCAAoC;AAEvB,QAAA,6BAA6B,GAAG,IAAA,kBAAU,EAAuD,CAAC,EAAE,OAAO,EAAE,EAAE,GAAG,EAAE,EAAE;IACjI,MAAM,eAAe,GAAG,OAAO,CAAC,CAAC,CAAE,OAAyC,CAAC,CAAC,CAAC,SAAS,CAAA;IACxF,MAAM,aAAa,GAAG,IAAA,iCAAyB,EAAC,eAAe,CAAC,CAAA;IAChE,OAAO,uBAAC,2CAAyB,IAAC,KAAK,EAAE,iBAAW,EAAE,aAAa,EAAE,aAAa,EAAE,GAAG,EAAE,GAAG,GAAI,CAAA;AAClG,CAAC,CAAC,CAAA;AAEF,qCAA6B,CAAC,WAAW,GAAG,+BAA+B,CAAA"}

package/dist/cjs/components/Card/index.js

@@ -1,7 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-tslib_1.__exportStar(require("./Card"), exports);
-tslib_1.__exportStar(require("./CardContent"), exports);
-tslib_1.__exportStar(require("./CardHeader"), exports);
-//# sourceMappingURL=index.js.map

package/dist/cjs/components/Card/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Card/index.ts"],"names":[],"mappings":";;;AAAA,iDAAsB;AACtB,wDAA6B;AAC7B,uDAA4B"}