@xyo-network/react-ethereum-gas-price-blocknative-plugin 2.63.1 → 2.64.0-rc.2

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 (137) hide show
  1. package/dist/Plugin.d.mts.map +1 -0
  2. package/dist/Plugin.d.ts +3 -0
  3. package/dist/Plugin.d.ts.map +1 -0
  4. package/dist/components/Card/Card.d.mts +10 -0
  5. package/dist/components/Card/Card.d.mts.map +1 -0
  6. package/dist/{types/components → components}/Card/Card.d.ts +1 -1
  7. package/dist/components/Card/Card.d.ts.map +1 -0
  8. package/dist/components/Card/Card.stories.d.mts +32 -0
  9. package/dist/components/Card/Card.stories.d.mts.map +1 -0
  10. package/dist/components/Card/Card.stories.d.ts +32 -0
  11. package/dist/components/Card/Card.stories.d.ts.map +1 -0
  12. package/dist/components/Card/CardContent.d.mts +10 -0
  13. package/dist/components/Card/CardContent.d.mts.map +1 -0
  14. package/dist/{types/components → components}/Card/CardContent.d.ts +1 -1
  15. package/dist/components/Card/CardContent.d.ts.map +1 -0
  16. package/dist/components/Card/CardHeader.d.mts +8 -0
  17. package/dist/components/Card/CardHeader.d.mts.map +1 -0
  18. package/dist/{types/components → components}/Card/CardHeader.d.ts +1 -1
  19. package/dist/components/Card/CardHeader.d.ts.map +1 -0
  20. package/dist/components/Card/index.d.mts.map +1 -0
  21. package/dist/{esm/components/Card/index.js → components/Card/index.d.ts} +1 -1
  22. package/dist/components/Card/index.d.ts.map +1 -0
  23. package/dist/components/Details/Box/BlocknativeGasPriceDetailsBox.d.mts.map +1 -0
  24. package/dist/components/Details/Box/BlocknativeGasPriceDetailsBox.d.ts +4 -0
  25. package/dist/components/Details/Box/BlocknativeGasPriceDetailsBox.d.ts.map +1 -0
  26. package/dist/components/Details/Box/BlocknativeGasPriceDetailsBox.stories.d.mts +8 -0
  27. package/dist/components/Details/Box/BlocknativeGasPriceDetailsBox.stories.d.mts.map +1 -0
  28. package/dist/components/Details/Box/BlocknativeGasPriceDetailsBox.stories.d.ts +8 -0
  29. package/dist/components/Details/Box/BlocknativeGasPriceDetailsBox.stories.d.ts.map +1 -0
  30. package/dist/components/Details/Box/index.d.mts.map +1 -0
  31. package/dist/{esm/components/Details/Box/index.js → components/Details/Box/index.d.ts} +1 -1
  32. package/dist/components/Details/Box/index.d.ts.map +1 -0
  33. package/dist/components/Details/index.d.mts.map +1 -0
  34. package/dist/components/Details/index.d.ts +2 -0
  35. package/dist/components/Details/index.d.ts.map +1 -0
  36. package/dist/components/hooks/index.d.mts.map +1 -0
  37. package/dist/{esm/components/hooks/index.js → components/hooks/index.d.ts} +1 -1
  38. package/dist/components/hooks/index.d.ts.map +1 -0
  39. package/dist/components/hooks/useBlocknativeTransformer.d.mts.map +1 -0
  40. package/dist/components/hooks/useBlocknativeTransformer.d.ts +4 -0
  41. package/dist/components/hooks/useBlocknativeTransformer.d.ts.map +1 -0
  42. package/dist/components/index.d.mts.map +1 -0
  43. package/dist/{esm/components/index.js → components/index.d.ts} +1 -1
  44. package/dist/components/index.d.ts.map +1 -0
  45. package/dist/components/lib/constants.d.mts.map +1 -0
  46. package/dist/components/lib/constants.d.ts +2 -0
  47. package/dist/components/lib/constants.d.ts.map +1 -0
  48. package/dist/components/lib/index.d.mts.map +1 -0
  49. package/dist/components/lib/index.d.ts +2 -0
  50. package/dist/components/lib/index.d.ts.map +1 -0
  51. package/dist/index.d.mts.map +1 -0
  52. package/dist/{esm/index.js → index.d.ts} +1 -2
  53. package/dist/index.d.ts.map +1 -0
  54. package/dist/index.js +181 -0
  55. package/dist/index.js.map +1 -0
  56. package/dist/index.mjs +150 -0
  57. package/dist/index.mjs.map +1 -0
  58. package/package.json +32 -23
  59. package/src/components/Card/CardContent.tsx +1 -1
  60. package/src/components/Details/Box/BlocknativeGasPriceDetailsBox.tsx +1 -1
  61. package/dist/cjs/Plugin.js +0 -24
  62. package/dist/cjs/Plugin.js.map +0 -1
  63. package/dist/cjs/components/Card/Card.js +0 -15
  64. package/dist/cjs/components/Card/Card.js.map +0 -1
  65. package/dist/cjs/components/Card/CardContent.js +0 -24
  66. package/dist/cjs/components/Card/CardContent.js.map +0 -1
  67. package/dist/cjs/components/Card/CardHeader.js +0 -15
  68. package/dist/cjs/components/Card/CardHeader.js.map +0 -1
  69. package/dist/cjs/components/Card/index.js +0 -7
  70. package/dist/cjs/components/Card/index.js.map +0 -1
  71. package/dist/cjs/components/Details/Box/BlocknativeGasPriceDetailsBox.js +0 -25
  72. package/dist/cjs/components/Details/Box/BlocknativeGasPriceDetailsBox.js.map +0 -1
  73. package/dist/cjs/components/Details/Box/index.js +0 -5
  74. package/dist/cjs/components/Details/Box/index.js.map +0 -1
  75. package/dist/cjs/components/Details/index.js +0 -5
  76. package/dist/cjs/components/Details/index.js.map +0 -1
  77. package/dist/cjs/components/hooks/index.js +0 -5
  78. package/dist/cjs/components/hooks/index.js.map +0 -1
  79. package/dist/cjs/components/hooks/useBlocknativeTransformer.js +0 -35
  80. package/dist/cjs/components/hooks/useBlocknativeTransformer.js.map +0 -1
  81. package/dist/cjs/components/index.js +0 -6
  82. package/dist/cjs/components/index.js.map +0 -1
  83. package/dist/cjs/components/lib/constants.js +0 -5
  84. package/dist/cjs/components/lib/constants.js.map +0 -1
  85. package/dist/cjs/components/lib/index.js +0 -5
  86. package/dist/cjs/components/lib/index.js.map +0 -1
  87. package/dist/cjs/index.js +0 -9
  88. package/dist/cjs/index.js.map +0 -1
  89. package/dist/docs.json +0 -1317
  90. package/dist/esm/Plugin.js +0 -23
  91. package/dist/esm/Plugin.js.map +0 -1
  92. package/dist/esm/components/Card/Card.js +0 -10
  93. package/dist/esm/components/Card/Card.js.map +0 -1
  94. package/dist/esm/components/Card/CardContent.js +0 -18
  95. package/dist/esm/components/Card/CardContent.js.map +0 -1
  96. package/dist/esm/components/Card/CardHeader.js +0 -12
  97. package/dist/esm/components/Card/CardHeader.js.map +0 -1
  98. package/dist/esm/components/Card/index.js.map +0 -1
  99. package/dist/esm/components/Details/Box/BlocknativeGasPriceDetailsBox.js +0 -19
  100. package/dist/esm/components/Details/Box/BlocknativeGasPriceDetailsBox.js.map +0 -1
  101. package/dist/esm/components/Details/Box/index.js.map +0 -1
  102. package/dist/esm/components/Details/index.js +0 -2
  103. package/dist/esm/components/Details/index.js.map +0 -1
  104. package/dist/esm/components/hooks/index.js.map +0 -1
  105. package/dist/esm/components/hooks/useBlocknativeTransformer.js +0 -30
  106. package/dist/esm/components/hooks/useBlocknativeTransformer.js.map +0 -1
  107. package/dist/esm/components/index.js.map +0 -1
  108. package/dist/esm/components/lib/constants.js +0 -2
  109. package/dist/esm/components/lib/constants.js.map +0 -1
  110. package/dist/esm/components/lib/index.js +0 -2
  111. package/dist/esm/components/lib/index.js.map +0 -1
  112. package/dist/esm/index.js.map +0 -1
  113. package/dist/types/Plugin.d.ts.map +0 -1
  114. package/dist/types/components/Card/Card.d.ts.map +0 -1
  115. package/dist/types/components/Card/CardContent.d.ts.map +0 -1
  116. package/dist/types/components/Card/CardHeader.d.ts.map +0 -1
  117. package/dist/types/components/Card/index.d.ts.map +0 -1
  118. package/dist/types/components/Details/Box/BlocknativeGasPriceDetailsBox.d.ts.map +0 -1
  119. package/dist/types/components/Details/Box/index.d.ts.map +0 -1
  120. package/dist/types/components/Details/index.d.ts.map +0 -1
  121. package/dist/types/components/hooks/index.d.ts.map +0 -1
  122. package/dist/types/components/hooks/useBlocknativeTransformer.d.ts.map +0 -1
  123. package/dist/types/components/index.d.ts.map +0 -1
  124. package/dist/types/components/lib/constants.d.ts.map +0 -1
  125. package/dist/types/components/lib/index.d.ts.map +0 -1
  126. package/dist/types/index.d.ts.map +0 -1
  127. /package/dist/{types/Plugin.d.ts → Plugin.d.mts} +0 -0
  128. /package/dist/{types/components/Card/index.d.ts → components/Card/index.d.mts} +0 -0
  129. /package/dist/{types/components/Details/Box/BlocknativeGasPriceDetailsBox.d.ts → components/Details/Box/BlocknativeGasPriceDetailsBox.d.mts} +0 -0
  130. /package/dist/{types/components/Details/Box/index.d.ts → components/Details/Box/index.d.mts} +0 -0
  131. /package/dist/{types/components/Details/index.d.ts → components/Details/index.d.mts} +0 -0
  132. /package/dist/{types/components/hooks/index.d.ts → components/hooks/index.d.mts} +0 -0
  133. /package/dist/{types/components/hooks/useBlocknativeTransformer.d.ts → components/hooks/useBlocknativeTransformer.d.mts} +0 -0
  134. /package/dist/{types/components/index.d.ts → components/index.d.mts} +0 -0
  135. /package/dist/{types/components/lib/constants.d.ts → components/lib/constants.d.mts} +0 -0
  136. /package/dist/{types/components/lib/index.d.ts → components/lib/index.d.mts} +0 -0
  137. /package/dist/{types/index.d.ts → index.d.mts} +0 -0
