@xyo-network/react-ethereum-gas-price-blocknative-plugin 2.81.9 → 2.82.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 (205) hide show
  1. package/dist/browser/components/Card/Card.d.cts +6 -5
  2. package/dist/browser/components/Card/Card.d.cts.map +1 -1
  3. package/dist/browser/components/Card/Card.d.mts +6 -5
  4. package/dist/browser/components/Card/Card.d.mts.map +1 -1
  5. package/dist/browser/components/Card/Card.d.ts +6 -5
  6. package/dist/browser/components/Card/Card.d.ts.map +1 -1
  7. package/dist/browser/components/Card/CardContent.d.cts +6 -5
  8. package/dist/browser/components/Card/CardContent.d.cts.map +1 -1
  9. package/dist/browser/components/Card/CardContent.d.mts +6 -5
  10. package/dist/browser/components/Card/CardContent.d.mts.map +1 -1
  11. package/dist/browser/components/Card/CardContent.d.ts +6 -5
  12. package/dist/browser/components/Card/CardContent.d.ts.map +1 -1
  13. package/dist/browser/components/Card/CardHeader.d.cts +5 -4
  14. package/dist/browser/components/Card/CardHeader.d.cts.map +1 -1
  15. package/dist/browser/components/Card/CardHeader.d.mts +5 -4
  16. package/dist/browser/components/Card/CardHeader.d.mts.map +1 -1
  17. package/dist/browser/components/Card/CardHeader.d.ts +5 -4
  18. package/dist/browser/components/Card/CardHeader.d.ts.map +1 -1
  19. package/dist/browser/components/Card/index.d.cts +3 -3
  20. package/dist/browser/components/Card/index.d.cts.map +1 -1
  21. package/dist/browser/components/Card/index.d.mts +3 -3
  22. package/dist/browser/components/Card/index.d.mts.map +1 -1
  23. package/dist/browser/components/Card/index.d.ts +3 -3
  24. package/dist/browser/components/Card/index.d.ts.map +1 -1
  25. package/dist/browser/components/Details/Box/BlocknativeGasPriceDetailsBox.d.cts +2 -1
  26. package/dist/browser/components/Details/Box/BlocknativeGasPriceDetailsBox.d.cts.map +1 -1
  27. package/dist/browser/components/Details/Box/BlocknativeGasPriceDetailsBox.d.mts +2 -1
  28. package/dist/browser/components/Details/Box/BlocknativeGasPriceDetailsBox.d.mts.map +1 -1
  29. package/dist/browser/components/Details/Box/BlocknativeGasPriceDetailsBox.d.ts +2 -1
  30. package/dist/browser/components/Details/Box/BlocknativeGasPriceDetailsBox.d.ts.map +1 -1
  31. package/dist/browser/components/Details/Box/index.d.cts +1 -1
  32. package/dist/browser/components/Details/Box/index.d.cts.map +1 -1
  33. package/dist/browser/components/Details/Box/index.d.mts +1 -1
  34. package/dist/browser/components/Details/Box/index.d.mts.map +1 -1
  35. package/dist/browser/components/Details/Box/index.d.ts +1 -1
  36. package/dist/browser/components/Details/Box/index.d.ts.map +1 -1
  37. package/dist/browser/components/Details/index.d.cts +1 -1
  38. package/dist/browser/components/Details/index.d.mts +1 -1
  39. package/dist/browser/components/Details/index.d.ts +1 -1
  40. package/dist/browser/components/hooks/index.d.cts +1 -1
  41. package/dist/browser/components/hooks/index.d.cts.map +1 -1
  42. package/dist/browser/components/hooks/index.d.mts +1 -1
  43. package/dist/browser/components/hooks/index.d.mts.map +1 -1
  44. package/dist/browser/components/hooks/index.d.ts +1 -1
  45. package/dist/browser/components/hooks/index.d.ts.map +1 -1
  46. package/dist/browser/components/index.d.cts +2 -2
  47. package/dist/browser/components/index.d.mts +2 -2
  48. package/dist/browser/components/index.d.ts +2 -2
  49. package/dist/browser/components/lib/index.d.cts +1 -1
  50. package/dist/browser/components/lib/index.d.mts +1 -1
  51. package/dist/browser/components/lib/index.d.ts +1 -1
  52. package/dist/browser/index.cjs +114 -45
  53. package/dist/browser/index.cjs.map +1 -1
  54. package/dist/browser/index.d.cts +3 -3
  55. package/dist/browser/index.d.cts.map +1 -1
  56. package/dist/browser/index.d.mts +3 -3
  57. package/dist/browser/index.d.mts.map +1 -1
  58. package/dist/browser/index.d.ts +3 -3
  59. package/dist/browser/index.d.ts.map +1 -1
  60. package/dist/browser/index.mjs +208 -0
  61. package/dist/browser/index.mjs.map +1 -0
  62. package/dist/neutral/components/Card/Card.d.cts +6 -5
  63. package/dist/neutral/components/Card/Card.d.cts.map +1 -1
  64. package/dist/neutral/components/Card/Card.d.mts +6 -5
  65. package/dist/neutral/components/Card/Card.d.mts.map +1 -1
  66. package/dist/neutral/components/Card/Card.d.ts +6 -5
  67. package/dist/neutral/components/Card/Card.d.ts.map +1 -1
  68. package/dist/neutral/components/Card/CardContent.d.cts +6 -5
  69. package/dist/neutral/components/Card/CardContent.d.cts.map +1 -1
  70. package/dist/neutral/components/Card/CardContent.d.mts +6 -5
  71. package/dist/neutral/components/Card/CardContent.d.mts.map +1 -1
  72. package/dist/neutral/components/Card/CardContent.d.ts +6 -5
  73. package/dist/neutral/components/Card/CardContent.d.ts.map +1 -1
  74. package/dist/neutral/components/Card/CardHeader.d.cts +5 -4
  75. package/dist/neutral/components/Card/CardHeader.d.cts.map +1 -1
  76. package/dist/neutral/components/Card/CardHeader.d.mts +5 -4
  77. package/dist/neutral/components/Card/CardHeader.d.mts.map +1 -1
  78. package/dist/neutral/components/Card/CardHeader.d.ts +5 -4
  79. package/dist/neutral/components/Card/CardHeader.d.ts.map +1 -1
  80. package/dist/neutral/components/Card/index.d.cts +3 -3
  81. package/dist/neutral/components/Card/index.d.cts.map +1 -1
  82. package/dist/neutral/components/Card/index.d.mts +3 -3
  83. package/dist/neutral/components/Card/index.d.mts.map +1 -1
  84. package/dist/neutral/components/Card/index.d.ts +3 -3
  85. package/dist/neutral/components/Card/index.d.ts.map +1 -1
  86. package/dist/neutral/components/Details/Box/BlocknativeGasPriceDetailsBox.d.cts +2 -1
  87. package/dist/neutral/components/Details/Box/BlocknativeGasPriceDetailsBox.d.cts.map +1 -1
  88. package/dist/neutral/components/Details/Box/BlocknativeGasPriceDetailsBox.d.mts +2 -1
  89. package/dist/neutral/components/Details/Box/BlocknativeGasPriceDetailsBox.d.mts.map +1 -1
  90. package/dist/neutral/components/Details/Box/BlocknativeGasPriceDetailsBox.d.ts +2 -1
  91. package/dist/neutral/components/Details/Box/BlocknativeGasPriceDetailsBox.d.ts.map +1 -1
  92. package/dist/neutral/components/Details/Box/index.d.cts +1 -1
  93. package/dist/neutral/components/Details/Box/index.d.cts.map +1 -1
  94. package/dist/neutral/components/Details/Box/index.d.mts +1 -1
  95. package/dist/neutral/components/Details/Box/index.d.mts.map +1 -1
  96. package/dist/neutral/components/Details/Box/index.d.ts +1 -1
  97. package/dist/neutral/components/Details/Box/index.d.ts.map +1 -1
  98. package/dist/neutral/components/Details/index.d.cts +1 -1
  99. package/dist/neutral/components/Details/index.d.mts +1 -1
  100. package/dist/neutral/components/Details/index.d.ts +1 -1
  101. package/dist/neutral/components/hooks/index.d.cts +1 -1
  102. package/dist/neutral/components/hooks/index.d.cts.map +1 -1
  103. package/dist/neutral/components/hooks/index.d.mts +1 -1
  104. package/dist/neutral/components/hooks/index.d.mts.map +1 -1
  105. package/dist/neutral/components/hooks/index.d.ts +1 -1
  106. package/dist/neutral/components/hooks/index.d.ts.map +1 -1
  107. package/dist/neutral/components/index.d.cts +2 -2
  108. package/dist/neutral/components/index.d.mts +2 -2
  109. package/dist/neutral/components/index.d.ts +2 -2
  110. package/dist/neutral/components/lib/index.d.cts +1 -1
  111. package/dist/neutral/components/lib/index.d.mts +1 -1
  112. package/dist/neutral/components/lib/index.d.ts +1 -1
  113. package/dist/neutral/index.cjs +114 -45
  114. package/dist/neutral/index.cjs.map +1 -1
  115. package/dist/neutral/index.d.cts +3 -3
  116. package/dist/neutral/index.d.cts.map +1 -1
  117. package/dist/neutral/index.d.mts +3 -3
  118. package/dist/neutral/index.d.mts.map +1 -1
  119. package/dist/neutral/index.d.ts +3 -3
  120. package/dist/neutral/index.d.ts.map +1 -1
  121. package/dist/neutral/index.mjs +208 -0
  122. package/dist/neutral/index.mjs.map +1 -0
  123. package/dist/node/components/Card/Card.d.cts +6 -5
  124. package/dist/node/components/Card/Card.d.cts.map +1 -1
  125. package/dist/node/components/Card/Card.d.mts +6 -5
  126. package/dist/node/components/Card/Card.d.mts.map +1 -1
  127. package/dist/node/components/Card/Card.d.ts +6 -5
  128. package/dist/node/components/Card/Card.d.ts.map +1 -1
  129. package/dist/node/components/Card/CardContent.d.cts +6 -5
  130. package/dist/node/components/Card/CardContent.d.cts.map +1 -1
  131. package/dist/node/components/Card/CardContent.d.mts +6 -5
  132. package/dist/node/components/Card/CardContent.d.mts.map +1 -1
  133. package/dist/node/components/Card/CardContent.d.ts +6 -5
  134. package/dist/node/components/Card/CardContent.d.ts.map +1 -1
  135. package/dist/node/components/Card/CardHeader.d.cts +5 -4
  136. package/dist/node/components/Card/CardHeader.d.cts.map +1 -1
  137. package/dist/node/components/Card/CardHeader.d.mts +5 -4
  138. package/dist/node/components/Card/CardHeader.d.mts.map +1 -1
  139. package/dist/node/components/Card/CardHeader.d.ts +5 -4
  140. package/dist/node/components/Card/CardHeader.d.ts.map +1 -1
  141. package/dist/node/components/Card/index.d.cts +3 -3
  142. package/dist/node/components/Card/index.d.cts.map +1 -1
  143. package/dist/node/components/Card/index.d.mts +3 -3
  144. package/dist/node/components/Card/index.d.mts.map +1 -1
  145. package/dist/node/components/Card/index.d.ts +3 -3
  146. package/dist/node/components/Card/index.d.ts.map +1 -1
  147. package/dist/node/components/Details/Box/BlocknativeGasPriceDetailsBox.d.cts +2 -1
  148. package/dist/node/components/Details/Box/BlocknativeGasPriceDetailsBox.d.cts.map +1 -1
  149. package/dist/node/components/Details/Box/BlocknativeGasPriceDetailsBox.d.mts +2 -1
  150. package/dist/node/components/Details/Box/BlocknativeGasPriceDetailsBox.d.mts.map +1 -1
  151. package/dist/node/components/Details/Box/BlocknativeGasPriceDetailsBox.d.ts +2 -1
  152. package/dist/node/components/Details/Box/BlocknativeGasPriceDetailsBox.d.ts.map +1 -1
  153. package/dist/node/components/Details/Box/index.d.cts +1 -1
  154. package/dist/node/components/Details/Box/index.d.cts.map +1 -1
  155. package/dist/node/components/Details/Box/index.d.mts +1 -1
  156. package/dist/node/components/Details/Box/index.d.mts.map +1 -1
  157. package/dist/node/components/Details/Box/index.d.ts +1 -1
  158. package/dist/node/components/Details/Box/index.d.ts.map +1 -1
  159. package/dist/node/components/Details/index.d.cts +1 -1
  160. package/dist/node/components/Details/index.d.mts +1 -1
  161. package/dist/node/components/Details/index.d.ts +1 -1
  162. package/dist/node/components/hooks/index.d.cts +1 -1
  163. package/dist/node/components/hooks/index.d.cts.map +1 -1
  164. package/dist/node/components/hooks/index.d.mts +1 -1
  165. package/dist/node/components/hooks/index.d.mts.map +1 -1
  166. package/dist/node/components/hooks/index.d.ts +1 -1
  167. package/dist/node/components/hooks/index.d.ts.map +1 -1
  168. package/dist/node/components/index.d.cts +2 -2
  169. package/dist/node/components/index.d.mts +2 -2
  170. package/dist/node/components/index.d.ts +2 -2
  171. package/dist/node/components/lib/index.d.cts +1 -1
  172. package/dist/node/components/lib/index.d.mts +1 -1
  173. package/dist/node/components/lib/index.d.ts +1 -1
  174. package/dist/node/index.cjs +115 -46
  175. package/dist/node/index.cjs.map +1 -1
  176. package/dist/node/index.d.cts +3 -3
  177. package/dist/node/index.d.cts.map +1 -1
  178. package/dist/node/index.d.mts +3 -3
  179. package/dist/node/index.d.mts.map +1 -1
  180. package/dist/node/index.d.ts +3 -3
  181. package/dist/node/index.d.ts.map +1 -1
  182. package/dist/node/index.mjs +211 -0
  183. package/dist/node/index.mjs.map +1 -0
  184. package/package.json +16 -16
  185. package/src/Plugin.ts +1 -1
  186. package/src/components/Card/Card.stories.tsx +3 -3
  187. package/src/components/Card/Card.tsx +3 -3
  188. package/src/components/Card/CardContent.tsx +8 -8
  189. package/src/components/Card/CardHeader.tsx +3 -3
  190. package/src/components/Card/index.ts +3 -3
  191. package/src/components/Details/Box/BlocknativeGasPriceDetailsBox.stories.tsx +3 -3
  192. package/src/components/Details/Box/BlocknativeGasPriceDetailsBox.tsx +25 -24
  193. package/src/components/Details/Box/index.ts +1 -1
  194. package/src/components/Details/index.ts +1 -1
  195. package/src/components/hooks/index.ts +1 -1
  196. package/src/components/hooks/useBlocknativeTransformer.tsx +1 -1
  197. package/src/components/index.ts +2 -2
  198. package/src/components/lib/index.ts +1 -1
  199. package/src/index.ts +3 -5
  200. package/dist/browser/index.js +0 -147
  201. package/dist/browser/index.js.map +0 -1
  202. package/dist/neutral/index.js +0 -147
  203. package/dist/neutral/index.js.map +0 -1
  204. package/dist/node/index.js +0 -150
  205. package/dist/node/index.js.map +0 -1
