@lifi/widget 4.7.1 → 4.8.0

package/dist/esm/components/AmountInput/AmountInput.style.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AmountInput.style.d.ts","names":[],"sources":["../../../../src/components/AmountInput/AmountInput.style.tsx"],"mappings":";;;;cAqBa,eAAa,MAAM,GAC9B,MAAM,sBAAsB;qBAKjB,OAAO,MAAM,GAAG,MAAM,sBAAsB"}
+{"version":3,"file":"AmountInput.style.d.ts","names":["FormControl","MuiFormControl"],"sources":["../../../../src/components/AmountInput/AmountInput.style.tsx"],"mappings":";;;;cAqBaA,eAAa,MAAM,GAC9B,MAAM,sBAAsBC;qBAKjB,OAAO,MAAM,GAAG,MAAM,sBAAsB"}

package/dist/esm/components/Card/Card.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Card.d.ts","names":[],"sources":["../../../../src/components/Card/Card.tsx"],"mappings":";;;UAIiB,oBAAkB;EACjC;EACA;EACA;;cAGW,QAAM,MAAM,GAAG,MAAM,sBAAsB,QAAW"}
+{"version":3,"file":"Card.d.ts","names":["CardProps","MuiCardProps","Card","MuiCard"],"sources":["../../../../src/components/Card/Card.tsx"],"mappings":";;;UAIiBA,oBAAkBC;EACjC;EACA;EACA;;cAGWC,QAAM,MAAM,GAAG,MAAM,sBAAsBC,QAAWH"}

package/dist/esm/components/Card/CardIconButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CardIconButton.d.ts","names":[],"sources":["../../../../src/components/Card/CardIconButton.tsx"],"mappings":";;;qBAIa,gBAAgB,MAAM,GACjC,MAAM,sBAAsB,cAC1B,kBACA,KAAK"}
+{"version":3,"file":"CardIconButton.d.ts","names":["MuiIconButton"],"sources":["../../../../src/components/Card/CardIconButton.tsx"],"mappings":";;;qBAIa,gBAAgB,MAAM,GACjC,MAAM,sBAAsBA,cAC1B,kBACA,KAAK"}

package/dist/esm/components/ContractComponent/ItemPrice.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ItemPrice.d.ts","names":[],"sources":["../../../../src/components/ContractComponent/ItemPrice.tsx"],"mappings":";;;iBAMiB;EACf,OAAO;EACP,gBAAgB;;qBAGL,WAAW,MAAM,GAAG"}
+{"version":3,"file":"ItemPrice.d.ts","names":["TokenAmount"],"sources":["../../../../src/components/ContractComponent/ItemPrice.tsx"],"mappings":";;;iBAMiB;EACf,OAAOA;EACP,gBAAgB;;qBAGL,WAAW,MAAM,GAAG"}

package/dist/esm/components/ListItem/ListItemButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ListItemButton.d.ts","names":[],"sources":["../../../../src/components/ListItem/ListItemButton.tsx"],"mappings":";;;qBAIa,gBAAgB,MAAM,GACjC,MAAM,sBAAsB"}
+{"version":3,"file":"ListItemButton.d.ts","names":["ListItemButtonBase"],"sources":["../../../../src/components/ListItem/ListItemButton.tsx"],"mappings":";;;qBAIa,gBAAgB,MAAM,GACjC,MAAM,sBAAsBA"}

package/dist/esm/components/ListItemButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ListItemButton.d.ts","names":[],"sources":["../../../src/components/ListItemButton.tsx"],"mappings":";;;cAOa,kBAAgB,MAAM,GACjC,MAAM,sBAAsB"}
+{"version":3,"file":"ListItemButton.d.ts","names":["ListItemButton","MuiListItemButton"],"sources":["../../../src/components/ListItemButton.tsx"],"mappings":";;;cAOaA,kBAAgB,MAAM,GACjC,MAAM,sBAAsBC"}

package/dist/esm/components/Token/Token.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Token.d.ts","names":[],"sources":["../../../../src/components/Token/Token.tsx"],"mappings":";;;;UAgBU;EACR,OAAO;EACP,cAAc;EACd;EACA,OAAO;EACP;EACA;EACA;;cAGW,SAAO,GAAG,aAAa"}
+{"version":3,"file":"Token.d.ts","names":["Token"],"sources":["../../../../src/components/Token/Token.tsx"],"mappings":";;;;UAgBU;EACR,OAAO;EACP,cAAc;EACd;EACA,OAAO;EACP;EACA;EACA;;cAGWA,SAAO,GAAG,aAAa"}

package/dist/esm/components/TokenList/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","names":[],"sources":["../../../../src/components/TokenList/types.ts"],"mappings":";;;;;iBAUiB;EACf,QAAQ;EACR,kBAAkB,UAAU;EAC5B;EACA;EACA;EACA;EACA;EACA,QAAQ,sBAAsB;EAC9B;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;;EAEA"}
+{"version":3,"file":"types.d.ts","names":["TokenAmount"],"sources":["../../../../src/components/TokenList/types.ts"],"mappings":";;;;;iBAUiB;EACf,QAAQA;EACR,kBAAkB,UAAU;EAC5B;EACA;EACA;EACA;EACA;EACA,QAAQ,sBAAsB;EAC9B;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;;EAEA"}

package/dist/esm/config/version.d.ts

@@ -1,5 +1,5 @@
 //#region src/config/version.d.ts
 export declare const name = "@lifi/widget";
