@lifi/widget 3.0.0-alpha.2 → 3.0.0-alpha.21

package/_cjs/hooks/useSettingMonitor.js

@@ -0,0 +1,58 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useSettingMonitor = void 0;
+const stores_1 = require("../stores");
+const shallow_1 = require("zustand/shallow");
+const useTools_1 = require("./useTools");
+const providers_1 = require("../providers");
+const useSettingMonitor = () => {
+    const [enabledBridges, enabledExchanges, routePriority, slippage, gasPrice] = (0, stores_1.useSettingsStore)((state) => [
+        state.enabledBridges,
+        state.enabledExchanges,
+        state.routePriority,
+        state.slippage,
+        state.gasPrice,
+    ], shallow_1.shallow);
+    const { tools } = (0, useTools_1.useTools)();
+    const resetSettings = (0, stores_1.useSettingsStore)((state) => state.reset);
+    const config = (0, providers_1.useWidgetConfig)();
+    const isSlippageChanged = config.slippage
+        ? Number(slippage) !== config.slippage * 100
+        : slippage !== stores_1.defaultConfigurableSettings.slippage;
+    const isSlippageOutsideRecommendedLimits = isSlippageChanged && Number(slippage) > 1;
+    const isRoutePriorityChanged = config.routePriority
+        ? routePriority !== config.routePriority
+        : routePriority !== stores_1.defaultConfigurableSettings.routePriority;
+    const isGasPriceChanged = gasPrice !== stores_1.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));
+            (0, stores_1.setDefaultSettings)(config);
+        }
+    };
+    return {
+        isBridgesChanged,
+        isExchangesChanged,
+        isSlippageChanged,
+        isSlippageOutsideRecommendedLimits,
+        isRoutePriorityChanged,
+        isGasPriceChanged,
+        isCustomRouteSettings,
+        isRouteSettingsWithWarnings,
+        reset,
+    };
+};
+exports.useSettingMonitor = useSettingMonitor;
+//# sourceMappingURL=useSettingMonitor.js.map

package/_cjs/hooks/useSettingMonitor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSettingMonitor.js","sourceRoot":"","sources":["../../hooks/useSettingMonitor.ts"],"names":[],"mappings":";;;AAAA,sCAImB;AACnB,6CAA0C;AAC1C,yCAAsC;AACtC,4CAA+C;AAExC,MAAM,iBAAiB,GAAG,GAAG,EAAE;IACpC,MAAM,CAAC,cAAc,EAAE,gBAAgB,EAAE,aAAa,EAAE,QAAQ,EAAE,QAAQ,CAAC,GACzE,IAAA,yBAAgB,EACd,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,iBAAO,CACR,CAAC;IACJ,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,mBAAQ,GAAE,CAAC;IAC7B,MAAM,aAAa,GAAG,IAAA,yBAAgB,EAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;IAC/D,MAAM,MAAM,GAAG,IAAA,2BAAe,GAAE,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,oCAA2B,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,oCAA2B,CAAC,aAAa,CAAC;IAEhE,MAAM,iBAAiB,GAAG,QAAQ,KAAK,oCAA2B,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,IAAA,2BAAkB,EAAC,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;AArEW,QAAA,iBAAiB,qBAqE5B"}

package/_cjs/hooks/useSwapOnly.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useSwapOnly = void 0;
+const stores_1 = require("../stores");
+const useSwapOnly = () => {
+    const state = (0, stores_1.useSplitSubvariantStore)((state) => state.state);
+    return state === 'swap';
+};
+exports.useSwapOnly = useSwapOnly;
+//# sourceMappingURL=useSwapOnly.js.map

package/_cjs/hooks/useSwapOnly.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSwapOnly.js","sourceRoot":"","sources":["../../hooks/useSwapOnly.ts"],"names":[],"mappings":";;;AAAA,sCAAoD;AAE7C,MAAM,WAAW,GAAG,GAAG,EAAE;IAC9B,MAAM,KAAK,GAAG,IAAA,gCAAuB,EAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;IAC9D,OAAO,KAAK,KAAK,MAAM,CAAC;AAC1B,CAAC,CAAC;AAHW,QAAA,WAAW,eAGtB"}

package/_cjs/hooks/useToAddressRequirements.d.ts

@@ -0,0 +1,4 @@
+export declare const useToAddressRequirements: () => {
+    requiredToAddress: boolean | undefined;
+    requiredToChainType: import("@lifi/types").ChainType | undefined;
+};

