@lifi/widget 4.0.0-beta.1 → 4.0.0-beta.11

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

@@ -1 +1 @@
-{"version":3,"file":"useExplorer.js","sourceRoot":"","sources":["../../../src/hooks/useExplorer.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"useExplorer.js","names":[],"sources":["../../../src/hooks/useExplorer.ts"],"sourcesContent":["import type { Chain } from '@lifi/sdk'\nimport { ChainId, ChainType, isHex } from '@lifi/sdk'\nimport { internalExplorerUrl } from '../config/constants.js'\nimport { useAvailableChains } from '../hooks/useAvailableChains.js'\nimport { useWidgetConfig } from '../providers/WidgetProvider/WidgetProvider.js'\n\nconst sanitiseBaseUrl = (baseUrl: string) => baseUrl.trim().replace(/\\/+$/, '')\n\ntype TransactionLinkProps = { chain?: Chain | number } & (\n  | {\n      txHash: string\n      txLink?: never\n    }\n  | {\n      txHash?: never\n      txLink: string\n    }\n)\n\nexport const useExplorer = (): {\n  getTransactionLink: (props: TransactionLinkProps) => string | undefined\n  getAddressLink: (address: string, chain?: Chain | number) => string\n} => {\n  const { explorerUrls } = useWidgetConfig()\n  const { getChainById } = useAvailableChains()\n\n  const getExplorerConfig = (chain?: Chain | number) => {\n    const resolvedChain = Number.isFinite(chain)\n      ? getChainById(chain as number)\n      : (chain as Chain)\n\n    const explorerUrl =\n      (resolvedChain\n        ? (explorerUrls?.[resolvedChain.id]?.[0] ??\n          resolvedChain.metamask.blockExplorerUrls[0])\n        : explorerUrls?.internal?.[0]) || internalExplorerUrl\n\n    const url = typeof explorerUrl === 'string' ? explorerUrl : explorerUrl.url\n\n    const defaultTxPath = resolvedChain?.id === ChainId.SUI ? 'txblock' : 'tx'\n    const defaultAddressPath =\n      resolvedChain?.id === ChainId.SUI ? 'coin' : 'address'\n    const txPath =\n      typeof explorerUrl === 'string'\n        ? defaultTxPath\n        : explorerUrl.txPath || defaultTxPath\n    const addressPath =\n      typeof explorerUrl === 'string'\n        ? defaultAddressPath\n        : explorerUrl.addressPath || defaultAddressPath\n\n    return {\n      url: sanitiseBaseUrl(url),\n      txPath,\n      addressPath,\n      resolvedChain,\n    }\n  }\n\n  const getTransactionLink = ({\n    txHash,\n    txLink,\n    chain,\n  }: TransactionLinkProps): string | undefined => {\n    if (!txHash) {\n      return txLink\n    }\n\n    const config = getExplorerConfig(chain)\n\n    // For EVM chains, validate the transaction hash as some relayers return custom task hashes that are not visible on-chain\n    if (config.resolvedChain?.chainType === ChainType.EVM) {\n      if (!isHex(txHash, { strict: true })) {\n        return undefined\n      }\n    }\n\n    return `${config.url}/${config.txPath}/${txHash}`\n  }\n\n  const getAddressLink = (address: string, chain?: Chain | number) => {\n    const config = getExplorerConfig(chain)\n    return `${config.url}/${config.addressPath}/${address}`\n  }\n\n  return {\n    getTransactionLink,\n    getAddressLink,\n  }\n}\n"],"mappings":";;;;;AAMA,MAAM,mBAAmB,YAAoB,QAAQ,MAAM,CAAC,QAAQ,QAAQ,GAAG;AAa/E,MAAa,oBAGR;CACH,MAAM,EAAE,iBAAiB,iBAAiB;CAC1C,MAAM,EAAE,iBAAiB,oBAAoB;CAE7C,MAAM,qBAAqB,UAA2B;EACpD,MAAM,gBAAgB,OAAO,SAAS,MAAM,GACxC,aAAa,MAAgB,GAC5B;EAEL,MAAM,eACH,gBACI,eAAe,cAAc,MAAM,MACpC,cAAc,SAAS,kBAAkB,KACzC,cAAc,WAAW,OAAA;EAE/B,MAAM,MAAM,OAAO,gBAAgB,WAAW,cAAc,YAAY;EAExE,MAAM,gBAAgB,eAAe,OAAO,QAAQ,MAAM,YAAY;EACtE,MAAM,qBACJ,eAAe,OAAO,QAAQ,MAAM,SAAS;EAC/C,MAAM,SACJ,OAAO,gBAAgB,WACnB,gBACA,YAAY,UAAU;EAC5B,MAAM,cACJ,OAAO,gBAAgB,WACnB,qBACA,YAAY,eAAe;AAEjC,SAAO;GACL,KAAK,gBAAgB,IAAI;GACzB;GACA;GACA;GACD;;CAGH,MAAM,sBAAsB,EAC1B,QACA,QACA,YAC8C;AAC9C,MAAI,CAAC,OACH,QAAO;EAGT,MAAM,SAAS,kBAAkB,MAAM;AAGvC,MAAI,OAAO,eAAe,cAAc,UAAU;OAC5C,CAAC,MAAM,QAAQ,EAAE,QAAQ,MAAM,CAAC,CAClC;;AAIJ,SAAO,GAAG,OAAO,IAAI,GAAG,OAAO,OAAO,GAAG;;CAG3C,MAAM,kBAAkB,SAAiB,UAA2B;EAClE,MAAM,SAAS,kBAAkB,MAAM;AACvC,SAAO,GAAG,OAAO,IAAI,GAAG,OAAO,YAAY,GAAG;;AAGhD,QAAO;EACL;EACA;EACD"}

package/dist/esm/hooks/useFilteredByTokenBalances.js

@@ -1,87 +1,71 @@
-import { ChainType, getWalletBalances, } from '@lifi/sdk';
-import { useQuery } from '@tanstack/react-query';
-import { useMemo } from 'react';
-import { useSDKClient } from '../providers/SDKClientProvider.js';
-import { useWidgetConfig } from '../providers/WidgetProvider/WidgetProvider.js';
-import { getConfigItemSets, isFormItemAllowed } from '../utils/item.js';
-import { isSupportedToken } from '../utils/tokenList.js';
-export const useFilteredTokensByBalance = (accountsWithTokens, formType) => {
-    const { tokens: configTokens } = useWidgetConfig();
-    const sdkClient = useSDKClient();
-    const evmAddress = useMemo(() => {
-        const evmAccount = Object.entries(accountsWithTokens ?? {}).find(([_, { chainType }]) => chainType === ChainType.EVM);
-        return evmAccount?.[0];
-    }, [accountsWithTokens]);
-    const { data: existingBalances, isLoading } = useQuery({
-        queryKey: ['existing-evm-balances', evmAddress],
-        queryFn: () => getWalletBalances(sdkClient, evmAddress ?? ''),
-        enabled: !!evmAddress,
-        refetchInterval: 30000, // 30 seconds
-        staleTime: 30000, // 30 seconds
-        retry: false,
-    });
-    const accountsWithFilteredTokens = useMemo(() => {
-        if (!accountsWithTokens) {
-            return undefined;
-        }
-        // Early return if no existing balances - return all tokens
-        const result = {};
-        if (!existingBalances) {
-            for (const [address, { tokens }] of Object.entries(accountsWithTokens)) {
-                result[address] = tokens;
-            }
-            return result;
-        }
-        for (const [address, { tokens }] of Object.entries(accountsWithTokens)) {
-            result[address] = {};
-            for (const [chainIdStr, chainTokens] of Object.entries(tokens)) {
-                const chainId = Number(chainIdStr);
-                // Get balances for this specific chain
-                const balances = existingBalances?.[chainId];
-                // If no balances, RPC all tokens of the chain
-                if (!balances?.length) {
-                    if (chainTokens.length) {
-                        result[address][chainId] = chainTokens;
-                    }
-                    continue;
-                }
-                // Optimize token matching with Set for O(1) lookup
-                const balanceSet = new Set(balances.map((balance) => balance.address.toLowerCase()));
-                // Get tokens that are in chainTokens and have balances
-                const filteredTokens = chainTokens.filter((token) => {
-                    const tokenKey = token.address.toLowerCase();
-                    return balanceSet.has(tokenKey);
-                });
-                // Get tokens that are in balances but not in chainTokens
-                const chainTokenSet = new Set(chainTokens.map((token) => token.address.toLowerCase()));
-                // Get allowed addresses from config tokens
-                const allowedAddressesConfig = getConfigItemSets(configTokens, (tokens) => new Set(tokens
-                    .filter((t) => Number(t.chainId) === chainId)
-                    .map((t) => t.address.toLowerCase())), formType);
-                const additionalTokens = balances
-                    .filter((balance) => {
-                    const balanceKey = balance.address.toLowerCase();
-                    return (!chainTokenSet.has(balanceKey) &&
-                        isSupportedToken(balance) &&
-                        isFormItemAllowed(balance, allowedAddressesConfig, formType, (t) => t.address.toLowerCase()));
-                })
-                    // Mark tokens from wallet balances as unverified
-                    .map((token) => ({
-                    ...token,
-                    verified: false,
-                }));
-                // Combine both sets of tokens - convert WalletTokenExtended to TokenAmount
-                const allTokens = [
-                    ...filteredTokens,
-                    ...additionalTokens,
-                ];
-                if (allTokens.length) {
-                    result[address][chainId] = allTokens;
-                }
-            }
-        }
-        return result;
-    }, [accountsWithTokens, existingBalances, configTokens, formType]);
-    return { data: accountsWithFilteredTokens, isLoading };
+import { useWidgetConfig } from "../providers/WidgetProvider/WidgetProvider.js";
+import { getConfigItemSets, isFormItemAllowed } from "../utils/item.js";
+import { useSDKClient } from "../providers/SDKClientProvider.js";
+import { isSupportedToken } from "../utils/tokenList.js";
+import { ChainType, getWalletBalances } from "@lifi/sdk";
+import { useMemo } from "react";
+import { useQuery } from "@tanstack/react-query";
+//#region src/hooks/useFilteredByTokenBalances.ts
+const useFilteredTokensByBalance = (accountsWithTokens, formType) => {
+	const { tokens: configTokens } = useWidgetConfig();
+	const sdkClient = useSDKClient();
+	const evmAddress = useMemo(() => {
+		return Object.entries(accountsWithTokens ?? {}).find(([_, { chainType }]) => chainType === ChainType.EVM)?.[0];
+	}, [accountsWithTokens]);
+	const { data: existingBalances, isLoading } = useQuery({
+		queryKey: ["existing-evm-balances", evmAddress],
+		queryFn: () => getWalletBalances(sdkClient, evmAddress ?? ""),
+		enabled: !!evmAddress,
+		refetchInterval: 3e4,
+		staleTime: 3e4,
+		retry: false
+	});
+	return {
+		data: useMemo(() => {
+			if (!accountsWithTokens) return;
+			const result = {};
+			if (!existingBalances) {
+				for (const [address, { tokens }] of Object.entries(accountsWithTokens)) result[address] = tokens;
+				return result;
+			}
+			for (const [address, { tokens }] of Object.entries(accountsWithTokens)) {
+				result[address] = {};
+				for (const [chainIdStr, chainTokens] of Object.entries(tokens)) {
+					const chainId = Number(chainIdStr);
+					const balances = existingBalances?.[chainId];
+					if (!balances?.length) {
+						if (chainTokens.length) result[address][chainId] = chainTokens;
+						continue;
+					}
+					const balanceSet = new Set(balances.map((balance) => balance.address.toLowerCase()));
+					const filteredTokens = chainTokens.filter((token) => {
+						const tokenKey = token.address.toLowerCase();
+						return balanceSet.has(tokenKey);
+					});
+					const chainTokenSet = new Set(chainTokens.map((token) => token.address.toLowerCase()));
+					const allowedAddressesConfig = getConfigItemSets(configTokens, (tokens) => new Set(tokens.filter((t) => Number(t.chainId) === chainId).map((t) => t.address.toLowerCase())), formType);
+					const additionalTokens = balances.filter((balance) => {
+						const balanceKey = balance.address.toLowerCase();
+						return !chainTokenSet.has(balanceKey) && isSupportedToken(balance) && isFormItemAllowed(balance, allowedAddressesConfig, formType, (t) => t.address.toLowerCase());
+					}).map((token) => ({
+						...token,
+						verified: false
+					}));
+					const allTokens = [...filteredTokens, ...additionalTokens];
+					if (allTokens.length) result[address][chainId] = allTokens;
+				}
+			}
+			return result;
+		}, [
+			accountsWithTokens,
+			existingBalances,
+			configTokens,
+			formType
+		]),
+		isLoading
+	};
 };
+//#endregion
+export { useFilteredTokensByBalance };
+
 //# sourceMappingURL=useFilteredByTokenBalances.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useFilteredByTokenBalances.js","sourceRoot":"","sources":["../../../src/hooks/useFilteredByTokenBalances.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"useFilteredByTokenBalances.js","names":[],"sources":["../../../src/hooks/useFilteredByTokenBalances.ts"],"sourcesContent":["import {\n  type BaseToken,\n  ChainType,\n  getWalletBalances,\n  type TokenExtended,\n  type WalletTokenExtended,\n} from '@lifi/sdk'\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 { getConfigItemSets, isFormItemAllowed } from '../utils/item.js'\nimport { isSupportedToken } from '../utils/tokenList.js'\n\nexport const useFilteredTokensByBalance = (\n  accountsWithTokens?: Record<\n    string,\n    { chainType: ChainType; tokens: Record<number, TokenExtended[]> }\n  >,\n  formType?: FormType\n): {\n  data: Record<string, Record<number, TokenExtended[]>> | undefined\n  isLoading: boolean\n} => {\n  const { tokens: configTokens } = useWidgetConfig()\n  const sdkClient = useSDKClient()\n\n  const evmAddress = useMemo(() => {\n    const evmAccount = Object.entries(accountsWithTokens ?? {}).find(\n      ([_, { chainType }]) => chainType === ChainType.EVM\n    )\n    return evmAccount?.[0]\n  }, [accountsWithTokens])\n\n  const { data: existingBalances, isLoading } = useQuery({\n    queryKey: ['existing-evm-balances', evmAddress],\n    queryFn: () => getWalletBalances(sdkClient, evmAddress ?? ''),\n    enabled: !!evmAddress,\n    refetchInterval: 30_000, // 30 seconds\n    staleTime: 30_000, // 30 seconds\n    retry: false,\n  })\n\n  const accountsWithFilteredTokens = useMemo(() => {\n    if (!accountsWithTokens) {\n      return undefined\n    }\n\n    // Early return if no existing balances - return all tokens\n    const result: Record<string, Record<number, TokenExtended[]>> = {}\n    if (!existingBalances) {\n      for (const [address, { tokens }] of Object.entries(accountsWithTokens)) {\n        result[address] = tokens\n      }\n      return result\n    }\n\n    for (const [address, { tokens }] of Object.entries(accountsWithTokens)) {\n      result[address] = {}\n\n      for (const [chainIdStr, chainTokens] of Object.entries(tokens)) {\n        const chainId = Number(chainIdStr)\n        // Get balances for this specific chain\n        const balances = existingBalances?.[chainId]\n        // If no balances, RPC all tokens of the chain\n        if (!balances?.length) {\n          if (chainTokens.length) {\n            result[address][chainId] = chainTokens\n          }\n          continue\n        }\n\n        // Optimize token matching with Set for O(1) lookup\n        const balanceSet = new Set(\n          balances.map((balance: WalletTokenExtended) =>\n            balance.address.toLowerCase()\n          )\n        )\n\n        // Get tokens that are in chainTokens and have balances\n        const filteredTokens = chainTokens.filter((token) => {\n          const tokenKey = token.address.toLowerCase()\n          return balanceSet.has(tokenKey)\n        })\n\n        // Get tokens that are in balances but not in chainTokens\n        const chainTokenSet = new Set(\n          chainTokens.map((token) => token.address.toLowerCase())\n        )\n\n        // Get allowed addresses from config tokens\n        const allowedAddressesConfig = getConfigItemSets(\n          configTokens,\n          (tokens: BaseToken[]) =>\n            new Set(\n              tokens\n                .filter((t) => Number(t.chainId) === chainId)\n                .map((t) => t.address.toLowerCase())\n            ),\n          formType\n        )\n\n        const additionalTokens = balances\n          .filter((balance: WalletTokenExtended) => {\n            const balanceKey = balance.address.toLowerCase()\n            return (\n              !chainTokenSet.has(balanceKey) &&\n              isSupportedToken(balance) &&\n              isFormItemAllowed(\n                balance,\n                allowedAddressesConfig,\n                formType,\n                (t) => t.address.toLowerCase()\n              )\n            )\n          })\n          // Mark tokens from wallet balances as unverified\n          .map((token: WalletTokenExtended) => ({\n            ...token,\n            verified: false,\n          })) as TokenExtended[]\n\n        // Combine both sets of tokens - convert WalletTokenExtended to TokenAmount\n        const allTokens = [\n          ...filteredTokens,\n          ...additionalTokens,\n        ] as TokenExtended[]\n\n        if (allTokens.length) {\n          result[address][chainId] = allTokens\n        }\n      }\n    }\n\n    return result\n  }, [accountsWithTokens, existingBalances, configTokens, formType])\n\n  return { data: accountsWithFilteredTokens, isLoading }\n}\n"],"mappings":";;;;;;;;AAeA,MAAa,8BACX,oBAIA,aAIG;CACH,MAAM,EAAE,QAAQ,iBAAiB,iBAAiB;CAClD,MAAM,YAAY,cAAc;CAEhC,MAAM,aAAa,cAAc;AAI/B,SAHmB,OAAO,QAAQ,sBAAsB,EAAE,CAAC,CAAC,MACzD,CAAC,GAAG,EAAE,iBAAiB,cAAc,UAAU,IACjD,GACmB;IACnB,CAAC,mBAAmB,CAAC;CAExB,MAAM,EAAE,MAAM,kBAAkB,cAAc,SAAS;EACrD,UAAU,CAAC,yBAAyB,WAAW;EAC/C,eAAe,kBAAkB,WAAW,cAAc,GAAG;EAC7D,SAAS,CAAC,CAAC;EACX,iBAAiB;EACjB,WAAW;EACX,OAAO;EACR,CAAC;AAgGF,QAAO;EAAE,MA9F0B,cAAc;AAC/C,OAAI,CAAC,mBACH;GAIF,MAAM,SAA0D,EAAE;AAClE,OAAI,CAAC,kBAAkB;AACrB,SAAK,MAAM,CAAC,SAAS,EAAE,aAAa,OAAO,QAAQ,mBAAmB,CACpE,QAAO,WAAW;AAEpB,WAAO;;AAGT,QAAK,MAAM,CAAC,SAAS,EAAE,aAAa,OAAO,QAAQ,mBAAmB,EAAE;AACtE,WAAO,WAAW,EAAE;AAEpB,SAAK,MAAM,CAAC,YAAY,gBAAgB,OAAO,QAAQ,OAAO,EAAE;KAC9D,MAAM,UAAU,OAAO,WAAW;KAElC,MAAM,WAAW,mBAAmB;AAEpC,SAAI,CAAC,UAAU,QAAQ;AACrB,UAAI,YAAY,OACd,QAAO,SAAS,WAAW;AAE7B;;KAIF,MAAM,aAAa,IAAI,IACrB,SAAS,KAAK,YACZ,QAAQ,QAAQ,aAAa,CAC9B,CACF;KAGD,MAAM,iBAAiB,YAAY,QAAQ,UAAU;MACnD,MAAM,WAAW,MAAM,QAAQ,aAAa;AAC5C,aAAO,WAAW,IAAI,SAAS;OAC/B;KAGF,MAAM,gBAAgB,IAAI,IACxB,YAAY,KAAK,UAAU,MAAM,QAAQ,aAAa,CAAC,CACxD;KAGD,MAAM,yBAAyB,kBAC7B,eACC,WACC,IAAI,IACF,OACG,QAAQ,MAAM,OAAO,EAAE,QAAQ,KAAK,QAAQ,CAC5C,KAAK,MAAM,EAAE,QAAQ,aAAa,CAAC,CACvC,EACH,SACD;KAED,MAAM,mBAAmB,SACtB,QAAQ,YAAiC;MACxC,MAAM,aAAa,QAAQ,QAAQ,aAAa;AAChD,aACE,CAAC,cAAc,IAAI,WAAW,IAC9B,iBAAiB,QAAQ,IACzB,kBACE,SACA,wBACA,WACC,MAAM,EAAE,QAAQ,aAAa,CAC/B;OAEH,CAED,KAAK,WAAgC;MACpC,GAAG;MACH,UAAU;MACX,EAAE;KAGL,MAAM,YAAY,CAChB,GAAG,gBACH,GAAG,iBACJ;AAED,SAAI,UAAU,OACZ,QAAO,SAAS,WAAW;;;AAKjC,UAAO;KACN;GAAC;GAAoB;GAAkB;GAAc;GAAS,CAAC;EAEvB;EAAW"}

package/dist/esm/hooks/useFromAmountThreshold.js

@@ -1,23 +1,29 @@
-import { useMemo } from 'react';
-import { useWidgetConfig } from '../providers/WidgetProvider/WidgetProvider.js';
-import { FormKeyHelper } from '../stores/form/types.js';
-import { useFieldValues } from '../stores/form/useFieldValues.js';
-import { formatTokenPrice } from '../utils/format.js';
-import { useToken } from './useToken.js';
-export const useFromAmountThreshold = () => {
-    const { minFromAmountUSD } = useWidgetConfig();
-    const [chainId, tokenAddress, fromAmount] = useFieldValues(FormKeyHelper.getChainKey('from'), FormKeyHelper.getTokenKey('from'), FormKeyHelper.getAmountKey('from'));
-    const { token } = useToken(chainId, tokenAddress);
-    const belowMinFromAmountUSD = useMemo(() => {
-        const fromAmountUSD = formatTokenPrice(fromAmount, token?.priceUSD, token?.decimals);
-        if (!minFromAmountUSD || !fromAmountUSD) {
-            return false;
-        }
-        return fromAmountUSD < minFromAmountUSD;
-    }, [minFromAmountUSD, fromAmount, token?.priceUSD, token?.decimals]);
-    return {
-        belowMinFromAmountUSD,
-        minFromAmountUSD,
-    };
+import { useWidgetConfig } from "../providers/WidgetProvider/WidgetProvider.js";
+import { FormKeyHelper } from "../stores/form/types.js";
+import { useFieldValues } from "../stores/form/useFieldValues.js";
+import { formatTokenPrice } from "../utils/format.js";
+import { useToken } from "./useToken.js";
+import { useMemo } from "react";
+//#region src/hooks/useFromAmountThreshold.ts
+const useFromAmountThreshold = () => {
+	const { minFromAmountUSD } = useWidgetConfig();
+	const [chainId, tokenAddress, fromAmount] = useFieldValues(FormKeyHelper.getChainKey("from"), FormKeyHelper.getTokenKey("from"), FormKeyHelper.getAmountKey("from"));
+	const { token } = useToken(chainId, tokenAddress);
+	return {
+		belowMinFromAmountUSD: useMemo(() => {
+			const fromAmountUSD = formatTokenPrice(fromAmount, token?.priceUSD, token?.decimals);
+			if (!minFromAmountUSD || !fromAmountUSD) return false;
+			return fromAmountUSD < minFromAmountUSD;
+		}, [
+			minFromAmountUSD,
+			fromAmount,
+			token?.priceUSD,
+			token?.decimals
+		]),
+		minFromAmountUSD
+	};
 };
+//#endregion
+export { useFromAmountThreshold };
+
 //# sourceMappingURL=useFromAmountThreshold.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useFromAmountThreshold.js","sourceRoot":"","sources":["../../../src/hooks/useFromAmountThreshold.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAC/B,OAAO,EAAE,eAAe,EAAE,MAAM,+CAA+C,CAAA;AAC/E,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAA;AACvD,OAAO,EAAE,cAAc,EAAE,MAAM,kCAAkC,CAAA;AACjE,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AACrD,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAExC,MAAM,CAAC,MAAM,sBAAsB,GAAG,GAAG,EAAE;IACzC,MAAM,EAAE,gBAAgB,EAAE,GAAG,eAAe,EAAE,CAAA;IAE9C,MAAM,CAAC,OAAO,EAAE,YAAY,EAAE,UAAU,CAAC,GAAG,cAAc,CACxD,aAAa,CAAC,WAAW,CAAC,MAAM,CAAC,EACjC,aAAa,CAAC,WAAW,CAAC,MAAM,CAAC,EACjC,aAAa,CAAC,YAAY,CAAC,MAAM,CAAC,CACnC,CAAA;IACD,MAAM,EAAE,KAAK,EAAE,GAAG,QAAQ,CAAC,OAAO,EAAE,YAAY,CAAC,CAAA;IAEjD,MAAM,qBAAqB,GAAG,OAAO,CAAC,GAAG,EAAE;QACzC,MAAM,aAAa,GAAG,gBAAgB,CACpC,UAAU,EACV,KAAK,EAAE,QAAQ,EACf,KAAK,EAAE,QAAQ,CAChB,CAAA;QAED,IAAI,CAAC,gBAAgB,IAAI,CAAC,aAAa,EAAE,CAAC;YACxC,OAAO,KAAK,CAAA;QACd,CAAC;QACD,OAAO,aAAa,GAAG,gBAAgB,CAAA;IACzC,CAAC,EAAE,CAAC,gBAAgB,EAAE,UAAU,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAA;IAEpE,OAAO;QACL,qBAAqB;QACrB,gBAAgB;KACjB,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"useFromAmountThreshold.js","names":[],"sources":["../../../src/hooks/useFromAmountThreshold.ts"],"sourcesContent":["import { useMemo } from 'react'\nimport { useWidgetConfig } from '../providers/WidgetProvider/WidgetProvider.js'\nimport { FormKeyHelper } from '../stores/form/types.js'\nimport { useFieldValues } from '../stores/form/useFieldValues.js'\nimport { formatTokenPrice } from '../utils/format.js'\nimport { useToken } from './useToken.js'\n\nexport const useFromAmountThreshold = (): {\n  belowMinFromAmountUSD: boolean\n  minFromAmountUSD: number | undefined\n} => {\n  const { minFromAmountUSD } = useWidgetConfig()\n\n  const [chainId, tokenAddress, fromAmount] = useFieldValues(\n    FormKeyHelper.getChainKey('from'),\n    FormKeyHelper.getTokenKey('from'),\n    FormKeyHelper.getAmountKey('from')\n  )\n  const { token } = useToken(chainId, tokenAddress)\n\n  const belowMinFromAmountUSD = useMemo(() => {\n    const fromAmountUSD = formatTokenPrice(\n      fromAmount,\n      token?.priceUSD,\n      token?.decimals\n    )\n\n    if (!minFromAmountUSD || !fromAmountUSD) {\n      return false\n    }\n    return fromAmountUSD < minFromAmountUSD\n  }, [minFromAmountUSD, fromAmount, token?.priceUSD, token?.decimals])\n\n  return {\n    belowMinFromAmountUSD,\n    minFromAmountUSD,\n  }\n}\n"],"mappings":";;;;;;;AAOA,MAAa,+BAGR;CACH,MAAM,EAAE,qBAAqB,iBAAiB;CAE9C,MAAM,CAAC,SAAS,cAAc,cAAc,eAC1C,cAAc,YAAY,OAAO,EACjC,cAAc,YAAY,OAAO,EACjC,cAAc,aAAa,OAAO,CACnC;CACD,MAAM,EAAE,UAAU,SAAS,SAAS,aAAa;AAejD,QAAO;EACL,uBAd4B,cAAc;GAC1C,MAAM,gBAAgB,iBACpB,YACA,OAAO,UACP,OAAO,SACR;AAED,OAAI,CAAC,oBAAoB,CAAC,cACxB,QAAO;AAET,UAAO,gBAAgB;KACtB;GAAC;GAAkB;GAAY,OAAO;GAAU,OAAO;GAAS,CAAC;EAIlE;EACD"}

package/dist/esm/hooks/useFromTokenSufficiency.js

@@ -1,64 +1,56 @@
-import { parseUnits } from '@lifi/sdk';
-import { useAccount } from '@lifi/wallet-management';
-import { keepPreviousData, useQuery } from '@tanstack/react-query';
-import { useSDKClient } from '../providers/SDKClientProvider.js';
-import { useWidgetConfig } from '../providers/WidgetProvider/WidgetProvider.js';
-import { useFieldValues } from '../stores/form/useFieldValues.js';
-import { isRouteDone } from '../stores/routes/utils.js';
-import { getQueryKey } from '../utils/queries.js';
-import { useTokenAddressBalance } from './useTokenAddressBalance.js';
-import { getTokenBalancesWithRetry } from './useTokenBalance.js';
-const refetchInterval = 30000;
-export const useFromTokenSufficiency = (route) => {
-    const [fromChainId, fromTokenAddress, fromAmount] = useFieldValues('fromChain', 'fromToken', 'fromAmount');
-    const { keyPrefix } = useWidgetConfig();
-    const sdkClient = useSDKClient();
-    let chainId = fromChainId;
-    let tokenAddress = fromTokenAddress;
-    if (route) {
-        chainId = route.fromToken.chainId;
-        tokenAddress = route.fromToken.address;
-    }
-    const { token, chain, isLoading: isTokenAddressBalanceLoading, } = useTokenAddressBalance(chainId, tokenAddress);
-    const { account } = useAccount({ chainType: chain?.chainType });
-    const { data: insufficientFromToken, isLoading } = useQuery({
-        queryKey: [
-            getQueryKey('from-token-sufficiency-check', keyPrefix),
-            account.address,
-            chainId,
-            tokenAddress,
-            route?.id ?? fromAmount,
-        ],
-        queryFn: async ({ queryKey: [, accountAddress] }) => {
-            if (!accountAddress || !token) {
-                return;
-            }
-            const parsedFromAmount = parseUnits(fromAmount, token.decimals);
-            let currentTokenBalance = token.amount ?? 0n;
-            if (!route || isRouteDone(route)) {
-                const insufficientFunds = currentTokenBalance < parsedFromAmount;
-                return insufficientFunds;
-            }
-            const currentAction = route.steps.filter((step) => !step.execution || step.execution.status !== 'DONE')[0]?.action;
-            if (token.chainId === currentAction.fromToken.chainId &&
-                token.address === currentAction.fromToken.address &&
-                currentTokenBalance > 0) {
-                const insufficientFunds = BigInt(route.fromAmount) > currentTokenBalance;
-                return insufficientFunds;
-            }
-            const tokenBalances = await getTokenBalancesWithRetry(sdkClient, accountAddress, [currentAction.fromToken]);
-            currentTokenBalance = tokenBalances?.[0]?.amount ?? 0n;
-            const insufficientFunds = BigInt(currentAction.fromAmount) > currentTokenBalance;
-            return insufficientFunds;
-        },
-        enabled: Boolean(account.address && token && !isTokenAddressBalanceLoading),
-        refetchInterval,
-        staleTime: refetchInterval,
-        placeholderData: account.address ? keepPreviousData : undefined,
-    });
-    return {
-        insufficientFromToken,
-        isLoading,
-    };
+import { useWidgetConfig } from "../providers/WidgetProvider/WidgetProvider.js";
+import { useFieldValues } from "../stores/form/useFieldValues.js";
+import { useSDKClient } from "../providers/SDKClientProvider.js";
+import { getQueryKey } from "../utils/queries.js";
+import { isRouteDone } from "../stores/routes/utils.js";
+import { getTokenBalancesWithRetry } from "./useTokenBalance.js";
+import { useTokenAddressBalance } from "./useTokenAddressBalance.js";
+import { parseUnits } from "@lifi/sdk";
+import { keepPreviousData, useQuery } from "@tanstack/react-query";
+import { useAccount } from "@lifi/wallet-management";
+//#region src/hooks/useFromTokenSufficiency.ts
+const refetchInterval = 3e4;
+const useFromTokenSufficiency = (route) => {
+	const [fromChainId, fromTokenAddress, fromAmount] = useFieldValues("fromChain", "fromToken", "fromAmount");
+	const { keyPrefix } = useWidgetConfig();
+	const sdkClient = useSDKClient();
+	let chainId = fromChainId;
+	let tokenAddress = fromTokenAddress;
+	if (route) {
+		chainId = route.fromToken.chainId;
+		tokenAddress = route.fromToken.address;
+	}
+	const { token, chain, isLoading: isTokenAddressBalanceLoading } = useTokenAddressBalance(chainId, tokenAddress);
+	const { account } = useAccount({ chainType: chain?.chainType });
+	const { data: insufficientFromToken, isLoading } = useQuery({
+		queryKey: [
+			getQueryKey("from-token-sufficiency-check", keyPrefix),
+			account.address,
+			chainId,
+			tokenAddress,
+			route?.id ?? fromAmount
+		],
+		queryFn: async ({ queryKey: [, accountAddress] }) => {
+			if (!accountAddress || !token) return;
+			const parsedFromAmount = parseUnits(fromAmount, token.decimals);
+			let currentTokenBalance = token.amount ?? 0n;
+			if (!route || isRouteDone(route)) return currentTokenBalance < parsedFromAmount;
+			const currentAction = route.steps.filter((step) => !step.execution || step.execution.status !== "DONE")[0]?.action;
+			if (token.chainId === currentAction.fromToken.chainId && token.address === currentAction.fromToken.address && currentTokenBalance > 0) return BigInt(route.fromAmount) > currentTokenBalance;
+			currentTokenBalance = (await getTokenBalancesWithRetry(sdkClient, accountAddress, [currentAction.fromToken]))?.[0]?.amount ?? 0n;
+			return BigInt(currentAction.fromAmount) > currentTokenBalance;
+		},
+		enabled: Boolean(account.address && token && !isTokenAddressBalanceLoading),
+		refetchInterval,
+		staleTime: refetchInterval,
+		placeholderData: account.address ? keepPreviousData : void 0
+	});
+	return {
+		insufficientFromToken,
+		isLoading
+	};
 };
+//#endregion
+export { useFromTokenSufficiency };
+
 //# sourceMappingURL=useFromTokenSufficiency.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useFromTokenSufficiency.js","sourceRoot":"","sources":["../../../src/hooks/useFromTokenSufficiency.ts"],"names":[],"mappings":"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"}
+{"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 || 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,aACD;CACD,MAAM,EAAE,cAAc,iBAAiB;CACvC,MAAM,YAAY,cAAc;CAEhC,IAAI,UAAU;CACd,IAAI,eAAe;AACnB,KAAI,OAAO;AACT,YAAU,MAAM,UAAU;AAC1B,iBAAe,MAAM,UAAU;;CAGjC,MAAM,EACJ,OACA,OACA,WAAW,iCACT,uBAAuB,SAAS,aAAa;CAEjD,MAAM,EAAE,YAAY,WAAW,EAAE,WAAW,OAAO,WAAW,CAAC;CAE/D,MAAM,EAAE,MAAM,uBAAuB,cAAc,SAAS;EAC1D,UAAU;GACR,YAAY,gCAAgC,UAAU;GACtD,QAAQ;GACR;GACA;GACA,OAAO,MAAM;GACd;EACD,SAAS,OAAO,EAAE,UAAU,GAAG,sBAAsB;AACnD,OAAI,CAAC,kBAAkB,CAAC,MACtB;GAEF,MAAM,mBAAmB,WAAW,YAAY,MAAM,SAAS;GAC/D,IAAI,sBAAsB,MAAM,UAAU;AAE1C,OAAI,CAAC,SAAS,YAAY,MAAM,CAE9B,QAD0B,sBAAsB;GAIlD,MAAM,gBAAgB,MAAM,MAAM,QAC/B,SAAS,CAAC,KAAK,aAAa,KAAK,UAAU,WAAW,OACxD,CAAC,IAAI;AAEN,OACE,MAAM,YAAY,cAAc,UAAU,WAC1C,MAAM,YAAY,cAAc,UAAU,WAC1C,sBAAsB,EAGtB,QAD0B,OAAO,MAAM,WAAW,GAAG;AAUvD,0BANsB,MAAM,0BAC1B,WACA,gBACA,CAAC,cAAc,UAAU,CAC1B,IAEqC,IAAI,UAAU;AAGpD,UADE,OAAO,cAAc,WAAW,GAAG;;EAIvC,SAAS,QAAQ,QAAQ,WAAW,SAAS,CAAC,6BAA6B;EAC3E;EACA,WAAW;EACX,iBAAiB,QAAQ,UAAU,mBAAmB,KAAA;EACvD,CAAC;AAEF,QAAO;EACL;EACA;EACD"}

package/dist/esm/hooks/useGasRecommendation.js

@@ -1,42 +1,39 @@
-import { getGasRecommendation } from '@lifi/sdk';
-import { useQuery } from '@tanstack/react-query';
-import { useSDKClient } from '../providers/SDKClientProvider.js';
-import { useWidgetConfig } from '../providers/WidgetProvider/WidgetProvider.js';
-import { HiddenUI } from '../types/widget.js';
-import { getQueryKey } from '../utils/queries.js';
-import { useAvailableChains } from './useAvailableChains.js';
-const refetchInterval = 60000;
-export const useGasRecommendation = (toChainId, fromChain, fromToken) => {
-    const { chains } = useAvailableChains();
-    const { keyPrefix, 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),
-            toChainId,
-            fromChain,
-            fromToken,
-        ],
-        queryFn: async ({ queryKey: [_, toChainId, fromChain, fromToken], signal, }) => {
-            if (!chains?.some((chain) => chain.id === toChainId)) {
-                return null;
-            }
-            const gasRecommendation = await getGasRecommendation(sdkClient, {
-                chainId: toChainId,
-                fromChain: fromChain,
-                fromToken: fromToken,
-            }, { signal });
-            return gasRecommendation;
-        },
-        enabled: (checkRecommendationLiFuel || checkRecommendationMaxButton) &&
-            !hiddenUI?.includes(HiddenUI.GasRefuelMessage),
-        refetchInterval,
-        staleTime: refetchInterval,
-    });
+import { useWidgetConfig } from "../providers/WidgetProvider/WidgetProvider.js";
+import { HiddenUI } from "../types/widget.js";
+import { useSDKClient } from "../providers/SDKClientProvider.js";
+import { getQueryKey } from "../utils/queries.js";
+import { useAvailableChains } from "./useAvailableChains.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 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),
+			toChainId,
+			fromChain,
+			fromToken
+		],
+		queryFn: async ({ queryKey: [_, toChainId, fromChain, fromToken], signal }) => {
+			if (!chains?.some((chain) => chain.id === toChainId)) return null;
+			return await getGasRecommendation(sdkClient, {
+				chainId: toChainId,
+				fromChain,
+				fromToken
+			}, { signal });
+		},
+		enabled: (checkRecommendationLiFuel || checkRecommendationMaxButton) && !hiddenUI?.includes(HiddenUI.GasRefuelMessage),
+		refetchInterval,
+		staleTime: refetchInterval
+	});
 };
+//#endregion
+export { useGasRecommendation };
+
 //# sourceMappingURL=useGasRecommendation.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useGasRecommendation.js","sourceRoot":"","sources":["../../../src/hooks/useGasRecommendation.ts"],"names":[],"mappings":"AAAA,OAAO,EAAgB,oBAAoB,EAAE,MAAM,WAAW,CAAA;AAC9D,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAChD,OAAO,EAAE,YAAY,EAAE,MAAM,mCAAmC,CAAA;AAChE,OAAO,EAAE,eAAe,EAAE,MAAM,+CAA+C,CAAA;AAC/E,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAA;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAA;AACjD,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAA;AAE5D,MAAM,eAAe,GAAG,KAAM,CAAA;AAE9B,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAClC,SAAmB,EACnB,SAAmB,EACnB,SAAkB,EAClB,EAAE;IACF,MAAM,EAAE,MAAM,EAAE,GAAG,kBAAkB,EAAE,CAAA;IACvC,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,eAAe,EAAE,CAAA;IACjD,MAAM,SAAS,GAAG,YAAY,EAAE,CAAA;IAEhC,MAAM,yBAAyB,GAC7B,OAAO,CAAC,SAAS,CAAC;QAClB,OAAO,CAAC,SAAS,CAAC;QAClB,OAAO,CAAC,SAAS,CAAC;QAClB,OAAO,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IAEzB,MAAM,4BAA4B,GAChC,OAAO,CAAC,SAAS,CAAC,IAAI,CAAC,SAAS,IAAI,CAAC,SAAS,IAAI,OAAO,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IAE3E,OAAO,QAAQ,CAAC;QACd,QAAQ,EAAE;YACR,WAAW,CAAC,oBAAoB,EAAE,SAAS,CAAC;YAC5C,SAAS;YACT,SAAS;YACT,SAAS;SACV;QACD,OAAO,EAAE,KAAK,EAAE,EACd,QAAQ,EAAE,CAAC,CAAC,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,CAAC,EAC9C,MAAM,GACP,EAAE,EAAE;YACH,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,EAAE,KAAK,SAAS,CAAC,EAAE,CAAC;gBACrD,OAAO,IAAI,CAAA;YACb,CAAC;YACD,MAAM,iBAAiB,GAAG,MAAM,oBAAoB,CAClD,SAAS,EACT;gBACE,OAAO,EAAE,SAAoB;gBAC7B,SAAS,EAAE,SAAoB;gBAC/B,SAAS,EAAE,SAAmB;aAC/B,EACD,EAAE,MAAM,EAAE,CACX,CAAA;YACD,OAAO,iBAAiB,CAAA;QAC1B,CAAC;QACD,OAAO,EACL,CAAC,yBAAyB,IAAI,4BAA4B,CAAC;YAC3D,CAAC,QAAQ,EAAE,QAAQ,CAAC,QAAQ,CAAC,gBAAgB,CAAC;QAChD,eAAe;QACf,SAAS,EAAE,eAAe;KAC3B,CAAC,CAAA;AACJ,CAAC,CAAA"}
+{"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 { HiddenUI } from '../types/widget.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?.includes(HiddenUI.GasRefuelMessage),\n    refetchInterval,\n    staleTime: refetchInterval,\n  })\n}\n"],"mappings":";;;;;;;;AASA,MAAM,kBAAkB;AAExB,MAAa,wBACX,WACA,WACA,cAC4E;CAC5E,MAAM,EAAE,WAAW,oBAAoB;CACvC,MAAM,EAAE,WAAW,aAAa,iBAAiB;CACjD,MAAM,YAAY,cAAc;CAEhC,MAAM,4BACJ,QAAQ,UAAU,IAClB,QAAQ,UAAU,IAClB,QAAQ,UAAU,IAClB,QAAQ,QAAQ,OAAO;CAEzB,MAAM,+BACJ,QAAQ,UAAU,IAAI,CAAC,aAAa,CAAC,aAAa,QAAQ,QAAQ,OAAO;AAE3E,QAAO,SAAS;EACd,UAAU;GACR,YAAY,sBAAsB,UAAU;GAC5C;GACA;GACA;GACD;EACD,SAAS,OAAO,EACd,UAAU,CAAC,GAAG,WAAW,WAAW,YACpC,aACI;AACJ,OAAI,CAAC,QAAQ,MAAM,UAAU,MAAM,OAAO,UAAU,CAClD,QAAO;AAWT,UAT0B,MAAM,qBAC9B,WACA;IACE,SAAS;IACE;IACA;IACZ,EACD,EAAE,QAAQ,CACX;;EAGH,UACG,6BAA6B,iCAC9B,CAAC,UAAU,SAAS,SAAS,iBAAiB;EAChD;EACA,WAAW;EACZ,CAAC"}