"use strict"; 'use client'; Object.defineProperty(exports, "__esModule", { value: true }); exports.default = void 0; var _react = _interopRequireWildcard(require("react")); var _useLocalStorage = require("@/hooks/use-local-storage"); var _card = require("@/components/ui/card"); var _button = require("@/components/ui/button"); var _input = require("@/components/ui/input"); var _label = require("@/components/ui/label"); var _textarea = require("@/components/ui/textarea"); var _dateFns = require("date-fns"); var _lucideReact = require("lucide-react"); var _dialog = require("@/components/ui/dialog"); var _select = require("@/components/ui/select"); var _alert = require("@/components/ui/alert"); function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); } function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; } const getZodiacSign = (date) => { const day = date.getDate(); const month = date.getMonth() + 1; if ((month == 1 && day >= 20) || (month == 2 && day <= 18)) return "Aquarius"; if ((month == 2 && day >= 19) || (month == 3 && day <= 20)) return "Pisces"; if ((month == 3 && day >= 21) || (month == 4 && day <= 19)) return "Aries"; if ((month == 4 && day >= 20) || (month == 5 && day <= 20)) return "Taurus"; if ((month == 5 && day >= 21) || (month == 6 && day <= 20)) return "Gemini"; if ((month == 6 && day >= 21) || (month == 7 && day <= 22)) return "Cancer"; if ((month == 7 && day >= 23) || (month == 8 && day <= 22)) return "Leo"; if ((month == 8 && day >= 23) || (month == 9 && day <= 22)) return "Virgo"; if ((month == 9 && day >= 23) || (month == 10 && day <= 22)) return "Libra"; if ((month == 10 && day >= 23) || (month == 11 && day <= 21)) return "Scorpio"; if ((month == 11 && day >= 22) || (month == 12 && day <= 21)) return "Sagittarius"; return "Capricorn"; }; const BirthdayCard = ({ birthday, onEdit, onDelete }) => { return ( /*#__PURE__*/_react.default.createElement(_card.Card, { className: "flex flex-col" }, /*#__PURE__*/_react.default.createElement(_card.CardHeader, { className: "flex-row items-start justify-between" }, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_card.CardTitle, null, birthday.name), /*#__PURE__*/_react.default.createElement(_card.CardDescription, null, birthday.nextBirthdayDateStr, " • Turns ", birthday.nextAge) ), /*#__PURE__*/_react.default.createElement("div", { className: "text-2xl", title: birthday.zodiac }, birthday.zodiacIcon) ), /*#__PURE__*/_react.default.createElement(_card.CardContent, { className: "flex-grow space-y-2" }, birthday.daysUntil === 0 ? ( /*#__PURE__*/_react.default.createElement("p", { className: "font-bold text-lg text-primary flex items-center gap-2" }, /*#__PURE__*/_react.default.createElement(_lucideReact.Sparkles, { className: "h-5 w-5" }), "It's Today!") ) : ( /*#__PURE__*/_react.default.createElement("p", { className: "font-semibold text-md" }, "in ", birthday.daysUntil, " day", birthday.daysUntil > 1 ? 's' : '') ), birthday.notes && /*#__PURE__*/_react.default.createElement("p", { className: "text-sm text-muted-foreground pt-2 border-t" }, "Notes: ", birthday.notes) ), /*#__PURE__*/_react.default.createElement(_card.CardFooter, { className: "flex gap-2" }, /*#__PURE__*/_react.default.createElement(_button.Button, { variant: "outline", size: "sm", onClick: () => onEdit(birthday) }, /*#__PURE__*/_react.default.createElement(_lucideReact.Edit, { className: "mr-2 h-4 w-4" }), " Edit"), /*#__PURE__*/_react.default.createElement(_button.Button, { variant: "destructive", size: "sm", onClick: () => onDelete(birthday.id) }, /*#__PURE__*/_react.default.createElement(_lucideReact.Trash2, { className: "mr-2 h-4 w-4" }), " Delete") ) ) ); }; function BirthdayReminderTool() { const [birthdays, setBirthdays] = (0, _useLocalStorage.useLocalStorage)('birthdayReminderList_v1', []); const [isModalOpen, setIsModalOpen] = (0, _react.useState)(false); const [editingBirthday, setEditingBirthday] = (0, _react.useState)(null); const [searchTerm, setSearchTerm] = (0, _react.useState)(""); const [filterMonth, setFilterMonth] = (0, _react.useState)("all"); const processedBirthdays = (0, _react.useMemo)(() => { const today = (0, _dateFns.startOfDay)(new Date()); const currentYear = (0, _dateFns.getYear)(today); return birthdays.map(b => { if (!(0, _dateFns.isValid)((0, _dateFns.parseISO)(b.date))) return { ...b, invalid: true }; const birthDate = (0, _dateFns.parseISO)(b.date); let nextBirthday = new Date(currentYear, birthDate.getMonth(), birthDate.getDate()); if (nextBirthday < today) { nextBirthday = (0, _dateFns.addYears)(nextBirthday, 1); } const nextAge = (0, _dateFns.getYear)(nextBirthday) - (0, _dateFns.getYear)(birthDate); const daysUntil = (0, _dateFns.differenceInDays)(nextBirthday, today); const zodiac = getZodiacSign(birthDate); const zodiacIcon = { Aries: "♈", Taurus: "♉", Gemini: "♊", Cancer: "♋", Leo: "♌", Virgo: "♍", Libra: "♎", Scorpio: "♏", Sagittarius: "♐", Capricorn: "♑", Aquarius: "♒", Pisces: "♓" }[zodiac] || " "; return { ...b, birthDate, nextBirthday, nextAge, daysUntil, zodiac, zodiacIcon, nextBirthdayDateStr: (0, _dateFns.format)(nextBirthday, "MMMM do"), birthMonth: birthDate.getMonth(), }; }).filter(b => !b.invalid); }, [birthdays]); const filteredBirthdays = (0, _react.useMemo)(() => { return processedBirthdays .filter(b => b.name.toLowerCase().includes(searchTerm.toLowerCase())) .filter(b => filterMonth === 'all' || b.birthMonth === parseInt(filterMonth)) .sort((a, b) => a.daysUntil - b.daysUntil); }, [processedBirthdays, searchTerm, filterMonth]); const upcoming = filteredBirthdays.filter(b => b.daysUntil <= 30); const todayBirthdays = upcoming.filter(b => b.daysUntil === 0); const next7Days = upcoming.filter(b => b.daysUntil > 0 && b.daysUntil <= 7); const thisMonth = upcoming.filter(b => b.daysUntil > 7); const handleOpenModal = (b = null) => { setEditingBirthday(b); setIsModalOpen(true); }; const handleSave = (data) => { if (editingBirthday) { setBirthdays(birthdays.map(b => b.id === editingBirthday.id ? { ...b, ...data } : b)); } else { setBirthdays([...birthdays, { id: Date.now(), ...data }]); } setIsModalOpen(false); }; const handleDelete = (id) => { if(window.confirm("Are you sure you want to delete this birthday?")) { setBirthdays(birthdays.filter(b => b.id !== id)); } }; const exportData = () => { const dataStr = JSON.stringify(birthdays, null, 2); const dataUri = 'data:application/json;charset=utf-8,' + encodeURIComponent(dataStr); const exportFileDefaultName = 'birthdays.json'; let linkElement = document.createElement('a'); linkElement.setAttribute('href', dataUri); linkElement.setAttribute('download', exportFileDefaultName); linkElement.click(); }; const importData = (event) => { const file = event.target.files?.[0]; if (!file) return; const reader = new FileReader(); reader.onload = e => { try { const imported = JSON.parse(e.target?.result); if (Array.isArray(imported)) { if (window.confirm("This will overwrite existing birthdays. Are you sure?")) { setBirthdays(imported); } } else { throw new Error("Invalid format"); } } catch (error) { alert("Failed to import data. Please ensure it's a valid JSON file exported from this tool."); } }; reader.readAsText(file); event.target.value = ''; // Reset input }; return ( /*#__PURE__*/_react.default.createElement("div", { className: "p-4 space-y-6" }, /*#__PURE__*/_react.default.createElement("h2", { className: "text-2xl font-bold text-center" }, "Birthday Reminder"), /*#__PURE__*/_react.default.createElement(_card.Card, null, /*#__PURE__*/_react.default.createElement(_card.CardHeader, null, /*#__PURE__*/_react.default.createElement("div", { className: "flex flex-wrap gap-4 items-center justify-between" }, /*#__PURE__*/_react.default.createElement(_card.CardTitle, null, "Dashboard"), /*#__PURE__*/_react.default.createElement(_button.Button, { onClick: () => handleOpenModal() }, /*#__PURE__*/_react.default.createElement(_lucideReact.PlusCircle, { className: "mr-2 h-4 w-4" }), " Add Birthday") ) ), /*#__PURE__*/_react.default.createElement(_card.CardContent, { className: "space-y-6" }, todayBirthdays.length > 0 && ( /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("h3", { className: "text-lg font-semibold text-primary mb-2" }, "Today's Birthdays!"), /*#__PURE__*/_react.default.createElement("div", { className: "grid gap-4 md:grid-cols-2 lg:grid-cols-3" }, todayBirthdays.map(b => /*#__PURE__*/_react.default.createElement(BirthdayCard, { key: b.id, birthday: b, onEdit: handleOpenModal, onDelete: handleDelete })) ) ) ), next7Days.length > 0 && ( /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("h3", { className: "text-lg font-semibold mb-2" }, "Next 7 Days"), /*#__PURE__*/_react.default.createElement("div", { className: "grid gap-4 md:grid-cols-2 lg:grid-cols-3" }, next7Days.map(b => /*#__PURE__*/_react.default.createElement(BirthdayCard, { key: b.id, birthday: b, onEdit: handleOpenModal, onDelete: handleDelete })) ) ) ), thisMonth.length > 0 && ( /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("h3", { className: "text-lg font-semibold mb-2" }, "Later This Month"), /*#__PURE__*/_react.default.createElement("div", { className: "grid gap-4 md:grid-cols-2 lg:grid-cols-3" }, thisMonth.map(b => /*#__PURE__*/_react.default.createElement(BirthdayCard, { key: b.id, birthday: b, onEdit: handleOpenModal, onDelete: handleDelete })) ) ) ), birthdays.length === 0 && ( /*#__PURE__*/_react.default.createElement(_alert.Alert, null, /*#__PURE__*/_react.default.createElement(_lucideReact.Cake, { className: "h-4 w-4" }), /*#__PURE__*/_react.default.createElement(_alert.AlertTitle, null, "No birthdays yet!"), /*#__PURE__*/_react.default.createElement(_alert.AlertDescription, null, "Click \"Add Birthday\" to get started.") ) ) ) ), /*#__PURE__*/_react.default.createElement(_card.Card, null, /*#__PURE__*/_react.default.createElement(_card.CardHeader, null, /*#__PURE__*/_react.default.createElement(_card.CardTitle, null, "All Birthdays (", filteredBirthdays.length, ")"), /*#__PURE__*/_react.default.createElement("div", { className: "flex flex-col md:flex-row gap-4 pt-4" }, /*#__PURE__*/_react.default.createElement("div", { className: "relative flex-grow" }, /*#__PURE__*/_react.default.createElement(_lucideReact.Search, { className: "absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground" }), /*#__PURE__*/_react.default.createElement(_input.Input, { placeholder: "Search by name...", className: "pl-10", value: searchTerm, onChange: e => setSearchTerm(e.target.value) }) ), /*#__PURE__*/_react.default.createElement(_select.Select, { value: filterMonth, onValueChange: setFilterMonth }, /*#__PURE__*/_react.default.createElement(_select.SelectTrigger, { className: "w-full md:w-[200px]" }, /*#__PURE__*/_react.default.createElement(_select.SelectValue, { placeholder: "Filter by month" })), /*#__PURE__*/_react.default.createElement(_select.SelectContent, null, /*#__PURE__*/_react.default.createElement(_select.SelectItem, { value: "all" }, "All Months"), Array.from({ length: 12 }).map((_, i) => ( /*#__PURE__*/_react.default.createElement(_select.SelectItem, { key: i, value: i.toString() }, (0, _dateFns.format)(new Date(0, i), 'MMMM') ) )) ) ) ) ), /*#__PURE__*/_react.default.createElement(_card.CardContent, null, /*#__PURE__*/_react.default.createElement("div", { className: "space-y-3" }, filteredBirthdays.map(b => /*#__PURE__*/_react.default.createElement(BirthdayCard, { key: b.id, birthday: b, onEdit: handleOpenModal, onDelete: handleDelete })) ) ) ), /*#__PURE__*/_react.default.createElement(_card.Card, null, /*#__PURE__*/_react.default.createElement(_card.CardHeader, null, /*#__PURE__*/_react.default.createElement(_card.CardTitle, null, "Data Management")), /*#__PURE__*/_react.default.createElement(_card.CardContent, { className: "flex flex-wrap gap-4" }, /*#__PURE__*/_react.default.createElement(_button.Button, { variant: "outline", onClick: exportData, disabled: birthdays.length === 0 }, /*#__PURE__*/_react.default.createElement(_lucideReact.Download, { className: "mr-2 h-4 w-4" }), " Export Data"), /*#__PURE__*/_react.default.createElement(_button.Button, { variant: "outline", asChild: true }, /*#__PURE__*/_react.default.createElement("label", { htmlFor: "import-file", className: "cursor-pointer flex items-center" }, /*#__PURE__*/_react.default.createElement(_lucideReact.Upload, { className: "mr-2 h-4 w-4" }), " Import Data")), /*#__PURE__*/_react.default.createElement("input", { type: "file", id: "import-file", accept: ".json", className: "hidden", onChange: importData }) ) ), isModalOpen && /*#__PURE__*/_react.default.createElement(BirthdayFormModal, { birthday: editingBirthday, onSave: handleSave, onClose: () => setIsModalOpen(false) }) ) ); } var _default = exports.default = BirthdayReminderTool; const BirthdayFormModal = ({ birthday, onSave, onClose }) => { const [formData, setFormData] = (0, _react.useState)({ name: birthday?.name || '', date: birthday?.date ? (0, _dateFns.format)((0, _dateFns.parseISO)(birthday.date), 'yyyy-MM-dd') : '', notes: birthday?.notes || '', }); const handleChange = (e) => { setFormData(prev => ({ ...prev, [e.target.name]: e.target.value })); }; const handleSubmit = (e) => { e.preventDefault(); if (!formData.name || !formData.date) { alert('Name and Date are required.'); return; } onSave(formData); }; return ( /*#__PURE__*/_react.default.createElement(_dialog.Dialog, { open: true, onOpenChange: onClose }, /*#__PURE__*/_react.default.createElement(_dialog.DialogContent, null, /*#__PURE__*/_react.default.createElement(_dialog.DialogHeader, null, /*#__PURE__*/_react.default.createElement(_dialog.DialogTitle, null, birthday ? 'Edit Birthday' : 'Add New Birthday') ), /*#__PURE__*/_react.default.createElement("form", { onSubmit: handleSubmit, className: "space-y-4 py-4" }, /*#__PURE__*/_react.default.createElement("div", { className: "space-y-2" }, /*#__PURE__*/_react.default.createElement(_label.Label, { htmlFor: "name" }, "Name"), /*#__PURE__*/_react.default.createElement(_input.Input, { id: "name", name: "name", value: formData.name, onChange: handleChange, required: true }) ), /*#__PURE__*/_react.default.createElement("div", { className: "space-y-2" }, /*#__PURE__*/_react.default.createElement(_label.Label, { htmlFor: "date" }, "Birth Date"), /*#__PURE__*/_react.default.createElement(_input.Input, { id: "date", name: "date", type: "date", value: formData.date, onChange: handleChange, required: true }) ), /*#__PURE__*/_react.default.createElement("div", { className: "space-y-2" }, /*#__PURE__*/_react.default.createElement(_label.Label, { htmlFor: "notes" }, "Notes (e.g., gift ideas)"), /*#__PURE__*/_react.default.createElement(_textarea.Textarea, { id: "notes", name: "notes", value: formData.notes, onChange: handleChange }) ), /*#__PURE__*/_react.default.createElement("div", { className: "flex justify-end gap-2 pt-4" }, /*#__PURE__*/_react.default.createElement(_button.Button, { type: "button", variant: "outline", onClick: onClose }, "Cancel"), /*#__PURE__*/_react.default.createElement(_button.Button, { type: "submit" }, "Save") ) ) ) ) ); };