@xyo-network/react-ethereum-gas-price-blocknative-plugin 2.64.8 → 2.64.10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
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,156 +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/Plugin.ts
21
- var Plugin_exports = {};
22
- __export(Plugin_exports, {
23
- EthereumGasPriceBlocknativePlugin: () => EthereumGasPriceBlocknativePlugin
24
- });
25
- module.exports = __toCommonJS(Plugin_exports);
26
- var import_blocknative_ethereum_gas_payload_plugin = require("@xyo-network/blocknative-ethereum-gas-payload-plugin");
27
- var import_react_gas_price4 = require("@xyo-network/react-gas-price");
28
- var import_react_payload_plugin = require("@xyo-network/react-payload-plugin");
29
-
30
- // src/components/Card/CardContent.tsx
31
- var import_material = require("@mui/material");
32
- var import_lodash = require("@xylabs/lodash");
33
- var import_react_gas_price = require("@xyo-network/react-gas-price");
34
- var import_react_shared = require("@xyo-network/react-shared");
35
- var import_react = require("react");
36
-
37
- // src/components/hooks/useBlocknativeTransformer.tsx
38
- var useBlocknativeTransformer = (payload) => {
39
- var _a, _b;
40
- const blockPrices = (_a = payload == null ? void 0 : payload.blockPrices) == null ? void 0 : _a[0];
41
- if (blockPrices && ((_b = blockPrices.estimatedPrices) == null ? void 0 : _b.length)) {
42
- const estimatedPrices = blockPrices == null ? void 0 : blockPrices.estimatedPrices;
43
- const gasPrice = estimatedPrices.map((price) => ({
44
- price: {
45
- label: `Confidence - ${price.confidence}`,
46
- value: price.price
47
- },
48
- priorityFee: {
49
- label: "maxPriorityFeePerGas",
50
- value: price.maxPriorityFeePerGas
51
- }
52
- }));
53
- return {
54
- baseFee: {
55
- label: "baseFeePerGas",
56
- value: blockPrices.baseFeePerGas
57
- },
58
- blockNumber: {
59
- label: "blockNumber",
60
- value: blockPrices.blockNumber
61
- },
62
- gasPrice,
63
- timestamp: payload.timestamp,
64
- website: "https://docs.Blocknative.io/v5/api/providers/provider/#Provider-getFeeData"
65
- };
66
- }
67
- };
68
-
69
- // src/components/Card/CardContent.tsx
70
- var import_jsx_runtime = require("react/jsx-runtime");
71
- var BlocknativeGasPriceCardContent = (0, import_react.forwardRef)(({ payload, ...props }, ref) => {
72
- var _a, _b;
73
- const gasPricePayload = payload ? payload : void 0;
74
- const parsedPayload = useBlocknativeTransformer(gasPricePayload);
75
- if ((0, import_lodash.isEmpty)(gasPricePayload) || !((_a = gasPricePayload.blockPrices) == null ? void 0 : _a.length)) {
76
- return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_shared.PayloadDataMissing, { alertBody: "Payload is missing valid gas fee data.", sx: { m: 1 } });
77
- }
78
- return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_material.CardContent, { ref, sx: { display: "flex", flexDirection: "column", rowGap: 4 }, ...props, children: [
79
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.Grid, { container: true, spacing: 3, columns: { lg: 15, md: 15, sm: 12, xs: 12 }, children: parsedPayload && ((_b = parsedPayload == null ? void 0 : parsedPayload.gasPrice) == null ? void 0 : _b.map(({ price }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.Grid, { item: true, xs: 12, sm: 6, md: 5, lg: 3, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_gas_price.GasFeeCard, { gasPrice: price == null ? void 0 : price.value, speed: price == null ? void 0 : price.label, speedPaperElevation: 4 }) }, price == null ? void 0 : price.label))) }),
80
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_gas_price.ToggleRawPayloadBox, { gasPricePayload, alignItems: "start", pr: 1 })
81
- ] });
82
- });
83
- BlocknativeGasPriceCardContent.displayName = "BlocknativeGasPriceCardContent";
84
-
85
- // src/components/Card/CardHeader.tsx
86
- var import_react_gas_price2 = require("@xyo-network/react-gas-price");
87
- var import_react2 = require("react");
88
-
89
- // src/components/lib/constants.ts
90
- var RenderTitle = "Blocknative Gas Tracker";
91
-
92
- // src/components/Card/CardHeader.tsx
93
- var import_jsx_runtime2 = require("react/jsx-runtime");
94
- var BlocknativeGasPriceCardHeader = (0, import_react2.forwardRef)(({ payload }, ref) => {
95
- const gasPricePayload = payload ? payload : void 0;
96
- const parsedPayload = useBlocknativeTransformer(gasPricePayload);
97
- return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_gas_price2.GasPriceWitnessCardHeader, { title: RenderTitle, parsedPayload, ref });
98
- });
99
- BlocknativeGasPriceCardHeader.displayName = "BlocknativeGasPriceCardHeader";
100
-
101
- // src/components/Details/Box/BlocknativeGasPriceDetailsBox.tsx
102
- var import_material2 = require("@mui/material");
103
- var import_lodash2 = require("@xylabs/lodash");
104
- var import_react_flexbox = require("@xylabs/react-flexbox");
105
- var import_react_gas_price3 = require("@xyo-network/react-gas-price");
106
- var import_react_shared2 = require("@xyo-network/react-shared");
107
- var import_react3 = require("react");
108
- var import_jsx_runtime3 = require("react/jsx-runtime");
109
- var BlocknativeGasPriceDetailsBox = (0, import_react3.forwardRef)(
110
- // eslint-disable-next-line @typescript-eslint/no-unused-vars
111
- ({ payload, listMode, ...props }, ref) => {
112
- var _a, _b;
113
- const gasPricePayload = payload ? payload : void 0;
114
- const parsedPayload = useBlocknativeTransformer(gasPricePayload);
115
- return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_jsx_runtime3.Fragment, { children: (0, import_lodash2.isEmpty)(gasPricePayload) || !((_a = gasPricePayload.blockPrices) == null ? void 0 : _a.length) ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_shared2.PayloadDataMissing, { alertBody: "Payload is missing valid gas fee data." }) : /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react_flexbox.FlexCol, { alignItems: "start", rowGap: 4, ...props, ref, children: [
116
- /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_gas_price3.GasPriceWitnessHeaderBox, { heading: RenderTitle, parsedPayload }),
117
- /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_material2.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_runtime3.jsx)(import_material2.Grid, { item: true, xs: 12, sm: 6, md: 5, lg: 3, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
118
- import_react_gas_price3.GasFeeCard,
119
- {
120
- gasPrice: price == null ? void 0 : price.value,
121
- speed: price == null ? void 0 : price.label,
122
- priorityFee: priorityFee == null ? void 0 : priorityFee.value,
123
- priorityFeeLabel: priorityFee == null ? void 0 : priorityFee.label
124
- },
125
- price == null ? void 0 : price.label
126
- ) }, price == null ? void 0 : price.label))) }),
127
- /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_gas_price3.ToggleRawPayloadBox, { gasPricePayload, alignItems: "start" })
128
- ] }) });
129
- }
130
- );
131
- BlocknativeGasPriceDetailsBox.displayName = "BlocknativeGasPriceDetailsBox";
132
-
133
- // src/Plugin.ts
134
- var EthereumGasPriceBlocknativePlugin = {
135
- ...(0, import_react_payload_plugin.createPayloadRenderPlugin)({
136
- canRender: (payload) => (payload == null ? void 0 : payload.schema) === import_blocknative_ethereum_gas_payload_plugin.EthereumGasBlocknativeSchema,
137
- components: {
138
- avatar: {
139
- image: import_react_gas_price4.EthereumGasPriceAvatar
140
- },
141
- box: {
142
- detailsBox: BlocknativeGasPriceDetailsBox
143
- },
144
- card: {
145
- content: BlocknativeGasPriceCardContent,
146
- header: BlocknativeGasPriceCardHeader
147
- }
148
- },
149
- name: "Ethereum Gas Price Blocknative"
150
- })
151
- };
152
- // Annotate the CommonJS export names for ESM import in node:
153
- 0 && (module.exports = {
154
- EthereumGasPriceBlocknativePlugin
155
- });
156
- //# sourceMappingURL=Plugin.cjs.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../src/Plugin.ts","../../src/components/Card/CardContent.tsx","../../src/components/hooks/useBlocknativeTransformer.tsx","../../src/components/Card/CardHeader.tsx","../../src/components/lib/constants.ts","../../src/components/Details/Box/BlocknativeGasPriceDetailsBox.tsx"],"sourcesContent":["import { EthereumGasBlocknativeSchema } from '@xyo-network/blocknative-ethereum-gas-payload-plugin'\nimport { Payload } from '@xyo-network/payload-model'\nimport { EthereumGasPriceAvatar } from '@xyo-network/react-gas-price'\nimport { createPayloadRenderPlugin, PayloadRenderPlugin } from '@xyo-network/react-payload-plugin'\n\nimport { BlocknativeGasPriceCardContent, BlocknativeGasPriceCardHeader, BlocknativeGasPriceDetailsBox } from './components'\n\nexport const EthereumGasPriceBlocknativePlugin: PayloadRenderPlugin = {\n ...createPayloadRenderPlugin({\n canRender: (payload?: Payload) => payload?.schema === EthereumGasBlocknativeSchema,\n components: {\n avatar: {\n image: EthereumGasPriceAvatar,\n },\n box: {\n detailsBox: BlocknativeGasPriceDetailsBox,\n },\n card: {\n content: BlocknativeGasPriceCardContent,\n header: BlocknativeGasPriceCardHeader,\n },\n },\n name: 'Ethereum Gas Price Blocknative',\n }),\n}\n","import { CardContent, CardContentProps, Grid } from '@mui/material'\nimport { isEmpty } from '@xylabs/lodash'\nimport { EthereumGasBlocknativePayload } from '@xyo-network/blocknative-ethereum-gas-payload-plugin'\nimport { GasFeeCard, ToggleRawPayloadBox } from '@xyo-network/react-gas-price'\nimport { PayloadRenderProps } from '@xyo-network/react-payload-plugin'\nimport { PayloadDataMissing } from '@xyo-network/react-shared'\nimport { forwardRef } from 'react'\n\nimport { useBlocknativeTransformer } from '../hooks'\n\nexport const BlocknativeGasPriceCardContent = forwardRef<HTMLDivElement, PayloadRenderProps & CardContentProps>(({ payload, ...props }, ref) => {\n const gasPricePayload = payload ? (payload as EthereumGasBlocknativePayload) : undefined\n const parsedPayload = useBlocknativeTransformer(gasPricePayload)\n\n if (isEmpty(gasPricePayload) || !gasPricePayload.blockPrices?.length) {\n return <PayloadDataMissing alertBody=\"Payload is missing valid gas fee data.\" sx={{ m: 1 }} />\n }\n\n return (\n <CardContent ref={ref} sx={{ display: 'flex', flexDirection: 'column', rowGap: 4 }} {...props}>\n <Grid container spacing={3} columns={{ lg: 15, md: 15, sm: 12, xs: 12 }}>\n {parsedPayload &&\n parsedPayload?.gasPrice?.map(({ price }) => (\n <Grid key={price?.label} item xs={12} sm={6} md={5} lg={3}>\n <GasFeeCard gasPrice={price?.value} speed={price?.label} speedPaperElevation={4} />\n </Grid>\n ))}\n </Grid>\n <ToggleRawPayloadBox gasPricePayload={gasPricePayload} alignItems=\"start\" pr={1} />\n </CardContent>\n )\n})\n\nBlocknativeGasPriceCardContent.displayName = 'BlocknativeGasPriceCardContent'\n","import { EthereumGasBlocknativePayload } from '@xyo-network/blocknative-ethereum-gas-payload-plugin'\nimport { GasPriceWitnessUIBasePayload } from '@xyo-network/react-gas-price'\n\nexport const useBlocknativeTransformer = (payload?: EthereumGasBlocknativePayload): GasPriceWitnessUIBasePayload | undefined => {\n const blockPrices = payload?.blockPrices?.[0]\n if (blockPrices && blockPrices.estimatedPrices?.length) {\n const estimatedPrices = blockPrices?.estimatedPrices\n const gasPrice = estimatedPrices.map((price) => ({\n price: {\n label: `Confidence - ${price.confidence}`,\n value: price.price,\n },\n priorityFee: {\n label: 'maxPriorityFeePerGas',\n value: price.maxPriorityFeePerGas,\n },\n }))\n\n return {\n baseFee: {\n label: 'baseFeePerGas',\n value: blockPrices.baseFeePerGas,\n },\n blockNumber: {\n label: 'blockNumber',\n value: blockPrices.blockNumber,\n },\n gasPrice,\n timestamp: payload.timestamp,\n website: 'https://docs.Blocknative.io/v5/api/providers/provider/#Provider-getFeeData',\n }\n }\n}\n","import { CardHeaderProps } from '@mui/material'\nimport { EthereumGasBlocknativePayload } from '@xyo-network/blocknative-ethereum-gas-payload-plugin'\nimport { GasPriceWitnessCardHeader } from '@xyo-network/react-gas-price'\nimport { PayloadRenderProps } from '@xyo-network/react-payload-plugin'\nimport { forwardRef } from 'react'\n\nimport { useBlocknativeTransformer } from '../hooks'\nimport { RenderTitle } from '../lib'\n\nexport const BlocknativeGasPriceCardHeader = forwardRef<HTMLDivElement, PayloadRenderProps & CardHeaderProps>(({ payload }, ref) => {\n const gasPricePayload = payload ? (payload as EthereumGasBlocknativePayload) : undefined\n const parsedPayload = useBlocknativeTransformer(gasPricePayload)\n return <GasPriceWitnessCardHeader title={RenderTitle} parsedPayload={parsedPayload} ref={ref} />\n})\n\nBlocknativeGasPriceCardHeader.displayName = 'BlocknativeGasPriceCardHeader'\n","export const RenderTitle = 'Blocknative Gas Tracker'\n","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"],"mappings":"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","names":["import_react_gas_price","import_react_gas_price","import_react","import_jsx_runtime","import_material","import_lodash","import_react_gas_price","import_react_shared","import_react","import_jsx_runtime"]}
@@ -1,131 +0,0 @@
1
- // src/Plugin.ts
2
- import { EthereumGasBlocknativeSchema } from "@xyo-network/blocknative-ethereum-gas-payload-plugin";
3
- import { EthereumGasPriceAvatar } from "@xyo-network/react-gas-price";
4
- import { createPayloadRenderPlugin } from "@xyo-network/react-payload-plugin";
5
-
6
- // src/components/Card/CardContent.tsx
7
- import { CardContent, Grid } from "@mui/material";
8
- import { isEmpty } from "@xylabs/lodash";
9
- import { GasFeeCard, ToggleRawPayloadBox } from "@xyo-network/react-gas-price";
10
- import { PayloadDataMissing } from "@xyo-network/react-shared";
11
- import { forwardRef } from "react";
12
-
13
- // src/components/hooks/useBlocknativeTransformer.tsx
14
- var useBlocknativeTransformer = (payload) => {
15
- var _a, _b;
16
- const blockPrices = (_a = payload == null ? void 0 : payload.blockPrices) == null ? void 0 : _a[0];
17
- if (blockPrices && ((_b = blockPrices.estimatedPrices) == null ? void 0 : _b.length)) {
18
- const estimatedPrices = blockPrices == null ? void 0 : blockPrices.estimatedPrices;
19
- const gasPrice = estimatedPrices.map((price) => ({
20
- price: {
21
- label: `Confidence - ${price.confidence}`,
22
- value: price.price
23
- },
24
- priorityFee: {
25
- label: "maxPriorityFeePerGas",
26
- value: price.maxPriorityFeePerGas
27
- }
28
- }));
29
- return {
30
- baseFee: {
31
- label: "baseFeePerGas",
32
- value: blockPrices.baseFeePerGas
33
- },
34
- blockNumber: {
35
- label: "blockNumber",
36
- value: blockPrices.blockNumber
37
- },
38
- gasPrice,
39
- timestamp: payload.timestamp,
40
- website: "https://docs.Blocknative.io/v5/api/providers/provider/#Provider-getFeeData"
41
- };
42
- }
43
- };
44
-
45
- // src/components/Card/CardContent.tsx
46
- import { jsx, jsxs } from "react/jsx-runtime";
47
- var BlocknativeGasPriceCardContent = forwardRef(({ payload, ...props }, ref) => {
48
- var _a, _b;
49
- const gasPricePayload = payload ? payload : void 0;
50
- const parsedPayload = useBlocknativeTransformer(gasPricePayload);
51
- if (isEmpty(gasPricePayload) || !((_a = gasPricePayload.blockPrices) == null ? void 0 : _a.length)) {
52
- return /* @__PURE__ */ jsx(PayloadDataMissing, { alertBody: "Payload is missing valid gas fee data.", sx: { m: 1 } });
53
- }
54
- return /* @__PURE__ */ jsxs(CardContent, { ref, sx: { display: "flex", flexDirection: "column", rowGap: 4 }, ...props, children: [
55
- /* @__PURE__ */ jsx(Grid, { container: true, spacing: 3, columns: { lg: 15, md: 15, sm: 12, xs: 12 }, children: parsedPayload && ((_b = parsedPayload == null ? void 0 : parsedPayload.gasPrice) == null ? void 0 : _b.map(({ price }) => /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, sm: 6, md: 5, lg: 3, children: /* @__PURE__ */ jsx(GasFeeCard, { gasPrice: price == null ? void 0 : price.value, speed: price == null ? void 0 : price.label, speedPaperElevation: 4 }) }, price == null ? void 0 : price.label))) }),
56
- /* @__PURE__ */ jsx(ToggleRawPayloadBox, { gasPricePayload, alignItems: "start", pr: 1 })
57
- ] });
58
- });
59
- BlocknativeGasPriceCardContent.displayName = "BlocknativeGasPriceCardContent";
60
-
61
- // src/components/Card/CardHeader.tsx
62
- import { GasPriceWitnessCardHeader } from "@xyo-network/react-gas-price";
63
- import { forwardRef as forwardRef2 } from "react";
64
-
65
- // src/components/lib/constants.ts
66
- var RenderTitle = "Blocknative Gas Tracker";
67
-
68
- // src/components/Card/CardHeader.tsx
69
- import { jsx as jsx2 } from "react/jsx-runtime";
70
- var BlocknativeGasPriceCardHeader = forwardRef2(({ payload }, ref) => {
71
- const gasPricePayload = payload ? payload : void 0;
72
- const parsedPayload = useBlocknativeTransformer(gasPricePayload);
73
- return /* @__PURE__ */ jsx2(GasPriceWitnessCardHeader, { title: RenderTitle, parsedPayload, ref });
74
- });
75
- BlocknativeGasPriceCardHeader.displayName = "BlocknativeGasPriceCardHeader";
76
-
77
- // src/components/Details/Box/BlocknativeGasPriceDetailsBox.tsx
78
- import { Grid as Grid2 } from "@mui/material";
79
- import { isEmpty as isEmpty2 } from "@xylabs/lodash";
80
- import { FlexCol } from "@xylabs/react-flexbox";
81
- import { GasFeeCard as GasFeeCard2, GasPriceWitnessHeaderBox, ToggleRawPayloadBox as ToggleRawPayloadBox2 } from "@xyo-network/react-gas-price";
82
- import { PayloadDataMissing as PayloadDataMissing2 } from "@xyo-network/react-shared";
83
- import { forwardRef as forwardRef3 } from "react";
84
- import { Fragment, jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
85
- var BlocknativeGasPriceDetailsBox = forwardRef3(
86
- // eslint-disable-next-line @typescript-eslint/no-unused-vars
87
- ({ payload, listMode, ...props }, ref) => {
88
- var _a, _b;
89
- const gasPricePayload = payload ? payload : void 0;
90
- const parsedPayload = useBlocknativeTransformer(gasPricePayload);
91
- return /* @__PURE__ */ jsx3(Fragment, { children: isEmpty2(gasPricePayload) || !((_a = gasPricePayload.blockPrices) == null ? void 0 : _a.length) ? /* @__PURE__ */ jsx3(PayloadDataMissing2, { alertBody: "Payload is missing valid gas fee data." }) : /* @__PURE__ */ jsxs2(FlexCol, { alignItems: "start", rowGap: 4, ...props, ref, children: [
92
- /* @__PURE__ */ jsx3(GasPriceWitnessHeaderBox, { heading: RenderTitle, parsedPayload }),
93
- /* @__PURE__ */ jsx3(Grid2, { 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__ */ jsx3(Grid2, { item: true, xs: 12, sm: 6, md: 5, lg: 3, children: /* @__PURE__ */ jsx3(
94
- GasFeeCard2,
95
- {
96
- gasPrice: price == null ? void 0 : price.value,
97
- speed: price == null ? void 0 : price.label,
98
- priorityFee: priorityFee == null ? void 0 : priorityFee.value,
99
- priorityFeeLabel: priorityFee == null ? void 0 : priorityFee.label
100
- },
101
- price == null ? void 0 : price.label
102
- ) }, price == null ? void 0 : price.label))) }),
103
- /* @__PURE__ */ jsx3(ToggleRawPayloadBox2, { gasPricePayload, alignItems: "start" })
104
- ] }) });
105
- }
106
- );
107
- BlocknativeGasPriceDetailsBox.displayName = "BlocknativeGasPriceDetailsBox";
108
-
109
- // src/Plugin.ts
110
- var EthereumGasPriceBlocknativePlugin = {
111
- ...createPayloadRenderPlugin({
112
- canRender: (payload) => (payload == null ? void 0 : payload.schema) === EthereumGasBlocknativeSchema,
113
- components: {
114
- avatar: {
115
- image: EthereumGasPriceAvatar
116
- },
117
- box: {
118
- detailsBox: BlocknativeGasPriceDetailsBox
119
- },
120
- card: {
121
- content: BlocknativeGasPriceCardContent,
122
- header: BlocknativeGasPriceCardHeader
123
- }
124
- },
125
- name: "Ethereum Gas Price Blocknative"
126
- })
127
- };
128
- export {
129
- EthereumGasPriceBlocknativePlugin
130
- };
131
- //# sourceMappingURL=Plugin.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../src/Plugin.ts","../../src/components/Card/CardContent.tsx","../../src/components/hooks/useBlocknativeTransformer.tsx","../../src/components/Card/CardHeader.tsx","../../src/components/lib/constants.ts","../../src/components/Details/Box/BlocknativeGasPriceDetailsBox.tsx"],"sourcesContent":["import { EthereumGasBlocknativeSchema } from '@xyo-network/blocknative-ethereum-gas-payload-plugin'\nimport { Payload } from '@xyo-network/payload-model'\nimport { EthereumGasPriceAvatar } from '@xyo-network/react-gas-price'\nimport { createPayloadRenderPlugin, PayloadRenderPlugin } from '@xyo-network/react-payload-plugin'\n\nimport { BlocknativeGasPriceCardContent, BlocknativeGasPriceCardHeader, BlocknativeGasPriceDetailsBox } from './components'\n\nexport const EthereumGasPriceBlocknativePlugin: PayloadRenderPlugin = {\n ...createPayloadRenderPlugin({\n canRender: (payload?: Payload) => payload?.schema === EthereumGasBlocknativeSchema,\n components: {\n avatar: {\n image: EthereumGasPriceAvatar,\n },\n box: {\n detailsBox: BlocknativeGasPriceDetailsBox,\n },\n card: {\n content: BlocknativeGasPriceCardContent,\n header: BlocknativeGasPriceCardHeader,\n },\n },\n name: 'Ethereum Gas Price Blocknative',\n }),\n}\n","import { CardContent, CardContentProps, Grid } from '@mui/material'\nimport { isEmpty } from '@xylabs/lodash'\nimport { EthereumGasBlocknativePayload } from '@xyo-network/blocknative-ethereum-gas-payload-plugin'\nimport { GasFeeCard, ToggleRawPayloadBox } from '@xyo-network/react-gas-price'\nimport { PayloadRenderProps } from '@xyo-network/react-payload-plugin'\nimport { PayloadDataMissing } from '@xyo-network/react-shared'\nimport { forwardRef } from 'react'\n\nimport { useBlocknativeTransformer } from '../hooks'\n\nexport const BlocknativeGasPriceCardContent = forwardRef<HTMLDivElement, PayloadRenderProps & CardContentProps>(({ payload, ...props }, ref) => {\n const gasPricePayload = payload ? (payload as EthereumGasBlocknativePayload) : undefined\n const parsedPayload = useBlocknativeTransformer(gasPricePayload)\n\n if (isEmpty(gasPricePayload) || !gasPricePayload.blockPrices?.length) {\n return <PayloadDataMissing alertBody=\"Payload is missing valid gas fee data.\" sx={{ m: 1 }} />\n }\n\n return (\n <CardContent ref={ref} sx={{ display: 'flex', flexDirection: 'column', rowGap: 4 }} {...props}>\n <Grid container spacing={3} columns={{ lg: 15, md: 15, sm: 12, xs: 12 }}>\n {parsedPayload &&\n parsedPayload?.gasPrice?.map(({ price }) => (\n <Grid key={price?.label} item xs={12} sm={6} md={5} lg={3}>\n <GasFeeCard gasPrice={price?.value} speed={price?.label} speedPaperElevation={4} />\n </Grid>\n ))}\n </Grid>\n <ToggleRawPayloadBox gasPricePayload={gasPricePayload} alignItems=\"start\" pr={1} />\n </CardContent>\n )\n})\n\nBlocknativeGasPriceCardContent.displayName = 'BlocknativeGasPriceCardContent'\n","import { EthereumGasBlocknativePayload } from '@xyo-network/blocknative-ethereum-gas-payload-plugin'\nimport { GasPriceWitnessUIBasePayload } from '@xyo-network/react-gas-price'\n\nexport const useBlocknativeTransformer = (payload?: EthereumGasBlocknativePayload): GasPriceWitnessUIBasePayload | undefined => {\n const blockPrices = payload?.blockPrices?.[0]\n if (blockPrices && blockPrices.estimatedPrices?.length) {\n const estimatedPrices = blockPrices?.estimatedPrices\n const gasPrice = estimatedPrices.map((price) => ({\n price: {\n label: `Confidence - ${price.confidence}`,\n value: price.price,\n },\n priorityFee: {\n label: 'maxPriorityFeePerGas',\n value: price.maxPriorityFeePerGas,\n },\n }))\n\n return {\n baseFee: {\n label: 'baseFeePerGas',\n value: blockPrices.baseFeePerGas,\n },\n blockNumber: {\n label: 'blockNumber',\n value: blockPrices.blockNumber,\n },\n gasPrice,\n timestamp: payload.timestamp,\n website: 'https://docs.Blocknative.io/v5/api/providers/provider/#Provider-getFeeData',\n }\n }\n}\n","import { CardHeaderProps } from '@mui/material'\nimport { EthereumGasBlocknativePayload } from '@xyo-network/blocknative-ethereum-gas-payload-plugin'\nimport { GasPriceWitnessCardHeader } from '@xyo-network/react-gas-price'\nimport { PayloadRenderProps } from '@xyo-network/react-payload-plugin'\nimport { forwardRef } from 'react'\n\nimport { useBlocknativeTransformer } from '../hooks'\nimport { RenderTitle } from '../lib'\n\nexport const BlocknativeGasPriceCardHeader = forwardRef<HTMLDivElement, PayloadRenderProps & CardHeaderProps>(({ payload }, ref) => {\n const gasPricePayload = payload ? (payload as EthereumGasBlocknativePayload) : undefined\n const parsedPayload = useBlocknativeTransformer(gasPricePayload)\n return <GasPriceWitnessCardHeader title={RenderTitle} parsedPayload={parsedPayload} ref={ref} />\n})\n\nBlocknativeGasPriceCardHeader.displayName = 'BlocknativeGasPriceCardHeader'\n","export const RenderTitle = 'Blocknative Gas Tracker'\n","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"],"mappings":";AAAA,SAAS,oCAAoC;AAE7C,SAAS,8BAA8B;AACvC,SAAS,iCAAsD;;;ACH/D,SAAS,aAA+B,YAAY;AACpD,SAAS,eAAe;AAExB,SAAS,YAAY,2BAA2B;AAEhD,SAAS,0BAA0B;AACnC,SAAS,kBAAkB;;;ACHpB,IAAM,4BAA4B,CAAC,YAAsF;AAHhI;AAIE,QAAM,eAAc,wCAAS,gBAAT,mBAAuB;AAC3C,MAAI,iBAAe,iBAAY,oBAAZ,mBAA6B,SAAQ;AACtD,UAAM,kBAAkB,2CAAa;AACrC,UAAM,WAAW,gBAAgB,IAAI,CAAC,WAAW;AAAA,MAC/C,OAAO;AAAA,QACL,OAAO,gBAAgB,MAAM,UAAU;AAAA,QACvC,OAAO,MAAM;AAAA,MACf;AAAA,MACA,aAAa;AAAA,QACX,OAAO;AAAA,QACP,OAAO,MAAM;AAAA,MACf;AAAA,IACF,EAAE;AAEF,WAAO;AAAA,MACL,SAAS;AAAA,QACP,OAAO;AAAA,QACP,OAAO,YAAY;AAAA,MACrB;AAAA,MACA,aAAa;AAAA,QACX,OAAO;AAAA,QACP,OAAO,YAAY;AAAA,MACrB;AAAA,MACA;AAAA,MACA,WAAW,QAAQ;AAAA,MACnB,SAAS;AAAA,IACX;AAAA,EACF;AACF;;;ADjBW,cAIP,YAJO;AALJ,IAAM,iCAAiC,WAAkE,CAAC,EAAE,SAAS,GAAG,MAAM,GAAG,QAAQ;AAVhJ;AAWE,QAAM,kBAAkB,UAAW,UAA4C;AAC/E,QAAM,gBAAgB,0BAA0B,eAAe;AAE/D,MAAI,QAAQ,eAAe,KAAK,GAAC,qBAAgB,gBAAhB,mBAA6B,SAAQ;AACpE,WAAO,oBAAC,sBAAmB,WAAU,0CAAyC,IAAI,EAAE,GAAG,EAAE,GAAG;AAAA,EAC9F;AAEA,SACE,qBAAC,eAAY,KAAU,IAAI,EAAE,SAAS,QAAQ,eAAe,UAAU,QAAQ,EAAE,GAAI,GAAG,OACtF;AAAA,wBAAC,QAAK,WAAS,MAAC,SAAS,GAAG,SAAS,EAAE,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,GAAG,GACnE,6BACC,oDAAe,aAAf,mBAAyB,IAAI,CAAC,EAAE,MAAM,MACpC,oBAAC,QAAwB,MAAI,MAAC,IAAI,IAAI,IAAI,GAAG,IAAI,GAAG,IAAI,GACtD,8BAAC,cAAW,UAAU,+BAAO,OAAO,OAAO,+BAAO,OAAO,qBAAqB,GAAG,KADxE,+BAAO,KAElB,KAEN;AAAA,IACA,oBAAC,uBAAoB,iBAAkC,YAAW,SAAQ,IAAI,GAAG;AAAA,KACnF;AAEJ,CAAC;AAED,+BAA+B,cAAc;;;AE/B7C,SAAS,iCAAiC;AAE1C,SAAS,cAAAA,mBAAkB;;;ACJpB,IAAM,cAAc;;;ADYlB,gBAAAC,YAAA;AAHF,IAAM,gCAAgCC,YAAiE,CAAC,EAAE,QAAQ,GAAG,QAAQ;AAClI,QAAM,kBAAkB,UAAW,UAA4C;AAC/E,QAAM,gBAAgB,0BAA0B,eAAe;AAC/D,SAAO,gBAAAD,KAAC,6BAA0B,OAAO,aAAa,eAA8B,KAAU;AAChG,CAAC;AAED,8BAA8B,cAAc;;;AEf5C,SAAS,QAAAE,aAAY;AACrB,SAAS,WAAAC,gBAAe;AACxB,SAAuB,eAAe;AAEtC,SAAS,cAAAC,aAAY,0BAA0B,uBAAAC,4BAA2B;AAE1E,SAAS,sBAAAC,2BAA0B;AACnC,SAAS,cAAAC,mBAAkB;AAYrB,mBAEI,OAAAC,MAEA,QAAAC,aAJJ;AAPC,IAAM,gCAAgCC;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,gBAAAF,KAAA,YACG,UAAAG,SAAQ,eAAe,KAAK,GAAC,qBAAgB,gBAAhB,mBAA6B,UACzD,gBAAAH,KAACI,qBAAA,EAAmB,WAAU,0CAAyC,IAEvE,gBAAAH,MAAC,WAAQ,YAAW,SAAQ,QAAQ,GAAI,GAAG,OAAO,KAChD;AAAA,sBAAAD,KAAC,4BAAyB,SAAS,aAAa,eAA8B;AAAA,MAC9E,gBAAAA,KAACK,OAAA,EAAK,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,gBAAAL,KAACK,OAAA,EAAwB,MAAI,MAAC,IAAI,IAAI,IAAI,GAAG,IAAI,GAAG,IAAI,GACtD,0BAAAL;AAAA,QAACM;AAAA,QAAA;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,gBAAAN,KAACO,sBAAA,EAAoB,iBAAkC,YAAW,SAAQ;AAAA,OAC5E,GAEJ;AAAA,EAEJ;AACF;AAEA,8BAA8B,cAAc;;;ALxCrC,IAAM,oCAAyD;AAAA,EACpE,GAAG,0BAA0B;AAAA,IAC3B,WAAW,CAAC,aAAsB,mCAAS,YAAW;AAAA,IACtD,YAAY;AAAA,MACV,QAAQ;AAAA,QACN,OAAO;AAAA,MACT;AAAA,MACA,KAAK;AAAA,QACH,YAAY;AAAA,MACd;AAAA,MACA,MAAM;AAAA,QACJ,SAAS;AAAA,QACT,QAAQ;AAAA,MACV;AAAA,IACF;AAAA,IACA,MAAM;AAAA,EACR,CAAC;AACH;","names":["forwardRef","jsx","forwardRef","Grid","isEmpty","GasFeeCard","ToggleRawPayloadBox","PayloadDataMissing","forwardRef","jsx","jsxs","forwardRef","isEmpty","PayloadDataMissing","Grid","GasFeeCard","ToggleRawPayloadBox"]}
@@ -1,113 +0,0 @@
1
- "use strict";
2
- var __defProp = Object.defineProperty;
3
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
- var __getOwnPropNames = Object.getOwnPropertyNames;
5
- var __hasOwnProp = Object.prototype.hasOwnProperty;
6
- var __export = (target, all) => {
7
- for (var name in all)
8
- __defProp(target, name, { get: all[name], enumerable: true });
9
- };
10
- var __copyProps = (to, from, except, desc) => {
11
- if (from && typeof from === "object" || typeof from === "function") {
12
- for (let key of __getOwnPropNames(from))
13
- if (!__hasOwnProp.call(to, key) && key !== except)
14
- __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
15
- }
16
- return to;
17
- };
18
- var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
19
-
20
- // src/components/Card/Card.tsx
21
- var Card_exports = {};
22
- __export(Card_exports, {
23
- BlocknativeGasPriceCard: () => BlocknativeGasPriceCard
24
- });
25
- module.exports = __toCommonJS(Card_exports);
26
- var import_material2 = require("@mui/material");
27
- var import_react3 = require("react");
28
-
29
- // src/components/Card/CardContent.tsx
30
- var import_material = require("@mui/material");
31
- var import_lodash = require("@xylabs/lodash");
32
- var import_react_gas_price = require("@xyo-network/react-gas-price");
33
- var import_react_shared = require("@xyo-network/react-shared");
34
- var import_react = require("react");
35
-
36
- // src/components/hooks/useBlocknativeTransformer.tsx
37
- var useBlocknativeTransformer = (payload) => {
38
- var _a, _b;
39
- const blockPrices = (_a = payload == null ? void 0 : payload.blockPrices) == null ? void 0 : _a[0];
40
- if (blockPrices && ((_b = blockPrices.estimatedPrices) == null ? void 0 : _b.length)) {
41
- const estimatedPrices = blockPrices == null ? void 0 : blockPrices.estimatedPrices;
42
- const gasPrice = estimatedPrices.map((price) => ({
43
- price: {
44
- label: `Confidence - ${price.confidence}`,
45
- value: price.price
46
- },
47
- priorityFee: {
48
- label: "maxPriorityFeePerGas",
49
- value: price.maxPriorityFeePerGas
50
- }
51
- }));
52
- return {
53
- baseFee: {
54
- label: "baseFeePerGas",
55
- value: blockPrices.baseFeePerGas
56
- },
57
- blockNumber: {
58
- label: "blockNumber",
59
- value: blockPrices.blockNumber
60
- },
61
- gasPrice,
62
- timestamp: payload.timestamp,
63
- website: "https://docs.Blocknative.io/v5/api/providers/provider/#Provider-getFeeData"
64
- };
65
- }
66
- };
67
-
68
- // src/components/Card/CardContent.tsx
69
- var import_jsx_runtime = require("react/jsx-runtime");
70
- var BlocknativeGasPriceCardContent = (0, import_react.forwardRef)(({ payload, ...props }, ref) => {
71
- var _a, _b;
72
- const gasPricePayload = payload ? payload : void 0;
73
- const parsedPayload = useBlocknativeTransformer(gasPricePayload);
74
- if ((0, import_lodash.isEmpty)(gasPricePayload) || !((_a = gasPricePayload.blockPrices) == null ? void 0 : _a.length)) {
75
- return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_shared.PayloadDataMissing, { alertBody: "Payload is missing valid gas fee data.", sx: { m: 1 } });
76
- }
77
- return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_material.CardContent, { ref, sx: { display: "flex", flexDirection: "column", rowGap: 4 }, ...props, children: [
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 }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.Grid, { item: true, xs: 12, sm: 6, md: 5, lg: 3, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_gas_price.GasFeeCard, { gasPrice: price == null ? void 0 : price.value, speed: price == null ? void 0 : price.label, speedPaperElevation: 4 }) }, price == null ? void 0 : price.label))) }),
79
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_gas_price.ToggleRawPayloadBox, { gasPricePayload, alignItems: "start", pr: 1 })
80
- ] });
81
- });
82
- BlocknativeGasPriceCardContent.displayName = "BlocknativeGasPriceCardContent";
83
-
84
- // src/components/Card/CardHeader.tsx
85
- var import_react_gas_price2 = require("@xyo-network/react-gas-price");
86
- var import_react2 = require("react");
87
-
88
- // src/components/lib/constants.ts
89
- var RenderTitle = "Blocknative Gas Tracker";
90
-
91
- // src/components/Card/CardHeader.tsx
92
- var import_jsx_runtime2 = require("react/jsx-runtime");
93
- var BlocknativeGasPriceCardHeader = (0, import_react2.forwardRef)(({ payload }, ref) => {
94
- const gasPricePayload = payload ? payload : void 0;
95
- const parsedPayload = useBlocknativeTransformer(gasPricePayload);
96
- return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_gas_price2.GasPriceWitnessCardHeader, { title: RenderTitle, parsedPayload, ref });
97
- });
98
- BlocknativeGasPriceCardHeader.displayName = "BlocknativeGasPriceCardHeader";
99
-
100
- // src/components/Card/Card.tsx
101
- var import_jsx_runtime3 = require("react/jsx-runtime");
102
- var BlocknativeGasPriceCard = (0, import_react3.forwardRef)(({ payload, ...props }, ref) => {
103
- return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_material2.Card, { ref, ...props, children: [
104
- /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(BlocknativeGasPriceCardHeader, { payload }),
105
- /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(BlocknativeGasPriceCardContent, { payload })
106
- ] });
107
- });
108
- BlocknativeGasPriceCard.displayName = "BlocknativeGasPriceCard";
109
- // Annotate the CommonJS export names for ESM import in node:
110
- 0 && (module.exports = {
111
- BlocknativeGasPriceCard
112
- });
113
- //# sourceMappingURL=Card.cjs.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../../../src/components/Card/Card.tsx","../../../../src/components/Card/CardContent.tsx","../../../../src/components/hooks/useBlocknativeTransformer.tsx","../../../../src/components/Card/CardHeader.tsx","../../../../src/components/lib/constants.ts"],"sourcesContent":["import { Card, CardProps } from '@mui/material'\nimport { PayloadRenderProps } from '@xyo-network/react-payload-plugin'\nimport { forwardRef } from 'react'\n\nimport { BlocknativeGasPriceCardContent } from './CardContent'\nimport { BlocknativeGasPriceCardHeader } from './CardHeader'\n\nexport const BlocknativeGasPriceCard = forwardRef<HTMLDivElement, PayloadRenderProps & CardProps>(({ payload, ...props }, ref) => {\n return (\n <Card ref={ref} {...props}>\n <BlocknativeGasPriceCardHeader payload={payload} />\n <BlocknativeGasPriceCardContent payload={payload} />\n </Card>\n )\n})\n\nBlocknativeGasPriceCard.displayName = 'BlocknativeGasPriceCard'\n","import { CardContent, CardContentProps, Grid } from '@mui/material'\nimport { isEmpty } from '@xylabs/lodash'\nimport { EthereumGasBlocknativePayload } from '@xyo-network/blocknative-ethereum-gas-payload-plugin'\nimport { GasFeeCard, ToggleRawPayloadBox } from '@xyo-network/react-gas-price'\nimport { PayloadRenderProps } from '@xyo-network/react-payload-plugin'\nimport { PayloadDataMissing } from '@xyo-network/react-shared'\nimport { forwardRef } from 'react'\n\nimport { useBlocknativeTransformer } from '../hooks'\n\nexport const BlocknativeGasPriceCardContent = forwardRef<HTMLDivElement, PayloadRenderProps & CardContentProps>(({ payload, ...props }, ref) => {\n const gasPricePayload = payload ? (payload as EthereumGasBlocknativePayload) : undefined\n const parsedPayload = useBlocknativeTransformer(gasPricePayload)\n\n if (isEmpty(gasPricePayload) || !gasPricePayload.blockPrices?.length) {\n return <PayloadDataMissing alertBody=\"Payload is missing valid gas fee data.\" sx={{ m: 1 }} />\n }\n\n return (\n <CardContent ref={ref} sx={{ display: 'flex', flexDirection: 'column', rowGap: 4 }} {...props}>\n <Grid container spacing={3} columns={{ lg: 15, md: 15, sm: 12, xs: 12 }}>\n {parsedPayload &&\n parsedPayload?.gasPrice?.map(({ price }) => (\n <Grid key={price?.label} item xs={12} sm={6} md={5} lg={3}>\n <GasFeeCard gasPrice={price?.value} speed={price?.label} speedPaperElevation={4} />\n </Grid>\n ))}\n </Grid>\n <ToggleRawPayloadBox gasPricePayload={gasPricePayload} alignItems=\"start\" pr={1} />\n </CardContent>\n )\n})\n\nBlocknativeGasPriceCardContent.displayName = 'BlocknativeGasPriceCardContent'\n","import { EthereumGasBlocknativePayload } from '@xyo-network/blocknative-ethereum-gas-payload-plugin'\nimport { GasPriceWitnessUIBasePayload } from '@xyo-network/react-gas-price'\n\nexport const useBlocknativeTransformer = (payload?: EthereumGasBlocknativePayload): GasPriceWitnessUIBasePayload | undefined => {\n const blockPrices = payload?.blockPrices?.[0]\n if (blockPrices && blockPrices.estimatedPrices?.length) {\n const estimatedPrices = blockPrices?.estimatedPrices\n const gasPrice = estimatedPrices.map((price) => ({\n price: {\n label: `Confidence - ${price.confidence}`,\n value: price.price,\n },\n priorityFee: {\n label: 'maxPriorityFeePerGas',\n value: price.maxPriorityFeePerGas,\n },\n }))\n\n return {\n baseFee: {\n label: 'baseFeePerGas',\n value: blockPrices.baseFeePerGas,\n },\n blockNumber: {\n label: 'blockNumber',\n value: blockPrices.blockNumber,\n },\n gasPrice,\n timestamp: payload.timestamp,\n website: 'https://docs.Blocknative.io/v5/api/providers/provider/#Provider-getFeeData',\n }\n }\n}\n","import { CardHeaderProps } from '@mui/material'\nimport { EthereumGasBlocknativePayload } from '@xyo-network/blocknative-ethereum-gas-payload-plugin'\nimport { GasPriceWitnessCardHeader } from '@xyo-network/react-gas-price'\nimport { PayloadRenderProps } from '@xyo-network/react-payload-plugin'\nimport { forwardRef } from 'react'\n\nimport { useBlocknativeTransformer } from '../hooks'\nimport { RenderTitle } from '../lib'\n\nexport const BlocknativeGasPriceCardHeader = forwardRef<HTMLDivElement, PayloadRenderProps & CardHeaderProps>(({ payload }, ref) => {\n const gasPricePayload = payload ? (payload as EthereumGasBlocknativePayload) : undefined\n const parsedPayload = useBlocknativeTransformer(gasPricePayload)\n return <GasPriceWitnessCardHeader title={RenderTitle} parsedPayload={parsedPayload} ref={ref} />\n})\n\nBlocknativeGasPriceCardHeader.displayName = 'BlocknativeGasPriceCardHeader'\n","export const RenderTitle = 'Blocknative Gas Tracker'\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAAA,mBAAgC;AAEhC,IAAAC,gBAA2B;;;ACF3B,sBAAoD;AACpD,oBAAwB;AAExB,6BAAgD;AAEhD,0BAAmC;AACnC,mBAA2B;;;ACHpB,IAAM,4BAA4B,CAAC,YAAsF;AAHhI;AAIE,QAAM,eAAc,wCAAS,gBAAT,mBAAuB;AAC3C,MAAI,iBAAe,iBAAY,oBAAZ,mBAA6B,SAAQ;AACtD,UAAM,kBAAkB,2CAAa;AACrC,UAAM,WAAW,gBAAgB,IAAI,CAAC,WAAW;AAAA,MAC/C,OAAO;AAAA,QACL,OAAO,gBAAgB,MAAM,UAAU;AAAA,QACvC,OAAO,MAAM;AAAA,MACf;AAAA,MACA,aAAa;AAAA,QACX,OAAO;AAAA,QACP,OAAO,MAAM;AAAA,MACf;AAAA,IACF,EAAE;AAEF,WAAO;AAAA,MACL,SAAS;AAAA,QACP,OAAO;AAAA,QACP,OAAO,YAAY;AAAA,MACrB;AAAA,MACA,aAAa;AAAA,QACX,OAAO;AAAA,QACP,OAAO,YAAY;AAAA,MACrB;AAAA,MACA;AAAA,MACA,WAAW,QAAQ;AAAA,MACnB,SAAS;AAAA,IACX;AAAA,EACF;AACF;;;ADjBW;AALJ,IAAM,qCAAiC,yBAAkE,CAAC,EAAE,SAAS,GAAG,MAAM,GAAG,QAAQ;AAVhJ;AAWE,QAAM,kBAAkB,UAAW,UAA4C;AAC/E,QAAM,gBAAgB,0BAA0B,eAAe;AAE/D,UAAI,uBAAQ,eAAe,KAAK,GAAC,qBAAgB,gBAAhB,mBAA6B,SAAQ;AACpE,WAAO,4CAAC,0CAAmB,WAAU,0CAAyC,IAAI,EAAE,GAAG,EAAE,GAAG;AAAA,EAC9F;AAEA,SACE,6CAAC,+BAAY,KAAU,IAAI,EAAE,SAAS,QAAQ,eAAe,UAAU,QAAQ,EAAE,GAAI,GAAG,OACtF;AAAA,gDAAC,wBAAK,WAAS,MAAC,SAAS,GAAG,SAAS,EAAE,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,GAAG,GACnE,6BACC,oDAAe,aAAf,mBAAyB,IAAI,CAAC,EAAE,MAAM,MACpC,4CAAC,wBAAwB,MAAI,MAAC,IAAI,IAAI,IAAI,GAAG,IAAI,GAAG,IAAI,GACtD,sDAAC,qCAAW,UAAU,+BAAO,OAAO,OAAO,+BAAO,OAAO,qBAAqB,GAAG,KADxE,+BAAO,KAElB,KAEN;AAAA,IACA,4CAAC,8CAAoB,iBAAkC,YAAW,SAAQ,IAAI,GAAG;AAAA,KACnF;AAEJ,CAAC;AAED,+BAA+B,cAAc;;;AE/B7C,IAAAC,0BAA0C;AAE1C,IAAAC,gBAA2B;;;ACJpB,IAAM,cAAc;;;ADYlB,IAAAC,sBAAA;AAHF,IAAM,oCAAgC,0BAAiE,CAAC,EAAE,QAAQ,GAAG,QAAQ;AAClI,QAAM,kBAAkB,UAAW,UAA4C;AAC/E,QAAM,gBAAgB,0BAA0B,eAAe;AAC/D,SAAO,6CAAC,qDAA0B,OAAO,aAAa,eAA8B,KAAU;AAChG,CAAC;AAED,8BAA8B,cAAc;;;AHNxC,IAAAC,sBAAA;AAFG,IAAM,8BAA0B,0BAA2D,CAAC,EAAE,SAAS,GAAG,MAAM,GAAG,QAAQ;AAChI,SACE,8CAAC,yBAAK,KAAW,GAAG,OAClB;AAAA,iDAAC,iCAA8B,SAAkB;AAAA,IACjD,6CAAC,kCAA+B,SAAkB;AAAA,KACpD;AAEJ,CAAC;AAED,wBAAwB,cAAc;","names":["import_material","import_react","import_react_gas_price","import_react","import_jsx_runtime","import_jsx_runtime"]}
@@ -1,88 +0,0 @@
1
- // src/components/Card/Card.tsx
2
- import { Card } from "@mui/material";
3
- import { forwardRef as forwardRef3 } from "react";
4
-
5
- // src/components/Card/CardContent.tsx
6
- import { CardContent, Grid } from "@mui/material";
7
- import { isEmpty } from "@xylabs/lodash";
8
- import { GasFeeCard, ToggleRawPayloadBox } from "@xyo-network/react-gas-price";
9
- import { PayloadDataMissing } from "@xyo-network/react-shared";
10
- import { forwardRef } from "react";
11
-
12
- // src/components/hooks/useBlocknativeTransformer.tsx
13
- var useBlocknativeTransformer = (payload) => {
14
- var _a, _b;
15
- const blockPrices = (_a = payload == null ? void 0 : payload.blockPrices) == null ? void 0 : _a[0];
16
- if (blockPrices && ((_b = blockPrices.estimatedPrices) == null ? void 0 : _b.length)) {
17
- const estimatedPrices = blockPrices == null ? void 0 : blockPrices.estimatedPrices;
18
- const gasPrice = estimatedPrices.map((price) => ({
19
- price: {
20
- label: `Confidence - ${price.confidence}`,
21
- value: price.price
22
- },
23
- priorityFee: {
24
- label: "maxPriorityFeePerGas",
25
- value: price.maxPriorityFeePerGas
26
- }
27
- }));
28
- return {
29
- baseFee: {
30
- label: "baseFeePerGas",
31
- value: blockPrices.baseFeePerGas
32
- },
33
- blockNumber: {
34
- label: "blockNumber",
35
- value: blockPrices.blockNumber
36
- },
37
- gasPrice,
38
- timestamp: payload.timestamp,
39
- website: "https://docs.Blocknative.io/v5/api/providers/provider/#Provider-getFeeData"
40
- };
41
- }
42
- };
43
-
44
- // src/components/Card/CardContent.tsx
45
- import { jsx, jsxs } from "react/jsx-runtime";
46
- var BlocknativeGasPriceCardContent = forwardRef(({ payload, ...props }, ref) => {
47
- var _a, _b;
48
- const gasPricePayload = payload ? payload : void 0;
49
- const parsedPayload = useBlocknativeTransformer(gasPricePayload);
50
- if (isEmpty(gasPricePayload) || !((_a = gasPricePayload.blockPrices) == null ? void 0 : _a.length)) {
51
- return /* @__PURE__ */ jsx(PayloadDataMissing, { alertBody: "Payload is missing valid gas fee data.", sx: { m: 1 } });
52
- }
53
- return /* @__PURE__ */ jsxs(CardContent, { ref, sx: { display: "flex", flexDirection: "column", rowGap: 4 }, ...props, children: [
54
- /* @__PURE__ */ jsx(Grid, { container: true, spacing: 3, columns: { lg: 15, md: 15, sm: 12, xs: 12 }, children: parsedPayload && ((_b = parsedPayload == null ? void 0 : parsedPayload.gasPrice) == null ? void 0 : _b.map(({ price }) => /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, sm: 6, md: 5, lg: 3, children: /* @__PURE__ */ jsx(GasFeeCard, { gasPrice: price == null ? void 0 : price.value, speed: price == null ? void 0 : price.label, speedPaperElevation: 4 }) }, price == null ? void 0 : price.label))) }),
55
- /* @__PURE__ */ jsx(ToggleRawPayloadBox, { gasPricePayload, alignItems: "start", pr: 1 })
56
- ] });
57
- });
58
- BlocknativeGasPriceCardContent.displayName = "BlocknativeGasPriceCardContent";
59
-
60
- // src/components/Card/CardHeader.tsx
61
- import { GasPriceWitnessCardHeader } from "@xyo-network/react-gas-price";
62
- import { forwardRef as forwardRef2 } from "react";
63
-
64
- // src/components/lib/constants.ts
65
- var RenderTitle = "Blocknative Gas Tracker";
66
-
67
- // src/components/Card/CardHeader.tsx
68
- import { jsx as jsx2 } from "react/jsx-runtime";
69
- var BlocknativeGasPriceCardHeader = forwardRef2(({ payload }, ref) => {
70
- const gasPricePayload = payload ? payload : void 0;
71
- const parsedPayload = useBlocknativeTransformer(gasPricePayload);
72
- return /* @__PURE__ */ jsx2(GasPriceWitnessCardHeader, { title: RenderTitle, parsedPayload, ref });
73
- });
74
- BlocknativeGasPriceCardHeader.displayName = "BlocknativeGasPriceCardHeader";
75
-
76
- // src/components/Card/Card.tsx
77
- import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
78
- var BlocknativeGasPriceCard = forwardRef3(({ payload, ...props }, ref) => {
79
- return /* @__PURE__ */ jsxs2(Card, { ref, ...props, children: [
80
- /* @__PURE__ */ jsx3(BlocknativeGasPriceCardHeader, { payload }),
81
- /* @__PURE__ */ jsx3(BlocknativeGasPriceCardContent, { payload })
82
- ] });
83
- });
84
- BlocknativeGasPriceCard.displayName = "BlocknativeGasPriceCard";
85
- export {
86
- BlocknativeGasPriceCard
87
- };
88
- //# sourceMappingURL=Card.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../../../src/components/Card/Card.tsx","../../../../src/components/Card/CardContent.tsx","../../../../src/components/hooks/useBlocknativeTransformer.tsx","../../../../src/components/Card/CardHeader.tsx","../../../../src/components/lib/constants.ts"],"sourcesContent":["import { Card, CardProps } from '@mui/material'\nimport { PayloadRenderProps } from '@xyo-network/react-payload-plugin'\nimport { forwardRef } from 'react'\n\nimport { BlocknativeGasPriceCardContent } from './CardContent'\nimport { BlocknativeGasPriceCardHeader } from './CardHeader'\n\nexport const BlocknativeGasPriceCard = forwardRef<HTMLDivElement, PayloadRenderProps & CardProps>(({ payload, ...props }, ref) => {\n return (\n <Card ref={ref} {...props}>\n <BlocknativeGasPriceCardHeader payload={payload} />\n <BlocknativeGasPriceCardContent payload={payload} />\n </Card>\n )\n})\n\nBlocknativeGasPriceCard.displayName = 'BlocknativeGasPriceCard'\n","import { CardContent, CardContentProps, Grid } from '@mui/material'\nimport { isEmpty } from '@xylabs/lodash'\nimport { EthereumGasBlocknativePayload } from '@xyo-network/blocknative-ethereum-gas-payload-plugin'\nimport { GasFeeCard, ToggleRawPayloadBox } from '@xyo-network/react-gas-price'\nimport { PayloadRenderProps } from '@xyo-network/react-payload-plugin'\nimport { PayloadDataMissing } from '@xyo-network/react-shared'\nimport { forwardRef } from 'react'\n\nimport { useBlocknativeTransformer } from '../hooks'\n\nexport const BlocknativeGasPriceCardContent = forwardRef<HTMLDivElement, PayloadRenderProps & CardContentProps>(({ payload, ...props }, ref) => {\n const gasPricePayload = payload ? (payload as EthereumGasBlocknativePayload) : undefined\n const parsedPayload = useBlocknativeTransformer(gasPricePayload)\n\n if (isEmpty(gasPricePayload) || !gasPricePayload.blockPrices?.length) {\n return <PayloadDataMissing alertBody=\"Payload is missing valid gas fee data.\" sx={{ m: 1 }} />\n }\n\n return (\n <CardContent ref={ref} sx={{ display: 'flex', flexDirection: 'column', rowGap: 4 }} {...props}>\n <Grid container spacing={3} columns={{ lg: 15, md: 15, sm: 12, xs: 12 }}>\n {parsedPayload &&\n parsedPayload?.gasPrice?.map(({ price }) => (\n <Grid key={price?.label} item xs={12} sm={6} md={5} lg={3}>\n <GasFeeCard gasPrice={price?.value} speed={price?.label} speedPaperElevation={4} />\n </Grid>\n ))}\n </Grid>\n <ToggleRawPayloadBox gasPricePayload={gasPricePayload} alignItems=\"start\" pr={1} />\n </CardContent>\n )\n})\n\nBlocknativeGasPriceCardContent.displayName = 'BlocknativeGasPriceCardContent'\n","import { EthereumGasBlocknativePayload } from '@xyo-network/blocknative-ethereum-gas-payload-plugin'\nimport { GasPriceWitnessUIBasePayload } from '@xyo-network/react-gas-price'\n\nexport const useBlocknativeTransformer = (payload?: EthereumGasBlocknativePayload): GasPriceWitnessUIBasePayload | undefined => {\n const blockPrices = payload?.blockPrices?.[0]\n if (blockPrices && blockPrices.estimatedPrices?.length) {\n const estimatedPrices = blockPrices?.estimatedPrices\n const gasPrice = estimatedPrices.map((price) => ({\n price: {\n label: `Confidence - ${price.confidence}`,\n value: price.price,\n },\n priorityFee: {\n label: 'maxPriorityFeePerGas',\n value: price.maxPriorityFeePerGas,\n },\n }))\n\n return {\n baseFee: {\n label: 'baseFeePerGas',\n value: blockPrices.baseFeePerGas,\n },\n blockNumber: {\n label: 'blockNumber',\n value: blockPrices.blockNumber,\n },\n gasPrice,\n timestamp: payload.timestamp,\n website: 'https://docs.Blocknative.io/v5/api/providers/provider/#Provider-getFeeData',\n }\n }\n}\n","import { CardHeaderProps } from '@mui/material'\nimport { EthereumGasBlocknativePayload } from '@xyo-network/blocknative-ethereum-gas-payload-plugin'\nimport { GasPriceWitnessCardHeader } from '@xyo-network/react-gas-price'\nimport { PayloadRenderProps } from '@xyo-network/react-payload-plugin'\nimport { forwardRef } from 'react'\n\nimport { useBlocknativeTransformer } from '../hooks'\nimport { RenderTitle } from '../lib'\n\nexport const BlocknativeGasPriceCardHeader = forwardRef<HTMLDivElement, PayloadRenderProps & CardHeaderProps>(({ payload }, ref) => {\n const gasPricePayload = payload ? (payload as EthereumGasBlocknativePayload) : undefined\n const parsedPayload = useBlocknativeTransformer(gasPricePayload)\n return <GasPriceWitnessCardHeader title={RenderTitle} parsedPayload={parsedPayload} ref={ref} />\n})\n\nBlocknativeGasPriceCardHeader.displayName = 'BlocknativeGasPriceCardHeader'\n","export const RenderTitle = 'Blocknative Gas Tracker'\n"],"mappings":";AAAA,SAAS,YAAuB;AAEhC,SAAS,cAAAA,mBAAkB;;;ACF3B,SAAS,aAA+B,YAAY;AACpD,SAAS,eAAe;AAExB,SAAS,YAAY,2BAA2B;AAEhD,SAAS,0BAA0B;AACnC,SAAS,kBAAkB;;;ACHpB,IAAM,4BAA4B,CAAC,YAAsF;AAHhI;AAIE,QAAM,eAAc,wCAAS,gBAAT,mBAAuB;AAC3C,MAAI,iBAAe,iBAAY,oBAAZ,mBAA6B,SAAQ;AACtD,UAAM,kBAAkB,2CAAa;AACrC,UAAM,WAAW,gBAAgB,IAAI,CAAC,WAAW;AAAA,MAC/C,OAAO;AAAA,QACL,OAAO,gBAAgB,MAAM,UAAU;AAAA,QACvC,OAAO,MAAM;AAAA,MACf;AAAA,MACA,aAAa;AAAA,QACX,OAAO;AAAA,QACP,OAAO,MAAM;AAAA,MACf;AAAA,IACF,EAAE;AAEF,WAAO;AAAA,MACL,SAAS;AAAA,QACP,OAAO;AAAA,QACP,OAAO,YAAY;AAAA,MACrB;AAAA,MACA,aAAa;AAAA,QACX,OAAO;AAAA,QACP,OAAO,YAAY;AAAA,MACrB;AAAA,MACA;AAAA,MACA,WAAW,QAAQ;AAAA,MACnB,SAAS;AAAA,IACX;AAAA,EACF;AACF;;;ADjBW,cAIP,YAJO;AALJ,IAAM,iCAAiC,WAAkE,CAAC,EAAE,SAAS,GAAG,MAAM,GAAG,QAAQ;AAVhJ;AAWE,QAAM,kBAAkB,UAAW,UAA4C;AAC/E,QAAM,gBAAgB,0BAA0B,eAAe;AAE/D,MAAI,QAAQ,eAAe,KAAK,GAAC,qBAAgB,gBAAhB,mBAA6B,SAAQ;AACpE,WAAO,oBAAC,sBAAmB,WAAU,0CAAyC,IAAI,EAAE,GAAG,EAAE,GAAG;AAAA,EAC9F;AAEA,SACE,qBAAC,eAAY,KAAU,IAAI,EAAE,SAAS,QAAQ,eAAe,UAAU,QAAQ,EAAE,GAAI,GAAG,OACtF;AAAA,wBAAC,QAAK,WAAS,MAAC,SAAS,GAAG,SAAS,EAAE,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,GAAG,GACnE,6BACC,oDAAe,aAAf,mBAAyB,IAAI,CAAC,EAAE,MAAM,MACpC,oBAAC,QAAwB,MAAI,MAAC,IAAI,IAAI,IAAI,GAAG,IAAI,GAAG,IAAI,GACtD,8BAAC,cAAW,UAAU,+BAAO,OAAO,OAAO,+BAAO,OAAO,qBAAqB,GAAG,KADxE,+BAAO,KAElB,KAEN;AAAA,IACA,oBAAC,uBAAoB,iBAAkC,YAAW,SAAQ,IAAI,GAAG;AAAA,KACnF;AAEJ,CAAC;AAED,+BAA+B,cAAc;;;AE/B7C,SAAS,iCAAiC;AAE1C,SAAS,cAAAC,mBAAkB;;;ACJpB,IAAM,cAAc;;;ADYlB,gBAAAC,YAAA;AAHF,IAAM,gCAAgCC,YAAiE,CAAC,EAAE,QAAQ,GAAG,QAAQ;AAClI,QAAM,kBAAkB,UAAW,UAA4C;AAC/E,QAAM,gBAAgB,0BAA0B,eAAe;AAC/D,SAAO,gBAAAD,KAAC,6BAA0B,OAAO,aAAa,eAA8B,KAAU;AAChG,CAAC;AAED,8BAA8B,cAAc;;;AHNxC,SACE,OAAAE,MADF,QAAAC,aAAA;AAFG,IAAM,0BAA0BC,YAA2D,CAAC,EAAE,SAAS,GAAG,MAAM,GAAG,QAAQ;AAChI,SACE,gBAAAD,MAAC,QAAK,KAAW,GAAG,OAClB;AAAA,oBAAAD,KAAC,iCAA8B,SAAkB;AAAA,IACjD,gBAAAA,KAAC,kCAA+B,SAAkB;AAAA,KACpD;AAEJ,CAAC;AAED,wBAAwB,cAAc;","names":["forwardRef","forwardRef","jsx","forwardRef","jsx","jsxs","forwardRef"]}