analytica-frontend-lib 1.1.65 → 1.1.67

package/dist/index.js

@@ -2885,7 +2885,7 @@ var Search = (0, import_react14.forwardRef)(
                 ref,
                 id: inputId,
                 type: "text",
-                className: `w-full py-0 px-4 pl-10 ${showClearButton ? "pr-10" : "pr-4"} font-normal text-text-900 focus:outline-primary-950 border rounded-full bg-primary border-border-300 focus:border-2 focus:border-primary-950 h-10 placeholder:text-text-600 ${getInputStateClasses(disabled, readOnly)} ${className}`,
+                className: `w-full py-0 px-4 pl-10 ${showClearButton ? "pr-10" : "pr-4"} font-normal text-text-900 focus:outline-primary-950 border rounded-full bg-background focus:bg-primary-50 border-border-300 focus:border-2 focus:border-primary-950 h-10 placeholder:text-text-600 ${getInputStateClasses(disabled, readOnly)} ${className}`,
                 value,
                 onChange: handleInputChange,
                 disabled,
@@ -5109,10 +5109,36 @@ var CardStatus = (0, import_react17.forwardRef)(
           return "Incorreta";
         case "unanswered":
           return "Em branco";
+        case "pending":
+          return "Avalia\xE7\xE3o pendente";
         default:
           return "Em branco";
       }
     };
+    const getIconBadge = (status2) => {
+      switch (status2) {
+        case "correct":
+          return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_phosphor_react13.CheckCircle, {});
+        case "incorrect":
+          return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_phosphor_react13.XCircle, {});
+        case "pending":
+          return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_phosphor_react13.Clock, {});
+        default:
+          return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_phosphor_react13.XCircle, {});
+      }
+    };
+    const getActionBadge = (status2) => {
+      switch (status2) {
+        case "correct":
+          return "success";
+        case "incorrect":
+          return "error";
+        case "pending":
+          return "info";
+        default:
+          return "info";
+      }
+    };
     return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
       CardBase,
       {
@@ -5128,10 +5154,10 @@ var CardStatus = (0, import_react17.forwardRef)(
             status && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
               Badge_default,
               {
-                action: status == "correct" ? "success" : "error",
+                action: getActionBadge(status),
                 variant: "solid",
                 size: "medium",
-                iconLeft: status == "correct" ? /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_phosphor_react13.CheckCircle, {}) : /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_phosphor_react13.XCircle, {}),
+                iconLeft: getIconBadge(status),
                 children: getLabelBadge(status)
               }
             ),
