Discussions

Ask a Question
Back to All

Integracion de contacto con javascript

Buenos días, cómo están? Soy Francisco de Azcuy y estoy tratando de integrar la API con un proyecto en nextjs (javascript) y no estoy pudiendo con lo que hay en la documentacion.

El uso que le queremos dar es para un simple form de contacto.

No queda muy claro cual es el endpoint a usar:

  • portals/simple_portal/api/v1/contact
  • /api/v1/web_contact
  • /api/contact

Actualmente mi funcion se ve algo asi:

import axios from 'axios'

export interface ContactData {
  name: string
  email: string
  phone: string | null
  text: string | null
}
const options = {
  method: 'POST',
  url: 'https://tokkobroker.com/portals/simple_portal/api/v1/contact',
  headers: {
    accept: 'application/json',
    'Content-Type': 'application/json',
    Authorization: process.env.TOKKO_TOKEN
  }
}

export default async function sendContact(data: ContactData) {
  console.log(data)
  axios
    .request({
      data: {
        name: 'contact'
      },
      ...options
    })
    .then(function (response) {
      console.log(response.data)
    })
    .catch(function (error) {
      console.error(error)
    })
  return data
}

y asi lo llamo recuperando los datos del form:

onSubmit={(e) => {
  const data = new FormData(e.currentTarget)

  const formattedData: ContactData = {
    name: `${data.get('name') as string} ${
      data.get('surname') as string
    }`,
email: data.get('email') as string,
phone: data.get('phone') as string,
text: `
    Ambientes: ${data.get('rooms') as string}
  Mensaje: ${data.get('message') as string}
  Contacto desde ${window.location.href}`
}
sendContact(formattedData)
}}

Los errores que recibo son mayormente 405.