analytica-frontend-lib 1.1.24 → 1.1.26

package/dist/Quiz/index.js

@@ -1458,15 +1458,27 @@ var useQuizStore = (0, import_zustand2.create)()(
           return userAnswer ? userAnswer.answerStatus : null;
         },
         getQuestionIndex: (questionId) => {
-          const { questionsResult } = get();
-          if (!questionsResult) return 0;
-          let idx = questionsResult.answers.findIndex(
-            (q) => q.questionId === questionId
-          );
-          if (idx === -1) {
-            idx = questionsResult.answers.findIndex((q) => q.id === questionId);
+          const { questionsResult, variant } = get();
+          if (variant == "result") {
+            if (!questionsResult) return 0;
+            let idx = questionsResult.answers.findIndex(
+              (q) => q.questionId === questionId
+            );
+            if (idx === -1) {
+              idx = questionsResult.answers.findIndex(
+                (q) => q.id === questionId
+              );
+            }
+            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
+            );
+            return idx !== -1 ? idx + 1 : 0;
           }
-          return idx !== -1 ? idx + 1 : 0;
         },
         // Question Result
         getQuestionResultByQuestionId: (questionId) => {
@@ -3059,6 +3071,18 @@ var CardResults = (0, import_react7.forwardRef)(
 );
 var CardStatus = (0, import_react7.forwardRef)(
   ({ header, className, status, label, ...props }, ref) => {
+    const getLabelBadge = (status2) => {
+      switch (status2) {
+        case "correct":
+          return "Correta";
+        case "incorrect":
+          return "Incorreta";
+        case "unanswered":
+          return "Em branco";
+        default:
+          return "Em branco";
+      }
+    };
     return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
       CardBase,
       {
@@ -3077,8 +3101,8 @@ var CardStatus = (0, import_react7.forwardRef)(
                 action: status == "correct" ? "success" : "error",
                 variant: "solid",
                 size: "medium",
-                iconLeft: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_phosphor_react5.CheckCircle, {}),
-                children: status == "correct" ? "Correta" : "Incorreta"
+                iconLeft: status == "correct" ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_phosphor_react5.CheckCircle, {}) : /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_phosphor_react5.XCircle, {}),
+                children: getLabelBadge(status)
               }
             ),
             label && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("p", { className: "text-sm text-text-800", children: label })
