@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.
Files changed (133) hide show
  1. package/LICENSE +165 -0
  2. package/README.md +70 -0
  3. package/dist/cjs/Plugin.d.ts +3 -0
  4. package/dist/cjs/Plugin.d.ts.map +1 -0
  5. package/dist/cjs/Plugin.js +24 -0
  6. package/dist/cjs/Plugin.js.map +1 -0
  7. package/dist/cjs/components/Card/Card.d.ts +12 -0
  8. package/dist/cjs/components/Card/Card.d.ts.map +1 -0
  9. package/dist/cjs/components/Card/Card.js +15 -0
  10. package/dist/cjs/components/Card/Card.js.map +1 -0
  11. package/dist/cjs/components/Card/CardContent.d.ts +12 -0
  12. package/dist/cjs/components/Card/CardContent.d.ts.map +1 -0
  13. package/dist/cjs/components/Card/CardContent.js +24 -0
  14. package/dist/cjs/components/Card/CardContent.js.map +1 -0
  15. package/dist/cjs/components/Card/CardHeader.d.ts +22 -0
  16. package/dist/cjs/components/Card/CardHeader.d.ts.map +1 -0
  17. package/dist/cjs/components/Card/CardHeader.js +15 -0
  18. package/dist/cjs/components/Card/CardHeader.js.map +1 -0
  19. package/dist/cjs/components/Card/index.d.ts +4 -0
  20. package/dist/cjs/components/Card/index.d.ts.map +1 -0
  21. package/dist/cjs/components/Card/index.js +7 -0
  22. package/dist/cjs/components/Card/index.js.map +1 -0
  23. package/dist/cjs/components/Details/Box/BlocknativeGasPriceDetailsBox.d.ts +4 -0
  24. package/dist/cjs/components/Details/Box/BlocknativeGasPriceDetailsBox.d.ts.map +1 -0
  25. package/dist/cjs/components/Details/Box/BlocknativeGasPriceDetailsBox.js +25 -0
  26. package/dist/cjs/components/Details/Box/BlocknativeGasPriceDetailsBox.js.map +1 -0
  27. package/dist/cjs/components/Details/Box/index.d.ts +2 -0
  28. package/dist/cjs/components/Details/Box/index.d.ts.map +1 -0
  29. package/dist/cjs/components/Details/Box/index.js +5 -0
  30. package/dist/cjs/components/Details/Box/index.js.map +1 -0
  31. package/dist/cjs/components/Details/index.d.ts +2 -0
  32. package/dist/cjs/components/Details/index.d.ts.map +1 -0
  33. package/dist/cjs/components/Details/index.js +5 -0
  34. package/dist/cjs/components/Details/index.js.map +1 -0
  35. package/dist/cjs/components/hooks/index.d.ts +2 -0
  36. package/dist/cjs/components/hooks/index.d.ts.map +1 -0
  37. package/dist/cjs/components/hooks/index.js +5 -0
  38. package/dist/cjs/components/hooks/index.js.map +1 -0
  39. package/dist/cjs/components/hooks/useBlocknativeTransformer.d.ts +4 -0
  40. package/dist/cjs/components/hooks/useBlocknativeTransformer.d.ts.map +1 -0
  41. package/dist/cjs/components/hooks/useBlocknativeTransformer.js +35 -0
  42. package/dist/cjs/components/hooks/useBlocknativeTransformer.js.map +1 -0
  43. package/dist/cjs/components/index.d.ts +3 -0
  44. package/dist/cjs/components/index.d.ts.map +1 -0
  45. package/dist/cjs/components/index.js +6 -0
  46. package/dist/cjs/components/index.js.map +1 -0
  47. package/dist/cjs/components/lib/constants.d.ts +2 -0
  48. package/dist/cjs/components/lib/constants.d.ts.map +1 -0
  49. package/dist/cjs/components/lib/constants.js +5 -0
  50. package/dist/cjs/components/lib/constants.js.map +1 -0
  51. package/dist/cjs/components/lib/index.d.ts +2 -0
  52. package/dist/cjs/components/lib/index.d.ts.map +1 -0
  53. package/dist/cjs/components/lib/index.js +5 -0
  54. package/dist/cjs/components/lib/index.js.map +1 -0
  55. package/dist/cjs/index.d.ts +5 -0
  56. package/dist/cjs/index.d.ts.map +1 -0
  57. package/dist/cjs/index.js +9 -0
  58. package/dist/cjs/index.js.map +1 -0
  59. package/dist/docs.json +5352 -0
  60. package/dist/esm/Plugin.d.ts +3 -0
  61. package/dist/esm/Plugin.d.ts.map +1 -0
  62. package/dist/esm/Plugin.js +23 -0
  63. package/dist/esm/Plugin.js.map +1 -0
  64. package/dist/esm/components/Card/Card.d.ts +12 -0
  65. package/dist/esm/components/Card/Card.d.ts.map +1 -0
  66. package/dist/esm/components/Card/Card.js +10 -0
  67. package/dist/esm/components/Card/Card.js.map +1 -0
  68. package/dist/esm/components/Card/CardContent.d.ts +12 -0
  69. package/dist/esm/components/Card/CardContent.d.ts.map +1 -0
  70. package/dist/esm/components/Card/CardContent.js +18 -0
  71. package/dist/esm/components/Card/CardContent.js.map +1 -0
  72. package/dist/esm/components/Card/CardHeader.d.ts +22 -0
  73. package/dist/esm/components/Card/CardHeader.d.ts.map +1 -0
  74. package/dist/esm/components/Card/CardHeader.js +12 -0
  75. package/dist/esm/components/Card/CardHeader.js.map +1 -0
  76. package/dist/esm/components/Card/index.d.ts +4 -0
  77. package/dist/esm/components/Card/index.d.ts.map +1 -0
  78. package/dist/esm/components/Card/index.js +4 -0
  79. package/dist/esm/components/Card/index.js.map +1 -0
  80. package/dist/esm/components/Details/Box/BlocknativeGasPriceDetailsBox.d.ts +4 -0
  81. package/dist/esm/components/Details/Box/BlocknativeGasPriceDetailsBox.d.ts.map +1 -0
  82. package/dist/esm/components/Details/Box/BlocknativeGasPriceDetailsBox.js +19 -0
  83. package/dist/esm/components/Details/Box/BlocknativeGasPriceDetailsBox.js.map +1 -0
  84. package/dist/esm/components/Details/Box/index.d.ts +2 -0
  85. package/dist/esm/components/Details/Box/index.d.ts.map +1 -0
  86. package/dist/esm/components/Details/Box/index.js +2 -0
  87. package/dist/esm/components/Details/Box/index.js.map +1 -0
  88. package/dist/esm/components/Details/index.d.ts +2 -0
  89. package/dist/esm/components/Details/index.d.ts.map +1 -0
  90. package/dist/esm/components/Details/index.js +2 -0
  91. package/dist/esm/components/Details/index.js.map +1 -0
  92. package/dist/esm/components/hooks/index.d.ts +2 -0
  93. package/dist/esm/components/hooks/index.d.ts.map +1 -0
  94. package/dist/esm/components/hooks/index.js +2 -0
  95. package/dist/esm/components/hooks/index.js.map +1 -0
  96. package/dist/esm/components/hooks/useBlocknativeTransformer.d.ts +4 -0
  97. package/dist/esm/components/hooks/useBlocknativeTransformer.d.ts.map +1 -0
  98. package/dist/esm/components/hooks/useBlocknativeTransformer.js +30 -0
  99. package/dist/esm/components/hooks/useBlocknativeTransformer.js.map +1 -0
  100. package/dist/esm/components/index.d.ts +3 -0
  101. package/dist/esm/components/index.d.ts.map +1 -0
  102. package/dist/esm/components/index.js +3 -0
  103. package/dist/esm/components/index.js.map +1 -0
  104. package/dist/esm/components/lib/constants.d.ts +2 -0
  105. package/dist/esm/components/lib/constants.d.ts.map +1 -0
  106. package/dist/esm/components/lib/constants.js +2 -0
  107. package/dist/esm/components/lib/constants.js.map +1 -0
  108. package/dist/esm/components/lib/index.d.ts +2 -0
  109. package/dist/esm/components/lib/index.d.ts.map +1 -0
  110. package/dist/esm/components/lib/index.js +2 -0
  111. package/dist/esm/components/lib/index.js.map +1 -0
  112. package/dist/esm/index.d.ts +5 -0
  113. package/dist/esm/index.d.ts.map +1 -0
  114. package/dist/esm/index.js +6 -0
  115. package/dist/esm/index.js.map +1 -0
  116. package/package.json +80 -0
  117. package/src/Plugin.ts +25 -0
  118. package/src/components/Card/Card.stories.tsx +32 -0
  119. package/src/components/Card/Card.tsx +17 -0
  120. package/src/components/Card/CardContent.tsx +34 -0
  121. package/src/components/Card/CardHeader.tsx +16 -0
  122. package/src/components/Card/index.ts +3 -0
  123. package/src/components/Details/Box/BlocknativeGasPriceDetailsBox.stories.tsx +32 -0
  124. package/src/components/Details/Box/BlocknativeGasPriceDetailsBox.tsx +48 -0
  125. package/src/components/Details/Box/index.ts +1 -0
  126. package/src/components/Details/index.ts +1 -0
  127. package/src/components/hooks/index.ts +1 -0
  128. package/src/components/hooks/useBlocknativeTransformer.tsx +33 -0
  129. package/src/components/index.ts +2 -0
  130. package/src/components/lib/constants.ts +1 -0
  131. package/src/components/lib/index.ts +1 -0
  132. package/src/index.ts +7 -0
  133. package/src/types/images.d.ts +5 -0
