@lifi/widget 1.17.1 → 1.17.2

package/cjs/components/ChainSelect/ChainSelect.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import type { SwapFormTypeProps } from '../../providers';
 export declare const ChainSelect: ({ formType }: SwapFormTypeProps) => JSX.Element;

package/cjs/components/Header/useHeaderActionStore.js

@@ -1,11 +1,8 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useHeaderActionStore = void 0;
 /* eslint-disable no-underscore-dangle */
-const zustand_1 = __importDefault(require("zustand"));
+const zustand_1 = require("zustand");
 const immer_1 = require("zustand/middleware/immer");
 exports.useHeaderActionStore = (0, zustand_1.default)()((0, immer_1.immer)((set, get) => ({
     setAction: (element) => {

package/cjs/components/Step/CircularProgress.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { Status } from '@lifi/sdk';
 export declare function CircularProgress({ status }: {
     status: Status;

package/cjs/components/SwapButton/ButtonTooltip.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const ButtonTooltip: ({ title, children, }: {
     title?: string | undefined;
     children: JSX.Element;

package/cjs/components/SwapInput/SwapInputAdornment.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import type { SwapFormTypeProps } from '../../providers';
 export declare const SwapInputAdornment: ({ formType }: SwapFormTypeProps) => JSX.Element;

package/cjs/components/TokenList/TokenList.js

@@ -26,7 +26,10 @@ const TokenList = ({ formType, height, onClick, }) => {
             token.symbol.toUpperCase().includes(searchFilter) ||
             token.address.toUpperCase().includes(searchFilter))
         : filteredTokens;
-    const tokenSearchEnabled = !filteredTokens.length && !isTokensLoading;
+    const tokenSearchEnabled = !isTokensLoading &&
+        !!filteredTokens.length &&
+        !!tokenSearchFilter &&
+        !!selectedChainId;
     const { token: searchedToken, isLoading: isSearchedTokenLoading } = (0, hooks_1.useTokenSearch)(tokenSearchFilter, selectedChainId, tokenSearchEnabled);
     const isLoading = isTokensLoading || (tokenSearchEnabled && isSearchedTokenLoading);
     const tokens = filteredTokens.length

package/cjs/config/sentry.js

@@ -1,27 +1,4 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
 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) {
@@ -41,9 +18,9 @@ const initSentry = (enabled) => __awaiter(void 0, void 0, void 0, function* () {
     }
     if (enabled || sentryLoaded) {
         const [Sentry, { CaptureConsole }, { BrowserTracing }] = yield Promise.all([
-            Promise.resolve().then(() => __importStar(require('@sentry/react'))),
-            Promise.resolve().then(() => __importStar(require('@sentry/integrations'))),
-            Promise.resolve().then(() => __importStar(require('@sentry/tracing'))),
+            Promise.resolve().then(() => require('@sentry/react')),
+            Promise.resolve().then(() => require('@sentry/integrations')),
+            Promise.resolve().then(() => require('@sentry/tracing')),
         ]);
         Sentry.init({
             dsn: 'https://bc1312161bf948db9b9c82618035ec22@o1302189.ingest.sentry.io/6539228',

package/cjs/config/version.d.ts

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

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.17.1';
+exports.version = '1.17.2';

package/cjs/hooks/useGasSufficiency.js

@@ -8,34 +8,22 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useGasSufficiency = void 0;
-const big_js_1 = __importDefault(require("big.js"));
+const big_js_1 = require("big.js");
 const react_1 = require("react");
-const react_hook_form_1 = require("react-hook-form");
 const _1 = require(".");
 const providers_1 = require("../providers");
 const useTokenBalances_1 = require("./useTokenBalances");
 const useGasSufficiency = (route) => {
     const lifi = (0, providers_1.useLiFi)();
     const { account } = (0, providers_1.useWallet)();
-    const [fromChainId, toChainId, fromToken] = (0, react_hook_form_1.useWatch)({
-        name: [
-            providers_1.SwapFormKeyHelper.getChainKey('from'),
-            providers_1.SwapFormKeyHelper.getChainKey('to'),
-            providers_1.SwapFormKey.FromToken,
-        ],
-    });
-    const fromAmount = (0, _1.useDebouncedWatch)(providers_1.SwapFormKey.FromAmount, 250);
     const { getChainById } = (0, _1.useChains)();
-    const { tokensWithBalance: fromChainTokenBalances } = (0, useTokenBalances_1.useTokenBalances)(fromChainId);
+    const { tokensWithBalance: fromChainTokenBalances } = (0, useTokenBalances_1.useTokenBalances)(route === null || route === void 0 ? void 0 : route.fromChainId);
     const [insufficientGas, setInsufficientGas] = (0, react_1.useState)();
     const checkInsufficientGas = (0, react_1.useCallback)(() => __awaiter(void 0, void 0, void 0, function* () {
-        var _a;
-        if (!account.isActive || !route || !fromAmount) {
+        var _a, _b;
+        if (!account.isActive || !route) {
             setInsufficientGas(undefined);
             return;
         }
@@ -59,16 +47,15 @@ const useGasSufficiency = (route) => {
             }
             return groupedGasCosts;
         }, {});
-        if (gasCosts[fromChainId] &&
-            route.fromToken.address === gasCosts[fromChainId].token.address) {
-            gasCosts[fromChainId].tokenAmount = (_a = gasCosts[fromChainId]) === null || _a === void 0 ? void 0 : _a.gasAmount.plus((0, big_js_1.default)(fromAmount));
+        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)));
         }
         const tokenBalances = yield lifi.getTokenBalances(account.address, Object.values(gasCosts).map((item) => item.token));
         if (!(tokenBalances === null || tokenBalances === void 0 ? void 0 : tokenBalances.length)) {
             setInsufficientGas(undefined);
             return;
         }
-        [fromChainId, toChainId].forEach((chainId) => {
+        [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 &&
@@ -84,27 +71,17 @@ const useGasSufficiency = (route) => {
         });
         const gasCostResult = Object.values(gasCosts).filter((gasCost) => gasCost.insufficient);
         setInsufficientGas(gasCostResult);
-    }), [
-        account.address,
-        account.isActive,
-        fromAmount,
-        fromChainId,
-        getChainById,
-        lifi,
-        route,
-        toChainId,
-    ]);
+    }), [account.address, account.isActive, getChainById, lifi, route]);
     const insufficientFunds = (0, react_1.useMemo)(() => {
         var _a, _b;
-        if (!account.isActive ||
-            !fromToken ||
-            !fromAmount ||
-            !fromChainTokenBalances) {
+        if (!account.isActive || !fromChainTokenBalances || !route) {
             return false;
         }
-        const balance = (0, big_js_1.default)((_b = (_a = fromChainTokenBalances === null || fromChainTokenBalances === void 0 ? void 0 : fromChainTokenBalances.find((t) => t.address === fromToken)) === null || _a === void 0 ? void 0 : _a.amount) !== null && _b !== void 0 ? _b : 0);
-        return (0, big_js_1.default)(fromAmount).gt(balance);
-    }, [account.isActive, fromAmount, fromChainTokenBalances, fromToken]);
+        const balance = (0, big_js_1.default)((_b = (_a = fromChainTokenBalances === null || fromChainTokenBalances === void 0 ? void 0 : fromChainTokenBalances.find((t) => t.address === (route === null || route === void 0 ? void 0 : route.fromToken.address))) === null || _a === void 0 ? void 0 : _a.amount) !== null && _b !== void 0 ? _b : 0);
+        return (0, big_js_1.default)(route.fromAmount)
+            .div(Math.pow(10, route.fromToken.decimals))
+            .gt(balance);
+    }, [account.isActive, fromChainTokenBalances, route]);
     (0, react_1.useEffect)(() => {
         checkInsufficientGas();
     }, [checkInsufficientGas]);

package/cjs/hooks/useRouteExecution.js

@@ -8,14 +8,11 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useRouteExecution = void 0;
 const react_query_1 = require("@tanstack/react-query");
 const react_1 = require("react");
-const shallow_1 = __importDefault(require("zustand/shallow"));
+const shallow_1 = require("zustand/shallow");
 const providers_1 = require("../providers");
 const stores_1 = require("../stores");
 const events_1 = require("../types/events");

package/cjs/hooks/useSwapRoutes.js

@@ -8,14 +8,11 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useSwapRoutes = void 0;
 const address_1 = require("@ethersproject/address");
 const react_query_1 = require("@tanstack/react-query");
-const big_js_1 = __importDefault(require("big.js"));
+const big_js_1 = require("big.js");
 const react_hook_form_1 = require("react-hook-form");
 const _1 = require(".");
 const providers_1 = require("../providers");

package/cjs/hooks/useTelemetry.js

@@ -4,11 +4,12 @@ exports.useTelemetry = void 0;
 /* eslint-disable consistent-return */
 const react_1 = require("react");
 const sentry_1 = require("../config/sentry");
+const version_1 = require("../config/version");
 const useTelemetry = (disabled) => {
     (0, react_1.useEffect)(() => {
         if (disabled) {
-            if (process.env.NODE_ENV === 'production') {
-                console.warn('Enable crash reports and diagnostic data to be collected. This helps us to better understand how the widget is performing and where improvements need to be made.');
+            if (process.env.NODE_ENV === 'development') {
+                console.warn(`[${version_1.name}] Enable crash reports and diagnostic data to be collected. This helps us to better understand how the widget is performing and where improvements need to be made.`);
             }
         }
         else {

package/cjs/hooks/useTokenBalances.d.ts

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

package/cjs/hooks/useTokenBalances.js

@@ -25,7 +25,9 @@ const useTokenBalances = (selectedChainId) => {
     const featuredTokens = (0, useFeaturedTokens_1.useFeaturedTokens)(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);
+    const isBalanceLoadingEnabled = Boolean(account.address) &&
+        Boolean(tokens === null || tokens === void 0 ? void 0 : 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* () {
         if (!accountAddress || !tokens) {
             return;

package/cjs/hooks/useWidgetEvents.js

@@ -1,11 +1,8 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useWidgetEvents = void 0;
-const mitt_1 = __importDefault(require("mitt"));
-const zustand_1 = __importDefault(require("zustand"));
+const mitt_1 = require("mitt");
+const zustand_1 = require("zustand");
 const emitterStore = (0, zustand_1.default)()(() => (0, mitt_1.default)());
 const useWidgetEvents = () => {
     return emitterStore();

package/cjs/i18n/index.js

@@ -1,12 +1,9 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.configureReactI18next = exports.resources = exports.defaultNS = void 0;
-const i18next_1 = __importDefault(require("i18next"));
+const i18next_1 = require("i18next");
 const react_i18next_1 = require("react-i18next");
-const translation_json_1 = __importDefault(require("./en/translation.json"));
+const translation_json_1 = require("./en/translation.json");
 exports.defaultNS = 'translation';
 exports.resources = {
     en: {

package/cjs/pages/ActiveSwapsPage/ActiveSwapsPage.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare const ActiveSwapsPage: () => JSX.Element;

package/cjs/pages/SelectTokenPage/SearchTokenInput.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare const SearchTokenInput: () => JSX.Element;

package/cjs/pages/SelectWalletPage/SelectWalletPage.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare const SelectWalletPage: () => JSX.Element;

package/cjs/pages/SettingsPage/AdvancedPreferences.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare const AdvancedPreferences: () => JSX.Element;

package/cjs/pages/SettingsPage/EnabledBridgesSelect.js

@@ -1,14 +1,11 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.EnabledBridgesSelect = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const icons_material_1 = require("@mui/icons-material");
 const material_1 = require("@mui/material");
 const react_i18next_1 = require("react-i18next");
-const shallow_1 = __importDefault(require("zustand/shallow"));
+const shallow_1 = require("zustand/shallow");
 const Card_1 = require("../../components/Card");
 const Select_1 = require("../../components/Select");
 const hooks_1 = require("../../hooks");

package/cjs/pages/SettingsPage/EnabledExchangesSelect.js

@@ -1,14 +1,11 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.EnabledExchangesSelect = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const icons_material_1 = require("@mui/icons-material");
 const material_1 = require("@mui/material");
 const react_i18next_1 = require("react-i18next");
-const shallow_1 = __importDefault(require("zustand/shallow"));
+const shallow_1 = require("zustand/shallow");
 const Card_1 = require("../../components/Card");
 const Select_1 = require("../../components/Select");
 const hooks_1 = require("../../hooks");

package/cjs/pages/SettingsPage/GasPriceSelect.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare const GasPriceSelect: () => JSX.Element;

package/cjs/pages/SettingsPage/SettingsPage.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare const SettingsPage: () => JSX.Element;

package/cjs/pages/SettingsPage/ShowDestinationWallet.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare const ShowDestinationWallet: () => JSX.Element;

package/cjs/pages/SettingsPage/SlippageInput.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare const SlippageInput: () => JSX.Element;

package/cjs/pages/SwapDetailsPage/SwapDetailsPage.js

@@ -8,9 +8,6 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.SwapDetailsPage = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
@@ -19,7 +16,7 @@ const material_1 = require("@mui/material");
 const react_1 = require("react");
 const react_i18next_1 = require("react-i18next");
 const react_router_dom_1 = require("react-router-dom");
-const shallow_1 = __importDefault(require("zustand/shallow"));
+const shallow_1 = require("zustand/shallow");
 const Card_1 = require("../../components/Card");
 const Dialog_1 = require("../../components/Dialog");
 const Header_1 = require("../../components/Header");

package/cjs/pages/SwapRoutesPage/SwapRoutesPage.js

@@ -3,7 +3,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.SwapRoutesPage = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
-const react_router_dom_1 = require("react-router-dom");
 const Header_1 = require("../../components/Header");
 const ProgressToNextUpdate_1 = require("../../components/ProgressToNextUpdate");
 const SwapRouteCard_1 = require("../../components/SwapRouteCard");
@@ -12,8 +11,7 @@ const stores_1 = require("../../stores");
 const utils_1 = require("../../utils");
 const SwapRoutesPage_style_1 = require("./SwapRoutesPage.style");
 const SwapRoutesPage = () => {
-    const navigate = (0, react_router_dom_1.useNavigate)();
-    const { pathname } = (0, react_router_dom_1.useLocation)();
+    const { navigateBack, navigate } = (0, hooks_1.useNavigateBack)();
     const { routes: swapRoutes, isLoading, isFetching, dataUpdatedAt, refetchTime, refetch, } = (0, hooks_1.useSwapRoutes)();
     const setExecutableRoute = (0, stores_1.useSetExecutableRoute)();
     const handleRouteClick = (route) => {
@@ -24,7 +22,7 @@ const SwapRoutesPage = () => {
     };
     (0, react_1.useEffect)(() => {
         if (!(swapRoutes === null || swapRoutes === void 0 ? void 0 : swapRoutes.length) && !isLoading && !isFetching) {
-            navigate(pathname.substring(0, pathname.lastIndexOf('/')));
+            navigateBack();
         }
         // redirect to the home page if no routes are found on page reload
         // eslint-disable-next-line react-hooks/exhaustive-deps

package/cjs/providers/SDKProvider/SDKProvider.js

@@ -1,11 +1,8 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.SDKProvider = exports.useLiFi = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const sdk_1 = __importDefault(require("@lifi/sdk"));
+const sdk_1 = require("@lifi/sdk");
 const react_1 = require("react");
 const WidgetProvider_1 = require("../WidgetProvider");
 let lifi;

package/cjs/stores/chains/useChainOrder.js

@@ -1,10 +1,7 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useChainOrder = void 0;
-const shallow_1 = __importDefault(require("zustand/shallow"));
+const shallow_1 = require("zustand/shallow");
 const useChainOrderStore_1 = require("./useChainOrderStore");
 const useChainOrder = () => {
     return (0, useChainOrderStore_1.useChainOrderStore)((state) => [state.chainOrder, state.setChain], shallow_1.default);

package/cjs/stores/chains/useChainOrderStore.js

@@ -1,11 +1,8 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useChainOrderStore = exports.maxChainToOrder = void 0;
 /* eslint-disable no-underscore-dangle */
-const zustand_1 = __importDefault(require("zustand"));
+const zustand_1 = require("zustand");
 const middleware_1 = require("zustand/middleware");
 const immer_1 = require("zustand/middleware/immer");
 exports.maxChainToOrder = 9;

package/cjs/stores/route/useExecutingRoutesIds.js

@@ -1,10 +1,7 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useExecutingRoutesIds = void 0;
-const shallow_1 = __importDefault(require("zustand/shallow"));
+const shallow_1 = require("zustand/shallow");
 const useRouteStore_1 = require("./useRouteStore");
 const useExecutingRoutesIds = (address) => {
     return (0, useRouteStore_1.useRouteStore)((state) => Object.values(state.routes)

package/cjs/stores/route/useRouteStore.js

@@ -1,10 +1,7 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useRouteStore = void 0;
-const zustand_1 = __importDefault(require("zustand"));
+const zustand_1 = require("zustand");
 const middleware_1 = require("zustand/middleware");
 const immer_1 = require("zustand/middleware/immer");
 const utils_1 = require("./utils");

package/cjs/stores/route/useSwapHistory.js

@@ -1,10 +1,7 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useSwapHistory = void 0;
-const shallow_1 = __importDefault(require("zustand/shallow"));
+const shallow_1 = require("zustand/shallow");
 const useRouteStore_1 = require("./useRouteStore");
 const useSwapHistory = (address) => {
     return (0, useRouteStore_1.useRouteStore)((state) => Object.values(state.routes)

package/cjs/stores/route/utils.js

@@ -1,10 +1,7 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getUpdatedProcess = exports.isRouteActive = exports.isRouteFailed = exports.isRouteCompleted = void 0;
-const microdiff_1 = __importDefault(require("microdiff"));
+const microdiff_1 = require("microdiff");
 const isRouteCompleted = (route) => {
     return route.steps.every((step) => { var _a; return ((_a = step.execution) === null || _a === void 0 ? void 0 : _a.status) === 'DONE'; });
 };

package/cjs/stores/settings/useAppearance.js

@@ -1,10 +1,7 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useAppearance = void 0;
-const shallow_1 = __importDefault(require("zustand/shallow"));
+const shallow_1 = require("zustand/shallow");
 const useSettingsStore_1 = require("./useSettingsStore");
 const useAppearance = () => {
     const [appearance, setValue] = (0, useSettingsStore_1.useSettingsStore)((state) => [state.appearance, state.setValue], shallow_1.default);

package/cjs/stores/settings/useSettings.js

@@ -1,10 +1,7 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useSettings = void 0;
-const shallow_1 = __importDefault(require("zustand/shallow"));
+const shallow_1 = require("zustand/shallow");
 const useSettingsStore_1 = require("./useSettingsStore");
 const useSettings = (keys) => {
     return (0, useSettingsStore_1.useSettingsStore)((state) => keys.reduce((values, key) => {

package/cjs/stores/settings/useSettingsStore.js

@@ -10,13 +10,10 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useSettingsStore = void 0;
 /* eslint-disable no-underscore-dangle */
-const zustand_1 = __importDefault(require("zustand"));
+const zustand_1 = require("zustand");
 const middleware_1 = require("zustand/middleware");
 const immer_1 = require("zustand/middleware/immer");
 const types_1 = require("./types");

package/cjs/utils/format.js

@@ -1,10 +1,7 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.formatTokenPrice = exports.formatAmount = exports.formatSlippage = exports.formatTokenAmount = void 0;
-const big_js_1 = __importDefault(require("big.js"));
+const big_js_1 = require("big.js");
 // JavaScript numbers use exponential notation for positive exponents of 21 and above. We need more.
 big_js_1.default.PE = 42;
 // JavaScript numbers use exponential notation for negative exponents of -7 and below. We need more.

package/components/ChainSelect/ChainSelect.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import type { SwapFormTypeProps } from '../../providers';
 export declare const ChainSelect: ({ formType }: SwapFormTypeProps) => JSX.Element;

package/components/Step/CircularProgress.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { Status } from '@lifi/sdk';
 export declare function CircularProgress({ status }: {
     status: Status;

package/components/SwapButton/ButtonTooltip.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const ButtonTooltip: ({ title, children, }: {
     title?: string | undefined;
     children: JSX.Element;

package/components/SwapInput/SwapInputAdornment.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import type { SwapFormTypeProps } from '../../providers';
 export declare const SwapInputAdornment: ({ formType }: SwapFormTypeProps) => JSX.Element;

package/components/TokenList/TokenList.js

@@ -23,7 +23,10 @@ export const TokenList = ({ formType, height, onClick, }) => {
             token.symbol.toUpperCase().includes(searchFilter) ||
             token.address.toUpperCase().includes(searchFilter))
         : filteredTokens;
-    const tokenSearchEnabled = !filteredTokens.length && !isTokensLoading;
+    const tokenSearchEnabled = !isTokensLoading &&
+        !!filteredTokens.length &&
+        !!tokenSearchFilter &&
+        !!selectedChainId;
     const { token: searchedToken, isLoading: isSearchedTokenLoading } = useTokenSearch(tokenSearchFilter, selectedChainId, tokenSearchEnabled);
     const isLoading = isTokensLoading || (tokenSearchEnabled && isSearchedTokenLoading);
     const tokens = filteredTokens.length

package/config/version.d.ts

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

package/config/version.js

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