@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
package/dist/docs.json CHANGED
@@ -16,7 +16,7 @@
16
16
  "fileName": "packages/plugins/packages/ethereum-gas/packages/blocknative/src/index.ts",
17
17
  "line": 7,
18
18
  "character": 0,
19
- "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/798614ebd/packages/plugins/packages/ethereum-gas/packages/blocknative/src/index.ts#L7"
19
+ "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/5704df3a9/packages/plugins/packages/ethereum-gas/packages/blocknative/src/index.ts#L7"
20
20
  }
21
21
  ],
22
22
  "target": 21
@@ -34,7 +34,7 @@
34
34
  "fileName": "packages/plugins/packages/ethereum-gas/packages/blocknative/src/Plugin.ts",
35
35
  "line": 8,
36
36
  "character": 13,
37
- "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/798614ebd/packages/plugins/packages/ethereum-gas/packages/blocknative/src/Plugin.ts#L8"
37
+ "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/5704df3a9/packages/plugins/packages/ethereum-gas/packages/blocknative/src/Plugin.ts#L8"
38
38
  }
39
39
  ],
40
40
  "type": {
@@ -59,7 +59,7 @@
59
59
  "fileName": "packages/plugins/packages/ethereum-gas/packages/blocknative/src/components/Card/Card.tsx",
60
60
  "line": 8,
61
61
  "character": 13,
62
- "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/798614ebd/packages/plugins/packages/ethereum-gas/packages/blocknative/src/components/Card/Card.tsx#L8"
62
+ "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/5704df3a9/packages/plugins/packages/ethereum-gas/packages/blocknative/src/components/Card/Card.tsx#L8"
63
63
  }
64
64
  ],
65
65
  "signatures": [
@@ -411,7 +411,7 @@
411
411
  "fileName": "packages/plugins/packages/ethereum-gas/packages/blocknative/src/components/Card/CardContent.tsx",
412
412
  "line": 11,
413
413
  "character": 13,
414
- "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/798614ebd/packages/plugins/packages/ethereum-gas/packages/blocknative/src/components/Card/CardContent.tsx#L11"
414
+ "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/5704df3a9/packages/plugins/packages/ethereum-gas/packages/blocknative/src/components/Card/CardContent.tsx#L11"
415
415
  }
416
416
  ],
417
417
  "signatures": [
@@ -747,7 +747,7 @@
747
747
  "fileName": "packages/plugins/packages/ethereum-gas/packages/blocknative/src/components/Card/CardHeader.tsx",
748
748
  "line": 10,
749
749
  "character": 13,
750
- "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/798614ebd/packages/plugins/packages/ethereum-gas/packages/blocknative/src/components/Card/CardHeader.tsx#L10"
750
+ "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/5704df3a9/packages/plugins/packages/ethereum-gas/packages/blocknative/src/components/Card/CardHeader.tsx#L10"
751
751
  }
752
752
  ],
753
753
  "signatures": [
@@ -1100,7 +1100,7 @@
1100
1100
  "fileName": "packages/plugins/packages/ethereum-gas/packages/blocknative/src/components/Details/Box/BlocknativeGasPriceDetailsBox.tsx",
1101
1101
  "line": 13,
1102
1102
  "character": 13,
1103
- "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/798614ebd/packages/plugins/packages/ethereum-gas/packages/blocknative/src/components/Details/Box/BlocknativeGasPriceDetailsBox.tsx#L13"
1103
+ "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/5704df3a9/packages/plugins/packages/ethereum-gas/packages/blocknative/src/components/Details/Box/BlocknativeGasPriceDetailsBox.tsx#L13"
1104
1104
  }
1105
1105
  ],
1106
1106
  "signatures": [
package/package.json CHANGED
@@ -10,19 +10,19 @@
10
10
  "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/issues"
11
11
  },
