@lifi/widget 4.6.0 → 4.7.0

package/dist/esm/hooks/useToAddressRequirements.js

@@ -1,6 +1,6 @@
 import { useWidgetConfig } from "../providers/WidgetProvider/WidgetProvider.js";
 import { useFieldValues } from "../stores/form/useFieldValues.js";
-import { isCustomReceiverUnsupported } from "../utils/customReceiver.js";
+import { isCustomReceiverBlocked, isCustomReceiverUnsupported } from "../utils/customReceiver.js";
 import { useChain } from "./useChain.js";
 import { useIsContractAddress } from "./useIsContractAddress.js";
 import { useEthereumContext } from "@lifi/widget-provider";
@@ -23,7 +23,13 @@ const useToAddressRequirements = (route) => {
 	const fromContractCodeHasDelegationIndicator = isDelegationDesignatorCode?.(fromContractCode);
 	const isCrossChainContractAddress = isFromContractAddress && fromChainId !== toChainId && !fromContractCodeHasDelegationIndicator;
 	const unsupportedToAddress = isCustomReceiverUnsupported(fromChain?.chainType, toChain?.chainType);
-	const unsupportedReceiverBlocking = Boolean(unsupportedToAddress && (toAddress || requiredUI?.toAddress));
+	const unsupportedReceiverBlocking = isCustomReceiverBlocked({
+		fromChainType: fromChain?.chainType,
+		toChainType: toChain?.chainType,
+		toAddress,
+		signerAddress: fromAddress,
+		receiverRequired: requiredUI?.toAddress
+	});
 	const requiredToAddress = Boolean((isDifferentChainType || isCrossChainContractAddress || requiredUI?.toAddress) && !hiddenUI?.toAddress && !unsupportedToAddress);
 	const accountNotDeployedAtDestination = Boolean(isFromContractAddress && !fromContractCodeHasDelegationIndicator && !isToContractAddress && fromAddress?.toLowerCase() === toAddress?.toLowerCase());
 	const accountDeployedAtDestination = Boolean(isFromContractAddress && isToContractAddress && !fromContractCodeHasDelegationIndicator && fromAddress?.toLowerCase() === toAddress?.toLowerCase());

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

@@ -1 +1 @@
-{"version":3,"file":"useToAddressRequirements.js","names":[],"sources":["../../../src/hooks/useToAddressRequirements.ts"],"sourcesContent":["import type { ChainType, RouteExtended } from '@lifi/sdk'\nimport { useAccount } from '@lifi/wallet-management'\nimport { useEthereumContext } from '@lifi/widget-provider'\nimport { useChain } from '../hooks/useChain.js'\nimport { useWidgetConfig } from '../providers/WidgetProvider/WidgetProvider.js'\nimport { useFieldValues } from '../stores/form/useFieldValues.js'\nimport { isCustomReceiverUnsupported } from '../utils/customReceiver.js'\nimport { useIsContractAddress } from './useIsContractAddress.js'\n\nexport const useToAddressRequirements = (\n  route?: RouteExtended\n): {\n  requiredToAddress: boolean\n  unsupportedToAddress: boolean\n  unsupportedReceiverBlocking: boolean\n  requiredToChainType: ChainType | undefined\n  accountNotDeployedAtDestination: boolean\n  accountDeployedAtDestination: boolean\n  toAddress: string | undefined\n  isFromContractAddress: boolean | undefined\n  isToContractAddress: boolean | undefined\n  isLoading: boolean\n  isFetched: boolean\n} => {\n  const { requiredUI, hiddenUI } = useWidgetConfig()\n  const [formFromChainId, formToChainId, formToAddress] = useFieldValues(\n    'fromChain',\n    'toChain',\n    'toAddress'\n  )\n  const { isDelegationDesignatorCode } = useEthereumContext()\n\n  const fromChainId = route?.fromChainId ?? formFromChainId\n  const toChainId = route?.toChainId ?? formToChainId\n\n  const { chain: fromChain } = useChain(fromChainId)\n  const { chain: toChain } = useChain(toChainId)\n  const { account } = useAccount({\n    chainType: fromChain?.chainType,\n  })\n\n  const fromAddress = route?.fromAddress ?? account.address\n  const toAddress = route\n    ? route.fromAddress !== route.toAddress\n      ? route.toAddress\n      : formToAddress\n    : formToAddress\n\n  const {\n    isContractAddress: isFromContractAddress,\n    contractCode: fromContractCode,\n    isLoading: isFromContractLoading,\n    isFetched: isFromContractFetched,\n  } = useIsContractAddress(account.address, fromChain?.id, account.chainType)\n  const {\n    isContractAddress: isToContractAddress,\n    isLoading: isToContractLoading,\n    isFetched: isToContractFetched,\n  } = useIsContractAddress(toAddress, toChain?.id, toChain?.chainType)\n\n  const isDifferentChainType =\n    fromChain && toChain && fromChain.chainType !== toChain.chainType\n\n  // We don't want to block transfers for EIP-7702 accounts since they are designed\n  // to maintain EOA-like properties while delegating execution.\n  const fromContractCodeHasDelegationIndicator =\n    isDelegationDesignatorCode?.(fromContractCode)\n\n  const isCrossChainContractAddress =\n    isFromContractAddress &&\n    fromChainId !== toChainId &&\n    !fromContractCodeHasDelegationIndicator\n\n  const unsupportedToAddress = isCustomReceiverUnsupported(\n    fromChain?.chainType,\n    toChain?.chainType\n  )\n\n  // Stellar routes settle to the signer, so a required receiver is never honoured.\n  const unsupportedReceiverBlocking = Boolean(\n    unsupportedToAddress && (toAddress || requiredUI?.toAddress)\n  )\n\n  const requiredToAddress = Boolean(\n    (isDifferentChainType ||\n      isCrossChainContractAddress ||\n      requiredUI?.toAddress) &&\n      !hiddenUI?.toAddress &&\n      !unsupportedToAddress\n  )\n\n  const accountNotDeployedAtDestination = Boolean(\n    isFromContractAddress &&\n      !fromContractCodeHasDelegationIndicator &&\n      !isToContractAddress &&\n      fromAddress?.toLowerCase() === toAddress?.toLowerCase()\n  )\n\n  const accountDeployedAtDestination = Boolean(\n    isFromContractAddress &&\n      isToContractAddress &&\n      !fromContractCodeHasDelegationIndicator &&\n      fromAddress?.toLowerCase() === toAddress?.toLowerCase()\n  )\n\n  return {\n    requiredToAddress,\n    unsupportedToAddress,\n    unsupportedReceiverBlocking,\n    requiredToChainType: toChain?.chainType,\n    accountNotDeployedAtDestination,\n    accountDeployedAtDestination,\n    toAddress,\n    isFromContractAddress,\n    isToContractAddress,\n    isLoading: isFromContractLoading || isToContractLoading,\n    isFetched: isFromContractFetched && isToContractFetched,\n  }\n}\n"],"mappings":";;;;;;;;AASA,MAAa,4BACX,UAaG;CACH,MAAM,EAAE,YAAY,aAAa,gBAAgB;CACjD,MAAM,CAAC,iBAAiB,eAAe,iBAAiB,eACtD,aACA,WACA,WACF;CACA,MAAM,EAAE,+BAA+B,mBAAmB;CAE1D,MAAM,cAAc,OAAO,eAAe;CAC1C,MAAM,YAAY,OAAO,aAAa;CAEtC,MAAM,EAAE,OAAO,cAAc,SAAS,WAAW;CACjD,MAAM,EAAE,OAAO,YAAY,SAAS,SAAS;CAC7C,MAAM,EAAE,YAAY,WAAW,EAC7B,WAAW,WAAW,UACxB,CAAC;CAED,MAAM,cAAc,OAAO,eAAe,QAAQ;CAClD,MAAM,YAAY,QACd,MAAM,gBAAgB,MAAM,YAC1B,MAAM,YACN,gBACF;CAEJ,MAAM,EACJ,mBAAmB,uBACnB,cAAc,kBACd,WAAW,uBACX,WAAW,0BACT,qBAAqB,QAAQ,SAAS,WAAW,IAAI,QAAQ,SAAS;CAC1E,MAAM,EACJ,mBAAmB,qBACnB,WAAW,qBACX,WAAW,wBACT,qBAAqB,WAAW,SAAS,IAAI,SAAS,SAAS;CAEnE,MAAM,uBACJ,aAAa,WAAW,UAAU,cAAc,QAAQ;CAI1D,MAAM,yCACJ,6BAA6B,gBAAgB;CAE/C,MAAM,8BACJ,yBACA,gBAAgB,aAChB,CAAC;CAEH,MAAM,uBAAuB,4BAC3B,WAAW,WACX,SAAS,SACX;CAGA,MAAM,8BAA8B,QAClC,yBAAyB,aAAa,YAAY,UACpD;CAEA,MAAM,oBAAoB,SACvB,wBACC,+BACA,YAAY,cACZ,CAAC,UAAU,aACX,CAAC,oBACL;CAEA,MAAM,kCAAkC,QACtC,yBACE,CAAC,0CACD,CAAC,uBACD,aAAa,YAAY,MAAM,WAAW,YAAY,CAC1D;CAEA,MAAM,+BAA+B,QACnC,yBACE,uBACA,CAAC,0CACD,aAAa,YAAY,MAAM,WAAW,YAAY,CAC1D;CAEA,OAAO;EACL;EACA;EACA;EACA,qBAAqB,SAAS;EAC9B;EACA;EACA;EACA;EACA;EACA,WAAW,yBAAyB;EACpC,WAAW,yBAAyB;CACtC;AACF"}
+{"version":3,"file":"useToAddressRequirements.js","names":[],"sources":["../../../src/hooks/useToAddressRequirements.ts"],"sourcesContent":["import type { ChainType, RouteExtended } from '@lifi/sdk'\nimport { useAccount } from '@lifi/wallet-management'\nimport { useEthereumContext } from '@lifi/widget-provider'\nimport { useChain } from '../hooks/useChain.js'\nimport { useWidgetConfig } from '../providers/WidgetProvider/WidgetProvider.js'\nimport { useFieldValues } from '../stores/form/useFieldValues.js'\nimport {\n  isCustomReceiverBlocked,\n  isCustomReceiverUnsupported,\n} from '../utils/customReceiver.js'\nimport { useIsContractAddress } from './useIsContractAddress.js'\n\nexport const useToAddressRequirements = (\n  route?: RouteExtended\n): {\n  requiredToAddress: boolean\n  unsupportedToAddress: boolean\n  unsupportedReceiverBlocking: boolean\n  requiredToChainType: ChainType | undefined\n  accountNotDeployedAtDestination: boolean\n  accountDeployedAtDestination: boolean\n  toAddress: string | undefined\n  isFromContractAddress: boolean | undefined\n  isToContractAddress: boolean | undefined\n  isLoading: boolean\n  isFetched: boolean\n} => {\n  const { requiredUI, hiddenUI } = useWidgetConfig()\n  const [formFromChainId, formToChainId, formToAddress] = useFieldValues(\n    'fromChain',\n    'toChain',\n    'toAddress'\n  )\n  const { isDelegationDesignatorCode } = useEthereumContext()\n\n  const fromChainId = route?.fromChainId ?? formFromChainId\n  const toChainId = route?.toChainId ?? formToChainId\n\n  const { chain: fromChain } = useChain(fromChainId)\n  const { chain: toChain } = useChain(toChainId)\n  const { account } = useAccount({\n    chainType: fromChain?.chainType,\n  })\n\n  const fromAddress = route?.fromAddress ?? account.address\n  const toAddress = route\n    ? route.fromAddress !== route.toAddress\n      ? route.toAddress\n      : formToAddress\n    : formToAddress\n\n  const {\n    isContractAddress: isFromContractAddress,\n    contractCode: fromContractCode,\n    isLoading: isFromContractLoading,\n    isFetched: isFromContractFetched,\n  } = useIsContractAddress(account.address, fromChain?.id, account.chainType)\n  const {\n    isContractAddress: isToContractAddress,\n    isLoading: isToContractLoading,\n    isFetched: isToContractFetched,\n  } = useIsContractAddress(toAddress, toChain?.id, toChain?.chainType)\n\n  const isDifferentChainType =\n    fromChain && toChain && fromChain.chainType !== toChain.chainType\n\n  // We don't want to block transfers for EIP-7702 accounts since they are designed\n  // to maintain EOA-like properties while delegating execution.\n  const fromContractCodeHasDelegationIndicator =\n    isDelegationDesignatorCode?.(fromContractCode)\n\n  const isCrossChainContractAddress =\n    isFromContractAddress &&\n    fromChainId !== toChainId &&\n    !fromContractCodeHasDelegationIndicator\n\n  const unsupportedToAddress = isCustomReceiverUnsupported(\n    fromChain?.chainType,\n    toChain?.chainType\n  )\n\n  const unsupportedReceiverBlocking = isCustomReceiverBlocked({\n    fromChainType: fromChain?.chainType,\n    toChainType: toChain?.chainType,\n    toAddress,\n    signerAddress: fromAddress,\n    receiverRequired: requiredUI?.toAddress,\n  })\n\n  const requiredToAddress = Boolean(\n    (isDifferentChainType ||\n      isCrossChainContractAddress ||\n      requiredUI?.toAddress) &&\n      !hiddenUI?.toAddress &&\n      !unsupportedToAddress\n  )\n\n  const accountNotDeployedAtDestination = Boolean(\n    isFromContractAddress &&\n      !fromContractCodeHasDelegationIndicator &&\n      !isToContractAddress &&\n      fromAddress?.toLowerCase() === toAddress?.toLowerCase()\n  )\n\n  const accountDeployedAtDestination = Boolean(\n    isFromContractAddress &&\n      isToContractAddress &&\n      !fromContractCodeHasDelegationIndicator &&\n      fromAddress?.toLowerCase() === toAddress?.toLowerCase()\n  )\n\n  return {\n    requiredToAddress,\n    unsupportedToAddress,\n    unsupportedReceiverBlocking,\n    requiredToChainType: toChain?.chainType,\n    accountNotDeployedAtDestination,\n    accountDeployedAtDestination,\n    toAddress,\n    isFromContractAddress,\n    isToContractAddress,\n    isLoading: isFromContractLoading || isToContractLoading,\n    isFetched: isFromContractFetched && isToContractFetched,\n  }\n}\n"],"mappings":";;;;;;;;AAYA,MAAa,4BACX,UAaG;CACH,MAAM,EAAE,YAAY,aAAa,gBAAgB;CACjD,MAAM,CAAC,iBAAiB,eAAe,iBAAiB,eACtD,aACA,WACA,WACF;CACA,MAAM,EAAE,+BAA+B,mBAAmB;CAE1D,MAAM,cAAc,OAAO,eAAe;CAC1C,MAAM,YAAY,OAAO,aAAa;CAEtC,MAAM,EAAE,OAAO,cAAc,SAAS,WAAW;CACjD,MAAM,EAAE,OAAO,YAAY,SAAS,SAAS;CAC7C,MAAM,EAAE,YAAY,WAAW,EAC7B,WAAW,WAAW,UACxB,CAAC;CAED,MAAM,cAAc,OAAO,eAAe,QAAQ;CAClD,MAAM,YAAY,QACd,MAAM,gBAAgB,MAAM,YAC1B,MAAM,YACN,gBACF;CAEJ,MAAM,EACJ,mBAAmB,uBACnB,cAAc,kBACd,WAAW,uBACX,WAAW,0BACT,qBAAqB,QAAQ,SAAS,WAAW,IAAI,QAAQ,SAAS;CAC1E,MAAM,EACJ,mBAAmB,qBACnB,WAAW,qBACX,WAAW,wBACT,qBAAqB,WAAW,SAAS,IAAI,SAAS,SAAS;CAEnE,MAAM,uBACJ,aAAa,WAAW,UAAU,cAAc,QAAQ;CAI1D,MAAM,yCACJ,6BAA6B,gBAAgB;CAE/C,MAAM,8BACJ,yBACA,gBAAgB,aAChB,CAAC;CAEH,MAAM,uBAAuB,4BAC3B,WAAW,WACX,SAAS,SACX;CAEA,MAAM,8BAA8B,wBAAwB;EAC1D,eAAe,WAAW;EAC1B,aAAa,SAAS;EACtB;EACA,eAAe;EACf,kBAAkB,YAAY;CAChC,CAAC;CAED,MAAM,oBAAoB,SACvB,wBACC,+BACA,YAAY,cACZ,CAAC,UAAU,aACX,CAAC,oBACL;CAEA,MAAM,kCAAkC,QACtC,yBACE,CAAC,0CACD,CAAC,uBACD,aAAa,YAAY,MAAM,WAAW,YAAY,CAC1D;CAEA,MAAM,+BAA+B,QACnC,yBACE,uBACA,CAAC,0CACD,aAAa,YAAY,MAAM,WAAW,YAAY,CAC1D;CAEA,OAAO;EACL;EACA;EACA;EACA,qBAAqB,SAAS;EAC9B;EACA;EACA;EACA;EACA;EACA,WAAW,yBAAyB;EACpC,WAAW,yBAAyB;CACtC;AACF"}

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

@@ -1,9 +1,8 @@
 import { TokenExtended } from "@lifi/sdk";
 //#region src/hooks/useToken.d.ts
-declare const useToken: (chainId?: number, tokenAddress?: string, latest?: boolean) => {
+export declare const useToken: (chainId?: number, tokenAddress?: string, latest?: boolean) => {
   token: TokenExtended | undefined;
   isLoading: boolean;
 };
 //#endregion
-export { useToken };
 //# sourceMappingURL=useToken.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"useToken.d.ts","names":[],"sources":["../../../src/hooks/useToken.ts"],"mappings":";;cAKa,WACX,kBACA,uBACA;EAEA,OAAO;EACP"}
+{"version":3,"file":"useToken.d.ts","names":[],"sources":["../../../src/hooks/useToken.ts"],"mappings":";;qBAKa,WACX,kBACA,uBACA;EAEA,OAAO;EACP"}

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

@@ -1,11 +1,10 @@
 import { ExtendedChain, TokenAmount } from "@lifi/sdk";
 //#region src/hooks/useTokenAddressBalance.d.ts
-declare const useTokenAddressBalance: (chainId?: number, tokenAddress?: string) => {
+export declare const useTokenAddressBalance: (chainId?: number, tokenAddress?: string) => {
   token: TokenAmount;
   chain: ExtendedChain | undefined;
   isLoading: boolean;
   refetch: () => void;
 };
 //#endregion
-export { useTokenAddressBalance };
 //# sourceMappingURL=useTokenAddressBalance.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"useTokenAddressBalance.d.ts","names":[],"sources":["../../../src/hooks/useTokenAddressBalance.ts"],"mappings":";;cAMa,yBACX,kBACA;EAEA,OAAO;EACP,OAAO;EACP;EACA"}
+{"version":3,"file":"useTokenAddressBalance.d.ts","names":[],"sources":["../../../src/hooks/useTokenAddressBalance.ts"],"mappings":";;qBAMa,yBACX,kBACA;EAEA,OAAO;EACP,OAAO;EACP;EACA"}

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

@@ -1,14 +1,15 @@
 import { FormType } from "../stores/form/types.js";
 import { TokenAmount } from "../types/token.js";
 //#region src/hooks/useTokenBalances.d.ts
-declare const useTokenBalances: (selectedChainId?: number, formType?: FormType, isAllNetworks?: boolean, search?: string) => {
+export declare const useTokenBalances: (selectedChainId?: number, formType?: FormType, isAllNetworks?: boolean, search?: string) => {
   tokens: TokenAmount[];
   withCategories: boolean;
   withPinnedTokens: boolean;
   isTokensLoading: boolean;
   isSearchLoading: boolean;
   isBalanceLoading: boolean;
+  /** Always set; optional so hand-built results of this public shape stay valid. */
+  nativeHoisted?: boolean;
 };
 //#endregion
-export { useTokenBalances };
 //# sourceMappingURL=useTokenBalances.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"useTokenBalances.d.ts","names":[],"sources":["../../../src/hooks/useTokenBalances.ts"],"mappings":";;;cAea,mBACX,0BACA,WAAW,UACX,yBACA;EAEA,QAAQ;EACR;EACA;EACA;EACA;EACA"}
+{"version":3,"file":"useTokenBalances.d.ts","names":[],"sources":["../../../src/hooks/useTokenBalances.ts"],"mappings":";;;qBAea,mBACX,0BACA,WAAW,UACX,yBACA;EAEA,QAAQ;EACR;EACA;EACA;EACA;EACA;;EAEA"}

package/dist/esm/hooks/useTokenBalances.js

@@ -1,7 +1,7 @@
 import { useWidgetConfig } from "../providers/WidgetProvider/WidgetProvider.js";
 import { formatTokenPrice } from "../utils/format.js";
 import { useSettings } from "../stores/settings/useSettings.js";
-import { hoistNativeToken, isSearchMatch, processTokenList } from "../utils/tokenList.js";
+import { hoistNativeToken, isHoistableNative, processTokenList } from "../utils/tokenList.js";
 import { useAccountsBalancesData } from "./useAccountsBalancesData.js";
 import { useDisplayedTokens } from "./useDisplayedTokens.js";
 import { useTokenBalancesQueries } from "./useTokenBalancesQueries.js";
@@ -9,7 +9,7 @@ import { useMemo } from "react";
 //#region src/hooks/useTokenBalances.ts
 const useTokenBalances = (selectedChainId, formType, isAllNetworks, search) => {
 	const { hiddenUI, tokens: configTokens } = useWidgetConfig();
-	const { allTokens, displayedTokensList, isPinnedToken, isTokensLoading, isSearchLoading } = useDisplayedTokens(selectedChainId, formType, isAllNetworks, search);
+	const { allTokens, displayedTokensList, isPinnedToken, matchesSearch, isTokensLoading, isSearchLoading } = useDisplayedTokens(selectedChainId, formType, isAllNetworks, search);
 	const { data: accountsWithAllTokens, isLoading: isAccountsLoading } = useAccountsBalancesData(selectedChainId, formType, isAllNetworks, allTokens);
 	const { data: allTokensWithBalances, isLoading: isBalanceQueriesLoading } = useTokenBalancesQueries(accountsWithAllTokens, Boolean(accountsWithAllTokens) && !isAccountsLoading);
 	const { smallBalanceThreshold } = useSettings(["smallBalanceThreshold"]);
@@ -23,8 +23,8 @@ const useTokenBalances = (selectedChainId, formType, isAllNetworks, search) => {
 		return balancesByChain.reduce((acc, token) => {
 			const tokenKey = `${token.chainId}-${token.address.toLowerCase()}`;
 			const isInDisplayedList = displayedTokensSet.has(tokenKey) && token.amount;
-			const matchesSearch = isSearchMatch(token, search);
-			if (!isInDisplayedList && !matchesSearch) return acc;
+			const matchesTheSearch = matchesSearch(token);
+			if (!isInDisplayedList && !matchesTheSearch) return acc;
 			let processedToken = token;
 			if (hideSmallBalances && threshold !== void 0 && threshold >= 0 && token.amount) {
 				if (formatTokenPrice(token.amount, token.priceUSD, token.decimals) < threshold) processedToken = {
@@ -38,18 +38,23 @@ const useTokenBalances = (selectedChainId, formType, isAllNetworks, search) => {
 	}, [
 		allTokensWithBalances,
 		displayedTokensList,
-		search,
+		matchesSearch,
 		selectedChainId,
 		isAllNetworks,
 		smallBalanceThreshold,
 		hiddenUI
 	]);
-	const { processedTokens, withCategories, withPinnedTokens } = useMemo(() => {
+	const { processedTokens, withCategories, withPinnedTokens, nativeHoisted } = useMemo(() => {
 		const result = processTokenList(isBalanceLoading, isAllNetworks || !!search, configTokens, selectedChainId, displayedTokensList, displayedTokensWithBalances, isPinnedToken);
-		if (isAllNetworks || search) return result;
+		if (isAllNetworks || search) return {
+			...result,
+			nativeHoisted: false
+		};
+		const hoisted = hoistNativeToken(result.processedTokens, selectedChainId);
 		return {
 			...result,
-			processedTokens: hoistNativeToken(result.processedTokens, selectedChainId)
+			processedTokens: hoisted,
+			nativeHoisted: isHoistableNative(hoisted[0], selectedChainId)
 		};
 	}, [
 		isBalanceLoading,
@@ -67,7 +72,8 @@ const useTokenBalances = (selectedChainId, formType, isAllNetworks, search) => {
 		withPinnedTokens,
 		isTokensLoading,
 		isSearchLoading,
-		isBalanceLoading
+		isBalanceLoading,
+		nativeHoisted
 	};
 };
 //#endregion

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

@@ -1 +1 @@
-{"version":3,"file":"useTokenBalances.js","names":[],"sources":["../../../src/hooks/useTokenBalances.ts"],"sourcesContent":["import { useMemo } from 'react'\nimport { useWidgetConfig } from '../providers/WidgetProvider/WidgetProvider.js'\nimport type { FormType } from '../stores/form/types.js'\nimport { useSettings } from '../stores/settings/useSettings.js'\nimport type { TokenAmount } from '../types/token.js'\nimport { formatTokenPrice } from '../utils/format.js'\nimport {\n  hoistNativeToken,\n  isSearchMatch,\n  processTokenList,\n} from '../utils/tokenList.js'\nimport { useAccountsBalancesData } from './useAccountsBalancesData.js'\nimport { useDisplayedTokens } from './useDisplayedTokens.js'\nimport { useTokenBalancesQueries } from './useTokenBalancesQueries.js'\n\nexport const useTokenBalances = (\n  selectedChainId?: number,\n  formType?: FormType,\n  isAllNetworks?: boolean,\n  search?: string\n): {\n  tokens: TokenAmount[]\n  withCategories: boolean\n  withPinnedTokens: boolean\n  isTokensLoading: boolean\n  isSearchLoading: boolean\n  isBalanceLoading: boolean\n} => {\n  const { hiddenUI, tokens: configTokens } = useWidgetConfig()\n  const {\n    allTokens,\n    displayedTokensList,\n    isPinnedToken,\n    isTokensLoading,\n    isSearchLoading,\n  } = useDisplayedTokens(selectedChainId, formType, isAllNetworks, search)\n\n  const { data: accountsWithAllTokens, isLoading: isAccountsLoading } =\n    useAccountsBalancesData(selectedChainId, formType, isAllNetworks, allTokens)\n\n  const isBalanceLoadingEnabled =\n    Boolean(accountsWithAllTokens) && !isAccountsLoading\n\n  const { data: allTokensWithBalances, isLoading: isBalanceQueriesLoading } =\n    useTokenBalancesQueries(accountsWithAllTokens, isBalanceLoadingEnabled)\n\n  const { smallBalanceThreshold } = useSettings(['smallBalanceThreshold'])\n\n  const isBalanceLoading =\n    (isBalanceQueriesLoading || isAccountsLoading) &&\n    !allTokensWithBalances?.length\n\n  const displayedTokensWithBalances = useMemo(() => {\n    const balancesByChain = isAllNetworks\n      ? allTokensWithBalances\n      : selectedChainId\n        ? allTokensWithBalances?.filter((t) => t.chainId === selectedChainId)\n        : undefined\n    const displayedTokensSet = new Set(\n      displayedTokensList?.map(\n        (t) => `${t.chainId}-${t.address.toLowerCase()}`\n      ) || []\n    )\n\n    const hideSmallBalances =\n      !!smallBalanceThreshold && !hiddenUI?.hideSmallBalances\n    const threshold = hideSmallBalances\n      ? Number.parseFloat(smallBalanceThreshold)\n      : undefined\n\n    if (!balancesByChain) {\n      return undefined\n    }\n\n    return balancesByChain.reduce<typeof balancesByChain>((acc, token) => {\n      const tokenKey = `${token.chainId}-${token.address.toLowerCase()}`\n      // Check if token is in displayed list and has amount\n      const isInDisplayedList = displayedTokensSet.has(tokenKey) && token.amount\n      // Check if it matches search (for cached appended tokens)\n      const matchesSearch = isSearchMatch(token, search)\n\n      // Filter: only include tokens that match our criteria\n      if (!isInDisplayedList && !matchesSearch) {\n        return acc\n      }\n\n      // Apply small balance threshold transformation if enabled\n      let processedToken = token\n      if (\n        hideSmallBalances &&\n        threshold !== undefined &&\n        threshold >= 0 &&\n        token.amount\n      ) {\n        const balanceUSD = formatTokenPrice(\n          token.amount,\n          token.priceUSD,\n          token.decimals\n        )\n        if (balanceUSD < threshold) {\n          processedToken = {\n            ...token,\n            amount: 0n,\n          }\n        }\n      }\n\n      acc.push(processedToken)\n      return acc\n    }, [])\n  }, [\n    allTokensWithBalances,\n    displayedTokensList,\n    search,\n    selectedChainId,\n    isAllNetworks,\n    smallBalanceThreshold,\n    hiddenUI,\n  ])\n\n  const { processedTokens, withCategories, withPinnedTokens } = useMemo(() => {\n    const result = processTokenList(\n      isBalanceLoading,\n      isAllNetworks || !!search,\n      configTokens,\n      selectedChainId,\n      displayedTokensList,\n      displayedTokensWithBalances,\n      isPinnedToken\n    )\n    // A search keeps its results ranked by match, and \"All networks\" has no\n    // single native token to lead with.\n    if (isAllNetworks || search) {\n      return result\n    }\n    return {\n      ...result,\n      processedTokens: hoistNativeToken(\n        result.processedTokens,\n        selectedChainId\n      ),\n    }\n  }, [\n    isBalanceLoading,\n    isAllNetworks,\n    configTokens,\n    selectedChainId,\n    displayedTokensList,\n    displayedTokensWithBalances,\n    search,\n    isPinnedToken,\n  ])\n\n  return {\n    tokens: processedTokens ?? [],\n    withCategories,\n    withPinnedTokens,\n    isTokensLoading,\n    isSearchLoading,\n    isBalanceLoading,\n  }\n}\n"],"mappings":";;;;;;;;;AAeA,MAAa,oBACX,iBACA,UACA,eACA,WAQG;CACH,MAAM,EAAE,UAAU,QAAQ,iBAAiB,gBAAgB;CAC3D,MAAM,EACJ,WACA,qBACA,eACA,iBACA,oBACE,mBAAmB,iBAAiB,UAAU,eAAe,MAAM;CAEvE,MAAM,EAAE,MAAM,uBAAuB,WAAW,sBAC9C,wBAAwB,iBAAiB,UAAU,eAAe,SAAS;CAK7E,MAAM,EAAE,MAAM,uBAAuB,WAAW,4BAC9C,wBAAwB,uBAHxB,QAAQ,qBAAqB,KAAK,CAAC,iBAGmC;CAExE,MAAM,EAAE,0BAA0B,YAAY,CAAC,uBAAuB,CAAC;CAEvE,MAAM,oBACH,2BAA2B,sBAC5B,CAAC,uBAAuB;CAE1B,MAAM,8BAA8B,cAAc;EAChD,MAAM,kBAAkB,gBACpB,wBACA,kBACE,uBAAuB,QAAQ,MAAM,EAAE,YAAY,eAAe,IAClE,KAAA;EACN,MAAM,qBAAqB,IAAI,IAC7B,qBAAqB,KAClB,MAAM,GAAG,EAAE,QAAQ,GAAG,EAAE,QAAQ,YAAY,GAC/C,KAAK,CAAC,CACR;EAEA,MAAM,oBACJ,CAAC,CAAC,yBAAyB,CAAC,UAAU;EACxC,MAAM,YAAY,oBACd,OAAO,WAAW,qBAAqB,IACvC,KAAA;EAEJ,IAAI,CAAC,iBACH;EAGF,OAAO,gBAAgB,QAAgC,KAAK,UAAU;GACpE,MAAM,WAAW,GAAG,MAAM,QAAQ,GAAG,MAAM,QAAQ,YAAY;GAE/D,MAAM,oBAAoB,mBAAmB,IAAI,QAAQ,KAAK,MAAM;GAEpE,MAAM,gBAAgB,cAAc,OAAO,MAAM;GAGjD,IAAI,CAAC,qBAAqB,CAAC,eACzB,OAAO;GAIT,IAAI,iBAAiB;GACrB,IACE,qBACA,cAAc,KAAA,KACd,aAAa,KACb,MAAM,QAEa;QAAA,iBACjB,MAAM,QACN,MAAM,UACN,MAAM,QAEK,IAAI,WACf,iBAAiB;KACf,GAAG;KACH,QAAQ;IACV;GAAA;GAIJ,IAAI,KAAK,cAAc;GACvB,OAAO;EACT,GAAG,CAAC,CAAC;CACP,GAAG;EACD;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CAAC;CAED,MAAM,EAAE,iBAAiB,gBAAgB,qBAAqB,cAAc;EAC1E,MAAM,SAAS,iBACb,kBACA,iBAAiB,CAAC,CAAC,QACnB,cACA,iBACA,qBACA,6BACA,aACF;EAGA,IAAI,iBAAiB,QACnB,OAAO;EAET,OAAO;GACL,GAAG;GACH,iBAAiB,iBACf,OAAO,iBACP,eACF;EACF;CACF,GAAG;EACD;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CAAC;CAED,OAAO;EACL,QAAQ,mBAAmB,CAAC;EAC5B;EACA;EACA;EACA;EACA;CACF;AACF"}
+{"version":3,"file":"useTokenBalances.js","names":[],"sources":["../../../src/hooks/useTokenBalances.ts"],"sourcesContent":["import { useMemo } from 'react'\nimport { useWidgetConfig } from '../providers/WidgetProvider/WidgetProvider.js'\nimport type { FormType } from '../stores/form/types.js'\nimport { useSettings } from '../stores/settings/useSettings.js'\nimport type { TokenAmount } from '../types/token.js'\nimport { formatTokenPrice } from '../utils/format.js'\nimport {\n  hoistNativeToken,\n  isHoistableNative,\n  processTokenList,\n} from '../utils/tokenList.js'\nimport { useAccountsBalancesData } from './useAccountsBalancesData.js'\nimport { useDisplayedTokens } from './useDisplayedTokens.js'\nimport { useTokenBalancesQueries } from './useTokenBalancesQueries.js'\n\nexport const useTokenBalances = (\n  selectedChainId?: number,\n  formType?: FormType,\n  isAllNetworks?: boolean,\n  search?: string\n): {\n  tokens: TokenAmount[]\n  withCategories: boolean\n  withPinnedTokens: boolean\n  isTokensLoading: boolean\n  isSearchLoading: boolean\n  isBalanceLoading: boolean\n  /** Always set; optional so hand-built results of this public shape stay valid. */\n  nativeHoisted?: boolean\n} => {\n  const { hiddenUI, tokens: configTokens } = useWidgetConfig()\n  const {\n    allTokens,\n    displayedTokensList,\n    isPinnedToken,\n    matchesSearch,\n    isTokensLoading,\n    isSearchLoading,\n  } = useDisplayedTokens(selectedChainId, formType, isAllNetworks, search)\n\n  const { data: accountsWithAllTokens, isLoading: isAccountsLoading } =\n    useAccountsBalancesData(selectedChainId, formType, isAllNetworks, allTokens)\n\n  const isBalanceLoadingEnabled =\n    Boolean(accountsWithAllTokens) && !isAccountsLoading\n\n  const { data: allTokensWithBalances, isLoading: isBalanceQueriesLoading } =\n    useTokenBalancesQueries(accountsWithAllTokens, isBalanceLoadingEnabled)\n\n  const { smallBalanceThreshold } = useSettings(['smallBalanceThreshold'])\n\n  const isBalanceLoading =\n    (isBalanceQueriesLoading || isAccountsLoading) &&\n    !allTokensWithBalances?.length\n\n  const displayedTokensWithBalances = useMemo(() => {\n    const balancesByChain = isAllNetworks\n      ? allTokensWithBalances\n      : selectedChainId\n        ? allTokensWithBalances?.filter((t) => t.chainId === selectedChainId)\n        : undefined\n    const displayedTokensSet = new Set(\n      displayedTokensList?.map(\n        (t) => `${t.chainId}-${t.address.toLowerCase()}`\n      ) || []\n    )\n\n    const hideSmallBalances =\n      !!smallBalanceThreshold && !hiddenUI?.hideSmallBalances\n    const threshold = hideSmallBalances\n      ? Number.parseFloat(smallBalanceThreshold)\n      : undefined\n\n    if (!balancesByChain) {\n      return undefined\n    }\n\n    return balancesByChain.reduce<typeof balancesByChain>((acc, token) => {\n      const tokenKey = `${token.chainId}-${token.address.toLowerCase()}`\n      // Check if token is in displayed list and has amount\n      const isInDisplayedList = displayedTokensSet.has(tokenKey) && token.amount\n      // Check if it matches search (for cached appended tokens)\n      const matchesTheSearch = matchesSearch(token)\n\n      // Filter: only include tokens that match our criteria\n      if (!isInDisplayedList && !matchesTheSearch) {\n        return acc\n      }\n\n      // Apply small balance threshold transformation if enabled\n      let processedToken = token\n      if (\n        hideSmallBalances &&\n        threshold !== undefined &&\n        threshold >= 0 &&\n        token.amount\n      ) {\n        const balanceUSD = formatTokenPrice(\n          token.amount,\n          token.priceUSD,\n          token.decimals\n        )\n        if (balanceUSD < threshold) {\n          processedToken = {\n            ...token,\n            amount: 0n,\n          }\n        }\n      }\n\n      acc.push(processedToken)\n      return acc\n    }, [])\n  }, [\n    allTokensWithBalances,\n    displayedTokensList,\n    matchesSearch,\n    selectedChainId,\n    isAllNetworks,\n    smallBalanceThreshold,\n    hiddenUI,\n  ])\n\n  const { processedTokens, withCategories, withPinnedTokens, nativeHoisted } =\n    useMemo(() => {\n      const result = processTokenList(\n        isBalanceLoading,\n        isAllNetworks || !!search,\n        configTokens,\n        selectedChainId,\n        displayedTokensList,\n        displayedTokensWithBalances,\n        isPinnedToken\n      )\n      // Search results stay ranked, and All networks has no single native.\n      if (isAllNetworks || search) {\n        return { ...result, nativeHoisted: false }\n      }\n      const hoisted = hoistNativeToken(result.processedTokens, selectedChainId)\n      return {\n        ...result,\n        processedTokens: hoisted,\n        nativeHoisted: isHoistableNative(hoisted[0], selectedChainId),\n      }\n    }, [\n      isBalanceLoading,\n      isAllNetworks,\n      configTokens,\n      selectedChainId,\n      displayedTokensList,\n      displayedTokensWithBalances,\n      search,\n      isPinnedToken,\n    ])\n\n  return {\n    tokens: processedTokens ?? [],\n    withCategories,\n    withPinnedTokens,\n    isTokensLoading,\n    isSearchLoading,\n    isBalanceLoading,\n    nativeHoisted,\n  }\n}\n"],"mappings":";;;;;;;;;AAeA,MAAa,oBACX,iBACA,UACA,eACA,WAUG;CACH,MAAM,EAAE,UAAU,QAAQ,iBAAiB,gBAAgB;CAC3D,MAAM,EACJ,WACA,qBACA,eACA,eACA,iBACA,oBACE,mBAAmB,iBAAiB,UAAU,eAAe,MAAM;CAEvE,MAAM,EAAE,MAAM,uBAAuB,WAAW,sBAC9C,wBAAwB,iBAAiB,UAAU,eAAe,SAAS;CAK7E,MAAM,EAAE,MAAM,uBAAuB,WAAW,4BAC9C,wBAAwB,uBAHxB,QAAQ,qBAAqB,KAAK,CAAC,iBAGmC;CAExE,MAAM,EAAE,0BAA0B,YAAY,CAAC,uBAAuB,CAAC;CAEvE,MAAM,oBACH,2BAA2B,sBAC5B,CAAC,uBAAuB;CAE1B,MAAM,8BAA8B,cAAc;EAChD,MAAM,kBAAkB,gBACpB,wBACA,kBACE,uBAAuB,QAAQ,MAAM,EAAE,YAAY,eAAe,IAClE,KAAA;EACN,MAAM,qBAAqB,IAAI,IAC7B,qBAAqB,KAClB,MAAM,GAAG,EAAE,QAAQ,GAAG,EAAE,QAAQ,YAAY,GAC/C,KAAK,CAAC,CACR;EAEA,MAAM,oBACJ,CAAC,CAAC,yBAAyB,CAAC,UAAU;EACxC,MAAM,YAAY,oBACd,OAAO,WAAW,qBAAqB,IACvC,KAAA;EAEJ,IAAI,CAAC,iBACH;EAGF,OAAO,gBAAgB,QAAgC,KAAK,UAAU;GACpE,MAAM,WAAW,GAAG,MAAM,QAAQ,GAAG,MAAM,QAAQ,YAAY;GAE/D,MAAM,oBAAoB,mBAAmB,IAAI,QAAQ,KAAK,MAAM;GAEpE,MAAM,mBAAmB,cAAc,KAAK;GAG5C,IAAI,CAAC,qBAAqB,CAAC,kBACzB,OAAO;GAIT,IAAI,iBAAiB;GACrB,IACE,qBACA,cAAc,KAAA,KACd,aAAa,KACb,MAAM,QAEa;QAAA,iBACjB,MAAM,QACN,MAAM,UACN,MAAM,QAEK,IAAI,WACf,iBAAiB;KACf,GAAG;KACH,QAAQ;IACV;GAAA;GAIJ,IAAI,KAAK,cAAc;GACvB,OAAO;EACT,GAAG,CAAC,CAAC;CACP,GAAG;EACD;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CAAC;CAED,MAAM,EAAE,iBAAiB,gBAAgB,kBAAkB,kBACzD,cAAc;EACZ,MAAM,SAAS,iBACb,kBACA,iBAAiB,CAAC,CAAC,QACnB,cACA,iBACA,qBACA,6BACA,aACF;EAEA,IAAI,iBAAiB,QACnB,OAAO;GAAE,GAAG;GAAQ,eAAe;EAAM;EAE3C,MAAM,UAAU,iBAAiB,OAAO,iBAAiB,eAAe;EACxE,OAAO;GACL,GAAG;GACH,iBAAiB;GACjB,eAAe,kBAAkB,QAAQ,IAAI,eAAe;EAC9D;CACF,GAAG;EACD;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CAAC;CAEH,OAAO;EACL,QAAQ,mBAAmB,CAAC;EAC5B;EACA;EACA;EACA;EACA;EACA;CACF;AACF"}

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

@@ -4,7 +4,7 @@ import { TokenAmount } from "../types/token.js";
 /**
  * Token-selection list without wallet balances - No accounts are resolved and no balance queries are fired.
  */
-declare const useTokenList: (selectedChainId?: number, formType?: FormType, isAllNetworks?: boolean, search?: string) => {
+export declare const useTokenList: (selectedChainId?: number, formType?: FormType, isAllNetworks?: boolean, search?: string) => {
   tokens: TokenAmount[];
   withCategories: boolean;
   withPinnedTokens: boolean;
@@ -12,5 +12,4 @@ declare const useTokenList: (selectedChainId?: number, formType?: FormType, isAl
   isSearchLoading: boolean;
 };
 //#endregion
-export { useTokenList };
 //# sourceMappingURL=useTokenList.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"useTokenList.d.ts","names":[],"sources":["../../../src/hooks/useTokenList.ts"],"mappings":";;;;;;cAUa,eACX,0BACA,WAAW,UACX,yBACA;EAEA,QAAQ;EACR;EACA;EACA;EACA"}
+{"version":3,"file":"useTokenList.d.ts","names":[],"sources":["../../../src/hooks/useTokenList.ts"],"mappings":";;;;;;qBAUa,eACX,0BACA,WAAW,UACX,yBACA;EAEA,QAAQ;EACR;EACA;EACA;EACA"}

package/dist/esm/hooks/useTokenSearch.js

@@ -1,7 +1,8 @@
-import { getConfigItemSets, isFormItemAllowed } from "../utils/item.js";
+import { isFormItemAllowed } from "../utils/item.js";
 import { useWidgetConfig } from "../providers/WidgetProvider/WidgetProvider.js";
 import { useSDKClient } from "../providers/SDKClientProvider.js";
 import { getQueryKey } from "../utils/queries.js";
+import { getChainTokenAllowSets } from "../utils/token.js";
 import { getToken } from "@lifi/sdk";
 import { useQuery, useQueryClient } from "@tanstack/react-query";
 //#region src/hooks/useTokenSearch.ts
@@ -18,7 +19,7 @@ const useTokenSearch = (chainId, tokenQuery, enabled, formType) => {
 		queryFn: async ({ queryKey: [, chainId, tokenQuery], signal }) => {
 			const token = await getToken(sdkClient, chainId, tokenQuery, { signal });
 			if (token) {
-				const filteredConfigTokens = getConfigItemSets(configTokens, (tokens) => new Set(tokens.filter((t) => t.chainId === token.chainId).map((t) => t.address.toLowerCase())), formType);
+				const filteredConfigTokens = getChainTokenAllowSets(configTokens, token.chainId, formType);
 				if (!isFormItemAllowed(token, filteredConfigTokens, formType, (t) => t.address.toLowerCase())) return null;
 				queryClient.setQueriesData({ queryKey: [getQueryKey("tokens", keyPrefix)] }, (data) => {
 					if (!data) return data;

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

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

package/dist/esm/hooks/useTokens.js

@@ -4,6 +4,7 @@ import { useSDKClient } from "../providers/SDKClientProvider.js";
 import { getQueryKey } from "../utils/queries.js";
 import { useAvailableChains } from "./useAvailableChains.js";
 import { filterAllowedTokens, getNativeTokenAddresses, mergeVerifiedWithSearchTokens } from "../utils/token.js";
+import { isAddressQuery } from "../utils/address.js";
 import { defaultChainIdsByType } from "../utils/chainType.js";
 import { ChainType, getToken, getTokens } from "@lifi/sdk";
 import { useMemo } from "react";
@@ -14,7 +15,9 @@ const refetchInterval = 3e5;
 const useTokens = (formType, search, chainId) => {
 	const { tokens: configTokens, chains: chainsConfig, keyPrefix } = useWidgetConfig();
 	const sdkClient = useSDKClient();
-	const { getChainTypeFromAddress } = useChainTypeFromAddress();
+	const { getChainTypeFromTokenAddress } = useChainTypeFromAddress();
+	const trimmedSearch = search?.trim();
+	const isAddressSearch = useMemo(() => isAddressQuery(trimmedSearch, getChainTypeFromTokenAddress), [trimmedSearch, getChainTypeFromTokenAddress]);
 	const { data: verifiedTokens, isLoading } = useQuery({
 		queryKey: [getQueryKey("tokens", keyPrefix)],
 		queryFn: async ({ signal }) => {
@@ -44,11 +47,12 @@ const useTokens = (formType, search, chainId) => {
 	const { data: searchTokens, isLoading: isSearchLoading } = useQuery({
 		queryKey: [
 			getQueryKey("tokens-search", keyPrefix),
-			search,
-			chainId
+			trimmedSearch,
+			chainId,
+			isAddressSearch
 		],
 		queryFn: async ({ queryKey, signal }) => {
-			const [, searchQuery, searchChainId] = queryKey;
+			const [, searchQuery, searchChainId, addressSearch] = queryKey;
 			const chainTypes = [
 				ChainType.EVM,
 				ChainType.SVM,
@@ -65,20 +69,26 @@ const useTokens = (formType, search, chainId) => {
 				limit: 1e3,
 				minPriceUSD: 1e-6
 			}, { signal });
-			let _chainId = searchChainId;
-			if (!_chainId) {
-				const chainType = getChainTypeFromAddress(searchQuery);
-				if (chainType && chainType in defaultChainIdsByType) _chainId = defaultChainIdsByType[chainType];
-			}
-			if (_chainId && searchQuery) {
-				if (!(tokensResponse.tokens[_chainId] || []).length) {
-					const token = await getToken(sdkClient, _chainId, searchQuery, { signal });
-					if (token) tokensResponse.tokens[_chainId] = [token];
+			if (searchQuery) {
+				const chainType = getChainTypeFromTokenAddress(searchQuery);
+				const lookupChainId = searchChainId ?? (chainType ? defaultChainIdsByType[chainType] : void 0);
+				if (lookupChainId) {
+					const existingTokens = tokensResponse.tokens[lookupChainId] ?? [];
+					const hasTokenAtAddress = () => {
+						const address = searchQuery.toLowerCase();
+						return (searchChainId ? [existingTokens] : Object.values(tokensResponse.tokens)).some((tokens) => tokens.some((token) => token.address?.toLowerCase() === address));
+					};
+					if (addressSearch ? !hasTokenAtAddress() : !existingTokens.length) try {
+						const token = await getToken(sdkClient, lookupChainId, searchQuery, { signal });
+						if (token) tokensResponse.tokens[lookupChainId] = [...existingTokens, token];
+					} catch (error) {
+						if (signal.aborted) throw error;
+					}
 				}
 			}
 			return tokensResponse.tokens;
 		},
-		enabled: !!search,
+		enabled: !!trimmedSearch,
 		refetchInterval,
 		staleTime: refetchInterval
 	});
@@ -97,7 +107,8 @@ const useTokens = (formType, search, chainId) => {
 			nativeTokenAddresses
 		]),
 		isLoading,
-		isSearchLoading
+		isSearchLoading,
+		isAddressSearch
 	};
 };
 //#endregion

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

@@ -1 +1 @@
-{"version":3,"file":"useTokens.js","names":[],"sources":["../../../src/hooks/useTokens.ts"],"sourcesContent":["import {\n  ChainType,\n  getToken,\n  getTokens,\n  type TokenExtended,\n  type TokensExtendedResponse,\n} from '@lifi/sdk'\nimport { useChainTypeFromAddress } from '@lifi/widget-provider'\nimport { useQuery } from '@tanstack/react-query'\nimport { useMemo } from 'react'\nimport { useSDKClient } from '../providers/SDKClientProvider.js'\nimport { useWidgetConfig } from '../providers/WidgetProvider/WidgetProvider.js'\nimport type { FormType } from '../stores/form/types.js'\nimport type { TokensByChain } from '../types/token.js'\nimport { defaultChainIdsByType } from '../utils/chainType.js'\nimport { isItemAllowed } from '../utils/item.js'\nimport { getQueryKey } from '../utils/queries.js'\nimport {\n  filterAllowedTokens,\n  getNativeTokenAddresses,\n  mergeVerifiedWithSearchTokens,\n} from '../utils/token.js'\nimport { useAvailableChains } from './useAvailableChains.js'\n\nconst refetchInterval = 300_000\n\nexport const useTokens = (\n  formType?: FormType,\n  search?: string,\n  chainId?: number\n): {\n  allTokens: Record<number, TokenExtended[]> | undefined\n  isLoading: boolean\n  isSearchLoading: boolean\n} => {\n  const {\n    tokens: configTokens,\n    chains: chainsConfig,\n    keyPrefix,\n  } = useWidgetConfig()\n  const sdkClient = useSDKClient()\n  const { getChainTypeFromAddress } = useChainTypeFromAddress()\n\n  // Main tokens cache - verified tokens from API\n  const { data: verifiedTokens, isLoading } = useQuery({\n    queryKey: [getQueryKey('tokens', keyPrefix)],\n    queryFn: async ({ signal }) => {\n      const chainTypes = [\n        ChainType.EVM,\n        ChainType.SVM,\n        ChainType.UTXO,\n        ChainType.MVM,\n        ChainType.TVM,\n        ChainType.STL,\n      ].filter((chainType) => isItemAllowed(chainType, chainsConfig?.types))\n\n      const tokensResponse: TokensExtendedResponse = await getTokens(\n        sdkClient,\n        {\n          chainTypes,\n          orderBy: 'volumeUSD24H',\n          extended: true,\n          limit: 1000,\n          minPriceUSD: 0.000001,\n        },\n        { signal }\n      )\n\n      // `listed` tells a main-list token from a searched one\n      const tokens: TokensByChain = Object.fromEntries(\n        Object.entries(tokensResponse.tokens).map(([chainId, tokens]) => [\n          chainId,\n          tokens.map((token) => ({ ...token, listed: true })),\n        ])\n      )\n\n      return tokens\n    },\n    refetchInterval,\n    staleTime: refetchInterval,\n  })\n\n  // Search tokens cache - unverified tokens from search\n  const { data: searchTokens, isLoading: isSearchLoading } = useQuery({\n    queryKey: [getQueryKey('tokens-search', keyPrefix), search, chainId],\n    queryFn: async ({ queryKey, signal }) => {\n      const [, searchQuery, searchChainId] = queryKey as [\n        string,\n        string,\n        number,\n      ]\n      const chainTypes = [\n        ChainType.EVM,\n        ChainType.SVM,\n        ChainType.UTXO,\n        ChainType.MVM,\n        ChainType.TVM,\n        ChainType.STL,\n      ].filter((chainType) => isItemAllowed(chainType, chainsConfig?.types))\n\n      const tokensResponse: TokensExtendedResponse = await getTokens(\n        sdkClient,\n        {\n          chainTypes,\n          orderBy: 'volumeUSD24H',\n          extended: true,\n          search: searchQuery,\n          limit: 1000,\n          minPriceUSD: 0.000001,\n        },\n        { signal }\n      )\n\n      // If the chainId is not provided, try to get it from the search query\n      let _chainId = searchChainId\n      if (!_chainId) {\n        const chainType = getChainTypeFromAddress(searchQuery)\n        if (chainType && chainType in defaultChainIdsByType) {\n          _chainId = defaultChainIdsByType[chainType]\n        }\n      }\n\n      // Fallback: If the main search returned no tokens for the specific chainId,\n      // fetch a single token using the /token endpoint\n      if (_chainId && searchQuery) {\n        const existingTokens = tokensResponse.tokens[_chainId] || []\n        if (!existingTokens.length) {\n          const token = await getToken(sdkClient, _chainId, searchQuery, {\n            signal,\n          })\n          if (token) {\n            tokensResponse.tokens[_chainId] = [token]\n          }\n        }\n      }\n\n      return tokensResponse.tokens as TokensByChain\n    },\n    enabled: !!search,\n    refetchInterval,\n    staleTime: refetchInterval,\n  })\n\n  const { chains } = useAvailableChains()\n  const nativeTokenAddresses = useMemo(\n    () => getNativeTokenAddresses(chains),\n    [chains]\n  )\n\n  // Merge tokens at read time - single place where caches are combined\n  const allTokens = useMemo(() => {\n    const merged = mergeVerifiedWithSearchTokens(verifiedTokens, searchTokens)\n    return filterAllowedTokens(\n      merged,\n      configTokens,\n      chainsConfig,\n      formType,\n      nativeTokenAddresses\n    )\n  }, [\n    verifiedTokens,\n    searchTokens,\n    configTokens,\n    chainsConfig,\n    formType,\n    nativeTokenAddresses,\n  ])\n\n  return {\n    allTokens,\n    isLoading,\n    isSearchLoading,\n  }\n}\n"],"mappings":";;;;;;;;;;;;AAwBA,MAAM,kBAAkB;AAExB,MAAa,aACX,UACA,QACA,YAKG;CACH,MAAM,EACJ,QAAQ,cACR,QAAQ,cACR,cACE,gBAAgB;CACpB,MAAM,YAAY,aAAa;CAC/B,MAAM,EAAE,4BAA4B,wBAAwB;CAG5D,MAAM,EAAE,MAAM,gBAAgB,cAAc,SAAS;EACnD,UAAU,CAAC,YAAY,UAAU,SAAS,CAAC;EAC3C,SAAS,OAAO,EAAE,aAAa;GAC7B,MAAM,aAAa;IACjB,UAAU;IACV,UAAU;IACV,UAAU;IACV,UAAU;IACV,UAAU;IACV,UAAU;GACZ,CAAC,CAAC,QAAQ,cAAc,cAAc,WAAW,cAAc,KAAK,CAAC;GAErE,MAAM,iBAAyC,MAAM,UACnD,WACA;IACE;IACA,SAAS;IACT,UAAU;IACV,OAAO;IACP,aAAa;GACf,GACA,EAAE,OAAO,CACX;GAUA,OAP8B,OAAO,YACnC,OAAO,QAAQ,eAAe,MAAM,CAAC,CAAC,KAAK,CAAC,SAAS,YAAY,CAC/D,SACA,OAAO,KAAK,WAAW;IAAE,GAAG;IAAO,QAAQ;GAAK,EAAE,CACpD,CAAC,CAGS;EACd;EACA;EACA,WAAW;CACb,CAAC;CAGD,MAAM,EAAE,MAAM,cAAc,WAAW,oBAAoB,SAAS;EAClE,UAAU;GAAC,YAAY,iBAAiB,SAAS;GAAG;GAAQ;EAAO;EACnE,SAAS,OAAO,EAAE,UAAU,aAAa;GACvC,MAAM,GAAG,aAAa,iBAAiB;GAKvC,MAAM,aAAa;IACjB,UAAU;IACV,UAAU;IACV,UAAU;IACV,UAAU;IACV,UAAU;IACV,UAAU;GACZ,CAAC,CAAC,QAAQ,cAAc,cAAc,WAAW,cAAc,KAAK,CAAC;GAErE,MAAM,iBAAyC,MAAM,UACnD,WACA;IACE;IACA,SAAS;IACT,UAAU;IACV,QAAQ;IACR,OAAO;IACP,aAAa;GACf,GACA,EAAE,OAAO,CACX;GAGA,IAAI,WAAW;GACf,IAAI,CAAC,UAAU;IACb,MAAM,YAAY,wBAAwB,WAAW;IACrD,IAAI,aAAa,aAAa,uBAC5B,WAAW,sBAAsB;GAErC;GAIA,IAAI,YAAY,aAEV;QAAA,EADmB,eAAe,OAAO,aAAa,CAAC,EAAA,CACvC,QAAQ;KAC1B,MAAM,QAAQ,MAAM,SAAS,WAAW,UAAU,aAAa,EAC7D,OACF,CAAC;KACD,IAAI,OACF,eAAe,OAAO,YAAY,CAAC,KAAK;IAE5C;;GAGF,OAAO,eAAe;EACxB;EACA,SAAS,CAAC,CAAC;EACX;EACA,WAAW;CACb,CAAC;CAED,MAAM,EAAE,WAAW,mBAAmB;CACtC,MAAM,uBAAuB,cACrB,wBAAwB,MAAM,GACpC,CAAC,MAAM,CACT;CAqBA,OAAO;EACL,WAnBgB,cAAc;GAC9B,MAAM,SAAS,8BAA8B,gBAAgB,YAAY;GACzE,OAAO,oBACL,QACA,cACA,cACA,UACA,oBACF;EACF,GAAG;GACD;GACA;GACA;GACA;GACA;GACA;EACF,CAGU;EACR;EACA;CACF;AACF"}
+{"version":3,"file":"useTokens.js","names":[],"sources":["../../../src/hooks/useTokens.ts"],"sourcesContent":["import {\n  ChainType,\n  getToken,\n  getTokens,\n  type TokenExtended,\n  type TokensExtendedResponse,\n} from '@lifi/sdk'\nimport { useChainTypeFromAddress } from '@lifi/widget-provider'\nimport { useQuery } from '@tanstack/react-query'\nimport { useMemo } from 'react'\nimport { useSDKClient } from '../providers/SDKClientProvider.js'\nimport { useWidgetConfig } from '../providers/WidgetProvider/WidgetProvider.js'\nimport type { FormType } from '../stores/form/types.js'\nimport type { TokensByChain } from '../types/token.js'\nimport { isAddressQuery } from '../utils/address.js'\nimport { defaultChainIdsByType } from '../utils/chainType.js'\nimport { isItemAllowed } from '../utils/item.js'\nimport { getQueryKey } from '../utils/queries.js'\nimport {\n  filterAllowedTokens,\n  getNativeTokenAddresses,\n  mergeVerifiedWithSearchTokens,\n} from '../utils/token.js'\nimport { useAvailableChains } from './useAvailableChains.js'\n\nconst refetchInterval = 300_000\n\nexport const useTokens = (\n  formType?: FormType,\n  search?: string,\n  chainId?: number\n): {\n  allTokens: Record<number, TokenExtended[]> | undefined\n  isLoading: boolean\n  isSearchLoading: boolean\n  /** The search is a contract address, so only the token at that address matches. */\n  isAddressSearch: boolean\n} => {\n  const {\n    tokens: configTokens,\n    chains: chainsConfig,\n    keyPrefix,\n  } = useWidgetConfig()\n  const sdkClient = useSDKClient()\n  const { getChainTypeFromTokenAddress } = useChainTypeFromAddress()\n  // A pasted address often carries a trailing space or newline, which the\n  // API rejects. Trim once so the key, the requests and the checks agree.\n  const trimmedSearch = search?.trim()\n  // Keep this memoized, and out of any per-token loop: a provider validates by\n  // parsing, which costs microseconds per call rather than nanoseconds.\n  const isAddressSearch = useMemo(\n    () => isAddressQuery(trimmedSearch, getChainTypeFromTokenAddress),\n    [trimmedSearch, getChainTypeFromTokenAddress]\n  )\n\n  // Main tokens cache - verified tokens from API\n  const { data: verifiedTokens, isLoading } = useQuery({\n    queryKey: [getQueryKey('tokens', keyPrefix)],\n    queryFn: async ({ signal }) => {\n      const chainTypes = [\n        ChainType.EVM,\n        ChainType.SVM,\n        ChainType.UTXO,\n        ChainType.MVM,\n        ChainType.TVM,\n        ChainType.STL,\n      ].filter((chainType) => isItemAllowed(chainType, chainsConfig?.types))\n\n      const tokensResponse: TokensExtendedResponse = await getTokens(\n        sdkClient,\n        {\n          chainTypes,\n          orderBy: 'volumeUSD24H',\n          extended: true,\n          limit: 1000,\n          minPriceUSD: 0.000001,\n        },\n        { signal }\n      )\n\n      // `listed` tells a main-list token from a searched one\n      const tokens: TokensByChain = Object.fromEntries(\n        Object.entries(tokensResponse.tokens).map(([chainId, tokens]) => [\n          chainId,\n          tokens.map((token) => ({ ...token, listed: true })),\n        ])\n      )\n\n      return tokens\n    },\n    refetchInterval,\n    staleTime: refetchInterval,\n  })\n\n  // Search tokens cache - unverified tokens from search\n  const { data: searchTokens, isLoading: isSearchLoading } = useQuery({\n    queryKey: [\n      getQueryKey('tokens-search', keyPrefix),\n      trimmedSearch,\n      chainId,\n      isAddressSearch,\n    ] as const,\n    queryFn: async ({ queryKey, signal }) => {\n      const [, searchQuery, searchChainId, addressSearch] = queryKey\n      const chainTypes = [\n        ChainType.EVM,\n        ChainType.SVM,\n        ChainType.UTXO,\n        ChainType.MVM,\n        ChainType.TVM,\n        ChainType.STL,\n      ].filter((chainType) => isItemAllowed(chainType, chainsConfig?.types))\n\n      const tokensResponse: TokensExtendedResponse = await getTokens(\n        sdkClient,\n        {\n          chainTypes,\n          orderBy: 'volumeUSD24H',\n          extended: true,\n          search: searchQuery,\n          limit: 1000,\n          minPriceUSD: 0.000001,\n        },\n        { signal }\n      )\n\n      // Fallback: fetch a single token from the /token endpoint when the\n      // search did not deliver one. Look it up on the selected chain, or\n      // without one on the default chain of the address format.\n      if (searchQuery) {\n        const chainType = getChainTypeFromTokenAddress(searchQuery)\n        const lookupChainId =\n          searchChainId ??\n          (chainType ? defaultChainIdsByType[chainType] : undefined)\n        if (lookupChainId) {\n          const existingTokens = tokensResponse.tokens[lookupChainId] ?? []\n          // The search index also matches names, so for an address query\n          // impersonators that embed the address can fill the list while the\n          // token at that address is missing. Without a selected chain the\n          // token can sit on any chain of the response.\n          const hasTokenAtAddress = () => {\n            const address = searchQuery.toLowerCase()\n            const candidates = searchChainId\n              ? [existingTokens]\n              : Object.values(tokensResponse.tokens)\n            return candidates.some((tokens) =>\n              tokens.some((token) => token.address?.toLowerCase() === address)\n            )\n          }\n          const isTokenMissing = addressSearch\n            ? !hasTokenAtAddress()\n            : !existingTokens.length\n          if (isTokenMissing) {\n            try {\n              const token = await getToken(\n                sdkClient,\n                lookupChainId,\n                searchQuery,\n                { signal }\n              )\n              if (token) {\n                tokensResponse.tokens[lookupChainId] = [\n                  ...existingTokens,\n                  token,\n                ]\n              }\n            } catch (error) {\n              // A guessed chain may not hold the token (HTTP 400). Keep the\n              // search results instead of failing the whole query.\n              if (signal.aborted) {\n                throw error\n              }\n            }\n          }\n        }\n      }\n\n      return tokensResponse.tokens as TokensByChain\n    },\n    enabled: !!trimmedSearch,\n    refetchInterval,\n    staleTime: refetchInterval,\n  })\n\n  const { chains } = useAvailableChains()\n  const nativeTokenAddresses = useMemo(\n    () => getNativeTokenAddresses(chains),\n    [chains]\n  )\n\n  // Merge tokens at read time - single place where caches are combined\n  const allTokens = useMemo(() => {\n    const merged = mergeVerifiedWithSearchTokens(verifiedTokens, searchTokens)\n    return filterAllowedTokens(\n      merged,\n      configTokens,\n      chainsConfig,\n      formType,\n      nativeTokenAddresses\n    )\n  }, [\n    verifiedTokens,\n    searchTokens,\n    configTokens,\n    chainsConfig,\n    formType,\n    nativeTokenAddresses,\n  ])\n\n  return {\n    allTokens,\n    isLoading,\n    isSearchLoading,\n    isAddressSearch,\n  }\n}\n"],"mappings":";;;;;;;;;;;;;AAyBA,MAAM,kBAAkB;AAExB,MAAa,aACX,UACA,QACA,YAOG;CACH,MAAM,EACJ,QAAQ,cACR,QAAQ,cACR,cACE,gBAAgB;CACpB,MAAM,YAAY,aAAa;CAC/B,MAAM,EAAE,iCAAiC,wBAAwB;CAGjE,MAAM,gBAAgB,QAAQ,KAAK;CAGnC,MAAM,kBAAkB,cAChB,eAAe,eAAe,4BAA4B,GAChE,CAAC,eAAe,4BAA4B,CAC9C;CAGA,MAAM,EAAE,MAAM,gBAAgB,cAAc,SAAS;EACnD,UAAU,CAAC,YAAY,UAAU,SAAS,CAAC;EAC3C,SAAS,OAAO,EAAE,aAAa;GAC7B,MAAM,aAAa;IACjB,UAAU;IACV,UAAU;IACV,UAAU;IACV,UAAU;IACV,UAAU;IACV,UAAU;GACZ,CAAC,CAAC,QAAQ,cAAc,cAAc,WAAW,cAAc,KAAK,CAAC;GAErE,MAAM,iBAAyC,MAAM,UACnD,WACA;IACE;IACA,SAAS;IACT,UAAU;IACV,OAAO;IACP,aAAa;GACf,GACA,EAAE,OAAO,CACX;GAUA,OAP8B,OAAO,YACnC,OAAO,QAAQ,eAAe,MAAM,CAAC,CAAC,KAAK,CAAC,SAAS,YAAY,CAC/D,SACA,OAAO,KAAK,WAAW;IAAE,GAAG;IAAO,QAAQ;GAAK,EAAE,CACpD,CAAC,CAGS;EACd;EACA;EACA,WAAW;CACb,CAAC;CAGD,MAAM,EAAE,MAAM,cAAc,WAAW,oBAAoB,SAAS;EAClE,UAAU;GACR,YAAY,iBAAiB,SAAS;GACtC;GACA;GACA;EACF;EACA,SAAS,OAAO,EAAE,UAAU,aAAa;GACvC,MAAM,GAAG,aAAa,eAAe,iBAAiB;GACtD,MAAM,aAAa;IACjB,UAAU;IACV,UAAU;IACV,UAAU;IACV,UAAU;IACV,UAAU;IACV,UAAU;GACZ,CAAC,CAAC,QAAQ,cAAc,cAAc,WAAW,cAAc,KAAK,CAAC;GAErE,MAAM,iBAAyC,MAAM,UACnD,WACA;IACE;IACA,SAAS;IACT,UAAU;IACV,QAAQ;IACR,OAAO;IACP,aAAa;GACf,GACA,EAAE,OAAO,CACX;GAKA,IAAI,aAAa;IACf,MAAM,YAAY,6BAA6B,WAAW;IAC1D,MAAM,gBACJ,kBACC,YAAY,sBAAsB,aAAa,KAAA;IAClD,IAAI,eAAe;KACjB,MAAM,iBAAiB,eAAe,OAAO,kBAAkB,CAAC;KAKhE,MAAM,0BAA0B;MAC9B,MAAM,UAAU,YAAY,YAAY;MAIxC,QAHmB,gBACf,CAAC,cAAc,IACf,OAAO,OAAO,eAAe,MAAM,EAAA,CACrB,MAAM,WACtB,OAAO,MAAM,UAAU,MAAM,SAAS,YAAY,MAAM,OAAO,CACjE;KACF;KAIA,IAHuB,gBACnB,CAAC,kBAAkB,IACnB,CAAC,eAAe,QAElB,IAAI;MACF,MAAM,QAAQ,MAAM,SAClB,WACA,eACA,aACA,EAAE,OAAO,CACX;MACA,IAAI,OACF,eAAe,OAAO,iBAAiB,CACrC,GAAG,gBACH,KACF;KAEJ,SAAS,OAAO;MAGd,IAAI,OAAO,SACT,MAAM;KAEV;IAEJ;GACF;GAEA,OAAO,eAAe;EACxB;EACA,SAAS,CAAC,CAAC;EACX;EACA,WAAW;CACb,CAAC;CAED,MAAM,EAAE,WAAW,mBAAmB;CACtC,MAAM,uBAAuB,cACrB,wBAAwB,MAAM,GACpC,CAAC,MAAM,CACT;CAqBA,OAAO;EACL,WAnBgB,cAAc;GAC9B,MAAM,SAAS,8BAA8B,gBAAgB,YAAY;GACzE,OAAO,oBACL,QACA,cACA,cACA,UACA,oBACF;EACF,GAAG;GACD;GACA;GACA;GACA;GACA;GACA;EACF,CAGU;EACR;EACA;EACA;CACF;AACF"}

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

@@ -1,8 +1,7 @@
 import { ToolsResponse } from "@lifi/sdk";
 //#region src/hooks/useTools.d.ts
-declare const useTools: () => {
+export declare const useTools: () => {
   tools: ToolsResponse | undefined;
 };
 //#endregion
-export { useTools };
 //# sourceMappingURL=useTools.d.ts.map

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

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

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

@@ -1,11 +1,10 @@
 import { WidgetConfig } from "../types/widget.js";
 import { ExtendedChain } from "@lifi/sdk";
 //#region src/hooks/useWidgetChains.d.ts
-declare const useWidgetChains: (widgetConfig: WidgetConfig) => {
+export declare const useWidgetChains: (widgetConfig: WidgetConfig) => {
   chains: ExtendedChain[] | undefined;
   getChainById: (chainId?: number, chains?: ExtendedChain[]) => ExtendedChain | undefined;
   isLoading: boolean;
 };
 //#endregion
-export { useWidgetChains };
 //# sourceMappingURL=useWidgetChains.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"useWidgetChains.d.ts","names":[],"sources":["../../../src/hooks/useWidgetChains.ts"],"mappings":";;;cAIa,kBACX,cAAc;EAEd,QAAQ;EACR,eACE,kBACA,SAAS,oBACN;EACL"}
+{"version":3,"file":"useWidgetChains.d.ts","names":[],"sources":["../../../src/hooks/useWidgetChains.ts"],"mappings":";;;qBAIa,kBACX,cAAc;EAEd,QAAQ;EACR,eACE,kBACA,SAAS,oBACN;EACL"}

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

@@ -1,9 +1,8 @@
 import { WidgetEvents } from "../types/events.js";
 import EventEmitter from "eventemitter3";
 //#region src/hooks/useWidgetEvents.d.ts
-type WidgetEventEmitter = EventEmitter<WidgetEvents>;
-declare const widgetEvents: WidgetEventEmitter;
-declare const useWidgetEvents: () => WidgetEventEmitter;
+export type WidgetEventEmitter = EventEmitter<WidgetEvents>;
+export declare const widgetEvents: WidgetEventEmitter;
+export declare const useWidgetEvents: () => WidgetEventEmitter;
 //#endregion
-export { WidgetEventEmitter, useWidgetEvents, widgetEvents };
 //# sourceMappingURL=useWidgetEvents.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"useWidgetEvents.d.ts","names":[],"sources":["../../../src/hooks/useWidgetEvents.ts"],"mappings":";;;KAGY,qBAAqB,aAAa;cAEjC,cAAc;cAEd,uBAAsB"}
+{"version":3,"file":"useWidgetEvents.d.ts","names":[],"sources":["../../../src/hooks/useWidgetEvents.ts"],"mappings":";;;YAGY,qBAAqB,aAAa;qBAEjC,cAAc;qBAEd,uBAAsB"}

package/dist/esm/i18n/bn.json

@@ -18,6 +18,7 @@
     "buy": "",
     "cancel": "বাতিল করুন",
     "checkoutReview": "",
+    "clear": "",
     "clearAllFailed": "",
     "clearTransaction": "",
     "close": "",
@@ -45,6 +46,8 @@
     "resetSettings": "সেটিংস রিসেট করুন",
     "seeDetails": "বিস্তারিত দেখুন",
     "showAll": "সবগুলো দেখুন",
+    "showLess": "",
+    "showMore": "",
     "startBridging": "",
     "startSwapping": "",
     "swap": "সোওয়াপ",
@@ -287,6 +290,7 @@
     "quotedAmount": "উদ্ধৃত পরিমাণ",
     "rateChange": "রেট পরিবর্তন",
     "receiving": "রিসিভিং",
+    "recentSearches": "",
     "refuelStepDetails": "{{tool}} এর মাধ্যমে গ্যাস পান",
     "route": "",
     "select": "",

package/dist/esm/i18n/de.json

@@ -18,6 +18,7 @@
     "buy": "Buy",
     "cancel": "Abbrechen",
     "checkoutReview": "",
+    "clear": "",
     "clearAllFailed": "",
     "clearTransaction": "",
     "close": "",
@@ -45,6 +46,8 @@
     "resetSettings": "Einstellungen zurücksetzen",
     "seeDetails": "Siehe Einzelheiten",
     "showAll": "Alles anzeigen",
+    "showLess": "",
+    "showMore": "",
     "startBridging": "Starte Bridge Protokoll",
     "startSwapping": "Swap starten",
     "swap": "Swap",
@@ -287,6 +290,7 @@
     "quotedAmount": "Angebotsbetrag",
     "rateChange": "Wechselkurs geändert",
     "receiving": "Eingehend",
+    "recentSearches": "",
     "refuelStepDetails": "Gas über {{tool}} erhalten",
     "route": "",
     "select": "",

package/dist/esm/i18n/en.json

@@ -18,6 +18,7 @@
     "buy": "Buy",
     "cancel": "Cancel",
     "checkoutReview": "Review purchase",
+    "clear": "Clear",
     "clearAllFailed": "Clear all failed",
     "clearTransaction": "Clear transaction",
     "close": "Close",
@@ -56,6 +57,8 @@
     "viewRefundStatus": "View refund status",
     "viewTransferDetails": "View transfer details",
     "showAll": "Show all",
+    "showLess": "Show less",
+    "showMore": "Show {{count}} more",
     "startBridging": "Start bridging",
     "startSwapping": "Start swapping",
     "swap": "Swap",
@@ -321,6 +324,7 @@
     "quotedAmount": "Quoted amount",
     "rateChange": "Rate change",
     "receiving": "Receiving",
+    "recentSearches": "Recent searches",
     "refuelStepDetails": "Get gas via {{tool}}",
     "route": "Route",
     "select": "Select",

package/dist/esm/i18n/es.json

@@ -18,6 +18,7 @@
     "buy": "Comprar",
     "cancel": "Cancelar",
     "checkoutReview": "Revisar compra",
+    "clear": "",
     "clearAllFailed": "",
     "clearTransaction": "",
     "close": "Cerrar",
@@ -45,6 +46,8 @@
     "resetSettings": "Reiniciar ajustes",
     "seeDetails": "Ver detalles",
     "showAll": "Mostrar todo",
+    "showLess": "",
+    "showMore": "",
     "startBridging": "Comenzar puente",
     "startSwapping": "Iniciar intercambio",
     "swap": "Swap",
@@ -287,6 +290,7 @@
     "quotedAmount": "Monto citado",
     "rateChange": "Cambios de precio detectado",
     "receiving": "Recibiendo",
+    "recentSearches": "",
     "refuelStepDetails": "Obtener gas a través de {{tool}}",
     "route": "",
     "select": "",

package/dist/esm/i18n/fr.json

@@ -18,6 +18,7 @@
     "buy": "Acheter",
     "cancel": "Annuler",
     "checkoutReview": "",
+    "clear": "",
     "clearAllFailed": "",
     "clearTransaction": "",
     "close": "Fermer",
@@ -45,6 +46,8 @@
     "resetSettings": "Réinitialiser les paramètres",
     "seeDetails": "Voir les détails",
     "showAll": "Afficher tout",
+    "showLess": "",
+    "showMore": "",
     "startBridging": "Commencer le pont",
     "startSwapping": "Commencer à échanger",
     "swap": "Échanger",
@@ -287,6 +290,7 @@
     "quotedAmount": "Montant indiqué",
     "rateChange": "Taux de change",
     "receiving": "En cours de réception",
+    "recentSearches": "",
     "refuelStepDetails": "Obtenir du gaz via {{tool}}",
     "route": "",
     "select": "",

package/dist/esm/i18n/hi.json

@@ -18,6 +18,7 @@
     "buy": "",
     "cancel": "रद्द करें",
     "checkoutReview": "",
+    "clear": "",
     "clearAllFailed": "",
     "clearTransaction": "",
     "close": "",
@@ -45,6 +46,8 @@
     "resetSettings": "कुंजी: बटन. सेटिंग्स रीसेट करें\nबटन -> सेटिंग्स रीसेट करें",
     "seeDetails": "कुंजी: बटन. जानकारी देखें\nबटन -> जानकारी देखें",
     "showAll": "कुंजी: बटन. सभी दिखाएँ\nबटन -> सभी दिखाएँ",
+    "showLess": "",
+    "showMore": "",
     "startBridging": "",
     "startSwapping": "",
     "swap": "कुंजी: बटन. विनिमय \nबटन -> विनिमय ",
@@ -287,6 +290,7 @@
     "quotedAmount": "",
     "rateChange": "",
     "receiving": "",
+    "recentSearches": "",
     "refuelStepDetails": "",
     "route": "",
     "select": "",