analytica-frontend-lib 1.1.64 → 1.1.66

package/dist/index.js

@@ -151,6 +151,7 @@ __export(src_exports, {
   getSubjectIcon: () => getSubjectIcon,
   getSubjectInfo: () => getSubjectInfo,
   getSubjectName: () => getSubjectName,
+  syncNotificationState: () => syncNotificationState,
   useApiConfig: () => useApiConfig,
   useAuth: () => useAuth,
   useAuthGuard: () => useAuthGuard,
@@ -5108,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,
       {
@@ -5127,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)
               }
             ),
@@ -8772,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";
@@ -10244,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,
@@ -10785,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",
@@ -10795,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 })
       ]
     }
   );
@@ -10813,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();
@@ -10989,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
@@ -11010,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)
@@ -11325,6 +11357,11 @@ var mock_content_default = "./mock-content-K2CDVG6P.png";
 
 // src/components/NotificationCard/NotificationCard.tsx
 var import_jsx_runtime51 = require("react/jsx-runtime");
+var syncNotificationState = (open, isNotificationActive, setActiveStates, key = "notifications") => {
+  if (!open && isNotificationActive) {
+    setActiveStates((prev) => ({ ...prev, [key]: false }));
+  }
+};
 var NotificationEmpty = ({
   emptyStateImage,
   emptyStateTitle = "Nenhuma notifica\xE7\xE3o no momento",
@@ -11661,6 +11698,20 @@ var NotificationCenter = ({
             ) })
           ] })
         }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+        Modal_default,
+        {
+          isOpen: globalNotificationModal.isOpen,
+          onClose: () => setGlobalNotificationModal({ isOpen: false, notification: null }),
+          title: globalNotificationModal.notification?.title || "",
+          variant: "activity",
+          description: globalNotificationModal.notification?.message,
+          image: emptyStateImage || mock_content_default,
+          actionLink: globalNotificationModal.notification?.actionLink || void 0,
+          actionLabel: "Ver mais",
+          size: "lg"
+        }
       )
     ] });
   }
@@ -12039,6 +12090,7 @@ var createNotificationsHook = (apiClient) => {
   getSubjectIcon,
   getSubjectInfo,
   getSubjectName,
+  syncNotificationState,
   useApiConfig,
   useAuth,
   useAuthGuard,