function MainComponent() { const [step, setStep] = React.useState(1); const [name, setName] = React.useState(''); const [lookupName, setLookupName] = React.useState(''); const [file, setFile] = React.useState(null); const [comments, setComments] = React.useState(''); const [record, setRecord] = React.useState({}); const [submissionLookup, setSubmissionLookup] = React.useState(''); const handleNameChange = (event)=>{ setName(event.target.value); }; const handleLookupNameChange = (event)=>{ setLookupName(event.target.value); }; const handleFileChange = (event)=>{ setFile(event.target.files[0]); }; const handleCommentsChange = (event)=>{ setComments(event.target.value); }; const handleSubmit = ()=>{ const formData = new FormData(); formData.append('name', name); formData.append('file', file); formData.append('comments', comments); fetch('/api/db/apmd-approvals', { method: 'POST', body: JSON.stringify({ query: "INSERT INTO `approvals` (submitter_name, comments, file_name, file_version) VALUES (?, ?, ?, 1)", values: [ name, comments.replace(/'/g, "''"), file ? file.name : '' ] }) }).then((response)=>response.json()).then((data)=>{ setRecord(data); setStep(step + 1); }); }; const handleLookupSubmit = ()=>{ fetch('/api/db/apmd-approvals', { method: 'POST', body: JSON.stringify({ query: "SELECT submitter_name FROM `approvals` WHERE `submitter_name` = ?", values: [ lookupName ] }) }).then((response)=>response.json()).then((data)=>{ setSubmissionLookup(data.length > 0 ? data[0].submitter_name : 'Not found'); setStep(step === 1 ? 2 : step); // Proceed to step 2 if on step 1, otherwise stay on current step }); }; switch(step){ case 1: return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center p-4", __source: { fileName: "", lineNumber: 62, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", name: "name_lookup", placeholder: "Lookup Name", value: lookupName, onChange: handleLookupNameChange, className: "input mb-4 w-full max-w-xs font-roboto", __source: { fileName: "", lineNumber: 63, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("button", { onClick: handleLookupSubmit, className: "btn btn-primary mb-4 w-full max-w-xs font-roboto", __source: { fileName: "", lineNumber: 71, columnNumber: 11 }, __self: this }, "Lookup"), /*#__PURE__*/ React.createElement("input", { type: "text", name: "name", placeholder: "Your Name", value: name, onChange: handleNameChange, className: "input mb-4 w-full max-w-xs font-roboto", __source: { fileName: "", lineNumber: 74, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "file", name: "document", onChange: handleFileChange, className: "input mb-4 w-full max-w-xs font-roboto", __source: { fileName: "", lineNumber: 82, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("textarea", { name: "comments", placeholder: "Comments", value: comments, onChange: handleCommentsChange, className: "textarea mb-4 w-full max-w-xs font-roboto", __source: { fileName: "", lineNumber: 88, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("button", { onClick: handleSubmit, className: "btn btn-primary w-full max-w-xs font-roboto", __source: { fileName: "", lineNumber: 95, columnNumber: 11 }, __self: this }, "Submit")); case 2: return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center p-4", __source: { fileName: "", lineNumber: 102, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "font-roboto text-[#121212] mb-4", __source: { fileName: "", lineNumber: 103, columnNumber: 11 }, __self: this }, "Submission Complete"), /*#__PURE__*/ React.createElement("p", { className: "font-roboto text-[#121212]", __source: { fileName: "", lineNumber: 104, columnNumber: 11 }, __self: this }, "Thank you, ", name, ". Your submission has been received."), submissionLookup && /*#__PURE__*/ React.createElement("p", { className: "font-roboto text-[#121212] mb-4", __source: { fileName: "", lineNumber: 105, columnNumber: 32 }, __self: this }, "Lookup result: ", submissionLookup), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setStep(1), className: "btn btn-secondary w-full max-w-xs font-roboto", __source: { fileName: "", lineNumber: 106, columnNumber: 11 }, __self: this }, "New Submission")); default: return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 112, columnNumber: 14 }, __self: this }, "Invalid step"); } }