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

package/dist/cjs/Plugin.js

@@ -0,0 +1,24 @@
+"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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,15 @@
+"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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,24 @@
+"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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,15 @@
+"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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,7 @@
+"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

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

package/dist/cjs/components/Details/Box/BlocknativeGasPriceDetailsBox.js

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BlocknativeGasPriceDetailsBox = void 0;
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const material_1 = require("@mui/material");
+const react_flexbox_1 = require("@xylabs/react-flexbox");
+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");
+const lib_1 = require("../../lib");
+exports.BlocknativeGasPriceDetailsBox = (0, react_1.forwardRef)(
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+(_a, ref) => {
+    var _b, _c;
+    var { payload, listMode } = _a, props = tslib_1.__rest(_a, ["payload", "listMode"]);
+    const gasPricePayload = payload ? payload : undefined;
+    const parsedPayload = (0, hooks_1.useBlocknativeTransformer)(gasPricePayload);
+    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, isEmpty_1.default)(gasPricePayload) || !((_b = gasPricePayload.blockPrices) === null || _b === void 0 ? void 0 : _b.length) ? ((0, jsx_runtime_1.jsx)(react_shared_1.PayloadDataMissing, { alertBody: "Payload is missing valid gas fee data." })) : ((0, jsx_runtime_1.jsxs)(react_flexbox_1.FlexCol, Object.assign({ alignItems: "start", rowGap: 4 }, props, { ref: ref }, { children: [(0, jsx_runtime_1.jsx)(react_gas_price_1.GasPriceWitnessHeaderBox, { heading: lib_1.RenderTitle, parsedPayload: parsedPayload }), (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, priorityFee }) => ((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, priorityFee: priorityFee === null || priorityFee === void 0 ? void 0 : priorityFee.value, priorityFeeLabel: priorityFee === null || priorityFee === void 0 ? void 0 : priorityFee.label }, price === null || price === void 0 ? void 0 : price.label) }), price === null || price === void 0 ? void 0 : price.label)))) })), (0, jsx_runtime_1.jsx)(react_gas_price_1.ToggleRawPayloadBox, { gasPricePayload: gasPricePayload, alignItems: "start" })] }))) }));
+});
+exports.BlocknativeGasPriceDetailsBox.displayName = 'BlocknativeGasPriceDetailsBox';
+//# sourceMappingURL=BlocknativeGasPriceDetailsBox.js.map

package/dist/cjs/components/Details/Box/BlocknativeGasPriceDetailsBox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BlocknativeGasPriceDetailsBox.js","sourceRoot":"","sources":["../../../../../src/components/Details/Box/BlocknativeGasPriceDetailsBox.tsx"],"names":[],"mappings":";;;;;AAAA,4CAAoC;AACpC,yDAA6D;AAE7D,kEAAwG;AAExG,4DAA8D;AAC9D,qEAAoC;AACpC,iCAAkC;AAElC,uCAAuD;AACvD,mCAAuC;AAE1B,QAAA,6BAA6B,GAAG,IAAA,kBAAU;AACrD,6DAA6D;AAC7D,CAAC,EAA+B,EAAE,GAAG,EAAE,EAAE;;QAAxC,EAAE,OAAO,EAAE,QAAQ,OAAY,EAAP,KAAK,sBAA7B,uBAA+B,CAAF;IAC5B,MAAM,eAAe,GAA8C,OAAO,CAAC,CAAC,CAAE,OAAyC,CAAC,CAAC,CAAC,SAAS,CAAA;IACnI,MAAM,aAAa,GAAG,IAAA,iCAAyB,EAAC,eAAe,CAAC,CAAA;IAEhE,OAAO,CACL,2DACG,IAAA,iBAAO,EAAC,eAAe,CAAC,IAAI,CAAC,CAAA,MAAA,eAAe,CAAC,WAAW,0CAAE,MAAM,CAAA,CAAC,CAAC,CAAC,CAClE,uBAAC,iCAAkB,IAAC,SAAS,EAAC,wCAAwC,GAAG,CAC1E,CAAC,CAAC,CAAC,CACF,wBAAC,uBAAO,kBAAC,UAAU,EAAC,OAAO,EAAC,MAAM,EAAE,CAAC,IAAM,KAAK,IAAE,GAAG,EAAE,GAAG,iBACxD,uBAAC,0CAAwB,IAAC,OAAO,EAAE,iBAAW,EAAE,aAAa,EAAE,aAAa,GAAI,EAChF,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;yBACZ,MAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,QAAQ,0CAAE,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,EAAE,EAAE,CAAC,CACvD,uBAAC,eAAI,kBAAoB,IAAI,QAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,gBACvD,uBAAC,4BAAU,IAET,QAAQ,EAAE,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,EACtB,KAAK,EAAE,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,EACnB,WAAW,EAAE,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,KAAK,EAC/B,gBAAgB,EAAE,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,KAAK,IAJ/B,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,CAKjB,KAPO,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,CAQhB,CACR,CAAC,CAAA,IACC,EACP,uBAAC,qCAAmB,IAAC,eAAe,EAAE,eAAe,EAAE,UAAU,EAAC,OAAO,GAAG,KACpE,CACX,GACA,CACJ,CAAA;AACH,CAAC,CACF,CAAA;AAED,qCAA6B,CAAC,WAAW,GAAG,+BAA+B,CAAA"}

