usePaymentStatus

import { usePaymentStatus } from '@taprails/tap-to-pay';

const {
  startPolling,
  stopPolling,
  fetchStatus,
  isPolling,
  status,
  isConfirmed,
  isFailed,
  txHash,
  confirmedAt,
  error,
  clearError,
  reset,
} = usePaymentStatus({
  paymentId: 'pay_abc123',  // optional — can also pass to startPolling()
  pollingInterval: 2000,    // ms between polls (default: 2000)
  autoStart: false,         // start polling immediately (default: false)
});

import { useEffect } from 'react';
import { usePaymentStatus } from '@taprails/tap-to-pay';

export function PaymentConfirmation({ paymentId }: { paymentId: string }) {
  const { startPolling, stopPolling, isConfirmed, isFailed, txHash, isPolling } =
    usePaymentStatus({ pollingInterval: 3000 });

  useEffect(() => {
    startPolling(paymentId);
    return () => stopPolling();
  }, [paymentId]);

  useEffect(() => {
    if (isConfirmed) {
      stopPolling();
      console.log('Confirmed! tx:', txHash);
    }
    if (isFailed) {
      stopPolling();
      console.log('Payment failed');
    }
  }, [isConfirmed, isFailed]);

  if (isConfirmed) return <Text>✅ Confirmed — {txHash?.slice(0, 10)}…</Text>;
  if (isFailed) return <Text>❌ Payment failed</Text>;
  if (isPolling) return <ActivityIndicator />;

  return null;
}