@xyo-network/react-ethereum-gas-price-blocknative-plugin 2.40.36
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/LICENSE +165 -0
- package/README.md +70 -0
- package/dist/cjs/Plugin.d.ts +3 -0
- package/dist/cjs/Plugin.d.ts.map +1 -0
- package/dist/cjs/Plugin.js +24 -0
- package/dist/cjs/Plugin.js.map +1 -0
- package/dist/cjs/components/Card/Card.d.ts +12 -0
- package/dist/cjs/components/Card/Card.d.ts.map +1 -0
- package/dist/cjs/components/Card/Card.js +15 -0
- package/dist/cjs/components/Card/Card.js.map +1 -0
- package/dist/cjs/components/Card/CardContent.d.ts +12 -0
- package/dist/cjs/components/Card/CardContent.d.ts.map +1 -0
- package/dist/cjs/components/Card/CardContent.js +24 -0
- package/dist/cjs/components/Card/CardContent.js.map +1 -0
- package/dist/cjs/components/Card/CardHeader.d.ts +22 -0
- package/dist/cjs/components/Card/CardHeader.d.ts.map +1 -0
- package/dist/cjs/components/Card/CardHeader.js +15 -0
- package/dist/cjs/components/Card/CardHeader.js.map +1 -0
- package/dist/cjs/components/Card/index.d.ts +4 -0
- package/dist/cjs/components/Card/index.d.ts.map +1 -0
- package/dist/cjs/components/Card/index.js +7 -0
- package/dist/cjs/components/Card/index.js.map +1 -0
- package/dist/cjs/components/Details/Box/BlocknativeGasPriceDetailsBox.d.ts +4 -0
- package/dist/cjs/components/Details/Box/BlocknativeGasPriceDetailsBox.d.ts.map +1 -0
- package/dist/cjs/components/Details/Box/BlocknativeGasPriceDetailsBox.js +25 -0
- package/dist/cjs/components/Details/Box/BlocknativeGasPriceDetailsBox.js.map +1 -0
- package/dist/cjs/components/Details/Box/index.d.ts +2 -0
- package/dist/cjs/components/Details/Box/index.d.ts.map +1 -0
- package/dist/cjs/components/Details/Box/index.js +5 -0
- package/dist/cjs/components/Details/Box/index.js.map +1 -0
- package/dist/cjs/components/Details/index.d.ts +2 -0
- package/dist/cjs/components/Details/index.d.ts.map +1 -0
- package/dist/cjs/components/Details/index.js +5 -0
- package/dist/cjs/components/Details/index.js.map +1 -0
- package/dist/cjs/components/hooks/index.d.ts +2 -0
- package/dist/cjs/components/hooks/index.d.ts.map +1 -0
- package/dist/cjs/components/hooks/index.js +5 -0
- package/dist/cjs/components/hooks/index.js.map +1 -0
- package/dist/cjs/components/hooks/useBlocknativeTransformer.d.ts +4 -0
- package/dist/cjs/components/hooks/useBlocknativeTransformer.d.ts.map +1 -0
- package/dist/cjs/components/hooks/useBlocknativeTransformer.js +35 -0
- package/dist/cjs/components/hooks/useBlocknativeTransformer.js.map +1 -0
- package/dist/cjs/components/index.d.ts +3 -0
- package/dist/cjs/components/index.d.ts.map +1 -0
- package/dist/cjs/components/index.js +6 -0
- package/dist/cjs/components/index.js.map +1 -0
- package/dist/cjs/components/lib/constants.d.ts +2 -0
- package/dist/cjs/components/lib/constants.d.ts.map +1 -0
- package/dist/cjs/components/lib/constants.js +5 -0
- package/dist/cjs/components/lib/constants.js.map +1 -0
- package/dist/cjs/components/lib/index.d.ts +2 -0
- package/dist/cjs/components/lib/index.d.ts.map +1 -0
- package/dist/cjs/components/lib/index.js +5 -0
- package/dist/cjs/components/lib/index.js.map +1 -0
- package/dist/cjs/index.d.ts +5 -0
- package/dist/cjs/index.d.ts.map +1 -0
- package/dist/cjs/index.js +9 -0
- package/dist/cjs/index.js.map +1 -0
- package/dist/docs.json +5352 -0
- package/dist/esm/Plugin.d.ts +3 -0
- package/dist/esm/Plugin.d.ts.map +1 -0
- package/dist/esm/Plugin.js +23 -0
- package/dist/esm/Plugin.js.map +1 -0
- package/dist/esm/components/Card/Card.d.ts +12 -0
- package/dist/esm/components/Card/Card.d.ts.map +1 -0
- package/dist/esm/components/Card/Card.js +10 -0
- package/dist/esm/components/Card/Card.js.map +1 -0
- package/dist/esm/components/Card/CardContent.d.ts +12 -0
- package/dist/esm/components/Card/CardContent.d.ts.map +1 -0
- package/dist/esm/components/Card/CardContent.js +18 -0
- package/dist/esm/components/Card/CardContent.js.map +1 -0
- package/dist/esm/components/Card/CardHeader.d.ts +22 -0
- package/dist/esm/components/Card/CardHeader.d.ts.map +1 -0
- package/dist/esm/components/Card/CardHeader.js +12 -0
- package/dist/esm/components/Card/CardHeader.js.map +1 -0
- package/dist/esm/components/Card/index.d.ts +4 -0
- package/dist/esm/components/Card/index.d.ts.map +1 -0
- package/dist/esm/components/Card/index.js +4 -0
- package/dist/esm/components/Card/index.js.map +1 -0
- package/dist/esm/components/Details/Box/BlocknativeGasPriceDetailsBox.d.ts +4 -0
- package/dist/esm/components/Details/Box/BlocknativeGasPriceDetailsBox.d.ts.map +1 -0
- package/dist/esm/components/Details/Box/BlocknativeGasPriceDetailsBox.js +19 -0
- package/dist/esm/components/Details/Box/BlocknativeGasPriceDetailsBox.js.map +1 -0
- package/dist/esm/components/Details/Box/index.d.ts +2 -0
- package/dist/esm/components/Details/Box/index.d.ts.map +1 -0
- package/dist/esm/components/Details/Box/index.js +2 -0
- package/dist/esm/components/Details/Box/index.js.map +1 -0
- package/dist/esm/components/Details/index.d.ts +2 -0
- package/dist/esm/components/Details/index.d.ts.map +1 -0
- package/dist/esm/components/Details/index.js +2 -0
- package/dist/esm/components/Details/index.js.map +1 -0
- package/dist/esm/components/hooks/index.d.ts +2 -0
- package/dist/esm/components/hooks/index.d.ts.map +1 -0
- package/dist/esm/components/hooks/index.js +2 -0
- package/dist/esm/components/hooks/index.js.map +1 -0
- package/dist/esm/components/hooks/useBlocknativeTransformer.d.ts +4 -0
- package/dist/esm/components/hooks/useBlocknativeTransformer.d.ts.map +1 -0
- package/dist/esm/components/hooks/useBlocknativeTransformer.js +30 -0
- package/dist/esm/components/hooks/useBlocknativeTransformer.js.map +1 -0
- package/dist/esm/components/index.d.ts +3 -0
- package/dist/esm/components/index.d.ts.map +1 -0
- package/dist/esm/components/index.js +3 -0
- package/dist/esm/components/index.js.map +1 -0
- package/dist/esm/components/lib/constants.d.ts +2 -0
- package/dist/esm/components/lib/constants.d.ts.map +1 -0
- package/dist/esm/components/lib/constants.js +2 -0
- package/dist/esm/components/lib/constants.js.map +1 -0
- package/dist/esm/components/lib/index.d.ts +2 -0
- package/dist/esm/components/lib/index.d.ts.map +1 -0
- package/dist/esm/components/lib/index.js +2 -0
- package/dist/esm/components/lib/index.js.map +1 -0
- package/dist/esm/index.d.ts +5 -0
- package/dist/esm/index.d.ts.map +1 -0
- package/dist/esm/index.js +6 -0
- package/dist/esm/index.js.map +1 -0
- package/package.json +80 -0
- package/src/Plugin.ts +25 -0
- package/src/components/Card/Card.stories.tsx +32 -0
- package/src/components/Card/Card.tsx +17 -0
- package/src/components/Card/CardContent.tsx +34 -0
- package/src/components/Card/CardHeader.tsx +16 -0
- package/src/components/Card/index.ts +3 -0
- package/src/components/Details/Box/BlocknativeGasPriceDetailsBox.stories.tsx +32 -0
- package/src/components/Details/Box/BlocknativeGasPriceDetailsBox.tsx +48 -0
- package/src/components/Details/Box/index.ts +1 -0
- package/src/components/Details/index.ts +1 -0
- package/src/components/hooks/index.ts +1 -0
- package/src/components/hooks/useBlocknativeTransformer.tsx +33 -0
- package/src/components/index.ts +2 -0
- package/src/components/lib/constants.ts +1 -0
- package/src/components/lib/index.ts +1 -0
- package/src/index.ts +7 -0
- package/src/types/images.d.ts +5 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Plugin.d.ts","sourceRoot":"","sources":["../../src/Plugin.ts"],"names":[],"mappings":"AAGA,OAAO,EAA6B,sBAAsB,EAAE,MAAM,mCAAmC,CAAA;AAIrG,eAAO,MAAM,iCAAiC,EAAE,sBAiB/C,CAAA"}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { XyoEthereumGasBlocknativeSchema } from '@xyo-network/blocknative-ethereum-gas-payload-plugin';
|
|
2
|
+
import { EthereumGasPriceAvatar } from '@xyo-network/react-gas-price';
|
|
3
|
+
import { createPayloadRenderPlugin } from '@xyo-network/react-payload-plugin';
|
|
4
|
+
import { BlocknativeGasPriceCardContent, BlocknativeGasPriceCardHeader, BlocknativeGasPriceDetailsBox } from './components';
|
|
5
|
+
export const EthereumGasPriceBlocknativePlugin = {
|
|
6
|
+
...createPayloadRenderPlugin({
|
|
7
|
+
canRender: (payload) => payload?.schema === XyoEthereumGasBlocknativeSchema,
|
|
8
|
+
components: {
|
|
9
|
+
avatar: {
|
|
10
|
+
image: EthereumGasPriceAvatar,
|
|
11
|
+
},
|
|
12
|
+
box: {
|
|
13
|
+
detailsBox: BlocknativeGasPriceDetailsBox,
|
|
14
|
+
},
|
|
15
|
+
card: {
|
|
16
|
+
content: BlocknativeGasPriceCardContent,
|
|
17
|
+
header: BlocknativeGasPriceCardHeader,
|
|
18
|
+
},
|
|
19
|
+
},
|
|
20
|
+
name: 'Ethereum Gas Price Blocknative',
|
|
21
|
+
}),
|
|
22
|
+
};
|
|
23
|
+
//# sourceMappingURL=Plugin.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Plugin.js","sourceRoot":"","sources":["../../src/Plugin.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,+BAA+B,EAAE,MAAM,sDAAsD,CAAA;AAEtG,OAAO,EAAE,sBAAsB,EAAE,MAAM,8BAA8B,CAAA;AACrE,OAAO,EAAE,yBAAyB,EAA0B,MAAM,mCAAmC,CAAA;AAErG,OAAO,EAAE,8BAA8B,EAAE,6BAA6B,EAAE,6BAA6B,EAAE,MAAM,cAAc,CAAA;AAE3H,MAAM,CAAC,MAAM,iCAAiC,GAA2B;IACvE,GAAG,yBAAyB,CAAC;QAC3B,SAAS,EAAE,CAAC,OAAoB,EAAE,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,+BAA+B;QACxF,UAAU,EAAE;YACV,MAAM,EAAE;gBACN,KAAK,EAAE,sBAAsB;aAC9B;YACD,GAAG,EAAE;gBACH,UAAU,EAAE,6BAA6B;aAC1C;YACD,IAAI,EAAE;gBACJ,OAAO,EAAE,8BAA8B;gBACvC,MAAM,EAAE,6BAA6B;aACtC;SACF;QACD,IAAI,EAAE,gCAAgC;KACvC,CAAC;CACH,CAAA"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { XyoPayloadRenderProps } from '@xyo-network/react-payload-plugin';
|
|
3
|
+
export declare const BlocknativeGasPriceCard: import("react").ForwardRefExoticComponent<Pick<XyoPayloadRenderProps<import("@xyo-network/payload").SchemaFields & import("@xyo-network/payload").PayloadFields & {
|
|
4
|
+
schema: string;
|
|
5
|
+
}> & Omit<import("@mui/material").PaperProps<"div", {}>, "classes"> & {
|
|
6
|
+
classes?: Partial<import("@mui/material").CardClasses> | undefined;
|
|
7
|
+
raised?: boolean | undefined;
|
|
8
|
+
sx?: import("@mui/material").SxProps<import("@mui/material").Theme> | undefined;
|
|
9
|
+
} & import("@mui/material/OverridableComponent").CommonProps & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>> & {
|
|
10
|
+
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
11
|
+
}, keyof import("@mui/material/OverridableComponent").CommonProps | "children" | "sx" | "ref" | "slot" | "title" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "elevation" | "square" | "variant" | "raised">, keyof import("@mui/material/OverridableComponent").CommonProps | "children" | "sx" | "slot" | "title" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "payload" | "elevation" | "square" | "variant" | "raised"> & import("react").RefAttributes<HTMLDivElement>>;
|
|
12
|
+
//# 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,qBAAqB,EAAE,MAAM,mCAAmC,CAAA;AAMzE,eAAO,MAAM,uBAAuB;;;;;;;;00SAOlC,CAAA"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { Card } from '@mui/material';
|
|
3
|
+
import { forwardRef } from 'react';
|
|
4
|
+
import { BlocknativeGasPriceCardContent } from './CardContent';
|
|
5
|
+
import { BlocknativeGasPriceCardHeader } from './CardHeader';
|
|
6
|
+
export const BlocknativeGasPriceCard = forwardRef(({ payload, ...props }, ref) => {
|
|
7
|
+
return (_jsxs(Card, { ref: ref, ...props, children: [_jsx(BlocknativeGasPriceCardHeader, { payload: payload }), _jsx(BlocknativeGasPriceCardContent, { payload: payload })] }));
|
|
8
|
+
});
|
|
9
|
+
BlocknativeGasPriceCard.displayName = 'BlocknativeGasPriceCard';
|
|
10
|
+
//# sourceMappingURL=Card.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../../src/components/Card/Card.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAa,MAAM,eAAe,CAAA;AAE/C,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAElC,OAAO,EAAE,8BAA8B,EAAE,MAAM,eAAe,CAAA;AAC9D,OAAO,EAAE,6BAA6B,EAAE,MAAM,cAAc,CAAA;AAE5D,MAAM,CAAC,MAAM,uBAAuB,GAAG,UAAU,CAAoD,CAAC,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IAClI,OAAO,CACL,MAAC,IAAI,IAAC,GAAG,EAAE,GAAG,KAAM,KAAK,aACvB,KAAC,6BAA6B,IAAC,OAAO,EAAE,OAAO,GAAI,EACnD,KAAC,8BAA8B,IAAC,OAAO,EAAE,OAAO,GAAI,IAC/C,CACR,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,uBAAuB,CAAC,WAAW,GAAG,yBAAyB,CAAA"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { XyoPayloadRenderProps } from '@xyo-network/react-payload-plugin';
|
|
3
|
+
export declare const BlocknativeGasPriceCardContent: import("react").ForwardRefExoticComponent<Pick<XyoPayloadRenderProps<import("@xyo-network/payload").SchemaFields & import("@xyo-network/payload").PayloadFields & {
|
|
4
|
+
schema: string;
|
|
5
|
+
}> & {
|
|
6
|
+
children?: import("react").ReactNode;
|
|
7
|
+
classes?: Partial<import("@mui/material").CardContentClasses> | undefined;
|
|
8
|
+
sx?: import("@mui/material").SxProps<import("@mui/material").Theme> | undefined;
|
|
9
|
+
} & import("@mui/material/OverridableComponent").CommonProps & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>> & {
|
|
10
|
+
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
11
|
+
}, keyof import("@mui/material/OverridableComponent").CommonProps | "children" | "sx">, keyof import("@mui/material/OverridableComponent").CommonProps | "children" | "sx" | "slot" | "title" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "payload"> & import("react").RefAttributes<HTMLDivElement>>;
|
|
12
|
+
//# sourceMappingURL=CardContent.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CardContent.d.ts","sourceRoot":"","sources":["../../../../src/components/Card/CardContent.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,qBAAqB,EAAE,MAAM,mCAAmC,CAAA;AAOzE,eAAO,MAAM,8BAA8B;;;;;;;;quJAqBzC,CAAA"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { CardContent, Grid } from '@mui/material';
|
|
3
|
+
import { GasFeeCard, ToggleRawPayloadBox } from '@xyo-network/react-gas-price';
|
|
4
|
+
import { PayloadDataMissing } from '@xyo-network/react-shared';
|
|
5
|
+
import isEmpty from 'lodash/isEmpty';
|
|
6
|
+
import { forwardRef } from 'react';
|
|
7
|
+
import { useBlocknativeTransformer } from '../hooks';
|
|
8
|
+
export const BlocknativeGasPriceCardContent = forwardRef(({ payload, ...props }, ref) => {
|
|
9
|
+
const gasPricePayload = payload ? payload : undefined;
|
|
10
|
+
const parsedPayload = useBlocknativeTransformer(gasPricePayload);
|
|
11
|
+
if (isEmpty(gasPricePayload) || !gasPricePayload.blockPrices?.length) {
|
|
12
|
+
return _jsx(PayloadDataMissing, { alertBody: "Payload is missing valid gas fee data.", sx: { m: 1 } });
|
|
13
|
+
}
|
|
14
|
+
return (_jsxs(CardContent, { ref: ref, sx: { display: 'flex', flexDirection: 'column', rowGap: 4 }, ...props, children: [_jsx(Grid, { container: true, spacing: 3, columns: { lg: 15, md: 15, sm: 12, xs: 12 }, children: parsedPayload &&
|
|
15
|
+
parsedPayload?.gasPrice?.map(({ price }) => (_jsx(Grid, { item: true, xs: 12, sm: 6, md: 5, lg: 3, children: _jsx(GasFeeCard, { gasPrice: price?.value, speed: price?.label, speedPaperElevation: 4 }) }, price?.label))) }), _jsx(ToggleRawPayloadBox, { gasPricePayload: gasPricePayload, alignItems: "start", pr: 1 })] }));
|
|
16
|
+
});
|
|
17
|
+
BlocknativeGasPriceCardContent.displayName = 'BlocknativeGasPriceCardContent';
|
|
18
|
+
//# sourceMappingURL=CardContent.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CardContent.js","sourceRoot":"","sources":["../../../../src/components/Card/CardContent.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAoB,IAAI,EAAE,MAAM,eAAe,CAAA;AAEnE,OAAO,EAAE,UAAU,EAAE,mBAAmB,EAAE,MAAM,8BAA8B,CAAA;AAE9E,OAAO,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAA;AAC9D,OAAO,OAAO,MAAM,gBAAgB,CAAA;AACpC,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAElC,OAAO,EAAE,yBAAyB,EAAE,MAAM,UAAU,CAAA;AAEpD,MAAM,CAAC,MAAM,8BAA8B,GAAG,UAAU,CAA2D,CAAC,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IAChJ,MAAM,eAAe,GAAG,OAAO,CAAC,CAAC,CAAE,OAA4C,CAAC,CAAC,CAAC,SAAS,CAAA;IAC3F,MAAM,aAAa,GAAG,yBAAyB,CAAC,eAAe,CAAC,CAAA;IAEhE,IAAI,OAAO,CAAC,eAAe,CAAC,IAAI,CAAC,eAAe,CAAC,WAAW,EAAE,MAAM,EAAE;QACpE,OAAO,KAAC,kBAAkB,IAAC,SAAS,EAAC,wCAAwC,EAAC,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,GAAI,CAAA;KAC/F;IAED,OAAO,CACL,MAAC,WAAW,IAAC,GAAG,EAAE,GAAG,EAAE,EAAE,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,EAAE,CAAC,EAAE,KAAM,KAAK,aAC3F,KAAC,IAAI,IAAC,SAAS,QAAC,OAAO,EAAE,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,YACpE,aAAa;oBACZ,aAAa,EAAE,QAAQ,EAAE,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAC1C,KAAC,IAAI,IAAoB,IAAI,QAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,YACvD,KAAC,UAAU,IAAC,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,mBAAmB,EAAE,CAAC,GAAI,IAD1E,KAAK,EAAE,KAAK,CAEhB,CACR,CAAC,GACC,EACP,KAAC,mBAAmB,IAAC,eAAe,EAAE,eAAe,EAAE,UAAU,EAAC,OAAO,EAAC,EAAE,EAAE,CAAC,GAAI,IACvE,CACf,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,8BAA8B,CAAC,WAAW,GAAG,gCAAgC,CAAA"}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { XyoPayloadRenderProps } from '@xyo-network/react-payload-plugin';
|
|
3
|
+
export declare const BlocknativeGasPriceCardHeader: import("react").ForwardRefExoticComponent<Pick<XyoPayloadRenderProps<import("@xyo-network/payload").SchemaFields & import("@xyo-network/payload").PayloadFields & {
|
|
4
|
+
schema: string;
|
|
5
|
+
}> & {
|
|
6
|
+
action?: import("react").ReactNode;
|
|
7
|
+
avatar?: import("react").ReactNode;
|
|
8
|
+
classes?: Partial<import("@mui/material").CardHeaderClasses> | undefined;
|
|
9
|
+
disableTypography?: boolean | undefined;
|
|
10
|
+
subheader?: import("react").ReactNode;
|
|
11
|
+
subheaderTypographyProps?: import("@mui/material").TypographyProps<"span", {
|
|
12
|
+
component?: "span" | undefined;
|
|
13
|
+
}> | undefined;
|
|
14
|
+
sx?: import("@mui/material").SxProps<import("@mui/material").Theme> | undefined;
|
|
15
|
+
title?: import("react").ReactNode;
|
|
16
|
+
titleTypographyProps?: import("@mui/material").TypographyProps<"span", {
|
|
17
|
+
component?: "span" | undefined;
|
|
18
|
+
}> | undefined;
|
|
19
|
+
} & import("@mui/material/OverridableComponent").CommonProps & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>> & {
|
|
20
|
+
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
21
|
+
}, keyof import("@mui/material/OverridableComponent").CommonProps | "sx" | "title" | "action" | "avatar" | "disableTypography" | "subheader" | "subheaderTypographyProps" | "titleTypographyProps">, keyof import("@mui/material/OverridableComponent").CommonProps | "children" | "sx" | "slot" | "title" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "payload" | "action" | "avatar" | "disableTypography" | "subheader" | "subheaderTypographyProps" | "titleTypographyProps"> & import("react").RefAttributes<HTMLDivElement>>;
|
|
22
|
+
//# 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,qBAAqB,EAAE,MAAM,mCAAmC,CAAA;AAMzE,eAAO,MAAM,6BAA6B;;;;;;;;;;;;;;;;;;k8JAIxC,CAAA"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { GasPriceWitnessCardHeader } from '@xyo-network/react-gas-price';
|
|
3
|
+
import { forwardRef } from 'react';
|
|
4
|
+
import { useBlocknativeTransformer } from '../hooks';
|
|
5
|
+
import { RenderTitle } from '../lib';
|
|
6
|
+
export const BlocknativeGasPriceCardHeader = forwardRef(({ payload }, ref) => {
|
|
7
|
+
const gasPricePayload = payload ? payload : undefined;
|
|
8
|
+
const parsedPayload = useBlocknativeTransformer(gasPricePayload);
|
|
9
|
+
return _jsx(GasPriceWitnessCardHeader, { title: RenderTitle, parsedPayload: parsedPayload, ref: ref });
|
|
10
|
+
});
|
|
11
|
+
BlocknativeGasPriceCardHeader.displayName = 'BlocknativeGasPriceCardHeader';
|
|
12
|
+
//# sourceMappingURL=CardHeader.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CardHeader.js","sourceRoot":"","sources":["../../../../src/components/Card/CardHeader.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,yBAAyB,EAAE,MAAM,8BAA8B,CAAA;AAExE,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAElC,OAAO,EAAE,yBAAyB,EAAE,MAAM,UAAU,CAAA;AACpD,OAAO,EAAE,WAAW,EAAE,MAAM,QAAQ,CAAA;AAEpC,MAAM,CAAC,MAAM,6BAA6B,GAAG,UAAU,CAA0D,CAAC,EAAE,OAAO,EAAE,EAAE,GAAG,EAAE,EAAE;IACpI,MAAM,eAAe,GAAG,OAAO,CAAC,CAAC,CAAE,OAA4C,CAAC,CAAC,CAAC,SAAS,CAAA;IAC3F,MAAM,aAAa,GAAG,yBAAyB,CAAC,eAAe,CAAC,CAAA;IAChE,OAAO,KAAC,yBAAyB,IAAC,KAAK,EAAE,WAAW,EAAE,aAAa,EAAE,aAAa,EAAE,GAAG,EAAE,GAAG,GAAI,CAAA;AAClG,CAAC,CAAC,CAAA;AAEF,6BAA6B,CAAC,WAAW,GAAG,+BAA+B,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.js","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 { XyoPayloadDetailsRenderProps } from '@xyo-network/react-payload-plugin';
|
|
3
|
+
export declare const BlocknativeGasPriceDetailsBox: import("react").ForwardRefExoticComponent<XyoPayloadDetailsRenderProps & 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":";AAIA,OAAO,EAAE,4BAA4B,EAAE,MAAM,mCAAmC,CAAA;AAQhF,eAAO,MAAM,6BAA6B,wKAiCzC,CAAA"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
2
|
+
import { Grid } from '@mui/material';
|
|
3
|
+
import { FlexCol } from '@xylabs/react-flexbox';
|
|
4
|
+
import { GasFeeCard, GasPriceWitnessHeaderBox, ToggleRawPayloadBox } from '@xyo-network/react-gas-price';
|
|
5
|
+
import { PayloadDataMissing } from '@xyo-network/react-shared';
|
|
6
|
+
import isEmpty from 'lodash/isEmpty';
|
|
7
|
+
import { forwardRef } from 'react';
|
|
8
|
+
import { useBlocknativeTransformer } from '../../hooks';
|
|
9
|
+
import { RenderTitle } from '../../lib';
|
|
10
|
+
export const BlocknativeGasPriceDetailsBox = forwardRef(
|
|
11
|
+
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
12
|
+
({ payload, listMode, ...props }, ref) => {
|
|
13
|
+
const gasPricePayload = payload ? payload : undefined;
|
|
14
|
+
const parsedPayload = useBlocknativeTransformer(gasPricePayload);
|
|
15
|
+
return (_jsx(_Fragment, { children: isEmpty(gasPricePayload) || !gasPricePayload.blockPrices?.length ? (_jsx(PayloadDataMissing, { alertBody: "Payload is missing valid gas fee data." })) : (_jsxs(FlexCol, { alignItems: "start", rowGap: 4, ...props, ref: ref, children: [_jsx(GasPriceWitnessHeaderBox, { heading: RenderTitle, parsedPayload: parsedPayload }), _jsx(Grid, { container: true, spacing: 3, columns: { lg: 15, md: 15, sm: 12, xs: 12 }, children: parsedPayload &&
|
|
16
|
+
parsedPayload?.gasPrice?.map(({ price, priorityFee }) => (_jsx(Grid, { item: true, xs: 12, sm: 6, md: 5, lg: 3, children: _jsx(GasFeeCard, { gasPrice: price?.value, speed: price?.label, priorityFee: priorityFee?.value, priorityFeeLabel: priorityFee?.label }, price?.label) }, price?.label))) }), _jsx(ToggleRawPayloadBox, { gasPricePayload: gasPricePayload, alignItems: "start" })] })) }));
|
|
17
|
+
});
|
|
18
|
+
BlocknativeGasPriceDetailsBox.displayName = 'BlocknativeGasPriceDetailsBox';
|
|
19
|
+
//# sourceMappingURL=BlocknativeGasPriceDetailsBox.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"BlocknativeGasPriceDetailsBox.js","sourceRoot":"","sources":["../../../../../src/components/Details/Box/BlocknativeGasPriceDetailsBox.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA;AACpC,OAAO,EAAgB,OAAO,EAAE,MAAM,uBAAuB,CAAA;AAE7D,OAAO,EAAE,UAAU,EAAE,wBAAwB,EAAE,mBAAmB,EAAE,MAAM,8BAA8B,CAAA;AAExG,OAAO,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAA;AAC9D,OAAO,OAAO,MAAM,gBAAgB,CAAA;AACpC,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAElC,OAAO,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAA;AACvD,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AAEvC,MAAM,CAAC,MAAM,6BAA6B,GAAG,UAAU;AACrD,6DAA6D;AAC7D,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACvC,MAAM,eAAe,GAAiD,OAAO,CAAC,CAAC,CAAE,OAA4C,CAAC,CAAC,CAAC,SAAS,CAAA;IACzI,MAAM,aAAa,GAAG,yBAAyB,CAAC,eAAe,CAAC,CAAA;IAEhE,OAAO,CACL,4BACG,OAAO,CAAC,eAAe,CAAC,IAAI,CAAC,eAAe,CAAC,WAAW,EAAE,MAAM,CAAC,CAAC,CAAC,CAClE,KAAC,kBAAkB,IAAC,SAAS,EAAC,wCAAwC,GAAG,CAC1E,CAAC,CAAC,CAAC,CACF,MAAC,OAAO,IAAC,UAAU,EAAC,OAAO,EAAC,MAAM,EAAE,CAAC,KAAM,KAAK,EAAE,GAAG,EAAE,GAAG,aACxD,KAAC,wBAAwB,IAAC,OAAO,EAAE,WAAW,EAAE,aAAa,EAAE,aAAa,GAAI,EAChF,KAAC,IAAI,IAAC,SAAS,QAAC,OAAO,EAAE,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,YACpE,aAAa;wBACZ,aAAa,EAAE,QAAQ,EAAE,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,EAAE,EAAE,CAAC,CACvD,KAAC,IAAI,IAAoB,IAAI,QAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,YACvD,KAAC,UAAU,IAET,QAAQ,EAAE,KAAK,EAAE,KAAK,EACtB,KAAK,EAAE,KAAK,EAAE,KAAK,EACnB,WAAW,EAAE,WAAW,EAAE,KAAK,EAC/B,gBAAgB,EAAE,WAAW,EAAE,KAAK,IAJ/B,KAAK,EAAE,KAAK,CAKjB,IAPO,KAAK,EAAE,KAAK,CAQhB,CACR,CAAC,GACC,EACP,KAAC,mBAAmB,IAAC,eAAe,EAAE,eAAe,EAAE,UAAU,EAAC,OAAO,GAAG,IACpE,CACX,GACA,CACJ,CAAA;AACH,CAAC,CACF,CAAA;AAED,6BAA6B,CAAC,WAAW,GAAG,+BAA+B,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.js","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.js","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.js","sourceRoot":"","sources":["../../../../src/components/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,6BAA6B,CAAA"}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import { XyoEthereumGasBlocknativePayload } from '@xyo-network/blocknative-ethereum-gas-payload-plugin';
|
|
2
|
+
import { GasPriceWitnessUIBasePayload } from '@xyo-network/react-gas-price';
|
|
3
|
+
export declare const useBlocknativeTransformer: (payload?: XyoEthereumGasBlocknativePayload) => 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,gCAAgC,EAAE,MAAM,sDAAsD,CAAA;AACvG,OAAO,EAAE,4BAA4B,EAAE,MAAM,8BAA8B,CAAA;AAE3E,eAAO,MAAM,yBAAyB,aAAc,gCAAgC,KAAG,4BAA4B,GAAG,SA6BrH,CAAA"}
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
export const useBlocknativeTransformer = (payload) => {
|
|
2
|
+
const blockPrices = payload?.blockPrices?.[0];
|
|
3
|
+
if (blockPrices && blockPrices.estimatedPrices?.length) {
|
|
4
|
+
const estimatedPrices = blockPrices?.estimatedPrices;
|
|
5
|
+
const gasPrice = estimatedPrices.map((price) => ({
|
|
6
|
+
price: {
|
|
7
|
+
label: `Confidence - ${price.confidence}`,
|
|
8
|
+
value: price.price,
|
|
9
|
+
},
|
|
10
|
+
priorityFee: {
|
|
11
|
+
label: 'maxPriorityFeePerGas',
|
|
12
|
+
value: price.maxPriorityFeePerGas,
|
|
13
|
+
},
|
|
14
|
+
}));
|
|
15
|
+
return {
|
|
16
|
+
baseFee: {
|
|
17
|
+
label: 'baseFeePerGas',
|
|
18
|
+
value: blockPrices.baseFeePerGas,
|
|
19
|
+
},
|
|
20
|
+
blockNumber: {
|
|
21
|
+
label: 'blockNumber',
|
|
22
|
+
value: blockPrices.blockNumber,
|
|
23
|
+
},
|
|
24
|
+
gasPrice,
|
|
25
|
+
timestamp: payload.timestamp,
|
|
26
|
+
website: 'https://docs.Blocknative.io/v5/api/providers/provider/#Provider-getFeeData',
|
|
27
|
+
};
|
|
28
|
+
}
|
|
29
|
+
};
|
|
30
|
+
//# sourceMappingURL=useBlocknativeTransformer.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useBlocknativeTransformer.js","sourceRoot":"","sources":["../../../../src/components/hooks/useBlocknativeTransformer.tsx"],"names":[],"mappings":"AAGA,MAAM,CAAC,MAAM,yBAAyB,GAAG,CAAC,OAA0C,EAA4C,EAAE;IAChI,MAAM,WAAW,GAAG,OAAO,EAAE,WAAW,EAAE,CAAC,CAAC,CAAC,CAAA;IAC7C,IAAI,WAAW,IAAI,WAAW,CAAC,eAAe,EAAE,MAAM,EAAE;QACtD,MAAM,eAAe,GAAG,WAAW,EAAE,eAAe,CAAA;QACpD,MAAM,QAAQ,GAAG,eAAe,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;YAC/C,KAAK,EAAE;gBACL,KAAK,EAAE,gBAAgB,KAAK,CAAC,UAAU,EAAE;gBACzC,KAAK,EAAE,KAAK,CAAC,KAAK;aACnB;YACD,WAAW,EAAE;gBACX,KAAK,EAAE,sBAAsB;gBAC7B,KAAK,EAAE,KAAK,CAAC,oBAAoB;aAClC;SACF,CAAC,CAAC,CAAA;QAEH,OAAO;YACL,OAAO,EAAE;gBACP,KAAK,EAAE,eAAe;gBACtB,KAAK,EAAE,WAAW,CAAC,aAAa;aACjC;YACD,WAAW,EAAE;gBACX,KAAK,EAAE,aAAa;gBACpB,KAAK,EAAE,WAAW,CAAC,WAAW;aAC/B;YACD,QAAQ;YACR,SAAS,EAAE,OAAO,CAAC,SAAS;YAC5B,OAAO,EAAE,4EAA4E;SACtF,CAAA;KACF;AACH,CAAC,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.js","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.js","sourceRoot":"","sources":["../../../../src/components/lib/constants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,WAAW,GAAG,yBAAyB,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.js","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/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iCAAiC,EAAE,MAAM,UAAU,CAAA;AAE5D,cAAc,cAAc,CAAA;AAC5B,cAAc,UAAU,CAAA;AAGxB,eAAe,iCAAiC,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iCAAiC,EAAE,MAAM,UAAU,CAAA;AAE5D,cAAc,cAAc,CAAA;AAC5B,cAAc,UAAU,CAAA;AAExB,oDAAoD;AACpD,eAAe,iCAAiC,CAAA"}
|
package/package.json
ADDED
|
@@ -0,0 +1,80 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "@xyo-network/react-ethereum-gas-price-blocknative-plugin",
|
|
3
|
+
"author": {
|
|
4
|
+
"email": "support@xyo.network",
|
|
5
|
+
"name": "XYO Development Team",
|
|
6
|
+
"url": "https://xyo.network"
|
|
7
|
+
},
|
|
8
|
+
"bugs": {
|
|
9
|
+
"email": "support@xyo.network",
|
|
10
|
+
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/issues"
|
|
11
|
+
},
|
|
12
|
+
"dependencies": {
|
|
13
|
+
"@xylabs/react-flexbox": "^2.15.2",
|
|
14
|
+
"@xyo-network/react-gas-price": "^2.41.2",
|
|
15
|
+
"@xyo-network/react-payload-plugin": "^2.41.2",
|
|
16
|
+
"@xyo-network/react-shared": "^2.41.2",
|
|
17
|
+
"lodash": "^4.17.21",
|
|
18
|
+
"tslib": "^2.4.1"
|
|
19
|
+
},
|
|
20
|
+
"peerDependencies": {
|
|
21
|
+
"@mui/icons-material": "^5.10.3",
|
|
22
|
+
"@mui/material": "^5.10.3",
|
|
23
|
+
"@mui/styles": "^5.10.16",
|
|
24
|
+
"@xyo-network/blocknative-ethereum-gas-payload-plugin": "*",
|
|
25
|
+
"@xyo-network/diviner": "*",
|
|
26
|
+
"@xyo-network/gas-price-payload-plugin": "*",
|
|
27
|
+
"@xyo-network/module": "*",
|
|
28
|
+
"@xyo-network/payload": "*",
|
|
29
|
+
"@xyo-network/payload-plugin": "*",
|
|
30
|
+
"@xyo-network/schema-payload-plugin": "*",
|
|
31
|
+
"@xyo-network/utils": "*",
|
|
32
|
+
"react": "^18.2.0",
|
|
33
|
+
"react-dom": "^18.2.0",
|
|
34
|
+
"react-router-dom": "^6.3.0"
|
|
35
|
+
},
|
|
36
|
+
"description": "Common React library for all XYO projects that use React",
|
|
37
|
+
"browser": "dist/esm/index.js",
|
|
38
|
+
"docs": "dist/docs.json",
|
|
39
|
+
"exports": {
|
|
40
|
+
".": {
|
|
41
|
+
"node": {
|
|
42
|
+
"import": "./dist/esm/index.js",
|
|
43
|
+
"require": "./dist/cjs/index.js"
|
|
44
|
+
},
|
|
45
|
+
"browser": {
|
|
46
|
+
"import": "./dist/esm/index.js",
|
|
47
|
+
"require": "./dist/cjs/index.js"
|
|
48
|
+
},
|
|
49
|
+
"default": "./dist/esm/index.js"
|
|
50
|
+
},
|
|
51
|
+
"./dist/docs.json": {
|
|
52
|
+
"default": "./dist/docs.json"
|
|
53
|
+
},
|
|
54
|
+
"./package.json": "./package.json"
|
|
55
|
+
},
|
|
56
|
+
"main": "dist/cjs/index.js",
|
|
57
|
+
"module": "dist/esm/index.js",
|
|
58
|
+
"homepage": "https://xyo.network",
|
|
59
|
+
"keywords": [
|
|
60
|
+
"xyo",
|
|
61
|
+
"utility",
|
|
62
|
+
"typescript",
|
|
63
|
+
"react"
|
|
64
|
+
],
|
|
65
|
+
"license": "LGPL-3.0",
|
|
66
|
+
"publishConfig": {
|
|
67
|
+
"access": "public"
|
|
68
|
+
},
|
|
69
|
+
"repository": {
|
|
70
|
+
"type": "git",
|
|
71
|
+
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js.git"
|
|
72
|
+
},
|
|
73
|
+
"scripts": {
|
|
74
|
+
"lint-pkg": "npmPkgJsonLint .",
|
|
75
|
+
"license": "yarn license-checker --exclude \"MIT, ISC, Apache-2.0, BSD, BSD-2-Clause, CC-BY-4.0, Unlicense, CC-BY-3.0, CC0-1.0\""
|
|
76
|
+
},
|
|
77
|
+
"sideEffects": false,
|
|
78
|
+
"types": "dist/esm/index.d.ts",
|
|
79
|
+
"version": "2.40.36"
|
|
80
|
+
}
|
package/src/Plugin.ts
ADDED
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import { XyoEthereumGasBlocknativeSchema } from '@xyo-network/blocknative-ethereum-gas-payload-plugin'
|
|
2
|
+
import { XyoPayload } from '@xyo-network/payload'
|
|
3
|
+
import { EthereumGasPriceAvatar } from '@xyo-network/react-gas-price'
|
|
4
|
+
import { createPayloadRenderPlugin, XyoPayloadRenderPlugin } from '@xyo-network/react-payload-plugin'
|
|
5
|
+
|
|
6
|
+
import { BlocknativeGasPriceCardContent, BlocknativeGasPriceCardHeader, BlocknativeGasPriceDetailsBox } from './components'
|
|
7
|
+
|
|
8
|
+
export const EthereumGasPriceBlocknativePlugin: XyoPayloadRenderPlugin = {
|
|
9
|
+
...createPayloadRenderPlugin({
|
|
10
|
+
canRender: (payload?: XyoPayload) => payload?.schema === XyoEthereumGasBlocknativeSchema,
|
|
11
|
+
components: {
|
|
12
|
+
avatar: {
|
|
13
|
+
image: EthereumGasPriceAvatar,
|
|
14
|
+
},
|
|
15
|
+
box: {
|
|
16
|
+
detailsBox: BlocknativeGasPriceDetailsBox,
|
|
17
|
+
},
|
|
18
|
+
card: {
|
|
19
|
+
content: BlocknativeGasPriceCardContent,
|
|
20
|
+
header: BlocknativeGasPriceCardHeader,
|
|
21
|
+
},
|
|
22
|
+
},
|
|
23
|
+
name: 'Ethereum Gas Price Blocknative',
|
|
24
|
+
}),
|
|
25
|
+
}
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import { ComponentMeta, ComponentStory } from '@storybook/react'
|
|
2
|
+
import { XyoEthereumGasBlocknativeSchema } from '@xyo-network/blocknative-ethereum-gas-payload-plugin'
|
|
3
|
+
import { sampleBlocknativeGasPricePayload } from '@xyo-network/react-storybook'
|
|
4
|
+
|
|
5
|
+
import { BlocknativeGasPriceCard } from './Card'
|
|
6
|
+
|
|
7
|
+
const StorybookEntry = {
|
|
8
|
+
argTypes: {},
|
|
9
|
+
component: BlocknativeGasPriceCard,
|
|
10
|
+
parameters: {
|
|
11
|
+
docs: {
|
|
12
|
+
page: null,
|
|
13
|
+
},
|
|
14
|
+
},
|
|
15
|
+
title: 'plugin/blockchain/BlocknativeGasPrice/Card',
|
|
16
|
+
} as ComponentMeta<typeof BlocknativeGasPriceCard>
|
|
17
|
+
|
|
18
|
+
const Template: ComponentStory<typeof BlocknativeGasPriceCard> = (args) => <BlocknativeGasPriceCard {...args} />
|
|
19
|
+
|
|
20
|
+
const Default = Template.bind({})
|
|
21
|
+
Default.args = {}
|
|
22
|
+
|
|
23
|
+
const WithData = Template.bind({})
|
|
24
|
+
WithData.args = { payload: sampleBlocknativeGasPricePayload }
|
|
25
|
+
|
|
26
|
+
const WithMissingData = Template.bind({})
|
|
27
|
+
WithMissingData.args = { payload: { schema: XyoEthereumGasBlocknativeSchema } }
|
|
28
|
+
|
|
29
|
+
export { Default, WithData, WithMissingData }
|
|
30
|
+
|
|
31
|
+
// eslint-disable-next-line import/no-default-export
|
|
32
|
+
export default StorybookEntry
|