@xyo-network/react-ethereum-gas-price-blocknative-plugin 2.64.9 → 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.
Files changed (114) hide show
  1. package/dist/docs.json +6 -6
  2. package/package.json +11 -11
  3. package/dist/browser/Plugin.cjs +0 -149
  4. package/dist/browser/Plugin.cjs.map +0 -1
  5. package/dist/browser/Plugin.js +0 -128
  6. package/dist/browser/Plugin.js.map +0 -1
  7. package/dist/browser/components/Card/Card.cjs +0 -107
  8. package/dist/browser/components/Card/Card.cjs.map +0 -1
  9. package/dist/browser/components/Card/Card.js +0 -86
  10. package/dist/browser/components/Card/Card.js.map +0 -1
  11. package/dist/browser/components/Card/CardContent.cjs +0 -77
  12. package/dist/browser/components/Card/CardContent.cjs.map +0 -1
  13. package/dist/browser/components/Card/CardContent.js +0 -56
  14. package/dist/browser/components/Card/CardContent.js.map +0 -1
  15. package/dist/browser/components/Card/CardHeader.cjs +0 -71
  16. package/dist/browser/components/Card/CardHeader.cjs.map +0 -1
  17. package/dist/browser/components/Card/CardHeader.js +0 -50
  18. package/dist/browser/components/Card/CardHeader.js.map +0 -1
  19. package/dist/browser/components/Card/index.cjs +0 -111
  20. package/dist/browser/components/Card/index.cjs.map +0 -1
  21. package/dist/browser/components/Card/index.js +0 -88
  22. package/dist/browser/components/Card/index.js.map +0 -1
  23. package/dist/browser/components/Details/Box/BlocknativeGasPriceDetailsBox.cjs +0 -91
  24. package/dist/browser/components/Details/Box/BlocknativeGasPriceDetailsBox.cjs.map +0 -1
  25. package/dist/browser/components/Details/Box/BlocknativeGasPriceDetailsBox.js +0 -70
  26. package/dist/browser/components/Details/Box/BlocknativeGasPriceDetailsBox.js.map +0 -1
  27. package/dist/browser/components/Details/Box/index.cjs +0 -93
  28. package/dist/browser/components/Details/Box/index.cjs.map +0 -1
  29. package/dist/browser/components/Details/Box/index.js +0 -70
  30. package/dist/browser/components/Details/Box/index.js.map +0 -1
  31. package/dist/browser/components/Details/index.cjs +0 -93
  32. package/dist/browser/components/Details/index.cjs.map +0 -1
  33. package/dist/browser/components/Details/index.js +0 -70
  34. package/dist/browser/components/Details/index.js.map +0 -1
  35. package/dist/browser/components/hooks/index.cjs +0 -57
  36. package/dist/browser/components/hooks/index.cjs.map +0 -1
  37. package/dist/browser/components/hooks/index.js +0 -34
  38. package/dist/browser/components/hooks/index.js.map +0 -1
  39. package/dist/browser/components/hooks/useBlocknativeTransformer.cjs +0 -55
  40. package/dist/browser/components/hooks/useBlocknativeTransformer.cjs.map +0 -1
  41. package/dist/browser/components/hooks/useBlocknativeTransformer.js +0 -34
  42. package/dist/browser/components/hooks/useBlocknativeTransformer.js.map +0 -1
  43. package/dist/browser/components/index.cjs +0 -143
  44. package/dist/browser/components/index.cjs.map +0 -1
  45. package/dist/browser/components/index.js +0 -120
  46. package/dist/browser/components/index.js.map +0 -1
  47. package/dist/browser/components/lib/constants.cjs +0 -27
  48. package/dist/browser/components/lib/constants.cjs.map +0 -1
  49. package/dist/browser/components/lib/constants.js +0 -6
  50. package/dist/browser/components/lib/constants.js.map +0 -1
  51. package/dist/browser/components/lib/index.cjs +0 -29
  52. package/dist/browser/components/lib/index.cjs.map +0 -1
  53. package/dist/browser/components/lib/index.js +0 -6
  54. package/dist/browser/components/lib/index.js.map +0 -1
  55. package/dist/browser/types/images.d.cjs +0 -2
  56. package/dist/browser/types/images.d.cjs.map +0 -1
  57. package/dist/browser/types/images.d.js +0 -1
  58. package/dist/browser/types/images.d.js.map +0 -1
  59. package/dist/node/Plugin.cjs +0 -156
  60. package/dist/node/Plugin.cjs.map +0 -1
  61. package/dist/node/Plugin.js +0 -131
  62. package/dist/node/Plugin.js.map +0 -1
  63. package/dist/node/components/Card/Card.cjs +0 -113
  64. package/dist/node/components/Card/Card.cjs.map +0 -1
  65. package/dist/node/components/Card/Card.js +0 -88
  66. package/dist/node/components/Card/Card.js.map +0 -1
  67. package/dist/node/components/Card/CardContent.cjs +0 -83
  68. package/dist/node/components/Card/CardContent.cjs.map +0 -1
  69. package/dist/node/components/Card/CardContent.js +0 -58
  70. package/dist/node/components/Card/CardContent.js.map +0 -1
  71. package/dist/node/components/Card/CardHeader.cjs +0 -76
  72. package/dist/node/components/Card/CardHeader.cjs.map +0 -1
  73. package/dist/node/components/Card/CardHeader.js +0 -51
  74. package/dist/node/components/Card/CardHeader.js.map +0 -1
  75. package/dist/node/components/Card/index.cjs +0 -119
  76. package/dist/node/components/Card/index.cjs.map +0 -1
  77. package/dist/node/components/Card/index.js +0 -90
  78. package/dist/node/components/Card/index.js.map +0 -1
  79. package/dist/node/components/Details/Box/BlocknativeGasPriceDetailsBox.cjs +0 -97
  80. package/dist/node/components/Details/Box/BlocknativeGasPriceDetailsBox.cjs.map +0 -1
  81. package/dist/node/components/Details/Box/BlocknativeGasPriceDetailsBox.js +0 -72
  82. package/dist/node/components/Details/Box/BlocknativeGasPriceDetailsBox.js.map +0 -1
  83. package/dist/node/components/Details/Box/index.cjs +0 -99
  84. package/dist/node/components/Details/Box/index.cjs.map +0 -1
  85. package/dist/node/components/Details/Box/index.js +0 -72
  86. package/dist/node/components/Details/Box/index.js.map +0 -1
  87. package/dist/node/components/Details/index.cjs +0 -99
  88. package/dist/node/components/Details/index.cjs.map +0 -1
  89. package/dist/node/components/Details/index.js +0 -72
  90. package/dist/node/components/Details/index.js.map +0 -1
  91. package/dist/node/components/hooks/index.cjs +0 -62
  92. package/dist/node/components/hooks/index.cjs.map +0 -1
  93. package/dist/node/components/hooks/index.js +0 -35
  94. package/dist/node/components/hooks/index.js.map +0 -1
  95. package/dist/node/components/hooks/useBlocknativeTransformer.cjs +0 -60
  96. package/dist/node/components/hooks/useBlocknativeTransformer.cjs.map +0 -1
  97. package/dist/node/components/hooks/useBlocknativeTransformer.js +0 -35
  98. package/dist/node/components/hooks/useBlocknativeTransformer.js.map +0 -1
  99. package/dist/node/components/index.cjs +0 -153
  100. package/dist/node/components/index.cjs.map +0 -1
  101. package/dist/node/components/index.js +0 -123
  102. package/dist/node/components/index.js.map +0 -1
  103. package/dist/node/components/lib/constants.cjs +0 -31
  104. package/dist/node/components/lib/constants.cjs.map +0 -1
  105. package/dist/node/components/lib/constants.js +0 -6
  106. package/dist/node/components/lib/constants.js.map +0 -1
  107. package/dist/node/components/lib/index.cjs +0 -33
  108. package/dist/node/components/lib/index.cjs.map +0 -1
  109. package/dist/node/components/lib/index.js +0 -6
  110. package/dist/node/components/lib/index.js.map +0 -1
  111. package/dist/node/types/images.d.cjs +0 -2
  112. package/dist/node/types/images.d.cjs.map +0 -1
  113. package/dist/node/types/images.d.js +0 -1
  114. package/dist/node/types/images.d.js.map +0 -1