@@ -8773,7 +8799,7 @@ var QUIZ_TYPE = /* @__PURE__ */ ((QUIZ_TYPE2) => {
 var QUESTION_TYPE = /* @__PURE__ */ ((QUESTION_TYPE2) => {
   QUESTION_TYPE2["ALTERNATIVA"] = "ALTERNATIVA";
   QUESTION_TYPE2["DISSERTATIVA"] = "DISSERTATIVA";
-  QUESTION_TYPE2["MULTIPLA_CHOICE"] = "MULTIPLA_CHOICE";
+  QUESTION_TYPE2["MULTIPLA_ESCOLHA"] = "MULTIPLA_ESCOLHA";
   QUESTION_TYPE2["VERDADEIRO_FALSO"] = "VERDADEIRO_FALSO";
   QUESTION_TYPE2["LIGAR_PONTOS"] = "LIGAR_PONTOS";
   QUESTION_TYPE2["PREENCHER"] = "PREENCHER";
@@ -10245,7 +10271,7 @@ var QuizContent = (0, import_react32.forwardRef)(({ paddingBottom }) => {
   const currentQuestion = getCurrentQuestion();
   const questionComponents = {
     ["ALTERNATIVA" /* ALTERNATIVA */]: QuizAlternative,
-    ["MULTIPLA_CHOICE" /* MULTIPLA_CHOICE */]: QuizMultipleChoice,
+    ["MULTIPLA_ESCOLHA" /* MULTIPLA_ESCOLHA */]: QuizMultipleChoice,
     ["DISSERTATIVA" /* DISSERTATIVA */]: QuizDissertative,
     ["VERDADEIRO_FALSO" /* VERDADEIRO_FALSO */]: QuizTrueOrFalse,
     ["LIGAR_PONTOS" /* LIGAR_PONTOS */]: QuizConnectDots,
@@ -10786,7 +10812,7 @@ var QuizHeaderResult = (0, import_react33.forwardRef)(
     );
   }
 );
-var QuizResultHeaderTitle = (0, import_react33.forwardRef)(({ className, ...props }, ref) => {
+var QuizResultHeaderTitle = (0, import_react33.forwardRef)(({ className, showBadge = true, ...props }, ref) => {
   const { quiz } = useQuizStore();
   return /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(
     "div",
@@ -10796,7 +10822,7 @@ var QuizResultHeaderTitle = (0, import_react33.forwardRef)(({ className, ...prop
       ...props,
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("p", { className: "text-text-950 font-bold text-2xl", children: "Resultado" }),
-        /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(QuizBadge, { subtype: quiz?.subtype || void 0 })
+        showBadge && /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(QuizBadge, { subtype: quiz?.subtype || void 0 })
       ]
     }
   );
@@ -10814,131 +10840,133 @@ var QuizResultTitle = (0, import_react33.forwardRef)(({ className, ...props }, r
     }
   );
 });
-var QuizResultPerformance = (0, import_react33.forwardRef)(
-  ({ ...props }, ref) => {
-    const {
-      getTotalQuestions,
-      formatTime: formatTime2,
-      getQuestionResultStatistics,
-      getQuestionResult
-    } = useQuizStore();
-    const totalQuestions = getTotalQuestions();
-    const questionResult = getQuestionResult();
-    let correctAnswers = 0;
-    let correctEasyAnswers = 0;
-    let correctMediumAnswers = 0;
-    let correctDifficultAnswers = 0;
-    let totalEasyQuestions = 0;
-    let totalMediumQuestions = 0;
-    let totalDifficultQuestions = 0;
-    if (questionResult) {
-      questionResult.answers.forEach((answer) => {
-        const isCorrect = answer.answerStatus == "RESPOSTA_CORRETA" /* RESPOSTA_CORRETA */;
+var QuizResultPerformance = (0, import_react33.forwardRef)(({ showDetails = true, ...props }, ref) => {
+  const {
+    getTotalQuestions,
+    formatTime: formatTime2,
+    getQuestionResultStatistics,
+    getQuestionResult
+  } = useQuizStore();
+  const totalQuestions = getTotalQuestions();
+  const questionResult = getQuestionResult();
+  let correctAnswers = 0;
+  let correctEasyAnswers = 0;
+  let correctMediumAnswers = 0;
+  let correctDifficultAnswers = 0;
+  let totalEasyQuestions = 0;
+  let totalMediumQuestions = 0;
+  let totalDifficultQuestions = 0;
+  if (questionResult) {
+    questionResult.answers.forEach((answer) => {
+      const isCorrect = answer.answerStatus == "RESPOSTA_CORRETA" /* RESPOSTA_CORRETA */;
+      if (isCorrect) {
+        correctAnswers++;
+      }
+      if (answer.difficultyLevel === "FACIL" /* FACIL */) {
+        totalEasyQuestions++;
         if (isCorrect) {
-          correctAnswers++;
+          correctEasyAnswers++;
         }
-        if (answer.difficultyLevel === "FACIL" /* FACIL */) {
-          totalEasyQuestions++;
-          if (isCorrect) {
-            correctEasyAnswers++;
-          }
-        } else if (answer.difficultyLevel === "MEDIO" /* MEDIO */) {
-          totalMediumQuestions++;
-          if (isCorrect) {
-            correctMediumAnswers++;
-          }
-        } else if (answer.difficultyLevel === "DIFICIL" /* DIFICIL */) {
-          totalDifficultQuestions++;
-          if (isCorrect) {
-            correctDifficultAnswers++;
-          }
+      } else if (answer.difficultyLevel === "MEDIO" /* MEDIO */) {
+        totalMediumQuestions++;
+        if (isCorrect) {
+          correctMediumAnswers++;
+        }
+      } else if (answer.difficultyLevel === "DIFICIL" /* DIFICIL */) {
+        totalDifficultQuestions++;
+        if (isCorrect) {
+          correctDifficultAnswers++;
         }
-      });
-    }
-    const percentage = totalQuestions > 0 ? Math.round(correctAnswers / totalQuestions * 100) : 0;
-    return /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(
-      "div",
-      {
-        className: "flex flex-row gap-6 p-6 rounded-xl bg-background justify-between",
-        ref,
-        ...props,
-        children: [
-          /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: "relative", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
-              ProgressCircle_default,
-              {
-                size: "medium",
-                variant: "green",
-                value: percentage,
-                showPercentage: false,
-                label: ""
-              }
-            ),
-            /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: "absolute inset-0 flex flex-col items-center justify-center", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: "flex items-center gap-1 mb-1", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_phosphor_react24.Clock, { size: 12, weight: "regular", className: "text-text-800" }),
-                /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("span", { className: "text-2xs font-medium text-text-800", children: formatTime2(
-                  (getQuestionResultStatistics()?.timeSpent ?? 0) * 60
-                ) })
-              ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: "text-2xl font-medium text-text-800 leading-7", children: [
-                getQuestionResultStatistics()?.correctAnswers ?? "--",
-                " de",
-                " ",
-                totalQuestions
-              ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { className: "text-2xs font-medium text-text-600 mt-1", children: "Corretas" })
-            ] })
-          ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: "flex flex-col gap-4 w-full", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime49.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_runtime49.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_runtime49.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"
-              }
-            )
-          ] })
-        ]
       }
-    );
+    });
   }
-);
+  const percentage = totalQuestions > 0 ? Math.round(correctAnswers / totalQuestions * 100) : 0;
+  const classesJustifyBetween = showDetails ? "justify-between" : "justify-center";
+  return /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(
+    "div",
+    {
+      className: cn(
+        "flex flex-row gap-6 p-6 rounded-xl bg-background",
+        classesJustifyBetween
+      ),
+      ref,
+      ...props,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: "relative", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+            ProgressCircle_default,
+            {
+              size: "medium",
+              variant: "green",
+              value: percentage,
+              showPercentage: false,
+              label: ""
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: "absolute inset-0 flex flex-col items-center justify-center", children: [
+            showDetails && /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: "flex items-center gap-1 mb-1", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_phosphor_react24.Clock, { size: 12, weight: "regular", className: "text-text-800" }),
+              /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("span", { className: "text-2xs font-medium text-text-800", children: formatTime2(
+                (getQuestionResultStatistics()?.timeSpent ?? 0) * 60
+              ) })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: "text-2xl font-medium text-text-800 leading-7", children: [
+              getQuestionResultStatistics()?.correctAnswers ?? "--",
+              " de",
+              " ",
+              totalQuestions
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { className: "text-2xs font-medium text-text-600 mt-1", children: "Corretas" })
+          ] })
+        ] }),
+        showDetails && /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: "flex flex-col gap-4 w-full", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime49.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_runtime49.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_runtime49.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_react33.forwardRef)(({ className, onSubjectClick, ...props }, ref) => {
   const { getQuestionsGroupedBySubject } = useQuizStore();
   const groupedQuestions = getQuestionsGroupedBySubject();
@@ -10990,11 +11018,12 @@ var QuizListResultByMateria = ({
   const { getQuestionsGroupedBySubject, getQuestionIndex } = useQuizStore();
   const groupedQuestions = getQuestionsGroupedBySubject();
   const answeredQuestions = groupedQuestions[subject] || [];
+  const formattedQuestions = subject == "all" ? Object.values(groupedQuestions).flat() : answeredQuestions;
   return /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: "flex flex-col", children: [
     /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { className: "flex flex-row pt-4 justify-between", children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("p", { className: "text-text-950 font-bold text-2xl", children: answeredQuestions?.[0]?.knowledgeMatrix?.[0]?.subject?.name ?? "Sem mat\xE9ria" }) }),
     /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("section", { className: "flex flex-col ", children: [
       /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("p", { className: "pt-6 pb-4 text-text-950 font-bold text-lg", children: "Resultado das quest\xF5es" }),
-      /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("ul", { className: "flex flex-col gap-2 pt-4", children: answeredQuestions.map((question) => {
+      /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("ul", { className: "flex flex-col gap-2 pt-4", children: formattedQuestions.map((question) => {
         const questionIndex = getQuestionIndex(
           // eslint-disable-next-line @typescript-eslint/no-explicit-any
           question.questionId ?? question.id
@@ -11011,6 +11040,8 @@ var QuizListResultByMateria = ({
                 return "incorrect";
               if (question.answerStatus === "NAO_RESPONDIDO" /* NAO_RESPONDIDO */)
                 return "unanswered";
+              if (question.answerStatus === "PENDENTE_AVALIACAO" /* PENDENTE_AVALIACAO */)
+                return "pending";
               return void 0;
             })(),
             onClick: () => onQuestionClick?.(question)