@xyo-network/react-gas-price 2.64.9 → 2.65.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 (214) hide show
  1. package/dist/browser/components/layout/Header.d.cts +1 -1
  2. package/dist/browser/components/layout/Header.d.cts.map +1 -1
  3. package/dist/browser/components/layout/Header.d.mts +1 -1
  4. package/dist/browser/components/layout/Header.d.mts.map +1 -1
  5. package/dist/browser/components/layout/Header.d.ts +1 -1
  6. package/dist/browser/components/layout/Header.d.ts.map +1 -1
  7. package/dist/node/components/layout/Header.d.cts +1 -1
  8. package/dist/node/components/layout/Header.d.cts.map +1 -1
  9. package/dist/node/components/layout/Header.d.mts +1 -1
  10. package/dist/node/components/layout/Header.d.mts.map +1 -1
  11. package/dist/node/components/layout/Header.d.ts +1 -1
  12. package/dist/node/components/layout/Header.d.ts.map +1 -1
  13. package/package.json +7 -7
  14. package/dist/browser/components/Avatar/EthereumGasPriceAvatar.cjs +0 -32
  15. package/dist/browser/components/Avatar/EthereumGasPriceAvatar.cjs.map +0 -1
  16. package/dist/browser/components/Avatar/EthereumGasPriceAvatar.js +0 -11
  17. package/dist/browser/components/Avatar/EthereumGasPriceAvatar.js.map +0 -1
  18. package/dist/browser/components/Avatar/index.cjs +0 -34
  19. package/dist/browser/components/Avatar/index.cjs.map +0 -1
  20. package/dist/browser/components/Avatar/index.js +0 -11
  21. package/dist/browser/components/Avatar/index.js.map +0 -1
  22. package/dist/browser/components/CardHeader/CardHeader.cjs +0 -103
  23. package/dist/browser/components/CardHeader/CardHeader.cjs.map +0 -1
  24. package/dist/browser/components/CardHeader/CardHeader.js +0 -82
  25. package/dist/browser/components/CardHeader/CardHeader.js.map +0 -1
  26. package/dist/browser/components/CardHeader/index.cjs +0 -105
  27. package/dist/browser/components/CardHeader/index.cjs.map +0 -1
  28. package/dist/browser/components/CardHeader/index.js +0 -82
  29. package/dist/browser/components/CardHeader/index.js.map +0 -1
  30. package/dist/browser/components/GasFees/Card.cjs +0 -93
  31. package/dist/browser/components/GasFees/Card.cjs.map +0 -1
  32. package/dist/browser/components/GasFees/Card.js +0 -72
  33. package/dist/browser/components/GasFees/Card.js.map +0 -1
  34. package/dist/browser/components/GasFees/components/GasPriceBox.cjs +0 -44
  35. package/dist/browser/components/GasFees/components/GasPriceBox.cjs.map +0 -1
  36. package/dist/browser/components/GasFees/components/GasPriceBox.js +0 -23
  37. package/dist/browser/components/GasFees/components/GasPriceBox.js.map +0 -1
  38. package/dist/browser/components/GasFees/components/GweiLabelTypography.cjs +0 -29
  39. package/dist/browser/components/GasFees/components/GweiLabelTypography.cjs.map +0 -1
  40. package/dist/browser/components/GasFees/components/GweiLabelTypography.js +0 -8
  41. package/dist/browser/components/GasFees/components/GweiLabelTypography.js.map +0 -1
  42. package/dist/browser/components/GasFees/components/PriorityFeeBox.cjs +0 -52
  43. package/dist/browser/components/GasFees/components/PriorityFeeBox.cjs.map +0 -1
  44. package/dist/browser/components/GasFees/components/PriorityFeeBox.js +0 -31
  45. package/dist/browser/components/GasFees/components/PriorityFeeBox.js.map +0 -1
  46. package/dist/browser/components/GasFees/components/SpeedBox.cjs +0 -34
  47. package/dist/browser/components/GasFees/components/SpeedBox.cjs.map +0 -1
  48. package/dist/browser/components/GasFees/components/SpeedBox.js +0 -13
  49. package/dist/browser/components/GasFees/components/SpeedBox.js.map +0 -1
  50. package/dist/browser/components/GasFees/components/index.cjs +0 -79
  51. package/dist/browser/components/GasFees/components/index.cjs.map +0 -1
  52. package/dist/browser/components/GasFees/components/index.js +0 -56
  53. package/dist/browser/components/GasFees/components/index.js.map +0 -1
  54. package/dist/browser/components/GasFees/index.cjs +0 -95
  55. package/dist/browser/components/GasFees/index.cjs.map +0 -1
  56. package/dist/browser/components/GasFees/index.js +0 -72
  57. package/dist/browser/components/GasFees/index.js.map +0 -1
  58. package/dist/browser/components/HeaderBox.cjs +0 -104
  59. package/dist/browser/components/HeaderBox.cjs.map +0 -1
  60. package/dist/browser/components/HeaderBox.js +0 -81
  61. package/dist/browser/components/HeaderBox.js.map +0 -1
  62. package/dist/browser/components/HeaderComponents/Actions.cjs +0 -43
  63. package/dist/browser/components/HeaderComponents/Actions.cjs.map +0 -1
  64. package/dist/browser/components/HeaderComponents/Actions.js +0 -22
  65. package/dist/browser/components/HeaderComponents/Actions.js.map +0 -1
  66. package/dist/browser/components/HeaderComponents/Header/Header.cjs +0 -52
  67. package/dist/browser/components/HeaderComponents/Header/Header.cjs.map +0 -1
  68. package/dist/browser/components/HeaderComponents/Header/Header.js +0 -31
  69. package/dist/browser/components/HeaderComponents/Header/Header.js.map +0 -1
  70. package/dist/browser/components/HeaderComponents/Header/Heading.cjs +0 -39
  71. package/dist/browser/components/HeaderComponents/Header/Heading.cjs.map +0 -1
  72. package/dist/browser/components/HeaderComponents/Header/Heading.js +0 -18
  73. package/dist/browser/components/HeaderComponents/Header/Heading.js.map +0 -1
  74. package/dist/browser/components/HeaderComponents/Header/index.cjs +0 -55
  75. package/dist/browser/components/HeaderComponents/Header/index.cjs.map +0 -1
  76. package/dist/browser/components/HeaderComponents/Header/index.js +0 -32
  77. package/dist/browser/components/HeaderComponents/Header/index.js.map +0 -1
  78. package/dist/browser/components/HeaderComponents/index.cjs +0 -75
  79. package/dist/browser/components/HeaderComponents/index.cjs.map +0 -1
  80. package/dist/browser/components/HeaderComponents/index.js +0 -52
  81. package/dist/browser/components/HeaderComponents/index.js.map +0 -1
  82. package/dist/browser/components/RawPayload/ToggleRawPayloadBox.cjs +0 -37
  83. package/dist/browser/components/RawPayload/ToggleRawPayloadBox.cjs.map +0 -1
  84. package/dist/browser/components/RawPayload/ToggleRawPayloadBox.js +0 -16
  85. package/dist/browser/components/RawPayload/ToggleRawPayloadBox.js.map +0 -1
  86. package/dist/browser/components/RawPayload/index.cjs +0 -39
  87. package/dist/browser/components/RawPayload/index.cjs.map +0 -1
  88. package/dist/browser/components/RawPayload/index.js +0 -16
  89. package/dist/browser/components/RawPayload/index.js.map +0 -1
  90. package/dist/browser/components/index.cjs +0 -235
  91. package/dist/browser/components/index.cjs.map +0 -1
  92. package/dist/browser/components/index.js +0 -212
  93. package/dist/browser/components/index.js.map +0 -1
  94. package/dist/browser/components/layout/Header.cjs +0 -37
  95. package/dist/browser/components/layout/Header.cjs.map +0 -1
  96. package/dist/browser/components/layout/Header.js +0 -16
  97. package/dist/browser/components/layout/Header.js.map +0 -1
  98. package/dist/browser/components/layout/StyledCardHeader.cjs +0 -31
  99. package/dist/browser/components/layout/StyledCardHeader.cjs.map +0 -1
  100. package/dist/browser/components/layout/StyledCardHeader.js +0 -10
  101. package/dist/browser/components/layout/StyledCardHeader.js.map +0 -1
  102. package/dist/browser/components/layout/index.cjs +0 -47
  103. package/dist/browser/components/layout/index.cjs.map +0 -1
  104. package/dist/browser/components/layout/index.js +0 -24
  105. package/dist/browser/components/layout/index.js.map +0 -1
  106. package/dist/browser/types/GasPriceWitnessPayload.cjs +0 -19
  107. package/dist/browser/types/GasPriceWitnessPayload.cjs.map +0 -1
  108. package/dist/browser/types/GasPriceWitnessPayload.js +0 -1
  109. package/dist/browser/types/GasPriceWitnessPayload.js.map +0 -1
  110. package/dist/browser/types/index.cjs +0 -19
  111. package/dist/browser/types/index.cjs.map +0 -1
  112. package/dist/browser/types/index.js +0 -1
  113. package/dist/browser/types/index.js.map +0 -1
  114. package/dist/docs.json +0 -120518
  115. package/dist/node/components/Avatar/EthereumGasPriceAvatar.cjs +0 -36
  116. package/dist/node/components/Avatar/EthereumGasPriceAvatar.cjs.map +0 -1
  117. package/dist/node/components/Avatar/EthereumGasPriceAvatar.js +0 -11
  118. package/dist/node/components/Avatar/EthereumGasPriceAvatar.js.map +0 -1
  119. package/dist/node/components/Avatar/index.cjs +0 -38
  120. package/dist/node/components/Avatar/index.cjs.map +0 -1
  121. package/dist/node/components/Avatar/index.js +0 -11
  122. package/dist/node/components/Avatar/index.js.map +0 -1
  123. package/dist/node/components/CardHeader/CardHeader.cjs +0 -110
  124. package/dist/node/components/CardHeader/CardHeader.cjs.map +0 -1
  125. package/dist/node/components/CardHeader/CardHeader.js +0 -85
  126. package/dist/node/components/CardHeader/CardHeader.js.map +0 -1
  127. package/dist/node/components/CardHeader/index.cjs +0 -112
  128. package/dist/node/components/CardHeader/index.cjs.map +0 -1
  129. package/dist/node/components/CardHeader/index.js +0 -85
  130. package/dist/node/components/CardHeader/index.js.map +0 -1
  131. package/dist/node/components/GasFees/Card.cjs +0 -97
  132. package/dist/node/components/GasFees/Card.cjs.map +0 -1
  133. package/dist/node/components/GasFees/Card.js +0 -72
  134. package/dist/node/components/GasFees/Card.js.map +0 -1
  135. package/dist/node/components/GasFees/components/GasPriceBox.cjs +0 -48
  136. package/dist/node/components/GasFees/components/GasPriceBox.cjs.map +0 -1
  137. package/dist/node/components/GasFees/components/GasPriceBox.js +0 -23
  138. package/dist/node/components/GasFees/components/GasPriceBox.js.map +0 -1
  139. package/dist/node/components/GasFees/components/GweiLabelTypography.cjs +0 -33
  140. package/dist/node/components/GasFees/components/GweiLabelTypography.cjs.map +0 -1
  141. package/dist/node/components/GasFees/components/GweiLabelTypography.js +0 -8
  142. package/dist/node/components/GasFees/components/GweiLabelTypography.js.map +0 -1
  143. package/dist/node/components/GasFees/components/PriorityFeeBox.cjs +0 -56
  144. package/dist/node/components/GasFees/components/PriorityFeeBox.cjs.map +0 -1
  145. package/dist/node/components/GasFees/components/PriorityFeeBox.js +0 -31
  146. package/dist/node/components/GasFees/components/PriorityFeeBox.js.map +0 -1
  147. package/dist/node/components/GasFees/components/SpeedBox.cjs +0 -38
  148. package/dist/node/components/GasFees/components/SpeedBox.cjs.map +0 -1
  149. package/dist/node/components/GasFees/components/SpeedBox.js +0 -13
  150. package/dist/node/components/GasFees/components/SpeedBox.js.map +0 -1
  151. package/dist/node/components/GasFees/components/index.cjs +0 -85
  152. package/dist/node/components/GasFees/components/index.cjs.map +0 -1
  153. package/dist/node/components/GasFees/components/index.js +0 -56
  154. package/dist/node/components/GasFees/components/index.js.map +0 -1
  155. package/dist/node/components/GasFees/index.cjs +0 -99
  156. package/dist/node/components/GasFees/index.cjs.map +0 -1
  157. package/dist/node/components/GasFees/index.js +0 -72
  158. package/dist/node/components/GasFees/index.js.map +0 -1
  159. package/dist/node/components/HeaderBox.cjs +0 -109
  160. package/dist/node/components/HeaderBox.cjs.map +0 -1
  161. package/dist/node/components/HeaderBox.js +0 -82
  162. package/dist/node/components/HeaderBox.js.map +0 -1
  163. package/dist/node/components/HeaderComponents/Actions.cjs +0 -47
  164. package/dist/node/components/HeaderComponents/Actions.cjs.map +0 -1
  165. package/dist/node/components/HeaderComponents/Actions.js +0 -22
  166. package/dist/node/components/HeaderComponents/Actions.js.map +0 -1
  167. package/dist/node/components/HeaderComponents/Header/Header.cjs +0 -56
  168. package/dist/node/components/HeaderComponents/Header/Header.cjs.map +0 -1
  169. package/dist/node/components/HeaderComponents/Header/Header.js +0 -31
  170. package/dist/node/components/HeaderComponents/Header/Header.js.map +0 -1
  171. package/dist/node/components/HeaderComponents/Header/Heading.cjs +0 -43
  172. package/dist/node/components/HeaderComponents/Header/Heading.cjs.map +0 -1
  173. package/dist/node/components/HeaderComponents/Header/Heading.js +0 -18
  174. package/dist/node/components/HeaderComponents/Header/Heading.js.map +0 -1
  175. package/dist/node/components/HeaderComponents/Header/index.cjs +0 -60
  176. package/dist/node/components/HeaderComponents/Header/index.cjs.map +0 -1
  177. package/dist/node/components/HeaderComponents/Header/index.js +0 -32
  178. package/dist/node/components/HeaderComponents/Header/index.js.map +0 -1
  179. package/dist/node/components/HeaderComponents/index.cjs +0 -81
  180. package/dist/node/components/HeaderComponents/index.cjs.map +0 -1
  181. package/dist/node/components/HeaderComponents/index.js +0 -52
  182. package/dist/node/components/HeaderComponents/index.js.map +0 -1
  183. package/dist/node/components/RawPayload/ToggleRawPayloadBox.cjs +0 -41
  184. package/dist/node/components/RawPayload/ToggleRawPayloadBox.cjs.map +0 -1
  185. package/dist/node/components/RawPayload/ToggleRawPayloadBox.js +0 -16
  186. package/dist/node/components/RawPayload/ToggleRawPayloadBox.js.map +0 -1
  187. package/dist/node/components/RawPayload/index.cjs +0 -43
  188. package/dist/node/components/RawPayload/index.cjs.map +0 -1
  189. package/dist/node/components/RawPayload/index.js +0 -16
  190. package/dist/node/components/RawPayload/index.js.map +0 -1
  191. package/dist/node/components/index.cjs +0 -252
  192. package/dist/node/components/index.cjs.map +0 -1
  193. package/dist/node/components/index.js +0 -216
  194. package/dist/node/components/index.js.map +0 -1
  195. package/dist/node/components/layout/Header.cjs +0 -41
  196. package/dist/node/components/layout/Header.cjs.map +0 -1
  197. package/dist/node/components/layout/Header.js +0 -16
  198. package/dist/node/components/layout/Header.js.map +0 -1
  199. package/dist/node/components/layout/StyledCardHeader.cjs +0 -35
  200. package/dist/node/components/layout/StyledCardHeader.cjs.map +0 -1
  201. package/dist/node/components/layout/StyledCardHeader.js +0 -10
  202. package/dist/node/components/layout/StyledCardHeader.js.map +0 -1
  203. package/dist/node/components/layout/index.cjs +0 -52
  204. package/dist/node/components/layout/index.cjs.map +0 -1
  205. package/dist/node/components/layout/index.js +0 -24
  206. package/dist/node/components/layout/index.js.map +0 -1
  207. package/dist/node/types/GasPriceWitnessPayload.cjs +0 -19
  208. package/dist/node/types/GasPriceWitnessPayload.cjs.map +0 -1
  209. package/dist/node/types/GasPriceWitnessPayload.js +0 -1
  210. package/dist/node/types/GasPriceWitnessPayload.js.map +0 -1
  211. package/dist/node/types/index.cjs +0 -19
  212. package/dist/node/types/index.cjs.map +0 -1
  213. package/dist/node/types/index.js +0 -1
  214. package/dist/node/types/index.js.map +0 -1
