@lifi/widget 1.15.1 → 1.16.0

package/stores/chains/useChainOrderStore.js

@@ -0,0 +1,36 @@
+/* eslint-disable no-underscore-dangle */
+import create from 'zustand';
+import { persist } from 'zustand/middleware';
+import { immer } from 'zustand/middleware/immer';
+export const maxChainToOrder = 9;
+export const useChainOrderStore = create()(persist(immer((set) => ({
+    chainOrder: [],
+    availableChains: [],
+    initializeChains: (chainIds) => set((state) => {
+        state.availableChains = chainIds;
+        state.chainOrder = state.chainOrder.filter((chainId) => chainIds.includes(chainId));
+        const chainsToAdd = chainIds.filter((chainId) => !state.chainOrder.includes(chainId));
+        if (state.chainOrder.length === maxChainToOrder ||
+            !chainsToAdd.length) {
+            return;
+        }
+        const chainsToAddLength = maxChainToOrder - state.chainOrder.length;
+        for (let index = 0; index < chainsToAddLength; index++) {
+            state.chainOrder.push(chainsToAdd[index]);
+        }
+    }),
+    setChain: (chainId) => set((state) => {
+        if (state.chainOrder.includes(chainId) ||
+            !state.availableChains.includes(chainId)) {
+            return;
+        }
+        state.chainOrder.unshift(chainId);
+        if (state.chainOrder.length > maxChainToOrder) {
+            state.chainOrder.pop();
+        }
+    }),
+})), {
+    name: 'li.fi-widget-chains-order',
+    version: 0,
+    partialize: (state) => ({ chainOrder: state.chainOrder }),
+}));

package/stores/chains/useInitializeChainOrder.d.ts

@@ -0,0 +1 @@
+export declare const useSetChainOrder: () => [(chainId: number) => void, (chainIds: number[]) => void];

package/stores/chains/useInitializeChainOrder.js

@@ -0,0 +1,5 @@
+import shallow from 'zustand/shallow';
+import { useChainOrderStore } from './useChainOrderStore';
+export const useSetChainOrder = () => {
+    return useChainOrderStore((state) => [state.setChain, state.initializeChains], shallow);
+};

package/stores/route/index.d.ts

@@ -1,5 +1,6 @@
 export * from './types';
-export * from './useExecutingRoutes';
+export * from './useExecutingRoutesIds';
 export * from './useRouteStore';
 export * from './useSetExecutableRoute';
 export * from './useSwapHistory';
+export * from './utils';

package/stores/route/index.js

@@ -1,5 +1,6 @@
 export * from './types';
-export * from './useExecutingRoutes';
+export * from './useExecutingRoutesIds';
 export * from './useRouteStore';
 export * from './useSetExecutableRoute';
 export * from './useSwapHistory';
+export * from './utils';

package/stores/route/useExecutingRoutesIds.d.ts

@@ -0,0 +1 @@
+export declare const useExecutingRoutesIds: (address?: string) => string[];

package/stores/route/useExecutingRoutesIds.js

@@ -0,0 +1,13 @@
+import shallow from 'zustand/shallow';
+import { useRouteStore } from './useRouteStore';
+export const useExecutingRoutesIds = (address) => {
+    return useRouteStore((state) => Object.values(state.routes)
+        .filter((item) => item.route.fromAddress === address &&
+        (item.status === 'loading' || item.status === 'error'))
+        .sort((a, b) => {
+        var _a, _b, _c, _d;
+        return ((_b = (_a = b === null || b === void 0 ? void 0 : b.route.steps[0].execution) === null || _a === void 0 ? void 0 : _a.process[0].startedAt) !== null && _b !== void 0 ? _b : 0) -
+            ((_d = (_c = a === null || a === void 0 ? void 0 : a.route.steps[0].execution) === null || _c === void 0 ? void 0 : _c.process[0].startedAt) !== null && _d !== void 0 ? _d : 0);
+    })
+        .map(({ route }) => route.id), shallow);
+};

