@lifi/widget 1.15.0 → 1.16.1

package/cjs/hooks/useChains.d.ts

@@ -1,101 +1,5 @@
 export declare const useChains: () => {
-    error: unknown;
-    isError: true;
-    isLoading: false;
-    isLoadingError: false;
-    isRefetchError: true;
-    isSuccess: false;
-    status: "error";
-    dataUpdatedAt: number;
-    errorUpdatedAt: number;
-    failureCount: number;
-    errorUpdateCount: number;
-    isFetched: boolean;
-    isFetchedAfterMount: boolean;
-    isFetching: boolean;
-    isPaused: boolean;
-    isPlaceholderData: boolean;
-    isPreviousData: boolean;
-    isRefetching: boolean;
-    isStale: boolean;
-    refetch: <TPageData>(options?: (import("@tanstack/react-query").RefetchOptions & import("@tanstack/react-query").RefetchQueryFilters<TPageData>) | undefined) => Promise<import("@tanstack/react-query").QueryObserverResult<import("@lifi/types").EVMChain[], unknown>>;
-    remove: () => void;
-    fetchStatus: import("@tanstack/react-query").FetchStatus;
-    chains: import("@lifi/types").EVMChain[] | undefined;
-    getChainById: (chainId: number) => import("@lifi/types").EVMChain | undefined;
-} | {
-    error: null;
-    isError: false;
-    isLoading: false;
-    isLoadingError: false;
-    isRefetchError: false;
-    isSuccess: true;
-    status: "success";
-    dataUpdatedAt: number;
-    errorUpdatedAt: number;
-    failureCount: number;
-    errorUpdateCount: number;
-    isFetched: boolean;
-    isFetchedAfterMount: boolean;
-    isFetching: boolean;
-    isPaused: boolean;
-    isPlaceholderData: boolean;
-    isPreviousData: boolean;
-    isRefetching: boolean;
-    isStale: boolean;
-    refetch: <TPageData>(options?: (import("@tanstack/react-query").RefetchOptions & import("@tanstack/react-query").RefetchQueryFilters<TPageData>) | undefined) => Promise<import("@tanstack/react-query").QueryObserverResult<import("@lifi/types").EVMChain[], unknown>>;
-    remove: () => void;
-    fetchStatus: import("@tanstack/react-query").FetchStatus;
-    chains: import("@lifi/types").EVMChain[] | undefined;
-    getChainById: (chainId: number) => import("@lifi/types").EVMChain | undefined;
-} | {
-    error: unknown;
-    isError: true;
-    isLoading: false;
-    isLoadingError: true;
-    isRefetchError: false;
-    isSuccess: false;
-    status: "error";
-    dataUpdatedAt: number;
-    errorUpdatedAt: number;
-    failureCount: number;
-    errorUpdateCount: number;
-    isFetched: boolean;
-    isFetchedAfterMount: boolean;
-    isFetching: boolean;
-    isPaused: boolean;
-    isPlaceholderData: boolean;
-    isPreviousData: boolean;
-    isRefetching: boolean;
-    isStale: boolean;
-    refetch: <TPageData>(options?: (import("@tanstack/react-query").RefetchOptions & import("@tanstack/react-query").RefetchQueryFilters<TPageData>) | undefined) => Promise<import("@tanstack/react-query").QueryObserverResult<import("@lifi/types").EVMChain[], unknown>>;
-    remove: () => void;
-    fetchStatus: import("@tanstack/react-query").FetchStatus;
-    chains: import("@lifi/types").EVMChain[] | undefined;
-    getChainById: (chainId: number) => import("@lifi/types").EVMChain | undefined;
-} | {
-    error: null;
-    isError: false;
-    isLoading: true;
-    isLoadingError: false;
-    isRefetchError: false;
-    isSuccess: false;
-    status: "loading";
-    dataUpdatedAt: number;
-    errorUpdatedAt: number;
-    failureCount: number;
-    errorUpdateCount: number;
-    isFetched: boolean;
-    isFetchedAfterMount: boolean;
-    isFetching: boolean;
-    isPaused: boolean;
-    isPlaceholderData: boolean;
-    isPreviousData: boolean;
-    isRefetching: boolean;
-    isStale: boolean;
-    refetch: <TPageData>(options?: (import("@tanstack/react-query").RefetchOptions & import("@tanstack/react-query").RefetchQueryFilters<TPageData>) | undefined) => Promise<import("@tanstack/react-query").QueryObserverResult<import("@lifi/types").EVMChain[], unknown>>;
-    remove: () => void;
-    fetchStatus: import("@tanstack/react-query").FetchStatus;
     chains: import("@lifi/types").EVMChain[] | undefined;
     getChainById: (chainId: number) => import("@lifi/types").EVMChain | undefined;
+    isLoading: boolean;
 };