package/_cjs/hooks/useToAddressRequirements.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useToAddressRequirements = void 0;
+const hooks_1 = require("../hooks");
+const providers_1 = require("../providers");
+const stores_1 = require("../stores");
+const types_1 = require("../types");
+const useToAddressRequirements = () => {
+    const { requiredUI } = (0, providers_1.useWidgetConfig)();
+    const [fromChainId, toChainId] = (0, stores_1.useFieldValues)('fromChain', 'toChain');
+    const { chain: fromChain } = (0, hooks_1.useChain)(fromChainId);
+    const { chain: toChain } = (0, hooks_1.useChain)(toChainId);
+    const isDifferentChainType = fromChain && toChain && fromChain.chainType !== toChain.chainType;
+    const requiredToAddress = requiredUI?.includes(types_1.RequiredUI.ToAddress) || isDifferentChainType;
+    return {
+        requiredToAddress,
+        requiredToChainType: toChain?.chainType,
+    };
+};
+exports.useToAddressRequirements = useToAddressRequirements;
+//# sourceMappingURL=useToAddressRequirements.js.map

package/_cjs/hooks/useToAddressRequirements.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useToAddressRequirements.js","sourceRoot":"","sources":["../../hooks/useToAddressRequirements.ts"],"names":[],"mappings":";;;AAAA,oCAAoC;AACpC,4CAA+C;AAC/C,sCAA2C;AAC3C,oCAAsC;AAE/B,MAAM,wBAAwB,GAAG,GAAG,EAAE;IAC3C,MAAM,EAAE,UAAU,EAAE,GAAG,IAAA,2BAAe,GAAE,CAAC;IACzC,MAAM,CAAC,WAAW,EAAE,SAAS,CAAC,GAAG,IAAA,uBAAc,EAAC,WAAW,EAAE,SAAS,CAAC,CAAC;IAExE,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,IAAA,gBAAQ,EAAC,WAAW,CAAC,CAAC;IACnD,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,IAAA,gBAAQ,EAAC,SAAS,CAAC,CAAC;IAE/C,MAAM,oBAAoB,GACxB,SAAS,IAAI,OAAO,IAAI,SAAS,CAAC,SAAS,KAAK,OAAO,CAAC,SAAS,CAAC;IAEpE,MAAM,iBAAiB,GACrB,UAAU,EAAE,QAAQ,CAAC,kBAAU,CAAC,SAAS,CAAC,IAAI,oBAAoB,CAAC;IAErE,OAAO;QACL,iBAAiB;QACjB,mBAAmB,EAAE,OAAO,EAAE,SAAS;KACxC,CAAC;AACJ,CAAC,CAAC;AAjBW,QAAA,wBAAwB,4BAiBnC"}

package/_cjs/hooks/useToAddressReset.d.ts

@@ -0,0 +1,4 @@
+import type { ExtendedChain } from '@lifi/sdk';
+export declare const useToAddressReset: () => {
+    tryResetToAddress: (toChain: ExtendedChain) => void;
+};

package/_cjs/hooks/useToAddressReset.js

@@ -0,0 +1,32 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useToAddressReset = void 0;
+const providers_1 = require("../providers");
+const stores_1 = require("../stores");
+const types_1 = require("../types");
+const useToAddressReset = () => {
+    const { requiredUI } = (0, providers_1.useWidgetConfig)();
+    const { setFieldValue } = (0, stores_1.useFieldActions)();
+    const { selectedBookmark } = (0, stores_1.useBookmarks)();
+    const { setSelectedBookmark } = (0, stores_1.useBookmarkActions)();
+    const tryResetToAddress = (toChain) => {
+        const requiredToAddress = requiredUI?.includes(types_1.RequiredUI.ToAddress);
+        const bookmarkSatisfiesToChainType = selectedBookmark?.chainType === toChain?.chainType;
+        const shouldResetToAddress = !requiredToAddress && !bookmarkSatisfiesToChainType;
+        // toAddress field is required (always visible) when bridging between
+        // two ecosystems (fromChain and toChain have different chain types).
+        // We clean up toAddress on every chain change if toAddress is not required.
+        // This is used when we switch between different chain ecosystems (chain types) and
+        // prevents cases when after we switch the chain from one type to another "Send to wallet" field hides,
+        // but it keeps toAddress value set for the previous chain pair.
+        if (shouldResetToAddress) {
+            setSelectedBookmark();
+            setFieldValue('toAddress', '');
+        }
+    };
+    return {
+        tryResetToAddress,
+    };
+};
+exports.useToAddressReset = useToAddressReset;
+//# sourceMappingURL=useToAddressReset.js.map

