@lifi/widget 4.3.1 → 4.4.0

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

@@ -1 +1 @@
-{"version":3,"file":"useAddressValidation.js","names":[],"sources":["../../../src/hooks/useAddressValidation.ts"],"sourcesContent":["import type { Chain, ChainType } from '@lifi/sdk'\nimport { getNameServiceAddress } from '@lifi/sdk'\nimport { useChainTypeFromAddress } from '@lifi/widget-provider'\nimport { useMutation } from '@tanstack/react-query'\nimport { useTranslation } from 'react-i18next'\nimport { useSDKClient } from '../providers/SDKClientProvider.js'\n\nexport enum AddressType {\n  Address = 0,\n  NameService = 1,\n}\n\ntype ValidationArgs = {\n  value: string\n  chainType?: ChainType\n  chain?: Chain\n}\n\ntype ValidResponse = {\n  address: string\n  addressType: AddressType\n  chainType: ChainType\n  isValid: true\n}\n\ntype InvalidResponse = {\n  error: string\n  isValid: false\n}\n\nexport const useAddressValidation = (): {\n  validateAddress: (\n    args: ValidationArgs\n  ) => Promise<ValidResponse | InvalidResponse>\n  isValidating: boolean\n} => {\n  const { t } = useTranslation()\n  const { getChainTypeFromAddress } = useChainTypeFromAddress()\n  const sdkClient = useSDKClient()\n\n  const { mutateAsync: validateAddress, isPending: isValidating } = useMutation(\n    {\n      mutationFn: async ({\n        value,\n        chainType,\n        chain,\n      }: ValidationArgs): Promise<ValidResponse | InvalidResponse> => {\n        try {\n          if (!value) {\n            throw new Error()\n          }\n\n          const _chainType = getChainTypeFromAddress(value)\n          if (_chainType) {\n            return {\n              address: value,\n              addressType: AddressType.Address,\n              chainType: _chainType,\n              isValid: true,\n            }\n          }\n\n          const address = await getNameServiceAddress(\n            sdkClient,\n            value,\n            chainType\n          )\n\n          if (address) {\n            const _chainType = getChainTypeFromAddress(address)\n            if (_chainType) {\n              return {\n                address: address,\n                addressType: AddressType.NameService,\n                chainType: _chainType,\n                isValid: true,\n              }\n            }\n          }\n\n          throw new Error()\n        } catch (_) {\n          return {\n            isValid: false,\n            error: t(\n              'error.title.walletAddressInvalid',\n              chain?.name\n                ? { context: 'chain', chainName: chain.name }\n                : undefined\n            ),\n          }\n        }\n      },\n    }\n  )\n\n  return {\n    validateAddress,\n    isValidating,\n  }\n}\n"],"mappings":";;;;;;AA8BA,MAAa,6BAKR;CACH,MAAM,EAAE,MAAM,eAAe;CAC7B,MAAM,EAAE,4BAA4B,wBAAwB;CAC5D,MAAM,YAAY,aAAa;CAE/B,MAAM,EAAE,aAAa,iBAAiB,WAAW,iBAAiB,YAChE,EACE,YAAY,OAAO,EACjB,OACA,WACA,YAC8D;EAC9D,IAAI;GACF,IAAI,CAAC,OACH,MAAM,IAAI,MAAM;GAGlB,MAAM,aAAa,wBAAwB,KAAK;GAChD,IAAI,YACF,OAAO;IACL,SAAS;IACT,aAAA;IACA,WAAW;IACX,SAAS;GACX;GAGF,MAAM,UAAU,MAAM,sBACpB,WACA,OACA,SACF;GAEA,IAAI,SAAS;IACX,MAAM,aAAa,wBAAwB,OAAO;IAClD,IAAI,YACF,OAAO;KACI;KACT,aAAA;KACA,WAAW;KACX,SAAS;IACX;GAEJ;GAEA,MAAM,IAAI,MAAM;EAClB,SAAS,GAAG;GACV,OAAO;IACL,SAAS;IACT,OAAO,EACL,oCACA,OAAO,OACH;KAAE,SAAS;KAAS,WAAW,MAAM;IAAK,IAC1C,KAAA,CACN;GACF;EACF;CACF,EACF,CACF;CAEA,OAAO;EACL;EACA;CACF;AACF"}
+{"version":3,"file":"useAddressValidation.js","names":[],"sources":["../../../src/hooks/useAddressValidation.ts"],"sourcesContent":["import type { Chain, ChainType } from '@lifi/sdk'\nimport { getNameServiceAddress } from '@lifi/sdk'\nimport { useChainTypeFromAddress } from '@lifi/widget-provider'\nimport { useMutation } from '@tanstack/react-query'\nimport { useTranslation } from 'react-i18next'\nimport { useSDKClient } from '../providers/SDKClientProvider.js'\n\nexport enum AddressType {\n  Address = 0,\n  NameService = 1,\n}\n\ntype ValidationArgs = {\n  value: string\n  chainType?: ChainType\n  chain?: Chain\n}\n\ntype ValidResponse = {\n  address: string\n  addressType: AddressType\n  chainType: ChainType\n  isValid: true\n}\n\ntype InvalidResponse = {\n  error: string\n  isValid: false\n}\n\nexport const useAddressValidation = (): {\n  validateAddress: (\n    args: ValidationArgs\n  ) => Promise<ValidResponse | InvalidResponse>\n  isValidating: boolean\n} => {\n  const { t } = useTranslation()\n  const { getChainTypeFromAddress } = useChainTypeFromAddress()\n  const sdkClient = useSDKClient()\n\n  const { mutateAsync: validateAddress, isPending: isValidating } = useMutation(\n    {\n      mutationFn: async ({\n        value,\n        chainType,\n        chain,\n      }: ValidationArgs): Promise<ValidResponse | InvalidResponse> => {\n        try {\n          if (!value) {\n            throw new Error()\n          }\n\n          const _chainType = getChainTypeFromAddress(value)\n          if (_chainType) {\n            return {\n              address: value,\n              addressType: AddressType.Address,\n              chainType: _chainType,\n              isValid: true,\n            }\n          }\n\n          const address = await getNameServiceAddress(\n            sdkClient,\n            value,\n            chainType\n          )\n\n          if (address) {\n            const _chainType = getChainTypeFromAddress(address)\n            if (_chainType) {\n              return {\n                address: address,\n                addressType: AddressType.NameService,\n                chainType: _chainType,\n                isValid: true,\n              }\n            }\n          }\n\n          throw new Error()\n        } catch (_) {\n          return {\n            isValid: false,\n            error: t(\n              'error.title.walletAddressInvalid',\n              chain?.name\n                ? { context: 'chain', chainName: chain.name }\n                : undefined\n            ),\n          }\n        }\n      },\n    }\n  )\n\n  return {\n    validateAddress,\n    isValidating,\n  }\n}\n"],"mappings":";;;;;;AAOA,IAAY,cAAL,yBAAA,aAAA;CACL,YAAA,YAAA,aAAA,KAAA;CACA,YAAA,YAAA,iBAAA,KAAA;;AACF,EAAA,CAAA,CAAA;AAoBA,MAAa,6BAKR;CACH,MAAM,EAAE,MAAM,eAAe;CAC7B,MAAM,EAAE,4BAA4B,wBAAwB;CAC5D,MAAM,YAAY,aAAa;CAE/B,MAAM,EAAE,aAAa,iBAAiB,WAAW,iBAAiB,YAChE,EACE,YAAY,OAAO,EACjB,OACA,WACA,YAC8D;EAC9D,IAAI;GACF,IAAI,CAAC,OACH,MAAM,IAAI,MAAM;GAGlB,MAAM,aAAa,wBAAwB,KAAK;GAChD,IAAI,YACF,OAAO;IACL,SAAS;IACT,aAAA;IACA,WAAW;IACX,SAAS;GACX;GAGF,MAAM,UAAU,MAAM,sBACpB,WACA,OACA,SACF;GAEA,IAAI,SAAS;IACX,MAAM,aAAa,wBAAwB,OAAO;IAClD,IAAI,YACF,OAAO;KACI;KACT,aAAA;KACA,WAAW;KACX,SAAS;IACX;GAEJ;GAEA,MAAM,IAAI,MAAM;EAClB,SAAS,GAAG;GACV,OAAO;IACL,SAAS;IACT,OAAO,EACL,oCACA,OAAO,OACH;KAAE,SAAS;KAAS,WAAW,MAAM;IAAK,IAC1C,KAAA,CACN;GACF;EACF;CACF,EACF,CACF;CAEA,OAAO;EACL;EACA;CACF;AACF"}

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"useChain.d.ts","names":[],"sources":["../../../src/hooks/useChain.ts"],"mappings":";;cAIa,WACX;EAEA,OAAO;EACP;EACA,eACE,kBACA,SAAS,oBACN"}

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

@@ -0,0 +1,5 @@
+//#region src/hooks/useContactSupport.d.ts
+declare const useContactSupport: (supportId?: string) => (() => void);
+//#endregion
+export { useContactSupport };
+//# sourceMappingURL=useContactSupport.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useContactSupport.d.ts","names":[],"sources":["../../../src/hooks/useContactSupport.ts"],"mappings":";cAGa,oBAAqB"}

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

@@ -0,0 +1,6 @@
+import { FormFieldArray, FormFieldNames } from "../stores/form/types.js";
+//#region src/hooks/useDebouncedWatch.d.ts
+declare const useDebouncedWatch: <T extends FormFieldNames[]>(delay: number, ...name: T) => FormFieldArray<T>;
+//#endregion
+export { useDebouncedWatch };
+//# sourceMappingURL=useDebouncedWatch.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useDebouncedWatch.d.ts","names":[],"sources":["../../../src/hooks/useDebouncedWatch.ts"],"mappings":";;cAIa,oBAAqB,UAAU,kBAC1C,kBACG,MAAM,MACR,eAAe"}

package/dist/esm/hooks/useDisplayedTokens.js

