function MainComponent() { const [formData, setFormData] = useState({ cnpj: "", password: "", certificate: null }); const [error, setError] = useState(""); const [upload, { loading }] = useUpload(); const handleInputChange = (e)=>{ setFormData({ ...formData, [e.target.name]: e.target.value }); setError(""); }; const handleCertificateUpload = async (e)=>{ if (e.target.files?.[0]) { const { url, error } = await upload({ file: e.target.files[0] }); if (error) { setError("Erro ao carregar certificado"); return; } setFormData({ ...formData, certificate: url }); } }; const validateCNPJ = (cnpj)=>{ const cnpjClean = cnpj.replace(/[^\d]/g, ""); return cnpjClean.length === 14; }; const handleSubmit = (e)=>{ e.preventDefault(); if (!validateCNPJ(formData.cnpj)) { setError("CNPJ inválido"); return; } if (!formData.certificate && !formData.password) { setError("Informe uma senha ou certificado digital"); return; } }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gray-100 flex flex-col justify-center py-12 px-4 sm:px-6 lg:px-8", __source: { fileName: "", lineNumber: 52, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "sm:mx-auto sm:w-full sm:max-w-md", __source: { fileName: "", lineNumber: 53, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-center text-3xl font-roboto font-bold text-gray-900", __source: { fileName: "", lineNumber: 54, columnNumber: 9 }, __self: this }, "Acesso ao Sistema")), /*#__PURE__*/ React.createElement("div", { className: "mt-8 sm:mx-auto sm:w-full sm:max-w-md", __source: { fileName: "", lineNumber: 59, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white py-8 px-4 shadow sm:rounded-lg sm:px-10", __source: { fileName: "", lineNumber: 60, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("form", { className: "space-y-6", onSubmit: handleSubmit, __source: { fileName: "", lineNumber: 61, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 62, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "cnpj", className: "block text-sm font-medium text-gray-700", __source: { fileName: "", lineNumber: 63, columnNumber: 15 }, __self: this }, "CNPJ"), /*#__PURE__*/ React.createElement("input", { type: "text", name: "cnpj", id: "cnpj", className: "mt-1 block w-full border border-gray-300 rounded-md shadow-sm py-2 px-3 focus:outline-none focus:ring-blue-500 focus:border-blue-500", value: formData.cnpj, onChange: handleInputChange, placeholder: "00.000.000/0000-00", __source: { fileName: "", lineNumber: 69, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 80, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "password", className: "block text-sm font-medium text-gray-700", __source: { fileName: "", lineNumber: 81, columnNumber: 15 }, __self: this }, "Senha"), /*#__PURE__*/ React.createElement("input", { type: "password", name: "password", id: "password", className: "mt-1 block w-full border border-gray-300 rounded-md shadow-sm py-2 px-3 focus:outline-none focus:ring-blue-500 focus:border-blue-500", value: formData.password, onChange: handleInputChange, __source: { fileName: "", lineNumber: 87, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 97, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700", __source: { fileName: "", lineNumber: 98, columnNumber: 15 }, __self: this }, "Certificado Digital A1"), /*#__PURE__*/ React.createElement("input", { type: "file", accept: ".pfx,.p12", onChange: handleCertificateUpload, className: "mt-1 block w-full border border-gray-300 rounded-md shadow-sm py-2 px-3 focus:outline-none focus:ring-blue-500 focus:border-blue-500", __source: { fileName: "", lineNumber: 101, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-between", __source: { fileName: "", lineNumber: 109, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-sm", __source: { fileName: "", lineNumber: 110, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#", className: "font-medium text-blue-600 hover:text-blue-500", __source: { fileName: "", lineNumber: 111, columnNumber: 17 }, __self: this }, "Procuração Digital"))), error && /*#__PURE__*/ React.createElement("div", { className: "rounded-md bg-red-50 p-4", __source: { fileName: "", lineNumber: 121, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex", __source: { fileName: "", lineNumber: 122, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "ml-3", __source: { fileName: "", lineNumber: 123, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-sm font-medium text-red-800", __source: { fileName: "", lineNumber: 124, columnNumber: 21 }, __self: this }, error)))), /*#__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-blue-600 hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 disabled:opacity-50", __source: { fileName: "", lineNumber: 132, columnNumber: 13 }, __self: this }, loading ? "Processando..." : "Entrar"))))); }