analytica-frontend-lib 1.1.63 → 1.1.65

package/dist/index.js

@@ -88,6 +88,7 @@ __export(src_exports, {
   QUESTION_DIFFICULTY: () => QUESTION_DIFFICULTY,
   QUESTION_STATUS: () => QUESTION_STATUS,
   QUESTION_TYPE: () => QUESTION_TYPE,
+  QUIZ_TYPE: () => QUIZ_TYPE,
   Quiz: () => Quiz,
   QuizAlternative: () => QuizAlternative,
   QuizConnectDots: () => QuizConnectDots,
@@ -150,6 +151,7 @@ __export(src_exports, {
   getSubjectIcon: () => getSubjectIcon,
   getSubjectInfo: () => getSubjectInfo,
   getSubjectName: () => getSubjectName,
+  syncNotificationState: () => syncNotificationState,
   useApiConfig: () => useApiConfig,
   useAuth: () => useAuth,
   useAuthGuard: () => useAuthGuard,
@@ -8750,8 +8752,8 @@ function useApiConfig(api) {
 }
 
 // src/components/Quiz/Quiz.tsx
-var import_phosphor_react22 = require("phosphor-react");
-var import_react31 = require("react");
+var import_phosphor_react23 = require("phosphor-react");
+var import_react32 = require("react");
 
 // src/components/Quiz/useQuizStore.ts
 var import_zustand7 = require("zustand");
@@ -8762,6 +8764,12 @@ var QUESTION_DIFFICULTY = /* @__PURE__ */ ((QUESTION_DIFFICULTY2) => {
   QUESTION_DIFFICULTY2["DIFICIL"] = "DIFICIL";
   return QUESTION_DIFFICULTY2;
 })(QUESTION_DIFFICULTY || {});
+var QUIZ_TYPE = /* @__PURE__ */ ((QUIZ_TYPE2) => {
+  QUIZ_TYPE2["SIMULADO"] = "SIMULADO";
+  QUIZ_TYPE2["QUESTIONARIO"] = "QUESTIONARIO";
+  QUIZ_TYPE2["ATIVIDADE"] = "ATIVIDADE";
+  return QUIZ_TYPE2;
+})(QUIZ_TYPE || {});
 var QUESTION_TYPE = /* @__PURE__ */ ((QUESTION_TYPE2) => {
   QUESTION_TYPE2["ALTERNATIVA"] = "ALTERNATIVA";
   QUESTION_TYPE2["DISSERTATIVA"] = "DISSERTATIVA";
@@ -8850,6 +8858,7 @@ var useQuizStore = (0, import_zustand7.create)()(
       };
       return {
         // Initial State
+        quiz: null,
         currentQuestionIndex: 0,
         selectedAnswers: {},
         userAnswers: [],
@@ -8862,9 +8871,7 @@ var useQuizStore = (0, import_zustand7.create)()(
         questionsResult: null,
         currentQuestionResult: null,
         // Setters
-        setBySimulated: (simulated) => set({ bySimulated: simulated }),
-        setByActivity: (activity) => set({ byActivity: activity }),
-        setByQuestionary: (lesson) => set({ byQuestionary: lesson }),
+        setQuiz: (quiz) => set({ quiz }),
         setUserId: (userId) => set({ userId }),
         setUserAnswers: (userAnswers) => set({ userAnswers }),
         getUserId: () => get().userId,
@@ -8891,29 +8898,16 @@ var useQuizStore = (0, import_zustand7.create)()(
             set({ currentQuestionIndex: index });
           }
         },
-        getActiveQuiz: () => {
-          const { bySimulated, byActivity, byQuestionary } = get();
-          if (bySimulated)
-            return { quiz: bySimulated, type: "bySimulated" };
-          if (byActivity)
-            return { quiz: byActivity, type: "byActivity" };
-          if (byQuestionary)
-            return { quiz: byQuestionary, type: "byQuestionary" };
-          return null;
-        },
         selectAnswer: (questionId, answerId) => {
-          const { getActiveQuiz, userAnswers } = get();
-          const activeQuiz = getActiveQuiz();
-          if (!activeQuiz) return;
-          const activityId = activeQuiz.quiz.id;
+          const { quiz, userAnswers } = get();
+          if (!quiz) return;
+          const activityId = quiz.id;
           const userId = get().getUserId();
           if (!userId || userId === "") {
             console.warn("selectAnswer called before userId is set");
             return;
           }
-          const question = activeQuiz.quiz.questions.find(
-            (q) => q.id === questionId
-          );
+          const question = quiz.questions.find((q) => q.id === questionId);
           if (!question) return;
           const existingAnswerIndex = userAnswers.findIndex(
             (answer) => answer.questionId === questionId
@@ -8939,18 +8933,15 @@ var useQuizStore = (0, import_zustand7.create)()(
           });
         },
         selectMultipleAnswer: (questionId, answerIds) => {
-          const { getActiveQuiz, userAnswers } = get();
-          const activeQuiz = getActiveQuiz();
-          if (!activeQuiz) return;
-          const activityId = activeQuiz.quiz.id;
+          const { quiz, userAnswers } = get();
+          if (!quiz) return;
+          const activityId = quiz.id;
           const userId = get().getUserId();
           if (!userId || userId === "") {
             console.warn("selectMultipleAnswer called before userId is set");
             return;
           }
-          const question = activeQuiz.quiz.questions.find(
-            (q) => q.id === questionId
-          );
+          const question = quiz.questions.find((q) => q.id === questionId);
           if (!question) return;
           const filteredUserAnswers = userAnswers.filter(
             (answer) => answer.questionId !== questionId
@@ -8977,10 +8968,9 @@ var useQuizStore = (0, import_zustand7.create)()(
           });
         },
         selectDissertativeAnswer: (questionId, answer) => {
-          const { getActiveQuiz, userAnswers } = get();
-          const activeQuiz = getActiveQuiz();
-          if (!activeQuiz) return;
-          const activityId = activeQuiz.quiz.id;
+          const { quiz, userAnswers } = get();
+          if (!quiz) return;
+          const activityId = quiz.id;
           const userId = get().getUserId();
           if (!userId || userId === "") {
             console.warn(
@@ -8988,9 +8978,7 @@ var useQuizStore = (0, import_zustand7.create)()(
             );
             return;
           }
-          const question = activeQuiz.quiz.questions.find(
-            (q) => q.id === questionId
-          );
+          const question = quiz.questions.find((q) => q.id === questionId);
           if (!question || question.questionType !== "DISSERTATIVA" /* DISSERTATIVA */) {
             console.warn(
               "selectDissertativeAnswer called for non-dissertative question"
@@ -9021,12 +9009,11 @@ var useQuizStore = (0, import_zustand7.create)()(
           });
         },
         skipQuestion: () => {
-          const { getCurrentQuestion, userAnswers, getActiveQuiz } = get();
+          const { getCurrentQuestion, userAnswers, quiz } = get();
           const currentQuestion = getCurrentQuestion();
-          const activeQuiz = getActiveQuiz();
-          if (!activeQuiz) return;
+          if (!quiz) return;
           if (currentQuestion) {
-            const activityId = activeQuiz.quiz.id;
+            const activityId = quiz.id;
             const userId = get().getUserId();
             if (!userId || userId === "") {
               console.warn("skipQuestion called before userId is set");
@@ -9057,18 +9044,15 @@ var useQuizStore = (0, import_zustand7.create)()(
           }
         },
         addUserAnswer: (questionId, answerId) => {
-          const { getActiveQuiz, userAnswers } = get();
-          const activeQuiz = getActiveQuiz();
-          if (!activeQuiz) return;
-          const activityId = activeQuiz.quiz.id;
+          const { quiz, userAnswers } = get();
+          if (!quiz) return;
+          const activityId = quiz.id;
           const userId = get().getUserId();
           if (!userId || userId === "") {
             console.warn("addUserAnswer called before userId is set");
             return;
           }
-          const question = activeQuiz.quiz.questions.find(
-            (q) => q.id === questionId
-          );
+          const question = quiz.questions.find((q) => q.id === questionId);
           if (!question) return;
           const existingAnswerIndex = userAnswers.findIndex(
             (answer) => answer.questionId === questionId
@@ -9104,6 +9088,7 @@ var useQuizStore = (0, import_zustand7.create)()(
           stopTimer();
           stopMinuteCallback();
           set({
+            quiz: null,
             currentQuestionIndex: 0,
             selectedAnswers: {},
             userAnswers: [],
@@ -9127,17 +9112,15 @@ var useQuizStore = (0, import_zustand7.create)()(
         stopMinuteCallback,
         // Getters
         getCurrentQuestion: () => {
-          const { currentQuestionIndex, getActiveQuiz } = get();
-          const activeQuiz = getActiveQuiz();
-          if (!activeQuiz) {
+          const { currentQuestionIndex, quiz } = get();
+          if (!quiz) {
             return null;
           }
-          return activeQuiz.quiz.questions[currentQuestionIndex];
+          return quiz.questions[currentQuestionIndex];
         },
         getTotalQuestions: () => {
-          const { getActiveQuiz } = get();
-          const activeQuiz = getActiveQuiz();
-          return activeQuiz?.quiz?.questions?.length || 0;
+          const { quiz } = get();
+          return quiz?.questions?.length || 0;
         },
         getAnsweredQuestions: () => {
           const { userAnswers } = get();
@@ -9146,11 +9129,10 @@ var useQuizStore = (0, import_zustand7.create)()(
           ).length;
         },
         getUnansweredQuestions: () => {
-          const { getActiveQuiz, userAnswers } = get();
-          const activeQuiz = getActiveQuiz();
-          if (!activeQuiz) return [];
+          const { quiz, userAnswers } = get();
+          if (!quiz) return [];
           const unansweredQuestions = [];
-          activeQuiz.quiz.questions.forEach((question, index) => {
+          quiz.questions.forEach((question, index) => {
             const userAnswer = userAnswers.find(
               (answer) => answer.questionId === question.id
             );
@@ -9211,9 +9193,8 @@ var useQuizStore = (0, import_zustand7.create)()(
           return userAnswer;
         },
         getQuizTitle: () => {
-          const { getActiveQuiz } = get();
-          const activeQuiz = getActiveQuiz();
-          return activeQuiz?.quiz?.title || "Quiz";
+          const { quiz } = get();
+          return quiz?.title || "Quiz";
         },
         formatTime: (seconds) => {
           const minutes = Math.floor(seconds / 60);
@@ -9225,11 +9206,10 @@ var useQuizStore = (0, import_zustand7.create)()(
           return userAnswers;
         },
         getUnansweredQuestionsFromUserAnswers: () => {
-          const { getActiveQuiz, userAnswers } = get();
-          const activeQuiz = getActiveQuiz();
-          if (!activeQuiz) return [];
+          const { quiz, userAnswers } = get();
+          if (!quiz) return [];
           const unansweredQuestions = [];
-          activeQuiz.quiz.questions.forEach((question, index) => {
+          quiz.questions.forEach((question, index) => {
             const userAnswer = userAnswers.find(
               (answer) => answer.questionId === question.id
             );
@@ -9242,8 +9222,8 @@ var useQuizStore = (0, import_zustand7.create)()(
           return unansweredQuestions;
         },
         getQuestionsGroupedBySubject: () => {
-          const { getQuestionResult, getActiveQuiz, variant } = get();
-          const questions = variant == "result" ? getQuestionResult()?.answers : getActiveQuiz()?.quiz.questions;
+          const { getQuestionResult, quiz, variant } = get();
+          const questions = variant == "result" ? getQuestionResult()?.answers : quiz?.questions;
           if (!questions) return {};
           const groupedQuestions = {};
           questions.forEach((question) => {
@@ -9281,19 +9261,18 @@ var useQuizStore = (0, import_zustand7.create)()(
           return userAnswers;
         },
         setCurrentQuestion: (question) => {
-          const { getActiveQuiz, variant, questionsResult } = get();
-          const activeQuiz = getActiveQuiz();
-          if (!activeQuiz) return;
+          const { quiz, variant, questionsResult } = get();
+          if (!quiz) return;
           let questionIndex = 0;
           if (variant == "result") {
             if (!questionsResult) return;
             const questionResult = questionsResult.answers.find((q) => q.id === question.id) ?? questionsResult.answers.find((q) => q.questionId === question.id);
             if (!questionResult) return;
-            questionIndex = activeQuiz.quiz.questions.findIndex(
+            questionIndex = quiz.questions.findIndex(
               (q) => q.id === questionResult.questionId
             );
           } else {
-            questionIndex = activeQuiz.quiz.questions.findIndex(
+            questionIndex = quiz.questions.findIndex(
               (q) => q.id === question.id
             );
           }
@@ -9327,7 +9306,7 @@ var useQuizStore = (0, import_zustand7.create)()(
           return userAnswer ? userAnswer.answerStatus : null;
         },
         getQuestionIndex: (questionId) => {
-          const { questionsResult, variant } = get();
+          const { questionsResult, variant, quiz } = get();
           if (variant == "result") {
             if (!questionsResult) return 0;
             let idx = questionsResult.answers.findIndex(
@@ -9340,12 +9319,8 @@ var useQuizStore = (0, import_zustand7.create)()(
             }
             return idx !== -1 ? idx + 1 : 0;
           } else {
-            const { getActiveQuiz } = get();
-            const activeQuiz = getActiveQuiz();
-            if (!activeQuiz) return 0;
-            const idx = activeQuiz.quiz.questions.findIndex(
-              (q) => q.id === questionId
-            );
+            if (!quiz) return 0;
+            const idx = quiz.questions.findIndex((q) => q.id === questionId);
             return idx !== -1 ? idx + 1 : 0;
           }
         },
@@ -9383,10 +9358,14 @@ var useQuizStore = (0, import_zustand7.create)()(
   )
 );
 
+// src/components/Quiz/QuizContent.tsx
+var import_react31 = require("react");
+var import_phosphor_react22 = require("phosphor-react");
+
 // src/assets/img/mock-image-question.png
 var mock_image_question_default = "./mock-image-question-HEZCLFDL.png";
 
-// src/components/Quiz/Quiz.tsx
+// src/components/Quiz/QuizContent.tsx
 var import_jsx_runtime47 = require("react/jsx-runtime");
 var getStatusBadge = (status) => {
   switch (status) {
@@ -9406,158 +9385,11 @@ var getStatusStyles = (variantCorrect) => {
       return "bg-error-background border-error-300";
   }
 };
-var Quiz = (0, import_react31.forwardRef)(({ children, className, variant = "default", ...props }, ref) => {
-  const { setVariant } = useQuizStore();
-  (0, import_react31.useEffect)(() => {
-    setVariant(variant);
-  }, [variant, setVariant]);
-  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { ref, className: cn("flex flex-col", className), ...props, children });
-});
-var QuizHeaderResult = (0, import_react31.forwardRef)(
-  ({ className, ...props }, ref) => {
-    const { getQuestionResultByQuestionId, getCurrentQuestion } = useQuizStore();
-    const [status, setStatus] = (0, import_react31.useState)(void 0);
-    (0, import_react31.useEffect)(() => {
-      const cq = getCurrentQuestion();
-      if (!cq) {
-        setStatus(void 0);
-        return;
-      }
-      const qr = getQuestionResultByQuestionId(cq.id);
-      setStatus(qr?.answerStatus);
-    }, [
-      getCurrentQuestion,
-      getQuestionResultByQuestionId,
-      getCurrentQuestion()?.id
-    ]);
-    const getClassesByAnswersStatus = () => {
-      switch (status) {
-        case "RESPOSTA_CORRETA" /* RESPOSTA_CORRETA */:
-          return "bg-success-background";
-        case "RESPOSTA_INCORRETA" /* RESPOSTA_INCORRETA */:
-          return "bg-error-background";
-        default:
-          return "bg-error-background";
-      }
-    };
-    const getLabelByAnswersStatus = () => {
-      switch (status) {
-        case "RESPOSTA_CORRETA" /* RESPOSTA_CORRETA */:
-          return "\u{1F389} Parab\xE9ns!!";
-        case "RESPOSTA_INCORRETA" /* RESPOSTA_INCORRETA */:
-          return "N\xE3o foi dessa vez...";
-        case "NAO_RESPONDIDO" /* NAO_RESPONDIDO */:
-          return "N\xE3o foi dessa vez...voc\xEA deixou a resposta em branco";
-        default:
-          return "N\xE3o foi dessa vez...voc\xEA deixou a resposta em branco";
-      }
-    };
-    return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(
-      "div",
-      {
-        ref,
-        className: cn(
-          "flex flex-row items-center gap-10 p-3.5 rounded-xl mb-4",
-          getClassesByAnswersStatus(),
-          className
-        ),
-        ...props,
-        children: [
-          /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("p", { className: "text-text-950 font-bold text-lg", children: "Resultado" }),
-          /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("p", { className: "text-text-700 text-md", children: getLabelByAnswersStatus() })
-        ]
-      }
-    );
-  }
-);
-var QuizTitle = (0, import_react31.forwardRef)(
-  ({ className, ...props }, ref) => {
-    const {
-      currentQuestionIndex,
-      getTotalQuestions,
-      getQuizTitle,
-      timeElapsed,
-      formatTime: formatTime2,
-      isStarted
-    } = useQuizStore();
-    const [showExitConfirmation, setShowExitConfirmation] = (0, import_react31.useState)(false);
-    const totalQuestions = getTotalQuestions();
-    const quizTitle = getQuizTitle();
-    const handleBackClick = () => {
-      if (isStarted) {
-        setShowExitConfirmation(true);
-      } else {
-        window.history.back();
-      }
-    };
-    const handleConfirmExit = () => {
-      setShowExitConfirmation(false);
-      window.history.back();
-    };
-    const handleCancelExit = () => {
-      setShowExitConfirmation(false);
-    };
-    return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(import_jsx_runtime47.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(
-        "div",
-        {
-          ref,
-          className: cn(
-            "flex flex-row justify-between items-center relative p-2",
-            className
-          ),
-          ...props,
-          children: [
-            /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
-              IconButton_default,
-              {
-                icon: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_phosphor_react22.CaretLeft, { size: 24 }),
-                size: "md",
-                "aria-label": "Voltar",
-                onClick: handleBackClick
-              }
-            ),
-            /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("span", { className: "flex flex-col gap-2 text-center", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("p", { className: "text-text-950 font-bold text-md", children: quizTitle }),
-              /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("p", { className: "text-text-600 text-xs", children: totalQuestions > 0 ? `${currentQuestionIndex + 1} de ${totalQuestions}` : "0 de 0" })
-            ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { className: "flex flex-row items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(Badge_default, { variant: "outlined", action: "info", iconLeft: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_phosphor_react22.Clock, {}), children: isStarted ? formatTime2(timeElapsed) : "00:00" }) })
-          ]
-        }
-      ),
-      /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
-        AlertDialog,
-        {
-          isOpen: showExitConfirmation,
-          onChangeOpen: setShowExitConfirmation,
-          title: "Deseja sair?",
-          description: "Se voc\xEA sair do simulado agora, todas as respostas ser\xE3o perdidas.",
-          cancelButtonLabel: "Voltar e revisar",
-          submitButtonLabel: "Sair Mesmo Assim",
-          onSubmit: handleConfirmExit,
-          onCancel: handleCancelExit
-        }
-      )
-    ] });
-  }
-);
 var QuizSubTitle = (0, import_react31.forwardRef)(
   ({ subTitle, ...props }, ref) => {
     return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "px-4 pb-2 pt-6", ...props, ref, children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("p", { className: "font-bold text-lg text-text-950", children: subTitle }) });
   }
 );
-var QuizHeader = () => {
-  const { getCurrentQuestion, currentQuestionIndex } = useQuizStore();
-  const currentQuestion = getCurrentQuestion();
-  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
-    HeaderAlternative,
-    {
-      title: currentQuestion ? `Quest\xE3o ${currentQuestionIndex + 1}` : "Quest\xE3o",
-      subTitle: currentQuestion?.knowledgeMatrix?.[0]?.topic?.name ?? "",
-      content: currentQuestion?.statement ?? ""
-    }
-  );
-};
 var QuizContainer = (0, import_react31.forwardRef)(({ children, className, ...props }, ref) => {
   return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
     "div",
@@ -9572,21 +9404,6 @@ var QuizContainer = (0, import_react31.forwardRef)(({ children, className, ...pr
     }
   );
 });
-var QuizContent = (0, import_react31.forwardRef)(({ paddingBottom }) => {
-  const { getCurrentQuestion } = useQuizStore();
-  const currentQuestion = getCurrentQuestion();
-  const questionComponents = {
-    ["ALTERNATIVA" /* ALTERNATIVA */]: QuizAlternative,
-    ["MULTIPLA_CHOICE" /* MULTIPLA_CHOICE */]: QuizMultipleChoice,
-    ["DISSERTATIVA" /* DISSERTATIVA */]: QuizDissertative,
-    ["VERDADEIRO_FALSO" /* VERDADEIRO_FALSO */]: QuizTrueOrFalse,
-    ["LIGAR_PONTOS" /* LIGAR_PONTOS */]: QuizConnectDots,
-    ["PREENCHER" /* PREENCHER */]: QuizFill,
-    ["IMAGEM" /* IMAGEM */]: QuizImageQuestion
-  };
-  const QuestionComponent = currentQuestion ? questionComponents[currentQuestion.questionType] : null;
-  return QuestionComponent ? /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(QuestionComponent, { paddingBottom }) : null;
-});
 var QuizAlternative = ({ paddingBottom }) => {
   const {
     getCurrentQuestion,
@@ -9790,7 +9607,7 @@ var QuizDissertative = ({ paddingBottom }) => {
     ) }) : /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "space-y-4", children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("p", { className: "text-text-600 text-md whitespace-pre-wrap", children: localAnswer || "Nenhuma resposta fornecida" }) }) }) }),
     variant === "result" && currentQuestionResult?.answerStatus == "RESPOSTA_INCORRETA" /* RESPOSTA_INCORRETA */ && /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(import_jsx_runtime47.Fragment, { children: [
       /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(QuizSubTitle, { subTitle: "Observa\xE7\xE3o do professor" }),
-      /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(QuizContainer, { className: cn("", paddingBottom), children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("p", { className: "text-text-600 text-md whitespace-pre-wrap", children: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed euismod, urna eu tincidunt consectetur, nisi nisl aliquam nunc, eget aliquam massa nisl quis neque. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Integer euismod, urna eu tincidunt consectetur, nisi nisl aliquam nunc, eget aliquam massa nisl quis neque. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Suspendisse potenti. Nullam ac urna eu felis dapibus condimentum sit amet a augue. Sed non neque elit. Sed ut imperdiet nisi. Proin condimentum fermentum nunc. Etiam pharetra, erat sed fermentum feugiat, velit mauris egestas quam, ut aliquam massa nisl quis neque. Suspendisse in orci enim. Mauris euismod, urna eu tincidunt consectetur, nisi nisl aliquam nunc, eget aliquam massa nisl quis neque. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Integer euismod, urna eu tincidunt consectetur, nisi nisl aliquam nunc, eget aliquam massa nisl quis neque. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Suspendisse potenti. Nullam ac urna eu felis dapibus condimentum sit amet a augue. Sed non neque elit. Sed ut imperdiet nisi. Proin condimentum fermentum nunc. Etiam pharetra, erat sed fermentum feugiat, velit mauris egestas quam, ut aliquam massa nisl quis neque. Suspendisse in orci enim. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Integer euismod, urna eu tincidunt consectetur, nisi nisl aliquam nunc, eget aliquam massa nisl quis neque. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Suspendisse potenti. Nullam ac urna eu felis dapibus condimentum sit amet a augue. Sed non neque elit. Sed ut imperdiet nisi. Proin condimentum fermentum nunc. Etiam pharetra, erat sed fermentum feugiat, velit mauris egestas quam, ut aliquam massa nisl quis neque. Suspendisse in orci enim." }) })
+      /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(QuizContainer, { className: cn("", paddingBottom), children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("p", { className: "text-text-600 text-md whitespace-pre-wrap", children: currentQuestionResult?.teacherFeedback }) })
     ] })
   ] });
 };
@@ -10291,6 +10108,153 @@ var QuizImageQuestion = ({ paddingBottom }) => {
     ) })
   ] });
 };
+
+// src/components/Quiz/Quiz.tsx
+var import_jsx_runtime48 = require("react/jsx-runtime");
+var getQuizTypeConfig = (type) => {
+  const QUIZ_TYPE_CONFIG = {
+    ["SIMULADO" /* SIMULADO */]: {
+      label: "Simulado",
+      article: "o",
+      preposition: "do"
+    },
+    ["QUESTIONARIO" /* QUESTIONARIO */]: {
+      label: "Question\xE1rio",
+      article: "o",
+      preposition: "do"
+    },
+    ["ATIVIDADE" /* ATIVIDADE */]: {
+      label: "Atividade",
+      article: "a",
+      preposition: "da"
+    }
+  };
+  const config = QUIZ_TYPE_CONFIG[type];
+  return config || QUIZ_TYPE_CONFIG["SIMULADO" /* SIMULADO */];
+};
+var getTypeLabel = (type) => {
+  return getQuizTypeConfig(type).label;
+};
+var getCompletionTitle = (type) => {
+  const config = getQuizTypeConfig(type);
+  return `Voc\xEA concluiu ${config.article} ${config.label.toLowerCase()}!`;
+};
+var getExitConfirmationText = (type) => {
+  const config = getQuizTypeConfig(type);
+  return `Se voc\xEA sair ${config.preposition} ${config.label.toLowerCase()} agora, todas as respostas ser\xE3o perdidas.`;
+};
+var getFinishConfirmationText = (type) => {
+  const config = getQuizTypeConfig(type);
+  return `Tem certeza que deseja finalizar ${config.article} ${config.label.toLowerCase()}?`;
+};
+var Quiz = (0, import_react32.forwardRef)(({ children, className, variant = "default", ...props }, ref) => {
+  const { setVariant } = useQuizStore();
+  (0, import_react32.useEffect)(() => {
+    setVariant(variant);
+  }, [variant, setVariant]);
+  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { ref, className: cn("flex flex-col", className), ...props, children });
+});
+var QuizTitle = (0, import_react32.forwardRef)(
+  ({ className, ...props }, ref) => {
+    const {
+      quiz,
+      currentQuestionIndex,
+      getTotalQuestions,
+      getQuizTitle,
+      timeElapsed,
+      formatTime: formatTime2,
+      isStarted
+    } = useQuizStore();
+    const [showExitConfirmation, setShowExitConfirmation] = (0, import_react32.useState)(false);
+    const totalQuestions = getTotalQuestions();
+    const quizTitle = getQuizTitle();
+    const handleBackClick = () => {
+      if (isStarted) {
+        setShowExitConfirmation(true);
+      } else {
+        window.history.back();
+      }
+    };
+    const handleConfirmExit = () => {
+      setShowExitConfirmation(false);
+      window.history.back();
+    };
+    const handleCancelExit = () => {
+      setShowExitConfirmation(false);
+    };
+    return /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(import_jsx_runtime48.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(
+        "div",
+        {
+          ref,
+          className: cn(
+            "flex flex-row justify-between items-center relative p-2",
+            className
+          ),
+          ...props,
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+              IconButton_default,
+              {
+                icon: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_phosphor_react23.CaretLeft, { size: 24 }),
+                size: "md",
+                "aria-label": "Voltar",
+                onClick: handleBackClick
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("span", { className: "flex flex-col gap-2 text-center", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("p", { className: "text-text-950 font-bold text-md", children: quizTitle }),
+              /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("p", { className: "text-text-600 text-xs", children: totalQuestions > 0 ? `${currentQuestionIndex + 1} de ${totalQuestions}` : "0 de 0" })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("span", { className: "flex flex-row items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(Badge_default, { variant: "outlined", action: "info", iconLeft: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_phosphor_react23.Clock, {}), children: isStarted ? formatTime2(timeElapsed) : "00:00" }) })
+          ]
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+        AlertDialog,
+        {
+          isOpen: showExitConfirmation,
+          onChangeOpen: setShowExitConfirmation,
+          title: "Deseja sair?",
+          description: getExitConfirmationText(
+            quiz?.type || "SIMULADO" /* SIMULADO */
+          ),
+          cancelButtonLabel: "Voltar e revisar",
+          submitButtonLabel: "Sair Mesmo Assim",
+          onSubmit: handleConfirmExit,
+          onCancel: handleCancelExit
+        }
+      )
+    ] });
+  }
+);
+var QuizHeader = () => {
+  const { getCurrentQuestion, currentQuestionIndex } = useQuizStore();
+  const currentQuestion = getCurrentQuestion();
+  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+    HeaderAlternative,
+    {
+      title: currentQuestion ? `Quest\xE3o ${currentQuestionIndex + 1}` : "Quest\xE3o",
+      subTitle: currentQuestion?.knowledgeMatrix?.[0]?.topic?.name ?? "",
+      content: currentQuestion?.statement ?? ""
+    }
+  );
+};
+var QuizContent = (0, import_react32.forwardRef)(({ paddingBottom }) => {
+  const { getCurrentQuestion } = useQuizStore();
+  const currentQuestion = getCurrentQuestion();
+  const questionComponents = {
+    ["ALTERNATIVA" /* ALTERNATIVA */]: QuizAlternative,
+    ["MULTIPLA_CHOICE" /* MULTIPLA_CHOICE */]: QuizMultipleChoice,
+    ["DISSERTATIVA" /* DISSERTATIVA */]: QuizDissertative,
+    ["VERDADEIRO_FALSO" /* VERDADEIRO_FALSO */]: QuizTrueOrFalse,
+    ["LIGAR_PONTOS" /* LIGAR_PONTOS */]: QuizConnectDots,
+    ["PREENCHER" /* PREENCHER */]: QuizFill,
+    ["IMAGEM" /* IMAGEM */]: QuizImageQuestion
+  };
+  const QuestionComponent = currentQuestion ? questionComponents[currentQuestion.questionType] : null;
+  return QuestionComponent ? /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(QuestionComponent, { paddingBottom }) : null;
+});
 var QuizQuestionList = ({
   filterType = "all",
   onQuestionClick
@@ -10336,18 +10300,18 @@ var QuizQuestionList = ({
         return "Em branco";
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "space-y-6 px-4 h-full", children: [
-    Object.entries(filteredGroupedQuestions).length == 0 && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "flex items-center justify-center text-gray-500 py-8 h-full", children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("p", { className: "text-lg", children: "Nenhum resultado" }) }),
+  return /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: "space-y-6 px-4 h-full", children: [
+    Object.entries(filteredGroupedQuestions).length == 0 && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: "flex items-center justify-center text-gray-500 py-8 h-full", children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("p", { className: "text-lg", children: "Nenhum resultado" }) }),
     Object.entries(filteredGroupedQuestions).map(
-      ([subjectId, questions]) => /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("section", { className: "flex flex-col gap-2", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("span", { className: "pt-6 pb-4 flex flex-row gap-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "bg-primary-500 p-1 rounded-sm flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_phosphor_react22.BookOpen, { size: 17, className: "text-white" }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("p", { className: "text-text-800 font-bold text-lg", children: questions?.[0]?.knowledgeMatrix?.[0]?.subject?.name ?? "Sem mat\xE9ria" })
+      ([subjectId, questions]) => /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("section", { className: "flex flex-col gap-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("span", { className: "pt-6 pb-4 flex flex-row gap-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: "bg-primary-500 p-1 rounded-sm flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_phosphor_react23.BookOpen, { size: 17, className: "text-white" }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("p", { className: "text-text-800 font-bold text-lg", children: questions?.[0]?.knowledgeMatrix?.[0]?.subject?.name ?? "Sem mat\xE9ria" })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("ul", { className: "flex flex-col gap-2", children: questions.map((question) => {
+        /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("ul", { className: "flex flex-col gap-2", children: questions.map((question) => {
           const status = getQuestionStatus(question.id);
           const questionNumber = getQuestionIndex(question.id);
-          return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+          return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
             CardStatus,
             {
               header: `Quest\xE3o ${questionNumber.toString().padStart(2, "0")}`,
@@ -10364,16 +10328,21 @@ var QuizQuestionList = ({
     )
   ] });
 };
-var QuizFooter = (0, import_react31.forwardRef)(
+var QuizFooter = (0, import_react32.forwardRef)(
   ({
     className,
     onGoToSimulated,
     onDetailResult,
     handleFinishSimulated,
+    onGoToNextModule,
+    onRepeat,
+    onTryLater,
     resultImageComponent,
+    resultIncorrectImageComponent,
     ...props
   }, ref) => {
     const {
+      quiz,
       currentQuestionIndex,
       getTotalQuestions,
       goToNextQuestion,
@@ -10392,23 +10361,36 @@ var QuizFooter = (0, import_react31.forwardRef)(
     const currentAnswer = getCurrentAnswer();
     const currentQuestion = getCurrentQuestion();
     const isCurrentQuestionSkipped = currentQuestion ? getQuestionStatusFromUserAnswers(currentQuestion.id) === "skipped" : false;
-    const [alertDialogOpen, setAlertDialogOpen] = (0, import_react31.useState)(false);
-    const [modalResultOpen, setModalResultOpen] = (0, import_react31.useState)(false);
-    const [modalNavigateOpen, setModalNavigateOpen] = (0, import_react31.useState)(false);
-    const [modalResolutionOpen, setModalResolutionOpen] = (0, import_react31.useState)(false);
-    const [filterType, setFilterType] = (0, import_react31.useState)("all");
+    const [activeModal, setActiveModal] = (0, import_react32.useState)(null);
+    const [filterType, setFilterType] = (0, import_react32.useState)("all");
+    const openModal = (modalName) => setActiveModal(modalName);
+    const closeModal = () => setActiveModal(null);
+    const isModalOpen = (modalName) => activeModal === modalName;
     const unansweredQuestions = getUnansweredQuestionsFromUserAnswers();
     const allQuestions = getTotalQuestions();
+    const stats = getQuestionResultStatistics();
+    const correctAnswers = stats?.correctAnswers;
+    const totalAnswers = stats?.totalAnswered;
+    const quizType = quiz?.type || "SIMULADO" /* SIMULADO */;
+    const quizTypeLabel = getTypeLabel(quizType);
     const handleFinishQuiz = async () => {
       if (unansweredQuestions.length > 0) {
-        setAlertDialogOpen(true);
+        openModal("alertDialog");
         return;
       }
       try {
         if (handleFinishSimulated) {
           await Promise.resolve(handleFinishSimulated());
         }
-        setModalResultOpen(true);
+        if (quizType === "QUESTIONARIO" /* QUESTIONARIO */ && typeof correctAnswers === "number" && typeof totalAnswers === "number" && correctAnswers === totalAnswers) {
+          openModal("modalQuestionnaireAllCorrect");
+          return;
+        }
+        if (quizType === "QUESTIONARIO" /* QUESTIONARIO */ && typeof correctAnswers === "number" && correctAnswers === 0) {
+          openModal("modalQuestionnaireAllIncorrect");
+          return;
+        }
+        openModal("modalResult");
       } catch (err) {
         console.error("handleFinishSimulated failed:", err);
         return;
@@ -10419,16 +10401,23 @@ var QuizFooter = (0, import_react31.forwardRef)(
         if (handleFinishSimulated) {
           await Promise.resolve(handleFinishSimulated());
         }
-        setModalResultOpen(true);
-        setAlertDialogOpen(false);
+        if (quizType === "QUESTIONARIO" /* QUESTIONARIO */ && typeof correctAnswers === "number" && typeof totalAnswers === "number" && correctAnswers === totalAnswers) {
+          openModal("modalQuestionnaireAllCorrect");
+          return;
+        }
+        if (quizType === "QUESTIONARIO" /* QUESTIONARIO */ && typeof correctAnswers === "number" && correctAnswers === 0) {
+          openModal("modalQuestionnaireAllIncorrect");
+          return;
+        }
+        openModal("modalResult");
       } catch (err) {
         console.error("handleFinishSimulated failed:", err);
-        setAlertDialogOpen(false);
+        closeModal();
         return;
       }
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(import_jsx_runtime47.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(import_jsx_runtime48.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
         "footer",
         {
           ref,
@@ -10437,17 +10426,17 @@ var QuizFooter = (0, import_react31.forwardRef)(
             className
           ),
           ...props,
-          children: variant === "default" ? /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(import_jsx_runtime47.Fragment, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "flex flex-row items-center gap-1", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+          children: variant === "default" ? /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(import_jsx_runtime48.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: "flex flex-row items-center gap-1", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
                 IconButton_default,
                 {
-                  icon: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_phosphor_react22.SquaresFour, { size: 24, className: "text-text-950" }),
+                  icon: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_phosphor_react23.SquaresFour, { size: 24, className: "text-text-950" }),
                   size: "md",
-                  onClick: () => setModalNavigateOpen(true)
+                  onClick: () => openModal("modalNavigate")
                 }
               ),
-              isFirstQuestion ? /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+              isFirstQuestion ? /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
                 Button_default,
                 {
                   variant: "outline",
@@ -10458,13 +10447,13 @@ var QuizFooter = (0, import_react31.forwardRef)(
                   },
                   children: "Pular"
                 }
-              ) : /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+              ) : /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
                 Button_default,
                 {
                   size: "medium",
                   variant: "link",
                   action: "primary",
-                  iconLeft: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_phosphor_react22.CaretLeft, { size: 18 }),
+                  iconLeft: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_phosphor_react23.CaretLeft, { size: 18 }),
                   onClick: () => {
                     goToPreviousQuestion();
                   },
@@ -10472,7 +10461,7 @@ var QuizFooter = (0, import_react31.forwardRef)(
                 }
               )
             ] }),
-            !isFirstQuestion && !isLastQuestion && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+            !isFirstQuestion && !isLastQuestion && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
               Button_default,
               {
                 size: "small",
@@ -10485,7 +10474,7 @@ var QuizFooter = (0, import_react31.forwardRef)(
                 children: "Pular"
               }
             ),
-            isLastQuestion ? /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+            isLastQuestion ? /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
               Button_default,
               {
                 size: "medium",
@@ -10495,13 +10484,13 @@ var QuizFooter = (0, import_react31.forwardRef)(
                 onClick: handleFinishQuiz,
                 children: "Finalizar"
               }
-            ) : /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+            ) : /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
               Button_default,
               {
                 size: "medium",
                 variant: "link",
                 action: "primary",
-                iconRight: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_phosphor_react22.CaretRight, { size: 18 }),
+                iconRight: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_phosphor_react23.CaretRight, { size: 18 }),
                 disabled: !currentAnswer && !isCurrentQuestionSkipped,
                 onClick: () => {
                   goToNextQuestion();
@@ -10509,157 +10498,313 @@ var QuizFooter = (0, import_react31.forwardRef)(
                 children: "Avan\xE7ar"
               }
             )
-          ] }) : /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "flex flex-row items-center justify-end w-full", children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+          ] }) : /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: "flex flex-row items-center justify-end w-full", children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
             Button_default,
             {
               variant: "solid",
               action: "primary",
               size: "medium",
-              onClick: () => setModalResolutionOpen(true),
+              onClick: () => openModal("modalResolution"),
               children: "Ver Resolu\xE7\xE3o"
             }
           ) })
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
         AlertDialog,
         {
-          isOpen: alertDialogOpen,
-          onChangeOpen: setAlertDialogOpen,
-          title: "Finalizar simulado?",
-          description: unansweredQuestions.length > 0 ? `Voc\xEA deixou as quest\xF5es ${unansweredQuestions.join(", ")} sem resposta. Finalizar agora pode impactar seu desempenho.` : "Tem certeza que deseja finalizar o simulado?",
+          isOpen: isModalOpen("alertDialog"),
+          onChangeOpen: (open) => open ? openModal("alertDialog") : closeModal(),
+          title: `Finalizar ${quizTypeLabel.toLowerCase()}?`,
+          description: unansweredQuestions.length > 0 ? `Voc\xEA deixou as quest\xF5es ${unansweredQuestions.join(", ")} sem resposta. Finalizar agora pode impactar seu desempenho.` : getFinishConfirmationText(quizType),
           cancelButtonLabel: "Voltar e revisar",
           submitButtonLabel: "Finalizar Mesmo Assim",
           onSubmit: handleAlertSubmit
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
         Modal_default,
         {
-          isOpen: modalResultOpen,
-          onClose: () => setModalResultOpen(false),
+          isOpen: isModalOpen("modalResult"),
+          onClose: closeModal,
           title: "",
           closeOnEscape: false,
           hideCloseButton: true,
           size: "md",
-          children: /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "flex flex-col w-full h-full items-center justify-center gap-4", children: [
-            resultImageComponent ? /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "w-[282px] h-auto", children: resultImageComponent }) : /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "w-[282px] h-[200px] bg-gray-100 rounded-md flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { className: "text-gray-500 text-sm", children: "Imagem de resultado" }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "flex flex-col gap-2 text-center", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("h2", { className: "text-text-950 font-bold text-lg", children: "Voc\xEA concluiu o simulado!" }),
-              /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("p", { className: "text-text-500 font-sm", children: [
-                "Voc\xEA acertou",
-                " ",
-                getQuestionResultStatistics()?.correctAnswers ?? "--",
-                " de",
-                " ",
+          children: /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: "flex flex-col w-full h-full items-center justify-center gap-4", children: [
+            resultImageComponent ? /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: "w-[282px] h-auto", children: resultImageComponent }) : /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: "w-[282px] h-[200px] bg-gray-100 rounded-md flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("span", { className: "text-gray-500 text-sm", children: "Imagem de resultado" }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: "flex flex-col gap-2 text-center", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("h2", { className: "text-text-950 font-bold text-lg", children: getCompletionTitle(quizType) }),
+              /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("p", { className: "text-text-500 font-sm", children: [
+                "Voc\xEA acertou ",
+                correctAnswers ?? "--",
+                " de ",
                 allQuestions,
-                " quest\xF5es."
+                " ",
+                "quest\xF5es."
               ] })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "px-6 flex flex-row items-center gap-2 w-full", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: "px-6 flex flex-row items-center gap-2 w-full", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(
                 Button_default,
                 {
                   variant: "outline",
                   className: "w-full",
                   size: "small",
                   onClick: onGoToSimulated,
-                  children: "Ir para simulados"
+                  children: [
+                    "Ir para ",
+                    quizTypeLabel.toLocaleLowerCase(),
+                    "s"
+                  ]
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(Button_default, { className: "w-full", onClick: onDetailResult, children: "Detalhar resultado" })
+              /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(Button_default, { className: "w-full", onClick: onDetailResult, children: "Detalhar resultado" })
             ] })
           ] })
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
         Modal_default,
         {
-          isOpen: modalNavigateOpen,
-          onClose: () => setModalNavigateOpen(false),
+          isOpen: isModalOpen("modalNavigate"),
+          onClose: closeModal,
           title: "Quest\xF5es",
           size: "lg",
-          children: /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "flex flex-col w-full not-lg:h-[calc(100vh-200px)] lg:max-h-[687px] lg:h-[687px]", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "flex flex-row justify-between items-center py-6 pt-6 pb-4 border-b border-border-200 flex-shrink-0", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("p", { className: "text-text-950 font-bold text-lg", children: "Filtrar por" }),
-              /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { className: "max-w-[266px]", children: /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(Select_default, { value: filterType, onValueChange: setFilterType, children: [
-                /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+          children: /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: "flex flex-col w-full not-lg:h-[calc(100vh-200px)] lg:max-h-[687px] lg:h-[687px]", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: "flex flex-row justify-between items-center py-6 pt-6 pb-4 border-b border-border-200 flex-shrink-0", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("p", { className: "text-text-950 font-bold text-lg", children: "Filtrar por" }),
+              /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("span", { className: "max-w-[266px]", children: /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(Select_default, { value: filterType, onValueChange: setFilterType, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
                   SelectTrigger,
                   {
                     variant: "rounded",
                     className: "max-w-[266px] min-w-[160px]",
-                    children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(SelectValue, { placeholder: "Selecione uma op\xE7\xE3o" })
+                    children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(SelectValue, { placeholder: "Selecione uma op\xE7\xE3o" })
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(SelectContent, { children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(SelectItem, { value: "all", children: "Todas" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(SelectItem, { value: "unanswered", children: "Em branco" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(SelectItem, { value: "answered", children: "Respondidas" })
+                /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(SelectContent, { children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(SelectItem, { value: "all", children: "Todas" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(SelectItem, { value: "unanswered", children: "Em branco" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(SelectItem, { value: "answered", children: "Respondidas" })
                 ] })
               ] }) })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "flex flex-col gap-2 flex-1 min-h-0 overflow-y-auto", children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: "flex flex-col gap-2 flex-1 min-h-0 overflow-y-auto", children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
               QuizQuestionList,
               {
                 filterType,
-                onQuestionClick: () => setModalNavigateOpen(false)
+                onQuestionClick: closeModal
               }
             ) })
           ] })
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
         Modal_default,
         {
-          isOpen: modalResolutionOpen,
-          onClose: () => setModalResolutionOpen(false),
+          isOpen: isModalOpen("modalResolution"),
+          onClose: closeModal,
           title: "Resolu\xE7\xE3o",
           size: "lg",
           children: currentQuestion?.solutionExplanation
         }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+        Modal_default,
+        {
+          isOpen: isModalOpen("modalQuestionnaireAllCorrect"),
+          onClose: closeModal,
+          title: "",
+          closeOnEscape: false,
+          hideCloseButton: true,
+          size: "md",
+          children: /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: "flex flex-col w-full h-full items-center justify-center gap-4", children: [
+            resultImageComponent ? /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: "w-[282px] h-auto", children: resultImageComponent }) : /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: "w-[282px] h-[200px] bg-gray-100 rounded-md flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("span", { className: "text-gray-500 text-sm", children: "Imagem de resultado" }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: "flex flex-col gap-2 text-center", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("h2", { className: "text-text-950 font-bold text-lg", children: "\u{1F389} Parab\xE9ns!" }),
+              /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("p", { className: "text-text-500 font-sm", children: "Voc\xEA concluiu o m\xF3dulo Movimento Uniforme." })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: "px-6 flex flex-row items-center gap-2 w-full", children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(Button_default, { className: "w-full", onClick: onGoToNextModule, children: "Pr\xF3ximo m\xF3dulo" }) })
+          ] })
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+        Modal_default,
+        {
+          isOpen: isModalOpen("modalQuestionnaireAllIncorrect"),
+          onClose: closeModal,
+          title: "",
+          closeOnEscape: false,
+          hideCloseButton: true,
+          size: "md",
+          children: /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: "flex flex-col w-full h-full items-center justify-center gap-4", children: [
+            resultIncorrectImageComponent ? /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: "w-[282px] h-auto", children: resultIncorrectImageComponent }) : /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: "w-[282px] h-[200px] bg-gray-100 rounded-md flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("span", { className: "text-gray-500 text-sm", children: "Imagem de resultado" }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: "flex flex-col gap-2 text-center", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("h2", { className: "text-text-950 font-bold text-lg", children: "\u{1F615} N\xE3o foi dessa vez..." }),
+              /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("p", { className: "text-text-500 font-sm", children: "Voc\xEA tirou 0 no question\xE1rio, mas n\xE3o se preocupe! Isso \xE9 apenas uma oportunidade de aprendizado." }),
+              /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("p", { className: "text-text-500 font-sm", children: "Que tal tentar novamente para melhorar sua nota? Estamos aqui para te ajudar a entender o conte\xFAdo e evoluir." }),
+              /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("p", { className: "text-text-500 font-sm", children: "Clique em Repetir Question\xE1rio e mostre do que voc\xEA \xE9 capaz! \u{1F4AA}" })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: "flex flex-row justify-center items-center gap-2 w-full", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+                Button_default,
+                {
+                  type: "button",
+                  variant: "link",
+                  size: "small",
+                  className: "w-auto",
+                  onClick: () => {
+                    closeModal();
+                    openModal("alertDialogTryLater");
+                  },
+                  children: "Tentar depois"
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+                Button_default,
+                {
+                  variant: "outline",
+                  size: "small",
+                  className: "w-auto",
+                  onClick: onDetailResult,
+                  children: "Detalhar resultado"
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+                Button_default,
+                {
+                  className: "w-auto",
+                  size: "small",
+                  onClick: onGoToNextModule,
+                  children: "Pr\xF3ximo m\xF3dulo"
+                }
+              )
+            ] })
+          ] })
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+        AlertDialog,
+        {
+          isOpen: isModalOpen("alertDialogTryLater"),
+          onChangeOpen: (open) => open ? openModal("alertDialogTryLater") : closeModal(),
+          title: "Tentar depois?",
+          description: "Voc\xEA optou por refazer o question\xE1rio mais tarde.\n\nLembre-se: enquanto n\xE3o refazer o question\xE1rio, sua nota permanecer\xE1 0 no sistema.",
+          cancelButtonLabel: "Repetir question\xE1rio",
+          submitButtonLabel: "Tentar depois",
+          onSubmit: () => {
+            onTryLater?.();
+            closeModal();
+          },
+          onCancel: () => {
+            onRepeat?.();
+            closeModal();
+          }
+        }
       )
     ] });
   }
 );
+
+// src/components/Quiz/QuizResult.tsx
+var import_react33 = require("react");
+var import_phosphor_react24 = require("phosphor-react");
+var import_jsx_runtime49 = require("react/jsx-runtime");
 var QuizBadge = ({
   subtype
 }) => {
   switch (subtype) {
     case "PROVA" /* PROVA */:
-      return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(Badge_default, { variant: "examsOutlined", action: "exam2", "data-testid": "quiz-badge", children: "Prova" });
+      return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(Badge_default, { variant: "examsOutlined", action: "exam2", "data-testid": "quiz-badge", children: "Prova" });
     case "ENEM_PROVA_1" /* ENEM_PROVA_1 */:
     case "ENEM_PROVA_2" /* ENEM_PROVA_2 */:
-      return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(Badge_default, { variant: "examsOutlined", action: "exam1", "data-testid": "quiz-badge", children: "Enem" });
+      return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(Badge_default, { variant: "examsOutlined", action: "exam1", "data-testid": "quiz-badge", children: "Enem" });
     case "VESTIBULAR" /* VESTIBULAR */:
-      return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(Badge_default, { variant: "examsOutlined", action: "exam4", "data-testid": "quiz-badge", children: "Vestibular" });
+      return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(Badge_default, { variant: "examsOutlined", action: "exam4", "data-testid": "quiz-badge", children: "Vestibular" });
     case "SIMULADO" /* SIMULADO */:
     case "SIMULADAO" /* SIMULADAO */:
     case void 0:
-      return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(Badge_default, { variant: "examsOutlined", action: "exam3", "data-testid": "quiz-badge", children: "Simulad\xE3o" });
+      return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(Badge_default, { variant: "examsOutlined", action: "exam3", "data-testid": "quiz-badge", children: "Simulad\xE3o" });
     default:
-      return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(Badge_default, { variant: "solid", action: "info", "data-testid": "quiz-badge", children: subtype });
+      return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(Badge_default, { variant: "solid", action: "info", "data-testid": "quiz-badge", children: subtype });
   }
 };
-var QuizResultHeaderTitle = (0, import_react31.forwardRef)(({ className, ...props }, ref) => {
-  const { getActiveQuiz } = useQuizStore();
-  const activeQuiz = getActiveQuiz();
-  return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(
+var QuizHeaderResult = (0, import_react33.forwardRef)(
+  ({ className, ...props }, ref) => {
+    const { getQuestionResultByQuestionId, getCurrentQuestion } = useQuizStore();
+    const [status, setStatus] = (0, import_react33.useState)(void 0);
+    (0, import_react33.useEffect)(() => {
+      const cq = getCurrentQuestion();
+      if (!cq) {
+        setStatus(void 0);
+        return;
+      }
+      const qr = getQuestionResultByQuestionId(cq.id);
+      setStatus(qr?.answerStatus);
+    }, [
+      getCurrentQuestion,
+      getQuestionResultByQuestionId,
+      getCurrentQuestion()?.id
+    ]);
+    const getClassesByAnswersStatus = () => {
+      switch (status) {
+        case "RESPOSTA_CORRETA" /* RESPOSTA_CORRETA */:
+          return "bg-success-background";
+        case "RESPOSTA_INCORRETA" /* RESPOSTA_INCORRETA */:
+          return "bg-error-background";
+        default:
+          return "bg-error-background";
+      }
+    };
+    const getLabelByAnswersStatus = () => {
+      switch (status) {
+        case "RESPOSTA_CORRETA" /* RESPOSTA_CORRETA */:
+          return "\u{1F389} Parab\xE9ns!!";
+        case "RESPOSTA_INCORRETA" /* RESPOSTA_INCORRETA */:
+          return "N\xE3o foi dessa vez...";
+        case "NAO_RESPONDIDO" /* NAO_RESPONDIDO */:
+        default:
+          return "N\xE3o foi dessa vez...voc\xEA deixou a resposta em branco";
+      }
+    };
+    return /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(
+      "div",
+      {
+        ref,
+        className: cn(
+          "flex flex-row items-center gap-10 p-3.5 rounded-xl mb-4",
+          getClassesByAnswersStatus(),
+          className
+        ),
+        ...props,
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("p", { className: "text-text-950 font-bold text-lg", children: "Resultado" }),
+          /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("p", { className: "text-text-700 text-md", children: getLabelByAnswersStatus() })
+        ]
+      }
+    );
+  }
+);
+var QuizResultHeaderTitle = (0, import_react33.forwardRef)(({ className, ...props }, ref) => {
+  const { quiz } = useQuizStore();
+  return /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(
     "div",
     {
       ref,
       className: cn("flex flex-row pt-4 justify-between", className),
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("p", { className: "text-text-950 font-bold text-2xl", children: "Resultado" }),
-        /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(QuizBadge, { subtype: activeQuiz?.quiz.subtype || void 0 })
+        /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("p", { className: "text-text-950 font-bold text-2xl", children: "Resultado" }),
+        /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(QuizBadge, { subtype: quiz?.subtype || void 0 })
       ]
     }
   );
 });
-var QuizResultTitle = (0, import_react31.forwardRef)(({ className, ...props }, ref) => {
+var QuizResultTitle = (0, import_react33.forwardRef)(({ className, ...props }, ref) => {
   const { getQuizTitle } = useQuizStore();
   const quizTitle = getQuizTitle();
-  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
     "p",
     {
       className: cn("pt-6 pb-4 text-text-950 font-bold text-lg", className),
@@ -10669,7 +10814,7 @@ var QuizResultTitle = (0, import_react31.forwardRef)(({ className, ...props }, r
     }
   );
 });
-var QuizResultPerformance = (0, import_react31.forwardRef)(
+var QuizResultPerformance = (0, import_react33.forwardRef)(
   ({ ...props }, ref) => {
     const {
       getTotalQuestions,
@@ -10711,15 +10856,15 @@ var QuizResultPerformance = (0, import_react31.forwardRef)(
       });
     }
     const percentage = totalQuestions > 0 ? Math.round(correctAnswers / totalQuestions * 100) : 0;
-    return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(
       "div",
       {
         className: "flex flex-row gap-6 p-6 rounded-xl bg-background justify-between",
         ref,
         ...props,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "relative", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: "relative", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
               ProgressCircle_default,
               {
                 size: "medium",
@@ -10729,24 +10874,24 @@ var QuizResultPerformance = (0, import_react31.forwardRef)(
                 label: ""
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "absolute inset-0 flex flex-col items-center justify-center", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "flex items-center gap-1 mb-1", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_phosphor_react22.Clock, { size: 12, weight: "regular", className: "text-text-800" }),
-                /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { className: "text-2xs font-medium text-text-800", children: formatTime2(
+            /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: "absolute inset-0 flex flex-col items-center justify-center", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: "flex items-center gap-1 mb-1", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_phosphor_react24.Clock, { size: 12, weight: "regular", className: "text-text-800" }),
+                /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("span", { className: "text-2xs font-medium text-text-800", children: formatTime2(
                   (getQuestionResultStatistics()?.timeSpent ?? 0) * 60
                 ) })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "text-2xl font-medium text-text-800 leading-7", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: "text-2xl font-medium text-text-800 leading-7", children: [
                 getQuestionResultStatistics()?.correctAnswers ?? "--",
                 " de",
                 " ",
                 totalQuestions
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "text-2xs font-medium text-text-600 mt-1", children: "Corretas" })
+              /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { className: "text-2xs font-medium text-text-600 mt-1", children: "Corretas" })
             ] })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "flex flex-col gap-4 w-full", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: "flex flex-col gap-4 w-full", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
               ProgressBar_default,
               {
                 className: "w-full",
@@ -10760,7 +10905,7 @@ var QuizResultPerformance = (0, import_react31.forwardRef)(
                 percentageClassName: "text-xs font-medium leading-[14px] text-right"
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
               ProgressBar_default,
               {
                 className: "w-full",
@@ -10774,7 +10919,7 @@ var QuizResultPerformance = (0, import_react31.forwardRef)(
                 percentageClassName: "text-xs font-medium leading-[14px] text-right"
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
               ProgressBar_default,
               {
                 className: "w-full",
@@ -10794,7 +10939,7 @@ var QuizResultPerformance = (0, import_react31.forwardRef)(
     );
   }
 );
-var QuizListResult = (0, import_react31.forwardRef)(({ className, onSubjectClick, ...props }, ref) => {
+var QuizListResult = (0, import_react33.forwardRef)(({ className, onSubjectClick, ...props }, ref) => {
   const { getQuestionsGroupedBySubject } = useQuizStore();
   const groupedQuestions = getQuestionsGroupedBySubject();
   const subjectsStats = Object.entries(groupedQuestions).map(
@@ -10821,9 +10966,9 @@ var QuizListResult = (0, import_react31.forwardRef)(({ className, onSubjectClick
       };
     }
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("section", { ref, className, ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("p", { className: "pt-6 pb-4 text-text-950 font-bold text-lg", children: "Mat\xE9rias" }),
-    /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("ul", { className: "flex flex-col gap-2", children: subjectsStats.map((subject) => /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("section", { ref, className, ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("p", { className: "pt-6 pb-4 text-text-950 font-bold text-lg", children: "Mat\xE9rias" }),
+    /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("ul", { className: "flex flex-col gap-2", children: subjectsStats.map((subject) => /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
       CardResults,
       {
         onClick: () => onSubjectClick?.(subject.subject.id),
@@ -10845,16 +10990,16 @@ var QuizListResultByMateria = ({
   const { getQuestionsGroupedBySubject, getQuestionIndex } = useQuizStore();
   const groupedQuestions = getQuestionsGroupedBySubject();
   const answeredQuestions = groupedQuestions[subject] || [];
-  return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "flex flex-col", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "flex flex-row pt-4 justify-between", children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("p", { className: "text-text-950 font-bold text-2xl", children: answeredQuestions?.[0]?.knowledgeMatrix?.[0]?.subject?.name ?? "Sem mat\xE9ria" }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("section", { className: "flex flex-col ", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("p", { className: "pt-6 pb-4 text-text-950 font-bold text-lg", children: "Resultado das quest\xF5es" }),
-      /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("ul", { className: "flex flex-col gap-2 pt-4", children: answeredQuestions.map((question) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: "flex flex-col", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { className: "flex flex-row pt-4 justify-between", children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("p", { className: "text-text-950 font-bold text-2xl", children: answeredQuestions?.[0]?.knowledgeMatrix?.[0]?.subject?.name ?? "Sem mat\xE9ria" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("section", { className: "flex flex-col ", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("p", { className: "pt-6 pb-4 text-text-950 font-bold text-lg", children: "Resultado das quest\xF5es" }),
+      /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("ul", { className: "flex flex-col gap-2 pt-4", children: answeredQuestions.map((question) => {
         const questionIndex = getQuestionIndex(
           // eslint-disable-next-line @typescript-eslint/no-explicit-any
           question.questionId ?? question.id
         );
-        return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
           CardStatus,
           {
             className: "max-w-full",
@@ -10877,12 +11022,12 @@ var QuizListResultByMateria = ({
 };
 
 // src/components/LoadingModal/loadingModal.tsx
-var import_react32 = require("react");
-var import_jsx_runtime48 = require("react/jsx-runtime");
-var LoadingModal = (0, import_react32.forwardRef)(
+var import_react34 = require("react");
+var import_jsx_runtime50 = require("react/jsx-runtime");
+var LoadingModal = (0, import_react34.forwardRef)(
   ({ open, title = "Titulo...", subtitle = "Subtitulo...", ...props }, ref) => {
     if (!open) return null;
-    return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
       "div",
       {
         ref,
@@ -10891,8 +11036,8 @@ var LoadingModal = (0, import_react32.forwardRef)(
         "aria-describedby": "loading-modal-subtitle",
         className: "fixed inset-0 z-50 flex items-center justify-center bg-background/90 backdrop-blur-xs",
         ...props,
-        children: /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: "w-full max-w-[364px] flex flex-col items-center justify-center gap-14", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("span", { className: "animate-spin", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: "w-full max-w-[364px] flex flex-col items-center justify-center gap-14", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("span", { className: "animate-spin", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(
             "svg",
             {
               width: "102",
@@ -10903,14 +11048,14 @@ var LoadingModal = (0, import_react32.forwardRef)(
               "aria-hidden": "true",
               focusable: false,
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
                   "path",
                   {
                     d: "M101.5 51C101.5 78.8904 78.8904 101.5 51 101.5C23.1096 101.5 0.5 78.8904 0.5 51C0.5 23.1096 23.1096 0.5 51 0.5C78.8904 0.5 101.5 23.1096 101.5 51ZM8.62286 51C8.62286 74.4043 27.5957 93.3771 51 93.3771C74.4043 93.3771 93.3771 74.4043 93.3771 51C93.3771 27.5957 74.4043 8.62286 51 8.62286C27.5957 8.62286 8.62286 27.5957 8.62286 51Z",
                     className: "fill-primary-100"
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
                   "path",
                   {
                     d: "M97.4386 51C99.6816 51 101.517 52.8213 101.337 55.0571C100.754 62.2833 98.6212 69.3162 95.0643 75.6696C90.8444 83.207 84.7616 89.536 77.3975 94.0514C70.0333 98.5668 61.6339 101.118 53.0024 101.46C44.371 101.803 35.7959 99.9255 28.0971 96.0078C20.3982 92.0902 13.833 86.2631 9.02917 79.0838C4.22529 71.9045 1.34332 63.6129 0.658804 55.0017C-0.0257159 46.3906 1.51009 37.7479 5.1194 29.8997C8.16173 23.2845 12.5915 17.4202 18.0904 12.6959C19.7917 11.2341 22.3444 11.6457 23.6647 13.459C24.9851 15.2723 24.5702 17.7988 22.8916 19.2866C18.5048 23.1747 14.9608 27.9413 12.4992 33.2937C9.47048 39.8794 8.1817 47.132 8.75612 54.3581C9.33053 61.5841 11.7489 68.542 15.7801 74.5666C19.8113 80.5911 25.3205 85.4809 31.781 88.7684C38.2414 92.0559 45.4372 93.6312 52.6804 93.3438C59.9235 93.0564 66.9718 90.9158 73.1515 87.1267C79.3311 83.3375 84.4355 78.0266 87.9766 71.7015C90.8546 66.561 92.6217 60.8903 93.1827 55.0553C93.3973 52.8225 95.1955 51 97.4386 51Z",
@@ -10920,9 +11065,9 @@ var LoadingModal = (0, import_react32.forwardRef)(
               ]
             }
           ) }),
-          /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("span", { className: "flex flex-col gap-4 text-center", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("p", { id: "loading-modal-title", className: "text-text-950 text-lg", children: title }),
-            /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("p", { id: "loading-modal-subtitle", className: "text-text-600 text-lg", children: subtitle })
+          /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("span", { className: "flex flex-col gap-4 text-center", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("p", { id: "loading-modal-title", className: "text-text-950 text-lg", children: title }),
+            /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("p", { id: "loading-modal-subtitle", className: "text-text-600 text-lg", children: subtitle })
           ] })
         ] })
       }
@@ -10932,8 +11077,8 @@ var LoadingModal = (0, import_react32.forwardRef)(
 var loadingModal_default = LoadingModal;
 
 // src/components/NotificationCard/NotificationCard.tsx
-var import_phosphor_react23 = require("phosphor-react");
-var import_react33 = require("react");
+var import_phosphor_react25 = require("phosphor-react");
+var import_react35 = require("react");
 
 // src/store/notificationStore.ts
 var import_zustand8 = require("zustand");
@@ -11180,14 +11325,19 @@ var createNotificationStore = (apiClient) => {
 var mock_content_default = "./mock-content-K2CDVG6P.png";
 
 // src/components/NotificationCard/NotificationCard.tsx
-var import_jsx_runtime49 = require("react/jsx-runtime");
+var import_jsx_runtime51 = require("react/jsx-runtime");
+var syncNotificationState = (open, isNotificationActive, setActiveStates, key = "notifications") => {
+  if (!open && isNotificationActive) {
+    setActiveStates((prev) => ({ ...prev, [key]: false }));
+  }
+};
 var NotificationEmpty = ({
   emptyStateImage,
   emptyStateTitle = "Nenhuma notifica\xE7\xE3o no momento",
   emptyStateDescription = "Voc\xEA est\xE1 em dia com todas as novidades. Volte depois para conferir atualiza\xE7\xF5es!"
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: "flex flex-col items-center justify-center gap-4 p-6 w-full", children: [
-    emptyStateImage && /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { className: "w-20 h-20 flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "flex flex-col items-center justify-center gap-4 p-6 w-full", children: [
+    emptyStateImage && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: "w-20 h-20 flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
       "img",
       {
         src: emptyStateImage,
@@ -11197,23 +11347,23 @@ var NotificationEmpty = ({
         className: "object-contain"
       }
     ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("h3", { className: "text-xl font-semibold text-text-950 text-center leading-[23px]", children: emptyStateTitle }),
-    /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("p", { className: "text-sm font-normal text-text-400 text-center max-w-[316px] leading-[21px]", children: emptyStateDescription })
+    /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("h3", { className: "text-xl font-semibold text-text-950 text-center leading-[23px]", children: emptyStateTitle }),
+    /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("p", { className: "text-sm font-normal text-text-400 text-center max-w-[316px] leading-[21px]", children: emptyStateDescription })
   ] });
 };
 var NotificationHeader = ({
   unreadCount,
   variant = "modal"
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: "flex items-center justify-between gap-2", children: [
-    variant === "modal" ? /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(Text_default, { size: "sm", weight: "bold", className: "text-text-950", children: "Notifica\xE7\xF5es" }) : /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("h3", { className: "text-sm font-semibold text-text-950", children: "Notifica\xE7\xF5es" }),
-    unreadCount > 0 && /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "flex items-center justify-between gap-2", children: [
+    variant === "modal" ? /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(Text_default, { size: "sm", weight: "bold", className: "text-text-950", children: "Notifica\xE7\xF5es" }) : /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("h3", { className: "text-sm font-semibold text-text-950", children: "Notifica\xE7\xF5es" }),
+    unreadCount > 0 && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
       Badge_default,
       {
         variant: "solid",
         action: "info",
         size: "small",
-        iconLeft: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_phosphor_react23.Bell, { size: 12, "aria-hidden": "true", focusable: "false" }),
+        iconLeft: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_phosphor_react25.Bell, { size: 12, "aria-hidden": "true", focusable: "false" }),
         className: "border-0",
         children: unreadCount === 1 ? "1 n\xE3o lida" : `${unreadCount} n\xE3o lidas`
       }
@@ -11249,7 +11399,7 @@ var SingleNotificationCard = ({
       onNavigate();
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(
     "div",
     {
       className: cn(
@@ -11258,20 +11408,20 @@ var SingleNotificationCard = ({
         className
       ),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: "flex items-center gap-2 w-full", children: [
-          !isRead && /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { className: "w-[7px] h-[7px] bg-info-300 rounded-full flex-shrink-0" }),
-          /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("h3", { className: "font-bold text-sm leading-4 text-text-950 flex-grow", children: title }),
-          /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(DropdownMenu_default, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "flex items-center gap-2 w-full", children: [
+          !isRead && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: "w-[7px] h-[7px] bg-info-300 rounded-full flex-shrink-0" }),
+          /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("h3", { className: "font-bold text-sm leading-4 text-text-950 flex-grow", children: title }),
+          /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(DropdownMenu_default, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
               DropdownMenuTrigger,
               {
                 className: "flex-shrink-0 inline-flex items-center justify-center font-medium bg-transparent text-text-950 cursor-pointer hover:bg-info-50 w-6 h-6 rounded-lg",
                 "aria-label": "Menu de a\xE7\xF5es",
-                children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_phosphor_react23.DotsThreeVertical, { size: 24 })
+                children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_phosphor_react25.DotsThreeVertical, { size: 24 })
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(DropdownMenuContent, { align: "end", className: "min-w-[160px]", children: [
-              !isRead && /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(DropdownMenuContent, { align: "end", className: "min-w-[160px]", children: [
+              !isRead && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
                 DropdownMenuItem,
                 {
                   onClick: handleMarkAsRead,
@@ -11279,14 +11429,14 @@ var SingleNotificationCard = ({
                   children: "Marcar como lida"
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(DropdownMenuItem, { onClick: handleDelete, className: "text-error-600", children: "Deletar" })
+              /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(DropdownMenuItem, { onClick: handleDelete, className: "text-error-600", children: "Deletar" })
             ] })
           ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("p", { className: "text-sm leading-[21px] text-text-800 w-full", children: message }),
-        /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: "flex items-center justify-between w-full", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("span", { className: "text-sm font-medium text-text-400", children: time }),
-          onNavigate && actionLabel && /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("p", { className: "text-sm leading-[21px] text-text-800 w-full", children: message }),
+        /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "flex items-center justify-between w-full", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("span", { className: "text-sm font-medium text-text-400", children: time }),
+          onNavigate && actionLabel && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
             "button",
             {
               type: "button",
@@ -11314,7 +11464,7 @@ var NotificationList = ({
   className,
   emptyStateImage
 }) => {
-  const [globalNotificationModal, setGlobalNotificationModal] = (0, import_react33.useState)({ isOpen: false, notification: null });
+  const [globalNotificationModal, setGlobalNotificationModal] = (0, import_react35.useState)({ isOpen: false, notification: null });
   const handleGlobalNotificationClick = (notification) => {
     if (onGlobalNotificationClick) {
       onGlobalNotificationClick(notification);
@@ -11326,9 +11476,9 @@ var NotificationList = ({
     }
   };
   if (error) {
-    return /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: "flex flex-col items-center gap-4 p-6 w-full", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("p", { className: "text-sm text-error-600", children: error }),
-      onRetry && /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "flex flex-col items-center gap-4 p-6 w-full", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("p", { className: "text-sm text-error-600", children: error }),
+      onRetry && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
         "button",
         {
           type: "button",
@@ -11340,8 +11490,8 @@ var NotificationList = ({
     ] });
   }
   if (loading) {
-    return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { className: "flex flex-col gap-0 w-full", children: ["skeleton-first", "skeleton-second", "skeleton-third"].map(
-      (skeletonId) => /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: "flex flex-col gap-0 w-full", children: ["skeleton-first", "skeleton-second", "skeleton-third"].map(
+      (skeletonId) => /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
         SkeletonCard,
         {
           className: "p-4 border-b border-border-200"
@@ -11351,11 +11501,11 @@ var NotificationList = ({
     ) });
   }
   if (!groupedNotifications || groupedNotifications.length === 0) {
-    return renderEmpty ? /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { className: "w-full", children: renderEmpty() }) : /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(NotificationEmpty, {});
+    return renderEmpty ? /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: "w-full", children: renderEmpty() }) : /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(NotificationEmpty, {});
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: cn("flex flex-col gap-0 w-full", className), children: [
-    groupedNotifications.map((group, idx) => /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: "flex flex-col", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { className: "flex items-end px-4 py-6 pb-4", children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("h4", { className: "text-lg font-bold text-text-500 flex-grow", children: group.label }) }),
+  return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: cn("flex flex-col gap-0 w-full", className), children: [
+    groupedNotifications.map((group, idx) => /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "flex flex-col", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: "flex items-end px-4 py-6 pb-4", children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("h4", { className: "text-lg font-bold text-text-500 flex-grow", children: group.label }) }),
       group.notifications.map((notification) => {
         const isGlobalNotification = !notification.entityType && !notification.entityId && !notification.activity && !notification.goal;
         let navigationHandler;
@@ -11375,7 +11525,7 @@ var NotificationList = ({
             notification.entityType ?? void 0
           );
         }
-        return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
           SingleNotificationCard,
           {
             title: notification.title,
@@ -11391,7 +11541,7 @@ var NotificationList = ({
         );
       })
     ] }, `${group.label}-${idx}`)),
-    /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
       Modal_default,
       {
         isOpen: globalNotificationModal.isOpen,
@@ -11428,8 +11578,8 @@ var NotificationCenter = ({
   className
 }) => {
   const { isMobile } = useMobile();
-  const [isModalOpen, setIsModalOpen] = (0, import_react33.useState)(false);
-  const [globalNotificationModal, setGlobalNotificationModal] = (0, import_react33.useState)({ isOpen: false, notification: null });
+  const [isModalOpen, setIsModalOpen] = (0, import_react35.useState)(false);
+  const [globalNotificationModal, setGlobalNotificationModal] = (0, import_react35.useState)({ isOpen: false, notification: null });
   const handleMobileClick = () => {
     setIsModalOpen(true);
     onFetchNotifications?.();
@@ -11444,12 +11594,12 @@ var NotificationCenter = ({
       onToggleActive?.();
     }
   };
-  (0, import_react33.useEffect)(() => {
+  (0, import_react35.useEffect)(() => {
     if (isActive) {
       onFetchNotifications?.();
     }
   }, [isActive, onFetchNotifications]);
-  const renderEmptyState = () => /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+  const renderEmptyState = () => /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
     NotificationEmpty,
     {
       emptyStateImage,
@@ -11458,17 +11608,17 @@ var NotificationCenter = ({
     }
   );
   if (isMobile) {
-    return /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(import_jsx_runtime49.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(import_jsx_runtime51.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
         IconButton_default,
         {
           active: isModalOpen,
           onClick: handleMobileClick,
-          icon: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_phosphor_react23.Bell, { size: 24, className: "text-primary" }),
+          icon: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_phosphor_react25.Bell, { size: 24, className: "text-primary" }),
           className
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
         Modal_default,
         {
           isOpen: isModalOpen,
@@ -11477,10 +11627,10 @@ var NotificationCenter = ({
           size: "md",
           hideCloseButton: false,
           closeOnEscape: true,
-          children: /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: "flex flex-col h-full max-h-[80vh]", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: "px-0 pb-3 border-b border-border-200", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(NotificationHeader, { unreadCount, variant: "modal" }),
-              unreadCount > 0 && onMarkAllAsRead && /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+          children: /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "flex flex-col h-full max-h-[80vh]", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "px-0 pb-3 border-b border-border-200", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(NotificationHeader, { unreadCount, variant: "modal" }),
+              unreadCount > 0 && onMarkAllAsRead && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
                 "button",
                 {
                   type: "button",
@@ -11490,7 +11640,7 @@ var NotificationCenter = ({
                 }
               )
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { className: "flex-1 overflow-y-auto", children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: "flex-1 overflow-y-auto", children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
               NotificationList,
               {
                 groupedNotifications,
@@ -11517,22 +11667,36 @@ var NotificationCenter = ({
             ) })
           ] })
         }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+        Modal_default,
+        {
+          isOpen: globalNotificationModal.isOpen,
+          onClose: () => setGlobalNotificationModal({ isOpen: false, notification: null }),
+          title: globalNotificationModal.notification?.title || "",
+          variant: "activity",
+          description: globalNotificationModal.notification?.message,
+          image: emptyStateImage || mock_content_default,
+          actionLink: globalNotificationModal.notification?.actionLink || void 0,
+          actionLabel: "Ver mais",
+          size: "lg"
+        }
       )
     ] });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(import_jsx_runtime49.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(import_jsx_runtime51.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(
       DropdownMenu_default,
       {
         ...typeof isActive === "boolean" ? { open: isActive, onOpenChange: handleOpenChange } : { onOpenChange: handleOpenChange },
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(DropdownMenuTrigger, { className: "text-primary cursor-pointer", children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(DropdownMenuTrigger, { className: "text-primary cursor-pointer", children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
             IconButton_default,
             {
               active: isActive,
               onClick: handleDesktopClick,
-              icon: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
-                import_phosphor_react23.Bell,
+              icon: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+                import_phosphor_react25.Bell,
                 {
                   size: 24,
                   className: isActive ? "text-primary-950" : "text-primary"
@@ -11541,22 +11705,22 @@ var NotificationCenter = ({
               className
             }
           ) }),
-          /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
             DropdownMenuContent,
             {
               className: "min-w-[320px] max-w-[400px] max-h-[500px] overflow-hidden",
               side: "bottom",
               align: "end",
-              children: /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: "flex flex-col", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: "px-4 py-3 border-b border-border-200", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+              children: /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "flex flex-col", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "px-4 py-3 border-b border-border-200", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
                     NotificationHeader,
                     {
                       unreadCount,
                       variant: "dropdown"
                     }
                   ),
-                  unreadCount > 0 && onMarkAllAsRead && /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+                  unreadCount > 0 && onMarkAllAsRead && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
                     "button",
                     {
                       type: "button",
@@ -11566,7 +11730,7 @@ var NotificationCenter = ({
                     }
                   )
                 ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { className: "max-h-[350px] overflow-y-auto", children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: "max-h-[350px] overflow-y-auto", children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
                   NotificationList,
                   {
                     groupedNotifications,
@@ -11593,7 +11757,7 @@ var NotificationCenter = ({
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
       Modal_default,
       {
         isOpen: globalNotificationModal.isOpen,
@@ -11612,7 +11776,7 @@ var NotificationCenter = ({
 var NotificationCard = (props) => {
   switch (props.mode) {
     case "single":
-      return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
         SingleNotificationCard,
         {
           title: props.title,
@@ -11627,7 +11791,7 @@ var NotificationCard = (props) => {
         }
       );
     case "list":
-      return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
         NotificationList,
         {
           groupedNotifications: props.groupedNotifications ?? (props.notifications ? [
@@ -11650,9 +11814,9 @@ var NotificationCard = (props) => {
         }
       );
     case "center":
-      return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(NotificationCenter, { ...props });
+      return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(NotificationCenter, { ...props });
     default:
-      return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { className: "flex flex-col items-center gap-4 p-6 w-full", children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("p", { className: "text-sm text-text-600", children: "Modo de notifica\xE7\xE3o n\xE3o reconhecido" }) });
+      return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: "flex flex-col items-center gap-4 p-6 w-full", children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("p", { className: "text-sm text-text-600", children: "Modo de notifica\xE7\xE3o n\xE3o reconhecido" }) });
   }
 };
 var NotificationCard_default = NotificationCard;
@@ -11663,7 +11827,7 @@ var createUseNotificationStore = (apiClient) => {
 };
 
 // src/hooks/useNotifications.ts
-var import_react34 = require("react");
+var import_react36 = require("react");
 var createUseNotifications = (apiClient) => {
   const useNotificationStore = createUseNotificationStore(apiClient);
   return () => {
@@ -11682,7 +11846,7 @@ var createUseNotifications = (apiClient) => {
       resetError,
       getGroupedNotifications
     } = useNotificationStore();
-    const handleNavigate = (0, import_react34.useCallback)(
+    const handleNavigate = (0, import_react36.useCallback)(
       (entityType, entityId, onAfterNavigate) => {
         if (entityType && entityId) {
           switch (entityType.toUpperCase()) {
@@ -11700,7 +11864,7 @@ var createUseNotifications = (apiClient) => {
       },
       []
     );
-    const getActionLabel = (0, import_react34.useCallback)(
+    const getActionLabel = (0, import_react36.useCallback)(
       (entityType) => {
         if (!entityType) return "Ver mais";
         switch (entityType.toUpperCase()) {
@@ -11714,7 +11878,7 @@ var createUseNotifications = (apiClient) => {
       },
       []
     );
-    const markAsReadAndNavigate = (0, import_react34.useCallback)(
+    const markAsReadAndNavigate = (0, import_react36.useCallback)(
       async (id, entityType, entityId, onAfterNavigate) => {
         await markAsRead(id);
         if (entityType && entityId) {
@@ -11723,11 +11887,11 @@ var createUseNotifications = (apiClient) => {
       },
       [markAsRead, handleNavigate]
     );
-    const refreshNotifications = (0, import_react34.useCallback)(async () => {
+    const refreshNotifications = (0, import_react36.useCallback)(async () => {
       resetError();
       await fetchNotifications();
     }, [resetError, fetchNotifications]);
-    const formatNotification = (0, import_react34.useCallback)(
+    const formatNotification = (0, import_react36.useCallback)(
       (notification) => ({
         ...notification,
         time: formatTimeAgo(notification.createdAt),
@@ -11736,7 +11900,7 @@ var createUseNotifications = (apiClient) => {
       }),
       []
     );
-    const getFormattedGroupedNotifications = (0, import_react34.useCallback)(() => {
+    const getFormattedGroupedNotifications = (0, import_react36.useCallback)(() => {
       const groups = getGroupedNotifications();
       return groups.map((group) => ({
         ...group,
@@ -11832,6 +11996,7 @@ var createNotificationsHook = (apiClient) => {
   QUESTION_DIFFICULTY,
   QUESTION_STATUS,
   QUESTION_TYPE,
+  QUIZ_TYPE,
   Quiz,
   QuizAlternative,
   QuizConnectDots,
@@ -11894,6 +12059,7 @@ var createNotificationsHook = (apiClient) => {
   getSubjectIcon,
   getSubjectInfo,
   getSubjectName,
+  syncNotificationState,
   useApiConfig,
   useAuth,
   useAuthGuard,