@@ -0,0 +1,48 @@
+import { useTokens } from "./useTokens.js";
+import { isSearchMatch } from "../utils/tokenList.js";
+import { usePinnedTokensStore } from "../stores/pinnedTokens/PinnedTokensStore.js";
+import { useMemo } from "react";
+//#region src/hooks/useDisplayedTokens.ts
+const useDisplayedTokens = (selectedChainId, formType, isAllNetworks, search) => {
+	const { allTokens, isLoading: isTokensLoading, isSearchLoading } = useTokens(formType, search, isAllNetworks ? void 0 : selectedChainId);
+	const pinnedTokens = usePinnedTokensStore((state) => state.pinnedTokens);
+	const isPinnedToken = useMemo(() => {
+		if (isAllNetworks) {
+			const pinnedSet = /* @__PURE__ */ new Set();
+			Object.entries(pinnedTokens).forEach(([chainIdStr, addresses]) => {
+				const chainId = Number.parseInt(chainIdStr, 10);
+				addresses.forEach((address) => {
+					pinnedSet.add(`${chainId}-${address.toLowerCase()}`);
+				});
+			});
+			return (chainId, tokenAddress) => pinnedSet.has(`${chainId}-${tokenAddress.toLowerCase()}`);
+		}
+		if (selectedChainId) {
+			const chainPinnedTokens = pinnedTokens[selectedChainId] || [];
+			const pinnedSet = new Set(chainPinnedTokens.map((addr) => addr.toLowerCase()));
+			return (chainId, tokenAddress) => chainId === selectedChainId && pinnedSet.has(tokenAddress.toLowerCase());
+		}
+	}, [
+		isAllNetworks,
+		selectedChainId,
+		pinnedTokens
+	]);
+	return {
+		allTokens,
+		displayedTokensList: useMemo(() => {
+			return (isAllNetworks ? Object.values(allTokens ?? {}).flat() : selectedChainId ? allTokens?.[selectedChainId] : void 0)?.filter((t) => isSearchMatch(t, search)) ?? [];
+		}, [
+			allTokens,
+			isAllNetworks,
+			selectedChainId,
+			search
+		]),
+		isPinnedToken,
+		isTokensLoading,
+		isSearchLoading
+	};
+};
+//#endregion
+export { useDisplayedTokens };
+
+//# sourceMappingURL=useDisplayedTokens.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useDisplayedTokens.js","names":[],"sources":["../../../src/hooks/useDisplayedTokens.ts"],"sourcesContent":["import type { TokenExtended } from '@lifi/sdk'\nimport { useMemo } from 'react'\nimport type { FormType } from '../stores/form/types.js'\nimport { usePinnedTokensStore } from '../stores/pinnedTokens/PinnedTokensStore.js'\nimport { isSearchMatch } from '../utils/tokenList.js'\nimport { useTokens } from './useTokens.js'\n\nexport type IsPinnedToken = (chainId: number, tokenAddress: string) => boolean\n\n// Balance-free core shared by useTokenList and useTokenBalances.\nexport const useDisplayedTokens = (\n  selectedChainId?: number,\n  formType?: FormType,\n  isAllNetworks?: boolean,\n  search?: string\n): {\n  allTokens: Record<number, TokenExtended[]> | undefined\n  displayedTokensList: TokenExtended[]\n  isPinnedToken: IsPinnedToken | undefined\n  isTokensLoading: boolean\n  isSearchLoading: boolean\n} => {\n  const {\n    allTokens,\n    isLoading: isTokensLoading,\n    isSearchLoading,\n  } = useTokens(formType, search, isAllNetworks ? undefined : selectedChainId)\n\n  const pinnedTokens = usePinnedTokensStore((state) => state.pinnedTokens)\n\n  const isPinnedToken = useMemo<IsPinnedToken | undefined>(() => {\n    if (isAllNetworks) {\n      const pinnedSet = new Set<string>()\n      Object.entries(pinnedTokens).forEach(([chainIdStr, addresses]) => {\n        const chainId = Number.parseInt(chainIdStr, 10)\n        addresses.forEach((address) => {\n          pinnedSet.add(`${chainId}-${address.toLowerCase()}`)\n        })\n      })\n      return (chainId, tokenAddress) =>\n        pinnedSet.has(`${chainId}-${tokenAddress.toLowerCase()}`)\n    }\n    if (selectedChainId) {\n      const chainPinnedTokens = pinnedTokens[selectedChainId] || []\n      const pinnedSet = new Set(\n        chainPinnedTokens.map((addr) => addr.toLowerCase())\n      )\n      return (chainId, tokenAddress) =>\n        chainId === selectedChainId && pinnedSet.has(tokenAddress.toLowerCase())\n    }\n    return undefined\n  }, [isAllNetworks, selectedChainId, pinnedTokens])\n\n  const displayedTokensList = useMemo(() => {\n    const tokensByChain = isAllNetworks\n      ? Object.values(allTokens ?? {}).flat()\n      : selectedChainId\n        ? allTokens?.[selectedChainId]\n        : undefined\n    return tokensByChain?.filter((t) => isSearchMatch(t, search)) ?? []\n  }, [allTokens, isAllNetworks, selectedChainId, search])\n\n  return {\n    allTokens,\n    displayedTokensList,\n    isPinnedToken,\n    isTokensLoading,\n    isSearchLoading,\n  }\n}\n"],"mappings":";;;;;AAUA,MAAa,sBACX,iBACA,UACA,eACA,WAOG;CACH,MAAM,EACJ,WACA,WAAW,iBACX,oBACE,UAAU,UAAU,QAAQ,gBAAgB,KAAA,IAAY,eAAe;CAE3E,MAAM,eAAe,sBAAsB,UAAU,MAAM,YAAY;CAEvE,MAAM,gBAAgB,cAAyC;EAC7D,IAAI,eAAe;GACjB,MAAM,4BAAY,IAAI,IAAY;GAClC,OAAO,QAAQ,YAAY,CAAC,CAAC,SAAS,CAAC,YAAY,eAAe;IAChE,MAAM,UAAU,OAAO,SAAS,YAAY,EAAE;IAC9C,UAAU,SAAS,YAAY;KAC7B,UAAU,IAAI,GAAG,QAAQ,GAAG,QAAQ,YAAY,GAAG;IACrD,CAAC;GACH,CAAC;GACD,QAAQ,SAAS,iBACf,UAAU,IAAI,GAAG,QAAQ,GAAG,aAAa,YAAY,GAAG;EAC5D;EACA,IAAI,iBAAiB;GACnB,MAAM,oBAAoB,aAAa,oBAAoB,CAAC;GAC5D,MAAM,YAAY,IAAI,IACpB,kBAAkB,KAAK,SAAS,KAAK,YAAY,CAAC,CACpD;GACA,QAAQ,SAAS,iBACf,YAAY,mBAAmB,UAAU,IAAI,aAAa,YAAY,CAAC;EAC3E;CAEF,GAAG;EAAC;EAAe;EAAiB;CAAY,CAAC;CAWjD,OAAO;EACL;EACA,qBAX0B,cAAc;GAMxC,QALsB,gBAClB,OAAO,OAAO,aAAa,CAAC,CAAC,CAAC,CAAC,KAAK,IACpC,kBACE,YAAY,mBACZ,KAAA,EAAA,EACgB,QAAQ,MAAM,cAAc,GAAG,MAAM,CAAC,KAAK,CAAC;EACpE,GAAG;GAAC;GAAW;GAAe;GAAiB;EAAM,CAIjC;EAClB;EACA;EACA;CACF;AACF"}

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

@@ -0,0 +1,14 @@
+import { Chain } from "@lifi/sdk";
+//#region src/hooks/useExplorer.d.ts
+type TransactionLinkProps = {
+  chain?: Chain | number;
+  txHash?: string;
+  txLink?: string;
+};
+declare const useExplorer: () => {
+  getTransactionLink: (props: TransactionLinkProps) => string | undefined;
+  getAddressLink: (address: string, chain?: Chain | number) => string;
+};
+//#endregion
+export { useExplorer };
+//# sourceMappingURL=useExplorer.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useExplorer.d.ts","names":[],"sources":["../../../src/hooks/useExplorer.ts"],"mappings":";;KAiBK;EACH,QAAQ;EACR;EACA;;cAGW;EACX,qBAAqB,OAAO;EAC5B,iBAAiB,iBAAiB,QAAQ"}

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

@@ -0,0 +1,6 @@
+import { ReactNode } from "react";
+//#region src/hooks/useHeader.d.ts
+declare function useHeader(title: string, action?: ReactNode): void;
+//#endregion
+export { useHeader };
+//# sourceMappingURL=useHeader.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useHeader.d.ts","names":[],"sources":["../../../src/hooks/useHeader.ts"],"mappings":";;iBAIgB,UAAU,eAAe,SAAS"}

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

@@ -0,0 +1,12 @@
+import { RefObject } from "react";
+//#region src/hooks/useListHeight.d.ts
+interface UseContentHeightProps {
+  listParentRef: RefObject<HTMLUListElement | HTMLDivElement | null>;
+  headerRef?: RefObject<HTMLElement | null>;
+}
+declare const useListHeight: ({ listParentRef, headerRef }: UseContentHeightProps) => {
+  listHeight: number;
+};
+//#endregion
+export { useListHeight };
+//# sourceMappingURL=useListHeight.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useListHeight.d.ts","names":[],"sources":["../../../src/hooks/useListHeight.ts"],"mappings":";;UAoDU;EACR,eAAe,UAAU,mBAAmB;EAC5C,YAAY,UAAU;;cAUX,kBACX,eACA,aACC;EAA0B"}

package/dist/esm/hooks/useListHeight.js

@@ -14,6 +14,7 @@ const getContentHeight = (elementId, listParentRef) => {
 	}
 	if (!containerElement || !headerElement) {
 		console.warn(`Can't find widget-scrollable-container or widget-header id.`);
+		if (listParentElement && oldHeight !== void 0) listParentElement.style.height = oldHeight;
 		return 0;
 	}
 	const { height: containerHeight } = containerElement.getBoundingClientRect();

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

