npm - @lifi/widget - Versions diffs - 4.0.0-beta.13 → 4.0.0-beta.17 - Mend

@lifi/widget 4.0.0-beta.13 → 4.0.0-beta.17

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (289) hide show

package/dist/esm/hooks/useHasChainExpansion.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import { useWidgetConfig } from "../providers/WidgetProvider/WidgetProvider.js";
-import { ExpansionType, HiddenUI } from "../types/widget.js";
+import "../types/widget.js";
 import { navigationRoutes } from "../utils/navigationRoutes.js";
 import { useSwapOnly } from "./useSwapOnly.js";
 import { useLocation } from "@tanstack/react-router";
@@ -8,8 +8,8 @@ const useHasChainExpansion = () => {
 	const { hiddenUI, subvariantOptions } = useWidgetConfig();
 	const swapOnly = useSwapOnly();
 	const { pathname } = useLocation();
-	const expansionType = pathname === navigationRoutes.home ? ExpansionType.Routes : pathname.endsWith(navigationRoutes.fromToken) ? ExpansionType.FromChain : pathname.endsWith(navigationRoutes.toToken) ? ExpansionType.ToChain : null;
-	return [(expansionType === ExpansionType.FromChain || expansionType === ExpansionType.ToChain) && !(swapOnly && expansionType === ExpansionType.ToChain) && !hiddenUI?.includes(HiddenUI.ChainSelect) && !subvariantOptions?.wide?.disableChainSidebar, expansionType];
+	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?.includes("chainSelect") && !subvariantOptions?.wide?.disableChainSidebar, expansionType];
 };
 //#endregion
 export { useHasChainExpansion };

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

	@@ -1 +1 @@
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, HiddenUI } 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, subvariantOptions } = 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?.includes(HiddenUI.ChainSelect) &&\n !subvariantOptions?.wide?.disableChainSidebar\n\n return [withChainExpansion, expansionType] as const\n}\n"],"mappings":";;;;;;AAMA,MAAa,6BAGR;CACH,MAAM,EAAE,UAAU,sBAAsB,iBAAiB;CACzD,MAAM,WAAW,aAAa;CAC9B,MAAM,EAAE,aAAa,aAAa;CAElC,MAAM,gBACJ,aAAa,iBAAiB,~~OAC1B~~,~~cAAc~~,~~SACd,~~SAAS,SAAS,iBAAiB,UAAU,~~GAC3C~~,~~cAAc~~,~~YACd,~~SAAS,SAAS,iBAAiB,QAAQ,~~GACzC~~,~~cAAc,UACd~~;AASV,QAAO,EANJ,~~kBAAkB~~,~~cAAc~~,~~aAC/B~~,~~kBAAkB~~,~~cAAc,YAClC,~~EAAE,YAAY,~~kBAAkB~~,~~cAAc~~,~~YAC9C,~~CAAC,UAAU,~~SAAS~~,~~SAAS~~,~~YAAY,~~IACzC,CAAC,mBAAmB,MAAM,qBAEA,cAAc"}
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, HiddenUI } 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, subvariantOptions } = 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?.includes(HiddenUI.ChainSelect) &&\n !subvariantOptions?.wide?.disableChainSidebar\n\n return [withChainExpansion, expansionType] as const\n}\n"],"mappings":";;;;;;AAMA,MAAa,6BAGR;CACH,MAAM,EAAE,UAAU,sBAAsB,iBAAiB;CACzD,MAAM,WAAW,aAAa;CAC9B,MAAM,EAAE,aAAa,aAAa;CAElC,MAAM,gBACJ,aAAa,iBAAiB,OAAA,WAE1B,SAAS,SAAS,iBAAiB,UAAU,GAAA,cAE3C,SAAS,SAAS,iBAAiB,QAAQ,GAAA,YAEzC;AASV,QAAO,EANJ,kBAAA,eACC,kBAAA,cACF,EAAE,YAAY,kBAAA,cACd,CAAC,UAAU,SAAA,cAA8B,IACzC,CAAC,mBAAmB,MAAM,qBAEA,cAAc"}

package/dist/esm/hooks/useListHeight.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { ElementId, getAppContainer, getHeaderElement, getScrollableContainer } from "../utils/elements.js";
+import { getAppContainer, getHeaderElement, getScrollableContainer } from "../utils/elements.js";
 import { useDefaultElementId } from "./useDefaultElementId.js";
 import { useLayoutEffect, useState } from "react";
 import { debounce, useTheme } from "@mui/material";
@@ -13,7 +13,7 @@ const getContentHeight = (elementId, listParentRef) => {
 		listParentElement.style.height = "0";
 	}
 	if (!containerElement || !headerElement) {
-		console.warn(`Can't find ${ElementId.ScrollableContainer} or ${ElementId.Header} id.`);
+		console.warn(`Can't find widget-scrollable-container or widget-header id.`);
 		return 0;
 	}
 	const { height: containerHeight } = containerElement.getBoundingClientRect();

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

	@@ -1 +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,UAAU;CAE1D,MAAM,gBAAgB,iBAAiB,UAAU;CAEjD,MAAM,oBAAoB,eAAe;CAEzC,IAAI;AAIJ,KAAI,mBAAmB;AACrB,cAAY,kBAAkB,MAAM;AACpC,oBAAkB,MAAM,SAAS;;AAGnC,KAAI,CAAC,oBAAoB,CAAC,eAAe;AACvC,UAAQ,KACN,~~cAAc,UAAU,oBAAoB,MAAM,UAAU,OAAO,MACpE~~;AACD,SAAO;;CAET,MAAM,EAAE,QAAQ,oBAAoB,iBAAiB,uBAAuB;CAC5E,MAAM,EAAE,QAAQ,iBAAiB,cAAc,uBAAuB;AAItE,KAAI,qBAAqB,UACvB,mBAAkB,MAAM,SAAS;AAGnC,QAAO,kBAAkB;;AAQ3B,MAAM,uBAAuB;AAC7B,MAAM,sBAAsB;AAM5B,MAAa,iBAAiB,EAC5B,eACA,gBACmD;CACnD,MAAM,YAAY,qBAAqB,IAAI;CAC3C,MAAM,CAAC,eAAe,oBAAoB,SAAiB,EAAE;CAC7D,MAAM,QAAQ,UAAU;AAExB,uBAAsB;EACpB,MAAM,qBAAqB;AACzB,oBAAiB,iBAAiB,WAAW,cAAc,CAAC;;EAG9D,MAAM,gBAAgB,eAAe,cAAc,EAAE,GAAG;AAGxD,gBAAc;EAEd,MAAM,eAAe,gBAAgB,UAAU;EAE/C,IAAI;AACJ,MAAI,cAAc;AAChB,oBAAiB,IAAI,eAAe,cAAc;AAClD,kBAAe,QAAQ,aAAa;;AAGtC,eAAa;AACX,OAAI,eACF,gBAAe,YAAY;;IAG9B,CAAC,WAAW,cAAc,CAAC;CAE9B,MAAM,gBACJ,MAAM,WAAW,WAAW,SACxB,sBACA;AAON,QAAO,EACL,YANiB,KAAK,IACtB,iBAAiB,WAAW,SAAS,gBAAgB,IACrD,cACD,EAIA"}
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,UAAU;CAE1D,MAAM,gBAAgB,iBAAiB,UAAU;CAEjD,MAAM,oBAAoB,eAAe;CAEzC,IAAI;AAIJ,KAAI,mBAAmB;AACrB,cAAY,kBAAkB,MAAM;AACpC,oBAAkB,MAAM,SAAS;;AAGnC,KAAI,CAAC,oBAAoB,CAAC,eAAe;AACvC,UAAQ,KACN,8DACD;AACD,SAAO;;CAET,MAAM,EAAE,QAAQ,oBAAoB,iBAAiB,uBAAuB;CAC5E,MAAM,EAAE,QAAQ,iBAAiB,cAAc,uBAAuB;AAItE,KAAI,qBAAqB,UACvB,mBAAkB,MAAM,SAAS;AAGnC,QAAO,kBAAkB;;AAQ3B,MAAM,uBAAuB;AAC7B,MAAM,sBAAsB;AAM5B,MAAa,iBAAiB,EAC5B,eACA,gBACmD;CACnD,MAAM,YAAY,qBAAqB,IAAI;CAC3C,MAAM,CAAC,eAAe,oBAAoB,SAAiB,EAAE;CAC7D,MAAM,QAAQ,UAAU;AAExB,uBAAsB;EACpB,MAAM,qBAAqB;AACzB,oBAAiB,iBAAiB,WAAW,cAAc,CAAC;;EAG9D,MAAM,gBAAgB,eAAe,cAAc,EAAE,GAAG;AAGxD,gBAAc;EAEd,MAAM,eAAe,gBAAgB,UAAU;EAE/C,IAAI;AACJ,MAAI,cAAc;AAChB,oBAAiB,IAAI,eAAe,cAAc;AAClD,kBAAe,QAAQ,aAAa;;AAGtC,eAAa;AACX,OAAI,eACF,gBAAe,YAAY;;IAG9B,CAAC,WAAW,cAAc,CAAC;CAE9B,MAAM,gBACJ,MAAM,WAAW,WAAW,SACxB,sBACA;AAON,QAAO,EACL,YANiB,KAAK,IACtB,iBAAiB,WAAW,SAAS,gBAAgB,IACrD,cACD,EAIA"}

package/dist/esm/hooks/useRouteExecution.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import { useWidgetEvents } from "./useWidgetEvents.js";
-import { WidgetEvent } from "../types/events.js";
+import "../types/events.js";
 import { useWidgetConfig } from "../providers/WidgetProvider/WidgetProvider.js";
 import { useSDKClient } from "../providers/SDKClientProvider.js";
 import { getQueryKey } from "../utils/queries.js";