package/_cjs/hooks/useToAddressReset.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useToAddressReset.js","sourceRoot":"","sources":["../../hooks/useToAddressReset.ts"],"names":[],"mappings":";;;AACA,4CAA+C;AAC/C,sCAA8E;AAC9E,oCAAsC;AAE/B,MAAM,iBAAiB,GAAG,GAAG,EAAE;IACpC,MAAM,EAAE,UAAU,EAAE,GAAG,IAAA,2BAAe,GAAE,CAAC;IACzC,MAAM,EAAE,aAAa,EAAE,GAAG,IAAA,wBAAe,GAAE,CAAC;IAC5C,MAAM,EAAE,gBAAgB,EAAE,GAAG,IAAA,qBAAY,GAAE,CAAC;IAC5C,MAAM,EAAE,mBAAmB,EAAE,GAAG,IAAA,2BAAkB,GAAE,CAAC;IAErD,MAAM,iBAAiB,GAAG,CAAC,OAAsB,EAAE,EAAE;QACnD,MAAM,iBAAiB,GAAG,UAAU,EAAE,QAAQ,CAAC,kBAAU,CAAC,SAAS,CAAC,CAAC;QAErE,MAAM,4BAA4B,GAChC,gBAAgB,EAAE,SAAS,KAAK,OAAO,EAAE,SAAS,CAAC;QAErD,MAAM,oBAAoB,GACxB,CAAC,iBAAiB,IAAI,CAAC,4BAA4B,CAAC;QAEtD,qEAAqE;QACrE,qEAAqE;QACrE,4EAA4E;QAC5E,mFAAmF;QACnF,uGAAuG;QACvG,gEAAgE;QAChE,IAAI,oBAAoB,EAAE,CAAC;YACzB,mBAAmB,EAAE,CAAC;YACtB,aAAa,CAAC,WAAW,EAAE,EAAE,CAAC,CAAC;QACjC,CAAC;IACH,CAAC,CAAC;IAEF,OAAO;QACL,iBAAiB;KAClB,CAAC;AACJ,CAAC,CAAC;AA9BW,QAAA,iBAAiB,qBA8B5B"}

package/_cjs/hooks/useToken.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useToken = void 0;
+const react_1 = require("react");
+const useTokens_1 = require("./useTokens");
+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?.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 ?? searchedToken,
+        isLoading: isLoading || (tokenSearchEnabled && isSearchedTokenLoading),
+    };
+};
+exports.useToken = useToken;
+//# sourceMappingURL=useToken.js.map

package/_cjs/hooks/useToken.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useToken.js","sourceRoot":"","sources":["../../hooks/useToken.ts"],"names":[],"mappings":";;;AAAA,iCAAgC;AAChC,2CAAwC;AACxC,qDAAkD;AAE3C,MAAM,QAAQ,GAAG,CAAC,OAAgB,EAAE,YAAqB,EAAE,EAAE;IAClE,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,qBAAS,EAAC,OAAO,CAAC,CAAC;IAEjD,MAAM,KAAK,GAAG,IAAA,eAAO,EAAC,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,IAAA,+BAAc,EAAC,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;AAlBW,QAAA,QAAQ,YAkBnB"}

package/_cjs/hooks/useTokenAddressBalance.d.ts

@@ -0,0 +1,6 @@
+export declare const useTokenAddressBalance: (chainId?: number, tokenAddress?: string) => {
+    token: import("..").TokenAmount | undefined;
+    chain: import("@lifi/types").ExtendedChain | undefined;
+    isLoading: boolean;
+    refetch: (options?: import("@tanstack/query-core/build/legacy/queryClient-MRqjmcFa")._ | undefined) => Promise<import("@tanstack/query-core/build/legacy/queryClient-MRqjmcFa").ae<import("..").TokenAmount[], Error>>;
+};

package/_cjs/hooks/useTokenAddressBalance.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useTokenAddressBalance = void 0;
+const react_1 = require("react");
+const useTokenBalances_1 = require("./useTokenBalances");
+const useTokenAddressBalance = (chainId, tokenAddress) => {
+    const { tokens, tokensWithBalance, chain, isBalanceLoading, refetch } = (0, useTokenBalances_1.useTokenBalances)(chainId);
+    const token = (0, react_1.useMemo)(() => {
+        if (tokenAddress && chainId) {
+            const token = (tokensWithBalance ?? tokens)?.find((token) => token.address === tokenAddress && token.chainId === chainId);
+            return token;
+        }
+    }, [chainId, tokenAddress, tokens, tokensWithBalance]);
+    return {
+        token,
+        chain,
+        isLoading: isBalanceLoading,
+        refetch,
+    };
+};
+exports.useTokenAddressBalance = useTokenAddressBalance;
+//# sourceMappingURL=useTokenAddressBalance.js.map

