@lifi/widget 3.4.3 → 3.5.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 +23 -0
- package/README.md +1 -1
- package/_esm/components/AppContainer.js +11 -3
- package/_esm/components/AppContainer.js.map +1 -1
- package/_esm/components/Card/CardIconButton.d.ts +1 -1
- package/_esm/components/Header/WalletMenu.js +5 -1
- package/_esm/components/Header/WalletMenu.js.map +1 -1
- package/_esm/components/Step/Step.js +16 -8
- package/_esm/components/Step/Step.js.map +1 -1
- package/_esm/components/Step/StepProcess.js +3 -1
- package/_esm/components/Step/StepProcess.js.map +1 -1
- package/_esm/components/Tabs/Tabs.style.d.ts +1 -1
- package/_esm/components/Token/Token.js +8 -12
- package/_esm/components/Token/Token.js.map +1 -1
- package/_esm/components/TokenList/TokenList.js +4 -1
- package/_esm/components/TokenList/TokenList.js.map +1 -1
- package/_esm/components/TokenList/TokenList.style.d.ts +2 -2
- package/_esm/components/TokenList/TokenListItem.js +3 -1
- package/_esm/components/TokenList/TokenListItem.js.map +1 -1
- package/_esm/components/TransactionDetails.js +5 -11
- package/_esm/components/TransactionDetails.js.map +1 -1
- package/_esm/config/constants.d.ts +2 -1
- package/_esm/config/constants.js +2 -1
- package/_esm/config/constants.js.map +1 -1
- package/_esm/config/version.d.ts +1 -1
- package/_esm/config/version.js +1 -1
- package/_esm/hooks/useExplorer.d.ts +5 -0
- package/_esm/hooks/useExplorer.js +40 -0
- package/_esm/hooks/useExplorer.js.map +1 -0
- package/_esm/hooks/useProcessMessage.js +3 -7
- package/_esm/hooks/useProcessMessage.js.map +1 -1
- package/_esm/hooks/useRoutes.d.ts +1 -1
- package/_esm/hooks/useRoutes.js +4 -0
- package/_esm/hooks/useRoutes.js.map +1 -1
- package/_esm/i18n/bn.json +42 -33
- package/_esm/i18n/de.json +43 -34
- package/_esm/i18n/en.json +16 -11
- package/_esm/i18n/es.json +113 -104
- package/_esm/i18n/fr.json +45 -36
- package/_esm/i18n/hi.json +38 -29
- package/_esm/i18n/id.json +42 -33
- package/_esm/i18n/it.json +43 -34
- package/_esm/i18n/ja.json +45 -36
- package/_esm/i18n/ko.json +43 -34
- package/_esm/i18n/pt.json +45 -36
- package/_esm/i18n/th.json +45 -36
- package/_esm/i18n/tr.json +44 -35
- package/_esm/i18n/uk.json +45 -36
- package/_esm/i18n/vi.json +45 -36
- package/_esm/i18n/zh.json +45 -36
- package/_esm/pages/MainPage/ReviewButton.js +8 -6
- package/_esm/pages/MainPage/ReviewButton.js.map +1 -1
- package/_esm/pages/SelectTokenPage/useTokenListHeight.js +2 -0
- package/_esm/pages/SelectTokenPage/useTokenListHeight.js.map +1 -1
- package/_esm/pages/SendToWallet/BookmarksPage.js +3 -4
- package/_esm/pages/SendToWallet/BookmarksPage.js.map +1 -1
- package/_esm/pages/SendToWallet/ConnectedWalletsPage.js +5 -4
- package/_esm/pages/SendToWallet/ConnectedWalletsPage.js.map +1 -1
- package/_esm/pages/SendToWallet/RecentWalletsPage.js +3 -4
- package/_esm/pages/SendToWallet/RecentWalletsPage.js.map +1 -1
- package/_esm/pages/SendToWallet/SendToConfiguredWalletPage.js +3 -4
- package/_esm/pages/SendToWallet/SendToConfiguredWalletPage.js.map +1 -1
- package/_esm/pages/SendToWallet/SendToWalletPage.style.js +3 -1
- package/_esm/pages/SendToWallet/SendToWalletPage.style.js.map +1 -1
- package/_esm/pages/TransactionDetailsPage/TransactionDetailsPage.js +4 -13
- package/_esm/pages/TransactionDetailsPage/TransactionDetailsPage.js.map +1 -1
- package/_esm/pages/TransactionDetailsPage/TransferIdCard.d.ts +5 -0
- package/_esm/pages/TransactionDetailsPage/TransferIdCard.js +32 -0
- package/_esm/pages/TransactionDetailsPage/TransferIdCard.js.map +1 -0
- package/_esm/pages/TransactionPage/StatusBottomSheet.js +2 -2
- package/_esm/pages/TransactionPage/StatusBottomSheet.js.map +1 -1
- package/_esm/pages/TransactionPage/TransactionPage.js +8 -6
- package/_esm/pages/TransactionPage/TransactionPage.js.map +1 -1
- package/_esm/providers/I18nProvider/I18nProvider.js +2 -0
- package/_esm/providers/I18nProvider/I18nProvider.js.map +1 -1
- package/_esm/providers/I18nProvider/percentFormatter.d.ts +7 -0
- package/_esm/providers/I18nProvider/percentFormatter.js +19 -0
- package/_esm/providers/I18nProvider/percentFormatter.js.map +1 -0
- package/_esm/types/widget.d.ts +1 -0
- package/_esm/utils/elements.d.ts +2 -1
- package/_esm/utils/elements.js +1 -0
- package/_esm/utils/elements.js.map +1 -1
- package/components/AppContainer.tsx +31 -18
- package/components/Header/WalletMenu.tsx +7 -1
- package/components/Step/Step.tsx +16 -11
- package/components/Step/StepProcess.tsx +5 -2
- package/components/Token/Token.tsx +15 -18
- package/components/TokenList/TokenList.tsx +8 -1
- package/components/TokenList/TokenListItem.tsx +4 -1
- package/components/TransactionDetails.tsx +8 -17
- package/config/constants.ts +3 -1
- package/config/version.ts +1 -1
- package/hooks/useExplorer.ts +51 -0
- package/hooks/useProcessMessage.ts +3 -7
- package/hooks/useRoutes.ts +5 -0
- package/i18n/bn.json +42 -33
- package/i18n/de.json +43 -34
- package/i18n/en.json +16 -11
- package/i18n/es.json +113 -104
- package/i18n/fr.json +45 -36
- package/i18n/hi.json +38 -29
- package/i18n/id.json +42 -33
- package/i18n/it.json +43 -34
- package/i18n/ja.json +45 -36
- package/i18n/ko.json +43 -34
- package/i18n/pt.json +45 -36
- package/i18n/th.json +45 -36
- package/i18n/tr.json +44 -35
- package/i18n/uk.json +45 -36
- package/i18n/vi.json +45 -36
- package/i18n/zh.json +45 -36
- package/package.json +12 -12
- package/pages/MainPage/ReviewButton.tsx +8 -6
- package/pages/SelectTokenPage/useTokenListHeight.ts +3 -0
- package/pages/SendToWallet/BookmarksPage.tsx +6 -4
- package/pages/SendToWallet/ConnectedWalletsPage.tsx +8 -7
- package/pages/SendToWallet/RecentWalletsPage.tsx +6 -6
- package/pages/SendToWallet/SendToConfiguredWalletPage.tsx +6 -6
- package/pages/SendToWallet/SendToWalletPage.style.tsx +3 -0
- package/pages/TransactionDetailsPage/TransactionDetailsPage.tsx +5 -34
- package/pages/TransactionDetailsPage/TransferIdCard.tsx +67 -0
- package/pages/TransactionPage/StatusBottomSheet.tsx +9 -3
- package/pages/TransactionPage/TransactionPage.tsx +9 -7
- package/providers/I18nProvider/I18nProvider.tsx +2 -0
- package/providers/I18nProvider/percentFormatter.ts +18 -0
- package/types/widget.ts +1 -1
- package/utils/elements.ts +1 -0
|
@@ -1,12 +1,8 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { ContentCopyRounded } from '@mui/icons-material';
|
|
3
2
|
import { Box, Typography } from '@mui/material';
|
|
4
3
|
import { useEffect, useMemo } from 'react';
|
|
5
4
|
import { useTranslation } from 'react-i18next';
|
|
6
5
|
import { useLocation } from 'react-router-dom';
|
|
7
|
-
import { Card } from '../../components/Card/Card.js';
|
|
8
|
-
import { CardIconButton } from '../../components/Card/CardIconButton.js';
|
|
9
|
-
import { CardTitle } from '../../components/Card/CardTitle.js';
|
|
10
6
|
import { ContractComponent } from '../../components/ContractComponent/ContractComponent.js';
|
|
11
7
|
import { PageContainer } from '../../components/PageContainer.js';
|
|
12
8
|
import { getStepList } from '../../components/Step/StepList.js';
|
|
@@ -22,16 +18,17 @@ import { buildRouteFromTxHistory } from '../../utils/converters.js';
|
|
|
22
18
|
import { navigationRoutes } from '../../utils/navigationRoutes.js';
|
|
23
19
|
import { ContactSupportButton } from './ContactSupportButton.js';
|
|
24
20
|
import { TransactionDetailsSkeleton } from './TransactionDetailsSkeleton.js';
|
|
21
|
+
import { TransferIdCard } from './TransferIdCard.js';
|
|
25
22
|
export const TransactionDetailsPage = () => {
|
|
26
23
|
const { t, i18n } = useTranslation();
|
|
27
24
|
const { navigate } = useNavigateBack();
|
|
28
|
-
const { subvariant, contractSecondaryComponent } = useWidgetConfig();
|
|
25
|
+
const { subvariant, subvariantOptions, contractSecondaryComponent } = useWidgetConfig();
|
|
29
26
|
const { state } = useLocation();
|
|
30
27
|
const { tools } = useTools();
|
|
31
28
|
const storedRouteExecution = useRouteExecutionStore((store) => store.routes[state?.routeId]);
|
|
32
29
|
const { transaction, isLoading } = useTransactionDetails(!storedRouteExecution && state?.transactionHash);
|
|
33
30
|
const title = subvariant === 'custom'
|
|
34
|
-
? t(`header
|
|
31
|
+
? t(`header.${subvariantOptions?.custom ?? 'checkout'}Details`)
|
|
35
32
|
: t(`header.transactionDetails`);
|
|
36
33
|
useHeader(title);
|
|
37
34
|
const routeExecution = useMemo(() => {
|
|
@@ -51,9 +48,6 @@ export const TransactionDetailsPage = () => {
|
|
|
51
48
|
navigate(navigationRoutes.home);
|
|
52
49
|
}
|
|
53
50
|
}, [isLoading, navigate, routeExecution]);
|
|
54
|
-
const copySupportId = async () => {
|
|
55
|
-
await navigator.clipboard.writeText(supportId);
|
|
56
|
-
};
|
|
57
51
|
const sourceTxHash = getSourceTxHash(routeExecution?.route);
|
|
58
52
|
let supportId = sourceTxHash ?? routeExecution?.route.id ?? '';
|
|
59
53
|
if (process.env.NODE_ENV === 'development') {
|
|
@@ -68,9 +62,6 @@ export const TransactionDetailsPage = () => {
|
|
|
68
62
|
dateStyle: 'long',
|
|
69
63
|
}) }), _jsx(Typography, { fontSize: 12, children: startedAt.toLocaleString(i18n.language, {
|
|
70
64
|
timeStyle: 'short',
|
|
71
|
-
}) })] }), getStepList(routeExecution?.route, subvariant), subvariant === 'custom' && contractSecondaryComponent ? (_jsx(ContractComponent, { sx: { marginTop: 2 }, children: contractSecondaryComponent })) : null, routeExecution?.route ? (_jsx(TransactionDetails, { route: routeExecution?.route, sx: { marginTop: 2 } })) : null,
|
|
72
|
-
display: 'flex',
|
|
73
|
-
flex: 1,
|
|
74
|
-
}, children: [_jsx(CardTitle, { flex: 1, children: t('main.supportId') }), _jsx(Box, { mr: 2, mt: 1, children: _jsx(CardIconButton, { size: "small", onClick: copySupportId, children: _jsx(ContentCopyRounded, { fontSize: "inherit" }) }) })] }), _jsx(Typography, { variant: "body2", pt: 1, pb: 2, px: 2, sx: { wordBreak: 'break-all' }, children: supportId })] }), _jsx(Box, { mt: 2, children: _jsx(ContactSupportButton, { supportId: supportId }) })] }));
|
|
65
|
+
}) })] }), getStepList(routeExecution?.route, subvariant), subvariant === 'custom' && contractSecondaryComponent ? (_jsx(ContractComponent, { sx: { marginTop: 2 }, children: contractSecondaryComponent })) : null, routeExecution?.route ? (_jsx(TransactionDetails, { route: routeExecution?.route, sx: { marginTop: 2 } })) : null, _jsx(TransferIdCard, { transferId: supportId }), _jsx(Box, { mt: 2, children: _jsx(ContactSupportButton, { supportId: supportId }) })] }));
|
|
75
66
|
};
|
|
76
67
|
//# sourceMappingURL=TransactionDetailsPage.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TransactionDetailsPage.js","sourceRoot":"","sources":["../../../pages/TransactionDetailsPage/TransactionDetailsPage.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"TransactionDetailsPage.js","sourceRoot":"","sources":["../../../pages/TransactionDetailsPage/TransactionDetailsPage.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { ContentCopyRounded, OpenInNew } from '@mui/icons-material';
|
|
3
|
+
import { Box, Typography } from '@mui/material';
|
|
4
|
+
import { useTranslation } from 'react-i18next';
|
|
5
|
+
import { Card } from '../../components/Card/Card.js';
|
|
6
|
+
import { CardIconButton } from '../../components/Card/CardIconButton.js';
|
|
7
|
+
import { CardTitle } from '../../components/Card/CardTitle.js';
|
|
8
|
+
import { useExplorer } from '../../hooks/useExplorer.js';
|
|
9
|
+
const getTxHash = (transferId) => transferId.indexOf('_') !== -1
|
|
10
|
+
? transferId.substring(0, transferId.indexOf('_'))
|
|
11
|
+
: transferId;
|
|
12
|
+
export const TransferIdCard = ({ transferId }) => {
|
|
13
|
+
const { t } = useTranslation();
|
|
14
|
+
const { getTransactionLink } = useExplorer();
|
|
15
|
+
const copyTransferId = async () => {
|
|
16
|
+
await navigator.clipboard.writeText(transferId);
|
|
17
|
+
};
|
|
18
|
+
const openTransferIdInExplorer = () => {
|
|
19
|
+
const txHash = getTxHash(transferId);
|
|
20
|
+
window.open(getTransactionLink(txHash), '_blank');
|
|
21
|
+
};
|
|
22
|
+
return (_jsxs(Card, { sx: { marginTop: 2 }, children: [_jsxs(Box, { sx: {
|
|
23
|
+
display: 'flex',
|
|
24
|
+
flex: 1,
|
|
25
|
+
}, children: [_jsx(CardTitle, { flex: 1, children: t('main.transferId') }), _jsxs(Box, { sx: {
|
|
26
|
+
gap: 1,
|
|
27
|
+
display: 'flex',
|
|
28
|
+
marginRight: 2,
|
|
29
|
+
marginTop: 1,
|
|
30
|
+
}, children: [_jsx(CardIconButton, { size: "small", onClick: copyTransferId, children: _jsx(ContentCopyRounded, { fontSize: "inherit" }) }), _jsx(CardIconButton, { size: "small", onClick: openTransferIdInExplorer, children: _jsx(OpenInNew, { fontSize: "inherit" }) })] })] }), _jsx(Typography, { variant: "body2", pt: 1, pb: 2, px: 2, sx: { wordBreak: 'break-all' }, children: transferId })] }));
|
|
31
|
+
};
|
|
32
|
+
//# sourceMappingURL=TransferIdCard.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TransferIdCard.js","sourceRoot":"","sources":["../../../pages/TransactionDetailsPage/TransferIdCard.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,kBAAkB,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AACpE,OAAO,EAAE,GAAG,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAChD,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,EAAE,IAAI,EAAE,MAAM,+BAA+B,CAAC;AACrD,OAAO,EAAE,cAAc,EAAE,MAAM,yCAAyC,CAAC;AACzE,OAAO,EAAE,SAAS,EAAE,MAAM,oCAAoC,CAAC;AAC/D,OAAO,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAMzD,MAAM,SAAS,GAAG,CAAC,UAAkB,EAAE,EAAE,CACvC,UAAU,CAAC,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;IAC5B,CAAC,CAAC,UAAU,CAAC,SAAS,CAAC,CAAC,EAAE,UAAU,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC;IAClD,CAAC,CAAC,UAAU,CAAC;AAEjB,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAAE,UAAU,EAAuB,EAAE,EAAE;IACpE,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAC;IAC/B,MAAM,EAAE,kBAAkB,EAAE,GAAG,WAAW,EAAE,CAAC;IAE7C,MAAM,cAAc,GAAG,KAAK,IAAI,EAAE;QAChC,MAAM,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC;IAClD,CAAC,CAAC;IAEF,MAAM,wBAAwB,GAAG,GAAG,EAAE;QACpC,MAAM,MAAM,GAAG,SAAS,CAAC,UAAU,CAAC,CAAC;QACrC,MAAM,CAAC,IAAI,CAAC,kBAAkB,CAAC,MAAM,CAAC,EAAE,QAAQ,CAAC,CAAC;IACpD,CAAC,CAAC;IAEF,OAAO,CACL,MAAC,IAAI,IAAC,EAAE,EAAE,EAAE,SAAS,EAAE,CAAC,EAAE,aACxB,MAAC,GAAG,IACF,EAAE,EAAE;oBACF,OAAO,EAAE,MAAM;oBACf,IAAI,EAAE,CAAC;iBACR,aAED,KAAC,SAAS,IAAC,IAAI,EAAE,CAAC,YAAG,CAAC,CAAC,iBAAiB,CAAC,GAAa,EACtD,MAAC,GAAG,IACF,EAAE,EAAE;4BACF,GAAG,EAAE,CAAC;4BACN,OAAO,EAAE,MAAM;4BACf,WAAW,EAAE,CAAC;4BACd,SAAS,EAAE,CAAC;yBACb,aAED,KAAC,cAAc,IAAC,IAAI,EAAC,OAAO,EAAC,OAAO,EAAE,cAAc,YAClD,KAAC,kBAAkB,IAAC,QAAQ,EAAC,SAAS,GAAG,GAC1B,EACjB,KAAC,cAAc,IAAC,IAAI,EAAC,OAAO,EAAC,OAAO,EAAE,wBAAwB,YAC5D,KAAC,SAAS,IAAC,QAAQ,EAAC,SAAS,GAAG,GACjB,IACb,IACF,EACN,KAAC,UAAU,IACT,OAAO,EAAC,OAAO,EACf,EAAE,EAAE,CAAC,EACL,EAAE,EAAE,CAAC,EACL,EAAE,EAAE,CAAC,EACL,EAAE,EAAE,EAAE,SAAS,EAAE,WAAW,EAAE,YAE7B,UAAU,GACA,IACR,CACR,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -40,7 +40,7 @@ export const StatusBottomSheetContent = ({ status, route, onClose }) => {
|
|
|
40
40
|
const { navigateBack, navigate } = useNavigateBack();
|
|
41
41
|
const queryClient = useQueryClient();
|
|
42
42
|
const { setFieldValue } = useFieldActions();
|
|
43
|
-
const { subvariant, contractSecondaryComponent, contractCompactComponent } = useWidgetConfig();
|
|
43
|
+
const { subvariant, subvariantOptions, contractSecondaryComponent, contractCompactComponent, } = useWidgetConfig();
|
|
44
44
|
const { getChainById } = useAvailableChains();
|
|
45
45
|
const ref = useRef();
|
|
46
46
|
useSetContentHeight(ref);
|
|
@@ -102,7 +102,7 @@ export const StatusBottomSheetContent = ({ status, route, onClose }) => {
|
|
|
102
102
|
case RouteExecutionStatus.Done: {
|
|
103
103
|
title =
|
|
104
104
|
subvariant === 'custom'
|
|
105
|
-
? t(
|
|
105
|
+
? t(`success.title.${subvariantOptions?.custom ?? 'checkout'}Successful`)
|
|
106
106
|
: t(`success.title.${transactionType}Successful`);
|
|
107
107
|
if (token) {
|
|
108
108
|
primaryMessage = t('success.message.exchangeSuccessful', {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StatusBottomSheet.js","sourceRoot":"","sources":["../../../pages/TransactionPage/StatusBottomSheet.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"StatusBottomSheet.js","sourceRoot":"","sources":["../../../pages/TransactionPage/StatusBottomSheet.tsx"],"names":[],"mappings":"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"}
|
|
@@ -29,7 +29,7 @@ export const TransactionPage = () => {
|
|
|
29
29
|
const { setFieldValue } = useFieldActions();
|
|
30
30
|
const emitter = useWidgetEvents();
|
|
31
31
|
const { navigateBack } = useNavigateBack();
|
|
32
|
-
const { subvariant, contractSecondaryComponent } = useWidgetConfig();
|
|
32
|
+
const { subvariant, subvariantOptions, contractSecondaryComponent } = useWidgetConfig();
|
|
33
33
|
const { state } = useLocation();
|
|
34
34
|
const stateRouteId = state?.routeId;
|
|
35
35
|
const [routeId, setRouteId] = useState(stateRouteId);
|
|
@@ -45,14 +45,14 @@ export const TransactionPage = () => {
|
|
|
45
45
|
});
|
|
46
46
|
const getHeaderTitle = () => {
|
|
47
47
|
if (subvariant === 'custom') {
|
|
48
|
-
return t(`header
|
|
48
|
+
return t(`header.${subvariantOptions?.custom ?? 'checkout'}`);
|
|
49
49
|
}
|
|
50
50
|
else {
|
|
51
51
|
if (route) {
|
|
52
|
-
const transactionType = route.fromChainId === route.toChainId ? '
|
|
52
|
+
const transactionType = route.fromChainId === route.toChainId ? 'swap' : 'bridge';
|
|
53
53
|
return status === RouteExecutionStatus.Idle
|
|
54
|
-
? t(`button
|
|
55
|
-
: t(`header.${transactionType
|
|
54
|
+
? t(`button.${transactionType}Review`)
|
|
55
|
+
: t(`header.${transactionType}`);
|
|
56
56
|
}
|
|
57
57
|
}
|
|
58
58
|
return t(`header.exchange`);
|
|
@@ -116,7 +116,9 @@ export const TransactionPage = () => {
|
|
|
116
116
|
case RouteExecutionStatus.Idle:
|
|
117
117
|
switch (subvariant) {
|
|
118
118
|
case 'custom':
|
|
119
|
-
return
|
|
119
|
+
return subvariantOptions?.custom === 'deposit'
|
|
120
|
+
? t(`button.deposit`)
|
|
121
|
+
: t(`button.buy`);
|
|
120
122
|
case 'refuel':
|
|
121
123
|
return t('button.startBridging');
|
|
122
124
|
default:
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TransactionPage.js","sourceRoot":"","sources":["../../../pages/TransactionPage/TransactionPage.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AACrD,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC7D,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAE/C,OAAO,EAAE,iBAAiB,EAAE,MAAM,yDAAyD,CAAC;AAC5F,OAAO,EAAE,UAAU,EAAE,MAAM,2CAA2C,CAAC;AACvE,OAAO,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAClE,OAAO,EAAE,WAAW,EAAE,MAAM,mCAAmC,CAAC;AAChE,OAAO,EAAE,kBAAkB,EAAE,MAAM,wCAAwC,CAAC;AAC5E,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AACrD,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAC;AACjE,OAAO,EAAE,iBAAiB,EAAE,MAAM,kCAAkC,CAAC;AACrE,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAC;AACjE,OAAO,EAAE,eAAe,EAAE,MAAM,kDAAkD,CAAC;AACnF,OAAO,EAAE,eAAe,EAAE,MAAM,sCAAsC,CAAC;AACvE,OAAO,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAC;AACpE,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,+BAA+B,EAAE,MAAM,qBAAqB,CAAC;AAEtE,OAAO,EAAE,uBAAuB,EAAE,MAAM,8BAA8B,CAAC;AACvE,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAC;AACrE,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAC3D,OAAO,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAC;AACnE,OAAO,EACL,4BAA4B,EAC5B,0BAA0B,GAC3B,MAAM,YAAY,CAAC;AAEpB,MAAM,CAAC,MAAM,eAAe,GAAa,GAAG,EAAE;IAC5C,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAC;IAC/B,MAAM,EAAE,aAAa,EAAE,GAAG,eAAe,EAAE,CAAC;IAC5C,MAAM,OAAO,GAAG,eAAe,EAAE,CAAC;IAClC,MAAM,EAAE,YAAY,EAAE,GAAG,eAAe,EAAE,CAAC;IAC3C,MAAM,EAAE,UAAU,EAAE,0BAA0B,EAAE,
|
|
1
|
+
{"version":3,"file":"TransactionPage.js","sourceRoot":"","sources":["../../../pages/TransactionPage/TransactionPage.tsx"],"names":[],"mappings":"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"}
|
|
@@ -8,6 +8,7 @@ import { deepMerge } from '../../utils/deepMerge.js';
|
|
|
8
8
|
import { isItemAllowed } from '../../utils/item.js';
|
|
9
9
|
import { useWidgetConfig } from '../WidgetProvider/WidgetProvider.js';
|
|
10
10
|
import { currencyExtendedFormatter } from './currencyExtendedFormatter.js';
|
|
11
|
+
import { percentFormatter } from './percentFormatter.js';
|
|
11
12
|
export const I18nProvider = ({ children, }) => {
|
|
12
13
|
const { languageResources, languages } = useWidgetConfig();
|
|
13
14
|
const { language } = useSettings(['language']);
|
|
@@ -51,6 +52,7 @@ export const I18nProvider = ({ children, }) => {
|
|
|
51
52
|
});
|
|
52
53
|
i18n.init();
|
|
53
54
|
i18n.services.formatter?.addCached('currencyExt', currencyExtendedFormatter);
|
|
55
|
+
i18n.services.formatter?.addCached('percent', percentFormatter);
|
|
54
56
|
return i18n;
|
|
55
57
|
}, [language, languageResources, languages]);
|
|
56
58
|
return _jsx(I18nextProvider, { i18n: i18n, children: children });
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"I18nProvider.js","sourceRoot":"","sources":["../../../providers/I18nProvider/I18nProvider.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AACzC,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAChD,OAAO,KAAK,kBAAkB,MAAM,qBAAqB,CAAC;AAC1D,OAAO,EAAE,WAAW,EAAE,MAAM,sCAAsC,CAAC;AACnE,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AACrD,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACpD,OAAO,EAAE,eAAe,EAAE,MAAM,qCAAqC,CAAC;AACtE,OAAO,EAAE,yBAAyB,EAAE,MAAM,gCAAgC,CAAC;
|
|
1
|
+
{"version":3,"file":"I18nProvider.js","sourceRoot":"","sources":["../../../providers/I18nProvider/I18nProvider.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* We use <0.01% for both small positive and negative changes to keep it simple and clear, focusing on minimal impact rather than direction.
|
|
3
|
+
* Examples:
|
|
4
|
+
* +0.007% -> <0.01%
|
|
5
|
+
* -0.003% -> <0.01%
|
|
6
|
+
*/
|
|
7
|
+
export declare const percentFormatter: (lng: string | undefined, options: any) => (value: any) => string;
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* We use <0.01% for both small positive and negative changes to keep it simple and clear, focusing on minimal impact rather than direction.
|
|
3
|
+
* Examples:
|
|
4
|
+
* +0.007% -> <0.01%
|
|
5
|
+
* -0.003% -> <0.01%
|
|
6
|
+
*/
|
|
7
|
+
export const percentFormatter = (lng, options) => {
|
|
8
|
+
const formatter = new Intl.NumberFormat(lng, {
|
|
9
|
+
...options,
|
|
10
|
+
style: 'percent',
|
|
11
|
+
});
|
|
12
|
+
return (value) => {
|
|
13
|
+
if ((value > 0 && value < 0.0001) || (value < 0 && value > -0.0001)) {
|
|
14
|
+
return `<${formatter.format(0.0001)}`;
|
|
15
|
+
}
|
|
16
|
+
return formatter.format(value);
|
|
17
|
+
};
|
|
18
|
+
};
|
|
19
|
+
//# sourceMappingURL=percentFormatter.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"percentFormatter.js","sourceRoot":"","sources":["../../../providers/I18nProvider/percentFormatter.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,GAAuB,EAAE,OAAY,EAAE,EAAE;IACxE,MAAM,SAAS,GAAG,IAAI,IAAI,CAAC,YAAY,CAAC,GAAG,EAAE;QAC3C,GAAG,OAAO;QACV,KAAK,EAAE,SAAS;KACjB,CAAC,CAAC;IACH,OAAO,CAAC,KAAU,EAAE,EAAE;QACpB,IAAI,CAAC,KAAK,GAAG,CAAC,IAAI,KAAK,GAAG,MAAM,CAAC,IAAI,CAAC,KAAK,GAAG,CAAC,IAAI,KAAK,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC;YACpE,OAAO,IAAI,SAAS,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC;QACxC,CAAC;QACD,OAAO,SAAS,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IACjC,CAAC,CAAC;AACJ,CAAC,CAAC"}
|
package/_esm/types/widget.d.ts
CHANGED
|
@@ -157,6 +157,7 @@ export interface WidgetConfig {
|
|
|
157
157
|
tokens?: WidgetTokens;
|
|
158
158
|
languages?: WidgetLanguages;
|
|
159
159
|
languageResources?: LanguageResources;
|
|
160
|
+
explorerUrls?: Record<number | 'internal', string[]>;
|
|
160
161
|
}
|
|
161
162
|
export interface WidgetConfigProps {
|
|
162
163
|
config: WidgetConfig;
|
package/_esm/utils/elements.d.ts
CHANGED
|
@@ -2,6 +2,7 @@ export declare enum ElementId {
|
|
|
2
2
|
AppExpandedContainer = "widget-app-expanded-container",
|
|
3
3
|
Header = "widget-header",
|
|
4
4
|
RelativeContainer = "widget-relative-container",
|
|
5
|
-
ScrollableContainer = "widget-scrollable-container"
|
|
5
|
+
ScrollableContainer = "widget-scrollable-container",
|
|
6
|
+
TokenList = "token-list"
|
|
6
7
|
}
|
|
7
8
|
export declare const createElementId: (ElementId: ElementId, elementId: string) => string;
|
package/_esm/utils/elements.js
CHANGED
|
@@ -4,6 +4,7 @@ export var ElementId;
|
|
|
4
4
|
ElementId["Header"] = "widget-header";
|
|
5
5
|
ElementId["RelativeContainer"] = "widget-relative-container";
|
|
6
6
|
ElementId["ScrollableContainer"] = "widget-scrollable-container";
|
|
7
|
+
ElementId["TokenList"] = "token-list";
|
|
7
8
|
})(ElementId || (ElementId = {}));
|
|
8
9
|
export const createElementId = (ElementId, elementId) => elementId ? `${ElementId}-${elementId}` : ElementId;
|
|
9
10
|
//# sourceMappingURL=elements.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"elements.js","sourceRoot":"","sources":["../../utils/elements.ts"],"names":[],"mappings":"AAAA,MAAM,CAAN,IAAY,
|
|
1
|
+
{"version":3,"file":"elements.js","sourceRoot":"","sources":["../../utils/elements.ts"],"names":[],"mappings":"AAAA,MAAM,CAAN,IAAY,SAMX;AAND,WAAY,SAAS;IACnB,mEAAsD,CAAA;IACtD,qCAAwB,CAAA;IACxB,4DAA+C,CAAA;IAC/C,gEAAmD,CAAA;IACnD,qCAAwB,CAAA;AAC1B,CAAC,EANW,SAAS,KAAT,SAAS,QAMpB;AAED,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,SAAoB,EAAE,SAAiB,EAAE,EAAE,CACzE,SAAS,CAAC,CAAC,CAAC,GAAG,SAAS,IAAI,SAAS,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC"}
|
|
@@ -60,28 +60,40 @@ export const RelativeContainer = styled(Box, {
|
|
|
60
60
|
interface CssBaselineContainerProps {
|
|
61
61
|
variant?: WidgetVariant;
|
|
62
62
|
paddingTopAdjustment: number;
|
|
63
|
+
elementId: string;
|
|
63
64
|
}
|
|
64
65
|
|
|
65
66
|
const CssBaselineContainer = styled(ScopedCssBaseline, {
|
|
66
67
|
shouldForwardProp: (prop) =>
|
|
67
|
-
!['variant', 'paddingTopAdjustment'].includes(prop as string),
|
|
68
|
-
})<CssBaselineContainerProps>(
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
68
|
+
!['variant', 'paddingTopAdjustment', 'elementId'].includes(prop as string),
|
|
69
|
+
})<CssBaselineContainerProps>(
|
|
70
|
+
({ theme, variant, paddingTopAdjustment, elementId }) => ({
|
|
71
|
+
display: 'flex',
|
|
72
|
+
flex: 1,
|
|
73
|
+
flexDirection: 'column',
|
|
74
|
+
overflowX: 'clip',
|
|
75
|
+
margin: 0,
|
|
76
|
+
width: '100%',
|
|
77
|
+
maxHeight:
|
|
78
|
+
variant === 'drawer' || theme.container?.display === 'flex'
|
|
79
|
+
? 'none'
|
|
80
|
+
: theme.container?.maxHeight
|
|
81
|
+
? theme.container?.maxHeight
|
|
82
|
+
: theme.container?.height || defaultMaxHeight,
|
|
83
|
+
overflowY: 'auto',
|
|
84
|
+
height: theme.container?.display === 'flex' ? 'auto' : '100%',
|
|
85
|
+
paddingTop: paddingTopAdjustment,
|
|
86
|
+
// The following allows for the token list to always fill the available height
|
|
87
|
+
// use of CSS.escape here is to deal with characters such as ':' returned by reacts useId hook
|
|
88
|
+
// related issue - https://github.com/facebook/react/issues/26839
|
|
89
|
+
[`&:has(#${CSS.escape(createElementId(ElementId.TokenList, elementId))})`]:
|
|
90
|
+
{
|
|
91
|
+
height: theme.container?.maxHeight
|
|
92
|
+
? theme.container?.maxHeight
|
|
93
|
+
: theme.container?.height || defaultMaxHeight,
|
|
94
|
+
},
|
|
95
|
+
}),
|
|
96
|
+
);
|
|
85
97
|
|
|
86
98
|
export const FlexContainer = styled(Container)(({ theme }) => ({
|
|
87
99
|
display: 'flex',
|
|
@@ -110,6 +122,7 @@ export const AppContainer: React.FC<PropsWithChildren<{}>> = ({ children }) => {
|
|
|
110
122
|
variant={variant}
|
|
111
123
|
enableColorScheme
|
|
112
124
|
paddingTopAdjustment={positionFixedAdjustment}
|
|
125
|
+
elementId={elementId}
|
|
113
126
|
// ref={ref}
|
|
114
127
|
>
|
|
115
128
|
<FlexContainer disableGutters>{children}</FlexContainer>
|
|
@@ -17,6 +17,7 @@ import { useTranslation } from 'react-i18next';
|
|
|
17
17
|
import { useLocation, useNavigate } from 'react-router-dom';
|
|
18
18
|
import { useAccount } from '../../hooks/useAccount.js';
|
|
19
19
|
import { useAvailableChains } from '../../hooks/useAvailableChains.js';
|
|
20
|
+
import { useExplorer } from '../../hooks/useExplorer.js';
|
|
20
21
|
import { navigationRoutes } from '../../utils/navigationRoutes.js';
|
|
21
22
|
import { shortenAddress } from '../../utils/wallet.js';
|
|
22
23
|
import { AvatarMasked } from '../Avatar/Avatar.style.js';
|
|
@@ -34,6 +35,7 @@ export const WalletMenu = ({ onClose }: { onClose: () => void }) => {
|
|
|
34
35
|
navigate(navigationRoutes.selectWallet);
|
|
35
36
|
onClose();
|
|
36
37
|
};
|
|
38
|
+
const { getAddressLink } = useExplorer();
|
|
37
39
|
|
|
38
40
|
return (
|
|
39
41
|
<>
|
|
@@ -88,7 +90,11 @@ export const WalletMenu = ({ onClose }: { onClose: () => void }) => {
|
|
|
88
90
|
size="medium"
|
|
89
91
|
component="a"
|
|
90
92
|
onClick={onClose}
|
|
91
|
-
href={
|
|
93
|
+
href={
|
|
94
|
+
account.address
|
|
95
|
+
? getAddressLink(account.address, chain)
|
|
96
|
+
: undefined
|
|
97
|
+
}
|
|
92
98
|
target="_blank"
|
|
93
99
|
>
|
|
94
100
|
<OpenInNewRounded />
|
package/components/Step/Step.tsx
CHANGED
|
@@ -6,7 +6,7 @@ import { Card } from '../../components/Card/Card.js';
|
|
|
6
6
|
import { CardTitle } from '../../components/Card/CardTitle.js';
|
|
7
7
|
import { StepActions } from '../../components/StepActions/StepActions.js';
|
|
8
8
|
import { Token } from '../../components/Token/Token.js';
|
|
9
|
-
import {
|
|
9
|
+
import { useExplorer } from '../../hooks/useExplorer.js';
|
|
10
10
|
import { useWidgetConfig } from '../../providers/WidgetProvider/WidgetProvider.js';
|
|
11
11
|
import { shortenAddress } from '../../utils/wallet.js';
|
|
12
12
|
import { DestinationWalletAddress } from './DestinationWalletAddress.js';
|
|
@@ -21,9 +21,8 @@ export const Step: React.FC<{
|
|
|
21
21
|
toAddress?: string;
|
|
22
22
|
}> = ({ step, fromToken, toToken, impactToken, toAddress }) => {
|
|
23
23
|
const { t } = useTranslation();
|
|
24
|
-
const {
|
|
25
|
-
const {
|
|
26
|
-
|
|
24
|
+
const { subvariant, subvariantOptions } = useWidgetConfig();
|
|
25
|
+
const { getAddressLink } = useExplorer();
|
|
27
26
|
const stepHasError = step.execution?.process.some(
|
|
28
27
|
(process) => process.status === 'FAILED',
|
|
29
28
|
);
|
|
@@ -39,29 +38,35 @@ export const Step: React.FC<{
|
|
|
39
38
|
);
|
|
40
39
|
if (hasBridgeStep && hasSwapStep) {
|
|
41
40
|
return subvariant === 'custom'
|
|
42
|
-
?
|
|
41
|
+
? subvariantOptions?.custom === 'deposit'
|
|
42
|
+
? t('main.stepBridgeAndDeposit')
|
|
43
|
+
: t('main.stepBridgeAndBuy')
|
|
43
44
|
: t('main.stepSwapAndBridge');
|
|
44
45
|
}
|
|
45
46
|
if (hasBridgeStep) {
|
|
46
47
|
return subvariant === 'custom'
|
|
47
|
-
?
|
|
48
|
+
? subvariantOptions?.custom === 'deposit'
|
|
49
|
+
? t('main.stepBridgeAndDeposit')
|
|
50
|
+
: t('main.stepBridgeAndBuy')
|
|
48
51
|
: t('main.stepBridge');
|
|
49
52
|
}
|
|
50
53
|
return subvariant === 'custom'
|
|
51
|
-
?
|
|
54
|
+
? subvariantOptions?.custom === 'deposit'
|
|
55
|
+
? t('main.stepSwapAndDeposit')
|
|
56
|
+
: t('main.stepSwapAndBuy')
|
|
52
57
|
: t('main.stepSwap');
|
|
53
58
|
default:
|
|
54
59
|
return subvariant === 'custom'
|
|
55
|
-
?
|
|
60
|
+
? subvariantOptions?.custom === 'deposit'
|
|
61
|
+
? t('main.stepSwapAndDeposit')
|
|
62
|
+
: t('main.stepSwapAndBuy')
|
|
56
63
|
: t('main.stepSwap');
|
|
57
64
|
}
|
|
58
65
|
};
|
|
59
66
|
|
|
60
67
|
const formattedToAddress = shortenAddress(toAddress);
|
|
61
68
|
const toAddressLink = toAddress
|
|
62
|
-
?
|
|
63
|
-
getChainById(step.action.toChainId)?.metamask.blockExplorerUrls[0]
|
|
64
|
-
}address/${toAddress}`
|
|
69
|
+
? getAddressLink(toAddress, step.action.toChainId)
|
|
65
70
|
: undefined;
|
|
66
71
|
|
|
67
72
|
return (
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import type { LiFiStep, Process } from '@lifi/sdk';
|
|
2
2
|
import { OpenInNewRounded } from '@mui/icons-material';
|
|
3
3
|
import { Box, Link, Typography } from '@mui/material';
|
|
4
|
+
import { useExplorer } from '../../hooks/useExplorer.js';
|
|
4
5
|
import { useProcessMessage } from '../../hooks/useProcessMessage.js';
|
|
5
6
|
import { CardIconButton } from '../Card/CardIconButton.js';
|
|
6
7
|
import { CircularProgress } from './CircularProgress.js';
|
|
@@ -10,6 +11,8 @@ export const StepProcess: React.FC<{
|
|
|
10
11
|
process: Process;
|
|
11
12
|
}> = ({ step, process }) => {
|
|
12
13
|
const { title, message } = useProcessMessage(step, process);
|
|
14
|
+
const { getTransactionLink } = useExplorer();
|
|
15
|
+
|
|
13
16
|
return (
|
|
14
17
|
<Box px={2} py={1}>
|
|
15
18
|
<Box
|
|
@@ -27,11 +30,11 @@ export const StepProcess: React.FC<{
|
|
|
27
30
|
>
|
|
28
31
|
{title}
|
|
29
32
|
</Typography>
|
|
30
|
-
{process.
|
|
33
|
+
{process.txHash ? (
|
|
31
34
|
<CardIconButton
|
|
32
35
|
size="small"
|
|
33
36
|
LinkComponent={Link}
|
|
34
|
-
href={process.
|
|
37
|
+
href={getTransactionLink(process.txHash, step.action.fromChainId)}
|
|
35
38
|
target="_blank"
|
|
36
39
|
rel="nofollow noreferrer"
|
|
37
40
|
>
|
|
@@ -6,11 +6,7 @@ import type { FC, PropsWithChildren, ReactElement } from 'react';
|
|
|
6
6
|
import { useTranslation } from 'react-i18next';
|
|
7
7
|
import { useChain } from '../../hooks/useChain.js';
|
|
8
8
|
import { useToken } from '../../hooks/useToken.js';
|
|
9
|
-
import {
|
|
10
|
-
convertToSubscriptFormat,
|
|
11
|
-
formatTokenAmount,
|
|
12
|
-
formatTokenPrice,
|
|
13
|
-
} from '../../utils/format.js';
|
|
9
|
+
import { formatTokenAmount, formatTokenPrice } from '../../utils/format.js';
|
|
14
10
|
import { AvatarBadgedSkeleton } from '../Avatar/Avatar.js';
|
|
15
11
|
import { TokenAvatar } from '../Avatar/TokenAvatar.js';
|
|
16
12
|
import { SmallAvatar } from '../SmallAvatar.js';
|
|
@@ -63,7 +59,7 @@ export const TokenBase: FC<TokenProps & BoxProps> = ({
|
|
|
63
59
|
isLoading,
|
|
64
60
|
...other
|
|
65
61
|
}) => {
|
|
66
|
-
const { t } = useTranslation();
|
|
62
|
+
const { t, i18n } = useTranslation();
|
|
67
63
|
const { chain } = useChain(token?.chainId);
|
|
68
64
|
|
|
69
65
|
if (isLoading) {
|
|
@@ -81,6 +77,7 @@ export const TokenBase: FC<TokenProps & BoxProps> = ({
|
|
|
81
77
|
const tokenPrice = formatTokenPrice(tokenAmount, token.priceUSD);
|
|
82
78
|
|
|
83
79
|
let priceImpact;
|
|
80
|
+
let priceImpactPercent;
|
|
84
81
|
if (impactToken) {
|
|
85
82
|
const impactTokenAmount = formatTokenAmount(
|
|
86
83
|
impactToken.amount,
|
|
@@ -89,16 +86,8 @@ export const TokenBase: FC<TokenProps & BoxProps> = ({
|
|
|
89
86
|
const impactTokenPrice =
|
|
90
87
|
formatTokenPrice(impactTokenAmount, impactToken.priceUSD) || 0.01;
|
|
91
88
|
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
priceImpact = convertToSubscriptFormat(impact, {
|
|
95
|
-
notation: 'standard',
|
|
96
|
-
roundingPriority: 'morePrecision',
|
|
97
|
-
maximumSignificantDigits: 2,
|
|
98
|
-
maximumFractionDigits: 2,
|
|
99
|
-
useGrouping: false,
|
|
100
|
-
roundingMode: 'trunc',
|
|
101
|
-
});
|
|
89
|
+
priceImpact = tokenPrice / impactTokenPrice - 1;
|
|
90
|
+
priceImpactPercent = priceImpact * 100;
|
|
102
91
|
}
|
|
103
92
|
|
|
104
93
|
const tokenOnChain = !disableDescription ? (
|
|
@@ -145,10 +134,18 @@ export const TokenBase: FC<TokenProps & BoxProps> = ({
|
|
|
145
134
|
{impactToken ? (
|
|
146
135
|
enableImpactTokenTooltip ? (
|
|
147
136
|
<Tooltip title={t('tooltip.priceImpact')} sx={{ cursor: 'help' }}>
|
|
148
|
-
<TextSecondary>
|
|
137
|
+
<TextSecondary>
|
|
138
|
+
{t('format.percent', { value: priceImpact })}
|
|
139
|
+
</TextSecondary>
|
|
149
140
|
</Tooltip>
|
|
150
141
|
) : (
|
|
151
|
-
<TextSecondary
|
|
142
|
+
<TextSecondary
|
|
143
|
+
title={priceImpactPercent?.toLocaleString(i18n.language, {
|
|
144
|
+
maximumFractionDigits: 9,
|
|
145
|
+
})}
|
|
146
|
+
>
|
|
147
|
+
{t('format.percent', { value: priceImpact })}
|
|
148
|
+
</TextSecondary>
|
|
152
149
|
)
|
|
153
150
|
) : null}
|
|
154
151
|
{!disableDescription ? (
|