@lifi/widget 1.27.2 → 1.28.0

package/cjs/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/cjs/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/cjs/index.js

@@ -14,13 +14,16 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.LiFiWidgetDrawer = exports.LiFiWidget = exports.widgetEvents = exports.useWidgetEvents = void 0;
+exports.LiFiWidgetDrawer = exports.LiFiWidget = exports.useWallet = exports.widgetEvents = exports.useWidgetEvents = void 0;
 const App_1 = require("./App");
 const AppDrawer_1 = require("./AppDrawer");
 require("./fonts/inter.css");
+__exportStar(require("./components/NFT"), exports);
 var hooks_1 = require("./hooks");
 Object.defineProperty(exports, "useWidgetEvents", { enumerable: true, get: function () { return hooks_1.useWidgetEvents; } });
 Object.defineProperty(exports, "widgetEvents", { enumerable: true, get: function () { return hooks_1.widgetEvents; } });
+var WalletProvider_1 = require("./providers/WalletProvider");
+Object.defineProperty(exports, "useWallet", { enumerable: true, get: function () { return WalletProvider_1.useWallet; } });
 __exportStar(require("./types"), exports);
 // ClassNameGenerator.configure((componentName) =>
 //   componentName.replace('Mui', 'LiFi'),

package/cjs/pages/MainPage/MainPage.js

@@ -4,16 +4,20 @@ exports.MainPage = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const material_1 = require("@mui/material");
 const ActiveSwaps_1 = require("../../components/ActiveSwaps");
+const ContractComponent_1 = require("../../components/ContractComponent");
 const GasSufficiencyMessage_1 = require("../../components/GasSufficiencyMessage");
 const SelectChainAndToken_1 = require("../../components/SelectChainAndToken");
 const SendToWallet_1 = require("../../components/SendToWallet");
 const SwapInput_1 = require("../../components/SwapInput");
 const SwapRoutes_1 = require("../../components/SwapRoutes");
 const hooks_1 = require("../../hooks");
+const providers_1 = require("../../providers");
 const MainPage_style_1 = require("./MainPage.style");
 const MainSwapButton_1 = require("./MainSwapButton");
 const MainPage = () => {
     const expandable = (0, hooks_1.useExpandableVariant)();
-    return ((0, jsx_runtime_1.jsxs)(MainPage_style_1.FormContainer, Object.assign({ disableGutters: true }, { children: [(0, jsx_runtime_1.jsx)(ActiveSwaps_1.ActiveSwaps, { mx: 3, mt: 1, mb: 2 }), (0, jsx_runtime_1.jsx)(SelectChainAndToken_1.SelectChainAndToken, { mt: 1, mx: 3, mb: 3 }), (0, jsx_runtime_1.jsx)(material_1.Box, Object.assign({ mx: 3, mb: 3 }, { children: (0, jsx_runtime_1.jsx)(SwapInput_1.SwapInput, { formType: "from" }) })), !expandable ? (0, jsx_runtime_1.jsx)(SwapRoutes_1.SwapRoutes, { mx: 3, mb: 3 }) : null, (0, jsx_runtime_1.jsx)(GasSufficiencyMessage_1.GasSufficiencyMessage, { mx: 3, mb: 3 }), (0, jsx_runtime_1.jsxs)(material_1.Box, Object.assign({ mx: 3, mb: 1 }, { children: [(0, jsx_runtime_1.jsx)(SendToWallet_1.SendToWallet, { mb: 3 }), (0, jsx_runtime_1.jsxs)(material_1.Box, Object.assign({ sx: { display: 'flex' } }, { children: [(0, jsx_runtime_1.jsx)(MainSwapButton_1.MainSwapButton, {}), (0, jsx_runtime_1.jsx)(SendToWallet_1.SendToWalletButton, {})] }))] }))] })));
+    const { variant } = (0, providers_1.useWidgetConfig)();
+    const nft = variant === 'nft';
+    return ((0, jsx_runtime_1.jsxs)(MainPage_style_1.FormContainer, Object.assign({ disableGutters: true }, { children: [(0, jsx_runtime_1.jsx)(ActiveSwaps_1.ActiveSwaps, { mx: 3, mt: 1, mb: 2 }), nft ? (0, jsx_runtime_1.jsx)(ContractComponent_1.ContractComponent, { mx: 3, mt: 1, mb: 1 }) : null, (0, jsx_runtime_1.jsx)(SelectChainAndToken_1.SelectChainAndToken, { mt: 1, mx: 3, mb: 3 }), !nft ? (0, jsx_runtime_1.jsx)(SwapInput_1.SwapInput, { formType: "from", mx: 3, mb: 3 }) : null, !expandable ? (0, jsx_runtime_1.jsx)(SwapRoutes_1.SwapRoutes, { mx: 3, mb: 3 }) : null, (0, jsx_runtime_1.jsx)(GasSufficiencyMessage_1.GasSufficiencyMessage, { mx: 3, mb: 3 }), (0, jsx_runtime_1.jsxs)(material_1.Box, Object.assign({ mx: 3, mb: 1 }, { children: [(0, jsx_runtime_1.jsx)(SendToWallet_1.SendToWallet, { mb: 3 }), (0, jsx_runtime_1.jsxs)(material_1.Box, Object.assign({ sx: { display: 'flex' } }, { children: [(0, jsx_runtime_1.jsx)(MainSwapButton_1.MainSwapButton, {}), (0, jsx_runtime_1.jsx)(SendToWallet_1.SendToWalletButton, {})] }))] }))] })));
 };
 exports.MainPage = MainPage;