package/package.json CHANGED
@@ -10,19 +10,19 @@
10
10
  "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/issues"
11
11
  },
12
12
  "dependencies": {
13
- "@xylabs/lodash": "^3.6.4",
14
- "@xylabs/react-flexbox": "^3.4.1",
15
- "@xyo-network/blocknative-ethereum-gas-payload-plugin": "^2.99.4",
16
- "@xyo-network/payload-model": "^2.110.9",
17
- "@xyo-network/react-gas-price": "^2.81.9",
18
- "@xyo-network/react-payload-plugin": "^2.81.9",
19
- "@xyo-network/react-shared": "^2.81.9"
13
+ "@xylabs/lodash": "^3.6.12",
14
+ "@xylabs/react-flexbox": "^3.4.2",
15
+ "@xyo-network/blocknative-ethereum-gas-payload-plugin": "^2.99.6",
16
+ "@xyo-network/payload-model": "^2.111.3",
17
+ "@xyo-network/react-gas-price": "^2.82.0",
18
+ "@xyo-network/react-payload-plugin": "^2.82.0",
19
+ "@xyo-network/react-shared": "^2.82.0"
20
20
  },
21
21
  "devDependencies": {
22
- "@storybook/react": "^7.6.20",
23
- "@xylabs/ts-scripts-yarn3": "^3.12.4",
24
- "@xylabs/tsconfig-react": "^3.12.4",
25
- "@xyo-network/react-storybook": "^2.81.9",
22
+ "@storybook/react": "^8.2.7",
23
+ "@xylabs/ts-scripts-yarn3": "^3.15.16",
24
+ "@xylabs/tsconfig-react": "^3.15.16",
25
+ "@xyo-network/react-storybook": "^2.82.0",
26
26
  "typescript": "^5.5.4"
27
27
  },
