@lifi/widget 1.26.5 → 1.27.1

package/cjs/i18n/uk.json

@@ -69,17 +69,22 @@
   },
   "swap": {
     "crossStepDetails": "Брідж з {{from}} до {{to}} через {{tool}}",
+    "currentAmount": "Поточна сума",
     "error": {
       "message": {
-        "slippageTooLarge": "Прослизання більше визначеного порогу. Будь ласка, оберіть новий маршрут, щоб отримати свіжу пропозицію.",
+        "slippageThreshold": "Прослизання перевищує визначений поріг. Будь ласка, зробіть запит на новий маршрут, щоб отримати нову пропозицію.",
         "transactionFailed": "Будь ласка, перевірте провідник блоків для отримання додаткової інформації.",
         "transactionNotSent": "Транзакція не була відправлена, ваші кошти все ще знаходяться у вашому гаманці ({{amount, number(maximumFractionDigits: 4)}} {{tokenSymbol}} на {{chainName}}).",
-        "transactionRejected": "Для завершення транзакції потрібен ваш підпис. {{amount, number(maximumFractionDigits: 4)}} {{tokenSymbol}} на {{chainName}} залишаються у вашому гаманці."
+        "transactionRejected": "Для завершення транзакції потрібен ваш підпис. {{amount, number(maximumFractionDigits: 4)}} {{tokenSymbol}} на {{chainName}} залишаються у вашому гаманці.",
+        "unknown": "Будь ласка, спробуйте ще раз або зверніться до служби підтримки."
       },
       "title": {
+        "balanceIsTooLow": "Баланс занадто низький",
         "chainSwitch": "Потрібно переключити чейн.",
         "failed": "Помилка обміну.",
-        "slippageTooLarge": "Прослизання занадто велике.",
+        "gasLimitIsTooLow": "Занадто низький ліміт газу",
+        "slippageNotMet": "Не виконані умови прослизання",
+        "transactionCanceled": "Транзакцію скасовано",
         "transactionFailed": "Транзакція не вдалася.",
         "transactionRejected": "Підпис обов'язковий.",
         "transactionUnderpriced": "Транзакція є заниженою.",
@@ -94,6 +99,8 @@
     "from": "З",
     "fromAmount": "Ви платите",
     "gasCost": "Вартість газу",
+    "gasFeeEstimated": "орієнтована комісія за газ",
+    "gasFeePaid": "оплата за газ",
     "inProgress": "в процесі",
     "info": {
       "message": {
@@ -112,46 +119,55 @@
     "otherTokens": "Інші токени",
     "process": {
       "crossChain": {
-        "actionRequired": "Будь ласка, підпишіть транзакцію.",
-        "done": "Транзакцію схвалено.",
-        "pending": "Очікування транзакції.",
-        "started": "Підготовка транзакції."
+        "actionRequired": "Будь ласка, підпишіть транзакцію",
+        "done": "Брідж транзакцію схвалено",
+        "pending": "Очікування брідж транзакції",
+        "started": "Підготовка брідж транзакції"
       },
       "receivingChain": {
-        "done": "Кошти отримані.",
-        "pending": "В очікуванні приймаючого чейна."
+        "done": "Брідж завершено",
+        "partial": "Брідж частково завершено",
+        "pending": "В очікуванні чейна що приймає",
+        "refunded": "Брідж транзакція відшкодована"
       },
       "swap": {
-        "actionRequired": "Будь ласка, підпишіть транзакцію.",
-        "done": "Обмін завершено.",
-        "pending": "Обмінюємо.",
-        "started": "Підготовка свопу."
+        "actionRequired": "Будь ласка, підпишіть транзакцію",
+        "done": "Своп завершено",
+        "pending": "Очікування своп транзакції",
+        "started": "Підготовка своп транзакції"
       },
       "switchChain": {
-        "actionRequired": "Потрібно переключити чейн.",
-        "done": "Чейн успішно переключився."
+        "actionRequired": "Потрібно перемикнути чейн",
+        "done": "Чейн успішно перемикнувся"
       },
       "tokenAllowance": {
-        "done": "Токени схвалено.",
-        "pending": "Очікування схвалення токенів.",
-        "started": "Схвалення токенів."
+        "done": "Токени схвалено",
+        "pending": "Очікування схвалення токенів",
+        "started": "Схвалення токенів"
       }
     },
+    "quotedAmount": "Запропонована сума",
+    "rateChange": "Зміна курсу",
     "receiving": "Отримання",
     "routes": "Ви отримуєте",
     "selectChain": "Чейн",
     "selectChainAndToken": "Виберіть чейн і токен",
     "selectToken": "Токен",
+    "sendToAddress": "Відправити на {{address}}",
     "sendToWallet": "Надіслати на інший гаманець",
+    "sentToAddress": "Відправлено на {{address}}",
     "stepBridge": "Брідж",
     "stepSwap": "Своп",
     "stepSwapAndBridge": "Своп та брідж",
     "success": {
       "message": {
+        "swapPartiallySuccessful": "Ми намагалися завершити своп, але {{tool}} не вистачило ліквідності токену {{tokenSymbol}}.",
         "swapSuccessful": "Зараз у гаманці {{walletAddress}} на чейні {{chainName}} є {{amount, number(maximumFractionDigits: 4)}} {{tokenSymbol}}."
       },
       "title": {
         "gasSwapSuccessful": "Своп газу успішний",
+        "refundIssued": "Здійснено повернення коштів",
+        "swapPartiallySuccessful": "Своп частково успішний",
         "swapSuccessful": "Своп успішний"
       }
     },
@@ -177,14 +193,16 @@
         "deleteSwapHistory": "Історія свопів зберігається лише локально й не може бути відновлена, якщо ви їх видалите.",
         "highValueLoss": "Вартість отриманих токенів значно нижча, ніж обмінені токени та вартість транзакції.",
         "insufficientFunds": "У вас недостатньо коштів для здійснення свопу.",
-        "insufficientGas": "Потрібно додати хоча б:"
+        "insufficientGas": "Потрібно додати хоча б:",
+        "rateChanged": "Курс обміну змінився. Продовжуючи своп, ви приймете новий курс."
       },
       "title": {
         "deleteActiveSwaps": "Видалити всі активні свопи?",
         "deleteSwap": "Видалити цей своп?",
         "deleteSwapHistory": "Видалити історію свопів?",
         "highValueLoss": "Висока втрата вартості",
-        "insufficientGas": "Недостатня кількість газу"
+        "insufficientGas": "Недостатня кількість газу",
+        "rateChanged": "Курс змінився"
       }
     }
   },

package/cjs/i18n/zh.json

@@ -10,6 +10,7 @@
     "delete": "删除",
     "disconnectWallet": "断开钱包",
     "done": "已完成",
+    "getGas": "Get gas",
     "hide": "隐藏",
     "lifiSwap": "LI.FI代币兑换",
     "light": "浅色模式",
@@ -21,6 +22,7 @@
     "reviewSwap": "查看该兑换",
     "seeDetails": "查看详情",
     "showAll": "显示所有",
+    "startGasSwap": "Start gas swap",
     "startSwap": "开始兑换",
     "swap": "兑换",
     "tryAgain": "再试一次"
@@ -32,6 +34,8 @@
   "header": {
     "activeSwaps": "正在进行的兑换",
     "from": "兑换自",
+    "gas": "Gas",
+    "gasSwap": "Gas swap",
     "routes": "你会得到",
     "selectChain": "选择链",
     "selectWallet": "选择你的钱包",
@@ -65,17 +69,22 @@
   },
   "swap": {
     "crossStepDetails": "通过{{tool}}把资产从{{from}}链跨到{{to}}链上",
+    "currentAmount": "Current amount",
     "error": {
       "message": {
-        "slippageTooLarge": "滑点大于预设值，请选择其他路由来获取新的报价。",
+        "slippageThreshold": "The slippage is larger than the defined threshold. Please request a new route to get a fresh quote.",
         "transactionFailed": "请查看区块浏览器以了解更多信息。",
         "transactionNotSent": "交易未发送，资金仍在您的钱包中（{{chainName}}链上{{amount, number(maximumFractionDigits: 4)}}个{{tokenSymbol}}）。",
-        "transactionRejected": "需要您签名来完成此次交易。不用担心，{{chainName}}链上{{amount, number(maximumFractionDigits: 4)}}个{{tokenSymbol}}仍在您的钱包里。"
+        "transactionRejected": "需要您签名来完成此次交易。不用担心，{{chainName}}链上{{amount, number(maximumFractionDigits: 4)}}个{{tokenSymbol}}仍在您的钱包里。",
+        "unknown": "Please try again or contact support."
       },
       "title": {
+        "balanceIsTooLow": "The balance is too low",
         "chainSwitch": "需要切换当前链",
         "failed": "兑换失败。",
-        "slippageTooLarge": "滑点过大。",
+        "gasLimitIsTooLow": "The gas limit is too low",
+        "slippageNotMet": "Slippage conditions not met",
+        "transactionCanceled": "Transaction canceled",
         "transactionFailed": "交易失败。",
         "transactionRejected": "交易需要签名。",
         "transactionUnderpriced": "交易价格过低。",
@@ -90,6 +99,8 @@
     "from": "从",
     "fromAmount": "需要支付",
     "gasCost": "交易费",
+    "gasFeeEstimated": "estimated gas fee",
+    "gasFeePaid": "gas fee paid",
     "inProgress": "进行中",
     "info": {
       "message": {
@@ -104,6 +115,7 @@
         "routeNotFound": "没有可用的路由"
       }
     },
+    "onChain": "on {{chainName}}",
     "otherTokens": "其他代币",
     "process": {
       "crossChain": {
@@ -114,7 +126,9 @@
       },
       "receivingChain": {
         "done": "资金已到账。",
-        "pending": "等待接收链。"
+        "partial": "Bridge partially completed",
+        "pending": "等待接收链。",
+        "refunded": "Bridge transaction refunded"
       },
       "swap": {
         "actionRequired": "请签署此交易。",
@@ -132,20 +146,28 @@
         "started": "设置代币限额。"
       }
     },
+    "quotedAmount": "Quoted amount",
+    "rateChange": "Rate change",
     "receiving": "接收",
     "routes": "你会得到",
     "selectChain": "链",
     "selectChainAndToken": "选择链和代币",
     "selectToken": "代币",
+    "sendToAddress": "Send to {{address}}",
     "sendToWallet": "发送到另外的钱包",
+    "sentToAddress": "Sent to {{address}}",
     "stepBridge": "跨链",
     "stepSwap": "兑换",
     "stepSwapAndBridge": "兑换和跨链",
     "success": {
       "message": {
+        "swapPartiallySuccessful": "We've tried to complete the swap, but {{tool}} ran out of liquidity for {{tokenSymbol}} token.",
         "swapSuccessful": "现在有 {{amount, number(maximumFractionDigits: 4)}}个{{tokenSymbol}}在{{chainName}}链上的{{walletAddress}}钱包。"
       },
       "title": {
+        "gasSwapSuccessful": "Gas swap successful",
+        "refundIssued": "Refund issued",
+        "swapPartiallySuccessful": "Swap partially successful",
         "swapSuccessful": "兑换成功"
       }
     },
@@ -171,14 +193,16 @@
         "deleteSwapHistory": "兑换历史记录只存储在本地，如果你删除它，我们将无法恢复这些记录。",
         "highValueLoss": "收到的代币的价值明显低于要被兑换代币和交易成本。",
         "insufficientFunds": "你没有足够的资金来执行这笔交易。",
-        "insufficientGas": "你至少需要："
+        "insufficientGas": "你至少需要：",
+        "rateChanged": "The exchange rate has changed. By continuing the swap, you'll accept the new rate."
       },
       "title": {
         "deleteActiveSwaps": "确定要清空正在进行的兑换记录？",
         "deleteSwap": "确定要删除这个兑换记录？",
         "deleteSwapHistory": "确定要清空兑换历史记录？",
         "highValueLoss": "大额资金损失",
-        "insufficientGas": "手续费不足"
+        "insufficientGas": "手续费不足",
+        "rateChanged": "Rate changed"
       }
     }
   },

package/cjs/index.d.ts

@@ -7,4 +7,6 @@ export declare const LiFiWidget: import("react").FC<import("./types").WidgetProp
 /**
  * @deprecated Use configuration { variant: 'drawer' } instead
  */
-export declare const LiFiWidgetDrawer: import("react").ForwardRefExoticComponent<import("./types").WidgetProps & import("react").RefAttributes<import("./AppDrawer").WidgetDrawer>>;
+export declare const LiFiWidgetDrawer: import("react").ForwardRefExoticComponent<import("./types").WidgetDrawerProps & import("./types").WidgetConfig & {
+    config?: import("./types").WidgetConfig | undefined;
+} & import("react").RefAttributes<import("./AppDrawer").WidgetDrawer>>;

package/cjs/pages/ActiveSwapsPage/ActiveSwapsPage.d.ts

@@ -1 +1,2 @@
+/// <reference types="react" />
 export declare const ActiveSwapsPage: () => JSX.Element;

package/cjs/pages/MainPage/MainSwapButton.js

@@ -11,14 +11,13 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.MainSwapButton = 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_router_dom_1 = require("react-router-dom");
 const SwapButton_1 = require("../../components/SwapButton");
 const hooks_1 = require("../../hooks");
 const stores_1 = require("../../stores");
 const utils_1 = require("../../utils");
-exports.MainSwapButton = (0, react_1.forwardRef)((_, ref) => {
+const MainSwapButton = () => {
     const navigate = (0, react_router_dom_1.useNavigate)();
     const { isValid, isValidating } = (0, react_hook_form_1.useFormState)();
     const setExecutableRoute = (0, stores_1.useSetExecutableRoute)();
@@ -32,5 +31,6 @@ exports.MainSwapButton = (0, react_1.forwardRef)((_, ref) => {
             });
         }
     });
-    return ((0, jsx_runtime_1.jsx)(SwapButton_1.SwapButton, { onClick: handleClick, currentRoute: currentRoute, disable: isLoading || isFetching || isValidating || !isValid, ref: ref }));
-});
+    return ((0, jsx_runtime_1.jsx)(SwapButton_1.SwapButton, { onClick: handleClick, currentRoute: currentRoute, disabled: isLoading || isFetching || isValidating || !isValid }));
+};
+exports.MainSwapButton = MainSwapButton;

