@openocean.finance/widget 1.0.4 → 1.0.7

package/dist/esm/hooks/useToAddressRequirements.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useToAddressRequirements.js","sourceRoot":"","sources":["../../../src/hooks/useToAddressRequirements.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,sCAAsC,CAAA;AAEjE,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AAC/C,OAAO,EAAE,eAAe,EAAE,MAAM,+CAA+C,CAAA;AAC/E,OAAO,EAAE,cAAc,EAAE,MAAM,kCAAkC,CAAA;AACjE,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAA;AAC/C,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAA;AAEhE,MAAM,CAAC,MAAM,wBAAwB,GAAG,CAAC,KAAqB,EAAE,EAAE;IAChE,MAAM,EAAE,UAAU,EAAE,GAAG,eAAe,EAAE,CAAA;IACxC,MAAM,CAAC,eAAe,EAAE,aAAa,EAAE,aAAa,CAAC,GAAG,cAAc,CACpE,WAAW,EACX,SAAS,EACT,WAAW,CACZ,CAAA;IAED,MAAM,WAAW,GAAG,KAAK,EAAE,WAAW,IAAI,eAAe,CAAA;IACzD,MAAM,SAAS,GAAG,KAAK,EAAE,SAAS,IAAI,aAAa,CAAA;IACnD,MAAM,SAAS,GAAG,KAAK;QACrB,CAAC,CAAC,KAAK,CAAC,WAAW,KAAK,KAAK,CAAC,SAAS;YACrC,CAAC,CAAC,KAAK,CAAC,SAAS;YACjB,CAAC,CAAC,aAAa;QACjB,CAAC,CAAC,aAAa,CAAA;IAEjB,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,QAAQ,CAAC,WAAW,CAAC,CAAA;IAClD,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,QAAQ,CAAC,SAAS,CAAC,CAAA;IAC9C,MAAM,EAAE,OAAO,EAAE,GAAG,UAAU,CAAC;QAC7B,SAAS,EAAE,SAAS,EAAE,SAAS;KAChC,CAAC,CAAA;IACF,MAAM,EAAE,iBAAiB,EAAE,qBAAqB,EAAE,GAAG,oBAAoB,CACvE,OAAO,CAAC,OAAO,EACf,WAAW,EACX,OAAO,CAAC,SAAS,CAClB,CAAA;IAED,MAAM,oBAAoB,GACxB,SAAS,IAAI,OAAO,IAAI,SAAS,CAAC,SAAS,KAAK,OAAO,CAAC,SAAS,CAAA;IAEnE,MAAM,2BAA2B,GAC/B,qBAAqB,IAAI,WAAW,KAAK,SAAS,CAAA;IAEpD,MAAM,iBAAiB,GACrB,UAAU,EAAE,QAAQ,CAAC,UAAU,CAAC,SAAS,CAAC;QAC1C,oBAAoB;QACpB,2BAA2B,CAAA;IAE7B,OAAO;QACL,iBAAiB;QACjB,mBAAmB,EAAE,OAAO,EAAE,SAAS;QACvC,SAAS;KACV,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/hooks/useToAddressReset.d.ts

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

package/dist/esm/hooks/useToAddressReset.js

@@ -0,0 +1,37 @@
+import { useWidgetConfig } from '../providers/WidgetProvider/WidgetProvider.js';
+import { useBookmarkActions } from '../stores/bookmarks/useBookmarkActions.js';
+import { useBookmarks } from '../stores/bookmarks/useBookmarks.js';
+import { useFieldActions } from '../stores/form/useFieldActions.js';
+import { useSendToWalletActions } from '../stores/settings/useSendToWalletStore.js';
+import { RequiredUI } from '../types/widget.js';
+export const useToAddressReset = () => {
+    const { requiredUI } = useWidgetConfig();
+    const { setFieldValue, isDirty } = useFieldActions();
+    const { selectedBookmark } = useBookmarks();
+    const { setSelectedBookmark } = useBookmarkActions();
+    const { setSendToWallet } = useSendToWalletActions();
+    const tryResetToAddress = (toChain) => {
+        const requiredToAddress = requiredUI?.includes(RequiredUI.ToAddress);
+        const bookmarkSatisfiesToChainType = selectedBookmark?.chainType === toChain?.chainType;
+        const shouldResetToAddress = !requiredToAddress && !bookmarkSatisfiesToChainType;
+        // The toAddress field is required and always visible when bridging between
+        // different ecosystems (fromChain and toChain have different chain types).
+        // We reset toAddress on each chain change if it's no longer required, ensuring that
+        // switching chain types doesn't leave a previously set toAddress value when
+        // the "Send to Wallet" field is hidden.
+        if (shouldResetToAddress) {
+            setFieldValue('toAddress', '', { isTouched: true });
+            setSelectedBookmark();
+            // If toAddress was auto-filled (e.g., when making cross-ecosystem bridging and compatible destination wallet was connected)
+            // and not manually edited by the user, we need to hide "Send to Wallet".
+            const isToAddressDirty = isDirty('toAddress');
+            if (!isToAddressDirty) {
+                setSendToWallet(false);
+            }
+        }
+    };
+    return {
+        tryResetToAddress,
+    };
+};
+//# sourceMappingURL=useToAddressReset.js.map

