function MainComponent() { const [loading, setLoading] = React.useState(false); const [evaluationResult, setEvaluationResult] = React.useState(''); const [score, setScore] = React.useState(''); const [reasons, setReasons] = React.useState(''); const handleFormSubmit = async (e)=>{ e.preventDefault(); setLoading(true); const entrySheetTask = e.target.entrySheetTask.value; const entrySheetText = e.target.entrySheetText.value; const response = await fetch('/integrations/chat-gpt/conversationgpt4', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ messages: [ { "role": "system", "content": "エントリーシートの添削をしてください。" }, { "role": "user", "content": entrySheetTask }, { "role": "user", "content": entrySheetText } ], system_prompt: 'エントリーシートの課題と文章に基づき、10段階で評価し、8点以上を合格とします。良かった点、悪かった点、改善案を箇条書きでご提供ください。' }) }).then((res)=>res.json()); const evaluation = response.choices[0].message.content.split('\n'); setScore(evaluation.splice(0, 1)[0]); setReasons(evaluation.join('\n')); setLoading(false); }; return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center w-full h-screen bg-[#f7f7f7] p-4", __source: { fileName: "", lineNumber: 35, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-bold text-[#333] mb-6", __source: { fileName: "", lineNumber: 36, columnNumber: 7 }, __self: this }, "エントリーシートの添削アプリ"), /*#__PURE__*/ React.createElement("form", { className: "w-full max-w-[500px]", onSubmit: handleFormSubmit, __source: { fileName: "", lineNumber: 37, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 38, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "entrySheetTask", className: "block text-md font-semibold text-[#333] mb-2", __source: { fileName: "", lineNumber: 39, columnNumber: 11 }, __self: this }, "エントリーシートの課題"), /*#__PURE__*/ React.createElement("textarea", { id: "entrySheetTask", name: "entrySheetTask", rows: "4", className: "w-full p-2 border rounded-md font-roboto text-[#333]", placeholder: "課題を入力", __source: { fileName: "", lineNumber: 40, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 42, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "entrySheetText", className: "block text-md font-semibold text-[#333] mb-2", __source: { fileName: "", lineNumber: 43, columnNumber: 11 }, __self: this }, "文章"), /*#__PURE__*/ React.createElement("textarea", { id: "entrySheetText", name: "entrySheetText", rows: "6", className: "w-full p-2 border rounded-md font-roboto text-[#333]", placeholder: "エントリーシートの文章", __source: { fileName: "", lineNumber: 44, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("button", { type: "submit", className: `transition duration-300 ease-in-out w-full ${loading ? 'bg-gray-500' : 'bg-blue-500 hover:bg-blue-700'} text-white font-bold py-2 px-4 rounded`, __source: { fileName: "", lineNumber: 46, columnNumber: 9 }, __self: this }, "評価をリクエスト"), loading && /*#__PURE__*/ React.createElement("p", { className: "text-center font-roboto text-sm text-[#333] mt-4", __source: { fileName: "", lineNumber: 47, columnNumber: 21 }, __self: this }, "評価中...")), evaluationResult && /*#__PURE__*/ React.createElement("div", { className: "mt-6 p-4 border rounded-lg font-roboto text-[#333] w-full max-w-[500px]", __source: { fileName: "", lineNumber: 50, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-bold", __source: { fileName: "", lineNumber: 51, columnNumber: 11 }, __self: this }, "評価結果:"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 52, columnNumber: 11 }, __self: this }, score), /*#__PURE__*/ React.createElement("h3", { className: "font-bold mt-4", __source: { fileName: "", lineNumber: 53, columnNumber: 11 }, __self: this }, "評価の詳細:"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 54, columnNumber: 11 }, __self: this }, reasons))); }