// daily-mood.jsx — Daily mood check-in card.
// Appears once per day at the top of Home until tapped.
// State persisted in localStorage as mamaflow.lastMoodCheck (ISO date).
function DailyMoodCheckin({ theme, onPick, currentMood }) {
const [dismissed, setDismissed] = React.useState(false);
const [show, setShow] = React.useState(() => {
try {
const last = localStorage.getItem('mamaflow.lastMoodCheck');
return last !== new Date().toISOString().slice(0, 10);
} catch { return true; }
});
if (!show || dismissed) return null;
const persist = () => {
try { localStorage.setItem('mamaflow.lastMoodCheck', new Date().toISOString().slice(0, 10)); } catch {}
};
const pick = (id) => {
onPick(id);
persist();
setDismissed(true);
};
const skip = () => { persist(); setDismissed(true); };
const hour = new Date().getHours();
const prompt = hour < 12 ? '¿Cómo amaneciste?'
: hour < 18 ? '¿Cómo va el día?'
: '¿Cómo te ha tratado el día?';
return (
{prompt}
{MOODS.map(m => {
const isCurrent = m.id === currentMood;
return (
);
})}
);
}
// ─────────────────────────────────────────────────────────────
// Weekly balance insight — for Calendar screen
// Shows pillar mix for current week, with a soft observation
// ─────────────────────────────────────────────────────────────
function WeeklyBalance({ tasks, theme, featured = false }) {
const [period, setPeriod] = React.useState('week'); // 'day' | 'week' | 'month'
const now = new Date();
// Compute range based on period
let start, end, rangeLabel, periodLabel, periodWord;
if (period === 'day') {
start = new Date(now); start.setHours(0,0,0,0);
end = new Date(now); end.setHours(23,59,59,999);
const MON_SHORT = ['Ene','Feb','Mar','Abr','May','Jun','Jul','Ago','Sep','Oct','Nov','Dic'];
rangeLabel = `${now.getDate()} ${MON_SHORT[now.getMonth()]}`;
periodLabel = 'Balance hoy';
periodWord = 'el día';
} else if (period === 'month') {
start = new Date(now.getFullYear(), now.getMonth(), 1);
end = new Date(now.getFullYear(), now.getMonth() + 1, 0, 23, 59, 59, 999);
const MON = ['Enero','Febrero','Marzo','Abril','Mayo','Junio','Julio','Agosto','Septiembre','Octubre','Noviembre','Diciembre'];
rangeLabel = MON[now.getMonth()];
periodLabel = 'Balance mensual';
periodWord = 'el mes';
} else {
const day = now.getDay();
const mondayOffset = day === 0 ? -6 : 1 - day;
start = new Date(now); start.setDate(now.getDate() + mondayOffset);
start.setHours(0,0,0,0);
end = new Date(start); end.setDate(start.getDate() + 6);
end.setHours(23,59,59,999);
const MON_SHORT = ['Ene','Feb','Mar','Abr','May','Jun','Jul','Ago','Sep','Oct','Nov','Dic'];
rangeLabel = start.getMonth() === end.getMonth()
? `${start.getDate()}–${end.getDate()} ${MON_SHORT[start.getMonth()]}`
: `${start.getDate()} ${MON_SHORT[start.getMonth()]} – ${end.getDate()} ${MON_SHORT[end.getMonth()]}`;
periodLabel = 'Balance semanal';
periodWord = 'la semana';
}
const inRange = tasks.filter(t => {
const d = new Date(t.date + 'T12:00:00');
return d >= start && d <= end;
});
// Period switcher
const PeriodSwitcher = () => (
{[
{ id: 'day', label: 'Día' },
{ id: 'week', label: 'Semana' },
{ id: 'month', label: 'Mes' },
].map(o => {
const active = period === o.id;
return (
);
})}
);
if (inRange.length === 0) {
return (
{featured ? 'Balance de pilares' : periodLabel}
💭 Sin tareas en {periodWord}. Espacio limpio 🌸
);
}
// Count by pillar
const counts = {};
inRange.forEach(t => { counts[t.pillar] = (counts[t.pillar] || 0) + 1; });
const total = inRange.length;
const sorted = Object.entries(counts).sort((a, b) => b[1] - a[1]);
// Insight text
const top = sorted[0];
const topPct = Math.round((top[1] / total) * 100);
const hasPersonal = counts['personal'] || 0;
const personalPct = Math.round((hasPersonal / total) * 100);
let observation = '';
if (topPct >= 60) {
observation = `${topPct}% de ${periodWord} es ${PILLARS[top[0]].label.toLowerCase()}. Ojo con el balance.`;
} else if (personalPct === 0) {
observation = `En ${periodWord} no hay nada para ti. ¿Le metemos algo?`;
} else if (personalPct < 10) {
observation = `Solo ${personalPct}% de ${periodWord} es para ti. Mereces más.`;
} else {
observation = `Buen balance ${period === 'day' ? 'hoy' : period === 'month' ? 'este mes' : 'esta semana'} 🌸`;
}
return (
{featured && (
)}
{featured ? 'Balance de pilares' : periodLabel}
{featured && (
{periodLabel.replace('Balance ', '').replace(/^./, c => c.toUpperCase())}
)}
{/* Range subtitle, consistente con Tareas completadas */}
{rangeLabel}
{/* Stacked bar */}
{sorted.map(([pid, n]) => {
const p = PILLARS[pid];
const pct = (n / total) * 100;
return (
);
})}
{/* Legend */}
{sorted.map(([pid, n]) => {
const p = PILLARS[pid];
const pct = Math.round((n / total) * 100);
return (
{p.emoji} {p.label} {pct}%
);
})}
{/* Observation */}
💭 {observation}