@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
|
@@ -3,8 +3,10 @@ import { ExpandLess, ExpandMore, LocalGasStationRounded, } from '@mui/icons-mate
|
|
|
3
3
|
import { Box, Collapse, Tooltip, Typography } from '@mui/material';
|
|
4
4
|
import { useState } from 'react';
|
|
5
5
|
import { useTranslation } from 'react-i18next';
|
|
6
|
+
import { formatUnits } from 'viem';
|
|
7
|
+
import { useWidgetConfig } from '../providers/WidgetProvider/WidgetProvider.js';
|
|
6
8
|
import { isRouteDone } from '../stores/routes/utils.js';
|
|
7
|
-
import {
|
|
9
|
+
import { getAccumulatedFeeCostsBreakdown } from '../utils/fees.js';
|
|
8
10
|
import { convertToSubscriptFormat, formatTokenAmount, formatTokenPrice, } from '../utils/format.js';
|
|
9
11
|
import { Card } from './Card/Card.js';
|
|
10
12
|
import { CardIconButton } from './Card/CardIconButton.js';
|
|
@@ -13,15 +15,12 @@ import { IconTypography } from './IconTypography.js';
|
|
|
13
15
|
import { TokenRate } from './TokenRate/TokenRate.js';
|
|
14
16
|
export const TransactionDetails = ({ route, ...props }) => {
|
|
15
17
|
const { t } = useTranslation();
|
|
18
|
+
const { feeTool } = useWidgetConfig();
|
|
16
19
|
const [cardExpanded, setCardExpanded] = useState(false);
|
|
17
20
|
const toggleCard = () => {
|
|
18
21
|
setCardExpanded((cardExpanded) => !cardExpanded);
|
|
19
22
|
};
|
|
20
|
-
const gasCosts =
|
|
21
|
-
const feeCosts = getFeeCostsBreakdown(route, false);
|
|
22
|
-
const gasCostUSD = gasCosts.reduce((sum, gasCost) => sum + gasCost.amountUSD, 0);
|
|
23
|
-
const feeCostUSD = feeCosts.reduce((sum, feeCost) => sum + feeCost.amountUSD, 0);
|
|
24
|
-
const fees = gasCostUSD + feeCostUSD;
|
|
23
|
+
const { gasCosts, feeCosts, gasCostUSD, feeCostUSD, combinedFeesUSD } = getAccumulatedFeeCostsBreakdown(route);
|
|
25
24
|
const fromTokenAmount = formatTokenAmount(BigInt(route.fromAmount), route.fromToken.decimals);
|
|
26
25
|
const fromTokenPrice = formatTokenPrice(fromTokenAmount, route.fromToken.priceUSD);
|
|
27
26
|
const toTokenAmount = formatTokenAmount(BigInt(route.toAmount), route.toToken.decimals);
|
|
@@ -35,11 +34,27 @@ export const TransactionDetails = ({ route, ...props }) => {
|
|
|
35
34
|
useGrouping: false,
|
|
36
35
|
roundingMode: 'trunc',
|
|
37
36
|
});
|
|
38
|
-
|
|
37
|
+
const feeCollectionStep = route.steps[0].includedSteps.find((includedStep) => includedStep.tool === 'feeCollection');
|
|
38
|
+
let feeAmountUSD = 0;
|
|
39
|
+
if (feeCollectionStep) {
|
|
40
|
+
const estimatedFromAmount = BigInt(feeCollectionStep.estimate.fromAmount) -
|
|
41
|
+
BigInt(feeCollectionStep.estimate.toAmount);
|
|
42
|
+
const feeAmount = formatUnits(estimatedFromAmount, feeCollectionStep.action.fromToken.decimals);
|
|
43
|
+
feeAmountUSD =
|
|
44
|
+
parseFloat(feeAmount) *
|
|
45
|
+
parseFloat(feeCollectionStep.action.fromToken.priceUSD);
|
|
46
|
+
}
|
|
47
|
+
return (_jsxs(Card, { selectionColor: "secondary", ...props, children: [_jsxs(Box, { display: "flex", alignItems: "center", px: 2, py: 1.75, children: [_jsx(Box, { display: "flex", flex: 1, alignItems: "center", justifyContent: "left", children: _jsx(TokenRate, { route: route }) }), _jsx(Collapse, { timeout: 100, in: !cardExpanded, mountOnEnter: true, children: _jsx(FeeBreakdownTooltip, { gasCosts: gasCosts, feeCosts: feeCosts, children: _jsxs(Box, { display: "flex", alignItems: "center", onClick: toggleCard, role: "button", sx: { cursor: 'pointer' }, px: 1, children: [_jsx(IconTypography, { mr: 0.5, fontSize: 16, children: _jsx(LocalGasStationRounded, { fontSize: "inherit" }) }), _jsx(Typography, { fontSize: 14, color: "text.primary", fontWeight: "600", lineHeight: 1.429, "data-value": combinedFeesUSD, children: t(`format.currency`, { value: combinedFeesUSD }) })] }) }) }), _jsx(CardIconButton, { onClick: toggleCard, size: "small", children: cardExpanded ? (_jsx(ExpandLess, { fontSize: "inherit" })) : (_jsx(ExpandMore, { fontSize: "inherit" })) })] }), _jsx(Collapse, { timeout: 225, in: cardExpanded, mountOnEnter: true, children: _jsxs(Box, { px: 2, pb: 2, children: [_jsxs(Box, { display: "flex", justifyContent: "space-between", mb: 0.5, children: [_jsx(Typography, { variant: "body2", children: t('main.fees.network') }), _jsx(FeeBreakdownTooltip, { gasCosts: gasCosts, children: _jsx(Typography, { variant: "body2", children: t(`format.currency`, {
|
|
39
48
|
value: gasCostUSD,
|
|
40
|
-
}) }) })] }), feeCosts.length ? (_jsxs(Box, { display: "flex", justifyContent: "space-between", mb: 0.5, children: [_jsx(Typography, { variant: "body2", children: t('main.fees.provider') }), _jsx(FeeBreakdownTooltip, {
|
|
49
|
+
}) }) })] }), feeCosts.length ? (_jsxs(Box, { display: "flex", justifyContent: "space-between", mb: 0.5, children: [_jsx(Typography, { variant: "body2", children: t('main.fees.provider') }), _jsx(FeeBreakdownTooltip, { feeCosts: feeCosts, children: _jsx(Typography, { variant: "body2", children: t(`format.currency`, {
|
|
41
50
|
value: feeCostUSD,
|
|
42
|
-
}) }) })] })) : null,
|
|
51
|
+
}) }) })] })) : null, feeAmountUSD ? (_jsxs(Box, { display: "flex", justifyContent: "space-between", mb: 0.5, children: [_jsx(Typography, { variant: "body2", children: feeTool?.name
|
|
52
|
+
? t('main.fees.integrator', { tool: feeTool.name })
|
|
53
|
+
: t('main.fees.defaultIntegrator') }), feeTool?.name ? (_jsx(Tooltip, { title: t('tooltip.feeCollection', { tool: feeTool.name }), sx: { cursor: 'help' }, children: _jsx(Typography, { variant: "body2", children: t(`format.currency`, {
|
|
54
|
+
value: feeAmountUSD,
|
|
55
|
+
}) }) })) : (_jsx(Typography, { variant: "body2", children: t(`format.currency`, {
|
|
56
|
+
value: feeAmountUSD,
|
|
57
|
+
}) }))] })) : null, _jsxs(Box, { display: "flex", justifyContent: "space-between", mb: 0.5, children: [_jsx(Typography, { variant: "body2", children: t('main.priceImpact') }), _jsx(Tooltip, { title: t('tooltip.priceImpact'), sx: { cursor: 'help' }, children: _jsxs(Typography, { variant: "body2", children: [priceImpact, "%"] }) })] }), !isRouteDone(route) ? (_jsxs(_Fragment, { children: [_jsxs(Box, { display: "flex", justifyContent: "space-between", mb: 0.5, children: [_jsx(Typography, { variant: "body2", children: t('main.maxSlippage') }), _jsx(Tooltip, { title: t('tooltip.slippage'), sx: { cursor: 'help' }, children: _jsxs(Typography, { variant: "body2", children: [route.steps[0].action.slippage * 100, "%"] }) })] }), _jsxs(Box, { display: "flex", justifyContent: "space-between", children: [_jsx(Typography, { variant: "body2", children: t('main.minReceived') }), _jsx(Tooltip, { title: t('tooltip.minReceived'), sx: { cursor: 'help' }, children: _jsxs(Typography, { variant: "body2", children: [t('format.number', {
|
|
43
58
|
value: formatTokenAmount(BigInt(route.toAmountMin), route.toToken.decimals),
|
|
44
59
|
}), ' ', route.toToken.symbol] }) })] })] })) : null] }) })] }));
|
|
45
60
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TransactionDetails.js","sourceRoot":"","sources":["../../components/TransactionDetails.tsx"],"names":[],"mappings":";AACA,OAAO,EACL,UAAU,EACV,UAAU,EACV,sBAAsB,GACvB,MAAM,qBAAqB,CAAC;AAE7B,OAAO,EAAE,GAAG,EAAE,QAAQ,EAAE,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AACnE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,EAAE,WAAW,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"TransactionDetails.js","sourceRoot":"","sources":["../../components/TransactionDetails.tsx"],"names":[],"mappings":"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"}
|
package/_esm/config/version.d.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export declare const name = "@lifi/widget";
|
|
2
|
-
export declare const version = "3.
|
|
2
|
+
export declare const version = "3.4.0-beta.0";
|
package/_esm/config/version.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"version.js","sourceRoot":"","sources":["../../config/version.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,IAAI,GAAG,cAAc,CAAC;AACnC,MAAM,CAAC,MAAM,OAAO,GAAG,
|
|
1
|
+
{"version":3,"file":"version.js","sourceRoot":"","sources":["../../config/version.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,IAAI,GAAG,cAAc,CAAC;AACnC,MAAM,CAAC,MAAM,OAAO,GAAG,cAAc,CAAC"}
|
|
@@ -6,10 +6,10 @@ const DEFAULT_DELAY = 1000;
|
|
|
6
6
|
// modified to work in the Widget codebase with Typescript
|
|
7
7
|
export function useTimer({ expiryTimestamp: expiry, onExpire, autoStart = true, }) {
|
|
8
8
|
const [expiryTimestamp, setExpiryTimestamp] = useState(expiry);
|
|
9
|
-
const [seconds, setSeconds] = useState(getSecondsFromExpiry(expiryTimestamp));
|
|
9
|
+
const [seconds, setSeconds] = useState(() => getSecondsFromExpiry(expiryTimestamp));
|
|
10
10
|
const [isRunning, setIsRunning] = useState(autoStart);
|
|
11
11
|
const [didStart, setDidStart] = useState(autoStart);
|
|
12
|
-
const [delay, setDelay] = useState(getDelayFromExpiryTimestamp(expiryTimestamp, DEFAULT_DELAY));
|
|
12
|
+
const [delay, setDelay] = useState(() => getDelayFromExpiryTimestamp(expiryTimestamp, DEFAULT_DELAY));
|
|
13
13
|
const handleExpire = useCallback(() => {
|
|
14
14
|
validateOnExpire(onExpire) && onExpire();
|
|
15
15
|
setIsRunning(false);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useTimer.js","sourceRoot":"","sources":["../../../hooks/timer/useTimer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC9C,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,EACL,2BAA2B,EAC3B,oBAAoB,EACpB,kBAAkB,EAClB,gBAAgB,GACjB,MAAM,YAAY,CAAC;AAEpB,MAAM,aAAa,GAAG,IAAI,CAAC;AAQ3B,4GAA4G;AAC5G,0DAA0D;AAC1D,MAAM,UAAU,QAAQ,CAAC,EACvB,eAAe,EAAE,MAAM,EACvB,QAAQ,EACR,SAAS,GAAG,IAAI,GACF;IACd,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,QAAQ,CAAC,MAAM,CAAC,CAAC;IAC/D,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,oBAAoB,CAAC,eAAe,CAAC,
|
|
1
|
+
{"version":3,"file":"useTimer.js","sourceRoot":"","sources":["../../../hooks/timer/useTimer.ts"],"names":[],"mappings":"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"}
|
package/_esm/i18n/en.json
CHANGED
|
@@ -169,7 +169,8 @@
|
|
|
169
169
|
},
|
|
170
170
|
"tooltip": {
|
|
171
171
|
"deselectAll": "Deselect all",
|
|
172
|
-
"estimatedTime": "Estimated
|
|
172
|
+
"estimatedTime": "Estimated time to complete the swap or bridge transaction, excluding chain switching and token approval.",
|
|
173
|
+
"feeCollection": "The fee is applied to selected token pairs and ensures the best experience with {{tool}}.",
|
|
173
174
|
"minReceived": "The estimated minimum amount may change until the swapping/bridging transaction is signed. For 2-step transfers, this applies until the second step transaction is signed.",
|
|
174
175
|
"notFound": {
|
|
175
176
|
"text": "We couldn't find this page.",
|
|
@@ -190,13 +191,14 @@
|
|
|
190
191
|
"depositStepDetails": "Deposit via {{tool}}",
|
|
191
192
|
"featuredTokens": "Featured tokens",
|
|
192
193
|
"fees": {
|
|
194
|
+
"defaultIntegrator": "Integrator fee",
|
|
193
195
|
"estimated": "estimated costs",
|
|
196
|
+
"integrator": "{{tool}} fee",
|
|
194
197
|
"network": "Network cost",
|
|
195
198
|
"paid": "paid costs",
|
|
196
199
|
"provider": "Provider fee"
|
|
197
200
|
},
|
|
198
201
|
"from": "From",
|
|
199
|
-
"gasCost": "Gas cost",
|
|
200
202
|
"inProgress": "in progress",
|
|
201
203
|
"maxSlippage": "Max. slippage",
|
|
202
204
|
"minReceived": "Min. received",
|
package/_esm/i18n/index.js
CHANGED
|
@@ -1,17 +1,17 @@
|
|
|
1
|
-
import bn from './bn.json'
|
|
2
|
-
import de from './de.json'
|
|
3
|
-
import en from './en.json'
|
|
4
|
-
import es from './es.json'
|
|
5
|
-
import fr from './fr.json'
|
|
6
|
-
import id from './id.json'
|
|
7
|
-
import it from './it.json'
|
|
8
|
-
import ja from './ja.json'
|
|
9
|
-
import ko from './ko.json'
|
|
10
|
-
import pt from './pt.json'
|
|
11
|
-
import th from './th.json'
|
|
12
|
-
import tr from './tr.json'
|
|
13
|
-
import uk from './uk.json'
|
|
14
|
-
import vi from './vi.json'
|
|
15
|
-
import zh from './zh.json'
|
|
1
|
+
import bn from './bn.json' with { type: 'json' };
|
|
2
|
+
import de from './de.json' with { type: 'json' };
|
|
3
|
+
import en from './en.json' with { type: 'json' };
|
|
4
|
+
import es from './es.json' with { type: 'json' };
|
|
5
|
+
import fr from './fr.json' with { type: 'json' };
|
|
6
|
+
import id from './id.json' with { type: 'json' };
|
|
7
|
+
import it from './it.json' with { type: 'json' };
|
|
8
|
+
import ja from './ja.json' with { type: 'json' };
|
|
9
|
+
import ko from './ko.json' with { type: 'json' };
|
|
10
|
+
import pt from './pt.json' with { type: 'json' };
|
|
11
|
+
import th from './th.json' with { type: 'json' };
|
|
12
|
+
import tr from './tr.json' with { type: 'json' };
|
|
13
|
+
import uk from './uk.json' with { type: 'json' };
|
|
14
|
+
import vi from './vi.json' with { type: 'json' };
|
|
15
|
+
import zh from './zh.json' with { type: 'json' };
|
|
16
16
|
export { bn, de, en, es, fr, id, it, ja, ko, pt, th, tr, uk, vi, zh };
|
|
17
17
|
//# sourceMappingURL=index.js.map
|
package/_esm/i18n/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../i18n/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,WAAW,CAAC,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../i18n/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,WAAW,CAAC,OAAO,IAAI,EAAE,MAAM,EAAE,CAAC;AACjD,OAAO,EAAE,MAAM,WAAW,CAAC,OAAO,IAAI,EAAE,MAAM,EAAE,CAAC;AACjD,OAAO,EAAE,MAAM,WAAW,CAAC,OAAO,IAAI,EAAE,MAAM,EAAE,CAAC;AACjD,OAAO,EAAE,MAAM,WAAW,CAAC,OAAO,IAAI,EAAE,MAAM,EAAE,CAAC;AACjD,OAAO,EAAE,MAAM,WAAW,CAAC,OAAO,IAAI,EAAE,MAAM,EAAE,CAAC;AACjD,OAAO,EAAE,MAAM,WAAW,CAAC,OAAO,IAAI,EAAE,MAAM,EAAE,CAAC;AACjD,OAAO,EAAE,MAAM,WAAW,CAAC,OAAO,IAAI,EAAE,MAAM,EAAE,CAAC;AACjD,OAAO,EAAE,MAAM,WAAW,CAAC,OAAO,IAAI,EAAE,MAAM,EAAE,CAAC;AACjD,OAAO,EAAE,MAAM,WAAW,CAAC,OAAO,IAAI,EAAE,MAAM,EAAE,CAAC;AACjD,OAAO,EAAE,MAAM,WAAW,CAAC,OAAO,IAAI,EAAE,MAAM,EAAE,CAAC;AACjD,OAAO,EAAE,MAAM,WAAW,CAAC,OAAO,IAAI,EAAE,MAAM,EAAE,CAAC;AACjD,OAAO,EAAE,MAAM,WAAW,CAAC,OAAO,IAAI,EAAE,MAAM,EAAE,CAAC;AACjD,OAAO,EAAE,MAAM,WAAW,CAAC,OAAO,IAAI,EAAE,MAAM,EAAE,CAAC;AACjD,OAAO,EAAE,MAAM,WAAW,CAAC,OAAO,IAAI,EAAE,MAAM,EAAE,CAAC;AACjD,OAAO,EAAE,MAAM,WAAW,CAAC,OAAO,IAAI,EAAE,MAAM,EAAE,CAAC;AAEjD,OAAO,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC"}
|
|
@@ -1,10 +1,11 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { ContentCopyRounded } from '@mui/icons-material';
|
|
3
|
-
import { Box,
|
|
3
|
+
import { Box, Typography } from '@mui/material';
|
|
4
4
|
import { useEffect, useMemo } from 'react';
|
|
5
5
|
import { useTranslation } from 'react-i18next';
|
|
6
6
|
import { useLocation } from 'react-router-dom';
|
|
7
7
|
import { Card } from '../../components/Card/Card.js';
|
|
8
|
+
import { CardIconButton } from '../../components/Card/CardIconButton.js';
|
|
8
9
|
import { CardTitle } from '../../components/Card/CardTitle.js';
|
|
9
10
|
import { ContractComponent } from '../../components/ContractComponent/ContractComponent.js';
|
|
10
11
|
import { PageContainer } from '../../components/PageContainer.js';
|
|
@@ -71,6 +72,6 @@ export const TransactionDetailsPage = () => {
|
|
|
71
72
|
}) })] }), 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, _jsxs(Card, { sx: { marginTop: 2 }, children: [_jsxs(Box, { sx: {
|
|
72
73
|
display: 'flex',
|
|
73
74
|
flex: 1,
|
|
74
|
-
}, children: [_jsx(CardTitle, { flex: 1, children: t('main.supportId') }), _jsx(Box, { mr:
|
|
75
|
+
}, 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 }) })] }));
|
|
75
76
|
};
|
|
76
77
|
//# sourceMappingURL=TransactionDetailsPage.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TransactionDetailsPage.js","sourceRoot":"","sources":["../../../pages/TransactionDetailsPage/TransactionDetailsPage.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AACzD,OAAO,EAAE,GAAG,EAAE,UAAU,EAAE,
|
|
1
|
+
{"version":3,"file":"TransactionDetailsPage.js","sourceRoot":"","sources":["../../../pages/TransactionDetailsPage/TransactionDetailsPage.tsx"],"names":[],"mappings":"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"}
|
|
@@ -6,5 +6,4 @@ interface TokenValueBottomSheetProps {
|
|
|
6
6
|
onCancel?(): void;
|
|
7
7
|
}
|
|
8
8
|
export declare const TokenValueBottomSheet: import("react").ForwardRefExoticComponent<TokenValueBottomSheetProps & import("react").RefAttributes<BottomSheetBase>>;
|
|
9
|
-
export declare const getTokenValueLossThreshold: (route?: Route) => boolean;
|
|
10
9
|
export {};
|
|
@@ -4,9 +4,11 @@ import { Box, Button, Typography } from '@mui/material';
|
|
|
4
4
|
import { forwardRef, useRef } from 'react';
|
|
5
5
|
import { useTranslation } from 'react-i18next';
|
|
6
6
|
import { BottomSheet } from '../../components/BottomSheet/BottomSheet.js';
|
|
7
|
+
import { FeeBreakdownTooltip } from '../../components/FeeBreakdownTooltip.js';
|
|
7
8
|
import { useSetContentHeight } from '../../hooks/useContentHeight.js';
|
|
9
|
+
import { getAccumulatedFeeCostsBreakdown } from '../../utils/fees.js';
|
|
8
10
|
import { CenterContainer, IconCircle } from './StatusBottomSheet.style.js';
|
|
9
|
-
import {
|
|
11
|
+
import { calculateValueLossPercentage } from './utils.js';
|
|
10
12
|
export const TokenValueBottomSheet = forwardRef(({ route, onContinue, onCancel }, ref) => {
|
|
11
13
|
const handleCancel = () => {
|
|
12
14
|
ref.current?.close();
|
|
@@ -18,18 +20,9 @@ const TokenValueBottomSheetContent = ({ route, onCancel, onContinue, }) => {
|
|
|
18
20
|
const { t } = useTranslation();
|
|
19
21
|
const ref = useRef();
|
|
20
22
|
useSetContentHeight(ref);
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
return false;
|
|
26
|
-
}
|
|
27
|
-
const fromAmountUSD = Number(route.fromAmountUSD || 0);
|
|
28
|
-
const toAmountUSD = Number(route.toAmountUSD || 0);
|
|
29
|
-
const gasCostUSD = Number(route.gasCostUSD || 0);
|
|
30
|
-
if (!fromAmountUSD && !toAmountUSD) {
|
|
31
|
-
return false;
|
|
32
|
-
}
|
|
33
|
-
return toAmountUSD / (fromAmountUSD + gasCostUSD) < 0.9;
|
|
23
|
+
const { gasCosts, feeCosts, gasCostUSD, feeCostUSD } = getAccumulatedFeeCostsBreakdown(route);
|
|
24
|
+
const fromAmountUSD = parseFloat(route.fromAmountUSD);
|
|
25
|
+
const toAmountUSD = parseFloat(route.toAmountUSD);
|
|
26
|
+
return (_jsxs(Box, { p: 3, ref: ref, children: [_jsxs(CenterContainer, { children: [_jsx(IconCircle, { status: "warning", mb: 1, children: _jsx(WarningRounded, { color: "warning" }) }), _jsx(Typography, { py: 1, fontSize: 18, fontWeight: 700, children: t('warning.title.highValueLoss') })] }), _jsx(Typography, { py: 1, children: t('warning.message.highValueLoss') }), _jsxs(Box, { display: "flex", justifyContent: "space-between", mt: 1, children: [_jsx(Typography, { children: t('main.sending') }), _jsx(Typography, { fontWeight: 600, children: t('format.currency', { value: route.fromAmountUSD }) })] }), _jsxs(Box, { display: "flex", justifyContent: "space-between", mt: 0.25, children: [_jsx(Typography, { children: t('main.fees.network') }), _jsx(FeeBreakdownTooltip, { gasCosts: gasCosts, children: _jsx(Typography, { fontWeight: 600, children: t('format.currency', { value: gasCostUSD }) }) })] }), feeCostUSD ? (_jsxs(Box, { display: "flex", justifyContent: "space-between", mt: 0.25, children: [_jsx(Typography, { children: t('main.fees.provider') }), _jsx(FeeBreakdownTooltip, { feeCosts: feeCosts, children: _jsx(Typography, { fontWeight: 600, children: t('format.currency', { value: feeCostUSD }) }) })] })) : null, _jsxs(Box, { display: "flex", justifyContent: "space-between", mt: 0.25, children: [_jsx(Typography, { children: t('main.receiving') }), _jsx(Typography, { fontWeight: 600, children: t('format.currency', { value: route.toAmountUSD }) })] }), _jsxs(Box, { display: "flex", justifyContent: "space-between", mt: 0.25, children: [_jsx(Typography, { children: t('main.valueLoss') }), _jsxs(Typography, { fontWeight: 600, children: [calculateValueLossPercentage(fromAmountUSD, toAmountUSD, gasCostUSD, feeCostUSD), "%"] })] }), _jsxs(Box, { display: "flex", mt: 3, children: [_jsx(Button, { variant: "text", onClick: onCancel, fullWidth: true, children: t('button.cancel') }), _jsx(Box, { display: "flex", p: 1 }), _jsx(Button, { variant: "contained", onClick: onContinue, fullWidth: true, children: t('button.continue') })] })] }));
|
|
34
27
|
};
|
|
35
28
|
//# sourceMappingURL=TokenValueBottomSheet.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TokenValueBottomSheet.js","sourceRoot":"","sources":["../../../pages/TransactionPage/TokenValueBottomSheet.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AACrD,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAExD,OAAO,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,EAAE,WAAW,EAAE,MAAM,6CAA6C,CAAC;AAE1E,OAAO,EAAE,mBAAmB,EAAE,MAAM,iCAAiC,CAAC;AACtE,OAAO,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAC;AAC3E,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"TokenValueBottomSheet.js","sourceRoot":"","sources":["../../../pages/TransactionPage/TokenValueBottomSheet.tsx"],"names":[],"mappings":"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"}
|
|
@@ -17,12 +17,13 @@ import { useWidgetConfig } from '../../providers/WidgetProvider/WidgetProvider.j
|
|
|
17
17
|
import { useFieldActions } from '../../stores/form/useFieldActions.js';
|
|
18
18
|
import { RouteExecutionStatus } from '../../stores/routes/types.js';
|
|
19
19
|
import { WidgetEvent } from '../../types/events.js';
|
|
20
|
+
import { getAccumulatedFeeCostsBreakdown } from '../../utils/fees.js';
|
|
20
21
|
import { ExchangeRateBottomSheet } from './ExchangeRateBottomSheet.js';
|
|
21
22
|
import { RouteTracker } from './RouteTracker.js';
|
|
22
23
|
import { StartTransactionButton } from './StartTransactionButton.js';
|
|
23
24
|
import { StatusBottomSheet } from './StatusBottomSheet.js';
|
|
24
|
-
import { TokenValueBottomSheet
|
|
25
|
-
import {
|
|
25
|
+
import { TokenValueBottomSheet } from './TokenValueBottomSheet.js';
|
|
26
|
+
import { calculateValueLossPercentage, getTokenValueLossThreshold, } from './utils.js';
|
|
26
27
|
export const TransactionPage = () => {
|
|
27
28
|
const { t } = useTranslation();
|
|
28
29
|
const { setFieldValue } = useFieldActions();
|
|
@@ -68,14 +69,17 @@ export const TransactionPage = () => {
|
|
|
68
69
|
if (!route) {
|
|
69
70
|
return null;
|
|
70
71
|
}
|
|
71
|
-
const tokenValueLossThresholdExceeded = getTokenValueLossThreshold(route);
|
|
72
72
|
const handleExecuteRoute = () => {
|
|
73
73
|
if (tokenValueBottomSheetRef.current?.isOpen()) {
|
|
74
|
+
const { gasCostUSD, feeCostUSD } = getAccumulatedFeeCostsBreakdown(route);
|
|
75
|
+
const fromAmountUSD = parseFloat(route.fromAmountUSD);
|
|
76
|
+
const toAmountUSD = parseFloat(route.toAmountUSD);
|
|
74
77
|
emitter.emit(WidgetEvent.RouteHighValueLoss, {
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
78
|
+
fromAmountUSD,
|
|
79
|
+
toAmountUSD,
|
|
80
|
+
gasCostUSD,
|
|
81
|
+
feeCostUSD,
|
|
82
|
+
valueLoss: calculateValueLossPercentage(fromAmountUSD, toAmountUSD, gasCostUSD, feeCostUSD),
|
|
79
83
|
});
|
|
80
84
|
}
|
|
81
85
|
tokenValueBottomSheetRef.current?.close();
|
|
@@ -88,6 +92,10 @@ export const TransactionPage = () => {
|
|
|
88
92
|
};
|
|
89
93
|
const handleStartClick = async () => {
|
|
90
94
|
if (status === RouteExecutionStatus.Idle) {
|
|
95
|
+
const { gasCostUSD, feeCostUSD } = getAccumulatedFeeCostsBreakdown(route);
|
|
96
|
+
const fromAmountUSD = parseFloat(route.fromAmountUSD);
|
|
97
|
+
const toAmountUSD = parseFloat(route.toAmountUSD);
|
|
98
|
+
const tokenValueLossThresholdExceeded = getTokenValueLossThreshold(fromAmountUSD, toAmountUSD, gasCostUSD, feeCostUSD);
|
|
91
99
|
if (tokenValueLossThresholdExceeded && subvariant !== 'custom') {
|
|
92
100
|
tokenValueBottomSheetRef.current?.open();
|
|
93
101
|
}
|
|
@@ -125,6 +133,6 @@ export const TransactionPage = () => {
|
|
|
125
133
|
status === RouteExecutionStatus.Failed ? (_jsxs(_Fragment, { children: [_jsx(GasMessage, { mt: 2, route: route }), _jsxs(Box, { mt: 2, display: "flex", children: [_jsx(StartTransactionButton, { text: getButtonText(), onClick: handleStartClick, route: route, loading: routeRefreshing }), status === RouteExecutionStatus.Failed ? (_jsx(Tooltip, { title: t('button.removeTransaction'), placement: "bottom-end", children: _jsx(Button, { onClick: handleRemoveRoute, sx: {
|
|
126
134
|
minWidth: 48,
|
|
127
135
|
marginLeft: 1,
|
|
128
|
-
}, children: _jsx(Delete, {}) }) })) : null] })] })) : null, status ? _jsx(StatusBottomSheet, { status: status, route: route }) : null,
|
|
136
|
+
}, children: _jsx(Delete, {}) }) })) : null] })] })) : null, status ? _jsx(StatusBottomSheet, { status: status, route: route }) : null, subvariant !== 'custom' ? (_jsx(TokenValueBottomSheet, { route: route, ref: tokenValueBottomSheetRef, onContinue: handleExecuteRoute })) : null, _jsx(ExchangeRateBottomSheet, { ref: exchangeRateBottomSheetRef })] }));
|
|
129
137
|
};
|
|
130
138
|
//# sourceMappingURL=TransactionPage.js.map
|
|
@@ -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;
|
|
1
|
+
{"version":3,"file":"TransactionPage.js","sourceRoot":"","sources":["../../../pages/TransactionPage/TransactionPage.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
|
|
2
|
-
export declare const
|
|
1
|
+
export declare const calculateValueLossPercentage: (fromAmountUSD: number, toAmountUSD: number, gasCostUSD: number, feeCostUSD: number) => number;
|
|
2
|
+
export declare const getTokenValueLossThreshold: (fromAmountUSD: number, toAmountUSD: number, gasCostUSD: number, feeCostUSD: number) => boolean;
|
|
@@ -1,7 +1,11 @@
|
|
|
1
|
-
export const
|
|
2
|
-
return
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
1
|
+
export const calculateValueLossPercentage = (fromAmountUSD, toAmountUSD, gasCostUSD, feeCostUSD) => {
|
|
2
|
+
return parseFloat(((toAmountUSD / (fromAmountUSD + gasCostUSD + feeCostUSD) - 1) *
|
|
3
|
+
100).toFixed(2));
|
|
4
|
+
};
|
|
5
|
+
export const getTokenValueLossThreshold = (fromAmountUSD, toAmountUSD, gasCostUSD, feeCostUSD) => {
|
|
6
|
+
if (!fromAmountUSD || !toAmountUSD) {
|
|
7
|
+
return false;
|
|
8
|
+
}
|
|
9
|
+
return toAmountUSD / (fromAmountUSD + gasCostUSD + feeCostUSD) < 0.9;
|
|
6
10
|
};
|
|
7
11
|
//# sourceMappingURL=utils.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../pages/TransactionPage/utils.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../pages/TransactionPage/utils.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,4BAA4B,GAAG,CAC1C,aAAqB,EACrB,WAAmB,EACnB,UAAkB,EAClB,UAAkB,EAClB,EAAE;IACF,OAAO,UAAU,CACf,CACE,CAAC,WAAW,GAAG,CAAC,aAAa,GAAG,UAAU,GAAG,UAAU,CAAC,GAAG,CAAC,CAAC;QAC7D,GAAG,CACJ,CAAC,OAAO,CAAC,CAAC,CAAC,CACb,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,0BAA0B,GAAG,CACxC,aAAqB,EACrB,WAAmB,EACnB,UAAkB,EAClB,UAAkB,EAClB,EAAE;IACF,IAAI,CAAC,aAAa,IAAI,CAAC,WAAW,EAAE,CAAC;QACnC,OAAO,KAAK,CAAC;IACf,CAAC;IACD,OAAO,WAAW,GAAG,CAAC,aAAa,GAAG,UAAU,GAAG,UAAU,CAAC,GAAG,GAAG,CAAC;AACvE,CAAC,CAAC"}
|
|
@@ -12,10 +12,10 @@ export interface RouteExecutionState {
|
|
|
12
12
|
deleteRoutes: (type: 'completed' | 'active') => void;
|
|
13
13
|
}
|
|
14
14
|
export declare enum RouteExecutionStatus {
|
|
15
|
-
Idle =
|
|
16
|
-
Pending =
|
|
17
|
-
Done =
|
|
18
|
-
Failed =
|
|
19
|
-
Partial =
|
|
20
|
-
Refunded =
|
|
15
|
+
Idle = 1,
|
|
16
|
+
Pending = 2,
|
|
17
|
+
Done = 4,
|
|
18
|
+
Failed = 8,
|
|
19
|
+
Partial = 16,
|
|
20
|
+
Refunded = 32
|
|
21
21
|
}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
export var RouteExecutionStatus;
|
|
2
2
|
(function (RouteExecutionStatus) {
|
|
3
|
-
RouteExecutionStatus[RouteExecutionStatus["Idle"] =
|
|
4
|
-
RouteExecutionStatus[RouteExecutionStatus["Pending"] =
|
|
5
|
-
RouteExecutionStatus[RouteExecutionStatus["Done"] =
|
|
6
|
-
RouteExecutionStatus[RouteExecutionStatus["Failed"] =
|
|
7
|
-
RouteExecutionStatus[RouteExecutionStatus["Partial"] =
|
|
8
|
-
RouteExecutionStatus[RouteExecutionStatus["Refunded"] =
|
|
3
|
+
RouteExecutionStatus[RouteExecutionStatus["Idle"] = 1] = "Idle";
|
|
4
|
+
RouteExecutionStatus[RouteExecutionStatus["Pending"] = 2] = "Pending";
|
|
5
|
+
RouteExecutionStatus[RouteExecutionStatus["Done"] = 4] = "Done";
|
|
6
|
+
RouteExecutionStatus[RouteExecutionStatus["Failed"] = 8] = "Failed";
|
|
7
|
+
RouteExecutionStatus[RouteExecutionStatus["Partial"] = 16] = "Partial";
|
|
8
|
+
RouteExecutionStatus[RouteExecutionStatus["Refunded"] = 32] = "Refunded";
|
|
9
9
|
})(RouteExecutionStatus || (RouteExecutionStatus = {}));
|
|
10
10
|
//# sourceMappingURL=types.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../stores/routes/types.ts"],"names":[],"mappings":"AAgBA,MAAM,CAAN,IAAY,oBAOX;AAPD,WAAY,oBAAoB;IAC9B,+
|
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../stores/routes/types.ts"],"names":[],"mappings":"AAgBA,MAAM,CAAN,IAAY,oBAOX;AAPD,WAAY,oBAAoB;IAC9B,+DAAa,CAAA;IACb,qEAAgB,CAAA;IAChB,+DAAa,CAAA;IACb,mEAAe,CAAA;IACf,sEAAgB,CAAA;IAChB,wEAAiB,CAAA;AACnB,CAAC,EAPW,oBAAoB,KAApB,oBAAoB,QAO/B"}
|
package/_esm/types/events.d.ts
CHANGED
|
@@ -33,10 +33,11 @@ export interface ContactSupport {
|
|
|
33
33
|
supportId?: string;
|
|
34
34
|
}
|
|
35
35
|
export interface RouteHighValueLossUpdate {
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
36
|
+
fromAmountUSD: number;
|
|
37
|
+
toAmountUSD: number;
|
|
38
|
+
gasCostUSD?: number;
|
|
39
|
+
feeCostUSD?: number;
|
|
40
|
+
valueLoss: number;
|
|
40
41
|
}
|
|
41
42
|
export interface RouteExecutionUpdate {
|
|
42
43
|
route: Route;
|
package/_esm/types/widget.d.ts
CHANGED
|
@@ -45,7 +45,8 @@ export declare enum HiddenUI {
|
|
|
45
45
|
PoweredBy = "poweredBy",
|
|
46
46
|
ToAddress = "toAddress",
|
|
47
47
|
ToToken = "toToken",
|
|
48
|
-
WalletMenu = "walletMenu"
|
|
48
|
+
WalletMenu = "walletMenu",
|
|
49
|
+
FeeCollectionStepDetails = "feeCollectionStepDetails"
|
|
49
50
|
}
|
|
50
51
|
export type HiddenUIType = `${HiddenUI}`;
|
|
51
52
|
export declare enum RequiredUI {
|
|
@@ -64,6 +65,10 @@ export interface WidgetContractTool {
|
|
|
64
65
|
logoURI: string;
|
|
65
66
|
name: string;
|
|
66
67
|
}
|
|
68
|
+
export interface WidgetFeeTool {
|
|
69
|
+
logoURI: string;
|
|
70
|
+
name: string;
|
|
71
|
+
}
|
|
67
72
|
export interface ToAddress {
|
|
68
73
|
name?: string;
|
|
69
74
|
address: string;
|
|
@@ -91,6 +96,7 @@ export interface WidgetConfig {
|
|
|
91
96
|
integrator: string;
|
|
92
97
|
apiKey?: string;
|
|
93
98
|
fee?: number;
|
|
99
|
+
feeTool?: WidgetFeeTool;
|
|
94
100
|
referrer?: string;
|
|
95
101
|
routePriority?: Order;
|
|
96
102
|
slippage?: number;
|
package/_esm/types/widget.js
CHANGED
|
@@ -15,6 +15,7 @@ export var HiddenUI;
|
|
|
15
15
|
HiddenUI["ToAddress"] = "toAddress";
|
|
16
16
|
HiddenUI["ToToken"] = "toToken";
|
|
17
17
|
HiddenUI["WalletMenu"] = "walletMenu";
|
|
18
|
+
HiddenUI["FeeCollectionStepDetails"] = "feeCollectionStepDetails";
|
|
18
19
|
})(HiddenUI || (HiddenUI = {}));
|
|
19
20
|
export var RequiredUI;
|
|
20
21
|
(function (RequiredUI) {
|
package/_esm/types/widget.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"widget.js","sourceRoot":"","sources":["../../types/widget.ts"],"names":[],"mappings":"AAoEA,MAAM,CAAN,IAAY,UAKX;AALD,WAAY,UAAU;IACpB,uCAAyB,CAAA;IACzB,qCAAuB,CAAA;IACvB,qCAAuB,CAAA;IACvB,iCAAmB,CAAA;AACrB,CAAC,EALW,UAAU,KAAV,UAAU,QAKrB;AAGD,MAAM,CAAN,IAAY,
|
|
1
|
+
{"version":3,"file":"widget.js","sourceRoot":"","sources":["../../types/widget.ts"],"names":[],"mappings":"AAoEA,MAAM,CAAN,IAAY,UAKX;AALD,WAAY,UAAU;IACpB,uCAAyB,CAAA;IACzB,qCAAuB,CAAA;IACvB,qCAAuB,CAAA;IACvB,iCAAmB,CAAA;AACrB,CAAC,EALW,UAAU,KAAV,UAAU,QAKrB;AAGD,MAAM,CAAN,IAAY,QAUX;AAVD,WAAY,QAAQ;IAClB,qCAAyB,CAAA;IACzB,mDAAuC,CAAA;IACvC,+BAAmB,CAAA;IACnB,iCAAqB,CAAA;IACrB,mCAAuB,CAAA;IACvB,mCAAuB,CAAA;IACvB,+BAAmB,CAAA;IACnB,qCAAyB,CAAA;IACzB,iEAAqD,CAAA;AACvD,CAAC,EAVW,QAAQ,KAAR,QAAQ,QAUnB;AAGD,MAAM,CAAN,IAAY,UAEX;AAFD,WAAY,UAAU;IACpB,qCAAuB,CAAA;AACzB,CAAC,EAFW,UAAU,KAAV,UAAU,QAErB"}
|
package/_esm/utils/converters.js
CHANGED
|
@@ -130,7 +130,7 @@ export const buildRouteFromTxHistory = (tx, tools) => {
|
|
|
130
130
|
toAmountMin: receiving.amount ?? '',
|
|
131
131
|
toAmount: receiving.amount ?? '',
|
|
132
132
|
toAmountUSD: receiving.amountUSD ?? '',
|
|
133
|
-
executionDuration:
|
|
133
|
+
executionDuration: 0,
|
|
134
134
|
},
|
|
135
135
|
includedSteps: [
|
|
136
136
|
{
|