function TaskAdditionButton({ onClick, loading }) { const buttonText = loading ? "Planning..." : "Add Task"; return /*#__PURE__*/ React.createElement("button", { className: "mt-4 w-full bg-blue-500 text-white py-2 rounded-lg shadow-lg hover:bg-blue-600", onClick: onClick, __source: { fileName: "", lineNumber: 5, columnNumber: 5 }, __self: this }, buttonText); } function TaskAdditionButtonStory() { const [loading, setLoading] = React.useState(false); const handleAddTask = ()=>{ setLoading(true); setTimeout(()=>{ setLoading(false); alert("Task added to the calendar!"); }, 2000); // simulate a delayed task addition }; return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 26, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(TaskAdditionButton, { onClick: handleAddTask, loading: loading, __source: { fileName: "", lineNumber: 27, columnNumber: 7 }, __self: this })); } function MainComponent() { const [tasks, setTasks] = React.useState([]); const [taskInput, setTaskInput] = React.useState(""); const [loading, setLoading] = React.useState(false); const handleInputChange = (event)=>{ setTaskInput(event.target.value); }; const handleAddTask = ()=>{ setLoading(true); fetch('/integrations/chat-gpt/conversationgpt4', { method: 'POST', body: JSON.stringify({ messages: [ { "role": "user", "content": taskInput } ], system_prompt: 'Plan this task' }), headers: { 'Content-Type': 'application/json' } }).then((res)=>res.json()).then((data)=>{ const content = data.choices[0].message.content; const newTask = { id: Date.now(), description: taskInput, frequency: parseFrequency(taskInput), time: parseTime(taskInput), day: parseDay(taskInput) }; setTasks([ ...tasks, newTask ]); setTaskInput(""); setLoading(false); sendReminder(newTask); }); }; const parseFrequency = (input)=>{ if (input.includes("daily")) return "daily"; if (input.includes("weekly")) return "weekly"; if (input.includes("monthly")) return "monthly"; if (input.includes("yearly")) return "yearly"; return "none"; }; const parseTime = (input)=>{ const timeMatch = input.match(/\b\d{1,2}(:\d{2})?\s?(AM|PM|am|pm)?\b/); return timeMatch ? timeMatch[0] : "N/A"; }; const parseDay = (input)=>{ const dayMatch = input.match(/\b(Monday|Tuesday|Wednesday|Thursday|Friday|Saturday|Sunday)\b/); return dayMatch ? dayMatch[0] : "every day"; }; const sendReminder = (task)=>{ console.log(`Reminder set for: ${task.description} at ${task.time} on ${task.day} (Frequency: ${task.frequency})`); }; return /*#__PURE__*/ React.createElement("div", { className: "container mx-auto p-4 font-roboto", __source: { fileName: "", lineNumber: 67, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "mb-6 text-center", __source: { fileName: "", lineNumber: 68, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl font-bold", __source: { fileName: "", lineNumber: 69, columnNumber: 9 }, __self: this }, "AI Personal Assistant"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-700", __source: { fileName: "", lineNumber: 70, columnNumber: 9 }, __self: this }, "Plan your routine and stay on top of your tasks")), /*#__PURE__*/ React.createElement("div", { className: "flex justify-center mb-6", __source: { fileName: "", lineNumber: 73, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-full md:w-[700px]", __source: { fileName: "", lineNumber: 74, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", name: "taskInput", value: taskInput, onChange: handleInputChange, placeholder: "Enter task, time, and frequency (e.g., 'Workout at 7 AM daily')", className: "w-full px-4 py-2 border rounded-lg shadow-sm focus:outline-none focus:ring focus:border-blue-300", __source: { fileName: "", lineNumber: 75, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement(TaskAdditionButton, { onClick: handleAddTask, loading: loading, __source: { fileName: "", lineNumber: 83, columnNumber: 11 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "calendar mb-6", __source: { fileName: "", lineNumber: 87, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-semibold text-center mb-4", __source: { fileName: "", lineNumber: 88, columnNumber: 9 }, __self: this }, "Your Calendar"), /*#__PURE__*/ React.createElement("div", { className: "rounded-lg shadow-lg p-4 bg-white", __source: { fileName: "", lineNumber: 89, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("ul", { __source: { fileName: "", lineNumber: 90, columnNumber: 11 }, __self: this }, tasks.map((task)=>/*#__PURE__*/ React.createElement("li", { key: task.id, className: "text-center text-gray-500", __source: { fileName: "", lineNumber: 92, columnNumber: 15 }, __self: this }, task.description, " - ", task.time, " on ", task.day, " (", task.frequency, ")"))))), /*#__PURE__*/ React.createElement("div", { className: "reminder-settings mb-6", __source: { fileName: "", lineNumber: 100, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-semibold text-center mb-4", __source: { fileName: "", lineNumber: 101, columnNumber: 9 }, __self: this }, "Reminder Settings"), /*#__PURE__*/ React.createElement("div", { className: "rounded-lg shadow-lg p-4 bg-white", __source: { fileName: "", lineNumber: 102, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-center text-gray-500", __source: { fileName: "", lineNumber: 103, columnNumber: 11 }, __self: this }, "Set preferences for reminders here"))), /*#__PURE__*/ React.createElement("footer", { className: "text-center text-sm text-gray-500", __source: { fileName: "", lineNumber: 107, columnNumber: 7 }, __self: this }, "Smart AI Personal Assistant © 2023")); }