@xyo-network/react-ethereum-gas-price-blocknative-plugin 7.4.2 → 7.5.0
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.
- package/dist/browser/components/Card/Card.stories.d.ts +3 -3
- package/dist/browser/components/Details/Box/BlocknativeGasPriceDetailsBox.stories.d.ts +3 -3
- package/dist/browser/components/Details/Box/BlocknativeGasPriceDetailsBox.stories.d.ts.map +1 -1
- package/dist/browser/index.mjs +113 -116
- package/dist/browser/index.mjs.map +1 -1
- package/package.json +21 -21
|
@@ -2,13 +2,13 @@ import type { Meta } from '@storybook/react-vite';
|
|
|
2
2
|
import React from 'react';
|
|
3
3
|
import { BlocknativeGasPriceCard } from './Card.tsx';
|
|
4
4
|
declare const StorybookEntry: Meta<typeof BlocknativeGasPriceCard>;
|
|
5
|
-
declare const Default: import("
|
|
5
|
+
declare const Default: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("@xyo-network/react-payload-plugin").PayloadRenderProps<import("@xyo-network/payload-model").Payload> & import("@mui/material").CardOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "className" | "style" | "classes" | "children" | "sx" | "elevation" | "square" | "variant" | "raised"> & {
|
|
6
6
|
component?: React.ElementType;
|
|
7
7
|
}>;
|
|
8
|
-
declare const WithData: import("
|
|
8
|
+
declare const WithData: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("@xyo-network/react-payload-plugin").PayloadRenderProps<import("@xyo-network/payload-model").Payload> & import("@mui/material").CardOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "className" | "style" | "classes" | "children" | "sx" | "elevation" | "square" | "variant" | "raised"> & {
|
|
9
9
|
component?: React.ElementType;
|
|
10
10
|
}>;
|
|
11
|
-
declare const WithMissingData: import("
|
|
11
|
+
declare const WithMissingData: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("@xyo-network/react-payload-plugin").PayloadRenderProps<import("@xyo-network/payload-model").Payload> & import("@mui/material").CardOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "className" | "style" | "classes" | "children" | "sx" | "elevation" | "square" | "variant" | "raised"> & {
|
|
12
12
|
component?: React.ElementType;
|
|
13
13
|
}>;
|
|
14
14
|
export { Default, WithData, WithMissingData, };
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import type { Meta } from '@storybook/react-vite';
|
|
2
2
|
import { BlocknativeGasPriceDetailsBox } from './BlocknativeGasPriceDetailsBox.tsx';
|
|
3
3
|
declare const StorybookEntry: Meta<typeof BlocknativeGasPriceDetailsBox>;
|
|
4
|
-
declare const Default: import("
|
|
5
|
-
declare const WithData: import("
|
|
6
|
-
declare const WithMissingData: import("
|
|
4
|
+
declare const Default: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("@xyo-network/react-payload-plugin").PayloadDetailsListRenderProps & import("@xylabs/react-flexbox").BusyBoxProps>;
|
|
5
|
+
declare const WithData: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("@xyo-network/react-payload-plugin").PayloadDetailsListRenderProps & import("@xylabs/react-flexbox").BusyBoxProps>;
|
|
6
|
+
declare const WithMissingData: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("@xyo-network/react-payload-plugin").PayloadDetailsListRenderProps & import("@xylabs/react-flexbox").BusyBoxProps>;
|
|
7
7
|
export { Default, WithData, WithMissingData, };
|
|
8
8
|
export default StorybookEntry;
|
|
9
9
|
//# sourceMappingURL=BlocknativeGasPriceDetailsBox.stories.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BlocknativeGasPriceDetailsBox.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Details/Box/BlocknativeGasPriceDetailsBox.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAW,MAAM,uBAAuB,CAAA;AAK1D,OAAO,EAAE,6BAA6B,EAAE,MAAM,qCAAqC,CAAA;AAEnF,QAAA,MAAM,cAAc,EAKf,IAAI,CAAC,OAAO,6BAA6B,CAAC,CAAA;AAI/C,QAAA,MAAM,OAAO,
|
|
1
|
+
{"version":3,"file":"BlocknativeGasPriceDetailsBox.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Details/Box/BlocknativeGasPriceDetailsBox.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAW,MAAM,uBAAuB,CAAA;AAK1D,OAAO,EAAE,6BAA6B,EAAE,MAAM,qCAAqC,CAAA;AAEnF,QAAA,MAAM,cAAc,EAKf,IAAI,CAAC,OAAO,6BAA6B,CAAC,CAAA;AAI/C,QAAA,MAAM,OAAO,uNAAoB,CAAA;AAGjC,QAAA,MAAM,QAAQ,uNAAoB,CAAA;AAGlC,QAAA,MAAM,eAAe,uNAAoB,CAAA;AAGzC,OAAO,EACL,OAAO,EAAE,QAAQ,EAAE,eAAe,GACnC,CAAA;AAED,eAAe,cAAc,CAAA"}
|
package/dist/browser/index.mjs
CHANGED
|
@@ -1,13 +1,18 @@
|
|
|
1
|
+
var __defProp = Object.defineProperty;
|
|
2
|
+
var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
|
|
3
|
+
|
|
1
4
|
// src/components/Card/Card.tsx
|
|
2
5
|
import { Card } from "@mui/material";
|
|
6
|
+
import React3 from "react";
|
|
3
7
|
|
|
4
8
|
// src/components/Card/CardContent.tsx
|
|
5
9
|
import { CardContent, Grid } from "@mui/material";
|
|
6
10
|
import { GasFeeCard, ToggleRawPayloadBox } from "@xyo-network/react-gas-price";
|
|
7
11
|
import { PayloadDataMissing } from "@xyo-network/react-shared";
|
|
12
|
+
import React from "react";
|
|
8
13
|
|
|
9
14
|
// src/components/hooks/getBlocknativeTransformer.tsx
|
|
10
|
-
var getBlocknativeTransformer = (payload) => {
|
|
15
|
+
var getBlocknativeTransformer = /* @__PURE__ */ __name((payload) => {
|
|
11
16
|
const blockPrices = payload?.blockPrices?.[0];
|
|
12
17
|
if (blockPrices && blockPrices.estimatedPrices?.length) {
|
|
13
18
|
const estimatedPrices = blockPrices?.estimatedPrices;
|
|
@@ -35,147 +40,135 @@ var getBlocknativeTransformer = (payload) => {
|
|
|
35
40
|
website: "https://docs.Blocknative.io/v5/api/providers/provider/#Provider-getFeeData"
|
|
36
41
|
};
|
|
37
42
|
}
|
|
38
|
-
};
|
|
43
|
+
}, "getBlocknativeTransformer");
|
|
39
44
|
|
|
40
45
|
// src/components/Card/CardContent.tsx
|
|
41
|
-
|
|
42
|
-
var
|
|
43
|
-
var BlocknativeGasPriceCardContent = ({ payload, ...props }) => {
|
|
46
|
+
var isEmpty = /* @__PURE__ */ __name((obj) => Object.keys(obj ?? {}).length === 0, "isEmpty");
|
|
47
|
+
var BlocknativeGasPriceCardContent = /* @__PURE__ */ __name(({ payload, ...props }) => {
|
|
44
48
|
const gasPricePayload = payload ? payload : void 0;
|
|
45
49
|
const parsedPayload = getBlocknativeTransformer(gasPricePayload);
|
|
46
50
|
if (isEmpty(gasPricePayload) || !gasPricePayload?.blockPrices?.length) {
|
|
47
|
-
return /* @__PURE__ */
|
|
48
|
-
|
|
49
|
-
return /* @__PURE__ */ jsxs(
|
|
50
|
-
CardContent,
|
|
51
|
-
{
|
|
51
|
+
return /* @__PURE__ */ React.createElement(PayloadDataMissing, {
|
|
52
|
+
alertBody: "Payload is missing valid gas fee data.",
|
|
52
53
|
sx: {
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
{
|
|
73
|
-
size: {
|
|
74
|
-
xs: 12,
|
|
75
|
-
sm: 6,
|
|
76
|
-
md: 5,
|
|
77
|
-
lg: 3
|
|
78
|
-
},
|
|
79
|
-
children: /* @__PURE__ */ jsx(GasFeeCard, { gasPrice: price?.value, speed: price?.label, speedPaperElevation: 4 })
|
|
80
|
-
},
|
|
81
|
-
price?.label
|
|
82
|
-
))
|
|
83
|
-
}
|
|
84
|
-
),
|
|
85
|
-
/* @__PURE__ */ jsx(ToggleRawPayloadBox, { gasPricePayload, alignItems: "start", pr: 1 })
|
|
86
|
-
]
|
|
54
|
+
m: 1
|
|
55
|
+
}
|
|
56
|
+
});
|
|
57
|
+
}
|
|
58
|
+
return /* @__PURE__ */ React.createElement(CardContent, {
|
|
59
|
+
sx: {
|
|
60
|
+
display: "flex",
|
|
61
|
+
flexDirection: "column",
|
|
62
|
+
rowGap: 4
|
|
63
|
+
},
|
|
64
|
+
...props
|
|
65
|
+
}, /* @__PURE__ */ React.createElement(Grid, {
|
|
66
|
+
container: true,
|
|
67
|
+
spacing: 3,
|
|
68
|
+
columns: {
|
|
69
|
+
lg: 15,
|
|
70
|
+
md: 15,
|
|
71
|
+
sm: 12,
|
|
72
|
+
xs: 12
|
|
87
73
|
}
|
|
88
|
-
)
|
|
89
|
-
|
|
74
|
+
}, parsedPayload && parsedPayload?.gasPrice?.map(({ price }) => /* @__PURE__ */ React.createElement(Grid, {
|
|
75
|
+
key: price?.label,
|
|
76
|
+
size: {
|
|
77
|
+
xs: 12,
|
|
78
|
+
sm: 6,
|
|
79
|
+
md: 5,
|
|
80
|
+
lg: 3
|
|
81
|
+
}
|
|
82
|
+
}, /* @__PURE__ */ React.createElement(GasFeeCard, {
|
|
83
|
+
gasPrice: price?.value,
|
|
84
|
+
speed: price?.label,
|
|
85
|
+
speedPaperElevation: 4
|
|
86
|
+
})))), /* @__PURE__ */ React.createElement(ToggleRawPayloadBox, {
|
|
87
|
+
gasPricePayload,
|
|
88
|
+
alignItems: "start",
|
|
89
|
+
pr: 1
|
|
90
|
+
}));
|
|
91
|
+
}, "BlocknativeGasPriceCardContent");
|
|
90
92
|
BlocknativeGasPriceCardContent.displayName = "BlocknativeGasPriceCardContent";
|
|
91
93
|
|
|
92
94
|
// src/components/Card/CardHeader.tsx
|
|
93
95
|
import { GasPriceWitnessCardHeader } from "@xyo-network/react-gas-price";
|
|
96
|
+
import React2 from "react";
|
|
94
97
|
|
|
95
98
|
// src/components/lib/constants.ts
|
|
96
99
|
var RenderTitle = "Blocknative Gas Tracker";
|
|
97
100
|
|
|
98
101
|
// src/components/Card/CardHeader.tsx
|
|
99
|
-
|
|
100
|
-
var BlocknativeGasPriceCardHeader = ({ payload }) => {
|
|
102
|
+
var BlocknativeGasPriceCardHeader = /* @__PURE__ */ __name(({ payload }) => {
|
|
101
103
|
const gasPricePayload = payload ? payload : void 0;
|
|
102
104
|
const parsedPayload = getBlocknativeTransformer(gasPricePayload);
|
|
103
|
-
return /* @__PURE__ */
|
|
104
|
-
|
|
105
|
+
return /* @__PURE__ */ React2.createElement(GasPriceWitnessCardHeader, {
|
|
106
|
+
title: RenderTitle,
|
|
107
|
+
parsedPayload
|
|
108
|
+
});
|
|
109
|
+
}, "BlocknativeGasPriceCardHeader");
|
|
105
110
|
BlocknativeGasPriceCardHeader.displayName = "BlocknativeGasPriceCardHeader";
|
|
106
111
|
|
|
107
112
|
// src/components/Card/Card.tsx
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
};
|
|
113
|
+
var BlocknativeGasPriceCard = /* @__PURE__ */ __name(({ ref, payload, ...props }) => {
|
|
114
|
+
return /* @__PURE__ */ React3.createElement(Card, {
|
|
115
|
+
ref,
|
|
116
|
+
...props
|
|
117
|
+
}, /* @__PURE__ */ React3.createElement(BlocknativeGasPriceCardHeader, {
|
|
118
|
+
payload
|
|
119
|
+
}), /* @__PURE__ */ React3.createElement(BlocknativeGasPriceCardContent, {
|
|
120
|
+
payload
|
|
121
|
+
}));
|
|
122
|
+
}, "BlocknativeGasPriceCard");
|
|
119
123
|
BlocknativeGasPriceCard.displayName = "BlocknativeGasPriceCard";
|
|
120
124
|
|
|
121
125
|
// src/components/Details/Box/BlocknativeGasPriceDetailsBox.tsx
|
|
122
126
|
import { Grid as Grid2 } from "@mui/material";
|
|
123
127
|
import { FlexCol } from "@xylabs/react-flexbox";
|
|
124
|
-
import {
|
|
125
|
-
GasFeeCard as GasFeeCard2,
|
|
126
|
-
GasPriceWitnessHeaderBox,
|
|
127
|
-
ToggleRawPayloadBox as ToggleRawPayloadBox2
|
|
128
|
-
} from "@xyo-network/react-gas-price";
|
|
128
|
+
import { GasFeeCard as GasFeeCard2, GasPriceWitnessHeaderBox, ToggleRawPayloadBox as ToggleRawPayloadBox2 } from "@xyo-network/react-gas-price";
|
|
129
129
|
import { PayloadDataMissing as PayloadDataMissing2 } from "@xyo-network/react-shared";
|
|
130
|
-
import
|
|
131
|
-
var isEmpty2 = (obj) => Object.keys(obj ?? {}).length === 0;
|
|
132
|
-
var BlocknativeGasPriceDetailsBox = ({
|
|
133
|
-
payload,
|
|
134
|
-
listMode,
|
|
135
|
-
...props
|
|
136
|
-
}) => {
|
|
130
|
+
import React4 from "react";
|
|
131
|
+
var isEmpty2 = /* @__PURE__ */ __name((obj) => Object.keys(obj ?? {}).length === 0, "isEmpty");
|
|
132
|
+
var BlocknativeGasPriceDetailsBox = /* @__PURE__ */ __name(({ payload, listMode, ...props }) => {
|
|
137
133
|
const gasPricePayload = payload ? payload : void 0;
|
|
138
134
|
const parsedPayload = getBlocknativeTransformer(gasPricePayload);
|
|
139
|
-
return /* @__PURE__ */
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
/* @__PURE__ */ jsx4(ToggleRawPayloadBox2, { gasPricePayload, alignItems: "start" })
|
|
177
|
-
] }) });
|
|
178
|
-
};
|
|
135
|
+
return /* @__PURE__ */ React4.createElement(React4.Fragment, null, isEmpty2(gasPricePayload) || !gasPricePayload?.blockPrices?.length ? /* @__PURE__ */ React4.createElement(PayloadDataMissing2, {
|
|
136
|
+
alertBody: "Payload is missing valid gas fee data."
|
|
137
|
+
}) : /* @__PURE__ */ React4.createElement(FlexCol, {
|
|
138
|
+
alignItems: "start",
|
|
139
|
+
rowGap: 4,
|
|
140
|
+
...props
|
|
141
|
+
}, /* @__PURE__ */ React4.createElement(GasPriceWitnessHeaderBox, {
|
|
142
|
+
heading: RenderTitle,
|
|
143
|
+
parsedPayload
|
|
144
|
+
}), /* @__PURE__ */ React4.createElement(Grid2, {
|
|
145
|
+
container: true,
|
|
146
|
+
spacing: 3,
|
|
147
|
+
columns: {
|
|
148
|
+
lg: 15,
|
|
149
|
+
md: 15,
|
|
150
|
+
sm: 12,
|
|
151
|
+
xs: 12
|
|
152
|
+
}
|
|
153
|
+
}, parsedPayload && parsedPayload?.gasPrice?.map(({ price, priorityFee }) => /* @__PURE__ */ React4.createElement(Grid2, {
|
|
154
|
+
key: price?.label,
|
|
155
|
+
size: {
|
|
156
|
+
xs: 12,
|
|
157
|
+
sm: 6,
|
|
158
|
+
md: 5,
|
|
159
|
+
lg: 3
|
|
160
|
+
}
|
|
161
|
+
}, /* @__PURE__ */ React4.createElement(GasFeeCard2, {
|
|
162
|
+
key: price?.label,
|
|
163
|
+
gasPrice: price?.value,
|
|
164
|
+
speed: price?.label,
|
|
165
|
+
priorityFee: priorityFee?.value,
|
|
166
|
+
priorityFeeLabel: priorityFee?.label
|
|
167
|
+
})))), /* @__PURE__ */ React4.createElement(ToggleRawPayloadBox2, {
|
|
168
|
+
gasPricePayload,
|
|
169
|
+
alignItems: "start"
|
|
170
|
+
})));
|
|
171
|
+
}, "BlocknativeGasPriceDetailsBox");
|
|
179
172
|
BlocknativeGasPriceDetailsBox.displayName = "BlocknativeGasPriceDetailsBox";
|
|
180
173
|
|
|
181
174
|
// src/Plugin.ts
|
|
@@ -184,10 +177,14 @@ import { EthereumGasPriceAvatar } from "@xyo-network/react-gas-price";
|
|
|
184
177
|
import { createPayloadRenderPlugin } from "@xyo-network/react-payload-plugin";
|
|
185
178
|
var EthereumGasPriceBlocknativePlugin = {
|
|
186
179
|
...createPayloadRenderPlugin({
|
|
187
|
-
canRender: (payload) => payload?.schema === EthereumGasBlocknativeSchema,
|
|
180
|
+
canRender: /* @__PURE__ */ __name((payload) => payload?.schema === EthereumGasBlocknativeSchema, "canRender"),
|
|
188
181
|
components: {
|
|
189
|
-
avatar: {
|
|
190
|
-
|
|
182
|
+
avatar: {
|
|
183
|
+
image: EthereumGasPriceAvatar
|
|
184
|
+
},
|
|
185
|
+
box: {
|
|
186
|
+
detailsBox: BlocknativeGasPriceDetailsBox
|
|
187
|
+
},
|
|
191
188
|
card: {
|
|
192
189
|
content: BlocknativeGasPriceCardContent,
|
|
193
190
|
header: BlocknativeGasPriceCardHeader
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/components/Card/Card.tsx","../../src/components/Card/CardContent.tsx","../../src/components/hooks/getBlocknativeTransformer.tsx","../../src/components/Card/CardHeader.tsx","../../src/components/lib/constants.ts","../../src/components/Details/Box/BlocknativeGasPriceDetailsBox.tsx","../../src/Plugin.ts"],"sourcesContent":["import type { CardProps } from '@mui/material'\nimport { Card } from '@mui/material'\nimport type { PayloadRenderProps } from '@xyo-network/react-payload-plugin'\nimport React from 'react'\n\nimport { BlocknativeGasPriceCardContent } from './CardContent.tsx'\nimport { BlocknativeGasPriceCardHeader } from './CardHeader.tsx'\n\nexport const BlocknativeGasPriceCard = ({\n ref, payload, ...props\n}: PayloadRenderProps & CardProps) => {\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 type { CardContentProps } from '@mui/material'\nimport { CardContent, Grid } from '@mui/material'\nimport type { EthereumGasBlocknativePayload } from '@xyo-network/blocknative-ethereum-gas-payload-plugin'\nimport { GasFeeCard, ToggleRawPayloadBox } from '@xyo-network/react-gas-price'\nimport type { PayloadRenderProps } from '@xyo-network/react-payload-plugin'\nimport { PayloadDataMissing } from '@xyo-network/react-shared'\nimport React from 'react'\n\nimport { getBlocknativeTransformer } from '../hooks/index.ts'\n\nconst isEmpty = (obj?: object) => Object.keys(obj ?? {}).length === 0\n\nexport const BlocknativeGasPriceCardContent: React.FC<PayloadRenderProps & CardContentProps> = ({ payload, ...props }) => {\n const gasPricePayload = payload ? (payload as EthereumGasBlocknativePayload) : undefined\n const parsedPayload = getBlocknativeTransformer(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\n sx={{\n display: 'flex', flexDirection: 'column', rowGap: 4,\n }}\n {...props}\n >\n <Grid\n container\n spacing={3}\n columns={{\n lg: 15, md: 15, sm: 12, xs: 12,\n }}\n >\n {parsedPayload\n && parsedPayload?.gasPrice?.map(({ price }) => (\n <Grid\n key={price?.label}\n size={{\n xs: 12, sm: 6, md: 5, lg: 3,\n }}\n >\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 type { EthereumGasBlocknativePayload } from '@xyo-network/blocknative-ethereum-gas-payload-plugin'\nimport type { GasPriceWitnessUIBasePayload } from '@xyo-network/react-gas-price'\n\nexport const getBlocknativeTransformer = (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 type { CardHeaderProps } from '@mui/material'\nimport type { EthereumGasBlocknativePayload } from '@xyo-network/blocknative-ethereum-gas-payload-plugin'\nimport { GasPriceWitnessCardHeader } from '@xyo-network/react-gas-price'\nimport type { PayloadRenderProps } from '@xyo-network/react-payload-plugin'\nimport React from 'react'\n\nimport { getBlocknativeTransformer } from '../hooks/index.ts'\nimport { RenderTitle } from '../lib/index.ts'\n\nexport const BlocknativeGasPriceCardHeader: React.FC<PayloadRenderProps & CardHeaderProps> = ({ payload }) => {\n const gasPricePayload = payload ? (payload as EthereumGasBlocknativePayload) : undefined\n const parsedPayload = getBlocknativeTransformer(gasPricePayload)\n return <GasPriceWitnessCardHeader title={RenderTitle} parsedPayload={parsedPayload} />\n}\n\nBlocknativeGasPriceCardHeader.displayName = 'BlocknativeGasPriceCardHeader'\n","export const RenderTitle = 'Blocknative Gas Tracker'\n","import { Grid } from '@mui/material'\nimport type { FlexBoxProps } from '@xylabs/react-flexbox'\nimport { FlexCol } from '@xylabs/react-flexbox'\nimport type { EthereumGasBlocknativePayload } from '@xyo-network/blocknative-ethereum-gas-payload-plugin'\nimport {\n GasFeeCard, GasPriceWitnessHeaderBox, ToggleRawPayloadBox,\n} from '@xyo-network/react-gas-price'\nimport type { PayloadDetailsListRenderProps } from '@xyo-network/react-payload-plugin'\nimport { PayloadDataMissing } from '@xyo-network/react-shared'\nimport React from 'react'\n\nimport { getBlocknativeTransformer } from '../../hooks/index.ts'\nimport { RenderTitle } from '../../lib/index.ts'\n\nconst isEmpty = (obj?: object) => Object.keys(obj ?? {}).length === 0\n\nexport const BlocknativeGasPriceDetailsBox: React.FC<PayloadDetailsListRenderProps & FlexBoxProps> = ({\n\n payload, listMode, ...props\n}) => {\n const gasPricePayload: EthereumGasBlocknativePayload | undefined = payload ? (payload as EthereumGasBlocknativePayload) : undefined\n const parsedPayload = getBlocknativeTransformer(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}>\n <GasPriceWitnessHeaderBox heading={RenderTitle} parsedPayload={parsedPayload} />\n <Grid\n container\n spacing={3}\n columns={{\n lg: 15, md: 15, sm: 12, xs: 12,\n }}\n >\n {parsedPayload\n && parsedPayload?.gasPrice?.map(({ price, priorityFee }) => (\n <Grid\n key={price?.label}\n size={{\n xs: 12, sm: 6, md: 5, lg: 3,\n }}\n >\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\nBlocknativeGasPriceDetailsBox.displayName = 'BlocknativeGasPriceDetailsBox'\n","import { EthereumGasBlocknativeSchema } from '@xyo-network/blocknative-ethereum-gas-payload-plugin'\nimport type { Payload } from '@xyo-network/payload-model'\nimport { EthereumGasPriceAvatar } from '@xyo-network/react-gas-price'\nimport type { PayloadRenderPlugin } from '@xyo-network/react-payload-plugin'\nimport { createPayloadRenderPlugin } from '@xyo-network/react-payload-plugin'\n\nimport {\n BlocknativeGasPriceCardContent, BlocknativeGasPriceCardHeader, BlocknativeGasPriceDetailsBox,\n} from './components/index.ts'\n\nexport const EthereumGasPriceBlocknativePlugin: PayloadRenderPlugin = {\n ...createPayloadRenderPlugin({\n canRender: (payload?: Payload) => payload?.schema === EthereumGasBlocknativeSchema,\n components: {\n avatar: { image: EthereumGasPriceAvatar },\n box: { detailsBox: BlocknativeGasPriceDetailsBox },\n card: {\n content: BlocknativeGasPriceCardContent,\n header: BlocknativeGasPriceCardHeader,\n },\n },\n name: 'Ethereum Gas Price Blocknative',\n }),\n}\n"],"mappings":"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","names":["jsx","jsx","jsxs","Grid","GasFeeCard","ToggleRawPayloadBox","PayloadDataMissing","jsx","jsxs","isEmpty","PayloadDataMissing","Grid","GasFeeCard","ToggleRawPayloadBox"]}
|
|
1
|
+
{"version":3,"sources":["../../src/components/Card/Card.tsx","../../src/components/Card/CardContent.tsx","../../src/components/hooks/getBlocknativeTransformer.tsx","../../src/components/Card/CardHeader.tsx","../../src/components/lib/constants.ts","../../src/components/Details/Box/BlocknativeGasPriceDetailsBox.tsx","../../src/Plugin.ts"],"sourcesContent":["import type { CardProps } from '@mui/material'\nimport { Card } from '@mui/material'\nimport type { PayloadRenderProps } from '@xyo-network/react-payload-plugin'\nimport React from 'react'\n\nimport { BlocknativeGasPriceCardContent } from './CardContent.tsx'\nimport { BlocknativeGasPriceCardHeader } from './CardHeader.tsx'\n\nexport const BlocknativeGasPriceCard = ({\n ref, payload, ...props\n}: PayloadRenderProps & CardProps) => {\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 type { CardContentProps } from '@mui/material'\nimport { CardContent, Grid } from '@mui/material'\nimport type { EthereumGasBlocknativePayload } from '@xyo-network/blocknative-ethereum-gas-payload-plugin'\nimport { GasFeeCard, ToggleRawPayloadBox } from '@xyo-network/react-gas-price'\nimport type { PayloadRenderProps } from '@xyo-network/react-payload-plugin'\nimport { PayloadDataMissing } from '@xyo-network/react-shared'\nimport React from 'react'\n\nimport { getBlocknativeTransformer } from '../hooks/index.ts'\n\nconst isEmpty = (obj?: object) => Object.keys(obj ?? {}).length === 0\n\nexport const BlocknativeGasPriceCardContent: React.FC<PayloadRenderProps & CardContentProps> = ({ payload, ...props }) => {\n const gasPricePayload = payload ? (payload as EthereumGasBlocknativePayload) : undefined\n const parsedPayload = getBlocknativeTransformer(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\n sx={{\n display: 'flex', flexDirection: 'column', rowGap: 4,\n }}\n {...props}\n >\n <Grid\n container\n spacing={3}\n columns={{\n lg: 15, md: 15, sm: 12, xs: 12,\n }}\n >\n {parsedPayload\n && parsedPayload?.gasPrice?.map(({ price }) => (\n <Grid\n key={price?.label}\n size={{\n xs: 12, sm: 6, md: 5, lg: 3,\n }}\n >\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 type { EthereumGasBlocknativePayload } from '@xyo-network/blocknative-ethereum-gas-payload-plugin'\nimport type { GasPriceWitnessUIBasePayload } from '@xyo-network/react-gas-price'\n\nexport const getBlocknativeTransformer = (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 type { CardHeaderProps } from '@mui/material'\nimport type { EthereumGasBlocknativePayload } from '@xyo-network/blocknative-ethereum-gas-payload-plugin'\nimport { GasPriceWitnessCardHeader } from '@xyo-network/react-gas-price'\nimport type { PayloadRenderProps } from '@xyo-network/react-payload-plugin'\nimport React from 'react'\n\nimport { getBlocknativeTransformer } from '../hooks/index.ts'\nimport { RenderTitle } from '../lib/index.ts'\n\nexport const BlocknativeGasPriceCardHeader: React.FC<PayloadRenderProps & CardHeaderProps> = ({ payload }) => {\n const gasPricePayload = payload ? (payload as EthereumGasBlocknativePayload) : undefined\n const parsedPayload = getBlocknativeTransformer(gasPricePayload)\n return <GasPriceWitnessCardHeader title={RenderTitle} parsedPayload={parsedPayload} />\n}\n\nBlocknativeGasPriceCardHeader.displayName = 'BlocknativeGasPriceCardHeader'\n","export const RenderTitle = 'Blocknative Gas Tracker'\n","import { Grid } from '@mui/material'\nimport type { FlexBoxProps } from '@xylabs/react-flexbox'\nimport { FlexCol } from '@xylabs/react-flexbox'\nimport type { EthereumGasBlocknativePayload } from '@xyo-network/blocknative-ethereum-gas-payload-plugin'\nimport {\n GasFeeCard, GasPriceWitnessHeaderBox, ToggleRawPayloadBox,\n} from '@xyo-network/react-gas-price'\nimport type { PayloadDetailsListRenderProps } from '@xyo-network/react-payload-plugin'\nimport { PayloadDataMissing } from '@xyo-network/react-shared'\nimport React from 'react'\n\nimport { getBlocknativeTransformer } from '../../hooks/index.ts'\nimport { RenderTitle } from '../../lib/index.ts'\n\nconst isEmpty = (obj?: object) => Object.keys(obj ?? {}).length === 0\n\nexport const BlocknativeGasPriceDetailsBox: React.FC<PayloadDetailsListRenderProps & FlexBoxProps> = ({\n\n payload, listMode, ...props\n}) => {\n const gasPricePayload: EthereumGasBlocknativePayload | undefined = payload ? (payload as EthereumGasBlocknativePayload) : undefined\n const parsedPayload = getBlocknativeTransformer(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}>\n <GasPriceWitnessHeaderBox heading={RenderTitle} parsedPayload={parsedPayload} />\n <Grid\n container\n spacing={3}\n columns={{\n lg: 15, md: 15, sm: 12, xs: 12,\n }}\n >\n {parsedPayload\n && parsedPayload?.gasPrice?.map(({ price, priorityFee }) => (\n <Grid\n key={price?.label}\n size={{\n xs: 12, sm: 6, md: 5, lg: 3,\n }}\n >\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\nBlocknativeGasPriceDetailsBox.displayName = 'BlocknativeGasPriceDetailsBox'\n","import { EthereumGasBlocknativeSchema } from '@xyo-network/blocknative-ethereum-gas-payload-plugin'\nimport type { Payload } from '@xyo-network/payload-model'\nimport { EthereumGasPriceAvatar } from '@xyo-network/react-gas-price'\nimport type { PayloadRenderPlugin } from '@xyo-network/react-payload-plugin'\nimport { createPayloadRenderPlugin } from '@xyo-network/react-payload-plugin'\n\nimport {\n BlocknativeGasPriceCardContent, BlocknativeGasPriceCardHeader, BlocknativeGasPriceDetailsBox,\n} from './components/index.ts'\n\nexport const EthereumGasPriceBlocknativePlugin: PayloadRenderPlugin = {\n ...createPayloadRenderPlugin({\n canRender: (payload?: Payload) => payload?.schema === EthereumGasBlocknativeSchema,\n components: {\n avatar: { image: EthereumGasPriceAvatar },\n box: { detailsBox: BlocknativeGasPriceDetailsBox },\n card: {\n content: BlocknativeGasPriceCardContent,\n header: BlocknativeGasPriceCardHeader,\n },\n },\n name: 'Ethereum Gas Price Blocknative',\n }),\n}\n"],"mappings":"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","names":["Card","React","CardContent","Grid","GasFeeCard","ToggleRawPayloadBox","PayloadDataMissing","React","getBlocknativeTransformer","payload","blockPrices","estimatedPrices","length","gasPrice","map","price","label","confidence","value","priorityFee","maxPriorityFeePerGas","baseFee","baseFeePerGas","blockNumber","timestamp","website","isEmpty","obj","Object","keys","length","BlocknativeGasPriceCardContent","payload","props","gasPricePayload","undefined","parsedPayload","getBlocknativeTransformer","blockPrices","PayloadDataMissing","alertBody","sx","m","CardContent","display","flexDirection","rowGap","Grid","container","spacing","columns","lg","md","sm","xs","gasPrice","map","price","key","label","size","GasFeeCard","value","speed","speedPaperElevation","ToggleRawPayloadBox","alignItems","pr","displayName","GasPriceWitnessCardHeader","React","RenderTitle","BlocknativeGasPriceCardHeader","payload","gasPricePayload","undefined","parsedPayload","getBlocknativeTransformer","React","GasPriceWitnessCardHeader","title","RenderTitle","displayName","BlocknativeGasPriceCard","ref","payload","props","React","Card","BlocknativeGasPriceCardHeader","BlocknativeGasPriceCardContent","displayName","Grid","FlexCol","GasFeeCard","GasPriceWitnessHeaderBox","ToggleRawPayloadBox","PayloadDataMissing","React","isEmpty","obj","Object","keys","length","BlocknativeGasPriceDetailsBox","payload","listMode","props","gasPricePayload","undefined","parsedPayload","getBlocknativeTransformer","React","blockPrices","PayloadDataMissing","alertBody","FlexCol","alignItems","rowGap","GasPriceWitnessHeaderBox","heading","RenderTitle","Grid","container","spacing","columns","lg","md","sm","xs","gasPrice","map","price","priorityFee","key","label","size","GasFeeCard","value","speed","priorityFeeLabel","ToggleRawPayloadBox","displayName","EthereumGasBlocknativeSchema","EthereumGasPriceAvatar","createPayloadRenderPlugin","EthereumGasPriceBlocknativePlugin","createPayloadRenderPlugin","canRender","payload","schema","EthereumGasBlocknativeSchema","components","avatar","image","EthereumGasPriceAvatar","box","detailsBox","BlocknativeGasPriceDetailsBox","card","content","BlocknativeGasPriceCardContent","header","BlocknativeGasPriceCardHeader","name"]}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@xyo-network/react-ethereum-gas-price-blocknative-plugin",
|
|
3
|
-
"version": "7.
|
|
3
|
+
"version": "7.5.0",
|
|
4
4
|
"description": "Common React library for all XYO projects that use React",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"xyo",
|
|
@@ -43,30 +43,30 @@
|
|
|
43
43
|
"src"
|
|
44
44
|
],
|
|
45
45
|
"dependencies": {
|
|
46
|
-
"@xylabs/react-flexbox": "~7.1.
|
|
47
|
-
"@xyo-network/blocknative-ethereum-gas-payload-plugin": "~5.
|
|
48
|
-
"@xyo-network/react-gas-price": "
|
|
49
|
-
"@xyo-network/react-payload-plugin": "
|
|
50
|
-
"@xyo-network/react-shared": "
|
|
46
|
+
"@xylabs/react-flexbox": "~7.1.9",
|
|
47
|
+
"@xyo-network/blocknative-ethereum-gas-payload-plugin": "~5.3.1",
|
|
48
|
+
"@xyo-network/react-gas-price": "7.5.0",
|
|
49
|
+
"@xyo-network/react-payload-plugin": "7.5.0",
|
|
50
|
+
"@xyo-network/react-shared": "7.5.0"
|
|
51
51
|
},
|
|
52
52
|
"devDependencies": {
|
|
53
53
|
"@emotion/react": "~11.14.0",
|
|
54
54
|
"@emotion/styled": "~11.14.1",
|
|
55
|
-
"@mui/icons-material": "~7.3.
|
|
56
|
-
"@mui/material": "~7.3.
|
|
57
|
-
"@storybook/react-vite": "~10.1
|
|
58
|
-
"@types/react": "^19.2.
|
|
59
|
-
"@xylabs/ts-scripts-yarn3": "~7.2
|
|
60
|
-
"@xylabs/tsconfig": "~7.2
|
|
61
|
-
"@xylabs/tsconfig-dom": "~7.2
|
|
62
|
-
"@xylabs/tsconfig-react": "~7.2
|
|
63
|
-
"@xyo-network/payload-model": "~5.2
|
|
64
|
-
"@xyo-network/react-storybook": "
|
|
65
|
-
"react": "^19.2.
|
|
66
|
-
"react-dom": "^19.2.
|
|
67
|
-
"storybook": "~10.1
|
|
55
|
+
"@mui/icons-material": "~7.3.7",
|
|
56
|
+
"@mui/material": "~7.3.7",
|
|
57
|
+
"@storybook/react-vite": "~10.2.1",
|
|
58
|
+
"@types/react": "^19.2.10",
|
|
59
|
+
"@xylabs/ts-scripts-yarn3": "~7.3.2",
|
|
60
|
+
"@xylabs/tsconfig": "~7.3.2",
|
|
61
|
+
"@xylabs/tsconfig-dom": "~7.3.2",
|
|
62
|
+
"@xylabs/tsconfig-react": "~7.3.2",
|
|
63
|
+
"@xyo-network/payload-model": "~5.3.2",
|
|
64
|
+
"@xyo-network/react-storybook": "7.5.0",
|
|
65
|
+
"react": "^19.2.4",
|
|
66
|
+
"react-dom": "^19.2.4",
|
|
67
|
+
"storybook": "~10.2.1",
|
|
68
68
|
"typescript": "^5.9.3",
|
|
69
|
-
"vite": "~7.
|
|
69
|
+
"vite": "~7.3.1"
|
|
70
70
|
},
|
|
71
71
|
"peerDependencies": {
|
|
72
72
|
"@mui/icons-material": ">=6 <8",
|
|
@@ -78,4 +78,4 @@
|
|
|
78
78
|
"access": "public"
|
|
79
79
|
},
|
|
80
80
|
"docs": "dist/docs.json"
|
|
81
|
-
}
|
|
81
|
+
}
|