@lifi/widget 4.7.1 → 4.9.0

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

@@ -1 +1 @@
-{"version":3,"file":"useAvailableChains.js","names":[],"sources":["../../../src/hooks/useAvailableChains.ts"],"sourcesContent":["import type { ExtendedChain } from '@lifi/sdk'\nimport { ChainType, createClient, getChains } from '@lifi/sdk'\nimport { useQuery } from '@tanstack/react-query'\nimport { useCallback, useEffect, useMemo } from 'react'\nimport { useSDKClient } from '../providers/SDKClientProvider.js'\nimport { useWidgetConfig } from '../providers/WidgetProvider/WidgetProvider.js'\nimport type { WidgetConfig } from '../types/widget.js'\nimport { getConfigItemSets, isItemAllowedForSets } from '../utils/item.js'\nimport { getQueryKey } from '../utils/queries.js'\n\ntype GetChainById = (\n  chainId?: number,\n  chains?: ExtendedChain[]\n) => ExtendedChain | undefined\n\nconst supportedChainTypes = [\n  ChainType.EVM,\n  ChainType.SVM,\n  ChainType.UTXO,\n  ChainType.MVM,\n  ChainType.TVM,\n  ChainType.STL,\n]\n\nexport const useAvailableChains = (\n  chainTypes?: ChainType[],\n  widgetConfig?: WidgetConfig\n): {\n  chains: ExtendedChain[] | undefined\n  getChainById: GetChainById\n  isLoading: boolean\n} => {\n  const { chains: internalChains, keyPrefix: internalKeyPrefix } =\n    useWidgetConfig()\n  const internalClient = useSDKClient()\n\n  const externalClient = useMemo(() => {\n    if (!widgetConfig) {\n      return undefined\n    }\n    return createClient({\n      ...widgetConfig.sdkConfig,\n      apiKey: widgetConfig.apiKey,\n      integrator: widgetConfig.integrator ?? window?.location.hostname,\n    })\n  }, [widgetConfig])\n\n  // Overwrite widget config if passed as param\n  const keyPrefix = widgetConfig?.keyPrefix ?? internalKeyPrefix\n  const chains = widgetConfig?.chains ?? internalChains\n\n  const { data, isLoading } = useQuery({\n    queryKey: [\n      getQueryKey('chains', keyPrefix),\n      chains?.types,\n      chains?.allow,\n      chains?.deny,\n      chains?.from,\n      chains?.to,\n      !!externalClient,\n    ] as const,\n    queryFn: async ({ queryKey: [, chainTypesConfig] }) => {\n      const chainsConfigSets = getConfigItemSets(\n        chainTypesConfig,\n        (chains) => new Set(chains)\n      )\n      const chainTypesRequest = supportedChainTypes.filter((chainType) =>\n        isItemAllowedForSets(chainType, chainsConfigSets)\n      )\n      const client = externalClient ?? internalClient\n      const availableChains = await getChains(client, {\n        chainTypes: chainTypes || chainTypesRequest,\n      })\n      client.setChains(availableChains)\n      return availableChains\n    },\n    refetchInterval: 300_000,\n    staleTime: 300_000,\n  })\n\n  // Ensure the current internal client always has chains, even when:\n  // - the query result came from cache (external call populated it first)\n  // - the client was recreated due to config changes (stale closure in queryFn)\n  useEffect(() => {\n    if (data && !externalClient) {\n      internalClient.setChains(data)\n    }\n  }, [data, externalClient, internalClient])\n\n  const getChainById: GetChainById = useCallback(\n    (chainId?: number, chains: ExtendedChain[] | undefined = data) => {\n      if (!chainId) {\n        return\n      }\n      const chain = chains?.find((chain) => chain.id === chainId)\n      // if (!chain) {\n      //   throw new Error('Chain not found or chainId is invalid.');\n      // }\n      return chain\n    },\n    [data]\n  )\n\n  return {\n    chains: data,\n    getChainById,\n    isLoading,\n  }\n}\n"],"mappings":";;;;;;;;AAeA,MAAM,sBAAsB;CAC1B,UAAU;CACV,UAAU;CACV,UAAU;CACV,UAAU;CACV,UAAU;CACV,UAAU;AACZ;AAEA,MAAa,sBACX,YACA,iBAKG;CACH,MAAM,EAAE,QAAQ,gBAAgB,WAAW,sBACzC,gBAAgB;CAClB,MAAM,iBAAiB,aAAa;CAEpC,MAAM,iBAAiB,cAAc;EACnC,IAAI,CAAC,cACH;EAEF,OAAO,aAAa;GAClB,GAAG,aAAa;GAChB,QAAQ,aAAa;GACrB,YAAY,aAAa,cAAc,QAAQ,SAAS;EAC1D,CAAC;CACH,GAAG,CAAC,YAAY,CAAC;CAGjB,MAAM,YAAY,cAAc,aAAa;CAC7C,MAAM,SAAS,cAAc,UAAU;CAEvC,MAAM,EAAE,MAAM,cAAc,SAAS;EACnC,UAAU;GACR,YAAY,UAAU,SAAS;GAC/B,QAAQ;GACR,QAAQ;GACR,QAAQ;GACR,QAAQ;GACR,QAAQ;GACR,CAAC,CAAC;EACJ;EACA,SAAS,OAAO,EAAE,UAAU,GAAG,wBAAwB;GACrD,MAAM,mBAAmB,kBACvB,mBACC,WAAW,IAAI,IAAI,MAAM,CAC5B;GACA,MAAM,oBAAoB,oBAAoB,QAAQ,cACpD,qBAAqB,WAAW,gBAAgB,CAClD;GACA,MAAM,SAAS,kBAAkB;GACjC,MAAM,kBAAkB,MAAM,UAAU,QAAQ,EAC9C,YAAY,cAAc,kBAC5B,CAAC;GACD,OAAO,UAAU,eAAe;GAChC,OAAO;EACT;EACA,iBAAiB;EACjB,WAAW;CACb,CAAC;CAKD,gBAAgB;EACd,IAAI,QAAQ,CAAC,gBACX,eAAe,UAAU,IAAI;CAEjC,GAAG;EAAC;EAAM;EAAgB;CAAc,CAAC;CAgBzC,OAAO;EACL,QAAQ;EACR,cAhBiC,aAChC,SAAkB,SAAsC,SAAS;GAChE,IAAI,CAAC,SACH;GAMF,OAJc,QAAQ,MAAM,UAAU,MAAM,OAAO,OAAO;EAK5D,GACA,CAAC,IAAI,CAKM;EACX;CACF;AACF"}
+{"version":3,"file":"useAvailableChains.js","names":[],"sources":["../../../src/hooks/useAvailableChains.ts"],"sourcesContent":["import type { ChainType, ExtendedChain } from '@lifi/sdk'\nimport { createClient } from '@lifi/sdk'\nimport { useQuery } from '@tanstack/react-query'\nimport { useCallback, useEffect, useMemo } from 'react'\nimport { useSDKClient } from '../providers/SDKClientProvider.js'\nimport { useWidgetConfig } from '../providers/WidgetProvider/WidgetProvider.js'\nimport {\n  getChainsQueryOptions,\n  supportedChainTypes,\n} from '../queries/getChains.js'\nimport type { WidgetConfig } from '../types/widget.js'\nimport { getConfigItemSets, isItemAllowedForSets } from '../utils/item.js'\nimport { resolveQueryScopeKey } from '../utils/scopeKeys.js'\n\ntype GetChainById = (\n  chainId?: number,\n  chains?: ExtendedChain[]\n) => ExtendedChain | undefined\n\nconst refetchInterval = 300_000\n\nexport const useAvailableChains = (\n  chainTypes?: ChainType[],\n  widgetConfig?: WidgetConfig\n): {\n  chains: ExtendedChain[] | undefined\n  getChainById: GetChainById\n  isLoading: boolean\n} => {\n  const { chains: internalChains, queryScopeKey: internalQueryScopeKey } =\n    useWidgetConfig()\n  const internalClient = useSDKClient()\n\n  const externalClient = useMemo(() => {\n    if (!widgetConfig) {\n      return undefined\n    }\n    return createClient({\n      ...widgetConfig.sdkConfig,\n      apiKey: widgetConfig.apiKey,\n      integrator: widgetConfig.integrator ?? window?.location.hostname,\n    })\n  }, [widgetConfig])\n\n  // Overwrite widget config if passed as param\n  const client = externalClient ?? internalClient\n  const chains = widgetConfig?.chains ?? internalChains\n  const queryScopeKey = widgetConfig\n    ? resolveQueryScopeKey(widgetConfig)\n    : internalQueryScopeKey\n\n  const typeSets = getConfigItemSets(chains?.types, (types) => new Set(types))\n  const requestedTypes =\n    chainTypes ??\n    supportedChainTypes.filter((type) => isItemAllowedForSets(type, typeSets))\n\n  const { data, dataUpdatedAt, isLoading } = useQuery(\n    getChainsQueryOptions(client, {\n      chainTypes: requestedTypes,\n      scopeKey: queryScopeKey,\n      query: { refetchInterval, staleTime: refetchInterval },\n    })\n  )\n\n  // A host may fill the entry; key on dataUpdatedAt, as a refetch keeps data.\n  useEffect(() => {\n    if (data && dataUpdatedAt) {\n      client.setChains(data)\n    }\n  }, [data, dataUpdatedAt, client])\n\n  const getChainById: GetChainById = useCallback(\n    (chainId?: number, chains: ExtendedChain[] | undefined = data) => {\n      if (!chainId) {\n        return\n      }\n      const chain = chains?.find((chain) => chain.id === chainId)\n      // if (!chain) {\n      //   throw new Error('Chain not found or chainId is invalid.');\n      // }\n      return chain\n    },\n    [data]\n  )\n\n  return {\n    chains: data,\n    getChainById,\n    isLoading,\n  }\n}\n"],"mappings":";;;;;;;;;AAmBA,MAAM,kBAAkB;AAExB,MAAa,sBACX,YACA,iBAKG;CACH,MAAM,EAAE,QAAQ,gBAAgB,eAAe,0BAC7C,gBAAgB;CAClB,MAAM,iBAAiB,aAAa;CAcpC,MAAM,SAZiB,cAAc;EACnC,IAAI,CAAC,cACH;EAEF,OAAO,aAAa;GAClB,GAAG,aAAa;GAChB,QAAQ,aAAa;GACrB,YAAY,aAAa,cAAc,QAAQ,SAAS;EAC1D,CAAC;CACH,GAAG,CAAC,YAAY,CAGY,KAAK;CACjC,MAAM,SAAS,cAAc,UAAU;CACvC,MAAM,gBAAgB,eAClB,qBAAqB,YAAY,IACjC;CAEJ,MAAM,WAAW,kBAAkB,QAAQ,QAAQ,UAAU,IAAI,IAAI,KAAK,CAAC;CAC3E,MAAM,iBACJ,cACA,oBAAoB,QAAQ,SAAS,qBAAqB,MAAM,QAAQ,CAAC;CAE3E,MAAM,EAAE,MAAM,eAAe,cAAc,SACzC,sBAAsB,QAAQ;EAC5B,YAAY;EACZ,UAAU;EACV,OAAO;GAAE;GAAiB,WAAW;EAAgB;CACvD,CAAC,CACH;CAGA,gBAAgB;EACd,IAAI,QAAQ,eACV,OAAO,UAAU,IAAI;CAEzB,GAAG;EAAC;EAAM;EAAe;CAAM,CAAC;CAgBhC,OAAO;EACL,QAAQ;EACR,cAhBiC,aAChC,SAAkB,SAAsC,SAAS;GAChE,IAAI,CAAC,SACH;GAMF,OAJc,QAAQ,MAAM,UAAU,MAAM,OAAO,OAAO;EAK5D,GACA,CAAC,IAAI,CAKM;EACX;CACF;AACF"}

package/dist/esm/hooks/useFromTokenSufficiency.js

@@ -1,8 +1,8 @@
 import { useWidgetConfig } from "../providers/WidgetProvider/WidgetProvider.js";
 import { useSDKClient } from "../providers/SDKClientProvider.js";
-import { getQueryKey } from "../utils/queries.js";
 import { useFieldValues } from "../stores/form/useFieldValues.js";
 import { isRouteDone } from "../stores/routes/utils.js";
