@lifi/widget 0.0.0-preview-6cc63bac

package/dist/esm/hooks/useGasSufficiency.js

@@ -0,0 +1,104 @@
+import { useWidgetConfig } from "../providers/WidgetProvider/WidgetProvider.js";
+import { useSDKClient } from "../providers/SDKClientProvider.js";
+import { getQueryKey } from "../utils/queries.js";
+import { useAvailableChains } from "./useAvailableChains.js";
+import { useIsContractAddress } from "./useIsContractAddress.js";
+import { getTokenBalancesWithRetry } from "./useTokenBalance.js";
+import { ChainType } from "@lifi/sdk";
+import { useMemo } from "react";
+import { useQuery } from "@tanstack/react-query";
+import { useAccount } from "@lifi/wallet-management";
+//#region src/hooks/useGasSufficiency.ts
+const refetchInterval = 3e4;
+const useGasSufficiency = (route) => {
+	const { getChainById } = useAvailableChains();
+	const { account: EVMAccount, accounts } = useAccount({ chainType: ChainType.EVM });
+	const { keyPrefix, hiddenUI } = useWidgetConfig();
+	const sdkClient = useSDKClient();
+	const { relevantAccounts, relevantAccountsQueryKey } = useMemo(() => {
+		const chainTypes = route?.steps.reduce((acc, step) => {
+			const chainType = getChainById(step.action.fromChainId)?.chainType;
+			if (chainType) acc.add(chainType);
+			return acc;
+		}, /* @__PURE__ */ new Set());
+		const relevantAccounts = accounts.filter((account) => account.isConnected && account.address && chainTypes?.has(account.chainType));
+		return {
+			relevantAccounts,
+			relevantAccountsQueryKey: relevantAccounts.map((account) => account.address).join(",")
+		};
+	}, [
+		accounts,
+		route?.steps,
+		getChainById
+	]);
+	const { isContractAddress, isLoading: isContractAddressLoading } = useIsContractAddress(EVMAccount.address, route?.fromChainId, EVMAccount.chainType);
+	const { data: insufficientGas, isLoading } = useQuery({
+		queryKey: [
+			getQueryKey("gas-sufficiency-check", keyPrefix),
+			relevantAccountsQueryKey,
+			route?.id,
+			isContractAddress
+		],
+		queryFn: async () => {
+			if (!route) return [];
+			const filteredSteps = route.steps.filter((step) => !step.typedData?.some((t) => t.primaryType === "Permit" || t.primaryType === "Order"));
+			if (!filteredSteps.length) return [];
+			const hasRefuelStep = route.steps.flatMap((step) => step.includedSteps).some((includedStep) => includedStep.tool === "gasZip");
+			const gasCosts = filteredSteps.filter((step) => step.execution?.status !== "DONE").reduce((groupedGasCosts, step) => {
+				const skipDueToRefuel = step.action.fromChainId === route.toChainId && hasRefuelStep;
+				if (step.estimate.gasCosts && !skipDueToRefuel) {
+					const { token } = step.estimate.gasCosts[0];
+					const gasCostAmount = step.estimate.gasCosts.reduce((amount, gasCost) => amount + BigInt(Number(gasCost.amount).toFixed(0)), 0n);
+					if (gasCostAmount > 0n) groupedGasCosts[token.chainId] = {
+						gasAmount: groupedGasCosts[token.chainId] ? groupedGasCosts[token.chainId].gasAmount + gasCostAmount : gasCostAmount,
+						token,
+						chain: getChainById(token.chainId)
+					};
+				}
+				const nonIncludedFeeCosts = step.estimate.feeCosts?.filter((feeCost) => !feeCost.included);
+				if (nonIncludedFeeCosts?.length) {
+					const { token } = nonIncludedFeeCosts[0];
+					const feeCostAmount = nonIncludedFeeCosts.reduce((amount, feeCost) => amount + BigInt(Number(feeCost.amount).toFixed(0)), 0n);
+					if (feeCostAmount > 0n) groupedGasCosts[token.chainId] = {
+						gasAmount: groupedGasCosts[token.chainId] ? groupedGasCosts[token.chainId].gasAmount + feeCostAmount : feeCostAmount,
+						token,
+						chain: getChainById(token.chainId)
+					};
+				}
+				return groupedGasCosts;
+			}, {});
+			if (route.fromToken.address === gasCosts[route.fromChainId]?.token.address) gasCosts[route.fromChainId].tokenAmount = gasCosts[route.fromChainId]?.gasAmount + BigInt(route.fromAmount);
+			const gasCostsValues = Object.values(gasCosts);
+			const tokenBalances = (await Promise.allSettled(relevantAccounts.map((account) => {
+				const relevantTokens = gasCostsValues.filter((gasCost) => gasCost.chain?.chainType === account.chainType).map((item) => item.token);
+				return getTokenBalancesWithRetry(sdkClient, account.address, relevantTokens);
+			}))).filter((result) => result.status === "fulfilled" && Boolean(result.value)).flatMap((result) => result.value);
+			if (!tokenBalances?.length) return [];
+			Object.keys(gasCosts).forEach((chainId) => {
+				if (gasCosts[chainId]) {
+					const gasTokenBalance = tokenBalances?.find((t) => t.chainId === gasCosts[chainId].token.chainId && t.address === gasCosts[chainId].token.address)?.amount ?? 0n;
+					const insufficient = gasTokenBalance <= 0n || gasTokenBalance < gasCosts[chainId].gasAmount || gasTokenBalance < (gasCosts[chainId].tokenAmount ?? 0n);
+					const insufficientAmount = insufficient ? gasCosts[chainId].tokenAmount ? gasCosts[chainId].tokenAmount - gasTokenBalance : gasCosts[chainId].gasAmount - gasTokenBalance : void 0;
+					gasCosts[chainId] = {
+						...gasCosts[chainId],
+						insufficient,
+						insufficientAmount,
+						chain: insufficient ? getChainById(Number(chainId)) : void 0
+					};
+				}
+			});
+			return Object.values(gasCosts).filter((gasCost) => gasCost.insufficient);
+		},
+		enabled: Boolean(!isContractAddress && !isContractAddressLoading && relevantAccounts.length > 0 && route && !hiddenUI?.insufficientGasMessage),
+		refetchInterval,
+		staleTime: refetchInterval
+	});
+	return {
+		insufficientGas,
+		isLoading
+	};
+};
+//#endregion
+export { useGasSufficiency };
+
+//# sourceMappingURL=useGasSufficiency.js.map

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

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

