analytica-frontend-lib 1.1.24 → 1.1.26

package/dist/index.js

@@ -4560,6 +4560,18 @@ var CardResults = (0, import_react14.forwardRef)(
 );
 var CardStatus = (0, import_react14.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_runtime26.jsx)(
       CardBase,
       {
@@ -4578,8 +4590,8 @@ var CardStatus = (0, import_react14.forwardRef)(
                 action: status == "correct" ? "success" : "error",
                 variant: "solid",
                 size: "medium",
-                iconLeft: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_phosphor_react12.CheckCircle, {}),
-                children: status == "correct" ? "Correta" : "Incorreta"
+                iconLeft: status == "correct" ? /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_phosphor_react12.CheckCircle, {}) : /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_phosphor_react12.XCircle, {}),
+                children: getLabelBadge(status)
               }
             ),
             label && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("p", { className: "text-sm text-text-800", children: label })
@@ -8064,6 +8076,7 @@ var ANSWER_STATUS = /* @__PURE__ */ ((ANSWER_STATUS2) => {
   ANSWER_STATUS2["RESPOSTA_CORRETA"] = "RESPOSTA_CORRETA";
   ANSWER_STATUS2["RESPOSTA_INCORRETA"] = "RESPOSTA_INCORRETA";
   ANSWER_STATUS2["PENDENTE_AVALIACAO"] = "PENDENTE_AVALIACAO";
+  ANSWER_STATUS2["NAO_RESPONDIDO"] = "NAO_RESPONDIDO";
   return ANSWER_STATUS2;
 })(ANSWER_STATUS || {});
 var useQuizStore = (0, import_zustand7.create)()(
@@ -8558,15 +8571,27 @@ var useQuizStore = (0, import_zustand7.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) => {
@@ -8635,33 +8660,55 @@ var Quiz = (0, import_react28.forwardRef)(({ children, className, variant = "def
 var QuizHeaderResult = (0, import_react28.forwardRef)(
   ({ className, ...props }, ref) => {
     const { getQuestionResultByQuestionId, getCurrentQuestion } = useQuizStore();
-    const [isCorrect, setIsCorrect] = (0, import_react28.useState)(false);
+    const [status, setStatus] = (0, import_react28.useState)(void 0);
     (0, import_react28.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_runtime39.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_runtime39.jsx)("p", { className: "text-text-950 font-bold text-lg", children: "Resultado" }),
-          /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("p", { className: "text-text-700 text-md", children: isCorrect ? "\u{1F389} Parab\xE9ns!!" : "N\xE3o foi dessa vez..." })
+          /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("p", { className: "text-text-700 text-md", children: getLabelByAnswersStatus() })
         ]
       }
     );
@@ -9489,35 +9536,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_runtime39.jsx)("div", { className: "space-y-6 px-4", children: Object.entries(filteredGroupedQuestions).map(
-    ([subjectId, questions]) => /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("section", { className: "flex flex-col gap-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("span", { className: "pt-6 pb-4 flex flex-row gap-2", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "bg-primary-500 p-1 rounded-sm flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_phosphor_react20.BookOpen, { size: 17, className: "text-white" }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("p", { className: "text-text-800 font-bold text-lg", children: questions?.[0]?.knowledgeMatrix?.[0]?.subject?.name ?? "Sem mat\xE9ria" })
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime39.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_runtime39.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_runtime39.jsxs)("div", { className: "space-y-6 px-4 h-full", children: [
+    Object.entries(filteredGroupedQuestions).length == 0 && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "flex items-center justify-center text-gray-500 py-8 h-full", children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("p", { className: "text-lg", children: "Nenhum resultado" }) }),
+    Object.entries(filteredGroupedQuestions).map(
+      ([subjectId, questions]) => /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("section", { className: "flex flex-col gap-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("span", { className: "pt-6 pb-4 flex flex-row gap-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "bg-primary-500 p-1 rounded-sm flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_phosphor_react20.BookOpen, { size: 17, className: "text-white" }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("p", { className: "text-text-800 font-bold text-lg", children: questions?.[0]?.knowledgeMatrix?.[0]?.subject?.name ?? "Sem mat\xE9ria" })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime39.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_runtime39.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_react28.forwardRef)(
   ({
@@ -9551,7 +9601,7 @@ var QuizFooter = (0, import_react28.forwardRef)(
     const [modalResultOpen, setModalResultOpen] = (0, import_react28.useState)(false);
     const [modalNavigateOpen, setModalNavigateOpen] = (0, import_react28.useState)(false);
     const [modalResolutionOpen, setModalResolutionOpen] = (0, import_react28.useState)(false);
-    const [filterType, setFilterType] = (0, import_react28.useState)(void 0);
+    const [filterType, setFilterType] = (0, import_react28.useState)("all");
     const unansweredQuestions = getUnansweredQuestionsFromUserAnswers();
     const allQuestions = getTotalQuestions();
     const handleFinishQuiz = async () => {
@@ -9627,7 +9677,7 @@ var QuizFooter = (0, import_react28.forwardRef)(
                 }
               )
             ] }),
-            !isFirstQuestion && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+            !isFirstQuestion && !isLastQuestion && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
               Button_default,
               {
                 size: "small",
@@ -9739,7 +9789,14 @@ var QuizFooter = (0, import_react28.forwardRef)(
             /* @__PURE__ */ (0, import_jsx_runtime39.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_runtime39.jsx)("p", { className: "text-text-950 font-bold text-lg", children: "Filtrar por" }),
               /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { className: "max-w-[266px]", children: /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(Select_default, { value: filterType, onValueChange: setFilterType, children: [
-                /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(SelectTrigger, { variant: "rounded", className: "max-w-[266px]", children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(SelectValue, { placeholder: "Selecione uma op\xE7\xE3o" }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+                  SelectTrigger,
+                  {
+                    variant: "rounded",
+                    className: "max-w-[266px] min-w-[160px]",
+                    children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(SelectValue, { placeholder: "Selecione uma op\xE7\xE3o" })
+                  }
+                ),
                 /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(SelectContent, { children: [
                   /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(SelectItem, { value: "all", children: "Todas" }),
                   /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(SelectItem, { value: "unanswered", children: "Em branco" }),
@@ -9747,7 +9804,7 @@ var QuizFooter = (0, import_react28.forwardRef)(
                 ] })
               ] }) })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime39.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_runtime39.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime39.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_runtime39.jsx)(
               QuizQuestionList,
               {
                 filterType,
@@ -9989,6 +10046,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)