+import { getQueryKey } from "../utils/queries.js";
 import { getTokenBalancesWithRetry } from "./useTokenBalance.js";
 import { useTokenAddressBalance } from "./useTokenAddressBalance.js";
 import { parseUnits } from "@lifi/sdk";
@@ -12,7 +12,7 @@ import { useAccount } from "@lifi/wallet-management";
 const refetchInterval = 3e4;
 const useFromTokenSufficiency = (route) => {
 	const [fromChainId, fromTokenAddress, fromAmount] = useFieldValues("fromChain", "fromToken", "fromAmount");
-	const { keyPrefix } = useWidgetConfig();
+	const { storageScopeKey } = useWidgetConfig();
 	const sdkClient = useSDKClient();
 	let chainId = fromChainId;
 	let tokenAddress = fromTokenAddress;
@@ -24,7 +24,7 @@ const useFromTokenSufficiency = (route) => {
 	const { account } = useAccount({ chainType: chain?.chainType });
 	const { data: insufficientFromToken, isLoading } = useQuery({
 		queryKey: [
-			getQueryKey("from-token-sufficiency-check", keyPrefix),
+			getQueryKey("from-token-sufficiency-check", storageScopeKey),
 			account.address,
 			chainId,
 			tokenAddress,

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

@@ -1 +1 @@
-{"version":3,"file":"useFromTokenSufficiency.js","names":[],"sources":["../../../src/hooks/useFromTokenSufficiency.ts"],"sourcesContent":["import { parseUnits, type RouteExtended } from '@lifi/sdk'\nimport { useAccount } from '@lifi/wallet-management'\nimport { keepPreviousData, useQuery } from '@tanstack/react-query'\nimport { useSDKClient } from '../providers/SDKClientProvider.js'\nimport { useWidgetConfig } from '../providers/WidgetProvider/WidgetProvider.js'\nimport { useFieldValues } from '../stores/form/useFieldValues.js'\nimport { isRouteDone } from '../stores/routes/utils.js'\nimport { getQueryKey } from '../utils/queries.js'\nimport { useTokenAddressBalance } from './useTokenAddressBalance.js'\nimport { getTokenBalancesWithRetry } from './useTokenBalance.js'\n\nconst refetchInterval = 30_000\n\nexport const useFromTokenSufficiency = (\n  route?: RouteExtended\n): {\n  insufficientFromToken: boolean | undefined\n  isLoading: boolean\n} => {\n  const [fromChainId, fromTokenAddress, fromAmount] = useFieldValues(\n    'fromChain',\n    'fromToken',\n    'fromAmount'\n  )\n  const { keyPrefix } = useWidgetConfig()\n  const sdkClient = useSDKClient()\n\n  let chainId = fromChainId\n  let tokenAddress = fromTokenAddress\n  if (route) {\n    chainId = route.fromToken.chainId\n    tokenAddress = route.fromToken.address\n  }\n\n  const {\n    token,\n    chain,\n    isLoading: isTokenAddressBalanceLoading,\n  } = useTokenAddressBalance(chainId, tokenAddress)\n\n  const { account } = useAccount({ chainType: chain?.chainType })\n\n  const { data: insufficientFromToken, isLoading } = useQuery({\n    queryKey: [\n      getQueryKey('from-token-sufficiency-check', keyPrefix),\n      account.address,\n      chainId,\n      tokenAddress,\n      route?.id ?? fromAmount,\n    ] as const,\n    queryFn: async ({ queryKey: [, accountAddress] }) => {\n      if (!accountAddress || !token) {\n        return\n      }\n      const parsedFromAmount = parseUnits(fromAmount, token.decimals)\n      let currentTokenBalance = token.amount ?? 0n\n\n      if (!route || isRouteDone(route)) {\n        const insufficientFunds = currentTokenBalance < parsedFromAmount\n        return insufficientFunds\n      }\n\n      const currentAction = route.steps.filter(\n        (step) => step.execution?.status !== 'DONE'\n      )[0]?.action\n\n      if (\n        token.chainId === currentAction.fromToken.chainId &&\n        token.address === currentAction.fromToken.address &&\n        currentTokenBalance > 0\n      ) {\n        const insufficientFunds = BigInt(route.fromAmount) > currentTokenBalance\n        return insufficientFunds\n      }\n\n      const tokenBalances = await getTokenBalancesWithRetry(\n        sdkClient,\n        accountAddress,\n        [currentAction.fromToken]\n      )\n\n      currentTokenBalance = tokenBalances?.[0]?.amount ?? 0n\n      const insufficientFunds =\n        BigInt(currentAction.fromAmount) > currentTokenBalance\n      return insufficientFunds\n    },\n\n    enabled: Boolean(account.address && token && !isTokenAddressBalanceLoading),\n    refetchInterval,\n    staleTime: refetchInterval,\n    placeholderData: account.address ? keepPreviousData : undefined,\n  })\n\n  return {\n    insufficientFromToken,\n    isLoading,\n  }\n}\n"],"mappings":";;;;;;;;;;;AAWA,MAAM,kBAAkB;AAExB,MAAa,2BACX,UAIG;CACH,MAAM,CAAC,aAAa,kBAAkB,cAAc,eAClD,aACA,aACA,YACF;CACA,MAAM,EAAE,cAAc,gBAAgB;CACtC,MAAM,YAAY,aAAa;CAE/B,IAAI,UAAU;CACd,IAAI,eAAe;CACnB,IAAI,OAAO;EACT,UAAU,MAAM,UAAU;EAC1B,eAAe,MAAM,UAAU;CACjC;CAEA,MAAM,EACJ,OACA,OACA,WAAW,iCACT,uBAAuB,SAAS,YAAY;CAEhD,MAAM,EAAE,YAAY,WAAW,EAAE,WAAW,OAAO,UAAU,CAAC;CAE9D,MAAM,EAAE,MAAM,uBAAuB,cAAc,SAAS;EAC1D,UAAU;GACR,YAAY,gCAAgC,SAAS;GACrD,QAAQ;GACR;GACA;GACA,OAAO,MAAM;EACf;EACA,SAAS,OAAO,EAAE,UAAU,GAAG,sBAAsB;GACnD,IAAI,CAAC,kBAAkB,CAAC,OACtB;GAEF,MAAM,mBAAmB,WAAW,YAAY,MAAM,QAAQ;GAC9D,IAAI,sBAAsB,MAAM,UAAU;GAE1C,IAAI,CAAC,SAAS,YAAY,KAAK,GAE7B,OAD0B,sBAAsB;GAIlD,MAAM,gBAAgB,MAAM,MAAM,QAC/B,SAAS,KAAK,WAAW,WAAW,MACvC,CAAC,CAAC,EAAE,EAAE;GAEN,IACE,MAAM,YAAY,cAAc,UAAU,WAC1C,MAAM,YAAY,cAAc,UAAU,WAC1C,sBAAsB,GAGtB,OAD0B,OAAO,MAAM,UAAU,IAAI;GAUvD,uBAAsB,MANM,0BAC1B,WACA,gBACA,CAAC,cAAc,SAAS,CAC1B,EAAA,GAEsC,EAAE,EAAE,UAAU;GAGpD,OADE,OAAO,cAAc,UAAU,IAAI;EAEvC;EAEA,SAAS,QAAQ,QAAQ,WAAW,SAAS,CAAC,4BAA4B;EAC1E;EACA,WAAW;EACX,iBAAiB,QAAQ,UAAU,mBAAmB,KAAA;CACxD,CAAC;CAED,OAAO;EACL;EACA;CACF;AACF"}
+{"version":3,"file":"useFromTokenSufficiency.js","names":[],"sources":["../../../src/hooks/useFromTokenSufficiency.ts"],"sourcesContent":["import { parseUnits, type RouteExtended } from '@lifi/sdk'\nimport { useAccount } from '@lifi/wallet-management'\nimport { keepPreviousData, useQuery } from '@tanstack/react-query'\nimport { useSDKClient } from '../providers/SDKClientProvider.js'\nimport { useWidgetConfig } from '../providers/WidgetProvider/WidgetProvider.js'\nimport { useFieldValues } from '../stores/form/useFieldValues.js'\nimport { isRouteDone } from '../stores/routes/utils.js'\nimport { getQueryKey } from '../utils/queries.js'\nimport { useTokenAddressBalance } from './useTokenAddressBalance.js'\nimport { getTokenBalancesWithRetry } from './useTokenBalance.js'\n\nconst refetchInterval = 30_000\n\nexport const useFromTokenSufficiency = (\n  route?: RouteExtended\n): {\n  insufficientFromToken: boolean | undefined\n  isLoading: boolean\n} => {\n  const [fromChainId, fromTokenAddress, fromAmount] = useFieldValues(\n    'fromChain',\n    'fromToken',\n    'fromAmount'\n  )\n  const { storageScopeKey } = useWidgetConfig()\n  const sdkClient = useSDKClient()\n\n  let chainId = fromChainId\n  let tokenAddress = fromTokenAddress\n  if (route) {\n    chainId = route.fromToken.chainId\n    tokenAddress = route.fromToken.address\n  }\n\n  const {\n    token,\n    chain,\n    isLoading: isTokenAddressBalanceLoading,\n  } = useTokenAddressBalance(chainId, tokenAddress)\n\n  const { account } = useAccount({ chainType: chain?.chainType })\n\n  const { data: insufficientFromToken, isLoading } = useQuery({\n    queryKey: [\n      getQueryKey('from-token-sufficiency-check', storageScopeKey),\n      account.address,\n      chainId,\n      tokenAddress,\n      route?.id ?? fromAmount,\n    ] as const,\n    queryFn: async ({ queryKey: [, accountAddress] }) => {\n      if (!accountAddress || !token) {\n        return\n      }\n      const parsedFromAmount = parseUnits(fromAmount, token.decimals)\n      let currentTokenBalance = token.amount ?? 0n\n\n      if (!route || isRouteDone(route)) {\n        const insufficientFunds = currentTokenBalance < parsedFromAmount\n        return insufficientFunds\n      }\n\n      const currentAction = route.steps.filter(\n        (step) => step.execution?.status !== 'DONE'\n      )[0]?.action\n\n      if (\n        token.chainId === currentAction.fromToken.chainId &&\n        token.address === currentAction.fromToken.address &&\n        currentTokenBalance > 0\n      ) {\n        const insufficientFunds = BigInt(route.fromAmount) > currentTokenBalance\n        return insufficientFunds\n      }\n\n      const tokenBalances = await getTokenBalancesWithRetry(\n        sdkClient,\n        accountAddress,\n        [currentAction.fromToken]\n      )\n\n      currentTokenBalance = tokenBalances?.[0]?.amount ?? 0n\n      const insufficientFunds =\n        BigInt(currentAction.fromAmount) > currentTokenBalance\n      return insufficientFunds\n    },\n\n    enabled: Boolean(account.address && token && !isTokenAddressBalanceLoading),\n    refetchInterval,\n    staleTime: refetchInterval,\n    placeholderData: account.address ? keepPreviousData : undefined,\n  })\n\n  return {\n    insufficientFromToken,\n    isLoading,\n  }\n}\n"],"mappings":";;;;;;;;;;;AAWA,MAAM,kBAAkB;AAExB,MAAa,2BACX,UAIG;CACH,MAAM,CAAC,aAAa,kBAAkB,cAAc,eAClD,aACA,aACA,YACF;CACA,MAAM,EAAE,oBAAoB,gBAAgB;CAC5C,MAAM,YAAY,aAAa;CAE/B,IAAI,UAAU;CACd,IAAI,eAAe;CACnB,IAAI,OAAO;EACT,UAAU,MAAM,UAAU;EAC1B,eAAe,MAAM,UAAU;CACjC;CAEA,MAAM,EACJ,OACA,OACA,WAAW,iCACT,uBAAuB,SAAS,YAAY;CAEhD,MAAM,EAAE,YAAY,WAAW,EAAE,WAAW,OAAO,UAAU,CAAC;CAE9D,MAAM,EAAE,MAAM,uBAAuB,cAAc,SAAS;EAC1D,UAAU;GACR,YAAY,gCAAgC,eAAe;GAC3D,QAAQ;GACR;GACA;GACA,OAAO,MAAM;EACf;EACA,SAAS,OAAO,EAAE,UAAU,GAAG,sBAAsB;GACnD,IAAI,CAAC,kBAAkB,CAAC,OACtB;GAEF,MAAM,mBAAmB,WAAW,YAAY,MAAM,QAAQ;GAC9D,IAAI,sBAAsB,MAAM,UAAU;GAE1C,IAAI,CAAC,SAAS,YAAY,KAAK,GAE7B,OAD0B,sBAAsB;GAIlD,MAAM,gBAAgB,MAAM,MAAM,QAC/B,SAAS,KAAK,WAAW,WAAW,MACvC,CAAC,CAAC,EAAE,EAAE;GAEN,IACE,MAAM,YAAY,cAAc,UAAU,WAC1C,MAAM,YAAY,cAAc,UAAU,WAC1C,sBAAsB,GAGtB,OAD0B,OAAO,MAAM,UAAU,IAAI;GAUvD,uBAAsB,MANM,0BAC1B,WACA,gBACA,CAAC,cAAc,SAAS,CAC1B,EAAA,GAEsC,EAAE,EAAE,UAAU;GAGpD,OADE,OAAO,cAAc,UAAU,IAAI;EAEvC;EAEA,SAAS,QAAQ,QAAQ,WAAW,SAAS,CAAC,4BAA4B;EAC1E;EACA,WAAW;EACX,iBAAiB,QAAQ,UAAU,mBAAmB,KAAA;CACxD,CAAC;CAED,OAAO;EACL;EACA;CACF;AACF"}

package/dist/esm/hooks/useGasRecommendation.js

@@ -1,20 +1,20 @@
 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 { getGasRecommendation } from "@lifi/sdk";
 import { useQuery } from "@tanstack/react-query";
 //#region src/hooks/useGasRecommendation.ts
 const refetchInterval = 6e4;
 const useGasRecommendation = (toChainId, fromChain, fromToken) => {
 	const { chains } = useAvailableChains();
-	const { keyPrefix, hiddenUI } = useWidgetConfig();
+	const { storageScopeKey, hiddenUI } = useWidgetConfig();
 	const sdkClient = useSDKClient();
 	const checkRecommendationLiFuel = Boolean(toChainId) && Boolean(fromChain) && Boolean(fromToken) && Boolean(chains?.length);
 	const checkRecommendationMaxButton = Boolean(toChainId) && !fromChain && !fromToken && Boolean(chains?.length);
 	return useQuery({
 		queryKey: [
-			getQueryKey("gas-recommendation", keyPrefix),
+			getQueryKey("gas-recommendation", storageScopeKey),
 			toChainId,
 			fromChain,
 			fromToken

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

@@ -1 +1 @@
-{"version":3,"file":"useGasRecommendation.js","names":[],"sources":["../../../src/hooks/useGasRecommendation.ts"],"sourcesContent":["import { type ChainId, getGasRecommendation } from '@lifi/sdk'\nimport type { UseQueryResult } from '@tanstack/react-query'\nimport { useQuery } from '@tanstack/react-query'\nimport { useSDKClient } from '../providers/SDKClientProvider.js'\nimport { useWidgetConfig } from '../providers/WidgetProvider/WidgetProvider.js'\nimport { getQueryKey } from '../utils/queries.js'\nimport { useAvailableChains } from './useAvailableChains.js'\n\nconst refetchInterval = 60_000\n\nexport const useGasRecommendation = (\n  toChainId?: ChainId,\n  fromChain?: ChainId,\n  fromToken?: string\n): UseQueryResult<Awaited<ReturnType<typeof getGasRecommendation>> | null> => {\n  const { chains } = useAvailableChains()\n  const { keyPrefix, hiddenUI } = useWidgetConfig()\n  const sdkClient = useSDKClient()\n\n  const checkRecommendationLiFuel =\n    Boolean(toChainId) &&\n    Boolean(fromChain) &&\n    Boolean(fromToken) &&\n    Boolean(chains?.length)\n\n  const checkRecommendationMaxButton =\n    Boolean(toChainId) && !fromChain && !fromToken && Boolean(chains?.length)\n\n  return useQuery({\n    queryKey: [\n      getQueryKey('gas-recommendation', keyPrefix),\n      toChainId,\n      fromChain,\n      fromToken,\n    ],\n    queryFn: async ({\n      queryKey: [_, toChainId, fromChain, fromToken],\n      signal,\n    }) => {\n      if (!chains?.some((chain) => chain.id === toChainId)) {\n        return null\n      }\n      const gasRecommendation = await getGasRecommendation(\n        sdkClient,\n        {\n          chainId: toChainId as ChainId,\n          fromChain: fromChain as ChainId,\n          fromToken: fromToken as string,\n        },\n        { signal }\n      )\n      return gasRecommendation\n    },\n    enabled:\n      (checkRecommendationLiFuel || checkRecommendationMaxButton) &&\n      !hiddenUI?.gasRefuelMessage,\n    refetchInterval,\n    staleTime: refetchInterval,\n  })\n}\n"],"mappings":";;;;;;;AAQA,MAAM,kBAAkB;AAExB,MAAa,wBACX,WACA,WACA,cAC4E;CAC5E,MAAM,EAAE,WAAW,mBAAmB;CACtC,MAAM,EAAE,WAAW,aAAa,gBAAgB;CAChD,MAAM,YAAY,aAAa;CAE/B,MAAM,4BACJ,QAAQ,SAAS,KACjB,QAAQ,SAAS,KACjB,QAAQ,SAAS,KACjB,QAAQ,QAAQ,MAAM;CAExB,MAAM,+BACJ,QAAQ,SAAS,KAAK,CAAC,aAAa,CAAC,aAAa,QAAQ,QAAQ,MAAM;CAE1E,OAAO,SAAS;EACd,UAAU;GACR,YAAY,sBAAsB,SAAS;GAC3C;GACA;GACA;EACF;EACA,SAAS,OAAO,EACd,UAAU,CAAC,GAAG,WAAW,WAAW,YACpC,aACI;GACJ,IAAI,CAAC,QAAQ,MAAM,UAAU,MAAM,OAAO,SAAS,GACjD,OAAO;GAWT,OAAO,MATyB,qBAC9B,WACA;IACE,SAAS;IACE;IACA;GACb,GACA,EAAE,OAAO,CACX;EAEF;EACA,UACG,6BAA6B,iCAC9B,CAAC,UAAU;EACb;EACA,WAAW;CACb,CAAC;AACH"}
+{"version":3,"file":"useGasRecommendation.js","names":[],"sources":["../../../src/hooks/useGasRecommendation.ts"],"sourcesContent":["import { type ChainId, getGasRecommendation } from '@lifi/sdk'\nimport type { UseQueryResult } from '@tanstack/react-query'\nimport { useQuery } from '@tanstack/react-query'\nimport { useSDKClient } from '../providers/SDKClientProvider.js'\nimport { useWidgetConfig } from '../providers/WidgetProvider/WidgetProvider.js'\nimport { getQueryKey } from '../utils/queries.js'\nimport { useAvailableChains } from './useAvailableChains.js'\n\nconst refetchInterval = 60_000\n\nexport const useGasRecommendation = (\n  toChainId?: ChainId,\n  fromChain?: ChainId,\n  fromToken?: string\n): UseQueryResult<Awaited<ReturnType<typeof getGasRecommendation>> | null> => {\n  const { chains } = useAvailableChains()\n  const { storageScopeKey, hiddenUI } = useWidgetConfig()\n  const sdkClient = useSDKClient()\n\n  const checkRecommendationLiFuel =\n    Boolean(toChainId) &&\n    Boolean(fromChain) &&\n    Boolean(fromToken) &&\n    Boolean(chains?.length)\n\n  const checkRecommendationMaxButton =\n    Boolean(toChainId) && !fromChain && !fromToken && Boolean(chains?.length)\n\n  return useQuery({\n    queryKey: [\n      getQueryKey('gas-recommendation', storageScopeKey),\n      toChainId,\n      fromChain,\n      fromToken,\n    ],\n    queryFn: async ({\n      queryKey: [_, toChainId, fromChain, fromToken],\n      signal,\n    }) => {\n      if (!chains?.some((chain) => chain.id === toChainId)) {\n        return null\n      }\n      const gasRecommendation = await getGasRecommendation(\n        sdkClient,\n        {\n          chainId: toChainId as ChainId,\n          fromChain: fromChain as ChainId,\n          fromToken: fromToken as string,\n        },\n        { signal }\n      )\n      return gasRecommendation\n    },\n    enabled:\n      (checkRecommendationLiFuel || checkRecommendationMaxButton) &&\n      !hiddenUI?.gasRefuelMessage,\n    refetchInterval,\n    staleTime: refetchInterval,\n  })\n}\n"],"mappings":";;;;;;;AAQA,MAAM,kBAAkB;AAExB,MAAa,wBACX,WACA,WACA,cAC4E;CAC5E,MAAM,EAAE,WAAW,mBAAmB;CACtC,MAAM,EAAE,iBAAiB,aAAa,gBAAgB;CACtD,MAAM,YAAY,aAAa;CAE/B,MAAM,4BACJ,QAAQ,SAAS,KACjB,QAAQ,SAAS,KACjB,QAAQ,SAAS,KACjB,QAAQ,QAAQ,MAAM;CAExB,MAAM,+BACJ,QAAQ,SAAS,KAAK,CAAC,aAAa,CAAC,aAAa,QAAQ,QAAQ,MAAM;CAE1E,OAAO,SAAS;EACd,UAAU;GACR,YAAY,sBAAsB,eAAe;GACjD;GACA;GACA;EACF;EACA,SAAS,OAAO,EACd,UAAU,CAAC,GAAG,WAAW,WAAW,YACpC,aACI;GACJ,IAAI,CAAC,QAAQ,MAAM,UAAU,MAAM,OAAO,SAAS,GACjD,OAAO;GAWT,OAAO,MATyB,qBAC9B,WACA;IACE,SAAS;IACE;IACA;GACb,GACA,EAAE,OAAO,CACX;EAEF;EACA,UACG,6BAA6B,iCAC9B,CAAC,UAAU;EACb;EACA,WAAW;CACb,CAAC;AACH"}

package/dist/esm/hooks/useGasRefuel.js

@@ -5,6 +5,7 @@ import { useGasRecommendation } from "./useGasRecommendation.js";
 import { useIsContractAddress } from "./useIsContractAddress.js";
 import { useTokenBalance } from "./useTokenBalance.js";
 import { useMemo } from "react";
+import { useAddressForChain } from "@lifi/widget-provider";
 import { useAccount } from "@lifi/wallet-management";
 //#region src/hooks/useGasRefuel.ts
 const useGasRefuel = () => {
@@ -14,7 +15,9 @@ const useGasRefuel = () => {
 	const toChain = getChainById(toChainId);
 	const fromChain = getChainById(fromChainId);
 	const { account: toAccount } = useAccount({ chainType: toChain?.chainType });
-	const effectiveToAddress = toAddress || toAccount?.address;
+	const { isAddressForChain } = useAddressForChain();
+	const toAccountAddress = toAccount?.address && toChain && isAddressForChain(toAccount.address, toChain) ? toAccount.address : void 0;
+	const effectiveToAddress = toAddress || toAccountAddress;
 	const { isContractAddress: isToContractAddress } = useIsContractAddress(effectiveToAddress, toChainId, toChain?.chainType);
 	const { token: destinationNativeToken } = useTokenBalance(effectiveToAddress, toChainId ? toChain?.nativeToken : void 0);
 	const { data: gasRecommendation, isLoading } = useGasRecommendation(toChainId, fromChainId, fromTokenAddress);

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

@@ -1 +1 @@
-{"version":3,"file":"useGasRefuel.js","names":[],"sources":["../../../src/hooks/useGasRefuel.ts"],"sourcesContent":["import type { ExtendedChain } from '@lifi/sdk'\nimport { useAccount } from '@lifi/wallet-management'\nimport { useMemo } from 'react'\nimport { useWidgetConfig } from '../providers/WidgetProvider/WidgetProvider.js'\nimport { useFieldValues } from '../stores/form/useFieldValues.js'\nimport { useAvailableChains } from './useAvailableChains.js'\nimport { useGasRecommendation } from './useGasRecommendation.js'\nimport { useIsContractAddress } from './useIsContractAddress.js'\nimport { useTokenBalance } from './useTokenBalance.js'\n\nexport const useGasRefuel = (): {\n  enabled: boolean\n  availble: boolean | undefined\n  isLoading: boolean\n  chain: ExtendedChain | undefined\n  fromAmount: string | undefined\n} => {\n  const { getChainById } = useAvailableChains()\n  const { hiddenUI } = useWidgetConfig()\n  const [fromChainId, fromTokenAddress, toChainId, toAddress] = useFieldValues(\n    'fromChain',\n    'fromToken',\n    'toChain',\n    'toAddress'\n  )\n\n  const toChain = getChainById(toChainId)\n  const fromChain = getChainById(fromChainId)\n\n  const { account: toAccount } = useAccount({ chainType: toChain?.chainType })\n\n  const effectiveToAddress = toAddress || toAccount?.address\n\n  const { isContractAddress: isToContractAddress } = useIsContractAddress(\n    effectiveToAddress,\n    toChainId,\n    toChain?.chainType\n  )\n\n  const { token: destinationNativeToken } = useTokenBalance(\n    effectiveToAddress,\n    toChainId ? toChain?.nativeToken : undefined\n  )\n\n  const { data: gasRecommendation, isLoading } = useGasRecommendation(\n    toChainId,\n    fromChainId,\n    fromTokenAddress\n  )\n\n  // When we bridge between ecosystems we need to be sure toAddress is set\n  const isChainTypeSatisfied =\n    fromChain?.chainType !== toChain?.chainType ? Boolean(toAddress) : true\n\n  // We should not refuel to the contract address\n  const isToAddressSatisfied = effectiveToAddress && !isToContractAddress\n\n  const enabled = useMemo(() => {\n    if (\n      // Same chain refuel is not allowed since users need gas on source chain to initiate transaction\n      // We allow refuel when bridging to native token since bridging routes may require gas for destination swaps\n      fromChainId === toChainId ||\n      !gasRecommendation?.available ||\n      !gasRecommendation?.recommended ||\n      !destinationNativeToken ||\n      !isChainTypeSatisfied ||\n      !isToAddressSatisfied ||\n      hiddenUI?.gasRefuelMessage\n    ) {\n      return false\n    }\n    const tokenBalance = destinationNativeToken.amount ?? 0n\n\n    // Check if the user balance < 50% of the recommended amount\n    const recommendedAmount = BigInt(gasRecommendation.recommended.amount) / 2n\n\n    const insufficientGas = tokenBalance < recommendedAmount\n    return insufficientGas\n  }, [\n    fromChainId,\n    gasRecommendation,\n    isChainTypeSatisfied,\n    isToAddressSatisfied,\n    destinationNativeToken,\n    toChainId,\n    hiddenUI,\n  ])\n\n  return {\n    enabled: enabled,\n    availble: gasRecommendation?.available,\n    isLoading: isLoading,\n    chain: toChain,\n    fromAmount: gasRecommendation?.available\n      ? gasRecommendation.fromAmount\n      : undefined,\n  }\n}\n"],"mappings":";;;;;;;;;AAUA,MAAa,qBAMR;CACH,MAAM,EAAE,iBAAiB,mBAAmB;CAC5C,MAAM,EAAE,aAAa,gBAAgB;CACrC,MAAM,CAAC,aAAa,kBAAkB,WAAW,aAAa,eAC5D,aACA,aACA,WACA,WACF;CAEA,MAAM,UAAU,aAAa,SAAS;CACtC,MAAM,YAAY,aAAa,WAAW;CAE1C,MAAM,EAAE,SAAS,cAAc,WAAW,EAAE,WAAW,SAAS,UAAU,CAAC;CAE3E,MAAM,qBAAqB,aAAa,WAAW;CAEnD,MAAM,EAAE,mBAAmB,wBAAwB,qBACjD,oBACA,WACA,SAAS,SACX;CAEA,MAAM,EAAE,OAAO,2BAA2B,gBACxC,oBACA,YAAY,SAAS,cAAc,KAAA,CACrC;CAEA,MAAM,EAAE,MAAM,mBAAmB,cAAc,qBAC7C,WACA,aACA,gBACF;CAGA,MAAM,uBACJ,WAAW,cAAc,SAAS,YAAY,QAAQ,SAAS,IAAI;CAGrE,MAAM,uBAAuB,sBAAsB,CAAC;CAiCpD,OAAO;EACL,SAhCc,cAAc;GAC5B,IAGE,gBAAgB,aAChB,CAAC,mBAAmB,aACpB,CAAC,mBAAmB,eACpB,CAAC,0BACD,CAAC,wBACD,CAAC,wBACD,UAAU,kBAEV,OAAO;GAQT,QANqB,uBAAuB,UAAU,MAG5B,OAAO,kBAAkB,YAAY,MAAM,IAAI;EAI3E,GAAG;GACD;GACA;GACA;GACA;GACA;GACA;GACA;EACF,CAGiB;EACf,UAAU,mBAAmB;EAClB;EACX,OAAO;EACP,YAAY,mBAAmB,YAC3B,kBAAkB,aAClB,KAAA;CACN;AACF"}
+{"version":3,"file":"useGasRefuel.js","names":[],"sources":["../../../src/hooks/useGasRefuel.ts"],"sourcesContent":["import type { ExtendedChain } from '@lifi/sdk'\nimport { useAccount } from '@lifi/wallet-management'\nimport { useAddressForChain } from '@lifi/widget-provider'\nimport { useMemo } from 'react'\nimport { useWidgetConfig } from '../providers/WidgetProvider/WidgetProvider.js'\nimport { useFieldValues } from '../stores/form/useFieldValues.js'\nimport { useAvailableChains } from './useAvailableChains.js'\nimport { useGasRecommendation } from './useGasRecommendation.js'\nimport { useIsContractAddress } from './useIsContractAddress.js'\nimport { useTokenBalance } from './useTokenBalance.js'\n\nexport const useGasRefuel = (): {\n  enabled: boolean\n  availble: boolean | undefined\n  isLoading: boolean\n  chain: ExtendedChain | undefined\n  fromAmount: string | undefined\n} => {\n  const { getChainById } = useAvailableChains()\n  const { hiddenUI } = useWidgetConfig()\n  const [fromChainId, fromTokenAddress, toChainId, toAddress] = useFieldValues(\n    'fromChain',\n    'fromToken',\n    'toChain',\n    'toAddress'\n  )\n\n  const toChain = getChainById(toChainId)\n  const fromChain = getChainById(fromChainId)\n\n  const { account: toAccount } = useAccount({ chainType: toChain?.chainType })\n  const { isAddressForChain } = useAddressForChain()\n\n  // A shared chain type is not a shared format: a Bitcoin account cannot receive on ZEC.\n  const toAccountAddress =\n    toAccount?.address &&\n    toChain &&\n    isAddressForChain(toAccount.address, toChain)\n      ? toAccount.address\n      : undefined\n\n  const effectiveToAddress = toAddress || toAccountAddress\n\n  const { isContractAddress: isToContractAddress } = useIsContractAddress(\n    effectiveToAddress,\n    toChainId,\n    toChain?.chainType\n  )\n\n  const { token: destinationNativeToken } = useTokenBalance(\n    effectiveToAddress,\n    toChainId ? toChain?.nativeToken : undefined\n  )\n\n  const { data: gasRecommendation, isLoading } = useGasRecommendation(\n    toChainId,\n    fromChainId,\n    fromTokenAddress\n  )\n\n  // When we bridge between ecosystems we need to be sure toAddress is set\n  const isChainTypeSatisfied =\n    fromChain?.chainType !== toChain?.chainType ? Boolean(toAddress) : true\n\n  // We should not refuel to the contract address\n  const isToAddressSatisfied = effectiveToAddress && !isToContractAddress\n\n  const enabled = useMemo(() => {\n    if (\n      // Same chain refuel is not allowed since users need gas on source chain to initiate transaction\n      // We allow refuel when bridging to native token since bridging routes may require gas for destination swaps\n      fromChainId === toChainId ||\n      !gasRecommendation?.available ||\n      !gasRecommendation?.recommended ||\n      !destinationNativeToken ||\n      !isChainTypeSatisfied ||\n      !isToAddressSatisfied ||\n      hiddenUI?.gasRefuelMessage\n    ) {\n      return false\n    }\n    const tokenBalance = destinationNativeToken.amount ?? 0n\n\n    // Check if the user balance < 50% of the recommended amount\n    const recommendedAmount = BigInt(gasRecommendation.recommended.amount) / 2n\n\n    const insufficientGas = tokenBalance < recommendedAmount\n    return insufficientGas\n  }, [\n    fromChainId,\n    gasRecommendation,\n    isChainTypeSatisfied,\n    isToAddressSatisfied,\n    destinationNativeToken,\n    toChainId,\n    hiddenUI,\n  ])\n\n  return {\n    enabled: enabled,\n    availble: gasRecommendation?.available,\n    isLoading: isLoading,\n    chain: toChain,\n    fromAmount: gasRecommendation?.available\n      ? gasRecommendation.fromAmount\n      : undefined,\n  }\n}\n"],"mappings":";;;;;;;;;;AAWA,MAAa,qBAMR;CACH,MAAM,EAAE,iBAAiB,mBAAmB;CAC5C,MAAM,EAAE,aAAa,gBAAgB;CACrC,MAAM,CAAC,aAAa,kBAAkB,WAAW,aAAa,eAC5D,aACA,aACA,WACA,WACF;CAEA,MAAM,UAAU,aAAa,SAAS;CACtC,MAAM,YAAY,aAAa,WAAW;CAE1C,MAAM,EAAE,SAAS,cAAc,WAAW,EAAE,WAAW,SAAS,UAAU,CAAC;CAC3E,MAAM,EAAE,sBAAsB,mBAAmB;CAGjD,MAAM,mBACJ,WAAW,WACX,WACA,kBAAkB,UAAU,SAAS,OAAO,IACxC,UAAU,UACV,KAAA;CAEN,MAAM,qBAAqB,aAAa;CAExC,MAAM,EAAE,mBAAmB,wBAAwB,qBACjD,oBACA,WACA,SAAS,SACX;CAEA,MAAM,EAAE,OAAO,2BAA2B,gBACxC,oBACA,YAAY,SAAS,cAAc,KAAA,CACrC;CAEA,MAAM,EAAE,MAAM,mBAAmB,cAAc,qBAC7C,WACA,aACA,gBACF;CAGA,MAAM,uBACJ,WAAW,cAAc,SAAS,YAAY,QAAQ,SAAS,IAAI;CAGrE,MAAM,uBAAuB,sBAAsB,CAAC;CAiCpD,OAAO;EACL,SAhCc,cAAc;GAC5B,IAGE,gBAAgB,aAChB,CAAC,mBAAmB,aACpB,CAAC,mBAAmB,eACpB,CAAC,0BACD,CAAC,wBACD,CAAC,wBACD,UAAU,kBAEV,OAAO;GAQT,QANqB,uBAAuB,UAAU,MAG5B,OAAO,kBAAkB,YAAY,MAAM,IAAI;EAI3E,GAAG;GACD;GACA;GACA;GACA;GACA;GACA;GACA;EACF,CAGiB;EACf,UAAU,mBAAmB;EAClB;EACX,OAAO;EACP,YAAY,mBAAmB,YAC3B,kBAAkB,aAClB,KAAA;CACN;AACF"}

package/dist/esm/hooks/useGasSufficiency.js

@@ -1,7 +1,7 @@
 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 { useIsContractAddress } from "./useIsContractAddress.js";
 import { getTokenBalancesWithRetry } from "./useTokenBalance.js";
 import { getSelfFundedGasAmount } from "../utils/gas.js";
@@ -14,7 +14,7 @@ const refetchInterval = 3e4;
 const useGasSufficiency = (route) => {
 	const { getChainById } = useAvailableChains();
 	const { account: EVMAccount, accounts } = useAccount({ chainType: ChainType.EVM });
-	const { keyPrefix, hiddenUI } = useWidgetConfig();
+	const { storageScopeKey, hiddenUI } = useWidgetConfig();
 	const sdkClient = useSDKClient();
 	const { relevantAccounts, relevantAccountsQueryKey } = useMemo(() => {
 		const chainTypes = route?.steps.reduce((acc, step) => {
@@ -35,7 +35,7 @@ const useGasSufficiency = (route) => {
 	const { isContractAddress, isLoading: isContractAddressLoading } = useIsContractAddress(EVMAccount.address, route?.fromChainId, EVMAccount.chainType);
 	const { data: insufficientGas, isLoading } = useQuery({
 		queryKey: [
-			getQueryKey("gas-sufficiency-check", keyPrefix),
+			getQueryKey("gas-sufficiency-check", storageScopeKey),
 			relevantAccountsQueryKey,
 			route?.id,
 			isContractAddress

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

@@ -1 +1 @@
-{"version":3,"file":"useGasSufficiency.js","names":[],"sources":["../../../src/hooks/useGasSufficiency.ts"],"sourcesContent":["import type { EVMChain, RouteExtended, Token, TokenAmount } from '@lifi/sdk'\nimport { ChainType } from '@lifi/sdk'\nimport { useAccount } from '@lifi/wallet-management'\nimport { useQuery } from '@tanstack/react-query'\nimport { useMemo } from 'react'\nimport { useSDKClient } from '../providers/SDKClientProvider.js'\nimport { useWidgetConfig } from '../providers/WidgetProvider/WidgetProvider.js'\nimport { getSelfFundedGasAmount } from '../utils/gas.js'\nimport { getQueryKey } from '../utils/queries.js'\nimport { useAvailableChains } from './useAvailableChains.js'\nimport { useIsContractAddress } from './useIsContractAddress.js'\nimport { getTokenBalancesWithRetry } from './useTokenBalance.js'\n\nexport interface GasSufficiency {\n  gasAmount: bigint\n  tokenAmount?: bigint\n  insufficientAmount?: bigint\n  insufficient?: boolean\n  token: Token\n  chain?: EVMChain\n}\n\nconst refetchInterval = 30_000\n\nexport const useGasSufficiency = (\n  route?: RouteExtended\n): {\n  insufficientGas: GasSufficiency[] | undefined\n  isLoading: boolean\n} => {\n  const { getChainById } = useAvailableChains()\n  const { account: EVMAccount, accounts } = useAccount({\n    chainType: ChainType.EVM,\n  })\n  const { keyPrefix, hiddenUI } = useWidgetConfig()\n  const sdkClient = useSDKClient()\n\n  const { relevantAccounts, relevantAccountsQueryKey } = useMemo(() => {\n    const chainTypes = route?.steps.reduce((acc, step) => {\n      const chainType = getChainById(step.action.fromChainId)?.chainType\n      if (chainType) {\n        acc.add(chainType)\n      }\n      return acc\n    }, new Set<ChainType>())\n\n    const relevantAccounts = accounts.filter(\n      (account) =>\n        account.isConnected &&\n        account.address &&\n        chainTypes?.has(account.chainType)\n    )\n    return {\n      relevantAccounts,\n      relevantAccountsQueryKey: relevantAccounts\n        .map((account) => account.address)\n        .join(','),\n    }\n  }, [accounts, route?.steps, getChainById])\n\n  const { isContractAddress, isLoading: isContractAddressLoading } =\n    useIsContractAddress(\n      EVMAccount.address,\n      route?.fromChainId,\n      EVMAccount.chainType\n    )\n\n  const { data: insufficientGas, isLoading } = useQuery<GasSufficiency[]>({\n    queryKey: [\n      getQueryKey('gas-sufficiency-check', keyPrefix),\n      relevantAccountsQueryKey,\n      route?.id,\n      isContractAddress,\n    ] as const,\n    queryFn: async () => {\n      if (!route) {\n        return []\n      }\n\n      // Filter out steps that are relayer steps or have primaryType 'Permit' or 'Order'\n      const filteredSteps = route.steps.filter(\n        (step) =>\n          !step.typedData?.some(\n            (t) => t.primaryType === 'Permit' || t.primaryType === 'Order'\n          )\n      )\n\n      // If all steps are filtered out, we don't need to check for gas sufficiency\n      if (!filteredSteps.length) {\n        return []\n      }\n\n      // We assume that LI.Fuel protocol always refuels the destination chain\n      const hasRefuelStep = route.steps\n        .flatMap((step) => step.includedSteps)\n        .some((includedStep) => includedStep.tool === 'gasZip')\n\n      const gasCosts = filteredSteps\n        .filter((step) => step.execution?.status !== 'DONE')\n        .reduce(\n          (groupedGasCosts, step) => {\n            // We need to avoid destination chain step sufficiency check if we have LI.Fuel protocol sub-step\n            const skipDueToRefuel =\n              step.action.fromChainId === route.toChainId && hasRefuelStep\n            if (step.estimate.gasCosts && !skipDueToRefuel) {\n              const { token } = step.estimate.gasCosts[0]\n              const gasCostAmount = step.estimate.gasCosts.reduce(\n                (amount, gasCost) =>\n                  amount + BigInt(Number(gasCost.amount).toFixed(0)),\n                0n\n              )\n              // A previous step can deliver this step's gas token (XLM bridged to\n              // Stellar), so the user does not have to hold it up front\n              const selfFundedGasAmount = getSelfFundedGasAmount(\n                route,\n                step,\n                getChainById(token.chainId)?.chainType\n              )\n              if (gasCostAmount > 0n && gasCostAmount > selfFundedGasAmount) {\n                groupedGasCosts[token.chainId] = {\n                  gasAmount: groupedGasCosts[token.chainId]\n                    ? groupedGasCosts[token.chainId].gasAmount + gasCostAmount\n                    : gasCostAmount,\n                  token,\n                  chain: getChainById(token.chainId),\n                }\n              }\n            }\n            // Add fees paid in native tokens to gas sufficiency check (included: false)\n            const nonIncludedFeeCosts = step.estimate.feeCosts?.filter(\n              (feeCost) => !feeCost.included\n            )\n            if (nonIncludedFeeCosts?.length) {\n              const { token } = nonIncludedFeeCosts[0]\n              const feeCostAmount = nonIncludedFeeCosts.reduce(\n                (amount, feeCost) =>\n                  amount + BigInt(Number(feeCost.amount).toFixed(0)),\n                0n\n              )\n              if (feeCostAmount > 0n) {\n                groupedGasCosts[token.chainId] = {\n                  gasAmount: groupedGasCosts[token.chainId]\n                    ? groupedGasCosts[token.chainId].gasAmount + feeCostAmount\n                    : feeCostAmount,\n                  token,\n                  chain: getChainById(token.chainId),\n                }\n              }\n            }\n            return groupedGasCosts\n          },\n          {} as Record<string, GasSufficiency>\n        )\n\n      // Check whether we are sending a native token\n      // For native tokens we want to check for the total amount, including the network fee\n      if (\n        route.fromToken.address === gasCosts[route.fromChainId]?.token.address\n      ) {\n        gasCosts[route.fromChainId].tokenAmount =\n          gasCosts[route.fromChainId]?.gasAmount + BigInt(route.fromAmount)\n      }\n\n      const gasCostsValues = Object.values(gasCosts)\n\n      const balanceChecks = await Promise.allSettled(\n        relevantAccounts.map((account) => {\n          const relevantTokens = gasCostsValues\n            .filter((gasCost) => gasCost.chain?.chainType === account.chainType)\n            .map((item) => item.token)\n\n          return getTokenBalancesWithRetry(\n            sdkClient,\n            account.address!,\n            relevantTokens\n          )\n        })\n      )\n\n      const tokenBalances = balanceChecks\n        .filter(\n          (result): result is PromiseFulfilledResult<TokenAmount[]> =>\n            result.status === 'fulfilled' && Boolean(result.value)\n        )\n        .flatMap((result) => result.value)\n\n      if (!tokenBalances?.length) {\n        return []\n      }\n\n      Object.keys(gasCosts).forEach((chainId) => {\n        if (gasCosts[chainId]) {\n          const gasTokenBalance =\n            tokenBalances?.find(\n              (t) =>\n                t.chainId === gasCosts[chainId].token.chainId &&\n                t.address === gasCosts[chainId].token.address\n            )?.amount ?? 0n\n          const insufficient =\n            gasTokenBalance <= 0n ||\n            gasTokenBalance < gasCosts[chainId].gasAmount ||\n            gasTokenBalance < (gasCosts[chainId].tokenAmount ?? 0n)\n\n          const insufficientAmount = insufficient\n            ? gasCosts[chainId].tokenAmount\n              ? gasCosts[chainId].tokenAmount! - gasTokenBalance\n              : gasCosts[chainId].gasAmount - gasTokenBalance\n            : undefined\n\n          gasCosts[chainId] = {\n            ...gasCosts[chainId],\n            insufficient,\n            insufficientAmount,\n            chain: insufficient ? getChainById(Number(chainId)) : undefined,\n          }\n        }\n      })\n\n      const gasCostResult = Object.values(gasCosts).filter(\n        (gasCost) => gasCost.insufficient\n      )\n\n      return gasCostResult\n    },\n\n    enabled: Boolean(\n      !isContractAddress &&\n        !isContractAddressLoading &&\n        relevantAccounts.length > 0 &&\n        route &&\n        !hiddenUI?.insufficientGasMessage\n    ),\n    refetchInterval,\n    staleTime: refetchInterval,\n  })\n\n  return {\n    insufficientGas,\n    isLoading,\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"useGasSufficiency.js","names":[],"sources":["../../../src/hooks/useGasSufficiency.ts"],"sourcesContent":["import type { EVMChain, RouteExtended, Token, TokenAmount } from '@lifi/sdk'\nimport { ChainType } from '@lifi/sdk'\nimport { useAccount } from '@lifi/wallet-management'\nimport { useQuery } from '@tanstack/react-query'\nimport { useMemo } from 'react'\nimport { useSDKClient } from '../providers/SDKClientProvider.js'\nimport { useWidgetConfig } from '../providers/WidgetProvider/WidgetProvider.js'\nimport { getSelfFundedGasAmount } from '../utils/gas.js'\nimport { getQueryKey } from '../utils/queries.js'\nimport { useAvailableChains } from './useAvailableChains.js'\nimport { useIsContractAddress } from './useIsContractAddress.js'\nimport { getTokenBalancesWithRetry } from './useTokenBalance.js'\n\nexport interface GasSufficiency {\n  gasAmount: bigint\n  tokenAmount?: bigint\n  insufficientAmount?: bigint\n  insufficient?: boolean\n  token: Token\n  chain?: EVMChain\n}\n\nconst refetchInterval = 30_000\n\nexport const useGasSufficiency = (\n  route?: RouteExtended\n): {\n  insufficientGas: GasSufficiency[] | undefined\n  isLoading: boolean\n} => {\n  const { getChainById } = useAvailableChains()\n  const { account: EVMAccount, accounts } = useAccount({\n    chainType: ChainType.EVM,\n  })\n  const { storageScopeKey, hiddenUI } = useWidgetConfig()\n  const sdkClient = useSDKClient()\n\n  const { relevantAccounts, relevantAccountsQueryKey } = useMemo(() => {\n    const chainTypes = route?.steps.reduce((acc, step) => {\n      const chainType = getChainById(step.action.fromChainId)?.chainType\n      if (chainType) {\n        acc.add(chainType)\n      }\n      return acc\n    }, new Set<ChainType>())\n\n    const relevantAccounts = accounts.filter(\n      (account) =>\n        account.isConnected &&\n        account.address &&\n        chainTypes?.has(account.chainType)\n    )\n    return {\n      relevantAccounts,\n      relevantAccountsQueryKey: relevantAccounts\n        .map((account) => account.address)\n        .join(','),\n    }\n  }, [accounts, route?.steps, getChainById])\n\n  const { isContractAddress, isLoading: isContractAddressLoading } =\n    useIsContractAddress(\n      EVMAccount.address,\n      route?.fromChainId,\n      EVMAccount.chainType\n    )\n\n  const { data: insufficientGas, isLoading } = useQuery<GasSufficiency[]>({\n    queryKey: [\n      getQueryKey('gas-sufficiency-check', storageScopeKey),\n      relevantAccountsQueryKey,\n      route?.id,\n      isContractAddress,\n    ] as const,\n    queryFn: async () => {\n      if (!route) {\n        return []\n      }\n\n      // Filter out steps that are relayer steps or have primaryType 'Permit' or 'Order'\n      const filteredSteps = route.steps.filter(\n        (step) =>\n          !step.typedData?.some(\n            (t) => t.primaryType === 'Permit' || t.primaryType === 'Order'\n          )\n      )\n\n      // If all steps are filtered out, we don't need to check for gas sufficiency\n      if (!filteredSteps.length) {\n        return []\n      }\n\n      // We assume that LI.Fuel protocol always refuels the destination chain\n      const hasRefuelStep = route.steps\n        .flatMap((step) => step.includedSteps)\n        .some((includedStep) => includedStep.tool === 'gasZip')\n\n      const gasCosts = filteredSteps\n        .filter((step) => step.execution?.status !== 'DONE')\n        .reduce(\n          (groupedGasCosts, step) => {\n            // We need to avoid destination chain step sufficiency check if we have LI.Fuel protocol sub-step\n            const skipDueToRefuel =\n              step.action.fromChainId === route.toChainId && hasRefuelStep\n            if (step.estimate.gasCosts && !skipDueToRefuel) {\n              const { token } = step.estimate.gasCosts[0]\n              const gasCostAmount = step.estimate.gasCosts.reduce(\n                (amount, gasCost) =>\n                  amount + BigInt(Number(gasCost.amount).toFixed(0)),\n                0n\n              )\n              // A previous step can deliver this step's gas token (XLM bridged to\n              // Stellar), so the user does not have to hold it up front\n              const selfFundedGasAmount = getSelfFundedGasAmount(\n                route,\n                step,\n                getChainById(token.chainId)?.chainType\n              )\n              if (gasCostAmount > 0n && gasCostAmount > selfFundedGasAmount) {\n                groupedGasCosts[token.chainId] = {\n                  gasAmount: groupedGasCosts[token.chainId]\n                    ? groupedGasCosts[token.chainId].gasAmount + gasCostAmount\n                    : gasCostAmount,\n                  token,\n                  chain: getChainById(token.chainId),\n                }\n              }\n            }\n            // Add fees paid in native tokens to gas sufficiency check (included: false)\n            const nonIncludedFeeCosts = step.estimate.feeCosts?.filter(\n              (feeCost) => !feeCost.included\n            )\n            if (nonIncludedFeeCosts?.length) {\n              const { token } = nonIncludedFeeCosts[0]\n              const feeCostAmount = nonIncludedFeeCosts.reduce(\n                (amount, feeCost) =>\n                  amount + BigInt(Number(feeCost.amount).toFixed(0)),\n                0n\n              )\n              if (feeCostAmount > 0n) {\n                groupedGasCosts[token.chainId] = {\n                  gasAmount: groupedGasCosts[token.chainId]\n                    ? groupedGasCosts[token.chainId].gasAmount + feeCostAmount\n                    : feeCostAmount,\n                  token,\n                  chain: getChainById(token.chainId),\n                }\n              }\n            }\n            return groupedGasCosts\n          },\n          {} as Record<string, GasSufficiency>\n        )\n\n      // Check whether we are sending a native token\n      // For native tokens we want to check for the total amount, including the network fee\n      if (\n        route.fromToken.address === gasCosts[route.fromChainId]?.token.address\n      ) {\n        gasCosts[route.fromChainId].tokenAmount =\n          gasCosts[route.fromChainId]?.gasAmount + BigInt(route.fromAmount)\n      }\n\n      const gasCostsValues = Object.values(gasCosts)\n\n      const balanceChecks = await Promise.allSettled(\n        relevantAccounts.map((account) => {\n          const relevantTokens = gasCostsValues\n            .filter((gasCost) => gasCost.chain?.chainType === account.chainType)\n            .map((item) => item.token)\n\n          return getTokenBalancesWithRetry(\n            sdkClient,\n            account.address!,\n            relevantTokens\n          )\n        })\n      )\n\n      const tokenBalances = balanceChecks\n        .filter(\n          (result): result is PromiseFulfilledResult<TokenAmount[]> =>\n            result.status === 'fulfilled' && Boolean(result.value)\n        )\n        .flatMap((result) => result.value)\n\n      if (!tokenBalances?.length) {\n        return []\n      }\n\n      Object.keys(gasCosts).forEach((chainId) => {\n        if (gasCosts[chainId]) {\n          const gasTokenBalance =\n            tokenBalances?.find(\n              (t) =>\n                t.chainId === gasCosts[chainId].token.chainId &&\n                t.address === gasCosts[chainId].token.address\n            )?.amount ?? 0n\n          const insufficient =\n            gasTokenBalance <= 0n ||\n            gasTokenBalance < gasCosts[chainId].gasAmount ||\n            gasTokenBalance < (gasCosts[chainId].tokenAmount ?? 0n)\n\n          const insufficientAmount = insufficient\n            ? gasCosts[chainId].tokenAmount\n              ? gasCosts[chainId].tokenAmount! - gasTokenBalance\n              : gasCosts[chainId].gasAmount - gasTokenBalance\n            : undefined\n\n          gasCosts[chainId] = {\n            ...gasCosts[chainId],\n            insufficient,\n            insufficientAmount,\n            chain: insufficient ? getChainById(Number(chainId)) : undefined,\n          }\n        }\n      })\n\n      const gasCostResult = Object.values(gasCosts).filter(\n        (gasCost) => gasCost.insufficient\n      )\n\n      return gasCostResult\n    },\n\n    enabled: Boolean(\n      !isContractAddress &&\n        !isContractAddressLoading &&\n        relevantAccounts.length > 0 &&\n        route &&\n        !hiddenUI?.insufficientGasMessage\n    ),\n    refetchInterval,\n    staleTime: refetchInterval,\n  })\n\n  return {\n    insufficientGas,\n    isLoading,\n  }\n}\n"],"mappings":"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"}

package/dist/esm/hooks/useIsBatchingSupported.js

@@ -6,13 +6,13 @@ import { useQuery } from "@tanstack/react-query";
 import { useEthereumContext } from "@lifi/widget-provider";
 //#region src/hooks/useIsBatchingSupported.ts
 function useIsBatchingSupported(chain, address) {
-	const { keyPrefix } = useWidgetConfig();
+	const { storageScopeKey } = useWidgetConfig();
 	const sdkClient = useSDKClient();
 	const { isBatchingSupported } = useEthereumContext();
 	const enabled = Boolean(chain && chain.chainType === ChainType.EVM && !!address);
 	const { data, isLoading } = useQuery({
 		queryKey: [
-			getQueryKey("isBatchingSupported", keyPrefix),
+			getQueryKey("isBatchingSupported", storageScopeKey),
 			chain?.id,
 			address
 		],

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

@@ -1 +1 @@
-{"version":3,"file":"useIsBatchingSupported.js","names":[],"sources":["../../../src/hooks/useIsBatchingSupported.ts"],"sourcesContent":["import type { ExtendedChain } from '@lifi/sdk'\nimport { ChainType } from '@lifi/sdk'\nimport { useEthereumContext } from '@lifi/widget-provider'\nimport { useQuery } from '@tanstack/react-query'\nimport { useSDKClient } from '../providers/SDKClientProvider.js'\nimport { useWidgetConfig } from '../providers/WidgetProvider/WidgetProvider.js'\nimport { getQueryKey } from '../utils/queries.js'\n\nexport function useIsBatchingSupported(\n  chain?: ExtendedChain,\n  address?: string\n): {\n  isBatchingSupported: boolean | undefined\n  isBatchingSupportedLoading: boolean\n} {\n  const { keyPrefix } = useWidgetConfig()\n  const sdkClient = useSDKClient()\n  const { isBatchingSupported } = useEthereumContext()\n\n  const enabled = Boolean(\n    chain && chain.chainType === ChainType.EVM && !!address\n  )\n  const { data, isLoading } = useQuery({\n    queryKey: [\n      getQueryKey('isBatchingSupported', keyPrefix),\n      chain?.id,\n      address,\n    ],\n    queryFn: () => {\n      return (\n        isBatchingSupported?.(sdkClient, {\n          chainId: chain!.id,\n          skipReady: true,\n        }) ?? false\n      )\n    },\n    enabled,\n    staleTime: 3_600_000,\n    retry: false,\n  })\n\n  return {\n    isBatchingSupported: data,\n    isBatchingSupportedLoading: enabled && isLoading,\n  }\n}\n"],"mappings":";;;;;;;AAQA,SAAgB,uBACd,OACA,SAIA;CACA,MAAM,EAAE,cAAc,gBAAgB;CACtC,MAAM,YAAY,aAAa;CAC/B,MAAM,EAAE,wBAAwB,mBAAmB;CAEnD,MAAM,UAAU,QACd,SAAS,MAAM,cAAc,UAAU,OAAO,CAAC,CAAC,OAClD;CACA,MAAM,EAAE,MAAM,cAAc,SAAS;EACnC,UAAU;GACR,YAAY,uBAAuB,SAAS;GAC5C,OAAO;GACP;EACF;EACA,eAAe;GACb,OACE,sBAAsB,WAAW;IAC/B,SAAS,MAAO;IAChB,WAAW;GACb,CAAC,KAAK;EAEV;EACA;EACA,WAAW;EACX,OAAO;CACT,CAAC;CAED,OAAO;EACL,qBAAqB;EACrB,4BAA4B,WAAW;CACzC;AACF"}
+{"version":3,"file":"useIsBatchingSupported.js","names":[],"sources":["../../../src/hooks/useIsBatchingSupported.ts"],"sourcesContent":["import type { ExtendedChain } from '@lifi/sdk'\nimport { ChainType } from '@lifi/sdk'\nimport { useEthereumContext } from '@lifi/widget-provider'\nimport { useQuery } from '@tanstack/react-query'\nimport { useSDKClient } from '../providers/SDKClientProvider.js'\nimport { useWidgetConfig } from '../providers/WidgetProvider/WidgetProvider.js'\nimport { getQueryKey } from '../utils/queries.js'\n\nexport function useIsBatchingSupported(\n  chain?: ExtendedChain,\n  address?: string\n): {\n  isBatchingSupported: boolean | undefined\n  isBatchingSupportedLoading: boolean\n} {\n  const { storageScopeKey } = useWidgetConfig()\n  const sdkClient = useSDKClient()\n  const { isBatchingSupported } = useEthereumContext()\n\n  const enabled = Boolean(\n    chain && chain.chainType === ChainType.EVM && !!address\n  )\n  const { data, isLoading } = useQuery({\n    queryKey: [\n      getQueryKey('isBatchingSupported', storageScopeKey),\n      chain?.id,\n      address,\n    ],\n    queryFn: () => {\n      return (\n        isBatchingSupported?.(sdkClient, {\n          chainId: chain!.id,\n          skipReady: true,\n        }) ?? false\n      )\n    },\n    enabled,\n    staleTime: 3_600_000,\n    retry: false,\n  })\n\n  return {\n    isBatchingSupported: data,\n    isBatchingSupportedLoading: enabled && isLoading,\n  }\n}\n"],"mappings":";;;;;;;AAQA,SAAgB,uBACd,OACA,SAIA;CACA,MAAM,EAAE,oBAAoB,gBAAgB;CAC5C,MAAM,YAAY,aAAa;CAC/B,MAAM,EAAE,wBAAwB,mBAAmB;CAEnD,MAAM,UAAU,QACd,SAAS,MAAM,cAAc,UAAU,OAAO,CAAC,CAAC,OAClD;CACA,MAAM,EAAE,MAAM,cAAc,SAAS;EACnC,UAAU;GACR,YAAY,uBAAuB,eAAe;GAClD,OAAO;GACP;EACF;EACA,eAAe;GACb,OACE,sBAAsB,WAAW;IAC/B,SAAS,MAAO;IAChB,WAAW;GACb,CAAC,KAAK;EAEV;EACA;EACA,WAAW;EACX,OAAO;CACT,CAAC;CAED,OAAO;EACL,qBAAqB;EACrB,4BAA4B,WAAW;CACzC;AACF"}

package/dist/esm/hooks/useRouteExecution.js

@@ -2,9 +2,9 @@ import { useWidgetEvents } from "./useWidgetEvents.js";
 import "../types/events.js";
 import { useWidgetConfig } from "../providers/WidgetProvider/WidgetProvider.js";
 import { useSDKClient } from "../providers/SDKClientProvider.js";
-import { getQueryKey } from "../utils/queries.js";
 import { getUpdatedAction, isRouteActive, isRouteDone, isRouteFailed } from "../stores/routes/utils.js";
 import { useRouteExecutionStore, useRouteExecutionStoreContext } from "../stores/routes/RouteExecutionStore.js";
+import { getQueryKey } from "../utils/queries.js";
 import { executeRoute, resumeRoute, updateRouteExecution } from "@lifi/sdk";
 import { useCallback, useEffect, useRef } from "react";
 import { useMutation, useQueryClient } from "@tanstack/react-query";
@@ -14,7 +14,7 @@ const useRouteExecution = ({ routeId, executeInBackground, onAcceptExchangeRateU
 	const queryClient = useQueryClient();
 	const { account } = useAccount();
 	const resumedAfterMount = useRef(false);
-	const { keyPrefix } = useWidgetConfig();
+	const { storageScopeKey } = useWidgetConfig();
 	const sdkClient = useSDKClient();
 	const emitter = useWidgetEvents();
 	const routeExecutionStoreContext = useRouteExecutionStoreContext();
@@ -40,16 +40,16 @@ const useRouteExecution = ({ routeId, executeInBackground, onAcceptExchangeRateU
 		if (executionCompleted || executionFailed) {
 			const invalidateKeys = [
 				[
-					getQueryKey("token-balances", keyPrefix),
+					getQueryKey("token-balances", storageScopeKey),
 					clonedUpdatedRoute.fromAddress,
 					clonedUpdatedRoute.fromChainId
 				],
 				[
-					getQueryKey("token-balances", keyPrefix),
+					getQueryKey("token-balances", storageScopeKey),
 					clonedUpdatedRoute.toAddress,
 					clonedUpdatedRoute.toChainId
 				],
-				[getQueryKey("transaction-history", keyPrefix)]
+				[getQueryKey("transaction-history", storageScopeKey)]
 			];
 			for (const key of invalidateKeys) queryClient.invalidateQueries({
 				queryKey: key,
@@ -68,7 +68,7 @@ const useRouteExecution = ({ routeId, executeInBackground, onAcceptExchangeRateU
 			if (!account.isConnected) throw new Error("Account is not connected.");
 			if (!routeExecution?.route) throw new Error("Execution route not found.");
 			queryClient.removeQueries({
-				queryKey: [getQueryKey("routes", keyPrefix)],
+				queryKey: [getQueryKey("routes", storageScopeKey)],
 				exact: false
 			});
 			return executeRoute(sdkClient, routeExecution.route, {

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

@@ -1 +1 @@
-{"version":3,"file":"useRouteExecution.js","names":[],"sources":["../../../src/hooks/useRouteExecution.ts"],"sourcesContent":["import type { ExchangeRateUpdateParams, Route, RouteExtended } from '@lifi/sdk'\nimport { executeRoute, resumeRoute, updateRouteExecution } from '@lifi/sdk'\nimport { useAccount } from '@lifi/wallet-management'\nimport { useMutation, useQueryClient } from '@tanstack/react-query'\nimport { useCallback, useEffect, useRef } from 'react'\nimport { useSDKClient } from '../providers/SDKClientProvider.js'\nimport { useWidgetConfig } from '../providers/WidgetProvider/WidgetProvider.js'\nimport {\n  useRouteExecutionStore,\n  useRouteExecutionStoreContext,\n} from '../stores/routes/RouteExecutionStore.js'\nimport type { RouteExecutionStatus } from '../stores/routes/types.js'\nimport {\n  getUpdatedAction,\n  isRouteActive,\n  isRouteDone,\n  isRouteFailed,\n} from '../stores/routes/utils.js'\nimport { WidgetEvent } from '../types/events.js'\nimport { getQueryKey } from '../utils/queries.js'\nimport { useWidgetEvents } from './useWidgetEvents.js'\n\ninterface RouteExecutionProps {\n  routeId: string\n  executeInBackground?: boolean\n  onAcceptExchangeRateUpdate?(\n    resolver: (value: boolean) => void,\n    data: ExchangeRateUpdateParams\n  ): void\n}\n\nexport const useRouteExecution = ({\n  routeId,\n  executeInBackground,\n  onAcceptExchangeRateUpdate,\n}: RouteExecutionProps): {\n  executeRoute: () => void\n  restartRoute: () => void\n  deleteRoute: () => void\n  route: RouteExtended | undefined\n  status: RouteExecutionStatus | undefined\n} => {\n  const queryClient = useQueryClient()\n  const { account } = useAccount()\n  const resumedAfterMount = useRef(false)\n  const { keyPrefix } = useWidgetConfig()\n  const sdkClient = useSDKClient()\n  const emitter = useWidgetEvents()\n  const routeExecutionStoreContext = useRouteExecutionStoreContext()\n  const routeExecution = useRouteExecutionStore(\n    (state) => state.routes[routeId]\n  )\n  const [updateRoute, deleteRoute] = useRouteExecutionStore((state) => [\n    state.updateRoute,\n    state.deleteRoute,\n  ])\n\n  const updateRouteHook = (updatedRoute: Route) => {\n    const routeExecution =\n      routeExecutionStoreContext.getState().routes[updatedRoute.id]\n    if (!routeExecution) {\n      return\n    }\n    const clonedUpdatedRoute = structuredClone(updatedRoute)\n    updateRoute(clonedUpdatedRoute)\n    const action = getUpdatedAction(routeExecution.route, clonedUpdatedRoute)\n    if (action) {\n      emitter.emit(WidgetEvent.RouteExecutionUpdated, {\n        route: clonedUpdatedRoute,\n        action,\n      })\n    }\n    const executionCompleted = isRouteDone(clonedUpdatedRoute)\n    const executionFailed = isRouteFailed(clonedUpdatedRoute)\n    if (executionCompleted) {\n      emitter.emit(WidgetEvent.RouteExecutionCompleted, clonedUpdatedRoute)\n    }\n    if (executionFailed && action) {\n      emitter.emit(WidgetEvent.RouteExecutionFailed, {\n        route: clonedUpdatedRoute,\n        action,\n      })\n    }\n    if (executionCompleted || executionFailed) {\n      const invalidateKeys = [\n        [\n          getQueryKey('token-balances', keyPrefix),\n          clonedUpdatedRoute.fromAddress,\n          clonedUpdatedRoute.fromChainId,\n        ],\n        [\n          getQueryKey('token-balances', keyPrefix),\n          clonedUpdatedRoute.toAddress,\n          clonedUpdatedRoute.toChainId,\n        ],\n        [getQueryKey('transaction-history', keyPrefix)],\n      ]\n      for (const key of invalidateKeys) {\n        queryClient.invalidateQueries(\n          {\n            queryKey: key,\n            exact: false,\n            refetchType: 'all',\n          },\n          { cancelRefetch: false }\n        )\n      }\n    }\n    // biome-ignore lint/suspicious/noConsole: logs route information\n    console.log('Route updated.', clonedUpdatedRoute)\n  }\n\n  const acceptExchangeRateUpdateHook = async (\n    params: ExchangeRateUpdateParams\n  ) => {\n    if (!onAcceptExchangeRateUpdate) {\n      return false\n    }\n\n    const accepted = await new Promise<boolean>((resolve) =>\n      onAcceptExchangeRateUpdate(resolve, params)\n    )\n\n    return accepted\n  }\n\n  const executeRouteMutation = useMutation({\n    mutationFn: () => {\n      if (!account.isConnected) {\n        throw new Error('Account is not connected.')\n      }\n      if (!routeExecution?.route) {\n        throw new Error('Execution route not found.')\n      }\n      queryClient.removeQueries({\n        queryKey: [getQueryKey('routes', keyPrefix)],\n        exact: false,\n      })\n      return executeRoute(sdkClient, routeExecution.route, {\n        updateRouteHook,\n        acceptExchangeRateUpdateHook,\n        executeInBackground,\n        ...sdkClient.config?.executionOptions,\n      })\n    },\n    onMutate: () => {\n      // biome-ignore lint/suspicious/noConsole: logs route information\n      console.log('Execution started.', routeId)\n      if (routeExecution) {\n        emitter.emit(WidgetEvent.RouteExecutionStarted, routeExecution.route)\n      }\n    },\n    onError: (error) => {\n      console.warn('Execution failed!', routeId, error)\n    },\n    onSuccess: (route: Route) => {\n      // biome-ignore lint/suspicious/noConsole: logs route information\n      console.log('Executed successfully!', route)\n    },\n  })\n\n  const resumeRouteMutation = useMutation({\n    mutationFn: (args?: { route?: Route; executeInBackground?: boolean }) => {\n      if (!account.isConnected) {\n        throw new Error('Account is not connected.')\n      }\n      if (!routeExecution?.route) {\n        throw new Error('Execution route not found.')\n      }\n      return resumeRoute(sdkClient, args?.route ?? routeExecution.route, {\n        updateRouteHook,\n        acceptExchangeRateUpdateHook,\n        executeInBackground: args?.executeInBackground ?? executeInBackground,\n      })\n    },\n    onMutate: () => {\n      // biome-ignore lint/suspicious/noConsole: logs route information\n      console.log('Resumed to execution.', routeId)\n    },\n    onError: (error) => {\n      console.warn('Resumed execution failed.', routeId, error)\n    },\n    onSuccess: (route) => {\n      // biome-ignore lint/suspicious/noConsole: logs route information\n      console.log('Resumed execution successful.', route)\n    },\n  })\n\n  const _executeRoute = useCallback(() => {\n    executeRouteMutation.mutateAsync(undefined)\n  }, [executeRouteMutation])\n\n  const _resumeRoute = useCallback(\n    (route?: Route) => {\n      resumeRouteMutation.mutateAsync({ route })\n    },\n    [resumeRouteMutation]\n  )\n\n  const restartRouteMutation = useCallback(() => {\n    resumeRouteMutation.mutateAsync({\n      route: routeExecution?.route,\n      executeInBackground: false,\n    })\n  }, [resumeRouteMutation, routeExecution?.route])\n\n  // biome-ignore lint/correctness/useExhaustiveDependencies: run only when routeId changes\n  const deleteRouteMutation = useCallback(() => {\n    deleteRoute(routeId)\n  }, [routeId])\n\n  // Resume route execution after page reload\n  // biome-ignore lint/correctness/useExhaustiveDependencies: run only when routeId changes\n  useEffect(() => {\n    // Check if route is eligible for automatic resuming\n    const route = routeExecutionStoreContext.getState().routes[routeId]?.route\n    if (\n      isRouteActive(route) &&\n      account.isConnected &&\n      !resumedAfterMount.current\n    ) {\n      resumedAfterMount.current = true\n      _resumeRoute()\n    }\n\n    // Move execution to background on unmount\n    return () => {\n      const route = routeExecutionStoreContext.getState().routes[routeId]?.route\n      if (!route || !isRouteActive(route)) {\n        return\n      }\n      updateRouteExecution(route, { executeInBackground: true })\n      // biome-ignore lint/suspicious/noConsole: logs route information\n      console.log('Move route execution to background.', routeId)\n      resumedAfterMount.current = false\n    }\n  }, [account.isConnected, routeExecutionStoreContext, routeId])\n\n  return {\n    executeRoute: _executeRoute,\n    restartRoute: restartRouteMutation,\n    deleteRoute: deleteRouteMutation,\n    route: routeExecution?.route,\n    status: routeExecution?.status,\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"useRouteExecution.js","names":[],"sources":["../../../src/hooks/useRouteExecution.ts"],"sourcesContent":["import type { ExchangeRateUpdateParams, Route, RouteExtended } from '@lifi/sdk'\nimport { executeRoute, resumeRoute, updateRouteExecution } from '@lifi/sdk'\nimport { useAccount } from '@lifi/wallet-management'\nimport { useMutation, useQueryClient } from '@tanstack/react-query'\nimport { useCallback, useEffect, useRef } from 'react'\nimport { useSDKClient } from '../providers/SDKClientProvider.js'\nimport { useWidgetConfig } from '../providers/WidgetProvider/WidgetProvider.js'\nimport {\n  useRouteExecutionStore,\n  useRouteExecutionStoreContext,\n} from '../stores/routes/RouteExecutionStore.js'\nimport type { RouteExecutionStatus } from '../stores/routes/types.js'\nimport {\n  getUpdatedAction,\n  isRouteActive,\n  isRouteDone,\n  isRouteFailed,\n} from '../stores/routes/utils.js'\nimport { WidgetEvent } from '../types/events.js'\nimport { getQueryKey } from '../utils/queries.js'\nimport { useWidgetEvents } from './useWidgetEvents.js'\n\ninterface RouteExecutionProps {\n  routeId: string\n  executeInBackground?: boolean\n  onAcceptExchangeRateUpdate?(\n    resolver: (value: boolean) => void,\n    data: ExchangeRateUpdateParams\n  ): void\n}\n\nexport const useRouteExecution = ({\n  routeId,\n  executeInBackground,\n  onAcceptExchangeRateUpdate,\n}: RouteExecutionProps): {\n  executeRoute: () => void\n  restartRoute: () => void\n  deleteRoute: () => void\n  route: RouteExtended | undefined\n  status: RouteExecutionStatus | undefined\n} => {\n  const queryClient = useQueryClient()\n  const { account } = useAccount()\n  const resumedAfterMount = useRef(false)\n  const { storageScopeKey } = useWidgetConfig()\n  const sdkClient = useSDKClient()\n  const emitter = useWidgetEvents()\n  const routeExecutionStoreContext = useRouteExecutionStoreContext()\n  const routeExecution = useRouteExecutionStore(\n    (state) => state.routes[routeId]\n  )\n  const [updateRoute, deleteRoute] = useRouteExecutionStore((state) => [\n    state.updateRoute,\n    state.deleteRoute,\n  ])\n\n  const updateRouteHook = (updatedRoute: Route) => {\n    const routeExecution =\n      routeExecutionStoreContext.getState().routes[updatedRoute.id]\n    if (!routeExecution) {\n      return\n    }\n    const clonedUpdatedRoute = structuredClone(updatedRoute)\n    updateRoute(clonedUpdatedRoute)\n    const action = getUpdatedAction(routeExecution.route, clonedUpdatedRoute)\n    if (action) {\n      emitter.emit(WidgetEvent.RouteExecutionUpdated, {\n        route: clonedUpdatedRoute,\n        action,\n      })\n    }\n    const executionCompleted = isRouteDone(clonedUpdatedRoute)\n    const executionFailed = isRouteFailed(clonedUpdatedRoute)\n    if (executionCompleted) {\n      emitter.emit(WidgetEvent.RouteExecutionCompleted, clonedUpdatedRoute)\n    }\n    if (executionFailed && action) {\n      emitter.emit(WidgetEvent.RouteExecutionFailed, {\n        route: clonedUpdatedRoute,\n        action,\n      })\n    }\n    if (executionCompleted || executionFailed) {\n      const invalidateKeys = [\n        [\n          getQueryKey('token-balances', storageScopeKey),\n          clonedUpdatedRoute.fromAddress,\n          clonedUpdatedRoute.fromChainId,\n        ],\n        [\n          getQueryKey('token-balances', storageScopeKey),\n          clonedUpdatedRoute.toAddress,\n          clonedUpdatedRoute.toChainId,\n        ],\n        [getQueryKey('transaction-history', storageScopeKey)],\n      ]\n      for (const key of invalidateKeys) {\n        queryClient.invalidateQueries(\n          {\n            queryKey: key,\n            exact: false,\n            refetchType: 'all',\n          },\n          { cancelRefetch: false }\n        )\n      }\n    }\n    // biome-ignore lint/suspicious/noConsole: logs route information\n    console.log('Route updated.', clonedUpdatedRoute)\n  }\n\n  const acceptExchangeRateUpdateHook = async (\n    params: ExchangeRateUpdateParams\n  ) => {\n    if (!onAcceptExchangeRateUpdate) {\n      return false\n    }\n\n    const accepted = await new Promise<boolean>((resolve) =>\n      onAcceptExchangeRateUpdate(resolve, params)\n    )\n\n    return accepted\n  }\n\n  const executeRouteMutation = useMutation({\n    mutationFn: () => {\n      if (!account.isConnected) {\n        throw new Error('Account is not connected.')\n      }\n      if (!routeExecution?.route) {\n        throw new Error('Execution route not found.')\n      }\n      queryClient.removeQueries({\n        queryKey: [getQueryKey('routes', storageScopeKey)],\n        exact: false,\n      })\n      return executeRoute(sdkClient, routeExecution.route, {\n        updateRouteHook,\n        acceptExchangeRateUpdateHook,\n        executeInBackground,\n        ...sdkClient.config?.executionOptions,\n      })\n    },\n    onMutate: () => {\n      // biome-ignore lint/suspicious/noConsole: logs route information\n      console.log('Execution started.', routeId)\n      if (routeExecution) {\n        emitter.emit(WidgetEvent.RouteExecutionStarted, routeExecution.route)\n      }\n    },\n    onError: (error) => {\n      console.warn('Execution failed!', routeId, error)\n    },\n    onSuccess: (route: Route) => {\n      // biome-ignore lint/suspicious/noConsole: logs route information\n      console.log('Executed successfully!', route)\n    },\n  })\n\n  const resumeRouteMutation = useMutation({\n    mutationFn: (args?: { route?: Route; executeInBackground?: boolean }) => {\n      if (!account.isConnected) {\n        throw new Error('Account is not connected.')\n      }\n      if (!routeExecution?.route) {\n        throw new Error('Execution route not found.')\n      }\n      return resumeRoute(sdkClient, args?.route ?? routeExecution.route, {\n        updateRouteHook,\n        acceptExchangeRateUpdateHook,\n        executeInBackground: args?.executeInBackground ?? executeInBackground,\n      })\n    },\n    onMutate: () => {\n      // biome-ignore lint/suspicious/noConsole: logs route information\n      console.log('Resumed to execution.', routeId)\n    },\n    onError: (error) => {\n      console.warn('Resumed execution failed.', routeId, error)\n    },\n    onSuccess: (route) => {\n      // biome-ignore lint/suspicious/noConsole: logs route information\n      console.log('Resumed execution successful.', route)\n    },\n  })\n\n  const _executeRoute = useCallback(() => {\n    executeRouteMutation.mutateAsync(undefined)\n  }, [executeRouteMutation])\n\n  const _resumeRoute = useCallback(\n    (route?: Route) => {\n      resumeRouteMutation.mutateAsync({ route })\n    },\n    [resumeRouteMutation]\n  )\n\n  const restartRouteMutation = useCallback(() => {\n    resumeRouteMutation.mutateAsync({\n      route: routeExecution?.route,\n      executeInBackground: false,\n    })\n  }, [resumeRouteMutation, routeExecution?.route])\n\n  // biome-ignore lint/correctness/useExhaustiveDependencies: run only when routeId changes\n  const deleteRouteMutation = useCallback(() => {\n    deleteRoute(routeId)\n  }, [routeId])\n\n  // Resume route execution after page reload\n  // biome-ignore lint/correctness/useExhaustiveDependencies: run only when routeId changes\n  useEffect(() => {\n    // Check if route is eligible for automatic resuming\n    const route = routeExecutionStoreContext.getState().routes[routeId]?.route\n    if (\n      isRouteActive(route) &&\n      account.isConnected &&\n      !resumedAfterMount.current\n    ) {\n      resumedAfterMount.current = true\n      _resumeRoute()\n    }\n\n    // Move execution to background on unmount\n    return () => {\n      const route = routeExecutionStoreContext.getState().routes[routeId]?.route\n      if (!route || !isRouteActive(route)) {\n        return\n      }\n      updateRouteExecution(route, { executeInBackground: true })\n      // biome-ignore lint/suspicious/noConsole: logs route information\n      console.log('Move route execution to background.', routeId)\n      resumedAfterMount.current = false\n    }\n  }, [account.isConnected, routeExecutionStoreContext, routeId])\n\n  return {\n    executeRoute: _executeRoute,\n    restartRoute: restartRouteMutation,\n    deleteRoute: deleteRouteMutation,\n    route: routeExecution?.route,\n    status: routeExecution?.status,\n  }\n}\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"useRoutes.d.ts","names":[],"sources":["../../../src/hooks/useRoutes.ts"],"mappings":";;UA4CU;EACR,kBAAkB;;;;;EAKlB;;;;;EAKA;;qBAGW,cACX,iBACA,kBACA,kBAAkB,4BACjB;EACD,QAAQ;EACR;EACA;EACA;EACA;EACA;EACA;EACA;EACA,WAAW;EACX,SAAS;EACT;EACA,qBAAqB,OAAO"}
+{"version":3,"file":"useRoutes.d.ts","names":[],"sources":["../../../src/hooks/useRoutes.ts"],"mappings":";;UA6CU;EACR,kBAAkB;;;;;EAKlB;;;;;EAKA;;qBAGW,cACX,iBACA,kBACA,kBAAkB,4BACjB;EACD,QAAQ;EACR;EACA;EACA;EACA;EACA;EACA;EACA;EACA,WAAW;EACX,SAAS;EACT;EACA,qBAAqB,OAAO"}

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 { canQuoteWithToAddress, isCustomReceiverBlocked, isSignerInvalidReceiver } 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";
@@ -19,12 +19,12 @@ import { useToken } from "./useToken.js";
 import { ChainType, LiFiErrorCode, convertQuoteToRoute, getContractCallsQuote, getRelayerQuote, getRoutes, parseUnits } from "@lifi/sdk";
 import { useCallback, useMemo } from "react";
 import { keepPreviousData, useQuery, useQueryClient } from "@tanstack/react-query";
-import { useChainTypeFromAddress, useEthereumContext } from "@lifi/widget-provider";
+import { useAddressForChain, useEthereumContext } from "@lifi/widget-provider";
 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();
@@ -49,16 +49,21 @@ const useRoutes = ({ observableRoute, quoteFromAddress, keepPreviousData: keepPr
 	const { chain: fromChain } = useChain(fromChainId);
 	const { chain: toChain } = useChain(toChainId);
 	const { enabled: enabledRefuel, fromAmount: gasRecommendationFromAmount } = useGasRefuel();
-	const { getChainTypeFromAddress } = useChainTypeFromAddress();
+	const { isAddressForChain } = useAddressForChain();
 	const { isGaslessStep, disableMessageSigning } = useEthereumContext();
 	const { account } = useAccount({ chainType: fromChain?.chainType });
 	const { isBatchingSupported, isBatchingSupportedLoading } = useIsBatchingSupported(fromChain, account.address);
 	const hasAmount = mode === "limit" ? Number(fromTokenAmount) > 0 && Number(toTokenAmount) > 0 : Number(fromTokenAmount) > 0 || Number(toTokenAmount) > 0;
 	const customType = mode === "custom" ? modeOptions?.custom?.type : void 0;
 	const contractCallQuoteEnabled = mode === "custom" && Boolean(contractCalls?.length) ? Boolean(account.address) : mode !== "custom" || customType === "deposit";
-	const effectiveFromAddress = account.address ?? quoteFromAddress;
-	const hasToAddressAndChainTypeSatisfied = !!toChain && !!toAddress && getChainTypeFromAddress(toAddress) === toChain.chainType;
-	const isToAddressSatisfied = toAddress ? hasToAddressAndChainTypeSatisfied : true;
+	const effectiveFromAddress = isSignerInvalidReceiver({
+		signerAddress: account.address,
+		toAddress,
+		fromChain,
+		toChain,
+		isAddressForChain
+	}) ? quoteFromAddress : account.address ?? quoteFromAddress;
+	const isToAddressSatisfied = canQuoteWithToAddress(toAddress, toChain, isAddressForChain);
 	const customReceiverBlocked = isCustomReceiverBlocked({
 		fromChainType: fromChain?.chainType,
 		toChainType: toChain?.chainType,
@@ -71,7 +76,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 +105,7 @@ const useRoutes = ({ observableRoute, quoteFromAddress, keepPreviousData: keepPr
 		isPrivate,
 		observableRoute?.id
 	], [
-		keyPrefix,
+		storageScopeKey,
 		effectiveFromAddress,
 		fromChain?.id,
 		fromToken?.address,
@@ -247,13 +252,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) => {