@lifi/widget 1.0.1 → 1.1.2

package/AppDrawer.d.ts

@@ -3,7 +3,7 @@ import { RefObject } from 'react';
 import { WidgetConfig } from './types';
 export declare type AppDrawerProps = DrawerProps & {
     elementRef?: RefObject<HTMLDivElement>;
-    config: WidgetConfig;
+    config?: WidgetConfig;
 };
 export interface AppDrawerBase {
     isOpen(): void;

package/AppProvider.d.ts

@@ -1,6 +1,6 @@
 import { PropsWithChildren } from 'react';
 import { WidgetConfig } from '.';
 export interface AppProps {
-    config: WidgetConfig;
+    config?: WidgetConfig;
 }
 export declare const AppProvider: React.FC<PropsWithChildren<AppProps>>;

package/components/ProgressToNextUpdate/ProgressToNextUpdate.js

@@ -2,20 +2,18 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Box, CircularProgress, IconButton, Tooltip, } from '@mui/material';
 import { useEffect, useState } from 'react';
 import { useTranslation } from 'react-i18next';
-const calculateTime = (updatedAt, timeToUpdate) => {
-    if (updatedAt === 0) {
-        return 0;
-    }
-    const progress = ((Date.now() - updatedAt) / timeToUpdate) * 100;
-    return Math.min(100, progress);
-};
+const getProgressValue = (updatedAt, timeToUpdate) => updatedAt
+    ? Math.min(100, ((Date.now() - updatedAt) / timeToUpdate) * 100)
+    : 0;
+const getSecondsToUpdate = (updatedAt, timeToUpdate) => Math.max(Math.round((timeToUpdate - (Date.now() - updatedAt)) / 1000), 0);
 export const ProgressToNextUpdate = ({ updatedAt, timeToUpdate, isLoading, onClick, sx }) => {
     const { t } = useTranslation();
-    const [value, setValue] = useState(() => calculateTime(updatedAt, timeToUpdate));
+    const [value, setValue] = useState(() => getProgressValue(updatedAt, timeToUpdate));
     useEffect(() => {
+        setValue(getProgressValue(updatedAt, timeToUpdate));
         const id = setInterval(() => {
-            const time = calculateTime(updatedAt, timeToUpdate);
-            setValue(calculateTime(updatedAt, timeToUpdate));
+            const time = getProgressValue(updatedAt, timeToUpdate);
+            setValue(time);
             if (time >= 100) {
                 clearInterval(id);
             }
@@ -28,7 +26,7 @@ export const ProgressToNextUpdate = ({ updatedAt, timeToUpdate, isLoading, onCli
         }
     }, [isLoading]);
     return (_jsx(IconButton, Object.assign({ onClick: onClick, sx: sx, disabled: isLoading }, { children: _jsx(Tooltip, Object.assign({ title: t('tooltip.progressToNextUpdate', {
-                value: Math.round((timeToUpdate - (Date.now() - updatedAt)) / 1000),
+                value: getSecondsToUpdate(updatedAt, timeToUpdate),
             }), placement: "top", enterDelay: 250, arrow: true }, { children: _jsxs(Box, Object.assign({ sx: {
                     display: 'grid',
                     position: 'relative',

package/components/SwapRouteCard/SwapRouteCard.js

@@ -17,13 +17,17 @@ import { StepActions } from '../StepActions';
 import { StepToken } from '../StepToken';
 import { Card, Check, Label } from './SwapRouteCard.style';
 export const SwapRouteCard = (_a) => {
+    var _b;
     var { route, active, dense } = _a, other = __rest(_a, ["route", "active", "dense"]);
     const { t } = useTranslation();
+    const label = ((_b = route.tags) === null || _b === void 0 ? void 0 : _b.length)
+        ? t(`swap.tags.${route.tags[0].toLowerCase()}`).toUpperCase()
+        : t(`swap.tags.general`).toUpperCase();
     return (_jsx(Card, Object.assign({ active: active, dense: dense }, other, { children: _jsxs(Box, { children: [_jsxs(Box, Object.assign({ sx: {
                         display: 'flex',
                         alignItems: 'center',
                         justifyContent: 'space-between',
-                    }, mb: 2 }, { children: [_jsx(Label, { children: "GENERAL" }), active ? (_jsx(Check, { children: _jsx(CheckIcon, { fontSize: "inherit" }) })) : null] })), _jsx(StepToken, { token: Object.assign(Object.assign({}, route.toToken), { amount: route.toAmount }), mb: 2 }), !dense
+                    }, mb: 2 }, { children: [_jsx(Label, { children: label }), active ? (_jsx(Check, { children: _jsx(CheckIcon, { fontSize: "inherit" }) })) : null] })), _jsx(StepToken, { token: Object.assign(Object.assign({}, route.toToken), { amount: route.toAmount }), mb: 2 }), !dense
                     ? route.steps.map((step) => (_jsx(StepActions, { step: step, mb: 2 }, step.id)))
                     : null, _jsxs(Box, Object.assign({ sx: {
                         display: 'flex',

package/components/SwapRouteCard/SwapRouteCard.style.js

@@ -49,9 +49,9 @@ export const Label = styled(Typography, {
         : theme.palette.mode === 'light'
             ? theme.palette.common.black
             : theme.palette.grey[300],
-    padding: theme.spacing(0.5, 0.75),
+    padding: theme.spacing(0.75),
     fontSize: 12,
-    lineHeight: 1.2,
+    lineHeight: 1,
     fontWeight: '600',
     height: 24,
     letterSpacing: '0.05rem',

package/components/SwapRoutes/SwapRoutes.js

@@ -29,5 +29,5 @@ export const SwapRoutes = (props) => {
                 } }), _jsxs(Box, Object.assign({ sx: { display: 'flex', alignItems: 'center' } }, { children: [_jsx(Stack, Object.assign({ direction: "row", py: 2, pl: 2, pr: 1 }, { children: isLoading || isFetching || !currentRoute ? (_jsx(Skeleton, { variant: "rectangular", width: "100%", height: 181, sx: (theme) => ({
                                 borderRadius: theme.shape.borderRadiusSecondary / theme.shape.borderRadius,
                                 minWidth: '100%',
-                            }) })) : (_jsx(SwapRouteCard, { minWidth: "100%", route: currentRoute, active: true, dense: true }, currentRoute.id)) })), _jsx(Box, Object.assign({ py: 1, pr: 1 }, { children: _jsx(IconButton, Object.assign({ onClick: handleCardClick, size: "medium", "aria-label": "swap-routes" }, { children: _jsx(KeyboardArrowRightIcon, {}) })) }))] }))] })));
+                            }) })) : (_jsx(SwapRouteCard, { minWidth: "100%", route: currentRoute, active: true, dense: true })) })), _jsx(Box, Object.assign({ py: 1, pr: 1 }, { children: _jsx(IconButton, Object.assign({ onClick: handleCardClick, size: "medium", "aria-label": "swap-routes" }, { children: _jsx(KeyboardArrowRightIcon, {}) })) }))] }))] })));
 };

