@rash2x/bridge-widget 0.6.83 → 0.6.86

package/dist/{index-7Rh1biLW.js → index-FgCGs20h.js}

@@ -33,7 +33,7 @@ import { CardHeader, CardTitle, CardAction, Card, CardContent, CardFooter } from
 import { FixedSizeList } from "react-window";
 const common$1 = { "connecting": "Connecting…", "initializing": "Initializing...", "loading": "Loading...", "paste": "paste", "close": "Close", "zeroPlaceholder": "0", "nativeToken": "Native Token" };
 const wallets$1 = { "addTonWallet": "Add TON wallet", "addEvmWallet": "Add EVM wallet", "connectTonWallet": "Connect TON wallet", "connectEvmWallet": "Connect EVM wallet", "initializingMetamask": "Initializing MetaMask SDK...", "initializingTronlink": "Initializing TronLink...", "failedToConnectTon": "Failed to connect to TON wallet", "failedToDisconnect": "Failed to disconnect", "metamaskConnectionError": "MetaMask connection error", "failedToConnectMetamask": "Failed to connect to MetaMask", "failedToDisconnectMetamask": "Failed to disconnect from MetaMask", "selectWallet": "Select Wallet", "tonWallets": "TON", "evmWallets": "EVM", "tronWallets": "TRON", "tonconnect": "TonConnect", "metaMask": "WalletConnect", "walletConnect": "WalletConnect", "tronLink": "TronLink", "addTronWallet": "Add Tron wallet", "comingSoon": "Coming Soon", "connected": "CONNECTED", "connectedStatus": "Connected", "disconnect": "Disconnect", "chooseWallet": "Connect wallet", "oneWalletPerEnv": "You can only connect one wallet per environment.", "connect": "Connect", "connectTronWallet": "Connect Tron wallet", "connectWallet": "Connect wallet" };