package/cjs/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/cjs/providers/SwapFormProvider/types.js

@@ -3,11 +3,16 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.SwapFormKeyHelper = exports.SwapFormKey = void 0;
 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 = exports.SwapFormKey || (exports.SwapFormKey = {}));

package/cjs/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/cjs/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/cjs/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;

package/cjs/types/widget.d.ts

@@ -4,7 +4,7 @@ import type { Components, PaletteMode, PaletteOptions, Shape, Theme } from '@mui
 import type { TypographyOptions } from '@mui/material/styles/createTypography';
 import type { CSSProperties, ReactNode, RefObject } from 'react';
 import type { LanguageKey, LanguageResources } from '../providers';
-export type WidgetVariant = 'default' | 'expandable' | 'drawer' | 'refuel';
+export type WidgetVariant = 'default' | 'expandable' | 'drawer' | 'refuel' | 'nft';
 export declare enum DisabledUI {
     FromAmount = "fromAmount",
     FromToken = "fromToken",
@@ -37,10 +37,14 @@ export interface WidgetWalletManagement {
 export interface SDKConfig extends Omit<ConfigUpdate, 'defaultExecutionSettings' | 'defaultRouteOptions' | 'disableVersionCheck'> {
     defaultRouteOptions?: Omit<RouteOptions, 'bridges' | 'exchanges'>;
 }
+export interface WidgetContractTool {
+    logoURI: string;
+    name: string;
+}
 export interface WidgetContract {
-    address: string;
-    callData: string;
-    gasLimit: string;
+    address?: string;
+    callData?: string;
+    gasLimit?: string;
     approvalAddress?: string;
     outputToken?: string;
     fallbackAddress?: string;
@@ -56,6 +60,7 @@ export interface WidgetConfig {
     contract?: WidgetContract;
     contractComponent?: ReactNode;
     contractCompactComponent?: ReactNode;
+    contractTool?: WidgetContractTool;
     fee?: number;
     integrator?: string;
     referrer?: string;

package/cjs/types/widget.js

@@ -11,7 +11,9 @@ var DisabledUI;
 var HiddenUI;
 (function (HiddenUI) {
     HiddenUI["Appearance"] = "appearance";
+    // FromAmount = 'fromAmount',
     HiddenUI["Language"] = "language";
     HiddenUI["PoweredBy"] = "poweredBy";
     HiddenUI["ToAddress"] = "toAddress";
+    // ToToken = 'toToken',
 })(HiddenUI = exports.HiddenUI || (exports.HiddenUI = {}));

package/components/ContractComponent/ContractComponent.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import type { BoxProps } from '@mui/material';
+export declare const ContractComponent: React.FC<BoxProps>;

package/components/ContractComponent/ContractComponent.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useWidgetConfig } from '../../providers';
+import { Card } from '../Card';
+export const ContractComponent = (props) => {
+    const { contractComponent } = useWidgetConfig();
+    if (!contractComponent) {
+        return null;
+    }
+    return (_jsx(Card, Object.assign({ flex: 1 }, props, { children: contractComponent })));
+};

package/components/ContractComponent/index.d.ts

@@ -0,0 +1 @@
+export * from './ContractComponent';