@xyo-network/react-gas-price 2.64.8 → 2.64.10
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/browser/components/layout/Header.d.cts +1 -1
- package/dist/browser/components/layout/Header.d.cts.map +1 -1
- package/dist/browser/components/layout/Header.d.mts +1 -1
- package/dist/browser/components/layout/Header.d.mts.map +1 -1
- package/dist/browser/components/layout/Header.d.ts +1 -1
- package/dist/browser/components/layout/Header.d.ts.map +1 -1
- package/dist/docs.json +32092 -15784
- package/dist/node/components/layout/Header.d.cts +1 -1
- package/dist/node/components/layout/Header.d.cts.map +1 -1
- package/dist/node/components/layout/Header.d.mts +1 -1
- package/dist/node/components/layout/Header.d.mts.map +1 -1
- package/dist/node/components/layout/Header.d.ts +1 -1
- package/dist/node/components/layout/Header.d.ts.map +1 -1
- package/package.json +7 -7
- package/dist/browser/components/Avatar/EthereumGasPriceAvatar.cjs +0 -32
- package/dist/browser/components/Avatar/EthereumGasPriceAvatar.cjs.map +0 -1
- package/dist/browser/components/Avatar/EthereumGasPriceAvatar.js +0 -11
- package/dist/browser/components/Avatar/EthereumGasPriceAvatar.js.map +0 -1
- package/dist/browser/components/Avatar/index.cjs +0 -34
- package/dist/browser/components/Avatar/index.cjs.map +0 -1
- package/dist/browser/components/Avatar/index.js +0 -11
- package/dist/browser/components/Avatar/index.js.map +0 -1
- package/dist/browser/components/CardHeader/CardHeader.cjs +0 -103
- package/dist/browser/components/CardHeader/CardHeader.cjs.map +0 -1
- package/dist/browser/components/CardHeader/CardHeader.js +0 -82
- package/dist/browser/components/CardHeader/CardHeader.js.map +0 -1
- package/dist/browser/components/CardHeader/index.cjs +0 -105
- package/dist/browser/components/CardHeader/index.cjs.map +0 -1
- package/dist/browser/components/CardHeader/index.js +0 -82
- package/dist/browser/components/CardHeader/index.js.map +0 -1
- package/dist/browser/components/GasFees/Card.cjs +0 -93
- package/dist/browser/components/GasFees/Card.cjs.map +0 -1
- package/dist/browser/components/GasFees/Card.js +0 -72
- package/dist/browser/components/GasFees/Card.js.map +0 -1
- package/dist/browser/components/GasFees/components/GasPriceBox.cjs +0 -44
- package/dist/browser/components/GasFees/components/GasPriceBox.cjs.map +0 -1
- package/dist/browser/components/GasFees/components/GasPriceBox.js +0 -23
- package/dist/browser/components/GasFees/components/GasPriceBox.js.map +0 -1
- package/dist/browser/components/GasFees/components/GweiLabelTypography.cjs +0 -29
- package/dist/browser/components/GasFees/components/GweiLabelTypography.cjs.map +0 -1
- package/dist/browser/components/GasFees/components/GweiLabelTypography.js +0 -8
- package/dist/browser/components/GasFees/components/GweiLabelTypography.js.map +0 -1
- package/dist/browser/components/GasFees/components/PriorityFeeBox.cjs +0 -52
- package/dist/browser/components/GasFees/components/PriorityFeeBox.cjs.map +0 -1
- package/dist/browser/components/GasFees/components/PriorityFeeBox.js +0 -31
- package/dist/browser/components/GasFees/components/PriorityFeeBox.js.map +0 -1
- package/dist/browser/components/GasFees/components/SpeedBox.cjs +0 -34
- package/dist/browser/components/GasFees/components/SpeedBox.cjs.map +0 -1
- package/dist/browser/components/GasFees/components/SpeedBox.js +0 -13
- package/dist/browser/components/GasFees/components/SpeedBox.js.map +0 -1
- package/dist/browser/components/GasFees/components/index.cjs +0 -79
- package/dist/browser/components/GasFees/components/index.cjs.map +0 -1
- package/dist/browser/components/GasFees/components/index.js +0 -56
- package/dist/browser/components/GasFees/components/index.js.map +0 -1
- package/dist/browser/components/GasFees/index.cjs +0 -95
- package/dist/browser/components/GasFees/index.cjs.map +0 -1
- package/dist/browser/components/GasFees/index.js +0 -72
- package/dist/browser/components/GasFees/index.js.map +0 -1
- package/dist/browser/components/HeaderBox.cjs +0 -104
- package/dist/browser/components/HeaderBox.cjs.map +0 -1
- package/dist/browser/components/HeaderBox.js +0 -81
- package/dist/browser/components/HeaderBox.js.map +0 -1
- package/dist/browser/components/HeaderComponents/Actions.cjs +0 -43
- package/dist/browser/components/HeaderComponents/Actions.cjs.map +0 -1
- package/dist/browser/components/HeaderComponents/Actions.js +0 -22
- package/dist/browser/components/HeaderComponents/Actions.js.map +0 -1
- package/dist/browser/components/HeaderComponents/Header/Header.cjs +0 -52
- package/dist/browser/components/HeaderComponents/Header/Header.cjs.map +0 -1
- package/dist/browser/components/HeaderComponents/Header/Header.js +0 -31
- package/dist/browser/components/HeaderComponents/Header/Header.js.map +0 -1
- package/dist/browser/components/HeaderComponents/Header/Heading.cjs +0 -39
- package/dist/browser/components/HeaderComponents/Header/Heading.cjs.map +0 -1
- package/dist/browser/components/HeaderComponents/Header/Heading.js +0 -18
- package/dist/browser/components/HeaderComponents/Header/Heading.js.map +0 -1
- package/dist/browser/components/HeaderComponents/Header/index.cjs +0 -55
- package/dist/browser/components/HeaderComponents/Header/index.cjs.map +0 -1
- package/dist/browser/components/HeaderComponents/Header/index.js +0 -32
- package/dist/browser/components/HeaderComponents/Header/index.js.map +0 -1
- package/dist/browser/components/HeaderComponents/index.cjs +0 -75
- package/dist/browser/components/HeaderComponents/index.cjs.map +0 -1
- package/dist/browser/components/HeaderComponents/index.js +0 -52
- package/dist/browser/components/HeaderComponents/index.js.map +0 -1
- package/dist/browser/components/RawPayload/ToggleRawPayloadBox.cjs +0 -37
- package/dist/browser/components/RawPayload/ToggleRawPayloadBox.cjs.map +0 -1
- package/dist/browser/components/RawPayload/ToggleRawPayloadBox.js +0 -16
- package/dist/browser/components/RawPayload/ToggleRawPayloadBox.js.map +0 -1
- package/dist/browser/components/RawPayload/index.cjs +0 -39
- package/dist/browser/components/RawPayload/index.cjs.map +0 -1
- package/dist/browser/components/RawPayload/index.js +0 -16
- package/dist/browser/components/RawPayload/index.js.map +0 -1
- package/dist/browser/components/index.cjs +0 -235
- package/dist/browser/components/index.cjs.map +0 -1
- package/dist/browser/components/index.js +0 -212
- package/dist/browser/components/index.js.map +0 -1
- package/dist/browser/components/layout/Header.cjs +0 -37
- package/dist/browser/components/layout/Header.cjs.map +0 -1
- package/dist/browser/components/layout/Header.js +0 -16
- package/dist/browser/components/layout/Header.js.map +0 -1
- package/dist/browser/components/layout/StyledCardHeader.cjs +0 -31
- package/dist/browser/components/layout/StyledCardHeader.cjs.map +0 -1
- package/dist/browser/components/layout/StyledCardHeader.js +0 -10
- package/dist/browser/components/layout/StyledCardHeader.js.map +0 -1
- package/dist/browser/components/layout/index.cjs +0 -47
- package/dist/browser/components/layout/index.cjs.map +0 -1
- package/dist/browser/components/layout/index.js +0 -24
- package/dist/browser/components/layout/index.js.map +0 -1
- package/dist/browser/types/GasPriceWitnessPayload.cjs +0 -19
- package/dist/browser/types/GasPriceWitnessPayload.cjs.map +0 -1
- package/dist/browser/types/GasPriceWitnessPayload.js +0 -1
- package/dist/browser/types/GasPriceWitnessPayload.js.map +0 -1
- package/dist/browser/types/index.cjs +0 -19
- package/dist/browser/types/index.cjs.map +0 -1
- package/dist/browser/types/index.js +0 -1
- package/dist/browser/types/index.js.map +0 -1
- package/dist/node/components/Avatar/EthereumGasPriceAvatar.cjs +0 -36
- package/dist/node/components/Avatar/EthereumGasPriceAvatar.cjs.map +0 -1
- package/dist/node/components/Avatar/EthereumGasPriceAvatar.js +0 -11
- package/dist/node/components/Avatar/EthereumGasPriceAvatar.js.map +0 -1
- package/dist/node/components/Avatar/index.cjs +0 -38
- package/dist/node/components/Avatar/index.cjs.map +0 -1
- package/dist/node/components/Avatar/index.js +0 -11
- package/dist/node/components/Avatar/index.js.map +0 -1
- package/dist/node/components/CardHeader/CardHeader.cjs +0 -110
- package/dist/node/components/CardHeader/CardHeader.cjs.map +0 -1
- package/dist/node/components/CardHeader/CardHeader.js +0 -85
- package/dist/node/components/CardHeader/CardHeader.js.map +0 -1
- package/dist/node/components/CardHeader/index.cjs +0 -112
- package/dist/node/components/CardHeader/index.cjs.map +0 -1
- package/dist/node/components/CardHeader/index.js +0 -85
- package/dist/node/components/CardHeader/index.js.map +0 -1
- package/dist/node/components/GasFees/Card.cjs +0 -97
- package/dist/node/components/GasFees/Card.cjs.map +0 -1
- package/dist/node/components/GasFees/Card.js +0 -72
- package/dist/node/components/GasFees/Card.js.map +0 -1
- package/dist/node/components/GasFees/components/GasPriceBox.cjs +0 -48
- package/dist/node/components/GasFees/components/GasPriceBox.cjs.map +0 -1
- package/dist/node/components/GasFees/components/GasPriceBox.js +0 -23
- package/dist/node/components/GasFees/components/GasPriceBox.js.map +0 -1
- package/dist/node/components/GasFees/components/GweiLabelTypography.cjs +0 -33
- package/dist/node/components/GasFees/components/GweiLabelTypography.cjs.map +0 -1
- package/dist/node/components/GasFees/components/GweiLabelTypography.js +0 -8
- package/dist/node/components/GasFees/components/GweiLabelTypography.js.map +0 -1
- package/dist/node/components/GasFees/components/PriorityFeeBox.cjs +0 -56
- package/dist/node/components/GasFees/components/PriorityFeeBox.cjs.map +0 -1
- package/dist/node/components/GasFees/components/PriorityFeeBox.js +0 -31
- package/dist/node/components/GasFees/components/PriorityFeeBox.js.map +0 -1
- package/dist/node/components/GasFees/components/SpeedBox.cjs +0 -38
- package/dist/node/components/GasFees/components/SpeedBox.cjs.map +0 -1
- package/dist/node/components/GasFees/components/SpeedBox.js +0 -13
- package/dist/node/components/GasFees/components/SpeedBox.js.map +0 -1
- package/dist/node/components/GasFees/components/index.cjs +0 -85
- package/dist/node/components/GasFees/components/index.cjs.map +0 -1
- package/dist/node/components/GasFees/components/index.js +0 -56
- package/dist/node/components/GasFees/components/index.js.map +0 -1
- package/dist/node/components/GasFees/index.cjs +0 -99
- package/dist/node/components/GasFees/index.cjs.map +0 -1
- package/dist/node/components/GasFees/index.js +0 -72
- package/dist/node/components/GasFees/index.js.map +0 -1
- package/dist/node/components/HeaderBox.cjs +0 -109
- package/dist/node/components/HeaderBox.cjs.map +0 -1
- package/dist/node/components/HeaderBox.js +0 -82
- package/dist/node/components/HeaderBox.js.map +0 -1
- package/dist/node/components/HeaderComponents/Actions.cjs +0 -47
- package/dist/node/components/HeaderComponents/Actions.cjs.map +0 -1
- package/dist/node/components/HeaderComponents/Actions.js +0 -22
- package/dist/node/components/HeaderComponents/Actions.js.map +0 -1
- package/dist/node/components/HeaderComponents/Header/Header.cjs +0 -56
- package/dist/node/components/HeaderComponents/Header/Header.cjs.map +0 -1
- package/dist/node/components/HeaderComponents/Header/Header.js +0 -31
- package/dist/node/components/HeaderComponents/Header/Header.js.map +0 -1
- package/dist/node/components/HeaderComponents/Header/Heading.cjs +0 -43
- package/dist/node/components/HeaderComponents/Header/Heading.cjs.map +0 -1
- package/dist/node/components/HeaderComponents/Header/Heading.js +0 -18
- package/dist/node/components/HeaderComponents/Header/Heading.js.map +0 -1
- package/dist/node/components/HeaderComponents/Header/index.cjs +0 -60
- package/dist/node/components/HeaderComponents/Header/index.cjs.map +0 -1
- package/dist/node/components/HeaderComponents/Header/index.js +0 -32
- package/dist/node/components/HeaderComponents/Header/index.js.map +0 -1
- package/dist/node/components/HeaderComponents/index.cjs +0 -81
- package/dist/node/components/HeaderComponents/index.cjs.map +0 -1
- package/dist/node/components/HeaderComponents/index.js +0 -52
- package/dist/node/components/HeaderComponents/index.js.map +0 -1
- package/dist/node/components/RawPayload/ToggleRawPayloadBox.cjs +0 -41
- package/dist/node/components/RawPayload/ToggleRawPayloadBox.cjs.map +0 -1
- package/dist/node/components/RawPayload/ToggleRawPayloadBox.js +0 -16
- package/dist/node/components/RawPayload/ToggleRawPayloadBox.js.map +0 -1
- package/dist/node/components/RawPayload/index.cjs +0 -43
- package/dist/node/components/RawPayload/index.cjs.map +0 -1
- package/dist/node/components/RawPayload/index.js +0 -16
- package/dist/node/components/RawPayload/index.js.map +0 -1
- package/dist/node/components/index.cjs +0 -252
- package/dist/node/components/index.cjs.map +0 -1
- package/dist/node/components/index.js +0 -216
- package/dist/node/components/index.js.map +0 -1
- package/dist/node/components/layout/Header.cjs +0 -41
- package/dist/node/components/layout/Header.cjs.map +0 -1
- package/dist/node/components/layout/Header.js +0 -16
- package/dist/node/components/layout/Header.js.map +0 -1
- package/dist/node/components/layout/StyledCardHeader.cjs +0 -35
- package/dist/node/components/layout/StyledCardHeader.cjs.map +0 -1
- package/dist/node/components/layout/StyledCardHeader.js +0 -10
- package/dist/node/components/layout/StyledCardHeader.js.map +0 -1
- package/dist/node/components/layout/index.cjs +0 -52
- package/dist/node/components/layout/index.cjs.map +0 -1
- package/dist/node/components/layout/index.js +0 -24
- package/dist/node/components/layout/index.js.map +0 -1
- package/dist/node/types/GasPriceWitnessPayload.cjs +0 -19
- package/dist/node/types/GasPriceWitnessPayload.cjs.map +0 -1
- package/dist/node/types/GasPriceWitnessPayload.js +0 -1
- package/dist/node/types/GasPriceWitnessPayload.js.map +0 -1
- package/dist/node/types/index.cjs +0 -19
- package/dist/node/types/index.cjs.map +0 -1
- package/dist/node/types/index.js +0 -1
- package/dist/node/types/index.js.map +0 -1
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/Avatar/EthereumGasPriceAvatar.tsx","../../../src/components/CardHeader/CardHeader.tsx","../../../src/components/HeaderComponents/Actions.tsx","../../../src/components/HeaderComponents/Header/Header.tsx","../../../src/components/HeaderComponents/Header/Heading.tsx","../../../src/components/layout/Header.tsx","../../../src/components/layout/StyledCardHeader.tsx","../../../src/components/GasFees/Card.tsx","../../../src/components/GasFees/components/GasPriceBox.tsx","../../../src/components/GasFees/components/GweiLabelTypography.tsx","../../../src/components/GasFees/components/PriorityFeeBox.tsx","../../../src/components/GasFees/components/SpeedBox.tsx","../../../src/components/HeaderBox.tsx","../../../src/components/RawPayload/ToggleRawPayloadBox.tsx"],"sourcesContent":["import { LocalGasStationRounded as LocalGasStationRoundedIcon } from '@mui/icons-material'\nimport { Avatar, AvatarProps } from '@mui/material'\n\nexport const EthereumGasPriceAvatar: React.FC<AvatarProps> = ({ ...props }) => {\n return (\n <Avatar {...props}>\n <LocalGasStationRoundedIcon />\n </Avatar>\n )\n}\n","import { CardProps } from '@mui/material'\nimport { forwardRef } from 'react'\n\nimport { GasPriceWitnessUIBasePayload } from '../../types'\nimport { GasPriceHeaderActionsBox, GasPriceHeaderTypography } from '../HeaderComponents'\nimport { StyledCardHeader } from '../layout'\n\nexport interface GasPriceCardHeaderProps extends CardProps {\n parsedPayload?: GasPriceWitnessUIBasePayload\n title?: string\n}\nexport const GasPriceWitnessCardHeader = forwardRef<HTMLDivElement, GasPriceCardHeaderProps>(({ title, parsedPayload, ...props }, ref) => (\n <StyledCardHeader\n title={<GasPriceHeaderTypography heading={title} />}\n action={\n <GasPriceHeaderActionsBox\n timestamp={parsedPayload?.timestamp}\n baseFee={parsedPayload?.baseFee?.value}\n baseFeeLabel={parsedPayload?.baseFee?.label}\n blockNumber={parsedPayload?.blockNumber?.value}\n blockNumberLabel={parsedPayload?.blockNumber?.label}\n />\n }\n ref={ref}\n {...props}\n />\n))\n\nGasPriceWitnessCardHeader.displayName = 'GasPriceWitnessCardHeader'\n","import { Chip } from '@mui/material'\nimport { FlexBoxProps, FlexRow } from '@xylabs/react-flexbox'\n\nexport interface GasPriceEstimateActionsBoxProps extends FlexBoxProps {\n baseFee?: number\n baseFeeLabel?: string\n blockNumber?: number\n blockNumberLabel?: string\n timestamp?: number\n}\n\nexport const GasPriceHeaderActionsBox: React.FC<GasPriceEstimateActionsBoxProps> = ({\n baseFee,\n baseFeeLabel = 'Base Fee',\n blockNumber,\n blockNumberLabel = 'Block Number',\n timestamp,\n ...props\n}) => {\n return (\n <FlexRow columnGap={1} rowGap={1} flexWrap=\"wrap\" {...props}>\n {timestamp ? <Chip label={new Date(timestamp).toLocaleString()} /> : null}\n {baseFee ? <Chip label={`${baseFeeLabel} - ${baseFee.toFixed(2)} GWEI`} /> : null}\n {blockNumber ? <Chip label={`${blockNumberLabel} - ${blockNumber}`} /> : null}\n </FlexRow>\n )\n}\n","import { useTheme } from '@mui/material'\nimport { WithChildren } from '@xylabs/react-shared'\nimport { TypographyExProps, useGetTokenData } from '@xyo-network/react-shared'\n\nimport { GasPriceHeadingTypography } from './Heading'\n\nexport interface GasPriceHeaderTypographyProps extends TypographyExProps, WithChildren {\n heading?: string\n}\n\nexport const GasPriceHeaderTypography: React.FC<GasPriceHeaderTypographyProps> = ({ heading, children, ...props }) => {\n const theme = useTheme()\n const [ethData] = useGetTokenData(['eth'])\n const networkIcon = <img height={theme.spacing(4)} src={ethData.icon} />\n\n return (\n <GasPriceHeadingTypography heading={heading} networkIcon={networkIcon} {...props}>\n {children}\n </GasPriceHeadingTypography>\n )\n}\n","import { useTheme } from '@mui/material'\nimport { TypographyEx, TypographyExProps } from '@xyo-network/react-shared'\nimport { ReactNode } from 'react'\n\nexport interface GasPriceHeadingTypographyProps extends TypographyExProps {\n children?: ReactNode\n heading?: string\n networkIcon?: ReactNode\n}\n\nexport const GasPriceHeadingTypography: React.FC<GasPriceHeadingTypographyProps> = ({ children, heading, networkIcon, ...props }) => {\n const theme = useTheme()\n return (\n <TypographyEx fontSize={theme.spacing(6)} lineHeight={1} {...props}>\n {heading} {networkIcon} {children}\n </TypographyEx>\n )\n}\n","import { styled } from '@mui/material'\nimport { FlexRow } from '@xylabs/react-flexbox'\n\nexport const StyledGasPriceHeaderBox = styled(FlexRow, { name: 'StyledGasPriceEstimateBox' })(({ theme }) => ({\n alignItems: 'end',\n columnGap: theme.spacing(2),\n flexWrap: 'wrap',\n justifyContent: 'space-between',\n justifyItems: 'space-between',\n rowGap: theme.spacing(2),\n width: '100%',\n}))\n","import { CardHeader, styled } from '@mui/material'\n\nexport const StyledCardHeader = styled(CardHeader, { name: 'StyledCardHeader' })(({ theme }) => ({\n flexWrap: 'wrap',\n rowGap: theme.spacing(2),\n}))\n","import { Card, CardProps, Paper, useTheme } from '@mui/material'\nimport { FlexGrowCol } from '@xylabs/react-flexbox'\nimport { CardContentEx } from '@xyo-network/react-card'\n\nimport { GasPriceBox, PriorityFeeBox, SpeedBox } from './components'\n\nexport interface GasFeeCardProps extends CardProps {\n gasPrice?: number\n priorityFee?: number\n priorityFeeLabel?: string\n speed?: string\n speedPaperElevation?: number\n}\n\nexport const GasFeeCard: React.FC<GasFeeCardProps> = ({ gasPrice, speedPaperElevation, priorityFee, priorityFeeLabel, speed = 'low', ...props }) => {\n const theme = useTheme()\n\n return (\n <Card sx={{ p: 0 }} {...props}>\n <CardContentEx removePadding sx={{ flexDirection: 'column', flexGrow: 1, p: 0, rowGap: 2 }}>\n <FlexGrowCol bgcolor={theme.palette.secondary.dark} alignItems=\"start\" p={2} rowGap={1.5} color={theme.palette.common.white}>\n <GasPriceBox gasPrice={gasPrice} />\n {priorityFee ? <PriorityFeeBox priorityFee={priorityFee} priorityFeeLabel={priorityFeeLabel} /> : null}\n </FlexGrowCol>\n <Paper elevation={speedPaperElevation} sx={{ borderRadius: `0 0 ${theme.shape.borderRadius}px ${theme.shape.borderRadius}px` }}>\n <SpeedBox speed={speed} />\n </Paper>\n </CardContentEx>\n </Card>\n )\n}\n","import { useTheme } from '@mui/material'\nimport { FlexBoxProps, FlexRow } from '@xylabs/react-flexbox'\nimport { TypographyEx } from '@xyo-network/react-shared'\n\nimport { GweiLabelTypography } from './GweiLabelTypography'\n\nexport interface GasPriceBoxProps extends FlexBoxProps {\n gasPrice?: number\n}\n\nexport const GasPriceBox: React.FC<GasPriceBoxProps> = ({ gasPrice, ...props }) => {\n const theme = useTheme()\n return (\n <FlexRow columnGap={1.5} rowGap={1.5} alignItems=\"end\" {...props}>\n <TypographyEx lineHeight={1} fontWeight=\"200\" fontSize={theme.spacing(6)} title={gasPrice?.toString() ?? ''}>\n {gasPrice?.toFixed(2)}\n </TypographyEx>\n <GweiLabelTypography fontSize={theme.spacing(2)} />\n </FlexRow>\n )\n}\n","import { TypographyEx, TypographyExProps } from '@xyo-network/react-shared'\n\nexport const GweiLabelTypography: React.FC<TypographyExProps> = (props) => (\n <TypographyEx variant=\"caption\" {...props}>\n GWEI\n </TypographyEx>\n)\n","import { LocalGasStationRounded as LocalGasStationRoundedIcon } from '@mui/icons-material'\nimport { useTheme } from '@mui/material'\nimport { FlexBoxProps, FlexCol, FlexGrowRow } from '@xylabs/react-flexbox'\nimport { TypographyEx } from '@xyo-network/react-shared'\n\nimport { GweiLabelTypography } from './GweiLabelTypography'\n\nexport interface PriorityFeeBoxProps extends FlexBoxProps {\n priorityFee?: number\n priorityFeeLabel?: string\n}\n\nexport const PriorityFeeBox: React.FC<PriorityFeeBoxProps> = ({ priorityFee, priorityFeeLabel = 'Priority Fee', ...props }) => {\n const theme = useTheme()\n\n return (\n <FlexGrowRow width=\"100%\" justifyContent=\"space-between\" alignItems=\"end\" {...props}>\n <FlexCol alignItems=\"start\">\n <TypographyEx>{priorityFeeLabel}</TypographyEx>\n <TypographyEx title={priorityFee?.toString() ?? ''}>\n {priorityFee?.toFixed(2)} <GweiLabelTypography fontSize={theme.spacing(1)} />\n </TypographyEx>\n </FlexCol>\n <LocalGasStationRoundedIcon />\n </FlexGrowRow>\n )\n}\n","import { useTheme } from '@mui/material'\nimport { FlexBoxProps, FlexGrowCol } from '@xylabs/react-flexbox'\nimport { TypographyEx } from '@xyo-network/react-shared'\n\nexport interface SpeedBoxProps extends FlexBoxProps {\n speed?: string\n}\n\nexport const SpeedBox: React.FC<SpeedBoxProps> = ({ speed, ...props }) => {\n const theme = useTheme()\n\n return speed ? (\n <FlexGrowCol {...props}>\n <TypographyEx fontSize={theme.spacing(3)} fontWeight=\"200\" p={1}>\n {speed}\n </TypographyEx>\n </FlexGrowCol>\n ) : null\n}\n","import { FlexBoxProps } from '@xylabs/react-flexbox'\n\nimport { GasPriceWitnessUIBasePayload } from '../types'\nimport { GasPriceHeaderActionsBox, GasPriceHeaderTypography } from './HeaderComponents'\nimport { StyledGasPriceHeaderBox } from './layout'\n\nexport interface GasPriceWitnessHeaderBoxProps extends FlexBoxProps {\n heading?: string\n parsedPayload?: GasPriceWitnessUIBasePayload\n}\n\nexport const GasPriceWitnessHeaderBox: React.FC<GasPriceWitnessHeaderBoxProps> = ({ heading, parsedPayload, ...props }) => {\n return (\n <StyledGasPriceHeaderBox {...props}>\n <GasPriceHeaderTypography heading={heading} />\n <GasPriceHeaderActionsBox\n timestamp={parsedPayload?.timestamp}\n baseFee={parsedPayload?.baseFee?.value}\n baseFeeLabel={parsedPayload?.baseFee?.label}\n blockNumber={parsedPayload?.blockNumber?.value}\n blockNumberLabel={parsedPayload?.blockNumber?.label}\n />\n </StyledGasPriceHeaderBox>\n )\n}\n","import { Button, Collapse, Paper } from '@mui/material'\nimport { FlexBoxProps, FlexCol } from '@xylabs/react-flexbox'\nimport { useState } from 'react'\n\nexport interface ToggleRawPayloadBoxProps extends FlexBoxProps {\n gasPricePayload?: object\n}\n\nexport const ToggleRawPayloadBox: React.FC<ToggleRawPayloadBoxProps> = ({ gasPricePayload, ...props }) => {\n const [collapse, setCollapse] = useState(false)\n return gasPricePayload ? (\n <FlexCol rowGap={1} {...props}>\n <Button color=\"secondary\" sx={{ bgcolor: 'secondary.dark', color: 'white' }} variant=\"contained\" onClick={() => setCollapse(!collapse)}>\n Raw Payload\n </Button>\n <Collapse in={collapse}>\n <Paper elevation={4} sx={{ p: 2 }}>\n <pre>{JSON.stringify(gasPricePayload, null, 2)}</pre>\n </Paper>\n </Collapse>\n </FlexCol>\n ) : null\n}\n"],"mappings":"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","names":["jsx","useTheme","jsxs","jsx","useTheme","FlexRow","styled","jsx","useTheme","FlexGrowCol","useTheme","FlexRow","TypographyEx","TypographyEx","jsx","jsx","jsxs","useTheme","FlexRow","TypographyEx","LocalGasStationRoundedIcon","useTheme","TypographyEx","jsx","jsxs","useTheme","TypographyEx","LocalGasStationRoundedIcon","useTheme","TypographyEx","jsx","jsx","jsxs","useTheme","FlexGrowCol","jsx","jsxs","Paper","FlexCol","jsx","jsxs"]}
|
|
@@ -1,37 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __defProp = Object.defineProperty;
|
|
3
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
|
-
var __export = (target, all) => {
|
|
7
|
-
for (var name in all)
|
|
8
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
9
|
-
};
|
|
10
|
-
var __copyProps = (to, from, except, desc) => {
|
|
11
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
12
|
-
for (let key of __getOwnPropNames(from))
|
|
13
|
-
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
14
|
-
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
15
|
-
}
|
|
16
|
-
return to;
|
|
17
|
-
};
|
|
18
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
19
|
-
|
|
20
|
-
// src/components/layout/Header.tsx
|
|
21
|
-
var Header_exports = {};
|
|
22
|
-
__export(Header_exports, {
|
|
23
|
-
StyledGasPriceHeaderBox: () => StyledGasPriceHeaderBox
|
|
24
|
-
});
|
|
25
|
-
module.exports = __toCommonJS(Header_exports);
|
|
26
|
-
var import_material = require("@mui/material");
|
|
27
|
-
var import_react_flexbox = require("@xylabs/react-flexbox");
|
|
28
|
-
var StyledGasPriceHeaderBox = (0, import_material.styled)(import_react_flexbox.FlexRow, { name: "StyledGasPriceEstimateBox" })(({ theme }) => ({
|
|
29
|
-
alignItems: "end",
|
|
30
|
-
columnGap: theme.spacing(2),
|
|
31
|
-
flexWrap: "wrap",
|
|
32
|
-
justifyContent: "space-between",
|
|
33
|
-
justifyItems: "space-between",
|
|
34
|
-
rowGap: theme.spacing(2),
|
|
35
|
-
width: "100%"
|
|
36
|
-
}));
|
|
37
|
-
//# sourceMappingURL=Header.cjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/components/layout/Header.tsx"],"sourcesContent":["import { styled } from '@mui/material'\nimport { FlexRow } from '@xylabs/react-flexbox'\n\nexport const StyledGasPriceHeaderBox = styled(FlexRow, { name: 'StyledGasPriceEstimateBox' })(({ theme }) => ({\n alignItems: 'end',\n columnGap: theme.spacing(2),\n flexWrap: 'wrap',\n justifyContent: 'space-between',\n justifyItems: 'space-between',\n rowGap: theme.spacing(2),\n width: '100%',\n}))\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBAAuB;AACvB,2BAAwB;AAEjB,IAAM,8BAA0B,wBAAO,8BAAS,EAAE,MAAM,4BAA4B,CAAC,EAAE,CAAC,EAAE,MAAM,OAAO;AAAA,EAC5G,YAAY;AAAA,EACZ,WAAW,MAAM,QAAQ,CAAC;AAAA,EAC1B,UAAU;AAAA,EACV,gBAAgB;AAAA,EAChB,cAAc;AAAA,EACd,QAAQ,MAAM,QAAQ,CAAC;AAAA,EACvB,OAAO;AACT,EAAE;","names":[]}
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
// src/components/layout/Header.tsx
|
|
2
|
-
import { styled } from "@mui/material";
|
|
3
|
-
import { FlexRow } from "@xylabs/react-flexbox";
|
|
4
|
-
var StyledGasPriceHeaderBox = styled(FlexRow, { name: "StyledGasPriceEstimateBox" })(({ theme }) => ({
|
|
5
|
-
alignItems: "end",
|
|
6
|
-
columnGap: theme.spacing(2),
|
|
7
|
-
flexWrap: "wrap",
|
|
8
|
-
justifyContent: "space-between",
|
|
9
|
-
justifyItems: "space-between",
|
|
10
|
-
rowGap: theme.spacing(2),
|
|
11
|
-
width: "100%"
|
|
12
|
-
}));
|
|
13
|
-
export {
|
|
14
|
-
StyledGasPriceHeaderBox
|
|
15
|
-
};
|
|
16
|
-
//# sourceMappingURL=Header.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/components/layout/Header.tsx"],"sourcesContent":["import { styled } from '@mui/material'\nimport { FlexRow } from '@xylabs/react-flexbox'\n\nexport const StyledGasPriceHeaderBox = styled(FlexRow, { name: 'StyledGasPriceEstimateBox' })(({ theme }) => ({\n alignItems: 'end',\n columnGap: theme.spacing(2),\n flexWrap: 'wrap',\n justifyContent: 'space-between',\n justifyItems: 'space-between',\n rowGap: theme.spacing(2),\n width: '100%',\n}))\n"],"mappings":";AAAA,SAAS,cAAc;AACvB,SAAS,eAAe;AAEjB,IAAM,0BAA0B,OAAO,SAAS,EAAE,MAAM,4BAA4B,CAAC,EAAE,CAAC,EAAE,MAAM,OAAO;AAAA,EAC5G,YAAY;AAAA,EACZ,WAAW,MAAM,QAAQ,CAAC;AAAA,EAC1B,UAAU;AAAA,EACV,gBAAgB;AAAA,EAChB,cAAc;AAAA,EACd,QAAQ,MAAM,QAAQ,CAAC;AAAA,EACvB,OAAO;AACT,EAAE;","names":[]}
|
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __defProp = Object.defineProperty;
|
|
3
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
|
-
var __export = (target, all) => {
|
|
7
|
-
for (var name in all)
|
|
8
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
9
|
-
};
|
|
10
|
-
var __copyProps = (to, from, except, desc) => {
|
|
11
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
12
|
-
for (let key of __getOwnPropNames(from))
|
|
13
|
-
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
14
|
-
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
15
|
-
}
|
|
16
|
-
return to;
|
|
17
|
-
};
|
|
18
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
19
|
-
|
|
20
|
-
// src/components/layout/StyledCardHeader.tsx
|
|
21
|
-
var StyledCardHeader_exports = {};
|
|
22
|
-
__export(StyledCardHeader_exports, {
|
|
23
|
-
StyledCardHeader: () => StyledCardHeader
|
|
24
|
-
});
|
|
25
|
-
module.exports = __toCommonJS(StyledCardHeader_exports);
|
|
26
|
-
var import_material = require("@mui/material");
|
|
27
|
-
var StyledCardHeader = (0, import_material.styled)(import_material.CardHeader, { name: "StyledCardHeader" })(({ theme }) => ({
|
|
28
|
-
flexWrap: "wrap",
|
|
29
|
-
rowGap: theme.spacing(2)
|
|
30
|
-
}));
|
|
31
|
-
//# sourceMappingURL=StyledCardHeader.cjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/components/layout/StyledCardHeader.tsx"],"sourcesContent":["import { CardHeader, styled } from '@mui/material'\n\nexport const StyledCardHeader = styled(CardHeader, { name: 'StyledCardHeader' })(({ theme }) => ({\n flexWrap: 'wrap',\n rowGap: theme.spacing(2),\n}))\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBAAmC;AAE5B,IAAM,uBAAmB,wBAAO,4BAAY,EAAE,MAAM,mBAAmB,CAAC,EAAE,CAAC,EAAE,MAAM,OAAO;AAAA,EAC/F,UAAU;AAAA,EACV,QAAQ,MAAM,QAAQ,CAAC;AACzB,EAAE;","names":[]}
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
// src/components/layout/StyledCardHeader.tsx
|
|
2
|
-
import { CardHeader, styled } from "@mui/material";
|
|
3
|
-
var StyledCardHeader = styled(CardHeader, { name: "StyledCardHeader" })(({ theme }) => ({
|
|
4
|
-
flexWrap: "wrap",
|
|
5
|
-
rowGap: theme.spacing(2)
|
|
6
|
-
}));
|
|
7
|
-
export {
|
|
8
|
-
StyledCardHeader
|
|
9
|
-
};
|
|
10
|
-
//# sourceMappingURL=StyledCardHeader.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/components/layout/StyledCardHeader.tsx"],"sourcesContent":["import { CardHeader, styled } from '@mui/material'\n\nexport const StyledCardHeader = styled(CardHeader, { name: 'StyledCardHeader' })(({ theme }) => ({\n flexWrap: 'wrap',\n rowGap: theme.spacing(2),\n}))\n"],"mappings":";AAAA,SAAS,YAAY,cAAc;AAE5B,IAAM,mBAAmB,OAAO,YAAY,EAAE,MAAM,mBAAmB,CAAC,EAAE,CAAC,EAAE,MAAM,OAAO;AAAA,EAC/F,UAAU;AAAA,EACV,QAAQ,MAAM,QAAQ,CAAC;AACzB,EAAE;","names":[]}
|
|
@@ -1,47 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __defProp = Object.defineProperty;
|
|
3
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
|
-
var __export = (target, all) => {
|
|
7
|
-
for (var name in all)
|
|
8
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
9
|
-
};
|
|
10
|
-
var __copyProps = (to, from, except, desc) => {
|
|
11
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
12
|
-
for (let key of __getOwnPropNames(from))
|
|
13
|
-
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
14
|
-
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
15
|
-
}
|
|
16
|
-
return to;
|
|
17
|
-
};
|
|
18
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
19
|
-
|
|
20
|
-
// src/components/layout/index.ts
|
|
21
|
-
var layout_exports = {};
|
|
22
|
-
__export(layout_exports, {
|
|
23
|
-
StyledCardHeader: () => StyledCardHeader,
|
|
24
|
-
StyledGasPriceHeaderBox: () => StyledGasPriceHeaderBox
|
|
25
|
-
});
|
|
26
|
-
module.exports = __toCommonJS(layout_exports);
|
|
27
|
-
|
|
28
|
-
// src/components/layout/Header.tsx
|
|
29
|
-
var import_material = require("@mui/material");
|
|
30
|
-
var import_react_flexbox = require("@xylabs/react-flexbox");
|
|
31
|
-
var StyledGasPriceHeaderBox = (0, import_material.styled)(import_react_flexbox.FlexRow, { name: "StyledGasPriceEstimateBox" })(({ theme }) => ({
|
|
32
|
-
alignItems: "end",
|
|
33
|
-
columnGap: theme.spacing(2),
|
|
34
|
-
flexWrap: "wrap",
|
|
35
|
-
justifyContent: "space-between",
|
|
36
|
-
justifyItems: "space-between",
|
|
37
|
-
rowGap: theme.spacing(2),
|
|
38
|
-
width: "100%"
|
|
39
|
-
}));
|
|
40
|
-
|
|
41
|
-
// src/components/layout/StyledCardHeader.tsx
|
|
42
|
-
var import_material2 = require("@mui/material");
|
|
43
|
-
var StyledCardHeader = (0, import_material2.styled)(import_material2.CardHeader, { name: "StyledCardHeader" })(({ theme }) => ({
|
|
44
|
-
flexWrap: "wrap",
|
|
45
|
-
rowGap: theme.spacing(2)
|
|
46
|
-
}));
|
|
47
|
-
//# sourceMappingURL=index.cjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/components/layout/index.ts","../../../../src/components/layout/Header.tsx","../../../../src/components/layout/StyledCardHeader.tsx"],"sourcesContent":["export * from './Header'\nexport * from './StyledCardHeader'\n","import { styled } from '@mui/material'\nimport { FlexRow } from '@xylabs/react-flexbox'\n\nexport const StyledGasPriceHeaderBox = styled(FlexRow, { name: 'StyledGasPriceEstimateBox' })(({ theme }) => ({\n alignItems: 'end',\n columnGap: theme.spacing(2),\n flexWrap: 'wrap',\n justifyContent: 'space-between',\n justifyItems: 'space-between',\n rowGap: theme.spacing(2),\n width: '100%',\n}))\n","import { CardHeader, styled } from '@mui/material'\n\nexport const StyledCardHeader = styled(CardHeader, { name: 'StyledCardHeader' })(({ theme }) => ({\n flexWrap: 'wrap',\n rowGap: theme.spacing(2),\n}))\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,sBAAuB;AACvB,2BAAwB;AAEjB,IAAM,8BAA0B,wBAAO,8BAAS,EAAE,MAAM,4BAA4B,CAAC,EAAE,CAAC,EAAE,MAAM,OAAO;AAAA,EAC5G,YAAY;AAAA,EACZ,WAAW,MAAM,QAAQ,CAAC;AAAA,EAC1B,UAAU;AAAA,EACV,gBAAgB;AAAA,EAChB,cAAc;AAAA,EACd,QAAQ,MAAM,QAAQ,CAAC;AAAA,EACvB,OAAO;AACT,EAAE;;;ACXF,IAAAA,mBAAmC;AAE5B,IAAM,uBAAmB,yBAAO,6BAAY,EAAE,MAAM,mBAAmB,CAAC,EAAE,CAAC,EAAE,MAAM,OAAO;AAAA,EAC/F,UAAU;AAAA,EACV,QAAQ,MAAM,QAAQ,CAAC;AACzB,EAAE;","names":["import_material"]}
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
// src/components/layout/Header.tsx
|
|
2
|
-
import { styled } from "@mui/material";
|
|
3
|
-
import { FlexRow } from "@xylabs/react-flexbox";
|
|
4
|
-
var StyledGasPriceHeaderBox = styled(FlexRow, { name: "StyledGasPriceEstimateBox" })(({ theme }) => ({
|
|
5
|
-
alignItems: "end",
|
|
6
|
-
columnGap: theme.spacing(2),
|
|
7
|
-
flexWrap: "wrap",
|
|
8
|
-
justifyContent: "space-between",
|
|
9
|
-
justifyItems: "space-between",
|
|
10
|
-
rowGap: theme.spacing(2),
|
|
11
|
-
width: "100%"
|
|
12
|
-
}));
|
|
13
|
-
|
|
14
|
-
// src/components/layout/StyledCardHeader.tsx
|
|
15
|
-
import { CardHeader, styled as styled2 } from "@mui/material";
|
|
16
|
-
var StyledCardHeader = styled2(CardHeader, { name: "StyledCardHeader" })(({ theme }) => ({
|
|
17
|
-
flexWrap: "wrap",
|
|
18
|
-
rowGap: theme.spacing(2)
|
|
19
|
-
}));
|
|
20
|
-
export {
|
|
21
|
-
StyledCardHeader,
|
|
22
|
-
StyledGasPriceHeaderBox
|
|
23
|
-
};
|
|
24
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/components/layout/Header.tsx","../../../../src/components/layout/StyledCardHeader.tsx"],"sourcesContent":["import { styled } from '@mui/material'\nimport { FlexRow } from '@xylabs/react-flexbox'\n\nexport const StyledGasPriceHeaderBox = styled(FlexRow, { name: 'StyledGasPriceEstimateBox' })(({ theme }) => ({\n alignItems: 'end',\n columnGap: theme.spacing(2),\n flexWrap: 'wrap',\n justifyContent: 'space-between',\n justifyItems: 'space-between',\n rowGap: theme.spacing(2),\n width: '100%',\n}))\n","import { CardHeader, styled } from '@mui/material'\n\nexport const StyledCardHeader = styled(CardHeader, { name: 'StyledCardHeader' })(({ theme }) => ({\n flexWrap: 'wrap',\n rowGap: theme.spacing(2),\n}))\n"],"mappings":";AAAA,SAAS,cAAc;AACvB,SAAS,eAAe;AAEjB,IAAM,0BAA0B,OAAO,SAAS,EAAE,MAAM,4BAA4B,CAAC,EAAE,CAAC,EAAE,MAAM,OAAO;AAAA,EAC5G,YAAY;AAAA,EACZ,WAAW,MAAM,QAAQ,CAAC;AAAA,EAC1B,UAAU;AAAA,EACV,gBAAgB;AAAA,EAChB,cAAc;AAAA,EACd,QAAQ,MAAM,QAAQ,CAAC;AAAA,EACvB,OAAO;AACT,EAAE;;;ACXF,SAAS,YAAY,UAAAA,eAAc;AAE5B,IAAM,mBAAmBA,QAAO,YAAY,EAAE,MAAM,mBAAmB,CAAC,EAAE,CAAC,EAAE,MAAM,OAAO;AAAA,EAC/F,UAAU;AAAA,EACV,QAAQ,MAAM,QAAQ,CAAC;AACzB,EAAE;","names":["styled"]}
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __defProp = Object.defineProperty;
|
|
3
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
|
-
var __copyProps = (to, from, except, desc) => {
|
|
7
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
8
|
-
for (let key of __getOwnPropNames(from))
|
|
9
|
-
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
10
|
-
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
11
|
-
}
|
|
12
|
-
return to;
|
|
13
|
-
};
|
|
14
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
15
|
-
|
|
16
|
-
// src/types/GasPriceWitnessPayload.ts
|
|
17
|
-
var GasPriceWitnessPayload_exports = {};
|
|
18
|
-
module.exports = __toCommonJS(GasPriceWitnessPayload_exports);
|
|
19
|
-
//# sourceMappingURL=GasPriceWitnessPayload.cjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/types/GasPriceWitnessPayload.ts"],"sourcesContent":["// Payload for common fields across Gas Price Witnesses\nexport interface GasPriceWitnessUIBasePayload {\n baseFee?: UIField\n blockNumber?: UIField\n gasPrice?: GasPrice[]\n schema?: string\n timestamp?: number\n // @field website for the company\n website?: string\n}\n\nexport interface GasPrice {\n price?: UIField\n priorityFee?: UIField\n}\n\nexport interface UIField {\n label?: string\n value?: number\n}\n"],"mappings":";;;;;;;;;;;;;;;;AAAA;AAAA;","names":[]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
//# sourceMappingURL=GasPriceWitnessPayload.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __defProp = Object.defineProperty;
|
|
3
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
|
-
var __copyProps = (to, from, except, desc) => {
|
|
7
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
8
|
-
for (let key of __getOwnPropNames(from))
|
|
9
|
-
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
10
|
-
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
11
|
-
}
|
|
12
|
-
return to;
|
|
13
|
-
};
|
|
14
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
15
|
-
|
|
16
|
-
// src/types/index.ts
|
|
17
|
-
var types_exports = {};
|
|
18
|
-
module.exports = __toCommonJS(types_exports);
|
|
19
|
-
//# sourceMappingURL=index.cjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/types/index.ts"],"sourcesContent":["export * from './GasPriceWitnessPayload'\n"],"mappings":";;;;;;;;;;;;;;;;AAAA;AAAA;","names":[]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}
|
|
@@ -1,36 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __defProp = Object.defineProperty;
|
|
3
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
|
-
var __export = (target, all) => {
|
|
7
|
-
for (var name in all)
|
|
8
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
9
|
-
};
|
|
10
|
-
var __copyProps = (to, from, except, desc) => {
|
|
11
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
12
|
-
for (let key of __getOwnPropNames(from))
|
|
13
|
-
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
14
|
-
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
15
|
-
}
|
|
16
|
-
return to;
|
|
17
|
-
};
|
|
18
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
19
|
-
|
|
20
|
-
// src/components/Avatar/EthereumGasPriceAvatar.tsx
|
|
21
|
-
var EthereumGasPriceAvatar_exports = {};
|
|
22
|
-
__export(EthereumGasPriceAvatar_exports, {
|
|
23
|
-
EthereumGasPriceAvatar: () => EthereumGasPriceAvatar
|
|
24
|
-
});
|
|
25
|
-
module.exports = __toCommonJS(EthereumGasPriceAvatar_exports);
|
|
26
|
-
var import_icons_material = require("@mui/icons-material");
|
|
27
|
-
var import_material = require("@mui/material");
|
|
28
|
-
var import_jsx_runtime = require("react/jsx-runtime");
|
|
29
|
-
var EthereumGasPriceAvatar = ({ ...props }) => {
|
|
30
|
-
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.Avatar, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons_material.LocalGasStationRounded, {}) });
|
|
31
|
-
};
|
|
32
|
-
// Annotate the CommonJS export names for ESM import in node:
|
|
33
|
-
0 && (module.exports = {
|
|
34
|
-
EthereumGasPriceAvatar
|
|
35
|
-
});
|
|
36
|
-
//# sourceMappingURL=EthereumGasPriceAvatar.cjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/components/Avatar/EthereumGasPriceAvatar.tsx"],"sourcesContent":["import { LocalGasStationRounded as LocalGasStationRoundedIcon } from '@mui/icons-material'\nimport { Avatar, AvatarProps } from '@mui/material'\n\nexport const EthereumGasPriceAvatar: React.FC<AvatarProps> = ({ ...props }) => {\n return (\n <Avatar {...props}>\n <LocalGasStationRoundedIcon />\n </Avatar>\n )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,4BAAqE;AACrE,sBAAoC;AAK9B;AAHC,IAAM,yBAAgD,CAAC,EAAE,GAAG,MAAM,MAAM;AAC7E,SACE,4CAAC,0BAAQ,GAAG,OACV,sDAAC,sBAAAA,wBAAA,EAA2B,GAC9B;AAEJ;","names":["LocalGasStationRoundedIcon"]}
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
// src/components/Avatar/EthereumGasPriceAvatar.tsx
|
|
2
|
-
import { LocalGasStationRounded as LocalGasStationRoundedIcon } from "@mui/icons-material";
|
|
3
|
-
import { Avatar } from "@mui/material";
|
|
4
|
-
import { jsx } from "react/jsx-runtime";
|
|
5
|
-
var EthereumGasPriceAvatar = ({ ...props }) => {
|
|
6
|
-
return /* @__PURE__ */ jsx(Avatar, { ...props, children: /* @__PURE__ */ jsx(LocalGasStationRoundedIcon, {}) });
|
|
7
|
-
};
|
|
8
|
-
export {
|
|
9
|
-
EthereumGasPriceAvatar
|
|
10
|
-
};
|
|
11
|
-
//# sourceMappingURL=EthereumGasPriceAvatar.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/components/Avatar/EthereumGasPriceAvatar.tsx"],"sourcesContent":["import { LocalGasStationRounded as LocalGasStationRoundedIcon } from '@mui/icons-material'\nimport { Avatar, AvatarProps } from '@mui/material'\n\nexport const EthereumGasPriceAvatar: React.FC<AvatarProps> = ({ ...props }) => {\n return (\n <Avatar {...props}>\n <LocalGasStationRoundedIcon />\n </Avatar>\n )\n}\n"],"mappings":";AAAA,SAAS,0BAA0B,kCAAkC;AACrE,SAAS,cAA2B;AAK9B;AAHC,IAAM,yBAAgD,CAAC,EAAE,GAAG,MAAM,MAAM;AAC7E,SACE,oBAAC,UAAQ,GAAG,OACV,8BAAC,8BAA2B,GAC9B;AAEJ;","names":[]}
|
|
@@ -1,38 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __defProp = Object.defineProperty;
|
|
3
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
|
-
var __export = (target, all) => {
|
|
7
|
-
for (var name in all)
|
|
8
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
9
|
-
};
|
|
10
|
-
var __copyProps = (to, from, except, desc) => {
|
|
11
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
12
|
-
for (let key of __getOwnPropNames(from))
|
|
13
|
-
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
14
|
-
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
15
|
-
}
|
|
16
|
-
return to;
|
|
17
|
-
};
|
|
18
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
19
|
-
|
|
20
|
-
// src/components/Avatar/index.ts
|
|
21
|
-
var Avatar_exports = {};
|
|
22
|
-
__export(Avatar_exports, {
|
|
23
|
-
EthereumGasPriceAvatar: () => EthereumGasPriceAvatar
|
|
24
|
-
});
|
|
25
|
-
module.exports = __toCommonJS(Avatar_exports);
|
|
26
|
-
|
|
27
|
-
// src/components/Avatar/EthereumGasPriceAvatar.tsx
|
|
28
|
-
var import_icons_material = require("@mui/icons-material");
|
|
29
|
-
var import_material = require("@mui/material");
|
|
30
|
-
var import_jsx_runtime = require("react/jsx-runtime");
|
|
31
|
-
var EthereumGasPriceAvatar = ({ ...props }) => {
|
|
32
|
-
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.Avatar, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons_material.LocalGasStationRounded, {}) });
|
|
33
|
-
};
|
|
34
|
-
// Annotate the CommonJS export names for ESM import in node:
|
|
35
|
-
0 && (module.exports = {
|
|
36
|
-
EthereumGasPriceAvatar
|
|
37
|
-
});
|
|
38
|
-
//# sourceMappingURL=index.cjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/components/Avatar/index.ts","../../../../src/components/Avatar/EthereumGasPriceAvatar.tsx"],"sourcesContent":["export * from './EthereumGasPriceAvatar'\n","import { LocalGasStationRounded as LocalGasStationRoundedIcon } from '@mui/icons-material'\nimport { Avatar, AvatarProps } from '@mui/material'\n\nexport const EthereumGasPriceAvatar: React.FC<AvatarProps> = ({ ...props }) => {\n return (\n <Avatar {...props}>\n <LocalGasStationRoundedIcon />\n </Avatar>\n )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,4BAAqE;AACrE,sBAAoC;AAK9B;AAHC,IAAM,yBAAgD,CAAC,EAAE,GAAG,MAAM,MAAM;AAC7E,SACE,4CAAC,0BAAQ,GAAG,OACV,sDAAC,sBAAAA,wBAAA,EAA2B,GAC9B;AAEJ;","names":["LocalGasStationRoundedIcon"]}
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
// src/components/Avatar/EthereumGasPriceAvatar.tsx
|
|
2
|
-
import { LocalGasStationRounded as LocalGasStationRoundedIcon } from "@mui/icons-material";
|
|
3
|
-
import { Avatar } from "@mui/material";
|
|
4
|
-
import { jsx } from "react/jsx-runtime";
|
|
5
|
-
var EthereumGasPriceAvatar = ({ ...props }) => {
|
|
6
|
-
return /* @__PURE__ */ jsx(Avatar, { ...props, children: /* @__PURE__ */ jsx(LocalGasStationRoundedIcon, {}) });
|
|
7
|
-
};
|
|
8
|
-
export {
|
|
9
|
-
EthereumGasPriceAvatar
|
|
10
|
-
};
|
|
11
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/components/Avatar/EthereumGasPriceAvatar.tsx"],"sourcesContent":["import { LocalGasStationRounded as LocalGasStationRoundedIcon } from '@mui/icons-material'\nimport { Avatar, AvatarProps } from '@mui/material'\n\nexport const EthereumGasPriceAvatar: React.FC<AvatarProps> = ({ ...props }) => {\n return (\n <Avatar {...props}>\n <LocalGasStationRoundedIcon />\n </Avatar>\n )\n}\n"],"mappings":";AAAA,SAAS,0BAA0B,kCAAkC;AACrE,SAAS,cAA2B;AAK9B;AAHC,IAAM,yBAAgD,CAAC,EAAE,GAAG,MAAM,MAAM;AAC7E,SACE,oBAAC,UAAQ,GAAG,OACV,8BAAC,8BAA2B,GAC9B;AAEJ;","names":[]}
|
|
@@ -1,110 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __defProp = Object.defineProperty;
|
|
3
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
|
-
var __export = (target, all) => {
|
|
7
|
-
for (var name in all)
|
|
8
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
9
|
-
};
|
|
10
|
-
var __copyProps = (to, from, except, desc) => {
|
|
11
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
12
|
-
for (let key of __getOwnPropNames(from))
|
|
13
|
-
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
14
|
-
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
15
|
-
}
|
|
16
|
-
return to;
|
|
17
|
-
};
|
|
18
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
19
|
-
|
|
20
|
-
// src/components/CardHeader/CardHeader.tsx
|
|
21
|
-
var CardHeader_exports = {};
|
|
22
|
-
__export(CardHeader_exports, {
|
|
23
|
-
GasPriceWitnessCardHeader: () => GasPriceWitnessCardHeader
|
|
24
|
-
});
|
|
25
|
-
module.exports = __toCommonJS(CardHeader_exports);
|
|
26
|
-
var import_react = require("react");
|
|
27
|
-
|
|
28
|
-
// src/components/HeaderComponents/Actions.tsx
|
|
29
|
-
var import_material = require("@mui/material");
|
|
30
|
-
var import_react_flexbox = require("@xylabs/react-flexbox");
|
|
31
|
-
var import_jsx_runtime = require("react/jsx-runtime");
|
|
32
|
-
var GasPriceHeaderActionsBox = ({
|
|
33
|
-
baseFee,
|
|
34
|
-
baseFeeLabel = "Base Fee",
|
|
35
|
-
blockNumber,
|
|
36
|
-
blockNumberLabel = "Block Number",
|
|
37
|
-
timestamp,
|
|
38
|
-
...props
|
|
39
|
-
}) => {
|
|
40
|
-
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react_flexbox.FlexRow, { columnGap: 1, rowGap: 1, flexWrap: "wrap", ...props, children: [
|
|
41
|
-
timestamp ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.Chip, { label: new Date(timestamp).toLocaleString() }) : null,
|
|
42
|
-
baseFee ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.Chip, { label: `${baseFeeLabel} - ${baseFee.toFixed(2)} GWEI` }) : null,
|
|
43
|
-
blockNumber ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.Chip, { label: `${blockNumberLabel} - ${blockNumber}` }) : null
|
|
44
|
-
] });
|
|
45
|
-
};
|
|
46
|
-
|
|
47
|
-
// src/components/HeaderComponents/Header/Header.tsx
|
|
48
|
-
var import_material3 = require("@mui/material");
|
|
49
|
-
var import_react_shared2 = require("@xyo-network/react-shared");
|
|
50
|
-
|
|
51
|
-
// src/components/HeaderComponents/Header/Heading.tsx
|
|
52
|
-
var import_material2 = require("@mui/material");
|
|
53
|
-
var import_react_shared = require("@xyo-network/react-shared");
|
|
54
|
-
var import_jsx_runtime2 = require("react/jsx-runtime");
|
|
55
|
-
var GasPriceHeadingTypography = ({ children, heading, networkIcon, ...props }) => {
|
|
56
|
-
const theme = (0, import_material2.useTheme)();
|
|
57
|
-
return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_react_shared.TypographyEx, { fontSize: theme.spacing(6), lineHeight: 1, ...props, children: [
|
|
58
|
-
heading,
|
|
59
|
-
" ",
|
|
60
|
-
networkIcon,
|
|
61
|
-
" ",
|
|
62
|
-
children
|
|
63
|
-
] });
|
|
64
|
-
};
|
|
65
|
-
|
|
66
|
-
// src/components/HeaderComponents/Header/Header.tsx
|
|
67
|
-
var import_jsx_runtime3 = require("react/jsx-runtime");
|
|
68
|
-
var GasPriceHeaderTypography = ({ heading, children, ...props }) => {
|
|
69
|
-
const theme = (0, import_material3.useTheme)();
|
|
70
|
-
const [ethData] = (0, import_react_shared2.useGetTokenData)(["eth"]);
|
|
71
|
-
const networkIcon = /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("img", { height: theme.spacing(4), src: ethData.icon });
|
|
72
|
-
return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(GasPriceHeadingTypography, { heading, networkIcon, ...props, children });
|
|
73
|
-
};
|
|
74
|
-
|
|
75
|
-
// src/components/layout/StyledCardHeader.tsx
|
|
76
|
-
var import_material4 = require("@mui/material");
|
|
77
|
-
var StyledCardHeader = (0, import_material4.styled)(import_material4.CardHeader, { name: "StyledCardHeader" })(({ theme }) => ({
|
|
78
|
-
flexWrap: "wrap",
|
|
79
|
-
rowGap: theme.spacing(2)
|
|
80
|
-
}));
|
|
81
|
-
|
|
82
|
-
// src/components/CardHeader/CardHeader.tsx
|
|
83
|
-
var import_jsx_runtime4 = require("react/jsx-runtime");
|
|
84
|
-
var GasPriceWitnessCardHeader = (0, import_react.forwardRef)(({ title, parsedPayload, ...props }, ref) => {
|
|
85
|
-
var _a, _b, _c, _d;
|
|
86
|
-
return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
|
|
87
|
-
StyledCardHeader,
|
|
88
|
-
{
|
|
89
|
-
title: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(GasPriceHeaderTypography, { heading: title }),
|
|
90
|
-
action: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
|
|
91
|
-
GasPriceHeaderActionsBox,
|
|
92
|
-
{
|
|
93
|
-
timestamp: parsedPayload == null ? void 0 : parsedPayload.timestamp,
|
|
94
|
-
baseFee: (_a = parsedPayload == null ? void 0 : parsedPayload.baseFee) == null ? void 0 : _a.value,
|
|
95
|
-
baseFeeLabel: (_b = parsedPayload == null ? void 0 : parsedPayload.baseFee) == null ? void 0 : _b.label,
|
|
96
|
-
blockNumber: (_c = parsedPayload == null ? void 0 : parsedPayload.blockNumber) == null ? void 0 : _c.value,
|
|
97
|
-
blockNumberLabel: (_d = parsedPayload == null ? void 0 : parsedPayload.blockNumber) == null ? void 0 : _d.label
|
|
98
|
-
}
|
|
99
|
-
),
|
|
100
|
-
ref,
|
|
101
|
-
...props
|
|
102
|
-
}
|
|
103
|
-
);
|
|
104
|
-
});
|
|
105
|
-
GasPriceWitnessCardHeader.displayName = "GasPriceWitnessCardHeader";
|
|
106
|
-
// Annotate the CommonJS export names for ESM import in node:
|
|
107
|
-
0 && (module.exports = {
|
|
108
|
-
GasPriceWitnessCardHeader
|
|
109
|
-
});
|
|
110
|
-
//# sourceMappingURL=CardHeader.cjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/components/CardHeader/CardHeader.tsx","../../../../src/components/HeaderComponents/Actions.tsx","../../../../src/components/HeaderComponents/Header/Header.tsx","../../../../src/components/HeaderComponents/Header/Heading.tsx","../../../../src/components/layout/StyledCardHeader.tsx"],"sourcesContent":["import { CardProps } from '@mui/material'\nimport { forwardRef } from 'react'\n\nimport { GasPriceWitnessUIBasePayload } from '../../types'\nimport { GasPriceHeaderActionsBox, GasPriceHeaderTypography } from '../HeaderComponents'\nimport { StyledCardHeader } from '../layout'\n\nexport interface GasPriceCardHeaderProps extends CardProps {\n parsedPayload?: GasPriceWitnessUIBasePayload\n title?: string\n}\nexport const GasPriceWitnessCardHeader = forwardRef<HTMLDivElement, GasPriceCardHeaderProps>(({ title, parsedPayload, ...props }, ref) => (\n <StyledCardHeader\n title={<GasPriceHeaderTypography heading={title} />}\n action={\n <GasPriceHeaderActionsBox\n timestamp={parsedPayload?.timestamp}\n baseFee={parsedPayload?.baseFee?.value}\n baseFeeLabel={parsedPayload?.baseFee?.label}\n blockNumber={parsedPayload?.blockNumber?.value}\n blockNumberLabel={parsedPayload?.blockNumber?.label}\n />\n }\n ref={ref}\n {...props}\n />\n))\n\nGasPriceWitnessCardHeader.displayName = 'GasPriceWitnessCardHeader'\n","import { Chip } from '@mui/material'\nimport { FlexBoxProps, FlexRow } from '@xylabs/react-flexbox'\n\nexport interface GasPriceEstimateActionsBoxProps extends FlexBoxProps {\n baseFee?: number\n baseFeeLabel?: string\n blockNumber?: number\n blockNumberLabel?: string\n timestamp?: number\n}\n\nexport const GasPriceHeaderActionsBox: React.FC<GasPriceEstimateActionsBoxProps> = ({\n baseFee,\n baseFeeLabel = 'Base Fee',\n blockNumber,\n blockNumberLabel = 'Block Number',\n timestamp,\n ...props\n}) => {\n return (\n <FlexRow columnGap={1} rowGap={1} flexWrap=\"wrap\" {...props}>\n {timestamp ? <Chip label={new Date(timestamp).toLocaleString()} /> : null}\n {baseFee ? <Chip label={`${baseFeeLabel} - ${baseFee.toFixed(2)} GWEI`} /> : null}\n {blockNumber ? <Chip label={`${blockNumberLabel} - ${blockNumber}`} /> : null}\n </FlexRow>\n )\n}\n","import { useTheme } from '@mui/material'\nimport { WithChildren } from '@xylabs/react-shared'\nimport { TypographyExProps, useGetTokenData } from '@xyo-network/react-shared'\n\nimport { GasPriceHeadingTypography } from './Heading'\n\nexport interface GasPriceHeaderTypographyProps extends TypographyExProps, WithChildren {\n heading?: string\n}\n\nexport const GasPriceHeaderTypography: React.FC<GasPriceHeaderTypographyProps> = ({ heading, children, ...props }) => {\n const theme = useTheme()\n const [ethData] = useGetTokenData(['eth'])\n const networkIcon = <img height={theme.spacing(4)} src={ethData.icon} />\n\n return (\n <GasPriceHeadingTypography heading={heading} networkIcon={networkIcon} {...props}>\n {children}\n </GasPriceHeadingTypography>\n )\n}\n","import { useTheme } from '@mui/material'\nimport { TypographyEx, TypographyExProps } from '@xyo-network/react-shared'\nimport { ReactNode } from 'react'\n\nexport interface GasPriceHeadingTypographyProps extends TypographyExProps {\n children?: ReactNode\n heading?: string\n networkIcon?: ReactNode\n}\n\nexport const GasPriceHeadingTypography: React.FC<GasPriceHeadingTypographyProps> = ({ children, heading, networkIcon, ...props }) => {\n const theme = useTheme()\n return (\n <TypographyEx fontSize={theme.spacing(6)} lineHeight={1} {...props}>\n {heading} {networkIcon} {children}\n </TypographyEx>\n )\n}\n","import { CardHeader, styled } from '@mui/material'\n\nexport const StyledCardHeader = styled(CardHeader, { name: 'StyledCardHeader' })(({ theme }) => ({\n flexWrap: 'wrap',\n rowGap: theme.spacing(2),\n}))\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,mBAA2B;;;ACD3B,sBAAqB;AACrB,2BAAsC;AAmBlC;AATG,IAAM,2BAAsE,CAAC;AAAA,EAClF;AAAA,EACA,eAAe;AAAA,EACf;AAAA,EACA,mBAAmB;AAAA,EACnB;AAAA,EACA,GAAG;AACL,MAAM;AACJ,SACE,6CAAC,gCAAQ,WAAW,GAAG,QAAQ,GAAG,UAAS,QAAQ,GAAG,OACnD;AAAA,gBAAY,4CAAC,wBAAK,OAAO,IAAI,KAAK,SAAS,EAAE,eAAe,GAAG,IAAK;AAAA,IACpE,UAAU,4CAAC,wBAAK,OAAO,GAAG,YAAY,MAAM,QAAQ,QAAQ,CAAC,CAAC,SAAS,IAAK;AAAA,IAC5E,cAAc,4CAAC,wBAAK,OAAO,GAAG,gBAAgB,MAAM,WAAW,IAAI,IAAK;AAAA,KAC3E;AAEJ;;;AC1BA,IAAAA,mBAAyB;AAEzB,IAAAC,uBAAmD;;;ACFnD,IAAAC,mBAAyB;AACzB,0BAAgD;AAY5C,IAAAC,sBAAA;AAHG,IAAM,4BAAsE,CAAC,EAAE,UAAU,SAAS,aAAa,GAAG,MAAM,MAAM;AACnI,QAAM,YAAQ,2BAAS;AACvB,SACE,8CAAC,oCAAa,UAAU,MAAM,QAAQ,CAAC,GAAG,YAAY,GAAI,GAAG,OAC1D;AAAA;AAAA,IAAQ;AAAA,IAAE;AAAA,IAAY;AAAA,IAAE;AAAA,KAC3B;AAEJ;;;ADJsB,IAAAC,sBAAA;AAHf,IAAM,2BAAoE,CAAC,EAAE,SAAS,UAAU,GAAG,MAAM,MAAM;AACpH,QAAM,YAAQ,2BAAS;AACvB,QAAM,CAAC,OAAO,QAAI,sCAAgB,CAAC,KAAK,CAAC;AACzC,QAAM,cAAc,6CAAC,SAAI,QAAQ,MAAM,QAAQ,CAAC,GAAG,KAAK,QAAQ,MAAM;AAEtE,SACE,6CAAC,6BAA0B,SAAkB,aAA2B,GAAG,OACxE,UACH;AAEJ;;;AEpBA,IAAAC,mBAAmC;AAE5B,IAAM,uBAAmB,yBAAO,6BAAY,EAAE,MAAM,mBAAmB,CAAC,EAAE,CAAC,EAAE,MAAM,OAAO;AAAA,EAC/F,UAAU;AAAA,EACV,QAAQ,MAAM,QAAQ,CAAC;AACzB,EAAE;;;AJQS,IAAAC,sBAAA;AAFJ,IAAM,gCAA4B,yBAAoD,CAAC,EAAE,OAAO,eAAe,GAAG,MAAM,GAAG,QAAK;AAXvI;AAYE;AAAA,IAAC;AAAA;AAAA,MACC,OAAO,6CAAC,4BAAyB,SAAS,OAAO;AAAA,MACjD,QACE;AAAA,QAAC;AAAA;AAAA,UACC,WAAW,+CAAe;AAAA,UAC1B,UAAS,oDAAe,YAAf,mBAAwB;AAAA,UACjC,eAAc,oDAAe,YAAf,mBAAwB;AAAA,UACtC,cAAa,oDAAe,gBAAf,mBAA4B;AAAA,UACzC,mBAAkB,oDAAe,gBAAf,mBAA4B;AAAA;AAAA,MAChD;AAAA,MAEF;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAAA,CACD;AAED,0BAA0B,cAAc;","names":["import_material","import_react_shared","import_material","import_jsx_runtime","import_jsx_runtime","import_material","import_jsx_runtime"]}
|