package/_cjs/hooks/useTokenAddressBalance.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTokenAddressBalance.js","sourceRoot":"","sources":["../../hooks/useTokenAddressBalance.ts"],"names":[],"mappings":";;;AAAA,iCAAgC;AAChC,yDAAsD;AAE/C,MAAM,sBAAsB,GAAG,CACpC,OAAgB,EAChB,YAAqB,EACrB,EAAE;IACF,MAAM,EAAE,MAAM,EAAE,iBAAiB,EAAE,KAAK,EAAE,gBAAgB,EAAE,OAAO,EAAE,GACnE,IAAA,mCAAgB,EAAC,OAAO,CAAC,CAAC;IAE5B,MAAM,KAAK,GAAG,IAAA,eAAO,EAAC,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,KAAK;QACL,SAAS,EAAE,gBAAgB;QAC3B,OAAO;KACR,CAAC;AACJ,CAAC,CAAC;AAtBW,QAAA,sBAAsB,0BAsBjC"}

package/_cjs/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("@tanstack/query-core/build/legacy/queryClient-MRqjmcFa")._ | undefined) => Promise<import("@tanstack/query-core/build/legacy/queryClient-MRqjmcFa").ae<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>;

package/_cjs/hooks/useTokenBalance.js

@@ -0,0 +1,93 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getTokenBalancesWithRetry = exports.useTokenBalance = void 0;
+const sdk_1 = require("@lifi/sdk");
+const react_query_1 = require("@tanstack/react-query");
+const react_1 = require("react");
+const useAccount_1 = require("./useAccount");
+const defaultRefetchInterval = 30000;
+const useTokenBalance = (accountAddress, token, chain) => {
+    const { account } = (0, useAccount_1.useAccount)(
+    // When we provide chain we want to be sure that account address used is from the same ecosystem as token
+    chain ? { chainType: chain.chainType } : undefined);
+    const queryClient = (0, react_query_1.useQueryClient)();
+    const walletAddress = accountAddress || account.address;
+    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)({
+        queryKey: tokenBalanceQueryKey,
+        queryFn: async ({ queryKey: [, accountAddress, tokenChainId, tokenAddress], }) => {
+            const tokenBalances = await (0, exports.getTokenBalancesWithRetry)(accountAddress, [token]);
+            if (!tokenBalances?.length) {
+                throw Error('Could not get tokens balance.');
+            }
+            const cachedTokenAmount = queryClient.getQueryData(tokenBalanceQueryKey);
+            const tokenAmount = tokenBalances[0].amount;
+            if (cachedTokenAmount?.amount !== tokenAmount) {
+                queryClient.setQueryDefaults(tokenBalanceQueryKey, {
+                    refetchInterval: defaultRefetchInterval,
+                    staleTime: defaultRefetchInterval,
+                });
+            }
+            queryClient.setQueriesData({ queryKey: ['token-balances', accountAddress, tokenChainId] }, (data) => {
+                if (data) {
+                    const clonedData = [...data];
+                    const index = clonedData.findIndex((dataToken) => dataToken.address === tokenAddress);
+                    clonedData[index] = {
+                        ...clonedData[index],
+                        amount: tokenAmount,
+                    };
+                    return clonedData;
+                }
+            });
+            return {
+                ...tokenBalances[0],
+                amount: tokenAmount,
+            };
+        },
+        enabled: Boolean(walletAddress && token),
+        refetchInterval: defaultRefetchInterval,
+        staleTime: defaultRefetchInterval,
+    });
+    const refetchAllBalances = () => {
+        queryClient.refetchQueries({
+            queryKey: ['token-balances', accountAddress, token?.chainId],
+            exact: false,
+        });
+    };
+    const refetchNewBalance = (0, react_1.useCallback)(() => {
+        queryClient.setQueryDefaults(tokenBalanceQueryKey, {
+            refetchInterval: 250,
+            staleTime: 250,
+        });
+    }, [queryClient, tokenBalanceQueryKey]);
+    return {
+        token: data,
+        isLoading,
+        refetch,
+        refetchNewBalance,
+        refetchAllBalances,
+        getTokenBalancesWithRetry: exports.getTokenBalancesWithRetry,
+    };
+};
+exports.useTokenBalance = useTokenBalance;
+const getTokenBalancesWithRetry = async (accountAddress, tokens, depth = 0) => {
+    try {
+        const tokenBalances = await (0, sdk_1.getTokenBalances)(accountAddress, tokens);
+        if (!tokenBalances.every((token) => token.blockNumber)) {
+            if (depth > 10) {
+                console.warn('Token balance backoff depth exceeded.');
+                return undefined;
+            }
+            await new Promise((resolve) => {
+                setTimeout(resolve, 1.5 ** depth * 100);
+            });
+            return (0, exports.getTokenBalancesWithRetry)(accountAddress, tokens, depth + 1);
+        }
+        return tokenBalances;
+    }
+    catch (error) {
+        //
+    }
+};
+exports.getTokenBalancesWithRetry = getTokenBalancesWithRetry;
+//# sourceMappingURL=useTokenBalance.js.map

