function MainComponent() { const [objectives, setObjectives] = React.useState([]); const [newObjective, setNewObjective] = React.useState(''); const [selectedObjective, setSelectedObjective] = React.useState(null); const [taskName, setTaskName] = React.useState(''); const [taskCategory, setTaskCategory] = React.useState('simple'); const [updateTime, setUpdateTime] = React.useState(Date.now()); const addObjective = ()=>{ if (!newObjective) return; setObjectives([ ...objectives, { name: newObjective, tasks: { simple: [], normal: [], complex: [] }, completed: { simple: 0, normal: 0, complex: 0 }, lastUpdate: Date.now() } ]); setNewObjective(''); setSelectedObjective(objectives.length); }; const addTask = ()=>{ if (!taskName || selectedObjective === null) return; const updatedObjectives = objectives.map((objective, index)=>{ if (index === selectedObjective) { return { ...objective, tasks: { ...objective.tasks, [taskCategory]: [ ...objective.tasks[taskCategory], { name: taskName, completed: false, discarded: false } ] }, lastUpdate: Date.now() }; } return objective; }); setObjectives(updatedObjectives); setTaskName(''); setUpdateTime(Date.now()); }; const toggleTaskCompletion = (objectiveIndex, category, taskIndex)=>{ const updatedObjectives = objectives.map((objective, idx)=>{ if (idx === objectiveIndex) { const updatedTasks = objective.tasks[category].map((task, tIdx)=>{ if (tIdx === taskIndex) { return { ...task, completed: !task.completed, discarded: false }; } return task; }); const updatedCompleted = { ...objective.completed, [category]: updatedTasks.filter((task)=>task.completed).length }; return { ...objective, tasks: { ...objective.tasks, [category]: updatedTasks }, completed: updatedCompleted, lastUpdate: Date.now() }; } return objective; }); setObjectives(updatedObjectives); setUpdateTime(Date.now()); }; const discardTask = (objectiveIndex, category, taskIndex)=>{ const updatedObjectives = objectives.map((objective, idx)=>{ if (idx === objectiveIndex) { const updatedTasks = objective.tasks[category].map((task, tIdx)=>{ if (tIdx === taskIndex) { return { ...task, discarded: true }; } return task; }); return { ...objective, tasks: { ...objective.tasks, [category]: updatedTasks }, lastUpdate: Date.now() }; } return objective; }); setObjectives(updatedObjectives); setUpdateTime(Date.now()); }; const calculateCompletionPercentage = (completed, totalTasks)=>{ const weights = { simple: 1, normal: 2, complex: 3 }; const totalWeights = Object.keys(weights).reduce((acc, key)=>acc + weights[key] * totalTasks[key].filter((task)=>!task.discarded).length, 0); const completedWeights = Object.keys(weights).reduce((acc, key)=>acc + weights[key] * completed[key], 0); return completedWeights / totalWeights * 100; }; const getProgressEmoji = (progress, lastUpdate)=>{ const timeDiff = (Date.now() - lastUpdate) / (1000 * 60); return progress > 50 && timeDiff < 60 ? '😊' : '☹️'; }; const addTaskForm = selectedObjective !== null && /*#__PURE__*/ React.createElement("form", { className: "w-full max-w-md", __source: { fileName: "", lineNumber: 120, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 121, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-[#121212] text-sm font-roboto mb-2", htmlFor: "taskName", __source: { fileName: "", lineNumber: 122, columnNumber: 11 }, __self: this }, "Task Name"), /*#__PURE__*/ React.createElement("input", { className: "shadow appearance-none border rounded w-full py-2 px-3 text-[#121212] font-roboto leading-tight focus:outline-none focus:shadow-outline", id: "taskName", name: "taskName", type: "text", placeholder: "Enter task name", value: taskName, onChange: (e)=>setTaskName(e.target.value), __source: { fileName: "", lineNumber: 125, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 135, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-[#121212] text-sm font-roboto mb-2", htmlFor: "taskCategory", __source: { fileName: "", lineNumber: 136, columnNumber: 11 }, __self: this }, "Category"), /*#__PURE__*/ React.createElement("select", { className: "shadow appearance-none border rounded w-full py-2 px-3 text-[#121212] font-roboto leading-tight focus:outline-none focus:shadow-outline", id: "taskCategory", name: "taskCategory", value: taskCategory, onChange: (e)=>setTaskCategory(e.target.value), __source: { fileName: "", lineNumber: 139, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "simple", __source: { fileName: "", lineNumber: 146, columnNumber: 13 }, __self: this }, "Simple"), /*#__PURE__*/ React.createElement("option", { value: "normal", __source: { fileName: "", lineNumber: 147, columnNumber: 13 }, __self: this }, "Normal"), /*#__PURE__*/ React.createElement("option", { value: "complex", __source: { fileName: "", lineNumber: 148, columnNumber: 13 }, __self: this }, "Complex"))), /*#__PURE__*/ React.createElement("button", { type: "button", className: "bg-blue-500 hover:bg-blue-700 text-white font-roboto py-2 px-4 rounded focus:outline-none focus:shadow-outline", onClick: addTask, __source: { fileName: "", lineNumber: 151, columnNumber: 9 }, __self: this }, "Add Task")); return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center p-4", __source: { fileName: "", lineNumber: 162, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-crimson-text mb-4", __source: { fileName: "", lineNumber: 163, columnNumber: 7 }, __self: this }, "Task Planning App"), /*#__PURE__*/ React.createElement("form", { className: "w-full max-w-md mb-4", __source: { fileName: "", lineNumber: 164, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 165, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-[#121212] text-sm font-roboto mb-2", htmlFor: "newObjective", __source: { fileName: "", lineNumber: 166, columnNumber: 11 }, __self: this }, "New Objective"), /*#__PURE__*/ React.createElement("input", { className: "shadow appearance-none border rounded w-full py-2 px-3 text-[#121212] font-roboto leading-tight focus:outline-none focus:shadow-outline", id: "newObjective", name: "newObjective", type: "text", placeholder: "Enter objective", value: newObjective, onChange: (e)=>setNewObjective(e.target.value), __source: { fileName: "", lineNumber: 169, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("button", { type: "button", className: "bg-blue-500 hover:bg-blue-700 text-white font-roboto py-2 px-4 rounded focus:outline-none focus:shadow-outline", onClick: addObjective, __source: { fileName: "", lineNumber: 179, columnNumber: 9 }, __self: this }, "Add Objective")), objectives.length > 0 && /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-md mb-4", __source: { fileName: "", lineNumber: 189, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-crimson-text mb-4", __source: { fileName: "", lineNumber: 190, columnNumber: 13 }, __self: this }, "Existing Objectives"), /*#__PURE__*/ React.createElement("select", { className: "shadow appearance-none border rounded w-full py-2 px-3 text-[#121212] font-roboto leading-tight focus:outline-none focus:shadow-outline", id: "selectedObjective", name: "selectedObjective", value: selectedObjective ?? '', onChange: (e)=>setSelectedObjective(e.target.value === '' ? null : parseInt(e.target.value)), __source: { fileName: "", lineNumber: 191, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "", disabled: true, __source: { fileName: "", lineNumber: 198, columnNumber: 15 }, __self: this }, "Select an objective"), objectives.map((objective, index)=>/*#__PURE__*/ React.createElement("option", { key: index, value: index, __source: { fileName: "", lineNumber: 202, columnNumber: 17 }, __self: this }, objective.name)))), addTaskForm), objectives.length > 0 && /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-md mt-8", __source: { fileName: "", lineNumber: 212, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-crimson-text mb-4", __source: { fileName: "", lineNumber: 213, columnNumber: 11 }, __self: this }, "Objectives"), objectives.map((objective, idx)=>{ const completionPercentage = calculateCompletionPercentage(objective.completed, objective.tasks); return /*#__PURE__*/ React.createElement("div", { key: idx, className: "mb-4", __source: { fileName: "", lineNumber: 217, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-roboto mb-2", __source: { fileName: "", lineNumber: 218, columnNumber: 17 }, __self: this }, objective.name, " - ", completionPercentage.toFixed(2), "% ", getProgressEmoji(completionPercentage, objective.lastUpdate)), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 221, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h4", { className: "text-md font-roboto mb-2", __source: { fileName: "", lineNumber: 222, columnNumber: 19 }, __self: this }, "Simple"), /*#__PURE__*/ React.createElement("ul", { className: "list-disc list-inside", __source: { fileName: "", lineNumber: 223, columnNumber: 19 }, __self: this }, objective.tasks.simple.filter((task)=>!task.discarded).map((task, index)=>/*#__PURE__*/ React.createElement("li", { key: index, className: `text-sm font-roboto text-[#121212] ${task.completed ? 'line-through' : ''}`, __source: { fileName: "", lineNumber: 227, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("span", { onClick: ()=>toggleTaskCompletion(idx, 'simple', index), __source: { fileName: "", lineNumber: 233, columnNumber: 27 }, __self: this }, task.name), /*#__PURE__*/ React.createElement("button", { className: "ml-2 text-red-500", onClick: ()=>discardTask(idx, 'simple', index), __source: { fileName: "", lineNumber: 234, columnNumber: 27 }, __self: this }, "Discard"))))), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 244, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h4", { className: "text-md font-roboto mb-2", __source: { fileName: "", lineNumber: 245, columnNumber: 19 }, __self: this }, "Normal"), /*#__PURE__*/ React.createElement("ul", { className: "list-disc list-inside", __source: { fileName: "", lineNumber: 246, columnNumber: 19 }, __self: this }, objective.tasks.normal.filter((task)=>!task.discarded).map((task, index)=>/*#__PURE__*/ React.createElement("li", { key: index, className: `text-sm font-roboto text-[#121212] ${task.completed ? 'line-through' : ''}`, __source: { fileName: "", lineNumber: 250, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("span", { onClick: ()=>toggleTaskCompletion(idx, 'normal', index), __source: { fileName: "", lineNumber: 256, columnNumber: 27 }, __self: this }, task.name), /*#__PURE__*/ React.createElement("button", { className: "ml-2 text-red-500", onClick: ()=>discardTask(idx, 'normal', index), __source: { fileName: "", lineNumber: 257, columnNumber: 27 }, __self: this }, "Discard"))))), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 267, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h4", { className: "text-md font-roboto mb-2", __source: { fileName: "", lineNumber: 268, columnNumber: 19 }, __self: this }, "Complex"), /*#__PURE__*/ React.createElement("ul", { className: "list-disc list-inside", __source: { fileName: "", lineNumber: 269, columnNumber: 19 }, __self: this }, objective.tasks.complex.filter((task)=>!task.discarded).map((task, index)=>/*#__PURE__*/ React.createElement("li", { key: index, className: `text-sm font-roboto text-[#121212] ${task.completed ? 'line-through' : ''}`, __source: { fileName: "", lineNumber: 273, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("span", { onClick: ()=>toggleTaskCompletion(idx, 'complex', index), __source: { fileName: "", lineNumber: 279, columnNumber: 27 }, __self: this }, task.name), /*#__PURE__*/ React.createElement("button", { className: "ml-2 text-red-500", onClick: ()=>discardTask(idx, 'complex', index), __source: { fileName: "", lineNumber: 280, columnNumber: 27 }, __self: this }, "Discard"))))), /*#__PURE__*/ React.createElement("button", { type: "button", className: "bg-blue-500 hover:bg-blue-700 text-white font-roboto py-2 px-4 rounded focus:outline-none focus:shadow-outline", onClick: ()=>setSelectedObjective(idx), __source: { fileName: "", lineNumber: 290, columnNumber: 17 }, __self: this }, "Add Task")); }))); }