-const bridge$1 = { "max": "Max", "sourceNetwork": "Source network", "destinationNetwork": "Destination network", "selectToken": "Select token", "selectNetwork": "Select network", "selectSourceNetwork": "Select source network", "selectDestinationNetwork": "Select destination network", "searchToken": "Search token", "myTokens": "My tokens", "allTokens": "All tokens", "search": "Search", "select": "Select", "willChangeSourceChain": "Will change source network", "willChangeSourceNetworkAndToken": "Will change source token", "noBalancesFound": "No balances found.", "noResults": "No results", "tokenNotFound": "We couldn't find a token with that name or symbol. Please try again.", "chainNotFound": "We couldn't find a chain with that name. Please try again.", "sendToAnotherAddress": "Send to another address", "youWillReceive": "You will receive", "anotherAddressPlaceholder": "Address", "addressDoesntMatch": "Address doesn't match the {{network}} network", "checkBeforeTransfer": "Check correctness before transfer" };
+const bridge$1 = { "max": "Max", "sourceNetwork": "Source network", "destinationNetwork": "Destination network", "selectToken": "Select token", "selectNetwork": "Select network", "selectSourceNetwork": "Select source network", "selectDestinationNetwork": "Select destination network", "searchToken": "Search token", "myTokens": "My tokens", "allTokens": "All tokens", "search": "Search", "select": "Select", "willChangeSourceChain": "Will change source network", "willChangeDestinationChain": "Will change destination network", "willChangeBothChains": "Will change both networks", "willChangeSourceNetworkAndToken": "Will change source token", "noBalancesFound": "No balances found.", "noResults": "No results", "tokenNotFound": "We couldn't find a token with that name or symbol. Please try again.", "chainNotFound": "We couldn't find a chain with that name. Please try again.", "sendToAnotherAddress": "Send to another address", "youWillReceive": "You will receive", "anotherAddressPlaceholder": "Address", "addressDoesntMatch": "Address doesn't match the {{network}} network", "checkBeforeTransfer": "Check correctness before transfer" };
 const transaction$1 = { "enterAmount": "Enter amount", "transfer": "Transfer", "getQuote": "Get quote", "failed": "Transaction Failed", "confirm": "Confirm transaction", "signTransaction": "Sign in transaction in wallet", "quoting": "Quoting...", "inProgress": "Transaction in progress...", "checkingBalance": "Checking balance...", "insufficientBalance": "Insufficient balance", "amountTooSmall": "Min {{min}}", "amountTooLarge": "Max {{max}}", "success": "Success", "successTitle": "Success", "done": "Done", "hashCopied": "Hash copied to clipboard", "bridged": "Bridged", "transferTitle": "Transfer", "hash": "Hash", "layerzeroScan": "TxHash", "finalFee": "Final Fee", "route": "Route", "routeTooltip": "Route is the path your transfer takes between networks. The bridge is powered by LayerZero, and the specific path can affect the fee, slippage, and estimated time.", "estTime": "Est. Time", "estTimeTooltip": "Estimated time is the approximate completion time. It depends on the route and network load; actual time may vary.", "slippage": "Slippage", "slippageTooltip": "If the received amount goes below this tolerance, the transaction will be reverted.", "minimumReceived": "Minimum received", "totalFee": "Total Fee", "totalFeeTooltip": "Total fee is the estimated total cost of the transfer. It includes network gas and bridge/route fees. The final fee may vary slightly.", "noRouteFound": "No route found", "notEnoughGas": "Not enough gas", "pasteAddressToTransfer": "Paste address to transfer", "noRouteFoundForSettings": "No route found for current settings.", "tryAdjustSettings": "Try disabling Gas on Destination, or adjust amount/networks.", "quoteError": "Quote error", "steps": { "sent": "Sent", "approving": "Approving Token", "approvingNote": "Step {{current}} of {{total}}: Confirm approval in wallet", "bridging": "Bridging", "processing": "Processing", "processingNote": "Up to 2 minutes", "completed": "Completed" } };
 const telegram$1 = { "openWebVersion": "Open EVAA Web to Bridge", "restrictionMessage": "You can bridge between the chosen networks on EVAA web version" };
 const app$1 = { "stargateWidgetName": "Stargate Bridge Widget", "liveWidget": "Live Widget", "getStarted": "Get Started" };
@@ -51,7 +51,7 @@ const en$3 = {
 };
 const common = { "connecting": "Подключение…", "initializing": "Инициализация...", "loading": "Загрузка...", "paste": "вставить", "close": "Закрыть", "zeroPlaceholder": "0", "nativeToken": "Нативный токен" };
 const wallets = { "addTonWallet": "Добавить TON кошелёк", "addEvmWallet": "Добавить EVM кошелёк", "connectTonWallet": "Подключить TON кошелёк", "connectEvmWallet": "Подключить EVM кошелёк", "initializingMetamask": "Инициализация MetaMask SDK...", "initializingTronlink": "Инициализация TronLink...", "failedToConnectTon": "Не удалось подключиться к TON кошельку", "failedToDisconnect": "Не удалось отключиться", "metamaskConnectionError": "Ошибка подключения MetaMask", "failedToConnectMetamask": "Не удалось подключиться к MetaMask", "failedToDisconnectMetamask": "Не удалось отключиться от MetaMask", "selectWallet": "Выберите кошелёк", "tonWallets": "TON", "evmWallets": "EVM", "tronWallets": "TRON", "tonconnect": "TonConnect", "metaMask": "WalletConnect", "walletConnect": "WalletConnect", "tronLink": "TronLink", "addTronWallet": "Добавить Tron кошелёк", "comingSoon": "Скоро", "connected": "ПОДКЛЮЧЕНО", "connectedStatus": "Подключён", "disconnect": "Отключить", "chooseWallet": "Подключите кошелек", "oneWalletPerEnv": "Можно подключить только один кошелёк на окружение.", "connect": "Подключить", "connectTronWallet": "Подключить Tron кошелёк", "connectWallet": "Подключить кошелёк" };
