analytica-frontend-lib 1.1.90 → 1.1.92

package/dist/index.js

@@ -8389,7 +8389,6 @@ var DownloadButton = ({
             await new Promise((resolve) => setTimeout(resolve, 200));
           }
         } catch (error) {
-          console.error(`Erro ao baixar ${item.label}:`, error);
           onDownloadError?.(
             item.type,
             error instanceof Error ? error : new Error(`Falha ao baixar ${item.label}`)
@@ -8615,6 +8614,7 @@ var VideoPlayer = ({
   const [showControls, setShowControls] = (0, import_react27.useState)(true);
   const [hasCompleted, setHasCompleted] = (0, import_react27.useState)(false);
   const [showCaptions, setShowCaptions] = (0, import_react27.useState)(false);
+  const [subtitlesValidation, setSubtitlesValidation] = (0, import_react27.useState)("idle");
   (0, import_react27.useEffect)(() => {
     setHasCompleted(false);
   }, [src]);
@@ -8900,11 +8900,12 @@ var VideoPlayer = ({
     setShowSpeedMenu(!showSpeedMenu);
   }, [showSpeedMenu]);
   const toggleCaptions = (0, import_react27.useCallback)(() => {
-    if (!trackRef.current?.track || !subtitles) return;
+    if (!trackRef.current?.track || !subtitles || subtitlesValidation !== "valid")
+      return;
     const newShowCaptions = !showCaptions;
     setShowCaptions(newShowCaptions);
-    trackRef.current.track.mode = newShowCaptions && subtitles ? "showing" : "hidden";
-  }, [showCaptions, subtitles]);
+    trackRef.current.track.mode = newShowCaptions ? "showing" : "hidden";
+  }, [showCaptions, subtitles, subtitlesValidation]);
   const checkVideoCompletion = (0, import_react27.useCallback)(
     (progressPercent) => {
       if (progressPercent >= 95 && !hasCompleted) {
@@ -8932,11 +8933,58 @@ var VideoPlayer = ({
       setDuration(videoRef.current.duration);
     }
   }, []);
+  (0, import_react27.useEffect)(() => {
+    const controller = new AbortController();
+    const validateSubtitles = async () => {
+      if (!subtitles) {
+        setSubtitlesValidation("idle");
+        return;
+      }
+      setSubtitlesValidation("validating");
+      try {
+        if (subtitles.startsWith("data:")) {
+          setSubtitlesValidation("valid");
+          return;
+        }
+        const response = await fetch(subtitles, {
+          method: "HEAD",
+          signal: controller.signal
+        });
+        if (response.ok) {
+          const contentType = response.headers.get("content-type");
+          const isValidType = !contentType || contentType.includes("text/vtt") || contentType.includes("text/plain") || contentType.includes("application/octet-stream");
+          if (isValidType) {
+            setSubtitlesValidation("valid");
+          } else {
+            setSubtitlesValidation("invalid");
+            console.warn(
+              `Subtitles URL has invalid content type: ${contentType}`
+            );
+          }
+        } else {
+          setSubtitlesValidation("invalid");
+          console.warn(
+            `Subtitles URL returned status: ${response.status} ${response.statusText}`
+          );
+        }
+      } catch (error) {
+        if (error instanceof Error && error.name === "AbortError") {
+          return;
+        }
+        console.warn("Subtitles URL validation failed:", error);
+        setSubtitlesValidation("invalid");
+      }
+    };
+    validateSubtitles();
+    return () => {
+      controller.abort();
+    };
+  }, [subtitles]);
   (0, import_react27.useEffect)(() => {
     if (trackRef.current?.track) {
-      trackRef.current.track.mode = showCaptions && subtitles ? "showing" : "hidden";
+      trackRef.current.track.mode = showCaptions && subtitles && subtitlesValidation === "valid" ? "showing" : "hidden";
     }
-  }, [subtitles, showCaptions]);
+  }, [subtitles, showCaptions, subtitlesValidation]);
   (0, import_react27.useEffect)(() => {
     const handleVisibilityChange = () => {
       if (document.hidden && isPlaying && videoRef.current) {
@@ -8990,61 +9038,57 @@ var VideoPlayer = ({
   const getBottomControlsOpacity = (0, import_react27.useCallback)(() => {
     return showControls ? "opacity-100" : "opacity-0";
   }, [showControls]);
+  const seekBackward = (0, import_react27.useCallback)(() => {
+    if (videoRef.current) {
+      videoRef.current.currentTime -= 10;
+    }
+  }, []);
+  const seekForward = (0, import_react27.useCallback)(() => {
+    if (videoRef.current) {
+      videoRef.current.currentTime += 10;
+    }
+  }, []);
+  const increaseVolume = (0, import_react27.useCallback)(() => {
+    handleVolumeChange(Math.min(100, volume * 100 + 10));
+  }, [handleVolumeChange, volume]);
+  const decreaseVolume = (0, import_react27.useCallback)(() => {
+    handleVolumeChange(Math.max(0, volume * 100 - 10));
+  }, [handleVolumeChange, volume]);
   const handleVideoKeyDown = (0, import_react27.useCallback)(
     (e) => {
-      if (e.key) {
-        e.stopPropagation();
-        showControlsWithTimer();
-      }
-      switch (e.key) {
-        case " ":
-        case "Enter":
-          e.preventDefault();
-          togglePlayPause();
-          break;
-        case "ArrowLeft":
-          e.preventDefault();
-          if (videoRef.current) {
-            videoRef.current.currentTime -= 10;
-          }
-          break;
-        case "ArrowRight":
-          e.preventDefault();
-          if (videoRef.current) {
-            videoRef.current.currentTime += 10;
-          }
-          break;
-        case "ArrowUp":
-          e.preventDefault();
-          handleVolumeChange(Math.min(100, volume * 100 + 10));
-          break;
-        case "ArrowDown":
-          e.preventDefault();
-          handleVolumeChange(Math.max(0, volume * 100 - 10));
-          break;
-        case "m":
-        case "M":
-          e.preventDefault();
-          toggleMute();
-          break;
-        case "f":
-        case "F":
-          e.preventDefault();
-          toggleFullscreen();
-          break;
-        default:
-          break;
+      if (!e.key) return;
+      e.stopPropagation();
+      showControlsWithTimer();
+      const keyHandlers = {
+        " ": togglePlayPause,
+        Enter: togglePlayPause,
+        ArrowLeft: seekBackward,
+        ArrowRight: seekForward,
+        ArrowUp: increaseVolume,
+        ArrowDown: decreaseVolume,
+        m: toggleMute,
+        M: toggleMute,
+        f: toggleFullscreen,
+        F: toggleFullscreen
+      };
+      const handler = keyHandlers[e.key];
+      if (handler) {
+        e.preventDefault();
+        handler();
       }
     },
     [
       showControlsWithTimer,
       togglePlayPause,
-      handleVolumeChange,
-      volume,
+      seekBackward,
+      seekForward,
+      increaseVolume,
+      decreaseVolume,
       toggleMute,
       toggleFullscreen
     ]
   );
+  const groupedSubTitleValid = subtitles && subtitlesValidation === "valid";
   return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: cn("flex flex-col", className), children: [
     (title || subtitleText) && /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "bg-subject-1 px-8 py-4 flex items-end justify-between min-h-20", children: [
       /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "flex flex-col gap-1", children: [
@@ -9118,9 +9162,9 @@ var VideoPlayer = ({
                 {
                   ref: trackRef,
                   kind: "captions",
-                  src: subtitles || "data:text/vtt;charset=utf-8,WEBVTT",
+                  src: groupedSubTitleValid ? subtitles : "data:text/vtt;charset=utf-8,WEBVTT",
                   srcLang: "pt-br",
-                  label: subtitles ? "Legendas em Portugu\xEAs" : "Sem legendas dispon\xEDveis",
+                  label: groupedSubTitleValid ? "Legendas em Portugu\xEAs" : "Sem legendas dispon\xEDveis",
                   default: false
                 }
               )
@@ -9209,7 +9253,7 @@ var VideoPlayer = ({
                             showSlider: !isUltraSmallMobile
                           }
                         ),
-                        subtitles && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+                        groupedSubTitleValid && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
                           IconButton_default,
                           {
                             icon: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_phosphor_react19.ClosedCaptioning, { size: getIconSize2() }),
@@ -10207,7 +10251,6 @@ var useQuizStore = (0, import_zustand9.create)()(
           const activityId = quiz.id;
           const userId = get().getUserId();
           if (!userId || userId === "") {
-            console.warn("selectAnswer called before userId is set");
             return;
           }
           const question = quiz.questions.find((q) => q.id === questionId);
@@ -10241,7 +10284,6 @@ var useQuizStore = (0, import_zustand9.create)()(
           const activityId = quiz.id;
           const userId = get().getUserId();
           if (!userId || userId === "") {
-            console.warn("selectMultipleAnswer called before userId is set");
             return;
           }
           const question = quiz.questions.find((q) => q.id === questionId);
@@ -10276,16 +10318,10 @@ var useQuizStore = (0, import_zustand9.create)()(
           const activityId = quiz.id;
           const userId = get().getUserId();
           if (!userId || userId === "") {
-            console.warn(
-              "selectDissertativeAnswer called before userId is set"
-            );
             return;
           }
           const question = quiz.questions.find((q) => q.id === questionId);
           if (!question || question.questionType !== "DISSERTATIVA" /* DISSERTATIVA */) {
-            console.warn(
-              "selectDissertativeAnswer called for non-dissertative question"
-            );
             return;
           }
           const existingAnswerIndex = userAnswers.findIndex(
@@ -10319,7 +10355,6 @@ var useQuizStore = (0, import_zustand9.create)()(
             const activityId = quiz.id;
             const userId = get().getUserId();
             if (!userId || userId === "") {
-              console.warn("skipQuestion called before userId is set");
               return;
             }
             const existingAnswerIndex = userAnswers.findIndex(
@@ -10352,7 +10387,6 @@ var useQuizStore = (0, import_zustand9.create)()(
           const activityId = quiz.id;
           const userId = get().getUserId();
           if (!userId || userId === "") {
-            console.warn("addUserAnswer called before userId is set");
             return;
           }
           const question = quiz.questions.find((q) => q.id === questionId);
@@ -10580,9 +10614,6 @@ var useQuizStore = (0, import_zustand9.create)()(
             );
           }
           if (questionIndex === -1) {
-            console.warn(
-              `Question with id "${question.id}" not found in active quiz`
-            );
             return;
           }
           set({ currentQuestionIndex: questionIndex });
@@ -11939,34 +11970,16 @@ var QuizFooter = (0, import_react36.forwardRef)(
                 children: "Avan\xE7ar"
               }
             )
-          ] }) : /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "flex flex-row items-center justify-between w-full", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("span", { children: quiz?.canRetry && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
-              Button_default,
-              {
-                variant: "link",
-                action: "primary",
-                size: "medium",
-                onClick: () => openModal("modalResolution"),
-                children: "Ver Resolu\xE7\xE3o"
-              }
-            ) }),
-            /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
-              Button_default,
-              {
-                variant: "solid",
-                action: "primary",
-                size: "medium",
-                onClick: () => {
-                  if (quiz?.canRetry) {
-                    onRepeat?.();
-                  } else {
-                    openModal("modalResolution");
-                  }
-                },
-                children: quiz?.canRetry ? `Repetir ${getTypeLabel(quiz.type)}` : "Ver Resolu\xE7\xE3o"
-              }
-            )
-          ] })
+          ] }) : /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: "flex flex-row items-center justify-center w-full", children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+            Button_default,
+            {
+              variant: "link",
+              action: "primary",
+              size: "medium",
+              onClick: () => openModal("modalResolution"),
+              children: "Ver resolu\xE7\xE3o"
+            }
+          ) })
         }
       ),
       /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
@@ -12245,17 +12258,32 @@ var QuizHeaderResult = (0, import_react37.forwardRef)(
     );
   }
 );
