@xyo-network/react-ethereum-gas-price-blocknative-plugin 2.77.0 → 2.77.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/browser/index.cjs +1 -169
- package/dist/browser/index.cjs.map +1 -1
- package/dist/browser/index.js +1 -146
- package/dist/browser/index.js.map +1 -1
- package/dist/neutral/index.cjs +1 -169
- package/dist/neutral/index.cjs.map +1 -1
- package/dist/neutral/index.js +1 -146
- package/dist/neutral/index.js.map +1 -1
- package/dist/node/index.cjs +1 -180
- package/dist/node/index.cjs.map +1 -1
- package/dist/node/index.js +1 -149
- package/dist/node/index.js.map +1 -1
- package/package.json +7 -7
package/dist/browser/index.cjs
CHANGED
|
@@ -1,170 +1,2 @@
|
|
|
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/index.ts
|
|
21
|
-
var src_exports = {};
|
|
22
|
-
__export(src_exports, {
|
|
23
|
-
BlocknativeGasPriceCard: () => BlocknativeGasPriceCard,
|
|
24
|
-
BlocknativeGasPriceCardContent: () => BlocknativeGasPriceCardContent,
|
|
25
|
-
BlocknativeGasPriceCardHeader: () => BlocknativeGasPriceCardHeader,
|
|
26
|
-
BlocknativeGasPriceDetailsBox: () => BlocknativeGasPriceDetailsBox,
|
|
27
|
-
EthereumGasPriceBlocknativePlugin: () => EthereumGasPriceBlocknativePlugin,
|
|
28
|
-
default: () => EthereumGasPriceBlocknativePlugin
|
|
29
|
-
});
|
|
30
|
-
module.exports = __toCommonJS(src_exports);
|
|
31
|
-
|
|
32
|
-
// src/components/Card/Card.tsx
|
|
33
|
-
var import_material2 = require("@mui/material");
|
|
34
|
-
var import_react3 = require("react");
|
|
35
|
-
|
|
36
|
-
// src/components/Card/CardContent.tsx
|
|
37
|
-
var import_material = require("@mui/material");
|
|
38
|
-
var import_lodash = require("@xylabs/lodash");
|
|
39
|
-
var import_react_gas_price = require("@xyo-network/react-gas-price");
|
|
40
|
-
var import_react_shared = require("@xyo-network/react-shared");
|
|
41
|
-
var import_react = require("react");
|
|
42
|
-
|
|
43
|
-
// src/components/hooks/useBlocknativeTransformer.tsx
|
|
44
|
-
var useBlocknativeTransformer = (payload) => {
|
|
45
|
-
const blockPrices = payload?.blockPrices?.[0];
|
|
46
|
-
if (blockPrices && blockPrices.estimatedPrices?.length) {
|
|
47
|
-
const estimatedPrices = blockPrices?.estimatedPrices;
|
|
48
|
-
const gasPrice = estimatedPrices.map((price) => ({
|
|
49
|
-
price: {
|
|
50
|
-
label: `Confidence - ${price.confidence}`,
|
|
51
|
-
value: price.price
|
|
52
|
-
},
|
|
53
|
-
priorityFee: {
|
|
54
|
-
label: "maxPriorityFeePerGas",
|
|
55
|
-
value: price.maxPriorityFeePerGas
|
|
56
|
-
}
|
|
57
|
-
}));
|
|
58
|
-
return {
|
|
59
|
-
baseFee: {
|
|
60
|
-
label: "baseFeePerGas",
|
|
61
|
-
value: blockPrices.baseFeePerGas
|
|
62
|
-
},
|
|
63
|
-
blockNumber: {
|
|
64
|
-
label: "blockNumber",
|
|
65
|
-
value: blockPrices.blockNumber
|
|
66
|
-
},
|
|
67
|
-
gasPrice,
|
|
68
|
-
timestamp: payload.timestamp,
|
|
69
|
-
website: "https://docs.Blocknative.io/v5/api/providers/provider/#Provider-getFeeData"
|
|
70
|
-
};
|
|
71
|
-
}
|
|
72
|
-
};
|
|
73
|
-
|
|
74
|
-
// src/components/Card/CardContent.tsx
|
|
75
|
-
var import_jsx_runtime = require("react/jsx-runtime");
|
|
76
|
-
var BlocknativeGasPriceCardContent = (0, import_react.forwardRef)(
|
|
77
|
-
({ payload, ...props }, ref) => {
|
|
78
|
-
const gasPricePayload = payload ? payload : void 0;
|
|
79
|
-
const parsedPayload = useBlocknativeTransformer(gasPricePayload);
|
|
80
|
-
if ((0, import_lodash.isEmpty)(gasPricePayload) || !gasPricePayload.blockPrices?.length) {
|
|
81
|
-
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_shared.PayloadDataMissing, { alertBody: "Payload is missing valid gas fee data.", sx: { m: 1 } });
|
|
82
|
-
}
|
|
83
|
-
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_material.CardContent, { ref, sx: { display: "flex", flexDirection: "column", rowGap: 4 }, ...props, children: [
|
|
84
|
-
/* @__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 }) => /* @__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)(import_react_gas_price.GasFeeCard, { gasPrice: price?.value, speed: price?.label, speedPaperElevation: 4 }) }, price?.label)) }),
|
|
85
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_gas_price.ToggleRawPayloadBox, { gasPricePayload, alignItems: "start", pr: 1 })
|
|
86
|
-
] });
|
|
87
|
-
}
|
|
88
|
-
);
|
|
89
|
-
BlocknativeGasPriceCardContent.displayName = "BlocknativeGasPriceCardContent";
|
|
90
|
-
|
|
91
|
-
// src/components/Card/CardHeader.tsx
|
|
92
|
-
var import_react_gas_price2 = require("@xyo-network/react-gas-price");
|
|
93
|
-
var import_react2 = require("react");
|
|
94
|
-
|
|
95
|
-
// src/components/lib/constants.ts
|
|
96
|
-
var RenderTitle = "Blocknative Gas Tracker";
|
|
97
|
-
|
|
98
|
-
// src/components/Card/CardHeader.tsx
|
|
99
|
-
var import_jsx_runtime2 = require("react/jsx-runtime");
|
|
100
|
-
var BlocknativeGasPriceCardHeader = (0, import_react2.forwardRef)(({ payload }, ref) => {
|
|
101
|
-
const gasPricePayload = payload ? payload : void 0;
|
|
102
|
-
const parsedPayload = useBlocknativeTransformer(gasPricePayload);
|
|
103
|
-
return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_gas_price2.GasPriceWitnessCardHeader, { title: RenderTitle, parsedPayload, ref });
|
|
104
|
-
});
|
|
105
|
-
BlocknativeGasPriceCardHeader.displayName = "BlocknativeGasPriceCardHeader";
|
|
106
|
-
|
|
107
|
-
// src/components/Card/Card.tsx
|
|
108
|
-
var import_jsx_runtime3 = require("react/jsx-runtime");
|
|
109
|
-
var BlocknativeGasPriceCard = (0, import_react3.forwardRef)(({ payload, ...props }, ref) => {
|
|
110
|
-
return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_material2.Card, { ref, ...props, children: [
|
|
111
|
-
/* @__PURE__ */ (0, import_jsx_runtime3.jsx)(BlocknativeGasPriceCardHeader, { payload }),
|
|
112
|
-
/* @__PURE__ */ (0, import_jsx_runtime3.jsx)(BlocknativeGasPriceCardContent, { payload })
|
|
113
|
-
] });
|
|
114
|
-
});
|
|
115
|
-
BlocknativeGasPriceCard.displayName = "BlocknativeGasPriceCard";
|
|
116
|
-
|
|
117
|
-
// src/components/Details/Box/BlocknativeGasPriceDetailsBox.tsx
|
|
118
|
-
var import_material3 = require("@mui/material");
|
|
119
|
-
var import_lodash2 = require("@xylabs/lodash");
|
|
120
|
-
var import_react_flexbox = require("@xylabs/react-flexbox");
|
|
121
|
-
var import_react_gas_price3 = require("@xyo-network/react-gas-price");
|
|
122
|
-
var import_react_shared2 = require("@xyo-network/react-shared");
|
|
123
|
-
var import_react4 = require("react");
|
|
124
|
-
var import_jsx_runtime4 = require("react/jsx-runtime");
|
|
125
|
-
var BlocknativeGasPriceDetailsBox = (0, import_react4.forwardRef)(
|
|
126
|
-
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
127
|
-
({ payload, listMode, ...props }, ref) => {
|
|
128
|
-
const gasPricePayload = payload ? payload : void 0;
|
|
129
|
-
const parsedPayload = useBlocknativeTransformer(gasPricePayload);
|
|
130
|
-
return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_jsx_runtime4.Fragment, { children: (0, import_lodash2.isEmpty)(gasPricePayload) || !gasPricePayload.blockPrices?.length ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_shared2.PayloadDataMissing, { alertBody: "Payload is missing valid gas fee data." }) : /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_react_flexbox.FlexCol, { alignItems: "start", rowGap: 4, ...props, ref, children: [
|
|
131
|
-
/* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_gas_price3.GasPriceWitnessHeaderBox, { heading: RenderTitle, parsedPayload }),
|
|
132
|
-
/* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_material3.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_runtime4.jsx)(import_material3.Grid, { item: true, xs: 12, sm: 6, md: 5, lg: 3, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
|
|
133
|
-
import_react_gas_price3.GasFeeCard,
|
|
134
|
-
{
|
|
135
|
-
gasPrice: price?.value,
|
|
136
|
-
speed: price?.label,
|
|
137
|
-
priorityFee: priorityFee?.value,
|
|
138
|
-
priorityFeeLabel: priorityFee?.label
|
|
139
|
-
},
|
|
140
|
-
price?.label
|
|
141
|
-
) }, price?.label)) }),
|
|
142
|
-
/* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_gas_price3.ToggleRawPayloadBox, { gasPricePayload, alignItems: "start" })
|
|
143
|
-
] }) });
|
|
144
|
-
}
|
|
145
|
-
);
|
|
146
|
-
BlocknativeGasPriceDetailsBox.displayName = "BlocknativeGasPriceDetailsBox";
|
|
147
|
-
|
|
148
|
-
// src/Plugin.ts
|
|
149
|
-
var import_blocknative_ethereum_gas_payload_plugin = require("@xyo-network/blocknative-ethereum-gas-payload-plugin");
|
|
150
|
-
var import_react_gas_price4 = require("@xyo-network/react-gas-price");
|
|
151
|
-
var import_react_payload_plugin = require("@xyo-network/react-payload-plugin");
|
|
152
|
-
var EthereumGasPriceBlocknativePlugin = {
|
|
153
|
-
...(0, import_react_payload_plugin.createPayloadRenderPlugin)({
|
|
154
|
-
canRender: (payload) => payload?.schema === import_blocknative_ethereum_gas_payload_plugin.EthereumGasBlocknativeSchema,
|
|
155
|
-
components: {
|
|
156
|
-
avatar: {
|
|
157
|
-
image: import_react_gas_price4.EthereumGasPriceAvatar
|
|
158
|
-
},
|
|
159
|
-
box: {
|
|
160
|
-
detailsBox: BlocknativeGasPriceDetailsBox
|
|
161
|
-
},
|
|
162
|
-
card: {
|
|
163
|
-
content: BlocknativeGasPriceCardContent,
|
|
164
|
-
header: BlocknativeGasPriceCardHeader
|
|
165
|
-
}
|
|
166
|
-
},
|
|
167
|
-
name: "Ethereum Gas Price Blocknative"
|
|
168
|
-
})
|
|
169
|
-
};
|
|
1
|
+
"use strict";var B=Object.defineProperty;var U=Object.getOwnPropertyDescriptor;var A=Object.getOwnPropertyNames;var O=Object.prototype.hasOwnProperty;var S=(e,a)=>{for(var t in a)B(e,t,{get:a[t],enumerable:!0})},$=(e,a,t,o)=>{if(a&&typeof a=="object"||typeof a=="function")for(let r of A(a))!O.call(e,r)&&r!==t&&B(e,r,{get:()=>a[r],enumerable:!(o=U(a,r))||o.enumerable});return e};var q=e=>$(B({},"__esModule",{value:!0}),e);var z={};S(z,{BlocknativeGasPriceCard:()=>T,BlocknativeGasPriceCardContent:()=>m,BlocknativeGasPriceCardHeader:()=>n,BlocknativeGasPriceDetailsBox:()=>G,EthereumGasPriceBlocknativePlugin:()=>W,default:()=>W});module.exports=q(z);var R=require("@mui/material"),F=require("react");var c=require("@mui/material"),g=require("@xylabs/lodash"),y=require("@xyo-network/react-gas-price"),C=require("@xyo-network/react-shared"),x=require("react");var d=e=>{let a=e?.blockPrices?.[0];if(a&&a.estimatedPrices?.length){let o=(a?.estimatedPrices).map(r=>({price:{label:`Confidence - ${r.confidence}`,value:r.price},priorityFee:{label:"maxPriorityFeePerGas",value:r.maxPriorityFeePerGas}}));return{baseFee:{label:"baseFeePerGas",value:a.baseFeePerGas},blockNumber:{label:"blockNumber",value:a.blockNumber},gasPrice:o,timestamp:e.timestamp,website:"https://docs.Blocknative.io/v5/api/providers/provider/#Provider-getFeeData"}}};var s=require("react/jsx-runtime"),m=(0,x.forwardRef)(({payload:e,...a},t)=>{let o=e||void 0,r=d(o);return(0,g.isEmpty)(o)||!o.blockPrices?.length?(0,s.jsx)(C.PayloadDataMissing,{alertBody:"Payload is missing valid gas fee data.",sx:{m:1}}):(0,s.jsxs)(c.CardContent,{ref:t,sx:{display:"flex",flexDirection:"column",rowGap:4},...a,children:[(0,s.jsx)(c.Grid,{container:!0,spacing:3,columns:{lg:15,md:15,sm:12,xs:12},children:r&&r?.gasPrice?.map(({price:l})=>(0,s.jsx)(c.Grid,{item:!0,xs:12,sm:6,md:5,lg:3,children:(0,s.jsx)(y.GasFeeCard,{gasPrice:l?.value,speed:l?.label,speedPaperElevation:4})},l?.label))}),(0,s.jsx)(y.ToggleRawPayloadBox,{gasPricePayload:o,alignItems:"start",pr:1})]})});m.displayName="BlocknativeGasPriceCardContent";var b=require("@xyo-network/react-gas-price"),h=require("react");var v="Blocknative Gas Tracker";var E=require("react/jsx-runtime"),n=(0,h.forwardRef)(({payload:e},a)=>{let o=d(e||void 0);return(0,E.jsx)(b.GasPriceWitnessCardHeader,{title:v,parsedPayload:o,ref:a})});n.displayName="BlocknativeGasPriceCardHeader";var p=require("react/jsx-runtime"),T=(0,F.forwardRef)(({payload:e,...a},t)=>(0,p.jsxs)(R.Card,{ref:t,...a,children:[(0,p.jsx)(n,{payload:e}),(0,p.jsx)(m,{payload:e})]}));T.displayName="BlocknativeGasPriceCard";var u=require("@mui/material"),D=require("@xylabs/lodash"),H=require("@xylabs/react-flexbox"),P=require("@xyo-network/react-gas-price"),w=require("@xyo-network/react-shared"),M=require("react");var i=require("react/jsx-runtime"),G=(0,M.forwardRef)(({payload:e,listMode:a,...t},o)=>{let r=e||void 0,l=d(r);return(0,i.jsx)(i.Fragment,{children:(0,D.isEmpty)(r)||!r.blockPrices?.length?(0,i.jsx)(w.PayloadDataMissing,{alertBody:"Payload is missing valid gas fee data."}):(0,i.jsxs)(H.FlexCol,{alignItems:"start",rowGap:4,...t,ref:o,children:[(0,i.jsx)(P.GasPriceWitnessHeaderBox,{heading:v,parsedPayload:l}),(0,i.jsx)(u.Grid,{container:!0,spacing:3,columns:{lg:15,md:15,sm:12,xs:12},children:l&&l?.gasPrice?.map(({price:f,priorityFee:k})=>(0,i.jsx)(u.Grid,{item:!0,xs:12,sm:6,md:5,lg:3,children:(0,i.jsx)(P.GasFeeCard,{gasPrice:f?.value,speed:f?.label,priorityFee:k?.value,priorityFeeLabel:k?.label},f?.label)},f?.label))}),(0,i.jsx)(P.ToggleRawPayloadBox,{gasPricePayload:r,alignItems:"start"})]})})});G.displayName="BlocknativeGasPriceDetailsBox";var N=require("@xyo-network/blocknative-ethereum-gas-payload-plugin"),I=require("@xyo-network/react-gas-price"),L=require("@xyo-network/react-payload-plugin");var W={...(0,L.createPayloadRenderPlugin)({canRender:e=>e?.schema===N.EthereumGasBlocknativeSchema,components:{avatar:{image:I.EthereumGasPriceAvatar},box:{detailsBox:G},card:{content:m,header:n}},name:"Ethereum Gas Price Blocknative"})};
|
|
170
2
|
//# sourceMappingURL=index.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/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","../../src/components/Details/Box/BlocknativeGasPriceDetailsBox.tsx","../../src/Plugin.ts"],"sourcesContent":["export * from './components'\nexport * from './Plugin'\n\n// eslint-disable-next-line import/no-default-export\n\nexport { EthereumGasPriceBlocknativePlugin as default } from './Plugin'\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, 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'\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","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 : <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'\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":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;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;;;ADhBa;AANN,IAAM,qCAAiC;AAAA,EAC5C,CAAC,EAAE,SAAS,GAAG,MAAM,GAAG,QAAQ;AAC9B,UAAM,kBAAkB,UAAW,UAA4C;AAC/E,UAAM,gBAAgB,0BAA0B,eAAe;AAE/D,YAAI,uBAAQ,eAAe,KAAK,CAAC,gBAAgB,aAAa,QAAQ;AACpE,aAAO,4CAAC,0CAAmB,WAAU,0CAAyC,IAAI,EAAE,GAAG,EAAE,GAAG;AAAA,IAC9F;AAEA,WACE,6CAAC,+BAAY,KAAU,IAAI,EAAE,SAAS,QAAQ,eAAe,UAAU,QAAQ,EAAE,GAAI,GAAG,OACtF;AAAA,kDAAC,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,MACA,4CAAC,8CAAoB,iBAAkC,YAAW,SAAQ,IAAI,GAAG;AAAA,OACnF;AAAA,EAEJ;AACF;AAEA,+BAA+B,cAAc;;;AEjC7C,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;;;AKhBtC,IAAAC,mBAAqB;AACrB,IAAAC,iBAAwB;AACxB,2BAAsC;AAEtC,IAAAC,0BAA0E;AAE1E,IAAAC,uBAAmC;AACnC,IAAAC,gBAA2B;AAYrB,IAAAC,sBAAA;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,6EACG,sCAAQ,eAAe,KAAK,CAAC,gBAAgB,aAAa,SACzD,6CAAC,2CAAmB,WAAU,0CAAyC,IACvE,8CAAC,gCAAQ,YAAW,SAAQ,QAAQ,GAAI,GAAG,OAAO,KAChD;AAAA,mDAAC,oDAAyB,SAAS,aAAa,eAA8B;AAAA,MAC9E,6CAAC,yBAAK,WAAS,MAAC,SAAS,GAAG,SAAS,EAAE,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,GAAG,GACnE,2BACC,eAAe,UAAU,IAAI,CAAC,EAAE,OAAO,YAAY,MACjD,6CAAC,yBAAwB,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,6CAAC,+CAAoB,iBAAkC,YAAW,SAAQ;AAAA,OAC5E,GAEJ;AAAA,EAEJ;AACF;AAEA,8BAA8B,cAAc;;;AC9C5C,qDAA6C;AAE7C,IAAAC,0BAAuC;AACvC,kCAA+D;AAIxD,IAAM,oCAAyD;AAAA,EACpE,OAAG,uDAA0B;AAAA,IAC3B,WAAW,CAAC,YAAsB,SAAS,WAAW;AAAA,IACtD,YAAY;AAAA,MACV,QAAQ;AAAA,QACN,OAAO;AAAA,MACT;AAAA,MACA,KAAK;AAAA,QACH,YAAY;AAAA,MACd;AAAA,MACA,MAAM;AAAA,QACJ,SAAS;AAAA,QACT,QAAQ;AAAA,MACV;AAAA,IACF;AAAA,IACA,MAAM;AAAA,EACR,CAAC;AACH;","names":["import_material","import_react","import_react_gas_price","import_react","import_jsx_runtime","import_jsx_runtime","import_material","import_lodash","import_react_gas_price","import_react_shared","import_react","import_jsx_runtime","import_react_gas_price"]}
|
|
1
|
+
{"version":3,"sources":["../../src/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","../../src/components/Details/Box/BlocknativeGasPriceDetailsBox.tsx","../../src/Plugin.ts"],"sourcesContent":["export * from './components'\nexport * from './Plugin'\n\n// eslint-disable-next-line import/no-default-export\n\nexport { EthereumGasPriceBlocknativePlugin as default } from './Plugin'\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, 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'\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","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 : <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'\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":["src_exports","__export","BlocknativeGasPriceCard","BlocknativeGasPriceCardContent","BlocknativeGasPriceCardHeader","BlocknativeGasPriceDetailsBox","EthereumGasPriceBlocknativePlugin","__toCommonJS","import_material","import_react","import_material","import_lodash","import_react_gas_price","import_react_shared","import_react","useBlocknativeTransformer","payload","blockPrices","gasPrice","price","import_jsx_runtime","BlocknativeGasPriceCardContent","payload","props","ref","gasPricePayload","parsedPayload","useBlocknativeTransformer","price","import_react_gas_price","import_react","RenderTitle","import_jsx_runtime","BlocknativeGasPriceCardHeader","payload","ref","parsedPayload","useBlocknativeTransformer","RenderTitle","import_jsx_runtime","BlocknativeGasPriceCard","payload","props","ref","BlocknativeGasPriceCardHeader","BlocknativeGasPriceCardContent","import_material","import_lodash","import_react_flexbox","import_react_gas_price","import_react_shared","import_react","import_jsx_runtime","BlocknativeGasPriceDetailsBox","payload","listMode","props","ref","gasPricePayload","parsedPayload","useBlocknativeTransformer","RenderTitle","price","priorityFee","import_blocknative_ethereum_gas_payload_plugin","import_react_gas_price","import_react_payload_plugin","EthereumGasPriceBlocknativePlugin","payload","BlocknativeGasPriceDetailsBox","BlocknativeGasPriceCardContent","BlocknativeGasPriceCardHeader"]}
|
package/dist/browser/index.js
CHANGED
|
@@ -1,147 +1,2 @@
|
|
|
1
|
-
|
|
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
|
-
};
|
|
1
|
+
import{Card as F}from"@mui/material";import{forwardRef as T}from"react";import{CardContent as B,Grid as y}from"@mui/material";import{isEmpty as u}from"@xylabs/lodash";import{GasFeeCard as k,ToggleRawPayloadBox as g}from"@xyo-network/react-gas-price";import{PayloadDataMissing as C}from"@xyo-network/react-shared";import{forwardRef as x}from"react";var l=e=>{let a=e?.blockPrices?.[0];if(a&&a.estimatedPrices?.length){let o=(a?.estimatedPrices).map(r=>({price:{label:`Confidence - ${r.confidence}`,value:r.price},priorityFee:{label:"maxPriorityFeePerGas",value:r.maxPriorityFeePerGas}}));return{baseFee:{label:"baseFeePerGas",value:a.baseFeePerGas},blockNumber:{label:"blockNumber",value:a.blockNumber},gasPrice:o,timestamp:e.timestamp,website:"https://docs.Blocknative.io/v5/api/providers/provider/#Provider-getFeeData"}}};import{jsx as d,jsxs as b}from"react/jsx-runtime";var m=x(({payload:e,...a},t)=>{let o=e||void 0,r=l(o);return u(o)||!o.blockPrices?.length?d(C,{alertBody:"Payload is missing valid gas fee data.",sx:{m:1}}):b(B,{ref:t,sx:{display:"flex",flexDirection:"column",rowGap:4},...a,children:[d(y,{container:!0,spacing:3,columns:{lg:15,md:15,sm:12,xs:12},children:r&&r?.gasPrice?.map(({price:i})=>d(y,{item:!0,xs:12,sm:6,md:5,lg:3,children:d(k,{gasPrice:i?.value,speed:i?.label,speedPaperElevation:4})},i?.label))}),d(g,{gasPricePayload:o,alignItems:"start",pr:1})]})});m.displayName="BlocknativeGasPriceCardContent";import{GasPriceWitnessCardHeader as h}from"@xyo-network/react-gas-price";import{forwardRef as E}from"react";var c="Blocknative Gas Tracker";import{jsx as R}from"react/jsx-runtime";var n=E(({payload:e},a)=>{let o=l(e||void 0);return R(h,{title:c,parsedPayload:o,ref:a})});n.displayName="BlocknativeGasPriceCardHeader";import{jsx as v,jsxs as H}from"react/jsx-runtime";var D=T(({payload:e,...a},t)=>H(F,{ref:t,...a,children:[v(n,{payload:e}),v(m,{payload:e})]}));D.displayName="BlocknativeGasPriceCard";import{Grid as G}from"@mui/material";import{isEmpty as w}from"@xylabs/lodash";import{FlexCol as M}from"@xylabs/react-flexbox";import{GasFeeCard as N,GasPriceWitnessHeaderBox as I,ToggleRawPayloadBox as L}from"@xyo-network/react-gas-price";import{PayloadDataMissing as W}from"@xyo-network/react-shared";import{forwardRef as U}from"react";import{Fragment as O,jsx as s,jsxs as A}from"react/jsx-runtime";var p=U(({payload:e,listMode:a,...t},o)=>{let r=e||void 0,i=l(r);return s(O,{children:w(r)||!r.blockPrices?.length?s(W,{alertBody:"Payload is missing valid gas fee data."}):A(M,{alignItems:"start",rowGap:4,...t,ref:o,children:[s(I,{heading:c,parsedPayload:i}),s(G,{container:!0,spacing:3,columns:{lg:15,md:15,sm:12,xs:12},children:i&&i?.gasPrice?.map(({price:P,priorityFee:f})=>s(G,{item:!0,xs:12,sm:6,md:5,lg:3,children:s(N,{gasPrice:P?.value,speed:P?.label,priorityFee:f?.value,priorityFeeLabel:f?.label},P?.label)},P?.label))}),s(L,{gasPricePayload:r,alignItems:"start"})]})})});p.displayName="BlocknativeGasPriceDetailsBox";import{EthereumGasBlocknativeSchema as S}from"@xyo-network/blocknative-ethereum-gas-payload-plugin";import{EthereumGasPriceAvatar as $}from"@xyo-network/react-gas-price";import{createPayloadRenderPlugin as q}from"@xyo-network/react-payload-plugin";var z={...q({canRender:e=>e?.schema===S,components:{avatar:{image:$},box:{detailsBox:p},card:{content:m,header:n}},name:"Ethereum Gas Price Blocknative"})};export{D as BlocknativeGasPriceCard,m as BlocknativeGasPriceCardContent,n as BlocknativeGasPriceCardHeader,p as BlocknativeGasPriceDetailsBox,z as EthereumGasPriceBlocknativePlugin,z as default};
|
|
147
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
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'\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, 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'\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","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 : <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'\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
|
+
{"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'\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, 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'\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","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 : <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'\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":["Card","forwardRef","CardContent","Grid","isEmpty","GasFeeCard","ToggleRawPayloadBox","PayloadDataMissing","forwardRef","useBlocknativeTransformer","payload","blockPrices","gasPrice","price","jsx","jsxs","BlocknativeGasPriceCardContent","forwardRef","payload","props","ref","gasPricePayload","parsedPayload","useBlocknativeTransformer","isEmpty","PayloadDataMissing","CardContent","Grid","price","GasFeeCard","ToggleRawPayloadBox","GasPriceWitnessCardHeader","forwardRef","RenderTitle","jsx","BlocknativeGasPriceCardHeader","forwardRef","payload","ref","parsedPayload","useBlocknativeTransformer","GasPriceWitnessCardHeader","RenderTitle","jsx","jsxs","BlocknativeGasPriceCard","forwardRef","payload","props","ref","Card","BlocknativeGasPriceCardHeader","BlocknativeGasPriceCardContent","Grid","isEmpty","FlexCol","GasFeeCard","GasPriceWitnessHeaderBox","ToggleRawPayloadBox","PayloadDataMissing","forwardRef","Fragment","jsx","jsxs","BlocknativeGasPriceDetailsBox","forwardRef","payload","listMode","props","ref","gasPricePayload","parsedPayload","useBlocknativeTransformer","isEmpty","PayloadDataMissing","FlexCol","GasPriceWitnessHeaderBox","RenderTitle","Grid","price","priorityFee","GasFeeCard","ToggleRawPayloadBox","EthereumGasBlocknativeSchema","EthereumGasPriceAvatar","createPayloadRenderPlugin","EthereumGasPriceBlocknativePlugin","createPayloadRenderPlugin","payload","EthereumGasBlocknativeSchema","EthereumGasPriceAvatar","BlocknativeGasPriceDetailsBox","BlocknativeGasPriceCardContent","BlocknativeGasPriceCardHeader"]}
|