analytica-frontend-lib 1.1.33 → 1.1.35

package/dist/CheckBox/index.d.mts

@@ -69,6 +69,6 @@ declare const CheckBox: react.ForwardRefExoticComponent<{
     className?: string;
     /** Label CSS classes */
     labelClassName?: string;
-} & Omit<InputHTMLAttributes<HTMLInputElement>, "type" | "size"> & react.RefAttributes<HTMLInputElement>>;
+} & Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "type"> & react.RefAttributes<HTMLInputElement>>;
 
 export { type CheckBoxProps, CheckBox as default };

package/dist/CheckBox/index.d.ts

@@ -69,6 +69,6 @@ declare const CheckBox: react.ForwardRefExoticComponent<{
     className?: string;
     /** Label CSS classes */
     labelClassName?: string;
-} & Omit<InputHTMLAttributes<HTMLInputElement>, "type" | "size"> & react.RefAttributes<HTMLInputElement>>;
+} & Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "type"> & react.RefAttributes<HTMLInputElement>>;
 
 export { type CheckBoxProps, CheckBox as default };

package/dist/Quiz/index.js

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