function MainComponent() { const [year, setYear] = React.useState(new Date().getFullYear()); const [month, setMonth] = React.useState(new Date().getMonth() + 1); const [days, setDays] = React.useState([]); const [chatMessage, setChatMessage] = React.useState(""); const [loading, setLoading] = React.useState(false); const [response, setResponse] = React.useState(""); const [events, setEvents] = React.useState({}); const updateCalendar = ()=>{ const firstDay = new Date(year, month - 1, 1).getDay(); const daysInMonth = new Date(year, month, 0).getDate(); const daysArray = Array.from({ length: daysInMonth }, (_, i)=>i + 1); const calendarDays = [ ...Array(firstDay).fill(null), ...daysArray ]; setDays(calendarDays); }; React.useEffect(()=>{ updateCalendar(); }, [ year, month ]); const handleDateClick = (day)=>{ const event = prompt('Enter event:'); if (event) { setEvents((prevEvents)=>({ ...prevEvents, [`${year}-${month}-${day}`]: event })); } }; const handleSubmit = async ()=>{ setLoading(true); try { const res = await fetch('/integrations/chat-gpt/conversationgpt4', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ messages: [ { role: 'user', content: chatMessage } ] }) }); const data = await res.json(); setResponse(data.choices[0].message.content); if (data.choices[0].message.content.includes("年")) { const parsedYear = data.choices[0].message.content.match(/\d{4}/); const parsedMonth = data.choices[0].message.content.match(/\d{1,2}(?=月)/); if (parsedYear) setYear(parsedYear[0]); if (parsedMonth) setMonth(parsedMonth[0]); } } catch (error) { setResponse("Error communicating with ChatGPT."); } setLoading(false); }; return /*#__PURE__*/ React.createElement("div", { className: "font-roboto p-4 max-w-[600px] mx-auto", __source: { fileName: "", lineNumber: 57, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-4 flex justify-between items-center", __source: { fileName: "", lineNumber: 58, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 59, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "year", className: "mr-2 font-semibold", __source: { fileName: "", lineNumber: 60, columnNumber: 11 }, __self: this }, "Year:"), /*#__PURE__*/ React.createElement("input", { type: "number", name: "year", id: "year", className: "border p-1", value: year, onChange: (e)=>setYear(e.target.value), __source: { fileName: "", lineNumber: 61, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 63, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "month", className: "mr-2 font-semibold", __source: { fileName: "", lineNumber: 64, columnNumber: 11 }, __self: this }, "Month:"), /*#__PURE__*/ React.createElement("input", { type: "number", name: "month", id: "month", className: "border p-1", value: month, onChange: (e)=>setMonth(e.target.value), __source: { fileName: "", lineNumber: 65, columnNumber: 11 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-7 gap-2 text-center", __source: { fileName: "", lineNumber: 68, columnNumber: 7 }, __self: this }, [ 'Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat' ].map((day)=>/*#__PURE__*/ React.createElement("div", { key: day, className: "font-semibold", __source: { fileName: "", lineNumber: 70, columnNumber: 11 }, __self: this }, day)), days.map((day, i)=>{ const dayContent = day ? day : ''; const eventKey = `${year}-${month}-${day}`; const event = events[eventKey]; return /*#__PURE__*/ React.createElement("div", { key: i, className: `border p-2 h-[80px] ${day ? '' : 'bg-gray-200'}`, onClick: ()=>day && handleDateClick(day), __source: { fileName: "", lineNumber: 77, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 78, columnNumber: 15 }, __self: this }, dayContent), event && /*#__PURE__*/ React.createElement("div", { className: "text-sm", __source: { fileName: "", lineNumber: 79, columnNumber: 25 }, __self: this }, event)); })), /*#__PURE__*/ React.createElement("div", { className: "mt-4", __source: { fileName: "", lineNumber: 84, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "chatMessage", className: "block mb-2 font-semibold", __source: { fileName: "", lineNumber: 85, columnNumber: 9 }, __self: this }, "Chat with ChatGPT:"), /*#__PURE__*/ React.createElement("textarea", { name: "chatMessage", id: "chatMessage", rows: "4", className: "border w-full p-2", value: chatMessage, onChange: (e)=>setChatMessage(e.target.value), __source: { fileName: "", lineNumber: 86, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("button", { className: "bg-blue-500 text-white p-2 mt-2 w-full", onClick: handleSubmit, disabled: loading, __source: { fileName: "", lineNumber: 87, columnNumber: 9 }, __self: this }, loading ? 'Sending...' : 'Send'), response && /*#__PURE__*/ React.createElement("div", { className: "mt-4 p-2 border", __source: { fileName: "", lineNumber: 90, columnNumber: 22 }, __self: this }, response))); }