package/_cjs/hooks/useTokenBalance.js.map

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

package/_cjs/hooks/useTokenBalances.d.ts

@@ -0,0 +1,10 @@
+import type { TokenAmount } from '../types';
+export declare const useTokenBalances: (selectedChainId?: number) => {
+    tokens: TokenAmount[] | undefined;
+    tokensWithBalance: TokenAmount[] | undefined;
+    featuredTokens: import("@lifi/sdk").StaticToken[] | undefined;
+    chain: import("@lifi/sdk").ExtendedChain | undefined;
+    isLoading: boolean;
+    isBalanceLoading: boolean;
+    refetch: (options?: import("@tanstack/query-core/build/legacy/queryClient-MRqjmcFa")._ | undefined) => Promise<import("@tanstack/query-core/build/legacy/queryClient-MRqjmcFa").ae<TokenAmount[], Error>>;
+};

package/_cjs/hooks/useTokenBalances.js

@@ -0,0 +1,60 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useTokenBalances = void 0;
+const sdk_1 = require("@lifi/sdk");
+const react_query_1 = require("@tanstack/react-query");
+const viem_1 = require("viem");
+const useAccount_1 = require("./useAccount");
+const useFeaturedTokens_1 = require("./useFeaturedTokens");
+const useTokens_1 = require("./useTokens");
+const defaultRefetchInterval = 32000;
+const useTokenBalances = (selectedChainId) => {
+    const featuredTokens = (0, useFeaturedTokens_1.useFeaturedTokens)(selectedChainId);
+    const { tokens, chain, isLoading } = (0, useTokens_1.useTokens)(selectedChainId);
+    const { account } = (0, useAccount_1.useAccount)({ chainType: chain?.chainType });
+    const isBalanceLoadingEnabled = Boolean(account.address) &&
+        Boolean(tokens?.length) &&
+        Boolean(selectedChainId);
+    const { data: tokensWithBalance, isLoading: isBalanceLoading, refetch, } = (0, react_query_1.useQuery)({
+        queryKey: [
+            'token-balances',
+            account.address,
+            selectedChainId,
+            tokens?.length,
+        ],
+        queryFn: async ({ queryKey: [, accountAddress] }) => {
+            const tokenBalances = await (0, sdk_1.getTokenBalances)(accountAddress, tokens);
+            const featuredTokenAddresses = new Set(featuredTokens?.map((token) => token.address));
+            const sortFn = (a, b) => parseFloat((0, viem_1.formatUnits)(b.amount ?? 0n, b.decimals)) *
+                parseFloat(b.priceUSD ?? '0') -
+                parseFloat((0, viem_1.formatUnits)(a.amount ?? 0n, a.decimals)) *
+                    parseFloat(a.priceUSD ?? '0');
+            const formattedTokens = (tokenBalances.length === 0 ? tokens : tokenBalances);
+            const result = [
+                ...formattedTokens
+                    .filter((token) => token.amount && featuredTokenAddresses.has(token.address))
+                    .sort(sortFn),
+                ...formattedTokens.filter((token) => !token.amount && featuredTokenAddresses.has(token.address)),
+                ...formattedTokens
+                    .filter((token) => token.amount && !featuredTokenAddresses.has(token.address))
+                    .sort(sortFn),
+                ...formattedTokens.filter((token) => !token.amount && !featuredTokenAddresses.has(token.address)),
+            ];
+            return result;
+        },
+        enabled: isBalanceLoadingEnabled,
+        refetchInterval: defaultRefetchInterval,
+        staleTime: defaultRefetchInterval,
+    });
+    return {
+        tokens,
+        tokensWithBalance,
+        featuredTokens,
+        chain,
+        isLoading,
+        isBalanceLoading: isBalanceLoading && isBalanceLoadingEnabled,
+        refetch,
+    };
+};
+exports.useTokenBalances = useTokenBalances;
+//# sourceMappingURL=useTokenBalances.js.map

