@xyo-network/react-gas-price 2.77.0 → 2.77.2

package/dist/node/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/index.ts","../../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":["export * from './components'\nexport * from './types'\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","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 ?\n        <Chip label={new Date(timestamp).toLocaleString()} />\n      : null}\n      {baseFee ?\n        <Chip label={`${baseFeeLabel} - ${baseFee.toFixed(2)} GWEI`} />\n      : null}\n      {blockNumber ?\n        <Chip label={`${blockNumberLabel} - ${blockNumber}`} />\n      : 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 ?\n            <PriorityFeeBox priorityFee={priorityFee} priorityFeeLabel={priorityFeeLabel} />\n          : 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":["LocalGasStationRoundedIcon","import_material","import_jsx_runtime","import_material","import_react_shared","import_material","import_jsx_runtime","import_jsx_runtime","import_material","import_react_flexbox","import_material","import_jsx_runtime","import_material","import_react_flexbox","import_material","import_react_flexbox","import_react_shared","import_react_shared","import_jsx_runtime","import_jsx_runtime","import_icons_material","import_material","import_react_flexbox","import_react_shared","import_jsx_runtime","LocalGasStationRoundedIcon","import_material","import_react_flexbox","import_react_shared","import_jsx_runtime","import_jsx_runtime","import_jsx_runtime","import_material","import_react_flexbox","import_react","import_jsx_runtime"]}
+{"version":3,"sources":["../../src/index.ts","../../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":["export * from './components'\nexport * from './types'\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","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 ?\n        <Chip label={new Date(timestamp).toLocaleString()} />\n      : null}\n      {baseFee ?\n        <Chip label={`${baseFeeLabel} - ${baseFee.toFixed(2)} GWEI`} />\n      : null}\n      {blockNumber ?\n        <Chip label={`${blockNumberLabel} - ${blockNumber}`} />\n      : 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 ?\n            <PriorityFeeBox priorityFee={priorityFee} priorityFeeLabel={priorityFeeLabel} />\n          : 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":["src_exports","__export","EthereumGasPriceAvatar","GasFeeCard","GasPriceHeaderActionsBox","GasPriceHeaderTypography","GasPriceHeadingTypography","GasPriceWitnessCardHeader","GasPriceWitnessHeaderBox","StyledCardHeader","StyledGasPriceHeaderBox","ToggleRawPayloadBox","__toCommonJS","import_icons_material","import_material","import_jsx_runtime","EthereumGasPriceAvatar","props","LocalGasStationRoundedIcon","import_react","import_material","import_react_flexbox","import_jsx_runtime","GasPriceHeaderActionsBox","baseFee","baseFeeLabel","blockNumber","blockNumberLabel","timestamp","props","import_material","import_react_shared","import_material","import_react_shared","import_jsx_runtime","GasPriceHeadingTypography","children","heading","networkIcon","props","theme","import_jsx_runtime","GasPriceHeaderTypography","heading","children","props","theme","ethData","networkIcon","GasPriceHeadingTypography","import_material","import_react_flexbox","StyledGasPriceHeaderBox","theme","import_material","StyledCardHeader","theme","import_jsx_runtime","GasPriceWitnessCardHeader","title","parsedPayload","props","ref","_a","_b","_c","_d","StyledCardHeader","GasPriceHeaderTypography","GasPriceHeaderActionsBox","import_material","import_react_flexbox","import_react_card","import_material","import_react_flexbox","import_react_shared","import_react_shared","import_jsx_runtime","GweiLabelTypography","props","import_jsx_runtime","GasPriceBox","gasPrice","props","theme","GweiLabelTypography","import_icons_material","import_material","import_react_flexbox","import_react_shared","import_jsx_runtime","PriorityFeeBox","priorityFee","priorityFeeLabel","props","theme","GweiLabelTypography","LocalGasStationRoundedIcon","import_material","import_react_flexbox","import_react_shared","import_jsx_runtime","SpeedBox","speed","props","theme","import_jsx_runtime","GasFeeCard","gasPrice","speedPaperElevation","priorityFee","priorityFeeLabel","speed","props","theme","GasPriceBox","PriorityFeeBox","SpeedBox","import_jsx_runtime","GasPriceWitnessHeaderBox","heading","parsedPayload","props","_a","_b","_c","_d","StyledGasPriceHeaderBox","GasPriceHeaderTypography","GasPriceHeaderActionsBox","import_material","import_react_flexbox","import_react","import_jsx_runtime","ToggleRawPayloadBox","gasPricePayload","props","collapse","setCollapse"]}

package/dist/node/index.js

@@ -1,216 +1,2 @@
-// src/components/Avatar/EthereumGasPriceAvatar.tsx
-import { LocalGasStationRounded as LocalGasStationRoundedIcon } from "@mui/icons-material";
-import { Avatar } from "@mui/material";
-import { jsx } from "react/jsx-runtime";
-var EthereumGasPriceAvatar = ({ ...props }) => {
-  return /* @__PURE__ */ jsx(Avatar, { ...props, children: /* @__PURE__ */ jsx(LocalGasStationRoundedIcon, {}) });
-};
-
-// src/components/CardHeader/CardHeader.tsx
-import { forwardRef } from "react";
-
-// src/components/HeaderComponents/Actions.tsx
-import { Chip } from "@mui/material";
-import { FlexRow } from "@xylabs/react-flexbox";
-import { jsx as jsx2, jsxs } from "react/jsx-runtime";
-var GasPriceHeaderActionsBox = ({
-  baseFee,
-  baseFeeLabel = "Base Fee",
-  blockNumber,
-  blockNumberLabel = "Block Number",
-  timestamp,
-  ...props
-}) => {
-  return /* @__PURE__ */ jsxs(FlexRow, { columnGap: 1, rowGap: 1, flexWrap: "wrap", ...props, children: [
-    timestamp ? /* @__PURE__ */ jsx2(Chip, { label: new Date(timestamp).toLocaleString() }) : null,
-    baseFee ? /* @__PURE__ */ jsx2(Chip, { label: `${baseFeeLabel} - ${baseFee.toFixed(2)} GWEI` }) : null,
-    blockNumber ? /* @__PURE__ */ jsx2(Chip, { label: `${blockNumberLabel} - ${blockNumber}` }) : null
-  ] });
-};
-
-// src/components/HeaderComponents/Header/Header.tsx
-import { useTheme as useTheme2 } from "@mui/material";
-import { useGetTokenData } from "@xyo-network/react-shared";
-
-// src/components/HeaderComponents/Header/Heading.tsx
-import { useTheme } from "@mui/material";
-import { TypographyEx } from "@xyo-network/react-shared";
-import { jsxs as jsxs2 } from "react/jsx-runtime";
-var GasPriceHeadingTypography = ({ children, heading, networkIcon, ...props }) => {
-  const theme = useTheme();
-  return /* @__PURE__ */ jsxs2(TypographyEx, { fontSize: theme.spacing(6), lineHeight: 1, ...props, children: [
-    heading,
-    " ",
-    networkIcon,
-    " ",
-    children
-  ] });
-};
-
-// src/components/HeaderComponents/Header/Header.tsx
-import { jsx as jsx3 } from "react/jsx-runtime";
-var GasPriceHeaderTypography = ({ heading, children, ...props }) => {
-  const theme = useTheme2();
-  const [ethData] = useGetTokenData(["eth"]);
-  const networkIcon = /* @__PURE__ */ jsx3("img", { height: theme.spacing(4), src: ethData.icon });
-  return /* @__PURE__ */ jsx3(GasPriceHeadingTypography, { heading, networkIcon, ...props, children });
-};
-
-// src/components/layout/Header.tsx
-import { styled } from "@mui/material";
-import { FlexRow as FlexRow2 } from "@xylabs/react-flexbox";
-var StyledGasPriceHeaderBox = styled(FlexRow2, { name: "StyledGasPriceEstimateBox" })(({ theme }) => ({
-  alignItems: "end",
-  columnGap: theme.spacing(2),
-  flexWrap: "wrap",
-  justifyContent: "space-between",
-  justifyItems: "space-between",
-  rowGap: theme.spacing(2),
-  width: "100%"
-}));
-
-// src/components/layout/StyledCardHeader.tsx
-import { CardHeader, styled as styled2 } from "@mui/material";
-var StyledCardHeader = styled2(CardHeader, { name: "StyledCardHeader" })(({ theme }) => ({
-  flexWrap: "wrap",
-  rowGap: theme.spacing(2)
-}));
-
-// src/components/CardHeader/CardHeader.tsx
-import { jsx as jsx4 } from "react/jsx-runtime";
-var GasPriceWitnessCardHeader = forwardRef(({ title, parsedPayload, ...props }, ref) => {
-  var _a, _b, _c, _d;
-  return /* @__PURE__ */ jsx4(
-    StyledCardHeader,
-    {
-      title: /* @__PURE__ */ jsx4(GasPriceHeaderTypography, { heading: title }),
-      action: /* @__PURE__ */ jsx4(
-        GasPriceHeaderActionsBox,
-        {
-          timestamp: parsedPayload == null ? void 0 : parsedPayload.timestamp,
-          baseFee: (_a = parsedPayload == null ? void 0 : parsedPayload.baseFee) == null ? void 0 : _a.value,
-          baseFeeLabel: (_b = parsedPayload == null ? void 0 : parsedPayload.baseFee) == null ? void 0 : _b.label,
-          blockNumber: (_c = parsedPayload == null ? void 0 : parsedPayload.blockNumber) == null ? void 0 : _c.value,
-          blockNumberLabel: (_d = parsedPayload == null ? void 0 : parsedPayload.blockNumber) == null ? void 0 : _d.label
-        }
-      ),
-      ref,
-      ...props
-    }
-  );
-});
-GasPriceWitnessCardHeader.displayName = "GasPriceWitnessCardHeader";
-
-// src/components/GasFees/Card.tsx
-import { Card, Paper, useTheme as useTheme6 } from "@mui/material";
-import { FlexGrowCol as FlexGrowCol2 } from "@xylabs/react-flexbox";
-import { CardContentEx } from "@xyo-network/react-card";
-
-// src/components/GasFees/components/GasPriceBox.tsx
-import { useTheme as useTheme3 } from "@mui/material";
-import { FlexRow as FlexRow3 } from "@xylabs/react-flexbox";
-import { TypographyEx as TypographyEx3 } from "@xyo-network/react-shared";
-
-// src/components/GasFees/components/GweiLabelTypography.tsx
-import { TypographyEx as TypographyEx2 } from "@xyo-network/react-shared";
-import { jsx as jsx5 } from "react/jsx-runtime";
-var GweiLabelTypography = (props) => /* @__PURE__ */ jsx5(TypographyEx2, { variant: "caption", ...props, children: "GWEI" });
-
-// src/components/GasFees/components/GasPriceBox.tsx
-import { jsx as jsx6, jsxs as jsxs3 } from "react/jsx-runtime";
-var GasPriceBox = ({ gasPrice, ...props }) => {
-  const theme = useTheme3();
-  return /* @__PURE__ */ jsxs3(FlexRow3, { columnGap: 1.5, rowGap: 1.5, alignItems: "end", ...props, children: [
-    /* @__PURE__ */ jsx6(TypographyEx3, { lineHeight: 1, fontWeight: "200", fontSize: theme.spacing(6), title: (gasPrice == null ? void 0 : gasPrice.toString()) ?? "", children: gasPrice == null ? void 0 : gasPrice.toFixed(2) }),
-    /* @__PURE__ */ jsx6(GweiLabelTypography, { fontSize: theme.spacing(2) })
-  ] });
-};
-
-// src/components/GasFees/components/PriorityFeeBox.tsx
-import { LocalGasStationRounded as LocalGasStationRoundedIcon2 } from "@mui/icons-material";
-import { useTheme as useTheme4 } from "@mui/material";
-import { FlexCol, FlexGrowRow } from "@xylabs/react-flexbox";
-import { TypographyEx as TypographyEx4 } from "@xyo-network/react-shared";
-import { jsx as jsx7, jsxs as jsxs4 } from "react/jsx-runtime";
-var PriorityFeeBox = ({ priorityFee, priorityFeeLabel = "Priority Fee", ...props }) => {
-  const theme = useTheme4();
-  return /* @__PURE__ */ jsxs4(FlexGrowRow, { width: "100%", justifyContent: "space-between", alignItems: "end", ...props, children: [
-    /* @__PURE__ */ jsxs4(FlexCol, { alignItems: "start", children: [
-      /* @__PURE__ */ jsx7(TypographyEx4, { children: priorityFeeLabel }),
-      /* @__PURE__ */ jsxs4(TypographyEx4, { title: (priorityFee == null ? void 0 : priorityFee.toString()) ?? "", children: [
-        priorityFee == null ? void 0 : priorityFee.toFixed(2),
-        " ",
-        /* @__PURE__ */ jsx7(GweiLabelTypography, { fontSize: theme.spacing(1) })
-      ] })
-    ] }),
-    /* @__PURE__ */ jsx7(LocalGasStationRoundedIcon2, {})
-  ] });
-};
-
-// src/components/GasFees/components/SpeedBox.tsx
-import { useTheme as useTheme5 } from "@mui/material";
-import { FlexGrowCol } from "@xylabs/react-flexbox";
-import { TypographyEx as TypographyEx5 } from "@xyo-network/react-shared";
-import { jsx as jsx8 } from "react/jsx-runtime";
-var SpeedBox = ({ speed, ...props }) => {
-  const theme = useTheme5();
-  return speed ? /* @__PURE__ */ jsx8(FlexGrowCol, { ...props, children: /* @__PURE__ */ jsx8(TypographyEx5, { fontSize: theme.spacing(3), fontWeight: "200", p: 1, children: speed }) }) : null;
-};
-
-// src/components/GasFees/Card.tsx
-import { jsx as jsx9, jsxs as jsxs5 } from "react/jsx-runtime";
-var GasFeeCard = ({ gasPrice, speedPaperElevation, priorityFee, priorityFeeLabel, speed = "low", ...props }) => {
-  const theme = useTheme6();
-  return /* @__PURE__ */ jsx9(Card, { sx: { p: 0 }, ...props, children: /* @__PURE__ */ jsxs5(CardContentEx, { removePadding: true, sx: { flexDirection: "column", flexGrow: 1, p: 0, rowGap: 2 }, children: [
-    /* @__PURE__ */ jsxs5(FlexGrowCol2, { bgcolor: theme.palette.secondary.dark, alignItems: "start", p: 2, rowGap: 1.5, color: theme.palette.common.white, children: [
-      /* @__PURE__ */ jsx9(GasPriceBox, { gasPrice }),
-      priorityFee ? /* @__PURE__ */ jsx9(PriorityFeeBox, { priorityFee, priorityFeeLabel }) : null
-    ] }),
-    /* @__PURE__ */ jsx9(Paper, { elevation: speedPaperElevation, sx: { borderRadius: `0 0 ${theme.shape.borderRadius}px ${theme.shape.borderRadius}px` }, children: /* @__PURE__ */ jsx9(SpeedBox, { speed }) })
-  ] }) });
-};
-
-// src/components/HeaderBox.tsx
-import { jsx as jsx10, jsxs as jsxs6 } from "react/jsx-runtime";
-var GasPriceWitnessHeaderBox = ({ heading, parsedPayload, ...props }) => {
-  var _a, _b, _c, _d;
-  return /* @__PURE__ */ jsxs6(StyledGasPriceHeaderBox, { ...props, children: [
-    /* @__PURE__ */ jsx10(GasPriceHeaderTypography, { heading }),
-    /* @__PURE__ */ jsx10(
-      GasPriceHeaderActionsBox,
-      {
-        timestamp: parsedPayload == null ? void 0 : parsedPayload.timestamp,
-        baseFee: (_a = parsedPayload == null ? void 0 : parsedPayload.baseFee) == null ? void 0 : _a.value,
-        baseFeeLabel: (_b = parsedPayload == null ? void 0 : parsedPayload.baseFee) == null ? void 0 : _b.label,
-        blockNumber: (_c = parsedPayload == null ? void 0 : parsedPayload.blockNumber) == null ? void 0 : _c.value,
-        blockNumberLabel: (_d = parsedPayload == null ? void 0 : parsedPayload.blockNumber) == null ? void 0 : _d.label
-      }
-    )
-  ] });
-};
-
-// src/components/RawPayload/ToggleRawPayloadBox.tsx
-import { Button, Collapse, Paper as Paper2 } from "@mui/material";
-import { FlexCol as FlexCol2 } from "@xylabs/react-flexbox";
-import { useState } from "react";
-import { jsx as jsx11, jsxs as jsxs7 } from "react/jsx-runtime";
-var ToggleRawPayloadBox = ({ gasPricePayload, ...props }) => {
-  const [collapse, setCollapse] = useState(false);
-  return gasPricePayload ? /* @__PURE__ */ jsxs7(FlexCol2, { rowGap: 1, ...props, children: [
-    /* @__PURE__ */ jsx11(Button, { color: "secondary", sx: { bgcolor: "secondary.dark", color: "white" }, variant: "contained", onClick: () => setCollapse(!collapse), children: "Raw Payload" }),
-    /* @__PURE__ */ jsx11(Collapse, { in: collapse, children: /* @__PURE__ */ jsx11(Paper2, { elevation: 4, sx: { p: 2 }, children: /* @__PURE__ */ jsx11("pre", { children: JSON.stringify(gasPricePayload, null, 2) }) }) })
-  ] }) : null;
-};
-export {
-  EthereumGasPriceAvatar,
-  GasFeeCard,
-  GasPriceHeaderActionsBox,
-  GasPriceHeaderTypography,
-  GasPriceHeadingTypography,
-  GasPriceWitnessCardHeader,
-  GasPriceWitnessHeaderBox,
-  StyledCardHeader,
-  StyledGasPriceHeaderBox,
-  ToggleRawPayloadBox
-};
+import{LocalGasStationRounded as L}from"@mui/icons-material";import{Avatar as W}from"@mui/material";import{jsx as F}from"react/jsx-runtime";var Ce=({...o})=>F(W,{...o,children:F(L,{})});import{forwardRef as O}from"react";import{Chip as l}from"@mui/material";import{FlexRow as k}from"@xylabs/react-flexbox";import{jsx as g,jsxs as I}from"react/jsx-runtime";var a=({baseFee:o,baseFeeLabel:e="Base Fee",blockNumber:r,blockNumberLabel:t="Block Number",timestamp:i,...p})=>I(k,{columnGap:1,rowGap:1,flexWrap:"wrap",...p,children:[i?g(l,{label:new Date(i).toLocaleString()}):null,o?g(l,{label:`${e} - ${o.toFixed(2)} GWEI`}):null,r?g(l,{label:`${t} - ${r}`}):null]});import{useTheme as $}from"@mui/material";import{useGetTokenData as z}from"@xyo-network/react-shared";import{useTheme as v}from"@mui/material";import{TypographyEx as N}from"@xyo-network/react-shared";import{jsxs as A}from"react/jsx-runtime";var u=({children:o,heading:e,networkIcon:r,...t})=>{let i=v();return A(N,{fontSize:i.spacing(6),lineHeight:1,...t,children:[e," ",r," ",o]})};import{jsx as C}from"react/jsx-runtime";var m=({heading:o,children:e,...r})=>{let t=$(),[i]=z(["eth"]),p=C("img",{height:t.spacing(4),src:i.icon});return C(u,{heading:o,networkIcon:p,...r,children:e})};import{styled as D}from"@mui/material";import{FlexRow as U}from"@xylabs/react-flexbox";var B=D(U,{name:"StyledGasPriceEstimateBox"})(({theme:o})=>({alignItems:"end",columnGap:o.spacing(2),flexWrap:"wrap",justifyContent:"space-between",justifyItems:"space-between",rowGap:o.spacing(2),width:"100%"}));import{CardHeader as J,styled as M}from"@mui/material";var P=M(J,{name:"StyledCardHeader"})(({theme:o})=>({flexWrap:"wrap",rowGap:o.spacing(2)}));import{jsx as f}from"react/jsx-runtime";var q=O(({title:o,parsedPayload:e,...r},t)=>{var i,p,n,b;return f(P,{title:f(m,{heading:o}),action:f(a,{timestamp:e==null?void 0:e.timestamp,baseFee:(i=e==null?void 0:e.baseFee)==null?void 0:i.value,baseFeeLabel:(p=e==null?void 0:e.baseFee)==null?void 0:p.label,blockNumber:(n=e==null?void 0:e.blockNumber)==null?void 0:n.value,blockNumberLabel:(b=e==null?void 0:e.blockNumber)==null?void 0:b.label}),ref:t,...r})});q.displayName="GasPriceWitnessCardHeader";import{Card as pe,Paper as ne,useTheme as se}from"@mui/material";import{FlexGrowCol as ae}from"@xylabs/react-flexbox";import{CardContentEx as me}from"@xyo-network/react-card";import{useTheme as V}from"@mui/material";import{FlexRow as X}from"@xylabs/react-flexbox";import{TypographyEx as Y}from"@xyo-network/react-shared";import{TypographyEx as K}from"@xyo-network/react-shared";import{jsx as Q}from"react/jsx-runtime";var c=o=>Q(K,{variant:"caption",...o,children:"GWEI"});import{jsx as w,jsxs as Z}from"react/jsx-runtime";var T=({gasPrice:o,...e})=>{let r=V();return Z(X,{columnGap:1.5,rowGap:1.5,alignItems:"end",...e,children:[w(Y,{lineHeight:1,fontWeight:"200",fontSize:r.spacing(6),title:(o==null?void 0:o.toString())??"",children:o==null?void 0:o.toFixed(2)}),w(c,{fontSize:r.spacing(2)})]})};import{LocalGasStationRounded as _}from"@mui/icons-material";import{useTheme as j}from"@mui/material";import{FlexCol as ee,FlexGrowRow as oe}from"@xylabs/react-flexbox";import{TypographyEx as y}from"@xyo-network/react-shared";import{jsx as h,jsxs as G}from"react/jsx-runtime";var R=({priorityFee:o,priorityFeeLabel:e="Priority Fee",...r})=>{let t=j();return G(oe,{width:"100%",justifyContent:"space-between",alignItems:"end",...r,children:[G(ee,{alignItems:"start",children:[h(y,{children:e}),G(y,{title:(o==null?void 0:o.toString())??"",children:[o==null?void 0:o.toFixed(2)," ",h(c,{fontSize:t.spacing(1)})]})]}),h(_,{})]})};import{useTheme as re}from"@mui/material";import{FlexGrowCol as te}from"@xylabs/react-flexbox";import{TypographyEx as ie}from"@xyo-network/react-shared";import{jsx as d}from"react/jsx-runtime";var H=({speed:o,...e})=>{let r=re();return o?d(te,{...e,children:d(ie,{fontSize:r.spacing(3),fontWeight:"200",p:1,children:o})}):null};import{jsx as s,jsxs as E}from"react/jsx-runtime";var yo=({gasPrice:o,speedPaperElevation:e,priorityFee:r,priorityFeeLabel:t,speed:i="low",...p})=>{let n=se();return s(pe,{sx:{p:0},...p,children:E(me,{removePadding:!0,sx:{flexDirection:"column",flexGrow:1,p:0,rowGap:2},children:[E(ae,{bgcolor:n.palette.secondary.dark,alignItems:"start",p:2,rowGap:1.5,color:n.palette.common.white,children:[s(T,{gasPrice:o}),r?s(R,{priorityFee:r,priorityFeeLabel:t}):null]}),s(ne,{elevation:e,sx:{borderRadius:`0 0 ${n.shape.borderRadius}px ${n.shape.borderRadius}px`},children:s(H,{speed:i})})]})})};import{jsx as S,jsxs as ce}from"react/jsx-runtime";var Lo=({heading:o,parsedPayload:e,...r})=>{var t,i,p,n;return ce(B,{...r,children:[S(m,{heading:o}),S(a,{timestamp:e==null?void 0:e.timestamp,baseFee:(t=e==null?void 0:e.baseFee)==null?void 0:t.value,baseFeeLabel:(i=e==null?void 0:e.baseFee)==null?void 0:i.label,blockNumber:(p=e==null?void 0:e.blockNumber)==null?void 0:p.value,blockNumberLabel:(n=e==null?void 0:e.blockNumber)==null?void 0:n.label})]})};import{Button as xe,Collapse as le,Paper as ge}from"@mui/material";import{FlexCol as fe}from"@xylabs/react-flexbox";import{useState as he}from"react";import{jsx as x,jsxs as Ge}from"react/jsx-runtime";var $o=({gasPricePayload:o,...e})=>{let[r,t]=he(!1);return o?Ge(fe,{rowGap:1,...e,children:[x(xe,{color:"secondary",sx:{bgcolor:"secondary.dark",color:"white"},variant:"contained",onClick:()=>t(!r),children:"Raw Payload"}),x(le,{in:r,children:x(ge,{elevation:4,sx:{p:2},children:x("pre",{children:JSON.stringify(o,null,2)})})})]}):null};export{Ce as EthereumGasPriceAvatar,yo as GasFeeCard,a as GasPriceHeaderActionsBox,m as GasPriceHeaderTypography,u as GasPriceHeadingTypography,q as GasPriceWitnessCardHeader,Lo as GasPriceWitnessHeaderBox,P as StyledCardHeader,B as StyledGasPriceHeaderBox,$o as ToggleRawPayloadBox};
 //# sourceMappingURL=index.js.map

package/dist/node/index.js.map

@@ -1 +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 ?\n        <Chip label={new Date(timestamp).toLocaleString()} />\n      : null}\n      {baseFee ?\n        <Chip label={`${baseFeeLabel} - ${baseFee.toFixed(2)} GWEI`} />\n      : null}\n      {blockNumber ?\n        <Chip label={`${blockNumberLabel} - ${blockNumber}`} />\n      : 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 ?\n            <PriorityFeeBox priorityFee={priorityFee} priorityFeeLabel={priorityFeeLabel} />\n          : 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"]}
+{"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 ?\n        <Chip label={new Date(timestamp).toLocaleString()} />\n      : null}\n      {baseFee ?\n        <Chip label={`${baseFeeLabel} - ${baseFee.toFixed(2)} GWEI`} />\n      : null}\n      {blockNumber ?\n        <Chip label={`${blockNumberLabel} - ${blockNumber}`} />\n      : 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 ?\n            <PriorityFeeBox priorityFee={priorityFee} priorityFeeLabel={priorityFeeLabel} />\n          : 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":"AAAA,OAAS,0BAA0BA,MAAkC,sBACrE,OAAS,UAAAC,MAA2B,gBAK9B,cAAAC,MAAA,oBAHC,IAAMC,GAAgD,CAAC,CAAE,GAAGC,CAAM,IAErEF,EAACD,EAAA,CAAQ,GAAGG,EACV,SAAAF,EAACF,EAAA,EAA2B,EAC9B,ECNJ,OAAS,cAAAK,MAAkB,QCD3B,OAAS,QAAAC,MAAY,gBACrB,OAAuB,WAAAC,MAAe,wBAmBlC,OAEI,OAAAC,EAFJ,QAAAC,MAAA,oBATG,IAAMC,EAAsE,CAAC,CAClF,QAAAC,EACA,aAAAC,EAAe,WACf,YAAAC,EACA,iBAAAC,EAAmB,eACnB,UAAAC,EACA,GAAGC,CACL,IAEIP,EAACF,EAAA,CAAQ,UAAW,EAAG,OAAQ,EAAG,SAAS,OAAQ,GAAGS,EACnD,UAAAD,EACCP,EAACF,EAAA,CAAK,MAAO,IAAI,KAAKS,CAAS,EAAE,eAAe,EAAG,EACnD,KACDJ,EACCH,EAACF,EAAA,CAAK,MAAO,GAAGM,CAAY,MAAMD,EAAQ,QAAQ,CAAC,CAAC,QAAS,EAC7D,KACDE,EACCL,EAACF,EAAA,CAAK,MAAO,GAAGQ,CAAgB,MAAMD,CAAW,GAAI,EACrD,MACJ,EC9BJ,OAAS,YAAAI,MAAgB,gBAEzB,OAA4B,mBAAAC,MAAuB,4BCFnD,OAAS,YAAAC,MAAgB,gBACzB,OAAS,gBAAAC,MAAuC,4BAY5C,eAAAC,MAAA,oBAHG,IAAMC,EAAsE,CAAC,CAAE,SAAAC,EAAU,QAAAC,EAAS,YAAAC,EAAa,GAAGC,CAAM,IAAM,CACnI,IAAMC,EAAQR,EAAS,EACvB,OACEE,EAACD,EAAA,CAAa,SAAUO,EAAM,QAAQ,CAAC,EAAG,WAAY,EAAI,GAAGD,EAC1D,UAAAF,EAAQ,IAAEC,EAAY,IAAEF,GAC3B,CAEJ,EDJsB,cAAAK,MAAA,oBAHf,IAAMC,EAAoE,CAAC,CAAE,QAAAC,EAAS,SAAAC,EAAU,GAAGC,CAAM,IAAM,CACpH,IAAMC,EAAQC,EAAS,EACjB,CAACC,CAAO,EAAIC,EAAgB,CAAC,KAAK,CAAC,EACnCC,EAAcT,EAAC,OAAI,OAAQK,EAAM,QAAQ,CAAC,EAAG,IAAKE,EAAQ,KAAM,EAEtE,OACEP,EAACU,EAAA,CAA0B,QAASR,EAAS,YAAaO,EAAc,GAAGL,EACxE,SAAAD,EACH,CAEJ,EEpBA,OAAS,UAAAQ,MAAc,gBACvB,OAAS,WAAAC,MAAe,wBAEjB,IAAMC,EAA0BF,EAAOC,EAAS,CAAE,KAAM,2BAA4B,CAAC,EAAE,CAAC,CAAE,MAAAE,CAAM,KAAO,CAC5G,WAAY,MACZ,UAAWA,EAAM,QAAQ,CAAC,EAC1B,SAAU,OACV,eAAgB,gBAChB,aAAc,gBACd,OAAQA,EAAM,QAAQ,CAAC,EACvB,MAAO,MACT,EAAE,ECXF,OAAS,cAAAC,EAAY,UAAAC,MAAc,gBAE5B,IAAMC,EAAmBD,EAAOD,EAAY,CAAE,KAAM,kBAAmB,CAAC,EAAE,CAAC,CAAE,MAAAG,CAAM,KAAO,CAC/F,SAAU,OACV,OAAQA,EAAM,QAAQ,CAAC,CACzB,EAAE,ELQS,cAAAC,MAAA,oBAFJ,IAAMC,EAA4BC,EAAoD,CAAC,CAAE,MAAAC,EAAO,cAAAC,EAAe,GAAGC,CAAM,EAAGC,IAAK,CAXvI,IAAAC,EAAAC,EAAAC,EAAAC,EAYE,OAAAV,EAACW,EAAA,CACC,MAAOX,EAACY,EAAA,CAAyB,QAAST,EAAO,EACjD,OACEH,EAACa,EAAA,CACC,UAAWT,GAAA,YAAAA,EAAe,UAC1B,SAASG,EAAAH,GAAA,YAAAA,EAAe,UAAf,YAAAG,EAAwB,MACjC,cAAcC,EAAAJ,GAAA,YAAAA,EAAe,UAAf,YAAAI,EAAwB,MACtC,aAAaC,EAAAL,GAAA,YAAAA,EAAe,cAAf,YAAAK,EAA4B,MACzC,kBAAkBC,EAAAN,GAAA,YAAAA,EAAe,cAAf,YAAAM,EAA4B,MAChD,EAEF,IAAKJ,EACJ,GAAGD,EACN,EACD,EAEDJ,EAA0B,YAAc,4BM5BxC,OAAS,QAAAa,GAAiB,SAAAC,GAAO,YAAAC,OAAgB,gBACjD,OAAS,eAAAC,OAAmB,wBAC5B,OAAS,iBAAAC,OAAqB,0BCF9B,OAAS,YAAAC,MAAgB,gBACzB,OAAuB,WAAAC,MAAe,wBACtC,OAAS,gBAAAC,MAAoB,4BCF7B,OAAS,gBAAAC,MAAuC,4BAG9C,cAAAC,MAAA,oBADK,IAAMC,EAAoDC,GAC/DF,EAACD,EAAA,CAAa,QAAQ,UAAW,GAAGG,EAAO,gBAE3C,EDQE,OACE,OAAAC,EADF,QAAAC,MAAA,oBAHG,IAAMC,EAA0C,CAAC,CAAE,SAAAC,EAAU,GAAGC,CAAM,IAAM,CACjF,IAAMC,EAAQC,EAAS,EACvB,OACEL,EAACM,EAAA,CAAQ,UAAW,IAAK,OAAQ,IAAK,WAAW,MAAO,GAAGH,EACzD,UAAAJ,EAACQ,EAAA,CAAa,WAAY,EAAG,WAAW,MAAM,SAAUH,EAAM,QAAQ,CAAC,EAAG,OAAOF,GAAA,YAAAA,EAAU,aAAc,GACtG,SAAAA,GAAA,YAAAA,EAAU,QAAQ,GACrB,EACAH,EAACS,EAAA,CAAoB,SAAUJ,EAAM,QAAQ,CAAC,EAAG,GACnD,CAEJ,EEpBA,OAAS,0BAA0BK,MAAkC,sBACrE,OAAS,YAAAC,MAAgB,gBACzB,OAAuB,WAAAC,GAAS,eAAAC,OAAmB,wBACnD,OAAS,gBAAAC,MAAoB,4BAerB,cAAAC,EACA,QAAAC,MADA,oBAND,IAAMC,EAAgD,CAAC,CAAE,YAAAC,EAAa,iBAAAC,EAAmB,eAAgB,GAAGC,CAAM,IAAM,CAC7H,IAAMC,EAAQC,EAAS,EAEvB,OACEN,EAACO,GAAA,CAAY,MAAM,OAAO,eAAe,gBAAgB,WAAW,MAAO,GAAGH,EAC5E,UAAAJ,EAACQ,GAAA,CAAQ,WAAW,QAClB,UAAAT,EAACU,EAAA,CAAc,SAAAN,EAAiB,EAChCH,EAACS,EAAA,CAAa,OAAOP,GAAA,YAAAA,EAAa,aAAc,GAC7C,UAAAA,GAAA,YAAAA,EAAa,QAAQ,GAAG,IAACH,EAACW,EAAA,CAAoB,SAAUL,EAAM,QAAQ,CAAC,EAAG,GAC7E,GACF,EACAN,EAACY,EAAA,EAA2B,GAC9B,CAEJ,EC1BA,OAAS,YAAAC,OAAgB,gBACzB,OAAuB,eAAAC,OAAmB,wBAC1C,OAAS,gBAAAC,OAAoB,4BAWrB,cAAAC,MAAA,oBALD,IAAMC,EAAoC,CAAC,CAAE,MAAAC,EAAO,GAAGC,CAAM,IAAM,CACxE,IAAMC,EAAQP,GAAS,EAEvB,OAAOK,EACHF,EAACF,GAAA,CAAa,GAAGK,EACf,SAAAH,EAACD,GAAA,CAAa,SAAUK,EAAM,QAAQ,CAAC,EAAG,WAAW,MAAM,EAAG,EAC3D,SAAAF,EACH,EACF,EACA,IACN,EJEQ,OACE,OAAAG,EADF,QAAAC,MAAA,oBAND,IAAMC,GAAwC,CAAC,CAAE,SAAAC,EAAU,oBAAAC,EAAqB,YAAAC,EAAa,iBAAAC,EAAkB,MAAAC,EAAQ,MAAO,GAAGC,CAAM,IAAM,CAClJ,IAAMC,EAAQC,GAAS,EAEvB,OACEV,EAACW,GAAA,CAAK,GAAI,CAAE,EAAG,CAAE,EAAI,GAAGH,EACtB,SAAAP,EAACW,GAAA,CAAc,cAAa,GAAC,GAAI,CAAE,cAAe,SAAU,SAAU,EAAG,EAAG,EAAG,OAAQ,CAAE,EACvF,UAAAX,EAACY,GAAA,CAAY,QAASJ,EAAM,QAAQ,UAAU,KAAM,WAAW,QAAQ,EAAG,EAAG,OAAQ,IAAK,MAAOA,EAAM,QAAQ,OAAO,MACpH,UAAAT,EAACc,EAAA,CAAY,SAAUX,EAAU,EAChCE,EACCL,EAACe,EAAA,CAAe,YAAaV,EAAa,iBAAkBC,EAAkB,EAC9E,MACJ,EACAN,EAACgB,GAAA,CAAM,UAAWZ,EAAqB,GAAI,CAAE,aAAc,OAAOK,EAAM,MAAM,YAAY,MAAMA,EAAM,MAAM,YAAY,IAAK,EAC3H,SAAAT,EAACiB,EAAA,CAAS,MAAOV,EAAO,EAC1B,GACF,EACF,CAEJ,EKnBI,OACE,OAAAW,EADF,QAAAC,OAAA,oBAFG,IAAMC,GAAoE,CAAC,CAAE,QAAAC,EAAS,cAAAC,EAAe,GAAGC,CAAM,IAAM,CAX3H,IAAAC,EAAAC,EAAAC,EAAAC,EAYE,OACER,GAACS,EAAA,CAAyB,GAAGL,EAC3B,UAAAL,EAACW,EAAA,CAAyB,QAASR,EAAS,EAC5CH,EAACY,EAAA,CACC,UAAWR,GAAA,YAAAA,EAAe,UAC1B,SAASE,EAAAF,GAAA,YAAAA,EAAe,UAAf,YAAAE,EAAwB,MACjC,cAAcC,EAAAH,GAAA,YAAAA,EAAe,UAAf,YAAAG,EAAwB,MACtC,aAAaC,EAAAJ,GAAA,YAAAA,EAAe,cAAf,YAAAI,EAA4B,MACzC,kBAAkBC,EAAAL,GAAA,YAAAA,EAAe,cAAf,YAAAK,EAA4B,MAChD,GACF,CAEJ,ECxBA,OAAS,UAAAI,GAAQ,YAAAC,GAAU,SAAAC,OAAa,gBACxC,OAAuB,WAAAC,OAAe,wBACtC,OAAS,YAAAC,OAAgB,QASnB,OACE,OAAAC,EADF,QAAAC,OAAA,oBAHC,IAAMC,GAA0D,CAAC,CAAE,gBAAAC,EAAiB,GAAGC,CAAM,IAAM,CACxG,GAAM,CAACC,EAAUC,CAAW,EAAIP,GAAS,EAAK,EAC9C,OAAOI,EACHF,GAACH,GAAA,CAAQ,OAAQ,EAAI,GAAGM,EACtB,UAAAJ,EAACL,GAAA,CAAO,MAAM,YAAY,GAAI,CAAE,QAAS,iBAAkB,MAAO,OAAQ,EAAG,QAAQ,YAAY,QAAS,IAAMW,EAAY,CAACD,CAAQ,EAAG,uBAExI,EACAL,EAACJ,GAAA,CAAS,GAAIS,EACZ,SAAAL,EAACH,GAAA,CAAM,UAAW,EAAG,GAAI,CAAE,EAAG,CAAE,EAC9B,SAAAG,EAAC,OAAK,cAAK,UAAUG,EAAiB,KAAM,CAAC,EAAE,EACjD,EACF,GACF,EACA,IACN","names":["LocalGasStationRoundedIcon","Avatar","jsx","EthereumGasPriceAvatar","props","forwardRef","Chip","FlexRow","jsx","jsxs","GasPriceHeaderActionsBox","baseFee","baseFeeLabel","blockNumber","blockNumberLabel","timestamp","props","useTheme","useGetTokenData","useTheme","TypographyEx","jsxs","GasPriceHeadingTypography","children","heading","networkIcon","props","theme","jsx","GasPriceHeaderTypography","heading","children","props","theme","useTheme","ethData","useGetTokenData","networkIcon","GasPriceHeadingTypography","styled","FlexRow","StyledGasPriceHeaderBox","theme","CardHeader","styled","StyledCardHeader","theme","jsx","GasPriceWitnessCardHeader","forwardRef","title","parsedPayload","props","ref","_a","_b","_c","_d","StyledCardHeader","GasPriceHeaderTypography","GasPriceHeaderActionsBox","Card","Paper","useTheme","FlexGrowCol","CardContentEx","useTheme","FlexRow","TypographyEx","TypographyEx","jsx","GweiLabelTypography","props","jsx","jsxs","GasPriceBox","gasPrice","props","theme","useTheme","FlexRow","TypographyEx","GweiLabelTypography","LocalGasStationRoundedIcon","useTheme","FlexCol","FlexGrowRow","TypographyEx","jsx","jsxs","PriorityFeeBox","priorityFee","priorityFeeLabel","props","theme","useTheme","FlexGrowRow","FlexCol","TypographyEx","GweiLabelTypography","LocalGasStationRoundedIcon","useTheme","FlexGrowCol","TypographyEx","jsx","SpeedBox","speed","props","theme","jsx","jsxs","GasFeeCard","gasPrice","speedPaperElevation","priorityFee","priorityFeeLabel","speed","props","theme","useTheme","Card","CardContentEx","FlexGrowCol","GasPriceBox","PriorityFeeBox","Paper","SpeedBox","jsx","jsxs","GasPriceWitnessHeaderBox","heading","parsedPayload","props","_a","_b","_c","_d","StyledGasPriceHeaderBox","GasPriceHeaderTypography","GasPriceHeaderActionsBox","Button","Collapse","Paper","FlexCol","useState","jsx","jsxs","ToggleRawPayloadBox","gasPricePayload","props","collapse","setCollapse"]}

package/package.json

@@ -12,13 +12,13 @@
   "dependencies": {
     "@xylabs/react-flexbox": "^3.1.7",
     "@xylabs/react-shared": "^3.1.7",
-    "@xyo-network/react-card": "~2.77.0",
-    "@xyo-network/react-shared": "~2.77.0"
+    "@xyo-network/react-card": "~2.77.2",
+    "@xyo-network/react-shared": "~2.77.2"
   },
   "devDependencies": {
     "@storybook/react": "^7.6.19",
-    "@xylabs/ts-scripts-yarn3": "^3.11.2",
-    "@xylabs/tsconfig-react": "^3.11.2",
+    "@xylabs/ts-scripts-yarn3": "^3.11.7",
+    "@xylabs/tsconfig-react": "^3.11.7",
     "typescript": "^5.4.5"
   },
   "peerDependencies": {
@@ -79,6 +79,6 @@
   },
   "sideEffects": false,
   "types": "dist/browser/index.d.ts",
-  "version": "2.77.0",
+  "version": "2.77.2",
   "type": "module"
 }