@lifi/widget 4.5.0 → 4.7.0

package/dist/esm/i18n/tr.json

@@ -18,6 +18,7 @@
     "buy": "Satın al",
     "cancel": "İptal",
     "checkoutReview": "Satın alımı incele",
+    "clear": "",
     "clearAllFailed": "",
     "clearTransaction": "",
     "close": "Kapat",
@@ -45,6 +46,8 @@
     "resetSettings": "Ayarları Sıfırla",
     "seeDetails": "Detayları Gör",
     "showAll": "Tümünü Göster",
+    "showLess": "",
+    "showMore": "",
     "startBridging": "Başla",
     "startSwapping": "Takas işlemini başlat",
     "swap": "Takas et",
@@ -87,6 +90,7 @@
   "info": {
     "message": {
       "accountDeployedMessage": "",
+      "unsupportedToAddressMessage": "",
       "autoRefuel": "{{chainName}} ağında gaz yetersiz. Devam ederek, işlem için gereken miktarda gaz alacaksınız.",
       "emptyBridgesList": "Aradığın köprüyü bulamadık",
       "emptyChainList": "Aradığın zinciri bulamadık",
@@ -118,12 +122,13 @@
   },
   "warning": {
     "message": {
+      "tokenUnverified": "",
+      "tokenUnverifiedByProvider": "",
       "accountNotDeployedMessage": "",
       "lowAddressActivity": "Bu adres {{chainName}} ağında düşük etkinliğe sahip. Olası fon kaybını önlemek için lütfen doğru adrese ve ağa gönderim yaptığınızı doğrulayın.",
       "clearFailedTransactions": "",
       "fundsLossPrevention": "Her zaman akıllı sözleşme hesaplarının hedef zincirde düzgün bir şekilde ayarlandığından emin olun ve fon kaybını önlemek için borsalara doğrudan transferlerden kaçının.",
       "highValueLoss": "Elde edilecek varlıkların değeri, takas edilen varlıklardan ve işlem maliyetinden önemli ölçüde düşüktür.",
-      "unverifiedToken": "",
       "insufficientFunds": "Takas işlemini gerçekleştirmek için yeterli bakiyeniz bulunmamaktadır.",
       "insufficientGas": "En azından şunları eklemelisiniz:",
       "minFromAmountUSD": "",
@@ -285,6 +290,7 @@
     "quotedAmount": "Teklif edilen tutar",
     "rateChange": "Değişiklik oranı",
     "receiving": "Alınıyor",
+    "recentSearches": "",
     "refuelStepDetails": "{{tool}} aracılığıyla gaz al",
     "route": "",
     "select": "",

package/dist/esm/i18n/uk.json

@@ -18,6 +18,7 @@
     "buy": "Придбати",
     "cancel": "Скасувати",
     "checkoutReview": "Перегляд покупки",
+    "clear": "",
     "clearAllFailed": "",
     "clearTransaction": "",
     "close": "Закрити",
@@ -45,6 +46,8 @@
     "resetSettings": "Скинути налаштування",
     "seeDetails": "Детальніше",
     "showAll": "Показати всі",
+    "showLess": "",
+    "showMore": "",
     "startBridging": "Почати бридж",
     "startSwapping": "Почати своп",
     "swap": "Своп",
@@ -87,6 +90,7 @@
   "info": {
     "message": {
       "accountDeployedMessage": "Можливо, ваш смарт-акаунт не має однакової адреси на інших чейнах. Будь ласка, перевірте, перш ніж продовжити.",
+      "unsupportedToAddressMessage": "",
       "autoRefuel": "У вас замало {{chainName}} газу. Продовжуючи, ви отримаєте достатньо газу, щоб завершити обмін.",
       "emptyBridgesList": "Ми не змогли знайти жодного моста, що відповідає вашому запиту",
       "emptyChainList": "Ми не змогли знайти жодного чейна, що відповідає вашому запиту",
@@ -118,12 +122,13 @@
   },
   "warning": {
     "message": {
+      "tokenUnverified": "",
+      "tokenUnverifiedByProvider": "",
       "accountNotDeployedMessage": "Обліковий запис смартконтракту не розгорнуто в цільовому чейні. Надсилання коштів на нереальний контракт призведе до незворотних втрат.",
       "lowAddressActivity": "Ця адреса має низьку активність у мережі {{chainName}}. Будь ласка, перевірте, що ви надсилаєте на правильну адресу та мережу, щоб запобігти можливому втраті коштів.",
       "clearFailedTransactions": "",
       "fundsLossPrevention": "Завжди переконуйтеся, що облікові записи смартконтрактів правильно налаштовані в мережі призначення, та уникайте прямих переказів на біржі, щоб запобігти втраті коштів.",
       "highValueLoss": "Вартість отриманих токенів значно нижча, ніж обмінені токени та вартість транзакції.",
-      "unverifiedToken": "",
       "insufficientFunds": "У вас недостатньо коштів для здійснення свопу.",
       "insufficientGas": "Для завершення свопа у вас недостатньо газу. Вам необхідно додати хоча б:",
       "minFromAmountUSD": "Мінімальна сума {{amount, currencyExt(currency: USD)}}. Будь ласка, введіть більшу суму.",
@@ -285,6 +290,7 @@
     "quotedAmount": "Запропонована сума",
     "rateChange": "Зміна курсу",
     "receiving": "Отримання",
+    "recentSearches": "",
     "refuelStepDetails": "Отримати газ через {{tool}}",
     "route": "",
     "select": "",

package/dist/esm/i18n/vi.json

@@ -18,6 +18,7 @@
     "buy": "Mua",
     "cancel": "Huỷ bỏ",
     "checkoutReview": "",
+    "clear": "",
     "clearAllFailed": "",
     "clearTransaction": "",
     "close": "Đóng",
@@ -45,6 +46,8 @@
     "resetSettings": "Đặt lại cài đặt",
     "seeDetails": "Xem chi tiết",
     "showAll": "Hiển thị tất cả",
+    "showLess": "",
+    "showMore": "",
     "startBridging": "Bắt đầu đi cầu",
     "startSwapping": "Bắt đầu Swap",
     "swap": "Swap",
@@ -87,6 +90,7 @@
   "info": {
     "message": {
       "accountDeployedMessage": "",
+      "unsupportedToAddressMessage": "",
       "autoRefuel": "Gas trên {{chainName}} chain của bạn đang thấp. Để tiếp tục, bạn nên có thêm gas để hoàn thành việc swap.",
       "emptyBridgesList": "",
       "emptyChainList": "",
@@ -118,12 +122,13 @@
   },
   "warning": {
     "message": {
+      "tokenUnverified": "",
+      "tokenUnverifiedByProvider": "",
       "accountNotDeployedMessage": "",
       "lowAddressActivity": "",
       "clearFailedTransactions": "",
       "fundsLossPrevention": "",
       "highValueLoss": "Giá trị của token nhận được đang thấp hơn rất nhiều so với token được swap và chi phí giao dịch.",
-      "unverifiedToken": "",
       "insufficientFunds": "Bạn không có đủ tiền để thực hiện tác vụ này.",
       "insufficientGas": "Bạn không đủ gas để thực hiện swap. Bạn cần thêm ít nhất:",
       "minFromAmountUSD": "",
@@ -285,6 +290,7 @@
     "quotedAmount": "Số tiền trích dẫn",
     "rateChange": "Thay đổi tỉ giá",
     "receiving": "Đang nhận",
+    "recentSearches": "",
     "refuelStepDetails": "Lấy gas thông qua {{tool}}",
     "route": "",
     "select": "",

package/dist/esm/i18n/zh.json

@@ -18,6 +18,7 @@
     "buy": "购买",
     "cancel": "取消",
     "checkoutReview": "查看购买详情",
+    "clear": "",
     "clearAllFailed": "",
     "clearTransaction": "",
     "close": "关闭",
@@ -45,6 +46,8 @@
     "resetSettings": "恢复默认设置",
     "seeDetails": "查看详情",
     "showAll": "显示所有",
+    "showLess": "",
+    "showMore": "",
     "startBridging": "开始跨链",
     "startSwapping": "开始兑换",
     "swap": "兑换",
@@ -87,6 +90,7 @@
   "info": {
     "message": {
       "accountDeployedMessage": "",
+      "unsupportedToAddressMessage": "",
       "autoRefuel": "您在 {{chainName}} 链上的燃气费很低。如果启用该选项，您将获得足够的燃气费完成此次兑换。",
       "emptyBridgesList": "我们找不到任何匹配的桥",
       "emptyChainList": "我们找不到任何匹配的链",
@@ -118,12 +122,13 @@
   },
   "warning": {
     "message": {
+      "tokenUnverified": "",
+      "tokenUnverifiedByProvider": "",
       "accountNotDeployedMessage": "",
       "lowAddressActivity": "此地址在 {{chainName}} 网络上的活跃度较低。请确认您发送到了正确的地址和网络，以防止潜在的资金损失。",
       "clearFailedTransactions": "",
       "fundsLossPrevention": "总是确保在目的地链上适当建立智能合同账户，并避免直接转给交易所，以防止资金损失。",
       "highValueLoss": "收到的代币的价值明显低于要被兑换的代币和交易成本。",
-      "unverifiedToken": "",
       "insufficientFunds": "你没有足够的资金来完成这笔交易。",
       "insufficientGas": "您没有足够的燃气费来完成此次交易。您至少需要添加：",
       "minFromAmountUSD": "",
@@ -285,6 +290,7 @@
     "quotedAmount": "报价金额",
     "rateChange": "波动率",
     "receiving": "接收",
+    "recentSearches": "",
     "refuelStepDetails": "通过 {{tool}} 获取燃气费",
     "route": "",
     "select": "",

package/dist/esm/pages/MainPage/MainPage.js

@@ -29,7 +29,8 @@ const MainPage = () => {
 	const showAmountEntry = !custom || modeOptions?.custom?.type === "deposit";
 	const showGasRefuelMessage = !hiddenUI?.gasRefuelMessage;
 	const splitTitle = modeOptions?.split === "bridge" ? t("header.bridge") : modeOptions?.split === "swap" ? t("header.swap") : void 0;
-	useHeader(mode === "limit" ? t("header.limit") : mode === "custom" ? t(`header.${modeOptions?.custom?.type ?? "checkout"}`) : mode === "refuel" ? t("header.gas") : mode === "split" && splitTitle ? splitTitle : t("header.exchange"));
+	const title = mode === "limit" ? t("header.limit") : mode === "custom" ? t(`header.${modeOptions?.custom?.type ?? "checkout"}`) : mode === "refuel" ? t("header.gas") : mode === "split" && splitTitle ? splitTitle : t("header.exchange");
+	useHeader(title);
 	if (mode === "limit") return /* @__PURE__ */ jsx(LimitPageContent, {});
 	return /* @__PURE__ */ jsxs(PageContainer, {
 		topGutters: true,

package/dist/esm/pages/MainPage/MainPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"MainPage.js","names":[],"sources":["../../../../src/pages/MainPage/MainPage.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { AmountInput } from '../../components/AmountInput/AmountInput.js'\nimport { AmountInputCardPair } from '../../components/AmountInputCard/AmountInputCardPair.js'\nimport { ContractComponent } from '../../components/ContractComponent/ContractComponent.js'\nimport { GasRefuelMessage } from '../../components/Messages/GasRefuelMessage.js'\nimport { PageContainer } from '../../components/PageContainer.js'\nimport { Routes } from '../../components/Routes/Routes.js'\nimport { SelectChainAndToken } from '../../components/SelectChainAndToken.js'\nimport { SendToWalletButton } from '../../components/SendToWallet/SendToWalletButton.js'\nimport { SettingsPanel } from '../../components/SettingsPanel/SettingsPanel.js'\nimport { advancedNavigationTabKeys } from '../../components/SettingsPanel/utils.js'\nimport { useHeader } from '../../hooks/useHeader.js'\nimport { useWideVariant } from '../../hooks/useWideVariant.js'\nimport { useWidgetConfig } from '../../providers/WidgetProvider/WidgetProvider.js'\nimport { useNavigationTabsStore } from '../../stores/navigationTabs/useNavigationTabsStore.js'\nimport { LimitPageContent } from './LimitPageContent.js'\nimport { MainPageActions } from './MainPageActions.js'\n\nconst marginSx = { marginBottom: 2 }\n\nexport const MainPage: React.FC = () => {\n  const { t } = useTranslation()\n  const wideVariant = useWideVariant()\n  const { mode, modeOptions, contractComponent, hiddenUI, defaultUI } =\n    useWidgetConfig()\n  const activeTab = useNavigationTabsStore((state) => state.activeTab)\n\n  const custom = mode === 'custom'\n  // Surface the settings panel on the main page for advanced navigation tabs.\n  const advancedMode =\n    !!activeTab && advancedNavigationTabKeys.includes(activeTab)\n  const showSendReceiveCards = defaultUI?.layout === 'cards'\n  // Custom non-deposit contract flows have no amount entry — they keep the\n  // chain/token selectors only, in both layouts.\n  const showAmountEntry = !custom || modeOptions?.custom?.type === 'deposit'\n  const showGasRefuelMessage = !hiddenUI?.gasRefuelMessage\n\n  const splitTitle =\n    modeOptions?.split === 'bridge'\n      ? t('header.bridge')\n      : modeOptions?.split === 'swap'\n        ? t('header.swap')\n        : undefined\n  const title =\n    mode === 'limit'\n      ? t('header.limit')\n      : mode === 'custom'\n        ? t(`header.${modeOptions?.custom?.type ?? 'checkout'}`)\n        : mode === 'refuel'\n          ? t('header.gas')\n          : mode === 'split' && splitTitle\n            ? splitTitle\n            : t('header.exchange')\n\n  useHeader(title)\n\n  if (mode === 'limit') {\n    return <LimitPageContent />\n  }\n\n  return (\n    <PageContainer topGutters>\n      {custom ? (\n        <ContractComponent sx={marginSx}>{contractComponent}</ContractComponent>\n      ) : null}\n      {showSendReceiveCards && showAmountEntry ? (\n        <AmountInputCardPair sx={marginSx} />\n      ) : (\n        <>\n          <SelectChainAndToken sx={marginSx} />\n          {!showSendReceiveCards && showAmountEntry ? (\n            <AmountInput formType=\"from\" sx={marginSx} />\n          ) : null}\n        </>\n      )}\n      {advancedMode ? <SettingsPanel sx={marginSx} /> : null}\n      {!wideVariant ? <Routes sx={marginSx} /> : null}\n      <SendToWalletButton sx={marginSx} />\n      {showGasRefuelMessage ? <GasRefuelMessage sx={marginSx} /> : null}\n      <MainPageActions showSendToWalletExpand />\n    </PageContainer>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAkBA,MAAM,WAAW,EAAE,cAAc,EAAE;AAEnC,MAAa,iBAA2B;CACtC,MAAM,EAAE,MAAM,eAAe;CAC7B,MAAM,cAAc,eAAe;CACnC,MAAM,EAAE,MAAM,aAAa,mBAAmB,UAAU,cACtD,gBAAgB;CAClB,MAAM,YAAY,wBAAwB,UAAU,MAAM,SAAS;CAEnE,MAAM,SAAS,SAAS;CAExB,MAAM,eACJ,CAAC,CAAC,aAAa,0BAA0B,SAAS,SAAS;CAC7D,MAAM,uBAAuB,WAAW,WAAW;CAGnD,MAAM,kBAAkB,CAAC,UAAU,aAAa,QAAQ,SAAS;CACjE,MAAM,uBAAuB,CAAC,UAAU;CAExC,MAAM,aACJ,aAAa,UAAU,WACnB,EAAE,eAAe,IACjB,aAAa,UAAU,SACrB,EAAE,aAAa,IACf,KAAA;CAYR,UAVE,SAAS,UACL,EAAE,cAAc,IAChB,SAAS,WACP,EAAE,UAAU,aAAa,QAAQ,QAAQ,YAAY,IACrD,SAAS,WACP,EAAE,YAAY,IACd,SAAS,WAAW,aAClB,aACA,EAAE,iBAAiB,CAEhB;CAEf,IAAI,SAAS,SACX,OAAO,oBAAC,kBAAD,CAAmB,CAAA;CAG5B,OACE,qBAAC,eAAD;EAAe,YAAA;EAAf,UAAA;GACG,SACC,oBAAC,mBAAD;IAAmB,IAAI;IAAW,UAAA;GAAqC,CAAA,IACrE;GACH,wBAAwB,kBACvB,oBAAC,qBAAD,EAAqB,IAAI,SAAW,CAAA,IAEpC,qBAAA,UAAA,EAAA,UAAA,CACE,oBAAC,qBAAD,EAAqB,IAAI,SAAW,CAAA,GACnC,CAAC,wBAAwB,kBACxB,oBAAC,aAAD;IAAa,UAAS;IAAO,IAAI;GAAW,CAAA,IAC1C,IACJ,EAAA,CAAA;GAEH,eAAe,oBAAC,eAAD,EAAe,IAAI,SAAW,CAAA,IAAI;GACjD,CAAC,cAAc,oBAAC,QAAD,EAAQ,IAAI,SAAW,CAAA,IAAI;GAC3C,oBAAC,oBAAD,EAAoB,IAAI,SAAW,CAAA;GAClC,uBAAuB,oBAAC,kBAAD,EAAkB,IAAI,SAAW,CAAA,IAAI;GAC7D,oBAAC,iBAAD,EAAiB,wBAAA,KAAwB,CAAA;EAC5B;;AAEnB"}
+{"version":3,"file":"MainPage.js","names":[],"sources":["../../../../src/pages/MainPage/MainPage.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { AmountInput } from '../../components/AmountInput/AmountInput.js'\nimport { AmountInputCardPair } from '../../components/AmountInputCard/AmountInputCardPair.js'\nimport { ContractComponent } from '../../components/ContractComponent/ContractComponent.js'\nimport { GasRefuelMessage } from '../../components/Messages/GasRefuelMessage.js'\nimport { PageContainer } from '../../components/PageContainer.js'\nimport { Routes } from '../../components/Routes/Routes.js'\nimport { SelectChainAndToken } from '../../components/SelectChainAndToken.js'\nimport { SendToWalletButton } from '../../components/SendToWallet/SendToWalletButton.js'\nimport { SettingsPanel } from '../../components/SettingsPanel/SettingsPanel.js'\nimport { advancedNavigationTabKeys } from '../../components/SettingsPanel/utils.js'\nimport { useHeader } from '../../hooks/useHeader.js'\nimport { useWideVariant } from '../../hooks/useWideVariant.js'\nimport { useWidgetConfig } from '../../providers/WidgetProvider/WidgetProvider.js'\nimport { useNavigationTabsStore } from '../../stores/navigationTabs/useNavigationTabsStore.js'\nimport { LimitPageContent } from './LimitPageContent.js'\nimport { MainPageActions } from './MainPageActions.js'\n\nconst marginSx = { marginBottom: 2 }\n\nexport const MainPage: React.FC = () => {\n  const { t } = useTranslation()\n  const wideVariant = useWideVariant()\n  const { mode, modeOptions, contractComponent, hiddenUI, defaultUI } =\n    useWidgetConfig()\n  const activeTab = useNavigationTabsStore((state) => state.activeTab)\n\n  const custom = mode === 'custom'\n  // Surface the settings panel on the main page for advanced navigation tabs.\n  const advancedMode =\n    !!activeTab && advancedNavigationTabKeys.includes(activeTab)\n  const showSendReceiveCards = defaultUI?.layout === 'cards'\n  // Custom non-deposit contract flows have no amount entry — they keep the\n  // chain/token selectors only, in both layouts.\n  const showAmountEntry = !custom || modeOptions?.custom?.type === 'deposit'\n  const showGasRefuelMessage = !hiddenUI?.gasRefuelMessage\n\n  const splitTitle =\n    modeOptions?.split === 'bridge'\n      ? t('header.bridge')\n      : modeOptions?.split === 'swap'\n        ? t('header.swap')\n        : undefined\n  const title =\n    mode === 'limit'\n      ? t('header.limit')\n      : mode === 'custom'\n        ? t(`header.${modeOptions?.custom?.type ?? 'checkout'}`)\n        : mode === 'refuel'\n          ? t('header.gas')\n          : mode === 'split' && splitTitle\n            ? splitTitle\n            : t('header.exchange')\n\n  useHeader(title)\n\n  if (mode === 'limit') {\n    return <LimitPageContent />\n  }\n\n  return (\n    <PageContainer topGutters>\n      {custom ? (\n        <ContractComponent sx={marginSx}>{contractComponent}</ContractComponent>\n      ) : null}\n      {showSendReceiveCards && showAmountEntry ? (\n        <AmountInputCardPair sx={marginSx} />\n      ) : (\n        <>\n          <SelectChainAndToken sx={marginSx} />\n          {!showSendReceiveCards && showAmountEntry ? (\n            <AmountInput formType=\"from\" sx={marginSx} />\n          ) : null}\n        </>\n      )}\n      {advancedMode ? <SettingsPanel sx={marginSx} /> : null}\n      {!wideVariant ? <Routes sx={marginSx} /> : null}\n      <SendToWalletButton sx={marginSx} />\n      {showGasRefuelMessage ? <GasRefuelMessage sx={marginSx} /> : null}\n      <MainPageActions showSendToWalletExpand />\n    </PageContainer>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAkBA,MAAM,WAAW,EAAE,cAAc,EAAE;AAEnC,MAAa,iBAA2B;CACtC,MAAM,EAAE,MAAM,eAAe;CAC7B,MAAM,cAAc,eAAe;CACnC,MAAM,EAAE,MAAM,aAAa,mBAAmB,UAAU,cACtD,gBAAgB;CAClB,MAAM,YAAY,wBAAwB,UAAU,MAAM,SAAS;CAEnE,MAAM,SAAS,SAAS;CAExB,MAAM,eACJ,CAAC,CAAC,aAAa,0BAA0B,SAAS,SAAS;CAC7D,MAAM,uBAAuB,WAAW,WAAW;CAGnD,MAAM,kBAAkB,CAAC,UAAU,aAAa,QAAQ,SAAS;CACjE,MAAM,uBAAuB,CAAC,UAAU;CAExC,MAAM,aACJ,aAAa,UAAU,WACnB,EAAE,eAAe,IACjB,aAAa,UAAU,SACrB,EAAE,aAAa,IACf,KAAA;CACR,MAAM,QACJ,SAAS,UACL,EAAE,cAAc,IAChB,SAAS,WACP,EAAE,UAAU,aAAa,QAAQ,QAAQ,YAAY,IACrD,SAAS,WACP,EAAE,YAAY,IACd,SAAS,WAAW,aAClB,aACA,EAAE,iBAAiB;CAE/B,UAAU,KAAK;CAEf,IAAI,SAAS,SACX,OAAO,oBAAC,kBAAD,CAAmB,CAAA;CAG5B,OACE,qBAAC,eAAD;EAAe,YAAA;EAAf,UAAA;GACG,SACC,oBAAC,mBAAD;IAAmB,IAAI;IAAW,UAAA;GAAqC,CAAA,IACrE;GACH,wBAAwB,kBACvB,oBAAC,qBAAD,EAAqB,IAAI,SAAW,CAAA,IAEpC,qBAAA,UAAA,EAAA,UAAA,CACE,oBAAC,qBAAD,EAAqB,IAAI,SAAW,CAAA,GACnC,CAAC,wBAAwB,kBACxB,oBAAC,aAAD;IAAa,UAAS;IAAO,IAAI;GAAW,CAAA,IAC1C,IACJ,EAAA,CAAA;GAEH,eAAe,oBAAC,eAAD,EAAe,IAAI,SAAW,CAAA,IAAI;GACjD,CAAC,cAAc,oBAAC,QAAD,EAAQ,IAAI,SAAW,CAAA,IAAI;GAC3C,oBAAC,oBAAD,EAAoB,IAAI,SAAW,CAAA;GAClC,uBAAuB,oBAAC,kBAAD,EAAkB,IAAI,SAAW,CAAA,IAAI;GAC7D,oBAAC,iBAAD,EAAiB,wBAAA,KAAwB,CAAA;EAC5B;;AAEnB"}

package/dist/esm/pages/MainPage/MainWarningMessages.d.ts

@@ -4,7 +4,6 @@ import { BoxProps } from "@mui/material";
 interface MainWarningMessagesProps extends BoxProps {
   route?: Route;
 }
-declare const MainWarningMessages: React.FC<MainWarningMessagesProps>;
+export declare const MainWarningMessages: React.FC<MainWarningMessagesProps>;
 //#endregion
-export { MainWarningMessages };
 //# sourceMappingURL=MainWarningMessages.d.ts.map

package/dist/esm/pages/MainPage/MainWarningMessages.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MainWarningMessages.d.ts","names":[],"sources":["../../../../src/pages/MainPage/MainWarningMessages.tsx"],"mappings":";;;UAKU,iCAAiC;EACzC,QAAQ;;cAGG,qBAAqB,MAAM,GAAG"}
+{"version":3,"file":"MainWarningMessages.d.ts","names":[],"sources":["../../../../src/pages/MainPage/MainWarningMessages.tsx"],"mappings":";;;UAKU,iCAAiC;EACzC,QAAQ;;qBAGG,qBAAqB,MAAM,GAAG"}

package/dist/esm/pages/MainPage/ReviewButton.js

@@ -17,7 +17,7 @@ const ReviewButton = () => {
 	const emitter = useWidgetEvents();
 	const { mode, modeOptions } = useWidgetConfig();
 	const splitState = useSplitMode();
-	const { toAddress, requiredToAddress } = useToAddressRequirements();
+	const { toAddress, requiredToAddress, unsupportedReceiverBlocking } = useToAddressRequirements();
 	const { routes, setReviewableRoute } = useRoutes();
 	const [selectedRouteId] = useFieldValues("selectedRouteId");
 	const currentRoute = (mode === "limit" ? routes?.find((route) => route.id === selectedRouteId) : void 0) ?? routes?.[0];
@@ -56,7 +56,7 @@ const ReviewButton = () => {
 	return /* @__PURE__ */ jsx(BaseTransactionButton, {
 		text: getButtonText(),
 		onClick: handleClick,
-		disabled: currentRoute && requiredToAddress && !toAddress,
+		disabled: currentRoute && (unsupportedReceiverBlocking || requiredToAddress && !toAddress),
 		route: currentRoute,
 		sx: { flex: 1 }
 	});

package/dist/esm/pages/MainPage/ReviewButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"ReviewButton.js","names":[],"sources":["../../../../src/pages/MainPage/ReviewButton.tsx"],"sourcesContent":["import { useNavigate } from '@tanstack/react-router'\nimport { useTranslation } from 'react-i18next'\nimport { BaseTransactionButton } from '../../components/BaseTransactionButton/BaseTransactionButton.js'\nimport { useRoutes } from '../../hooks/useRoutes.js'\nimport { useToAddressRequirements } from '../../hooks/useToAddressRequirements.js'\nimport { useWidgetEvents } from '../../hooks/useWidgetEvents.js'\nimport { useWidgetConfig } from '../../providers/WidgetProvider/WidgetProvider.js'\nimport { useFieldValues } from '../../stores/form/useFieldValues.js'\nimport { useSplitMode } from '../../stores/navigationTabs/useNavigationTabsStore.js'\nimport { WidgetEvent } from '../../types/events.js'\nimport { navigationRoutes } from '../../utils/navigationRoutes.js'\n\nexport const ReviewButton: React.FC = () => {\n  const { t } = useTranslation()\n  const navigate = useNavigate()\n  const emitter = useWidgetEvents()\n  const { mode, modeOptions } = useWidgetConfig()\n  const splitState = useSplitMode()\n  const { toAddress, requiredToAddress } = useToAddressRequirements()\n  const { routes, setReviewableRoute } = useRoutes()\n  const [selectedRouteId] = useFieldValues('selectedRouteId')\n\n  // The provider pick only applies in limit mode (it's the only flow that sets\n  // it). Honoring it in other modes would be wrong, since provider/tool keys\n  // can collide across modes. Everywhere else, fall back to the best route.\n  const currentRoute =\n    (mode === 'limit'\n      ? routes?.find((route) => route.id === selectedRouteId)\n      : undefined) ?? routes?.[0]\n\n  const handleClick = async () => {\n    if (!currentRoute) {\n      return\n    }\n\n    setReviewableRoute(currentRoute)\n    navigate({\n      to: navigationRoutes.transactionExecution,\n      search: { routeId: currentRoute.id },\n    })\n    emitter.emit(WidgetEvent.RouteSelected, {\n      route: currentRoute,\n      routes: routes!,\n    })\n  }\n\n  const getButtonText = (): string => {\n    if (currentRoute) {\n      switch (mode) {\n        case 'custom':\n          return t(`button.${modeOptions?.custom?.type ?? 'checkout'}Review`)\n        case 'refuel':\n          return t('button.getGas')\n        case 'limit':\n          return t('button.review')\n        default: {\n          const transactionType =\n            currentRoute.fromChainId === currentRoute.toChainId\n              ? 'swap'\n              : 'bridge'\n          return t(`button.${transactionType}Review`)\n        }\n      }\n    }\n    switch (mode) {\n      case 'custom':\n        return modeOptions?.custom?.type === 'deposit'\n          ? t('button.deposit')\n          : t('button.buy')\n      case 'refuel':\n        return t('button.getGas')\n      case 'limit':\n        return t('button.review')\n      case 'split':\n        if (splitState) {\n          return t(`button.${splitState}`)\n        }\n        return t('button.exchange')\n      default:\n        return t('button.exchange')\n    }\n  }\n\n  return (\n    <BaseTransactionButton\n      text={getButtonText()}\n      onClick={handleClick}\n      disabled={currentRoute && requiredToAddress && !toAddress}\n      route={currentRoute}\n      sx={{ flex: 1 }}\n    />\n  )\n}\n"],"mappings":";;;;;;;;;;;;;AAYA,MAAa,qBAA+B;CAC1C,MAAM,EAAE,MAAM,eAAe;CAC7B,MAAM,WAAW,YAAY;CAC7B,MAAM,UAAU,gBAAgB;CAChC,MAAM,EAAE,MAAM,gBAAgB,gBAAgB;CAC9C,MAAM,aAAa,aAAa;CAChC,MAAM,EAAE,WAAW,sBAAsB,yBAAyB;CAClE,MAAM,EAAE,QAAQ,uBAAuB,UAAU;CACjD,MAAM,CAAC,mBAAmB,eAAe,iBAAiB;CAK1D,MAAM,gBACH,SAAS,UACN,QAAQ,MAAM,UAAU,MAAM,OAAO,eAAe,IACpD,KAAA,MAAc,SAAS;CAE7B,MAAM,cAAc,YAAY;EAC9B,IAAI,CAAC,cACH;EAGF,mBAAmB,YAAY;EAC/B,SAAS;GACP,IAAI,iBAAiB;GACrB,QAAQ,EAAE,SAAS,aAAa,GAAG;EACrC,CAAC;EACD,QAAQ,KAAA,iBAAgC;GACtC,OAAO;GACC;EACV,CAAC;CACH;CAEA,MAAM,sBAA8B;EAClC,IAAI,cACF,QAAQ,MAAR;GACE,KAAK,UACH,OAAO,EAAE,UAAU,aAAa,QAAQ,QAAQ,WAAW,OAAO;GACpE,KAAK,UACH,OAAO,EAAE,eAAe;GAC1B,KAAK,SACH,OAAO,EAAE,eAAe;GAC1B,SAAS;IACP,MAAM,kBACJ,aAAa,gBAAgB,aAAa,YACtC,SACA;IACN,OAAO,EAAE,UAAU,gBAAgB,OAAO;GAC5C;EACF;EAEF,QAAQ,MAAR;GACE,KAAK,UACH,OAAO,aAAa,QAAQ,SAAS,YACjC,EAAE,gBAAgB,IAClB,EAAE,YAAY;GACpB,KAAK,UACH,OAAO,EAAE,eAAe;GAC1B,KAAK,SACH,OAAO,EAAE,eAAe;GAC1B,KAAK;IACH,IAAI,YACF,OAAO,EAAE,UAAU,YAAY;IAEjC,OAAO,EAAE,iBAAiB;GAC5B,SACE,OAAO,EAAE,iBAAiB;EAC9B;CACF;CAEA,OACE,oBAAC,uBAAD;EACE,MAAM,cAAc;EACpB,SAAS;EACT,UAAU,gBAAgB,qBAAqB,CAAC;EAChD,OAAO;EACP,IAAI,EAAE,MAAM,EAAE;CACf,CAAA;AAEL"}
+{"version":3,"file":"ReviewButton.js","names":[],"sources":["../../../../src/pages/MainPage/ReviewButton.tsx"],"sourcesContent":["import { useNavigate } from '@tanstack/react-router'\nimport { useTranslation } from 'react-i18next'\nimport { BaseTransactionButton } from '../../components/BaseTransactionButton/BaseTransactionButton.js'\nimport { useRoutes } from '../../hooks/useRoutes.js'\nimport { useToAddressRequirements } from '../../hooks/useToAddressRequirements.js'\nimport { useWidgetEvents } from '../../hooks/useWidgetEvents.js'\nimport { useWidgetConfig } from '../../providers/WidgetProvider/WidgetProvider.js'\nimport { useFieldValues } from '../../stores/form/useFieldValues.js'\nimport { useSplitMode } from '../../stores/navigationTabs/useNavigationTabsStore.js'\nimport { WidgetEvent } from '../../types/events.js'\nimport { navigationRoutes } from '../../utils/navigationRoutes.js'\n\nexport const ReviewButton: React.FC = () => {\n  const { t } = useTranslation()\n  const navigate = useNavigate()\n  const emitter = useWidgetEvents()\n  const { mode, modeOptions } = useWidgetConfig()\n  const splitState = useSplitMode()\n  const { toAddress, requiredToAddress, unsupportedReceiverBlocking } =\n    useToAddressRequirements()\n  const { routes, setReviewableRoute } = useRoutes()\n  const [selectedRouteId] = useFieldValues('selectedRouteId')\n\n  // The provider pick only applies in limit mode (it's the only flow that sets\n  // it). Honoring it in other modes would be wrong, since provider/tool keys\n  // can collide across modes. Everywhere else, fall back to the best route.\n  const currentRoute =\n    (mode === 'limit'\n      ? routes?.find((route) => route.id === selectedRouteId)\n      : undefined) ?? routes?.[0]\n\n  const handleClick = async () => {\n    if (!currentRoute) {\n      return\n    }\n\n    setReviewableRoute(currentRoute)\n    navigate({\n      to: navigationRoutes.transactionExecution,\n      search: { routeId: currentRoute.id },\n    })\n    emitter.emit(WidgetEvent.RouteSelected, {\n      route: currentRoute,\n      routes: routes!,\n    })\n  }\n\n  const getButtonText = (): string => {\n    if (currentRoute) {\n      switch (mode) {\n        case 'custom':\n          return t(`button.${modeOptions?.custom?.type ?? 'checkout'}Review`)\n        case 'refuel':\n          return t('button.getGas')\n        case 'limit':\n          return t('button.review')\n        default: {\n          const transactionType =\n            currentRoute.fromChainId === currentRoute.toChainId\n              ? 'swap'\n              : 'bridge'\n          return t(`button.${transactionType}Review`)\n        }\n      }\n    }\n    switch (mode) {\n      case 'custom':\n        return modeOptions?.custom?.type === 'deposit'\n          ? t('button.deposit')\n          : t('button.buy')\n      case 'refuel':\n        return t('button.getGas')\n      case 'limit':\n        return t('button.review')\n      case 'split':\n        if (splitState) {\n          return t(`button.${splitState}`)\n        }\n        return t('button.exchange')\n      default:\n        return t('button.exchange')\n    }\n  }\n\n  return (\n    <BaseTransactionButton\n      text={getButtonText()}\n      onClick={handleClick}\n      disabled={\n        currentRoute &&\n        (unsupportedReceiverBlocking || (requiredToAddress && !toAddress))\n      }\n      route={currentRoute}\n      sx={{ flex: 1 }}\n    />\n  )\n}\n"],"mappings":";;;;;;;;;;;;;AAYA,MAAa,qBAA+B;CAC1C,MAAM,EAAE,MAAM,eAAe;CAC7B,MAAM,WAAW,YAAY;CAC7B,MAAM,UAAU,gBAAgB;CAChC,MAAM,EAAE,MAAM,gBAAgB,gBAAgB;CAC9C,MAAM,aAAa,aAAa;CAChC,MAAM,EAAE,WAAW,mBAAmB,gCACpC,yBAAyB;CAC3B,MAAM,EAAE,QAAQ,uBAAuB,UAAU;CACjD,MAAM,CAAC,mBAAmB,eAAe,iBAAiB;CAK1D,MAAM,gBACH,SAAS,UACN,QAAQ,MAAM,UAAU,MAAM,OAAO,eAAe,IACpD,KAAA,MAAc,SAAS;CAE7B,MAAM,cAAc,YAAY;EAC9B,IAAI,CAAC,cACH;EAGF,mBAAmB,YAAY;EAC/B,SAAS;GACP,IAAI,iBAAiB;GACrB,QAAQ,EAAE,SAAS,aAAa,GAAG;EACrC,CAAC;EACD,QAAQ,KAAA,iBAAgC;GACtC,OAAO;GACC;EACV,CAAC;CACH;CAEA,MAAM,sBAA8B;EAClC,IAAI,cACF,QAAQ,MAAR;GACE,KAAK,UACH,OAAO,EAAE,UAAU,aAAa,QAAQ,QAAQ,WAAW,OAAO;GACpE,KAAK,UACH,OAAO,EAAE,eAAe;GAC1B,KAAK,SACH,OAAO,EAAE,eAAe;GAC1B,SAAS;IACP,MAAM,kBACJ,aAAa,gBAAgB,aAAa,YACtC,SACA;IACN,OAAO,EAAE,UAAU,gBAAgB,OAAO;GAC5C;EACF;EAEF,QAAQ,MAAR;GACE,KAAK,UACH,OAAO,aAAa,QAAQ,SAAS,YACjC,EAAE,gBAAgB,IAClB,EAAE,YAAY;GACpB,KAAK,UACH,OAAO,EAAE,eAAe;GAC1B,KAAK,SACH,OAAO,EAAE,eAAe;GAC1B,KAAK;IACH,IAAI,YACF,OAAO,EAAE,UAAU,YAAY;IAEjC,OAAO,EAAE,iBAAiB;GAC5B,SACE,OAAO,EAAE,iBAAiB;EAC9B;CACF;CAEA,OACE,oBAAC,uBAAD;EACE,MAAM,cAAc;EACpB,SAAS;EACT,UACE,iBACC,+BAAgC,qBAAqB,CAAC;EAEzD,OAAO;EACP,IAAI,EAAE,MAAM,EAAE;CACf,CAAA;AAEL"}

package/dist/esm/pages/RoutesPage/RoutesPage.js

@@ -27,7 +27,7 @@ const RoutesPage = () => {
 	const { routes, isLoading, isFetching, dataUpdatedAt, refetchTime, fromChain, refetch, setReviewableRoute } = useRoutes();
 	const { account } = useAccount({ chainType: fromChain?.chainType });
 	const [toAddress] = useFieldValues("toAddress");
-	const { requiredToAddress } = useToAddressRequirements();
+	const { requiredToAddress, unsupportedReceiverBlocking } = useToAddressRequirements();
 	const headerAction = useMemo(() => /* @__PURE__ */ jsx(ProgressToNextUpdate, {
 		updatedAt: dataUpdatedAt || Date.now(),
 		timeToUpdate: refetchTime,
@@ -55,7 +55,7 @@ const RoutesPage = () => {
 		});
 	};
 	const routeNotFound = !routes?.length && !isLoading && !isFetching;
-	const toAddressUnsatisfied = routes?.[0] && requiredToAddress && !toAddress;
+	const toAddressUnsatisfied = routes?.[0] && (unsupportedReceiverBlocking || requiredToAddress && !toAddress);
 	const allowInteraction = account.isConnected && !toAddressUnsatisfied;
 	return /* @__PURE__ */ jsx(PageContainer, {
 		disableGutters: true,

package/dist/esm/pages/RoutesPage/RoutesPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"RoutesPage.js","names":["Stack"],"sources":["../../../../src/pages/RoutesPage/RoutesPage.tsx"],"sourcesContent":["import type { Route } from '@lifi/sdk'\nimport { useAccount } from '@lifi/wallet-management'\nimport { Box } from '@mui/material'\nimport { useNavigate } from '@tanstack/react-router'\nimport { type JSX, useMemo, useRef } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { PageContainer } from '../../components/PageContainer.js'\nimport { ProgressToNextUpdate } from '../../components/ProgressToNextUpdate.js'\nimport { RouteCard } from '../../components/RouteCard/RouteCard.js'\nimport { RouteCardSkeleton } from '../../components/RouteCard/RouteCardSkeleton.js'\nimport { RouteNotFoundCard } from '../../components/RouteCard/RouteNotFoundCard.js'\nimport { useHeader } from '../../hooks/useHeader.js'\nimport { useListHeight } from '../../hooks/useListHeight.js'\nimport { useRoutes } from '../../hooks/useRoutes.js'\nimport { useToAddressRequirements } from '../../hooks/useToAddressRequirements.js'\nimport { useWidgetEvents } from '../../hooks/useWidgetEvents.js'\nimport { useFieldValues } from '../../stores/form/useFieldValues.js'\nimport { WidgetEvent } from '../../types/events.js'\nimport { navigationRoutes } from '../../utils/navigationRoutes.js'\nimport { Stack } from './RoutesPage.style.js'\n\nexport const RoutesPage = (): JSX.Element => {\n  const { t } = useTranslation()\n  const navigate = useNavigate()\n  const emitter = useWidgetEvents()\n  const listParentRef = useRef<HTMLDivElement>(null)\n  const {\n    routes,\n    isLoading,\n    isFetching,\n    dataUpdatedAt,\n    refetchTime,\n    fromChain,\n    refetch,\n    setReviewableRoute,\n  } = useRoutes()\n  const { account } = useAccount({ chainType: fromChain?.chainType })\n  const [toAddress] = useFieldValues('toAddress')\n  const { requiredToAddress } = useToAddressRequirements()\n\n  const headerAction = useMemo(\n    () => (\n      <ProgressToNextUpdate\n        updatedAt={dataUpdatedAt || Date.now()}\n        timeToUpdate={refetchTime}\n        isLoading={isFetching}\n        onClick={() => refetch()}\n        sx={{ marginRight: -1 }}\n        size=\"medium\"\n      />\n    ),\n    [dataUpdatedAt, isFetching, refetch, refetchTime]\n  )\n\n  useHeader(t('header.receive'), headerAction)\n\n  const { listHeight } = useListHeight({\n    listParentRef,\n  })\n\n  const handleRouteClick = (route: Route) => {\n    setReviewableRoute(route)\n    navigate({\n      to: navigationRoutes.transactionExecution,\n      search: { routeId: route.id },\n    })\n    emitter.emit(WidgetEvent.RouteSelected, {\n      route,\n      routes: routes!,\n    })\n  }\n\n  const routeNotFound = !routes?.length && !isLoading && !isFetching\n\n  const toAddressUnsatisfied = routes?.[0] && requiredToAddress && !toAddress\n\n  const allowInteraction = account.isConnected && !toAddressUnsatisfied\n\n  return (\n    <PageContainer disableGutters>\n      <Box\n        className=\"long-list\"\n        ref={listParentRef}\n        style={{ height: listHeight, overflow: 'auto' }}\n      >\n        <Stack direction=\"column\" spacing={2} sx={{ pt: 1.5 }}>\n          {routeNotFound ? (\n            <RouteNotFoundCard />\n          ) : isLoading && !routes?.length ? (\n            Array.from({ length: 3 }).map((_, index) => (\n              <RouteCardSkeleton key={index} />\n            ))\n          ) : (\n            routes?.map((route: Route, index: number) => (\n              <RouteCard\n                key={index}\n                route={route}\n                onClick={\n                  allowInteraction ? () => handleRouteClick(route) : undefined\n                }\n                active={index === 0}\n                expanded={routes?.length === 1}\n              />\n            ))\n          )}\n        </Stack>\n      </Box>\n    </PageContainer>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAqBA,MAAa,mBAAgC;CAC3C,MAAM,EAAE,MAAM,eAAe;CAC7B,MAAM,WAAW,YAAY;CAC7B,MAAM,UAAU,gBAAgB;CAChC,MAAM,gBAAgB,OAAuB,IAAI;CACjD,MAAM,EACJ,QACA,WACA,YACA,eACA,aACA,WACA,SACA,uBACE,UAAU;CACd,MAAM,EAAE,YAAY,WAAW,EAAE,WAAW,WAAW,UAAU,CAAC;CAClE,MAAM,CAAC,aAAa,eAAe,WAAW;CAC9C,MAAM,EAAE,sBAAsB,yBAAyB;CAEvD,MAAM,eAAe,cAEjB,oBAAC,sBAAD;EACE,WAAW,iBAAiB,KAAK,IAAI;EACrC,cAAc;EACd,WAAW;EACX,eAAe,QAAQ;EACvB,IAAI,EAAE,aAAa,GAAG;EACtB,MAAK;CACN,CAAA,GAEH;EAAC;EAAe;EAAY;EAAS;CAAW,CAClD;CAEA,UAAU,EAAE,gBAAgB,GAAG,YAAY;CAE3C,MAAM,EAAE,eAAe,cAAc,EACnC,cACF,CAAC;CAED,MAAM,oBAAoB,UAAiB;EACzC,mBAAmB,KAAK;EACxB,SAAS;GACP,IAAI,iBAAiB;GACrB,QAAQ,EAAE,SAAS,MAAM,GAAG;EAC9B,CAAC;EACD,QAAQ,KAAA,iBAAgC;GACtC;GACQ;EACV,CAAC;CACH;CAEA,MAAM,gBAAgB,CAAC,QAAQ,UAAU,CAAC,aAAa,CAAC;CAExD,MAAM,uBAAuB,SAAS,MAAM,qBAAqB,CAAC;CAElE,MAAM,mBAAmB,QAAQ,eAAe,CAAC;CAEjD,OACE,oBAAC,eAAD;EAAe,gBAAA;EACb,UAAA,oBAAC,KAAD;GACE,WAAU;GACV,KAAK;GACL,OAAO;IAAE,QAAQ;IAAY,UAAU;GAAO;GAE9C,UAAA,oBAACA,SAAD;IAAO,WAAU;IAAS,SAAS;IAAG,IAAI,EAAE,IAAI,IAAI;IACjD,UAAA,gBACC,oBAAC,mBAAD,CAAoB,CAAA,IAClB,aAAa,CAAC,QAAQ,SACxB,MAAM,KAAK,EAAE,QAAQ,EAAE,CAAC,CAAC,CAAC,KAAK,GAAG,UAChC,oBAAC,mBAAD,CAAgC,GAAR,KAAQ,CACjC,IAED,QAAQ,KAAK,OAAc,UACzB,oBAAC,WAAD;KAES;KACP,SACE,yBAAyB,iBAAiB,KAAK,IAAI,KAAA;KAErD,QAAQ,UAAU;KAClB,UAAU,QAAQ,WAAW;IAC9B,GAPM,KAON,CACF;GAEE,CAAA;EACJ,CAAA;CACQ,CAAA;AAEnB"}
+{"version":3,"file":"RoutesPage.js","names":["Stack"],"sources":["../../../../src/pages/RoutesPage/RoutesPage.tsx"],"sourcesContent":["import type { Route } from '@lifi/sdk'\nimport { useAccount } from '@lifi/wallet-management'\nimport { Box } from '@mui/material'\nimport { useNavigate } from '@tanstack/react-router'\nimport { type JSX, useMemo, useRef } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { PageContainer } from '../../components/PageContainer.js'\nimport { ProgressToNextUpdate } from '../../components/ProgressToNextUpdate.js'\nimport { RouteCard } from '../../components/RouteCard/RouteCard.js'\nimport { RouteCardSkeleton } from '../../components/RouteCard/RouteCardSkeleton.js'\nimport { RouteNotFoundCard } from '../../components/RouteCard/RouteNotFoundCard.js'\nimport { useHeader } from '../../hooks/useHeader.js'\nimport { useListHeight } from '../../hooks/useListHeight.js'\nimport { useRoutes } from '../../hooks/useRoutes.js'\nimport { useToAddressRequirements } from '../../hooks/useToAddressRequirements.js'\nimport { useWidgetEvents } from '../../hooks/useWidgetEvents.js'\nimport { useFieldValues } from '../../stores/form/useFieldValues.js'\nimport { WidgetEvent } from '../../types/events.js'\nimport { navigationRoutes } from '../../utils/navigationRoutes.js'\nimport { Stack } from './RoutesPage.style.js'\n\nexport const RoutesPage = (): JSX.Element => {\n  const { t } = useTranslation()\n  const navigate = useNavigate()\n  const emitter = useWidgetEvents()\n  const listParentRef = useRef<HTMLDivElement>(null)\n  const {\n    routes,\n    isLoading,\n    isFetching,\n    dataUpdatedAt,\n    refetchTime,\n    fromChain,\n    refetch,\n    setReviewableRoute,\n  } = useRoutes()\n  const { account } = useAccount({ chainType: fromChain?.chainType })\n  const [toAddress] = useFieldValues('toAddress')\n  const { requiredToAddress, unsupportedReceiverBlocking } =\n    useToAddressRequirements()\n\n  const headerAction = useMemo(\n    () => (\n      <ProgressToNextUpdate\n        updatedAt={dataUpdatedAt || Date.now()}\n        timeToUpdate={refetchTime}\n        isLoading={isFetching}\n        onClick={() => refetch()}\n        sx={{ marginRight: -1 }}\n        size=\"medium\"\n      />\n    ),\n    [dataUpdatedAt, isFetching, refetch, refetchTime]\n  )\n\n  useHeader(t('header.receive'), headerAction)\n\n  const { listHeight } = useListHeight({\n    listParentRef,\n  })\n\n  const handleRouteClick = (route: Route) => {\n    setReviewableRoute(route)\n    navigate({\n      to: navigationRoutes.transactionExecution,\n      search: { routeId: route.id },\n    })\n    emitter.emit(WidgetEvent.RouteSelected, {\n      route,\n      routes: routes!,\n    })\n  }\n\n  const routeNotFound = !routes?.length && !isLoading && !isFetching\n\n  const toAddressUnsatisfied =\n    routes?.[0] &&\n    (unsupportedReceiverBlocking || (requiredToAddress && !toAddress))\n\n  const allowInteraction = account.isConnected && !toAddressUnsatisfied\n\n  return (\n    <PageContainer disableGutters>\n      <Box\n        className=\"long-list\"\n        ref={listParentRef}\n        style={{ height: listHeight, overflow: 'auto' }}\n      >\n        <Stack direction=\"column\" spacing={2} sx={{ pt: 1.5 }}>\n          {routeNotFound ? (\n            <RouteNotFoundCard />\n          ) : isLoading && !routes?.length ? (\n            Array.from({ length: 3 }).map((_, index) => (\n              <RouteCardSkeleton key={index} />\n            ))\n          ) : (\n            routes?.map((route: Route, index: number) => (\n              <RouteCard\n                key={index}\n                route={route}\n                onClick={\n                  allowInteraction ? () => handleRouteClick(route) : undefined\n                }\n                active={index === 0}\n                expanded={routes?.length === 1}\n              />\n            ))\n          )}\n        </Stack>\n      </Box>\n    </PageContainer>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAqBA,MAAa,mBAAgC;CAC3C,MAAM,EAAE,MAAM,eAAe;CAC7B,MAAM,WAAW,YAAY;CAC7B,MAAM,UAAU,gBAAgB;CAChC,MAAM,gBAAgB,OAAuB,IAAI;CACjD,MAAM,EACJ,QACA,WACA,YACA,eACA,aACA,WACA,SACA,uBACE,UAAU;CACd,MAAM,EAAE,YAAY,WAAW,EAAE,WAAW,WAAW,UAAU,CAAC;CAClE,MAAM,CAAC,aAAa,eAAe,WAAW;CAC9C,MAAM,EAAE,mBAAmB,gCACzB,yBAAyB;CAE3B,MAAM,eAAe,cAEjB,oBAAC,sBAAD;EACE,WAAW,iBAAiB,KAAK,IAAI;EACrC,cAAc;EACd,WAAW;EACX,eAAe,QAAQ;EACvB,IAAI,EAAE,aAAa,GAAG;EACtB,MAAK;CACN,CAAA,GAEH;EAAC;EAAe;EAAY;EAAS;CAAW,CAClD;CAEA,UAAU,EAAE,gBAAgB,GAAG,YAAY;CAE3C,MAAM,EAAE,eAAe,cAAc,EACnC,cACF,CAAC;CAED,MAAM,oBAAoB,UAAiB;EACzC,mBAAmB,KAAK;EACxB,SAAS;GACP,IAAI,iBAAiB;GACrB,QAAQ,EAAE,SAAS,MAAM,GAAG;EAC9B,CAAC;EACD,QAAQ,KAAA,iBAAgC;GACtC;GACQ;EACV,CAAC;CACH;CAEA,MAAM,gBAAgB,CAAC,QAAQ,UAAU,CAAC,aAAa,CAAC;CAExD,MAAM,uBACJ,SAAS,OACR,+BAAgC,qBAAqB,CAAC;CAEzD,MAAM,mBAAmB,QAAQ,eAAe,CAAC;CAEjD,OACE,oBAAC,eAAD;EAAe,gBAAA;EACb,UAAA,oBAAC,KAAD;GACE,WAAU;GACV,KAAK;GACL,OAAO;IAAE,QAAQ;IAAY,UAAU;GAAO;GAE9C,UAAA,oBAACA,SAAD;IAAO,WAAU;IAAS,SAAS;IAAG,IAAI,EAAE,IAAI,IAAI;IACjD,UAAA,gBACC,oBAAC,mBAAD,CAAoB,CAAA,IAClB,aAAa,CAAC,QAAQ,SACxB,MAAM,KAAK,EAAE,QAAQ,EAAE,CAAC,CAAC,CAAC,KAAK,GAAG,UAChC,oBAAC,mBAAD,CAAgC,GAAR,KAAQ,CACjC,IAED,QAAQ,KAAK,OAAc,UACzB,oBAAC,WAAD;KAES;KACP,SACE,yBAAyB,iBAAiB,KAAK,IAAI,KAAA;KAErD,QAAQ,UAAU;KAClB,UAAU,QAAQ,WAAW;IAC9B,GAPM,KAON,CACF;GAEE,CAAA;EACJ,CAAA;CACQ,CAAA;AAEnB"}

package/dist/esm/pages/SelectChainPage/SelectChainPage.d.ts

@@ -1,6 +1,5 @@
 import { SelectChainPageProps } from "./types.js";
 //#region src/pages/SelectChainPage/SelectChainPage.d.ts
-declare const SelectChainPage: React.FC<SelectChainPageProps>;
+export declare const SelectChainPage: React.FC<SelectChainPageProps>;
 //#endregion
-export { SelectChainPage };
 //# sourceMappingURL=SelectChainPage.d.ts.map

package/dist/esm/pages/SelectChainPage/SelectChainPage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SelectChainPage.d.ts","names":[],"sources":["../../../../src/pages/SelectChainPage/SelectChainPage.tsx"],"mappings":";;cAUa,iBAAiB,MAAM,GAAG"}
+{"version":3,"file":"SelectChainPage.d.ts","names":[],"sources":["../../../../src/pages/SelectChainPage/SelectChainPage.tsx"],"mappings":";;qBAUa,iBAAiB,MAAM,GAAG"}

package/dist/esm/pages/SelectChainPage/SelectChainPage.js

@@ -13,20 +13,21 @@ const SelectChainPage = ({ formType, selectNativeToken }) => {
 	const selectToken = useTokenSelect(formType, navigateBack);
 	const { t } = useTranslation();
 	useHeader(t("header.selectChain"));
+	const handleClick = useCallback(async (chain) => {
+		if (selectNativeToken) selectToken(chain.nativeToken.address, chain.id);
+		else {
+			setCurrentChain(chain.id);
+			navigateBack();
+		}
+	}, [
+		navigateBack,
+		selectNativeToken,
+		selectToken,
+		setCurrentChain
+	]);
 	return /* @__PURE__ */ jsx(SelectChainPageContent, {
 		formType,
-		onSelect: useCallback(async (chain) => {
-			if (selectNativeToken) selectToken(chain.nativeToken.address, chain.id);
-			else {
-				setCurrentChain(chain.id);
-				navigateBack();
-			}
-		}, [
-			navigateBack,
-			selectNativeToken,
-			selectToken,
-			setCurrentChain
-		])
+		onSelect: handleClick
 	});
 };
 //#endregion

package/dist/esm/pages/SelectChainPage/SelectChainPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectChainPage.js","names":[],"sources":["../../../../src/pages/SelectChainPage/SelectChainPage.tsx"],"sourcesContent":["import type { ExtendedChain } from '@lifi/sdk'\nimport { useCallback } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { useChainSelect } from '../../components/ChainSelect/useChainSelect.js'\nimport { SelectChainPageContent } from '../../components/Chains/SelectChainPageContent.js'\nimport { useTokenSelect } from '../../components/TokenList/useTokenSelect.js'\nimport { useHeader } from '../../hooks/useHeader.js'\nimport { useNavigateBack } from '../../hooks/useNavigateBack.js'\nimport type { SelectChainPageProps } from './types.js'\n\nexport const SelectChainPage: React.FC<SelectChainPageProps> = ({\n  formType,\n  selectNativeToken,\n}) => {\n  const navigateBack = useNavigateBack()\n  const { setCurrentChain } = useChainSelect(formType)\n  const selectToken = useTokenSelect(formType, navigateBack)\n\n  const { t } = useTranslation()\n\n  useHeader(t('header.selectChain'))\n\n  const handleClick = useCallback(\n    async (chain: ExtendedChain) => {\n      if (selectNativeToken) {\n        selectToken(chain.nativeToken.address, chain.id)\n      } else {\n        setCurrentChain(chain.id)\n        navigateBack()\n      }\n    },\n    [navigateBack, selectNativeToken, selectToken, setCurrentChain]\n  )\n\n  return <SelectChainPageContent formType={formType} onSelect={handleClick} />\n}\n"],"mappings":";;;;;;;;;AAUA,MAAa,mBAAmD,EAC9D,UACA,wBACI;CACJ,MAAM,eAAe,gBAAgB;CACrC,MAAM,EAAE,oBAAoB,eAAe,QAAQ;CACnD,MAAM,cAAc,eAAe,UAAU,YAAY;CAEzD,MAAM,EAAE,MAAM,eAAe;CAE7B,UAAU,EAAE,oBAAoB,CAAC;CAcjC,OAAO,oBAAC,wBAAD;EAAkC;EAAU,UAZ/B,YAClB,OAAO,UAAyB;GAC9B,IAAI,mBACF,YAAY,MAAM,YAAY,SAAS,MAAM,EAAE;QAC1C;IACL,gBAAgB,MAAM,EAAE;IACxB,aAAa;GACf;EACF,GACA;GAAC;GAAc;GAAmB;GAAa;EAAe,CAGO;CAAI,CAAA;AAC7E"}
+{"version":3,"file":"SelectChainPage.js","names":[],"sources":["../../../../src/pages/SelectChainPage/SelectChainPage.tsx"],"sourcesContent":["import type { ExtendedChain } from '@lifi/sdk'\nimport { useCallback } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { useChainSelect } from '../../components/ChainSelect/useChainSelect.js'\nimport { SelectChainPageContent } from '../../components/Chains/SelectChainPageContent.js'\nimport { useTokenSelect } from '../../components/TokenList/useTokenSelect.js'\nimport { useHeader } from '../../hooks/useHeader.js'\nimport { useNavigateBack } from '../../hooks/useNavigateBack.js'\nimport type { SelectChainPageProps } from './types.js'\n\nexport const SelectChainPage: React.FC<SelectChainPageProps> = ({\n  formType,\n  selectNativeToken,\n}) => {\n  const navigateBack = useNavigateBack()\n  const { setCurrentChain } = useChainSelect(formType)\n  const selectToken = useTokenSelect(formType, navigateBack)\n\n  const { t } = useTranslation()\n\n  useHeader(t('header.selectChain'))\n\n  const handleClick = useCallback(\n    async (chain: ExtendedChain) => {\n      if (selectNativeToken) {\n        selectToken(chain.nativeToken.address, chain.id)\n      } else {\n        setCurrentChain(chain.id)\n        navigateBack()\n      }\n    },\n    [navigateBack, selectNativeToken, selectToken, setCurrentChain]\n  )\n\n  return <SelectChainPageContent formType={formType} onSelect={handleClick} />\n}\n"],"mappings":";;;;;;;;;AAUA,MAAa,mBAAmD,EAC9D,UACA,wBACI;CACJ,MAAM,eAAe,gBAAgB;CACrC,MAAM,EAAE,oBAAoB,eAAe,QAAQ;CACnD,MAAM,cAAc,eAAe,UAAU,YAAY;CAEzD,MAAM,EAAE,MAAM,eAAe;CAE7B,UAAU,EAAE,oBAAoB,CAAC;CAEjC,MAAM,cAAc,YAClB,OAAO,UAAyB;EAC9B,IAAI,mBACF,YAAY,MAAM,YAAY,SAAS,MAAM,EAAE;OAC1C;GACL,gBAAgB,MAAM,EAAE;GACxB,aAAa;EACf;CACF,GACA;EAAC;EAAc;EAAmB;EAAa;CAAe,CAChE;CAEA,OAAO,oBAAC,wBAAD;EAAkC;EAAU,UAAU;CAAc,CAAA;AAC7E"}

package/dist/esm/pages/SelectChainPage/types.d.ts

@@ -1,8 +1,7 @@
 import { FormTypeProps } from "../../stores/form/types.js";
 //#region src/pages/SelectChainPage/types.d.ts
-interface SelectChainPageProps extends FormTypeProps {
+export interface SelectChainPageProps extends FormTypeProps {
   selectNativeToken?: boolean;
 }
 //#endregion
-export { SelectChainPageProps };
 //# sourceMappingURL=types.d.ts.map

package/dist/esm/pages/SelectChainPage/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","names":[],"sources":["../../../../src/pages/SelectChainPage/types.ts"],"mappings":";;UAEiB,6BAA6B;EAC5C"}
+{"version":3,"file":"types.d.ts","names":[],"sources":["../../../../src/pages/SelectChainPage/types.ts"],"mappings":";;iBAEiB,6BAA6B;EAC5C"}

package/dist/esm/pages/SelectEnabledToolsPage.js

@@ -13,8 +13,9 @@ import { useTranslation } from "react-i18next";
 //#region src/pages/SelectEnabledToolsPage.tsx
 const SelectAllCheckbox = memo(({ allCheckboxesSelected, anyCheckboxesSelected, noCheckboxesAvailable, onClick }) => {
 	const { t } = useTranslation();
+	const tooltipTitle = noCheckboxesAvailable ? void 0 : allCheckboxesSelected ? t("tooltip.deselectAll") : t("tooltip.selectAll");
 	return /* @__PURE__ */ jsx(Tooltip, {
-		title: noCheckboxesAvailable ? void 0 : allCheckboxesSelected ? t("tooltip.deselectAll") : t("tooltip.selectAll"),
+		title: tooltipTitle,
 		children: /* @__PURE__ */ jsx(Checkbox, {
 			id: "select-all",
 			checked: allCheckboxesSelected,
@@ -69,6 +70,11 @@ const SelectEnabledToolsPage = ({ type }) => {
 		filteredTools
 	]);
 	useHeader(t(`settings.enabled${type}`), headerAction);
+	const handleSearchInputChange = useCallback((e) => {
+		setSearchValue(e.target.value);
+		listRef.current?.scrollTo(0, 0);
+	}, []);
+	const debouncedSearchInputChange = debounce(handleSearchInputChange, 250);
 	return /* @__PURE__ */ jsxs(PageContainer, {
 		disableGutters: true,
 		children: [/* @__PURE__ */ jsx(Box, {
@@ -79,10 +85,7 @@ const SelectEnabledToolsPage = ({ type }) => {
 				pt: 1.5
 			},
 			children: /* @__PURE__ */ jsx(SearchInput, {
-				onChange: debounce(useCallback((e) => {
-					setSearchValue(e.target.value);
-					listRef.current?.scrollTo(0, 0);
-				}, []), 250),
+				onChange: debouncedSearchInputChange,
 				placeholder: t(`main.search${type}`),
 				autoFocus: true
 			})

package/dist/esm/pages/SelectEnabledToolsPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectEnabledToolsPage.js","names":[],"sources":["../../../src/pages/SelectEnabledToolsPage.tsx"],"sourcesContent":["import { Box, Checkbox, debounce, Tooltip } from '@mui/material'\nimport type { ChangeEvent, ChangeEventHandler } from 'react'\nimport { memo, useCallback, useMemo, useRef, useState } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { PageContainer } from '../components/PageContainer.js'\nimport { SearchInput } from '../components/Search/SearchInput.js'\nimport { type ToolCollectionTypes, Tools } from '../components/Tools/Tools.js'\nimport { useHeader } from '../hooks/useHeader.js'\nimport { useListHeight } from '../hooks/useListHeight.js'\nimport { useTools } from '../hooks/useTools.js'\nimport { useSettingsStore } from '../stores/settings/SettingsStore.js'\nimport { useSettingsActions } from '../stores/settings/useSettingsActions.js'\n\ninterface SelectAllCheckboxProps {\n  allCheckboxesSelected: boolean\n  onClick: (event: ChangeEvent<HTMLInputElement>, checked: boolean) => void\n  anyCheckboxesSelected: boolean\n  noCheckboxesAvailable: boolean\n}\n\nconst SelectAllCheckbox = memo<SelectAllCheckboxProps>(\n  ({\n    allCheckboxesSelected,\n    anyCheckboxesSelected,\n    noCheckboxesAvailable,\n    onClick,\n  }) => {\n    const { t } = useTranslation()\n    const tooltipTitle = noCheckboxesAvailable\n      ? undefined\n      : allCheckboxesSelected\n        ? t('tooltip.deselectAll')\n        : t('tooltip.selectAll')\n\n    return (\n      <Tooltip title={tooltipTitle}>\n        <Checkbox\n          id=\"select-all\"\n          checked={allCheckboxesSelected}\n          indeterminate={anyCheckboxesSelected && !allCheckboxesSelected}\n          onChange={onClick}\n          disabled={noCheckboxesAvailable}\n          sx={{ mr: -1.5, height: 20 }}\n        />\n      </Tooltip>\n    )\n  }\n)\n\nexport const SelectEnabledToolsPage: React.FC<{\n  type: 'Bridges' | 'Exchanges'\n}> = ({ type }) => {\n  const typeKey = type.toLowerCase() as 'bridges' | 'exchanges'\n  const { tools } = useTools()\n  const { toggleToolKeys } = useSettingsActions()\n\n  const disabledTools = useSettingsStore((state) => state[`disabled${type}`])\n\n  const { t } = useTranslation()\n  const headerRef = useRef<HTMLElement>(null)\n  const listRef = useRef<HTMLDivElement>(null)\n  const [searchValue, setSearchValue] = useState('')\n\n  const { listHeight } = useListHeight({\n    listParentRef: listRef,\n    headerRef,\n  })\n\n  const filteredTools = useMemo(() => {\n    const toolsList = tools?.[typeKey] ?? []\n\n    if (!searchValue) {\n      return toolsList\n    }\n\n    const lowerSearchValue = searchValue.toLowerCase()\n    return toolsList.filter((tool) =>\n      tool.name.toLowerCase().includes(lowerSearchValue)\n    ) as ToolCollectionTypes\n  }, [tools, typeKey, searchValue])\n\n  const handleSelectAll = useCallback(() => {\n    toggleToolKeys(\n      type,\n      filteredTools.map((tool) => tool.key)\n    )\n  }, [toggleToolKeys, type, filteredTools])\n\n  const headerAction = useMemo(\n    () => (\n      <SelectAllCheckbox\n        allCheckboxesSelected={\n          !!filteredTools.length &&\n          filteredTools.every((tool) => !disabledTools.includes(tool.key))\n        }\n        anyCheckboxesSelected={\n          !!filteredTools.length &&\n          filteredTools.some((tool) => disabledTools.includes(tool.key))\n        }\n        noCheckboxesAvailable={!filteredTools.length}\n        onClick={handleSelectAll}\n      />\n    ),\n    [disabledTools, handleSelectAll, filteredTools]\n  )\n\n  useHeader(t(`settings.enabled${type}`), headerAction)\n\n  const handleSearchInputChange: ChangeEventHandler<HTMLInputElement> =\n    useCallback((e) => {\n      setSearchValue(e.target.value)\n      listRef.current?.scrollTo(0, 0)\n    }, [])\n\n  const debouncedSearchInputChange = debounce(handleSearchInputChange, 250)\n\n  return (\n    <PageContainer disableGutters>\n      <Box ref={headerRef} sx={{ px: 3, pb: 2, pt: 1.5 }}>\n        <SearchInput\n          onChange={debouncedSearchInputChange}\n          placeholder={t(`main.search${type}`)}\n          autoFocus\n        />\n      </Box>\n      <Box ref={listRef} style={{ height: listHeight, overflow: 'auto' }}>\n        <Tools filteredTools={filteredTools} type={type} />\n      </Box>\n    </PageContainer>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;AAoBA,MAAM,oBAAoB,MACvB,EACC,uBACA,uBACA,uBACA,cACI;CACJ,MAAM,EAAE,MAAM,eAAe;CAO7B,OACE,oBAAC,SAAD;EAAS,OAPU,wBACjB,KAAA,IACA,wBACE,EAAE,qBAAqB,IACvB,EAAE,mBAAmB;EAIvB,UAAA,oBAAC,UAAD;GACE,IAAG;GACH,SAAS;GACT,eAAe,yBAAyB,CAAC;GACzC,UAAU;GACV,UAAU;GACV,IAAI;IAAE,IAAI;IAAM,QAAQ;GAAG;EAC5B,CAAA;CACM,CAAA;AAEb,CACF;AAEA,MAAa,0BAEP,EAAE,WAAW;CACjB,MAAM,UAAU,KAAK,YAAY;CACjC,MAAM,EAAE,UAAU,SAAS;CAC3B,MAAM,EAAE,mBAAmB,mBAAmB;CAE9C,MAAM,gBAAgB,kBAAkB,UAAU,MAAM,WAAW,OAAO;CAE1E,MAAM,EAAE,MAAM,eAAe;CAC7B,MAAM,YAAY,OAAoB,IAAI;CAC1C,MAAM,UAAU,OAAuB,IAAI;CAC3C,MAAM,CAAC,aAAa,kBAAkB,SAAS,EAAE;CAEjD,MAAM,EAAE,eAAe,cAAc;EACnC,eAAe;EACf;CACF,CAAC;CAED,MAAM,gBAAgB,cAAc;EAClC,MAAM,YAAY,QAAQ,YAAY,CAAC;EAEvC,IAAI,CAAC,aACH,OAAO;EAGT,MAAM,mBAAmB,YAAY,YAAY;EACjD,OAAO,UAAU,QAAQ,SACvB,KAAK,KAAK,YAAY,CAAC,CAAC,SAAS,gBAAgB,CACnD;CACF,GAAG;EAAC;EAAO;EAAS;CAAW,CAAC;CAEhC,MAAM,kBAAkB,kBAAkB;EACxC,eACE,MACA,cAAc,KAAK,SAAS,KAAK,GAAG,CACtC;CACF,GAAG;EAAC;EAAgB;EAAM;CAAa,CAAC;CAExC,MAAM,eAAe,cAEjB,oBAAC,mBAAD;EACE,uBACE,CAAC,CAAC,cAAc,UAChB,cAAc,OAAO,SAAS,CAAC,cAAc,SAAS,KAAK,GAAG,CAAC;EAEjE,uBACE,CAAC,CAAC,cAAc,UAChB,cAAc,MAAM,SAAS,cAAc,SAAS,KAAK,GAAG,CAAC;EAE/D,uBAAuB,CAAC,cAAc;EACtC,SAAS;CACV,CAAA,GAEH;EAAC;EAAe;EAAiB;CAAa,CAChD;CAEA,UAAU,EAAE,mBAAmB,MAAM,GAAG,YAAY;CAUpD,OACE,qBAAC,eAAD;EAAe,gBAAA;EAAf,UAAA,CACE,oBAAC,KAAD;GAAK,KAAK;GAAW,IAAI;IAAE,IAAI;IAAG,IAAI;IAAG,IAAI;GAAI;GAC/C,UAAA,oBAAC,aAAD;IACE,UAN2B,SALjC,aAAa,MAAM;KACjB,eAAe,EAAE,OAAO,KAAK;KAC7B,QAAQ,SAAS,SAAS,GAAG,CAAC;IAChC,GAAG,CAAC,CAE4D,GAAG,GAM1B;IACnC,aAAa,EAAE,cAAc,MAAM;IACnC,WAAA;GACD,CAAA;EACE,CAAA,GACL,oBAAC,KAAD;GAAK,KAAK;GAAS,OAAO;IAAE,QAAQ;IAAY,UAAU;GAAO;GAC/D,UAAA,oBAAC,OAAD;IAAsB;IAAqB;GAAO,CAAA;EAC/C,CAAA,CACQ;;AAEnB"}
+{"version":3,"file":"SelectEnabledToolsPage.js","names":[],"sources":["../../../src/pages/SelectEnabledToolsPage.tsx"],"sourcesContent":["import { Box, Checkbox, debounce, Tooltip } from '@mui/material'\nimport type { ChangeEvent, ChangeEventHandler } from 'react'\nimport { memo, useCallback, useMemo, useRef, useState } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { PageContainer } from '../components/PageContainer.js'\nimport { SearchInput } from '../components/Search/SearchInput.js'\nimport { type ToolCollectionTypes, Tools } from '../components/Tools/Tools.js'\nimport { useHeader } from '../hooks/useHeader.js'\nimport { useListHeight } from '../hooks/useListHeight.js'\nimport { useTools } from '../hooks/useTools.js'\nimport { useSettingsStore } from '../stores/settings/SettingsStore.js'\nimport { useSettingsActions } from '../stores/settings/useSettingsActions.js'\n\ninterface SelectAllCheckboxProps {\n  allCheckboxesSelected: boolean\n  onClick: (event: ChangeEvent<HTMLInputElement>, checked: boolean) => void\n  anyCheckboxesSelected: boolean\n  noCheckboxesAvailable: boolean\n}\n\nconst SelectAllCheckbox = memo<SelectAllCheckboxProps>(\n  ({\n    allCheckboxesSelected,\n    anyCheckboxesSelected,\n    noCheckboxesAvailable,\n    onClick,\n  }) => {\n    const { t } = useTranslation()\n    const tooltipTitle = noCheckboxesAvailable\n      ? undefined\n      : allCheckboxesSelected\n        ? t('tooltip.deselectAll')\n        : t('tooltip.selectAll')\n\n    return (\n      <Tooltip title={tooltipTitle}>\n        <Checkbox\n          id=\"select-all\"\n          checked={allCheckboxesSelected}\n          indeterminate={anyCheckboxesSelected && !allCheckboxesSelected}\n          onChange={onClick}\n          disabled={noCheckboxesAvailable}\n          sx={{ mr: -1.5, height: 20 }}\n        />\n      </Tooltip>\n    )\n  }\n)\n\nexport const SelectEnabledToolsPage: React.FC<{\n  type: 'Bridges' | 'Exchanges'\n}> = ({ type }) => {\n  const typeKey = type.toLowerCase() as 'bridges' | 'exchanges'\n  const { tools } = useTools()\n  const { toggleToolKeys } = useSettingsActions()\n\n  const disabledTools = useSettingsStore((state) => state[`disabled${type}`])\n\n  const { t } = useTranslation()\n  const headerRef = useRef<HTMLElement>(null)\n  const listRef = useRef<HTMLDivElement>(null)\n  const [searchValue, setSearchValue] = useState('')\n\n  const { listHeight } = useListHeight({\n    listParentRef: listRef,\n    headerRef,\n  })\n\n  const filteredTools = useMemo(() => {\n    const toolsList = tools?.[typeKey] ?? []\n\n    if (!searchValue) {\n      return toolsList\n    }\n\n    const lowerSearchValue = searchValue.toLowerCase()\n    return toolsList.filter((tool) =>\n      tool.name.toLowerCase().includes(lowerSearchValue)\n    ) as ToolCollectionTypes\n  }, [tools, typeKey, searchValue])\n\n  const handleSelectAll = useCallback(() => {\n    toggleToolKeys(\n      type,\n      filteredTools.map((tool) => tool.key)\n    )\n  }, [toggleToolKeys, type, filteredTools])\n\n  const headerAction = useMemo(\n    () => (\n      <SelectAllCheckbox\n        allCheckboxesSelected={\n          !!filteredTools.length &&\n          filteredTools.every((tool) => !disabledTools.includes(tool.key))\n        }\n        anyCheckboxesSelected={\n          !!filteredTools.length &&\n          filteredTools.some((tool) => disabledTools.includes(tool.key))\n        }\n        noCheckboxesAvailable={!filteredTools.length}\n        onClick={handleSelectAll}\n      />\n    ),\n    [disabledTools, handleSelectAll, filteredTools]\n  )\n\n  useHeader(t(`settings.enabled${type}`), headerAction)\n\n  const handleSearchInputChange: ChangeEventHandler<HTMLInputElement> =\n    useCallback((e) => {\n      setSearchValue(e.target.value)\n      listRef.current?.scrollTo(0, 0)\n    }, [])\n\n  const debouncedSearchInputChange = debounce(handleSearchInputChange, 250)\n\n  return (\n    <PageContainer disableGutters>\n      <Box ref={headerRef} sx={{ px: 3, pb: 2, pt: 1.5 }}>\n        <SearchInput\n          onChange={debouncedSearchInputChange}\n          placeholder={t(`main.search${type}`)}\n          autoFocus\n        />\n      </Box>\n      <Box ref={listRef} style={{ height: listHeight, overflow: 'auto' }}>\n        <Tools filteredTools={filteredTools} type={type} />\n      </Box>\n    </PageContainer>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;AAoBA,MAAM,oBAAoB,MACvB,EACC,uBACA,uBACA,uBACA,cACI;CACJ,MAAM,EAAE,MAAM,eAAe;CAC7B,MAAM,eAAe,wBACjB,KAAA,IACA,wBACE,EAAE,qBAAqB,IACvB,EAAE,mBAAmB;CAE3B,OACE,oBAAC,SAAD;EAAS,OAAO;EACd,UAAA,oBAAC,UAAD;GACE,IAAG;GACH,SAAS;GACT,eAAe,yBAAyB,CAAC;GACzC,UAAU;GACV,UAAU;GACV,IAAI;IAAE,IAAI;IAAM,QAAQ;GAAG;EAC5B,CAAA;CACM,CAAA;AAEb,CACF;AAEA,MAAa,0BAEP,EAAE,WAAW;CACjB,MAAM,UAAU,KAAK,YAAY;CACjC,MAAM,EAAE,UAAU,SAAS;CAC3B,MAAM,EAAE,mBAAmB,mBAAmB;CAE9C,MAAM,gBAAgB,kBAAkB,UAAU,MAAM,WAAW,OAAO;CAE1E,MAAM,EAAE,MAAM,eAAe;CAC7B,MAAM,YAAY,OAAoB,IAAI;CAC1C,MAAM,UAAU,OAAuB,IAAI;CAC3C,MAAM,CAAC,aAAa,kBAAkB,SAAS,EAAE;CAEjD,MAAM,EAAE,eAAe,cAAc;EACnC,eAAe;EACf;CACF,CAAC;CAED,MAAM,gBAAgB,cAAc;EAClC,MAAM,YAAY,QAAQ,YAAY,CAAC;EAEvC,IAAI,CAAC,aACH,OAAO;EAGT,MAAM,mBAAmB,YAAY,YAAY;EACjD,OAAO,UAAU,QAAQ,SACvB,KAAK,KAAK,YAAY,CAAC,CAAC,SAAS,gBAAgB,CACnD;CACF,GAAG;EAAC;EAAO;EAAS;CAAW,CAAC;CAEhC,MAAM,kBAAkB,kBAAkB;EACxC,eACE,MACA,cAAc,KAAK,SAAS,KAAK,GAAG,CACtC;CACF,GAAG;EAAC;EAAgB;EAAM;CAAa,CAAC;CAExC,MAAM,eAAe,cAEjB,oBAAC,mBAAD;EACE,uBACE,CAAC,CAAC,cAAc,UAChB,cAAc,OAAO,SAAS,CAAC,cAAc,SAAS,KAAK,GAAG,CAAC;EAEjE,uBACE,CAAC,CAAC,cAAc,UAChB,cAAc,MAAM,SAAS,cAAc,SAAS,KAAK,GAAG,CAAC;EAE/D,uBAAuB,CAAC,cAAc;EACtC,SAAS;CACV,CAAA,GAEH;EAAC;EAAe;EAAiB;CAAa,CAChD;CAEA,UAAU,EAAE,mBAAmB,MAAM,GAAG,YAAY;CAEpD,MAAM,0BACJ,aAAa,MAAM;EACjB,eAAe,EAAE,OAAO,KAAK;EAC7B,QAAQ,SAAS,SAAS,GAAG,CAAC;CAChC,GAAG,CAAC,CAAC;CAEP,MAAM,6BAA6B,SAAS,yBAAyB,GAAG;CAExE,OACE,qBAAC,eAAD;EAAe,gBAAA;EAAf,UAAA,CACE,oBAAC,KAAD;GAAK,KAAK;GAAW,IAAI;IAAE,IAAI;IAAG,IAAI;IAAG,IAAI;GAAI;GAC/C,UAAA,oBAAC,aAAD;IACE,UAAU;IACV,aAAa,EAAE,cAAc,MAAM;IACnC,WAAA;GACD,CAAA;EACE,CAAA,GACL,oBAAC,KAAD;GAAK,KAAK;GAAS,OAAO;IAAE,QAAQ;IAAY,UAAU;GAAO;GAC/D,UAAA,oBAAC,OAAD;IAAsB;IAAqB;GAAO,CAAA;EAC/C,CAAA,CACQ;;AAEnB"}

package/dist/esm/pages/SelectTokenPage/SearchTokenInput.d.ts

@@ -4,7 +4,6 @@ import { JSX } from "react";
 interface SearchTokenInputProps {
   formType: FormType;
 }
-declare const SearchTokenInput: ({ formType }: SearchTokenInputProps) => JSX.Element;
+export declare const SearchTokenInput: ({ formType }: SearchTokenInputProps) => JSX.Element;
 //#endregion
-export { SearchTokenInput };
 //# sourceMappingURL=SearchTokenInput.d.ts.map

package/dist/esm/pages/SelectTokenPage/SearchTokenInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SearchTokenInput.d.ts","names":[],"sources":["../../../../src/pages/SelectTokenPage/SearchTokenInput.tsx"],"mappings":";;;UAQU;EACR,UAAU;;cAGC,qBACX,YACC,0BAAwB,IAAI"}
+{"version":3,"file":"SearchTokenInput.d.ts","names":[],"sources":["../../../../src/pages/SelectTokenPage/SearchTokenInput.tsx"],"mappings":";;;UAQU;EACR,UAAU;;qBAGC,qBACX,YACC,0BAAwB,IAAI"}

package/dist/esm/pages/SelectTokenPage/SelectTokenPage.js

@@ -17,7 +17,8 @@ const SelectTokenPage = ({ formType }) => {
 	const { mode, hiddenUI } = useWidgetConfig();
 	const wideVariant = useWideVariant();
 	const { t } = useTranslation();
-	useHeader(formType === "from" ? mode === "custom" ? t("header.payWith") : t("header.from") : t("header.to"));
+	const title = formType === "from" ? mode === "custom" ? t("header.payWith") : t("header.from") : t("header.to");
+	useHeader(title);
 	const hideChainSelect = wideVariant && !hiddenUI?.chainSidebar || swapOnly && formType === "to" || hiddenUI?.chainSelect;
 	const isMobile = useMediaQuery((theme) => theme.breakpoints.down(theme.breakpoints.values.xs));
 	const hideSearchTokenInput = hiddenUI?.searchTokenInput;

package/dist/esm/pages/SelectTokenPage/SelectTokenPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectTokenPage.js","names":[],"sources":["../../../../src/pages/SelectTokenPage/SelectTokenPage.tsx"],"sourcesContent":["import { Box, type Theme, useMediaQuery } from '@mui/material'\nimport type { FC } from 'react'\nimport { useRef } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { ChainSelect } from '../../components/ChainSelect/ChainSelect.js'\nimport { PageContainer } from '../../components/PageContainer.js'\nimport { TokenList } from '../../components/TokenList/TokenList.js'\nimport { useHeader } from '../../hooks/useHeader.js'\nimport { useSwapOnly } from '../../hooks/useSwapOnly.js'\nimport { useWideVariant } from '../../hooks/useWideVariant.js'\nimport { useWidgetConfig } from '../../providers/WidgetProvider/WidgetProvider.js'\nimport type { FormTypeProps } from '../../stores/form/types.js'\nimport { SearchTokenInput } from './SearchTokenInput.js'\n\nexport const SelectTokenPage: FC<FormTypeProps> = ({ formType }) => {\n  const headerRef = useRef<HTMLElement>(null)\n\n  const swapOnly = useSwapOnly()\n\n  const { mode, hiddenUI } = useWidgetConfig()\n  const wideVariant = useWideVariant()\n\n  const { t } = useTranslation()\n  const title =\n    formType === 'from'\n      ? mode === 'custom'\n        ? t('header.payWith')\n        : t('header.from')\n      : t('header.to')\n\n  useHeader(title)\n\n  const hideChainSelect =\n    (wideVariant && !hiddenUI?.chainSidebar) ||\n    (swapOnly && formType === 'to') ||\n    hiddenUI?.chainSelect\n\n  const isMobile = useMediaQuery((theme: Theme) =>\n    theme.breakpoints.down(theme.breakpoints.values.xs)\n  )\n  const hideSearchTokenInput = hiddenUI?.searchTokenInput\n\n  const hasHeader = !hideChainSelect || !hideSearchTokenInput\n\n  return (\n    <PageContainer disableGutters>\n      <Box\n        ref={headerRef}\n        sx={{\n          pt: 1.5,\n          pb: hasHeader ? 2 : 0,\n          px: 3,\n        }}\n      >\n        {!hideChainSelect ? <ChainSelect formType={formType} /> : null}\n        {!hideSearchTokenInput && (\n          <Box\n            sx={{\n              mt: !hideChainSelect ? 2 : 0,\n            }}\n          >\n            <SearchTokenInput formType={formType} />\n          </Box>\n        )}\n      </Box>\n      <TokenList\n        // Rerender component if variant changes (since chains tiles change height)\n        key={\n          hideChainSelect\n            ? 'without-offset'\n            : isMobile\n              ? 'with-offset-mobile'\n              : 'with-offset'\n        }\n        headerRef={headerRef}\n        formType={formType}\n      />\n    </PageContainer>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;AAcA,MAAa,mBAAsC,EAAE,eAAe;CAClE,MAAM,YAAY,OAAoB,IAAI;CAE1C,MAAM,WAAW,YAAY;CAE7B,MAAM,EAAE,MAAM,aAAa,gBAAgB;CAC3C,MAAM,cAAc,eAAe;CAEnC,MAAM,EAAE,MAAM,eAAe;CAQ7B,UANE,aAAa,SACT,SAAS,WACP,EAAE,gBAAgB,IAClB,EAAE,aAAa,IACjB,EAAE,WAAW,CAEJ;CAEf,MAAM,kBACH,eAAe,CAAC,UAAU,gBAC1B,YAAY,aAAa,QAC1B,UAAU;CAEZ,MAAM,WAAW,eAAe,UAC9B,MAAM,YAAY,KAAK,MAAM,YAAY,OAAO,EAAE,CACpD;CACA,MAAM,uBAAuB,UAAU;CAIvC,OACE,qBAAC,eAAD;EAAe,gBAAA;EAAf,UAAA,CACE,qBAAC,KAAD;GACE,KAAK;GACL,IAAI;IACF,IAAI;IACJ,IARU,CAAC,mBAAmB,CAAC,uBAQf,IAAI;IACpB,IAAI;GACN;GANF,UAAA,CAQG,CAAC,kBAAkB,oBAAC,aAAD,EAAuB,SAAW,CAAA,IAAI,MACzD,CAAC,wBACA,oBAAC,KAAD;IACE,IAAI,EACF,IAAI,CAAC,kBAAkB,IAAI,EAC7B;IAEA,UAAA,oBAAC,kBAAD,EAA4B,SAAW,CAAA;GACpC,CAAA,CAEJ;EACL,CAAA,GAAA,oBAAC,WAAD;GASa;GACD;EACX,GARG,kBACI,mBACA,WACE,uBACA,aAIT,CACY;;AAEnB"}
+{"version":3,"file":"SelectTokenPage.js","names":[],"sources":["../../../../src/pages/SelectTokenPage/SelectTokenPage.tsx"],"sourcesContent":["import { Box, type Theme, useMediaQuery } from '@mui/material'\nimport type { FC } from 'react'\nimport { useRef } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { ChainSelect } from '../../components/ChainSelect/ChainSelect.js'\nimport { PageContainer } from '../../components/PageContainer.js'\nimport { TokenList } from '../../components/TokenList/TokenList.js'\nimport { useHeader } from '../../hooks/useHeader.js'\nimport { useSwapOnly } from '../../hooks/useSwapOnly.js'\nimport { useWideVariant } from '../../hooks/useWideVariant.js'\nimport { useWidgetConfig } from '../../providers/WidgetProvider/WidgetProvider.js'\nimport type { FormTypeProps } from '../../stores/form/types.js'\nimport { SearchTokenInput } from './SearchTokenInput.js'\n\nexport const SelectTokenPage: FC<FormTypeProps> = ({ formType }) => {\n  const headerRef = useRef<HTMLElement>(null)\n\n  const swapOnly = useSwapOnly()\n\n  const { mode, hiddenUI } = useWidgetConfig()\n  const wideVariant = useWideVariant()\n\n  const { t } = useTranslation()\n  const title =\n    formType === 'from'\n      ? mode === 'custom'\n        ? t('header.payWith')\n        : t('header.from')\n      : t('header.to')\n\n  useHeader(title)\n\n  const hideChainSelect =\n    (wideVariant && !hiddenUI?.chainSidebar) ||\n    (swapOnly && formType === 'to') ||\n    hiddenUI?.chainSelect\n\n  const isMobile = useMediaQuery((theme: Theme) =>\n    theme.breakpoints.down(theme.breakpoints.values.xs)\n  )\n  const hideSearchTokenInput = hiddenUI?.searchTokenInput\n\n  const hasHeader = !hideChainSelect || !hideSearchTokenInput\n\n  return (\n    <PageContainer disableGutters>\n      <Box\n        ref={headerRef}\n        sx={{\n          pt: 1.5,\n          pb: hasHeader ? 2 : 0,\n          px: 3,\n        }}\n      >\n        {!hideChainSelect ? <ChainSelect formType={formType} /> : null}\n        {!hideSearchTokenInput && (\n          <Box\n            sx={{\n              mt: !hideChainSelect ? 2 : 0,\n            }}\n          >\n            <SearchTokenInput formType={formType} />\n          </Box>\n        )}\n      </Box>\n      <TokenList\n        // Rerender component if variant changes (since chains tiles change height)\n        key={\n          hideChainSelect\n            ? 'without-offset'\n            : isMobile\n              ? 'with-offset-mobile'\n              : 'with-offset'\n        }\n        headerRef={headerRef}\n        formType={formType}\n      />\n    </PageContainer>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;AAcA,MAAa,mBAAsC,EAAE,eAAe;CAClE,MAAM,YAAY,OAAoB,IAAI;CAE1C,MAAM,WAAW,YAAY;CAE7B,MAAM,EAAE,MAAM,aAAa,gBAAgB;CAC3C,MAAM,cAAc,eAAe;CAEnC,MAAM,EAAE,MAAM,eAAe;CAC7B,MAAM,QACJ,aAAa,SACT,SAAS,WACP,EAAE,gBAAgB,IAClB,EAAE,aAAa,IACjB,EAAE,WAAW;CAEnB,UAAU,KAAK;CAEf,MAAM,kBACH,eAAe,CAAC,UAAU,gBAC1B,YAAY,aAAa,QAC1B,UAAU;CAEZ,MAAM,WAAW,eAAe,UAC9B,MAAM,YAAY,KAAK,MAAM,YAAY,OAAO,EAAE,CACpD;CACA,MAAM,uBAAuB,UAAU;CAIvC,OACE,qBAAC,eAAD;EAAe,gBAAA;EAAf,UAAA,CACE,qBAAC,KAAD;GACE,KAAK;GACL,IAAI;IACF,IAAI;IACJ,IARU,CAAC,mBAAmB,CAAC,uBAQf,IAAI;IACpB,IAAI;GACN;GANF,UAAA,CAQG,CAAC,kBAAkB,oBAAC,aAAD,EAAuB,SAAW,CAAA,IAAI,MACzD,CAAC,wBACA,oBAAC,KAAD;IACE,IAAI,EACF,IAAI,CAAC,kBAAkB,IAAI,EAC7B;IAEA,UAAA,oBAAC,kBAAD,EAA4B,SAAW,CAAA;GACpC,CAAA,CAEJ;EACL,CAAA,GAAA,oBAAC,WAAD;GASa;GACD;EACX,GARG,kBACI,mBACA,WACE,uBACA,aAIT,CACY;;AAEnB"}

package/dist/esm/pages/SettingsPage/SmallBalanceFilterSettings.js

@@ -19,7 +19,8 @@ const SmallBalanceFilterSettings = () => {
 	const buttonRef = useRef(null);
 	const inputRef = useRef(null);
 	const formatAndSetThreshold = (inputValue, returnInitial = false) => {
-		const formattedValue = formatInputAmount(inputValue.replace("$", ""), 2, returnInitial);
+		const value = inputValue.replace("$", "");
+		const formattedValue = formatInputAmount(value, 2, returnInitial);
 		if (returnInitial) setInputValue(formattedValue);
 		else {
 			const formattedOrDefault = formattedValue || defaultThreshold;

package/dist/esm/pages/SettingsPage/SmallBalanceFilterSettings.js.map

@@ -1 +1 @@
-{"version":3,"file":"SmallBalanceFilterSettings.js","names":["Switch"],"sources":["../../../../src/pages/SettingsPage/SmallBalanceFilterSettings.tsx"],"sourcesContent":["import AttachMoney from '@mui/icons-material/AttachMoney'\nimport { Box } from '@mui/material'\nimport {\n  type ChangeEvent,\n  type ChangeEventHandler,\n  type FocusEventHandler,\n  useEffect,\n  useRef,\n  useState,\n} from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { Switch } from '../../components/Switch.js'\nimport { useSettings } from '../../stores/settings/useSettings.js'\nimport { useSettingsActions } from '../../stores/settings/useSettingsActions.js'\nimport { formatInputAmount, usdDecimals } from '../../utils/format.js'\nimport {\n  SettingCardExpandable,\n  type SettingCardExpandableRef,\n} from './SettingsCard/SettingCardExpandable.js'\nimport {\n  SettingsCustomInput,\n  SettingsFieldSet,\n} from './SlippageSettings/SlippageSettings.style.js'\n\nconst defaultThreshold = '0.01'\n\nexport const SmallBalanceFilterSettings: React.FC = () => {\n  const { t } = useTranslation()\n  const { smallBalanceThreshold } = useSettings(['smallBalanceThreshold'])\n  const { setValue } = useSettingsActions()\n  const [inputValue, setInputValue] = useState(\n    smallBalanceThreshold ?? defaultThreshold\n  )\n  const buttonRef = useRef<SettingCardExpandableRef>(null)\n  const inputRef = useRef<HTMLInputElement>(null)\n\n  const formatAndSetThreshold = (inputValue: string, returnInitial = false) => {\n    const value = inputValue.replace('$', '')\n    const formattedValue = formatInputAmount(value, usdDecimals, returnInitial)\n    if (returnInitial) {\n      setInputValue(formattedValue)\n    } else {\n      const formattedOrDefault = formattedValue || defaultThreshold\n      setInputValue(formattedOrDefault)\n      setValue('smallBalanceThreshold', formattedOrDefault)\n    }\n  }\n\n  const handleInputUpdate: ChangeEventHandler<HTMLInputElement> = (event) => {\n    formatAndSetThreshold(event.target.value, true)\n  }\n\n  const handleInputBlur: FocusEventHandler<HTMLInputElement> = (event) => {\n    formatAndSetThreshold(event.target.value, false)\n  }\n\n  const handleHideSmallBalancesChange = (\n    event: ChangeEvent<HTMLInputElement>\n  ) => {\n    setValue(\n      'smallBalanceThreshold',\n      event.target.checked ? defaultThreshold : undefined\n    )\n    if (buttonRef.current) {\n      buttonRef.current?.toggleExpanded(event.target.checked)\n    }\n  }\n\n  const handleExpanded = () => {\n    if (inputRef.current) {\n      inputRef.current.focus()\n    }\n  }\n\n  useEffect(() => {\n    setInputValue(smallBalanceThreshold ?? defaultThreshold)\n  }, [smallBalanceThreshold])\n\n  return (\n    <SettingCardExpandable\n      ref={buttonRef}\n      value={\n        <Switch\n          checked={!!smallBalanceThreshold}\n          onChange={handleHideSmallBalancesChange}\n          aria-label={t('settings.hideSmallBalances')}\n        />\n      }\n      icon={<AttachMoney />}\n      title={t('settings.hideSmallBalances')}\n      disabled={!smallBalanceThreshold}\n      keepValueVisible\n      onEntered={handleExpanded}\n    >\n      <Box\n        sx={{\n          mt: 1.5,\n        }}\n      >\n        <SettingsFieldSet>\n          <SettingsCustomInput\n            inputRef={inputRef}\n            selected\n            inputProps={{\n              inputMode: 'decimal',\n            }}\n            onChange={handleInputUpdate}\n            onBlur={handleInputBlur}\n            value={`$${inputValue}`}\n            autoComplete=\"off\"\n          />\n        </SettingsFieldSet>\n      </Box>\n    </SettingCardExpandable>\n  )\n}\n"],"mappings":";;;;;;;;;;;;AAwBA,MAAM,mBAAmB;AAEzB,MAAa,mCAA6C;CACxD,MAAM,EAAE,MAAM,eAAe;CAC7B,MAAM,EAAE,0BAA0B,YAAY,CAAC,uBAAuB,CAAC;CACvE,MAAM,EAAE,aAAa,mBAAmB;CACxC,MAAM,CAAC,YAAY,iBAAiB,SAClC,yBAAyB,gBAC3B;CACA,MAAM,YAAY,OAAiC,IAAI;CACvD,MAAM,WAAW,OAAyB,IAAI;CAE9C,MAAM,yBAAyB,YAAoB,gBAAgB,UAAU;EAE3E,MAAM,iBAAiB,kBADT,WAAW,QAAQ,KAAK,EACO,GAAA,GAAgB,aAAa;EAC1E,IAAI,eACF,cAAc,cAAc;OACvB;GACL,MAAM,qBAAqB,kBAAkB;GAC7C,cAAc,kBAAkB;GAChC,SAAS,yBAAyB,kBAAkB;EACtD;CACF;CAEA,MAAM,qBAA2D,UAAU;EACzE,sBAAsB,MAAM,OAAO,OAAO,IAAI;CAChD;CAEA,MAAM,mBAAwD,UAAU;EACtE,sBAAsB,MAAM,OAAO,OAAO,KAAK;CACjD;CAEA,MAAM,iCACJ,UACG;EACH,SACE,yBACA,MAAM,OAAO,UAAU,mBAAmB,KAAA,CAC5C;EACA,IAAI,UAAU,SACZ,UAAU,SAAS,eAAe,MAAM,OAAO,OAAO;CAE1D;CAEA,MAAM,uBAAuB;EAC3B,IAAI,SAAS,SACX,SAAS,QAAQ,MAAM;CAE3B;CAEA,gBAAgB;EACd,cAAc,yBAAyB,gBAAgB;CACzD,GAAG,CAAC,qBAAqB,CAAC;CAE1B,OACE,oBAAC,uBAAD;EACE,KAAK;EACL,OACE,oBAACA,UAAD;GACE,SAAS,CAAC,CAAC;GACX,UAAU;GACV,cAAY,EAAE,4BAA4B;EAC3C,CAAA;EAEH,MAAM,oBAAC,aAAD,CAAc,CAAA;EACpB,OAAO,EAAE,4BAA4B;EACrC,UAAU,CAAC;EACX,kBAAA;EACA,WAAW;EAEX,UAAA,oBAAC,KAAD;GACE,IAAI,EACF,IAAI,IACN;GAEA,UAAA,oBAAC,kBAAD,EAAA,UACE,oBAAC,qBAAD;IACY;IACV,UAAA;IACA,YAAY,EACV,WAAW,UACb;IACA,UAAU;IACV,QAAQ;IACR,OAAO,IAAI;IACX,cAAa;GACd,CAAA,EACe,CAAA;EACf,CAAA;CACgB,CAAA;AAE3B"}
+{"version":3,"file":"SmallBalanceFilterSettings.js","names":["Switch"],"sources":["../../../../src/pages/SettingsPage/SmallBalanceFilterSettings.tsx"],"sourcesContent":["import AttachMoney from '@mui/icons-material/AttachMoney'\nimport { Box } from '@mui/material'\nimport {\n  type ChangeEvent,\n  type ChangeEventHandler,\n  type FocusEventHandler,\n  useEffect,\n  useRef,\n  useState,\n} from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { Switch } from '../../components/Switch.js'\nimport { useSettings } from '../../stores/settings/useSettings.js'\nimport { useSettingsActions } from '../../stores/settings/useSettingsActions.js'\nimport { formatInputAmount, usdDecimals } from '../../utils/format.js'\nimport {\n  SettingCardExpandable,\n  type SettingCardExpandableRef,\n} from './SettingsCard/SettingCardExpandable.js'\nimport {\n  SettingsCustomInput,\n  SettingsFieldSet,\n} from './SlippageSettings/SlippageSettings.style.js'\n\nconst defaultThreshold = '0.01'\n\nexport const SmallBalanceFilterSettings: React.FC = () => {\n  const { t } = useTranslation()\n  const { smallBalanceThreshold } = useSettings(['smallBalanceThreshold'])\n  const { setValue } = useSettingsActions()\n  const [inputValue, setInputValue] = useState(\n    smallBalanceThreshold ?? defaultThreshold\n  )\n  const buttonRef = useRef<SettingCardExpandableRef>(null)\n  const inputRef = useRef<HTMLInputElement>(null)\n\n  const formatAndSetThreshold = (inputValue: string, returnInitial = false) => {\n    const value = inputValue.replace('$', '')\n    const formattedValue = formatInputAmount(value, usdDecimals, returnInitial)\n    if (returnInitial) {\n      setInputValue(formattedValue)\n    } else {\n      const formattedOrDefault = formattedValue || defaultThreshold\n      setInputValue(formattedOrDefault)\n      setValue('smallBalanceThreshold', formattedOrDefault)\n    }\n  }\n\n  const handleInputUpdate: ChangeEventHandler<HTMLInputElement> = (event) => {\n    formatAndSetThreshold(event.target.value, true)\n  }\n\n  const handleInputBlur: FocusEventHandler<HTMLInputElement> = (event) => {\n    formatAndSetThreshold(event.target.value, false)\n  }\n\n  const handleHideSmallBalancesChange = (\n    event: ChangeEvent<HTMLInputElement>\n  ) => {\n    setValue(\n      'smallBalanceThreshold',\n      event.target.checked ? defaultThreshold : undefined\n    )\n    if (buttonRef.current) {\n      buttonRef.current?.toggleExpanded(event.target.checked)\n    }\n  }\n\n  const handleExpanded = () => {\n    if (inputRef.current) {\n      inputRef.current.focus()\n    }\n  }\n\n  useEffect(() => {\n    setInputValue(smallBalanceThreshold ?? defaultThreshold)\n  }, [smallBalanceThreshold])\n\n  return (\n    <SettingCardExpandable\n      ref={buttonRef}\n      value={\n        <Switch\n          checked={!!smallBalanceThreshold}\n          onChange={handleHideSmallBalancesChange}\n          aria-label={t('settings.hideSmallBalances')}\n        />\n      }\n      icon={<AttachMoney />}\n      title={t('settings.hideSmallBalances')}\n      disabled={!smallBalanceThreshold}\n      keepValueVisible\n      onEntered={handleExpanded}\n    >\n      <Box\n        sx={{\n          mt: 1.5,\n        }}\n      >\n        <SettingsFieldSet>\n          <SettingsCustomInput\n            inputRef={inputRef}\n            selected\n            inputProps={{\n              inputMode: 'decimal',\n            }}\n            onChange={handleInputUpdate}\n            onBlur={handleInputBlur}\n            value={`$${inputValue}`}\n            autoComplete=\"off\"\n          />\n        </SettingsFieldSet>\n      </Box>\n    </SettingCardExpandable>\n  )\n}\n"],"mappings":";;;;;;;;;;;;AAwBA,MAAM,mBAAmB;AAEzB,MAAa,mCAA6C;CACxD,MAAM,EAAE,MAAM,eAAe;CAC7B,MAAM,EAAE,0BAA0B,YAAY,CAAC,uBAAuB,CAAC;CACvE,MAAM,EAAE,aAAa,mBAAmB;CACxC,MAAM,CAAC,YAAY,iBAAiB,SAClC,yBAAyB,gBAC3B;CACA,MAAM,YAAY,OAAiC,IAAI;CACvD,MAAM,WAAW,OAAyB,IAAI;CAE9C,MAAM,yBAAyB,YAAoB,gBAAgB,UAAU;EAC3E,MAAM,QAAQ,WAAW,QAAQ,KAAK,EAAE;EACxC,MAAM,iBAAiB,kBAAkB,OAAA,GAAoB,aAAa;EAC1E,IAAI,eACF,cAAc,cAAc;OACvB;GACL,MAAM,qBAAqB,kBAAkB;GAC7C,cAAc,kBAAkB;GAChC,SAAS,yBAAyB,kBAAkB;EACtD;CACF;CAEA,MAAM,qBAA2D,UAAU;EACzE,sBAAsB,MAAM,OAAO,OAAO,IAAI;CAChD;CAEA,MAAM,mBAAwD,UAAU;EACtE,sBAAsB,MAAM,OAAO,OAAO,KAAK;CACjD;CAEA,MAAM,iCACJ,UACG;EACH,SACE,yBACA,MAAM,OAAO,UAAU,mBAAmB,KAAA,CAC5C;EACA,IAAI,UAAU,SACZ,UAAU,SAAS,eAAe,MAAM,OAAO,OAAO;CAE1D;CAEA,MAAM,uBAAuB;EAC3B,IAAI,SAAS,SACX,SAAS,QAAQ,MAAM;CAE3B;CAEA,gBAAgB;EACd,cAAc,yBAAyB,gBAAgB;CACzD,GAAG,CAAC,qBAAqB,CAAC;CAE1B,OACE,oBAAC,uBAAD;EACE,KAAK;EACL,OACE,oBAACA,UAAD;GACE,SAAS,CAAC,CAAC;GACX,UAAU;GACV,cAAY,EAAE,4BAA4B;EAC3C,CAAA;EAEH,MAAM,oBAAC,aAAD,CAAc,CAAA;EACpB,OAAO,EAAE,4BAA4B;EACrC,UAAU,CAAC;EACX,kBAAA;EACA,WAAW;EAEX,UAAA,oBAAC,KAAD;GACE,IAAI,EACF,IAAI,IACN;GAEA,UAAA,oBAAC,kBAAD,EAAA,UACE,oBAAC,qBAAD;IACY;IACV,UAAA;IACA,YAAY,EACV,WAAW,UACb;IACA,UAAU;IACV,QAAQ;IACR,OAAO,IAAI;IACX,cAAa;GACd,CAAA,EACe,CAAA;EACf,CAAA;CACgB,CAAA;AAE3B"}

package/dist/esm/pages/TransactionDetailsPage/ContactSupportButton.d.ts

@@ -3,7 +3,6 @@ import { JSX } from "react";
 interface ContactSupportButtonProps {
   supportId?: string;
 }
-declare const ContactSupportButton: ({ supportId }: ContactSupportButtonProps) => JSX.Element;
+export declare const ContactSupportButton: ({ supportId }: ContactSupportButtonProps) => JSX.Element;
 //#endregion
-export { ContactSupportButton };
 //# sourceMappingURL=ContactSupportButton.d.ts.map

package/dist/esm/pages/TransactionDetailsPage/ContactSupportButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ContactSupportButton.d.ts","names":[],"sources":["../../../../src/pages/TransactionDetailsPage/ContactSupportButton.tsx"],"mappings":";;UAKU;EACR;;cAGW,yBACX,aACC,8BAA4B,IAAI"}
+{"version":3,"file":"ContactSupportButton.d.ts","names":[],"sources":["../../../../src/pages/TransactionDetailsPage/ContactSupportButton.tsx"],"mappings":";;UAKU;EACR;;qBAGW,yBACX,aACC,8BAA4B,IAAI"}

package/dist/esm/pages/TransactionDetailsPage/ContactSupportButton.js

@@ -5,8 +5,9 @@ import { useTranslation } from "react-i18next";
 //#region src/pages/TransactionDetailsPage/ContactSupportButton.tsx
 const ContactSupportButton = ({ supportId }) => {
 	const { t } = useTranslation();
+	const handleContactSupport = useContactSupport(supportId);
 	return /* @__PURE__ */ jsx(ButtonChip, {
-		onClick: useContactSupport(supportId),
+		onClick: handleContactSupport,
 		children: t("button.contactSupport")
 	});
 };