In-app tipping

import { useInvisibleWallet } from 'invisible-wallet-sdk'
import { hash as stellarHash, Networks } from '@stellar/stellar-sdk'
 
export default function InAppTipping() {
  const { address, signAuthEntry } = useInvisibleWallet({
    factoryAddress: 'FACTORY_CONTRACT_ADDRESS',
    rpcUrl: 'https://soroban-testnet.stellar.org',
    networkPassphrase: Networks.TESTNET,
  })
 
  async function tipCreator() {
    if (!address) {
      throw new Error('Register and deploy your wallet first.')
    }
 
    const tipPayload = {
      flow: 'tip',
      amount: '1.50',
      currency: 'USD',
      recipient: 'GDFP...CREATOR_ADDRESS',
      note: 'Thanks for the great content!',
      wallet: address,
      createdAt: new Date().toISOString(),
    }
 
    const signaturePayload = stellarHash(
      new TextEncoder().encode(JSON.stringify(tipPayload)),
    )
 
    const authSignature = await signAuthEntry(signaturePayload)
 
    if (!authSignature) {
      throw new Error('Tip approval was cancelled.')
    }
 
    console.log('Tip authorized with passkey:', authSignature)
    return authSignature
  }
 
  return <button onClick={tipCreator}>Send tip</button>
}