-var QuizResultHeaderTitle = (0, import_react37.forwardRef)(({ className, showBadge = true, ...props }, ref) => {
+var QuizResultHeaderTitle = (0, import_react37.forwardRef)(({ className, showBadge = true, onRepeat, canRetry, ...props }, ref) => {
   const { quiz } = useQuizStore();
   return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(
     "div",
     {
       ref,
-      className: cn("flex flex-row pt-4 justify-between", className),
+      className: cn(
+        "flex flex-row pt-4 justify-between items-center",
+        className
+      ),
       ...props,
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("p", { className: "text-text-950 font-bold text-2xl", children: "Resultado" }),
-        showBadge && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(QuizBadge, { subtype: quiz?.subtype || void 0 })
+        /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { className: "flex flex-row gap-3 items-center", children: [
+          canRetry && onRepeat && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+            Button_default,
+            {
+              variant: "solid",
+              action: "primary",
+              size: "medium",
+              onClick: onRepeat,
+              children: "Repetir question\xE1rio"
+            }
+          ),
+          showBadge && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(QuizBadge, { subtype: quiz?.subtype || void 0 })
+        ] })
       ]
     }
   );
@@ -12447,14 +12475,15 @@ var QuizListResult = (0, import_react37.forwardRef)(({ className, onSubjectClick
 });
 var QuizListResultByMateria = ({
   subject,
-  onQuestionClick
+  onQuestionClick,
+  subjectName
 }) => {
   const { getQuestionsGroupedBySubject, getQuestionIndex } = useQuizStore();
   const groupedQuestions = getQuestionsGroupedBySubject();
   const answeredQuestions = groupedQuestions[subject] || [];
   const formattedQuestions = subject == "all" ? Object.values(groupedQuestions).flat() : answeredQuestions;
   return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { className: "flex flex-col", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { className: "flex flex-row pt-4 justify-between", children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("p", { className: "text-text-950 font-bold text-2xl", children: answeredQuestions?.[0]?.knowledgeMatrix?.[0]?.subject?.name ?? "Sem mat\xE9ria" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { className: "flex flex-row pt-4 justify-between", children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("p", { className: "text-text-950 font-bold text-2xl", children: subjectName || formattedQuestions?.[0]?.knowledgeMatrix?.[0]?.subject?.name || "Sem mat\xE9ria" }) }),
     /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("section", { className: "flex flex-col ", children: [
       /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("p", { className: "pt-6 pb-4 text-text-950 font-bold text-lg", children: "Resultado das quest\xF5es" }),
       /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("ul", { className: "flex flex-col gap-2 pt-4", children: formattedQuestions.map((question) => {