analytica-frontend-lib 1.1.24 → 1.1.26

package/dist/Quiz/index.mjs

@@ -1438,15 +1438,27 @@ var useQuizStore = create2()(
           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) => {
@@ -3066,6 +3078,18 @@ var CardResults = forwardRef6(
 );
 var CardStatus = forwardRef6(
   ({ 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__ */ jsx11(
       CardBase,
       {
@@ -3084,8 +3108,8 @@ var CardStatus = forwardRef6(
                 action: status == "correct" ? "success" : "error",
                 variant: "solid",
                 size: "medium",
-                iconLeft: /* @__PURE__ */ jsx11(CheckCircle2, {}),
-                children: status == "correct" ? "Correta" : "Incorreta"
+                iconLeft: status == "correct" ? /* @__PURE__ */ jsx11(CheckCircle2, {}) : /* @__PURE__ */ jsx11(XCircle2, {}),
+                children: getLabelBadge(status)
               }
             ),
             label && /* @__PURE__ */ jsx11("p", { className: "text-sm text-text-800", children: label })
@@ -4617,33 +4641,55 @@ var Quiz = forwardRef10(({ children, className, variant = "default", ...props },
 var QuizHeaderResult = forwardRef10(
   ({ className, ...props }, ref) => {
     const { getQuestionResultByQuestionId, getCurrentQuestion } = useQuizStore();
-    const [isCorrect, setIsCorrect] = useState7(false);
+    const [status, setStatus] = useState7(void 0);
     useEffect7(() => {
       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__ */ jsxs14(
       "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__ */ jsx17("p", { className: "text-text-950 font-bold text-lg", children: "Resultado" }),
-          /* @__PURE__ */ jsx17("p", { className: "text-text-700 text-md", children: isCorrect ? "\u{1F389} Parab\xE9ns!!" : "N\xE3o foi dessa vez..." })
+          /* @__PURE__ */ jsx17("p", { className: "text-text-700 text-md", children: getLabelByAnswersStatus() })
         ]
       }
     );
@@ -5471,35 +5517,38 @@ var QuizQuestionList = ({
       case "answered":
         return "Respondida";
       case "skipped":
-        return "N\xE3o respondida";
+        return "Em branco";
       default:
         return "Em branco";
     }
   };
-  return /* @__PURE__ */ jsx17("div", { className: "space-y-6 px-4", children: Object.entries(filteredGroupedQuestions).map(
-    ([subjectId, questions]) => /* @__PURE__ */ jsxs14("section", { className: "flex flex-col gap-2", children: [
-      /* @__PURE__ */ jsxs14("span", { className: "pt-6 pb-4 flex flex-row gap-2", children: [
-        /* @__PURE__ */ jsx17("div", { className: "bg-primary-500 p-1 rounded-sm flex items-center justify-center", children: /* @__PURE__ */ jsx17(BookOpen, { size: 17, className: "text-white" }) }),
-        /* @__PURE__ */ jsx17("p", { className: "text-text-800 font-bold text-lg", children: questions?.[0]?.knowledgeMatrix?.[0]?.subject?.name ?? "Sem mat\xE9ria" })
-      ] }),
-      /* @__PURE__ */ jsx17("ul", { className: "flex flex-col gap-2", children: questions.map((question) => {
-        const status = getQuestionStatus(question.id);
-        const questionNumber = getQuestionIndex(question.id);
-        return /* @__PURE__ */ jsx17(
-          CardStatus,
-          {
-            header: `Quest\xE3o ${questionNumber.toString().padStart(2, "0")}`,
-            label: getStatusLabel(status),
-            onClick: () => {
-              goToQuestion(questionNumber - 1);
-              onQuestionClick?.();
-            }
-          },
-          question.id
-        );
-      }) })
-    ] }, subjectId)
-  ) });
+  return /* @__PURE__ */ jsxs14("div", { className: "space-y-6 px-4 h-full", children: [
+    Object.entries(filteredGroupedQuestions).length == 0 && /* @__PURE__ */ jsx17("div", { className: "flex items-center justify-center text-gray-500 py-8 h-full", children: /* @__PURE__ */ jsx17("p", { className: "text-lg", children: "Nenhum resultado" }) }),
+    Object.entries(filteredGroupedQuestions).map(
+      ([subjectId, questions]) => /* @__PURE__ */ jsxs14("section", { className: "flex flex-col gap-2", children: [
+        /* @__PURE__ */ jsxs14("span", { className: "pt-6 pb-4 flex flex-row gap-2", children: [
+          /* @__PURE__ */ jsx17("div", { className: "bg-primary-500 p-1 rounded-sm flex items-center justify-center", children: /* @__PURE__ */ jsx17(BookOpen, { size: 17, className: "text-white" }) }),
+          /* @__PURE__ */ jsx17("p", { className: "text-text-800 font-bold text-lg", children: questions?.[0]?.knowledgeMatrix?.[0]?.subject?.name ?? "Sem mat\xE9ria" })
+        ] }),
+        /* @__PURE__ */ jsx17("ul", { className: "flex flex-col gap-2", children: questions.map((question) => {
+          const status = getQuestionStatus(question.id);
+          const questionNumber = getQuestionIndex(question.id);
+          return /* @__PURE__ */ jsx17(
+            CardStatus,
+            {
+              header: `Quest\xE3o ${questionNumber.toString().padStart(2, "0")}`,
+              label: getStatusLabel(status),
+              onClick: () => {
+                goToQuestion(questionNumber - 1);
+                onQuestionClick?.();
+              }
+            },
+            question.id
+          );
+        }) })
+      ] }, subjectId)
+    )
+  ] });
 };
 var QuizFooter = forwardRef10(
   ({
@@ -5533,7 +5582,7 @@ var QuizFooter = forwardRef10(
     const [modalResultOpen, setModalResultOpen] = useState7(false);
     const [modalNavigateOpen, setModalNavigateOpen] = useState7(false);
     const [modalResolutionOpen, setModalResolutionOpen] = useState7(false);
-    const [filterType, setFilterType] = useState7(void 0);
+    const [filterType, setFilterType] = useState7("all");
     const unansweredQuestions = getUnansweredQuestionsFromUserAnswers();
     const allQuestions = getTotalQuestions();
     const handleFinishQuiz = async () => {
@@ -5609,7 +5658,7 @@ var QuizFooter = forwardRef10(
                 }
               )
             ] }),
-            !isFirstQuestion && /* @__PURE__ */ jsx17(
+            !isFirstQuestion && !isLastQuestion && /* @__PURE__ */ jsx17(
               Button_default,
               {
                 size: "small",
@@ -5721,7 +5770,14 @@ var QuizFooter = forwardRef10(
             /* @__PURE__ */ jsxs14("div", { className: "flex flex-row justify-between items-center py-6 pt-6 pb-4 border-b border-border-200", children: [
               /* @__PURE__ */ jsx17("p", { className: "text-text-950 font-bold text-lg", children: "Filtrar por" }),
               /* @__PURE__ */ jsx17("span", { className: "max-w-[266px]", children: /* @__PURE__ */ jsxs14(Select_default, { value: filterType, onValueChange: setFilterType, children: [
-                /* @__PURE__ */ jsx17(SelectTrigger, { variant: "rounded", className: "max-w-[266px]", children: /* @__PURE__ */ jsx17(SelectValue, { placeholder: "Selecione uma op\xE7\xE3o" }) }),
+                /* @__PURE__ */ jsx17(
+                  SelectTrigger,
+                  {
+                    variant: "rounded",
+                    className: "max-w-[266px] min-w-[160px]",
+                    children: /* @__PURE__ */ jsx17(SelectValue, { placeholder: "Selecione uma op\xE7\xE3o" })
+                  }
+                ),
                 /* @__PURE__ */ jsxs14(SelectContent, { children: [
                   /* @__PURE__ */ jsx17(SelectItem, { value: "all", children: "Todas" }),
                   /* @__PURE__ */ jsx17(SelectItem, { value: "unanswered", children: "Em branco" }),
@@ -5729,7 +5785,7 @@ var QuizFooter = forwardRef10(
                 ] })
               ] }) })
             ] }),
-            /* @__PURE__ */ jsx17("div", { className: "flex flex-col gap-2 not-lg:h-[calc(100vh-200px)] lg:max-h-[687px] overflow-y-auto", children: /* @__PURE__ */ jsx17(
+            /* @__PURE__ */ jsx17("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__ */ jsx17(
               QuizQuestionList,
               {
                 filterType,
@@ -5971,6 +6027,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)