@lifi/widget 4.7.0 → 4.8.0

package/dist/esm/hooks/useRoutes.js

@@ -4,12 +4,12 @@ import { useWidgetConfig } from "../providers/WidgetProvider/WidgetProvider.js";
 import { useNavigationTabsStore } from "../stores/navigationTabs/useNavigationTabsStore.js";
 import { useSwapOnly } from "./useSwapOnly.js";
 import { useSDKClient } from "../providers/SDKClientProvider.js";
-import { getQueryKey } from "../utils/queries.js";
 import { useFieldValues } from "../stores/form/useFieldValues.js";
 import { useIntermediateRoutesStore } from "../stores/routes/useIntermediateRoutesStore.js";
 import { useSetExecutableRoute } from "../stores/routes/useSetExecutableRoute.js";
 import { useSettings } from "../stores/settings/useSettings.js";
 import { isCustomReceiverBlocked } from "../utils/customReceiver.js";
+import { getQueryKey } from "../utils/queries.js";
 import { updateTokenInCache } from "../utils/token.js";
 import { useChain } from "./useChain.js";
 import { useDebouncedWatch } from "./useDebouncedWatch.js";
@@ -24,7 +24,7 @@ import { useAccount } from "@lifi/wallet-management";
 //#region src/hooks/useRoutes.ts
 const refetchTime = 6e4;
 const useRoutes = ({ observableRoute, quoteFromAddress, keepPreviousData: keepPreviousDataEnabled } = {}) => {
-	const { mode, modeOptions, contractTool, bridges, exchanges, feeConfig, useRelayerRoutes, keyPrefix } = useWidgetConfig();
+	const { mode, modeOptions, contractTool, bridges, exchanges, feeConfig, useRelayerRoutes, storageScopeKey } = useWidgetConfig();
 	const sdkClient = useSDKClient();
 	const setExecutableRoute = useSetExecutableRoute();
 	const queryClient = useQueryClient();
@@ -71,7 +71,7 @@ const useRoutes = ({ observableRoute, quoteFromAddress, keepPreviousData: keepPr
 	const allowSwitchChain = sdkClient.config?.routeOptions?.allowSwitchChain;
 	const isEnabled = Boolean(Number(fromChain?.id)) && Boolean(Number(toChain?.id)) && Boolean(fromToken?.address) && Boolean(toToken?.address) && !Number.isNaN(slippage) && hasAmount && isToAddressSatisfied && !customReceiverBlocked && contractCallQuoteEnabled && !isBatchingSupportedLoading;
 	const queryKey = useMemo(() => [
-		getQueryKey("routes", keyPrefix),
+		getQueryKey("routes", storageScopeKey),
 		effectiveFromAddress,
 		fromChain?.id,
 		fromToken?.address,
@@ -100,7 +100,7 @@ const useRoutes = ({ observableRoute, quoteFromAddress, keepPreviousData: keepPr
 		isPrivate,
 		observableRoute?.id
 	], [
-		keyPrefix,
+		storageScopeKey,
 		effectiveFromAddress,
 		fromChain?.id,
 		fromToken?.address,
@@ -247,13 +247,13 @@ const useRoutes = ({ observableRoute, quoteFromAddress, keepPreviousData: keepPr
 			if (routesResult?.routes[0] && fromAddress) {
 				const { fromToken, toToken } = routesResult.routes[0];
 				[fromToken, toToken].forEach((token) => {
-					queryClient.setQueriesData({ queryKey: [getQueryKey("tokens", keyPrefix)] }, (data) => updateTokenInCache(data, token));
+					queryClient.setQueriesData({ queryKey: [getQueryKey("tokens", storageScopeKey)] }, (data) => updateTokenInCache(data, token));
 					queryClient.setQueriesData({
-						queryKey: [getQueryKey("tokens-search", keyPrefix)],
+						queryKey: [getQueryKey("tokens-search", storageScopeKey)],
 						exact: false
 					}, (data) => updateTokenInCache(data, token));
 					queryClient.setQueriesData({ queryKey: [
-						getQueryKey("token-balances", keyPrefix),
+						getQueryKey("token-balances", storageScopeKey),
 						fromAddress,
 						token.chainId
 					] }, (data) => {

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

@@ -1 +1 @@
-{"version":3,"file":"useRoutes.js","names":[],"sources":["../../../src/hooks/useRoutes.ts"],"sourcesContent":["import type { ExtendedChain, Route, Token } from '@lifi/sdk'\nimport {\n  ChainType,\n  convertQuoteToRoute,\n  getContractCallsQuote,\n  getRelayerQuote,\n  getRoutes,\n  LiFiErrorCode,\n  parseUnits,\n} from '@lifi/sdk'\nimport { useAccount } from '@lifi/wallet-management'\nimport {\n  useChainTypeFromAddress,\n  useEthereumContext,\n} from '@lifi/widget-provider'\nimport {\n  keepPreviousData,\n  useQuery,\n  useQueryClient,\n} from '@tanstack/react-query'\nimport { useCallback, useMemo } from 'react'\nimport { useSDKClient } from '../providers/SDKClientProvider.js'\nimport { useWidgetConfig } from '../providers/WidgetProvider/WidgetProvider.js'\nimport { useFieldValues } from '../stores/form/useFieldValues.js'\nimport { useNavigationTabsStore } from '../stores/navigationTabs/useNavigationTabsStore.js'\nimport { useIntermediateRoutesStore } from '../stores/routes/useIntermediateRoutesStore.js'\nimport { useSetExecutableRoute } from '../stores/routes/useSetExecutableRoute.js'\nimport { defaultSlippage } from '../stores/settings/createSettingsStore.js'\nimport { useSettings } from '../stores/settings/useSettings.js'\nimport { WidgetEvent } from '../types/events.js'\nimport type { TokensByChain } from '../types/token.js'\nimport { isCustomReceiverBlocked } from '../utils/customReceiver.js'\nimport { getQueryKey } from '../utils/queries.js'\nimport { updateTokenInCache } from '../utils/token.js'\nimport { useChain } from './useChain.js'\nimport { useDebouncedWatch } from './useDebouncedWatch.js'\nimport { useGasRefuel } from './useGasRefuel.js'\nimport { useIsBatchingSupported } from './useIsBatchingSupported.js'\nimport { useSwapOnly } from './useSwapOnly.js'\nimport { useToken } from './useToken.js'\nimport { useWidgetEvents } from './useWidgetEvents.js'\n\nconst refetchTime = 60_000\n\ninterface RoutesProps {\n  observableRoute?: Route\n  /**\n   * Address to quote from when no wallet is connected. Treated as a non-signing\n   * placeholder, so signer-dependent (relayer/permit2) quotes are skipped.\n   */\n  quoteFromAddress?: string\n  /**\n   * Keep showing the previous result while a new query (e.g. a token/amount\n   * change) is fetching, instead of clearing to a loading state.\n   */\n  keepPreviousData?: boolean\n}\n\nexport const useRoutes = ({\n  observableRoute,\n  quoteFromAddress,\n  keepPreviousData: keepPreviousDataEnabled,\n}: RoutesProps = {}): {\n  routes: Route[] | undefined\n  isLoading: boolean\n  isFetching: boolean\n  isFetched: boolean\n  isError: boolean\n  dataUpdatedAt: number\n  refetchTime: number\n  refetch: () => void\n  fromChain: ExtendedChain | undefined\n  toChain: ExtendedChain | undefined\n  queryKey: readonly unknown[]\n  setReviewableRoute: (route: Route) => void\n} => {\n  const {\n    mode,\n    modeOptions,\n    contractTool,\n    bridges,\n    exchanges,\n    feeConfig,\n    useRelayerRoutes,\n    keyPrefix,\n  } = useWidgetConfig()\n  const sdkClient = useSDKClient()\n  const setExecutableRoute = useSetExecutableRoute()\n  const queryClient = useQueryClient()\n  const emitter = useWidgetEvents()\n  const swapOnly = useSwapOnly()\n  const isPrivate = useNavigationTabsStore(\n    (state) => state.activeTab === 'private'\n  )\n\n  const {\n    disabledBridges,\n    disabledExchanges,\n    enabledBridges,\n    enabledExchanges,\n    enabledAutoRefuel,\n    routePriority,\n    slippage,\n  } = useSettings([\n    'disabledBridges',\n    'disabledExchanges',\n    'enabledBridges',\n    'enabledExchanges',\n    'enabledAutoRefuel',\n    'routePriority',\n    'slippage',\n  ])\n  const [fromTokenAmount] = useDebouncedWatch(500, 'fromAmount')\n  // Debounce toAmount like fromAmount to avoid a request per keystroke\n  const [toTokenAmount] = useDebouncedWatch(500, 'toAmount')\n  const [\n    fromChainId,\n    fromTokenAddress,\n    toAddress,\n    toChainId,\n    toTokenAddress,\n    contractCalls,\n  ] = useFieldValues(\n    'fromChain',\n    'fromToken',\n    'toAddress',\n    'toChain',\n    'toToken',\n    'contractCalls'\n  )\n  const [validUntilDuration, partiallyFillable] = useFieldValues(\n    'validUntil',\n    'partiallyFillable'\n  )\n  const { token: fromToken } = useToken(fromChainId, fromTokenAddress)\n  const { token: toToken } = useToken(toChainId, toTokenAddress)\n  const { chain: fromChain } = useChain(fromChainId)\n  const { chain: toChain } = useChain(toChainId)\n  const { enabled: enabledRefuel, fromAmount: gasRecommendationFromAmount } =\n    useGasRefuel()\n  const { getChainTypeFromAddress } = useChainTypeFromAddress()\n  const { isGaslessStep, disableMessageSigning } = useEthereumContext()\n  const { account } = useAccount({ chainType: fromChain?.chainType })\n  const { isBatchingSupported, isBatchingSupportedLoading } =\n    useIsBatchingSupported(fromChain, account.address)\n\n  // In limit mode toAmount is the user's limit target, derived from the sell\n  // amount and limit price. It's keyed and sent to the backend so changing the\n  // limit fetches a fresh quote. The receive card is read-only (it displays the\n  // quote and never writes toAmount back), so keying on it can't loop. Both a\n  // sell amount and a limit price (→ toAmount) are required before fetching.\n  const hasAmount =\n    mode === 'limit'\n      ? Number(fromTokenAmount) > 0 && Number(toTokenAmount) > 0\n      : Number(fromTokenAmount) > 0 || Number(toTokenAmount) > 0\n\n  const customType = mode === 'custom' ? modeOptions?.custom?.type : undefined\n  const isContractCallQuote =\n    mode === 'custom' && Boolean(contractCalls?.length)\n  // A contract-call quote needs a connected wallet to resolve fromAddress.\n  // Deposit funding quotes a plain route with no contract calls and no wallet\n  // (a placeholder fromAddress arrives via quoteFromAddress); every other custom\n  // flow stays gated on a real wallet, as before.\n  const contractCallQuoteEnabled: boolean = isContractCallQuote\n    ? Boolean(account.address)\n    : mode !== 'custom' || customType === 'deposit'\n\n  const effectiveFromAddress = account.address ?? quoteFromAddress\n\n  // When we bridge between ecosystems we need to be sure toAddress is set and has the same chainType as toChain\n  // If toAddress is set, it must have the same chainType as toChain\n  const hasToAddressAndChainTypeSatisfied: boolean =\n    !!toChain &&\n    !!toAddress &&\n    getChainTypeFromAddress(toAddress) === toChain.chainType\n  // We need to check for toAddress only if it is set\n  const isToAddressSatisfied = toAddress\n    ? hasToAddressAndChainTypeSatisfied\n    : true\n\n  // Not `effectiveFromAddress`: a quote placeholder must never match a receiver.\n  const customReceiverBlocked = isCustomReceiverBlocked({\n    fromChainType: fromChain?.chainType,\n    toChainType: toChain?.chainType,\n    toAddress,\n    signerAddress: account.address,\n  })\n\n  // toAddress might be an empty string, but we need to pass undefined if there is no value\n  const toWalletAddress = toAddress || undefined\n\n  // We need to send the full allowed tools array if custom tool settings are applied\n  const allowedBridges =\n    bridges?.allow?.length || bridges?.deny?.length ? enabledBridges : undefined\n  const allowedExchanges =\n    exchanges?.allow?.length || exchanges?.deny?.length\n      ? enabledExchanges\n      : undefined\n  const allowSwitchChain = sdkClient.config?.routeOptions?.allowSwitchChain\n\n  const isEnabled =\n    Boolean(Number(fromChain?.id)) &&\n    Boolean(Number(toChain?.id)) &&\n    Boolean(fromToken?.address) &&\n    Boolean(toToken?.address) &&\n    !Number.isNaN(slippage) &&\n    hasAmount &&\n    isToAddressSatisfied &&\n    !customReceiverBlocked &&\n    contractCallQuoteEnabled &&\n    !isBatchingSupportedLoading\n\n  // Some values should be strictly typed and isEnabled ensures that\n  const queryKey = useMemo(\n    () =>\n      [\n        getQueryKey('routes', keyPrefix),\n        effectiveFromAddress,\n        fromChain?.id as number,\n        fromToken?.address as string,\n        fromTokenAmount,\n        toWalletAddress,\n        toChain?.id as number,\n        toToken?.address as string,\n        toTokenAmount,\n        validUntilDuration,\n        partiallyFillable,\n        contractCalls,\n        slippage,\n        swapOnly,\n        disabledBridges,\n        disabledExchanges,\n        allowedBridges,\n        allowedExchanges,\n        routePriority,\n        mode,\n        allowSwitchChain,\n        enabledRefuel && enabledAutoRefuel,\n        gasRecommendationFromAmount,\n        feeConfig?.fee,\n        disableMessageSigning,\n        !!isBatchingSupported,\n        isPrivate,\n        observableRoute?.id,\n      ] as const,\n    [\n      keyPrefix,\n      effectiveFromAddress,\n      fromChain?.id,\n      fromToken?.address,\n      fromTokenAmount,\n      toWalletAddress,\n      toChain?.id,\n      toToken?.address,\n      toTokenAmount,\n      validUntilDuration,\n      partiallyFillable,\n      contractCalls,\n      slippage,\n      swapOnly,\n      disabledBridges,\n      disabledExchanges,\n      allowedBridges,\n      allowedExchanges,\n      routePriority,\n      mode,\n      allowSwitchChain,\n      enabledRefuel,\n      enabledAutoRefuel,\n      gasRecommendationFromAmount,\n      feeConfig?.fee,\n      disableMessageSigning,\n      isBatchingSupported,\n      isPrivate,\n      observableRoute?.id,\n    ]\n  )\n\n  const { getIntermediateRoutes, setIntermediateRoutes } =\n    useIntermediateRoutesStore()\n\n  const {\n    data,\n    isLoading,\n    isFetching,\n    isFetched,\n    isError,\n    dataUpdatedAt,\n    refetch,\n  } = useQuery({\n    queryKey,\n    queryFn: async ({\n      queryKey: [\n        _,\n        fromAddress,\n        fromChainId,\n        fromTokenAddress,\n        fromTokenAmount,\n        toAddress,\n        toChainId,\n        toTokenAddress,\n        toTokenAmount,\n        validUntilDuration,\n        partiallyFillable,\n        contractCalls,\n        slippage = defaultSlippage,\n        swapOnly,\n        disabledBridges,\n        disabledExchanges,\n        allowedBridges,\n        allowedExchanges,\n        routePriority,\n        mode,\n        allowSwitchChain,\n        enabledRefuel,\n        gasRecommendationFromAmount,\n        configuredFee,\n        disableMessageSigning,\n        isBatchingSupported,\n        isPrivate,\n        // _observableRouteId must be the last element in the query key\n        _observableRouteId,\n      ],\n      signal,\n    }) => {\n      const fromAmount = parseUnits(fromTokenAmount, fromToken!.decimals)\n      const toAmount = toTokenAmount\n        ? parseUnits(toTokenAmount, toToken!.decimals)\n        : undefined\n      const formattedSlippage = slippage\n        ? Number.parseFloat(slippage) / 100\n        : defaultSlippage\n\n      const allowBridges = swapOnly\n        ? []\n        : observableRoute\n          ? observableRoute.steps.flatMap((step) =>\n              step.includedSteps.reduce((toolKeys, includedStep) => {\n                if (includedStep.type === 'cross') {\n                  toolKeys.push(includedStep.toolDetails.key)\n                }\n                return toolKeys\n              }, [] as string[])\n            )\n          : allowedBridges\n      const allowExchanges = observableRoute\n        ? observableRoute.steps.flatMap((step) =>\n            step.includedSteps.reduce((toolKeys, includedStep) => {\n              if (includedStep.type === 'swap') {\n                toolKeys.push(includedStep.toolDetails.key)\n              }\n              return toolKeys\n            }, [] as string[])\n          )\n        : allowedExchanges\n\n      const calculatedFee = await feeConfig?.calculateFee?.({\n        fromChain: fromChain!,\n        toChain: toChain!,\n        fromToken: fromToken!,\n        toToken: toToken!,\n        fromAddress,\n        toAddress,\n        fromAmount,\n        toAmount,\n        slippage: formattedSlippage,\n      })\n\n      if (mode === 'custom' && contractCalls?.length && toAmount) {\n        const contractCallQuote = await getContractCallsQuote(\n          sdkClient,\n          {\n            // Contract calls are enabled only when fromAddress is set\n            fromAddress: fromAddress as string,\n            fromChain: fromChainId,\n            fromToken: fromTokenAddress,\n            toAmount: toAmount.toString(),\n            toChain: toChainId,\n            toToken: toTokenAddress,\n            contractCalls,\n            denyBridges: disabledBridges.length ? disabledBridges : undefined,\n            denyExchanges: disabledExchanges.length\n              ? disabledExchanges\n              : undefined,\n            allowBridges,\n            allowExchanges,\n            toFallbackAddress: toAddress,\n            slippage: formattedSlippage,\n            fee: calculatedFee || configuredFee,\n          },\n          { signal }\n        )\n\n        contractCallQuote.action.toToken = toToken!\n\n        const customStep =\n          mode === 'custom'\n            ? contractCallQuote.includedSteps?.find(\n                (step) => step.type === 'custom'\n              )\n            : undefined\n\n        if (customStep && contractTool) {\n          const toolDetails = {\n            key: contractTool.name,\n            name: contractTool.name,\n            logoURI: contractTool.logoURI,\n          }\n          customStep.toolDetails = toolDetails\n          contractCallQuote.toolDetails = toolDetails\n        }\n\n        const route: Route = convertQuoteToRoute(contractCallQuote)\n\n        return [route]\n      }\n\n      // Prevent sending a request for the same chain token combinations.\n      // Exception: proceed anyway if mode is custom and modeOptions custom type is deposit\n      if (\n        fromChainId === toChainId &&\n        fromTokenAddress === toTokenAddress &&\n        !(mode === 'custom' && modeOptions?.custom?.type === 'deposit')\n      ) {\n        return\n      }\n\n      const isObservableRelayerRoute = observableRoute?.steps?.some(\n        (step) => !!isGaslessStep?.(step, fromChain)\n      )\n\n      const shouldUseMainRoutes = !observableRoute || !isObservableRelayerRoute\n      const shouldUseRelayerQuote =\n        // Relayer quotes don't support limit-order params\n        mode !== 'limit' &&\n        account.address &&\n        fromAddress &&\n        fromChain?.chainType === ChainType.EVM &&\n        fromChain.permit2 &&\n        fromChain.permit2Proxy &&\n        fromChain.relayerSupported &&\n        fromChain.nativeToken.address !== fromTokenAddress &&\n        useRelayerRoutes &&\n        !isBatchingSupported &&\n        (!observableRoute || isObservableRelayerRoute)\n\n      const limitOrderRouteParams =\n        mode === 'limit'\n          ? {\n              toAmount: toAmount?.toString(),\n              validUntil: Math.floor(Date.now() / 1000) + validUntilDuration,\n              partiallyFillable: partiallyFillable,\n            }\n          : undefined\n\n      const mainRoutesPromise = shouldUseMainRoutes\n        ? getRoutes(\n            sdkClient,\n            {\n              fromAddress,\n              fromAmount: fromAmount.toString(),\n              fromChainId,\n              fromTokenAddress,\n              toAddress,\n              toChainId,\n              toTokenAddress,\n              fromAmountForGas:\n                enabledRefuel && gasRecommendationFromAmount\n                  ? gasRecommendationFromAmount\n                  : undefined,\n              ...limitOrderRouteParams,\n              options: {\n                allowSwitchChain: mode === 'refuel' ? false : allowSwitchChain,\n                bridges:\n                  allowBridges?.length || disabledBridges.length\n                    ? {\n                        allow: allowBridges,\n                        deny: disabledBridges.length\n                          ? disabledBridges\n                          : undefined,\n                      }\n                    : undefined,\n                exchanges:\n                  allowExchanges?.length || disabledExchanges.length\n                    ? {\n                        allow: allowExchanges,\n                        deny: disabledExchanges.length\n                          ? disabledExchanges\n                          : undefined,\n                      }\n                    : undefined,\n                order: routePriority,\n                slippage: formattedSlippage,\n                fee: calculatedFee || configuredFee,\n                executionType: disableMessageSigning ? 'transaction' : 'all',\n                ...(isPrivate && { private: true }),\n              },\n            },\n            { signal }\n          )\n        : Promise.resolve(null)\n\n      const relayerQuotePromise = shouldUseRelayerQuote\n        ? getRelayerQuote(\n            sdkClient,\n            {\n              fromAddress,\n              fromAmount: fromAmount.toString(),\n              fromChain: fromChainId,\n              fromToken: fromTokenAddress,\n              toAddress,\n              toChain: toChainId,\n              toToken: toTokenAddress,\n              fromAmountForGas:\n                enabledRefuel && gasRecommendationFromAmount\n                  ? gasRecommendationFromAmount\n                  : undefined,\n              order: routePriority,\n              slippage: formattedSlippage,\n              fee: calculatedFee || configuredFee,\n              ...(allowBridges?.length || disabledBridges.length\n                ? {\n                    allowBridges: allowBridges,\n                    denyBridges: disabledBridges.length\n                      ? disabledBridges\n                      : undefined,\n                  }\n                : undefined),\n              ...(allowExchanges?.length || disabledExchanges.length\n                ? {\n                    allowExchanges: allowExchanges,\n                    denyExchanges: disabledExchanges.length\n                      ? disabledExchanges\n                      : undefined,\n                  }\n                : undefined),\n            },\n            { signal }\n          )\n            .then(convertQuoteToRoute)\n            .catch(() => null)\n        : Promise.resolve(null)\n\n      // Wait for the main routes to complete first\n      const routesResult = await mainRoutesPromise\n\n      if (routesResult?.routes[0] && fromAddress) {\n        // Update local tokens cache to keep priceUSD in sync\n        const { fromToken, toToken } = routesResult.routes[0]\n        ;[fromToken, toToken].forEach((token) => {\n          // Update main tokens cache (verified)\n          queryClient.setQueriesData<TokensByChain>(\n            { queryKey: [getQueryKey('tokens', keyPrefix)] },\n            (data) => updateTokenInCache(data, token)\n          )\n\n          // Update search tokens cache (unverified) - matches any search query\n          queryClient.setQueriesData<TokensByChain>(\n            {\n              queryKey: [getQueryKey('tokens-search', keyPrefix)],\n              exact: false,\n            },\n            (data) => updateTokenInCache(data, token)\n          )\n\n          queryClient.setQueriesData<Token[]>(\n            {\n              queryKey: [\n                getQueryKey('token-balances', keyPrefix),\n                fromAddress,\n                token.chainId,\n              ],\n            },\n            (data) => {\n              if (data) {\n                const clonedData = [...data]\n                const index = clonedData.findIndex(\n                  (dataToken) => dataToken.address === token.address\n                )\n                if (index >= 0) {\n                  clonedData[index] = {\n                    ...clonedData[index],\n                    ...token,\n                  }\n                }\n                return clonedData\n              }\n            }\n          )\n        })\n      }\n\n      const initialRoutes = routesResult?.routes ?? []\n\n      if (shouldUseRelayerQuote && initialRoutes.length) {\n        setIntermediateRoutes(queryKey, initialRoutes)\n        emitter.emit(WidgetEvent.AvailableRoutes, initialRoutes)\n        // Return early if we're only using main routes\n      } else if (shouldUseMainRoutes) {\n        // If we don't need relayer quote, return the initial routes\n        emitter.emit(WidgetEvent.AvailableRoutes, initialRoutes)\n        return initialRoutes\n      }\n\n      const relayerRouteResult = await relayerQuotePromise\n      // If we have a relayer route, add it to the routes array\n      if (relayerRouteResult) {\n        // Insert the relayer route at position 1 (after the first route)\n        initialRoutes.splice(1, 0, relayerRouteResult)\n        // Emit the updated routes\n        emitter.emit(WidgetEvent.AvailableRoutes, initialRoutes)\n      }\n\n      return initialRoutes\n    },\n    enabled: isEnabled,\n    staleTime: refetchTime,\n    placeholderData: keepPreviousDataEnabled ? keepPreviousData : undefined,\n    refetchInterval(query) {\n      return Math.min(\n        Math.abs(refetchTime - (Date.now() - query.state.dataUpdatedAt)),\n        refetchTime\n      )\n    },\n    retry(failureCount, error: any) {\n      if (process.env.NODE_ENV === 'development') {\n        console.warn('Route query failed:', { failureCount, error })\n      }\n      if (failureCount >= 3) {\n        return false\n      }\n      if (error?.code === LiFiErrorCode.NotFound) {\n        return false\n      }\n      return true\n    },\n  })\n\n  const setReviewableRoute = useCallback(\n    (route: Route) => {\n      const queryDataKey = queryKey.toSpliced(queryKey.length - 1, 1, route.id)\n      queryClient.setQueryData(queryDataKey, [route], {\n        updatedAt: dataUpdatedAt || Date.now(),\n      })\n      setExecutableRoute(route)\n    },\n    [queryClient, dataUpdatedAt, setExecutableRoute, queryKey]\n  )\n\n  return {\n    routes: data || getIntermediateRoutes(queryKey),\n    isLoading: isEnabled && isLoading,\n    isFetching,\n    isFetched,\n    isError,\n    dataUpdatedAt,\n    refetchTime,\n    refetch,\n    fromChain,\n    toChain,\n    queryKey,\n    setReviewableRoute,\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"useRoutes.js","names":[],"sources":["../../../src/hooks/useRoutes.ts"],"sourcesContent":["import type { ExtendedChain, Route, Token } from '@lifi/sdk'\nimport {\n  ChainType,\n  convertQuoteToRoute,\n  getContractCallsQuote,\n  getRelayerQuote,\n  getRoutes,\n  LiFiErrorCode,\n  parseUnits,\n} from '@lifi/sdk'\nimport { useAccount } from '@lifi/wallet-management'\nimport {\n  useChainTypeFromAddress,\n  useEthereumContext,\n} from '@lifi/widget-provider'\nimport {\n  keepPreviousData,\n  useQuery,\n  useQueryClient,\n} from '@tanstack/react-query'\nimport { useCallback, useMemo } from 'react'\nimport { useSDKClient } from '../providers/SDKClientProvider.js'\nimport { useWidgetConfig } from '../providers/WidgetProvider/WidgetProvider.js'\nimport { useFieldValues } from '../stores/form/useFieldValues.js'\nimport { useNavigationTabsStore } from '../stores/navigationTabs/useNavigationTabsStore.js'\nimport { useIntermediateRoutesStore } from '../stores/routes/useIntermediateRoutesStore.js'\nimport { useSetExecutableRoute } from '../stores/routes/useSetExecutableRoute.js'\nimport { defaultSlippage } from '../stores/settings/createSettingsStore.js'\nimport { useSettings } from '../stores/settings/useSettings.js'\nimport { WidgetEvent } from '../types/events.js'\nimport type { TokensByChain } from '../types/token.js'\nimport { isCustomReceiverBlocked } from '../utils/customReceiver.js'\nimport { getQueryKey } from '../utils/queries.js'\nimport { updateTokenInCache } from '../utils/token.js'\nimport { useChain } from './useChain.js'\nimport { useDebouncedWatch } from './useDebouncedWatch.js'\nimport { useGasRefuel } from './useGasRefuel.js'\nimport { useIsBatchingSupported } from './useIsBatchingSupported.js'\nimport { useSwapOnly } from './useSwapOnly.js'\nimport { useToken } from './useToken.js'\nimport { useWidgetEvents } from './useWidgetEvents.js'\n\nconst refetchTime = 60_000\n\ninterface RoutesProps {\n  observableRoute?: Route\n  /**\n   * Address to quote from when no wallet is connected. Treated as a non-signing\n   * placeholder, so signer-dependent (relayer/permit2) quotes are skipped.\n   */\n  quoteFromAddress?: string\n  /**\n   * Keep showing the previous result while a new query (e.g. a token/amount\n   * change) is fetching, instead of clearing to a loading state.\n   */\n  keepPreviousData?: boolean\n}\n\nexport const useRoutes = ({\n  observableRoute,\n  quoteFromAddress,\n  keepPreviousData: keepPreviousDataEnabled,\n}: RoutesProps = {}): {\n  routes: Route[] | undefined\n  isLoading: boolean\n  isFetching: boolean\n  isFetched: boolean\n  isError: boolean\n  dataUpdatedAt: number\n  refetchTime: number\n  refetch: () => void\n  fromChain: ExtendedChain | undefined\n  toChain: ExtendedChain | undefined\n  queryKey: readonly unknown[]\n  setReviewableRoute: (route: Route) => void\n} => {\n  const {\n    mode,\n    modeOptions,\n    contractTool,\n    bridges,\n    exchanges,\n    feeConfig,\n    useRelayerRoutes,\n    storageScopeKey,\n  } = useWidgetConfig()\n  const sdkClient = useSDKClient()\n  const setExecutableRoute = useSetExecutableRoute()\n  const queryClient = useQueryClient()\n  const emitter = useWidgetEvents()\n  const swapOnly = useSwapOnly()\n  const isPrivate = useNavigationTabsStore(\n    (state) => state.activeTab === 'private'\n  )\n\n  const {\n    disabledBridges,\n    disabledExchanges,\n    enabledBridges,\n    enabledExchanges,\n    enabledAutoRefuel,\n    routePriority,\n    slippage,\n  } = useSettings([\n    'disabledBridges',\n    'disabledExchanges',\n    'enabledBridges',\n    'enabledExchanges',\n    'enabledAutoRefuel',\n    'routePriority',\n    'slippage',\n  ])\n  const [fromTokenAmount] = useDebouncedWatch(500, 'fromAmount')\n  // Debounce toAmount like fromAmount to avoid a request per keystroke\n  const [toTokenAmount] = useDebouncedWatch(500, 'toAmount')\n  const [\n    fromChainId,\n    fromTokenAddress,\n    toAddress,\n    toChainId,\n    toTokenAddress,\n    contractCalls,\n  ] = useFieldValues(\n    'fromChain',\n    'fromToken',\n    'toAddress',\n    'toChain',\n    'toToken',\n    'contractCalls'\n  )\n  const [validUntilDuration, partiallyFillable] = useFieldValues(\n    'validUntil',\n    'partiallyFillable'\n  )\n  const { token: fromToken } = useToken(fromChainId, fromTokenAddress)\n  const { token: toToken } = useToken(toChainId, toTokenAddress)\n  const { chain: fromChain } = useChain(fromChainId)\n  const { chain: toChain } = useChain(toChainId)\n  const { enabled: enabledRefuel, fromAmount: gasRecommendationFromAmount } =\n    useGasRefuel()\n  const { getChainTypeFromAddress } = useChainTypeFromAddress()\n  const { isGaslessStep, disableMessageSigning } = useEthereumContext()\n  const { account } = useAccount({ chainType: fromChain?.chainType })\n  const { isBatchingSupported, isBatchingSupportedLoading } =\n    useIsBatchingSupported(fromChain, account.address)\n\n  // In limit mode toAmount is the user's limit target, derived from the sell\n  // amount and limit price. It's keyed and sent to the backend so changing the\n  // limit fetches a fresh quote. The receive card is read-only (it displays the\n  // quote and never writes toAmount back), so keying on it can't loop. Both a\n  // sell amount and a limit price (→ toAmount) are required before fetching.\n  const hasAmount =\n    mode === 'limit'\n      ? Number(fromTokenAmount) > 0 && Number(toTokenAmount) > 0\n      : Number(fromTokenAmount) > 0 || Number(toTokenAmount) > 0\n\n  const customType = mode === 'custom' ? modeOptions?.custom?.type : undefined\n  const isContractCallQuote =\n    mode === 'custom' && Boolean(contractCalls?.length)\n  // A contract-call quote needs a connected wallet to resolve fromAddress.\n  // Deposit funding quotes a plain route with no contract calls and no wallet\n  // (a placeholder fromAddress arrives via quoteFromAddress); every other custom\n  // flow stays gated on a real wallet, as before.\n  const contractCallQuoteEnabled: boolean = isContractCallQuote\n    ? Boolean(account.address)\n    : mode !== 'custom' || customType === 'deposit'\n\n  const effectiveFromAddress = account.address ?? quoteFromAddress\n\n  // When we bridge between ecosystems we need to be sure toAddress is set and has the same chainType as toChain\n  // If toAddress is set, it must have the same chainType as toChain\n  const hasToAddressAndChainTypeSatisfied: boolean =\n    !!toChain &&\n    !!toAddress &&\n    getChainTypeFromAddress(toAddress) === toChain.chainType\n  // We need to check for toAddress only if it is set\n  const isToAddressSatisfied = toAddress\n    ? hasToAddressAndChainTypeSatisfied\n    : true\n\n  // Not `effectiveFromAddress`: a quote placeholder must never match a receiver.\n  const customReceiverBlocked = isCustomReceiverBlocked({\n    fromChainType: fromChain?.chainType,\n    toChainType: toChain?.chainType,\n    toAddress,\n    signerAddress: account.address,\n  })\n\n  // toAddress might be an empty string, but we need to pass undefined if there is no value\n  const toWalletAddress = toAddress || undefined\n\n  // We need to send the full allowed tools array if custom tool settings are applied\n  const allowedBridges =\n    bridges?.allow?.length || bridges?.deny?.length ? enabledBridges : undefined\n  const allowedExchanges =\n    exchanges?.allow?.length || exchanges?.deny?.length\n      ? enabledExchanges\n      : undefined\n  const allowSwitchChain = sdkClient.config?.routeOptions?.allowSwitchChain\n\n  const isEnabled =\n    Boolean(Number(fromChain?.id)) &&\n    Boolean(Number(toChain?.id)) &&\n    Boolean(fromToken?.address) &&\n    Boolean(toToken?.address) &&\n    !Number.isNaN(slippage) &&\n    hasAmount &&\n    isToAddressSatisfied &&\n    !customReceiverBlocked &&\n    contractCallQuoteEnabled &&\n    !isBatchingSupportedLoading\n\n  // Some values should be strictly typed and isEnabled ensures that\n  const queryKey = useMemo(\n    () =>\n      [\n        getQueryKey('routes', storageScopeKey),\n        effectiveFromAddress,\n        fromChain?.id as number,\n        fromToken?.address as string,\n        fromTokenAmount,\n        toWalletAddress,\n        toChain?.id as number,\n        toToken?.address as string,\n        toTokenAmount,\n        validUntilDuration,\n        partiallyFillable,\n        contractCalls,\n        slippage,\n        swapOnly,\n        disabledBridges,\n        disabledExchanges,\n        allowedBridges,\n        allowedExchanges,\n        routePriority,\n        mode,\n        allowSwitchChain,\n        enabledRefuel && enabledAutoRefuel,\n        gasRecommendationFromAmount,\n        feeConfig?.fee,\n        disableMessageSigning,\n        !!isBatchingSupported,\n        isPrivate,\n        observableRoute?.id,\n      ] as const,\n    [\n      storageScopeKey,\n      effectiveFromAddress,\n      fromChain?.id,\n      fromToken?.address,\n      fromTokenAmount,\n      toWalletAddress,\n      toChain?.id,\n      toToken?.address,\n      toTokenAmount,\n      validUntilDuration,\n      partiallyFillable,\n      contractCalls,\n      slippage,\n      swapOnly,\n      disabledBridges,\n      disabledExchanges,\n      allowedBridges,\n      allowedExchanges,\n      routePriority,\n      mode,\n      allowSwitchChain,\n      enabledRefuel,\n      enabledAutoRefuel,\n      gasRecommendationFromAmount,\n      feeConfig?.fee,\n      disableMessageSigning,\n      isBatchingSupported,\n      isPrivate,\n      observableRoute?.id,\n    ]\n  )\n\n  const { getIntermediateRoutes, setIntermediateRoutes } =\n    useIntermediateRoutesStore()\n\n  const {\n    data,\n    isLoading,\n    isFetching,\n    isFetched,\n    isError,\n    dataUpdatedAt,\n    refetch,\n  } = useQuery({\n    queryKey,\n    queryFn: async ({\n      queryKey: [\n        _,\n        fromAddress,\n        fromChainId,\n        fromTokenAddress,\n        fromTokenAmount,\n        toAddress,\n        toChainId,\n        toTokenAddress,\n        toTokenAmount,\n        validUntilDuration,\n        partiallyFillable,\n        contractCalls,\n        slippage = defaultSlippage,\n        swapOnly,\n        disabledBridges,\n        disabledExchanges,\n        allowedBridges,\n        allowedExchanges,\n        routePriority,\n        mode,\n        allowSwitchChain,\n        enabledRefuel,\n        gasRecommendationFromAmount,\n        configuredFee,\n        disableMessageSigning,\n        isBatchingSupported,\n        isPrivate,\n        // _observableRouteId must be the last element in the query key\n        _observableRouteId,\n      ],\n      signal,\n    }) => {\n      const fromAmount = parseUnits(fromTokenAmount, fromToken!.decimals)\n      const toAmount = toTokenAmount\n        ? parseUnits(toTokenAmount, toToken!.decimals)\n        : undefined\n      const formattedSlippage = slippage\n        ? Number.parseFloat(slippage) / 100\n        : defaultSlippage\n\n      const allowBridges = swapOnly\n        ? []\n        : observableRoute\n          ? observableRoute.steps.flatMap((step) =>\n              step.includedSteps.reduce((toolKeys, includedStep) => {\n                if (includedStep.type === 'cross') {\n                  toolKeys.push(includedStep.toolDetails.key)\n                }\n                return toolKeys\n              }, [] as string[])\n            )\n          : allowedBridges\n      const allowExchanges = observableRoute\n        ? observableRoute.steps.flatMap((step) =>\n            step.includedSteps.reduce((toolKeys, includedStep) => {\n              if (includedStep.type === 'swap') {\n                toolKeys.push(includedStep.toolDetails.key)\n              }\n              return toolKeys\n            }, [] as string[])\n          )\n        : allowedExchanges\n\n      const calculatedFee = await feeConfig?.calculateFee?.({\n        fromChain: fromChain!,\n        toChain: toChain!,\n        fromToken: fromToken!,\n        toToken: toToken!,\n        fromAddress,\n        toAddress,\n        fromAmount,\n        toAmount,\n        slippage: formattedSlippage,\n      })\n\n      if (mode === 'custom' && contractCalls?.length && toAmount) {\n        const contractCallQuote = await getContractCallsQuote(\n          sdkClient,\n          {\n            // Contract calls are enabled only when fromAddress is set\n            fromAddress: fromAddress as string,\n            fromChain: fromChainId,\n            fromToken: fromTokenAddress,\n            toAmount: toAmount.toString(),\n            toChain: toChainId,\n            toToken: toTokenAddress,\n            contractCalls,\n            denyBridges: disabledBridges.length ? disabledBridges : undefined,\n            denyExchanges: disabledExchanges.length\n              ? disabledExchanges\n              : undefined,\n            allowBridges,\n            allowExchanges,\n            toFallbackAddress: toAddress,\n            slippage: formattedSlippage,\n            fee: calculatedFee || configuredFee,\n          },\n          { signal }\n        )\n\n        contractCallQuote.action.toToken = toToken!\n\n        const customStep =\n          mode === 'custom'\n            ? contractCallQuote.includedSteps?.find(\n                (step) => step.type === 'custom'\n              )\n            : undefined\n\n        if (customStep && contractTool) {\n          const toolDetails = {\n            key: contractTool.name,\n            name: contractTool.name,\n            logoURI: contractTool.logoURI,\n          }\n          customStep.toolDetails = toolDetails\n          contractCallQuote.toolDetails = toolDetails\n        }\n\n        const route: Route = convertQuoteToRoute(contractCallQuote)\n\n        return [route]\n      }\n\n      // Prevent sending a request for the same chain token combinations.\n      // Exception: proceed anyway if mode is custom and modeOptions custom type is deposit\n      if (\n        fromChainId === toChainId &&\n        fromTokenAddress === toTokenAddress &&\n        !(mode === 'custom' && modeOptions?.custom?.type === 'deposit')\n      ) {\n        return\n      }\n\n      const isObservableRelayerRoute = observableRoute?.steps?.some(\n        (step) => !!isGaslessStep?.(step, fromChain)\n      )\n\n      const shouldUseMainRoutes = !observableRoute || !isObservableRelayerRoute\n      const shouldUseRelayerQuote =\n        // Relayer quotes don't support limit-order params\n        mode !== 'limit' &&\n        account.address &&\n        fromAddress &&\n        fromChain?.chainType === ChainType.EVM &&\n        fromChain.permit2 &&\n        fromChain.permit2Proxy &&\n        fromChain.relayerSupported &&\n        fromChain.nativeToken.address !== fromTokenAddress &&\n        useRelayerRoutes &&\n        !isBatchingSupported &&\n        (!observableRoute || isObservableRelayerRoute)\n\n      const limitOrderRouteParams =\n        mode === 'limit'\n          ? {\n              toAmount: toAmount?.toString(),\n              validUntil: Math.floor(Date.now() / 1000) + validUntilDuration,\n              partiallyFillable: partiallyFillable,\n            }\n          : undefined\n\n      const mainRoutesPromise = shouldUseMainRoutes\n        ? getRoutes(\n            sdkClient,\n            {\n              fromAddress,\n              fromAmount: fromAmount.toString(),\n              fromChainId,\n              fromTokenAddress,\n              toAddress,\n              toChainId,\n              toTokenAddress,\n              fromAmountForGas:\n                enabledRefuel && gasRecommendationFromAmount\n                  ? gasRecommendationFromAmount\n                  : undefined,\n              ...limitOrderRouteParams,\n              options: {\n                allowSwitchChain: mode === 'refuel' ? false : allowSwitchChain,\n                bridges:\n                  allowBridges?.length || disabledBridges.length\n                    ? {\n                        allow: allowBridges,\n                        deny: disabledBridges.length\n                          ? disabledBridges\n                          : undefined,\n                      }\n                    : undefined,\n                exchanges:\n                  allowExchanges?.length || disabledExchanges.length\n                    ? {\n                        allow: allowExchanges,\n                        deny: disabledExchanges.length\n                          ? disabledExchanges\n                          : undefined,\n                      }\n                    : undefined,\n                order: routePriority,\n                slippage: formattedSlippage,\n                fee: calculatedFee || configuredFee,\n                executionType: disableMessageSigning ? 'transaction' : 'all',\n                ...(isPrivate && { private: true }),\n              },\n            },\n            { signal }\n          )\n        : Promise.resolve(null)\n\n      const relayerQuotePromise = shouldUseRelayerQuote\n        ? getRelayerQuote(\n            sdkClient,\n            {\n              fromAddress,\n              fromAmount: fromAmount.toString(),\n              fromChain: fromChainId,\n              fromToken: fromTokenAddress,\n              toAddress,\n              toChain: toChainId,\n              toToken: toTokenAddress,\n              fromAmountForGas:\n                enabledRefuel && gasRecommendationFromAmount\n                  ? gasRecommendationFromAmount\n                  : undefined,\n              order: routePriority,\n              slippage: formattedSlippage,\n              fee: calculatedFee || configuredFee,\n              ...(allowBridges?.length || disabledBridges.length\n                ? {\n                    allowBridges: allowBridges,\n                    denyBridges: disabledBridges.length\n                      ? disabledBridges\n                      : undefined,\n                  }\n                : undefined),\n              ...(allowExchanges?.length || disabledExchanges.length\n                ? {\n                    allowExchanges: allowExchanges,\n                    denyExchanges: disabledExchanges.length\n                      ? disabledExchanges\n                      : undefined,\n                  }\n                : undefined),\n            },\n            { signal }\n          )\n            .then(convertQuoteToRoute)\n            .catch(() => null)\n        : Promise.resolve(null)\n\n      // Wait for the main routes to complete first\n      const routesResult = await mainRoutesPromise\n\n      if (routesResult?.routes[0] && fromAddress) {\n        // Update local tokens cache to keep priceUSD in sync\n        const { fromToken, toToken } = routesResult.routes[0]\n        ;[fromToken, toToken].forEach((token) => {\n          // Update main tokens cache (verified)\n          queryClient.setQueriesData<TokensByChain>(\n            { queryKey: [getQueryKey('tokens', storageScopeKey)] },\n            (data) => updateTokenInCache(data, token)\n          )\n\n          // Update search tokens cache (unverified) - matches any search query\n          queryClient.setQueriesData<TokensByChain>(\n            {\n              queryKey: [getQueryKey('tokens-search', storageScopeKey)],\n              exact: false,\n            },\n            (data) => updateTokenInCache(data, token)\n          )\n\n          queryClient.setQueriesData<Token[]>(\n            {\n              queryKey: [\n                getQueryKey('token-balances', storageScopeKey),\n                fromAddress,\n                token.chainId,\n              ],\n            },\n            (data) => {\n              if (data) {\n                const clonedData = [...data]\n                const index = clonedData.findIndex(\n                  (dataToken) => dataToken.address === token.address\n                )\n                if (index >= 0) {\n                  clonedData[index] = {\n                    ...clonedData[index],\n                    ...token,\n                  }\n                }\n                return clonedData\n              }\n            }\n          )\n        })\n      }\n\n      const initialRoutes = routesResult?.routes ?? []\n\n      if (shouldUseRelayerQuote && initialRoutes.length) {\n        setIntermediateRoutes(queryKey, initialRoutes)\n        emitter.emit(WidgetEvent.AvailableRoutes, initialRoutes)\n        // Return early if we're only using main routes\n      } else if (shouldUseMainRoutes) {\n        // If we don't need relayer quote, return the initial routes\n        emitter.emit(WidgetEvent.AvailableRoutes, initialRoutes)\n        return initialRoutes\n      }\n\n      const relayerRouteResult = await relayerQuotePromise\n      // If we have a relayer route, add it to the routes array\n      if (relayerRouteResult) {\n        // Insert the relayer route at position 1 (after the first route)\n        initialRoutes.splice(1, 0, relayerRouteResult)\n        // Emit the updated routes\n        emitter.emit(WidgetEvent.AvailableRoutes, initialRoutes)\n      }\n\n      return initialRoutes\n    },\n    enabled: isEnabled,\n    staleTime: refetchTime,\n    placeholderData: keepPreviousDataEnabled ? keepPreviousData : undefined,\n    refetchInterval(query) {\n      return Math.min(\n        Math.abs(refetchTime - (Date.now() - query.state.dataUpdatedAt)),\n        refetchTime\n      )\n    },\n    retry(failureCount, error: any) {\n      if (process.env.NODE_ENV === 'development') {\n        console.warn('Route query failed:', { failureCount, error })\n      }\n      if (failureCount >= 3) {\n        return false\n      }\n      if (error?.code === LiFiErrorCode.NotFound) {\n        return false\n      }\n      return true\n    },\n  })\n\n  const setReviewableRoute = useCallback(\n    (route: Route) => {\n      const queryDataKey = queryKey.toSpliced(queryKey.length - 1, 1, route.id)\n      queryClient.setQueryData(queryDataKey, [route], {\n        updatedAt: dataUpdatedAt || Date.now(),\n      })\n      setExecutableRoute(route)\n    },\n    [queryClient, dataUpdatedAt, setExecutableRoute, queryKey]\n  )\n\n  return {\n    routes: data || getIntermediateRoutes(queryKey),\n    isLoading: isEnabled && isLoading,\n    isFetching,\n    isFetched,\n    isError,\n    dataUpdatedAt,\n    refetchTime,\n    refetch,\n    fromChain,\n    toChain,\n    queryKey,\n    setReviewableRoute,\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AA0CA,MAAM,cAAc;AAgBpB,MAAa,aAAa,EACxB,iBACA,kBACA,kBAAkB,4BACH,CAAC,MAab;CACH,MAAM,EACJ,MACA,aACA,cACA,SACA,WACA,WACA,kBACA,oBACE,gBAAgB;CACpB,MAAM,YAAY,aAAa;CAC/B,MAAM,qBAAqB,sBAAsB;CACjD,MAAM,cAAc,eAAe;CACnC,MAAM,UAAU,gBAAgB;CAChC,MAAM,WAAW,YAAY;CAC7B,MAAM,YAAY,wBACf,UAAU,MAAM,cAAc,SACjC;CAEA,MAAM,EACJ,iBACA,mBACA,gBACA,kBACA,mBACA,eACA,aACE,YAAY;EACd;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CAAC;CACD,MAAM,CAAC,mBAAmB,kBAAkB,KAAK,YAAY;CAE7D,MAAM,CAAC,iBAAiB,kBAAkB,KAAK,UAAU;CACzD,MAAM,CACJ,aACA,kBACA,WACA,WACA,gBACA,iBACE,eACF,aACA,aACA,aACA,WACA,WACA,eACF;CACA,MAAM,CAAC,oBAAoB,qBAAqB,eAC9C,cACA,mBACF;CACA,MAAM,EAAE,OAAO,cAAc,SAAS,aAAa,gBAAgB;CACnE,MAAM,EAAE,OAAO,YAAY,SAAS,WAAW,cAAc;CAC7D,MAAM,EAAE,OAAO,cAAc,SAAS,WAAW;CACjD,MAAM,EAAE,OAAO,YAAY,SAAS,SAAS;CAC7C,MAAM,EAAE,SAAS,eAAe,YAAY,gCAC1C,aAAa;CACf,MAAM,EAAE,4BAA4B,wBAAwB;CAC5D,MAAM,EAAE,eAAe,0BAA0B,mBAAmB;CACpE,MAAM,EAAE,YAAY,WAAW,EAAE,WAAW,WAAW,UAAU,CAAC;CAClE,MAAM,EAAE,qBAAqB,+BAC3B,uBAAuB,WAAW,QAAQ,OAAO;CAOnD,MAAM,YACJ,SAAS,UACL,OAAO,eAAe,IAAI,KAAK,OAAO,aAAa,IAAI,IACvD,OAAO,eAAe,IAAI,KAAK,OAAO,aAAa,IAAI;CAE7D,MAAM,aAAa,SAAS,WAAW,aAAa,QAAQ,OAAO,KAAA;CAOnE,MAAM,2BALJ,SAAS,YAAY,QAAQ,eAAe,MAAM,IAMhD,QAAQ,QAAQ,OAAO,IACvB,SAAS,YAAY,eAAe;CAExC,MAAM,uBAAuB,QAAQ,WAAW;CAIhD,MAAM,oCACJ,CAAC,CAAC,WACF,CAAC,CAAC,aACF,wBAAwB,SAAS,MAAM,QAAQ;CAEjD,MAAM,uBAAuB,YACzB,oCACA;CAGJ,MAAM,wBAAwB,wBAAwB;EACpD,eAAe,WAAW;EAC1B,aAAa,SAAS;EACtB;EACA,eAAe,QAAQ;CACzB,CAAC;CAGD,MAAM,kBAAkB,aAAa,KAAA;CAGrC,MAAM,iBACJ,SAAS,OAAO,UAAU,SAAS,MAAM,SAAS,iBAAiB,KAAA;CACrE,MAAM,mBACJ,WAAW,OAAO,UAAU,WAAW,MAAM,SACzC,mBACA,KAAA;CACN,MAAM,mBAAmB,UAAU,QAAQ,cAAc;CAEzD,MAAM,YACJ,QAAQ,OAAO,WAAW,EAAE,CAAC,KAC7B,QAAQ,OAAO,SAAS,EAAE,CAAC,KAC3B,QAAQ,WAAW,OAAO,KAC1B,QAAQ,SAAS,OAAO,KACxB,CAAC,OAAO,MAAM,QAAQ,KACtB,aACA,wBACA,CAAC,yBACD,4BACA,CAAC;CAGH,MAAM,WAAW,cAEb;EACE,YAAY,UAAU,eAAe;EACrC;EACA,WAAW;EACX,WAAW;EACX;EACA;EACA,SAAS;EACT,SAAS;EACT;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,iBAAiB;EACjB;EACA,WAAW;EACX;EACA,CAAC,CAAC;EACF;EACA,iBAAiB;CACnB,GACF;EACE;EACA;EACA,WAAW;EACX,WAAW;EACX;EACA;EACA,SAAS;EACT,SAAS;EACT;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,WAAW;EACX;EACA;EACA;EACA,iBAAiB;CACnB,CACF;CAEA,MAAM,EAAE,uBAAuB,0BAC7B,2BAA2B;CAE7B,MAAM,EACJ,MACA,WACA,YACA,WACA,SACA,eACA,YACE,SAAS;EACX;EACA,SAAS,OAAO,EACd,UAAU,CACR,GACA,aACA,aACA,kBACA,iBACA,WACA,WACA,gBACA,eACA,oBACA,mBACA,eACA,WAAA,KAAA,GACA,UACA,iBACA,mBACA,gBACA,kBACA,eACA,MACA,kBACA,eACA,6BACA,eACA,uBACA,qBACA,WAEA,qBAEF,aACI;GACJ,MAAM,aAAa,WAAW,iBAAiB,UAAW,QAAQ;GAClE,MAAM,WAAW,gBACb,WAAW,eAAe,QAAS,QAAQ,IAC3C,KAAA;GACJ,MAAM,oBAAoB,WACtB,OAAO,WAAW,QAAQ,IAAI,MAAA,KAAA;GAGlC,MAAM,eAAe,WACjB,CAAC,IACD,kBACE,gBAAgB,MAAM,SAAS,SAC7B,KAAK,cAAc,QAAQ,UAAU,iBAAiB;IACpD,IAAI,aAAa,SAAS,SACxB,SAAS,KAAK,aAAa,YAAY,GAAG;IAE5C,OAAO;GACT,GAAG,CAAC,CAAa,CACnB,IACA;GACN,MAAM,iBAAiB,kBACnB,gBAAgB,MAAM,SAAS,SAC7B,KAAK,cAAc,QAAQ,UAAU,iBAAiB;IACpD,IAAI,aAAa,SAAS,QACxB,SAAS,KAAK,aAAa,YAAY,GAAG;IAE5C,OAAO;GACT,GAAG,CAAC,CAAa,CACnB,IACA;GAEJ,MAAM,gBAAgB,MAAM,WAAW,eAAe;IACzC;IACF;IACE;IACF;IACT;IACA;IACA;IACA;IACA,UAAU;GACZ,CAAC;GAED,IAAI,SAAS,YAAY,eAAe,UAAU,UAAU;IAC1D,MAAM,oBAAoB,MAAM,sBAC9B,WACA;KAEe;KACb,WAAW;KACX,WAAW;KACX,UAAU,SAAS,SAAS;KAC5B,SAAS;KACT,SAAS;KACT;KACA,aAAa,gBAAgB,SAAS,kBAAkB,KAAA;KACxD,eAAe,kBAAkB,SAC7B,oBACA,KAAA;KACJ;KACA;KACA,mBAAmB;KACnB,UAAU;KACV,KAAK,iBAAiB;IACxB,GACA,EAAE,OAAO,CACX;IAEA,kBAAkB,OAAO,UAAU;IAEnC,MAAM,aACJ,SAAS,WACL,kBAAkB,eAAe,MAC9B,SAAS,KAAK,SAAS,QAC1B,IACA,KAAA;IAEN,IAAI,cAAc,cAAc;KAC9B,MAAM,cAAc;MAClB,KAAK,aAAa;MAClB,MAAM,aAAa;MACnB,SAAS,aAAa;KACxB;KACA,WAAW,cAAc;KACzB,kBAAkB,cAAc;IAClC;IAIA,OAAO,CAFc,oBAAoB,iBAE7B,CAAC;GACf;GAIA,IACE,gBAAgB,aAChB,qBAAqB,kBACrB,EAAE,SAAS,YAAY,aAAa,QAAQ,SAAS,YAErD;GAGF,MAAM,2BAA2B,iBAAiB,OAAO,MACtD,SAAS,CAAC,CAAC,gBAAgB,MAAM,SAAS,CAC7C;GAEA,MAAM,sBAAsB,CAAC,mBAAmB,CAAC;GACjD,MAAM,wBAEJ,SAAS,WACT,QAAQ,WACR,eACA,WAAW,cAAc,UAAU,OACnC,UAAU,WACV,UAAU,gBACV,UAAU,oBACV,UAAU,YAAY,YAAY,oBAClC,oBACA,CAAC,wBACA,CAAC,mBAAmB;GAEvB,MAAM,wBACJ,SAAS,UACL;IACE,UAAU,UAAU,SAAS;IAC7B,YAAY,KAAK,MAAM,KAAK,IAAI,IAAI,GAAI,IAAI;IACzB;GACrB,IACA,KAAA;GAEN,MAAM,oBAAoB,sBACtB,UACE,WACA;IACE;IACA,YAAY,WAAW,SAAS;IAChC;IACA;IACA;IACA;IACA;IACA,kBACE,iBAAiB,8BACb,8BACA,KAAA;IACN,GAAG;IACH,SAAS;KACP,kBAAkB,SAAS,WAAW,QAAQ;KAC9C,SACE,cAAc,UAAU,gBAAgB,SACpC;MACE,OAAO;MACP,MAAM,gBAAgB,SAClB,kBACA,KAAA;KACN,IACA,KAAA;KACN,WACE,gBAAgB,UAAU,kBAAkB,SACxC;MACE,OAAO;MACP,MAAM,kBAAkB,SACpB,oBACA,KAAA;KACN,IACA,KAAA;KACN,OAAO;KACP,UAAU;KACV,KAAK,iBAAiB;KACtB,eAAe,wBAAwB,gBAAgB;KACvD,GAAI,aAAa,EAAE,SAAS,KAAK;IACnC;GACF,GACA,EAAE,OAAO,CACX,IACA,QAAQ,QAAQ,IAAI;GAExB,MAAM,sBAAsB,wBACxB,gBACE,WACA;IACE;IACA,YAAY,WAAW,SAAS;IAChC,WAAW;IACX,WAAW;IACX;IACA,SAAS;IACT,SAAS;IACT,kBACE,iBAAiB,8BACb,8BACA,KAAA;IACN,OAAO;IACP,UAAU;IACV,KAAK,iBAAiB;IACtB,GAAI,cAAc,UAAU,gBAAgB,SACxC;KACgB;KACd,aAAa,gBAAgB,SACzB,kBACA,KAAA;IACN,IACA,KAAA;IACJ,GAAI,gBAAgB,UAAU,kBAAkB,SAC5C;KACkB;KAChB,eAAe,kBAAkB,SAC7B,oBACA,KAAA;IACN,IACA,KAAA;GACN,GACA,EAAE,OAAO,CACX,CAAC,CACE,KAAK,mBAAmB,CAAC,CACzB,YAAY,IAAI,IACnB,QAAQ,QAAQ,IAAI;GAGxB,MAAM,eAAe,MAAM;GAE3B,IAAI,cAAc,OAAO,MAAM,aAAa;IAE1C,MAAM,EAAE,WAAW,YAAY,aAAa,OAAO;IAClD,CAAC,WAAW,OAAO,CAAC,CAAC,SAAS,UAAU;KAEvC,YAAY,eACV,EAAE,UAAU,CAAC,YAAY,UAAU,eAAe,CAAC,EAAE,IACpD,SAAS,mBAAmB,MAAM,KAAK,CAC1C;KAGA,YAAY,eACV;MACE,UAAU,CAAC,YAAY,iBAAiB,eAAe,CAAC;MACxD,OAAO;KACT,IACC,SAAS,mBAAmB,MAAM,KAAK,CAC1C;KAEA,YAAY,eACV,EACE,UAAU;MACR,YAAY,kBAAkB,eAAe;MAC7C;MACA,MAAM;KACR,EACF,IACC,SAAS;MACR,IAAI,MAAM;OACR,MAAM,aAAa,CAAC,GAAG,IAAI;OAC3B,MAAM,QAAQ,WAAW,WACtB,cAAc,UAAU,YAAY,MAAM,OAC7C;OACA,IAAI,SAAS,GACX,WAAW,SAAS;QAClB,GAAG,WAAW;QACd,GAAG;OACL;OAEF,OAAO;MACT;KACF,CACF;IACF,CAAC;GACH;GAEA,MAAM,gBAAgB,cAAc,UAAU,CAAC;GAE/C,IAAI,yBAAyB,cAAc,QAAQ;IACjD,sBAAsB,UAAU,aAAa;IAC7C,QAAQ,KAAA,mBAAkC,aAAa;GAEzD,OAAO,IAAI,qBAAqB;IAE9B,QAAQ,KAAA,mBAAkC,aAAa;IACvD,OAAO;GACT;GAEA,MAAM,qBAAqB,MAAM;GAEjC,IAAI,oBAAoB;IAEtB,cAAc,OAAO,GAAG,GAAG,kBAAkB;IAE7C,QAAQ,KAAA,mBAAkC,aAAa;GACzD;GAEA,OAAO;EACT;EACA,SAAS;EACT,WAAW;EACX,iBAAiB,0BAA0B,mBAAmB,KAAA;EAC9D,gBAAgB,OAAO;GACrB,OAAO,KAAK,IACV,KAAK,IAAI,eAAe,KAAK,IAAI,IAAI,MAAM,MAAM,cAAc,GAC/D,WACF;EACF;EACA,MAAM,cAAc,OAAY;GAC9B,IAAI,QAAQ,IAAI,aAAa,eAC3B,QAAQ,KAAK,uBAAuB;IAAE;IAAc;GAAM,CAAC;GAE7D,IAAI,gBAAgB,GAClB,OAAO;GAET,IAAI,OAAO,SAAS,cAAc,UAChC,OAAO;GAET,OAAO;EACT;CACF,CAAC;CAED,MAAM,qBAAqB,aACxB,UAAiB;EAChB,MAAM,eAAe,SAAS,UAAU,SAAS,SAAS,GAAG,GAAG,MAAM,EAAE;EACxE,YAAY,aAAa,cAAc,CAAC,KAAK,GAAG,EAC9C,WAAW,iBAAiB,KAAK,IAAI,EACvC,CAAC;EACD,mBAAmB,KAAK;CAC1B,GACA;EAAC;EAAa;EAAe;EAAoB;CAAQ,CAC3D;CAEA,OAAO;EACL,QAAQ,QAAQ,sBAAsB,QAAQ;EAC9C,WAAW,aAAa;EACxB;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF;AACF"}

package/dist/esm/hooks/useTokenBalance.js

@@ -8,10 +8,10 @@ import { useQuery, useQueryClient } from "@tanstack/react-query";
 const defaultRefetchInterval = 3e4;
 const useTokenBalance = (accountAddress, token) => {
 	const queryClient = useQueryClient();
-	const { keyPrefix } = useWidgetConfig();
+	const { storageScopeKey } = useWidgetConfig();
 	const sdkClient = useSDKClient();
 	const tokenBalanceQueryKey = useMemo(() => [
-		getQueryKey("token-balance", keyPrefix),
+		getQueryKey("token-balance", storageScopeKey),
 		accountAddress,
 		token?.chainId,
 		token?.address
@@ -19,7 +19,7 @@ const useTokenBalance = (accountAddress, token) => {
 		token?.address,
 		token?.chainId,
 		accountAddress,
-		keyPrefix
+		storageScopeKey
 	]);
 	const { data, isLoading, refetch } = useQuery({
 		queryKey: tokenBalanceQueryKey,
@@ -33,7 +33,7 @@ const useTokenBalance = (accountAddress, token) => {
 				staleTime: defaultRefetchInterval
 			});
 			queryClient.setQueriesData({ queryKey: [
-				getQueryKey("token-balances", keyPrefix),
+				getQueryKey("token-balances", storageScopeKey),
 				accountAddress,
 				tokenChainId
 			] }, (data) => {

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

@@ -1 +1 @@
-{"version":3,"file":"useTokenBalance.js","names":[],"sources":["../../../src/hooks/useTokenBalance.ts"],"sourcesContent":["import {\n  getTokenBalances,\n  type SDKClient,\n  type Token,\n  type TokenAmount,\n} from '@lifi/sdk'\nimport { useQuery, useQueryClient } from '@tanstack/react-query'\nimport { useCallback, useMemo } from 'react'\nimport { useSDKClient } from '../providers/SDKClientProvider.js'\nimport { useWidgetConfig } from '../providers/WidgetProvider/WidgetProvider.js'\nimport { getQueryKey } from '../utils/queries.js'\n\nconst defaultRefetchInterval = 30_000\n\nexport const useTokenBalance = (\n  accountAddress?: string,\n  token?: Token\n): {\n  token: TokenAmount | undefined\n  isLoading: boolean\n  refetch: () => void\n  refetchNewBalance: () => void\n  getTokenBalancesWithRetry: typeof getTokenBalancesWithRetry\n} => {\n  const queryClient = useQueryClient()\n  const { keyPrefix } = useWidgetConfig()\n  const sdkClient = useSDKClient()\n\n  const tokenBalanceQueryKey = useMemo(\n    () =>\n      [\n        getQueryKey('token-balance', keyPrefix),\n        accountAddress,\n        token?.chainId,\n        token?.address,\n      ] as const,\n    [token?.address, token?.chainId, accountAddress, keyPrefix]\n  )\n\n  const { data, isLoading, refetch } = useQuery({\n    queryKey: tokenBalanceQueryKey,\n    queryFn: async ({\n      queryKey: [, accountAddress, tokenChainId, tokenAddress],\n    }) => {\n      const tokenBalances = await getTokenBalancesWithRetry(\n        sdkClient,\n        accountAddress as string,\n        [token!]\n      )\n\n      if (!tokenBalances?.length) {\n        throw new Error('Could not get tokens balance.')\n      }\n\n      const cachedTokenAmount =\n        queryClient.getQueryData<TokenAmount>(tokenBalanceQueryKey)\n\n      const tokenAmount = tokenBalances[0].amount\n\n      if (cachedTokenAmount?.amount !== tokenAmount) {\n        queryClient.setQueryDefaults(tokenBalanceQueryKey, {\n          refetchInterval: defaultRefetchInterval,\n          staleTime: defaultRefetchInterval,\n        })\n      }\n\n      queryClient.setQueriesData<TokenAmount[]>(\n        {\n          queryKey: [\n            getQueryKey('token-balances', keyPrefix),\n            accountAddress,\n            tokenChainId,\n          ],\n        },\n        (data) => {\n          if (data) {\n            const clonedData = [...data]\n            const index = clonedData.findIndex(\n              (dataToken) => dataToken.address === tokenAddress\n            )\n            clonedData[index] = {\n              ...clonedData[index],\n              amount: tokenAmount,\n            }\n            return clonedData\n          }\n        }\n      )\n\n      return {\n        ...tokenBalances[0],\n        amount: tokenAmount,\n      } as TokenAmount\n    },\n\n    enabled: Boolean(accountAddress && token),\n    refetchInterval: defaultRefetchInterval,\n    staleTime: defaultRefetchInterval,\n  })\n\n  const refetchNewBalance = useCallback(() => {\n    queryClient.setQueryDefaults(tokenBalanceQueryKey, {\n      refetchInterval: 250,\n      staleTime: 250,\n    })\n  }, [queryClient, tokenBalanceQueryKey])\n\n  return {\n    token: data,\n    isLoading,\n    refetch,\n    refetchNewBalance,\n    getTokenBalancesWithRetry,\n  }\n}\n\nexport const getTokenBalancesWithRetry = async (\n  sdkClient: SDKClient,\n  accountAddress: string,\n  tokens: Token[],\n  depth = 0\n): Promise<TokenAmount[] | undefined> => {\n  try {\n    const tokenBalances = await getTokenBalances(\n      sdkClient,\n      accountAddress as string,\n      tokens\n    )\n    if (!tokenBalances.every((token) => token.blockNumber)) {\n      if (depth > 10) {\n        console.warn('Token balance backoff depth exceeded.')\n        return undefined\n      }\n      await new Promise((resolve) => {\n        setTimeout(resolve, 1.5 ** depth * 100)\n      })\n      return getTokenBalancesWithRetry(\n        sdkClient,\n        accountAddress,\n        tokens,\n        depth + 1\n      )\n    }\n    return tokenBalances\n  } catch (_error) {\n    console.warn(_error)\n  }\n}\n"],"mappings":";;;;;;;AAYA,MAAM,yBAAyB;AAE/B,MAAa,mBACX,gBACA,UAOG;CACH,MAAM,cAAc,eAAe;CACnC,MAAM,EAAE,cAAc,gBAAgB;CACtC,MAAM,YAAY,aAAa;CAE/B,MAAM,uBAAuB,cAEzB;EACE,YAAY,iBAAiB,SAAS;EACtC;EACA,OAAO;EACP,OAAO;CACT,GACF;EAAC,OAAO;EAAS,OAAO;EAAS;EAAgB;CAAS,CAC5D;CAEA,MAAM,EAAE,MAAM,WAAW,YAAY,SAAS;EAC5C,UAAU;EACV,SAAS,OAAO,EACd,UAAU,GAAG,gBAAgB,cAAc,oBACvC;GACJ,MAAM,gBAAgB,MAAM,0BAC1B,WACA,gBACA,CAAC,KAAM,CACT;GAEA,IAAI,CAAC,eAAe,QAClB,MAAM,IAAI,MAAM,+BAA+B;GAGjD,MAAM,oBACJ,YAAY,aAA0B,oBAAoB;GAE5D,MAAM,cAAc,cAAc,EAAE,CAAC;GAErC,IAAI,mBAAmB,WAAW,aAChC,YAAY,iBAAiB,sBAAsB;IACjD,iBAAiB;IACjB,WAAW;GACb,CAAC;GAGH,YAAY,eACV,EACE,UAAU;IACR,YAAY,kBAAkB,SAAS;IACvC;IACA;GACF,EACF,IACC,SAAS;IACR,IAAI,MAAM;KACR,MAAM,aAAa,CAAC,GAAG,IAAI;KAC3B,MAAM,QAAQ,WAAW,WACtB,cAAc,UAAU,YAAY,YACvC;KACA,WAAW,SAAS;MAClB,GAAG,WAAW;MACd,QAAQ;KACV;KACA,OAAO;IACT;GACF,CACF;GAEA,OAAO;IACL,GAAG,cAAc;IACjB,QAAQ;GACV;EACF;EAEA,SAAS,QAAQ,kBAAkB,KAAK;EACxC,iBAAiB;EACjB,WAAW;CACb,CAAC;CASD,OAAO;EACL,OAAO;EACP;EACA;EACA,mBAXwB,kBAAkB;GAC1C,YAAY,iBAAiB,sBAAsB;IACjD,iBAAiB;IACjB,WAAW;GACb,CAAC;EACH,GAAG,CAAC,aAAa,oBAAoB,CAMnB;EAChB;CACF;AACF;AAEA,MAAa,4BAA4B,OACvC,WACA,gBACA,QACA,QAAQ,MAC+B;CACvC,IAAI;EACF,MAAM,gBAAgB,MAAM,iBAC1B,WACA,gBACA,MACF;EACA,IAAI,CAAC,cAAc,OAAO,UAAU,MAAM,WAAW,GAAG;GACtD,IAAI,QAAQ,IAAI;IACd,QAAQ,KAAK,uCAAuC;IACpD;GACF;GACA,MAAM,IAAI,SAAS,YAAY;IAC7B,WAAW,SAAS,OAAO,QAAQ,GAAG;GACxC,CAAC;GACD,OAAO,0BACL,WACA,gBACA,QACA,QAAQ,CACV;EACF;EACA,OAAO;CACT,SAAS,QAAQ;EACf,QAAQ,KAAK,MAAM;CACrB;AACF"}
+{"version":3,"file":"useTokenBalance.js","names":[],"sources":["../../../src/hooks/useTokenBalance.ts"],"sourcesContent":["import {\n  getTokenBalances,\n  type SDKClient,\n  type Token,\n  type TokenAmount,\n} from '@lifi/sdk'\nimport { useQuery, useQueryClient } from '@tanstack/react-query'\nimport { useCallback, useMemo } from 'react'\nimport { useSDKClient } from '../providers/SDKClientProvider.js'\nimport { useWidgetConfig } from '../providers/WidgetProvider/WidgetProvider.js'\nimport { getQueryKey } from '../utils/queries.js'\n\nconst defaultRefetchInterval = 30_000\n\nexport const useTokenBalance = (\n  accountAddress?: string,\n  token?: Token\n): {\n  token: TokenAmount | undefined\n  isLoading: boolean\n  refetch: () => void\n  refetchNewBalance: () => void\n  getTokenBalancesWithRetry: typeof getTokenBalancesWithRetry\n} => {\n  const queryClient = useQueryClient()\n  const { storageScopeKey } = useWidgetConfig()\n  const sdkClient = useSDKClient()\n\n  const tokenBalanceQueryKey = useMemo(\n    () =>\n      [\n        getQueryKey('token-balance', storageScopeKey),\n        accountAddress,\n        token?.chainId,\n        token?.address,\n      ] as const,\n    [token?.address, token?.chainId, accountAddress, storageScopeKey]\n  )\n\n  const { data, isLoading, refetch } = useQuery({\n    queryKey: tokenBalanceQueryKey,\n    queryFn: async ({\n      queryKey: [, accountAddress, tokenChainId, tokenAddress],\n    }) => {\n      const tokenBalances = await getTokenBalancesWithRetry(\n        sdkClient,\n        accountAddress as string,\n        [token!]\n      )\n\n      if (!tokenBalances?.length) {\n        throw new Error('Could not get tokens balance.')\n      }\n\n      const cachedTokenAmount =\n        queryClient.getQueryData<TokenAmount>(tokenBalanceQueryKey)\n\n      const tokenAmount = tokenBalances[0].amount\n\n      if (cachedTokenAmount?.amount !== tokenAmount) {\n        queryClient.setQueryDefaults(tokenBalanceQueryKey, {\n          refetchInterval: defaultRefetchInterval,\n          staleTime: defaultRefetchInterval,\n        })\n      }\n\n      queryClient.setQueriesData<TokenAmount[]>(\n        {\n          queryKey: [\n            getQueryKey('token-balances', storageScopeKey),\n            accountAddress,\n            tokenChainId,\n          ],\n        },\n        (data) => {\n          if (data) {\n            const clonedData = [...data]\n            const index = clonedData.findIndex(\n              (dataToken) => dataToken.address === tokenAddress\n            )\n            clonedData[index] = {\n              ...clonedData[index],\n              amount: tokenAmount,\n            }\n            return clonedData\n          }\n        }\n      )\n\n      return {\n        ...tokenBalances[0],\n        amount: tokenAmount,\n      } as TokenAmount\n    },\n\n    enabled: Boolean(accountAddress && token),\n    refetchInterval: defaultRefetchInterval,\n    staleTime: defaultRefetchInterval,\n  })\n\n  const refetchNewBalance = useCallback(() => {\n    queryClient.setQueryDefaults(tokenBalanceQueryKey, {\n      refetchInterval: 250,\n      staleTime: 250,\n    })\n  }, [queryClient, tokenBalanceQueryKey])\n\n  return {\n    token: data,\n    isLoading,\n    refetch,\n    refetchNewBalance,\n    getTokenBalancesWithRetry,\n  }\n}\n\nexport const getTokenBalancesWithRetry = async (\n  sdkClient: SDKClient,\n  accountAddress: string,\n  tokens: Token[],\n  depth = 0\n): Promise<TokenAmount[] | undefined> => {\n  try {\n    const tokenBalances = await getTokenBalances(\n      sdkClient,\n      accountAddress as string,\n      tokens\n    )\n    if (!tokenBalances.every((token) => token.blockNumber)) {\n      if (depth > 10) {\n        console.warn('Token balance backoff depth exceeded.')\n        return undefined\n      }\n      await new Promise((resolve) => {\n        setTimeout(resolve, 1.5 ** depth * 100)\n      })\n      return getTokenBalancesWithRetry(\n        sdkClient,\n        accountAddress,\n        tokens,\n        depth + 1\n      )\n    }\n    return tokenBalances\n  } catch (_error) {\n    console.warn(_error)\n  }\n}\n"],"mappings":";;;;;;;AAYA,MAAM,yBAAyB;AAE/B,MAAa,mBACX,gBACA,UAOG;CACH,MAAM,cAAc,eAAe;CACnC,MAAM,EAAE,oBAAoB,gBAAgB;CAC5C,MAAM,YAAY,aAAa;CAE/B,MAAM,uBAAuB,cAEzB;EACE,YAAY,iBAAiB,eAAe;EAC5C;EACA,OAAO;EACP,OAAO;CACT,GACF;EAAC,OAAO;EAAS,OAAO;EAAS;EAAgB;CAAe,CAClE;CAEA,MAAM,EAAE,MAAM,WAAW,YAAY,SAAS;EAC5C,UAAU;EACV,SAAS,OAAO,EACd,UAAU,GAAG,gBAAgB,cAAc,oBACvC;GACJ,MAAM,gBAAgB,MAAM,0BAC1B,WACA,gBACA,CAAC,KAAM,CACT;GAEA,IAAI,CAAC,eAAe,QAClB,MAAM,IAAI,MAAM,+BAA+B;GAGjD,MAAM,oBACJ,YAAY,aAA0B,oBAAoB;GAE5D,MAAM,cAAc,cAAc,EAAE,CAAC;GAErC,IAAI,mBAAmB,WAAW,aAChC,YAAY,iBAAiB,sBAAsB;IACjD,iBAAiB;IACjB,WAAW;GACb,CAAC;GAGH,YAAY,eACV,EACE,UAAU;IACR,YAAY,kBAAkB,eAAe;IAC7C;IACA;GACF,EACF,IACC,SAAS;IACR,IAAI,MAAM;KACR,MAAM,aAAa,CAAC,GAAG,IAAI;KAC3B,MAAM,QAAQ,WAAW,WACtB,cAAc,UAAU,YAAY,YACvC;KACA,WAAW,SAAS;MAClB,GAAG,WAAW;MACd,QAAQ;KACV;KACA,OAAO;IACT;GACF,CACF;GAEA,OAAO;IACL,GAAG,cAAc;IACjB,QAAQ;GACV;EACF;EAEA,SAAS,QAAQ,kBAAkB,KAAK;EACxC,iBAAiB;EACjB,WAAW;CACb,CAAC;CASD,OAAO;EACL,OAAO;EACP;EACA;EACA,mBAXwB,kBAAkB;GAC1C,YAAY,iBAAiB,sBAAsB;IACjD,iBAAiB;IACjB,WAAW;GACb,CAAC;EACH,GAAG,CAAC,aAAa,oBAAoB,CAMnB;EAChB;CACF;AACF;AAEA,MAAa,4BAA4B,OACvC,WACA,gBACA,QACA,QAAQ,MAC+B;CACvC,IAAI;EACF,MAAM,gBAAgB,MAAM,iBAC1B,WACA,gBACA,MACF;EACA,IAAI,CAAC,cAAc,OAAO,UAAU,MAAM,WAAW,GAAG;GACtD,IAAI,QAAQ,IAAI;IACd,QAAQ,KAAK,uCAAuC;IACpD;GACF;GACA,MAAM,IAAI,SAAS,YAAY;IAC7B,WAAW,SAAS,OAAO,QAAQ,GAAG;GACxC,CAAC;GACD,OAAO,0BACL,WACA,gBACA,QACA,QAAQ,CACV;EACF;EACA,OAAO;CACT,SAAS,QAAQ;EACf,QAAQ,KAAK,MAAM;CACrB;AACF"}

package/dist/esm/hooks/useTokenBalancesQueries.js

@@ -8,7 +8,7 @@ import { keepPreviousData, useQueries } from "@tanstack/react-query";
 const defaultRefetchInterval = 32e3;
 const balanceRevealTimeout = 2e3;
 const useTokenBalancesQueries = (accountsWithTokens, isBalanceLoadingEnabled) => {
-	const { keyPrefix } = useWidgetConfig();
+	const { storageScopeKey } = useWidgetConfig();
 	const sdkClient = useSDKClient();
 	const firstLoadStartRef = useRef(null);
 	const queryConfig = useMemo(() => {
@@ -17,7 +17,7 @@ const useTokenBalancesQueries = (accountsWithTokens, isBalanceLoadingEnabled) =>
 			const chainId = Number(chainIdStr);
 			return {
 				queryKey: [
-					getQueryKey("token-balances", keyPrefix),
+					getQueryKey("token-balances", storageScopeKey),
 					accountAddress,
 					chainId,
 					tokens.length
@@ -36,7 +36,7 @@ const useTokenBalancesQueries = (accountsWithTokens, isBalanceLoadingEnabled) =>
 	}, [
 		accountsWithTokens,
 		isBalanceLoadingEnabled,
-		keyPrefix,
+		storageScopeKey,
 		sdkClient
 	]);
 	return useQueries({

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

@@ -1 +1 @@
-{"version":3,"file":"useTokenBalancesQueries.js","names":[],"sources":["../../../src/hooks/useTokenBalancesQueries.ts"],"sourcesContent":["import { getTokenBalances, type TokenExtended } from '@lifi/sdk'\nimport { keepPreviousData, useQueries } from '@tanstack/react-query'\nimport { useMemo, useRef } from 'react'\nimport { useSDKClient } from '../providers/SDKClientProvider.js'\nimport { useWidgetConfig } from '../providers/WidgetProvider/WidgetProvider.js'\nimport type { TokenAmount, TokenAmountExtended } from '../types/token.js'\nimport { getQueryKey } from '../utils/queries.js'\n\nconst defaultRefetchInterval = 32_000\n// Max time to hold the skeleton before revealing balances in the multi-chain view.\n// Sits just below the typical full-settle time so the list reveals once, sorted,\n// instead of reordering as each chain streams in.\nconst balanceRevealTimeout = 2_000\n\nexport const useTokenBalancesQueries = (\n  accountsWithTokens?: Record<string, Record<number, TokenExtended[]>>,\n  isBalanceLoadingEnabled?: boolean\n): {\n  data: TokenAmount[] | undefined\n  isLoading: boolean\n  isError: boolean\n} => {\n  const { keyPrefix } = useWidgetConfig()\n  const sdkClient = useSDKClient()\n  const firstLoadStartRef = useRef<number | null>(null)\n\n  const queryConfig = useMemo(() => {\n    if (!accountsWithTokens) {\n      return []\n    }\n    return Object.entries(accountsWithTokens).flatMap(\n      ([accountAddress, chainTokens]) =>\n        Object.entries(chainTokens).map(([chainIdStr, tokens]) => {\n          const chainId = Number(chainIdStr)\n          return {\n            queryKey: [\n              getQueryKey('token-balances', keyPrefix),\n              accountAddress,\n              chainId,\n              tokens.length,\n            ],\n            queryFn: async (): Promise<TokenAmountExtended[]> => {\n              if (!accountAddress || !tokens) {\n                return []\n              }\n              return await getTokenBalances(sdkClient, accountAddress, tokens)\n            },\n            enabled: isBalanceLoadingEnabled,\n            refetchInterval: defaultRefetchInterval,\n            staleTime: defaultRefetchInterval,\n            placeholderData: keepPreviousData,\n            // Resolve a failed chain immediately instead of retrying past the reveal\n            // window (retries would pop the chain in late and re-sort the list).\n            retry: false,\n          }\n        })\n    )\n  }, [accountsWithTokens, isBalanceLoadingEnabled, keyPrefix, sdkClient])\n\n  const result = useQueries({\n    queries: queryConfig,\n    combine: (results) => {\n      const now = Date.now()\n\n      const hasLoadingQueries = results.some((result) => result.isLoading)\n      if (hasLoadingQueries && firstLoadStartRef.current === null) {\n        firstLoadStartRef.current = now\n      }\n\n      const allComplete = results.every(\n        (result) => result.isSuccess || result.isError\n      )\n\n      // Reset the start time when all queries complete\n      if (allComplete) {\n        firstLoadStartRef.current = null\n      }\n\n      // Calculate time since first load started\n      const timeSinceStart = firstLoadStartRef.current\n        ? now - firstLoadStartRef.current\n        : 0\n\n      // Return results once all queries complete, or once the reveal timeout elapses\n      const shouldReturnResults =\n        allComplete || timeSinceStart >= balanceRevealTimeout\n\n      if (shouldReturnResults) {\n        const data: TokenAmount[] = results\n          .flatMap((result) => result.data || [])\n          .filter((token) => token.amount)\n        return {\n          data,\n          isLoading: !allComplete,\n          isError: results.some((result) => result.isError),\n        }\n      }\n\n      return {\n        data: undefined,\n        isLoading: true,\n        isError: false,\n      }\n    },\n  })\n\n  return result\n}\n"],"mappings":";;;;;;;AAQA,MAAM,yBAAyB;AAI/B,MAAM,uBAAuB;AAE7B,MAAa,2BACX,oBACA,4BAKG;CACH,MAAM,EAAE,cAAc,gBAAgB;CACtC,MAAM,YAAY,aAAa;CAC/B,MAAM,oBAAoB,OAAsB,IAAI;CAEpD,MAAM,cAAc,cAAc;EAChC,IAAI,CAAC,oBACH,OAAO,CAAC;EAEV,OAAO,OAAO,QAAQ,kBAAkB,CAAC,CAAC,SACvC,CAAC,gBAAgB,iBAChB,OAAO,QAAQ,WAAW,CAAC,CAAC,KAAK,CAAC,YAAY,YAAY;GACxD,MAAM,UAAU,OAAO,UAAU;GACjC,OAAO;IACL,UAAU;KACR,YAAY,kBAAkB,SAAS;KACvC;KACA;KACA,OAAO;IACT;IACA,SAAS,YAA4C;KACnD,IAAI,CAAC,kBAAkB,CAAC,QACtB,OAAO,CAAC;KAEV,OAAO,MAAM,iBAAiB,WAAW,gBAAgB,MAAM;IACjE;IACA,SAAS;IACT,iBAAiB;IACjB,WAAW;IACX,iBAAiB;IAGjB,OAAO;GACT;EACF,CAAC,CACL;CACF,GAAG;EAAC;EAAoB;EAAyB;EAAW;CAAS,CAAC;CAiDtE,OA/Ce,WAAW;EACxB,SAAS;EACT,UAAU,YAAY;GACpB,MAAM,MAAM,KAAK,IAAI;GAGrB,IAD0B,QAAQ,MAAM,WAAW,OAAO,SACtC,KAAK,kBAAkB,YAAY,MACrD,kBAAkB,UAAU;GAG9B,MAAM,cAAc,QAAQ,OACzB,WAAW,OAAO,aAAa,OAAO,OACzC;GAGA,IAAI,aACF,kBAAkB,UAAU;GAI9B,MAAM,iBAAiB,kBAAkB,UACrC,MAAM,kBAAkB,UACxB;GAMJ,IAFE,eAAe,kBAAkB,sBAMjC,OAAO;IACL,MAJ0B,QACzB,SAAS,WAAW,OAAO,QAAQ,CAAC,CAAC,CAAC,CACtC,QAAQ,UAAU,MAAM,MAEtB;IACH,WAAW,CAAC;IACZ,SAAS,QAAQ,MAAM,WAAW,OAAO,OAAO;GAClD;GAGF,OAAO;IACL,MAAM,KAAA;IACN,WAAW;IACX,SAAS;GACX;EACF;CACF,CAEY;AACd"}
+{"version":3,"file":"useTokenBalancesQueries.js","names":[],"sources":["../../../src/hooks/useTokenBalancesQueries.ts"],"sourcesContent":["import { getTokenBalances, type TokenExtended } from '@lifi/sdk'\nimport { keepPreviousData, useQueries } from '@tanstack/react-query'\nimport { useMemo, useRef } from 'react'\nimport { useSDKClient } from '../providers/SDKClientProvider.js'\nimport { useWidgetConfig } from '../providers/WidgetProvider/WidgetProvider.js'\nimport type { TokenAmount, TokenAmountExtended } from '../types/token.js'\nimport { getQueryKey } from '../utils/queries.js'\n\nconst defaultRefetchInterval = 32_000\n// Max time to hold the skeleton before revealing balances in the multi-chain view.\n// Sits just below the typical full-settle time so the list reveals once, sorted,\n// instead of reordering as each chain streams in.\nconst balanceRevealTimeout = 2_000\n\nexport const useTokenBalancesQueries = (\n  accountsWithTokens?: Record<string, Record<number, TokenExtended[]>>,\n  isBalanceLoadingEnabled?: boolean\n): {\n  data: TokenAmount[] | undefined\n  isLoading: boolean\n  isError: boolean\n} => {\n  const { storageScopeKey } = useWidgetConfig()\n  const sdkClient = useSDKClient()\n  const firstLoadStartRef = useRef<number | null>(null)\n\n  const queryConfig = useMemo(() => {\n    if (!accountsWithTokens) {\n      return []\n    }\n    return Object.entries(accountsWithTokens).flatMap(\n      ([accountAddress, chainTokens]) =>\n        Object.entries(chainTokens).map(([chainIdStr, tokens]) => {\n          const chainId = Number(chainIdStr)\n          return {\n            queryKey: [\n              getQueryKey('token-balances', storageScopeKey),\n              accountAddress,\n              chainId,\n              tokens.length,\n            ],\n            queryFn: async (): Promise<TokenAmountExtended[]> => {\n              if (!accountAddress || !tokens) {\n                return []\n              }\n              return await getTokenBalances(sdkClient, accountAddress, tokens)\n            },\n            enabled: isBalanceLoadingEnabled,\n            refetchInterval: defaultRefetchInterval,\n            staleTime: defaultRefetchInterval,\n            placeholderData: keepPreviousData,\n            // Resolve a failed chain immediately instead of retrying past the reveal\n            // window (retries would pop the chain in late and re-sort the list).\n            retry: false,\n          }\n        })\n    )\n  }, [accountsWithTokens, isBalanceLoadingEnabled, storageScopeKey, sdkClient])\n\n  const result = useQueries({\n    queries: queryConfig,\n    combine: (results) => {\n      const now = Date.now()\n\n      const hasLoadingQueries = results.some((result) => result.isLoading)\n      if (hasLoadingQueries && firstLoadStartRef.current === null) {\n        firstLoadStartRef.current = now\n      }\n\n      const allComplete = results.every(\n        (result) => result.isSuccess || result.isError\n      )\n\n      // Reset the start time when all queries complete\n      if (allComplete) {\n        firstLoadStartRef.current = null\n      }\n\n      // Calculate time since first load started\n      const timeSinceStart = firstLoadStartRef.current\n        ? now - firstLoadStartRef.current\n        : 0\n\n      // Return results once all queries complete, or once the reveal timeout elapses\n      const shouldReturnResults =\n        allComplete || timeSinceStart >= balanceRevealTimeout\n\n      if (shouldReturnResults) {\n        const data: TokenAmount[] = results\n          .flatMap((result) => result.data || [])\n          .filter((token) => token.amount)\n        return {\n          data,\n          isLoading: !allComplete,\n          isError: results.some((result) => result.isError),\n        }\n      }\n\n      return {\n        data: undefined,\n        isLoading: true,\n        isError: false,\n      }\n    },\n  })\n\n  return result\n}\n"],"mappings":";;;;;;;AAQA,MAAM,yBAAyB;AAI/B,MAAM,uBAAuB;AAE7B,MAAa,2BACX,oBACA,4BAKG;CACH,MAAM,EAAE,oBAAoB,gBAAgB;CAC5C,MAAM,YAAY,aAAa;CAC/B,MAAM,oBAAoB,OAAsB,IAAI;CAEpD,MAAM,cAAc,cAAc;EAChC,IAAI,CAAC,oBACH,OAAO,CAAC;EAEV,OAAO,OAAO,QAAQ,kBAAkB,CAAC,CAAC,SACvC,CAAC,gBAAgB,iBAChB,OAAO,QAAQ,WAAW,CAAC,CAAC,KAAK,CAAC,YAAY,YAAY;GACxD,MAAM,UAAU,OAAO,UAAU;GACjC,OAAO;IACL,UAAU;KACR,YAAY,kBAAkB,eAAe;KAC7C;KACA;KACA,OAAO;IACT;IACA,SAAS,YAA4C;KACnD,IAAI,CAAC,kBAAkB,CAAC,QACtB,OAAO,CAAC;KAEV,OAAO,MAAM,iBAAiB,WAAW,gBAAgB,MAAM;IACjE;IACA,SAAS;IACT,iBAAiB;IACjB,WAAW;IACX,iBAAiB;IAGjB,OAAO;GACT;EACF,CAAC,CACL;CACF,GAAG;EAAC;EAAoB;EAAyB;EAAiB;CAAS,CAAC;CAiD5E,OA/Ce,WAAW;EACxB,SAAS;EACT,UAAU,YAAY;GACpB,MAAM,MAAM,KAAK,IAAI;GAGrB,IAD0B,QAAQ,MAAM,WAAW,OAAO,SACtC,KAAK,kBAAkB,YAAY,MACrD,kBAAkB,UAAU;GAG9B,MAAM,cAAc,QAAQ,OACzB,WAAW,OAAO,aAAa,OAAO,OACzC;GAGA,IAAI,aACF,kBAAkB,UAAU;GAI9B,MAAM,iBAAiB,kBAAkB,UACrC,MAAM,kBAAkB,UACxB;GAMJ,IAFE,eAAe,kBAAkB,sBAMjC,OAAO;IACL,MAJ0B,QACzB,SAAS,WAAW,OAAO,QAAQ,CAAC,CAAC,CAAC,CACtC,QAAQ,UAAU,MAAM,MAEtB;IACH,WAAW,CAAC;IACZ,SAAS,QAAQ,MAAM,WAAW,OAAO,OAAO;GAClD;GAGF,OAAO;IACL,MAAM,KAAA;IACN,WAAW;IACX,SAAS;GACX;EACF;CACF,CAEY;AACd"}

package/dist/esm/hooks/useTokenSearch.js

@@ -8,11 +8,11 @@ import { useQuery, useQueryClient } from "@tanstack/react-query";
 //#region src/hooks/useTokenSearch.ts
 const useTokenSearch = (chainId, tokenQuery, enabled, formType) => {
 	const queryClient = useQueryClient();
-	const { tokens: configTokens, keyPrefix } = useWidgetConfig();
+	const { tokens: configTokens, storageScopeKey } = useWidgetConfig();
 	const sdkClient = useSDKClient();
 	const { data, isLoading } = useQuery({
 		queryKey: [
-			getQueryKey("token-search", keyPrefix),
+			getQueryKey("token-search", storageScopeKey),
 			chainId,
 			tokenQuery
 		],
@@ -21,7 +21,7 @@ const useTokenSearch = (chainId, tokenQuery, enabled, formType) => {
 			if (token) {
 				const filteredConfigTokens = getChainTokenAllowSets(configTokens, token.chainId, formType);
 				if (!isFormItemAllowed(token, filteredConfigTokens, formType, (t) => t.address.toLowerCase())) return null;
-				queryClient.setQueriesData({ queryKey: [getQueryKey("tokens", keyPrefix)] }, (data) => {
+				queryClient.setQueriesData({ queryKey: [getQueryKey("tokens", storageScopeKey)] }, (data) => {
 					if (!data) return data;
 					const chainTokens = data[chainId];
 					if (chainTokens?.some((t) => t.address.toLowerCase() === token.address.toLowerCase())) return data;

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

@@ -1 +1 @@
-{"version":3,"file":"useTokenSearch.js","names":[],"sources":["../../../src/hooks/useTokenSearch.ts"],"sourcesContent":["import { type ChainId, getToken, type TokenExtended } from '@lifi/sdk'\nimport { useQuery, useQueryClient } from '@tanstack/react-query'\nimport { useSDKClient } from '../providers/SDKClientProvider.js'\nimport { useWidgetConfig } from '../providers/WidgetProvider/WidgetProvider.js'\nimport type { FormType } from '../stores/form/types.js'\nimport type { TokensByChain } from '../types/token.js'\nimport { isFormItemAllowed } from '../utils/item.js'\nimport { getQueryKey } from '../utils/queries.js'\nimport { getChainTokenAllowSets } from '../utils/token.js'\n\nexport const useTokenSearch = (\n  chainId?: number,\n  tokenQuery?: string,\n  enabled?: boolean,\n  formType?: FormType\n): {\n  token: TokenExtended | undefined\n  isLoading: boolean\n} => {\n  const queryClient = useQueryClient()\n  const { tokens: configTokens, keyPrefix } = useWidgetConfig()\n  const sdkClient = useSDKClient()\n\n  const { data, isLoading } = useQuery({\n    queryKey: [getQueryKey('token-search', keyPrefix), chainId, tokenQuery],\n    queryFn: async ({ queryKey: [, chainId, tokenQuery], signal }) => {\n      const token = await getToken(\n        sdkClient,\n        chainId as ChainId,\n        tokenQuery as string,\n        {\n          signal,\n        }\n      )\n\n      if (token) {\n        // Filter config tokens by chain before checking if token is allowed\n        const filteredConfigTokens = getChainTokenAllowSets(\n          configTokens,\n          token.chainId,\n          formType\n        )\n\n        // Return undefined if the token is denied\n        if (\n          !isFormItemAllowed(token, filteredConfigTokens, formType, (t) =>\n            t.address.toLowerCase()\n          )\n        ) {\n          return null\n        }\n\n        // Add token to main tokens cache\n        queryClient.setQueriesData<TokensByChain>(\n          { queryKey: [getQueryKey('tokens', keyPrefix)] },\n          (data) => {\n            if (!data) {\n              return data\n            }\n            const chainTokens = data[chainId as number]\n            if (\n              chainTokens?.some(\n                (t) => t.address.toLowerCase() === token.address.toLowerCase()\n              )\n            ) {\n              return data\n            }\n            return {\n              ...data,\n              [chainId as number]: [...(chainTokens ?? []), token],\n            }\n          }\n        )\n      }\n      return token as TokenExtended\n    },\n\n    enabled: Boolean(chainId && tokenQuery && enabled),\n    retry: false,\n  })\n  return {\n    token: data || undefined,\n    isLoading,\n  }\n}\n"],"mappings":";;;;;;;;AAUA,MAAa,kBACX,SACA,YACA,SACA,aAIG;CACH,MAAM,cAAc,eAAe;CACnC,MAAM,EAAE,QAAQ,cAAc,cAAc,gBAAgB;CAC5D,MAAM,YAAY,aAAa;CAE/B,MAAM,EAAE,MAAM,cAAc,SAAS;EACnC,UAAU;GAAC,YAAY,gBAAgB,SAAS;GAAG;GAAS;EAAU;EACtE,SAAS,OAAO,EAAE,UAAU,GAAG,SAAS,aAAa,aAAa;GAChE,MAAM,QAAQ,MAAM,SAClB,WACA,SACA,YACA,EACE,OACF,CACF;GAEA,IAAI,OAAO;IAET,MAAM,uBAAuB,uBAC3B,cACA,MAAM,SACN,QACF;IAGA,IACE,CAAC,kBAAkB,OAAO,sBAAsB,WAAW,MACzD,EAAE,QAAQ,YAAY,CACxB,GAEA,OAAO;IAIT,YAAY,eACV,EAAE,UAAU,CAAC,YAAY,UAAU,SAAS,CAAC,EAAE,IAC9C,SAAS;KACR,IAAI,CAAC,MACH,OAAO;KAET,MAAM,cAAc,KAAK;KACzB,IACE,aAAa,MACV,MAAM,EAAE,QAAQ,YAAY,MAAM,MAAM,QAAQ,YAAY,CAC/D,GAEA,OAAO;KAET,OAAO;MACL,GAAG;OACF,UAAoB,CAAC,GAAI,eAAe,CAAC,GAAI,KAAK;KACrD;IACF,CACF;GACF;GACA,OAAO;EACT;EAEA,SAAS,QAAQ,WAAW,cAAc,OAAO;EACjD,OAAO;CACT,CAAC;CACD,OAAO;EACL,OAAO,QAAQ,KAAA;EACf;CACF;AACF"}
+{"version":3,"file":"useTokenSearch.js","names":[],"sources":["../../../src/hooks/useTokenSearch.ts"],"sourcesContent":["import { type ChainId, getToken, type TokenExtended } from '@lifi/sdk'\nimport { useQuery, useQueryClient } from '@tanstack/react-query'\nimport { useSDKClient } from '../providers/SDKClientProvider.js'\nimport { useWidgetConfig } from '../providers/WidgetProvider/WidgetProvider.js'\nimport type { FormType } from '../stores/form/types.js'\nimport type { TokensByChain } from '../types/token.js'\nimport { isFormItemAllowed } from '../utils/item.js'\nimport { getQueryKey } from '../utils/queries.js'\nimport { getChainTokenAllowSets } from '../utils/token.js'\n\nexport const useTokenSearch = (\n  chainId?: number,\n  tokenQuery?: string,\n  enabled?: boolean,\n  formType?: FormType\n): {\n  token: TokenExtended | undefined\n  isLoading: boolean\n} => {\n  const queryClient = useQueryClient()\n  const { tokens: configTokens, storageScopeKey } = useWidgetConfig()\n  const sdkClient = useSDKClient()\n\n  const { data, isLoading } = useQuery({\n    queryKey: [\n      getQueryKey('token-search', storageScopeKey),\n      chainId,\n      tokenQuery,\n    ],\n    queryFn: async ({ queryKey: [, chainId, tokenQuery], signal }) => {\n      const token = await getToken(\n        sdkClient,\n        chainId as ChainId,\n        tokenQuery as string,\n        {\n          signal,\n        }\n      )\n\n      if (token) {\n        // Filter config tokens by chain before checking if token is allowed\n        const filteredConfigTokens = getChainTokenAllowSets(\n          configTokens,\n          token.chainId,\n          formType\n        )\n\n        // Return undefined if the token is denied\n        if (\n          !isFormItemAllowed(token, filteredConfigTokens, formType, (t) =>\n            t.address.toLowerCase()\n          )\n        ) {\n          return null\n        }\n\n        // Add token to main tokens cache\n        queryClient.setQueriesData<TokensByChain>(\n          { queryKey: [getQueryKey('tokens', storageScopeKey)] },\n          (data) => {\n            if (!data) {\n              return data\n            }\n            const chainTokens = data[chainId as number]\n            if (\n              chainTokens?.some(\n                (t) => t.address.toLowerCase() === token.address.toLowerCase()\n              )\n            ) {\n              return data\n            }\n            return {\n              ...data,\n              [chainId as number]: [...(chainTokens ?? []), token],\n            }\n          }\n        )\n      }\n      return token as TokenExtended\n    },\n\n    enabled: Boolean(chainId && tokenQuery && enabled),\n    retry: false,\n  })\n  return {\n    token: data || undefined,\n    isLoading,\n  }\n}\n"],"mappings":";;;;;;;;AAUA,MAAa,kBACX,SACA,YACA,SACA,aAIG;CACH,MAAM,cAAc,eAAe;CACnC,MAAM,EAAE,QAAQ,cAAc,oBAAoB,gBAAgB;CAClE,MAAM,YAAY,aAAa;CAE/B,MAAM,EAAE,MAAM,cAAc,SAAS;EACnC,UAAU;GACR,YAAY,gBAAgB,eAAe;GAC3C;GACA;EACF;EACA,SAAS,OAAO,EAAE,UAAU,GAAG,SAAS,aAAa,aAAa;GAChE,MAAM,QAAQ,MAAM,SAClB,WACA,SACA,YACA,EACE,OACF,CACF;GAEA,IAAI,OAAO;IAET,MAAM,uBAAuB,uBAC3B,cACA,MAAM,SACN,QACF;IAGA,IACE,CAAC,kBAAkB,OAAO,sBAAsB,WAAW,MACzD,EAAE,QAAQ,YAAY,CACxB,GAEA,OAAO;IAIT,YAAY,eACV,EAAE,UAAU,CAAC,YAAY,UAAU,eAAe,CAAC,EAAE,IACpD,SAAS;KACR,IAAI,CAAC,MACH,OAAO;KAET,MAAM,cAAc,KAAK;KACzB,IACE,aAAa,MACV,MAAM,EAAE,QAAQ,YAAY,MAAM,MAAM,QAAQ,YAAY,CAC/D,GAEA,OAAO;KAET,OAAO;MACL,GAAG;OACF,UAAoB,CAAC,GAAI,eAAe,CAAC,GAAI,KAAK;KACrD;IACF,CACF;GACF;GACA,OAAO;EACT;EAEA,SAAS,QAAQ,WAAW,cAAc,OAAO;EACjD,OAAO;CACT,CAAC;CACD,OAAO;EACL,OAAO,QAAQ,KAAA;EACf;CACF;AACF"}

package/dist/esm/hooks/useTokens.js

@@ -1,8 +1,8 @@
 import { isItemAllowed } from "../utils/item.js";
 import { useWidgetConfig } from "../providers/WidgetProvider/WidgetProvider.js";
 import { useSDKClient } from "../providers/SDKClientProvider.js";
-import { getQueryKey } from "../utils/queries.js";
 import { useAvailableChains } from "./useAvailableChains.js";
+import { getQueryKey } from "../utils/queries.js";
 import { filterAllowedTokens, getNativeTokenAddresses, mergeVerifiedWithSearchTokens } from "../utils/token.js";
 import { isAddressQuery } from "../utils/address.js";
 import { defaultChainIdsByType } from "../utils/chainType.js";
@@ -12,14 +12,20 @@ import { useQuery } from "@tanstack/react-query";
 import { useChainTypeFromAddress } from "@lifi/widget-provider";
 //#region src/hooks/useTokens.ts
 const refetchInterval = 3e5;
+const tokenListParams = {
+	orderBy: "volumeUSD24H",
+	extended: true,
+	limit: 1100,
+	minPriceUSD: 1e-6
+};
 const useTokens = (formType, search, chainId) => {
-	const { tokens: configTokens, chains: chainsConfig, keyPrefix } = useWidgetConfig();
+	const { tokens: configTokens, chains: chainsConfig, storageScopeKey } = useWidgetConfig();
 	const sdkClient = useSDKClient();
 	const { getChainTypeFromTokenAddress } = useChainTypeFromAddress();
 	const trimmedSearch = search?.trim();
 	const isAddressSearch = useMemo(() => isAddressQuery(trimmedSearch, getChainTypeFromTokenAddress), [trimmedSearch, getChainTypeFromTokenAddress]);
 	const { data: verifiedTokens, isLoading } = useQuery({
-		queryKey: [getQueryKey("tokens", keyPrefix)],
+		queryKey: [getQueryKey("tokens", storageScopeKey)],
 		queryFn: async ({ signal }) => {
 			const chainTypes = [
 				ChainType.EVM,
@@ -30,11 +36,8 @@ const useTokens = (formType, search, chainId) => {
 				ChainType.STL
 			].filter((chainType) => isItemAllowed(chainType, chainsConfig?.types));
 			const tokensResponse = await getTokens(sdkClient, {
-				chainTypes,
-				orderBy: "volumeUSD24H",
-				extended: true,
-				limit: 1e3,
-				minPriceUSD: 1e-6
+				...tokenListParams,
+				chainTypes
 			}, { signal });
 			return Object.fromEntries(Object.entries(tokensResponse.tokens).map(([chainId, tokens]) => [chainId, tokens.map((token) => ({
 				...token,
@@ -46,7 +49,7 @@ const useTokens = (formType, search, chainId) => {
 	});
 	const { data: searchTokens, isLoading: isSearchLoading } = useQuery({
 		queryKey: [
-			getQueryKey("tokens-search", keyPrefix),
+			getQueryKey("tokens-search", storageScopeKey),
 			trimmedSearch,
 			chainId,
 			isAddressSearch
@@ -62,12 +65,9 @@ const useTokens = (formType, search, chainId) => {
 				ChainType.STL
 			].filter((chainType) => isItemAllowed(chainType, chainsConfig?.types));
 			const tokensResponse = await getTokens(sdkClient, {
+				...tokenListParams,
 				chainTypes,
-				orderBy: "volumeUSD24H",
-				extended: true,
-				search: searchQuery,
-				limit: 1e3,
-				minPriceUSD: 1e-6
+				search: searchQuery
 			}, { signal });
 			if (searchQuery) {
 				const chainType = getChainTypeFromTokenAddress(searchQuery);

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

@@ -1 +1 @@
-{"version":3,"file":"useTokens.js","names":[],"sources":["../../../src/hooks/useTokens.ts"],"sourcesContent":["import {\n  ChainType,\n  getToken,\n  getTokens,\n  type TokenExtended,\n  type TokensExtendedResponse,\n} from '@lifi/sdk'\nimport { useChainTypeFromAddress } from '@lifi/widget-provider'\nimport { useQuery } from '@tanstack/react-query'\nimport { useMemo } from 'react'\nimport { useSDKClient } from '../providers/SDKClientProvider.js'\nimport { useWidgetConfig } from '../providers/WidgetProvider/WidgetProvider.js'\nimport type { FormType } from '../stores/form/types.js'\nimport type { TokensByChain } from '../types/token.js'\nimport { isAddressQuery } from '../utils/address.js'\nimport { defaultChainIdsByType } from '../utils/chainType.js'\nimport { isItemAllowed } from '../utils/item.js'\nimport { getQueryKey } from '../utils/queries.js'\nimport {\n  filterAllowedTokens,\n  getNativeTokenAddresses,\n  mergeVerifiedWithSearchTokens,\n} from '../utils/token.js'\nimport { useAvailableChains } from './useAvailableChains.js'\n\nconst refetchInterval = 300_000\n\nexport const useTokens = (\n  formType?: FormType,\n  search?: string,\n  chainId?: number\n): {\n  allTokens: Record<number, TokenExtended[]> | undefined\n  isLoading: boolean\n  isSearchLoading: boolean\n  /** The search is a contract address, so only the token at that address matches. */\n  isAddressSearch: boolean\n} => {\n  const {\n    tokens: configTokens,\n    chains: chainsConfig,\n    keyPrefix,\n  } = useWidgetConfig()\n  const sdkClient = useSDKClient()\n  const { getChainTypeFromTokenAddress } = useChainTypeFromAddress()\n  // A pasted address often carries a trailing space or newline, which the\n  // API rejects. Trim once so the key, the requests and the checks agree.\n  const trimmedSearch = search?.trim()\n  // Keep this memoized, and out of any per-token loop: a provider validates by\n  // parsing, which costs microseconds per call rather than nanoseconds.\n  const isAddressSearch = useMemo(\n    () => isAddressQuery(trimmedSearch, getChainTypeFromTokenAddress),\n    [trimmedSearch, getChainTypeFromTokenAddress]\n  )\n\n  // Main tokens cache - verified tokens from API\n  const { data: verifiedTokens, isLoading } = useQuery({\n    queryKey: [getQueryKey('tokens', keyPrefix)],\n    queryFn: async ({ signal }) => {\n      const chainTypes = [\n        ChainType.EVM,\n        ChainType.SVM,\n        ChainType.UTXO,\n        ChainType.MVM,\n        ChainType.TVM,\n        ChainType.STL,\n      ].filter((chainType) => isItemAllowed(chainType, chainsConfig?.types))\n\n      const tokensResponse: TokensExtendedResponse = await getTokens(\n        sdkClient,\n        {\n          chainTypes,\n          orderBy: 'volumeUSD24H',\n          extended: true,\n          limit: 1000,\n          minPriceUSD: 0.000001,\n        },\n        { signal }\n      )\n\n      // `listed` tells a main-list token from a searched one\n      const tokens: TokensByChain = Object.fromEntries(\n        Object.entries(tokensResponse.tokens).map(([chainId, tokens]) => [\n          chainId,\n          tokens.map((token) => ({ ...token, listed: true })),\n        ])\n      )\n\n      return tokens\n    },\n    refetchInterval,\n    staleTime: refetchInterval,\n  })\n\n  // Search tokens cache - unverified tokens from search\n  const { data: searchTokens, isLoading: isSearchLoading } = useQuery({\n    queryKey: [\n      getQueryKey('tokens-search', keyPrefix),\n      trimmedSearch,\n      chainId,\n      isAddressSearch,\n    ] as const,\n    queryFn: async ({ queryKey, signal }) => {\n      const [, searchQuery, searchChainId, addressSearch] = queryKey\n      const chainTypes = [\n        ChainType.EVM,\n        ChainType.SVM,\n        ChainType.UTXO,\n        ChainType.MVM,\n        ChainType.TVM,\n        ChainType.STL,\n      ].filter((chainType) => isItemAllowed(chainType, chainsConfig?.types))\n\n      const tokensResponse: TokensExtendedResponse = await getTokens(\n        sdkClient,\n        {\n          chainTypes,\n          orderBy: 'volumeUSD24H',\n          extended: true,\n          search: searchQuery,\n          limit: 1000,\n          minPriceUSD: 0.000001,\n        },\n        { signal }\n      )\n\n      // Fallback: fetch a single token from the /token endpoint when the\n      // search did not deliver one. Look it up on the selected chain, or\n      // without one on the default chain of the address format.\n      if (searchQuery) {\n        const chainType = getChainTypeFromTokenAddress(searchQuery)\n        const lookupChainId =\n          searchChainId ??\n          (chainType ? defaultChainIdsByType[chainType] : undefined)\n        if (lookupChainId) {\n          const existingTokens = tokensResponse.tokens[lookupChainId] ?? []\n          // The search index also matches names, so for an address query\n          // impersonators that embed the address can fill the list while the\n          // token at that address is missing. Without a selected chain the\n          // token can sit on any chain of the response.\n          const hasTokenAtAddress = () => {\n            const address = searchQuery.toLowerCase()\n            const candidates = searchChainId\n              ? [existingTokens]\n              : Object.values(tokensResponse.tokens)\n            return candidates.some((tokens) =>\n              tokens.some((token) => token.address?.toLowerCase() === address)\n            )\n          }\n          const isTokenMissing = addressSearch\n            ? !hasTokenAtAddress()\n            : !existingTokens.length\n          if (isTokenMissing) {\n            try {\n              const token = await getToken(\n                sdkClient,\n                lookupChainId,\n                searchQuery,\n                { signal }\n              )\n              if (token) {\n                tokensResponse.tokens[lookupChainId] = [\n                  ...existingTokens,\n                  token,\n                ]\n              }\n            } catch (error) {\n              // A guessed chain may not hold the token (HTTP 400). Keep the\n              // search results instead of failing the whole query.\n              if (signal.aborted) {\n                throw error\n              }\n            }\n          }\n        }\n      }\n\n      return tokensResponse.tokens as TokensByChain\n    },\n    enabled: !!trimmedSearch,\n    refetchInterval,\n    staleTime: refetchInterval,\n  })\n\n  const { chains } = useAvailableChains()\n  const nativeTokenAddresses = useMemo(\n    () => getNativeTokenAddresses(chains),\n    [chains]\n  )\n\n  // Merge tokens at read time - single place where caches are combined\n  const allTokens = useMemo(() => {\n    const merged = mergeVerifiedWithSearchTokens(verifiedTokens, searchTokens)\n    return filterAllowedTokens(\n      merged,\n      configTokens,\n      chainsConfig,\n      formType,\n      nativeTokenAddresses\n    )\n  }, [\n    verifiedTokens,\n    searchTokens,\n    configTokens,\n    chainsConfig,\n    formType,\n    nativeTokenAddresses,\n  ])\n\n  return {\n    allTokens,\n    isLoading,\n    isSearchLoading,\n    isAddressSearch,\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"useTokens.js","names":[],"sources":["../../../src/hooks/useTokens.ts"],"sourcesContent":["import {\n  ChainType,\n  getToken,\n  getTokens,\n  type TokenExtended,\n  type TokensExtendedResponse,\n} from '@lifi/sdk'\nimport { useChainTypeFromAddress } from '@lifi/widget-provider'\nimport { useQuery } from '@tanstack/react-query'\nimport { useMemo } from 'react'\nimport { useSDKClient } from '../providers/SDKClientProvider.js'\nimport { useWidgetConfig } from '../providers/WidgetProvider/WidgetProvider.js'\nimport type { FormType } from '../stores/form/types.js'\nimport type { TokensByChain } from '../types/token.js'\nimport { isAddressQuery } from '../utils/address.js'\nimport { defaultChainIdsByType } from '../utils/chainType.js'\nimport { isItemAllowed } from '../utils/item.js'\nimport { getQueryKey } from '../utils/queries.js'\nimport {\n  filterAllowedTokens,\n  getNativeTokenAddresses,\n  mergeVerifiedWithSearchTokens,\n} from '../utils/token.js'\nimport { useAvailableChains } from './useAvailableChains.js'\n\nconst refetchInterval = 300_000\n\n// The main list and the search send the same list parameters.\nconst tokenListParams = {\n  orderBy: 'volumeUSD24H',\n  extended: true,\n  limit: 1100,\n  minPriceUSD: 0.000001,\n} as const\n\nexport const useTokens = (\n  formType?: FormType,\n  search?: string,\n  chainId?: number\n): {\n  allTokens: Record<number, TokenExtended[]> | undefined\n  isLoading: boolean\n  isSearchLoading: boolean\n  /** The search is a contract address, so only the token at that address matches. */\n  isAddressSearch: boolean\n} => {\n  const {\n    tokens: configTokens,\n    chains: chainsConfig,\n    storageScopeKey,\n  } = useWidgetConfig()\n  const sdkClient = useSDKClient()\n  const { getChainTypeFromTokenAddress } = useChainTypeFromAddress()\n  // A pasted address often carries a trailing space or newline, which the\n  // API rejects. Trim once so the key, the requests and the checks agree.\n  const trimmedSearch = search?.trim()\n  // Keep this memoized, and out of any per-token loop: a provider validates by\n  // parsing, which costs microseconds per call rather than nanoseconds.\n  const isAddressSearch = useMemo(\n    () => isAddressQuery(trimmedSearch, getChainTypeFromTokenAddress),\n    [trimmedSearch, getChainTypeFromTokenAddress]\n  )\n\n  // Main tokens cache - verified tokens from API\n  const { data: verifiedTokens, isLoading } = useQuery({\n    queryKey: [getQueryKey('tokens', storageScopeKey)],\n    queryFn: async ({ signal }) => {\n      const chainTypes = [\n        ChainType.EVM,\n        ChainType.SVM,\n        ChainType.UTXO,\n        ChainType.MVM,\n        ChainType.TVM,\n        ChainType.STL,\n      ].filter((chainType) => isItemAllowed(chainType, chainsConfig?.types))\n\n      const tokensResponse: TokensExtendedResponse = await getTokens(\n        sdkClient,\n        { ...tokenListParams, chainTypes },\n        { signal }\n      )\n\n      // `listed` tells a main-list token from a searched one\n      const tokens: TokensByChain = Object.fromEntries(\n        Object.entries(tokensResponse.tokens).map(([chainId, tokens]) => [\n          chainId,\n          tokens.map((token) => ({ ...token, listed: true })),\n        ])\n      )\n\n      return tokens\n    },\n    refetchInterval,\n    staleTime: refetchInterval,\n  })\n\n  // Search tokens cache - unverified tokens from search\n  const { data: searchTokens, isLoading: isSearchLoading } = useQuery({\n    queryKey: [\n      getQueryKey('tokens-search', storageScopeKey),\n      trimmedSearch,\n      chainId,\n      isAddressSearch,\n    ] as const,\n    queryFn: async ({ queryKey, signal }) => {\n      const [, searchQuery, searchChainId, addressSearch] = queryKey\n      const chainTypes = [\n        ChainType.EVM,\n        ChainType.SVM,\n        ChainType.UTXO,\n        ChainType.MVM,\n        ChainType.TVM,\n        ChainType.STL,\n      ].filter((chainType) => isItemAllowed(chainType, chainsConfig?.types))\n\n      const tokensResponse: TokensExtendedResponse = await getTokens(\n        sdkClient,\n        {\n          ...tokenListParams,\n          chainTypes,\n          search: searchQuery,\n        },\n        { signal }\n      )\n\n      // Fallback: fetch a single token from the /token endpoint when the\n      // search did not deliver one. Look it up on the selected chain, or\n      // without one on the default chain of the address format.\n      if (searchQuery) {\n        const chainType = getChainTypeFromTokenAddress(searchQuery)\n        const lookupChainId =\n          searchChainId ??\n          (chainType ? defaultChainIdsByType[chainType] : undefined)\n        if (lookupChainId) {\n          const existingTokens = tokensResponse.tokens[lookupChainId] ?? []\n          // The search index also matches names, so for an address query\n          // impersonators that embed the address can fill the list while the\n          // token at that address is missing. Without a selected chain the\n          // token can sit on any chain of the response.\n          const hasTokenAtAddress = () => {\n            const address = searchQuery.toLowerCase()\n            const candidates = searchChainId\n              ? [existingTokens]\n              : Object.values(tokensResponse.tokens)\n            return candidates.some((tokens) =>\n              tokens.some((token) => token.address?.toLowerCase() === address)\n            )\n          }\n          const isTokenMissing = addressSearch\n            ? !hasTokenAtAddress()\n            : !existingTokens.length\n          if (isTokenMissing) {\n            try {\n              const token = await getToken(\n                sdkClient,\n                lookupChainId,\n                searchQuery,\n                { signal }\n              )\n              if (token) {\n                tokensResponse.tokens[lookupChainId] = [\n                  ...existingTokens,\n                  token,\n                ]\n              }\n            } catch (error) {\n              // A guessed chain may not hold the token (HTTP 400). Keep the\n              // search results instead of failing the whole query.\n              if (signal.aborted) {\n                throw error\n              }\n            }\n          }\n        }\n      }\n\n      return tokensResponse.tokens as TokensByChain\n    },\n    enabled: !!trimmedSearch,\n    refetchInterval,\n    staleTime: refetchInterval,\n  })\n\n  const { chains } = useAvailableChains()\n  const nativeTokenAddresses = useMemo(\n    () => getNativeTokenAddresses(chains),\n    [chains]\n  )\n\n  // Merge tokens at read time - single place where caches are combined\n  const allTokens = useMemo(() => {\n    const merged = mergeVerifiedWithSearchTokens(verifiedTokens, searchTokens)\n    return filterAllowedTokens(\n      merged,\n      configTokens,\n      chainsConfig,\n      formType,\n      nativeTokenAddresses\n    )\n  }, [\n    verifiedTokens,\n    searchTokens,\n    configTokens,\n    chainsConfig,\n    formType,\n    nativeTokenAddresses,\n  ])\n\n  return {\n    allTokens,\n    isLoading,\n    isSearchLoading,\n    isAddressSearch,\n  }\n}\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"useTools.d.ts","names":[],"sources":["../../../src/hooks/useTools.ts"],"mappings":";;qBAQa;EAAiB,OAAO"}
+{"version":3,"file":"useTools.d.ts","names":[],"sources":["../../../src/hooks/useTools.ts"],"mappings":";;qBAWa;EAAiB,OAAO"}

package/dist/esm/hooks/useTools.js

@@ -2,38 +2,37 @@ import { getConfigItemSets, isItemAllowedForSets } from "../utils/item.js";
 import { useSettingsStoreContext } from "../stores/settings/SettingsStore.js";
 import { useWidgetConfig } from "../providers/WidgetProvider/WidgetProvider.js";
 import { useSDKClient } from "../providers/SDKClientProvider.js";
-import { getQueryKey } from "../utils/queries.js";
-import { getTools } from "@lifi/sdk";
+import { getToolsQueryOptions } from "../queries/getTools.js";
+import { useCallback, useEffect } from "react";
 import { useQuery } from "@tanstack/react-query";
 //#region src/hooks/useTools.ts
+const refetchInterval = 18e4;
 const useTools = () => {
-	const { bridges, exchanges, keyPrefix } = useWidgetConfig();
+	const { bridges, exchanges, queryScopeKey } = useWidgetConfig();
 	const settingsStore = useSettingsStoreContext();
 	const sdkClient = useSDKClient();
-	const { data } = useQuery({
-		queryKey: [
-			getQueryKey("tools", keyPrefix),
-			bridges?.allow,
-			bridges?.deny,
-			exchanges?.allow,
-			exchanges?.deny
-		],
-		queryFn: async () => {
-			const tools = await getTools(sdkClient);
-			const bridgesConfigSets = getConfigItemSets(bridges, (bridges) => new Set(bridges));
-			const exchangesConfigSets = getConfigItemSets(exchanges, (exchanges) => new Set(exchanges));
-			const result = {
-				bridges: tools.bridges.filter((bridge) => isItemAllowedForSets(bridge.key, bridgesConfigSets)),
-				exchanges: tools.exchanges.filter((exchange) => isItemAllowedForSets(exchange.key, exchangesConfigSets))
-			};
-			const { initializeTools } = settingsStore.getState();
-			initializeTools("Bridges", result.bridges.map((bridge) => bridge.key));
-			initializeTools("Exchanges", result.exchanges.map((exchange) => exchange.key));
-			return result;
-		},
-		refetchInterval: 18e4,
-		staleTime: 18e4
-	});
+	const selectAllowedTools = useCallback((tools) => {
+		const bridgeSets = getConfigItemSets(bridges, (keys) => new Set(keys));
+		const exchangeSets = getConfigItemSets(exchanges, (keys) => new Set(keys));
+		return {
+			bridges: tools.bridges.filter((bridge) => isItemAllowedForSets(bridge.key, bridgeSets)),
+			exchanges: tools.exchanges.filter((exchange) => isItemAllowedForSets(exchange.key, exchangeSets))
+		};
+	}, [bridges, exchanges]);
+	const { data } = useQuery(getToolsQueryOptions(sdkClient, {
+		scopeKey: queryScopeKey,
+		query: {
+			refetchInterval,
+			staleTime: refetchInterval,
+			select: selectAllowedTools
+		}
+	}));
+	useEffect(() => {
+		if (!data) return;
+		const { initializeTools } = settingsStore.getState();
+		initializeTools("Bridges", data.bridges.map((bridge) => bridge.key));
+		initializeTools("Exchanges", data.exchanges.map((exchange) => exchange.key));
+	}, [data, settingsStore]);
 	return { tools: data };
 };
 //#endregion

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

@@ -1 +1 @@
-{"version":3,"file":"useTools.js","names":[],"sources":["../../../src/hooks/useTools.ts"],"sourcesContent":["import { getTools, type ToolsResponse } from '@lifi/sdk'\nimport { useQuery } from '@tanstack/react-query'\nimport { useSDKClient } from '../providers/SDKClientProvider.js'\nimport { useWidgetConfig } from '../providers/WidgetProvider/WidgetProvider.js'\nimport { useSettingsStoreContext } from '../stores/settings/SettingsStore.js'\nimport { getConfigItemSets, isItemAllowedForSets } from '../utils/item.js'\nimport { getQueryKey } from '../utils/queries.js'\n\nexport const useTools = (): { tools: ToolsResponse | undefined } => {\n  const { bridges, exchanges, keyPrefix } = useWidgetConfig()\n  const settingsStore = useSettingsStoreContext()\n  const sdkClient = useSDKClient()\n\n  const { data } = useQuery({\n    queryKey: [\n      getQueryKey('tools', keyPrefix),\n      bridges?.allow,\n      bridges?.deny,\n      exchanges?.allow,\n      exchanges?.deny,\n    ],\n    queryFn: async (): Promise<ToolsResponse> => {\n      const tools = await getTools(sdkClient)\n      const bridgesConfigSets = getConfigItemSets(\n        bridges,\n        (bridges) => new Set(bridges)\n      )\n      const exchangesConfigSets = getConfigItemSets(\n        exchanges,\n        (exchanges) => new Set(exchanges)\n      )\n      const result = {\n        bridges: tools.bridges.filter((bridge) =>\n          isItemAllowedForSets(bridge.key, bridgesConfigSets)\n        ),\n        exchanges: tools.exchanges.filter((exchange) =>\n          isItemAllowedForSets(exchange.key, exchangesConfigSets)\n        ),\n      }\n      const { initializeTools } = settingsStore.getState()\n      initializeTools(\n        'Bridges',\n        result.bridges.map((bridge) => bridge.key)\n      )\n      initializeTools(\n        'Exchanges',\n        result.exchanges.map((exchange) => exchange.key)\n      )\n      return result\n    },\n    refetchInterval: 180_000,\n    staleTime: 180_000,\n  })\n\n  return { tools: data }\n}\n"],"mappings":";;;;;;;;AAQA,MAAa,iBAAuD;CAClE,MAAM,EAAE,SAAS,WAAW,cAAc,gBAAgB;CAC1D,MAAM,gBAAgB,wBAAwB;CAC9C,MAAM,YAAY,aAAa;CAE/B,MAAM,EAAE,SAAS,SAAS;EACxB,UAAU;GACR,YAAY,SAAS,SAAS;GAC9B,SAAS;GACT,SAAS;GACT,WAAW;GACX,WAAW;EACb;EACA,SAAS,YAAoC;GAC3C,MAAM,QAAQ,MAAM,SAAS,SAAS;GACtC,MAAM,oBAAoB,kBACxB,UACC,YAAY,IAAI,IAAI,OAAO,CAC9B;GACA,MAAM,sBAAsB,kBAC1B,YACC,cAAc,IAAI,IAAI,SAAS,CAClC;GACA,MAAM,SAAS;IACb,SAAS,MAAM,QAAQ,QAAQ,WAC7B,qBAAqB,OAAO,KAAK,iBAAiB,CACpD;IACA,WAAW,MAAM,UAAU,QAAQ,aACjC,qBAAqB,SAAS,KAAK,mBAAmB,CACxD;GACF;GACA,MAAM,EAAE,oBAAoB,cAAc,SAAS;GACnD,gBACE,WACA,OAAO,QAAQ,KAAK,WAAW,OAAO,GAAG,CAC3C;GACA,gBACE,aACA,OAAO,UAAU,KAAK,aAAa,SAAS,GAAG,CACjD;GACA,OAAO;EACT;EACA,iBAAiB;EACjB,WAAW;CACb,CAAC;CAED,OAAO,EAAE,OAAO,KAAK;AACvB"}
+{"version":3,"file":"useTools.js","names":[],"sources":["../../../src/hooks/useTools.ts"],"sourcesContent":["import type { ToolsResponse } from '@lifi/sdk'\nimport { useQuery } from '@tanstack/react-query'\nimport { useCallback, useEffect } from 'react'\nimport { useSDKClient } from '../providers/SDKClientProvider.js'\nimport { useWidgetConfig } from '../providers/WidgetProvider/WidgetProvider.js'\nimport { getToolsQueryOptions } from '../queries/getTools.js'\nimport { useSettingsStoreContext } from '../stores/settings/SettingsStore.js'\nimport { getConfigItemSets, isItemAllowedForSets } from '../utils/item.js'\n\nconst refetchInterval = 180_000\n\nexport const useTools = (): { tools: ToolsResponse | undefined } => {\n  const { bridges, exchanges, queryScopeKey } = useWidgetConfig()\n  const settingsStore = useSettingsStoreContext()\n  const sdkClient = useSDKClient()\n\n  const selectAllowedTools = useCallback(\n    (tools: ToolsResponse): ToolsResponse => {\n      const bridgeSets = getConfigItemSets(bridges, (keys) => new Set(keys))\n      const exchangeSets = getConfigItemSets(exchanges, (keys) => new Set(keys))\n      return {\n        bridges: tools.bridges.filter((bridge) =>\n          isItemAllowedForSets(bridge.key, bridgeSets)\n        ),\n        exchanges: tools.exchanges.filter((exchange) =>\n          isItemAllowedForSets(exchange.key, exchangeSets)\n        ),\n      }\n    },\n    [bridges, exchanges]\n  )\n\n  const { data } = useQuery(\n    getToolsQueryOptions(sdkClient, {\n      scopeKey: queryScopeKey,\n      query: {\n        refetchInterval,\n        staleTime: refetchInterval,\n        select: selectAllowedTools,\n      },\n    })\n  )\n\n  // A host may fill the shared entry, so seed from the data, not in a queryFn.\n  useEffect(() => {\n    if (!data) {\n      return\n    }\n    const { initializeTools } = settingsStore.getState()\n    initializeTools(\n      'Bridges',\n      data.bridges.map((bridge) => bridge.key)\n    )\n    initializeTools(\n      'Exchanges',\n      data.exchanges.map((exchange) => exchange.key)\n    )\n  }, [data, settingsStore])\n\n  return { tools: data }\n}\n"],"mappings":";;;;;;;;AASA,MAAM,kBAAkB;AAExB,MAAa,iBAAuD;CAClE,MAAM,EAAE,SAAS,WAAW,kBAAkB,gBAAgB;CAC9D,MAAM,gBAAgB,wBAAwB;CAC9C,MAAM,YAAY,aAAa;CAE/B,MAAM,qBAAqB,aACxB,UAAwC;EACvC,MAAM,aAAa,kBAAkB,UAAU,SAAS,IAAI,IAAI,IAAI,CAAC;EACrE,MAAM,eAAe,kBAAkB,YAAY,SAAS,IAAI,IAAI,IAAI,CAAC;EACzE,OAAO;GACL,SAAS,MAAM,QAAQ,QAAQ,WAC7B,qBAAqB,OAAO,KAAK,UAAU,CAC7C;GACA,WAAW,MAAM,UAAU,QAAQ,aACjC,qBAAqB,SAAS,KAAK,YAAY,CACjD;EACF;CACF,GACA,CAAC,SAAS,SAAS,CACrB;CAEA,MAAM,EAAE,SAAS,SACf,qBAAqB,WAAW;EAC9B,UAAU;EACV,OAAO;GACL;GACA,WAAW;GACX,QAAQ;EACV;CACF,CAAC,CACH;CAGA,gBAAgB;EACd,IAAI,CAAC,MACH;EAEF,MAAM,EAAE,oBAAoB,cAAc,SAAS;EACnD,gBACE,WACA,KAAK,QAAQ,KAAK,WAAW,OAAO,GAAG,CACzC;EACA,gBACE,aACA,KAAK,UAAU,KAAK,aAAa,SAAS,GAAG,CAC/C;CACF,GAAG,CAAC,MAAM,aAAa,CAAC;CAExB,OAAO,EAAE,OAAO,KAAK;AACvB"}

package/dist/esm/hooks/useTransactionDetails.js

@@ -9,9 +9,9 @@ import { useAccount } from "@lifi/wallet-management";
 const useTransactionDetails = (transactionHash) => {
 	const { account, accounts } = useAccount();
 	const queryClient = useQueryClient();
-	const { keyPrefix } = useWidgetConfig();
+	const { storageScopeKey } = useWidgetConfig();
 	const sdkClient = useSDKClient();
-	const transactionHistoryQueryKey = useMemo(() => getQueryKey("transaction-history", keyPrefix), [keyPrefix]);
+	const transactionHistoryQueryKey = useMemo(() => getQueryKey("transaction-history", storageScopeKey), [storageScopeKey]);
 	const { data, isLoading } = useQuery({
 		queryKey: [transactionHistoryQueryKey, transactionHash],
 		queryFn: async ({ queryKey: [, transactionHash], signal }) => {