@lifi/widget 2.0.0-beta.1 → 2.0.0-beta.10

package/cjs/hooks/useProcessMessage.js

@@ -3,20 +3,23 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.getProcessMessage = exports.useProcessMessage = void 0;
 const sdk_1 = require("@lifi/sdk");
 const react_i18next_1 = require("react-i18next");
+const providers_1 = require("../providers");
 const utils_1 = require("../utils");
 const useChains_1 = require("./useChains");
 const useProcessMessage = (step, process) => {
+    const { variant } = (0, providers_1.useWidgetConfig)();
     const { t } = (0, react_i18next_1.useTranslation)();
     const { getChainById } = (0, useChains_1.useChains)();
     if (!step || !process) {
         return {};
     }
-    return getProcessMessage(t, getChainById, step, process);
+    return getProcessMessage(t, getChainById, step, process, variant);
 };
 exports.useProcessMessage = useProcessMessage;
 const processStatusMessages = {
     TOKEN_ALLOWANCE: {
         STARTED: (t) => t(`swap.process.tokenAllowance.started`),
+        ACTION_REQUIRED: (t) => t(`swap.process.tokenAllowance.pending`),
         PENDING: (t) => t(`swap.process.tokenAllowance.pending`),
         DONE: (t) => t(`swap.process.tokenAllowance.done`),
     },
@@ -28,7 +31,9 @@ const processStatusMessages = {
         STARTED: (t) => t(`swap.process.swap.started`),
         ACTION_REQUIRED: (t) => t(`swap.process.swap.actionRequired`),
         PENDING: (t) => t(`swap.process.swap.pending`),
-        DONE: (t) => t(`swap.process.swap.done`),
+        DONE: (t, variant) => variant === 'nft'
+            ? t(`swap.process.nft.done`)
+            : t(`swap.process.swap.done`),
     },
     CROSS_CHAIN: {
         STARTED: (t) => t(`swap.process.crossChain.started`),
@@ -38,7 +43,9 @@ const processStatusMessages = {
     },
     RECEIVING_CHAIN: {
         PENDING: (t) => t(`swap.process.receivingChain.pending`),
-        DONE: (t) => t(`swap.process.receivingChain.done`),
+        DONE: (t, variant) => variant === 'nft'
+            ? t(`swap.process.nft.done`)
+            : t(`swap.process.receivingChain.done`),
     },
     TRANSACTION: {},
 };
@@ -68,7 +75,7 @@ const processSubstatusMessages = {
     INVALID: {},
     NOT_FOUND: {},
 };
-function getProcessMessage(t, getChainById, step, process) {
+function getProcessMessage(t, getChainById, step, process, variant) {
     if (process.error && process.status === 'FAILED') {
         const getTransactionNotSentMessage = () => t(`swap.error.message.transactionNotSent`, {
             amount: (0, utils_1.formatTokenAmount)(step.action.fromAmount, step.action.fromToken.decimals),
@@ -78,6 +85,12 @@ function getProcessMessage(t, getChainById, step, process) {
         let title = '';
         let message = '';
         switch (process.error.code) {
+            case sdk_1.LifiErrorCode.AllowanceRequired:
+                title = t(`swap.error.title.allowanceRequired`);
+                message = t(`swap.error.message.allowanceRequired`, {
+                    tokenSymbol: step.action.fromToken.symbol,
+                });
+                break;
             case sdk_1.LifiErrorCode.BalanceError:
                 title = t(`swap.error.title.balanceIsTooLow`);
                 message = getTransactionNotSentMessage();
@@ -90,6 +103,14 @@ function getProcessMessage(t, getChainById, step, process) {
                 title = t(`swap.error.title.gasLimitIsTooLow`);
                 message = getTransactionNotSentMessage();
                 break;
+            case sdk_1.LifiErrorCode.InsufficientFunds:
+                title = t(`swap.error.title.insufficientFunds`);
+                message = `${t(`swap.error.message.insufficientFunds`)} ${getTransactionNotSentMessage()}`;
+                break;
+            case sdk_1.LifiErrorCode.SlippageError:
+                title = t(`swap.error.title.slippageNotMet`);
+                message = t(`swap.error.message.slippageThreshold`);
+                break;
             case sdk_1.LifiErrorCode.TransactionFailed:
                 title = t(`swap.error.title.transactionFailed`);
                 message = t(`swap.error.message.transactionFailed`);
@@ -106,10 +127,6 @@ function getProcessMessage(t, getChainById, step, process) {
                 title = t(`swap.error.title.transactionCanceled`);
                 message = getTransactionNotSentMessage();
                 break;
-            case sdk_1.LifiErrorCode.SlippageError:
-                title = t(`swap.error.title.slippageNotMet`);
-                message = t(`swap.error.message.slippageThreshold`);
-                break;
             case sdk_1.LifiErrorCode.TransactionRejected:
                 title = t(`swap.error.title.transactionRejected`);
                 message = t(`swap.error.message.transactionRejected`, {
@@ -131,7 +148,8 @@ function getProcessMessage(t, getChainById, step, process) {
         }
         return { title, message };
     }
-    const title = processSubstatusMessages[process.status]?.[process.substatus]?.(t) ?? processStatusMessages[process.type]?.[process.status]?.(t);
+    const title = processSubstatusMessages[process.status]?.[process.substatus]?.(t) ??
+        processStatusMessages[process.type]?.[process.status]?.(t, variant);
     return { title };
 }
 exports.getProcessMessage = getProcessMessage;

package/cjs/hooks/useRouteExecution.js

@@ -17,7 +17,7 @@ const useRouteExecution = ({ routeId, executeInBackground, onAcceptExchangeRateU
     const routeExecutionStoreContext = (0, stores_1.useRouteExecutionStoreContext)();
     const routeExecution = (0, stores_1.useRouteExecutionStore)((state) => state.routes[routeId]);
     const [updateRoute, restartRoute, deleteRoute] = (0, stores_1.useRouteExecutionStore)((state) => [state.updateRoute, state.restartRoute, state.deleteRoute], shallow_1.shallow);
-    const updateCallback = (updatedRoute) => {
+    const updateRouteHook = (updatedRoute) => {
         const routeExecution = routeExecutionStoreContext.getState().routes[updatedRoute.id];
         if (!routeExecution) {
             return;
@@ -48,10 +48,11 @@ const useRouteExecution = ({ routeId, executeInBackground, onAcceptExchangeRateU
         }
         const currentChainId = await account.signer.getChainId();
         if (currentChainId !== requiredChainId) {
-            const switched = await switchChain(requiredChainId);
-            if (!switched) {
+            const signer = await switchChain(requiredChainId);
+            if (!signer) {
                 throw new Error('Chain was not switched.');
             }
+            return signer;
         }
         return account.signer;
     };
@@ -71,7 +72,7 @@ const useRouteExecution = ({ routeId, executeInBackground, onAcceptExchangeRateU
         }
         queryClient.removeQueries(['routes'], { exact: false });
         return lifi.executeRoute(account.signer, routeExecution.route, {
-            updateCallback,
+            updateRouteHook,
             switchChainHook,
             acceptExchangeRateUpdateHook,
             infiniteApproval: false,
@@ -93,7 +94,7 @@ const useRouteExecution = ({ routeId, executeInBackground, onAcceptExchangeRateU
             throw Error('Execution route not found.');
         }
         return lifi.resumeRoute(account.signer, resumedRoute ?? routeExecution.route, {
-            updateCallback,
+            updateRouteHook,
             switchChainHook,
             acceptExchangeRateUpdateHook,
             infiniteApproval: false,

package/cjs/hooks/useSwapOnly.d.ts

@@ -0,0 +1 @@
+export declare const useSwapOnly: () => boolean;

package/cjs/hooks/useSwapOnly.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useSwapOnly = void 0;
+const stores_1 = require("../stores");
+const useSwapOnly = () => {
+    const state = (0, stores_1.useSplitSubvariantStore)((state) => state.state);
+    return state === 'swap';
+};
+exports.useSwapOnly = useSwapOnly;

package/cjs/hooks/useSwapRoutes.d.ts

@@ -1,9 +1,8 @@
 import type { Route, RoutesResponse } from '@lifi/sdk';
 interface SwapRoutesProps {
-    onSettled?: (data?: RoutesResponse) => void;
     insurableRoute?: Route;
 }
-export declare const useSwapRoutes: ({ onSettled, insurableRoute, }?: SwapRoutesProps) => {
+export declare const useSwapRoutes: ({ insurableRoute }?: SwapRoutesProps) => {
     routes: Route[] | undefined;
     isLoading: boolean;
     isFetching: boolean;

package/cjs/hooks/useSwapRoutes.js

@@ -10,12 +10,14 @@ const uuid_1 = require("uuid");
 const _1 = require(".");
 const providers_1 = require("../providers");
 const stores_1 = require("../stores");
+const useSwapOnly_1 = require("./useSwapOnly");
 const refetchTime = 60000;
-const useSwapRoutes = ({ onSettled, insurableRoute, } = {}) => {
+const useSwapRoutes = ({ insurableRoute } = {}) => {
     const lifi = (0, providers_1.useLiFi)();
-    const { variant, sdkConfig, insurance } = (0, providers_1.useWidgetConfig)();
-    const { account, provider } = (0, providers_1.useWallet)();
+    const { variant, sdkConfig, insurance, contractTool } = (0, providers_1.useWidgetConfig)();
+    const { account } = (0, providers_1.useWallet)();
     const queryClient = (0, react_query_1.useQueryClient)();
+    const swapOnly = (0, useSwapOnly_1.useSwapOnly)();
     const { slippage, enabledBridges, enabledAutoRefuel, enabledExchanges, routePriority, } = (0, stores_1.useSettings)([
         'slippage',
         'routePriority',
@@ -39,7 +41,7 @@ const useSwapRoutes = ({ onSettled, insurableRoute, } = {}) => {
     });
     const { token: fromToken } = (0, _1.useToken)(fromChainId, fromTokenAddress);
     const { token: toToken } = (0, _1.useToken)(toChainId, toTokenAddress);
-    const { enabled: enabledRefuel, gasRecommendation } = (0, _1.useGasRefuel)();
+    const { enabled: enabledRefuel, fromAmount: gasRecommendationFromAmount } = (0, _1.useGasRefuel)();
     const hasAmount = (!isNaN(fromTokenAmount) && Number(fromTokenAmount) > 0) ||
         (!isNaN(toTokenAmount) && Number(toTokenAmount) > 0);
     const contractCallQuoteEnabled = variant === 'nft'
@@ -66,13 +68,13 @@ const useSwapRoutes = ({ onSettled, insurableRoute, } = {}) => {
         toContractCallData,
         toContractGasLimit,
         slippage,
-        enabledBridges,
+        swapOnly ? [] : enabledBridges,
         enabledExchanges,
         routePriority,
         variant,
         sdkConfig?.defaultRouteOptions?.allowSwitchChain,
         enabledRefuel && enabledAutoRefuel,
-        gasRecommendation?.fromAmount,
+        gasRecommendationFromAmount,
         insurance,
         insurableRoute?.id,
     ];
@@ -80,7 +82,7 @@ const useSwapRoutes = ({ onSettled, insurableRoute, } = {}) => {
         let toWalletAddress;
         try {
             toWalletAddress =
-                (await provider?.resolveName(toAddress)) ??
+                (await account.signer?.provider?.resolveName(toAddress)) ??
                     ((0, address_1.isAddress)(toAddress) ? toAddress : fromAddress);
         }
         catch {
@@ -90,6 +92,16 @@ const useSwapRoutes = ({ onSettled, insurableRoute, } = {}) => {
             .mul(10 ** (fromToken?.decimals ?? 0))
             .toFixed(0);
         const formattedSlippage = parseFloat(slippage) / 100;
+        const allowedBridges = insurableRoute
+            ? insurableRoute.steps.flatMap((step) => step.includedSteps
+                .filter((includedStep) => includedStep.type === 'cross')
+                .map((includedStep) => includedStep.toolDetails.key))
+            : enabledBridges;
+        const allowedExchanges = insurableRoute
+            ? insurableRoute.steps.flatMap((step) => step.includedSteps
+                .filter((includedStep) => includedStep.type === 'swap')
+                .map((includedStep) => includedStep.toolDetails.key))
+            : enabledExchanges;
         if (variant === 'nft') {
             const contractCallQuote = await lifi.getContractCallQuote({
                 fromAddress,
@@ -101,12 +113,25 @@ const useSwapRoutes = ({ onSettled, insurableRoute, } = {}) => {
                 toContractAddress,
                 toContractCallData,
                 toContractGasLimit,
+                allowBridges: allowedBridges,
                 // toFallbackAddress: toAddress,
                 slippage: formattedSlippage,
             }, { signal });
             contractCallQuote.estimate.toAmount = toTokenAmount;
             contractCallQuote.estimate.toAmountMin = toTokenAmount;
             contractCallQuote.action.toToken = toToken;
+            const customStep = variant === 'nft'
+                ? contractCallQuote.includedSteps?.find((step) => step.type === 'custom')
+                : undefined;
+            if (customStep && contractTool) {
+                const toolDetails = {
+                    key: contractTool.name,
+                    name: contractTool.name,
+                    logoURI: contractTool.logoURI,
+                };
+                customStep.toolDetails = toolDetails;
+                contractCallQuote.toolDetails = toolDetails;
+            }
             const route = {
                 id: (0, uuid_1.v4)(),
                 fromChainId: contractCallQuote.action.fromChainId,
@@ -126,16 +151,6 @@ const useSwapRoutes = ({ onSettled, insurableRoute, } = {}) => {
             };
             return { routes: [route] };
         }
-        const allowedBridges = insurableRoute
-            ? insurableRoute.steps.flatMap((step) => step.includedSteps
-                .filter((includedStep) => includedStep.type === 'cross')
-                .map((includedStep) => includedStep.toolDetails.key))
-            : enabledBridges;
-        const allowedExchanges = insurableRoute
-            ? insurableRoute.steps.flatMap((step) => step.includedSteps
-                .filter((includedStep) => includedStep.type === 'swap')
-                .map((includedStep) => includedStep.toolDetails.key))
-            : enabledExchanges;
         return lifi.getRoutes({
             fromChainId,
             fromAmount,
@@ -192,7 +207,6 @@ const useSwapRoutes = ({ onSettled, insurableRoute, } = {}) => {
                 });
             }
         },
-        onSettled,
     });
     return {
         routes: data?.routes,

package/cjs/hooks/useToken.d.ts

@@ -1,4 +1,4 @@
 export declare const useToken: (chainId?: number, tokenAddress?: string) => {
-    token: import("..").Token | undefined;
+    token: import("..").TokenAmount | undefined;
     isLoading: boolean;
 };

package/cjs/hooks/useTokenAddressBalance.d.ts

@@ -1,5 +1,5 @@
 export declare const useTokenAddressBalance: (chainId?: number, tokenAddress?: string) => {
-    token: import("..").Token | undefined;
+    token: import("..").TokenAmount | undefined;
     isLoading: boolean;
-    refetch: <TPageData>(options?: (import("@tanstack/query-core").RefetchOptions & import("@tanstack/query-core").RefetchQueryFilters<TPageData>) | undefined) => Promise<import("@tanstack/query-core").QueryObserverResult<import("..").Token[], unknown>>;
+    refetch: <TPageData>(options?: (import("@tanstack/query-core").RefetchOptions & import("@tanstack/query-core").RefetchQueryFilters<TPageData>) | undefined) => Promise<import("@tanstack/query-core").QueryObserverResult<import("..").TokenAmount[], unknown>>;
 };

package/cjs/hooks/useTokenBalance.js

@@ -4,14 +4,13 @@ exports.useTokenBalance = void 0;
 const react_query_1 = require("@tanstack/react-query");
 const react_1 = require("react");
 const providers_1 = require("../providers");
-const utils_1 = require("../utils");
 const useGetTokenBalancesWithRetry_1 = require("./useGetTokenBalancesWithRetry");
 const defaultRefetchInterval = 30000;
 const useTokenBalance = (token, accountAddress) => {
-    const { account, provider } = (0, providers_1.useWallet)();
+    const { account } = (0, providers_1.useWallet)();
     const queryClient = (0, react_query_1.useQueryClient)();
     const walletAddress = accountAddress || account.address;
-    const getTokenBalancesWithRetry = (0, useGetTokenBalancesWithRetry_1.useGetTokenBalancesWithRetry)(provider);
+    const getTokenBalancesWithRetry = (0, useGetTokenBalancesWithRetry_1.useGetTokenBalancesWithRetry)(account.signer?.provider);
     const tokenBalanceQueryKey = (0, react_1.useMemo)(() => ['token-balance', walletAddress, token?.chainId, token?.address], [token?.address, token?.chainId, walletAddress]);
     const { data, isLoading, refetch } = (0, react_query_1.useQuery)(tokenBalanceQueryKey, async ({ queryKey: [, accountAddress] }) => {
         const cachedToken = queryClient
@@ -29,8 +28,8 @@ const useTokenBalance = (token, accountAddress) => {
             throw Error('Could not get tokens balance.');
         }
         const cachedTokenAmount = queryClient.getQueryData(tokenBalanceQueryKey);
-        const formattedAmount = (0, utils_1.formatTokenAmount)(tokenBalances[0].amount);
-        if (cachedTokenAmount?.amount !== formattedAmount) {
+        const tokenAmount = tokenBalances[0].amount;
+        if (cachedTokenAmount?.amount !== tokenAmount) {
             queryClient.setQueryDefaults(tokenBalanceQueryKey, {
                 refetchInterval: defaultRefetchInterval,
                 staleTime: defaultRefetchInterval,
@@ -42,14 +41,14 @@ const useTokenBalance = (token, accountAddress) => {
                 const index = clonedData.findIndex((dataToken) => dataToken.address === token.address);
                 clonedData[index] = {
                     ...clonedData[index],
-                    amount: formattedAmount,
+                    amount: tokenAmount,
                 };
                 return clonedData;
             }
         });
         return {
             ...tokenBalances[0],
-            amount: formattedAmount,
+            amount: tokenAmount,
         };
     }, {
         enabled: Boolean(walletAddress && token),

package/cjs/hooks/useTokenBalances.d.ts

@@ -1,9 +1,9 @@
-import type { Token } from '../types';
+import type { TokenAmount } from '../types';
 export declare const useTokenBalances: (selectedChainId?: number) => {
-    tokens: Token[];
-    tokensWithBalance: Token[] | undefined;
-    featuredTokens: import("@lifi/types").Token[] | undefined;
+    tokens: TokenAmount[];
+    tokensWithBalance: TokenAmount[] | undefined;
+    featuredTokens: import("@lifi/types").StaticToken[] | undefined;
     isLoading: boolean;
     isBalanceLoading: boolean;
-    refetch: <TPageData>(options?: (import("@tanstack/react-query").RefetchOptions & import("@tanstack/react-query").RefetchQueryFilters<TPageData>) | undefined) => Promise<import("@tanstack/react-query").QueryObserverResult<Token[], unknown>>;
+    refetch: <TPageData>(options?: (import("@tanstack/react-query").RefetchOptions & import("@tanstack/react-query").RefetchQueryFilters<TPageData>) | undefined) => Promise<import("@tanstack/react-query").QueryObserverResult<TokenAmount[], unknown>>;
 };

package/cjs/hooks/useTokenBalances.js

@@ -2,39 +2,24 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useTokenBalances = void 0;
 const react_query_1 = require("@tanstack/react-query");
-const react_1 = require("react");
 const providers_1 = require("../providers");
-const utils_1 = require("../utils");
 const useFeaturedTokens_1 = require("./useFeaturedTokens");
 const useTokens_1 = require("./useTokens");
-const defaultRefetchInterval = 30000;
-const minRefetchInterval = 1000;
+const defaultRefetchInterval = 32000;
 const useTokenBalances = (selectedChainId) => {
     const lifi = (0, providers_1.useLiFi)();
     const { account } = (0, providers_1.useWallet)();
     const featuredTokens = (0, useFeaturedTokens_1.useFeaturedTokens)(selectedChainId);
     const { tokens, isLoading } = (0, useTokens_1.useTokens)(selectedChainId);
-    const [refetchInterval, setRefetchInterval] = (0, react_1.useState)(defaultRefetchInterval);
     const isBalanceLoadingEnabled = Boolean(account.address) &&
         Boolean(tokens?.length) &&
         Boolean(selectedChainId);
     const { data: tokensWithBalance, isLoading: isBalanceLoading, refetch, } = (0, react_query_1.useQuery)(['token-balances', account.address, selectedChainId, tokens?.length], async ({ queryKey: [, accountAddress] }) => {
         const tokenBalances = await lifi.getTokenBalances(accountAddress, tokens);
-        if (!tokenBalances?.length) {
-            // Sometimes RPCs (e.g. Arbitrum) don't return balances on first call
-            // TODO: fix and remove backplane
-            setRefetchInterval((interval) => interval === defaultRefetchInterval
-                ? minRefetchInterval
-                : interval * 2);
-            throw Error('Could not get tokens balance.');
-        }
         const featuredTokenAddresses = new Set(featuredTokens?.map((token) => token.address));
         const sortFn = (a, b) => parseFloat(b.amount ?? '0') * parseFloat(b.priceUSD ?? '0') -
             parseFloat(a.amount ?? '0') * parseFloat(a.priceUSD ?? '0');
-        const formattedTokens = (tokenBalances.length === 0 ? tokens : tokenBalances).map((token) => {
-            token.amount = (0, utils_1.formatTokenAmount)(token.amount);
-            return token;
-        });
+        const formattedTokens = (tokenBalances.length === 0 ? tokens : tokenBalances);
         const result = [
             ...formattedTokens
                 .filter((token) => token.amount !== '0' && featuredTokenAddresses.has(token.address))
@@ -49,8 +34,8 @@ const useTokenBalances = (selectedChainId) => {
         return result;
     }, {
         enabled: isBalanceLoadingEnabled,
-        refetchInterval,
-        staleTime: refetchInterval,
+        refetchInterval: defaultRefetchInterval,
+        staleTime: defaultRefetchInterval,
     });
     return {
         tokens,

package/cjs/hooks/useTokenSearch.d.ts

@@ -1,5 +1,5 @@
-import type { Token } from '../types';
+import type { TokenAmount } from '../types';
 export declare const useTokenSearch: (chainId?: number, tokenQuery?: string, enabled?: boolean) => {
-    token: Token | undefined;
+    token: TokenAmount | undefined;
     isLoading: boolean;
 };

package/cjs/hooks/useTokens.d.ts

@@ -1,5 +1,5 @@
-import type { Token } from '../types';
+import type { TokenAmount } from '../types';
 export declare const useTokens: (selectedChainId?: number) => {
-    tokens: Token[];
+    tokens: TokenAmount[];
     isLoading: boolean;
 };

package/cjs/i18n/bn.json

@@ -12,6 +12,7 @@
     "done": "সম্পন্ন হয়েছে",
     "getGas": "গ্যাস পান",
     "hide": "গোপন করুন",
+    "learnMore": "আরও জানুন",
     "lifiSwap": "লি.ফাই সোওয়াপ",
     "light": "লাইট",
     "max": "সর্বোচ্চ",
@@ -29,6 +30,7 @@
     "startSwap": "সোওয়াপ শুরু করুন",
     "swap": "সোওয়াপ",
     "tryAgain": "আবার চেষ্টা করুন",
+    "viewCoverage": "কভারেজ দেখুন",
     "viewOnExplorer": "এক্সপ্লোরারে দেখুন"
   },
   "format": {
@@ -104,6 +106,12 @@
     "gasFeeEstimated": "আনুমানিক গ্যাস ফি",
     "gasFeePaid": "গ্যাস ফি প্রদান করা হয়",
     "inProgress": "প্রক্রিয়াধীন",
+    "insurance": {
+      "bridgeExploits": "ব্রিজের ত্রুটি, হ্যাক বা শোষণ",
+      "insure": "ট্রানজিটে টোকেনের ১০০% বীমা করুন।",
+      "insured": "আপনি ট্রানজিটের ১০০% টোকেন বীমা করেছেন:",
+      "slippageError": "প্রাপ্ত টোকেনগুলির জন্য স্লিপেজে ত্রুটি।"
+    },
     "info": {
       "message": {
         "autoRefuel": "আপনার {{chainName}} গ্যাস কম। চালিয়ে যাওয়ার মাধ্যমে, আপনি সোওয়াপ সম্পূর্ণ করার জন্য পর্যাপ্ত গ্যাস পাবেন।",

package/cjs/i18n/en.json

@@ -1,6 +1,8 @@
 {
   "button": {
     "auto": "Auto",
+    "buy": "Buy",
+    "buyNow": "Buy now",
     "cancel": "Cancel",
     "connectWallet": "Connect wallet",
     "contactSupport": "Contact support",
@@ -12,6 +14,7 @@
     "done": "Done",
     "getGas": "Get gas",
     "hide": "Hide",
+    "learnMore": "Learn more",
     "lifiSwap": "LI.FI Swap",
     "light": "Light",
     "max": "max",
@@ -22,6 +25,7 @@
     "resetSettings": "Reset settings",
     "restartSwap": "Restart swap",
     "reviewGasSwap": "Review gas swap",
+    "reviewPurchase": "Review purchase",
     "reviewSwap": "Review swap",
     "seeDetails": "See details",
     "showAll": "Show all",
@@ -29,6 +33,7 @@
     "startSwap": "Start swap",
     "swap": "Swap",
     "tryAgain": "Try again",
+    "viewCoverage": "View coverage",
     "viewOnExplorer": "View on explorer"
   },
   "format": {
@@ -37,10 +42,14 @@
   },
   "header": {
     "activeSwaps": "Active swaps",
+    "bridge": "Bridge",
     "checkout": "Checkout",
     "from": "Swap from",
     "gas": "Gas",
     "gasSwap": "Gas swap",
+    "payWith": "Pay with",
+    "purchase": "Purchase",
+    "purchaseDetails": "Purchase details",
     "routes": "You get",
     "selectChain": "Select chain",
     "selectWallet": "Select your wallet",
@@ -73,6 +82,8 @@
     "currentAmount": "Current amount",
     "error": {
       "message": {
+        "allowanceRequired": "Transfer amount for {{tokenSymbol}} exceeds your current allowance. Please increase your allowance and try again.",
+        "insufficientFunds": "You don't have enough gas to cover the cost of the transaction.",
         "slippageThreshold": "The slippage is larger than the defined threshold. Please request a new route to get a fresh quote.",
         "transactionFailed": "Please check the block explorer for more information.",
         "transactionNotSent": "Transaction was not sent. {{amount, number(maximumFractionDigits: 9)}} {{tokenSymbol}} on {{chainName}} remain in your wallet.",
@@ -80,10 +91,12 @@
         "unknown": "Please try again or contact support."
       },
       "title": {
+        "allowanceRequired": "Insufficient allowance",
         "balanceIsTooLow": "The balance is too low",
         "chainSwitch": "Chain switch required",
         "failed": "Swap failed",
         "gasLimitIsTooLow": "The gas limit is too low",
+        "insufficientFunds": "Insufficient funds",
         "slippageNotMet": "Slippage conditions not met",
         "transactionCanceled": "Transaction canceled",
         "transactionFailed": "Transaction failed",
@@ -104,6 +117,12 @@
     "gasFeeEstimated": "estimated gas fee",
     "gasFeePaid": "gas fee paid",
     "inProgress": "in progress",
+    "insurance": {
+      "bridgeExploits": "Bridge malfunctions, hacks or exploits",
+      "insure": "Insure <strong>{{amount, number(maximumFractionDigits: 9)}} {{tokenSymbol}}</strong> in transit.",
+      "insured": "You've insured <strong>{{amount, number(maximumFractionDigits: 9)}} {{tokenSymbol}}</strong> in transit:",
+      "slippageError": "Error in slippage for tokens received"
+    },
     "info": {
       "message": {
         "autoRefuel": "You're low on {{chainName}} gas. By continuing, you'll get enough gas to complete the swap.",
@@ -123,7 +142,6 @@
     "onChain": "on {{chainName}}",
     "otherTokens": "Other tokens",
     "ownedBy": "Owned by",
-    "payWith": "Pay with",
     "process": {
       "crossChain": {
         "actionRequired": "Please sign the transaction",
@@ -131,6 +149,9 @@
         "pending": "Waiting for bridge transaction",
         "started": "Preparing bridge transaction"
       },
+      "nft": {
+        "done": "NFT purchased"
+      },
       "receivingChain": {
         "done": "Bridge completed",
         "partial": "Bridge partially completed",
@@ -157,24 +178,27 @@
     "rateChange": "Rate change",
     "receiving": "Receiving",
     "refuelStepDetails": "Get gas via {{tool}}",
-    "routes": "You get",
-    "selectChain": "Chain",
+    "selectChain": "Select chain",
     "selectChainAndToken": "Select chain and token",
-    "selectToken": "Token",
+    "selectToken": "Select token",
     "sendToAddress": "Send to {{address}}",
     "sendToWallet": "Send to a different wallet",
     "sentToAddress": "Sent to {{address}}",
     "stepBridge": "Bridge",
+    "stepBridgeAndBuy": "Bridge and buy",
     "stepDetails": "{{tool}} via LI.FI",
     "stepSwap": "Swap",
     "stepSwapAndBridge": "Swap and bridge",
+    "stepSwapAndBuy": "Swap and buy",
     "success": {
       "message": {
         "swapPartiallySuccessful": "We've tried to complete the swap, but {{tool}} ran out of liquidity for {{tokenSymbol}} token.",
+        "purchaseSuccessful": "You now own {{assetName}} in {{walletAddress}} wallet on {{chainName}} chain.",
         "swapSuccessful": "There are now {{amount, number(maximumFractionDigits: 9)}} {{tokenSymbol}} in {{walletAddress}} wallet on {{chainName}} chain."
       },
       "title": {
         "gasSwapSuccessful": "Gas swap successful",
+        "purchaseSuccessful": "Purchase successful",
         "refundIssued": "Refund issued",
         "swapPartiallySuccessful": "Swap partially successful",
         "swapSuccessful": "Swap successful"
@@ -195,7 +219,7 @@
     "to": "To",
     "tokenOnChain": "{{tokenSymbol}} on {{chainName}}",
     "tokenOnChainAmount": "{{amount, number(maximumFractionDigits: 9)}} {{tokenSymbol}} on {{chainName}}",
-    "tokenSearch": "Search your token",
+    "tokenSearch": "Search by token name or address",
     "valueLoss": "Value loss",
     "walletAddressOrEns": "Wallet address or ENS name",
     "warning": {
@@ -229,6 +253,7 @@
     },
     "numberOfSteps": "A number of swap steps. Each step can contain 1-2 transactions that require a signature.",
     "progressToNextUpdate": "Displayed data will auto-refresh after {{value}} seconds. Click here to update manually.",
+    "recommended": "A cheap route that balances complexity and ease of use.",
     "settingsModified": "Settings (modified)"
   },
   "wallet": {

package/cjs/i18n/fr.json

@@ -12,6 +12,7 @@
     "done": "Terminé",
     "getGas": "Obtenir du gaz",
     "hide": "Cacher",
+    "learnMore": "Plus d'info",
     "lifiSwap": "LI.FI Swap",
     "light": "Clair",
     "max": "max",
@@ -29,6 +30,7 @@
     "startSwap": "Commencer l'échange",
     "swap": "Échanger",
     "tryAgain": "Réessayer",
+    "viewCoverage": "Voir la couverture",
     "viewOnExplorer": "Voir sur l'explorateur"
   },
   "format": {
@@ -104,6 +106,12 @@
     "gasFeeEstimated": "frais de gaz estimés",
     "gasFeePaid": "frais de gaz payés",
     "inProgress": "en cours",
+    "insurance": {
+      "bridgeExploits": "Des dysfonctionnements de pont, des hacks ou des exploits",
+      "insure": "Assurer 100% des jetons en cours de transit.",
+      "insured": "Vous avez assuré 100 % des jetons en cours de transit:",
+      "slippageError": "Erreur dans le slippage pour les jetons reçus"
+    },
     "info": {
       "message": {
         "autoRefuel": "Vous avez peu de gaz sur {{chainName}}. En continuant, vous aurez assez de gaz pour compléter l'échange.",