28
28
  "peerDependencies": {
@@ -41,7 +41,7 @@
41
41
  "node": {
42
42
  "import": {
43
43
  "types": "./dist/node/index.d.mts",
44
- "default": "./dist/node/index.js"
44
+ "default": "./dist/node/index.mjs"
45
45
  },
46
46
  "require": {
47
47
  "types": "./dist/node/index.d.cts",
@@ -51,19 +51,19 @@
51
51
  "browser": {
52
52
  "import": {
53
53
  "types": "./dist/browser/index.d.mts",
54
- "default": "./dist/browser/index.js"
54
+ "default": "./dist/browser/index.mjs"
55
55
  },
56
56
  "require": {
57
57
  "types": "./dist/browser/index.d.cts",
58
58
  "default": "./dist/browser/index.cjs"
59
59
  }
60
60
  },
61
- "default": "./dist/browser/index.js"
61
+ "default": "./dist/browser/index.mjs"
62
62
  },
63
63
  "./package.json": "./package.json"
64
64
  },
65
65
  "main": "dist/browser/index.cjs",
66
- "module": "dist/browser/index.js",
66
+ "module": "dist/browser/index.mjs",
67
67
  "homepage": "https://xyo.network",
68
68
  "keywords": [
69
69
  "xyo",
@@ -85,6 +85,6 @@
85
85
  },
86
86
  "sideEffects": false,
87
87
  "types": "dist/browser/index.d.ts",
88
- "version": "2.81.9",
88
+ "version": "2.82.0",
89
89
  "type": "module"
90
90
  }
