analytica-frontend-lib 1.1.34 → 1.1.35

package/dist/index.js

@@ -107,6 +107,7 @@ __export(src_exports, {
   Radio: () => Radio_default,
   RadioGroup: () => RadioGroup,
   RadioGroupItem: () => RadioGroupItem,
+  SUBTYPE_ENUM: () => SUBTYPE_ENUM,
   Search: () => Search_default,
   Select: () => Select_default,
   SelectContent: () => SelectContent,
@@ -8082,6 +8083,15 @@ var ANSWER_STATUS = /* @__PURE__ */ ((ANSWER_STATUS2) => {
   ANSWER_STATUS2["NAO_RESPONDIDO"] = "NAO_RESPONDIDO";
   return ANSWER_STATUS2;
 })(ANSWER_STATUS || {});
+var SUBTYPE_ENUM = /* @__PURE__ */ ((SUBTYPE_ENUM2) => {
+  SUBTYPE_ENUM2["PROVA"] = "PROVA";
+  SUBTYPE_ENUM2["ENEM_PROVA_1"] = "ENEM_PROVA_1";
+  SUBTYPE_ENUM2["ENEM_PROVA_2"] = "ENEM_PROVA_2";
+  SUBTYPE_ENUM2["VESTIBULAR"] = "VESTIBULAR";
+  SUBTYPE_ENUM2["SIMULADO"] = "SIMULADO";
+  SUBTYPE_ENUM2["SIMULADAO"] = "SIMULADAO";
+  return SUBTYPE_ENUM2;
+})(SUBTYPE_ENUM || {});
 var MINUTE_INTERVAL_MS = 6e4;
 var useQuizStore = (0, import_zustand7.create)()(
   (0, import_middleware.devtools)(
@@ -8767,26 +8777,65 @@ var QuizTitle = (0, import_react28.forwardRef)(
       formatTime: formatTime2,
       isStarted
     } = useQuizStore();
+    const [showExitConfirmation, setShowExitConfirmation] = (0, import_react28.useState)(false);
     const totalQuestions = getTotalQuestions();
     const quizTitle = getQuizTitle();
-    return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
-      "div",
-      {
-        ref,
-        className: cn(
-          "flex flex-row justify-center items-center relative p-2",
-          className
-        ),
-        ...props,
-        children: [
-          /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("span", { className: "flex flex-col gap-2 text-center", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("p", { className: "text-text-950 font-bold text-md", children: quizTitle }),
-            /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("p", { className: "text-text-600 text-xs", children: totalQuestions > 0 ? `${currentQuestionIndex + 1} de ${totalQuestions}` : "0 de 0" })
-          ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { className: "absolute right-2", children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Badge_default, { variant: "outlined", action: "info", iconLeft: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_phosphor_react20.Clock, {}), children: isStarted ? formatTime2(timeElapsed) : "00:00" }) })
-        ]
+    const handleBackClick = () => {
+      if (isStarted) {
+        setShowExitConfirmation(true);
+      } else {
+        window.history.back();
       }
-    );
+    };
+    const handleConfirmExit = () => {
+      setShowExitConfirmation(false);
+      window.history.back();
+    };
+    const handleCancelExit = () => {
+      setShowExitConfirmation(false);
+    };
+    return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(import_jsx_runtime39.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
+        "div",
+        {
+          ref,
+          className: cn(
+            "flex flex-row justify-between items-center relative p-2",
+            className
+          ),
+          ...props,
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+              IconButton_default,
+              {
+                icon: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_phosphor_react20.CaretLeft, { size: 24 }),
+                size: "md",
+                "aria-label": "Voltar",
+                onClick: handleBackClick
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("span", { className: "flex flex-col gap-2 text-center", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("p", { className: "text-text-950 font-bold text-md", children: quizTitle }),
+              /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("p", { className: "text-text-600 text-xs", children: totalQuestions > 0 ? `${currentQuestionIndex + 1} de ${totalQuestions}` : "0 de 0" })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { className: "flex flex-row items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Badge_default, { variant: "outlined", action: "info", iconLeft: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_phosphor_react20.Clock, {}), children: isStarted ? formatTime2(timeElapsed) : "00:00" }) })
+          ]
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+        AlertDialog,
+        {
+          isOpen: showExitConfirmation,
+          onChangeOpen: setShowExitConfirmation,
+          title: "Deseja sair?",
+          description: "Se voc\xEA sair do simulado agora, todas as respostas ser\xE3o perdidas.",
+          cancelButtonLabel: "Voltar e revisar",
+          submitButtonLabel: "Sair Mesmo Assim",
+          onSubmit: handleConfirmExit,
+          onCancel: handleCancelExit
+        }
+      )
+    ] });
   }
 );
 var QuizSubTitle = (0, import_react28.forwardRef)(
@@ -9870,17 +9919,21 @@ var QuizFooter = (0, import_react28.forwardRef)(
     ] });
   }
 );
-var QuizBadge = ({ subtype }) => {
+var QuizBadge = ({
+  subtype
+}) => {
   switch (subtype) {
-    case "PROVA":
-      return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Badge_default, { variant: "solid", action: "info", "data-testid": "quiz-badge", children: "Prova" });
-    case "ENEM":
-      return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Badge_default, { variant: "solid", action: "info", "data-testid": "quiz-badge", children: "Enem" });
-    case "VESTIBULAR":
-      return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Badge_default, { variant: "solid", action: "info", "data-testid": "quiz-badge", children: "Vestibular" });
-    case "SIMULADO":
-    case null:
-      return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Badge_default, { variant: "solid", action: "info", "data-testid": "quiz-badge", children: "Simulado" });
+    case "PROVA" /* PROVA */:
+      return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Badge_default, { variant: "examsOutlined", action: "exam2", "data-testid": "quiz-badge", children: "Prova" });
+    case "ENEM_PROVA_1" /* ENEM_PROVA_1 */:
+    case "ENEM_PROVA_2" /* ENEM_PROVA_2 */:
+      return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Badge_default, { variant: "examsOutlined", action: "exam1", "data-testid": "quiz-badge", children: "Enem" });
+    case "VESTIBULAR" /* VESTIBULAR */:
+      return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Badge_default, { variant: "examsOutlined", action: "exam4", "data-testid": "quiz-badge", children: "Vestibular" });
+    case "SIMULADO" /* SIMULADO */:
+    case "SIMULADAO" /* SIMULADAO */:
+    case void 0:
+      return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Badge_default, { variant: "examsOutlined", action: "exam3", "data-testid": "quiz-badge", children: "Simulad\xE3o" });
     default:
       return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Badge_default, { variant: "solid", action: "info", "data-testid": "quiz-badge", children: subtype });
   }
@@ -9896,7 +9949,7 @@ var QuizResultHeaderTitle = (0, import_react28.forwardRef)(({ className, ...prop
       ...props,
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("p", { className: "text-text-950 font-bold text-2xl", children: "Resultado" }),
-        /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(QuizBadge, { subtype: activeQuiz?.quiz.subtype || null })
+        /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(QuizBadge, { subtype: activeQuiz?.quiz.subtype || void 0 })
       ]
     }
   );
@@ -10427,6 +10480,7 @@ var NotificationCard_default = NotificationCard;
   Radio,
   RadioGroup,
   RadioGroupItem,
+  SUBTYPE_ENUM,
   Search,
   Select,
   SelectContent,