@lifi/widget 3.2.2 → 3.4.0-beta.0
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/CHANGELOG.md +12 -0
- package/_esm/components/ActiveTransactions/ActiveTransactionItem.js +1 -1
- package/_esm/components/Card/CardIconButton.d.ts +4 -1
- package/_esm/components/Card/CardIconButton.js.map +1 -1
- package/_esm/components/FeeBreakdownTooltip.d.ts +0 -2
- package/_esm/components/FeeBreakdownTooltip.js +2 -5
- package/_esm/components/FeeBreakdownTooltip.js.map +1 -1
- package/_esm/components/IconTypography.d.ts +3 -3
- package/_esm/components/IconTypography.js +2 -2
- package/_esm/components/IconTypography.js.map +1 -1
- package/_esm/components/RouteCard/RouteCardEssentials.js +10 -11
- package/_esm/components/RouteCard/RouteCardEssentials.js.map +1 -1
- package/_esm/components/Step/DestinationWalletAddress.js +2 -2
- package/_esm/components/Step/DestinationWalletAddress.js.map +1 -1
- package/_esm/components/Step/Step.js +1 -1
- package/_esm/components/Step/StepProcess.js +3 -3
- package/_esm/components/Step/StepProcess.js.map +1 -1
- package/_esm/components/Step/StepTimer.js +44 -27
- package/_esm/components/Step/StepTimer.js.map +1 -1
- package/_esm/components/StepActions/StepActions.js +32 -12
- package/_esm/components/StepActions/StepActions.js.map +1 -1
- package/_esm/components/StepActions/StepActions.style.d.ts +0 -3
- package/_esm/components/StepActions/StepActions.style.js +0 -6
- package/_esm/components/StepActions/StepActions.style.js.map +1 -1
- package/_esm/components/StepActions/types.d.ts +2 -3
- package/_esm/components/TransactionDetails.js +24 -9
- package/_esm/components/TransactionDetails.js.map +1 -1
- package/_esm/config/version.d.ts +1 -1
- package/_esm/config/version.js +1 -1
- package/_esm/config/version.js.map +1 -1
- package/_esm/hooks/timer/useTimer.js +2 -2
- package/_esm/hooks/timer/useTimer.js.map +1 -1
- package/_esm/i18n/en.json +4 -2
- package/_esm/i18n/index.js +15 -15
- package/_esm/i18n/index.js.map +1 -1
- package/_esm/pages/TransactionDetailsPage/TransactionDetailsPage.js +3 -2
- package/_esm/pages/TransactionDetailsPage/TransactionDetailsPage.js.map +1 -1
- package/_esm/pages/TransactionPage/TokenValueBottomSheet.d.ts +0 -1
- package/_esm/pages/TransactionPage/TokenValueBottomSheet.js +7 -14
- package/_esm/pages/TransactionPage/TokenValueBottomSheet.js.map +1 -1
- package/_esm/pages/TransactionPage/TransactionPage.js +16 -8
- package/_esm/pages/TransactionPage/TransactionPage.js.map +1 -1
- package/_esm/pages/TransactionPage/utils.d.ts +2 -2
- package/_esm/pages/TransactionPage/utils.js +9 -5
- package/_esm/pages/TransactionPage/utils.js.map +1 -1
- package/_esm/stores/routes/types.d.ts +6 -6
- package/_esm/stores/routes/types.js +6 -6
- package/_esm/stores/routes/types.js.map +1 -1
- package/_esm/types/events.d.ts +5 -4
- package/_esm/types/widget.d.ts +7 -1
- package/_esm/types/widget.js +1 -0
- package/_esm/types/widget.js.map +1 -1
- package/_esm/utils/converters.js +1 -1
- package/_esm/utils/converters.js.map +1 -1
- package/_esm/utils/fees.d.ts +7 -0
- package/_esm/utils/fees.js +14 -0
- package/_esm/utils/fees.js.map +1 -1
- package/components/ActiveTransactions/ActiveTransactionItem.tsx +1 -1
- package/components/Card/CardIconButton.tsx +4 -1
- package/components/FeeBreakdownTooltip.tsx +4 -10
- package/components/IconTypography.ts +2 -2
- package/components/RouteCard/RouteCardEssentials.tsx +19 -15
- package/components/Step/DestinationWalletAddress.tsx +3 -3
- package/components/Step/Step.tsx +1 -1
- package/components/Step/StepProcess.tsx +6 -6
- package/components/Step/StepTimer.tsx +77 -32
- package/components/StepActions/StepActions.style.tsx +0 -8
- package/components/StepActions/StepActions.tsx +45 -28
- package/components/StepActions/types.ts +2 -2
- package/components/TransactionDetails.tsx +80 -44
- package/config/version.ts +1 -1
- package/hooks/timer/useTimer.ts +4 -2
- package/i18n/en.json +4 -2
- package/i18n/index.ts +15 -15
- package/package.json +10 -10
- package/pages/TransactionDetailsPage/TransactionDetailsPage.tsx +6 -5
- package/pages/TransactionPage/TokenValueBottomSheet.tsx +32 -19
- package/pages/TransactionPage/TransactionPage.tsx +27 -10
- package/pages/TransactionPage/utils.ts +23 -8
- package/stores/routes/types.ts +6 -6
- package/types/events.ts +5 -4
- package/types/widget.ts +7 -0
- package/utils/converters.ts +1 -1
- package/utils/fees.ts +24 -0
- package/_esm/components/Step/StepProcess.style.d.ts +0 -9
- package/_esm/components/Step/StepProcess.style.js +0 -6
- package/_esm/components/Step/StepProcess.style.js.map +0 -1
- package/components/Step/StepProcess.style.tsx +0 -9
package/CHANGELOG.md
CHANGED
|
@@ -2,6 +2,18 @@
|
|
|
2
2
|
|
|
3
3
|
All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
|
|
4
4
|
|
|
5
|
+
## [3.3.0](https://github.com/lifinance/widget/compare/v3.2.2...v3.3.0) (2024-07-30)
|
|
6
|
+
|
|
7
|
+
|
|
8
|
+
### Features
|
|
9
|
+
|
|
10
|
+
* improve the display of estimated duration and fees ([#278](https://github.com/lifinance/widget/issues/278)) ([5180526](https://github.com/lifinance/widget/commit/5180526154371c5378c38224592894933d1cc313))
|
|
11
|
+
|
|
12
|
+
|
|
13
|
+
### Bug Fixes
|
|
14
|
+
|
|
15
|
+
* change assert to with ([#279](https://github.com/lifinance/widget/issues/279)) ([5d6ac56](https://github.com/lifinance/widget/commit/5d6ac569e239317edb288a42918ead107369d1ae))
|
|
16
|
+
|
|
5
17
|
### [3.2.2](https://github.com/lifinance/widget/compare/v3.2.1...v3.2.2) (2024-07-24)
|
|
6
18
|
|
|
7
19
|
|
|
@@ -32,7 +32,7 @@ export const ActiveTransactionItem = ({ routeId, dense }) => {
|
|
|
32
32
|
case 'FAILED':
|
|
33
33
|
return _jsx(ErrorRounded, { color: "error", fontSize: "small" });
|
|
34
34
|
default:
|
|
35
|
-
return (_jsx(Typography, { fontSize: 14, fontWeight:
|
|
35
|
+
return (_jsx(Typography, { fontSize: 14, fontWeight: 600, children: _jsx(StepTimer, { step: lastActiveStep, hideInProgress: true }) }));
|
|
36
36
|
}
|
|
37
37
|
};
|
|
38
38
|
const ListItemComponent = dense ? ListItem : ListItemButton;
|
|
@@ -1,3 +1,6 @@
|
|
|
1
|
+
import type { LinkProps } from '@mui/material';
|
|
1
2
|
export declare const CardIconButton: import("@emotion/styled").StyledComponent<import("@mui/material").IconButtonOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent.js").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
|
|
2
3
|
ref?: ((instance: HTMLButtonElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLButtonElement> | null | undefined;
|
|
3
|
-
}, "color" | "children" | "sx" | "style" | "className" | "tabIndex" | "disabled" | "action" | "size" | "classes" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "edge"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme
|
|
4
|
+
}, "color" | "children" | "sx" | "style" | "className" | "tabIndex" | "disabled" | "action" | "size" | "classes" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "edge"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
|
|
5
|
+
component?: import("react").ElementType;
|
|
6
|
+
} & Pick<LinkProps, "rel" | "target" | "href">, {}, {}>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CardIconButton.js","sourceRoot":"","sources":["../../../components/Card/CardIconButton.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"CardIconButton.js","sourceRoot":"","sources":["../../../components/Card/CardIconButton.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,IAAI,aAAa,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AACpE,OAAO,EAAE,qBAAqB,EAAE,MAAM,uBAAuB,CAAC;AAE9D,MAAM,CAAC,MAAM,cAAc,GAAG,MAAM,CAAC,aAAa,CAAC,CAEjD,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;IACd,OAAO;QACL,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC;QAC3B,eAAe,EAAE,qBAAqB,CAAC,KAAK,EAAE,IAAI,CAAC;QACnD,SAAS,EAAE;YACT,eAAe,EAAE,qBAAqB,CAAC,KAAK,EAAE,IAAI,CAAC;SACpD;QACD,QAAQ,EAAE,MAAM;KACjB,CAAC;AACJ,CAAC,CAAC,CAAC"}
|
|
@@ -1,9 +1,7 @@
|
|
|
1
|
-
import type { Route } from '@lifi/sdk';
|
|
2
1
|
import type { TFunction } from 'i18next';
|
|
3
2
|
import type { ReactElement } from 'react';
|
|
4
3
|
import type { FeesBreakdown } from '../utils/fees.js';
|
|
5
4
|
export interface FeeBreakdownTooltipProps {
|
|
6
|
-
route: Route;
|
|
7
5
|
gasCosts?: FeesBreakdown[];
|
|
8
6
|
feeCosts?: FeesBreakdown[];
|
|
9
7
|
children: ReactElement<any, any>;
|
|
@@ -2,12 +2,9 @@ import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
|
|
|
2
2
|
import { Box, Tooltip, Typography } from '@mui/material';
|
|
3
3
|
import { useTranslation } from 'react-i18next';
|
|
4
4
|
import { formatUnits } from 'viem';
|
|
5
|
-
|
|
6
|
-
export const FeeBreakdownTooltip = ({ route, gasCosts, feeCosts, children, }) => {
|
|
5
|
+
export const FeeBreakdownTooltip = ({ gasCosts, feeCosts, children, }) => {
|
|
7
6
|
const { t } = useTranslation();
|
|
8
|
-
|
|
9
|
-
const _feeCosts = feeCosts ?? getFeeCostsBreakdown(route, false);
|
|
10
|
-
return (_jsx(Tooltip, { title: _jsxs(Box, { children: [_gasCosts.length ? (_jsxs(Box, { children: [t('main.fees.network'), getFeeBreakdownTypography(_gasCosts, t)] })) : null, _feeCosts.length ? (_jsxs(Box, { mt: 0.5, children: [t('main.fees.provider'), getFeeBreakdownTypography(_feeCosts, t)] })) : null] }), sx: { cursor: 'help' }, children: children }));
|
|
7
|
+
return (_jsx(Tooltip, { title: _jsxs(Box, { children: [gasCosts?.length ? (_jsxs(Box, { children: [t('main.fees.network'), getFeeBreakdownTypography(gasCosts, t)] })) : null, feeCosts?.length ? (_jsxs(Box, { mt: 0.5, children: [t('main.fees.provider'), getFeeBreakdownTypography(feeCosts, t)] })) : null] }), sx: { cursor: 'help' }, children: children }));
|
|
11
8
|
};
|
|
12
9
|
export const getFeeBreakdownTypography = (fees, t) => fees.map((fee, index) => (_jsxs(Typography, { fontSize: 12, fontWeight: "500", color: "inherit", children: [t(`format.currency`, { value: fee.amountUSD }), " (", parseFloat(formatUnits(fee.amount, fee.token.decimals))?.toFixed(9), ' ', fee.token.symbol, ")"] }, `${fee.token.address}${index}`)));
|
|
13
10
|
//# sourceMappingURL=FeeBreakdownTooltip.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FeeBreakdownTooltip.js","sourceRoot":"","sources":["../../components/FeeBreakdownTooltip.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"FeeBreakdownTooltip.js","sourceRoot":"","sources":["../../components/FeeBreakdownTooltip.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAGzD,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,EAAE,WAAW,EAAE,MAAM,MAAM,CAAC;AASnC,MAAM,CAAC,MAAM,mBAAmB,GAAuC,CAAC,EACtE,QAAQ,EACR,QAAQ,EACR,QAAQ,GACT,EAAE,EAAE;IACH,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAC;IAC/B,OAAO,CACL,KAAC,OAAO,IACN,KAAK,EACH,MAAC,GAAG,eACD,QAAQ,EAAE,MAAM,CAAC,CAAC,CAAC,CAClB,MAAC,GAAG,eACD,CAAC,CAAC,mBAAmB,CAAC,EACtB,yBAAyB,CAAC,QAAQ,EAAE,CAAC,CAAC,IACnC,CACP,CAAC,CAAC,CAAC,IAAI,EACP,QAAQ,EAAE,MAAM,CAAC,CAAC,CAAC,CAClB,MAAC,GAAG,IAAC,EAAE,EAAE,GAAG,aACT,CAAC,CAAC,oBAAoB,CAAC,EACvB,yBAAyB,CAAC,QAAQ,EAAE,CAAC,CAAC,IACnC,CACP,CAAC,CAAC,CAAC,IAAI,IACJ,EAER,EAAE,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,YAErB,QAAQ,GACD,CACX,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,yBAAyB,GAAG,CACvC,IAAqB,EACrB,CAAY,EACZ,EAAE,CACF,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,KAAK,EAAE,EAAE,CAAC,CACvB,MAAC,UAAU,IACT,QAAQ,EAAE,EAAE,EACZ,UAAU,EAAC,KAAK,EAChB,KAAK,EAAC,SAAS,aAGd,CAAC,CAAC,iBAAiB,EAAE,EAAE,KAAK,EAAE,GAAG,CAAC,SAAS,EAAE,CAAC,QAC9C,UAAU,CAAC,WAAW,CAAC,GAAG,CAAC,MAAM,EAAE,GAAG,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,EAAE,OAAO,CAAC,CAAC,CAAC,EAAE,GAAG,EACxE,GAAG,CAAC,KAAK,CAAC,MAAM,UAJZ,GAAG,GAAG,CAAC,KAAK,CAAC,OAAO,GAAG,KAAK,EAAE,CAKxB,CACd,CAAC,CAAC"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
export declare const IconTypography: import("@emotion/styled").StyledComponent<import("@mui/
|
|
2
|
-
ref?: ((instance:
|
|
3
|
-
},
|
|
1
|
+
export declare const IconTypography: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
2
|
+
ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
3
|
+
}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import {
|
|
2
|
-
export const IconTypography = styled(
|
|
1
|
+
import { alpha, Box, styled } from '@mui/material';
|
|
2
|
+
export const IconTypography = styled(Box)(({ theme }) => ({
|
|
3
3
|
color: theme.palette.mode === 'light'
|
|
4
4
|
? alpha(theme.palette.common.black, 0.32)
|
|
5
5
|
: alpha(theme.palette.common.white, 0.4),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IconTypography.js","sourceRoot":"","sources":["../../components/IconTypography.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"IconTypography.js","sourceRoot":"","sources":["../../components/IconTypography.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAEnD,MAAM,CAAC,MAAM,cAAc,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IACxD,KAAK,EACH,KAAK,CAAC,OAAO,CAAC,IAAI,KAAK,OAAO;QAC5B,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,EAAE,IAAI,CAAC;QACzC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,EAAE,GAAG,CAAC;IAC5C,UAAU,EAAE,CAAC;CACd,CAAC,CAAC,CAAC"}
|
|
@@ -2,23 +2,22 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
2
2
|
import { AccessTimeFilled, LocalGasStationRounded } from '@mui/icons-material';
|
|
3
3
|
import { Box, Tooltip, Typography } from '@mui/material';
|
|
4
4
|
import { useTranslation } from 'react-i18next';
|
|
5
|
-
import {
|
|
5
|
+
import { getAccumulatedFeeCostsBreakdown } from '../../utils/fees.js';
|
|
6
6
|
import { FeeBreakdownTooltip } from '../FeeBreakdownTooltip.js';
|
|
7
7
|
import { IconTypography } from '../IconTypography.js';
|
|
8
8
|
import { TokenRate } from '../TokenRate/TokenRate.js';
|
|
9
9
|
export const RouteCardEssentials = ({ route, }) => {
|
|
10
10
|
const { t, i18n } = useTranslation();
|
|
11
|
-
const
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
}) })] }) }), _jsx(Tooltip, { title: t(`tooltip.estimatedTime`), sx: { cursor: 'help' }, children: _jsxs(Box, { display: "flex", alignItems: "center", children: [_jsx(IconTypography, { mr: 0.5, fontSize: 16, children: _jsx(AccessTimeFilled, { fontSize: "inherit" }) }), _jsx(Typography, { fontSize: 14, color: "text.primary", fontWeight: "500", lineHeight: 1, children: executionTimeMinutes.toLocaleString(i18n.language, {
|
|
11
|
+
const executionTimeSeconds = Math.floor(route.steps.reduce((duration, step) => duration + step.estimate.executionDuration, 0));
|
|
12
|
+
const executionTimeMinutes = Math.floor(executionTimeSeconds / 60);
|
|
13
|
+
const { gasCosts, feeCosts, combinedFeesUSD } = getAccumulatedFeeCostsBreakdown(route);
|
|
14
|
+
return (_jsxs(Box, { display: "flex", alignItems: "center", justifyContent: 'space-between', flex: 1, mt: 2, children: [_jsx(TokenRate, { route: route }), _jsxs(Box, { display: "flex", alignItems: "center", children: [_jsx(FeeBreakdownTooltip, { gasCosts: gasCosts, feeCosts: feeCosts, children: _jsxs(Box, { display: "flex", mr: 1.5, alignItems: "center", children: [_jsx(IconTypography, { mr: 0.5, fontSize: 16, children: _jsx(LocalGasStationRounded, { fontSize: "inherit" }) }), _jsx(Typography, { fontSize: 14, color: "text.primary", fontWeight: 600, lineHeight: 1, "data-value": combinedFeesUSD, children: t(`format.currency`, {
|
|
15
|
+
value: combinedFeesUSD,
|
|
16
|
+
}) })] }) }), _jsx(Tooltip, { title: t(`tooltip.estimatedTime`), sx: { cursor: 'help' }, children: _jsxs(Box, { display: "flex", alignItems: "center", children: [_jsx(IconTypography, { mr: 0.5, fontSize: 16, children: _jsx(AccessTimeFilled, { fontSize: "inherit" }) }), _jsx(Typography, { fontSize: 14, color: "text.primary", fontWeight: 600, lineHeight: 1, children: (executionTimeSeconds < 60
|
|
17
|
+
? executionTimeSeconds
|
|
18
|
+
: executionTimeMinutes).toLocaleString(i18n.language, {
|
|
20
19
|
style: 'unit',
|
|
21
|
-
unit: 'minute',
|
|
20
|
+
unit: executionTimeSeconds < 60 ? 'second' : 'minute',
|
|
22
21
|
unitDisplay: 'narrow',
|
|
23
22
|
}) })] }) })] })] }));
|
|
24
23
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RouteCardEssentials.js","sourceRoot":"","sources":["../../../components/RouteCard/RouteCardEssentials.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,gBAAgB,EAAE,sBAAsB,EAAE,MAAM,qBAAqB,CAAC;AAC/E,OAAO,EAAE,GAAG,EAAE,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AACzD,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"RouteCardEssentials.js","sourceRoot":"","sources":["../../../components/RouteCard/RouteCardEssentials.tsx"],"names":[],"mappings":"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"}
|
|
@@ -2,8 +2,8 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
2
2
|
import { LinkRounded, Wallet } from '@mui/icons-material';
|
|
3
3
|
import { Box, Link, Typography } from '@mui/material';
|
|
4
4
|
import { useTranslation } from 'react-i18next';
|
|
5
|
+
import { CardIconButton } from '../Card/CardIconButton.js';
|
|
5
6
|
import { CircularIcon } from './CircularProgress.style.js';
|
|
6
|
-
import { LinkButton } from './StepProcess.style.js';
|
|
7
7
|
export const DestinationWalletAddress = ({ step, toAddress, toAddressLink }) => {
|
|
8
8
|
const { t } = useTranslation();
|
|
9
9
|
const isDone = step.execution?.status === 'DONE';
|
|
@@ -19,6 +19,6 @@ export const DestinationWalletAddress = ({ step, toAddress, toAddressLink }) =>
|
|
|
19
19
|
})
|
|
20
20
|
: t('main.sendToAddress', {
|
|
21
21
|
address: toAddress,
|
|
22
|
-
}) }), _jsx(
|
|
22
|
+
}) }), _jsx(CardIconButton, { size: "medium", LinkComponent: Link, href: toAddressLink, target: "_blank", rel: "nofollow noreferrer", children: _jsx(LinkRounded, {}) })] }) }));
|
|
23
23
|
};
|
|
24
24
|
//# sourceMappingURL=DestinationWalletAddress.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DestinationWalletAddress.js","sourceRoot":"","sources":["../../../components/Step/DestinationWalletAddress.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC1D,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AACtD,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"DestinationWalletAddress.js","sourceRoot":"","sources":["../../../components/Step/DestinationWalletAddress.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC1D,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AACtD,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAC3D,OAAO,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAE3D,MAAM,CAAC,MAAM,wBAAwB,GAIhC,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,aAAa,EAAE,EAAE,EAAE;IAC1C,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAC;IAC/B,MAAM,MAAM,GAAG,IAAI,CAAC,SAAS,EAAE,MAAM,KAAK,MAAM,CAAC;IACjD,OAAO,CACL,KAAC,GAAG,IAAC,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,YACf,MAAC,GAAG,IACF,EAAE,EAAE;gBACF,OAAO,EAAE,MAAM;gBACf,UAAU,EAAE,QAAQ;aACrB,aAED,KAAC,YAAY,IAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,YAC/C,KAAC,MAAM,IACL,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,EACrC,EAAE,EAAE;4BACF,QAAQ,EAAE,UAAU;4BACpB,QAAQ,EAAE,SAAS;yBACpB,GACD,GACW,EACf,KAAC,UAAU,IAAC,EAAE,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,UAAU,EAAE,GAAG,YACtD,MAAM;wBACL,CAAC,CAAC,CAAC,CAAC,oBAAoB,EAAE;4BACtB,OAAO,EAAE,SAAS;yBACnB,CAAC;wBACJ,CAAC,CAAC,CAAC,CAAC,oBAAoB,EAAE;4BACtB,OAAO,EAAE,SAAS;yBACnB,CAAC,GACK,EACb,KAAC,cAAc,IACb,IAAI,EAAC,QAAQ,EACb,aAAa,EAAE,IAAI,EACnB,IAAI,EAAE,aAAa,EACnB,MAAM,EAAC,QAAQ,EACf,GAAG,EAAC,qBAAqB,YAEzB,KAAC,WAAW,KAAG,GACA,IACb,GACF,CACP,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -47,6 +47,6 @@ export const Step = ({ step, fromToken, toToken, impactToken, toAddress }) => {
|
|
|
47
47
|
return (_jsxs(Card, { type: stepHasError ? 'error' : 'default', children: [_jsxs(Box, { sx: {
|
|
48
48
|
display: 'flex',
|
|
49
49
|
flex: 1,
|
|
50
|
-
}, children: [_jsx(CardTitle, { flex: 1, children: getCardTitle() }), _jsx(CardTitle, { sx: { fontWeight:
|
|
50
|
+
}, children: [_jsx(CardTitle, { flex: 1, children: getCardTitle() }), _jsx(CardTitle, { sx: { fontWeight: 600 }, children: _jsx(StepTimer, { step: step }) })] }), _jsxs(Box, { py: 1, children: [fromToken ? _jsx(Token, { token: fromToken, px: 2, py: 1 }) : null, _jsx(StepActions, { step: step, px: 2, py: 1, dense: true }), step.execution?.process.map((process, index) => (_jsx(StepProcess, { step: step, process: process }, index))), formattedToAddress && toAddressLink ? (_jsx(DestinationWalletAddress, { step: step, toAddress: formattedToAddress, toAddressLink: toAddressLink })) : null, toToken ? (_jsx(Token, { token: toToken, impactToken: impactToken, enableImpactTokenTooltip: true, px: 2, py: 1 })) : null] })] }));
|
|
51
51
|
};
|
|
52
52
|
//# sourceMappingURL=Step.js.map
|
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import {
|
|
2
|
+
import { OpenInNewRounded } from '@mui/icons-material';
|
|
3
3
|
import { Box, Link, Typography } from '@mui/material';
|
|
4
4
|
import { useProcessMessage } from '../../hooks/useProcessMessage.js';
|
|
5
|
+
import { CardIconButton } from '../Card/CardIconButton.js';
|
|
5
6
|
import { CircularProgress } from './CircularProgress.js';
|
|
6
|
-
import { LinkButton } from './StepProcess.style.js';
|
|
7
7
|
export const StepProcess = ({ step, process }) => {
|
|
8
8
|
const { title, message } = useProcessMessage(step, process);
|
|
9
9
|
return (_jsxs(Box, { px: 2, py: 1, children: [_jsxs(Box, { sx: {
|
|
10
10
|
display: 'flex',
|
|
11
11
|
alignItems: 'center',
|
|
12
|
-
}, children: [_jsx(CircularProgress, { process: process }), _jsx(Typography, { mx: 2, flex: 1, fontSize: 14, fontWeight: process.error ? 600 : 400, children: title }), process.txLink ? (_jsx(
|
|
12
|
+
}, children: [_jsx(CircularProgress, { process: process }), _jsx(Typography, { mx: 2, flex: 1, fontSize: 14, fontWeight: process.error ? 600 : 400, children: title }), process.txLink ? (_jsx(CardIconButton, { size: "small", LinkComponent: Link, href: process.txLink, target: "_blank", rel: "nofollow noreferrer", children: _jsx(OpenInNewRounded, { fontSize: "inherit" }) })) : null] }), message ? (_jsx(Typography, { ml: 7, fontSize: 14, fontWeight: 500, color: "text.secondary", children: message })) : null] }));
|
|
13
13
|
};
|
|
14
14
|
//# sourceMappingURL=StepProcess.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StepProcess.js","sourceRoot":"","sources":["../../../components/Step/StepProcess.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"StepProcess.js","sourceRoot":"","sources":["../../../components/Step/StepProcess.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AACvD,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AACtD,OAAO,EAAE,iBAAiB,EAAE,MAAM,kCAAkC,CAAC;AACrE,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAC3D,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAEzD,MAAM,CAAC,MAAM,WAAW,GAGnB,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,EAAE,EAAE;IACzB,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,iBAAiB,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;IAC5D,OAAO,CACL,MAAC,GAAG,IAAC,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,aACf,MAAC,GAAG,IACF,EAAE,EAAE;oBACF,OAAO,EAAE,MAAM;oBACf,UAAU,EAAE,QAAQ;iBACrB,aAED,KAAC,gBAAgB,IAAC,OAAO,EAAE,OAAO,GAAI,EACtC,KAAC,UAAU,IACT,EAAE,EAAE,CAAC,EACL,IAAI,EAAE,CAAC,EACP,QAAQ,EAAE,EAAE,EACZ,UAAU,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,YAEpC,KAAK,GACK,EACZ,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,CAChB,KAAC,cAAc,IACb,IAAI,EAAC,OAAO,EACZ,aAAa,EAAE,IAAI,EACnB,IAAI,EAAE,OAAO,CAAC,MAAM,EACpB,MAAM,EAAC,QAAQ,EACf,GAAG,EAAC,qBAAqB,YAEzB,KAAC,gBAAgB,IAAC,QAAQ,EAAC,SAAS,GAAG,GACxB,CAClB,CAAC,CAAC,CAAC,IAAI,IACJ,EACL,OAAO,CAAC,CAAC,CAAC,CACT,KAAC,UAAU,IACT,EAAE,EAAE,CAAC,EACL,QAAQ,EAAE,EAAE,EACZ,UAAU,EAAE,GAAG,EACf,KAAK,EAAC,gBAAgB,YAErB,OAAO,GACG,CACd,CAAC,CAAC,CAAC,IAAI,IACJ,CACP,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -1,49 +1,68 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { AccessTimeFilled } from '@mui/icons-material';
|
|
3
|
+
import { Box, Tooltip } from '@mui/material';
|
|
1
4
|
import { useEffect, useState } from 'react';
|
|
2
5
|
import { useTranslation } from 'react-i18next';
|
|
3
6
|
import { useTimer } from '../../hooks/timer/useTimer.js';
|
|
4
|
-
|
|
7
|
+
import { IconTypography } from '../IconTypography.js';
|
|
8
|
+
const getExecutionProcess = (step) => step.execution?.process.findLast((process) => process.type === 'SWAP' ||
|
|
9
|
+
process.type === 'CROSS_CHAIN' ||
|
|
10
|
+
process.type === 'RECEIVING_CHAIN');
|
|
11
|
+
const getExpiryTimestamp = (step) => new Date((getExecutionProcess(step)?.startedAt ?? Date.now()) +
|
|
5
12
|
step.estimate.executionDuration * 1000);
|
|
6
13
|
export const StepTimer = ({ step, hideInProgress }) => {
|
|
7
14
|
const { t, i18n } = useTranslation();
|
|
8
15
|
const [isExpired, setExpired] = useState(false);
|
|
9
|
-
const [isExecutionStarted, setExecutionStarted] = useState(!!step
|
|
10
|
-
const [expiryTimestamp] = useState(() => getExpiryTimestamp(step));
|
|
16
|
+
const [isExecutionStarted, setExecutionStarted] = useState(() => !!getExecutionProcess(step));
|
|
17
|
+
const [expiryTimestamp, setExpiryTimestamp] = useState(() => getExpiryTimestamp(step));
|
|
11
18
|
const { seconds, minutes, isRunning, pause, resume, restart } = useTimer({
|
|
12
19
|
autoStart: false,
|
|
13
20
|
expiryTimestamp,
|
|
14
21
|
onExpire: () => setExpired(true),
|
|
15
22
|
});
|
|
16
23
|
useEffect(() => {
|
|
17
|
-
|
|
24
|
+
const executionProcess = getExecutionProcess(step);
|
|
25
|
+
if (!executionProcess) {
|
|
18
26
|
return;
|
|
19
27
|
}
|
|
20
|
-
|
|
28
|
+
const shouldRestart = executionProcess.status === 'FAILED';
|
|
29
|
+
const shouldPause = executionProcess.status === 'ACTION_REQUIRED';
|
|
30
|
+
const shouldStart = executionProcess.status === 'STARTED' ||
|
|
31
|
+
executionProcess.status === 'PENDING';
|
|
32
|
+
const shouldResume = executionProcess.status === 'PENDING';
|
|
33
|
+
if (isExecutionStarted && shouldRestart) {
|
|
34
|
+
setExecutionStarted(false);
|
|
35
|
+
setExpired(false);
|
|
36
|
+
return;
|
|
37
|
+
}
|
|
38
|
+
if (isExecutionStarted && isExpired) {
|
|
39
|
+
return;
|
|
40
|
+
}
|
|
41
|
+
if (!isExecutionStarted && shouldStart) {
|
|
42
|
+
const expiryTimestamp = getExpiryTimestamp(step);
|
|
21
43
|
setExecutionStarted(true);
|
|
22
|
-
|
|
44
|
+
setExpired(false);
|
|
45
|
+
setExpiryTimestamp(expiryTimestamp);
|
|
46
|
+
restart(expiryTimestamp);
|
|
47
|
+
return;
|
|
23
48
|
}
|
|
24
|
-
|
|
25
|
-
if (isRunning && shouldBePaused) {
|
|
49
|
+
if (isRunning && shouldPause) {
|
|
26
50
|
pause();
|
|
27
51
|
}
|
|
28
|
-
else if (!isRunning &&
|
|
52
|
+
else if (!isRunning && shouldResume) {
|
|
29
53
|
resume();
|
|
30
54
|
}
|
|
31
|
-
}, [
|
|
32
|
-
expiryTimestamp,
|
|
33
|
-
isExecutionStarted,
|
|
34
|
-
isExpired,
|
|
35
|
-
isRunning,
|
|
36
|
-
pause,
|
|
37
|
-
restart,
|
|
38
|
-
resume,
|
|
39
|
-
step,
|
|
40
|
-
]);
|
|
55
|
+
}, [isExecutionStarted, isExpired, isRunning, pause, restart, resume, step]);
|
|
41
56
|
if (!isExecutionStarted) {
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
})
|
|
57
|
+
const showSeconds = step.estimate.executionDuration < 60;
|
|
58
|
+
const duration = showSeconds
|
|
59
|
+
? Math.floor(step.estimate.executionDuration)
|
|
60
|
+
: Math.floor(step.estimate.executionDuration / 60);
|
|
61
|
+
return (_jsx(Tooltip, { title: t(`tooltip.estimatedTime`), sx: { cursor: 'help' }, children: _jsxs(Box, { component: "span", display: "flex", alignItems: "center", children: [_jsx(IconTypography, { component: "span", mr: 0.5, fontSize: 16, children: _jsx(AccessTimeFilled, { fontSize: "inherit" }) }), _jsx(Box, { component: "span", children: duration.toLocaleString(i18n.language, {
|
|
62
|
+
style: 'unit',
|
|
63
|
+
unit: showSeconds ? 'second' : 'minute',
|
|
64
|
+
unitDisplay: 'narrow',
|
|
65
|
+
}) })] }) }));
|
|
47
66
|
}
|
|
48
67
|
const isTimerExpired = isExpired || (!minutes && !seconds);
|
|
49
68
|
if (step.execution?.status === 'DONE' ||
|
|
@@ -51,8 +70,6 @@ export const StepTimer = ({ step, hideInProgress }) => {
|
|
|
51
70
|
(isTimerExpired && hideInProgress)) {
|
|
52
71
|
return null;
|
|
53
72
|
}
|
|
54
|
-
return isTimerExpired
|
|
55
|
-
? t('main.inProgress')
|
|
56
|
-
: `${minutes}:${seconds < 10 ? `0${seconds}` : seconds}`;
|
|
73
|
+
return isTimerExpired ? (t('main.inProgress')) : (_jsx(Tooltip, { title: t(`tooltip.estimatedTime`), sx: { cursor: 'help' }, children: _jsxs(Box, { component: "span", display: "flex", alignItems: "center", children: [_jsx(IconTypography, { component: "span", mr: 0.5, fontSize: 16, children: _jsx(AccessTimeFilled, { fontSize: "inherit" }) }), _jsx(Box, { component: "span", sx: { fontVariantNumeric: 'tabular-nums', cursor: 'help' }, children: `${minutes}:${seconds < 10 ? `0${seconds}` : seconds}` })] }) }));
|
|
57
74
|
};
|
|
58
75
|
//# sourceMappingURL=StepTimer.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StepTimer.js","sourceRoot":"","sources":["../../../components/Step/StepTimer.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,+BAA+B,CAAC;
|
|
1
|
+
{"version":3,"file":"StepTimer.js","sourceRoot":"","sources":["../../../components/Step/StepTimer.tsx"],"names":[],"mappings":"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"}
|
|
@@ -7,6 +7,7 @@ import { formatUnits } from 'viem';
|
|
|
7
7
|
import { useAvailableChains } from '../../hooks/useAvailableChains.js';
|
|
8
8
|
import { LiFiToolLogo } from '../../icons/lifi.js';
|
|
9
9
|
import { useWidgetConfig } from '../../providers/WidgetProvider/WidgetProvider.js';
|
|
10
|
+
import { HiddenUI } from '../../types/widget.js';
|
|
10
11
|
import { formatTokenAmount } from '../../utils/format.js';
|
|
11
12
|
import { CardIconButton } from '../Card/CardIconButton.js';
|
|
12
13
|
import { SmallAvatar } from '../SmallAvatar.js';
|
|
@@ -14,7 +15,7 @@ import { StepAvatar, StepConnector, StepContent, StepLabel, StepLabelTypography,
|
|
|
14
15
|
import { StepFees } from './StepFees.js';
|
|
15
16
|
export const StepActions = ({ step, dense, ...other }) => {
|
|
16
17
|
const { t } = useTranslation();
|
|
17
|
-
const { subvariant
|
|
18
|
+
const { subvariant } = useWidgetConfig();
|
|
18
19
|
const [cardExpanded, setCardExpanded] = useState(false);
|
|
19
20
|
const handleExpand = (e) => {
|
|
20
21
|
e.stopPropagation();
|
|
@@ -28,15 +29,30 @@ export const StepActions = ({ step, dense, ...other }) => {
|
|
|
28
29
|
? toolDetails.name
|
|
29
30
|
: t(`main.stepDetails`, {
|
|
30
31
|
tool: toolDetails.name,
|
|
31
|
-
}) }), _jsx(StepFees, { ml: 2, step: step })] }), dense ? (_jsx(CardIconButton, { onClick: handleExpand, size: "small", children: cardExpanded ? (_jsx(ExpandLess, { fontSize: "inherit" })) : (_jsx(ExpandMore, { fontSize: "inherit" })) })) : null] }), dense ? (_jsx(Collapse, { timeout: 225, in: cardExpanded, mountOnEnter: true, unmountOnExit: true, children: _jsx(IncludedSteps, { step: step
|
|
32
|
+
}) }), _jsx(StepFees, { ml: 2, step: step })] }), dense ? (_jsx(CardIconButton, { onClick: handleExpand, size: "small", children: cardExpanded ? (_jsx(ExpandLess, { fontSize: "inherit" })) : (_jsx(ExpandMore, { fontSize: "inherit" })) })) : null] }), dense ? (_jsx(Collapse, { timeout: 225, in: cardExpanded, mountOnEnter: true, unmountOnExit: true, children: _jsx(IncludedSteps, { step: step }) })) : (_jsx(IncludedSteps, { step: step }))] }));
|
|
32
33
|
};
|
|
33
|
-
export const IncludedSteps = ({ step
|
|
34
|
+
export const IncludedSteps = ({ step }) => {
|
|
35
|
+
const { subvariant, subvariantOptions, feeTool, hiddenUI } = useWidgetConfig();
|
|
36
|
+
let includedSteps = step.includedSteps;
|
|
37
|
+
if (hiddenUI?.includes(HiddenUI.FeeCollectionStepDetails)) {
|
|
38
|
+
const feeCollectionStep = includedSteps.find((step) => step.tool === 'feeCollection');
|
|
39
|
+
if (feeCollectionStep) {
|
|
40
|
+
includedSteps = structuredClone(includedSteps.filter((step) => step.tool !== 'feeCollection'));
|
|
41
|
+
includedSteps[0].estimate.fromAmount =
|
|
42
|
+
feeCollectionStep.estimate.fromAmount;
|
|
43
|
+
}
|
|
44
|
+
}
|
|
34
45
|
// eslint-disable-next-line react/no-unstable-nested-components
|
|
35
46
|
const StepIconComponent = ({ icon }) => {
|
|
36
|
-
const
|
|
37
|
-
|
|
47
|
+
const includedStep = includedSteps?.[Number(icon) - 1];
|
|
48
|
+
const tool = includedStep?.type === 'protocol' &&
|
|
49
|
+
includedStep?.tool === 'feeCollection' &&
|
|
50
|
+
feeTool
|
|
51
|
+
? feeTool
|
|
52
|
+
: includedStep?.toolDetails;
|
|
53
|
+
return tool ? (_jsx(SmallAvatar, { src: tool.logoURI, alt: tool.name, sx: { width: 20, height: 20 }, children: tool.name?.[0] })) : null;
|
|
38
54
|
};
|
|
39
|
-
return (_jsx(Box, { mt: 1, children: _jsx(Stepper, { orientation: "vertical", connector: _jsx(StepConnector, {}), activeStep: -1, children:
|
|
55
|
+
return (_jsx(Box, { mt: 1, children: _jsx(Stepper, { orientation: "vertical", connector: _jsx(StepConnector, {}), activeStep: -1, children: includedSteps.map((step, i, includedSteps) => (_jsxs(MuiStep, { expanded: true, children: [_jsx(StepLabel, { StepIconComponent: StepIconComponent, children: step.type === 'custom' && subvariant === 'custom' ? (_jsx(CustomStepDetailsLabel, { step: step, subvariant: subvariant, subvariantOptions: subvariantOptions })) : step.type === 'cross' ? (_jsx(BridgeStepDetailsLabel, { step: step })) : step.type === 'protocol' ? (_jsx(ProtocolStepDetailsLabel, { step: step, feeTool: feeTool })) : (_jsx(SwapStepDetailsLabel, { step: step })) }), _jsx(StepContent, { last: i === includedSteps.length - 1, children: _jsx(StepDetailsContent, { step: step }) })] }, step.id))) }) }));
|
|
40
56
|
};
|
|
41
57
|
export const StepDetailsContent = ({ step }) => {
|
|
42
58
|
const { t } = useTranslation();
|
|
@@ -94,12 +110,16 @@ export const SwapStepDetailsLabel = ({ step }) => {
|
|
|
94
110
|
tool: step.toolDetails.name,
|
|
95
111
|
}) }));
|
|
96
112
|
};
|
|
97
|
-
export const ProtocolStepDetailsLabel = ({ step }) => {
|
|
113
|
+
export const ProtocolStepDetailsLabel = ({ step, feeTool }) => {
|
|
98
114
|
const { t } = useTranslation();
|
|
99
|
-
return (_jsx(StepLabelTypography, { children: step.toolDetails.key === '
|
|
100
|
-
?
|
|
101
|
-
tool:
|
|
102
|
-
|
|
103
|
-
: step.toolDetails.
|
|
115
|
+
return (_jsx(StepLabelTypography, { children: step.toolDetails.key === 'feeCollection'
|
|
116
|
+
? feeTool?.name
|
|
117
|
+
? t('main.fees.integrator', { tool: feeTool.name })
|
|
118
|
+
: t('main.fees.defaultIntegrator')
|
|
119
|
+
: step.toolDetails.key === 'lifuelProtocol'
|
|
120
|
+
? t('main.refuelStepDetails', {
|
|
121
|
+
tool: step.toolDetails.name,
|
|
122
|
+
})
|
|
123
|
+
: step.toolDetails.name }));
|
|
104
124
|
};
|
|
105
125
|
//# sourceMappingURL=StepActions.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StepActions.js","sourceRoot":"","sources":["../../../components/StepActions/StepActions.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,YAAY,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAE3E,OAAO,EACL,KAAK,EACL,GAAG,EACH,QAAQ,EACR,IAAI,IAAI,OAAO,EACf,OAAO,EACP,UAAU,GACX,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,EAAE,WAAW,EAAE,MAAM,MAAM,CAAC;AACnC,OAAO,EAAE,kBAAkB,EAAE,MAAM,mCAAmC,CAAC;AACvE,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,eAAe,EAAE,MAAM,kDAAkD,CAAC;AACnF,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAC1D,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAC3D,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EACL,UAAU,EACV,aAAa,EACb,WAAW,EACX,SAAS,EACT,mBAAmB,GACpB,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAOzC,MAAM,CAAC,MAAM,WAAW,GAA+B,CAAC,EACtD,IAAI,EACJ,KAAK,EACL,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAC;IAC/B,MAAM,EAAE,UAAU,EAAE,
|
|
1
|
+
{"version":3,"file":"StepActions.js","sourceRoot":"","sources":["../../../components/StepActions/StepActions.tsx"],"names":[],"mappings":"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"}
|
|
@@ -11,6 +11,3 @@ export declare const StepContent: import("@emotion/styled").StyledComponent<impo
|
|
|
11
11
|
export declare const StepAvatar: import("@emotion/styled").StyledComponent<import("@mui/material").AvatarOwnProps & import("@mui/material").AvatarSlotsAndSlotProps & import("@mui/material/OverridableComponent.js").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
12
12
|
ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
13
13
|
}, "children" | "sx" | "style" | "className" | "sizes" | "alt" | "src" | "srcSet" | "classes" | "variant" | "imgProps" | "slots" | "slotProps"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
|
|
14
|
-
export declare const IconTypography: import("@emotion/styled").StyledComponent<import("@mui/material").TypographyOwnProps & import("@mui/material/OverridableComponent.js").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
|
|
15
|
-
ref?: ((instance: HTMLSpanElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLSpanElement> | null | undefined;
|
|
16
|
-
}, "border" | "borderTop" | "borderRight" | "borderBottom" | "borderLeft" | "borderColor" | "borderRadius" | "display" | "displayPrint" | "overflow" | "textOverflow" | "visibility" | "whiteSpace" | "flexBasis" | "flexDirection" | "flexWrap" | "justifyContent" | "alignItems" | "alignContent" | "order" | "flex" | "flexGrow" | "flexShrink" | "alignSelf" | "justifyItems" | "justifySelf" | "gap" | "columnGap" | "rowGap" | "gridColumn" | "gridRow" | "gridAutoFlow" | "gridAutoColumns" | "gridAutoRows" | "gridTemplateColumns" | "gridTemplateRows" | "gridTemplateAreas" | "gridArea" | "bgcolor" | "color" | "zIndex" | "position" | "top" | "right" | "bottom" | "left" | "boxShadow" | "width" | "maxWidth" | "minWidth" | "height" | "maxHeight" | "minHeight" | "boxSizing" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "p" | "pt" | "pr" | "pb" | "pl" | "px" | "py" | "margin" | "marginTop" | "marginRight" | "marginBottom" | "marginLeft" | "marginX" | "marginY" | "marginInline" | "marginInlineStart" | "marginInlineEnd" | "marginBlock" | "marginBlockStart" | "marginBlockEnd" | "padding" | "paddingTop" | "paddingRight" | "paddingBottom" | "paddingLeft" | "paddingX" | "paddingY" | "paddingInline" | "paddingInlineStart" | "paddingInlineEnd" | "paddingBlock" | "paddingBlockStart" | "paddingBlockEnd" | "typography" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "letterSpacing" | "lineHeight" | "textAlign" | "textTransform" | "children" | "sx" | "style" | "className" | "align" | "classes" | "gutterBottom" | "noWrap" | "paragraph" | "variant" | "variantMapping"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
|
|
@@ -52,10 +52,4 @@ export const StepAvatar = styled(AvatarMasked)(({ theme }) => ({
|
|
|
52
52
|
color: theme.palette.text.primary,
|
|
53
53
|
backgroundColor: 'transparent',
|
|
54
54
|
}));
|
|
55
|
-
export const IconTypography = styled(Typography)(({ theme }) => ({
|
|
56
|
-
color: theme.palette.mode === 'light'
|
|
57
|
-
? alpha(theme.palette.common.black, 0.32)
|
|
58
|
-
: alpha(theme.palette.common.white, 0.4),
|
|
59
|
-
lineHeight: 0,
|
|
60
|
-
}));
|
|
61
55
|
//# sourceMappingURL=StepActions.style.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StepActions.style.js","sourceRoot":"","sources":["../../../components/StepActions/StepActions.style.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"StepActions.style.js","sourceRoot":"","sources":["../../../components/StepActions/StepActions.style.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import type { LiFiStep, Step } from '@lifi/sdk';
|
|
2
2
|
import type { BoxProps } from '@mui/material';
|
|
3
|
-
import type { SubvariantOptions, WidgetSubvariant } from '../../types/widget.js';
|
|
3
|
+
import type { SubvariantOptions, WidgetFeeTool, WidgetSubvariant } from '../../types/widget.js';
|
|
4
4
|
export interface StepActionsProps extends BoxProps {
|
|
5
5
|
step: LiFiStep;
|
|
6
6
|
dense?: boolean;
|
|
@@ -9,9 +9,8 @@ export interface StepDetailsLabelProps {
|
|
|
9
9
|
step: Step;
|
|
10
10
|
subvariant?: Extract<WidgetSubvariant, 'custom'>;
|
|
11
11
|
subvariantOptions?: SubvariantOptions;
|
|
12
|
+
feeTool?: WidgetFeeTool;
|
|
12
13
|
}
|
|
13
14
|
export interface IncludedStepsProps {
|
|
14
15
|
step: LiFiStep;
|
|
15
|
-
subvariant?: WidgetSubvariant;
|
|
16
|
-
subvariantOptions?: SubvariantOptions;
|
|
17
16
|
}
|