package/dist/esm/hooks/useHasChainExpansion.js

@@ -0,0 +1,17 @@
+import { useWidgetConfig } from "../providers/WidgetProvider/WidgetProvider.js";
+import "../types/widget.js";
+import { navigationRoutes } from "../utils/navigationRoutes.js";
+import { useSwapOnly } from "./useSwapOnly.js";
+import { useLocation } from "@tanstack/react-router";
+//#region src/hooks/useHasChainExpansion.ts
+const useHasChainExpansion = () => {
+	const { hiddenUI } = useWidgetConfig();
+	const swapOnly = useSwapOnly();
+	const { pathname } = useLocation();
+	const expansionType = pathname === navigationRoutes.home ? "routes" : pathname.endsWith(navigationRoutes.fromToken) ? "fromChain" : pathname.endsWith(navigationRoutes.toToken) ? "toChain" : null;
+	return [(expansionType === "fromChain" || expansionType === "toChain") && !(swapOnly && expansionType === "toChain") && !hiddenUI?.chainSelect && !hiddenUI?.chainSidebar, expansionType];
+};
+//#endregion
+export { useHasChainExpansion };
+
+//# sourceMappingURL=useHasChainExpansion.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useHasChainExpansion.js","names":[],"sources":["../../../src/hooks/useHasChainExpansion.ts"],"sourcesContent":["import { useLocation } from '@tanstack/react-router'\nimport { useWidgetConfig } from '../providers/WidgetProvider/WidgetProvider.js'\nimport { ExpansionType } from '../types/widget.js'\nimport { navigationRoutes } from '../utils/navigationRoutes.js'\nimport { useSwapOnly } from './useSwapOnly.js'\n\nexport const useHasChainExpansion = (): readonly [\n  boolean,\n  ExpansionType | null,\n] => {\n  const { hiddenUI } = useWidgetConfig()\n  const swapOnly = useSwapOnly()\n  const { pathname } = useLocation()\n\n  const expansionType =\n    pathname === navigationRoutes.home\n      ? ExpansionType.Routes\n      : pathname.endsWith(navigationRoutes.fromToken)\n        ? ExpansionType.FromChain\n        : pathname.endsWith(navigationRoutes.toToken)\n          ? ExpansionType.ToChain\n          : null\n\n  const withChainExpansion =\n    (expansionType === ExpansionType.FromChain ||\n      expansionType === ExpansionType.ToChain) &&\n    !(swapOnly && expansionType === ExpansionType.ToChain) &&\n    !hiddenUI?.chainSelect &&\n    !hiddenUI?.chainSidebar\n\n  return [withChainExpansion, expansionType] as const\n}\n"],"mappings":";;;;;;AAMA,MAAa,6BAGR;CACH,MAAM,EAAE,aAAa,gBAAgB;CACrC,MAAM,WAAW,YAAY;CAC7B,MAAM,EAAE,aAAa,YAAY;CAEjC,MAAM,gBACJ,aAAa,iBAAiB,OAAA,WAE1B,SAAS,SAAS,iBAAiB,SAAS,IAAA,cAE1C,SAAS,SAAS,iBAAiB,OAAO,IAAA,YAExC;CASV,OAAO,EANJ,kBAAA,eACC,kBAAA,cACF,EAAE,YAAY,kBAAA,cACd,CAAC,UAAU,eACX,CAAC,UAAU,cAEe,aAAa;AAC3C"}

package/dist/esm/hooks/useHeader.js

