Generate TON Connect Proof

import { useDynamicContext } from '@dynamic-labs/sdk-react-core';
import { isTonWallet, TonConnectProof } from '@dynamic-labs/ton';

const GenerateTonConnectProofButton = () => {
  const { primaryWallet } = useDynamicContext();

  const onGenerateProof = async () => {
    if (!primaryWallet || !isTonWallet(primaryWallet)) {
      throw new Error('TON wallet not found');
    }

    // Generate the TON Connect proof
    const payload = 'authentication-challenge-from-backend';
    const proof: TonConnectProof = await primaryWallet.generateTonConnectProof(
      payload,
    );

    console.log('TON Connect Proof:', proof);
    // {
    //   address: "UQ...",
    //   domain: { lengthBytes: 11, value: "example.com" },
    //   timestamp: 1704067200,
    //   payload: "authentication-challenge-from-backend",
    //   signature: "base64-encoded-signature"
    // }

    // Send this proof to your backend for verification
  };

  return <button onClick={onGenerateProof}>Generate TON Connect Proof</button>;
};