function MainComponent() { const [events, setEvents] = React.useState([]); const [selectedEvent, setSelectedEvent] = React.useState({ preferences: {} }); const [alarmTone, setAlarmTone] = React.useState(''); const [volume, setVolume] = React.useState(50); const [snooze, setSnooze] = React.useState(5); const [loading, setLoading] = React.useState(false); React.useEffect(()=>{ fetchEvents(); }, []); const fetchEvents = async ()=>{ setLoading(true); try { const response = await fetch('/integrations/chat-gpt/conversationgpt4', { method: 'POST', body: JSON.stringify({ messages: [ { "role": "user", "content": "Fetch my schedule from Google Calendar" } ], system_prompt: 'Connect to Google Calendar API and retrieve the user\'s schedule.', max_tokens: 2000 }), headers: { 'Content-Type': 'application/json' } }); const { result, status } = await response.json(); if (status) { setEvents(JSON.parse(result)); } else { throw new Error('Failed to fetch events'); } } catch (error) { console.error(error.message); } finally{ setLoading(false); } }; const handleEventSelect = (event)=>{ setSelectedEvent(event); setAlarmTone(event.preferences.alarmTone || ''); setVolume(event.preferences.volume || 50); setSnooze(event.preferences.snooze || 5); }; const handleSavePreferences = async ()=>{ const updatedEvents = events.map((event)=>event.id === selectedEvent.id ? { ...event, preferences: { alarmTone, volume, snooze } } : event); setEvents(updatedEvents); setSelectedEvent({ preferences: {} }); try { await fetch('/integrations/chat-gpt/conversationgpt4', { method: 'POST', body: JSON.stringify({ messages: [ { "role": "user", "content": "Save alarm settings for my Google Calendar events" } ], system_prompt: 'Connect to Google Calendar API and save the alarm settings for the events.', max_tokens: 2000 }), headers: { 'Content-Type': 'application/json' } }); } catch (error) { console.error(error.message); } }; const renderEventList = ()=>events.map((event)=>/*#__PURE__*/ React.createElement("div", { key: event.id, className: "p-2 m-2 bg-[#FFFFFF] rounded shadow cursor-pointer", onClick: ()=>handleEventSelect(event), __source: { fileName: "", lineNumber: 78, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between", __source: { fileName: "", lineNumber: 83, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 84, columnNumber: 11 }, __self: this }, event.title), /*#__PURE__*/ React.createElement("span", { className: `${event.preferences.alarmTone ? 'fa fa-bell text-sm' : 'fa fa-bell-slash text-sm'}`, __source: { fileName: "", lineNumber: 85, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "text-xs", __source: { fileName: "", lineNumber: 87, columnNumber: 9 }, __self: this }, event.start, " - ", event.end), /*#__PURE__*/ React.createElement("div", { className: "text-xs", __source: { fileName: "", lineNumber: 90, columnNumber: 9 }, __self: this }, "Type: ", event.type))); const renderPreferences = ()=>/*#__PURE__*/ React.createElement("div", { className: "bg-[#FFFFFF] p-4 m-2 rounded shadow", __source: { fileName: "", lineNumber: 97, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 98, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "alarmTone", className: "font-semibold", __source: { fileName: "", lineNumber: 99, columnNumber: 9 }, __self: this }, "Notification Tone:"), /*#__PURE__*/ React.createElement("select", { id: "alarmTone", name: "alarmTone", value: alarmTone, onChange: (e)=>setAlarmTone(e.target.value), className: "w-full mt-1", __source: { fileName: "", lineNumber: 100, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "", __source: { fileName: "", lineNumber: 107, columnNumber: 11 }, __self: this }, "None"), /*#__PURE__*/ React.createElement("option", { value: "beep", __source: { fileName: "", lineNumber: 108, columnNumber: 11 }, __self: this }, "Beep"), /*#__PURE__*/ React.createElement("option", { value: "chime", __source: { fileName: "", lineNumber: 109, columnNumber: 11 }, __self: this }, "Chime"), /*#__PURE__*/ React.createElement("option", { value: "ring", __source: { fileName: "", lineNumber: 110, columnNumber: 11 }, __self: this }, "Ring"))), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 113, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "volume", className: "font-semibold", __source: { fileName: "", lineNumber: 114, columnNumber: 9 }, __self: this }, "Volume:"), /*#__PURE__*/ React.createElement("input", { type: "range", id: "volume", name: "volume", value: volume, onChange: (e)=>setVolume(e.target.value), className: "w-full mt-1", __source: { fileName: "", lineNumber: 115, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 124, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "snooze", className: "font-semibold", __source: { fileName: "", lineNumber: 125, columnNumber: 9 }, __self: this }, "Snooze:"), /*#__PURE__*/ React.createElement("input", { type: "number", id: "snooze", name: "snooze", value: snooze, onChange: (e)=>setSnooze(e.target.value), className: "w-full mt-1", __source: { fileName: "", lineNumber: 126, columnNumber: 9 }, __self: this })), selectedEvent.id && /*#__PURE__*/ React.createElement("button", { onClick: handleSavePreferences, className: "px-4 py-2 bg-black text-white rounded", __source: { fileName: "", lineNumber: 136, columnNumber: 9 }, __self: this }, "Save Preferences")); return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-[#000000] text-white font-roboto", __source: { fileName: "", lineNumber: 147, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "text-xl p-4 border-b border-[#FFFFFF]", __source: { fileName: "", lineNumber: 148, columnNumber: 7 }, __self: this }, "Smart Calendar"), /*#__PURE__*/ React.createElement("main", { className: "p-4", __source: { fileName: "", lineNumber: 152, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-4", __source: { fileName: "", lineNumber: 153, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "md:col-span-2", __source: { fileName: "", lineNumber: 154, columnNumber: 11 }, __self: this }, loading ? /*#__PURE__*/ React.createElement("div", { className: "flex justify-center items-center h-full", __source: { fileName: "", lineNumber: 156, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-spinner animate-spin text-3xl", __source: { fileName: "", lineNumber: 157, columnNumber: 17 }, __self: this })) : renderEventList()), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 161, columnNumber: 11 }, __self: this }, renderPreferences())))); }