@@ -0,0 +1,23 @@
+import { useHeaderStore } from "../stores/header/useHeaderStore.js";
+import { useEffect } from "react";
+//#region src/hooks/useHeader.ts
+function useHeader(title, action) {
+	const [setTitle, setAction] = useHeaderStore((state) => [state.setTitle, state.setAction]);
+	useEffect(() => {
+		const removeTitle = setTitle(title);
+		const removeAction = action ? setAction(action) : void 0;
+		return () => {
+			removeTitle();
+			if (removeAction) removeAction();
+		};
+	}, [
+		setTitle,
+		setAction,
+		action,
+		title
+	]);
+}
+//#endregion
+export { useHeader };
+
+//# sourceMappingURL=useHeader.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useHeader.js","names":[],"sources":["../../../src/hooks/useHeader.ts"],"sourcesContent":["import type { ReactNode } from 'react'\nimport { useEffect } from 'react'\nimport { useHeaderStore } from '../stores/header/useHeaderStore.js'\n\nexport function useHeader(title: string, action?: ReactNode): void {\n  const [setTitle, setAction] = useHeaderStore((state) => [\n    state.setTitle,\n    state.setAction,\n  ])\n\n  useEffect(() => {\n    const removeTitle = setTitle(title)\n    const removeAction = action ? setAction(action) : undefined\n    return () => {\n      removeTitle()\n      if (removeAction) {\n        removeAction()\n      }\n    }\n  }, [setTitle, setAction, action, title])\n}\n"],"mappings":";;;AAIA,SAAgB,UAAU,OAAe,QAA0B;CACjE,MAAM,CAAC,UAAU,aAAa,gBAAgB,UAAU,CACtD,MAAM,UACN,MAAM,SACR,CAAC;CAED,gBAAgB;EACd,MAAM,cAAc,SAAS,KAAK;EAClC,MAAM,eAAe,SAAS,UAAU,MAAM,IAAI,KAAA;EAClD,aAAa;GACX,YAAY;GACZ,IAAI,cACF,aAAa;EAEjB;CACF,GAAG;EAAC;EAAU;EAAW;EAAQ;CAAK,CAAC;AACzC"}

package/dist/esm/hooks/useInitializeSDKProviders.js

@@ -0,0 +1,15 @@
+import { useSDKClient } from "../providers/SDKClientProvider.js";
+import { useEffect } from "react";
+import { useSDKProviders } from "@lifi/widget-provider";
+//#region src/hooks/useInitializeSDKProviders.ts
+const useInitializeSDKProviders = () => {
+	const sdkProviders = useSDKProviders();
+	const sdkClient = useSDKClient();
+	useEffect(() => {
+		sdkClient.setProviders(sdkProviders);
+	}, [sdkClient, sdkProviders]);
+};
+//#endregion
+export { useInitializeSDKProviders };
+
+//# sourceMappingURL=useInitializeSDKProviders.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useInitializeSDKProviders.js","names":[],"sources":["../../../src/hooks/useInitializeSDKProviders.ts"],"sourcesContent":["import { useSDKProviders } from '@lifi/widget-provider'\nimport { useEffect } from 'react'\nimport { useSDKClient } from '../providers/SDKClientProvider.js'\n\nexport const useInitializeSDKProviders = (): void => {\n  const sdkProviders = useSDKProviders()\n  const sdkClient = useSDKClient()\n\n  useEffect(() => {\n    sdkClient.setProviders(sdkProviders)\n  }, [sdkClient, sdkProviders])\n}\n"],"mappings":";;;;AAIA,MAAa,kCAAwC;CACnD,MAAM,eAAe,gBAAgB;CACrC,MAAM,YAAY,aAAa;CAE/B,gBAAgB;EACd,UAAU,aAAa,YAAY;CACrC,GAAG,CAAC,WAAW,YAAY,CAAC;AAC9B"}

package/dist/esm/hooks/useInitializer.js

@@ -0,0 +1,19 @@
+import { name, version } from "../config/version.js";
+import { useTools } from "./useTools.js";
+import { checkPackageUpdates } from "@lifi/sdk";
+import { useEffect } from "react";
+//#region src/hooks/useInitializer.ts
+let checkedPackageUpdates = false;
+const useInitializer = () => {
+	useTools();
+	useEffect(() => {
+		if (!checkedPackageUpdates && process.env.NODE_ENV === "development") {
+			checkedPackageUpdates = true;
+			checkPackageUpdates(name, version);
+		}
+	}, []);
+};
+//#endregion
+export { useInitializer };
+
+//# sourceMappingURL=useInitializer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useInitializer.js","names":[],"sources":["../../../src/hooks/useInitializer.ts"],"sourcesContent":["import { checkPackageUpdates } from '@lifi/sdk'\nimport { useEffect } from 'react'\nimport { name, version } from '../config/version.js'\nimport { useTools } from './useTools.js'\n\nlet checkedPackageUpdates = false\n\nexport const useInitializer = (): void => {\n  useTools()\n  useEffect(() => {\n    if (!checkedPackageUpdates && process.env.NODE_ENV === 'development') {\n      checkedPackageUpdates = true\n      checkPackageUpdates(name, version)\n    }\n  }, [])\n}\n"],"mappings":";;;;;AAKA,IAAI,wBAAwB;AAE5B,MAAa,uBAA6B;CACxC,SAAS;CACT,gBAAgB;EACd,IAAI,CAAC,yBAAyB,QAAQ,IAAI,aAAa,eAAe;GACpE,wBAAwB;GACxB,oBAAoB,MAAM,OAAO;EACnC;CACF,GAAG,CAAC,CAAC;AACP"}

