@lifi/widget 1.27.1 → 1.28.0

package/i18n/zh.json

@@ -1,223 +1,223 @@
 {
-  "button": {
-    "auto": "自动",
-    "cancel": "取消",
-    "connectWallet": "连接钱包",
-    "contactSupport": "联系我们",
-    "continue": "继续",
-    "copyAddress": "复制地址",
-    "dark": "深色模式",
-    "delete": "删除",
-    "disconnectWallet": "断开钱包",
-    "done": "已完成",
-    "getGas": "Get gas",
-    "hide": "隐藏",
-    "lifiSwap": "LI.FI代币兑换",
-    "light": "浅色模式",
-    "max": "最大",
-    "ok": "确认",
-    "okay": "确认",
-    "removeSwap": "删除该兑换",
-    "restartSwap": "重新兑换",
-    "reviewSwap": "查看该兑换",
-    "seeDetails": "查看详情",
-    "showAll": "显示所有",
-    "startGasSwap": "Start gas swap",
-    "startSwap": "开始兑换",
-    "swap": "兑换",
-    "tryAgain": "再试一次"
-  },
-  "format": {
-    "currency": "{{value, currency(currency: USD)}}",
-    "number": "{{value, number(maximumFractionDigits: 4)}}"
-  },
-  "header": {
-    "activeSwaps": "正在进行的兑换",
-    "from": "兑换自",
-    "gas": "Gas",
-    "gasSwap": "Gas swap",
-    "routes": "你会得到",
-    "selectChain": "选择链",
-    "selectWallet": "选择你的钱包",
-    "settings": "设置",
-    "swap": "兑换",
-    "swapDetails": "兑换详情",
-    "swapHistory": "兑换历史记录",
-    "to": "兑换为",
-    "walletConnected": "连接钱包"
-  },
-  "language": {
-    "name": "中文",
-    "title": "语言"
-  },
-  "settings": {
-    "advancedPreferences": "偏好设置",
-    "enabledBridges": "已选中的跨链桥",
-    "enabledExchanges": "已选中的交易所",
-    "gasPrice": {
-      "fast": "快速",
-      "normal": "正常",
-      "slow": "缓慢",
-      "title": "手续费"
+    "button": {
+        "auto": "自动",
+        "cancel": "取消",
+        "connectWallet": "连接钱包",
+        "contactSupport": "联系我们",
+        "continue": "继续",
+        "copyAddress": "复制地址",
+        "dark": "深色模式",
+        "delete": "删除",
+        "disconnectWallet": "断开钱包",
+        "done": "已完成",
+        "getGas": "Get gas",
+        "hide": "隐藏",
+        "lifiSwap": "LI.FI代币兑换",
+        "light": "浅色模式",
+        "max": "最大",
+        "ok": "确认",
+        "okay": "确认",
+        "removeSwap": "删除该兑换",
+        "restartSwap": "重新兑换",
+        "reviewSwap": "查看该兑换",
+        "seeDetails": "查看详情",
+        "showAll": "显示所有",
+        "startGasSwap": "Start gas swap",
+        "startSwap": "开始兑换",
+        "swap": "兑换",
+        "tryAgain": "再试一次"
     },
-    "resetToDefault": "重置为默认值",
-    "routePriority": "路由优先级",
-    "selectEnabledBridges": "选择要使用的跨链桥",
-    "selectEnabledExchanges": "选择要使用的交易所",
-    "showDestinationWallet": "显示收款钱包",
-    "slippage": "滑点"
-  },
-  "swap": {
-    "crossStepDetails": "通过{{tool}}把资产从{{from}}链跨到{{to}}链上",
-    "currentAmount": "Current amount",
-    "error": {
-      "message": {
-        "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}}仍在您的钱包里。",
-        "unknown": "Please try again or contact support."
-      },
-      "title": {
-        "balanceIsTooLow": "The balance is too low",
-        "chainSwitch": "需要切换当前链",
-        "failed": "兑换失败。",
-        "gasLimitIsTooLow": "The gas limit is too low",
-        "slippageNotMet": "Slippage conditions not met",
-        "transactionCanceled": "Transaction canceled",
-        "transactionFailed": "交易失败。",
-        "transactionRejected": "交易需要签名。",
-        "transactionUnderpriced": "交易价格过低。",
-        "transactionUnprepared": "无法准备该交易。",
-        "unknown": "未知错误。",
-        "walletAddressInvalid": "钱包地址无效。",
-        "walletEnsAddressInvalid": "钱包地址无效或者当前网络不支持ENS。"
-      }
+    "format": {
+        "currency": "{{value, currency(currency: USD)}}",
+        "number": "{{value, number(maximumFractionDigits: 4)}}"
     },
-    "estimatedTime": "{{value}}分钟",
-    "featuredTokens": "精选代币",
-    "from": "从",
-    "fromAmount": "需要支付",
-    "gasCost": "交易费",
-    "gasFeeEstimated": "estimated gas fee",
-    "gasFeePaid": "gas fee paid",
-    "inProgress": "进行中",
-    "info": {
-      "message": {
-        "emptyActiveSwaps": "正在进行的兑换将出现在这里。一旦完成，你可在兑换记录中找到它们。",
-        "emptySwapHistory": "兑换历史记录只存储在本地，如果你清除浏览器数据，他们将被删除。",
-        "emptyTokenList": "我们无法在{{chainName}}链上找到这些代币，或者你的钱包内没有这些代币。请再次搜索或者选择其他链再试一次。",
-        "routeNotFound": "试试另一个路由。"
-      },
-      "title": {
-        "emptyActiveSwaps": "没有正在进行的兑换",
-        "emptySwapHistory": "空兑换历史记录",
-        "routeNotFound": "没有可用的路由"
-      }
+    "header": {
+        "activeSwaps": "正在进行的兑换",
+        "from": "兑换自",
+        "gas": "Gas",
+        "gasSwap": "Gas swap",
+        "routes": "你会得到",
+        "selectChain": "选择链",
+        "selectWallet": "选择你的钱包",
+        "settings": "设置",
+        "swap": "兑换",
+        "swapDetails": "兑换详情",
+        "swapHistory": "兑换历史记录",
+        "to": "兑换为",
+        "walletConnected": "连接钱包"
     },
-    "onChain": "on {{chainName}}",
-    "otherTokens": "其他代币",
-    "process": {
-      "crossChain": {
-        "actionRequired": "请签署此交易。",
-        "done": "交易已批准。",
-        "pending": "等待交易完成。",
-        "started": "准备执行交易。"
-      },
-      "receivingChain": {
-        "done": "资金已到账。",
-        "partial": "Bridge partially completed",
-        "pending": "等待接收链。",
-        "refunded": "Bridge transaction refunded"
-      },
-      "swap": {
-        "actionRequired": "请签署此交易。",
-        "done": "兑换完成。",
-        "pending": "代币兑换中。",
-        "started": "准备兑换。"
-      },
-      "switchChain": {
-        "actionRequired": "需要切换当前链。",
-        "done": "链切换成功。"
-      },
-      "tokenAllowance": {
-        "done": "已批准代币限额。",
-        "pending": "等待代币限额批准完成。",
-        "started": "设置代币限额。"
-      }
+    "language": {
+        "name": "中文",
+        "title": "语言"
     },
-    "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": "兑换成功"
-      }
+    "settings": {
+        "advancedPreferences": "偏好设置",
+        "enabledBridges": "已选中的跨链桥",
+        "enabledExchanges": "已选中的交易所",
+        "gasPrice": {
+            "fast": "快速",
+            "normal": "正常",
+            "slow": "缓慢",
+            "title": "手续费"
+        },
+        "resetToDefault": "重置为默认值",
+        "routePriority": "路由优先级",
+        "selectEnabledBridges": "选择要使用的跨链桥",
+        "selectEnabledExchanges": "选择要使用的交易所",
+        "showDestinationWallet": "显示收款钱包",
+        "slippage": "滑点"
     },
-    "supportId": "支持ID",
-    "swapStepDetails": "通过{{tool}}在{{chain}}链上兑换代币",
-    "swapping": "兑换",
-    "tags": {
-      "ALTERNATIVE": "可用",
-      "CHEAPEST": "便宜",
-      "FASTEST": "快捷",
-      "RECOMMENDED": "推荐",
-      "SAFEST": "安全"
+    "swap": {
+        "crossStepDetails": "通过{{tool}}把资产从{{from}}链跨到{{to}}链上",
+        "currentAmount": "Current amount",
+        "error": {
+            "message": {
+                "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}}仍在您的钱包里。",
+                "unknown": "Please try again or contact support."
+            },
+            "title": {
+                "balanceIsTooLow": "The balance is too low",
+                "chainSwitch": "需要切换当前链",
+                "failed": "兑换失败。",
+                "gasLimitIsTooLow": "The gas limit is too low",
+                "slippageNotMet": "Slippage conditions not met",
+                "transactionCanceled": "Transaction canceled",
+                "transactionFailed": "交易失败。",
+                "transactionRejected": "交易需要签名。",
+                "transactionUnderpriced": "交易价格过低。",
+                "transactionUnprepared": "无法准备该交易。",
+                "unknown": "未知错误。",
+                "walletAddressInvalid": "钱包地址无效。",
+                "walletEnsAddressInvalid": "钱包地址无效或者当前网络不支持ENS。"
+            }
+        },
+        "estimatedTime": "{{value}}分钟",
+        "featuredTokens": "精选代币",
+        "from": "从",
+        "fromAmount": "需要支付",
+        "gasCost": "交易费",
+        "gasFeeEstimated": "estimated gas fee",
+        "gasFeePaid": "gas fee paid",
+        "inProgress": "进行中",
+        "info": {
+            "message": {
+                "emptyActiveSwaps": "正在进行的兑换将出现在这里。一旦完成，你可在兑换记录中找到它们。",
+                "emptySwapHistory": "兑换历史记录只存储在本地，如果你清除浏览器数据，他们将被删除。",
+                "emptyTokenList": "我们无法在{{chainName}}链上找到这些代币，或者你的钱包内没有这些代币。请再次搜索或者选择其他链再试一次。",
+                "routeNotFound": "试试另一个路由。"
+            },
+            "title": {
+                "emptyActiveSwaps": "没有正在进行的兑换",
+                "emptySwapHistory": "空兑换历史记录",
+                "routeNotFound": "没有可用的路由"
+            }
+        },
+        "onChain": "on {{chainName}}",
+        "otherTokens": "其他代币",
+        "process": {
+            "crossChain": {
+                "actionRequired": "请签署此交易。",
+                "done": "交易已批准。",
+                "pending": "等待交易完成。",
+                "started": "准备执行交易。"
+            },
+            "receivingChain": {
+                "done": "资金已到账。",
+                "partial": "Bridge partially completed",
+                "pending": "等待接收链。",
+                "refunded": "Bridge transaction refunded"
+            },
+            "swap": {
+                "actionRequired": "请签署此交易。",
+                "done": "兑换完成。",
+                "pending": "代币兑换中。",
+                "started": "准备兑换。"
+            },
+            "switchChain": {
+                "actionRequired": "需要切换当前链。",
+                "done": "链切换成功。"
+            },
+            "tokenAllowance": {
+                "done": "已批准代币限额。",
+                "pending": "等待代币限额批准完成。",
+                "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": "兑换成功"
+            }
+        },
+        "supportId": "支持ID",
+        "swapStepDetails": "通过{{tool}}在{{chain}}链上兑换代币",
+        "swapping": "兑换",
+        "tags": {
+            "ALTERNATIVE": "可用",
+            "CHEAPEST": "便宜",
+            "FASTEST": "快捷",
+            "RECOMMENDED": "推荐",
+            "SAFEST": "安全"
+        },
+        "to": "到",
+        "tokenOnChain": "{{chainName}}链上的{{tokenSymbol}}",
+        "tokenOnChainAmount": "{{chainName}}链上{{amount, number(maximumFractionDigits: 4)}}个{{tokenSymbol}}",
+        "tokenSearch": "搜索代币",
+        "valueLoss": "资金损失",
+        "walletAddressOrEns": "钱包地址或ENS名称",
+        "warning": {
+            "message": {
+                "deleteActiveSwaps": "正在进行的兑换记录只存储在本地，如果删除它们，我们将无法恢复这些记录。",
+                "deleteSwapHistory": "兑换历史记录只存储在本地，如果你删除它，我们将无法恢复这些记录。",
+                "highValueLoss": "收到的代币的价值明显低于要被兑换代币和交易成本。",
+                "insufficientFunds": "你没有足够的资金来执行这笔交易。",
+                "insufficientGas": "你至少需要：",
+                "rateChanged": "The exchange rate has changed. By continuing the swap, you'll accept the new rate."
+            },
+            "title": {
+                "deleteActiveSwaps": "确定要清空正在进行的兑换记录？",
+                "deleteSwap": "确定要删除这个兑换记录？",
+                "deleteSwapHistory": "确定要清空兑换历史记录？",
+                "highValueLoss": "大额资金损失",
+                "insufficientGas": "手续费不足",
+                "rateChanged": "Rate changed"
+            }
+        }
     },
-    "to": "到",
-    "tokenOnChain": "{{chainName}}链上的{{tokenSymbol}}",
-    "tokenOnChainAmount": "{{chainName}}链上{{amount, number(maximumFractionDigits: 4)}}个{{tokenSymbol}}",
-    "tokenSearch": "搜索代币",
-    "valueLoss": "资金损失",
-    "walletAddressOrEns": "钱包地址或ENS名称",
-    "warning": {
-      "message": {
-        "deleteActiveSwaps": "正在进行的兑换记录只存储在本地，如果删除它们，我们将无法恢复这些记录。",
-        "deleteSwapHistory": "兑换历史记录只存储在本地，如果你删除它，我们将无法恢复这些记录。",
-        "highValueLoss": "收到的代币的价值明显低于要被兑换代币和交易成本。",
-        "insufficientFunds": "你没有足够的资金来执行这笔交易。",
-        "insufficientGas": "你至少需要：",
-        "rateChanged": "The exchange rate has changed. By continuing the swap, you'll accept the new rate."
-      },
-      "title": {
-        "deleteActiveSwaps": "确定要清空正在进行的兑换记录？",
-        "deleteSwap": "确定要删除这个兑换记录？",
-        "deleteSwapHistory": "确定要清空兑换历史记录？",
-        "highValueLoss": "大额资金损失",
-        "insufficientGas": "手续费不足",
-        "rateChanged": "Rate changed"
-      }
-    }
-  },
-  "tooltip": {
-    "estimatedNetworkFee": "预估网络手续费。",
-    "estimatedTime": "预计兑换的执行时间（分钟）。",
-    "notFound": {
-      "text": "我们找不到这个页面。",
-      "title": "404"
+    "tooltip": {
+        "estimatedNetworkFee": "预估网络手续费。",
+        "estimatedTime": "预计兑换的执行时间（分钟）。",
+        "notFound": {
+            "text": "我们找不到这个页面。",
+            "title": "404"
+        },
+        "numberOfSteps": "兑换步骤。每个步骤可以包含1-2个需要签名的交易。",
+        "progressToNextUpdate": "数据将在{{value}}秒后自动刷新。点击这里可以手动更新。",
+        "settingsModified": "设置(已修改)"
     },
-    "numberOfSteps": "兑换步骤。每个步骤可以包含1-2个需要签名的交易。",
-    "progressToNextUpdate": "数据将在{{value}}秒后自动刷新。点击这里可以手动更新。",
-    "settingsModified": "设置(已修改)"
-  },
-  "wallet": {
-    "extensionNotFound": "在选择钱包之前，请确保只有{{name}}浏览器的扩展应用处于激活状态。"
-  }
+    "wallet": {
+        "extensionNotFound": "在选择钱包之前，请确保只有{{name}}浏览器的扩展应用处于激活状态。"
+    }
 }

package/index.d.ts

@@ -1,7 +1,9 @@
 /// <reference types="react" />
 import './fonts/inter.css';
 export type { WidgetDrawer } from './AppDrawer';
+export * from './components/NFT';
 export { useWidgetEvents, widgetEvents } from './hooks';
+export { useWallet } from './providers/WalletProvider';
 export * from './types';
 export declare const LiFiWidget: import("react").FC<import("./types").WidgetProps>;
 /**

package/index.js

@@ -1,7 +1,9 @@
 import { App } from './App';
 import { AppDrawer } from './AppDrawer';
 import './fonts/inter.css';
+export * from './components/NFT';
 export { useWidgetEvents, widgetEvents } from './hooks';
+export { useWallet } from './providers/WalletProvider';
 export * from './types';
 // ClassNameGenerator.configure((componentName) =>
 //   componentName.replace('Mui', 'LiFi'),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lifi/widget",
-  "version": "1.27.1",
+  "version": "1.28.0",
   "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",
@@ -39,31 +39,33 @@
   "dependencies": {
     "@emotion/react": "^11.10.5",
     "@emotion/styled": "^11.10.5",
+    "@ethersproject/abstract-signer": "^5.7.0",
     "@ethersproject/address": "^5.7.0",
     "@ethersproject/experimental": "^5.7.0",
     "@ethersproject/providers": "^5.7.2",
     "@lifi/sdk": "^1.7.2",
-    "@lifi/wallet-management": "^1.2.2",
+    "@lifi/wallet-management": "^1.2.3",
     "@mui/icons-material": "^5.11.0",
-    "@mui/lab": "^5.0.0-alpha.112",
-    "@mui/material": "^5.11.0",
-    "@sentry/integrations": "^7.26.0",
-    "@sentry/react": "^7.26.0",
-    "@sentry/tracing": "^7.26.0",
-    "@tanstack/react-query": "^4.19.1",
-    "@tanstack/react-virtual": "^3.0.0-beta.30",
+    "@mui/lab": "^5.0.0-alpha.114",
+    "@mui/material": "^5.11.3",
+    "@sentry/integrations": "^7.29.0",
+    "@sentry/react": "^7.29.0",
+    "@sentry/tracing": "^7.29.0",
+    "@tanstack/react-query": "^4.20.9",
+    "@tanstack/react-virtual": "^3.0.0-beta.34",
     "big.js": "^6.2.1",
-    "i18next": "22.4.5",
+    "i18next": "^22.4.8",
     "i18next-browser-languagedetector": "^7.0.1",
     "microdiff": "^1.3.1",
     "mitt": "^3.0.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "react-hook-form": "^7.40.0",
+    "react-hook-form": "^7.41.5",
     "react-i18next": "^12.1.1",
-    "react-router-dom": "^6.4.5",
+    "react-router-dom": "^6.6.1",
     "react-timer-hook": "^3.0.5",
-    "zustand": "^4.1.5"
+    "uuid": "^9.0.0",
+    "zustand": "^4.2.0"
   },
   "peerDependencies": {
     "@types/react": "^18.0.0",

package/pages/MainPage/MainPage.js

@@ -1,15 +1,19 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Box } from '@mui/material';
 import { ActiveSwaps } from '../../components/ActiveSwaps';
+import { ContractComponent } from '../../components/ContractComponent';
 import { GasSufficiencyMessage } from '../../components/GasSufficiencyMessage';
 import { SelectChainAndToken } from '../../components/SelectChainAndToken';
 import { SendToWallet, SendToWalletButton, } from '../../components/SendToWallet';
 import { SwapInput } from '../../components/SwapInput';
 import { SwapRoutes } from '../../components/SwapRoutes';
 import { useExpandableVariant } from '../../hooks';
+import { useWidgetConfig } from '../../providers';
 import { FormContainer } from './MainPage.style';
 import { MainSwapButton } from './MainSwapButton';
 export const MainPage = () => {
     const expandable = useExpandableVariant();
-    return (_jsxs(FormContainer, Object.assign({ disableGutters: true }, { children: [_jsx(ActiveSwaps, { mx: 3, mt: 1, mb: 2 }), _jsx(SelectChainAndToken, { mt: 1, mx: 3, mb: 3 }), _jsx(Box, Object.assign({ mx: 3, mb: 3 }, { children: _jsx(SwapInput, { formType: "from" }) })), !expandable ? _jsx(SwapRoutes, { mx: 3, mb: 3 }) : null, _jsx(GasSufficiencyMessage, { mx: 3, mb: 3 }), _jsxs(Box, Object.assign({ mx: 3, mb: 1 }, { children: [_jsx(SendToWallet, { mb: 3 }), _jsxs(Box, Object.assign({ sx: { display: 'flex' } }, { children: [_jsx(MainSwapButton, {}), _jsx(SendToWalletButton, {})] }))] }))] })));
+    const { variant } = useWidgetConfig();
+    const nft = variant === 'nft';
+    return (_jsxs(FormContainer, Object.assign({ disableGutters: true }, { children: [_jsx(ActiveSwaps, { mx: 3, mt: 1, mb: 2 }), nft ? _jsx(ContractComponent, { mx: 3, mt: 1, mb: 1 }) : null, _jsx(SelectChainAndToken, { mt: 1, mx: 3, mb: 3 }), !nft ? _jsx(SwapInput, { formType: "from", mx: 3, mb: 3 }) : null, !expandable ? _jsx(SwapRoutes, { mx: 3, mb: 3 }) : null, _jsx(GasSufficiencyMessage, { mx: 3, mb: 3 }), _jsxs(Box, Object.assign({ mx: 3, mb: 1 }, { children: [_jsx(SendToWallet, { mb: 3 }), _jsxs(Box, Object.assign({ sx: { display: 'flex' } }, { children: [_jsx(MainSwapButton, {}), _jsx(SendToWalletButton, {})] }))] }))] })));
 };

package/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" | "secondary" | "primary" | "info" | "standard" | undefined;
+    color?: "success" | "warning" | "error" | "primary" | "secondary" | "info" | "standard" | undefined;
     disabled?: boolean | undefined;
     disableFocusRipple?: boolean | undefined;
     fullWidth?: boolean | undefined;

package/pages/SettingsPage/LanguageSelect.js

@@ -9,9 +9,8 @@ import { useSettings, useSettingsStore } from '../../stores';
 import { HiddenUI } from '../../types';
 export const LanguageSelect = () => {
     var _a;
-    const { t } = useTranslation();
+    const { t, i18n } = useTranslation();
     const { languages, hiddenUI } = useWidgetConfig();
-    const { i18n } = useTranslation();
     const setValue = useSettingsStore((state) => state.setValue);
     const { language } = useSettings(['language']);
     if (hiddenUI === null || hiddenUI === void 0 ? void 0 : hiddenUI.includes(HiddenUI.Language)) {

package/providers/SwapFormProvider/types.d.ts

@@ -1,18 +1,28 @@
 export declare enum SwapFormKey {
+    ContractOutputsToken = "contractOutputsToken",
     FromAmount = "fromAmount",
     FromChain = "fromChain",
     FromToken = "fromToken",
     ToAddress = "toAddress",
+    ToAmount = "toAmount",
     ToChain = "toChain",
+    ToContractAddress = "toContractAddress",
+    ToContractCallData = "toContractCallData",
+    ToContractGasLimit = "ToContractGasLimit",
     ToToken = "toToken",
     TokenSearchFilter = "tokenSearchFilter"
 }
 export type SwapFormValues = {
+    [SwapFormKey.ContractOutputsToken]: string;
     [SwapFormKey.FromAmount]: string;
     [SwapFormKey.FromChain]: number;
     [SwapFormKey.FromToken]: string;
     [SwapFormKey.ToAddress]: string;
+    [SwapFormKey.ToAmount]: string;
     [SwapFormKey.ToChain]: number;
+    [SwapFormKey.ToContractAddress]: string;
+    [SwapFormKey.ToContractCallData]: string;
+    [SwapFormKey.ToContractGasLimit]: string;
     [SwapFormKey.ToToken]: string;
     [SwapFormKey.TokenSearchFilter]: string;
 };

package/providers/SwapFormProvider/types.js

@@ -1,10 +1,15 @@
 export var SwapFormKey;
 (function (SwapFormKey) {
+    SwapFormKey["ContractOutputsToken"] = "contractOutputsToken";
     SwapFormKey["FromAmount"] = "fromAmount";
     SwapFormKey["FromChain"] = "fromChain";
     SwapFormKey["FromToken"] = "fromToken";
     SwapFormKey["ToAddress"] = "toAddress";
+    SwapFormKey["ToAmount"] = "toAmount";
     SwapFormKey["ToChain"] = "toChain";
+    SwapFormKey["ToContractAddress"] = "toContractAddress";
+    SwapFormKey["ToContractCallData"] = "toContractCallData";
+    SwapFormKey["ToContractGasLimit"] = "ToContractGasLimit";
     SwapFormKey["ToToken"] = "toToken";
     SwapFormKey["TokenSearchFilter"] = "tokenSearchFilter";
 })(SwapFormKey || (SwapFormKey = {}));

package/stores/chains/useChainOrderStore.d.ts

@@ -6,7 +6,7 @@ export declare const useChainOrderStore: import("zustand").UseBoundStore<Omit<im
             chainOrder: number[];
         }>>) => void;
         clearStorage: () => void;
-        rehydrate: () => Promise<void>;
+        rehydrate: () => void | Promise<void>;
         hasHydrated: () => boolean;
         onHydrate: (fn: (state: ChainOrderStore) => void) => () => void;
         onFinishHydration: (fn: (state: ChainOrderStore) => void) => () => void;

package/stores/routes/useRouteExecutionStore.d.ts

@@ -5,7 +5,7 @@ export declare const useRouteExecutionStore: import("zustand").UseBoundStore<Omi
             routes: Partial<Record<string, import("./types").RouteExecution>>;
         }>>) => void;
         clearStorage: () => void;
-        rehydrate: () => Promise<void>;
+        rehydrate: () => void | Promise<void>;
         hasHydrated: () => boolean;
         onHydrate: (fn: (state: RouteExecutionStore) => void) => () => void;
         onFinishHydration: (fn: (state: RouteExecutionStore) => void) => () => void;

package/stores/settings/useSettingsStore.d.ts

@@ -20,7 +20,7 @@ export declare const useSettingsStore: import("zustand").UseBoundStore<Omit<impo
             _enabledExchanges?: Record<string, boolean> | undefined;
         }>>) => void;
         clearStorage: () => void;
-        rehydrate: () => Promise<void>;
+        rehydrate: () => void | Promise<void>;
         hasHydrated: () => boolean;
         onHydrate: (fn: (state: SettingsStore) => void) => () => void;
         onFinishHydration: (fn: (state: SettingsStore) => void) => () => void;