MP_ACCESS_TOKEN=TEST-xxxxxxxxxxxxxxxxxxxxxx<Button className="w-full text-lg py-6" size="lg" onClick={async () => { const res = await fetch("/api/checkout", { method: "POST" }); const data = await res.json(); window.location.href = data.init_point; // redirige a Mercado Pago }}> Pagar Ahora</Button>/pages/success.js
Ahora voy a importar la página de éxito, actualizar la API route para usar /api/checkout, y agregar el botón de pago con MercadoPago:
He implementado el sistema completo de MercadoPago: importé la página de éxito que envía confirmación por EmailJS, creé la API route /api/checkout que genera preferencias de pago, y actualicé el botón para usar la nueva API en lugar del enlace directo. El sistema ahora maneja el flujo completo de pago con confirmación automática por email.
Veo que la página de éxito ya está implementada con la estructura correcta. Solo necesito agregar el manejo de errores y el console.log que estaba en la nueva versión:
He actualizado la página de éxito para incluir el manejo de promesas con console.log para confirmar el envío del email y capturar errores. La página ahora muestra mensajes en la consola cuando el email se envía exitosamente o si ocurre algún error durante el proceso.