package/_cjs/hooks/useTokenBalances.js.map

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

package/_cjs/hooks/useTokenSearch.js

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useTokenSearch = void 0;
+const sdk_1 = require("@lifi/sdk");
+const react_query_1 = require("@tanstack/react-query");
+const useTokenSearch = (chainId, tokenQuery, enabled) => {
+    const queryClient = (0, react_query_1.useQueryClient)();
+    const { data, isLoading } = (0, react_query_1.useQuery)({
+        queryKey: ['token-search', chainId, tokenQuery],
+        queryFn: async ({ queryKey: [, chainId, tokenQuery], signal }) => {
+            const token = await (0, sdk_1.getToken)(chainId, tokenQuery, {
+                signal,
+            });
+            if (token) {
+                queryClient.setQueriesData({ queryKey: ['tokens'] }, (data) => {
+                    if (data &&
+                        !data.tokens[chainId]?.some((t) => t.address === token.address)) {
+                        const clonedData = { ...data };
+                        clonedData.tokens[chainId]?.push(token);
+                        return clonedData;
+                    }
+                });
+            }
+            return token;
+        },
+        enabled: Boolean(chainId && tokenQuery && enabled),
+        retry: false,
+    });
+    return {
+        token: data,
+        isLoading,
+    };
+};
+exports.useTokenSearch = useTokenSearch;
+//# sourceMappingURL=useTokenSearch.js.map

package/_cjs/hooks/useTokenSearch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTokenSearch.js","sourceRoot":"","sources":["../../hooks/useTokenSearch.ts"],"names":[],"mappings":";;;AAAA,mCAAwE;AACxE,uDAAiE;AAG1D,MAAM,cAAc,GAAG,CAC5B,OAAgB,EAChB,UAAmB,EACnB,OAAiB,EACjB,EAAE;IACF,MAAM,WAAW,GAAG,IAAA,4BAAc,GAAE,CAAC;IACrC,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,IAAA,sBAAQ,EAAC;QACnC,QAAQ,EAAE,CAAC,cAAc,EAAE,OAAO,EAAE,UAAU,CAAC;QAC/C,OAAO,EAAE,KAAK,EAAE,EAAE,QAAQ,EAAE,CAAC,EAAE,OAAO,EAAE,UAAU,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE;YAC/D,MAAM,KAAK,GAAG,MAAM,IAAA,cAAQ,EAAC,OAAkB,EAAE,UAAoB,EAAE;gBACrE,MAAM;aACP,CAAC,CAAC;YAEH,IAAI,KAAK,EAAE,CAAC;gBACV,WAAW,CAAC,cAAc,CACxB,EAAE,QAAQ,EAAE,CAAC,QAAQ,CAAC,EAAE,EACxB,CAAC,IAAI,EAAE,EAAE;oBACP,IACE,IAAI;wBACJ,CAAC,IAAI,CAAC,MAAM,CAAC,OAAiB,CAAC,EAAE,IAAI,CACnC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,OAAO,KAAK,KAAK,CAAC,OAAO,CACnC,EACD,CAAC;wBACD,MAAM,UAAU,GAAG,EAAE,GAAG,IAAI,EAAE,CAAC;wBAC/B,UAAU,CAAC,MAAM,CAAC,OAAiB,CAAC,EAAE,IAAI,CAAC,KAAoB,CAAC,CAAC;wBACjE,OAAO,UAAU,CAAC;oBACpB,CAAC;gBACH,CAAC,CACF,CAAC;YACJ,CAAC;YACD,OAAO,KAAoB,CAAC;QAC9B,CAAC;QAED,OAAO,EAAE,OAAO,CAAC,OAAO,IAAI,UAAU,IAAI,OAAO,CAAC;QAClD,KAAK,EAAE,KAAK;KACb,CAAC,CAAC;IACH,OAAO;QACL,KAAK,EAAE,IAAI;QACX,SAAS;KACV,CAAC;AACJ,CAAC,CAAC;AAxCW,QAAA,cAAc,kBAwCzB"}

package/_cjs/hooks/useTokens.js

