@xyo-network/react-ethereum-gas-price-blocknative-plugin 2.64.8 → 2.64.10
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/docs.json +6 -6
- package/package.json +11 -11
- package/dist/browser/Plugin.cjs +0 -149
- package/dist/browser/Plugin.cjs.map +0 -1
- package/dist/browser/Plugin.js +0 -128
- package/dist/browser/Plugin.js.map +0 -1
- package/dist/browser/components/Card/Card.cjs +0 -107
- package/dist/browser/components/Card/Card.cjs.map +0 -1
- package/dist/browser/components/Card/Card.js +0 -86
- package/dist/browser/components/Card/Card.js.map +0 -1
- package/dist/browser/components/Card/CardContent.cjs +0 -77
- package/dist/browser/components/Card/CardContent.cjs.map +0 -1
- package/dist/browser/components/Card/CardContent.js +0 -56
- package/dist/browser/components/Card/CardContent.js.map +0 -1
- package/dist/browser/components/Card/CardHeader.cjs +0 -71
- package/dist/browser/components/Card/CardHeader.cjs.map +0 -1
- package/dist/browser/components/Card/CardHeader.js +0 -50
- package/dist/browser/components/Card/CardHeader.js.map +0 -1
- package/dist/browser/components/Card/index.cjs +0 -111
- package/dist/browser/components/Card/index.cjs.map +0 -1
- package/dist/browser/components/Card/index.js +0 -88
- package/dist/browser/components/Card/index.js.map +0 -1
- package/dist/browser/components/Details/Box/BlocknativeGasPriceDetailsBox.cjs +0 -91
- package/dist/browser/components/Details/Box/BlocknativeGasPriceDetailsBox.cjs.map +0 -1
- package/dist/browser/components/Details/Box/BlocknativeGasPriceDetailsBox.js +0 -70
- package/dist/browser/components/Details/Box/BlocknativeGasPriceDetailsBox.js.map +0 -1
- package/dist/browser/components/Details/Box/index.cjs +0 -93
- package/dist/browser/components/Details/Box/index.cjs.map +0 -1
- package/dist/browser/components/Details/Box/index.js +0 -70
- package/dist/browser/components/Details/Box/index.js.map +0 -1
- package/dist/browser/components/Details/index.cjs +0 -93
- package/dist/browser/components/Details/index.cjs.map +0 -1
- package/dist/browser/components/Details/index.js +0 -70
- package/dist/browser/components/Details/index.js.map +0 -1
- package/dist/browser/components/hooks/index.cjs +0 -57
- package/dist/browser/components/hooks/index.cjs.map +0 -1
- package/dist/browser/components/hooks/index.js +0 -34
- package/dist/browser/components/hooks/index.js.map +0 -1
- package/dist/browser/components/hooks/useBlocknativeTransformer.cjs +0 -55
- package/dist/browser/components/hooks/useBlocknativeTransformer.cjs.map +0 -1
- package/dist/browser/components/hooks/useBlocknativeTransformer.js +0 -34
- package/dist/browser/components/hooks/useBlocknativeTransformer.js.map +0 -1
- package/dist/browser/components/index.cjs +0 -143
- package/dist/browser/components/index.cjs.map +0 -1
- package/dist/browser/components/index.js +0 -120
- package/dist/browser/components/index.js.map +0 -1
- package/dist/browser/components/lib/constants.cjs +0 -27
- package/dist/browser/components/lib/constants.cjs.map +0 -1
- package/dist/browser/components/lib/constants.js +0 -6
- package/dist/browser/components/lib/constants.js.map +0 -1
- package/dist/browser/components/lib/index.cjs +0 -29
- package/dist/browser/components/lib/index.cjs.map +0 -1
- package/dist/browser/components/lib/index.js +0 -6
- package/dist/browser/components/lib/index.js.map +0 -1
- package/dist/browser/types/images.d.cjs +0 -2
- package/dist/browser/types/images.d.cjs.map +0 -1
- package/dist/browser/types/images.d.js +0 -1
- package/dist/browser/types/images.d.js.map +0 -1
- package/dist/node/Plugin.cjs +0 -156
- package/dist/node/Plugin.cjs.map +0 -1
- package/dist/node/Plugin.js +0 -131
- package/dist/node/Plugin.js.map +0 -1
- package/dist/node/components/Card/Card.cjs +0 -113
- package/dist/node/components/Card/Card.cjs.map +0 -1
- package/dist/node/components/Card/Card.js +0 -88
- package/dist/node/components/Card/Card.js.map +0 -1
- package/dist/node/components/Card/CardContent.cjs +0 -83
- package/dist/node/components/Card/CardContent.cjs.map +0 -1
- package/dist/node/components/Card/CardContent.js +0 -58
- package/dist/node/components/Card/CardContent.js.map +0 -1
- package/dist/node/components/Card/CardHeader.cjs +0 -76
- package/dist/node/components/Card/CardHeader.cjs.map +0 -1
- package/dist/node/components/Card/CardHeader.js +0 -51
- package/dist/node/components/Card/CardHeader.js.map +0 -1
- package/dist/node/components/Card/index.cjs +0 -119
- package/dist/node/components/Card/index.cjs.map +0 -1
- package/dist/node/components/Card/index.js +0 -90
- package/dist/node/components/Card/index.js.map +0 -1
- package/dist/node/components/Details/Box/BlocknativeGasPriceDetailsBox.cjs +0 -97
- package/dist/node/components/Details/Box/BlocknativeGasPriceDetailsBox.cjs.map +0 -1
- package/dist/node/components/Details/Box/BlocknativeGasPriceDetailsBox.js +0 -72
- package/dist/node/components/Details/Box/BlocknativeGasPriceDetailsBox.js.map +0 -1
- package/dist/node/components/Details/Box/index.cjs +0 -99
- package/dist/node/components/Details/Box/index.cjs.map +0 -1
- package/dist/node/components/Details/Box/index.js +0 -72
- package/dist/node/components/Details/Box/index.js.map +0 -1
- package/dist/node/components/Details/index.cjs +0 -99
- package/dist/node/components/Details/index.cjs.map +0 -1
- package/dist/node/components/Details/index.js +0 -72
- package/dist/node/components/Details/index.js.map +0 -1
- package/dist/node/components/hooks/index.cjs +0 -62
- package/dist/node/components/hooks/index.cjs.map +0 -1
- package/dist/node/components/hooks/index.js +0 -35
- package/dist/node/components/hooks/index.js.map +0 -1
- package/dist/node/components/hooks/useBlocknativeTransformer.cjs +0 -60
- package/dist/node/components/hooks/useBlocknativeTransformer.cjs.map +0 -1
- package/dist/node/components/hooks/useBlocknativeTransformer.js +0 -35
- package/dist/node/components/hooks/useBlocknativeTransformer.js.map +0 -1
- package/dist/node/components/index.cjs +0 -153
- package/dist/node/components/index.cjs.map +0 -1
- package/dist/node/components/index.js +0 -123
- package/dist/node/components/index.js.map +0 -1
- package/dist/node/components/lib/constants.cjs +0 -31
- package/dist/node/components/lib/constants.cjs.map +0 -1
- package/dist/node/components/lib/constants.js +0 -6
- package/dist/node/components/lib/constants.js.map +0 -1
- package/dist/node/components/lib/index.cjs +0 -33
- package/dist/node/components/lib/index.cjs.map +0 -1
- package/dist/node/components/lib/index.js +0 -6
- package/dist/node/components/lib/index.js.map +0 -1
- package/dist/node/types/images.d.cjs +0 -2
- package/dist/node/types/images.d.cjs.map +0 -1
- package/dist/node/types/images.d.js +0 -1
- package/dist/node/types/images.d.js.map +0 -1
|
@@ -1 +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"],"sourcesContent":["import { Card, CardProps } from '@mui/material'\nimport { PayloadRenderProps } from '@xyo-network/react-payload-plugin'\nimport { forwardRef } from 'react'\n\nimport { BlocknativeGasPriceCardContent } from './CardContent'\nimport { BlocknativeGasPriceCardHeader } from './CardHeader'\n\nexport const BlocknativeGasPriceCard = forwardRef<HTMLDivElement, PayloadRenderProps & CardProps>(({ payload, ...props }, ref) => {\n return (\n <Card ref={ref} {...props}>\n <BlocknativeGasPriceCardHeader payload={payload} />\n <BlocknativeGasPriceCardContent payload={payload} />\n </Card>\n )\n})\n\nBlocknativeGasPriceCard.displayName = 'BlocknativeGasPriceCard'\n","import { CardContent, CardContentProps, Grid } from '@mui/material'\nimport { isEmpty } from '@xylabs/lodash'\nimport { EthereumGasBlocknativePayload } from '@xyo-network/blocknative-ethereum-gas-payload-plugin'\nimport { GasFeeCard, ToggleRawPayloadBox } from '@xyo-network/react-gas-price'\nimport { PayloadRenderProps } from '@xyo-network/react-payload-plugin'\nimport { PayloadDataMissing } from '@xyo-network/react-shared'\nimport { forwardRef } from 'react'\n\nimport { useBlocknativeTransformer } from '../hooks'\n\nexport const BlocknativeGasPriceCardContent = forwardRef<HTMLDivElement, 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"],"mappings":";AAAA,SAAS,YAAuB;AAEhC,SAAS,cAAAA,mBAAkB;;;ACF3B,SAAS,aAA+B,YAAY;AACpD,SAAS,eAAe;AAExB,SAAS,YAAY,2BAA2B;AAEhD,SAAS,0BAA0B;AACnC,SAAS,kBAAkB;;;ACHpB,IAAM,4BAA4B,CAAC,YAAsF;AAC9H,QAAM,cAAc,SAAS,cAAc,CAAC;AAC5C,MAAI,eAAe,YAAY,iBAAiB,QAAQ;AACtD,UAAM,kBAAkB,aAAa;AACrC,UAAM,WAAW,gBAAgB,IAAI,CAAC,WAAW;AAAA,MAC/C,OAAO;AAAA,QACL,OAAO,gBAAgB,MAAM,UAAU;AAAA,QACvC,OAAO,MAAM;AAAA,MACf;AAAA,MACA,aAAa;AAAA,QACX,OAAO;AAAA,QACP,OAAO,MAAM;AAAA,MACf;AAAA,IACF,EAAE;AAEF,WAAO;AAAA,MACL,SAAS;AAAA,QACP,OAAO;AAAA,QACP,OAAO,YAAY;AAAA,MACrB;AAAA,MACA,aAAa;AAAA,QACX,OAAO;AAAA,QACP,OAAO,YAAY;AAAA,MACrB;AAAA,MACA;AAAA,MACA,WAAW,QAAQ;AAAA,MACnB,SAAS;AAAA,IACX;AAAA,EACF;AACF;;;ADjBW,cAIP,YAJO;AALJ,IAAM,iCAAiC,WAAkE,CAAC,EAAE,SAAS,GAAG,MAAM,GAAG,QAAQ;AAC9I,QAAM,kBAAkB,UAAW,UAA4C;AAC/E,QAAM,gBAAgB,0BAA0B,eAAe;AAE/D,MAAI,QAAQ,eAAe,KAAK,CAAC,gBAAgB,aAAa,QAAQ;AACpE,WAAO,oBAAC,sBAAmB,WAAU,0CAAyC,IAAI,EAAE,GAAG,EAAE,GAAG;AAAA,EAC9F;AAEA,SACE,qBAAC,eAAY,KAAU,IAAI,EAAE,SAAS,QAAQ,eAAe,UAAU,QAAQ,EAAE,GAAI,GAAG,OACtF;AAAA,wBAAC,QAAK,WAAS,MAAC,SAAS,GAAG,SAAS,EAAE,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,GAAG,GACnE,2BACC,eAAe,UAAU,IAAI,CAAC,EAAE,MAAM,MACpC,oBAAC,QAAwB,MAAI,MAAC,IAAI,IAAI,IAAI,GAAG,IAAI,GAAG,IAAI,GACtD,8BAAC,cAAW,UAAU,OAAO,OAAO,OAAO,OAAO,OAAO,qBAAqB,GAAG,KADxE,OAAO,KAElB,CACD,GACL;AAAA,IACA,oBAAC,uBAAoB,iBAAkC,YAAW,SAAQ,IAAI,GAAG;AAAA,KACnF;AAEJ,CAAC;AAED,+BAA+B,cAAc;;;AE/B7C,SAAS,iCAAiC;AAE1C,SAAS,cAAAC,mBAAkB;;;ACJpB,IAAM,cAAc;;;ADYlB,gBAAAC,YAAA;AAHF,IAAM,gCAAgCC,YAAiE,CAAC,EAAE,QAAQ,GAAG,QAAQ;AAClI,QAAM,kBAAkB,UAAW,UAA4C;AAC/E,QAAM,gBAAgB,0BAA0B,eAAe;AAC/D,SAAO,gBAAAD,KAAC,6BAA0B,OAAO,aAAa,eAA8B,KAAU;AAChG,CAAC;AAED,8BAA8B,cAAc;;;AHNxC,SACE,OAAAE,MADF,QAAAC,aAAA;AAFG,IAAM,0BAA0BC,YAA2D,CAAC,EAAE,SAAS,GAAG,MAAM,GAAG,QAAQ;AAChI,SACE,gBAAAD,MAAC,QAAK,KAAW,GAAG,OAClB;AAAA,oBAAAD,KAAC,iCAA8B,SAAkB;AAAA,IACjD,gBAAAA,KAAC,kCAA+B,SAAkB;AAAA,KACpD;AAEJ,CAAC;AAED,wBAAwB,cAAc;","names":["forwardRef","forwardRef","jsx","forwardRef","jsx","jsxs","forwardRef"]}
|
|
@@ -1,77 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __defProp = Object.defineProperty;
|
|
3
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
|
-
var __export = (target, all) => {
|
|
7
|
-
for (var name in all)
|
|
8
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
9
|
-
};
|
|
10
|
-
var __copyProps = (to, from, except, desc) => {
|
|
11
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
12
|
-
for (let key of __getOwnPropNames(from))
|
|
13
|
-
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
14
|
-
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
15
|
-
}
|
|
16
|
-
return to;
|
|
17
|
-
};
|
|
18
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
19
|
-
|
|
20
|
-
// src/components/Card/CardContent.tsx
|
|
21
|
-
var CardContent_exports = {};
|
|
22
|
-
__export(CardContent_exports, {
|
|
23
|
-
BlocknativeGasPriceCardContent: () => BlocknativeGasPriceCardContent
|
|
24
|
-
});
|
|
25
|
-
module.exports = __toCommonJS(CardContent_exports);
|
|
26
|
-
var import_material = require("@mui/material");
|
|
27
|
-
var import_lodash = require("@xylabs/lodash");
|
|
28
|
-
var import_react_gas_price = require("@xyo-network/react-gas-price");
|
|
29
|
-
var import_react_shared = require("@xyo-network/react-shared");
|
|
30
|
-
var import_react = require("react");
|
|
31
|
-
|
|
32
|
-
// src/components/hooks/useBlocknativeTransformer.tsx
|
|
33
|
-
var useBlocknativeTransformer = (payload) => {
|
|
34
|
-
const blockPrices = payload?.blockPrices?.[0];
|
|
35
|
-
if (blockPrices && blockPrices.estimatedPrices?.length) {
|
|
36
|
-
const estimatedPrices = blockPrices?.estimatedPrices;
|
|
37
|
-
const gasPrice = estimatedPrices.map((price) => ({
|
|
38
|
-
price: {
|
|
39
|
-
label: `Confidence - ${price.confidence}`,
|
|
40
|
-
value: price.price
|
|
41
|
-
},
|
|
42
|
-
priorityFee: {
|
|
43
|
-
label: "maxPriorityFeePerGas",
|
|
44
|
-
value: price.maxPriorityFeePerGas
|
|
45
|
-
}
|
|
46
|
-
}));
|
|
47
|
-
return {
|
|
48
|
-
baseFee: {
|
|
49
|
-
label: "baseFeePerGas",
|
|
50
|
-
value: blockPrices.baseFeePerGas
|
|
51
|
-
},
|
|
52
|
-
blockNumber: {
|
|
53
|
-
label: "blockNumber",
|
|
54
|
-
value: blockPrices.blockNumber
|
|
55
|
-
},
|
|
56
|
-
gasPrice,
|
|
57
|
-
timestamp: payload.timestamp,
|
|
58
|
-
website: "https://docs.Blocknative.io/v5/api/providers/provider/#Provider-getFeeData"
|
|
59
|
-
};
|
|
60
|
-
}
|
|
61
|
-
};
|
|
62
|
-
|
|
63
|
-
// src/components/Card/CardContent.tsx
|
|
64
|
-
var import_jsx_runtime = require("react/jsx-runtime");
|
|
65
|
-
var BlocknativeGasPriceCardContent = (0, import_react.forwardRef)(({ payload, ...props }, ref) => {
|
|
66
|
-
const gasPricePayload = payload ? payload : void 0;
|
|
67
|
-
const parsedPayload = useBlocknativeTransformer(gasPricePayload);
|
|
68
|
-
if ((0, import_lodash.isEmpty)(gasPricePayload) || !gasPricePayload.blockPrices?.length) {
|
|
69
|
-
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_shared.PayloadDataMissing, { alertBody: "Payload is missing valid gas fee data.", sx: { m: 1 } });
|
|
70
|
-
}
|
|
71
|
-
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_material.CardContent, { ref, sx: { display: "flex", flexDirection: "column", rowGap: 4 }, ...props, children: [
|
|
72
|
-
/* @__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)) }),
|
|
73
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_gas_price.ToggleRawPayloadBox, { gasPricePayload, alignItems: "start", pr: 1 })
|
|
74
|
-
] });
|
|
75
|
-
});
|
|
76
|
-
BlocknativeGasPriceCardContent.displayName = "BlocknativeGasPriceCardContent";
|
|
77
|
-
//# sourceMappingURL=CardContent.cjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/components/Card/CardContent.tsx","../../../../src/components/hooks/useBlocknativeTransformer.tsx"],"sourcesContent":["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"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBAAoD;AACpD,oBAAwB;AAExB,6BAAgD;AAEhD,0BAAmC;AACnC,mBAA2B;;;ACHpB,IAAM,4BAA4B,CAAC,YAAsF;AAC9H,QAAM,cAAc,SAAS,cAAc,CAAC;AAC5C,MAAI,eAAe,YAAY,iBAAiB,QAAQ;AACtD,UAAM,kBAAkB,aAAa;AACrC,UAAM,WAAW,gBAAgB,IAAI,CAAC,WAAW;AAAA,MAC/C,OAAO;AAAA,QACL,OAAO,gBAAgB,MAAM,UAAU;AAAA,QACvC,OAAO,MAAM;AAAA,MACf;AAAA,MACA,aAAa;AAAA,QACX,OAAO;AAAA,QACP,OAAO,MAAM;AAAA,MACf;AAAA,IACF,EAAE;AAEF,WAAO;AAAA,MACL,SAAS;AAAA,QACP,OAAO;AAAA,QACP,OAAO,YAAY;AAAA,MACrB;AAAA,MACA,aAAa;AAAA,QACX,OAAO;AAAA,QACP,OAAO,YAAY;AAAA,MACrB;AAAA,MACA;AAAA,MACA,WAAW,QAAQ;AAAA,MACnB,SAAS;AAAA,IACX;AAAA,EACF;AACF;;;ADjBW;AALJ,IAAM,qCAAiC,yBAAkE,CAAC,EAAE,SAAS,GAAG,MAAM,GAAG,QAAQ;AAC9I,QAAM,kBAAkB,UAAW,UAA4C;AAC/E,QAAM,gBAAgB,0BAA0B,eAAe;AAE/D,UAAI,uBAAQ,eAAe,KAAK,CAAC,gBAAgB,aAAa,QAAQ;AACpE,WAAO,4CAAC,0CAAmB,WAAU,0CAAyC,IAAI,EAAE,GAAG,EAAE,GAAG;AAAA,EAC9F;AAEA,SACE,6CAAC,+BAAY,KAAU,IAAI,EAAE,SAAS,QAAQ,eAAe,UAAU,QAAQ,EAAE,GAAI,GAAG,OACtF;AAAA,gDAAC,wBAAK,WAAS,MAAC,SAAS,GAAG,SAAS,EAAE,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,GAAG,GACnE,2BACC,eAAe,UAAU,IAAI,CAAC,EAAE,MAAM,MACpC,4CAAC,wBAAwB,MAAI,MAAC,IAAI,IAAI,IAAI,GAAG,IAAI,GAAG,IAAI,GACtD,sDAAC,qCAAW,UAAU,OAAO,OAAO,OAAO,OAAO,OAAO,qBAAqB,GAAG,KADxE,OAAO,KAElB,CACD,GACL;AAAA,IACA,4CAAC,8CAAoB,iBAAkC,YAAW,SAAQ,IAAI,GAAG;AAAA,KACnF;AAEJ,CAAC;AAED,+BAA+B,cAAc;","names":[]}
|
|
@@ -1,56 +0,0 @@
|
|
|
1
|
-
// src/components/Card/CardContent.tsx
|
|
2
|
-
import { CardContent, Grid } from "@mui/material";
|
|
3
|
-
import { isEmpty } from "@xylabs/lodash";
|
|
4
|
-
import { GasFeeCard, ToggleRawPayloadBox } from "@xyo-network/react-gas-price";
|
|
5
|
-
import { PayloadDataMissing } from "@xyo-network/react-shared";
|
|
6
|
-
import { forwardRef } from "react";
|
|
7
|
-
|
|
8
|
-
// src/components/hooks/useBlocknativeTransformer.tsx
|
|
9
|
-
var useBlocknativeTransformer = (payload) => {
|
|
10
|
-
const blockPrices = payload?.blockPrices?.[0];
|
|
11
|
-
if (blockPrices && blockPrices.estimatedPrices?.length) {
|
|
12
|
-
const estimatedPrices = blockPrices?.estimatedPrices;
|
|
13
|
-
const gasPrice = estimatedPrices.map((price) => ({
|
|
14
|
-
price: {
|
|
15
|
-
label: `Confidence - ${price.confidence}`,
|
|
16
|
-
value: price.price
|
|
17
|
-
},
|
|
18
|
-
priorityFee: {
|
|
19
|
-
label: "maxPriorityFeePerGas",
|
|
20
|
-
value: price.maxPriorityFeePerGas
|
|
21
|
-
}
|
|
22
|
-
}));
|
|
23
|
-
return {
|
|
24
|
-
baseFee: {
|
|
25
|
-
label: "baseFeePerGas",
|
|
26
|
-
value: blockPrices.baseFeePerGas
|
|
27
|
-
},
|
|
28
|
-
blockNumber: {
|
|
29
|
-
label: "blockNumber",
|
|
30
|
-
value: blockPrices.blockNumber
|
|
31
|
-
},
|
|
32
|
-
gasPrice,
|
|
33
|
-
timestamp: payload.timestamp,
|
|
34
|
-
website: "https://docs.Blocknative.io/v5/api/providers/provider/#Provider-getFeeData"
|
|
35
|
-
};
|
|
36
|
-
}
|
|
37
|
-
};
|
|
38
|
-
|
|
39
|
-
// src/components/Card/CardContent.tsx
|
|
40
|
-
import { jsx, jsxs } from "react/jsx-runtime";
|
|
41
|
-
var BlocknativeGasPriceCardContent = forwardRef(({ payload, ...props }, ref) => {
|
|
42
|
-
const gasPricePayload = payload ? payload : void 0;
|
|
43
|
-
const parsedPayload = useBlocknativeTransformer(gasPricePayload);
|
|
44
|
-
if (isEmpty(gasPricePayload) || !gasPricePayload.blockPrices?.length) {
|
|
45
|
-
return /* @__PURE__ */ jsx(PayloadDataMissing, { alertBody: "Payload is missing valid gas fee data.", sx: { m: 1 } });
|
|
46
|
-
}
|
|
47
|
-
return /* @__PURE__ */ jsxs(CardContent, { ref, sx: { display: "flex", flexDirection: "column", rowGap: 4 }, ...props, children: [
|
|
48
|
-
/* @__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)) }),
|
|
49
|
-
/* @__PURE__ */ jsx(ToggleRawPayloadBox, { gasPricePayload, alignItems: "start", pr: 1 })
|
|
50
|
-
] });
|
|
51
|
-
});
|
|
52
|
-
BlocknativeGasPriceCardContent.displayName = "BlocknativeGasPriceCardContent";
|
|
53
|
-
export {
|
|
54
|
-
BlocknativeGasPriceCardContent
|
|
55
|
-
};
|
|
56
|
-
//# sourceMappingURL=CardContent.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/components/Card/CardContent.tsx","../../../../src/components/hooks/useBlocknativeTransformer.tsx"],"sourcesContent":["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"],"mappings":";AAAA,SAAS,aAA+B,YAAY;AACpD,SAAS,eAAe;AAExB,SAAS,YAAY,2BAA2B;AAEhD,SAAS,0BAA0B;AACnC,SAAS,kBAAkB;;;ACHpB,IAAM,4BAA4B,CAAC,YAAsF;AAC9H,QAAM,cAAc,SAAS,cAAc,CAAC;AAC5C,MAAI,eAAe,YAAY,iBAAiB,QAAQ;AACtD,UAAM,kBAAkB,aAAa;AACrC,UAAM,WAAW,gBAAgB,IAAI,CAAC,WAAW;AAAA,MAC/C,OAAO;AAAA,QACL,OAAO,gBAAgB,MAAM,UAAU;AAAA,QACvC,OAAO,MAAM;AAAA,MACf;AAAA,MACA,aAAa;AAAA,QACX,OAAO;AAAA,QACP,OAAO,MAAM;AAAA,MACf;AAAA,IACF,EAAE;AAEF,WAAO;AAAA,MACL,SAAS;AAAA,QACP,OAAO;AAAA,QACP,OAAO,YAAY;AAAA,MACrB;AAAA,MACA,aAAa;AAAA,QACX,OAAO;AAAA,QACP,OAAO,YAAY;AAAA,MACrB;AAAA,MACA;AAAA,MACA,WAAW,QAAQ;AAAA,MACnB,SAAS;AAAA,IACX;AAAA,EACF;AACF;;;ADjBW,cAIP,YAJO;AALJ,IAAM,iCAAiC,WAAkE,CAAC,EAAE,SAAS,GAAG,MAAM,GAAG,QAAQ;AAC9I,QAAM,kBAAkB,UAAW,UAA4C;AAC/E,QAAM,gBAAgB,0BAA0B,eAAe;AAE/D,MAAI,QAAQ,eAAe,KAAK,CAAC,gBAAgB,aAAa,QAAQ;AACpE,WAAO,oBAAC,sBAAmB,WAAU,0CAAyC,IAAI,EAAE,GAAG,EAAE,GAAG;AAAA,EAC9F;AAEA,SACE,qBAAC,eAAY,KAAU,IAAI,EAAE,SAAS,QAAQ,eAAe,UAAU,QAAQ,EAAE,GAAI,GAAG,OACtF;AAAA,wBAAC,QAAK,WAAS,MAAC,SAAS,GAAG,SAAS,EAAE,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,GAAG,GACnE,2BACC,eAAe,UAAU,IAAI,CAAC,EAAE,MAAM,MACpC,oBAAC,QAAwB,MAAI,MAAC,IAAI,IAAI,IAAI,GAAG,IAAI,GAAG,IAAI,GACtD,8BAAC,cAAW,UAAU,OAAO,OAAO,OAAO,OAAO,OAAO,qBAAqB,GAAG,KADxE,OAAO,KAElB,CACD,GACL;AAAA,IACA,oBAAC,uBAAoB,iBAAkC,YAAW,SAAQ,IAAI,GAAG;AAAA,KACnF;AAEJ,CAAC;AAED,+BAA+B,cAAc;","names":[]}
|
|
@@ -1,71 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __defProp = Object.defineProperty;
|
|
3
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
|
-
var __export = (target, all) => {
|
|
7
|
-
for (var name in all)
|
|
8
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
9
|
-
};
|
|
10
|
-
var __copyProps = (to, from, except, desc) => {
|
|
11
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
12
|
-
for (let key of __getOwnPropNames(from))
|
|
13
|
-
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
14
|
-
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
15
|
-
}
|
|
16
|
-
return to;
|
|
17
|
-
};
|
|
18
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
19
|
-
|
|
20
|
-
// src/components/Card/CardHeader.tsx
|
|
21
|
-
var CardHeader_exports = {};
|
|
22
|
-
__export(CardHeader_exports, {
|
|
23
|
-
BlocknativeGasPriceCardHeader: () => BlocknativeGasPriceCardHeader
|
|
24
|
-
});
|
|
25
|
-
module.exports = __toCommonJS(CardHeader_exports);
|
|
26
|
-
var import_react_gas_price = require("@xyo-network/react-gas-price");
|
|
27
|
-
var import_react = require("react");
|
|
28
|
-
|
|
29
|
-
// src/components/hooks/useBlocknativeTransformer.tsx
|
|
30
|
-
var useBlocknativeTransformer = (payload) => {
|
|
31
|
-
const blockPrices = payload?.blockPrices?.[0];
|
|
32
|
-
if (blockPrices && blockPrices.estimatedPrices?.length) {
|
|
33
|
-
const estimatedPrices = blockPrices?.estimatedPrices;
|
|
34
|
-
const gasPrice = estimatedPrices.map((price) => ({
|
|
35
|
-
price: {
|
|
36
|
-
label: `Confidence - ${price.confidence}`,
|
|
37
|
-
value: price.price
|
|
38
|
-
},
|
|
39
|
-
priorityFee: {
|
|
40
|
-
label: "maxPriorityFeePerGas",
|
|
41
|
-
value: price.maxPriorityFeePerGas
|
|
42
|
-
}
|
|
43
|
-
}));
|
|
44
|
-
return {
|
|
45
|
-
baseFee: {
|
|
46
|
-
label: "baseFeePerGas",
|
|
47
|
-
value: blockPrices.baseFeePerGas
|
|
48
|
-
},
|
|
49
|
-
blockNumber: {
|
|
50
|
-
label: "blockNumber",
|
|
51
|
-
value: blockPrices.blockNumber
|
|
52
|
-
},
|
|
53
|
-
gasPrice,
|
|
54
|
-
timestamp: payload.timestamp,
|
|
55
|
-
website: "https://docs.Blocknative.io/v5/api/providers/provider/#Provider-getFeeData"
|
|
56
|
-
};
|
|
57
|
-
}
|
|
58
|
-
};
|
|
59
|
-
|
|
60
|
-
// src/components/lib/constants.ts
|
|
61
|
-
var RenderTitle = "Blocknative Gas Tracker";
|
|
62
|
-
|
|
63
|
-
// src/components/Card/CardHeader.tsx
|
|
64
|
-
var import_jsx_runtime = require("react/jsx-runtime");
|
|
65
|
-
var BlocknativeGasPriceCardHeader = (0, import_react.forwardRef)(({ payload }, ref) => {
|
|
66
|
-
const gasPricePayload = payload ? payload : void 0;
|
|
67
|
-
const parsedPayload = useBlocknativeTransformer(gasPricePayload);
|
|
68
|
-
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_gas_price.GasPriceWitnessCardHeader, { title: RenderTitle, parsedPayload, ref });
|
|
69
|
-
});
|
|
70
|
-
BlocknativeGasPriceCardHeader.displayName = "BlocknativeGasPriceCardHeader";
|
|
71
|
-
//# sourceMappingURL=CardHeader.cjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/components/Card/CardHeader.tsx","../../../../src/components/hooks/useBlocknativeTransformer.tsx","../../../../src/components/lib/constants.ts"],"sourcesContent":["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","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","export const RenderTitle = 'Blocknative Gas Tracker'\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,6BAA0C;AAE1C,mBAA2B;;;ACDpB,IAAM,4BAA4B,CAAC,YAAsF;AAC9H,QAAM,cAAc,SAAS,cAAc,CAAC;AAC5C,MAAI,eAAe,YAAY,iBAAiB,QAAQ;AACtD,UAAM,kBAAkB,aAAa;AACrC,UAAM,WAAW,gBAAgB,IAAI,CAAC,WAAW;AAAA,MAC/C,OAAO;AAAA,QACL,OAAO,gBAAgB,MAAM,UAAU;AAAA,QACvC,OAAO,MAAM;AAAA,MACf;AAAA,MACA,aAAa;AAAA,QACX,OAAO;AAAA,QACP,OAAO,MAAM;AAAA,MACf;AAAA,IACF,EAAE;AAEF,WAAO;AAAA,MACL,SAAS;AAAA,QACP,OAAO;AAAA,QACP,OAAO,YAAY;AAAA,MACrB;AAAA,MACA,aAAa;AAAA,QACX,OAAO;AAAA,QACP,OAAO,YAAY;AAAA,MACrB;AAAA,MACA;AAAA,MACA,WAAW,QAAQ;AAAA,MACnB,SAAS;AAAA,IACX;AAAA,EACF;AACF;;;AChCO,IAAM,cAAc;;;AFYlB;AAHF,IAAM,oCAAgC,yBAAiE,CAAC,EAAE,QAAQ,GAAG,QAAQ;AAClI,QAAM,kBAAkB,UAAW,UAA4C;AAC/E,QAAM,gBAAgB,0BAA0B,eAAe;AAC/D,SAAO,4CAAC,oDAA0B,OAAO,aAAa,eAA8B,KAAU;AAChG,CAAC;AAED,8BAA8B,cAAc;","names":[]}
|
|
@@ -1,50 +0,0 @@
|
|
|
1
|
-
// src/components/Card/CardHeader.tsx
|
|
2
|
-
import { GasPriceWitnessCardHeader } from "@xyo-network/react-gas-price";
|
|
3
|
-
import { forwardRef } from "react";
|
|
4
|
-
|
|
5
|
-
// src/components/hooks/useBlocknativeTransformer.tsx
|
|
6
|
-
var useBlocknativeTransformer = (payload) => {
|
|
7
|
-
const blockPrices = payload?.blockPrices?.[0];
|
|
8
|
-
if (blockPrices && blockPrices.estimatedPrices?.length) {
|
|
9
|
-
const estimatedPrices = blockPrices?.estimatedPrices;
|
|
10
|
-
const gasPrice = estimatedPrices.map((price) => ({
|
|
11
|
-
price: {
|
|
12
|
-
label: `Confidence - ${price.confidence}`,
|
|
13
|
-
value: price.price
|
|
14
|
-
},
|
|
15
|
-
priorityFee: {
|
|
16
|
-
label: "maxPriorityFeePerGas",
|
|
17
|
-
value: price.maxPriorityFeePerGas
|
|
18
|
-
}
|
|
19
|
-
}));
|
|
20
|
-
return {
|
|
21
|
-
baseFee: {
|
|
22
|
-
label: "baseFeePerGas",
|
|
23
|
-
value: blockPrices.baseFeePerGas
|
|
24
|
-
},
|
|
25
|
-
blockNumber: {
|
|
26
|
-
label: "blockNumber",
|
|
27
|
-
value: blockPrices.blockNumber
|
|
28
|
-
},
|
|
29
|
-
gasPrice,
|
|
30
|
-
timestamp: payload.timestamp,
|
|
31
|
-
website: "https://docs.Blocknative.io/v5/api/providers/provider/#Provider-getFeeData"
|
|
32
|
-
};
|
|
33
|
-
}
|
|
34
|
-
};
|
|
35
|
-
|
|
36
|
-
// src/components/lib/constants.ts
|
|
37
|
-
var RenderTitle = "Blocknative Gas Tracker";
|
|
38
|
-
|
|
39
|
-
// src/components/Card/CardHeader.tsx
|
|
40
|
-
import { jsx } from "react/jsx-runtime";
|
|
41
|
-
var BlocknativeGasPriceCardHeader = forwardRef(({ payload }, ref) => {
|
|
42
|
-
const gasPricePayload = payload ? payload : void 0;
|
|
43
|
-
const parsedPayload = useBlocknativeTransformer(gasPricePayload);
|
|
44
|
-
return /* @__PURE__ */ jsx(GasPriceWitnessCardHeader, { title: RenderTitle, parsedPayload, ref });
|
|
45
|
-
});
|
|
46
|
-
BlocknativeGasPriceCardHeader.displayName = "BlocknativeGasPriceCardHeader";
|
|
47
|
-
export {
|
|
48
|
-
BlocknativeGasPriceCardHeader
|
|
49
|
-
};
|
|
50
|
-
//# sourceMappingURL=CardHeader.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/components/Card/CardHeader.tsx","../../../../src/components/hooks/useBlocknativeTransformer.tsx","../../../../src/components/lib/constants.ts"],"sourcesContent":["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","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","export const RenderTitle = 'Blocknative Gas Tracker'\n"],"mappings":";AAEA,SAAS,iCAAiC;AAE1C,SAAS,kBAAkB;;;ACDpB,IAAM,4BAA4B,CAAC,YAAsF;AAC9H,QAAM,cAAc,SAAS,cAAc,CAAC;AAC5C,MAAI,eAAe,YAAY,iBAAiB,QAAQ;AACtD,UAAM,kBAAkB,aAAa;AACrC,UAAM,WAAW,gBAAgB,IAAI,CAAC,WAAW;AAAA,MAC/C,OAAO;AAAA,QACL,OAAO,gBAAgB,MAAM,UAAU;AAAA,QACvC,OAAO,MAAM;AAAA,MACf;AAAA,MACA,aAAa;AAAA,QACX,OAAO;AAAA,QACP,OAAO,MAAM;AAAA,MACf;AAAA,IACF,EAAE;AAEF,WAAO;AAAA,MACL,SAAS;AAAA,QACP,OAAO;AAAA,QACP,OAAO,YAAY;AAAA,MACrB;AAAA,MACA,aAAa;AAAA,QACX,OAAO;AAAA,QACP,OAAO,YAAY;AAAA,MACrB;AAAA,MACA;AAAA,MACA,WAAW,QAAQ;AAAA,MACnB,SAAS;AAAA,IACX;AAAA,EACF;AACF;;;AChCO,IAAM,cAAc;;;AFYlB;AAHF,IAAM,gCAAgC,WAAiE,CAAC,EAAE,QAAQ,GAAG,QAAQ;AAClI,QAAM,kBAAkB,UAAW,UAA4C;AAC/E,QAAM,gBAAgB,0BAA0B,eAAe;AAC/D,SAAO,oBAAC,6BAA0B,OAAO,aAAa,eAA8B,KAAU;AAChG,CAAC;AAED,8BAA8B,cAAc;","names":[]}
|
|
@@ -1,111 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __defProp = Object.defineProperty;
|
|
3
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
|
-
var __export = (target, all) => {
|
|
7
|
-
for (var name in all)
|
|
8
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
9
|
-
};
|
|
10
|
-
var __copyProps = (to, from, except, desc) => {
|
|
11
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
12
|
-
for (let key of __getOwnPropNames(from))
|
|
13
|
-
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
14
|
-
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
15
|
-
}
|
|
16
|
-
return to;
|
|
17
|
-
};
|
|
18
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
19
|
-
|
|
20
|
-
// src/components/Card/index.ts
|
|
21
|
-
var Card_exports = {};
|
|
22
|
-
__export(Card_exports, {
|
|
23
|
-
BlocknativeGasPriceCard: () => BlocknativeGasPriceCard,
|
|
24
|
-
BlocknativeGasPriceCardContent: () => BlocknativeGasPriceCardContent,
|
|
25
|
-
BlocknativeGasPriceCardHeader: () => BlocknativeGasPriceCardHeader
|
|
26
|
-
});
|
|
27
|
-
module.exports = __toCommonJS(Card_exports);
|
|
28
|
-
|
|
29
|
-
// src/components/Card/Card.tsx
|
|
30
|
-
var import_material2 = require("@mui/material");
|
|
31
|
-
var import_react3 = require("react");
|
|
32
|
-
|
|
33
|
-
// src/components/Card/CardContent.tsx
|
|
34
|
-
var import_material = require("@mui/material");
|
|
35
|
-
var import_lodash = require("@xylabs/lodash");
|
|
36
|
-
var import_react_gas_price = require("@xyo-network/react-gas-price");
|
|
37
|
-
var import_react_shared = require("@xyo-network/react-shared");
|
|
38
|
-
var import_react = require("react");
|
|
39
|
-
|
|
40
|
-
// src/components/hooks/useBlocknativeTransformer.tsx
|
|
41
|
-
var useBlocknativeTransformer = (payload) => {
|
|
42
|
-
const blockPrices = payload?.blockPrices?.[0];
|
|
43
|
-
if (blockPrices && blockPrices.estimatedPrices?.length) {
|
|
44
|
-
const estimatedPrices = blockPrices?.estimatedPrices;
|
|
45
|
-
const gasPrice = estimatedPrices.map((price) => ({
|
|
46
|
-
price: {
|
|
47
|
-
label: `Confidence - ${price.confidence}`,
|
|
48
|
-
value: price.price
|
|
49
|
-
},
|
|
50
|
-
priorityFee: {
|
|
51
|
-
label: "maxPriorityFeePerGas",
|
|
52
|
-
value: price.maxPriorityFeePerGas
|
|
53
|
-
}
|
|
54
|
-
}));
|
|
55
|
-
return {
|
|
56
|
-
baseFee: {
|
|
57
|
-
label: "baseFeePerGas",
|
|
58
|
-
value: blockPrices.baseFeePerGas
|
|
59
|
-
},
|
|
60
|
-
blockNumber: {
|
|
61
|
-
label: "blockNumber",
|
|
62
|
-
value: blockPrices.blockNumber
|
|
63
|
-
},
|
|
64
|
-
gasPrice,
|
|
65
|
-
timestamp: payload.timestamp,
|
|
66
|
-
website: "https://docs.Blocknative.io/v5/api/providers/provider/#Provider-getFeeData"
|
|
67
|
-
};
|
|
68
|
-
}
|
|
69
|
-
};
|
|
70
|
-
|
|
71
|
-
// src/components/Card/CardContent.tsx
|
|
72
|
-
var import_jsx_runtime = require("react/jsx-runtime");
|
|
73
|
-
var BlocknativeGasPriceCardContent = (0, import_react.forwardRef)(({ payload, ...props }, ref) => {
|
|
74
|
-
const gasPricePayload = payload ? payload : void 0;
|
|
75
|
-
const parsedPayload = useBlocknativeTransformer(gasPricePayload);
|
|
76
|
-
if ((0, import_lodash.isEmpty)(gasPricePayload) || !gasPricePayload.blockPrices?.length) {
|
|
77
|
-
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_shared.PayloadDataMissing, { alertBody: "Payload is missing valid gas fee data.", sx: { m: 1 } });
|
|
78
|
-
}
|
|
79
|
-
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_material.CardContent, { ref, sx: { display: "flex", flexDirection: "column", rowGap: 4 }, ...props, children: [
|
|
80
|
-
/* @__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)) }),
|
|
81
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_gas_price.ToggleRawPayloadBox, { gasPricePayload, alignItems: "start", pr: 1 })
|
|
82
|
-
] });
|
|
83
|
-
});
|
|
84
|
-
BlocknativeGasPriceCardContent.displayName = "BlocknativeGasPriceCardContent";
|
|
85
|
-
|
|
86
|
-
// src/components/Card/CardHeader.tsx
|
|
87
|
-
var import_react_gas_price2 = require("@xyo-network/react-gas-price");
|
|
88
|
-
var import_react2 = require("react");
|
|
89
|
-
|
|
90
|
-
// src/components/lib/constants.ts
|
|
91
|
-
var RenderTitle = "Blocknative Gas Tracker";
|
|
92
|
-
|
|
93
|
-
// src/components/Card/CardHeader.tsx
|
|
94
|
-
var import_jsx_runtime2 = require("react/jsx-runtime");
|
|
95
|
-
var BlocknativeGasPriceCardHeader = (0, import_react2.forwardRef)(({ payload }, ref) => {
|
|
96
|
-
const gasPricePayload = payload ? payload : void 0;
|
|
97
|
-
const parsedPayload = useBlocknativeTransformer(gasPricePayload);
|
|
98
|
-
return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_gas_price2.GasPriceWitnessCardHeader, { title: RenderTitle, parsedPayload, ref });
|
|
99
|
-
});
|
|
100
|
-
BlocknativeGasPriceCardHeader.displayName = "BlocknativeGasPriceCardHeader";
|
|
101
|
-
|
|
102
|
-
// src/components/Card/Card.tsx
|
|
103
|
-
var import_jsx_runtime3 = require("react/jsx-runtime");
|
|
104
|
-
var BlocknativeGasPriceCard = (0, import_react3.forwardRef)(({ payload, ...props }, ref) => {
|
|
105
|
-
return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_material2.Card, { ref, ...props, children: [
|
|
106
|
-
/* @__PURE__ */ (0, import_jsx_runtime3.jsx)(BlocknativeGasPriceCardHeader, { payload }),
|
|
107
|
-
/* @__PURE__ */ (0, import_jsx_runtime3.jsx)(BlocknativeGasPriceCardContent, { payload })
|
|
108
|
-
] });
|
|
109
|
-
});
|
|
110
|
-
BlocknativeGasPriceCard.displayName = "BlocknativeGasPriceCard";
|
|
111
|
-
//# sourceMappingURL=index.cjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/components/Card/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"],"sourcesContent":["export * from './Card'\nexport * from './CardContent'\nexport * from './CardHeader'\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"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,IAAAA,mBAAgC;AAEhC,IAAAC,gBAA2B;;;ACF3B,sBAAoD;AACpD,oBAAwB;AAExB,6BAAgD;AAEhD,0BAAmC;AACnC,mBAA2B;;;ACHpB,IAAM,4BAA4B,CAAC,YAAsF;AAC9H,QAAM,cAAc,SAAS,cAAc,CAAC;AAC5C,MAAI,eAAe,YAAY,iBAAiB,QAAQ;AACtD,UAAM,kBAAkB,aAAa;AACrC,UAAM,WAAW,gBAAgB,IAAI,CAAC,WAAW;AAAA,MAC/C,OAAO;AAAA,QACL,OAAO,gBAAgB,MAAM,UAAU;AAAA,QACvC,OAAO,MAAM;AAAA,MACf;AAAA,MACA,aAAa;AAAA,QACX,OAAO;AAAA,QACP,OAAO,MAAM;AAAA,MACf;AAAA,IACF,EAAE;AAEF,WAAO;AAAA,MACL,SAAS;AAAA,QACP,OAAO;AAAA,QACP,OAAO,YAAY;AAAA,MACrB;AAAA,MACA,aAAa;AAAA,QACX,OAAO;AAAA,QACP,OAAO,YAAY;AAAA,MACrB;AAAA,MACA;AAAA,MACA,WAAW,QAAQ;AAAA,MACnB,SAAS;AAAA,IACX;AAAA,EACF;AACF;;;ADjBW;AALJ,IAAM,qCAAiC,yBAAkE,CAAC,EAAE,SAAS,GAAG,MAAM,GAAG,QAAQ;AAC9I,QAAM,kBAAkB,UAAW,UAA4C;AAC/E,QAAM,gBAAgB,0BAA0B,eAAe;AAE/D,UAAI,uBAAQ,eAAe,KAAK,CAAC,gBAAgB,aAAa,QAAQ;AACpE,WAAO,4CAAC,0CAAmB,WAAU,0CAAyC,IAAI,EAAE,GAAG,EAAE,GAAG;AAAA,EAC9F;AAEA,SACE,6CAAC,+BAAY,KAAU,IAAI,EAAE,SAAS,QAAQ,eAAe,UAAU,QAAQ,EAAE,GAAI,GAAG,OACtF;AAAA,gDAAC,wBAAK,WAAS,MAAC,SAAS,GAAG,SAAS,EAAE,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,GAAG,GACnE,2BACC,eAAe,UAAU,IAAI,CAAC,EAAE,MAAM,MACpC,4CAAC,wBAAwB,MAAI,MAAC,IAAI,IAAI,IAAI,GAAG,IAAI,GAAG,IAAI,GACtD,sDAAC,qCAAW,UAAU,OAAO,OAAO,OAAO,OAAO,OAAO,qBAAqB,GAAG,KADxE,OAAO,KAElB,CACD,GACL;AAAA,IACA,4CAAC,8CAAoB,iBAAkC,YAAW,SAAQ,IAAI,GAAG;AAAA,KACnF;AAEJ,CAAC;AAED,+BAA+B,cAAc;;;AE/B7C,IAAAC,0BAA0C;AAE1C,IAAAC,gBAA2B;;;ACJpB,IAAM,cAAc;;;ADYlB,IAAAC,sBAAA;AAHF,IAAM,oCAAgC,0BAAiE,CAAC,EAAE,QAAQ,GAAG,QAAQ;AAClI,QAAM,kBAAkB,UAAW,UAA4C;AAC/E,QAAM,gBAAgB,0BAA0B,eAAe;AAC/D,SAAO,6CAAC,qDAA0B,OAAO,aAAa,eAA8B,KAAU;AAChG,CAAC;AAED,8BAA8B,cAAc;;;AHNxC,IAAAC,sBAAA;AAFG,IAAM,8BAA0B,0BAA2D,CAAC,EAAE,SAAS,GAAG,MAAM,GAAG,QAAQ;AAChI,SACE,8CAAC,yBAAK,KAAW,GAAG,OAClB;AAAA,iDAAC,iCAA8B,SAAkB;AAAA,IACjD,6CAAC,kCAA+B,SAAkB;AAAA,KACpD;AAEJ,CAAC;AAED,wBAAwB,cAAc;","names":["import_material","import_react","import_react_gas_price","import_react","import_jsx_runtime","import_jsx_runtime"]}
|
|
@@ -1,88 +0,0 @@
|
|
|
1
|
-
// src/components/Card/Card.tsx
|
|
2
|
-
import { Card } from "@mui/material";
|
|
3
|
-
import { forwardRef as forwardRef3 } from "react";
|
|
4
|
-
|
|
5
|
-
// src/components/Card/CardContent.tsx
|
|
6
|
-
import { CardContent, Grid } from "@mui/material";
|
|
7
|
-
import { isEmpty } from "@xylabs/lodash";
|
|
8
|
-
import { GasFeeCard, ToggleRawPayloadBox } from "@xyo-network/react-gas-price";
|
|
9
|
-
import { PayloadDataMissing } from "@xyo-network/react-shared";
|
|
10
|
-
import { forwardRef } from "react";
|
|
11
|
-
|
|
12
|
-
// src/components/hooks/useBlocknativeTransformer.tsx
|
|
13
|
-
var useBlocknativeTransformer = (payload) => {
|
|
14
|
-
const blockPrices = payload?.blockPrices?.[0];
|
|
15
|
-
if (blockPrices && blockPrices.estimatedPrices?.length) {
|
|
16
|
-
const estimatedPrices = blockPrices?.estimatedPrices;
|
|
17
|
-
const gasPrice = estimatedPrices.map((price) => ({
|
|
18
|
-
price: {
|
|
19
|
-
label: `Confidence - ${price.confidence}`,
|
|
20
|
-
value: price.price
|
|
21
|
-
},
|
|
22
|
-
priorityFee: {
|
|
23
|
-
label: "maxPriorityFeePerGas",
|
|
24
|
-
value: price.maxPriorityFeePerGas
|
|
25
|
-
}
|
|
26
|
-
}));
|
|
27
|
-
return {
|
|
28
|
-
baseFee: {
|
|
29
|
-
label: "baseFeePerGas",
|
|
30
|
-
value: blockPrices.baseFeePerGas
|
|
31
|
-
},
|
|
32
|
-
blockNumber: {
|
|
33
|
-
label: "blockNumber",
|
|
34
|
-
value: blockPrices.blockNumber
|
|
35
|
-
},
|
|
36
|
-
gasPrice,
|
|
37
|
-
timestamp: payload.timestamp,
|
|
38
|
-
website: "https://docs.Blocknative.io/v5/api/providers/provider/#Provider-getFeeData"
|
|
39
|
-
};
|
|
40
|
-
}
|
|
41
|
-
};
|
|
42
|
-
|
|
43
|
-
// src/components/Card/CardContent.tsx
|
|
44
|
-
import { jsx, jsxs } from "react/jsx-runtime";
|
|
45
|
-
var BlocknativeGasPriceCardContent = forwardRef(({ payload, ...props }, ref) => {
|
|
46
|
-
const gasPricePayload = payload ? payload : void 0;
|
|
47
|
-
const parsedPayload = useBlocknativeTransformer(gasPricePayload);
|
|
48
|
-
if (isEmpty(gasPricePayload) || !gasPricePayload.blockPrices?.length) {
|
|
49
|
-
return /* @__PURE__ */ jsx(PayloadDataMissing, { alertBody: "Payload is missing valid gas fee data.", sx: { m: 1 } });
|
|
50
|
-
}
|
|
51
|
-
return /* @__PURE__ */ jsxs(CardContent, { ref, sx: { display: "flex", flexDirection: "column", rowGap: 4 }, ...props, children: [
|
|
52
|
-
/* @__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)) }),
|
|
53
|
-
/* @__PURE__ */ jsx(ToggleRawPayloadBox, { gasPricePayload, alignItems: "start", pr: 1 })
|
|
54
|
-
] });
|
|
55
|
-
});
|
|
56
|
-
BlocknativeGasPriceCardContent.displayName = "BlocknativeGasPriceCardContent";
|
|
57
|
-
|
|
58
|
-
// src/components/Card/CardHeader.tsx
|
|
59
|
-
import { GasPriceWitnessCardHeader } from "@xyo-network/react-gas-price";
|
|
60
|
-
import { forwardRef as forwardRef2 } from "react";
|
|
61
|
-
|
|
62
|
-
// src/components/lib/constants.ts
|
|
63
|
-
var RenderTitle = "Blocknative Gas Tracker";
|
|
64
|
-
|
|
65
|
-
// src/components/Card/CardHeader.tsx
|
|
66
|
-
import { jsx as jsx2 } from "react/jsx-runtime";
|
|
67
|
-
var BlocknativeGasPriceCardHeader = forwardRef2(({ payload }, ref) => {
|
|
68
|
-
const gasPricePayload = payload ? payload : void 0;
|
|
69
|
-
const parsedPayload = useBlocknativeTransformer(gasPricePayload);
|
|
70
|
-
return /* @__PURE__ */ jsx2(GasPriceWitnessCardHeader, { title: RenderTitle, parsedPayload, ref });
|
|
71
|
-
});
|
|
72
|
-
BlocknativeGasPriceCardHeader.displayName = "BlocknativeGasPriceCardHeader";
|
|
73
|
-
|
|
74
|
-
// src/components/Card/Card.tsx
|
|
75
|
-
import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
|
|
76
|
-
var BlocknativeGasPriceCard = forwardRef3(({ payload, ...props }, ref) => {
|
|
77
|
-
return /* @__PURE__ */ jsxs2(Card, { ref, ...props, children: [
|
|
78
|
-
/* @__PURE__ */ jsx3(BlocknativeGasPriceCardHeader, { payload }),
|
|
79
|
-
/* @__PURE__ */ jsx3(BlocknativeGasPriceCardContent, { payload })
|
|
80
|
-
] });
|
|
81
|
-
});
|
|
82
|
-
BlocknativeGasPriceCard.displayName = "BlocknativeGasPriceCard";
|
|
83
|
-
export {
|
|
84
|
-
BlocknativeGasPriceCard,
|
|
85
|
-
BlocknativeGasPriceCardContent,
|
|
86
|
-
BlocknativeGasPriceCardHeader
|
|
87
|
-
};
|
|
88
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +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"],"sourcesContent":["import { Card, CardProps } from '@mui/material'\nimport { PayloadRenderProps } from '@xyo-network/react-payload-plugin'\nimport { forwardRef } from 'react'\n\nimport { BlocknativeGasPriceCardContent } from './CardContent'\nimport { BlocknativeGasPriceCardHeader } from './CardHeader'\n\nexport const BlocknativeGasPriceCard = forwardRef<HTMLDivElement, PayloadRenderProps & CardProps>(({ payload, ...props }, ref) => {\n return (\n <Card ref={ref} {...props}>\n <BlocknativeGasPriceCardHeader payload={payload} />\n <BlocknativeGasPriceCardContent payload={payload} />\n </Card>\n )\n})\n\nBlocknativeGasPriceCard.displayName = 'BlocknativeGasPriceCard'\n","import { CardContent, CardContentProps, Grid } from '@mui/material'\nimport { isEmpty } from '@xylabs/lodash'\nimport { EthereumGasBlocknativePayload } from '@xyo-network/blocknative-ethereum-gas-payload-plugin'\nimport { GasFeeCard, ToggleRawPayloadBox } from '@xyo-network/react-gas-price'\nimport { PayloadRenderProps } from '@xyo-network/react-payload-plugin'\nimport { PayloadDataMissing } from '@xyo-network/react-shared'\nimport { forwardRef } from 'react'\n\nimport { useBlocknativeTransformer } from '../hooks'\n\nexport const BlocknativeGasPriceCardContent = forwardRef<HTMLDivElement, 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"],"mappings":";AAAA,SAAS,YAAuB;AAEhC,SAAS,cAAAA,mBAAkB;;;ACF3B,SAAS,aAA+B,YAAY;AACpD,SAAS,eAAe;AAExB,SAAS,YAAY,2BAA2B;AAEhD,SAAS,0BAA0B;AACnC,SAAS,kBAAkB;;;ACHpB,IAAM,4BAA4B,CAAC,YAAsF;AAC9H,QAAM,cAAc,SAAS,cAAc,CAAC;AAC5C,MAAI,eAAe,YAAY,iBAAiB,QAAQ;AACtD,UAAM,kBAAkB,aAAa;AACrC,UAAM,WAAW,gBAAgB,IAAI,CAAC,WAAW;AAAA,MAC/C,OAAO;AAAA,QACL,OAAO,gBAAgB,MAAM,UAAU;AAAA,QACvC,OAAO,MAAM;AAAA,MACf;AAAA,MACA,aAAa;AAAA,QACX,OAAO;AAAA,QACP,OAAO,MAAM;AAAA,MACf;AAAA,IACF,EAAE;AAEF,WAAO;AAAA,MACL,SAAS;AAAA,QACP,OAAO;AAAA,QACP,OAAO,YAAY;AAAA,MACrB;AAAA,MACA,aAAa;AAAA,QACX,OAAO;AAAA,QACP,OAAO,YAAY;AAAA,MACrB;AAAA,MACA;AAAA,MACA,WAAW,QAAQ;AAAA,MACnB,SAAS;AAAA,IACX;AAAA,EACF;AACF;;;ADjBW,cAIP,YAJO;AALJ,IAAM,iCAAiC,WAAkE,CAAC,EAAE,SAAS,GAAG,MAAM,GAAG,QAAQ;AAC9I,QAAM,kBAAkB,UAAW,UAA4C;AAC/E,QAAM,gBAAgB,0BAA0B,eAAe;AAE/D,MAAI,QAAQ,eAAe,KAAK,CAAC,gBAAgB,aAAa,QAAQ;AACpE,WAAO,oBAAC,sBAAmB,WAAU,0CAAyC,IAAI,EAAE,GAAG,EAAE,GAAG;AAAA,EAC9F;AAEA,SACE,qBAAC,eAAY,KAAU,IAAI,EAAE,SAAS,QAAQ,eAAe,UAAU,QAAQ,EAAE,GAAI,GAAG,OACtF;AAAA,wBAAC,QAAK,WAAS,MAAC,SAAS,GAAG,SAAS,EAAE,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,GAAG,GACnE,2BACC,eAAe,UAAU,IAAI,CAAC,EAAE,MAAM,MACpC,oBAAC,QAAwB,MAAI,MAAC,IAAI,IAAI,IAAI,GAAG,IAAI,GAAG,IAAI,GACtD,8BAAC,cAAW,UAAU,OAAO,OAAO,OAAO,OAAO,OAAO,qBAAqB,GAAG,KADxE,OAAO,KAElB,CACD,GACL;AAAA,IACA,oBAAC,uBAAoB,iBAAkC,YAAW,SAAQ,IAAI,GAAG;AAAA,KACnF;AAEJ,CAAC;AAED,+BAA+B,cAAc;;;AE/B7C,SAAS,iCAAiC;AAE1C,SAAS,cAAAC,mBAAkB;;;ACJpB,IAAM,cAAc;;;ADYlB,gBAAAC,YAAA;AAHF,IAAM,gCAAgCC,YAAiE,CAAC,EAAE,QAAQ,GAAG,QAAQ;AAClI,QAAM,kBAAkB,UAAW,UAA4C;AAC/E,QAAM,gBAAgB,0BAA0B,eAAe;AAC/D,SAAO,gBAAAD,KAAC,6BAA0B,OAAO,aAAa,eAA8B,KAAU;AAChG,CAAC;AAED,8BAA8B,cAAc;;;AHNxC,SACE,OAAAE,MADF,QAAAC,aAAA;AAFG,IAAM,0BAA0BC,YAA2D,CAAC,EAAE,SAAS,GAAG,MAAM,GAAG,QAAQ;AAChI,SACE,gBAAAD,MAAC,QAAK,KAAW,GAAG,OAClB;AAAA,oBAAAD,KAAC,iCAA8B,SAAkB;AAAA,IACjD,gBAAAA,KAAC,kCAA+B,SAAkB;AAAA,KACpD;AAEJ,CAAC;AAED,wBAAwB,cAAc;","names":["forwardRef","forwardRef","jsx","forwardRef","jsx","jsxs","forwardRef"]}
|