analytica-frontend-lib 1.1.13 → 1.1.15

package/dist/index.mjs

@@ -4655,6 +4655,8 @@ var CardAudio = forwardRef12(
     const [duration, setDuration] = useState8(0);
     const [volume, setVolume] = useState8(1);
     const [showVolumeControl, setShowVolumeControl] = useState8(false);
+    const [showSpeedMenu, setShowSpeedMenu] = useState8(false);
+    const [playbackRate, setPlaybackRate] = useState8(1);
     const audioRef = useRef6(null);
     const formatTime2 = (time) => {
       const minutes = Math.floor(time / 60);
@@ -4708,6 +4710,16 @@ var CardAudio = forwardRef12(
     const toggleVolumeControl = () => {
       setShowVolumeControl(!showVolumeControl);
     };
+    const toggleSpeedMenu = () => {
+      setShowSpeedMenu(!showSpeedMenu);
+    };
+    const handleSpeedChange = (speed) => {
+      setPlaybackRate(speed);
+      if (audioRef.current) {
+        audioRef.current.playbackRate = speed;
+      }
+      setShowSpeedMenu(false);
+    };
     const getVolumeIcon = () => {
       if (volume === 0) {
         return /* @__PURE__ */ jsx26(SpeakerSimpleX, {});
@@ -4864,13 +4876,35 @@ var CardAudio = forwardRef12(
               }
             )
           ] }),
-          /* @__PURE__ */ jsx26(
-            DotsThreeVertical,
-            {
-              size: 24,
-              className: "text-text-950 cursor-pointer hover:text-primary-600"
-            }
-          )
+          /* @__PURE__ */ jsxs20("div", { className: "relative", children: [
+            /* @__PURE__ */ jsx26(
+              "button",
+              {
+                type: "button",
+                onClick: toggleSpeedMenu,
+                className: "cursor-pointer text-text-950 hover:text-primary-600",
+                "aria-label": "Op\xE7\xF5es de velocidade",
+                children: /* @__PURE__ */ jsx26(DotsThreeVertical, { size: 24 })
+              }
+            ),
+            showSpeedMenu && /* @__PURE__ */ jsx26("div", { className: "absolute bottom-full right-0 mb-2 p-2 bg-background border border-border-100 rounded-lg shadow-lg min-w-24 z-10", children: /* @__PURE__ */ jsx26("div", { className: "flex flex-col gap-1", children: [
+              { speed: 1, label: "1x" },
+              { speed: 1.5, label: "1.5x" },
+              { speed: 2, label: "2x" }
+            ].map(({ speed, label }) => /* @__PURE__ */ jsx26(
+              "button",
+              {
+                type: "button",
+                onClick: () => handleSpeedChange(speed),
+                className: cn(
+                  "px-3 py-1 text-sm text-left rounded hover:bg-border-50 transition-colors",
+                  playbackRate === speed ? "bg-primary-950 text-secondary-100 font-medium" : "text-text-950"
+                ),
+                children: label
+              },
+              speed
+            )) }) })
+          ] })
         ]
       }
     );
