function MainComponent() { const [email, setEmail] = React.useState(""); const [isEmailInvalid, setIsEmailInvalid] = React.useState(false); const handleEmailChange = (e)=>{ setEmail(e.target.value); setIsEmailInvalid(e.target.value === "não possui"); }; return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center min-h-screen bg-[#F0F2F5]", __source: { fileName: "", lineNumber: 11, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "font-bold text-3xl text-[#333333] mb-4", __source: { fileName: "", lineNumber: 12, columnNumber: 7 }, __self: this }, "FORMULÁRIO DE CADASTRO DE CLIENTE"), /*#__PURE__*/ React.createElement("form", { className: "flex flex-col items-center gap-4", onSubmit: (e)=>{ e.preventDefault(); fetch('/integrations/chat-gpt/conversationgpt4', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ messages: [ { "role": "system", "content": "Enviar formulário de cadastro de cliente" } ], system_prompt: `Enviar este formulário para bolsoniplinio@gmail.com` }) }); }, __source: { fileName: "", lineNumber: 13, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "font-bold text-[#333333]", __source: { fileName: "", lineNumber: 29, columnNumber: 9 }, __self: this }, "NOME DO CLIENTE*"), /*#__PURE__*/ React.createElement("input", { type: "text", name: "nomeCliente", placeholder: "Ex.: João Silva", className: "px-4 py-2 w-full max-w-md border border-[#DDD] rounded-md text-[#333]", required: true, __source: { fileName: "", lineNumber: 30, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("label", { className: "font-bold text-[#333333]", __source: { fileName: "", lineNumber: 38, columnNumber: 9 }, __self: this }, "CPF*"), /*#__PURE__*/ React.createElement("input", { type: "text", name: "cpfCliente", placeholder: "Ex.: 000.000.000-00", className: "px-4 py-2 w-full max-w-md border border-[#DDD] rounded-md text-[#333]", required: true, __source: { fileName: "", lineNumber: 39, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("label", { className: "font-bold text-[#333333]", __source: { fileName: "", lineNumber: 47, columnNumber: 9 }, __self: this }, "TELEFONE CELULAR*"), /*#__PURE__*/ React.createElement("input", { type: "tel", name: "telefoneCelular", placeholder: "Ex.: (00) 00000-0000", className: "px-4 py-2 w-full max-w-md border border-[#DDD] rounded-md text-[#333]", required: true, __source: { fileName: "", lineNumber: 48, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("label", { className: "font-bold text-[#333333]", __source: { fileName: "", lineNumber: 56, columnNumber: 9 }, __self: this }, "E-MAIL*"), /*#__PURE__*/ React.createElement("input", { type: "text", name: "emailCliente", value: email, onChange: handleEmailChange, placeholder: "Ex.: seuemail@gmail.com", className: `px-4 py-2 w-full max-w-md border ${isEmailInvalid ? "border-red-500" : "border-[#DDD]"} rounded-md text-[#333]`, required: true, __source: { fileName: "", lineNumber: 57, columnNumber: 9 }, __self: this }), isEmailInvalid && /*#__PURE__*/ React.createElement("span", { className: "text-red-500", __source: { fileName: "", lineNumber: 66, columnNumber: 28 }, __self: this }, "Caso não tenha e-mail fazer um no Gmail - é necessário para acessar o CNIS via MEU.INSS"), /*#__PURE__*/ React.createElement("label", { className: "font-bold text-[#333333]", __source: { fileName: "", lineNumber: 68, columnNumber: 9 }, __self: this }, "DATA DE NASCIMENTO*"), /*#__PURE__*/ React.createElement("input", { type: "date", name: "dataNascimento", className: "px-4 py-2 w-full max-w-md border border-[#DDD] rounded-md text-[#333]", required: true, __source: { fileName: "", lineNumber: 69, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "flex justify-between w-full max-w-md", __source: { fileName: "", lineNumber: 76, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "font-bold text-[#333333]", __source: { fileName: "", lineNumber: 77, columnNumber: 11 }, __self: this }, "TEM ACESSO AO GOV.BR - MEU.INSS?*"), /*#__PURE__*/ React.createElement("div", { className: "flex gap-4", __source: { fileName: "", lineNumber: 78, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { __source: { fileName: "", lineNumber: 79, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "radio", name: "acessoGovBr", value: "Sim", required: true, __source: { fileName: "", lineNumber: 79, columnNumber: 20 }, __self: this }), " Sim"), /*#__PURE__*/ React.createElement("label", { __source: { fileName: "", lineNumber: 80, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "radio", name: "acessoGovBr", value: "Não", required: true, __source: { fileName: "", lineNumber: 80, columnNumber: 20 }, __self: this }), " Não"))), /*#__PURE__*/ React.createElement("div", { className: "flex justify-between w-full max-w-md", __source: { fileName: "", lineNumber: 84, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "font-bold text-[#333333]", __source: { fileName: "", lineNumber: 85, columnNumber: 11 }, __self: this }, "ENDEREÇO*"), /*#__PURE__*/ React.createElement("input", { type: "text", name: "endereco", placeholder: "Ex.: Rua dos Bobos, nº 0", className: "px-4 py-2 border border-[#DDD] rounded-md text-[#333]", required: true, __source: { fileName: "", lineNumber: 86, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex justify-between w-full max-w-md", __source: { fileName: "", lineNumber: 95, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "font-bold text-[#333333]", __source: { fileName: "", lineNumber: 96, columnNumber: 11 }, __self: this }, "EMPRESA EM QUE ESTÁ TRABALHANDO OU ÚLTIMA QUE TRABALHO E VALOR DO SALÁRIO EM FOLHA?*"), /*#__PURE__*/ React.createElement("input", { type: "text", name: "empresaSalario", placeholder: "Ex.: Bolsoni Advogados, R$ 50.000,00", className: "px-4 py-2 border border-[#DDD] rounded-md text-[#333]", required: true, __source: { fileName: "", lineNumber: 97, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "px-6 py-2 bg-[#007BFF] text-white rounded-md", __source: { fileName: "", lineNumber: 106, columnNumber: 9 }, __self: this }, "Enviar"))); }