@@ -1 +1 @@
-{"version":3,"file":"useListHeight.js","names":[],"sources":["../../../src/hooks/useListHeight.ts"],"sourcesContent":["import { debounce, useTheme } from '@mui/material'\nimport type { RefObject } from 'react'\nimport { useLayoutEffect, useState } from 'react'\nimport {\n  ElementId,\n  getAppContainer,\n  getHeaderElement,\n  getScrollableContainer,\n} from '../utils/elements.js'\nimport { useDefaultElementId } from './useDefaultElementId.js'\n\nconst getContentHeight = (\n  elementId: string,\n  listParentRef: RefObject<HTMLUListElement | HTMLDivElement | null>\n) => {\n  const containerElement = getScrollableContainer(elementId)\n\n  const headerElement = getHeaderElement(elementId)\n\n  const listParentElement = listParentRef?.current\n\n  let oldHeight: string | undefined\n\n  // This covers the case where in full height flex mode when the browser height is reduced\n  // - this allows a virtualised list to be made smaller\n  if (listParentElement) {\n    oldHeight = listParentElement.style.height\n    listParentElement.style.height = '0'\n  }\n\n  if (!containerElement || !headerElement) {\n    console.warn(\n      `Can't find ${ElementId.ScrollableContainer} or ${ElementId.Header} id.`\n    )\n    return 0\n  }\n  const { height: containerHeight } = containerElement.getBoundingClientRect()\n  const { height: headerHeight } = headerElement.getBoundingClientRect()\n\n  // This covers the case where in full height flex mode when the browser height is reduced the\n  // - this allows a virtualised list to be set to minimum size\n  if (listParentElement && oldHeight) {\n    listParentElement.style.height = oldHeight\n  }\n\n  return containerHeight - headerHeight\n}\n\ninterface UseContentHeightProps {\n  listParentRef: RefObject<HTMLUListElement | HTMLDivElement | null>\n  headerRef?: RefObject<HTMLElement | null>\n}\n\nconst defaultMinListHeight = 360\nconst minMobileListHeight = 160\n\n// NOTE: this hook is implicitly tied to the widget height functionality in the\n//   AppExpandedContainer, RelativeContainer and CssBaselineContainer components as defined in AppContainer.ts\n//   CSS changes in those components can have implications for the functionality in this hook\n\nexport const useListHeight = ({\n  listParentRef,\n  headerRef,\n}: UseContentHeightProps): { listHeight: number } => {\n  const elementId = useDefaultElementId() ?? ''\n  const [contentHeight, setContentHeight] = useState<number>(0)\n  const theme = useTheme()\n\n  useLayoutEffect(() => {\n    const handleResize = () => {\n      setContentHeight(getContentHeight(elementId, listParentRef))\n    }\n\n    const processResize = debounce(() => handleResize(), 40)\n\n    // calling this on initial mount prevents the lists resizing appearing glitchy\n    handleResize()\n\n    const appContainer = getAppContainer(elementId)\n\n    let resizeObserver: ResizeObserver\n    if (appContainer) {\n      resizeObserver = new ResizeObserver(processResize)\n      resizeObserver.observe(appContainer)\n    }\n\n    return () => {\n      if (resizeObserver) {\n        resizeObserver.disconnect()\n      }\n    }\n  }, [elementId, listParentRef])\n\n  const minListHeight =\n    theme.container?.height === '100%'\n      ? minMobileListHeight\n      : defaultMinListHeight\n\n  const listHeight = Math.max(\n    contentHeight - (headerRef?.current?.offsetHeight ?? 0),\n    minListHeight\n  )\n\n  return {\n    listHeight,\n  }\n}\n"],"mappings":";;;;;AAWA,MAAM,oBACJ,WACA,kBACG;CACH,MAAM,mBAAmB,uBAAuB,SAAS;CAEzD,MAAM,gBAAgB,iBAAiB,SAAS;CAEhD,MAAM,oBAAoB,eAAe;CAEzC,IAAI;CAIJ,IAAI,mBAAmB;EACrB,YAAY,kBAAkB,MAAM;EACpC,kBAAkB,MAAM,SAAS;CACnC;CAEA,IAAI,CAAC,oBAAoB,CAAC,eAAe;EACvC,QAAQ,KACN,6DACF;EACA,OAAO;CACT;CACA,MAAM,EAAE,QAAQ,oBAAoB,iBAAiB,sBAAsB;CAC3E,MAAM,EAAE,QAAQ,iBAAiB,cAAc,sBAAsB;CAIrE,IAAI,qBAAqB,WACvB,kBAAkB,MAAM,SAAS;CAGnC,OAAO,kBAAkB;AAC3B;AAOA,MAAM,uBAAuB;AAC7B,MAAM,sBAAsB;AAM5B,MAAa,iBAAiB,EAC5B,eACA,gBACmD;CACnD,MAAM,YAAY,oBAAoB,KAAK;CAC3C,MAAM,CAAC,eAAe,oBAAoB,SAAiB,CAAC;CAC5D,MAAM,QAAQ,SAAS;CAEvB,sBAAsB;EACpB,MAAM,qBAAqB;GACzB,iBAAiB,iBAAiB,WAAW,aAAa,CAAC;EAC7D;EAEA,MAAM,gBAAgB,eAAe,aAAa,GAAG,EAAE;EAGvD,aAAa;EAEb,MAAM,eAAe,gBAAgB,SAAS;EAE9C,IAAI;EACJ,IAAI,cAAc;GAChB,iBAAiB,IAAI,eAAe,aAAa;GACjD,eAAe,QAAQ,YAAY;EACrC;EAEA,aAAa;GACX,IAAI,gBACF,eAAe,WAAW;EAE9B;CACF,GAAG,CAAC,WAAW,aAAa,CAAC;CAE7B,MAAM,gBACJ,MAAM,WAAW,WAAW,SACxB,sBACA;CAON,OAAO,EACL,YANiB,KAAK,IACtB,iBAAiB,WAAW,SAAS,gBAAgB,IACrD,aAIS,EACX;AACF"}
+{"version":3,"file":"useListHeight.js","names":[],"sources":["../../../src/hooks/useListHeight.ts"],"sourcesContent":["import { debounce, useTheme } from '@mui/material'\nimport type { RefObject } from 'react'\nimport { useLayoutEffect, useState } from 'react'\nimport {\n  ElementId,\n  getAppContainer,\n  getHeaderElement,\n  getScrollableContainer,\n} from '../utils/elements.js'\nimport { useDefaultElementId } from './useDefaultElementId.js'\n\nconst getContentHeight = (\n  elementId: string,\n  listParentRef: RefObject<HTMLUListElement | HTMLDivElement | null>\n) => {\n  const containerElement = getScrollableContainer(elementId)\n\n  const headerElement = getHeaderElement(elementId)\n\n  const listParentElement = listParentRef?.current\n\n  let oldHeight: string | undefined\n\n  // This covers the case where in full height flex mode when the browser height is reduced\n  // - this allows a virtualised list to be made smaller\n  if (listParentElement) {\n    oldHeight = listParentElement.style.height\n    listParentElement.style.height = '0'\n  }\n\n  if (!containerElement || !headerElement) {\n    console.warn(\n      `Can't find ${ElementId.ScrollableContainer} or ${ElementId.Header} id.`\n    )\n    // Restore the height we zeroed above before returning early\n    if (listParentElement && oldHeight !== undefined) {\n      listParentElement.style.height = oldHeight\n    }\n    return 0\n  }\n  const { height: containerHeight } = containerElement.getBoundingClientRect()\n  const { height: headerHeight } = headerElement.getBoundingClientRect()\n\n  // This covers the case where in full height flex mode when the browser height is reduced the\n  // - this allows a virtualised list to be set to minimum size\n  if (listParentElement && oldHeight) {\n    listParentElement.style.height = oldHeight\n  }\n\n  return containerHeight - headerHeight\n}\n\ninterface UseContentHeightProps {\n  listParentRef: RefObject<HTMLUListElement | HTMLDivElement | null>\n  headerRef?: RefObject<HTMLElement | null>\n}\n\nconst defaultMinListHeight = 360\nconst minMobileListHeight = 160\n\n// NOTE: this hook is implicitly tied to the widget height functionality in the\n//   AppExpandedContainer, RelativeContainer and CssBaselineContainer components as defined in AppContainer.ts\n//   CSS changes in those components can have implications for the functionality in this hook\n\nexport const useListHeight = ({\n  listParentRef,\n  headerRef,\n}: UseContentHeightProps): { listHeight: number } => {\n  const elementId = useDefaultElementId() ?? ''\n  const [contentHeight, setContentHeight] = useState<number>(0)\n  const theme = useTheme()\n\n  useLayoutEffect(() => {\n    const handleResize = () => {\n      setContentHeight(getContentHeight(elementId, listParentRef))\n    }\n\n    const processResize = debounce(() => handleResize(), 40)\n\n    // calling this on initial mount prevents the lists resizing appearing glitchy\n    handleResize()\n\n    const appContainer = getAppContainer(elementId)\n\n    let resizeObserver: ResizeObserver\n    if (appContainer) {\n      resizeObserver = new ResizeObserver(processResize)\n      resizeObserver.observe(appContainer)\n    }\n\n    return () => {\n      if (resizeObserver) {\n        resizeObserver.disconnect()\n      }\n    }\n  }, [elementId, listParentRef])\n\n  const minListHeight =\n    theme.container?.height === '100%'\n      ? minMobileListHeight\n      : defaultMinListHeight\n\n  const listHeight = Math.max(\n    contentHeight - (headerRef?.current?.offsetHeight ?? 0),\n    minListHeight\n  )\n\n  return {\n    listHeight,\n  }\n}\n"],"mappings":";;;;;AAWA,MAAM,oBACJ,WACA,kBACG;CACH,MAAM,mBAAmB,uBAAuB,SAAS;CAEzD,MAAM,gBAAgB,iBAAiB,SAAS;CAEhD,MAAM,oBAAoB,eAAe;CAEzC,IAAI;CAIJ,IAAI,mBAAmB;EACrB,YAAY,kBAAkB,MAAM;EACpC,kBAAkB,MAAM,SAAS;CACnC;CAEA,IAAI,CAAC,oBAAoB,CAAC,eAAe;EACvC,QAAQ,KACN,6DACF;EAEA,IAAI,qBAAqB,cAAc,KAAA,GACrC,kBAAkB,MAAM,SAAS;EAEnC,OAAO;CACT;CACA,MAAM,EAAE,QAAQ,oBAAoB,iBAAiB,sBAAsB;CAC3E,MAAM,EAAE,QAAQ,iBAAiB,cAAc,sBAAsB;CAIrE,IAAI,qBAAqB,WACvB,kBAAkB,MAAM,SAAS;CAGnC,OAAO,kBAAkB;AAC3B;AAOA,MAAM,uBAAuB;AAC7B,MAAM,sBAAsB;AAM5B,MAAa,iBAAiB,EAC5B,eACA,gBACmD;CACnD,MAAM,YAAY,oBAAoB,KAAK;CAC3C,MAAM,CAAC,eAAe,oBAAoB,SAAiB,CAAC;CAC5D,MAAM,QAAQ,SAAS;CAEvB,sBAAsB;EACpB,MAAM,qBAAqB;GACzB,iBAAiB,iBAAiB,WAAW,aAAa,CAAC;EAC7D;EAEA,MAAM,gBAAgB,eAAe,aAAa,GAAG,EAAE;EAGvD,aAAa;EAEb,MAAM,eAAe,gBAAgB,SAAS;EAE9C,IAAI;EACJ,IAAI,cAAc;GAChB,iBAAiB,IAAI,eAAe,aAAa;GACjD,eAAe,QAAQ,YAAY;EACrC;EAEA,aAAa;GACX,IAAI,gBACF,eAAe,WAAW;EAE9B;CACF,GAAG,CAAC,WAAW,aAAa,CAAC;CAE7B,MAAM,gBACJ,MAAM,WAAW,WAAW,SACxB,sBACA;CAON,OAAO,EACL,YANiB,KAAK,IACtB,iBAAiB,WAAW,SAAS,gBAAgB,IACrD,aAIS,EACX;AACF"}

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

@@ -0,0 +1,5 @@
+//#region src/hooks/useNavigateBack.d.ts
+declare const useNavigateBack: () => (() => void);
+//#endregion
+export { useNavigateBack };
+//# sourceMappingURL=useNavigateBack.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useNavigateBack.d.ts","names":[],"sources":["../../../src/hooks/useNavigateBack.ts"],"mappings":";cAIa"}

package/dist/esm/hooks/usePacedRouteExecution.js

@@ -1,3 +1,4 @@
+import "../stores/routes/types.js";
 import { useRouteExecution } from "./useRouteExecution.js";
 import { usePacedValue } from "./usePacedValue.js";
 import { useMemo } from "react";

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