package/components/TokenList/TokenList.js

@@ -12,12 +12,12 @@ import { createTokenAmountSkeletons, skeletonKey } from './utils';
 export const TokenList = ({ formType, height, onClick, }) => {
     const { t } = useTranslation();
     const { account } = useWallet();
-    const { setValue } = useFormContext();
+    const { setValue, getValues } = useFormContext();
     const [selectedChainId] = useWatch({
         name: [SwapFormKeyHelper.getChainKey(formType)],
     });
     const [searchTokensFilter] = useDebouncedWatch([SwapFormKey.SearchTokensFilter], 250);
-    const { tokens, isLoading, isFetching } = useTokenBalances(selectedChainId);
+    const { tokens, isLoading } = useTokenBalances(selectedChainId);
     const chainTokens = useMemo(() => {
         var _a;
         let chainTokens = tokens !== null && tokens !== void 0 ? tokens : [];
@@ -46,8 +46,15 @@ export const TokenList = ({ formType, height, onClick, }) => {
     const handleTokenClick = useCallback((tokenAddress) => {
         setValue(SwapFormKeyHelper.getTokenKey(formType), tokenAddress);
         setValue(SwapFormKeyHelper.getAmountKey(formType), '');
+        const oppositeFormType = formType === 'from' ? 'to' : 'from';
+        const [selectedOppositeToken] = getValues([
+            SwapFormKeyHelper.getTokenKey(oppositeFormType),
+        ]);
+        if (selectedOppositeToken === tokenAddress) {
+            setValue(SwapFormKeyHelper.getTokenKey(oppositeFormType), '');
+        }
         onClick === null || onClick === void 0 ? void 0 : onClick();
-    }, [formType, onClick, setValue]);
+    }, [formType, getValues, onClick, setValue]);
     return (_jsxs(Box, Object.assign({ ref: parentRef, style: { height, overflow: 'auto' } }, { children: [!virtualItems.length ? (_jsx(Typography, Object.assign({ variant: "body1", align: "center", py: 2, px: 3 }, { children: t('swap.couldntFindTokens') }))) : null, _jsx(List, Object.assign({ style: { height: totalSize }, disablePadding: true }, { children: virtualItems.map((item) => {
                     const token = chainTokens[item.index];
                     if (token.name.includes(skeletonKey)) {

package/config/env.d.ts

@@ -1,12 +1,3 @@
 export declare const env: {
     LIFI_API_URL: string;
-    LIFI_RPC_URL_MAINNET: string;
-    LIFI_RPC_URL_ROPSTEN: string;
-    LIFI_RPC_URL_RINKEBY: string;
-    LIFI_RPC_URL_GORLI: string;
-    LIFI_RPC_URL_KOVAN: string;
-    LIFI_RPC_URL_ARBITRUM_RINKEBY: string;
-    LIFI_RPC_URL_OPTIMISM_KOVAN: string;
-    LIFI_RPC_URL_POLYGON_MUMBAI: string;
-    LIFI_RPC_URL_BSC_TESTNET: string;
 };

package/config/env.js

@@ -1,19 +1,3 @@
 export const env = {
-    LIFI_API_URL: 'https://li.quest/v1/',
-    // RPC - Mainnet (overwrites)
-    LIFI_RPC_URL_MAINNET: 'https://speedy-nodes-nyc.moralis.io/5ed6053dc39eba789ff466c9/eth/mainnet',
-    // LIFI_RPC_URL_POLYGON:
-    // LIFI_RPC_URL_BSC:
-    // LIFI_RPC_URL_XDAI:
-    // LIFI_RPC_URL_FANTOM:
-    // LIFI_RPC_URL_ARBITRUM:
-    // RPC - Testnet (overwrites)
-    LIFI_RPC_URL_ROPSTEN: 'https://ropsten.infura.io/v3/c7fe4abb5bbc466cb56038efbb0b9930',
-    LIFI_RPC_URL_RINKEBY: 'https://rinkeby.infura.io/v3/c7fe4abb5bbc466cb56038efbb0b9930',
-    LIFI_RPC_URL_GORLI: 'https://goerli.infura.io/v3/c7fe4abb5bbc466cb56038efbb0b9930',
-    LIFI_RPC_URL_KOVAN: 'https://kovan.infura.io/v3/c7fe4abb5bbc466cb56038efbb0b9930',
-    LIFI_RPC_URL_ARBITRUM_RINKEBY: 'https://arbitrum-rinkeby.infura.io/v3/c7fe4abb5bbc466cb56038efbb0b9930',
-    LIFI_RPC_URL_OPTIMISM_KOVAN: 'https://optimism-kovan.infura.io/v3/c7fe4abb5bbc466cb56038efbb0b9930',
-    LIFI_RPC_URL_POLYGON_MUMBAI: 'https://rpc-mumbai.maticvigil.com/v1/e4dadaac060844094a667194c20f79cc9bb0bc59',
-    LIFI_RPC_URL_BSC_TESTNET: 'https://data-seed-prebsc-1-s2.binance.org:8545',
+    LIFI_API_URL: 'https://li.quest/v1/', // 'https://developkub.li.finance/v1/',
 };

package/fonts/inter.css

@@ -0,0 +1,200 @@
+@font-face {
+  font-family: 'Inter';
+  font-style:  normal;
+  font-weight: 100;
+  font-display: swap;
+  src: url("Inter-Thin.woff2?v=3.19") format("woff2"),
+       url("Inter-Thin.woff?v=3.19") format("woff");
+}
+@font-face {
+  font-family: 'Inter';
+  font-style:  italic;
+  font-weight: 100;
+  font-display: swap;
+  src: url("Inter-ThinItalic.woff2?v=3.19") format("woff2"),
+       url("Inter-ThinItalic.woff?v=3.19") format("woff");
+}
+
+@font-face {
+  font-family: 'Inter';
+  font-style:  normal;
+  font-weight: 200;
+  font-display: swap;
+  src: url("Inter-ExtraLight.woff2?v=3.19") format("woff2"),
+       url("Inter-ExtraLight.woff?v=3.19") format("woff");
+}
+@font-face {
+  font-family: 'Inter';
+  font-style:  italic;
+  font-weight: 200;
+  font-display: swap;
+  src: url("Inter-ExtraLightItalic.woff2?v=3.19") format("woff2"),
+       url("Inter-ExtraLightItalic.woff?v=3.19") format("woff");
+}
+
+@font-face {
+  font-family: 'Inter';
+  font-style:  normal;
+  font-weight: 300;
+  font-display: swap;
+  src: url("Inter-Light.woff2?v=3.19") format("woff2"),
+       url("Inter-Light.woff?v=3.19") format("woff");
+}
+@font-face {
+  font-family: 'Inter';
+  font-style:  italic;
+  font-weight: 300;
+  font-display: swap;
+  src: url("Inter-LightItalic.woff2?v=3.19") format("woff2"),
+       url("Inter-LightItalic.woff?v=3.19") format("woff");
+}
+
+@font-face {
+  font-family: 'Inter';
+  font-style:  normal;
+  font-weight: 400;
+  font-display: swap;
+  src: url("Inter-Regular.woff2?v=3.19") format("woff2"),
+       url("Inter-Regular.woff?v=3.19") format("woff");
+}
+@font-face {
+  font-family: 'Inter';
+  font-style:  italic;
+  font-weight: 400;
+  font-display: swap;
+  src: url("Inter-Italic.woff2?v=3.19") format("woff2"),
+       url("Inter-Italic.woff?v=3.19") format("woff");
+}
+
+@font-face {
+  font-family: 'Inter';
+  font-style:  normal;
+  font-weight: 500;
+  font-display: swap;
+  src: url("Inter-Medium.woff2?v=3.19") format("woff2"),
+       url("Inter-Medium.woff?v=3.19") format("woff");
+}
+@font-face {
+  font-family: 'Inter';
+  font-style:  italic;
+  font-weight: 500;
+  font-display: swap;
+  src: url("Inter-MediumItalic.woff2?v=3.19") format("woff2"),
+       url("Inter-MediumItalic.woff?v=3.19") format("woff");
+}
+
+@font-face {
+  font-family: 'Inter';
+  font-style:  normal;
+  font-weight: 600;
+  font-display: swap;
+  src: url("Inter-SemiBold.woff2?v=3.19") format("woff2"),
+       url("Inter-SemiBold.woff?v=3.19") format("woff");
+}
+@font-face {
+  font-family: 'Inter';
+  font-style:  italic;
+  font-weight: 600;
+  font-display: swap;
+  src: url("Inter-SemiBoldItalic.woff2?v=3.19") format("woff2"),
+       url("Inter-SemiBoldItalic.woff?v=3.19") format("woff");
+}
+
+@font-face {
+  font-family: 'Inter';
+  font-style:  normal;
+  font-weight: 700;
+  font-display: swap;
+  src: url("Inter-Bold.woff2?v=3.19") format("woff2"),
+       url("Inter-Bold.woff?v=3.19") format("woff");
+}
+@font-face {
+  font-family: 'Inter';
+  font-style:  italic;
+  font-weight: 700;
+  font-display: swap;
+  src: url("Inter-BoldItalic.woff2?v=3.19") format("woff2"),
+       url("Inter-BoldItalic.woff?v=3.19") format("woff");
+}
+
+@font-face {
+  font-family: 'Inter';
+  font-style:  normal;
+  font-weight: 800;
+  font-display: swap;
+  src: url("Inter-ExtraBold.woff2?v=3.19") format("woff2"),
+       url("Inter-ExtraBold.woff?v=3.19") format("woff");
+}
+@font-face {
+  font-family: 'Inter';
+  font-style:  italic;
+  font-weight: 800;
+  font-display: swap;
+  src: url("Inter-ExtraBoldItalic.woff2?v=3.19") format("woff2"),
+       url("Inter-ExtraBoldItalic.woff?v=3.19") format("woff");
+}
+
+@font-face {
+  font-family: 'Inter';
+  font-style:  normal;
+  font-weight: 900;
+  font-display: swap;
+  src: url("Inter-Black.woff2?v=3.19") format("woff2"),
+       url("Inter-Black.woff?v=3.19") format("woff");
+}
+@font-face {
+  font-family: 'Inter';
+  font-style:  italic;
+  font-weight: 900;
+  font-display: swap;
+  src: url("Inter-BlackItalic.woff2?v=3.19") format("woff2"),
+       url("Inter-BlackItalic.woff?v=3.19") format("woff");
+}
+
+/* -------------------------------------------------------
+Variable font.
+Usage:
+
+  html { font-family: 'Inter', sans-serif; }
+  @supports (font-variation-settings: normal) {
+    html { font-family: 'Inter var', sans-serif; }
+  }
+*/
+@font-face {
+  font-family: 'Inter var';
+  font-weight: 100 900;
+  font-display: swap;
+  font-style: normal;
+  font-named-instance: 'Regular';
+  src: url("Inter-roman.var.woff2?v=3.19") format("woff2");
+}
+@font-face {
+  font-family: 'Inter var';
+  font-weight: 100 900;
+  font-display: swap;
+  font-style: italic;
+  font-named-instance: 'Italic';
+  src: url("Inter-italic.var.woff2?v=3.19") format("woff2");
+}
+
+
+/* --------------------------------------------------------------------------
+[EXPERIMENTAL] Multi-axis, single variable font.
+
+Slant axis is not yet widely supported (as of February 2019) and thus this
+multi-axis single variable font is opt-in rather than the default.
+
+When using this, you will probably need to set font-variation-settings
+explicitly, e.g.
+
+  * { font-variation-settings: "slnt" 0deg }
+  .italic { font-variation-settings: "slnt" 10deg }
+
+*/
+@font-face {
+  font-family: 'Inter var experimental';
+  font-weight: 100 900;
+  font-display: swap;
+  font-style: oblique 0deg 10deg;
+  src: url("Inter.var.woff2?v=3.19") format("woff2");
+}

package/hooks/useChains.js

@@ -23,10 +23,10 @@ import { useQuery } from 'react-query';
 import { LiFi } from '../lifi';
 import { useWidgetConfig } from '../providers/WidgetProvider';
 export const useChains = () => {
-    const { enabledChains } = useWidgetConfig();
+    const { disabledChains } = useWidgetConfig();
     const _a = useQuery(['chains'], () => __awaiter(void 0, void 0, void 0, function* () {
         const chains = yield LiFi.getChains();
-        return chains.filter((chain) => enabledChains.includes(chain.id));
+        return chains.filter((chain) => !(disabledChains === null || disabledChains === void 0 ? void 0 : disabledChains.includes(chain.id)));
     })), { data } = _a, other = __rest(_a, ["data"]);
     const getChainById = useCallback((chainId) => {
         const chain = data === null || data === void 0 ? void 0 : data.find((chain) => chain.id === chainId);

package/hooks/useDebouncedWatch.js

@@ -5,18 +5,23 @@ export const useDebouncedWatch = (name, delay) => {
         name,
     });
     const [debouncedValue, setDebouncedValue] = useState(watchedValue);
+    const debouncedValueRef = useRef();
     const isMounted = useRef(false);
     useEffect(() => {
         if (isMounted.current) {
             const hasWatchedValue = Array.isArray(watchedValue)
                 ? watchedValue.some((value) => value)
-                : watchedValue;
-            if (hasWatchedValue) {
+                : Boolean(watchedValue);
+            const hasDebouncedValue = Array.isArray(debouncedValueRef.current)
+                ? debouncedValueRef.current.some((value) => value)
+                : Boolean(debouncedValueRef.current);
+            if (hasWatchedValue && hasDebouncedValue) {
                 const handler = setTimeout(() => {
                     setDebouncedValue(watchedValue);
                 }, delay);
                 return () => clearTimeout(handler);
             }
+            debouncedValueRef.current = watchedValue;
             setDebouncedValue(watchedValue);
             return undefined;
         }

package/hooks/useRouteExecution/useRouteExecution.js

@@ -15,9 +15,9 @@ import { useWallet } from '../../providers/WalletProvider';
 import { deepClone } from '../../utils/deepClone';
 import { useRouteStore } from './useRouteStore';
 export const useRouteExecution = (routeId) => {
+    const { account, switchChain } = useWallet();
     const { route, status } = useRouteStore((state) => state.routes[routeId]);
     const [updateRoute, restartRoute, removeRoute] = useRouteStore((state) => [state.updateRoute, state.restartRoute, state.removeRoute], shallow);
-    const { account, switchChain } = useWallet();
     const updateCallback = (updatedRoute) => {
         console.log('Route updated.', updatedRoute);
         updateRoute(deepClone(updatedRoute));
@@ -104,9 +104,9 @@ export const useRouteExecution = (routeId) => {
     }, [resumeRouteMutation, routeId]);
     const restartRouteMutation = useCallback(() => {
         restartRoute(routeId);
-        resumeRoute(useRouteStore.getState().routes[routeId].route);
+        resumeRoute(route);
         // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [resumeRoute, routeId]);
+    }, [resumeRoute, route, routeId]);
     const removeRouteMutation = useCallback(() => {
         removeRoute(routeId);
         // eslint-disable-next-line react-hooks/exhaustive-deps

package/hooks/useSwapRoutes.js

@@ -9,7 +9,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
 };
 import { useEffect } from 'react';
 import { useWatch } from 'react-hook-form';
-import { useQuery } from 'react-query';
+import { useQuery, useQueryClient } from 'react-query';
 import { useDebouncedWatch, useToken } from '.';
 import { LiFi } from '../lifi';
 import { SwapFormKey } from '../providers/SwapFormProvider';
@@ -17,9 +17,11 @@ import { useWallet } from '../providers/WalletProvider';
 import { useCurrentRoute } from './useRouteExecution';
 const refetchTime = 60000;
 export const useSwapRoutes = () => {
+    var _a;
     const { account } = useWallet();
+    const queryClient = useQueryClient();
     const [currentRoute, setCurrentRoute] = useCurrentRoute();
-    const [fromChainId, fromTokenAddress, toChainId, toTokenAddress, slippage, enabledBridges, enabledExchanges,] = useWatch({
+    const [fromChainId, fromTokenAddress, toChainId, toTokenAddress, slippage, enabledBridges, enabledExchanges, routePriority,] = useWatch({
         name: [
             SwapFormKey.FromChain,
             SwapFormKey.FromToken,
@@ -28,6 +30,7 @@ export const useSwapRoutes = () => {
             SwapFormKey.Slippage,
             SwapFormKey.EnabledBridges,
             SwapFormKey.EnabledExchanges,
+            SwapFormKey.RoutePriority,
         ],
     });
     const [fromTokenAmount] = useDebouncedWatch([SwapFormKey.FromAmount], 500);
@@ -40,7 +43,7 @@ export const useSwapRoutes = () => {
         Boolean(fromTokenAmount) &&
         !isNaN(fromTokenAmount) &&
         !isNaN(slippage);
-    const { data, isLoading, isFetching, dataUpdatedAt, refetch } = useQuery([
+    const queryKey = [
         'routes',
         account.address,
         fromChainId,
@@ -51,13 +54,19 @@ export const useSwapRoutes = () => {
         slippage,
         enabledBridges,
         enabledExchanges,
-    ], ({ queryKey: [_, address, fromChainId, fromTokenAddress, fromTokenAmount, toChainId, toTokenAddress, slippage, enabledBridges, enabledExchanges,], signal, }) => __awaiter(void 0, void 0, void 0, function* () {
-        var _a;
+        routePriority,
+    ];
+    const previousDataUpdatedAt = (_a = queryClient.getQueryState(queryKey)) === null || _a === void 0 ? void 0 : _a.dataUpdatedAt;
+    const refetchInterval = previousDataUpdatedAt
+        ? Math.min(Math.abs(refetchTime - (Date.now() - previousDataUpdatedAt)), refetchTime)
+        : refetchTime;
+    const { data, isLoading, isFetching, dataUpdatedAt, refetch } = useQuery(queryKey, ({ queryKey: [_, address, fromChainId, fromTokenAddress, fromTokenAmount, toChainId, toTokenAddress, slippage, enabledBridges, enabledExchanges, routePriority,], signal, }) => __awaiter(void 0, void 0, void 0, function* () {
+        var _b;
         return LiFi.getRoutes({
             fromChainId,
             // TODO: simplify
             fromAmount: (Number(fromTokenAmount) *
-                Math.pow(10, ((_a = token === null || token === void 0 ? void 0 : token.decimals) !== null && _a !== void 0 ? _a : 0))).toFixed(0),
+                Math.pow(10, ((_b = token === null || token === void 0 ? void 0 : token.decimals) !== null && _b !== void 0 ? _b : 0))).toFixed(0),
             fromTokenAddress,
             toChainId,
             toTokenAddress,
@@ -71,14 +80,14 @@ export const useSwapRoutes = () => {
                 exchanges: {
                     allow: enabledExchanges,
                 },
+                order: routePriority,
             },
         }, { signal });
     }), {
         enabled: isEnabled,
         refetchIntervalInBackground: true,
-        refetchInterval: refetchTime,
+        refetchInterval,
         staleTime: refetchTime,
-        // TODO: probably should be removed
         cacheTime: refetchTime,
     });
     useEffect(() => {