function MainComponent() { const [formData, setFormData] = useState({ nome_completo: "", data_nascimento: "", cpf: "", email: "", whatsapp: "", endereco: "", numero: "", bairro: "", cidade: "", estado: "", cep: "", tipo_cadastro: "", parentesco: "" }); const [error, setError] = useState(""); const [success, setSuccess] = useState(""); const [loading, setLoading] = useState(false); const [documentos, setDocumentos] = useState([]); const [uploadLoading, setUploadLoading] = useState(false); const [upload] = useUpload(); const estados = [ "AC", "AL", "AP", "AM", "BA", "CE", "DF", "ES", "GO", "MA", "MT", "MS", "MG", "PA", "PB", "PR", "PE", "PI", "RJ", "RN", "RS", "RO", "RR", "SC", "SP", "SE", "TO" ]; const tiposCadastro = [ "Titular", "Familiar", "Multi Familiar", "Igreja", "Empresa" ]; const parentescos = [ "Titular", "Pai", "Mãe", "Filho(a)", "Neto(a)", "Sobrinho(a)", "Primo(a)", "Sogro(a)", "Genro", "Nora", "Vó", "Avô", "Tio(a)" ]; const handleChange = (e)=>{ const { name, value } = e.target; let formattedValue = value; if (name === "cpf") { formattedValue = value.replace(/\D/g, "").replace(/(\d{3})(\d)/, "$1.$2").replace(/(\d{3})(\d)/, "$1.$2").replace(/(\d{3})(\d{1,2})/, "$1-$2").replace(/(-\d{2})\d+?$/, "$1"); } if (name === "whatsapp") { formattedValue = value.replace(/\D/g, "").replace(/(\d{2})(\d)/, "($1) $2").replace(/(\d{5})(\d)/, "$1-$2").replace(/(-\d{4})\d+?$/, "$1"); } if (name === "cep") { formattedValue = value.replace(/\D/g, "").replace(/(\d{5})(\d)/, "$1-$2").replace(/(-\d{3})\d+?$/, "$1"); } setFormData((prev)=>({ ...prev, [name]: formattedValue })); }; const handleFileUpload = async (e)=>{ try { const file = e.target.files[0]; if (!file) return; setUploadLoading(true); const { url, error } = await upload({ file }); if (error) { setError("Erro ao fazer upload do arquivo"); return; } setDocumentos((prev)=>[ ...prev, { nome: file.name, url: url, tipo: formData.parentesco } ]); } catch (err) { setError("Erro ao processar arquivo"); } finally{ setUploadLoading(false); } }; const handleSubmit = async (e)=>{ e.preventDefault(); setLoading(true); setError(""); setSuccess(""); try { const response = await fetch("/api/cadastros/criar", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ ...formData, documentos: documentos.reduce((acc, doc)=>({ ...acc, [doc.nome]: { url: doc.url, tipo: doc.tipo } }), {}) }) }); const data = await response.json(); if (data.error) { setError(data.error); } else { setSuccess("Cadastro realizado com sucesso!"); setFormData({ nome_completo: "", data_nascimento: "", cpf: "", email: "", whatsapp: "", endereco: "", numero: "", bairro: "", cidade: "", estado: "", cep: "", tipo_cadastro: "", parentesco: "" }); setDocumentos([]); } } catch (err) { setError("Erro ao realizar cadastro. Tente novamente."); } finally{ setLoading(false); } }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gray-100 py-6 flex flex-col justify-center sm:py-12", __source: { fileName: "", lineNumber: 195, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "relative py-3 sm:max-w-xl md:max-w-2xl lg:max-w-4xl mx-auto", __source: { fileName: "", lineNumber: 196, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "relative px-4 py-10 bg-white mx-8 md:mx-0 shadow rounded-3xl sm:p-10", __source: { fileName: "", lineNumber: 197, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-md mx-auto", __source: { fileName: "", lineNumber: 198, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "divide-y divide-gray-200", __source: { fileName: "", lineNumber: 199, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "py-8 text-base leading-6 space-y-4 text-gray-700 sm:text-lg sm:leading-7", __source: { fileName: "", lineNumber: 200, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center mb-8", __source: { fileName: "", lineNumber: 201, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-3xl font-bold text-gray-800", __source: { fileName: "", lineNumber: 202, columnNumber: 19 }, __self: this }, "Formulário de Cadastro"), /*#__PURE__*/ React.createElement("a", { href: "/lista-cadastros", className: "inline-flex items-center px-4 py-2 border border-transparent text-sm font-medium rounded-md text-white bg-indigo-600 hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500", __source: { fileName: "", lineNumber: 205, columnNumber: 19 }, __self: this }, "Ver Cadastros")), error && /*#__PURE__*/ React.createElement("div", { className: "bg-red-100 border border-red-400 text-red-700 px-4 py-3 rounded relative mb-4", __source: { fileName: "", lineNumber: 214, columnNumber: 19 }, __self: this }, error), success && /*#__PURE__*/ React.createElement("div", { className: "bg-green-100 border border-green-400 text-green-700 px-4 py-3 rounded relative mb-4", __source: { fileName: "", lineNumber: 219, columnNumber: 19 }, __self: this }, success), /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmit, className: "space-y-4", __source: { fileName: "", lineNumber: 224, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 gap-4", __source: { fileName: "", lineNumber: 225, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 226, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700", __source: { fileName: "", lineNumber: 227, columnNumber: 23 }, __self: this }, "Nome Completo"), /*#__PURE__*/ React.createElement("input", { type: "text", name: "nome_completo", value: formData.nome_completo, onChange: handleChange, required: true, className: "mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-indigo-500 focus:ring-indigo-500", __source: { fileName: "", lineNumber: 230, columnNumber: 23 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 239, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700", __source: { fileName: "", lineNumber: 240, columnNumber: 23 }, __self: this }, "Data de Nascimento"), /*#__PURE__*/ React.createElement("input", { type: "date", name: "data_nascimento", value: formData.data_nascimento, onChange: handleChange, required: true, className: "mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-indigo-500 focus:ring-indigo-500", __source: { fileName: "", lineNumber: 243, columnNumber: 23 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 252, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700", __source: { fileName: "", lineNumber: 253, columnNumber: 23 }, __self: this }, "CPF"), /*#__PURE__*/ React.createElement("input", { type: "text", name: "cpf", value: formData.cpf, onChange: handleChange, required: true, maxLength: "14", className: "mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-indigo-500 focus:ring-indigo-500", __source: { fileName: "", lineNumber: 256, columnNumber: 23 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 266, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700", __source: { fileName: "", lineNumber: 267, columnNumber: 23 }, __self: this }, "E-mail"), /*#__PURE__*/ React.createElement("input", { type: "email", name: "email", value: formData.email, onChange: handleChange, required: true, className: "mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-indigo-500 focus:ring-indigo-500", __source: { fileName: "", lineNumber: 270, columnNumber: 23 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 279, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700", __source: { fileName: "", lineNumber: 280, columnNumber: 23 }, __self: this }, "WhatsApp"), /*#__PURE__*/ React.createElement("input", { type: "text", name: "whatsapp", value: formData.whatsapp, onChange: handleChange, required: true, maxLength: "15", className: "mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-indigo-500 focus:ring-indigo-500", __source: { fileName: "", lineNumber: 283, columnNumber: 23 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 293, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700", __source: { fileName: "", lineNumber: 294, columnNumber: 23 }, __self: this }, "CEP"), /*#__PURE__*/ React.createElement("input", { type: "text", name: "cep", value: formData.cep, onChange: handleChange, required: true, maxLength: "9", className: "mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-indigo-500 focus:ring-indigo-500", __source: { fileName: "", lineNumber: 297, columnNumber: 23 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 307, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700", __source: { fileName: "", lineNumber: 308, columnNumber: 23 }, __self: this }, "Endereço"), /*#__PURE__*/ React.createElement("input", { type: "text", name: "endereco", value: formData.endereco, onChange: handleChange, required: true, className: "mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-indigo-500 focus:ring-indigo-500", __source: { fileName: "", lineNumber: 311, columnNumber: 23 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 320, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700", __source: { fileName: "", lineNumber: 321, columnNumber: 23 }, __self: this }, "Número"), /*#__PURE__*/ React.createElement("input", { type: "text", name: "numero", value: formData.numero, onChange: handleChange, required: true, className: "mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-indigo-500 focus:ring-indigo-500", __source: { fileName: "", lineNumber: 324, columnNumber: 23 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 333, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700", __source: { fileName: "", lineNumber: 334, columnNumber: 23 }, __self: this }, "Bairro"), /*#__PURE__*/ React.createElement("input", { type: "text", name: "bairro", value: formData.bairro, onChange: handleChange, required: true, className: "mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-indigo-500 focus:ring-indigo-500", __source: { fileName: "", lineNumber: 337, columnNumber: 23 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 346, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700", __source: { fileName: "", lineNumber: 347, columnNumber: 23 }, __self: this }, "Cidade"), /*#__PURE__*/ React.createElement("input", { type: "text", name: "cidade", value: formData.cidade, onChange: handleChange, required: true, className: "mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-indigo-500 focus:ring-indigo-500", __source: { fileName: "", lineNumber: 350, columnNumber: 23 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 359, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700", __source: { fileName: "", lineNumber: 360, columnNumber: 23 }, __self: this }, "Estado"), /*#__PURE__*/ React.createElement("select", { name: "estado", value: formData.estado, onChange: handleChange, required: true, className: "mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-indigo-500 focus:ring-indigo-500", __source: { fileName: "", lineNumber: 363, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "", __source: { fileName: "", lineNumber: 370, columnNumber: 25 }, __self: this }, "Selecione um estado"), estados.map((estado)=>/*#__PURE__*/ React.createElement("option", { key: estado, value: estado, __source: { fileName: "", lineNumber: 372, columnNumber: 27 }, __self: this }, estado)))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 378, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700", __source: { fileName: "", lineNumber: 379, columnNumber: 23 }, __self: this }, "Tipo de Cadastro"), /*#__PURE__*/ React.createElement("select", { name: "tipo_cadastro", value: formData.tipo_cadastro, onChange: handleChange, required: true, className: "mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-indigo-500 focus:ring-indigo-500", __source: { fileName: "", lineNumber: 382, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "", __source: { fileName: "", lineNumber: 389, columnNumber: 25 }, __self: this }, "Selecione o tipo"), tiposCadastro.map((tipo)=>/*#__PURE__*/ React.createElement("option", { key: tipo, value: tipo, __source: { fileName: "", lineNumber: 391, columnNumber: 27 }, __self: this }, tipo)))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 397, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700", __source: { fileName: "", lineNumber: 398, columnNumber: 23 }, __self: this }, "Parentesco"), /*#__PURE__*/ React.createElement("select", { name: "parentesco", value: formData.parentesco, onChange: handleChange, disabled: ![ "Familiar", "Multi Familiar" ].includes(formData.tipo_cadastro), className: "mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-indigo-500 focus:ring-indigo-500", __source: { fileName: "", lineNumber: 401, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "", __source: { fileName: "", lineNumber: 412, columnNumber: 25 }, __self: this }, "Selecione o parentesco"), parentescos.map((parentesco)=>/*#__PURE__*/ React.createElement("option", { key: parentesco, value: parentesco, __source: { fileName: "", lineNumber: 414, columnNumber: 27 }, __self: this }, parentesco)))), /*#__PURE__*/ React.createElement("div", { className: "mt-4", __source: { fileName: "", lineNumber: 420, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "border-t pt-4", __source: { fileName: "", lineNumber: 421, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-medium text-gray-900 mb-4", __source: { fileName: "", lineNumber: 422, columnNumber: 25 }, __self: this }, "Documentos"), formData.parentesco && /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 427, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-between", __source: { fileName: "", lineNumber: 428, columnNumber: 29 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 429, columnNumber: 31 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-2", __source: { fileName: "", lineNumber: 430, columnNumber: 33 }, __self: this }, "Upload de Documentos para", " ", formData.parentesco, " (Imagem ou PDF)"), /*#__PURE__*/ React.createElement("input", { type: "file", accept: "image/*,.pdf", onChange: handleFileUpload, disabled: uploadLoading, className: "block w-full text-sm text-gray-500 file:mr-4 file:py-2 file:px-4 file:rounded-md file:border-0 file:text-sm file:font-medium file:bg-indigo-50 file:text-indigo-700 hover:file:bg-indigo-100", __source: { fileName: "", lineNumber: 434, columnNumber: 33 }, __self: this }))), documentos.length > 0 && /*#__PURE__*/ React.createElement("div", { className: "mt-4", __source: { fileName: "", lineNumber: 445, columnNumber: 31 }, __self: this }, /*#__PURE__*/ React.createElement("h4", { className: "text-sm font-medium text-gray-700 mb-2", __source: { fileName: "", lineNumber: 446, columnNumber: 33 }, __self: this }, "Documentos Anexados:"), /*#__PURE__*/ React.createElement("ul", { className: "divide-y divide-gray-200", __source: { fileName: "", lineNumber: 449, columnNumber: 33 }, __self: this }, documentos.map((doc, index)=>/*#__PURE__*/ React.createElement("li", { key: index, className: "py-3 flex justify-between items-center", __source: { fileName: "", lineNumber: 451, columnNumber: 37 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 455, columnNumber: 39 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-sm text-gray-900", __source: { fileName: "", lineNumber: 456, columnNumber: 41 }, __self: this }, doc.nome, " (", doc.tipo, ")")), /*#__PURE__*/ React.createElement("button", { type: "button", onClick: ()=>{ setDocumentos((prev)=>prev.filter((_, i)=>i !== index)); }, className: "text-sm text-red-600 hover:text-red-800", __source: { fileName: "", lineNumber: 460, columnNumber: 39 }, __self: this }, "Remover"))))))))), /*#__PURE__*/ React.createElement("div", { className: "pt-5", __source: { fileName: "", lineNumber: 482, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("button", { type: "submit", disabled: loading, className: "w-full flex justify-center py-2 px-4 border border-transparent rounded-md shadow-sm text-sm font-medium text-white bg-indigo-600 hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500", __source: { fileName: "", lineNumber: 483, columnNumber: 21 }, __self: this }, loading ? "Enviando..." : "Enviar"))))))))); }