@@ -1 +1 @@
-{"version":3,"file":"usePacedRouteExecution.js","names":[],"sources":["../../../src/hooks/usePacedRouteExecution.ts"],"sourcesContent":["import type { ExchangeRateUpdateParams, RouteExtended } from '@lifi/sdk'\nimport { useMemo } from 'react'\nimport { RouteExecutionStatus } from '../stores/routes/types.js'\nimport { usePacedValue } from './usePacedValue.js'\nimport { useRouteExecution } from './useRouteExecution.js'\n\ninterface PacedRouteExecutionProps {\n  routeId: string\n  onAcceptExchangeRateUpdate?(\n    resolver: (value: boolean) => void,\n    data: ExchangeRateUpdateParams\n  ): void\n}\n\n/**\n * Wraps {@link useRouteExecution} and paces `route`/`status` so the\n * `ExecutionStatusCard` animation has time to play between updates. Only the\n * display is paced — events and store writes happen at the SDK's real speed.\n */\nexport function usePacedRouteExecution({\n  routeId,\n  onAcceptExchangeRateUpdate,\n}: PacedRouteExecutionProps): {\n  executeRoute: () => void\n  restartRoute: () => void\n  deleteRoute: () => void\n  route: RouteExtended | undefined\n  status: RouteExecutionStatus | undefined\n} {\n  const { executeRoute, restartRoute, deleteRoute, route, status } =\n    useRouteExecution({ routeId, onAcceptExchangeRateUpdate })\n\n  // Pace route and status as one value so they always match. Skip pacing while\n  // Idle, so the review screen shows live data.\n  const live = useMemo(() => ({ route, status }), [route, status])\n  const display = usePacedValue(live, status !== RouteExecutionStatus.Idle)\n\n  return {\n    executeRoute,\n    restartRoute,\n    deleteRoute,\n    route: display.route,\n    status: display.status,\n  }\n}\n"],"mappings":";;;;;;;;;AAmBA,SAAgB,uBAAuB,EACrC,SACA,8BAOA;CACA,MAAM,EAAE,cAAc,cAAc,aAAa,OAAO,WACtD,kBAAkB;EAAE;EAAS;CAA2B,CAAC;CAK3D,MAAM,UAAU,cADH,eAAe;EAAE;EAAO;CAAO,IAAI,CAAC,OAAO,MAAM,CAC7B,GAAG,WAAA,CAAoC;CAExE,OAAO;EACL;EACA;EACA;EACA,OAAO,QAAQ;EACf,QAAQ,QAAQ;CAClB;AACF"}
+{"version":3,"file":"usePacedRouteExecution.js","names":[],"sources":["../../../src/hooks/usePacedRouteExecution.ts"],"sourcesContent":["import type { ExchangeRateUpdateParams, RouteExtended } from '@lifi/sdk'\nimport { useMemo } from 'react'\nimport { RouteExecutionStatus } from '../stores/routes/types.js'\nimport { usePacedValue } from './usePacedValue.js'\nimport { useRouteExecution } from './useRouteExecution.js'\n\ninterface PacedRouteExecutionProps {\n  routeId: string\n  onAcceptExchangeRateUpdate?(\n    resolver: (value: boolean) => void,\n    data: ExchangeRateUpdateParams\n  ): void\n}\n\n/**\n * Wraps {@link useRouteExecution} and paces `route`/`status` so the\n * `ExecutionStatusCard` animation has time to play between updates. Only the\n * display is paced — events and store writes happen at the SDK's real speed.\n */\nexport function usePacedRouteExecution({\n  routeId,\n  onAcceptExchangeRateUpdate,\n}: PacedRouteExecutionProps): {\n  executeRoute: () => void\n  restartRoute: () => void\n  deleteRoute: () => void\n  route: RouteExtended | undefined\n  status: RouteExecutionStatus | undefined\n} {\n  const { executeRoute, restartRoute, deleteRoute, route, status } =\n    useRouteExecution({ routeId, onAcceptExchangeRateUpdate })\n\n  // Pace route and status as one value so they always match. Skip pacing while\n  // Idle, so the review screen shows live data.\n  const live = useMemo(() => ({ route, status }), [route, status])\n  const display = usePacedValue(live, status !== RouteExecutionStatus.Idle)\n\n  return {\n    executeRoute,\n    restartRoute,\n    deleteRoute,\n    route: display.route,\n    status: display.status,\n  }\n}\n"],"mappings":";;;;;;;;;;AAmBA,SAAgB,uBAAuB,EACrC,SACA,8BAOA;CACA,MAAM,EAAE,cAAc,cAAc,aAAa,OAAO,WACtD,kBAAkB;EAAE;EAAS;CAA2B,CAAC;CAK3D,MAAM,UAAU,cADH,eAAe;EAAE;EAAO;CAAO,IAAI,CAAC,OAAO,MAAM,CAC7B,GAAG,WAAA,CAAoC;CAExE,OAAO;EACL;EACA;EACA;EACA,OAAO,QAAQ;EACf,QAAQ,QAAQ;CAClB;AACF"}

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

@@ -0,0 +1,18 @@
+import { RouteExecutionStatus } from "../stores/routes/types.js";
+import { ExchangeRateUpdateParams, RouteExtended } from "@lifi/sdk";
+//#region src/hooks/useRouteExecution.d.ts
+interface RouteExecutionProps {
+  routeId: string;
+  executeInBackground?: boolean;
+  onAcceptExchangeRateUpdate?(resolver: (value: boolean) => void, data: ExchangeRateUpdateParams): void;
+}
+declare const useRouteExecution: ({ routeId, executeInBackground, onAcceptExchangeRateUpdate }: RouteExecutionProps) => {
+  executeRoute: () => void;
+  restartRoute: () => void;
+  deleteRoute: () => void;
+  route: RouteExtended | undefined;
+  status: RouteExecutionStatus | undefined;
+};
+//#endregion
+export { useRouteExecution };
+//# sourceMappingURL=useRouteExecution.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useRouteExecution.d.ts","names":[],"sources":["../../../src/hooks/useRouteExecution.ts"],"mappings":";;;UAsBU;EACR;EACA;EACA,4BACE,WAAW,yBACX,MAAM;;cAIG,sBACX,SACA,qBACA,8BACC;EACD;EACA;EACA;EACA,OAAO;EACP,QAAQ"}

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

@@ -0,0 +1,10 @@
+import { RouteExecutionStatus } from "../stores/routes/types.js";
+import { RouteExtended } from "@lifi/sdk";
+//#region src/hooks/useRouteExecutionMessage.d.ts
+declare const useRouteExecutionMessage: (route: RouteExtended, status: RouteExecutionStatus) => {
+  title: string | undefined;
+  message: string | undefined;
+};
+//#endregion
+export { useRouteExecutionMessage };
+//# sourceMappingURL=useRouteExecutionMessage.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useRouteExecutionMessage.d.ts","names":[],"sources":["../../../src/hooks/useRouteExecutionMessage.ts"],"mappings":";;;cAQa,2BACX,OAAO,eACP,QAAQ;EACL;EAA2B"}

package/dist/esm/hooks/useRouteExecutionMessage.js

@@ -1,5 +1,6 @@
 import { useWidgetConfig } from "../providers/WidgetProvider/WidgetProvider.js";
 import { useAvailableChains } from "./useAvailableChains.js";
