Payment Integration Demo

Code Implementation

// Dynamic Payment Methods Loading
const { data: paymentMethods } = usePaymentMethods()

// Payment Selection Handler
const handlePaymentChange = (paymentCode: string) => {
  setSelectedPayment(paymentCode)
  // Trigger payment flow based on method type
}

// Payment Processing Flow
switch (paymentCode.toLowerCase()) {
  case 'cod':
    // Direct order completion
    break
  case 'bank':
    // Show upload slip UI
    break
  case 'qr':
  case 'card':
    // Process through 2C2P gateway
    await process2C2PPayment({ invoiceId, data })
    break
}