@lifi/widget 4.0.0 → 4.2.0

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

@@ -1 +1 @@
-{"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 { useCallback } from 'react'\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\nconst explorerPathOverrides: Partial<\n  Record<ChainType | ChainId, { txPath: string; addressPath: string }>\n> = {\n  [ChainId.SUI]: { txPath: 'txblock', addressPath: 'coin' },\n  [ChainId.LTR]: { txPath: 'logs', addressPath: 'accounts' },\n  [ChainType.TVM]: { txPath: '#/transaction', addressPath: '#/address' },\n}\n\ntype TransactionLinkProps = {\n  chain?: Chain | number\n  txHash?: string\n  txLink?: string\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 = useCallback(\n    (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 baseUrl =\n        typeof explorerUrl === 'string' ? explorerUrl : explorerUrl.url\n\n      const overrides =\n        explorerPathOverrides[resolvedChain?.id as ChainId] ??\n        explorerPathOverrides[resolvedChain?.chainType as ChainType]\n\n      const defaultTxPath = overrides?.txPath ?? 'tx'\n      const defaultAddressPath = overrides?.addressPath ?? '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(baseUrl),\n        txPath,\n        addressPath,\n        resolvedChain,\n        hasOverride: Boolean(overrides),\n      }\n    },\n    [explorerUrls, getChainById]\n  )\n\n  const getTransactionLink = useCallback(\n    ({ txHash, txLink, chain }: TransactionLinkProps): string | undefined => {\n      if (txHash) {\n        const config = getExplorerConfig(chain)\n        // For EVM chains, sanity-check the transaction hash as some relayers return custom task hashes that are not visible on-chain.\n        // Skip the check when a chain-specific path override is registered — that's an explicit signal the chain's\n        // explorer accepts a non-hex hash (e.g. Lighter, whose hash has no 0x prefix).\n        const validForEvm =\n          config.resolvedChain?.chainType !== ChainType.EVM ||\n          config.hasOverride ||\n          isHex(txHash, { strict: true })\n        if (validForEvm) {\n          return `${config.url}/${config.txPath}/${txHash}`\n        }\n      }\n      return txLink\n    },\n    [getExplorerConfig]\n  )\n\n  const getAddressLink = useCallback(\n    (address: string, chain?: Chain | number) => {\n      const config = getExplorerConfig(chain)\n      return `${config.url}/${config.addressPath}/${address}`\n    },\n    [getExplorerConfig]\n  )\n\n  return {\n    getTransactionLink,\n    getAddressLink,\n  }\n}\n"],"mappings":";;;;;;AAOA,MAAM,mBAAmB,YAAoB,QAAQ,KAAK,EAAE,QAAQ,QAAQ,EAAE;AAE9E,MAAM,wBAEF;EACD,QAAQ,MAAM;EAAE,QAAQ;EAAW,aAAa;CAAO;EACvD,QAAQ,MAAM;EAAE,QAAQ;EAAQ,aAAa;CAAW;EACxD,UAAU,MAAM;EAAE,QAAQ;EAAiB,aAAa;CAAY;AACvE;AAQA,MAAa,oBAGR;CACH,MAAM,EAAE,iBAAiB,gBAAgB;CACzC,MAAM,EAAE,iBAAiB,mBAAmB;CAE5C,MAAM,oBAAoB,aACvB,UAA2B;EAC1B,MAAM,gBAAgB,OAAO,SAAS,KAAK,IACvC,aAAa,KAAe,IAC3B;EAEL,MAAM,eACH,gBACI,eAAe,cAAc,MAAM,MACpC,cAAc,SAAS,kBAAkB,KACzC,cAAc,WAAW,OAAA;EAE/B,MAAM,UACJ,OAAO,gBAAgB,WAAW,cAAc,YAAY;EAE9D,MAAM,YACJ,sBAAsB,eAAe,OACrC,sBAAsB,eAAe;EAEvC,MAAM,gBAAgB,WAAW,UAAU;EAC3C,MAAM,qBAAqB,WAAW,eAAe;EACrD,MAAM,SACJ,OAAO,gBAAgB,WACnB,gBACA,YAAY,UAAU;EAC5B,MAAM,cACJ,OAAO,gBAAgB,WACnB,qBACA,YAAY,eAAe;EAEjC,OAAO;GACL,KAAK,gBAAgB,OAAO;GAC5B;GACA;GACA;GACA,aAAa,QAAQ,SAAS;EAChC;CACF,GACA,CAAC,cAAc,YAAY,CAC7B;CA8BA,OAAO;EACL,oBA7ByB,aACxB,EAAE,QAAQ,QAAQ,YAAsD;GACvE,IAAI,QAAQ;IACV,MAAM,SAAS,kBAAkB,KAAK;IAQtC,IAHE,OAAO,eAAe,cAAc,UAAU,OAC9C,OAAO,eACP,MAAM,QAAQ,EAAE,QAAQ,KAAK,CAAC,GAE9B,OAAO,GAAG,OAAO,IAAI,GAAG,OAAO,OAAO,GAAG;GAE7C;GACA,OAAO;EACT,GACA,CAAC,iBAAiB,CAYD;EACjB,gBAVqB,aACpB,SAAiB,UAA2B;GAC3C,MAAM,SAAS,kBAAkB,KAAK;GACtC,OAAO,GAAG,OAAO,IAAI,GAAG,OAAO,YAAY,GAAG;EAChD,GACA,CAAC,iBAAiB,CAKL;CACf;AACF"}
+{"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 { useCallback } from 'react'\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\nconst explorerPathOverrides: Partial<\n  Record<ChainType | ChainId, { txPath: string; addressPath: string }>\n> = {\n  [ChainId.SUI]: { txPath: 'txblock', addressPath: 'coin' },\n  [ChainId.LTR]: { txPath: 'logs', addressPath: 'accounts' },\n  [ChainType.TVM]: { txPath: '#/transaction', addressPath: '#/address' },\n}\n\ntype TransactionLinkProps = {\n  chain?: Chain | number\n  txHash?: string\n  txLink?: string\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 = useCallback(\n    (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 baseUrl =\n        typeof explorerUrl === 'string' ? explorerUrl : explorerUrl.url\n\n      const overrides =\n        explorerPathOverrides[resolvedChain?.id as ChainId] ??\n        explorerPathOverrides[resolvedChain?.chainType as ChainType]\n\n      const defaultTxPath = overrides?.txPath ?? 'tx'\n      const defaultAddressPath = overrides?.addressPath ?? '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(baseUrl),\n        txPath,\n        addressPath,\n        resolvedChain,\n        hasOverride: Boolean(overrides),\n      }\n    },\n    [explorerUrls, getChainById]\n  )\n\n  const getTransactionLink = useCallback(\n    ({ txHash, txLink, chain }: TransactionLinkProps): string | undefined => {\n      if (txHash) {\n        const config = getExplorerConfig(chain)\n        // For EVM chains, sanity-check the transaction hash as some relayers return custom task hashes that are not visible on-chain.\n        // Skip the check when a chain-specific path override is registered — that's an explicit signal the chain's\n        // explorer accepts a non-hex hash (e.g. Lighter, whose hash has no 0x prefix).\n        const validForEvm =\n          config.resolvedChain?.chainType !== ChainType.EVM ||\n          config.hasOverride ||\n          isHex(txHash, { strict: true })\n        if (validForEvm) {\n          return `${config.url}/${config.txPath}/${txHash}`\n        }\n      }\n      return txLink\n    },\n    [getExplorerConfig]\n  )\n\n  const getAddressLink = useCallback(\n    (address: string, chain?: Chain | number) => {\n      const config = getExplorerConfig(chain)\n      return `${config.url}/${config.addressPath}/${address}`\n    },\n    [getExplorerConfig]\n  )\n\n  return {\n    getTransactionLink,\n    getAddressLink,\n  }\n}\n"],"mappings":";;;;;;AAOA,MAAM,mBAAmB,YAAoB,QAAQ,KAAK,CAAC,CAAC,QAAQ,QAAQ,EAAE;AAE9E,MAAM,wBAEF;EACD,QAAQ,MAAM;EAAE,QAAQ;EAAW,aAAa;CAAO;EACvD,QAAQ,MAAM;EAAE,QAAQ;EAAQ,aAAa;CAAW;EACxD,UAAU,MAAM;EAAE,QAAQ;EAAiB,aAAa;CAAY;AACvE;AAQA,MAAa,oBAGR;CACH,MAAM,EAAE,iBAAiB,gBAAgB;CACzC,MAAM,EAAE,iBAAiB,mBAAmB;CAE5C,MAAM,oBAAoB,aACvB,UAA2B;EAC1B,MAAM,gBAAgB,OAAO,SAAS,KAAK,IACvC,aAAa,KAAe,IAC3B;EAEL,MAAM,eACH,gBACI,eAAe,cAAc,GAAG,GAAG,MACpC,cAAc,SAAS,kBAAkB,KACzC,cAAc,WAAW,OAAA;EAE/B,MAAM,UACJ,OAAO,gBAAgB,WAAW,cAAc,YAAY;EAE9D,MAAM,YACJ,sBAAsB,eAAe,OACrC,sBAAsB,eAAe;EAEvC,MAAM,gBAAgB,WAAW,UAAU;EAC3C,MAAM,qBAAqB,WAAW,eAAe;EACrD,MAAM,SACJ,OAAO,gBAAgB,WACnB,gBACA,YAAY,UAAU;EAC5B,MAAM,cACJ,OAAO,gBAAgB,WACnB,qBACA,YAAY,eAAe;EAEjC,OAAO;GACL,KAAK,gBAAgB,OAAO;GAC5B;GACA;GACA;GACA,aAAa,QAAQ,SAAS;EAChC;CACF,GACA,CAAC,cAAc,YAAY,CAC7B;CA8BA,OAAO;EACL,oBA7ByB,aACxB,EAAE,QAAQ,QAAQ,YAAsD;GACvE,IAAI,QAAQ;IACV,MAAM,SAAS,kBAAkB,KAAK;IAQtC,IAHE,OAAO,eAAe,cAAc,UAAU,OAC9C,OAAO,eACP,MAAM,QAAQ,EAAE,QAAQ,KAAK,CAAC,GAE9B,OAAO,GAAG,OAAO,IAAI,GAAG,OAAO,OAAO,GAAG;GAE7C;GACA,OAAO;EACT,GACA,CAAC,iBAAiB,CAYD;EACjB,gBAVqB,aACpB,SAAiB,UAA2B;GAC3C,MAAM,SAAS,kBAAkB,KAAK;GACtC,OAAO,GAAG,OAAO,IAAI,GAAG,OAAO,YAAY,GAAG;EAChD,GACA,CAAC,iBAAiB,CAKL;CACf;AACF"}

