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

package/cjs/components/Header/NavigationTabs.style.js

@@ -7,7 +7,7 @@ exports.NavbarTabs = (0, styles_1.styled)(material_1.Tabs)(({ theme }) => ({
     backgroundColor: theme.palette.mode === 'dark'
         ? theme.palette.common.white
         : (0, styles_1.alpha)(theme.palette.common.black, 0.04),
-    borderRadius: theme.shape.borderRadius,
+    borderRadius: Math.max(theme.shape.borderRadius, theme.shape.borderRadiusSecondary),
     padding: theme.spacing(0.5),
     flex: 1,
     display: 'flex',

package/cjs/components/SwapInput/FormPriceHelperText.d.ts

@@ -1,3 +1,9 @@
 /// <reference types="react" />
+import type { TokenAmount } from '@lifi/sdk';
 import type { SwapFormTypeProps } from '../../providers';
 export declare const FormPriceHelperText: React.FC<SwapFormTypeProps>;
+export declare const FormPriceHelperTextBase: React.FC<SwapFormTypeProps & {
+    isLoading?: boolean;
+    tokenAddress?: string;
+    token?: TokenAmount;
+}>;

package/cjs/components/SwapInput/FormPriceHelperText.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.FormPriceHelperText = void 0;
+exports.FormPriceHelperTextBase = exports.FormPriceHelperText = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const material_1 = require("@mui/material");
 const react_hook_form_1 = require("react-hook-form");
@@ -9,15 +9,21 @@ const hooks_1 = require("../../hooks");
 const providers_1 = require("../../providers");
 const utils_1 = require("../../utils");
 const FormPriceHelperText = ({ formType, }) => {
-    const { t } = (0, react_i18next_1.useTranslation)();
-    const [amount, chainId, tokenAddress] = (0, react_hook_form_1.useWatch)({
+    const [chainId, tokenAddress] = (0, react_hook_form_1.useWatch)({
         name: [
-            providers_1.SwapFormKeyHelper.getAmountKey(formType),
             providers_1.SwapFormKeyHelper.getChainKey(formType),
             providers_1.SwapFormKeyHelper.getTokenKey(formType),
         ],
     });
     const { token, isLoading } = (0, hooks_1.useTokenAddressBalance)(chainId, tokenAddress);
+    return ((0, jsx_runtime_1.jsx)(exports.FormPriceHelperTextBase, { formType: formType, isLoading: isLoading, tokenAddress: tokenAddress, token: token }));
+};
+exports.FormPriceHelperText = FormPriceHelperText;
+const FormPriceHelperTextBase = ({ formType, isLoading, tokenAddress, token }) => {
+    const { t } = (0, react_i18next_1.useTranslation)();
+    const amount = (0, react_hook_form_1.useWatch)({
+        name: providers_1.SwapFormKeyHelper.getAmountKey(formType),
+    });
     const fromAmountTokenPrice = (0, utils_1.formatTokenPrice)(amount, token?.priceUSD);
     return ((0, jsx_runtime_1.jsxs)(material_1.FormHelperText, { component: "div", sx: { display: 'flex', justifyContent: 'space-between', margin: 0 }, children: [(0, jsx_runtime_1.jsx)(material_1.Typography, { color: fromAmountTokenPrice ? 'text.secondary' : 'grey.600', fontWeight: 400, fontSize: 12, marginLeft: 8, lineHeight: 1.3334, flex: 1, sx: {
                     wordBreak: 'break-word',
@@ -28,4 +34,4 @@ const FormPriceHelperText = ({ formType, }) => {
                     value: (0, utils_1.formatTokenAmount)(token?.amount),
                 })}` })) : null] }));
 };
-exports.FormPriceHelperText = FormPriceHelperText;
+exports.FormPriceHelperTextBase = FormPriceHelperTextBase;

package/cjs/components/SwapInput/SwapInput.d.ts

@@ -1,4 +1,12 @@
-/// <reference types="react" />
+import type { Token } from '@lifi/sdk';
 import type { BoxProps } from '@mui/material';
+import type { ReactNode } from 'react';
 import type { SwapFormTypeProps } from '../../providers';
 export declare const SwapInput: React.FC<SwapFormTypeProps & BoxProps>;
+export declare const SwapInputBase: React.FC<SwapFormTypeProps & BoxProps & {
+    token?: Token;
+    startAdornment?: ReactNode;
+    endAdornment?: ReactNode;
+    bottomAdornment?: ReactNode;
+    disabled?: boolean;
+}>;

package/cjs/components/SwapInput/SwapInput.js

@@ -1,41 +1,57 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.SwapInput = void 0;
+exports.SwapInputBase = exports.SwapInput = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const react_hook_form_1 = require("react-hook-form");
 const react_i18next_1 = require("react-i18next");
+const hooks_1 = require("../../hooks");
 const providers_1 = require("../../providers");
 const types_1 = require("../../types");
 const utils_1 = require("../../utils");
 const Card_1 = require("../Card");
-const FitInputText_1 = require("./FitInputText");
 const FormPriceHelperText_1 = require("./FormPriceHelperText");
 const SwapInput_style_1 = require("./SwapInput.style");
 const SwapInputEndAdornment_1 = require("./SwapInputEndAdornment");
 const SwapInputStartAdornment_1 = require("./SwapInputStartAdornment");
 const SwapInput = ({ formType, ...props }) => {
+    const { disabledUI } = (0, providers_1.useWidgetConfig)();
+    const [chainId, tokenAddress] = (0, react_hook_form_1.useWatch)({
+        name: [
+            providers_1.SwapFormKeyHelper.getChainKey(formType),
+            providers_1.SwapFormKeyHelper.getTokenKey(formType),
+        ],
+    });
+    const { token } = (0, hooks_1.useToken)(chainId, tokenAddress);
+    const disabled = disabledUI?.includes(types_1.DisabledUI.FromAmount);
+    return ((0, jsx_runtime_1.jsx)(exports.SwapInputBase, { formType: formType, token: token, startAdornment: (0, jsx_runtime_1.jsx)(SwapInputStartAdornment_1.SwapInputStartAdornment, { formType: formType }), endAdornment: !disabled ? (0, jsx_runtime_1.jsx)(SwapInputEndAdornment_1.SwapInputEndAdornment, { formType: formType }) : undefined, bottomAdornment: (0, jsx_runtime_1.jsx)(FormPriceHelperText_1.FormPriceHelperText, { formType: formType }), disabled: disabled, ...props }));
+};
+exports.SwapInput = SwapInput;
+const SwapInputBase = ({ formType, token, startAdornment, endAdornment, bottomAdornment, disabled, ...props }) => {
     const { t } = (0, react_i18next_1.useTranslation)();
     const amountKey = providers_1.SwapFormKeyHelper.getAmountKey(formType);
     const { field: { onChange, onBlur, value }, } = (0, react_hook_form_1.useController)({
         name: amountKey,
     });
-    const { disabledUI } = (0, providers_1.useWidgetConfig)();
     const ref = (0, react_1.useRef)(null);
     const handleChange = (event) => {
         const { value } = event.target;
-        const formattedAmount = (0, utils_1.formatInputAmount)(value, true);
+        const formattedAmount = (0, utils_1.formatInputAmount)(value, token?.decimals, true);
         onChange(formattedAmount);
     };
     const handleBlur = (event) => {
         const { value } = event.target;
-        const formattedAmount = (0, utils_1.formatInputAmount)(value);
+        const formattedAmount = (0, utils_1.formatInputAmount)(value, token?.decimals);
         onChange(formattedAmount);
         onBlur();
     };
-    const disabled = disabledUI?.includes(types_1.DisabledUI.FromAmount);
-    return ((0, jsx_runtime_1.jsxs)(Card_1.Card, { ...props, children: [(0, jsx_runtime_1.jsx)(Card_1.CardTitle, { children: t('swap.fromAmount') }), (0, jsx_runtime_1.jsxs)(SwapInput_style_1.FormControl, { fullWidth: true, children: [(0, jsx_runtime_1.jsx)(SwapInput_style_1.Input, { inputRef: ref, size: "small", autoComplete: "off", placeholder: "0", startAdornment: (0, jsx_runtime_1.jsx)(SwapInputStartAdornment_1.SwapInputStartAdornment, { formType: formType }), endAdornment: !disabled ? ((0, jsx_runtime_1.jsx)(SwapInputEndAdornment_1.SwapInputEndAdornment, { formType: formType })) : undefined, inputProps: {
+    (0, react_1.useLayoutEffect)(() => {
+        if (ref.current) {
+            (0, utils_1.fitInputText)(SwapInput_style_1.maxInputFontSize, SwapInput_style_1.minInputFontSize, ref.current);
+        }
+    }, [value, ref]);
+    return ((0, jsx_runtime_1.jsxs)(Card_1.Card, { ...props, children: [(0, jsx_runtime_1.jsx)(Card_1.CardTitle, { children: t('swap.fromAmount') }), (0, jsx_runtime_1.jsxs)(SwapInput_style_1.FormControl, { fullWidth: true, children: [(0, jsx_runtime_1.jsx)(SwapInput_style_1.Input, { inputRef: ref, size: "small", autoComplete: "off", placeholder: "0", startAdornment: startAdornment, endAdornment: endAdornment, inputProps: {
                             inputMode: 'decimal',
-                        }, onChange: handleChange, onBlur: handleBlur, value: value, name: amountKey, disabled: disabled, required: true }), (0, jsx_runtime_1.jsx)(FormPriceHelperText_1.FormPriceHelperText, { formType: formType })] }), (0, jsx_runtime_1.jsx)(FitInputText_1.FitInputText, { ref: ref, formType: formType })] }));
+                        }, onChange: handleChange, onBlur: handleBlur, value: value, name: amountKey, disabled: disabled, required: true }), bottomAdornment] })] }));
 };
-exports.SwapInput = SwapInput;
+exports.SwapInputBase = SwapInputBase;

package/cjs/components/TokenList/TokenListItem.js

@@ -30,7 +30,7 @@ const TokenListItemButton = ({ onClick, token, chain, showBalance, isBalanceLoad
             setShowAddress(false);
         }
     };
-    return ((0, jsx_runtime_1.jsxs)(TokenList_style_1.ListItemButton, { onClick: onClick, onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, dense: true, children: [(0, jsx_runtime_1.jsx)(material_1.ListItemAvatar, { children: (0, jsx_runtime_1.jsx)(material_1.Avatar, { src: token.logoURI, alt: token.symbol, children: token.symbol[0] }) }), (0, jsx_runtime_1.jsx)(material_1.ListItemText, { primary: token.symbol, secondaryTypographyProps: {
+    return ((0, jsx_runtime_1.jsxs)(TokenList_style_1.ListItemButton, { onClick: onClick, onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, dense: true, children: [(0, jsx_runtime_1.jsx)(material_1.ListItemAvatar, { children: (0, jsx_runtime_1.jsx)(material_1.Avatar, { src: token.logoURI, alt: token.symbol, children: token.symbol?.[0] }) }), (0, jsx_runtime_1.jsx)(material_1.ListItemText, { primary: token.symbol, secondaryTypographyProps: {
                     component: 'div',
                     sx: {
                         overflow: 'auto',

package/cjs/config/version.d.ts

@@ -1,2 +1,2 @@
 export declare const name = "@lifi/widget";
-export declare const version = "2.0.0-beta.10";
+export declare const version = "2.0.0-beta.12";

package/cjs/config/version.js

@@ -2,4 +2,4 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.version = exports.name = void 0;
 exports.name = '@lifi/widget';
-exports.version = '2.0.0-beta.10';
+exports.version = '2.0.0-beta.12';

package/cjs/hooks/useGasRecommendation.d.ts

@@ -1,2 +1,2 @@
 import type { ChainId } from '@lifi/sdk';
-export declare const useGasRecommendation: (chainId: ChainId, fromChain?: ChainId, fromToken?: string) => import("@tanstack/react-query").UseQueryResult<import("@lifi/sdk").GasRecommendationResponse, unknown>;
+export declare const useGasRecommendation: (chainId: ChainId, fromChain?: ChainId, fromToken?: string) => import("@tanstack/react-query").UseQueryResult<import("@lifi/sdk").GasRecommendationResponse | null, unknown>;

package/cjs/hooks/useGasRecommendation.js

@@ -3,10 +3,15 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.useGasRecommendation = void 0;
 const react_query_1 = require("@tanstack/react-query");
 const providers_1 = require("../providers");
+const useChains_1 = require("./useChains");
 const refetchInterval = 60000;
 const useGasRecommendation = (chainId, fromChain, fromToken) => {
     const lifi = (0, providers_1.useLiFi)();
+    const { chains } = (0, useChains_1.useChains)();
     return (0, react_query_1.useQuery)(['gas-recommendation', chainId, fromChain, fromToken], async ({ queryKey: [_, chainId, fromChain, fromToken] }) => {
+        if (!chains?.some((chain) => chain.id === chainId)) {
+            return null;
+        }
         const gasRecommendation = await lifi.getGasRecommendation({
             chainId: chainId,
             fromChain: fromChain,

package/cjs/hooks/useTokens.js

@@ -8,7 +8,9 @@ const useChains_1 = require("./useChains");
 const useFeaturedTokens_1 = require("./useFeaturedTokens");
 const useTokens = (selectedChainId) => {
     const lifi = (0, providers_1.useLiFi)();
-    const { data, isLoading, dataUpdatedAt } = (0, react_query_1.useQuery)(['tokens'], () => lifi.getTokens());
+    const { data, isLoading } = (0, react_query_1.useQuery)(['tokens'], () => lifi.getTokens(), {
+        refetchInterval: 3600000,
+    });
     const { getChainById, isLoading: isSupportedChainsLoading } = (0, useChains_1.useChains)();
     const featuredTokens = (0, useFeaturedTokens_1.useFeaturedTokens)(selectedChainId);
     const { tokens: configTokens, chains: configChains } = (0, providers_1.useWidgetConfig)();
@@ -22,9 +24,18 @@ const useTokens = (selectedChainId) => {
         if (!chainAllowed) {
             return [];
         }
-        let filteredTokens = configTokens?.allow?.filter((token) => token.chainId === selectedChainId);
-        if (!filteredTokens?.length) {
-            filteredTokens = data?.tokens[selectedChainId];
+        let filteredTokens = data?.tokens[selectedChainId];
+        const includedTokens = configTokens?.include?.filter((token) => token.chainId === selectedChainId);
+        if (includedTokens?.length) {
+            filteredTokens = filteredTokens
+                ? [...includedTokens, ...filteredTokens]
+                : includedTokens;
+        }
+        const allowedTokens = configTokens?.allow
+            ?.filter((token) => token.chainId === selectedChainId)
+            .map((token) => token.address);
+        if (allowedTokens?.length) {
+            filteredTokens = filteredTokens?.filter((token) => allowedTokens.includes(token.address));
         }
         const deniedTokenAddresses = configTokens?.deny
             ?.filter((token) => token.chainId === selectedChainId)
@@ -43,15 +54,16 @@ const useTokens = (selectedChainId) => {
         return tokens;
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [
-        isSupportedChainsLoading,
-        selectedChainId,
-        getChainById,
         configChains,
         configTokens?.allow,
         configTokens?.deny,
-        featuredTokens,
+        configTokens?.include,
+        data?.tokens,
         data,
-        dataUpdatedAt,
+        featuredTokens,
+        getChainById,
+        isSupportedChainsLoading,
+        selectedChainId,
     ]);
     return {
         tokens,

package/cjs/i18n/id.json

@@ -1,6 +1,8 @@
 {
   "button": {
     "auto": "Otomatis",
+    "buy": "Beli",
+    "buyNow": "Beli sekarang",
     "cancel": "Batal",
     "connectWallet": "Hubungkan dompet",
     "contactSupport": "Kontak bantuan",
@@ -23,6 +25,7 @@
     "resetSettings": "Setel ulang pengaturan",
     "restartSwap": "Mengulang kembali swap",
     "reviewGasSwap": "Tinjau gas swap",
+    "reviewPurchase": "Tinjau pembelian",
     "reviewSwap": "Tinjau swap",
     "seeDetails": "Lihat rinciannya",
     "showAll": "Tampilkan semua",
@@ -39,10 +42,14 @@
   },
   "header": {
     "activeSwaps": "Swap aktif",
+    "bridge": "Bridge",
     "checkout": "Checkout",
     "from": "Swap dari",
     "gas": "Gas",
     "gasSwap": "Gas swap",
+    "payWith": "Bayar dengan",
+    "purchase": "Pembelian",
+    "purchaseDetails": "Detail pembelian",
     "routes": "Anda mendapatkan",
     "selectChain": "Pilih jaringan",
     "selectWallet": "Pilih dompet",
@@ -75,6 +82,8 @@
     "currentAmount": "Jumlah saat ini",
     "error": {
       "message": {
+        "allowanceRequired": "Jumlah transfer untuk {{tokenSymbol}} melebihi jatah Anda saat ini. Tingkatkan jatah Anda dan coba lagi.",
+        "insufficientFunds": "Anda tidak memiliki cukup gas untuk menutup biaya transaksi.",
         "slippageThreshold": "Slippage lebih besar dari ambang batas yang ditentukan. Silakan minta rute baru untuk mendapatkan penawaran baru.",
         "transactionFailed": "Silakan periksa block explorer untuk informasi lebih lanjut.",
         "transactionNotSent": "Transaksi tidak terkirim. {{amount, number(maximumFractionDigits: 9)}} {{tokenSymbol}} di {{chainName}} tetap berada di dompet Anda.",
@@ -82,10 +91,12 @@
         "unknown": "Silakan coba lagi atau hubungi bagian dukungan."
       },
       "title": {
+        "allowanceRequired": "Saldo tidak mencukupi",
         "balanceIsTooLow": "Saldo Anda terlalu sedikit",
         "chainSwitch": "Penggantian jaringan diperlukan",
         "failed": "Pertukaran gagal",
         "gasLimitIsTooLow": "Gas limit terlalu rendah",
+        "insufficientFunds": "Dana tidak mencukupi",
         "slippageNotMet": "Kondisi slippage tidak terpenuhi",
         "transactionCanceled": "Transaksi dibatalkan",
         "transactionFailed": "Transaksi gagal",
@@ -108,8 +119,8 @@
     "inProgress": "dalam proses",
     "insurance": {
       "bridgeExploits": "Malfungsi jembatan, peretasan, atau eksploitasi",
-      "insure": "Asuransikan 100% token dalam perjalanan.",
-      "insured": "Anda telah mengasuransikan 100% token dalam perjalanan:",
+      "insure": "Asuransikan <strong>{{amount, number(maximumFractionDigits: 9)}} {{tokenSymbol}}</strong> dalam perjalanan.",
+      "insured": "Anda telah mengasuransikan <strong>{{amount, number(maximumFractionDigits: 9)}} {{tokenSymbol}}</strong> dalam perjalanan:",
       "slippageError": "Kesalahan dalam slippage untuk token yang diterima"
     },
     "info": {
@@ -131,7 +142,6 @@
     "onChain": "di {{chainName}}",
     "otherTokens": "Token lainnya",
     "ownedBy": "Dimiliki oleh",
-    "payWith": "Bayar dengan",
     "process": {
       "crossChain": {
         "actionRequired": "Mohon konfirmasi transaksi",
@@ -139,6 +149,9 @@
         "pending": "Menunggu transaksi bridge",
         "started": "Mempersiapkan transaksi bridge"
       },
+      "nft": {
+        "done": "NFT dibeli"
+      },
       "receivingChain": {
         "done": "Bridge selesai",
         "partial": "Bridge sebagian selesai",
@@ -165,24 +178,27 @@
     "rateChange": "Perubahan rate",
     "receiving": "Menerima",
     "refuelStepDetails": "Dapatkan gas melalui {{tool}}",
-    "routes": "Anda mendapatkan",
-    "selectChain": "Jaringan",
+    "selectChain": "Pilih jaringan",
     "selectChainAndToken": "Pilih jaringan dan token",
-    "selectToken": "Token",
+    "selectToken": "Pilih token",
     "sendToAddress": "Kirim ke {{address}}",
     "sendToWallet": "Kirim ke dompet berbeda",
     "sentToAddress": "Dikirim ke {{address}}",
     "stepBridge": "Bridge",
+    "stepBridgeAndBuy": "Bridge dan beli",
     "stepDetails": "{{tool}} melalui LI.FI",
     "stepSwap": "Swap",
     "stepSwapAndBridge": "Swap dan bridge",
+    "stepSwapAndBuy": "Swap dan beli",
     "success": {
       "message": {
         "swapPartiallySuccessful": "Kami telah mencoba menyelesaikan pertukaran, tetapi {{tool}} kehabisan likuiditas untuk token {{tokenSymbol}}.",
+        "purchaseSuccessful": "Anda sekarang memiliki {{assetName}} di dompet {{walletAddress}} di chain {{chainName}}.",
         "swapSuccessful": "Sekarang ada {{amount, number(maximumFractionDigits: 9)}} {{tokenSymbol}} di dompet {{walletAddress}} pada jaringan {{chainName}}."
       },
       "title": {
         "gasSwapSuccessful": "Pertukaran gas berhasil",
+        "purchaseSuccessful": "Pembelian berhasil",
         "refundIssued": "Pengembalian dana diterbitkan",
         "swapPartiallySuccessful": "Swap sebagian berhasil",
         "swapSuccessful": "Swap berhasil"
@@ -203,7 +219,7 @@
     "to": "Kepada",
     "tokenOnChain": "{{tokenSymbol}} di {{chainName}}",
     "tokenOnChainAmount": "{{amount, number(maximumFractionDigits: 9)}} {{tokenSymbol}} di {{chainName}}",
-    "tokenSearch": "Cari token",
+    "tokenSearch": "Cari berdasarkan nama atau alamat token",
     "valueLoss": "Kehilangan nilai",
     "walletAddressOrEns": "Alamat dompet atau nama ENS",
     "warning": {
@@ -237,6 +253,7 @@
     },
     "numberOfSteps": "Sejumlah langkah swap. Setiap langkah dapat berisi 1-2 transaksi yang memerlukan tanda tangan.",
     "progressToNextUpdate": "Data yang ditampilkan akan disegarkan secara otomatis setelah {{value}} detik. Klik di sini untuk memperbarui secara manual.",
+    "recommended": "Rute murah yang menyeimbangkan kerumitan dan kemudahan penggunaan.",
     "settingsModified": "Pengaturan (diubah)"
   },
   "wallet": {

package/cjs/i18n/it.json

@@ -1,6 +1,8 @@
 {
   "button": {
     "auto": "Auto",
+    "buy": "Acquista",
+    "buyNow": "Acquista subito",
     "cancel": "Annulla",
     "connectWallet": "Collega il portafoglio",
     "contactSupport": "Contatta l'assistenza",
@@ -12,6 +14,7 @@
     "done": "Fatto",
     "getGas": "Ottieni gas",
     "hide": "Nascondi",
+    "learnMore": "Ulteriori informazioni",
     "lifiSwap": "Scambio LI.FI",
     "light": "Chiaro",
     "max": "massimo",
@@ -22,6 +25,7 @@
     "resetSettings": "Ripristina impostazioni",
     "restartSwap": "Riavvia lo scambio",
     "reviewGasSwap": "Rivedi lo scambio di gas",
+    "reviewPurchase": "Rivedi acquisto",
     "reviewSwap": "Rivedi lo scambio",
     "seeDetails": "Vedi dettagli",
     "showAll": "Mostra tutto",
@@ -29,6 +33,7 @@
     "startSwap": "Avvia lo scambio",
     "swap": "Scambio",
     "tryAgain": "Riprova",
+    "viewCoverage": "Vedi copertura",
     "viewOnExplorer": "Visualizza sull'Explorer"
   },
   "format": {
@@ -37,10 +42,14 @@
   },
   "header": {
     "activeSwaps": "Scambi attivi",
+    "bridge": "Bridge",
     "checkout": "Checkout",
     "from": "Scambia da",
     "gas": "Gas",
     "gasSwap": "Scambio di gas",
+    "payWith": "Paga con",
+    "purchase": "Acquista",
+    "purchaseDetails": "Dettagli di acquisto",
     "routes": "Ottieni",
     "selectChain": "Seleziona la chain",
     "selectWallet": "Seleziona il tuo portafoglio",
@@ -73,6 +82,8 @@
     "currentAmount": "Quantità corrente",
     "error": {
       "message": {
+        "allowanceRequired": "L'importo di {{tokenSymbol}} supera la tua quota massima permessa. Aumenta la quota e riprova.",
+        "insufficientFunds": "Non hai abbastanza gas per coprire il costo della transazione.",
         "slippageThreshold": "Lo slittamento di prezzo è più alto della soglia definita. Si prega di richiedere una nuova route per ottenere una quota aggiornata.",
         "transactionFailed": "Per ulteriori informazioni, consultare il block explorer.",
         "transactionNotSent": "La transazione non è stata inviata. {{amount, number(maximumFractionDigits: 9)}} {{tokenSymbol}} su {{chainName}} sono ancora presenti nel tuo portafoglio.",
@@ -80,10 +91,12 @@
         "unknown": "Riprova o contatta il nostro supporto."
       },
       "title": {
+        "allowanceRequired": "Quota massima insufficiente",
         "balanceIsTooLow": "Il saldo è troppo basso",
         "chainSwitch": "È necessario cambiare la chain",
         "failed": "Scambio fallito",
         "gasLimitIsTooLow": "Limite di gas troppo basso",
+        "insufficientFunds": "Fondi insufficienti",
         "slippageNotMet": "Condizioni di slittamento di prezzo non rispettate",
         "transactionCanceled": "Transazione cancellata",
         "transactionFailed": "Transazione fallita",
@@ -104,6 +117,12 @@
     "gasFeeEstimated": "tassa di gas stimata",
     "gasFeePaid": "tassa di gas pagata",
     "inProgress": "in corso",
+    "insurance": {
+      "bridgeExploits": "Malfunzionamenti, hack o exploit di bridge",
+      "insure": "Assicura <strong>{{amount, number(maximumFractionDigits: 9)}} {{tokenSymbol}}</strong> in transito.",
+      "insured": "Hai assicurato <strong>{{amount, number(maximumFractionDigits: 9)}} {{tokenSymbol}}</strong> in transito:",
+      "slippageError": "Errore nello slippage dei token ricevuti"
+    },
     "info": {
       "message": {
         "autoRefuel": "Livello basso di gas su {{chainName}}. Continuando avrai abbastanza gas per completare lo scambio.",
@@ -123,7 +142,6 @@
     "onChain": "su {{chainName}}",
     "otherTokens": "Altri token",
     "ownedBy": "Di proprietà di",
-    "payWith": "Paga con",
     "process": {
       "crossChain": {
         "actionRequired": "Si prega di firmare la transazione",
@@ -131,6 +149,9 @@
         "pending": "In attesa della transazione di bridge",
         "started": "Preparazione della transazione di bridge"
       },
+      "nft": {
+        "done": "NFT acquistati"
+      },
       "receivingChain": {
         "done": "Bridge completato",
         "partial": "Bridge parzialmente completato",
@@ -157,24 +178,27 @@
     "rateChange": "Tasso di scambio",
     "receiving": "In ricezione",
     "refuelStepDetails": "Ottieni gas tramite {{tool}}",
-    "routes": "Ottieni",
-    "selectChain": "Chain",
+    "selectChain": "Seleziona la chain",
     "selectChainAndToken": "Selezionare la chain ed il token",
-    "selectToken": "Token",
+    "selectToken": "Seleziona un token",
     "sendToAddress": "Invia a {{address}}",
     "sendToWallet": "Invia ad un altro portafoglio",
     "sentToAddress": "Inviati a {{address}}",
     "stepBridge": "Bridge",
+    "stepBridgeAndBuy": "Trasferisci e acquista",
     "stepDetails": "{{tool}} tramite LI.FI",
     "stepSwap": "Scambio",
     "stepSwapAndBridge": "Scambia e bridge",
+    "stepSwapAndBuy": "Scambia e acquista",
     "success": {
       "message": {
         "swapPartiallySuccessful": "Abbiamo provato a completare lo scambio, ma {{tool}} ha terminato la liquidità per {{tokenSymbol}} token.",
+        "purchaseSuccessful": "Ora possiedi {{assetName}} nel wallet {{walletAddress}} sulla chain {{chainName}}.",
         "swapSuccessful": "Sono presenti ora {{amount, number(maximumFractionDigits: 9)}} {{tokenSymbol}} nel portafoglio {{walletAddress}} sulla chain {{chainName}}."
       },
       "title": {
         "gasSwapSuccessful": "Scambio di swap avvenuto con successo",
+        "purchaseSuccessful": "Acquisto completato",
         "refundIssued": "Rimborso inviato",
         "swapPartiallySuccessful": "Scambio parzialmente completato con successo",
         "swapSuccessful": "Scambio completato con successo"
@@ -184,16 +208,18 @@
     "swapStepDetails": "Scambio su {{chain}} tramite {{tool}}.",
     "swapping": "In fase di scambio",
     "tags": {
-      "ALTERNATIVE": "ALTERNATIVA",
-      "CHEAPEST": "ECONOMICO",
-      "FASTEST": "VELOCE",
-      "RECOMMENDED": "CONSIGLIATO",
-      "SAFEST": "SICURO"
+      "cheapest": "Economico",
+      "fastest": "Veloce",
+      "insurable": "Assicurabile",
+      "insurance": "Assicurazione",
+      "insured": "Assicurato",
+      "recommended": "Consigliato",
+      "safest": "Sicuro"
     },
     "to": "A",
     "tokenOnChain": "{{tokenSymbol}} su {{chainName}}",
     "tokenOnChainAmount": "{{amount, number(maximumFractionDigits: 9)}} {{tokenSymbol}} su {{chainName}}",
-    "tokenSearch": "Cerca il tuo token",
+    "tokenSearch": "Cerca per nome token o indirizzo",
     "valueLoss": "Perdita di valore",
     "walletAddressOrEns": "Indirizzo del portafoglio o nome ENS",
     "warning": {
@@ -218,6 +244,7 @@
     }
   },
   "tooltip": {
+    "additionalProviderFee": "Bridge aggiuntivi, DEX e spese di servizio.",
     "estimatedNetworkFee": "Costo di rete stimato.",
     "estimatedTime": "Tempo di esecuzione dello scambio stimato in minuti.",
     "notFound": {
@@ -226,6 +253,7 @@
     },
     "numberOfSteps": "Una serie di fasi di scambio. Ogni fase può contenere 1-3 transazioni che richiedono una firma.",
     "progressToNextUpdate": "I dati visualizzati si aggiorneranno automaticamente dopo {{value}} secondi. Fai click qui per aggiornare manualmente.",
+    "recommended": "Una rotta economica che equilibra complessità e facilità di utilizzo.",
     "settingsModified": "Impostazioni (modificate)"
   },
   "wallet": {

package/cjs/i18n/pt.json

@@ -119,8 +119,8 @@
     "inProgress": "em andamento",
     "insurance": {
       "bridgeExploits": "Mau funcionamento da ponte, hacks ou exploits",
-      "insure": "Garantir 100% dos tokens em trânsito.",
-      "insured": "Você segurou 100% dos tokens em trânsito:",
+      "insure": "Contratar seguro para <strong>{{amount, number(maximumFractionDigits: 9)}} {{tokenSymbol}}</strong> em trânsito.",
+      "insured": "Você contratou seguro para <strong>{{amount, number(maximumFractionDigits: 9)}} {{tokenSymbol}}</strong> em trânsito:",
       "slippageError": "Erro na discrepância para tokens recebidos"
     },
     "info": {

package/cjs/i18n/uk.json

@@ -119,8 +119,8 @@
     "inProgress": "в процесі",
     "insurance": {
       "bridgeExploits": "Збої в роботі бриджу, зломи чи експлойти",
-      "insure": "Застрахуйте 100% токенів транзакції.",
-      "insured": "Ви застрахували 100% токенів транзакції:",
+      "insure": "Застрахуйте <strong>{{amount, number(maximumFractionDigits: 9)}} {{tokenSymbol}}</strong> токенів транзакції.",
+      "insured": "Ви застрахували <strong>{{amount, number(maximumFractionDigits: 9)}} {{tokenSymbol}}</strong> токенів транзакції:",
       "slippageError": "Помилка в прослизанні для отриманих токенів"
     },
     "info": {