package/src/Plugin.ts CHANGED
@@ -3,7 +3,7 @@ import { Payload } from '@xyo-network/payload-model'
3
3
  import { EthereumGasPriceAvatar } from '@xyo-network/react-gas-price'
4
4
  import { createPayloadRenderPlugin, PayloadRenderPlugin } from '@xyo-network/react-payload-plugin'
5
5
 
6
- import { BlocknativeGasPriceCardContent, BlocknativeGasPriceCardHeader, BlocknativeGasPriceDetailsBox } from './components/index.js'
6
+ import { BlocknativeGasPriceCardContent, BlocknativeGasPriceCardHeader, BlocknativeGasPriceDetailsBox } from './components/index.ts'
7
7
 
8
8
  export const EthereumGasPriceBlocknativePlugin: PayloadRenderPlugin = {
9
9
  ...createPayloadRenderPlugin({
@@ -1,8 +1,9 @@
1
1
  import { Meta, StoryFn } from '@storybook/react'
2
2
  import { EthereumGasBlocknativeSchema } from '@xyo-network/blocknative-ethereum-gas-payload-plugin'
3
3
  import { sampleBlocknativeGasPricePayload } from '@xyo-network/react-storybook'
4
+ import React from 'react'
4
5
 
5
- import { BlocknativeGasPriceCard } from './Card.js'
6
+ import { BlocknativeGasPriceCard } from './Card.tsx'
6
7
 
7
8
  const StorybookEntry = {
8
9
  argTypes: {},
@@ -15,7 +16,7 @@ const StorybookEntry = {
15
16
  title: 'plugin/blockchain/BlocknativeGasPrice/Card',
16
17
  } as Meta<typeof BlocknativeGasPriceCard>
17
18
 
18
- const Template: StoryFn<typeof BlocknativeGasPriceCard> = (args) => <BlocknativeGasPriceCard {...args} />
19
+ const Template: StoryFn<typeof BlocknativeGasPriceCard> = args => <BlocknativeGasPriceCard {...args} />
19
20
 
20
21
  const Default = Template.bind({})
21
22
  Default.args = {}
@@ -28,5 +29,4 @@ WithMissingData.args = { payload: { schema: EthereumGasBlocknativeSchema } }
28
29
 
29
30
  export { Default, WithData, WithMissingData }
30
31
 
31
- // eslint-disable-next-line import/no-default-export
32
32
  export default StorybookEntry
@@ -1,9 +1,9 @@
1
1
  import { Card, CardProps } from '@mui/material'
2
2
  import { PayloadRenderProps } from '@xyo-network/react-payload-plugin'
3
- import { forwardRef } from 'react'
3
+ import React, { forwardRef } from 'react'
4
4
 
5
- import { BlocknativeGasPriceCardContent } from './CardContent.js'
6
- import { BlocknativeGasPriceCardHeader } from './CardHeader.js'
5
+ import { BlocknativeGasPriceCardContent } from './CardContent.tsx'
6
+ import { BlocknativeGasPriceCardHeader } from './CardHeader.tsx'
7
7
 
8
8
  export const BlocknativeGasPriceCard = forwardRef<HTMLDivElement, PayloadRenderProps & CardProps>(({ payload, ...props }, ref) => {
9
9
  return (
@@ -4,9 +4,9 @@ import { EthereumGasBlocknativePayload } from '@xyo-network/blocknative-ethereum
4
4
  import { GasFeeCard, ToggleRawPayloadBox } from '@xyo-network/react-gas-price'
5
5
  import { PayloadRenderProps } from '@xyo-network/react-payload-plugin'
6
6
  import { PayloadDataMissing } from '@xyo-network/react-shared'
7
- import { forwardRef } from 'react'
7
+ import React, { forwardRef } from 'react'
8
8
 
9
- import { useBlocknativeTransformer } from '../hooks/index.js'
9
+ import { useBlocknativeTransformer } from '../hooks/index.ts'
10
10
 
11
11
  export const BlocknativeGasPriceCardContent = forwardRef<HTMLDivElement, Omit<PayloadRenderProps & CardContentProps, 'ref'>>(
12
12
  ({ payload, ...props }, ref) => {
@@ -20,12 +20,12 @@ export const BlocknativeGasPriceCardContent = forwardRef<HTMLDivElement, Omit<Pa
20
20
  return (
21
21
  <CardContent ref={ref} sx={{ display: 'flex', flexDirection: 'column', rowGap: 4 }} {...props}>
22
22
  <Grid container spacing={3} columns={{ lg: 15, md: 15, sm: 12, xs: 12 }}>
23
- {parsedPayload &&
24
- parsedPayload?.gasPrice?.map(({ price }) => (
25
- <Grid key={price?.label} item xs={12} sm={6} md={5} lg={3}>
26
- <GasFeeCard gasPrice={price?.value} speed={price?.label} speedPaperElevation={4} />
27
- </Grid>
28
- ))}
23
+ {parsedPayload
24
+ && parsedPayload?.gasPrice?.map(({ price }) => (
25
+ <Grid key={price?.label} item xs={12} sm={6} md={5} lg={3}>
26
+ <GasFeeCard gasPrice={price?.value} speed={price?.label} speedPaperElevation={4} />
27
+ </Grid>
28
+ ))}
29
29
  </Grid>
30
30
  <ToggleRawPayloadBox gasPricePayload={gasPricePayload} alignItems="start" pr={1} />
31
31
  </CardContent>
@@ -2,10 +2,10 @@ import { CardHeaderProps } from '@mui/material'
2
2
  import { EthereumGasBlocknativePayload } from '@xyo-network/blocknative-ethereum-gas-payload-plugin'
3
3
  import { GasPriceWitnessCardHeader } from '@xyo-network/react-gas-price'
4
4
  import { PayloadRenderProps } from '@xyo-network/react-payload-plugin'
5
- import { forwardRef } from 'react'
5
+ import React, { forwardRef } from 'react'
6
6
 
7
- import { useBlocknativeTransformer } from '../hooks/index.js'
8
- import { RenderTitle } from '../lib/index.js'
7
+ import { useBlocknativeTransformer } from '../hooks/index.ts'
8
+ import { RenderTitle } from '../lib/index.ts'
9
9
 
10
10
  export const BlocknativeGasPriceCardHeader = forwardRef<HTMLDivElement, PayloadRenderProps & CardHeaderProps>(({ payload }, ref) => {
11
11
  const gasPricePayload = payload ? (payload as EthereumGasBlocknativePayload) : undefined
@@ -1,3 +1,3 @@
1
- export * from './Card.js'
2
- export * from './CardContent.js'
3
- export * from './CardHeader.js'
1
+ export * from './Card.tsx'
2
+ export * from './CardContent.tsx'
3
+ export * from './CardHeader.tsx'
@@ -1,8 +1,9 @@
1
1
  import { Meta, StoryFn } from '@storybook/react'
2
2
  import { EthereumGasBlocknativeSchema } from '@xyo-network/blocknative-ethereum-gas-payload-plugin'
3
3
  import { sampleBlocknativeGasPricePayload } from '@xyo-network/react-storybook'
4
+ import React from 'react'
4
5
 
5
- import { BlocknativeGasPriceDetailsBox } from './BlocknativeGasPriceDetailsBox.js'
6
+ import { BlocknativeGasPriceDetailsBox } from './BlocknativeGasPriceDetailsBox.tsx'
6
7
 
7
8
  const StorybookEntry = {
8
9
  argTypes: {},
@@ -15,7 +16,7 @@ const StorybookEntry = {
15
16
  title: 'plugin/blockchain/BlocknativeGasPrice/DetailsBox',
16
17
  } as Meta<typeof BlocknativeGasPriceDetailsBox>
17
18
 
18
- const Template: StoryFn<typeof BlocknativeGasPriceDetailsBox> = (args) => <BlocknativeGasPriceDetailsBox {...args} />
19
+ const Template: StoryFn<typeof BlocknativeGasPriceDetailsBox> = args => <BlocknativeGasPriceDetailsBox {...args} />
19
20
 
20
21
  const Default = Template.bind({})
21
22
  Default.args = {}
@@ -28,5 +29,4 @@ WithMissingData.args = { payload: { schema: EthereumGasBlocknativeSchema } }
28
29
 
29
30
  export { Default, WithData, WithMissingData }
30
31
 
31
- // eslint-disable-next-line import/no-default-export
32
32
  export default StorybookEntry
@@ -5,10 +5,10 @@ import { EthereumGasBlocknativePayload } from '@xyo-network/blocknative-ethereum
5
5
  import { GasFeeCard, GasPriceWitnessHeaderBox, ToggleRawPayloadBox } from '@xyo-network/react-gas-price'
6
6
  import { PayloadDetailsRenderProps } from '@xyo-network/react-payload-plugin'
7
7
  import { PayloadDataMissing } from '@xyo-network/react-shared'
8
- import { forwardRef } from 'react'
8
+ import React, { forwardRef } from 'react'
9
9
 
10
- import { useBlocknativeTransformer } from '../../hooks/index.js'
11
- import { RenderTitle } from '../../lib/index.js'
10
+ import { useBlocknativeTransformer } from '../../hooks/index.ts'
11
+ import { RenderTitle } from '../../lib/index.ts'
12
12
 
13
13
  export const BlocknativeGasPriceDetailsBox = forwardRef<HTMLDivElement, PayloadDetailsRenderProps & FlexBoxProps>(
14
14
  // eslint-disable-next-line @typescript-eslint/no-unused-vars
@@ -18,27 +18,28 @@ export const BlocknativeGasPriceDetailsBox = forwardRef<HTMLDivElement, PayloadD
18
18
 
19
19
  return (
20
20
  <>
21
- {isEmpty(gasPricePayload) || !gasPricePayload.blockPrices?.length ?
22
- <PayloadDataMissing alertBody="Payload is missing valid gas fee data." />
23
- : <FlexCol alignItems="start" rowGap={4} {...props} ref={ref}>
24
- <GasPriceWitnessHeaderBox heading={RenderTitle} parsedPayload={parsedPayload} />
25
- <Grid container spacing={3} columns={{ lg: 15, md: 15, sm: 12, xs: 12 }}>
26
- {parsedPayload &&
27
- parsedPayload?.gasPrice?.map(({ price, priorityFee }) => (
28
- <Grid key={price?.label} item xs={12} sm={6} md={5} lg={3}>
29
- <GasFeeCard
30
- key={price?.label}
31
- gasPrice={price?.value}
32
- speed={price?.label}
33
- priorityFee={priorityFee?.value}
34
- priorityFeeLabel={priorityFee?.label}
35
- />
36
- </Grid>
37
- ))}
38
- </Grid>
39
- <ToggleRawPayloadBox gasPricePayload={gasPricePayload} alignItems="start" />
40
- </FlexCol>
41
- }
21
+ {isEmpty(gasPricePayload) || !gasPricePayload.blockPrices?.length
22
+ ? <PayloadDataMissing alertBody="Payload is missing valid gas fee data." />
23
+ : (
24
+ <FlexCol alignItems="start" rowGap={4} {...props} ref={ref}>
25
+ <GasPriceWitnessHeaderBox heading={RenderTitle} parsedPayload={parsedPayload} />
26
+ <Grid container spacing={3} columns={{ lg: 15, md: 15, sm: 12, xs: 12 }}>
27
+ {parsedPayload
28
+ && parsedPayload?.gasPrice?.map(({ price, priorityFee }) => (
29
+ <Grid key={price?.label} item xs={12} sm={6} md={5} lg={3}>
30
+ <GasFeeCard
31
+ key={price?.label}
32
+ gasPrice={price?.value}
33
+ speed={price?.label}
34
+ priorityFee={priorityFee?.value}
35
+ priorityFeeLabel={priorityFee?.label}
36
+ />
37
+ </Grid>
38
+ ))}
39
+ </Grid>
40
+ <ToggleRawPayloadBox gasPricePayload={gasPricePayload} alignItems="start" />
41
+ </FlexCol>
42
+ )}
42
43
  </>
43
44
  )
44
45
  },
@@ -1 +1 @@
1
- export * from './BlocknativeGasPriceDetailsBox.js'
1
+ export * from './BlocknativeGasPriceDetailsBox.tsx'
@@ -1 +1 @@
1
- export * from './Box/index.js'
1
+ export * from './Box/index.ts'
@@ -1 +1 @@
1
- export * from './useBlocknativeTransformer.js'
1
+ export * from './useBlocknativeTransformer.tsx'
@@ -5,7 +5,7 @@ export const useBlocknativeTransformer = (payload?: EthereumGasBlocknativePayloa
5
5
  const blockPrices = payload?.blockPrices?.[0]
6
6
  if (blockPrices && blockPrices.estimatedPrices?.length) {
7
7
  const estimatedPrices = blockPrices?.estimatedPrices
8
- const gasPrice = estimatedPrices.map((price) => ({
8
+ const gasPrice = estimatedPrices.map(price => ({
9
9
  price: {
10
10
  label: `Confidence - ${price.confidence}`,
11
11
  value: price.price,
@@ -1,2 +1,2 @@
1
- export * from './Card/index.js'
2
- export * from './Details/index.js'
1
+ export * from './Card/index.ts'
2
+ export * from './Details/index.ts'
@@ -1 +1 @@
1
- export * from './constants.js'
1
+ export * from './constants.ts'
package/src/index.ts CHANGED
@@ -1,5 +1,3 @@
1
- export * from './components/index.js'
2
- export * from './Plugin.js'
3
-
4
- // eslint-disable-next-line import/no-default-export
5
- export { EthereumGasPriceBlocknativePlugin as default } from './Plugin.js'
1
+ export * from './components/index.ts'
2
+ export * from './Plugin.ts'
3
+ export { EthereumGasPriceBlocknativePlugin as default } from './Plugin.ts'
@@ -1,147 +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(
46
- ({ payload, ...props }, ref) => {
47
- const gasPricePayload = payload ? payload : void 0;
48
- const parsedPayload = useBlocknativeTransformer(gasPricePayload);
49
- if (isEmpty(gasPricePayload) || !gasPricePayload.blockPrices?.length) {
50
- return /* @__PURE__ */ jsx(PayloadDataMissing, { alertBody: "Payload is missing valid gas fee data.", sx: { m: 1 } });
51
- }
52
- return /* @__PURE__ */ jsxs(CardContent, { ref, sx: { display: "flex", flexDirection: "column", rowGap: 4 }, ...props, children: [
53
- /* @__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)) }),
54
- /* @__PURE__ */ jsx(ToggleRawPayloadBox, { gasPricePayload, alignItems: "start", pr: 1 })
55
- ] });
56
- }
57
- );
58
- BlocknativeGasPriceCardContent.displayName = "BlocknativeGasPriceCardContent";
59
-
60
- // src/components/Card/CardHeader.tsx
61
- import { GasPriceWitnessCardHeader } from "@xyo-network/react-gas-price";
62
- import { forwardRef as forwardRef2 } from "react";
63
-
64
- // src/components/lib/constants.ts
65
- var RenderTitle = "Blocknative Gas Tracker";
66
-
67
- // src/components/Card/CardHeader.tsx
68
- import { jsx as jsx2 } from "react/jsx-runtime";
69
- var BlocknativeGasPriceCardHeader = forwardRef2(({ payload }, ref) => {
70
- const gasPricePayload = payload ? payload : void 0;
71
- const parsedPayload = useBlocknativeTransformer(gasPricePayload);
72
- return /* @__PURE__ */ jsx2(GasPriceWitnessCardHeader, { title: RenderTitle, parsedPayload, ref });
73
- });
74
- BlocknativeGasPriceCardHeader.displayName = "BlocknativeGasPriceCardHeader";
75
-
76
- // src/components/Card/Card.tsx
77
- import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
78
- var BlocknativeGasPriceCard = forwardRef3(({ payload, ...props }, ref) => {
79
- return /* @__PURE__ */ jsxs2(Card, { ref, ...props, children: [
80
- /* @__PURE__ */ jsx3(BlocknativeGasPriceCardHeader, { payload }),
81
- /* @__PURE__ */ jsx3(BlocknativeGasPriceCardContent, { payload })
82
- ] });
83
- });
84
- BlocknativeGasPriceCard.displayName = "BlocknativeGasPriceCard";
85
-
86
- // src/components/Details/Box/BlocknativeGasPriceDetailsBox.tsx
87
- import { Grid as Grid2 } from "@mui/material";
88
- import { isEmpty as isEmpty2 } from "@xylabs/lodash";
89
- import { FlexCol } from "@xylabs/react-flexbox";
90
- import { GasFeeCard as GasFeeCard2, GasPriceWitnessHeaderBox, ToggleRawPayloadBox as ToggleRawPayloadBox2 } from "@xyo-network/react-gas-price";
91
- import { PayloadDataMissing as PayloadDataMissing2 } from "@xyo-network/react-shared";
92
- import { forwardRef as forwardRef4 } from "react";
93
- import { Fragment, jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
94
- var BlocknativeGasPriceDetailsBox = forwardRef4(
95
- // eslint-disable-next-line @typescript-eslint/no-unused-vars
96
- ({ payload, listMode, ...props }, ref) => {
97
- const gasPricePayload = payload ? payload : void 0;
98
- const parsedPayload = useBlocknativeTransformer(gasPricePayload);
99
- return /* @__PURE__ */ jsx4(Fragment, { children: isEmpty2(gasPricePayload) || !gasPricePayload.blockPrices?.length ? /* @__PURE__ */ jsx4(PayloadDataMissing2, { alertBody: "Payload is missing valid gas fee data." }) : /* @__PURE__ */ jsxs3(FlexCol, { alignItems: "start", rowGap: 4, ...props, ref, children: [
100
- /* @__PURE__ */ jsx4(GasPriceWitnessHeaderBox, { heading: RenderTitle, parsedPayload }),
101
- /* @__PURE__ */ jsx4(Grid2, { container: true, spacing: 3, columns: { lg: 15, md: 15, sm: 12, xs: 12 }, children: parsedPayload && parsedPayload?.gasPrice?.map(({ price, priorityFee }) => /* @__PURE__ */ jsx4(Grid2, { item: true, xs: 12, sm: 6, md: 5, lg: 3, children: /* @__PURE__ */ jsx4(
102
- GasFeeCard2,
103
- {
104
- gasPrice: price?.value,
105
- speed: price?.label,
106
- priorityFee: priorityFee?.value,
107
- priorityFeeLabel: priorityFee?.label
108
- },
109
- price?.label
110
- ) }, price?.label)) }),
111
- /* @__PURE__ */ jsx4(ToggleRawPayloadBox2, { gasPricePayload, alignItems: "start" })
112
- ] }) });
113
- }
114
- );
115
- BlocknativeGasPriceDetailsBox.displayName = "BlocknativeGasPriceDetailsBox";
116
-
117
- // src/Plugin.ts
118
- import { EthereumGasBlocknativeSchema } from "@xyo-network/blocknative-ethereum-gas-payload-plugin";
119
- import { EthereumGasPriceAvatar } from "@xyo-network/react-gas-price";
120
- import { createPayloadRenderPlugin } from "@xyo-network/react-payload-plugin";
121
- var EthereumGasPriceBlocknativePlugin = {
122
- ...createPayloadRenderPlugin({
123
- canRender: (payload) => payload?.schema === EthereumGasBlocknativeSchema,
124
- components: {
125
- avatar: {
126
- image: EthereumGasPriceAvatar
127
- },
128
- box: {
129
- detailsBox: BlocknativeGasPriceDetailsBox
130
- },
131
- card: {
132
- content: BlocknativeGasPriceCardContent,
133
- header: BlocknativeGasPriceCardHeader
134
- }
135
- },
136
- name: "Ethereum Gas Price Blocknative"
137
- })
138
- };
139
- export {
140
- BlocknativeGasPriceCard,
141
- BlocknativeGasPriceCardContent,
142
- BlocknativeGasPriceCardHeader,
143
- BlocknativeGasPriceDetailsBox,
144
- EthereumGasPriceBlocknativePlugin,
145
- EthereumGasPriceBlocknativePlugin as default
146
- };
147
- //# 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","../../src/components/Details/Box/BlocknativeGasPriceDetailsBox.tsx","../../src/Plugin.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.js'\nimport { BlocknativeGasPriceCardHeader } from './CardHeader.js'\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/index.js'\n\nexport const BlocknativeGasPriceCardContent = forwardRef<HTMLDivElement, Omit<PayloadRenderProps & CardContentProps, 'ref'>>(\n ({ 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)\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/index.js'\nimport { RenderTitle } from '../lib/index.js'\n\nexport const BlocknativeGasPriceCardHeader = forwardRef<HTMLDivElement, PayloadRenderProps & CardHeaderProps>(({ payload }, ref) => {\n const gasPricePayload = payload ? (payload as EthereumGasBlocknativePayload) : undefined\n const parsedPayload = useBlocknativeTransformer(gasPricePayload)\n return <GasPriceWitnessCardHeader title={RenderTitle} parsedPayload={parsedPayload} ref={ref} />\n})\n\nBlocknativeGasPriceCardHeader.displayName = 'BlocknativeGasPriceCardHeader'\n","export const RenderTitle = 'Blocknative Gas Tracker'\n","import { Grid } from '@mui/material'\nimport { isEmpty } from '@xylabs/lodash'\nimport { FlexBoxProps, FlexCol } from '@xylabs/react-flexbox'\nimport { EthereumGasBlocknativePayload } from '@xyo-network/blocknative-ethereum-gas-payload-plugin'\nimport { GasFeeCard, GasPriceWitnessHeaderBox, ToggleRawPayloadBox } from '@xyo-network/react-gas-price'\nimport { PayloadDetailsRenderProps } from '@xyo-network/react-payload-plugin'\nimport { PayloadDataMissing } from '@xyo-network/react-shared'\nimport { forwardRef } from 'react'\n\nimport { useBlocknativeTransformer } from '../../hooks/index.js'\nimport { RenderTitle } from '../../lib/index.js'\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 : <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 { EthereumGasBlocknativeSchema } from '@xyo-network/blocknative-ethereum-gas-payload-plugin'\nimport { Payload } from '@xyo-network/payload-model'\nimport { EthereumGasPriceAvatar } from '@xyo-network/react-gas-price'\nimport { createPayloadRenderPlugin, PayloadRenderPlugin } from '@xyo-network/react-payload-plugin'\n\nimport { BlocknativeGasPriceCardContent, BlocknativeGasPriceCardHeader, BlocknativeGasPriceDetailsBox } from './components/index.js'\n\nexport const EthereumGasPriceBlocknativePlugin: PayloadRenderPlugin = {\n ...createPayloadRenderPlugin({\n canRender: (payload?: Payload) => payload?.schema === EthereumGasBlocknativeSchema,\n components: {\n avatar: {\n image: EthereumGasPriceAvatar,\n },\n box: {\n detailsBox: BlocknativeGasPriceDetailsBox,\n },\n card: {\n content: BlocknativeGasPriceCardContent,\n header: BlocknativeGasPriceCardHeader,\n },\n },\n name: 'Ethereum Gas Price Blocknative',\n }),\n}\n"],"mappings":"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","names":["forwardRef","forwardRef","jsx","forwardRef","jsx","jsxs","forwardRef","Grid","isEmpty","GasFeeCard","ToggleRawPayloadBox","PayloadDataMissing","forwardRef","jsx","jsxs","forwardRef","isEmpty","PayloadDataMissing","Grid","GasFeeCard","ToggleRawPayloadBox"]}
@@ -1,147 +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(
46
- ({ payload, ...props }, ref) => {
47
- const gasPricePayload = payload ? payload : void 0;
48
- const parsedPayload = useBlocknativeTransformer(gasPricePayload);
49
- if (isEmpty(gasPricePayload) || !gasPricePayload.blockPrices?.length) {
50
- return /* @__PURE__ */ jsx(PayloadDataMissing, { alertBody: "Payload is missing valid gas fee data.", sx: { m: 1 } });
51
- }
52
- return /* @__PURE__ */ jsxs(CardContent, { ref, sx: { display: "flex", flexDirection: "column", rowGap: 4 }, ...props, children: [
53
- /* @__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)) }),
54
- /* @__PURE__ */ jsx(ToggleRawPayloadBox, { gasPricePayload, alignItems: "start", pr: 1 })
55
- ] });
56
- }
57
- );
58
- BlocknativeGasPriceCardContent.displayName = "BlocknativeGasPriceCardContent";
59
-
60
- // src/components/Card/CardHeader.tsx
61
- import { GasPriceWitnessCardHeader } from "@xyo-network/react-gas-price";
62
- import { forwardRef as forwardRef2 } from "react";
63
-
64
- // src/components/lib/constants.ts
65
- var RenderTitle = "Blocknative Gas Tracker";
66
-
67
- // src/components/Card/CardHeader.tsx
68
- import { jsx as jsx2 } from "react/jsx-runtime";
69
- var BlocknativeGasPriceCardHeader = forwardRef2(({ payload }, ref) => {
70
- const gasPricePayload = payload ? payload : void 0;
71
- const parsedPayload = useBlocknativeTransformer(gasPricePayload);
72
- return /* @__PURE__ */ jsx2(GasPriceWitnessCardHeader, { title: RenderTitle, parsedPayload, ref });
73
- });
74
- BlocknativeGasPriceCardHeader.displayName = "BlocknativeGasPriceCardHeader";
75
-
76
- // src/components/Card/Card.tsx
77
- import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
78
- var BlocknativeGasPriceCard = forwardRef3(({ payload, ...props }, ref) => {
79
- return /* @__PURE__ */ jsxs2(Card, { ref, ...props, children: [
80
- /* @__PURE__ */ jsx3(BlocknativeGasPriceCardHeader, { payload }),
81
- /* @__PURE__ */ jsx3(BlocknativeGasPriceCardContent, { payload })
82
- ] });
83
- });
84
- BlocknativeGasPriceCard.displayName = "BlocknativeGasPriceCard";
85
-
86
- // src/components/Details/Box/BlocknativeGasPriceDetailsBox.tsx
87
- import { Grid as Grid2 } from "@mui/material";
88
- import { isEmpty as isEmpty2 } from "@xylabs/lodash";
89
- import { FlexCol } from "@xylabs/react-flexbox";
90
- import { GasFeeCard as GasFeeCard2, GasPriceWitnessHeaderBox, ToggleRawPayloadBox as ToggleRawPayloadBox2 } from "@xyo-network/react-gas-price";
91
- import { PayloadDataMissing as PayloadDataMissing2 } from "@xyo-network/react-shared";
92
- import { forwardRef as forwardRef4 } from "react";
93
- import { Fragment, jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
94
- var BlocknativeGasPriceDetailsBox = forwardRef4(
95
- // eslint-disable-next-line @typescript-eslint/no-unused-vars
96
- ({ payload, listMode, ...props }, ref) => {
97
- const gasPricePayload = payload ? payload : void 0;
98
- const parsedPayload = useBlocknativeTransformer(gasPricePayload);
99
- return /* @__PURE__ */ jsx4(Fragment, { children: isEmpty2(gasPricePayload) || !gasPricePayload.blockPrices?.length ? /* @__PURE__ */ jsx4(PayloadDataMissing2, { alertBody: "Payload is missing valid gas fee data." }) : /* @__PURE__ */ jsxs3(FlexCol, { alignItems: "start", rowGap: 4, ...props, ref, children: [
100
- /* @__PURE__ */ jsx4(GasPriceWitnessHeaderBox, { heading: RenderTitle, parsedPayload }),
101
- /* @__PURE__ */ jsx4(Grid2, { container: true, spacing: 3, columns: { lg: 15, md: 15, sm: 12, xs: 12 }, children: parsedPayload && parsedPayload?.gasPrice?.map(({ price, priorityFee }) => /* @__PURE__ */ jsx4(Grid2, { item: true, xs: 12, sm: 6, md: 5, lg: 3, children: /* @__PURE__ */ jsx4(
102
- GasFeeCard2,
103
- {
104
- gasPrice: price?.value,
105
- speed: price?.label,
106
- priorityFee: priorityFee?.value,
107
- priorityFeeLabel: priorityFee?.label
108
- },
109
- price?.label
110
- ) }, price?.label)) }),
111
- /* @__PURE__ */ jsx4(ToggleRawPayloadBox2, { gasPricePayload, alignItems: "start" })
112
- ] }) });
113
- }
114
- );
115
- BlocknativeGasPriceDetailsBox.displayName = "BlocknativeGasPriceDetailsBox";
116
-
117
- // src/Plugin.ts
118
- import { EthereumGasBlocknativeSchema } from "@xyo-network/blocknative-ethereum-gas-payload-plugin";
119
- import { EthereumGasPriceAvatar } from "@xyo-network/react-gas-price";
120
- import { createPayloadRenderPlugin } from "@xyo-network/react-payload-plugin";
121
- var EthereumGasPriceBlocknativePlugin = {
122
- ...createPayloadRenderPlugin({
123
- canRender: (payload) => payload?.schema === EthereumGasBlocknativeSchema,
124
- components: {
125
- avatar: {
126
- image: EthereumGasPriceAvatar
127
- },
128
- box: {
129
- detailsBox: BlocknativeGasPriceDetailsBox
130
- },
131
- card: {
132
- content: BlocknativeGasPriceCardContent,
133
- header: BlocknativeGasPriceCardHeader
134
- }
135
- },
136
- name: "Ethereum Gas Price Blocknative"
137
- })
138
- };
139
- export {
140
- BlocknativeGasPriceCard,
141
- BlocknativeGasPriceCardContent,
142
- BlocknativeGasPriceCardHeader,
143
- BlocknativeGasPriceDetailsBox,
144
- EthereumGasPriceBlocknativePlugin,
145
- EthereumGasPriceBlocknativePlugin as default
146
- };
147
- //# sourceMappingURL=index.js.map