function MainComponent() { const [ncPhoto, setNcPhoto] = React.useState(null); const [ncDescription, setNcDescription] = React.useState(''); const handleSubmit = async (e)=>{ e.preventDefault(); const formData = new FormData(); formData.append('source', ` { "html": "

Non-Conformance Report

${ncDescription}

" } `); const response = await fetch('/integrations/pdf-generation/pdf', { method: 'POST', body: formData }); const blob = await response.blob(); const url = URL.createObjectURL(blob); window.open(url, '_blank'); }; const handlePhotoChange = (e)=>{ setNcPhoto(e.target.files[0]); }; const handleDescriptionChange = (e)=>{ setNcDescription(e.target.value); }; return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center min-h-screen bg-[#f2f2f2] p-4", __source: { fileName: "", lineNumber: 33, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-4xl bg-white rounded-md shadow-lg p-6", __source: { fileName: "", lineNumber: 34, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "font-roboto text-[#121212] text-3xl mb-6", __source: { fileName: "", lineNumber: 35, columnNumber: 9 }, __self: this }, "Japanese Auditing App"), /*#__PURE__*/ React.createElement("div", { className: "flex flex-wrap -mx-4 mb-4", __source: { fileName: "", lineNumber: 36, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-full md:w-1/3 px-4 mb-4 md:mb-0", __source: { fileName: "", lineNumber: 37, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-roboto text-[#121212] text-xl mb-2", __source: { fileName: "", lineNumber: 38, columnNumber: 13 }, __self: this }, "Audit Points"), /*#__PURE__*/ React.createElement("ul", { className: "font-roboto text-[#121212]", __source: { fileName: "", lineNumber: 39, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("li", { className: "mb-1", __source: { fileName: "", lineNumber: 40, columnNumber: 15 }, __self: this }, "Quality Control"), /*#__PURE__*/ React.createElement("li", { className: "mb-1", __source: { fileName: "", lineNumber: 41, columnNumber: 15 }, __self: this }, "Process Verification"), /*#__PURE__*/ React.createElement("li", { className: "mb-1", __source: { fileName: "", lineNumber: 42, columnNumber: 15 }, __self: this }, "Safety Compliance"), /*#__PURE__*/ React.createElement("li", { className: "mb-1", __source: { fileName: "", lineNumber: 43, columnNumber: 15 }, __self: this }, "Performance Review"))), /*#__PURE__*/ React.createElement("div", { className: "w-full md:w-2/3 px-4", __source: { fileName: "", lineNumber: 46, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-roboto text-[#121212] text-xl mb-2", __source: { fileName: "", lineNumber: 47, columnNumber: 13 }, __self: this }, "Non-Conformance (NC) Report"), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 48, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("form", { className: "flex flex-col", onSubmit: handleSubmit, __source: { fileName: "", lineNumber: 49, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "ncPhoto", className: "font-roboto text-[#121212] mb-2", __source: { fileName: "", lineNumber: 50, columnNumber: 17 }, __self: this }, "Take Photo:"), /*#__PURE__*/ React.createElement("input", { type: "file", id: "ncPhoto", name: "ncPhoto", accept: "image/*", capture: "environment", onChange: handlePhotoChange, className: "font-roboto text-[#121212] mb-4", __source: { fileName: "", lineNumber: 51, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("label", { htmlFor: "ncDescription", className: "font-roboto text-[#121212] mb-2", __source: { fileName: "", lineNumber: 52, columnNumber: 17 }, __self: this }, "Description:"), /*#__PURE__*/ React.createElement("textarea", { id: "ncDescription", name: "ncDescription", rows: "3", onChange: handleDescriptionChange, className: "font-roboto text-[#121212] mb-4 p-2 resize-none border border-[#d1d1d1] rounded", __source: { fileName: "", lineNumber: 53, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "font-roboto text-white bg-[#007bff] p-2 rounded hover:bg-[#0056b3]", __source: { fileName: "", lineNumber: 54, columnNumber: 17 }, __self: this }, "Submit NC Report")))))), /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 60, columnNumber: 7 }, __self: this }, ` @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } `), /*#__PURE__*/ React.createElement("div", { className: "animate-fadeIn duration-5000", __source: { fileName: "", lineNumber: 70, columnNumber: 7 }, __self: this })); }