package/dist/esm/hooks/useFilteredByTokenBalances.js

@@ -1,5 +1,5 @@
-import { useWidgetConfig } from "../providers/WidgetProvider/WidgetProvider.js";
 import { getConfigItemSets, isFormItemAllowed } from "../utils/item.js";
+import { useWidgetConfig } from "../providers/WidgetProvider/WidgetProvider.js";
 import { useSDKClient } from "../providers/SDKClientProvider.js";
 import { isSupportedToken } from "../utils/tokenList.js";
 import { ChainType, getWalletBalances } from "@lifi/sdk";

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

@@ -1 +1 @@
-{"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,gBAAgB;CACjD,MAAM,YAAY,aAAa;CAE/B,MAAM,aAAa,cAAc;EAI/B,OAHmB,OAAO,QAAQ,sBAAsB,CAAC,CAAC,EAAE,MACzD,CAAC,GAAG,EAAE,iBAAiB,cAAc,UAAU,GAElC,IAAI;CACtB,GAAG,CAAC,kBAAkB,CAAC;CAEvB,MAAM,EAAE,MAAM,kBAAkB,cAAc,SAAS;EACrD,UAAU,CAAC,yBAAyB,UAAU;EAC9C,eAAe,kBAAkB,WAAW,cAAc,EAAE;EAC5D,SAAS,CAAC,CAAC;EACX,iBAAiB;EACjB,WAAW;EACX,OAAO;CACT,CAAC;CAgGD,OAAO;EAAE,MA9F0B,cAAc;GAC/C,IAAI,CAAC,oBACH;GAIF,MAAM,SAA0D,CAAC;GACjE,IAAI,CAAC,kBAAkB;IACrB,KAAK,MAAM,CAAC,SAAS,EAAE,aAAa,OAAO,QAAQ,kBAAkB,GACnE,OAAO,WAAW;IAEpB,OAAO;GACT;GAEA,KAAK,MAAM,CAAC,SAAS,EAAE,aAAa,OAAO,QAAQ,kBAAkB,GAAG;IACtE,OAAO,WAAW,CAAC;IAEnB,KAAK,MAAM,CAAC,YAAY,gBAAgB,OAAO,QAAQ,MAAM,GAAG;KAC9D,MAAM,UAAU,OAAO,UAAU;KAEjC,MAAM,WAAW,mBAAmB;KAEpC,IAAI,CAAC,UAAU,QAAQ;MACrB,IAAI,YAAY,QACd,OAAO,SAAS,WAAW;MAE7B;KACF;KAGA,MAAM,aAAa,IAAI,IACrB,SAAS,KAAK,YACZ,QAAQ,QAAQ,YAAY,CAC9B,CACF;KAGA,MAAM,iBAAiB,YAAY,QAAQ,UAAU;MACnD,MAAM,WAAW,MAAM,QAAQ,YAAY;MAC3C,OAAO,WAAW,IAAI,QAAQ;KAChC,CAAC;KAGD,MAAM,gBAAgB,IAAI,IACxB,YAAY,KAAK,UAAU,MAAM,QAAQ,YAAY,CAAC,CACxD;KAGA,MAAM,yBAAyB,kBAC7B,eACC,WACC,IAAI,IACF,OACG,QAAQ,MAAM,OAAO,EAAE,OAAO,MAAM,OAAO,EAC3C,KAAK,MAAM,EAAE,QAAQ,YAAY,CAAC,CACvC,GACF,QACF;KAEA,MAAM,mBAAmB,SACtB,QAAQ,YAAiC;MACxC,MAAM,aAAa,QAAQ,QAAQ,YAAY;MAC/C,OACE,CAAC,cAAc,IAAI,UAAU,KAC7B,iBAAiB,OAAO,KACxB,kBACE,SACA,wBACA,WACC,MAAM,EAAE,QAAQ,YAAY,CAC/B;KAEJ,CAAC,EAEA,KAAK,WAAgC;MACpC,GAAG;MACH,UAAU;KACZ,EAAE;KAGJ,MAAM,YAAY,CAChB,GAAG,gBACH,GAAG,gBACL;KAEA,IAAI,UAAU,QACZ,OAAO,SAAS,WAAW;IAE/B;GACF;GAEA,OAAO;EACT,GAAG;GAAC;GAAoB;GAAkB;GAAc;EAAQ,CAExB;EAAG;CAAU;AACvD"}
+{"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,gBAAgB;CACjD,MAAM,YAAY,aAAa;CAE/B,MAAM,aAAa,cAAc;EAI/B,OAHmB,OAAO,QAAQ,sBAAsB,CAAC,CAAC,CAAC,CAAC,MACzD,CAAC,GAAG,EAAE,iBAAiB,cAAc,UAAU,GAElC,CAAC,GAAG;CACtB,GAAG,CAAC,kBAAkB,CAAC;CAEvB,MAAM,EAAE,MAAM,kBAAkB,cAAc,SAAS;EACrD,UAAU,CAAC,yBAAyB,UAAU;EAC9C,eAAe,kBAAkB,WAAW,cAAc,EAAE;EAC5D,SAAS,CAAC,CAAC;EACX,iBAAiB;EACjB,WAAW;EACX,OAAO;CACT,CAAC;CAgGD,OAAO;EAAE,MA9F0B,cAAc;GAC/C,IAAI,CAAC,oBACH;GAIF,MAAM,SAA0D,CAAC;GACjE,IAAI,CAAC,kBAAkB;IACrB,KAAK,MAAM,CAAC,SAAS,EAAE,aAAa,OAAO,QAAQ,kBAAkB,GACnE,OAAO,WAAW;IAEpB,OAAO;GACT;GAEA,KAAK,MAAM,CAAC,SAAS,EAAE,aAAa,OAAO,QAAQ,kBAAkB,GAAG;IACtE,OAAO,WAAW,CAAC;IAEnB,KAAK,MAAM,CAAC,YAAY,gBAAgB,OAAO,QAAQ,MAAM,GAAG;KAC9D,MAAM,UAAU,OAAO,UAAU;KAEjC,MAAM,WAAW,mBAAmB;KAEpC,IAAI,CAAC,UAAU,QAAQ;MACrB,IAAI,YAAY,QACd,OAAO,QAAQ,CAAC,WAAW;MAE7B;KACF;KAGA,MAAM,aAAa,IAAI,IACrB,SAAS,KAAK,YACZ,QAAQ,QAAQ,YAAY,CAC9B,CACF;KAGA,MAAM,iBAAiB,YAAY,QAAQ,UAAU;MACnD,MAAM,WAAW,MAAM,QAAQ,YAAY;MAC3C,OAAO,WAAW,IAAI,QAAQ;KAChC,CAAC;KAGD,MAAM,gBAAgB,IAAI,IACxB,YAAY,KAAK,UAAU,MAAM,QAAQ,YAAY,CAAC,CACxD;KAGA,MAAM,yBAAyB,kBAC7B,eACC,WACC,IAAI,IACF,OACG,QAAQ,MAAM,OAAO,EAAE,OAAO,MAAM,OAAO,CAAC,CAC5C,KAAK,MAAM,EAAE,QAAQ,YAAY,CAAC,CACvC,GACF,QACF;KAEA,MAAM,mBAAmB,SACtB,QAAQ,YAAiC;MACxC,MAAM,aAAa,QAAQ,QAAQ,YAAY;MAC/C,OACE,CAAC,cAAc,IAAI,UAAU,KAC7B,iBAAiB,OAAO,KACxB,kBACE,SACA,wBACA,WACC,MAAM,EAAE,QAAQ,YAAY,CAC/B;KAEJ,CAAC,CAAC,CAED,KAAK,WAAgC;MACpC,GAAG;MACH,UAAU;KACZ,EAAE;KAGJ,MAAM,YAAY,CAChB,GAAG,gBACH,GAAG,gBACL;KAEA,IAAI,UAAU,QACZ,OAAO,QAAQ,CAAC,WAAW;IAE/B;GACF;GAEA,OAAO;EACT,GAAG;GAAC;GAAoB;GAAkB;GAAc;EAAQ,CAExB;EAAG;CAAU;AACvD"}

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

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

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

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

