[UI]: Способ авторизации из примера не работает в определенных сценариях about sdk HOT 2 CLOSED

Ого, круто что починили!

Но проблема все еще существует с TWA, там приложение перезапускается полностью и схема с промисом не будет работать.

Ниже пример TWA, если в попытаться авторизоваться через @wallet бот (вам надо заранее создать в нем TON Space). То сработает только onStatusChange, а если авторизоваться через тонкипер то будет работать и промис после connectWallet
t.me/local_presale_bot/tcui

    <div class="center">
        <button onclick="connectWallet()">Connect TON</button>
        <br/>
        <button onclick="disconnectWallet()">Disconnect TON</button>
        <pre id="log"></pre>
    </div>
    <script src="https://unpkg.com/@tonconnect/ui@latest/dist/tonconnect-ui.min.js"></script>
    <script>
    
        function log(msg) {
            console.log(msg)
            const t = document.createTextNode(msg + "\n")
            document.getElementById('log').appendChild(t);
        }
        
        const tonConnectUI = new TON_CONNECT_UI.TonConnectUI({
            manifestUrl: 'https://stels-cs.github.io/ton-connect-ui/tcm.json',
            actionsConfiguration:{
                  twaReturnUrl:'https://t.me/local_presale_bot/tcui'    
            }
        });
    
        tonConnectUI.onStatusChange(wallet => {
            log("onStatusChange: "+wallet?.account.address)
        })
    
        async function connectWallet() {
            const connectedWallet = await tonConnectUI.connectWallet();
            log("connected after connectWallet");
        }
    
        function disconnectWallet() {
            tonConnectUI.disconnect();
        }
    </script>

from sdk.

Как и было замечено, tonConnectUI.connectWallet() был исправлен, и теперь он должен работать корректно, но не с TWA из-за его специфики. Хочу обратить внимание, что из-за невозможности достоверно определить был ли совершен коннект с кошельком или нет, этот метод помечен как устаревший и в будущем будет удалён. Вместо него рекомендуем использовать tonConnectUI.openModal() для открытия модального окна.

Для отслеживания изменений состояния модального окна, необходимо подписаться на события с помощью tonConnectUI.onModalStateChange((state: WalletsModalState) => { ... }). Это позволит реактивно отображать лоадер в зависимости от состояния модального окна.

Также необходимо подписаться на tonConnectUI.onStatusChange(walletAndwalletInfo => { ... }), чтобы реактивно получать информацию о кошельке.

Если используется react, то для него был добавлен useTonConnectModal(), который упрощает управление состоянием модального окна.

import { useTonConnectModal } from '@tonconnect/ui-react';

export const ModalControl = () => {
    const { state, open, close } = useTonConnectModal();

    return (
      <div>
          <div>Modal state: {state?.status}</div>
          <button onClick={open}>Open modal</button>
          <button onClick={close}>Close modal</button>
      </div>
    );
};

from sdk.