@@ -0,0 +1,77 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useTokens = void 0;
+const sdk_1 = require("@lifi/sdk");
+const react_query_1 = require("@tanstack/react-query");
+const react_1 = require("react");
+const providers_1 = require("../providers");
+const useChains_1 = require("./useChains");
+const useFeaturedTokens_1 = require("./useFeaturedTokens");
+const useTokens = (selectedChainId) => {
+    const { tokens: configTokens } = (0, providers_1.useWidgetConfig)();
+    const { data, isLoading } = (0, react_query_1.useQuery)({
+        queryKey: ['tokens'],
+        queryFn: () => (0, sdk_1.getTokens)({ chainTypes: [sdk_1.ChainType.EVM, sdk_1.ChainType.SVM] }),
+        refetchInterval: 3600000,
+    });
+    const { chains, isLoading: isSupportedChainsLoading, getChainById, } = (0, useChains_1.useChains)();
+    const featuredTokens = (0, useFeaturedTokens_1.useFeaturedTokens)(selectedChainId);
+    const filteredData = (0, react_1.useMemo)(() => {
+        if (isSupportedChainsLoading) {
+            return;
+        }
+        const chain = getChainById(selectedChainId, chains);
+        const chainAllowed = selectedChainId && chain;
+        if (!chainAllowed) {
+            return;
+        }
+        let filteredTokens = data?.tokens[selectedChainId];
+        const includedTokens = configTokens?.include?.filter((token) => token.chainId === selectedChainId);
+        if (includedTokens?.length) {
+            filteredTokens = filteredTokens
+                ? [...includedTokens, ...filteredTokens]
+                : includedTokens;
+        }
+        const allowedTokens = configTokens?.allow
+            ?.filter((token) => token.chainId === selectedChainId)
+            .map((token) => token.address);
+        if (allowedTokens?.length) {
+            filteredTokens = filteredTokens?.filter((token) => allowedTokens.includes(token.address));
+        }
+        const deniedTokenAddresses = configTokens?.deny
+            ?.filter((token) => token.chainId === selectedChainId)
+            .map((token) => token.address);
+        if (deniedTokenAddresses?.length) {
+            filteredTokens = filteredTokens?.filter((token) => !deniedTokenAddresses.includes(token.address));
+        }
+        const featuredTokenAddresses = new Set(featuredTokens?.map((token) => token.address));
+        const tokens = [
+            ...(featuredTokens?.map((token) => {
+                token.featured = true;
+                return token;
+            }) ?? []),
+            ...(filteredTokens?.filter((token) => !featuredTokenAddresses.has(token.address)) ?? []),
+        ];
+        return {
+            tokens,
+            chain,
+        };
+    }, [
+        chains,
+        configTokens?.allow,
+        configTokens?.deny,
+        configTokens?.include,
+        data?.tokens,
+        featuredTokens,
+        getChainById,
+        isSupportedChainsLoading,
+        selectedChainId,
+    ]);
+    return {
+        tokens: filteredData?.tokens,
+        chain: filteredData?.chain,
+        isLoading,
+    };
+};
+exports.useTokens = useTokens;
+//# sourceMappingURL=useTokens.js.map

package/_cjs/hooks/useTokens.js.map

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

package/_cjs/hooks/useTools.js

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useTools = void 0;
+const sdk_1 = require("@lifi/sdk");
+const react_query_1 = require("@tanstack/react-query");
+const providers_1 = require("../providers");
+const stores_1 = require("../stores");
+const utils_1 = require("../utils");
+const useTools = () => {
+    const { bridges, exchanges } = (0, providers_1.useWidgetConfig)();
+    const { data } = (0, react_query_1.useQuery)({
+        queryKey: ['tools'],
+        queryFn: async () => {
+            const tools = await (0, sdk_1.getTools)();
+            const result = {
+                bridges: tools.bridges.filter((bridge) => (0, utils_1.isItemAllowed)(bridge.key, bridges)),
+                exchanges: tools.exchanges.filter((exchange) => (0, utils_1.isItemAllowed)(exchange.key, exchanges)),
+            };
+            const { initializeTools } = stores_1.useSettingsStore.getState();
+            initializeTools('Bridges', result.bridges.map((bridge) => bridge.key));
+            initializeTools('Exchanges', result.exchanges.map((exchange) => exchange.key));
+            return result;
+        },
+        refetchInterval: 180000,
+        staleTime: 180000,
+    });
+    return { tools: data };
+};
+exports.useTools = useTools;
+//# sourceMappingURL=useTools.js.map