package/dist/esm/hooks/useLanguages.js

@@ -1,8 +1,8 @@
 import { allLanguages } from "../providers/I18nProvider/constants.js";
 import { loadLocale } from "../providers/I18nProvider/i18n.js";
+import { getConfigItemSets, isItemAllowedForSets } from "../utils/item.js";
 import { useSettingsActions } from "../stores/settings/useSettingsActions.js";
 import { useWidgetConfig } from "../providers/WidgetProvider/WidgetProvider.js";
-import { getConfigItemSets, isItemAllowedForSets } from "../utils/item.js";
 import { useSettings } from "../stores/settings/useSettings.js";
 import { useCallback, useMemo } from "react";
 import { useTranslation } from "react-i18next";
@@ -14,7 +14,7 @@ const useLanguages = () => {
 	const { setValues } = useSettingsActions();
 	const sortedLanguages = useMemo(() => {
 		const loadedLanguageKeys = Object.keys(i18n.store.data);
-		const allLanguagesWithCustom = [...new Set([...allLanguages, ...loadedLanguageKeys])];
+		const allLanguagesWithCustom = [.../* @__PURE__ */ new Set([...allLanguages, ...loadedLanguageKeys])];
 		let supportedLanguages = [];
 		if (!languagesConfig) supportedLanguages = allLanguagesWithCustom;
 		else {

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

@@ -1 +1 @@
-{"version":3,"file":"useLanguages.js","names":[],"sources":["../../../src/hooks/useLanguages.ts"],"sourcesContent":["import { useCallback, useMemo } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { allLanguages } from '../providers/I18nProvider/constants.js'\nimport { loadLocale } from '../providers/I18nProvider/i18n.js'\nimport type {\n  LanguageKey,\n  LanguageResource,\n} from '../providers/I18nProvider/types.js'\nimport { useWidgetConfig } from '../providers/WidgetProvider/WidgetProvider.js'\nimport { useSettings } from '../stores/settings/useSettings.js'\nimport { useSettingsActions } from '../stores/settings/useSettingsActions.js'\nimport { getConfigItemSets, isItemAllowedForSets } from '../utils/item.js'\n\nexport const useLanguages = (): {\n  availableLanguages: LanguageKey[]\n  selectedLanguageCode: LanguageKey | string\n  setLanguageWithCode: (languageCode: LanguageKey) => void\n} => {\n  const { i18n } = useTranslation()\n  const { languages: languagesConfig, languageResources } = useWidgetConfig()\n  const { language } = useSettings(['language'])\n  const { setValues } = useSettingsActions()\n\n  const sortedLanguages = useMemo(() => {\n    const loadedLanguageKeys = Object.keys(i18n.store.data)\n    // NB: custom language resources added statically to i18n might not exist in allLanguages (language files)\n    const allLanguagesWithCustom = [\n      ...new Set([...allLanguages, ...loadedLanguageKeys]),\n    ]\n    let supportedLanguages: (LanguageKey | string)[] = []\n    if (!languagesConfig) {\n      supportedLanguages = allLanguagesWithCustom\n    } else {\n      const languagesConfigSets = getConfigItemSets(\n        languagesConfig,\n        (languages) => new Set(languages)\n      )\n      supportedLanguages = allLanguagesWithCustom.filter((language) =>\n        isItemAllowedForSets(language, languagesConfigSets)\n      )\n    }\n    return supportedLanguages.sort()\n  }, [languagesConfig, i18n.store.data])\n\n  const handleLanguageChange = useCallback(\n    async (languageKey: string) => {\n      // Cache the language resource to prevent blinking\n      // after switching languages and reloading the page.\n      let newLanguageCache: LanguageResource | undefined\n      if (\n        !i18n.hasResourceBundle(languageKey, 'translation') &&\n        languageKey !== 'en'\n      ) {\n        await loadLocale(\n          languageKey as LanguageKey,\n          languageResources?.[languageKey as LanguageKey]\n        ).then((languageResource) => {\n          i18n.addResourceBundle(\n            languageKey,\n            'translation',\n            languageResource,\n            true,\n            true\n          )\n          newLanguageCache = languageResource\n        })\n      } else {\n        // If the language is already loaded, just cache the existing resource\n        newLanguageCache = i18n.getResourceBundle(languageKey, 'translation')\n      }\n\n      // Set the new language and language cache to the settings store.\n      setValues({ language: languageKey, languageCache: newLanguageCache })\n\n      // Update the i18n instance to the new language.\n      if (languageKey !== i18n.language) {\n        await i18n.changeLanguage(languageKey)\n      }\n    },\n    [i18n, languageResources, setValues]\n  )\n\n  const selectedLanguage = language || i18n.resolvedLanguage || ''\n  const selectedLanguageCode = sortedLanguages.includes(selectedLanguage)\n    ? selectedLanguage\n    : languagesConfig?.default || 'en'\n\n  return {\n    availableLanguages: sortedLanguages as LanguageKey[],\n    selectedLanguageCode: selectedLanguageCode,\n    setLanguageWithCode: handleLanguageChange,\n  }\n}\n"],"mappings":";;;;;;;;;AAaA,MAAa,qBAIR;CACH,MAAM,EAAE,SAAS,eAAe;CAChC,MAAM,EAAE,WAAW,iBAAiB,sBAAsB,gBAAgB;CAC1E,MAAM,EAAE,aAAa,YAAY,CAAC,UAAU,CAAC;CAC7C,MAAM,EAAE,cAAc,mBAAmB;CAEzC,MAAM,kBAAkB,cAAc;EACpC,MAAM,qBAAqB,OAAO,KAAK,KAAK,MAAM,IAAI;EAEtD,MAAM,yBAAyB,CAC7B,GAAG,IAAI,IAAI,CAAC,GAAG,cAAc,GAAG,kBAAkB,CAAC,CACrD;EACA,IAAI,qBAA+C,CAAC;EACpD,IAAI,CAAC,iBACH,qBAAqB;OAChB;GACL,MAAM,sBAAsB,kBAC1B,kBACC,cAAc,IAAI,IAAI,SAAS,CAClC;GACA,qBAAqB,uBAAuB,QAAQ,aAClD,qBAAqB,UAAU,mBAAmB,CACpD;EACF;EACA,OAAO,mBAAmB,KAAK;CACjC,GAAG,CAAC,iBAAiB,KAAK,MAAM,IAAI,CAAC;CAErC,MAAM,uBAAuB,YAC3B,OAAO,gBAAwB;EAG7B,IAAI;EACJ,IACE,CAAC,KAAK,kBAAkB,aAAa,aAAa,KAClD,gBAAgB,MAEhB,MAAM,WACJ,aACA,oBAAoB,YACtB,EAAE,MAAM,qBAAqB;GAC3B,KAAK,kBACH,aACA,eACA,kBACA,MACA,IACF;GACA,mBAAmB;EACrB,CAAC;OAGD,mBAAmB,KAAK,kBAAkB,aAAa,aAAa;EAItE,UAAU;GAAE,UAAU;GAAa,eAAe;EAAiB,CAAC;EAGpE,IAAI,gBAAgB,KAAK,UACvB,MAAM,KAAK,eAAe,WAAW;CAEzC,GACA;EAAC;EAAM;EAAmB;CAAS,CACrC;CAEA,MAAM,mBAAmB,YAAY,KAAK,oBAAoB;CAK9D,OAAO;EACL,oBAAoB;EACpB,sBAN2B,gBAAgB,SAAS,gBAAgB,IAClE,mBACA,iBAAiB,WAAW;EAK9B,qBAAqB;CACvB;AACF"}
+{"version":3,"file":"useLanguages.js","names":[],"sources":["../../../src/hooks/useLanguages.ts"],"sourcesContent":["import { useCallback, useMemo } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { allLanguages } from '../providers/I18nProvider/constants.js'\nimport { loadLocale } from '../providers/I18nProvider/i18n.js'\nimport type {\n  LanguageKey,\n  LanguageResource,\n} from '../providers/I18nProvider/types.js'\nimport { useWidgetConfig } from '../providers/WidgetProvider/WidgetProvider.js'\nimport { useSettings } from '../stores/settings/useSettings.js'\nimport { useSettingsActions } from '../stores/settings/useSettingsActions.js'\nimport { getConfigItemSets, isItemAllowedForSets } from '../utils/item.js'\n\nexport const useLanguages = (): {\n  availableLanguages: LanguageKey[]\n  selectedLanguageCode: LanguageKey | string\n  setLanguageWithCode: (languageCode: LanguageKey) => void\n} => {\n  const { i18n } = useTranslation()\n  const { languages: languagesConfig, languageResources } = useWidgetConfig()\n  const { language } = useSettings(['language'])\n  const { setValues } = useSettingsActions()\n\n  const sortedLanguages = useMemo(() => {\n    const loadedLanguageKeys = Object.keys(i18n.store.data)\n    // NB: custom language resources added statically to i18n might not exist in allLanguages (language files)\n    const allLanguagesWithCustom = [\n      ...new Set([...allLanguages, ...loadedLanguageKeys]),\n    ]\n    let supportedLanguages: (LanguageKey | string)[] = []\n    if (!languagesConfig) {\n      supportedLanguages = allLanguagesWithCustom\n    } else {\n      const languagesConfigSets = getConfigItemSets(\n        languagesConfig,\n        (languages) => new Set(languages)\n      )\n      supportedLanguages = allLanguagesWithCustom.filter((language) =>\n        isItemAllowedForSets(language, languagesConfigSets)\n      )\n    }\n    return supportedLanguages.sort()\n  }, [languagesConfig, i18n.store.data])\n\n  const handleLanguageChange = useCallback(\n    async (languageKey: string) => {\n      // Cache the language resource to prevent blinking\n      // after switching languages and reloading the page.\n      let newLanguageCache: LanguageResource | undefined\n      if (\n        !i18n.hasResourceBundle(languageKey, 'translation') &&\n        languageKey !== 'en'\n      ) {\n        await loadLocale(\n          languageKey as LanguageKey,\n          languageResources?.[languageKey as LanguageKey]\n        ).then((languageResource) => {\n          i18n.addResourceBundle(\n            languageKey,\n            'translation',\n            languageResource,\n            true,\n            true\n          )\n          newLanguageCache = languageResource\n        })\n      } else {\n        // If the language is already loaded, just cache the existing resource\n        newLanguageCache = i18n.getResourceBundle(languageKey, 'translation')\n      }\n\n      // Set the new language and language cache to the settings store.\n      setValues({ language: languageKey, languageCache: newLanguageCache })\n\n      // Update the i18n instance to the new language.\n      if (languageKey !== i18n.language) {\n        await i18n.changeLanguage(languageKey)\n      }\n    },\n    [i18n, languageResources, setValues]\n  )\n\n  const selectedLanguage = language || i18n.resolvedLanguage || ''\n  const selectedLanguageCode = sortedLanguages.includes(selectedLanguage)\n    ? selectedLanguage\n    : languagesConfig?.default || 'en'\n\n  return {\n    availableLanguages: sortedLanguages as LanguageKey[],\n    selectedLanguageCode: selectedLanguageCode,\n    setLanguageWithCode: handleLanguageChange,\n  }\n}\n"],"mappings":";;;;;;;;;AAaA,MAAa,qBAIR;CACH,MAAM,EAAE,SAAS,eAAe;CAChC,MAAM,EAAE,WAAW,iBAAiB,sBAAsB,gBAAgB;CAC1E,MAAM,EAAE,aAAa,YAAY,CAAC,UAAU,CAAC;CAC7C,MAAM,EAAE,cAAc,mBAAmB;CAEzC,MAAM,kBAAkB,cAAc;EACpC,MAAM,qBAAqB,OAAO,KAAK,KAAK,MAAM,IAAI;EAEtD,MAAM,yBAAyB,CAC7B,mBAAG,IAAI,IAAI,CAAC,GAAG,cAAc,GAAG,kBAAkB,CAAC,CACrD;EACA,IAAI,qBAA+C,CAAC;EACpD,IAAI,CAAC,iBACH,qBAAqB;OAChB;GACL,MAAM,sBAAsB,kBAC1B,kBACC,cAAc,IAAI,IAAI,SAAS,CAClC;GACA,qBAAqB,uBAAuB,QAAQ,aAClD,qBAAqB,UAAU,mBAAmB,CACpD;EACF;EACA,OAAO,mBAAmB,KAAK;CACjC,GAAG,CAAC,iBAAiB,KAAK,MAAM,IAAI,CAAC;CAErC,MAAM,uBAAuB,YAC3B,OAAO,gBAAwB;EAG7B,IAAI;EACJ,IACE,CAAC,KAAK,kBAAkB,aAAa,aAAa,KAClD,gBAAgB,MAEhB,MAAM,WACJ,aACA,oBAAoB,YACtB,CAAC,CAAC,MAAM,qBAAqB;GAC3B,KAAK,kBACH,aACA,eACA,kBACA,MACA,IACF;GACA,mBAAmB;EACrB,CAAC;OAGD,mBAAmB,KAAK,kBAAkB,aAAa,aAAa;EAItE,UAAU;GAAE,UAAU;GAAa,eAAe;EAAiB,CAAC;EAGpE,IAAI,gBAAgB,KAAK,UACvB,MAAM,KAAK,eAAe,WAAW;CAEzC,GACA;EAAC;EAAM;EAAmB;CAAS,CACrC;CAEA,MAAM,mBAAmB,YAAY,KAAK,oBAAoB;CAK9D,OAAO;EACL,oBAAoB;EACpB,sBAN2B,gBAAgB,SAAS,gBAAgB,IAClE,mBACA,iBAAiB,WAAW;EAK9B,qBAAqB;CACvB;AACF"}

package/dist/esm/hooks/useLimitMarketRate.js

@@ -0,0 +1,24 @@
+import { FormKeyHelper } from "../stores/form/types.js";
+import { useFieldValues } from "../stores/form/useFieldValues.js";
+import { useToken } from "./useToken.js";
+//#region src/hooks/useLimitMarketRate.ts
+/**
+* Canonical limit-order market rate (receive token per send token), derived
+* from the tokens' USD prices: 1 send token ≈ sendPrice / receivePrice receive
+* tokens. This is the spot ratio — what the price card's "Market" reference and
+* proximity indicator compare against. Returns `undefined` until both token
+* prices are known.
+*/
+const useLimitMarketRate = () => {
+	const [fromChainId, fromTokenAddress, toChainId, toTokenAddress] = useFieldValues(FormKeyHelper.getChainKey("from"), FormKeyHelper.getTokenKey("from"), FormKeyHelper.getChainKey("to"), FormKeyHelper.getTokenKey("to"));
+	const { token: fromToken } = useToken(fromChainId, fromTokenAddress);
+	const { token: toToken } = useToken(toChainId, toTokenAddress);
+	const fromPrice = Number(fromToken?.priceUSD);
+	const toPrice = Number(toToken?.priceUSD);
+	if (!fromPrice || !toPrice || Number.isNaN(fromPrice) || Number.isNaN(toPrice)) return;
+	return fromPrice / toPrice;
+};
+//#endregion
+export { useLimitMarketRate };
+
+//# sourceMappingURL=useLimitMarketRate.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useLimitMarketRate.js","names":[],"sources":["../../../src/hooks/useLimitMarketRate.ts"],"sourcesContent":["import { FormKeyHelper } from '../stores/form/types.js'\nimport { useFieldValues } from '../stores/form/useFieldValues.js'\nimport { useToken } from './useToken.js'\n\n/**\n * Canonical limit-order market rate (receive token per send token), derived\n * from the tokens' USD prices: 1 send token ≈ sendPrice / receivePrice receive\n * tokens. This is the spot ratio — what the price card's \"Market\" reference and\n * proximity indicator compare against. Returns `undefined` until both token\n * prices are known.\n */\nexport const useLimitMarketRate = (): number | undefined => {\n  const [fromChainId, fromTokenAddress, toChainId, toTokenAddress] =\n    useFieldValues(\n      FormKeyHelper.getChainKey('from'),\n      FormKeyHelper.getTokenKey('from'),\n      FormKeyHelper.getChainKey('to'),\n      FormKeyHelper.getTokenKey('to')\n    )\n  const { token: fromToken } = useToken(fromChainId, fromTokenAddress)\n  const { token: toToken } = useToken(toChainId, toTokenAddress)\n\n  const fromPrice = Number(fromToken?.priceUSD)\n  const toPrice = Number(toToken?.priceUSD)\n\n  // A `priceUSD` of `\"0\"` (or missing) means the price is unknown — there's no\n  // meaningful spot ratio to derive, and dividing by a zero `toPrice` would be\n  // `Infinity`, so the falsy guard intentionally suppresses the rate here.\n  if (\n    !fromPrice ||\n    !toPrice ||\n    Number.isNaN(fromPrice) ||\n    Number.isNaN(toPrice)\n  ) {\n    return undefined\n  }\n\n  return fromPrice / toPrice\n}\n"],"mappings":";;;;;;;;;;;AAWA,MAAa,2BAA+C;CAC1D,MAAM,CAAC,aAAa,kBAAkB,WAAW,kBAC/C,eACE,cAAc,YAAY,MAAM,GAChC,cAAc,YAAY,MAAM,GAChC,cAAc,YAAY,IAAI,GAC9B,cAAc,YAAY,IAAI,CAChC;CACF,MAAM,EAAE,OAAO,cAAc,SAAS,aAAa,gBAAgB;CACnE,MAAM,EAAE,OAAO,YAAY,SAAS,WAAW,cAAc;CAE7D,MAAM,YAAY,OAAO,WAAW,QAAQ;CAC5C,MAAM,UAAU,OAAO,SAAS,QAAQ;CAKxC,IACE,CAAC,aACD,CAAC,WACD,OAAO,MAAM,SAAS,KACtB,OAAO,MAAM,OAAO,GAEpB;CAGF,OAAO,YAAY;AACrB"}

package/dist/esm/hooks/useLinkedLimitFields.js

@@ -0,0 +1,49 @@
+import { useFieldActions } from "../stores/form/useFieldActions.js";
+import { FormKeyHelper } from "../stores/form/types.js";
+import { useFieldValues } from "../stores/form/useFieldValues.js";
+import { useToken } from "./useToken.js";
+import { deriveLimitPrice, deriveReceiveAmount } from "../utils/limitOrder.js";
+//#region src/hooks/useLinkedLimitFields.ts
+/**
+* Implements the linked-field derivation for limit orders:
+* - `limitPrice = receiveAmount / sendAmount`
+* - editing sendAmount recomputes receiveAmount, holding the current price
+* - editing limitPrice (with a send amount set) recomputes receiveAmount
+* - sendAmount never changes without an explicit user edit
+*
+* The receive amount (`toAmount`) is read-only in the UI — it is derived here
+* from the send amount and limit price, then sent to the routes request; the
+* receive card only displays the resulting quote.
+*
+* The limit price is NOT stored: it is purely a function of the `fromAmount`
+* and `toAmount` form fields (canonical receive-per-send). The UI layer handles
+* base/quote display inversion. Because it's derived, editing the send amount
+* only has to preserve the pre-edit price.
+*/
+const useLinkedLimitFields = () => {
+	const { setFieldValue } = useFieldActions();
+	const [toChainId, toTokenAddress, sendAmount, receiveAmount] = useFieldValues(FormKeyHelper.getChainKey("to"), FormKeyHelper.getTokenKey("to"), FormKeyHelper.getAmountKey("from"), FormKeyHelper.getAmountKey("to"));
+	const { token: toToken } = useToken(toChainId, toTokenAddress);
+	const limitPrice = deriveLimitPrice(sendAmount, receiveAmount);
+	const setSendAmount = (value) => {
+		setFieldValue("fromAmount", value, {
+			isDirty: true,
+			isTouched: true
+		});
+		const nextReceive = deriveReceiveAmount(value, limitPrice, toToken?.decimals);
+		if (nextReceive) setFieldValue("toAmount", nextReceive, { isDirty: true });
+	};
+	const setLimitPrice = (value) => {
+		const nextReceive = deriveReceiveAmount(sendAmount, value, toToken?.decimals);
+		setFieldValue("toAmount", nextReceive, { isDirty: true });
+	};
+	return {
+		limitPrice,
+		setSendAmount,
+		setLimitPrice
+	};
+};
+//#endregion
+export { useLinkedLimitFields };
+
+//# sourceMappingURL=useLinkedLimitFields.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useLinkedLimitFields.js","names":[],"sources":["../../../src/hooks/useLinkedLimitFields.ts"],"sourcesContent":["import { FormKeyHelper } from '../stores/form/types.js'\nimport { useFieldActions } from '../stores/form/useFieldActions.js'\nimport { useFieldValues } from '../stores/form/useFieldValues.js'\nimport { deriveLimitPrice, deriveReceiveAmount } from '../utils/limitOrder.js'\nimport { useToken } from './useToken.js'\n\nexport interface LinkedLimitFields {\n  limitPrice: string\n  /** Set the send amount (explicit user edit); derives receiveAmount when a price is set. */\n  setSendAmount: (value: string) => void\n  /** Set the limit price (canonical: receive per send); derives receiveAmount when a send amount is set. */\n  setLimitPrice: (value: string) => void\n}\n\n/**\n * Implements the linked-field derivation for limit orders:\n * - `limitPrice = receiveAmount / sendAmount`\n * - editing sendAmount recomputes receiveAmount, holding the current price\n * - editing limitPrice (with a send amount set) recomputes receiveAmount\n * - sendAmount never changes without an explicit user edit\n *\n * The receive amount (`toAmount`) is read-only in the UI — it is derived here\n * from the send amount and limit price, then sent to the routes request; the\n * receive card only displays the resulting quote.\n *\n * The limit price is NOT stored: it is purely a function of the `fromAmount`\n * and `toAmount` form fields (canonical receive-per-send). The UI layer handles\n * base/quote display inversion. Because it's derived, editing the send amount\n * only has to preserve the pre-edit price.\n */\nexport const useLinkedLimitFields = (): LinkedLimitFields => {\n  const { setFieldValue } = useFieldActions()\n  const [toChainId, toTokenAddress, sendAmount, receiveAmount] = useFieldValues(\n    FormKeyHelper.getChainKey('to'),\n    FormKeyHelper.getTokenKey('to'),\n    FormKeyHelper.getAmountKey('from'),\n    FormKeyHelper.getAmountKey('to')\n  )\n  const { token: toToken } = useToken(toChainId, toTokenAddress)\n\n  const limitPrice = deriveLimitPrice(sendAmount, receiveAmount)\n\n  const setSendAmount = (value: string): void => {\n    // Hold the pre-edit price (derived from the current fields) so changing the\n    // send amount rescales the receive amount instead of moving the price.\n    setFieldValue('fromAmount', value, { isDirty: true, isTouched: true })\n    const nextReceive = deriveReceiveAmount(\n      value,\n      limitPrice,\n      toToken?.decimals\n    )\n    if (nextReceive) {\n      setFieldValue('toAmount', nextReceive, { isDirty: true })\n    }\n  }\n\n  const setLimitPrice = (value: string): void => {\n    // Write unconditionally (including '') so the receive amount tracks the\n    // price both ways — clearing the price clears the derived receive amount\n    // instead of leaving a stale value that re-derives the old price.\n    const nextReceive = deriveReceiveAmount(\n      sendAmount,\n      value,\n      toToken?.decimals\n    )\n    setFieldValue('toAmount', nextReceive, { isDirty: true })\n  }\n\n  return {\n    limitPrice,\n    setSendAmount,\n    setLimitPrice,\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AA8BA,MAAa,6BAAgD;CAC3D,MAAM,EAAE,kBAAkB,gBAAgB;CAC1C,MAAM,CAAC,WAAW,gBAAgB,YAAY,iBAAiB,eAC7D,cAAc,YAAY,IAAI,GAC9B,cAAc,YAAY,IAAI,GAC9B,cAAc,aAAa,MAAM,GACjC,cAAc,aAAa,IAAI,CACjC;CACA,MAAM,EAAE,OAAO,YAAY,SAAS,WAAW,cAAc;CAE7D,MAAM,aAAa,iBAAiB,YAAY,aAAa;CAE7D,MAAM,iBAAiB,UAAwB;EAG7C,cAAc,cAAc,OAAO;GAAE,SAAS;GAAM,WAAW;EAAK,CAAC;EACrE,MAAM,cAAc,oBAClB,OACA,YACA,SAAS,QACX;EACA,IAAI,aACF,cAAc,YAAY,aAAa,EAAE,SAAS,KAAK,CAAC;CAE5D;CAEA,MAAM,iBAAiB,UAAwB;EAI7C,MAAM,cAAc,oBAClB,YACA,OACA,SAAS,QACX;EACA,cAAc,YAAY,aAAa,EAAE,SAAS,KAAK,CAAC;CAC1D;CAEA,OAAO;EACL;EACA;EACA;CACF;AACF"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"useRouteExecutionMessage.js","names":[],"sources":["../../../src/hooks/useRouteExecutionMessage.ts"],"sourcesContent":["import type { ExecutionActionType, RouteExtended } from '@lifi/sdk'\nimport { useTranslation } from 'react-i18next'\nimport { useWidgetConfig } from '../providers/WidgetProvider/WidgetProvider.js'\nimport { RouteExecutionStatus } from '../stores/routes/types.js'\nimport { getActionMessage } from '../utils/getActionMessage.js'\nimport { getErrorMessage } from '../utils/getErrorMessage.js'\nimport { useAvailableChains } from './useAvailableChains.js'\n\nexport const useRouteExecutionMessage = (\n  route: RouteExtended,\n  status: RouteExecutionStatus\n): { title: string | undefined; message: string | undefined } => {\n  const { mode, modeOptions } = useWidgetConfig()\n  const { t } = useTranslation()\n  const { getChainById } = useAvailableChains()\n\n  const transactionType =\n    route.fromChainId === route.toChainId ? 'swap' : 'bridge'\n\n  let title: string | undefined\n  let message: string | undefined\n\n  switch (status) {\n    case RouteExecutionStatus.Pending: {\n      // Use the first executing step, not the last one — in a multi-step route\n      // the active step is often not the last.\n      const activeStep =\n        route.steps.find(\n          (s) =>\n            s.execution?.status === 'PENDING' ||\n            s.execution?.status === 'ACTION_REQUIRED'\n        ) ?? route.steps.at(-1)\n      const lastAction = activeStep?.execution?.actions?.at(-1)\n      const actionMessage =\n        activeStep && lastAction\n          ? getActionMessage(\n              t,\n              activeStep,\n              lastAction.type,\n              lastAction.status,\n              lastAction.substatus,\n              mode,\n              modeOptions\n            )\n          : undefined\n      // Fall back to a generic title when the step has no action to describe yet\n      // (just after a restart, or before the first action exists).\n      title =\n        actionMessage?.title ?? t(`main.process.${transactionType}.pending`)\n      message = actionMessage?.message\n      break\n    }\n    case RouteExecutionStatus.Done: {\n      title =\n        mode === 'custom'\n          ? t(\n              `success.title.${modeOptions?.custom?.type ?? 'checkout'}Successful`\n            )\n          : t(`success.title.${transactionType}Successful`)\n      break\n    }\n    case RouteExecutionStatus.Done | RouteExecutionStatus.Partial: {\n      title = t(`success.title.${transactionType}PartiallySuccessful`)\n      message = t('success.message.exchangePartiallySuccessful', {\n        tool: route.steps.at(-1)?.toolDetails.name,\n        tokenSymbol: route.steps.at(-1)?.action.toToken.symbol,\n      })\n      break\n    }\n    case RouteExecutionStatus.Done | RouteExecutionStatus.Refunded: {\n      title = t('success.title.refundIssued')\n      message = t('success.message.exchangePartiallySuccessful', {\n        tool: route.steps.at(-1)?.toolDetails.name,\n        tokenSymbol: route.steps.at(-1)?.action.toToken.symbol,\n      })\n      break\n    }\n    case RouteExecutionStatus.Failed: {\n      const step = route.steps.find(\n        (step) => step.execution?.status === 'FAILED'\n      )\n      if (!step) {\n        break\n      }\n      const action = step.execution?.actions?.find(\n        (action) => action.status === 'FAILED'\n      ) || {\n        status: 'FAILED',\n        type: 'EXECUTION' as ExecutionActionType,\n        error: step.execution?.error,\n      } // synthetic action to represent a failed execution with no actions\n      const actionMessage = getErrorMessage(t, getChainById, step, action)\n      title = actionMessage.title\n      message = actionMessage.message\n      break\n    }\n  }\n\n  return { title, message }\n}\n"],"mappings":";;;;;;AAQA,MAAa,4BACX,OACA,WAC+D;CAC/D,MAAM,EAAE,MAAM,gBAAgB,gBAAgB;CAC9C,MAAM,EAAE,MAAM,eAAe;CAC7B,MAAM,EAAE,iBAAiB,mBAAmB;CAE5C,MAAM,kBACJ,MAAM,gBAAgB,MAAM,YAAY,SAAS;CAEnD,IAAI;CACJ,IAAI;CAEJ,QAAQ,QAAR;EACE,KAAA,GAAmC;GAGjC,MAAM,aACJ,MAAM,MAAM,MACT,MACC,EAAE,WAAW,WAAW,aACxB,EAAE,WAAW,WAAW,iBAC5B,KAAK,MAAM,MAAM,GAAG,EAAE;GACxB,MAAM,aAAa,YAAY,WAAW,SAAS,GAAG,EAAE;GACxD,MAAM,gBACJ,cAAc,aACV,iBACE,GACA,YACA,WAAW,MACX,WAAW,QACX,WAAW,WACX,MACA,WACF,IACA,KAAA;GAGN,QACE,eAAe,SAAS,EAAE,gBAAgB,gBAAgB,SAAS;GACrE,UAAU,eAAe;GACzB;EACF;EACA,KAAA;GACE,QACE,SAAS,WACL,EACE,iBAAiB,aAAa,QAAQ,QAAQ,WAAW,WAC3D,IACA,EAAE,iBAAiB,gBAAgB,WAAW;GACpD;EAEF,KAAA;GACE,QAAQ,EAAE,iBAAiB,gBAAgB,oBAAoB;GAC/D,UAAU,EAAE,+CAA+C;IACzD,MAAM,MAAM,MAAM,GAAG,EAAE,GAAG,YAAY;IACtC,aAAa,MAAM,MAAM,GAAG,EAAE,GAAG,OAAO,QAAQ;GAClD,CAAC;GACD;EAEF,KAAA;GACE,QAAQ,EAAE,4BAA4B;GACtC,UAAU,EAAE,+CAA+C;IACzD,MAAM,MAAM,MAAM,GAAG,EAAE,GAAG,YAAY;IACtC,aAAa,MAAM,MAAM,GAAG,EAAE,GAAG,OAAO,QAAQ;GAClD,CAAC;GACD;EAEF,KAAA,GAAkC;GAChC,MAAM,OAAO,MAAM,MAAM,MACtB,SAAS,KAAK,WAAW,WAAW,QACvC;GACA,IAAI,CAAC,MACH;GASF,MAAM,gBAAgB,gBAAgB,GAAG,cAAc,MAPxC,KAAK,WAAW,SAAS,MACrC,WAAW,OAAO,WAAW,QAChC,KAAK;IACH,QAAQ;IACR,MAAM;IACN,OAAO,KAAK,WAAW;GACzB,CACmE;GACnE,QAAQ,cAAc;GACtB,UAAU,cAAc;GACxB;EACF;CACF;CAEA,OAAO;EAAE;EAAO;CAAQ;AAC1B"}
+{"version":3,"file":"useRouteExecutionMessage.js","names":[],"sources":["../../../src/hooks/useRouteExecutionMessage.ts"],"sourcesContent":["import type { ExecutionActionType, RouteExtended } from '@lifi/sdk'\nimport { useTranslation } from 'react-i18next'\nimport { useWidgetConfig } from '../providers/WidgetProvider/WidgetProvider.js'\nimport { RouteExecutionStatus } from '../stores/routes/types.js'\nimport { getActionMessage } from '../utils/getActionMessage.js'\nimport { getErrorMessage } from '../utils/getErrorMessage.js'\nimport { useAvailableChains } from './useAvailableChains.js'\n\nexport const useRouteExecutionMessage = (\n  route: RouteExtended,\n  status: RouteExecutionStatus\n): { title: string | undefined; message: string | undefined } => {\n  const { mode, modeOptions } = useWidgetConfig()\n  const { t } = useTranslation()\n  const { getChainById } = useAvailableChains()\n\n  const transactionType =\n    route.fromChainId === route.toChainId ? 'swap' : 'bridge'\n\n  let title: string | undefined\n  let message: string | undefined\n\n  switch (status) {\n    case RouteExecutionStatus.Pending: {\n      // Use the first executing step, not the last one — in a multi-step route\n      // the active step is often not the last.\n      const activeStep =\n        route.steps.find(\n          (s) =>\n            s.execution?.status === 'PENDING' ||\n            s.execution?.status === 'ACTION_REQUIRED'\n        ) ?? route.steps.at(-1)\n      const lastAction = activeStep?.execution?.actions?.at(-1)\n      const actionMessage =\n        activeStep && lastAction\n          ? getActionMessage(\n              t,\n              activeStep,\n              lastAction.type,\n              lastAction.status,\n              lastAction.substatus,\n              mode,\n              modeOptions\n            )\n          : undefined\n      // Fall back to a generic title when the step has no action to describe yet\n      // (just after a restart, or before the first action exists).\n      title =\n        actionMessage?.title ?? t(`main.process.${transactionType}.pending`)\n      message = actionMessage?.message\n      break\n    }\n    case RouteExecutionStatus.Done: {\n      title =\n        mode === 'custom'\n          ? t(\n              `success.title.${modeOptions?.custom?.type ?? 'checkout'}Successful`\n            )\n          : t(`success.title.${transactionType}Successful`)\n      break\n    }\n    case RouteExecutionStatus.Done | RouteExecutionStatus.Partial: {\n      title = t(`success.title.${transactionType}PartiallySuccessful`)\n      message = t('success.message.exchangePartiallySuccessful', {\n        tool: route.steps.at(-1)?.toolDetails.name,\n        tokenSymbol: route.steps.at(-1)?.action.toToken.symbol,\n      })\n      break\n    }\n    case RouteExecutionStatus.Done | RouteExecutionStatus.Refunded: {\n      title = t('success.title.refundIssued')\n      message = t('success.message.exchangePartiallySuccessful', {\n        tool: route.steps.at(-1)?.toolDetails.name,\n        tokenSymbol: route.steps.at(-1)?.action.toToken.symbol,\n      })\n      break\n    }\n    case RouteExecutionStatus.Failed: {\n      const step = route.steps.find(\n        (step) => step.execution?.status === 'FAILED'\n      )\n      if (!step) {\n        break\n      }\n      const action = step.execution?.actions?.find(\n        (action) => action.status === 'FAILED'\n      ) || {\n        status: 'FAILED',\n        type: 'EXECUTION' as ExecutionActionType,\n        error: step.execution?.error,\n      } // synthetic action to represent a failed execution with no actions\n      const actionMessage = getErrorMessage(t, getChainById, step, action)\n      title = actionMessage.title\n      message = actionMessage.message\n      break\n    }\n  }\n\n  return { title, message }\n}\n"],"mappings":";;;;;;AAQA,MAAa,4BACX,OACA,WAC+D;CAC/D,MAAM,EAAE,MAAM,gBAAgB,gBAAgB;CAC9C,MAAM,EAAE,MAAM,eAAe;CAC7B,MAAM,EAAE,iBAAiB,mBAAmB;CAE5C,MAAM,kBACJ,MAAM,gBAAgB,MAAM,YAAY,SAAS;CAEnD,IAAI;CACJ,IAAI;CAEJ,QAAQ,QAAR;EACE,KAAA,GAAmC;GAGjC,MAAM,aACJ,MAAM,MAAM,MACT,MACC,EAAE,WAAW,WAAW,aACxB,EAAE,WAAW,WAAW,iBAC5B,KAAK,MAAM,MAAM,GAAG,EAAE;GACxB,MAAM,aAAa,YAAY,WAAW,SAAS,GAAG,EAAE;GACxD,MAAM,gBACJ,cAAc,aACV,iBACE,GACA,YACA,WAAW,MACX,WAAW,QACX,WAAW,WACX,MACA,WACF,IACA,KAAA;GAGN,QACE,eAAe,SAAS,EAAE,gBAAgB,gBAAgB,SAAS;GACrE,UAAU,eAAe;GACzB;EACF;EACA,KAAA;GACE,QACE,SAAS,WACL,EACE,iBAAiB,aAAa,QAAQ,QAAQ,WAAW,WAC3D,IACA,EAAE,iBAAiB,gBAAgB,WAAW;GACpD;EAEF,KAAA;GACE,QAAQ,EAAE,iBAAiB,gBAAgB,oBAAoB;GAC/D,UAAU,EAAE,+CAA+C;IACzD,MAAM,MAAM,MAAM,GAAG,EAAE,CAAC,EAAE,YAAY;IACtC,aAAa,MAAM,MAAM,GAAG,EAAE,CAAC,EAAE,OAAO,QAAQ;GAClD,CAAC;GACD;EAEF,KAAA;GACE,QAAQ,EAAE,4BAA4B;GACtC,UAAU,EAAE,+CAA+C;IACzD,MAAM,MAAM,MAAM,GAAG,EAAE,CAAC,EAAE,YAAY;IACtC,aAAa,MAAM,MAAM,GAAG,EAAE,CAAC,EAAE,OAAO,QAAQ;GAClD,CAAC;GACD;EAEF,KAAA,GAAkC;GAChC,MAAM,OAAO,MAAM,MAAM,MACtB,SAAS,KAAK,WAAW,WAAW,QACvC;GACA,IAAI,CAAC,MACH;GASF,MAAM,gBAAgB,gBAAgB,GAAG,cAAc,MAPxC,KAAK,WAAW,SAAS,MACrC,WAAW,OAAO,WAAW,QAChC,KAAK;IACH,QAAQ;IACR,MAAM;IACN,OAAO,KAAK,WAAW;GACzB,CACmE;GACnE,QAAQ,cAAc;GACtB,UAAU,cAAc;GACxB;EACF;CACF;CAEA,OAAO;EAAE;EAAO;CAAQ;AAC1B"}

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

@@ -1 +1 @@
-{"version":3,"file":"useRouteRequiredAccountConnection.js","names":[],"sources":["../../../src/hooks/useRouteRequiredAccountConnection.ts"],"sourcesContent":["import type { ExtendedChain, Route } from '@lifi/sdk'\nimport { useAccount } from '@lifi/wallet-management'\nimport { useMemo } from 'react'\nimport { useFieldValues } from '../stores/form/useFieldValues.js'\nimport { useChain } from './useChain.js'\n\nexport const useRouteRequiredAccountConnection = (\n  route?: Route,\n  chain?: ExtendedChain\n): {\n  connected: boolean\n  missingChain?: ExtendedChain\n  missingAccountAddress?: string\n} => {\n  const { account, accounts } = useAccount({ chainType: chain?.chainType })\n  const [toAddress] = useFieldValues('toAddress')\n  const { getChainById } = useChain()\n\n  return useMemo(() => {\n    if (!route?.steps.length) {\n      return {\n        connected: account.isConnected,\n      }\n    }\n\n    const connectedChainTypes = new Map(\n      accounts\n        .filter((account) => account.isConnected && account.address)\n        .map((account) => [account.chainType, account])\n    )\n\n    if (!connectedChainTypes.size) {\n      return {\n        connected: false,\n      }\n    }\n\n    for (const step of route.steps) {\n      const chain = getChainById(step.action.fromChainId)\n      if (!chain) {\n        continue\n      }\n\n      const connectedAccount = connectedChainTypes.get(chain.chainType)\n      const isToAddressSatisfied = toAddress\n        ? connectedAccount?.address === step.action.fromAddress\n        : true\n\n      if (!connectedAccount || !isToAddressSatisfied) {\n        return {\n          connected: false,\n          missingChain: chain,\n          missingAccountAddress: !isToAddressSatisfied\n            ? step.action.fromAddress\n            : undefined,\n        }\n      }\n    }\n\n    return { connected: true }\n  }, [account.isConnected, route, accounts, getChainById, toAddress])\n}\n"],"mappings":";;;;;AAMA,MAAa,qCACX,OACA,UAKG;CACH,MAAM,EAAE,SAAS,aAAa,WAAW,EAAE,WAAW,OAAO,UAAU,CAAC;CACxE,MAAM,CAAC,aAAa,eAAe,WAAW;CAC9C,MAAM,EAAE,iBAAiB,SAAS;CAElC,OAAO,cAAc;EACnB,IAAI,CAAC,OAAO,MAAM,QAChB,OAAO,EACL,WAAW,QAAQ,YACrB;EAGF,MAAM,sBAAsB,IAAI,IAC9B,SACG,QAAQ,YAAY,QAAQ,eAAe,QAAQ,OAAO,EAC1D,KAAK,YAAY,CAAC,QAAQ,WAAW,OAAO,CAAC,CAClD;EAEA,IAAI,CAAC,oBAAoB,MACvB,OAAO,EACL,WAAW,MACb;EAGF,KAAK,MAAM,QAAQ,MAAM,OAAO;GAC9B,MAAM,QAAQ,aAAa,KAAK,OAAO,WAAW;GAClD,IAAI,CAAC,OACH;GAGF,MAAM,mBAAmB,oBAAoB,IAAI,MAAM,SAAS;GAChE,MAAM,uBAAuB,YACzB,kBAAkB,YAAY,KAAK,OAAO,cAC1C;GAEJ,IAAI,CAAC,oBAAoB,CAAC,sBACxB,OAAO;IACL,WAAW;IACX,cAAc;IACd,uBAAuB,CAAC,uBACpB,KAAK,OAAO,cACZ,KAAA;GACN;EAEJ;EAEA,OAAO,EAAE,WAAW,KAAK;CAC3B,GAAG;EAAC,QAAQ;EAAa;EAAO;EAAU;EAAc;CAAS,CAAC;AACpE"}
+{"version":3,"file":"useRouteRequiredAccountConnection.js","names":[],"sources":["../../../src/hooks/useRouteRequiredAccountConnection.ts"],"sourcesContent":["import type { ExtendedChain, Route } from '@lifi/sdk'\nimport { useAccount } from '@lifi/wallet-management'\nimport { useMemo } from 'react'\nimport { useFieldValues } from '../stores/form/useFieldValues.js'\nimport { useChain } from './useChain.js'\n\nexport const useRouteRequiredAccountConnection = (\n  route?: Route,\n  chain?: ExtendedChain\n): {\n  connected: boolean\n  missingChain?: ExtendedChain\n  missingAccountAddress?: string\n} => {\n  const { account, accounts } = useAccount({ chainType: chain?.chainType })\n  const [toAddress] = useFieldValues('toAddress')\n  const { getChainById } = useChain()\n\n  return useMemo(() => {\n    if (!route?.steps.length) {\n      return {\n        connected: account.isConnected,\n      }\n    }\n\n    const connectedChainTypes = new Map(\n      accounts\n        .filter((account) => account.isConnected && account.address)\n        .map((account) => [account.chainType, account])\n    )\n\n    if (!connectedChainTypes.size) {\n      return {\n        connected: false,\n      }\n    }\n\n    for (const step of route.steps) {\n      const chain = getChainById(step.action.fromChainId)\n      if (!chain) {\n        continue\n      }\n\n      const connectedAccount = connectedChainTypes.get(chain.chainType)\n      const isToAddressSatisfied = toAddress\n        ? connectedAccount?.address === step.action.fromAddress\n        : true\n\n      if (!connectedAccount || !isToAddressSatisfied) {\n        return {\n          connected: false,\n          missingChain: chain,\n          missingAccountAddress: !isToAddressSatisfied\n            ? step.action.fromAddress\n            : undefined,\n        }\n      }\n    }\n\n    return { connected: true }\n  }, [account.isConnected, route, accounts, getChainById, toAddress])\n}\n"],"mappings":";;;;;AAMA,MAAa,qCACX,OACA,UAKG;CACH,MAAM,EAAE,SAAS,aAAa,WAAW,EAAE,WAAW,OAAO,UAAU,CAAC;CACxE,MAAM,CAAC,aAAa,eAAe,WAAW;CAC9C,MAAM,EAAE,iBAAiB,SAAS;CAElC,OAAO,cAAc;EACnB,IAAI,CAAC,OAAO,MAAM,QAChB,OAAO,EACL,WAAW,QAAQ,YACrB;EAGF,MAAM,sBAAsB,IAAI,IAC9B,SACG,QAAQ,YAAY,QAAQ,eAAe,QAAQ,OAAO,CAAC,CAC3D,KAAK,YAAY,CAAC,QAAQ,WAAW,OAAO,CAAC,CAClD;EAEA,IAAI,CAAC,oBAAoB,MACvB,OAAO,EACL,WAAW,MACb;EAGF,KAAK,MAAM,QAAQ,MAAM,OAAO;GAC9B,MAAM,QAAQ,aAAa,KAAK,OAAO,WAAW;GAClD,IAAI,CAAC,OACH;GAGF,MAAM,mBAAmB,oBAAoB,IAAI,MAAM,SAAS;GAChE,MAAM,uBAAuB,YACzB,kBAAkB,YAAY,KAAK,OAAO,cAC1C;GAEJ,IAAI,CAAC,oBAAoB,CAAC,sBACxB,OAAO;IACL,WAAW;IACX,cAAc;IACd,uBAAuB,CAAC,uBACpB,KAAK,OAAO,cACZ,KAAA;GACN;EAEJ;EAEA,OAAO,EAAE,WAAW,KAAK;CAC3B,GAAG;EAAC,QAAQ;EAAa;EAAO;EAAU;EAAc;CAAS,CAAC;AACpE"}

package/dist/esm/hooks/useRoutes.js

@@ -1,6 +1,7 @@
 import { useWidgetEvents } from "./useWidgetEvents.js";
 import "../types/events.js";
 import { useWidgetConfig } from "../providers/WidgetProvider/WidgetProvider.js";
+import { useNavigationTabsStore } from "../stores/navigationTabs/useNavigationTabsStore.js";
 import { useSwapOnly } from "./useSwapOnly.js";
 import { useSDKClient } from "../providers/SDKClientProvider.js";
 import { getQueryKey } from "../utils/queries.js";
@@ -28,6 +29,7 @@ const useRoutes = ({ observableRoute } = {}) => {
 	const queryClient = useQueryClient();
 	const emitter = useWidgetEvents();
 	const swapOnly = useSwapOnly();
+	const isPrivate = useNavigationTabsStore((state) => state.activeTab === "private");
 	const { disabledBridges, disabledExchanges, enabledBridges, enabledExchanges, enabledAutoRefuel, routePriority, slippage } = useSettings([
 		"disabledBridges",
 		"disabledExchanges",
@@ -38,7 +40,9 @@ const useRoutes = ({ observableRoute } = {}) => {
 		"slippage"
 	]);
 	const [fromTokenAmount] = useDebouncedWatch(500, "fromAmount");
-	const [fromChainId, fromTokenAddress, toAddress, toTokenAmount, toChainId, toTokenAddress, contractCalls] = useFieldValues("fromChain", "fromToken", "toAddress", "toAmount", "toChain", "toToken", "contractCalls");
+	const [toTokenAmount] = useDebouncedWatch(500, "toAmount");
+	const [fromChainId, fromTokenAddress, toAddress, toChainId, toTokenAddress, contractCalls] = useFieldValues("fromChain", "fromToken", "toAddress", "toChain", "toToken", "contractCalls");
+	const [validUntilDuration, partiallyFillable] = useFieldValues("validUntil", "partiallyFillable");
 	const { token: fromToken } = useToken(fromChainId, fromTokenAddress);
 	const { token: toToken } = useToken(toChainId, toTokenAddress);
 	const { chain: fromChain } = useChain(fromChainId);
@@ -48,7 +52,7 @@ const useRoutes = ({ observableRoute } = {}) => {
 	const { isGaslessStep, disableMessageSigning } = useEthereumContext();
 	const { account } = useAccount({ chainType: fromChain?.chainType });
 	const { isBatchingSupported, isBatchingSupportedLoading } = useIsBatchingSupported(fromChain, account.address);
-	const hasAmount = Number(fromTokenAmount) > 0 || Number(toTokenAmount) > 0;
+	const hasAmount = mode === "limit" ? Number(fromTokenAmount) > 0 && Number(toTokenAmount) > 0 : Number(fromTokenAmount) > 0 || Number(toTokenAmount) > 0;
 	const contractCallQuoteEnabled = mode === "custom" ? Boolean(contractCalls && account.address) : true;
 	const hasToAddressAndChainTypeSatisfied = !!toChain && !!toAddress && getChainTypeFromAddress(toAddress) === toChain.chainType;
 	const isToAddressSatisfied = toAddress ? hasToAddressAndChainTypeSatisfied : true;
@@ -67,6 +71,8 @@ const useRoutes = ({ observableRoute } = {}) => {
 		toChain?.id,
 		toToken?.address,
 		toTokenAmount,
+		validUntilDuration,
+		partiallyFillable,
 		contractCalls,
 		slippage,
 		swapOnly,
@@ -82,6 +88,7 @@ const useRoutes = ({ observableRoute } = {}) => {
 		feeConfig?.fee,
 		disableMessageSigning,
 		!!isBatchingSupported,
+		isPrivate,
 		observableRoute?.id
 	], [
 		keyPrefix,
@@ -93,6 +100,8 @@ const useRoutes = ({ observableRoute } = {}) => {
 		toChain?.id,
 		toToken?.address,
 		toTokenAmount,
+		validUntilDuration,
+		partiallyFillable,
 		contractCalls,
 		slippage,
 		swapOnly,
@@ -109,14 +118,15 @@ const useRoutes = ({ observableRoute } = {}) => {
 		feeConfig?.fee,
 		disableMessageSigning,
 		isBatchingSupported,
+		isPrivate,
 		observableRoute?.id
 	]);
 	const { getIntermediateRoutes, setIntermediateRoutes } = useIntermediateRoutesStore();
 	const { data, isLoading, isFetching, isFetched, dataUpdatedAt, refetch } = useQuery({
 		queryKey,
-		queryFn: async ({ queryKey: [_, fromAddress, fromChainId, fromTokenAddress, fromTokenAmount, toAddress, toChainId, toTokenAddress, toTokenAmount, contractCalls, slippage = void 0, swapOnly, disabledBridges, disabledExchanges, allowedBridges, allowedExchanges, routePriority, mode, allowSwitchChain, enabledRefuel, gasRecommendationFromAmount, configuredFee, disableMessageSigning, isBatchingSupported, _observableRouteId], signal }) => {
+		queryFn: async ({ queryKey: [_, fromAddress, fromChainId, fromTokenAddress, fromTokenAmount, toAddress, toChainId, toTokenAddress, toTokenAmount, validUntilDuration, partiallyFillable, contractCalls, slippage = void 0, swapOnly, disabledBridges, disabledExchanges, allowedBridges, allowedExchanges, routePriority, mode, allowSwitchChain, enabledRefuel, gasRecommendationFromAmount, configuredFee, disableMessageSigning, isBatchingSupported, isPrivate, _observableRouteId], signal }) => {
 			const fromAmount = parseUnits(fromTokenAmount, fromToken.decimals);
-			const toAmount = parseUnits(toTokenAmount, toToken.decimals);
+			const toAmount = toTokenAmount ? parseUnits(toTokenAmount, toToken.decimals) : void 0;
 			const formattedSlippage = slippage ? Number.parseFloat(slippage) / 100 : void 0;
 			const allowBridges = swapOnly ? [] : observableRoute ? observableRoute.steps.flatMap((step) => step.includedSteps.reduce((toolKeys, includedStep) => {
 				if (includedStep.type === "cross") toolKeys.push(includedStep.toolDetails.key);
@@ -170,7 +180,12 @@ const useRoutes = ({ observableRoute } = {}) => {
 			if (fromChainId === toChainId && fromTokenAddress === toTokenAddress && !(mode === "custom" && modeOptions?.custom?.type === "deposit")) return;
 			const isObservableRelayerRoute = observableRoute?.steps?.some((step) => !!isGaslessStep?.(step, fromChain));
 			const shouldUseMainRoutes = !observableRoute || !isObservableRelayerRoute;
-			const shouldUseRelayerQuote = fromAddress && fromChain?.chainType === ChainType.EVM && fromChain.permit2 && fromChain.permit2Proxy && fromChain.relayerSupported && fromChain.nativeToken.address !== fromTokenAddress && useRelayerRoutes && !isBatchingSupported && (!observableRoute || isObservableRelayerRoute);
+			const shouldUseRelayerQuote = mode !== "limit" && fromAddress && fromChain?.chainType === ChainType.EVM && fromChain.permit2 && fromChain.permit2Proxy && fromChain.relayerSupported && fromChain.nativeToken.address !== fromTokenAddress && useRelayerRoutes && !isBatchingSupported && (!observableRoute || isObservableRelayerRoute);
+			const limitOrderRouteParams = mode === "limit" ? {
+				toAmount: toAmount?.toString(),
+				validUntil: Math.floor(Date.now() / 1e3) + validUntilDuration,
+				partiallyFillable
+			} : void 0;
 			const mainRoutesPromise = shouldUseMainRoutes ? getRoutes(sdkClient, {
 				fromAddress,
 				fromAmount: fromAmount.toString(),
@@ -180,6 +195,7 @@ const useRoutes = ({ observableRoute } = {}) => {
 				toChainId,
 				toTokenAddress,
 				fromAmountForGas: enabledRefuel && gasRecommendationFromAmount ? gasRecommendationFromAmount : void 0,
+				...limitOrderRouteParams,
 				options: {
 					allowSwitchChain: mode === "refuel" ? false : allowSwitchChain,
 					bridges: allowBridges?.length || disabledBridges.length ? {
@@ -193,7 +209,8 @@ const useRoutes = ({ observableRoute } = {}) => {
 					order: routePriority,
 					slippage: formattedSlippage,
 					fee: calculatedFee || configuredFee,
-					executionType: disableMessageSigning ? "transaction" : "all"
+					executionType: disableMessageSigning ? "transaction" : "all",
+					...isPrivate && { private: true }
 				}
 			}, { signal }) : Promise.resolve(null);
 			const relayerQuotePromise = shouldUseRelayerQuote ? getRelayerQuote(sdkClient, {