@@ -1,56 +0,0 @@
1
- "use strict";
2
- var __defProp = Object.defineProperty;
3
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
- var __getOwnPropNames = Object.getOwnPropertyNames;
5
- var __hasOwnProp = Object.prototype.hasOwnProperty;
6
- var __export = (target, all) => {
7
- for (var name in all)
8
- __defProp(target, name, { get: all[name], enumerable: true });
9
- };
10
- var __copyProps = (to, from, except, desc) => {
11
- if (from && typeof from === "object" || typeof from === "function") {
12
- for (let key of __getOwnPropNames(from))
13
- if (!__hasOwnProp.call(to, key) && key !== except)
14
- __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
15
- }
16
- return to;
17
- };
18
- var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
19
-
20
- // src/components/HeaderComponents/Header/Header.tsx
21
- var Header_exports = {};
22
- __export(Header_exports, {
23
- GasPriceHeaderTypography: () => GasPriceHeaderTypography
24
- });
25
- module.exports = __toCommonJS(Header_exports);
26
- var import_material2 = require("@mui/material");
27
- var import_react_shared2 = require("@xyo-network/react-shared");
28
-
29
- // src/components/HeaderComponents/Header/Heading.tsx
30
- var import_material = require("@mui/material");
31
- var import_react_shared = require("@xyo-network/react-shared");
32
- var import_jsx_runtime = require("react/jsx-runtime");
33
- var GasPriceHeadingTypography = ({ children, heading, networkIcon, ...props }) => {
34
- const theme = (0, import_material.useTheme)();
35
- return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react_shared.TypographyEx, { fontSize: theme.spacing(6), lineHeight: 1, ...props, children: [
36
- heading,
37
- " ",
38
- networkIcon,
39
- " ",
40
- children
41
- ] });
42
- };
43
-
44
- // src/components/HeaderComponents/Header/Header.tsx
45
- var import_jsx_runtime2 = require("react/jsx-runtime");
46
- var GasPriceHeaderTypography = ({ heading, children, ...props }) => {
47
- const theme = (0, import_material2.useTheme)();
48
- const [ethData] = (0, import_react_shared2.useGetTokenData)(["eth"]);
49
- const networkIcon = /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("img", { height: theme.spacing(4), src: ethData.icon });
50
- return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(GasPriceHeadingTypography, { heading, networkIcon, ...props, children });
51
- };
52
- // Annotate the CommonJS export names for ESM import in node:
53
- 0 && (module.exports = {
54
- GasPriceHeaderTypography
55
- });
56
- //# sourceMappingURL=Header.cjs.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../../../../src/components/HeaderComponents/Header/Header.tsx","../../../../../src/components/HeaderComponents/Header/Heading.tsx"],"sourcesContent":["import { useTheme } from '@mui/material'\nimport { WithChildren } from '@xylabs/react-shared'\nimport { TypographyExProps, useGetTokenData } from '@xyo-network/react-shared'\n\nimport { GasPriceHeadingTypography } from './Heading'\n\nexport interface GasPriceHeaderTypographyProps extends TypographyExProps, WithChildren {\n heading?: string\n}\n\nexport const GasPriceHeaderTypography: React.FC<GasPriceHeaderTypographyProps> = ({ heading, children, ...props }) => {\n const theme = useTheme()\n const [ethData] = useGetTokenData(['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 { TypographyEx, TypographyExProps } from '@xyo-network/react-shared'\nimport { ReactNode } 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> = ({ children, heading, networkIcon, ...props }) => {\n const theme = useTheme()\n return (\n <TypographyEx fontSize={theme.spacing(6)} lineHeight={1} {...props}>\n {heading} {networkIcon} {children}\n </TypographyEx>\n )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAAA,mBAAyB;AAEzB,IAAAC,uBAAmD;;;ACFnD,sBAAyB;AACzB,0BAAgD;AAY5C;AAHG,IAAM,4BAAsE,CAAC,EAAE,UAAU,SAAS,aAAa,GAAG,MAAM,MAAM;AACnI,QAAM,YAAQ,0BAAS;AACvB,SACE,6CAAC,oCAAa,UAAU,MAAM,QAAQ,CAAC,GAAG,YAAY,GAAI,GAAG,OAC1D;AAAA;AAAA,IAAQ;AAAA,IAAE;AAAA,IAAY;AAAA,IAAE;AAAA,KAC3B;AAEJ;;;ADJsB,IAAAC,sBAAA;AAHf,IAAM,2BAAoE,CAAC,EAAE,SAAS,UAAU,GAAG,MAAM,MAAM;AACpH,QAAM,YAAQ,2BAAS;AACvB,QAAM,CAAC,OAAO,QAAI,sCAAgB,CAAC,KAAK,CAAC;AACzC,QAAM,cAAc,6CAAC,SAAI,QAAQ,MAAM,QAAQ,CAAC,GAAG,KAAK,QAAQ,MAAM;AAEtE,SACE,6CAAC,6BAA0B,SAAkB,aAA2B,GAAG,OACxE,UACH;AAEJ;","names":["import_material","import_react_shared","import_jsx_runtime"]}
@@ -1,31 +0,0 @@
1
- // src/components/HeaderComponents/Header/Header.tsx
2
- import { useTheme as useTheme2 } from "@mui/material";
3
- import { useGetTokenData } from "@xyo-network/react-shared";
4
-
5
- // src/components/HeaderComponents/Header/Heading.tsx
6
- import { useTheme } from "@mui/material";
7
- import { TypographyEx } from "@xyo-network/react-shared";
8
- import { jsxs } from "react/jsx-runtime";
9
- var GasPriceHeadingTypography = ({ children, heading, networkIcon, ...props }) => {
10
- const theme = useTheme();
11
- return /* @__PURE__ */ jsxs(TypographyEx, { fontSize: theme.spacing(6), lineHeight: 1, ...props, children: [
12
- heading,
13
- " ",
14
- networkIcon,
15
- " ",
16
- children
17
- ] });
18
- };
19
-
20
- // src/components/HeaderComponents/Header/Header.tsx
21
- import { jsx } from "react/jsx-runtime";
22
- var GasPriceHeaderTypography = ({ heading, children, ...props }) => {
23
- const theme = useTheme2();
24
- const [ethData] = useGetTokenData(["eth"]);
25
- const networkIcon = /* @__PURE__ */ jsx("img", { height: theme.spacing(4), src: ethData.icon });
26
- return /* @__PURE__ */ jsx(GasPriceHeadingTypography, { heading, networkIcon, ...props, children });
27
- };
28
- export {
29
- GasPriceHeaderTypography
30
- };
31
- //# sourceMappingURL=Header.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../../../../src/components/HeaderComponents/Header/Header.tsx","../../../../../src/components/HeaderComponents/Header/Heading.tsx"],"sourcesContent":["import { useTheme } from '@mui/material'\nimport { WithChildren } from '@xylabs/react-shared'\nimport { TypographyExProps, useGetTokenData } from '@xyo-network/react-shared'\n\nimport { GasPriceHeadingTypography } from './Heading'\n\nexport interface GasPriceHeaderTypographyProps extends TypographyExProps, WithChildren {\n heading?: string\n}\n\nexport const GasPriceHeaderTypography: React.FC<GasPriceHeaderTypographyProps> = ({ heading, children, ...props }) => {\n const theme = useTheme()\n const [ethData] = useGetTokenData(['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 { TypographyEx, TypographyExProps } from '@xyo-network/react-shared'\nimport { ReactNode } 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> = ({ children, heading, networkIcon, ...props }) => {\n const theme = useTheme()\n return (\n <TypographyEx fontSize={theme.spacing(6)} lineHeight={1} {...props}>\n {heading} {networkIcon} {children}\n </TypographyEx>\n )\n}\n"],"mappings":";AAAA,SAAS,YAAAA,iBAAgB;AAEzB,SAA4B,uBAAuB;;;ACFnD,SAAS,gBAAgB;AACzB,SAAS,oBAAuC;AAY5C;AAHG,IAAM,4BAAsE,CAAC,EAAE,UAAU,SAAS,aAAa,GAAG,MAAM,MAAM;AACnI,QAAM,QAAQ,SAAS;AACvB,SACE,qBAAC,gBAAa,UAAU,MAAM,QAAQ,CAAC,GAAG,YAAY,GAAI,GAAG,OAC1D;AAAA;AAAA,IAAQ;AAAA,IAAE;AAAA,IAAY;AAAA,IAAE;AAAA,KAC3B;AAEJ;;;ADJsB;AAHf,IAAM,2BAAoE,CAAC,EAAE,SAAS,UAAU,GAAG,MAAM,MAAM;AACpH,QAAM,QAAQC,UAAS;AACvB,QAAM,CAAC,OAAO,IAAI,gBAAgB,CAAC,KAAK,CAAC;AACzC,QAAM,cAAc,oBAAC,SAAI,QAAQ,MAAM,QAAQ,CAAC,GAAG,KAAK,QAAQ,MAAM;AAEtE,SACE,oBAAC,6BAA0B,SAAkB,aAA2B,GAAG,OACxE,UACH;AAEJ;","names":["useTheme","useTheme"]}
@@ -1,43 +0,0 @@
1
- "use strict";
2
- var __defProp = Object.defineProperty;
3
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
- var __getOwnPropNames = Object.getOwnPropertyNames;
5
- var __hasOwnProp = Object.prototype.hasOwnProperty;
6
- var __export = (target, all) => {
7
- for (var name in all)
8
- __defProp(target, name, { get: all[name], enumerable: true });
9
- };
10
- var __copyProps = (to, from, except, desc) => {
11
- if (from && typeof from === "object" || typeof from === "function") {
12
- for (let key of __getOwnPropNames(from))
13
- if (!__hasOwnProp.call(to, key) && key !== except)
14
- __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
15
- }
16
- return to;
17
- };
18
- var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
19
-
20
- // src/components/HeaderComponents/Header/Heading.tsx
21
- var Heading_exports = {};
22
- __export(Heading_exports, {
23
- GasPriceHeadingTypography: () => GasPriceHeadingTypography
24
- });
25
- module.exports = __toCommonJS(Heading_exports);
26
- var import_material = require("@mui/material");
27
- var import_react_shared = require("@xyo-network/react-shared");
28
- var import_jsx_runtime = require("react/jsx-runtime");
29
- var GasPriceHeadingTypography = ({ children, heading, networkIcon, ...props }) => {
30
- const theme = (0, import_material.useTheme)();
31
- return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react_shared.TypographyEx, { fontSize: theme.spacing(6), lineHeight: 1, ...props, children: [
32
- heading,
33
- " ",
34
- networkIcon,
35
- " ",
36
- children
37
- ] });
38
- };
39
- // Annotate the CommonJS export names for ESM import in node:
40
- 0 && (module.exports = {
41
- GasPriceHeadingTypography
42
- });
43
- //# sourceMappingURL=Heading.cjs.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../../../../src/components/HeaderComponents/Header/Heading.tsx"],"sourcesContent":["import { useTheme } from '@mui/material'\nimport { TypographyEx, TypographyExProps } from '@xyo-network/react-shared'\nimport { ReactNode } 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> = ({ children, heading, networkIcon, ...props }) => {\n const theme = useTheme()\n return (\n <TypographyEx fontSize={theme.spacing(6)} lineHeight={1} {...props}>\n {heading} {networkIcon} {children}\n </TypographyEx>\n )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBAAyB;AACzB,0BAAgD;AAY5C;AAHG,IAAM,4BAAsE,CAAC,EAAE,UAAU,SAAS,aAAa,GAAG,MAAM,MAAM;AACnI,QAAM,YAAQ,0BAAS;AACvB,SACE,6CAAC,oCAAa,UAAU,MAAM,QAAQ,CAAC,GAAG,YAAY,GAAI,GAAG,OAC1D;AAAA;AAAA,IAAQ;AAAA,IAAE;AAAA,IAAY;AAAA,IAAE;AAAA,KAC3B;AAEJ;","names":[]}
@@ -1,18 +0,0 @@
1
- // src/components/HeaderComponents/Header/Heading.tsx
2
- import { useTheme } from "@mui/material";
3
- import { TypographyEx } from "@xyo-network/react-shared";
4
- import { jsxs } from "react/jsx-runtime";
5
- var GasPriceHeadingTypography = ({ children, heading, networkIcon, ...props }) => {
6
- const theme = useTheme();
7
- return /* @__PURE__ */ jsxs(TypographyEx, { fontSize: theme.spacing(6), lineHeight: 1, ...props, children: [
8
- heading,
9
- " ",
10
- networkIcon,
11
- " ",
12
- children
13
- ] });
14
- };
15
- export {
16
- GasPriceHeadingTypography
17
- };
18
- //# sourceMappingURL=Heading.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../../../../src/components/HeaderComponents/Header/Heading.tsx"],"sourcesContent":["import { useTheme } from '@mui/material'\nimport { TypographyEx, TypographyExProps } from '@xyo-network/react-shared'\nimport { ReactNode } 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> = ({ children, heading, networkIcon, ...props }) => {\n const theme = useTheme()\n return (\n <TypographyEx fontSize={theme.spacing(6)} lineHeight={1} {...props}>\n {heading} {networkIcon} {children}\n </TypographyEx>\n )\n}\n"],"mappings":";AAAA,SAAS,gBAAgB;AACzB,SAAS,oBAAuC;AAY5C;AAHG,IAAM,4BAAsE,CAAC,EAAE,UAAU,SAAS,aAAa,GAAG,MAAM,MAAM;AACnI,QAAM,QAAQ,SAAS;AACvB,SACE,qBAAC,gBAAa,UAAU,MAAM,QAAQ,CAAC,GAAG,YAAY,GAAI,GAAG,OAC1D;AAAA;AAAA,IAAQ;AAAA,IAAE;AAAA,IAAY;AAAA,IAAE;AAAA,KAC3B;AAEJ;","names":[]}
@@ -1,60 +0,0 @@
1
- "use strict";
2
- var __defProp = Object.defineProperty;
3
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
- var __getOwnPropNames = Object.getOwnPropertyNames;
5
- var __hasOwnProp = Object.prototype.hasOwnProperty;
6
- var __export = (target, all) => {
7
- for (var name in all)
8
- __defProp(target, name, { get: all[name], enumerable: true });
9
- };
10
- var __copyProps = (to, from, except, desc) => {
11
- if (from && typeof from === "object" || typeof from === "function") {
12
- for (let key of __getOwnPropNames(from))
13
- if (!__hasOwnProp.call(to, key) && key !== except)
14
- __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
15
- }
16
- return to;
17
- };
18
- var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
19
-
20
- // src/components/HeaderComponents/Header/index.ts
21
- var Header_exports = {};
22
- __export(Header_exports, {
23
- GasPriceHeaderTypography: () => GasPriceHeaderTypography,
24
- GasPriceHeadingTypography: () => GasPriceHeadingTypography
25
- });
26
- module.exports = __toCommonJS(Header_exports);
27
-
28
- // src/components/HeaderComponents/Header/Header.tsx
29
- var import_material2 = require("@mui/material");
30
- var import_react_shared2 = require("@xyo-network/react-shared");
31
-
32
- // src/components/HeaderComponents/Header/Heading.tsx
33
- var import_material = require("@mui/material");
34
- var import_react_shared = require("@xyo-network/react-shared");
35
- var import_jsx_runtime = require("react/jsx-runtime");
36
- var GasPriceHeadingTypography = ({ children, heading, networkIcon, ...props }) => {
37
- const theme = (0, import_material.useTheme)();
38
- return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react_shared.TypographyEx, { fontSize: theme.spacing(6), lineHeight: 1, ...props, children: [
39
- heading,
40
- " ",
41
- networkIcon,
42
- " ",
43
- children
44
- ] });
45
- };
46
-
47
- // src/components/HeaderComponents/Header/Header.tsx
48
- var import_jsx_runtime2 = require("react/jsx-runtime");
49
- var GasPriceHeaderTypography = ({ heading, children, ...props }) => {
50
- const theme = (0, import_material2.useTheme)();
51
- const [ethData] = (0, import_react_shared2.useGetTokenData)(["eth"]);
52
- const networkIcon = /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("img", { height: theme.spacing(4), src: ethData.icon });
53
- return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(GasPriceHeadingTypography, { heading, networkIcon, ...props, children });
54
- };
55
- // Annotate the CommonJS export names for ESM import in node:
56
- 0 && (module.exports = {
57
- GasPriceHeaderTypography,
58
- GasPriceHeadingTypography
59
- });
60
- //# sourceMappingURL=index.cjs.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../../../../src/components/HeaderComponents/Header/index.ts","../../../../../src/components/HeaderComponents/Header/Header.tsx","../../../../../src/components/HeaderComponents/Header/Heading.tsx"],"sourcesContent":["export * from './Header'\nexport * from './Heading'\n","import { useTheme } from '@mui/material'\nimport { WithChildren } from '@xylabs/react-shared'\nimport { TypographyExProps, useGetTokenData } from '@xyo-network/react-shared'\n\nimport { GasPriceHeadingTypography } from './Heading'\n\nexport interface GasPriceHeaderTypographyProps extends TypographyExProps, WithChildren {\n heading?: string\n}\n\nexport const GasPriceHeaderTypography: React.FC<GasPriceHeaderTypographyProps> = ({ heading, children, ...props }) => {\n const theme = useTheme()\n const [ethData] = useGetTokenData(['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 { TypographyEx, TypographyExProps } from '@xyo-network/react-shared'\nimport { ReactNode } 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> = ({ children, heading, networkIcon, ...props }) => {\n const theme = useTheme()\n return (\n <TypographyEx fontSize={theme.spacing(6)} lineHeight={1} {...props}>\n {heading} {networkIcon} {children}\n </TypographyEx>\n )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,IAAAA,mBAAyB;AAEzB,IAAAC,uBAAmD;;;ACFnD,sBAAyB;AACzB,0BAAgD;AAY5C;AAHG,IAAM,4BAAsE,CAAC,EAAE,UAAU,SAAS,aAAa,GAAG,MAAM,MAAM;AACnI,QAAM,YAAQ,0BAAS;AACvB,SACE,6CAAC,oCAAa,UAAU,MAAM,QAAQ,CAAC,GAAG,YAAY,GAAI,GAAG,OAC1D;AAAA;AAAA,IAAQ;AAAA,IAAE;AAAA,IAAY;AAAA,IAAE;AAAA,KAC3B;AAEJ;;;ADJsB,IAAAC,sBAAA;AAHf,IAAM,2BAAoE,CAAC,EAAE,SAAS,UAAU,GAAG,MAAM,MAAM;AACpH,QAAM,YAAQ,2BAAS;AACvB,QAAM,CAAC,OAAO,QAAI,sCAAgB,CAAC,KAAK,CAAC;AACzC,QAAM,cAAc,6CAAC,SAAI,QAAQ,MAAM,QAAQ,CAAC,GAAG,KAAK,QAAQ,MAAM;AAEtE,SACE,6CAAC,6BAA0B,SAAkB,aAA2B,GAAG,OACxE,UACH;AAEJ;","names":["import_material","import_react_shared","import_jsx_runtime"]}
@@ -1,32 +0,0 @@
1
- // src/components/HeaderComponents/Header/Header.tsx
2
- import { useTheme as useTheme2 } from "@mui/material";
3
- import { useGetTokenData } from "@xyo-network/react-shared";
4
-
5
- // src/components/HeaderComponents/Header/Heading.tsx
6
- import { useTheme } from "@mui/material";
7
- import { TypographyEx } from "@xyo-network/react-shared";
8
- import { jsxs } from "react/jsx-runtime";
9
- var GasPriceHeadingTypography = ({ children, heading, networkIcon, ...props }) => {
10
- const theme = useTheme();
11
- return /* @__PURE__ */ jsxs(TypographyEx, { fontSize: theme.spacing(6), lineHeight: 1, ...props, children: [
12
- heading,
13
- " ",
14
- networkIcon,
15
- " ",
16
- children
17
- ] });
18
- };
19
-
20
- // src/components/HeaderComponents/Header/Header.tsx
21
- import { jsx } from "react/jsx-runtime";
22
- var GasPriceHeaderTypography = ({ heading, children, ...props }) => {
23
- const theme = useTheme2();
24
- const [ethData] = useGetTokenData(["eth"]);
25
- const networkIcon = /* @__PURE__ */ jsx("img", { height: theme.spacing(4), src: ethData.icon });
26
- return /* @__PURE__ */ jsx(GasPriceHeadingTypography, { heading, networkIcon, ...props, children });
27
- };
28
- export {
29
- GasPriceHeaderTypography,
30
- GasPriceHeadingTypography
31
- };
32
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../../../../src/components/HeaderComponents/Header/Header.tsx","../../../../../src/components/HeaderComponents/Header/Heading.tsx"],"sourcesContent":["import { useTheme } from '@mui/material'\nimport { WithChildren } from '@xylabs/react-shared'\nimport { TypographyExProps, useGetTokenData } from '@xyo-network/react-shared'\n\nimport { GasPriceHeadingTypography } from './Heading'\n\nexport interface GasPriceHeaderTypographyProps extends TypographyExProps, WithChildren {\n heading?: string\n}\n\nexport const GasPriceHeaderTypography: React.FC<GasPriceHeaderTypographyProps> = ({ heading, children, ...props }) => {\n const theme = useTheme()\n const [ethData] = useGetTokenData(['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 { TypographyEx, TypographyExProps } from '@xyo-network/react-shared'\nimport { ReactNode } 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> = ({ children, heading, networkIcon, ...props }) => {\n const theme = useTheme()\n return (\n <TypographyEx fontSize={theme.spacing(6)} lineHeight={1} {...props}>\n {heading} {networkIcon} {children}\n </TypographyEx>\n )\n}\n"],"mappings":";AAAA,SAAS,YAAAA,iBAAgB;AAEzB,SAA4B,uBAAuB;;;ACFnD,SAAS,gBAAgB;AACzB,SAAS,oBAAuC;AAY5C;AAHG,IAAM,4BAAsE,CAAC,EAAE,UAAU,SAAS,aAAa,GAAG,MAAM,MAAM;AACnI,QAAM,QAAQ,SAAS;AACvB,SACE,qBAAC,gBAAa,UAAU,MAAM,QAAQ,CAAC,GAAG,YAAY,GAAI,GAAG,OAC1D;AAAA;AAAA,IAAQ;AAAA,IAAE;AAAA,IAAY;AAAA,IAAE;AAAA,KAC3B;AAEJ;;;ADJsB;AAHf,IAAM,2BAAoE,CAAC,EAAE,SAAS,UAAU,GAAG,MAAM,MAAM;AACpH,QAAM,QAAQC,UAAS;AACvB,QAAM,CAAC,OAAO,IAAI,gBAAgB,CAAC,KAAK,CAAC;AACzC,QAAM,cAAc,oBAAC,SAAI,QAAQ,MAAM,QAAQ,CAAC,GAAG,KAAK,QAAQ,MAAM;AAEtE,SACE,oBAAC,6BAA0B,SAAkB,aAA2B,GAAG,OACxE,UACH;AAEJ;","names":["useTheme","useTheme"]}
@@ -1,81 +0,0 @@
1
- "use strict";
2
- var __defProp = Object.defineProperty;
3
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
- var __getOwnPropNames = Object.getOwnPropertyNames;
5
- var __hasOwnProp = Object.prototype.hasOwnProperty;
6
- var __export = (target, all) => {
7
- for (var name in all)
8
- __defProp(target, name, { get: all[name], enumerable: true });
9
- };
10
- var __copyProps = (to, from, except, desc) => {
11
- if (from && typeof from === "object" || typeof from === "function") {
12
- for (let key of __getOwnPropNames(from))
13
- if (!__hasOwnProp.call(to, key) && key !== except)
14
- __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
15
- }
16
- return to;
17
- };
18
- var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
19
-
20
- // src/components/HeaderComponents/index.ts
21
- var HeaderComponents_exports = {};
22
- __export(HeaderComponents_exports, {
23
- GasPriceHeaderActionsBox: () => GasPriceHeaderActionsBox,
24
- GasPriceHeaderTypography: () => GasPriceHeaderTypography,
25
- GasPriceHeadingTypography: () => GasPriceHeadingTypography
26
- });
27
- module.exports = __toCommonJS(HeaderComponents_exports);
28
-
29
- // src/components/HeaderComponents/Actions.tsx
30
- var import_material = require("@mui/material");
31
- var import_react_flexbox = require("@xylabs/react-flexbox");
32
- var import_jsx_runtime = require("react/jsx-runtime");
33
- var GasPriceHeaderActionsBox = ({
34
- baseFee,
35
- baseFeeLabel = "Base Fee",
36
- blockNumber,
37
- blockNumberLabel = "Block Number",
38
- timestamp,
39
- ...props
40
- }) => {
41
- return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react_flexbox.FlexRow, { columnGap: 1, rowGap: 1, flexWrap: "wrap", ...props, children: [
42
- timestamp ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.Chip, { label: new Date(timestamp).toLocaleString() }) : null,
43
- baseFee ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.Chip, { label: `${baseFeeLabel} - ${baseFee.toFixed(2)} GWEI` }) : null,
44
- blockNumber ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.Chip, { label: `${blockNumberLabel} - ${blockNumber}` }) : null
45
- ] });
46
- };
47
-
48
- // src/components/HeaderComponents/Header/Header.tsx
49
- var import_material3 = require("@mui/material");
50
- var import_react_shared2 = require("@xyo-network/react-shared");
51
-
52
- // src/components/HeaderComponents/Header/Heading.tsx
53
- var import_material2 = require("@mui/material");
54
- var import_react_shared = require("@xyo-network/react-shared");
55
- var import_jsx_runtime2 = require("react/jsx-runtime");
56
- var GasPriceHeadingTypography = ({ children, heading, networkIcon, ...props }) => {
57
- const theme = (0, import_material2.useTheme)();
58
- return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_react_shared.TypographyEx, { fontSize: theme.spacing(6), lineHeight: 1, ...props, children: [
59
- heading,
60
- " ",
61
- networkIcon,
62
- " ",
63
- children
64
- ] });
65
- };
66
-
67
- // src/components/HeaderComponents/Header/Header.tsx
68
- var import_jsx_runtime3 = require("react/jsx-runtime");
69
- var GasPriceHeaderTypography = ({ heading, children, ...props }) => {
70
- const theme = (0, import_material3.useTheme)();
71
- const [ethData] = (0, import_react_shared2.useGetTokenData)(["eth"]);
72
- const networkIcon = /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("img", { height: theme.spacing(4), src: ethData.icon });
73
- return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(GasPriceHeadingTypography, { heading, networkIcon, ...props, children });
74
- };
75
- // Annotate the CommonJS export names for ESM import in node:
76
- 0 && (module.exports = {
77
- GasPriceHeaderActionsBox,
78
- GasPriceHeaderTypography,
79
- GasPriceHeadingTypography
80
- });
81
- //# sourceMappingURL=index.cjs.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../../../src/components/HeaderComponents/index.ts","../../../../src/components/HeaderComponents/Actions.tsx","../../../../src/components/HeaderComponents/Header/Header.tsx","../../../../src/components/HeaderComponents/Header/Heading.tsx"],"sourcesContent":["export * from './Actions'\nexport * from './Header'\n","import { Chip } from '@mui/material'\nimport { FlexBoxProps, FlexRow } from '@xylabs/react-flexbox'\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 ? <Chip label={new Date(timestamp).toLocaleString()} /> : null}\n {baseFee ? <Chip label={`${baseFeeLabel} - ${baseFee.toFixed(2)} GWEI`} /> : null}\n {blockNumber ? <Chip label={`${blockNumberLabel} - ${blockNumber}`} /> : null}\n </FlexRow>\n )\n}\n","import { useTheme } from '@mui/material'\nimport { WithChildren } from '@xylabs/react-shared'\nimport { TypographyExProps, useGetTokenData } from '@xyo-network/react-shared'\n\nimport { GasPriceHeadingTypography } from './Heading'\n\nexport interface GasPriceHeaderTypographyProps extends TypographyExProps, WithChildren {\n heading?: string\n}\n\nexport const GasPriceHeaderTypography: React.FC<GasPriceHeaderTypographyProps> = ({ heading, children, ...props }) => {\n const theme = useTheme()\n const [ethData] = useGetTokenData(['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 { TypographyEx, TypographyExProps } from '@xyo-network/react-shared'\nimport { ReactNode } 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> = ({ children, heading, networkIcon, ...props }) => {\n const theme = useTheme()\n return (\n <TypographyEx fontSize={theme.spacing(6)} lineHeight={1} {...props}>\n {heading} {networkIcon} {children}\n </TypographyEx>\n )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,sBAAqB;AACrB,2BAAsC;AAmBlC;AATG,IAAM,2BAAsE,CAAC;AAAA,EAClF;AAAA,EACA,eAAe;AAAA,EACf;AAAA,EACA,mBAAmB;AAAA,EACnB;AAAA,EACA,GAAG;AACL,MAAM;AACJ,SACE,6CAAC,gCAAQ,WAAW,GAAG,QAAQ,GAAG,UAAS,QAAQ,GAAG,OACnD;AAAA,gBAAY,4CAAC,wBAAK,OAAO,IAAI,KAAK,SAAS,EAAE,eAAe,GAAG,IAAK;AAAA,IACpE,UAAU,4CAAC,wBAAK,OAAO,GAAG,YAAY,MAAM,QAAQ,QAAQ,CAAC,CAAC,SAAS,IAAK;AAAA,IAC5E,cAAc,4CAAC,wBAAK,OAAO,GAAG,gBAAgB,MAAM,WAAW,IAAI,IAAK;AAAA,KAC3E;AAEJ;;;AC1BA,IAAAA,mBAAyB;AAEzB,IAAAC,uBAAmD;;;ACFnD,IAAAC,mBAAyB;AACzB,0BAAgD;AAY5C,IAAAC,sBAAA;AAHG,IAAM,4BAAsE,CAAC,EAAE,UAAU,SAAS,aAAa,GAAG,MAAM,MAAM;AACnI,QAAM,YAAQ,2BAAS;AACvB,SACE,8CAAC,oCAAa,UAAU,MAAM,QAAQ,CAAC,GAAG,YAAY,GAAI,GAAG,OAC1D;AAAA;AAAA,IAAQ;AAAA,IAAE;AAAA,IAAY;AAAA,IAAE;AAAA,KAC3B;AAEJ;;;ADJsB,IAAAC,sBAAA;AAHf,IAAM,2BAAoE,CAAC,EAAE,SAAS,UAAU,GAAG,MAAM,MAAM;AACpH,QAAM,YAAQ,2BAAS;AACvB,QAAM,CAAC,OAAO,QAAI,sCAAgB,CAAC,KAAK,CAAC;AACzC,QAAM,cAAc,6CAAC,SAAI,QAAQ,MAAM,QAAQ,CAAC,GAAG,KAAK,QAAQ,MAAM;AAEtE,SACE,6CAAC,6BAA0B,SAAkB,aAA2B,GAAG,OACxE,UACH;AAEJ;","names":["import_material","import_react_shared","import_material","import_jsx_runtime","import_jsx_runtime"]}
@@ -1,52 +0,0 @@
1
- // src/components/HeaderComponents/Actions.tsx
2
- import { Chip } from "@mui/material";
3
- import { FlexRow } from "@xylabs/react-flexbox";
4
- import { jsx, jsxs } from "react/jsx-runtime";
5
- var GasPriceHeaderActionsBox = ({
6
- baseFee,
7
- baseFeeLabel = "Base Fee",
8
- blockNumber,
9
- blockNumberLabel = "Block Number",
10
- timestamp,
11
- ...props
12
- }) => {
13
- return /* @__PURE__ */ jsxs(FlexRow, { columnGap: 1, rowGap: 1, flexWrap: "wrap", ...props, children: [
14
- timestamp ? /* @__PURE__ */ jsx(Chip, { label: new Date(timestamp).toLocaleString() }) : null,
15
- baseFee ? /* @__PURE__ */ jsx(Chip, { label: `${baseFeeLabel} - ${baseFee.toFixed(2)} GWEI` }) : null,
16
- blockNumber ? /* @__PURE__ */ jsx(Chip, { label: `${blockNumberLabel} - ${blockNumber}` }) : null
17
- ] });
18
- };
19
-
20
- // src/components/HeaderComponents/Header/Header.tsx
21
- import { useTheme as useTheme2 } from "@mui/material";
22
- import { useGetTokenData } from "@xyo-network/react-shared";
23
-
24
- // src/components/HeaderComponents/Header/Heading.tsx
25
- import { useTheme } from "@mui/material";
26
- import { TypographyEx } from "@xyo-network/react-shared";
27
- import { jsxs as jsxs2 } from "react/jsx-runtime";
28
- var GasPriceHeadingTypography = ({ children, heading, networkIcon, ...props }) => {
29
- const theme = useTheme();
30
- return /* @__PURE__ */ jsxs2(TypographyEx, { fontSize: theme.spacing(6), lineHeight: 1, ...props, children: [
31
- heading,
32
- " ",
33
- networkIcon,
34
- " ",
35
- children
36
- ] });
37
- };
38
-
39
- // src/components/HeaderComponents/Header/Header.tsx
40
- import { jsx as jsx2 } from "react/jsx-runtime";
41
- var GasPriceHeaderTypography = ({ heading, children, ...props }) => {
42
- const theme = useTheme2();
43
- const [ethData] = useGetTokenData(["eth"]);
44
- const networkIcon = /* @__PURE__ */ jsx2("img", { height: theme.spacing(4), src: ethData.icon });
45
- return /* @__PURE__ */ jsx2(GasPriceHeadingTypography, { heading, networkIcon, ...props, children });
46
- };
47
- export {
48
- GasPriceHeaderActionsBox,
49
- GasPriceHeaderTypography,
50
- GasPriceHeadingTypography
51
- };
52
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../../../src/components/HeaderComponents/Actions.tsx","../../../../src/components/HeaderComponents/Header/Header.tsx","../../../../src/components/HeaderComponents/Header/Heading.tsx"],"sourcesContent":["import { Chip } from '@mui/material'\nimport { FlexBoxProps, FlexRow } from '@xylabs/react-flexbox'\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 ? <Chip label={new Date(timestamp).toLocaleString()} /> : null}\n {baseFee ? <Chip label={`${baseFeeLabel} - ${baseFee.toFixed(2)} GWEI`} /> : null}\n {blockNumber ? <Chip label={`${blockNumberLabel} - ${blockNumber}`} /> : null}\n </FlexRow>\n )\n}\n","import { useTheme } from '@mui/material'\nimport { WithChildren } from '@xylabs/react-shared'\nimport { TypographyExProps, useGetTokenData } from '@xyo-network/react-shared'\n\nimport { GasPriceHeadingTypography } from './Heading'\n\nexport interface GasPriceHeaderTypographyProps extends TypographyExProps, WithChildren {\n heading?: string\n}\n\nexport const GasPriceHeaderTypography: React.FC<GasPriceHeaderTypographyProps> = ({ heading, children, ...props }) => {\n const theme = useTheme()\n const [ethData] = useGetTokenData(['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 { TypographyEx, TypographyExProps } from '@xyo-network/react-shared'\nimport { ReactNode } 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> = ({ children, heading, networkIcon, ...props }) => {\n const theme = useTheme()\n return (\n <TypographyEx fontSize={theme.spacing(6)} lineHeight={1} {...props}>\n {heading} {networkIcon} {children}\n </TypographyEx>\n )\n}\n"],"mappings":";AAAA,SAAS,YAAY;AACrB,SAAuB,eAAe;AAmBlC,SACe,KADf;AATG,IAAM,2BAAsE,CAAC;AAAA,EAClF;AAAA,EACA,eAAe;AAAA,EACf;AAAA,EACA,mBAAmB;AAAA,EACnB;AAAA,EACA,GAAG;AACL,MAAM;AACJ,SACE,qBAAC,WAAQ,WAAW,GAAG,QAAQ,GAAG,UAAS,QAAQ,GAAG,OACnD;AAAA,gBAAY,oBAAC,QAAK,OAAO,IAAI,KAAK,SAAS,EAAE,eAAe,GAAG,IAAK;AAAA,IACpE,UAAU,oBAAC,QAAK,OAAO,GAAG,YAAY,MAAM,QAAQ,QAAQ,CAAC,CAAC,SAAS,IAAK;AAAA,IAC5E,cAAc,oBAAC,QAAK,OAAO,GAAG,gBAAgB,MAAM,WAAW,IAAI,IAAK;AAAA,KAC3E;AAEJ;;;AC1BA,SAAS,YAAAA,iBAAgB;AAEzB,SAA4B,uBAAuB;;;ACFnD,SAAS,gBAAgB;AACzB,SAAS,oBAAuC;AAY5C,iBAAAC,aAAA;AAHG,IAAM,4BAAsE,CAAC,EAAE,UAAU,SAAS,aAAa,GAAG,MAAM,MAAM;AACnI,QAAM,QAAQ,SAAS;AACvB,SACE,gBAAAA,MAAC,gBAAa,UAAU,MAAM,QAAQ,CAAC,GAAG,YAAY,GAAI,GAAG,OAC1D;AAAA;AAAA,IAAQ;AAAA,IAAE;AAAA,IAAY;AAAA,IAAE;AAAA,KAC3B;AAEJ;;;ADJsB,gBAAAC,YAAA;AAHf,IAAM,2BAAoE,CAAC,EAAE,SAAS,UAAU,GAAG,MAAM,MAAM;AACpH,QAAM,QAAQC,UAAS;AACvB,QAAM,CAAC,OAAO,IAAI,gBAAgB,CAAC,KAAK,CAAC;AACzC,QAAM,cAAc,gBAAAD,KAAC,SAAI,QAAQ,MAAM,QAAQ,CAAC,GAAG,KAAK,QAAQ,MAAM;AAEtE,SACE,gBAAAA,KAAC,6BAA0B,SAAkB,aAA2B,GAAG,OACxE,UACH;AAEJ;","names":["useTheme","jsxs","jsx","useTheme"]}
@@ -1,41 +0,0 @@
1
- "use strict";
2
- var __defProp = Object.defineProperty;
3
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
- var __getOwnPropNames = Object.getOwnPropertyNames;
5
- var __hasOwnProp = Object.prototype.hasOwnProperty;
6
- var __export = (target, all) => {
7
- for (var name in all)
8
- __defProp(target, name, { get: all[name], enumerable: true });
9
- };
10
- var __copyProps = (to, from, except, desc) => {
11
- if (from && typeof from === "object" || typeof from === "function") {
12
- for (let key of __getOwnPropNames(from))
13
- if (!__hasOwnProp.call(to, key) && key !== except)
14
- __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
15
- }
16
- return to;
17
- };
18
- var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
19
-
20
- // src/components/RawPayload/ToggleRawPayloadBox.tsx
21
- var ToggleRawPayloadBox_exports = {};
22
- __export(ToggleRawPayloadBox_exports, {
23
- ToggleRawPayloadBox: () => ToggleRawPayloadBox
24
- });
25
- module.exports = __toCommonJS(ToggleRawPayloadBox_exports);
26
- var import_material = require("@mui/material");
27
- var import_react_flexbox = require("@xylabs/react-flexbox");
28
- var import_react = require("react");
29
- var import_jsx_runtime = require("react/jsx-runtime");
30
- var ToggleRawPayloadBox = ({ gasPricePayload, ...props }) => {
31
- const [collapse, setCollapse] = (0, import_react.useState)(false);
32
- return gasPricePayload ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react_flexbox.FlexCol, { rowGap: 1, ...props, children: [
33
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.Button, { color: "secondary", sx: { bgcolor: "secondary.dark", color: "white" }, variant: "contained", onClick: () => setCollapse(!collapse), children: "Raw Payload" }),
34
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.Collapse, { in: collapse, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.Paper, { elevation: 4, sx: { p: 2 }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("pre", { children: JSON.stringify(gasPricePayload, null, 2) }) }) })
35
- ] }) : null;
36
- };
37
- // Annotate the CommonJS export names for ESM import in node:
38
- 0 && (module.exports = {
39
- ToggleRawPayloadBox
40
- });
41
- //# sourceMappingURL=ToggleRawPayloadBox.cjs.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../../../src/components/RawPayload/ToggleRawPayloadBox.tsx"],"sourcesContent":["import { Button, Collapse, Paper } from '@mui/material'\nimport { FlexBoxProps, FlexCol } from '@xylabs/react-flexbox'\nimport { 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 <FlexCol rowGap={1} {...props}>\n <Button color=\"secondary\" sx={{ bgcolor: 'secondary.dark', color: 'white' }} variant=\"contained\" onClick={() => setCollapse(!collapse)}>\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 ) : null\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBAAwC;AACxC,2BAAsC;AACtC,mBAAyB;AASrB;AAHG,IAAM,sBAA0D,CAAC,EAAE,iBAAiB,GAAG,MAAM,MAAM;AACxG,QAAM,CAAC,UAAU,WAAW,QAAI,uBAAS,KAAK;AAC9C,SAAO,kBACL,6CAAC,gCAAQ,QAAQ,GAAI,GAAG,OACtB;AAAA,gDAAC,0BAAO,OAAM,aAAY,IAAI,EAAE,SAAS,kBAAkB,OAAO,QAAQ,GAAG,SAAQ,aAAY,SAAS,MAAM,YAAY,CAAC,QAAQ,GAAG,yBAExI;AAAA,IACA,4CAAC,4BAAS,IAAI,UACZ,sDAAC,yBAAM,WAAW,GAAG,IAAI,EAAE,GAAG,EAAE,GAC9B,sDAAC,SAAK,eAAK,UAAU,iBAAiB,MAAM,CAAC,GAAE,GACjD,GACF;AAAA,KACF,IACE;AACN;","names":[]}
@@ -1,16 +0,0 @@
1
- // src/components/RawPayload/ToggleRawPayloadBox.tsx
2
- import { Button, Collapse, Paper } from "@mui/material";
3
- import { FlexCol } from "@xylabs/react-flexbox";
4
- import { useState } from "react";
5
- import { jsx, jsxs } from "react/jsx-runtime";
6
- var ToggleRawPayloadBox = ({ gasPricePayload, ...props }) => {
7
- const [collapse, setCollapse] = useState(false);
8
- return gasPricePayload ? /* @__PURE__ */ jsxs(FlexCol, { rowGap: 1, ...props, children: [
9
- /* @__PURE__ */ jsx(Button, { color: "secondary", sx: { bgcolor: "secondary.dark", color: "white" }, variant: "contained", onClick: () => setCollapse(!collapse), children: "Raw Payload" }),
10
- /* @__PURE__ */ jsx(Collapse, { in: collapse, children: /* @__PURE__ */ jsx(Paper, { elevation: 4, sx: { p: 2 }, children: /* @__PURE__ */ jsx("pre", { children: JSON.stringify(gasPricePayload, null, 2) }) }) })
11
- ] }) : null;
12
- };
13
- export {
14
- ToggleRawPayloadBox
15
- };
16
- //# sourceMappingURL=ToggleRawPayloadBox.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../../../src/components/RawPayload/ToggleRawPayloadBox.tsx"],"sourcesContent":["import { Button, Collapse, Paper } from '@mui/material'\nimport { FlexBoxProps, FlexCol } from '@xylabs/react-flexbox'\nimport { 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 <FlexCol rowGap={1} {...props}>\n <Button color=\"secondary\" sx={{ bgcolor: 'secondary.dark', color: 'white' }} variant=\"contained\" onClick={() => setCollapse(!collapse)}>\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 ) : null\n}\n"],"mappings":";AAAA,SAAS,QAAQ,UAAU,aAAa;AACxC,SAAuB,eAAe;AACtC,SAAS,gBAAgB;AASrB,SACE,KADF;AAHG,IAAM,sBAA0D,CAAC,EAAE,iBAAiB,GAAG,MAAM,MAAM;AACxG,QAAM,CAAC,UAAU,WAAW,IAAI,SAAS,KAAK;AAC9C,SAAO,kBACL,qBAAC,WAAQ,QAAQ,GAAI,GAAG,OACtB;AAAA,wBAAC,UAAO,OAAM,aAAY,IAAI,EAAE,SAAS,kBAAkB,OAAO,QAAQ,GAAG,SAAQ,aAAY,SAAS,MAAM,YAAY,CAAC,QAAQ,GAAG,yBAExI;AAAA,IACA,oBAAC,YAAS,IAAI,UACZ,8BAAC,SAAM,WAAW,GAAG,IAAI,EAAE,GAAG,EAAE,GAC9B,8BAAC,SAAK,eAAK,UAAU,iBAAiB,MAAM,CAAC,GAAE,GACjD,GACF;AAAA,KACF,IACE;AACN;","names":[]}
@@ -1,43 +0,0 @@
1
- "use strict";
2
- var __defProp = Object.defineProperty;
3
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
- var __getOwnPropNames = Object.getOwnPropertyNames;
5
- var __hasOwnProp = Object.prototype.hasOwnProperty;
6
- var __export = (target, all) => {
7
- for (var name in all)
8
- __defProp(target, name, { get: all[name], enumerable: true });
9
- };
10
- var __copyProps = (to, from, except, desc) => {
11
- if (from && typeof from === "object" || typeof from === "function") {
12
- for (let key of __getOwnPropNames(from))
13
- if (!__hasOwnProp.call(to, key) && key !== except)
14
- __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
15
- }
16
- return to;
17
- };
18
- var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
19
-
20
- // src/components/RawPayload/index.ts
21
- var RawPayload_exports = {};
22
- __export(RawPayload_exports, {
23
- ToggleRawPayloadBox: () => ToggleRawPayloadBox
24
- });
25
- module.exports = __toCommonJS(RawPayload_exports);
26
-
27
- // src/components/RawPayload/ToggleRawPayloadBox.tsx
28
- var import_material = require("@mui/material");
29
- var import_react_flexbox = require("@xylabs/react-flexbox");
30
- var import_react = require("react");
31
- var import_jsx_runtime = require("react/jsx-runtime");
32
- var ToggleRawPayloadBox = ({ gasPricePayload, ...props }) => {
33
- const [collapse, setCollapse] = (0, import_react.useState)(false);
34
- return gasPricePayload ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react_flexbox.FlexCol, { rowGap: 1, ...props, children: [
35
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.Button, { color: "secondary", sx: { bgcolor: "secondary.dark", color: "white" }, variant: "contained", onClick: () => setCollapse(!collapse), children: "Raw Payload" }),
36
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.Collapse, { in: collapse, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.Paper, { elevation: 4, sx: { p: 2 }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("pre", { children: JSON.stringify(gasPricePayload, null, 2) }) }) })
37
- ] }) : null;
38
- };
39
- // Annotate the CommonJS export names for ESM import in node:
40
- 0 && (module.exports = {
41
- ToggleRawPayloadBox
42
- });
43
- //# sourceMappingURL=index.cjs.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../../../src/components/RawPayload/index.ts","../../../../src/components/RawPayload/ToggleRawPayloadBox.tsx"],"sourcesContent":["export * from './ToggleRawPayloadBox'\n","import { Button, Collapse, Paper } from '@mui/material'\nimport { FlexBoxProps, FlexCol } from '@xylabs/react-flexbox'\nimport { 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 <FlexCol rowGap={1} {...props}>\n <Button color=\"secondary\" sx={{ bgcolor: 'secondary.dark', color: 'white' }} variant=\"contained\" onClick={() => setCollapse(!collapse)}>\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 ) : null\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,sBAAwC;AACxC,2BAAsC;AACtC,mBAAyB;AASrB;AAHG,IAAM,sBAA0D,CAAC,EAAE,iBAAiB,GAAG,MAAM,MAAM;AACxG,QAAM,CAAC,UAAU,WAAW,QAAI,uBAAS,KAAK;AAC9C,SAAO,kBACL,6CAAC,gCAAQ,QAAQ,GAAI,GAAG,OACtB;AAAA,gDAAC,0BAAO,OAAM,aAAY,IAAI,EAAE,SAAS,kBAAkB,OAAO,QAAQ,GAAG,SAAQ,aAAY,SAAS,MAAM,YAAY,CAAC,QAAQ,GAAG,yBAExI;AAAA,IACA,4CAAC,4BAAS,IAAI,UACZ,sDAAC,yBAAM,WAAW,GAAG,IAAI,EAAE,GAAG,EAAE,GAC9B,sDAAC,SAAK,eAAK,UAAU,iBAAiB,MAAM,CAAC,GAAE,GACjD,GACF;AAAA,KACF,IACE;AACN;","names":[]}
@@ -1,16 +0,0 @@
1
- // src/components/RawPayload/ToggleRawPayloadBox.tsx
2
- import { Button, Collapse, Paper } from "@mui/material";
3
- import { FlexCol } from "@xylabs/react-flexbox";
4
- import { useState } from "react";
5
- import { jsx, jsxs } from "react/jsx-runtime";
6
- var ToggleRawPayloadBox = ({ gasPricePayload, ...props }) => {
7
- const [collapse, setCollapse] = useState(false);
8
- return gasPricePayload ? /* @__PURE__ */ jsxs(FlexCol, { rowGap: 1, ...props, children: [
9
- /* @__PURE__ */ jsx(Button, { color: "secondary", sx: { bgcolor: "secondary.dark", color: "white" }, variant: "contained", onClick: () => setCollapse(!collapse), children: "Raw Payload" }),
10
- /* @__PURE__ */ jsx(Collapse, { in: collapse, children: /* @__PURE__ */ jsx(Paper, { elevation: 4, sx: { p: 2 }, children: /* @__PURE__ */ jsx("pre", { children: JSON.stringify(gasPricePayload, null, 2) }) }) })
11
- ] }) : null;
12
- };
13
- export {
14
- ToggleRawPayloadBox
15
- };
16
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../../../src/components/RawPayload/ToggleRawPayloadBox.tsx"],"sourcesContent":["import { Button, Collapse, Paper } from '@mui/material'\nimport { FlexBoxProps, FlexCol } from '@xylabs/react-flexbox'\nimport { 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 <FlexCol rowGap={1} {...props}>\n <Button color=\"secondary\" sx={{ bgcolor: 'secondary.dark', color: 'white' }} variant=\"contained\" onClick={() => setCollapse(!collapse)}>\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 ) : null\n}\n"],"mappings":";AAAA,SAAS,QAAQ,UAAU,aAAa;AACxC,SAAuB,eAAe;AACtC,SAAS,gBAAgB;AASrB,SACE,KADF;AAHG,IAAM,sBAA0D,CAAC,EAAE,iBAAiB,GAAG,MAAM,MAAM;AACxG,QAAM,CAAC,UAAU,WAAW,IAAI,SAAS,KAAK;AAC9C,SAAO,kBACL,qBAAC,WAAQ,QAAQ,GAAI,GAAG,OACtB;AAAA,wBAAC,UAAO,OAAM,aAAY,IAAI,EAAE,SAAS,kBAAkB,OAAO,QAAQ,GAAG,SAAQ,aAAY,SAAS,MAAM,YAAY,CAAC,QAAQ,GAAG,yBAExI;AAAA,IACA,oBAAC,YAAS,IAAI,UACZ,8BAAC,SAAM,WAAW,GAAG,IAAI,EAAE,GAAG,EAAE,GAC9B,8BAAC,SAAK,eAAK,UAAU,iBAAiB,MAAM,CAAC,GAAE,GACjD,GACF;AAAA,KACF,IACE;AACN;","names":[]}