-export declare const version = "4.7.1";
+export declare const version = "4.8.0";
 //#endregion
 //# sourceMappingURL=version.d.ts.map

package/dist/esm/config/version.js

@@ -1,6 +1,6 @@
 //#region src/config/version.ts
 const name = "@lifi/widget";
-const version = "4.7.1";
+const version = "4.8.0";
 //#endregion
 export { name, version };
 

package/dist/esm/config/version.js.map

@@ -1 +1 @@
-{"version":3,"file":"version.js","names":[],"sources":["../../../src/config/version.ts"],"sourcesContent":["export const name = '@lifi/widget'\nexport const version = '4.7.1'\n"],"mappings":";AAAA,MAAa,OAAO;AACpB,MAAa,UAAU"}
+{"version":3,"file":"version.js","names":[],"sources":["../../../src/config/version.ts"],"sourcesContent":["export const name = '@lifi/widget'\nexport const version = '4.8.0'\n"],"mappings":";AAAA,MAAa,OAAO;AACpB,MAAa,UAAU"}

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

@@ -1 +1 @@
-{"version":3,"file":"useAvailableChains.d.ts","names":[],"sources":["../../../src/hooks/useAvailableChains.ts"],"mappings":";;;KAUK,gBACH,kBACA,SAAS,oBACN;qBAWQ,qBACX,aAAa,aACb,eAAe;EAEf,QAAQ;EACR,cAAc;EACd"}
+{"version":3,"file":"useAvailableChains.d.ts","names":[],"sources":["../../../src/hooks/useAvailableChains.ts"],"mappings":";;;KAcK,gBACH,kBACA,SAAS,oBACN;qBAIQ,qBACX,aAAa,aACb,eAAe;EAEf,QAAQ;EACR,cAAc;EACd"}

package/dist/esm/hooks/useAvailableChains.js

@@ -1,59 +1,42 @@
 import { getConfigItemSets, isItemAllowedForSets } from "../utils/item.js";
+import { resolveQueryScopeKey } from "../utils/scopeKeys.js";
 import { useWidgetConfig } from "../providers/WidgetProvider/WidgetProvider.js";
 import { useSDKClient } from "../providers/SDKClientProvider.js";
-import { getQueryKey } from "../utils/queries.js";
-import { ChainType, createClient, getChains } from "@lifi/sdk";
+import { getChainsQueryOptions, supportedChainTypes } from "../queries/getChains.js";
+import { createClient } from "@lifi/sdk";
 import { useCallback, useEffect, useMemo } from "react";
 import { useQuery } from "@tanstack/react-query";
 //#region src/hooks/useAvailableChains.ts
-const supportedChainTypes = [
-	ChainType.EVM,
-	ChainType.SVM,
-	ChainType.UTXO,
-	ChainType.MVM,
-	ChainType.TVM,
-	ChainType.STL
-];
+const refetchInterval = 3e5;
 const useAvailableChains = (chainTypes, widgetConfig) => {
-	const { chains: internalChains, keyPrefix: internalKeyPrefix } = useWidgetConfig();
+	const { chains: internalChains, queryScopeKey: internalQueryScopeKey } = useWidgetConfig();
 	const internalClient = useSDKClient();
-	const externalClient = useMemo(() => {
+	const client = useMemo(() => {
 		if (!widgetConfig) return;
 		return createClient({
 			...widgetConfig.sdkConfig,
 			apiKey: widgetConfig.apiKey,
 			integrator: widgetConfig.integrator ?? window?.location.hostname
 		});
-	}, [widgetConfig]);
-	const keyPrefix = widgetConfig?.keyPrefix ?? internalKeyPrefix;
+	}, [widgetConfig]) ?? internalClient;
 	const chains = widgetConfig?.chains ?? internalChains;
-	const { data, isLoading } = useQuery({
-		queryKey: [
-			getQueryKey("chains", keyPrefix),
-			chains?.types,
-			chains?.allow,
-			chains?.deny,
-			chains?.from,
-			chains?.to,
-			!!externalClient
-		],
-		queryFn: async ({ queryKey: [, chainTypesConfig] }) => {
-			const chainsConfigSets = getConfigItemSets(chainTypesConfig, (chains) => new Set(chains));
-			const chainTypesRequest = supportedChainTypes.filter((chainType) => isItemAllowedForSets(chainType, chainsConfigSets));
-			const client = externalClient ?? internalClient;
-			const availableChains = await getChains(client, { chainTypes: chainTypes || chainTypesRequest });
-			client.setChains(availableChains);
-			return availableChains;
-		},
-		refetchInterval: 3e5,
-		staleTime: 3e5
-	});
+	const queryScopeKey = widgetConfig ? resolveQueryScopeKey(widgetConfig) : internalQueryScopeKey;
+	const typeSets = getConfigItemSets(chains?.types, (types) => new Set(types));
+	const requestedTypes = chainTypes ?? supportedChainTypes.filter((type) => isItemAllowedForSets(type, typeSets));
+	const { data, dataUpdatedAt, isLoading } = useQuery(getChainsQueryOptions(client, {
+		chainTypes: requestedTypes,
+		scopeKey: queryScopeKey,
+		query: {
+			refetchInterval,
+			staleTime: refetchInterval
+		}
+	}));
 	useEffect(() => {
-		if (data && !externalClient) internalClient.setChains(data);
+		if (data && dataUpdatedAt) client.setChains(data);
 	}, [
 		data,
-		externalClient,
-		internalClient
+		dataUpdatedAt,
+		client
 	]);
 	return {
 		chains: data,

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/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.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) => {