Please give us an example of how to do it with Next.JS app router?

[dBianchii]

No description provided.

[dBianchii]

Pretty please

[thallysondias]

@dBianchii

Campos disponivéis:
https://developers.rdstation.com/reference/patch_platform-contacts-identifier-value

`
"use client";
import React, { useEffect, useState } from "react";

const SimpleForm = () => {
const [name, setName] = useState("");
const [email, setEmail] = useState("");
const [job, setJob] = useState("");

// Adiciona o script de monitoramento do RD Station quando o componente é montado
useEffect(() => {
const script = document.createElement("script");
script.src = "https://d335luupugsy2.cloudfront.net/js/loader-scripts/XXXXXXXXXXX-loader.js"; // Substitua pelo seu script RD Station
script.async = true;
document.body.appendChild(script);
}, []);

const handleSubmit = (e: any) => {
// Não usamos preventDefault, para permitir que o RD Station capture o evento de submissão
console.log("Submetendo formulário para o RD Station:", { name, email, job });
};

return (

Nome:
<input
type="text"
id="name"
name="name"
value={name}
onChange={(e) => setName(e.target.value)}
placeholder="Digite seu nome"
required
className="border border-gray-300 rounded-md p-2"
/>

    </div>
    <div>
      <label htmlFor="job_title">Job:</label>
      <input
        type="text"
        id="job_title"
        name="job_title"
        value={job}
        onChange={(e) => setJob(e.target.value)}
        placeholder="Digite seu cargo"
        required
        className="border border-gray-300 rounded-md p-2"
      />
    </div>
    <div>
      <label htmlFor="email">Email:</label>
      <input
        type="email"
        id="email"
        value={email}
        onChange={(e) => setEmail(e.target.value)}
        placeholder="Digite seu email"
        required
        className="border border-gray-300 rounded-md p-2"
      />
    </div>
    <div>
      <button type="submit" className="bg-blue-500 text-white px-4 py-2 rounded-md">
        Enviar
      </button>
    </div>
  </form>
</div>

);
};

export default SimpleForm;
`