@lifi/widget 1.31.1 → 1.32.0

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 {

package/cjs/hooks/useTokenBalance.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.useTokenBalance = void 0;
 const react_query_1 = require("@tanstack/react-query");
@@ -19,17 +10,17 @@ const useTokenBalance = (token, accountAddress) => {
     const lifi = (0, providers_1.useLiFi)();
     const { account } = (0, providers_1.useWallet)();
     const queryClient = (0, react_query_1.useQueryClient)();
-    const walletAddress = accountAddress !== null && accountAddress !== void 0 ? accountAddress : account.address;
-    const getTokenBalancesWithRetry = (0, react_1.useCallback)((accountAddress, tokens, depth = 0) => __awaiter(void 0, void 0, void 0, function* () {
+    const walletAddress = accountAddress ?? account.address;
+    const getTokenBalancesWithRetry = (0, react_1.useCallback)(async (accountAddress, tokens, depth = 0) => {
         try {
-            const tokenBalances = yield lifi.getTokenBalances(accountAddress, tokens);
+            const tokenBalances = await lifi.getTokenBalances(accountAddress, tokens);
             if (!tokenBalances.every((token) => token.blockNumber)) {
                 if (depth > 10) {
                     console.warn('Token balance backoff depth exceeded.');
                     return undefined;
                 }
-                yield new Promise((resolve) => {
-                    setTimeout(resolve, Math.pow(1.5, depth) * 100);
+                await new Promise((resolve) => {
+                    setTimeout(resolve, 1.5 ** depth * 100);
                 });
                 return getTokenBalancesWithRetry(accountAddress, tokens, depth + 1);
             }
@@ -38,26 +29,26 @@ const useTokenBalance = (token, accountAddress) => {
         catch (error) {
             //
         }
-    }), [lifi]);
-    const tokenBalanceQueryKey = (0, react_1.useMemo)(() => ['token-balance', walletAddress, token === null || token === void 0 ? void 0 : token.chainId, token === null || token === void 0 ? void 0 : token.address], [token === null || token === void 0 ? void 0 : token.address, token === null || token === void 0 ? void 0 : token.chainId, walletAddress]);
-    const { data, isLoading, refetch } = (0, react_query_1.useQuery)(tokenBalanceQueryKey, ({ queryKey: [, accountAddress] }) => __awaiter(void 0, void 0, void 0, function* () {
-        var _a;
-        const cachedToken = (_a = queryClient
+    }, [lifi]);
+    const tokenBalanceQueryKey = (0, react_1.useMemo)(() => ['token-balance', walletAddress, token?.chainId, token?.address], [token?.address, token?.chainId, walletAddress]);
+    const { data, isLoading, refetch } = (0, react_query_1.useQuery)(tokenBalanceQueryKey, async ({ queryKey: [, accountAddress] }) => {
+        const cachedToken = queryClient
             .getQueryData([
             'token-balances',
             accountAddress,
             token.chainId,
-        ])) === null || _a === void 0 ? void 0 : _a.find((t) => t.address === token.address);
+        ])
+            ?.find((t) => t.address === token.address);
         if (cachedToken) {
             return cachedToken;
         }
-        const tokenBalances = yield getTokenBalancesWithRetry(accountAddress, [token]);
-        if (!(tokenBalances === null || tokenBalances === void 0 ? void 0 : tokenBalances.length)) {
+        const tokenBalances = await getTokenBalancesWithRetry(accountAddress, [token]);
+        if (!tokenBalances?.length) {
             throw Error('Could not get tokens balance.');
         }
         const cachedTokenAmount = queryClient.getQueryData(tokenBalanceQueryKey);
         const formattedAmount = (0, utils_1.formatTokenAmount)(tokenBalances[0].amount);
-        if ((cachedTokenAmount === null || cachedTokenAmount === void 0 ? void 0 : cachedTokenAmount.amount) !== formattedAmount) {
+        if (cachedTokenAmount?.amount !== formattedAmount) {
             queryClient.setQueryDefaults(tokenBalanceQueryKey, {
                 refetchInterval: defaultRefetchInterval,
                 staleTime: defaultRefetchInterval,
@@ -66,12 +57,18 @@ const useTokenBalance = (token, accountAddress) => {
         queryClient.setQueryData(['token-balances', accountAddress, token.chainId], (data) => {
             if (data) {
                 const index = data.findIndex((dataToken) => dataToken.address === token.address);
-                data[index] = Object.assign(Object.assign({}, data[index]), { amount: formattedAmount });
+                data[index] = {
+                    ...data[index],
+                    amount: formattedAmount,
+                };
             }
             return data;
         });
-        return Object.assign(Object.assign({}, tokenBalances[0]), { amount: formattedAmount });
-    }), {
+        return {
+            ...tokenBalances[0],
+            amount: formattedAmount,
+        };
+    }, {
         enabled: Boolean(walletAddress && token),
         refetchInterval: defaultRefetchInterval,
         staleTime: defaultRefetchInterval,
@@ -79,7 +76,7 @@ const useTokenBalance = (token, accountAddress) => {
     const refetchAllBalances = () => {
         queryClient.refetchQueries([
             'token-balances',
-            token === null || token === void 0 ? void 0 : token.chainId,
+            token?.chainId,
             accountAddress,
         ]);
     };

package/cjs/hooks/useTokenBalances.d.ts

@@ -1,6 +1,6 @@
 import type { Token } from '../types';
 export declare const useTokenBalances: (selectedChainId?: number) => {
-    tokens: Token[] | undefined;
+    tokens: Token[];
     tokensWithBalance: Token[] | undefined;
     featuredTokens: import("@lifi/types").Token[];
     isLoading: boolean;

package/cjs/hooks/useTokenBalances.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.useTokenBalances = void 0;
 /* eslint-disable consistent-return */
@@ -26,11 +17,11 @@ const useTokenBalances = (selectedChainId) => {
     const { tokens, isLoading } = (0, useTokens_1.useTokens)(selectedChainId);
     const [refetchInterval, setRefetchInterval] = (0, react_1.useState)(defaultRefetchInterval);
     const isBalanceLoadingEnabled = Boolean(account.address) &&
-        Boolean(tokens === null || tokens === void 0 ? void 0 : tokens.length) &&
+        Boolean(tokens?.length) &&
         Boolean(selectedChainId);
-    const { data: tokensWithBalance, isLoading: isBalanceLoading, refetch, } = (0, react_query_1.useQuery)(['token-balances', account.address, selectedChainId, tokens === null || tokens === void 0 ? void 0 : tokens.length], ({ queryKey: [, accountAddress] }) => __awaiter(void 0, void 0, void 0, function* () {
-        const tokenBalances = yield lifi.getTokenBalances(accountAddress, tokens);
-        if (!(tokenBalances === null || tokenBalances === void 0 ? void 0 : tokenBalances.length)) {
+    const { data: tokensWithBalance, isLoading: isBalanceLoading, refetch, } = (0, react_query_1.useQuery)(['token-balances', account.address, selectedChainId, tokens?.length], async ({ queryKey: [, accountAddress] }) => {
+        const tokenBalances = await lifi.getTokenBalances(accountAddress, tokens);
+        if (!tokenBalances?.length) {
             // Sometimes RPCs (e.g. Arbitrum) don't return balances on first call
             // TODO: fix and remove backplane
             setRefetchInterval((interval) => interval === defaultRefetchInterval
@@ -38,12 +29,9 @@ const useTokenBalances = (selectedChainId) => {
                 : interval * 2);
             throw Error('Could not get tokens balance.');
         }
-        const featuredTokenAddresses = new Set(featuredTokens === null || featuredTokens === void 0 ? void 0 : featuredTokens.map((token) => token.address));
-        const sortFn = (a, b) => {
-            var _a, _b, _c, _d;
-            return parseFloat((_a = b.amount) !== null && _a !== void 0 ? _a : '0') * parseFloat((_b = b.priceUSD) !== null && _b !== void 0 ? _b : '0') -
-                parseFloat((_c = a.amount) !== null && _c !== void 0 ? _c : '0') * parseFloat((_d = a.priceUSD) !== null && _d !== void 0 ? _d : '0');
-        };
+        const featuredTokenAddresses = new Set(featuredTokens?.map((token) => token.address));
+        const sortFn = (a, b) => parseFloat(b.amount ?? '0') * parseFloat(b.priceUSD ?? '0') -
+            parseFloat(a.amount ?? '0') * parseFloat(a.priceUSD ?? '0');
         const formattedTokens = (tokenBalances.length === 0 ? tokens : tokenBalances).map((token) => {
             token.amount = (0, utils_1.formatTokenAmount)(token.amount);
             return token;
@@ -60,7 +48,7 @@ const useTokenBalances = (selectedChainId) => {
             ...formattedTokens.filter((token) => token.amount === '0' && !featuredTokenAddresses.has(token.address)),
         ];
         return result;
-    }), {
+    }, {
         enabled: isBalanceLoadingEnabled,
         refetchInterval,
         staleTime: refetchInterval,

package/cjs/hooks/useTokenSearch.d.ts

@@ -1,5 +1,5 @@
 import type { Token } from '../types';
-export declare const useTokenSearch: (chainId?: number, token?: string, enabled?: boolean) => {
+export declare const useTokenSearch: (chainId?: number, tokenQuery?: string, enabled?: boolean) => {
     token: Token | undefined;
     isLoading: boolean;
 };