function MainComponent() { const [file, setFile] = React.useState(null); const [transcription, setTranscription] = React.useState(''); const handleSubmit = async (event)=>{ event.preventDefault(); const formData = new FormData(); formData.append('file', file); formData.append('amount', event.target.amount.value); try { const uploadResponse = await fetch('/api/upload', { method: 'POST', body: formData }); if (!uploadResponse.ok) { throw new Error('File upload failed'); } const fileReader = new FileReader(); fileReader.readAsArrayBuffer(file); fileReader.onload = async ()=>{ const audioBlob = new Blob([ fileReader.result ], { type: 'audio/mp3' }); const transcribeResponse = await fetch('/integrations/transcribe-audio-2/listen', { method: 'POST', body: audioBlob, headers: { 'Content-Type': 'audio/mp3' } }); if (!transcribeResponse.ok) { throw new Error('Transcription failed'); } const transcribeResult = await transcribeResponse.json(); setTranscription(transcribeResult.results.channels[0].alternatives[0].transcript); }; alert('File uploaded and sent for transcription successfully'); } catch (error) { alert(error.message); } }; const handleFileChange = (event)=>{ setFile(event.target.files[0]); }; return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center min-h-screen bg-[#f0f2f5] p-4", __source: { fileName: "", lineNumber: 52, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-md bg-white rounded-lg shadow-md p-6", __source: { fileName: "", lineNumber: 53, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold text-center text-[#333] mb-4", __source: { fileName: "", lineNumber: 54, columnNumber: 9 }, __self: this }, "BNB Token Exchange"), /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmit, __source: { fileName: "", lineNumber: 55, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 56, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-md font-medium text-[#333] mb-2", htmlFor: "amount", __source: { fileName: "", lineNumber: 57, columnNumber: 13 }, __self: this }, "BNB Token Amount"), /*#__PURE__*/ React.createElement("input", { type: "number", id: "amount", name: "amount", className: "w-full px-3 py-2 border border-[#ccc] rounded-lg focus:outline-none focus:border-[#333]", placeholder: "Enter amount", min: "0", step: "any", __source: { fileName: "", lineNumber: 58, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 60, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-md font-medium text-[#333] mb-2", htmlFor: "file", __source: { fileName: "", lineNumber: 61, columnNumber: 13 }, __self: this }, "Upload MP3 File"), /*#__PURE__*/ React.createElement("input", { type: "file", id: "file", name: "file", className: "w-full px-3 py-2 border border-[#ccc] rounded-lg focus:outline-none focus:border-[#333]", accept: "audio/mp3", onChange: handleFileChange, __source: { fileName: "", lineNumber: 62, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 64, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-md font-medium text-[#333] mb-2", __source: { fileName: "", lineNumber: 65, columnNumber: 13 }, __self: this }, "Transcription Result"), /*#__PURE__*/ React.createElement("textarea", { className: "w-full px-3 py-2 border border-[#ccc] rounded-lg focus:outline-none focus:border-[#333]", value: transcription, readOnly: true, __source: { fileName: "", lineNumber: 66, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "w-full py-2 px-4 bg-[#007bff] text-white font-bold rounded-lg hover:bg-[#0056b3] focus:outline-none focus:shadow-outline", __source: { fileName: "", lineNumber: 68, columnNumber: 11 }, __self: this }, "Exchange Tokens")))); }