package/dist/esm/hooks/useToAddressReset.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useToAddressReset.js","sourceRoot":"","sources":["../../../src/hooks/useToAddressReset.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,+CAA+C,CAAA;AAC/E,OAAO,EAAE,kBAAkB,EAAE,MAAM,2CAA2C,CAAA;AAC9E,OAAO,EAAE,YAAY,EAAE,MAAM,qCAAqC,CAAA;AAClE,OAAO,EAAE,eAAe,EAAE,MAAM,mCAAmC,CAAA;AACnE,OAAO,EAAE,sBAAsB,EAAE,MAAM,4CAA4C,CAAA;AACnF,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAA;AAE/C,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,EAAE;IACpC,MAAM,EAAE,UAAU,EAAE,GAAG,eAAe,EAAE,CAAA;IACxC,MAAM,EAAE,aAAa,EAAE,OAAO,EAAE,GAAG,eAAe,EAAE,CAAA;IACpD,MAAM,EAAE,gBAAgB,EAAE,GAAG,YAAY,EAAE,CAAA;IAC3C,MAAM,EAAE,mBAAmB,EAAE,GAAG,kBAAkB,EAAE,CAAA;IACpD,MAAM,EAAE,eAAe,EAAE,GAAG,sBAAsB,EAAE,CAAA;IAEpD,MAAM,iBAAiB,GAAG,CAAC,OAAsB,EAAE,EAAE;QACnD,MAAM,iBAAiB,GAAG,UAAU,EAAE,QAAQ,CAAC,UAAU,CAAC,SAAS,CAAC,CAAA;QAEpE,MAAM,4BAA4B,GAChC,gBAAgB,EAAE,SAAS,KAAK,OAAO,EAAE,SAAS,CAAA;QAEpD,MAAM,oBAAoB,GACxB,CAAC,iBAAiB,IAAI,CAAC,4BAA4B,CAAA;QAErD,2EAA2E;QAC3E,2EAA2E;QAC3E,oFAAoF;QACpF,4EAA4E;QAC5E,wCAAwC;QACxC,IAAI,oBAAoB,EAAE,CAAC;YACzB,aAAa,CAAC,WAAW,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,CAAA;YACnD,mBAAmB,EAAE,CAAA;YACrB,4HAA4H;YAC5H,yEAAyE;YACzE,MAAM,gBAAgB,GAAG,OAAO,CAAC,WAAW,CAAC,CAAA;YAC7C,IAAI,CAAC,gBAAgB,EAAE,CAAC;gBACtB,eAAe,CAAC,KAAK,CAAC,CAAA;YACxB,CAAC;QACH,CAAC;IACH,CAAC,CAAA;IAED,OAAO;QACL,iBAAiB;KAClB,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/hooks/useToken.d.ts

@@ -0,0 +1,4 @@
+export declare const useToken: (chainId?: number, tokenAddress?: string) => {
+    token: any;
+    isLoading: boolean;
+};

package/dist/esm/hooks/useToken.js

@@ -0,0 +1,30 @@
+import { useMemo } from 'react';
+import { useTokenSearch } from './useTokenSearch.js';
+import { useTokens } from './useTokens.js';
+import { useTokenPrice } from './useTokenPrice.js';
+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);
+    // Get token price
+    const { price: latestPrice, isLoading: isPriceLoading } = useTokenPrice(chainId, token || searchedToken);
+    // Update token price
+    const updatedToken = useMemo(() => {
+        if (!latestPrice || (!token && !searchedToken)) {
+            return token || searchedToken;
+        }
+        return {
+            ...(token || searchedToken),
+            priceUSD: latestPrice
+        };
+    }, [token, searchedToken, latestPrice]);
+    return {
+        token: updatedToken,
+        isLoading: isLoading || (tokenSearchEnabled && isSearchedTokenLoading) || isPriceLoading,
+    };
+};
+//# sourceMappingURL=useToken.js.map

package/dist/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,CAAA;AAC/B,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAA;AACpD,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAC1C,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAA;AAGlD,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,OAAgB,EAAE,YAAqB,EAAE,EAAE;IAClE,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,GAAG,SAAS,CAAC,OAAO,CAAC,CAAA;IAEhD,MAAM,KAAK,GAAG,OAAO,CAAC,GAAG,EAAE;QACzB,MAAM,KAAK,GAAG,MAAM,EAAE,IAAI,CACxB,CAAC,KAAkB,EAAE,EAAE,CAAC,KAAK,CAAC,OAAO,KAAK,YAAY,IAAI,KAAK,CAAC,OAAO,KAAK,OAAO,CACpF,CAAA;QACD,OAAO,KAAK,CAAA;IACd,CAAC,EAAE,CAAC,OAAO,EAAE,YAAY,EAAE,MAAM,CAAC,CAAC,CAAA;IAEnC,MAAM,kBAAkB,GAAG,CAAC,SAAS,IAAI,CAAC,KAAK,CAAA;IAC/C,MAAM,EAAE,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,sBAAsB,EAAE,GAC/D,cAAc,CAAC,OAAO,EAAE,YAAY,EAAE,kBAAkB,CAAC,CAAA;IAE3D,kBAAkB;IAClB,MAAM,EAAE,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,cAAc,EAAE,GAAG,aAAa,CAAC,OAAO,EAAE,KAAK,IAAI,aAAa,CAAC,CAAA;IAExG,qBAAqB;IACrB,MAAM,YAAY,GAAG,OAAO,CAAC,GAAG,EAAE;QAChC,IAAI,CAAC,WAAW,IAAI,CAAC,CAAC,KAAK,IAAI,CAAC,aAAa,CAAC,EAAE,CAAC;YAC/C,OAAO,KAAK,IAAI,aAAa,CAAA;QAC/B,CAAC;QACD,OAAO;YACL,GAAG,CAAC,KAAK,IAAI,aAAa,CAAC;YAC3B,QAAQ,EAAE,WAAW;SACtB,CAAA;IACH,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,EAAE,WAAW,CAAC,CAAC,CAAA;IAEvC,OAAO;QACL,KAAK,EAAE,YAAY;QACnB,SAAS,EAAE,SAAS,IAAI,CAAC,kBAAkB,IAAI,sBAAsB,CAAC,IAAI,cAAc;KACzF,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/hooks/useTokenAddressBalance.d.ts

