@xyo-network/react-gas-price 10.0.2 → 10.0.4
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/GasFees/Card.d.ts.map +1 -1
- package/dist/browser/components/GasFees/components/GasPriceBox.d.ts +1 -1
- package/dist/browser/components/GasFees/components/GasPriceBox.d.ts.map +1 -1
- package/dist/browser/components/GasFees/components/PriorityFeeBox.d.ts +1 -1
- package/dist/browser/components/GasFees/components/PriorityFeeBox.d.ts.map +1 -1
- package/dist/browser/components/GasFees/components/SpeedBox.d.ts +1 -1
- package/dist/browser/components/GasFees/components/SpeedBox.d.ts.map +1 -1
- package/dist/browser/components/HeaderBox.d.ts +1 -1
- package/dist/browser/components/HeaderBox.d.ts.map +1 -1
- package/dist/browser/components/HeaderComponents/Actions.d.ts +1 -1
- package/dist/browser/components/HeaderComponents/Actions.d.ts.map +1 -1
- package/dist/browser/components/RawPayload/ToggleRawPayloadBox.d.ts +1 -1
- package/dist/browser/components/RawPayload/ToggleRawPayloadBox.d.ts.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/browser/index.mjs +7 -7
- package/dist/browser/index.mjs.map +3 -3
- package/package.json +49 -53
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../../src/components/GasFees/Card.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../../src/components/GasFees/Card.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AAK9C,OAAO,KAAK,MAAM,OAAO,CAAA;AAMzB,MAAM,WAAW,eAAgB,SAAQ,SAAS;IAChD,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,mBAAmB,CAAC,EAAE,MAAM,CAAA;CAC7B;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAiChD,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"GasPriceBox.d.ts","sourceRoot":"","sources":["../../../../../src/components/GasFees/components/GasPriceBox.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"GasPriceBox.d.ts","sourceRoot":"","sources":["../../../../../src/components/GasFees/components/GasPriceBox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAA;AAIjE,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,MAAM,WAAW,gBAAiB,SAAQ,YAAY;IACpD,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAwBlD,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PriorityFeeBox.d.ts","sourceRoot":"","sources":["../../../../../src/components/GasFees/components/PriorityFeeBox.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"PriorityFeeBox.d.ts","sourceRoot":"","sources":["../../../../../src/components/GasFees/components/PriorityFeeBox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAA;AAKjE,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,MAAM,WAAW,mBAAoB,SAAQ,YAAY;IACvD,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,gBAAgB,CAAC,EAAE,MAAM,CAAA;CAC1B;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAyBxD,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SpeedBox.d.ts","sourceRoot":"","sources":["../../../../../src/components/GasFees/components/SpeedBox.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"SpeedBox.d.ts","sourceRoot":"","sources":["../../../../../src/components/GasFees/components/SpeedBox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAA;AAIjE,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,MAAM,WAAW,aAAc,SAAQ,YAAY;IACjD,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAkB5C,CAAA"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import type { FlexBoxProps } from '@
|
|
1
|
+
import type { FlexBoxProps } from '@ariestools/sdk-react/flexbox';
|
|
2
2
|
import React from 'react';
|
|
3
3
|
import type { GasPriceWitnessUIBasePayload } from '../types/index.ts';
|
|
4
4
|
export interface GasPriceWitnessHeaderBoxProps extends FlexBoxProps {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"HeaderBox.d.ts","sourceRoot":"","sources":["../../../src/components/HeaderBox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"HeaderBox.d.ts","sourceRoot":"","sources":["../../../src/components/HeaderBox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAA;AACjE,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,mBAAmB,CAAA;AAIrE,MAAM,WAAW,6BAA8B,SAAQ,YAAY;IACjE,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,aAAa,CAAC,EAAE,4BAA4B,CAAA;CAC7C;AAED,eAAO,MAAM,wBAAwB,EAAE,KAAK,CAAC,EAAE,CAAC,6BAA6B,CAe5E,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Actions.d.ts","sourceRoot":"","sources":["../../../../src/components/HeaderComponents/Actions.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Actions.d.ts","sourceRoot":"","sources":["../../../../src/components/HeaderComponents/Actions.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAA;AAGjE,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,MAAM,WAAW,+BAAgC,SAAQ,YAAY;IACnE,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,eAAO,MAAM,wBAAwB,EAAE,KAAK,CAAC,EAAE,CAAC,+BAA+B,CA4B9E,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ToggleRawPayloadBox.d.ts","sourceRoot":"","sources":["../../../../src/components/RawPayload/ToggleRawPayloadBox.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ToggleRawPayloadBox.d.ts","sourceRoot":"","sources":["../../../../src/components/RawPayload/ToggleRawPayloadBox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAA;AAKjE,OAAO,KAAmB,MAAM,OAAO,CAAA;AAEvC,MAAM,WAAW,wBAAyB,SAAQ,YAAY;IAC5D,eAAe,CAAC,EAAE,MAAM,CAAA;CACzB;AAED,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CA2BlE,CAAA"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { FlexRow } from '@
|
|
1
|
+
import { FlexRow } from '@ariestools/sdk-react/flexbox';
|
|
2
2
|
import type React from 'react';
|
|
3
3
|
export declare const StyledGasPriceHeaderBox: React.FC<React.ComponentProps<typeof FlexRow>>;
|
|
4
4
|
//# sourceMappingURL=Header.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/Header.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/Header.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,+BAA+B,CAAA;AAEvD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,eAAO,MAAM,uBAAuB,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,OAAO,CAAC,CAQhF,CAAA"}
|
package/dist/browser/index.mjs
CHANGED
|
@@ -7,8 +7,8 @@ var EthereumGasPriceAvatar = ({ ...props }) => {
|
|
|
7
7
|
};
|
|
8
8
|
|
|
9
9
|
// src/components/HeaderComponents/Actions.tsx
|
|
10
|
+
import { FlexRow } from "@ariestools/sdk-react/flexbox";
|
|
10
11
|
import { Chip } from "@mui/material";
|
|
11
|
-
import { FlexRow } from "@xylabs/react-flexbox";
|
|
12
12
|
import { jsx as jsx2, jsxs } from "react/jsx-runtime";
|
|
13
13
|
var GasPriceHeaderActionsBox = ({
|
|
14
14
|
baseFee,
|
|
@@ -84,8 +84,8 @@ var GasPriceHeaderTypography = ({
|
|
|
84
84
|
};
|
|
85
85
|
|
|
86
86
|
// src/components/layout/Header.tsx
|
|
87
|
+
import { FlexRow as FlexRow2 } from "@ariestools/sdk-react/flexbox";
|
|
87
88
|
import { styled } from "@mui/material";
|
|
88
|
-
import { FlexRow as FlexRow2 } from "@xylabs/react-flexbox";
|
|
89
89
|
var StyledGasPriceHeaderBox = styled(FlexRow2, { name: "StyledGasPriceEstimateBox" })(({ theme }) => ({
|
|
90
90
|
alignItems: "end",
|
|
91
91
|
columnGap: theme.spacing(2),
|
|
@@ -131,17 +131,17 @@ var GasPriceWitnessCardHeader = ({
|
|
|
131
131
|
GasPriceWitnessCardHeader.displayName = "GasPriceWitnessCardHeader";
|
|
132
132
|
|
|
133
133
|
// src/components/GasFees/Card.tsx
|
|
134
|
+
import { FlexGrowCol as FlexGrowCol2 } from "@ariestools/sdk-react/flexbox";
|
|
134
135
|
import {
|
|
135
136
|
Card,
|
|
136
137
|
Paper,
|
|
137
138
|
useTheme as useTheme6
|
|
138
139
|
} from "@mui/material";
|
|
139
|
-
import { FlexGrowCol as FlexGrowCol2 } from "@xylabs/react-flexbox";
|
|
140
140
|
import { CardContentEx } from "@xyo-network/react-card";
|
|
141
141
|
|
|
142
142
|
// src/components/GasFees/components/GasPriceBox.tsx
|
|
143
|
+
import { FlexRow as FlexRow3 } from "@ariestools/sdk-react/flexbox";
|
|
143
144
|
import { useTheme as useTheme3 } from "@mui/material";
|
|
144
|
-
import { FlexRow as FlexRow3 } from "@xylabs/react-flexbox";
|
|
145
145
|
import { TypographyEx as TypographyEx3 } from "@xyo-network/react-shared";
|
|
146
146
|
|
|
147
147
|
// src/components/GasFees/components/GweiLabelTypography.tsx
|
|
@@ -182,9 +182,9 @@ var GasPriceBox = ({ gasPrice, ...props }) => {
|
|
|
182
182
|
};
|
|
183
183
|
|
|
184
184
|
// src/components/GasFees/components/PriorityFeeBox.tsx
|
|
185
|
+
import { FlexCol, FlexGrowRow } from "@ariestools/sdk-react/flexbox";
|
|
185
186
|
import { LocalGasStationRounded as LocalGasStationRoundedIcon2 } from "@mui/icons-material";
|
|
186
187
|
import { useTheme as useTheme4 } from "@mui/material";
|
|
187
|
-
import { FlexCol, FlexGrowRow } from "@xylabs/react-flexbox";
|
|
188
188
|
import { TypographyEx as TypographyEx4 } from "@xyo-network/react-shared";
|
|
189
189
|
import { jsx as jsx7, jsxs as jsxs4 } from "react/jsx-runtime";
|
|
190
190
|
var PriorityFeeBox = ({
|
|
@@ -218,8 +218,8 @@ var PriorityFeeBox = ({
|
|
|
218
218
|
};
|
|
219
219
|
|
|
220
220
|
// src/components/GasFees/components/SpeedBox.tsx
|
|
221
|
+
import { FlexGrowCol } from "@ariestools/sdk-react/flexbox";
|
|
221
222
|
import { useTheme as useTheme5 } from "@mui/material";
|
|
222
|
-
import { FlexGrowCol } from "@xylabs/react-flexbox";
|
|
223
223
|
import { TypographyEx as TypographyEx5 } from "@xyo-network/react-shared";
|
|
224
224
|
import { jsx as jsx8 } from "react/jsx-runtime";
|
|
225
225
|
var SpeedBox = ({ speed, ...props }) => {
|
|
@@ -304,12 +304,12 @@ var GasPriceWitnessHeaderBox = ({
|
|
|
304
304
|
};
|
|
305
305
|
|
|
306
306
|
// src/components/RawPayload/ToggleRawPayloadBox.tsx
|
|
307
|
+
import { FlexCol as FlexCol2 } from "@ariestools/sdk-react/flexbox";
|
|
307
308
|
import {
|
|
308
309
|
Button,
|
|
309
310
|
Collapse,
|
|
310
311
|
Paper as Paper2
|
|
311
312
|
} from "@mui/material";
|
|
312
|
-
import { FlexCol as FlexCol2 } from "@xylabs/react-flexbox";
|
|
313
313
|
import { useState } from "react";
|
|
314
314
|
import { jsx as jsx11, jsxs as jsxs7 } from "react/jsx-runtime";
|
|
315
315
|
var ToggleRawPayloadBox = ({ gasPricePayload, ...props }) => {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/components/Avatar/EthereumGasPriceAvatar.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/CardHeader/CardHeader.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"],
|
|
4
|
-
"sourcesContent": ["import { LocalGasStationRounded as LocalGasStationRoundedIcon } from '@mui/icons-material'\nimport type { AvatarProps } from '@mui/material'\nimport { Avatar } from '@mui/material'\nimport React from 'react'\n\nexport const EthereumGasPriceAvatar: React.FC<AvatarProps> = ({ ...props }) => {\n return (\n <Avatar {...props}>\n <LocalGasStationRoundedIcon />\n </Avatar>\n )\n}\n", "import { Chip } from '@mui/material'\nimport type { FlexBoxProps } from '@xylabs/react-flexbox'\nimport { FlexRow } from '@xylabs/react-flexbox'\nimport React from 'react'\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\n {...props}\n sx={[{\n columnGap: 1,\n rowGap: 1,\n flexWrap: 'wrap',\n }, ...(Array.isArray(props.sx) ? props.sx : [props.sx])]}\n >\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 type { TypographyExProps } from '@xyo-network/react-shared'\nimport { getTokenData } from '@xyo-network/react-shared'\nimport type { PropsWithChildren } from 'react'\nimport React from 'react'\n\nimport { GasPriceHeadingTypography } from './Heading.tsx'\n\nexport interface GasPriceHeaderTypographyProps extends TypographyExProps, PropsWithChildren {\n heading?: string\n}\n\nexport const GasPriceHeaderTypography: React.FC<GasPriceHeaderTypographyProps> = ({\n heading, children, ...props\n}) => {\n const theme = useTheme()\n const [ethData] = getTokenData(['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 type { TypographyExProps } from '@xyo-network/react-shared'\nimport { TypographyEx } from '@xyo-network/react-shared'\nimport type { ReactNode } from 'react'\nimport React 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> = ({\n children, heading, networkIcon, ...props\n}) => {\n const theme = useTheme()\n return (\n <TypographyEx\n {...props}\n sx={[{\n fontSize: theme.spacing(6),\n lineHeight: 1,\n }, ...(Array.isArray(props.sx) ? props.sx : [props.sx])]}\n >\n {heading}\n {' '}\n {networkIcon}\n {' '}\n {children}\n </TypographyEx>\n )\n}\n", "import { styled } from '@mui/material'\nimport { FlexRow } from '@xylabs/react-flexbox'\nimport type React from 'react'\n\nexport const StyledGasPriceHeaderBox: React.FC<React.ComponentProps<typeof FlexRow>> = 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'\nimport type React from 'react'\n\nexport const StyledCardHeader: React.FC<React.ComponentProps<typeof CardHeader>> = styled(CardHeader, { name: 'StyledCardHeader' })(({ theme }) => ({\n flexWrap: 'wrap',\n rowGap: theme.spacing(2),\n}))\n", "import type { CardProps } from '@mui/material'\nimport React from 'react'\n\nimport type { GasPriceWitnessUIBasePayload } from '../../types/index.ts'\nimport { GasPriceHeaderActionsBox, GasPriceHeaderTypography } from '../HeaderComponents/index.ts'\nimport { StyledCardHeader } from '../layout/index.ts'\n\nexport interface GasPriceCardHeaderProps extends CardProps {\n parsedPayload?: GasPriceWitnessUIBasePayload\n title?: string\n}\nexport const GasPriceWitnessCardHeader = ({\n ref, title, parsedPayload, ...props\n}: GasPriceCardHeaderProps) => (\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 type { CardProps } from '@mui/material'\nimport {\n Card, Paper, useTheme,\n} from '@mui/material'\nimport { FlexGrowCol } from '@xylabs/react-flexbox'\nimport { CardContentEx } from '@xyo-network/react-card'\nimport React from 'react'\n\nimport {\n GasPriceBox, PriorityFeeBox, SpeedBox,\n} from './components/index.ts'\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> = ({\n gasPrice, speedPaperElevation, priorityFee, priorityFeeLabel, speed = 'low', ...props\n}) => {\n const theme = useTheme()\n\n return (\n <Card sx={{ p: 0 }} {...props}>\n <CardContentEx\n removePadding\n sx={{\n flexDirection: 'column', flexGrow: 1, p: 0, rowGap: 2,\n }}\n >\n <FlexGrowCol\n sx={{\n bgcolor: theme.vars.palette.secondary.dark,\n alignItems: 'start',\n p: 2,\n rowGap: 1.5,\n color: theme.vars.palette.common.white,\n }}\n >\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 type { FlexBoxProps } from '@xylabs/react-flexbox'\nimport { FlexRow } from '@xylabs/react-flexbox'\nimport { TypographyEx } from '@xyo-network/react-shared'\nimport React from 'react'\n\nimport { GweiLabelTypography } from './GweiLabelTypography.tsx'\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\n {...props}\n sx={[{\n columnGap: 1.5,\n rowGap: 1.5,\n alignItems: 'end',\n }, ...(Array.isArray(props.sx) ? props.sx : [props.sx])]}\n >\n <TypographyEx\n title={gasPrice?.toString() ?? ''}\n sx={{\n lineHeight: 1,\n fontWeight: '200',\n fontSize: theme.spacing(6),\n }}\n >\n {gasPrice?.toFixed(2)}\n </TypographyEx>\n <GweiLabelTypography sx={{ fontSize: theme.spacing(2) }} />\n </FlexRow>\n )\n}\n", "import type { TypographyExProps } from '@xyo-network/react-shared'\nimport { TypographyEx } from '@xyo-network/react-shared'\nimport React from 'react'\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 type { FlexBoxProps } from '@xylabs/react-flexbox'\nimport { FlexCol, FlexGrowRow } from '@xylabs/react-flexbox'\nimport { TypographyEx } from '@xyo-network/react-shared'\nimport React from 'react'\n\nimport { GweiLabelTypography } from './GweiLabelTypography.tsx'\n\nexport interface PriorityFeeBoxProps extends FlexBoxProps {\n priorityFee?: number\n priorityFeeLabel?: string\n}\n\nexport const PriorityFeeBox: React.FC<PriorityFeeBoxProps> = ({\n priorityFee, priorityFeeLabel = 'Priority Fee', ...props\n}) => {\n const theme = useTheme()\n\n return (\n <FlexGrowRow\n {...props}\n sx={[{\n width: '100%',\n justifyContent: 'space-between',\n alignItems: 'end',\n }, ...(Array.isArray(props.sx) ? props.sx : [props.sx])]}\n >\n <FlexCol sx={{ alignItems: 'start' }}>\n <TypographyEx>{priorityFeeLabel}</TypographyEx>\n <TypographyEx title={priorityFee?.toString() ?? ''}>\n {priorityFee?.toFixed(2)}\n {' '}\n <GweiLabelTypography sx={{ fontSize: theme.spacing(1) }} />\n </TypographyEx>\n </FlexCol>\n <LocalGasStationRoundedIcon />\n </FlexGrowRow>\n )\n}\n", "import { useTheme } from '@mui/material'\nimport type { FlexBoxProps } from '@xylabs/react-flexbox'\nimport { FlexGrowCol } from '@xylabs/react-flexbox'\nimport { TypographyEx } from '@xyo-network/react-shared'\nimport React from 'react'\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 ? (\n <FlexGrowCol {...props}>\n <TypographyEx\n sx={{\n fontSize: theme.spacing(3),\n fontWeight: '200',\n p: 1,\n }}\n >\n {speed}\n </TypographyEx>\n </FlexGrowCol>\n )\n : null\n}\n", "import type { FlexBoxProps } from '@xylabs/react-flexbox'\nimport React from 'react'\n\nimport type { GasPriceWitnessUIBasePayload } from '../types/index.ts'\nimport { GasPriceHeaderActionsBox, GasPriceHeaderTypography } from './HeaderComponents/index.ts'\nimport { StyledGasPriceHeaderBox } from './layout/index.ts'\n\nexport interface GasPriceWitnessHeaderBoxProps extends FlexBoxProps {\n heading?: string\n parsedPayload?: GasPriceWitnessUIBasePayload\n}\n\nexport const GasPriceWitnessHeaderBox: React.FC<GasPriceWitnessHeaderBoxProps> = ({\n heading, parsedPayload, ...props\n}) => {\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 {\n Button, Collapse, Paper,\n} from '@mui/material'\nimport type { FlexBoxProps } from '@xylabs/react-flexbox'\nimport { FlexCol } from '@xylabs/react-flexbox'\nimport React, { 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 ? (\n <FlexCol\n {...props}\n sx={[{ rowGap: 1 }, ...(Array.isArray(props.sx) ? props.sx : [props.sx])]}\n >\n <Button\n variant=\"contained\"\n color=\"secondary\"\n onClick={() => setCollapse(!collapse)}\n sx={{\n bgcolor: 'secondary.dark',\n color: 'white',\n }}\n >\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 )\n : null\n}\n"],
|
|
5
|
-
"mappings": ";AAAA,SAAS,0BAA0B,kCAAkC;AAErE,SAAS,cAAc;AAMjB;AAHC,IAAM,yBAAgD,CAAC,EAAE,GAAG,MAAM,MAAM;AAC7E,SACE,oBAAC,UAAQ,GAAG,OACV,8BAAC,8BAA2B,GAC9B;AAEJ;;;
|
|
6
|
-
"names": ["jsx", "useTheme", "jsxs", "jsx", "useTheme", "FlexRow", "styled", "jsx", "
|
|
4
|
+
"sourcesContent": ["import { LocalGasStationRounded as LocalGasStationRoundedIcon } from '@mui/icons-material'\nimport type { AvatarProps } from '@mui/material'\nimport { Avatar } from '@mui/material'\nimport React from 'react'\n\nexport const EthereumGasPriceAvatar: React.FC<AvatarProps> = ({ ...props }) => {\n return (\n <Avatar {...props}>\n <LocalGasStationRoundedIcon />\n </Avatar>\n )\n}\n", "import type { FlexBoxProps } from '@ariestools/sdk-react/flexbox'\nimport { FlexRow } from '@ariestools/sdk-react/flexbox'\nimport { Chip } from '@mui/material'\nimport React from 'react'\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\n {...props}\n sx={[{\n columnGap: 1,\n rowGap: 1,\n flexWrap: 'wrap',\n }, ...(Array.isArray(props.sx) ? props.sx : [props.sx])]}\n >\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 type { TypographyExProps } from '@xyo-network/react-shared'\nimport { getTokenData } from '@xyo-network/react-shared'\nimport type { PropsWithChildren } from 'react'\nimport React from 'react'\n\nimport { GasPriceHeadingTypography } from './Heading.tsx'\n\nexport interface GasPriceHeaderTypographyProps extends TypographyExProps, PropsWithChildren {\n heading?: string\n}\n\nexport const GasPriceHeaderTypography: React.FC<GasPriceHeaderTypographyProps> = ({\n heading, children, ...props\n}) => {\n const theme = useTheme()\n const [ethData] = getTokenData(['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 type { TypographyExProps } from '@xyo-network/react-shared'\nimport { TypographyEx } from '@xyo-network/react-shared'\nimport type { ReactNode } from 'react'\nimport React 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> = ({\n children, heading, networkIcon, ...props\n}) => {\n const theme = useTheme()\n return (\n <TypographyEx\n {...props}\n sx={[{\n fontSize: theme.spacing(6),\n lineHeight: 1,\n }, ...(Array.isArray(props.sx) ? props.sx : [props.sx])]}\n >\n {heading}\n {' '}\n {networkIcon}\n {' '}\n {children}\n </TypographyEx>\n )\n}\n", "import { FlexRow } from '@ariestools/sdk-react/flexbox'\nimport { styled } from '@mui/material'\nimport type React from 'react'\n\nexport const StyledGasPriceHeaderBox: React.FC<React.ComponentProps<typeof FlexRow>> = 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'\nimport type React from 'react'\n\nexport const StyledCardHeader: React.FC<React.ComponentProps<typeof CardHeader>> = styled(CardHeader, { name: 'StyledCardHeader' })(({ theme }) => ({\n flexWrap: 'wrap',\n rowGap: theme.spacing(2),\n}))\n", "import type { CardProps } from '@mui/material'\nimport React from 'react'\n\nimport type { GasPriceWitnessUIBasePayload } from '../../types/index.ts'\nimport { GasPriceHeaderActionsBox, GasPriceHeaderTypography } from '../HeaderComponents/index.ts'\nimport { StyledCardHeader } from '../layout/index.ts'\n\nexport interface GasPriceCardHeaderProps extends CardProps {\n parsedPayload?: GasPriceWitnessUIBasePayload\n title?: string\n}\nexport const GasPriceWitnessCardHeader = ({\n ref, title, parsedPayload, ...props\n}: GasPriceCardHeaderProps) => (\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 { FlexGrowCol } from '@ariestools/sdk-react/flexbox'\nimport type { CardProps } from '@mui/material'\nimport {\n Card, Paper, useTheme,\n} from '@mui/material'\nimport { CardContentEx } from '@xyo-network/react-card'\nimport React from 'react'\n\nimport {\n GasPriceBox, PriorityFeeBox, SpeedBox,\n} from './components/index.ts'\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> = ({\n gasPrice, speedPaperElevation, priorityFee, priorityFeeLabel, speed = 'low', ...props\n}) => {\n const theme = useTheme()\n\n return (\n <Card sx={{ p: 0 }} {...props}>\n <CardContentEx\n removePadding\n sx={{\n flexDirection: 'column', flexGrow: 1, p: 0, rowGap: 2,\n }}\n >\n <FlexGrowCol\n sx={{\n bgcolor: theme.vars.palette.secondary.dark,\n alignItems: 'start',\n p: 2,\n rowGap: 1.5,\n color: theme.vars.palette.common.white,\n }}\n >\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 type { FlexBoxProps } from '@ariestools/sdk-react/flexbox'\nimport { FlexRow } from '@ariestools/sdk-react/flexbox'\nimport { useTheme } from '@mui/material'\nimport { TypographyEx } from '@xyo-network/react-shared'\nimport React from 'react'\n\nimport { GweiLabelTypography } from './GweiLabelTypography.tsx'\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\n {...props}\n sx={[{\n columnGap: 1.5,\n rowGap: 1.5,\n alignItems: 'end',\n }, ...(Array.isArray(props.sx) ? props.sx : [props.sx])]}\n >\n <TypographyEx\n title={gasPrice?.toString() ?? ''}\n sx={{\n lineHeight: 1,\n fontWeight: '200',\n fontSize: theme.spacing(6),\n }}\n >\n {gasPrice?.toFixed(2)}\n </TypographyEx>\n <GweiLabelTypography sx={{ fontSize: theme.spacing(2) }} />\n </FlexRow>\n )\n}\n", "import type { TypographyExProps } from '@xyo-network/react-shared'\nimport { TypographyEx } from '@xyo-network/react-shared'\nimport React from 'react'\n\nexport const GweiLabelTypography: React.FC<TypographyExProps> = props => (\n <TypographyEx variant=\"caption\" {...props}>\n GWEI\n </TypographyEx>\n)\n", "import type { FlexBoxProps } from '@ariestools/sdk-react/flexbox'\nimport { FlexCol, FlexGrowRow } from '@ariestools/sdk-react/flexbox'\nimport { LocalGasStationRounded as LocalGasStationRoundedIcon } from '@mui/icons-material'\nimport { useTheme } from '@mui/material'\nimport { TypographyEx } from '@xyo-network/react-shared'\nimport React from 'react'\n\nimport { GweiLabelTypography } from './GweiLabelTypography.tsx'\n\nexport interface PriorityFeeBoxProps extends FlexBoxProps {\n priorityFee?: number\n priorityFeeLabel?: string\n}\n\nexport const PriorityFeeBox: React.FC<PriorityFeeBoxProps> = ({\n priorityFee, priorityFeeLabel = 'Priority Fee', ...props\n}) => {\n const theme = useTheme()\n\n return (\n <FlexGrowRow\n {...props}\n sx={[{\n width: '100%',\n justifyContent: 'space-between',\n alignItems: 'end',\n }, ...(Array.isArray(props.sx) ? props.sx : [props.sx])]}\n >\n <FlexCol sx={{ alignItems: 'start' }}>\n <TypographyEx>{priorityFeeLabel}</TypographyEx>\n <TypographyEx title={priorityFee?.toString() ?? ''}>\n {priorityFee?.toFixed(2)}\n {' '}\n <GweiLabelTypography sx={{ fontSize: theme.spacing(1) }} />\n </TypographyEx>\n </FlexCol>\n <LocalGasStationRoundedIcon />\n </FlexGrowRow>\n )\n}\n", "import type { FlexBoxProps } from '@ariestools/sdk-react/flexbox'\nimport { FlexGrowCol } from '@ariestools/sdk-react/flexbox'\nimport { useTheme } from '@mui/material'\nimport { TypographyEx } from '@xyo-network/react-shared'\nimport React from 'react'\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 ? (\n <FlexGrowCol {...props}>\n <TypographyEx\n sx={{\n fontSize: theme.spacing(3),\n fontWeight: '200',\n p: 1,\n }}\n >\n {speed}\n </TypographyEx>\n </FlexGrowCol>\n )\n : null\n}\n", "import type { FlexBoxProps } from '@ariestools/sdk-react/flexbox'\nimport React from 'react'\n\nimport type { GasPriceWitnessUIBasePayload } from '../types/index.ts'\nimport { GasPriceHeaderActionsBox, GasPriceHeaderTypography } from './HeaderComponents/index.ts'\nimport { StyledGasPriceHeaderBox } from './layout/index.ts'\n\nexport interface GasPriceWitnessHeaderBoxProps extends FlexBoxProps {\n heading?: string\n parsedPayload?: GasPriceWitnessUIBasePayload\n}\n\nexport const GasPriceWitnessHeaderBox: React.FC<GasPriceWitnessHeaderBoxProps> = ({\n heading, parsedPayload, ...props\n}) => {\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 type { FlexBoxProps } from '@ariestools/sdk-react/flexbox'\nimport { FlexCol } from '@ariestools/sdk-react/flexbox'\nimport {\n Button, Collapse, Paper,\n} from '@mui/material'\nimport React, { 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 ? (\n <FlexCol\n {...props}\n sx={[{ rowGap: 1 }, ...(Array.isArray(props.sx) ? props.sx : [props.sx])]}\n >\n <Button\n variant=\"contained\"\n color=\"secondary\"\n onClick={() => setCollapse(!collapse)}\n sx={{\n bgcolor: 'secondary.dark',\n color: 'white',\n }}\n >\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 )\n : null\n}\n"],
|
|
5
|
+
"mappings": "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",
|
|
6
|
+
"names": ["jsx", "useTheme", "jsxs", "jsx", "useTheme", "FlexRow", "styled", "jsx", "FlexGrowCol", "useTheme", "FlexRow", "useTheme", "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", "FlexCol", "Paper", "jsx", "jsxs"]
|
|
7
7
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@xyo-network/react-gas-price",
|
|
3
|
-
"version": "10.0.
|
|
3
|
+
"version": "10.0.4",
|
|
4
4
|
"description": "Common React library for all XYO projects that use React",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"xyo",
|
|
@@ -41,96 +41,92 @@
|
|
|
41
41
|
"README.md"
|
|
42
42
|
],
|
|
43
43
|
"dependencies": {
|
|
44
|
-
"@xyo-network/react-card": "~10.0.
|
|
45
|
-
"@xyo-network/react-shared": "~10.0.
|
|
44
|
+
"@xyo-network/react-card": "~10.0.4",
|
|
45
|
+
"@xyo-network/react-shared": "~10.0.4"
|
|
46
46
|
},
|
|
47
47
|
"devDependencies": {
|
|
48
|
+
"@ariestools/sdk": "^7.0.5",
|
|
49
|
+
"@ariestools/sdk-react": "^10.0.2",
|
|
48
50
|
"@bitauth/libauth": "~3.0.0",
|
|
49
|
-
"@
|
|
50
|
-
"@mui/
|
|
51
|
-
"@mui/material": "^9.1.2",
|
|
51
|
+
"@mui/icons-material": "^9.2.0",
|
|
52
|
+
"@mui/material": "^9.2.0",
|
|
52
53
|
"@noble/post-quantum": "~0.6.1",
|
|
53
54
|
"@opentelemetry/api": "^1.9.1",
|
|
54
|
-
"@opentelemetry/sdk-trace-base": "^2.
|
|
55
|
-
"@react-spring/web": "
|
|
55
|
+
"@opentelemetry/sdk-trace-base": "^2.9.0",
|
|
56
|
+
"@react-spring/web": "^10.1.2",
|
|
56
57
|
"@scure/base": "~2.2.0",
|
|
57
58
|
"@scure/bip39": "~2.2.0",
|
|
58
59
|
"@storybook/react-vite": "~10.4.6",
|
|
59
60
|
"@types/react": "^19.2.17",
|
|
60
|
-
"@xylabs/
|
|
61
|
-
"@xylabs/
|
|
62
|
-
"@xylabs/
|
|
63
|
-
"@xylabs/
|
|
64
|
-
"@xylabs/
|
|
65
|
-
"@xylabs/
|
|
66
|
-
"@xylabs/
|
|
67
|
-
"@xylabs/react
|
|
68
|
-
"@
|
|
69
|
-
"@
|
|
70
|
-
"@xylabs/threads": "^6.1.4",
|
|
71
|
-
"@xylabs/toolchain": "~8.3.0",
|
|
72
|
-
"@xylabs/tsconfig": "^8.3.0",
|
|
73
|
-
"@xylabs/tsconfig-dom": "^8.3.0",
|
|
74
|
-
"@xylabs/tsconfig-react": "~8.3.0",
|
|
75
|
-
"@xyo-network/sdk-js": "~7.0",
|
|
76
|
-
"@xyo-network/sdk-protocol-js": "~7.0",
|
|
61
|
+
"@xylabs/eth-address": "^7.0.5",
|
|
62
|
+
"@xylabs/geo": "^7.0.5",
|
|
63
|
+
"@xylabs/pixel": "^7.0.5",
|
|
64
|
+
"@xylabs/threads": "^7.0.5",
|
|
65
|
+
"@xylabs/toolchain": "~8.5.15",
|
|
66
|
+
"@xylabs/tsconfig": "^8.5.15",
|
|
67
|
+
"@xylabs/tsconfig-dom": "^8.5.15",
|
|
68
|
+
"@xylabs/tsconfig-react": "~8.5.15",
|
|
69
|
+
"@xyo-network/sdk": "^7.0.7",
|
|
70
|
+
"@xyo-network/sdk-protocol": "^7.0.12",
|
|
77
71
|
"ajv": "^8.20.0",
|
|
78
72
|
"async-mutex": "^0.5.0",
|
|
79
|
-
"
|
|
80
|
-
"
|
|
73
|
+
"clsx": "^2.1.1",
|
|
74
|
+
"debug": "^4.4.3",
|
|
75
|
+
"eslint": "^10.6.0",
|
|
81
76
|
"ethers": "^6.17.0",
|
|
82
77
|
"hash-wasm": "~4.12.0",
|
|
83
78
|
"idb": "^8.0.3",
|
|
84
79
|
"lru-cache": "^11.5.1",
|
|
85
|
-
"
|
|
86
|
-
"
|
|
80
|
+
"md5": "^2.3.0",
|
|
81
|
+
"numeral": "^2.0.6",
|
|
82
|
+
"observable-fns": "^0.6.1",
|
|
83
|
+
"query-string": "^9.4.1",
|
|
87
84
|
"react": "^19.2.7",
|
|
88
85
|
"react-dom": "^19.2.7",
|
|
89
|
-
"react-router-dom": "^7.18.
|
|
86
|
+
"react-router-dom": "^7.18.1",
|
|
90
87
|
"storybook": "^10.4.6",
|
|
91
88
|
"typescript": "^6.0.3",
|
|
92
|
-
"
|
|
93
|
-
"
|
|
94
|
-
"zod": "^4.4.3"
|
|
89
|
+
"viem": "^2.54.2",
|
|
90
|
+
"vite": "^8.1.3",
|
|
91
|
+
"zod": "^4.4.3",
|
|
92
|
+
"zustand": "^5.0.14"
|
|
95
93
|
},
|
|
96
94
|
"peerDependencies": {
|
|
95
|
+
"@ariestools/sdk": "^7.0",
|
|
96
|
+
"@ariestools/sdk-react": "^10.0",
|
|
97
97
|
"@bitauth/libauth": "~3.0",
|
|
98
|
-
"@metamask/providers": "^22.1",
|
|
99
98
|
"@mui/icons-material": "^9.0",
|
|
100
99
|
"@mui/material": "^9.0",
|
|
101
100
|
"@noble/post-quantum": "~0.6.1",
|
|
102
101
|
"@opentelemetry/api": "^1.9",
|
|
103
102
|
"@opentelemetry/sdk-trace-base": "^2.7",
|
|
104
|
-
"@react-spring/web": "
|
|
103
|
+
"@react-spring/web": "^10.1",
|
|
105
104
|
"@scure/base": "~2.2",
|
|
106
105
|
"@scure/bip39": "~2.2",
|
|
107
|
-
"@xylabs/
|
|
108
|
-
"@xylabs/
|
|
109
|
-
"@xylabs/
|
|
110
|
-
"@xylabs/
|
|
111
|
-
"@
|
|
112
|
-
"@
|
|
113
|
-
"@xylabs/react-promise": "^9.1",
|
|
114
|
-
"@xylabs/react-shared": "^9.1",
|
|
115
|
-
"@xylabs/react-theme": "^9.1",
|
|
116
|
-
"@xylabs/sdk-js": "^6.0",
|
|
117
|
-
"@xylabs/threads": "^6.0",
|
|
118
|
-
"@xyo-network/sdk-js": "^7.0",
|
|
119
|
-
"@xyo-network/sdk-protocol-js": "^7.0",
|
|
106
|
+
"@xylabs/eth-address": "^7.0",
|
|
107
|
+
"@xylabs/geo": "^7.0",
|
|
108
|
+
"@xylabs/pixel": "^7.0",
|
|
109
|
+
"@xylabs/threads": "^7.0",
|
|
110
|
+
"@xyo-network/sdk": "*",
|
|
111
|
+
"@xyo-network/sdk-protocol": "^7.0",
|
|
120
112
|
"ajv": "^8.20",
|
|
121
113
|
"async-mutex": "^0.5",
|
|
122
|
-
"
|
|
114
|
+
"clsx": "^2.1",
|
|
115
|
+
"debug": "^4.4",
|
|
123
116
|
"ethers": "^6.16",
|
|
124
117
|
"hash-wasm": "~4.12",
|
|
125
118
|
"idb": "^8.0",
|
|
126
119
|
"lru-cache": "^11.3",
|
|
127
|
-
"
|
|
128
|
-
"
|
|
120
|
+
"md5": "^2.3",
|
|
121
|
+
"numeral": "^2.0",
|
|
122
|
+
"observable-fns": "^0.6",
|
|
123
|
+
"query-string": "^9.4",
|
|
129
124
|
"react": "^19.2",
|
|
130
125
|
"react-dom": "^19.2",
|
|
131
126
|
"react-router-dom": "^7.15",
|
|
132
|
-
"
|
|
133
|
-
"zod": "^4.4"
|
|
127
|
+
"viem": "^2.48",
|
|
128
|
+
"zod": "^4.4",
|
|
129
|
+
"zustand": "^5.0"
|
|
134
130
|
},
|
|
135
131
|
"publishConfig": {
|
|
136
132
|
"access": "public"
|