package/cjs/pages/SelectTokenPage/SearchTokenInput.d.ts

@@ -1 +1,2 @@
+/// <reference types="react" />
 export declare const SearchTokenInput: () => JSX.Element;

package/cjs/pages/SelectWalletPage/SelectWalletPage.d.ts

@@ -1 +1,2 @@
+/// <reference types="react" />
 export declare const SelectWalletPage: () => JSX.Element;

package/cjs/pages/SettingsPage/AdvancedPreferences.d.ts

@@ -1 +1,2 @@
+/// <reference types="react" />
 export declare const AdvancedPreferences: () => JSX.Element;

package/cjs/pages/SettingsPage/ColorSchemeButtonGroup.js

@@ -7,12 +7,13 @@ const material_1 = require("@mui/material");
 const react_i18next_1 = require("react-i18next");
 const providers_1 = require("../../providers");
 const stores_1 = require("../../stores");
+const types_1 = require("../../types");
 const ColorSchemeButtonGroup_style_1 = require("./ColorSchemeButtonGroup.style");
 const ColorSchemeButtonGroup = () => {
     const { t } = (0, react_i18next_1.useTranslation)();
-    const { disableAppearance } = (0, providers_1.useWidgetConfig)();
+    const { disableAppearance, hiddenUI } = (0, providers_1.useWidgetConfig)();
     const [appearance, setAppearance] = (0, stores_1.useAppearance)();
-    if (disableAppearance) {
+    if (disableAppearance || (hiddenUI === null || hiddenUI === void 0 ? void 0 : hiddenUI.includes(types_1.HiddenUI.Appearance))) {
         return null;
     }
     return ((0, jsx_runtime_1.jsx)(material_1.Box, Object.assign({ pb: 2 }, { children: (0, jsx_runtime_1.jsxs)(material_1.ToggleButtonGroup, Object.assign({ color: "primary", value: appearance, onChange: (_, value) => {

package/cjs/pages/SettingsPage/ColorSchemeButtonGroup.style.d.ts

@@ -2,7 +2,7 @@
 export declare const ToggleButton: import("@emotion/styled").StyledComponent<{
     children?: import("react").ReactNode;
     classes?: Partial<import("@mui/material").ToggleButtonClasses> | undefined;
-    color?: "success" | "warning" | "error" | "primary" | "secondary" | "info" | "standard" | undefined;
+    color?: "success" | "warning" | "error" | "secondary" | "primary" | "info" | "standard" | undefined;
     disabled?: boolean | undefined;
     disableFocusRipple?: boolean | undefined;
     fullWidth?: boolean | undefined;

package/cjs/pages/SettingsPage/GasPriceSelect.d.ts

@@ -1 +1,2 @@
+/// <reference types="react" />
 export declare const GasPriceSelect: () => JSX.Element;

package/cjs/pages/SettingsPage/LanguageSelect.js

@@ -9,14 +9,15 @@ const Card_1 = require("../../components/Card");
 const Select_1 = require("../../components/Select");
 const providers_1 = require("../../providers");
 const stores_1 = require("../../stores");
+const types_1 = require("../../types");
 const LanguageSelect = () => {
     var _a;
     const { t } = (0, react_i18next_1.useTranslation)();
-    const { languages, disableI18n } = (0, providers_1.useWidgetConfig)();
+    const { languages, hiddenUI } = (0, providers_1.useWidgetConfig)();
     const { i18n } = (0, react_i18next_1.useTranslation)();
     const setValue = (0, stores_1.useSettingsStore)((state) => state.setValue);
     const { language } = (0, stores_1.useSettings)(['language']);
-    if (disableI18n) {
+    if (hiddenUI === null || hiddenUI === void 0 ? void 0 : hiddenUI.includes(types_1.HiddenUI.Language)) {
         return null;
     }
     const handleChangeLanguage = (event) => {

package/cjs/pages/SettingsPage/SettingsPage.d.ts

@@ -1 +1,2 @@
+/// <reference types="react" />
 export declare const SettingsPage: () => JSX.Element;

package/cjs/pages/SettingsPage/ShowDestinationWallet.d.ts

@@ -1 +1,2 @@
+/// <reference types="react" />
 export declare const ShowDestinationWallet: () => JSX.Element | null;

package/cjs/pages/SettingsPage/ShowDestinationWallet.js

@@ -10,14 +10,16 @@ const stores_1 = require("../../stores");
 const types_1 = require("../../types");
 const ShowDestinationWallet = () => {
     const { t } = (0, react_i18next_1.useTranslation)();
-    const { disabledUI } = (0, providers_1.useWidgetConfig)();
+    const { hiddenUI } = (0, providers_1.useWidgetConfig)();
+    const setSendToWallet = (0, stores_1.useSendToWalletStore)((state) => state.setSendToWallet);
     const setValue = (0, stores_1.useSettingsStore)((state) => state.setValue);
     const { showDestinationWallet } = (0, stores_1.useSettings)(['showDestinationWallet']);
-    if (disabledUI === null || disabledUI === void 0 ? void 0 : disabledUI.includes(types_1.DisabledUI.ToAddress)) {
+    if (hiddenUI === null || hiddenUI === void 0 ? void 0 : hiddenUI.includes(types_1.HiddenUI.ToAddress)) {
         return null;
     }
     const onChange = (_, checked) => {
         setValue('showDestinationWallet', checked);
+        setSendToWallet(false);
     };
     return ((0, jsx_runtime_1.jsx)(material_1.Box, Object.assign({ px: 3, pt: 2 }, { children: (0, jsx_runtime_1.jsxs)(material_1.Box, Object.assign({ sx: {
                 display: 'flex',

package/cjs/pages/SettingsPage/SlippageInput.d.ts

@@ -1 +1,2 @@
+/// <reference types="react" />
 export declare const SlippageInput: () => JSX.Element;

package/cjs/pages/SwapPage/StartSwapButton.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import type { SwapButtonProps } from '../../components/SwapButton';
+export declare const StartSwapButton: React.FC<SwapButtonProps>;

package/cjs/pages/SwapPage/StartSwapButton.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StartSwapButton = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const SwapButton_1 = require("../../components/SwapButton");
+const hooks_1 = require("../../hooks");
+const StartSwapButton = ({ onClick, currentRoute, text, }) => {
+    const { insufficientFunds, insufficientGas, isLoading: isGasSufficiencyLoading, } = (0, hooks_1.useGasSufficiency)(currentRoute);
+    return ((0, jsx_runtime_1.jsx)(SwapButton_1.SwapButton, { onClick: onClick, text: text, currentRoute: currentRoute, disabled: insufficientFunds || !!(insufficientGas === null || insufficientGas === void 0 ? void 0 : insufficientGas.length), loading: isGasSufficiencyLoading }));
+};
+exports.StartSwapButton = StartSwapButton;

package/cjs/pages/SwapPage/SwapPage.js

@@ -19,11 +19,11 @@ const react_i18next_1 = require("react-i18next");
 const react_router_dom_1 = require("react-router-dom");
 const GasSufficiencyMessage_1 = require("../../components/GasSufficiencyMessage");
 const Step_1 = require("../../components/Step");
-const SwapButton_1 = require("../../components/SwapButton");
 const hooks_1 = require("../../hooks");
 const providers_1 = require("../../providers");
 const stores_1 = require("../../stores");
 const ExchangeRateBottomSheet_1 = require("./ExchangeRateBottomSheet");
+const StartSwapButton_1 = require("./StartSwapButton");
 const StatusBottomSheet_1 = require("./StatusBottomSheet");
 const SwapPage_style_1 = require("./SwapPage.style");
 const TokenValueBottomSheet_1 = require("./TokenValueBottomSheet");
@@ -77,9 +77,7 @@ const SwapPage = () => {
         }
     };
     return ((0, jsx_runtime_1.jsxs)(SwapPage_style_1.Container, { children: [(0, Step_1.getStepList)(route), status === stores_1.RouteExecutionStatus.Idle ||
-                status === stores_1.RouteExecutionStatus.Failed ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(GasSufficiencyMessage_1.GasSufficiencyMessage, { route: route, mt: 2 }), (0, jsx_runtime_1.jsxs)(material_1.Box, Object.assign({ mt: 2, display: "flex" }, { children: [(0, jsx_runtime_1.jsx)(SwapButton_1.SwapButton, { text: getSwapButtonText(), onClick: handleSwapClick, currentRoute: route, 
-                                // disable={status === 'idle' && (isValidating || !isValid)}
-                                enableLoading: true }), status === stores_1.RouteExecutionStatus.Failed ? ((0, jsx_runtime_1.jsx)(material_1.Tooltip, Object.assign({ title: t('button.removeSwap'), placement: "bottom-end", enterDelay: 400, arrow: true }, { children: (0, jsx_runtime_1.jsx)(material_1.Button, Object.assign({ onClick: handleRemoveRoute, sx: {
+                status === stores_1.RouteExecutionStatus.Failed ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(GasSufficiencyMessage_1.GasSufficiencyMessage, { route: route, mt: 2 }), (0, jsx_runtime_1.jsxs)(material_1.Box, Object.assign({ mt: 2, display: "flex" }, { children: [(0, jsx_runtime_1.jsx)(StartSwapButton_1.StartSwapButton, { text: getSwapButtonText(), onClick: handleSwapClick, currentRoute: route }), status === stores_1.RouteExecutionStatus.Failed ? ((0, jsx_runtime_1.jsx)(material_1.Tooltip, Object.assign({ title: t('button.removeSwap'), placement: "bottom-end", enterDelay: 400, arrow: true }, { children: (0, jsx_runtime_1.jsx)(material_1.Button, Object.assign({ onClick: handleRemoveRoute, sx: {
                                         minWidth: 48,
                                         marginLeft: 1,
                                     } }, { children: (0, jsx_runtime_1.jsx)(icons_material_1.Delete, {}) })) }))) : null] }))] })) : null, route && status ? ((0, jsx_runtime_1.jsx)(StatusBottomSheet_1.StatusBottomSheet, { status: status, route: route })) : null, route ? ((0, jsx_runtime_1.jsx)(TokenValueBottomSheet_1.TokenValueBottomSheet, { route: route, ref: tokenValueBottomSheetRef, onContinue: handleExecuteRoute })) : null, route ? ((0, jsx_runtime_1.jsx)(ExchangeRateBottomSheet_1.ExchangeRateBottomSheet, { ref: exchangeRateBottomSheetRef })) : null] }));

package/cjs/stores/routes/useRouteExecutionStore.js

@@ -99,6 +99,18 @@ exports.useRouteExecutionStore = (0, zustand_1.default)()((0, middleware_1.persi
     merge: (persistedState, currentState) => {
         const state = Object.assign(Object.assign({}, currentState), persistedState);
         try {
+            // Move swaps to history after 1 day
+            const currentTime = new Date().getTime();
+            const oneDay = 1000 * 60 * 60 * 24;
+            Object.values(state.routes).forEach((routeExecution) => {
+                var _a, _b, _c, _d, _e;
+                const startedAt = (_e = (_d = (_c = (_b = (_a = routeExecution === null || routeExecution === void 0 ? void 0 : routeExecution.route.steps) === null || _a === void 0 ? void 0 : _a.find((step) => { var _a; return ((_a = step.execution) === null || _a === void 0 ? void 0 : _a.status) === 'FAILED'; })) === null || _b === void 0 ? void 0 : _b.execution) === null || _c === void 0 ? void 0 : _c.process.find((process) => process.startedAt)) === null || _d === void 0 ? void 0 : _d.startedAt) !== null && _e !== void 0 ? _e : 0;
+                const outdated = startedAt > 0 && currentTime - startedAt > oneDay;
+                if ((routeExecution === null || routeExecution === void 0 ? void 0 : routeExecution.route) && outdated) {
+                    routeExecution.status |= types_1.RouteExecutionStatus.Done;
+                }
+            });
+            // migrate old routes
             const routeString = localStorage.getItem('routes');
             if (routeString) {
                 const routes = JSON.parse(routeString);
@@ -125,8 +137,8 @@ exports.useRouteExecutionStore = (0, zustand_1.default)()((0, middleware_1.persi
                         state.routes[route.id].status = types_1.RouteExecutionStatus.Pending;
                     }
                 });
+                localStorage.removeItem('routes');
             }
-            localStorage.removeItem('routes');
         }
         catch (error) {
             console.log(error);

package/cjs/stores/settings/index.d.ts

@@ -1,4 +1,5 @@
 export * from './types';
 export * from './useAppearance';
+export * from './useSendToWalletStore';
 export * from './useSettings';
 export * from './useSettingsStore';

package/cjs/stores/settings/index.js

@@ -16,5 +16,6 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./types"), exports);
 __exportStar(require("./useAppearance"), exports);
+__exportStar(require("./useSendToWalletStore"), exports);
 __exportStar(require("./useSettings"), exports);
 __exportStar(require("./useSettingsStore"), exports);

package/cjs/stores/settings/types.d.ts

@@ -23,3 +23,11 @@ export interface SettingsStore extends SettingsState {
     initializeTools(toolType: SettingsToolType, tools: string[]): void;
     setTools(toolType: SettingsToolType, tools: string[], availableTools: (Pick<Bridge, 'key'> | Pick<Exchange, 'key'>)[]): void;
 }
+export interface SendToWalletState {
+    showSendToWallet: boolean;
+    showSendToWalletDirty: boolean;
+}
+export interface SendToWalletStore extends SendToWalletState {
+    toggleSendToWallet(): void;
+    setSendToWallet(value: boolean): void;
+}

package/cjs/stores/settings/useSendToWalletStore.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useSendToWalletStore = void 0;
+const zustand_1 = require("zustand");
+exports.useSendToWalletStore = (0, zustand_1.default)((set) => ({
+    showSendToWallet: false,
+    showSendToWalletDirty: false,
+    toggleSendToWallet: () => set((state) => ({
+        showSendToWallet: !state.showSendToWallet,
+        showSendToWalletDirty: true,
+    })),
+    setSendToWallet: (value) => set({
+        showSendToWallet: value,
+        showSendToWalletDirty: true,
+    }),
+}));

package/cjs/types/widget.d.ts

@@ -2,19 +2,26 @@ import type { Signer } from '@ethersproject/abstract-signer';
 import type { ChainKey, ConfigUpdate, Order, RouteOptions, Token } from '@lifi/sdk';
 import type { PaletteMode, PaletteOptions, Shape } from '@mui/material';
 import type { TypographyOptions } from '@mui/material/styles/createTypography';
-import type { CSSProperties, RefObject } from 'react';
+import type { CSSProperties, ReactNode, RefObject } from 'react';
 import type { LanguageKey, LanguageResources } from '../providers';
 export type WidgetVariant = 'default' | 'expandable' | 'drawer' | 'refuel';
 export declare enum DisabledUI {
-    FromToken = "fromToken",
-    ToToken = "toToken",
     FromAmount = "fromAmount",
-    ToAddress = "toAddress"
+    FromToken = "fromToken",
+    ToAddress = "toAddress",
+    ToToken = "toToken"
 }
 export type DisabledUIType = `${DisabledUI}`;
+export declare enum HiddenUI {
+    Appearance = "appearance",
+    Language = "language",
+    PoweredBy = "poweredBy",
+    ToAddress = "toAddress"
+}
+export type HiddenUIType = `${HiddenUI}`;
 export type Appearance = PaletteMode | 'auto';
 export type ThemeConfig = {
-    palette?: Pick<PaletteOptions, 'primary' | 'secondary'>;
+    palette?: Pick<PaletteOptions, 'grey' | 'background' | 'text' | 'secondary' | 'primary'>;
     shape?: Shape;
     typography?: TypographyOptions;
 };
@@ -29,6 +36,14 @@ export interface WidgetWalletManagement {
 export interface SDKConfig extends Omit<ConfigUpdate, 'defaultExecutionSettings' | 'defaultRouteOptions' | 'disableVersionCheck'> {
     defaultRouteOptions?: Omit<RouteOptions, 'bridges' | 'exchanges'>;
 }
+export interface WidgetContract {
+    address: string;
+    callData: string;
+    gasLimit: string;
+    approvalAddress?: string;
+    outputToken?: string;
+    fallbackAddress?: string;
+}
 export interface WidgetConfig {
     fromChain?: `${ChainKey}` | number;
     toChain?: `${ChainKey}` | number;
@@ -36,6 +51,10 @@ export interface WidgetConfig {
     toToken?: string;
     toAddress?: string;
     fromAmount?: number | string;
+    toAmount?: number | string;
+    contract?: WidgetContract;
+    contractComponent?: ReactNode;
+    contractCompactComponent?: ReactNode;
     fee?: number;
     integrator?: string;
     referrer?: string;
@@ -45,9 +64,9 @@ export interface WidgetConfig {
     appearance?: Appearance;
     theme?: ThemeConfig;
     containerStyle?: CSSProperties;
-    disableAppearance?: boolean;
     disableTelemetry?: boolean;
     disabledUI?: DisabledUIType[];
+    hiddenUI?: HiddenUIType[];
     useRecommendedRoute?: boolean;
     walletManagement?: WidgetWalletManagement;
     sdkConfig?: SDKConfig;
@@ -76,13 +95,17 @@ export interface WidgetConfig {
     };
     languageResources?: LanguageResources;
     disableI18n?: boolean;
+    /** @deprecated Use hiddenUI: ['appearance'] instead */
+    disableAppearance?: boolean;
     /** @deprecated Use chains.deny instead */
     disabledChains?: number[];
     /** @deprecated Use tokens.featured instead */
     featuredTokens?: Token[];
 }
-export type WidgetProps = {
+export type WidgetDrawerProps = {
     elementRef?: RefObject<HTMLDivElement>;
-    config?: WidgetConfig;
     open?: boolean;
 };
+export type WidgetProps = WidgetDrawerProps & WidgetConfig & {
+    config?: WidgetConfig;
+};

package/cjs/types/widget.js

@@ -1,10 +1,17 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.DisabledUI = void 0;
+exports.HiddenUI = exports.DisabledUI = void 0;
 var DisabledUI;
 (function (DisabledUI) {
-    DisabledUI["FromToken"] = "fromToken";
-    DisabledUI["ToToken"] = "toToken";
     DisabledUI["FromAmount"] = "fromAmount";
+    DisabledUI["FromToken"] = "fromToken";
     DisabledUI["ToAddress"] = "toAddress";
+    DisabledUI["ToToken"] = "toToken";
 })(DisabledUI = exports.DisabledUI || (exports.DisabledUI = {}));
+var HiddenUI;
+(function (HiddenUI) {
+    HiddenUI["Appearance"] = "appearance";
+    HiddenUI["Language"] = "language";
+    HiddenUI["PoweredBy"] = "poweredBy";
+    HiddenUI["ToAddress"] = "toAddress";
+})(HiddenUI = exports.HiddenUI || (exports.HiddenUI = {}));

package/components/ActiveSwaps/ActiveSwapItem.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { ArrowForward as ArrowForwardIcon, ErrorRounded as ErrorIcon, InfoRounded as InfoIcon } from '@mui/icons-material';
+import { ArrowForward as ArrowForwardIcon, ErrorRounded as ErrorIcon, InfoRounded as InfoIcon, } from '@mui/icons-material';
 import { ListItemAvatar, ListItemText, Typography } from '@mui/material';
 import { useNavigate } from 'react-router-dom';
 import { useProcessMessage, useRouteExecution } from '../../hooks';