-const bridge = { "max": "Макс", "sourceNetwork": "Исходная сеть", "destinationNetwork": "Целевая сеть", "selectToken": "Выбрать токен", "selectNetwork": "Выбрать сеть", "selectSourceNetwork": "Выбрать исходную сеть", "selectDestinationNetwork": "Выбрать целевую сеть", "searchToken": "Поиск токена", "myTokens": "Мои токены", "allTokens": "Все токены", "search": "Поиск", "select": "Выбрать", "willChangeSourceChain": "Сменит исходную сеть", "willChangeSourceNetworkAndToken": "Сменит исходный токен", "noBalancesFound": "Балансы не найдены.", "noResults": "Нет результатов", "tokenNotFound": "Мы не смогли найти токен с таким названием или символом. Пожалуйста, попробуйте снова.", "chainNotFound": "Мы не смогли найти сеть с таким названием. Пожалуйста, попробуйте снова.", "sendToAnotherAddress": "Отправить на другой адрес", "youWillReceive": "Вы получите", "anotherAddressPlaceholder": "Адрес", "addressDoesntMatch": "Адрес не соответствует сети {{network}}", "checkBeforeTransfer": "Проверьте корректность перед переводом" };
+const bridge = { "max": "Макс", "sourceNetwork": "Исходная сеть", "destinationNetwork": "Целевая сеть", "selectToken": "Выбрать токен", "selectNetwork": "Выбрать сеть", "selectSourceNetwork": "Выбрать исходную сеть", "selectDestinationNetwork": "Выбрать целевую сеть", "searchToken": "Поиск токена", "myTokens": "Мои токены", "allTokens": "Все токены", "search": "Поиск", "select": "Выбрать", "willChangeSourceChain": "Сменит исходную сеть", "willChangeDestinationChain": "Сменит целевую сеть", "willChangeBothChains": "Сменит обе сети", "willChangeSourceNetworkAndToken": "Сменит исходный токен", "noBalancesFound": "Балансы не найдены.", "noResults": "Нет результатов", "tokenNotFound": "Мы не смогли найти токен с таким названием или символом. Пожалуйста, попробуйте снова.", "chainNotFound": "Мы не смогли найти сеть с таким названием. Пожалуйста, попробуйте снова.", "sendToAnotherAddress": "Отправить на другой адрес", "youWillReceive": "Вы получите", "anotherAddressPlaceholder": "Адрес", "addressDoesntMatch": "Адрес не соответствует сети {{network}}", "checkBeforeTransfer": "Проверьте корректность перед переводом" };
 const transaction = { "enterAmount": "Введите сумму", "transfer": "Перевести", "getQuote": "Получить котировку", "quoting": "Расчет котировки...", "failed": "Ошибка транзакции", "confirm": "Подтвердите транзакцию", "signTransaction": "Подпишите транзакцию в кошельке", "inProgress": "Транзакция выполняется...", "checkingBalance": "Проверка баланса...", "insufficientBalance": "Недостаточно средств", "amountTooSmall": "Минимум {{min}}", "amountTooLarge": "Максимум {{max}}", "success": "Успех", "successTitle": "Успех", "done": "Готово", "hashCopied": "Хэш скопирован в буфер обмена", "bridged": "Переведено", "transferTitle": "Перевод", "hash": "Хэш", "layerzeroScan": "TxHash", "finalFee": "Итоговая комиссия", "route": "Маршрут", "routeTooltip": "Маршрут — это путь, по которому будет выполнен перевод. Мост работает на базе LayerZero, а конкретный путь передачи между сетями может влиять на комиссию, проскальзывание и время.", "estTime": "Время", "estTimeTooltip": "Среднее время — примерное время завершения перевода. Зависит от маршрута и нагрузки сети; фактическое время может отличаться.", "slippage": "Проскальзывание", "slippageTooltip": "Если получаемая сумма окажется ниже этого допуска, транзакция будет отклонена.", "minimumReceived": "Минимум к получению", "totalFee": "Общая комиссия", "totalFeeTooltip": "Общая комиссия за перевод. Включает оценку комиссии сети (газ) и комиссии моста/маршрута. Фактическая сумма может немного измениться.", "noRouteFound": "Маршрут не найден", "notEnoughGas": "Недостаточно газа", "pasteAddressToTransfer": "Укажите адрес получателя", "noRouteFoundForSettings": "Маршрут не найден для текущих настроек.", "tryAdjustSettings": "Попробуйте отключить Gas on Destination или измените сумму/сети.", "quoteError": "Ошибка котировки", "steps": { "sent": "Отправлено", "approving": "Одобрение токена", "approvingNote": "Шаг {{current}} из {{total}}: Подтвердите одобрение в кошельке", "bridging": "Перевод через мост", "processing": "Обработка", "processingNote": "До 2 минут", "completed": "Завершено" } };
 const telegram = { "openWebVersion": "Открыть EVAA веб для трансфера", "restrictionMessage": "Трансфер между выбранными сетями доступен только в веб-версии EVAA" };
 const app = { "stargateWidgetName": "Виджет Stargate Bridge", "liveWidget": "Живой виджет", "getStarted": "Начало работы" };