package/dist/esm/hooks/useIsBatchingSupported.js

@@ -0,0 +1,37 @@
+import { useWidgetConfig } from "../providers/WidgetProvider/WidgetProvider.js";
+import { useSDKClient } from "../providers/SDKClientProvider.js";
+import { getQueryKey } from "../utils/queries.js";
+import { ChainType } from "@lifi/sdk";
+import { useQuery } from "@tanstack/react-query";
+import { useEthereumContext } from "@lifi/widget-provider";
+//#region src/hooks/useIsBatchingSupported.ts
+function useIsBatchingSupported(chain, address) {
+	const { keyPrefix } = useWidgetConfig();
+	const sdkClient = useSDKClient();
+	const { isBatchingSupported } = useEthereumContext();
+	const enabled = Boolean(chain && chain.chainType === ChainType.EVM && !!address);
+	const { data, isLoading } = useQuery({
+		queryKey: [
+			getQueryKey("isBatchingSupported", keyPrefix),
+			chain?.id,
+			address
+		],
+		queryFn: () => {
+			return isBatchingSupported?.(sdkClient, {
+				chainId: chain.id,
+				skipReady: true
+			}) ?? false;
+		},
+		enabled,
+		staleTime: 36e5,
+		retry: false
+	});
+	return {
+		isBatchingSupported: data,
+		isBatchingSupportedLoading: enabled && isLoading
+	};
+}
+//#endregion
+export { useIsBatchingSupported };
+
+//# sourceMappingURL=useIsBatchingSupported.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useIsBatchingSupported.js","names":[],"sources":["../../../src/hooks/useIsBatchingSupported.ts"],"sourcesContent":["import type { ExtendedChain } from '@lifi/sdk'\nimport { ChainType } from '@lifi/sdk'\nimport { useEthereumContext } from '@lifi/widget-provider'\nimport { useQuery } from '@tanstack/react-query'\nimport { useSDKClient } from '../providers/SDKClientProvider.js'\nimport { useWidgetConfig } from '../providers/WidgetProvider/WidgetProvider.js'\nimport { getQueryKey } from '../utils/queries.js'\n\nexport function useIsBatchingSupported(\n  chain?: ExtendedChain,\n  address?: string\n): {\n  isBatchingSupported: boolean | undefined\n  isBatchingSupportedLoading: boolean\n} {\n  const { keyPrefix } = useWidgetConfig()\n  const sdkClient = useSDKClient()\n  const { isBatchingSupported } = useEthereumContext()\n\n  const enabled = Boolean(\n    chain && chain.chainType === ChainType.EVM && !!address\n  )\n  const { data, isLoading } = useQuery({\n    queryKey: [\n      getQueryKey('isBatchingSupported', keyPrefix),\n      chain?.id,\n      address,\n    ],\n    queryFn: () => {\n      return (\n        isBatchingSupported?.(sdkClient, {\n          chainId: chain!.id,\n          skipReady: true,\n        }) ?? false\n      )\n    },\n    enabled,\n    staleTime: 3_600_000,\n    retry: false,\n  })\n\n  return {\n    isBatchingSupported: data,\n    isBatchingSupportedLoading: enabled && isLoading,\n  }\n}\n"],"mappings":";;;;;;;AAQA,SAAgB,uBACd,OACA,SAIA;CACA,MAAM,EAAE,cAAc,gBAAgB;CACtC,MAAM,YAAY,aAAa;CAC/B,MAAM,EAAE,wBAAwB,mBAAmB;CAEnD,MAAM,UAAU,QACd,SAAS,MAAM,cAAc,UAAU,OAAO,CAAC,CAAC,OAClD;CACA,MAAM,EAAE,MAAM,cAAc,SAAS;EACnC,UAAU;GACR,YAAY,uBAAuB,SAAS;GAC5C,OAAO;GACP;EACF;EACA,eAAe;GACb,OACE,sBAAsB,WAAW;IAC/B,SAAS,MAAO;IAChB,WAAW;GACb,CAAC,KAAK;EAEV;EACA;EACA,WAAW;EACX,OAAO;CACT,CAAC;CAED,OAAO;EACL,qBAAqB;EACrB,4BAA4B,WAAW;CACzC;AACF"}

package/dist/esm/hooks/useIsContractAddress.js

