function MainComponent({ userName, snsName, profileContent, chatContent, tone, useHonorifics, instructions, pronoun, otherPronoun }) { const pronounOptions = [ "俺", "僕", "私", "その他" ]; const chatList = [ { userName: "Taro", snsName: "Twitter" }, { userName: "Jiro", snsName: "Instagram" } ]; const [loading, setLoading] = React.useState(false); const [responses, setResponses] = React.useState([]); const handleSubmit = async (e)=>{ e.preventDefault(); setLoading(true); const messages = [ { role: "system", content: `相手の名前: ${userName}, SNS名: ${snsName}, プロフィール内容: ${profileContent}` }, { role: "user", content: `これまでのトーク内容: ${chatContent}, 一人称: ${pronoun}, 敬語を使用: ${useHonorifics ? "はい" : "いいえ"}, 返信の大まかな指示: ${instructions}` } ]; const response = await fetch('/integrations/chat-gpt/conversationgpt4', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ messages }) }); const data = await response.json(); const newResponses = data.choices.map((choice)=>choice.message.content); setResponses(newResponses); setLoading(false); }; return /*#__PURE__*/ React.createElement("div", { className: "p-4 w-full max-w-screen-lg mx-auto", __source: { fileName: "", lineNumber: 33, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-bold mb-4 font-roboto", __source: { fileName: "", lineNumber: 34, columnNumber: 7 }, __self: this }, "Chat Reply App"), /*#__PURE__*/ React.createElement("form", { className: "space-y-4", onSubmit: handleSubmit, __source: { fileName: "", lineNumber: 35, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 36, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block font-roboto", __source: { fileName: "", lineNumber: 37, columnNumber: 11 }, __self: this }, "相手の名前:"), /*#__PURE__*/ React.createElement("input", { name: "userName", className: "border w-full p-2 font-roboto", defaultValue: userName, __source: { fileName: "", lineNumber: 38, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 40, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block font-roboto", __source: { fileName: "", lineNumber: 41, columnNumber: 11 }, __self: this }, "SNS名:"), /*#__PURE__*/ React.createElement("input", { name: "snsName", className: "border w-full p-2 font-roboto", defaultValue: snsName, __source: { fileName: "", lineNumber: 42, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 44, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block font-roboto", __source: { fileName: "", lineNumber: 45, columnNumber: 11 }, __self: this }, "プロフィール内容:"), /*#__PURE__*/ React.createElement("textarea", { name: "profileContent", className: "border w-full p-2 font-roboto", rows: "4", defaultValue: profileContent, __source: { fileName: "", lineNumber: 46, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "file", name: "profileScreenshot", className: "block mt-2 font-roboto", __source: { fileName: "", lineNumber: 47, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 49, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block font-roboto", __source: { fileName: "", lineNumber: 50, columnNumber: 11 }, __self: this }, "これまでのトーク内容:"), /*#__PURE__*/ React.createElement("textarea", { name: "chatContent", className: "border w-full p-2 font-roboto", rows: "4", defaultValue: chatContent, __source: { fileName: "", lineNumber: 51, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "file", name: "chatScreenshot", className: "block mt-2 font-roboto", __source: { fileName: "", lineNumber: 52, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 54, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block font-roboto", __source: { fileName: "", lineNumber: 55, columnNumber: 11 }, __self: this }, "返信の大まかな指示:"), /*#__PURE__*/ React.createElement("textarea", { name: "instructions", className: "border w-full p-2 font-roboto", rows: "3", defaultValue: instructions, __source: { fileName: "", lineNumber: 56, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 58, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block font-roboto", __source: { fileName: "", lineNumber: 59, columnNumber: 11 }, __self: this }, "一人称:"), /*#__PURE__*/ React.createElement("select", { name: "pronoun", className: "border w-full p-2 font-roboto", defaultValue: pronoun, __source: { fileName: "", lineNumber: 60, columnNumber: 11 }, __self: this }, pronounOptions.map((option)=>/*#__PURE__*/ React.createElement("option", { key: option, value: option, __source: { fileName: "", lineNumber: 61, columnNumber: 43 }, __self: this }, option))), pronoun === "その他" && /*#__PURE__*/ React.createElement("input", { name: "otherPronoun", className: "border w-full p-2 mt-2 font-roboto", defaultValue: otherPronoun, placeholder: "記入してください", __source: { fileName: "", lineNumber: 63, columnNumber: 34 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 65, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block font-roboto", __source: { fileName: "", lineNumber: 66, columnNumber: 11 }, __self: this }, "敬語を使用:"), /*#__PURE__*/ React.createElement("input", { type: "checkbox", name: "useHonorifics", className: "font-roboto", defaultChecked: useHonorifics, __source: { fileName: "", lineNumber: 67, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "bg-blue-500 text-white p-2 rounded font-roboto w-full", __source: { fileName: "", lineNumber: 69, columnNumber: 9 }, __self: this }, "新規")), loading ? /*#__PURE__*/ React.createElement("div", { className: "mt-4 text-center font-roboto", __source: { fileName: "", lineNumber: 73, columnNumber: 9 }, __self: this }, "Loading...") : /*#__PURE__*/ React.createElement("div", { className: "mt-4 space-y-4", __source: { fileName: "", lineNumber: 75, columnNumber: 9 }, __self: this }, responses.map((response, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "p-2 border rounded font-roboto", __source: { fileName: "", lineNumber: 77, columnNumber: 13 }, __self: this }, response))), /*#__PURE__*/ React.createElement("div", { className: "mt-6", __source: { fileName: "", lineNumber: 84, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-semibold mb-4 font-roboto", __source: { fileName: "", lineNumber: 85, columnNumber: 9 }, __self: this }, "トーク一覧"), /*#__PURE__*/ React.createElement("div", { className: "space-y-2", __source: { fileName: "", lineNumber: 86, columnNumber: 9 }, __self: this }, chatList.map((chat, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "flex justify-between p-2 border rounded font-roboto", __source: { fileName: "", lineNumber: 88, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 89, columnNumber: 15 }, __self: this }, chat.userName), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 90, columnNumber: 15 }, __self: this }, chat.snsName)))))); } function StoryComponent() { return /*#__PURE__*/ React.createElement("div", { className: "p-4", __source: { fileName: "", lineNumber: 101, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(MainComponent, { userName: "Hanako", snsName: "Line", profileContent: "Hanako is my school friend.", chatContent: "昨日はありがとう! 楽しかったね。", tone: "casual", useHonorifics: true, instructions: "相手を励ます感じで", pronoun: "私", otherPronoun: "", __source: { fileName: "", lineNumber: 102, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(MainComponent, { userName: "Taro", snsName: "Twitter", profileContent: "Taro loves to play soccer.", chatContent: "今度の試合、楽しみだね。", tone: "formal", useHonorifics: false, instructions: "フォーマルに返事してほしい", pronoun: "僕", otherPronoun: "", __source: { fileName: "", lineNumber: 113, columnNumber: 7 }, __self: this })); }