function MainComponent() { const [loading, setLoading] = React.useState(false); const [responses, setResponses] = React.useState([]); const [activeChat, setActiveChat] = React.useState(null); const [chats, setChats] = React.useState([]); const handleChatSubmit = (event, chat)=>{ event.preventDefault(); setActiveChat(chat); }; const handleSubmitMessage = async (event)=>{ event.preventDefault(); setLoading(true); const formData = new FormData(event.target); const messages = [ { role: 'user', content: formData.get('userMessages') || "" } ]; try { const res = await fetch('/integrations/chat-gpt/conversationgpt4', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ messages }) }); const data = await res.json(); if (data.choices) { setResponses(data.choices.map((choice)=>choice.message.content)); } } catch (error) { console.error("Error fetching responses:", error); } setLoading(false); }; return /*#__PURE__*/ React.createElement("div", { className: "w-full h-full flex flex-col items-center justify-center font-roboto", __source: { fileName: "", lineNumber: 39, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white shadow-md rounded-lg p-8 w-[600px]", __source: { fileName: "", lineNumber: 40, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-bold mb-4", __source: { fileName: "", lineNumber: 41, columnNumber: 9 }, __self: this }, "チャット管理"), /*#__PURE__*/ React.createElement("form", { onSubmit: (event)=>{ event.preventDefault(); setChats((prevChats)=>[ ...prevChats, { name: event.target.chatName.value, sns: event.target.snsName.value } ]); }, __source: { fileName: "", lineNumber: 42, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("input", { className: "border border-gray-300 rounded-md w-full p-2 mb-4 font-roboto", placeholder: "トーク相手の名前", name: "chatName", required: true, __source: { fileName: "", lineNumber: 46, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("input", { className: "border border-gray-300 rounded-md w-full p-2 mb-4 font-roboto", placeholder: "SNSの名前", name: "snsName", required: true, __source: { fileName: "", lineNumber: 52, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "bg-blue-500 text-white font-bold py-2 px-4 rounded-md w-full mb-4", __source: { fileName: "", lineNumber: 58, columnNumber: 11 }, __self: this }, "トークを追加")), chats.length > 0 && /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 63, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-bold mb-2", __source: { fileName: "", lineNumber: 64, columnNumber: 13 }, __self: this }, "トーク相手"), /*#__PURE__*/ React.createElement("ul", { __source: { fileName: "", lineNumber: 65, columnNumber: 13 }, __self: this }, chats.map((chat, index)=>/*#__PURE__*/ React.createElement("li", { key: index, className: "cursor-pointer text-blue-500 underline mb-2", onClick: (event)=>handleChatSubmit(event, chat), __source: { fileName: "", lineNumber: 67, columnNumber: 17 }, __self: this }, chat.name, " (", chat.sns, ")")))), activeChat && /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 75, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-bold mb-4", __source: { fileName: "", lineNumber: 76, columnNumber: 13 }, __self: this }, activeChat.name, "とのやり取り (", activeChat.sns, ")"), /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmitMessage, __source: { fileName: "", lineNumber: 77, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("textarea", { className: "border border-gray-300 rounded-md w-full p-2 mb-4 font-roboto", rows: "5", placeholder: "メッセージのやり取りをコピペ...", name: "userMessages", __source: { fileName: "", lineNumber: 78, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "file", className: "border border-gray-300 rounded-md w-full p-2 mb-4", accept: "image/*", name: "userMessagesScreenshot", __source: { fileName: "", lineNumber: 84, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-bold mb-4", __source: { fileName: "", lineNumber: 90, columnNumber: 15 }, __self: this }, "トーク相手のプロフィール"), /*#__PURE__*/ React.createElement("textarea", { className: "border border-gray-300 rounded-md w-full p-2 mb-4 font-roboto", rows: "3", placeholder: "プロフィールをコピペ...", name: "profile", __source: { fileName: "", lineNumber: 91, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "file", className: "border border-gray-300 rounded-md w-full p-2 mb-4", accept: "image/*", name: "profileScreenshot", __source: { fileName: "", lineNumber: 97, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "bg-blue-500 text-white font-bold py-2 px-4 rounded-md w-full", __source: { fileName: "", lineNumber: 103, columnNumber: 15 }, __self: this }, "送信")), loading && /*#__PURE__*/ React.createElement("p", { className: "text-blue-500 font-bold", __source: { fileName: "", lineNumber: 107, columnNumber: 25 }, __self: this }, "読み込み中..."), /*#__PURE__*/ React.createElement("div", { className: "mt-4", __source: { fileName: "", lineNumber: 108, columnNumber: 13 }, __self: this }, responses.map((response, index)=>/*#__PURE__*/ React.createElement("p", { key: index, className: "bg-gray-100 p-2 rounded-md mb-2", __source: { fileName: "", lineNumber: 110, columnNumber: 17 }, __self: this }, response)))))); }