package/dist/cjs/components/Details/Box/index.js

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

package/dist/cjs/components/Details/Box/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/Details/Box/index.ts"],"names":[],"mappings":";;;AAAA,0EAA+C"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Details/index.ts"],"names":[],"mappings":";;;AAAA,gDAAqB"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/hooks/index.ts"],"names":[],"mappings":";;;AAAA,sEAA2C"}

package/dist/cjs/components/hooks/useBlocknativeTransformer.js

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useBlocknativeTransformer = void 0;
+const useBlocknativeTransformer = (payload) => {
+    var _a, _b;
+    const blockPrices = (_a = payload === null || payload === void 0 ? void 0 : payload.blockPrices) === null || _a === void 0 ? void 0 : _a[0];
+    if (blockPrices && ((_b = blockPrices.estimatedPrices) === null || _b === void 0 ? void 0 : _b.length)) {
+        const estimatedPrices = blockPrices === null || blockPrices === void 0 ? void 0 : 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',
+        };
+    }
+};
+exports.useBlocknativeTransformer = useBlocknativeTransformer;
+//# sourceMappingURL=useBlocknativeTransformer.js.map

package/dist/cjs/components/hooks/useBlocknativeTransformer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useBlocknativeTransformer.js","sourceRoot":"","sources":["../../../../src/components/hooks/useBlocknativeTransformer.tsx"],"names":[],"mappings":";;;AAGO,MAAM,yBAAyB,GAAG,CAAC,OAAuC,EAA4C,EAAE;;IAC7H,MAAM,WAAW,GAAG,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,WAAW,0CAAG,CAAC,CAAC,CAAA;IAC7C,IAAI,WAAW,KAAI,MAAA,WAAW,CAAC,eAAe,0CAAE,MAAM,CAAA,EAAE;QACtD,MAAM,eAAe,GAAG,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,eAAe,CAAA;QACpD,MAAM,QAAQ,GAAG,eAAe,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;YAC/C,KAAK,EAAE;gBACL,KAAK,EAAE,gBAAgB,KAAK,CAAC,UAAU,EAAE;gBACzC,KAAK,EAAE,KAAK,CAAC,KAAK;aACnB;YACD,WAAW,EAAE;gBACX,KAAK,EAAE,sBAAsB;gBAC7B,KAAK,EAAE,KAAK,CAAC,oBAAoB;aAClC;SACF,CAAC,CAAC,CAAA;QAEH,OAAO;YACL,OAAO,EAAE;gBACP,KAAK,EAAE,eAAe;gBACtB,KAAK,EAAE,WAAW,CAAC,aAAa;aACjC;YACD,WAAW,EAAE;gBACX,KAAK,EAAE,aAAa;gBACpB,KAAK,EAAE,WAAW,CAAC,WAAW;aAC/B;YACD,QAAQ;YACR,SAAS,EAAE,OAAO,CAAC,SAAS;YAC5B,OAAO,EAAE,4EAA4E;SACtF,CAAA;KACF;AACH,CAAC,CAAA;AA7BY,QAAA,yBAAyB,6BA6BrC"}

package/dist/cjs/components/index.js

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

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

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

