@lifi/widget 1.31.1 → 1.32.0

package/pages/SwapHistoryPage/SwapHistoryItem.js

@@ -6,7 +6,6 @@ import { Card } from '../../components/Card';
 import { Token, TokenDivider } from '../../components/Token';
 import { navigationRoutes } from '../../utils';
 export const SwapHistoryItem = ({ route }) => {
-    var _a, _b, _c, _d, _e, _f, _g, _h;
     const { i18n } = useTranslation();
     const navigate = useNavigate();
     const handleClick = () => {
@@ -14,14 +13,17 @@ export const SwapHistoryItem = ({ route }) => {
             state: { routeId: route.id },
         });
     };
-    const startedAt = new Date((_b = (_a = route.steps[0].execution) === null || _a === void 0 ? void 0 : _a.process[0].startedAt) !== null && _b !== void 0 ? _b : 0);
-    const fromToken = Object.assign(Object.assign({}, route.fromToken), { amount: route.fromAmount });
-    const toToken = Object.assign(Object.assign({}, ((_e = (_d = (_c = route.steps.at(-1)) === null || _c === void 0 ? void 0 : _c.execution) === null || _d === void 0 ? void 0 : _d.toToken) !== null && _e !== void 0 ? _e : route.toToken)), { amount: (_h = (_g = (_f = route.steps.at(-1)) === null || _f === void 0 ? void 0 : _f.execution) === null || _g === void 0 ? void 0 : _g.toAmount) !== null && _h !== void 0 ? _h : route.toAmount });
-    return (_jsxs(Card, Object.assign({ onClick: handleClick }, { children: [_jsxs(Box, Object.assign({ sx: {
+    const startedAt = new Date(route.steps[0].execution?.process[0].startedAt ?? 0);
+    const fromToken = { ...route.fromToken, amount: route.fromAmount };
+    const toToken = {
+        ...(route.steps.at(-1)?.execution?.toToken ?? route.toToken),
+        amount: route.steps.at(-1)?.execution?.toAmount ?? route.toAmount,
+    };
+    return (_jsxs(Card, { onClick: handleClick, children: [_jsxs(Box, { sx: {
                     display: 'flex',
                     flex: 1,
                     justifyContent: 'space-between',
-                }, pt: 1.75, px: 2 }, { children: [_jsx(Typography, Object.assign({ fontSize: 12 }, { children: new Intl.DateTimeFormat(i18n.language, { dateStyle: 'long' }).format(startedAt) })), _jsx(Typography, Object.assign({ fontSize: 12 }, { children: new Intl.DateTimeFormat(i18n.language, {
+                }, pt: 1.75, px: 2, children: [_jsx(Typography, { fontSize: 12, children: new Intl.DateTimeFormat(i18n.language, { dateStyle: 'long' }).format(startedAt) }), _jsx(Typography, { fontSize: 12, children: new Intl.DateTimeFormat(i18n.language, {
                             timeStyle: 'short',
-                        }).format(startedAt) }))] })), _jsxs(Box, Object.assign({ py: 1 }, { children: [_jsx(Token, { token: fromToken, px: 2, pt: 1, connected: true }), _jsx(TokenDivider, {}), _jsx(Token, { token: toToken, px: 2, pt: 0.5, pb: 1 })] }))] })));
+                        }).format(startedAt) })] }), _jsxs(Box, { py: 1, children: [_jsx(Token, { token: fromToken, px: 2, pt: 1, connected: true }), _jsx(TokenDivider, {}), _jsx(Token, { token: toToken, px: 2, pt: 0.5, pb: 1 })] })] }));
 };

package/pages/SwapHistoryPage/SwapHistoryPage.js

@@ -22,11 +22,11 @@ export const SwapHistoryPage = () => {
     }, []);
     useEffect(() => {
         if (swaps.length) {
-            return useHeaderActionStore.getState().setAction(_jsx(IconButton, Object.assign({ size: "medium", edge: "end", onClick: toggleDialog }, { children: _jsx(DeleteIcon, {}) })));
+            return useHeaderActionStore.getState().setAction(_jsx(IconButton, { size: "medium", edge: "end", onClick: toggleDialog, children: _jsx(DeleteIcon, {}) }));
         }
     }, [swaps.length, toggleDialog]);
     if (!swaps.length) {
         return _jsx(SwapHistoryEmpty, {});
     }
-    return (_jsxs(Container, { children: [_jsx(Stack, Object.assign({ spacing: 2, mt: 1 }, { children: swaps.length ? (swaps.map(({ route }) => (_jsx(SwapHistoryItem, { route: route }, route.id)))) : (_jsx(SwapHistoryEmpty, {})) })), _jsxs(Dialog, Object.assign({ open: open, onClose: toggleDialog }, { children: [_jsx(DialogTitle, { children: t('swap.warning.title.deleteSwapHistory') }), _jsx(DialogContent, { children: _jsx(DialogContentText, { children: t('swap.warning.message.deleteSwapHistory') }) }), _jsxs(DialogActions, { children: [_jsx(Button, Object.assign({ onClick: toggleDialog }, { children: t('button.cancel') })), _jsx(Button, Object.assign({ variant: "contained", onClick: () => deleteRoutes('completed'), autoFocus: true }, { children: t('button.delete') }))] })] }))] }));
+    return (_jsxs(Container, { children: [_jsx(Stack, { spacing: 2, mt: 1, children: swaps.length ? (swaps.map(({ route }) => (_jsx(SwapHistoryItem, { route: route }, route.id)))) : (_jsx(SwapHistoryEmpty, {})) }), _jsxs(Dialog, { open: open, onClose: toggleDialog, children: [_jsx(DialogTitle, { children: t('swap.warning.title.deleteSwapHistory') }), _jsx(DialogContent, { children: _jsx(DialogContentText, { children: t('swap.warning.message.deleteSwapHistory') }) }), _jsxs(DialogActions, { children: [_jsx(Button, { onClick: toggleDialog, children: t('button.cancel') }), _jsx(Button, { variant: "contained", onClick: () => deleteRoutes('completed'), autoFocus: true, children: t('button.delete') })] })] })] }));
 };

