function MainComponent() { const [audioSrc, setAudioSrc] = React.useState(''); const handleFormSubmit = async (event)=>{ event.preventDefault(); const bookFile = event.target.bookFile.files[0]; const convertTo = event.target.convertTo.value; if (!bookFile) return; const data = new FormData(); data.append('inputFile', bookFile); data.append('outputType', convertTo); try { const convertResponse = await fetch('/integrations/file-converter/convert', { method: 'POST', body: data }); const blob = await convertResponse.blob(); const convertToTextResponse = await blob.text(); const textToSpeechResponse = await fetch(`/integrations/text-to-speech/speech?text=${encodeURIComponent(convertToTextResponse)}`, { method: 'GET' }); const audioBlob = await textToSpeechResponse.blob(); setAudioSrc(URL.createObjectURL(audioBlob)); } catch (error) { console.error('Error:', error); } }; return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center min-h-screen bg-[#f0f4f8] p-4", __source: { fileName: "", lineNumber: 35, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-bold font-roboto text-[#475569] mb-8", __source: { fileName: "", lineNumber: 36, columnNumber: 7 }, __self: this }, "Book Converter & Listener"), /*#__PURE__*/ React.createElement("div", { className: "bg-white shadow-xl rounded-lg p-8 w-full max-w-md", __source: { fileName: "", lineNumber: 37, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("form", { onSubmit: handleFormSubmit, className: "space-y-6", __source: { fileName: "", lineNumber: 38, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 39, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "bookFile", className: "block text-lg font-roboto text-[#475569] mb-2", __source: { fileName: "", lineNumber: 40, columnNumber: 13 }, __self: this }, "Upload Book:"), /*#__PURE__*/ React.createElement("input", { type: "file", name: "bookFile", id: "bookFile", className: "block w-full text-sm font-roboto text-[#475569] p-3 border border-[#d1d5db] rounded-lg", __source: { fileName: "", lineNumber: 41, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 43, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "convertTo", className: "block text-lg font-roboto text-[#475569] mb-2", __source: { fileName: "", lineNumber: 44, columnNumber: 13 }, __self: this }, "Convert To:"), /*#__PURE__*/ React.createElement("select", { name: "convertTo", id: "convertTo", className: "block w-full text-sm font-roboto text-[#475569] p-3 border border-[#d1d5db] rounded-lg", __source: { fileName: "", lineNumber: 45, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "txt", __source: { fileName: "", lineNumber: 46, columnNumber: 15 }, __self: this }, "TXT"), /*#__PURE__*/ React.createElement("option", { value: "mp3", __source: { fileName: "", lineNumber: 47, columnNumber: 15 }, __self: this }, "MP3"))), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "bg-[#22c55e] hover:bg-[#16a34a] text-white font-roboto text-lg rounded-lg p-3 w-full", __source: { fileName: "", lineNumber: 50, columnNumber: 11 }, __self: this }, "Convert Now"))), audioSrc && /*#__PURE__*/ React.createElement("audio", { controls: true, className: "mt-8 w-full max-w-md", src: audioSrc, __source: { fileName: "", lineNumber: 53, columnNumber: 20 }, __self: this })); }