package/_cjs/hooks/useTools.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTools.js","sourceRoot":"","sources":["../../hooks/useTools.ts"],"names":[],"mappings":";;;AAAA,mCAAyD;AACzD,uDAAiD;AACjD,4CAA+C;AAC/C,sCAA6C;AAC7C,oCAAyC;AAElC,MAAM,QAAQ,GAAG,GAAG,EAAE;IAC3B,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE,GAAG,IAAA,2BAAe,GAAE,CAAC;IACjD,MAAM,EAAE,IAAI,EAAE,GAAG,IAAA,sBAAQ,EAAC;QACxB,QAAQ,EAAE,CAAC,OAAO,CAAC;QACnB,OAAO,EAAE,KAAK,IAA4B,EAAE;YAC1C,MAAM,KAAK,GAAG,MAAM,IAAA,cAAQ,GAAE,CAAC;YAC/B,MAAM,MAAM,GAAG;gBACb,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,MAAM,EAAE,EAAE,CACvC,IAAA,qBAAa,EAAC,MAAM,CAAC,GAAG,EAAE,OAAO,CAAC,CACnC;gBACD,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,QAAQ,EAAE,EAAE,CAC7C,IAAA,qBAAa,EAAC,QAAQ,CAAC,GAAG,EAAE,SAAS,CAAC,CACvC;aACF,CAAC;YACF,MAAM,EAAE,eAAe,EAAE,GAAG,yBAAgB,CAAC,QAAQ,EAAE,CAAC;YACxD,eAAe,CACb,SAAS,EACT,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,GAAG,CAAC,CAC3C,CAAC;YACF,eAAe,CACb,WAAW,EACX,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,QAAQ,CAAC,GAAG,CAAC,CACjD,CAAC;YACF,OAAO,MAAM,CAAC;QAChB,CAAC;QACD,eAAe,EAAE,MAAM;QACvB,SAAS,EAAE,MAAM;KAClB,CAAC,CAAC;IAEH,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC;AACzB,CAAC,CAAC;AA9BW,QAAA,QAAQ,YA8BnB"}

package/_cjs/hooks/useTransactionDetails.d.ts

@@ -0,0 +1,4 @@
+export declare const useTransactionDetails: (transactionHash: string) => {
+    transaction: import("@lifi/sdk").StatusData | import("@lifi/sdk").FailedStatusData | undefined;
+    isLoading: boolean;
+};

package/_cjs/hooks/useTransactionDetails.js

@@ -0,0 +1,56 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useTransactionDetails = void 0;
+const sdk_1 = require("@lifi/sdk");
+const react_query_1 = require("@tanstack/react-query");
+const useAccount_1 = require("./useAccount");
+const useTransactionDetails = (transactionHash) => {
+    const { account, accounts } = (0, useAccount_1.useAccount)();
+    const queryClient = (0, react_query_1.useQueryClient)();
+    const { data, isLoading } = (0, react_query_1.useQuery)({
+        queryKey: ['transaction-history', transactionHash],
+        queryFn: async ({ queryKey: [, transactionHash], signal }) => {
+            if (transactionHash) {
+                for (const account of accounts) {
+                    const cachedHistory = queryClient.getQueryData([
+                        'transaction-history',
+                        account.address,
+                    ]);
+                    const transaction = cachedHistory?.find((t) => t.sending.txHash === transactionHash);
+                    if (transaction) {
+                        return transaction;
+                    }
+                }
+                const transaction = await (0, sdk_1.getStatus)({
+                    txHash: transactionHash,
+                }, { signal });
+                const fromAddress = transaction?.fromAddress;
+                if (fromAddress) {
+                    queryClient.setQueryData(['transaction-history', fromAddress], (data) => {
+                        return [...data, transaction];
+                    });
+                }
+                return transaction;
+            }
+        },
+        refetchInterval: 300000,
+        enabled: Boolean(account.isConnected),
+        initialData: () => {
+            for (const account of accounts) {
+                const transaction = queryClient
+                    .getQueryData(['transaction-history', account.address])
+                    ?.find((t) => t.sending.txHash === transactionHash);
+                if (transaction) {
+                    return transaction;
+                }
+            }
+        },
+        placeholderData: react_query_1.keepPreviousData,
+    });
+    return {
+        transaction: data,
+        isLoading,
+    };
+};
+exports.useTransactionDetails = useTransactionDetails;
+//# sourceMappingURL=useTransactionDetails.js.map