@@ -0,0 +1,30 @@
+import { ChainType } from "@lifi/sdk";
+import { useQuery } from "@tanstack/react-query";
+import { useEthereumContext } from "@lifi/widget-provider";
+//#region src/hooks/useIsContractAddress.ts
+const useIsContractAddress = (address, chainId, chainType) => {
+	const { getBytecode } = useEthereumContext();
+	const { data: contractCode, isLoading, isFetched } = useQuery({
+		queryKey: [
+			"getBytecode",
+			address,
+			chainId
+		],
+		queryFn: async () => {
+			return await getBytecode?.(chainId, address) ?? null;
+		},
+		refetchInterval: 3e5,
+		staleTime: 3e5,
+		enabled: chainType === ChainType.EVM && !!chainId && !!address && !!getBytecode
+	});
+	return {
+		isContractAddress: !!contractCode,
+		contractCode: contractCode ?? void 0,
+		isLoading,
+		isFetched
+	};
+};
+//#endregion
+export { useIsContractAddress };
+
+//# sourceMappingURL=useIsContractAddress.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useIsContractAddress.js","names":[],"sources":["../../../src/hooks/useIsContractAddress.ts"],"sourcesContent":["import { ChainType } from '@lifi/sdk'\nimport { useEthereumContext } from '@lifi/widget-provider'\nimport { useQuery } from '@tanstack/react-query'\n\nexport const useIsContractAddress = (\n  address?: string,\n  chainId?: number,\n  chainType?: ChainType\n): {\n  isContractAddress: boolean\n  contractCode?: string\n  isLoading: boolean\n  isFetched: boolean\n} => {\n  const { getBytecode } = useEthereumContext()\n\n  const {\n    data: contractCode,\n    isLoading,\n    isFetched,\n  } = useQuery({\n    queryKey: ['getBytecode', address, chainId],\n    queryFn: async () => {\n      const code = await getBytecode?.(chainId!, address!)\n      return code ?? null\n    },\n    refetchInterval: 300_000,\n    staleTime: 300_000,\n    enabled:\n      chainType === ChainType.EVM && !!chainId && !!address && !!getBytecode,\n  })\n\n  return {\n    isContractAddress: !!contractCode,\n    contractCode: contractCode ?? undefined,\n    isLoading,\n    isFetched,\n  }\n}\n"],"mappings":";;;;AAIA,MAAa,wBACX,SACA,SACA,cAMG;CACH,MAAM,EAAE,gBAAgB,mBAAmB;CAE3C,MAAM,EACJ,MAAM,cACN,WACA,cACE,SAAS;EACX,UAAU;GAAC;GAAe;GAAS;EAAO;EAC1C,SAAS,YAAY;GAEnB,OAAO,MADY,cAAc,SAAU,OAAQ,KACpC;EACjB;EACA,iBAAiB;EACjB,WAAW;EACX,SACE,cAAc,UAAU,OAAO,CAAC,CAAC,WAAW,CAAC,CAAC,WAAW,CAAC,CAAC;CAC/D,CAAC;CAED,OAAO;EACL,mBAAmB,CAAC,CAAC;EACrB,cAAc,gBAAgB,KAAA;EAC9B;EACA;CACF;AACF"}

package/dist/esm/hooks/useLanguages.js

@@ -0,0 +1,53 @@
+import { allLanguages } from "../providers/I18nProvider/constants.js";
+import { loadLocale } from "../providers/I18nProvider/i18n.js";
+import { useSettingsActions } from "../stores/settings/useSettingsActions.js";
+import { useWidgetConfig } from "../providers/WidgetProvider/WidgetProvider.js";
+import { getConfigItemSets, isItemAllowedForSets } from "../utils/item.js";
+import { useSettings } from "../stores/settings/useSettings.js";
+import { useCallback, useMemo } from "react";
+import { useTranslation } from "react-i18next";
+//#region src/hooks/useLanguages.ts
+const useLanguages = () => {
+	const { i18n } = useTranslation();
+	const { languages: languagesConfig, languageResources } = useWidgetConfig();
+	const { language } = useSettings(["language"]);
+	const { setValues } = useSettingsActions();
+	const sortedLanguages = useMemo(() => {
+		const loadedLanguageKeys = Object.keys(i18n.store.data);
+		const allLanguagesWithCustom = [...new Set([...allLanguages, ...loadedLanguageKeys])];
+		let supportedLanguages = [];
+		if (!languagesConfig) supportedLanguages = allLanguagesWithCustom;
+		else {
+			const languagesConfigSets = getConfigItemSets(languagesConfig, (languages) => new Set(languages));
+			supportedLanguages = allLanguagesWithCustom.filter((language) => isItemAllowedForSets(language, languagesConfigSets));
+		}
+		return supportedLanguages.sort();
+	}, [languagesConfig, i18n.store.data]);
+	const handleLanguageChange = useCallback(async (languageKey) => {
+		let newLanguageCache;
+		if (!i18n.hasResourceBundle(languageKey, "translation") && languageKey !== "en") await loadLocale(languageKey, languageResources?.[languageKey]).then((languageResource) => {
+			i18n.addResourceBundle(languageKey, "translation", languageResource, true, true);
+			newLanguageCache = languageResource;
+		});
+		else newLanguageCache = i18n.getResourceBundle(languageKey, "translation");
+		setValues({
+			language: languageKey,
+			languageCache: newLanguageCache
+		});
+		if (languageKey !== i18n.language) await i18n.changeLanguage(languageKey);
+	}, [
+		i18n,
+		languageResources,
+		setValues
+	]);
+	const selectedLanguage = language || i18n.resolvedLanguage || "";
+	return {
+		availableLanguages: sortedLanguages,
+		selectedLanguageCode: sortedLanguages.includes(selectedLanguage) ? selectedLanguage : languagesConfig?.default || "en",
+		setLanguageWithCode: handleLanguageChange
+	};
+};
+//#endregion
+export { useLanguages };
+
+//# sourceMappingURL=useLanguages.js.map

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

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