package/dist/cjs/components/lib/constants.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RenderTitle = void 0;
+exports.RenderTitle = 'Blocknative Gas Tracker';
+//# sourceMappingURL=constants.js.map

package/dist/cjs/components/lib/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../../src/components/lib/constants.ts"],"names":[],"mappings":";;;AAAa,QAAA,WAAW,GAAG,yBAAyB,CAAA"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/lib/index.ts"],"names":[],"mappings":";;;AAAA,sDAA2B"}

package/dist/cjs/index.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const Plugin_1 = require("./Plugin");
+tslib_1.__exportStar(require("./components"), exports);
+tslib_1.__exportStar(require("./Plugin"), exports);
+// eslint-disable-next-line import/no-default-export
+exports.default = Plugin_1.EthereumGasPriceBlocknativePlugin;
+//# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";;;AAAA,qCAA4D;AAE5D,uDAA4B;AAC5B,mDAAwB;AAExB,oDAAoD;AACpD,kBAAe,0CAAiC,CAAA"}

package/dist/docs.json

@@ -16,7 +16,7 @@
 					"fileName": "packages/plugins/packages/ethereum-gas/packages/blocknative/src/index.ts",
 					"line": 7,
 					"character": 0,
-					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/6e04b89cd41a/packages/plugins/packages/ethereum-gas/packages/blocknative/src/index.ts#L7"
+					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/979e91e13a6b/packages/plugins/packages/ethereum-gas/packages/blocknative/src/index.ts#L7"
 				}
 			],
 			"target": 21
@@ -34,7 +34,7 @@
 					"fileName": "packages/plugins/packages/ethereum-gas/packages/blocknative/src/Plugin.ts",
 					"line": 8,
 					"character": 13,
