analytica-frontend-lib 1.0.95 → 1.0.96

package/dist/index.mjs

@@ -5883,9 +5883,9 @@ import {
 import { CaretDown, Check as Check5, WarningCircle as WarningCircle5 } from "phosphor-react";
 import { Fragment as Fragment6, jsx as jsx32, jsxs as jsxs26 } from "react/jsx-runtime";
 var VARIANT_CLASSES4 = {
-  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_CLASSES12 = {
   small: "text-sm",
@@ -5970,6 +5970,7 @@ var injectStore4 = (children, store, size, selectId) => {
 var Select = ({
   children,
   defaultValue = "",
+  className,
   value: propValue,
   onValueChange,
   size = "small",
@@ -6051,7 +6052,7 @@ var Select = ({
     }
   }, [propValue]);
   const sizeClasses = SIZE_CLASSES12[size];
-  return /* @__PURE__ */ jsxs26("div", { className: "w-full", children: [
+  return /* @__PURE__ */ jsxs26("div", { className: cn("w-auto", className), children: [
     label && /* @__PURE__ */ jsx32(
       "label",
       {
@@ -6060,8 +6061,8 @@ var Select = ({
         children: label
       }
     ),
-    /* @__PURE__ */ jsx32("div", { className: cn("relative", sizeClasses), ref: selectRef, children: injectStore4(children, store, size, selectId) }),
-    /* @__PURE__ */ jsxs26("div", { className: "mt-1.5 gap-1.5", children: [
+    /* @__PURE__ */ jsx32("div", { className: cn("relative"), ref: selectRef, children: injectStore4(children, store, size, selectId) }),
+    (helperText || errorMessage) && /* @__PURE__ */ jsxs26("div", { className: "mt-1.5 gap-1.5", children: [
       helperText && /* @__PURE__ */ jsx32("p", { className: "text-sm text-text-500", children: helperText }),
       errorMessage && /* @__PURE__ */ jsxs26("p", { className: "flex gap-1 items-center text-sm text-indicator-error", children: [
         /* @__PURE__ */ jsx32(WarningCircle5, { size: 16 }),
@@ -6102,15 +6103,16 @@ var SelectTrigger = forwardRef16(
       {
         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",
@@ -6183,10 +6185,12 @@ var SelectItem = forwardRef16(
     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);
     };
@@ -7154,6 +7158,10 @@ var useQuizStore = create7()(
             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
           );
@@ -7161,8 +7169,10 @@ var useQuizStore = create7()(
             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) {
@@ -7185,6 +7195,10 @@ var useQuizStore = create7()(
             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
           );
@@ -7194,7 +7208,11 @@ var useQuizStore = create7()(
               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 = [
@@ -7205,6 +7223,50 @@ var useQuizStore = create7()(
             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();
@@ -7225,7 +7287,9 @@ var useQuizStore = create7()(
               activityId,
               userId,
               answer: null,
-              optionId: null
+              optionId: null,
+              questionType: currentQuestion.type,
+              answerStatus: "PENDENTE_AVALIACAO" /* PENDENTE_AVALIACAO */
             };
             let updatedUserAnswers;
             if (existingAnswerIndex !== -1) {
@@ -7249,6 +7313,10 @@ var useQuizStore = create7()(
             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
           );
@@ -7256,8 +7324,10 @@ var useQuizStore = create7()(
             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];
@@ -7307,7 +7377,9 @@ var useQuizStore = create7()(
         },
         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();
@@ -7318,8 +7390,8 @@ var useQuizStore = create7()(
             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);
             }
@@ -7328,7 +7400,9 @@ var useQuizStore = create7()(
         },
         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();
@@ -7341,14 +7415,14 @@ var useQuizStore = create7()(
           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();
@@ -7357,7 +7431,7 @@ var useQuizStore = create7()(
           const userAnswer = userAnswers.find(
             (answer) => answer.questionId === currentQuestion.id
           );
-          return userAnswer?.optionId;
+          return userAnswer;
         },
         getAllCurrentAnswer: () => {
           const { getCurrentQuestion, userAnswers } = get();
@@ -7391,8 +7465,8 @@ var useQuizStore = create7()(
             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);
             }
@@ -7423,7 +7497,7 @@ var useQuizStore = create7()(
           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();
@@ -7452,6 +7526,27 @@ var useQuizStore = create7()(
             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;
         }
       };
     },
@@ -7482,35 +7577,18 @@ var Quiz = forwardRef19(({ children, className, ...props }, ref) => {
 });
 var QuizHeaderResult = forwardRef19(
   ({ className, ...props }, ref) => {
-    const { getCurrentQuestion, getCurrentAnswer, getAllCurrentAnswer } = useQuizStore();
-    const currentQuestion = getCurrentQuestion();
-    const userAnswer = getCurrentAnswer();
+    const { getAllCurrentAnswer } = useQuizStore();
+    const usersAnswer = getAllCurrentAnswer();
     const [isCorrect, setIsCorrect] = useState14(false);
     useEffect13(() => {
-      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 {
+      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]);
+    }, [usersAnswer]);
     return /* @__PURE__ */ jsxs30(
       "div",
       {
@@ -7574,8 +7652,9 @@ var QuizHeader = () => {
   );
 };
 var QuizContent = forwardRef19(({ type = "Alternativas", className, variant, ...props }, ref) => {
-  const { getCurrentQuestion } = useQuizStore();
+  const { getCurrentQuestion, getCurrentAnswer } = useQuizStore();
   const currentQuestion = getCurrentQuestion();
+  const currentAnswer = getCurrentAnswer();
   return /* @__PURE__ */ jsxs30(Fragment8, { children: [
     /* @__PURE__ */ jsx37("div", { className: "px-4 pb-2 pt-6", children: /* @__PURE__ */ jsx37("p", { className: "font-bold text-lg text-text-950", children: type }) }),
     /* @__PURE__ */ jsx37(
@@ -7583,17 +7662,32 @@ var QuizContent = forwardRef19(({ type = "Alternativas", className, variant, ...
       {
         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__ */ jsxs30(Fragment8, { children: [
           currentQuestion.type === "ALTERNATIVA" /* ALTERNATIVA */ && /* @__PURE__ */ jsx37(QuizAlternative, { variant }),
           currentQuestion.type === "MULTIPLA_CHOICE" /* MULTIPLA_CHOICE */ && /* @__PURE__ */ jsx37(QuizMultipleChoice, { variant }),
-          currentQuestion.type === "DISSERTATIVA" /* DISSERTATIVA */ && /* @__PURE__ */ jsx37("div", { children: "Componente de dissertativa" })
+          currentQuestion.type === "DISSERTATIVA" /* DISSERTATIVA */ && /* @__PURE__ */ jsx37(QuizDissertative, { variant })
         ] })
       }
-    )
+    ),
+    currentQuestion?.type === "DISSERTATIVA" /* DISSERTATIVA */ && variant === "result" && currentAnswer?.answerStatus == "RESPOSTA_INCORRETA" /* RESPOSTA_INCORRETA */ && /* @__PURE__ */ jsxs30(Fragment8, { children: [
+      /* @__PURE__ */ jsx37("div", { className: "px-4 pb-2 pt-6", children: /* @__PURE__ */ jsx37("p", { className: "font-bold text-lg text-text-950", children: "Observa\xE7\xE3o do professor" }) }),
+      /* @__PURE__ */ jsx37(
+        "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__ */ jsx37("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" }) => {
@@ -7608,7 +7702,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 */;
       }
     }
@@ -7627,8 +7721,8 @@ var QuizAlternative = ({ variant = "default" }) => {
       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);
@@ -7709,6 +7803,46 @@ var QuizMultipleChoice = ({
     questionKey
   ) });
 };
+var QuizDissertative = ({
+  variant = "default"
+}) => {
+  const { getCurrentQuestion, getCurrentAnswer, selectDissertativeAnswer } = useQuizStore();
+  const currentQuestion = getCurrentQuestion();
+  const currentAnswer = getCurrentAnswer();
+  const textareaRef = useRef9(null);
+  const handleAnswerChange = (value) => {
+    if (currentQuestion) {
+      selectDissertativeAnswer(currentQuestion.id, value);
+    }
+  };
+  const adjustTextareaHeight = useCallback2(() => {
+    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`;
+    }
+  }, []);
+  useEffect13(() => {
+    adjustTextareaHeight();
+  }, [currentAnswer, adjustTextareaHeight]);
+  if (!currentQuestion) {
+    return /* @__PURE__ */ jsx37("div", { className: "space-y-4", children: /* @__PURE__ */ jsx37("p", { className: "text-text-600 text-md", children: "Nenhuma quest\xE3o dispon\xEDvel" }) });
+  }
+  return /* @__PURE__ */ jsx37("div", { className: "space-y-4 max-h-[600px] overflow-y-auto", children: variant === "default" ? /* @__PURE__ */ jsx37("div", { className: "space-y-4", children: /* @__PURE__ */ jsx37(
+    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__ */ jsx37("div", { className: "space-y-4", children: /* @__PURE__ */ jsx37("p", { className: "text-text-600 text-md whitespace-pre-wrap", children: currentAnswer?.answer || "Nenhuma resposta fornecida" }) }) });
+};
 var QuizQuestionList = ({
   filterType = "all",
   onQuestionClick
@@ -8300,11 +8434,13 @@ export {
   Quiz,
   QuizAlternative,
   QuizContent,
+  QuizDissertative,
   QuizFooter,
   QuizHeader,
   QuizHeaderResult,
   QuizListResult,
   QuizListResultByMateria,
+  QuizMultipleChoice,
   QuizQuestionList,
   QuizResultHeaderTitle,
   QuizResultPerformance,