@lifi/widget 3.17.1 → 3.18.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 +14 -0
- package/dist/esm/components/Card/CardLabel.d.ts +1 -1
- package/dist/esm/components/Card/CardLabel.js +14 -3
- package/dist/esm/components/Card/CardLabel.js.map +1 -1
- package/dist/esm/components/FeeBreakdownTooltip.d.ts +1 -0
- package/dist/esm/components/FeeBreakdownTooltip.js +3 -3
- package/dist/esm/components/FeeBreakdownTooltip.js.map +1 -1
- package/dist/esm/components/Messages/WarningMessages.d.ts +1 -0
- package/dist/esm/components/Messages/WarningMessages.js +4 -4
- package/dist/esm/components/Messages/WarningMessages.js.map +1 -1
- package/dist/esm/components/Messages/useMessageQueue.d.ts +2 -2
- package/dist/esm/components/Messages/useMessageQueue.js +5 -4
- package/dist/esm/components/Messages/useMessageQueue.js.map +1 -1
- package/dist/esm/components/RouteCard/RouteCard.js +11 -5
- package/dist/esm/components/RouteCard/RouteCard.js.map +1 -1
- package/dist/esm/components/RouteCard/RouteCardEssentials.js +9 -5
- package/dist/esm/components/RouteCard/RouteCardEssentials.js.map +1 -1
- package/dist/esm/components/Routes/RoutesExpanded.js +1 -4
- package/dist/esm/components/Routes/RoutesExpanded.js.map +1 -1
- package/dist/esm/components/Step/StepProcess.js +2 -1
- package/dist/esm/components/Step/StepProcess.js.map +1 -1
- package/dist/esm/components/StepActions/StepActions.js +20 -15
- package/dist/esm/components/StepActions/StepActions.js.map +1 -1
- package/dist/esm/components/StepActions/types.d.ts +1 -0
- package/dist/esm/components/Timer/RouteTimer.js +11 -2
- package/dist/esm/components/Timer/RouteTimer.js.map +1 -1
- package/dist/esm/components/Timer/StepTimer.js +11 -2
- package/dist/esm/components/Timer/StepTimer.js.map +1 -1
- package/dist/esm/components/Token/Token.js +1 -1
- package/dist/esm/components/Token/Token.js.map +1 -1
- package/dist/esm/components/TransactionDetails.js +20 -14
- package/dist/esm/components/TransactionDetails.js.map +1 -1
- package/dist/esm/config/version.d.ts +1 -1
- package/dist/esm/config/version.js +1 -1
- package/dist/esm/hooks/useGasRefuel.js +2 -2
- package/dist/esm/hooks/useGasRefuel.js.map +1 -1
- package/dist/esm/hooks/useGasSufficiency.js +17 -3
- package/dist/esm/hooks/useGasSufficiency.js.map +1 -1
- package/dist/esm/hooks/useIsBatchingSupported.d.ts +5 -0
- package/dist/esm/hooks/useIsBatchingSupported.js +19 -0
- package/dist/esm/hooks/useIsBatchingSupported.js.map +1 -0
- package/dist/esm/hooks/useProcessMessage.js +22 -6
- package/dist/esm/hooks/useProcessMessage.js.map +1 -1
- package/dist/esm/hooks/useRoutes.d.ts +3 -3
- package/dist/esm/hooks/useRoutes.js +119 -70
- package/dist/esm/hooks/useRoutes.js.map +1 -1
- package/dist/esm/i18n/en.json +29 -17
- package/dist/esm/pages/MainPage/ReviewButton.js +1 -4
- package/dist/esm/pages/MainPage/ReviewButton.js.map +1 -1
- package/dist/esm/pages/RoutesPage/RoutesPage.js +1 -4
- package/dist/esm/pages/RoutesPage/RoutesPage.js.map +1 -1
- package/dist/esm/pages/TransactionPage/StartTransactionButton.js +1 -1
- package/dist/esm/pages/TransactionPage/StartTransactionButton.js.map +1 -1
- package/dist/esm/pages/TransactionPage/TokenValueBottomSheet.js +6 -2
- package/dist/esm/pages/TransactionPage/TokenValueBottomSheet.js.map +1 -1
- package/dist/esm/pages/TransactionPage/TransactionPage.js +1 -1
- package/dist/esm/pages/TransactionPage/TransactionPage.js.map +1 -1
- package/dist/esm/providers/WalletProvider/SDKProviders.js +2 -15
- package/dist/esm/providers/WalletProvider/SDKProviders.js.map +1 -1
- package/dist/esm/types/widget.d.ts +3 -1
- package/dist/esm/types/widget.js +1 -0
- package/dist/esm/types/widget.js.map +1 -1
- package/dist/esm/utils/timer.d.ts +7 -0
- package/dist/esm/utils/timer.js +16 -0
- package/dist/esm/utils/timer.js.map +1 -0
- package/package.json +10 -10
- package/package.json.tmp +90 -0
- package/src/components/Card/CardLabel.tsx +29 -4
- package/src/components/FeeBreakdownTooltip.tsx +5 -2
- package/src/components/Messages/WarningMessages.tsx +5 -3
- package/src/components/Messages/useMessageQueue.ts +5 -4
- package/src/components/RouteCard/RouteCard.tsx +23 -8
- package/src/components/RouteCard/RouteCardEssentials.tsx +13 -5
- package/src/components/Routes/RoutesExpanded.tsx +1 -5
- package/src/components/Step/StepProcess.tsx +2 -1
- package/src/components/StepActions/StepActions.tsx +18 -6
- package/src/components/StepActions/types.ts +1 -0
- package/src/components/Timer/RouteTimer.tsx +13 -2
- package/src/components/Timer/StepTimer.tsx +15 -5
- package/src/components/Token/Token.tsx +1 -1
- package/src/components/TransactionDetails.tsx +51 -23
- package/src/config/version.ts +1 -1
- package/src/hooks/useGasRefuel.ts +2 -2
- package/src/hooks/useGasSufficiency.ts +23 -7
- package/src/hooks/useIsBatchingSupported.ts +24 -0
- package/src/hooks/useProcessMessage.ts +26 -5
- package/src/hooks/useRoutes.ts +148 -78
- package/src/i18n/en.json +29 -17
- package/src/pages/MainPage/ReviewButton.tsx +1 -6
- package/src/pages/RoutesPage/RoutesPage.tsx +2 -5
- package/src/pages/TransactionPage/StartTransactionButton.tsx +1 -1
- package/src/pages/TransactionPage/TokenValueBottomSheet.tsx +9 -2
- package/src/pages/TransactionPage/TransactionPage.tsx +1 -1
- package/src/providers/WalletProvider/SDKProviders.tsx +2 -16
- package/src/types/widget.ts +2 -0
- package/src/utils/timer.ts +28 -0
- package/dist/esm/components/Messages/GasMessage.d.ts +0 -7
- package/dist/esm/components/Messages/GasMessage.js +0 -13
- package/dist/esm/components/Messages/GasMessage.js.map +0 -1
- package/dist/esm/providers/WalletProvider/getSafeMultisigConfig.d.ts +0 -8
- package/dist/esm/providers/WalletProvider/getSafeMultisigConfig.js +0 -95
- package/dist/esm/providers/WalletProvider/getSafeMultisigConfig.js.map +0 -1
- package/src/components/Messages/GasMessage.tsx +0 -35
- package/src/providers/WalletProvider/getSafeMultisigConfig.ts +0 -144
package/CHANGELOG.md
CHANGED
|
@@ -2,6 +2,20 @@
|
|
|
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.18.0](https://github.com/lifinance/widget/compare/v3.17.1...v3.18.0) (2025-03-10)
|
|
6
|
+
|
|
7
|
+
|
|
8
|
+
### Features
|
|
9
|
+
|
|
10
|
+
* add Permit (ERC-2612), Permit2 and Wallet Call API (EIP-5792) support ([#331](https://github.com/lifinance/widget/issues/331)) ([1ec9786](https://github.com/lifinance/widget/commit/1ec97864f12e6e15074f6efeb1dbe45d715d2261))
|
|
11
|
+
* add RouteTokenDescription hidden option ([#361](https://github.com/lifinance/widget/issues/361)) ([bb3e047](https://github.com/lifinance/widget/commit/bb3e047adc05dc934b7981de1438cd51cb760678))
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
### Bug Fixes
|
|
15
|
+
|
|
16
|
+
* enable undeployed sca transfers ([#362](https://github.com/lifinance/widget/issues/362)) ([4038d7f](https://github.com/lifinance/widget/commit/4038d7fdc412f5918e31a5a8dfce8f58b608987c))
|
|
17
|
+
* **timers:** display hours and days section of timers, and update copy ([#358](https://github.com/lifinance/widget/issues/358)) ([0654c20](https://github.com/lifinance/widget/commit/0654c2000b3dfd87ca02be6e4aff5b51dd153681))
|
|
18
|
+
|
|
5
19
|
### [3.17.1](https://github.com/lifinance/widget/compare/v3.17.0...v3.17.1) (2025-02-16)
|
|
6
20
|
|
|
7
21
|
## [3.17.0](https://github.com/lifinance/widget/compare/v3.16.1...v3.17.0) (2025-02-16)
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
export declare const CardLabel: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
|
|
2
|
-
|
|
2
|
+
variant?: "secondary" | "success";
|
|
3
3
|
}, {}, {}>;
|
|
4
4
|
export declare const CardLabelTypography: import("@emotion/styled").StyledComponent<import("@mui/material").TypographyOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "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" | "classes" | "align" | "gutterBottom" | "noWrap" | "paragraph" | "variant" | "variantMapping"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
|
|
5
5
|
type?: "icon";
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { Box, Typography, getContrastRatio, styled } from '@mui/material';
|
|
1
|
+
import { Box, Typography, getContrastRatio, lighten, styled, } from '@mui/material';
|
|
2
2
|
import { blend } from '../../utils/colors.js';
|
|
3
3
|
export const CardLabel = styled(Box, {
|
|
4
|
-
shouldForwardProp: (prop) => prop !== '
|
|
4
|
+
shouldForwardProp: (prop) => prop !== 'variant',
|
|
5
5
|
})(({ theme }) => ({
|
|
6
6
|
borderRadius: theme.shape.borderRadius,
|
|
7
7
|
padding: 0,
|
|
@@ -19,7 +19,7 @@ export const CardLabel = styled(Box, {
|
|
|
19
19
|
}),
|
|
20
20
|
variants: [
|
|
21
21
|
{
|
|
22
|
-
props: {
|
|
22
|
+
props: { variant: 'secondary' },
|
|
23
23
|
style: {
|
|
24
24
|
backgroundColor: blend(theme.palette.background.paper, theme.palette.secondary.main, 0.8),
|
|
25
25
|
color: getContrastRatio(theme.palette.common.white, blend(theme.palette.background.paper, theme.palette.secondary.main, 0.8)) >= 3
|
|
@@ -33,6 +33,17 @@ export const CardLabel = styled(Box, {
|
|
|
33
33
|
}),
|
|
34
34
|
},
|
|
35
35
|
},
|
|
36
|
+
{
|
|
37
|
+
props: { variant: 'success' },
|
|
38
|
+
style: {
|
|
39
|
+
backgroundColor: blend(theme.palette.background.paper, theme.palette.success.main, 0.24),
|
|
40
|
+
color: lighten(theme.palette.success.main, 0.24),
|
|
41
|
+
...theme.applyStyles('light', {
|
|
42
|
+
backgroundColor: blend(theme.palette.background.paper, theme.palette.success.main, 0.16),
|
|
43
|
+
color: lighten(theme.palette.success.main, 0),
|
|
44
|
+
}),
|
|
45
|
+
},
|
|
46
|
+
},
|
|
36
47
|
],
|
|
37
48
|
}));
|
|
38
49
|
export const CardLabelTypography = styled(Typography, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CardLabel.js","sourceRoot":"","sources":["../../../../src/components/Card/CardLabel.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"CardLabel.js","sourceRoot":"","sources":["../../../../src/components/Card/CardLabel.tsx"],"names":[],"mappings":"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"}
|
|
@@ -4,6 +4,7 @@ import type { FeesBreakdown } from '../utils/fees.js';
|
|
|
4
4
|
export interface FeeBreakdownTooltipProps {
|
|
5
5
|
gasCosts?: FeesBreakdown[];
|
|
6
6
|
feeCosts?: FeesBreakdown[];
|
|
7
|
+
relayerSupport?: boolean;
|
|
7
8
|
children: ReactElement<any, any>;
|
|
8
9
|
}
|
|
9
10
|
export declare const FeeBreakdownTooltip: React.FC<FeeBreakdownTooltipProps>;
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { Box, Tooltip, Typography } from '@mui/material';
|
|
3
3
|
import { useTranslation } from 'react-i18next';
|
|
4
4
|
import { formatTokenAmount } from '../utils/format.js';
|
|
5
|
-
export const FeeBreakdownTooltip = ({ gasCosts, feeCosts, children, }) => {
|
|
5
|
+
export const FeeBreakdownTooltip = ({ gasCosts, feeCosts, relayerSupport, children, }) => {
|
|
6
6
|
const { t } = useTranslation();
|
|
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, { sx: {
|
|
7
|
+
return (_jsx(Tooltip, { title: _jsxs(Box, { children: [relayerSupport ? _jsx(Box, { children: t('tooltip.relayerService') }) : null, gasCosts?.length && !relayerSupport ? (_jsxs(Box, { children: [t('main.fees.network'), getFeeBreakdownTypography(gasCosts, t)] })) : null, feeCosts?.length && !relayerSupport ? (_jsxs(Box, { sx: {
|
|
8
8
|
mt: 0.5,
|
|
9
9
|
}, children: [t('main.fees.provider'), getFeeBreakdownTypography(feeCosts, t)] })) : null] }), sx: { cursor: 'help' }, children: children }));
|
|
10
10
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FeeBreakdownTooltip.js","sourceRoot":"","sources":["../../../src/components/FeeBreakdownTooltip.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAGxD,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAE9C,OAAO,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAA;
|
|
1
|
+
{"version":3,"file":"FeeBreakdownTooltip.js","sourceRoot":"","sources":["../../../src/components/FeeBreakdownTooltip.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAGxD,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAE9C,OAAO,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAA;AAStD,MAAM,CAAC,MAAM,mBAAmB,GAAuC,CAAC,EACtE,QAAQ,EACR,QAAQ,EACR,cAAc,EACd,QAAQ,GACT,EAAE,EAAE;IACH,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAA;IAC9B,OAAO,CACL,KAAC,OAAO,IACN,KAAK,EACH,MAAC,GAAG,eACD,cAAc,CAAC,CAAC,CAAC,KAAC,GAAG,cAAE,CAAC,CAAC,wBAAwB,CAAC,GAAO,CAAC,CAAC,CAAC,IAAI,EAChE,QAAQ,EAAE,MAAM,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,CACrC,MAAC,GAAG,eACD,CAAC,CAAC,mBAAmB,CAAC,EACtB,yBAAyB,CAAC,QAAQ,EAAE,CAAC,CAAC,IACnC,CACP,CAAC,CAAC,CAAC,IAAI,EACP,QAAQ,EAAE,MAAM,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,CACrC,MAAC,GAAG,IACF,EAAE,EAAE;wBACF,EAAE,EAAE,GAAG;qBACR,aAEA,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,CAAA;AACH,CAAC,CAAA;AAED,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,KAAK,EAAC,SAAS,EAEf,EAAE,EAAE;QACF,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,KAAK;KAClB,aAEA,CAAC,CAAC,iBAAiB,EAAE,EAAE,KAAK,EAAE,GAAG,CAAC,SAAS,EAAE,CAAC,QAC9C,CAAC,CAAC,oBAAoB,EAAE;YACvB,KAAK,EAAE,iBAAiB,CAAC,GAAG,CAAC,MAAM,EAAE,GAAG,CAAC,KAAK,CAAC,QAAQ,CAAC;SACzD,CAAC,EAAE,GAAG,EACN,GAAG,CAAC,KAAK,CAAC,MAAM,UAVZ,GAAG,GAAG,CAAC,KAAK,CAAC,OAAO,GAAG,KAAK,EAAE,CAWxB,CACd,CAAC,CAAA"}
|
|
@@ -5,14 +5,14 @@ import { FundsSufficiencyMessage } from './FundsSufficiencyMessage.js';
|
|
|
5
5
|
import { GasSufficiencyMessage } from './GasSufficiencyMessage.js';
|
|
6
6
|
import { ToAddressRequiredMessage } from './ToAddressRequiredMessage.js';
|
|
7
7
|
import { useMessageQueue } from './useMessageQueue.js';
|
|
8
|
-
export const WarningMessages = ({ route, ...props }) => {
|
|
9
|
-
const {
|
|
8
|
+
export const WarningMessages = ({ route, allowInteraction, ...props }) => {
|
|
9
|
+
const { messages, hasMessages } = useMessageQueue(route, allowInteraction);
|
|
10
10
|
const getMessage = () => {
|
|
11
|
-
switch (
|
|
11
|
+
switch (messages[0]?.id) {
|
|
12
12
|
case 'INSUFFICIENT_FUNDS':
|
|
13
13
|
return _jsx(FundsSufficiencyMessage, { ...props });
|
|
14
14
|
case 'INSUFFICIENT_GAS':
|
|
15
|
-
return (_jsx(GasSufficiencyMessage, { insufficientGas:
|
|
15
|
+
return (_jsx(GasSufficiencyMessage, { insufficientGas: messages[0].props?.insufficientGas, ...props }));
|
|
16
16
|
case 'ACCOUNT_NOT_DEPLOYED':
|
|
17
17
|
return _jsx(AccountNotDeployedMessage, { ...props });
|
|
18
18
|
case 'TO_ADDRESS_REQUIRED':
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"WarningMessages.js","sourceRoot":"","sources":["../../../../src/components/Messages/WarningMessages.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AACxC,OAAO,EAAE,yBAAyB,EAAE,MAAM,gCAAgC,CAAA;AAC1E,OAAO,EAAE,uBAAuB,EAAE,MAAM,8BAA8B,CAAA;AACtE,OAAO,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAA;AAClE,OAAO,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAA;AACxE,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAA;
|
|
1
|
+
{"version":3,"file":"WarningMessages.js","sourceRoot":"","sources":["../../../../src/components/Messages/WarningMessages.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AACxC,OAAO,EAAE,yBAAyB,EAAE,MAAM,gCAAgC,CAAA;AAC1E,OAAO,EAAE,uBAAuB,EAAE,MAAM,8BAA8B,CAAA;AACtE,OAAO,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAA;AAClE,OAAO,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAA;AACxE,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAA;AAOtD,MAAM,CAAC,MAAM,eAAe,GAAmC,CAAC,EAC9D,KAAK,EACL,gBAAgB,EAChB,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,EAAE,QAAQ,EAAE,WAAW,EAAE,GAAG,eAAe,CAAC,KAAK,EAAE,gBAAgB,CAAC,CAAA;IAE1E,MAAM,UAAU,GAAG,GAAG,EAAE;QACtB,QAAQ,QAAQ,CAAC,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC;YACxB,KAAK,oBAAoB;gBACvB,OAAO,KAAC,uBAAuB,OAAK,KAAK,GAAI,CAAA;YAC/C,KAAK,kBAAkB;gBACrB,OAAO,CACL,KAAC,qBAAqB,IACpB,eAAe,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE,eAAe,KAC/C,KAAK,GACT,CACH,CAAA;YACH,KAAK,sBAAsB;gBACzB,OAAO,KAAC,yBAAyB,OAAK,KAAK,GAAI,CAAA;YACjD,KAAK,qBAAqB;gBACxB,OAAO,KAAC,wBAAwB,OAAK,KAAK,GAAI,CAAA;YAChD;gBACE,OAAO,IAAI,CAAA;QACf,CAAC;IACH,CAAC,CAAA;IAED,OAAO,CACL,KAAC,QAAQ,IAAC,EAAE,EAAE,WAAW,EAAE,OAAO,EAAE,GAAG,EAAE,aAAa,QAAC,YAAY,kBAChE,UAAU,EAAE,GACJ,CACZ,CAAA;AACH,CAAC,CAAA"}
|
|
@@ -4,8 +4,8 @@ interface QueuedMessage {
|
|
|
4
4
|
priority: number;
|
|
5
5
|
props?: Record<string, any>;
|
|
6
6
|
}
|
|
7
|
-
export declare const useMessageQueue: (route?: Route) => {
|
|
8
|
-
|
|
7
|
+
export declare const useMessageQueue: (route?: Route, allowInteraction?: boolean) => {
|
|
8
|
+
messages: QueuedMessage[];
|
|
9
9
|
hasMessages: boolean;
|
|
10
10
|
isLoading: boolean;
|
|
11
11
|
};
|
|
@@ -3,7 +3,7 @@ import { useFromTokenSufficiency } from '../../hooks/useFromTokenSufficiency.js'
|
|
|
3
3
|
import { useGasSufficiency } from '../../hooks/useGasSufficiency.js';
|
|
4
4
|
import { useIsCompatibleDestinationAccount } from '../../hooks/useIsCompatibleDestinationAccount.js';
|
|
5
5
|
import { useToAddressRequirements } from '../../hooks/useToAddressRequirements.js';
|
|
6
|
-
export const useMessageQueue = (route) => {
|
|
6
|
+
export const useMessageQueue = (route, allowInteraction) => {
|
|
7
7
|
const { requiredToAddress, toAddress } = useToAddressRequirements(route);
|
|
8
8
|
const { isCompatibleDestinationAccount, isLoading: isCompatibleDestinationAccountLoading, } = useIsCompatibleDestinationAccount(route);
|
|
9
9
|
const { insufficientFromToken, isLoading: isFromTokenSufficiencyLoading } = useFromTokenSufficiency(route);
|
|
@@ -23,7 +23,7 @@ export const useMessageQueue = (route) => {
|
|
|
23
23
|
props: { insufficientGas },
|
|
24
24
|
});
|
|
25
25
|
}
|
|
26
|
-
if (!isCompatibleDestinationAccount) {
|
|
26
|
+
if (!isCompatibleDestinationAccount && !allowInteraction) {
|
|
27
27
|
queue.push({
|
|
28
28
|
id: 'ACCOUNT_NOT_DEPLOYED',
|
|
29
29
|
priority: 3,
|
|
@@ -37,14 +37,15 @@ export const useMessageQueue = (route) => {
|
|
|
37
37
|
}
|
|
38
38
|
return queue.sort((a, b) => a.priority - b.priority);
|
|
39
39
|
}, [
|
|
40
|
-
|
|
40
|
+
allowInteraction,
|
|
41
41
|
insufficientFromToken,
|
|
42
42
|
insufficientGas,
|
|
43
|
+
isCompatibleDestinationAccount,
|
|
43
44
|
requiredToAddress,
|
|
44
45
|
toAddress,
|
|
45
46
|
]);
|
|
46
47
|
return {
|
|
47
|
-
|
|
48
|
+
messages: messageQueue,
|
|
48
49
|
hasMessages: messageQueue.length > 0,
|
|
49
50
|
isLoading: isGasSufficiencyLoading ||
|
|
50
51
|
isFromTokenSufficiencyLoading ||
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useMessageQueue.js","sourceRoot":"","sources":["../../../../src/components/Messages/useMessageQueue.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAC/B,OAAO,EAAE,uBAAuB,EAAE,MAAM,wCAAwC,CAAA;AAChF,OAAO,EAAE,iBAAiB,EAAE,MAAM,kCAAkC,CAAA;AACpE,OAAO,EAAE,iCAAiC,EAAE,MAAM,kDAAkD,CAAA;AACpG,OAAO,EAAE,wBAAwB,EAAE,MAAM,yCAAyC,CAAA;AAQlF,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,KAAa,EAAE,EAAE;
|
|
1
|
+
{"version":3,"file":"useMessageQueue.js","sourceRoot":"","sources":["../../../../src/components/Messages/useMessageQueue.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAC/B,OAAO,EAAE,uBAAuB,EAAE,MAAM,wCAAwC,CAAA;AAChF,OAAO,EAAE,iBAAiB,EAAE,MAAM,kCAAkC,CAAA;AACpE,OAAO,EAAE,iCAAiC,EAAE,MAAM,kDAAkD,CAAA;AACpG,OAAO,EAAE,wBAAwB,EAAE,MAAM,yCAAyC,CAAA;AAQlF,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,KAAa,EAAE,gBAA0B,EAAE,EAAE;IAC3E,MAAM,EAAE,iBAAiB,EAAE,SAAS,EAAE,GAAG,wBAAwB,CAAC,KAAK,CAAC,CAAA;IACxE,MAAM,EACJ,8BAA8B,EAC9B,SAAS,EAAE,qCAAqC,GACjD,GAAG,iCAAiC,CAAC,KAAK,CAAC,CAAA;IAC5C,MAAM,EAAE,qBAAqB,EAAE,SAAS,EAAE,6BAA6B,EAAE,GACvE,uBAAuB,CAAC,KAAK,CAAC,CAAA;IAChC,MAAM,EAAE,eAAe,EAAE,SAAS,EAAE,uBAAuB,EAAE,GAC3D,iBAAiB,CAAC,KAAK,CAAC,CAAA;IAE1B,MAAM,YAAY,GAAG,OAAO,CAAC,GAAG,EAAE;QAChC,MAAM,KAAK,GAAoB,EAAE,CAAA;QAEjC,IAAI,qBAAqB,EAAE,CAAC;YAC1B,KAAK,CAAC,IAAI,CAAC;gBACT,EAAE,EAAE,oBAAoB;gBACxB,QAAQ,EAAE,CAAC;aACZ,CAAC,CAAA;QACJ,CAAC;QAED,IAAI,eAAe,EAAE,MAAM,EAAE,CAAC;YAC5B,KAAK,CAAC,IAAI,CAAC;gBACT,EAAE,EAAE,kBAAkB;gBACtB,QAAQ,EAAE,CAAC;gBACX,KAAK,EAAE,EAAE,eAAe,EAAE;aAC3B,CAAC,CAAA;QACJ,CAAC;QAED,IAAI,CAAC,8BAA8B,IAAI,CAAC,gBAAgB,EAAE,CAAC;YACzD,KAAK,CAAC,IAAI,CAAC;gBACT,EAAE,EAAE,sBAAsB;gBAC1B,QAAQ,EAAE,CAAC;aACZ,CAAC,CAAA;QACJ,CAAC;QAED,IAAI,iBAAiB,IAAI,CAAC,SAAS,EAAE,CAAC;YACpC,KAAK,CAAC,IAAI,CAAC;gBACT,EAAE,EAAE,qBAAqB;gBACzB,QAAQ,EAAE,CAAC;aACZ,CAAC,CAAA;QACJ,CAAC;QAED,OAAO,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ,GAAG,CAAC,CAAC,QAAQ,CAAC,CAAA;IACtD,CAAC,EAAE;QACD,gBAAgB;QAChB,qBAAqB;QACrB,eAAe;QACf,8BAA8B;QAC9B,iBAAiB;QACjB,SAAS;KACV,CAAC,CAAA;IAEF,OAAO;QACL,QAAQ,EAAE,YAAY;QACtB,WAAW,EAAE,YAAY,CAAC,MAAM,GAAG,CAAC;QACpC,SAAS,EACP,uBAAuB;YACvB,6BAA6B;YAC7B,qCAAqC;KACxC,CAAA;AACH,CAAC,CAAA"}
|
|
@@ -1,9 +1,11 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { isRelayerStep } from '@lifi/sdk';
|
|
2
3
|
import { ExpandLess, ExpandMore } from '@mui/icons-material';
|
|
3
4
|
import { Box, Collapse } from '@mui/material';
|
|
4
5
|
import { useState } from 'react';
|
|
5
6
|
import { useTranslation } from 'react-i18next';
|
|
6
7
|
import { useWidgetConfig } from '../../providers/WidgetProvider/WidgetProvider.js';
|
|
8
|
+
import { HiddenUI } from '../../types/widget.js';
|
|
7
9
|
import { Card } from '../Card/Card.js';
|
|
8
10
|
import { CardIconButton } from '../Card/CardIconButton.js';
|
|
9
11
|
import { CardLabel, CardLabelTypography } from '../Card/CardLabel.js';
|
|
@@ -15,7 +17,7 @@ import { RouteCardEssentialsExpanded } from './RouteCardEssentialsExpanded.js';
|
|
|
15
17
|
import { getMatchingLabels } from './getMatchingLabels.js';
|
|
16
18
|
export const RouteCard = ({ route, active, variant = 'default', expanded: defaulExpanded, ...other }) => {
|
|
17
19
|
const { t } = useTranslation();
|
|
18
|
-
const { subvariant, subvariantOptions, routeLabels } = useWidgetConfig();
|
|
20
|
+
const { subvariant, subvariantOptions, routeLabels, hiddenUI } = useWidgetConfig();
|
|
19
21
|
const [cardExpanded, setCardExpanded] = useState(defaulExpanded);
|
|
20
22
|
const handleExpand = (e) => {
|
|
21
23
|
e.stopPropagation();
|
|
@@ -28,17 +30,21 @@ export const RouteCard = ({ route, active, variant = 'default', expanded: defaul
|
|
|
28
30
|
? { ...route.fromToken, amount: BigInt(route.fromAmount) }
|
|
29
31
|
: undefined;
|
|
30
32
|
const customLabels = getMatchingLabels(route, routeLabels);
|
|
31
|
-
const
|
|
33
|
+
const mainTag = route.tags?.find((tag) => tag === 'CHEAPEST' || tag === 'FASTEST');
|
|
34
|
+
const tags = mainTag ? [mainTag] : [];
|
|
35
|
+
const hasRelayerSupport = route.steps.some(isRelayerStep);
|
|
36
|
+
if (hasRelayerSupport) {
|
|
37
|
+
tags.push('GASLESS');
|
|
38
|
+
}
|
|
32
39
|
const cardContent = (_jsxs(Box, { sx: {
|
|
33
40
|
flex: 1,
|
|
34
|
-
}, children: [subvariant !== 'refuel' &&
|
|
35
|
-
(route.tags?.length || customLabels.length) ? (_jsxs(Box, { sx: {
|
|
41
|
+
}, children: [subvariant !== 'refuel' && (tags.length || customLabels.length) ? (_jsxs(Box, { sx: {
|
|
36
42
|
display: 'flex',
|
|
37
43
|
alignItems: 'center',
|
|
38
44
|
mb: 2,
|
|
39
45
|
gap: 1,
|
|
40
46
|
flexWrap: 'wrap',
|
|
41
|
-
}, children: [tags?.
|
|
47
|
+
}, children: [tags?.map((tag) => (_jsx(CardLabel, { variant: tag === 'GASLESS' ? 'success' : active ? 'secondary' : undefined, children: _jsx(CardLabelTypography, { children: t(`main.tags.${tag.toLowerCase()}`) }) }, tag))), customLabels.map((label, index) => (_jsx(CardLabel, { sx: label.sx, children: _jsx(CardLabelTypography, { children: label.text }) }, index)))] })) : null, _jsxs(TokenContainer, { children: [_jsx(Token, { token: token, impactToken: impactToken, step: route.steps[0], stepVisible: !cardExpanded, disableDescription: hiddenUI?.includes(HiddenUI.RouteTokenDescription) }), !defaulExpanded ? (_jsx(CardIconButton, { onClick: handleExpand, size: "small", children: cardExpanded ? (_jsx(ExpandLess, { fontSize: "inherit" })) : (_jsx(ExpandMore, { fontSize: "inherit" })) })) : null] }), _jsxs(Collapse, { timeout: 225, in: cardExpanded, mountOnEnter: true, unmountOnExit: true, children: [route.steps.map((step) => (_jsx(StepActions, { step: step, mt: 2 }, step.id))), _jsx(RouteCardEssentialsExpanded, { route: route })] }), _jsx(RouteCardEssentials, { route: route })] }));
|
|
42
48
|
return subvariant === 'refuel' || variant === 'cardless' ? (cardContent) : (_jsx(Card, { type: active ? 'selected' : 'default', selectionColor: "secondary", indented: true, ...other, children: cardContent }));
|
|
43
49
|
};
|
|
44
50
|
//# sourceMappingURL=RouteCard.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RouteCard.js","sourceRoot":"","sources":["../../../../src/components/RouteCard/RouteCard.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAA;AAC5D,OAAO,EAAE,GAAG,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAE7C,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAChC,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAC9C,OAAO,EAAE,eAAe,EAAE,MAAM,kDAAkD,CAAA;
|
|
1
|
+
{"version":3,"file":"RouteCard.js","sourceRoot":"","sources":["../../../../src/components/RouteCard/RouteCard.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { isRelayerStep } from '@lifi/sdk';
|
|
2
3
|
import { AccessTimeFilled, LocalGasStationRounded } from '@mui/icons-material';
|
|
3
4
|
import { Box, Tooltip, Typography } from '@mui/material';
|
|
4
5
|
import { useTranslation } from 'react-i18next';
|
|
@@ -11,6 +12,7 @@ export const RouteCardEssentials = ({ route, }) => {
|
|
|
11
12
|
const executionTimeSeconds = Math.floor(route.steps.reduce((duration, step) => duration + step.estimate.executionDuration, 0));
|
|
12
13
|
const executionTimeMinutes = Math.floor(executionTimeSeconds / 60);
|
|
13
14
|
const { gasCosts, feeCosts, combinedFeesUSD } = getAccumulatedFeeCostsBreakdown(route);
|
|
15
|
+
const hasRelayerSupport = route.steps.some(isRelayerStep);
|
|
14
16
|
return (_jsxs(Box, { sx: {
|
|
15
17
|
display: 'flex',
|
|
16
18
|
alignItems: 'center',
|
|
@@ -20,18 +22,20 @@ export const RouteCardEssentials = ({ route, }) => {
|
|
|
20
22
|
}, children: [_jsx(TokenRate, { route: route }), _jsxs(Box, { sx: {
|
|
21
23
|
display: 'flex',
|
|
22
24
|
alignItems: 'center',
|
|
23
|
-
}, children: [_jsx(FeeBreakdownTooltip, { gasCosts: gasCosts, feeCosts: feeCosts, children: _jsxs(Box, { sx: {
|
|
25
|
+
}, children: [_jsx(FeeBreakdownTooltip, { gasCosts: gasCosts, feeCosts: feeCosts, relayerSupport: hasRelayerSupport, children: _jsxs(Box, { sx: {
|
|
24
26
|
display: 'flex',
|
|
25
27
|
mr: 1.5,
|
|
26
28
|
alignItems: 'center',
|
|
27
|
-
}, children: [_jsx(IconTypography, { mr: 0.5, fontSize: 16, children: _jsx(LocalGasStationRounded, { fontSize: "inherit" }) }), _jsx(Typography, { "data-value": combinedFeesUSD, sx: {
|
|
29
|
+
}, children: [_jsx(IconTypography, { mr: 0.5, fontSize: 16, children: _jsx(LocalGasStationRounded, { fontSize: "inherit" }) }), _jsx(Typography, { "data-value": hasRelayerSupport ? 0 : combinedFeesUSD, sx: {
|
|
28
30
|
fontSize: 14,
|
|
29
31
|
color: 'text.primary',
|
|
30
32
|
fontWeight: 600,
|
|
31
33
|
lineHeight: 1,
|
|
32
|
-
}, children:
|
|
33
|
-
|
|
34
|
-
|
|
34
|
+
}, children: hasRelayerSupport
|
|
35
|
+
? t('main.fees.free')
|
|
36
|
+
: t('format.currency', {
|
|
37
|
+
value: combinedFeesUSD,
|
|
38
|
+
}) })] }) }), _jsx(Tooltip, { title: t('tooltip.estimatedTime'), sx: { cursor: 'help' }, children: _jsxs(Box, { sx: {
|
|
35
39
|
display: 'flex',
|
|
36
40
|
alignItems: 'center',
|
|
37
41
|
}, children: [_jsx(IconTypography, { mr: 0.5, fontSize: 16, children: _jsx(AccessTimeFilled, { fontSize: "inherit" }) }), _jsx(Typography, { sx: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RouteCardEssentials.js","sourceRoot":"","sources":["../../../../src/components/RouteCard/RouteCardEssentials.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,gBAAgB,EAAE,sBAAsB,EAAE,MAAM,qBAAqB,CAAA;AAC9E,OAAO,EAAE,GAAG,EAAE,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AACxD,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAC9C,OAAO,EAAE,+BAA+B,EAAE,MAAM,qBAAqB,CAAA;AACrE,OAAO,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAA;AAC/D,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AACrD,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAA;AAGrD,MAAM,CAAC,MAAM,mBAAmB,GAAuC,CAAC,EACtE,KAAK,GACN,EAAE,EAAE;IACH,MAAM,EAAE,CAAC,EAAE,IAAI,EAAE,GAAG,cAAc,EAAE,CAAA;IACpC,MAAM,oBAAoB,GAAG,IAAI,CAAC,KAAK,CACrC,KAAK,CAAC,KAAK,CAAC,MAAM,CAChB,CAAC,QAAQ,EAAE,IAAI,EAAE,EAAE,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,iBAAiB,EAC9D,CAAC,CACF,CACF,CAAA;IACD,MAAM,oBAAoB,GAAG,IAAI,CAAC,KAAK,CAAC,oBAAoB,GAAG,EAAE,CAAC,CAAA;IAClE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,eAAe,EAAE,GAC3C,+BAA+B,CAAC,KAAK,CAAC,CAAA;IACxC,OAAO,CACL,MAAC,GAAG,IACF,EAAE,EAAE;YACF,OAAO,EAAE,MAAM;YACf,UAAU,EAAE,QAAQ;YACpB,cAAc,EAAE,eAAe;YAC/B,IAAI,EAAE,CAAC;YACP,EAAE,EAAE,CAAC;SACN,aAED,KAAC,SAAS,IAAC,KAAK,EAAE,KAAK,GAAI,EAC3B,MAAC,GAAG,IACF,EAAE,EAAE;oBACF,OAAO,EAAE,MAAM;oBACf,UAAU,EAAE,QAAQ;iBACrB,aAED,KAAC,mBAAmB,
|
|
1
|
+
{"version":3,"file":"RouteCardEssentials.js","sourceRoot":"","sources":["../../../../src/components/RouteCard/RouteCardEssentials.tsx"],"names":[],"mappings":"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"}
|
|
@@ -4,7 +4,6 @@ import { Collapse, Grow, Stack, Typography } from '@mui/material';
|
|
|
4
4
|
import { useEffect, useRef } from 'react';
|
|
5
5
|
import { useTranslation } from 'react-i18next';
|
|
6
6
|
import { useRoutes as useDOMRoutes, useNavigate } from 'react-router-dom';
|
|
7
|
-
import { useIsCompatibleDestinationAccount } from '../../hooks/useIsCompatibleDestinationAccount.js';
|
|
8
7
|
import { useRoutes } from '../../hooks/useRoutes.js';
|
|
9
8
|
import { useToAddressRequirements } from '../../hooks/useToAddressRequirements.js';
|
|
10
9
|
import { useWidgetEvents } from '../../hooks/useWidgetEvents.js';
|
|
@@ -45,7 +44,6 @@ export const RoutesExpandedElement = () => {
|
|
|
45
44
|
const { account } = useAccount({ chainType: fromChain?.chainType });
|
|
46
45
|
const [toAddress] = useFieldValues('toAddress');
|
|
47
46
|
const { requiredToAddress } = useToAddressRequirements();
|
|
48
|
-
const { isCompatibleDestinationAccount } = useIsCompatibleDestinationAccount();
|
|
49
47
|
const handleRouteClick = (route) => {
|
|
50
48
|
setReviewableRoute(route);
|
|
51
49
|
navigate(navigationRoutes.transactionExecution, {
|
|
@@ -68,8 +66,7 @@ export const RoutesExpandedElement = () => {
|
|
|
68
66
|
const currentRoute = routesRef.current?.[0];
|
|
69
67
|
const expanded = Boolean(routesActiveRef.current || isLoading || isFetching || isFetched);
|
|
70
68
|
const routeNotFound = !currentRoute && !isLoading && !isFetching && expanded;
|
|
71
|
-
const toAddressUnsatisfied =
|
|
72
|
-
!isCompatibleDestinationAccount;
|
|
69
|
+
const toAddressUnsatisfied = currentRoute && requiredToAddress && !toAddress;
|
|
73
70
|
const allowInteraction = account.isConnected && !toAddressUnsatisfied;
|
|
74
71
|
useEffect(() => {
|
|
75
72
|
emitter.emit(WidgetEvent.WidgetExpanded, expanded);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RoutesExpanded.js","sourceRoot":"","sources":["../../../../src/components/Routes/RoutesExpanded.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAA;AACpD,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AACjE,OAAO,EAA0B,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AACjE,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAE9C,OAAO,EAAE,SAAS,IAAI,YAAY,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AACzE,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"RoutesExpanded.js","sourceRoot":"","sources":["../../../../src/components/Routes/RoutesExpanded.tsx"],"names":[],"mappings":"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"}
|
|
@@ -15,7 +15,8 @@ export const StepProcess = ({ step, process }) => {
|
|
|
15
15
|
display: 'flex',
|
|
16
16
|
alignItems: 'center',
|
|
17
17
|
}, children: [_jsx(CircularProgress, { process: process }), _jsx(Typography, { sx: {
|
|
18
|
-
|
|
18
|
+
marginLeft: 2,
|
|
19
|
+
marginRight: 0.5,
|
|
19
20
|
flex: 1,
|
|
20
21
|
fontSize: 14,
|
|
21
22
|
fontWeight: process.error ? 600 : 400,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StepProcess.js","sourceRoot":"","sources":["../../../../src/components/Step/StepProcess.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAA;AACtD,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AACrD,OAAO,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAA;AACxD,OAAO,EAAE,iBAAiB,EAAE,MAAM,kCAAkC,CAAA;AACpE,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAC1D,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAA;AAExD,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,CAAA;IAC3D,MAAM,EAAE,kBAAkB,EAAE,GAAG,WAAW,EAAE,CAAA;IAE5C,OAAO,CACL,MAAC,GAAG,IACF,EAAE,EAAE;YACF,EAAE,EAAE,CAAC;YACL,EAAE,EAAE,CAAC;SACN,aAED,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;4BACF,
|
|
1
|
+
{"version":3,"file":"StepProcess.js","sourceRoot":"","sources":["../../../../src/components/Step/StepProcess.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAA;AACtD,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AACrD,OAAO,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAA;AACxD,OAAO,EAAE,iBAAiB,EAAE,MAAM,kCAAkC,CAAA;AACpE,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAC1D,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAA;AAExD,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,CAAA;IAC3D,MAAM,EAAE,kBAAkB,EAAE,GAAG,WAAW,EAAE,CAAA;IAE5C,OAAO,CACL,MAAC,GAAG,IACF,EAAE,EAAE;YACF,EAAE,EAAE,CAAC;YACL,EAAE,EAAE,CAAC;SACN,aAED,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;4BACF,UAAU,EAAE,CAAC;4BACb,WAAW,EAAE,GAAG;4BAChB,IAAI,EAAE,CAAC;4BACP,QAAQ,EAAE,EAAE;4BACZ,UAAU,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG;yBACtC,YAEA,KAAK,GACK,EACZ,OAAO,CAAC,MAAM,IAAI,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,CAClC,KAAC,cAAc,IACb,IAAI,EAAC,OAAO,EACZ,aAAa,EAAE,IAAI,EACnB,IAAI,EACF,OAAO,CAAC,MAAM;4BACZ,CAAC,CAAC,kBAAkB,CAAC;gCACjB,MAAM,EAAE,OAAO,CAAC,MAAM;gCACtB,KAAK,EAAE,OAAO,CAAC,OAAO;6BACvB,CAAC;4BACJ,CAAC,CAAC,kBAAkB,CAAC;gCACjB,MAAM,EAAE,OAAO,CAAC,MAAO;gCACvB,KAAK,EAAE,OAAO,CAAC,OAAO;6BACvB,CAAC,EAER,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;oBACF,EAAE,EAAE,CAAC;oBACL,QAAQ,EAAE,EAAE;oBACZ,UAAU,EAAE,GAAG;oBACf,KAAK,EAAE,gBAAgB;iBACxB,YAEA,OAAO,GACG,CACd,CAAC,CAAC,CAAC,IAAI,IACJ,CACP,CAAA;AACH,CAAC,CAAA"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
2
|
+
import { isRelayerStep } from '@lifi/sdk';
|
|
2
3
|
import { ArrowForward, ExpandLess, ExpandMore } from '@mui/icons-material';
|
|
3
4
|
import { Badge, Box, Collapse, Step as MuiStep, Stepper, Typography, } from '@mui/material';
|
|
4
5
|
import { useState } from 'react';
|
|
@@ -11,7 +12,6 @@ import { formatTokenAmount, formatTokenPrice } from '../../utils/format.js';
|
|
|
11
12
|
import { SmallAvatar } from '../Avatar/SmallAvatar.js';
|
|
12
13
|
import { CardIconButton } from '../Card/CardIconButton.js';
|
|
13
14
|
import { StepAvatar, StepConnector, StepContent, StepLabel, StepLabelTypography, } from './StepActions.style.js';
|
|
14
|
-
import { StepFees } from './StepFees.js';
|
|
15
15
|
export const StepActions = ({ step, dense, ...other }) => {
|
|
16
16
|
const { t } = useTranslation();
|
|
17
17
|
const { subvariant } = useWidgetConfig();
|
|
@@ -27,18 +27,18 @@ export const StepActions = ({ step, dense, ...other }) => {
|
|
|
27
27
|
return (_jsxs(Box, { ...other, children: [_jsxs(Box, { sx: {
|
|
28
28
|
display: 'flex',
|
|
29
29
|
alignItems: 'center',
|
|
30
|
-
}, children: [_jsx(Badge, { overlap: "circular", anchorOrigin: { vertical: 'bottom', horizontal: 'right' }, badgeContent: _jsx(SmallAvatar, { src: LiFiToolLogo }), children: _jsx(StepAvatar, { variant: "circular", src: toolDetails.logoURI ?? LiFiToolLogo, alt: toolDetails.name, children: toolDetails.name[0] }) }),
|
|
30
|
+
}, children: [_jsx(Badge, { overlap: "circular", anchorOrigin: { vertical: 'bottom', horizontal: 'right' }, badgeContent: _jsx(SmallAvatar, { src: LiFiToolLogo }), children: _jsx(StepAvatar, { variant: "circular", src: toolDetails.logoURI ?? LiFiToolLogo, alt: toolDetails.name, children: toolDetails.name[0] }) }), _jsx(Box, { sx: {
|
|
31
31
|
flex: 1,
|
|
32
|
-
}, children:
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
32
|
+
}, children: _jsx(Typography, { sx: {
|
|
33
|
+
fontSize: 18,
|
|
34
|
+
fontWeight: 600,
|
|
35
|
+
lineHeight: 1.3334,
|
|
36
|
+
ml: 2,
|
|
37
|
+
}, children: toolDetails.name?.includes('LI.FI')
|
|
38
|
+
? toolDetails.name
|
|
39
|
+
: t('main.stepDetails', {
|
|
40
|
+
tool: toolDetails.name,
|
|
41
|
+
}) }) }), 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 }))] }));
|
|
42
42
|
};
|
|
43
43
|
export const IncludedSteps = ({ step }) => {
|
|
44
44
|
const { subvariant, subvariantOptions, feeConfig, hiddenUI } = useWidgetConfig();
|
|
@@ -63,9 +63,12 @@ export const IncludedSteps = ({ step }) => {
|
|
|
63
63
|
: includedStep?.toolDetails.logoURI;
|
|
64
64
|
return toolLogoURI ? (_jsx(SmallAvatar, { src: toolLogoURI, alt: toolName, sx: { width: 20, height: 20 }, children: toolName?.[0] })) : null;
|
|
65
65
|
};
|
|
66
|
+
const hasRelayerSupport = isRelayerStep(step);
|
|
66
67
|
return (_jsx(Box, { sx: {
|
|
67
68
|
mt: 1,
|
|
68
|
-
}, children: _jsx(Stepper, { orientation: "vertical", connector: _jsx(StepConnector, {}), activeStep: -1, children: includedSteps.map((step, i, includedSteps) => (_jsxs(MuiStep, { expanded: true, children: [_jsx(StepLabel, {
|
|
69
|
+
}, children: _jsx(Stepper, { orientation: "vertical", connector: _jsx(StepConnector, {}), activeStep: -1, children: includedSteps.map((step, i, includedSteps) => (_jsxs(MuiStep, { expanded: true, children: [_jsx(StepLabel, { slots: {
|
|
70
|
+
stepIcon: StepIconComponent,
|
|
71
|
+
}, 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, feeConfig: feeConfig, relayerSupport: hasRelayerSupport })) : (_jsx(SwapStepDetailsLabel, { step: step })) }), _jsx(StepContent, { last: i === includedSteps.length - 1, children: _jsx(StepDetailsContent, { step: step }) })] }, step.id))) }) }));
|
|
69
72
|
};
|
|
70
73
|
export const StepDetailsContent = ({ step }) => {
|
|
71
74
|
const { t } = useTranslation();
|
|
@@ -132,12 +135,14 @@ export const SwapStepDetailsLabel = ({ step }) => {
|
|
|
132
135
|
tool: step.toolDetails.name,
|
|
133
136
|
}) }));
|
|
134
137
|
};
|
|
135
|
-
export const ProtocolStepDetailsLabel = ({ step, feeConfig }) => {
|
|
138
|
+
export const ProtocolStepDetailsLabel = ({ step, feeConfig, relayerSupport }) => {
|
|
136
139
|
const { t } = useTranslation();
|
|
137
140
|
return (_jsx(StepLabelTypography, { children: step.toolDetails.key === 'feeCollection'
|
|
138
141
|
? feeConfig?.name
|
|
139
142
|
? t('main.fees.integrator', { tool: feeConfig.name })
|
|
140
|
-
:
|
|
143
|
+
: relayerSupport
|
|
144
|
+
? t('main.fees.relayerService')
|
|
145
|
+
: t('main.fees.defaultIntegrator')
|
|
141
146
|
: step.toolDetails.key === 'gasZip'
|
|
142
147
|
? t('main.refuelStepDetails', {
|
|
143
148
|
tool: step.toolDetails.name,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StepActions.js","sourceRoot":"","sources":["../../../../src/components/StepActions/StepActions.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,YAAY,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAA;AAE1E,OAAO,EACL,KAAK,EACL,GAAG,EACH,QAAQ,EACR,IAAI,IAAI,OAAO,EACf,OAAO,EACP,UAAU,GACX,MAAM,eAAe,CAAA;AAEtB,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAChC,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAC9C,OAAO,EAAE,kBAAkB,EAAE,MAAM,mCAAmC,CAAA;AACtE,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAA;AAClD,OAAO,EAAE,eAAe,EAAE,MAAM,kDAAkD,CAAA;AAClF,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAChD,OAAO,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAA;AAC3E,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAA;AACtD,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAC1D,OAAO,EACL,UAAU,EACV,aAAa,EACb,WAAW,EACX,SAAS,EACT,mBAAmB,GACpB,MAAM,wBAAwB,CAAA;
|
|
1
|
+
{"version":3,"file":"StepActions.js","sourceRoot":"","sources":["../../../../src/components/StepActions/StepActions.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,14 +1,23 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import { useStopwatch } from '../../hooks/timer/useStopwatch.js';
|
|
3
|
+
import { useSettings } from '../../stores/settings/useSettings.js';
|
|
4
|
+
import { formatTimer } from '../../utils/timer.js';
|
|
3
5
|
import { TimerContent } from './TimerContent.js';
|
|
4
6
|
export const RouteTimer = ({ route }) => {
|
|
5
7
|
const firstActiveStep = route?.steps.find((step) => step.execution);
|
|
6
8
|
const firstActiveProcess = firstActiveStep?.execution?.process.at(0);
|
|
7
9
|
const startTime = new Date(firstActiveProcess?.startedAt ?? Date.now());
|
|
8
|
-
const { seconds, minutes } = useStopwatch({
|
|
10
|
+
const { seconds, minutes, days, hours } = useStopwatch({
|
|
9
11
|
autoStart: true,
|
|
10
12
|
offsetTimestamp: startTime,
|
|
11
13
|
});
|
|
12
|
-
|
|
14
|
+
const { language } = useSettings(['language']);
|
|
15
|
+
return (_jsx(TimerContent, { children: formatTimer({
|
|
16
|
+
days,
|
|
17
|
+
hours,
|
|
18
|
+
seconds,
|
|
19
|
+
minutes,
|
|
20
|
+
locale: language,
|
|
21
|
+
}) }));
|
|
13
22
|
};
|
|
14
23
|
//# sourceMappingURL=RouteTimer.js.map
|