-					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/6e04b89cd41a/packages/plugins/packages/ethereum-gas/packages/blocknative/src/Plugin.ts#L8"
+					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/979e91e13a6b/packages/plugins/packages/ethereum-gas/packages/blocknative/src/Plugin.ts#L8"
 				}
 			],
 			"type": {
@@ -59,7 +59,7 @@
 					"fileName": "packages/plugins/packages/ethereum-gas/packages/blocknative/src/components/Card/Card.tsx",
 					"line": 8,
 					"character": 13,
-					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/6e04b89cd41a/packages/plugins/packages/ethereum-gas/packages/blocknative/src/components/Card/Card.tsx#L8"
+					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/979e91e13a6b/packages/plugins/packages/ethereum-gas/packages/blocknative/src/components/Card/Card.tsx#L8"
 				}
 			],
 			"signatures": [
@@ -397,7 +397,7 @@
 					"fileName": "packages/plugins/packages/ethereum-gas/packages/blocknative/src/components/Card/CardContent.tsx",
 					"line": 11,
 					"character": 13,
-					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/6e04b89cd41a/packages/plugins/packages/ethereum-gas/packages/blocknative/src/components/Card/CardContent.tsx#L11"
+					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/979e91e13a6b/packages/plugins/packages/ethereum-gas/packages/blocknative/src/components/Card/CardContent.tsx#L11"
 				}
 			],
 			"signatures": [
@@ -719,7 +719,7 @@
 					"fileName": "packages/plugins/packages/ethereum-gas/packages/blocknative/src/components/Card/CardHeader.tsx",
 					"line": 10,
 					"character": 13,
-					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/6e04b89cd41a/packages/plugins/packages/ethereum-gas/packages/blocknative/src/components/Card/CardHeader.tsx#L10"
+					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/979e91e13a6b/packages/plugins/packages/ethereum-gas/packages/blocknative/src/components/Card/CardHeader.tsx#L10"
 				}
 			],
 			"signatures": [
@@ -1058,7 +1058,7 @@
 					"fileName": "packages/plugins/packages/ethereum-gas/packages/blocknative/src/components/Details/Box/BlocknativeGasPriceDetailsBox.tsx",
 					"line": 13,
 					"character": 13,
-					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/6e04b89cd41a/packages/plugins/packages/ethereum-gas/packages/blocknative/src/components/Details/Box/BlocknativeGasPriceDetailsBox.tsx#L13"
+					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/979e91e13a6b/packages/plugins/packages/ethereum-gas/packages/blocknative/src/components/Details/Box/BlocknativeGasPriceDetailsBox.tsx#L13"
 				}
 			],
 			"signatures": [

package/dist/esm/Plugin.js

@@ -0,0 +1,23 @@
+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';
+import { BlocknativeGasPriceCardContent, BlocknativeGasPriceCardHeader, BlocknativeGasPriceDetailsBox } from './components';
+export const EthereumGasPriceBlocknativePlugin = {
+    ...createPayloadRenderPlugin({
+        canRender: (payload) => payload?.schema === EthereumGasBlocknativeSchema,
+        components: {
+            avatar: {
+                image: EthereumGasPriceAvatar,
+            },
+            box: {
+                detailsBox: BlocknativeGasPriceDetailsBox,
+            },
+            card: {
+                content: BlocknativeGasPriceCardContent,
+                header: BlocknativeGasPriceCardHeader,
+            },
+        },
+        name: 'Ethereum Gas Price Blocknative',
+    }),
+};
+//# sourceMappingURL=Plugin.js.map

package/dist/esm/Plugin.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Plugin.js","sourceRoot":"","sources":["../../src/Plugin.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,4BAA4B,EAAE,MAAM,sDAAsD,CAAA;AAEnG,OAAO,EAAE,sBAAsB,EAAE,MAAM,8BAA8B,CAAA;AACrE,OAAO,EAAE,yBAAyB,EAAuB,MAAM,mCAAmC,CAAA;AAElG,OAAO,EAAE,8BAA8B,EAAE,6BAA6B,EAAE,6BAA6B,EAAE,MAAM,cAAc,CAAA;AAE3H,MAAM,CAAC,MAAM,iCAAiC,GAAwB;IACpE,GAAG,yBAAyB,CAAC;QAC3B,SAAS,EAAE,CAAC,OAAiB,EAAE,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,4BAA4B;QAClF,UAAU,EAAE;YACV,MAAM,EAAE;gBACN,KAAK,EAAE,sBAAsB;aAC9B;YACD,GAAG,EAAE;gBACH,UAAU,EAAE,6BAA6B;aAC1C;YACD,IAAI,EAAE;gBACJ,OAAO,EAAE,8BAA8B;gBACvC,MAAM,EAAE,6BAA6B;aACtC;SACF;QACD,IAAI,EAAE,gCAAgC;KACvC,CAAC;CACH,CAAA"}

package/dist/esm/components/Card/Card.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Card } from '@mui/material';
+import { forwardRef } from 'react';
+import { BlocknativeGasPriceCardContent } from './CardContent';
+import { BlocknativeGasPriceCardHeader } from './CardHeader';
+export const BlocknativeGasPriceCard = forwardRef(({ payload, ...props }, ref) => {
+    return (_jsxs(Card, { ref: ref, ...props, children: [_jsx(BlocknativeGasPriceCardHeader, { payload: payload }), _jsx(BlocknativeGasPriceCardContent, { payload: payload })] }));
+});
+BlocknativeGasPriceCard.displayName = 'BlocknativeGasPriceCard';
+//# sourceMappingURL=Card.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../../src/components/Card/Card.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAa,MAAM,eAAe,CAAA;AAE/C,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAElC,OAAO,EAAE,8BAA8B,EAAE,MAAM,eAAe,CAAA;AAC9D,OAAO,EAAE,6BAA6B,EAAE,MAAM,cAAc,CAAA;AAE5D,MAAM,CAAC,MAAM,uBAAuB,GAAG,UAAU,CAAiD,CAAC,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IAC/H,OAAO,CACL,MAAC,IAAI,IAAC,GAAG,EAAE,GAAG,KAAM,KAAK,aACvB,KAAC,6BAA6B,IAAC,OAAO,EAAE,OAAO,GAAI,EACnD,KAAC,8BAA8B,IAAC,OAAO,EAAE,OAAO,GAAI,IAC/C,CACR,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,uBAAuB,CAAC,WAAW,GAAG,yBAAyB,CAAA"}

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

