@tonconnect/ui 2.4.0-beta.0 → 2.4.0-beta.2

package/lib/index.cjs

@@ -1975,7 +1975,7 @@ const common$1 = { "close": "Close", "openWallet": "Open wallet", "copyLink": "C
 const button$1 = { "connectWallet": "Connect Wallet", "dropdown": { "copy": "Copy address", "copied": "Address copied!", "disconnect": "Disconnect" } };
 const notifications$1 = { "confirm": { "header": "Open {{ name }} to confirm the transaction." }, "transactionSent": { "header": "Transaction sent", "text": "Your transaction will be processed in a few seconds." }, "transactionCanceled": { "header": "Transaction canceled", "text": "There will be no changes to your account." }, "dataSigned": { "header": "Data signed" }, "signDataCanceled": { "header": "Sign data canceled" } };
 const walletItem$1 = { "walletOn": "Wallet in", "recent": "Recent", "installed": "Installed", "popular": "Popular" };
-const walletModal$1 = { "loading": "Loading wallets", "wallets": "Wallets", "mobileUniversalModal": { "connectYourWallet": "Connect your TON wallet", "openWalletOnTelegramOrSelect": "Use Wallet in Telegram or choose other application", "openWalletOnTelegram": "Connect Wallet in Telegram", "chooseOtherApplication": "Choose other application", "openLink": "Open Link", "scan": "Scan with your mobile wallet" }, "desktopUniversalModal": { "connectYourWallet": "Connect your TON wallet", "scan": "Scan with your mobile wallet", "availableWallets": "Available wallets" }, "mobileConnectionModal": { "showQR": "Show QR Code", "scanQR": "Scan the QR code below with your phone’s or {{ name }}’s camera", "missingFeatures": "Please update {{ name }}, your version does not support required features for this dApp", "notSupportedWallet": "{{ name }} doesn’t support the requested action. Please connect another wallet that supports it", "continueIn": "Continue in {{ name }}…", "updateWallet": "Update {{ name }}", "chooseAnotherWallet": "Choose Another Wallet", "connectionDeclined": "Connection declined" }, "desktopConnectionModal": { "scanQR": "Scan the QR code below with your phone’s or {{ name }}’s camera", "continueInExtension": "Continue in {{ name }} browser extension…", "dontHaveExtension": "Seems you don't have installed {{ name }} browser extension", "missingFeatures": "Please update {{ name }}, your version does not support required features for this dApp", "notSupportedWallet": "{{ name }} doesn’t support the requested action. Please connect another wallet that supports it", "getWallet": "Get {{ name }}", "updateWallet": "Update {{ name }}", "chooseAnotherWallet": "Choose Another Wallet", "continueOnDesktop": "Continue in {{ name }} on desktop…", "openWalletOnTelegram": "Connect Wallet in Telegram on desktop", "connectionDeclined": "Connection declined" }, "infoModal": { "whatIsAWallet": "What is a wallet", "secureDigitalAssets": "Secure digital assets storage", "walletProtects": "A wallet protects and manages your digital assets including TON, tokens and collectables.", "controlIdentity": "Control your Web3 identity", "manageIdentity": "Manage your digital identity and access decentralized applications with ease. Maintain control over your data and engage securely in the blockchain ecosystem.", "effortlessCryptoTransactions": "Effortless crypto transactions", "easilySend": "Easily send, receive, monitor your cryptocurrencies. Streamline your operations with decentralized applications.", "getAWallet": "Get a Wallet" }, "restoreModal": { "title": "Restore", "step1": { "title": "Find your current recovery phrase", "text": "Open your wallet settings and locate the recovery phrase" }, "step2": { "title": "Copy your recovery phrase", "text": "Write it down or copy it to a safe place" }, "step3": { "title": "Restore in a supported wallet", "text": "Enter the recovery phrase to access your wallet" } }, "allWallets": { "walletsBelowNotSupported": "The wallets below don’t support all features of the connected service. You can use your recovery phrase in one of the supported wallets above.", "walletNotSupportService": "{{ name }} doesn’t support connected service" }, "featureNotSupported": { "wallet": { "title": "{{ name }} doesn’t support the requested action", "description": "Install a supported wallet from the list below, restore it with your recovery phrase, then connect it and try again.", "info": "Learn how to restore your wallet" }, "version": { "description": "Your current version of {{ name }} or wallet contract type doesn't support the required features. Please update it to continue.", "updateButton": "Update {{ name }}", "aboutW5": "About W5" }, "disconnect": { "title": "Confirm Disconnect", "description": "You will be disconnected from your current wallet and redirected to connect {{ name }}.", "button": "Disconnect" } } };
+const walletModal$1 = { "loading": "Loading wallets", "wallets": "Wallets", "mobileUniversalModal": { "connectYourWallet": "Connect your TON wallet", "openWalletOnTelegramOrSelect": "Use Wallet in Telegram or choose other application", "openWalletOnTelegram": "Connect Wallet in Telegram", "chooseOtherApplication": "Choose other application", "openLink": "Open Link", "scan": "Scan with your mobile wallet" }, "desktopUniversalModal": { "connectYourWallet": "Connect your TON wallet", "scan": "Scan with your mobile wallet", "availableWallets": "Available wallets" }, "mobileConnectionModal": { "showQR": "Show QR Code", "scanQR": "Scan the QR code below with your phone’s or {{ name }}’s camera", "missingFeatures": "Please update {{ name }}, your version does not support required features for this dApp", "wrongNetwork": "Connected wallet is on a different network. Please switch network in {{ name }} and try again", "notSupportedWallet": "{{ name }} doesn’t support the requested action. Please connect another wallet that supports it", "continueIn": "Continue in {{ name }}…", "updateWallet": "Update {{ name }}", "chooseAnotherWallet": "Choose Another Wallet", "connectionDeclined": "Connection declined" }, "desktopConnectionModal": { "scanQR": "Scan the QR code below with your phone’s or {{ name }}’s camera", "continueInExtension": "Continue in {{ name }} browser extension…", "dontHaveExtension": "Seems you don't have installed {{ name }} browser extension", "missingFeatures": "Please update {{ name }}, your version does not support required features for this dApp", "wrongNetwork": "Connected wallet is on a different network. Please switch network in {{ name }} and try again", "notSupportedWallet": "{{ name }} doesn’t support the requested action. Please connect another wallet that supports it", "getWallet": "Get {{ name }}", "updateWallet": "Update {{ name }}", "chooseAnotherWallet": "Choose Another Wallet", "continueOnDesktop": "Continue in {{ name }} on desktop…", "openWalletOnTelegram": "Connect Wallet in Telegram on desktop", "connectionDeclined": "Connection declined" }, "infoModal": { "whatIsAWallet": "What is a wallet", "secureDigitalAssets": "Secure digital assets storage", "walletProtects": "A wallet protects and manages your digital assets including TON, tokens and collectables.", "controlIdentity": "Control your Web3 identity", "manageIdentity": "Manage your digital identity and access decentralized applications with ease. Maintain control over your data and engage securely in the blockchain ecosystem.", "effortlessCryptoTransactions": "Effortless crypto transactions", "easilySend": "Easily send, receive, monitor your cryptocurrencies. Streamline your operations with decentralized applications.", "getAWallet": "Get a Wallet" }, "restoreModal": { "title": "Restore", "step1": { "title": "Find your current recovery phrase", "text": "Open your wallet settings and locate the recovery phrase" }, "step2": { "title": "Copy your recovery phrase", "text": "Write it down or copy it to a safe place" }, "step3": { "title": "Restore in a supported wallet", "text": "Enter the recovery phrase to access your wallet" } }, "allWallets": { "walletsBelowNotSupported": "The wallets below don’t support all features of the connected service. You can use your recovery phrase in one of the supported wallets above.", "walletNotSupportService": "{{ name }} doesn’t support connected service" }, "featureNotSupported": { "wallet": { "title": "{{ name }} doesn’t support the requested action", "description": "Install a supported wallet from the list below, restore it with your recovery phrase, then connect it and try again.", "info": "Learn how to restore your wallet" }, "version": { "description": "Your current version of {{ name }} or wallet contract type doesn't support the required features. Please update it to continue.", "updateButton": "Update {{ name }}", "aboutW5": "About W5" }, "disconnect": { "title": "Confirm Disconnect", "description": "You will be disconnected from your current wallet and redirected to connect {{ name }}.", "button": "Disconnect" } } };
 const actionModal$1 = { "confirmTransaction": { "header": "Confirm the transaction in {{ name }}", "text": "It will only take a moment." }, "signData": { "header": "Sign the data in {{ name }}", "text": "It will only take a moment." }, "transactionSent": "$notifications.transactionSent", "transactionCanceled": "$notifications.transactionCanceled", "dataSigned": "$notifications.dataSigned", "signDataCanceled": "$notifications.signDataCanceled" };
 const en = {
   common: common$1,
@@ -1989,7 +1989,7 @@ const common = { "close": "Закрыть", "openWallet": "Открыть кош
 const button = { "connectWallet": "Подключить кошелёк", "dropdown": { "copy": "Скопировать адрес", "copied": "Адрес скопирован!", "disconnect": "Отключить кошелёк" } };
 const notifications = { "confirm": { "header": "Откройте {{ name }}, чтобы подтвердить транзакцию." }, "transactionSent": { "header": "Транзакция отправлена", "text": "Ваша транзакция будет обработана через несколько секунд." }, "transactionCanceled": { "header": "Транзакция отменена", "text": "Состояние вашего счёта не изменится." }, "dataSigned": { "header": "Данные подписаны" }, "signDataCanceled": { "header": "Подпись данных отменена" } };
 const walletItem = { "walletOn": "Wallet в", "recent": "Недавний", "installed": "Установлен", "popular": "Популярен" };
-const walletModal = { "loading": "Кошельки загружаются", "wallets": "Кошельки", "mobileUniversalModal": { "connectYourWallet": "Подключите TON кошелёк", "openWalletOnTelegramOrSelect": "Подключите Wallet в Telegram или выберете другое приложение", "openWalletOnTelegram": "Открыть Wallet в Telegram", "chooseOtherApplication": "Выберите другое приложение", "openLink": "Открыть", "scan": "Отсканируйте камерой вашего телефона" }, "desktopUniversalModal": { "connectYourWallet": "Подключите TON кошелёк", "scan": "Отсканируйте QR-код камерой вашего телефона", "availableWallets": "Доступные кошельки" }, "mobileConnectionModal": { "showQR": "Показать QR-код", "scanQR": "Отсканируйте QR-код ниже камерой в приложении {{ name }}, или камерой телефона", "missingFeatures": "Обновите {{ name }}, ваша версия не поддерживает необходимые функции для этого dApp", "notSupportedWallet": "{{ name }} не поддерживает запрошенное действие. Пожалуйста, подключите другой кошелёк, который поддерживает это", "continueIn": "Продолжите в {{ name }}…", "updateWallet": "Обновить {{ name }}", "chooseAnotherWallet": "Выбрать другой кошелёк", "connectionDeclined": "Подключение отклонено" }, "desktopConnectionModal": { "scanQR": "Отсканируйте QR-код ниже камерой в приложении {{ name }}, или камерой телефона", "continueInExtension": "Откройте браузерное расширение {{ name }}", "dontHaveExtension": "Похоже, у вас не установлено браузерное расширение {{ name }}", "missingFeatures": "Обновите {{ name }}, ваша версия не поддерживает необходимые функции для этого dApp", "notSupportedWallet": "{{ name }} не поддерживает запрошенное действие. Пожалуйста, подключите другой кошелёк, который поддерживает это", "getWallet": "Скачать {{ name }}", "updateWallet": "Обновить {{ name }}", "chooseAnotherWallet": "Выбрать другой кошелёк", "continueOnDesktop": "Откройте {{ name }} на компьютере…", "openWalletOnTelegram": "Открыть Wallet в Telegram", "connectionDeclined": "Подключение отклонено" }, "infoModal": { "whatIsAWallet": "Что такое кошелёк?", "secureDigitalAssets": "Надежное хранилище цифровых активов", "walletProtects": "Кошелёк защищает ваши цифровые активы, включая TON, токены и предметы коллекционирования, и управляет ими.", "controlIdentity": "Контроль своей личности Web3", "manageIdentity": "Управляйте своей цифровой идентификацией и с легкостью получайте доступ к децентрализованным приложениям. Сохраняйте контроль над своими данными и безопасно участвуйте в экосистеме блокчейна.", "effortlessCryptoTransactions": "Простые криптотранзакции", "easilySend": "Легко отправляйте, получайте и отслеживайте свои криптовалюты. Оптимизируйте свои операции с помощью децентрализованных приложений.", "getAWallet": "Скачать кошелёк" }, "restoreModal": { "title": "Восстановление", "step1": { "title": "Найдите вашу текущую фразу восстановления", "text": "Откройте настройки кошелька и найдите фразу восстановления" }, "step2": { "title": "Скопируйте вашу фразу восстановления", "text": "Запишите её или сохраните в безопасном месте" }, "step3": { "title": "Восстановите в поддерживаемом кошельке", "text": "Введите фразу восстановления для доступа к вашему кошельку" } }, "allWallets": { "walletsBelowNotSupported": "Кошельки ниже не поддерживают все функции подключённого сервиса. Вы можете использовать свою фразу восстановления в одном из поддерживаемых выше кошельков.", "walletNotSupportService": "{{ name }} не поддерживает подключённый сервис" }, "featureNotSupported": { "wallet": { "title": "{{ name }} не поддерживает запрошенное действие", "description": "Установите поддерживаемый кошелёк из списка ниже, восстановите его с помощью фразы восстановления, затем подключитесь и попробуйте снова.", "info": "Узнать, как восстановить кошелёк" }, "version": { "description": "Текущая версия {{ name }} или тип контракта кошелька не поддерживает необходимые функции. Обновите кошелёк, чтобы продолжить.", "updateButton": "Обновить {{ name }}", "aboutW5": "Про W5" }, "disconnect": { "title": "Подтвердите отключение", "description": "Вы будете отключены от текущего кошелька и перенаправлены на подключение {{ name }}.", "button": "Отключиться" } } };
+const walletModal = { "loading": "Кошельки загружаются", "wallets": "Кошельки", "mobileUniversalModal": { "connectYourWallet": "Подключите TON кошелёк", "openWalletOnTelegramOrSelect": "Подключите Wallet в Telegram или выберете другое приложение", "openWalletOnTelegram": "Открыть Wallet в Telegram", "chooseOtherApplication": "Выберите другое приложение", "openLink": "Открыть", "scan": "Отсканируйте камерой вашего телефона" }, "desktopUniversalModal": { "connectYourWallet": "Подключите TON кошелёк", "scan": "Отсканируйте QR-код камерой вашего телефона", "availableWallets": "Доступные кошельки" }, "mobileConnectionModal": { "showQR": "Показать QR-код", "scanQR": "Отсканируйте QR-код ниже камерой в приложении {{ name }}, или камерой телефона", "missingFeatures": "Обновите {{ name }}, ваша версия не поддерживает необходимые функции для этого dApp", "wrongNetwork": "Подключённый кошелёк находится в другой сети. Пожалуйста, переключите сеть в {{ name }} и попробуйте снова", "notSupportedWallet": "{{ name }} не поддерживает запрошенное действие. Пожалуйста, подключите другой кошелёк, который поддерживает это", "continueIn": "Продолжите в {{ name }}…", "updateWallet": "Обновить {{ name }}", "chooseAnotherWallet": "Выбрать другой кошелёк", "connectionDeclined": "Подключение отклонено" }, "desktopConnectionModal": { "scanQR": "Отсканируйте QR-код ниже камерой в приложении {{ name }}, или камерой телефона", "continueInExtension": "Откройте браузерное расширение {{ name }}", "dontHaveExtension": "Похоже, у вас не установлено браузерное расширение {{ name }}", "missingFeatures": "Обновите {{ name }}, ваша версия не поддерживает необходимые функции для этого dApp", "wrongNetwork": "Подключённый кошелёк находится в другой сети. Пожалуйста, переключите сеть в {{ name }} и попробуйте снова", "notSupportedWallet": "{{ name }} не поддерживает запрошенное действие. Пожалуйста, подключите другой кошелёк, который поддерживает это", "getWallet": "Скачать {{ name }}", "updateWallet": "Обновить {{ name }}", "chooseAnotherWallet": "Выбрать другой кошелёк", "continueOnDesktop": "Откройте {{ name }} на компьютере…", "openWalletOnTelegram": "Открыть Wallet в Telegram", "connectionDeclined": "Подключение отклонено" }, "infoModal": { "whatIsAWallet": "Что такое кошелёк?", "secureDigitalAssets": "Надежное хранилище цифровых активов", "walletProtects": "Кошелёк защищает ваши цифровые активы, включая TON, токены и предметы коллекционирования, и управляет ими.", "controlIdentity": "Контроль своей личности Web3", "manageIdentity": "Управляйте своей цифровой идентификацией и с легкостью получайте доступ к децентрализованным приложениям. Сохраняйте контроль над своими данными и безопасно участвуйте в экосистеме блокчейна.", "effortlessCryptoTransactions": "Простые криптотранзакции", "easilySend": "Легко отправляйте, получайте и отслеживайте свои криптовалюты. Оптимизируйте свои операции с помощью децентрализованных приложений.", "getAWallet": "Скачать кошелёк" }, "restoreModal": { "title": "Восстановление", "step1": { "title": "Найдите вашу текущую фразу восстановления", "text": "Откройте настройки кошелька и найдите фразу восстановления" }, "step2": { "title": "Скопируйте вашу фразу восстановления", "text": "Запишите её или сохраните в безопасном месте" }, "step3": { "title": "Восстановите в поддерживаемом кошельке", "text": "Введите фразу восстановления для доступа к вашему кошельку" } }, "allWallets": { "walletsBelowNotSupported": "Кошельки ниже не поддерживают все функции подключённого сервиса. Вы можете использовать свою фразу восстановления в одном из поддерживаемых выше кошельков.", "walletNotSupportService": "{{ name }} не поддерживает подключённый сервис" }, "featureNotSupported": { "wallet": { "title": "{{ name }} не поддерживает запрошенное действие", "description": "Установите поддерживаемый кошелёк из списка ниже, восстановите его с помощью фразы восстановления, затем подключитесь и попробуйте снова.", "info": "Узнать, как восстановить кошелёк" }, "version": { "description": "Текущая версия {{ name }} или тип контракта кошелька не поддерживает необходимые функции. Обновите кошелёк, чтобы продолжить.", "updateButton": "Обновить {{ name }}", "aboutW5": "Про W5" }, "disconnect": { "title": "Подтвердите отключение", "description": "Вы будете отключены от текущего кошелька и перенаправлены на подключение {{ name }}.", "button": "Отключиться" } } };
 const actionModal = { "confirmTransaction": { "header": "Подтвердите действие в {{ name }}", "text": "Это займет пару секунд." }, "signData": { "header": "Подпишите данные в {{ name }}", "text": "Это займет пару секунд." }, "transactionSent": "$notifications.transactionSent", "transactionCanceled": "$notifications.transactionCanceled", "dataSigned": "$notifications.dataSigned", "signDataCanceled": "$notifications.signDataCanceled" };
 const ru = {
   common,
@@ -6315,8 +6315,12 @@ const FourWalletsItem = (props) => {
 const AT_WALLET_APP_NAME = "telegram-wallet";
 const IMG = {
   TON: "https://raw.githubusercontent.com/ton-connect/sdk/main/assets/ton-icon-48.png",
-  TG: "https://raw.githubusercontent.com/ton-connect/sdk/main/assets/tg.png"
+  TG: "https://raw.githubusercontent.com/ton-connect/sdk/main/assets/tg.png",
+  WALLET_CONNECT: "https://raw.githubusercontent.com/ton-connect/sdk/main/assets/walletconnect-icon-288.png"
 };
+function isWalletUi(wallet) {
+  return !("type" in wallet) || wallet.type !== "wallet-connect";
+}
 const WalletLabeledItem = (props) => {
   const [t2] = useI18n();
   const walletsSecondLine = () => {
@@ -6326,12 +6330,12 @@ const WalletLabeledItem = (props) => {
     if ("isPreferred" in props.wallet && props.wallet.isPreferred) {
       return t2("walletItem.recent", {}, "Recent");
     }
-    if (sdk.isWalletInfoCurrentlyInjected(props.wallet)) {
-      return t2("walletItem.installed", {}, "Installed");
-    }
     if (props.wallet.name === "Tonkeeper") {
       return t2("walletItem.popular", {}, "Popular");
     }
+    if (isWalletUi(props.wallet) && sdk.isWalletInfoCurrentlyInjected(props.wallet)) {
+      return t2("walletItem.installed", {}, "Installed");
+    }
     return void 0;
   };
   return memo(() => memo(() => props.wallet.appName === AT_WALLET_APP_NAME)() ? createComponent(WalletItem, {
@@ -8721,9 +8725,19 @@ const ExclamationIcon = (props) => {
     return _el$9;
   })() : null);
 };
+const WALLET_CONNECT_APP_NAME = "wallet_connect";
+const WALLET_CONNECT_WALLET_NAME = "WalletConnect";
+const WALLET_CONNECT_ABOUT_URL = "https://reown.com/";
 var _tmpl$$2 = /* @__PURE__ */ template$1(`<li>`);
 const AllWalletsListModal = (props) => {
   const maxHeight = () => isMobile() ? void 0 : 510;
+  const connector = appState.connector;
+  const additionalRequest = appState.connectRequestParameters;
+  const connectWalletConnect = () => {
+    connector.connect({
+      type: "wallet-connect"
+    }, (additionalRequest == null ? void 0 : additionalRequest.state) === "ready" ? additionalRequest.value : void 0);
+  };
   const [errorSupportOpened, setErrorSupportOpened] = createSignal(null);
   let timeoutId = null;
   const onErrorClick = (wallet) => {
@@ -8763,7 +8777,7 @@ const AllWalletsListModal = (props) => {
         get children() {
           return [createComponent(WalletsUl, {
             get children() {
-              return createComponent(For, {
+              return [createComponent(For, {
                 get each() {
                   return supportedWallets();
                 },
@@ -8775,7 +8789,24 @@ const AllWalletsListModal = (props) => {
                   }));
                   return _el$;
                 })()
-              });
+              }), createComponent(Show, {
+                get when() {
+                  return memo(() => !!!isInTMA())() && sdk.isWalletConnectInitialized();
+                },
+                get children() {
+                  return createComponent(WalletLabeledItemStyled, {
+                    get wallet() {
+                      return {
+                        type: "wallet-connect",
+                        name: WALLET_CONNECT_WALLET_NAME,
+                        appName: WALLET_CONNECT_APP_NAME,
+                        imageUrl: IMG.WALLET_CONNECT
+                      };
+                    },
+                    onClick: connectWalletConnect
+                  });
+                }
+              })];
             }
           }), createComponent(Show, {
             get when() {
@@ -9366,6 +9397,10 @@ const DesktopConnectionModal = (props) => {
       setConnectionErrored("missing-features");
       return;
     }
+    if (error instanceof sdk.WalletWrongNetworkError) {
+      setConnectionErrored("wrong-network");
+      return;
+    }
     if (props.wallet.appName !== AT_WALLET_APP_NAME) {
       setConnectionErrored("connection-declined");
     }
@@ -9544,6 +9579,23 @@ const DesktopConnectionModal = (props) => {
                             }
                           });
                         }
+                      }), createComponent(Match, {
+                        get when() {
+                          return connectionErrored() === "wrong-network";
+                        },
+                        get children() {
+                          return createComponent(BodyTextStyled$2, {
+                            translationKey: "walletModal.desktopConnectionModal.wrongNetwork",
+                            get translationValues() {
+                              return {
+                                name: props.wallet.name
+                              };
+                            },
+                            get children() {
+                              return ["Connected wallet is on a different network. Please switch network in ", memo(() => props.wallet.name), " and try again."];
+                            }
+                          });
+                        }
                       })];
                     }
                   }), createComponent(ButtonsContainerStyled$2, {
@@ -10151,7 +10203,15 @@ const MobileConnectionModal = (props) => {
   });
   const connector = useContext(ConnectorContext);
   const unsubscribe = connector.onStatusChange(() => {
-  }, () => {
+  }, (error) => {
+    if (error instanceof sdk.WalletMissingRequiredFeaturesError) {
+      setConnectionErrored("missing-features");
+      return;
+    }
+    if (error instanceof sdk.WalletWrongNetworkError) {
+      setConnectionErrored("wrong-network");
+      return;
+    }
     setConnectionErrored(null);
   });
   const universalLink = createMemo(() => {
@@ -10299,6 +10359,23 @@ const MobileConnectionModal = (props) => {
                             children: "Connection declined"
                           });
                         }
+                      }), createComponent(Match, {
+                        get when() {
+                          return connectionErrored() === "wrong-network";
+                        },
+                        get children() {
+                          return createComponent(BodyTextStyled$1, {
+                            translationKey: "walletModal.mobileConnectionModal.wrongNetwork",
+                            get translationValues() {
+                              return {
+                                name: props.wallet.name
+                              };
+                            },
+                            get children() {
+                              return ["Connected wallet is on a different network. Please switch network in ", memo(() => props.wallet.name), " and try again."];
+                            }
+                          });
+                        }
                       }), createComponent(Match, {
                         get when() {
                           return connectionErrored() === "not-supported";
@@ -10312,7 +10389,7 @@ const MobileConnectionModal = (props) => {
                               };
                             },
                             get children() {
-                              return [memo(() => props.wallet.name), " doesn’t support the requested action. Please connect another wallet that supports it."];
+                              return [memo(() => props.wallet.name), " doesn't support the requested action. Please connect another wallet that supports it."];
                             }
                           });
                         }