@@ -0,0 +1,3 @@
1
+ import { XyoPayloadRenderPlugin } from '@xyo-network/react-payload-plugin';
2
+ export declare const EthereumGasPriceBlocknativePlugin: XyoPayloadRenderPlugin;
3
+ //# sourceMappingURL=Plugin.d.ts.map
@@ -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,4 @@
1
+ export * from './Card';
2
+ export * from './CardContent';
3
+ export * from './CardHeader';
4
+ //# sourceMappingURL=index.d.ts.map
@@ -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
+ export * from './Card';
2
+ export * from './CardContent';
3
+ export * from './CardHeader';
4
+ //# sourceMappingURL=index.js.map
@@ -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,2 @@
1
+ export * from './BlocknativeGasPriceDetailsBox';
2
+ //# sourceMappingURL=index.d.ts.map
@@ -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,2 @@
1
+ export * from './BlocknativeGasPriceDetailsBox';
2
+ //# sourceMappingURL=index.js.map
@@ -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,2 @@
1
+ export * from './Box';
2
+ //# sourceMappingURL=index.d.ts.map
@@ -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,2 @@
1
+ export * from './Box';
2
+ //# sourceMappingURL=index.js.map
@@ -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,2 @@
1
+ export * from './useBlocknativeTransformer';
2
+ //# sourceMappingURL=index.d.ts.map
@@ -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,2 @@
1
+ export * from './useBlocknativeTransformer';
2
+ //# sourceMappingURL=index.js.map
@@ -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,3 @@
1
+ export * from './Card';
2
+ export * from './Details';
3
+ //# sourceMappingURL=index.d.ts.map
@@ -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,3 @@
1
+ export * from './Card';
2
+ export * from './Details';
3
+ //# sourceMappingURL=index.js.map
@@ -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,2 @@
1
+ export declare const RenderTitle = "Blocknative Gas Tracker";
2
+ //# sourceMappingURL=constants.d.ts.map
@@ -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,2 @@
1
+ export const RenderTitle = 'Blocknative Gas Tracker';
2
+ //# sourceMappingURL=constants.js.map
@@ -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,2 @@
1
+ export * from './constants';
2
+ //# sourceMappingURL=index.d.ts.map
@@ -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,2 @@
1
+ export * from './constants';
2
+ //# sourceMappingURL=index.js.map
@@ -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,5 @@
1
+ import { EthereumGasPriceBlocknativePlugin } from './Plugin';
2
+ export * from './components';
3
+ export * from './Plugin';
4
+ export default EthereumGasPriceBlocknativePlugin;
5
+ //# sourceMappingURL=index.d.ts.map
@@ -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,6 @@
1
+ import { EthereumGasPriceBlocknativePlugin } from './Plugin';
2
+ export * from './components';
3
+ export * from './Plugin';
4
+ // eslint-disable-next-line import/no-default-export
5
+ export default EthereumGasPriceBlocknativePlugin;
6
+ //# sourceMappingURL=index.js.map
@@ -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