function MainComponent() { const [message, setMessage] = React.useState(''); const [chatHistory, setChatHistory] = React.useState([]); const [loading, setLoading] = React.useState(false); const sendMessage = async ()=>{ if (message.trim() === '') return; const userMessage = { role: 'user', content: message }; setChatHistory((prevChatHistory)=>[ ...prevChatHistory, userMessage ]); setMessage(''); setLoading(true); const response = await fetch('/integrations/chat-gpt/conversationgpt4', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ messages: [ userMessage ], system_prompt: message }) }); const result = await response.json(); if (result && result.choices && result.choices.length > 0) { const assistantMessage = { role: 'assistant', content: result.choices[0].message.content }; setChatHistory((prevChatHistory)=>[ ...prevChatHistory, assistantMessage ]); } setLoading(false); }; const handleMessageChange = (event)=>{ setMessage(event.target.value); }; const handleKeyDown = (event)=>{ if (event.key === 'Enter') { sendMessage(); } }; const handlePdfUpload = async (event)=>{ const file = event.target.files[0]; if (file) { const formData = new FormData(); formData.append('file', file); const uploadResponse = await fetch('/api/pdf-extract', { method: 'POST', body: formData }); const textResult = await uploadResponse.text(); const chatResponse = await fetch('/integrations/chat-gpt/conversationgpt4', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ messages: [ { role: 'user', content: textResult } ], system_prompt: textResult }) }); const chatResult = await chatResponse.json(); if (chatResult && chatResult.choices && chatResult.choices.length > 0) { const assistantMessage = { role: 'assistant', content: chatResult.choices[0].message.content }; setChatHistory((prevChatHistory)=>[ ...prevChatHistory, assistantMessage ]); } } }; return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center min-h-screen bg-[#F0F2F5]", __source: { fileName: "", lineNumber: 72, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-3xl p-6 bg-white shadow-lg rounded-lg", __source: { fileName: "", lineNumber: 73, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-4 font-roboto text-xl text-[#121212]", __source: { fileName: "", lineNumber: 74, columnNumber: 9 }, __self: this }, "AI対話型チャット"), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col", __source: { fileName: "", lineNumber: 75, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-4 overflow-auto h-[400px] bg-[#E7E9EB] p-4 rounded-lg", __source: { fileName: "", lineNumber: 76, columnNumber: 11 }, __self: this }, chatHistory.map((msg, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: `mb-2 ${msg.role === 'assistant' ? 'text-right' : 'text-left'}`, __source: { fileName: "", lineNumber: 78, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: `inline-block p-2 rounded-lg ${msg.role === 'assistant' ? 'bg-[#D1D5DB]' : 'bg-[#4F46E5] text-white'}`, __source: { fileName: "", lineNumber: 79, columnNumber: 17 }, __self: this }, msg.content))), loading && /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 84, columnNumber: 25 }, __self: this }, "Loading...")), /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 86, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "bg-[#4F46E5] text-white px-4 py-2 rounded-r-lg", onClick: sendMessage, __source: { fileName: "", lineNumber: 88, columnNumber: 13 }, __self: this }, "送信"))), /*#__PURE__*/ React.createElement("div", { className: "mt-6", __source: { fileName: "", lineNumber: 93, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "pdf-upload", className: "flex items-center cursor-pointer", __source: { fileName: "", lineNumber: 94, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-center w-10 h-10 border border-[#D1D5DB] text-[#9CA3AF] rounded-full", __source: { fileName: "", lineNumber: 95, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-upload", __source: { fileName: "", lineNumber: 96, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("span", { className: "ml-2 font-roboto text-[#6B7280]", __source: { fileName: "", lineNumber: 98, columnNumber: 13 }, __self: this }, "PDF読み取り")), /*#__PURE__*/ React.createElement("input", { id: "pdf-upload", type: "file", name: "pdf-upload", className: "hidden", accept: "application/pdf", onChange: handlePdfUpload, __source: { fileName: "", lineNumber: 100, columnNumber: 11 }, __self: this })))); }