@@ -8295,12 +8329,12 @@ var useQuizStore = create7()(
           return unansweredQuestions;
         },
         getQuestionsGroupedBySubject: () => {
-          const { getActiveQuiz } = get();
-          const activeQuiz = getActiveQuiz();
-          if (!activeQuiz) return {};
+          const { getQuestionResult, getActiveQuiz, variant } = get();
+          const questions = variant == "result" ? getQuestionResult()?.answers : getActiveQuiz()?.quiz.questions;
+          if (!questions) return {};
           const groupedQuestions = {};
-          activeQuiz.quiz.questions.forEach((question) => {
-            const subjectId = question.knowledgeMatrix?.[0]?.subjectId || "Sem mat\xE9ria";
+          questions.forEach((question) => {
+            const subjectId = question.knowledgeMatrix?.[0]?.subject?.id || "Sem mat\xE9ria";
             if (!groupedQuestions[subjectId]) {
               groupedQuestions[subjectId] = [];
             }
@@ -8334,12 +8368,22 @@ var useQuizStore = create7()(
           return userAnswers;
         },
         setCurrentQuestion: (question) => {
-          const { getActiveQuiz } = get();
+          const { getActiveQuiz, variant, questionsResult } = get();
           const activeQuiz = getActiveQuiz();
           if (!activeQuiz) return;
-          const questionIndex = activeQuiz.quiz.questions.findIndex(
-            (q) => q.id === question.id
-          );
+          let questionIndex = 0;
+          if (variant == "result") {
+            if (!questionsResult) return;
+            const questionResult = questionsResult.answers.find((q) => q.id === question.id) ?? questionsResult.answers.find((q) => q.questionId === question.id);
+            if (!questionResult) return;
+            questionIndex = activeQuiz.quiz.questions.findIndex(
+              (q) => q.id === questionResult.questionId
+            );
+          } else {
+            questionIndex = activeQuiz.quiz.questions.findIndex(
+              (q) => q.id === question.id
+            );
+          }
           if (questionIndex === -1) {
             console.warn(
               `Question with id "${question.id}" not found in active quiz`
@@ -8370,20 +8414,23 @@ var useQuizStore = create7()(
           return userAnswer ? userAnswer.answerStatus : null;
         },
         getQuestionIndex: (questionId) => {
-          const { getActiveQuiz } = get();
-          const activeQuiz = getActiveQuiz();
-          if (!activeQuiz) return 0;
-          const questionIndex = activeQuiz.quiz.questions.findIndex(
-            (q) => q.id === questionId
+          const { questionsResult } = get();
+          if (!questionsResult) return 0;
+          let idx = questionsResult.answers.findIndex(
+            (q) => q.questionId === questionId
           );
-          return questionIndex + 1;
+          if (idx === -1) {
+            idx = questionsResult.answers.findIndex((q) => q.id === questionId);
+          }
+          return idx !== -1 ? idx + 1 : 0;
         },
         // Question Result
         getQuestionResultByQuestionId: (questionId) => {
           const { questionsResult } = get();
-          return questionsResult?.answers.find(
+          const question = questionsResult?.answers.find(
             (answer) => answer.questionId === questionId
-          ) || null;
+          );
+          return question || null;
         },
         getQuestionResultStatistics: () => {
           const { questionsResult } = get();
@@ -8534,8 +8581,8 @@ var QuizHeader = () => {
     HeaderAlternative,
     {
       title: currentQuestion ? `Quest\xE3o ${currentQuestionIndex + 1}` : "Quest\xE3o",
-      subTitle: currentQuestion?.knowledgeMatrix?.[0]?.topicId ?? "",
-      content: currentQuestion?.questionText ?? ""
+      subTitle: currentQuestion?.knowledgeMatrix?.[0]?.topic?.name ?? "",
+      content: currentQuestion?.statement ?? ""
     }
   );
 };
@@ -8584,10 +8631,10 @@ var QuizAlternative = ({ paddingBottom }) => {
   const alternatives = currentQuestion?.options?.map((option) => {
     let status = "neutral" /* NEUTRAL */;
     if (variant === "result") {
-      const isCorrectOption = currentQuestion.correctOptionIds?.includes(
-        option.id
+      const isCorrectOption = currentQuestionResult?.options?.find((op) => op.id === option.id)?.isCorrect || false;
+      const isSelected = currentQuestionResult?.selectedOptions.some(
+        (selectedOption) => selectedOption.optionId === option.id
       );
-      const isSelected = currentQuestionResult?.optionId === option.id;
       if (isCorrectOption) {
         status = "correct" /* CORRECT */;
       } else if (isSelected && !isCorrectOption) {
@@ -8613,8 +8660,8 @@ var QuizAlternative = ({ paddingBottom }) => {
         name: `question-${currentQuestion?.id || "1"}`,
         layout: "compact",
         alternatives,
-        value: variant === "result" ? currentQuestionResult?.optionId || "" : currentAnswer?.optionId || "",
-        selectedValue: variant === "result" ? currentQuestionResult?.optionId || "" : currentAnswer?.optionId || "",
+        value: variant === "result" ? currentQuestionResult?.selectedOptions[0]?.optionId || "" : currentAnswer?.optionId || "",
+        selectedValue: variant === "result" ? currentQuestionResult?.selectedOptions[0]?.optionId || "" : currentAnswer?.optionId || "",
         onValueChange: (value) => {
           if (currentQuestion) {
             selectAnswer(currentQuestion.id, value);
@@ -8659,15 +8706,16 @@ var QuizMultipleChoice = ({ paddingBottom }) => {
       prevSelectedValuesRef.current = selectedValues;
       return selectedValues;
     }
-    if (variant == "result" && currentQuestionResult?.options.length && currentQuestionResult?.options.length > 0) {
-      return currentQuestionResult?.options.map((op) => op.id) || [];
+    if (variant == "result") {
+      return currentQuestionResult?.selectedOptions.map((op) => op.optionId) || [];
+    } else {
+      return prevSelectedValuesRef.current;
     }
-    return prevSelectedValuesRef.current;
   }, [
     selectedValues,
     currentQuestion?.id,
     variant,
-    currentQuestionResult?.optionId
+    currentQuestionResult?.selectedOptions
   ]);
   const handleSelectedValues = useCallback4(
     (values) => {
@@ -8684,11 +8732,9 @@ var QuizMultipleChoice = ({ paddingBottom }) => {
   const choices = currentQuestion?.options?.map((option) => {
     let status = "neutral" /* NEUTRAL */;
     if (variant === "result") {
-      const isCorrectOption = currentQuestion.correctOptionIds?.includes(
-        option.id
-      );
-      const isSelected = currentQuestionResult?.options.find(
-        (op) => op.id === option.id
+      const isCorrectOption = currentQuestionResult?.options?.find((op) => op.id === option.id)?.isCorrect || false;
+      const isSelected = currentQuestionResult?.selectedOptions?.some(
+        (op) => op.optionId === option.id
       );
       if (isCorrectOption) {
         status = "correct" /* CORRECT */;
@@ -8964,7 +9010,7 @@ var QuizConnectDots = ({ paddingBottom }) => {
     }) }) })
   ] });
 };
-var QuizFill = ({ paddingBottom = "pb-[80px]" }) => {
+var QuizFill = ({ paddingBottom }) => {
   const { variant } = useQuizStore();
   const options = [
     "ci\xEAncia",
@@ -9322,7 +9368,7 @@ var QuizQuestionList = ({
     ([subjectId, questions]) => /* @__PURE__ */ jsxs32("section", { className: "flex flex-col gap-2", children: [
       /* @__PURE__ */ jsxs32("span", { className: "pt-6 pb-4 flex flex-row gap-2", children: [
         /* @__PURE__ */ jsx39("div", { className: "bg-primary-500 p-1 rounded-sm flex items-center justify-center", children: /* @__PURE__ */ jsx39(BookOpen, { size: 17, className: "text-white" }) }),
-        /* @__PURE__ */ jsx39("p", { className: "text-text-800 font-bold text-lg", children: subjectId })
+        /* @__PURE__ */ jsx39("p", { className: "text-text-800 font-bold text-lg", children: questions?.[0]?.knowledgeMatrix?.[0]?.subject?.name ?? "Sem mat\xE9ria" })
       ] }),
       /* @__PURE__ */ jsx39("ul", { className: "flex flex-col gap-2", children: questions.map((question) => {
         const status = getQuestionStatus(question.id);
@@ -9753,28 +9799,24 @@ var QuizResultPerformance = forwardRef19(
   }
 );
 var QuizListResult = forwardRef19(({ className, onSubjectClick, ...props }, ref) => {
-  const {
-    getQuestionsGroupedBySubject,
-    isQuestionAnswered,
-    getUserAnswerByQuestionId
-  } = useQuizStore();
+  const { getQuestionsGroupedBySubject } = useQuizStore();
   const groupedQuestions = getQuestionsGroupedBySubject();
   const subjectsStats = Object.entries(groupedQuestions).map(
     ([subjectId, questions]) => {
       let correct = 0;
       let incorrect = 0;
       questions.forEach((question) => {
-        if (isQuestionAnswered(question.id)) {
-          const userAnswerItem = getUserAnswerByQuestionId(question.id);
-          if (userAnswerItem?.answerStatus == "RESPOSTA_CORRETA" /* RESPOSTA_CORRETA */) {
-            correct++;
-          } else {
-            incorrect++;
-          }
+        if (question.answerStatus == "RESPOSTA_CORRETA" /* RESPOSTA_CORRETA */) {
+          correct++;
+        } else {
+          incorrect++;
         }
       });
       return {
-        subject: subjectId,
+        subject: {
+          name: questions?.[0]?.knowledgeMatrix?.[0]?.subject?.name ?? "Sem mat\xE9ria",
+          id: subjectId
+        },
         correct,
         incorrect,
         total: questions.length
@@ -9786,44 +9828,42 @@ var QuizListResult = forwardRef19(({ className, onSubjectClick, ...props }, ref)
     /* @__PURE__ */ jsx39("ul", { className: "flex flex-col gap-2", children: subjectsStats.map((subject) => /* @__PURE__ */ jsx39("li", { children: /* @__PURE__ */ jsx39(
       CardResults,
       {
-        onClick: () => onSubjectClick?.(subject.subject),
+        onClick: () => onSubjectClick?.(subject.subject.id),
         className: "max-w-full",
-        header: subject.subject,
+        header: subject.subject.name,
         correct_answers: subject.correct,
         incorrect_answers: subject.incorrect,
         icon: /* @__PURE__ */ jsx39(Book, { size: 20 }),
         direction: "row"
       }
-    ) }, subject.subject)) })
+    ) }, subject.subject.id)) })
   ] });
 });
 var QuizListResultByMateria = ({
   subject,
   onQuestionClick
 }) => {
-  const {
-    getQuestionsGroupedBySubject,
-    getUserAnswerByQuestionId,
-    getQuestionIndex
-  } = useQuizStore();
+  const { getQuestionsGroupedBySubject, getQuestionIndex } = useQuizStore();
   const groupedQuestions = getQuestionsGroupedBySubject();
   const answeredQuestions = groupedQuestions[subject] || [];
   return /* @__PURE__ */ jsxs32("div", { className: "w-full max-w-[1000px] flex flex-col mx-auto h-full relative not-lg:px-6", children: [
-    /* @__PURE__ */ jsx39("div", { className: "flex flex-row pt-4 justify-between", children: /* @__PURE__ */ jsx39("p", { className: "text-text-950 font-bold text-2xl", children: subject }) }),
+    /* @__PURE__ */ jsx39("div", { className: "flex flex-row pt-4 justify-between", children: /* @__PURE__ */ jsx39("p", { className: "text-text-950 font-bold text-2xl", children: answeredQuestions?.[0]?.knowledgeMatrix?.[0]?.subject?.name ?? "Sem mat\xE9ria" }) }),
     /* @__PURE__ */ jsxs32("section", { className: "flex flex-col ", children: [
       /* @__PURE__ */ jsx39("p", { className: "pt-6 pb-4 text-text-950 font-bold text-lg", children: "Resultado das quest\xF5es" }),
       /* @__PURE__ */ jsx39("ul", { className: "flex flex-col gap-2 pt-4", children: answeredQuestions.map((question) => {
-        const questionIndex = getQuestionIndex(question.id);
+        const questionIndex = getQuestionIndex(
+          // eslint-disable-next-line @typescript-eslint/no-explicit-any
+          question.questionId ?? question.id
+        );
         return /* @__PURE__ */ jsx39("li", { children: /* @__PURE__ */ jsx39(
           CardStatus,
           {
             className: "max-w-full",
             header: `Quest\xE3o ${questionIndex.toString().padStart(2, "0")}`,
             status: (() => {
-              const userAnswer = getUserAnswerByQuestionId(question.id);
-              if (userAnswer?.answerStatus === "RESPOSTA_CORRETA" /* RESPOSTA_CORRETA */)
+              if (question.answerStatus === "RESPOSTA_CORRETA" /* RESPOSTA_CORRETA */)
                 return "correct";
-              if (userAnswer?.answerStatus === "RESPOSTA_INCORRETA" /* RESPOSTA_INCORRETA */)
+              if (question.answerStatus === "RESPOSTA_INCORRETA" /* RESPOSTA_INCORRETA */)
                 return "incorrect";
               return void 0;
             })(),