package/dist/esm/hooks/useListHeight.js

@@ -0,0 +1,52 @@
+import { getAppContainer, getHeaderElement, getScrollableContainer } from "../utils/elements.js";
+import { useDefaultElementId } from "./useDefaultElementId.js";
+import { useLayoutEffect, useState } from "react";
+import { debounce, useTheme } from "@mui/material";
+//#region src/hooks/useListHeight.ts
+const getContentHeight = (elementId, listParentRef) => {
+	const containerElement = getScrollableContainer(elementId);
+	const headerElement = getHeaderElement(elementId);
+	const listParentElement = listParentRef?.current;
+	let oldHeight;
+	if (listParentElement) {
+		oldHeight = listParentElement.style.height;
+		listParentElement.style.height = "0";
+	}
+	if (!containerElement || !headerElement) {
+		console.warn(`Can't find widget-scrollable-container or widget-header id.`);
+		return 0;
+	}
+	const { height: containerHeight } = containerElement.getBoundingClientRect();
+	const { height: headerHeight } = headerElement.getBoundingClientRect();
+	if (listParentElement && oldHeight) listParentElement.style.height = oldHeight;
+	return containerHeight - headerHeight;
+};
+const defaultMinListHeight = 360;
+const minMobileListHeight = 160;
+const useListHeight = ({ listParentRef, headerRef }) => {
+	const elementId = useDefaultElementId() ?? "";
+	const [contentHeight, setContentHeight] = useState(0);
+	const theme = useTheme();
+	useLayoutEffect(() => {
+		const handleResize = () => {
+			setContentHeight(getContentHeight(elementId, listParentRef));
+		};
+		const processResize = debounce(() => handleResize(), 40);
+		handleResize();
+		const appContainer = getAppContainer(elementId);
+		let resizeObserver;
+		if (appContainer) {
+			resizeObserver = new ResizeObserver(processResize);
+			resizeObserver.observe(appContainer);
+		}
+		return () => {
+			if (resizeObserver) resizeObserver.disconnect();
+		};
+	}, [elementId, listParentRef]);
+	const minListHeight = theme.container?.height === "100%" ? minMobileListHeight : defaultMinListHeight;
+	return { listHeight: Math.max(contentHeight - (headerRef?.current?.offsetHeight ?? 0), minListHeight) };
+};
+//#endregion
+export { useListHeight };
+
+//# sourceMappingURL=useListHeight.js.map

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

@@ -0,0 +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"}

package/dist/esm/hooks/useLongPress.js

