@xyo-network/react-ethereum-gas-price-blocknative-plugin 2.64.9 → 2.65.0
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/browser/components/Card/Card.d.cts +1 -1
- package/dist/browser/components/Card/Card.d.mts +1 -1
- package/dist/browser/components/Card/Card.d.ts +1 -1
- package/dist/browser/components/Card/CardContent.d.cts +1 -1
- package/dist/browser/components/Card/CardContent.d.mts +1 -1
- package/dist/browser/components/Card/CardContent.d.ts +1 -1
- package/dist/browser/components/Card/CardHeader.d.cts +1 -1
- package/dist/browser/components/Card/CardHeader.d.mts +1 -1
- package/dist/browser/components/Card/CardHeader.d.ts +1 -1
- package/dist/node/components/Card/Card.d.cts +1 -1
- package/dist/node/components/Card/Card.d.mts +1 -1
- package/dist/node/components/Card/Card.d.ts +1 -1
- package/dist/node/components/Card/CardContent.d.cts +1 -1
- package/dist/node/components/Card/CardContent.d.mts +1 -1
- package/dist/node/components/Card/CardContent.d.ts +1 -1
- package/dist/node/components/Card/CardHeader.d.cts +1 -1
- package/dist/node/components/Card/CardHeader.d.mts +1 -1
- package/dist/node/components/Card/CardHeader.d.ts +1 -1
- 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/docs.json +0 -1359
- 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,83 +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
|
-
var _a, _b;
|
|
35
|
-
const blockPrices = (_a = payload == null ? void 0 : payload.blockPrices) == null ? void 0 : _a[0];
|
|
36
|
-
if (blockPrices && ((_b = blockPrices.estimatedPrices) == null ? void 0 : _b.length)) {
|
|
37
|
-
const estimatedPrices = blockPrices == null ? void 0 : blockPrices.estimatedPrices;
|
|
38
|
-
const gasPrice = estimatedPrices.map((price) => ({
|
|
39
|
-
price: {
|
|
40
|
-
label: `Confidence - ${price.confidence}`,
|
|
41
|
-
value: price.price
|
|
42
|
-
},
|
|
43
|
-
priorityFee: {
|
|
44
|
-
label: "maxPriorityFeePerGas",
|
|
45
|
-
value: price.maxPriorityFeePerGas
|
|
46
|
-
}
|
|
47
|
-
}));
|
|
48
|
-
return {
|
|
49
|
-
baseFee: {
|
|
50
|
-
label: "baseFeePerGas",
|
|
51
|
-
value: blockPrices.baseFeePerGas
|
|
52
|
-
},
|
|
53
|
-
blockNumber: {
|
|
54
|
-
label: "blockNumber",
|
|
55
|
-
value: blockPrices.blockNumber
|
|
56
|
-
},
|
|
57
|
-
gasPrice,
|
|
58
|
-
timestamp: payload.timestamp,
|
|
59
|
-
website: "https://docs.Blocknative.io/v5/api/providers/provider/#Provider-getFeeData"
|
|
60
|
-
};
|
|
61
|
-
}
|
|
62
|
-
};
|
|
63
|
-
|
|
64
|
-
// src/components/Card/CardContent.tsx
|
|
65
|
-
var import_jsx_runtime = require("react/jsx-runtime");
|
|
66
|
-
var BlocknativeGasPriceCardContent = (0, import_react.forwardRef)(({ payload, ...props }, ref) => {
|
|
67
|
-
var _a, _b;
|
|
68
|
-
const gasPricePayload = payload ? payload : void 0;
|
|
69
|
-
const parsedPayload = useBlocknativeTransformer(gasPricePayload);
|
|
70
|
-
if ((0, import_lodash.isEmpty)(gasPricePayload) || !((_a = gasPricePayload.blockPrices) == null ? void 0 : _a.length)) {
|
|
71
|
-
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_shared.PayloadDataMissing, { alertBody: "Payload is missing valid gas fee data.", sx: { m: 1 } });
|
|
72
|
-
}
|
|
73
|
-
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_material.CardContent, { ref, sx: { display: "flex", flexDirection: "column", rowGap: 4 }, ...props, children: [
|
|
74
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.Grid, { container: true, spacing: 3, columns: { lg: 15, md: 15, sm: 12, xs: 12 }, children: parsedPayload && ((_b = parsedPayload == null ? void 0 : parsedPayload.gasPrice) == null ? void 0 : _b.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 == null ? void 0 : price.value, speed: price == null ? void 0 : price.label, speedPaperElevation: 4 }) }, price == null ? void 0 : price.label))) }),
|
|
75
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_gas_price.ToggleRawPayloadBox, { gasPricePayload, alignItems: "start", pr: 1 })
|
|
76
|
-
] });
|
|
77
|
-
});
|
|
78
|
-
BlocknativeGasPriceCardContent.displayName = "BlocknativeGasPriceCardContent";
|
|
79
|
-
// Annotate the CommonJS export names for ESM import in node:
|
|
80
|
-
0 && (module.exports = {
|
|
81
|
-
BlocknativeGasPriceCardContent
|
|
82
|
-
});
|
|
83
|
-
//# 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;AAHhI;AAIE,QAAM,eAAc,wCAAS,gBAAT,mBAAuB;AAC3C,MAAI,iBAAe,iBAAY,oBAAZ,mBAA6B,SAAQ;AACtD,UAAM,kBAAkB,2CAAa;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;AAVhJ;AAWE,QAAM,kBAAkB,UAAW,UAA4C;AAC/E,QAAM,gBAAgB,0BAA0B,eAAe;AAE/D,UAAI,uBAAQ,eAAe,KAAK,GAAC,qBAAgB,gBAAhB,mBAA6B,SAAQ;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,6BACC,oDAAe,aAAf,mBAAyB,IAAI,CAAC,EAAE,MAAM,MACpC,4CAAC,wBAAwB,MAAI,MAAC,IAAI,IAAI,IAAI,GAAG,IAAI,GAAG,IAAI,GACtD,sDAAC,qCAAW,UAAU,+BAAO,OAAO,OAAO,+BAAO,OAAO,qBAAqB,GAAG,KADxE,+BAAO,KAElB,KAEN;AAAA,IACA,4CAAC,8CAAoB,iBAAkC,YAAW,SAAQ,IAAI,GAAG;AAAA,KACnF;AAEJ,CAAC;AAED,+BAA+B,cAAc;","names":[]}
|
|
@@ -1,58 +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
|
-
var _a, _b;
|
|
11
|
-
const blockPrices = (_a = payload == null ? void 0 : payload.blockPrices) == null ? void 0 : _a[0];
|
|
12
|
-
if (blockPrices && ((_b = blockPrices.estimatedPrices) == null ? void 0 : _b.length)) {
|
|
13
|
-
const estimatedPrices = blockPrices == null ? void 0 : blockPrices.estimatedPrices;
|
|
14
|
-
const gasPrice = estimatedPrices.map((price) => ({
|
|
15
|
-
price: {
|
|
16
|
-
label: `Confidence - ${price.confidence}`,
|
|
17
|
-
value: price.price
|
|
18
|
-
},
|
|
19
|
-
priorityFee: {
|
|
20
|
-
label: "maxPriorityFeePerGas",
|
|
21
|
-
value: price.maxPriorityFeePerGas
|
|
22
|
-
}
|
|
23
|
-
}));
|
|
24
|
-
return {
|
|
25
|
-
baseFee: {
|
|
26
|
-
label: "baseFeePerGas",
|
|
27
|
-
value: blockPrices.baseFeePerGas
|
|
28
|
-
},
|
|
29
|
-
blockNumber: {
|
|
30
|
-
label: "blockNumber",
|
|
31
|
-
value: blockPrices.blockNumber
|
|
32
|
-
},
|
|
33
|
-
gasPrice,
|
|
34
|
-
timestamp: payload.timestamp,
|
|
35
|
-
website: "https://docs.Blocknative.io/v5/api/providers/provider/#Provider-getFeeData"
|
|
36
|
-
};
|
|
37
|
-
}
|
|
38
|
-
};
|
|
39
|
-
|
|
40
|
-
// src/components/Card/CardContent.tsx
|
|
41
|
-
import { jsx, jsxs } from "react/jsx-runtime";
|
|
42
|
-
var BlocknativeGasPriceCardContent = forwardRef(({ payload, ...props }, ref) => {
|
|
43
|
-
var _a, _b;
|
|
44
|
-
const gasPricePayload = payload ? payload : void 0;
|
|
45
|
-
const parsedPayload = useBlocknativeTransformer(gasPricePayload);
|
|
46
|
-
if (isEmpty(gasPricePayload) || !((_a = gasPricePayload.blockPrices) == null ? void 0 : _a.length)) {
|
|
47
|
-
return /* @__PURE__ */ jsx(PayloadDataMissing, { alertBody: "Payload is missing valid gas fee data.", sx: { m: 1 } });
|
|
48
|
-
}
|
|
49
|
-
return /* @__PURE__ */ jsxs(CardContent, { ref, sx: { display: "flex", flexDirection: "column", rowGap: 4 }, ...props, children: [
|
|
50
|
-
/* @__PURE__ */ jsx(Grid, { container: true, spacing: 3, columns: { lg: 15, md: 15, sm: 12, xs: 12 }, children: parsedPayload && ((_b = parsedPayload == null ? void 0 : parsedPayload.gasPrice) == null ? void 0 : _b.map(({ price }) => /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, sm: 6, md: 5, lg: 3, children: /* @__PURE__ */ jsx(GasFeeCard, { gasPrice: price == null ? void 0 : price.value, speed: price == null ? void 0 : price.label, speedPaperElevation: 4 }) }, price == null ? void 0 : price.label))) }),
|
|
51
|
-
/* @__PURE__ */ jsx(ToggleRawPayloadBox, { gasPricePayload, alignItems: "start", pr: 1 })
|
|
52
|
-
] });
|
|
53
|
-
});
|
|
54
|
-
BlocknativeGasPriceCardContent.displayName = "BlocknativeGasPriceCardContent";
|
|
55
|
-
export {
|
|
56
|
-
BlocknativeGasPriceCardContent
|
|
57
|
-
};
|
|
58
|
-
//# 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;AAHhI;AAIE,QAAM,eAAc,wCAAS,gBAAT,mBAAuB;AAC3C,MAAI,iBAAe,iBAAY,oBAAZ,mBAA6B,SAAQ;AACtD,UAAM,kBAAkB,2CAAa;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;AAVhJ;AAWE,QAAM,kBAAkB,UAAW,UAA4C;AAC/E,QAAM,gBAAgB,0BAA0B,eAAe;AAE/D,MAAI,QAAQ,eAAe,KAAK,GAAC,qBAAgB,gBAAhB,mBAA6B,SAAQ;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,6BACC,oDAAe,aAAf,mBAAyB,IAAI,CAAC,EAAE,MAAM,MACpC,oBAAC,QAAwB,MAAI,MAAC,IAAI,IAAI,IAAI,GAAG,IAAI,GAAG,IAAI,GACtD,8BAAC,cAAW,UAAU,+BAAO,OAAO,OAAO,+BAAO,OAAO,qBAAqB,GAAG,KADxE,+BAAO,KAElB,KAEN;AAAA,IACA,oBAAC,uBAAoB,iBAAkC,YAAW,SAAQ,IAAI,GAAG;AAAA,KACnF;AAEJ,CAAC;AAED,+BAA+B,cAAc;","names":[]}
|
|
@@ -1,76 +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
|
-
var _a, _b;
|
|
32
|
-
const blockPrices = (_a = payload == null ? void 0 : payload.blockPrices) == null ? void 0 : _a[0];
|
|
33
|
-
if (blockPrices && ((_b = blockPrices.estimatedPrices) == null ? void 0 : _b.length)) {
|
|
34
|
-
const estimatedPrices = blockPrices == null ? void 0 : blockPrices.estimatedPrices;
|
|
35
|
-
const gasPrice = estimatedPrices.map((price) => ({
|
|
36
|
-
price: {
|
|
37
|
-
label: `Confidence - ${price.confidence}`,
|
|
38
|
-
value: price.price
|
|
39
|
-
},
|
|
40
|
-
priorityFee: {
|
|
41
|
-
label: "maxPriorityFeePerGas",
|
|
42
|
-
value: price.maxPriorityFeePerGas
|
|
43
|
-
}
|
|
44
|
-
}));
|
|
45
|
-
return {
|
|
46
|
-
baseFee: {
|
|
47
|
-
label: "baseFeePerGas",
|
|
48
|
-
value: blockPrices.baseFeePerGas
|
|
49
|
-
},
|
|
50
|
-
blockNumber: {
|
|
51
|
-
label: "blockNumber",
|
|
52
|
-
value: blockPrices.blockNumber
|
|
53
|
-
},
|
|
54
|
-
gasPrice,
|
|
55
|
-
timestamp: payload.timestamp,
|
|
56
|
-
website: "https://docs.Blocknative.io/v5/api/providers/provider/#Provider-getFeeData"
|
|
57
|
-
};
|
|
58
|
-
}
|
|
59
|
-
};
|
|
60
|
-
|
|
61
|
-
// src/components/lib/constants.ts
|
|
62
|
-
var RenderTitle = "Blocknative Gas Tracker";
|
|
63
|
-
|
|
64
|
-
// src/components/Card/CardHeader.tsx
|
|
65
|
-
var import_jsx_runtime = require("react/jsx-runtime");
|
|
66
|
-
var BlocknativeGasPriceCardHeader = (0, import_react.forwardRef)(({ payload }, ref) => {
|
|
67
|
-
const gasPricePayload = payload ? payload : void 0;
|
|
68
|
-
const parsedPayload = useBlocknativeTransformer(gasPricePayload);
|
|
69
|
-
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_gas_price.GasPriceWitnessCardHeader, { title: RenderTitle, parsedPayload, ref });
|
|
70
|
-
});
|
|
71
|
-
BlocknativeGasPriceCardHeader.displayName = "BlocknativeGasPriceCardHeader";
|
|
72
|
-
// Annotate the CommonJS export names for ESM import in node:
|
|
73
|
-
0 && (module.exports = {
|
|
74
|
-
BlocknativeGasPriceCardHeader
|
|
75
|
-
});
|
|
76
|
-
//# 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;AAHhI;AAIE,QAAM,eAAc,wCAAS,gBAAT,mBAAuB;AAC3C,MAAI,iBAAe,iBAAY,oBAAZ,mBAA6B,SAAQ;AACtD,UAAM,kBAAkB,2CAAa;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,51 +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
|
-
var _a, _b;
|
|
8
|
-
const blockPrices = (_a = payload == null ? void 0 : payload.blockPrices) == null ? void 0 : _a[0];
|
|
9
|
-
if (blockPrices && ((_b = blockPrices.estimatedPrices) == null ? void 0 : _b.length)) {
|
|
10
|
-
const estimatedPrices = blockPrices == null ? void 0 : blockPrices.estimatedPrices;
|
|
11
|
-
const gasPrice = estimatedPrices.map((price) => ({
|
|
12
|
-
price: {
|
|
13
|
-
label: `Confidence - ${price.confidence}`,
|
|
14
|
-
value: price.price
|
|
15
|
-
},
|
|
16
|
-
priorityFee: {
|
|
17
|
-
label: "maxPriorityFeePerGas",
|
|
18
|
-
value: price.maxPriorityFeePerGas
|
|
19
|
-
}
|
|
20
|
-
}));
|
|
21
|
-
return {
|
|
22
|
-
baseFee: {
|
|
23
|
-
label: "baseFeePerGas",
|
|
24
|
-
value: blockPrices.baseFeePerGas
|
|
25
|
-
},
|
|
26
|
-
blockNumber: {
|
|
27
|
-
label: "blockNumber",
|
|
28
|
-
value: blockPrices.blockNumber
|
|
29
|
-
},
|
|
30
|
-
gasPrice,
|
|
31
|
-
timestamp: payload.timestamp,
|
|
32
|
-
website: "https://docs.Blocknative.io/v5/api/providers/provider/#Provider-getFeeData"
|
|
33
|
-
};
|
|
34
|
-
}
|
|
35
|
-
};
|
|
36
|
-
|
|
37
|
-
// src/components/lib/constants.ts
|
|
38
|
-
var RenderTitle = "Blocknative Gas Tracker";
|
|
39
|
-
|
|
40
|
-
// src/components/Card/CardHeader.tsx
|
|
41
|
-
import { jsx } from "react/jsx-runtime";
|
|
42
|
-
var BlocknativeGasPriceCardHeader = forwardRef(({ payload }, ref) => {
|
|
43
|
-
const gasPricePayload = payload ? payload : void 0;
|
|
44
|
-
const parsedPayload = useBlocknativeTransformer(gasPricePayload);
|
|
45
|
-
return /* @__PURE__ */ jsx(GasPriceWitnessCardHeader, { title: RenderTitle, parsedPayload, ref });
|
|
46
|
-
});
|
|
47
|
-
BlocknativeGasPriceCardHeader.displayName = "BlocknativeGasPriceCardHeader";
|
|
48
|
-
export {
|
|
49
|
-
BlocknativeGasPriceCardHeader
|
|
50
|
-
};
|
|
51
|
-
//# 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;AAHhI;AAIE,QAAM,eAAc,wCAAS,gBAAT,mBAAuB;AAC3C,MAAI,iBAAe,iBAAY,oBAAZ,mBAA6B,SAAQ;AACtD,UAAM,kBAAkB,2CAAa;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,119 +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
|
-
var _a, _b;
|
|
43
|
-
const blockPrices = (_a = payload == null ? void 0 : payload.blockPrices) == null ? void 0 : _a[0];
|
|
44
|
-
if (blockPrices && ((_b = blockPrices.estimatedPrices) == null ? void 0 : _b.length)) {
|
|
45
|
-
const estimatedPrices = blockPrices == null ? void 0 : blockPrices.estimatedPrices;
|
|
46
|
-
const gasPrice = estimatedPrices.map((price) => ({
|
|
47
|
-
price: {
|
|
48
|
-
label: `Confidence - ${price.confidence}`,
|
|
49
|
-
value: price.price
|
|
50
|
-
},
|
|
51
|
-
priorityFee: {
|
|
52
|
-
label: "maxPriorityFeePerGas",
|
|
53
|
-
value: price.maxPriorityFeePerGas
|
|
54
|
-
}
|
|
55
|
-
}));
|
|
56
|
-
return {
|
|
57
|
-
baseFee: {
|
|
58
|
-
label: "baseFeePerGas",
|
|
59
|
-
value: blockPrices.baseFeePerGas
|
|
60
|
-
},
|
|
61
|
-
blockNumber: {
|
|
62
|
-
label: "blockNumber",
|
|
63
|
-
value: blockPrices.blockNumber
|
|
64
|
-
},
|
|
65
|
-
gasPrice,
|
|
66
|
-
timestamp: payload.timestamp,
|
|
67
|
-
website: "https://docs.Blocknative.io/v5/api/providers/provider/#Provider-getFeeData"
|
|
68
|
-
};
|
|
69
|
-
}
|
|
70
|
-
};
|
|
71
|
-
|
|
72
|
-
// src/components/Card/CardContent.tsx
|
|
73
|
-
var import_jsx_runtime = require("react/jsx-runtime");
|
|
74
|
-
var BlocknativeGasPriceCardContent = (0, import_react.forwardRef)(({ payload, ...props }, ref) => {
|
|
75
|
-
var _a, _b;
|
|
76
|
-
const gasPricePayload = payload ? payload : void 0;
|
|
77
|
-
const parsedPayload = useBlocknativeTransformer(gasPricePayload);
|
|
78
|
-
if ((0, import_lodash.isEmpty)(gasPricePayload) || !((_a = gasPricePayload.blockPrices) == null ? void 0 : _a.length)) {
|
|
79
|
-
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_shared.PayloadDataMissing, { alertBody: "Payload is missing valid gas fee data.", sx: { m: 1 } });
|
|
80
|
-
}
|
|
81
|
-
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_material.CardContent, { ref, sx: { display: "flex", flexDirection: "column", rowGap: 4 }, ...props, children: [
|
|
82
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.Grid, { container: true, spacing: 3, columns: { lg: 15, md: 15, sm: 12, xs: 12 }, children: parsedPayload && ((_b = parsedPayload == null ? void 0 : parsedPayload.gasPrice) == null ? void 0 : _b.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 == null ? void 0 : price.value, speed: price == null ? void 0 : price.label, speedPaperElevation: 4 }) }, price == null ? void 0 : price.label))) }),
|
|
83
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_gas_price.ToggleRawPayloadBox, { gasPricePayload, alignItems: "start", pr: 1 })
|
|
84
|
-
] });
|
|
85
|
-
});
|
|
86
|
-
BlocknativeGasPriceCardContent.displayName = "BlocknativeGasPriceCardContent";
|
|
87
|
-
|
|
88
|
-
// src/components/Card/CardHeader.tsx
|
|
89
|
-
var import_react_gas_price2 = require("@xyo-network/react-gas-price");
|
|
90
|
-
var import_react2 = require("react");
|
|
91
|
-
|
|
92
|
-
// src/components/lib/constants.ts
|
|
93
|
-
var RenderTitle = "Blocknative Gas Tracker";
|
|
94
|
-
|
|
95
|
-
// src/components/Card/CardHeader.tsx
|
|
96
|
-
var import_jsx_runtime2 = require("react/jsx-runtime");
|
|
97
|
-
var BlocknativeGasPriceCardHeader = (0, import_react2.forwardRef)(({ payload }, ref) => {
|
|
98
|
-
const gasPricePayload = payload ? payload : void 0;
|
|
99
|
-
const parsedPayload = useBlocknativeTransformer(gasPricePayload);
|
|
100
|
-
return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_gas_price2.GasPriceWitnessCardHeader, { title: RenderTitle, parsedPayload, ref });
|
|
101
|
-
});
|
|
102
|
-
BlocknativeGasPriceCardHeader.displayName = "BlocknativeGasPriceCardHeader";
|
|
103
|
-
|
|
104
|
-
// src/components/Card/Card.tsx
|
|
105
|
-
var import_jsx_runtime3 = require("react/jsx-runtime");
|
|
106
|
-
var BlocknativeGasPriceCard = (0, import_react3.forwardRef)(({ payload, ...props }, ref) => {
|
|
107
|
-
return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_material2.Card, { ref, ...props, children: [
|
|
108
|
-
/* @__PURE__ */ (0, import_jsx_runtime3.jsx)(BlocknativeGasPriceCardHeader, { payload }),
|
|
109
|
-
/* @__PURE__ */ (0, import_jsx_runtime3.jsx)(BlocknativeGasPriceCardContent, { payload })
|
|
110
|
-
] });
|
|
111
|
-
});
|
|
112
|
-
BlocknativeGasPriceCard.displayName = "BlocknativeGasPriceCard";
|
|
113
|
-
// Annotate the CommonJS export names for ESM import in node:
|
|
114
|
-
0 && (module.exports = {
|
|
115
|
-
BlocknativeGasPriceCard,
|
|
116
|
-
BlocknativeGasPriceCardContent,
|
|
117
|
-
BlocknativeGasPriceCardHeader
|
|
118
|
-
});
|
|
119
|
-
//# 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;AAHhI;AAIE,QAAM,eAAc,wCAAS,gBAAT,mBAAuB;AAC3C,MAAI,iBAAe,iBAAY,oBAAZ,mBAA6B,SAAQ;AACtD,UAAM,kBAAkB,2CAAa;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;AAVhJ;AAWE,QAAM,kBAAkB,UAAW,UAA4C;AAC/E,QAAM,gBAAgB,0BAA0B,eAAe;AAE/D,UAAI,uBAAQ,eAAe,KAAK,GAAC,qBAAgB,gBAAhB,mBAA6B,SAAQ;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,6BACC,oDAAe,aAAf,mBAAyB,IAAI,CAAC,EAAE,MAAM,MACpC,4CAAC,wBAAwB,MAAI,MAAC,IAAI,IAAI,IAAI,GAAG,IAAI,GAAG,IAAI,GACtD,sDAAC,qCAAW,UAAU,+BAAO,OAAO,OAAO,+BAAO,OAAO,qBAAqB,GAAG,KADxE,+BAAO,KAElB,KAEN;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,90 +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
|
-
var _a, _b;
|
|
15
|
-
const blockPrices = (_a = payload == null ? void 0 : payload.blockPrices) == null ? void 0 : _a[0];
|
|
16
|
-
if (blockPrices && ((_b = blockPrices.estimatedPrices) == null ? void 0 : _b.length)) {
|
|
17
|
-
const estimatedPrices = blockPrices == null ? void 0 : blockPrices.estimatedPrices;
|
|
18
|
-
const gasPrice = estimatedPrices.map((price) => ({
|
|
19
|
-
price: {
|
|
20
|
-
label: `Confidence - ${price.confidence}`,
|
|
21
|
-
value: price.price
|
|
22
|
-
},
|
|
23
|
-
priorityFee: {
|
|
24
|
-
label: "maxPriorityFeePerGas",
|
|
25
|
-
value: price.maxPriorityFeePerGas
|
|
26
|
-
}
|
|
27
|
-
}));
|
|
28
|
-
return {
|
|
29
|
-
baseFee: {
|
|
30
|
-
label: "baseFeePerGas",
|
|
31
|
-
value: blockPrices.baseFeePerGas
|
|
32
|
-
},
|
|
33
|
-
blockNumber: {
|
|
34
|
-
label: "blockNumber",
|
|
35
|
-
value: blockPrices.blockNumber
|
|
36
|
-
},
|
|
37
|
-
gasPrice,
|
|
38
|
-
timestamp: payload.timestamp,
|
|
39
|
-
website: "https://docs.Blocknative.io/v5/api/providers/provider/#Provider-getFeeData"
|
|
40
|
-
};
|
|
41
|
-
}
|
|
42
|
-
};
|
|
43
|
-
|
|
44
|
-
// src/components/Card/CardContent.tsx
|
|
45
|
-
import { jsx, jsxs } from "react/jsx-runtime";
|
|
46
|
-
var BlocknativeGasPriceCardContent = forwardRef(({ payload, ...props }, ref) => {
|
|
47
|
-
var _a, _b;
|
|
48
|
-
const gasPricePayload = payload ? payload : void 0;
|
|
49
|
-
const parsedPayload = useBlocknativeTransformer(gasPricePayload);
|
|
50
|
-
if (isEmpty(gasPricePayload) || !((_a = gasPricePayload.blockPrices) == null ? void 0 : _a.length)) {
|
|
51
|
-
return /* @__PURE__ */ jsx(PayloadDataMissing, { alertBody: "Payload is missing valid gas fee data.", sx: { m: 1 } });
|
|
52
|
-
}
|
|
53
|
-
return /* @__PURE__ */ jsxs(CardContent, { ref, sx: { display: "flex", flexDirection: "column", rowGap: 4 }, ...props, children: [
|
|
54
|
-
/* @__PURE__ */ jsx(Grid, { container: true, spacing: 3, columns: { lg: 15, md: 15, sm: 12, xs: 12 }, children: parsedPayload && ((_b = parsedPayload == null ? void 0 : parsedPayload.gasPrice) == null ? void 0 : _b.map(({ price }) => /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, sm: 6, md: 5, lg: 3, children: /* @__PURE__ */ jsx(GasFeeCard, { gasPrice: price == null ? void 0 : price.value, speed: price == null ? void 0 : price.label, speedPaperElevation: 4 }) }, price == null ? void 0 : price.label))) }),
|
|
55
|
-
/* @__PURE__ */ jsx(ToggleRawPayloadBox, { gasPricePayload, alignItems: "start", pr: 1 })
|
|
56
|
-
] });
|
|
57
|
-
});
|
|
58
|
-
BlocknativeGasPriceCardContent.displayName = "BlocknativeGasPriceCardContent";
|
|
59
|
-
|
|
60
|
-
// src/components/Card/CardHeader.tsx
|
|
61
|
-
import { GasPriceWitnessCardHeader } from "@xyo-network/react-gas-price";
|
|
62
|
-
import { forwardRef as forwardRef2 } from "react";
|
|
63
|
-
|
|
64
|
-
// src/components/lib/constants.ts
|
|
65
|
-
var RenderTitle = "Blocknative Gas Tracker";
|
|
66
|
-
|
|
67
|
-
// src/components/Card/CardHeader.tsx
|
|
68
|
-
import { jsx as jsx2 } from "react/jsx-runtime";
|
|
69
|
-
var BlocknativeGasPriceCardHeader = forwardRef2(({ payload }, ref) => {
|
|
70
|
-
const gasPricePayload = payload ? payload : void 0;
|
|
71
|
-
const parsedPayload = useBlocknativeTransformer(gasPricePayload);
|
|
72
|
-
return /* @__PURE__ */ jsx2(GasPriceWitnessCardHeader, { title: RenderTitle, parsedPayload, ref });
|
|
73
|
-
});
|
|
74
|
-
BlocknativeGasPriceCardHeader.displayName = "BlocknativeGasPriceCardHeader";
|
|
75
|
-
|
|
76
|
-
// src/components/Card/Card.tsx
|
|
77
|
-
import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
|
|
78
|
-
var BlocknativeGasPriceCard = forwardRef3(({ payload, ...props }, ref) => {
|
|
79
|
-
return /* @__PURE__ */ jsxs2(Card, { ref, ...props, children: [
|
|
80
|
-
/* @__PURE__ */ jsx3(BlocknativeGasPriceCardHeader, { payload }),
|
|
81
|
-
/* @__PURE__ */ jsx3(BlocknativeGasPriceCardContent, { payload })
|
|
82
|
-
] });
|
|
83
|
-
});
|
|
84
|
-
BlocknativeGasPriceCard.displayName = "BlocknativeGasPriceCard";
|
|
85
|
-
export {
|
|
86
|
-
BlocknativeGasPriceCard,
|
|
87
|
-
BlocknativeGasPriceCardContent,
|
|
88
|
-
BlocknativeGasPriceCardHeader
|
|
89
|
-
};
|
|
90
|
-
//# 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;AAHhI;AAIE,QAAM,eAAc,wCAAS,gBAAT,mBAAuB;AAC3C,MAAI,iBAAe,iBAAY,oBAAZ,mBAA6B,SAAQ;AACtD,UAAM,kBAAkB,2CAAa;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;AAVhJ;AAWE,QAAM,kBAAkB,UAAW,UAA4C;AAC/E,QAAM,gBAAgB,0BAA0B,eAAe;AAE/D,MAAI,QAAQ,eAAe,KAAK,GAAC,qBAAgB,gBAAhB,mBAA6B,SAAQ;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,6BACC,oDAAe,aAAf,mBAAyB,IAAI,CAAC,EAAE,MAAM,MACpC,oBAAC,QAAwB,MAAI,MAAC,IAAI,IAAI,IAAI,GAAG,IAAI,GAAG,IAAI,GACtD,8BAAC,cAAW,UAAU,+BAAO,OAAO,OAAO,+BAAO,OAAO,qBAAqB,GAAG,KADxE,+BAAO,KAElB,KAEN;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"]}
|