email.ts

import { NextApiRequest, NextApiResponse } from 'next'
import nodemailer from 'nodemailer'

type DataProps = {
  name: string
  email: string
  phone?: string
  subject: string
  message: string
}

const sendEmail = async (req: NextApiRequest, res: NextApiResponse) => {
  const transporter = nodemailer.createTransport({
    host: process.env.HOSTMAIL,
    port: 587,
    auth: {
      user: process.env.USERMAIL,
      pass: process.env.PASSMAIL
    },
    tls: {
      rejectUnauthorized: false,
      ciphers: 'SSLv3'
    }
  })

  const data: DataProps =
    typeof req.body === 'string' ? JSON.parse(req.body) : req.body

  if (data === undefined) {
    throw new Error()
  }

  if (
    !(
      'name' in data &&
      'email' in data &&
      'subject' in data &&
      'message' in data
    ) ||
    data.message.length < 5
  ) {
    throw new Error()
  }

  const emailBody = ` 
    <div
      style="
        padding: 20px;
        background: #25bdb8;
        color: #fff;
        line-height: 2rem
      "
    >
      <h1 style="margin-bottom: 20px; font-size: 1.8rem">Formulário Web</h1>
      <p>
        <strong>Nome: </strong>${data.name}
        <br />
        <strong>E-mail: </strong>${data.email}
        ${
          data.phone
            ? `<br />
        <strong>Telefone: </strong>${data.phone}`
            : ''
        }
        <br />
        <strong>Assunto: </strong>${data.subject}
      </p>
    </div>
    <p style="padding: 20px; line-height: 2rem">${data.message.replaceAll(
      '\n',
      '<br/>'
    )}</p>
    <div
      style="
        padding: 20px;
        background: #25bdb8;
        color: #fff;
        text-align: center;
      "
    >
      <a href="https://www.slfretamento.com.br" target="_blank" style="text-decoration: none; color: #fff">
      <strong>SANTA LUZIA FRETAMENTO E TURISMO</strong> - www.slfretamento.com.br
      </a>
    </div>
    `

  const emailResponseBody = ` 
    <p style="padding: 20px 0; line-height: 2rem">
    Olá <strong>${data.name.split(' ')[0]}${
    data.name.split(' ')[1] && ' ' + data.name.split(' ')[1]
  }</strong>, recebemos sua mensagem, pedimos que aguarde até que nossa equipe possa visualizá-la e respondê-la
    </p>
    <div
      style="
        padding: 20px;
        background: #25bdb8;
        color: #fff;
        line-height: 2rem
      "
    >
      <p>
      <strong>Nome: </strong>${data.name}
        <br />
        <strong>E-mail: </strong>${data.email}
        ${
          data.phone
            ? `<br />
        <strong>Telefone: </strong>${data.phone}`
            : ''
        }
        <br />
        <strong>Assunto: </strong>${data.subject}
        <br />
        <br />
        ${data.message.replaceAll('\n', '<br/>')}
      </p>
    </div>
    <div
      style="
        padding: 20px 0;
        text-align: center;
        text-decoration: none;
      "
    >
      <a href="https://www.slfretamento.com.br/" target="_blank" style="text-decoration: none; color: inherit">
      <strong>SANTA LUZIA FRETAMENTO E TURISMO</strong> - www.slfretamento.com.br
      </a>
    </div>
    `

  const sendEmail = async () =>
    await transporter.sendMail({
      from: `Formulário Web <${process.env.USERMAIL}>`,
      to: process.env.USERMAIL,
      replyTo: data.email,
      subject: data.subject,
      text: data.message,
      html: emailBody
    })

  const sendResponseEmail = async () =>
    await transporter.sendMail({
      from: `Formulário Web <${process.env.USERMAIL}>`,
      to: data.email,
      replyTo: process.env.USERMAIL,
      subject: `Confirmação de contato`,
      text: 'Olá, recebemos sua mensagem, pedimos que aguarde até que nossa equipe possa visualizar e respondê-la',
      html: emailResponseBody
    })

  await sendEmail()
    .then(async response => {
      await sendResponseEmail()
      res.send(response)
    })
    .catch(error => res.send(error))
}

export default sendEmail