mirror of
https://github.com/marcogll/AnchorOS.git
synced 2026-03-15 13:24:27 +00:00
66e20d25a7
- Integrate @formbricks/js for future surveys (FormbricksProvider) - Add WebhookForm component for unified form submission (contact/franchise/membership) - Update contact form with reason dropdown field - Update franchise form with new fields: estado, ciudad, socios checkbox - Update franchise benefits: manuals, training platform, RH system, investment $100k - Add Contacto link to desktop/mobile nav and footer - Update membership form to use WebhookForm with membership_id select - Update hero buttons to use #3E352E color consistently - Refactor contact/franchise pages to use new hero layout and components - Add webhook utility (lib/webhook.ts) for parallel submission to test+prod - Add email receipt hooks to booking endpoints - Update globals.css with new color variables and navigation styles - Docker configuration for deployment
102 lines
3.3 KiB
TypeScript
102 lines
3.3 KiB
TypeScript
import { Resend } from 'resend'
|
|
|
|
const resend = new Resend(process.env.RESEND_API_KEY!)
|
|
|
|
interface ReceiptEmailData {
|
|
to: string
|
|
customerName: string
|
|
bookingId: string
|
|
serviceName: string
|
|
date: string
|
|
time: string
|
|
location: string
|
|
staffName: string
|
|
price: number
|
|
pdfUrl: string
|
|
}
|
|
|
|
/** @description Send receipt email to customer */
|
|
export async function sendReceiptEmail(data: ReceiptEmailData) {
|
|
try {
|
|
const emailHtml = `
|
|
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>Recibo de Reserva - ANCHOR:23</title>
|
|
<style>
|
|
body { font-family: Arial, sans-serif; line-height: 1.6; color: #333; }
|
|
.container { max-width: 600px; margin: 0 auto; padding: 20px; }
|
|
.header { text-align: center; margin-bottom: 30px; }
|
|
.logo { color: #8B4513; font-size: 24px; font-weight: bold; }
|
|
.details { background: #f9f9f9; padding: 20px; border-radius: 8px; margin: 20px 0; }
|
|
.footer { text-align: center; margin-top: 30px; font-size: 12px; color: #666; }
|
|
.btn { display: inline-block; background: #8B4513; color: white; padding: 10px 20px; text-decoration: none; border-radius: 5px; }
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div class="container">
|
|
<div class="header">
|
|
<div class="logo">ANCHOR:23</div>
|
|
<h1>Confirmación de Reserva</h1>
|
|
</div>
|
|
|
|
<p>Hola ${data.customerName},</p>
|
|
|
|
<p>Tu reserva ha sido confirmada exitosamente. Aquí están los detalles:</p>
|
|
|
|
<div class="details">
|
|
<h3>Detalles de la Reserva</h3>
|
|
<p><strong>Servicio:</strong> ${data.serviceName}</p>
|
|
<p><strong>Fecha:</strong> ${data.date}</p>
|
|
<p><strong>Hora:</strong> ${data.time}</p>
|
|
<p><strong>Ubicación:</strong> ${data.location}</p>
|
|
<p><strong>Profesional:</strong> ${data.staffName}</p>
|
|
<p><strong>Total:</strong> $${data.price} MXN</p>
|
|
</div>
|
|
|
|
<p>Adjunto encontrarás el recibo en formato PDF para tus registros.</p>
|
|
|
|
<div style="text-align: center; margin: 30px 0;">
|
|
<a href="${data.pdfUrl}" class="btn">Descargar Recibo PDF</a>
|
|
</div>
|
|
|
|
<p>Si tienes alguna pregunta, no dudes en contactarnos.</p>
|
|
|
|
<p>¡Te esperamos en ANCHOR:23!</p>
|
|
|
|
<div class="footer">
|
|
<p>ANCHOR:23 - Belleza anclada en exclusividad</p>
|
|
<p>Saltillo, Coahuila, México</p>
|
|
<p>+52 844 123 4567 | contacto@anchor23.mx</p>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html>
|
|
`
|
|
|
|
const { data: result, error } = await resend.emails.send({
|
|
from: 'ANCHOR:23 <noreply@anchor23.mx>',
|
|
to: data.to,
|
|
subject: 'Confirmación de Reserva - ANCHOR:23',
|
|
html: emailHtml,
|
|
attachments: [
|
|
{
|
|
filename: `recibo-${data.bookingId.slice(-8)}.pdf`,
|
|
path: data.pdfUrl
|
|
}
|
|
]
|
|
})
|
|
|
|
if (error) {
|
|
console.error('Email send error:', error)
|
|
return { success: false, error }
|
|
}
|
|
|
|
return { success: true, data: result }
|
|
|
|
} catch (error) {
|
|
console.error('Email service error:', error)
|
|
return { success: false, error }
|
|
}
|
|
} |