@@ -0,0 +1,7 @@
+import type { TokenAmount } from '../types/token.js';
+export declare const useTokenAddressBalance: (chainId?: number, tokenAddress?: string) => {
+    token: TokenAmount;
+    chain: import("@openocean.finance/widget-sdk").ExtendedChain;
+    isLoading: boolean;
+    refetch: (options?: import("@tanstack/react-query").RefetchOptions) => Promise<import("@tanstack/react-query").QueryObserverResult<TokenAmount[], Error>>;
+};

package/dist/esm/hooks/useTokenAddressBalance.js

@@ -0,0 +1,18 @@
+import { useMemo } from 'react';
+import { useTokenBalances } from './useTokenBalances.js';
+export const useTokenAddressBalance = (chainId, tokenAddress) => {
+    const { tokens, tokensWithBalance, chain, 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,
+        chain,
+        isLoading: isBalanceLoading,
+        refetch,
+    };
+};
+//# sourceMappingURL=useTokenAddressBalance.js.map

package/dist/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,CAAA;AAE/B,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAA;AAExD,MAAM,CAAC,MAAM,sBAAsB,GAAG,CACpC,OAAgB,EAChB,YAAqB,EACrB,EAAE;IACF,MAAM,EAAE,MAAM,EAAE,iBAAiB,EAAE,KAAK,EAAE,gBAAgB,EAAE,OAAO,EAAE,GACnE,gBAAgB,CAAC,OAAO,CAAC,CAAA;IAE3B,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,CAAA;YACD,OAAO,KAAoB,CAAA;QAC7B,CAAC;IACH,CAAC,EAAE,CAAC,OAAO,EAAE,YAAY,EAAE,MAAM,EAAE,iBAAiB,CAAC,CAAC,CAAA;IAEtD,OAAO;QACL,KAAK;QACL,KAAK;QACL,SAAS,EAAE,gBAAgB;QAC3B,OAAO;KACR,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/hooks/useTokenBalance.d.ts