@@ -0,0 +1,18 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { CardContent, Grid } from '@mui/material';
+import { GasFeeCard, ToggleRawPayloadBox } from '@xyo-network/react-gas-price';
+import { PayloadDataMissing } from '@xyo-network/react-shared';
+import isEmpty from 'lodash/isEmpty';
+import { forwardRef } from 'react';
+import { useBlocknativeTransformer } from '../hooks';
+export const BlocknativeGasPriceCardContent = forwardRef(({ payload, ...props }, ref) => {
+    const gasPricePayload = payload ? payload : undefined;
+    const parsedPayload = useBlocknativeTransformer(gasPricePayload);
+    if (isEmpty(gasPricePayload) || !gasPricePayload.blockPrices?.length) {
+        return _jsx(PayloadDataMissing, { alertBody: "Payload is missing valid gas fee data.", sx: { m: 1 } });
+    }
+    return (_jsxs(CardContent, { ref: ref, sx: { display: 'flex', flexDirection: 'column', rowGap: 4 }, ...props, children: [_jsx(Grid, { container: true, spacing: 3, columns: { lg: 15, md: 15, sm: 12, xs: 12 }, children: parsedPayload &&
+                    parsedPayload?.gasPrice?.map(({ price }) => (_jsx(Grid, { item: true, xs: 12, sm: 6, md: 5, lg: 3, children: _jsx(GasFeeCard, { gasPrice: price?.value, speed: price?.label, speedPaperElevation: 4 }) }, price?.label))) }), _jsx(ToggleRawPayloadBox, { gasPricePayload: gasPricePayload, alignItems: "start", pr: 1 })] }));
+});
+BlocknativeGasPriceCardContent.displayName = 'BlocknativeGasPriceCardContent';
+//# sourceMappingURL=CardContent.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CardContent.js","sourceRoot":"","sources":["../../../../src/components/Card/CardContent.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAoB,IAAI,EAAE,MAAM,eAAe,CAAA;AAEnE,OAAO,EAAE,UAAU,EAAE,mBAAmB,EAAE,MAAM,8BAA8B,CAAA;AAE9E,OAAO,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAA;AAC9D,OAAO,OAAO,MAAM,gBAAgB,CAAA;AACpC,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAElC,OAAO,EAAE,yBAAyB,EAAE,MAAM,UAAU,CAAA;AAEpD,MAAM,CAAC,MAAM,8BAA8B,GAAG,UAAU,CAAwD,CAAC,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IAC7I,MAAM,eAAe,GAAG,OAAO,CAAC,CAAC,CAAE,OAAyC,CAAC,CAAC,CAAC,SAAS,CAAA;IACxF,MAAM,aAAa,GAAG,yBAAyB,CAAC,eAAe,CAAC,CAAA;IAEhE,IAAI,OAAO,CAAC,eAAe,CAAC,IAAI,CAAC,eAAe,CAAC,WAAW,EAAE,MAAM,EAAE;QACpE,OAAO,KAAC,kBAAkB,IAAC,SAAS,EAAC,wCAAwC,EAAC,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,GAAI,CAAA;KAC/F;IAED,OAAO,CACL,MAAC,WAAW,IAAC,GAAG,EAAE,GAAG,EAAE,EAAE,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,EAAE,CAAC,EAAE,KAAM,KAAK,aAC3F,KAAC,IAAI,IAAC,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,YACpE,aAAa;oBACZ,aAAa,EAAE,QAAQ,EAAE,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAC1C,KAAC,IAAI,IAAoB,IAAI,QAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,YACvD,KAAC,UAAU,IAAC,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,mBAAmB,EAAE,CAAC,GAAI,IAD1E,KAAK,EAAE,KAAK,CAEhB,CACR,CAAC,GACC,EACP,KAAC,mBAAmB,IAAC,eAAe,EAAE,eAAe,EAAE,UAAU,EAAC,OAAO,EAAC,EAAE,EAAE,CAAC,GAAI,IACvE,CACf,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,8BAA8B,CAAC,WAAW,GAAG,gCAAgC,CAAA"}

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

