@lifi/widget 4.0.0-beta.8 → 4.0.0

package/dist/esm/hooks/useLongPress.js

@@ -1,41 +1,40 @@
-import { useCallback, useRef } from 'react';
-export const useLongPress = (callback = () => { }, ms = 500) => {
-    const timerRef = useRef(null);
-    const isPressedRef = useRef(false);
-    const startPosRef = useRef(null);
-    const start = useCallback((e) => {
-        isPressedRef.current = true;
-        startPosRef.current = { x: e.clientX, y: e.clientY };
-        timerRef.current = setTimeout(() => {
-            if (isPressedRef.current) {
-                callback();
-            }
-        }, ms);
-    }, [callback, ms]);
-    const clear = useCallback(() => {
-        isPressedRef.current = false;
-        startPosRef.current = null;
-        if (timerRef.current) {
-            clearTimeout(timerRef.current);
-        }
-    }, []);
-    // Based on https://github.com/minwork/react/tree/main/packages/use-long-press
-    const move = useCallback((e) => {
-        if (isPressedRef.current && startPosRef.current) {
-            const dx = Math.abs(e.clientX - startPosRef.current.x);
-            const dy = Math.abs(e.clientY - startPosRef.current.y);
-            const limit = 25;
-            if (dx > limit || dy > limit) {
-                clear(); // cancel on movement
-            }
-        }
-    }, [clear]);
-    return {
-        onPointerDown: start,
-        onPointerUp: clear,
-        onPointerLeave: clear,
-        onPointerCancel: clear,
-        onPointerMove: move,
-    };
+import { useCallback, useRef } from "react";
+//#region src/hooks/useLongPress.ts
+const useLongPress = (callback = () => {}, ms = 500) => {
+	const timerRef = useRef(null);
+	const isPressedRef = useRef(false);
+	const startPosRef = useRef(null);
+	const start = useCallback((e) => {
+		isPressedRef.current = true;
+		startPosRef.current = {
+			x: e.clientX,
+			y: e.clientY
+		};
+		timerRef.current = setTimeout(() => {
+			if (isPressedRef.current) callback();
+		}, ms);
+	}, [callback, ms]);
+	const clear = useCallback(() => {
+		isPressedRef.current = false;
+		startPosRef.current = null;
+		if (timerRef.current) clearTimeout(timerRef.current);
+	}, []);
+	return {
+		onPointerDown: start,
+		onPointerUp: clear,
+		onPointerLeave: clear,
+		onPointerCancel: clear,
+		onPointerMove: useCallback((e) => {
+			if (isPressedRef.current && startPosRef.current) {
+				const dx = Math.abs(e.clientX - startPosRef.current.x);
+				const dy = Math.abs(e.clientY - startPosRef.current.y);
+				const limit = 25;
+				if (dx > limit || dy > limit) clear();
+			}
+		}, [clear])
+	};
 };
+//#endregion
+export { useLongPress };
+
 //# sourceMappingURL=useLongPress.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useLongPress.js","sourceRoot":"","sources":["../../../src/hooks/useLongPress.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAE3C,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,QAAQ,GAAG,GAAG,EAAE,GAAE,CAAC,EAAE,EAAE,GAAG,GAAG,EAAE,EAAE;IAC5D,MAAM,QAAQ,GAAG,MAAM,CAAwB,IAAI,CAAC,CAAA;IACpD,MAAM,YAAY,GAAG,MAAM,CAAC,KAAK,CAAC,CAAA;IAClC,MAAM,WAAW,GAAG,MAAM,CAAkC,IAAI,CAAC,CAAA;IAEjE,MAAM,KAAK,GAAG,WAAW,CACvB,CAAC,CAAqB,EAAE,EAAE;QACxB,YAAY,CAAC,OAAO,GAAG,IAAI,CAAA;QAC3B,WAAW,CAAC,OAAO,GAAG,EAAE,CAAC,EAAE,CAAC,CAAC,OAAO,EAAE,CAAC,EAAE,CAAC,CAAC,OAAO,EAAE,CAAA;QACpD,QAAQ,CAAC,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE;YACjC,IAAI,YAAY,CAAC,OAAO,EAAE,CAAC;gBACzB,QAAQ,EAAE,CAAA;YACZ,CAAC;QACH,CAAC,EAAE,EAAE,CAAC,CAAA;IACR,CAAC,EACD,CAAC,QAAQ,EAAE,EAAE,CAAC,CACf,CAAA;IAED,MAAM,KAAK,GAAG,WAAW,CAAC,GAAG,EAAE;QAC7B,YAAY,CAAC,OAAO,GAAG,KAAK,CAAA;QAC5B,WAAW,CAAC,OAAO,GAAG,IAAI,CAAA;QAC1B,IAAI,QAAQ,CAAC,OAAO,EAAE,CAAC;YACrB,YAAY,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAA;QAChC,CAAC;IACH,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,8EAA8E;IAC9E,MAAM,IAAI,GAAG,WAAW,CACtB,CAAC,CAAqB,EAAE,EAAE;QACxB,IAAI,YAAY,CAAC,OAAO,IAAI,WAAW,CAAC,OAAO,EAAE,CAAC;YAChD,MAAM,EAAE,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,OAAO,GAAG,WAAW,CAAC,OAAO,CAAC,CAAC,CAAC,CAAA;YACtD,MAAM,EAAE,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,OAAO,GAAG,WAAW,CAAC,OAAO,CAAC,CAAC,CAAC,CAAA;YACtD,MAAM,KAAK,GAAG,EAAE,CAAA;YAChB,IAAI,EAAE,GAAG,KAAK,IAAI,EAAE,GAAG,KAAK,EAAE,CAAC;gBAC7B,KAAK,EAAE,CAAA,CAAC,qBAAqB;YAC/B,CAAC;QACH,CAAC;IACH,CAAC,EACD,CAAC,KAAK,CAAC,CACR,CAAA;IAED,OAAO;QACL,aAAa,EAAE,KAAK;QACpB,WAAW,EAAE,KAAK;QAClB,cAAc,EAAE,KAAK;QACrB,eAAe,EAAE,KAAK;QACtB,aAAa,EAAE,IAAI;KACpB,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"useLongPress.js","names":[],"sources":["../../../src/hooks/useLongPress.ts"],"sourcesContent":["import { useCallback, useRef } from 'react'\n\nexport const useLongPress = (\n  callback: () => void = () => {},\n  ms: number = 500\n): {\n  onPointerDown: (e: React.PointerEvent) => void\n  onPointerUp: () => void\n  onPointerLeave: () => void\n  onPointerCancel: () => void\n  onPointerMove: (e: React.PointerEvent) => void\n} => {\n  const timerRef = useRef<NodeJS.Timeout | null>(null)\n  const isPressedRef = useRef(false)\n  const startPosRef = useRef<{ x: number; y: number } | null>(null)\n\n  const start = useCallback(\n    (e: React.PointerEvent) => {\n      isPressedRef.current = true\n      startPosRef.current = { x: e.clientX, y: e.clientY }\n      timerRef.current = setTimeout(() => {\n        if (isPressedRef.current) {\n          callback()\n        }\n      }, ms)\n    },\n    [callback, ms]\n  )\n\n  const clear = useCallback(() => {\n    isPressedRef.current = false\n    startPosRef.current = null\n    if (timerRef.current) {\n      clearTimeout(timerRef.current)\n    }\n  }, [])\n\n  // Based on https://github.com/minwork/react/tree/main/packages/use-long-press\n  const move = useCallback(\n    (e: React.PointerEvent) => {\n      if (isPressedRef.current && startPosRef.current) {\n        const dx = Math.abs(e.clientX - startPosRef.current.x)\n        const dy = Math.abs(e.clientY - startPosRef.current.y)\n        const limit = 25\n        if (dx > limit || dy > limit) {\n          clear() // cancel on movement\n        }\n      }\n    },\n    [clear]\n  )\n\n  return {\n    onPointerDown: start,\n    onPointerUp: clear,\n    onPointerLeave: clear,\n    onPointerCancel: clear,\n    onPointerMove: move,\n  }\n}\n"],"mappings":";;AAEA,MAAa,gBACX,iBAA6B,CAAC,GAC9B,KAAa,QAOV;CACH,MAAM,WAAW,OAA8B,IAAI;CACnD,MAAM,eAAe,OAAO,KAAK;CACjC,MAAM,cAAc,OAAwC,IAAI;CAEhE,MAAM,QAAQ,aACX,MAA0B;EACzB,aAAa,UAAU;EACvB,YAAY,UAAU;GAAE,GAAG,EAAE;GAAS,GAAG,EAAE;EAAQ;EACnD,SAAS,UAAU,iBAAiB;GAClC,IAAI,aAAa,SACf,SAAS;EAEb,GAAG,EAAE;CACP,GACA,CAAC,UAAU,EAAE,CACf;CAEA,MAAM,QAAQ,kBAAkB;EAC9B,aAAa,UAAU;EACvB,YAAY,UAAU;EACtB,IAAI,SAAS,SACX,aAAa,SAAS,OAAO;CAEjC,GAAG,CAAC,CAAC;CAiBL,OAAO;EACL,eAAe;EACf,aAAa;EACb,gBAAgB;EAChB,iBAAiB;EACjB,eAnBW,aACV,MAA0B;GACzB,IAAI,aAAa,WAAW,YAAY,SAAS;IAC/C,MAAM,KAAK,KAAK,IAAI,EAAE,UAAU,YAAY,QAAQ,CAAC;IACrD,MAAM,KAAK,KAAK,IAAI,EAAE,UAAU,YAAY,QAAQ,CAAC;IACrD,MAAM,QAAQ;IACd,IAAI,KAAK,SAAS,KAAK,OACrB,MAAM;GAEV;EACF,GACA,CAAC,KAAK,CAQY;CACpB;AACF"}

package/dist/esm/hooks/useNavigateBack.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"useNavigateBack.js","sourceRoot":"","sources":["../../../src/hooks/useNavigateBack.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAA;AAClD,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAA;AACnC,OAAO,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAA;AAE5D,MAAM,CAAC,MAAM,eAAe,GAAG,GAAG,EAAE;IAClC,MAAM,MAAM,GAAG,SAAS,EAAE,CAAA;IAE1B,MAAM,YAAY,GAAG,WAAW,CAAC,GAAG,EAAE;QACpC,IAAI,MAAM,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YAC9B,MAAM,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;QACvB,CAAC;aAAM,CAAC;YACN,MAAM,CAAC,QAAQ,CAAC,EAAE,EAAE,EAAE,gBAAgB,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAA;QAC/D,CAAC;IACH,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAA;IAEZ,OAAO,YAAY,CAAA;AACrB,CAAC,CAAA"}
+{"version":3,"file":"useNavigateBack.js","names":[],"sources":["../../../src/hooks/useNavigateBack.ts"],"sourcesContent":["import { useRouter } from '@tanstack/react-router'\nimport { useCallback } from 'react'\nimport { navigationRoutes } from '../utils/navigationRoutes.js'\n\nexport const useNavigateBack = (): (() => void) => {\n  const router = useRouter()\n\n  const navigateBack = useCallback(() => {\n    if (router.history.length > 1) {\n      router.history.go(-1)\n    } else {\n      router.navigate({ to: navigationRoutes.home, replace: true })\n    }\n  }, [router])\n\n  return navigateBack\n}\n"],"mappings":";;;;AAIA,MAAa,wBAAsC;CACjD,MAAM,SAAS,UAAU;CAUzB,OARqB,kBAAkB;EACrC,IAAI,OAAO,QAAQ,SAAS,GAC1B,OAAO,QAAQ,GAAG,EAAE;OAEpB,OAAO,SAAS;GAAE,IAAI,iBAAiB;GAAM,SAAS;EAAK,CAAC;CAEhE,GAAG,CAAC,MAAM,CAEQ;AACpB"}

package/dist/esm/hooks/usePacedRouteExecution.js

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

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

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

package/dist/esm/hooks/usePacedValue.js

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

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

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

package/dist/esm/hooks/useRouteExecution.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"useRouteExecution.js","sourceRoot":"","sources":["../../../src/hooks/useRouteExecution.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,oBAAoB,EAAE,MAAM,WAAW,CAAA;AAC3E,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAA;AACpD,OAAO,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAA;AACnE,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AACtD,OAAO,EAAE,YAAY,EAAE,MAAM,mCAAmC,CAAA;AAChE,OAAO,EAAE,eAAe,EAAE,MAAM,+CAA+C,CAAA;AAC/E,OAAO,EACL,sBAAsB,EACtB,6BAA6B,GAC9B,MAAM,yCAAyC,CAAA;AAChD,OAAO,EACL,gBAAgB,EAChB,aAAa,EACb,WAAW,EACX,aAAa,GACd,MAAM,2BAA2B,CAAA;AAClC,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAA;AAChD,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAA;AACjD,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAA;AAWtD,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,EAChC,OAAO,EACP,mBAAmB,EACnB,0BAA0B,GACN,EAAE,EAAE;IACxB,MAAM,WAAW,GAAG,cAAc,EAAE,CAAA;IACpC,MAAM,EAAE,OAAO,EAAE,GAAG,UAAU,EAAE,CAAA;IAChC,MAAM,iBAAiB,GAAG,MAAM,CAAC,KAAK,CAAC,CAAA;IACvC,MAAM,EAAE,SAAS,EAAE,GAAG,eAAe,EAAE,CAAA;IACvC,MAAM,SAAS,GAAG,YAAY,EAAE,CAAA;IAChC,MAAM,OAAO,GAAG,eAAe,EAAE,CAAA;IACjC,MAAM,0BAA0B,GAAG,6BAA6B,EAAE,CAAA;IAClE,MAAM,cAAc,GAAG,sBAAsB,CAC3C,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,CACjC,CAAA;IACD,MAAM,CAAC,WAAW,EAAE,WAAW,CAAC,GAAG,sBAAsB,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC;QACnE,KAAK,CAAC,WAAW;QACjB,KAAK,CAAC,WAAW;KAClB,CAAC,CAAA;IAEF,MAAM,eAAe,GAAG,CAAC,YAAmB,EAAE,EAAE;QAC9C,MAAM,cAAc,GAClB,0BAA0B,CAAC,QAAQ,EAAE,CAAC,MAAM,CAAC,YAAY,CAAC,EAAE,CAAC,CAAA;QAC/D,IAAI,CAAC,cAAc,EAAE,CAAC;YACpB,OAAM;QACR,CAAC;QACD,MAAM,kBAAkB,GAAG,eAAe,CAAC,YAAY,CAAC,CAAA;QACxD,WAAW,CAAC,kBAAkB,CAAC,CAAA;QAC/B,MAAM,MAAM,GAAG,gBAAgB,CAAC,cAAc,CAAC,KAAK,EAAE,kBAAkB,CAAC,CAAA;QACzE,IAAI,MAAM,EAAE,CAAC;YACX,OAAO,CAAC,IAAI,CAAC,WAAW,CAAC,qBAAqB,EAAE;gBAC9C,KAAK,EAAE,kBAAkB;gBACzB,MAAM;aACP,CAAC,CAAA;QACJ,CAAC;QACD,MAAM,kBAAkB,GAAG,WAAW,CAAC,kBAAkB,CAAC,CAAA;QAC1D,MAAM,eAAe,GAAG,aAAa,CAAC,kBAAkB,CAAC,CAAA;QACzD,IAAI,kBAAkB,EAAE,CAAC;YACvB,OAAO,CAAC,IAAI,CAAC,WAAW,CAAC,uBAAuB,EAAE,kBAAkB,CAAC,CAAA;QACvE,CAAC;QACD,IAAI,eAAe,IAAI,MAAM,EAAE,CAAC;YAC9B,OAAO,CAAC,IAAI,CAAC,WAAW,CAAC,oBAAoB,EAAE;gBAC7C,KAAK,EAAE,kBAAkB;gBACzB,MAAM;aACP,CAAC,CAAA;QACJ,CAAC;QACD,IAAI,kBAAkB,IAAI,eAAe,EAAE,CAAC;YAC1C,MAAM,cAAc,GAAG;gBACrB;oBACE,WAAW,CAAC,gBAAgB,EAAE,SAAS,CAAC;oBACxC,kBAAkB,CAAC,WAAW;oBAC9B,kBAAkB,CAAC,WAAW;iBAC/B;gBACD;oBACE,WAAW,CAAC,gBAAgB,EAAE,SAAS,CAAC;oBACxC,kBAAkB,CAAC,SAAS;oBAC5B,kBAAkB,CAAC,SAAS;iBAC7B;gBACD,CAAC,WAAW,CAAC,qBAAqB,EAAE,SAAS,CAAC,CAAC;aAChD,CAAA;YACD,KAAK,MAAM,GAAG,IAAI,cAAc,EAAE,CAAC;gBACjC,WAAW,CAAC,iBAAiB,CAC3B;oBACE,QAAQ,EAAE,GAAG;oBACb,KAAK,EAAE,KAAK;oBACZ,WAAW,EAAE,KAAK;iBACnB,EACD,EAAE,aAAa,EAAE,KAAK,EAAE,CACzB,CAAA;YACH,CAAC;QACH,CAAC;QACD,iEAAiE;QACjE,OAAO,CAAC,GAAG,CAAC,gBAAgB,EAAE,kBAAkB,CAAC,CAAA;IACnD,CAAC,CAAA;IAED,MAAM,4BAA4B,GAAG,KAAK,EACxC,MAAgC,EAChC,EAAE;QACF,IAAI,CAAC,0BAA0B,EAAE,CAAC;YAChC,OAAO,KAAK,CAAA;QACd,CAAC;QAED,MAAM,QAAQ,GAAG,MAAM,IAAI,OAAO,CAAU,CAAC,OAAO,EAAE,EAAE,CACtD,0BAA0B,CAAC,OAAO,EAAE,MAAM,CAAC,CAC5C,CAAA;QAED,OAAO,QAAQ,CAAA;IACjB,CAAC,CAAA;IAED,MAAM,oBAAoB,GAAG,WAAW,CAAC;QACvC,UAAU,EAAE,GAAG,EAAE;YACf,IAAI,CAAC,OAAO,CAAC,WAAW,EAAE,CAAC;gBACzB,MAAM,IAAI,KAAK,CAAC,2BAA2B,CAAC,CAAA;YAC9C,CAAC;YACD,IAAI,CAAC,cAAc,EAAE,KAAK,EAAE,CAAC;gBAC3B,MAAM,IAAI,KAAK,CAAC,4BAA4B,CAAC,CAAA;YAC/C,CAAC;YACD,WAAW,CAAC,aAAa,CAAC;gBACxB,QAAQ,EAAE,CAAC,WAAW,CAAC,QAAQ,EAAE,SAAS,CAAC,CAAC;gBAC5C,KAAK,EAAE,KAAK;aACb,CAAC,CAAA;YACF,OAAO,YAAY,CAAC,SAAS,EAAE,cAAc,CAAC,KAAK,EAAE;gBACnD,eAAe;gBACf,4BAA4B;gBAC5B,gBAAgB,EAAE,KAAK;gBACvB,mBAAmB;gBACnB,GAAG,SAAS,CAAC,MAAM,EAAE,gBAAgB;aACtC,CAAC,CAAA;QACJ,CAAC;QACD,QAAQ,EAAE,GAAG,EAAE;YACb,iEAAiE;YACjE,OAAO,CAAC,GAAG,CAAC,oBAAoB,EAAE,OAAO,CAAC,CAAA;YAC1C,IAAI,cAAc,EAAE,CAAC;gBACnB,OAAO,CAAC,IAAI,CAAC,WAAW,CAAC,qBAAqB,EAAE,cAAc,CAAC,KAAK,CAAC,CAAA;YACvE,CAAC;QACH,CAAC;KACF,CAAC,CAAA;IAEF,MAAM,mBAAmB,GAAG,WAAW,CAAC;QACtC,UAAU,EAAE,CAAC,YAAoB,EAAE,EAAE;YACnC,IAAI,CAAC,OAAO,CAAC,WAAW,EAAE,CAAC;gBACzB,MAAM,IAAI,KAAK,CAAC,2BAA2B,CAAC,CAAA;YAC9C,CAAC;YACD,IAAI,CAAC,cAAc,EAAE,KAAK,EAAE,CAAC;gBAC3B,MAAM,IAAI,KAAK,CAAC,4BAA4B,CAAC,CAAA;YAC/C,CAAC;YACD,OAAO,WAAW,CAAC,SAAS,EAAE,YAAY,IAAI,cAAc,CAAC,KAAK,EAAE;gBAClE,eAAe;gBACf,4BAA4B;gBAC5B,gBAAgB,EAAE,KAAK;gBACvB,mBAAmB;aACpB,CAAC,CAAA;QACJ,CAAC;QACD,QAAQ,EAAE,GAAG,EAAE;YACb,iEAAiE;YACjE,OAAO,CAAC,GAAG,CAAC,uBAAuB,EAAE,OAAO,CAAC,CAAA;QAC/C,CAAC;KACF,CAAC,CAAA;IAEF,MAAM,aAAa,GAAG,WAAW,CAAC,GAAG,EAAE;QACrC,oBAAoB,CAAC,WAAW,CAAC,SAAS,EAAE;YAC1C,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE;gBACjB,OAAO,CAAC,IAAI,CAAC,mBAAmB,EAAE,OAAO,EAAE,KAAK,CAAC,CAAA;YACnD,CAAC;YACD,SAAS,EAAE,CAAC,KAAY,EAAE,EAAE;gBAC1B,iEAAiE;gBACjE,OAAO,CAAC,GAAG,CAAC,wBAAwB,EAAE,KAAK,CAAC,CAAA;YAC9C,CAAC;SACF,CAAC,CAAA;IACJ,CAAC,EAAE,CAAC,oBAAoB,EAAE,OAAO,CAAC,CAAC,CAAA;IAEnC,MAAM,YAAY,GAAG,WAAW,CAC9B,CAAC,KAAa,EAAE,EAAE;QAChB,mBAAmB,CAAC,WAAW,CAAC,KAAK,EAAE;YACrC,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE;gBACjB,OAAO,CAAC,IAAI,CAAC,2BAA2B,EAAE,OAAO,EAAE,KAAK,CAAC,CAAA;YAC3D,CAAC;YACD,SAAS,EAAE,CAAC,KAAK,EAAE,EAAE;gBACnB,iEAAiE;gBACjE,OAAO,CAAC,GAAG,CAAC,+BAA+B,EAAE,KAAK,CAAC,CAAA;YACrD,CAAC;SACF,CAAC,CAAA;IACJ,CAAC,EACD,CAAC,mBAAmB,EAAE,OAAO,CAAC,CAC/B,CAAA;IAED,yFAAyF;IACzF,MAAM,oBAAoB,GAAG,WAAW,CAAC,GAAG,EAAE;QAC5C,YAAY,CAAC,cAAc,EAAE,KAAK,CAAC,CAAA;IACrC,CAAC,EAAE,CAAC,YAAY,EAAE,cAAc,EAAE,KAAK,EAAE,OAAO,CAAC,CAAC,CAAA;IAElD,yFAAyF;IACzF,MAAM,mBAAmB,GAAG,WAAW,CAAC,GAAG,EAAE;QAC3C,WAAW,CAAC,OAAO,CAAC,CAAA;IACtB,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAA;IAEb,2CAA2C;IAC3C,yFAAyF;IACzF,SAAS,CAAC,GAAG,EAAE;QACb,oDAAoD;QACpD,MAAM,KAAK,GAAG,0BAA0B,CAAC,QAAQ,EAAE,CAAC,MAAM,CAAC,OAAO,CAAC,EAAE,KAAK,CAAA;QAC1E,IACE,aAAa,CAAC,KAAK,CAAC;YACpB,OAAO,CAAC,WAAW;YACnB,CAAC,iBAAiB,CAAC,OAAO,EAC1B,CAAC;YACD,iBAAiB,CAAC,OAAO,GAAG,IAAI,CAAA;YAChC,YAAY,EAAE,CAAA;QAChB,CAAC;QAED,0CAA0C;QAC1C,OAAO,GAAG,EAAE;YACV,MAAM,KAAK,GAAG,0BAA0B,CAAC,QAAQ,EAAE,CAAC,MAAM,CAAC,OAAO,CAAC,EAAE,KAAK,CAAA;YAC1E,IAAI,CAAC,KAAK,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,EAAE,CAAC;gBACpC,OAAM;YACR,CAAC;YACD,oBAAoB,CAAC,KAAK,EAAE,EAAE,mBAAmB,EAAE,IAAI,EAAE,CAAC,CAAA;YAC1D,iEAAiE;YACjE,OAAO,CAAC,GAAG,CAAC,qCAAqC,EAAE,OAAO,CAAC,CAAA;YAC3D,iBAAiB,CAAC,OAAO,GAAG,KAAK,CAAA;QACnC,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,OAAO,CAAC,WAAW,EAAE,0BAA0B,EAAE,OAAO,CAAC,CAAC,CAAA;IAE9D,OAAO;QACL,YAAY,EAAE,aAAa;QAC3B,YAAY,EAAE,oBAAoB;QAClC,WAAW,EAAE,mBAAmB;QAChC,KAAK,EAAE,cAAc,EAAE,KAAK;QAC5B,MAAM,EAAE,cAAc,EAAE,MAAM;KAC/B,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"useRouteExecution.js","names":[],"sources":["../../../src/hooks/useRouteExecution.ts"],"sourcesContent":["import type { ExchangeRateUpdateParams, Route, RouteExtended } from '@lifi/sdk'\nimport { executeRoute, resumeRoute, updateRouteExecution } from '@lifi/sdk'\nimport { useAccount } from '@lifi/wallet-management'\nimport { useMutation, useQueryClient } from '@tanstack/react-query'\nimport { useCallback, useEffect, useRef } from 'react'\nimport { useSDKClient } from '../providers/SDKClientProvider.js'\nimport { useWidgetConfig } from '../providers/WidgetProvider/WidgetProvider.js'\nimport {\n  useRouteExecutionStore,\n  useRouteExecutionStoreContext,\n} from '../stores/routes/RouteExecutionStore.js'\nimport type { RouteExecutionStatus } from '../stores/routes/types.js'\nimport {\n  getUpdatedAction,\n  isRouteActive,\n  isRouteDone,\n  isRouteFailed,\n} from '../stores/routes/utils.js'\nimport { WidgetEvent } from '../types/events.js'\nimport { getQueryKey } from '../utils/queries.js'\nimport { useWidgetEvents } from './useWidgetEvents.js'\n\ninterface RouteExecutionProps {\n  routeId: string\n  executeInBackground?: boolean\n  onAcceptExchangeRateUpdate?(\n    resolver: (value: boolean) => void,\n    data: ExchangeRateUpdateParams\n  ): void\n}\n\nexport const useRouteExecution = ({\n  routeId,\n  executeInBackground,\n  onAcceptExchangeRateUpdate,\n}: RouteExecutionProps): {\n  executeRoute: () => void\n  restartRoute: () => void\n  deleteRoute: () => void\n  route: RouteExtended | undefined\n  status: RouteExecutionStatus | undefined\n} => {\n  const queryClient = useQueryClient()\n  const { account } = useAccount()\n  const resumedAfterMount = useRef(false)\n  const { keyPrefix } = useWidgetConfig()\n  const sdkClient = useSDKClient()\n  const emitter = useWidgetEvents()\n  const routeExecutionStoreContext = useRouteExecutionStoreContext()\n  const routeExecution = useRouteExecutionStore(\n    (state) => state.routes[routeId]\n  )\n  const [updateRoute, deleteRoute] = useRouteExecutionStore((state) => [\n    state.updateRoute,\n    state.deleteRoute,\n  ])\n\n  const updateRouteHook = (updatedRoute: Route) => {\n    const routeExecution =\n      routeExecutionStoreContext.getState().routes[updatedRoute.id]\n    if (!routeExecution) {\n      return\n    }\n    const clonedUpdatedRoute = structuredClone(updatedRoute)\n    updateRoute(clonedUpdatedRoute)\n    const action = getUpdatedAction(routeExecution.route, clonedUpdatedRoute)\n    if (action) {\n      emitter.emit(WidgetEvent.RouteExecutionUpdated, {\n        route: clonedUpdatedRoute,\n        action,\n      })\n    }\n    const executionCompleted = isRouteDone(clonedUpdatedRoute)\n    const executionFailed = isRouteFailed(clonedUpdatedRoute)\n    if (executionCompleted) {\n      emitter.emit(WidgetEvent.RouteExecutionCompleted, clonedUpdatedRoute)\n    }\n    if (executionFailed && action) {\n      emitter.emit(WidgetEvent.RouteExecutionFailed, {\n        route: clonedUpdatedRoute,\n        action,\n      })\n    }\n    if (executionCompleted || executionFailed) {\n      const invalidateKeys = [\n        [\n          getQueryKey('token-balances', keyPrefix),\n          clonedUpdatedRoute.fromAddress,\n          clonedUpdatedRoute.fromChainId,\n        ],\n        [\n          getQueryKey('token-balances', keyPrefix),\n          clonedUpdatedRoute.toAddress,\n          clonedUpdatedRoute.toChainId,\n        ],\n        [getQueryKey('transaction-history', keyPrefix)],\n      ]\n      for (const key of invalidateKeys) {\n        queryClient.invalidateQueries(\n          {\n            queryKey: key,\n            exact: false,\n            refetchType: 'all',\n          },\n          { cancelRefetch: false }\n        )\n      }\n    }\n    // biome-ignore lint/suspicious/noConsole: logs route information\n    console.log('Route updated.', clonedUpdatedRoute)\n  }\n\n  const acceptExchangeRateUpdateHook = async (\n    params: ExchangeRateUpdateParams\n  ) => {\n    if (!onAcceptExchangeRateUpdate) {\n      return false\n    }\n\n    const accepted = await new Promise<boolean>((resolve) =>\n      onAcceptExchangeRateUpdate(resolve, params)\n    )\n\n    return accepted\n  }\n\n  const executeRouteMutation = useMutation({\n    mutationFn: () => {\n      if (!account.isConnected) {\n        throw new Error('Account is not connected.')\n      }\n      if (!routeExecution?.route) {\n        throw new Error('Execution route not found.')\n      }\n      queryClient.removeQueries({\n        queryKey: [getQueryKey('routes', keyPrefix)],\n        exact: false,\n      })\n      return executeRoute(sdkClient, routeExecution.route, {\n        updateRouteHook,\n        acceptExchangeRateUpdateHook,\n        executeInBackground,\n        ...sdkClient.config?.executionOptions,\n      })\n    },\n    onMutate: () => {\n      // biome-ignore lint/suspicious/noConsole: logs route information\n      console.log('Execution started.', routeId)\n      if (routeExecution) {\n        emitter.emit(WidgetEvent.RouteExecutionStarted, routeExecution.route)\n      }\n    },\n    onError: (error) => {\n      console.warn('Execution failed!', routeId, error)\n    },\n    onSuccess: (route: Route) => {\n      // biome-ignore lint/suspicious/noConsole: logs route information\n      console.log('Executed successfully!', route)\n    },\n  })\n\n  const resumeRouteMutation = useMutation({\n    mutationFn: (args?: { route?: Route; executeInBackground?: boolean }) => {\n      if (!account.isConnected) {\n        throw new Error('Account is not connected.')\n      }\n      if (!routeExecution?.route) {\n        throw new Error('Execution route not found.')\n      }\n      return resumeRoute(sdkClient, args?.route ?? routeExecution.route, {\n        updateRouteHook,\n        acceptExchangeRateUpdateHook,\n        executeInBackground: args?.executeInBackground ?? executeInBackground,\n      })\n    },\n    onMutate: () => {\n      // biome-ignore lint/suspicious/noConsole: logs route information\n      console.log('Resumed to execution.', routeId)\n    },\n    onError: (error) => {\n      console.warn('Resumed execution failed.', routeId, error)\n    },\n    onSuccess: (route) => {\n      // biome-ignore lint/suspicious/noConsole: logs route information\n      console.log('Resumed execution successful.', route)\n    },\n  })\n\n  const _executeRoute = useCallback(() => {\n    executeRouteMutation.mutateAsync(undefined)\n  }, [executeRouteMutation])\n\n  const _resumeRoute = useCallback(\n    (route?: Route) => {\n      resumeRouteMutation.mutateAsync({ route })\n    },\n    [resumeRouteMutation]\n  )\n\n  const restartRouteMutation = useCallback(() => {\n    resumeRouteMutation.mutateAsync({\n      route: routeExecution?.route,\n      executeInBackground: false,\n    })\n  }, [resumeRouteMutation, routeExecution?.route])\n\n  // biome-ignore lint/correctness/useExhaustiveDependencies: run only when routeId changes\n  const deleteRouteMutation = useCallback(() => {\n    deleteRoute(routeId)\n  }, [routeId])\n\n  // Resume route execution after page reload\n  // biome-ignore lint/correctness/useExhaustiveDependencies: run only when routeId changes\n  useEffect(() => {\n    // Check if route is eligible for automatic resuming\n    const route = routeExecutionStoreContext.getState().routes[routeId]?.route\n    if (\n      isRouteActive(route) &&\n      account.isConnected &&\n      !resumedAfterMount.current\n    ) {\n      resumedAfterMount.current = true\n      _resumeRoute()\n    }\n\n    // Move execution to background on unmount\n    return () => {\n      const route = routeExecutionStoreContext.getState().routes[routeId]?.route\n      if (!route || !isRouteActive(route)) {\n        return\n      }\n      updateRouteExecution(route, { executeInBackground: true })\n      // biome-ignore lint/suspicious/noConsole: logs route information\n      console.log('Move route execution to background.', routeId)\n      resumedAfterMount.current = false\n    }\n  }, [account.isConnected, routeExecutionStoreContext, routeId])\n\n  return {\n    executeRoute: _executeRoute,\n    restartRoute: restartRouteMutation,\n    deleteRoute: deleteRouteMutation,\n    route: routeExecution?.route,\n    status: routeExecution?.status,\n  }\n}\n"],"mappings":"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"}