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

package/i18n/th.json

@@ -12,6 +12,7 @@
     "done": "เสร็จสิ้น",
     "getGas": "รับแก็ส",
     "hide": "ซ่อน",
+    "learnMore": "เรียนรู้เพิ่มเติม",
     "lifiSwap": "การแลกเปลี่ยนของ LI.FI",
     "light": "สว่าง",
     "max": "สูงสุด",
@@ -29,6 +30,7 @@
     "startSwap": "เริ่มต้นการแลกเปลี่ยน",
     "swap": "การแลกเปลี่ยน",
     "tryAgain": "ลองใหม่",
+    "viewCoverage": "ดูความคุ้มครอง",
     "viewOnExplorer": "ดูในการสำรวจ"
   },
   "format": {
@@ -104,14 +106,22 @@
     "gasFeeEstimated": "ค่าแก๊สโดยประมาณ",
     "gasFeePaid": "จ่ายค่าทำเนียมแล้ว",
     "inProgress": "กำลังดำเนินการ",
+    "insurance": {
+      "bridgeExploits": "การบริดจ์ทำงานผิดปกติ แฮ็กหรือหาผลประโยชน์",
+      "insure": "ประกัน 100% ของโทเค็นระหว่างการโอน",
+      "insured": "คุณได้รับการประกันโทเค็น 100% ระหว่างการโอน",
+      "slippageError": "เกิดข้อผิดพลาดในการคลาดเคลื่อนของโทเค็นที่ได้รับ"
+    },
     "info": {
       "message": {
+        "autoRefuel": "คุณใช้แก็ส {{chainName}} เหลือน้อย เมื่อดำเนินการต่อ คุณจะได้รับแก็สเพียงพอสำหรับการแลกเปลี่ยนให้เสร็จสมบูรณ์",
         "emptyActiveSwaps": "การแลกเปลี่ยนที่กำลังดำเนินการจะปรากฏที่นี่. เมื่อเสร็จสิ้น, จะพบประวัติการแลกเปลี่ยน.",
         "emptySwapHistory": "ประวัติการแลกเปลี่ยนจะถูกเก็บไว้ในเครื่องเท่านั้นและจะถูกลบหากคุณล้างข้อมูลเบราว์เซอร์ของคุณ.",
         "emptyTokenList": "เราไม่พบโทเค็นใน {{chainName}} เชนหรือคุณไม่มีโทเค็น. โปรดลองอีกครั้งหรือเลือกเชนอื่น.",
         "routeNotFound": "ลองจับคู่แลกเปลี่ยนโทเค็นใหม่."
       },
       "title": {
+        "autoRefuel": "รับแก็ส",
         "emptyActiveSwaps": "ไม่พบการแลกเปลี่ยนที่ใช้งานอยู่.",
         "emptySwapHistory": "ไม่พบการแลกเปลี่ยนล่าสุด.",
         "routeNotFound": "ไม่พบเส้นทาง"
@@ -154,6 +164,7 @@
     "quotedAmount": "จำนวนทั้งหมดที่เสนอ",
     "rateChange": "อัตราแลกเปลี่ยน",
     "receiving": "ได้รับ",
+    "refuelStepDetails": "รับแก๊สผ่าน {{tool}}",
     "routes": "คุณได้รับ",
     "selectChain": "เชน",
     "selectChainAndToken": "เลือกเชนและโทเค็น",
@@ -162,6 +173,7 @@
     "sendToWallet": "ส่งไปยังกระเป๋าเงินอื่น",
     "sentToAddress": "ส่งไปยัง {{address}}",
     "stepBridge": "บริดจ์",
+    "stepDetails": "{{tool}} โดย LI.FI",
     "stepSwap": "แลกเปลี่ยน",
     "stepSwapAndBridge": "แลกเปลี่ยนและบริดจ์",
     "success": {
@@ -180,11 +192,13 @@
     "swapStepDetails": "แลกเปลี่ยนบน {{chain}} ผ่าน {{tool}}",
     "swapping": "การแลกเปลี่ยน",
     "tags": {
-      "ALTERNATIVE": "ทางเลือก",
-      "CHEAPEST": "ราคาถูก",
-      "FASTEST": "เร็ว",
-      "RECOMMENDED": "แนะนำ",
-      "SAFEST": "ปลอดภัย"
+      "cheapest": "ราคาถูก",
+      "fastest": "รวดเร็ว",
+      "insurable": "การประกัน",
+      "insurance": "การประกัน",
+      "insured": "ประกัน",
+      "recommended": "แนะนำ",
+      "safest": "ปลอดภัย"
     },
     "to": "ถึง",
     "tokenOnChain": "{{tokenSymbol}} บน {{chainName}}",
@@ -198,7 +212,7 @@
         "deleteSwapHistory": "ประวัติการแลกเปลี่ยนจะถูกจัดเก็บไว้ในเครื่องเท่านั้นและไม่สามารถกู้คืนได้หากคุณลบออก",
         "highValueLoss": "มูลค่าของโทเค็นที่ได้รับนั้นต่ำกว่าโทเค็นที่แลกเปลี่ยนและต้นทุนการทำธุรกรรมอย่างมาก.",
         "insufficientFunds": "คุณมีเงินไม่เพียงพอที่จะดำเนินการแลกเปลี่ยน.",
-        "insufficientGas": "คุณต้องเพิ่มอย่างน้อย:",
+        "insufficientGas": "คุณมีแก๊สไม่เพียงพอที่จะแลกเปลี่ยนให้เสร็จสมบูรณ์ คุณต้องเพิ่มอย่างน้อย:",
         "rateChanged": "อัตราแลกเปลี่ยนมีการเปลี่ยนแปลง คุณจะยอมรับอัตราใหม่.",
         "resetSettings": "การดำเนินการนี้จะรีเซ็ตลำดับความสำคัญของเส้นทาง การคลาดเลื่อน ค่าแก็ส บริดจ์ที่เปิดใช้งานและการแลกเปลี่ยน"
       },
@@ -214,6 +228,7 @@
     }
   },
   "tooltip": {
+    "additionalProviderFee": "บริดจ์เพิ่มเติม DEX และค่าบริการ",
     "estimatedNetworkFee": "ค่าธรรรมเนียมโดยประมาณของเครือข่าย",
     "estimatedTime": "เวลาดำเนินการแลกเปลี่ยนโดยประมาณเป็นนาที.",
     "notFound": {

package/i18n/uk.json

@@ -1,6 +1,8 @@
 {
   "button": {
     "auto": "Авто",
+    "buy": "Придбати",
+    "buyNow": "Придбати",
     "cancel": "Скасувати",
     "connectWallet": "Під'єднати гаманець",
     "contactSupport": "Служба підтримки",
@@ -12,6 +14,7 @@
     "done": "Готово",
     "getGas": "Отримати газ",
     "hide": "Сховати",
+    "learnMore": "Докладніше",
     "lifiSwap": "LI.FI Swap",
     "light": "Світла",
     "max": "макс",
@@ -22,6 +25,7 @@
     "resetSettings": "Скинути налаштування",
     "restartSwap": "Перезапустити своп",
     "reviewGasSwap": "Переглянути своп газу",
+    "reviewPurchase": "Перегляд покупки",
     "reviewSwap": "Переглянути своп",
     "seeDetails": "Детальніше",
     "showAll": "Показати всі",
@@ -29,6 +33,7 @@
     "startSwap": "Почати своп",
     "swap": "Своп",
     "tryAgain": "Спробувати ще раз",
+    "viewCoverage": "Переглянути покриття",
     "viewOnExplorer": "Переглянути в оглядачі"
   },
   "format": {
@@ -37,12 +42,16 @@
   },
   "header": {
     "activeSwaps": "Активні свопи",
+    "bridge": "Бридж",
     "checkout": "Розрахунок",
     "from": "Своп з",
     "gas": "Газ",
     "gasSwap": "Своп газу",
+    "payWith": "Сплатити за допомогою",
+    "purchase": "Купівля",
+    "purchaseDetails": "Деталі покупки",
     "routes": "Ви отримаєте",
-    "selectChain": "Оберіть чейн",
+    "selectChain": "Виберіть чейн",
     "selectWallet": "Виберіть свій гаманець",
     "settings": "Налаштування",
     "swap": "Своп",
@@ -56,7 +65,7 @@
     "title": "Мова"
   },
   "settings": {
-    "enabledBridges": "Увімкнені бріджі",
+    "enabledBridges": "Увімкнені бриджі",
     "enabledExchanges": "Увімкнені обмінники",
     "gasPrice": {
       "fast": "Швидко",
@@ -69,10 +78,12 @@
     "slippage": "Прослизання"
   },
   "swap": {
-    "crossStepDetails": "Брідж з {{from}} до {{to}} через {{tool}}",
+    "crossStepDetails": "Бридж з {{from}} до {{to}} через {{tool}}",
     "currentAmount": "Поточна сума",
     "error": {
       "message": {
+        "allowanceRequired": "Сума переказу для {{tokenSymbol}} перевищує поточну межу. Збільшіть доступну кількість у гаманці та спробуйте ще раз.",
+        "insufficientFunds": "Не вистачає газу для покриття вартості транзакції.",
         "slippageThreshold": "Прослизання перевищує визначений поріг. Будь ласка, зробіть запит на новий маршрут, щоб отримати нову пропозицію.",
         "transactionFailed": "Будь ласка, перевірте провідник блоків для отримання додаткової інформації.",
         "transactionNotSent": "Транзакція не була відправлена. {{amount, number(maximumFractionDigits: 9)}} {{tokenSymbol}} на {{chainName}} все ще знаходяться у вашому гаманці.",
@@ -80,10 +91,12 @@
         "unknown": "Будь ласка, спробуйте ще раз або зверніться до служби підтримки."
       },
       "title": {
+        "allowanceRequired": "Недостатня дозволена кількість",
         "balanceIsTooLow": "Баланс занадто низький",
         "chainSwitch": "Потрібно переключити чейн.",
         "failed": "Помилка обміну.",
         "gasLimitIsTooLow": "Занадто низький ліміт газу",
+        "insufficientFunds": "Недостатньо коштів",
         "slippageNotMet": "Не виконані умови прослизання",
         "transactionCanceled": "Транзакцію скасовано",
         "transactionFailed": "Транзакція не вдалася.",
@@ -104,6 +117,12 @@
     "gasFeeEstimated": "орієнтована комісія за газ",
     "gasFeePaid": "оплата за газ",
     "inProgress": "в процесі",
+    "insurance": {
+      "bridgeExploits": "Збої в роботі бриджу, зломи чи експлойти",
+      "insure": "Застрахуйте 100% токенів транзакції.",
+      "insured": "Ви застрахували 100% токенів транзакції:",
+      "slippageError": "Помилка в прослизанні для отриманих токенів"
+    },
     "info": {
       "message": {
         "autoRefuel": "У вас замало {{chainName}} газу. Продовжуючи, ви отримаєте достатньо газу, щоб завершити обмін.",
@@ -123,19 +142,21 @@
     "onChain": "на {{chainName}}",
     "otherTokens": "Інші токени",
     "ownedBy": "Власник",
-    "payWith": "Оплатити з",
     "process": {
       "crossChain": {
         "actionRequired": "Будь ласка, підпишіть транзакцію",
-        "done": "Брідж транзакцію схвалено",
-        "pending": "Очікування брідж транзакції",
-        "started": "Підготовка брідж транзакції"
+        "done": "Бридж транзакцію схвалено",
+        "pending": "Очікування бридж транзакції",
+        "started": "Підготовка бридж транзакції"
+      },
+      "nft": {
+        "done": "Придбано NFT"
       },
       "receivingChain": {
-        "done": "Брідж завершено",
-        "partial": "Брідж частково завершено",
+        "done": "Бридж завершено",
+        "partial": "Бридж частково завершено",
         "pending": "В очікуванні чейна що приймає",
-        "refunded": "Брідж транзакція відшкодована"
+        "refunded": "Бридж транзакція відшкодована"
       },
       "swap": {
         "actionRequired": "Будь ласка, підпишіть транзакцію",
@@ -157,24 +178,27 @@
     "rateChange": "Зміна курсу",
     "receiving": "Отримання",
     "refuelStepDetails": "Отримати газ через {{tool}}",
-    "routes": "Ви отримаєте",
-    "selectChain": "Чейн",
+    "selectChain": "Виберіть чейн",
     "selectChainAndToken": "Виберіть чейн і токен",
-    "selectToken": "Токен",
+    "selectToken": "Виберіть токен",
     "sendToAddress": "Відправити на {{address}}",
     "sendToWallet": "Надіслати на інший гаманець",
     "sentToAddress": "Відправлено на {{address}}",
-    "stepBridge": "Брідж",
+    "stepBridge": "Бридж",
+    "stepBridgeAndBuy": "Бридж та покупка",
     "stepDetails": "{{tool}} через LI.FI",
     "stepSwap": "Своп",
-    "stepSwapAndBridge": "Своп та брідж",
+    "stepSwapAndBridge": "Своп та бридж",
+    "stepSwapAndBuy": "Своп та покупка",
     "success": {
       "message": {
         "swapPartiallySuccessful": "Ми намагалися завершити своп, але {{tool}} не вистачило ліквідності токену {{tokenSymbol}}.",
+        "purchaseSuccessful": "Тепер ви маєте {{assetName}} в {{walletAddress}} гаманці на ланцюжку {{chainName}}.",
         "swapSuccessful": "Зараз є {{amount, number(maximumFractionDigits: 9)}} {{tokenSymbol}} у гаманці {{walletAddress}} на чейні {{chainName}}."
       },
       "title": {
         "gasSwapSuccessful": "Своп газу успішний",
+        "purchaseSuccessful": "Покупка успішна",
         "refundIssued": "Здійснено повернення коштів",
         "swapPartiallySuccessful": "Своп частково успішний",
         "swapSuccessful": "Своп успішний"
@@ -195,7 +219,7 @@
     "to": "До",
     "tokenOnChain": "{{tokenSymbol}} на {{chainName}}",
     "tokenOnChainAmount": "{{amount, number(maximumFractionDigits: 9)}} {{tokenSymbol}} на {{chainName}}",
-    "tokenSearch": "Знайдіть свій токен",
+    "tokenSearch": "Шукати за ім'ям або адресою",
     "valueLoss": "Втрата вартості",
     "walletAddressOrEns": "Адреса гаманця або ім’я ENS",
     "warning": {
@@ -206,7 +230,7 @@
         "insufficientFunds": "У вас недостатньо коштів для здійснення свопу.",
         "insufficientGas": "Для завершення свопа у вас недостатньо газу. Вам необхідно додати хоча б:",
         "rateChanged": "Курс обміну змінився. Продовжуючи своп, ви приймете новий курс.",
-        "resetSettings": "Це скине пріоритет вашого маршруту, прослизання, ціну газу, увімкнені мости та обмінники."
+        "resetSettings": "Це скине пріоритет вашого маршруту, прослизання, ціну газу, увімкнені бриджі та обмінники."
       },
       "title": {
         "deleteActiveSwaps": "Видалити всі активні свопи?",
@@ -220,7 +244,7 @@
     }
   },
   "tooltip": {
-    "additionalProviderFee": "Додаткові комісії бріджів, обмінників та послуг.",
+    "additionalProviderFee": "Додаткові комісії бриджів, обмінників та послуг.",
     "estimatedNetworkFee": "Орієнтовна мережева плата.",
     "estimatedTime": "Орієнтовний час виконання свопу в хвилинах.",
     "notFound": {
@@ -229,6 +253,7 @@
     },
     "numberOfSteps": "Кількість кроків свопу. Кожен крок може містити 1-3 транзакції, які потребують підпису.",
     "progressToNextUpdate": "Зображені дані автоматично оновляться через {{value}} секунд. Натисніть тут, щоб оновити вручну.",
+    "recommended": "Дешевий маршрут, який балансує складність і легкість використання.",
     "settingsModified": "Налаштування (змінено)"
   },
   "wallet": {

package/i18n/zh.json

@@ -12,6 +12,7 @@
     "done": "已完成",
     "getGas": "开始兑换燃气费",
     "hide": "隐藏",
+    "learnMore": "了解更多",
     "lifiSwap": "LI.FI兑换",
     "light": "浅色主题",
     "max": "最大",
@@ -29,6 +30,7 @@
     "startSwap": "开始兑换",
     "swap": "兑换",
     "tryAgain": "重试",
+    "viewCoverage": "查看我们的覆盖范围",
     "viewOnExplorer": "在区块链浏览器上查看"
   },
   "format": {
@@ -104,14 +106,22 @@
     "gasFeeEstimated": "预估燃气费",
     "gasFeePaid": "已支付燃气费",
     "inProgress": "进行中",
+    "insurance": {
+      "bridgeExploits": "跨链桥故障、被黑或者被利用漏洞",
+      "insure": "为跨链代币提供100%的保障",
+      "insured": "您已经对100%的跨链代币投保:",
+      "slippageError": "目标链代币的滑点错误"
+    },
     "info": {
       "message": {
+        "autoRefuel": "您在 {{chainName}} 链上的燃气费很低。如果启用该选项，您将获得足够的燃气费完成此次兑换。",
         "emptyActiveSwaps": "正在进行的兑换将在这里显示。一旦完成，你可在兑换记录中找到它们。",
         "emptySwapHistory": "兑换记录只存储在本地，如果你清除浏览器数据，他们将被删除。",
         "emptyTokenList": "我们无法在 {{chainName}} 链上找到这些代币，或者你的钱包内没有这些代币。请再次搜索或者选择其他链再试一次。",
         "routeNotFound": "试试另一个代币组合。"
       },
       "title": {
+        "autoRefuel": "获得燃气费",
         "emptyActiveSwaps": "没有正在进行的兑换",
         "emptySwapHistory": "没有兑换记录",
         "routeNotFound": "没有可用的路由"
@@ -154,6 +164,7 @@
     "quotedAmount": "报价金额",
     "rateChange": "波动率",
     "receiving": "接收",
+    "refuelStepDetails": "通过 {{tool}} 获取燃气费",
     "routes": "你会收到",
     "selectChain": "网络",
     "selectChainAndToken": "选择链和代币",
@@ -162,6 +173,7 @@
     "sendToWallet": "发送到另外的钱包",
     "sentToAddress": "发送到{{address}}",
     "stepBridge": "跨链",
+    "stepDetails": "通过 LI.FI {{tool}}",
     "stepSwap": "兑换",
     "stepSwapAndBridge": "兑换和跨链",
     "success": {
@@ -180,11 +192,13 @@
     "swapStepDetails": "通过{{tool}}在{{chain}}链上兑换代币",
     "swapping": "兑换中",
     "tags": {
-      "ALTERNATIVE": "可用",
-      "CHEAPEST": "便宜",
-      "FASTEST": "快捷",
-      "RECOMMENDED": "推荐",
-      "SAFEST": "安全"
+      "cheapest": "便宜的",
+      "fastest": "快速的",
+      "insurable": "可保性",
+      "insurance": "保险",
+      "insured": "受保的",
+      "recommended": "建议的",
+      "safest": "最佳/安全"
     },
     "to": "到",
     "tokenOnChain": "{{chainName}}链上的{{tokenSymbol}}",
@@ -197,8 +211,8 @@
         "deleteActiveSwaps": "正在进行的兑换记录只存储在本地，如果删除它们，我们将无法恢复这些记录。",
         "deleteSwapHistory": "兑换记录只存储在本地，如果你删除它，我们将无法恢复这些记录。",
         "highValueLoss": "收到的代币的价值明显低于要被兑换的代币和交易成本。",
-        "insufficientFunds": "你没有足够的资金来执行这笔兑换。",
-        "insufficientGas": "你至少需要：",
+        "insufficientFunds": "你没有足够的资金来完成这笔交易。",
+        "insufficientGas": "您没有足够的燃气费来完成此次交易。您至少需要添加：",
         "rateChanged": "兑换比例已经改变，如果继续兑换，您将接受新的兑换比例。",
         "resetSettings": "这将重置您的路由优先级，滑点，燃气费，选中的跨链桥和链上交易所。"
       },
@@ -207,13 +221,14 @@
         "deleteSwap": "确定要删除这个兑换记录？",
         "deleteSwapHistory": "确定要清空兑换记录？",
         "highValueLoss": "大额资金损失",
-        "insufficientGas": "燃料费不足",
+        "insufficientGas": "燃气费不足",
         "rateChanged": "兑换比例变动",
         "resetSettings": "确定要恢复默认设置吗?"
       }
     }
   },
   "tooltip": {
+    "additionalProviderFee": "跨链和交易所的手续费。",
     "estimatedNetworkFee": "预估网络手续费。",
     "estimatedTime": "预计兑换的执行时间（分钟）。",
     "notFound": {

package/icons/InsuraceLogo.d.ts

@@ -1,2 +1,2 @@
 import type { SVGProps } from 'react';
-export declare const InsuraceLogo: (props: SVGProps<SVGSVGElement>) => JSX.Element;
+export declare const InsuraceLogo: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;

package/icons/LiFiFullLogo.d.ts

@@ -1,2 +1,2 @@
 import type { SVGProps } from 'react';
-export declare const LiFiFullLogo: (props: SVGProps<SVGSVGElement>) => JSX.Element;
+export declare const LiFiFullLogo: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;

package/icons/LiFiLogo.d.ts

@@ -1,2 +1,2 @@
 import type { SVGProps } from 'react';
-export declare const LiFiLogo: (props: SVGProps<SVGSVGElement>) => JSX.Element;
+export declare const LiFiLogo: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;

package/icons/LiFiToolLogo.d.ts

@@ -1,2 +1,2 @@
 import type { SVGProps } from 'react';
-export declare const LiFiToolLogo: (props: SVGProps<SVGSVGElement>) => JSX.Element;
+export declare const LiFiToolLogo: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;

package/index.d.ts

@@ -6,4 +6,4 @@ export * from './config/version';
 export { useWidgetEvents, widgetEvents } from './hooks';
 export { useWallet } from './providers/WalletProvider';
 export * from './types';
-export declare const LiFiWidget: import("react").FC<import("./types").WidgetProps>;
+export declare const LiFiWidget: import("react").ForwardRefExoticComponent<import("./types").WidgetDrawerProps & import("./types").WidgetConfig & import("./types").WidgetConfigPartialProps & import("react").RefAttributes<import("./AppDrawer").WidgetDrawer>>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lifi/widget",
-  "version": "2.0.0-beta.1",
+  "version": "2.0.0-beta.10",
   "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",
@@ -37,33 +37,33 @@
     "lifi"
   ],
   "dependencies": {
-    "@emotion/react": "^11.10.6",
-    "@emotion/styled": "^11.10.6",
+    "@emotion/react": "^11.11.0",
+    "@emotion/styled": "^11.11.0",
     "@ethersproject/abstract-signer": "^5.7.0",
     "@ethersproject/address": "^5.7.0",
     "@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/sdk": "^2.0.0-beta.13",
+    "@lifi/wallet-management": "^2.0.0-beta.7",
     "@mui/icons-material": "^5.11.16",
-    "@mui/lab": "^5.0.0-alpha.127",
-    "@mui/material": "^5.12.1",
-    "@tanstack/react-query": "^4.29.3",
+    "@mui/lab": "^5.0.0-alpha.131",
+    "@mui/material": "^5.13.2",
+    "@tanstack/react-query": "^4.29.7",
     "@tanstack/react-virtual": "^3.0.0-beta.54",
     "big.js": "^6.2.1",
-    "i18next": "^22.4.14",
+    "i18next": "^22.5.0",
     "i18next-browser-languagedetector": "^7.0.1",
     "microdiff": "^1.3.2",
     "mitt": "^3.0.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-hook-form": "^7.43.9",
-    "react-i18next": "^12.2.0",
+    "react-i18next": "^12.3.1",
     "react-intersection-observer": "^9.4.3",
-    "react-router-dom": "^6.10.0",
-    "react-timer-hook": "^3.0.5",
+    "react-router-dom": "^6.11.2",
+    "react-timer-hook": "^3.0.6",
     "uuid": "^9.0.0",
-    "zustand": "^4.3.7"
+    "zustand": "^4.3.8"
   },
   "peerDependencies": {
     "@types/react": "^18.0.0",

package/pages/ActiveSwapsPage/ActiveSwapsPage.d.ts

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

package/pages/SelectTokenPage/SearchTokenInput.d.ts

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

package/pages/SelectTokenPage/SelectTokenPage.js

@@ -3,7 +3,7 @@ import { Box, Container } from '@mui/material';
 import { useLayoutEffect, useRef, useState } from 'react';
 import { ChainSelect } from '../../components/ChainSelect';
 import { TokenList } from '../../components/TokenList';
-import { useContentHeight, useNavigateBack, useScrollableOverflowHidden, } from '../../hooks';
+import { useContentHeight, useNavigateBack, useScrollableOverflowHidden, useSwapOnly, } from '../../hooks';
 import { SearchTokenInput } from './SearchTokenInput';
 const minTokenListHeight = 360;
 export const SelectTokenPage = ({ formType }) => {
@@ -12,8 +12,10 @@ export const SelectTokenPage = ({ formType }) => {
     const headerRef = useRef(null);
     const contentHeight = useContentHeight();
     const [tokenListHeight, setTokenListHeight] = useState(0);
+    const swapOnly = useSwapOnly();
     useLayoutEffect(() => {
         setTokenListHeight(Math.max(contentHeight - (headerRef.current?.offsetHeight ?? 0), minTokenListHeight));
     }, [contentHeight]);
-    return (_jsxs(Container, { disableGutters: true, children: [_jsxs(Box, { pt: 1, pb: 2, px: 3, ref: headerRef, children: [_jsx(ChainSelect, { formType: formType }), _jsx(Box, { mt: 2, children: _jsx(SearchTokenInput, {}) })] }), _jsx(TokenList, { height: tokenListHeight, onClick: navigateBack, formType: formType })] }));
+    const hideChainSelect = swapOnly && formType === 'to';
+    return (_jsxs(Container, { disableGutters: true, children: [_jsxs(Box, { pt: 1, pb: 2, px: 3, ref: headerRef, children: [!hideChainSelect ? _jsx(ChainSelect, { formType: formType }) : null, _jsx(Box, { mt: !hideChainSelect ? 2 : 0, children: _jsx(SearchTokenInput, {}) })] }), _jsx(TokenList, { height: tokenListHeight, onClick: navigateBack, formType: formType })] }));
 };

package/pages/SelectWalletPage/SelectWalletPage.d.ts

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

package/pages/SettingsPage/GasPriceSelect.d.ts

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

package/pages/SettingsPage/LanguageSelect.js

@@ -24,7 +24,7 @@ export const LanguageSelect = () => {
     if (filteredLanguages.length <= 1) {
         return null;
     }
-    const value = filteredLanguages.includes(language || i18n.resolvedLanguage)
+    const value = filteredLanguages.includes(language || i18n.resolvedLanguage || '')
         ? language || i18n.resolvedLanguage
         : languages?.default || languages?.allow?.[0];
     return (_jsxs(Card, { mb: 2, children: [_jsx(CardTitle, { children: t(`language.title`) }), _jsx(FormControl, { fullWidth: true, children: _jsx(Select, { MenuProps: { elevation: 2 }, value: value, onChange: handleChangeLanguage, IconComponent: KeyboardArrowDownIcon, dense: true, children: filteredLanguages.map((lng) => {

package/pages/SettingsPage/SettingsPage.d.ts

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

package/pages/SettingsPage/ShowDestinationWallet.d.ts

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

package/pages/SettingsPage/SlippageInput.d.ts

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

package/pages/SwapDetailsPage/SwapDetailsPage.js

@@ -7,16 +7,20 @@ import { useTranslation } from 'react-i18next';
 import { useLocation } from 'react-router-dom';
 import { shallow } from 'zustand/shallow';
 import { Card, CardTitle } from '../../components/Card';
+import { ContractComponent } from '../../components/ContractComponent';
 import { Dialog } from '../../components/Dialog';
 import { useHeaderActionStore } from '../../components/Header';
 import { Insurance } from '../../components/Insurance';
 import { getStepList } from '../../components/Step';
 import { useNavigateBack } from '../../hooks';
+import { useWidgetConfig } from '../../providers';
 import { useRouteExecutionStore } from '../../stores';
+import { formatTokenAmount } from '../../utils';
 import { Container } from './SwapDetailsPage.style';
 export const SwapDetailsPage = () => {
     const { t, i18n } = useTranslation();
     const { navigateBack } = useNavigateBack();
+    const { variant } = useWidgetConfig();
     const { state } = useLocation();
     const [routeExecution, deleteRoute] = useRouteExecutionStore((store) => [store.routes[state?.routeId], store.deleteRoute], shallow);
     const [open, setOpen] = useState(false);
@@ -50,8 +54,8 @@ export const SwapDetailsPage = () => {
                     justifyContent: 'space-between',
                 }, pb: 1, children: [_jsx(Typography, { fontSize: 12, children: new Intl.DateTimeFormat(i18n.language, { dateStyle: 'long' }).format(startedAt) }), _jsx(Typography, { fontSize: 12, children: new Intl.DateTimeFormat(i18n.language, {
                             timeStyle: 'short',
-                        }).format(startedAt) })] }), getStepList(routeExecution?.route), routeExecution?.route?.insurance?.state === 'INSURED' ? (_jsx(Insurance, { mt: 2, status: routeExecution.status, feeAmountUsd: routeExecution.route.insurance.feeAmountUsd, insurableRouteId: routeExecution.route.id, insuranceCoverageId: insuranceCoverageId })) : null, _jsxs(Card, { mt: 2, children: [_jsxs(Box, { sx: {
+                        }).format(startedAt) })] }), getStepList(routeExecution?.route), variant === 'nft' ? _jsx(ContractComponent, { mt: 2 }) : null, routeExecution?.route?.insurance?.state === 'INSURED' ? (_jsx(Insurance, { mt: 2, status: routeExecution.status, feeAmountUsd: routeExecution.route.insurance.feeAmountUsd, insuredAmount: formatTokenAmount(routeExecution.route.toAmountMin, routeExecution.route.toToken.decimals), insuredTokenSymbol: routeExecution.route.toToken.symbol, insurableRouteId: routeExecution.route.id, insuranceCoverageId: insuranceCoverageId })) : null, _jsxs(Card, { mt: 2, children: [_jsxs(Box, { sx: {
                             display: 'flex',
                             flex: 1,
-                        }, children: [_jsx(CardTitle, { flex: 1, children: t('swap.supportId') }), _jsx(Box, { mr: 1, mt: 1, children: _jsx(IconButton, { size: "medium", onClick: copySupportId, children: _jsx(ContentCopyIcon, { fontSize: "small" }) }) })] }), _jsx(Typography, { variant: "body2", pt: 1, pb: 2, px: 2, sx: { wordBreak: 'break-all' }, children: supportId })] }), _jsx(Box, { mt: 2, children: _jsx(Button, { href: "https://discord.com/channels/849912621360218112/863689862514343946", target: "_blank", rel: "nofollow noreferrer", fullWidth: true, children: t('button.contactSupport') }) }), _jsxs(Dialog, { open: open, onClose: toggleDialog, children: [_jsx(DialogTitle, { children: t('swap.warning.title.deleteSwap') }), _jsx(DialogContent, { children: _jsx(DialogContentText, { children: t('swap.warning.message.deleteSwapHistory') }) }), _jsxs(DialogActions, { children: [_jsx(Button, { onClick: toggleDialog, children: t('button.cancel') }), _jsx(Button, { variant: "contained", onClick: handleDeleteRoute, autoFocus: true, children: t('button.delete') })] })] })] }));
+                        }, children: [_jsx(CardTitle, { flex: 1, children: t('swap.supportId') }), _jsx(Box, { mr: 1, mt: 1, children: _jsx(IconButton, { size: "medium", onClick: copySupportId, children: _jsx(ContentCopyIcon, { fontSize: "small" }) }) })] }), _jsx(Typography, { variant: "body2", pt: 1, pb: 2, px: 2, sx: { wordBreak: 'break-all' }, children: supportId })] }), _jsx(Box, { mt: 2, children: _jsx(Button, { href: "https://discord.gg/lifi", target: "_blank", rel: "nofollow noreferrer", fullWidth: true, children: t('button.contactSupport') }) }), _jsxs(Dialog, { open: open, onClose: toggleDialog, children: [_jsx(DialogTitle, { children: t('swap.warning.title.deleteSwap') }), _jsx(DialogContent, { children: _jsx(DialogContentText, { children: t('swap.warning.message.deleteSwapHistory') }) }), _jsxs(DialogActions, { children: [_jsx(Button, { onClick: toggleDialog, children: t('button.cancel') }), _jsx(Button, { variant: "contained", onClick: handleDeleteRoute, autoFocus: true, children: t('button.delete') })] })] })] }));
 };

package/pages/SwapPage/ExchangeRateBottomSheet.js

@@ -7,7 +7,7 @@ import { useTranslation } from 'react-i18next';
 import { BottomSheet } from '../../components/BottomSheet';
 import { useSetContentHeight } from '../../hooks';
 import { formatTokenAmount } from '../../utils';
-import { IconCircle, IconContainer } from './StatusBottomSheet.style';
+import { CenterContainer, IconCircle } from './StatusBottomSheet.style';
 export const ExchangeRateBottomSheet = forwardRef(({ onContinue, onCancel }, ref) => {
     const [data, setData] = useState();
     const bottomSheetRef = useRef(null);
@@ -44,7 +44,7 @@ const ExchangeRateBottomSheetContent = ({ data, onCancel, onContinue }) => {
     const { t } = useTranslation();
     const ref = useRef();
     useSetContentHeight(ref);
-    return (_jsxs(Box, { p: 3, ref: ref, children: [_jsxs(IconContainer, { children: [_jsx(IconCircle, { status: "warning", mb: 1, children: _jsx(WarningRoundedIcon, { color: "warning" }) }), _jsx(Typography, { py: 1, fontSize: 18, fontWeight: 700, children: t('swap.warning.title.rateChanged') })] }), _jsx(Typography, { py: 1, children: t('swap.warning.message.rateChanged') }), _jsxs(Box, { display: "flex", justifyContent: "space-between", mt: 1, children: [_jsx(Typography, { children: t('swap.quotedAmount') }), _jsxs(Typography, { fontWeight: 600, children: [t('format.number', {
+    return (_jsxs(Box, { p: 3, ref: ref, children: [_jsxs(CenterContainer, { children: [_jsx(IconCircle, { status: "warning", mb: 1, children: _jsx(WarningRoundedIcon, { color: "warning" }) }), _jsx(Typography, { py: 1, fontSize: 18, fontWeight: 700, children: t('swap.warning.title.rateChanged') })] }), _jsx(Typography, { py: 1, children: t('swap.warning.message.rateChanged') }), _jsxs(Box, { display: "flex", justifyContent: "space-between", mt: 1, children: [_jsx(Typography, { children: t('swap.quotedAmount') }), _jsxs(Typography, { fontWeight: 600, children: [t('format.number', {
                                 value: formatTokenAmount(data?.oldToAmount, data?.toToken.decimals, 5),
                             }), ' ', data?.toToken.symbol] })] }), _jsxs(Box, { display: "flex", justifyContent: "space-between", mt: 0.25, children: [_jsx(Typography, { children: t('swap.currentAmount') }), _jsxs(Typography, { fontWeight: 600, children: [t('format.number', {
                                 value: formatTokenAmount(data?.newToAmount, data?.toToken.decimals, 5),