@@ -0,0 +1,40 @@
+import { useCallback, useRef } from "react";
+//#region src/hooks/useLongPress.ts
+const useLongPress = (callback = () => {}, ms = 500) => {
+	const timerRef = useRef(null);
+	const isPressedRef = useRef(false);
+	const startPosRef = useRef(null);
+	const start = useCallback((e) => {
+		isPressedRef.current = true;
+		startPosRef.current = {
+			x: e.clientX,
+			y: e.clientY
+		};
+		timerRef.current = setTimeout(() => {
+			if (isPressedRef.current) callback();
+		}, ms);
+	}, [callback, ms]);
+	const clear = useCallback(() => {
+		isPressedRef.current = false;
+		startPosRef.current = null;
+		if (timerRef.current) clearTimeout(timerRef.current);
+	}, []);
+	return {
+		onPointerDown: start,
+		onPointerUp: clear,
+		onPointerLeave: clear,
+		onPointerCancel: clear,
+		onPointerMove: useCallback((e) => {
+			if (isPressedRef.current && startPosRef.current) {
+				const dx = Math.abs(e.clientX - startPosRef.current.x);
+				const dy = Math.abs(e.clientY - startPosRef.current.y);
+				const limit = 25;
+				if (dx > limit || dy > limit) clear();
+			}
+		}, [clear])
+	};
+};
+//#endregion
+export { useLongPress };
+
+//# sourceMappingURL=useLongPress.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useLongPress.js","names":[],"sources":["../../../src/hooks/useLongPress.ts"],"sourcesContent":["import { useCallback, useRef } from 'react'\n\nexport const useLongPress = (\n  callback: () => void = () => {},\n  ms: number = 500\n): {\n  onPointerDown: (e: React.PointerEvent) => void\n  onPointerUp: () => void\n  onPointerLeave: () => void\n  onPointerCancel: () => void\n  onPointerMove: (e: React.PointerEvent) => void\n} => {\n  const timerRef = useRef<NodeJS.Timeout | null>(null)\n  const isPressedRef = useRef(false)\n  const startPosRef = useRef<{ x: number; y: number } | null>(null)\n\n  const start = useCallback(\n    (e: React.PointerEvent) => {\n      isPressedRef.current = true\n      startPosRef.current = { x: e.clientX, y: e.clientY }\n      timerRef.current = setTimeout(() => {\n        if (isPressedRef.current) {\n          callback()\n        }\n      }, ms)\n    },\n    [callback, ms]\n  )\n\n  const clear = useCallback(() => {\n    isPressedRef.current = false\n    startPosRef.current = null\n    if (timerRef.current) {\n      clearTimeout(timerRef.current)\n    }\n  }, [])\n\n  // Based on https://github.com/minwork/react/tree/main/packages/use-long-press\n  const move = useCallback(\n    (e: React.PointerEvent) => {\n      if (isPressedRef.current && startPosRef.current) {\n        const dx = Math.abs(e.clientX - startPosRef.current.x)\n        const dy = Math.abs(e.clientY - startPosRef.current.y)\n        const limit = 25\n        if (dx > limit || dy > limit) {\n          clear() // cancel on movement\n        }\n      }\n    },\n    [clear]\n  )\n\n  return {\n    onPointerDown: start,\n    onPointerUp: clear,\n    onPointerLeave: clear,\n    onPointerCancel: clear,\n    onPointerMove: move,\n  }\n}\n"],"mappings":";;AAEA,MAAa,gBACX,iBAA6B,CAAC,GAC9B,KAAa,QAOV;CACH,MAAM,WAAW,OAA8B,IAAI;CACnD,MAAM,eAAe,OAAO,KAAK;CACjC,MAAM,cAAc,OAAwC,IAAI;CAEhE,MAAM,QAAQ,aACX,MAA0B;EACzB,aAAa,UAAU;EACvB,YAAY,UAAU;GAAE,GAAG,EAAE;GAAS,GAAG,EAAE;EAAQ;EACnD,SAAS,UAAU,iBAAiB;GAClC,IAAI,aAAa,SACf,SAAS;EAEb,GAAG,EAAE;CACP,GACA,CAAC,UAAU,EAAE,CACf;CAEA,MAAM,QAAQ,kBAAkB;EAC9B,aAAa,UAAU;EACvB,YAAY,UAAU;EACtB,IAAI,SAAS,SACX,aAAa,SAAS,OAAO;CAEjC,GAAG,CAAC,CAAC;CAiBL,OAAO;EACL,eAAe;EACf,aAAa;EACb,gBAAgB;EAChB,iBAAiB;EACjB,eAnBW,aACV,MAA0B;GACzB,IAAI,aAAa,WAAW,YAAY,SAAS;IAC/C,MAAM,KAAK,KAAK,IAAI,EAAE,UAAU,YAAY,QAAQ,CAAC;IACrD,MAAM,KAAK,KAAK,IAAI,EAAE,UAAU,YAAY,QAAQ,CAAC;IACrD,MAAM,QAAQ;IACd,IAAI,KAAK,SAAS,KAAK,OACrB,MAAM;GAEV;EACF,GACA,CAAC,KAAK,CAQY;CACpB;AACF"}

package/dist/esm/hooks/useNavigateBack.js

@@ -0,0 +1,18 @@
+import { navigationRoutes } from "../utils/navigationRoutes.js";
+import { useCallback } from "react";
+import { useRouter } from "@tanstack/react-router";
+//#region src/hooks/useNavigateBack.ts
+const useNavigateBack = () => {
+	const router = useRouter();
+	return useCallback(() => {
+		if (router.history.length > 1) router.history.go(-1);
+		else router.navigate({
+			to: navigationRoutes.home,
+			replace: true
+		});
+	}, [router]);
+};
+//#endregion
+export { useNavigateBack };
+
+//# sourceMappingURL=useNavigateBack.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useNavigateBack.js","names":[],"sources":["../../../src/hooks/useNavigateBack.ts"],"sourcesContent":["import { useRouter } from '@tanstack/react-router'\nimport { useCallback } from 'react'\nimport { navigationRoutes } from '../utils/navigationRoutes.js'\n\nexport const useNavigateBack = (): (() => void) => {\n  const router = useRouter()\n\n  const navigateBack = useCallback(() => {\n    if (router.history.length > 1) {\n      router.history.go(-1)\n    } else {\n      router.navigate({ to: navigationRoutes.home, replace: true })\n    }\n  }, [router])\n\n  return navigateBack\n}\n"],"mappings":";;;;AAIA,MAAa,wBAAsC;CACjD,MAAM,SAAS,UAAU;CAUzB,OARqB,kBAAkB;EACrC,IAAI,OAAO,QAAQ,SAAS,GAC1B,OAAO,QAAQ,GAAG,EAAE;OAEpB,OAAO,SAAS;GAAE,IAAI,iBAAiB;GAAM,SAAS;EAAK,CAAC;CAEhE,GAAG,CAAC,MAAM,CAEQ;AACpB"}

package/dist/esm/hooks/usePacedRouteExecution.js