@@ -26,14 +26,14 @@ const useRouteExecution = ({ routeId, executeInBackground, onAcceptExchangeRateU
 		const clonedUpdatedRoute = structuredClone(updatedRoute);
 		updateRoute(clonedUpdatedRoute);
 		const action = getUpdatedAction(routeExecution.route, clonedUpdatedRoute);
-		if (action) emitter.emit(WidgetEvent.RouteExecutionUpdated, {
+		if (action) emitter.emit("routeExecutionUpdated", {
 			route: clonedUpdatedRoute,
 			action
 		});
 		const executionCompleted = isRouteDone(clonedUpdatedRoute);
 		const executionFailed = isRouteFailed(clonedUpdatedRoute);
-		if (executionCompleted) emitter.emit(WidgetEvent.RouteExecutionCompleted, clonedUpdatedRoute);
-		if (executionFailed && action) emitter.emit(WidgetEvent.RouteExecutionFailed, {
+		if (executionCompleted) emitter.emit("routeExecutionCompleted", clonedUpdatedRoute);
+		if (executionFailed && action) emitter.emit("routeExecutionFailed", {
 			route: clonedUpdatedRoute,
 			action
 		});
@@ -81,7 +81,7 @@ const useRouteExecution = ({ routeId, executeInBackground, onAcceptExchangeRateU
 		},
 		onMutate: () => {
 			console.log("Execution started.", routeId);
-			if (routeExecution) emitter.emit(WidgetEvent.RouteExecutionStarted, routeExecution.route);
+			if (routeExecution) emitter.emit("routeExecutionStarted", routeExecution.route);
 		}
 	});
 	const resumeRouteMutation = useMutation({

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

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

package/dist/esm/hooks/useRoutes.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import { useWidgetEvents } from "./useWidgetEvents.js";
-import { WidgetEvent } from "../types/events.js";
+import "../types/events.js";
 import { useWidgetConfig } from "../providers/WidgetProvider/WidgetProvider.js";
 import { useSwapOnly } from "./useSwapOnly.js";
 import { useFieldValues } from "../stores/form/useFieldValues.js";
@@ -247,15 +247,15 @@ const useRoutes = ({ observableRoute } = {}) => {
 			const initialRoutes = routesResult?.routes ?? [];
 			if (shouldUseRelayerQuote && initialRoutes.length) {
 				setIntermediateRoutes(queryKey, initialRoutes);
-				emitter.emit(WidgetEvent.AvailableRoutes, initialRoutes);
+				emitter.emit("availableRoutes", initialRoutes);
 			} else if (shouldUseMainRoutes) {
-				emitter.emit(WidgetEvent.AvailableRoutes, initialRoutes);
+				emitter.emit("availableRoutes", initialRoutes);
 				return initialRoutes;
 			}
 			const relayerRouteResult = await relayerQuotePromise;
 			if (relayerRouteResult) {
 				initialRoutes.splice(1, 0, relayerRouteResult);
-				emitter.emit(WidgetEvent.AvailableRoutes, initialRoutes);
+				emitter.emit("availableRoutes", initialRoutes);
 			}
 			return initialRoutes;
 		},

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

	@@ -1 +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 { 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 subvariant,\n subvariantOptions,\n contractTool,\n bridges,\n exchanges,\n fee,\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 {\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 const [\n fromChainId,\n fromTokenAddress,\n toAddress,\n toTokenAmount,\n toChainId,\n toTokenAddress,\n contractCalls,\n ] = useFieldValues(\n 'fromChain',\n 'fromToken',\n 'toAddress',\n 'toAmount',\n 'toChain',\n 'toToken',\n 'contractCalls'\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 const hasAmount = Number(fromTokenAmount) > 0 \|\| Number(toTokenAmount) > 0\n\n const contractCallQuoteEnabled: boolean =\n subvariant === '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 contractCalls,\n slippage,\n swapOnly,\n disabledBridges,\n disabledExchanges,\n allowedBridges,\n allowedExchanges,\n routePriority,\n subvariant,\n allowSwitchChain,\n enabledRefuel && enabledAutoRefuel,\n gasRecommendationFromAmount,\n feeConfig?.fee \|\| fee,\n disableMessageSigning,\n !!isBatchingSupported,\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 contractCalls,\n slippage,\n swapOnly,\n disabledBridges,\n disabledExchanges,\n allowedBridges,\n allowedExchanges,\n routePriority,\n subvariant,\n allowSwitchChain,\n enabledRefuel,\n enabledAutoRefuel,\n gasRecommendationFromAmount,\n feeConfig?.fee,\n fee,\n disableMessageSigning,\n isBatchingSupported,\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 contractCalls,\n slippage = defaultSlippage,\n swapOnly,\n disabledBridges,\n disabledExchanges,\n allowedBridges,\n allowedExchanges,\n routePriority,\n subvariant,\n allowSwitchChain,\n enabledRefuel,\n gasRecommendationFromAmount,\n fee,\n disableMessageSigning,\n isBatchingSupported,\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 = parseUnits(toTokenAmount, toToken!.decimals)\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 (subvariant === '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 \|\| fee,\n },\n { signal }\n )\n\n contractCallQuote.action.toToken = toToken!\n\n const customStep =\n subvariant === '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 subvariant is custom and subvariantOptions is deposit\n if (\n fromChainId === toChainId &&\n fromTokenAddress === toTokenAddress &&\n !(subvariant === 'custom' && subvariantOptions?.custom === '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 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 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 options: {\n allowSwitchChain:\n subvariant === '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 \|\| fee,\n executionType: disableMessageSigning ? 'transaction' : 'all',\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 \|\| fee,\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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"}
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 { 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 subvariant,\n subvariantOptions,\n contractTool,\n bridges,\n exchanges,\n fee,\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 {\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 const [\n fromChainId,\n fromTokenAddress,\n toAddress,\n toTokenAmount,\n toChainId,\n toTokenAddress,\n contractCalls,\n ] = useFieldValues(\n 'fromChain',\n 'fromToken',\n 'toAddress',\n 'toAmount',\n 'toChain',\n 'toToken',\n 'contractCalls'\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 const hasAmount = Number(fromTokenAmount) > 0 \|\| Number(toTokenAmount) > 0\n\n const contractCallQuoteEnabled: boolean =\n subvariant === '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 contractCalls,\n slippage,\n swapOnly,\n disabledBridges,\n disabledExchanges,\n allowedBridges,\n allowedExchanges,\n routePriority,\n subvariant,\n allowSwitchChain,\n enabledRefuel && enabledAutoRefuel,\n gasRecommendationFromAmount,\n feeConfig?.fee \|\| fee,\n disableMessageSigning,\n !!isBatchingSupported,\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 contractCalls,\n slippage,\n swapOnly,\n disabledBridges,\n disabledExchanges,\n allowedBridges,\n allowedExchanges,\n routePriority,\n subvariant,\n allowSwitchChain,\n enabledRefuel,\n enabledAutoRefuel,\n gasRecommendationFromAmount,\n feeConfig?.fee,\n fee,\n disableMessageSigning,\n isBatchingSupported,\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 contractCalls,\n slippage = defaultSlippage,\n swapOnly,\n disabledBridges,\n disabledExchanges,\n allowedBridges,\n allowedExchanges,\n routePriority,\n subvariant,\n allowSwitchChain,\n enabledRefuel,\n gasRecommendationFromAmount,\n fee,\n disableMessageSigning,\n isBatchingSupported,\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 = parseUnits(toTokenAmount, toToken!.decimals)\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 (subvariant === '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 \|\| fee,\n },\n { signal }\n )\n\n contractCallQuote.action.toToken = toToken!\n\n const customStep =\n subvariant === '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 subvariant is custom and subvariantOptions is deposit\n if (\n fromChainId === toChainId &&\n fromTokenAddress === toTokenAddress &&\n !(subvariant === 'custom' && subvariantOptions?.custom === '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 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 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 options: {\n allowSwitchChain:\n subvariant === '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 \|\| fee,\n executionType: disableMessageSigning ? 'transaction' : 'all',\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 \|\| fee,\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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"}

package/dist/esm/hooks/useToAddressRequirements.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import { useWidgetConfig } from "../providers/WidgetProvider/WidgetProvider.js";
-import { HiddenUI, RequiredUI } from "../types/widget.js";
+import "../types/widget.js";
 import { useFieldValues } from "../stores/form/useFieldValues.js";
 import { useChain } from "./useChain.js";
 import { useIsContractAddress } from "./useIsContractAddress.js";
@@ -21,7 +21,7 @@ const useToAddressRequirements = (route) => {
 	const { isContractAddress: isToContractAddress, isLoading: isToContractLoading, isFetched: isToContractFetched } = useIsContractAddress(toAddress, toChainId, toChain?.chainType);
 	const isDifferentChainType = fromChain && toChain && fromChain.chainType !== toChain.chainType;
 	const fromContractCodeHasDelegationIndicator = isDelegationDesignatorCode?.(fromContractCode);
-	const requiredToAddress = Boolean((isDifferentChainType || isFromContractAddress && fromChainId !== toChainId && !fromContractCodeHasDelegationIndicator || requiredUI?.includes(RequiredUI.ToAddress)) && !hiddenUI?.includes(HiddenUI.ToAddress));
+	const requiredToAddress = Boolean((isDifferentChainType || isFromContractAddress && fromChainId !== toChainId && !fromContractCodeHasDelegationIndicator || requiredUI?.includes("toAddress")) && !hiddenUI?.includes("toAddress"));
 	const accountNotDeployedAtDestination = Boolean(isFromContractAddress && !fromContractCodeHasDelegationIndicator && !isToContractAddress && fromAddress?.toLowerCase() === toAddress?.toLowerCase());
 	const accountDeployedAtDestination = Boolean(isFromContractAddress && isToContractAddress && !fromContractCodeHasDelegationIndicator && fromAddress?.toLowerCase() === toAddress?.toLowerCase());
 	return {

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

	@@ -1 +1 @@
1	- {"version":3,"file":"useToAddressRequirements.js","names":[],"sources":["../../../src/hooks/useToAddressRequirements.ts"],"sourcesContent":["import type { ChainType, RouteExtended } from '@lifi/sdk'\nimport { useAccount } from '@lifi/wallet-management'\nimport { useEthereumContext } from '@lifi/widget-provider'\nimport { useChain } from '../hooks/useChain.js'\nimport { useWidgetConfig } from '../providers/WidgetProvider/WidgetProvider.js'\nimport { useFieldValues } from '../stores/form/useFieldValues.js'\nimport { HiddenUI, RequiredUI } from '../types/widget.js'\nimport { useIsContractAddress } from './useIsContractAddress.js'\n\nexport const useToAddressRequirements = (\n route?: RouteExtended\n): {\n requiredToAddress: boolean\n requiredToChainType: ChainType \| undefined\n accountNotDeployedAtDestination: boolean\n accountDeployedAtDestination: boolean\n toAddress: string \| undefined\n isFromContractAddress: boolean \| undefined\n isToContractAddress: boolean \| undefined\n isLoading: boolean\n isFetched: boolean\n} => {\n const { requiredUI, hiddenUI } = useWidgetConfig()\n const [formFromChainId, formToChainId, formToAddress] = useFieldValues(\n 'fromChain',\n 'toChain',\n 'toAddress'\n )\n const { isDelegationDesignatorCode } = useEthereumContext()\n\n const fromChainId = route?.fromChainId ?? formFromChainId\n const toChainId = route?.toChainId ?? formToChainId\n\n const { chain: fromChain } = useChain(fromChainId)\n const { chain: toChain } = useChain(toChainId)\n const { account } = useAccount({\n chainType: fromChain?.chainType,\n })\n\n const fromAddress = route?.fromAddress ?? account.address\n const toAddress = route\n ? route.fromAddress !== route.toAddress\n ? route.toAddress\n : formToAddress\n : formToAddress\n\n const {\n isContractAddress: isFromContractAddress,\n contractCode: fromContractCode,\n isLoading: isFromContractLoading,\n isFetched: isFromContractFetched,\n } = useIsContractAddress(account.address, fromChainId, account.chainType)\n const {\n isContractAddress: isToContractAddress,\n isLoading: isToContractLoading,\n isFetched: isToContractFetched,\n } = useIsContractAddress(toAddress, toChainId, toChain?.chainType)\n\n const isDifferentChainType =\n fromChain && toChain && fromChain.chainType !== toChain.chainType\n\n // We don't want to block transfers for EIP-7702 accounts since they are designed\n // to maintain EOA-like properties while delegating execution.\n const fromContractCodeHasDelegationIndicator =\n isDelegationDesignatorCode?.(fromContractCode)\n\n const isCrossChainContractAddress =\n isFromContractAddress &&\n fromChainId !== toChainId &&\n !fromContractCodeHasDelegationIndicator\n\n const requiredToAddress = Boolean(\n (isDifferentChainType \|\|\n isCrossChainContractAddress \|\|\n requiredUI?.includes(RequiredUI.ToAddress)) &&\n !hiddenUI?.includes(HiddenUI.ToAddress)\n )\n\n const accountNotDeployedAtDestination = Boolean(\n isFromContractAddress &&\n !fromContractCodeHasDelegationIndicator &&\n !isToContractAddress &&\n fromAddress?.toLowerCase() === toAddress?.toLowerCase()\n )\n\n const accountDeployedAtDestination = Boolean(\n isFromContractAddress &&\n isToContractAddress &&\n !fromContractCodeHasDelegationIndicator &&\n fromAddress?.toLowerCase() === toAddress?.toLowerCase()\n )\n\n return {\n requiredToAddress,\n requiredToChainType: toChain?.chainType,\n accountNotDeployedAtDestination,\n accountDeployedAtDestination,\n toAddress,\n isFromContractAddress,\n isToContractAddress,\n isLoading: isFromContractLoading \|\| isToContractLoading,\n isFetched: isFromContractFetched && isToContractFetched,\n }\n}\n"],"mappings":";;;;;;;;AASA,MAAa,4BACX,UAWG;CACH,MAAM,EAAE,YAAY,aAAa,iBAAiB;CAClD,MAAM,CAAC,iBAAiB,eAAe,iBAAiB,eACtD,aACA,WACA,YACD;CACD,MAAM,EAAE,+BAA+B,oBAAoB;CAE3D,MAAM,cAAc,OAAO,eAAe;CAC1C,MAAM,YAAY,OAAO,aAAa;CAEtC,MAAM,EAAE,OAAO,cAAc,SAAS,YAAY;CAClD,MAAM,EAAE,OAAO,YAAY,SAAS,UAAU;CAC9C,MAAM,EAAE,YAAY,WAAW,EAC7B,WAAW,WAAW,WACvB,CAAC;CAEF,MAAM,cAAc,OAAO,eAAe,QAAQ;CAClD,MAAM,YAAY,QACd,MAAM,gBAAgB,MAAM,YAC1B,MAAM,YACN,gBACF;CAEJ,MAAM,EACJ,mBAAmB,uBACnB,cAAc,kBACd,WAAW,uBACX,WAAW,0BACT,qBAAqB,QAAQ,SAAS,aAAa,QAAQ,UAAU;CACzE,MAAM,EACJ,mBAAmB,qBACnB,WAAW,qBACX,WAAW,wBACT,qBAAqB,WAAW,WAAW,SAAS,UAAU;CAElE,MAAM,uBACJ,aAAa,WAAW,UAAU,cAAc,QAAQ;CAI1D,MAAM,yCACJ,6BAA6B,iBAAiB;CAOhD,MAAM,oBAAoB,SACvB,wBALD,yBACA,gBAAgB,aAChB,CAAC,0CAKC,YAAY,~~SAAS~~,~~WAAW~~,~~UAAU,~~KAC1C,CAAC,UAAU,~~SAAS~~,~~SAAS~~,~~UAAU,~~CAC1C;CAED,MAAM,kCAAkC,QACtC,yBACE,CAAC,0CACD,CAAC,uBACD,aAAa,aAAa,KAAK,WAAW,aAAa,CAC1D;CAED,MAAM,+BAA+B,QACnC,yBACE,uBACA,CAAC,0CACD,aAAa,aAAa,KAAK,WAAW,aAAa,CAC1D;AAED,QAAO;EACL;EACA,qBAAqB,SAAS;EAC9B;EACA;EACA;EACA;EACA;EACA,WAAW,yBAAyB;EACpC,WAAW,yBAAyB;EACrC"}
1	+ {"version":3,"file":"useToAddressRequirements.js","names":[],"sources":["../../../src/hooks/useToAddressRequirements.ts"],"sourcesContent":["import type { ChainType, RouteExtended } from '@lifi/sdk'\nimport { useAccount } from '@lifi/wallet-management'\nimport { useEthereumContext } from '@lifi/widget-provider'\nimport { useChain } from '../hooks/useChain.js'\nimport { useWidgetConfig } from '../providers/WidgetProvider/WidgetProvider.js'\nimport { useFieldValues } from '../stores/form/useFieldValues.js'\nimport { HiddenUI, RequiredUI } from '../types/widget.js'\nimport { useIsContractAddress } from './useIsContractAddress.js'\n\nexport const useToAddressRequirements = (\n route?: RouteExtended\n): {\n requiredToAddress: boolean\n requiredToChainType: ChainType \| undefined\n accountNotDeployedAtDestination: boolean\n accountDeployedAtDestination: boolean\n toAddress: string \| undefined\n isFromContractAddress: boolean \| undefined\n isToContractAddress: boolean \| undefined\n isLoading: boolean\n isFetched: boolean\n} => {\n const { requiredUI, hiddenUI } = useWidgetConfig()\n const [formFromChainId, formToChainId, formToAddress] = useFieldValues(\n 'fromChain',\n 'toChain',\n 'toAddress'\n )\n const { isDelegationDesignatorCode } = useEthereumContext()\n\n const fromChainId = route?.fromChainId ?? formFromChainId\n const toChainId = route?.toChainId ?? formToChainId\n\n const { chain: fromChain } = useChain(fromChainId)\n const { chain: toChain } = useChain(toChainId)\n const { account } = useAccount({\n chainType: fromChain?.chainType,\n })\n\n const fromAddress = route?.fromAddress ?? account.address\n const toAddress = route\n ? route.fromAddress !== route.toAddress\n ? route.toAddress\n : formToAddress\n : formToAddress\n\n const {\n isContractAddress: isFromContractAddress,\n contractCode: fromContractCode,\n isLoading: isFromContractLoading,\n isFetched: isFromContractFetched,\n } = useIsContractAddress(account.address, fromChainId, account.chainType)\n const {\n isContractAddress: isToContractAddress,\n isLoading: isToContractLoading,\n isFetched: isToContractFetched,\n } = useIsContractAddress(toAddress, toChainId, toChain?.chainType)\n\n const isDifferentChainType =\n fromChain && toChain && fromChain.chainType !== toChain.chainType\n\n // We don't want to block transfers for EIP-7702 accounts since they are designed\n // to maintain EOA-like properties while delegating execution.\n const fromContractCodeHasDelegationIndicator =\n isDelegationDesignatorCode?.(fromContractCode)\n\n const isCrossChainContractAddress =\n isFromContractAddress &&\n fromChainId !== toChainId &&\n !fromContractCodeHasDelegationIndicator\n\n const requiredToAddress = Boolean(\n (isDifferentChainType \|\|\n isCrossChainContractAddress \|\|\n requiredUI?.includes(RequiredUI.ToAddress)) &&\n !hiddenUI?.includes(HiddenUI.ToAddress)\n )\n\n const accountNotDeployedAtDestination = Boolean(\n isFromContractAddress &&\n !fromContractCodeHasDelegationIndicator &&\n !isToContractAddress &&\n fromAddress?.toLowerCase() === toAddress?.toLowerCase()\n )\n\n const accountDeployedAtDestination = Boolean(\n isFromContractAddress &&\n isToContractAddress &&\n !fromContractCodeHasDelegationIndicator &&\n fromAddress?.toLowerCase() === toAddress?.toLowerCase()\n )\n\n return {\n requiredToAddress,\n requiredToChainType: toChain?.chainType,\n accountNotDeployedAtDestination,\n accountDeployedAtDestination,\n toAddress,\n isFromContractAddress,\n isToContractAddress,\n isLoading: isFromContractLoading \|\| isToContractLoading,\n isFetched: isFromContractFetched && isToContractFetched,\n }\n}\n"],"mappings":";;;;;;;;AASA,MAAa,4BACX,UAWG;CACH,MAAM,EAAE,YAAY,aAAa,iBAAiB;CAClD,MAAM,CAAC,iBAAiB,eAAe,iBAAiB,eACtD,aACA,WACA,YACD;CACD,MAAM,EAAE,+BAA+B,oBAAoB;CAE3D,MAAM,cAAc,OAAO,eAAe;CAC1C,MAAM,YAAY,OAAO,aAAa;CAEtC,MAAM,EAAE,OAAO,cAAc,SAAS,YAAY;CAClD,MAAM,EAAE,OAAO,YAAY,SAAS,UAAU;CAC9C,MAAM,EAAE,YAAY,WAAW,EAC7B,WAAW,WAAW,WACvB,CAAC;CAEF,MAAM,cAAc,OAAO,eAAe,QAAQ;CAClD,MAAM,YAAY,QACd,MAAM,gBAAgB,MAAM,YAC1B,MAAM,YACN,gBACF;CAEJ,MAAM,EACJ,mBAAmB,uBACnB,cAAc,kBACd,WAAW,uBACX,WAAW,0BACT,qBAAqB,QAAQ,SAAS,aAAa,QAAQ,UAAU;CACzE,MAAM,EACJ,mBAAmB,qBACnB,WAAW,qBACX,WAAW,wBACT,qBAAqB,WAAW,WAAW,SAAS,UAAU;CAElE,MAAM,uBACJ,aAAa,WAAW,UAAU,cAAc,QAAQ;CAI1D,MAAM,yCACJ,6BAA6B,iBAAiB;CAOhD,MAAM,oBAAoB,SACvB,wBALD,yBACA,gBAAgB,aAChB,CAAC,0CAKC,YAAY,SAAA,YAA8B,KAC1C,CAAC,UAAU,SAAA,YAA4B,CAC1C;CAED,MAAM,kCAAkC,QACtC,yBACE,CAAC,0CACD,CAAC,uBACD,aAAa,aAAa,KAAK,WAAW,aAAa,CAC1D;CAED,MAAM,+BAA+B,QACnC,yBACE,uBACA,CAAC,0CACD,aAAa,aAAa,KAAK,WAAW,aAAa,CAC1D;AAED,QAAO;EACL;EACA,qBAAqB,SAAS;EAC9B;EACA;EACA;EACA;EACA;EACA,WAAW,yBAAyB;EACpC,WAAW,yBAAyB;EACrC"}

package/dist/esm/hooks/useToAddressReset.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import { useWidgetConfig } from "../providers/WidgetProvider/WidgetProvider.js";
-import { RequiredUI } from "../types/widget.js";
+import "../types/widget.js";
 import { useBookmarkActions } from "../stores/bookmarks/useBookmarkActions.js";
 import { useBookmarks } from "../stores/bookmarks/useBookmarks.js";
 import { useFieldActions } from "../stores/form/useFieldActions.js";
@@ -11,7 +11,7 @@ const useToAddressReset = () => {
 	const { selectedBookmark } = useBookmarks();
 	const { setSelectedBookmark } = useBookmarkActions();
 	return { tryResetToAddress: useCallback((toChain) => {
-		const requiredToAddress = requiredUI?.includes(RequiredUI.ToAddress);
+		const requiredToAddress = requiredUI?.includes("toAddress");
 		const bookmarkSatisfiesToChainType = selectedBookmark?.chainType === toChain?.chainType;
 		if (!requiredToAddress && !bookmarkSatisfiesToChainType) {
 			setFieldValue("toAddress", "", { isTouched: true });

package/dist/esm/hooks/useToAddressReset.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useToAddressReset.js","names":[],"sources":["../../../src/hooks/useToAddressReset.ts"],"sourcesContent":["import type { ExtendedChain } from '@lifi/sdk'\nimport { useCallback } from 'react'\nimport { useWidgetConfig } from '../providers/WidgetProvider/WidgetProvider.js'\nimport { useBookmarkActions } from '../stores/bookmarks/useBookmarkActions.js'\nimport { useBookmarks } from '../stores/bookmarks/useBookmarks.js'\nimport { useFieldActions } from '../stores/form/useFieldActions.js'\nimport { RequiredUI } from '../types/widget.js'\n\nexport const useToAddressReset = (): {\n tryResetToAddress: (toChain: ExtendedChain) => void\n} => {\n const { requiredUI } = useWidgetConfig()\n const { setFieldValue } = useFieldActions()\n const { selectedBookmark } = useBookmarks()\n const { setSelectedBookmark } = useBookmarkActions()\n\n const tryResetToAddress = useCallback(\n (toChain: ExtendedChain) => {\n const requiredToAddress = requiredUI?.includes(RequiredUI.ToAddress)\n\n const bookmarkSatisfiesToChainType =\n selectedBookmark?.chainType === toChain?.chainType\n\n const shouldResetToAddress =\n !requiredToAddress && !bookmarkSatisfiesToChainType\n\n // We reset toAddress on each chain change if it's no longer required, ensuring that\n // switching chain types doesn't leave a stale toAddress from a different ecosystem.\n if (shouldResetToAddress) {\n setFieldValue('toAddress', '', { isTouched: true })\n setSelectedBookmark()\n }\n },\n [setFieldValue, setSelectedBookmark, requiredUI, selectedBookmark]\n )\n\n return {\n tryResetToAddress,\n }\n}\n"],"mappings":";;;;;;;AAQA,MAAa,0BAER;CACH,MAAM,EAAE,eAAe,iBAAiB;CACxC,MAAM,EAAE,kBAAkB,iBAAiB;CAC3C,MAAM,EAAE,qBAAqB,cAAc;CAC3C,MAAM,EAAE,wBAAwB,oBAAoB;AAsBpD,QAAO,EACL,mBArBwB,aACvB,YAA2B;EAC1B,MAAM,oBAAoB,YAAY,~~SAAS~~,~~WAAW,UAAU~~;EAEpE,MAAM,+BACJ,kBAAkB,cAAc,SAAS;AAO3C,MAJE,CAAC,qBAAqB,CAAC,8BAIC;AACxB,iBAAc,aAAa,IAAI,EAAE,WAAW,MAAM,CAAC;AACnD,wBAAqB;;IAGzB;EAAC;EAAe;EAAqB;EAAY;EAAiB,CACnE,EAIA"}
1	+ {"version":3,"file":"useToAddressReset.js","names":[],"sources":["../../../src/hooks/useToAddressReset.ts"],"sourcesContent":["import type { ExtendedChain } from '@lifi/sdk'\nimport { useCallback } from 'react'\nimport { useWidgetConfig } from '../providers/WidgetProvider/WidgetProvider.js'\nimport { useBookmarkActions } from '../stores/bookmarks/useBookmarkActions.js'\nimport { useBookmarks } from '../stores/bookmarks/useBookmarks.js'\nimport { useFieldActions } from '../stores/form/useFieldActions.js'\nimport { RequiredUI } from '../types/widget.js'\n\nexport const useToAddressReset = (): {\n tryResetToAddress: (toChain: ExtendedChain) => void\n} => {\n const { requiredUI } = useWidgetConfig()\n const { setFieldValue } = useFieldActions()\n const { selectedBookmark } = useBookmarks()\n const { setSelectedBookmark } = useBookmarkActions()\n\n const tryResetToAddress = useCallback(\n (toChain: ExtendedChain) => {\n const requiredToAddress = requiredUI?.includes(RequiredUI.ToAddress)\n\n const bookmarkSatisfiesToChainType =\n selectedBookmark?.chainType === toChain?.chainType\n\n const shouldResetToAddress =\n !requiredToAddress && !bookmarkSatisfiesToChainType\n\n // We reset toAddress on each chain change if it's no longer required, ensuring that\n // switching chain types doesn't leave a stale toAddress from a different ecosystem.\n if (shouldResetToAddress) {\n setFieldValue('toAddress', '', { isTouched: true })\n setSelectedBookmark()\n }\n },\n [setFieldValue, setSelectedBookmark, requiredUI, selectedBookmark]\n )\n\n return {\n tryResetToAddress,\n }\n}\n"],"mappings":";;;;;;;AAQA,MAAa,0BAER;CACH,MAAM,EAAE,eAAe,iBAAiB;CACxC,MAAM,EAAE,kBAAkB,iBAAiB;CAC3C,MAAM,EAAE,qBAAqB,cAAc;CAC3C,MAAM,EAAE,wBAAwB,oBAAoB;AAsBpD,QAAO,EACL,mBArBwB,aACvB,YAA2B;EAC1B,MAAM,oBAAoB,YAAY,SAAA,YAA8B;EAEpE,MAAM,+BACJ,kBAAkB,cAAc,SAAS;AAO3C,MAJE,CAAC,qBAAqB,CAAC,8BAIC;AACxB,iBAAc,aAAa,IAAI,EAAE,WAAW,MAAM,CAAC;AACnD,wBAAqB;;IAGzB;EAAC;EAAe;EAAqB;EAAY;EAAiB,CACnE,EAIA"}

package/dist/esm/hooks/useTokenBalances.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import { useWidgetConfig } from "../providers/WidgetProvider/WidgetProvider.js";
-import { HiddenUI } from "../types/widget.js";
+import "../types/widget.js";
 import { formatTokenPrice } from "../utils/format.js";
 import { useSettings } from "../stores/settings/useSettings.js";
 import { useTokens } from "./useTokens.js";
@@ -58,7 +58,7 @@ const useTokenBalances = (selectedChainId, formType, isAllNetworks, search) => {
 	const displayedTokensWithBalances = useMemo(() => {
 		const balancesByChain = isAllNetworks ? allTokensWithBalances : selectedChainId ? allTokensWithBalances?.filter((t) => t.chainId === selectedChainId) : void 0;
 		const displayedTokensSet = new Set(displayedTokensList?.map((t) => `${t.chainId}-${t.address.toLowerCase()}`) || []);
-		const hideSmallBalances = !!smallBalanceThreshold && !hiddenUI?.includes(HiddenUI.HideSmallBalances);
+		const hideSmallBalances = !!smallBalanceThreshold && !hiddenUI?.includes("hideSmallBalances");
 		const threshold = hideSmallBalances ? Number.parseFloat(smallBalanceThreshold) : void 0;
 		if (!balancesByChain) return;
 		return balancesByChain.reduce((acc, token) => {

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

	@@ -1 +1 @@
1	- {"version":3,"file":"useTokenBalances.js","names":[],"sources":["../../../src/hooks/useTokenBalances.ts"],"sourcesContent":["import { useMemo } from 'react'\nimport { useWidgetConfig } from '../providers/WidgetProvider/WidgetProvider.js'\nimport type { FormType } from '../stores/form/types.js'\nimport { usePinnedTokensStore } from '../stores/pinnedTokens/PinnedTokensStore.js'\nimport { useSettings } from '../stores/settings/useSettings.js'\nimport type { TokenAmount } from '../types/token.js'\nimport { HiddenUI } from '../types/widget.js'\nimport { formatTokenPrice } from '../utils/format.js'\nimport { isSearchMatch, processTokenBalances } from '../utils/tokenList.js'\nimport { useAccountsBalancesData } from './useAccountsBalancesData.js'\nimport { useTokenBalancesQueries } from './useTokenBalancesQueries.js'\nimport { useTokens } from './useTokens.js'\n\nexport const useTokenBalances = (\n selectedChainId?: number,\n formType?: FormType,\n isAllNetworks?: boolean,\n search?: string\n): {\n tokens: TokenAmount[]\n withCategories: boolean\n withPinnedTokens: boolean\n isTokensLoading: boolean\n isSearchLoading: boolean\n isBalanceLoading: boolean\n} => {\n const { hiddenUI } = useWidgetConfig()\n const {\n allTokens,\n isLoading: isTokensLoading,\n isSearchLoading,\n } = useTokens(formType, search, isAllNetworks ? undefined : selectedChainId)\n\n const { data: accountsWithAllTokens, isLoading: isAccountsLoading } =\n useAccountsBalancesData(selectedChainId, formType, isAllNetworks, allTokens)\n\n const isBalanceLoadingEnabled =\n Boolean(accountsWithAllTokens) && !isAccountsLoading\n\n const { data: allTokensWithBalances, isLoading: isBalanceQueriesLoading } =\n useTokenBalancesQueries(accountsWithAllTokens, isBalanceLoadingEnabled)\n\n const { tokens: configTokens } = useWidgetConfig()\n const { smallBalanceThreshold } = useSettings(['smallBalanceThreshold'])\n\n const pinnedTokens = usePinnedTokensStore((state) => state.pinnedTokens)\n\n const isBalanceLoading =\n (isBalanceQueriesLoading \|\| isAccountsLoading) &&\n !allTokensWithBalances?.length\n\n // Create function to check if token is pinned\n const isPinnedToken = useMemo(() => {\n if (isAllNetworks) {\n // For all networks, check all pinned tokens\n const allPinned: Array<{ chainId: number; tokenAddress: string }> = []\n Object.entries(pinnedTokens).forEach(([chainIdStr, addresses]) => {\n const chainId = Number.parseInt(chainIdStr, 10)\n addresses.forEach((address) => {\n allPinned.push({ chainId, tokenAddress: address })\n })\n })\n const pinnedSet = new Set(\n allPinned.map((p) => `${p.chainId}-${p.tokenAddress.toLowerCase()}`)\n )\n return (chainId: number, tokenAddress: string) => {\n const key = `${chainId}-${tokenAddress.toLowerCase()}`\n return pinnedSet.has(key)\n }\n } else if (selectedChainId) {\n // For single chain, check only selected chain\n const chainPinnedTokens = pinnedTokens[selectedChainId] \|\| []\n const pinnedSet = new Set(\n chainPinnedTokens.map((addr) => addr.toLowerCase())\n )\n return (chainId: number, tokenAddress: string) => {\n return (\n chainId === selectedChainId &&\n pinnedSet.has(tokenAddress.toLowerCase())\n )\n }\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 const displayedTokensWithBalances = useMemo(() => {\n const balancesByChain = isAllNetworks\n ? allTokensWithBalances\n : selectedChainId\n ? allTokensWithBalances?.filter((t) => t.chainId === selectedChainId)\n : undefined\n const displayedTokensSet = new Set(\n displayedTokensList?.map(\n (t) => `${t.chainId}-${t.address.toLowerCase()}`\n ) \|\| []\n )\n\n const hideSmallBalances =\n !!smallBalanceThreshold && !hiddenUI?.includes(HiddenUI.HideSmallBalances)\n const threshold = hideSmallBalances\n ? Number.parseFloat(smallBalanceThreshold)\n : undefined\n\n if (!balancesByChain) {\n return undefined\n }\n\n return balancesByChain.reduce<typeof balancesByChain>((acc, token) => {\n const tokenKey = `${token.chainId}-${token.address.toLowerCase()}`\n // Check if token is in displayed list and has amount\n const isInDisplayedList = displayedTokensSet.has(tokenKey) && token.amount\n // Check if it matches search (for cached appended tokens)\n const matchesSearch = isSearchMatch(token, search)\n\n // Filter: only include tokens that match our criteria\n if (!isInDisplayedList && !matchesSearch) {\n return acc\n }\n\n // Apply small balance threshold transformation if enabled\n let processedToken = token\n if (\n hideSmallBalances &&\n threshold !== undefined &&\n threshold >= 0 &&\n token.amount\n ) {\n const balanceUSD = formatTokenPrice(\n token.amount,\n token.priceUSD,\n token.decimals\n )\n if (balanceUSD < threshold) {\n processedToken = {\n ...token,\n amount: 0n,\n }\n }\n }\n\n acc.push(processedToken)\n return acc\n }, [])\n }, [\n allTokensWithBalances,\n displayedTokensList,\n search,\n selectedChainId,\n isAllNetworks,\n smallBalanceThreshold,\n hiddenUI,\n ])\n\n const { processedTokens, withCategories, withPinnedTokens } = useMemo(() => {\n return processTokenBalances(\n isBalanceLoading,\n isAllNetworks \|\| !!search,\n configTokens,\n selectedChainId,\n displayedTokensList,\n displayedTokensWithBalances,\n isPinnedToken\n )\n }, [\n isBalanceLoading,\n isAllNetworks,\n configTokens,\n selectedChainId,\n displayedTokensList,\n displayedTokensWithBalances,\n search,\n isPinnedToken,\n ])\n\n return {\n tokens: processedTokens ?? [],\n withCategories,\n withPinnedTokens,\n isTokensLoading,\n isSearchLoading,\n isBalanceLoading,\n }\n}\n"],"mappings":";;;;;;;;;;;AAaA,MAAa,oBACX,iBACA,UACA,eACA,WAQG;CACH,MAAM,EAAE,aAAa,iBAAiB;CACtC,MAAM,EACJ,WACA,WAAW,iBACX,oBACE,UAAU,UAAU,QAAQ,gBAAgB,KAAA,IAAY,gBAAgB;CAE5E,MAAM,EAAE,MAAM,uBAAuB,WAAW,sBAC9C,wBAAwB,iBAAiB,UAAU,eAAe,UAAU;CAK9E,MAAM,EAAE,MAAM,uBAAuB,WAAW,4BAC9C,wBAAwB,uBAHxB,QAAQ,sBAAsB,IAAI,CAAC,kBAGoC;CAEzE,MAAM,EAAE,QAAQ,iBAAiB,iBAAiB;CAClD,MAAM,EAAE,0BAA0B,YAAY,CAAC,wBAAwB,CAAC;CAExE,MAAM,eAAe,sBAAsB,UAAU,MAAM,aAAa;CAExE,MAAM,oBACH,2BAA2B,sBAC5B,CAAC,uBAAuB;CAG1B,MAAM,gBAAgB,cAAc;AAClC,MAAI,eAAe;GAEjB,MAAM,YAA8D,EAAE;AACtE,UAAO,QAAQ,aAAa,CAAC,SAAS,CAAC,YAAY,eAAe;IAChE,MAAM,UAAU,OAAO,SAAS,YAAY,GAAG;AAC/C,cAAU,SAAS,YAAY;AAC7B,eAAU,KAAK;MAAE;MAAS,cAAc;MAAS,CAAC;MAClD;KACF;GACF,MAAM,YAAY,IAAI,IACpB,UAAU,KAAK,MAAM,GAAG,EAAE,QAAQ,GAAG,EAAE,aAAa,aAAa,GAAG,CACrE;AACD,WAAQ,SAAiB,iBAAyB;IAChD,MAAM,MAAM,GAAG,QAAQ,GAAG,aAAa,aAAa;AACpD,WAAO,UAAU,IAAI,IAAI;;aAElB,iBAAiB;GAE1B,MAAM,oBAAoB,aAAa,oBAAoB,EAAE;GAC7D,MAAM,YAAY,IAAI,IACpB,kBAAkB,KAAK,SAAS,KAAK,aAAa,CAAC,CACpD;AACD,WAAQ,SAAiB,iBAAyB;AAChD,WACE,YAAY,mBACZ,UAAU,IAAI,aAAa,aAAa,CAAC;;;IAK9C;EAAC;EAAe;EAAiB;EAAa,CAAC;CAElD,MAAM,sBAAsB,cAAc;AAMxC,UALsB,gBAClB,OAAO,OAAO,aAAa,EAAE,CAAC,CAAC,MAAM,GACrC,kBACE,YAAY,mBACZ,KAAA,IACgB,QAAQ,MAAM,cAAc,GAAG,OAAO,CAAC,IAAI,EAAE;IAClE;EAAC;EAAW;EAAe;EAAiB;EAAO,CAAC;CAEvD,MAAM,8BAA8B,cAAc;EAChD,MAAM,kBAAkB,gBACpB,wBACA,kBACE,uBAAuB,QAAQ,MAAM,EAAE,YAAY,gBAAgB,GACnE,KAAA;EACN,MAAM,qBAAqB,IAAI,IAC7B,qBAAqB,KAClB,MAAM,GAAG,EAAE,QAAQ,GAAG,EAAE,QAAQ,aAAa,GAC/C,IAAI,EAAE,CACR;EAED,MAAM,oBACJ,CAAC,CAAC,yBAAyB,CAAC,UAAU,~~SAAS~~,~~SAAS,kBAAkB~~;EAC5E,MAAM,YAAY,oBACd,OAAO,WAAW,sBAAsB,GACxC,KAAA;AAEJ,MAAI,CAAC,gBACH;AAGF,SAAO,gBAAgB,QAAgC,KAAK,UAAU;GACpE,MAAM,WAAW,GAAG,MAAM,QAAQ,GAAG,MAAM,QAAQ,aAAa;GAEhE,MAAM,oBAAoB,mBAAmB,IAAI,SAAS,IAAI,MAAM;GAEpE,MAAM,gBAAgB,cAAc,OAAO,OAAO;AAGlD,OAAI,CAAC,qBAAqB,CAAC,cACzB,QAAO;GAIT,IAAI,iBAAiB;AACrB,OACE,qBACA,cAAc,KAAA,KACd,aAAa,KACb,MAAM;QAEa,iBACjB,MAAM,QACN,MAAM,UACN,MAAM,SACP,GACgB,UACf,kBAAiB;KACf,GAAG;KACH,QAAQ;KACT;;AAIL,OAAI,KAAK,eAAe;AACxB,UAAO;KACN,EAAE,CAAC;IACL;EACD;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CAAC;CAEF,MAAM,EAAE,iBAAiB,gBAAgB,qBAAqB,cAAc;AAC1E,SAAO,qBACL,kBACA,iBAAiB,CAAC,CAAC,QACnB,cACA,iBACA,qBACA,6BACA,cACD;IACA;EACD;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CAAC;AAEF,QAAO;EACL,QAAQ,mBAAmB,EAAE;EAC7B;EACA;EACA;EACA;EACA;EACD"}
1	+ {"version":3,"file":"useTokenBalances.js","names":[],"sources":["../../../src/hooks/useTokenBalances.ts"],"sourcesContent":["import { useMemo } from 'react'\nimport { useWidgetConfig } from '../providers/WidgetProvider/WidgetProvider.js'\nimport type { FormType } from '../stores/form/types.js'\nimport { usePinnedTokensStore } from '../stores/pinnedTokens/PinnedTokensStore.js'\nimport { useSettings } from '../stores/settings/useSettings.js'\nimport type { TokenAmount } from '../types/token.js'\nimport { HiddenUI } from '../types/widget.js'\nimport { formatTokenPrice } from '../utils/format.js'\nimport { isSearchMatch, processTokenBalances } from '../utils/tokenList.js'\nimport { useAccountsBalancesData } from './useAccountsBalancesData.js'\nimport { useTokenBalancesQueries } from './useTokenBalancesQueries.js'\nimport { useTokens } from './useTokens.js'\n\nexport const useTokenBalances = (\n selectedChainId?: number,\n formType?: FormType,\n isAllNetworks?: boolean,\n search?: string\n): {\n tokens: TokenAmount[]\n withCategories: boolean\n withPinnedTokens: boolean\n isTokensLoading: boolean\n isSearchLoading: boolean\n isBalanceLoading: boolean\n} => {\n const { hiddenUI } = useWidgetConfig()\n const {\n allTokens,\n isLoading: isTokensLoading,\n isSearchLoading,\n } = useTokens(formType, search, isAllNetworks ? undefined : selectedChainId)\n\n const { data: accountsWithAllTokens, isLoading: isAccountsLoading } =\n useAccountsBalancesData(selectedChainId, formType, isAllNetworks, allTokens)\n\n const isBalanceLoadingEnabled =\n Boolean(accountsWithAllTokens) && !isAccountsLoading\n\n const { data: allTokensWithBalances, isLoading: isBalanceQueriesLoading } =\n useTokenBalancesQueries(accountsWithAllTokens, isBalanceLoadingEnabled)\n\n const { tokens: configTokens } = useWidgetConfig()\n const { smallBalanceThreshold } = useSettings(['smallBalanceThreshold'])\n\n const pinnedTokens = usePinnedTokensStore((state) => state.pinnedTokens)\n\n const isBalanceLoading =\n (isBalanceQueriesLoading \|\| isAccountsLoading) &&\n !allTokensWithBalances?.length\n\n // Create function to check if token is pinned\n const isPinnedToken = useMemo(() => {\n if (isAllNetworks) {\n // For all networks, check all pinned tokens\n const allPinned: Array<{ chainId: number; tokenAddress: string }> = []\n Object.entries(pinnedTokens).forEach(([chainIdStr, addresses]) => {\n const chainId = Number.parseInt(chainIdStr, 10)\n addresses.forEach((address) => {\n allPinned.push({ chainId, tokenAddress: address })\n })\n })\n const pinnedSet = new Set(\n allPinned.map((p) => `${p.chainId}-${p.tokenAddress.toLowerCase()}`)\n )\n return (chainId: number, tokenAddress: string) => {\n const key = `${chainId}-${tokenAddress.toLowerCase()}`\n return pinnedSet.has(key)\n }\n } else if (selectedChainId) {\n // For single chain, check only selected chain\n const chainPinnedTokens = pinnedTokens[selectedChainId] \|\| []\n const pinnedSet = new Set(\n chainPinnedTokens.map((addr) => addr.toLowerCase())\n )\n return (chainId: number, tokenAddress: string) => {\n return (\n chainId === selectedChainId &&\n pinnedSet.has(tokenAddress.toLowerCase())\n )\n }\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 const displayedTokensWithBalances = useMemo(() => {\n const balancesByChain = isAllNetworks\n ? allTokensWithBalances\n : selectedChainId\n ? allTokensWithBalances?.filter((t) => t.chainId === selectedChainId)\n : undefined\n const displayedTokensSet = new Set(\n displayedTokensList?.map(\n (t) => `${t.chainId}-${t.address.toLowerCase()}`\n ) \|\| []\n )\n\n const hideSmallBalances =\n !!smallBalanceThreshold && !hiddenUI?.includes(HiddenUI.HideSmallBalances)\n const threshold = hideSmallBalances\n ? Number.parseFloat(smallBalanceThreshold)\n : undefined\n\n if (!balancesByChain) {\n return undefined\n }\n\n return balancesByChain.reduce<typeof balancesByChain>((acc, token) => {\n const tokenKey = `${token.chainId}-${token.address.toLowerCase()}`\n // Check if token is in displayed list and has amount\n const isInDisplayedList = displayedTokensSet.has(tokenKey) && token.amount\n // Check if it matches search (for cached appended tokens)\n const matchesSearch = isSearchMatch(token, search)\n\n // Filter: only include tokens that match our criteria\n if (!isInDisplayedList && !matchesSearch) {\n return acc\n }\n\n // Apply small balance threshold transformation if enabled\n let processedToken = token\n if (\n hideSmallBalances &&\n threshold !== undefined &&\n threshold >= 0 &&\n token.amount\n ) {\n const balanceUSD = formatTokenPrice(\n token.amount,\n token.priceUSD,\n token.decimals\n )\n if (balanceUSD < threshold) {\n processedToken = {\n ...token,\n amount: 0n,\n }\n }\n }\n\n acc.push(processedToken)\n return acc\n }, [])\n }, [\n allTokensWithBalances,\n displayedTokensList,\n search,\n selectedChainId,\n isAllNetworks,\n smallBalanceThreshold,\n hiddenUI,\n ])\n\n const { processedTokens, withCategories, withPinnedTokens } = useMemo(() => {\n return processTokenBalances(\n isBalanceLoading,\n isAllNetworks \|\| !!search,\n configTokens,\n selectedChainId,\n displayedTokensList,\n displayedTokensWithBalances,\n isPinnedToken\n )\n }, [\n isBalanceLoading,\n isAllNetworks,\n configTokens,\n selectedChainId,\n displayedTokensList,\n displayedTokensWithBalances,\n search,\n isPinnedToken,\n ])\n\n return {\n tokens: processedTokens ?? [],\n withCategories,\n withPinnedTokens,\n isTokensLoading,\n isSearchLoading,\n isBalanceLoading,\n }\n}\n"],"mappings":"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"}

package/dist/esm/hooks/useTokens.js CHANGED Viewed

@@ -22,7 +22,8 @@ const useTokens = (formType, search, chainId) => {
 					ChainType.EVM,
 					ChainType.SVM,
 					ChainType.UTXO,
-					ChainType.MVM
+					ChainType.MVM,
+					ChainType.TVM
 				].filter((chainType) => isItemAllowed(chainType, chainsConfig?.types)),
 				orderBy: "volumeUSD24H",
 				extended: true,
@@ -50,7 +51,8 @@ const useTokens = (formType, search, chainId) => {
 					ChainType.EVM,
 					ChainType.SVM,
 					ChainType.UTXO,
-					ChainType.MVM
+					ChainType.MVM,
+					ChainType.TVM
 				].filter((chainType) => isItemAllowed(chainType, chainsConfig?.types)),
 				orderBy: "volumeUSD24H",
 				extended: true,

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

	@@ -1 +1 @@
1	- {"version":3,"file":"useTokens.js","names":[],"sources":["../../../src/hooks/useTokens.ts"],"sourcesContent":["import {\n ChainType,\n getToken,\n getTokens,\n type TokenExtended,\n type TokensExtendedResponse,\n} from '@lifi/sdk'\nimport { useChainTypeFromAddress } from '@lifi/widget-provider'\nimport { useQuery } from '@tanstack/react-query'\nimport { useMemo } from 'react'\nimport { useSDKClient } from '../providers/SDKClientProvider.js'\nimport { useWidgetConfig } from '../providers/WidgetProvider/WidgetProvider.js'\nimport type { FormType } from '../stores/form/types.js'\nimport type { TokensByChain } from '../types/token.js'\nimport { defaultChainIdsByType } from '../utils/chainType.js'\nimport { isItemAllowed } from '../utils/item.js'\nimport { getQueryKey } from '../utils/queries.js'\nimport {\n filterAllowedTokens,\n mergeVerifiedWithSearchTokens,\n} from '../utils/token.js'\n\nconst refetchInterval = 300_000\n\nexport const useTokens = (\n formType?: FormType,\n search?: string,\n chainId?: number\n): {\n allTokens: Record<number, TokenExtended[]> \| undefined\n isLoading: boolean\n isSearchLoading: boolean\n} => {\n const {\n tokens: configTokens,\n chains: chainsConfig,\n keyPrefix,\n } = useWidgetConfig()\n const sdkClient = useSDKClient()\n const { getChainTypeFromAddress } = useChainTypeFromAddress()\n\n // Main tokens cache - verified tokens from API\n const { data: verifiedTokens, isLoading } = useQuery({\n queryKey: [getQueryKey('tokens', keyPrefix)],\n queryFn: async ({ signal }) => {\n const chainTypes = [\n ChainType.EVM,\n ChainType.SVM,\n ChainType.UTXO,\n ChainType.MVM,\n ].filter((chainType) => isItemAllowed(chainType, chainsConfig?.types))\n\n const tokensResponse: TokensExtendedResponse = await getTokens(\n sdkClient,\n {\n chainTypes,\n orderBy: 'volumeUSD24H',\n extended: true,\n limit: 1000,\n minPriceUSD: 0.000001,\n },\n { signal }\n )\n\n // Mark all tokens as verified\n const tokens: TokensByChain = Object.fromEntries(\n Object.entries(tokensResponse.tokens).map(([chainId, tokens]) => [\n chainId,\n tokens.map((token) => ({ ...token, verified: true })),\n ])\n )\n\n return tokens\n },\n refetchInterval,\n staleTime: refetchInterval,\n })\n\n // Search tokens cache - unverified tokens from search\n const { data: searchTokens, isLoading: isSearchLoading } = useQuery({\n queryKey: [getQueryKey('tokens-search', keyPrefix), search, chainId],\n queryFn: async ({ queryKey, signal }) => {\n const [, searchQuery, searchChainId] = queryKey as [\n string,\n string,\n number,\n ]\n const chainTypes = [\n ChainType.EVM,\n ChainType.SVM,\n ChainType.UTXO,\n ChainType.MVM,\n ].filter((chainType) => isItemAllowed(chainType, chainsConfig?.types))\n\n const tokensResponse: TokensExtendedResponse = await getTokens(\n sdkClient,\n {\n chainTypes,\n orderBy: 'volumeUSD24H',\n extended: true,\n search: searchQuery,\n limit: 1000,\n minPriceUSD: 0.000001,\n },\n { signal }\n )\n\n // If the chainId is not provided, try to get it from the search query\n let _chainId = searchChainId\n if (!_chainId) {\n const chainType = getChainTypeFromAddress(searchQuery)\n if (chainType && chainType in defaultChainIdsByType) {\n _chainId = defaultChainIdsByType[chainType]\n }\n }\n\n // Fallback: If the main search returned no tokens for the specific chainId,\n // fetch a single token using the /token endpoint\n if (_chainId && searchQuery) {\n const existingTokens = tokensResponse.tokens[_chainId] \|\| []\n if (!existingTokens.length) {\n const token = await getToken(sdkClient, _chainId, searchQuery, {\n signal,\n })\n if (token) {\n tokensResponse.tokens[_chainId] = [token]\n }\n }\n }\n\n // Mark all search tokens as unverified\n const tokens: TokensByChain = Object.fromEntries(\n Object.entries(tokensResponse.tokens).map(([chainId, tokens]) => [\n chainId,\n tokens.map((token) => ({ ...token, verified: false })),\n ])\n )\n\n return tokens\n },\n enabled: !!search,\n refetchInterval,\n staleTime: refetchInterval,\n })\n\n // Merge tokens at read time - single place where caches are combined\n const allTokens = useMemo(() => {\n const merged = mergeVerifiedWithSearchTokens(verifiedTokens, searchTokens)\n return filterAllowedTokens(merged, configTokens, chainsConfig, formType)\n }, [verifiedTokens, searchTokens, configTokens, chainsConfig, formType])\n\n return {\n allTokens,\n isLoading,\n isSearchLoading,\n }\n}\n"],"mappings":";;;;;;;;;;;AAsBA,MAAM,kBAAkB;AAExB,MAAa,aACX,UACA,QACA,YAKG;CACH,MAAM,EACJ,QAAQ,cACR,QAAQ,cACR,cACE,iBAAiB;CACrB,MAAM,YAAY,cAAc;CAChC,MAAM,EAAE,4BAA4B,yBAAyB;CAG7D,MAAM,EAAE,MAAM,gBAAgB,cAAc,SAAS;EACnD,UAAU,CAAC,YAAY,UAAU,UAAU,CAAC;EAC5C,SAAS,OAAO,EAAE,aAAa;~~GAQ7B~~,MAAM,iBAAyC,MAAM,UACnD,WACA;IACE,~~YAVe~~;KACjB,UAAU;KACV,UAAU;KACV,UAAU;KACV,UAAU;KACX,CAAC,QAAQ,cAAc,cAAc,WAAW,cAAc,MAAM,CAAC;IAMlE,SAAS;IACT,UAAU;IACV,OAAO;IACP,aAAa;IACd,EACD,EAAE,QAAQ,CACX;AAUD,UAP8B,OAAO,YACnC,OAAO,QAAQ,eAAe,OAAO,CAAC,KAAK,CAAC,SAAS,YAAY,CAC/D,SACA,OAAO,KAAK,WAAW;IAAE,GAAG;IAAO,UAAU;IAAM,EAAE,CACtD,CAAC,CACH;;EAIH;EACA,WAAW;EACZ,CAAC;CAGF,MAAM,EAAE,MAAM,cAAc,WAAW,oBAAoB,SAAS;EAClE,UAAU;GAAC,YAAY,iBAAiB,UAAU;GAAE;GAAQ;GAAQ;EACpE,SAAS,OAAO,EAAE,UAAU,aAAa;GACvC,MAAM,GAAG,aAAa,iBAAiB;~~GAYvC~~,MAAM,iBAAyC,MAAM,UACnD,WACA;IACE,~~YAVe~~;KACjB,UAAU;KACV,UAAU;KACV,UAAU;KACV,UAAU;KACX,CAAC,QAAQ,cAAc,cAAc,WAAW,cAAc,MAAM,CAAC;IAMlE,SAAS;IACT,UAAU;IACV,QAAQ;IACR,OAAO;IACP,aAAa;IACd,EACD,EAAE,QAAQ,CACX;GAGD,IAAI,WAAW;AACf,OAAI,CAAC,UAAU;IACb,MAAM,YAAY,wBAAwB,YAAY;AACtD,QAAI,aAAa,aAAa,sBAC5B,YAAW,sBAAsB;;AAMrC,OAAI,YAAY;QAEV,EADmB,eAAe,OAAO,aAAa,EAAE,EACxC,QAAQ;KAC1B,MAAM,QAAQ,MAAM,SAAS,WAAW,UAAU,aAAa,EAC7D,QACD,CAAC;AACF,SAAI,MACF,gBAAe,OAAO,YAAY,CAAC,MAAM;;;AAa/C,UAP8B,OAAO,YACnC,OAAO,QAAQ,eAAe,OAAO,CAAC,KAAK,CAAC,SAAS,YAAY,CAC/D,SACA,OAAO,KAAK,WAAW;IAAE,GAAG;IAAO,UAAU;IAAO,EAAE,CACvD,CAAC,CACH;;EAIH,SAAS,CAAC,CAAC;EACX;EACA,WAAW;EACZ,CAAC;AAQF,QAAO;EACL,WANgB,cAAc;AAE9B,UAAO,oBADQ,8BAA8B,gBAAgB,aAAa,EACvC,cAAc,cAAc,SAAS;KACvE;GAAC;GAAgB;GAAc;GAAc;GAAc;GAAS,CAAC;EAItE;EACA;EACD"}
1	+ {"version":3,"file":"useTokens.js","names":[],"sources":["../../../src/hooks/useTokens.ts"],"sourcesContent":["import {\n ChainType,\n getToken,\n getTokens,\n type TokenExtended,\n type TokensExtendedResponse,\n} from '@lifi/sdk'\nimport { useChainTypeFromAddress } from '@lifi/widget-provider'\nimport { useQuery } from '@tanstack/react-query'\nimport { useMemo } from 'react'\nimport { useSDKClient } from '../providers/SDKClientProvider.js'\nimport { useWidgetConfig } from '../providers/WidgetProvider/WidgetProvider.js'\nimport type { FormType } from '../stores/form/types.js'\nimport type { TokensByChain } from '../types/token.js'\nimport { defaultChainIdsByType } from '../utils/chainType.js'\nimport { isItemAllowed } from '../utils/item.js'\nimport { getQueryKey } from '../utils/queries.js'\nimport {\n filterAllowedTokens,\n mergeVerifiedWithSearchTokens,\n} from '../utils/token.js'\n\nconst refetchInterval = 300_000\n\nexport const useTokens = (\n formType?: FormType,\n search?: string,\n chainId?: number\n): {\n allTokens: Record<number, TokenExtended[]> \| undefined\n isLoading: boolean\n isSearchLoading: boolean\n} => {\n const {\n tokens: configTokens,\n chains: chainsConfig,\n keyPrefix,\n } = useWidgetConfig()\n const sdkClient = useSDKClient()\n const { getChainTypeFromAddress } = useChainTypeFromAddress()\n\n // Main tokens cache - verified tokens from API\n const { data: verifiedTokens, isLoading } = useQuery({\n queryKey: [getQueryKey('tokens', keyPrefix)],\n queryFn: async ({ signal }) => {\n const chainTypes = [\n ChainType.EVM,\n ChainType.SVM,\n ChainType.UTXO,\n ChainType.MVM,\n ChainType.TVM,\n ].filter((chainType) => isItemAllowed(chainType, chainsConfig?.types))\n\n const tokensResponse: TokensExtendedResponse = await getTokens(\n sdkClient,\n {\n chainTypes,\n orderBy: 'volumeUSD24H',\n extended: true,\n limit: 1000,\n minPriceUSD: 0.000001,\n },\n { signal }\n )\n\n // Mark all tokens as verified\n const tokens: TokensByChain = Object.fromEntries(\n Object.entries(tokensResponse.tokens).map(([chainId, tokens]) => [\n chainId,\n tokens.map((token) => ({ ...token, verified: true })),\n ])\n )\n\n return tokens\n },\n refetchInterval,\n staleTime: refetchInterval,\n })\n\n // Search tokens cache - unverified tokens from search\n const { data: searchTokens, isLoading: isSearchLoading } = useQuery({\n queryKey: [getQueryKey('tokens-search', keyPrefix), search, chainId],\n queryFn: async ({ queryKey, signal }) => {\n const [, searchQuery, searchChainId] = queryKey as [\n string,\n string,\n number,\n ]\n const chainTypes = [\n ChainType.EVM,\n ChainType.SVM,\n ChainType.UTXO,\n ChainType.MVM,\n ChainType.TVM,\n ].filter((chainType) => isItemAllowed(chainType, chainsConfig?.types))\n\n const tokensResponse: TokensExtendedResponse = await getTokens(\n sdkClient,\n {\n chainTypes,\n orderBy: 'volumeUSD24H',\n extended: true,\n search: searchQuery,\n limit: 1000,\n minPriceUSD: 0.000001,\n },\n { signal }\n )\n\n // If the chainId is not provided, try to get it from the search query\n let _chainId = searchChainId\n if (!_chainId) {\n const chainType = getChainTypeFromAddress(searchQuery)\n if (chainType && chainType in defaultChainIdsByType) {\n _chainId = defaultChainIdsByType[chainType]\n }\n }\n\n // Fallback: If the main search returned no tokens for the specific chainId,\n // fetch a single token using the /token endpoint\n if (_chainId && searchQuery) {\n const existingTokens = tokensResponse.tokens[_chainId] \|\| []\n if (!existingTokens.length) {\n const token = await getToken(sdkClient, _chainId, searchQuery, {\n signal,\n })\n if (token) {\n tokensResponse.tokens[_chainId] = [token]\n }\n }\n }\n\n // Mark all search tokens as unverified\n const tokens: TokensByChain = Object.fromEntries(\n Object.entries(tokensResponse.tokens).map(([chainId, tokens]) => [\n chainId,\n tokens.map((token) => ({ ...token, verified: false })),\n ])\n )\n\n return tokens\n },\n enabled: !!search,\n refetchInterval,\n staleTime: refetchInterval,\n })\n\n // Merge tokens at read time - single place where caches are combined\n const allTokens = useMemo(() => {\n const merged = mergeVerifiedWithSearchTokens(verifiedTokens, searchTokens)\n return filterAllowedTokens(merged, configTokens, chainsConfig, formType)\n }, [verifiedTokens, searchTokens, configTokens, chainsConfig, formType])\n\n return {\n allTokens,\n isLoading,\n isSearchLoading,\n }\n}\n"],"mappings":";;;;;;;;;;;AAsBA,MAAM,kBAAkB;AAExB,MAAa,aACX,UACA,QACA,YAKG;CACH,MAAM,EACJ,QAAQ,cACR,QAAQ,cACR,cACE,iBAAiB;CACrB,MAAM,YAAY,cAAc;CAChC,MAAM,EAAE,4BAA4B,yBAAyB;CAG7D,MAAM,EAAE,MAAM,gBAAgB,cAAc,SAAS;EACnD,UAAU,CAAC,YAAY,UAAU,UAAU,CAAC;EAC5C,SAAS,OAAO,EAAE,aAAa;GAS7B,MAAM,iBAAyC,MAAM,UACnD,WACA;IACE,YAXe;KACjB,UAAU;KACV,UAAU;KACV,UAAU;KACV,UAAU;KACV,UAAU;KACX,CAAC,QAAQ,cAAc,cAAc,WAAW,cAAc,MAAM,CAAC;IAMlE,SAAS;IACT,UAAU;IACV,OAAO;IACP,aAAa;IACd,EACD,EAAE,QAAQ,CACX;AAUD,UAP8B,OAAO,YACnC,OAAO,QAAQ,eAAe,OAAO,CAAC,KAAK,CAAC,SAAS,YAAY,CAC/D,SACA,OAAO,KAAK,WAAW;IAAE,GAAG;IAAO,UAAU;IAAM,EAAE,CACtD,CAAC,CACH;;EAIH;EACA,WAAW;EACZ,CAAC;CAGF,MAAM,EAAE,MAAM,cAAc,WAAW,oBAAoB,SAAS;EAClE,UAAU;GAAC,YAAY,iBAAiB,UAAU;GAAE;GAAQ;GAAQ;EACpE,SAAS,OAAO,EAAE,UAAU,aAAa;GACvC,MAAM,GAAG,aAAa,iBAAiB;GAavC,MAAM,iBAAyC,MAAM,UACnD,WACA;IACE,YAXe;KACjB,UAAU;KACV,UAAU;KACV,UAAU;KACV,UAAU;KACV,UAAU;KACX,CAAC,QAAQ,cAAc,cAAc,WAAW,cAAc,MAAM,CAAC;IAMlE,SAAS;IACT,UAAU;IACV,QAAQ;IACR,OAAO;IACP,aAAa;IACd,EACD,EAAE,QAAQ,CACX;GAGD,IAAI,WAAW;AACf,OAAI,CAAC,UAAU;IACb,MAAM,YAAY,wBAAwB,YAAY;AACtD,QAAI,aAAa,aAAa,sBAC5B,YAAW,sBAAsB;;AAMrC,OAAI,YAAY;QAEV,EADmB,eAAe,OAAO,aAAa,EAAE,EACxC,QAAQ;KAC1B,MAAM,QAAQ,MAAM,SAAS,WAAW,UAAU,aAAa,EAC7D,QACD,CAAC;AACF,SAAI,MACF,gBAAe,OAAO,YAAY,CAAC,MAAM;;;AAa/C,UAP8B,OAAO,YACnC,OAAO,QAAQ,eAAe,OAAO,CAAC,KAAK,CAAC,SAAS,YAAY,CAC/D,SACA,OAAO,KAAK,WAAW;IAAE,GAAG;IAAO,UAAU;IAAO,EAAE,CACvD,CAAC,CACH;;EAIH,SAAS,CAAC,CAAC;EACX;EACA,WAAW;EACZ,CAAC;AAQF,QAAO;EACL,WANgB,cAAc;AAE9B,UAAO,oBADQ,8BAA8B,gBAAgB,aAAa,EACvC,cAAc,cAAc,SAAS;KACvE;GAAC;GAAgB;GAAc;GAAc;GAAc;GAAS,CAAC;EAItE;EACA;EACD"}

package/dist/esm/hooks/useTransactionList.js CHANGED Viewed

@@ -1,5 +1,4 @@
 import { hasEnumFlag } from "../utils/enum.js";
-import { RouteExecutionStatus } from "../stores/routes/types.js";
 import { getSourceTxHash } from "../stores/routes/utils.js";
 import { useRouteExecutionStore } from "../stores/routes/RouteExecutionStore.js";
 import { useTransactionHistory } from "./useTransactionHistory.js";
@@ -21,12 +20,12 @@ const useTransactionList = () => {
 				if (!accountAddresses.includes(r.route.fromAddress)) continue;
 				if (apiTxHashes.has(getSourceTxHash(r.route))) continue;
 				const startedAt = r.route.steps[0]?.execution?.startedAt ?? 0;
-				if (r.status === RouteExecutionStatus.Pending || r.status === RouteExecutionStatus.Failed) activeItems.push({
+				if (r.status === 2 || r.status === 8) activeItems.push({
 					type: "active",
 					routeId: r.route.id,
 					startedAt
 				});
-				else if (hasEnumFlag(r.status, RouteExecutionStatus.Done)) localItems.push({
+				else if (hasEnumFlag(r.status, 4)) localItems.push({
 					type: "local",
 					routeExecution: r,
 					txHash: getSourceTxHash(r.route) ?? "",

package/dist/esm/hooks/useTransactionList.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useTransactionList.js","names":[],"sources":["../../../src/hooks/useTransactionList.ts"],"sourcesContent":["import { useAccount } from '@lifi/wallet-management'\nimport { useMemo } from 'react'\nimport type {\n ActiveItem,\n HistoryItem,\n LocalItem,\n TransactionListItem,\n} from '../pages/ActivitiesPage/types.js'\nimport { useRouteExecutionStore } from '../stores/routes/RouteExecutionStore.js'\nimport type {\n RouteExecution,\n RouteExecutionState,\n} from '../stores/routes/types.js'\nimport { RouteExecutionStatus } from '../stores/routes/types.js'\nimport { getSourceTxHash } from '../stores/routes/utils.js'\nimport { hasEnumFlag } from '../utils/enum.js'\nimport { useTransactionHistory } from './useTransactionHistory.js'\n\nconst routesSelector = (state: RouteExecutionState) => state.routes\n\nexport const useTransactionList = (): {\n items: TransactionListItem[]\n isLoading: boolean\n} => {\n const { accounts } = useAccount()\n const accountAddresses = useMemo(\n () => accounts.map((account) => account.address),\n [accounts]\n )\n\n const { data: apiRouteExecutions, isLoading } = useTransactionHistory()\n const routes = useRouteExecutionStore(routesSelector)\n\n const items = useMemo<TransactionListItem[]>(() => {\n const apiTxHashes = new Set(\n apiRouteExecutions.map((r) => getSourceTxHash(r.route))\n )\n\n const activeItems: ActiveItem[] = []\n const localItems: LocalItem[] = []\n\n for (const r of Object.values(routes) as RouteExecution[]) {\n if (!accountAddresses.includes(r.route.fromAddress)) {\n continue\n }\n // Guard against duplicates on the render before the store deletion\n // from useTransactionHistory's combine propagates.\n if (apiTxHashes.has(getSourceTxHash(r.route))) {\n continue\n }\n const startedAt = r.route.steps[0]?.execution?.startedAt ?? 0\n if (\n r.status === RouteExecutionStatus.Pending \|\|\n r.status === RouteExecutionStatus.Failed\n ) {\n activeItems.push({ type: 'active', routeId: r.route.id, startedAt })\n } else if (hasEnumFlag(r.status, RouteExecutionStatus.Done)) {\n localItems.push({\n type: 'local',\n routeExecution: r,\n txHash: getSourceTxHash(r.route) ?? '',\n // store startedAt is already in ms\n startedAt,\n })\n }\n }\n\n const historyItems: HistoryItem[] = apiRouteExecutions.map(\n (routeExecution) => ({\n type: 'history',\n routeExecution,\n txHash: getSourceTxHash(routeExecution.route) ?? '',\n startedAt: routeExecution.route.steps[0]?.execution?.startedAt ?? 0,\n })\n )\n\n return [...activeItems, ...localItems, ...historyItems].sort(\n (a, b) => b.startedAt - a.startedAt\n )\n }, [accountAddresses, apiRouteExecutions, routes])\n\n return { items, isLoading }\n}\n"],"mappings":"~~;;;;;;;;~~AAkBA,MAAM,kBAAkB,UAA+B,MAAM;AAE7D,MAAa,2BAGR;CACH,MAAM,EAAE,aAAa,YAAY;CACjC,MAAM,mBAAmB,cACjB,SAAS,KAAK,YAAY,QAAQ,QAAQ,EAChD,CAAC,SAAS,CACX;CAED,MAAM,EAAE,MAAM,oBAAoB,cAAc,uBAAuB;CACvE,MAAM,SAAS,uBAAuB,eAAe;AAkDrD,QAAO;EAAE,OAhDK,cAAqC;GACjD,MAAM,cAAc,IAAI,IACtB,mBAAmB,KAAK,MAAM,gBAAgB,EAAE,MAAM,CAAC,CACxD;GAED,MAAM,cAA4B,EAAE;GACpC,MAAM,aAA0B,EAAE;AAElC,QAAK,MAAM,KAAK,OAAO,OAAO,OAAO,EAAsB;AACzD,QAAI,CAAC,iBAAiB,SAAS,EAAE,MAAM,YAAY,CACjD;AAIF,QAAI,YAAY,IAAI,gBAAgB,EAAE,MAAM,CAAC,CAC3C;IAEF,MAAM,YAAY,EAAE,MAAM,MAAM,IAAI,WAAW,aAAa;AAC5D,QACE,EAAE,~~WAAW~~,~~qBAAqB~~,~~WAClC,~~EAAE,~~WAAW~~,~~qBAAqB~~,~~OAElC,~~aAAY,KAAK;KAAE,MAAM;KAAU,SAAS,EAAE,MAAM;KAAI;KAAW,CAAC;aAC3D,YAAY,EAAE,~~QAAQ~~,~~qBAAqB~~,~~KAAK,~~CACzD,YAAW,KAAK;KACd,MAAM;KACN,gBAAgB;KAChB,QAAQ,gBAAgB,EAAE,MAAM,IAAI;KAEpC;KACD,CAAC;;GAIN,MAAM,eAA8B,mBAAmB,KACpD,oBAAoB;IACnB,MAAM;IACN;IACA,QAAQ,gBAAgB,eAAe,MAAM,IAAI;IACjD,WAAW,eAAe,MAAM,MAAM,IAAI,WAAW,aAAa;IACnE,EACF;AAED,UAAO;IAAC,GAAG;IAAa,GAAG;IAAY,GAAG;IAAa,CAAC,MACrD,GAAG,MAAM,EAAE,YAAY,EAAE,UAC3B;KACA;GAAC;GAAkB;GAAoB;GAAO,CAAC;EAElC;EAAW"}
1	+ {"version":3,"file":"useTransactionList.js","names":[],"sources":["../../../src/hooks/useTransactionList.ts"],"sourcesContent":["import { useAccount } from '@lifi/wallet-management'\nimport { useMemo } from 'react'\nimport type {\n ActiveItem,\n HistoryItem,\n LocalItem,\n TransactionListItem,\n} from '../pages/ActivitiesPage/types.js'\nimport { useRouteExecutionStore } from '../stores/routes/RouteExecutionStore.js'\nimport type {\n RouteExecution,\n RouteExecutionState,\n} from '../stores/routes/types.js'\nimport { RouteExecutionStatus } from '../stores/routes/types.js'\nimport { getSourceTxHash } from '../stores/routes/utils.js'\nimport { hasEnumFlag } from '../utils/enum.js'\nimport { useTransactionHistory } from './useTransactionHistory.js'\n\nconst routesSelector = (state: RouteExecutionState) => state.routes\n\nexport const useTransactionList = (): {\n items: TransactionListItem[]\n isLoading: boolean\n} => {\n const { accounts } = useAccount()\n const accountAddresses = useMemo(\n () => accounts.map((account) => account.address),\n [accounts]\n )\n\n const { data: apiRouteExecutions, isLoading } = useTransactionHistory()\n const routes = useRouteExecutionStore(routesSelector)\n\n const items = useMemo<TransactionListItem[]>(() => {\n const apiTxHashes = new Set(\n apiRouteExecutions.map((r) => getSourceTxHash(r.route))\n )\n\n const activeItems: ActiveItem[] = []\n const localItems: LocalItem[] = []\n\n for (const r of Object.values(routes) as RouteExecution[]) {\n if (!accountAddresses.includes(r.route.fromAddress)) {\n continue\n }\n // Guard against duplicates on the render before the store deletion\n // from useTransactionHistory's combine propagates.\n if (apiTxHashes.has(getSourceTxHash(r.route))) {\n continue\n }\n const startedAt = r.route.steps[0]?.execution?.startedAt ?? 0\n if (\n r.status === RouteExecutionStatus.Pending \|\|\n r.status === RouteExecutionStatus.Failed\n ) {\n activeItems.push({ type: 'active', routeId: r.route.id, startedAt })\n } else if (hasEnumFlag(r.status, RouteExecutionStatus.Done)) {\n localItems.push({\n type: 'local',\n routeExecution: r,\n txHash: getSourceTxHash(r.route) ?? '',\n // store startedAt is already in ms\n startedAt,\n })\n }\n }\n\n const historyItems: HistoryItem[] = apiRouteExecutions.map(\n (routeExecution) => ({\n type: 'history',\n routeExecution,\n txHash: getSourceTxHash(routeExecution.route) ?? '',\n startedAt: routeExecution.route.steps[0]?.execution?.startedAt ?? 0,\n })\n )\n\n return [...activeItems, ...localItems, ...historyItems].sort(\n (a, b) => b.startedAt - a.startedAt\n )\n }, [accountAddresses, apiRouteExecutions, routes])\n\n return { items, isLoading }\n}\n"],"mappings":";;;;;;;AAkBA,MAAM,kBAAkB,UAA+B,MAAM;AAE7D,MAAa,2BAGR;CACH,MAAM,EAAE,aAAa,YAAY;CACjC,MAAM,mBAAmB,cACjB,SAAS,KAAK,YAAY,QAAQ,QAAQ,EAChD,CAAC,SAAS,CACX;CAED,MAAM,EAAE,MAAM,oBAAoB,cAAc,uBAAuB;CACvE,MAAM,SAAS,uBAAuB,eAAe;AAkDrD,QAAO;EAAE,OAhDK,cAAqC;GACjD,MAAM,cAAc,IAAI,IACtB,mBAAmB,KAAK,MAAM,gBAAgB,EAAE,MAAM,CAAC,CACxD;GAED,MAAM,cAA4B,EAAE;GACpC,MAAM,aAA0B,EAAE;AAElC,QAAK,MAAM,KAAK,OAAO,OAAO,OAAO,EAAsB;AACzD,QAAI,CAAC,iBAAiB,SAAS,EAAE,MAAM,YAAY,CACjD;AAIF,QAAI,YAAY,IAAI,gBAAgB,EAAE,MAAM,CAAC,CAC3C;IAEF,MAAM,YAAY,EAAE,MAAM,MAAM,IAAI,WAAW,aAAa;AAC5D,QACE,EAAE,WAAA,KACF,EAAE,WAAA,EAEF,aAAY,KAAK;KAAE,MAAM;KAAU,SAAS,EAAE,MAAM;KAAI;KAAW,CAAC;aAC3D,YAAY,EAAE,QAAA,EAAkC,CACzD,YAAW,KAAK;KACd,MAAM;KACN,gBAAgB;KAChB,QAAQ,gBAAgB,EAAE,MAAM,IAAI;KAEpC;KACD,CAAC;;GAIN,MAAM,eAA8B,mBAAmB,KACpD,oBAAoB;IACnB,MAAM;IACN;IACA,QAAQ,gBAAgB,eAAe,MAAM,IAAI;IACjD,WAAW,eAAe,MAAM,MAAM,IAAI,WAAW,aAAa;IACnE,EACF;AAED,UAAO;IAAC,GAAG;IAAa,GAAG;IAAY,GAAG;IAAa,CAAC,MACrD,GAAG,MAAM,EAAE,YAAY,EAAE,UAC3B;KACA;GAAC;GAAkB;GAAoB;GAAO,CAAC;EAElC;EAAW"}

package/dist/esm/i18n/en.json CHANGED Viewed

@@ -132,6 +132,9 @@
       "slippageOutsideRecommendedLimits": "High slippage tolerance may result in unfavorable trade caused by front-running.",
       "slippageUnderRecommendedLimits": "Low slippage tolerance may cause transaction delays or failures."
     },
+    "checkbox": {
+      "highValueLoss": "I accept the high value loss"
+    },
     "title": {
       "clearFailedTransactions": "Clear all failed transactions?",
       "highValueLoss": "High value loss",

package/dist/esm/pages/ActivitiesPage/ActivitiesPage.js CHANGED Viewed

@@ -1,5 +1,4 @@
 import { PageContainer } from "../../components/PageContainer.js";
-import { RouteExecutionStatus } from "../../stores/routes/types.js";
 import { useRouteExecutionStore } from "../../stores/routes/RouteExecutionStore.js";
 import { TransactionCardSkeleton } from "../../components/TransactionCard/TransactionCardSkeleton.js";
 import { useHeader } from "../../hooks/useHeader.js";
@@ -23,7 +22,7 @@ const ActivitiesPage = () => {
 	const { t } = useTranslation();
 	const { accounts } = useAccount();
 	const accountAddresses = useMemo(() => accounts.map((account) => account.address), [accounts]);
-	const hasFailedItems = useRouteExecutionStore(useCallback((state) => Object.values(state.routes).some((r) => r?.status === RouteExecutionStatus.Failed && accountAddresses.includes(r.route.fromAddress)), [accountAddresses]));
+	const hasFailedItems = useRouteExecutionStore(useCallback((state) => Object.values(state.routes).some((r) => r?.status === 8 && accountAddresses.includes(r.route.fromAddress)), [accountAddresses]));
 	useHeader(t("header.activities"), hasFailedItems ? /* @__PURE__ */ jsx(ActivitiesPageMenuButton, {}) : null);
 	const { listHeight } = useListHeight({ listParentRef: parentRef });
 	const hasStoreItems = items.length > 0;