12
12
  "dependencies": {
13
- "@xylabs/lodash": "^2.12.14",
14
- "@xylabs/react-flexbox": "^3.0.15",
15
- "@xyo-network/blocknative-ethereum-gas-payload-plugin": "^2.75.8",
16
- "@xyo-network/payload-model": "^2.75.8",
17
- "@xyo-network/react-gas-price": "~2.64.9",
18
- "@xyo-network/react-payload-plugin": "~2.64.9",
19
- "@xyo-network/react-shared": "~2.64.9"
13
+ "@xylabs/lodash": "^2.12.23",
14
+ "@xylabs/react-flexbox": "^3.0.18",
15
+ "@xyo-network/blocknative-ethereum-gas-payload-plugin": "^2.75.16",
16
+ "@xyo-network/payload-model": "^2.75.16",
17
+ "@xyo-network/react-gas-price": "~2.64.10",
18
+ "@xyo-network/react-payload-plugin": "~2.64.10",
19
+ "@xyo-network/react-shared": "~2.64.10"
20
20
  },
21
21
  "devDependencies": {
22
22
  "@storybook/react": "^7.4.6",
23
- "@xylabs/ts-scripts-yarn3": "^3.0.82",
24
- "@xylabs/tsconfig-react": "^3.0.82",
25
- "@xyo-network/react-storybook": "~2.64.9",
23
+ "@xylabs/ts-scripts-yarn3": "^3.1.3",
24
+ "@xylabs/tsconfig-react": "^3.1.3",
25
+ "@xyo-network/react-storybook": "~2.64.10",
26
26
  "typescript": "^5.2.2"
27
27
  },
28
28
  "peerDependencies": {
@@ -84,6 +84,6 @@
84
84
  },
85
85
  "sideEffects": false,
86
86
  "types": "dist/browser/index.d.ts",
87
- "version": "2.64.9",
87
+ "version": "2.64.10",
88
88
  "type": "module"
89
89
  }