@@ -0,0 +1,12 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { GasPriceWitnessCardHeader } from '@xyo-network/react-gas-price';
+import { forwardRef } from 'react';
+import { useBlocknativeTransformer } from '../hooks';
+import { RenderTitle } from '../lib';
+export const BlocknativeGasPriceCardHeader = forwardRef(({ payload }, ref) => {
+    const gasPricePayload = payload ? payload : undefined;
+    const parsedPayload = useBlocknativeTransformer(gasPricePayload);
+    return _jsx(GasPriceWitnessCardHeader, { title: RenderTitle, parsedPayload: parsedPayload, ref: ref });
+});
+BlocknativeGasPriceCardHeader.displayName = 'BlocknativeGasPriceCardHeader';
+//# sourceMappingURL=CardHeader.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CardHeader.js","sourceRoot":"","sources":["../../../../src/components/Card/CardHeader.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,yBAAyB,EAAE,MAAM,8BAA8B,CAAA;AAExE,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAElC,OAAO,EAAE,yBAAyB,EAAE,MAAM,UAAU,CAAA;AACpD,OAAO,EAAE,WAAW,EAAE,MAAM,QAAQ,CAAA;AAEpC,MAAM,CAAC,MAAM,6BAA6B,GAAG,UAAU,CAAuD,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,yBAAyB,CAAC,eAAe,CAAC,CAAA;IAChE,OAAO,KAAC,yBAAyB,IAAC,KAAK,EAAE,WAAW,EAAE,aAAa,EAAE,aAAa,EAAE,GAAG,EAAE,GAAG,GAAI,CAAA;AAClG,CAAC,CAAC,CAAA;AAEF,6BAA6B,CAAC,WAAW,GAAG,+BAA+B,CAAA"}

package/dist/{components/Card/index.d.mts → esm/components/Card/index.js}

@@ -1,4 +1,4 @@
 export * from './Card';
 export * from './CardContent';
 export * from './CardHeader';
-//# sourceMappingURL=index.d.ts.map
+//# sourceMappingURL=index.js.map

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

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

package/dist/esm/components/Details/Box/BlocknativeGasPriceDetailsBox.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Grid } from '@mui/material';
+import { FlexCol } from '@xylabs/react-flexbox';
+import { GasFeeCard, GasPriceWitnessHeaderBox, ToggleRawPayloadBox } from '@xyo-network/react-gas-price';
+import { PayloadDataMissing } from '@xyo-network/react-shared';
+import isEmpty from 'lodash/isEmpty';
+import { forwardRef } from 'react';
+import { useBlocknativeTransformer } from '../../hooks';
+import { RenderTitle } from '../../lib';
+export const BlocknativeGasPriceDetailsBox = forwardRef(
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+({ payload, listMode, ...props }, ref) => {
+    const gasPricePayload = payload ? payload : undefined;
+    const parsedPayload = useBlocknativeTransformer(gasPricePayload);
+    return (_jsx(_Fragment, { children: isEmpty(gasPricePayload) || !gasPricePayload.blockPrices?.length ? (_jsx(PayloadDataMissing, { alertBody: "Payload is missing valid gas fee data." })) : (_jsxs(FlexCol, { alignItems: "start", rowGap: 4, ...props, ref: ref, children: [_jsx(GasPriceWitnessHeaderBox, { heading: RenderTitle, parsedPayload: parsedPayload }), _jsx(Grid, { container: true, spacing: 3, columns: { lg: 15, md: 15, sm: 12, xs: 12 }, children: parsedPayload &&
+                        parsedPayload?.gasPrice?.map(({ price, priorityFee }) => (_jsx(Grid, { item: true, xs: 12, sm: 6, md: 5, lg: 3, children: _jsx(GasFeeCard, { gasPrice: price?.value, speed: price?.label, priorityFee: priorityFee?.value, priorityFeeLabel: priorityFee?.label }, price?.label) }, price?.label))) }), _jsx(ToggleRawPayloadBox, { gasPricePayload: gasPricePayload, alignItems: "start" })] })) }));
+});
+BlocknativeGasPriceDetailsBox.displayName = 'BlocknativeGasPriceDetailsBox';
+//# sourceMappingURL=BlocknativeGasPriceDetailsBox.js.map

