@lifi/widget 2.9.4 → 3.0.0-alpha.1

package/src/_esm/hooks/useRouteExecution.js

@@ -0,0 +1,150 @@
+import { executeRoute, resumeRoute, updateRouteExecution } from '@lifi/sdk';
+import { useMutation, useQueryClient } from '@tanstack/react-query';
+import { useCallback, useEffect, useRef } from 'react';
+import { shallow } from 'zustand/shallow';
+import { getUpdatedProcess, isRouteActive, isRouteDone, isRouteFailed, useRouteExecutionStore, useRouteExecutionStoreContext, } from '../stores';
+import { WidgetEvent } from '../types/events';
+import { useAccount } from './useAccount';
+import { useWidgetEvents } from './useWidgetEvents';
+export const useRouteExecution = ({ routeId, executeInBackground, onAcceptExchangeRateUpdate, }) => {
+    const queryClient = useQueryClient();
+    const { account } = useAccount();
+    const resumedAfterMount = useRef(false);
+    const emitter = useWidgetEvents();
+    const routeExecutionStoreContext = useRouteExecutionStoreContext();
+    const routeExecution = useRouteExecutionStore((state) => state.routes[routeId]);
+    const [updateRoute, restartRoute, deleteRoute] = useRouteExecutionStore((state) => [state.updateRoute, state.restartRoute, state.deleteRoute], shallow);
+    const updateRouteHook = (updatedRoute) => {
+        const routeExecution = routeExecutionStoreContext.getState().routes[updatedRoute.id];
+        if (!routeExecution) {
+            return;
+        }
+        const clonedUpdatedRoute = structuredClone(updatedRoute);
+        updateRoute(clonedUpdatedRoute);
+        const process = getUpdatedProcess(routeExecution.route, clonedUpdatedRoute);
+        if (process) {
+            emitter.emit(WidgetEvent.RouteExecutionUpdated, {
+                route: clonedUpdatedRoute,
+                process,
+            });
+        }
+        if (isRouteDone(clonedUpdatedRoute)) {
+            emitter.emit(WidgetEvent.RouteExecutionCompleted, clonedUpdatedRoute);
+        }
+        if (isRouteFailed(clonedUpdatedRoute) && process) {
+            emitter.emit(WidgetEvent.RouteExecutionFailed, {
+                route: clonedUpdatedRoute,
+                process,
+            });
+        }
+        console.log('Route updated.', clonedUpdatedRoute);
+    };
+    const acceptExchangeRateUpdateHook = async (params) => {
+        if (!onAcceptExchangeRateUpdate) {
+            return false;
+        }
+        const accepted = await new Promise((resolve) => onAcceptExchangeRateUpdate(resolve, params));
+        return accepted;
+    };
+    const executeRouteMutation = useMutation({
+        mutationFn: () => {
+            if (!account.isConnected) {
+                throw Error('Account is not connected.');
+            }
+            if (!routeExecution?.route) {
+                throw Error('Execution route not found.');
+            }
+            queryClient.removeQueries({ queryKey: ['routes'], exact: false });
+            return executeRoute(routeExecution.route, {
+                updateRouteHook,
+                acceptExchangeRateUpdateHook,
+                infiniteApproval: false,
+                executeInBackground,
+            });
+        },
+        onMutate: () => {
+            console.log('Execution started.', routeId);
+            if (routeExecution) {
+                emitter.emit(WidgetEvent.RouteExecutionStarted, routeExecution.route);
+            }
+        },
+    });
+    const resumeRouteMutation = useMutation({
+        mutationFn: (resumedRoute) => {
+            if (!account.isConnected) {
+                throw Error('Account is not connected.');
+            }
+            if (!routeExecution?.route) {
+                throw Error('Execution route not found.');
+            }
+            return resumeRoute(resumedRoute ?? routeExecution.route, {
+                updateRouteHook,
+                acceptExchangeRateUpdateHook,
+                infiniteApproval: false,
+                executeInBackground,
+            });
+        },
+        onMutate: () => {
+            console.log('Resumed to execution.', routeId);
+        },
+    });
+    const _executeRoute = useCallback(() => {
+        executeRouteMutation.mutateAsync(undefined, {
+            onError: (error) => {
+                console.warn('Execution failed!', routeId, error);
+            },
+            onSuccess: (route) => {
+                console.log('Executed successfully!', route);
+            },
+        });
+    }, [executeRouteMutation, routeId]);
+    const _resumeRoute = useCallback((route) => {
+        resumeRouteMutation.mutateAsync(route, {
+            onError: (error) => {
+                console.warn('Resumed execution failed.', routeId, error);
+            },
+            onSuccess: (route) => {
+                console.log('Resumed execution successful.', route);
+            },
+        });
+    }, [resumeRouteMutation, routeId]);
+    const restartRouteMutation = useCallback(() => {
+        restartRoute(routeId);
+        _resumeRoute(routeExecution?.route);
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [_resumeRoute, routeExecution?.route, routeId]);
+    const deleteRouteMutation = useCallback(() => {
+        deleteRoute(routeId);
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [routeId]);
+    // Resume route execution after page reload
+    useEffect(() => {
+        // Check if route is eligible for automatic resuming
+        if (isRouteActive(routeExecution?.route) &&
+            account.isConnected &&
+            !resumedAfterMount.current) {
+            resumedAfterMount.current = true;
+            _resumeRoute();
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [account.isConnected]);
+    useEffect(() => {
+        return () => {
+            const route = routeExecutionStoreContext.getState().routes[routeId]?.route;
+            if (!route || !isRouteActive(route)) {
+                return;
+            }
+            updateRouteExecution(route, { executeInBackground: true });
+            console.log('Move route execution to background.', routeId);
+            resumedAfterMount.current = false;
+        };
+    }, [routeExecutionStoreContext, routeId]);
+    return {
+        executeRoute: _executeRoute,
+        restartRoute: restartRouteMutation,
+        deleteRoute: deleteRouteMutation,
+        route: routeExecution?.route,
+        status: routeExecution?.status,
+    };
+};
+//# sourceMappingURL=useRouteExecution.js.map

package/src/_esm/hooks/useRouteExecution.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useRouteExecution.js","sourceRoot":"","sources":["../../../../src/hooks/useRouteExecution.ts"],"names":[],"mappings":"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"}

package/src/_esm/hooks/useRoutes.d.ts

@@ -0,0 +1,14 @@
+import type { Route, RoutesResponse } from '@lifi/sdk';
+interface RoutesProps {
+    insurableRoute?: Route;
+}
+export declare const useRoutes: ({ insurableRoute }?: RoutesProps) => {
+    routes: Route[] | undefined;
+    isLoading: boolean;
+    isFetching: boolean;
+    isFetched: boolean;
+    dataUpdatedAt: number;
+    refetchTime: number;
+    refetch: (options?: import("node_modules/@tanstack/query-core/build/modern/queryClient-IoYjXsnV").Z | undefined) => Promise<import("node_modules/@tanstack/query-core/build/modern/queryClient-IoYjXsnV").ac<RoutesResponse, Error>>;
+};
+export {};

package/src/_esm/hooks/useRoutes.js

@@ -0,0 +1,231 @@
+import { LiFiErrorCode, getContractCallQuote, getRoutes } from '@lifi/sdk';
+import { useQuery, useQueryClient } from '@tanstack/react-query';
+import { getEnsAddress } from '@wagmi/core';
+import { useWatch } from 'react-hook-form';
+import { v4 as uuidv4 } from 'uuid';
+import { isAddress as isEVMAddress, parseUnits } from 'viem';
+import { normalize } from 'viem/ens';
+import { useConfig } from 'wagmi';
+import { useChain, useDebouncedWatch, useGasRefuel, useToken } from '.';
+import { FormKey, useWidgetConfig } from '../providers';
+import { useSettings } from '../stores';
+import { isSVMAddress } from '../utils';
+import { useAccount } from './useAccount';
+import { useSwapOnly } from './useSwapOnly';
+const refetchTime = 60000;
+export const useRoutes = ({ insurableRoute } = {}) => {
+    const { subvariant, sdkConfig, insurance, contractTool } = useWidgetConfig();
+    const { account } = useAccount();
+    const queryClient = useQueryClient();
+    const config = useConfig();
+    const swapOnly = useSwapOnly();
+    const { slippage, enabledBridges, enabledAutoRefuel, enabledExchanges, routePriority, } = useSettings([
+        'slippage',
+        'routePriority',
+        'enabledAutoRefuel',
+        'enabledBridges',
+        'enabledExchanges',
+    ]);
+    const [fromTokenAmount] = useDebouncedWatch([FormKey.FromAmount], 320);
+    const [fromChainId, fromTokenAddress, toAddress, toTokenAmount, toChainId, toContractAddress, toContractCallData, toContractGasLimit, toTokenAddress,] = useWatch({
+        name: [
+            FormKey.FromChain,
+            FormKey.FromToken,
+            FormKey.ToAddress,
+            FormKey.ToAmount,
+            FormKey.ToChain,
+            FormKey.ToContractAddress,
+            FormKey.ToContractCallData,
+            FormKey.ToContractGasLimit,
+            FormKey.ToToken,
+        ],
+    });
+    const { token: fromToken } = useToken(fromChainId, fromTokenAddress);
+    const { token: toToken } = useToken(toChainId, toTokenAddress);
+    const { chain: fromChain } = useChain(fromChainId);
+    const { chain: toChain } = useChain(toChainId);
+    const { enabled: enabledRefuel, fromAmount: gasRecommendationFromAmount } = useGasRefuel();
+    const hasAmount = (!isNaN(fromTokenAmount) && Number(fromTokenAmount) > 0) ||
+        (!isNaN(toTokenAmount) && Number(toTokenAmount) > 0);
+    const contractCallQuoteEnabled = subvariant === 'nft'
+        ? Boolean(toContractAddress && toContractCallData && toContractGasLimit)
+        : true;
+    // When we bridge between ecosystems we need to be sure toAddress is set
+    const isChainTypeSatisfied = fromChain?.chainType !== toChain?.chainType ? Boolean(toAddress) : true;
+    const isEnabled = !isNaN(fromChainId) &&
+        !isNaN(toChainId) &&
+        Boolean(fromToken?.address) &&
+        Boolean(toToken?.address) &&
+        !Number.isNaN(slippage) &&
+        hasAmount &&
+        isChainTypeSatisfied &&
+        contractCallQuoteEnabled;
+    const accountAddress = fromChain?.chainType === account.chainType ? account.address : undefined;
+    const queryKey = [
+        'routes',
+        accountAddress,
+        fromChainId,
+        fromToken?.address,
+        fromTokenAmount,
+        toAddress,
+        toChainId,
+        toToken?.address,
+        toTokenAmount,
+        toContractAddress,
+        toContractCallData,
+        toContractGasLimit,
+        slippage,
+        swapOnly ? [] : enabledBridges,
+        enabledExchanges,
+        routePriority,
+        subvariant,
+        sdkConfig?.routeOptions?.allowSwitchChain,
+        enabledRefuel && enabledAutoRefuel,
+        gasRecommendationFromAmount,
+        insurance,
+        insurableRoute?.id,
+    ];
+    const { data, isLoading, isFetching, isFetched, dataUpdatedAt, refetch } = useQuery({
+        queryKey,
+        queryFn: async ({ queryKey: [_, fromAddress, fromChainId, fromTokenAddress, fromTokenAmount, toAddress, toChainId, toTokenAddress, toTokenAmount, toContractAddress, toContractCallData, toContractGasLimit, slippage, enabledBridges, enabledExchanges, routePriority, subvariant, allowSwitchChain, enabledRefuel, gasRecommendationFromAmount, insurance, insurableRouteId,], signal, }) => {
+            let toWalletAddress = toAddress || fromAddress;
+            const isAddress = isEVMAddress(toAddress) || isSVMAddress(toAddress);
+            try {
+                // FIXME: resolve address in one place
+                toWalletAddress = !isAddress
+                    ? await getEnsAddress(config, {
+                        chainId: toChainId,
+                        name: normalize(toAddress),
+                    })
+                    : isAddress
+                        ? toAddress
+                        : fromAddress;
+            }
+            catch {
+                toWalletAddress = isAddress ? toAddress : fromAddress;
+            }
+            const fromAmount = parseUnits(fromTokenAmount, fromToken.decimals).toString();
+            const formattedSlippage = parseFloat(slippage) / 100;
+            const allowedBridges = insurableRoute
+                ? insurableRoute.steps.flatMap((step) => step.includedSteps
+                    .filter((includedStep) => includedStep.type === 'cross')
+                    .map((includedStep) => includedStep.toolDetails.key))
+                : enabledBridges;
+            const allowedExchanges = insurableRoute
+                ? insurableRoute.steps.flatMap((step) => step.includedSteps
+                    .filter((includedStep) => includedStep.type === 'swap')
+                    .map((includedStep) => includedStep.toolDetails.key))
+                : enabledExchanges;
+            if (subvariant === 'nft') {
+                const contractCallQuote = await getContractCallQuote({
+                    fromAddress,
+                    fromChain: fromChainId,
+                    fromToken: fromTokenAddress,
+                    toAmount: toTokenAmount,
+                    toChain: toChainId,
+                    toToken: toTokenAddress,
+                    toContractAddress,
+                    toContractCallData,
+                    toContractGasLimit,
+                    allowBridges: allowedBridges,
+                    toFallbackAddress: toWalletAddress,
+                    slippage: formattedSlippage,
+                }, { signal });
+                contractCallQuote.action.toToken = toToken;
+                const customStep = subvariant === 'nft'
+                    ? contractCallQuote.includedSteps?.find((step) => step.type === 'custom')
+                    : undefined;
+                if (customStep && contractTool) {
+                    const toolDetails = {
+                        key: contractTool.name,
+                        name: contractTool.name,
+                        logoURI: contractTool.logoURI,
+                    };
+                    customStep.toolDetails = toolDetails;
+                    contractCallQuote.toolDetails = toolDetails;
+                }
+                const route = {
+                    id: uuidv4(),
+                    fromChainId: contractCallQuote.action.fromChainId,
+                    fromAmountUSD: contractCallQuote.estimate.fromAmountUSD || '',
+                    fromAmount: contractCallQuote.action.fromAmount,
+                    fromToken: contractCallQuote.action.fromToken,
+                    fromAddress: contractCallQuote.action.fromAddress,
+                    toChainId: contractCallQuote.action.toChainId,
+                    toAmountUSD: contractCallQuote.estimate.toAmountUSD || '',
+                    toAmount: toTokenAmount,
+                    toAmountMin: toTokenAmount,
+                    toToken: toToken,
+                    toAddress: toWalletAddress,
+                    gasCostUSD: contractCallQuote.estimate.gasCosts?.[0].amountUSD,
+                    steps: [contractCallQuote],
+                    insurance: { state: 'NOT_INSURABLE', feeAmountUsd: '0' },
+                };
+                return { routes: [route] };
+            }
+            const data = await getRoutes({
+                fromChainId,
+                fromAmount,
+                fromTokenAddress,
+                toChainId,
+                toTokenAddress,
+                fromAddress,
+                toAddress: toWalletAddress,
+                fromAmountForGas: enabledRefuel && gasRecommendationFromAmount
+                    ? gasRecommendationFromAmount
+                    : undefined,
+                options: {
+                    slippage: formattedSlippage,
+                    bridges: {
+                        allow: allowedBridges,
+                    },
+                    exchanges: {
+                        allow: allowedExchanges,
+                    },
+                    order: routePriority,
+                    allowSwitchChain: subvariant === 'refuel' ? false : allowSwitchChain,
+                    insurance: insurance ? Boolean(insurableRoute) : undefined,
+                },
+            }, { signal });
+            if (data.routes[0] && fromAddress) {
+                // Update local tokens cache to keep priceUSD in sync
+                const { fromToken, toToken } = data.routes[0];
+                [fromToken, toToken].forEach((token) => {
+                    queryClient.setQueriesData({ queryKey: ['token-balances', fromAddress, token.chainId] }, (data) => {
+                        if (data) {
+                            const clonedData = [...data];
+                            const index = clonedData.findIndex((dataToken) => dataToken.address === token.address);
+                            clonedData[index] = {
+                                ...clonedData[index],
+                                ...token,
+                            };
+                            return clonedData;
+                        }
+                    });
+                });
+            }
+            return data;
+        },
+        enabled: isEnabled,
+        staleTime: refetchTime,
+        refetchInterval(query) {
+            return Math.min(Math.abs(refetchTime - (Date.now() - query.state.dataUpdatedAt)), refetchTime);
+        },
+        retry(_, error) {
+            if (error?.code === LiFiErrorCode.NotFound) {
+                return false;
+            }
+            return true;
+        },
+    });
+    return {
+        routes: data?.routes,
+        isLoading: isEnabled && isLoading,
+        isFetching,
+        isFetched,
+        dataUpdatedAt,
+        refetchTime,
+        refetch,
+    };
+};
+//# sourceMappingURL=useRoutes.js.map

package/src/_esm/hooks/useRoutes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useRoutes.js","sourceRoot":"","sources":["../../../../src/hooks/useRoutes.ts"],"names":[],"mappings":"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"}

package/src/_esm/hooks/useScrollableContainer.js

@@ -0,0 +1,33 @@
+import { useCallback, useLayoutEffect, useState } from 'react';
+import { createElementId, ElementId } from '../utils';
+import { useDefaultElementId } from './useDefaultElementId';
+export const getScrollableContainer = (elementId) => document.getElementById(createElementId(ElementId.ScrollableContainer, elementId));
+export const useGetScrollableContainer = () => {
+    const elementId = useDefaultElementId();
+    const getContainer = useCallback(() => getScrollableContainer(elementId), [elementId]);
+    return getContainer;
+};
+export const useScrollableContainer = (elementId) => {
+    const [containerElement, setContainerElement] = useState(() => getScrollableContainer(elementId));
+    useLayoutEffect(() => {
+        if (!containerElement) {
+            setContainerElement(getScrollableContainer(elementId));
+        }
+    }, [containerElement, elementId]);
+    return containerElement;
+};
+export const useScrollableOverflowHidden = () => {
+    const elementId = useDefaultElementId();
+    useLayoutEffect(() => {
+        const element = getScrollableContainer(elementId);
+        if (element) {
+            element.style.overflowY = 'hidden';
+        }
+        return () => {
+            if (element) {
+                element.style.overflowY = 'auto';
+            }
+        };
+    }, [elementId]);
+};
+//# sourceMappingURL=useScrollableContainer.js.map

package/src/_esm/hooks/useScrollableContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useScrollableContainer.js","sourceRoot":"","sources":["../../../../src/hooks/useScrollableContainer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC/D,OAAO,EAAE,eAAe,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AACtD,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAE5D,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,SAAiB,EAAE,EAAE,CAC1D,QAAQ,CAAC,cAAc,CACrB,eAAe,CAAC,SAAS,CAAC,mBAAmB,EAAE,SAAS,CAAC,CAC1D,CAAC;AAEJ,MAAM,CAAC,MAAM,yBAAyB,GAAG,GAAG,EAAE;IAC5C,MAAM,SAAS,GAAG,mBAAmB,EAAE,CAAC;IACxC,MAAM,YAAY,GAAG,WAAW,CAC9B,GAAG,EAAE,CAAC,sBAAsB,CAAC,SAAS,CAAC,EACvC,CAAC,SAAS,CAAC,CACZ,CAAC;IAEF,OAAO,YAAY,CAAC;AACtB,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,SAAiB,EAAE,EAAE;IAC1D,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,QAAQ,CAAC,GAAG,EAAE,CAC5D,sBAAsB,CAAC,SAAS,CAAC,CAClC,CAAC;IAEF,eAAe,CAAC,GAAG,EAAE;QACnB,IAAI,CAAC,gBAAgB,EAAE,CAAC;YACtB,mBAAmB,CAAC,sBAAsB,CAAC,SAAS,CAAC,CAAC,CAAC;QACzD,CAAC;IACH,CAAC,EAAE,CAAC,gBAAgB,EAAE,SAAS,CAAC,CAAC,CAAC;IAElC,OAAO,gBAAgB,CAAC;AAC1B,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,2BAA2B,GAAG,GAAG,EAAE;IAC9C,MAAM,SAAS,GAAG,mBAAmB,EAAE,CAAC;IACxC,eAAe,CAAC,GAAG,EAAE;QACnB,MAAM,OAAO,GAAG,sBAAsB,CAAC,SAAS,CAAC,CAAC;QAClD,IAAI,OAAO,EAAE,CAAC;YACZ,OAAO,CAAC,KAAK,CAAC,SAAS,GAAG,QAAQ,CAAC;QACrC,CAAC;QACD,OAAO,GAAG,EAAE;YACV,IAAI,OAAO,EAAE,CAAC;gBACZ,OAAO,CAAC,KAAK,CAAC,SAAS,GAAG,MAAM,CAAC;YACnC,CAAC;QACH,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;AAClB,CAAC,CAAC"}

package/src/_esm/hooks/useSettingMonitor.d.ts

@@ -0,0 +1,11 @@
+export declare const useSettingMonitor: () => {
+    isBridgesChanged: boolean;
+    isExchangesChanged: boolean;
+    isSlippageChanged: boolean;
+    isSlippageOutsideRecommendedLimits: boolean;
+    isRoutePriorityChanged: boolean;
+    isGasPriceChanged: boolean;
+    isCustomRouteSettings: boolean;
+    isRouteSettingsWithWarnings: boolean;
+    reset: () => void;
+};

package/src/_esm/hooks/useSettingMonitor.js

@@ -0,0 +1,54 @@
+import { defaultConfigurableSettings, setDefaultSettings, useSettingsStore, } from '../stores';
+import { shallow } from 'zustand/shallow';
+import { useTools } from './useTools';
+import { useWidgetConfig } from '../providers';
+export const useSettingMonitor = () => {
+    const [enabledBridges, enabledExchanges, routePriority, slippage, gasPrice] = useSettingsStore((state) => [
+        state.enabledBridges,
+        state.enabledExchanges,
+        state.routePriority,
+        state.slippage,
+        state.gasPrice,
+    ], shallow);
+    const { tools } = useTools();
+    const resetSettings = useSettingsStore((state) => state.reset);
+    const config = useWidgetConfig();
+    const isSlippageChanged = config.slippage
+        ? Number(slippage) !== config.slippage * 100
+        : slippage !== defaultConfigurableSettings.slippage;
+    const isSlippageOutsideRecommendedLimits = isSlippageChanged && Number(slippage) > 1;
+    const isRoutePriorityChanged = config.routePriority
+        ? routePriority !== config.routePriority
+        : routePriority !== defaultConfigurableSettings.routePriority;
+    const isGasPriceChanged = gasPrice !== defaultConfigurableSettings.gasPrice;
+    const isBridgesChanged = tools?.bridges
+        ? tools?.bridges?.length !== enabledBridges?.length
+        : false;
+    const isExchangesChanged = tools?.exchanges
+        ? tools?.exchanges?.length !== enabledExchanges?.length
+        : false;
+    const isCustomRouteSettings = isBridgesChanged ||
+        isExchangesChanged ||
+        isSlippageChanged ||
+        isRoutePriorityChanged ||
+        isGasPriceChanged;
+    const isRouteSettingsWithWarnings = isSlippageOutsideRecommendedLimits;
+    const reset = () => {
+        if (tools) {
+            resetSettings(config, tools.bridges.map((tool) => tool.key), tools.exchanges.map((tool) => tool.key));
+            setDefaultSettings(config);
+        }
+    };
+    return {
+        isBridgesChanged,
+        isExchangesChanged,
+        isSlippageChanged,
+        isSlippageOutsideRecommendedLimits,
+        isRoutePriorityChanged,
+        isGasPriceChanged,
+        isCustomRouteSettings,
+        isRouteSettingsWithWarnings,
+        reset,
+    };
+};
+//# sourceMappingURL=useSettingMonitor.js.map

package/src/_esm/hooks/useSettingMonitor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSettingMonitor.js","sourceRoot":"","sources":["../../../../src/hooks/useSettingMonitor.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,2BAA2B,EAC3B,kBAAkB,EAClB,gBAAgB,GACjB,MAAM,WAAW,CAAC;AACnB,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAE/C,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,EAAE;IACpC,MAAM,CAAC,cAAc,EAAE,gBAAgB,EAAE,aAAa,EAAE,QAAQ,EAAE,QAAQ,CAAC,GACzE,gBAAgB,CACd,CAAC,KAAK,EAAE,EAAE,CAAC;QACT,KAAK,CAAC,cAAc;QACpB,KAAK,CAAC,gBAAgB;QACtB,KAAK,CAAC,aAAa;QACnB,KAAK,CAAC,QAAQ;QACd,KAAK,CAAC,QAAQ;KACf,EACD,OAAO,CACR,CAAC;IACJ,MAAM,EAAE,KAAK,EAAE,GAAG,QAAQ,EAAE,CAAC;IAC7B,MAAM,aAAa,GAAG,gBAAgB,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;IAC/D,MAAM,MAAM,GAAG,eAAe,EAAE,CAAC;IAEjC,MAAM,iBAAiB,GAAG,MAAM,CAAC,QAAQ;QACvC,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,KAAK,MAAM,CAAC,QAAQ,GAAG,GAAG;QAC5C,CAAC,CAAC,QAAQ,KAAK,2BAA2B,CAAC,QAAQ,CAAC;IAEtD,MAAM,kCAAkC,GACtC,iBAAiB,IAAI,MAAM,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC;IAE5C,MAAM,sBAAsB,GAAG,MAAM,CAAC,aAAa;QACjD,CAAC,CAAC,aAAa,KAAK,MAAM,CAAC,aAAa;QACxC,CAAC,CAAC,aAAa,KAAK,2BAA2B,CAAC,aAAa,CAAC;IAEhE,MAAM,iBAAiB,GAAG,QAAQ,KAAK,2BAA2B,CAAC,QAAQ,CAAC;IAE5E,MAAM,gBAAgB,GAAG,KAAK,EAAE,OAAO;QACrC,CAAC,CAAC,KAAK,EAAE,OAAO,EAAE,MAAM,KAAK,cAAc,EAAE,MAAM;QACnD,CAAC,CAAC,KAAK,CAAC;IAEV,MAAM,kBAAkB,GAAG,KAAK,EAAE,SAAS;QACzC,CAAC,CAAC,KAAK,EAAE,SAAS,EAAE,MAAM,KAAK,gBAAgB,EAAE,MAAM;QACvD,CAAC,CAAC,KAAK,CAAC;IAEV,MAAM,qBAAqB,GACzB,gBAAgB;QAChB,kBAAkB;QAClB,iBAAiB;QACjB,sBAAsB;QACtB,iBAAiB,CAAC;IAEpB,MAAM,2BAA2B,GAAG,kCAAkC,CAAC;IAEvE,MAAM,KAAK,GAAG,GAAG,EAAE;QACjB,IAAI,KAAK,EAAE,CAAC;YACV,aAAa,CACX,MAAM,EACN,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,EACrC,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,CACxC,CAAC;YAEF,kBAAkB,CAAC,MAAM,CAAC,CAAC;QAC7B,CAAC;IACH,CAAC,CAAC;IAEF,OAAO;QACL,gBAAgB;QAChB,kBAAkB;QAClB,iBAAiB;QACjB,kCAAkC;QAClC,sBAAsB;QACtB,iBAAiB;QACjB,qBAAqB;QACrB,2BAA2B;QAC3B,KAAK;KACN,CAAC;AACJ,CAAC,CAAC"}

package/src/_esm/hooks/useSwapOnly.js

@@ -0,0 +1,6 @@
+import { useSplitSubvariantStore } from '../stores';
+export const useSwapOnly = () => {
+    const state = useSplitSubvariantStore((state) => state.state);
+    return state === 'swap';
+};
+//# sourceMappingURL=useSwapOnly.js.map

package/src/_esm/hooks/useSwapOnly.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSwapOnly.js","sourceRoot":"","sources":["../../../../src/hooks/useSwapOnly.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAE,MAAM,WAAW,CAAC;AAEpD,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,EAAE;IAC9B,MAAM,KAAK,GAAG,uBAAuB,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;IAC9D,OAAO,KAAK,KAAK,MAAM,CAAC;AAC1B,CAAC,CAAC"}

package/src/_esm/hooks/useToken.js

@@ -0,0 +1,17 @@
+import { useMemo } from 'react';
+import { useTokens } from './useTokens';
+import { useTokenSearch } from './useTokenSearch';
+export const useToken = (chainId, tokenAddress) => {
+    const { tokens, isLoading } = useTokens(chainId);
+    const token = useMemo(() => {
+        const token = tokens?.find((token) => token.address === tokenAddress && token.chainId === chainId);
+        return token;
+    }, [chainId, tokenAddress, tokens]);
+    const tokenSearchEnabled = !isLoading && !token;
+    const { token: searchedToken, isLoading: isSearchedTokenLoading } = useTokenSearch(chainId, tokenAddress, tokenSearchEnabled);
+    return {
+        token: token ?? searchedToken,
+        isLoading: isLoading || (tokenSearchEnabled && isSearchedTokenLoading),
+    };
+};
+//# sourceMappingURL=useToken.js.map

package/src/_esm/hooks/useToken.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useToken.js","sourceRoot":"","sources":["../../../../src/hooks/useToken.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAElD,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,OAAgB,EAAE,YAAqB,EAAE,EAAE;IAClE,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,GAAG,SAAS,CAAC,OAAO,CAAC,CAAC;IAEjD,MAAM,KAAK,GAAG,OAAO,CAAC,GAAG,EAAE;QACzB,MAAM,KAAK,GAAG,MAAM,EAAE,IAAI,CACxB,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,OAAO,KAAK,YAAY,IAAI,KAAK,CAAC,OAAO,KAAK,OAAO,CACvE,CAAC;QACF,OAAO,KAAK,CAAC;IACf,CAAC,EAAE,CAAC,OAAO,EAAE,YAAY,EAAE,MAAM,CAAC,CAAC,CAAC;IAEpC,MAAM,kBAAkB,GAAG,CAAC,SAAS,IAAI,CAAC,KAAK,CAAC;IAChD,MAAM,EAAE,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,sBAAsB,EAAE,GAC/D,cAAc,CAAC,OAAO,EAAE,YAAY,EAAE,kBAAkB,CAAC,CAAC;IAE5D,OAAO;QACL,KAAK,EAAE,KAAK,IAAI,aAAa;QAC7B,SAAS,EAAE,SAAS,IAAI,CAAC,kBAAkB,IAAI,sBAAsB,CAAC;KACvE,CAAC;AACJ,CAAC,CAAC"}

package/src/_esm/hooks/useTokenAddressBalance.d.ts

@@ -0,0 +1,5 @@
+export declare const useTokenAddressBalance: (chainId?: number, tokenAddress?: string) => {
+    token: import("..").TokenAmount | undefined;
+    isLoading: boolean;
+    refetch: (options?: import("node_modules/@tanstack/query-core/build/modern/queryClient-IoYjXsnV").Z | undefined) => Promise<import("node_modules/@tanstack/query-core/build/modern/queryClient-IoYjXsnV").ac<import("..").TokenAmount[], Error>>;
+};

package/src/_esm/hooks/useTokenAddressBalance.js

@@ -0,0 +1,17 @@
+import { useMemo } from 'react';
+import { useTokenBalances } from './useTokenBalances';
+export const useTokenAddressBalance = (chainId, tokenAddress) => {
+    const { tokens, tokensWithBalance, isBalanceLoading, refetch } = useTokenBalances(chainId);
+    const token = useMemo(() => {
+        if (tokenAddress && chainId) {
+            const token = (tokensWithBalance ?? tokens)?.find((token) => token.address === tokenAddress && token.chainId === chainId);
+            return token;
+        }
+    }, [chainId, tokenAddress, tokens, tokensWithBalance]);
+    return {
+        token,
+        isLoading: isBalanceLoading,
+        refetch,
+    };
+};
+//# sourceMappingURL=useTokenAddressBalance.js.map

package/src/_esm/hooks/useTokenAddressBalance.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTokenAddressBalance.js","sourceRoot":"","sources":["../../../../src/hooks/useTokenAddressBalance.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAEtD,MAAM,CAAC,MAAM,sBAAsB,GAAG,CACpC,OAAgB,EAChB,YAAqB,EACrB,EAAE;IACF,MAAM,EAAE,MAAM,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,OAAO,EAAE,GAC5D,gBAAgB,CAAC,OAAO,CAAC,CAAC;IAE5B,MAAM,KAAK,GAAG,OAAO,CAAC,GAAG,EAAE;QACzB,IAAI,YAAY,IAAI,OAAO,EAAE,CAAC;YAC5B,MAAM,KAAK,GAAG,CAAC,iBAAiB,IAAI,MAAM,CAAC,EAAE,IAAI,CAC/C,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,OAAO,KAAK,YAAY,IAAI,KAAK,CAAC,OAAO,KAAK,OAAO,CACvE,CAAC;YACF,OAAO,KAAK,CAAC;QACf,CAAC;IACH,CAAC,EAAE,CAAC,OAAO,EAAE,YAAY,EAAE,MAAM,EAAE,iBAAiB,CAAC,CAAC,CAAC;IAEvD,OAAO;QACL,KAAK;QACL,SAAS,EAAE,gBAAgB;QAC3B,OAAO;KACR,CAAC;AACJ,CAAC,CAAC"}

package/src/_esm/hooks/useTokenBalance.d.ts

@@ -0,0 +1,11 @@
+import type { ExtendedChain } from '@lifi/sdk';
+import { type Token, type TokenAmount } from '@lifi/sdk';
+export declare const useTokenBalance: (accountAddress?: string, token?: Token, chain?: ExtendedChain) => {
+    token: TokenAmount | undefined;
+    isLoading: boolean;
+    refetch: (options?: import("node_modules/@tanstack/query-core/build/modern/queryClient-IoYjXsnV").Z | undefined) => Promise<import("node_modules/@tanstack/query-core/build/modern/queryClient-IoYjXsnV").ac<TokenAmount, Error>>;
+    refetchNewBalance: () => void;
+    refetchAllBalances: () => void;
+    getTokenBalancesWithRetry: (accountAddress: string, tokens: Token[], depth?: number) => Promise<TokenAmount[] | undefined>;
+};
+export declare const getTokenBalancesWithRetry: (accountAddress: string, tokens: Token[], depth?: number) => Promise<TokenAmount[] | undefined>;