function MainComponent() { const [tasks, setTasks] = React.useState([]); const [taskInput, setTaskInput] = React.useState(""); const [coins, setCoins] = React.useState(0); const [xp, setXp] = React.useState(0); const [xpMultiplier, setXpMultiplier] = React.useState(1); const [xpBoostEnd, setXpBoostEnd] = React.useState(null); const [xpPotionInterval, setXpPotionInterval] = React.useState(null); const [petInterval, setPetInterval] = React.useState(null); const [doubleXpTuesday, setDoubleXpTuesday] = React.useState(false); const handleAddTask = ()=>{ if (taskInput.trim() !== "") { setTasks([ ...tasks, { text: taskInput, completed: false } ]); setTaskInput(""); } }; const handleCompleteTask = (index)=>{ const newTasks = [ ...tasks ]; newTasks[index].completed = true; setTasks(newTasks); const newCoins = coins + 2; let gainedXp = 1 * xpMultiplier; if (doubleXpTuesday && new Date().getDay() === 2) { gainedXp *= 2; } setCoins(newCoins); setXp(xp + gainedXp); }; const handleBuyPotion1 = ()=>{ if (coins >= 50) { setCoins(coins - 50); setXpMultiplier(2); const boostEnd = Date.now() + 48 * 60 * 60 * 1000; setXpBoostEnd(boostEnd); setTimeout(()=>setXpMultiplier(1), 48 * 60 * 60 * 1000); } }; const handleBuyPotion2 = ()=>{ if (coins >= 25) { setCoins(coins - 25); if (xpPotionInterval) clearInterval(xpPotionInterval); const interval = setInterval(()=>setXp((xp)=>xp + 1), 6 * 60 * 60 * 1000); setXpPotionInterval(interval); setTimeout(()=>clearInterval(interval), 48 * 60 * 60 * 1000); } }; const handleBuyPet = ()=>{ if (coins >= 2000) { setCoins(coins - 2000); if (petInterval) clearInterval(petInterval); const interval = setInterval(()=>setXp((xp)=>xp + 1), 8 * 60 * 60 * 1000); setPetInterval(interval); } }; const handleToggleBoost = ()=>setDoubleXpTuesday(!doubleXpTuesday); return /*#__PURE__*/ React.createElement("div", { className: "font-roboto p-4", __source: { fileName: "", lineNumber: 64, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-xl mb-4", __source: { fileName: "", lineNumber: 65, columnNumber: 7 }, __self: this }, "Leveling System"), /*#__PURE__*/ React.createElement("div", { className: "flex justify-between", __source: { fileName: "", lineNumber: 66, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-full mr-2", __source: { fileName: "", lineNumber: 67, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", name: "taskInput", className: "border p-2 w-full mb-2", value: taskInput, onChange: (e)=>setTaskInput(e.target.value), __source: { fileName: "", lineNumber: 68, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("button", { onClick: handleAddTask, className: "bg-blue-500 text-white p-2 w-full mb-4", __source: { fileName: "", lineNumber: 75, columnNumber: 11 }, __self: this }, "Add Task"), /*#__PURE__*/ React.createElement("ul", { __source: { fileName: "", lineNumber: 81, columnNumber: 11 }, __self: this }, tasks.map((task, index)=>/*#__PURE__*/ React.createElement("li", { key: index, className: `p-2 border ${task.completed ? "bg-green-200" : ""}`, onClick: ()=>handleCompleteTask(index), __source: { fileName: "", lineNumber: 83, columnNumber: 15 }, __self: this }, task.text)))), /*#__PURE__*/ React.createElement("div", { className: "w-full ml-2", __source: { fileName: "", lineNumber: 93, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-lg mb-2", __source: { fileName: "", lineNumber: 94, columnNumber: 11 }, __self: this }, "Shop"), /*#__PURE__*/ React.createElement("button", { onClick: handleBuyPotion1, className: "bg-purple-500 text-white p-2 w-full mb-2", __source: { fileName: "", lineNumber: 95, columnNumber: 11 }, __self: this }, "Buy Potion 1 (50 Coins)"), /*#__PURE__*/ React.createElement("button", { onClick: handleBuyPotion2, className: "bg-purple-500 text-white p-2 w-full mb-2", __source: { fileName: "", lineNumber: 101, columnNumber: 11 }, __self: this }, "Buy Potion 2 (25 Coins)"), /*#__PURE__*/ React.createElement("button", { onClick: handleBuyPet, className: "bg-purple-500 text-white p-2 w-full mb-2", __source: { fileName: "", lineNumber: 107, columnNumber: 11 }, __self: this }, "Buy Pet (2000 Coins)"), /*#__PURE__*/ React.createElement("button", { onClick: handleToggleBoost, className: "bg-purple-500 text-white p-2 w-full mb-2", __source: { fileName: "", lineNumber: 113, columnNumber: 11 }, __self: this }, "Toggle 2x XP Tuesday"))), /*#__PURE__*/ React.createElement("div", { className: "mt-4", __source: { fileName: "", lineNumber: 121, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-lg", __source: { fileName: "", lineNumber: 122, columnNumber: 9 }, __self: this }, "Stats"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 123, columnNumber: 9 }, __self: this }, "XP: ", xp), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 124, columnNumber: 9 }, __self: this }, "Coins: ", coins))); }