@lifi/widget 1.31.1 → 1.32.1

package/cjs/config/theme.js

@@ -45,10 +45,12 @@ const shape = {
     borderRadiusSecondary: 8,
 };
 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 = (0, styles_1.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 = (0, styles_1.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 = (0, styles_1.lighten)(theme.palette?.primary?.main ??
+        palette.primary.main, 0.5);
+    const primaryDarkColor = (0, styles_1.darken)(theme.palette?.primary?.main ??
+        palette.primary.main, 0.2);
     const contrastButtonColor = (0, styles_1.getContrastRatio)(colors_1.common.white, primaryMainColor) >= 3
         ? colors_1.common.white
         : colors_1.common.black;
@@ -56,17 +58,33 @@ const createTheme = (mode, theme = {}) => {
         ? colors_1.common.white
         : colors_1.common.black;
     return (0, styles_1.createTheme)({
-        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: (0, styles_1.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: (0, styles_1.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: (0, styles_1.lighten)(theme.palette?.secondary?.main ??
+                    palette.secondary.main, 0.5),
+                dark: (0, styles_1.darken)(theme.palette?.secondary?.main ??
+                    palette.secondary.main, 0.2),
+            },
+        },
+        shape: {
+            ...shape,
+            ...theme.shape,
+        },
         breakpoints: {
             values: {
                 xs: 0,
@@ -79,7 +97,14 @@ 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: {
@@ -88,7 +113,7 @@ 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`]: {
@@ -145,12 +170,15 @@ 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/cjs/config/version.d.ts

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

package/cjs/config/version.js

@@ -2,4 +2,4 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.version = exports.name = void 0;
 exports.name = '@lifi/widget';
-exports.version = '1.31.1';
+exports.version = '1.32.1';

package/cjs/hooks/useChain.js

@@ -6,7 +6,7 @@ const useChains_1 = require("./useChains");
 const useChain = (chainId) => {
     const { chains, isLoading } = (0, useChains_1.useChains)();
     const chain = (0, react_1.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/cjs/hooks/useChains.js

@@ -1,13 +1,4 @@
 "use strict";
-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());
-    });
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useChains = void 0;
 const react_query_1 = require("@tanstack/react-query");
@@ -20,8 +11,8 @@ const useChains = () => {
     const lifi = (0, providers_1.useLiFi)();
     const { getValues, setValue } = (0, react_hook_form_1.useFormContext)();
     const initializeChains = (0, stores_1.useChainOrderStore)((state) => state.initializeChains);
-    const { data, isLoading } = (0, react_query_1.useQuery)(['chains'], () => __awaiter(void 0, void 0, void 0, function* () {
-        const availableChains = yield lifi.getChains();
+    const { data, isLoading } = (0, react_query_1.useQuery)(['chains'], async () => {
+        const availableChains = await lifi.getChains();
         const filteredChains = availableChains.filter((chain) => (0, providers_1.isItemAllowed)(chain.id, chains, disabledChains));
         const chainOrder = initializeChains(filteredChains.map((chain) => chain.id));
         const [fromChainValue, toChainValue] = getValues([
@@ -35,17 +26,17 @@ const useChains = () => {
             setValue(providers_1.SwapFormKey.ToChain, chainOrder[0]);
         }
         return { availableChains, filteredChains };
-    }), {
+    }, {
         refetchInterval: 180000,
         staleTime: 180000,
     });
     const getChainById = (0, react_1.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 };
 };
 exports.useChains = useChains;

package/cjs/hooks/useContentHeight.js

@@ -31,11 +31,10 @@ exports.useContentHeight = useContentHeight;
 const useSetContentHeight = (ref) => {
     const elementId = (0, useDefaultElementId_1.useDefaultElementId)();
     (0, react_1.useLayoutEffect)(() => {
-        var _a;
         const scrollableContainer = (0, useScrollableContainer_1.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/cjs/hooks/useFeaturedTokens.js

@@ -5,9 +5,6 @@ const react_1 = require("react");
 const providers_1 = require("../providers");
 const useFeaturedTokens = (selectedChainId) => {
     const { featuredTokens, tokens } = (0, providers_1.useWidgetConfig)();
-    return (0, react_1.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 (0, react_1.useMemo)(() => [...(tokens?.featured ?? []), ...(featuredTokens ?? [])].filter((token) => token.chainId === selectedChainId), [featuredTokens, selectedChainId, tokens?.featured]);
 };
 exports.useFeaturedTokens = useFeaturedTokens;

package/cjs/hooks/useGasSufficiency.js

@@ -1,13 +1,4 @@
 "use strict";
-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());
-    });
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useGasSufficiency = void 0;
 const react_query_1 = require("@tanstack/react-query");
@@ -20,9 +11,8 @@ const refetchInterval = 30000;
 const useGasSufficiency = (route) => {
     const { account } = (0, providers_1.useWallet)();
     const { getChainById } = (0, _1.useChains)();
-    const { token: fromToken, getTokenBalancesWithRetry } = (0, useTokenBalance_1.useTokenBalance)(route === null || route === void 0 ? void 0 : route.fromToken);
-    const { data: insufficientGas, isInitialLoading: insufficientGasLoading } = (0, react_query_1.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 } = (0, useTokenBalance_1.useTokenBalance)(route?.fromToken);
+    const { data: insufficientGas, isInitialLoading: insufficientGasLoading } = (0, react_query_1.useQuery)(['gas-sufficiency-check', account.address, route?.id], async () => {
         if (!account.address || !route) {
             return null;
         }
@@ -33,7 +23,7 @@ const useGasSufficiency = (route) => {
                 const { token } = step.estimate.gasCosts[0];
                 const gasCostAmount = step.estimate.gasCosts
                     .reduce((amount, gasCost) => amount.plus((0, big_js_1.default)(gasCost.amount || 0)), (0, big_js_1.default)(0))
-                    .div(Math.pow(10, token.decimals));
+                    .div(10 ** token.decimals);
                 const groupedGasCost = groupedGasCosts[token.chainId];
                 const gasAmount = groupedGasCost
                     ? groupedGasCost.gasAmount.plus(gasCostAmount)
@@ -47,59 +37,63 @@ 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((0, big_js_1.default)(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((0, big_js_1.default)(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 = (0, big_js_1.default)((_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 = (0, big_js_1.default)(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 : (0, big_js_1.default)(0)) ||
-                    gasTokenBalance.lt((_d = gasCosts[chainId].tokenAmount) !== null && _d !== void 0 ? _d : (0, big_js_1.default)(0));
+                    gasTokenBalance.lt(gasCosts[chainId].gasAmount ?? (0, big_js_1.default)(0)) ||
+                    gasTokenBalance.lt(gasCosts[chainId].tokenAmount ?? (0, big_js_1.default)(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_js_1.default.roundUp), chain: insufficient ? getChainById(chainId) : undefined });
+                gasCosts[chainId] = {
+                    ...gasCosts[chainId],
+                    insufficient,
+                    insufficientAmount: insufficientAmount?.round(5, big_js_1.default.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, } = (0, react_query_1.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, } = (0, react_query_1.useQuery)(['funds-sufficiency-check', account.address, route?.id], async () => {
         if (!account.address || !fromToken || !route || (0, stores_1.isRouteDone)(route)) {
             return null;
         }
-        let currentTokenBalance = (0, big_js_1.default)((_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 = (0, big_js_1.default)(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 = (0, big_js_1.default)(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 = (0, big_js_1.default)((_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 = (0, big_js_1.default)(tokenBalances?.[0]?.amount ?? 0);
         const insufficientFunds = (0, big_js_1.default)(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/cjs/hooks/useProcessMessage.js

@@ -69,16 +69,12 @@ const processSubstatusMessages = {
     NOT_FOUND: {},
 };
 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: (0, utils_1.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: (0, utils_1.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) {
@@ -119,7 +115,7 @@ function getProcessMessage(t, getChainById, step, process) {
                 message = t(`swap.error.message.transactionRejected`, {
                     amount: (0, utils_1.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 sdk_1.LifiErrorCode.ProviderUnavailable:
@@ -135,7 +131,7 @@ 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 };
 }
 exports.getProcessMessage = getProcessMessage;

package/cjs/hooks/useRouteExecution.js

@@ -1,13 +1,4 @@
 "use strict";
-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());
-    });
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useRouteExecution = void 0;
 const react_query_1 = require("@tanstack/react-query");
@@ -51,31 +42,31 @@ const useRouteExecution = ({ routeId, executeInBackground, onAcceptExchangeRateU
         }
         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 = (0, react_query_1.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']);
@@ -98,10 +89,10 @@ const useRouteExecution = ({ routeId, executeInBackground, onAcceptExchangeRateU
         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,
@@ -137,9 +128,9 @@ const useRouteExecution = ({ routeId, executeInBackground, onAcceptExchangeRateU
     }, [resumeRouteMutation, routeId]);
     const restartRouteMutation = (0, react_1.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 = (0, react_1.useCallback)(() => {
         deleteRoute(routeId);
         // eslint-disable-next-line react-hooks/exhaustive-deps
@@ -147,7 +138,7 @@ const useRouteExecution = ({ routeId, executeInBackground, onAcceptExchangeRateU
     // Resume route execution after page reload
     (0, react_1.useEffect)(() => {
         // Check if route is eligible for automatic resuming
-        if ((0, stores_1.isRouteActive)(routeExecution === null || routeExecution === void 0 ? void 0 : routeExecution.route) &&
+        if ((0, stores_1.isRouteActive)(routeExecution?.route) &&
             account.isActive &&
             !resumedAfterMount.current) {
             resumedAfterMount.current = true;
@@ -157,8 +148,7 @@ const useRouteExecution = ({ routeId, executeInBackground, onAcceptExchangeRateU
     }, [account.isActive]);
     (0, react_1.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 || !(0, stores_1.isRouteActive)(route)) {
                 return;
             }
@@ -171,8 +161,8 @@ const useRouteExecution = ({ routeId, executeInBackground, onAcceptExchangeRateU
         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,
     };
 };
 exports.useRouteExecution = useRouteExecution;

package/cjs/hooks/useSwapRoutes.js

@@ -1,13 +1,4 @@
 "use strict";
-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());
-    });
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useSwapRoutes = void 0;
 const address_1 = require("@ethersproject/address");
@@ -21,7 +12,6 @@ const providers_1 = require("../providers");
 const stores_1 = require("../stores");
 const refetchTime = 60000;
 const useSwapRoutes = () => {
-    var _a, _b;
     const lifi = (0, providers_1.useLiFi)();
     const { variant, sdkConfig } = (0, providers_1.useWidgetConfig)();
     const { account, provider } = (0, providers_1.useWallet)();
@@ -55,8 +45,8 @@ 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;
@@ -64,11 +54,11 @@ 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,
@@ -78,28 +68,28 @@ 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 } = (0, react_query_1.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 } = (0, react_query_1.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 : ((0, address_1.isAddress)(toAddress) ? toAddress : fromAddress);
+                (await provider?.resolveName(toAddress)) ??
+                    ((0, address_1.isAddress)(toAddress) ? toAddress : fromAddress);
         }
-        catch (_f) {
+        catch {
             toWalletAddress = (0, address_1.isAddress)(toAddress) ? toAddress : fromAddress;
         }
         const fromAmount = (0, big_js_1.default)(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,
@@ -128,7 +118,7 @@ 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] };
@@ -153,20 +143,20 @@ 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) === sdk_1.LifiErrorCode.NotFound) {
+            if (error?.code === sdk_1.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/cjs/hooks/useToken.js

@@ -7,13 +7,13 @@ const useTokenSearch_1 = require("./useTokenSearch");
 const useToken = (chainId, tokenAddress) => {
     const { tokens, isLoading } = (0, useTokens_1.useTokens)(chainId);
     const token = (0, react_1.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 } = (0, useTokenSearch_1.useTokenSearch)(chainId, tokenAddress, tokenSearchEnabled);
     return {
-        token: token !== null && token !== void 0 ? token : searchedToken,
+        token: token ?? searchedToken,
         isLoading: isLoading || (tokenSearchEnabled && isSearchedTokenLoading),
     };
 };

package/cjs/hooks/useTokenAddressBalance.js

@@ -6,8 +6,7 @@ const useTokenBalances_1 = require("./useTokenBalances");
 const useTokenAddressBalance = (chainId, tokenAddress) => {
     const { tokens, tokensWithBalance, isBalanceLoading, refetch } = (0, useTokenBalances_1.useTokenBalances)(chainId);
     const token = (0, react_1.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 {