@xyo-network/react-ethereum-gas-price-blocknative-plugin 2.75.7 → 2.76.1
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/neutral/Plugin.d.cts +3 -0
- package/dist/neutral/Plugin.d.cts.map +1 -0
- package/dist/neutral/Plugin.d.mts +3 -0
- package/dist/neutral/Plugin.d.mts.map +1 -0
- package/dist/neutral/Plugin.d.ts +3 -0
- package/dist/neutral/Plugin.d.ts.map +1 -0
- package/dist/neutral/components/Card/Card.d.cts +10 -0
- package/dist/neutral/components/Card/Card.d.cts.map +1 -0
- package/dist/neutral/components/Card/Card.d.mts +10 -0
- package/dist/neutral/components/Card/Card.d.mts.map +1 -0
- package/dist/neutral/components/Card/Card.d.ts +10 -0
- package/dist/neutral/components/Card/Card.d.ts.map +1 -0
- package/dist/neutral/components/Card/CardContent.d.cts +10 -0
- package/dist/neutral/components/Card/CardContent.d.cts.map +1 -0
- package/dist/neutral/components/Card/CardContent.d.mts +10 -0
- package/dist/neutral/components/Card/CardContent.d.mts.map +1 -0
- package/dist/neutral/components/Card/CardContent.d.ts +10 -0
- package/dist/neutral/components/Card/CardContent.d.ts.map +1 -0
- package/dist/neutral/components/Card/CardHeader.d.cts +8 -0
- package/dist/neutral/components/Card/CardHeader.d.cts.map +1 -0
- package/dist/neutral/components/Card/CardHeader.d.mts +8 -0
- package/dist/neutral/components/Card/CardHeader.d.mts.map +1 -0
- package/dist/neutral/components/Card/CardHeader.d.ts +8 -0
- package/dist/neutral/components/Card/CardHeader.d.ts.map +1 -0
- package/dist/neutral/components/Card/index.d.cts +4 -0
- package/dist/neutral/components/Card/index.d.cts.map +1 -0
- package/dist/neutral/components/Card/index.d.mts +4 -0
- package/dist/neutral/components/Card/index.d.mts.map +1 -0
- package/dist/neutral/components/Card/index.d.ts +4 -0
- package/dist/neutral/components/Card/index.d.ts.map +1 -0
- package/dist/neutral/components/Details/Box/BlocknativeGasPriceDetailsBox.d.cts +4 -0
- package/dist/neutral/components/Details/Box/BlocknativeGasPriceDetailsBox.d.cts.map +1 -0
- package/dist/neutral/components/Details/Box/BlocknativeGasPriceDetailsBox.d.mts +4 -0
- package/dist/neutral/components/Details/Box/BlocknativeGasPriceDetailsBox.d.mts.map +1 -0
- package/dist/neutral/components/Details/Box/BlocknativeGasPriceDetailsBox.d.ts +4 -0
- package/dist/neutral/components/Details/Box/BlocknativeGasPriceDetailsBox.d.ts.map +1 -0
- package/dist/neutral/components/Details/Box/index.d.cts +2 -0
- package/dist/neutral/components/Details/Box/index.d.cts.map +1 -0
- package/dist/neutral/components/Details/Box/index.d.mts +2 -0
- package/dist/neutral/components/Details/Box/index.d.mts.map +1 -0
- package/dist/neutral/components/Details/Box/index.d.ts +2 -0
- package/dist/neutral/components/Details/Box/index.d.ts.map +1 -0
- package/dist/neutral/components/Details/index.d.cts +2 -0
- package/dist/neutral/components/Details/index.d.cts.map +1 -0
- package/dist/neutral/components/Details/index.d.mts +2 -0
- package/dist/neutral/components/Details/index.d.mts.map +1 -0
- package/dist/neutral/components/Details/index.d.ts +2 -0
- package/dist/neutral/components/Details/index.d.ts.map +1 -0
- package/dist/neutral/components/hooks/index.d.cts +2 -0
- package/dist/neutral/components/hooks/index.d.cts.map +1 -0
- package/dist/neutral/components/hooks/index.d.mts +2 -0
- package/dist/neutral/components/hooks/index.d.mts.map +1 -0
- package/dist/neutral/components/hooks/index.d.ts +2 -0
- package/dist/neutral/components/hooks/index.d.ts.map +1 -0
- package/dist/neutral/components/hooks/useBlocknativeTransformer.d.cts +4 -0
- package/dist/neutral/components/hooks/useBlocknativeTransformer.d.cts.map +1 -0
- package/dist/neutral/components/hooks/useBlocknativeTransformer.d.mts +4 -0
- package/dist/neutral/components/hooks/useBlocknativeTransformer.d.mts.map +1 -0
- package/dist/neutral/components/hooks/useBlocknativeTransformer.d.ts +4 -0
- package/dist/neutral/components/hooks/useBlocknativeTransformer.d.ts.map +1 -0
- package/dist/neutral/components/index.d.cts +3 -0
- package/dist/neutral/components/index.d.cts.map +1 -0
- package/dist/neutral/components/index.d.mts +3 -0
- package/dist/neutral/components/index.d.mts.map +1 -0
- package/dist/neutral/components/index.d.ts +3 -0
- package/dist/neutral/components/index.d.ts.map +1 -0
- package/dist/neutral/components/lib/constants.d.cts +2 -0
- package/dist/neutral/components/lib/constants.d.cts.map +1 -0
- package/dist/neutral/components/lib/constants.d.mts +2 -0
- package/dist/neutral/components/lib/constants.d.mts.map +1 -0
- package/dist/neutral/components/lib/constants.d.ts +2 -0
- package/dist/neutral/components/lib/constants.d.ts.map +1 -0
- package/dist/neutral/components/lib/index.d.cts +2 -0
- package/dist/neutral/components/lib/index.d.cts.map +1 -0
- package/dist/neutral/components/lib/index.d.mts +2 -0
- package/dist/neutral/components/lib/index.d.mts.map +1 -0
- package/dist/neutral/components/lib/index.d.ts +2 -0
- package/dist/neutral/components/lib/index.d.ts.map +1 -0
- package/dist/neutral/index.cjs +170 -0
- package/dist/neutral/index.cjs.map +1 -0
- package/dist/neutral/index.d.cts +4 -0
- package/dist/neutral/index.d.cts.map +1 -0
- package/dist/neutral/index.d.mts +4 -0
- package/dist/neutral/index.d.mts.map +1 -0
- package/dist/neutral/index.d.ts +4 -0
- package/dist/neutral/index.d.ts.map +1 -0
- package/dist/neutral/index.js +147 -0
- package/dist/neutral/index.js.map +1 -0
- package/package.json +9 -9
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Plugin.d.ts","sourceRoot":"","sources":["../../src/Plugin.ts"],"names":[],"mappings":"AAGA,OAAO,EAA6B,mBAAmB,EAAE,MAAM,mCAAmC,CAAA;AAIlG,eAAO,MAAM,iCAAiC,EAAE,mBAiB/C,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Plugin.d.ts","sourceRoot":"","sources":["../../src/Plugin.ts"],"names":[],"mappings":"AAGA,OAAO,EAA6B,mBAAmB,EAAE,MAAM,mCAAmC,CAAA;AAIlG,eAAO,MAAM,iCAAiC,EAAE,mBAiB/C,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Plugin.d.ts","sourceRoot":"","sources":["../../src/Plugin.ts"],"names":[],"mappings":"AAGA,OAAO,EAA6B,mBAAmB,EAAE,MAAM,mCAAmC,CAAA;AAIlG,eAAO,MAAM,iCAAiC,EAAE,mBAiB/C,CAAA"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { PayloadRenderProps } from '@xyo-network/react-payload-plugin';
|
|
3
|
+
export declare const BlocknativeGasPriceCard: import("react").ForwardRefExoticComponent<Omit<PayloadRenderProps<{
|
|
4
|
+
schema: string;
|
|
5
|
+
} & import("@xyo-network/payload-model").PayloadFields> & import("@mui/material").CardOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
6
|
+
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
7
|
+
}, "className" | "style" | "classes" | "children" | "sx" | "elevation" | "square" | "variant" | "raised"> & {
|
|
8
|
+
component?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
|
|
9
|
+
}, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
|
|
10
|
+
//# sourceMappingURL=Card.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../../src/components/Card/Card.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,kBAAkB,EAAE,MAAM,mCAAmC,CAAA;AAMtE,eAAO,MAAM,uBAAuB;;;;;;0DAOlC,CAAA"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { PayloadRenderProps } from '@xyo-network/react-payload-plugin';
|
|
3
|
+
export declare const BlocknativeGasPriceCard: import("react").ForwardRefExoticComponent<Omit<PayloadRenderProps<{
|
|
4
|
+
schema: string;
|
|
5
|
+
} & import("@xyo-network/payload-model").PayloadFields> & import("@mui/material").CardOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
6
|
+
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
7
|
+
}, "className" | "style" | "classes" | "children" | "sx" | "elevation" | "square" | "variant" | "raised"> & {
|
|
8
|
+
component?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
|
|
9
|
+
}, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
|
|
10
|
+
//# sourceMappingURL=Card.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../../src/components/Card/Card.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,kBAAkB,EAAE,MAAM,mCAAmC,CAAA;AAMtE,eAAO,MAAM,uBAAuB;;;;;;0DAOlC,CAAA"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { PayloadRenderProps } from '@xyo-network/react-payload-plugin';
|
|
3
|
+
export declare const BlocknativeGasPriceCard: import("react").ForwardRefExoticComponent<Omit<PayloadRenderProps<{
|
|
4
|
+
schema: string;
|
|
5
|
+
} & import("@xyo-network/payload-model").PayloadFields> & import("@mui/material").CardOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
6
|
+
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
7
|
+
}, "className" | "style" | "classes" | "children" | "sx" | "elevation" | "square" | "variant" | "raised"> & {
|
|
8
|
+
component?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
|
|
9
|
+
}, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
|
|
10
|
+
//# sourceMappingURL=Card.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../../src/components/Card/Card.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,kBAAkB,EAAE,MAAM,mCAAmC,CAAA;AAMtE,eAAO,MAAM,uBAAuB;;;;;;0DAOlC,CAAA"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { PayloadRenderProps } from '@xyo-network/react-payload-plugin';
|
|
3
|
+
export declare const BlocknativeGasPriceCardContent: import("react").ForwardRefExoticComponent<Omit<PayloadRenderProps<{
|
|
4
|
+
schema: string;
|
|
5
|
+
} & import("@xyo-network/payload-model").PayloadFields> & import("@mui/material").CardContentOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
6
|
+
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
7
|
+
}, "className" | "style" | "classes" | "children" | "sx"> & {
|
|
8
|
+
component?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
|
|
9
|
+
}, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
|
|
10
|
+
//# sourceMappingURL=CardContent.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CardContent.d.ts","sourceRoot":"","sources":["../../../../src/components/Card/CardContent.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,kBAAkB,EAAE,MAAM,mCAAmC,CAAA;AAMtE,eAAO,MAAM,8BAA8B;;;;;;0DAuB1C,CAAA"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { PayloadRenderProps } from '@xyo-network/react-payload-plugin';
|
|
3
|
+
export declare const BlocknativeGasPriceCardContent: import("react").ForwardRefExoticComponent<Omit<PayloadRenderProps<{
|
|
4
|
+
schema: string;
|
|
5
|
+
} & import("@xyo-network/payload-model").PayloadFields> & import("@mui/material").CardContentOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
6
|
+
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
7
|
+
}, "className" | "style" | "classes" | "children" | "sx"> & {
|
|
8
|
+
component?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
|
|
9
|
+
}, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
|
|
10
|
+
//# sourceMappingURL=CardContent.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CardContent.d.ts","sourceRoot":"","sources":["../../../../src/components/Card/CardContent.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,kBAAkB,EAAE,MAAM,mCAAmC,CAAA;AAMtE,eAAO,MAAM,8BAA8B;;;;;;0DAuB1C,CAAA"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { PayloadRenderProps } from '@xyo-network/react-payload-plugin';
|
|
3
|
+
export declare const BlocknativeGasPriceCardContent: import("react").ForwardRefExoticComponent<Omit<PayloadRenderProps<{
|
|
4
|
+
schema: string;
|
|
5
|
+
} & import("@xyo-network/payload-model").PayloadFields> & import("@mui/material").CardContentOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
6
|
+
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
7
|
+
}, "className" | "style" | "classes" | "children" | "sx"> & {
|
|
8
|
+
component?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
|
|
9
|
+
}, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
|
|
10
|
+
//# sourceMappingURL=CardContent.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CardContent.d.ts","sourceRoot":"","sources":["../../../../src/components/Card/CardContent.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,kBAAkB,EAAE,MAAM,mCAAmC,CAAA;AAMtE,eAAO,MAAM,8BAA8B;;;;;;0DAuB1C,CAAA"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { PayloadRenderProps } from '@xyo-network/react-payload-plugin';
|
|
3
|
+
export declare const BlocknativeGasPriceCardHeader: import("react").ForwardRefExoticComponent<Omit<PayloadRenderProps<{
|
|
4
|
+
schema: string;
|
|
5
|
+
} & import("@xyo-network/payload-model").PayloadFields> & import("@mui/material").CardHeaderOwnProps<"span", "span"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
6
|
+
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
7
|
+
}, "className" | "style" | "classes" | "sx" | "title" | "action" | "avatar" | "disableTypography" | "subheader" | "subheaderTypographyProps" | "titleTypographyProps">, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
|
|
8
|
+
//# sourceMappingURL=CardHeader.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CardHeader.d.ts","sourceRoot":"","sources":["../../../../src/components/Card/CardHeader.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,kBAAkB,EAAE,MAAM,mCAAmC,CAAA;AAMtE,eAAO,MAAM,6BAA6B;;;;+NAIxC,CAAA"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { PayloadRenderProps } from '@xyo-network/react-payload-plugin';
|
|
3
|
+
export declare const BlocknativeGasPriceCardHeader: import("react").ForwardRefExoticComponent<Omit<PayloadRenderProps<{
|
|
4
|
+
schema: string;
|
|
5
|
+
} & import("@xyo-network/payload-model").PayloadFields> & import("@mui/material").CardHeaderOwnProps<"span", "span"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
6
|
+
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
7
|
+
}, "className" | "style" | "classes" | "sx" | "title" | "action" | "avatar" | "disableTypography" | "subheader" | "subheaderTypographyProps" | "titleTypographyProps">, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
|
|
8
|
+
//# sourceMappingURL=CardHeader.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CardHeader.d.ts","sourceRoot":"","sources":["../../../../src/components/Card/CardHeader.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,kBAAkB,EAAE,MAAM,mCAAmC,CAAA;AAMtE,eAAO,MAAM,6BAA6B;;;;+NAIxC,CAAA"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { PayloadRenderProps } from '@xyo-network/react-payload-plugin';
|
|
3
|
+
export declare const BlocknativeGasPriceCardHeader: import("react").ForwardRefExoticComponent<Omit<PayloadRenderProps<{
|
|
4
|
+
schema: string;
|
|
5
|
+
} & import("@xyo-network/payload-model").PayloadFields> & import("@mui/material").CardHeaderOwnProps<"span", "span"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
6
|
+
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
7
|
+
}, "className" | "style" | "classes" | "sx" | "title" | "action" | "avatar" | "disableTypography" | "subheader" | "subheaderTypographyProps" | "titleTypographyProps">, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
|
|
8
|
+
//# sourceMappingURL=CardHeader.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CardHeader.d.ts","sourceRoot":"","sources":["../../../../src/components/Card/CardHeader.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,kBAAkB,EAAE,MAAM,mCAAmC,CAAA;AAMtE,eAAO,MAAM,6BAA6B;;;;+NAIxC,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Card/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAA;AACtB,cAAc,eAAe,CAAA;AAC7B,cAAc,cAAc,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Card/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAA;AACtB,cAAc,eAAe,CAAA;AAC7B,cAAc,cAAc,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Card/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAA;AACtB,cAAc,eAAe,CAAA;AAC7B,cAAc,cAAc,CAAA"}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { PayloadDetailsRenderProps } from '@xyo-network/react-payload-plugin';
|
|
3
|
+
export declare const BlocknativeGasPriceDetailsBox: import("react").ForwardRefExoticComponent<PayloadDetailsRenderProps & import("@xylabs/react-flexbox").BusyBoxProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
4
|
+
//# sourceMappingURL=BlocknativeGasPriceDetailsBox.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"BlocknativeGasPriceDetailsBox.d.ts","sourceRoot":"","sources":["../../../../../src/components/Details/Box/BlocknativeGasPriceDetailsBox.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAE,yBAAyB,EAAE,MAAM,mCAAmC,CAAA;AAO7E,eAAO,MAAM,6BAA6B,qKAgCzC,CAAA"}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { PayloadDetailsRenderProps } from '@xyo-network/react-payload-plugin';
|
|
3
|
+
export declare const BlocknativeGasPriceDetailsBox: import("react").ForwardRefExoticComponent<PayloadDetailsRenderProps & import("@xylabs/react-flexbox").BusyBoxProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
4
|
+
//# sourceMappingURL=BlocknativeGasPriceDetailsBox.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"BlocknativeGasPriceDetailsBox.d.ts","sourceRoot":"","sources":["../../../../../src/components/Details/Box/BlocknativeGasPriceDetailsBox.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAE,yBAAyB,EAAE,MAAM,mCAAmC,CAAA;AAO7E,eAAO,MAAM,6BAA6B,qKAgCzC,CAAA"}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { PayloadDetailsRenderProps } from '@xyo-network/react-payload-plugin';
|
|
3
|
+
export declare const BlocknativeGasPriceDetailsBox: import("react").ForwardRefExoticComponent<PayloadDetailsRenderProps & import("@xylabs/react-flexbox").BusyBoxProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
4
|
+
//# sourceMappingURL=BlocknativeGasPriceDetailsBox.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"BlocknativeGasPriceDetailsBox.d.ts","sourceRoot":"","sources":["../../../../../src/components/Details/Box/BlocknativeGasPriceDetailsBox.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAE,yBAAyB,EAAE,MAAM,mCAAmC,CAAA;AAO7E,eAAO,MAAM,6BAA6B,qKAgCzC,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Details/Box/index.ts"],"names":[],"mappings":"AAAA,cAAc,iCAAiC,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Details/Box/index.ts"],"names":[],"mappings":"AAAA,cAAc,iCAAiC,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Details/Box/index.ts"],"names":[],"mappings":"AAAA,cAAc,iCAAiC,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Details/index.ts"],"names":[],"mappings":"AAAA,cAAc,OAAO,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Details/index.ts"],"names":[],"mappings":"AAAA,cAAc,OAAO,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Details/index.ts"],"names":[],"mappings":"AAAA,cAAc,OAAO,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,6BAA6B,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,6BAA6B,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,6BAA6B,CAAA"}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import { EthereumGasBlocknativePayload } from '@xyo-network/blocknative-ethereum-gas-payload-plugin';
|
|
2
|
+
import { GasPriceWitnessUIBasePayload } from '@xyo-network/react-gas-price';
|
|
3
|
+
export declare const useBlocknativeTransformer: (payload?: EthereumGasBlocknativePayload) => GasPriceWitnessUIBasePayload | undefined;
|
|
4
|
+
//# sourceMappingURL=useBlocknativeTransformer.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useBlocknativeTransformer.d.ts","sourceRoot":"","sources":["../../../../src/components/hooks/useBlocknativeTransformer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,6BAA6B,EAAE,MAAM,sDAAsD,CAAA;AACpG,OAAO,EAAE,4BAA4B,EAAE,MAAM,8BAA8B,CAAA;AAE3E,eAAO,MAAM,yBAAyB,aAAc,6BAA6B,KAAG,4BAA4B,GAAG,SA6BlH,CAAA"}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import { EthereumGasBlocknativePayload } from '@xyo-network/blocknative-ethereum-gas-payload-plugin';
|
|
2
|
+
import { GasPriceWitnessUIBasePayload } from '@xyo-network/react-gas-price';
|
|
3
|
+
export declare const useBlocknativeTransformer: (payload?: EthereumGasBlocknativePayload) => GasPriceWitnessUIBasePayload | undefined;
|
|
4
|
+
//# sourceMappingURL=useBlocknativeTransformer.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useBlocknativeTransformer.d.ts","sourceRoot":"","sources":["../../../../src/components/hooks/useBlocknativeTransformer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,6BAA6B,EAAE,MAAM,sDAAsD,CAAA;AACpG,OAAO,EAAE,4BAA4B,EAAE,MAAM,8BAA8B,CAAA;AAE3E,eAAO,MAAM,yBAAyB,aAAc,6BAA6B,KAAG,4BAA4B,GAAG,SA6BlH,CAAA"}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import { EthereumGasBlocknativePayload } from '@xyo-network/blocknative-ethereum-gas-payload-plugin';
|
|
2
|
+
import { GasPriceWitnessUIBasePayload } from '@xyo-network/react-gas-price';
|
|
3
|
+
export declare const useBlocknativeTransformer: (payload?: EthereumGasBlocknativePayload) => GasPriceWitnessUIBasePayload | undefined;
|
|
4
|
+
//# sourceMappingURL=useBlocknativeTransformer.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useBlocknativeTransformer.d.ts","sourceRoot":"","sources":["../../../../src/components/hooks/useBlocknativeTransformer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,6BAA6B,EAAE,MAAM,sDAAsD,CAAA;AACpG,OAAO,EAAE,4BAA4B,EAAE,MAAM,8BAA8B,CAAA;AAE3E,eAAO,MAAM,yBAAyB,aAAc,6BAA6B,KAAG,4BAA4B,GAAG,SA6BlH,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAA;AACtB,cAAc,WAAW,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAA;AACtB,cAAc,WAAW,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAA;AACtB,cAAc,WAAW,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../src/components/lib/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,WAAW,4BAA4B,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../src/components/lib/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,WAAW,4BAA4B,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../src/components/lib/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,WAAW,4BAA4B,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/lib/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/lib/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/lib/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAA"}
|
|
@@ -0,0 +1,170 @@
|
|
|
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
|
+
};
|
|
170
|
+
//# sourceMappingURL=index.cjs.map
|
|
@@ -0,0 +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":"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","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"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAA;AAC5B,cAAc,UAAU,CAAA;AAIxB,OAAO,EAAE,iCAAiC,IAAI,OAAO,EAAE,MAAM,UAAU,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAA;AAC5B,cAAc,UAAU,CAAA;AAIxB,OAAO,EAAE,iCAAiC,IAAI,OAAO,EAAE,MAAM,UAAU,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAA;AAC5B,cAAc,UAAU,CAAA;AAIxB,OAAO,EAAE,iCAAiC,IAAI,OAAO,EAAE,MAAM,UAAU,CAAA"}
|
|
@@ -0,0 +1,147 @@
|
|
|
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
|
|
@@ -0,0 +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"]}
|
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.
|
|
13
|
+
"@xylabs/lodash": "^3.3.2",
|
|
14
14
|
"@xylabs/react-flexbox": "^3.1.7",
|
|
15
15
|
"@xyo-network/blocknative-ethereum-gas-payload-plugin": "^2.94.3",
|
|
16
|
-
"@xyo-network/payload-model": "^2.99.
|
|
17
|
-
"@xyo-network/react-gas-price": "~2.
|
|
18
|
-
"@xyo-network/react-payload-plugin": "~2.
|
|
19
|
-
"@xyo-network/react-shared": "~2.
|
|
16
|
+
"@xyo-network/payload-model": "^2.99.3",
|
|
17
|
+
"@xyo-network/react-gas-price": "~2.76.1",
|
|
18
|
+
"@xyo-network/react-payload-plugin": "~2.76.1",
|
|
19
|
+
"@xyo-network/react-shared": "~2.76.1"
|
|
20
20
|
},
|
|
21
21
|
"devDependencies": {
|
|
22
22
|
"@storybook/react": "^7.6.19",
|
|
23
|
-
"@xylabs/ts-scripts-yarn3": "^3.
|
|
24
|
-
"@xylabs/tsconfig-react": "^3.
|
|
25
|
-
"@xyo-network/react-storybook": "~2.
|
|
23
|
+
"@xylabs/ts-scripts-yarn3": "^3.10.0",
|
|
24
|
+
"@xylabs/tsconfig-react": "^3.10.0",
|
|
25
|
+
"@xyo-network/react-storybook": "~2.76.1",
|
|
26
26
|
"typescript": "^5.4.5"
|
|
27
27
|
},
|
|
28
28
|
"peerDependencies": {
|
|
@@ -85,6 +85,6 @@
|
|
|
85
85
|
},
|
|
86
86
|
"sideEffects": false,
|
|
87
87
|
"types": "dist/browser/index.d.ts",
|
|
88
|
-
"version": "2.
|
|
88
|
+
"version": "2.76.1",
|
|
89
89
|
"type": "module"
|
|
90
90
|
}
|