@xyo-network/react-gas-price 7.6.2 → 8.0.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.
Files changed (10) hide show
  1. package/dist/browser/components/GasFees/Card.d.ts.map +1 -1
  2. package/dist/browser/components/GasFees/components/GasPriceBox.d.ts.map +1 -1
  3. package/dist/browser/components/GasFees/components/PriorityFeeBox.d.ts.map +1 -1
  4. package/dist/browser/components/GasFees/components/SpeedBox.d.ts.map +1 -1
  5. package/dist/browser/components/HeaderComponents/Actions.d.ts.map +1 -1
  6. package/dist/browser/components/HeaderComponents/Header/Heading.d.ts.map +1 -1
  7. package/dist/browser/components/RawPayload/ToggleRawPayloadBox.d.ts.map +1 -1
  8. package/dist/browser/index.mjs +131 -45
  9. package/dist/browser/index.mjs.map +1 -1
  10. package/package.json +70 -70
package/dist/browser/components/GasFees/Card.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../../src/components/GasFees/Card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AAM9C,OAAO,KAAK,MAAM,OAAO,CAAA;AAMzB,MAAM,WAAW,eAAgB,SAAQ,SAAS;IAChD,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,mBAAmB,CAAC,EAAE,MAAM,CAAA;CAC7B;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAyBhD,CAAA"}
1
+ {"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../../src/components/GasFees/Card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AAM9C,OAAO,KAAK,MAAM,OAAO,CAAA;AAMzB,MAAM,WAAW,eAAgB,SAAQ,SAAS;IAChD,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,mBAAmB,CAAC,EAAE,MAAM,CAAA;CAC7B;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAiChD,CAAA"}
package/dist/browser/components/GasFees/components/GasPriceBox.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"GasPriceBox.d.ts","sourceRoot":"","sources":["../../../../../src/components/GasFees/components/GasPriceBox.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAA;AAGzD,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,MAAM,WAAW,gBAAiB,SAAQ,YAAY;IACpD,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAUlD,CAAA"}
1
+ {"version":3,"file":"GasPriceBox.d.ts","sourceRoot":"","sources":["../../../../../src/components/GasFees/components/GasPriceBox.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAA;AAGzD,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,MAAM,WAAW,gBAAiB,SAAQ,YAAY;IACpD,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAwBlD,CAAA"}
package/dist/browser/components/GasFees/components/PriorityFeeBox.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"PriorityFeeBox.d.ts","sourceRoot":"","sources":["../../../../../src/components/GasFees/components/PriorityFeeBox.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAA;AAGzD,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,MAAM,WAAW,mBAAoB,SAAQ,YAAY;IACvD,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,gBAAgB,CAAC,EAAE,MAAM,CAAA;CAC1B;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAkBxD,CAAA"}
1
+ {"version":3,"file":"PriorityFeeBox.d.ts","sourceRoot":"","sources":["../../../../../src/components/GasFees/components/PriorityFeeBox.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAA;AAGzD,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,MAAM,WAAW,mBAAoB,SAAQ,YAAY;IACvD,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,gBAAgB,CAAC,EAAE,MAAM,CAAA;CAC1B;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAyBxD,CAAA"}
package/dist/browser/components/GasFees/components/SpeedBox.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"SpeedBox.d.ts","sourceRoot":"","sources":["../../../../../src/components/GasFees/components/SpeedBox.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAA;AAGzD,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,MAAM,WAAW,aAAc,SAAQ,YAAY;IACjD,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAY5C,CAAA"}
1
+ {"version":3,"file":"SpeedBox.d.ts","sourceRoot":"","sources":["../../../../../src/components/GasFees/components/SpeedBox.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAA;AAGzD,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,MAAM,WAAW,aAAc,SAAQ,YAAY;IACjD,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAkB5C,CAAA"}
package/dist/browser/components/HeaderComponents/Actions.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Actions.d.ts","sourceRoot":"","sources":["../../../../src/components/HeaderComponents/Actions.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAA;AAEzD,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,MAAM,WAAW,+BAAgC,SAAQ,YAAY;IACnE,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,eAAO,MAAM,wBAAwB,EAAE,KAAK,CAAC,EAAE,CAAC,+BAA+B,CAqB9E,CAAA"}
1
+ {"version":3,"file":"Actions.d.ts","sourceRoot":"","sources":["../../../../src/components/HeaderComponents/Actions.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAA;AAEzD,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,MAAM,WAAW,+BAAgC,SAAQ,YAAY;IACnE,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,eAAO,MAAM,wBAAwB,EAAE,KAAK,CAAC,EAAE,CAAC,+BAA+B,CA4B9E,CAAA"}
package/dist/browser/components/HeaderComponents/Header/Heading.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Heading.d.ts","sourceRoot":"","sources":["../../../../../src/components/HeaderComponents/Header/Heading.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAA;AAElE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,MAAM,WAAW,8BAA+B,SAAQ,iBAAiB;IACvE,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,WAAW,CAAC,EAAE,SAAS,CAAA;CACxB;AAED,eAAO,MAAM,yBAAyB,EAAE,KAAK,CAAC,EAAE,CAAC,8BAA8B,CAa9E,CAAA"}
1
+ {"version":3,"file":"Heading.d.ts","sourceRoot":"","sources":["../../../../../src/components/HeaderComponents/Header/Heading.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAA;AAElE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,MAAM,WAAW,8BAA+B,SAAQ,iBAAiB;IACvE,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,WAAW,CAAC,EAAE,SAAS,CAAA;CACxB;AAED,eAAO,MAAM,yBAAyB,EAAE,KAAK,CAAC,EAAE,CAAC,8BAA8B,CAmB9E,CAAA"}
package/dist/browser/components/RawPayload/ToggleRawPayloadBox.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ToggleRawPayloadBox.d.ts","sourceRoot":"","sources":["../../../../src/components/RawPayload/ToggleRawPayloadBox.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAA;AAEzD,OAAO,KAAmB,MAAM,OAAO,CAAA;AAEvC,MAAM,WAAW,wBAAyB,SAAQ,YAAY;IAC5D,eAAe,CAAC,EAAE,MAAM,CAAA;CACzB;AAED,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CAqBlE,CAAA"}
1
+ {"version":3,"file":"ToggleRawPayloadBox.d.ts","sourceRoot":"","sources":["../../../../src/components/RawPayload/ToggleRawPayloadBox.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAA;AAEzD,OAAO,KAAmB,MAAM,OAAO,CAAA;AAEvC,MAAM,WAAW,wBAAyB,SAAQ,YAAY;IAC5D,eAAe,CAAC,EAAE,MAAM,CAAA;CACzB;AAED,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CA2BlE,CAAA"}
package/dist/browser/index.mjs CHANGED
@@ -18,11 +18,22 @@ var GasPriceHeaderActionsBox = ({
18
18
  timestamp,
19
19
  ...props
20
20
  }) => {
21
- return /* @__PURE__ */ jsxs(FlexRow, { columnGap: 1, rowGap: 1, flexWrap: "wrap", ...props, children: [
22
- timestamp ? /* @__PURE__ */ jsx2(Chip, { label: new Date(timestamp).toLocaleString() }) : null,
23
- baseFee ? /* @__PURE__ */ jsx2(Chip, { label: `${baseFeeLabel} - ${baseFee.toFixed(2)} GWEI` }) : null,
24
- blockNumber ? /* @__PURE__ */ jsx2(Chip, { label: `${blockNumberLabel} - ${blockNumber}` }) : null
25
- ] });
21
+ return /* @__PURE__ */ jsxs(
22
+ FlexRow,
23
+ {
24
+ ...props,
25
+ sx: [{
26
+ columnGap: 1,
27
+ rowGap: 1,
28
+ flexWrap: "wrap"
29
+ }, ...Array.isArray(props.sx) ? props.sx : [props.sx]],
30
+ children: [
31
+ timestamp ? /* @__PURE__ */ jsx2(Chip, { label: new Date(timestamp).toLocaleString() }) : null,
32
+ baseFee ? /* @__PURE__ */ jsx2(Chip, { label: `${baseFeeLabel} - ${baseFee.toFixed(2)} GWEI` }) : null,
33
+ blockNumber ? /* @__PURE__ */ jsx2(Chip, { label: `${blockNumberLabel} - ${blockNumber}` }) : null
34
+ ]
35
+ }
36
+ );
26
37
  };
27
38
 
28
39
  // src/components/HeaderComponents/Header/Header.tsx
@@ -40,13 +51,23 @@ var GasPriceHeadingTypography = ({
40
51
  ...props
41
52
  }) => {
42
53
  const theme = useTheme();
43
- return /* @__PURE__ */ jsxs2(TypographyEx, { fontSize: theme.spacing(6), lineHeight: 1, ...props, children: [
44
- heading,
45
- " ",
46
- networkIcon,
47
- " ",
48
- children
49
- ] });
54
+ return /* @__PURE__ */ jsxs2(
55
+ TypographyEx,
56
+ {
57
+ ...props,
58
+ sx: [{
59
+ fontSize: theme.spacing(6),
60
+ lineHeight: 1
61
+ }, ...Array.isArray(props.sx) ? props.sx : [props.sx]],
62
+ children: [
63
+ heading,
64
+ " ",
65
+ networkIcon,
66
+ " ",
67
+ children
68
+ ]
69
+ }
70
+ );
50
71
  };
51
72
 
52
73
  // src/components/HeaderComponents/Header/Header.tsx
@@ -132,10 +153,32 @@ var GweiLabelTypography = (props) => /* @__PURE__ */ jsx5(TypographyEx2, { varia
132
153
  import { jsx as jsx6, jsxs as jsxs3 } from "react/jsx-runtime";
133
154
  var GasPriceBox = ({ gasPrice, ...props }) => {
134
155
  const theme = useTheme3();
135
- return /* @__PURE__ */ jsxs3(FlexRow3, { columnGap: 1.5, rowGap: 1.5, alignItems: "end", ...props, children: [
136
- /* @__PURE__ */ jsx6(TypographyEx3, { lineHeight: 1, fontWeight: "200", fontSize: theme.spacing(6), title: gasPrice?.toString() ?? "", children: gasPrice?.toFixed(2) }),
137
- /* @__PURE__ */ jsx6(GweiLabelTypography, { fontSize: theme.spacing(2) })
138
- ] });
156
+ return /* @__PURE__ */ jsxs3(
157
+ FlexRow3,
158
+ {
159
+ ...props,
160
+ sx: [{
161
+ columnGap: 1.5,
162
+ rowGap: 1.5,
163
+ alignItems: "end"
164
+ }, ...Array.isArray(props.sx) ? props.sx : [props.sx]],
165
+ children: [
166
+ /* @__PURE__ */ jsx6(
167
+ TypographyEx3,
168
+ {
169
+ title: gasPrice?.toString() ?? "",
170
+ sx: {
171
+ lineHeight: 1,
172
+ fontWeight: "200",
173
+ fontSize: theme.spacing(6)
174
+ },
175
+ children: gasPrice?.toFixed(2)
176
+ }
177
+ ),
178
+ /* @__PURE__ */ jsx6(GweiLabelTypography, { sx: { fontSize: theme.spacing(2) } })
179
+ ]
180
+ }
181
+ );
139
182
  };
140
183
 
141
184
  // src/components/GasFees/components/PriorityFeeBox.tsx
@@ -150,17 +193,28 @@ var PriorityFeeBox = ({
150
193
  ...props
151
194
  }) => {
152
195
  const theme = useTheme4();
153
- return /* @__PURE__ */ jsxs4(FlexGrowRow, { width: "100%", justifyContent: "space-between", alignItems: "end", ...props, children: [
154
- /* @__PURE__ */ jsxs4(FlexCol, { alignItems: "start", children: [
155
- /* @__PURE__ */ jsx7(TypographyEx4, { children: priorityFeeLabel }),
156
- /* @__PURE__ */ jsxs4(TypographyEx4, { title: priorityFee?.toString() ?? "", children: [
157
- priorityFee?.toFixed(2),
158
- " ",
159
- /* @__PURE__ */ jsx7(GweiLabelTypography, { fontSize: theme.spacing(1) })
160
- ] })
161
- ] }),
162
- /* @__PURE__ */ jsx7(LocalGasStationRoundedIcon2, {})
163
- ] });
196
+ return /* @__PURE__ */ jsxs4(
197
+ FlexGrowRow,
198
+ {
199
+ ...props,
200
+ sx: [{
201
+ width: "100%",
202
+ justifyContent: "space-between",
203
+ alignItems: "end"
204
+ }, ...Array.isArray(props.sx) ? props.sx : [props.sx]],
205
+ children: [
206
+ /* @__PURE__ */ jsxs4(FlexCol, { sx: { alignItems: "start" }, children: [
207
+ /* @__PURE__ */ jsx7(TypographyEx4, { children: priorityFeeLabel }),
208
+ /* @__PURE__ */ jsxs4(TypographyEx4, { title: priorityFee?.toString() ?? "", children: [
209
+ priorityFee?.toFixed(2),
210
+ " ",
211
+ /* @__PURE__ */ jsx7(GweiLabelTypography, { sx: { fontSize: theme.spacing(1) } })
212
+ ] })
213
+ ] }),
214
+ /* @__PURE__ */ jsx7(LocalGasStationRoundedIcon2, {})
215
+ ]
216
+ }
217
+ );
164
218
  };
165
219
 
166
220
  // src/components/GasFees/components/SpeedBox.tsx
@@ -170,7 +224,17 @@ import { TypographyEx as TypographyEx5 } from "@xyo-network/react-shared";
170
224
  import { jsx as jsx8 } from "react/jsx-runtime";
171
225
  var SpeedBox = ({ speed, ...props }) => {
172
226
  const theme = useTheme5();
173
- return speed ? /* @__PURE__ */ jsx8(FlexGrowCol, { ...props, children: /* @__PURE__ */ jsx8(TypographyEx5, { fontSize: theme.spacing(3), fontWeight: "200", p: 1, children: speed }) }) : null;
227
+ return speed ? /* @__PURE__ */ jsx8(FlexGrowCol, { ...props, children: /* @__PURE__ */ jsx8(
228
+ TypographyEx5,
229
+ {
230
+ sx: {
231
+ fontSize: theme.spacing(3),
232
+ fontWeight: "200",
233
+ p: 1
234
+ },
235
+ children: speed
236
+ }
237
+ ) }) : null;
174
238
  };
175
239
 
176
240
  // src/components/GasFees/Card.tsx
@@ -195,10 +259,22 @@ var GasFeeCard = ({
195
259
  rowGap: 2
196
260
  },
197
261
  children: [
198
- /* @__PURE__ */ jsxs5(FlexGrowCol2, { bgcolor: theme.vars.palette.secondary.dark, alignItems: "start", p: 2, rowGap: 1.5, color: theme.vars.palette.common.white, children: [
199
- /* @__PURE__ */ jsx9(GasPriceBox, { gasPrice }),
200
- priorityFee ? /* @__PURE__ */ jsx9(PriorityFeeBox, { priorityFee, priorityFeeLabel }) : null
201
- ] }),
262
+ /* @__PURE__ */ jsxs5(
263
+ FlexGrowCol2,
264
+ {
265
+ sx: {
266
+ bgcolor: theme.vars.palette.secondary.dark,
267
+ alignItems: "start",
268
+ p: 2,
269
+ rowGap: 1.5,
270
+ color: theme.vars.palette.common.white
271
+ },
272
+ children: [
273
+ /* @__PURE__ */ jsx9(GasPriceBox, { gasPrice }),
274
+ priorityFee ? /* @__PURE__ */ jsx9(PriorityFeeBox, { priorityFee, priorityFeeLabel }) : null
275
+ ]
276
+ }
277
+ ),
202
278
  /* @__PURE__ */ jsx9(Paper, { elevation: speedPaperElevation, sx: { borderRadius: `0 0 ${theme.shape.borderRadius}px ${theme.shape.borderRadius}px` }, children: /* @__PURE__ */ jsx9(SpeedBox, { speed }) })
203
279
  ]
204
280
  }
@@ -238,19 +314,29 @@ import { useState } from "react";
238
314
  import { jsx as jsx11, jsxs as jsxs7 } from "react/jsx-runtime";
239
315
  var ToggleRawPayloadBox = ({ gasPricePayload, ...props }) => {
240
316
  const [collapse, setCollapse] = useState(false);
241
- return gasPricePayload ? /* @__PURE__ */ jsxs7(FlexCol2, { rowGap: 1, ...props, children: [
242
- /* @__PURE__ */ jsx11(
243
- Button,
244
- {
245
- color: "secondary",
246
- sx: { bgcolor: "secondary.dark", color: "white" },
247
- variant: "contained",
248
- onClick: () => setCollapse(!collapse),
249
- children: "Raw Payload"
250
- }
251
- ),
252
- /* @__PURE__ */ jsx11(Collapse, { in: collapse, children: /* @__PURE__ */ jsx11(Paper2, { elevation: 4, sx: { p: 2 }, children: /* @__PURE__ */ jsx11("pre", { children: JSON.stringify(gasPricePayload, null, 2) }) }) })
253
- ] }) : null;
317
+ return gasPricePayload ? /* @__PURE__ */ jsxs7(
318
+ FlexCol2,
319
+ {
320
+ ...props,
321
+ sx: [{ rowGap: 1 }, ...Array.isArray(props.sx) ? props.sx : [props.sx]],
322
+ children: [
323
+ /* @__PURE__ */ jsx11(
324
+ Button,
325
+ {
326
+ variant: "contained",
327
+ color: "secondary",
328
+ onClick: () => setCollapse(!collapse),
329
+ sx: {
330
+ bgcolor: "secondary.dark",
331
+ color: "white"
332
+ },
333
+ children: "Raw Payload"
334
+ }
335
+ ),
336
+ /* @__PURE__ */ jsx11(Collapse, { in: collapse, children: /* @__PURE__ */ jsx11(Paper2, { elevation: 4, sx: { p: 2 }, children: /* @__PURE__ */ jsx11("pre", { children: JSON.stringify(gasPricePayload, null, 2) }) }) })
337
+ ]
338
+ }
339
+ ) : null;
254
340
  };
255
341
  export {
256
342
  EthereumGasPriceAvatar,
package/dist/browser/index.mjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/components/Avatar/EthereumGasPriceAvatar.tsx","../../src/components/HeaderComponents/Actions.tsx","../../src/components/HeaderComponents/Header/Header.tsx","../../src/components/HeaderComponents/Header/Heading.tsx","../../src/components/layout/Header.tsx","../../src/components/layout/StyledCardHeader.tsx","../../src/components/CardHeader/CardHeader.tsx","../../src/components/GasFees/Card.tsx","../../src/components/GasFees/components/GasPriceBox.tsx","../../src/components/GasFees/components/GweiLabelTypography.tsx","../../src/components/GasFees/components/PriorityFeeBox.tsx","../../src/components/GasFees/components/SpeedBox.tsx","../../src/components/HeaderBox.tsx","../../src/components/RawPayload/ToggleRawPayloadBox.tsx"],"sourcesContent":["import { LocalGasStationRounded as LocalGasStationRoundedIcon } from '@mui/icons-material'\nimport type { AvatarProps } from '@mui/material'\nimport { Avatar } from '@mui/material'\nimport React from 'react'\n\nexport const EthereumGasPriceAvatar: React.FC<AvatarProps> = ({ ...props }) => {\n return (\n <Avatar {...props}>\n <LocalGasStationRoundedIcon />\n </Avatar>\n )\n}\n","import { Chip } from '@mui/material'\nimport type { FlexBoxProps } from '@xylabs/react-flexbox'\nimport { FlexRow } from '@xylabs/react-flexbox'\nimport React from 'react'\n\nexport interface GasPriceEstimateActionsBoxProps extends FlexBoxProps {\n baseFee?: number\n baseFeeLabel?: string\n blockNumber?: number\n blockNumberLabel?: string\n timestamp?: number\n}\n\nexport const GasPriceHeaderActionsBox: React.FC<GasPriceEstimateActionsBoxProps> = ({\n baseFee,\n baseFeeLabel = 'Base Fee',\n blockNumber,\n blockNumberLabel = 'Block Number',\n timestamp,\n ...props\n}) => {\n return (\n <FlexRow columnGap={1} rowGap={1} flexWrap=\"wrap\" {...props}>\n {timestamp\n ? <Chip label={new Date(timestamp).toLocaleString()} />\n : null}\n {baseFee\n ? <Chip label={`${baseFeeLabel} - ${baseFee.toFixed(2)} GWEI`} />\n : null}\n {blockNumber\n ? <Chip label={`${blockNumberLabel} - ${blockNumber}`} />\n : null}\n </FlexRow>\n )\n}\n","import { useTheme } from '@mui/material'\nimport type { TypographyExProps } from '@xyo-network/react-shared'\nimport { getTokenData } from '@xyo-network/react-shared'\nimport type { PropsWithChildren } from 'react'\nimport React from 'react'\n\nimport { GasPriceHeadingTypography } from './Heading.tsx'\n\nexport interface GasPriceHeaderTypographyProps extends TypographyExProps, PropsWithChildren {\n heading?: string\n}\n\nexport const GasPriceHeaderTypography: React.FC<GasPriceHeaderTypographyProps> = ({\n heading, children, ...props\n}) => {\n const theme = useTheme()\n const [ethData] = getTokenData(['eth'])\n const networkIcon = <img height={theme.spacing(4)} src={ethData.icon} />\n\n return (\n <GasPriceHeadingTypography heading={heading} networkIcon={networkIcon} {...props}>\n {children}\n </GasPriceHeadingTypography>\n )\n}\n","import { useTheme } from '@mui/material'\nimport type { TypographyExProps } from '@xyo-network/react-shared'\nimport { TypographyEx } from '@xyo-network/react-shared'\nimport type { ReactNode } from 'react'\nimport React from 'react'\n\nexport interface GasPriceHeadingTypographyProps extends TypographyExProps {\n children?: ReactNode\n heading?: string\n networkIcon?: ReactNode\n}\n\nexport const GasPriceHeadingTypography: React.FC<GasPriceHeadingTypographyProps> = ({\n children, heading, networkIcon, ...props\n}) => {\n const theme = useTheme()\n return (\n <TypographyEx fontSize={theme.spacing(6)} lineHeight={1} {...props}>\n {heading}\n {' '}\n {networkIcon}\n {' '}\n {children}\n </TypographyEx>\n )\n}\n","import { styled } from '@mui/material'\nimport { FlexRow } from '@xylabs/react-flexbox'\nimport type React from 'react'\n\nexport const StyledGasPriceHeaderBox: React.FC<React.ComponentProps<typeof FlexRow>> = styled(FlexRow, { name: 'StyledGasPriceEstimateBox' })(({ theme }) => ({\n alignItems: 'end',\n columnGap: theme.spacing(2),\n flexWrap: 'wrap',\n justifyContent: 'space-between',\n justifyItems: 'space-between',\n rowGap: theme.spacing(2),\n width: '100%',\n}))\n","import { CardHeader, styled } from '@mui/material'\nimport type React from 'react'\n\nexport const StyledCardHeader: React.FC<React.ComponentProps<typeof CardHeader>> = styled(CardHeader, { name: 'StyledCardHeader' })(({ theme }) => ({\n flexWrap: 'wrap',\n rowGap: theme.spacing(2),\n}))\n","import type { CardProps } from '@mui/material'\nimport React from 'react'\n\nimport type { GasPriceWitnessUIBasePayload } from '../../types/index.ts'\nimport { GasPriceHeaderActionsBox, GasPriceHeaderTypography } from '../HeaderComponents/index.ts'\nimport { StyledCardHeader } from '../layout/index.ts'\n\nexport interface GasPriceCardHeaderProps extends CardProps {\n parsedPayload?: GasPriceWitnessUIBasePayload\n title?: string\n}\nexport const GasPriceWitnessCardHeader = ({\n ref, title, parsedPayload, ...props\n}: GasPriceCardHeaderProps) => (\n <StyledCardHeader\n title={<GasPriceHeaderTypography heading={title} />}\n action={(\n <GasPriceHeaderActionsBox\n timestamp={parsedPayload?.timestamp}\n baseFee={parsedPayload?.baseFee?.value}\n baseFeeLabel={parsedPayload?.baseFee?.label}\n blockNumber={parsedPayload?.blockNumber?.value}\n blockNumberLabel={parsedPayload?.blockNumber?.label}\n />\n )}\n ref={ref}\n {...props}\n />\n)\n\nGasPriceWitnessCardHeader.displayName = 'GasPriceWitnessCardHeader'\n","import type { CardProps } from '@mui/material'\nimport {\n Card, Paper, useTheme,\n} from '@mui/material'\nimport { FlexGrowCol } from '@xylabs/react-flexbox'\nimport { CardContentEx } from '@xyo-network/react-card'\nimport React from 'react'\n\nimport {\n GasPriceBox, PriorityFeeBox, SpeedBox,\n} from './components/index.ts'\n\nexport interface GasFeeCardProps extends CardProps {\n gasPrice?: number\n priorityFee?: number\n priorityFeeLabel?: string\n speed?: string\n speedPaperElevation?: number\n}\n\nexport const GasFeeCard: React.FC<GasFeeCardProps> = ({\n gasPrice, speedPaperElevation, priorityFee, priorityFeeLabel, speed = 'low', ...props\n}) => {\n const theme = useTheme()\n\n return (\n <Card sx={{ p: 0 }} {...props}>\n <CardContentEx\n removePadding\n sx={{\n flexDirection: 'column', flexGrow: 1, p: 0, rowGap: 2,\n }}\n >\n <FlexGrowCol bgcolor={theme.vars.palette.secondary.dark} alignItems=\"start\" p={2} rowGap={1.5} color={theme.vars.palette.common.white}>\n <GasPriceBox gasPrice={gasPrice} />\n {priorityFee\n ? <PriorityFeeBox priorityFee={priorityFee} priorityFeeLabel={priorityFeeLabel} />\n : null}\n </FlexGrowCol>\n <Paper elevation={speedPaperElevation} sx={{ borderRadius: `0 0 ${theme.shape.borderRadius}px ${theme.shape.borderRadius}px` }}>\n <SpeedBox speed={speed} />\n </Paper>\n </CardContentEx>\n </Card>\n )\n}\n","import { useTheme } from '@mui/material'\nimport type { FlexBoxProps } from '@xylabs/react-flexbox'\nimport { FlexRow } from '@xylabs/react-flexbox'\nimport { TypographyEx } from '@xyo-network/react-shared'\nimport React from 'react'\n\nimport { GweiLabelTypography } from './GweiLabelTypography.tsx'\n\nexport interface GasPriceBoxProps extends FlexBoxProps {\n gasPrice?: number\n}\n\nexport const GasPriceBox: React.FC<GasPriceBoxProps> = ({ gasPrice, ...props }) => {\n const theme = useTheme()\n return (\n <FlexRow columnGap={1.5} rowGap={1.5} alignItems=\"end\" {...props}>\n <TypographyEx lineHeight={1} fontWeight=\"200\" fontSize={theme.spacing(6)} title={gasPrice?.toString() ?? ''}>\n {gasPrice?.toFixed(2)}\n </TypographyEx>\n <GweiLabelTypography fontSize={theme.spacing(2)} />\n </FlexRow>\n )\n}\n","import type { TypographyExProps } from '@xyo-network/react-shared'\nimport { TypographyEx } from '@xyo-network/react-shared'\nimport React from 'react'\n\nexport const GweiLabelTypography: React.FC<TypographyExProps> = props => (\n <TypographyEx variant=\"caption\" {...props}>\n GWEI\n </TypographyEx>\n)\n","import { LocalGasStationRounded as LocalGasStationRoundedIcon } from '@mui/icons-material'\nimport { useTheme } from '@mui/material'\nimport type { FlexBoxProps } from '@xylabs/react-flexbox'\nimport { FlexCol, FlexGrowRow } from '@xylabs/react-flexbox'\nimport { TypographyEx } from '@xyo-network/react-shared'\nimport React from 'react'\n\nimport { GweiLabelTypography } from './GweiLabelTypography.tsx'\n\nexport interface PriorityFeeBoxProps extends FlexBoxProps {\n priorityFee?: number\n priorityFeeLabel?: string\n}\n\nexport const PriorityFeeBox: React.FC<PriorityFeeBoxProps> = ({\n priorityFee, priorityFeeLabel = 'Priority Fee', ...props\n}) => {\n const theme = useTheme()\n\n return (\n <FlexGrowRow width=\"100%\" justifyContent=\"space-between\" alignItems=\"end\" {...props}>\n <FlexCol alignItems=\"start\">\n <TypographyEx>{priorityFeeLabel}</TypographyEx>\n <TypographyEx title={priorityFee?.toString() ?? ''}>\n {priorityFee?.toFixed(2)}\n {' '}\n <GweiLabelTypography fontSize={theme.spacing(1)} />\n </TypographyEx>\n </FlexCol>\n <LocalGasStationRoundedIcon />\n </FlexGrowRow>\n )\n}\n","import { useTheme } from '@mui/material'\nimport type { FlexBoxProps } from '@xylabs/react-flexbox'\nimport { FlexGrowCol } from '@xylabs/react-flexbox'\nimport { TypographyEx } from '@xyo-network/react-shared'\nimport React from 'react'\n\nexport interface SpeedBoxProps extends FlexBoxProps {\n speed?: string\n}\n\nexport const SpeedBox: React.FC<SpeedBoxProps> = ({ speed, ...props }) => {\n const theme = useTheme()\n\n return speed\n ? (\n <FlexGrowCol {...props}>\n <TypographyEx fontSize={theme.spacing(3)} fontWeight=\"200\" p={1}>\n {speed}\n </TypographyEx>\n </FlexGrowCol>\n )\n : null\n}\n","import type { FlexBoxProps } from '@xylabs/react-flexbox'\nimport React from 'react'\n\nimport type { GasPriceWitnessUIBasePayload } from '../types/index.ts'\nimport { GasPriceHeaderActionsBox, GasPriceHeaderTypography } from './HeaderComponents/index.ts'\nimport { StyledGasPriceHeaderBox } from './layout/index.ts'\n\nexport interface GasPriceWitnessHeaderBoxProps extends FlexBoxProps {\n heading?: string\n parsedPayload?: GasPriceWitnessUIBasePayload\n}\n\nexport const GasPriceWitnessHeaderBox: React.FC<GasPriceWitnessHeaderBoxProps> = ({\n heading, parsedPayload, ...props\n}) => {\n return (\n <StyledGasPriceHeaderBox {...props}>\n <GasPriceHeaderTypography heading={heading} />\n <GasPriceHeaderActionsBox\n timestamp={parsedPayload?.timestamp}\n baseFee={parsedPayload?.baseFee?.value}\n baseFeeLabel={parsedPayload?.baseFee?.label}\n blockNumber={parsedPayload?.blockNumber?.value}\n blockNumberLabel={parsedPayload?.blockNumber?.label}\n />\n </StyledGasPriceHeaderBox>\n )\n}\n","import {\n Button, Collapse, Paper,\n} from '@mui/material'\nimport type { FlexBoxProps } from '@xylabs/react-flexbox'\nimport { FlexCol } from '@xylabs/react-flexbox'\nimport React, { useState } from 'react'\n\nexport interface ToggleRawPayloadBoxProps extends FlexBoxProps {\n gasPricePayload?: object\n}\n\nexport const ToggleRawPayloadBox: React.FC<ToggleRawPayloadBoxProps> = ({ gasPricePayload, ...props }) => {\n const [collapse, setCollapse] = useState(false)\n return gasPricePayload\n ? (\n <FlexCol rowGap={1} {...props}>\n <Button\n color=\"secondary\"\n sx={{ bgcolor: 'secondary.dark', color: 'white' }}\n variant=\"contained\"\n onClick={() => setCollapse(!collapse)}\n >\n Raw Payload\n </Button>\n <Collapse in={collapse}>\n <Paper elevation={4} sx={{ p: 2 }}>\n <pre>{JSON.stringify(gasPricePayload, null, 2)}</pre>\n </Paper>\n </Collapse>\n </FlexCol>\n )\n : null\n}\n"],"mappings":"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","names":["jsx","useTheme","jsxs","jsx","useTheme","FlexRow","styled","jsx","useTheme","FlexGrowCol","useTheme","FlexRow","TypographyEx","TypographyEx","jsx","jsx","jsxs","useTheme","FlexRow","TypographyEx","LocalGasStationRoundedIcon","useTheme","TypographyEx","jsx","jsxs","useTheme","TypographyEx","LocalGasStationRoundedIcon","useTheme","TypographyEx","jsx","jsx","jsxs","useTheme","FlexGrowCol","jsx","jsxs","Paper","FlexCol","jsx","jsxs"]}
1
+ {"version":3,"sources":["../../src/components/Avatar/EthereumGasPriceAvatar.tsx","../../src/components/HeaderComponents/Actions.tsx","../../src/components/HeaderComponents/Header/Header.tsx","../../src/components/HeaderComponents/Header/Heading.tsx","../../src/components/layout/Header.tsx","../../src/components/layout/StyledCardHeader.tsx","../../src/components/CardHeader/CardHeader.tsx","../../src/components/GasFees/Card.tsx","../../src/components/GasFees/components/GasPriceBox.tsx","../../src/components/GasFees/components/GweiLabelTypography.tsx","../../src/components/GasFees/components/PriorityFeeBox.tsx","../../src/components/GasFees/components/SpeedBox.tsx","../../src/components/HeaderBox.tsx","../../src/components/RawPayload/ToggleRawPayloadBox.tsx"],"sourcesContent":["import { LocalGasStationRounded as LocalGasStationRoundedIcon } from '@mui/icons-material'\nimport type { AvatarProps } from '@mui/material'\nimport { Avatar } from '@mui/material'\nimport React from 'react'\n\nexport const EthereumGasPriceAvatar: React.FC<AvatarProps> = ({ ...props }) => {\n return (\n <Avatar {...props}>\n <LocalGasStationRoundedIcon />\n </Avatar>\n )\n}\n","import { Chip } from '@mui/material'\nimport type { FlexBoxProps } from '@xylabs/react-flexbox'\nimport { FlexRow } from '@xylabs/react-flexbox'\nimport React from 'react'\n\nexport interface GasPriceEstimateActionsBoxProps extends FlexBoxProps {\n baseFee?: number\n baseFeeLabel?: string\n blockNumber?: number\n blockNumberLabel?: string\n timestamp?: number\n}\n\nexport const GasPriceHeaderActionsBox: React.FC<GasPriceEstimateActionsBoxProps> = ({\n baseFee,\n baseFeeLabel = 'Base Fee',\n blockNumber,\n blockNumberLabel = 'Block Number',\n timestamp,\n ...props\n}) => {\n return (\n <FlexRow\n {...props}\n sx={[{\n columnGap: 1,\n rowGap: 1,\n flexWrap: 'wrap',\n }, ...(Array.isArray(props.sx) ? props.sx : [props.sx])]}\n >\n {timestamp\n ? <Chip label={new Date(timestamp).toLocaleString()} />\n : null}\n {baseFee\n ? <Chip label={`${baseFeeLabel} - ${baseFee.toFixed(2)} GWEI`} />\n : null}\n {blockNumber\n ? <Chip label={`${blockNumberLabel} - ${blockNumber}`} />\n : null}\n </FlexRow>\n )\n}\n","import { useTheme } from '@mui/material'\nimport type { TypographyExProps } from '@xyo-network/react-shared'\nimport { getTokenData } from '@xyo-network/react-shared'\nimport type { PropsWithChildren } from 'react'\nimport React from 'react'\n\nimport { GasPriceHeadingTypography } from './Heading.tsx'\n\nexport interface GasPriceHeaderTypographyProps extends TypographyExProps, PropsWithChildren {\n heading?: string\n}\n\nexport const GasPriceHeaderTypography: React.FC<GasPriceHeaderTypographyProps> = ({\n heading, children, ...props\n}) => {\n const theme = useTheme()\n const [ethData] = getTokenData(['eth'])\n const networkIcon = <img height={theme.spacing(4)} src={ethData.icon} />\n\n return (\n <GasPriceHeadingTypography heading={heading} networkIcon={networkIcon} {...props}>\n {children}\n </GasPriceHeadingTypography>\n )\n}\n","import { useTheme } from '@mui/material'\nimport type { TypographyExProps } from '@xyo-network/react-shared'\nimport { TypographyEx } from '@xyo-network/react-shared'\nimport type { ReactNode } from 'react'\nimport React from 'react'\n\nexport interface GasPriceHeadingTypographyProps extends TypographyExProps {\n children?: ReactNode\n heading?: string\n networkIcon?: ReactNode\n}\n\nexport const GasPriceHeadingTypography: React.FC<GasPriceHeadingTypographyProps> = ({\n children, heading, networkIcon, ...props\n}) => {\n const theme = useTheme()\n return (\n <TypographyEx\n {...props}\n sx={[{\n fontSize: theme.spacing(6),\n lineHeight: 1,\n }, ...(Array.isArray(props.sx) ? props.sx : [props.sx])]}\n >\n {heading}\n {' '}\n {networkIcon}\n {' '}\n {children}\n </TypographyEx>\n )\n}\n","import { styled } from '@mui/material'\nimport { FlexRow } from '@xylabs/react-flexbox'\nimport type React from 'react'\n\nexport const StyledGasPriceHeaderBox: React.FC<React.ComponentProps<typeof FlexRow>> = styled(FlexRow, { name: 'StyledGasPriceEstimateBox' })(({ theme }) => ({\n alignItems: 'end',\n columnGap: theme.spacing(2),\n flexWrap: 'wrap',\n justifyContent: 'space-between',\n justifyItems: 'space-between',\n rowGap: theme.spacing(2),\n width: '100%',\n}))\n","import { CardHeader, styled } from '@mui/material'\nimport type React from 'react'\n\nexport const StyledCardHeader: React.FC<React.ComponentProps<typeof CardHeader>> = styled(CardHeader, { name: 'StyledCardHeader' })(({ theme }) => ({\n flexWrap: 'wrap',\n rowGap: theme.spacing(2),\n}))\n","import type { CardProps } from '@mui/material'\nimport React from 'react'\n\nimport type { GasPriceWitnessUIBasePayload } from '../../types/index.ts'\nimport { GasPriceHeaderActionsBox, GasPriceHeaderTypography } from '../HeaderComponents/index.ts'\nimport { StyledCardHeader } from '../layout/index.ts'\n\nexport interface GasPriceCardHeaderProps extends CardProps {\n parsedPayload?: GasPriceWitnessUIBasePayload\n title?: string\n}\nexport const GasPriceWitnessCardHeader = ({\n ref, title, parsedPayload, ...props\n}: GasPriceCardHeaderProps) => (\n <StyledCardHeader\n title={<GasPriceHeaderTypography heading={title} />}\n action={(\n <GasPriceHeaderActionsBox\n timestamp={parsedPayload?.timestamp}\n baseFee={parsedPayload?.baseFee?.value}\n baseFeeLabel={parsedPayload?.baseFee?.label}\n blockNumber={parsedPayload?.blockNumber?.value}\n blockNumberLabel={parsedPayload?.blockNumber?.label}\n />\n )}\n ref={ref}\n {...props}\n />\n)\n\nGasPriceWitnessCardHeader.displayName = 'GasPriceWitnessCardHeader'\n","import type { CardProps } from '@mui/material'\nimport {\n Card, Paper, useTheme,\n} from '@mui/material'\nimport { FlexGrowCol } from '@xylabs/react-flexbox'\nimport { CardContentEx } from '@xyo-network/react-card'\nimport React from 'react'\n\nimport {\n GasPriceBox, PriorityFeeBox, SpeedBox,\n} from './components/index.ts'\n\nexport interface GasFeeCardProps extends CardProps {\n gasPrice?: number\n priorityFee?: number\n priorityFeeLabel?: string\n speed?: string\n speedPaperElevation?: number\n}\n\nexport const GasFeeCard: React.FC<GasFeeCardProps> = ({\n gasPrice, speedPaperElevation, priorityFee, priorityFeeLabel, speed = 'low', ...props\n}) => {\n const theme = useTheme()\n\n return (\n <Card sx={{ p: 0 }} {...props}>\n <CardContentEx\n removePadding\n sx={{\n flexDirection: 'column', flexGrow: 1, p: 0, rowGap: 2,\n }}\n >\n <FlexGrowCol\n sx={{\n bgcolor: theme.vars.palette.secondary.dark,\n alignItems: 'start',\n p: 2,\n rowGap: 1.5,\n color: theme.vars.palette.common.white,\n }}\n >\n <GasPriceBox gasPrice={gasPrice} />\n {priorityFee\n ? <PriorityFeeBox priorityFee={priorityFee} priorityFeeLabel={priorityFeeLabel} />\n : null}\n </FlexGrowCol>\n <Paper elevation={speedPaperElevation} sx={{ borderRadius: `0 0 ${theme.shape.borderRadius}px ${theme.shape.borderRadius}px` }}>\n <SpeedBox speed={speed} />\n </Paper>\n </CardContentEx>\n </Card>\n )\n}\n","import { useTheme } from '@mui/material'\nimport type { FlexBoxProps } from '@xylabs/react-flexbox'\nimport { FlexRow } from '@xylabs/react-flexbox'\nimport { TypographyEx } from '@xyo-network/react-shared'\nimport React from 'react'\n\nimport { GweiLabelTypography } from './GweiLabelTypography.tsx'\n\nexport interface GasPriceBoxProps extends FlexBoxProps {\n gasPrice?: number\n}\n\nexport const GasPriceBox: React.FC<GasPriceBoxProps> = ({ gasPrice, ...props }) => {\n const theme = useTheme()\n return (\n <FlexRow\n {...props}\n sx={[{\n columnGap: 1.5,\n rowGap: 1.5,\n alignItems: 'end',\n }, ...(Array.isArray(props.sx) ? props.sx : [props.sx])]}\n >\n <TypographyEx\n title={gasPrice?.toString() ?? ''}\n sx={{\n lineHeight: 1,\n fontWeight: '200',\n fontSize: theme.spacing(6),\n }}\n >\n {gasPrice?.toFixed(2)}\n </TypographyEx>\n <GweiLabelTypography sx={{ fontSize: theme.spacing(2) }} />\n </FlexRow>\n )\n}\n","import type { TypographyExProps } from '@xyo-network/react-shared'\nimport { TypographyEx } from '@xyo-network/react-shared'\nimport React from 'react'\n\nexport const GweiLabelTypography: React.FC<TypographyExProps> = props => (\n <TypographyEx variant=\"caption\" {...props}>\n GWEI\n </TypographyEx>\n)\n","import { LocalGasStationRounded as LocalGasStationRoundedIcon } from '@mui/icons-material'\nimport { useTheme } from '@mui/material'\nimport type { FlexBoxProps } from '@xylabs/react-flexbox'\nimport { FlexCol, FlexGrowRow } from '@xylabs/react-flexbox'\nimport { TypographyEx } from '@xyo-network/react-shared'\nimport React from 'react'\n\nimport { GweiLabelTypography } from './GweiLabelTypography.tsx'\n\nexport interface PriorityFeeBoxProps extends FlexBoxProps {\n priorityFee?: number\n priorityFeeLabel?: string\n}\n\nexport const PriorityFeeBox: React.FC<PriorityFeeBoxProps> = ({\n priorityFee, priorityFeeLabel = 'Priority Fee', ...props\n}) => {\n const theme = useTheme()\n\n return (\n <FlexGrowRow\n {...props}\n sx={[{\n width: '100%',\n justifyContent: 'space-between',\n alignItems: 'end',\n }, ...(Array.isArray(props.sx) ? props.sx : [props.sx])]}\n >\n <FlexCol sx={{ alignItems: 'start' }}>\n <TypographyEx>{priorityFeeLabel}</TypographyEx>\n <TypographyEx title={priorityFee?.toString() ?? ''}>\n {priorityFee?.toFixed(2)}\n {' '}\n <GweiLabelTypography sx={{ fontSize: theme.spacing(1) }} />\n </TypographyEx>\n </FlexCol>\n <LocalGasStationRoundedIcon />\n </FlexGrowRow>\n )\n}\n","import { useTheme } from '@mui/material'\nimport type { FlexBoxProps } from '@xylabs/react-flexbox'\nimport { FlexGrowCol } from '@xylabs/react-flexbox'\nimport { TypographyEx } from '@xyo-network/react-shared'\nimport React from 'react'\n\nexport interface SpeedBoxProps extends FlexBoxProps {\n speed?: string\n}\n\nexport const SpeedBox: React.FC<SpeedBoxProps> = ({ speed, ...props }) => {\n const theme = useTheme()\n\n return speed\n ? (\n <FlexGrowCol {...props}>\n <TypographyEx\n sx={{\n fontSize: theme.spacing(3),\n fontWeight: '200',\n p: 1,\n }}\n >\n {speed}\n </TypographyEx>\n </FlexGrowCol>\n )\n : null\n}\n","import type { FlexBoxProps } from '@xylabs/react-flexbox'\nimport React from 'react'\n\nimport type { GasPriceWitnessUIBasePayload } from '../types/index.ts'\nimport { GasPriceHeaderActionsBox, GasPriceHeaderTypography } from './HeaderComponents/index.ts'\nimport { StyledGasPriceHeaderBox } from './layout/index.ts'\n\nexport interface GasPriceWitnessHeaderBoxProps extends FlexBoxProps {\n heading?: string\n parsedPayload?: GasPriceWitnessUIBasePayload\n}\n\nexport const GasPriceWitnessHeaderBox: React.FC<GasPriceWitnessHeaderBoxProps> = ({\n heading, parsedPayload, ...props\n}) => {\n return (\n <StyledGasPriceHeaderBox {...props}>\n <GasPriceHeaderTypography heading={heading} />\n <GasPriceHeaderActionsBox\n timestamp={parsedPayload?.timestamp}\n baseFee={parsedPayload?.baseFee?.value}\n baseFeeLabel={parsedPayload?.baseFee?.label}\n blockNumber={parsedPayload?.blockNumber?.value}\n blockNumberLabel={parsedPayload?.blockNumber?.label}\n />\n </StyledGasPriceHeaderBox>\n )\n}\n","import {\n Button, Collapse, Paper,\n} from '@mui/material'\nimport type { FlexBoxProps } from '@xylabs/react-flexbox'\nimport { FlexCol } from '@xylabs/react-flexbox'\nimport React, { useState } from 'react'\n\nexport interface ToggleRawPayloadBoxProps extends FlexBoxProps {\n gasPricePayload?: object\n}\n\nexport const ToggleRawPayloadBox: React.FC<ToggleRawPayloadBoxProps> = ({ gasPricePayload, ...props }) => {\n const [collapse, setCollapse] = useState(false)\n return gasPricePayload\n ? (\n <FlexCol\n {...props}\n sx={[{ rowGap: 1 }, ...(Array.isArray(props.sx) ? props.sx : [props.sx])]}\n >\n <Button\n variant=\"contained\"\n color=\"secondary\"\n onClick={() => setCollapse(!collapse)}\n sx={{\n bgcolor: 'secondary.dark',\n color: 'white',\n }}\n >\n Raw Payload\n </Button>\n <Collapse in={collapse}>\n <Paper elevation={4} sx={{ p: 2 }}>\n <pre>{JSON.stringify(gasPricePayload, null, 2)}</pre>\n </Paper>\n </Collapse>\n </FlexCol>\n )\n : null\n}\n"],"mappings":"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","names":["jsx","useTheme","jsxs","jsx","useTheme","FlexRow","styled","jsx","useTheme","FlexGrowCol","useTheme","FlexRow","TypographyEx","TypographyEx","jsx","jsx","jsxs","useTheme","FlexRow","TypographyEx","LocalGasStationRoundedIcon","useTheme","TypographyEx","jsx","jsxs","useTheme","TypographyEx","LocalGasStationRoundedIcon","useTheme","TypographyEx","jsx","jsx","jsxs","useTheme","FlexGrowCol","jsx","jsxs","Paper","FlexCol","jsx","jsxs"]}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@xyo-network/react-gas-price",
3
- "version": "7.6.2",
3
+ "version": "8.0.0",
4
4
  "description": "Common React library for all XYO projects that use React",
5
5
  "keywords": [
6
6
  "xyo",
@@ -41,37 +41,37 @@
41
41
  "README.md"
42
42
  ],
43
43
  "dependencies": {
44
- "@xyo-network/react-card": "~7.6.2",
45
- "@xyo-network/react-shared": "~7.6.2"
44
+ "@xyo-network/react-card": "~8.0.0",
45
+ "@xyo-network/react-shared": "~8.0.0"
46
46
  },
47
47
  "devDependencies": {
48
48
  "@bitauth/libauth": "~3.0.0",
49
- "@mui/icons-material": "^7.3.10",
50
- "@mui/material": "^7.3.10",
49
+ "@mui/icons-material": "~9.0",
50
+ "@mui/material": "~9.0",
51
51
  "@opentelemetry/api": "^1.9.1",
52
52
  "@opentelemetry/sdk-trace-base": "^2.7.1",
53
53
  "@react-spring/web": "~10.0.3",
54
54
  "@scure/base": "~2.2.0",
55
55
  "@storybook/react-vite": "~10.3.6",
56
56
  "@types/react": "^19.2.14",
57
- "@xylabs/pixel": "~5.1.1",
58
- "@xylabs/react-button": "~7.2.3",
59
- "@xylabs/react-flexbox": "~7.2.3",
60
- "@xylabs/react-hooks": "~7.2.3",
61
- "@xylabs/react-link": "~7.2.3",
62
- "@xylabs/react-promise": "~7.2.3",
63
- "@xylabs/react-shared": "~7.2.3",
64
- "@xylabs/react-theme": "~7.2.3",
65
- "@xylabs/sdk-js": "^5.1.1",
66
- "@xylabs/threads": "~5.1.1",
67
- "@xylabs/toolchain": "~7.13.7",
68
- "@xylabs/tsconfig": "^7.13.7",
69
- "@xylabs/tsconfig-dom": "^7.13.7",
70
- "@xylabs/tsconfig-react": "~7.13.7",
71
- "@xyo-network/boundwitness-model": "^5.6.2",
72
- "@xyo-network/boundwitness-validator": "^5.6.1",
73
- "@xyo-network/payload-builder": "^5.6.1",
74
- "@xyo-network/payload-model": "^5.6.2",
57
+ "@xylabs/pixel": "~5.1.2",
58
+ "@xylabs/react-button": "~8.0",
59
+ "@xylabs/react-flexbox": "~8.0",
60
+ "@xylabs/react-hooks": "~8.0",
61
+ "@xylabs/react-link": "~8.0",
62
+ "@xylabs/react-promise": "~8.0",
63
+ "@xylabs/react-shared": "~8.0",
64
+ "@xylabs/react-theme": "~8.0",
65
+ "@xylabs/sdk-js": "^5.1.2",
66
+ "@xylabs/threads": "~5.1.2",
67
+ "@xylabs/toolchain": "~7.13.22",
68
+ "@xylabs/tsconfig": "^7.13.22",
69
+ "@xylabs/tsconfig-dom": "^7.13.22",
70
+ "@xylabs/tsconfig-react": "~7.13.22",
71
+ "@xyo-network/boundwitness-model": "^5.6.3",
72
+ "@xyo-network/boundwitness-validator": "^5.6.2",
73
+ "@xyo-network/payload-builder": "^5.6.2",
74
+ "@xyo-network/payload-model": "^5.6.3",
75
75
  "async-mutex": "^0.5.0",
76
76
  "bn.js": "^5.2.3",
77
77
  "bowser": "^2.14.1",
@@ -87,62 +87,62 @@
87
87
  "observable-fns": "~0.6.1",
88
88
  "pako": "^2.1.0",
89
89
  "query-string": "~9.3.1",
90
- "react": "^19.2.5",
91
- "react-dom": "^19.2.5",
92
- "react-is": "^19.2.5",
90
+ "react": "^19.2.6",
91
+ "react-dom": "^19.2.6",
92
+ "react-is": "^19.2.6",
93
93
  "react-router-dom": "^7.15.0",
94
94
  "recharts": "~3.8.1",
95
95
  "spark-md5": "~3.0.2",
96
96
  "storybook": "^10.3.6",
97
97
  "typescript": "^5.9.3",
98
- "vite": "^8.0.10",
98
+ "vite": "^8.0.11",
99
99
  "wasm-feature-detect": "~1.8.0",
100
100
  "zod": "^4.4.3"
101
101
  },
102
102
  "peerDependencies": {
103
- "@bitauth/libauth": ">=3.0.0 <3.1",
104
- "@mui/icons-material": ">=7.3.10 <8",
105
- "@mui/material": ">=7.3.10 <8",
106
- "@opentelemetry/api": ">=1.9.1 <2",
107
- "@opentelemetry/sdk-trace-base": ">=2.7.1 <3",
108
- "@react-spring/web": ">=10.0.3 <10.1",
109
- "@scure/base": ">=2.2.0 <2.3",
110
- "@xylabs/pixel": ">=5.1.1 <5.2",
111
- "@xylabs/react-button": ">=7.2.3 <7.3",
112
- "@xylabs/react-flexbox": ">=7.2.3 <7.3",
113
- "@xylabs/react-hooks": ">=7.2.3 <7.3",
114
- "@xylabs/react-link": ">=7.2.3 <7.3",
115
- "@xylabs/react-promise": ">=7.2.3 <7.3",
116
- "@xylabs/react-shared": ">=7.2.3 <7.3",
117
- "@xylabs/react-theme": ">=7.2.3 <7.3",
118
- "@xylabs/sdk-js": ">=5.1.1 <6",
119
- "@xylabs/threads": ">=5.1.1 <5.2",
120
- "@xyo-network/boundwitness-model": ">=5.6.2 <6",
121
- "@xyo-network/boundwitness-validator": ">=5.6.1 <6",
122
- "@xyo-network/payload-builder": ">=5.6.1 <6",
123
- "@xyo-network/payload-model": ">=5.6.2 <6",
124
- "async-mutex": ">=0.5.0 <1",
125
- "bn.js": ">=5.2.3 <6",
126
- "bowser": ">=2.14.1 <3",
127
- "buffer": ">=6.0.3 <7",
128
- "chalk": ">=5.6.2 <6",
129
- "debug": ">=4.4.3 <4.5",
130
- "ethers": ">=6.16.0 <7",
131
- "fast-deep-equal": ">=3.1.3 <3.2",
132
- "hash-wasm": ">=4.12.0 <4.13",
133
- "js-cookie": ">=3.0.5 <3.1",
134
- "mixpanel-browser": ">=2.78.0 <2.79",
135
- "observable-fns": ">=0.6.1 <0.7",
136
- "pako": ">=2.1.0 <3",
137
- "query-string": ">=9.3.1 <9.4",
138
- "react": ">=19.2.5 <20",
139
- "react-dom": ">=19.2.5 <20",
140
- "react-is": ">=19.2.5 <20",
141
- "react-router-dom": ">=7.15.0 <8",
142
- "recharts": ">=3.8.1 <3.9",
143
- "spark-md5": ">=3.0.2 <3.1",
144
- "wasm-feature-detect": ">=1.8.0 <1.9",
145
- "zod": ">=4.4.3 <5"
103
+ "@bitauth/libauth": "~3.0",
104
+ "@mui/icons-material": "~9.0",
105
+ "@mui/material": "~9.0",
106
+ "@opentelemetry/api": "^1.9",
107
+ "@opentelemetry/sdk-trace-base": "^2.7",
108
+ "@react-spring/web": "~10.0",
109
+ "@scure/base": "~2.2",
110
+ "@xylabs/pixel": "~5.1",
111
+ "@xylabs/react-button": "~8.0",
112
+ "@xylabs/react-flexbox": "~8.0",
113
+ "@xylabs/react-hooks": "~8.0",
114
+ "@xylabs/react-link": "~8.0",
115
+ "@xylabs/react-promise": "~8.0",
116
+ "@xylabs/react-shared": "~8.0",
117
+ "@xylabs/react-theme": "~8.0",
118
+ "@xylabs/sdk-js": "^5.1",
119
+ "@xylabs/threads": "~5.1",
120
+ "@xyo-network/boundwitness-model": "^5.6",
121
+ "@xyo-network/boundwitness-validator": "^5.6",
122
+ "@xyo-network/payload-builder": "^5.6",
123
+ "@xyo-network/payload-model": "^5.6",
124
+ "async-mutex": "^0.5",
125
+ "bn.js": "^5.2",
126
+ "bowser": "^2.14",
127
+ "buffer": "^6.0",
128
+ "chalk": "^5.6",
129
+ "debug": "~4.4",
130
+ "ethers": "^6.16",
131
+ "fast-deep-equal": "~3.1",
132
+ "hash-wasm": "~4.12",
133
+ "js-cookie": "~3.0",
134
+ "mixpanel-browser": "~2.78",
135
+ "observable-fns": "~0.6",
136
+ "pako": "^2.1",
137
+ "query-string": "~9.3",
138
+ "react": "^19.2",
139
+ "react-dom": "^19.2",
140
+ "react-is": "^19.2",
141
+ "react-router-dom": "^7.15",
142
+ "recharts": "~3.8",
143
+ "spark-md5": "~3.0",
144
+ "wasm-feature-detect": "~1.8",
145
+ "zod": "^4.4"
146
146
  },
147
147
  "publishConfig": {
148
148
  "access": "public"