function MainComponent() { const [studentId, setStudentId] = React.useState(''); const [schedule, setSchedule] = React.useState(null); const [loading, setLoading] = React.useState(false); const handleSubmit = async (e)=>{ e.preventDefault(); setLoading(true); const messages = [ { role: 'user', content: `Retrieve the schedule for student ID ${studentId}` } ]; const system_prompt = 'Provide the class schedule for the given student ID'; const response = await fetch('/integrations/chat-gpt/conversationgpt4', { method: 'POST', body: JSON.stringify({ messages, system_prompt }), headers: { 'Content-Type': 'application/json' } }); const data = await response.json(); setLoading(false); const content = data.choices[0].message.content; // Assuming API returns the schedule data in JSON format setSchedule(JSON.parse(content)); }; return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center min-h-screen bg-gray-100", __source: { fileName: "", lineNumber: 32, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-bold font-sans mb-6", __source: { fileName: "", lineNumber: 33, columnNumber: 7 }, __self: this }, "大学の授業表"), /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmit, className: "w-[300px] bg-white shadow-md rounded px-8 pt-6 pb-8 mb-4", __source: { fileName: "", lineNumber: 34, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 35, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-700 text-sm font-bold mb-2", htmlFor: "studentId", __source: { fileName: "", lineNumber: 36, columnNumber: 11 }, __self: this }, "学籍番号"), /*#__PURE__*/ React.createElement("input", { className: "shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline", id: "studentId", type: "text", name: "studentId", placeholder: "学籍番号を入力", value: studentId, onChange: (e)=>setStudentId(e.target.value), __source: { fileName: "", lineNumber: 39, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "w-full bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded focus:outline-none focus:shadow-outline", __source: { fileName: "", lineNumber: 49, columnNumber: 9 }, __self: this }, "提出")), /*#__PURE__*/ React.createElement("div", { id: "schedule", className: "w-full max-w-4xl bg-white shadow-md rounded px-8 pt-6 pb-8 mt-4", __source: { fileName: "", lineNumber: 56, columnNumber: 7 }, __self: this }, loading && /*#__PURE__*/ React.createElement("p", { className: "text-center", __source: { fileName: "", lineNumber: 57, columnNumber: 21 }, __self: this }, "Loading..."), schedule && /*#__PURE__*/ React.createElement("table", { className: "min-w-full leading-normal", __source: { fileName: "", lineNumber: 59, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("thead", { __source: { fileName: "", lineNumber: 60, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("tr", { __source: { fileName: "", lineNumber: 61, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("th", { className: "px-5 py-3 border-b-2 border-gray-200 bg-gray-100 text-left text-xs font-semibold text-gray-600 uppercase tracking-wider", __source: { fileName: "", lineNumber: 62, columnNumber: 17 }, __self: this }, "科目"), /*#__PURE__*/ React.createElement("th", { className: "px-5 py-3 border-b-2 border-gray-200 bg-gray-100 text-left text-xs font-semibold text-gray-600 uppercase tracking-wider", __source: { fileName: "", lineNumber: 65, columnNumber: 17 }, __self: this }, "教授"), /*#__PURE__*/ React.createElement("th", { className: "px-5 py-3 border-b-2 border-gray-200 bg-gray-100 text-left text-xs font-semibold text-gray-600 uppercase tracking-wider", __source: { fileName: "", lineNumber: 68, columnNumber: 17 }, __self: this }, "時間"))), /*#__PURE__*/ React.createElement("tbody", { __source: { fileName: "", lineNumber: 73, columnNumber: 13 }, __self: this }, schedule.map((classItem)=>/*#__PURE__*/ React.createElement("tr", { key: classItem.id, __source: { fileName: "", lineNumber: 75, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("td", { className: "px-5 py-5 border-b border-gray-200 bg-white text-sm", __source: { fileName: "", lineNumber: 76, columnNumber: 19 }, __self: this }, classItem.subject), /*#__PURE__*/ React.createElement("td", { className: "px-5 py-5 border-b border-gray-200 bg-white text-sm", __source: { fileName: "", lineNumber: 77, columnNumber: 19 }, __self: this }, classItem.teacher), /*#__PURE__*/ React.createElement("td", { className: "px-5 py-5 border-b border-gray-200 bg-white text-sm", __source: { fileName: "", lineNumber: 78, columnNumber: 19 }, __self: this }, classItem.time))))))); }