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

package/cjs/components/Insurance/InsuranceCard.js

@@ -2,8 +2,11 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.InsuranceCard = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
+const ExpandLess_1 = require("@mui/icons-material/ExpandLess");
+const ExpandMore_1 = require("@mui/icons-material/ExpandMore");
 const VerifiedUser_1 = require("@mui/icons-material/VerifiedUser");
 const material_1 = require("@mui/material");
+const react_1 = require("react");
 const react_i18next_1 = require("react-i18next");
 const icons_1 = require("../../icons");
 const stores_1 = require("../../stores");
@@ -11,16 +14,24 @@ const Card_1 = require("../Card");
 const Switch_1 = require("../Switch");
 const InsuranceCard = ({ status, feeAmountUsd, insuranceCoverageId, onChange, ...props }) => {
     const { t } = (0, react_i18next_1.useTranslation)();
-    return ((0, jsx_runtime_1.jsxs)(Card_1.Card, { selectionColor: "secondary", indented: true, ...props, children: [(0, jsx_runtime_1.jsxs)(material_1.Box, { display: "flex", alignItems: "center", justifyContent: "space-between", mb: 2, children: [(0, jsx_runtime_1.jsxs)(Card_1.CardLabel, { type: 'insurance', children: [(0, jsx_runtime_1.jsx)(VerifiedUser_1.default, { fontSize: "inherit" }), (0, jsx_runtime_1.jsx)(Card_1.CardLabelTypography, { type: "icon", children: status === stores_1.RouteExecutionStatus.Idle
-                                    ? t(`swap.tags.insurance`)
-                                    : t(`swap.tags.insured`) })] }), (0, jsx_runtime_1.jsx)(icons_1.InsuraceLogo, {})] }), (0, jsx_runtime_1.jsxs)(material_1.Box, { display: "flex", alignItems: "center", justifyContent: "space-between", mb: 2, children: [(0, jsx_runtime_1.jsx)(material_1.Typography, { fontSize: 24, fontWeight: 700, lineHeight: 1, children: t('format.currency', {
-                            value: feeAmountUsd,
-                        }) }), status === stores_1.RouteExecutionStatus.Idle ? ((0, jsx_runtime_1.jsx)(Switch_1.Switch, { onChange: onChange })) : null] }), (0, jsx_runtime_1.jsxs)(material_1.Box, { display: "flex", alignItems: "center", children: [(0, jsx_runtime_1.jsx)(material_1.Typography, { fontSize: 12, children: status === stores_1.RouteExecutionStatus.Idle
-                            ? 'Get 100% coverage for lost tokens.'
-                            : '100% coverage for lost tokens.' }), (0, jsx_runtime_1.jsx)(material_1.Link, { href: status === stores_1.RouteExecutionStatus.Idle
-                            ? 'https://docs.insurace.io/landing-page/documentation/cover-products/bridge-cover/li.fi'
-                            : `https://app.insurace.io/bridge-cover?search=${insuranceCoverageId}`, target: "_blank", underline: "none", color: "text.primary", children: (0, jsx_runtime_1.jsx)(material_1.Typography, { px: 0.5, color: "primary", fontSize: 12, fontWeight: 600, children: status === stores_1.RouteExecutionStatus.Idle
-                                ? 'Learn more'
-                                : 'View coverage' }) })] })] }));
+    const [cardExpanded, setCardExpanded] = (0, react_1.useState)(status === stores_1.RouteExecutionStatus.Idle);
+    const handleExpand = (e) => {
+        e.stopPropagation();
+        setCardExpanded((expanded) => !expanded);
+    };
+    return ((0, jsx_runtime_1.jsxs)(Card_1.Card, { selectionColor: "secondary", indented: true, ...props, children: [(0, jsx_runtime_1.jsxs)(material_1.Box, { display: "flex", alignItems: "center", justifyContent: "space-between", children: [(0, jsx_runtime_1.jsxs)(Card_1.CardLabel, { type: 'insurance', children: [(0, jsx_runtime_1.jsx)(VerifiedUser_1.default, { fontSize: "inherit" }), (0, jsx_runtime_1.jsx)(Card_1.CardLabelTypography, { type: "icon", children: status === stores_1.RouteExecutionStatus.Idle
+                                    ? t('swap.tags.insurance')
+                                    : t('swap.tags.insured') })] }), status === stores_1.RouteExecutionStatus.Idle ? ((0, jsx_runtime_1.jsx)(Switch_1.Switch, { onChange: onChange })) : ((0, jsx_runtime_1.jsx)(material_1.Box, { my: -0.5, children: (0, jsx_runtime_1.jsx)(Card_1.CardIconButton, { onClick: handleExpand, size: "small", children: cardExpanded ? (0, jsx_runtime_1.jsx)(ExpandLess_1.default, {}) : (0, jsx_runtime_1.jsx)(ExpandMore_1.default, {}) }) }))] }), (0, jsx_runtime_1.jsx)(material_1.Collapse, { timeout: 225, in: cardExpanded, mountOnEnter: true, unmountOnExit: true, children: (0, jsx_runtime_1.jsxs)(material_1.Box, { mt: 2, children: [(0, jsx_runtime_1.jsxs)(material_1.Box, { display: "flex", alignItems: "center", justifyContent: "space-between", mb: 2, children: [(0, jsx_runtime_1.jsx)(material_1.Typography, { fontSize: 24, fontWeight: 700, lineHeight: 1, children: t('format.currency', {
+                                        value: feeAmountUsd,
+                                    }) }), (0, jsx_runtime_1.jsx)(icons_1.InsuraceLogo, {})] }), (0, jsx_runtime_1.jsxs)(material_1.Box, { children: [(0, jsx_runtime_1.jsx)(material_1.Typography, { fontSize: 14, children: status === stores_1.RouteExecutionStatus.Idle
+                                        ? t('swap.insurance.insure')
+                                        : t('swap.insurance.insured') }), status !== stores_1.RouteExecutionStatus.Idle ? ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: {
+                                        listStyleType: 'disc',
+                                        pl: 2,
+                                    }, children: [(0, jsx_runtime_1.jsx)(material_1.Typography, { fontSize: 14, display: "list-item", children: t('swap.insurance.bridgeExploits') }), (0, jsx_runtime_1.jsx)(material_1.Typography, { fontSize: 14, display: "list-item", children: t('swap.insurance.slippageError') })] })) : null, (0, jsx_runtime_1.jsx)(material_1.Link, { href: status === stores_1.RouteExecutionStatus.Idle
+                                        ? 'https://docs.insurace.io/landing-page/documentation/cover-products/bridge-cover/li.fi'
+                                        : `https://app.insurace.io/bridge-cover?search=${insuranceCoverageId}`, target: "_blank", underline: "none", color: "text.primary", children: (0, jsx_runtime_1.jsx)(material_1.Typography, { pt: 0.5, color: "primary", fontSize: 14, fontWeight: 600, children: status === stores_1.RouteExecutionStatus.Idle
+                                            ? t('button.learnMore')
+                                            : t('button.viewCoverage') }) })] })] }) })] }));
 };
 exports.InsuranceCard = InsuranceCard;

