@lifi/widget 1.31.0 → 1.32.0

package/config/theme.js

@@ -42,10 +42,12 @@ const shape = {
     borderRadiusSecondary: 8,
 };
 export const createTheme = (mode, theme = {}) => {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w;
-    const primaryMainColor = (_c = (_b = (_a = theme.palette) === null || _a === void 0 ? void 0 : _a.primary) === null || _b === void 0 ? void 0 : _b.main) !== null && _c !== void 0 ? _c : palette.primary.main;
-    const primaryLightColor = lighten((_f = (_e = (_d = theme.palette) === null || _d === void 0 ? void 0 : _d.primary) === null || _e === void 0 ? void 0 : _e.main) !== null && _f !== void 0 ? _f : palette.primary.main, 0.5);
-    const primaryDarkColor = darken((_j = (_h = (_g = theme.palette) === null || _g === void 0 ? void 0 : _g.primary) === null || _h === void 0 ? void 0 : _h.main) !== null && _j !== void 0 ? _j : palette.primary.main, 0.2);
+    const primaryMainColor = theme.palette?.primary?.main ??
+        palette.primary.main;
+    const primaryLightColor = lighten(theme.palette?.primary?.main ??
+        palette.primary.main, 0.5);
+    const primaryDarkColor = darken(theme.palette?.primary?.main ??
+        palette.primary.main, 0.2);
     const contrastButtonColor = getContrastRatio(common.white, primaryMainColor) >= 3
         ? common.white
         : common.black;
@@ -53,17 +55,33 @@ export const createTheme = (mode, theme = {}) => {
         ? common.white
         : common.black;
     return createMuiTheme({
-        typography: Object.assign({ fontFamily: 'Inter var, Inter, sans-serif' }, theme.typography),
-        palette: Object.assign(Object.assign(Object.assign(Object.assign({ mode }, palette), (mode === 'light' ? paletteLight : paletteDark)), theme.palette), { primary: {
+        typography: {
+            fontFamily: 'Inter var, Inter, sans-serif',
+            ...theme.typography,
+        },
+        palette: {
+            mode,
+            ...palette,
+            ...(mode === 'light' ? paletteLight : paletteDark),
+            ...theme.palette,
+            primary: {
                 main: primaryMainColor,
                 light: primaryLightColor,
                 dark: primaryDarkColor,
-            }, secondary: {
-                main: (_m = (_l = (_k = theme.palette) === null || _k === void 0 ? void 0 : _k.secondary) === null || _l === void 0 ? void 0 : _l.main) !== null && _m !== void 0 ? _m : palette.secondary.main,
-                light: lighten((_q = (_p = (_o = theme.palette) === null || _o === void 0 ? void 0 : _o.secondary) === null || _p === void 0 ? void 0 : _p.main) !== null && _q !== void 0 ? _q : palette.secondary.main, 0.5),
-                dark: darken((_t = (_s = (_r = theme.palette) === null || _r === void 0 ? void 0 : _r.secondary) === null || _s === void 0 ? void 0 : _s.main) !== null && _t !== void 0 ? _t : palette.secondary.main, 0.2),
-            } }),
-        shape: Object.assign(Object.assign({}, shape), theme.shape),
+            },
+            secondary: {
+                main: theme.palette?.secondary?.main ??
+                    palette.secondary.main,
+                light: lighten(theme.palette?.secondary?.main ??
+                    palette.secondary.main, 0.5),
+                dark: darken(theme.palette?.secondary?.main ??
+                    palette.secondary.main, 0.2),
+            },
+        },
+        shape: {
+            ...shape,
+            ...theme.shape,
+        },
         breakpoints: {
             values: {
                 xs: 0,
@@ -76,7 +94,14 @@ export const createTheme = (mode, theme = {}) => {
         components: {
             MuiScopedCssBaseline: {
                 styleOverrides: {
-                    root: Object.assign(Object.assign({ fontFamily: 'Inter, sans-serif' }, theme.typography), { '@supports (font-variation-settings: normal)': Object.assign({ fontFamily: 'Inter var, sans-serif' }, theme.typography) }),
+                    root: {
+                        fontFamily: 'Inter, sans-serif',
+                        ...theme.typography,
+                        '@supports (font-variation-settings: normal)': {
+                            fontFamily: 'Inter var, sans-serif',
+                            ...theme.typography,
+                        },
+                    },
                 },
             },
             MuiButton: {
@@ -85,7 +110,7 @@ export const createTheme = (mode, theme = {}) => {
                 },
                 styleOverrides: {
                     root: {
-                        borderRadius: (_v = (_u = theme.shape) === null || _u === void 0 ? void 0 : _u.borderRadiusSecondary) !== null && _v !== void 0 ? _v : shape.borderRadiusSecondary,
+                        borderRadius: theme.shape?.borderRadiusSecondary ?? shape.borderRadiusSecondary,
                         textTransform: 'none',
                         fontSize: '1rem',
                         [`&.Mui-disabled, &.Mui-disabled:hover`]: {
@@ -142,12 +167,15 @@ export const createTheme = (mode, theme = {}) => {
                     },
                 },
             },
-            MuiAvatar: Object.assign({ styleOverrides: {
+            MuiAvatar: {
+                styleOverrides: {
                     root: {
                         height: 32,
                         width: 32,
                     },
-                } }, (_w = theme.components) === null || _w === void 0 ? void 0 : _w.MuiAvatar),
+                },
+                ...theme.components?.MuiAvatar,
+            },
             MuiListItemAvatar: {
                 styleOverrides: {
                     root: {

package/config/version.d.ts

@@ -1,2 +1,2 @@
 export declare const name = "@lifi/widget";
-export declare const version = "1.31.0";
+export declare const version = "1.32.0";

package/config/version.js

@@ -1,2 +1,2 @@
 export const name = '@lifi/widget';
-export const version = '1.31.0';
+export const version = '1.32.0';

package/hooks/useChain.js

@@ -3,7 +3,7 @@ import { useChains } from './useChains';
 export const useChain = (chainId) => {
     const { chains, isLoading } = useChains();
     const chain = useMemo(() => {
-        const chain = chains === null || chains === void 0 ? void 0 : chains.find((chain) => chain.id === chainId);
+        const chain = chains?.find((chain) => chain.id === chainId);
         return chain;
     }, [chainId, chains]);
     return {

package/hooks/useChains.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 { useQuery } from '@tanstack/react-query';
 import { useCallback } from 'react';
 import { useFormContext } from 'react-hook-form';
@@ -17,8 +8,8 @@ export const useChains = () => {
     const lifi = useLiFi();
     const { getValues, setValue } = useFormContext();
     const initializeChains = useChainOrderStore((state) => state.initializeChains);
-    const { data, isLoading } = useQuery(['chains'], () => __awaiter(void 0, void 0, void 0, function* () {
-        const availableChains = yield lifi.getChains();
+    const { data, isLoading } = useQuery(['chains'], async () => {
+        const availableChains = await lifi.getChains();
         const filteredChains = availableChains.filter((chain) => isItemAllowed(chain.id, chains, disabledChains));
         const chainOrder = initializeChains(filteredChains.map((chain) => chain.id));
         const [fromChainValue, toChainValue] = getValues([
@@ -32,16 +23,16 @@ export const useChains = () => {
             setValue(SwapFormKey.ToChain, chainOrder[0]);
         }
         return { availableChains, filteredChains };
-    }), {
+    }, {
         refetchInterval: 180000,
         staleTime: 180000,
     });
     const getChainById = useCallback((chainId) => {
-        const chain = data === null || data === void 0 ? void 0 : data.availableChains.find((chain) => chain.id === chainId);
+        const chain = data?.availableChains.find((chain) => chain.id === chainId);
         // if (!chain) {
         //   throw new Error('Chain not found or chainId is invalid.');
         // }
         return chain;
     }, [data]);
-    return { chains: data === null || data === void 0 ? void 0 : data.filteredChains, getChainById, isLoading };
+    return { chains: data?.filteredChains, getChainById, isLoading };
 };

package/hooks/useContentHeight.js

@@ -27,11 +27,10 @@ export const useContentHeight = () => {
 export const useSetContentHeight = (ref) => {
     const elementId = useDefaultElementId();
     useLayoutEffect(() => {
-        var _a;
         const scrollableContainer = getScrollableContainer(elementId);
         if (!scrollableContainer ||
             !ref.current ||
-            ((_a = ref.current) === null || _a === void 0 ? void 0 : _a.clientHeight) <= (scrollableContainer === null || scrollableContainer === void 0 ? void 0 : scrollableContainer.clientHeight)) {
+            ref.current?.clientHeight <= scrollableContainer?.clientHeight) {
             return;
         }
         scrollableContainer.style.height = `${ref.current.clientHeight}px`;

package/hooks/useFeaturedTokens.js

@@ -2,8 +2,5 @@ import { useMemo } from 'react';
 import { useWidgetConfig } from '../providers';
 export const useFeaturedTokens = (selectedChainId) => {
     const { featuredTokens, tokens } = useWidgetConfig();
-    return useMemo(() => {
-        var _a;
-        return [...((_a = tokens === null || tokens === void 0 ? void 0 : tokens.featured) !== null && _a !== void 0 ? _a : []), ...(featuredTokens !== null && featuredTokens !== void 0 ? featuredTokens : [])].filter((token) => token.chainId === selectedChainId);
-    }, [featuredTokens, selectedChainId, tokens === null || tokens === void 0 ? void 0 : tokens.featured]);
+    return useMemo(() => [...(tokens?.featured ?? []), ...(featuredTokens ?? [])].filter((token) => token.chainId === selectedChainId), [featuredTokens, selectedChainId, tokens?.featured]);
 };

package/hooks/useGasSufficiency.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 { useQuery } from '@tanstack/react-query';
 import Big from 'big.js';
 import { useChains } from '.';
@@ -17,9 +8,8 @@ const refetchInterval = 30000;
 export const useGasSufficiency = (route) => {
     const { account } = useWallet();
     const { getChainById } = useChains();
-    const { token: fromToken, getTokenBalancesWithRetry } = useTokenBalance(route === null || route === void 0 ? void 0 : route.fromToken);
-    const { data: insufficientGas, isInitialLoading: insufficientGasLoading } = useQuery(['gas-sufficiency-check', account.address, route === null || route === void 0 ? void 0 : route.id], () => __awaiter(void 0, void 0, void 0, function* () {
-        var _a, _b;
+    const { token: fromToken, getTokenBalancesWithRetry } = useTokenBalance(route?.fromToken);
+    const { data: insufficientGas, isInitialLoading: insufficientGasLoading } = useQuery(['gas-sufficiency-check', account.address, route?.id], async () => {
         if (!account.address || !route) {
             return null;
         }
@@ -30,7 +20,7 @@ export const useGasSufficiency = (route) => {
                 const { token } = step.estimate.gasCosts[0];
                 const gasCostAmount = step.estimate.gasCosts
                     .reduce((amount, gasCost) => amount.plus(Big(gasCost.amount || 0)), Big(0))
-                    .div(Math.pow(10, token.decimals));
+                    .div(10 ** token.decimals);
                 const groupedGasCost = groupedGasCosts[token.chainId];
                 const gasAmount = groupedGasCost
                     ? groupedGasCost.gasAmount.plus(gasCostAmount)
@@ -44,59 +34,63 @@ export const useGasSufficiency = (route) => {
             }
             return groupedGasCosts;
         }, {});
-        if (route.fromToken.address === ((_a = gasCosts[route.fromChainId]) === null || _a === void 0 ? void 0 : _a.token.address)) {
-            gasCosts[route.fromChainId].tokenAmount = (_b = gasCosts[route.fromChainId]) === null || _b === void 0 ? void 0 : _b.gasAmount.plus(Big(route.fromAmount).div(Math.pow(10, route.fromToken.decimals)));
+        if (route.fromToken.address === gasCosts[route.fromChainId]?.token.address) {
+            gasCosts[route.fromChainId].tokenAmount = gasCosts[route.fromChainId]?.gasAmount.plus(Big(route.fromAmount).div(10 ** route.fromToken.decimals));
         }
-        const tokenBalances = yield getTokenBalancesWithRetry(account.address, Object.values(gasCosts).map((item) => item.token));
-        if (!(tokenBalances === null || tokenBalances === void 0 ? void 0 : tokenBalances.length)) {
+        const tokenBalances = await getTokenBalancesWithRetry(account.address, Object.values(gasCosts).map((item) => item.token));
+        if (!tokenBalances?.length) {
             return null;
         }
         [route.fromChainId, route.toChainId].forEach((chainId) => {
-            var _a, _b, _c, _d, _e, _f;
             if (gasCosts[chainId]) {
-                const gasTokenBalance = Big((_b = (_a = tokenBalances === null || tokenBalances === void 0 ? void 0 : tokenBalances.find((t) => t.chainId === gasCosts[chainId].token.chainId &&
-                    t.address === gasCosts[chainId].token.address)) === null || _a === void 0 ? void 0 : _a.amount) !== null && _b !== void 0 ? _b : 0);
+                const gasTokenBalance = Big(tokenBalances?.find((t) => t.chainId === gasCosts[chainId].token.chainId &&
+                    t.address === gasCosts[chainId].token.address)?.amount ?? 0);
                 const insufficient = gasTokenBalance.lte(0) ||
-                    gasTokenBalance.lt((_c = gasCosts[chainId].gasAmount) !== null && _c !== void 0 ? _c : Big(0)) ||
-                    gasTokenBalance.lt((_d = gasCosts[chainId].tokenAmount) !== null && _d !== void 0 ? _d : Big(0));
+                    gasTokenBalance.lt(gasCosts[chainId].gasAmount ?? Big(0)) ||
+                    gasTokenBalance.lt(gasCosts[chainId].tokenAmount ?? Big(0));
                 const insufficientAmount = insufficient
-                    ? (_f = (_e = gasCosts[chainId].tokenAmount) === null || _e === void 0 ? void 0 : _e.minus(gasTokenBalance)) !== null && _f !== void 0 ? _f : gasCosts[chainId].gasAmount.minus(gasTokenBalance)
+                    ? gasCosts[chainId].tokenAmount?.minus(gasTokenBalance) ??
+                        gasCosts[chainId].gasAmount.minus(gasTokenBalance)
                     : undefined;
-                gasCosts[chainId] = Object.assign(Object.assign({}, gasCosts[chainId]), { insufficient, insufficientAmount: insufficientAmount === null || insufficientAmount === void 0 ? void 0 : insufficientAmount.round(5, Big.roundUp), chain: insufficient ? getChainById(chainId) : undefined });
+                gasCosts[chainId] = {
+                    ...gasCosts[chainId],
+                    insufficient,
+                    insufficientAmount: insufficientAmount?.round(5, Big.roundUp),
+                    chain: insufficient ? getChainById(chainId) : undefined,
+                };
             }
         });
         const gasCostResult = Object.values(gasCosts).filter((gasCost) => gasCost.insufficient);
         return gasCostResult;
-    }), {
+    }, {
         enabled: Boolean(account.address && route),
         refetchInterval,
         staleTime: refetchInterval,
         cacheTime: refetchInterval,
     });
-    const { data: insufficientFunds, isInitialLoading: insufficientFundsLoading, } = useQuery(['funds-sufficiency-check', account.address, route === null || route === void 0 ? void 0 : route.id], () => __awaiter(void 0, void 0, void 0, function* () {
-        var _c, _d, _e, _f;
+    const { data: insufficientFunds, isInitialLoading: insufficientFundsLoading, } = useQuery(['funds-sufficiency-check', account.address, route?.id], async () => {
         if (!account.address || !fromToken || !route || isRouteDone(route)) {
             return null;
         }
-        let currentTokenBalance = Big((_c = fromToken === null || fromToken === void 0 ? void 0 : fromToken.amount) !== null && _c !== void 0 ? _c : 0);
-        const currentAction = (_d = route.steps.filter((step) => !step.execution || step.execution.status !== 'DONE')[0]) === null || _d === void 0 ? void 0 : _d.action;
+        let currentTokenBalance = Big(fromToken?.amount ?? 0);
+        const currentAction = route.steps.filter((step) => !step.execution || step.execution.status !== 'DONE')[0]?.action;
         if (fromToken.chainId === currentAction.fromToken.chainId &&
             fromToken.address === currentAction.fromToken.address &&
             currentTokenBalance.gt(0)) {
             const insufficientFunds = Big(route.fromAmount)
-                .div(Math.pow(10, route.fromToken.decimals))
+                .div(10 ** route.fromToken.decimals)
                 .gt(currentTokenBalance);
             return insufficientFunds;
         }
-        const tokenBalances = yield getTokenBalancesWithRetry(account.address, [
+        const tokenBalances = await getTokenBalancesWithRetry(account.address, [
             currentAction.fromToken,
         ]);
-        currentTokenBalance = Big((_f = (_e = tokenBalances === null || tokenBalances === void 0 ? void 0 : tokenBalances[0]) === null || _e === void 0 ? void 0 : _e.amount) !== null && _f !== void 0 ? _f : 0);
+        currentTokenBalance = Big(tokenBalances?.[0]?.amount ?? 0);
         const insufficientFunds = Big(currentAction.fromAmount)
-            .div(Math.pow(10, currentAction.fromToken.decimals))
+            .div(10 ** currentAction.fromToken.decimals)
             .gt(currentTokenBalance);
         return insufficientFunds;
-    }), {
+    }, {
         enabled: Boolean(account.address && route && fromToken),
         refetchInterval,
         staleTime: refetchInterval,

package/hooks/useProcessMessage.js

@@ -65,16 +65,12 @@ const processSubstatusMessages = {
     NOT_FOUND: {},
 };
 export function getProcessMessage(t, getChainById, step, process) {
-    var _a, _b, _c, _d, _e, _f, _g;
     if (process.error && process.status === 'FAILED') {
-        const getTransactionNotSentMessage = () => {
-            var _a, _b;
-            return t(`swap.error.message.transactionNotSent`, {
-                amount: formatTokenAmount(step.action.fromAmount, step.action.fromToken.decimals),
-                tokenSymbol: step.action.fromToken.symbol,
-                chainName: (_b = (_a = getChainById(step.action.fromChainId)) === null || _a === void 0 ? void 0 : _a.name) !== null && _b !== void 0 ? _b : '',
-            });
-        };
+        const getTransactionNotSentMessage = () => t(`swap.error.message.transactionNotSent`, {
+            amount: formatTokenAmount(step.action.fromAmount, step.action.fromToken.decimals),
+            tokenSymbol: step.action.fromToken.symbol,
+            chainName: getChainById(step.action.fromChainId)?.name ?? '',
+        });
         let title = '';
         let message = '';
         switch (process.error.code) {
@@ -115,7 +111,7 @@ export function getProcessMessage(t, getChainById, step, process) {
                 message = t(`swap.error.message.transactionRejected`, {
                     amount: formatTokenAmount(step.action.fromAmount, step.action.fromToken.decimals),
                     tokenSymbol: step.action.fromToken.symbol,
-                    chainName: (_b = (_a = getChainById(step.action.fromChainId)) === null || _a === void 0 ? void 0 : _a.name) !== null && _b !== void 0 ? _b : '',
+                    chainName: getChainById(step.action.fromChainId)?.name ?? '',
                 });
                 break;
             case LifiErrorCode.ProviderUnavailable:
@@ -131,6 +127,6 @@ export function getProcessMessage(t, getChainById, step, process) {
         }
         return { title, message };
     }
-    const title = (_e = (_d = (_c = processSubstatusMessages[process.status]) === null || _c === void 0 ? void 0 : _c[process.substatus]) === null || _d === void 0 ? void 0 : _d.call(_c, t)) !== null && _e !== void 0 ? _e : (_g = (_f = processStatusMessages[process.type]) === null || _f === void 0 ? void 0 : _f[process.status]) === null || _g === void 0 ? void 0 : _g.call(_f, t);
+    const title = processSubstatusMessages[process.status]?.[process.substatus]?.(t) ?? processStatusMessages[process.type]?.[process.status]?.(t);
     return { title };
 }

package/hooks/useRouteExecution.js

@@ -1,19 +1,9 @@
-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 { useMutation, useQueryClient } from '@tanstack/react-query';
 import { useCallback, useEffect, useRef } from 'react';
 import { shallow } from 'zustand/shallow';
 import { useLiFi, useWallet } from '../providers';
 import { getUpdatedProcess, isRouteActive, isRouteDone, isRouteFailed, useRouteExecutionStore, useRouteExecutionStoreContext, } from '../stores';
 import { WidgetEvent } from '../types/events';
-import { deepClone } from '../utils';
 import { useWidgetEvents } from './useWidgetEvents';
 export const useRouteExecution = ({ routeId, executeInBackground, onAcceptExchangeRateUpdate, }) => {
     const lifi = useLiFi();
@@ -29,7 +19,7 @@ export const useRouteExecution = ({ routeId, executeInBackground, onAcceptExchan
         if (!routeExecution) {
             return;
         }
-        const clonedUpdatedRoute = deepClone(updatedRoute);
+        const clonedUpdatedRoute = structuredClone(updatedRoute);
         updateRoute(clonedUpdatedRoute);
         const process = getUpdatedProcess(routeExecution.route, clonedUpdatedRoute);
         if (process) {
@@ -49,31 +39,31 @@ export const useRouteExecution = ({ routeId, executeInBackground, onAcceptExchan
         }
         console.log('Route updated.', clonedUpdatedRoute);
     };
-    const switchChainHook = (requiredChainId) => __awaiter(void 0, void 0, void 0, function* () {
+    const switchChainHook = async (requiredChainId) => {
         if (!account.isActive || !account.signer) {
             return account.signer;
         }
-        const currentChainId = yield account.signer.getChainId();
+        const currentChainId = await account.signer.getChainId();
         if (currentChainId !== requiredChainId) {
-            const switched = yield switchChain(requiredChainId);
+            const switched = await switchChain(requiredChainId);
             if (!switched) {
                 throw new Error('Chain was not switched.');
             }
         }
         return account.signer;
-    });
-    const acceptExchangeRateUpdateHook = (params) => __awaiter(void 0, void 0, void 0, function* () {
+    };
+    const acceptExchangeRateUpdateHook = async (params) => {
         if (!onAcceptExchangeRateUpdate) {
             return false;
         }
-        const accepted = yield new Promise((resolve) => onAcceptExchangeRateUpdate(resolve, params));
+        const accepted = await new Promise((resolve) => onAcceptExchangeRateUpdate(resolve, params));
         return accepted;
-    });
+    };
     const executeRouteMutation = useMutation(() => {
         if (!account.signer) {
             throw Error('Account signer not found.');
         }
-        if (!(routeExecution === null || routeExecution === void 0 ? void 0 : routeExecution.route)) {
+        if (!routeExecution?.route) {
             throw Error('Execution route not found.');
         }
         queryClient.removeQueries(['routes']);
@@ -96,10 +86,10 @@ export const useRouteExecution = ({ routeId, executeInBackground, onAcceptExchan
         if (!account.signer) {
             throw Error('Account signer not found.');
         }
-        if (!(routeExecution === null || routeExecution === void 0 ? void 0 : routeExecution.route)) {
+        if (!routeExecution?.route) {
             throw Error('Execution route not found.');
         }
-        return lifi.resumeRoute(account.signer, resumedRoute !== null && resumedRoute !== void 0 ? resumedRoute : routeExecution.route, {
+        return lifi.resumeRoute(account.signer, resumedRoute ?? routeExecution.route, {
             updateCallback,
             switchChainHook,
             acceptExchangeRateUpdateHook,
@@ -135,9 +125,9 @@ export const useRouteExecution = ({ routeId, executeInBackground, onAcceptExchan
     }, [resumeRouteMutation, routeId]);
     const restartRouteMutation = useCallback(() => {
         restartRoute(routeId);
-        resumeRoute(routeExecution === null || routeExecution === void 0 ? void 0 : routeExecution.route);
+        resumeRoute(routeExecution?.route);
         // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [resumeRoute, routeExecution === null || routeExecution === void 0 ? void 0 : routeExecution.route, routeId]);
+    }, [resumeRoute, routeExecution?.route, routeId]);
     const deleteRouteMutation = useCallback(() => {
         deleteRoute(routeId);
         // eslint-disable-next-line react-hooks/exhaustive-deps
@@ -145,7 +135,7 @@ export const useRouteExecution = ({ routeId, executeInBackground, onAcceptExchan
     // Resume route execution after page reload
     useEffect(() => {
         // Check if route is eligible for automatic resuming
-        if (isRouteActive(routeExecution === null || routeExecution === void 0 ? void 0 : routeExecution.route) &&
+        if (isRouteActive(routeExecution?.route) &&
             account.isActive &&
             !resumedAfterMount.current) {
             resumedAfterMount.current = true;
@@ -155,8 +145,7 @@ export const useRouteExecution = ({ routeId, executeInBackground, onAcceptExchan
     }, [account.isActive]);
     useEffect(() => {
         return () => {
-            var _a;
-            const route = (_a = routeExecutionStoreContext.getState().routes[routeId]) === null || _a === void 0 ? void 0 : _a.route;
+            const route = routeExecutionStoreContext.getState().routes[routeId]?.route;
             if (!route || !isRouteActive(route)) {
                 return;
             }
@@ -169,7 +158,7 @@ export const useRouteExecution = ({ routeId, executeInBackground, onAcceptExchan
         executeRoute,
         restartRoute: restartRouteMutation,
         deleteRoute: deleteRouteMutation,
-        route: routeExecution === null || routeExecution === void 0 ? void 0 : routeExecution.route,
-        status: routeExecution === null || routeExecution === void 0 ? void 0 : routeExecution.status,
+        route: routeExecution?.route,
+        status: routeExecution?.status,
     };
 };

package/hooks/useSwapRoutes.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 { isAddress } from '@ethersproject/address';
 import { LifiErrorCode } from '@lifi/sdk';
 import { useQuery, useQueryClient } from '@tanstack/react-query';
@@ -18,7 +9,6 @@ import { SwapFormKey, useLiFi, useWallet, useWidgetConfig } from '../providers';
 import { useSettings } from '../stores';
 const refetchTime = 60000;
 export const useSwapRoutes = () => {
-    var _a, _b;
     const lifi = useLiFi();
     const { variant, sdkConfig } = useWidgetConfig();
     const { account, provider } = useWallet();
@@ -52,8 +42,8 @@ export const useSwapRoutes = () => {
         : true;
     const isEnabled = !isNaN(fromChainId) &&
         !isNaN(toChainId) &&
-        Boolean(fromToken === null || fromToken === void 0 ? void 0 : fromToken.address) &&
-        Boolean(toToken === null || toToken === void 0 ? void 0 : toToken.address) &&
+        Boolean(fromToken?.address) &&
+        Boolean(toToken?.address) &&
         !Number.isNaN(slippage) &&
         hasAmount &&
         contractCallQuoteEnabled;
@@ -61,11 +51,11 @@ export const useSwapRoutes = () => {
         'routes',
         account.address,
         fromChainId,
-        fromToken === null || fromToken === void 0 ? void 0 : fromToken.address,
+        fromToken?.address,
         fromTokenAmount,
         toAddress,
         toChainId,
-        toToken === null || toToken === void 0 ? void 0 : toToken.address,
+        toToken?.address,
         toTokenAmount,
         toContractAddress,
         toContractCallData,
@@ -75,28 +65,28 @@ export const useSwapRoutes = () => {
         enabledExchanges,
         routePriority,
         variant,
-        (_a = sdkConfig === null || sdkConfig === void 0 ? void 0 : sdkConfig.defaultRouteOptions) === null || _a === void 0 ? void 0 : _a.allowSwitchChain,
+        sdkConfig?.defaultRouteOptions?.allowSwitchChain,
     ];
-    const previousDataUpdatedAt = (_b = queryClient.getQueryState(queryKey)) === null || _b === void 0 ? void 0 : _b.dataUpdatedAt;
+    const previousDataUpdatedAt = queryClient.getQueryState(queryKey)?.dataUpdatedAt;
     const refetchInterval = previousDataUpdatedAt
         ? Math.min(Math.abs(refetchTime - (Date.now() - previousDataUpdatedAt)), refetchTime)
         : refetchTime;
-    const { data, isLoading, isFetching, isFetched, dataUpdatedAt, refetch } = useQuery(queryKey, ({ queryKey: [_, fromAddress, fromChainId, fromTokenAddress, fromTokenAmount, toAddress, toChainId, toTokenAddress, toTokenAmount, toContractAddress, toContractCallData, toContractGasLimit, slippage, enabledBridges, enabledExchanges, routePriority, variant, allowSwitchChain,], signal, }) => __awaiter(void 0, void 0, void 0, function* () {
-        var _c, _d, _e;
+    const { data, isLoading, isFetching, isFetched, dataUpdatedAt, refetch } = useQuery(queryKey, async ({ queryKey: [_, fromAddress, fromChainId, fromTokenAddress, fromTokenAmount, toAddress, toChainId, toTokenAddress, toTokenAmount, toContractAddress, toContractCallData, toContractGasLimit, slippage, enabledBridges, enabledExchanges, routePriority, variant, allowSwitchChain,], signal, }) => {
         let toWalletAddress;
         try {
             toWalletAddress =
-                (_c = (yield (provider === null || provider === void 0 ? void 0 : provider.resolveName(toAddress)))) !== null && _c !== void 0 ? _c : (isAddress(toAddress) ? toAddress : fromAddress);
+                (await provider?.resolveName(toAddress)) ??
+                    (isAddress(toAddress) ? toAddress : fromAddress);
         }
-        catch (_f) {
+        catch {
             toWalletAddress = isAddress(toAddress) ? toAddress : fromAddress;
         }
         const fromAmount = Big(fromTokenAmount || 0)
-            .mul(Math.pow(10, ((_d = fromToken === null || fromToken === void 0 ? void 0 : fromToken.decimals) !== null && _d !== void 0 ? _d : 0)))
+            .mul(10 ** (fromToken?.decimals ?? 0))
             .toFixed(0);
         const formattedSlippage = parseFloat(slippage) / 100;
         if (variant === 'nft') {
-            const contractCallQuote = yield lifi.getContractCallQuote({
+            const contractCallQuote = await lifi.getContractCallQuote({
                 fromAddress,
                 fromChain: fromChainId,
                 fromToken: fromTokenAddress,
@@ -125,7 +115,7 @@ export const useSwapRoutes = () => {
                 toAmountMin: toTokenAmount,
                 toToken: toToken,
                 toAddress: toAddress,
-                gasCostUSD: (_e = contractCallQuote.estimate.gasCosts) === null || _e === void 0 ? void 0 : _e[0].amountUSD,
+                gasCostUSD: contractCallQuote.estimate.gasCosts?.[0].amountUSD,
                 steps: [contractCallQuote],
             };
             return { routes: [route] };
@@ -150,20 +140,20 @@ export const useSwapRoutes = () => {
                 allowSwitchChain: variant === 'refuel' ? false : allowSwitchChain,
             },
         }, { signal });
-    }), {
+    }, {
         enabled: isEnabled,
         refetchInterval,
         staleTime: refetchTime,
         cacheTime: refetchTime,
         retry(failureCount, error) {
-            if ((error === null || error === void 0 ? void 0 : error.code) === LifiErrorCode.NotFound) {
+            if (error?.code === LifiErrorCode.NotFound) {
                 return false;
             }
             return true;
         },
     });
     return {
-        routes: data === null || data === void 0 ? void 0 : data.routes,
+        routes: data?.routes,
         isLoading: isEnabled && isLoading,
         isFetching,
         isFetched,

package/hooks/useToken.js

@@ -4,13 +4,13 @@ import { useTokenSearch } from './useTokenSearch';
 export const useToken = (chainId, tokenAddress) => {
     const { tokens, isLoading } = useTokens(chainId);
     const token = useMemo(() => {
-        const token = tokens === null || tokens === void 0 ? void 0 : tokens.find((token) => token.address === tokenAddress && token.chainId === chainId);
+        const token = tokens?.find((token) => token.address === tokenAddress && token.chainId === chainId);
         return token;
     }, [chainId, tokenAddress, tokens]);
     const tokenSearchEnabled = !isLoading && !token;
     const { token: searchedToken, isLoading: isSearchedTokenLoading } = useTokenSearch(chainId, tokenAddress, tokenSearchEnabled);
     return {
-        token: token !== null && token !== void 0 ? token : searchedToken,
+        token: token ?? searchedToken,
         isLoading: isLoading || (tokenSearchEnabled && isSearchedTokenLoading),
     };
 };

package/hooks/useTokenAddressBalance.js

@@ -3,8 +3,7 @@ import { useTokenBalances } from './useTokenBalances';
 export const useTokenAddressBalance = (chainId, tokenAddress) => {
     const { tokens, tokensWithBalance, isBalanceLoading, refetch } = useTokenBalances(chainId);
     const token = useMemo(() => {
-        var _a;
-        const token = (_a = (tokensWithBalance !== null && tokensWithBalance !== void 0 ? tokensWithBalance : tokens)) === null || _a === void 0 ? void 0 : _a.find((token) => token.address === tokenAddress && token.chainId === chainId);
+        const token = (tokensWithBalance ?? tokens)?.find((token) => token.address === tokenAddress && token.chainId === chainId);
         return token;
     }, [chainId, tokenAddress, tokens, tokensWithBalance]);
     return {