@@ -0,0 +1,9 @@
+import { type Token, type TokenAmount } from '@openocean.finance/widget-sdk';
+export declare const useTokenBalance: (accountAddress?: string, token?: Token) => {
+    token: TokenAmount;
+    isLoading: boolean;
+    refetch: (options?: import("@tanstack/react-query").RefetchOptions) => Promise<import("@tanstack/react-query").QueryObserverResult<TokenAmount, Error>>;
+    refetchNewBalance: () => 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/dist/esm/hooks/useTokenBalance.js

@@ -0,0 +1,81 @@
+import { getTokenBalances, } from '@openocean.finance/widget-sdk';
+import { useQuery, useQueryClient } from '@tanstack/react-query';
+import { useCallback, useMemo } from 'react';
+const defaultRefetchInterval = 30000;
+export const useTokenBalance = (accountAddress, token) => {
+    const queryClient = useQueryClient();
+    const tokenBalanceQueryKey = useMemo(() => [
+        'token-balance',
+        accountAddress,
+        token?.chainId,
+        token?.address,
+    ], [token?.address, token?.chainId, accountAddress]);
+    const { data, isLoading, refetch } = useQuery({
+        queryKey: tokenBalanceQueryKey,
+        queryFn: async ({ queryKey: [, accountAddress, tokenChainId, tokenAddress], }) => {
+            const tokenBalances = await getTokenBalancesWithRetry(accountAddress, [token]);
+            if (!tokenBalances?.length) {
+                throw new 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(accountAddress && token),
+        refetchInterval: defaultRefetchInterval,
+        staleTime: defaultRefetchInterval,
+    });
+    const refetchNewBalance = useCallback(() => {
+        queryClient.setQueryDefaults(tokenBalanceQueryKey, {
+            refetchInterval: 250,
+            staleTime: 250,
+        });
+    }, [queryClient, tokenBalanceQueryKey]);
+    return {
+        token: data,
+        isLoading,
+        refetch,
+        refetchNewBalance,
+        getTokenBalancesWithRetry,
+    };
+};
+export const getTokenBalancesWithRetry = async (accountAddress, tokens, depth = 0) => {
+    try {
+        const tokenBalances = await 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 getTokenBalancesWithRetry(accountAddress, tokens, depth + 1);
+        }
+        return tokenBalances;
+    }
+    catch (_error) {
+        //
+    }
+};
+//# sourceMappingURL=useTokenBalance.js.map

package/dist/esm/hooks/useTokenBalance.js.map

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

package/dist/esm/hooks/useTokenBalances.d.ts

@@ -0,0 +1,11 @@
+import type { TokenAmount } from '../types/token.js';
+export declare const useTokenBalances: (selectedChainId?: number) => {
+    tokens: any;
+    tokensWithBalance: TokenAmount[];
+    featuredTokens: TokenAmount[];
+    popularTokens: TokenAmount[];
+    chain: import("@openocean.finance/widget-sdk").ExtendedChain;
+    isLoading: boolean;
+    isBalanceLoading: boolean;
+    refetch: (options?: import("@tanstack/react-query").RefetchOptions) => Promise<import("@tanstack/react-query").QueryObserverResult<TokenAmount[], Error>>;
+};

package/dist/esm/hooks/useTokenBalances.js

@@ -0,0 +1,75 @@
+import { useAccount } from '@openocean.finance/wallet-management';
+import { getTokenBalances } from '@openocean.finance/widget-sdk';
+import { useQuery } from '@tanstack/react-query';
+import { formatUnits } from 'viem';
+import { useTokens } from './useTokens.js';
+const defaultRefetchInterval = 32000;
+export const useTokenBalances = (selectedChainId) => {
+    const { tokens, featuredTokens, popularTokens, chain, isLoading } = useTokens(selectedChainId);
+    const { account } = useAccount({ chainType: chain?.chainType });
+    const isBalanceLoadingEnabled = Boolean(account.address) &&
+        Boolean(tokens?.length) &&
+        Boolean(selectedChainId);
+    const { data: tokensWithBalance, isLoading: isBalanceLoading, refetch, } = useQuery({
+        queryKey: [
+            'token-balances',
+            account.address,
+            selectedChainId,
+            tokens?.length,
+        ],
+        queryFn: async ({ queryKey: [, accountAddress] }) => {
+            const tokensWithBalance = await getTokenBalances(accountAddress, tokens);
+            if (!tokensWithBalance?.length) {
+                return tokens;
+            }
+            const sortFn = (a, b) => Number.parseFloat(formatUnits(b.amount ?? 0n, b.decimals)) *
+                Number.parseFloat(b.priceUSD ?? '0') -
+                Number.parseFloat(formatUnits(a.amount ?? 0n, a.decimals)) *
+                    Number.parseFloat(a.priceUSD ?? '0');
+            const featuredTokens = [];
+            const tokensWithAmount = [];
+            const popularTokens = [];
+            const allTokens = [];
+            tokensWithBalance.forEach((token) => {
+                if (token.amount) {
+                    token.featured = false;
+                    token.popular = false;
+                }
+                if (token.featured) {
+                    featuredTokens.push(token);
+                }
+                else if (token.amount) {
+                    tokensWithAmount.push(token);
+                }
+                else if (token.popular) {
+                    popularTokens.push(token);
+                }
+                else {
+                    allTokens.push(token);
+                }
+            });
+            tokensWithAmount.sort(sortFn);
+            const result = [
+                ...featuredTokens,
+                ...tokensWithAmount,
+                ...popularTokens,
+                ...allTokens,
+            ];
+            return result;
+        },
+        enabled: isBalanceLoadingEnabled,
+        refetchInterval: defaultRefetchInterval,
+        staleTime: defaultRefetchInterval,
+    });
+    return {
+        tokens,
+        tokensWithBalance,
+        featuredTokens,
+        popularTokens,
+        chain,
+        isLoading,
+        isBalanceLoading: isBalanceLoading && isBalanceLoadingEnabled,
+        refetch,
+    };
+};
+//# sourceMappingURL=useTokenBalances.js.map

package/dist/esm/hooks/useTokenBalances.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTokenBalances.js","sourceRoot":"","sources":["../../../src/hooks/useTokenBalances.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,sCAAsC,CAAA;AACjE,OAAO,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAA;AAChE,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAChD,OAAO,EAAE,WAAW,EAAE,MAAM,MAAM,CAAA;AAElC,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAE1C,MAAM,sBAAsB,GAAG,KAAM,CAAA;AAErC,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,eAAwB,EAAE,EAAE;IAC3D,MAAM,EAAE,MAAM,EAAE,cAAc,EAAE,aAAa,EAAE,KAAK,EAAE,SAAS,EAAE,GAC/D,SAAS,CAAC,eAAe,CAAC,CAAA;IAC5B,MAAM,EAAE,OAAO,EAAE,GAAG,UAAU,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,CAAA;IAE/D,MAAM,uBAAuB,GAC3B,OAAO,CAAC,OAAO,CAAC,OAAO,CAAC;QACxB,OAAO,CAAC,MAAM,EAAE,MAAM,CAAC;QACvB,OAAO,CAAC,eAAe,CAAC,CAAA;IAE1B,MAAM,EACJ,IAAI,EAAE,iBAAiB,EACvB,SAAS,EAAE,gBAAgB,EAC3B,OAAO,GACR,GAAG,QAAQ,CAAC;QACX,QAAQ,EAAE;YACR,gBAAgB;YAChB,OAAO,CAAC,OAAO;YACf,eAAe;YACf,MAAM,EAAE,MAAM;SACf;QACD,OAAO,EAAE,KAAK,EAAE,EAAE,QAAQ,EAAE,CAAC,EAAE,cAAc,CAAC,EAAE,EAAE,EAAE;YAClD,MAAM,iBAAiB,GAAkB,MAAM,gBAAgB,CAC7D,cAAwB,EACxB,MAAO,CACR,CAAA;YAED,IAAI,CAAC,iBAAiB,EAAE,MAAM,EAAE,CAAC;gBAC/B,OAAO,MAAuB,CAAA;YAChC,CAAC;YAED,MAAM,MAAM,GAAG,CAAC,CAAc,EAAE,CAAc,EAAE,EAAE,CAChD,MAAM,CAAC,UAAU,CAAC,WAAW,CAAC,CAAC,CAAC,MAAM,IAAI,EAAE,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC;gBACxD,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,QAAQ,IAAI,GAAG,CAAC;gBACtC,MAAM,CAAC,UAAU,CAAC,WAAW,CAAC,CAAC,CAAC,MAAM,IAAI,EAAE,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC;oBACxD,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,QAAQ,IAAI,GAAG,CAAC,CAAA;YAExC,MAAM,cAAc,GAAkB,EAAE,CAAA;YACxC,MAAM,gBAAgB,GAAkB,EAAE,CAAA;YAC1C,MAAM,aAAa,GAAkB,EAAE,CAAA;YACvC,MAAM,SAAS,GAAkB,EAAE,CAAA;YAEnC,iBAAiB,CAAC,OAAO,CAAC,CAAC,KAAK,EAAE,EAAE;gBAClC,IAAI,KAAK,CAAC,MAAM,EAAE,CAAC;oBACjB,KAAK,CAAC,QAAQ,GAAG,KAAK,CAAA;oBACtB,KAAK,CAAC,OAAO,GAAG,KAAK,CAAA;gBACvB,CAAC;gBACD,IAAI,KAAK,CAAC,QAAQ,EAAE,CAAC;oBACnB,cAAc,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA;gBAC5B,CAAC;qBAAM,IAAI,KAAK,CAAC,MAAM,EAAE,CAAC;oBACxB,gBAAgB,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA;gBAC9B,CAAC;qBAAM,IAAI,KAAK,CAAC,OAAO,EAAE,CAAC;oBACzB,aAAa,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA;gBAC3B,CAAC;qBAAM,CAAC;oBACN,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA;gBACvB,CAAC;YACH,CAAC,CAAC,CAAA;YAEF,gBAAgB,CAAC,IAAI,CAAC,MAAM,CAAC,CAAA;YAE7B,MAAM,MAAM,GAAG;gBACb,GAAG,cAAc;gBACjB,GAAG,gBAAgB;gBACnB,GAAG,aAAa;gBAChB,GAAG,SAAS;aACb,CAAA;YACD,OAAO,MAAM,CAAA;QACf,CAAC;QACD,OAAO,EAAE,uBAAuB;QAChC,eAAe,EAAE,sBAAsB;QACvC,SAAS,EAAE,sBAAsB;KAClC,CAAC,CAAA;IAEF,OAAO;QACL,MAAM;QACN,iBAAiB;QACjB,cAAc;QACd,aAAa;QACb,KAAK;QACL,SAAS;QACT,gBAAgB,EAAE,gBAAgB,IAAI,uBAAuB;QAC7D,OAAO;KACR,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/hooks/useTokenPrice.d.ts

@@ -0,0 +1,5 @@
+import type { TokenAmount } from '../types/token.js';
+export declare const useTokenPrice: (chainId?: number, token?: TokenAmount) => {
+    price: string;
+    isLoading: boolean;
+};

package/dist/esm/hooks/useTokenPrice.js

@@ -0,0 +1,22 @@
+import { useQuery } from '@tanstack/react-query';
+import { OpenOceanService } from '../services/OpenOceanService.js';
+export const useTokenPrice = (chainId, token) => {
+    const { data: price, isLoading } = useQuery({
+        queryKey: ['token-price', chainId, token?.address],
+        queryFn: async () => {
+            if (!chainId || !token?.address) {
+                return undefined;
+            }
+            const prices = await OpenOceanService.getTokensPrice(chainId.toString(), [token.address]);
+            return prices[token.address.toLowerCase()];
+        },
+        enabled: !!chainId && !!token?.address,
+        refetchInterval: 60000, // 每分钟更新一次价格
+        staleTime: 60000,
+    });
+    return {
+        price,
+        isLoading,
+    };
+};
+//# sourceMappingURL=useTokenPrice.js.map

package/dist/esm/hooks/useTokenPrice.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTokenPrice.js","sourceRoot":"","sources":["../../../src/hooks/useTokenPrice.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAChD,OAAO,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAA;AAGlE,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,OAAgB,EAAE,KAAmB,EAAE,EAAE;IACrE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,QAAQ,CAAC;QAC1C,QAAQ,EAAE,CAAC,aAAa,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,CAAC;QAClD,OAAO,EAAE,KAAK,IAAI,EAAE;YAClB,IAAI,CAAC,OAAO,IAAI,CAAC,KAAK,EAAE,OAAO,EAAE,CAAC;gBAChC,OAAO,SAAS,CAAA;YAClB,CAAC;YACD,MAAM,MAAM,GAAG,MAAM,gBAAgB,CAAC,cAAc,CAAC,OAAO,CAAC,QAAQ,EAAE,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAA;YACzF,OAAO,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,WAAW,EAAE,CAAC,CAAA;QAC5C,CAAC;QACD,OAAO,EAAE,CAAC,CAAC,OAAO,IAAI,CAAC,CAAC,KAAK,EAAE,OAAO;QACtC,eAAe,EAAE,KAAM,EAAE,YAAY;QACrC,SAAS,EAAE,KAAM;KAClB,CAAC,CAAA;IAEF,OAAO;QACL,KAAK;QACL,SAAS;KACV,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/hooks/useTokenSearch.d.ts

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

package/dist/esm/hooks/useTokenSearch.js

@@ -0,0 +1,29 @@
+import { useQuery, useQueryClient } from '@tanstack/react-query';
+import { OpenOceanService } from '../services/OpenOceanService.js';
+export const useTokenSearch = (chainId, tokenQuery, enabled) => {
+    const queryClient = useQueryClient();
+    const { data, isLoading } = useQuery({
+        queryKey: ['token-search', chainId, tokenQuery],
+        queryFn: async ({ queryKey: [, chainId, tokenQuery], signal }) => {
+            const token = await OpenOceanService.getTokenInfo(chainId?.toString() || '', tokenQuery);
+            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,
+    };
+};
+//# sourceMappingURL=useTokenSearch.js.map

package/dist/esm/hooks/useTokenSearch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTokenSearch.js","sourceRoot":"","sources":["../../../src/hooks/useTokenSearch.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAA;AAChE,OAAO,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAA;AAGlE,MAAM,CAAC,MAAM,cAAc,GAAG,CAC5B,OAAgB,EAChB,UAAmB,EACnB,OAAiB,EACjB,EAAE;IACF,MAAM,WAAW,GAAG,cAAc,EAAE,CAAA;IACpC,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,QAAQ,CAAC;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,gBAAgB,CAAC,YAAY,CAC/C,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,EACzB,UAAoB,CACrB,CAAA;YAED,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,CAAA;wBAC9B,UAAU,CAAC,MAAM,CAAC,OAAiB,CAAC,EAAE,IAAI,CAAC,KAAoB,CAAC,CAAA;wBAChE,OAAO,UAAU,CAAA;oBACnB,CAAC;gBACH,CAAC,CACF,CAAA;YACH,CAAC;YACD,OAAO,KAAoB,CAAA;QAC7B,CAAC;QACD,OAAO,EAAE,OAAO,CAAC,OAAO,IAAI,UAAU,IAAI,OAAO,CAAC;QAClD,KAAK,EAAE,KAAK;KACb,CAAC,CAAA;IACF,OAAO;QACL,KAAK,EAAE,IAAI;QACX,SAAS;KACV,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/hooks/useTokens.d.ts

@@ -0,0 +1,8 @@
+import type { TokenAmount } from '../types/token.js';
+export declare const useTokens: (selectedChainId?: number) => {
+    tokens: any;
+    featuredTokens: TokenAmount[];
+    popularTokens: TokenAmount[];
+    chain: import("@openocean.finance/widget-sdk").ExtendedChain;
+    isLoading: boolean;
+};

package/dist/esm/hooks/useTokens.js

@@ -0,0 +1,98 @@
+import { useQuery } from '@tanstack/react-query';
+import { useMemo } from 'react';
+import { useWidgetConfig } from '../providers/WidgetProvider/WidgetProvider.js';
+import { OpenOceanService } from '../services/OpenOceanService.js';
+import { useChains } from './useChains.js';
+export const useTokens = (selectedChainId) => {
+    const { tokens: configTokens } = useWidgetConfig();
+    const { data, isLoading } = useQuery({
+        queryKey: ['tokens', selectedChainId],
+        queryFn: async () => {
+            if (!selectedChainId) {
+                return { tokens: {} };
+            }
+            const tokens = await OpenOceanService.getTokenList(selectedChainId.toString());
+            return {
+                tokens: {
+                    [selectedChainId]: tokens,
+                },
+            };
+        },
+        enabled: !!selectedChainId,
+        refetchInterval: 3600000,
+        staleTime: 3600000,
+    });
+    const { chains, isLoading: isSupportedChainsLoading, getChainById, } = useChains();
+    const filteredData = useMemo(() => {
+        if (isSupportedChainsLoading || !data) {
+            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 = [...includedTokens, ...filteredTokens];
+        }
+        if (configTokens?.allow?.length || configTokens?.deny?.length) {
+            const allowedTokensSet = new Set(configTokens?.allow
+                ?.filter((token) => token.chainId === selectedChainId)
+                .map((token) => token.address));
+            const deniedTokenAddressesSet = new Set(configTokens?.deny
+                ?.filter((token) => token.chainId === selectedChainId)
+                .map((token) => token.address));
+            if (allowedTokensSet.size || deniedTokenAddressesSet.size) {
+                filteredTokens = filteredTokens.filter((token) => (!allowedTokensSet.size || allowedTokensSet.has(token.address)) &&
+                    !deniedTokenAddressesSet.has(token.address));
+            }
+        }
+        const filteredTokensMap = new Map(filteredTokens.map((token) => [token.address, token]));
+        const [popularTokens, featuredTokens] = ['popular', 'featured'].map((tokenType) => {
+            const typedConfigTokens = configTokens?.[tokenType]?.filter((token) => token.chainId === selectedChainId);
+            const populatedConfigTokens = typedConfigTokens?.map((token) => {
+                // Mark token as popular
+                token[tokenType] = true;
+                // Check if this token exists in the filteredTokensMap and add priceUSD if it does
+                const matchingFilteredToken = filteredTokensMap.get(token.address);
+                if (matchingFilteredToken?.priceUSD) {
+                    token.priceUSD = matchingFilteredToken.priceUSD;
+                }
+                if (!token.logoURI && matchingFilteredToken) {
+                    token.logoURI = matchingFilteredToken.logoURI;
+                }
+                return token;
+            });
+            if (populatedConfigTokens?.length) {
+                const configTokenAddresses = new Set(populatedConfigTokens?.map((token) => token.address));
+                filteredTokens = filteredTokens.filter((token) => !configTokenAddresses.has(token.address));
+                populatedConfigTokens.push(...filteredTokens);
+                filteredTokens = populatedConfigTokens;
+            }
+            return populatedConfigTokens;
+        });
+        return {
+            tokens: filteredTokens,
+            featuredTokens,
+            popularTokens,
+            chain,
+        };
+    }, [
+        chains,
+        configTokens,
+        data,
+        getChainById,
+        isSupportedChainsLoading,
+        selectedChainId,
+    ]);
+    return {
+        tokens: filteredData?.tokens,
+        featuredTokens: filteredData?.featuredTokens,
+        popularTokens: filteredData?.popularTokens,
+        chain: filteredData?.chain,
+        isLoading,
+    };
+};
+//# sourceMappingURL=useTokens.js.map

package/dist/esm/hooks/useTokens.js.map

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

package/dist/esm/hooks/useTools.d.ts

@@ -0,0 +1,4 @@
+import { type ToolsResponse } from '@openocean.finance/widget-sdk';
+export declare const useTools: () => {
+    tools: ToolsResponse;
+};

package/dist/esm/hooks/useTools.js

@@ -0,0 +1,32 @@
+import { getTools } from '@openocean.finance/widget-sdk';
+import { useQuery } from '@tanstack/react-query';
+import { useWidgetConfig } from '../providers/WidgetProvider/WidgetProvider.js';
+import { useSettingsStore } from '../stores/settings/useSettingsStore.js';
+import { isItemAllowed } from '../utils/item.js';
+export const useTools = () => {
+    const { bridges, exchanges } = useWidgetConfig();
+    const { data } = useQuery({
+        queryKey: [
+            'tools',
+            bridges?.allow,
+            bridges?.deny,
+            exchanges?.allow,
+            exchanges?.deny,
+        ],
+        queryFn: async () => {
+            const tools = await getTools();
+            const result = {
+                bridges: tools.bridges.filter((bridge) => isItemAllowed(bridge.key, bridges)),
+                exchanges: tools.exchanges.filter((exchange) => isItemAllowed(exchange.key, exchanges)),
+            };
+            const { initializeTools } = 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 };
+};
+//# sourceMappingURL=useTools.js.map

package/dist/esm/hooks/useTools.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTools.js","sourceRoot":"","sources":["../../../src/hooks/useTools.ts"],"names":[],"mappings":"AAAA,OAAO,EAAsB,QAAQ,EAAE,MAAM,+BAA+B,CAAA;AAC5E,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAChD,OAAO,EAAE,eAAe,EAAE,MAAM,+CAA+C,CAAA;AAC/E,OAAO,EAAE,gBAAgB,EAAE,MAAM,wCAAwC,CAAA;AACzE,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAEhD,MAAM,CAAC,MAAM,QAAQ,GAAG,GAAG,EAAE;IAC3B,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE,GAAG,eAAe,EAAE,CAAA;IAChD,MAAM,EAAE,IAAI,EAAE,GAAG,QAAQ,CAAC;QACxB,QAAQ,EAAE;YACR,OAAO;YACP,OAAO,EAAE,KAAK;YACd,OAAO,EAAE,IAAI;YACb,SAAS,EAAE,KAAK;YAChB,SAAS,EAAE,IAAI;SAChB;QACD,OAAO,EAAE,KAAK,IAA4B,EAAE;YAC1C,MAAM,KAAK,GAAG,MAAM,QAAQ,EAAE,CAAA;YAC9B,MAAM,MAAM,GAAG;gBACb,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,MAAM,EAAE,EAAE,CACvC,aAAa,CAAC,MAAM,CAAC,GAAG,EAAE,OAAO,CAAC,CACnC;gBACD,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,QAAQ,EAAE,EAAE,CAC7C,aAAa,CAAC,QAAQ,CAAC,GAAG,EAAE,SAAS,CAAC,CACvC;aACF,CAAA;YACD,MAAM,EAAE,eAAe,EAAE,GAAG,gBAAgB,CAAC,QAAQ,EAAE,CAAA;YACvD,eAAe,CACb,SAAS,EACT,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,GAAG,CAAC,CAC3C,CAAA;YACD,eAAe,CACb,WAAW,EACX,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,QAAQ,CAAC,GAAG,CAAC,CACjD,CAAA;YACD,OAAO,MAAM,CAAA;QACf,CAAC;QACD,eAAe,EAAE,MAAO;QACxB,SAAS,EAAE,MAAO;KACnB,CAAC,CAAA;IAEF,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,CAAA;AACxB,CAAC,CAAA"}

package/dist/esm/hooks/useTransactionDetails.d.ts

@@ -0,0 +1,5 @@
+import { type StatusResponse } from '@openocean.finance/widget-sdk';
+export declare const useTransactionDetails: (transactionHash?: string) => {
+    transaction: StatusResponse;
+    isLoading: false;
+};

package/dist/esm/hooks/useTransactionDetails.js

@@ -0,0 +1,55 @@
+import { useAccount } from '@openocean.finance/wallet-management';
+import { getStatus } from '@openocean.finance/widget-sdk';
+import { keepPreviousData, useQuery, useQueryClient, } from '@tanstack/react-query';
+export const useTransactionDetails = (transactionHash) => {
+    const { account, accounts } = useAccount();
+    const queryClient = useQueryClient();
+    const { data, isLoading } = 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 getStatus({
+                    txHash: transactionHash,
+                }, { signal });
+                const fromAddress = transaction?.fromAddress;
+                if (fromAddress) {
+                    queryClient.setQueryData(['transaction-history', fromAddress], (data) => {
+                        return [...data, transaction];
+                    });
+                }
+                return transaction;
+            }
+        },
+        refetchInterval: 300000,
+        enabled: account.isConnected && Boolean(transactionHash),
+        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: keepPreviousData,
+    });
+    return {
+        transaction: data,
+        isLoading,
+    };
+};
+//# sourceMappingURL=useTransactionDetails.js.map

package/dist/esm/hooks/useTransactionDetails.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTransactionDetails.js","sourceRoot":"","sources":["../../../src/hooks/useTransactionDetails.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,sCAAsC,CAAA;AAEjE,OAAO,EAAuB,SAAS,EAAE,MAAM,+BAA+B,CAAA;AAC9E,OAAO,EACL,gBAAgB,EAChB,QAAQ,EACR,cAAc,GACf,MAAM,uBAAuB,CAAA;AAE9B,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,eAAwB,EAAE,EAAE;IAChE,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,UAAU,EAAE,CAAA;IAC1C,MAAM,WAAW,GAAG,cAAc,EAAE,CAAA;IAEpC,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,QAAQ,CAAC;QACnC,QAAQ,EAAE,CAAC,qBAAqB,EAAE,eAAe,CAAC;QAClD,OAAO,EAAE,KAAK,EAAE,EAAE,QAAQ,EAAE,CAAC,EAAE,eAAe,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE;YAC3D,IAAI,eAAe,EAAE,CAAC;gBACpB,KAAK,MAAM,OAAO,IAAI,QAAQ,EAAE,CAAC;oBAC/B,MAAM,aAAa,GAAG,WAAW,CAAC,YAAY,CAAmB;wBAC/D,qBAAqB;wBACrB,OAAO,CAAC,OAAO;qBAChB,CAAC,CAAA;oBAEF,MAAM,WAAW,GAAG,aAAa,EAAE,IAAI,CACrC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,MAAM,KAAK,eAAe,CAC5C,CAAA;oBAED,IAAI,WAAW,EAAE,CAAC;wBAChB,OAAO,WAAW,CAAA;oBACpB,CAAC;gBACH,CAAC;gBAED,MAAM,WAAW,GAAG,MAAM,SAAS,CACjC;oBACE,MAAM,EAAE,eAAe;iBACxB,EACD,EAAE,MAAM,EAAE,CACX,CAAA;gBAED,MAAM,WAAW,GAAI,WAA8B,EAAE,WAAW,CAAA;gBAEhE,IAAI,WAAW,EAAE,CAAC;oBAChB,WAAW,CAAC,YAAY,CACtB,CAAC,qBAAqB,EAAE,WAAW,CAAC,EACpC,CAAC,IAAI,EAAE,EAAE;wBACP,OAAO,CAAC,GAAG,IAAK,EAAE,WAAY,CAAC,CAAA;oBACjC,CAAC,CACF,CAAA;gBACH,CAAC;gBAED,OAAO,WAAW,CAAA;YACpB,CAAC;QACH,CAAC;QACD,eAAe,EAAE,MAAO;QACxB,OAAO,EAAE,OAAO,CAAC,WAAW,IAAI,OAAO,CAAC,eAAe,CAAC;QACxD,WAAW,EAAE,GAAG,EAAE;YAChB,KAAK,MAAM,OAAO,IAAI,QAAQ,EAAE,CAAC;gBAC/B,MAAM,WAAW,GAAG,WAAW;qBAC5B,YAAY,CAAmB;oBAC9B,qBAAqB;oBACrB,OAAO,CAAC,OAAO;iBAChB,CAAC;oBACF,EAAE,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,MAAM,KAAK,eAAe,CAAC,CAAA;gBACrD,IAAI,WAAW,EAAE,CAAC;oBAChB,OAAO,WAAW,CAAA;gBACpB,CAAC;YACH,CAAC;QACH,CAAC;QACD,eAAe,EAAE,gBAAgB;KAClC,CAAC,CAAA;IAEF,OAAO;QACL,WAAW,EAAE,IAAI;QACjB,SAAS;KACV,CAAA;AACH,CAAC,CAAA"}