/* YAPS · Phase 2 pages — Features, Pricing, Sciences, Download, Contact Shared components: FAQItem, AuthModal, Dashboard, PricingCard, SourceCard Each page receives { lang, navigate } from the router. */ /* ============ Shared: Icon library (small inline set) ============ */ const Icons = { scan: () => , journal: () => , recipe: () => , coach: () => , planner: () => , progress: () => , book: () => , arrow: () => , apple: () => , play: () => , mail: () => , check: () => , plus: () => , warn: () => , }; /* ============ FAQ accordion item ============ */ function FAQItem({ q, a }) { const [open, setOpen] = React.useState(false); return (

{a}

); } /* ============ Mock Auth context (Supabase placeholder) ============ */ const AuthCtx = React.createContext(null); function AuthProvider({ children }) { const [user, setUser] = React.useState(() => { try { const raw = localStorage.getItem("yaps-mock-user"); return raw ? JSON.parse(raw) : null; } catch { return null; } }); const signIn = async (email, password) => { // Simulate Supabase auth.signInWithPassword latency await new Promise((r) => setTimeout(r, 700)); if (!email || !password) throw new Error("invalid"); if (password.length < 4) throw new Error("short"); const u = { email, firstName: email.split("@")[0].split(/[.\-_]/)[0].replace(/^./, (c) => c.toUpperCase()), id: "mock-" + email, }; setUser(u); try { localStorage.setItem("yaps-mock-user", JSON.stringify(u)); } catch {} return u; }; const signOut = () => { setUser(null); try { localStorage.removeItem("yaps-mock-user"); } catch {} }; return {children}; } const useAuth = () => React.useContext(AuthCtx); /* ============ AuthModal ============ */ function AuthModal({ open, onClose, lang, navigate }) { const { signIn } = useAuth(); const [email, setEmail] = React.useState(""); const [password, setPassword] = React.useState(""); const [loading, setLoading] = React.useState(false); const [err, setErr] = React.useState(""); React.useEffect(() => { if (!open) return; const onKey = (e) => { if (e.key === "Escape") onClose(); }; window.addEventListener("keydown", onKey); document.body.style.overflow = "hidden"; return () => { window.removeEventListener("keydown", onKey); document.body.style.overflow = ""; }; }, [open, onClose]); if (!open) return null; const t = lang === "fr" ? { title: "Connectez-vous", sub: "Utilisez les identifiants de votre compte YAPS.", email: "Email", password: "Mot de passe", submit: "Se connecter", submitting: "Connexion…", forgot: "Mot de passe oublié ?", noAccount: "Pas encore de compte ? Téléchargez l'app", err_generic: "Identifiants invalides.", err_short: "Le mot de passe doit faire au moins 4 caractères.", hint: "Mode démo : n'importe quel email + mot de passe (≥ 4 car.) ouvre un tableau de bord d'exemple.", } : { title: "Sign in", sub: "Use your YAPS account credentials.", email: "Email", password: "Password", submit: "Sign in", submitting: "Signing in…", forgot: "Forgot password?", noAccount: "No account yet? Download the app", err_generic: "Invalid credentials.", err_short: "Password must be at least 4 characters.", hint: "Demo mode: any email + password (≥ 4 chars) opens a sample dashboard.", }; const submit = async (e) => { e.preventDefault(); setErr(""); setLoading(true); try { await signIn(email, password); onClose(); } catch (e) { setErr(e.message === "short" ? t.err_short : t.err_generic); } finally { setLoading(false); } }; return ( ); } /* ============ Dashboard (mocked) ============ */ function Sparkline({ points }) { const w = 600, h = 90, pad = 6; const max = Math.max(...points), min = Math.min(...points); const path = points.map((v, i) => { const x = pad + (i / (points.length - 1)) * (w - pad * 2); const y = pad + (1 - (v - min) / (max - min)) * (h - pad * 2); return `${i === 0 ? "M" : "L"}${x.toFixed(1)} ${y.toFixed(1)}`; }).join(" "); const area = `${path} L${w - pad} ${h - pad} L${pad} ${h - pad} Z`; return ( ); } function Dashboard({ lang }) { const { user, signOut } = useAuth(); const t = lang === "fr" ? { hello: "Bonjour", today: "Voici vos statistiques d'aujourd'hui", signout: "Se déconnecter", cal: "Calories", prot: "Protéines", carbs: "Glucides", fat: "Lipides", weight: "Poids", weightSub: "30 derniers jours", recent: "Repas récents", viewAll: "Voir tout l'historique", inApp: "Ouvrir l'app", moreInApp: "Plus de fonctionnalités dans l'app mobile", demoChip: "Mode démo · données simulées", } : { hello: "Hi", today: "Here are your stats for today", signout: "Sign out", cal: "Calories", prot: "Protein", carbs: "Carbs", fat: "Fat", weight: "Weight", weightSub: "Last 30 days", recent: "Recent meals", viewAll: "View full history", inApp: "Open the app", moreInApp: "More features in the mobile app", demoChip: "Demo mode · simulated data", }; // Realistic, slightly-randomized mock numbers const macros = [ { k: t.cal, n: 1450, of: 2200, unit: "kcal" }, { k: t.prot, n: 85, of: 130, unit: "g" }, { k: t.carbs, n: 180, of: 275, unit: "g" }, { k: t.fat, n: 55, of: 75, unit: "g" }, ]; const weightSeries = [72.8, 72.6, 72.5, 72.5, 72.3, 72.1, 72.0, 71.9, 71.9, 71.8, 71.7, 71.7, 71.6, 71.6, 71.5, 71.5, 71.5, 71.4, 71.4, 71.3, 71.3, 71.4, 71.4, 71.3, 71.3, 71.4, 71.4, 71.3, 71.4, 71.4]; const recentMeals = lang === "fr" ? [ { name: "Bol poké saumon", kcal: 587, time: "12:42", ic: "BP" }, { name: "Café au lait", kcal: 95, time: "10:18", ic: "CL" }, { name: "Salade chèvre chaud", kcal: 412, time: "13:05 hier", ic: "SC" }, { name: "Yaourt grec + miel", kcal: 168, time: "16:20 hier", ic: "YG" }, { name: "Pâtes pesto", kcal: 543, time: "19:45 hier", ic: "PP" }, ] : [ { name: "Salmon poke bowl", kcal: 587, time: "12:42", ic: "SP" }, { name: "Latte", kcal: 95, time: "10:18", ic: "LT" }, { name: "Warm goat cheese salad", kcal: 412, time: "yesterday 13:05", ic: "GC" }, { name: "Greek yogurt + honey", kcal: 168, time: "yesterday 16:20", ic: "GY" }, { name: "Pesto pasta", kcal: 543, time: "yesterday 19:45", ic: "PP" }, ]; return (

{t.demoChip}

{t.hello}, {user?.firstName || "YAPS"} 👋

{t.today}

{/* Macros today */}

{macros.map((m) => { const pct = Math.min(100, (m.n / m.of) * 100); return (

{m.k}

{m.n}/ {m.of} {m.unit}

); })}

{/* Weight card */}

{t.weight} · {t.weightSub}

71,4 kg −1,4 kg / 30j

{/* Recent meals */}
{t.recent}

{recentMeals.map((m, i) => (

{m.ic}

{m.name}

{m.time}

{m.kcal} kcal

))}
e.preventDefault()}> {t.viewAll}

{t.moreInApp}

); } window.FAQItem = FAQItem; window.AuthModal = AuthModal; window.AuthProvider = AuthProvider; window.useAuth = useAuth; window.Dashboard = Dashboard; window.YapsIcons = Icons;