package/dist/index.mjs ADDED
@@ -0,0 +1,150 @@
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/Card.tsx
7
+ import { Card } from "@mui/material";
8
+ import { forwardRef as forwardRef3 } from "react";
9
+
10
+ // src/components/Card/CardContent.tsx
11
+ import { CardContent, Grid } from "@mui/material";
12
+ import { isEmpty } from "@xylabs/lodash";
13
+ import { GasFeeCard, ToggleRawPayloadBox } from "@xyo-network/react-gas-price";
14
+ import { PayloadDataMissing } from "@xyo-network/react-shared";
15
+ import { forwardRef } from "react";
16
+
17
+ // src/components/hooks/useBlocknativeTransformer.tsx
18
+ var useBlocknativeTransformer = (payload) => {
19
+ const blockPrices = payload?.blockPrices?.[0];
20
+ if (blockPrices && blockPrices.estimatedPrices?.length) {
21
+ const estimatedPrices = blockPrices?.estimatedPrices;
22
+ const gasPrice = estimatedPrices.map((price) => ({
23
+ price: {
24
+ label: `Confidence - ${price.confidence}`,
25
+ value: price.price
26
+ },
27
+ priorityFee: {
28
+ label: "maxPriorityFeePerGas",
29
+ value: price.maxPriorityFeePerGas
30
+ }
31
+ }));
32
+ return {
33
+ baseFee: {
34
+ label: "baseFeePerGas",
35
+ value: blockPrices.baseFeePerGas
36
+ },
37
+ blockNumber: {
38
+ label: "blockNumber",
39
+ value: blockPrices.blockNumber
40
+ },
41
+ gasPrice,
42
+ timestamp: payload.timestamp,
43
+ website: "https://docs.Blocknative.io/v5/api/providers/provider/#Provider-getFeeData"
44
+ };
45
+ }
46
+ };
47
+
48
+ // src/components/Card/CardContent.tsx
49
+ import { jsx, jsxs } from "react/jsx-runtime";
50
+ var BlocknativeGasPriceCardContent = forwardRef(({ payload, ...props }, ref) => {
51
+ const gasPricePayload = payload ? payload : void 0;
52
+ const parsedPayload = useBlocknativeTransformer(gasPricePayload);
53
+ if (isEmpty(gasPricePayload) || !gasPricePayload.blockPrices?.length) {
54
+ return /* @__PURE__ */ jsx(PayloadDataMissing, { alertBody: "Payload is missing valid gas fee data.", sx: { m: 1 } });
55
+ }
56
+ return /* @__PURE__ */ jsxs(CardContent, { ref, sx: { display: "flex", flexDirection: "column", rowGap: 4 }, ...props, children: [
57
+ /* @__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)) }),
58
+ /* @__PURE__ */ jsx(ToggleRawPayloadBox, { gasPricePayload, alignItems: "start", pr: 1 })
59
+ ] });
60
+ });
61
+ BlocknativeGasPriceCardContent.displayName = "BlocknativeGasPriceCardContent";
62
+
63
+ // src/components/Card/CardHeader.tsx
64
+ import { GasPriceWitnessCardHeader } from "@xyo-network/react-gas-price";
65
+ import { forwardRef as forwardRef2 } from "react";
66
+
67
+ // src/components/lib/constants.ts
68
+ var RenderTitle = "Blocknative Gas Tracker";
69
+
70
+ // src/components/Card/CardHeader.tsx
71
+ import { jsx as jsx2 } from "react/jsx-runtime";
72
+ var BlocknativeGasPriceCardHeader = forwardRef2(({ payload }, ref) => {
73
+ const gasPricePayload = payload ? payload : void 0;
74
+ const parsedPayload = useBlocknativeTransformer(gasPricePayload);
75
+ return /* @__PURE__ */ jsx2(GasPriceWitnessCardHeader, { title: RenderTitle, parsedPayload, ref });
76
+ });
77
+ BlocknativeGasPriceCardHeader.displayName = "BlocknativeGasPriceCardHeader";
78
+
79
+ // src/components/Card/Card.tsx
80
+ import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
81
+ var BlocknativeGasPriceCard = forwardRef3(({ payload, ...props }, ref) => {
82
+ return /* @__PURE__ */ jsxs2(Card, { ref, ...props, children: [
83
+ /* @__PURE__ */ jsx3(BlocknativeGasPriceCardHeader, { payload }),
84
+ /* @__PURE__ */ jsx3(BlocknativeGasPriceCardContent, { payload })
85
+ ] });
86
+ });
87
+ BlocknativeGasPriceCard.displayName = "BlocknativeGasPriceCard";
88
+
89
+ // src/components/Details/Box/BlocknativeGasPriceDetailsBox.tsx
90
+ import { Grid as Grid2 } from "@mui/material";
91
+ import { isEmpty as isEmpty2 } from "@xylabs/lodash";
92
+ import { FlexCol } from "@xylabs/react-flexbox";
93
+ import { GasFeeCard as GasFeeCard2, GasPriceWitnessHeaderBox, ToggleRawPayloadBox as ToggleRawPayloadBox2 } from "@xyo-network/react-gas-price";
94
+ import { PayloadDataMissing as PayloadDataMissing2 } from "@xyo-network/react-shared";
95
+ import { forwardRef as forwardRef4 } from "react";
96
+ import { Fragment, jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
97
+ var BlocknativeGasPriceDetailsBox = forwardRef4(
98
+ // eslint-disable-next-line @typescript-eslint/no-unused-vars
99
+ ({ payload, listMode, ...props }, ref) => {
100
+ const gasPricePayload = payload ? payload : void 0;
101
+ const parsedPayload = useBlocknativeTransformer(gasPricePayload);
102
+ return /* @__PURE__ */ jsx4(Fragment, { children: isEmpty2(gasPricePayload) || !gasPricePayload.blockPrices?.length ? /* @__PURE__ */ jsx4(PayloadDataMissing2, { alertBody: "Payload is missing valid gas fee data." }) : /* @__PURE__ */ jsxs3(FlexCol, { alignItems: "start", rowGap: 4, ...props, ref, children: [
103
+ /* @__PURE__ */ jsx4(GasPriceWitnessHeaderBox, { heading: RenderTitle, parsedPayload }),
104
+ /* @__PURE__ */ jsx4(Grid2, { container: true, spacing: 3, columns: { lg: 15, md: 15, sm: 12, xs: 12 }, children: parsedPayload && parsedPayload?.gasPrice?.map(({ price, priorityFee }) => /* @__PURE__ */ jsx4(Grid2, { item: true, xs: 12, sm: 6, md: 5, lg: 3, children: /* @__PURE__ */ jsx4(
105
+ GasFeeCard2,
106
+ {
107
+ gasPrice: price?.value,
108
+ speed: price?.label,
109
+ priorityFee: priorityFee?.value,
110
+ priorityFeeLabel: priorityFee?.label
111
+ },
112
+ price?.label
113
+ ) }, price?.label)) }),
114
+ /* @__PURE__ */ jsx4(ToggleRawPayloadBox2, { gasPricePayload, alignItems: "start" })
115
+ ] }) });
116
+ }
117
+ );
118
+ BlocknativeGasPriceDetailsBox.displayName = "BlocknativeGasPriceDetailsBox";
119
+
120
+ // src/Plugin.ts
121
+ var EthereumGasPriceBlocknativePlugin = {
122
+ ...createPayloadRenderPlugin({
123
+ canRender: (payload) => payload?.schema === EthereumGasBlocknativeSchema,
124
+ components: {
125
+ avatar: {
126
+ image: EthereumGasPriceAvatar
127
+ },
128
+ box: {
129
+ detailsBox: BlocknativeGasPriceDetailsBox
130
+ },
131
+ card: {
132
+ content: BlocknativeGasPriceCardContent,
133
+ header: BlocknativeGasPriceCardHeader
134
+ }
135
+ },
136
+ name: "Ethereum Gas Price Blocknative"
137
+ })
138
+ };
139
+
140
+ // src/index.ts
141
+ var src_default = EthereumGasPriceBlocknativePlugin;
142
+ export {
143
+ BlocknativeGasPriceCard,
144
+ BlocknativeGasPriceCardContent,
145
+ BlocknativeGasPriceCardHeader,
146
+ BlocknativeGasPriceDetailsBox,
147
+ EthereumGasPriceBlocknativePlugin,
148
+ src_default as default
149
+ };
150
+ //# sourceMappingURL=index.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/Plugin.ts","../src/components/Card/Card.tsx","../src/components/Card/CardContent.tsx","../src/components/hooks/useBlocknativeTransformer.tsx","../src/components/Card/CardHeader.tsx","../src/components/lib/constants.ts","../src/components/Details/Box/BlocknativeGasPriceDetailsBox.tsx","../src/index.ts"],"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 { 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","import { Grid } from '@mui/material'\nimport { isEmpty } from '@xylabs/lodash'\nimport { FlexBoxProps, FlexCol } from '@xylabs/react-flexbox'\nimport { EthereumGasBlocknativePayload } from '@xyo-network/blocknative-ethereum-gas-payload-plugin'\nimport { GasFeeCard, GasPriceWitnessHeaderBox, ToggleRawPayloadBox } from '@xyo-network/react-gas-price'\nimport { PayloadDetailsRenderProps } from '@xyo-network/react-payload-plugin'\nimport { PayloadDataMissing } from '@xyo-network/react-shared'\nimport { forwardRef } from 'react'\n\nimport { useBlocknativeTransformer } from '../../hooks'\nimport { RenderTitle } from '../../lib'\n\nexport const BlocknativeGasPriceDetailsBox = forwardRef<HTMLDivElement, PayloadDetailsRenderProps & FlexBoxProps>(\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n ({ payload, listMode, ...props }, ref) => {\n const gasPricePayload: EthereumGasBlocknativePayload | undefined = payload ? (payload as EthereumGasBlocknativePayload) : undefined\n const parsedPayload = useBlocknativeTransformer(gasPricePayload)\n\n return (\n <>\n {isEmpty(gasPricePayload) || !gasPricePayload.blockPrices?.length ? (\n <PayloadDataMissing alertBody=\"Payload is missing valid gas fee data.\" />\n ) : (\n <FlexCol alignItems=\"start\" rowGap={4} {...props} ref={ref}>\n <GasPriceWitnessHeaderBox heading={RenderTitle} parsedPayload={parsedPayload} />\n <Grid container spacing={3} columns={{ lg: 15, md: 15, sm: 12, xs: 12 }}>\n {parsedPayload &&\n parsedPayload?.gasPrice?.map(({ price, priorityFee }) => (\n <Grid key={price?.label} item xs={12} sm={6} md={5} lg={3}>\n <GasFeeCard\n key={price?.label}\n gasPrice={price?.value}\n speed={price?.label}\n priorityFee={priorityFee?.value}\n priorityFeeLabel={priorityFee?.label}\n />\n </Grid>\n ))}\n </Grid>\n <ToggleRawPayloadBox gasPricePayload={gasPricePayload} alignItems=\"start\" />\n </FlexCol>\n )}\n </>\n )\n },\n)\n\nBlocknativeGasPriceDetailsBox.displayName = 'BlocknativeGasPriceDetailsBox'\n","import { EthereumGasPriceBlocknativePlugin } from './Plugin'\n\nexport * from './components'\nexport * from './Plugin'\n\n// eslint-disable-next-line import/no-default-export\nexport default EthereumGasPriceBlocknativePlugin\n"],"mappings":"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","names":["forwardRef","forwardRef","jsx","forwardRef","jsx","jsxs","forwardRef","Grid","isEmpty","GasFeeCard","ToggleRawPayloadBox","PayloadDataMissing","forwardRef","jsx","jsxs","forwardRef","isEmpty","PayloadDataMissing","Grid","GasFeeCard","ToggleRawPayloadBox"]}
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/react-flexbox": "~2.19.1",
14
- "@xyo-network/blocknative-ethereum-gas-payload-plugin": "^2.74.3",
15
- "@xyo-network/payload-model": "^2.74.3",
16
- "@xyo-network/react-gas-price": "~2.63.1",
17
- "@xyo-network/react-payload-plugin": "~2.63.1",
18
- "@xyo-network/react-shared": "~2.63.1",
19
- "lodash": "^4.17.21"
13
+ "@xylabs/lodash": "^2.11.7",
14
+ "@xylabs/react-flexbox": "^3.1.0-rc.3",
15
+ "@xyo-network/blocknative-ethereum-gas-payload-plugin": "^2.74.4",
16
+ "@xyo-network/payload-model": "^2.74.4",
17
+ "@xyo-network/react-gas-price": "~2.64.0-rc.2",
18
+ "@xyo-network/react-payload-plugin": "~2.64.0-rc.2",
19
+ "@xyo-network/react-shared": "~2.64.0-rc.2"
20
20
  },
