analytica-frontend-lib 1.1.34 → 1.1.35

package/dist/Quiz/index.mjs

@@ -4870,26 +4870,65 @@ var QuizTitle = forwardRef10(
       formatTime,
       isStarted
     } = useQuizStore();
+    const [showExitConfirmation, setShowExitConfirmation] = useState7(false);
     const totalQuestions = getTotalQuestions();
     const quizTitle = getQuizTitle();
-    return /* @__PURE__ */ jsxs15(
-      "div",
-      {
-        ref,
-        className: cn(
-          "flex flex-row justify-center items-center relative p-2",
-          className
-        ),
-        ...props,
-        children: [
-          /* @__PURE__ */ jsxs15("span", { className: "flex flex-col gap-2 text-center", children: [
-            /* @__PURE__ */ jsx18("p", { className: "text-text-950 font-bold text-md", children: quizTitle }),
-            /* @__PURE__ */ jsx18("p", { className: "text-text-600 text-xs", children: totalQuestions > 0 ? `${currentQuestionIndex + 1} de ${totalQuestions}` : "0 de 0" })
-          ] }),
-          /* @__PURE__ */ jsx18("span", { className: "absolute right-2", children: /* @__PURE__ */ jsx18(Badge_default, { variant: "outlined", action: "info", iconLeft: /* @__PURE__ */ jsx18(Clock2, {}), children: isStarted ? formatTime(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__ */ jsxs15(Fragment6, { children: [
+      /* @__PURE__ */ jsxs15(
+        "div",
+        {
+          ref,
+          className: cn(
+            "flex flex-row justify-between items-center relative p-2",
+            className
+          ),
+          ...props,
+          children: [
+            /* @__PURE__ */ jsx18(
+              IconButton_default,
+              {
+                icon: /* @__PURE__ */ jsx18(CaretLeft, { size: 24 }),
+                size: "md",
+                "aria-label": "Voltar",
+                onClick: handleBackClick
+              }
+            ),
+            /* @__PURE__ */ jsxs15("span", { className: "flex flex-col gap-2 text-center", children: [
+              /* @__PURE__ */ jsx18("p", { className: "text-text-950 font-bold text-md", children: quizTitle }),
+              /* @__PURE__ */ jsx18("p", { className: "text-text-600 text-xs", children: totalQuestions > 0 ? `${currentQuestionIndex + 1} de ${totalQuestions}` : "0 de 0" })
+            ] }),
+            /* @__PURE__ */ jsx18("span", { className: "flex flex-row items-center justify-center", children: /* @__PURE__ */ jsx18(Badge_default, { variant: "outlined", action: "info", iconLeft: /* @__PURE__ */ jsx18(Clock2, {}), children: isStarted ? formatTime(timeElapsed) : "00:00" }) })
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsx18(
+        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 = forwardRef10(
@@ -5973,17 +6012,21 @@ var QuizFooter = forwardRef10(
     ] });
   }
 );
-var QuizBadge = ({ subtype }) => {
+var QuizBadge = ({
+  subtype
+}) => {
   switch (subtype) {
-    case "PROVA":
-      return /* @__PURE__ */ jsx18(Badge_default, { variant: "solid", action: "info", "data-testid": "quiz-badge", children: "Prova" });
-    case "ENEM":
-      return /* @__PURE__ */ jsx18(Badge_default, { variant: "solid", action: "info", "data-testid": "quiz-badge", children: "Enem" });
-    case "VESTIBULAR":
-      return /* @__PURE__ */ jsx18(Badge_default, { variant: "solid", action: "info", "data-testid": "quiz-badge", children: "Vestibular" });
-    case "SIMULADO":
-    case null:
-      return /* @__PURE__ */ jsx18(Badge_default, { variant: "solid", action: "info", "data-testid": "quiz-badge", children: "Simulado" });
+    case "PROVA" /* PROVA */:
+      return /* @__PURE__ */ jsx18(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__ */ jsx18(Badge_default, { variant: "examsOutlined", action: "exam1", "data-testid": "quiz-badge", children: "Enem" });
+    case "VESTIBULAR" /* VESTIBULAR */:
+      return /* @__PURE__ */ jsx18(Badge_default, { variant: "examsOutlined", action: "exam4", "data-testid": "quiz-badge", children: "Vestibular" });
+    case "SIMULADO" /* SIMULADO */:
+    case "SIMULADAO" /* SIMULADAO */:
+    case void 0:
+      return /* @__PURE__ */ jsx18(Badge_default, { variant: "examsOutlined", action: "exam3", "data-testid": "quiz-badge", children: "Simulad\xE3o" });
     default:
       return /* @__PURE__ */ jsx18(Badge_default, { variant: "solid", action: "info", "data-testid": "quiz-badge", children: subtype });
   }
@@ -5999,7 +6042,7 @@ var QuizResultHeaderTitle = forwardRef10(({ className, ...props }, ref) => {
       ...props,
       children: [
         /* @__PURE__ */ jsx18("p", { className: "text-text-950 font-bold text-2xl", children: "Resultado" }),
-        /* @__PURE__ */ jsx18(QuizBadge, { subtype: activeQuiz?.quiz.subtype || null })
+        /* @__PURE__ */ jsx18(QuizBadge, { subtype: activeQuiz?.quiz.subtype || void 0 })
       ]
     }
   );