analytica-frontend-lib 1.0.95 → 1.0.96

package/dist/Quiz/index.js

@@ -23,6 +23,7 @@ __export(Quiz_exports, {
   Quiz: () => Quiz,
   QuizAlternative: () => QuizAlternative,
   QuizContent: () => QuizContent,
+  QuizDissertative: () => QuizDissertative,
   QuizFooter: () => QuizFooter,
   QuizHeader: () => QuizHeader,
   QuizHeaderResult: () => QuizHeaderResult,
@@ -36,7 +37,7 @@ __export(Quiz_exports, {
   QuizTitle: () => QuizTitle
 });
 module.exports = __toCommonJS(Quiz_exports);
-var import_phosphor_react8 = require("phosphor-react");
+var import_phosphor_react9 = require("phosphor-react");
 
 // src/components/Badge/Badge.tsx
 var import_phosphor_react = require("phosphor-react");
@@ -952,7 +953,7 @@ IconButton.displayName = "IconButton";
 var IconButton_default = IconButton;
 
 // src/components/Quiz/Quiz.tsx
-var import_react11 = require("react");
+var import_react12 = require("react");
 
 // src/components/Quiz/useQuizStore.ts
 var import_zustand2 = require("zustand");
@@ -1036,6 +1037,10 @@ var useQuizStore = (0, import_zustand2.create)()(
             console.warn("selectAnswer called before userId is set");
             return;
           }
+          const question = activeQuiz.quiz.questions.find(
+            (q) => q.id === questionId
+          );
+          if (!question) return;
           const existingAnswerIndex = userAnswers.findIndex(
             (answer) => answer.questionId === questionId
           );
@@ -1043,8 +1048,10 @@ var useQuizStore = (0, import_zustand2.create)()(
             questionId,
             activityId,
             userId,
-            answer: null,
-            optionId: answerId
+            answer: question.type === "DISSERTATIVA" /* DISSERTATIVA */ ? answerId : null,
+            optionId: question.type === "DISSERTATIVA" /* DISSERTATIVA */ ? null : answerId,
+            questionType: question.type,
+            answerStatus: "PENDENTE_AVALIACAO" /* PENDENTE_AVALIACAO */
           };
           let updatedUserAnswers;
           if (existingAnswerIndex !== -1) {
@@ -1067,6 +1074,10 @@ var useQuizStore = (0, import_zustand2.create)()(
             console.warn("selectMultipleAnswer called before userId is set");
             return;
           }
+          const question = activeQuiz.quiz.questions.find(
+            (q) => q.id === questionId
+          );
+          if (!question) return;
           const filteredUserAnswers = userAnswers.filter(
             (answer) => answer.questionId !== questionId
           );
@@ -1076,7 +1087,11 @@ var useQuizStore = (0, import_zustand2.create)()(
               activityId,
               userId,
               answer: null,
-              optionId: answerId
+              // selectMultipleAnswer is for non-dissertative questions
+              optionId: answerId,
+              // selectMultipleAnswer should only set optionId
+              questionType: question.type,
+              answerStatus: "PENDENTE_AVALIACAO" /* PENDENTE_AVALIACAO */
             })
           );
           const updatedUserAnswers = [
@@ -1087,6 +1102,50 @@ var useQuizStore = (0, import_zustand2.create)()(
             userAnswers: updatedUserAnswers
           });
         },
