function MainComponent() { const [transcript, setTranscript] = React.useState(''); const [summary, setSummary] = React.useState(''); const [loading, setLoading] = React.useState(false); const handleAudioUpload = async (event)=>{ event.preventDefault(); setLoading(true); const audioFile = event.target.elements['audio-upload'].files[0]; await fetch('/integrations/transcribe-audio-2/listen', { method: 'POST', headers: { 'Content-Type': audioFile.type }, body: audioFile }).then((response)=>response.json()).then((data)=>{ const transcriptText = data.results.channels[0].alternatives[0].transcript; setTranscript(transcriptText); }).catch((error)=>console.error('Error:', error)).finally(()=>setLoading(false)); }; const handleSummary = async ()=>{ setLoading(true); await fetch('/integrations/chat-gpt/conversationgpt4', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ messages: [ { "role": "user", "content": transcript } ], system_prompt: 'Summarize this content' }) }).then((response)=>response.json()).then((data)=>{ const summaryText = data.choices[0].message.content; setSummary(summaryText); }).catch((error)=>console.error('Error:', error)).finally(()=>setLoading(false)); }; return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center min-h-screen bg-[#F0F2F5] p-4", __source: { fileName: "", lineNumber: 54, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-xl font-semibold text-[#333] mb-6", __source: { fileName: "", lineNumber: 55, columnNumber: 7 }, __self: this }, "議事録作成アプリ"), /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-md bg-white rounded-lg shadow-md p-4", __source: { fileName: "", lineNumber: 56, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("form", { onSubmit: handleAudioUpload, __source: { fileName: "", lineNumber: 57, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "audio-upload", className: "block text-sm font-medium text-[#333] mb-2", __source: { fileName: "", lineNumber: 58, columnNumber: 11 }, __self: this }, "議論の音声をアップロード"), /*#__PURE__*/ React.createElement("input", { type: "file", id: "audio-upload", name: "audio-upload", accept: "audio/*", className: "w-full text-sm text-[#333] file:mr-4 file:py-2 file:px-4 file:rounded-full file:border-0 file:text-sm file:font-semibold file:bg-[#367C2B] file:text-white hover:file:bg-[#285E1D]", __source: { fileName: "", lineNumber: 61, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "mt-4", __source: { fileName: "", lineNumber: 62, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("button", { type: "submit", className: "inline-flex items-center justify-center w-full py-2 px-4 border border-transparent rounded-md shadow-sm text-sm font-medium text-white bg-[#4CAF50] hover:bg-[#43A047] focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-[#4CAF50]", __source: { fileName: "", lineNumber: 63, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-microphone", __source: { fileName: "", lineNumber: 64, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "ml-2", __source: { fileName: "", lineNumber: 65, columnNumber: 15 }, __self: this }, "音声をテキスト化")))), /*#__PURE__*/ React.createElement("div", { className: "mt-6", __source: { fileName: "", lineNumber: 69, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "border-t border-[#ddd] pt-4", __source: { fileName: "", lineNumber: 70, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-lg font-semibold text-[#333] mb-2", __source: { fileName: "", lineNumber: 71, columnNumber: 13 }, __self: this }, "議事録のドラフト"), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-[#666] mb-4", __source: { fileName: "", lineNumber: 72, columnNumber: 13 }, __self: this }, "音声をテキスト化した結果がここに表示されます。"), loading ? /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 73, columnNumber: 24 }, __self: this }, "処理中...") : /*#__PURE__*/ React.createElement("div", { className: "text-sm text-[#666] bg-[#F0F2F5] p-4 rounded-lg", style: { minHeight: '100px' }, __source: { fileName: "", lineNumber: 73, columnNumber: 40 }, __self: this }, transcript)), /*#__PURE__*/ React.createElement("div", { className: "mt-4", __source: { fileName: "", lineNumber: 75, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: handleSummary, disabled: loading || !transcript, className: "inline-flex items-center justify-center w-full py-2 px-4 border border-transparent rounded-md shadow-sm text-sm font-medium text-white bg-[#2196F3] hover:bg-[#1E88E5] focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-[#2196F3]", __source: { fileName: "", lineNumber: 76, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-rocket", __source: { fileName: "", lineNumber: 77, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "ml-2", __source: { fileName: "", lineNumber: 78, columnNumber: 15 }, __self: this }, "要点を抽出"))), summary && /*#__PURE__*/ React.createElement("div", { className: "mt-4", __source: { fileName: "", lineNumber: 82, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-lg font-semibold text-[#333] mb-2", __source: { fileName: "", lineNumber: 83, columnNumber: 15 }, __self: this }, "要点の一覧"), /*#__PURE__*/ React.createElement("div", { className: "text-sm text-[#666] bg-[#F0F2F5] p-4 rounded-lg", style: { minHeight: '100px' }, __source: { fileName: "", lineNumber: 84, columnNumber: 15 }, __self: this }, summary))))); }