package/stores/route/useRouteStore.js

@@ -1,6 +1,7 @@
 import create from 'zustand';
 import { persist } from 'zustand/middleware';
 import { immer } from 'zustand/middleware/immer';
+import { isRouteCompleted, isRouteFailed } from './utils';
 export const useRouteStore = create()(persist(immer((set) => ({
     routes: {},
     setExecutableRoute: (route) => set((state) => {
@@ -18,12 +19,12 @@ export const useRouteStore = create()(persist(immer((set) => ({
     updateRoute: (route) => set((state) => {
         if (state.routes[route.id]) {
             state.routes[route.id].route = route;
-            const isFailed = route.steps.some((step) => { var _a; return ((_a = step.execution) === null || _a === void 0 ? void 0 : _a.status) === 'FAILED'; });
+            const isFailed = isRouteFailed(route);
             if (isFailed) {
                 state.routes[route.id].status = 'error';
                 return;
             }
-            const isDone = route.steps.every((step) => { var _a; return ((_a = step.execution) === null || _a === void 0 ? void 0 : _a.status) === 'DONE'; });
+            const isDone = isRouteCompleted(route);
             if (isDone) {
                 state.routes[route.id].status = 'success';
                 return;
@@ -62,12 +63,12 @@ export const useRouteStore = create()(persist(immer((set) => ({
                         route,
                         status: 'idle',
                     };
-                    const isFailed = route.steps.some((step) => { var _a; return ((_a = step.execution) === null || _a === void 0 ? void 0 : _a.status) === 'FAILED'; });
+                    const isFailed = isRouteFailed(route);
                     if (isFailed) {
                         state.routes[route.id].status = 'error';
                         return;
                     }
-                    const isDone = route.steps.every((step) => { var _a; return ((_a = step.execution) === null || _a === void 0 ? void 0 : _a.status) === 'DONE'; });
+                    const isDone = isRouteCompleted(route);
                     if (isDone) {
                         state.routes[route.id].status = 'success';
                         return;

package/stores/route/utils.d.ts

@@ -0,0 +1,4 @@
+import type { 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;

package/stores/route/utils.js

@@ -0,0 +1,15 @@
+export const isRouteCompleted = (route) => {
+    return route.steps.every((step) => { var _a; return ((_a = step.execution) === null || _a === void 0 ? void 0 : _a.status) === 'DONE'; });
+};
+export const isRouteFailed = (route) => {
+    return route.steps.some((step) => { var _a; return ((_a = step.execution) === null || _a === void 0 ? void 0 : _a.status) === 'FAILED'; });
+};
+export const isRouteActive = (route) => {
+    if (!route) {
+        return false;
+    }
+    const isDone = isRouteCompleted(route);
+    const isFailed = isRouteFailed(route);
+    const alreadyStarted = route.steps.some((step) => step.execution);
+    return !isDone && !isFailed && alreadyStarted;
+};

package/stores/settings/useSettingsStore.js

@@ -36,12 +36,15 @@ export const useSettingsStore = create()(persist(immer((set) => ({
             return;
         }
         if (state[`_enabled${toolType}`]) {
-            state[`_enabled${toolType}`] = tools
-                .filter((tool) => !Object.prototype.hasOwnProperty.call(state._enabledBridges, tool))
+            // Add a new tools
+            const enabledTools = tools
+                .filter((tool) => !Object.prototype.hasOwnProperty.call(state[`_enabled${toolType}`], tool))
                 .reduce((values, tool) => {
                 values[tool] = true;
                 return values;
             }, state[`_enabled${toolType}`]);
+            // Filter tools we no longer have
+            state[`_enabled${toolType}`] = Object.fromEntries(Object.entries(enabledTools).filter(([key]) => tools.includes(key)));
         }
         else {
             state[`_enabled${toolType}`] = tools.reduce((values, tool) => {