analytica-frontend-lib 1.2.61 → 1.2.62

package/dist/CorrectActivityModal/index.mjs

@@ -3321,7 +3321,9 @@ var generateFileId = () => {
 var QUESTION_STATUS = {
   CORRETA: "CORRETA",
   INCORRETA: "INCORRETA",
-  EM_BRANCO: "EM_BRANCO"
+  EM_BRANCO: "EM_BRANCO",
+  /** Reserved for future use - pending teacher evaluation for essay questions */
+  PENDENTE: "PENDENTE"
 };
 var getQuestionStatusBadgeConfig = (status) => {
   const configs = {
@@ -3339,6 +3341,11 @@ var getQuestionStatusBadgeConfig = (status) => {
       label: "Em branco",
       bgColor: "bg-gray-100",
       textColor: "text-gray-600"
+    },
+    [QUESTION_STATUS.PENDENTE]: {
+      label: "Pendente",
+      bgColor: "bg-warning-background",
+      textColor: "text-warning-800"
     }
   };
   return configs[status];
@@ -3422,17 +3429,26 @@ var CorrectActivityModal = ({
   const [savedObservation, setSavedObservation] = useState6("");
   const [attachedFiles, setAttachedFiles] = useState6([]);
   const [savedFiles, setSavedFiles] = useState6([]);
+  const [existingAttachment, setExistingAttachment] = useState6(
+    null
+  );
   const fileInputRef = useRef5(null);
   useEffect6(() => {
     if (isOpen) {
       setObservation("");
       setIsObservationExpanded(false);
-      setIsObservationSaved(false);
-      setSavedObservation("");
       setAttachedFiles([]);
       setSavedFiles([]);
+      setExistingAttachment(data?.attachment ?? null);
+      if (data?.observation || data?.attachment) {
+        setIsObservationSaved(true);
+        setSavedObservation(data.observation || "");
+      } else {
+        setIsObservationSaved(false);
+        setSavedObservation("");
+      }
     }
-  }, [isOpen, data?.studentId]);
+  }, [isOpen, data?.studentId, data?.observation, data?.attachment]);
   const handleOpenObservation = () => {
     setIsObservationExpanded(true);
   };
@@ -3446,12 +3462,16 @@ var CorrectActivityModal = ({
     setAttachedFiles((prev) => prev.filter((f) => f.id !== id));
   };
   const handleSaveObservation = () => {
-    if (observation.trim() || attachedFiles.length > 0) {
+    if (observation.trim() || attachedFiles.length > 0 || existingAttachment) {
+      if (!data?.studentId) {
+        return;
+      }
       setSavedObservation(observation);
       setSavedFiles([...attachedFiles]);
       setIsObservationSaved(true);
       setIsObservationExpanded(false);
       onObservationSubmit?.(
+        data.studentId,
         observation,
         attachedFiles.map((f) => f.file)
       );
@@ -3465,9 +3485,80 @@ var CorrectActivityModal = ({
   };
   if (!data) return null;
   const title = isViewOnly ? "Detalhes da atividade" : "Corrigir atividade";
-  const formattedScore = data.score === null ? "-" : data.score.toFixed(1);
+  const formattedScore = data.score == null ? "-" : data.score.toFixed(1);
   const renderObservationSection = () => {
-    if (isViewOnly) return null;
+    const getFileNameFromUrl = (url) => {
+      try {
+        const urlObj = new URL(url);
+        const urlPath = urlObj.pathname;
+        return urlPath.split("/").pop() || "Anexo";
+      } catch {
+        return "Anexo";
+      }
+    };
+    const renderAttachmentInput = () => {
+      if (attachedFiles.length > 0) {
+        return /* @__PURE__ */ jsxs13("div", { className: "flex items-center justify-center gap-2 px-5 h-10 bg-secondary-500 rounded-full min-w-0 max-w-[150px]", children: [
+          /* @__PURE__ */ jsx16(Paperclip2, { size: 18, className: "text-text-800 flex-shrink-0" }),
+          /* @__PURE__ */ jsx16("span", { className: "text-base font-medium text-text-800 truncate", children: attachedFiles[0].file.name }),
+          /* @__PURE__ */ jsx16(
+            "button",
+            {
+              type: "button",
+              onClick: () => handleFileRemove(attachedFiles[0].id),
+              className: "text-text-700 hover:text-text-800 flex-shrink-0",
+              "aria-label": `Remover ${attachedFiles[0].file.name}`,
+              children: /* @__PURE__ */ jsx16(X3, { size: 18 })
+            }
+          )
+        ] });
+      }
+      if (existingAttachment) {
+        return /* @__PURE__ */ jsxs13("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsxs13(
+            "a",
+            {
+              href: existingAttachment,
+              target: "_blank",
+              rel: "noopener noreferrer",
+              className: "flex items-center gap-2 px-5 h-10 bg-secondary-500 rounded-full min-w-0 max-w-[150px] hover:bg-secondary-600 transition-colors",
+              children: [
+                /* @__PURE__ */ jsx16(Paperclip2, { size: 18, className: "text-text-800 flex-shrink-0" }),
+                /* @__PURE__ */ jsx16("span", { className: "text-base font-medium text-text-800 truncate", children: getFileNameFromUrl(existingAttachment) })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxs13(
+            Button_default,
+            {
+              type: "button",
+              variant: "outline",
+              size: "small",
+              onClick: () => fileInputRef.current?.click(),
+              className: "flex items-center gap-2",
+              children: [
+                /* @__PURE__ */ jsx16(Paperclip2, { size: 18 }),
+                "Trocar"
+              ]
+            }
+          )
+        ] });
+      }
+      return /* @__PURE__ */ jsxs13(
+        Button_default,
+        {
+          type: "button",
+          variant: "outline",
+          size: "small",
+          onClick: () => fileInputRef.current?.click(),
+          className: "flex items-center gap-2",
+          children: [
+            /* @__PURE__ */ jsx16(Paperclip2, { size: 18 }),
+            "Anexar"
+          ]
+        }
+      );
+    };
     if (isObservationSaved) {
       return /* @__PURE__ */ jsxs13("div", { className: "bg-background border border-border-100 rounded-lg p-4 space-y-2", children: [
         /* @__PURE__ */ jsxs13("div", { className: "flex flex-col sm:flex-row sm:items-center sm:justify-between gap-3", children: [
@@ -3483,6 +3574,25 @@ var CorrectActivityModal = ({
               ),
               /* @__PURE__ */ jsx16("span", { className: "text-base font-medium text-text-800 truncate", children: savedFiles[0].file.name })
             ] }),
+            savedFiles.length === 0 && existingAttachment && /* @__PURE__ */ jsxs13(
+              "a",
+              {
+                href: existingAttachment,
+                target: "_blank",
+                rel: "noopener noreferrer",
+                className: "flex items-center gap-2 px-5 h-10 bg-secondary-500 rounded-full min-w-0 max-w-[150px] hover:bg-secondary-600 transition-colors",
+                children: [
+                  /* @__PURE__ */ jsx16(
+                    Paperclip2,
+                    {
+                      size: 18,
+                      className: "text-text-800 flex-shrink-0"
+                    }
+                  ),
+                  /* @__PURE__ */ jsx16("span", { className: "text-base font-medium text-text-800 truncate", children: getFileNameFromUrl(existingAttachment) })
+                ]
+              }
+            ),
             /* @__PURE__ */ jsxs13(
               Button_default,
               {
@@ -3533,40 +3643,14 @@ var CorrectActivityModal = ({
           }
         ),
         /* @__PURE__ */ jsxs13("div", { className: "flex flex-col-reverse sm:flex-row gap-3 sm:justify-between", children: [
-          attachedFiles.length > 0 ? /* @__PURE__ */ jsxs13("div", { className: "flex items-center justify-center gap-2 px-5 h-10 bg-secondary-500 rounded-full min-w-0 max-w-[150px]", children: [
-            /* @__PURE__ */ jsx16(Paperclip2, { size: 18, className: "text-text-800 flex-shrink-0" }),
-            /* @__PURE__ */ jsx16("span", { className: "text-base font-medium text-text-800 truncate", children: attachedFiles[0].file.name }),
-            /* @__PURE__ */ jsx16(
-              "button",
-              {
-                type: "button",
-                onClick: () => handleFileRemove(attachedFiles[0].id),
-                className: "text-text-700 hover:text-text-800 flex-shrink-0",
-                "aria-label": `Remover ${attachedFiles[0].file.name}`,
-                children: /* @__PURE__ */ jsx16(X3, { size: 18 })
-              }
-            )
-          ] }) : /* @__PURE__ */ jsxs13(
-            Button_default,
-            {
-              type: "button",
-              variant: "outline",
-              size: "small",
-              onClick: () => fileInputRef.current?.click(),
-              className: "flex items-center gap-2",
-              children: [
-                /* @__PURE__ */ jsx16(Paperclip2, { size: 18 }),
-                "Anexar"
-              ]
-            }
-          ),
+          renderAttachmentInput(),
           /* @__PURE__ */ jsx16(
             Button_default,
             {
               type: "button",
               size: "small",
               onClick: handleSaveObservation,
-              disabled: !observation.trim() && attachedFiles.length === 0,
+              disabled: !observation.trim() && attachedFiles.length === 0 && !existingAttachment,
               children: "Salvar"
             }
           )
@@ -3592,8 +3676,8 @@ var CorrectActivityModal = ({
       contentClassName: "max-h-[80vh] overflow-y-auto",
       children: /* @__PURE__ */ jsxs13("div", { className: "space-y-6", children: [
         /* @__PURE__ */ jsxs13("div", { className: "flex items-center gap-3", children: [
-          /* @__PURE__ */ jsx16("div", { className: "w-10 h-10 bg-primary-100 rounded-full flex items-center justify-center", children: /* @__PURE__ */ jsx16(Text_default, { className: "text-lg font-semibold text-primary-700", children: data.studentName.charAt(0).toUpperCase() }) }),
-          /* @__PURE__ */ jsx16(Text_default, { className: "text-lg font-medium text-text-950", children: data.studentName })
+          /* @__PURE__ */ jsx16("div", { className: "w-10 h-10 bg-primary-100 rounded-full flex items-center justify-center", children: /* @__PURE__ */ jsx16(Text_default, { className: "text-lg font-semibold text-primary-700", children: data.studentName?.charAt(0).toUpperCase() || "-" }) }),
+          /* @__PURE__ */ jsx16(Text_default, { className: "text-lg font-medium text-text-950", children: data.studentName || "Aluno" })
         ] }),
         /* @__PURE__ */ jsxs13("div", { className: "grid grid-cols-3 gap-4", children: [
           /* @__PURE__ */ jsx16(StatCard, { label: "Nota", value: formattedScore, variant: "score" }),
@@ -3617,7 +3701,7 @@ var CorrectActivityModal = ({
         renderObservationSection(),
         /* @__PURE__ */ jsxs13("div", { className: "space-y-2", children: [
           /* @__PURE__ */ jsx16(Text_default, { className: "text-sm font-bold text-text-950", children: "Respostas" }),
-          /* @__PURE__ */ jsx16(AccordionGroup, { type: "multiple", className: "space-y-2", children: data.questions.map((question) => {
+          /* @__PURE__ */ jsx16(AccordionGroup, { type: "multiple", className: "space-y-2", children: data.questions?.map((question) => {
             const badgeConfig = getQuestionStatusBadgeConfig(question.status);
             return /* @__PURE__ */ jsx16(
               CardAccordation,