package/dist/esm/components/Details/Box/BlocknativeGasPriceDetailsBox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BlocknativeGasPriceDetailsBox.js","sourceRoot":"","sources":["../../../../../src/components/Details/Box/BlocknativeGasPriceDetailsBox.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA;AACpC,OAAO,EAAgB,OAAO,EAAE,MAAM,uBAAuB,CAAA;AAE7D,OAAO,EAAE,UAAU,EAAE,wBAAwB,EAAE,mBAAmB,EAAE,MAAM,8BAA8B,CAAA;AAExG,OAAO,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAA;AAC9D,OAAO,OAAO,MAAM,gBAAgB,CAAA;AACpC,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAElC,OAAO,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAA;AACvD,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AAEvC,MAAM,CAAC,MAAM,6BAA6B,GAAG,UAAU;AACrD,6DAA6D;AAC7D,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACvC,MAAM,eAAe,GAA8C,OAAO,CAAC,CAAC,CAAE,OAAyC,CAAC,CAAC,CAAC,SAAS,CAAA;IACnI,MAAM,aAAa,GAAG,yBAAyB,CAAC,eAAe,CAAC,CAAA;IAEhE,OAAO,CACL,4BACG,OAAO,CAAC,eAAe,CAAC,IAAI,CAAC,eAAe,CAAC,WAAW,EAAE,MAAM,CAAC,CAAC,CAAC,CAClE,KAAC,kBAAkB,IAAC,SAAS,EAAC,wCAAwC,GAAG,CAC1E,CAAC,CAAC,CAAC,CACF,MAAC,OAAO,IAAC,UAAU,EAAC,OAAO,EAAC,MAAM,EAAE,CAAC,KAAM,KAAK,EAAE,GAAG,EAAE,GAAG,aACxD,KAAC,wBAAwB,IAAC,OAAO,EAAE,WAAW,EAAE,aAAa,EAAE,aAAa,GAAI,EAChF,KAAC,IAAI,IAAC,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,YACpE,aAAa;wBACZ,aAAa,EAAE,QAAQ,EAAE,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,EAAE,EAAE,CAAC,CACvD,KAAC,IAAI,IAAoB,IAAI,QAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,YACvD,KAAC,UAAU,IAET,QAAQ,EAAE,KAAK,EAAE,KAAK,EACtB,KAAK,EAAE,KAAK,EAAE,KAAK,EACnB,WAAW,EAAE,WAAW,EAAE,KAAK,EAC/B,gBAAgB,EAAE,WAAW,EAAE,KAAK,IAJ/B,KAAK,EAAE,KAAK,CAKjB,IAPO,KAAK,EAAE,KAAK,CAQhB,CACR,CAAC,GACC,EACP,KAAC,mBAAmB,IAAC,eAAe,EAAE,eAAe,EAAE,UAAU,EAAC,OAAO,GAAG,IACpE,CACX,GACA,CACJ,CAAA;AACH,CAAC,CACF,CAAA;AAED,6BAA6B,CAAC,WAAW,GAAG,+BAA+B,CAAA"}

package/dist/{components/Details/Box/index.d.mts → esm/components/Details/Box/index.js}

@@ -1,2 +1,2 @@
 export * from './BlocknativeGasPriceDetailsBox';
-//# sourceMappingURL=index.d.ts.map
+//# sourceMappingURL=index.js.map

package/dist/esm/components/Details/Box/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/Details/Box/index.ts"],"names":[],"mappings":"AAAA,cAAc,iCAAiC,CAAA"}

package/dist/esm/components/Details/index.js

@@ -0,0 +1,2 @@
+export * from './Box';
+//# sourceMappingURL=index.js.map

package/dist/esm/components/Details/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Details/index.ts"],"names":[],"mappings":"AAAA,cAAc,OAAO,CAAA"}

package/dist/{components/hooks/index.d.mts → esm/components/hooks/index.js}

@@ -1,2 +1,2 @@
 export * from './useBlocknativeTransformer';
-//# sourceMappingURL=index.d.ts.map
+//# sourceMappingURL=index.js.map

package/dist/esm/components/hooks/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,6BAA6B,CAAA"}

package/dist/esm/components/hooks/useBlocknativeTransformer.js

@@ -0,0 +1,30 @@
+export const 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',
+        };
+    }
+};
+//# sourceMappingURL=useBlocknativeTransformer.js.map