@@ -0,0 +1,30 @@
+import { useRouteExecution } from "./useRouteExecution.js";
+import { usePacedValue } from "./usePacedValue.js";
+import { useMemo } from "react";
+//#region src/hooks/usePacedRouteExecution.ts
+/**
+* Wraps {@link useRouteExecution} and paces `route`/`status` so the
+* `ExecutionStatusCard` animation has time to play between updates. Only the
+* display is paced — events and store writes happen at the SDK's real speed.
+*/
+function usePacedRouteExecution({ routeId, onAcceptExchangeRateUpdate }) {
+	const { executeRoute, restartRoute, deleteRoute, route, status } = useRouteExecution({
+		routeId,
+		onAcceptExchangeRateUpdate
+	});
+	const display = usePacedValue(useMemo(() => ({
+		route,
+		status
+	}), [route, status]), status !== 1);
+	return {
+		executeRoute,
+		restartRoute,
+		deleteRoute,
+		route: display.route,
+		status: display.status
+	};
+}
+//#endregion
+export { usePacedRouteExecution };
+
+//# sourceMappingURL=usePacedRouteExecution.js.map

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

@@ -0,0 +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"}

package/dist/esm/hooks/usePacedValue.js

@@ -0,0 +1,42 @@
+import { useEffect, useRef, useState } from "react";
+//#region src/hooks/usePacedValue.ts
+/** Smallest gap between UI updates, in milliseconds. */
+const DISPLAY_INTERVAL = 1200;
+/**
+* Returns `live`, but changes it at most once every {@link DISPLAY_INTERVAL}
+* milliseconds. If `live` changes several times within that window, only the
+* newest value is shown.
+*
+* Set `paced` to `false` to turn this off and update on every change.
+*/
+function usePacedValue(live, paced = true) {
+	const [value, setValue] = useState(live);
+	const shown = useRef(live);
+	const windowStart = useRef(0);
+	const timer = useRef(void 0);
+	useEffect(() => {
+		if (live === shown.current) return;
+		if (!paced) {
+			shown.current = live;
+			setValue(live);
+			return;
+		}
+		const show = () => {
+			windowStart.current = Date.now();
+			shown.current = live;
+			setValue(live);
+		};
+		const remaining = windowStart.current + DISPLAY_INTERVAL - Date.now();
+		if (remaining <= 0) {
+			show();
+			return;
+		}
+		timer.current = setTimeout(show, remaining);
+		return () => clearTimeout(timer.current);
+	}, [live, paced]);
+	return value;
+}
+//#endregion
+export { usePacedValue };
+
+//# sourceMappingURL=usePacedValue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"usePacedValue.js","names":[],"sources":["../../../src/hooks/usePacedValue.ts"],"sourcesContent":["import { useEffect, useRef, useState } from 'react'\n\n/** Smallest gap between UI updates, in milliseconds. */\nconst DISPLAY_INTERVAL = 1200\n\n/**\n * Returns `live`, but changes it at most once every {@link DISPLAY_INTERVAL}\n * milliseconds. If `live` changes several times within that window, only the\n * newest value is shown.\n *\n * Set `paced` to `false` to turn this off and update on every change.\n */\nexport function usePacedValue<T>(live: T, paced = true): T {\n  const [value, setValue] = useState(live)\n\n  const shown = useRef(live)\n  // 0 so the first update shows immediately, then throttles.\n  const windowStart = useRef(0)\n  const timer = useRef<ReturnType<typeof setTimeout> | undefined>(undefined)\n\n  useEffect(() => {\n    if (live === shown.current) {\n      return\n    }\n    if (!paced) {\n      shown.current = live\n      setValue(live)\n      return\n    }\n    const show = () => {\n      windowStart.current = Date.now()\n      shown.current = live\n      setValue(live)\n    }\n    const remaining = windowStart.current + DISPLAY_INTERVAL - Date.now()\n    if (remaining <= 0) {\n      show()\n      return\n    }\n    timer.current = setTimeout(show, remaining)\n    return () => clearTimeout(timer.current)\n  }, [live, paced])\n\n  return value\n}\n"],"mappings":";;;AAGA,MAAM,mBAAmB;;;;;;;;AASzB,SAAgB,cAAiB,MAAS,QAAQ,MAAS;CACzD,MAAM,CAAC,OAAO,YAAY,SAAS,IAAI;CAEvC,MAAM,QAAQ,OAAO,IAAI;CAEzB,MAAM,cAAc,OAAO,CAAC;CAC5B,MAAM,QAAQ,OAAkD,KAAA,CAAS;CAEzE,gBAAgB;EACd,IAAI,SAAS,MAAM,SACjB;EAEF,IAAI,CAAC,OAAO;GACV,MAAM,UAAU;GAChB,SAAS,IAAI;GACb;EACF;EACA,MAAM,aAAa;GACjB,YAAY,UAAU,KAAK,IAAI;GAC/B,MAAM,UAAU;GAChB,SAAS,IAAI;EACf;EACA,MAAM,YAAY,YAAY,UAAU,mBAAmB,KAAK,IAAI;EACpE,IAAI,aAAa,GAAG;GAClB,KAAK;GACL;EACF;EACA,MAAM,UAAU,WAAW,MAAM,SAAS;EAC1C,aAAa,aAAa,MAAM,OAAO;CACzC,GAAG,CAAC,MAAM,KAAK,CAAC;CAEhB,OAAO;AACT"}