analytica-frontend-lib 1.1.6 → 1.1.8

package/dist/index.mjs

@@ -7205,17 +7205,135 @@ var VideoPlayer = ({
 };
 var VideoPlayer_default = VideoPlayer;
 
+// src/components/Whiteboard/Whiteboard.tsx
+import { useCallback as useCallback2, useState as useState14 } from "react";
+import { DownloadSimple } from "phosphor-react";
+import { Fragment as Fragment7, jsx as jsx37, jsxs as jsxs31 } from "react/jsx-runtime";
+var IMAGE_WIDTH = 225;
+var IMAGE_HEIGHT = 90;
+var Whiteboard = ({
+  images,
+  showDownload = true,
+  className,
+  onDownload,
+  imagesPerRow = 2,
+  ...rest
+}) => {
+  const [imageErrors, setImageErrors] = useState14(/* @__PURE__ */ new Set());
+  const handleDownload = useCallback2(
+    (image) => {
+      if (onDownload) {
+        onDownload(image);
+      } else {
+        const link = document.createElement("a");
+        link.href = image.imageUrl;
+        link.download = image.title || `whiteboard-${image.id}`;
+        link.target = "_blank";
+        link.rel = "noopener noreferrer";
+        document.body.appendChild(link);
+        link.click();
+        document.body.removeChild(link);
+      }
+    },
+    [onDownload]
+  );
+  const handleImageError = useCallback2((imageId) => {
+    setImageErrors((prev) => new Set(prev).add(imageId));
+  }, []);
+  const gridColsClass = images?.length === 1 ? "grid-cols-1" : {
+    2: "grid-cols-1 sm:grid-cols-2",
+    3: "grid-cols-1 sm:grid-cols-2 lg:grid-cols-3",
+    4: "grid-cols-1 sm:grid-cols-2 lg:grid-cols-4"
+  }[imagesPerRow];
+  if (!images || images.length === 0) {
+    return /* @__PURE__ */ jsx37(
+      "div",
+      {
+        className: cn(
+          "flex items-center justify-center p-8 bg-white border border-gray-100 rounded-xl",
+          className
+        ),
+        ...rest,
+        children: /* @__PURE__ */ jsx37("p", { className: "text-gray-400 text-sm", children: "Nenhuma imagem dispon\xEDvel" })
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx37(
+    "div",
+    {
+      className: cn(
+        "flex flex-col bg-white border border-gray-100 p-4 gap-2 rounded-xl w-fit mx-auto",
+        className
+      ),
+      ...rest,
+      children: /* @__PURE__ */ jsx37("div", { className: cn("grid gap-4", gridColsClass), children: images.map((image) => /* @__PURE__ */ jsxs31(
+        "div",
+        {
+          className: "relative group overflow-hidden bg-gray-100 rounded-lg",
+          style: {
+            width: `${IMAGE_WIDTH}px`
+          },
+          children: [
+            /* @__PURE__ */ jsx37(
+              "div",
+              {
+                className: "relative",
+                style: {
+                  width: `${IMAGE_WIDTH}px`,
+                  height: `${IMAGE_HEIGHT}px`
+                },
+                children: imageErrors.has(image.id) ? /* @__PURE__ */ jsx37("div", { className: "absolute inset-0 flex items-center justify-center bg-gray-200", children: /* @__PURE__ */ jsx37("p", { className: "text-gray-500 text-sm text-center px-2", children: "Imagem indispon\xEDvel" }) }) : /* @__PURE__ */ jsxs31(Fragment7, { children: [
+                  /* @__PURE__ */ jsx37(
+                    "img",
+                    {
+                      src: image.imageUrl,
+                      alt: image.title || `Whiteboard ${image.id}`,
+                      className: "absolute inset-0 w-full h-full object-cover",
+                      loading: "lazy",
+                      onError: () => handleImageError(image.id)
+                    }
+                  ),
+                  /* @__PURE__ */ jsx37("div", { className: "absolute inset-0 bg-gradient-to-t from-black/20 to-transparent" })
+                ] })
+              }
+            ),
+            showDownload && /* @__PURE__ */ jsx37(
+              "button",
+              {
+                type: "button",
+                onClick: () => handleDownload(image),
+                className: "absolute bottom-3 right-3 flex items-center justify-center bg-black/20 backdrop-blur-sm rounded hover:bg-black/30 transition-colors duration-200 group/button w-6 h-6",
+                "aria-label": `Download ${image.title || "imagem"}`,
+                children: /* @__PURE__ */ jsx37(
+                  DownloadSimple,
+                  {
+                    size: 24,
+                    weight: "regular",
+                    className: "text-white group-hover/button:scale-110 transition-transform duration-200"
+                  }
+                )
+              }
+            )
+          ]
+        },
+        image.id
+      )) })
+    }
+  );
+};
+var Whiteboard_default = Whiteboard;
+
 // src/components/Auth/Auth.tsx
 import {
   createContext,
   useContext,
   useEffect as useEffect12,
-  useState as useState14,
-  useCallback as useCallback2,
+  useState as useState15,
+  useCallback as useCallback3,
   useMemo as useMemo4
 } from "react";
 import { useLocation, Navigate } from "react-router-dom";
-import { Fragment as Fragment7, jsx as jsx37 } from "react/jsx-runtime";
+import { Fragment as Fragment8, jsx as jsx38 } from "react/jsx-runtime";
 var AuthContext = createContext(void 0);
 var AuthProvider = ({
   children,
@@ -7226,12 +7344,12 @@ var AuthProvider = ({
   getSessionFn,
   getTokensFn
 }) => {
-  const [authState, setAuthState] = useState14({
+  const [authState, setAuthState] = useState15({
     isAuthenticated: false,
     isLoading: true,
     ...initialAuthState
   });
-  const checkAuth = useCallback2(async () => {
+  const checkAuth = useCallback3(async () => {
     try {
       setAuthState((prev) => ({ ...prev, isLoading: true }));
       if (!checkAuthFn) {
@@ -7262,7 +7380,7 @@ var AuthProvider = ({
       return false;
     }
   }, [checkAuthFn, getUserFn, getSessionFn, getTokensFn]);
-  const signOut = useCallback2(() => {
+  const signOut = useCallback3(() => {
     if (signOutFn) {
       signOutFn();
     }
@@ -7285,7 +7403,7 @@ var AuthProvider = ({
     }),
     [authState, checkAuth, signOut]
   );
-  return /* @__PURE__ */ jsx37(AuthContext.Provider, { value: contextValue, children });
+  return /* @__PURE__ */ jsx38(AuthContext.Provider, { value: contextValue, children });
 };
 var useAuth = () => {
   const context = useContext(AuthContext);
@@ -7301,9 +7419,9 @@ var ProtectedRoute = ({
   additionalCheck
 }) => {
   const { isAuthenticated, isLoading, ...authState } = useAuth();
-  const defaultLoadingComponent = /* @__PURE__ */ jsx37("div", { className: "flex items-center justify-center min-h-screen", children: /* @__PURE__ */ jsx37("div", { className: "text-text-950 text-lg", children: "Carregando..." }) });
+  const defaultLoadingComponent = /* @__PURE__ */ jsx38("div", { className: "flex items-center justify-center min-h-screen", children: /* @__PURE__ */ jsx38("div", { className: "text-text-950 text-lg", children: "Carregando..." }) });
   if (isLoading) {
-    return /* @__PURE__ */ jsx37(Fragment7, { children: loadingComponent || defaultLoadingComponent });
+    return /* @__PURE__ */ jsx38(Fragment8, { children: loadingComponent || defaultLoadingComponent });
   }
   if (!isAuthenticated) {
     if (typeof window !== "undefined") {
@@ -7314,12 +7432,12 @@ var ProtectedRoute = ({
         return null;
       }
     }
-    return /* @__PURE__ */ jsx37(Navigate, { to: redirectTo, replace: true });
+    return /* @__PURE__ */ jsx38(Navigate, { to: redirectTo, replace: true });
   }
   if (additionalCheck && !additionalCheck({ isAuthenticated, isLoading, ...authState })) {
-    return /* @__PURE__ */ jsx37(Navigate, { to: redirectTo, replace: true });
+    return /* @__PURE__ */ jsx38(Navigate, { to: redirectTo, replace: true });
   }
-  return /* @__PURE__ */ jsx37(Fragment7, { children });
+  return /* @__PURE__ */ jsx38(Fragment8, { children });
 };
 var PublicRoute = ({
   children,
@@ -7329,15 +7447,15 @@ var PublicRoute = ({
 }) => {
   const { isAuthenticated, isLoading } = useAuth();
   if (checkAuthBeforeRender && isLoading) {
-    return /* @__PURE__ */ jsx37("div", { className: "flex items-center justify-center min-h-screen", children: /* @__PURE__ */ jsx37("div", { className: "text-text-950 text-lg", children: "Carregando..." }) });
+    return /* @__PURE__ */ jsx38("div", { className: "flex items-center justify-center min-h-screen", children: /* @__PURE__ */ jsx38("div", { className: "text-text-950 text-lg", children: "Carregando..." }) });
   }
   if (isAuthenticated && redirectIfAuthenticated) {
-    return /* @__PURE__ */ jsx37(Navigate, { to: redirectTo, replace: true });
+    return /* @__PURE__ */ jsx38(Navigate, { to: redirectTo, replace: true });
   }
-  return /* @__PURE__ */ jsx37(Fragment7, { children });
+  return /* @__PURE__ */ jsx38(Fragment8, { children });
 };
 var withAuth = (Component, options = {}) => {
-  return (props) => /* @__PURE__ */ jsx37(ProtectedRoute, { ...options, children: /* @__PURE__ */ jsx37(Component, { ...props }) });
+  return (props) => /* @__PURE__ */ jsx38(ProtectedRoute, { ...options, children: /* @__PURE__ */ jsx38(Component, { ...props }) });
 };
 var useAuthGuard = (options = {}) => {
   const authState = useAuth();
@@ -7352,7 +7470,7 @@ var useAuthGuard = (options = {}) => {
 var useRouteAuth = (fallbackPath = "/") => {
   const { isAuthenticated, isLoading } = useAuth();
   const location = useLocation();
-  const redirectToLogin = () => /* @__PURE__ */ jsx37(Navigate, { to: fallbackPath, state: { from: location }, replace: true });
+  const redirectToLogin = () => /* @__PURE__ */ jsx38(Navigate, { to: fallbackPath, state: { from: location }, replace: true });
   return {
     isAuthenticated,
     isLoading,
@@ -7365,7 +7483,19 @@ var getRootDomain = () => {
   if (hostname === "localhost") {
     return `${protocol}//${hostname}${portStr}`;
   }
+  const isIPv4 = /^\d{1,3}(?:\.\d{1,3}){3}$/.test(hostname);
+  const isIPv6 = hostname.includes(":");
+  if (isIPv4 || isIPv6) {
+    return `${protocol}//${hostname}${portStr}`;
+  }
   const parts = hostname.split(".");
+  if (parts.length >= 3 && parts[parts.length - 2] === "com" && parts[parts.length - 1] === "br") {
+    if (parts.length === 3) {
+      return `${protocol}//${hostname}${portStr}`;
+    }
+    const base = parts.slice(-3).join(".");
+    return `${protocol}//${base}${portStr}`;
+  }
   if (parts.length > 2) {
     const base = parts.slice(-2).join(".");
     return `${protocol}//${base}${portStr}`;
@@ -7529,8 +7659,8 @@ import {
   useEffect as useEffect14,
   useMemo as useMemo6,
   useId as useId10,
-  useState as useState15,
-  useCallback as useCallback3,
+  useState as useState16,
+  useCallback as useCallback4,
   useRef as useRef10
 } from "react";
 
@@ -8032,13 +8162,13 @@ var simulated_result_default = "./simulated-result-QN5HCUY5.png";
 var mock_image_question_default = "./mock-image-question-HEZCLFDL.png";
 
 // src/components/Quiz/Quiz.tsx
-import { Fragment as Fragment8, jsx as jsx38, jsxs as jsxs31 } from "react/jsx-runtime";
+import { Fragment as Fragment9, jsx as jsx39, jsxs as jsxs32 } from "react/jsx-runtime";
 var getStatusBadge = (status) => {
   switch (status) {
     case "correct":
-      return /* @__PURE__ */ jsx38(Badge_default, { variant: "solid", action: "success", iconLeft: /* @__PURE__ */ jsx38(CheckCircle6, {}), children: "Resposta correta" });
+      return /* @__PURE__ */ jsx39(Badge_default, { variant: "solid", action: "success", iconLeft: /* @__PURE__ */ jsx39(CheckCircle6, {}), children: "Resposta correta" });
     case "incorrect":
-      return /* @__PURE__ */ jsx38(Badge_default, { variant: "solid", action: "error", iconLeft: /* @__PURE__ */ jsx38(XCircle5, {}), children: "Resposta incorreta" });
+      return /* @__PURE__ */ jsx39(Badge_default, { variant: "solid", action: "error", iconLeft: /* @__PURE__ */ jsx39(XCircle5, {}), children: "Resposta incorreta" });
     default:
       return null;
   }
@@ -8056,7 +8186,7 @@ var Quiz = forwardRef19(({ children, className, variant = "default", ...props },
   useEffect14(() => {
     setVariant(variant);
   }, [variant, setVariant]);
-  return /* @__PURE__ */ jsx38(
+  return /* @__PURE__ */ jsx39(
     "div",
     {
       ref,
@@ -8073,7 +8203,7 @@ var QuizHeaderResult = forwardRef19(
   ({ className, ...props }, ref) => {
     const { getAllCurrentAnswer } = useQuizStore();
     const usersAnswer = getAllCurrentAnswer();
-    const [isCorrect, setIsCorrect] = useState15(false);
+    const [isCorrect, setIsCorrect] = useState16(false);
     useEffect14(() => {
       if (usersAnswer) {
         setIsCorrect(
@@ -8083,7 +8213,7 @@ var QuizHeaderResult = forwardRef19(
         );
       }
     }, [usersAnswer]);
-    return /* @__PURE__ */ jsxs31(
+    return /* @__PURE__ */ jsxs32(
       "div",
       {
         ref,
@@ -8094,8 +8224,8 @@ var QuizHeaderResult = forwardRef19(
         ),
         ...props,
         children: [
-          /* @__PURE__ */ jsx38("p", { className: "text-text-950 font-bold text-lg", children: "Resultado" }),
-          /* @__PURE__ */ jsx38("p", { className: "text-text-700 text-md", children: isCorrect ? "\u{1F389} Parab\xE9ns!!" : "N\xE3o foi dessa vez..." })
+          /* @__PURE__ */ jsx39("p", { className: "text-text-950 font-bold text-lg", children: "Resultado" }),
+          /* @__PURE__ */ jsx39("p", { className: "text-text-700 text-md", children: isCorrect ? "\u{1F389} Parab\xE9ns!!" : "N\xE3o foi dessa vez..." })
         ]
       }
     );
@@ -8113,7 +8243,7 @@ var QuizTitle = forwardRef19(
     } = useQuizStore();
     const totalQuestions = getTotalQuestions();
     const quizTitle = getQuizTitle();
-    return /* @__PURE__ */ jsxs31(
+    return /* @__PURE__ */ jsxs32(
       "div",
       {
         ref,
@@ -8123,11 +8253,11 @@ var QuizTitle = forwardRef19(
         ),
         ...props,
         children: [
-          /* @__PURE__ */ jsxs31("span", { className: "flex flex-col gap-2 text-center", children: [
-            /* @__PURE__ */ jsx38("p", { className: "text-text-950 font-bold text-md", children: quizTitle }),
-            /* @__PURE__ */ jsx38("p", { className: "text-text-600 text-xs", children: totalQuestions > 0 ? `${currentQuestionIndex + 1} de ${totalQuestions}` : "0 de 0" })
+          /* @__PURE__ */ jsxs32("span", { className: "flex flex-col gap-2 text-center", children: [
+            /* @__PURE__ */ jsx39("p", { className: "text-text-950 font-bold text-md", children: quizTitle }),
+            /* @__PURE__ */ jsx39("p", { className: "text-text-600 text-xs", children: totalQuestions > 0 ? `${currentQuestionIndex + 1} de ${totalQuestions}` : "0 de 0" })
           ] }),
-          /* @__PURE__ */ jsx38("span", { className: "absolute right-2", children: /* @__PURE__ */ jsx38(Badge_default, { variant: "outlined", action: "info", iconLeft: /* @__PURE__ */ jsx38(Clock2, {}), children: isStarted ? formatTime2(timeElapsed) : "00:00" }) })
+          /* @__PURE__ */ jsx39("span", { className: "absolute right-2", children: /* @__PURE__ */ jsx39(Badge_default, { variant: "outlined", action: "info", iconLeft: /* @__PURE__ */ jsx39(Clock2, {}), children: isStarted ? formatTime2(timeElapsed) : "00:00" }) })
         ]
       }
     );
@@ -8135,13 +8265,13 @@ var QuizTitle = forwardRef19(
 );
 var QuizSubTitle = forwardRef19(
   ({ subTitle, ...props }, ref) => {
-    return /* @__PURE__ */ jsx38("div", { className: "px-4 pb-2 pt-6", ...props, ref, children: /* @__PURE__ */ jsx38("p", { className: "font-bold text-lg text-text-950", children: subTitle }) });
+    return /* @__PURE__ */ jsx39("div", { className: "px-4 pb-2 pt-6", ...props, ref, children: /* @__PURE__ */ jsx39("p", { className: "font-bold text-lg text-text-950", children: subTitle }) });
   }
 );
 var QuizHeader = () => {
   const { getCurrentQuestion, currentQuestionIndex } = useQuizStore();
   const currentQuestion = getCurrentQuestion();
-  return /* @__PURE__ */ jsx38(
+  return /* @__PURE__ */ jsx39(
     HeaderAlternative,
     {
       title: currentQuestion ? `Quest\xE3o ${currentQuestionIndex + 1}` : "Quest\xE3o",
@@ -8151,7 +8281,7 @@ var QuizHeader = () => {
   );
 };
 var QuizContainer = forwardRef19(({ children, className, ...props }, ref) => {
-  return /* @__PURE__ */ jsx38(
+  return /* @__PURE__ */ jsx39(
     "div",
     {
       ref,
@@ -8177,7 +8307,7 @@ var QuizContent = forwardRef19(({ paddingBottom }) => {
     ["IMAGEM" /* IMAGEM */]: QuizImageQuestion
   };
   const QuestionComponent = currentQuestion ? questionComponents[currentQuestion.type] : null;
-  return QuestionComponent ? /* @__PURE__ */ jsx38(QuestionComponent, { variant, paddingBottom }) : null;
+  return QuestionComponent ? /* @__PURE__ */ jsx39(QuestionComponent, { variant, paddingBottom }) : null;
 });
 var QuizAlternative = ({
   variant = "default",
@@ -8205,10 +8335,10 @@ var QuizAlternative = ({
     };
   });
   if (!alternatives)
-    return /* @__PURE__ */ jsx38("div", { children: /* @__PURE__ */ jsx38("p", { children: "N\xE3o h\xE1 Alternativas" }) });
-  return /* @__PURE__ */ jsxs31(Fragment8, { children: [
-    /* @__PURE__ */ jsx38(QuizSubTitle, { subTitle: "Alternativas" }),
-    /* @__PURE__ */ jsx38(QuizContainer, { className: cn("", paddingBottom), children: /* @__PURE__ */ jsx38("div", { className: "space-y-4", children: /* @__PURE__ */ jsx38(
+    return /* @__PURE__ */ jsx39("div", { children: /* @__PURE__ */ jsx39("p", { children: "N\xE3o h\xE1 Alternativas" }) });
+  return /* @__PURE__ */ jsxs32(Fragment9, { children: [
+    /* @__PURE__ */ jsx39(QuizSubTitle, { subTitle: "Alternativas" }),
+    /* @__PURE__ */ jsx39(QuizContainer, { className: cn("", paddingBottom), children: /* @__PURE__ */ jsx39("div", { className: "space-y-4", children: /* @__PURE__ */ jsx39(
       AlternativesList,
       {
         mode: variant === "default" ? "interactive" : "readonly",
@@ -8257,7 +8387,7 @@ var QuizMultipleChoice = ({
     }
     return prevSelectedValuesRef.current;
   }, [selectedValues, currentQuestion?.id]);
-  const handleSelectedValues = useCallback3(
+  const handleSelectedValues = useCallback4(
     (values) => {
       if (currentQuestion) {
         selectMultipleAnswer(currentQuestion.id, values);
@@ -8286,10 +8416,10 @@ var QuizMultipleChoice = ({
     };
   });
   if (!choices)
-    return /* @__PURE__ */ jsx38("div", { children: /* @__PURE__ */ jsx38("p", { children: "N\xE3o h\xE1 Escolhas Multiplas" }) });
-  return /* @__PURE__ */ jsxs31(Fragment8, { children: [
-    /* @__PURE__ */ jsx38(QuizSubTitle, { subTitle: "Alternativas" }),
-    /* @__PURE__ */ jsx38(QuizContainer, { className: cn("", paddingBottom), children: /* @__PURE__ */ jsx38("div", { className: "space-y-4", children: /* @__PURE__ */ jsx38(
+    return /* @__PURE__ */ jsx39("div", { children: /* @__PURE__ */ jsx39("p", { children: "N\xE3o h\xE1 Escolhas Multiplas" }) });
+  return /* @__PURE__ */ jsxs32(Fragment9, { children: [
+    /* @__PURE__ */ jsx39(QuizSubTitle, { subTitle: "Alternativas" }),
+    /* @__PURE__ */ jsx39(QuizContainer, { className: cn("", paddingBottom), children: /* @__PURE__ */ jsx39("div", { className: "space-y-4", children: /* @__PURE__ */ jsx39(
       MultipleChoiceList,
       {
         choices,
@@ -8315,7 +8445,7 @@ var QuizDissertative = ({
       selectDissertativeAnswer(currentQuestion.id, value);
     }
   };
-  const adjustTextareaHeight = useCallback3(() => {
+  const adjustTextareaHeight = useCallback4(() => {
     if (textareaRef.current) {
       textareaRef.current.style.height = "auto";
       const scrollHeight = textareaRef.current.scrollHeight;
@@ -8329,11 +8459,11 @@ var QuizDissertative = ({
     adjustTextareaHeight();
   }, [currentAnswer, adjustTextareaHeight]);
   if (!currentQuestion) {
-    return /* @__PURE__ */ jsx38("div", { className: "space-y-4", children: /* @__PURE__ */ jsx38("p", { className: "text-text-600 text-md", children: "Nenhuma quest\xE3o dispon\xEDvel" }) });
+    return /* @__PURE__ */ jsx39("div", { className: "space-y-4", children: /* @__PURE__ */ jsx39("p", { className: "text-text-600 text-md", children: "Nenhuma quest\xE3o dispon\xEDvel" }) });
   }
-  return /* @__PURE__ */ jsxs31(Fragment8, { children: [
-    /* @__PURE__ */ jsx38(QuizSubTitle, { subTitle: "Resposta" }),
-    /* @__PURE__ */ jsx38(QuizContainer, { className: cn(variant != "result" && paddingBottom), children: /* @__PURE__ */ jsx38("div", { className: "space-y-4 max-h-[600px] overflow-y-auto", children: variant === "default" ? /* @__PURE__ */ jsx38("div", { className: "space-y-4", children: /* @__PURE__ */ jsx38(
+  return /* @__PURE__ */ jsxs32(Fragment9, { children: [
+    /* @__PURE__ */ jsx39(QuizSubTitle, { subTitle: "Resposta" }),
+    /* @__PURE__ */ jsx39(QuizContainer, { className: cn(variant != "result" && paddingBottom), children: /* @__PURE__ */ jsx39("div", { className: "space-y-4 max-h-[600px] overflow-y-auto", children: variant === "default" ? /* @__PURE__ */ jsx39("div", { className: "space-y-4", children: /* @__PURE__ */ jsx39(
       TextArea_default,
       {
         ref: textareaRef,
@@ -8343,10 +8473,10 @@ var QuizDissertative = ({
         rows: 4,
         className: "min-h-[120px] max-h-[400px] resize-none overflow-y-auto"
       }
-    ) }) : /* @__PURE__ */ jsx38("div", { className: "space-y-4", children: /* @__PURE__ */ jsx38("p", { className: "text-text-600 text-md whitespace-pre-wrap", children: currentAnswer?.answer || "Nenhuma resposta fornecida" }) }) }) }),
-    variant === "result" && currentAnswer?.answerStatus == "RESPOSTA_INCORRETA" /* RESPOSTA_INCORRETA */ && /* @__PURE__ */ jsxs31(Fragment8, { children: [
-      /* @__PURE__ */ jsx38(QuizSubTitle, { subTitle: "Observa\xE7\xE3o do professor" }),
-      /* @__PURE__ */ jsx38(QuizContainer, { className: cn("", paddingBottom), children: /* @__PURE__ */ jsx38("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." }) })
+    ) }) : /* @__PURE__ */ jsx39("div", { className: "space-y-4", children: /* @__PURE__ */ jsx39("p", { className: "text-text-600 text-md whitespace-pre-wrap", children: currentAnswer?.answer || "Nenhuma resposta fornecida" }) }) }) }),
+    variant === "result" && currentAnswer?.answerStatus == "RESPOSTA_INCORRETA" /* RESPOSTA_INCORRETA */ && /* @__PURE__ */ jsxs32(Fragment9, { children: [
+      /* @__PURE__ */ jsx39(QuizSubTitle, { subTitle: "Observa\xE7\xE3o do professor" }),
+      /* @__PURE__ */ jsx39(QuizContainer, { className: cn("", paddingBottom), children: /* @__PURE__ */ jsx39("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." }) })
     ] })
   ] });
 };
@@ -8374,16 +8504,16 @@ var QuizTrueOrFalse = ({
   ];
   const getLetterByIndex = (index) => String.fromCharCode(97 + index);
   const isDefaultVariant = variant == "default";
-  return /* @__PURE__ */ jsxs31(Fragment8, { children: [
-    /* @__PURE__ */ jsx38(QuizSubTitle, { subTitle: "Alternativas" }),
-    /* @__PURE__ */ jsx38(QuizContainer, { className: cn("", paddingBottom), children: /* @__PURE__ */ jsx38("div", { className: "flex flex-col gap-3.5", children: options.map((option, index) => {
+  return /* @__PURE__ */ jsxs32(Fragment9, { children: [
+    /* @__PURE__ */ jsx39(QuizSubTitle, { subTitle: "Alternativas" }),
+    /* @__PURE__ */ jsx39(QuizContainer, { className: cn("", paddingBottom), children: /* @__PURE__ */ jsx39("div", { className: "flex flex-col gap-3.5", children: options.map((option, index) => {
       const variantCorrect = option.isCorrect ? "correct" : "incorrect";
-      return /* @__PURE__ */ jsxs31(
+      return /* @__PURE__ */ jsxs32(
         "section",
         {
           className: "flex flex-col gap-2",
           children: [
-            /* @__PURE__ */ jsxs31(
+            /* @__PURE__ */ jsxs32(
               "div",
               {
                 className: cn(
@@ -8391,20 +8521,20 @@ var QuizTrueOrFalse = ({
                   !isDefaultVariant ? getStatusStyles(variantCorrect) : ""
                 ),
                 children: [
-                  /* @__PURE__ */ jsx38("p", { className: "text-text-900 text-sm", children: getLetterByIndex(index).concat(") ").concat(option.label) }),
-                  isDefaultVariant ? /* @__PURE__ */ jsxs31(Select_default, { size: "medium", children: [
-                    /* @__PURE__ */ jsx38(SelectTrigger, { className: "w-[180px]", children: /* @__PURE__ */ jsx38(SelectValue, { placeholder: "Selecione opc\xE3o" }) }),
-                    /* @__PURE__ */ jsxs31(SelectContent, { children: [
-                      /* @__PURE__ */ jsx38(SelectItem, { value: "V", children: "Verdadeiro" }),
-                      /* @__PURE__ */ jsx38(SelectItem, { value: "F", children: "Falso" })
+                  /* @__PURE__ */ jsx39("p", { className: "text-text-900 text-sm", children: getLetterByIndex(index).concat(") ").concat(option.label) }),
+                  isDefaultVariant ? /* @__PURE__ */ jsxs32(Select_default, { size: "medium", children: [
+                    /* @__PURE__ */ jsx39(SelectTrigger, { className: "w-[180px]", children: /* @__PURE__ */ jsx39(SelectValue, { placeholder: "Selecione opc\xE3o" }) }),
+                    /* @__PURE__ */ jsxs32(SelectContent, { children: [
+                      /* @__PURE__ */ jsx39(SelectItem, { value: "V", children: "Verdadeiro" }),
+                      /* @__PURE__ */ jsx39(SelectItem, { value: "F", children: "Falso" })
                     ] })
-                  ] }) : /* @__PURE__ */ jsx38("div", { className: "flex-shrink-0", children: getStatusBadge(variantCorrect) })
+                  ] }) : /* @__PURE__ */ jsx39("div", { className: "flex-shrink-0", children: getStatusBadge(variantCorrect) })
                 ]
               }
             ),
-            !isDefaultVariant && /* @__PURE__ */ jsxs31("span", { className: "flex flex-row gap-2 items-center", children: [
-              /* @__PURE__ */ jsx38("p", { className: "text-text-800 text-2xs", children: "Resposta selecionada: V" }),
-              !option.isCorrect && /* @__PURE__ */ jsx38("p", { className: "text-text-800 text-2xs", children: "Resposta correta: F" })
+            !isDefaultVariant && /* @__PURE__ */ jsxs32("span", { className: "flex flex-row gap-2 items-center", children: [
+              /* @__PURE__ */ jsx39("p", { className: "text-text-800 text-2xs", children: "Resposta selecionada: V" }),
+              !option.isCorrect && /* @__PURE__ */ jsx39("p", { className: "text-text-800 text-2xs", children: "Resposta correta: F" })
             ] })
           ]
         },
@@ -8467,7 +8597,7 @@ var QuizConnectDots = ({
       isCorrect: false
     }
   ];
-  const [userAnswers, setUserAnswers] = useState15(() => {
+  const [userAnswers, setUserAnswers] = useState16(() => {
     if (variant === "result") {
       return mockUserAnswers;
     }
@@ -8496,13 +8626,13 @@ var QuizConnectDots = ({
   const assignedDots = new Set(
     userAnswers.map((a) => a.dotOption).filter(Boolean)
   );
-  return /* @__PURE__ */ jsxs31(Fragment8, { children: [
-    /* @__PURE__ */ jsx38(QuizSubTitle, { subTitle: "Alternativas" }),
-    /* @__PURE__ */ jsx38(QuizContainer, { className: cn("", paddingBottom), children: /* @__PURE__ */ jsx38("div", { className: "flex flex-col gap-3.5", children: options.map((option, index) => {
+  return /* @__PURE__ */ jsxs32(Fragment9, { children: [
+    /* @__PURE__ */ jsx39(QuizSubTitle, { subTitle: "Alternativas" }),
+    /* @__PURE__ */ jsx39(QuizContainer, { className: cn("", paddingBottom), children: /* @__PURE__ */ jsx39("div", { className: "flex flex-col gap-3.5", children: options.map((option, index) => {
       const answer = userAnswers[index];
       const variantCorrect = answer.isCorrect ? "correct" : "incorrect";
-      return /* @__PURE__ */ jsxs31("section", { className: "flex flex-col gap-2", children: [
-        /* @__PURE__ */ jsxs31(
+      return /* @__PURE__ */ jsxs32("section", { className: "flex flex-col gap-2", children: [
+        /* @__PURE__ */ jsxs32(
           "div",
           {
             className: cn(
@@ -8510,30 +8640,30 @@ var QuizConnectDots = ({
               !isDefaultVariant ? getStatusStyles(variantCorrect) : ""
             ),
             children: [
-              /* @__PURE__ */ jsx38("p", { className: "text-text-900 text-sm", children: getLetterByIndex(index) + ") " + option.label }),
-              isDefaultVariant ? /* @__PURE__ */ jsxs31(
+              /* @__PURE__ */ jsx39("p", { className: "text-text-900 text-sm", children: getLetterByIndex(index) + ") " + option.label }),
+              isDefaultVariant ? /* @__PURE__ */ jsxs32(
                 Select_default,
                 {
                   size: "medium",
                   value: answer.dotOption || void 0,
                   onValueChange: (value) => handleSelectDot(index, value),
                   children: [
-                    /* @__PURE__ */ jsx38(SelectTrigger, { className: "w-[180px]", children: /* @__PURE__ */ jsx38(SelectValue, { placeholder: "Selecione op\xE7\xE3o" }) }),
-                    /* @__PURE__ */ jsx38(SelectContent, { children: dotsOptions.filter(
+                    /* @__PURE__ */ jsx39(SelectTrigger, { className: "w-[180px]", children: /* @__PURE__ */ jsx39(SelectValue, { placeholder: "Selecione op\xE7\xE3o" }) }),
+                    /* @__PURE__ */ jsx39(SelectContent, { children: dotsOptions.filter(
                       (dot) => !assignedDots.has(dot.label) || answer.dotOption === dot.label
-                    ).map((dot) => /* @__PURE__ */ jsx38(SelectItem, { value: dot.label, children: dot.label }, dot.label)) })
+                    ).map((dot) => /* @__PURE__ */ jsx39(SelectItem, { value: dot.label, children: dot.label }, dot.label)) })
                   ]
                 }
-              ) : /* @__PURE__ */ jsx38("div", { className: "flex-shrink-0", children: answer.isCorrect === null ? null : getStatusBadge(variantCorrect) })
+              ) : /* @__PURE__ */ jsx39("div", { className: "flex-shrink-0", children: answer.isCorrect === null ? null : getStatusBadge(variantCorrect) })
             ]
           }
         ),
-        !isDefaultVariant && /* @__PURE__ */ jsxs31("span", { className: "flex flex-row gap-2 items-center", children: [
-          /* @__PURE__ */ jsxs31("p", { className: "text-text-800 text-2xs", children: [
+        !isDefaultVariant && /* @__PURE__ */ jsxs32("span", { className: "flex flex-row gap-2 items-center", children: [
+          /* @__PURE__ */ jsxs32("p", { className: "text-text-800 text-2xs", children: [
             "Resposta selecionada: ",
             answer.dotOption || "Nenhuma"
           ] }),
-          !answer.isCorrect && /* @__PURE__ */ jsxs31("p", { className: "text-text-800 text-2xs", children: [
+          !answer.isCorrect && /* @__PURE__ */ jsxs32("p", { className: "text-text-800 text-2xs", children: [
             "Resposta correta: ",
             answer.correctOption
           ] })
@@ -8588,7 +8718,7 @@ var QuizFill = ({
       isCorrect: true
     }
   ];
-  const [answers, setAnswers] = useState15({});
+  const [answers, setAnswers] = useState16({});
   const baseId = useId10();
   const getAvailableOptionsForSelect = (selectId) => {
     const usedOptions = Object.entries(answers).filter(([key]) => key !== selectId).map(([, value]) => value);
@@ -8602,18 +8732,18 @@ var QuizFill = ({
     const mockAnswer = mockUserAnswers.find(
       (answer) => answer.selectId === selectId
     );
-    return /* @__PURE__ */ jsx38("p", { className: "inline-flex mb-2.5 text-success-600 font-semibold text-md border-b-2 border-success-600", children: mockAnswer?.correctAnswer });
+    return /* @__PURE__ */ jsx39("p", { className: "inline-flex mb-2.5 text-success-600 font-semibold text-md border-b-2 border-success-600", children: mockAnswer?.correctAnswer });
   };
   const renderDefaultElement = (selectId, startIndex, selectedValue, availableOptionsForThisSelect) => {
-    return /* @__PURE__ */ jsxs31(
+    return /* @__PURE__ */ jsxs32(
       Select_default,
       {
         value: selectedValue,
         onValueChange: (value) => handleSelectChange(selectId, value),
         className: "inline-flex mb-2.5",
         children: [
-          /* @__PURE__ */ jsx38(SelectTrigger, { className: "inline-flex w-auto min-w-[140px] h-8 mx-1 bg-white border-gray-300", children: /* @__PURE__ */ jsx38(SelectValue, { placeholder: "Selecione op\xE7\xE3o" }) }),
-          /* @__PURE__ */ jsx38(SelectContent, { children: availableOptionsForThisSelect.map((option, index) => /* @__PURE__ */ jsx38(SelectItem, { value: option, children: option }, `${option}-${index}`)) })
+          /* @__PURE__ */ jsx39(SelectTrigger, { className: "inline-flex w-auto min-w-[140px] h-8 mx-1 bg-white border-gray-300", children: /* @__PURE__ */ jsx39(SelectValue, { placeholder: "Selecione op\xE7\xE3o" }) }),
+          /* @__PURE__ */ jsx39(SelectContent, { children: availableOptionsForThisSelect.map((option, index) => /* @__PURE__ */ jsx39(SelectItem, { value: option, children: option }, `${option}-${index}`)) })
         ]
       },
       `${selectId}-${startIndex}`
@@ -8625,8 +8755,8 @@ var QuizFill = ({
     );
     if (!mockAnswer) return null;
     const action = mockAnswer.isCorrect ? "success" : "error";
-    const icon = mockAnswer.isCorrect ? /* @__PURE__ */ jsx38(CheckCircle6, {}) : /* @__PURE__ */ jsx38(XCircle5, {});
-    return /* @__PURE__ */ jsx38(
+    const icon = mockAnswer.isCorrect ? /* @__PURE__ */ jsx39(CheckCircle6, {}) : /* @__PURE__ */ jsx39(XCircle5, {});
+    return /* @__PURE__ */ jsx39(
       Badge_default,
       {
         variant: "solid",
@@ -8634,7 +8764,7 @@ var QuizFill = ({
         iconRight: icon,
         size: "large",
         className: "py-3 w-[180px] justify-between mb-2.5",
-        children: /* @__PURE__ */ jsx38("span", { className: "text-text-900", children: mockAnswer.userAnswer })
+        children: /* @__PURE__ */ jsx39("span", { className: "text-text-900", children: mockAnswer.userAnswer })
       },
       selectId
     );
@@ -8690,25 +8820,25 @@ var QuizFill = ({
     }
     return elements;
   };
-  return /* @__PURE__ */ jsxs31(Fragment8, { children: [
-    /* @__PURE__ */ jsx38(QuizSubTitle, { subTitle: "Alternativas" }),
-    /* @__PURE__ */ jsx38(QuizContainer, { className: "h-auto pb-0", children: /* @__PURE__ */ jsx38("div", { className: "space-y-6 px-4 h-auto", children: /* @__PURE__ */ jsx38(
+  return /* @__PURE__ */ jsxs32(Fragment9, { children: [
+    /* @__PURE__ */ jsx39(QuizSubTitle, { subTitle: "Alternativas" }),
+    /* @__PURE__ */ jsx39(QuizContainer, { className: "h-auto pb-0", children: /* @__PURE__ */ jsx39("div", { className: "space-y-6 px-4 h-auto", children: /* @__PURE__ */ jsx39(
       "div",
       {
         className: cn(
           "text-lg text-text-900 leading-8 h-auto",
           variant != "result" && paddingBottom
         ),
-        children: renderTextWithSelects(exampleText).map((element) => /* @__PURE__ */ jsx38("span", { children: element.element }, element.id))
+        children: renderTextWithSelects(exampleText).map((element) => /* @__PURE__ */ jsx39("span", { children: element.element }, element.id))
       }
     ) }) }),
-    variant === "result" && /* @__PURE__ */ jsxs31(Fragment8, { children: [
-      /* @__PURE__ */ jsx38(QuizSubTitle, { subTitle: "Resultado" }),
-      /* @__PURE__ */ jsx38(QuizContainer, { className: "h-auto pb-0", children: /* @__PURE__ */ jsx38("div", { className: "space-y-6 px-4", children: /* @__PURE__ */ jsx38(
+    variant === "result" && /* @__PURE__ */ jsxs32(Fragment9, { children: [
+      /* @__PURE__ */ jsx39(QuizSubTitle, { subTitle: "Resultado" }),
+      /* @__PURE__ */ jsx39(QuizContainer, { className: "h-auto pb-0", children: /* @__PURE__ */ jsx39("div", { className: "space-y-6 px-4", children: /* @__PURE__ */ jsx39(
         "div",
         {
           className: cn("text-lg text-text-900 leading-8", paddingBottom),
-          children: renderTextWithSelects(exampleText, true).map((element) => /* @__PURE__ */ jsx38("span", { children: element.element }, element.id))
+          children: renderTextWithSelects(exampleText, true).map((element) => /* @__PURE__ */ jsx39("span", { children: element.element }, element.id))
         }
       ) }) })
     ] })
@@ -8728,7 +8858,7 @@ var QuizImageQuestion = ({
   };
   const correctRadiusRelative = calculateCorrectRadiusRelative();
   const mockUserAnswerRelative = { x: 0.72, y: 0.348 };
-  const [clickPositionRelative, setClickPositionRelative] = useState15(variant == "result" ? mockUserAnswerRelative : null);
+  const [clickPositionRelative, setClickPositionRelative] = useState16(variant == "result" ? mockUserAnswerRelative : null);
   const convertToRelativeCoordinates = (x, y, rect) => {
     const safeWidth = Math.max(rect.width, 1e-3);
     const safeHeight = Math.max(rect.height, 1e-3);
@@ -8764,36 +8894,36 @@ var QuizImageQuestion = ({
     }
     return "bg-success-600/70 border-white";
   };
-  return /* @__PURE__ */ jsxs31(Fragment8, { children: [
-    /* @__PURE__ */ jsx38(QuizSubTitle, { subTitle: "Clique na \xE1rea correta" }),
-    /* @__PURE__ */ jsx38(QuizContainer, { className: cn("", paddingBottom), children: /* @__PURE__ */ jsxs31(
+  return /* @__PURE__ */ jsxs32(Fragment9, { children: [
+    /* @__PURE__ */ jsx39(QuizSubTitle, { subTitle: "Clique na \xE1rea correta" }),
+    /* @__PURE__ */ jsx39(QuizContainer, { className: cn("", paddingBottom), children: /* @__PURE__ */ jsxs32(
       "div",
       {
         "data-testid": "quiz-image-container",
         className: "space-y-6 p-3 relative inline-block",
         children: [
-          variant == "result" && /* @__PURE__ */ jsxs31(
+          variant == "result" && /* @__PURE__ */ jsxs32(
             "div",
             {
               "data-testid": "quiz-legend",
               className: "flex items-center gap-4 text-xs",
               children: [
-                /* @__PURE__ */ jsxs31("div", { className: "flex items-center gap-2", children: [
-                  /* @__PURE__ */ jsx38("div", { className: "w-3 h-3 rounded-full bg-indicator-primary/70 border border-[#F8CC2E]" }),
-                  /* @__PURE__ */ jsx38("span", { className: "text-text-600 font-medium text-sm", children: "\xC1rea correta" })
+                /* @__PURE__ */ jsxs32("div", { className: "flex items-center gap-2", children: [
+                  /* @__PURE__ */ jsx39("div", { className: "w-3 h-3 rounded-full bg-indicator-primary/70 border border-[#F8CC2E]" }),
+                  /* @__PURE__ */ jsx39("span", { className: "text-text-600 font-medium text-sm", children: "\xC1rea correta" })
                 ] }),
-                /* @__PURE__ */ jsxs31("div", { className: "flex items-center gap-2", children: [
-                  /* @__PURE__ */ jsx38("div", { className: "w-3 h-3 rounded-full bg-success-600/70 border border-white" }),
-                  /* @__PURE__ */ jsx38("span", { className: "text-text-600 font-medium text-sm", children: "Resposta correta" })
+                /* @__PURE__ */ jsxs32("div", { className: "flex items-center gap-2", children: [
+                  /* @__PURE__ */ jsx39("div", { className: "w-3 h-3 rounded-full bg-success-600/70 border border-white" }),
+                  /* @__PURE__ */ jsx39("span", { className: "text-text-600 font-medium text-sm", children: "Resposta correta" })
                 ] }),
-                /* @__PURE__ */ jsxs31("div", { className: "flex items-center gap-2", children: [
-                  /* @__PURE__ */ jsx38("div", { className: "w-3 h-3 rounded-full bg-indicator-error/70 border border-white" }),
-                  /* @__PURE__ */ jsx38("span", { className: "text-text-600 font-medium text-sm", children: "Resposta incorreta" })
+                /* @__PURE__ */ jsxs32("div", { className: "flex items-center gap-2", children: [
+                  /* @__PURE__ */ jsx39("div", { className: "w-3 h-3 rounded-full bg-indicator-error/70 border border-white" }),
+                  /* @__PURE__ */ jsx39("span", { className: "text-text-600 font-medium text-sm", children: "Resposta incorreta" })
                 ] })
               ]
             }
           ),
-          /* @__PURE__ */ jsxs31(
+          /* @__PURE__ */ jsxs32(
             "button",
             {
               "data-testid": "quiz-image-button",
@@ -8808,7 +8938,7 @@ var QuizImageQuestion = ({
               },
               "aria-label": "\xC1rea da imagem interativa",
               children: [
-                /* @__PURE__ */ jsx38(
+                /* @__PURE__ */ jsx39(
                   "img",
                   {
                     "data-testid": "quiz-image",
@@ -8817,7 +8947,7 @@ var QuizImageQuestion = ({
                     className: "w-full h-auto rounded-md"
                   }
                 ),
-                variant === "result" && /* @__PURE__ */ jsx38(
+                variant === "result" && /* @__PURE__ */ jsx39(
                   "div",
                   {
                     "data-testid": "quiz-correct-circle",
@@ -8832,7 +8962,7 @@ var QuizImageQuestion = ({
                     }
                   }
                 ),
-                clickPositionRelative && /* @__PURE__ */ jsx38(
+                clickPositionRelative && /* @__PURE__ */ jsx39(
                   "div",
                   {
                     "data-testid": "quiz-user-circle",
@@ -8900,16 +9030,16 @@ var QuizQuestionList = ({
         return "Em branco";
     }
   };
-  return /* @__PURE__ */ jsx38("div", { className: "space-y-6 px-4", children: Object.entries(filteredGroupedQuestions).map(
-    ([subjectId, questions]) => /* @__PURE__ */ jsxs31("section", { className: "flex flex-col gap-2", children: [
-      /* @__PURE__ */ jsxs31("span", { className: "pt-6 pb-4 flex flex-row gap-2", children: [
-        /* @__PURE__ */ jsx38("div", { className: "bg-primary-500 p-1 rounded-sm flex items-center justify-center", children: /* @__PURE__ */ jsx38(BookOpen, { size: 17, className: "text-white" }) }),
-        /* @__PURE__ */ jsx38("p", { className: "text-text-800 font-bold text-lg", children: subjectId })
+  return /* @__PURE__ */ jsx39("div", { className: "space-y-6 px-4", children: Object.entries(filteredGroupedQuestions).map(
+    ([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__ */ jsx38("ul", { className: "flex flex-col gap-2", children: questions.map((question) => {
+      /* @__PURE__ */ jsx39("ul", { className: "flex flex-col gap-2", children: questions.map((question) => {
         const status = getQuestionStatus(question.id);
         const questionNumber = getQuestionIndex(question.id);
-        return /* @__PURE__ */ jsx38(
+        return /* @__PURE__ */ jsx39(
           CardStatus,
           {
             header: `Quest\xE3o ${questionNumber.toString().padStart(2, "0")}`,
@@ -8953,11 +9083,11 @@ var QuizFooter = forwardRef19(
     const currentAnswer = getCurrentAnswer();
     const currentQuestion = getCurrentQuestion();
     const isCurrentQuestionSkipped = currentQuestion ? getQuestionStatusFromUserAnswers(currentQuestion.id) === "skipped" : false;
-    const [alertDialogOpen, setAlertDialogOpen] = useState15(false);
-    const [modalResultOpen, setModalResultOpen] = useState15(false);
-    const [modalNavigateOpen, setModalNavigateOpen] = useState15(false);
-    const [modalResolutionOpen, setModalResolutionOpen] = useState15(false);
-    const [filterType, setFilterType] = useState15("all");
+    const [alertDialogOpen, setAlertDialogOpen] = useState16(false);
+    const [modalResultOpen, setModalResultOpen] = useState16(false);
+    const [modalNavigateOpen, setModalNavigateOpen] = useState16(false);
+    const [modalResolutionOpen, setModalResolutionOpen] = useState16(false);
+    const [filterType, setFilterType] = useState16("all");
     const unansweredQuestions = getUnansweredQuestionsFromUserAnswers();
     const userAnswers = getUserAnswers();
     const allQuestions = getTotalQuestions();
@@ -8989,8 +9119,8 @@ var QuizFooter = forwardRef19(
         setAlertDialogOpen(false);
       }
     };
-    return /* @__PURE__ */ jsxs31(Fragment8, { children: [
-      /* @__PURE__ */ jsx38(
+    return /* @__PURE__ */ jsxs32(Fragment9, { children: [
+      /* @__PURE__ */ jsx39(
         "footer",
         {
           ref,
@@ -8999,17 +9129,17 @@ var QuizFooter = forwardRef19(
             className
           ),
           ...props,
-          children: variant === "default" ? /* @__PURE__ */ jsxs31(Fragment8, { children: [
-            /* @__PURE__ */ jsxs31("div", { className: "flex flex-row items-center gap-1", children: [
-              /* @__PURE__ */ jsx38(
+          children: variant === "default" ? /* @__PURE__ */ jsxs32(Fragment9, { children: [
+            /* @__PURE__ */ jsxs32("div", { className: "flex flex-row items-center gap-1", children: [
+              /* @__PURE__ */ jsx39(
                 IconButton_default,
                 {
-                  icon: /* @__PURE__ */ jsx38(SquaresFour, { size: 24, className: "text-text-950" }),
+                  icon: /* @__PURE__ */ jsx39(SquaresFour, { size: 24, className: "text-text-950" }),
                   size: "md",
                   onClick: () => setModalNavigateOpen(true)
                 }
               ),
-              isFirstQuestion ? /* @__PURE__ */ jsx38(
+              isFirstQuestion ? /* @__PURE__ */ jsx39(
                 Button_default,
                 {
                   variant: "outline",
@@ -9020,13 +9150,13 @@ var QuizFooter = forwardRef19(
                   },
                   children: "Pular"
                 }
-              ) : /* @__PURE__ */ jsx38(
+              ) : /* @__PURE__ */ jsx39(
                 Button_default,
                 {
                   size: "medium",
                   variant: "link",
                   action: "primary",
-                  iconLeft: /* @__PURE__ */ jsx38(CaretLeft3, { size: 18 }),
+                  iconLeft: /* @__PURE__ */ jsx39(CaretLeft3, { size: 18 }),
                   onClick: () => {
                     goToPreviousQuestion();
                   },
@@ -9034,7 +9164,7 @@ var QuizFooter = forwardRef19(
                 }
               )
             ] }),
-            !isFirstQuestion && /* @__PURE__ */ jsx38(
+            !isFirstQuestion && /* @__PURE__ */ jsx39(
               Button_default,
               {
                 size: "small",
@@ -9047,7 +9177,7 @@ var QuizFooter = forwardRef19(
                 children: "Pular"
               }
             ),
-            isLastQuestion ? /* @__PURE__ */ jsx38(
+            isLastQuestion ? /* @__PURE__ */ jsx39(
               Button_default,
               {
                 size: "medium",
@@ -9057,13 +9187,13 @@ var QuizFooter = forwardRef19(
                 onClick: handleFinishQuiz,
                 children: "Finalizar"
               }
-            ) : /* @__PURE__ */ jsx38(
+            ) : /* @__PURE__ */ jsx39(
               Button_default,
               {
                 size: "medium",
                 variant: "link",
                 action: "primary",
-                iconRight: /* @__PURE__ */ jsx38(CaretRight4, { size: 18 }),
+                iconRight: /* @__PURE__ */ jsx39(CaretRight4, { size: 18 }),
                 disabled: !currentAnswer && !isCurrentQuestionSkipped,
                 onClick: () => {
                   goToNextQuestion();
@@ -9071,7 +9201,7 @@ var QuizFooter = forwardRef19(
                 children: "Avan\xE7ar"
               }
             )
-          ] }) : /* @__PURE__ */ jsx38("div", { className: "flex flex-row items-center justify-end w-full", children: /* @__PURE__ */ jsx38(
+          ] }) : /* @__PURE__ */ jsx39("div", { className: "flex flex-row items-center justify-end w-full", children: /* @__PURE__ */ jsx39(
             Button_default,
             {
               variant: "solid",
@@ -9083,7 +9213,7 @@ var QuizFooter = forwardRef19(
           ) })
         }
       ),
-      /* @__PURE__ */ jsx38(
+      /* @__PURE__ */ jsx39(
         AlertDialog,
         {
           isOpen: alertDialogOpen,
@@ -9095,7 +9225,7 @@ var QuizFooter = forwardRef19(
           onSubmit: handleAlertSubmit
         }
       ),
-      /* @__PURE__ */ jsx38(
+      /* @__PURE__ */ jsx39(
         Modal_default,
         {
           isOpen: modalResultOpen,
@@ -9105,8 +9235,8 @@ var QuizFooter = forwardRef19(
           closeOnEscape: false,
           hideCloseButton: true,
           size: "md",
-          children: /* @__PURE__ */ jsxs31("div", { className: "flex flex-col w-full h-full items-center justify-center gap-4", children: [
-            /* @__PURE__ */ jsx38(
+          children: /* @__PURE__ */ jsxs32("div", { className: "flex flex-col w-full h-full items-center justify-center gap-4", children: [
+            /* @__PURE__ */ jsx39(
               "img",
               {
                 src: simulated_result_default,
@@ -9114,9 +9244,9 @@ var QuizFooter = forwardRef19(
                 className: "w-[282px] h-auto object-cover"
               }
             ),
-            /* @__PURE__ */ jsxs31("div", { className: "flex flex-col gap-2 text-center", children: [
-              /* @__PURE__ */ jsx38("h2", { className: "text-text-950 font-bold text-lg", children: "Voc\xEA concluiu o simulado!" }),
-              /* @__PURE__ */ jsxs31("p", { className: "text-text-500 font-sm", children: [
+            /* @__PURE__ */ jsxs32("div", { className: "flex flex-col gap-2 text-center", children: [
+              /* @__PURE__ */ jsx39("h2", { className: "text-text-950 font-bold text-lg", children: "Voc\xEA concluiu o simulado!" }),
+              /* @__PURE__ */ jsxs32("p", { className: "text-text-500 font-sm", children: [
                 "Voc\xEA acertou",
                 " ",
                 (() => {
@@ -9138,8 +9268,8 @@ var QuizFooter = forwardRef19(
                 " quest\xF5es."
               ] })
             ] }),
-            /* @__PURE__ */ jsxs31("div", { className: "px-6 flex flex-row items-center gap-2 w-full", children: [
-              /* @__PURE__ */ jsx38(
+            /* @__PURE__ */ jsxs32("div", { className: "px-6 flex flex-row items-center gap-2 w-full", children: [
+              /* @__PURE__ */ jsx39(
                 Button_default,
                 {
                   variant: "outline",
@@ -9149,31 +9279,31 @@ var QuizFooter = forwardRef19(
                   children: "Ir para simulados"
                 }
               ),
-              /* @__PURE__ */ jsx38(Button_default, { className: "w-full", onClick: onDetailResult, children: "Detalhar resultado" })
+              /* @__PURE__ */ jsx39(Button_default, { className: "w-full", onClick: onDetailResult, children: "Detalhar resultado" })
             ] })
           ] })
         }
       ),
-      /* @__PURE__ */ jsx38(
+      /* @__PURE__ */ jsx39(
         Modal_default,
         {
           isOpen: modalNavigateOpen,
           onClose: () => setModalNavigateOpen(false),
           title: "Quest\xF5es",
           size: "lg",
-          children: /* @__PURE__ */ jsxs31("div", { className: "flex flex-col w-full h-full", children: [
-            /* @__PURE__ */ jsxs31("div", { className: "flex flex-row justify-between items-center py-6 pt-6 pb-4 border-b border-border-200", children: [
-              /* @__PURE__ */ jsx38("p", { className: "text-text-950 font-bold text-lg", children: "Filtrar por" }),
-              /* @__PURE__ */ jsx38("span", { className: "max-w-[266px]", children: /* @__PURE__ */ jsxs31(Select_default, { value: filterType, onValueChange: setFilterType, children: [
-                /* @__PURE__ */ jsx38(SelectTrigger, { variant: "rounded", className: "max-w-[266px]", children: /* @__PURE__ */ jsx38(SelectValue, { placeholder: "Selecione uma op\xE7\xE3o" }) }),
-                /* @__PURE__ */ jsxs31(SelectContent, { children: [
-                  /* @__PURE__ */ jsx38(SelectItem, { value: "all", children: "Todas" }),
-                  /* @__PURE__ */ jsx38(SelectItem, { value: "unanswered", children: "Em branco" }),
-                  /* @__PURE__ */ jsx38(SelectItem, { value: "answered", children: "Respondidas" })
+          children: /* @__PURE__ */ jsxs32("div", { className: "flex flex-col w-full h-full", children: [
+            /* @__PURE__ */ jsxs32("div", { className: "flex flex-row justify-between items-center py-6 pt-6 pb-4 border-b border-border-200", children: [
+              /* @__PURE__ */ jsx39("p", { className: "text-text-950 font-bold text-lg", children: "Filtrar por" }),
+              /* @__PURE__ */ jsx39("span", { className: "max-w-[266px]", children: /* @__PURE__ */ jsxs32(Select_default, { value: filterType, onValueChange: setFilterType, children: [
+                /* @__PURE__ */ jsx39(SelectTrigger, { variant: "rounded", className: "max-w-[266px]", children: /* @__PURE__ */ jsx39(SelectValue, { placeholder: "Selecione uma op\xE7\xE3o" }) }),
+                /* @__PURE__ */ jsxs32(SelectContent, { children: [
+                  /* @__PURE__ */ jsx39(SelectItem, { value: "all", children: "Todas" }),
+                  /* @__PURE__ */ jsx39(SelectItem, { value: "unanswered", children: "Em branco" }),
+                  /* @__PURE__ */ jsx39(SelectItem, { value: "answered", children: "Respondidas" })
                 ] })
               ] }) })
             ] }),
-            /* @__PURE__ */ jsx38("div", { className: "flex flex-col gap-2 not-lg:h-[calc(100vh-200px)] lg:max-h-[687px] overflow-y-auto", children: /* @__PURE__ */ jsx38(
+            /* @__PURE__ */ jsx39("div", { className: "flex flex-col gap-2 not-lg:h-[calc(100vh-200px)] lg:max-h-[687px] overflow-y-auto", children: /* @__PURE__ */ jsx39(
               QuizQuestionList,
               {
                 filterType,
@@ -9183,7 +9313,7 @@ var QuizFooter = forwardRef19(
           ] })
         }
       ),
-      /* @__PURE__ */ jsx38(
+      /* @__PURE__ */ jsx39(
         Modal_default,
         {
           isOpen: modalResolutionOpen,
@@ -9198,15 +9328,15 @@ var QuizFooter = forwardRef19(
 );
 var QuizResultHeaderTitle = forwardRef19(({ className, ...props }, ref) => {
   const { bySimulated } = useQuizStore();
-  return /* @__PURE__ */ jsxs31(
+  return /* @__PURE__ */ jsxs32(
     "div",
     {
       ref,
       className: cn("flex flex-row pt-4 justify-between", className),
       ...props,
       children: [
-        /* @__PURE__ */ jsx38("p", { className: "text-text-950 font-bold text-2xl", children: "Resultado" }),
-        bySimulated && /* @__PURE__ */ jsx38(Badge_default, { variant: "solid", action: "info", children: bySimulated.category })
+        /* @__PURE__ */ jsx39("p", { className: "text-text-950 font-bold text-2xl", children: "Resultado" }),
+        bySimulated && /* @__PURE__ */ jsx39(Badge_default, { variant: "solid", action: "info", children: bySimulated.category })
       ]
     }
   );
@@ -9214,7 +9344,7 @@ var QuizResultHeaderTitle = forwardRef19(({ className, ...props }, ref) => {
 var QuizResultTitle = forwardRef19(({ className, ...props }, ref) => {
   const { getQuizTitle } = useQuizStore();
   const quizTitle = getQuizTitle();
-  return /* @__PURE__ */ jsx38(
+  return /* @__PURE__ */ jsx39(
     "p",
     {
       className: cn("pt-6 pb-4 text-text-950 font-bold text-lg", className),
@@ -9270,15 +9400,15 @@ var QuizResultPerformance = forwardRef19(
       });
     }
     const percentage = totalQuestions > 0 ? Math.round(correctAnswers / totalQuestions * 100) : 0;
-    return /* @__PURE__ */ jsxs31(
+    return /* @__PURE__ */ jsxs32(
       "div",
       {
         className: "flex flex-row gap-6 p-6 rounded-xl bg-background justify-between",
         ref,
         ...props,
         children: [
-          /* @__PURE__ */ jsxs31("div", { className: "relative", children: [
-            /* @__PURE__ */ jsx38(
+          /* @__PURE__ */ jsxs32("div", { className: "relative", children: [
+            /* @__PURE__ */ jsx39(
               ProgressCircle_default,
               {
                 size: "medium",
@@ -9288,21 +9418,21 @@ var QuizResultPerformance = forwardRef19(
                 label: ""
               }
             ),
-            /* @__PURE__ */ jsxs31("div", { className: "absolute inset-0 flex flex-col items-center justify-center", children: [
-              /* @__PURE__ */ jsxs31("div", { className: "flex items-center gap-1 mb-1", children: [
-                /* @__PURE__ */ jsx38(Clock2, { size: 12, weight: "regular", className: "text-text-800" }),
-                /* @__PURE__ */ jsx38("span", { className: "text-2xs font-medium text-text-800", children: formatTime2(timeElapsed) })
+            /* @__PURE__ */ jsxs32("div", { className: "absolute inset-0 flex flex-col items-center justify-center", children: [
+              /* @__PURE__ */ jsxs32("div", { className: "flex items-center gap-1 mb-1", children: [
+                /* @__PURE__ */ jsx39(Clock2, { size: 12, weight: "regular", className: "text-text-800" }),
+                /* @__PURE__ */ jsx39("span", { className: "text-2xs font-medium text-text-800", children: formatTime2(timeElapsed) })
               ] }),
-              /* @__PURE__ */ jsxs31("div", { className: "text-2xl font-medium text-text-800 leading-7", children: [
+              /* @__PURE__ */ jsxs32("div", { className: "text-2xl font-medium text-text-800 leading-7", children: [
                 correctAnswers,
                 " de ",
                 totalQuestions
               ] }),
-              /* @__PURE__ */ jsx38("div", { className: "text-2xs font-medium text-text-600 mt-1", children: "Corretas" })
+              /* @__PURE__ */ jsx39("div", { className: "text-2xs font-medium text-text-600 mt-1", children: "Corretas" })
             ] })
           ] }),
-          /* @__PURE__ */ jsxs31("div", { className: "flex flex-col gap-4 w-full", children: [
-            /* @__PURE__ */ jsx38(
+          /* @__PURE__ */ jsxs32("div", { className: "flex flex-col gap-4 w-full", children: [
+            /* @__PURE__ */ jsx39(
               ProgressBar_default,
               {
                 className: "w-full",
@@ -9316,7 +9446,7 @@ var QuizResultPerformance = forwardRef19(
                 percentageClassName: "text-xs font-medium leading-[14px] text-right"
               }
             ),
-            /* @__PURE__ */ jsx38(
+            /* @__PURE__ */ jsx39(
               ProgressBar_default,
               {
                 className: "w-full",
@@ -9330,7 +9460,7 @@ var QuizResultPerformance = forwardRef19(
                 percentageClassName: "text-xs font-medium leading-[14px] text-right"
               }
             ),
-            /* @__PURE__ */ jsx38(
+            /* @__PURE__ */ jsx39(
               ProgressBar_default,
               {
                 className: "w-full",
@@ -9379,9 +9509,9 @@ var QuizListResult = forwardRef19(({ className, onSubjectClick, ...props }, ref)
       };
     }
   );
-  return /* @__PURE__ */ jsxs31("section", { ref, className, ...props, children: [
-    /* @__PURE__ */ jsx38("p", { className: "pt-6 pb-4 text-text-950 font-bold text-lg", children: "Mat\xE9rias" }),
-    /* @__PURE__ */ jsx38("ul", { className: "flex flex-col gap-2", children: subjectsStats.map((subject) => /* @__PURE__ */ jsx38("li", { children: /* @__PURE__ */ jsx38(
+  return /* @__PURE__ */ jsxs32("section", { ref, className, ...props, children: [
+    /* @__PURE__ */ jsx39("p", { className: "pt-6 pb-4 text-text-950 font-bold text-lg", children: "Mat\xE9rias" }),
+    /* @__PURE__ */ jsx39("ul", { className: "flex flex-col gap-2", children: subjectsStats.map((subject) => /* @__PURE__ */ jsx39("li", { children: /* @__PURE__ */ jsx39(
       CardResults,
       {
         onClick: () => onSubjectClick?.(subject.subject),
@@ -9389,7 +9519,7 @@ var QuizListResult = forwardRef19(({ className, onSubjectClick, ...props }, ref)
         header: subject.subject,
         correct_answers: subject.correct,
         incorrect_answers: subject.incorrect,
-        icon: /* @__PURE__ */ jsx38(Book, { size: 20 }),
+        icon: /* @__PURE__ */ jsx39(Book, { size: 20 }),
         direction: "row"
       }
     ) }, subject.subject)) })
@@ -9406,13 +9536,13 @@ var QuizListResultByMateria = ({
   } = useQuizStore();
   const groupedQuestions = getQuestionsGroupedBySubject();
   const answeredQuestions = groupedQuestions[subject] || [];
-  return /* @__PURE__ */ jsxs31("div", { className: "w-full max-w-[1000px] flex flex-col mx-auto h-full relative not-lg:px-6", children: [
-    /* @__PURE__ */ jsx38("div", { className: "flex flex-row pt-4 justify-between", children: /* @__PURE__ */ jsx38("p", { className: "text-text-950 font-bold text-2xl", children: subject }) }),
-    /* @__PURE__ */ jsxs31("section", { className: "flex flex-col ", children: [
-      /* @__PURE__ */ jsx38("p", { className: "pt-6 pb-4 text-text-950 font-bold text-lg", children: "Resultado das quest\xF5es" }),
-      /* @__PURE__ */ jsx38("ul", { className: "flex flex-col gap-2 pt-4", children: answeredQuestions.map((question) => {
+  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__ */ 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);
-        return /* @__PURE__ */ jsx38("li", { children: /* @__PURE__ */ jsx38(
+        return /* @__PURE__ */ jsx39("li", { children: /* @__PURE__ */ jsx39(
           CardStatus,
           {
             className: "max-w-full",
@@ -9525,6 +9655,7 @@ export {
   Toast_default as Toast,
   Toaster_default as Toaster,
   VideoPlayer_default as VideoPlayer,
+  Whiteboard_default as Whiteboard,
   createZustandAuthAdapter,
   getRootDomain,
   getStatusBadge,