@@ -1,149 +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
- const blockPrices = payload?.blockPrices?.[0];
40
- if (blockPrices && blockPrices.estimatedPrices?.length) {
41
- const estimatedPrices = 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
- const gasPricePayload = payload ? payload : void 0;
72
- const parsedPayload = useBlocknativeTransformer(gasPricePayload);
73
- if ((0, import_lodash.isEmpty)(gasPricePayload) || !gasPricePayload.blockPrices?.length) {
74
- return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_shared.PayloadDataMissing, { alertBody: "Payload is missing valid gas fee data.", sx: { m: 1 } });
75
- }
76
- return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_material.CardContent, { ref, sx: { display: "flex", flexDirection: "column", rowGap: 4 }, ...props, children: [
77
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.Grid, { container: true, spacing: 3, columns: { lg: 15, md: 15, sm: 12, xs: 12 }, children: parsedPayload && parsedPayload?.gasPrice?.map(({ price }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.Grid, { item: true, xs: 12, sm: 6, md: 5, lg: 3, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_gas_price.GasFeeCard, { gasPrice: price?.value, speed: price?.label, speedPaperElevation: 4 }) }, price?.label)) }),
78
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_gas_price.ToggleRawPayloadBox, { gasPricePayload, alignItems: "start", pr: 1 })
79
- ] });
80
- });
81
- BlocknativeGasPriceCardContent.displayName = "BlocknativeGasPriceCardContent";
82
-
83
- // src/components/Card/CardHeader.tsx
84
- var import_react_gas_price2 = require("@xyo-network/react-gas-price");
85
- var import_react2 = require("react");
86
-
87
- // src/components/lib/constants.ts
88
- var RenderTitle = "Blocknative Gas Tracker";
89
-
90
- // src/components/Card/CardHeader.tsx
91
- var import_jsx_runtime2 = require("react/jsx-runtime");
92
- var BlocknativeGasPriceCardHeader = (0, import_react2.forwardRef)(({ payload }, ref) => {
93
- const gasPricePayload = payload ? payload : void 0;
94
- const parsedPayload = useBlocknativeTransformer(gasPricePayload);
95
- return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_gas_price2.GasPriceWitnessCardHeader, { title: RenderTitle, parsedPayload, ref });
96
- });
97
- BlocknativeGasPriceCardHeader.displayName = "BlocknativeGasPriceCardHeader";
98
-
99
- // src/components/Details/Box/BlocknativeGasPriceDetailsBox.tsx
100
- var import_material2 = require("@mui/material");
101
- var import_lodash2 = require("@xylabs/lodash");
102
- var import_react_flexbox = require("@xylabs/react-flexbox");
103
- var import_react_gas_price3 = require("@xyo-network/react-gas-price");
104
- var import_react_shared2 = require("@xyo-network/react-shared");
105
- var import_react3 = require("react");
106
- var import_jsx_runtime3 = require("react/jsx-runtime");
107
- var BlocknativeGasPriceDetailsBox = (0, import_react3.forwardRef)(
108
- // eslint-disable-next-line @typescript-eslint/no-unused-vars
109
- ({ payload, listMode, ...props }, ref) => {
110
- const gasPricePayload = payload ? payload : void 0;
111
- const parsedPayload = useBlocknativeTransformer(gasPricePayload);
112
- return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_jsx_runtime3.Fragment, { children: (0, import_lodash2.isEmpty)(gasPricePayload) || !gasPricePayload.blockPrices?.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: [
113
- /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_gas_price3.GasPriceWitnessHeaderBox, { heading: RenderTitle, parsedPayload }),
114
- /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_material2.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_runtime3.jsx)(import_material2.Grid, { item: true, xs: 12, sm: 6, md: 5, lg: 3, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
115
- import_react_gas_price3.GasFeeCard,
116
- {
117
- gasPrice: price?.value,
118
- speed: price?.label,
119
- priorityFee: priorityFee?.value,
120
- priorityFeeLabel: priorityFee?.label
121
- },
122
- price?.label
123
- ) }, price?.label)) }),
124
- /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_gas_price3.ToggleRawPayloadBox, { gasPricePayload, alignItems: "start" })
125
- ] }) });
126
- }
127
- );
128
- BlocknativeGasPriceDetailsBox.displayName = "BlocknativeGasPriceDetailsBox";
129
-
130
- // src/Plugin.ts
131
- var EthereumGasPriceBlocknativePlugin = {
132
- ...(0, import_react_payload_plugin.createPayloadRenderPlugin)({
133
- canRender: (payload) => payload?.schema === import_blocknative_ethereum_gas_payload_plugin.EthereumGasBlocknativeSchema,
134
- components: {
135
- avatar: {
136
- image: import_react_gas_price4.EthereumGasPriceAvatar
137
- },
138
- box: {
139
- detailsBox: BlocknativeGasPriceDetailsBox
140
- },
141
- card: {
142
- content: BlocknativeGasPriceCardContent,
143
- header: BlocknativeGasPriceCardHeader
144
- }
145
- },
146
- name: "Ethereum Gas Price Blocknative"
147
- })
148
- };
149
- //# 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,128 +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
- const blockPrices = payload?.blockPrices?.[0];
16
- if (blockPrices && blockPrices.estimatedPrices?.length) {
17
- const estimatedPrices = 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
- const gasPricePayload = payload ? payload : void 0;
48
- const parsedPayload = useBlocknativeTransformer(gasPricePayload);
49
- if (isEmpty(gasPricePayload) || !gasPricePayload.blockPrices?.length) {
50
- return /* @__PURE__ */ jsx(PayloadDataMissing, { alertBody: "Payload is missing valid gas fee data.", sx: { m: 1 } });
51
- }
52
- return /* @__PURE__ */ jsxs(CardContent, { ref, sx: { display: "flex", flexDirection: "column", rowGap: 4 }, ...props, children: [
53
- /* @__PURE__ */ jsx(Grid, { container: true, spacing: 3, columns: { lg: 15, md: 15, sm: 12, xs: 12 }, children: parsedPayload && parsedPayload?.gasPrice?.map(({ price }) => /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, sm: 6, md: 5, lg: 3, children: /* @__PURE__ */ jsx(GasFeeCard, { gasPrice: price?.value, speed: price?.label, speedPaperElevation: 4 }) }, price?.label)) }),
54
- /* @__PURE__ */ jsx(ToggleRawPayloadBox, { gasPricePayload, alignItems: "start", pr: 1 })
55
- ] });
56
- });
57
- BlocknativeGasPriceCardContent.displayName = "BlocknativeGasPriceCardContent";
58
-
59
- // src/components/Card/CardHeader.tsx
60
- import { GasPriceWitnessCardHeader } from "@xyo-network/react-gas-price";
61
- import { forwardRef as forwardRef2 } from "react";
62
-
63
- // src/components/lib/constants.ts
64
- var RenderTitle = "Blocknative Gas Tracker";
65
-
66
- // src/components/Card/CardHeader.tsx
67
- import { jsx as jsx2 } from "react/jsx-runtime";
68
- var BlocknativeGasPriceCardHeader = forwardRef2(({ payload }, ref) => {
69
- const gasPricePayload = payload ? payload : void 0;
70
- const parsedPayload = useBlocknativeTransformer(gasPricePayload);
71
- return /* @__PURE__ */ jsx2(GasPriceWitnessCardHeader, { title: RenderTitle, parsedPayload, ref });
72
- });
73
- BlocknativeGasPriceCardHeader.displayName = "BlocknativeGasPriceCardHeader";
74
-
75
- // src/components/Details/Box/BlocknativeGasPriceDetailsBox.tsx
76
- import { Grid as Grid2 } from "@mui/material";
77
- import { isEmpty as isEmpty2 } from "@xylabs/lodash";
78
- import { FlexCol } from "@xylabs/react-flexbox";
79
- import { GasFeeCard as GasFeeCard2, GasPriceWitnessHeaderBox, ToggleRawPayloadBox as ToggleRawPayloadBox2 } from "@xyo-network/react-gas-price";
80
- import { PayloadDataMissing as PayloadDataMissing2 } from "@xyo-network/react-shared";
81
- import { forwardRef as forwardRef3 } from "react";
82
- import { Fragment, jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
83
- var BlocknativeGasPriceDetailsBox = forwardRef3(
84
- // eslint-disable-next-line @typescript-eslint/no-unused-vars
85
- ({ payload, listMode, ...props }, ref) => {
86
- const gasPricePayload = payload ? payload : void 0;
87
- const parsedPayload = useBlocknativeTransformer(gasPricePayload);
88
- return /* @__PURE__ */ jsx3(Fragment, { children: isEmpty2(gasPricePayload) || !gasPricePayload.blockPrices?.length ? /* @__PURE__ */ jsx3(PayloadDataMissing2, { alertBody: "Payload is missing valid gas fee data." }) : /* @__PURE__ */ jsxs2(FlexCol, { alignItems: "start", rowGap: 4, ...props, ref, children: [
89
- /* @__PURE__ */ jsx3(GasPriceWitnessHeaderBox, { heading: RenderTitle, parsedPayload }),
90
- /* @__PURE__ */ jsx3(Grid2, { container: true, spacing: 3, columns: { lg: 15, md: 15, sm: 12, xs: 12 }, children: parsedPayload && parsedPayload?.gasPrice?.map(({ price, priorityFee }) => /* @__PURE__ */ jsx3(Grid2, { item: true, xs: 12, sm: 6, md: 5, lg: 3, children: /* @__PURE__ */ jsx3(
91
- GasFeeCard2,
92
- {
93
- gasPrice: price?.value,
94
- speed: price?.label,
95
- priorityFee: priorityFee?.value,
96
- priorityFeeLabel: priorityFee?.label
97
- },
98
- price?.label
99
- ) }, price?.label)) }),
100
- /* @__PURE__ */ jsx3(ToggleRawPayloadBox2, { gasPricePayload, alignItems: "start" })
101
- ] }) });
102
- }
103
- );
104
- BlocknativeGasPriceDetailsBox.displayName = "BlocknativeGasPriceDetailsBox";
105
-
106
- // src/Plugin.ts
107
- var EthereumGasPriceBlocknativePlugin = {
108
- ...createPayloadRenderPlugin({
109
- canRender: (payload) => payload?.schema === EthereumGasBlocknativeSchema,
110
- components: {
111
- avatar: {
112
- image: EthereumGasPriceAvatar
113
- },
114
- box: {
115
- detailsBox: BlocknativeGasPriceDetailsBox
116
- },
117
- card: {
118
- content: BlocknativeGasPriceCardContent,
119
- header: BlocknativeGasPriceCardHeader
120
- }
121
- },
122
- name: "Ethereum Gas Price Blocknative"
123
- })
124
- };
125
- export {
126
- EthereumGasPriceBlocknativePlugin
127
- };
128
- //# 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":"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","names":["forwardRef","jsx","forwardRef","Grid","isEmpty","GasFeeCard","ToggleRawPayloadBox","PayloadDataMissing","forwardRef","jsx","jsxs","forwardRef","isEmpty","PayloadDataMissing","Grid","GasFeeCard","ToggleRawPayloadBox"]}
@@ -1,107 +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
- const blockPrices = payload?.blockPrices?.[0];
39
- if (blockPrices && blockPrices.estimatedPrices?.length) {
40
- const estimatedPrices = blockPrices?.estimatedPrices;
41
- const gasPrice = estimatedPrices.map((price) => ({
42
- price: {
43
- label: `Confidence - ${price.confidence}`,
44
- value: price.price
45
- },
46
- priorityFee: {
47
- label: "maxPriorityFeePerGas",
48
- value: price.maxPriorityFeePerGas
49
- }
50
- }));
51
- return {
52
- baseFee: {
53
- label: "baseFeePerGas",
54
- value: blockPrices.baseFeePerGas
55
- },
56
- blockNumber: {
57
- label: "blockNumber",
58
- value: blockPrices.blockNumber
59
- },
60
- gasPrice,
61
- timestamp: payload.timestamp,
62
- website: "https://docs.Blocknative.io/v5/api/providers/provider/#Provider-getFeeData"
63
- };
64
- }
65
- };
66
-
67
- // src/components/Card/CardContent.tsx
68
- var import_jsx_runtime = require("react/jsx-runtime");
69
- var BlocknativeGasPriceCardContent = (0, import_react.forwardRef)(({ payload, ...props }, ref) => {
70
- const gasPricePayload = payload ? payload : void 0;
71
- const parsedPayload = useBlocknativeTransformer(gasPricePayload);
72
- if ((0, import_lodash.isEmpty)(gasPricePayload) || !gasPricePayload.blockPrices?.length) {
73
- return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_shared.PayloadDataMissing, { alertBody: "Payload is missing valid gas fee data.", sx: { m: 1 } });
74
- }
75
- return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_material.CardContent, { ref, sx: { display: "flex", flexDirection: "column", rowGap: 4 }, ...props, children: [
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 }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.Grid, { item: true, xs: 12, sm: 6, md: 5, lg: 3, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_gas_price.GasFeeCard, { gasPrice: price?.value, speed: price?.label, speedPaperElevation: 4 }) }, price?.label)) }),
77
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_gas_price.ToggleRawPayloadBox, { gasPricePayload, alignItems: "start", pr: 1 })
78
- ] });
79
- });
80
- BlocknativeGasPriceCardContent.displayName = "BlocknativeGasPriceCardContent";
81
-
82
- // src/components/Card/CardHeader.tsx
83
- var import_react_gas_price2 = require("@xyo-network/react-gas-price");
84
- var import_react2 = require("react");
85
-
86
- // src/components/lib/constants.ts
87
- var RenderTitle = "Blocknative Gas Tracker";
88
-
89
- // src/components/Card/CardHeader.tsx
90
- var import_jsx_runtime2 = require("react/jsx-runtime");
91
- var BlocknativeGasPriceCardHeader = (0, import_react2.forwardRef)(({ payload }, ref) => {
92
- const gasPricePayload = payload ? payload : void 0;
93
- const parsedPayload = useBlocknativeTransformer(gasPricePayload);
94
- return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_gas_price2.GasPriceWitnessCardHeader, { title: RenderTitle, parsedPayload, ref });
95
- });
96
- BlocknativeGasPriceCardHeader.displayName = "BlocknativeGasPriceCardHeader";
97
-
98
- // src/components/Card/Card.tsx
99
- var import_jsx_runtime3 = require("react/jsx-runtime");
100
- var BlocknativeGasPriceCard = (0, import_react3.forwardRef)(({ payload, ...props }, ref) => {
101
- return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_material2.Card, { ref, ...props, children: [
102
- /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(BlocknativeGasPriceCardHeader, { payload }),
103
- /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(BlocknativeGasPriceCardContent, { payload })
104
- ] });
105
- });
106
- BlocknativeGasPriceCard.displayName = "BlocknativeGasPriceCard";
107
- //# 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;AAC9H,QAAM,cAAc,SAAS,cAAc,CAAC;AAC5C,MAAI,eAAe,YAAY,iBAAiB,QAAQ;AACtD,UAAM,kBAAkB,aAAa;AACrC,UAAM,WAAW,gBAAgB,IAAI,CAAC,WAAW;AAAA,MAC/C,OAAO;AAAA,QACL,OAAO,gBAAgB,MAAM,UAAU;AAAA,QACvC,OAAO,MAAM;AAAA,MACf;AAAA,MACA,aAAa;AAAA,QACX,OAAO;AAAA,QACP,OAAO,MAAM;AAAA,MACf;AAAA,IACF,EAAE;AAEF,WAAO;AAAA,MACL,SAAS;AAAA,QACP,OAAO;AAAA,QACP,OAAO,YAAY;AAAA,MACrB;AAAA,MACA,aAAa;AAAA,QACX,OAAO;AAAA,QACP,OAAO,YAAY;AAAA,MACrB;AAAA,MACA;AAAA,MACA,WAAW,QAAQ;AAAA,MACnB,SAAS;AAAA,IACX;AAAA,EACF;AACF;;;ADjBW;AALJ,IAAM,qCAAiC,yBAAkE,CAAC,EAAE,SAAS,GAAG,MAAM,GAAG,QAAQ;AAC9I,QAAM,kBAAkB,UAAW,UAA4C;AAC/E,QAAM,gBAAgB,0BAA0B,eAAe;AAE/D,UAAI,uBAAQ,eAAe,KAAK,CAAC,gBAAgB,aAAa,QAAQ;AACpE,WAAO,4CAAC,0CAAmB,WAAU,0CAAyC,IAAI,EAAE,GAAG,EAAE,GAAG;AAAA,EAC9F;AAEA,SACE,6CAAC,+BAAY,KAAU,IAAI,EAAE,SAAS,QAAQ,eAAe,UAAU,QAAQ,EAAE,GAAI,GAAG,OACtF;AAAA,gDAAC,wBAAK,WAAS,MAAC,SAAS,GAAG,SAAS,EAAE,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,GAAG,GACnE,2BACC,eAAe,UAAU,IAAI,CAAC,EAAE,MAAM,MACpC,4CAAC,wBAAwB,MAAI,MAAC,IAAI,IAAI,IAAI,GAAG,IAAI,GAAG,IAAI,GACtD,sDAAC,qCAAW,UAAU,OAAO,OAAO,OAAO,OAAO,OAAO,qBAAqB,GAAG,KADxE,OAAO,KAElB,CACD,GACL;AAAA,IACA,4CAAC,8CAAoB,iBAAkC,YAAW,SAAQ,IAAI,GAAG;AAAA,KACnF;AAEJ,CAAC;AAED,+BAA+B,cAAc;;;AE/B7C,IAAAC,0BAA0C;AAE1C,IAAAC,gBAA2B;;;ACJpB,IAAM,cAAc;;;ADYlB,IAAAC,sBAAA;AAHF,IAAM,oCAAgC,0BAAiE,CAAC,EAAE,QAAQ,GAAG,QAAQ;AAClI,QAAM,kBAAkB,UAAW,UAA4C;AAC/E,QAAM,gBAAgB,0BAA0B,eAAe;AAC/D,SAAO,6CAAC,qDAA0B,OAAO,aAAa,eAA8B,KAAU;AAChG,CAAC;AAED,8BAA8B,cAAc;;;AHNxC,IAAAC,sBAAA;AAFG,IAAM,8BAA0B,0BAA2D,CAAC,EAAE,SAAS,GAAG,MAAM,GAAG,QAAQ;AAChI,SACE,8CAAC,yBAAK,KAAW,GAAG,OAClB;AAAA,iDAAC,iCAA8B,SAAkB;AAAA,IACjD,6CAAC,kCAA+B,SAAkB;AAAA,KACpD;AAEJ,CAAC;AAED,wBAAwB,cAAc;","names":["import_material","import_react","import_react_gas_price","import_react","import_jsx_runtime","import_jsx_runtime"]}
@@ -1,86 +0,0 @@
1
- // src/components/Card/Card.tsx
2
- import { Card } from "@mui/material";
3
- import { forwardRef as forwardRef3 } from "react";
4
-
5
- // src/components/Card/CardContent.tsx
6
- import { CardContent, Grid } from "@mui/material";
7
- import { isEmpty } from "@xylabs/lodash";
8
- import { GasFeeCard, ToggleRawPayloadBox } from "@xyo-network/react-gas-price";
9
- import { PayloadDataMissing } from "@xyo-network/react-shared";
10
- import { forwardRef } from "react";
11
-
12
- // src/components/hooks/useBlocknativeTransformer.tsx
13
- var useBlocknativeTransformer = (payload) => {
14
- const blockPrices = payload?.blockPrices?.[0];
15
- if (blockPrices && blockPrices.estimatedPrices?.length) {
16
- const estimatedPrices = blockPrices?.estimatedPrices;
17
- const gasPrice = estimatedPrices.map((price) => ({
18
- price: {
19
- label: `Confidence - ${price.confidence}`,
20
- value: price.price
21
- },
22
- priorityFee: {
23
- label: "maxPriorityFeePerGas",
24
- value: price.maxPriorityFeePerGas
25
- }
26
- }));
27
- return {
28
- baseFee: {
29
- label: "baseFeePerGas",
30
- value: blockPrices.baseFeePerGas
31
- },
32
- blockNumber: {
33
- label: "blockNumber",
34
- value: blockPrices.blockNumber
35
- },
36
- gasPrice,
37
- timestamp: payload.timestamp,
38
- website: "https://docs.Blocknative.io/v5/api/providers/provider/#Provider-getFeeData"
39
- };
40
- }
41
- };
42
-
43
- // src/components/Card/CardContent.tsx
44
- import { jsx, jsxs } from "react/jsx-runtime";
45
- var BlocknativeGasPriceCardContent = forwardRef(({ payload, ...props }, ref) => {
46
- const gasPricePayload = payload ? payload : void 0;
47
- const parsedPayload = useBlocknativeTransformer(gasPricePayload);
48
- if (isEmpty(gasPricePayload) || !gasPricePayload.blockPrices?.length) {
49
- return /* @__PURE__ */ jsx(PayloadDataMissing, { alertBody: "Payload is missing valid gas fee data.", sx: { m: 1 } });
50
- }
51
- return /* @__PURE__ */ jsxs(CardContent, { ref, sx: { display: "flex", flexDirection: "column", rowGap: 4 }, ...props, children: [
52
- /* @__PURE__ */ jsx(Grid, { container: true, spacing: 3, columns: { lg: 15, md: 15, sm: 12, xs: 12 }, children: parsedPayload && parsedPayload?.gasPrice?.map(({ price }) => /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, sm: 6, md: 5, lg: 3, children: /* @__PURE__ */ jsx(GasFeeCard, { gasPrice: price?.value, speed: price?.label, speedPaperElevation: 4 }) }, price?.label)) }),
53
- /* @__PURE__ */ jsx(ToggleRawPayloadBox, { gasPricePayload, alignItems: "start", pr: 1 })
54
- ] });
55
- });
56
- BlocknativeGasPriceCardContent.displayName = "BlocknativeGasPriceCardContent";
57
-
58
- // src/components/Card/CardHeader.tsx
59
- import { GasPriceWitnessCardHeader } from "@xyo-network/react-gas-price";
60
- import { forwardRef as forwardRef2 } from "react";
61
-
62
- // src/components/lib/constants.ts
63
- var RenderTitle = "Blocknative Gas Tracker";
64
-
65
- // src/components/Card/CardHeader.tsx
66
- import { jsx as jsx2 } from "react/jsx-runtime";
67
- var BlocknativeGasPriceCardHeader = forwardRef2(({ payload }, ref) => {
68
- const gasPricePayload = payload ? payload : void 0;
69
- const parsedPayload = useBlocknativeTransformer(gasPricePayload);
70
- return /* @__PURE__ */ jsx2(GasPriceWitnessCardHeader, { title: RenderTitle, parsedPayload, ref });
71
- });
72
- BlocknativeGasPriceCardHeader.displayName = "BlocknativeGasPriceCardHeader";
73
-
74
- // src/components/Card/Card.tsx
75
- import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
76
- var BlocknativeGasPriceCard = forwardRef3(({ payload, ...props }, ref) => {
77
- return /* @__PURE__ */ jsxs2(Card, { ref, ...props, children: [
78
- /* @__PURE__ */ jsx3(BlocknativeGasPriceCardHeader, { payload }),
79
- /* @__PURE__ */ jsx3(BlocknativeGasPriceCardContent, { payload })
80
- ] });
81
- });
82
- BlocknativeGasPriceCard.displayName = "BlocknativeGasPriceCard";
83
- export {
84
- BlocknativeGasPriceCard
85
- };
86
- //# sourceMappingURL=Card.js.map