@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,91 +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
- const blockPrices = payload?.blockPrices?.[0];
36
- if (blockPrices && blockPrices.estimatedPrices?.length) {
37
- const estimatedPrices = 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/lib/constants.ts
65
- var RenderTitle = "Blocknative Gas Tracker";
66
-
67
- // src/components/Details/Box/BlocknativeGasPriceDetailsBox.tsx
68
- var import_jsx_runtime = require("react/jsx-runtime");
69
- var BlocknativeGasPriceDetailsBox = (0, import_react.forwardRef)(
70
- // eslint-disable-next-line @typescript-eslint/no-unused-vars
71
- ({ payload, listMode, ...props }, ref) => {
72
- const gasPricePayload = payload ? payload : void 0;
73
- const parsedPayload = useBlocknativeTransformer(gasPricePayload);
74
- return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: (0, import_lodash.isEmpty)(gasPricePayload) || !gasPricePayload.blockPrices?.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: [
75
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_gas_price.GasPriceWitnessHeaderBox, { heading: RenderTitle, parsedPayload }),
76
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.Grid, { container: true, spacing: 3, columns: { lg: 15, md: 15, sm: 12, xs: 12 }, children: parsedPayload && parsedPayload?.gasPrice?.map(({ price, 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)(
77
- import_react_gas_price.GasFeeCard,
78
- {
79
- gasPrice: price?.value,
80
- speed: price?.label,
81
- priorityFee: priorityFee?.value,
82
- priorityFeeLabel: priorityFee?.label
83
- },
84
- price?.label
85
- ) }, price?.label)) }),
86
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_gas_price.ToggleRawPayloadBox, { gasPricePayload, alignItems: "start" })
87
- ] }) });
88
- }
89
- );
90
- BlocknativeGasPriceDetailsBox.displayName = "BlocknativeGasPriceDetailsBox";
91
- //# 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;AAC9H,QAAM,cAAc,SAAS,cAAc,CAAC;AAC5C,MAAI,eAAe,YAAY,iBAAiB,QAAQ;AACtD,UAAM,kBAAkB,aAAa;AACrC,UAAM,WAAW,gBAAgB,IAAI,CAAC,WAAW;AAAA,MAC/C,OAAO;AAAA,QACL,OAAO,gBAAgB,MAAM,UAAU;AAAA,QACvC,OAAO,MAAM;AAAA,MACf;AAAA,MACA,aAAa;AAAA,QACX,OAAO;AAAA,QACP,OAAO,MAAM;AAAA,MACf;AAAA,IACF,EAAE;AAEF,WAAO;AAAA,MACL,SAAS;AAAA,QACP,OAAO;AAAA,QACP,OAAO,YAAY;AAAA,MACrB;AAAA,MACA,aAAa;AAAA,QACX,OAAO;AAAA,QACP,OAAO,YAAY;AAAA,MACrB;AAAA,MACA;AAAA,MACA,WAAW,QAAQ;AAAA,MACnB,SAAS;AAAA,IACX;AAAA,EACF;AACF;;;AChCO,IAAM,cAAc;;;AFmBrB;AAPC,IAAM,oCAAgC;AAAA;AAAA,EAE3C,CAAC,EAAE,SAAS,UAAU,GAAG,MAAM,GAAG,QAAQ;AACxC,UAAM,kBAA6D,UAAW,UAA4C;AAC1H,UAAM,gBAAgB,0BAA0B,eAAe;AAE/D,WACE,2EACG,qCAAQ,eAAe,KAAK,CAAC,gBAAgB,aAAa,SACzD,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,2BACC,eAAe,UAAU,IAAI,CAAC,EAAE,OAAO,YAAY,MACjD,4CAAC,wBAAwB,MAAI,MAAC,IAAI,IAAI,IAAI,GAAG,IAAI,GAAG,IAAI,GACtD;AAAA,QAAC;AAAA;AAAA,UAEC,UAAU,OAAO;AAAA,UACjB,OAAO,OAAO;AAAA,UACd,aAAa,aAAa;AAAA,UAC1B,kBAAkB,aAAa;AAAA;AAAA,QAJ1B,OAAO;AAAA,MAKd,KAPS,OAAO,KAQlB,CACD,GACL;AAAA,MACA,4CAAC,8CAAoB,iBAAkC,YAAW,SAAQ;AAAA,OAC5E,GAEJ;AAAA,EAEJ;AACF;AAEA,8BAA8B,cAAc;","names":[]}
@@ -1,70 +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
- const blockPrices = payload?.blockPrices?.[0];
12
- if (blockPrices && blockPrices.estimatedPrices?.length) {
13
- const estimatedPrices = 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/lib/constants.ts
41
- var RenderTitle = "Blocknative Gas Tracker";
42
-
43
- // src/components/Details/Box/BlocknativeGasPriceDetailsBox.tsx
44
- import { Fragment, jsx, jsxs } from "react/jsx-runtime";
45
- var BlocknativeGasPriceDetailsBox = forwardRef(
46
- // eslint-disable-next-line @typescript-eslint/no-unused-vars
47
- ({ payload, listMode, ...props }, ref) => {
48
- const gasPricePayload = payload ? payload : void 0;
49
- const parsedPayload = useBlocknativeTransformer(gasPricePayload);
50
- return /* @__PURE__ */ jsx(Fragment, { children: isEmpty(gasPricePayload) || !gasPricePayload.blockPrices?.length ? /* @__PURE__ */ jsx(PayloadDataMissing, { alertBody: "Payload is missing valid gas fee data." }) : /* @__PURE__ */ jsxs(FlexCol, { alignItems: "start", rowGap: 4, ...props, ref, children: [
51
- /* @__PURE__ */ jsx(GasPriceWitnessHeaderBox, { heading: RenderTitle, parsedPayload }),
52
- /* @__PURE__ */ jsx(Grid, { container: true, spacing: 3, columns: { lg: 15, md: 15, sm: 12, xs: 12 }, children: parsedPayload && parsedPayload?.gasPrice?.map(({ price, priorityFee }) => /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, sm: 6, md: 5, lg: 3, children: /* @__PURE__ */ jsx(
53
- GasFeeCard,
54
- {
55
- gasPrice: price?.value,
56
- speed: price?.label,
57
- priorityFee: priorityFee?.value,
58
- priorityFeeLabel: priorityFee?.label
59
- },
60
- price?.label
61
- ) }, price?.label)) }),
62
- /* @__PURE__ */ jsx(ToggleRawPayloadBox, { gasPricePayload, alignItems: "start" })
63
- ] }) });
64
- }
65
- );
66
- BlocknativeGasPriceDetailsBox.displayName = "BlocknativeGasPriceDetailsBox";
67
- export {
68
- BlocknativeGasPriceDetailsBox
69
- };
70
- //# 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;AAC9H,QAAM,cAAc,SAAS,cAAc,CAAC;AAC5C,MAAI,eAAe,YAAY,iBAAiB,QAAQ;AACtD,UAAM,kBAAkB,aAAa;AACrC,UAAM,WAAW,gBAAgB,IAAI,CAAC,WAAW;AAAA,MAC/C,OAAO;AAAA,QACL,OAAO,gBAAgB,MAAM,UAAU;AAAA,QACvC,OAAO,MAAM;AAAA,MACf;AAAA,MACA,aAAa;AAAA,QACX,OAAO;AAAA,QACP,OAAO,MAAM;AAAA,MACf;AAAA,IACF,EAAE;AAEF,WAAO;AAAA,MACL,SAAS;AAAA,QACP,OAAO;AAAA,QACP,OAAO,YAAY;AAAA,MACrB;AAAA,MACA,aAAa;AAAA,QACX,OAAO;AAAA,QACP,OAAO,YAAY;AAAA,MACrB;AAAA,MACA;AAAA,MACA,WAAW,QAAQ;AAAA,MACnB,SAAS;AAAA,IACX;AAAA,EACF;AACF;;;AChCO,IAAM,cAAc;;;AFmBrB,mBAEI,KAEA,YAJJ;AAPC,IAAM,gCAAgC;AAAA;AAAA,EAE3C,CAAC,EAAE,SAAS,UAAU,GAAG,MAAM,GAAG,QAAQ;AACxC,UAAM,kBAA6D,UAAW,UAA4C;AAC1H,UAAM,gBAAgB,0BAA0B,eAAe;AAE/D,WACE,gCACG,kBAAQ,eAAe,KAAK,CAAC,gBAAgB,aAAa,SACzD,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,2BACC,eAAe,UAAU,IAAI,CAAC,EAAE,OAAO,YAAY,MACjD,oBAAC,QAAwB,MAAI,MAAC,IAAI,IAAI,IAAI,GAAG,IAAI,GAAG,IAAI,GACtD;AAAA,QAAC;AAAA;AAAA,UAEC,UAAU,OAAO;AAAA,UACjB,OAAO,OAAO;AAAA,UACd,aAAa,aAAa;AAAA,UAC1B,kBAAkB,aAAa;AAAA;AAAA,QAJ1B,OAAO;AAAA,MAKd,KAPS,OAAO,KAQlB,CACD,GACL;AAAA,MACA,oBAAC,uBAAoB,iBAAkC,YAAW,SAAQ;AAAA,OAC5E,GAEJ;AAAA,EAEJ;AACF;AAEA,8BAA8B,cAAc;","names":[]}
@@ -1,93 +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
- const blockPrices = payload?.blockPrices?.[0];
38
- if (blockPrices && blockPrices.estimatedPrices?.length) {
39
- const estimatedPrices = blockPrices?.estimatedPrices;
40
- const gasPrice = estimatedPrices.map((price) => ({
41
- price: {
42
- label: `Confidence - ${price.confidence}`,
43
- value: price.price
44
- },
45
- priorityFee: {
46
- label: "maxPriorityFeePerGas",
47
- value: price.maxPriorityFeePerGas
48
- }
49
- }));
50
- return {
51
- baseFee: {
52
- label: "baseFeePerGas",
53
- value: blockPrices.baseFeePerGas
54
- },
55
- blockNumber: {
56
- label: "blockNumber",
57
- value: blockPrices.blockNumber
58
- },
59
- gasPrice,
60
- timestamp: payload.timestamp,
61
- website: "https://docs.Blocknative.io/v5/api/providers/provider/#Provider-getFeeData"
62
- };
63
- }
64
- };
65
-
66
- // src/components/lib/constants.ts
67
- var RenderTitle = "Blocknative Gas Tracker";
68
-
69
- // src/components/Details/Box/BlocknativeGasPriceDetailsBox.tsx
70
- var import_jsx_runtime = require("react/jsx-runtime");
71
- var BlocknativeGasPriceDetailsBox = (0, import_react.forwardRef)(
72
- // eslint-disable-next-line @typescript-eslint/no-unused-vars
73
- ({ payload, listMode, ...props }, ref) => {
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) || !gasPricePayload.blockPrices?.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 && parsedPayload?.gasPrice?.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?.value,
82
- speed: price?.label,
83
- priorityFee: priorityFee?.value,
84
- priorityFeeLabel: priorityFee?.label
85
- },
86
- price?.label
87
- ) }, 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
- //# 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;AAC9H,QAAM,cAAc,SAAS,cAAc,CAAC;AAC5C,MAAI,eAAe,YAAY,iBAAiB,QAAQ;AACtD,UAAM,kBAAkB,aAAa;AACrC,UAAM,WAAW,gBAAgB,IAAI,CAAC,WAAW;AAAA,MAC/C,OAAO;AAAA,QACL,OAAO,gBAAgB,MAAM,UAAU;AAAA,QACvC,OAAO,MAAM;AAAA,MACf;AAAA,MACA,aAAa;AAAA,QACX,OAAO;AAAA,QACP,OAAO,MAAM;AAAA,MACf;AAAA,IACF,EAAE;AAEF,WAAO;AAAA,MACL,SAAS;AAAA,QACP,OAAO;AAAA,QACP,OAAO,YAAY;AAAA,MACrB;AAAA,MACA,aAAa;AAAA,QACX,OAAO;AAAA,QACP,OAAO,YAAY;AAAA,MACrB;AAAA,MACA;AAAA,MACA,WAAW,QAAQ;AAAA,MACnB,SAAS;AAAA,IACX;AAAA,EACF;AACF;;;AChCO,IAAM,cAAc;;;AFmBrB;AAPC,IAAM,oCAAgC;AAAA;AAAA,EAE3C,CAAC,EAAE,SAAS,UAAU,GAAG,MAAM,GAAG,QAAQ;AACxC,UAAM,kBAA6D,UAAW,UAA4C;AAC1H,UAAM,gBAAgB,0BAA0B,eAAe;AAE/D,WACE,2EACG,qCAAQ,eAAe,KAAK,CAAC,gBAAgB,aAAa,SACzD,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,2BACC,eAAe,UAAU,IAAI,CAAC,EAAE,OAAO,YAAY,MACjD,4CAAC,wBAAwB,MAAI,MAAC,IAAI,IAAI,IAAI,GAAG,IAAI,GAAG,IAAI,GACtD;AAAA,QAAC;AAAA;AAAA,UAEC,UAAU,OAAO;AAAA,UACjB,OAAO,OAAO;AAAA,UACd,aAAa,aAAa;AAAA,UAC1B,kBAAkB,aAAa;AAAA;AAAA,QAJ1B,OAAO;AAAA,MAKd,KAPS,OAAO,KAQlB,CACD,GACL;AAAA,MACA,4CAAC,8CAAoB,iBAAkC,YAAW,SAAQ;AAAA,OAC5E,GAEJ;AAAA,EAEJ;AACF;AAEA,8BAA8B,cAAc;","names":[]}
@@ -1,70 +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
- const blockPrices = payload?.blockPrices?.[0];
12
- if (blockPrices && blockPrices.estimatedPrices?.length) {
13
- const estimatedPrices = 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/lib/constants.ts
41
- var RenderTitle = "Blocknative Gas Tracker";
42
-
43
- // src/components/Details/Box/BlocknativeGasPriceDetailsBox.tsx
44
- import { Fragment, jsx, jsxs } from "react/jsx-runtime";
45
- var BlocknativeGasPriceDetailsBox = forwardRef(
46
- // eslint-disable-next-line @typescript-eslint/no-unused-vars
47
- ({ payload, listMode, ...props }, ref) => {
48
- const gasPricePayload = payload ? payload : void 0;
49
- const parsedPayload = useBlocknativeTransformer(gasPricePayload);
50
- return /* @__PURE__ */ jsx(Fragment, { children: isEmpty(gasPricePayload) || !gasPricePayload.blockPrices?.length ? /* @__PURE__ */ jsx(PayloadDataMissing, { alertBody: "Payload is missing valid gas fee data." }) : /* @__PURE__ */ jsxs(FlexCol, { alignItems: "start", rowGap: 4, ...props, ref, children: [
51
- /* @__PURE__ */ jsx(GasPriceWitnessHeaderBox, { heading: RenderTitle, parsedPayload }),
52
- /* @__PURE__ */ jsx(Grid, { container: true, spacing: 3, columns: { lg: 15, md: 15, sm: 12, xs: 12 }, children: parsedPayload && parsedPayload?.gasPrice?.map(({ price, priorityFee }) => /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, sm: 6, md: 5, lg: 3, children: /* @__PURE__ */ jsx(
53
- GasFeeCard,
54
- {
55
- gasPrice: price?.value,
56
- speed: price?.label,
57
- priorityFee: priorityFee?.value,
58
- priorityFeeLabel: priorityFee?.label
59
- },
60
- price?.label
61
- ) }, price?.label)) }),
62
- /* @__PURE__ */ jsx(ToggleRawPayloadBox, { gasPricePayload, alignItems: "start" })
63
- ] }) });
64
- }
65
- );
66
- BlocknativeGasPriceDetailsBox.displayName = "BlocknativeGasPriceDetailsBox";
67
- export {
68
- BlocknativeGasPriceDetailsBox
69
- };
70
- //# 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;AAC9H,QAAM,cAAc,SAAS,cAAc,CAAC;AAC5C,MAAI,eAAe,YAAY,iBAAiB,QAAQ;AACtD,UAAM,kBAAkB,aAAa;AACrC,UAAM,WAAW,gBAAgB,IAAI,CAAC,WAAW;AAAA,MAC/C,OAAO;AAAA,QACL,OAAO,gBAAgB,MAAM,UAAU;AAAA,QACvC,OAAO,MAAM;AAAA,MACf;AAAA,MACA,aAAa;AAAA,QACX,OAAO;AAAA,QACP,OAAO,MAAM;AAAA,MACf;AAAA,IACF,EAAE;AAEF,WAAO;AAAA,MACL,SAAS;AAAA,QACP,OAAO;AAAA,QACP,OAAO,YAAY;AAAA,MACrB;AAAA,MACA,aAAa;AAAA,QACX,OAAO;AAAA,QACP,OAAO,YAAY;AAAA,MACrB;AAAA,MACA;AAAA,MACA,WAAW,QAAQ;AAAA,MACnB,SAAS;AAAA,IACX;AAAA,EACF;AACF;;;AChCO,IAAM,cAAc;;;AFmBrB,mBAEI,KAEA,YAJJ;AAPC,IAAM,gCAAgC;AAAA;AAAA,EAE3C,CAAC,EAAE,SAAS,UAAU,GAAG,MAAM,GAAG,QAAQ;AACxC,UAAM,kBAA6D,UAAW,UAA4C;AAC1H,UAAM,gBAAgB,0BAA0B,eAAe;AAE/D,WACE,gCACG,kBAAQ,eAAe,KAAK,CAAC,gBAAgB,aAAa,SACzD,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,2BACC,eAAe,UAAU,IAAI,CAAC,EAAE,OAAO,YAAY,MACjD,oBAAC,QAAwB,MAAI,MAAC,IAAI,IAAI,IAAI,GAAG,IAAI,GAAG,IAAI,GACtD;AAAA,QAAC;AAAA;AAAA,UAEC,UAAU,OAAO;AAAA,UACjB,OAAO,OAAO;AAAA,UACd,aAAa,aAAa;AAAA,UAC1B,kBAAkB,aAAa;AAAA;AAAA,QAJ1B,OAAO;AAAA,MAKd,KAPS,OAAO,KAQlB,CACD,GACL;AAAA,MACA,oBAAC,uBAAoB,iBAAkC,YAAW,SAAQ;AAAA,OAC5E,GAEJ;AAAA,EAEJ;AACF;AAEA,8BAA8B,cAAc;","names":[]}
@@ -1,93 +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
- const blockPrices = payload?.blockPrices?.[0];
38
- if (blockPrices && blockPrices.estimatedPrices?.length) {
39
- const estimatedPrices = blockPrices?.estimatedPrices;
40
- const gasPrice = estimatedPrices.map((price) => ({
41
- price: {
42
- label: `Confidence - ${price.confidence}`,
43
- value: price.price
44
- },
45
- priorityFee: {
46
- label: "maxPriorityFeePerGas",
47
- value: price.maxPriorityFeePerGas
48
- }
49
- }));
50
- return {
51
- baseFee: {
52
- label: "baseFeePerGas",
53
- value: blockPrices.baseFeePerGas
54
- },
55
- blockNumber: {
56
- label: "blockNumber",
57
- value: blockPrices.blockNumber
58
- },
59
- gasPrice,
60
- timestamp: payload.timestamp,
61
- website: "https://docs.Blocknative.io/v5/api/providers/provider/#Provider-getFeeData"
62
- };
63
- }
64
- };
65
-
66
- // src/components/lib/constants.ts
67
- var RenderTitle = "Blocknative Gas Tracker";
68
-
69
- // src/components/Details/Box/BlocknativeGasPriceDetailsBox.tsx
70
- var import_jsx_runtime = require("react/jsx-runtime");
71
- var BlocknativeGasPriceDetailsBox = (0, import_react.forwardRef)(
72
- // eslint-disable-next-line @typescript-eslint/no-unused-vars
73
- ({ payload, listMode, ...props }, ref) => {
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) || !gasPricePayload.blockPrices?.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 && parsedPayload?.gasPrice?.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?.value,
82
- speed: price?.label,
83
- priorityFee: priorityFee?.value,
84
- priorityFeeLabel: priorityFee?.label
85
- },
86
- price?.label
87
- ) }, 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
- //# 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;AAC9H,QAAM,cAAc,SAAS,cAAc,CAAC;AAC5C,MAAI,eAAe,YAAY,iBAAiB,QAAQ;AACtD,UAAM,kBAAkB,aAAa;AACrC,UAAM,WAAW,gBAAgB,IAAI,CAAC,WAAW;AAAA,MAC/C,OAAO;AAAA,QACL,OAAO,gBAAgB,MAAM,UAAU;AAAA,QACvC,OAAO,MAAM;AAAA,MACf;AAAA,MACA,aAAa;AAAA,QACX,OAAO;AAAA,QACP,OAAO,MAAM;AAAA,MACf;AAAA,IACF,EAAE;AAEF,WAAO;AAAA,MACL,SAAS;AAAA,QACP,OAAO;AAAA,QACP,OAAO,YAAY;AAAA,MACrB;AAAA,MACA,aAAa;AAAA,QACX,OAAO;AAAA,QACP,OAAO,YAAY;AAAA,MACrB;AAAA,MACA;AAAA,MACA,WAAW,QAAQ;AAAA,MACnB,SAAS;AAAA,IACX;AAAA,EACF;AACF;;;AChCO,IAAM,cAAc;;;AFmBrB;AAPC,IAAM,oCAAgC;AAAA;AAAA,EAE3C,CAAC,EAAE,SAAS,UAAU,GAAG,MAAM,GAAG,QAAQ;AACxC,UAAM,kBAA6D,UAAW,UAA4C;AAC1H,UAAM,gBAAgB,0BAA0B,eAAe;AAE/D,WACE,2EACG,qCAAQ,eAAe,KAAK,CAAC,gBAAgB,aAAa,SACzD,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,2BACC,eAAe,UAAU,IAAI,CAAC,EAAE,OAAO,YAAY,MACjD,4CAAC,wBAAwB,MAAI,MAAC,IAAI,IAAI,IAAI,GAAG,IAAI,GAAG,IAAI,GACtD;AAAA,QAAC;AAAA;AAAA,UAEC,UAAU,OAAO;AAAA,UACjB,OAAO,OAAO;AAAA,UACd,aAAa,aAAa;AAAA,UAC1B,kBAAkB,aAAa;AAAA;AAAA,QAJ1B,OAAO;AAAA,MAKd,KAPS,OAAO,KAQlB,CACD,GACL;AAAA,MACA,4CAAC,8CAAoB,iBAAkC,YAAW,SAAQ;AAAA,OAC5E,GAEJ;AAAA,EAEJ;AACF;AAEA,8BAA8B,cAAc;","names":[]}
@@ -1,70 +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
- const blockPrices = payload?.blockPrices?.[0];
12
- if (blockPrices && blockPrices.estimatedPrices?.length) {
13
- const estimatedPrices = 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/lib/constants.ts
41
- var RenderTitle = "Blocknative Gas Tracker";
42
-
43
- // src/components/Details/Box/BlocknativeGasPriceDetailsBox.tsx
44
- import { Fragment, jsx, jsxs } from "react/jsx-runtime";
45
- var BlocknativeGasPriceDetailsBox = forwardRef(
46
- // eslint-disable-next-line @typescript-eslint/no-unused-vars
47
- ({ payload, listMode, ...props }, ref) => {
48
- const gasPricePayload = payload ? payload : void 0;
49
- const parsedPayload = useBlocknativeTransformer(gasPricePayload);
50
- return /* @__PURE__ */ jsx(Fragment, { children: isEmpty(gasPricePayload) || !gasPricePayload.blockPrices?.length ? /* @__PURE__ */ jsx(PayloadDataMissing, { alertBody: "Payload is missing valid gas fee data." }) : /* @__PURE__ */ jsxs(FlexCol, { alignItems: "start", rowGap: 4, ...props, ref, children: [
51
- /* @__PURE__ */ jsx(GasPriceWitnessHeaderBox, { heading: RenderTitle, parsedPayload }),
52
- /* @__PURE__ */ jsx(Grid, { container: true, spacing: 3, columns: { lg: 15, md: 15, sm: 12, xs: 12 }, children: parsedPayload && parsedPayload?.gasPrice?.map(({ price, priorityFee }) => /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, sm: 6, md: 5, lg: 3, children: /* @__PURE__ */ jsx(
53
- GasFeeCard,
54
- {
55
- gasPrice: price?.value,
56
- speed: price?.label,
57
- priorityFee: priorityFee?.value,
58
- priorityFeeLabel: priorityFee?.label
59
- },
60
- price?.label
61
- ) }, price?.label)) }),
62
- /* @__PURE__ */ jsx(ToggleRawPayloadBox, { gasPricePayload, alignItems: "start" })
63
- ] }) });
64
- }
65
- );
66
- BlocknativeGasPriceDetailsBox.displayName = "BlocknativeGasPriceDetailsBox";
67
- export {
68
- BlocknativeGasPriceDetailsBox
69
- };
70
- //# 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;AAC9H,QAAM,cAAc,SAAS,cAAc,CAAC;AAC5C,MAAI,eAAe,YAAY,iBAAiB,QAAQ;AACtD,UAAM,kBAAkB,aAAa;AACrC,UAAM,WAAW,gBAAgB,IAAI,CAAC,WAAW;AAAA,MAC/C,OAAO;AAAA,QACL,OAAO,gBAAgB,MAAM,UAAU;AAAA,QACvC,OAAO,MAAM;AAAA,MACf;AAAA,MACA,aAAa;AAAA,QACX,OAAO;AAAA,QACP,OAAO,MAAM;AAAA,MACf;AAAA,IACF,EAAE;AAEF,WAAO;AAAA,MACL,SAAS;AAAA,QACP,OAAO;AAAA,QACP,OAAO,YAAY;AAAA,MACrB;AAAA,MACA,aAAa;AAAA,QACX,OAAO;AAAA,QACP,OAAO,YAAY;AAAA,MACrB;AAAA,MACA;AAAA,MACA,WAAW,QAAQ;AAAA,MACnB,SAAS;AAAA,IACX;AAAA,EACF;AACF;;;AChCO,IAAM,cAAc;;;AFmBrB,mBAEI,KAEA,YAJJ;AAPC,IAAM,gCAAgC;AAAA;AAAA,EAE3C,CAAC,EAAE,SAAS,UAAU,GAAG,MAAM,GAAG,QAAQ;AACxC,UAAM,kBAA6D,UAAW,UAA4C;AAC1H,UAAM,gBAAgB,0BAA0B,eAAe;AAE/D,WACE,gCACG,kBAAQ,eAAe,KAAK,CAAC,gBAAgB,aAAa,SACzD,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,2BACC,eAAe,UAAU,IAAI,CAAC,EAAE,OAAO,YAAY,MACjD,oBAAC,QAAwB,MAAI,MAAC,IAAI,IAAI,IAAI,GAAG,IAAI,GAAG,IAAI,GACtD;AAAA,QAAC;AAAA;AAAA,UAEC,UAAU,OAAO;AAAA,UACjB,OAAO,OAAO;AAAA,UACd,aAAa,aAAa;AAAA,UAC1B,kBAAkB,aAAa;AAAA;AAAA,QAJ1B,OAAO;AAAA,MAKd,KAPS,OAAO,KAQlB,CACD,GACL;AAAA,MACA,oBAAC,uBAAoB,iBAAkC,YAAW,SAAQ;AAAA,OAC5E,GAEJ;AAAA,EAEJ;AACF;AAEA,8BAA8B,cAAc;","names":[]}
@@ -1,57 +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/hooks/index.ts
21
- var hooks_exports = {};
22
- __export(hooks_exports, {
23
- useBlocknativeTransformer: () => useBlocknativeTransformer
24
- });
25
- module.exports = __toCommonJS(hooks_exports);
26
-
27
- // src/components/hooks/useBlocknativeTransformer.tsx
28
- var useBlocknativeTransformer = (payload) => {
29
- const blockPrices = payload?.blockPrices?.[0];
30
- if (blockPrices && blockPrices.estimatedPrices?.length) {
31
- const estimatedPrices = blockPrices?.estimatedPrices;
32
- const gasPrice = estimatedPrices.map((price) => ({
33
- price: {
34
- label: `Confidence - ${price.confidence}`,
35
- value: price.price
36
- },
37
- priorityFee: {
38
- label: "maxPriorityFeePerGas",
39
- value: price.maxPriorityFeePerGas
40
- }
41
- }));
42
- return {
43
- baseFee: {
44
- label: "baseFeePerGas",
45
- value: blockPrices.baseFeePerGas
46
- },
47
- blockNumber: {
48
- label: "blockNumber",
49
- value: blockPrices.blockNumber
50
- },
51
- gasPrice,
52
- timestamp: payload.timestamp,
53
- website: "https://docs.Blocknative.io/v5/api/providers/provider/#Provider-getFeeData"
54
- };
55
- }
56
- };
57
- //# sourceMappingURL=index.cjs.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../../../src/components/hooks/index.ts","../../../../src/components/hooks/useBlocknativeTransformer.tsx"],"sourcesContent":["export * from './useBlocknativeTransformer'\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;;;ACGO,IAAM,4BAA4B,CAAC,YAAsF;AAC9H,QAAM,cAAc,SAAS,cAAc,CAAC;AAC5C,MAAI,eAAe,YAAY,iBAAiB,QAAQ;AACtD,UAAM,kBAAkB,aAAa;AACrC,UAAM,WAAW,gBAAgB,IAAI,CAAC,WAAW;AAAA,MAC/C,OAAO;AAAA,QACL,OAAO,gBAAgB,MAAM,UAAU;AAAA,QACvC,OAAO,MAAM;AAAA,MACf;AAAA,MACA,aAAa;AAAA,QACX,OAAO;AAAA,QACP,OAAO,MAAM;AAAA,MACf;AAAA,IACF,EAAE;AAEF,WAAO;AAAA,MACL,SAAS;AAAA,QACP,OAAO;AAAA,QACP,OAAO,YAAY;AAAA,MACrB;AAAA,MACA,aAAa;AAAA,QACX,OAAO;AAAA,QACP,OAAO,YAAY;AAAA,MACrB;AAAA,MACA;AAAA,MACA,WAAW,QAAQ;AAAA,MACnB,SAAS;AAAA,IACX;AAAA,EACF;AACF;","names":[]}