@lifi/widget 1.14.1 → 1.16.0

package/hooks/useChains.d.ts

@@ -1,101 +1,5 @@
 export declare const useChains: () => {
-    error: unknown;
-    isError: true;
-    isLoading: false;
-    isLoadingError: false;
-    isRefetchError: true;
-    isSuccess: false;
-    status: "error";
-    dataUpdatedAt: number;
-    errorUpdatedAt: number;
-    failureCount: number;
-    errorUpdateCount: number;
-    isFetched: boolean;
-    isFetchedAfterMount: boolean;
-    isFetching: boolean;
-    isPaused: boolean;
-    isPlaceholderData: boolean;
-    isPreviousData: boolean;
-    isRefetching: boolean;
-    isStale: boolean;
-    refetch: <TPageData>(options?: (import("@tanstack/react-query").RefetchOptions & import("@tanstack/react-query").RefetchQueryFilters<TPageData>) | undefined) => Promise<import("@tanstack/react-query").QueryObserverResult<import("@lifi/types").EVMChain[], unknown>>;
-    remove: () => void;
-    fetchStatus: import("@tanstack/react-query").FetchStatus;
-    chains: import("@lifi/types").EVMChain[] | undefined;
-    getChainById: (chainId: number) => import("@lifi/types").EVMChain | undefined;
-} | {
-    error: null;
-    isError: false;
-    isLoading: false;
-    isLoadingError: false;
-    isRefetchError: false;
-    isSuccess: true;
-    status: "success";
-    dataUpdatedAt: number;
-    errorUpdatedAt: number;
-    failureCount: number;
-    errorUpdateCount: number;
-    isFetched: boolean;
-    isFetchedAfterMount: boolean;
-    isFetching: boolean;
-    isPaused: boolean;
-    isPlaceholderData: boolean;
-    isPreviousData: boolean;
-    isRefetching: boolean;
-    isStale: boolean;
-    refetch: <TPageData>(options?: (import("@tanstack/react-query").RefetchOptions & import("@tanstack/react-query").RefetchQueryFilters<TPageData>) | undefined) => Promise<import("@tanstack/react-query").QueryObserverResult<import("@lifi/types").EVMChain[], unknown>>;
-    remove: () => void;
-    fetchStatus: import("@tanstack/react-query").FetchStatus;
-    chains: import("@lifi/types").EVMChain[] | undefined;
-    getChainById: (chainId: number) => import("@lifi/types").EVMChain | undefined;
-} | {
-    error: unknown;
-    isError: true;
-    isLoading: false;
-    isLoadingError: true;
-    isRefetchError: false;
-    isSuccess: false;
-    status: "error";
-    dataUpdatedAt: number;
-    errorUpdatedAt: number;
-    failureCount: number;
-    errorUpdateCount: number;
-    isFetched: boolean;
-    isFetchedAfterMount: boolean;
-    isFetching: boolean;
-    isPaused: boolean;
-    isPlaceholderData: boolean;
-    isPreviousData: boolean;
-    isRefetching: boolean;
-    isStale: boolean;
-    refetch: <TPageData>(options?: (import("@tanstack/react-query").RefetchOptions & import("@tanstack/react-query").RefetchQueryFilters<TPageData>) | undefined) => Promise<import("@tanstack/react-query").QueryObserverResult<import("@lifi/types").EVMChain[], unknown>>;
-    remove: () => void;
-    fetchStatus: import("@tanstack/react-query").FetchStatus;
-    chains: import("@lifi/types").EVMChain[] | undefined;
-    getChainById: (chainId: number) => import("@lifi/types").EVMChain | undefined;
-} | {
-    error: null;
-    isError: false;
-    isLoading: true;
-    isLoadingError: false;
-    isRefetchError: false;
-    isSuccess: false;
-    status: "loading";
-    dataUpdatedAt: number;
-    errorUpdatedAt: number;
-    failureCount: number;
-    errorUpdateCount: number;
-    isFetched: boolean;
-    isFetchedAfterMount: boolean;
-    isFetching: boolean;
-    isPaused: boolean;
-    isPlaceholderData: boolean;
-    isPreviousData: boolean;
-    isRefetching: boolean;
-    isStale: boolean;
-    refetch: <TPageData>(options?: (import("@tanstack/react-query").RefetchOptions & import("@tanstack/react-query").RefetchQueryFilters<TPageData>) | undefined) => Promise<import("@tanstack/react-query").QueryObserverResult<import("@lifi/types").EVMChain[], unknown>>;
-    remove: () => void;
-    fetchStatus: import("@tanstack/react-query").FetchStatus;
     chains: import("@lifi/types").EVMChain[] | undefined;
     getChainById: (chainId: number) => import("@lifi/types").EVMChain | undefined;
+    isLoading: boolean;
 };

