analytica-frontend-lib 1.0.83 → 1.0.84

package/dist/index.js

@@ -70,7 +70,11 @@ __export(src_exports, {
   QuizContent: () => QuizContent,
   QuizFooter: () => QuizFooter,
   QuizHeader: () => QuizHeader,
+  QuizListResultByMateria: () => QuizListResultByMateria,
   QuizQuestionList: () => QuizQuestionList,
+  QuizResultHeaderTitle: () => QuizResultHeaderTitle,
+  QuizResultPerformance: () => QuizResultPerformance,
+  QuizResultTitle: () => QuizResultTitle,
   QuizTitle: () => QuizTitle,
   Radio: () => Radio_default,
   RadioGroup: () => RadioGroup,
@@ -6288,6 +6292,9 @@ var useQuizStore = (0, import_zustand6.create)()(
     (set, get) => {
       let timerInterval = null;
       const startTimer = () => {
+        if (get().isFinished) {
+          return;
+        }
         if (timerInterval) {
           clearInterval(timerInterval);
         }
@@ -6306,15 +6313,17 @@ var useQuizStore = (0, import_zustand6.create)()(
         // Initial State
         currentQuestionIndex: 0,
         selectedAnswers: {},
-        skippedQuestions: [],
         userAnswers: [],
         timeElapsed: 0,
         isStarted: false,
         isFinished: false,
+        userId: "",
         // Setters
-        setBySimulado: (simulado) => set({ bySimulado: simulado }),
-        setByAtividade: (atividade) => set({ byAtividade: atividade }),
-        setByAula: (aula) => set({ byAula: aula }),
+        setBySimulated: (simulado) => set({ bySimulated: simulado }),
+        setByActivity: (atividade) => set({ byActivity: atividade }),
+        setByQuestionary: (aula) => set({ byQuestionary: aula }),
+        setUserId: (userId) => set({ userId }),
+        getUserId: () => get().userId,
         // Navigation
         goToNextQuestion: () => {
           const { currentQuestionIndex, getTotalQuestions } = get();
@@ -6336,58 +6345,107 @@ var useQuizStore = (0, import_zustand6.create)()(
             set({ currentQuestionIndex: index });
           }
         },
-        // Quiz Actions
+        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 { selectedAnswers, skippedQuestions, addUserAnswer } = get();
-          const newSkippedQuestions = skippedQuestions.filter(
-            (id) => id !== questionId
+          const { getActiveQuiz, userAnswers } = get();
+          const activeQuiz = getActiveQuiz();
+          if (!activeQuiz) return;
+          const updatedQuestions = activeQuiz.quiz.questions.map(
+            (question) => question.id === questionId ? { ...question, answerKey: answerId } : question
+          );
+          const updatedQuiz = {
+            ...activeQuiz.quiz,
+            questions: updatedQuestions
+          };
+          const activityId = activeQuiz.quiz.id;
+          const userId = get().getUserId();
+          if (!userId) {
+            console.warn("selectAnswer called before userId is set");
+            return;
+          }
+          const existingAnswerIndex = userAnswers.findIndex(
+            (answer) => answer.questionId === questionId
           );
+          const newUserAnswer = {
+            questionId,
+            activityId,
+            userId,
+            answer: answerId,
+            optionId: answerId
+          };
+          let updatedUserAnswers;
+          if (existingAnswerIndex !== -1) {
+            updatedUserAnswers = [...userAnswers];
+            updatedUserAnswers[existingAnswerIndex] = newUserAnswer;
+          } else {
+            updatedUserAnswers = [...userAnswers, newUserAnswer];
+          }
           set({
-            selectedAnswers: {
-              ...selectedAnswers,
-              [questionId]: answerId
-            },
-            skippedQuestions: newSkippedQuestions
+            [activeQuiz.type]: updatedQuiz,
+            userAnswers: updatedUserAnswers
           });
-          addUserAnswer(questionId, answerId);
         },
         skipQuestion: () => {
-          const { getCurrentQuestion, skippedQuestions, addUserAnswer } = get();
+          const { getCurrentQuestion, userAnswers, getActiveQuiz } = get();
           const currentQuestion = getCurrentQuestion();
+          const activeQuiz = getActiveQuiz();
+          if (!activeQuiz) return;
           if (currentQuestion) {
+            const activityId = activeQuiz.quiz.id;
+            const userId = get().getUserId();
+            const existingAnswerIndex = userAnswers.findIndex(
+              (answer) => answer.questionId === currentQuestion.id
+            );
+            const newUserAnswer = {
+              questionId: currentQuestion.id,
+              activityId,
+              userId,
+              answer: null,
+              optionId: null
+            };
+            let updatedUserAnswers;
+            if (existingAnswerIndex !== -1) {
+              updatedUserAnswers = [...userAnswers];
+              updatedUserAnswers[existingAnswerIndex] = newUserAnswer;
+            } else {
+              updatedUserAnswers = [...userAnswers, newUserAnswer];
+            }
             set({
-              skippedQuestions: [...skippedQuestions, currentQuestion.id]
+              userAnswers: updatedUserAnswers
             });
-            addUserAnswer(currentQuestion.id);
           }
         },
         addUserAnswer: (questionId, answerId) => {
-          const { userAnswers, bySimulado, byAtividade, byAula } = get();
-          const quiz = bySimulado || byAtividade || byAula;
-          const question = quiz?.questions.find((q) => q.id === questionId);
-          if (!question) return;
+          const { getActiveQuiz, userAnswers } = get();
+          const activeQuiz = getActiveQuiz();
+          if (!activeQuiz) return;
+          const activityId = activeQuiz.quiz.id;
+          const userId = get().getUserId();
           const existingAnswerIndex = userAnswers.findIndex(
-            (answer) => answer.id === questionId
+            (answer) => answer.questionId === questionId
           );
+          const newUserAnswer = {
+            questionId,
+            activityId,
+            userId,
+            answer: answerId || null,
+            optionId: answerId || null
+          };
           if (existingAnswerIndex !== -1) {
-            const updatedAnswers = [...userAnswers];
-            updatedAnswers[existingAnswerIndex] = {
-              ...question,
-              answerKey: answerId || "",
-              isSkipped: !answerId
-            };
-            set({ userAnswers: updatedAnswers });
+            const updatedUserAnswers = [...userAnswers];
+            updatedUserAnswers[existingAnswerIndex] = newUserAnswer;
+            set({ userAnswers: updatedUserAnswers });
           } else {
-            set({
-              userAnswers: [
-                ...userAnswers,
-                {
-                  ...question,
-                  answerKey: answerId || "",
-                  isSkipped: !answerId
-                }
-              ]
-            });
+            set({ userAnswers: [...userAnswers, newUserAnswer] });
           }
         },
         startQuiz: () => {
@@ -6403,11 +6461,11 @@ var useQuizStore = (0, import_zustand6.create)()(
           set({
             currentQuestionIndex: 0,
             selectedAnswers: {},
-            skippedQuestions: [],
             userAnswers: [],
             timeElapsed: 0,
             isStarted: false,
-            isFinished: false
+            isFinished: false,
+            userId: ""
           });
         },
         // Timer
@@ -6416,36 +6474,33 @@ var useQuizStore = (0, import_zustand6.create)()(
         stopTimer,
         // Getters
         getCurrentQuestion: () => {
-          const { bySimulado, byAtividade, byAula, currentQuestionIndex } = get();
-          const quiz = bySimulado || byAtividade || byAula;
-          if (!quiz) {
+          const { currentQuestionIndex, getActiveQuiz } = get();
+          const activeQuiz = getActiveQuiz();
+          if (!activeQuiz) {
             return null;
           }
-          return quiz.questions[currentQuestionIndex];
+          return activeQuiz.quiz.questions[currentQuestionIndex];
         },
         getTotalQuestions: () => {
-          const { bySimulado, byAtividade, byAula } = get();
-          const quiz = bySimulado || byAtividade || byAula;
-          return quiz?.questions?.length || 0;
+          const { getActiveQuiz } = get();
+          const activeQuiz = getActiveQuiz();
+          return activeQuiz?.quiz?.questions?.length || 0;
         },
         getAnsweredQuestions: () => {
-          const { selectedAnswers } = get();
-          return Object.keys(selectedAnswers).length;
+          const { userAnswers } = get();
+          return userAnswers.filter((answer) => answer.answer !== null).length;
         },
         getUnansweredQuestions: () => {
-          const {
-            bySimulado,
-            byAtividade,
-            byAula,
-            selectedAnswers,
-            skippedQuestions
-          } = get();
-          const quiz = bySimulado || byAtividade || byAula;
-          if (!quiz) return [];
+          const { getActiveQuiz, userAnswers } = get();
+          const activeQuiz = getActiveQuiz();
+          if (!activeQuiz) return [];
           const unansweredQuestions = [];
-          quiz.questions.forEach((question, index) => {
-            const isAnswered = question.id in selectedAnswers;
-            const isSkipped = skippedQuestions.includes(question.id);
+          activeQuiz.quiz.questions.forEach((question, index) => {
+            const userAnswer = userAnswers.find(
+              (answer) => answer.questionId === question.id
+            );
+            const isAnswered = userAnswer && userAnswer.answer !== null;
+            const isSkipped = userAnswer && userAnswer.answer === null;
             if (!isAnswered && !isSkipped) {
               unansweredQuestions.push(index + 1);
             }
@@ -6453,8 +6508,8 @@ var useQuizStore = (0, import_zustand6.create)()(
           return unansweredQuestions;
         },
         getSkippedQuestions: () => {
-          const { skippedQuestions } = get();
-          return skippedQuestions.length;
+          const { userAnswers } = get();
+          return userAnswers.filter((answer) => answer.answer === null).length;
         },
         getProgress: () => {
           const { getTotalQuestions, getAnsweredQuestions } = get();
@@ -6463,22 +6518,32 @@ var useQuizStore = (0, import_zustand6.create)()(
           return total > 0 ? answered / total * 100 : 0;
         },
         isQuestionAnswered: (questionId) => {
-          const { selectedAnswers } = get();
-          return questionId in selectedAnswers;
+          const { userAnswers } = get();
+          const userAnswer = userAnswers.find(
+            (answer) => answer.questionId === questionId
+          );
+          return userAnswer ? userAnswer.answer !== null : false;
         },
         isQuestionSkipped: (questionId) => {
-          const { skippedQuestions } = get();
-          return skippedQuestions.includes(questionId);
+          const { userAnswers } = get();
+          const userAnswer = userAnswers.find(
+            (answer) => answer.questionId === questionId
+          );
+          return userAnswer ? userAnswer.answer === null : false;
         },
         getCurrentAnswer: () => {
-          const { getCurrentQuestion, selectedAnswers } = get();
+          const { getCurrentQuestion, userAnswers } = get();
           const currentQuestion = getCurrentQuestion();
-          return selectedAnswers[currentQuestion?.id || ""];
+          if (!currentQuestion) return void 0;
+          const userAnswer = userAnswers.find(
+            (answer) => answer.questionId === currentQuestion.id
+          );
+          return userAnswer?.answer;
         },
         getQuizTitle: () => {
-          const { bySimulado, byAtividade, byAula } = get();
-          const quiz = bySimulado || byAtividade || byAula;
-          return quiz?.title || "Quiz";
+          const { getActiveQuiz } = get();
+          const activeQuiz = getActiveQuiz();
+          return activeQuiz?.quiz?.title || "Quiz";
         },
         formatTime: (seconds) => {
           const minutes = Math.floor(seconds / 60);
@@ -6486,30 +6551,42 @@ var useQuizStore = (0, import_zustand6.create)()(
           return `${minutes.toString().padStart(2, "0")}:${remainingSeconds.toString().padStart(2, "0")}`;
         },
         getUserAnswers: () => {
-          const { userAnswers } = get();
-          return userAnswers;
+          const { getActiveQuiz, userAnswers } = get();
+          const activeQuiz = getActiveQuiz();
+          if (!activeQuiz) return [];
+          return activeQuiz.quiz.questions.map((question) => {
+            const userAnswer = userAnswers.find(
+              (answer) => answer.questionId === question.id
+            );
+            return {
+              ...question,
+              isSkipped: userAnswer ? userAnswer.answer === null : false
+            };
+          });
         },
         getUnansweredQuestionsFromUserAnswers: () => {
-          const { bySimulado, byAtividade, byAula, userAnswers } = get();
-          const quiz = bySimulado || byAtividade || byAula;
-          if (!quiz) return [];
+          const { getActiveQuiz, userAnswers } = get();
+          const activeQuiz = getActiveQuiz();
+          if (!activeQuiz) return [];
           const unansweredQuestions = [];
-          quiz.questions.forEach((question, index) => {
+          activeQuiz.quiz.questions.forEach((question, index) => {
             const userAnswer = userAnswers.find(
-              (answer) => answer.id === question.id
+              (answer) => answer.questionId === question.id
             );
-            if (!userAnswer || userAnswer.isSkipped) {
+            const hasAnswer = userAnswer && userAnswer.answer !== null;
+            const isSkipped = userAnswer && userAnswer.answer === null;
+            if (!hasAnswer || isSkipped) {
               unansweredQuestions.push(index + 1);
             }
           });
           return unansweredQuestions;
         },
         getQuestionsGroupedBySubject: () => {
-          const { bySimulado, byAtividade, byAula } = get();
-          const quiz = bySimulado || byAtividade || byAula;
-          if (!quiz) return {};
+          const { getActiveQuiz } = get();
+          const activeQuiz = getActiveQuiz();
+          if (!activeQuiz) return {};
           const groupedQuestions = {};
-          quiz.questions.forEach((question) => {
+          activeQuiz.quiz.questions.forEach((question) => {
             const subjectId = question.knowledgeMatrix?.[0]?.subjectId || "Sem mat\xE9ria";
             if (!groupedQuestions[subjectId]) {
               groupedQuestions[subjectId] = [];
@@ -6517,6 +6594,31 @@ var useQuizStore = (0, import_zustand6.create)()(
             groupedQuestions[subjectId].push(question);
           });
           return groupedQuestions;
+        },
+        // New methods for userAnswers
+        getUserAnswerByQuestionId: (questionId) => {
+          const { userAnswers } = get();
+          return userAnswers.find((answer) => answer.questionId === questionId) || null;
+        },
+        isQuestionAnsweredByUserAnswers: (questionId) => {
+          const { userAnswers } = get();
+          const answer = userAnswers.find(
+            (answer2) => answer2.questionId === questionId
+          );
+          return answer ? answer.answer !== null : false;
+        },
+        getQuestionStatusFromUserAnswers: (questionId) => {
+          const { userAnswers } = get();
+          const answer = userAnswers.find(
+            (answer2) => answer2.questionId === questionId
+          );
+          if (!answer) return "unanswered";
+          if (answer.answer === null) return "skipped";
+          return "answered";
+        },
+        getUserAnswersForActivity: () => {
+          const { userAnswers } = get();
+          return userAnswers;
         }
       };
     },
@@ -6542,6 +6644,26 @@ var Quiz = (0, import_react22.forwardRef)(({ children, className, ...props }, re
     }
   );
 });
+var QuizHeaderResult = (0, import_react22.forwardRef)(
+  ({ className, ...props }, ref) => {
+    const { getCurrentQuestion, getCurrentAnswer } = useQuizStore();
+    const currentQuestion = getCurrentQuestion();
+    const userAnswer = getCurrentAnswer();
+    const isCorrect = userAnswer === currentQuestion?.correctOptionId;
+    return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
+      "div",
+      {
+        ref,
+        className: `flex flex-row items-center gap-10 p-3.5 rounded-xl ${isCorrect ? "bg-success-background" : "bg-error-background"} ${className}`,
+        ...props,
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("p", { className: "text-text-950 font-bold text-lg", children: "Resultado" }),
+          /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("p", { className: "text-text-700 text-md", children: isCorrect ? "\u{1F389} Parab\xE9ns!!" : "N\xE3o foi dessa vez..." })
+        ]
+      }
+    );
+  }
+);
 var QuizTitle = (0, import_react22.forwardRef)(
   ({ className, ...props }, ref) => {
     const {
@@ -6590,30 +6712,43 @@ var QuizContent = (0, import_react22.forwardRef)(({ type = "Alternativas", child
       "div",
       {
         ref,
-        className: `rounded-t-xl bg-background px-4 pt-4 pb-[80px] h-full flex flex-col gap-4 mb-auto ${className}`,
+        className: `rounded-t-xl px-4 pt-4 pb-[80px] h-full flex flex-col gap-4 mb-auto ${className}`,
         ...props,
         children
       }
     )
   ] });
 });
-var QuizAlternative = () => {
+var QuizAlternative = ({ variant = "default" }) => {
   const { getCurrentQuestion, selectAnswer, getCurrentAnswer } = useQuizStore();
   const currentQuestion = getCurrentQuestion();
   const currentAnswer = getCurrentAnswer();
-  const alternatives = currentQuestion?.options?.map((option) => ({
-    label: option.option,
-    value: option.id
-  }));
+  const alternatives = currentQuestion?.options?.map((option) => {
+    let status = "neutral" /* NEUTRAL */;
+    if (variant === "result") {
+      if (option.id === currentQuestion.correctOptionId) {
+        status = "correct" /* CORRECT */;
+      } else if (currentAnswer === option.id && option.id !== currentQuestion.correctOptionId) {
+        status = "incorrect" /* INCORRECT */;
+      }
+    }
+    return {
+      label: option.option,
+      value: option.id,
+      status
+    };
+  });
   if (!alternatives)
     return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("p", { children: "N\xE3o h\xE1 Alternativas" }) });
   return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "space-y-4", children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
     AlternativesList,
     {
+      mode: variant === "default" ? "interactive" : "readonly",
       name: `question-${currentQuestion?.id || "1"}`,
-      layout: "default",
+      layout: "compact",
       alternatives,
       value: currentAnswer,
+      selectedValue: currentAnswer,
       onValueChange: (value) => {
         if (currentQuestion) {
           selectAnswer(currentQuestion.id, value);
@@ -6630,18 +6765,11 @@ var QuizQuestionList = ({
   const {
     getQuestionsGroupedBySubject,
     goToQuestion,
-    isQuestionAnswered,
-    isQuestionSkipped
+    getQuestionStatusFromUserAnswers
   } = useQuizStore();
   const groupedQuestions = getQuestionsGroupedBySubject();
   const getQuestionStatus = (questionId) => {
-    if (isQuestionSkipped(questionId)) {
-      return "skipped";
-    }
-    if (isQuestionAnswered(questionId)) {
-      return "answered";
-    }
-    return "unanswered";
+    return getQuestionStatusFromUserAnswers(questionId);
   };
   const filteredGroupedQuestions = Object.entries(groupedQuestions).reduce(
     (acc, [subjectId, questions]) => {
@@ -6665,8 +6793,8 @@ var QuizQuestionList = ({
     {}
   );
   const getQuestionIndex = (questionId) => {
-    const { bySimulado, byAtividade, byAula } = useQuizStore.getState();
-    const quiz = bySimulado ?? byAtividade ?? byAula;
+    const { bySimulated, byActivity, byQuestionary } = useQuizStore.getState();
+    const quiz = bySimulated ?? byActivity ?? byQuestionary;
     if (!quiz) return 0;
     const index = quiz.questions.findIndex((q) => q.id === questionId);
     return index + 1;
@@ -6676,7 +6804,7 @@ var QuizQuestionList = ({
       case "answered":
         return "Respondida";
       case "skipped":
-        return "Pulada";
+        return "N\xE3o respondida";
       default:
         return "Em branco";
     }
@@ -6717,14 +6845,14 @@ var QuizFooter = (0, import_react22.forwardRef)(({ className, onGoToSimulated, o
     getCurrentAnswer,
     skipQuestion,
     getCurrentQuestion,
-    isQuestionSkipped
+    getQuestionStatusFromUserAnswers
   } = useQuizStore();
   const totalQuestions = getTotalQuestions();
   const isFirstQuestion = currentQuestionIndex === 0;
   const isLastQuestion = currentQuestionIndex === totalQuestions - 1;
   const currentAnswer = getCurrentAnswer();
   const currentQuestion = getCurrentQuestion();
-  const isCurrentQuestionSkipped = currentQuestion ? isQuestionSkipped(currentQuestion.id) : false;
+  const isCurrentQuestionSkipped = currentQuestion ? getQuestionStatusFromUserAnswers(currentQuestion.id) === "skipped" : false;
   const [alertDialogOpen, setAlertDialogOpen] = (0, import_react22.useState)(false);
   const [modalResultOpen, setModalResultOpen] = (0, import_react22.useState)(false);
   const [modalNavigateOpen, setModalNavigateOpen] = (0, import_react22.useState)(false);
@@ -6914,6 +7042,223 @@ var QuizFooter = (0, import_react22.forwardRef)(({ className, onGoToSimulated, o
     )
   ] });
 });
+var QuizResultHeaderTitle = (0, import_react22.forwardRef)(({ className, ...props }, ref) => {
+  const { bySimulated } = useQuizStore();
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
+    "div",
+    {
+      ref,
+      className: `flex flex-row pt-4 justify-between ${className}`,
+      ...props,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("p", { className: "text-text-950 font-bold text-2xl", children: "Resultado" }),
+        bySimulated && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(Badge_default, { variant: "solid", action: "info", children: bySimulated.category })
+      ]
+    }
+  );
+});
+var QuizResultTitle = (0, import_react22.forwardRef)(({ className, ...props }, ref) => {
+  const { getQuizTitle } = useQuizStore();
+  const quizTitle = getQuizTitle();
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+    "p",
+    {
+      className: `pt-6 pb-4 text-text-950 font-bold text-lg ${className}`,
+      ref,
+      ...props,
+      children: quizTitle
+    }
+  );
+});
+var QuizResultPerformance = (0, import_react22.forwardRef)(
+  ({ ...props }, ref) => {
+    const {
+      getTotalQuestions,
+      timeElapsed,
+      formatTime,
+      bySimulated,
+      byActivity,
+      byQuestionary
+    } = useQuizStore();
+    const totalQuestions = getTotalQuestions();
+    const quiz = bySimulated || byActivity || byQuestionary;
+    let correctAnswers = 0;
+    let correctEasyAnswers = 0;
+    let correctMediumAnswers = 0;
+    let correctDifficultAnswers = 0;
+    let totalEasyQuestions = 0;
+    let totalMediumQuestions = 0;
+    let totalDifficultQuestions = 0;
+    if (quiz) {
+      quiz.questions.forEach((question) => {
+        const userAnswer = question.answerKey;
+        const isCorrect = userAnswer && userAnswer === question.correctOptionId;
+        if (isCorrect) {
+          correctAnswers++;
+        }
+        if (question.difficulty === "FACIL" /* FACIL */) {
+          totalEasyQuestions++;
+          if (isCorrect) {
+            correctEasyAnswers++;
+          }
+        } else if (question.difficulty === "MEDIO" /* MEDIO */) {
+          totalMediumQuestions++;
+          if (isCorrect) {
+            correctMediumAnswers++;
+          }
+        } else if (question.difficulty === "DIFICIL" /* DIFICIL */) {
+          totalDifficultQuestions++;
+          if (isCorrect) {
+            correctDifficultAnswers++;
+          }
+        }
+      });
+    }
+    const percentage = totalQuestions > 0 ? Math.round(correctAnswers / totalQuestions * 100) : 0;
+    return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
+      "div",
+      {
+        className: "flex flex-row gap-6 p-6 rounded-xl bg-background justify-between",
+        ref,
+        ...props,
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "relative", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+              ProgressCircle_default,
+              {
+                size: "medium",
+                variant: "green",
+                value: percentage,
+                showPercentage: false,
+                label: ""
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "absolute inset-0 flex flex-col items-center justify-center", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "flex items-center gap-1 mb-1", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_phosphor_react16.Clock, { size: 12, weight: "regular", className: "text-text-800" }),
+                /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "text-2xs font-medium text-text-800", children: formatTime(timeElapsed) })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "text-2xl font-medium text-text-800 leading-7", children: [
+                correctAnswers,
+                " de ",
+                totalQuestions
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "text-2xs font-medium text-text-600 mt-1", children: "Corretas" })
+            ] })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "flex flex-col gap-4 w-full", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+              ProgressBar_default,
+              {
+                className: "w-full",
+                layout: "stacked",
+                variant: "green",
+                value: correctEasyAnswers,
+                max: totalEasyQuestions,
+                label: "F\xE1ceis",
+                showHitCount: true,
+                labelClassName: "text-base font-medium text-text-800 leading-none",
+                percentageClassName: "text-xs font-medium leading-[14px] text-right"
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+              ProgressBar_default,
+              {
+                className: "w-full",
+                layout: "stacked",
+                variant: "green",
+                value: correctMediumAnswers,
+                max: totalMediumQuestions,
+                label: "M\xE9dias",
+                showHitCount: true,
+                labelClassName: "text-base font-medium text-text-800 leading-none",
+                percentageClassName: "text-xs font-medium leading-[14px] text-right"
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+              ProgressBar_default,
+              {
+                className: "w-full",
+                layout: "stacked",
+                variant: "green",
+                value: correctDifficultAnswers,
+                max: totalDifficultQuestions,
+                label: "Dif\xEDceis",
+                showHitCount: true,
+                labelClassName: "text-base font-medium text-text-800 leading-none",
+                percentageClassName: "text-xs font-medium leading-[14px] text-right"
+              }
+            )
+          ] })
+        ]
+      }
+    );
+  }
+);
+var QuizListResult = (0, import_react22.forwardRef)(({ className, onSubjectClick, ...props }, ref) => {
+  const { getQuestionsGroupedBySubject, isQuestionAnswered } = useQuizStore();
+  const groupedQuestions = getQuestionsGroupedBySubject();
+  const subjectsStats = Object.entries(groupedQuestions).map(
+    ([subjectId, questions]) => {
+      let correct = 0;
+      let incorrect = 0;
+      questions.forEach((question) => {
+        if (isQuestionAnswered(question.id)) {
+          const userAnswer = question.answerKey;
+          if (userAnswer === question.correctOptionId) {
+            correct++;
+          } else {
+            incorrect++;
+          }
+        }
+      });
+      return {
+        subject: subjectId,
+        correct,
+        incorrect,
+        total: questions.length
+      };
+    }
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("section", { ref, className, ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("p", { className: "pt-6 pb-4 text-text-950 font-bold text-lg", children: "Mat\xE9rias" }),
+    /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("ul", { className: "flex flex-col gap-2", children: subjectsStats.map((subject) => /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+      CardResults,
+      {
+        onClick: () => onSubjectClick?.(subject.subject),
+        className: "max-w-full",
+        header: subject.subject,
+        correct_answers: subject.correct,
+        incorrect_answers: subject.incorrect,
+        icon: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_phosphor_react16.Book, { size: 20 }),
+        direction: "row"
+      }
+    ) }, subject.subject)) })
+  ] });
+});
+var QuizListResultByMateria = ({
+  subject,
+  onQuestionClick
+}) => {
+  const { getQuestionsGroupedBySubject } = useQuizStore();
+  const groupedQuestions = getQuestionsGroupedBySubject();
+  const answeredQuestions = groupedQuestions[subject] || [];
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "w-full max-w-[1000px] flex flex-col mx-auto h-full relative not-lg:px-6", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "flex flex-row pt-4 justify-between", children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("p", { className: "text-text-950 font-bold text-2xl", children: subject }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("section", { className: "flex flex-col ", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("p", { className: "pt-6 pb-4 text-text-950 font-bold text-lg", children: "Resultado das quest\xF5es" }),
+      /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("ul", { className: "flex flex-col gap-2 pt-4", children: answeredQuestions.map((question) => /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+        CardStatus,
+        {
+          className: "max-w-full",
+          header: `Quest\xE3o ${question.id}`,
+          status: question.answerKey === question.correctOptionId ? "correct" : "incorrect",
+          onClick: () => onQuestionClick?.(question)
+        }
+      ) }, question.id)) })
+    ] })
+  ] });
+};
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Alert,
@@ -6966,7 +7311,11 @@ var QuizFooter = (0, import_react22.forwardRef)(({ className, onGoToSimulated, o
   QuizContent,
   QuizFooter,
   QuizHeader,
+  QuizListResultByMateria,
   QuizQuestionList,
+  QuizResultHeaderTitle,
+  QuizResultPerformance,
+  QuizResultTitle,
   QuizTitle,
   Radio,
   RadioGroup,