21
21
  "devDependencies": {
22
22
  "@storybook/react": "^7.4.3",
23
- "@xylabs/ts-scripts-yarn3": "^2.19.12",
24
- "@xylabs/tsconfig-react": "^2.19.12",
25
- "@xyo-network/react-storybook": "~2.63.1",
23
+ "@xylabs/ts-scripts-yarn3": "^3.0.28",
24
+ "@xylabs/tsconfig-react": "^3.0.28",
25
+ "@xyo-network/react-storybook": "~2.64.0-rc.2",
26
26
  "typescript": "^5.2.2"
27
27
  },
28
28
  "peerDependencies": {
@@ -35,27 +35,35 @@
35
35
  "react-router-dom": "^6"
36
36
  },
37
37
  "description": "Common React library for all XYO projects that use React",
38
- "browser": "dist/esm/index.js",
39
38
  "docs": "dist/docs.json",
40
39
  "exports": {
41
40
  ".": {
42
41
  "node": {
43
- "import": "./dist/esm/index.js",
44
- "require": "./dist/cjs/index.js"
42
+ "import": {
43
+ "types": "./dist/index.d.mts",
44
+ "default": "./dist/index.mjs"
45
+ },
46
+ "require": {
47
+ "types": "./dist/index.d.ts",
48
+ "default": "./dist/index.js"
49
+ }
45
50
  },
46
51
  "browser": {
47
- "import": "./dist/esm/index.js",
48
- "require": "./dist/cjs/index.js"
52
+ "import": {
53
+ "types": "./dist/index.d.mts",
54
+ "default": "./dist/index.mjs"
55
+ },
56
+ "require": {
57
+ "types": "./dist/index.d.ts",
58
+ "default": "./dist/index.js"
59
+ }
49
60
  },
50
- "default": "./dist/esm/index.js"
51
- },
52
- "./dist/docs.json": {
53
- "default": "./dist/docs.json"
61
+ "default": "./dist/index.mjs"
54
62
  },
55
63
  "./package.json": "./package.json"
56
64
  },