@@ -4594,33 +4618,55 @@ var Quiz = (0, import_react12.forwardRef)(({ children, className, variant = "def
 var QuizHeaderResult = (0, import_react12.forwardRef)(
   ({ className, ...props }, ref) => {
     const { getQuestionResultByQuestionId, getCurrentQuestion } = useQuizStore();
-    const [isCorrect, setIsCorrect] = (0, import_react12.useState)(false);
+    const [status, setStatus] = (0, import_react12.useState)(void 0);
     (0, import_react12.useEffect)(() => {
       const cq = getCurrentQuestion();
       if (!cq) {
-        setIsCorrect(false);
+        setStatus(void 0);
         return;
       }
       const qr = getQuestionResultByQuestionId(cq.id);
-      setIsCorrect(qr?.answerStatus === "RESPOSTA_CORRETA" /* RESPOSTA_CORRETA */);
+      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_runtime17.jsxs)(
       "div",
       {
         ref,
         className: cn(
           "flex flex-row items-center gap-10 p-3.5 rounded-xl mb-4",
-          isCorrect ? "bg-success-background" : "bg-error-background",
+          getClassesByAnswersStatus(),
           className
         ),
         ...props,
         children: [
           /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("p", { className: "text-text-950 font-bold text-lg", children: "Resultado" }),
-          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("p", { className: "text-text-700 text-md", children: isCorrect ? "\u{1F389} Parab\xE9ns!!" : "N\xE3o foi dessa vez..." })
+          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("p", { className: "text-text-700 text-md", children: getLabelByAnswersStatus() })
         ]
       }
     );
@@ -5448,35 +5494,38 @@ var QuizQuestionList = ({
       case "answered":
         return "Respondida";
       case "skipped":
-        return "N\xE3o respondida";
+        return "Em branco";
       default:
         return "Em branco";
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "space-y-6 px-4", children: Object.entries(filteredGroupedQuestions).map(
-    ([subjectId, questions]) => /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("section", { className: "flex flex-col gap-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("span", { className: "pt-6 pb-4 flex flex-row gap-2", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "bg-primary-500 p-1 rounded-sm flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_phosphor_react9.BookOpen, { size: 17, className: "text-white" }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("p", { className: "text-text-800 font-bold text-lg", children: questions?.[0]?.knowledgeMatrix?.[0]?.subject?.name ?? "Sem mat\xE9ria" })
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime17.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_runtime17.jsx)(
-          CardStatus,
-          {
-            header: `Quest\xE3o ${questionNumber.toString().padStart(2, "0")}`,
-            label: getStatusLabel(status),
-            onClick: () => {
-              goToQuestion(questionNumber - 1);
-              onQuestionClick?.();
-            }
-          },
-          question.id
-        );
-      }) })
-    ] }, subjectId)
-  ) });
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "space-y-6 px-4 h-full", children: [
+    Object.entries(filteredGroupedQuestions).length == 0 && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "flex items-center justify-center text-gray-500 py-8 h-full", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("p", { className: "text-lg", children: "Nenhum resultado" }) }),
+    Object.entries(filteredGroupedQuestions).map(
+      ([subjectId, questions]) => /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("section", { className: "flex flex-col gap-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("span", { className: "pt-6 pb-4 flex flex-row gap-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "bg-primary-500 p-1 rounded-sm flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_phosphor_react9.BookOpen, { size: 17, className: "text-white" }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("p", { className: "text-text-800 font-bold text-lg", children: questions?.[0]?.knowledgeMatrix?.[0]?.subject?.name ?? "Sem mat\xE9ria" })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime17.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_runtime17.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_react12.forwardRef)(
   ({
@@ -5510,7 +5559,7 @@ var QuizFooter = (0, import_react12.forwardRef)(
     const [modalResultOpen, setModalResultOpen] = (0, import_react12.useState)(false);
     const [modalNavigateOpen, setModalNavigateOpen] = (0, import_react12.useState)(false);
     const [modalResolutionOpen, setModalResolutionOpen] = (0, import_react12.useState)(false);
-    const [filterType, setFilterType] = (0, import_react12.useState)(void 0);
+    const [filterType, setFilterType] = (0, import_react12.useState)("all");
     const unansweredQuestions = getUnansweredQuestionsFromUserAnswers();
     const allQuestions = getTotalQuestions();
     const handleFinishQuiz = async () => {
@@ -5586,7 +5635,7 @@ var QuizFooter = (0, import_react12.forwardRef)(
                 }
               )
             ] }),
-            !isFirstQuestion && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+            !isFirstQuestion && !isLastQuestion && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
               Button_default,
               {
                 size: "small",
@@ -5698,7 +5747,14 @@ var QuizFooter = (0, import_react12.forwardRef)(
             /* @__PURE__ */ (0, import_jsx_runtime17.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_runtime17.jsx)("p", { className: "text-text-950 font-bold text-lg", children: "Filtrar por" }),
               /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "max-w-[266px]", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(Select_default, { value: filterType, onValueChange: setFilterType, children: [
-                /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(SelectTrigger, { variant: "rounded", className: "max-w-[266px]", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(SelectValue, { placeholder: "Selecione uma op\xE7\xE3o" }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+                  SelectTrigger,
+                  {
+                    variant: "rounded",
+                    className: "max-w-[266px] min-w-[160px]",
+                    children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(SelectValue, { placeholder: "Selecione uma op\xE7\xE3o" })
+                  }
+                ),
                 /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(SelectContent, { children: [
                   /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(SelectItem, { value: "all", children: "Todas" }),
                   /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(SelectItem, { value: "unanswered", children: "Em branco" }),
@@ -5706,7 +5762,7 @@ var QuizFooter = (0, import_react12.forwardRef)(
                 ] })
               ] }) })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime17.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_runtime17.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "flex flex-col gap-2 not-lg:h-[calc(100vh-200px)] lg:max-h-[687px] lg:h-[687px] overflow-y-auto", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
               QuizQuestionList,
               {
                 filterType,
@@ -5948,6 +6004,8 @@ var QuizListResultByMateria = ({
                 return "correct";
               if (question.answerStatus === "RESPOSTA_INCORRETA" /* RESPOSTA_INCORRETA */)
                 return "incorrect";
+              if (question.answerStatus === "NAO_RESPONDIDO" /* NAO_RESPONDIDO */)
+                return "unanswered";
               return void 0;
             })(),
             onClick: () => onQuestionClick?.(question)