+import "../stores/routes/types.js";
 import { getActionMessage } from "../utils/getActionMessage.js";
 import { getErrorMessage } from "../utils/getErrorMessage.js";
 import { useTranslation } from "react-i18next";

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,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"}
+{"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/useRoutes.d.ts

@@ -0,0 +1,32 @@
+import { ExtendedChain, Route } from "@lifi/sdk";
+//#region src/hooks/useRoutes.d.ts
+interface RoutesProps {
+  observableRoute?: Route;
+  /**
+   * Address to quote from when no wallet is connected. Treated as a non-signing
+   * placeholder, so signer-dependent (relayer/permit2) quotes are skipped.
+   */
+  quoteFromAddress?: string;
+  /**
+   * Keep showing the previous result while a new query (e.g. a token/amount
+   * change) is fetching, instead of clearing to a loading state.
+   */
+  keepPreviousData?: boolean;
+}
+declare const useRoutes: ({ observableRoute, quoteFromAddress, keepPreviousData: keepPreviousDataEnabled }?: RoutesProps) => {
+  routes: Route[] | undefined;
+  isLoading: boolean;
+  isFetching: boolean;
+  isFetched: boolean;
+  isError: boolean;
+  dataUpdatedAt: number;
+  refetchTime: number;
+  refetch: () => void;
+  fromChain: ExtendedChain | undefined;
+  toChain: ExtendedChain | undefined;
+  queryKey: readonly unknown[];
+  setReviewableRoute: (route: Route) => void;
+};
+//#endregion
+export { useRoutes };
+//# sourceMappingURL=useRoutes.d.ts.map

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

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

package/dist/esm/hooks/useRoutes.js

@@ -17,12 +17,12 @@ import { useIsBatchingSupported } from "./useIsBatchingSupported.js";
 import { useToken } from "./useToken.js";
 import { ChainType, LiFiErrorCode, convertQuoteToRoute, getContractCallsQuote, getRelayerQuote, getRoutes, parseUnits } from "@lifi/sdk";
 import { useCallback, useMemo } from "react";
-import { useQuery, useQueryClient } from "@tanstack/react-query";
+import { keepPreviousData, useQuery, useQueryClient } from "@tanstack/react-query";
 import { useChainTypeFromAddress, useEthereumContext } from "@lifi/widget-provider";
 import { useAccount } from "@lifi/wallet-management";
 //#region src/hooks/useRoutes.ts
 const refetchTime = 6e4;
-const useRoutes = ({ observableRoute } = {}) => {
+const useRoutes = ({ observableRoute, quoteFromAddress, keepPreviousData: keepPreviousDataEnabled } = {}) => {
 	const { mode, modeOptions, contractTool, bridges, exchanges, feeConfig, useRelayerRoutes, keyPrefix } = useWidgetConfig();
 	const sdkClient = useSDKClient();
 	const setExecutableRoute = useSetExecutableRoute();
@@ -53,7 +53,9 @@ const useRoutes = ({ observableRoute } = {}) => {
 	const { account } = useAccount({ chainType: fromChain?.chainType });
 	const { isBatchingSupported, isBatchingSupportedLoading } = useIsBatchingSupported(fromChain, account.address);
 	const hasAmount = mode === "limit" ? Number(fromTokenAmount) > 0 && Number(toTokenAmount) > 0 : Number(fromTokenAmount) > 0 || Number(toTokenAmount) > 0;
-	const contractCallQuoteEnabled = mode === "custom" ? Boolean(contractCalls && account.address) : true;
+	const customType = mode === "custom" ? modeOptions?.custom?.type : void 0;
+	const contractCallQuoteEnabled = mode === "custom" && Boolean(contractCalls?.length) ? Boolean(account.address) : mode !== "custom" || customType === "deposit";
+	const effectiveFromAddress = account.address ?? quoteFromAddress;
 	const hasToAddressAndChainTypeSatisfied = !!toChain && !!toAddress && getChainTypeFromAddress(toAddress) === toChain.chainType;
 	const isToAddressSatisfied = toAddress ? hasToAddressAndChainTypeSatisfied : true;
 	const toWalletAddress = toAddress || void 0;
@@ -63,7 +65,7 @@ const useRoutes = ({ observableRoute } = {}) => {
 	const isEnabled = Boolean(Number(fromChain?.id)) && Boolean(Number(toChain?.id)) && Boolean(fromToken?.address) && Boolean(toToken?.address) && !Number.isNaN(slippage) && hasAmount && isToAddressSatisfied && contractCallQuoteEnabled && !isBatchingSupportedLoading;
 	const queryKey = useMemo(() => [
 		getQueryKey("routes", keyPrefix),
-		account.address,
+		effectiveFromAddress,
 		fromChain?.id,
 		fromToken?.address,
 		fromTokenAmount,
@@ -92,7 +94,7 @@ const useRoutes = ({ observableRoute } = {}) => {
 		observableRoute?.id
 	], [
 		keyPrefix,
-		account.address,
+		effectiveFromAddress,
 		fromChain?.id,
 		fromToken?.address,
 		fromTokenAmount,
@@ -122,7 +124,7 @@ const useRoutes = ({ observableRoute } = {}) => {
 		observableRoute?.id
 	]);
 	const { getIntermediateRoutes, setIntermediateRoutes } = useIntermediateRoutesStore();
-	const { data, isLoading, isFetching, isFetched, dataUpdatedAt, refetch } = useQuery({
+	const { data, isLoading, isFetching, isFetched, isError, dataUpdatedAt, refetch } = useQuery({
 		queryKey,
 		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);
@@ -147,7 +149,7 @@ const useRoutes = ({ observableRoute } = {}) => {
 				toAmount,
 				slippage: formattedSlippage
 			});
-			if (mode === "custom" && contractCalls && toAmount) {
+			if (mode === "custom" && contractCalls?.length && toAmount) {
 				const contractCallQuote = await getContractCallsQuote(sdkClient, {
 					fromAddress,
 					fromChain: fromChainId,
@@ -180,7 +182,7 @@ 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 = mode !== "limit" && fromAddress && fromChain?.chainType === ChainType.EVM && fromChain.permit2 && fromChain.permit2Proxy && fromChain.relayerSupported && fromChain.nativeToken.address !== fromTokenAddress && useRelayerRoutes && !isBatchingSupported && (!observableRoute || isObservableRelayerRoute);
+			const shouldUseRelayerQuote = mode !== "limit" && account.address && 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,
@@ -277,6 +279,7 @@ const useRoutes = ({ observableRoute } = {}) => {
 		},
 		enabled: isEnabled,
 		staleTime: refetchTime,
+		placeholderData: keepPreviousDataEnabled ? keepPreviousData : void 0,
 		refetchInterval(query) {
 			return Math.min(Math.abs(refetchTime - (Date.now() - query.state.dataUpdatedAt)), refetchTime);
 		},
@@ -305,6 +308,7 @@ const useRoutes = ({ observableRoute } = {}) => {
 		isLoading: isEnabled && isLoading,
 		isFetching,
 		isFetched,
+		isError,
 		dataUpdatedAt,
 		refetchTime,
 		refetch,

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

@@ -1 +1 @@
-{"version":3,"file":"useRoutes.js","names":[],"sources":["../../../src/hooks/useRoutes.ts"],"sourcesContent":["import type { ExtendedChain, Route, Token } from '@lifi/sdk'\nimport {\n  ChainType,\n  convertQuoteToRoute,\n  getContractCallsQuote,\n  getRelayerQuote,\n  getRoutes,\n  LiFiErrorCode,\n  parseUnits,\n} from '@lifi/sdk'\nimport { useAccount } from '@lifi/wallet-management'\nimport {\n  useChainTypeFromAddress,\n  useEthereumContext,\n} from '@lifi/widget-provider'\nimport { useQuery, useQueryClient } from '@tanstack/react-query'\nimport { useCallback, useMemo } from 'react'\nimport { useSDKClient } from '../providers/SDKClientProvider.js'\nimport { useWidgetConfig } from '../providers/WidgetProvider/WidgetProvider.js'\nimport { useFieldValues } from '../stores/form/useFieldValues.js'\nimport { useNavigationTabsStore } from '../stores/navigationTabs/useNavigationTabsStore.js'\nimport { useIntermediateRoutesStore } from '../stores/routes/useIntermediateRoutesStore.js'\nimport { useSetExecutableRoute } from '../stores/routes/useSetExecutableRoute.js'\nimport { defaultSlippage } from '../stores/settings/createSettingsStore.js'\nimport { useSettings } from '../stores/settings/useSettings.js'\nimport { WidgetEvent } from '../types/events.js'\nimport type { TokensByChain } from '../types/token.js'\nimport { getQueryKey } from '../utils/queries.js'\nimport { updateTokenInCache } from '../utils/token.js'\nimport { useChain } from './useChain.js'\nimport { useDebouncedWatch } from './useDebouncedWatch.js'\nimport { useGasRefuel } from './useGasRefuel.js'\nimport { useIsBatchingSupported } from './useIsBatchingSupported.js'\nimport { useSwapOnly } from './useSwapOnly.js'\nimport { useToken } from './useToken.js'\nimport { useWidgetEvents } from './useWidgetEvents.js'\n\nconst refetchTime = 60_000\n\ninterface RoutesProps {\n  observableRoute?: Route\n}\n\nexport const useRoutes = ({\n  observableRoute,\n}: RoutesProps = {}): {\n  routes: Route[] | undefined\n  isLoading: boolean\n  isFetching: boolean\n  isFetched: boolean\n  dataUpdatedAt: number\n  refetchTime: number\n  refetch: () => void\n  fromChain: ExtendedChain | undefined\n  toChain: ExtendedChain | undefined\n  queryKey: readonly unknown[]\n  setReviewableRoute: (route: Route) => void\n} => {\n  const {\n    mode,\n    modeOptions,\n    contractTool,\n    bridges,\n    exchanges,\n    feeConfig,\n    useRelayerRoutes,\n    keyPrefix,\n  } = useWidgetConfig()\n  const sdkClient = useSDKClient()\n  const setExecutableRoute = useSetExecutableRoute()\n  const queryClient = useQueryClient()\n  const emitter = useWidgetEvents()\n  const swapOnly = useSwapOnly()\n  const isPrivate = useNavigationTabsStore(\n    (state) => state.activeTab === 'private'\n  )\n\n  const {\n    disabledBridges,\n    disabledExchanges,\n    enabledBridges,\n    enabledExchanges,\n    enabledAutoRefuel,\n    routePriority,\n    slippage,\n  } = useSettings([\n    'disabledBridges',\n    'disabledExchanges',\n    'enabledBridges',\n    'enabledExchanges',\n    'enabledAutoRefuel',\n    'routePriority',\n    'slippage',\n  ])\n  const [fromTokenAmount] = useDebouncedWatch(500, 'fromAmount')\n  // Debounce toAmount like fromAmount to avoid a request per keystroke\n  const [toTokenAmount] = useDebouncedWatch(500, 'toAmount')\n  const [\n    fromChainId,\n    fromTokenAddress,\n    toAddress,\n    toChainId,\n    toTokenAddress,\n    contractCalls,\n  ] = useFieldValues(\n    'fromChain',\n    'fromToken',\n    'toAddress',\n    'toChain',\n    'toToken',\n    'contractCalls'\n  )\n  const [validUntilDuration, partiallyFillable] = useFieldValues(\n    'validUntil',\n    'partiallyFillable'\n  )\n  const { token: fromToken } = useToken(fromChainId, fromTokenAddress)\n  const { token: toToken } = useToken(toChainId, toTokenAddress)\n  const { chain: fromChain } = useChain(fromChainId)\n  const { chain: toChain } = useChain(toChainId)\n  const { enabled: enabledRefuel, fromAmount: gasRecommendationFromAmount } =\n    useGasRefuel()\n  const { getChainTypeFromAddress } = useChainTypeFromAddress()\n  const { isGaslessStep, disableMessageSigning } = useEthereumContext()\n  const { account } = useAccount({ chainType: fromChain?.chainType })\n  const { isBatchingSupported, isBatchingSupportedLoading } =\n    useIsBatchingSupported(fromChain, account.address)\n\n  // In limit mode toAmount is the user's limit target, derived from the sell\n  // amount and limit price. It's keyed and sent to the backend so changing the\n  // limit fetches a fresh quote. The receive card is read-only (it displays the\n  // quote and never writes toAmount back), so keying on it can't loop. Both a\n  // sell amount and a limit price (→ toAmount) are required before fetching.\n  const hasAmount =\n    mode === 'limit'\n      ? Number(fromTokenAmount) > 0 && Number(toTokenAmount) > 0\n      : Number(fromTokenAmount) > 0 || Number(toTokenAmount) > 0\n\n  const contractCallQuoteEnabled: boolean =\n    mode === 'custom' ? Boolean(contractCalls && account.address) : true\n\n  // When we bridge between ecosystems we need to be sure toAddress is set and has the same chainType as toChain\n  // If toAddress is set, it must have the same chainType as toChain\n  const hasToAddressAndChainTypeSatisfied: boolean =\n    !!toChain &&\n    !!toAddress &&\n    getChainTypeFromAddress(toAddress) === toChain.chainType\n  // We need to check for toAddress only if it is set\n  const isToAddressSatisfied = toAddress\n    ? hasToAddressAndChainTypeSatisfied\n    : true\n\n  // toAddress might be an empty string, but we need to pass undefined if there is no value\n  const toWalletAddress = toAddress || undefined\n\n  // We need to send the full allowed tools array if custom tool settings are applied\n  const allowedBridges =\n    bridges?.allow?.length || bridges?.deny?.length ? enabledBridges : undefined\n  const allowedExchanges =\n    exchanges?.allow?.length || exchanges?.deny?.length\n      ? enabledExchanges\n      : undefined\n  const allowSwitchChain = sdkClient.config?.routeOptions?.allowSwitchChain\n\n  const isEnabled =\n    Boolean(Number(fromChain?.id)) &&\n    Boolean(Number(toChain?.id)) &&\n    Boolean(fromToken?.address) &&\n    Boolean(toToken?.address) &&\n    !Number.isNaN(slippage) &&\n    hasAmount &&\n    isToAddressSatisfied &&\n    contractCallQuoteEnabled &&\n    !isBatchingSupportedLoading\n\n  // Some values should be strictly typed and isEnabled ensures that\n  const queryKey = useMemo(\n    () =>\n      [\n        getQueryKey('routes', keyPrefix),\n        account.address,\n        fromChain?.id as number,\n        fromToken?.address as string,\n        fromTokenAmount,\n        toWalletAddress,\n        toChain?.id as number,\n        toToken?.address as string,\n        toTokenAmount,\n        validUntilDuration,\n        partiallyFillable,\n        contractCalls,\n        slippage,\n        swapOnly,\n        disabledBridges,\n        disabledExchanges,\n        allowedBridges,\n        allowedExchanges,\n        routePriority,\n        mode,\n        allowSwitchChain,\n        enabledRefuel && enabledAutoRefuel,\n        gasRecommendationFromAmount,\n        feeConfig?.fee,\n        disableMessageSigning,\n        !!isBatchingSupported,\n        isPrivate,\n        observableRoute?.id,\n      ] as const,\n    [\n      keyPrefix,\n      account.address,\n      fromChain?.id,\n      fromToken?.address,\n      fromTokenAmount,\n      toWalletAddress,\n      toChain?.id,\n      toToken?.address,\n      toTokenAmount,\n      validUntilDuration,\n      partiallyFillable,\n      contractCalls,\n      slippage,\n      swapOnly,\n      disabledBridges,\n      disabledExchanges,\n      allowedBridges,\n      allowedExchanges,\n      routePriority,\n      mode,\n      allowSwitchChain,\n      enabledRefuel,\n      enabledAutoRefuel,\n      gasRecommendationFromAmount,\n      feeConfig?.fee,\n      disableMessageSigning,\n      isBatchingSupported,\n      isPrivate,\n      observableRoute?.id,\n    ]\n  )\n\n  const { getIntermediateRoutes, setIntermediateRoutes } =\n    useIntermediateRoutesStore()\n\n  const { data, isLoading, isFetching, isFetched, dataUpdatedAt, refetch } =\n    useQuery({\n      queryKey,\n      queryFn: async ({\n        queryKey: [\n          _,\n          fromAddress,\n          fromChainId,\n          fromTokenAddress,\n          fromTokenAmount,\n          toAddress,\n          toChainId,\n          toTokenAddress,\n          toTokenAmount,\n          validUntilDuration,\n          partiallyFillable,\n          contractCalls,\n          slippage = defaultSlippage,\n          swapOnly,\n          disabledBridges,\n          disabledExchanges,\n          allowedBridges,\n          allowedExchanges,\n          routePriority,\n          mode,\n          allowSwitchChain,\n          enabledRefuel,\n          gasRecommendationFromAmount,\n          configuredFee,\n          disableMessageSigning,\n          isBatchingSupported,\n          isPrivate,\n          // _observableRouteId must be the last element in the query key\n          _observableRouteId,\n        ],\n        signal,\n      }) => {\n        const fromAmount = parseUnits(fromTokenAmount, fromToken!.decimals)\n        const toAmount = toTokenAmount\n          ? parseUnits(toTokenAmount, toToken!.decimals)\n          : undefined\n        const formattedSlippage = slippage\n          ? Number.parseFloat(slippage) / 100\n          : defaultSlippage\n\n        const allowBridges = swapOnly\n          ? []\n          : observableRoute\n            ? observableRoute.steps.flatMap((step) =>\n                step.includedSteps.reduce((toolKeys, includedStep) => {\n                  if (includedStep.type === 'cross') {\n                    toolKeys.push(includedStep.toolDetails.key)\n                  }\n                  return toolKeys\n                }, [] as string[])\n              )\n            : allowedBridges\n        const allowExchanges = observableRoute\n          ? observableRoute.steps.flatMap((step) =>\n              step.includedSteps.reduce((toolKeys, includedStep) => {\n                if (includedStep.type === 'swap') {\n                  toolKeys.push(includedStep.toolDetails.key)\n                }\n                return toolKeys\n              }, [] as string[])\n            )\n          : allowedExchanges\n\n        const calculatedFee = await feeConfig?.calculateFee?.({\n          fromChain: fromChain!,\n          toChain: toChain!,\n          fromToken: fromToken!,\n          toToken: toToken!,\n          fromAddress,\n          toAddress,\n          fromAmount,\n          toAmount,\n          slippage: formattedSlippage,\n        })\n\n        if (mode === 'custom' && contractCalls && toAmount) {\n          const contractCallQuote = await getContractCallsQuote(\n            sdkClient,\n            {\n              // Contract calls are enabled only when fromAddress is set\n              fromAddress: fromAddress as string,\n              fromChain: fromChainId,\n              fromToken: fromTokenAddress,\n              toAmount: toAmount.toString(),\n              toChain: toChainId,\n              toToken: toTokenAddress,\n              contractCalls,\n              denyBridges: disabledBridges.length ? disabledBridges : undefined,\n              denyExchanges: disabledExchanges.length\n                ? disabledExchanges\n                : undefined,\n              allowBridges,\n              allowExchanges,\n              toFallbackAddress: toAddress,\n              slippage: formattedSlippage,\n              fee: calculatedFee || configuredFee,\n            },\n            { signal }\n          )\n\n          contractCallQuote.action.toToken = toToken!\n\n          const customStep =\n            mode === 'custom'\n              ? contractCallQuote.includedSteps?.find(\n                  (step) => step.type === 'custom'\n                )\n              : undefined\n\n          if (customStep && contractTool) {\n            const toolDetails = {\n              key: contractTool.name,\n              name: contractTool.name,\n              logoURI: contractTool.logoURI,\n            }\n            customStep.toolDetails = toolDetails\n            contractCallQuote.toolDetails = toolDetails\n          }\n\n          const route: Route = convertQuoteToRoute(contractCallQuote)\n\n          return [route]\n        }\n\n        // Prevent sending a request for the same chain token combinations.\n        // Exception: proceed anyway if mode is custom and modeOptions custom type is deposit\n        if (\n          fromChainId === toChainId &&\n          fromTokenAddress === toTokenAddress &&\n          !(mode === 'custom' && modeOptions?.custom?.type === 'deposit')\n        ) {\n          return\n        }\n\n        const isObservableRelayerRoute = observableRoute?.steps?.some(\n          (step) => !!isGaslessStep?.(step, fromChain)\n        )\n\n        const shouldUseMainRoutes =\n          !observableRoute || !isObservableRelayerRoute\n        const shouldUseRelayerQuote =\n          // Relayer quotes don't support limit-order params\n          mode !== 'limit' &&\n          fromAddress &&\n          fromChain?.chainType === ChainType.EVM &&\n          fromChain.permit2 &&\n          fromChain.permit2Proxy &&\n          fromChain.relayerSupported &&\n          fromChain.nativeToken.address !== fromTokenAddress &&\n          useRelayerRoutes &&\n          !isBatchingSupported &&\n          (!observableRoute || isObservableRelayerRoute)\n\n        const limitOrderRouteParams =\n          mode === 'limit'\n            ? {\n                toAmount: toAmount?.toString(),\n                validUntil: Math.floor(Date.now() / 1000) + validUntilDuration,\n                partiallyFillable: partiallyFillable,\n              }\n            : undefined\n\n        const mainRoutesPromise = shouldUseMainRoutes\n          ? getRoutes(\n              sdkClient,\n              {\n                fromAddress,\n                fromAmount: fromAmount.toString(),\n                fromChainId,\n                fromTokenAddress,\n                toAddress,\n                toChainId,\n                toTokenAddress,\n                fromAmountForGas:\n                  enabledRefuel && gasRecommendationFromAmount\n                    ? gasRecommendationFromAmount\n                    : undefined,\n                ...limitOrderRouteParams,\n                options: {\n                  allowSwitchChain:\n                    mode === 'refuel' ? false : allowSwitchChain,\n                  bridges:\n                    allowBridges?.length || disabledBridges.length\n                      ? {\n                          allow: allowBridges,\n                          deny: disabledBridges.length\n                            ? disabledBridges\n                            : undefined,\n                        }\n                      : undefined,\n                  exchanges:\n                    allowExchanges?.length || disabledExchanges.length\n                      ? {\n                          allow: allowExchanges,\n                          deny: disabledExchanges.length\n                            ? disabledExchanges\n                            : undefined,\n                        }\n                      : undefined,\n                  order: routePriority,\n                  slippage: formattedSlippage,\n                  fee: calculatedFee || configuredFee,\n                  executionType: disableMessageSigning ? 'transaction' : 'all',\n                  ...(isPrivate && { private: true }),\n                },\n              },\n              { signal }\n            )\n          : Promise.resolve(null)\n\n        const relayerQuotePromise = shouldUseRelayerQuote\n          ? getRelayerQuote(\n              sdkClient,\n              {\n                fromAddress,\n                fromAmount: fromAmount.toString(),\n                fromChain: fromChainId,\n                fromToken: fromTokenAddress,\n                toAddress,\n                toChain: toChainId,\n                toToken: toTokenAddress,\n                fromAmountForGas:\n                  enabledRefuel && gasRecommendationFromAmount\n                    ? gasRecommendationFromAmount\n                    : undefined,\n                order: routePriority,\n                slippage: formattedSlippage,\n                fee: calculatedFee || configuredFee,\n                ...(allowBridges?.length || disabledBridges.length\n                  ? {\n                      allowBridges: allowBridges,\n                      denyBridges: disabledBridges.length\n                        ? disabledBridges\n                        : undefined,\n                    }\n                  : undefined),\n                ...(allowExchanges?.length || disabledExchanges.length\n                  ? {\n                      allowExchanges: allowExchanges,\n                      denyExchanges: disabledExchanges.length\n                        ? disabledExchanges\n                        : undefined,\n                    }\n                  : undefined),\n              },\n              { signal }\n            )\n              .then(convertQuoteToRoute)\n              .catch(() => null)\n          : Promise.resolve(null)\n\n        // Wait for the main routes to complete first\n        const routesResult = await mainRoutesPromise\n\n        if (routesResult?.routes[0] && fromAddress) {\n          // Update local tokens cache to keep priceUSD in sync\n          const { fromToken, toToken } = routesResult.routes[0]\n          ;[fromToken, toToken].forEach((token) => {\n            // Update main tokens cache (verified)\n            queryClient.setQueriesData<TokensByChain>(\n              { queryKey: [getQueryKey('tokens', keyPrefix)] },\n              (data) => updateTokenInCache(data, token)\n            )\n\n            // Update search tokens cache (unverified) - matches any search query\n            queryClient.setQueriesData<TokensByChain>(\n              {\n                queryKey: [getQueryKey('tokens-search', keyPrefix)],\n                exact: false,\n              },\n              (data) => updateTokenInCache(data, token)\n            )\n\n            queryClient.setQueriesData<Token[]>(\n              {\n                queryKey: [\n                  getQueryKey('token-balances', keyPrefix),\n                  fromAddress,\n                  token.chainId,\n                ],\n              },\n              (data) => {\n                if (data) {\n                  const clonedData = [...data]\n                  const index = clonedData.findIndex(\n                    (dataToken) => dataToken.address === token.address\n                  )\n                  if (index >= 0) {\n                    clonedData[index] = {\n                      ...clonedData[index],\n                      ...token,\n                    }\n                  }\n                  return clonedData\n                }\n              }\n            )\n          })\n        }\n\n        const initialRoutes = routesResult?.routes ?? []\n\n        if (shouldUseRelayerQuote && initialRoutes.length) {\n          setIntermediateRoutes(queryKey, initialRoutes)\n          emitter.emit(WidgetEvent.AvailableRoutes, initialRoutes)\n          // Return early if we're only using main routes\n        } else if (shouldUseMainRoutes) {\n          // If we don't need relayer quote, return the initial routes\n          emitter.emit(WidgetEvent.AvailableRoutes, initialRoutes)\n          return initialRoutes\n        }\n\n        const relayerRouteResult = await relayerQuotePromise\n        // If we have a relayer route, add it to the routes array\n        if (relayerRouteResult) {\n          // Insert the relayer route at position 1 (after the first route)\n          initialRoutes.splice(1, 0, relayerRouteResult)\n          // Emit the updated routes\n          emitter.emit(WidgetEvent.AvailableRoutes, initialRoutes)\n        }\n\n        return initialRoutes\n      },\n      enabled: isEnabled,\n      staleTime: refetchTime,\n      refetchInterval(query) {\n        return Math.min(\n          Math.abs(refetchTime - (Date.now() - query.state.dataUpdatedAt)),\n          refetchTime\n        )\n      },\n      retry(failureCount, error: any) {\n        if (process.env.NODE_ENV === 'development') {\n          console.warn('Route query failed:', { failureCount, error })\n        }\n        if (failureCount >= 3) {\n          return false\n        }\n        if (error?.code === LiFiErrorCode.NotFound) {\n          return false\n        }\n        return true\n      },\n    })\n\n  const setReviewableRoute = useCallback(\n    (route: Route) => {\n      const queryDataKey = queryKey.toSpliced(queryKey.length - 1, 1, route.id)\n      queryClient.setQueryData(queryDataKey, [route], {\n        updatedAt: dataUpdatedAt || Date.now(),\n      })\n      setExecutableRoute(route)\n    },\n    [queryClient, dataUpdatedAt, setExecutableRoute, queryKey]\n  )\n\n  return {\n    routes: data || getIntermediateRoutes(queryKey),\n    isLoading: isEnabled && isLoading,\n    isFetching,\n    isFetched,\n    dataUpdatedAt,\n    refetchTime,\n    refetch,\n    fromChain,\n    toChain,\n    queryKey,\n    setReviewableRoute,\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"useRoutes.js","names":[],"sources":["../../../src/hooks/useRoutes.ts"],"sourcesContent":["import type { ExtendedChain, Route, Token } from '@lifi/sdk'\nimport {\n  ChainType,\n  convertQuoteToRoute,\n  getContractCallsQuote,\n  getRelayerQuote,\n  getRoutes,\n  LiFiErrorCode,\n  parseUnits,\n} from '@lifi/sdk'\nimport { useAccount } from '@lifi/wallet-management'\nimport {\n  useChainTypeFromAddress,\n  useEthereumContext,\n} from '@lifi/widget-provider'\nimport {\n  keepPreviousData,\n  useQuery,\n  useQueryClient,\n} from '@tanstack/react-query'\nimport { useCallback, useMemo } from 'react'\nimport { useSDKClient } from '../providers/SDKClientProvider.js'\nimport { useWidgetConfig } from '../providers/WidgetProvider/WidgetProvider.js'\nimport { useFieldValues } from '../stores/form/useFieldValues.js'\nimport { useNavigationTabsStore } from '../stores/navigationTabs/useNavigationTabsStore.js'\nimport { useIntermediateRoutesStore } from '../stores/routes/useIntermediateRoutesStore.js'\nimport { useSetExecutableRoute } from '../stores/routes/useSetExecutableRoute.js'\nimport { defaultSlippage } from '../stores/settings/createSettingsStore.js'\nimport { useSettings } from '../stores/settings/useSettings.js'\nimport { WidgetEvent } from '../types/events.js'\nimport type { TokensByChain } from '../types/token.js'\nimport { getQueryKey } from '../utils/queries.js'\nimport { updateTokenInCache } from '../utils/token.js'\nimport { useChain } from './useChain.js'\nimport { useDebouncedWatch } from './useDebouncedWatch.js'\nimport { useGasRefuel } from './useGasRefuel.js'\nimport { useIsBatchingSupported } from './useIsBatchingSupported.js'\nimport { useSwapOnly } from './useSwapOnly.js'\nimport { useToken } from './useToken.js'\nimport { useWidgetEvents } from './useWidgetEvents.js'\n\nconst refetchTime = 60_000\n\ninterface RoutesProps {\n  observableRoute?: Route\n  /**\n   * Address to quote from when no wallet is connected. Treated as a non-signing\n   * placeholder, so signer-dependent (relayer/permit2) quotes are skipped.\n   */\n  quoteFromAddress?: string\n  /**\n   * Keep showing the previous result while a new query (e.g. a token/amount\n   * change) is fetching, instead of clearing to a loading state.\n   */\n  keepPreviousData?: boolean\n}\n\nexport const useRoutes = ({\n  observableRoute,\n  quoteFromAddress,\n  keepPreviousData: keepPreviousDataEnabled,\n}: RoutesProps = {}): {\n  routes: Route[] | undefined\n  isLoading: boolean\n  isFetching: boolean\n  isFetched: boolean\n  isError: boolean\n  dataUpdatedAt: number\n  refetchTime: number\n  refetch: () => void\n  fromChain: ExtendedChain | undefined\n  toChain: ExtendedChain | undefined\n  queryKey: readonly unknown[]\n  setReviewableRoute: (route: Route) => void\n} => {\n  const {\n    mode,\n    modeOptions,\n    contractTool,\n    bridges,\n    exchanges,\n    feeConfig,\n    useRelayerRoutes,\n    keyPrefix,\n  } = useWidgetConfig()\n  const sdkClient = useSDKClient()\n  const setExecutableRoute = useSetExecutableRoute()\n  const queryClient = useQueryClient()\n  const emitter = useWidgetEvents()\n  const swapOnly = useSwapOnly()\n  const isPrivate = useNavigationTabsStore(\n    (state) => state.activeTab === 'private'\n  )\n\n  const {\n    disabledBridges,\n    disabledExchanges,\n    enabledBridges,\n    enabledExchanges,\n    enabledAutoRefuel,\n    routePriority,\n    slippage,\n  } = useSettings([\n    'disabledBridges',\n    'disabledExchanges',\n    'enabledBridges',\n    'enabledExchanges',\n    'enabledAutoRefuel',\n    'routePriority',\n    'slippage',\n  ])\n  const [fromTokenAmount] = useDebouncedWatch(500, 'fromAmount')\n  // Debounce toAmount like fromAmount to avoid a request per keystroke\n  const [toTokenAmount] = useDebouncedWatch(500, 'toAmount')\n  const [\n    fromChainId,\n    fromTokenAddress,\n    toAddress,\n    toChainId,\n    toTokenAddress,\n    contractCalls,\n  ] = useFieldValues(\n    'fromChain',\n    'fromToken',\n    'toAddress',\n    'toChain',\n    'toToken',\n    'contractCalls'\n  )\n  const [validUntilDuration, partiallyFillable] = useFieldValues(\n    'validUntil',\n    'partiallyFillable'\n  )\n  const { token: fromToken } = useToken(fromChainId, fromTokenAddress)\n  const { token: toToken } = useToken(toChainId, toTokenAddress)\n  const { chain: fromChain } = useChain(fromChainId)\n  const { chain: toChain } = useChain(toChainId)\n  const { enabled: enabledRefuel, fromAmount: gasRecommendationFromAmount } =\n    useGasRefuel()\n  const { getChainTypeFromAddress } = useChainTypeFromAddress()\n  const { isGaslessStep, disableMessageSigning } = useEthereumContext()\n  const { account } = useAccount({ chainType: fromChain?.chainType })\n  const { isBatchingSupported, isBatchingSupportedLoading } =\n    useIsBatchingSupported(fromChain, account.address)\n\n  // In limit mode toAmount is the user's limit target, derived from the sell\n  // amount and limit price. It's keyed and sent to the backend so changing the\n  // limit fetches a fresh quote. The receive card is read-only (it displays the\n  // quote and never writes toAmount back), so keying on it can't loop. Both a\n  // sell amount and a limit price (→ toAmount) are required before fetching.\n  const hasAmount =\n    mode === 'limit'\n      ? Number(fromTokenAmount) > 0 && Number(toTokenAmount) > 0\n      : Number(fromTokenAmount) > 0 || Number(toTokenAmount) > 0\n\n  const customType = mode === 'custom' ? modeOptions?.custom?.type : undefined\n  const isContractCallQuote =\n    mode === 'custom' && Boolean(contractCalls?.length)\n  // A contract-call quote needs a connected wallet to resolve fromAddress.\n  // Deposit funding quotes a plain route with no contract calls and no wallet\n  // (a placeholder fromAddress arrives via quoteFromAddress); every other custom\n  // flow stays gated on a real wallet, as before.\n  const contractCallQuoteEnabled: boolean = isContractCallQuote\n    ? Boolean(account.address)\n    : mode !== 'custom' || customType === 'deposit'\n\n  const effectiveFromAddress = account.address ?? quoteFromAddress\n\n  // When we bridge between ecosystems we need to be sure toAddress is set and has the same chainType as toChain\n  // If toAddress is set, it must have the same chainType as toChain\n  const hasToAddressAndChainTypeSatisfied: boolean =\n    !!toChain &&\n    !!toAddress &&\n    getChainTypeFromAddress(toAddress) === toChain.chainType\n  // We need to check for toAddress only if it is set\n  const isToAddressSatisfied = toAddress\n    ? hasToAddressAndChainTypeSatisfied\n    : true\n\n  // toAddress might be an empty string, but we need to pass undefined if there is no value\n  const toWalletAddress = toAddress || undefined\n\n  // We need to send the full allowed tools array if custom tool settings are applied\n  const allowedBridges =\n    bridges?.allow?.length || bridges?.deny?.length ? enabledBridges : undefined\n  const allowedExchanges =\n    exchanges?.allow?.length || exchanges?.deny?.length\n      ? enabledExchanges\n      : undefined\n  const allowSwitchChain = sdkClient.config?.routeOptions?.allowSwitchChain\n\n  const isEnabled =\n    Boolean(Number(fromChain?.id)) &&\n    Boolean(Number(toChain?.id)) &&\n    Boolean(fromToken?.address) &&\n    Boolean(toToken?.address) &&\n    !Number.isNaN(slippage) &&\n    hasAmount &&\n    isToAddressSatisfied &&\n    contractCallQuoteEnabled &&\n    !isBatchingSupportedLoading\n\n  // Some values should be strictly typed and isEnabled ensures that\n  const queryKey = useMemo(\n    () =>\n      [\n        getQueryKey('routes', keyPrefix),\n        effectiveFromAddress,\n        fromChain?.id as number,\n        fromToken?.address as string,\n        fromTokenAmount,\n        toWalletAddress,\n        toChain?.id as number,\n        toToken?.address as string,\n        toTokenAmount,\n        validUntilDuration,\n        partiallyFillable,\n        contractCalls,\n        slippage,\n        swapOnly,\n        disabledBridges,\n        disabledExchanges,\n        allowedBridges,\n        allowedExchanges,\n        routePriority,\n        mode,\n        allowSwitchChain,\n        enabledRefuel && enabledAutoRefuel,\n        gasRecommendationFromAmount,\n        feeConfig?.fee,\n        disableMessageSigning,\n        !!isBatchingSupported,\n        isPrivate,\n        observableRoute?.id,\n      ] as const,\n    [\n      keyPrefix,\n      effectiveFromAddress,\n      fromChain?.id,\n      fromToken?.address,\n      fromTokenAmount,\n      toWalletAddress,\n      toChain?.id,\n      toToken?.address,\n      toTokenAmount,\n      validUntilDuration,\n      partiallyFillable,\n      contractCalls,\n      slippage,\n      swapOnly,\n      disabledBridges,\n      disabledExchanges,\n      allowedBridges,\n      allowedExchanges,\n      routePriority,\n      mode,\n      allowSwitchChain,\n      enabledRefuel,\n      enabledAutoRefuel,\n      gasRecommendationFromAmount,\n      feeConfig?.fee,\n      disableMessageSigning,\n      isBatchingSupported,\n      isPrivate,\n      observableRoute?.id,\n    ]\n  )\n\n  const { getIntermediateRoutes, setIntermediateRoutes } =\n    useIntermediateRoutesStore()\n\n  const {\n    data,\n    isLoading,\n    isFetching,\n    isFetched,\n    isError,\n    dataUpdatedAt,\n    refetch,\n  } = useQuery({\n    queryKey,\n    queryFn: async ({\n      queryKey: [\n        _,\n        fromAddress,\n        fromChainId,\n        fromTokenAddress,\n        fromTokenAmount,\n        toAddress,\n        toChainId,\n        toTokenAddress,\n        toTokenAmount,\n        validUntilDuration,\n        partiallyFillable,\n        contractCalls,\n        slippage = defaultSlippage,\n        swapOnly,\n        disabledBridges,\n        disabledExchanges,\n        allowedBridges,\n        allowedExchanges,\n        routePriority,\n        mode,\n        allowSwitchChain,\n        enabledRefuel,\n        gasRecommendationFromAmount,\n        configuredFee,\n        disableMessageSigning,\n        isBatchingSupported,\n        isPrivate,\n        // _observableRouteId must be the last element in the query key\n        _observableRouteId,\n      ],\n      signal,\n    }) => {\n      const fromAmount = parseUnits(fromTokenAmount, fromToken!.decimals)\n      const toAmount = toTokenAmount\n        ? parseUnits(toTokenAmount, toToken!.decimals)\n        : undefined\n      const formattedSlippage = slippage\n        ? Number.parseFloat(slippage) / 100\n        : defaultSlippage\n\n      const allowBridges = swapOnly\n        ? []\n        : observableRoute\n          ? observableRoute.steps.flatMap((step) =>\n              step.includedSteps.reduce((toolKeys, includedStep) => {\n                if (includedStep.type === 'cross') {\n                  toolKeys.push(includedStep.toolDetails.key)\n                }\n                return toolKeys\n              }, [] as string[])\n            )\n          : allowedBridges\n      const allowExchanges = observableRoute\n        ? observableRoute.steps.flatMap((step) =>\n            step.includedSteps.reduce((toolKeys, includedStep) => {\n              if (includedStep.type === 'swap') {\n                toolKeys.push(includedStep.toolDetails.key)\n              }\n              return toolKeys\n            }, [] as string[])\n          )\n        : allowedExchanges\n\n      const calculatedFee = await feeConfig?.calculateFee?.({\n        fromChain: fromChain!,\n        toChain: toChain!,\n        fromToken: fromToken!,\n        toToken: toToken!,\n        fromAddress,\n        toAddress,\n        fromAmount,\n        toAmount,\n        slippage: formattedSlippage,\n      })\n\n      if (mode === 'custom' && contractCalls?.length && toAmount) {\n        const contractCallQuote = await getContractCallsQuote(\n          sdkClient,\n          {\n            // Contract calls are enabled only when fromAddress is set\n            fromAddress: fromAddress as string,\n            fromChain: fromChainId,\n            fromToken: fromTokenAddress,\n            toAmount: toAmount.toString(),\n            toChain: toChainId,\n            toToken: toTokenAddress,\n            contractCalls,\n            denyBridges: disabledBridges.length ? disabledBridges : undefined,\n            denyExchanges: disabledExchanges.length\n              ? disabledExchanges\n              : undefined,\n            allowBridges,\n            allowExchanges,\n            toFallbackAddress: toAddress,\n            slippage: formattedSlippage,\n            fee: calculatedFee || configuredFee,\n          },\n          { signal }\n        )\n\n        contractCallQuote.action.toToken = toToken!\n\n        const customStep =\n          mode === 'custom'\n            ? contractCallQuote.includedSteps?.find(\n                (step) => step.type === 'custom'\n              )\n            : undefined\n\n        if (customStep && contractTool) {\n          const toolDetails = {\n            key: contractTool.name,\n            name: contractTool.name,\n            logoURI: contractTool.logoURI,\n          }\n          customStep.toolDetails = toolDetails\n          contractCallQuote.toolDetails = toolDetails\n        }\n\n        const route: Route = convertQuoteToRoute(contractCallQuote)\n\n        return [route]\n      }\n\n      // Prevent sending a request for the same chain token combinations.\n      // Exception: proceed anyway if mode is custom and modeOptions custom type is deposit\n      if (\n        fromChainId === toChainId &&\n        fromTokenAddress === toTokenAddress &&\n        !(mode === 'custom' && modeOptions?.custom?.type === 'deposit')\n      ) {\n        return\n      }\n\n      const isObservableRelayerRoute = observableRoute?.steps?.some(\n        (step) => !!isGaslessStep?.(step, fromChain)\n      )\n\n      const shouldUseMainRoutes = !observableRoute || !isObservableRelayerRoute\n      const shouldUseRelayerQuote =\n        // Relayer quotes don't support limit-order params\n        mode !== 'limit' &&\n        account.address &&\n        fromAddress &&\n        fromChain?.chainType === ChainType.EVM &&\n        fromChain.permit2 &&\n        fromChain.permit2Proxy &&\n        fromChain.relayerSupported &&\n        fromChain.nativeToken.address !== fromTokenAddress &&\n        useRelayerRoutes &&\n        !isBatchingSupported &&\n        (!observableRoute || isObservableRelayerRoute)\n\n      const limitOrderRouteParams =\n        mode === 'limit'\n          ? {\n              toAmount: toAmount?.toString(),\n              validUntil: Math.floor(Date.now() / 1000) + validUntilDuration,\n              partiallyFillable: partiallyFillable,\n            }\n          : undefined\n\n      const mainRoutesPromise = shouldUseMainRoutes\n        ? getRoutes(\n            sdkClient,\n            {\n              fromAddress,\n              fromAmount: fromAmount.toString(),\n              fromChainId,\n              fromTokenAddress,\n              toAddress,\n              toChainId,\n              toTokenAddress,\n              fromAmountForGas:\n                enabledRefuel && gasRecommendationFromAmount\n                  ? gasRecommendationFromAmount\n                  : undefined,\n              ...limitOrderRouteParams,\n              options: {\n                allowSwitchChain: mode === 'refuel' ? false : allowSwitchChain,\n                bridges:\n                  allowBridges?.length || disabledBridges.length\n                    ? {\n                        allow: allowBridges,\n                        deny: disabledBridges.length\n                          ? disabledBridges\n                          : undefined,\n                      }\n                    : undefined,\n                exchanges:\n                  allowExchanges?.length || disabledExchanges.length\n                    ? {\n                        allow: allowExchanges,\n                        deny: disabledExchanges.length\n                          ? disabledExchanges\n                          : undefined,\n                      }\n                    : undefined,\n                order: routePriority,\n                slippage: formattedSlippage,\n                fee: calculatedFee || configuredFee,\n                executionType: disableMessageSigning ? 'transaction' : 'all',\n                ...(isPrivate && { private: true }),\n              },\n            },\n            { signal }\n          )\n        : Promise.resolve(null)\n\n      const relayerQuotePromise = shouldUseRelayerQuote\n        ? getRelayerQuote(\n            sdkClient,\n            {\n              fromAddress,\n              fromAmount: fromAmount.toString(),\n              fromChain: fromChainId,\n              fromToken: fromTokenAddress,\n              toAddress,\n              toChain: toChainId,\n              toToken: toTokenAddress,\n              fromAmountForGas:\n                enabledRefuel && gasRecommendationFromAmount\n                  ? gasRecommendationFromAmount\n                  : undefined,\n              order: routePriority,\n              slippage: formattedSlippage,\n              fee: calculatedFee || configuredFee,\n              ...(allowBridges?.length || disabledBridges.length\n                ? {\n                    allowBridges: allowBridges,\n                    denyBridges: disabledBridges.length\n                      ? disabledBridges\n                      : undefined,\n                  }\n                : undefined),\n              ...(allowExchanges?.length || disabledExchanges.length\n                ? {\n                    allowExchanges: allowExchanges,\n                    denyExchanges: disabledExchanges.length\n                      ? disabledExchanges\n                      : undefined,\n                  }\n                : undefined),\n            },\n            { signal }\n          )\n            .then(convertQuoteToRoute)\n            .catch(() => null)\n        : Promise.resolve(null)\n\n      // Wait for the main routes to complete first\n      const routesResult = await mainRoutesPromise\n\n      if (routesResult?.routes[0] && fromAddress) {\n        // Update local tokens cache to keep priceUSD in sync\n        const { fromToken, toToken } = routesResult.routes[0]\n        ;[fromToken, toToken].forEach((token) => {\n          // Update main tokens cache (verified)\n          queryClient.setQueriesData<TokensByChain>(\n            { queryKey: [getQueryKey('tokens', keyPrefix)] },\n            (data) => updateTokenInCache(data, token)\n          )\n\n          // Update search tokens cache (unverified) - matches any search query\n          queryClient.setQueriesData<TokensByChain>(\n            {\n              queryKey: [getQueryKey('tokens-search', keyPrefix)],\n              exact: false,\n            },\n            (data) => updateTokenInCache(data, token)\n          )\n\n          queryClient.setQueriesData<Token[]>(\n            {\n              queryKey: [\n                getQueryKey('token-balances', keyPrefix),\n                fromAddress,\n                token.chainId,\n              ],\n            },\n            (data) => {\n              if (data) {\n                const clonedData = [...data]\n                const index = clonedData.findIndex(\n                  (dataToken) => dataToken.address === token.address\n                )\n                if (index >= 0) {\n                  clonedData[index] = {\n                    ...clonedData[index],\n                    ...token,\n                  }\n                }\n                return clonedData\n              }\n            }\n          )\n        })\n      }\n\n      const initialRoutes = routesResult?.routes ?? []\n\n      if (shouldUseRelayerQuote && initialRoutes.length) {\n        setIntermediateRoutes(queryKey, initialRoutes)\n        emitter.emit(WidgetEvent.AvailableRoutes, initialRoutes)\n        // Return early if we're only using main routes\n      } else if (shouldUseMainRoutes) {\n        // If we don't need relayer quote, return the initial routes\n        emitter.emit(WidgetEvent.AvailableRoutes, initialRoutes)\n        return initialRoutes\n      }\n\n      const relayerRouteResult = await relayerQuotePromise\n      // If we have a relayer route, add it to the routes array\n      if (relayerRouteResult) {\n        // Insert the relayer route at position 1 (after the first route)\n        initialRoutes.splice(1, 0, relayerRouteResult)\n        // Emit the updated routes\n        emitter.emit(WidgetEvent.AvailableRoutes, initialRoutes)\n      }\n\n      return initialRoutes\n    },\n    enabled: isEnabled,\n    staleTime: refetchTime,\n    placeholderData: keepPreviousDataEnabled ? keepPreviousData : undefined,\n    refetchInterval(query) {\n      return Math.min(\n        Math.abs(refetchTime - (Date.now() - query.state.dataUpdatedAt)),\n        refetchTime\n      )\n    },\n    retry(failureCount, error: any) {\n      if (process.env.NODE_ENV === 'development') {\n        console.warn('Route query failed:', { failureCount, error })\n      }\n      if (failureCount >= 3) {\n        return false\n      }\n      if (error?.code === LiFiErrorCode.NotFound) {\n        return false\n      }\n      return true\n    },\n  })\n\n  const setReviewableRoute = useCallback(\n    (route: Route) => {\n      const queryDataKey = queryKey.toSpliced(queryKey.length - 1, 1, route.id)\n      queryClient.setQueryData(queryDataKey, [route], {\n        updatedAt: dataUpdatedAt || Date.now(),\n      })\n      setExecutableRoute(route)\n    },\n    [queryClient, dataUpdatedAt, setExecutableRoute, queryKey]\n  )\n\n  return {\n    routes: data || getIntermediateRoutes(queryKey),\n    isLoading: isEnabled && isLoading,\n    isFetching,\n    isFetched,\n    isError,\n    dataUpdatedAt,\n    refetchTime,\n    refetch,\n    fromChain,\n    toChain,\n    queryKey,\n    setReviewableRoute,\n  }\n}\n"],"mappings":"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"}

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

@@ -0,0 +1,16 @@
+import { ChainType, RouteExtended } from "@lifi/sdk";
+//#region src/hooks/useToAddressRequirements.d.ts
+declare const useToAddressRequirements: (route?: RouteExtended) => {
+  requiredToAddress: boolean;
+  requiredToChainType: ChainType | undefined;
+  accountNotDeployedAtDestination: boolean;
+  accountDeployedAtDestination: boolean;
+  toAddress: string | undefined;
+  isFromContractAddress: boolean | undefined;
+  isToContractAddress: boolean | undefined;
+  isLoading: boolean;
+  isFetched: boolean;
+};
+//#endregion
+export { useToAddressRequirements };
+//# sourceMappingURL=useToAddressRequirements.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useToAddressRequirements.d.ts","names":[],"sources":["../../../src/hooks/useToAddressRequirements.ts"],"mappings":";;cAQa,2BACX,QAAQ;EAER;EACA,qBAAqB;EACrB;EACA;EACA;EACA;EACA;EACA;EACA"}