@tonconnect/ui-react 0.0.7 → 0.0.9

package/README.md

@@ -149,7 +149,7 @@ export const Settings = () => {
 ## Add connect request parameters (ton_proof)
 Pass `getConnectParameters` async function to the `TonConnectUIProvider`. This callback will be called after `connectWallet` method call or `Connect Button` click before wallets list render.
 
-In other words, if `getConnectParameters` is passed, there will be a following steps:
+In other words, if `getConnectParameters` is passed, there will be following steps:
 1. User clicks to the 'Connect Wallet' button, or `connectWallet` method is called
 2. Wallets modal opens
 3. Loader renders in the center of the modal
@@ -179,14 +179,15 @@ const tonProofPayloadPromise = getTonProofFromYourBackend(); // will be executed
 You can find `ton_proof` result in the `wallet` object when wallet will be connected:
 
 ```ts
-import {useEffect} from "react";
+import {useTonConnectUI} from "@tonconnect/ui-react";
 
-const wallet = useTonWallet();
+const [tonConnectUI] = useTonConnectUI();
 
-useEffect(() => {
-    if (wallet && wallet.connectItems?.tonProof && 'proof' in wallet.connectItems.tonProof) {
-        checkProofInYourBackend(wallet.connectItems.tonProof.proof);
-    }
-}, [wallet]);
+useEffect(() =>
+    tonConnectUI.onStatusChange(wallet => {
+        if (wallet.connectItems?.tonProof && 'proof' in wallet.connectItems.tonProof) {
+            checkProofInYourBackend(wallet.connectItems.tonProof.proof, wallet.account);
+        }
+    }), []);
 ```
 

package/lib/components/TonConnectUIProvider.d.ts

@@ -1,4 +1,4 @@
-import { ActionConfiguration, Locales, Theme, TonConnectUI, UIPreferences, WalletsListConfiguration } from '@tonconnect/ui';
+import { ActionConfiguration, Locales, TonConnectUI, UIPreferences, WalletsListConfiguration } from '@tonconnect/ui';
 import type { ConnectAdditionalRequest, ITonConnect } from '@tonconnect/sdk';
 export declare const TonConnectUIContext: import("react").Context<TonConnectUI | null>;
 export declare type TonConnectUIProviderProps = {
@@ -23,11 +23,6 @@ export interface TonConnectUIProviderPropsBase {
      * @default true.
      */
     restoreConnection: boolean;
-    /**
-     * Color theme for the UI elements.
-     * @default SYSTEM theme.
-     */
-    theme: Theme;
     /**
      * Language for the phrases it the UI elements.
      * @default system