@lifi/widget 1.17.0 → 1.17.2

package/pages/SwapRoutesPage/SwapRoutesPage.js

@@ -1,16 +1,14 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useEffect } from 'react';
-import { useLocation, useNavigate } from 'react-router-dom';
 import { useHeaderActionStore } from '../../components/Header';
 import { ProgressToNextUpdate } from '../../components/ProgressToNextUpdate';
 import { SwapRouteCard, SwapRouteCardSkeleton, SwapRouteNotFoundCard, } from '../../components/SwapRouteCard';
-import { useSwapRoutes } from '../../hooks';
+import { useNavigateBack, useSwapRoutes } from '../../hooks';
 import { useSetExecutableRoute } from '../../stores';
 import { navigationRoutes } from '../../utils';
 import { Stack } from './SwapRoutesPage.style';
 export const SwapRoutesPage = () => {
-    const navigate = useNavigate();
-    const { pathname } = useLocation();
+    const { navigateBack, navigate } = useNavigateBack();
     const { routes: swapRoutes, isLoading, isFetching, dataUpdatedAt, refetchTime, refetch, } = useSwapRoutes();
     const setExecutableRoute = useSetExecutableRoute();
     const handleRouteClick = (route) => {
@@ -21,7 +19,7 @@ export const SwapRoutesPage = () => {
     };
     useEffect(() => {
         if (!(swapRoutes === null || swapRoutes === void 0 ? void 0 : swapRoutes.length) && !isLoading && !isFetching) {
-            navigate(pathname.substring(0, pathname.lastIndexOf('/')));
+            navigateBack();
         }
         // redirect to the home page if no routes are found on page reload
         // eslint-disable-next-line react-hooks/exhaustive-deps

package/stores/route/utils.d.ts

@@ -1,4 +1,5 @@
-import type { Route } from '@lifi/sdk';
+import type { Process, Route } from '@lifi/sdk';
 export declare const isRouteCompleted: (route: Route) => boolean;
 export declare const isRouteFailed: (route: Route) => boolean;
 export declare const isRouteActive: (route?: Route) => boolean;
+export declare const getUpdatedProcess: (currentRoute: Route, updatedRoute: Route) => Process | undefined;

package/stores/route/utils.js

@@ -1,3 +1,4 @@
+import microdiff from 'microdiff';
 export const isRouteCompleted = (route) => {
     return route.steps.every((step) => { var _a; return ((_a = step.execution) === null || _a === void 0 ? void 0 : _a.status) === 'DONE'; });
 };
@@ -13,3 +14,14 @@ export const isRouteActive = (route) => {
     const alreadyStarted = route.steps.some((step) => step.execution);
     return !isDone && !isFailed && alreadyStarted;
 };
+export const getUpdatedProcess = (currentRoute, updatedRoute) => {
+    const processDiff = microdiff(currentRoute, updatedRoute).find((diff) => diff.path.includes('process'));
+    if (!processDiff) {
+        return undefined;
+    }
+    // e.g. ['steps', 0, 'execution', 'process', 0]
+    const process = processDiff.path
+        .slice(0, processDiff.path.findIndex((path) => path === 'process') + 2)
+        .reduce((obj, path) => obj[path], updatedRoute);
+    return process;
+};