package/hooks/useChains.js

@@ -7,27 +7,20 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 import { useQuery } from '@tanstack/react-query';
 import { useCallback } from 'react';
 import { LiFi } from '../config/lifi';
 import { useWidgetConfig } from '../providers/WidgetProvider';
+import { useSetChainOrder } from '../stores/chains';
 export const useChains = () => {
     const { disabledChains } = useWidgetConfig();
-    const _a = useQuery(['chains'], () => __awaiter(void 0, void 0, void 0, function* () {
+    const [, initializeChains] = useSetChainOrder();
+    const { data, isLoading } = useQuery(['chains'], () => __awaiter(void 0, void 0, void 0, function* () {
         const chains = yield LiFi.getChains();
-        return chains.filter((chain) => !(disabledChains === null || disabledChains === void 0 ? void 0 : disabledChains.includes(chain.id)));
-    })), { data } = _a, other = __rest(_a, ["data"]);
+        const filteredChains = chains.filter((chain) => !(disabledChains === null || disabledChains === void 0 ? void 0 : disabledChains.includes(chain.id)));
+        initializeChains(filteredChains.map((chain) => chain.id));
+        return filteredChains;
+    }));
     const getChainById = useCallback((chainId) => {
         const chain = data === null || data === void 0 ? void 0 : data.find((chain) => chain.id === chainId);
         // if (!chain) {
@@ -35,5 +28,5 @@ export const useChains = () => {
         // }
         return chain;
     }, [data]);
-    return Object.assign({ chains: data, getChainById }, other);
+    return { chains: data, getChainById, isLoading };
 };

package/hooks/useNavigateBack.d.ts

@@ -0,0 +1,4 @@
+export declare const useNavigateBack: () => {
+    navigateBack: () => void;
+    navigate: import("react-router-dom").NavigateFunction;
+};

package/hooks/useNavigateBack.js

@@ -0,0 +1,14 @@
+import { useCallback } from 'react';
+import { useNavigate } from 'react-router-dom';
+export const useNavigateBack = () => {
+    const navigate = useNavigate();
+    const navigateBack = useCallback(() => {
+        if (window.history.state && window.history.state.idx > 0) {
+            navigate(-1);
+        }
+        else {
+            navigate(window.location.pathname.substring(0, window.location.pathname.lastIndexOf('/')) || '/', { replace: true });
+        }
+    }, [navigate]);
+    return { navigateBack, navigate };
+};

package/{components/Step/utils.d.ts → hooks/useProcessMessage.d.ts}

@@ -1,5 +1,9 @@
 import type { EVMChain, Process, Step } from '@lifi/sdk';
 import type { TFunction } from 'react-i18next';
+export declare const useProcessMessage: (step?: Step, process?: Process) => {
+    title?: string | undefined;
+    message?: string | undefined;
+};
 export declare function getProcessMessage(t: TFunction<'translation', undefined>, getChainById: (chainId: number) => EVMChain | undefined, step: Step, process: Process): {
     title?: string;
     message?: string;

package/{pages/SwapPage/utils.js → hooks/useProcessMessage.js}

@@ -1,9 +1,14 @@
-import { LifiErrorCode, MetaMaskProviderErrorCode } from '@lifi/sdk';
-import { formatTokenAmount } from '../../utils';
-const formatProcessMessage = (initialMessage, args = {}) => {
-    return Object.keys(args).reduce((message, key) => {
-        return message.replace(`{${key}}`, args[key]);
-    }, initialMessage);
+import { LifiErrorCode } from '@lifi/sdk';
+import { useTranslation } from 'react-i18next';
+import { formatTokenAmount } from '../utils';
+import { useChains } from './useChains';
+export const useProcessMessage = (step, process) => {
+    const { t } = useTranslation();
+    const { getChainById } = useChains();
+    if (!step || !process) {
+        return {};
+    }
+    return getProcessMessage(t, getChainById, step, process);
 };
 const processMessages = {
     TOKEN_ALLOWANCE: {
@@ -12,7 +17,7 @@ const processMessages = {
         DONE: (t) => t(`swap.process.tokenAllowance.done`),
     },
     SWITCH_CHAIN: {
-        PENDING: (t) => t(`swap.process.switchChain.pending`),
+        ACTION_REQUIRED: (t) => t(`swap.process.switchChain.actionRequired`),
         DONE: (t) => t(`swap.process.switchChain.done`),
     },
     SWAP: {
@@ -67,9 +72,9 @@ export function getProcessMessage(t, getChainById, step, process) {
                 title = t(`swap.error.title.slippageTooLarge`);
                 message = t(`swap.error.message.slippageTooLarge`);
                 break;
-            case MetaMaskProviderErrorCode.userRejectedRequest:
-                title = t(`swap.error.title.userRejectedSignatureRequest`);
-                message = t(`swap.error.message.signatureRequired`, {
+            case LifiErrorCode.TransactionRejected:
+                title = t(`swap.error.title.transactionRejected`);
+                message = t(`swap.error.message.transactionRejected`, {
                     amount: formatTokenAmount(step.action.fromAmount, step.action.fromToken.decimals),
                     tokenSymbol: step.action.fromToken.symbol,
                     chainName: (_b = (_a = getChainById(step.action.fromChainId)) === null || _a === void 0 ? void 0 : _a.name) !== null && _b !== void 0 ? _b : '',

package/hooks/useRouteExecution.d.ts

@@ -1,5 +1,5 @@
 import type { Route } from '@lifi/sdk';
-export declare const useRouteExecution: (routeId: string) => {
+export declare const useRouteExecution: (routeId: string, executeInBackground?: boolean) => {
     executeRoute: () => void;
     restartRoute: () => void;
     deleteRoute: () => void;

package/hooks/useRouteExecution.js

@@ -12,17 +12,26 @@ import { useCallback, useEffect, useRef } from 'react';
 import shallow from 'zustand/shallow';
 import { LiFi } from '../config/lifi';
 import { useWallet } from '../providers/WalletProvider';
-import { useRouteStore } from '../stores';
+import { isRouteActive, isRouteCompleted, isRouteFailed, useRouteStore, } from '../stores';
+import { WidgetEvent } from '../types/events';
 import { deepClone } from '../utils';
-export const useRouteExecution = (routeId) => {
+import { useWidgetEvents } from './useWidgetEvents';
+export const useRouteExecution = (routeId, executeInBackground) => {
     const { account, switchChain } = useWallet();
     const resumedAfterMount = useRef(false);
+    const emitter = useWidgetEvents();
     const routeExecution = useRouteStore((state) => state.routes[routeId]);
     const [updateRoute, restartRoute, deleteRoute] = useRouteStore((state) => [state.updateRoute, state.restartRoute, state.deleteRoute], shallow);
     const updateCallback = (updatedRoute) => {
         const clonedUpdatedRoute = deepClone(updatedRoute);
         console.log('Route updated.', clonedUpdatedRoute);
         updateRoute(clonedUpdatedRoute);
+        if (isRouteCompleted(clonedUpdatedRoute)) {
+            emitter.emit(WidgetEvent.SwapCompleted);
+        }
+        if (isRouteFailed(clonedUpdatedRoute)) {
+            emitter.emit(WidgetEvent.SwapFailed);
+        }
     };
     const switchChainHook = (requiredChainId) => __awaiter(void 0, void 0, void 0, function* () {
         if (!account.isActive || !account.signer) {
@@ -48,16 +57,12 @@ export const useRouteExecution = (routeId) => {
             updateCallback,
             switchChainHook,
             infiniteApproval: false,
+            executeInBackground,
         });
     }, {
         onMutate: () => {
             console.log('Execution started.', routeId);
-        },
-        onError: () => {
-            console.warn('Execution failed.', routeId);
-        },
-        onSuccess: (route) => {
-            console.log('Executed successfully.', routeId);
+            emitter.emit(WidgetEvent.SwapStarted);
         },
     });
     const resumeRouteMutation = useMutation((resumedRoute) => {
@@ -71,26 +76,21 @@ export const useRouteExecution = (routeId) => {
             updateCallback,
             switchChainHook,
             infiniteApproval: false,
+            executeInBackground,
         });
     }, {
         onMutate: () => {
             console.log('Resumed to execution.', routeId);
         },
-        onError: () => {
-            console.warn('Resumed execution failed.', routeId);
-        },
-        onSuccess: (route) => {
-            console.log('Resumed execution successful.', route);
-        },
     });
     const executeRoute = useCallback(() => {
         executeRouteMutation.mutateAsync(undefined, {
             onError: () => {
-                console.warn('Real execution failed!', routeId);
+                console.warn('Execution failed!', routeId);
                 // Notification.showNotification(NotificationType.SwapExecution_ERROR);
             },
             onSuccess: (route) => {
-                console.log('Real execution successfully!', route);
+                console.log('Executed successfully!', route);
                 // Notification.showNotification(NotificationType.TRANSACTION_SUCCESSFULL);
             },
         });
@@ -98,10 +98,10 @@ export const useRouteExecution = (routeId) => {
     const resumeRoute = useCallback((route) => {
         resumeRouteMutation.mutateAsync(route, {
             onError: () => {
-                console.warn('Real resumed execution failed.', routeId);
+                console.warn('Resumed execution failed.', routeId);
             },
             onSuccess: (route) => {
-                console.log('Real resumed execution successful.', route);
+                console.log('Resumed execution successful.', route);
             },
         });
     }, [resumeRouteMutation, routeId]);
@@ -117,7 +117,7 @@ export const useRouteExecution = (routeId) => {
     // Resume route execution after page reload
     useEffect(() => {
         // Check if route is eligible for automatic resuming
-        if (isActiveRoute(routeExecution === null || routeExecution === void 0 ? void 0 : routeExecution.route) &&
+        if (isRouteActive(routeExecution === null || routeExecution === void 0 ? void 0 : routeExecution.route) &&
             account.isActive &&
             !resumedAfterMount.current) {
             resumedAfterMount.current = true;
@@ -129,10 +129,10 @@ export const useRouteExecution = (routeId) => {
         return () => {
             var _a;
             const route = (_a = useRouteStore.getState().routes[routeId]) === null || _a === void 0 ? void 0 : _a.route;
-            if (!route || !isActiveRoute(route)) {
+            if (!route || !isRouteActive(route)) {
                 return;
             }
-            LiFi.moveExecutionToBackground(route);
+            LiFi.updateRouteExecution(route, { executeInBackground: true });
             console.log('Move route execution to background.', routeId);
             resumedAfterMount.current = false;
         };
@@ -145,12 +145,3 @@ export const useRouteExecution = (routeId) => {
         status: routeExecution === null || routeExecution === void 0 ? void 0 : routeExecution.status,
     };
 };
-const isActiveRoute = (route) => {
-    if (!route) {
-        return false;
-    }
-    const allDone = route.steps.every((step) => { var _a; return ((_a = step.execution) === null || _a === void 0 ? void 0 : _a.status) === 'DONE'; });
-    const isFailed = route.steps.some((step) => { var _a; return ((_a = step.execution) === null || _a === void 0 ? void 0 : _a.status) === 'FAILED'; });
-    const alreadyStarted = route.steps.some((step) => step.execution);
-    return !allDone && !isFailed && alreadyStarted;
-};

package/hooks/useSwapRoutes.js

@@ -7,6 +7,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
+import { isAddress } from '@ethersproject/address';
 import { useQuery, useQueryClient } from '@tanstack/react-query';
 import Big from 'big.js';
 import { useWatch } from 'react-hook-form';
@@ -18,7 +19,7 @@ import { useSettings } from '../stores';
 const refetchTime = 60000;
 export const useSwapRoutes = () => {
     var _a;
-    const { account } = useWallet();
+    const { account, provider } = useWallet();
     const queryClient = useQueryClient();
     const { slippage, enabledBridges, enabledExchanges, routePriority } = useSettings([
         'slippage',
@@ -26,12 +27,13 @@ export const useSwapRoutes = () => {
         'enabledBridges',
         'enabledExchanges',
     ]);
-    const [fromChainId, fromTokenAddress, toChainId, toTokenAddress] = useWatch({
+    const [fromChainId, fromTokenAddress, toChainId, toTokenAddress, toAddress] = useWatch({
         name: [
             SwapFormKey.FromChain,
             SwapFormKey.FromToken,
             SwapFormKey.ToChain,
             SwapFormKey.ToToken,
+            SwapFormKey.ToAddress,
         ],
     });
     const [fromTokenAmount] = useDebouncedWatch([SwapFormKey.FromAmount], 250);
@@ -53,6 +55,7 @@ export const useSwapRoutes = () => {
         fromTokenAmount,
         toChainId,
         toTokenAddress,
+        toAddress,
         slippage,
         enabledBridges,
         enabledExchanges,
@@ -62,16 +65,24 @@ export const useSwapRoutes = () => {
     const refetchInterval = previousDataUpdatedAt
         ? Math.min(Math.abs(refetchTime - (Date.now() - previousDataUpdatedAt)), refetchTime)
         : refetchTime;
-    const { data, isLoading, isFetching, isFetched, dataUpdatedAt, refetch } = useQuery(queryKey, ({ queryKey: [_, address, fromChainId, fromTokenAddress, fromTokenAmount, toChainId, toTokenAddress, slippage, enabledBridges, enabledExchanges, routePriority,], signal, }) => __awaiter(void 0, void 0, void 0, function* () {
-        var _b;
+    const { data, isLoading, isFetching, isFetched, dataUpdatedAt, refetch } = useQuery(queryKey, ({ queryKey: [_, fromAddress, fromChainId, fromTokenAddress, fromTokenAmount, toChainId, toTokenAddress, toAddress, slippage, enabledBridges, enabledExchanges, routePriority,], signal, }) => __awaiter(void 0, void 0, void 0, function* () {
+        var _b, _c;
+        let toWalletAddress;
+        try {
+            toWalletAddress =
+                (_b = (yield (provider === null || provider === void 0 ? void 0 : provider.resolveName(toAddress)))) !== null && _b !== void 0 ? _b : (isAddress(toAddress) ? toAddress : fromAddress);
+        }
+        catch (_d) {
+            toWalletAddress = isAddress(toAddress) ? toAddress : fromAddress;
+        }
         return LiFi.getRoutes({
             fromChainId,
-            fromAmount: Big(Number(fromTokenAmount) * Math.pow(10, ((_b = token === null || token === void 0 ? void 0 : token.decimals) !== null && _b !== void 0 ? _b : 0))).toString(),
+            fromAmount: Big(Number(fromTokenAmount) * Math.pow(10, ((_c = token === null || token === void 0 ? void 0 : token.decimals) !== null && _c !== void 0 ? _c : 0))).toString(),
             fromTokenAddress,
             toChainId,
             toTokenAddress,
-            fromAddress: address,
-            toAddress: address,
+            fromAddress,
+            toAddress: toWalletAddress,
             options: {
                 slippage: slippage / 100,
                 bridges: {

package/hooks/useWidgetEvents.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="node" />
+import { EventEmitter } from 'events';
+export declare const useWidgetEvents: () => EventEmitter;

package/hooks/useWidgetEvents.js

@@ -0,0 +1,6 @@
+import { EventEmitter } from 'events';
+import create from 'zustand';
+const emitterStore = create()(() => new EventEmitter());
+export const useWidgetEvents = () => {
+    return emitterStore();
+};

package/i18n/en/translation.json

@@ -6,10 +6,12 @@
     "swap": "Swap",
     "from": "Swap from",
     "to": "Swap to",
+    "selectChain": "Select chain",
     "settings": "Settings",
     "routes": "You get",
     "swapHistory": "Swap history",
-    "swapDetails": "Swap details"
+    "swapDetails": "Swap details",
+    "activeSwaps": "Active swaps"
   },
   "button": {
     "connectWallet": "Connect wallet",
@@ -31,6 +33,7 @@
     "delete": "Delete",
     "hide": "Hide",
     "max": "max",
+    "showAll": "Show all",
     "contactSupport": "Contact support",
     "lifiSwap": "LI.FI Swap"
   },
@@ -52,24 +55,25 @@
     "selectChainAndToken": "Select chain and token",
     "featuredTokens": "Featured tokens",
     "otherTokens": "Other tokens",
-    "inProgress": "In progress",
+    "inProgress": "in progress",
     "couldntFindTokens": "We couldn't find tokens on this chain or you don't have any.",
     "stepSwap": "Swap",
     "stepBridge": "Bridge",
     "stepSwapAndBridge": "Swap and bridge",
     "estimatedTime": "~{{value}} min.",
-    "networkIsBusy": "Network is busy...",
     "crossStepDetails": "Bridge from {{from}} to {{to}} via {{tool}}",
     "swapStepDetails": "Swap on {{chain}} via {{tool}}",
     "tokenOnChain": "{{tokenSymbol}} on {{chainName}}",
     "tokenOnChainAmount": "{{amount}} {{tokenSymbol}} on {{chainName}}",
-    "routeId": "Route ID",
+    "supportId": "Support ID",
+    "sendToWallet": "Send to a different wallet",
+    "walletAddressOrEns": "Wallet address or ENS name",
     "tags": {
-      "recommended": "Recommended",
-      "fastest": "Fast",
-      "cheapest": "Cheap",
-      "safest": "Safe",
-      "general": "General"
+      "RECOMMENDED": "RECOMMENDED",
+      "FASTEST": "FAST",
+      "CHEAPEST": "CHEAP",
+      "SAFEST": "SAFE",
+      "ALTERNATIVE": "ALTERNATIVE"
     },
     "success": {
       "title": {
@@ -82,11 +86,13 @@
     "info": {
       "title": {
         "routeNotFound": "No routes available",
-        "emptySwapHistory": "No recent swaps"
+        "emptySwapHistory": "No recent swaps",
+        "emptyActiveSwaps": "No active swaps"
       },
       "message": {
         "routeNotFound": "Try another token combination.",
-        "emptySwapHistory": "Swap history is only stored locally and will be deleted if you clear your browser data."
+        "emptySwapHistory": "Swap history is only stored locally and will be deleted if you clear your browser data.",
+        "emptyActiveSwaps": "Swaps in progress will appear here. Once completed, find them in swap history."
       }
     },
     "warning": {
@@ -103,16 +109,19 @@
     },
     "error": {
       "title": {
+        "failed": "Swap failed.",
         "chainSwitch": "Chain switch required.",
         "transactionFailed": "Transaction has failed.",
         "transactionUnderpriced": "Transaction is underpriced.",
         "transactionUnprepared": "Unable to prepare transaction.",
+        "transactionRejected": "Signature required.",
         "unknown": "Something went wrong.",
-        "userRejectedSignatureRequest": "Signature required.",
-        "slippageTooLarge": "Slippage too large."
+        "slippageTooLarge": "Slippage too large.",
+        "walletAddressInvalid": "Wallet address is invalid.",
+        "walletEnsAddressInvalid": "Wallet address is invalid or network doesn't support ENS."
       },
       "message": {
-        "signatureRequired": "Your signature is required to complete the transaction. {{amount}} {{tokenSymbol}} on {{chainName}} remain in your wallet.",
+        "transactionRejected": "Your signature is required to complete the transaction. {{amount}} {{tokenSymbol}} on {{chainName}} remain in your wallet.",
         "transactionFailed": "Please check the block explorer for more information.",
         "transactionNotSent": "Transaction was not sent, your funds are still in your wallet ({{amount}} {{tokenSymbol}} on {{chainName}}).",
         "slippageTooLarge": "The slippage is larger than the defined threshold. Please request a new route to get a fresh quote."
@@ -125,7 +134,7 @@
         "done": "Token allowance approved."
       },
       "switchChain": {
-        "pending": "Chain switch required.",
+        "actionRequired": "Chain switch required.",
         "done": "Chain switched successfully."
       },
       "swap": {
@@ -156,6 +165,7 @@
       "fast": "Fast"
     },
     "advancedPreferences": "Advanced preferences",
+    "showDestinationWallet": "Show destination wallet",
     "enabledBridges": "Enabled bridges",
     "selectEnabledBridges": "Select enabled bridges",
     "enabledExchanges": "Enabled exchanges",

package/i18n/index.d.ts

@@ -9,10 +9,12 @@ export declare const resources: {
                 swap: string;
                 from: string;
                 to: string;
+                selectChain: string;
                 settings: string;
                 routes: string;
                 swapHistory: string;
                 swapDetails: string;
+                activeSwaps: string;
             };
             button: {
                 connectWallet: string;
@@ -34,6 +36,7 @@ export declare const resources: {
                 delete: string;
                 hide: string;
                 max: string;
+                showAll: string;
                 contactSupport: string;
                 lifiSwap: string;
             };
@@ -61,18 +64,19 @@ export declare const resources: {
                 stepBridge: string;
                 stepSwapAndBridge: string;
                 estimatedTime: string;
-                networkIsBusy: string;
                 crossStepDetails: string;
                 swapStepDetails: string;
                 tokenOnChain: string;
                 tokenOnChainAmount: string;
-                routeId: string;
+                supportId: string;
+                sendToWallet: string;
+                walletAddressOrEns: string;
                 tags: {
-                    recommended: string;
-                    fastest: string;
-                    cheapest: string;
-                    safest: string;
-                    general: string;
+                    RECOMMENDED: string;
+                    FASTEST: string;
+                    CHEAPEST: string;
+                    SAFEST: string;
+                    ALTERNATIVE: string;
                 };
                 success: {
                     title: {
@@ -86,10 +90,12 @@ export declare const resources: {
                     title: {
                         routeNotFound: string;
                         emptySwapHistory: string;
+                        emptyActiveSwaps: string;
                     };
                     message: {
                         routeNotFound: string;
                         emptySwapHistory: string;
+                        emptyActiveSwaps: string;
                     };
                 };
                 warning: {
@@ -106,16 +112,19 @@ export declare const resources: {
                 };
                 error: {
                     title: {
+                        failed: string;
                         chainSwitch: string;
                         transactionFailed: string;
                         transactionUnderpriced: string;
                         transactionUnprepared: string;
+                        transactionRejected: string;
                         unknown: string;
-                        userRejectedSignatureRequest: string;
                         slippageTooLarge: string;
+                        walletAddressInvalid: string;
+                        walletEnsAddressInvalid: string;
                     };
                     message: {
-                        signatureRequired: string;
+                        transactionRejected: string;
                         transactionFailed: string;
                         transactionNotSent: string;
                         slippageTooLarge: string;
@@ -128,7 +137,7 @@ export declare const resources: {
                         done: string;
                     };
                     switchChain: {
-                        pending: string;
+                        actionRequired: string;
                         done: string;
                     };
                     swap: {
@@ -159,6 +168,7 @@ export declare const resources: {
                     fast: string;
                 };
                 advancedPreferences: string;
+                showDestinationWallet: string;
                 enabledBridges: string;
                 selectEnabledBridges: string;
                 enabledExchanges: string;