analytica-frontend-lib 1.1.33 → 1.1.35

package/dist/index.mjs

@@ -7538,7 +7538,7 @@ var VideoPlayer_default = VideoPlayer;
 
 // src/components/Whiteboard/Whiteboard.tsx
 import { useCallback as useCallback2, useState as useState15 } from "react";
-import { DownloadSimple } from "phosphor-react";
+import { ArrowsOut } from "phosphor-react";
 import { Fragment as Fragment7, jsx as jsx37, jsxs as jsxs31 } from "react/jsx-runtime";
 var IMAGE_WIDTH = 225;
 var IMAGE_HEIGHT = 90;
@@ -7633,10 +7633,10 @@ var Whiteboard = ({
               {
                 type: "button",
                 onClick: () => handleDownload(image),
-                className: "absolute bottom-3 right-3 flex items-center justify-center bg-black/20 backdrop-blur-sm rounded hover:bg-black/30 transition-colors duration-200 group/button w-6 h-6",
+                className: "cursor-pointer absolute bottom-3 right-3 flex items-center justify-center bg-black/20 backdrop-blur-sm rounded hover:bg-black/30 transition-colors duration-200 group/button w-6 h-6",
                 "aria-label": `Download ${image.title || "imagem"}`,
                 children: /* @__PURE__ */ jsx37(
-                  DownloadSimple,
+                  ArrowsOut,
                   {
                     size: 24,
                     weight: "regular",
@@ -8060,6 +8060,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 = create7()(
   devtools(
@@ -8745,26 +8754,65 @@ var QuizTitle = forwardRef19(
       formatTime: formatTime2,
       isStarted
     } = useQuizStore();
+    const [showExitConfirmation, setShowExitConfirmation] = useState17(false);
     const totalQuestions = getTotalQuestions();
     const quizTitle = getQuizTitle();
-    return /* @__PURE__ */ jsxs32(
-      "div",
-      {
-        ref,
-        className: cn(
-          "flex flex-row justify-center items-center relative p-2",
-          className
-        ),
-        ...props,
-        children: [
-          /* @__PURE__ */ jsxs32("span", { className: "flex flex-col gap-2 text-center", children: [
-            /* @__PURE__ */ jsx39("p", { className: "text-text-950 font-bold text-md", children: quizTitle }),
-            /* @__PURE__ */ jsx39("p", { className: "text-text-600 text-xs", children: totalQuestions > 0 ? `${currentQuestionIndex + 1} de ${totalQuestions}` : "0 de 0" })
-          ] }),
-          /* @__PURE__ */ jsx39("span", { className: "absolute right-2", children: /* @__PURE__ */ jsx39(Badge_default, { variant: "outlined", action: "info", iconLeft: /* @__PURE__ */ jsx39(Clock2, {}), 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__ */ jsxs32(Fragment9, { children: [
+      /* @__PURE__ */ jsxs32(
+        "div",
+        {
+          ref,
+          className: cn(
+            "flex flex-row justify-between items-center relative p-2",
+            className
+          ),
+          ...props,
+          children: [
+            /* @__PURE__ */ jsx39(
+              IconButton_default,
+              {
+                icon: /* @__PURE__ */ jsx39(CaretLeft3, { size: 24 }),
+                size: "md",
+                "aria-label": "Voltar",
+                onClick: handleBackClick
+              }
+            ),
+            /* @__PURE__ */ jsxs32("span", { className: "flex flex-col gap-2 text-center", children: [
+              /* @__PURE__ */ jsx39("p", { className: "text-text-950 font-bold text-md", children: quizTitle }),
+              /* @__PURE__ */ jsx39("p", { className: "text-text-600 text-xs", children: totalQuestions > 0 ? `${currentQuestionIndex + 1} de ${totalQuestions}` : "0 de 0" })
+            ] }),
+            /* @__PURE__ */ jsx39("span", { className: "flex flex-row items-center justify-center", children: /* @__PURE__ */ jsx39(Badge_default, { variant: "outlined", action: "info", iconLeft: /* @__PURE__ */ jsx39(Clock2, {}), children: isStarted ? formatTime2(timeElapsed) : "00:00" }) })
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsx39(
+        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 = forwardRef19(
@@ -9848,17 +9896,21 @@ var QuizFooter = forwardRef19(
     ] });
   }
 );
-var QuizBadge = ({ subtype }) => {
+var QuizBadge = ({
+  subtype
+}) => {
   switch (subtype) {
-    case "PROVA":
-      return /* @__PURE__ */ jsx39(Badge_default, { variant: "solid", action: "info", "data-testid": "quiz-badge", children: "Prova" });
-    case "ENEM":
-      return /* @__PURE__ */ jsx39(Badge_default, { variant: "solid", action: "info", "data-testid": "quiz-badge", children: "Enem" });
-    case "VESTIBULAR":
-      return /* @__PURE__ */ jsx39(Badge_default, { variant: "solid", action: "info", "data-testid": "quiz-badge", children: "Vestibular" });
-    case "SIMULADO":
-    case null:
-      return /* @__PURE__ */ jsx39(Badge_default, { variant: "solid", action: "info", "data-testid": "quiz-badge", children: "Simulado" });
+    case "PROVA" /* PROVA */:
+      return /* @__PURE__ */ jsx39(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__ */ jsx39(Badge_default, { variant: "examsOutlined", action: "exam1", "data-testid": "quiz-badge", children: "Enem" });
+    case "VESTIBULAR" /* VESTIBULAR */:
+      return /* @__PURE__ */ jsx39(Badge_default, { variant: "examsOutlined", action: "exam4", "data-testid": "quiz-badge", children: "Vestibular" });
+    case "SIMULADO" /* SIMULADO */:
+    case "SIMULADAO" /* SIMULADAO */:
+    case void 0:
+      return /* @__PURE__ */ jsx39(Badge_default, { variant: "examsOutlined", action: "exam3", "data-testid": "quiz-badge", children: "Simulad\xE3o" });
     default:
       return /* @__PURE__ */ jsx39(Badge_default, { variant: "solid", action: "info", "data-testid": "quiz-badge", children: subtype });
   }
@@ -9874,7 +9926,7 @@ var QuizResultHeaderTitle = forwardRef19(({ className, ...props }, ref) => {
       ...props,
       children: [
         /* @__PURE__ */ jsx39("p", { className: "text-text-950 font-bold text-2xl", children: "Resultado" }),
-        /* @__PURE__ */ jsx39(QuizBadge, { subtype: activeQuiz?.quiz.subtype || null })
+        /* @__PURE__ */ jsx39(QuizBadge, { subtype: activeQuiz?.quiz.subtype || void 0 })
       ]
     }
   );
@@ -10404,6 +10456,7 @@ export {
   Radio_default as Radio,
   RadioGroup,
   RadioGroupItem,
+  SUBTYPE_ENUM,
   Search_default as Search,
   Select_default as Select,
   SelectContent,