package/pages/SwapPage/ExchangeRateBottomSheet.js

@@ -13,60 +13,55 @@ export const ExchangeRateBottomSheet = forwardRef(({ onContinue, onCancel }, ref
     const bottomSheetRef = useRef(null);
     const resolverRef = useRef();
     const handleContinue = () => {
-        var _a;
-        (_a = ref.current) === null || _a === void 0 ? void 0 : _a.close(true);
-        onContinue === null || onContinue === void 0 ? void 0 : onContinue();
+        ref.current?.close(true);
+        onContinue?.();
     };
     const handleCancel = useCallback(() => {
-        var _a;
-        (_a = ref.current) === null || _a === void 0 ? void 0 : _a.close(false);
-        onCancel === null || onCancel === void 0 ? void 0 : onCancel();
+        ref.current?.close(false);
+        onCancel?.();
     }, [onCancel, ref]);
     const handleClose = useCallback(() => {
-        var _a;
-        (_a = ref.current) === null || _a === void 0 ? void 0 : _a.close(false, false);
-        onCancel === null || onCancel === void 0 ? void 0 : onCancel();
+        ref.current?.close(false, false);
+        onCancel?.();
     }, [onCancel, ref]);
     useImperativeHandle(ref, () => ({
-        isOpen: () => { var _a; return (_a = bottomSheetRef.current) === null || _a === void 0 ? void 0 : _a.isOpen(); },
+        isOpen: () => bottomSheetRef.current?.isOpen(),
         open: (resolver, data) => {
-            var _a;
             setData(data);
             resolverRef.current = resolver;
-            (_a = bottomSheetRef.current) === null || _a === void 0 ? void 0 : _a.open();
+            bottomSheetRef.current?.open();
         },
         close: (value = false, bottomSheetClose = true) => {
-            var _a, _b;
-            (_a = resolverRef.current) === null || _a === void 0 ? void 0 : _a.call(resolverRef, value);
+            resolverRef.current?.(value);
             if (bottomSheetClose) {
-                (_b = bottomSheetRef.current) === null || _b === void 0 ? void 0 : _b.close();
+                bottomSheetRef.current?.close();
             }
         },
     }), []);
-    return (_jsx(BottomSheet, Object.assign({ ref: bottomSheetRef, onClose: handleClose }, { children: _jsx(ExchangeRateBottomSheetContent, { data: data, onContinue: handleContinue, onCancel: handleCancel }) })));
+    return (_jsx(BottomSheet, { ref: bottomSheetRef, onClose: handleClose, children: _jsx(ExchangeRateBottomSheetContent, { data: data, onContinue: handleContinue, onCancel: handleCancel }) }));
 });
 const ExchangeRateBottomSheetContent = ({ data, onCancel, onContinue }) => {
     const { t } = useTranslation();
     const ref = useRef();
     useSetContentHeight(ref);
-    return (_jsxs(Box, Object.assign({ p: 3, ref: ref }, { children: [_jsxs(IconContainer, { children: [_jsx(IconCircle, Object.assign({ status: "warning", mb: 1 }, { children: _jsx(WarningIcon, { color: "warning" }) })), _jsx(Typography, Object.assign({ py: 1, fontSize: 18, fontWeight: 700 }, { children: t('swap.warning.title.rateChanged') }))] }), _jsx(Typography, Object.assign({ py: 1 }, { children: t('swap.warning.message.rateChanged') })), _jsxs(Box, Object.assign({ display: "flex", justifyContent: "space-between", mt: 1 }, { children: [_jsx(Typography, { children: t('swap.quotedAmount') }), _jsxs(Typography, Object.assign({ fontWeight: 600 }, { children: [t('format.number', {
-                                value: formatTokenAmount(data === null || data === void 0 ? void 0 : data.oldToAmount, data === null || data === void 0 ? void 0 : data.toToken.decimals, 5),
-                            }), ' ', data === null || data === void 0 ? void 0 : data.toToken.symbol] }))] })), _jsxs(Box, Object.assign({ display: "flex", justifyContent: "space-between", mt: 0.25 }, { children: [_jsx(Typography, { children: t('swap.currentAmount') }), _jsxs(Typography, Object.assign({ fontWeight: 600 }, { children: [t('format.number', {
-                                value: formatTokenAmount(data === null || data === void 0 ? void 0 : data.newToAmount, data === null || data === void 0 ? void 0 : data.toToken.decimals, 5),
-                            }), ' ', data === null || data === void 0 ? void 0 : data.toToken.symbol] }))] })), _jsxs(Box, Object.assign({ display: "flex", justifyContent: "space-between", mt: 0.25 }, { children: [_jsx(Typography, { children: t('swap.rateChange') }), _jsxs(Typography, Object.assign({ fontWeight: 600 }, { children: [Big((data === null || data === void 0 ? void 0 : data.newToAmount) || 0)
-                                .div(Big((data === null || data === void 0 ? void 0 : data.oldToAmount) || 0))
+    return (_jsxs(Box, { p: 3, ref: ref, children: [_jsxs(IconContainer, { children: [_jsx(IconCircle, { status: "warning", mb: 1, children: _jsx(WarningIcon, { color: "warning" }) }), _jsx(Typography, { py: 1, fontSize: 18, fontWeight: 700, children: t('swap.warning.title.rateChanged') })] }), _jsx(Typography, { py: 1, children: t('swap.warning.message.rateChanged') }), _jsxs(Box, { display: "flex", justifyContent: "space-between", mt: 1, children: [_jsx(Typography, { children: t('swap.quotedAmount') }), _jsxs(Typography, { fontWeight: 600, children: [t('format.number', {
+                                value: formatTokenAmount(data?.oldToAmount, data?.toToken.decimals, 5),
+                            }), ' ', data?.toToken.symbol] })] }), _jsxs(Box, { display: "flex", justifyContent: "space-between", mt: 0.25, children: [_jsx(Typography, { children: t('swap.currentAmount') }), _jsxs(Typography, { fontWeight: 600, children: [t('format.number', {
+                                value: formatTokenAmount(data?.newToAmount, data?.toToken.decimals, 5),
+                            }), ' ', data?.toToken.symbol] })] }), _jsxs(Box, { display: "flex", justifyContent: "space-between", mt: 0.25, children: [_jsx(Typography, { children: t('swap.rateChange') }), _jsxs(Typography, { fontWeight: 600, children: [Big(data?.newToAmount || 0)
+                                .div(Big(data?.oldToAmount || 0))
                                 .minus(1)
                                 .mul(100)
                                 .round(2, Big.roundUp)
-                                .toString(), "%"] }))] })), _jsxs(Box, Object.assign({ display: "flex", mt: 3 }, { children: [_jsx(Button, Object.assign({ variant: "text", onClick: onCancel, fullWidth: true }, { children: t('button.cancel') })), _jsx(Box, { display: "flex", p: 1 }), _jsx(Button, Object.assign({ variant: "contained", onClick: onContinue, fullWidth: true }, { children: t('button.continue') }))] }))] })));
+                                .toString(), "%"] })] }), _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') })] })] }));
 };
 export const getTokenValueLossThreshold = (route) => {
     if (!route) {
         return false;
     }
-    const fromAmountUSD = Big((route === null || route === void 0 ? void 0 : route.fromAmountUSD) || 0);
-    const toAmountUSD = Big((route === null || route === void 0 ? void 0 : route.toAmountUSD) || 0);
-    const gasCostUSD = Big((route === null || route === void 0 ? void 0 : route.gasCostUSD) || 0);
+    const fromAmountUSD = Big(route?.fromAmountUSD || 0);
+    const toAmountUSD = Big(route?.toAmountUSD || 0);
+    const gasCostUSD = Big(route?.gasCostUSD || 0);
     if (fromAmountUSD.eq(0) && toAmountUSD.eq(0)) {
         return false;
     }

package/pages/SwapPage/StartSwapButton.js

@@ -3,5 +3,5 @@ import { SwapButton } from '../../components/SwapButton';
 import { useGasSufficiency } from '../../hooks';
 export const StartSwapButton = ({ onClick, currentRoute, text, }) => {
     const { insufficientFunds, insufficientGas, isLoading: isGasSufficiencyLoading, } = useGasSufficiency(currentRoute);
-    return (_jsx(SwapButton, { onClick: onClick, text: text, currentRoute: currentRoute, disabled: insufficientFunds || !!(insufficientGas === null || insufficientGas === void 0 ? void 0 : insufficientGas.length), loading: isGasSufficiencyLoading }));
+    return (_jsx(SwapButton, { onClick: onClick, text: text, currentRoute: currentRoute, disabled: insufficientFunds || !!insufficientGas?.length, loading: isGasSufficiencyLoading }));
 };

package/pages/SwapPage/StatusBottomSheet.js

@@ -13,13 +13,17 @@ import { RouteExecutionStatus } from '../../stores';
 import { formatTokenAmount, hasEnumFlag, navigationRoutes, shortenWalletAddress, } from '../../utils';
 import { IconCircle, IconContainer } from './StatusBottomSheet.style';
 export const StatusBottomSheet = ({ status, route, }) => {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r;
     const { t } = useTranslation();
     const { navigateBack, navigate } = useNavigateBack();
     const ref = useRef(null);
     const { getChainById } = useChains();
     const { setValue } = useFormContext();
-    const toToken = Object.assign(Object.assign({}, ((_c = (_b = (_a = route.steps.at(-1)) === null || _a === void 0 ? void 0 : _a.execution) === null || _b === void 0 ? void 0 : _b.toToken) !== null && _c !== void 0 ? _c : route.toToken)), { amount: (_h = (_f = (_e = (_d = route.steps.at(-1)) === null || _d === void 0 ? void 0 : _d.execution) === null || _e === void 0 ? void 0 : _e.toAmount) !== null && _f !== void 0 ? _f : (_g = route.steps.at(-1)) === null || _g === void 0 ? void 0 : _g.estimate.toAmount) !== null && _h !== void 0 ? _h : route.toAmount });
+    const toToken = {
+        ...(route.steps.at(-1)?.execution?.toToken ?? route.toToken),
+        amount: route.steps.at(-1)?.execution?.toAmount ??
+            route.steps.at(-1)?.estimate.toAmount ??
+            route.toAmount,
+    };
     const { token, refetch, refetchNewBalance, refetchAllBalances } = useTokenBalance(toToken, route.toAddress);
     const clearFromAmount = () => {
         refetchAllBalances();
@@ -46,9 +50,8 @@ export const StatusBottomSheet = ({ status, route, }) => {
         navigateBack();
     };
     const handleClose = () => {
-        var _a;
         clearFromAmount();
-        (_a = ref.current) === null || _a === void 0 ? void 0 : _a.close();
+        ref.current?.close();
     };
     const handleSeeDetails = () => {
         handleClose();
@@ -68,7 +71,7 @@ export const StatusBottomSheet = ({ status, route, }) => {
                 primaryMessage = t('swap.success.message.swapSuccessful', {
                     amount: token.amount,
                     tokenSymbol: token.symbol,
-                    chainName: (_j = getChainById(token.chainId)) === null || _j === void 0 ? void 0 : _j.name,
+                    chainName: getChainById(token.chainId)?.name,
                     walletAddress: shortenWalletAddress(route.toAddress),
                 });
             }
@@ -78,14 +81,14 @@ export const StatusBottomSheet = ({ status, route, }) => {
         case RouteExecutionStatus.Done | RouteExecutionStatus.Partial: {
             title = t('swap.success.title.swapPartiallySuccessful');
             primaryMessage = t('swap.success.message.swapPartiallySuccessful', {
-                tool: (_k = route.steps.at(-1)) === null || _k === void 0 ? void 0 : _k.toolDetails.name,
-                tokenSymbol: (_l = route.steps.at(-1)) === null || _l === void 0 ? void 0 : _l.action.toToken.symbol,
+                tool: route.steps.at(-1)?.toolDetails.name,
+                tokenSymbol: route.steps.at(-1)?.action.toToken.symbol,
             });
             if (token) {
                 secondaryMessage = t('swap.success.message.swapSuccessful', {
                     amount: token.amount,
                     tokenSymbol: token.symbol,
-                    chainName: (_m = getChainById(token.chainId)) === null || _m === void 0 ? void 0 : _m.name,
+                    chainName: getChainById(token.chainId)?.name,
                     walletAddress: shortenWalletAddress(route.toAddress),
                 });
             }
@@ -95,22 +98,22 @@ export const StatusBottomSheet = ({ status, route, }) => {
         case RouteExecutionStatus.Done | RouteExecutionStatus.Refunded: {
             title = t('swap.success.title.refundIssued');
             primaryMessage = t('swap.success.message.swapPartiallySuccessful', {
-                tool: (_o = route.steps.at(-1)) === null || _o === void 0 ? void 0 : _o.toolDetails.name,
-                tokenSymbol: (_p = route.steps.at(-1)) === null || _p === void 0 ? void 0 : _p.action.toToken.symbol,
+                tool: route.steps.at(-1)?.toolDetails.name,
+                tokenSymbol: route.steps.at(-1)?.action.toToken.symbol,
             });
             if (token) {
                 secondaryMessage = t('swap.success.message.swapSuccessful', {
                     amount: token.amount,
                     tokenSymbol: token.symbol,
-                    chainName: (_q = getChainById(token.chainId)) === null || _q === void 0 ? void 0 : _q.name,
+                    chainName: getChainById(token.chainId)?.name,
                     walletAddress: shortenWalletAddress(route.toAddress),
                 });
             }
             break;
         }
         case RouteExecutionStatus.Failed: {
-            const step = route.steps.find((step) => { var _a; return ((_a = step.execution) === null || _a === void 0 ? void 0 : _a.status) === 'FAILED'; });
-            const process = (_r = step === null || step === void 0 ? void 0 : step.execution) === null || _r === void 0 ? void 0 : _r.process.find((process) => process.status === 'FAILED');
+            const step = route.steps.find((step) => step.execution?.status === 'FAILED');
+            const process = step?.execution?.process.find((process) => process.status === 'FAILED');
             if (!step || !process) {
                 break;
             }
@@ -124,21 +127,20 @@ export const StatusBottomSheet = ({ status, route, }) => {
             break;
     }
     useEffect(() => {
-        var _a, _b;
         const hasSuccessFlag = hasEnumFlag(status, RouteExecutionStatus.Done);
         if ((hasSuccessFlag || hasEnumFlag(status, RouteExecutionStatus.Failed)) &&
-            !((_a = ref.current) === null || _a === void 0 ? void 0 : _a.isOpen())) {
+            !ref.current?.isOpen()) {
             if (hasSuccessFlag) {
                 refetchNewBalance();
                 refetch();
             }
-            (_b = ref.current) === null || _b === void 0 ? void 0 : _b.open();
+            ref.current?.open();
         }
     }, [refetch, refetchNewBalance, status]);
-    return (_jsx(BottomSheet, Object.assign({ ref: ref }, { children: _jsxs(Box, Object.assign({ p: 3 }, { children: [_jsxs(IconContainer, { children: [_jsxs(IconCircle, Object.assign({ status: status, mb: 1 }, { children: [status === RouteExecutionStatus.Idle ? (_jsx(InfoIcon, { color: "primary" })) : null, status === RouteExecutionStatus.Done ? (_jsx(DoneIcon, { color: "success" })) : null, hasEnumFlag(status, RouteExecutionStatus.Partial) ||
-                                    hasEnumFlag(status, RouteExecutionStatus.Refunded) ? (_jsx(WarningIcon, { color: "warning" })) : null, hasEnumFlag(status, RouteExecutionStatus.Failed) ? (_jsx(ErrorIcon, { color: "error" })) : null] })), _jsx(Typography, Object.assign({ py: 1, fontSize: 18, fontWeight: 700 }, { children: title })), hasEnumFlag(status, RouteExecutionStatus.Done) ? (_jsx(Token, { token: toToken, py: 1, disableDescription: true })) : null] }), _jsx(Typography, Object.assign({ py: 1 }, { children: primaryMessage })), secondaryMessage ? (_jsx(Typography, Object.assign({ py: 1 }, { children: secondaryMessage }))) : null, _jsx(Box, Object.assign({ mt: 2 }, { children: _jsxs(Button, Object.assign({ variant: "contained", fullWidth: true, onClick: handlePrimaryButton }, { children: [status === RouteExecutionStatus.Idle ? t('button.ok') : null, hasEnumFlag(status, RouteExecutionStatus.Done)
+    return (_jsx(BottomSheet, { ref: ref, children: _jsxs(Box, { p: 3, children: [_jsxs(IconContainer, { children: [_jsxs(IconCircle, { status: status, mb: 1, children: [status === RouteExecutionStatus.Idle ? (_jsx(InfoIcon, { color: "primary" })) : null, status === RouteExecutionStatus.Done ? (_jsx(DoneIcon, { color: "success" })) : null, hasEnumFlag(status, RouteExecutionStatus.Partial) ||
+                                    hasEnumFlag(status, RouteExecutionStatus.Refunded) ? (_jsx(WarningIcon, { color: "warning" })) : null, hasEnumFlag(status, RouteExecutionStatus.Failed) ? (_jsx(ErrorIcon, { color: "error" })) : null] }), _jsx(Typography, { py: 1, fontSize: 18, fontWeight: 700, children: title }), hasEnumFlag(status, RouteExecutionStatus.Done) ? (_jsx(Token, { token: toToken, py: 1, disableDescription: true })) : null] }), _jsx(Typography, { py: 1, children: primaryMessage }), secondaryMessage ? (_jsx(Typography, { py: 1, children: secondaryMessage })) : null, _jsx(Box, { mt: 2, children: _jsxs(Button, { variant: "contained", fullWidth: true, onClick: handlePrimaryButton, children: [status === RouteExecutionStatus.Idle ? t('button.ok') : null, hasEnumFlag(status, RouteExecutionStatus.Done)
                                 ? t('button.done')
                                 : null, status === RouteExecutionStatus.Failed
                                 ? t('button.seeDetails')
-                                : null] })) })), hasEnumFlag(status, RouteExecutionStatus.Done) ? (_jsx(Box, Object.assign({ mt: 2 }, { children: _jsx(Button, Object.assign({ variant: "text", onClick: handleSeeDetails, fullWidth: true }, { children: t('button.seeDetails') })) }))) : null] })) })));
+                                : null] }) }), hasEnumFlag(status, RouteExecutionStatus.Done) ? (_jsx(Box, { mt: 2, children: _jsx(Button, { variant: "text", onClick: handleSeeDetails, fullWidth: true, children: t('button.seeDetails') }) })) : null] }) }));
 };

package/pages/SwapPage/StatusBottomSheet.style.d.ts

@@ -7,7 +7,7 @@ export declare const IconContainer: import("@emotion/styled").StyledComponent<im
     component?: import("react").ElementType<any> | undefined;
     ref?: import("react").Ref<unknown> | undefined;
     sx?: import("@mui/material").SxProps<Theme> | undefined;
-} & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>> & {
+} & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     ref?: import("react").RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
 }, "children" | "sx" | "ref" | ("p" | "color" | "border" | "boxShadow" | "fontWeight" | "zIndex" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxSizing" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lineHeight" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "top" | "visibility" | "whiteSpace" | "width" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "overflow" | "padding" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "typography" | "displayPrint") | "component"> & import("@mui/system").MUIStyledCommonProps<Theme>, {}, {}>;
 export declare const IconCircle: import("@emotion/styled").StyledComponent<import("@mui/system").SystemProps<Theme> & {
@@ -15,7 +15,7 @@ export declare const IconCircle: import("@emotion/styled").StyledComponent<impor
     component?: import("react").ElementType<any> | undefined;
     ref?: import("react").Ref<unknown> | undefined;
     sx?: import("@mui/material").SxProps<Theme> | undefined;
-} & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>> & {
+} & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     ref?: import("react").RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
 }, "children" | "sx" | "ref" | ("p" | "color" | "border" | "boxShadow" | "fontWeight" | "zIndex" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxSizing" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lineHeight" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "top" | "visibility" | "whiteSpace" | "width" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "overflow" | "padding" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "typography" | "displayPrint") | "component"> & import("@mui/system").MUIStyledCommonProps<Theme> & {
     status: StatusColor;

package/pages/SwapPage/SwapPage.js

@@ -1,12 +1,3 @@
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { Delete as DeleteIcon } from '@mui/icons-material';
 import { Box, Button, Tooltip } from '@mui/material';
@@ -25,7 +16,6 @@ import { StatusBottomSheet } from './StatusBottomSheet';
 import { Container } from './SwapPage.style';
 import { getTokenValueLossThreshold, TokenValueBottomSheet, } from './TokenValueBottomSheet';
 export const SwapPage = () => {
-    var _a;
     const { t } = useTranslation();
     const { variant } = useWidgetConfig();
     const { state } = useLocation();
@@ -34,23 +24,21 @@ export const SwapPage = () => {
     const exchangeRateBottomSheetRef = useRef(null);
     const { setValue } = useFormContext();
     const { route, status, executeRoute, restartRoute, deleteRoute } = useRouteExecution({
-        routeId: state === null || state === void 0 ? void 0 : state.routeId,
-        onAcceptExchangeRateUpdate: (_a = exchangeRateBottomSheetRef.current) === null || _a === void 0 ? void 0 : _a.open,
+        routeId: state?.routeId,
+        onAcceptExchangeRateUpdate: exchangeRateBottomSheetRef.current?.open,
     });
     const handleExecuteRoute = useCallback(() => {
-        var _a, _b;
-        if ((_a = tokenValueBottomSheetRef.current) === null || _a === void 0 ? void 0 : _a.isOpen()) {
-            (_b = tokenValueBottomSheetRef.current) === null || _b === void 0 ? void 0 : _b.close();
+        if (tokenValueBottomSheetRef.current?.isOpen()) {
+            tokenValueBottomSheetRef.current?.close();
         }
         executeRoute();
         setValue(SwapFormKey.FromAmount, '');
     }, [executeRoute, setValue]);
-    const handleSwapClick = () => __awaiter(void 0, void 0, void 0, function* () {
-        var _b;
+    const handleSwapClick = async () => {
         if (status === RouteExecutionStatus.Idle) {
             const thresholdExceeded = getTokenValueLossThreshold(route);
             if (thresholdExceeded) {
-                (_b = tokenValueBottomSheetRef.current) === null || _b === void 0 ? void 0 : _b.open();
+                tokenValueBottomSheetRef.current?.open();
             }
             else {
                 handleExecuteRoute();
@@ -59,7 +47,7 @@ export const SwapPage = () => {
         if (status === RouteExecutionStatus.Failed) {
             restartRoute();
         }
-    });
+    };
     const handleRemoveRoute = () => {
         navigateBack();
         deleteRoute();
@@ -77,8 +65,8 @@ export const SwapPage = () => {
         }
     };
     return (_jsxs(Container, { children: [getStepList(route), status === RouteExecutionStatus.Idle ||
-                status === RouteExecutionStatus.Failed ? (_jsxs(_Fragment, { children: [_jsx(GasSufficiencyMessage, { route: route, mt: 2 }), _jsxs(Box, Object.assign({ mt: 2, display: "flex" }, { children: [_jsx(StartSwapButton, { text: getSwapButtonText(), onClick: handleSwapClick, currentRoute: route }), status === RouteExecutionStatus.Failed ? (_jsx(Tooltip, Object.assign({ title: t('button.removeSwap'), placement: "bottom-end", enterDelay: 400, arrow: true }, { children: _jsx(Button, Object.assign({ onClick: handleRemoveRoute, sx: {
+                status === RouteExecutionStatus.Failed ? (_jsxs(_Fragment, { children: [_jsx(GasSufficiencyMessage, { route: route, mt: 2 }), _jsxs(Box, { mt: 2, display: "flex", children: [_jsx(StartSwapButton, { text: getSwapButtonText(), onClick: handleSwapClick, currentRoute: route }), status === RouteExecutionStatus.Failed ? (_jsx(Tooltip, { title: t('button.removeSwap'), placement: "bottom-end", enterDelay: 400, arrow: true, children: _jsx(Button, { onClick: handleRemoveRoute, sx: {
                                         minWidth: 48,
                                         marginLeft: 1,
-                                    } }, { children: _jsx(DeleteIcon, {}) })) }))) : null] }))] })) : null, route && status ? (_jsx(StatusBottomSheet, { status: status, route: route })) : null, route ? (_jsx(TokenValueBottomSheet, { route: route, ref: tokenValueBottomSheetRef, onContinue: handleExecuteRoute })) : null, route ? (_jsx(ExchangeRateBottomSheet, { ref: exchangeRateBottomSheetRef })) : null] }));
+                                    }, children: _jsx(DeleteIcon, {}) }) })) : null] })] })) : null, route && status ? (_jsx(StatusBottomSheet, { status: status, route: route })) : null, route ? (_jsx(TokenValueBottomSheet, { route: route, ref: tokenValueBottomSheetRef, onContinue: handleExecuteRoute })) : null, route ? (_jsx(ExchangeRateBottomSheet, { ref: exchangeRateBottomSheetRef })) : null] }));
 };

package/pages/SwapPage/SwapPage.style.d.ts

@@ -6,6 +6,6 @@ export declare const Container: import("@emotion/styled").StyledComponent<{
     fixed?: boolean | undefined;
     maxWidth?: false | import("@mui/material").Breakpoint | undefined;
     sx?: import("@mui/material").SxProps<import("@mui/material").Theme> | undefined;
-} & import("@mui/material/OverridableComponent").CommonProps & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>> & {
+} & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     ref?: import("react").RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
 }, keyof import("@mui/material/OverridableComponent").CommonProps | "children" | "sx" | "maxWidth" | "fixed" | "disableGutters"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;

package/pages/SwapPage/TokenValueBottomSheet.js

@@ -9,30 +9,29 @@ import { useSetContentHeight } from '../../hooks';
 import { IconCircle, IconContainer } from './StatusBottomSheet.style';
 export const TokenValueBottomSheet = forwardRef(({ route, onContinue, onCancel }, ref) => {
     const handleCancel = () => {
-        var _a;
-        (_a = ref.current) === null || _a === void 0 ? void 0 : _a.close();
-        onCancel === null || onCancel === void 0 ? void 0 : onCancel();
+        ref.current?.close();
+        onCancel?.();
     };
-    return (_jsx(BottomSheet, Object.assign({ ref: ref, onClose: onCancel }, { children: _jsx(TokenValueBottomSheetContent, { route: route, onContinue: onContinue, onCancel: handleCancel }) })));
+    return (_jsx(BottomSheet, { ref: ref, onClose: onCancel, children: _jsx(TokenValueBottomSheetContent, { route: route, onContinue: onContinue, onCancel: handleCancel }) }));
 });
 const TokenValueBottomSheetContent = ({ route, onCancel, onContinue, }) => {
     const { t } = useTranslation();
     const ref = useRef();
     useSetContentHeight(ref);
-    return (_jsxs(Box, Object.assign({ p: 3, ref: ref }, { children: [_jsxs(IconContainer, { children: [_jsx(IconCircle, Object.assign({ status: "warning", mb: 1 }, { children: _jsx(WarningIcon, { color: "warning" }) })), _jsx(Typography, Object.assign({ py: 1, fontSize: 18, fontWeight: 700 }, { children: t('swap.warning.title.highValueLoss') }))] }), _jsx(Typography, Object.assign({ py: 1 }, { children: t('swap.warning.message.highValueLoss') })), _jsxs(Box, Object.assign({ display: "flex", justifyContent: "space-between", mt: 1 }, { children: [_jsx(Typography, { children: t('swap.swapping') }), _jsx(Typography, Object.assign({ fontWeight: 600 }, { children: t('format.currency', { value: route.fromAmountUSD }) }))] })), _jsxs(Box, Object.assign({ display: "flex", justifyContent: "space-between", mt: 0.25 }, { children: [_jsx(Typography, { children: t('swap.gasCost') }), _jsx(Typography, Object.assign({ fontWeight: 600 }, { children: t('format.currency', { value: route.gasCostUSD }) }))] })), _jsxs(Box, Object.assign({ display: "flex", justifyContent: "space-between", mt: 0.25 }, { children: [_jsx(Typography, { children: t('swap.receiving') }), _jsx(Typography, Object.assign({ fontWeight: 600 }, { children: t('format.currency', { value: route.toAmountUSD }) }))] })), _jsxs(Box, Object.assign({ display: "flex", justifyContent: "space-between", mt: 0.25 }, { children: [_jsx(Typography, { children: t('swap.valueLoss') }), _jsxs(Typography, Object.assign({ fontWeight: 600 }, { children: [Big(route.toAmountUSD || 0)
+    return (_jsxs(Box, { p: 3, ref: ref, children: [_jsxs(IconContainer, { children: [_jsx(IconCircle, { status: "warning", mb: 1, children: _jsx(WarningIcon, { color: "warning" }) }), _jsx(Typography, { py: 1, fontSize: 18, fontWeight: 700, children: t('swap.warning.title.highValueLoss') })] }), _jsx(Typography, { py: 1, children: t('swap.warning.message.highValueLoss') }), _jsxs(Box, { display: "flex", justifyContent: "space-between", mt: 1, children: [_jsx(Typography, { children: t('swap.swapping') }), _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('swap.gasCost') }), _jsx(Typography, { fontWeight: 600, children: t('format.currency', { value: route.gasCostUSD }) })] }), _jsxs(Box, { display: "flex", justifyContent: "space-between", mt: 0.25, children: [_jsx(Typography, { children: t('swap.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('swap.valueLoss') }), _jsxs(Typography, { fontWeight: 600, children: [Big(route.toAmountUSD || 0)
                                 .div(Big(route.fromAmountUSD || 0).plus(Big(route.gasCostUSD || 0)))
                                 .minus(1)
                                 .mul(100)
                                 .round(2, Big.roundUp)
-                                .toString(), "%"] }))] })), _jsxs(Box, Object.assign({ display: "flex", mt: 3 }, { children: [_jsx(Button, Object.assign({ variant: "text", onClick: onCancel, fullWidth: true }, { children: t('button.cancel') })), _jsx(Box, { display: "flex", p: 1 }), _jsx(Button, Object.assign({ variant: "contained", onClick: onContinue, fullWidth: true }, { children: t('button.continue') }))] }))] })));
+                                .toString(), "%"] })] }), _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') })] })] }));
 };
 export const getTokenValueLossThreshold = (route) => {
     if (!route) {
         return false;
     }
-    const fromAmountUSD = Big((route === null || route === void 0 ? void 0 : route.fromAmountUSD) || 0);
-    const toAmountUSD = Big((route === null || route === void 0 ? void 0 : route.toAmountUSD) || 0);
-    const gasCostUSD = Big((route === null || route === void 0 ? void 0 : route.gasCostUSD) || 0);
+    const fromAmountUSD = Big(route?.fromAmountUSD || 0);
+    const toAmountUSD = Big(route?.toAmountUSD || 0);
+    const gasCostUSD = Big(route?.gasCostUSD || 0);
     if (fromAmountUSD.eq(0) && toAmountUSD.eq(0)) {
         return false;
     }

package/pages/SwapRoutesPage/SwapRoutesPage.js

@@ -18,7 +18,7 @@ export const SwapRoutesPage = () => {
         });
     };
     useEffect(() => {
-        if (!(swapRoutes === null || swapRoutes === void 0 ? void 0 : swapRoutes.length) && !isLoading && !isFetching) {
+        if (!swapRoutes?.length && !isLoading && !isFetching) {
             navigateBack();
         }
         // redirect to the home page if no routes are found on page reload
@@ -29,6 +29,6 @@ export const SwapRoutesPage = () => {
             .getState()
             .setAction(_jsx(ProgressToNextUpdate, { updatedAt: dataUpdatedAt || new Date().getTime(), timeToUpdate: refetchTime, isLoading: isFetching, onClick: () => refetch(), sx: { marginRight: -1 }, size: "medium", edge: "end" }));
     }, [dataUpdatedAt, isFetching, refetch, refetchTime]);
-    const routeNotFound = !(swapRoutes === null || swapRoutes === void 0 ? void 0 : swapRoutes.length) && !isLoading && !isFetching;
-    return (_jsx(Stack, Object.assign({ direction: "column", spacing: 2, flex: 1 }, { children: routeNotFound ? (_jsx(SwapRouteNotFoundCard, {})) : isLoading ? (Array.from({ length: 3 }).map((_, index) => (_jsx(SwapRouteCardSkeleton, {}, index)))) : (swapRoutes === null || swapRoutes === void 0 ? void 0 : swapRoutes.map((route, index) => (_jsx(SwapRouteCard, { route: route, onClick: () => handleRouteClick(route), active: index === 0 }, route.id)))) })));
+    const routeNotFound = !swapRoutes?.length && !isLoading && !isFetching;
+    return (_jsx(Stack, { direction: "column", spacing: 2, flex: 1, children: routeNotFound ? (_jsx(SwapRouteNotFoundCard, {})) : isLoading ? (Array.from({ length: 3 }).map((_, index) => (_jsx(SwapRouteCardSkeleton, {}, index)))) : (swapRoutes?.map((route, index) => (_jsx(SwapRouteCard, { route: route, onClick: () => handleRouteClick(route), active: index === 0 }, route.id)))) }));
 };

package/pages/SwapRoutesPage/SwapRoutesPage.style.d.ts

@@ -6,6 +6,6 @@ export declare const Stack: import("@emotion/styled").StyledComponent<import("@m
     spacing?: import("@mui/system").ResponsiveStyleValue<string | number> | undefined;
     divider?: import("react").ReactNode;
     sx?: import("@mui/material").SxProps<import("@mui/material").Theme> | undefined;
-} & import("@mui/material/OverridableComponent").CommonProps & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>> & {
+} & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     ref?: import("react").RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
 }, keyof import("@mui/material/OverridableComponent").CommonProps | "children" | "sx" | "ref" | "direction" | ("p" | "color" | "border" | "boxShadow" | "fontWeight" | "zIndex" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxSizing" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lineHeight" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "top" | "visibility" | "whiteSpace" | "width" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "overflow" | "padding" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "typography" | "displayPrint") | "divider" | "spacing"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;

package/providers/I18nProvider/I18nProvider.js

@@ -11,12 +11,11 @@ export const I18nProvider = ({ children, }) => {
     const { languageResources, languages, disableI18n } = useWidgetConfig();
     const { language } = useSettings(['language']);
     const i18n = useMemo(() => {
-        var _a, _b;
         let resources = Object.keys(supportedLanguages)
             .filter((lng) => isItemAllowed(lng, languages))
             .reduce((resources, lng) => {
             resources[lng] = {
-                translation: (languageResources === null || languageResources === void 0 ? void 0 : languageResources[lng])
+                translation: languageResources?.[lng]
                     ? deepMerge(supportedLanguages[lng], languageResources[lng])
                     : supportedLanguages[lng],
             };
@@ -33,12 +32,12 @@ export const I18nProvider = ({ children, }) => {
             }, resources);
         }
         let i18n = i18next.createInstance({
-            lng: (languages === null || languages === void 0 ? void 0 : languages.default) || language,
+            lng: languages?.default || language,
             fallbackLng: resources.en
                 ? 'en'
-                : (languages === null || languages === void 0 ? void 0 : languages.default) ||
-                    ((_a = languages === null || languages === void 0 ? void 0 : languages.allow) === null || _a === void 0 ? void 0 : _a[0]) ||
-                    ((_b = Object.keys(resources)) === null || _b === void 0 ? void 0 : _b[0]),
+                : languages?.default ||
+                    languages?.allow?.[0] ||
+                    Object.keys(resources)?.[0],
             lowerCaseLng: true,
             interpolation: {
                 escapeValue: false,
@@ -48,11 +47,11 @@ export const I18nProvider = ({ children, }) => {
                 caches: [],
             },
         });
-        if (!language && !(languages === null || languages === void 0 ? void 0 : languages.default) && !disableI18n) {
+        if (!language && !languages?.default && !disableI18n) {
             i18n = i18n.use(LanguageDetector);
         }
         i18n.use(initReactI18next).init();
         return i18n;
     }, [disableI18n, language, languageResources, languages]);
-    return _jsx(I18nextProvider, Object.assign({ i18n: i18n }, { children: children }));
+    return _jsx(I18nextProvider, { i18n: i18n, children: children });
 };

package/providers/SDKProvider/SDKProvider.js

@@ -8,14 +8,25 @@ export const useLiFi = () => useContext(SDKContext);
 export const SDKProvider = ({ children, }) => {
     const { sdkConfig, fee, integrator, referrer, routePriority, slippage } = useWidgetConfig();
     const value = useMemo(() => {
-        const config = Object.assign(Object.assign({}, sdkConfig), { defaultRouteOptions: Object.assign({ fee, integrator: integrator !== null && integrator !== void 0 ? integrator : window.location.hostname, referrer,
+        const config = {
+            ...sdkConfig,
+            defaultRouteOptions: {
+                fee,
+                integrator: integrator ?? window.location.hostname,
+                referrer,
                 routePriority,
-                slippage }, sdkConfig === null || sdkConfig === void 0 ? void 0 : sdkConfig.defaultRouteOptions) });
+                slippage,
+                ...sdkConfig?.defaultRouteOptions,
+            },
+        };
         if (!lifi) {
-            lifi = new LIFI(Object.assign({ disableVersionCheck: true }, config));
+            lifi = new LIFI({
+                disableVersionCheck: true,
+                ...config,
+            });
         }
         lifi.setConfig(config);
         return lifi;
     }, [fee, integrator, referrer, routePriority, sdkConfig, slippage]);
-    return _jsx(SDKContext.Provider, Object.assign({ value: value }, { children: children }));
+    return _jsx(SDKContext.Provider, { value: value, children: children });
 };

package/providers/SwapFormProvider/SwapFormProvider.js

@@ -17,14 +17,20 @@ export const formDefaultValues = {
 };
 export const SwapFormProvider = ({ children, }) => {
     const { fromChain, fromToken, fromAmount, toChain, toToken, toAddress, buildSwapUrl, } = useWidgetConfig();
-    const defaultValues = useMemo(() => (Object.assign(Object.assign({}, formDefaultValues), { fromChain,
-        fromToken, fromAmount: (typeof fromAmount === 'number'
-            ? fromAmount === null || fromAmount === void 0 ? void 0 : fromAmount.toPrecision()
-            : fromAmount) || formDefaultValues.fromAmount, toChain,
-        toToken, toAddress: toAddress || formDefaultValues.toAddress })), [fromAmount, fromChain, fromToken, toAddress, toChain, toToken]);
+    const defaultValues = useMemo(() => ({
+        ...formDefaultValues,
+        fromChain,
+        fromToken,
+        fromAmount: (typeof fromAmount === 'number'
+            ? fromAmount?.toPrecision()
+            : fromAmount) || formDefaultValues.fromAmount,
+        toChain,
+        toToken,
+        toAddress: toAddress || formDefaultValues.toAddress,
+    }), [fromAmount, fromChain, fromToken, toAddress, toChain, toToken]);
     const methods = useForm({
         // values,
         defaultValues,
     });
-    return (_jsxs(FormProvider, Object.assign({}, methods, { children: [_jsx(FormUpdater, { defaultValues: defaultValues }), buildSwapUrl ? _jsx(URLSearchParamsBuilder, {}) : null, children] })));
+    return (_jsxs(FormProvider, { ...methods, children: [_jsx(FormUpdater, { defaultValues: defaultValues }), buildSwapUrl ? _jsx(URLSearchParamsBuilder, {}) : null, children] }));
 };

package/providers/SwapFormProvider/URLSearchParamsBuilder.js

@@ -1,14 +1,3 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 import { useEffect } from 'react';
 import { useFormState, useWatch } from 'react-hook-form';
 import { useLocation } from 'react-router-dom';
@@ -23,7 +12,9 @@ const formValueKeys = [
 ];
 export const URLSearchParamsBuilder = () => {
     const { pathname } = useLocation();
-    const touchedFields = __rest(useFormState().touchedFields, []);
+    const { 
+    // Have to use touchedFields, because default values are not considered dirty
+    touchedFields: { ...touchedFields }, } = useFormState();
     const values = useWatch({ name: formValueKeys });
     useEffect(() => {
         const url = new URL(window.location);

package/providers/TelemetryProvider/TelemetryProvider.js

@@ -2,6 +2,6 @@ import { useWidgetConfig } from '..';
 import { useTelemetry } from '../../hooks';
 export const TelemetryProvider = ({ children }) => {
     const config = useWidgetConfig();
-    useTelemetry(config === null || config === void 0 ? void 0 : config.disableTelemetry);
+    useTelemetry(config?.disableTelemetry);
     return children;
 };