57
- "main": "dist/cjs/index.js",
58
- "module": "dist/esm/index.js",
65
+ "main": "dist/index.js",
66
+ "module": "dist/index.mjs",
59
67
  "homepage": "https://xyo.network",
60
68
  "keywords": [
61
69
  "xyo",
@@ -76,6 +84,7 @@
76
84
  "license": "yarn license-checker --exclude \"MIT, ISC, Apache-2.0, BSD, BSD-2-Clause, CC-BY-4.0, Unlicense, CC-BY-3.0, CC0-1.0\""
77
85
  },
78
86
  "sideEffects": false,
79
- "types": "dist/types/index.d.ts",
80
- "version": "2.63.1"
87
+ "types": "dist/index.d.ts",
88
+ "version": "2.64.0-rc.2",
89
+ "stableVersion": "2.63.1"
81
90
  }
@@ -1,9 +1,9 @@
1
1
  import { CardContent, CardContentProps, Grid } from '@mui/material'
2
+ import { isEmpty } from '@xylabs/lodash'
2
3
  import { EthereumGasBlocknativePayload } from '@xyo-network/blocknative-ethereum-gas-payload-plugin'
3
4
  import { GasFeeCard, ToggleRawPayloadBox } from '@xyo-network/react-gas-price'
4
5
  import { PayloadRenderProps } from '@xyo-network/react-payload-plugin'
