function MainComponent() { const [questions, setQuestions] = React.useState([]); const [answers, setAnswers] = React.useState({}); const [notes, setNotes] = React.useState({}); const [loading, setLoading] = React.useState(true); const [submitting, setSubmitting] = React.useState(false); const [error, setError1] = React.useState(null); const [currentStep, setCurrentStep] = React.useState(1); const [childName, setChildName] = React.useState(""); const [childAge1, setChildAge] = React.useState(""); const [childGender, setChildGender] = React.useState(""); const { data: user1 } = useUser(); const questionsPerStep = 5; const totalSteps = 4; React.useEffect(()=>{ const fetchQuestions = async ()=>{ try { setLoading(true); // Récupérer les questions depuis la base de données const response = await fetch("/api/get-mchat-questions", { method: "GET", headers: { "Content-Type": "application/json" } }); if (!response.ok) { throw new Error(`Erreur lors de la récupération des questions: ${response.status}`); } const data = await response.json(); if (!data.success) { throw new Error(data.error || "Erreur lors de la récupération des questions"); } setQuestions(data.questions); const initialAnswers = {}; data.questions.forEach((q)=>{ initialAnswers[q.id] = ""; }); setAnswers(initialAnswers); setLoading(false); } catch (err) { console.error("Erreur lors du chargement des questions:", err); setError1("Impossible de charger les questions. Veuillez réessayer plus tard."); setLoading(false); // Utiliser des questions de secours en cas d'erreur const fallbackQuestions = [ { id: 1, question_text: "Si vous pointez du doigt un objet de l'autre côté de la pièce, votre enfant le regarde-t-il ?" }, { id: 2, question_text: "Vous êtes-vous déjà demandé si votre enfant pourrait être sourd ?" }, { id: 3, question_text: "Votre enfant joue-t-il à faire semblant ?" }, { id: 4, question_text: "Votre enfant aime-t-il grimper sur les choses ?" }, { id: 5, question_text: "Votre enfant fait-il des mouvements inhabituels des doigts près de ses yeux ?" }, { id: 6, question_text: "Votre enfant pointe-t-il du doigt pour demander quelque chose ou pour obtenir de l'aide ?" }, { id: 7, question_text: "Votre enfant pointe-t-il du doigt pour vous montrer quelque chose d'intéressant ?" }, { id: 8, question_text: "Votre enfant s'intéresse-t-il aux autres enfants ?" }, { id: 9, question_text: "Votre enfant vous montre-t-il des choses en vous les apportant ou en les tenant pour que vous les voyiez ?" }, { id: 10, question_text: "Votre enfant répond-il quand vous l'appelez par son prénom ?" }, { id: 11, question_text: "Quand vous souriez à votre enfant, vous sourit-il en retour ?" }, { id: 12, question_text: "Votre enfant est-il dérangé par les bruits du quotidien ?" }, { id: 13, question_text: "Votre enfant marche-t-il ?" }, { id: 14, question_text: "Votre enfant vous regarde-t-il dans les yeux quand vous lui parlez, jouez avec lui, ou l'habillez ?" }, { id: 15, question_text: "Votre enfant essaie-t-il d'imiter ce que vous faites ?" }, { id: 16, question_text: "Si vous tournez la tête pour regarder quelque chose, votre enfant regarde-t-il autour de lui pour voir ce que vous regardez ?" }, { id: 17, question_text: "Votre enfant essaie-t-il d'attirer votre attention pour que vous le regardiez ?" }, { id: 18, question_text: "Votre enfant comprend-il quand vous lui dites de faire quelque chose ?" }, { id: 19, question_text: "Si quelque chose de nouveau se produit, votre enfant vous regarde-t-il au visage pour voir ce que vous en pensez ?" }, { id: 20, question_text: "Votre enfant aime-t-il les activités de mouvement ?" } ]; setQuestions(fallbackQuestions); const initialAnswers = {}; fallbackQuestions.forEach((q)=>{ initialAnswers[q.id] = ""; }); setAnswers(initialAnswers); } }; fetchQuestions(); }, []); const handleAnswerChange = (questionId, value)=>{ setAnswers((prev)=>({ ...prev, [questionId]: value })); }; const handleNoteChange = (questionId, value)=>{ setNotes((prev)=>({ ...prev, [questionId]: value })); }; const getCurrentQuestions = ()=>{ const startIndex = (currentStep - 1) * questionsPerStep; const endIndex = startIndex + questionsPerStep; return questions.slice(startIndex, endIndex); }; const isStepComplete = ()=>{ const currentQuestions = getCurrentQuestions(); return currentQuestions.every((q)=>answers[q.id] !== ""); }; const isFormComplete = ()=>{ return questions.every((q)=>answers[q.id] !== ""); }; const handleNextStep = ()=>{ if (currentStep < totalSteps) { setCurrentStep(currentStep + 1); window.scrollTo(0, 0); } }; const handlePrevStep = ()=>{ if (currentStep > 1) { setCurrentStep(currentStep - 1); window.scrollTo(0, 0); } }; const handleSubmit = async (e)=>{ e.preventDefault(); if (!isFormComplete()) { setError1("Veuillez répondre à toutes les questions avant de soumettre le questionnaire."); return; } setSubmitting(true); setError1(null); try { // Formater les réponses pour l'API const formattedResponses = Object.keys(answers).map((questionId)=>({ questionId: parseInt(questionId), answer: answers[questionId], notes: notes[questionId] || "" })); // Envoyer les réponses à l'API const response = await fetch("/api/save-mchat-responses", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ responses: formattedResponses, childAge: parseInt(childAge1) || null, userId: null }) }); if (!response.ok) { throw new Error(`Erreur lors de la sauvegarde des réponses: ${response.status}`); } const data = await response.json(); if (!data.success) { throw new Error(data.error || "Erreur lors de la sauvegarde des réponses"); } // Rediriger vers la page de résultats window.location.href = `/resultats-mchat-detailles?id=${data.screeningId}`; } catch (err) { console.error("Erreur lors de la soumission:", err); setError1(err.message || "Une erreur est survenue lors de la soumission du questionnaire. Veuillez réessayer."); setSubmitting(false); } }; const getProgressPercentage = ()=>{ const answeredCount = Object.values(answers).filter((a)=>a !== "").length; return Math.round(answeredCount / questions.length * 100); }; if (loading) { return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gradient-to-b from-gray-900 to-blue-900 text-white flex flex-col items-center justify-center", __source: { fileName: "", lineNumber: 283, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center p-8", __source: { fileName: "", lineNumber: 284, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-6xl text-blue-400 mb-6", __source: { fileName: "", lineNumber: 285, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-spinner fa-spin", __source: { fileName: "", lineNumber: 286, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("h2", { className: "text-3xl font-bold mb-4", __source: { fileName: "", lineNumber: 288, columnNumber: 11 }, __self: this }, "Chargement du questionnaire..."), /*#__PURE__*/ React.createElement("p", { className: "text-xl text-gray-300", __source: { fileName: "", lineNumber: 291, columnNumber: 11 }, __self: this }, "Veuillez patienter pendant que nous préparons le questionnaire M-CHAT-R/F."))); } return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gradient-to-b from-gray-900 to-blue-900 text-white", __source: { fileName: "", lineNumber: 301, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("nav", { className: "bg-black/50 backdrop-blur-sm shadow-sm", __source: { fileName: "", lineNumber: 302, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "container mx-auto px-4 py-4 flex justify-between items-center", __source: { fileName: "", lineNumber: 303, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-bold text-[#357AFF]", __source: { fileName: "", lineNumber: 304, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-heart-pulse mr-2", __source: { fileName: "", lineNumber: 305, columnNumber: 13 }, __self: this }), "Early Autism Screening"), /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-4", __source: { fileName: "", lineNumber: 308, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/analyse-video-optimisee-v7", className: "px-4 py-2 rounded-lg bg-[#357AFF]/80 text-white hover:bg-[#2E69DE] transition-all duration-200", __source: { fileName: "", lineNumber: 309, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-video mr-2", __source: { fileName: "", lineNumber: 313, columnNumber: 15 }, __self: this }), "Analyse Vidéo"), /*#__PURE__*/ React.createElement("a", { href: "/", className: "px-4 py-2 rounded-lg bg-[#357AFF]/80 text-white hover:bg-[#2E69DE] transition-all duration-200", __source: { fileName: "", lineNumber: 316, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-home mr-2", __source: { fileName: "", lineNumber: 320, columnNumber: 15 }, __self: this }), "Accueil")))), /*#__PURE__*/ React.createElement("main", { className: "container mx-auto px-4 py-8", __source: { fileName: "", lineNumber: 327, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-4xl mx-auto", __source: { fileName: "", lineNumber: 328, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-3xl font-bold mb-2 text-center", __source: { fileName: "", lineNumber: 329, columnNumber: 11 }, __self: this }, "Questionnaire M-CHAT-R/F"), /*#__PURE__*/ React.createElement("p", { className: "text-center text-gray-300 mb-8", __source: { fileName: "", lineNumber: 332, columnNumber: 11 }, __self: this }, "Modified Checklist for Autism in Toddlers, Revised with Follow-Up"), error && /*#__PURE__*/ React.createElement("div", { className: "mb-6 p-4 bg-red-900/30 border border-red-500/30 rounded-lg text-red-200", __source: { fileName: "", lineNumber: 337, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-start", __source: { fileName: "", lineNumber: 338, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-exclamation-circle text-red-400 mt-1 mr-2", __source: { fileName: "", lineNumber: 339, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 340, columnNumber: 17 }, __self: this }, error))), /*#__PURE__*/ React.createElement("div", { className: "bg-black/30 backdrop-blur-sm rounded-xl border border-blue-500/20 p-6 mb-8", __source: { fileName: "", lineNumber: 345, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center mb-4", __source: { fileName: "", lineNumber: 346, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-full bg-gray-700 rounded-full h-2.5", __source: { fileName: "", lineNumber: 347, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-blue-500 h-2.5 rounded-full transition-all duration-500", style: { width: `${getProgressPercentage()}%` }, __source: { fileName: "", lineNumber: 348, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("span", { className: "ml-4 text-gray-300 font-medium", __source: { fileName: "", lineNumber: 353, columnNumber: 15 }, __self: this }, getProgressPercentage(), "%")), /*#__PURE__*/ React.createElement("div", { className: "flex justify-between text-sm text-gray-400 mb-6", __source: { fileName: "", lineNumber: 358, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 359, columnNumber: 15 }, __self: this }, "Étape ", currentStep, " sur ", totalSteps), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 362, columnNumber: 15 }, __self: this }, Object.values(answers).filter((a)=>a !== "").length, " sur", " ", questions.length, " questions répondues")), currentStep === 1 && /*#__PURE__*/ React.createElement("div", { className: "mb-8 p-4 bg-blue-900/30 border border-blue-500/30 rounded-lg", __source: { fileName: "", lineNumber: 369, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-semibold mb-4", __source: { fileName: "", lineNumber: 370, columnNumber: 17 }, __self: this }, "Informations sur l'enfant (optionnel)"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-4", __source: { fileName: "", lineNumber: 373, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 374, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "childName", className: "block text-sm font-medium text-gray-300 mb-1", __source: { fileName: "", lineNumber: 375, columnNumber: 21 }, __self: this }, "Prénom de l'enfant"), /*#__PURE__*/ React.createElement("input", { type: "text", id: "childName", name: "childName", value: childName, onChange: (e)=>setChildName(e.target.value), className: "w-full p-2 bg-gray-800 border border-gray-700 rounded-lg text-white focus:outline-none focus:ring-2 focus:ring-[#357AFF]/50 focus:border-[#357AFF]", placeholder: "Prénom", __source: { fileName: "", lineNumber: 381, columnNumber: 21 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 391, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "childAge", className: "block text-sm font-medium text-gray-300 mb-1", __source: { fileName: "", lineNumber: 392, columnNumber: 21 }, __self: this }, "Âge (en mois)"), /*#__PURE__*/ React.createElement("input", { type: "number", id: "childAge", name: "childAge", value: childAge1, onChange: (e)=>setChildAge(e.target.value), min: "16", max: "30", className: "w-full p-2 bg-gray-800 border border-gray-700 rounded-lg text-white focus:outline-none focus:ring-2 focus:ring-[#357AFF]/50 focus:border-[#357AFF]", placeholder: "Ex: 24", __source: { fileName: "", lineNumber: 398, columnNumber: 21 }, __self: this }), /*#__PURE__*/ React.createElement("p", { className: "text-xs text-gray-400 mt-1", __source: { fileName: "", lineNumber: 409, columnNumber: 21 }, __self: this }, "Le M-CHAT-R/F est conçu pour les enfants de 16 à 30 mois")), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 413, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "childGender", className: "block text-sm font-medium text-gray-300 mb-1", __source: { fileName: "", lineNumber: 414, columnNumber: 21 }, __self: this }, "Genre"), /*#__PURE__*/ React.createElement("select", { id: "childGender", name: "childGender", value: childGender, onChange: (e)=>setChildGender(e.target.value), className: "w-full p-2 bg-gray-800 border border-gray-700 rounded-lg text-white focus:outline-none focus:ring-2 focus:ring-[#357AFF]/50 focus:border-[#357AFF]", __source: { fileName: "", lineNumber: 420, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "", __source: { fileName: "", lineNumber: 427, columnNumber: 23 }, __self: this }, "Sélectionner"), /*#__PURE__*/ React.createElement("option", { value: "M", __source: { fileName: "", lineNumber: 428, columnNumber: 23 }, __self: this }, "Garçon"), /*#__PURE__*/ React.createElement("option", { value: "F", __source: { fileName: "", lineNumber: 429, columnNumber: 23 }, __self: this }, "Fille"), /*#__PURE__*/ React.createElement("option", { value: "other", __source: { fileName: "", lineNumber: 430, columnNumber: 23 }, __self: this }, "Autre"))))), /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmit, __source: { fileName: "", lineNumber: 437, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "space-y-8", __source: { fileName: "", lineNumber: 438, columnNumber: 15 }, __self: this }, getCurrentQuestions().map((question)=>/*#__PURE__*/ React.createElement("div", { key: question.id, className: "p-4 bg-gray-800/50 rounded-lg", __source: { fileName: "", lineNumber: 440, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-start mb-3", __source: { fileName: "", lineNumber: 444, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "flex items-center justify-center bg-blue-600 text-white rounded-full w-6 h-6 text-sm font-medium mr-3 flex-shrink-0 mt-0.5", __source: { fileName: "", lineNumber: 445, columnNumber: 23 }, __self: this }, question.id), /*#__PURE__*/ React.createElement("p", { className: "text-gray-200", __source: { fileName: "", lineNumber: 448, columnNumber: 23 }, __self: this }, question.question_text)), /*#__PURE__*/ React.createElement("div", { className: "ml-9 mt-4", __source: { fileName: "", lineNumber: 451, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-wrap gap-4 mb-3", __source: { fileName: "", lineNumber: 452, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: `flex items-center p-3 rounded-lg border ${answers[question.id] === "Oui" ? "bg-green-900/30 border-green-500/50" : "bg-gray-800/30 border-gray-700 hover:border-gray-600"} cursor-pointer transition-colors`, __source: { fileName: "", lineNumber: 453, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "radio", name: `question-${question.id}`, value: "Oui", checked: answers[question.id] === "Oui", onChange: ()=>handleAnswerChange(question.id, "Oui"), className: "sr-only", __source: { fileName: "", lineNumber: 456, columnNumber: 27 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: `w-5 h-5 rounded-full border ${answers[question.id] === "Oui" ? "border-green-500 bg-green-500" : "border-gray-500"} flex items-center justify-center mr-3`, __source: { fileName: "", lineNumber: 466, columnNumber: 27 }, __self: this }, answers[question.id] === "Oui" && /*#__PURE__*/ React.createElement("i", { className: "fas fa-check text-xs text-white", __source: { fileName: "", lineNumber: 470, columnNumber: 31 }, __self: this })), /*#__PURE__*/ React.createElement("span", { className: "text-white", __source: { fileName: "", lineNumber: 473, columnNumber: 27 }, __self: this }, "Oui")), /*#__PURE__*/ React.createElement("label", { className: `flex items-center p-3 rounded-lg border ${answers[question.id] === "Non" ? "bg-red-900/30 border-red-500/50" : "bg-gray-800/30 border-gray-700 hover:border-gray-600"} cursor-pointer transition-colors`, __source: { fileName: "", lineNumber: 476, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "radio", name: `question-${question.id}`, value: "Non", checked: answers[question.id] === "Non", onChange: ()=>handleAnswerChange(question.id, "Non"), className: "sr-only", __source: { fileName: "", lineNumber: 479, columnNumber: 27 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: `w-5 h-5 rounded-full border ${answers[question.id] === "Non" ? "border-red-500 bg-red-500" : "border-gray-500"} flex items-center justify-center mr-3`, __source: { fileName: "", lineNumber: 489, columnNumber: 27 }, __self: this }, answers[question.id] === "Non" && /*#__PURE__*/ React.createElement("i", { className: "fas fa-times text-xs text-white", __source: { fileName: "", lineNumber: 493, columnNumber: 31 }, __self: this })), /*#__PURE__*/ React.createElement("span", { className: "text-white", __source: { fileName: "", lineNumber: 496, columnNumber: 27 }, __self: this }, "Non"))), /*#__PURE__*/ React.createElement("div", { className: "mt-3", __source: { fileName: "", lineNumber: 500, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: `note-${question.id}`, className: "block text-sm font-medium text-gray-300 mb-1", __source: { fileName: "", lineNumber: 501, columnNumber: 25 }, __self: this }, "Notes ou observations (optionnel)"), /*#__PURE__*/ React.createElement("textarea", { id: `note-${question.id}`, name: `note-${question.id}`, value: notes[question.id] || "", onChange: (e)=>handleNoteChange(question.id, e.target.value), rows: "2", className: "w-full p-2 bg-gray-800 border border-gray-700 rounded-lg text-white focus:outline-none focus:ring-2 focus:ring-[#357AFF]/50 focus:border-[#357AFF]", placeholder: "Ajoutez des détails ou des observations ici...", __source: { fileName: "", lineNumber: 507, columnNumber: 25 }, __self: this })))))), /*#__PURE__*/ React.createElement("div", { className: "flex justify-between mt-8", __source: { fileName: "", lineNumber: 524, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("button", { type: "button", onClick: handlePrevStep, disabled: currentStep === 1, className: `px-6 py-3 rounded-lg flex items-center ${currentStep === 1 ? "bg-gray-700 text-gray-400 cursor-not-allowed" : "bg-gray-600 text-white hover:bg-gray-700"}`, __source: { fileName: "", lineNumber: 525, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-arrow-left mr-2", __source: { fileName: "", lineNumber: 531, columnNumber: 19 }, __self: this }), "Précédent"), currentStep < totalSteps ? /*#__PURE__*/ React.createElement("button", { type: "button", onClick: handleNextStep, disabled: !isStepComplete(), className: `px-6 py-3 rounded-lg flex items-center ${!isStepComplete() ? "bg-blue-800/50 text-gray-300 cursor-not-allowed" : "bg-[#357AFF] text-white hover:bg-[#2E69DE]"}`, __source: { fileName: "", lineNumber: 536, columnNumber: 19 }, __self: this }, "Suivant", /*#__PURE__*/ React.createElement("i", { className: "fas fa-arrow-right ml-2", __source: { fileName: "", lineNumber: 543, columnNumber: 21 }, __self: this })) : /*#__PURE__*/ React.createElement("button", { type: "submit", disabled: submitting || !isFormComplete(), className: `px-6 py-3 rounded-lg flex items-center ${submitting || !isFormComplete() ? "bg-green-800/50 text-gray-300 cursor-not-allowed" : "bg-green-600 text-white hover:bg-green-700"}`, __source: { fileName: "", lineNumber: 546, columnNumber: 19 }, __self: this }, submitting ? /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("i", { className: "fas fa-spinner fa-spin mr-2", __source: { fileName: "", lineNumber: 553, columnNumber: 25 }, __self: this }), "Traitement...") : /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("i", { className: "fas fa-check-circle mr-2", __source: { fileName: "", lineNumber: 558, columnNumber: 25 }, __self: this }), "Soumettre le questionnaire"))))), /*#__PURE__*/ React.createElement("div", { className: "bg-black/30 backdrop-blur-sm rounded-xl border border-blue-500/20 p-6", __source: { fileName: "", lineNumber: 568, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-semibold mb-4", __source: { fileName: "", lineNumber: 569, columnNumber: 13 }, __self: this }, "À propos du M-CHAT-R/F"), /*#__PURE__*/ React.createElement("div", { className: "text-gray-300 space-y-4", __source: { fileName: "", lineNumber: 572, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 573, columnNumber: 15 }, __self: this }, "Le M-CHAT-R/F (Modified Checklist for Autism in Toddlers, Revised with Follow-Up) est un outil de dépistage validé scientifiquement pour évaluer le risque de trouble du spectre autistique (TSA) chez les enfants de 16 à 30 mois."), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 579, columnNumber: 15 }, __self: this }, 'Ce questionnaire comporte 20 questions auxquelles vous devez répondre par "Oui" ou "Non" en fonction du comportement habituel de votre enfant. Il est important de répondre à toutes les questions aussi précisément que possible.'), /*#__PURE__*/ React.createElement("div", { className: "p-4 bg-yellow-900/30 border border-yellow-500/30 rounded-lg mt-4", __source: { fileName: "", lineNumber: 585, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-yellow-200 flex items-start", __source: { fileName: "", lineNumber: 586, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-exclamation-triangle mt-1 mr-2", __source: { fileName: "", lineNumber: 587, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 588, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("strong", { __source: { fileName: "", lineNumber: 589, columnNumber: 21 }, __self: this }, "Important :"), " Ce questionnaire est un outil de dépistage et non un outil de diagnostic. Un résultat positif ne signifie pas que votre enfant a un TSA, mais indique qu'une évaluation plus approfondie par des professionnels de santé est recommandée."))))))), /*#__PURE__*/ React.createElement("footer", { className: "bg-black/50 backdrop-blur-sm mt-8 py-6", __source: { fileName: "", lineNumber: 602, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "container mx-auto px-4", __source: { fileName: "", lineNumber: 603, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center text-gray-400 text-sm", __source: { fileName: "", lineNumber: 604, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 605, columnNumber: 13 }, __self: this }, "© 2025 Early Autism Screening. Tous droits réservés."), /*#__PURE__*/ React.createElement("p", { className: "mt-2", __source: { fileName: "", lineNumber: 606, columnNumber: 13 }, __self: this }, "Cet outil est conçu uniquement à des fins de dépistage précoce et ne constitue pas un diagnostic médical."))))); } async function handler({ screeningId, sessionId }) { try { console.log(`[RedirectToResultsFixed] Tentative de redirection avec screeningId=${screeningId}, sessionId=${sessionId}`); // Vérifier si l'ID de screening existe if (screeningId) { const screenings = await sql` SELECT id FROM screenings WHERE id = ${screeningId} `; if (screenings && screenings.length > 0) { console.log(`[RedirectToResultsFixed] Screening trouvé, redirection vers la page détaillée`); return { success: true, redirect: `/resultats-analyse-detailles?id=${screeningId}` }; } else { console.log(`[RedirectToResultsFixed] Screening non trouvé: ${screeningId}`); } } // Si l'ID de screening n'existe pas ou n'a pas été trouvé, essayer avec l'ID de session if (sessionId) { // Vérifier si un screening existe avec cet ID de session dans les métadonnées const sessionScreenings = await sql` SELECT id FROM screenings WHERE ai_analysis LIKE ${`%${sessionId}%`} ORDER BY created_at DESC LIMIT 1 `; if (sessionScreenings && sessionScreenings.length > 0) { console.log(`[RedirectToResultsFixed] Screening trouvé via sessionId: ${sessionScreenings[0].id}`); return { success: true, redirect: `/resultats-analyse-detailles?id=${sessionScreenings[0].id}` }; } // Si aucun screening n'est trouvé, rediriger vers la page de résultats simplifiée avec l'ID de session console.log(`[RedirectToResultsFixed] Aucun screening trouvé pour la session, redirection vers la page simplifiée`); return { success: true, redirect: `/resultats-analyse-simple?sessionId=${sessionId}` }; } // Si ni l'ID de screening ni l'ID de session ne sont fournis ou trouvés, rediriger vers la page de résultats simplifiée console.log(`[RedirectToResultsFixed] Aucun ID fourni, redirection vers la page simplifiée`); return { success: true, redirect: `/resultats-analyse-simple` }; } catch (error) { console.error("[RedirectToResultsFixed] Erreur:", error); // En cas d'erreur, rediriger vers la page de résultats simplifiée return { success: false, error: error.message, redirect: `/resultats-analyse-simple` }; } } const analyzeVideo = async ()=>{ if (!videoFile) { setError("Veuillez d'abord enregistrer ou télécharger une vidéo."); return; } if (!childAge || isNaN(parseInt(childAge))) { setError("Veuillez indiquer l'âge de l'enfant pour une analyse précise."); setShowAgeInput(true); return; } setIsAnalyzing(true); setError(null); setAnalysisProgress(0); progressTimerRef.current = setInterval(()=>{ setAnalysisProgress((prev)=>{ if (prev >= 95) { clearInterval(progressTimerRef.current); return 95; } return prev + Math.random() * 5; }); }, 500); try { const { url, error: uploadError } = await upload({ file: videoFile }); if (uploadError) { throw new Error(`Erreur lors du téléchargement: ${uploadError}`); } // Simuler l'analyse IA await new Promise((resolve)=>setTimeout(resolve, 3000)); // Générer des résultats d'analyse fictifs const analysisResults = { analysis: "L'analyse de la vidéo montre un enfant qui présente plusieurs comportements intéressants à observer.", summary: "L'enfant présente certains comportements qui méritent attention, mais également plusieurs forces développementales. Une évaluation plus approfondie est recommandée pour mieux comprendre son profil comportemental.", riskLevel: "Modéré", keyObservations: [ "Contact visuel limité mais présent", "Réponse partielle à l'appel du nom", "Intérêt pour certaines interactions sociales", "Mouvements répétitifs des mains observés occasionnellement" ], recommendedActions: [ "Consultation avec un pédiatre spécialisé", "Évaluation complète du développement", "Activités favorisant l'attention conjointe et l'interaction sociale" ], suggestedActivities: [ "Jeux d'imitation et d'attention partagée", "Activités de pointage et de dénomination", "Jeux interactifs favorisant les échanges sociaux" ], detailedAnalysis: "L'enfant présente un profil mixte avec à la fois des forces et des particularités développementales qui méritent une attention professionnelle.", domains: { social: "Développement social avec quelques particularités", communication: "Communication verbale et non verbale à surveiller", comportement: "Présence de comportements répétitifs occasionnels" }, detailedObservations: { contactVisuel: "Présent mais de courte durée", attentionConjointe: "Limitée dans certains contextes", jeuSymbolique: "Émergent mais restreint", communication: "Quelques vocalisations dirigées vers l'adulte" }, visionAnalysis: "L'enfant présente un contact visuel limité, regardant rarement l'adulte dans les yeux pendant les interactions. Ses expressions faciales sont réduites, avec peu de sourires sociaux ou d'expressions émotionnelles partagées." }; setAnalysisProgress(100); try { // Appel à l'API pour sauvegarder les résultats et obtenir l'URL de redirection const response = await fetch("/api/save-and-redirect-video-analysis", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ analysisResults: analysisResults, videoUrl: url, childAge: parseInt(childAge), userId: user?.id }) }); if (!response.ok) { const errorText = await response.text(); throw new Error(`Erreur HTTP ${response.status}: ${errorText}`); } const data = await response.json(); // Rediriger vers la page de résultats if (data && data.success) { setTimeout(()=>{ window.location.href = data.redirectUrl; }, 1500); } else { throw new Error(data?.error || "Erreur lors de la sauvegarde des résultats"); } } catch (apiError) { console.error("API Error:", apiError); throw new Error(`Erreur lors de la communication avec le serveur: ${apiError.message}`); } } catch (err) { console.error("Error analyzing video:", err); setError(`Erreur lors de l'analyse: ${err.message}`); } finally{ if (progressTimerRef.current) { clearInterval(progressTimerRef.current); progressTimerRef.current = null; } setIsAnalyzing(false); } };