package/cjs/hooks/useChains.js

@@ -8,29 +8,22 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useChains = void 0;
 const react_query_1 = require("@tanstack/react-query");
 const react_1 = require("react");
-const lifi_1 = require("../config/lifi");
-const WidgetProvider_1 = require("../providers/WidgetProvider");
+const providers_1 = require("../providers");
+const chains_1 = require("../stores/chains");
 const useChains = () => {
-    const { disabledChains } = (0, WidgetProvider_1.useWidgetConfig)();
-    const _a = (0, react_query_1.useQuery)(['chains'], () => __awaiter(void 0, void 0, void 0, function* () {
-        const chains = yield lifi_1.LiFi.getChains();
-        return chains.filter((chain) => !(disabledChains === null || disabledChains === void 0 ? void 0 : disabledChains.includes(chain.id)));
-    })), { data } = _a, other = __rest(_a, ["data"]);
+    const { disabledChains } = (0, providers_1.useWidgetConfig)();
+    const lifi = (0, providers_1.useLiFi)();
+    const [, initializeChains] = (0, chains_1.useSetChainOrder)();
+    const { data, isLoading } = (0, react_query_1.useQuery)(['chains'], () => __awaiter(void 0, void 0, void 0, function* () {
+        const chains = yield lifi.getChains();
+        const filteredChains = chains.filter((chain) => !(disabledChains === null || disabledChains === void 0 ? void 0 : disabledChains.includes(chain.id)));
+        initializeChains(filteredChains.map((chain) => chain.id));
+        return filteredChains;
+    }));
     const getChainById = (0, react_1.useCallback)((chainId) => {
         const chain = data === null || data === void 0 ? void 0 : data.find((chain) => chain.id === chainId);
         // if (!chain) {
@@ -38,6 +31,6 @@ const useChains = () => {
         // }
         return chain;
     }, [data]);
-    return Object.assign({ chains: data, getChainById }, other);
+    return { chains: data, getChainById, isLoading };
 };
 exports.useChains = useChains;

package/cjs/hooks/useFeaturedTokens.js

@@ -2,9 +2,9 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useFeaturedTokens = void 0;
 const react_1 = require("react");
-const WidgetProvider_1 = require("../providers/WidgetProvider");
+const providers_1 = require("../providers");
 const useFeaturedTokens = (selectedChainId) => {
-    const { featuredTokens } = (0, WidgetProvider_1.useWidgetConfig)();
+    const { featuredTokens } = (0, providers_1.useWidgetConfig)();
     return (0, react_1.useMemo)(() => featuredTokens === null || featuredTokens === void 0 ? void 0 : featuredTokens.filter((token) => token.chainId === selectedChainId), [featuredTokens, selectedChainId]);
 };
 exports.useFeaturedTokens = useFeaturedTokens;

package/cjs/hooks/useGasSufficiency.js

@@ -8,19 +8,18 @@ const big_js_1 = __importDefault(require("big.js"));
 const react_1 = require("react");
 const react_hook_form_1 = require("react-hook-form");
 const _1 = require(".");
-const SwapFormProvider_1 = require("../providers/SwapFormProvider");
-const WalletProvider_1 = require("../providers/WalletProvider");
+const providers_1 = require("../providers");
 const useTokenBalances_1 = require("./useTokenBalances");
 const useGasSufficiency = (route) => {
-    const { account } = (0, WalletProvider_1.useWallet)();
+    const { account } = (0, providers_1.useWallet)();
     const [fromChainId, toChainId, fromToken] = (0, react_hook_form_1.useWatch)({
         name: [
-            SwapFormProvider_1.SwapFormKeyHelper.getChainKey('from'),
-            SwapFormProvider_1.SwapFormKeyHelper.getChainKey('to'),
-            SwapFormProvider_1.SwapFormKey.FromToken,
+            providers_1.SwapFormKeyHelper.getChainKey('from'),
+            providers_1.SwapFormKeyHelper.getChainKey('to'),
+            providers_1.SwapFormKey.FromToken,
         ],
     });
-    const fromAmount = (0, _1.useDebouncedWatch)(SwapFormProvider_1.SwapFormKey.FromAmount, 250);
+    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: toChainTokenBalances } = (0, useTokenBalances_1.useTokenBalances)(toChainId);

package/cjs/hooks/useInitializer.js

@@ -2,8 +2,14 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useInitializer = void 0;
 /* eslint-disable no-underscore-dangle */
+const sdk_1 = require("@lifi/sdk");
+const react_1 = require("react");
+const version_1 = require("../config/version");
 const useTools_1 = require("./useTools");
 const useInitializer = () => {
     (0, useTools_1.useTools)();
+    (0, react_1.useEffect)(() => {
+        (0, sdk_1.checkPackageUpdates)(version_1.name, version_1.version);
+    }, []);
 };
 exports.useInitializer = useInitializer;

package/cjs/{components/Step/utils.d.ts → hooks/useProcessMessage.d.ts}

@@ -1,5 +1,9 @@
 import type { EVMChain, Process, Step } from '@lifi/sdk';
 import type { TFunction } from 'react-i18next';
+export declare const useProcessMessage: (step?: Step, process?: Process) => {
+    title?: string | undefined;
+    message?: string | undefined;
+};
 export declare function getProcessMessage(t: TFunction<'translation', undefined>, getChainById: (chainId: number) => EVMChain | undefined, step: Step, process: Process): {
     title?: string;
     message?: string;

package/cjs/{components/Step/utils.js → hooks/useProcessMessage.js}

@@ -1,13 +1,19 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getProcessMessage = void 0;
+exports.getProcessMessage = exports.useProcessMessage = void 0;
 const sdk_1 = require("@lifi/sdk");
-const utils_1 = require("../../utils");
-const formatProcessMessage = (initialMessage, args = {}) => {
-    return Object.keys(args).reduce((message, key) => {
-        return message.replace(`{${key}}`, args[key]);
-    }, initialMessage);
+const react_i18next_1 = require("react-i18next");
+const utils_1 = require("../utils");
+const useChains_1 = require("./useChains");
+const useProcessMessage = (step, process) => {
+    const { t } = (0, react_i18next_1.useTranslation)();
+    const { getChainById } = (0, useChains_1.useChains)();
+    if (!step || !process) {
+        return {};
+    }
+    return getProcessMessage(t, getChainById, step, process);
 };
+exports.useProcessMessage = useProcessMessage;
 const processMessages = {
     TOKEN_ALLOWANCE: {
         STARTED: (t) => t(`swap.process.tokenAllowance.started`),
@@ -15,7 +21,7 @@ const processMessages = {
         DONE: (t) => t(`swap.process.tokenAllowance.done`),
     },
     SWITCH_CHAIN: {
-        PENDING: (t) => t(`swap.process.switchChain.pending`),
+        ACTION_REQUIRED: (t) => t(`swap.process.switchChain.actionRequired`),
         DONE: (t) => t(`swap.process.switchChain.done`),
     },
     SWAP: {
@@ -70,9 +76,9 @@ function getProcessMessage(t, getChainById, step, process) {
                 title = t(`swap.error.title.slippageTooLarge`);
                 message = t(`swap.error.message.slippageTooLarge`);
                 break;
-            case sdk_1.MetaMaskProviderErrorCode.userRejectedRequest:
-                title = t(`swap.error.title.userRejectedSignatureRequest`);
-                message = t(`swap.error.message.signatureRequired`, {
+            case sdk_1.LifiErrorCode.TransactionRejected:
+                title = t(`swap.error.title.transactionRejected`);
+                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 : '',

package/cjs/hooks/useRouteExecution.d.ts

@@ -1,5 +1,5 @@
 import type { Route } from '@lifi/sdk';
-export declare const useRouteExecution: (routeId: string) => {
+export declare const useRouteExecution: (routeId: string, executeInBackground?: boolean) => {
     executeRoute: () => void;
     restartRoute: () => void;
     deleteRoute: () => void;

package/cjs/hooks/useRouteExecution.js

@@ -16,19 +16,28 @@ 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 lifi_1 = require("../config/lifi");
-const WalletProvider_1 = require("../providers/WalletProvider");
+const providers_1 = require("../providers");
 const stores_1 = require("../stores");
+const events_1 = require("../types/events");
 const utils_1 = require("../utils");
-const useRouteExecution = (routeId) => {
-    const { account, switchChain } = (0, WalletProvider_1.useWallet)();
+const useWidgetEvents_1 = require("./useWidgetEvents");
+const useRouteExecution = (routeId, executeInBackground) => {
+    const lifi = (0, providers_1.useLiFi)();
+    const { account, switchChain } = (0, providers_1.useWallet)();
     const resumedAfterMount = (0, react_1.useRef)(false);
+    const emitter = (0, useWidgetEvents_1.useWidgetEvents)();
     const routeExecution = (0, stores_1.useRouteStore)((state) => state.routes[routeId]);
     const [updateRoute, restartRoute, deleteRoute] = (0, stores_1.useRouteStore)((state) => [state.updateRoute, state.restartRoute, state.deleteRoute], shallow_1.default);
     const updateCallback = (updatedRoute) => {
         const clonedUpdatedRoute = (0, utils_1.deepClone)(updatedRoute);
         console.log('Route updated.', clonedUpdatedRoute);
         updateRoute(clonedUpdatedRoute);
+        if ((0, stores_1.isRouteCompleted)(clonedUpdatedRoute)) {
+            emitter.emit(events_1.WidgetEvent.SwapCompleted);
+        }
+        if ((0, stores_1.isRouteFailed)(clonedUpdatedRoute)) {
+            emitter.emit(events_1.WidgetEvent.SwapFailed);
+        }
     };
     const switchChainHook = (requiredChainId) => __awaiter(void 0, void 0, void 0, function* () {
         if (!account.isActive || !account.signer) {
@@ -50,20 +59,16 @@ const useRouteExecution = (routeId) => {
         if (!(routeExecution === null || routeExecution === void 0 ? void 0 : routeExecution.route)) {
             throw Error('Execution route not found.');
         }
-        return lifi_1.LiFi.executeRoute(account.signer, routeExecution.route, {
+        return lifi.executeRoute(account.signer, routeExecution.route, {
             updateCallback,
             switchChainHook,
             infiniteApproval: false,
+            executeInBackground,
         });
     }, {
         onMutate: () => {
             console.log('Execution started.', routeId);
-        },
-        onError: () => {
-            console.warn('Execution failed.', routeId);
-        },
-        onSuccess: (route) => {
-            console.log('Executed successfully.', routeId);
+            emitter.emit(events_1.WidgetEvent.SwapStarted);
         },
     });
     const resumeRouteMutation = (0, react_query_1.useMutation)((resumedRoute) => {
@@ -73,30 +78,25 @@ const useRouteExecution = (routeId) => {
         if (!(routeExecution === null || routeExecution === void 0 ? void 0 : routeExecution.route)) {
             throw Error('Execution route not found.');
         }
-        return lifi_1.LiFi.resumeRoute(account.signer, resumedRoute !== null && resumedRoute !== void 0 ? resumedRoute : routeExecution.route, {
+        return lifi.resumeRoute(account.signer, resumedRoute !== null && resumedRoute !== void 0 ? resumedRoute : routeExecution.route, {
             updateCallback,
             switchChainHook,
             infiniteApproval: false,
+            executeInBackground,
         });
     }, {
         onMutate: () => {
             console.log('Resumed to execution.', routeId);
         },
-        onError: () => {
-            console.warn('Resumed execution failed.', routeId);
-        },
-        onSuccess: (route) => {
-            console.log('Resumed execution successful.', route);
-        },
     });
     const executeRoute = (0, react_1.useCallback)(() => {
         executeRouteMutation.mutateAsync(undefined, {
             onError: () => {
-                console.warn('Real execution failed!', routeId);
+                console.warn('Execution failed!', routeId);
                 // Notification.showNotification(NotificationType.SwapExecution_ERROR);
             },
             onSuccess: (route) => {
-                console.log('Real execution successfully!', route);
+                console.log('Executed successfully!', route);
                 // Notification.showNotification(NotificationType.TRANSACTION_SUCCESSFULL);
             },
         });
@@ -104,10 +104,10 @@ const useRouteExecution = (routeId) => {
     const resumeRoute = (0, react_1.useCallback)((route) => {
         resumeRouteMutation.mutateAsync(route, {
             onError: () => {
-                console.warn('Real resumed execution failed.', routeId);
+                console.warn('Resumed execution failed.', routeId);
             },
             onSuccess: (route) => {
-                console.log('Real resumed execution successful.', route);
+                console.log('Resumed execution successful.', route);
             },
         });
     }, [resumeRouteMutation, routeId]);
@@ -123,7 +123,7 @@ const useRouteExecution = (routeId) => {
     // Resume route execution after page reload
     (0, react_1.useEffect)(() => {
         // Check if route is eligible for automatic resuming
-        if (isActiveRoute(routeExecution === null || routeExecution === void 0 ? void 0 : routeExecution.route) &&
+        if ((0, stores_1.isRouteActive)(routeExecution === null || routeExecution === void 0 ? void 0 : routeExecution.route) &&
             account.isActive &&
             !resumedAfterMount.current) {
             resumedAfterMount.current = true;
@@ -135,14 +135,14 @@ const useRouteExecution = (routeId) => {
         return () => {
             var _a;
             const route = (_a = stores_1.useRouteStore.getState().routes[routeId]) === null || _a === void 0 ? void 0 : _a.route;
-            if (!route || !isActiveRoute(route)) {
+            if (!route || !(0, stores_1.isRouteActive)(route)) {
                 return;
             }
-            lifi_1.LiFi.moveExecutionToBackground(route);
+            lifi.updateRouteExecution(route, { executeInBackground: true });
             console.log('Move route execution to background.', routeId);
             resumedAfterMount.current = false;
         };
-    }, [routeId]);
+    }, [lifi, routeId]);
     return {
         executeRoute,
         restartRoute: restartRouteMutation,
@@ -152,12 +152,3 @@ const useRouteExecution = (routeId) => {
     };
 };
 exports.useRouteExecution = useRouteExecution;
-const isActiveRoute = (route) => {
-    if (!route) {
-        return false;
-    }
-    const allDone = route.steps.every((step) => { var _a; return ((_a = step.execution) === null || _a === void 0 ? void 0 : _a.status) === 'DONE'; });
-    const isFailed = route.steps.some((step) => { var _a; return ((_a = step.execution) === null || _a === void 0 ? void 0 : _a.status) === 'FAILED'; });
-    const alreadyStarted = route.steps.some((step) => step.execution);
-    return !allDone && !isFailed && alreadyStarted;
-};

package/cjs/hooks/useSwapRoutes.js

@@ -18,14 +18,13 @@ const react_query_1 = require("@tanstack/react-query");
 const big_js_1 = __importDefault(require("big.js"));
 const react_hook_form_1 = require("react-hook-form");
 const _1 = require(".");
-const lifi_1 = require("../config/lifi");
-const SwapFormProvider_1 = require("../providers/SwapFormProvider");
-const WalletProvider_1 = require("../providers/WalletProvider");
+const providers_1 = require("../providers");
 const stores_1 = require("../stores");
 const refetchTime = 60000;
 const useSwapRoutes = () => {
     var _a;
-    const { account, provider } = (0, WalletProvider_1.useWallet)();
+    const lifi = (0, providers_1.useLiFi)();
+    const { account, provider } = (0, providers_1.useWallet)();
     const queryClient = (0, react_query_1.useQueryClient)();
     const { slippage, enabledBridges, enabledExchanges, routePriority } = (0, stores_1.useSettings)([
         'slippage',
@@ -35,14 +34,14 @@ const useSwapRoutes = () => {
     ]);
     const [fromChainId, fromTokenAddress, toChainId, toTokenAddress, toAddress] = (0, react_hook_form_1.useWatch)({
         name: [
-            SwapFormProvider_1.SwapFormKey.FromChain,
-            SwapFormProvider_1.SwapFormKey.FromToken,
-            SwapFormProvider_1.SwapFormKey.ToChain,
-            SwapFormProvider_1.SwapFormKey.ToToken,
-            SwapFormProvider_1.SwapFormKey.ToAddress,
+            providers_1.SwapFormKey.FromChain,
+            providers_1.SwapFormKey.FromToken,
+            providers_1.SwapFormKey.ToChain,
+            providers_1.SwapFormKey.ToToken,
+            providers_1.SwapFormKey.ToAddress,
         ],
     });
-    const [fromTokenAmount] = (0, _1.useDebouncedWatch)([SwapFormProvider_1.SwapFormKey.FromAmount], 250);
+    const [fromTokenAmount] = (0, _1.useDebouncedWatch)([providers_1.SwapFormKey.FromAmount], 250);
     const { token } = (0, _1.useToken)(fromChainId, fromTokenAddress);
     const isEnabled = 
     // Boolean(account.address) &&
@@ -81,7 +80,7 @@ const useSwapRoutes = () => {
         catch (_d) {
             toWalletAddress = (0, address_1.isAddress)(toAddress) ? toAddress : fromAddress;
         }
-        return lifi_1.LiFi.getRoutes({
+        return lifi.getRoutes({
             fromChainId,
             fromAmount: (0, big_js_1.default)(Number(fromTokenAmount) * Math.pow(10, ((_c = token === null || token === void 0 ? void 0 : token.decimals) !== null && _c !== void 0 ? _c : 0))).toString(),
             fromTokenAddress,

package/cjs/hooks/useTokenBalances.js

@@ -13,15 +13,15 @@ exports.useTokenBalances = void 0;
 /* eslint-disable consistent-return */
 const react_query_1 = require("@tanstack/react-query");
 const react_1 = require("react");
-const lifi_1 = require("../config/lifi");
-const WalletProvider_1 = require("../providers/WalletProvider");
+const providers_1 = require("../providers");
 const utils_1 = require("../utils");
 const useFeaturedTokens_1 = require("./useFeaturedTokens");
 const useTokens_1 = require("./useTokens");
 const defaultRefetchInterval = 60000;
 const minRefetchInterval = 1000;
 const useTokenBalances = (selectedChainId) => {
-    const { account } = (0, WalletProvider_1.useWallet)();
+    const lifi = (0, providers_1.useLiFi)();
+    const { account } = (0, providers_1.useWallet)();
     const featuredTokens = (0, useFeaturedTokens_1.useFeaturedTokens)(selectedChainId);
     const { tokens, isLoading } = (0, useTokens_1.useTokens)(selectedChainId);
     const [refetchInterval, setRefetchInterval] = (0, react_1.useState)(defaultRefetchInterval);
@@ -30,7 +30,7 @@ const useTokenBalances = (selectedChainId) => {
         if (!accountAddress || !tokens) {
             return;
         }
-        const tokenBalances = yield lifi_1.LiFi.getTokenBalances(accountAddress, tokens);
+        const tokenBalances = yield lifi.getTokenBalances(accountAddress, tokens);
         if (!(tokenBalances === null || tokenBalances === void 0 ? void 0 : tokenBalances.length)) {
             // Sometimes RPCs (e.g. Arbitrum) don't return balances on first call
             // TODO: fix and remove backplane

package/cjs/hooks/useTokenSearch.js

@@ -11,11 +11,12 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useTokenSearch = void 0;
 const react_query_1 = require("@tanstack/react-query");
-const lifi_1 = require("../config/lifi");
+const providers_1 = require("../providers");
 const useTokenSearch = (token, chainId, enabled) => {
+    const lifi = (0, providers_1.useLiFi)();
     const queryClient = (0, react_query_1.useQueryClient)();
     const { data, isLoading, isFetching, isFetched } = (0, react_query_1.useQuery)(['token-search', chainId, token], ({ queryKey: [, chainId, token], signal }) => __awaiter(void 0, void 0, void 0, function* () {
-        const data = yield lifi_1.LiFi.getToken(chainId, token, {
+        const data = yield lifi.getToken(chainId, token, {
             signal,
         });
         if (data) {

package/cjs/hooks/useTokens.js

@@ -11,13 +11,14 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useTokens = void 0;
 const react_query_1 = require("@tanstack/react-query");
-const lifi_1 = require("../config/lifi");
+const providers_1 = require("../providers");
 const useFeaturedTokens_1 = require("./useFeaturedTokens");
 const useTokens = (selectedChainId) => {
+    const lifi = (0, providers_1.useLiFi)();
     const featuredTokens = (0, useFeaturedTokens_1.useFeaturedTokens)(selectedChainId);
     const { data: tokens, isLoading, isFetching, } = (0, react_query_1.useQuery)(['tokens', selectedChainId, featuredTokens === null || featuredTokens === void 0 ? void 0 : featuredTokens.length], () => __awaiter(void 0, void 0, void 0, function* () {
         var _a, _b, _c;
-        const data = yield lifi_1.LiFi.getTokens({ chains: [selectedChainId] });
+        const data = yield lifi.getTokens({ chains: [selectedChainId] });
         const featuredTokenAddresses = new Set(featuredTokens === null || featuredTokens === void 0 ? void 0 : featuredTokens.map((token) => token.address));
         return [
             ...((_a = featuredTokens === null || featuredTokens === void 0 ? void 0 : featuredTokens.map((token) => {

package/cjs/hooks/useTools.js

@@ -3,11 +3,12 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.useTools = void 0;
 const react_query_1 = require("@tanstack/react-query");
 const react_1 = require("react");
-const lifi_1 = require("../config/lifi");
+const providers_1 = require("../providers");
 const stores_1 = require("../stores");
 const useTools = () => {
+    const lifi = (0, providers_1.useLiFi)();
     const initializeTools = (0, stores_1.useSettingsStore)((state) => state.initializeTools);
-    const { data } = (0, react_query_1.useQuery)(['tools'], ({ signal }) => lifi_1.LiFi.getTools(undefined, { signal }), {
+    const { data } = (0, react_query_1.useQuery)(['tools'], ({ signal }) => lifi.getTools(undefined, { signal }), {
         onSuccess(data) {
             initializeTools('Bridges', data.bridges.map((bridge) => bridge.key));
             initializeTools('Exchanges', data.exchanges.map((exchange) => exchange.key));

package/cjs/hooks/useWidgetEvents.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="node" />
+import { EventEmitter } from 'events';
+export declare const useWidgetEvents: () => EventEmitter;

package/cjs/hooks/useWidgetEvents.js

@@ -0,0 +1,13 @@
+"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 events_1 = require("events");
+const zustand_1 = __importDefault(require("zustand"));
+const emitterStore = (0, zustand_1.default)()(() => new events_1.EventEmitter());
+const useWidgetEvents = () => {
+    return emitterStore();
+};
+exports.useWidgetEvents = useWidgetEvents;