5
6
  import { PayloadDataMissing } from '@xyo-network/react-shared'
6
- import isEmpty from 'lodash/isEmpty'
7
7
  import { forwardRef } from 'react'
8
8
 
9
9
  import { useBlocknativeTransformer } from '../hooks'
@@ -1,10 +1,10 @@
1
1
  import { Grid } from '@mui/material'
2
+ import { isEmpty } from '@xylabs/lodash'
2
3
  import { FlexBoxProps, FlexCol } from '@xylabs/react-flexbox'
3
4
  import { EthereumGasBlocknativePayload } from '@xyo-network/blocknative-ethereum-gas-payload-plugin'
4
5
  import { GasFeeCard, GasPriceWitnessHeaderBox, ToggleRawPayloadBox } from '@xyo-network/react-gas-price'
5
6
  import { PayloadDetailsRenderProps } from '@xyo-network/react-payload-plugin'
6
7
  import { PayloadDataMissing } from '@xyo-network/react-shared'
7
- import isEmpty from 'lodash/isEmpty'
8
8
  import { forwardRef } from 'react'
9
9
 
10
10
  import { useBlocknativeTransformer } from '../../hooks'
@@ -1,24 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.EthereumGasPriceBlocknativePlugin = void 0;
4
- const blocknative_ethereum_gas_payload_plugin_1 = require("@xyo-network/blocknative-ethereum-gas-payload-plugin");
5
- const react_gas_price_1 = require("@xyo-network/react-gas-price");
6
- const react_payload_plugin_1 = require("@xyo-network/react-payload-plugin");
7
- const components_1 = require("./components");
8
- exports.EthereumGasPriceBlocknativePlugin = Object.assign({}, (0, react_payload_plugin_1.createPayloadRenderPlugin)({
9
- canRender: (payload) => (payload === null || payload === void 0 ? void 0 : payload.schema) === blocknative_ethereum_gas_payload_plugin_1.EthereumGasBlocknativeSchema,
10
- components: {
11
- avatar: {
12
- image: react_gas_price_1.EthereumGasPriceAvatar,
13
- },
14
- box: {
15
- detailsBox: components_1.BlocknativeGasPriceDetailsBox,
16
- },
17
- card: {
18
- content: components_1.BlocknativeGasPriceCardContent,
19
- header: components_1.BlocknativeGasPriceCardHeader,
20
- },
21
- },
22
- name: 'Ethereum Gas Price Blocknative',
23
- }));
24
- //# sourceMappingURL=Plugin.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Plugin.js","sourceRoot":"","sources":["../../src/Plugin.ts"],"names":[],"mappings":";;;AAAA,kHAAmG;AAEnG,kEAAqE;AACrE,4EAAkG;AAElG,6CAA2H;AAE9G,QAAA,iCAAiC,qBACzC,IAAA,gDAAyB,EAAC;IAC3B,SAAS,EAAE,CAAC,OAAiB,EAAE,EAAE,CAAC,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,MAAM,MAAK,sEAA4B;IAClF,UAAU,EAAE;QACV,MAAM,EAAE;YACN,KAAK,EAAE,wCAAsB;SAC9B;QACD,GAAG,EAAE;YACH,UAAU,EAAE,0CAA6B;SAC1C;QACD,IAAI,EAAE;YACJ,OAAO,EAAE,2CAA8B;YACvC,MAAM,EAAE,0CAA6B;SACtC;KACF;IACD,IAAI,EAAE,gCAAgC;CACvC,CAAC,EACH"}
@@ -1,15 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.BlocknativeGasPriceCard = void 0;
4
- const tslib_1 = require("tslib");
5
- const jsx_runtime_1 = require("react/jsx-runtime");
6
- const material_1 = require("@mui/material");
7
- const react_1 = require("react");
8
- const CardContent_1 = require("./CardContent");
9
- const CardHeader_1 = require("./CardHeader");
10
- exports.BlocknativeGasPriceCard = (0, react_1.forwardRef)((_a, ref) => {
11
- var { payload } = _a, props = tslib_1.__rest(_a, ["payload"]);
12
- return ((0, jsx_runtime_1.jsxs)(material_1.Card, Object.assign({ ref: ref }, props, { children: [(0, jsx_runtime_1.jsx)(CardHeader_1.BlocknativeGasPriceCardHeader, { payload: payload }), (0, jsx_runtime_1.jsx)(CardContent_1.BlocknativeGasPriceCardContent, { payload: payload })] })));
13
- });
14
- exports.BlocknativeGasPriceCard.displayName = 'BlocknativeGasPriceCard';
15
- //# sourceMappingURL=Card.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../../src/components/Card/Card.tsx"],"names":[],"mappings":";;;;;AAAA,4CAA+C;AAE/C,iCAAkC;AAElC,+CAA8D;AAC9D,6CAA4D;AAE/C,QAAA,uBAAuB,GAAG,IAAA,kBAAU,EAAiD,CAAC,EAAqB,EAAE,GAAG,EAAE,EAAE;QAA9B,EAAE,OAAO,OAAY,EAAP,KAAK,sBAAnB,WAAqB,CAAF;IACpH,OAAO,CACL,wBAAC,eAAI,kBAAC,GAAG,EAAE,GAAG,IAAM,KAAK,eACvB,uBAAC,0CAA6B,IAAC,OAAO,EAAE,OAAO,GAAI,EACnD,uBAAC,4CAA8B,IAAC,OAAO,EAAE,OAAO,GAAI,KAC/C,CACR,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,+BAAuB,CAAC,WAAW,GAAG,yBAAyB,CAAA"}
@@ -1,24 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.BlocknativeGasPriceCardContent = void 0;
4
- const tslib_1 = require("tslib");
5
- const jsx_runtime_1 = require("react/jsx-runtime");
6
- const material_1 = require("@mui/material");
7
- const react_gas_price_1 = require("@xyo-network/react-gas-price");
8
- const react_shared_1 = require("@xyo-network/react-shared");
9
- const isEmpty_1 = tslib_1.__importDefault(require("lodash/isEmpty"));
10
- const react_1 = require("react");
11
- const hooks_1 = require("../hooks");
12
- exports.BlocknativeGasPriceCardContent = (0, react_1.forwardRef)((_a, ref) => {
13
- var _b, _c;
14
- var { payload } = _a, props = tslib_1.__rest(_a, ["payload"]);
15
- const gasPricePayload = payload ? payload : undefined;
16
- const parsedPayload = (0, hooks_1.useBlocknativeTransformer)(gasPricePayload);
17
- if ((0, isEmpty_1.default)(gasPricePayload) || !((_b = gasPricePayload.blockPrices) === null || _b === void 0 ? void 0 : _b.length)) {
18
- return (0, jsx_runtime_1.jsx)(react_shared_1.PayloadDataMissing, { alertBody: "Payload is missing valid gas fee data.", sx: { m: 1 } });
19
- }
20
- return ((0, jsx_runtime_1.jsxs)(material_1.CardContent, Object.assign({ ref: ref, sx: { display: 'flex', flexDirection: 'column', rowGap: 4 } }, props, { children: [(0, jsx_runtime_1.jsx)(material_1.Grid, Object.assign({ container: true, spacing: 3, columns: { lg: 15, md: 15, sm: 12, xs: 12 } }, { children: parsedPayload &&
21
- ((_c = parsedPayload === null || parsedPayload === void 0 ? void 0 : parsedPayload.gasPrice) === null || _c === void 0 ? void 0 : _c.map(({ price }) => ((0, jsx_runtime_1.jsx)(material_1.Grid, Object.assign({ item: true, xs: 12, sm: 6, md: 5, lg: 3 }, { children: (0, jsx_runtime_1.jsx)(react_gas_price_1.GasFeeCard, { gasPrice: price === null || price === void 0 ? void 0 : price.value, speed: price === null || price === void 0 ? void 0 : price.label, speedPaperElevation: 4 }) }), price === null || price === void 0 ? void 0 : price.label)))) })), (0, jsx_runtime_1.jsx)(react_gas_price_1.ToggleRawPayloadBox, { gasPricePayload: gasPricePayload, alignItems: "start", pr: 1 })] })));
22
- });
23
- exports.BlocknativeGasPriceCardContent.displayName = 'BlocknativeGasPriceCardContent';
24
- //# sourceMappingURL=CardContent.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"CardContent.js","sourceRoot":"","sources":["../../../../src/components/Card/CardContent.tsx"],"names":[],"mappings":";;;;;AAAA,4CAAmE;AAEnE,kEAA8E;AAE9E,4DAA8D;AAC9D,qEAAoC;AACpC,iCAAkC;AAElC,oCAAoD;AAEvC,QAAA,8BAA8B,GAAG,IAAA,kBAAU,EAAwD,CAAC,EAAqB,EAAE,GAAG,EAAE,EAAE;;QAA9B,EAAE,OAAO,OAAY,EAAP,KAAK,sBAAnB,WAAqB,CAAF;IAClI,MAAM,eAAe,GAAG,OAAO,CAAC,CAAC,CAAE,OAAyC,CAAC,CAAC,CAAC,SAAS,CAAA;IACxF,MAAM,aAAa,GAAG,IAAA,iCAAyB,EAAC,eAAe,CAAC,CAAA;IAEhE,IAAI,IAAA,iBAAO,EAAC,eAAe,CAAC,IAAI,CAAC,CAAA,MAAA,eAAe,CAAC,WAAW,0CAAE,MAAM,CAAA,EAAE;QACpE,OAAO,uBAAC,iCAAkB,IAAC,SAAS,EAAC,wCAAwC,EAAC,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,GAAI,CAAA;KAC/F;IAED,OAAO,CACL,wBAAC,sBAAW,kBAAC,GAAG,EAAE,GAAG,EAAE,EAAE,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,EAAE,CAAC,EAAE,IAAM,KAAK,eAC3F,uBAAC,eAAI,kBAAC,SAAS,QAAC,OAAO,EAAE,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,gBACpE,aAAa;qBACZ,MAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,QAAQ,0CAAE,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAC1C,uBAAC,eAAI,kBAAoB,IAAI,QAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,gBACvD,uBAAC,4BAAU,IAAC,QAAQ,EAAE,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,EAAE,KAAK,EAAE,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,EAAE,mBAAmB,EAAE,CAAC,GAAI,KAD1E,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,CAEhB,CACR,CAAC,CAAA,IACC,EACP,uBAAC,qCAAmB,IAAC,eAAe,EAAE,eAAe,EAAE,UAAU,EAAC,OAAO,EAAC,EAAE,EAAE,CAAC,GAAI,KACvE,CACf,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,sCAA8B,CAAC,WAAW,GAAG,gCAAgC,CAAA"}
@@ -1,15 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.BlocknativeGasPriceCardHeader = void 0;
4
- const jsx_runtime_1 = require("react/jsx-runtime");
5
- const react_gas_price_1 = require("@xyo-network/react-gas-price");
6
- const react_1 = require("react");
7
- const hooks_1 = require("../hooks");
8
- const lib_1 = require("../lib");
9
- exports.BlocknativeGasPriceCardHeader = (0, react_1.forwardRef)(({ payload }, ref) => {
10
- const gasPricePayload = payload ? payload : undefined;
11
- const parsedPayload = (0, hooks_1.useBlocknativeTransformer)(gasPricePayload);
12
- return (0, jsx_runtime_1.jsx)(react_gas_price_1.GasPriceWitnessCardHeader, { title: lib_1.RenderTitle, parsedPayload: parsedPayload, ref: ref });
13
- });
14
- exports.BlocknativeGasPriceCardHeader.displayName = 'BlocknativeGasPriceCardHeader';
15
- //# sourceMappingURL=CardHeader.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"CardHeader.js","sourceRoot":"","sources":["../../../../src/components/Card/CardHeader.tsx"],"names":[],"mappings":";;;;AAEA,kEAAwE;AAExE,iCAAkC;AAElC,oCAAoD;AACpD,gCAAoC;AAEvB,QAAA,6BAA6B,GAAG,IAAA,kBAAU,EAAuD,CAAC,EAAE,OAAO,EAAE,EAAE,GAAG,EAAE,EAAE;IACjI,MAAM,eAAe,GAAG,OAAO,CAAC,CAAC,CAAE,OAAyC,CAAC,CAAC,CAAC,SAAS,CAAA;IACxF,MAAM,aAAa,GAAG,IAAA,iCAAyB,EAAC,eAAe,CAAC,CAAA;IAChE,OAAO,uBAAC,2CAAyB,IAAC,KAAK,EAAE,iBAAW,EAAE,aAAa,EAAE,aAAa,EAAE,GAAG,EAAE,GAAG,GAAI,CAAA;AAClG,CAAC,CAAC,CAAA;AAEF,qCAA6B,CAAC,WAAW,GAAG,+BAA+B,CAAA"}
@@ -1,7 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- const tslib_1 = require("tslib");
4
- tslib_1.__exportStar(require("./Card"), exports);
5
- tslib_1.__exportStar(require("./CardContent"), exports);
6
- tslib_1.__exportStar(require("./CardHeader"), exports);
7
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Card/index.ts"],"names":[],"mappings":";;;AAAA,iDAAsB;AACtB,wDAA6B;AAC7B,uDAA4B"}
@@ -1,25 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.BlocknativeGasPriceDetailsBox = void 0;
4
- const tslib_1 = require("tslib");
5
- const jsx_runtime_1 = require("react/jsx-runtime");
6
- const material_1 = require("@mui/material");
7
- const react_flexbox_1 = require("@xylabs/react-flexbox");
8
- const react_gas_price_1 = require("@xyo-network/react-gas-price");
9
- const react_shared_1 = require("@xyo-network/react-shared");
10
- const isEmpty_1 = tslib_1.__importDefault(require("lodash/isEmpty"));
11
- const react_1 = require("react");
12
- const hooks_1 = require("../../hooks");
13
- const lib_1 = require("../../lib");
14
- exports.BlocknativeGasPriceDetailsBox = (0, react_1.forwardRef)(
15
- // eslint-disable-next-line @typescript-eslint/no-unused-vars
16
- (_a, ref) => {
17
- var _b, _c;
18
- var { payload, listMode } = _a, props = tslib_1.__rest(_a, ["payload", "listMode"]);
19
- const gasPricePayload = payload ? payload : undefined;
20
- const parsedPayload = (0, hooks_1.useBlocknativeTransformer)(gasPricePayload);
21
- return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, isEmpty_1.default)(gasPricePayload) || !((_b = gasPricePayload.blockPrices) === null || _b === void 0 ? void 0 : _b.length) ? ((0, jsx_runtime_1.jsx)(react_shared_1.PayloadDataMissing, { alertBody: "Payload is missing valid gas fee data." })) : ((0, jsx_runtime_1.jsxs)(react_flexbox_1.FlexCol, Object.assign({ alignItems: "start", rowGap: 4 }, props, { ref: ref }, { children: [(0, jsx_runtime_1.jsx)(react_gas_price_1.GasPriceWitnessHeaderBox, { heading: lib_1.RenderTitle, parsedPayload: parsedPayload }), (0, jsx_runtime_1.jsx)(material_1.Grid, Object.assign({ container: true, spacing: 3, columns: { lg: 15, md: 15, sm: 12, xs: 12 } }, { children: parsedPayload &&
22
- ((_c = parsedPayload === null || parsedPayload === void 0 ? void 0 : parsedPayload.gasPrice) === null || _c === void 0 ? void 0 : _c.map(({ price, priorityFee }) => ((0, jsx_runtime_1.jsx)(material_1.Grid, Object.assign({ item: true, xs: 12, sm: 6, md: 5, lg: 3 }, { children: (0, jsx_runtime_1.jsx)(react_gas_price_1.GasFeeCard, { gasPrice: price === null || price === void 0 ? void 0 : price.value, speed: price === null || price === void 0 ? void 0 : price.label, priorityFee: priorityFee === null || priorityFee === void 0 ? void 0 : priorityFee.value, priorityFeeLabel: priorityFee === null || priorityFee === void 0 ? void 0 : priorityFee.label }, price === null || price === void 0 ? void 0 : price.label) }), price === null || price === void 0 ? void 0 : price.label)))) })), (0, jsx_runtime_1.jsx)(react_gas_price_1.ToggleRawPayloadBox, { gasPricePayload: gasPricePayload, alignItems: "start" })] }))) }));
23
- });
24
- exports.BlocknativeGasPriceDetailsBox.displayName = 'BlocknativeGasPriceDetailsBox';
25
- //# sourceMappingURL=BlocknativeGasPriceDetailsBox.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"BlocknativeGasPriceDetailsBox.js","sourceRoot":"","sources":["../../../../../src/components/Details/Box/BlocknativeGasPriceDetailsBox.tsx"],"names":[],"mappings":";;;;;AAAA,4CAAoC;AACpC,yDAA6D;AAE7D,kEAAwG;AAExG,4DAA8D;AAC9D,qEAAoC;AACpC,iCAAkC;AAElC,uCAAuD;AACvD,mCAAuC;AAE1B,QAAA,6BAA6B,GAAG,IAAA,kBAAU;AACrD,6DAA6D;AAC7D,CAAC,EAA+B,EAAE,GAAG,EAAE,EAAE;;QAAxC,EAAE,OAAO,EAAE,QAAQ,OAAY,EAAP,KAAK,sBAA7B,uBAA+B,CAAF;IAC5B,MAAM,eAAe,GAA8C,OAAO,CAAC,CAAC,CAAE,OAAyC,CAAC,CAAC,CAAC,SAAS,CAAA;IACnI,MAAM,aAAa,GAAG,IAAA,iCAAyB,EAAC,eAAe,CAAC,CAAA;IAEhE,OAAO,CACL,2DACG,IAAA,iBAAO,EAAC,eAAe,CAAC,IAAI,CAAC,CAAA,MAAA,eAAe,CAAC,WAAW,0CAAE,MAAM,CAAA,CAAC,CAAC,CAAC,CAClE,uBAAC,iCAAkB,IAAC,SAAS,EAAC,wCAAwC,GAAG,CAC1E,CAAC,CAAC,CAAC,CACF,wBAAC,uBAAO,kBAAC,UAAU,EAAC,OAAO,EAAC,MAAM,EAAE,CAAC,IAAM,KAAK,IAAE,GAAG,EAAE,GAAG,iBACxD,uBAAC,0CAAwB,IAAC,OAAO,EAAE,iBAAW,EAAE,aAAa,EAAE,aAAa,GAAI,EAChF,uBAAC,eAAI,kBAAC,SAAS,QAAC,OAAO,EAAE,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,gBACpE,aAAa;yBACZ,MAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,QAAQ,0CAAE,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,EAAE,EAAE,CAAC,CACvD,uBAAC,eAAI,kBAAoB,IAAI,QAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,gBACvD,uBAAC,4BAAU,IAET,QAAQ,EAAE,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,EACtB,KAAK,EAAE,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,EACnB,WAAW,EAAE,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,KAAK,EAC/B,gBAAgB,EAAE,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,KAAK,IAJ/B,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,CAKjB,KAPO,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,CAQhB,CACR,CAAC,CAAA,IACC,EACP,uBAAC,qCAAmB,IAAC,eAAe,EAAE,eAAe,EAAE,UAAU,EAAC,OAAO,GAAG,KACpE,CACX,GACA,CACJ,CAAA;AACH,CAAC,CACF,CAAA;AAED,qCAA6B,CAAC,WAAW,GAAG,+BAA+B,CAAA"}
@@ -1,5 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- const tslib_1 = require("tslib");
4
- tslib_1.__exportStar(require("./BlocknativeGasPriceDetailsBox"), exports);
5
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/Details/Box/index.ts"],"names":[],"mappings":";;;AAAA,0EAA+C"}
@@ -1,5 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- const tslib_1 = require("tslib");
4
- tslib_1.__exportStar(require("./Box"), exports);
5
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Details/index.ts"],"names":[],"mappings":";;;AAAA,gDAAqB"}
@@ -1,5 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- const tslib_1 = require("tslib");
4
- tslib_1.__exportStar(require("./useBlocknativeTransformer"), exports);
5
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/hooks/index.ts"],"names":[],"mappings":";;;AAAA,sEAA2C"}
@@ -1,35 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.useBlocknativeTransformer = void 0;
4
- const useBlocknativeTransformer = (payload) => {
5
- var _a, _b;
6
- const blockPrices = (_a = payload === null || payload === void 0 ? void 0 : payload.blockPrices) === null || _a === void 0 ? void 0 : _a[0];
7
- if (blockPrices && ((_b = blockPrices.estimatedPrices) === null || _b === void 0 ? void 0 : _b.length)) {
8
- const estimatedPrices = blockPrices === null || blockPrices === void 0 ? void 0 : blockPrices.estimatedPrices;
9
- const gasPrice = estimatedPrices.map((price) => ({
10
- price: {
11
- label: `Confidence - ${price.confidence}`,
12
- value: price.price,
13
- },
14
- priorityFee: {
15
- label: 'maxPriorityFeePerGas',
16
- value: price.maxPriorityFeePerGas,
17
- },
18
- }));
19
- return {
20
- baseFee: {
21
- label: 'baseFeePerGas',
22
- value: blockPrices.baseFeePerGas,
23
- },
24
- blockNumber: {
25
- label: 'blockNumber',
26
- value: blockPrices.blockNumber,
27
- },
28
- gasPrice,
29
- timestamp: payload.timestamp,
30
- website: 'https://docs.Blocknative.io/v5/api/providers/provider/#Provider-getFeeData',
31
- };
32
- }
33
- };
34
- exports.useBlocknativeTransformer = useBlocknativeTransformer;
35
- //# sourceMappingURL=useBlocknativeTransformer.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"useBlocknativeTransformer.js","sourceRoot":"","sources":["../../../../src/components/hooks/useBlocknativeTransformer.tsx"],"names":[],"mappings":";;;AAGO,MAAM,yBAAyB,GAAG,CAAC,OAAuC,EAA4C,EAAE;;IAC7H,MAAM,WAAW,GAAG,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,WAAW,0CAAG,CAAC,CAAC,CAAA;IAC7C,IAAI,WAAW,KAAI,MAAA,WAAW,CAAC,eAAe,0CAAE,MAAM,CAAA,EAAE;QACtD,MAAM,eAAe,GAAG,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,eAAe,CAAA;QACpD,MAAM,QAAQ,GAAG,eAAe,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;YAC/C,KAAK,EAAE;gBACL,KAAK,EAAE,gBAAgB,KAAK,CAAC,UAAU,EAAE;gBACzC,KAAK,EAAE,KAAK,CAAC,KAAK;aACnB;YACD,WAAW,EAAE;gBACX,KAAK,EAAE,sBAAsB;gBAC7B,KAAK,EAAE,KAAK,CAAC,oBAAoB;aAClC;SACF,CAAC,CAAC,CAAA;QAEH,OAAO;YACL,OAAO,EAAE;gBACP,KAAK,EAAE,eAAe;gBACtB,KAAK,EAAE,WAAW,CAAC,aAAa;aACjC;YACD,WAAW,EAAE;gBACX,KAAK,EAAE,aAAa;gBACpB,KAAK,EAAE,WAAW,CAAC,WAAW;aAC/B;YACD,QAAQ;YACR,SAAS,EAAE,OAAO,CAAC,SAAS;YAC5B,OAAO,EAAE,4EAA4E;SACtF,CAAA;KACF;AACH,CAAC,CAAA;AA7BY,QAAA,yBAAyB,6BA6BrC"}
@@ -1,6 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- const tslib_1 = require("tslib");
4
- tslib_1.__exportStar(require("./Card"), exports);
5
- tslib_1.__exportStar(require("./Details"), exports);
6
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":";;;AAAA,iDAAsB;AACtB,oDAAyB"}
@@ -1,5 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.RenderTitle = void 0;
4
- exports.RenderTitle = 'Blocknative Gas Tracker';
5
- //# sourceMappingURL=constants.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../../src/components/lib/constants.ts"],"names":[],"mappings":";;;AAAa,QAAA,WAAW,GAAG,yBAAyB,CAAA"}
@@ -1,5 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- const tslib_1 = require("tslib");
4
- tslib_1.__exportStar(require("./constants"), exports);
5
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/lib/index.ts"],"names":[],"mappings":";;;AAAA,sDAA2B"}
package/dist/cjs/index.js DELETED
@@ -1,9 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- const tslib_1 = require("tslib");
4
- const Plugin_1 = require("./Plugin");
5
- tslib_1.__exportStar(require("./components"), exports);
6
- tslib_1.__exportStar(require("./Plugin"), exports);
7
- // eslint-disable-next-line import/no-default-export
8
- exports.default = Plugin_1.EthereumGasPriceBlocknativePlugin;
9
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";;;AAAA,qCAA4D;AAE5D,uDAA4B;AAC5B,mDAAwB;AAExB,oDAAoD;AACpD,kBAAe,0CAAiC,CAAA"}