usePayment

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

const {
  createPaymentRequest,
  processPaymentRequest,
  isCreating,
  isProcessing,
  createdPayment,
  processedPayment,
  error,
  clearError,
  reset,
} = usePayment();

interface CreatePaymentRequest {
  amount: string;    // USDC decimal string, e.g. "10.00"
  merchantId: string;
}

interface CreatePaymentResponse {
  paymentId: string;
  merchantWallet: string;
  expiresAt: number;  // Unix timestamp (ms)
}

interface ProcessPaymentRequest {
  paymentId: string;
  txHash?: string;
  customerWallet?: string;
}

interface ProcessPaymentResponse {
  transactionId?: string;
  status: PaymentStatus;
  confirmedAt?: number;
}

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

export function ManualPaymentScreen({ paymentId }: { paymentId: string }) {
  const { processPaymentRequest, isProcessing, processedPayment, error } = usePayment();

  const handleProcess = () => {
    processPaymentRequest({ paymentId });
  };

  if (processedPayment) return <Text>Done: {processedPayment.status}</Text>;

  return (
    <>
      {error && <Text style={{ color: 'red' }}>{error.message}</Text>}
      <Button
        title={isProcessing ? 'Processing…' : 'Process Payment'}
        onPress={handleProcess}
        disabled={isProcessing}
      />
    </>
  );
}