@@ -1373,7 +1373,6 @@ const useChainDerivations = () => {
       return;
     }
     if (!supportedFrom.some((c2) => c2.chainKey === fromChain.chainKey)) {
-      setToChain(void 0);
       setAllowedToChains([]);
     }
   }, [
@@ -1407,27 +1406,23 @@ const useChainDerivations = () => {
       try {
         if (ignore) return;
         const dest = await getDestTokens(fromChain.chainKey, srcAddr);
+        if (ignore) return;
         const byChainSameSymbol = assetMatrix?.[selectedAssetSymbol.toUpperCase()] ?? {};
-        const expectedAddrByChain = new Map(
-          Object.entries(byChainSameSymbol).map(([ck, tok]) => [
-            ck,
-            (tok.address ?? "").toLowerCase()
-          ])
-        );
         const filteredDest = dest.filter((t2) => {
           const ck = t2.chainKey ?? t2.dstChainKey ?? "";
-          const expected = expectedAddrByChain.get(ck);
-          const got = (t2.address ?? "").toLowerCase();
-          return !!expected && expected === got;
+          const matrixToken = byChainSameSymbol[ck];
+          const symbolMatch = matrixToken && (t2.symbol ?? "").toUpperCase() === selectedAssetSymbol.toUpperCase();
+          return !!symbolMatch;
         });
         const keys2 = new Set(filteredDest.map((t2) => t2.chainKey));
         let list = chains.filter((c2) => keys2.has(c2.chainKey));
         if (fromChain?.chainKey) {
           list = list.filter((c2) => c2.chainKey !== fromChain.chainKey);
         }
+        const currentToChain = useChainsStore.getState().toChain;
         setAllowedToChains(list);
         if (isUrlInitialized) {
-          if (!toChain || !list.some((c2) => c2.chainKey === toChain.chainKey)) {
+          if (!currentToChain || !list.some((c2) => c2.chainKey === currentToChain.chainKey)) {
             const ton = list.find((c2) => c2.chainKey === "ton");
             setToChain(ton || list[0]);
           }
@@ -1451,7 +1446,6 @@ const useChainDerivations = () => {
     assetMatrix,
     fromChain?.chainKey,
     chains,
-    toChain,
     setAllowedToChains,
     setToChain,
     setIsLoadingToChains,
@@ -2233,7 +2227,7 @@ const ChainSelectModal = ({
   const findCompatibleSrcChain = useCallback(
     (dstChain) => {
       if (!chains || !selectedAssetSymbol || !assetMatrix) return void 0;
-      const PRIORITY_CHAINS = [
+      const PRIORITY_CHAINS2 = [
         "ethereum",
         "arbitrum",
         "bsc",
@@ -2244,20 +2238,20 @@ const ChainSelectModal = ({
       const assetByChain = assetMatrix[selectedAssetSymbol.toUpperCase()];
       if (!assetByChain) return void 0;
       const availableChains = chains.filter(
-        (c2) => assetByChain[c2.chainKey] && assetByChain[dstChain.chainKey]
+        (c2) => assetByChain[c2.chainKey] && assetByChain[dstChain.chainKey] && c2.chainKey !== fromChain?.chainKey && c2.chainKey !== dstChain.chainKey
       );
-      for (const chainKey of PRIORITY_CHAINS) {
+      for (const chainKey of PRIORITY_CHAINS2) {
         const chain2 = availableChains.find((c2) => c2.chainKey === chainKey);
         if (chain2) return chain2;
       }
       return availableChains[0];
     },
-    [chains, selectedAssetSymbol, assetMatrix]
+    [chains, selectedAssetSymbol, assetMatrix, fromChain?.chainKey]
   );
   const findCompatibleTokenAndSrcChain = useCallback(
     (dstChain) => {
       if (!chains || !assetMatrix) return void 0;
-      const PRIORITY_CHAINS = [
+      const PRIORITY_CHAINS2 = [
         "ethereum",
         "arbitrum",
         "bsc",
@@ -2269,11 +2263,11 @@ const ChainSelectModal = ({
         const assetByChain = assetMatrix[tokenSymbol];
         if (!assetByChain[dstChain.chainKey]) continue;
         const availableChains = chains.filter(
-          (c2) => assetByChain[c2.chainKey] && c2.chainKey !== dstChain.chainKey
+          (c2) => assetByChain[c2.chainKey] && c2.chainKey !== dstChain.chainKey && c2.chainKey !== fromChain?.chainKey
         );
         if (availableChains.length === 0) continue;
         let sourceChain;
-        for (const chainKey of PRIORITY_CHAINS) {
+        for (const chainKey of PRIORITY_CHAINS2) {
           sourceChain = availableChains.find((c2) => c2.chainKey === chainKey);
           if (sourceChain) break;
         }
@@ -2282,7 +2276,7 @@ const ChainSelectModal = ({
       }
       return void 0;
     },
-    [chains, assetMatrix]
+    [chains, assetMatrix, fromChain?.chainKey]
   );
   const groupedChains = useMemo(() => {
     const q3 = query.trim().toLowerCase();
@@ -2321,25 +2315,92 @@ const ChainSelectModal = ({
     findCompatibleSrcChain,
     findCompatibleTokenAndSrcChain
   ]);
-  const onChainPick = (chain2, willChangeSrc = false, willChangeTokenAndSrc = false) => {
-    if (willChangeTokenAndSrc) {
-      const result = findCompatibleTokenAndSrcChain(chain2);
-      if (result) {
-        setSelectedAssetSymbol(result.tokenSymbol);
-        if (setFromChain) setFromChain(result.sourceChain);
-      }
-    } else if (willChangeSrc) {
-      const newSrcChain = findCompatibleSrcChain(chain2);
-      if (newSrcChain && setFromChain) setFromChain(newSrcChain);
-    }
-    onChangeChain(chain2);
-    handleClose();
-  };
+  const PRIORITY_CHAINS = useMemo(
+    () => ["ethereum", "arbitrum", "bsc", "polygon", "optimism", "base"],
+    []
+  );
+  const [isPickLoading, setIsPickLoading] = useState(false);
+  const onChainPick = useCallback(
+    async (chain2, willChangeSrc = false, willChangeTokenAndSrc = false) => {
+      if (!willChangeSrc && !willChangeTokenAndSrc) {
+        onChangeChain(chain2);
+        handleClose();
+        return;
+      }
+      setIsPickLoading(true);
+      try {
+        if (willChangeTokenAndSrc) {
+          const result = findCompatibleTokenAndSrcChain(chain2);
+          if (!result) return;
+          const dstToken = assetMatrix?.[result.tokenSymbol.toUpperCase()]?.[chain2.chainKey];
+          if (!dstToken?.address) return;
+          const availableSources = await getDestTokens(chain2.chainKey, dstToken.address);
+          const sourceChainKeys = new Set(availableSources.map((t22) => t22.chainKey ?? ""));
+          let validSrc;
+          for (const key of PRIORITY_CHAINS) {
+            if (sourceChainKeys.has(key) && key !== fromChain?.chainKey && key !== chain2.chainKey) {
+              validSrc = chains?.find((c2) => c2.chainKey === key);
+              if (validSrc) break;
+            }
+          }
+          if (!validSrc && chains) {
+            validSrc = chains.find(
+              (c2) => sourceChainKeys.has(c2.chainKey) && c2.chainKey !== fromChain?.chainKey && c2.chainKey !== chain2.chainKey
+            );
+          }
+          if (validSrc) {
+            setSelectedAssetSymbol(result.tokenSymbol);
+            setFromChain(validSrc);
+            onChangeChain(chain2);
+          }
+        } else if (willChangeSrc && selectedAssetSymbol) {
+          const dstToken = assetMatrix?.[selectedAssetSymbol.toUpperCase()]?.[chain2.chainKey];
+          if (!dstToken?.address) return;
+          const availableSources = await getDestTokens(chain2.chainKey, dstToken.address);
+          const sourceChainKeys = new Set(availableSources.map((t22) => t22.chainKey ?? ""));
+          let validSrc;
+          for (const key of PRIORITY_CHAINS) {
+            if (sourceChainKeys.has(key) && key !== fromChain?.chainKey && key !== chain2.chainKey) {
+              validSrc = chains?.find((c2) => c2.chainKey === key);
+              if (validSrc) break;
+            }
+          }
+          if (!validSrc && chains) {
+            validSrc = chains.find(
+              (c2) => sourceChainKeys.has(c2.chainKey) && c2.chainKey !== fromChain?.chainKey && c2.chainKey !== chain2.chainKey
+            );
+          }
+          if (validSrc) {
+            setFromChain(validSrc);
+            onChangeChain(chain2);
+          }
+        }
+      } catch (e2) {
+        console.error("Failed to validate route", e2);
+      } finally {
+        setIsPickLoading(false);
+        handleClose();
+      }
+    },
+    [
+      chains,
+      fromChain?.chainKey,
+      selectedAssetSymbol,
+      assetMatrix,
+      findCompatibleTokenAndSrcChain,
+      setSelectedAssetSymbol,
+      setFromChain,
+      onChangeChain,
+      handleClose,
+      PRIORITY_CHAINS
+    ]
+  );
   const renderChainItem = (chain2, willChangeSrc, willChangeTokenAndSrc = false) => {
     const isSelected = isSource ? fromChain?.chainKey === chain2.chainKey : toChain?.chainKey === chain2.chainKey;
     return /* @__PURE__ */ jsx(
       Button,
       {
+        disabled: isPickLoading,
         onClick: () => onChainPick(chain2, willChangeSrc, willChangeTokenAndSrc),
         className: cn$2(
           "w-full cursor-pointer flex shadow-none rounded-xs items-center justify-between gap-3 px-5 py-4 h-13 font-semibold capitalize bg-transparent hover:scale-100 hover:bg-accent",
@@ -3657,6 +3718,7 @@ function useBridgeTransaction() {
                 from_network: srcChain?.name || quote.srcChainKey,
                 to_network: dstChain?.name || quote.dstChainKey,
                 estimated_fee: gas.requiredNative.toString(),
+                estimated_fee_token: gas.nativeSym.toString(),
                 sent_at: (/* @__PURE__ */ new Date()).toISOString()
               },
               bridgeReportConfig
@@ -6757,7 +6819,7 @@ const TokenSelectModal = ({
   const [manualTabSwitch, setManualTabSwitch] = useState(false);
   const [listHeight, setListHeight] = useState(400);
   const { srcAddress } = useAddresses();
-  const { fromChain, setFromChain, chains } = useChainsStore();
+  const { fromChain, toChain, setFromChain, chains } = useChainsStore();
   const { assetMatrix, selectedAssetSymbol } = useTokensStore();
   const { hasAnyWallet, hasWalletForChain } = useConnectedWalletsStore();
   const { getBalance, query: balancesQuery } = useBalances(
@@ -6806,25 +6868,35 @@ const TokenSelectModal = ({
     const groups = {
       withBalance: [],
       onSrcChain: [],
-      willChangeSrcChain: []
+      willChangeDstChain: [],
+      willChangeSrcChain: [],
+      willChangeBothChains: []
     };
     for (const asset of filtered) {
       const hasBalance = getBalance(asset.symbol) > 0;
       const onSrc = isTokenAvailableOnChain(asset.symbol, fromChain?.chainKey);
+      const onDst = isTokenAvailableOnChain(asset.symbol, toChain?.chainKey);
       if (hasBalance && onSrc) {
         groups.withBalance.push(asset);
-      } else if (onSrc) {
+      } else if (onSrc && onDst) {
         groups.onSrcChain.push(asset);
-      } else {
+      } else if (onSrc && !onDst) {
+        groups.willChangeDstChain.push(asset);
+      } else if (!onSrc && onDst) {
         const availableChain = findFirstAvailableChain(asset.symbol);
         if (availableChain) groups.willChangeSrcChain.push(asset);
+      } else {
+        const availableChain = findFirstAvailableChain(asset.symbol);
+        if (availableChain) groups.willChangeBothChains.push(asset);
       }
     }
     const sortByUsd = (a2, b2) => getTokenUsdValue(b2.symbol, b2.price?.usd) - getTokenUsdValue(a2.symbol, a2.price?.usd);
     const sortAZ = (a2, b2) => a2.symbol.localeCompare(b2.symbol);
     groups.withBalance.sort(sortByUsd);
     groups.onSrcChain.sort(sortAZ);
+    groups.willChangeDstChain.sort(sortAZ);
     groups.willChangeSrcChain.sort(sortAZ);
+    groups.willChangeBothChains.sort(sortAZ);
     return groups;
   }, [
     items,
@@ -6832,6 +6904,7 @@ const TokenSelectModal = ({
     getBalance,
     isTokenAvailableOnChain,
     fromChain?.chainKey,
+    toChain?.chainKey,
     findFirstAvailableChain,
     getTokenUsdValue
   ]);
@@ -6864,12 +6937,15 @@ const TokenSelectModal = ({
   }, [isOpen, resetState]);
   useEffect(() => () => resetState(), [resetState]);
   const onPick = useCallback(
-    (sym, willChangeSrcChain = false) => {
-      if (willChangeSrcChain) {
+    (sym, willChangeSrcChain = false, willChangeDstChain = false, willChangeBothChains = false) => {
+      onChangeAsset(sym);
+      if (willChangeBothChains) {
         const newChain = findFirstAvailableChain(sym);
         if (newChain && setFromChain) setFromChain(newChain);
-      }
-      onChangeAsset(sym);
+      } else if (willChangeSrcChain) {
+        const newChain = findFirstAvailableChain(sym);
+        if (newChain && setFromChain) setFromChain(newChain);
+      } else ;
       handleClose();
     },
     [findFirstAvailableChain, handleClose, onChangeAsset, setFromChain]
@@ -6893,6 +6969,13 @@ const TokenSelectModal = ({
     ];
     return mainTokens;
   }, [effectiveTab, myTokens, groupedTokens]);
+  const willChangeDstTokens = useMemo(
+    () => groupedTokens.willChangeDstChain.map((token) => ({
+      token,
+      willChangeDst: true
+    })),
+    [groupedTokens.willChangeDstChain]
+  );
   const willChangeSrcTokens = useMemo(
     () => groupedTokens.willChangeSrcChain.map((token) => ({
       token,
@@ -6900,14 +6983,33 @@ const TokenSelectModal = ({
     })),
     [groupedTokens.willChangeSrcChain]
   );
-  const hasNoResults = tokensToRender.length === 0 && willChangeSrcTokens.length === 0;
+  const willChangeBothTokens = useMemo(
+    () => groupedTokens.willChangeBothChains.map((token) => ({
+      token,
+      willChangeBoth: true
+    })),
+    [groupedTokens.willChangeBothChains]
+  );
+  const hasNoResults = tokensToRender.length === 0 && willChangeDstTokens.length === 0 && willChangeSrcTokens.length === 0 && willChangeBothTokens.length === 0;
   const virtualItems = useMemo(() => {
     const items2 = tokensToRender.map(
       ({ token, willChangeSrc }) => ({
         type: "token",
-        data: { token, willChangeSrc }
+        data: { token, willChangeSrc, willChangeDst: false, willChangeBoth: false }
       })
     );
+    if (effectiveTab === "all" && willChangeDstTokens.length > 0) {
+      items2.push({
+        type: "header",
+        text: t2("bridge.willChangeDestinationChain")
+      });
+      items2.push(
+        ...willChangeDstTokens.map(({ token, willChangeDst }) => ({
+          type: "token",
+          data: { token, willChangeSrc: false, willChangeDst, willChangeBoth: false }
+        }))
+      );
+    }
     if (effectiveTab === "all" && willChangeSrcTokens.length > 0) {
       items2.push({
         type: "header",
@@ -6916,12 +7018,24 @@ const TokenSelectModal = ({
       items2.push(
         ...willChangeSrcTokens.map(({ token, willChangeSrc }) => ({
           type: "token",
-          data: { token, willChangeSrc }
+          data: { token, willChangeSrc, willChangeDst: false, willChangeBoth: false }
+        }))
+      );
+    }
+    if (effectiveTab === "all" && willChangeBothTokens.length > 0) {
+      items2.push({
+        type: "header",
+        text: t2("bridge.willChangeBothChains")
+      });
+      items2.push(
+        ...willChangeBothTokens.map(({ token, willChangeBoth }) => ({
+          type: "token",
+          data: { token, willChangeSrc: false, willChangeDst: false, willChangeBoth }
         }))
       );
     }
     return items2;
-  }, [effectiveTab, tokensToRender, t2, willChangeSrcTokens]);
+  }, [effectiveTab, tokensToRender, t2, willChangeDstTokens, willChangeSrcTokens, willChangeBothTokens]);
   useLayoutEffect(() => {
     const updateHeight = () => {
       const container2 = document.getElementById("token-select-list");
@@ -6959,7 +7073,7 @@ const TokenSelectModal = ({
           }
         );
       }
-      const { token, willChangeSrc } = item.data;
+      const { token, willChangeSrc, willChangeDst, willChangeBoth } = item.data;
       const bal = getBalance(token.symbol);
       const usd = getTokenUsdValue(token.symbol, token.price?.usd);
       const isSelected = selectedAssetSymbol?.toUpperCase() === token.symbol.toUpperCase();
@@ -6973,8 +7087,8 @@ const TokenSelectModal = ({
           balance: bal,
           usdValue: usd,
           isBalanceLoading: balancesQuery.isLoading || balancesQuery.isFetching,
-          willChangeSrc,
-          onPick: () => onPick(token.symbol, willChangeSrc)
+          willChangeSrc: willChangeSrc || willChangeDst || willChangeBoth,
+          onPick: () => onPick(token.symbol, willChangeSrc, willChangeDst, willChangeBoth)
         }
       ) });
     },
@@ -25877,7 +25991,7 @@ class WalletConnectModal {
   }
   async initUi() {
     if (typeof window !== "undefined") {
-      await import("./index-CJeHQDmm.js");
+      await import("./index-C4Q8SlY6.js");
       const modal = document.createElement("wcm-modal");
       document.body.insertAdjacentElement("beforeend", modal);
       OptionsCtrl.setIsUiLoaded(true);
@@ -26629,4 +26743,4 @@ export {
   getQuoteFees as y,
   calculateMinReceived as z
 };
-//# sourceMappingURL=index-7Rh1biLW.js.map
+//# sourceMappingURL=index-FgCGs20h.js.map