package/cjs/components/SwapRoutes/SwapRoutesExpanded.style.js

@@ -11,6 +11,7 @@ exports.CollapseContainer = (0, styles_1.styled)(material_1.Box)(({ theme }) =>
 exports.ScrollableContainer = (0, styles_1.styled)(material_1.Box)({
     overflowY: 'auto',
     height: '100%',
+    width: '100%',
     flex: 1,
     display: 'flex',
     flexDirection: 'column',

package/cjs/config/version.d.ts

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

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.1';
+exports.version = '2.0.0-beta.3';

package/cjs/i18n/en.json

@@ -12,6 +12,7 @@
     "done": "Done",
     "getGas": "Get gas",
     "hide": "Hide",
+    "learnMore": "Learn more",
     "lifiSwap": "LI.FI Swap",
     "light": "Light",
     "max": "max",
@@ -29,6 +30,7 @@
     "startSwap": "Start swap",
     "swap": "Swap",
     "tryAgain": "Try again",
+    "viewCoverage": "View coverage",
     "viewOnExplorer": "View on explorer"
   },
   "format": {
@@ -104,6 +106,12 @@
     "gasFeeEstimated": "estimated gas fee",
     "gasFeePaid": "gas fee paid",
     "inProgress": "in progress",
+    "insurance": {
+      "bridgeExploits": "Bridge malfunctions, hacks or exploits",
+      "insure": "Insure 100% of tokens in transit.",
+      "insured": "You've insured 100% of tokens 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.",

package/cjs/i18n/zh.json

@@ -106,12 +106,14 @@
     "inProgress": "进行中",
     "info": {
       "message": {
+        "autoRefuel": "您在 {{chainName}} 链上的燃气费很低。如果启用该选项，您将获得足够的燃气费完成此次兑换。",
         "emptyActiveSwaps": "正在进行的兑换将在这里显示。一旦完成，你可在兑换记录中找到它们。",
         "emptySwapHistory": "兑换记录只存储在本地，如果你清除浏览器数据，他们将被删除。",
         "emptyTokenList": "我们无法在 {{chainName}} 链上找到这些代币，或者你的钱包内没有这些代币。请再次搜索或者选择其他链再试一次。",
         "routeNotFound": "试试另一个代币组合。"
       },
       "title": {
+        "autoRefuel": "获得燃气费",
         "emptyActiveSwaps": "没有正在进行的兑换",
         "emptySwapHistory": "没有兑换记录",
         "routeNotFound": "没有可用的路由"
@@ -154,6 +156,7 @@
     "quotedAmount": "报价金额",
     "rateChange": "波动率",
     "receiving": "接收",
+    "refuelStepDetails": "通过 {{tool}} 获取燃气费",
     "routes": "你会收到",
     "selectChain": "网络",
     "selectChainAndToken": "选择链和代币",
@@ -162,6 +165,7 @@
     "sendToWallet": "发送到另外的钱包",
     "sentToAddress": "发送到{{address}}",
     "stepBridge": "跨链",
+    "stepDetails": "通过 LI.FI {{tool}}",
     "stepSwap": "兑换",
     "stepSwapAndBridge": "兑换和跨链",
     "success": {
@@ -180,11 +184,13 @@
     "swapStepDetails": "通过{{tool}}在{{chain}}链上兑换代币",
     "swapping": "兑换中",
     "tags": {
-      "ALTERNATIVE": "可用",
-      "CHEAPEST": "便宜",
-      "FASTEST": "快捷",
-      "RECOMMENDED": "推荐",
-      "SAFEST": "安全"
+      "cheapest": "便宜的",
+      "fastest": "快速的",
+      "insurable": "可保性",
+      "insurance": "保险",
+      "insured": "受保的",
+      "recommended": "建议的",
+      "safest": "最佳/安全"
     },
     "to": "到",
     "tokenOnChain": "{{chainName}}链上的{{tokenSymbol}}",
@@ -197,8 +203,8 @@
         "deleteActiveSwaps": "正在进行的兑换记录只存储在本地，如果删除它们，我们将无法恢复这些记录。",
         "deleteSwapHistory": "兑换记录只存储在本地，如果你删除它，我们将无法恢复这些记录。",
         "highValueLoss": "收到的代币的价值明显低于要被兑换的代币和交易成本。",
-        "insufficientFunds": "你没有足够的资金来执行这笔兑换。",
-        "insufficientGas": "你至少需要：",
+        "insufficientFunds": "你没有足够的资金来完成这笔交易。",
+        "insufficientGas": "您没有足够的燃气费来完成此次交易。您至少需要添加：",
         "rateChanged": "兑换比例已经改变，如果继续兑换，您将接受新的兑换比例。",
         "resetSettings": "这将重置您的路由优先级，滑点，燃气费，选中的跨链桥和链上交易所。"
       },
@@ -207,13 +213,14 @@
         "deleteSwap": "确定要删除这个兑换记录？",
         "deleteSwapHistory": "确定要清空兑换记录？",
         "highValueLoss": "大额资金损失",
-        "insufficientGas": "燃料费不足",
+        "insufficientGas": "燃气费不足",
         "rateChanged": "兑换比例变动",
         "resetSettings": "确定要恢复默认设置吗?"
       }
     }
   },
   "tooltip": {
+    "additionalProviderFee": "跨链和交易所的手续费。",
     "estimatedNetworkFee": "预估网络手续费。",
     "estimatedTime": "预计兑换的执行时间（分钟）。",
     "notFound": {

package/cjs/providers/I18nProvider/I18nProvider.js

@@ -11,7 +11,7 @@ const stores_1 = require("../../stores");
 const utils_1 = require("../../utils");
 const WidgetProvider_1 = require("../WidgetProvider");
 const I18nProvider = ({ children, }) => {
-    const { languageResources, languages, disableI18n } = (0, WidgetProvider_1.useWidgetConfig)();
+    const { languageResources, languages, disableLanguageDetector } = (0, WidgetProvider_1.useWidgetConfig)();
     const { language } = (0, stores_1.useSettings)(['language']);
     const i18n = (0, react_1.useMemo)(() => {
         let resources = Object.keys(supportedLanguages)
@@ -50,12 +50,12 @@ const I18nProvider = ({ children, }) => {
                 caches: [],
             },
         });
-        if (!language && !languages?.default && !disableI18n) {
+        if (!language && !languages?.default && !disableLanguageDetector) {
             i18n = i18n.use(i18next_browser_languagedetector_1.default);
         }
         i18n.use(react_i18next_1.initReactI18next).init();
         return i18n;
-    }, [disableI18n, language, languageResources, languages]);
+    }, [disableLanguageDetector, language, languageResources, languages]);
     return (0, jsx_runtime_1.jsx)(react_i18next_1.I18nextProvider, { i18n: i18n, children: children });
 };
 exports.I18nProvider = I18nProvider;

package/cjs/types/widget.d.ts

@@ -75,7 +75,6 @@ export interface WidgetConfig {
     appearance?: Appearance;
     theme?: ThemeConfig;
     containerStyle?: CSSProperties;
-    disableTelemetry?: boolean;
     disabledUI?: DisabledUIType[];
     hiddenUI?: HiddenUIType[];
     requiredUI?: RequiredUIType[];
@@ -107,7 +106,7 @@ export interface WidgetConfig {
         deny?: LanguageKey[];
     };
     languageResources?: LanguageResources;
-    disableI18n?: boolean;
+    disableLanguageDetector?: boolean;
 }
 export type WidgetDrawerProps = {
     elementRef?: RefObject<HTMLDivElement>;

package/components/Insurance/InsuranceCard.js

@@ -1,22 +1,33 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import ExpandLessIcon from '@mui/icons-material/ExpandLess';
+import ExpandMoreIcon from '@mui/icons-material/ExpandMore';
 import VerifiedUserIcon from '@mui/icons-material/VerifiedUser';
-import { Box, Link, Typography } from '@mui/material';
+import { Box, Collapse, Link, Typography } from '@mui/material';
+import { useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import { InsuraceLogo } from '../../icons';
 import { RouteExecutionStatus } from '../../stores';
-import { Card, CardLabel, CardLabelTypography } from '../Card';
+import { Card, CardIconButton, CardLabel, CardLabelTypography } from '../Card';
 import { Switch } from '../Switch';
 export const InsuranceCard = ({ status, feeAmountUsd, insuranceCoverageId, onChange, ...props }) => {
     const { t } = useTranslation();
-    return (_jsxs(Card, { selectionColor: "secondary", indented: true, ...props, children: [_jsxs(Box, { display: "flex", alignItems: "center", justifyContent: "space-between", mb: 2, children: [_jsxs(CardLabel, { type: 'insurance', children: [_jsx(VerifiedUserIcon, { fontSize: "inherit" }), _jsx(CardLabelTypography, { type: "icon", children: status === RouteExecutionStatus.Idle
-                                    ? t(`swap.tags.insurance`)
-                                    : t(`swap.tags.insured`) })] }), _jsx(InsuraceLogo, {})] }), _jsxs(Box, { display: "flex", alignItems: "center", justifyContent: "space-between", mb: 2, children: [_jsx(Typography, { fontSize: 24, fontWeight: 700, lineHeight: 1, children: t('format.currency', {
-                            value: feeAmountUsd,
-                        }) }), status === RouteExecutionStatus.Idle ? (_jsx(Switch, { onChange: onChange })) : null] }), _jsxs(Box, { display: "flex", alignItems: "center", children: [_jsx(Typography, { fontSize: 12, children: status === RouteExecutionStatus.Idle
-                            ? 'Get 100% coverage for lost tokens.'
-                            : '100% coverage for lost tokens.' }), _jsx(Link, { href: status === RouteExecutionStatus.Idle
-                            ? 'https://docs.insurace.io/landing-page/documentation/cover-products/bridge-cover/li.fi'
-                            : `https://app.insurace.io/bridge-cover?search=${insuranceCoverageId}`, target: "_blank", underline: "none", color: "text.primary", children: _jsx(Typography, { px: 0.5, color: "primary", fontSize: 12, fontWeight: 600, children: status === RouteExecutionStatus.Idle
-                                ? 'Learn more'
-                                : 'View coverage' }) })] })] }));
+    const [cardExpanded, setCardExpanded] = useState(status === RouteExecutionStatus.Idle);
+    const handleExpand = (e) => {
+        e.stopPropagation();
+        setCardExpanded((expanded) => !expanded);
+    };
+    return (_jsxs(Card, { selectionColor: "secondary", indented: true, ...props, children: [_jsxs(Box, { display: "flex", alignItems: "center", justifyContent: "space-between", children: [_jsxs(CardLabel, { type: 'insurance', children: [_jsx(VerifiedUserIcon, { fontSize: "inherit" }), _jsx(CardLabelTypography, { type: "icon", children: status === RouteExecutionStatus.Idle
+                                    ? t('swap.tags.insurance')
+                                    : t('swap.tags.insured') })] }), status === RouteExecutionStatus.Idle ? (_jsx(Switch, { onChange: onChange })) : (_jsx(Box, { my: -0.5, children: _jsx(CardIconButton, { onClick: handleExpand, size: "small", children: cardExpanded ? _jsx(ExpandLessIcon, {}) : _jsx(ExpandMoreIcon, {}) }) }))] }), _jsx(Collapse, { timeout: 225, in: cardExpanded, mountOnEnter: true, unmountOnExit: true, children: _jsxs(Box, { mt: 2, children: [_jsxs(Box, { display: "flex", alignItems: "center", justifyContent: "space-between", mb: 2, children: [_jsx(Typography, { fontSize: 24, fontWeight: 700, lineHeight: 1, children: t('format.currency', {
+                                        value: feeAmountUsd,
+                                    }) }), _jsx(InsuraceLogo, {})] }), _jsxs(Box, { children: [_jsx(Typography, { fontSize: 14, children: status === RouteExecutionStatus.Idle
+                                        ? t('swap.insurance.insure')
+                                        : t('swap.insurance.insured') }), status !== RouteExecutionStatus.Idle ? (_jsxs(Box, { sx: {
+                                        listStyleType: 'disc',
+                                        pl: 2,
+                                    }, children: [_jsx(Typography, { fontSize: 14, display: "list-item", children: t('swap.insurance.bridgeExploits') }), _jsx(Typography, { fontSize: 14, display: "list-item", children: t('swap.insurance.slippageError') })] })) : null, _jsx(Link, { href: status === RouteExecutionStatus.Idle
+                                        ? 'https://docs.insurace.io/landing-page/documentation/cover-products/bridge-cover/li.fi'
+                                        : `https://app.insurace.io/bridge-cover?search=${insuranceCoverageId}`, target: "_blank", underline: "none", color: "text.primary", children: _jsx(Typography, { pt: 0.5, color: "primary", fontSize: 14, fontWeight: 600, children: status === RouteExecutionStatus.Idle
+                                            ? t('button.learnMore')
+                                            : t('button.viewCoverage') }) })] })] }) })] }));
 };

package/components/SwapRoutes/SwapRoutesExpanded.style.js

@@ -8,6 +8,7 @@ export const CollapseContainer = styled(Box)(({ theme }) => ({
 export const ScrollableContainer = styled(Box)({
     overflowY: 'auto',
     height: '100%',
+    width: '100%',
     flex: 1,
     display: 'flex',
     flexDirection: 'column',

package/config/version.d.ts

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

package/config/version.js

@@ -1,2 +1,2 @@
 export const name = '@lifi/widget';
-export const version = '2.0.0-beta.1';
+export const version = '2.0.0-beta.3';

package/i18n/en.json

@@ -12,6 +12,7 @@
     "done": "Done",
     "getGas": "Get gas",
     "hide": "Hide",
+    "learnMore": "Learn more",
     "lifiSwap": "LI.FI Swap",
     "light": "Light",
     "max": "max",
@@ -29,6 +30,7 @@
     "startSwap": "Start swap",
     "swap": "Swap",
     "tryAgain": "Try again",
+    "viewCoverage": "View coverage",
     "viewOnExplorer": "View on explorer"
   },
   "format": {
@@ -104,6 +106,12 @@
     "gasFeeEstimated": "estimated gas fee",
     "gasFeePaid": "gas fee paid",
     "inProgress": "in progress",
+    "insurance": {
+      "bridgeExploits": "Bridge malfunctions, hacks or exploits",
+      "insure": "Insure 100% of tokens in transit.",
+      "insured": "You've insured 100% of tokens 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.",

package/i18n/zh.json

@@ -106,12 +106,14 @@
     "inProgress": "进行中",
     "info": {
       "message": {
+        "autoRefuel": "您在 {{chainName}} 链上的燃气费很低。如果启用该选项，您将获得足够的燃气费完成此次兑换。",
         "emptyActiveSwaps": "正在进行的兑换将在这里显示。一旦完成，你可在兑换记录中找到它们。",
         "emptySwapHistory": "兑换记录只存储在本地，如果你清除浏览器数据，他们将被删除。",
         "emptyTokenList": "我们无法在 {{chainName}} 链上找到这些代币，或者你的钱包内没有这些代币。请再次搜索或者选择其他链再试一次。",
         "routeNotFound": "试试另一个代币组合。"
       },
       "title": {
+        "autoRefuel": "获得燃气费",
         "emptyActiveSwaps": "没有正在进行的兑换",
         "emptySwapHistory": "没有兑换记录",
         "routeNotFound": "没有可用的路由"
@@ -154,6 +156,7 @@
     "quotedAmount": "报价金额",
     "rateChange": "波动率",
     "receiving": "接收",
+    "refuelStepDetails": "通过 {{tool}} 获取燃气费",
     "routes": "你会收到",
     "selectChain": "网络",
     "selectChainAndToken": "选择链和代币",
@@ -162,6 +165,7 @@
     "sendToWallet": "发送到另外的钱包",
     "sentToAddress": "发送到{{address}}",
     "stepBridge": "跨链",
+    "stepDetails": "通过 LI.FI {{tool}}",
     "stepSwap": "兑换",
     "stepSwapAndBridge": "兑换和跨链",
     "success": {
@@ -180,11 +184,13 @@
     "swapStepDetails": "通过{{tool}}在{{chain}}链上兑换代币",
     "swapping": "兑换中",
     "tags": {
-      "ALTERNATIVE": "可用",
-      "CHEAPEST": "便宜",
-      "FASTEST": "快捷",
-      "RECOMMENDED": "推荐",
-      "SAFEST": "安全"
+      "cheapest": "便宜的",
+      "fastest": "快速的",
+      "insurable": "可保性",
+      "insurance": "保险",
+      "insured": "受保的",
+      "recommended": "建议的",
+      "safest": "最佳/安全"
     },
     "to": "到",
     "tokenOnChain": "{{chainName}}链上的{{tokenSymbol}}",
@@ -197,8 +203,8 @@
         "deleteActiveSwaps": "正在进行的兑换记录只存储在本地，如果删除它们，我们将无法恢复这些记录。",
         "deleteSwapHistory": "兑换记录只存储在本地，如果你删除它，我们将无法恢复这些记录。",
         "highValueLoss": "收到的代币的价值明显低于要被兑换的代币和交易成本。",
-        "insufficientFunds": "你没有足够的资金来执行这笔兑换。",
-        "insufficientGas": "你至少需要：",
+        "insufficientFunds": "你没有足够的资金来完成这笔交易。",
+        "insufficientGas": "您没有足够的燃气费来完成此次交易。您至少需要添加：",
         "rateChanged": "兑换比例已经改变，如果继续兑换，您将接受新的兑换比例。",
         "resetSettings": "这将重置您的路由优先级，滑点，燃气费，选中的跨链桥和链上交易所。"
       },
@@ -207,13 +213,14 @@
         "deleteSwap": "确定要删除这个兑换记录？",
         "deleteSwapHistory": "确定要清空兑换记录？",
         "highValueLoss": "大额资金损失",
-        "insufficientGas": "燃料费不足",
+        "insufficientGas": "燃气费不足",
         "rateChanged": "兑换比例变动",
         "resetSettings": "确定要恢复默认设置吗?"
       }
     }
   },
   "tooltip": {
+    "additionalProviderFee": "跨链和交易所的手续费。",
     "estimatedNetworkFee": "预估网络手续费。",
     "estimatedTime": "预计兑换的执行时间（分钟）。",
     "notFound": {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lifi/widget",
-  "version": "2.0.0-beta.1",
+  "version": "2.0.0-beta.3",
   "description": "LI.FI Widget for cross-chain bridging and swapping. It will drive your multi-chain strategy and attract new users from everywhere.",
   "main": "./cjs/index.js",
   "module": "./index.js",
@@ -44,14 +44,14 @@
     "@ethersproject/experimental": "^5.7.0",
     "@ethersproject/providers": "^5.7.2",
     "@lifi/sdk": "^2.0.0-beta.8",
-    "@lifi/wallet-management": "^2.0.0-beta.0",
+    "@lifi/wallet-management": "^2.0.0-beta.2",
     "@mui/icons-material": "^5.11.16",
     "@mui/lab": "^5.0.0-alpha.127",
     "@mui/material": "^5.12.1",
     "@tanstack/react-query": "^4.29.3",
     "@tanstack/react-virtual": "^3.0.0-beta.54",
     "big.js": "^6.2.1",
-    "i18next": "^22.4.14",
+    "i18next": "^22.4.15",
     "i18next-browser-languagedetector": "^7.0.1",
     "microdiff": "^1.3.2",
     "mitt": "^3.0.0",

package/providers/I18nProvider/I18nProvider.js

@@ -8,7 +8,7 @@ import { useSettings } from '../../stores';
 import { deepMerge } from '../../utils';
 import { isItemAllowed, useWidgetConfig } from '../WidgetProvider';
 export const I18nProvider = ({ children, }) => {
-    const { languageResources, languages, disableI18n } = useWidgetConfig();
+    const { languageResources, languages, disableLanguageDetector } = useWidgetConfig();
     const { language } = useSettings(['language']);
     const i18n = useMemo(() => {
         let resources = Object.keys(supportedLanguages)
@@ -47,11 +47,11 @@ export const I18nProvider = ({ children, }) => {
                 caches: [],
             },
         });
-        if (!language && !languages?.default && !disableI18n) {
+        if (!language && !languages?.default && !disableLanguageDetector) {
             i18n = i18n.use(LanguageDetector);
         }
         i18n.use(initReactI18next).init();
         return i18n;
-    }, [disableI18n, language, languageResources, languages]);
+    }, [disableLanguageDetector, language, languageResources, languages]);
     return _jsx(I18nextProvider, { i18n: i18n, children: children });
 };