package/dist/esm/components/hooks/useBlocknativeTransformer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useBlocknativeTransformer.js","sourceRoot":"","sources":["../../../../src/components/hooks/useBlocknativeTransformer.tsx"],"names":[],"mappings":"AAGA,MAAM,CAAC,MAAM,yBAAyB,GAAG,CAAC,OAAuC,EAA4C,EAAE;IAC7H,MAAM,WAAW,GAAG,OAAO,EAAE,WAAW,EAAE,CAAC,CAAC,CAAC,CAAA;IAC7C,IAAI,WAAW,IAAI,WAAW,CAAC,eAAe,EAAE,MAAM,EAAE;QACtD,MAAM,eAAe,GAAG,WAAW,EAAE,eAAe,CAAA;QACpD,MAAM,QAAQ,GAAG,eAAe,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;YAC/C,KAAK,EAAE;gBACL,KAAK,EAAE,gBAAgB,KAAK,CAAC,UAAU,EAAE;gBACzC,KAAK,EAAE,KAAK,CAAC,KAAK;aACnB;YACD,WAAW,EAAE;gBACX,KAAK,EAAE,sBAAsB;gBAC7B,KAAK,EAAE,KAAK,CAAC,oBAAoB;aAClC;SACF,CAAC,CAAC,CAAA;QAEH,OAAO;YACL,OAAO,EAAE;gBACP,KAAK,EAAE,eAAe;gBACtB,KAAK,EAAE,WAAW,CAAC,aAAa;aACjC;YACD,WAAW,EAAE;gBACX,KAAK,EAAE,aAAa;gBACpB,KAAK,EAAE,WAAW,CAAC,WAAW;aAC/B;YACD,QAAQ;YACR,SAAS,EAAE,OAAO,CAAC,SAAS;YAC5B,OAAO,EAAE,4EAA4E;SACtF,CAAA;KACF;AACH,CAAC,CAAA"}

package/dist/{components/index.d.mts → esm/components/index.js}

@@ -1,3 +1,3 @@
 export * from './Card';
 export * from './Details';
-//# sourceMappingURL=index.d.ts.map
+//# sourceMappingURL=index.js.map

package/dist/esm/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAA;AACtB,cAAc,WAAW,CAAA"}

package/dist/esm/components/lib/constants.js

@@ -0,0 +1,2 @@
+export const RenderTitle = 'Blocknative Gas Tracker';
+//# sourceMappingURL=constants.js.map

package/dist/esm/components/lib/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../../src/components/lib/constants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,WAAW,GAAG,yBAAyB,CAAA"}

package/dist/esm/components/lib/index.js

@@ -0,0 +1,2 @@
+export * from './constants';
+//# sourceMappingURL=index.js.map

package/dist/esm/components/lib/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/lib/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAA"}

package/dist/{index.d.mts → esm/index.js}

@@ -1,5 +1,6 @@
 import { EthereumGasPriceBlocknativePlugin } from './Plugin';
 export * from './components';
 export * from './Plugin';
+// eslint-disable-next-line import/no-default-export
 export default EthereumGasPriceBlocknativePlugin;
-//# sourceMappingURL=index.d.ts.map
+//# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iCAAiC,EAAE,MAAM,UAAU,CAAA;AAE5D,cAAc,cAAc,CAAA;AAC5B,cAAc,UAAU,CAAA;AAExB,oDAAoD;AACpD,eAAe,iCAAiC,CAAA"}

package/dist/types/Plugin.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Plugin.d.ts","sourceRoot":"","sources":["../../src/Plugin.ts"],"names":[],"mappings":"AAGA,OAAO,EAA6B,mBAAmB,EAAE,MAAM,mCAAmC,CAAA;AAIlG,eAAO,MAAM,iCAAiC,EAAE,mBAiB/C,CAAA"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"CardContent.d.ts","sourceRoot":"","sources":["../../../../src/components/Card/CardContent.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,kBAAkB,EAAE,MAAM,mCAAmC,CAAA;AAOtE,eAAO,MAAM,8BAA8B;;;;;;0DAqBzC,CAAA"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Card/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAA;AACtB,cAAc,eAAe,CAAA;AAC7B,cAAc,cAAc,CAAA"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"BlocknativeGasPriceDetailsBox.d.ts","sourceRoot":"","sources":["../../../../../src/components/Details/Box/BlocknativeGasPriceDetailsBox.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,yBAAyB,EAAE,MAAM,mCAAmC,CAAA;AAQ7E,eAAO,MAAM,6BAA6B,qKAiCzC,CAAA"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Details/Box/index.ts"],"names":[],"mappings":"AAAA,cAAc,iCAAiC,CAAA"}

package/dist/types/components/Details/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Details/index.ts"],"names":[],"mappings":"AAAA,cAAc,OAAO,CAAA"}

package/dist/types/components/hooks/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,6BAA6B,CAAA"}