@@ -1,97 +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/Details/Box/BlocknativeGasPriceDetailsBox.tsx
21
- var BlocknativeGasPriceDetailsBox_exports = {};
22
- __export(BlocknativeGasPriceDetailsBox_exports, {
23
- BlocknativeGasPriceDetailsBox: () => BlocknativeGasPriceDetailsBox
24
- });
25
- module.exports = __toCommonJS(BlocknativeGasPriceDetailsBox_exports);
26
- var import_material = require("@mui/material");
27
- var import_lodash = require("@xylabs/lodash");
28
- var import_react_flexbox = require("@xylabs/react-flexbox");
29
- var import_react_gas_price = require("@xyo-network/react-gas-price");
30
- var import_react_shared = require("@xyo-network/react-shared");
31
- var import_react = require("react");
32
-
33
- // src/components/hooks/useBlocknativeTransformer.tsx
34
- var useBlocknativeTransformer = (payload) => {
35
- var _a, _b;
36
- const blockPrices = (_a = payload == null ? void 0 : payload.blockPrices) == null ? void 0 : _a[0];
37
- if (blockPrices && ((_b = blockPrices.estimatedPrices) == null ? void 0 : _b.length)) {
38
- const estimatedPrices = blockPrices == null ? void 0 : blockPrices.estimatedPrices;
39
- const gasPrice = estimatedPrices.map((price) => ({
40
- price: {
41
- label: `Confidence - ${price.confidence}`,
42
- value: price.price
43
- },
44
- priorityFee: {
45
- label: "maxPriorityFeePerGas",
46
- value: price.maxPriorityFeePerGas
47
- }
48
- }));
49
- return {
50
- baseFee: {
51
- label: "baseFeePerGas",
52
- value: blockPrices.baseFeePerGas
53
- },
54
- blockNumber: {
55
- label: "blockNumber",
56
- value: blockPrices.blockNumber
57
- },
58
- gasPrice,
59
- timestamp: payload.timestamp,
60
- website: "https://docs.Blocknative.io/v5/api/providers/provider/#Provider-getFeeData"
61
- };
62
- }
63
- };
64
-
65
- // src/components/lib/constants.ts
66
- var RenderTitle = "Blocknative Gas Tracker";
67
-
68
- // src/components/Details/Box/BlocknativeGasPriceDetailsBox.tsx
69
- var import_jsx_runtime = require("react/jsx-runtime");
70
- var BlocknativeGasPriceDetailsBox = (0, import_react.forwardRef)(
71
- // eslint-disable-next-line @typescript-eslint/no-unused-vars
72
- ({ payload, listMode, ...props }, ref) => {
73
- var _a, _b;
74
- const gasPricePayload = payload ? payload : void 0;
75
- const parsedPayload = useBlocknativeTransformer(gasPricePayload);
76
- return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: (0, import_lodash.isEmpty)(gasPricePayload) || !((_a = gasPricePayload.blockPrices) == null ? void 0 : _a.length) ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_shared.PayloadDataMissing, { alertBody: "Payload is missing valid gas fee data." }) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react_flexbox.FlexCol, { alignItems: "start", rowGap: 4, ...props, ref, children: [
77
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_gas_price.GasPriceWitnessHeaderBox, { heading: RenderTitle, parsedPayload }),
78
- /* @__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, priorityFee }) => /* @__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)(
79
- import_react_gas_price.GasFeeCard,
80
- {
81
- gasPrice: price == null ? void 0 : price.value,
82
- speed: price == null ? void 0 : price.label,
83
- priorityFee: priorityFee == null ? void 0 : priorityFee.value,
84
- priorityFeeLabel: priorityFee == null ? void 0 : priorityFee.label
85
- },
86
- price == null ? void 0 : price.label
87
- ) }, price == null ? void 0 : price.label))) }),
88
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_gas_price.ToggleRawPayloadBox, { gasPricePayload, alignItems: "start" })
89
- ] }) });
90
- }
91
- );
92
- BlocknativeGasPriceDetailsBox.displayName = "BlocknativeGasPriceDetailsBox";
93
- // Annotate the CommonJS export names for ESM import in node:
94
- 0 && (module.exports = {
95
- BlocknativeGasPriceDetailsBox
96
- });
97
- //# sourceMappingURL=BlocknativeGasPriceDetailsBox.cjs.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../../../../src/components/Details/Box/BlocknativeGasPriceDetailsBox.tsx","../../../../../src/components/hooks/useBlocknativeTransformer.tsx","../../../../../src/components/lib/constants.ts"],"sourcesContent":["import { Grid } from '@mui/material'\nimport { isEmpty } from '@xylabs/lodash'\nimport { FlexBoxProps, FlexCol } from '@xylabs/react-flexbox'\nimport { EthereumGasBlocknativePayload } from '@xyo-network/blocknative-ethereum-gas-payload-plugin'\nimport { GasFeeCard, GasPriceWitnessHeaderBox, ToggleRawPayloadBox } from '@xyo-network/react-gas-price'\nimport { PayloadDetailsRenderProps } from '@xyo-network/react-payload-plugin'\nimport { PayloadDataMissing } from '@xyo-network/react-shared'\nimport { forwardRef } from 'react'\n\nimport { useBlocknativeTransformer } from '../../hooks'\nimport { RenderTitle } from '../../lib'\n\nexport const BlocknativeGasPriceDetailsBox = forwardRef<HTMLDivElement, PayloadDetailsRenderProps & FlexBoxProps>(\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n ({ payload, listMode, ...props }, ref) => {\n const gasPricePayload: EthereumGasBlocknativePayload | undefined = payload ? (payload as EthereumGasBlocknativePayload) : undefined\n const parsedPayload = useBlocknativeTransformer(gasPricePayload)\n\n return (\n <>\n {isEmpty(gasPricePayload) || !gasPricePayload.blockPrices?.length ? (\n <PayloadDataMissing alertBody=\"Payload is missing valid gas fee data.\" />\n ) : (\n <FlexCol alignItems=\"start\" rowGap={4} {...props} ref={ref}>\n <GasPriceWitnessHeaderBox heading={RenderTitle} parsedPayload={parsedPayload} />\n <Grid container spacing={3} columns={{ lg: 15, md: 15, sm: 12, xs: 12 }}>\n {parsedPayload &&\n parsedPayload?.gasPrice?.map(({ price, priorityFee }) => (\n <Grid key={price?.label} item xs={12} sm={6} md={5} lg={3}>\n <GasFeeCard\n key={price?.label}\n gasPrice={price?.value}\n speed={price?.label}\n priorityFee={priorityFee?.value}\n priorityFeeLabel={priorityFee?.label}\n />\n </Grid>\n ))}\n </Grid>\n <ToggleRawPayloadBox gasPricePayload={gasPricePayload} alignItems=\"start\" />\n </FlexCol>\n )}\n </>\n )\n },\n)\n\nBlocknativeGasPriceDetailsBox.displayName = 'BlocknativeGasPriceDetailsBox'\n","import { 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;AAAA,sBAAqB;AACrB,oBAAwB;AACxB,2BAAsC;AAEtC,6BAA0E;AAE1E,0BAAmC;AACnC,mBAA2B;;;ACJpB,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;;;AFmBrB;AAPC,IAAM,oCAAgC;AAAA;AAAA,EAE3C,CAAC,EAAE,SAAS,UAAU,GAAG,MAAM,GAAG,QAAQ;AAd5C;AAeI,UAAM,kBAA6D,UAAW,UAA4C;AAC1H,UAAM,gBAAgB,0BAA0B,eAAe;AAE/D,WACE,2EACG,qCAAQ,eAAe,KAAK,GAAC,qBAAgB,gBAAhB,mBAA6B,UACzD,4CAAC,0CAAmB,WAAU,0CAAyC,IAEvE,6CAAC,gCAAQ,YAAW,SAAQ,QAAQ,GAAI,GAAG,OAAO,KAChD;AAAA,kDAAC,mDAAyB,SAAS,aAAa,eAA8B;AAAA,MAC9E,4CAAC,wBAAK,WAAS,MAAC,SAAS,GAAG,SAAS,EAAE,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,GAAG,GACnE,6BACC,oDAAe,aAAf,mBAAyB,IAAI,CAAC,EAAE,OAAO,YAAY,MACjD,4CAAC,wBAAwB,MAAI,MAAC,IAAI,IAAI,IAAI,GAAG,IAAI,GAAG,IAAI,GACtD;AAAA,QAAC;AAAA;AAAA,UAEC,UAAU,+BAAO;AAAA,UACjB,OAAO,+BAAO;AAAA,UACd,aAAa,2CAAa;AAAA,UAC1B,kBAAkB,2CAAa;AAAA;AAAA,QAJ1B,+BAAO;AAAA,MAKd,KAPS,+BAAO,KAQlB,KAEN;AAAA,MACA,4CAAC,8CAAoB,iBAAkC,YAAW,SAAQ;AAAA,OAC5E,GAEJ;AAAA,EAEJ;AACF;AAEA,8BAA8B,cAAc;","names":[]}
@@ -1,72 +0,0 @@
1
- // src/components/Details/Box/BlocknativeGasPriceDetailsBox.tsx
2
- import { Grid } from "@mui/material";
3
- import { isEmpty } from "@xylabs/lodash";
4
- import { FlexCol } from "@xylabs/react-flexbox";
5
- import { GasFeeCard, GasPriceWitnessHeaderBox, ToggleRawPayloadBox } from "@xyo-network/react-gas-price";
6
- import { PayloadDataMissing } from "@xyo-network/react-shared";
7
- import { forwardRef } from "react";
8
-
9
- // src/components/hooks/useBlocknativeTransformer.tsx
10
- var useBlocknativeTransformer = (payload) => {
11
- var _a, _b;
12
- const blockPrices = (_a = payload == null ? void 0 : payload.blockPrices) == null ? void 0 : _a[0];
13
- if (blockPrices && ((_b = blockPrices.estimatedPrices) == null ? void 0 : _b.length)) {
14
- const estimatedPrices = blockPrices == null ? void 0 : blockPrices.estimatedPrices;
15
- const gasPrice = estimatedPrices.map((price) => ({
16
- price: {
17
- label: `Confidence - ${price.confidence}`,
18
- value: price.price
19
- },
20
- priorityFee: {
21
- label: "maxPriorityFeePerGas",
22
- value: price.maxPriorityFeePerGas
23
- }
24
- }));
25
- return {
26
- baseFee: {
27
- label: "baseFeePerGas",
28
- value: blockPrices.baseFeePerGas
29
- },
30
- blockNumber: {
31
- label: "blockNumber",
32
- value: blockPrices.blockNumber
33
- },
34
- gasPrice,
35
- timestamp: payload.timestamp,
36
- website: "https://docs.Blocknative.io/v5/api/providers/provider/#Provider-getFeeData"
37
- };
38
- }
39
- };
40
-
41
- // src/components/lib/constants.ts
42
- var RenderTitle = "Blocknative Gas Tracker";
43
-
44
- // src/components/Details/Box/BlocknativeGasPriceDetailsBox.tsx
45
- import { Fragment, jsx, jsxs } from "react/jsx-runtime";
46
- var BlocknativeGasPriceDetailsBox = forwardRef(
47
- // eslint-disable-next-line @typescript-eslint/no-unused-vars
48
- ({ payload, listMode, ...props }, ref) => {
49
- var _a, _b;
50
- const gasPricePayload = payload ? payload : void 0;
51
- const parsedPayload = useBlocknativeTransformer(gasPricePayload);
52
- return /* @__PURE__ */ jsx(Fragment, { children: isEmpty(gasPricePayload) || !((_a = gasPricePayload.blockPrices) == null ? void 0 : _a.length) ? /* @__PURE__ */ jsx(PayloadDataMissing, { alertBody: "Payload is missing valid gas fee data." }) : /* @__PURE__ */ jsxs(FlexCol, { alignItems: "start", rowGap: 4, ...props, ref, children: [
53
- /* @__PURE__ */ jsx(GasPriceWitnessHeaderBox, { heading: RenderTitle, parsedPayload }),
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, priorityFee }) => /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, sm: 6, md: 5, lg: 3, children: /* @__PURE__ */ jsx(
55
- GasFeeCard,
56
- {
57
- gasPrice: price == null ? void 0 : price.value,
58
- speed: price == null ? void 0 : price.label,
59
- priorityFee: priorityFee == null ? void 0 : priorityFee.value,
60
- priorityFeeLabel: priorityFee == null ? void 0 : priorityFee.label
61
- },
62
- price == null ? void 0 : price.label
63
- ) }, price == null ? void 0 : price.label))) }),
64
- /* @__PURE__ */ jsx(ToggleRawPayloadBox, { gasPricePayload, alignItems: "start" })
65
- ] }) });
66
- }
67
- );
68
- BlocknativeGasPriceDetailsBox.displayName = "BlocknativeGasPriceDetailsBox";
69
- export {
70
- BlocknativeGasPriceDetailsBox
71
- };
72
- //# sourceMappingURL=BlocknativeGasPriceDetailsBox.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../../../../src/components/Details/Box/BlocknativeGasPriceDetailsBox.tsx","../../../../../src/components/hooks/useBlocknativeTransformer.tsx","../../../../../src/components/lib/constants.ts"],"sourcesContent":["import { Grid } from '@mui/material'\nimport { isEmpty } from '@xylabs/lodash'\nimport { FlexBoxProps, FlexCol } from '@xylabs/react-flexbox'\nimport { EthereumGasBlocknativePayload } from '@xyo-network/blocknative-ethereum-gas-payload-plugin'\nimport { GasFeeCard, GasPriceWitnessHeaderBox, ToggleRawPayloadBox } from '@xyo-network/react-gas-price'\nimport { PayloadDetailsRenderProps } from '@xyo-network/react-payload-plugin'\nimport { PayloadDataMissing } from '@xyo-network/react-shared'\nimport { forwardRef } from 'react'\n\nimport { useBlocknativeTransformer } from '../../hooks'\nimport { RenderTitle } from '../../lib'\n\nexport const BlocknativeGasPriceDetailsBox = forwardRef<HTMLDivElement, PayloadDetailsRenderProps & FlexBoxProps>(\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n ({ payload, listMode, ...props }, ref) => {\n const gasPricePayload: EthereumGasBlocknativePayload | undefined = payload ? (payload as EthereumGasBlocknativePayload) : undefined\n const parsedPayload = useBlocknativeTransformer(gasPricePayload)\n\n return (\n <>\n {isEmpty(gasPricePayload) || !gasPricePayload.blockPrices?.length ? (\n <PayloadDataMissing alertBody=\"Payload is missing valid gas fee data.\" />\n ) : (\n <FlexCol alignItems=\"start\" rowGap={4} {...props} ref={ref}>\n <GasPriceWitnessHeaderBox heading={RenderTitle} parsedPayload={parsedPayload} />\n <Grid container spacing={3} columns={{ lg: 15, md: 15, sm: 12, xs: 12 }}>\n {parsedPayload &&\n parsedPayload?.gasPrice?.map(({ price, priorityFee }) => (\n <Grid key={price?.label} item xs={12} sm={6} md={5} lg={3}>\n <GasFeeCard\n key={price?.label}\n gasPrice={price?.value}\n speed={price?.label}\n priorityFee={priorityFee?.value}\n priorityFeeLabel={priorityFee?.label}\n />\n </Grid>\n ))}\n </Grid>\n <ToggleRawPayloadBox gasPricePayload={gasPricePayload} alignItems=\"start\" />\n </FlexCol>\n )}\n </>\n )\n },\n)\n\nBlocknativeGasPriceDetailsBox.displayName = 'BlocknativeGasPriceDetailsBox'\n","import { 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,SAAS,YAAY;AACrB,SAAS,eAAe;AACxB,SAAuB,eAAe;AAEtC,SAAS,YAAY,0BAA0B,2BAA2B;AAE1E,SAAS,0BAA0B;AACnC,SAAS,kBAAkB;;;ACJpB,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;;;AFmBrB,mBAEI,KAEA,YAJJ;AAPC,IAAM,gCAAgC;AAAA;AAAA,EAE3C,CAAC,EAAE,SAAS,UAAU,GAAG,MAAM,GAAG,QAAQ;AAd5C;AAeI,UAAM,kBAA6D,UAAW,UAA4C;AAC1H,UAAM,gBAAgB,0BAA0B,eAAe;AAE/D,WACE,gCACG,kBAAQ,eAAe,KAAK,GAAC,qBAAgB,gBAAhB,mBAA6B,UACzD,oBAAC,sBAAmB,WAAU,0CAAyC,IAEvE,qBAAC,WAAQ,YAAW,SAAQ,QAAQ,GAAI,GAAG,OAAO,KAChD;AAAA,0BAAC,4BAAyB,SAAS,aAAa,eAA8B;AAAA,MAC9E,oBAAC,QAAK,WAAS,MAAC,SAAS,GAAG,SAAS,EAAE,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,GAAG,GACnE,6BACC,oDAAe,aAAf,mBAAyB,IAAI,CAAC,EAAE,OAAO,YAAY,MACjD,oBAAC,QAAwB,MAAI,MAAC,IAAI,IAAI,IAAI,GAAG,IAAI,GAAG,IAAI,GACtD;AAAA,QAAC;AAAA;AAAA,UAEC,UAAU,+BAAO;AAAA,UACjB,OAAO,+BAAO;AAAA,UACd,aAAa,2CAAa;AAAA,UAC1B,kBAAkB,2CAAa;AAAA;AAAA,QAJ1B,+BAAO;AAAA,MAKd,KAPS,+BAAO,KAQlB,KAEN;AAAA,MACA,oBAAC,uBAAoB,iBAAkC,YAAW,SAAQ;AAAA,OAC5E,GAEJ;AAAA,EAEJ;AACF;AAEA,8BAA8B,cAAc;","names":[]}
@@ -1,99 +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/Details/Box/index.ts
21
- var Box_exports = {};
22
- __export(Box_exports, {
23
- BlocknativeGasPriceDetailsBox: () => BlocknativeGasPriceDetailsBox
24
- });
25
- module.exports = __toCommonJS(Box_exports);
26
-
27
- // src/components/Details/Box/BlocknativeGasPriceDetailsBox.tsx
28
- var import_material = require("@mui/material");
29
- var import_lodash = require("@xylabs/lodash");
30
- var import_react_flexbox = require("@xylabs/react-flexbox");
31
- var import_react_gas_price = require("@xyo-network/react-gas-price");
32
- var import_react_shared = require("@xyo-network/react-shared");
33
- var import_react = require("react");
34
-
35
- // src/components/hooks/useBlocknativeTransformer.tsx
36
- var useBlocknativeTransformer = (payload) => {
37
- var _a, _b;
38
- const blockPrices = (_a = payload == null ? void 0 : payload.blockPrices) == null ? void 0 : _a[0];
39
- if (blockPrices && ((_b = blockPrices.estimatedPrices) == null ? void 0 : _b.length)) {
40
- const estimatedPrices = blockPrices == null ? void 0 : blockPrices.estimatedPrices;
41
- const gasPrice = estimatedPrices.map((price) => ({
42
- price: {
43
- label: `Confidence - ${price.confidence}`,
44
- value: price.price
45
- },
46
- priorityFee: {
47
- label: "maxPriorityFeePerGas",
48
- value: price.maxPriorityFeePerGas
49
- }
50
- }));
51
- return {
52
- baseFee: {
53
- label: "baseFeePerGas",
54
- value: blockPrices.baseFeePerGas
55
- },
56
- blockNumber: {
57
- label: "blockNumber",
58
- value: blockPrices.blockNumber
59
- },
60
- gasPrice,
61
- timestamp: payload.timestamp,
62
- website: "https://docs.Blocknative.io/v5/api/providers/provider/#Provider-getFeeData"
63
- };
64
- }
65
- };
66
-
67
- // src/components/lib/constants.ts
68
- var RenderTitle = "Blocknative Gas Tracker";
69
-
70
- // src/components/Details/Box/BlocknativeGasPriceDetailsBox.tsx
71
- var import_jsx_runtime = require("react/jsx-runtime");
72
- var BlocknativeGasPriceDetailsBox = (0, import_react.forwardRef)(
73
- // eslint-disable-next-line @typescript-eslint/no-unused-vars
74
- ({ payload, listMode, ...props }, ref) => {
75
- var _a, _b;
76
- const gasPricePayload = payload ? payload : void 0;
77
- const parsedPayload = useBlocknativeTransformer(gasPricePayload);
78
- return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: (0, import_lodash.isEmpty)(gasPricePayload) || !((_a = gasPricePayload.blockPrices) == null ? void 0 : _a.length) ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_shared.PayloadDataMissing, { alertBody: "Payload is missing valid gas fee data." }) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react_flexbox.FlexCol, { alignItems: "start", rowGap: 4, ...props, ref, children: [
79
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_gas_price.GasPriceWitnessHeaderBox, { heading: RenderTitle, parsedPayload }),
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 && ((_b = parsedPayload == null ? void 0 : parsedPayload.gasPrice) == null ? void 0 : _b.map(({ price, priorityFee }) => /* @__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)(
81
- import_react_gas_price.GasFeeCard,
82
- {
83
- gasPrice: price == null ? void 0 : price.value,
84
- speed: price == null ? void 0 : price.label,
85
- priorityFee: priorityFee == null ? void 0 : priorityFee.value,
86
- priorityFeeLabel: priorityFee == null ? void 0 : priorityFee.label
87
- },
88
- price == null ? void 0 : price.label
89
- ) }, price == null ? void 0 : price.label))) }),
90
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_gas_price.ToggleRawPayloadBox, { gasPricePayload, alignItems: "start" })
91
- ] }) });
92
- }
93
- );
94
- BlocknativeGasPriceDetailsBox.displayName = "BlocknativeGasPriceDetailsBox";
95
- // Annotate the CommonJS export names for ESM import in node:
96
- 0 && (module.exports = {
97
- BlocknativeGasPriceDetailsBox
98
- });
99
- //# sourceMappingURL=index.cjs.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../../../../src/components/Details/Box/index.ts","../../../../../src/components/Details/Box/BlocknativeGasPriceDetailsBox.tsx","../../../../../src/components/hooks/useBlocknativeTransformer.tsx","../../../../../src/components/lib/constants.ts"],"sourcesContent":["export * from './BlocknativeGasPriceDetailsBox'\n","import { Grid } from '@mui/material'\nimport { isEmpty } from '@xylabs/lodash'\nimport { FlexBoxProps, FlexCol } from '@xylabs/react-flexbox'\nimport { EthereumGasBlocknativePayload } from '@xyo-network/blocknative-ethereum-gas-payload-plugin'\nimport { GasFeeCard, GasPriceWitnessHeaderBox, ToggleRawPayloadBox } from '@xyo-network/react-gas-price'\nimport { PayloadDetailsRenderProps } from '@xyo-network/react-payload-plugin'\nimport { PayloadDataMissing } from '@xyo-network/react-shared'\nimport { forwardRef } from 'react'\n\nimport { useBlocknativeTransformer } from '../../hooks'\nimport { RenderTitle } from '../../lib'\n\nexport const BlocknativeGasPriceDetailsBox = forwardRef<HTMLDivElement, PayloadDetailsRenderProps & FlexBoxProps>(\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n ({ payload, listMode, ...props }, ref) => {\n const gasPricePayload: EthereumGasBlocknativePayload | undefined = payload ? (payload as EthereumGasBlocknativePayload) : undefined\n const parsedPayload = useBlocknativeTransformer(gasPricePayload)\n\n return (\n <>\n {isEmpty(gasPricePayload) || !gasPricePayload.blockPrices?.length ? (\n <PayloadDataMissing alertBody=\"Payload is missing valid gas fee data.\" />\n ) : (\n <FlexCol alignItems=\"start\" rowGap={4} {...props} ref={ref}>\n <GasPriceWitnessHeaderBox heading={RenderTitle} parsedPayload={parsedPayload} />\n <Grid container spacing={3} columns={{ lg: 15, md: 15, sm: 12, xs: 12 }}>\n {parsedPayload &&\n parsedPayload?.gasPrice?.map(({ price, priorityFee }) => (\n <Grid key={price?.label} item xs={12} sm={6} md={5} lg={3}>\n <GasFeeCard\n key={price?.label}\n gasPrice={price?.value}\n speed={price?.label}\n priorityFee={priorityFee?.value}\n priorityFeeLabel={priorityFee?.label}\n />\n </Grid>\n ))}\n </Grid>\n <ToggleRawPayloadBox gasPricePayload={gasPricePayload} alignItems=\"start\" />\n </FlexCol>\n )}\n </>\n )\n },\n)\n\nBlocknativeGasPriceDetailsBox.displayName = 'BlocknativeGasPriceDetailsBox'\n","import { 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;;;ACAA,sBAAqB;AACrB,oBAAwB;AACxB,2BAAsC;AAEtC,6BAA0E;AAE1E,0BAAmC;AACnC,mBAA2B;;;ACJpB,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;;;AFmBrB;AAPC,IAAM,oCAAgC;AAAA;AAAA,EAE3C,CAAC,EAAE,SAAS,UAAU,GAAG,MAAM,GAAG,QAAQ;AAd5C;AAeI,UAAM,kBAA6D,UAAW,UAA4C;AAC1H,UAAM,gBAAgB,0BAA0B,eAAe;AAE/D,WACE,2EACG,qCAAQ,eAAe,KAAK,GAAC,qBAAgB,gBAAhB,mBAA6B,UACzD,4CAAC,0CAAmB,WAAU,0CAAyC,IAEvE,6CAAC,gCAAQ,YAAW,SAAQ,QAAQ,GAAI,GAAG,OAAO,KAChD;AAAA,kDAAC,mDAAyB,SAAS,aAAa,eAA8B;AAAA,MAC9E,4CAAC,wBAAK,WAAS,MAAC,SAAS,GAAG,SAAS,EAAE,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,GAAG,GACnE,6BACC,oDAAe,aAAf,mBAAyB,IAAI,CAAC,EAAE,OAAO,YAAY,MACjD,4CAAC,wBAAwB,MAAI,MAAC,IAAI,IAAI,IAAI,GAAG,IAAI,GAAG,IAAI,GACtD;AAAA,QAAC;AAAA;AAAA,UAEC,UAAU,+BAAO;AAAA,UACjB,OAAO,+BAAO;AAAA,UACd,aAAa,2CAAa;AAAA,UAC1B,kBAAkB,2CAAa;AAAA;AAAA,QAJ1B,+BAAO;AAAA,MAKd,KAPS,+BAAO,KAQlB,KAEN;AAAA,MACA,4CAAC,8CAAoB,iBAAkC,YAAW,SAAQ;AAAA,OAC5E,GAEJ;AAAA,EAEJ;AACF;AAEA,8BAA8B,cAAc;","names":[]}
@@ -1,72 +0,0 @@
1
- // src/components/Details/Box/BlocknativeGasPriceDetailsBox.tsx
2
- import { Grid } from "@mui/material";
3
- import { isEmpty } from "@xylabs/lodash";
4
- import { FlexCol } from "@xylabs/react-flexbox";
5
- import { GasFeeCard, GasPriceWitnessHeaderBox, ToggleRawPayloadBox } from "@xyo-network/react-gas-price";
6
- import { PayloadDataMissing } from "@xyo-network/react-shared";
7
- import { forwardRef } from "react";
8
-
9
- // src/components/hooks/useBlocknativeTransformer.tsx
10
- var useBlocknativeTransformer = (payload) => {
11
- var _a, _b;
12
- const blockPrices = (_a = payload == null ? void 0 : payload.blockPrices) == null ? void 0 : _a[0];
13
- if (blockPrices && ((_b = blockPrices.estimatedPrices) == null ? void 0 : _b.length)) {
14
- const estimatedPrices = blockPrices == null ? void 0 : blockPrices.estimatedPrices;
15
- const gasPrice = estimatedPrices.map((price) => ({
16
- price: {
17
- label: `Confidence - ${price.confidence}`,
18
- value: price.price
19
- },
20
- priorityFee: {
21
- label: "maxPriorityFeePerGas",
22
- value: price.maxPriorityFeePerGas
23
- }
24
- }));
25
- return {
26
- baseFee: {
27
- label: "baseFeePerGas",
28
- value: blockPrices.baseFeePerGas
29
- },
30
- blockNumber: {
31
- label: "blockNumber",
32
- value: blockPrices.blockNumber
33
- },
34
- gasPrice,
35
- timestamp: payload.timestamp,
36
- website: "https://docs.Blocknative.io/v5/api/providers/provider/#Provider-getFeeData"
37
- };
38
- }
39
- };
40
-
41
- // src/components/lib/constants.ts
42
- var RenderTitle = "Blocknative Gas Tracker";
43
-
44
- // src/components/Details/Box/BlocknativeGasPriceDetailsBox.tsx
45
- import { Fragment, jsx, jsxs } from "react/jsx-runtime";
46
- var BlocknativeGasPriceDetailsBox = forwardRef(
47
- // eslint-disable-next-line @typescript-eslint/no-unused-vars
48
- ({ payload, listMode, ...props }, ref) => {
49
- var _a, _b;
50
- const gasPricePayload = payload ? payload : void 0;
51
- const parsedPayload = useBlocknativeTransformer(gasPricePayload);
52
- return /* @__PURE__ */ jsx(Fragment, { children: isEmpty(gasPricePayload) || !((_a = gasPricePayload.blockPrices) == null ? void 0 : _a.length) ? /* @__PURE__ */ jsx(PayloadDataMissing, { alertBody: "Payload is missing valid gas fee data." }) : /* @__PURE__ */ jsxs(FlexCol, { alignItems: "start", rowGap: 4, ...props, ref, children: [
53
- /* @__PURE__ */ jsx(GasPriceWitnessHeaderBox, { heading: RenderTitle, parsedPayload }),
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, priorityFee }) => /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, sm: 6, md: 5, lg: 3, children: /* @__PURE__ */ jsx(
55
- GasFeeCard,
56
- {
57
- gasPrice: price == null ? void 0 : price.value,
58
- speed: price == null ? void 0 : price.label,
59
- priorityFee: priorityFee == null ? void 0 : priorityFee.value,
60
- priorityFeeLabel: priorityFee == null ? void 0 : priorityFee.label
61
- },
62
- price == null ? void 0 : price.label
63
- ) }, price == null ? void 0 : price.label))) }),
64
- /* @__PURE__ */ jsx(ToggleRawPayloadBox, { gasPricePayload, alignItems: "start" })
65
- ] }) });
66
- }
67
- );
68
- BlocknativeGasPriceDetailsBox.displayName = "BlocknativeGasPriceDetailsBox";
69
- export {
70
- BlocknativeGasPriceDetailsBox
71
- };
72
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../../../../src/components/Details/Box/BlocknativeGasPriceDetailsBox.tsx","../../../../../src/components/hooks/useBlocknativeTransformer.tsx","../../../../../src/components/lib/constants.ts"],"sourcesContent":["import { Grid } from '@mui/material'\nimport { isEmpty } from '@xylabs/lodash'\nimport { FlexBoxProps, FlexCol } from '@xylabs/react-flexbox'\nimport { EthereumGasBlocknativePayload } from '@xyo-network/blocknative-ethereum-gas-payload-plugin'\nimport { GasFeeCard, GasPriceWitnessHeaderBox, ToggleRawPayloadBox } from '@xyo-network/react-gas-price'\nimport { PayloadDetailsRenderProps } from '@xyo-network/react-payload-plugin'\nimport { PayloadDataMissing } from '@xyo-network/react-shared'\nimport { forwardRef } from 'react'\n\nimport { useBlocknativeTransformer } from '../../hooks'\nimport { RenderTitle } from '../../lib'\n\nexport const BlocknativeGasPriceDetailsBox = forwardRef<HTMLDivElement, PayloadDetailsRenderProps & FlexBoxProps>(\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n ({ payload, listMode, ...props }, ref) => {\n const gasPricePayload: EthereumGasBlocknativePayload | undefined = payload ? (payload as EthereumGasBlocknativePayload) : undefined\n const parsedPayload = useBlocknativeTransformer(gasPricePayload)\n\n return (\n <>\n {isEmpty(gasPricePayload) || !gasPricePayload.blockPrices?.length ? (\n <PayloadDataMissing alertBody=\"Payload is missing valid gas fee data.\" />\n ) : (\n <FlexCol alignItems=\"start\" rowGap={4} {...props} ref={ref}>\n <GasPriceWitnessHeaderBox heading={RenderTitle} parsedPayload={parsedPayload} />\n <Grid container spacing={3} columns={{ lg: 15, md: 15, sm: 12, xs: 12 }}>\n {parsedPayload &&\n parsedPayload?.gasPrice?.map(({ price, priorityFee }) => (\n <Grid key={price?.label} item xs={12} sm={6} md={5} lg={3}>\n <GasFeeCard\n key={price?.label}\n gasPrice={price?.value}\n speed={price?.label}\n priorityFee={priorityFee?.value}\n priorityFeeLabel={priorityFee?.label}\n />\n </Grid>\n ))}\n </Grid>\n <ToggleRawPayloadBox gasPricePayload={gasPricePayload} alignItems=\"start\" />\n </FlexCol>\n )}\n </>\n )\n },\n)\n\nBlocknativeGasPriceDetailsBox.displayName = 'BlocknativeGasPriceDetailsBox'\n","import { 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,SAAS,YAAY;AACrB,SAAS,eAAe;AACxB,SAAuB,eAAe;AAEtC,SAAS,YAAY,0BAA0B,2BAA2B;AAE1E,SAAS,0BAA0B;AACnC,SAAS,kBAAkB;;;ACJpB,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;;;AFmBrB,mBAEI,KAEA,YAJJ;AAPC,IAAM,gCAAgC;AAAA;AAAA,EAE3C,CAAC,EAAE,SAAS,UAAU,GAAG,MAAM,GAAG,QAAQ;AAd5C;AAeI,UAAM,kBAA6D,UAAW,UAA4C;AAC1H,UAAM,gBAAgB,0BAA0B,eAAe;AAE/D,WACE,gCACG,kBAAQ,eAAe,KAAK,GAAC,qBAAgB,gBAAhB,mBAA6B,UACzD,oBAAC,sBAAmB,WAAU,0CAAyC,IAEvE,qBAAC,WAAQ,YAAW,SAAQ,QAAQ,GAAI,GAAG,OAAO,KAChD;AAAA,0BAAC,4BAAyB,SAAS,aAAa,eAA8B;AAAA,MAC9E,oBAAC,QAAK,WAAS,MAAC,SAAS,GAAG,SAAS,EAAE,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,GAAG,GACnE,6BACC,oDAAe,aAAf,mBAAyB,IAAI,CAAC,EAAE,OAAO,YAAY,MACjD,oBAAC,QAAwB,MAAI,MAAC,IAAI,IAAI,IAAI,GAAG,IAAI,GAAG,IAAI,GACtD;AAAA,QAAC;AAAA;AAAA,UAEC,UAAU,+BAAO;AAAA,UACjB,OAAO,+BAAO;AAAA,UACd,aAAa,2CAAa;AAAA,UAC1B,kBAAkB,2CAAa;AAAA;AAAA,QAJ1B,+BAAO;AAAA,MAKd,KAPS,+BAAO,KAQlB,KAEN;AAAA,MACA,oBAAC,uBAAoB,iBAAkC,YAAW,SAAQ;AAAA,OAC5E,GAEJ;AAAA,EAEJ;AACF;AAEA,8BAA8B,cAAc;","names":[]}
@@ -1,99 +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/Details/index.ts
21
- var Details_exports = {};
22
- __export(Details_exports, {
23
- BlocknativeGasPriceDetailsBox: () => BlocknativeGasPriceDetailsBox
24
- });
25
- module.exports = __toCommonJS(Details_exports);
26
-
27
- // src/components/Details/Box/BlocknativeGasPriceDetailsBox.tsx
28
- var import_material = require("@mui/material");
29
- var import_lodash = require("@xylabs/lodash");
30
- var import_react_flexbox = require("@xylabs/react-flexbox");
31
- var import_react_gas_price = require("@xyo-network/react-gas-price");
32
- var import_react_shared = require("@xyo-network/react-shared");
33
- var import_react = require("react");
34
-
35
- // src/components/hooks/useBlocknativeTransformer.tsx
36
- var useBlocknativeTransformer = (payload) => {
37
- var _a, _b;
38
- const blockPrices = (_a = payload == null ? void 0 : payload.blockPrices) == null ? void 0 : _a[0];
39
- if (blockPrices && ((_b = blockPrices.estimatedPrices) == null ? void 0 : _b.length)) {
40
- const estimatedPrices = blockPrices == null ? void 0 : blockPrices.estimatedPrices;
41
- const gasPrice = estimatedPrices.map((price) => ({
42
- price: {
43
- label: `Confidence - ${price.confidence}`,
44
- value: price.price
45
- },
46
- priorityFee: {
47
- label: "maxPriorityFeePerGas",
48
- value: price.maxPriorityFeePerGas
49
- }
50
- }));
51
- return {
52
- baseFee: {
53
- label: "baseFeePerGas",
54
- value: blockPrices.baseFeePerGas
55
- },
56
- blockNumber: {
57
- label: "blockNumber",
58
- value: blockPrices.blockNumber
59
- },
60
- gasPrice,
61
- timestamp: payload.timestamp,
62
- website: "https://docs.Blocknative.io/v5/api/providers/provider/#Provider-getFeeData"
63
- };
64
- }
65
- };
66
-
67
- // src/components/lib/constants.ts
68
- var RenderTitle = "Blocknative Gas Tracker";
69
-
70
- // src/components/Details/Box/BlocknativeGasPriceDetailsBox.tsx
71
- var import_jsx_runtime = require("react/jsx-runtime");
72
- var BlocknativeGasPriceDetailsBox = (0, import_react.forwardRef)(
73
- // eslint-disable-next-line @typescript-eslint/no-unused-vars
74
- ({ payload, listMode, ...props }, ref) => {
75
- var _a, _b;
76
- const gasPricePayload = payload ? payload : void 0;
77
- const parsedPayload = useBlocknativeTransformer(gasPricePayload);
78
- return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: (0, import_lodash.isEmpty)(gasPricePayload) || !((_a = gasPricePayload.blockPrices) == null ? void 0 : _a.length) ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_shared.PayloadDataMissing, { alertBody: "Payload is missing valid gas fee data." }) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react_flexbox.FlexCol, { alignItems: "start", rowGap: 4, ...props, ref, children: [
79
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_gas_price.GasPriceWitnessHeaderBox, { heading: RenderTitle, parsedPayload }),
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 && ((_b = parsedPayload == null ? void 0 : parsedPayload.gasPrice) == null ? void 0 : _b.map(({ price, priorityFee }) => /* @__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)(
81
- import_react_gas_price.GasFeeCard,
82
- {
83
- gasPrice: price == null ? void 0 : price.value,
84
- speed: price == null ? void 0 : price.label,
85
- priorityFee: priorityFee == null ? void 0 : priorityFee.value,
86
- priorityFeeLabel: priorityFee == null ? void 0 : priorityFee.label
87
- },
88
- price == null ? void 0 : price.label
89
- ) }, price == null ? void 0 : price.label))) }),
90
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_gas_price.ToggleRawPayloadBox, { gasPricePayload, alignItems: "start" })
91
- ] }) });
92
- }
93
- );
94
- BlocknativeGasPriceDetailsBox.displayName = "BlocknativeGasPriceDetailsBox";
95
- // Annotate the CommonJS export names for ESM import in node:
96
- 0 && (module.exports = {
97
- BlocknativeGasPriceDetailsBox
98
- });
99
- //# sourceMappingURL=index.cjs.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../../../src/components/Details/index.ts","../../../../src/components/Details/Box/BlocknativeGasPriceDetailsBox.tsx","../../../../src/components/hooks/useBlocknativeTransformer.tsx","../../../../src/components/lib/constants.ts"],"sourcesContent":["export * from './Box'\n","import { Grid } from '@mui/material'\nimport { isEmpty } from '@xylabs/lodash'\nimport { FlexBoxProps, FlexCol } from '@xylabs/react-flexbox'\nimport { EthereumGasBlocknativePayload } from '@xyo-network/blocknative-ethereum-gas-payload-plugin'\nimport { GasFeeCard, GasPriceWitnessHeaderBox, ToggleRawPayloadBox } from '@xyo-network/react-gas-price'\nimport { PayloadDetailsRenderProps } from '@xyo-network/react-payload-plugin'\nimport { PayloadDataMissing } from '@xyo-network/react-shared'\nimport { forwardRef } from 'react'\n\nimport { useBlocknativeTransformer } from '../../hooks'\nimport { RenderTitle } from '../../lib'\n\nexport const BlocknativeGasPriceDetailsBox = forwardRef<HTMLDivElement, PayloadDetailsRenderProps & FlexBoxProps>(\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n ({ payload, listMode, ...props }, ref) => {\n const gasPricePayload: EthereumGasBlocknativePayload | undefined = payload ? (payload as EthereumGasBlocknativePayload) : undefined\n const parsedPayload = useBlocknativeTransformer(gasPricePayload)\n\n return (\n <>\n {isEmpty(gasPricePayload) || !gasPricePayload.blockPrices?.length ? (\n <PayloadDataMissing alertBody=\"Payload is missing valid gas fee data.\" />\n ) : (\n <FlexCol alignItems=\"start\" rowGap={4} {...props} ref={ref}>\n <GasPriceWitnessHeaderBox heading={RenderTitle} parsedPayload={parsedPayload} />\n <Grid container spacing={3} columns={{ lg: 15, md: 15, sm: 12, xs: 12 }}>\n {parsedPayload &&\n parsedPayload?.gasPrice?.map(({ price, priorityFee }) => (\n <Grid key={price?.label} item xs={12} sm={6} md={5} lg={3}>\n <GasFeeCard\n key={price?.label}\n gasPrice={price?.value}\n speed={price?.label}\n priorityFee={priorityFee?.value}\n priorityFeeLabel={priorityFee?.label}\n />\n </Grid>\n ))}\n </Grid>\n <ToggleRawPayloadBox gasPricePayload={gasPricePayload} alignItems=\"start\" />\n </FlexCol>\n )}\n </>\n )\n },\n)\n\nBlocknativeGasPriceDetailsBox.displayName = 'BlocknativeGasPriceDetailsBox'\n","import { 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;;;ACAA,sBAAqB;AACrB,oBAAwB;AACxB,2BAAsC;AAEtC,6BAA0E;AAE1E,0BAAmC;AACnC,mBAA2B;;;ACJpB,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;;;AFmBrB;AAPC,IAAM,oCAAgC;AAAA;AAAA,EAE3C,CAAC,EAAE,SAAS,UAAU,GAAG,MAAM,GAAG,QAAQ;AAd5C;AAeI,UAAM,kBAA6D,UAAW,UAA4C;AAC1H,UAAM,gBAAgB,0BAA0B,eAAe;AAE/D,WACE,2EACG,qCAAQ,eAAe,KAAK,GAAC,qBAAgB,gBAAhB,mBAA6B,UACzD,4CAAC,0CAAmB,WAAU,0CAAyC,IAEvE,6CAAC,gCAAQ,YAAW,SAAQ,QAAQ,GAAI,GAAG,OAAO,KAChD;AAAA,kDAAC,mDAAyB,SAAS,aAAa,eAA8B;AAAA,MAC9E,4CAAC,wBAAK,WAAS,MAAC,SAAS,GAAG,SAAS,EAAE,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,GAAG,GACnE,6BACC,oDAAe,aAAf,mBAAyB,IAAI,CAAC,EAAE,OAAO,YAAY,MACjD,4CAAC,wBAAwB,MAAI,MAAC,IAAI,IAAI,IAAI,GAAG,IAAI,GAAG,IAAI,GACtD;AAAA,QAAC;AAAA;AAAA,UAEC,UAAU,+BAAO;AAAA,UACjB,OAAO,+BAAO;AAAA,UACd,aAAa,2CAAa;AAAA,UAC1B,kBAAkB,2CAAa;AAAA;AAAA,QAJ1B,+BAAO;AAAA,MAKd,KAPS,+BAAO,KAQlB,KAEN;AAAA,MACA,4CAAC,8CAAoB,iBAAkC,YAAW,SAAQ;AAAA,OAC5E,GAEJ;AAAA,EAEJ;AACF;AAEA,8BAA8B,cAAc;","names":[]}
@@ -1,72 +0,0 @@
1
- // src/components/Details/Box/BlocknativeGasPriceDetailsBox.tsx
2
- import { Grid } from "@mui/material";
3
- import { isEmpty } from "@xylabs/lodash";
4
- import { FlexCol } from "@xylabs/react-flexbox";
5
- import { GasFeeCard, GasPriceWitnessHeaderBox, ToggleRawPayloadBox } from "@xyo-network/react-gas-price";
6
- import { PayloadDataMissing } from "@xyo-network/react-shared";
7
- import { forwardRef } from "react";
8
-
9
- // src/components/hooks/useBlocknativeTransformer.tsx
10
- var useBlocknativeTransformer = (payload) => {
11
- var _a, _b;
12
- const blockPrices = (_a = payload == null ? void 0 : payload.blockPrices) == null ? void 0 : _a[0];
13
- if (blockPrices && ((_b = blockPrices.estimatedPrices) == null ? void 0 : _b.length)) {
14
- const estimatedPrices = blockPrices == null ? void 0 : blockPrices.estimatedPrices;
15
- const gasPrice = estimatedPrices.map((price) => ({
16
- price: {
17
- label: `Confidence - ${price.confidence}`,
18
- value: price.price
19
- },
20
- priorityFee: {
21
- label: "maxPriorityFeePerGas",
22
- value: price.maxPriorityFeePerGas
23
- }
24
- }));
25
- return {
26
- baseFee: {
27
- label: "baseFeePerGas",
28
- value: blockPrices.baseFeePerGas
29
- },
30
- blockNumber: {
31
- label: "blockNumber",
32
- value: blockPrices.blockNumber
33
- },
34
- gasPrice,
35
- timestamp: payload.timestamp,
36
- website: "https://docs.Blocknative.io/v5/api/providers/provider/#Provider-getFeeData"
37
- };
38
- }
39
- };
40
-
41
- // src/components/lib/constants.ts
42
- var RenderTitle = "Blocknative Gas Tracker";
43
-
44
- // src/components/Details/Box/BlocknativeGasPriceDetailsBox.tsx
45
- import { Fragment, jsx, jsxs } from "react/jsx-runtime";
46
- var BlocknativeGasPriceDetailsBox = forwardRef(
47
- // eslint-disable-next-line @typescript-eslint/no-unused-vars
48
- ({ payload, listMode, ...props }, ref) => {
49
- var _a, _b;
50
- const gasPricePayload = payload ? payload : void 0;
51
- const parsedPayload = useBlocknativeTransformer(gasPricePayload);
52
- return /* @__PURE__ */ jsx(Fragment, { children: isEmpty(gasPricePayload) || !((_a = gasPricePayload.blockPrices) == null ? void 0 : _a.length) ? /* @__PURE__ */ jsx(PayloadDataMissing, { alertBody: "Payload is missing valid gas fee data." }) : /* @__PURE__ */ jsxs(FlexCol, { alignItems: "start", rowGap: 4, ...props, ref, children: [
53
- /* @__PURE__ */ jsx(GasPriceWitnessHeaderBox, { heading: RenderTitle, parsedPayload }),
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, priorityFee }) => /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, sm: 6, md: 5, lg: 3, children: /* @__PURE__ */ jsx(
55
- GasFeeCard,
56
- {
57
- gasPrice: price == null ? void 0 : price.value,
58
- speed: price == null ? void 0 : price.label,
59
- priorityFee: priorityFee == null ? void 0 : priorityFee.value,
60
- priorityFeeLabel: priorityFee == null ? void 0 : priorityFee.label
61
- },
62
- price == null ? void 0 : price.label
63
- ) }, price == null ? void 0 : price.label))) }),
64
- /* @__PURE__ */ jsx(ToggleRawPayloadBox, { gasPricePayload, alignItems: "start" })
65
- ] }) });
66
- }
67
- );
68
- BlocknativeGasPriceDetailsBox.displayName = "BlocknativeGasPriceDetailsBox";
69
- export {
70
- BlocknativeGasPriceDetailsBox
71
- };
72
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../../../src/components/Details/Box/BlocknativeGasPriceDetailsBox.tsx","../../../../src/components/hooks/useBlocknativeTransformer.tsx","../../../../src/components/lib/constants.ts"],"sourcesContent":["import { Grid } from '@mui/material'\nimport { isEmpty } from '@xylabs/lodash'\nimport { FlexBoxProps, FlexCol } from '@xylabs/react-flexbox'\nimport { EthereumGasBlocknativePayload } from '@xyo-network/blocknative-ethereum-gas-payload-plugin'\nimport { GasFeeCard, GasPriceWitnessHeaderBox, ToggleRawPayloadBox } from '@xyo-network/react-gas-price'\nimport { PayloadDetailsRenderProps } from '@xyo-network/react-payload-plugin'\nimport { PayloadDataMissing } from '@xyo-network/react-shared'\nimport { forwardRef } from 'react'\n\nimport { useBlocknativeTransformer } from '../../hooks'\nimport { RenderTitle } from '../../lib'\n\nexport const BlocknativeGasPriceDetailsBox = forwardRef<HTMLDivElement, PayloadDetailsRenderProps & FlexBoxProps>(\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n ({ payload, listMode, ...props }, ref) => {\n const gasPricePayload: EthereumGasBlocknativePayload | undefined = payload ? (payload as EthereumGasBlocknativePayload) : undefined\n const parsedPayload = useBlocknativeTransformer(gasPricePayload)\n\n return (\n <>\n {isEmpty(gasPricePayload) || !gasPricePayload.blockPrices?.length ? (\n <PayloadDataMissing alertBody=\"Payload is missing valid gas fee data.\" />\n ) : (\n <FlexCol alignItems=\"start\" rowGap={4} {...props} ref={ref}>\n <GasPriceWitnessHeaderBox heading={RenderTitle} parsedPayload={parsedPayload} />\n <Grid container spacing={3} columns={{ lg: 15, md: 15, sm: 12, xs: 12 }}>\n {parsedPayload &&\n parsedPayload?.gasPrice?.map(({ price, priorityFee }) => (\n <Grid key={price?.label} item xs={12} sm={6} md={5} lg={3}>\n <GasFeeCard\n key={price?.label}\n gasPrice={price?.value}\n speed={price?.label}\n priorityFee={priorityFee?.value}\n priorityFeeLabel={priorityFee?.label}\n />\n </Grid>\n ))}\n </Grid>\n <ToggleRawPayloadBox gasPricePayload={gasPricePayload} alignItems=\"start\" />\n </FlexCol>\n )}\n </>\n )\n },\n)\n\nBlocknativeGasPriceDetailsBox.displayName = 'BlocknativeGasPriceDetailsBox'\n","import { 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,SAAS,YAAY;AACrB,SAAS,eAAe;AACxB,SAAuB,eAAe;AAEtC,SAAS,YAAY,0BAA0B,2BAA2B;AAE1E,SAAS,0BAA0B;AACnC,SAAS,kBAAkB;;;ACJpB,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;;;AFmBrB,mBAEI,KAEA,YAJJ;AAPC,IAAM,gCAAgC;AAAA;AAAA,EAE3C,CAAC,EAAE,SAAS,UAAU,GAAG,MAAM,GAAG,QAAQ;AAd5C;AAeI,UAAM,kBAA6D,UAAW,UAA4C;AAC1H,UAAM,gBAAgB,0BAA0B,eAAe;AAE/D,WACE,gCACG,kBAAQ,eAAe,KAAK,GAAC,qBAAgB,gBAAhB,mBAA6B,UACzD,oBAAC,sBAAmB,WAAU,0CAAyC,IAEvE,qBAAC,WAAQ,YAAW,SAAQ,QAAQ,GAAI,GAAG,OAAO,KAChD;AAAA,0BAAC,4BAAyB,SAAS,aAAa,eAA8B;AAAA,MAC9E,oBAAC,QAAK,WAAS,MAAC,SAAS,GAAG,SAAS,EAAE,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,GAAG,GACnE,6BACC,oDAAe,aAAf,mBAAyB,IAAI,CAAC,EAAE,OAAO,YAAY,MACjD,oBAAC,QAAwB,MAAI,MAAC,IAAI,IAAI,IAAI,GAAG,IAAI,GAAG,IAAI,GACtD;AAAA,QAAC;AAAA;AAAA,UAEC,UAAU,+BAAO;AAAA,UACjB,OAAO,+BAAO;AAAA,UACd,aAAa,2CAAa;AAAA,UAC1B,kBAAkB,2CAAa;AAAA;AAAA,QAJ1B,+BAAO;AAAA,MAKd,KAPS,+BAAO,KAQlB,KAEN;AAAA,MACA,oBAAC,uBAAoB,iBAAkC,YAAW,SAAQ;AAAA,OAC5E,GAEJ;AAAA,EAEJ;AACF;AAEA,8BAA8B,cAAc;","names":[]}