+        selectDissertativeAnswer: (questionId, answer) => {
+          const { getActiveQuiz, userAnswers } = get();
+          const activeQuiz = getActiveQuiz();
+          if (!activeQuiz) return;
+          const activityId = activeQuiz.quiz.id;
+          const userId = get().getUserId();
+          if (!userId || userId === "") {
+            console.warn(
+              "selectDissertativeAnswer called before userId is set"
+            );
+            return;
+          }
+          const question = activeQuiz.quiz.questions.find(
+            (q) => q.id === questionId
+          );
+          if (!question || question.type !== "DISSERTATIVA" /* DISSERTATIVA */) {
+            console.warn(
+              "selectDissertativeAnswer called for non-dissertative question"
+            );
+            return;
+          }
+          const existingAnswerIndex = userAnswers.findIndex(
+            (answerItem) => answerItem.questionId === questionId
+          );
+          const newUserAnswer = {
+            questionId,
+            activityId,
+            userId,
+            answer,
+            optionId: null,
+            questionType: "DISSERTATIVA" /* DISSERTATIVA */,
+            answerStatus: "PENDENTE_AVALIACAO" /* PENDENTE_AVALIACAO */
+          };
+          let updatedUserAnswers;
+          if (existingAnswerIndex !== -1) {
+            updatedUserAnswers = [...userAnswers];
+            updatedUserAnswers[existingAnswerIndex] = newUserAnswer;
+          } else {
+            updatedUserAnswers = [...userAnswers, newUserAnswer];
+          }
+          set({
+            userAnswers: updatedUserAnswers
+          });
+        },
         skipQuestion: () => {
           const { getCurrentQuestion, userAnswers, getActiveQuiz } = get();
           const currentQuestion = getCurrentQuestion();
@@ -1107,7 +1166,9 @@ var useQuizStore = (0, import_zustand2.create)()(
               activityId,
               userId,
               answer: null,
-              optionId: null
+              optionId: null,
+              questionType: currentQuestion.type,
+              answerStatus: "PENDENTE_AVALIACAO" /* PENDENTE_AVALIACAO */
             };
             let updatedUserAnswers;
             if (existingAnswerIndex !== -1) {
@@ -1131,6 +1192,10 @@ var useQuizStore = (0, import_zustand2.create)()(
             console.warn("addUserAnswer called before userId is set");
             return;
           }
+          const question = activeQuiz.quiz.questions.find(
+            (q) => q.id === questionId
+          );
+          if (!question) return;
           const existingAnswerIndex = userAnswers.findIndex(
             (answer) => answer.questionId === questionId
           );
@@ -1138,8 +1203,10 @@ var useQuizStore = (0, import_zustand2.create)()(
             questionId,
             activityId,
             userId,
-            answer: null,
-            optionId: answerId || null
+            answer: question.type === "DISSERTATIVA" /* DISSERTATIVA */ ? answerId || null : null,
+            optionId: question.type !== "DISSERTATIVA" /* DISSERTATIVA */ ? answerId || null : null,
+            questionType: question.type,
+            answerStatus: "PENDENTE_AVALIACAO" /* PENDENTE_AVALIACAO */
           };
           if (existingAnswerIndex !== -1) {
             const updatedUserAnswers = [...userAnswers];
@@ -1189,7 +1256,9 @@ var useQuizStore = (0, import_zustand2.create)()(
         },
         getAnsweredQuestions: () => {
           const { userAnswers } = get();
-          return userAnswers.filter((answer) => answer.optionId !== null).length;
+          return userAnswers.filter(
+            (answer) => answer.optionId !== null || answer.answer !== null
+          ).length;
         },
         getUnansweredQuestions: () => {
           const { getActiveQuiz, userAnswers } = get();
@@ -1200,8 +1269,8 @@ var useQuizStore = (0, import_zustand2.create)()(
             const userAnswer = userAnswers.find(
               (answer) => answer.questionId === question.id
             );
-            const isAnswered = userAnswer && userAnswer.optionId !== null;
-            const isSkipped = userAnswer && userAnswer.optionId === null;
+            const isAnswered = userAnswer && (userAnswer.optionId !== null || userAnswer.answer !== null);
+            const isSkipped = userAnswer && userAnswer.optionId === null && userAnswer.answer === null;
             if (!isAnswered && !isSkipped) {
               unansweredQuestions.push(index + 1);
             }
@@ -1210,7 +1279,9 @@ var useQuizStore = (0, import_zustand2.create)()(
         },
         getSkippedQuestions: () => {
           const { userAnswers } = get();
-          return userAnswers.filter((answer) => answer.optionId === null).length;
+          return userAnswers.filter(
+            (answer) => answer.optionId === null && answer.answer === null
+          ).length;
         },
         getProgress: () => {
           const { getTotalQuestions, getAnsweredQuestions } = get();
@@ -1223,14 +1294,14 @@ var useQuizStore = (0, import_zustand2.create)()(
           const userAnswer = userAnswers.find(
             (answer) => answer.questionId === questionId
           );
-          return userAnswer ? userAnswer.optionId !== null : false;
+          return userAnswer ? userAnswer.optionId !== null || userAnswer.answer !== null : false;
         },
         isQuestionSkipped: (questionId) => {
           const { userAnswers } = get();
           const userAnswer = userAnswers.find(
             (answer) => answer.questionId === questionId
           );
-          return userAnswer ? userAnswer.optionId === null : false;
+          return userAnswer ? userAnswer.optionId === null && userAnswer.answer === null : false;
         },
         getCurrentAnswer: () => {
           const { getCurrentQuestion, userAnswers } = get();
@@ -1239,7 +1310,7 @@ var useQuizStore = (0, import_zustand2.create)()(
           const userAnswer = userAnswers.find(
             (answer) => answer.questionId === currentQuestion.id
           );
-          return userAnswer?.optionId;
+          return userAnswer;
         },
         getAllCurrentAnswer: () => {
           const { getCurrentQuestion, userAnswers } = get();
@@ -1273,8 +1344,8 @@ var useQuizStore = (0, import_zustand2.create)()(
             const userAnswer = userAnswers.find(
               (answer) => answer.questionId === question.id
             );
-            const hasAnswer = userAnswer && userAnswer.optionId !== null;
-            const isSkipped = userAnswer && userAnswer.optionId === null;
+            const hasAnswer = userAnswer && (userAnswer.optionId !== null || userAnswer.answer !== null);
+            const isSkipped = userAnswer && userAnswer.optionId === null && userAnswer.answer === null;
             if (!hasAnswer || isSkipped) {
               unansweredQuestions.push(index + 1);
             }
@@ -1305,7 +1376,7 @@ var useQuizStore = (0, import_zustand2.create)()(
           const answer = userAnswers.find(
             (answer2) => answer2.questionId === questionId
           );
-          return answer ? answer.optionId !== null : false;
+          return answer ? answer.optionId !== null || answer.answer !== null : false;
         },
         getQuestionStatusFromUserAnswers: (questionId) => {
           const { userAnswers } = get();
@@ -1334,6 +1405,27 @@ var useQuizStore = (0, import_zustand2.create)()(
             return;
           }
           set({ currentQuestionIndex: questionIndex });
+        },
+        setAnswerStatus: (questionId, status) => {
+          const { userAnswers } = get();
+          const existingAnswerIndex = userAnswers.findIndex(
+            (answer) => answer.questionId === questionId
+          );
+          if (existingAnswerIndex !== -1) {
+            const updatedUserAnswers = [...userAnswers];
+            updatedUserAnswers[existingAnswerIndex] = {
+              ...updatedUserAnswers[existingAnswerIndex],
+              answerStatus: status
+            };
+            set({ userAnswers: updatedUserAnswers });
+          }
+        },
+        getAnswerStatus: (questionId) => {
+          const { userAnswers } = get();
+          const userAnswer = userAnswers.find(
+            (answer) => answer.questionId === questionId
+          );
+          return userAnswer ? userAnswer.answerStatus : null;
         }
       };
     },
@@ -1569,9 +1661,9 @@ var import_react6 = require("react");
 var import_phosphor_react4 = require("phosphor-react");
 var import_jsx_runtime9 = require("react/jsx-runtime");
 var VARIANT_CLASSES = {
-  outlined: "border rounded-lg focus:border-primary-950",
-  underlined: "border-b focus:border-primary-950",
-  rounded: "border rounded-full focus:border-primary-950"
+  outlined: "border-2 rounded-lg focus:border-primary-950",
+  underlined: "border-b-2 focus:border-primary-950",
+  rounded: "border-2 rounded-full focus:border-primary-950"
 };
 var SIZE_CLASSES6 = {
   small: "text-sm",
@@ -1656,6 +1748,7 @@ var injectStore2 = (children, store, size, selectId) => {
 var Select = ({
   children,
   defaultValue = "",
+  className,
   value: propValue,
   onValueChange,
   size = "small",
@@ -1737,7 +1830,7 @@ var Select = ({
     }
   }, [propValue]);
   const sizeClasses = SIZE_CLASSES6[size];
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "w-full", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: cn("w-auto", className), children: [
     label && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
       "label",
       {
@@ -1746,8 +1839,8 @@ var Select = ({
         children: label
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: cn("relative", sizeClasses), ref: selectRef, children: injectStore2(children, store, size, selectId) }),
-    /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "mt-1.5 gap-1.5", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: cn("relative"), ref: selectRef, children: injectStore2(children, store, size, selectId) }),
+    (helperText || errorMessage) && /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "mt-1.5 gap-1.5", children: [
       helperText && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("p", { className: "text-sm text-text-500", children: helperText }),
       errorMessage && /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("p", { className: "flex gap-1 items-center text-sm text-indicator-error", children: [
         /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_phosphor_react4.WarningCircle, { size: 16 }),
@@ -1788,15 +1881,16 @@ var SelectTrigger = (0, import_react6.forwardRef)(
       {
         ref,
         id: selectId,
-        className: `
-        flex min-w-[220px] w-full items-center justify-between border-border-300
-        ${heightClasses} ${paddingClasses}
-        ${invalid && `${variant == "underlined" ? "border-b-2" : "border-2"} border-indicator-error text-text-600`}
-        ${disabled ? "cursor-not-allowed text-text-400 pointer-events-none opacity-50" : "cursor-pointer hover:bg-background-50 focus:bg-accent focus:text-accent-foreground hover:bg-accent hover:text-accent-foreground"}
-        ${!invalid && !disabled ? "text-text-700" : ""}
-        ${variantClasses}
-        ${className}
-      `,
+        className: cn(
+          "flex w-full items-center justify-between border-border-300",
+          heightClasses,
+          paddingClasses,
+          invalid && `${variant == "underlined" ? "border-b-2" : "border-2"} border-indicator-error text-text-600`,
+          disabled ? "cursor-not-allowed text-text-400 pointer-events-none opacity-50" : "cursor-pointer hover:bg-background-50 focus:bg-accent focus:text-accent-foreground hover:bg-accent hover:text-accent-foreground",
+          !invalid && !disabled ? "text-text-700" : "",
+          variantClasses,
+          className
+        ),
         onClick: toggleOpen,
         "aria-expanded": open,
         "aria-haspopup": "listbox",
@@ -1869,10 +1963,12 @@ var SelectItem = (0, import_react6.forwardRef)(
     const handleClick = (e) => {
       const labelNode = getLabelAsNode(children);
       if (!disabled) {
-        setValue(value);
-        setSelectedLabel(labelNode);
+        const newValue = selectedValue === value ? "" : value;
+        const newLabel = selectedValue === value ? "" : labelNode;
+        setValue(newValue);
+        setSelectedLabel(newLabel);
         setOpen(false);
-        onValueChange?.(value);
+        onValueChange?.(newValue);
       }
       props.onClick?.(e);
     };
@@ -4231,10 +4327,146 @@ var MultipleChoiceList = ({
   );
 };
 
-// src/components/Quiz/Quiz.tsx
+// src/components/TextArea/TextArea.tsx
+var import_react11 = require("react");
+var import_phosphor_react8 = require("phosphor-react");
 var import_jsx_runtime16 = require("react/jsx-runtime");
-var Quiz = (0, import_react11.forwardRef)(({ children, className, ...props }, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+var SIZE_CLASSES10 = {
+  small: {
+    textarea: "h-24 text-sm",
+    // 96px height, 14px font
+    textSize: "sm"
+  },
+  medium: {
+    textarea: "h-24 text-base",
+    // 96px height, 16px font
+    textSize: "md"
+  },
+  large: {
+    textarea: "h-24 text-lg",
+    // 96px height, 18px font
+    textSize: "lg"
+  },
+  extraLarge: {
+    textarea: "h-24 text-xl",
+    // 96px height, 20px font
+    textSize: "xl"
+  }
+};
+var BASE_TEXTAREA_CLASSES = "w-full box-border p-3 bg-background border border-solid rounded-[4px] resize-none focus:outline-none font-roboto font-normal leading-[150%] placeholder:text-text-600 transition-all duration-200";
+var STATE_CLASSES3 = {
+  default: {
+    base: "border-border-300 bg-background text-text-600",
+    hover: "hover:border-border-400",
+    focus: "focus:border-border-500"
+  },
+  hovered: {
+    base: "border-border-400 bg-background text-text-600",
+    hover: "",
+    focus: "focus:border-border-500"
+  },
+  focused: {
+    base: "border-2 border-primary-950 bg-background text-text-900",
+    hover: "",
+    focus: ""
+  },
+  invalid: {
+    base: "border-2 border-red-700 bg-white text-gray-800",
+    hover: "hover:border-red-700",
+    focus: "focus:border-red-700"
+  },
+  disabled: {
+    base: "border-border-300 bg-background text-text-600 cursor-not-allowed opacity-40",
+    hover: "",
+    focus: ""
+  }
+};
+var TextArea = (0, import_react11.forwardRef)(
+  ({
+    label,
+    size = "medium",
+    state = "default",
+    errorMessage,
+    helperMessage,
+    className = "",
+    labelClassName = "",
+    disabled,
+    id,
+    onChange,
+    placeholder,
+    ...props
+  }, ref) => {
+    const generatedId = (0, import_react11.useId)();
+    const inputId = id ?? `textarea-${generatedId}`;
+    const [isFocused, setIsFocused] = (0, import_react11.useState)(false);
+    const handleChange = (event) => {
+      onChange?.(event);
+    };
+    const handleFocus = (event) => {
+      setIsFocused(true);
+      props.onFocus?.(event);
+    };
+    const handleBlur = (event) => {
+      setIsFocused(false);
+      props.onBlur?.(event);
+    };
+    let currentState = disabled ? "disabled" : state;
+    if (isFocused && currentState !== "invalid" && currentState !== "disabled") {
+      currentState = "focused";
+    }
+    const sizeClasses = SIZE_CLASSES10[size];
+    const stateClasses = STATE_CLASSES3[currentState];
+    const textareaClasses = cn(
+      BASE_TEXTAREA_CLASSES,
+      sizeClasses.textarea,
+      stateClasses.base,
+      stateClasses.hover,
+      stateClasses.focus,
+      className
+    );
+    return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: `flex flex-col`, children: [
+      label && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+        Text_default,
+        {
+          as: "label",
+          htmlFor: inputId,
+          size: sizeClasses.textSize,
+          weight: "medium",
+          color: "text-text-950",
+          className: cn("mb-1.5", labelClassName),
+          children: label
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+        "textarea",
+        {
+          ref,
+          id: inputId,
+          disabled,
+          onChange: handleChange,
+          onFocus: handleFocus,
+          onBlur: handleBlur,
+          className: textareaClasses,
+          placeholder,
+          ...props
+        }
+      ),
+      errorMessage && /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("p", { className: "flex gap-1 items-center text-sm text-indicator-error mt-1.5", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_phosphor_react8.WarningCircle, { size: 16 }),
+        " ",
+        errorMessage
+      ] }),
+      helperMessage && !errorMessage && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Text_default, { size: "sm", weight: "normal", className: "mt-1.5 text-text-500", children: helperMessage })
+    ] });
+  }
+);
+TextArea.displayName = "TextArea";
+var TextArea_default = TextArea;
+
+// src/components/Quiz/Quiz.tsx
+var import_jsx_runtime17 = require("react/jsx-runtime");
+var Quiz = (0, import_react12.forwardRef)(({ children, className, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
     "div",
     {
       ref,
@@ -4247,38 +4479,21 @@ var Quiz = (0, import_react11.forwardRef)(({ children, className, ...props }, re
     }
   );
 });
-var QuizHeaderResult = (0, import_react11.forwardRef)(
+var QuizHeaderResult = (0, import_react12.forwardRef)(
   ({ className, ...props }, ref) => {
-    const { getCurrentQuestion, getCurrentAnswer, getAllCurrentAnswer } = useQuizStore();
-    const currentQuestion = getCurrentQuestion();
-    const userAnswer = getCurrentAnswer();
-    const [isCorrect, setIsCorrect] = (0, import_react11.useState)(false);
-    (0, import_react11.useEffect)(() => {
-      if (currentQuestion?.type === "MULTIPLA_CHOICE" /* MULTIPLA_CHOICE */) {
-        const allCurrentAnswers = getAllCurrentAnswer();
-        const isCorrectOption = currentQuestion.options.filter(
-          (op) => op.isCorrect
-        );
-        if (allCurrentAnswers?.length !== isCorrectOption.length) {
-          setIsCorrect(false);
-          return;
-        }
-        setIsCorrect(true);
-        allCurrentAnswers.forEach((answer) => {
-          const findInCorrectOptions = isCorrectOption.find(
-            (op) => op.id === answer.optionId
-          );
-          if (!findInCorrectOptions) {
-            setIsCorrect(false);
-          }
-        });
-      } else {
+    const { getAllCurrentAnswer } = useQuizStore();
+    const usersAnswer = getAllCurrentAnswer();
+    const [isCorrect, setIsCorrect] = (0, import_react12.useState)(false);
+    (0, import_react12.useEffect)(() => {
+      if (usersAnswer) {
         setIsCorrect(
-          currentQuestion?.options.find((op) => op.id === userAnswer)?.isCorrect || false
+          usersAnswer.length > 0 ? usersAnswer.map(
+            (answer) => answer.answerStatus === "RESPOSTA_CORRETA" /* RESPOSTA_CORRETA */
+          ).every(Boolean) : false
         );
       }
-    }, [currentQuestion, getAllCurrentAnswer]);
-    return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
+    }, [usersAnswer]);
+    return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
       "div",
       {
         ref,
@@ -4289,14 +4504,14 @@ var QuizHeaderResult = (0, import_react11.forwardRef)(
         ),
         ...props,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("p", { className: "text-text-950 font-bold text-lg", children: "Resultado" }),
-          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("p", { className: "text-text-700 text-md", children: isCorrect ? "\u{1F389} Parab\xE9ns!!" : "N\xE3o foi dessa vez..." })
+          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("p", { className: "text-text-950 font-bold text-lg", children: "Resultado" }),
+          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("p", { className: "text-text-700 text-md", children: isCorrect ? "\u{1F389} Parab\xE9ns!!" : "N\xE3o foi dessa vez..." })
         ]
       }
     );
   }
 );
-var QuizTitle = (0, import_react11.forwardRef)(
+var QuizTitle = (0, import_react12.forwardRef)(
   ({ className, ...props }, ref) => {
     const {
       currentQuestionIndex,
@@ -4308,7 +4523,7 @@ var QuizTitle = (0, import_react11.forwardRef)(
     } = useQuizStore();
     const totalQuestions = getTotalQuestions();
     const quizTitle = getQuizTitle();
-    return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
       "div",
       {
         ref,
@@ -4318,11 +4533,11 @@ var QuizTitle = (0, import_react11.forwardRef)(
         ),
         ...props,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("span", { className: "flex flex-col gap-2 text-center", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("p", { className: "text-text-950 font-bold text-md", children: quizTitle }),
-            /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("p", { className: "text-text-600 text-xs", children: totalQuestions > 0 ? `${currentQuestionIndex + 1} de ${totalQuestions}` : "0 de 0" })
+          /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("span", { className: "flex flex-col gap-2 text-center", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("p", { className: "text-text-950 font-bold text-md", children: quizTitle }),
+            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("p", { className: "text-text-600 text-xs", children: totalQuestions > 0 ? `${currentQuestionIndex + 1} de ${totalQuestions}` : "0 de 0" })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "absolute right-2", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Badge_default, { variant: "outlined", action: "info", iconLeft: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_phosphor_react8.Clock, {}), children: isStarted ? formatTime(timeElapsed) : "00:00" }) })
+          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "absolute right-2", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Badge_default, { variant: "outlined", action: "info", iconLeft: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_phosphor_react9.Clock, {}), children: isStarted ? formatTime(timeElapsed) : "00:00" }) })
         ]
       }
     );
@@ -4331,7 +4546,7 @@ var QuizTitle = (0, import_react11.forwardRef)(
 var QuizHeader = () => {
   const { getCurrentQuestion } = useQuizStore();
   const currentQuestion = getCurrentQuestion();
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
     HeaderAlternative,
     {
       title: currentQuestion ? `Quest\xE3o ${currentQuestion.id}` : "Quest\xE3o",
@@ -4340,27 +4555,43 @@ var QuizHeader = () => {
     }
   );
 };
-var QuizContent = (0, import_react11.forwardRef)(({ type = "Alternativas", className, variant, ...props }, ref) => {
-  const { getCurrentQuestion } = useQuizStore();
+var QuizContent = (0, import_react12.forwardRef)(({ type = "Alternativas", className, variant, ...props }, ref) => {
+  const { getCurrentQuestion, getCurrentAnswer } = useQuizStore();
   const currentQuestion = getCurrentQuestion();
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_jsx_runtime16.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "px-4 pb-2 pt-6", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("p", { className: "font-bold text-lg text-text-950", children: type }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+  const currentAnswer = getCurrentAnswer();
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_jsx_runtime17.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "px-4 pb-2 pt-6", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("p", { className: "font-bold text-lg text-text-950", children: type }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
       "div",
       {
         ref,
         className: cn(
-          "rounded-t-xl px-4 pt-4 pb-[80px] h-full flex flex-col gap-4 mb-auto",
+          "bg-background rounded-t-xl px-4 pt-4 pb-[80px] h-full flex flex-col gap-4 mb-auto",
           className
         ),
         ...props,
-        children: currentQuestion && /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_jsx_runtime16.Fragment, { children: [
-          currentQuestion.type === "ALTERNATIVA" /* ALTERNATIVA */ && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(QuizAlternative, { variant }),
-          currentQuestion.type === "MULTIPLA_CHOICE" /* MULTIPLA_CHOICE */ && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(QuizMultipleChoice, { variant }),
-          currentQuestion.type === "DISSERTATIVA" /* DISSERTATIVA */ && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { children: "Componente de dissertativa" })
+        children: currentQuestion && /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_jsx_runtime17.Fragment, { children: [
+          currentQuestion.type === "ALTERNATIVA" /* ALTERNATIVA */ && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(QuizAlternative, { variant }),
+          currentQuestion.type === "MULTIPLA_CHOICE" /* MULTIPLA_CHOICE */ && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(QuizMultipleChoice, { variant }),
+          currentQuestion.type === "DISSERTATIVA" /* DISSERTATIVA */ && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(QuizDissertative, { variant })
         ] })
       }
-    )
+    ),
+    currentQuestion?.type === "DISSERTATIVA" /* DISSERTATIVA */ && variant === "result" && currentAnswer?.answerStatus == "RESPOSTA_INCORRETA" /* RESPOSTA_INCORRETA */ && /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_jsx_runtime17.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "px-4 pb-2 pt-6", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("p", { className: "font-bold text-lg text-text-950", children: "Observa\xE7\xE3o do professor" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+        "div",
+        {
+          ref,
+          className: cn(
+            "bg-background rounded-t-xl px-4 pt-4 pb-[80px] h-full flex flex-col gap-4 mb-auto",
+            className
+          ),
+          ...props,
+          children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("p", { className: "text-text-600 text-md whitespace-pre-wrap", children: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed euismod, urna eu tincidunt consectetur, nisi nisl aliquam nunc, eget aliquam massa nisl quis neque. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Integer euismod, urna eu tincidunt consectetur, nisi nisl aliquam nunc, eget aliquam massa nisl quis neque. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Suspendisse potenti. Nullam ac urna eu felis dapibus condimentum sit amet a augue. Sed non neque elit. Sed ut imperdiet nisi. Proin condimentum fermentum nunc. Etiam pharetra, erat sed fermentum feugiat, velit mauris egestas quam, ut aliquam massa nisl quis neque. Suspendisse in orci enim. Mauris euismod, urna eu tincidunt consectetur, nisi nisl aliquam nunc, eget aliquam massa nisl quis neque. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Integer euismod, urna eu tincidunt consectetur, nisi nisl aliquam nunc, eget aliquam massa nisl quis neque. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Suspendisse potenti. Nullam ac urna eu felis dapibus condimentum sit amet a augue. Sed non neque elit. Sed ut imperdiet nisi. Proin condimentum fermentum nunc. Etiam pharetra, erat sed fermentum feugiat, velit mauris egestas quam, ut aliquam massa nisl quis neque. Suspendisse in orci enim. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Integer euismod, urna eu tincidunt consectetur, nisi nisl aliquam nunc, eget aliquam massa nisl quis neque. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Suspendisse potenti. Nullam ac urna eu felis dapibus condimentum sit amet a augue. Sed non neque elit. Sed ut imperdiet nisi. Proin condimentum fermentum nunc. Etiam pharetra, erat sed fermentum feugiat, velit mauris egestas quam, ut aliquam massa nisl quis neque. Suspendisse in orci enim." })
+        }
+      )
+    ] })
   ] });
 });
 var QuizAlternative = ({ variant = "default" }) => {
@@ -4375,7 +4606,7 @@ var QuizAlternative = ({ variant = "default" }) => {
       );
       if (isCorrectOption?.id === option.id) {
         status = "correct" /* CORRECT */;
-      } else if (currentAnswer === option.id && option.id !== isCorrectOption?.id) {
+      } else if (currentAnswer?.optionId === option.id && option.id !== isCorrectOption?.id) {
         status = "incorrect" /* INCORRECT */;
       }
     }
@@ -4386,16 +4617,16 @@ var QuizAlternative = ({ variant = "default" }) => {
     };
   });
   if (!alternatives)
-    return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("p", { children: "N\xE3o h\xE1 Alternativas" }) });
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "space-y-4", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("p", { children: "N\xE3o h\xE1 Alternativas" }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "space-y-4", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
     AlternativesList,
     {
       mode: variant === "default" ? "interactive" : "readonly",
       name: `question-${currentQuestion?.id || "1"}`,
       layout: "compact",
       alternatives,
-      value: currentAnswer,
-      selectedValue: currentAnswer,
+      value: currentAnswer?.optionId || "",
+      selectedValue: currentAnswer?.optionId || "",
       onValueChange: (value) => {
         if (currentQuestion) {
           selectAnswer(currentQuestion.id, value);
@@ -4411,15 +4642,15 @@ var QuizMultipleChoice = ({
   const { getCurrentQuestion, selectMultipleAnswer, getAllCurrentAnswer } = useQuizStore();
   const currentQuestion = getCurrentQuestion();
   const allCurrentAnswers = getAllCurrentAnswer();
-  const prevSelectedValuesRef = (0, import_react11.useRef)([]);
-  const prevQuestionIdRef = (0, import_react11.useRef)("");
-  const allCurrentAnswerIds = (0, import_react11.useMemo)(() => {
+  const prevSelectedValuesRef = (0, import_react12.useRef)([]);
+  const prevQuestionIdRef = (0, import_react12.useRef)("");
+  const allCurrentAnswerIds = (0, import_react12.useMemo)(() => {
     return allCurrentAnswers?.map((answer) => answer.optionId) || [];
   }, [allCurrentAnswers]);
-  const selectedValues = (0, import_react11.useMemo)(() => {
+  const selectedValues = (0, import_react12.useMemo)(() => {
     return allCurrentAnswerIds?.filter((id) => id !== null) || [];
   }, [allCurrentAnswerIds]);
-  const stableSelectedValues = (0, import_react11.useMemo)(() => {
+  const stableSelectedValues = (0, import_react12.useMemo)(() => {
     const currentQuestionId = currentQuestion?.id || "";
     const hasQuestionChanged = prevQuestionIdRef.current !== currentQuestionId;
     if (hasQuestionChanged) {
@@ -4434,7 +4665,7 @@ var QuizMultipleChoice = ({
     }
     return prevSelectedValuesRef.current;
   }, [selectedValues, currentQuestion?.id]);
-  const handleSelectedValues = (0, import_react11.useCallback)(
+  const handleSelectedValues = (0, import_react12.useCallback)(
     (values) => {
       if (currentQuestion) {
         selectMultipleAnswer(currentQuestion.id, values);
@@ -4442,7 +4673,7 @@ var QuizMultipleChoice = ({
     },
     [currentQuestion, selectMultipleAnswer]
   );
-  const questionKey = (0, import_react11.useMemo)(
+  const questionKey = (0, import_react12.useMemo)(
     () => `question-${currentQuestion?.id || "1"}`,
     [currentQuestion?.id]
   );
@@ -4463,8 +4694,8 @@ var QuizMultipleChoice = ({
     };
   });
   if (!choices)
-    return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("p", { children: "N\xE3o h\xE1 Escolhas Multiplas" }) });
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "space-y-4", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("p", { children: "N\xE3o h\xE1 Escolhas Multiplas" }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "space-y-4", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
     MultipleChoiceList,
     {
       choices,
@@ -4476,6 +4707,46 @@ var QuizMultipleChoice = ({
     questionKey
   ) });
 };
+var QuizDissertative = ({
+  variant = "default"
+}) => {
+  const { getCurrentQuestion, getCurrentAnswer, selectDissertativeAnswer } = useQuizStore();
+  const currentQuestion = getCurrentQuestion();
+  const currentAnswer = getCurrentAnswer();
+  const textareaRef = (0, import_react12.useRef)(null);
+  const handleAnswerChange = (value) => {
+    if (currentQuestion) {
+      selectDissertativeAnswer(currentQuestion.id, value);
+    }
+  };
+  const adjustTextareaHeight = (0, import_react12.useCallback)(() => {
+    if (textareaRef.current) {
+      textareaRef.current.style.height = "auto";
+      const scrollHeight = textareaRef.current.scrollHeight;
+      const minHeight = 120;
+      const maxHeight = 400;
+      const newHeight = Math.min(Math.max(scrollHeight, minHeight), maxHeight);
+      textareaRef.current.style.height = `${newHeight}px`;
+    }
+  }, []);
+  (0, import_react12.useEffect)(() => {
+    adjustTextareaHeight();
+  }, [currentAnswer, adjustTextareaHeight]);
+  if (!currentQuestion) {
+    return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "space-y-4", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("p", { className: "text-text-600 text-md", children: "Nenhuma quest\xE3o dispon\xEDvel" }) });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "space-y-4 max-h-[600px] overflow-y-auto", children: variant === "default" ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "space-y-4", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+    TextArea_default,
+    {
+      ref: textareaRef,
+      placeholder: "Escreva sua resposta",
+      value: currentAnswer?.answer || "",
+      onChange: (e) => handleAnswerChange(e.target.value),
+      rows: 4,
+      className: "min-h-[120px] max-h-[400px] resize-none overflow-y-auto"
+    }
+  ) }) : /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "space-y-4", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("p", { className: "text-text-600 text-md whitespace-pre-wrap", children: currentAnswer?.answer || "Nenhuma resposta fornecida" }) }) });
+};
 var QuizQuestionList = ({
   filterType = "all",
   onQuestionClick
@@ -4527,16 +4798,16 @@ var QuizQuestionList = ({
         return "Em branco";
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "space-y-6 px-4", children: Object.entries(filteredGroupedQuestions).map(
-    ([subjectId, questions]) => /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("section", { className: "flex flex-col gap-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("span", { className: "pt-6 pb-4 flex flex-row gap-2", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "bg-primary-500 p-1 rounded-sm flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_phosphor_react8.BookOpen, { size: 17, className: "text-white" }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("p", { className: "text-text-800 font-bold text-lg", children: subjectId })
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "space-y-6 px-4", children: Object.entries(filteredGroupedQuestions).map(
+    ([subjectId, questions]) => /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("section", { className: "flex flex-col gap-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("span", { className: "pt-6 pb-4 flex flex-row gap-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "bg-primary-500 p-1 rounded-sm flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_phosphor_react9.BookOpen, { size: 17, className: "text-white" }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("p", { className: "text-text-800 font-bold text-lg", children: subjectId })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("ul", { className: "flex flex-col gap-2", children: questions.map((question) => {
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("ul", { className: "flex flex-col gap-2", children: questions.map((question) => {
         const status = getQuestionStatus(question.id);
         const questionNumber = getQuestionIndex(question.id);
-        return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
           CardStatus,
           {
             header: `Quest\xE3o ${questionNumber.toString().padStart(2, "0")}`,
@@ -4552,7 +4823,7 @@ var QuizQuestionList = ({
     ] }, subjectId)
   ) });
 };
-var QuizFooter = (0, import_react11.forwardRef)(
+var QuizFooter = (0, import_react12.forwardRef)(
   ({
     className,
     onGoToSimulated,
@@ -4579,15 +4850,15 @@ var QuizFooter = (0, import_react11.forwardRef)(
     const currentAnswer = getCurrentAnswer();
     const currentQuestion = getCurrentQuestion();
     const isCurrentQuestionSkipped = currentQuestion ? getQuestionStatusFromUserAnswers(currentQuestion.id) === "skipped" : false;
-    const [alertDialogOpen, setAlertDialogOpen] = (0, import_react11.useState)(false);
-    const [modalResultOpen, setModalResultOpen] = (0, import_react11.useState)(false);
-    const [modalNavigateOpen, setModalNavigateOpen] = (0, import_react11.useState)(false);
-    const [filterType, setFilterType] = (0, import_react11.useState)("all");
+    const [alertDialogOpen, setAlertDialogOpen] = (0, import_react12.useState)(false);
+    const [modalResultOpen, setModalResultOpen] = (0, import_react12.useState)(false);
+    const [modalNavigateOpen, setModalNavigateOpen] = (0, import_react12.useState)(false);
+    const [filterType, setFilterType] = (0, import_react12.useState)("all");
     const unansweredQuestions = getUnansweredQuestionsFromUserAnswers();
     const userAnswers = getUserAnswers();
     const allQuestions = getTotalQuestions();
-    return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_jsx_runtime16.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_jsx_runtime17.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
         "footer",
         {
           ref,
@@ -4596,17 +4867,17 @@ var QuizFooter = (0, import_react11.forwardRef)(
             className
           ),
           ...props,
-          children: variant === "default" ? /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_jsx_runtime16.Fragment, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "flex flex-row items-center gap-1", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+          children: variant === "default" ? /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_jsx_runtime17.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "flex flex-row items-center gap-1", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
                 IconButton_default,
                 {
-                  icon: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_phosphor_react8.SquaresFour, { size: 24, className: "text-text-950" }),
+                  icon: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_phosphor_react9.SquaresFour, { size: 24, className: "text-text-950" }),
                   size: "md",
                   onClick: () => setModalNavigateOpen(true)
                 }
               ),
-              isFirstQuestion ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+              isFirstQuestion ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
                 Button_default,
                 {
                   variant: "outline",
@@ -4617,13 +4888,13 @@ var QuizFooter = (0, import_react11.forwardRef)(
                   },
                   children: "Pular"
                 }
-              ) : /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+              ) : /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
                 Button_default,
                 {
                   size: "medium",
                   variant: "link",
                   action: "primary",
-                  iconLeft: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_phosphor_react8.CaretLeft, { size: 18 }),
+                  iconLeft: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_phosphor_react9.CaretLeft, { size: 18 }),
                   onClick: () => {
                     goToPreviousQuestion();
                   },
@@ -4631,7 +4902,7 @@ var QuizFooter = (0, import_react11.forwardRef)(
                 }
               )
             ] }),
-            !isFirstQuestion && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+            !isFirstQuestion && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
               Button_default,
               {
                 size: "small",
@@ -4644,7 +4915,7 @@ var QuizFooter = (0, import_react11.forwardRef)(
                 children: "Pular"
               }
             ),
-            isLastQuestion ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+            isLastQuestion ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
               Button_default,
               {
                 size: "medium",
@@ -4660,13 +4931,13 @@ var QuizFooter = (0, import_react11.forwardRef)(
                 },
                 children: "Finalizar"
               }
-            ) : /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+            ) : /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
               Button_default,
               {
                 size: "medium",
                 variant: "link",
                 action: "primary",
-                iconRight: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_phosphor_react8.CaretRight, { size: 18 }),
+                iconRight: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_phosphor_react9.CaretRight, { size: 18 }),
                 disabled: !currentAnswer && !isCurrentQuestionSkipped,
                 onClick: () => {
                   goToNextQuestion();
@@ -4674,10 +4945,10 @@ var QuizFooter = (0, import_react11.forwardRef)(
                 children: "Avan\xE7ar"
               }
             )
-          ] }) : /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "flex flex-row items-center justify-end w-full", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Button_default, { variant: "solid", action: "primary", size: "medium", children: "Ver Resolu\xE7\xE3o" }) })
+          ] }) : /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "flex flex-row items-center justify-end w-full", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Button_default, { variant: "solid", action: "primary", size: "medium", children: "Ver Resolu\xE7\xE3o" }) })
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
         AlertDialog,
         {
           isOpen: alertDialogOpen,
@@ -4691,7 +4962,7 @@ var QuizFooter = (0, import_react11.forwardRef)(
           }
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
         Modal_default,
         {
           isOpen: modalResultOpen,
@@ -4701,8 +4972,8 @@ var QuizFooter = (0, import_react11.forwardRef)(
           closeOnEscape: false,
           hideCloseButton: true,
           size: "md",
-          children: /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "flex flex-col w-full h-full items-center justify-center gap-4", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+          children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "flex flex-col w-full h-full items-center justify-center gap-4", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
               "img",
               {
                 src: simulated_result_default,
@@ -4710,9 +4981,9 @@ var QuizFooter = (0, import_react11.forwardRef)(
                 className: "w-[282px] h-auto object-cover"
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "flex flex-col gap-2 text-center", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("h2", { className: "text-text-950 font-bold text-lg", children: "Voc\xEA concluiu o simulado!" }),
-              /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("p", { className: "text-text-500 font-sm", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "flex flex-col gap-2 text-center", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("h2", { className: "text-text-950 font-bold text-lg", children: "Voc\xEA concluiu o simulado!" }),
+              /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("p", { className: "text-text-500 font-sm", children: [
                 "Voc\xEA acertou",
                 " ",
                 (() => {
@@ -4734,8 +5005,8 @@ var QuizFooter = (0, import_react11.forwardRef)(
                 " quest\xF5es."
               ] })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "px-6 flex flex-row items-center gap-2 w-full", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "px-6 flex flex-row items-center gap-2 w-full", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
                 Button_default,
                 {
                   variant: "outline",
@@ -4745,31 +5016,31 @@ var QuizFooter = (0, import_react11.forwardRef)(
                   children: "Ir para simulados"
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Button_default, { className: "w-full", onClick: onDetailResult, children: "Detalhar resultado" })
+              /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Button_default, { className: "w-full", onClick: onDetailResult, children: "Detalhar resultado" })
             ] })
           ] })
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
         Modal_default,
         {
           isOpen: modalNavigateOpen,
           onClose: () => setModalNavigateOpen(false),
           title: "Quest\xF5es",
           size: "lg",
-          children: /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "flex flex-col w-full h-full", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "flex flex-row justify-between items-center py-6 pt-6 pb-4 border-b border-border-200", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("p", { className: "text-text-950 font-bold text-lg", children: "Filtrar por" }),
-              /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "max-w-[266px]", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(Select_default, { value: filterType, onValueChange: setFilterType, children: [
-                /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(SelectTrigger, { variant: "rounded", className: "max-w-[266px]", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(SelectValue, { placeholder: "Selecione uma op\xE7\xE3o" }) }),
-                /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(SelectContent, { children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(SelectItem, { value: "all", children: "Todas" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(SelectItem, { value: "unanswered", children: "Em branco" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(SelectItem, { value: "answered", children: "Respondidas" })
+          children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "flex flex-col w-full h-full", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "flex flex-row justify-between items-center py-6 pt-6 pb-4 border-b border-border-200", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("p", { className: "text-text-950 font-bold text-lg", children: "Filtrar por" }),
+              /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "max-w-[266px]", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(Select_default, { value: filterType, onValueChange: setFilterType, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(SelectTrigger, { variant: "rounded", className: "max-w-[266px]", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(SelectValue, { placeholder: "Selecione uma op\xE7\xE3o" }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(SelectContent, { children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(SelectItem, { value: "all", children: "Todas" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(SelectItem, { value: "unanswered", children: "Em branco" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(SelectItem, { value: "answered", children: "Respondidas" })
                 ] })
               ] }) })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "flex flex-col gap-2 not-lg:h-[calc(100vh-200px)] lg:max-h-[687px] overflow-y-auto", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "flex flex-col gap-2 not-lg:h-[calc(100vh-200px)] lg:max-h-[687px] overflow-y-auto", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
               QuizQuestionList,
               {
                 filterType,
@@ -4782,25 +5053,25 @@ var QuizFooter = (0, import_react11.forwardRef)(
     ] });
   }
 );
-var QuizResultHeaderTitle = (0, import_react11.forwardRef)(({ className, ...props }, ref) => {
+var QuizResultHeaderTitle = (0, import_react12.forwardRef)(({ className, ...props }, ref) => {
   const { bySimulated } = useQuizStore();
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
     "div",
     {
       ref,
       className: cn("flex flex-row pt-4 justify-between", className),
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("p", { className: "text-text-950 font-bold text-2xl", children: "Resultado" }),
-        bySimulated && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Badge_default, { variant: "solid", action: "info", children: bySimulated.category })
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("p", { className: "text-text-950 font-bold text-2xl", children: "Resultado" }),
+        bySimulated && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Badge_default, { variant: "solid", action: "info", children: bySimulated.category })
       ]
     }
   );
 });
-var QuizResultTitle = (0, import_react11.forwardRef)(({ className, ...props }, ref) => {
+var QuizResultTitle = (0, import_react12.forwardRef)(({ className, ...props }, ref) => {
   const { getQuizTitle } = useQuizStore();
   const quizTitle = getQuizTitle();
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
     "p",
     {
       className: cn("pt-6 pb-4 text-text-950 font-bold text-lg", className),
@@ -4810,7 +5081,7 @@ var QuizResultTitle = (0, import_react11.forwardRef)(({ className, ...props }, r
     }
   );
 });
-var QuizResultPerformance = (0, import_react11.forwardRef)(
+var QuizResultPerformance = (0, import_react12.forwardRef)(
   ({ ...props }, ref) => {
     const {
       getTotalQuestions,
@@ -4858,15 +5129,15 @@ var QuizResultPerformance = (0, import_react11.forwardRef)(
       });
     }
     const percentage = totalQuestions > 0 ? Math.round(correctAnswers / totalQuestions * 100) : 0;
-    return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
       "div",
       {
         className: "flex flex-row gap-6 p-6 rounded-xl bg-background justify-between",
         ref,
         ...props,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "relative", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "relative", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
               ProgressCircle_default,
               {
                 size: "medium",
@@ -4876,21 +5147,21 @@ var QuizResultPerformance = (0, import_react11.forwardRef)(
                 label: ""
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "absolute inset-0 flex flex-col items-center justify-center", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "flex items-center gap-1 mb-1", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_phosphor_react8.Clock, { size: 12, weight: "regular", className: "text-text-800" }),
-                /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "text-2xs font-medium text-text-800", children: formatTime(timeElapsed) })
+            /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "absolute inset-0 flex flex-col items-center justify-center", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "flex items-center gap-1 mb-1", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_phosphor_react9.Clock, { size: 12, weight: "regular", className: "text-text-800" }),
+                /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "text-2xs font-medium text-text-800", children: formatTime(timeElapsed) })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "text-2xl font-medium text-text-800 leading-7", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "text-2xl font-medium text-text-800 leading-7", children: [
                 correctAnswers,
                 " de ",
                 totalQuestions
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "text-2xs font-medium text-text-600 mt-1", children: "Corretas" })
+              /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "text-2xs font-medium text-text-600 mt-1", children: "Corretas" })
             ] })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "flex flex-col gap-4 w-full", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "flex flex-col gap-4 w-full", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
               ProgressBar_default,
               {
                 className: "w-full",
@@ -4904,7 +5175,7 @@ var QuizResultPerformance = (0, import_react11.forwardRef)(
                 percentageClassName: "text-xs font-medium leading-[14px] text-right"
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
               ProgressBar_default,
               {
                 className: "w-full",
@@ -4918,7 +5189,7 @@ var QuizResultPerformance = (0, import_react11.forwardRef)(
                 percentageClassName: "text-xs font-medium leading-[14px] text-right"
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
               ProgressBar_default,
               {
                 className: "w-full",
@@ -4938,7 +5209,7 @@ var QuizResultPerformance = (0, import_react11.forwardRef)(
     );
   }
 );
-var QuizListResult = (0, import_react11.forwardRef)(({ className, onSubjectClick, ...props }, ref) => {
+var QuizListResult = (0, import_react12.forwardRef)(({ className, onSubjectClick, ...props }, ref) => {
   const {
     getQuestionsGroupedBySubject,
     isQuestionAnswered,
@@ -4969,9 +5240,9 @@ var QuizListResult = (0, import_react11.forwardRef)(({ className, onSubjectClick
       };
     }
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("section", { ref, className, ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("p", { className: "pt-6 pb-4 text-text-950 font-bold text-lg", children: "Mat\xE9rias" }),
-    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("ul", { className: "flex flex-col gap-2", children: subjectsStats.map((subject) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("section", { ref, className, ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("p", { className: "pt-6 pb-4 text-text-950 font-bold text-lg", children: "Mat\xE9rias" }),
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("ul", { className: "flex flex-col gap-2", children: subjectsStats.map((subject) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
       CardResults,
       {
         onClick: () => onSubjectClick?.(subject.subject),
@@ -4979,7 +5250,7 @@ var QuizListResult = (0, import_react11.forwardRef)(({ className, onSubjectClick
         header: subject.subject,
         correct_answers: subject.correct,
         incorrect_answers: subject.incorrect,
-        icon: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_phosphor_react8.Book, { size: 20 }),
+        icon: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_phosphor_react9.Book, { size: 20 }),
         direction: "row"
       }
     ) }, subject.subject)) })
@@ -4992,11 +5263,11 @@ var QuizListResultByMateria = ({
   const { getQuestionsGroupedBySubject, getUserAnswerByQuestionId } = useQuizStore();
   const groupedQuestions = getQuestionsGroupedBySubject();
   const answeredQuestions = groupedQuestions[subject] || [];
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "w-full max-w-[1000px] flex flex-col mx-auto h-full relative not-lg:px-6", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "flex flex-row pt-4 justify-between", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("p", { className: "text-text-950 font-bold text-2xl", children: subject }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("section", { className: "flex flex-col ", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("p", { className: "pt-6 pb-4 text-text-950 font-bold text-lg", children: "Resultado das quest\xF5es" }),
-      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("ul", { className: "flex flex-col gap-2 pt-4", children: answeredQuestions.map((question) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "w-full max-w-[1000px] flex flex-col mx-auto h-full relative not-lg:px-6", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "flex flex-row pt-4 justify-between", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("p", { className: "text-text-950 font-bold text-2xl", children: subject }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("section", { className: "flex flex-col ", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("p", { className: "pt-6 pb-4 text-text-950 font-bold text-lg", children: "Resultado das quest\xF5es" }),
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("ul", { className: "flex flex-col gap-2 pt-4", children: answeredQuestions.map((question) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
         CardStatus,
         {
           className: "max-w-full",
@@ -5019,6 +5290,7 @@ var QuizListResultByMateria = ({
   Quiz,
   QuizAlternative,
   QuizContent,
+  QuizDissertative,
   QuizFooter,
   QuizHeader,
   QuizHeaderResult,