/* ===== Booking — dual flow: family (5 steps) + student (mission feed) ===== */ const bookingTiers = [ { id: 'compagnie', label: "Compagnie & répit", gross: 29.50, credit: 11.80, net: 17.70, tone: 'soft' }, { id: 'aide', label: "Aide à la vie quotidienne", gross: 39.08, credit: 15.63, net: 23.45, tone: 'featured' }, { id: 'pab', label: "Aide personnelle avec PAB", gross: 44.83, credit: 17.93, net: 26.90, tone: 'accent' }, ]; const frequencies = [ { id: 'ponctuel', t: 'Ponctuel', d: "Une seule intervention" }, { id: 'hebdo', t: 'Chaque semaine', d: "Même jour, même créneau" }, { id: 'sur_mes', t: 'Sur mesure', d: "Planning à composer" }, ]; const days = ['L','Ma','Me','J','V','S','D']; const slots = ['08:00','10:00','12:00','14:00','16:00','18:00','20:00']; /** Frais uniques à la première réservation (dossier / sécurité). À transmettre à Stripe avec le total des services (ex. `line_items` ou montant agrégé). */ const FRAIS_ADHESION_DOSSIER = 45; /** * Notifications par courriel — branchées sur la fonction serverless /api/send-email * (envoi réel via Resend en production). Fallback mailto: en cas d'échec réseau * ou en local quand le serveur statique (npm run dev) ne sert pas /api/*. */ const BOOKING_NOTIFICATION_EMAIL = 'contact@maisonsereine.ca'; const STUDENT_ADMIN_EMAIL = 'contact@maisonsereine.ca'; const SEND_EMAIL_ENDPOINT = '/api/send-email'; /** Portail Sterling Backcheck (Canada) — à ajuster si l'URL d'onduisme change. */ const STERLING_BACKCHECK_PORTAL_URL = 'https://www.sterlingbackcheck.ca/'; const STUDENT_INSTITUTIONS = [ { id: 'ulaval', label: 'Université Laval' }, { id: 'csfoy', label: 'Cégep de Sainte-Foy' }, { id: 'limoilou', label: 'Cégep Limoilou' }, { id: 'garneau', label: 'Cégep Garneau' }, { id: 'autre', label: 'Autre' }, ]; /** Appel JSON minimal à /api/send-email. Retourne `{ ok: true }` ou lève une erreur. */ async function postEmailNotification(payload) { const res = await fetch(SEND_EMAIL_ENDPOINT, { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify(payload), }); if (!res.ok) { let detail = ''; try { detail = (await res.json()).error || ''; } catch (_) { /* noop */ } throw new Error('send-email ' + res.status + (detail ? ' — ' + detail : '')); } return res.json().catch(() => ({ ok: true })); } /** Fallback : ouvre le client mail de l'utilisateur si l'envoi serveur a échoué. */ function openMailtoFallback({ to, subject, body, cc }) { const qs = [ 'subject=' + encodeURIComponent(subject || ''), 'body=' + encodeURIComponent(body || ''), ]; if (cc) qs.push('cc=' + encodeURIComponent(cc)); const link = document.createElement('a'); link.href = 'mailto:' + to + '?' + qs.join('&'); link.setAttribute('rel', 'noopener noreferrer'); document.body.appendChild(link); link.click(); document.body.removeChild(link); } function buildBookingPayload({ data, tierLabel, grossPremierMoisAvecAdhesion, grossMonthly, frequencyLabel, consentLoi25 }) { const clientName = (data.contact && data.contact.name) ? String(data.contact.name).trim() : ''; const phone = (data.contact && data.contact.phone) ? String(data.contact.phone).trim() : ''; const contactEmail = (data.contact && data.contact.email) ? String(data.contact.email).trim() : ''; const beneficiary = (data.for || '').trim(); const daysList = data.daysOn && data.daysOn.length ? data.daysOn.map((i) => days[i]) : []; return { type: 'booking', website: '', consentLoi25: consentLoi25 === true, consentAt: new Date().toISOString(), client: { name: clientName, phone, email: contactEmail }, beneficiary, tierLabel: tierLabel || '', frequencyLabel: frequencyLabel || '', days: daysList, slot: data.slot || '', grossPremierMoisAvecAdhesion, grossMonthly, fraisAdhesion: FRAIS_ADHESION_DOSSIER, }; } /** * Envoie la notification de réservation famille. * Retourne un statut structuré au composant appelant pour qu'il décide de l'UX. * - { ok: true, mode: 'server' } → courriel envoyé via Resend, on peut afficher la page de succès * - { ok: true, mode: 'mailto' } → le serveur a échoué mais le client mail a été ouvert (fallback) * - { ok: false, mode: 'none', error } → impossible (en pratique très rare) */ async function handleEmailNotification(args) { const payload = buildBookingPayload(args); if (!payload.consentLoi25) { return { ok: false, mode: 'none', error: new Error('Consentement Loi 25 requis.') }; } try { await postEmailNotification(payload); return { ok: true, mode: 'server' }; } catch (err) { if (typeof console !== 'undefined') console.warn('[booking] Envoi serveur indisponible, fallback mailto:', err); const lines = [ 'Bonjour,', '', 'Une nouvelle demande de réservation a été soumise via le site Maison Sereine.', '', `Nom du client : ${payload.client.name || '—'}`, payload.beneficiary ? `Personne accompagnée : ${payload.beneficiary}` : null, `Type de soin : ${payload.tierLabel || '—'}`, `Jours : ${payload.days.length ? payload.days.join(' · ') : '—'} · Créneau : ${payload.slot || '—'} · Fréquence : ${payload.frequencyLabel || '—'}`, `Téléphone : ${payload.client.phone || '—'}`, payload.client.email ? `Courriel : ${payload.client.email}` : null, '', `1re période (services + frais de dossier ${FRAIS_ADHESION_DOSSIER} $) : ${payload.grossPremierMoisAvecAdhesion} $`, `Mensualité services : ${payload.grossMonthly} $`, ].filter(Boolean).join('\n'); try { openMailtoFallback({ to: BOOKING_NOTIFICATION_EMAIL, subject: `Nouvelle Réservation Maison Sereine - ${payload.client.name || 'Client'}`, body: lines, }); return { ok: true, mode: 'mailto' }; } catch (mailErr) { return { ok: false, mode: 'none', error: mailErr }; } } } /** Idem côté étudiant : retourne le statut sans rediriger ni rien afficher. */ async function notifyStudentAdmin({ nom, prenom, email, phone, institution, consentLoi25 }) { const payload = { type: 'student_signup', website: '', consentLoi25: consentLoi25 === true, consentAt: new Date().toISOString(), nom: (nom || '').trim(), prenom: (prenom || '').trim(), email: (email || '').trim(), phone: (phone || '').trim(), institution: (institution || '').trim(), }; try { await postEmailNotification(payload); return { ok: true, mode: 'server' }; } catch (err) { if (typeof console !== 'undefined') console.warn('[student] Envoi serveur indisponible, fallback mailto:', err); const displayName = [payload.prenom, payload.nom].filter(Boolean).join(' ').trim() || payload.nom || 'Étudiant'; const body = [ `Nouvelle candidature étudiante.`, ``, `Prénom : ${payload.prenom || '—'}`, `Nom : ${payload.nom || '—'}`, `Courriel : ${payload.email || '—'}`, `Téléphone : ${payload.phone || '—'}`, `Institution : ${payload.institution || '—'}`, ``, `Étape 1 complétée — redirection vers Sterling Backcheck à effectuer.`, ].join('\n'); try { openMailtoFallback({ to: STUDENT_ADMIN_EMAIL, cc: payload.email, subject: `Nouvelle demande d'inscription Étudiant - ${displayName}`, body, }); return { ok: true, mode: 'mailto' }; } catch (mailErr) { return { ok: false, mode: 'none', error: mailErr }; } } } /** * Écran de confirmation après une soumission réussie. * Réutilisable famille / étudiant. Le composant parent décide du contexte et des actions. * * Props attendues : * - kind: 'family' | 'student' * - mode: 'server' | 'mailto' * - summaryItems: [{ label, value }] * - primaryAction: { label, onClick } (bouton principal) * - secondaryAction?: { label, onClick } (optionnel) * - notice?: string (message supplémentaire — ex. consigne Sterling) */ const BookingSuccessScreen = ({ kind, mode, summaryItems = [], primaryAction, secondaryAction, notice, }) => { const title = kind === 'student' ? "Demande d'inscription reçue" : "Demande reçue"; const subline = kind === 'student' ? "Notre équipe a bien reçu votre dossier. Vous serez recontacté(e) dès la fin de la vérification Sterling Backcheck." : "Notre équipe vous recontacte sous 24 h ouvrables pour confirmer votre première visite."; return (
Confirmation

{title}

{subline}

{notice ? (
À retenir {notice}
) : null} {summaryItems.length > 0 ? (
Récapitulatif
{summaryItems.map((item, idx) => (
{item.label}
{item.value || '—'}
 ))}
) : null}
{secondaryAction ? ( ) : null} {primaryAction ? ( ) : null}

{mode === 'mailto' ? "Votre client mail s'est ouvert pour envoyer la demande à l'équipe Maison Sereine — pensez à cliquer « Envoyer » dans la fenêtre qui vient d'apparaître." : "Une copie de votre demande a été transmise à contact@maisonsereine.ca."}

); }; const ADHESION_FEE_TOOLTIP_TEXT = "Ces frais couvrent l'ouverture de votre dossier et la vérification rigoureuse des antécédents judiciaires et académiques de l'étudiant via Sterling Backcheck."; /** Info-bulle (i) — frais d'adhésion / dossier (récap paiement & colonne latérale) */ const AdhesionFeeInfoButton = () => { const [open, setOpen] = React.useState(false); return ( setOpen(true)} onMouseLeave={() => setOpen(false)} > {open && ( {ADHESION_FEE_TOOLTIP_TEXT} )} ); }; const BookingPage = () => { const [role, setRole] = React.useState(() => location.hash.includes('student') ? 'student' : 'family'); React.useEffect(() => { const sync = () => setRole(location.hash.includes('student') ? 'student' : 'family'); window.addEventListener('hashchange', sync); return () => window.removeEventListener('hashchange', sync); }, []); return ( <>
{[['family', "Je cherche de l’aide"], ['student', "Je suis étudiant"]].map(([r, l]) => { const on = role === r; return ( ); })}
{role === 'family' ? : }