analytica-frontend-lib 1.0.82 → 1.0.84

package/dist/index.js

@@ -65,6 +65,17 @@ __export(src_exports, {
   ProgressCircle: () => ProgressCircle_default,
   ProtectedRoute: () => ProtectedRoute,
   PublicRoute: () => PublicRoute,
+  Quiz: () => Quiz,
+  QuizAlternative: () => QuizAlternative,
+  QuizContent: () => QuizContent,
+  QuizFooter: () => QuizFooter,
+  QuizHeader: () => QuizHeader,
+  QuizListResultByMateria: () => QuizListResultByMateria,
+  QuizQuestionList: () => QuizQuestionList,
+  QuizResultHeaderTitle: () => QuizResultHeaderTitle,
+  QuizResultPerformance: () => QuizResultPerformance,
+  QuizResultTitle: () => QuizResultTitle,
+  QuizTitle: () => QuizTitle,
   Radio: () => Radio_default,
   RadioGroup: () => RadioGroup,
   RadioGroupItem: () => RadioGroupItem,
@@ -93,6 +104,7 @@ __export(src_exports, {
   useApiConfig: () => useApiConfig,
   useAuth: () => useAuth,
   useAuthGuard: () => useAuthGuard,
+  useQuizStore: () => useQuizStore,
   useRouteAuth: () => useRouteAuth,
   useToastStore: () => ToastStore_default,
   useUrlAuthentication: () => useUrlAuthentication,
@@ -3145,7 +3157,7 @@ var Modal = ({
   };
   if (!isOpen) return null;
   const sizeClasses = SIZE_CLASSES10[size];
-  const baseClasses = "bg-background rounded-3xl shadow-hard-shadow-2 border border-border-100 w-full mx-4";
+  const baseClasses = "bg-secondary-50 rounded-3xl shadow-hard-shadow-2 border border-border-100 w-full mx-4";
   const dialogResetClasses = "p-0 m-0 border-none outline-none max-h-none static";
   const modalClasses = `${baseClasses} ${sizeClasses} ${dialogResetClasses} ${className}`;
   return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
@@ -3684,8 +3696,8 @@ var CardStatus = (0, import_react11.forwardRef)(
         ...props,
         children: /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "flex justify-between w-full h-full flex-row items-center gap-2", children: [
           /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("p", { className: "text-sm font-bold text-text-950 truncate flex-1 min-w-0", children: header }),
-          status && /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("span", { className: "flex flex-row gap-1 items-center flex-shrink-0", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("span", { className: "flex flex-row gap-1 items-center flex-shrink-0", children: [
+            status && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
               Badge_default,
               {
                 action: status == "correct" ? "success" : "error",
@@ -4716,7 +4728,7 @@ var AlertDialog = (0, import_react14.forwardRef)(
                 "h2",
                 {
                   id: "alert-dialog-title",
-                  className: "pb-3 text-xl font-semibold",
+                  className: "pb-3 text-xl font-semibold text-text-950",
                   children: title
                 }
               ),
@@ -6267,6 +6279,986 @@ function useApiConfig(api) {
     [api]
   );
 }
+
+// src/components/Quiz/Quiz.tsx
+var import_phosphor_react16 = require("phosphor-react");
+var import_react22 = require("react");
+
+// src/components/Quiz/useQuizStore.ts
+var import_zustand6 = require("zustand");
+var import_middleware = require("zustand/middleware");
+var useQuizStore = (0, import_zustand6.create)()(
+  (0, import_middleware.devtools)(
+    (set, get) => {
+      let timerInterval = null;
+      const startTimer = () => {
+        if (get().isFinished) {
+          return;
+        }
+        if (timerInterval) {
+          clearInterval(timerInterval);
+        }
+        timerInterval = setInterval(() => {
+          const { timeElapsed } = get();
+          set({ timeElapsed: timeElapsed + 1 });
+        }, 1e3);
+      };
+      const stopTimer = () => {
+        if (timerInterval) {
+          clearInterval(timerInterval);
+          timerInterval = null;
+        }
+      };
+      return {
+        // Initial State
+        currentQuestionIndex: 0,
+        selectedAnswers: {},
+        userAnswers: [],
+        timeElapsed: 0,
+        isStarted: false,
+        isFinished: false,
+        userId: "",
+        // Setters
+        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();
+          const totalQuestions = getTotalQuestions();
+          if (currentQuestionIndex < totalQuestions - 1) {
+            set({ currentQuestionIndex: currentQuestionIndex + 1 });
+          }
+        },
+        goToPreviousQuestion: () => {
+          const { currentQuestionIndex } = get();
+          if (currentQuestionIndex > 0) {
+            set({ currentQuestionIndex: currentQuestionIndex - 1 });
+          }
+        },
+        goToQuestion: (index) => {
+          const { getTotalQuestions } = get();
+          const totalQuestions = getTotalQuestions();
+          if (index >= 0 && index < totalQuestions) {
+            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 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({
+            [activeQuiz.type]: updatedQuiz,
+            userAnswers: updatedUserAnswers
+          });
+        },
+        skipQuestion: () => {
+          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({
+              userAnswers: updatedUserAnswers
+            });
+          }
+        },
+        addUserAnswer: (questionId, answerId) => {
+          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.questionId === questionId
+          );
+          const newUserAnswer = {
+            questionId,
+            activityId,
+            userId,
+            answer: answerId || null,
+            optionId: answerId || null
+          };
+          if (existingAnswerIndex !== -1) {
+            const updatedUserAnswers = [...userAnswers];
+            updatedUserAnswers[existingAnswerIndex] = newUserAnswer;
+            set({ userAnswers: updatedUserAnswers });
+          } else {
+            set({ userAnswers: [...userAnswers, newUserAnswer] });
+          }
+        },
+        startQuiz: () => {
+          set({ isStarted: true, timeElapsed: 0 });
+          startTimer();
+        },
+        finishQuiz: () => {
+          set({ isFinished: true });
+          stopTimer();
+        },
+        resetQuiz: () => {
+          stopTimer();
+          set({
+            currentQuestionIndex: 0,
+            selectedAnswers: {},
+            userAnswers: [],
+            timeElapsed: 0,
+            isStarted: false,
+            isFinished: false,
+            userId: ""
+          });
+        },
+        // Timer
+        updateTime: (time) => set({ timeElapsed: time }),
+        startTimer,
+        stopTimer,
+        // Getters
+        getCurrentQuestion: () => {
+          const { currentQuestionIndex, getActiveQuiz } = get();
+          const activeQuiz = getActiveQuiz();
+          if (!activeQuiz) {
+            return null;
+          }
+          return activeQuiz.quiz.questions[currentQuestionIndex];
+        },
+        getTotalQuestions: () => {
+          const { getActiveQuiz } = get();
+          const activeQuiz = getActiveQuiz();
+          return activeQuiz?.quiz?.questions?.length || 0;
+        },
+        getAnsweredQuestions: () => {
+          const { userAnswers } = get();
+          return userAnswers.filter((answer) => answer.answer !== null).length;
+        },
+        getUnansweredQuestions: () => {
+          const { getActiveQuiz, userAnswers } = get();
+          const activeQuiz = getActiveQuiz();
+          if (!activeQuiz) return [];
+          const unansweredQuestions = [];
+          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);
+            }
+          });
+          return unansweredQuestions;
+        },
+        getSkippedQuestions: () => {
+          const { userAnswers } = get();
+          return userAnswers.filter((answer) => answer.answer === null).length;
+        },
+        getProgress: () => {
+          const { getTotalQuestions, getAnsweredQuestions } = get();
+          const total = getTotalQuestions();
+          const answered = getAnsweredQuestions();
+          return total > 0 ? answered / total * 100 : 0;
+        },
+        isQuestionAnswered: (questionId) => {
+          const { userAnswers } = get();
+          const userAnswer = userAnswers.find(
+            (answer) => answer.questionId === questionId
+          );
+          return userAnswer ? userAnswer.answer !== null : false;
+        },
+        isQuestionSkipped: (questionId) => {
+          const { userAnswers } = get();
+          const userAnswer = userAnswers.find(
+            (answer) => answer.questionId === questionId
+          );
+          return userAnswer ? userAnswer.answer === null : false;
+        },
+        getCurrentAnswer: () => {
+          const { getCurrentQuestion, userAnswers } = get();
+          const currentQuestion = getCurrentQuestion();
+          if (!currentQuestion) return void 0;
+          const userAnswer = userAnswers.find(
+            (answer) => answer.questionId === currentQuestion.id
+          );
+          return userAnswer?.answer;
+        },
+        getQuizTitle: () => {
+          const { getActiveQuiz } = get();
+          const activeQuiz = getActiveQuiz();
+          return activeQuiz?.quiz?.title || "Quiz";
+        },
+        formatTime: (seconds) => {
+          const minutes = Math.floor(seconds / 60);
+          const remainingSeconds = seconds % 60;
+          return `${minutes.toString().padStart(2, "0")}:${remainingSeconds.toString().padStart(2, "0")}`;
+        },
+        getUserAnswers: () => {
+          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 { getActiveQuiz, userAnswers } = get();
+          const activeQuiz = getActiveQuiz();
+          if (!activeQuiz) return [];
+          const unansweredQuestions = [];
+          activeQuiz.quiz.questions.forEach((question, index) => {
+            const userAnswer = userAnswers.find(
+              (answer) => answer.questionId === question.id
+            );
+            const hasAnswer = userAnswer && userAnswer.answer !== null;
+            const isSkipped = userAnswer && userAnswer.answer === null;
+            if (!hasAnswer || isSkipped) {
+              unansweredQuestions.push(index + 1);
+            }
+          });
+          return unansweredQuestions;
+        },
+        getQuestionsGroupedBySubject: () => {
+          const { getActiveQuiz } = get();
+          const activeQuiz = getActiveQuiz();
+          if (!activeQuiz) return {};
+          const groupedQuestions = {};
+          activeQuiz.quiz.questions.forEach((question) => {
+            const subjectId = question.knowledgeMatrix?.[0]?.subjectId || "Sem mat\xE9ria";
+            if (!groupedQuestions[subjectId]) {
+              groupedQuestions[subjectId] = [];
+            }
+            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;
+        }
+      };
+    },
+    {
+      name: "quiz-store"
+    }
+  )
+);
+
+// src/assets/img/simulated-result.png
+var simulated_result_default = "./simulated-result-QN5HCUY5.png";
+
+// src/components/Quiz/Quiz.tsx
+var import_jsx_runtime33 = require("react/jsx-runtime");
+var Quiz = (0, import_react22.forwardRef)(({ children, className, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+    "div",
+    {
+      ref,
+      className: `w-full max-w-[1000px] flex flex-col mx-auto h-full relative not-lg:px-6 ${className}`,
+      ...props,
+      children
+    }
+  );
+});
+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 {
+      currentQuestionIndex,
+      getTotalQuestions,
+      getQuizTitle,
+      timeElapsed,
+      formatTime,
+      isStarted
+    } = useQuizStore();
+    const totalQuestions = getTotalQuestions();
+    const quizTitle = getQuizTitle();
+    return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
+      "div",
+      {
+        ref,
+        className: `flex flex-row justify-center items-center relative p-2 ${className}`,
+        ...props,
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("span", { className: "flex flex-col gap-2 text-center", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("p", { className: "text-text-950 font-bold text-md", children: quizTitle }),
+            /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("p", { className: "text-text-600 text-xs", children: totalQuestions > 0 ? `${currentQuestionIndex + 1} de ${totalQuestions}` : "0 de 0" })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "absolute right-2", children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(Badge_default, { variant: "outlined", action: "info", iconLeft: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_phosphor_react16.Clock, {}), children: isStarted ? formatTime(timeElapsed) : "00:00" }) })
+        ]
+      }
+    );
+  }
+);
+var QuizHeader = () => {
+  const { getCurrentQuestion } = useQuizStore();
+  const currentQuestion = getCurrentQuestion();
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+    HeaderAlternative,
+    {
+      title: currentQuestion ? `Quest\xE3o ${currentQuestion.id}` : "Quest\xE3o",
+      subTitle: currentQuestion?.knowledgeMatrix?.[0]?.topicId ?? "",
+      content: currentQuestion?.questionText ?? ""
+    }
+  );
+};
+var QuizContent = (0, import_react22.forwardRef)(({ type = "Alternativas", children, className, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(import_jsx_runtime33.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "px-4 pb-2 pt-6", children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("p", { className: "font-bold text-lg text-text-950", children: type }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+      "div",
+      {
+        ref,
+        className: `rounded-t-xl px-4 pt-4 pb-[80px] h-full flex flex-col gap-4 mb-auto ${className}`,
+        ...props,
+        children
+      }
+    )
+  ] });
+});
+var QuizAlternative = ({ variant = "default" }) => {
+  const { getCurrentQuestion, selectAnswer, getCurrentAnswer } = useQuizStore();
+  const currentQuestion = getCurrentQuestion();
+  const currentAnswer = getCurrentAnswer();
+  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: "compact",
+      alternatives,
+      value: currentAnswer,
+      selectedValue: currentAnswer,
+      onValueChange: (value) => {
+        if (currentQuestion) {
+          selectAnswer(currentQuestion.id, value);
+        }
+      }
+    },
+    `question-${currentQuestion?.id || "1"}`
+  ) });
+};
+var QuizQuestionList = ({
+  filterType = "all",
+  onQuestionClick
+} = {}) => {
+  const {
+    getQuestionsGroupedBySubject,
+    goToQuestion,
+    getQuestionStatusFromUserAnswers
+  } = useQuizStore();
+  const groupedQuestions = getQuestionsGroupedBySubject();
+  const getQuestionStatus = (questionId) => {
+    return getQuestionStatusFromUserAnswers(questionId);
+  };
+  const filteredGroupedQuestions = Object.entries(groupedQuestions).reduce(
+    (acc, [subjectId, questions]) => {
+      const filteredQuestions = questions.filter((question) => {
+        const status = getQuestionStatus(question.id);
+        switch (filterType) {
+          case "answered":
+            return status === "answered";
+          case "unanswered":
+            return status === "unanswered";
+          default:
+            return true;
+        }
+      });
+      if (filteredQuestions.length > 0) {
+        acc[subjectId] = filteredQuestions;
+      }
+      return acc;
+    },
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    {}
+  );
+  const getQuestionIndex = (questionId) => {
+    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;
+  };
+  const getStatusLabel = (status) => {
+    switch (status) {
+      case "answered":
+        return "Respondida";
+      case "skipped":
+        return "N\xE3o respondida";
+      default:
+        return "Em branco";
+    }
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "space-y-6 px-4", children: Object.entries(filteredGroupedQuestions).map(
+    ([subjectId, questions]) => /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("section", { className: "flex flex-col gap-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("span", { className: "pt-6 pb-4 flex flex-row gap-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "bg-primary-500 p-1 rounded-sm flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_phosphor_react16.BookOpen, { size: 17, className: "text-white" }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("p", { className: "text-text-800 font-bold text-lg", children: subjectId })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime33.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_runtime33.jsx)(
+          CardStatus,
+          {
+            header: `Quest\xE3o ${questionNumber.toString().padStart(2, "0")}`,
+            label: getStatusLabel(status),
+            onClick: () => {
+              goToQuestion(questionNumber - 1);
+              onQuestionClick?.();
+            }
+          },
+          question.id
+        );
+      }) })
+    ] }, subjectId)
+  ) });
+};
+var QuizFooter = (0, import_react22.forwardRef)(({ className, onGoToSimulated, onDetailResult, ...props }, ref) => {
+  const {
+    currentQuestionIndex,
+    getUserAnswers,
+    getTotalQuestions,
+    goToNextQuestion,
+    goToPreviousQuestion,
+    getUnansweredQuestionsFromUserAnswers,
+    getCurrentAnswer,
+    skipQuestion,
+    getCurrentQuestion,
+    getQuestionStatusFromUserAnswers
+  } = useQuizStore();
+  const totalQuestions = getTotalQuestions();
+  const isFirstQuestion = currentQuestionIndex === 0;
+  const isLastQuestion = currentQuestionIndex === totalQuestions - 1;
+  const currentAnswer = getCurrentAnswer();
+  const currentQuestion = getCurrentQuestion();
+  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);
+  const [filterType, setFilterType] = (0, import_react22.useState)("all");
+  const unansweredQuestions = getUnansweredQuestionsFromUserAnswers();
+  const userAnswers = getUserAnswers();
+  const allQuestions = getTotalQuestions();
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(import_jsx_runtime33.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
+      "footer",
+      {
+        ref,
+        className: `w-full px-2 bg-background lg:max-w-[1000px] not-lg:max-w-[calc(100vw-32px)] border-t border-border-50 fixed bottom-0 min-h-[80px] flex flex-row justify-between items-center ${className}`,
+        ...props,
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "flex flex-row items-center gap-1", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+              IconButton_default,
+              {
+                icon: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_phosphor_react16.SquaresFour, { size: 24, className: "text-text-950" }),
+                size: "md",
+                onClick: () => setModalNavigateOpen(true)
+              }
+            ),
+            isFirstQuestion ? /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+              Button_default,
+              {
+                variant: "outline",
+                size: "small",
+                onClick: () => {
+                  skipQuestion();
+                  goToNextQuestion();
+                },
+                children: "Pular"
+              }
+            ) : /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+              Button_default,
+              {
+                size: "medium",
+                variant: "link",
+                action: "primary",
+                iconLeft: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_phosphor_react16.CaretLeft, { size: 18 }),
+                onClick: () => {
+                  goToPreviousQuestion();
+                },
+                children: "Voltar"
+              }
+            )
+          ] }),
+          !isFirstQuestion && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+            Button_default,
+            {
+              size: "small",
+              variant: "outline",
+              action: "primary",
+              onClick: () => {
+                skipQuestion();
+                goToNextQuestion();
+              },
+              children: "Pular"
+            }
+          ),
+          isLastQuestion ? /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+            Button_default,
+            {
+              size: "medium",
+              variant: "solid",
+              action: "primary",
+              disabled: !currentAnswer && !isCurrentQuestionSkipped,
+              onClick: () => {
+                if (unansweredQuestions.length > 0) {
+                  setAlertDialogOpen(true);
+                } else {
+                  setModalResultOpen(true);
+                }
+              },
+              children: "Finalizar"
+            }
+          ) : /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+            Button_default,
+            {
+              size: "medium",
+              variant: "link",
+              action: "primary",
+              iconRight: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_phosphor_react16.CaretRight, { size: 18 }),
+              disabled: !currentAnswer && !isCurrentQuestionSkipped,
+              onClick: () => {
+                goToNextQuestion();
+              },
+              children: "Avan\xE7ar"
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime33.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?",
+        cancelButtonLabel: "Voltar e revisar",
+        submitButtonLabel: "Finalizar Mesmo Assim",
+        onSubmit: () => {
+          setModalResultOpen(true);
+        }
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+      Modal_default,
+      {
+        isOpen: modalResultOpen,
+        onClose: () => setModalResultOpen(false),
+        title: "",
+        closeOnBackdropClick: false,
+        closeOnEscape: false,
+        hideCloseButton: true,
+        size: "md",
+        children: /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "flex flex-col w-full h-full items-center justify-center gap-4", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+            "img",
+            {
+              src: simulated_result_default,
+              alt: "Simulated Result",
+              className: "w-[282px] h-auto object-cover"
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "flex flex-col gap-2 text-center", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("h2", { className: "text-text-950 font-bold text-lg", children: "Voc\xEA concluiu o simulado!" }),
+            /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("p", { className: "text-text-500 font-sm", children: [
+              "Voc\xEA acertou",
+              " ",
+              userAnswers.filter(
+                (answer) => answer.answerKey === answer.correctOptionId
+              ).length,
+              " ",
+              "de ",
+              allQuestions,
+              " quest\xF5es."
+            ] })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "px-6 flex flex-row items-center gap-2 w-full", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+              Button_default,
+              {
+                variant: "outline",
+                className: "w-full",
+                size: "small",
+                onClick: onGoToSimulated,
+                children: "Ir para simulados"
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(Button_default, { className: "w-full", onClick: onDetailResult, children: "Detalhar resultado" })
+          ] })
+        ] })
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+      Modal_default,
+      {
+        isOpen: modalNavigateOpen,
+        onClose: () => setModalNavigateOpen(false),
+        title: "Quest\xF5es",
+        size: "lg",
+        children: /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "flex flex-col w-full h-full", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "flex flex-row justify-between items-center py-6 pt-6 pb-4 border-b border-border-200", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("p", { className: "text-text-950 font-bold text-lg", children: "Filtrar por" }),
+            /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "max-w-[266px]", children: /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(Select_default, { value: filterType, onValueChange: setFilterType, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(SelectTrigger, { variant: "rounded", className: "max-w-[266px]", children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(SelectValue, { placeholder: "Selecione uma op\xE7\xE3o" }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(SelectContent, { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(SelectItem, { value: "all", children: "Todas" }),
+                /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(SelectItem, { value: "unanswered", children: "Em branco" }),
+                /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(SelectItem, { value: "answered", children: "Respondidas" })
+              ] })
+            ] }) })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "flex flex-col gap-2 not-lg:h-[calc(100vh-200px)] lg:max-h-[687px] overflow-y-auto", children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+            QuizQuestionList,
+            {
+              filterType,
+              onQuestionClick: () => setModalNavigateOpen(false)
+            }
+          ) })
+        ] })
+      }
+    )
+  ] });
+});
+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,
@@ -6314,6 +7306,17 @@ function useApiConfig(api) {
   ProgressCircle,
   ProtectedRoute,
   PublicRoute,
+  Quiz,
+  QuizAlternative,
+  QuizContent,
+  QuizFooter,
+  QuizHeader,
+  QuizListResultByMateria,
+  QuizQuestionList,
+  QuizResultHeaderTitle,
+  QuizResultPerformance,
+  QuizResultTitle,
+  QuizTitle,
   Radio,
   RadioGroup,
   RadioGroupItem,
@@ -6342,6 +7345,7 @@ function useApiConfig(api) {
   useApiConfig,
   useAuth,
   useAuthGuard,
+  useQuizStore,
   useRouteAuth,
   useToastStore,
   useUrlAuthentication,