@@ -10380,6 +10457,24 @@ const MobileConnectionModal = (props) => {
                                 }
                               });
                             }
+                          }), createComponent(Match, {
+                            get when() {
+                              return connectionErrored() === "wrong-network";
+                            },
+                            get children() {
+                              return createComponent(Button, {
+                                get leftIcon() {
+                                  return createComponent(RetryIcon, {});
+                                },
+                                onClick: onRetry,
+                                get children() {
+                                  return createComponent(Translation, {
+                                    translationKey: "common.retry",
+                                    children: "Retry"
+                                  });
+                                }
+                              });
+                            }
                           }), createComponent(Match, {
                             get when() {
                               return connectionErrored() === "connection-declined";
@@ -12677,7 +12772,7 @@ class TonConnectUITracker {
     }
   }
 }
-const tonConnectUiVersion = "2.4.0-beta.0";
+const tonConnectUiVersion = "2.4.0-beta.2";
 class TonConnectEnvironment {
   constructor() {
     this.userAgent = getUserAgent();
@@ -12869,6 +12964,14 @@ class TonConnectUI {
       (_a2 = this.connectRequestParametersCallback) == null ? void 0 : _a2.call(this, connectRequestParameters == null ? void 0 : connectRequestParameters.value);
     }
   }
+  /**
+   * Set desired network for the connection. Can only be set before connecting.
+   * If wallet connects with a different chain, the SDK will throw an error and abort connection.
+   * @param network desired network id (e.g., '-239', '-3', or custom). Pass undefined to allow any network.
+   */
+  setConnectionNetwork(network) {
+    this.connector.setConnectionNetwork(network);
+  }
   /**
    * Returns available wallets list.
    */
@@ -13501,8 +13604,18 @@ class TonConnectUI {
       if (!lastSelectedWalletInfo2) {
         return null;
       }
-      let fullLastSelectedWalletInfo;
       if (!("name" in lastSelectedWalletInfo2)) {
+        if (wallet.device.appName === WALLET_CONNECT_APP_NAME) {
+          return {
+            type: "wallet-connect",
+            name: WALLET_CONNECT_WALLET_NAME,
+            appName: WALLET_CONNECT_APP_NAME,
+            imageUrl: IMG.WALLET_CONNECT,
+            aboutUrl: WALLET_CONNECT_ABOUT_URL,
+            features: wallet.device.features,
+            platforms: []
+          };
+        }
         const walletsList = applyWalletsListConfiguration(
           yield this.walletsList,
           appState.walletsListConfiguration
@@ -13513,11 +13626,9 @@ class TonConnectUI {
             `Cannot find WalletInfo for the '${wallet.device.appName}' wallet`
           );
         }
-        fullLastSelectedWalletInfo = __spreadValues(__spreadValues({}, walletInfo), lastSelectedWalletInfo2);
-      } else {
-        fullLastSelectedWalletInfo = lastSelectedWalletInfo2;
+        return __spreadValues(__spreadValues({}, walletInfo), lastSelectedWalletInfo2);
       }
-      return fullLastSelectedWalletInfo;
+      return lastSelectedWalletInfo2;
     });
   }
   updateWalletInfo(wallet) {