@xyo-network/react-ethereum-gas-price-blocknative-plugin 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 (132) hide show
  1. package/dist/browser/components/Card/Card.d.cts +1 -1
  2. package/dist/browser/components/Card/Card.d.mts +1 -1
  3. package/dist/browser/components/Card/Card.d.ts +1 -1
  4. package/dist/browser/components/Card/CardContent.d.cts +1 -1
  5. package/dist/browser/components/Card/CardContent.d.mts +1 -1
  6. package/dist/browser/components/Card/CardContent.d.ts +1 -1
  7. package/dist/browser/components/Card/CardHeader.d.cts +1 -1
  8. package/dist/browser/components/Card/CardHeader.d.mts +1 -1
  9. package/dist/browser/components/Card/CardHeader.d.ts +1 -1
  10. package/dist/node/components/Card/Card.d.cts +1 -1
  11. package/dist/node/components/Card/Card.d.mts +1 -1
  12. package/dist/node/components/Card/Card.d.ts +1 -1
  13. package/dist/node/components/Card/CardContent.d.cts +1 -1
  14. package/dist/node/components/Card/CardContent.d.mts +1 -1
  15. package/dist/node/components/Card/CardContent.d.ts +1 -1
  16. package/dist/node/components/Card/CardHeader.d.cts +1 -1
  17. package/dist/node/components/Card/CardHeader.d.mts +1 -1
  18. package/dist/node/components/Card/CardHeader.d.ts +1 -1
  19. package/package.json +11 -11
  20. package/dist/browser/Plugin.cjs +0 -149
  21. package/dist/browser/Plugin.cjs.map +0 -1
  22. package/dist/browser/Plugin.js +0 -128
  23. package/dist/browser/Plugin.js.map +0 -1
  24. package/dist/browser/components/Card/Card.cjs +0 -107
  25. package/dist/browser/components/Card/Card.cjs.map +0 -1
  26. package/dist/browser/components/Card/Card.js +0 -86
  27. package/dist/browser/components/Card/Card.js.map +0 -1
  28. package/dist/browser/components/Card/CardContent.cjs +0 -77
  29. package/dist/browser/components/Card/CardContent.cjs.map +0 -1
  30. package/dist/browser/components/Card/CardContent.js +0 -56
  31. package/dist/browser/components/Card/CardContent.js.map +0 -1
  32. package/dist/browser/components/Card/CardHeader.cjs +0 -71
  33. package/dist/browser/components/Card/CardHeader.cjs.map +0 -1
  34. package/dist/browser/components/Card/CardHeader.js +0 -50
  35. package/dist/browser/components/Card/CardHeader.js.map +0 -1
  36. package/dist/browser/components/Card/index.cjs +0 -111
  37. package/dist/browser/components/Card/index.cjs.map +0 -1
  38. package/dist/browser/components/Card/index.js +0 -88
  39. package/dist/browser/components/Card/index.js.map +0 -1
  40. package/dist/browser/components/Details/Box/BlocknativeGasPriceDetailsBox.cjs +0 -91
  41. package/dist/browser/components/Details/Box/BlocknativeGasPriceDetailsBox.cjs.map +0 -1
  42. package/dist/browser/components/Details/Box/BlocknativeGasPriceDetailsBox.js +0 -70
  43. package/dist/browser/components/Details/Box/BlocknativeGasPriceDetailsBox.js.map +0 -1
  44. package/dist/browser/components/Details/Box/index.cjs +0 -93
  45. package/dist/browser/components/Details/Box/index.cjs.map +0 -1
  46. package/dist/browser/components/Details/Box/index.js +0 -70
  47. package/dist/browser/components/Details/Box/index.js.map +0 -1
  48. package/dist/browser/components/Details/index.cjs +0 -93
  49. package/dist/browser/components/Details/index.cjs.map +0 -1
  50. package/dist/browser/components/Details/index.js +0 -70
  51. package/dist/browser/components/Details/index.js.map +0 -1
  52. package/dist/browser/components/hooks/index.cjs +0 -57
  53. package/dist/browser/components/hooks/index.cjs.map +0 -1
  54. package/dist/browser/components/hooks/index.js +0 -34
  55. package/dist/browser/components/hooks/index.js.map +0 -1
  56. package/dist/browser/components/hooks/useBlocknativeTransformer.cjs +0 -55
  57. package/dist/browser/components/hooks/useBlocknativeTransformer.cjs.map +0 -1
  58. package/dist/browser/components/hooks/useBlocknativeTransformer.js +0 -34
  59. package/dist/browser/components/hooks/useBlocknativeTransformer.js.map +0 -1
  60. package/dist/browser/components/index.cjs +0 -143
  61. package/dist/browser/components/index.cjs.map +0 -1
  62. package/dist/browser/components/index.js +0 -120
  63. package/dist/browser/components/index.js.map +0 -1
  64. package/dist/browser/components/lib/constants.cjs +0 -27
  65. package/dist/browser/components/lib/constants.cjs.map +0 -1
  66. package/dist/browser/components/lib/constants.js +0 -6
  67. package/dist/browser/components/lib/constants.js.map +0 -1
  68. package/dist/browser/components/lib/index.cjs +0 -29
  69. package/dist/browser/components/lib/index.cjs.map +0 -1
  70. package/dist/browser/components/lib/index.js +0 -6
  71. package/dist/browser/components/lib/index.js.map +0 -1
  72. package/dist/browser/types/images.d.cjs +0 -2
  73. package/dist/browser/types/images.d.cjs.map +0 -1
  74. package/dist/browser/types/images.d.js +0 -1
  75. package/dist/browser/types/images.d.js.map +0 -1
  76. package/dist/docs.json +0 -1359
  77. package/dist/node/Plugin.cjs +0 -156
  78. package/dist/node/Plugin.cjs.map +0 -1
  79. package/dist/node/Plugin.js +0 -131
  80. package/dist/node/Plugin.js.map +0 -1
  81. package/dist/node/components/Card/Card.cjs +0 -113
  82. package/dist/node/components/Card/Card.cjs.map +0 -1
  83. package/dist/node/components/Card/Card.js +0 -88
  84. package/dist/node/components/Card/Card.js.map +0 -1
  85. package/dist/node/components/Card/CardContent.cjs +0 -83
  86. package/dist/node/components/Card/CardContent.cjs.map +0 -1
  87. package/dist/node/components/Card/CardContent.js +0 -58
  88. package/dist/node/components/Card/CardContent.js.map +0 -1
  89. package/dist/node/components/Card/CardHeader.cjs +0 -76
  90. package/dist/node/components/Card/CardHeader.cjs.map +0 -1
  91. package/dist/node/components/Card/CardHeader.js +0 -51
  92. package/dist/node/components/Card/CardHeader.js.map +0 -1
  93. package/dist/node/components/Card/index.cjs +0 -119
  94. package/dist/node/components/Card/index.cjs.map +0 -1
  95. package/dist/node/components/Card/index.js +0 -90
  96. package/dist/node/components/Card/index.js.map +0 -1
  97. package/dist/node/components/Details/Box/BlocknativeGasPriceDetailsBox.cjs +0 -97
  98. package/dist/node/components/Details/Box/BlocknativeGasPriceDetailsBox.cjs.map +0 -1
  99. package/dist/node/components/Details/Box/BlocknativeGasPriceDetailsBox.js +0 -72
  100. package/dist/node/components/Details/Box/BlocknativeGasPriceDetailsBox.js.map +0 -1
  101. package/dist/node/components/Details/Box/index.cjs +0 -99
  102. package/dist/node/components/Details/Box/index.cjs.map +0 -1
  103. package/dist/node/components/Details/Box/index.js +0 -72
  104. package/dist/node/components/Details/Box/index.js.map +0 -1
  105. package/dist/node/components/Details/index.cjs +0 -99
  106. package/dist/node/components/Details/index.cjs.map +0 -1
  107. package/dist/node/components/Details/index.js +0 -72
  108. package/dist/node/components/Details/index.js.map +0 -1
  109. package/dist/node/components/hooks/index.cjs +0 -62
  110. package/dist/node/components/hooks/index.cjs.map +0 -1
  111. package/dist/node/components/hooks/index.js +0 -35
  112. package/dist/node/components/hooks/index.js.map +0 -1
  113. package/dist/node/components/hooks/useBlocknativeTransformer.cjs +0 -60
  114. package/dist/node/components/hooks/useBlocknativeTransformer.cjs.map +0 -1
  115. package/dist/node/components/hooks/useBlocknativeTransformer.js +0 -35
  116. package/dist/node/components/hooks/useBlocknativeTransformer.js.map +0 -1
  117. package/dist/node/components/index.cjs +0 -153
  118. package/dist/node/components/index.cjs.map +0 -1
  119. package/dist/node/components/index.js +0 -123
  120. package/dist/node/components/index.js.map +0 -1
  121. package/dist/node/components/lib/constants.cjs +0 -31
  122. package/dist/node/components/lib/constants.cjs.map +0 -1
  123. package/dist/node/components/lib/constants.js +0 -6
  124. package/dist/node/components/lib/constants.js.map +0 -1
  125. package/dist/node/components/lib/index.cjs +0 -33
  126. package/dist/node/components/lib/index.cjs.map +0 -1
  127. package/dist/node/components/lib/index.js +0 -6
  128. package/dist/node/components/lib/index.js.map +0 -1
  129. package/dist/node/types/images.d.cjs +0 -2
  130. package/dist/node/types/images.d.cjs.map +0 -1
  131. package/dist/node/types/images.d.js +0 -1
  132. package/dist/node/types/images.d.js.map +0 -1
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../../../src/components/Card/index.ts","../../../../src/components/Card/Card.tsx","../../../../src/components/Card/CardContent.tsx","../../../../src/components/hooks/useBlocknativeTransformer.tsx","../../../../src/components/Card/CardHeader.tsx","../../../../src/components/lib/constants.ts"],"sourcesContent":["export * from './Card'\nexport * from './CardContent'\nexport * from './CardHeader'\n","import { Card, CardProps } from '@mui/material'\nimport { PayloadRenderProps } from '@xyo-network/react-payload-plugin'\nimport { forwardRef } from 'react'\n\nimport { BlocknativeGasPriceCardContent } from './CardContent'\nimport { BlocknativeGasPriceCardHeader } from './CardHeader'\n\nexport const BlocknativeGasPriceCard = forwardRef<HTMLDivElement, PayloadRenderProps & CardProps>(({ payload, ...props }, ref) => {\n return (\n <Card ref={ref} {...props}>\n <BlocknativeGasPriceCardHeader payload={payload} />\n <BlocknativeGasPriceCardContent payload={payload} />\n </Card>\n )\n})\n\nBlocknativeGasPriceCard.displayName = 'BlocknativeGasPriceCard'\n","import { CardContent, CardContentProps, Grid } from '@mui/material'\nimport { isEmpty } from '@xylabs/lodash'\nimport { EthereumGasBlocknativePayload } from '@xyo-network/blocknative-ethereum-gas-payload-plugin'\nimport { GasFeeCard, ToggleRawPayloadBox } from '@xyo-network/react-gas-price'\nimport { PayloadRenderProps } from '@xyo-network/react-payload-plugin'\nimport { PayloadDataMissing } from '@xyo-network/react-shared'\nimport { forwardRef } from 'react'\n\nimport { useBlocknativeTransformer } from '../hooks'\n\nexport const BlocknativeGasPriceCardContent = forwardRef<HTMLDivElement, PayloadRenderProps & CardContentProps>(({ payload, ...props }, ref) => {\n const gasPricePayload = payload ? (payload as EthereumGasBlocknativePayload) : undefined\n const parsedPayload = useBlocknativeTransformer(gasPricePayload)\n\n if (isEmpty(gasPricePayload) || !gasPricePayload.blockPrices?.length) {\n return <PayloadDataMissing alertBody=\"Payload is missing valid gas fee data.\" sx={{ m: 1 }} />\n }\n\n return (\n <CardContent ref={ref} sx={{ display: 'flex', flexDirection: 'column', rowGap: 4 }} {...props}>\n <Grid container spacing={3} columns={{ lg: 15, md: 15, sm: 12, xs: 12 }}>\n {parsedPayload &&\n parsedPayload?.gasPrice?.map(({ price }) => (\n <Grid key={price?.label} item xs={12} sm={6} md={5} lg={3}>\n <GasFeeCard gasPrice={price?.value} speed={price?.label} speedPaperElevation={4} />\n </Grid>\n ))}\n </Grid>\n <ToggleRawPayloadBox gasPricePayload={gasPricePayload} alignItems=\"start\" pr={1} />\n </CardContent>\n )\n})\n\nBlocknativeGasPriceCardContent.displayName = 'BlocknativeGasPriceCardContent'\n","import { EthereumGasBlocknativePayload } from '@xyo-network/blocknative-ethereum-gas-payload-plugin'\nimport { GasPriceWitnessUIBasePayload } from '@xyo-network/react-gas-price'\n\nexport const useBlocknativeTransformer = (payload?: EthereumGasBlocknativePayload): GasPriceWitnessUIBasePayload | undefined => {\n const blockPrices = payload?.blockPrices?.[0]\n if (blockPrices && blockPrices.estimatedPrices?.length) {\n const estimatedPrices = blockPrices?.estimatedPrices\n const gasPrice = estimatedPrices.map((price) => ({\n price: {\n label: `Confidence - ${price.confidence}`,\n value: price.price,\n },\n priorityFee: {\n label: 'maxPriorityFeePerGas',\n value: price.maxPriorityFeePerGas,\n },\n }))\n\n return {\n baseFee: {\n label: 'baseFeePerGas',\n value: blockPrices.baseFeePerGas,\n },\n blockNumber: {\n label: 'blockNumber',\n value: blockPrices.blockNumber,\n },\n gasPrice,\n timestamp: payload.timestamp,\n website: 'https://docs.Blocknative.io/v5/api/providers/provider/#Provider-getFeeData',\n }\n }\n}\n","import { CardHeaderProps } from '@mui/material'\nimport { EthereumGasBlocknativePayload } from '@xyo-network/blocknative-ethereum-gas-payload-plugin'\nimport { GasPriceWitnessCardHeader } from '@xyo-network/react-gas-price'\nimport { PayloadRenderProps } from '@xyo-network/react-payload-plugin'\nimport { forwardRef } from 'react'\n\nimport { useBlocknativeTransformer } from '../hooks'\nimport { RenderTitle } from '../lib'\n\nexport const BlocknativeGasPriceCardHeader = forwardRef<HTMLDivElement, PayloadRenderProps & CardHeaderProps>(({ payload }, ref) => {\n const gasPricePayload = payload ? (payload as EthereumGasBlocknativePayload) : undefined\n const parsedPayload = useBlocknativeTransformer(gasPricePayload)\n return <GasPriceWitnessCardHeader title={RenderTitle} parsedPayload={parsedPayload} ref={ref} />\n})\n\nBlocknativeGasPriceCardHeader.displayName = 'BlocknativeGasPriceCardHeader'\n","export const RenderTitle = 'Blocknative Gas Tracker'\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,IAAAA,mBAAgC;AAEhC,IAAAC,gBAA2B;;;ACF3B,sBAAoD;AACpD,oBAAwB;AAExB,6BAAgD;AAEhD,0BAAmC;AACnC,mBAA2B;;;ACHpB,IAAM,4BAA4B,CAAC,YAAsF;AAC9H,QAAM,cAAc,SAAS,cAAc,CAAC;AAC5C,MAAI,eAAe,YAAY,iBAAiB,QAAQ;AACtD,UAAM,kBAAkB,aAAa;AACrC,UAAM,WAAW,gBAAgB,IAAI,CAAC,WAAW;AAAA,MAC/C,OAAO;AAAA,QACL,OAAO,gBAAgB,MAAM,UAAU;AAAA,QACvC,OAAO,MAAM;AAAA,MACf;AAAA,MACA,aAAa;AAAA,QACX,OAAO;AAAA,QACP,OAAO,MAAM;AAAA,MACf;AAAA,IACF,EAAE;AAEF,WAAO;AAAA,MACL,SAAS;AAAA,QACP,OAAO;AAAA,QACP,OAAO,YAAY;AAAA,MACrB;AAAA,MACA,aAAa;AAAA,QACX,OAAO;AAAA,QACP,OAAO,YAAY;AAAA,MACrB;AAAA,MACA;AAAA,MACA,WAAW,QAAQ;AAAA,MACnB,SAAS;AAAA,IACX;AAAA,EACF;AACF;;;ADjBW;AALJ,IAAM,qCAAiC,yBAAkE,CAAC,EAAE,SAAS,GAAG,MAAM,GAAG,QAAQ;AAC9I,QAAM,kBAAkB,UAAW,UAA4C;AAC/E,QAAM,gBAAgB,0BAA0B,eAAe;AAE/D,UAAI,uBAAQ,eAAe,KAAK,CAAC,gBAAgB,aAAa,QAAQ;AACpE,WAAO,4CAAC,0CAAmB,WAAU,0CAAyC,IAAI,EAAE,GAAG,EAAE,GAAG;AAAA,EAC9F;AAEA,SACE,6CAAC,+BAAY,KAAU,IAAI,EAAE,SAAS,QAAQ,eAAe,UAAU,QAAQ,EAAE,GAAI,GAAG,OACtF;AAAA,gDAAC,wBAAK,WAAS,MAAC,SAAS,GAAG,SAAS,EAAE,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,GAAG,GACnE,2BACC,eAAe,UAAU,IAAI,CAAC,EAAE,MAAM,MACpC,4CAAC,wBAAwB,MAAI,MAAC,IAAI,IAAI,IAAI,GAAG,IAAI,GAAG,IAAI,GACtD,sDAAC,qCAAW,UAAU,OAAO,OAAO,OAAO,OAAO,OAAO,qBAAqB,GAAG,KADxE,OAAO,KAElB,CACD,GACL;AAAA,IACA,4CAAC,8CAAoB,iBAAkC,YAAW,SAAQ,IAAI,GAAG;AAAA,KACnF;AAEJ,CAAC;AAED,+BAA+B,cAAc;;;AE/B7C,IAAAC,0BAA0C;AAE1C,IAAAC,gBAA2B;;;ACJpB,IAAM,cAAc;;;ADYlB,IAAAC,sBAAA;AAHF,IAAM,oCAAgC,0BAAiE,CAAC,EAAE,QAAQ,GAAG,QAAQ;AAClI,QAAM,kBAAkB,UAAW,UAA4C;AAC/E,QAAM,gBAAgB,0BAA0B,eAAe;AAC/D,SAAO,6CAAC,qDAA0B,OAAO,aAAa,eAA8B,KAAU;AAChG,CAAC;AAED,8BAA8B,cAAc;;;AHNxC,IAAAC,sBAAA;AAFG,IAAM,8BAA0B,0BAA2D,CAAC,EAAE,SAAS,GAAG,MAAM,GAAG,QAAQ;AAChI,SACE,8CAAC,yBAAK,KAAW,GAAG,OAClB;AAAA,iDAAC,iCAA8B,SAAkB;AAAA,IACjD,6CAAC,kCAA+B,SAAkB;AAAA,KACpD;AAEJ,CAAC;AAED,wBAAwB,cAAc;","names":["import_material","import_react","import_react_gas_price","import_react","import_jsx_runtime","import_jsx_runtime"]}
@@ -1,88 +0,0 @@
1
- // src/components/Card/Card.tsx
2
- import { Card } from "@mui/material";
3
- import { forwardRef as forwardRef3 } from "react";
4
-
5
- // src/components/Card/CardContent.tsx
6
- import { CardContent, Grid } from "@mui/material";
7
- import { isEmpty } from "@xylabs/lodash";
8
- import { GasFeeCard, ToggleRawPayloadBox } from "@xyo-network/react-gas-price";
9
- import { PayloadDataMissing } from "@xyo-network/react-shared";
10
- import { forwardRef } from "react";
11
-
12
- // src/components/hooks/useBlocknativeTransformer.tsx
13
- var useBlocknativeTransformer = (payload) => {
14
- const blockPrices = payload?.blockPrices?.[0];
15
- if (blockPrices && blockPrices.estimatedPrices?.length) {
16
- const estimatedPrices = blockPrices?.estimatedPrices;
17
- const gasPrice = estimatedPrices.map((price) => ({
18
- price: {
19
- label: `Confidence - ${price.confidence}`,
20
- value: price.price
21
- },
22
- priorityFee: {
23
- label: "maxPriorityFeePerGas",
24
- value: price.maxPriorityFeePerGas
25
- }
26
- }));
27
- return {
28
- baseFee: {
29
- label: "baseFeePerGas",
30
- value: blockPrices.baseFeePerGas
31
- },
32
- blockNumber: {
33
- label: "blockNumber",
34
- value: blockPrices.blockNumber
35
- },
36
- gasPrice,
37
- timestamp: payload.timestamp,
38
- website: "https://docs.Blocknative.io/v5/api/providers/provider/#Provider-getFeeData"
39
- };
40
- }
41
- };
42
-
43
- // src/components/Card/CardContent.tsx
44
- import { jsx, jsxs } from "react/jsx-runtime";
45
- var BlocknativeGasPriceCardContent = forwardRef(({ payload, ...props }, ref) => {
46
- const gasPricePayload = payload ? payload : void 0;
47
- const parsedPayload = useBlocknativeTransformer(gasPricePayload);
48
- if (isEmpty(gasPricePayload) || !gasPricePayload.blockPrices?.length) {
49
- return /* @__PURE__ */ jsx(PayloadDataMissing, { alertBody: "Payload is missing valid gas fee data.", sx: { m: 1 } });
50
- }
51
- return /* @__PURE__ */ jsxs(CardContent, { ref, sx: { display: "flex", flexDirection: "column", rowGap: 4 }, ...props, children: [
52
- /* @__PURE__ */ jsx(Grid, { container: true, spacing: 3, columns: { lg: 15, md: 15, sm: 12, xs: 12 }, children: parsedPayload && parsedPayload?.gasPrice?.map(({ price }) => /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, sm: 6, md: 5, lg: 3, children: /* @__PURE__ */ jsx(GasFeeCard, { gasPrice: price?.value, speed: price?.label, speedPaperElevation: 4 }) }, price?.label)) }),
53
- /* @__PURE__ */ jsx(ToggleRawPayloadBox, { gasPricePayload, alignItems: "start", pr: 1 })
54
- ] });
55
- });
56
- BlocknativeGasPriceCardContent.displayName = "BlocknativeGasPriceCardContent";
57
-
58
- // src/components/Card/CardHeader.tsx
59
- import { GasPriceWitnessCardHeader } from "@xyo-network/react-gas-price";
60
- import { forwardRef as forwardRef2 } from "react";
61
-
62
- // src/components/lib/constants.ts
63
- var RenderTitle = "Blocknative Gas Tracker";
64
-
65
- // src/components/Card/CardHeader.tsx
66
- import { jsx as jsx2 } from "react/jsx-runtime";
67
- var BlocknativeGasPriceCardHeader = forwardRef2(({ payload }, ref) => {
68
- const gasPricePayload = payload ? payload : void 0;
69
- const parsedPayload = useBlocknativeTransformer(gasPricePayload);
70
- return /* @__PURE__ */ jsx2(GasPriceWitnessCardHeader, { title: RenderTitle, parsedPayload, ref });
71
- });
72
- BlocknativeGasPriceCardHeader.displayName = "BlocknativeGasPriceCardHeader";
73
-
74
- // src/components/Card/Card.tsx
75
- import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
76
- var BlocknativeGasPriceCard = forwardRef3(({ payload, ...props }, ref) => {
77
- return /* @__PURE__ */ jsxs2(Card, { ref, ...props, children: [
78
- /* @__PURE__ */ jsx3(BlocknativeGasPriceCardHeader, { payload }),
79
- /* @__PURE__ */ jsx3(BlocknativeGasPriceCardContent, { payload })
80
- ] });
81
- });
82
- BlocknativeGasPriceCard.displayName = "BlocknativeGasPriceCard";
83
- export {
84
- BlocknativeGasPriceCard,
85
- BlocknativeGasPriceCardContent,
86
- BlocknativeGasPriceCardHeader
87
- };
88
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../../../src/components/Card/Card.tsx","../../../../src/components/Card/CardContent.tsx","../../../../src/components/hooks/useBlocknativeTransformer.tsx","../../../../src/components/Card/CardHeader.tsx","../../../../src/components/lib/constants.ts"],"sourcesContent":["import { Card, CardProps } from '@mui/material'\nimport { PayloadRenderProps } from '@xyo-network/react-payload-plugin'\nimport { forwardRef } from 'react'\n\nimport { BlocknativeGasPriceCardContent } from './CardContent'\nimport { BlocknativeGasPriceCardHeader } from './CardHeader'\n\nexport const BlocknativeGasPriceCard = forwardRef<HTMLDivElement, PayloadRenderProps & CardProps>(({ payload, ...props }, ref) => {\n return (\n <Card ref={ref} {...props}>\n <BlocknativeGasPriceCardHeader payload={payload} />\n <BlocknativeGasPriceCardContent payload={payload} />\n </Card>\n )\n})\n\nBlocknativeGasPriceCard.displayName = 'BlocknativeGasPriceCard'\n","import { CardContent, CardContentProps, Grid } from '@mui/material'\nimport { isEmpty } from '@xylabs/lodash'\nimport { EthereumGasBlocknativePayload } from '@xyo-network/blocknative-ethereum-gas-payload-plugin'\nimport { GasFeeCard, ToggleRawPayloadBox } from '@xyo-network/react-gas-price'\nimport { PayloadRenderProps } from '@xyo-network/react-payload-plugin'\nimport { PayloadDataMissing } from '@xyo-network/react-shared'\nimport { forwardRef } from 'react'\n\nimport { useBlocknativeTransformer } from '../hooks'\n\nexport const BlocknativeGasPriceCardContent = forwardRef<HTMLDivElement, PayloadRenderProps & CardContentProps>(({ payload, ...props }, ref) => {\n const gasPricePayload = payload ? (payload as EthereumGasBlocknativePayload) : undefined\n const parsedPayload = useBlocknativeTransformer(gasPricePayload)\n\n if (isEmpty(gasPricePayload) || !gasPricePayload.blockPrices?.length) {\n return <PayloadDataMissing alertBody=\"Payload is missing valid gas fee data.\" sx={{ m: 1 }} />\n }\n\n return (\n <CardContent ref={ref} sx={{ display: 'flex', flexDirection: 'column', rowGap: 4 }} {...props}>\n <Grid container spacing={3} columns={{ lg: 15, md: 15, sm: 12, xs: 12 }}>\n {parsedPayload &&\n parsedPayload?.gasPrice?.map(({ price }) => (\n <Grid key={price?.label} item xs={12} sm={6} md={5} lg={3}>\n <GasFeeCard gasPrice={price?.value} speed={price?.label} speedPaperElevation={4} />\n </Grid>\n ))}\n </Grid>\n <ToggleRawPayloadBox gasPricePayload={gasPricePayload} alignItems=\"start\" pr={1} />\n </CardContent>\n )\n})\n\nBlocknativeGasPriceCardContent.displayName = 'BlocknativeGasPriceCardContent'\n","import { EthereumGasBlocknativePayload } from '@xyo-network/blocknative-ethereum-gas-payload-plugin'\nimport { GasPriceWitnessUIBasePayload } from '@xyo-network/react-gas-price'\n\nexport const useBlocknativeTransformer = (payload?: EthereumGasBlocknativePayload): GasPriceWitnessUIBasePayload | undefined => {\n const blockPrices = payload?.blockPrices?.[0]\n if (blockPrices && blockPrices.estimatedPrices?.length) {\n const estimatedPrices = blockPrices?.estimatedPrices\n const gasPrice = estimatedPrices.map((price) => ({\n price: {\n label: `Confidence - ${price.confidence}`,\n value: price.price,\n },\n priorityFee: {\n label: 'maxPriorityFeePerGas',\n value: price.maxPriorityFeePerGas,\n },\n }))\n\n return {\n baseFee: {\n label: 'baseFeePerGas',\n value: blockPrices.baseFeePerGas,\n },\n blockNumber: {\n label: 'blockNumber',\n value: blockPrices.blockNumber,\n },\n gasPrice,\n timestamp: payload.timestamp,\n website: 'https://docs.Blocknative.io/v5/api/providers/provider/#Provider-getFeeData',\n }\n }\n}\n","import { CardHeaderProps } from '@mui/material'\nimport { EthereumGasBlocknativePayload } from '@xyo-network/blocknative-ethereum-gas-payload-plugin'\nimport { GasPriceWitnessCardHeader } from '@xyo-network/react-gas-price'\nimport { PayloadRenderProps } from '@xyo-network/react-payload-plugin'\nimport { forwardRef } from 'react'\n\nimport { useBlocknativeTransformer } from '../hooks'\nimport { RenderTitle } from '../lib'\n\nexport const BlocknativeGasPriceCardHeader = forwardRef<HTMLDivElement, PayloadRenderProps & CardHeaderProps>(({ payload }, ref) => {\n const gasPricePayload = payload ? (payload as EthereumGasBlocknativePayload) : undefined\n const parsedPayload = useBlocknativeTransformer(gasPricePayload)\n return <GasPriceWitnessCardHeader title={RenderTitle} parsedPayload={parsedPayload} ref={ref} />\n})\n\nBlocknativeGasPriceCardHeader.displayName = 'BlocknativeGasPriceCardHeader'\n","export const RenderTitle = 'Blocknative Gas Tracker'\n"],"mappings":";AAAA,SAAS,YAAuB;AAEhC,SAAS,cAAAA,mBAAkB;;;ACF3B,SAAS,aAA+B,YAAY;AACpD,SAAS,eAAe;AAExB,SAAS,YAAY,2BAA2B;AAEhD,SAAS,0BAA0B;AACnC,SAAS,kBAAkB;;;ACHpB,IAAM,4BAA4B,CAAC,YAAsF;AAC9H,QAAM,cAAc,SAAS,cAAc,CAAC;AAC5C,MAAI,eAAe,YAAY,iBAAiB,QAAQ;AACtD,UAAM,kBAAkB,aAAa;AACrC,UAAM,WAAW,gBAAgB,IAAI,CAAC,WAAW;AAAA,MAC/C,OAAO;AAAA,QACL,OAAO,gBAAgB,MAAM,UAAU;AAAA,QACvC,OAAO,MAAM;AAAA,MACf;AAAA,MACA,aAAa;AAAA,QACX,OAAO;AAAA,QACP,OAAO,MAAM;AAAA,MACf;AAAA,IACF,EAAE;AAEF,WAAO;AAAA,MACL,SAAS;AAAA,QACP,OAAO;AAAA,QACP,OAAO,YAAY;AAAA,MACrB;AAAA,MACA,aAAa;AAAA,QACX,OAAO;AAAA,QACP,OAAO,YAAY;AAAA,MACrB;AAAA,MACA;AAAA,MACA,WAAW,QAAQ;AAAA,MACnB,SAAS;AAAA,IACX;AAAA,EACF;AACF;;;ADjBW,cAIP,YAJO;AALJ,IAAM,iCAAiC,WAAkE,CAAC,EAAE,SAAS,GAAG,MAAM,GAAG,QAAQ;AAC9I,QAAM,kBAAkB,UAAW,UAA4C;AAC/E,QAAM,gBAAgB,0BAA0B,eAAe;AAE/D,MAAI,QAAQ,eAAe,KAAK,CAAC,gBAAgB,aAAa,QAAQ;AACpE,WAAO,oBAAC,sBAAmB,WAAU,0CAAyC,IAAI,EAAE,GAAG,EAAE,GAAG;AAAA,EAC9F;AAEA,SACE,qBAAC,eAAY,KAAU,IAAI,EAAE,SAAS,QAAQ,eAAe,UAAU,QAAQ,EAAE,GAAI,GAAG,OACtF;AAAA,wBAAC,QAAK,WAAS,MAAC,SAAS,GAAG,SAAS,EAAE,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,GAAG,GACnE,2BACC,eAAe,UAAU,IAAI,CAAC,EAAE,MAAM,MACpC,oBAAC,QAAwB,MAAI,MAAC,IAAI,IAAI,IAAI,GAAG,IAAI,GAAG,IAAI,GACtD,8BAAC,cAAW,UAAU,OAAO,OAAO,OAAO,OAAO,OAAO,qBAAqB,GAAG,KADxE,OAAO,KAElB,CACD,GACL;AAAA,IACA,oBAAC,uBAAoB,iBAAkC,YAAW,SAAQ,IAAI,GAAG;AAAA,KACnF;AAEJ,CAAC;AAED,+BAA+B,cAAc;;;AE/B7C,SAAS,iCAAiC;AAE1C,SAAS,cAAAC,mBAAkB;;;ACJpB,IAAM,cAAc;;;ADYlB,gBAAAC,YAAA;AAHF,IAAM,gCAAgCC,YAAiE,CAAC,EAAE,QAAQ,GAAG,QAAQ;AAClI,QAAM,kBAAkB,UAAW,UAA4C;AAC/E,QAAM,gBAAgB,0BAA0B,eAAe;AAC/D,SAAO,gBAAAD,KAAC,6BAA0B,OAAO,aAAa,eAA8B,KAAU;AAChG,CAAC;AAED,8BAA8B,cAAc;;;AHNxC,SACE,OAAAE,MADF,QAAAC,aAAA;AAFG,IAAM,0BAA0BC,YAA2D,CAAC,EAAE,SAAS,GAAG,MAAM,GAAG,QAAQ;AAChI,SACE,gBAAAD,MAAC,QAAK,KAAW,GAAG,OAClB;AAAA,oBAAAD,KAAC,iCAA8B,SAAkB;AAAA,IACjD,gBAAAA,KAAC,kCAA+B,SAAkB;AAAA,KACpD;AAEJ,CAAC;AAED,wBAAwB,cAAc;","names":["forwardRef","forwardRef","jsx","forwardRef","jsx","jsxs","forwardRef"]}
@@ -1,91 +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/Details/Box/BlocknativeGasPriceDetailsBox.tsx
21
- var BlocknativeGasPriceDetailsBox_exports = {};
22
- __export(BlocknativeGasPriceDetailsBox_exports, {
23
- BlocknativeGasPriceDetailsBox: () => BlocknativeGasPriceDetailsBox
24
- });
25
- module.exports = __toCommonJS(BlocknativeGasPriceDetailsBox_exports);
26
- var import_material = require("@mui/material");
27
- var import_lodash = require("@xylabs/lodash");
28
- var import_react_flexbox = require("@xylabs/react-flexbox");
29
- var import_react_gas_price = require("@xyo-network/react-gas-price");
30
- var import_react_shared = require("@xyo-network/react-shared");
31
- var import_react = require("react");
32
-
33
- // src/components/hooks/useBlocknativeTransformer.tsx
34
- var useBlocknativeTransformer = (payload) => {
35
- const blockPrices = payload?.blockPrices?.[0];
36
- if (blockPrices && blockPrices.estimatedPrices?.length) {
37
- const estimatedPrices = blockPrices?.estimatedPrices;
38
- const gasPrice = estimatedPrices.map((price) => ({
39
- price: {
40
- label: `Confidence - ${price.confidence}`,
41
- value: price.price
42
- },
43
- priorityFee: {
44
- label: "maxPriorityFeePerGas",
45
- value: price.maxPriorityFeePerGas
46
- }
47
- }));
48
- return {
49
- baseFee: {
50
- label: "baseFeePerGas",
51
- value: blockPrices.baseFeePerGas
52
- },
53
- blockNumber: {
54
- label: "blockNumber",
55
- value: blockPrices.blockNumber
56
- },
57
- gasPrice,
58
- timestamp: payload.timestamp,
59
- website: "https://docs.Blocknative.io/v5/api/providers/provider/#Provider-getFeeData"
60
- };
61
- }
62
- };
63
-
64
- // src/components/lib/constants.ts
65
- var RenderTitle = "Blocknative Gas Tracker";
66
-
67
- // src/components/Details/Box/BlocknativeGasPriceDetailsBox.tsx
68
- var import_jsx_runtime = require("react/jsx-runtime");
69
- var BlocknativeGasPriceDetailsBox = (0, import_react.forwardRef)(
70
- // eslint-disable-next-line @typescript-eslint/no-unused-vars
71
- ({ payload, listMode, ...props }, ref) => {
72
- const gasPricePayload = payload ? payload : void 0;
73
- const parsedPayload = useBlocknativeTransformer(gasPricePayload);
74
- return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: (0, import_lodash.isEmpty)(gasPricePayload) || !gasPricePayload.blockPrices?.length ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_shared.PayloadDataMissing, { alertBody: "Payload is missing valid gas fee data." }) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react_flexbox.FlexCol, { alignItems: "start", rowGap: 4, ...props, ref, children: [
75
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_gas_price.GasPriceWitnessHeaderBox, { heading: RenderTitle, parsedPayload }),
76
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.Grid, { container: true, spacing: 3, columns: { lg: 15, md: 15, sm: 12, xs: 12 }, children: parsedPayload && parsedPayload?.gasPrice?.map(({ price, priorityFee }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.Grid, { item: true, xs: 12, sm: 6, md: 5, lg: 3, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
77
- import_react_gas_price.GasFeeCard,
78
- {
79
- gasPrice: price?.value,
80
- speed: price?.label,
81
- priorityFee: priorityFee?.value,
82
- priorityFeeLabel: priorityFee?.label
83
- },
84
- price?.label
85
- ) }, price?.label)) }),
86
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_gas_price.ToggleRawPayloadBox, { gasPricePayload, alignItems: "start" })
87
- ] }) });
88
- }
89
- );
90
- BlocknativeGasPriceDetailsBox.displayName = "BlocknativeGasPriceDetailsBox";
91
- //# sourceMappingURL=BlocknativeGasPriceDetailsBox.cjs.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../../../../src/components/Details/Box/BlocknativeGasPriceDetailsBox.tsx","../../../../../src/components/hooks/useBlocknativeTransformer.tsx","../../../../../src/components/lib/constants.ts"],"sourcesContent":["import { Grid } from '@mui/material'\nimport { isEmpty } from '@xylabs/lodash'\nimport { FlexBoxProps, FlexCol } from '@xylabs/react-flexbox'\nimport { EthereumGasBlocknativePayload } from '@xyo-network/blocknative-ethereum-gas-payload-plugin'\nimport { GasFeeCard, GasPriceWitnessHeaderBox, ToggleRawPayloadBox } from '@xyo-network/react-gas-price'\nimport { PayloadDetailsRenderProps } from '@xyo-network/react-payload-plugin'\nimport { PayloadDataMissing } from '@xyo-network/react-shared'\nimport { forwardRef } from 'react'\n\nimport { useBlocknativeTransformer } from '../../hooks'\nimport { RenderTitle } from '../../lib'\n\nexport const BlocknativeGasPriceDetailsBox = forwardRef<HTMLDivElement, PayloadDetailsRenderProps & FlexBoxProps>(\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n ({ payload, listMode, ...props }, ref) => {\n const gasPricePayload: EthereumGasBlocknativePayload | undefined = payload ? (payload as EthereumGasBlocknativePayload) : undefined\n const parsedPayload = useBlocknativeTransformer(gasPricePayload)\n\n return (\n <>\n {isEmpty(gasPricePayload) || !gasPricePayload.blockPrices?.length ? (\n <PayloadDataMissing alertBody=\"Payload is missing valid gas fee data.\" />\n ) : (\n <FlexCol alignItems=\"start\" rowGap={4} {...props} ref={ref}>\n <GasPriceWitnessHeaderBox heading={RenderTitle} parsedPayload={parsedPayload} />\n <Grid container spacing={3} columns={{ lg: 15, md: 15, sm: 12, xs: 12 }}>\n {parsedPayload &&\n parsedPayload?.gasPrice?.map(({ price, priorityFee }) => (\n <Grid key={price?.label} item xs={12} sm={6} md={5} lg={3}>\n <GasFeeCard\n key={price?.label}\n gasPrice={price?.value}\n speed={price?.label}\n priorityFee={priorityFee?.value}\n priorityFeeLabel={priorityFee?.label}\n />\n </Grid>\n ))}\n </Grid>\n <ToggleRawPayloadBox gasPricePayload={gasPricePayload} alignItems=\"start\" />\n </FlexCol>\n )}\n </>\n )\n },\n)\n\nBlocknativeGasPriceDetailsBox.displayName = 'BlocknativeGasPriceDetailsBox'\n","import { EthereumGasBlocknativePayload } from '@xyo-network/blocknative-ethereum-gas-payload-plugin'\nimport { GasPriceWitnessUIBasePayload } from '@xyo-network/react-gas-price'\n\nexport const useBlocknativeTransformer = (payload?: EthereumGasBlocknativePayload): GasPriceWitnessUIBasePayload | undefined => {\n const blockPrices = payload?.blockPrices?.[0]\n if (blockPrices && blockPrices.estimatedPrices?.length) {\n const estimatedPrices = blockPrices?.estimatedPrices\n const gasPrice = estimatedPrices.map((price) => ({\n price: {\n label: `Confidence - ${price.confidence}`,\n value: price.price,\n },\n priorityFee: {\n label: 'maxPriorityFeePerGas',\n value: price.maxPriorityFeePerGas,\n },\n }))\n\n return {\n baseFee: {\n label: 'baseFeePerGas',\n value: blockPrices.baseFeePerGas,\n },\n blockNumber: {\n label: 'blockNumber',\n value: blockPrices.blockNumber,\n },\n gasPrice,\n timestamp: payload.timestamp,\n website: 'https://docs.Blocknative.io/v5/api/providers/provider/#Provider-getFeeData',\n }\n }\n}\n","export const RenderTitle = 'Blocknative Gas Tracker'\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBAAqB;AACrB,oBAAwB;AACxB,2BAAsC;AAEtC,6BAA0E;AAE1E,0BAAmC;AACnC,mBAA2B;;;ACJpB,IAAM,4BAA4B,CAAC,YAAsF;AAC9H,QAAM,cAAc,SAAS,cAAc,CAAC;AAC5C,MAAI,eAAe,YAAY,iBAAiB,QAAQ;AACtD,UAAM,kBAAkB,aAAa;AACrC,UAAM,WAAW,gBAAgB,IAAI,CAAC,WAAW;AAAA,MAC/C,OAAO;AAAA,QACL,OAAO,gBAAgB,MAAM,UAAU;AAAA,QACvC,OAAO,MAAM;AAAA,MACf;AAAA,MACA,aAAa;AAAA,QACX,OAAO;AAAA,QACP,OAAO,MAAM;AAAA,MACf;AAAA,IACF,EAAE;AAEF,WAAO;AAAA,MACL,SAAS;AAAA,QACP,OAAO;AAAA,QACP,OAAO,YAAY;AAAA,MACrB;AAAA,MACA,aAAa;AAAA,QACX,OAAO;AAAA,QACP,OAAO,YAAY;AAAA,MACrB;AAAA,MACA;AAAA,MACA,WAAW,QAAQ;AAAA,MACnB,SAAS;AAAA,IACX;AAAA,EACF;AACF;;;AChCO,IAAM,cAAc;;;AFmBrB;AAPC,IAAM,oCAAgC;AAAA;AAAA,EAE3C,CAAC,EAAE,SAAS,UAAU,GAAG,MAAM,GAAG,QAAQ;AACxC,UAAM,kBAA6D,UAAW,UAA4C;AAC1H,UAAM,gBAAgB,0BAA0B,eAAe;AAE/D,WACE,2EACG,qCAAQ,eAAe,KAAK,CAAC,gBAAgB,aAAa,SACzD,4CAAC,0CAAmB,WAAU,0CAAyC,IAEvE,6CAAC,gCAAQ,YAAW,SAAQ,QAAQ,GAAI,GAAG,OAAO,KAChD;AAAA,kDAAC,mDAAyB,SAAS,aAAa,eAA8B;AAAA,MAC9E,4CAAC,wBAAK,WAAS,MAAC,SAAS,GAAG,SAAS,EAAE,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,GAAG,GACnE,2BACC,eAAe,UAAU,IAAI,CAAC,EAAE,OAAO,YAAY,MACjD,4CAAC,wBAAwB,MAAI,MAAC,IAAI,IAAI,IAAI,GAAG,IAAI,GAAG,IAAI,GACtD;AAAA,QAAC;AAAA;AAAA,UAEC,UAAU,OAAO;AAAA,UACjB,OAAO,OAAO;AAAA,UACd,aAAa,aAAa;AAAA,UAC1B,kBAAkB,aAAa;AAAA;AAAA,QAJ1B,OAAO;AAAA,MAKd,KAPS,OAAO,KAQlB,CACD,GACL;AAAA,MACA,4CAAC,8CAAoB,iBAAkC,YAAW,SAAQ;AAAA,OAC5E,GAEJ;AAAA,EAEJ;AACF;AAEA,8BAA8B,cAAc;","names":[]}
@@ -1,70 +0,0 @@
1
- // src/components/Details/Box/BlocknativeGasPriceDetailsBox.tsx
2
- import { Grid } from "@mui/material";
3
- import { isEmpty } from "@xylabs/lodash";
4
- import { FlexCol } from "@xylabs/react-flexbox";
5
- import { GasFeeCard, GasPriceWitnessHeaderBox, ToggleRawPayloadBox } from "@xyo-network/react-gas-price";
6
- import { PayloadDataMissing } from "@xyo-network/react-shared";
7
- import { forwardRef } from "react";
8
-
9
- // src/components/hooks/useBlocknativeTransformer.tsx
10
- var useBlocknativeTransformer = (payload) => {
11
- const blockPrices = payload?.blockPrices?.[0];
12
- if (blockPrices && blockPrices.estimatedPrices?.length) {
13
- const estimatedPrices = blockPrices?.estimatedPrices;
14
- const gasPrice = estimatedPrices.map((price) => ({
15
- price: {
16
- label: `Confidence - ${price.confidence}`,
17
- value: price.price
18
- },
19
- priorityFee: {
20
- label: "maxPriorityFeePerGas",
21
- value: price.maxPriorityFeePerGas
22
- }
23
- }));
24
- return {
25
- baseFee: {
26
- label: "baseFeePerGas",
27
- value: blockPrices.baseFeePerGas
28
- },
29
- blockNumber: {
30
- label: "blockNumber",
31
- value: blockPrices.blockNumber
32
- },
33
- gasPrice,
34
- timestamp: payload.timestamp,
35
- website: "https://docs.Blocknative.io/v5/api/providers/provider/#Provider-getFeeData"
36
- };
37
- }
38
- };
39
-
40
- // src/components/lib/constants.ts
41
- var RenderTitle = "Blocknative Gas Tracker";
42
-
43
- // src/components/Details/Box/BlocknativeGasPriceDetailsBox.tsx
44
- import { Fragment, jsx, jsxs } from "react/jsx-runtime";
45
- var BlocknativeGasPriceDetailsBox = forwardRef(
46
- // eslint-disable-next-line @typescript-eslint/no-unused-vars
47
- ({ payload, listMode, ...props }, ref) => {
48
- const gasPricePayload = payload ? payload : void 0;
49
- const parsedPayload = useBlocknativeTransformer(gasPricePayload);
50
- return /* @__PURE__ */ jsx(Fragment, { children: isEmpty(gasPricePayload) || !gasPricePayload.blockPrices?.length ? /* @__PURE__ */ jsx(PayloadDataMissing, { alertBody: "Payload is missing valid gas fee data." }) : /* @__PURE__ */ jsxs(FlexCol, { alignItems: "start", rowGap: 4, ...props, ref, children: [
51
- /* @__PURE__ */ jsx(GasPriceWitnessHeaderBox, { heading: RenderTitle, parsedPayload }),
52
- /* @__PURE__ */ jsx(Grid, { container: true, spacing: 3, columns: { lg: 15, md: 15, sm: 12, xs: 12 }, children: parsedPayload && parsedPayload?.gasPrice?.map(({ price, priorityFee }) => /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, sm: 6, md: 5, lg: 3, children: /* @__PURE__ */ jsx(
53
- GasFeeCard,
54
- {
55
- gasPrice: price?.value,
56
- speed: price?.label,
57
- priorityFee: priorityFee?.value,
58
- priorityFeeLabel: priorityFee?.label
59
- },
60
- price?.label
61
- ) }, price?.label)) }),
62
- /* @__PURE__ */ jsx(ToggleRawPayloadBox, { gasPricePayload, alignItems: "start" })
63
- ] }) });
64
- }
65
- );
66
- BlocknativeGasPriceDetailsBox.displayName = "BlocknativeGasPriceDetailsBox";
67
- export {
68
- BlocknativeGasPriceDetailsBox
69
- };
70
- //# sourceMappingURL=BlocknativeGasPriceDetailsBox.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../../../../src/components/Details/Box/BlocknativeGasPriceDetailsBox.tsx","../../../../../src/components/hooks/useBlocknativeTransformer.tsx","../../../../../src/components/lib/constants.ts"],"sourcesContent":["import { Grid } from '@mui/material'\nimport { isEmpty } from '@xylabs/lodash'\nimport { FlexBoxProps, FlexCol } from '@xylabs/react-flexbox'\nimport { EthereumGasBlocknativePayload } from '@xyo-network/blocknative-ethereum-gas-payload-plugin'\nimport { GasFeeCard, GasPriceWitnessHeaderBox, ToggleRawPayloadBox } from '@xyo-network/react-gas-price'\nimport { PayloadDetailsRenderProps } from '@xyo-network/react-payload-plugin'\nimport { PayloadDataMissing } from '@xyo-network/react-shared'\nimport { forwardRef } from 'react'\n\nimport { useBlocknativeTransformer } from '../../hooks'\nimport { RenderTitle } from '../../lib'\n\nexport const BlocknativeGasPriceDetailsBox = forwardRef<HTMLDivElement, PayloadDetailsRenderProps & FlexBoxProps>(\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n ({ payload, listMode, ...props }, ref) => {\n const gasPricePayload: EthereumGasBlocknativePayload | undefined = payload ? (payload as EthereumGasBlocknativePayload) : undefined\n const parsedPayload = useBlocknativeTransformer(gasPricePayload)\n\n return (\n <>\n {isEmpty(gasPricePayload) || !gasPricePayload.blockPrices?.length ? (\n <PayloadDataMissing alertBody=\"Payload is missing valid gas fee data.\" />\n ) : (\n <FlexCol alignItems=\"start\" rowGap={4} {...props} ref={ref}>\n <GasPriceWitnessHeaderBox heading={RenderTitle} parsedPayload={parsedPayload} />\n <Grid container spacing={3} columns={{ lg: 15, md: 15, sm: 12, xs: 12 }}>\n {parsedPayload &&\n parsedPayload?.gasPrice?.map(({ price, priorityFee }) => (\n <Grid key={price?.label} item xs={12} sm={6} md={5} lg={3}>\n <GasFeeCard\n key={price?.label}\n gasPrice={price?.value}\n speed={price?.label}\n priorityFee={priorityFee?.value}\n priorityFeeLabel={priorityFee?.label}\n />\n </Grid>\n ))}\n </Grid>\n <ToggleRawPayloadBox gasPricePayload={gasPricePayload} alignItems=\"start\" />\n </FlexCol>\n )}\n </>\n )\n },\n)\n\nBlocknativeGasPriceDetailsBox.displayName = 'BlocknativeGasPriceDetailsBox'\n","import { EthereumGasBlocknativePayload } from '@xyo-network/blocknative-ethereum-gas-payload-plugin'\nimport { GasPriceWitnessUIBasePayload } from '@xyo-network/react-gas-price'\n\nexport const useBlocknativeTransformer = (payload?: EthereumGasBlocknativePayload): GasPriceWitnessUIBasePayload | undefined => {\n const blockPrices = payload?.blockPrices?.[0]\n if (blockPrices && blockPrices.estimatedPrices?.length) {\n const estimatedPrices = blockPrices?.estimatedPrices\n const gasPrice = estimatedPrices.map((price) => ({\n price: {\n label: `Confidence - ${price.confidence}`,\n value: price.price,\n },\n priorityFee: {\n label: 'maxPriorityFeePerGas',\n value: price.maxPriorityFeePerGas,\n },\n }))\n\n return {\n baseFee: {\n label: 'baseFeePerGas',\n value: blockPrices.baseFeePerGas,\n },\n blockNumber: {\n label: 'blockNumber',\n value: blockPrices.blockNumber,\n },\n gasPrice,\n timestamp: payload.timestamp,\n website: 'https://docs.Blocknative.io/v5/api/providers/provider/#Provider-getFeeData',\n }\n }\n}\n","export const RenderTitle = 'Blocknative Gas Tracker'\n"],"mappings":";AAAA,SAAS,YAAY;AACrB,SAAS,eAAe;AACxB,SAAuB,eAAe;AAEtC,SAAS,YAAY,0BAA0B,2BAA2B;AAE1E,SAAS,0BAA0B;AACnC,SAAS,kBAAkB;;;ACJpB,IAAM,4BAA4B,CAAC,YAAsF;AAC9H,QAAM,cAAc,SAAS,cAAc,CAAC;AAC5C,MAAI,eAAe,YAAY,iBAAiB,QAAQ;AACtD,UAAM,kBAAkB,aAAa;AACrC,UAAM,WAAW,gBAAgB,IAAI,CAAC,WAAW;AAAA,MAC/C,OAAO;AAAA,QACL,OAAO,gBAAgB,MAAM,UAAU;AAAA,QACvC,OAAO,MAAM;AAAA,MACf;AAAA,MACA,aAAa;AAAA,QACX,OAAO;AAAA,QACP,OAAO,MAAM;AAAA,MACf;AAAA,IACF,EAAE;AAEF,WAAO;AAAA,MACL,SAAS;AAAA,QACP,OAAO;AAAA,QACP,OAAO,YAAY;AAAA,MACrB;AAAA,MACA,aAAa;AAAA,QACX,OAAO;AAAA,QACP,OAAO,YAAY;AAAA,MACrB;AAAA,MACA;AAAA,MACA,WAAW,QAAQ;AAAA,MACnB,SAAS;AAAA,IACX;AAAA,EACF;AACF;;;AChCO,IAAM,cAAc;;;AFmBrB,mBAEI,KAEA,YAJJ;AAPC,IAAM,gCAAgC;AAAA;AAAA,EAE3C,CAAC,EAAE,SAAS,UAAU,GAAG,MAAM,GAAG,QAAQ;AACxC,UAAM,kBAA6D,UAAW,UAA4C;AAC1H,UAAM,gBAAgB,0BAA0B,eAAe;AAE/D,WACE,gCACG,kBAAQ,eAAe,KAAK,CAAC,gBAAgB,aAAa,SACzD,oBAAC,sBAAmB,WAAU,0CAAyC,IAEvE,qBAAC,WAAQ,YAAW,SAAQ,QAAQ,GAAI,GAAG,OAAO,KAChD;AAAA,0BAAC,4BAAyB,SAAS,aAAa,eAA8B;AAAA,MAC9E,oBAAC,QAAK,WAAS,MAAC,SAAS,GAAG,SAAS,EAAE,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,GAAG,GACnE,2BACC,eAAe,UAAU,IAAI,CAAC,EAAE,OAAO,YAAY,MACjD,oBAAC,QAAwB,MAAI,MAAC,IAAI,IAAI,IAAI,GAAG,IAAI,GAAG,IAAI,GACtD;AAAA,QAAC;AAAA;AAAA,UAEC,UAAU,OAAO;AAAA,UACjB,OAAO,OAAO;AAAA,UACd,aAAa,aAAa;AAAA,UAC1B,kBAAkB,aAAa;AAAA;AAAA,QAJ1B,OAAO;AAAA,MAKd,KAPS,OAAO,KAQlB,CACD,GACL;AAAA,MACA,oBAAC,uBAAoB,iBAAkC,YAAW,SAAQ;AAAA,OAC5E,GAEJ;AAAA,EAEJ;AACF;AAEA,8BAA8B,cAAc;","names":[]}
@@ -1,93 +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/Details/Box/index.ts
21
- var Box_exports = {};
22
- __export(Box_exports, {
23
- BlocknativeGasPriceDetailsBox: () => BlocknativeGasPriceDetailsBox
24
- });
25
- module.exports = __toCommonJS(Box_exports);
26
-
27
- // src/components/Details/Box/BlocknativeGasPriceDetailsBox.tsx
28
- var import_material = require("@mui/material");
29
- var import_lodash = require("@xylabs/lodash");
30
- var import_react_flexbox = require("@xylabs/react-flexbox");
31
- var import_react_gas_price = require("@xyo-network/react-gas-price");
32
- var import_react_shared = require("@xyo-network/react-shared");
33
- var import_react = require("react");
34
-
35
- // src/components/hooks/useBlocknativeTransformer.tsx
36
- var useBlocknativeTransformer = (payload) => {
37
- const blockPrices = payload?.blockPrices?.[0];
38
- if (blockPrices && blockPrices.estimatedPrices?.length) {
39
- const estimatedPrices = blockPrices?.estimatedPrices;
40
- const gasPrice = estimatedPrices.map((price) => ({
41
- price: {
42
- label: `Confidence - ${price.confidence}`,
43
- value: price.price
44
- },
45
- priorityFee: {
46
- label: "maxPriorityFeePerGas",
47
- value: price.maxPriorityFeePerGas
48
- }
49
- }));
50
- return {
51
- baseFee: {
52
- label: "baseFeePerGas",
53
- value: blockPrices.baseFeePerGas
54
- },
55
- blockNumber: {
56
- label: "blockNumber",
57
- value: blockPrices.blockNumber
58
- },
59
- gasPrice,
60
- timestamp: payload.timestamp,
61
- website: "https://docs.Blocknative.io/v5/api/providers/provider/#Provider-getFeeData"
62
- };
63
- }
64
- };
65
-
66
- // src/components/lib/constants.ts
67
- var RenderTitle = "Blocknative Gas Tracker";
68
-
69
- // src/components/Details/Box/BlocknativeGasPriceDetailsBox.tsx
70
- var import_jsx_runtime = require("react/jsx-runtime");
71
- var BlocknativeGasPriceDetailsBox = (0, import_react.forwardRef)(
72
- // eslint-disable-next-line @typescript-eslint/no-unused-vars
73
- ({ payload, listMode, ...props }, ref) => {
74
- const gasPricePayload = payload ? payload : void 0;
75
- const parsedPayload = useBlocknativeTransformer(gasPricePayload);
76
- return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: (0, import_lodash.isEmpty)(gasPricePayload) || !gasPricePayload.blockPrices?.length ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_shared.PayloadDataMissing, { alertBody: "Payload is missing valid gas fee data." }) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react_flexbox.FlexCol, { alignItems: "start", rowGap: 4, ...props, ref, children: [
77
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_gas_price.GasPriceWitnessHeaderBox, { heading: RenderTitle, parsedPayload }),
78
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.Grid, { container: true, spacing: 3, columns: { lg: 15, md: 15, sm: 12, xs: 12 }, children: parsedPayload && parsedPayload?.gasPrice?.map(({ price, priorityFee }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.Grid, { item: true, xs: 12, sm: 6, md: 5, lg: 3, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
79
- import_react_gas_price.GasFeeCard,
80
- {
81
- gasPrice: price?.value,
82
- speed: price?.label,
83
- priorityFee: priorityFee?.value,
84
- priorityFeeLabel: priorityFee?.label
85
- },
86
- price?.label
87
- ) }, price?.label)) }),
88
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_gas_price.ToggleRawPayloadBox, { gasPricePayload, alignItems: "start" })
89
- ] }) });
90
- }
91
- );
92
- BlocknativeGasPriceDetailsBox.displayName = "BlocknativeGasPriceDetailsBox";
93
- //# sourceMappingURL=index.cjs.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../../../../src/components/Details/Box/index.ts","../../../../../src/components/Details/Box/BlocknativeGasPriceDetailsBox.tsx","../../../../../src/components/hooks/useBlocknativeTransformer.tsx","../../../../../src/components/lib/constants.ts"],"sourcesContent":["export * from './BlocknativeGasPriceDetailsBox'\n","import { Grid } from '@mui/material'\nimport { isEmpty } from '@xylabs/lodash'\nimport { FlexBoxProps, FlexCol } from '@xylabs/react-flexbox'\nimport { EthereumGasBlocknativePayload } from '@xyo-network/blocknative-ethereum-gas-payload-plugin'\nimport { GasFeeCard, GasPriceWitnessHeaderBox, ToggleRawPayloadBox } from '@xyo-network/react-gas-price'\nimport { PayloadDetailsRenderProps } from '@xyo-network/react-payload-plugin'\nimport { PayloadDataMissing } from '@xyo-network/react-shared'\nimport { forwardRef } from 'react'\n\nimport { useBlocknativeTransformer } from '../../hooks'\nimport { RenderTitle } from '../../lib'\n\nexport const BlocknativeGasPriceDetailsBox = forwardRef<HTMLDivElement, PayloadDetailsRenderProps & FlexBoxProps>(\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n ({ payload, listMode, ...props }, ref) => {\n const gasPricePayload: EthereumGasBlocknativePayload | undefined = payload ? (payload as EthereumGasBlocknativePayload) : undefined\n const parsedPayload = useBlocknativeTransformer(gasPricePayload)\n\n return (\n <>\n {isEmpty(gasPricePayload) || !gasPricePayload.blockPrices?.length ? (\n <PayloadDataMissing alertBody=\"Payload is missing valid gas fee data.\" />\n ) : (\n <FlexCol alignItems=\"start\" rowGap={4} {...props} ref={ref}>\n <GasPriceWitnessHeaderBox heading={RenderTitle} parsedPayload={parsedPayload} />\n <Grid container spacing={3} columns={{ lg: 15, md: 15, sm: 12, xs: 12 }}>\n {parsedPayload &&\n parsedPayload?.gasPrice?.map(({ price, priorityFee }) => (\n <Grid key={price?.label} item xs={12} sm={6} md={5} lg={3}>\n <GasFeeCard\n key={price?.label}\n gasPrice={price?.value}\n speed={price?.label}\n priorityFee={priorityFee?.value}\n priorityFeeLabel={priorityFee?.label}\n />\n </Grid>\n ))}\n </Grid>\n <ToggleRawPayloadBox gasPricePayload={gasPricePayload} alignItems=\"start\" />\n </FlexCol>\n )}\n </>\n )\n },\n)\n\nBlocknativeGasPriceDetailsBox.displayName = 'BlocknativeGasPriceDetailsBox'\n","import { EthereumGasBlocknativePayload } from '@xyo-network/blocknative-ethereum-gas-payload-plugin'\nimport { GasPriceWitnessUIBasePayload } from '@xyo-network/react-gas-price'\n\nexport const useBlocknativeTransformer = (payload?: EthereumGasBlocknativePayload): GasPriceWitnessUIBasePayload | undefined => {\n const blockPrices = payload?.blockPrices?.[0]\n if (blockPrices && blockPrices.estimatedPrices?.length) {\n const estimatedPrices = blockPrices?.estimatedPrices\n const gasPrice = estimatedPrices.map((price) => ({\n price: {\n label: `Confidence - ${price.confidence}`,\n value: price.price,\n },\n priorityFee: {\n label: 'maxPriorityFeePerGas',\n value: price.maxPriorityFeePerGas,\n },\n }))\n\n return {\n baseFee: {\n label: 'baseFeePerGas',\n value: blockPrices.baseFeePerGas,\n },\n blockNumber: {\n label: 'blockNumber',\n value: blockPrices.blockNumber,\n },\n gasPrice,\n timestamp: payload.timestamp,\n website: 'https://docs.Blocknative.io/v5/api/providers/provider/#Provider-getFeeData',\n }\n }\n}\n","export const RenderTitle = 'Blocknative Gas Tracker'\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,sBAAqB;AACrB,oBAAwB;AACxB,2BAAsC;AAEtC,6BAA0E;AAE1E,0BAAmC;AACnC,mBAA2B;;;ACJpB,IAAM,4BAA4B,CAAC,YAAsF;AAC9H,QAAM,cAAc,SAAS,cAAc,CAAC;AAC5C,MAAI,eAAe,YAAY,iBAAiB,QAAQ;AACtD,UAAM,kBAAkB,aAAa;AACrC,UAAM,WAAW,gBAAgB,IAAI,CAAC,WAAW;AAAA,MAC/C,OAAO;AAAA,QACL,OAAO,gBAAgB,MAAM,UAAU;AAAA,QACvC,OAAO,MAAM;AAAA,MACf;AAAA,MACA,aAAa;AAAA,QACX,OAAO;AAAA,QACP,OAAO,MAAM;AAAA,MACf;AAAA,IACF,EAAE;AAEF,WAAO;AAAA,MACL,SAAS;AAAA,QACP,OAAO;AAAA,QACP,OAAO,YAAY;AAAA,MACrB;AAAA,MACA,aAAa;AAAA,QACX,OAAO;AAAA,QACP,OAAO,YAAY;AAAA,MACrB;AAAA,MACA;AAAA,MACA,WAAW,QAAQ;AAAA,MACnB,SAAS;AAAA,IACX;AAAA,EACF;AACF;;;AChCO,IAAM,cAAc;;;AFmBrB;AAPC,IAAM,oCAAgC;AAAA;AAAA,EAE3C,CAAC,EAAE,SAAS,UAAU,GAAG,MAAM,GAAG,QAAQ;AACxC,UAAM,kBAA6D,UAAW,UAA4C;AAC1H,UAAM,gBAAgB,0BAA0B,eAAe;AAE/D,WACE,2EACG,qCAAQ,eAAe,KAAK,CAAC,gBAAgB,aAAa,SACzD,4CAAC,0CAAmB,WAAU,0CAAyC,IAEvE,6CAAC,gCAAQ,YAAW,SAAQ,QAAQ,GAAI,GAAG,OAAO,KAChD;AAAA,kDAAC,mDAAyB,SAAS,aAAa,eAA8B;AAAA,MAC9E,4CAAC,wBAAK,WAAS,MAAC,SAAS,GAAG,SAAS,EAAE,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,GAAG,GACnE,2BACC,eAAe,UAAU,IAAI,CAAC,EAAE,OAAO,YAAY,MACjD,4CAAC,wBAAwB,MAAI,MAAC,IAAI,IAAI,IAAI,GAAG,IAAI,GAAG,IAAI,GACtD;AAAA,QAAC;AAAA;AAAA,UAEC,UAAU,OAAO;AAAA,UACjB,OAAO,OAAO;AAAA,UACd,aAAa,aAAa;AAAA,UAC1B,kBAAkB,aAAa;AAAA;AAAA,QAJ1B,OAAO;AAAA,MAKd,KAPS,OAAO,KAQlB,CACD,GACL;AAAA,MACA,4CAAC,8CAAoB,iBAAkC,YAAW,SAAQ;AAAA,OAC5E,GAEJ;AAAA,EAEJ;AACF;AAEA,8BAA8B,cAAc;","names":[]}
@@ -1,70 +0,0 @@
1
- // src/components/Details/Box/BlocknativeGasPriceDetailsBox.tsx
2
- import { Grid } from "@mui/material";
3
- import { isEmpty } from "@xylabs/lodash";
4
- import { FlexCol } from "@xylabs/react-flexbox";
5
- import { GasFeeCard, GasPriceWitnessHeaderBox, ToggleRawPayloadBox } from "@xyo-network/react-gas-price";
6
- import { PayloadDataMissing } from "@xyo-network/react-shared";
7
- import { forwardRef } from "react";
8
-
9
- // src/components/hooks/useBlocknativeTransformer.tsx
10
- var useBlocknativeTransformer = (payload) => {
11
- const blockPrices = payload?.blockPrices?.[0];
12
- if (blockPrices && blockPrices.estimatedPrices?.length) {
13
- const estimatedPrices = blockPrices?.estimatedPrices;
14
- const gasPrice = estimatedPrices.map((price) => ({
15
- price: {
16
- label: `Confidence - ${price.confidence}`,
17
- value: price.price
18
- },
19
- priorityFee: {
20
- label: "maxPriorityFeePerGas",
21
- value: price.maxPriorityFeePerGas
22
- }
23
- }));
24
- return {
25
- baseFee: {
26
- label: "baseFeePerGas",
27
- value: blockPrices.baseFeePerGas
28
- },
29
- blockNumber: {
30
- label: "blockNumber",
31
- value: blockPrices.blockNumber
32
- },
33
- gasPrice,
34
- timestamp: payload.timestamp,
35
- website: "https://docs.Blocknative.io/v5/api/providers/provider/#Provider-getFeeData"
36
- };
37
- }
38
- };
39
-
40
- // src/components/lib/constants.ts
41
- var RenderTitle = "Blocknative Gas Tracker";
42
-
43
- // src/components/Details/Box/BlocknativeGasPriceDetailsBox.tsx
44
- import { Fragment, jsx, jsxs } from "react/jsx-runtime";
45
- var BlocknativeGasPriceDetailsBox = forwardRef(
46
- // eslint-disable-next-line @typescript-eslint/no-unused-vars
47
- ({ payload, listMode, ...props }, ref) => {
48
- const gasPricePayload = payload ? payload : void 0;
49
- const parsedPayload = useBlocknativeTransformer(gasPricePayload);
50
- return /* @__PURE__ */ jsx(Fragment, { children: isEmpty(gasPricePayload) || !gasPricePayload.blockPrices?.length ? /* @__PURE__ */ jsx(PayloadDataMissing, { alertBody: "Payload is missing valid gas fee data." }) : /* @__PURE__ */ jsxs(FlexCol, { alignItems: "start", rowGap: 4, ...props, ref, children: [
51
- /* @__PURE__ */ jsx(GasPriceWitnessHeaderBox, { heading: RenderTitle, parsedPayload }),
52
- /* @__PURE__ */ jsx(Grid, { container: true, spacing: 3, columns: { lg: 15, md: 15, sm: 12, xs: 12 }, children: parsedPayload && parsedPayload?.gasPrice?.map(({ price, priorityFee }) => /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, sm: 6, md: 5, lg: 3, children: /* @__PURE__ */ jsx(
53
- GasFeeCard,
54
- {
55
- gasPrice: price?.value,
56
- speed: price?.label,
57
- priorityFee: priorityFee?.value,
58
- priorityFeeLabel: priorityFee?.label
59
- },
60
- price?.label
61
- ) }, price?.label)) }),
62
- /* @__PURE__ */ jsx(ToggleRawPayloadBox, { gasPricePayload, alignItems: "start" })
63
- ] }) });
64
- }
65
- );
66
- BlocknativeGasPriceDetailsBox.displayName = "BlocknativeGasPriceDetailsBox";
67
- export {
68
- BlocknativeGasPriceDetailsBox
69
- };
70
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../../../../src/components/Details/Box/BlocknativeGasPriceDetailsBox.tsx","../../../../../src/components/hooks/useBlocknativeTransformer.tsx","../../../../../src/components/lib/constants.ts"],"sourcesContent":["import { Grid } from '@mui/material'\nimport { isEmpty } from '@xylabs/lodash'\nimport { FlexBoxProps, FlexCol } from '@xylabs/react-flexbox'\nimport { EthereumGasBlocknativePayload } from '@xyo-network/blocknative-ethereum-gas-payload-plugin'\nimport { GasFeeCard, GasPriceWitnessHeaderBox, ToggleRawPayloadBox } from '@xyo-network/react-gas-price'\nimport { PayloadDetailsRenderProps } from '@xyo-network/react-payload-plugin'\nimport { PayloadDataMissing } from '@xyo-network/react-shared'\nimport { forwardRef } from 'react'\n\nimport { useBlocknativeTransformer } from '../../hooks'\nimport { RenderTitle } from '../../lib'\n\nexport const BlocknativeGasPriceDetailsBox = forwardRef<HTMLDivElement, PayloadDetailsRenderProps & FlexBoxProps>(\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n ({ payload, listMode, ...props }, ref) => {\n const gasPricePayload: EthereumGasBlocknativePayload | undefined = payload ? (payload as EthereumGasBlocknativePayload) : undefined\n const parsedPayload = useBlocknativeTransformer(gasPricePayload)\n\n return (\n <>\n {isEmpty(gasPricePayload) || !gasPricePayload.blockPrices?.length ? (\n <PayloadDataMissing alertBody=\"Payload is missing valid gas fee data.\" />\n ) : (\n <FlexCol alignItems=\"start\" rowGap={4} {...props} ref={ref}>\n <GasPriceWitnessHeaderBox heading={RenderTitle} parsedPayload={parsedPayload} />\n <Grid container spacing={3} columns={{ lg: 15, md: 15, sm: 12, xs: 12 }}>\n {parsedPayload &&\n parsedPayload?.gasPrice?.map(({ price, priorityFee }) => (\n <Grid key={price?.label} item xs={12} sm={6} md={5} lg={3}>\n <GasFeeCard\n key={price?.label}\n gasPrice={price?.value}\n speed={price?.label}\n priorityFee={priorityFee?.value}\n priorityFeeLabel={priorityFee?.label}\n />\n </Grid>\n ))}\n </Grid>\n <ToggleRawPayloadBox gasPricePayload={gasPricePayload} alignItems=\"start\" />\n </FlexCol>\n )}\n </>\n )\n },\n)\n\nBlocknativeGasPriceDetailsBox.displayName = 'BlocknativeGasPriceDetailsBox'\n","import { EthereumGasBlocknativePayload } from '@xyo-network/blocknative-ethereum-gas-payload-plugin'\nimport { GasPriceWitnessUIBasePayload } from '@xyo-network/react-gas-price'\n\nexport const useBlocknativeTransformer = (payload?: EthereumGasBlocknativePayload): GasPriceWitnessUIBasePayload | undefined => {\n const blockPrices = payload?.blockPrices?.[0]\n if (blockPrices && blockPrices.estimatedPrices?.length) {\n const estimatedPrices = blockPrices?.estimatedPrices\n const gasPrice = estimatedPrices.map((price) => ({\n price: {\n label: `Confidence - ${price.confidence}`,\n value: price.price,\n },\n priorityFee: {\n label: 'maxPriorityFeePerGas',\n value: price.maxPriorityFeePerGas,\n },\n }))\n\n return {\n baseFee: {\n label: 'baseFeePerGas',\n value: blockPrices.baseFeePerGas,\n },\n blockNumber: {\n label: 'blockNumber',\n value: blockPrices.blockNumber,\n },\n gasPrice,\n timestamp: payload.timestamp,\n website: 'https://docs.Blocknative.io/v5/api/providers/provider/#Provider-getFeeData',\n }\n }\n}\n","export const RenderTitle = 'Blocknative Gas Tracker'\n"],"mappings":";AAAA,SAAS,YAAY;AACrB,SAAS,eAAe;AACxB,SAAuB,eAAe;AAEtC,SAAS,YAAY,0BAA0B,2BAA2B;AAE1E,SAAS,0BAA0B;AACnC,SAAS,kBAAkB;;;ACJpB,IAAM,4BAA4B,CAAC,YAAsF;AAC9H,QAAM,cAAc,SAAS,cAAc,CAAC;AAC5C,MAAI,eAAe,YAAY,iBAAiB,QAAQ;AACtD,UAAM,kBAAkB,aAAa;AACrC,UAAM,WAAW,gBAAgB,IAAI,CAAC,WAAW;AAAA,MAC/C,OAAO;AAAA,QACL,OAAO,gBAAgB,MAAM,UAAU;AAAA,QACvC,OAAO,MAAM;AAAA,MACf;AAAA,MACA,aAAa;AAAA,QACX,OAAO;AAAA,QACP,OAAO,MAAM;AAAA,MACf;AAAA,IACF,EAAE;AAEF,WAAO;AAAA,MACL,SAAS;AAAA,QACP,OAAO;AAAA,QACP,OAAO,YAAY;AAAA,MACrB;AAAA,MACA,aAAa;AAAA,QACX,OAAO;AAAA,QACP,OAAO,YAAY;AAAA,MACrB;AAAA,MACA;AAAA,MACA,WAAW,QAAQ;AAAA,MACnB,SAAS;AAAA,IACX;AAAA,EACF;AACF;;;AChCO,IAAM,cAAc;;;AFmBrB,mBAEI,KAEA,YAJJ;AAPC,IAAM,gCAAgC;AAAA;AAAA,EAE3C,CAAC,EAAE,SAAS,UAAU,GAAG,MAAM,GAAG,QAAQ;AACxC,UAAM,kBAA6D,UAAW,UAA4C;AAC1H,UAAM,gBAAgB,0BAA0B,eAAe;AAE/D,WACE,gCACG,kBAAQ,eAAe,KAAK,CAAC,gBAAgB,aAAa,SACzD,oBAAC,sBAAmB,WAAU,0CAAyC,IAEvE,qBAAC,WAAQ,YAAW,SAAQ,QAAQ,GAAI,GAAG,OAAO,KAChD;AAAA,0BAAC,4BAAyB,SAAS,aAAa,eAA8B;AAAA,MAC9E,oBAAC,QAAK,WAAS,MAAC,SAAS,GAAG,SAAS,EAAE,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,GAAG,GACnE,2BACC,eAAe,UAAU,IAAI,CAAC,EAAE,OAAO,YAAY,MACjD,oBAAC,QAAwB,MAAI,MAAC,IAAI,IAAI,IAAI,GAAG,IAAI,GAAG,IAAI,GACtD;AAAA,QAAC;AAAA;AAAA,UAEC,UAAU,OAAO;AAAA,UACjB,OAAO,OAAO;AAAA,UACd,aAAa,aAAa;AAAA,UAC1B,kBAAkB,aAAa;AAAA;AAAA,QAJ1B,OAAO;AAAA,MAKd,KAPS,OAAO,KAQlB,CACD,GACL;AAAA,MACA,oBAAC,uBAAoB,iBAAkC,YAAW,SAAQ;AAAA,OAC5E,GAEJ;AAAA,EAEJ;AACF;AAEA,8BAA8B,cAAc;","names":[]}
@@ -1,93 +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/Details/index.ts
21
- var Details_exports = {};
22
- __export(Details_exports, {
23
- BlocknativeGasPriceDetailsBox: () => BlocknativeGasPriceDetailsBox
24
- });
25
- module.exports = __toCommonJS(Details_exports);
26
-
27
- // src/components/Details/Box/BlocknativeGasPriceDetailsBox.tsx
28
- var import_material = require("@mui/material");
29
- var import_lodash = require("@xylabs/lodash");
30
- var import_react_flexbox = require("@xylabs/react-flexbox");
31
- var import_react_gas_price = require("@xyo-network/react-gas-price");
32
- var import_react_shared = require("@xyo-network/react-shared");
33
- var import_react = require("react");
34
-
35
- // src/components/hooks/useBlocknativeTransformer.tsx
36
- var useBlocknativeTransformer = (payload) => {
37
- const blockPrices = payload?.blockPrices?.[0];
38
- if (blockPrices && blockPrices.estimatedPrices?.length) {
39
- const estimatedPrices = blockPrices?.estimatedPrices;
40
- const gasPrice = estimatedPrices.map((price) => ({
41
- price: {
42
- label: `Confidence - ${price.confidence}`,
43
- value: price.price
44
- },
45
- priorityFee: {
46
- label: "maxPriorityFeePerGas",
47
- value: price.maxPriorityFeePerGas
48
- }
49
- }));
50
- return {
51
- baseFee: {
52
- label: "baseFeePerGas",
53
- value: blockPrices.baseFeePerGas
54
- },
55
- blockNumber: {
56
- label: "blockNumber",
57
- value: blockPrices.blockNumber
58
- },
59
- gasPrice,
60
- timestamp: payload.timestamp,
61
- website: "https://docs.Blocknative.io/v5/api/providers/provider/#Provider-getFeeData"
62
- };
63
- }
64
- };
65
-
66
- // src/components/lib/constants.ts
67
- var RenderTitle = "Blocknative Gas Tracker";
68
-
69
- // src/components/Details/Box/BlocknativeGasPriceDetailsBox.tsx
70
- var import_jsx_runtime = require("react/jsx-runtime");
71
- var BlocknativeGasPriceDetailsBox = (0, import_react.forwardRef)(
72
- // eslint-disable-next-line @typescript-eslint/no-unused-vars
73
- ({ payload, listMode, ...props }, ref) => {
74
- const gasPricePayload = payload ? payload : void 0;
75
- const parsedPayload = useBlocknativeTransformer(gasPricePayload);
76
- return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: (0, import_lodash.isEmpty)(gasPricePayload) || !gasPricePayload.blockPrices?.length ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_shared.PayloadDataMissing, { alertBody: "Payload is missing valid gas fee data." }) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react_flexbox.FlexCol, { alignItems: "start", rowGap: 4, ...props, ref, children: [
77
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_gas_price.GasPriceWitnessHeaderBox, { heading: RenderTitle, parsedPayload }),
78
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.Grid, { container: true, spacing: 3, columns: { lg: 15, md: 15, sm: 12, xs: 12 }, children: parsedPayload && parsedPayload?.gasPrice?.map(({ price, priorityFee }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.Grid, { item: true, xs: 12, sm: 6, md: 5, lg: 3, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
79
- import_react_gas_price.GasFeeCard,
80
- {
81
- gasPrice: price?.value,
82
- speed: price?.label,
83
- priorityFee: priorityFee?.value,
84
- priorityFeeLabel: priorityFee?.label
85
- },
86
- price?.label
87
- ) }, price?.label)) }),
88
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_gas_price.ToggleRawPayloadBox, { gasPricePayload, alignItems: "start" })
89
- ] }) });
90
- }
91
- );
92
- BlocknativeGasPriceDetailsBox.displayName = "BlocknativeGasPriceDetailsBox";
93
- //# sourceMappingURL=index.cjs.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../../../src/components/Details/index.ts","../../../../src/components/Details/Box/BlocknativeGasPriceDetailsBox.tsx","../../../../src/components/hooks/useBlocknativeTransformer.tsx","../../../../src/components/lib/constants.ts"],"sourcesContent":["export * from './Box'\n","import { Grid } from '@mui/material'\nimport { isEmpty } from '@xylabs/lodash'\nimport { FlexBoxProps, FlexCol } from '@xylabs/react-flexbox'\nimport { EthereumGasBlocknativePayload } from '@xyo-network/blocknative-ethereum-gas-payload-plugin'\nimport { GasFeeCard, GasPriceWitnessHeaderBox, ToggleRawPayloadBox } from '@xyo-network/react-gas-price'\nimport { PayloadDetailsRenderProps } from '@xyo-network/react-payload-plugin'\nimport { PayloadDataMissing } from '@xyo-network/react-shared'\nimport { forwardRef } from 'react'\n\nimport { useBlocknativeTransformer } from '../../hooks'\nimport { RenderTitle } from '../../lib'\n\nexport const BlocknativeGasPriceDetailsBox = forwardRef<HTMLDivElement, PayloadDetailsRenderProps & FlexBoxProps>(\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n ({ payload, listMode, ...props }, ref) => {\n const gasPricePayload: EthereumGasBlocknativePayload | undefined = payload ? (payload as EthereumGasBlocknativePayload) : undefined\n const parsedPayload = useBlocknativeTransformer(gasPricePayload)\n\n return (\n <>\n {isEmpty(gasPricePayload) || !gasPricePayload.blockPrices?.length ? (\n <PayloadDataMissing alertBody=\"Payload is missing valid gas fee data.\" />\n ) : (\n <FlexCol alignItems=\"start\" rowGap={4} {...props} ref={ref}>\n <GasPriceWitnessHeaderBox heading={RenderTitle} parsedPayload={parsedPayload} />\n <Grid container spacing={3} columns={{ lg: 15, md: 15, sm: 12, xs: 12 }}>\n {parsedPayload &&\n parsedPayload?.gasPrice?.map(({ price, priorityFee }) => (\n <Grid key={price?.label} item xs={12} sm={6} md={5} lg={3}>\n <GasFeeCard\n key={price?.label}\n gasPrice={price?.value}\n speed={price?.label}\n priorityFee={priorityFee?.value}\n priorityFeeLabel={priorityFee?.label}\n />\n </Grid>\n ))}\n </Grid>\n <ToggleRawPayloadBox gasPricePayload={gasPricePayload} alignItems=\"start\" />\n </FlexCol>\n )}\n </>\n )\n },\n)\n\nBlocknativeGasPriceDetailsBox.displayName = 'BlocknativeGasPriceDetailsBox'\n","import { EthereumGasBlocknativePayload } from '@xyo-network/blocknative-ethereum-gas-payload-plugin'\nimport { GasPriceWitnessUIBasePayload } from '@xyo-network/react-gas-price'\n\nexport const useBlocknativeTransformer = (payload?: EthereumGasBlocknativePayload): GasPriceWitnessUIBasePayload | undefined => {\n const blockPrices = payload?.blockPrices?.[0]\n if (blockPrices && blockPrices.estimatedPrices?.length) {\n const estimatedPrices = blockPrices?.estimatedPrices\n const gasPrice = estimatedPrices.map((price) => ({\n price: {\n label: `Confidence - ${price.confidence}`,\n value: price.price,\n },\n priorityFee: {\n label: 'maxPriorityFeePerGas',\n value: price.maxPriorityFeePerGas,\n },\n }))\n\n return {\n baseFee: {\n label: 'baseFeePerGas',\n value: blockPrices.baseFeePerGas,\n },\n blockNumber: {\n label: 'blockNumber',\n value: blockPrices.blockNumber,\n },\n gasPrice,\n timestamp: payload.timestamp,\n website: 'https://docs.Blocknative.io/v5/api/providers/provider/#Provider-getFeeData',\n }\n }\n}\n","export const RenderTitle = 'Blocknative Gas Tracker'\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,sBAAqB;AACrB,oBAAwB;AACxB,2BAAsC;AAEtC,6BAA0E;AAE1E,0BAAmC;AACnC,mBAA2B;;;ACJpB,IAAM,4BAA4B,CAAC,YAAsF;AAC9H,QAAM,cAAc,SAAS,cAAc,CAAC;AAC5C,MAAI,eAAe,YAAY,iBAAiB,QAAQ;AACtD,UAAM,kBAAkB,aAAa;AACrC,UAAM,WAAW,gBAAgB,IAAI,CAAC,WAAW;AAAA,MAC/C,OAAO;AAAA,QACL,OAAO,gBAAgB,MAAM,UAAU;AAAA,QACvC,OAAO,MAAM;AAAA,MACf;AAAA,MACA,aAAa;AAAA,QACX,OAAO;AAAA,QACP,OAAO,MAAM;AAAA,MACf;AAAA,IACF,EAAE;AAEF,WAAO;AAAA,MACL,SAAS;AAAA,QACP,OAAO;AAAA,QACP,OAAO,YAAY;AAAA,MACrB;AAAA,MACA,aAAa;AAAA,QACX,OAAO;AAAA,QACP,OAAO,YAAY;AAAA,MACrB;AAAA,MACA;AAAA,MACA,WAAW,QAAQ;AAAA,MACnB,SAAS;AAAA,IACX;AAAA,EACF;AACF;;;AChCO,IAAM,cAAc;;;AFmBrB;AAPC,IAAM,oCAAgC;AAAA;AAAA,EAE3C,CAAC,EAAE,SAAS,UAAU,GAAG,MAAM,GAAG,QAAQ;AACxC,UAAM,kBAA6D,UAAW,UAA4C;AAC1H,UAAM,gBAAgB,0BAA0B,eAAe;AAE/D,WACE,2EACG,qCAAQ,eAAe,KAAK,CAAC,gBAAgB,aAAa,SACzD,4CAAC,0CAAmB,WAAU,0CAAyC,IAEvE,6CAAC,gCAAQ,YAAW,SAAQ,QAAQ,GAAI,GAAG,OAAO,KAChD;AAAA,kDAAC,mDAAyB,SAAS,aAAa,eAA8B;AAAA,MAC9E,4CAAC,wBAAK,WAAS,MAAC,SAAS,GAAG,SAAS,EAAE,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,GAAG,GACnE,2BACC,eAAe,UAAU,IAAI,CAAC,EAAE,OAAO,YAAY,MACjD,4CAAC,wBAAwB,MAAI,MAAC,IAAI,IAAI,IAAI,GAAG,IAAI,GAAG,IAAI,GACtD;AAAA,QAAC;AAAA;AAAA,UAEC,UAAU,OAAO;AAAA,UACjB,OAAO,OAAO;AAAA,UACd,aAAa,aAAa;AAAA,UAC1B,kBAAkB,aAAa;AAAA;AAAA,QAJ1B,OAAO;AAAA,MAKd,KAPS,OAAO,KAQlB,CACD,GACL;AAAA,MACA,4CAAC,8CAAoB,iBAAkC,YAAW,SAAQ;AAAA,OAC5E,GAEJ;AAAA,EAEJ;AACF;AAEA,8BAA8B,cAAc;","names":[]}