analytica-frontend-lib 1.2.60 → 1.2.62

package/dist/CorrectActivityModal/index.d.ts

@@ -12,7 +12,7 @@ export interface CorrectActivityModalProps {
     /** Whether the modal is in view-only mode */
     isViewOnly?: boolean;
     /** Callback when observation is submitted with optional files */
-    onObservationSubmit?: (observation: string, files: File[]) => void;
+    onObservationSubmit?: (studentId: string, observation: string, files: File[]) => void;
 }
 /**
  * Modal component for correcting or viewing student activity details

package/dist/CorrectActivityModal/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CorrectActivityModal.d.ts","sourceRoot":"","sources":["../../../src/components/CorrectActivityModal/CorrectActivityModal.tsx"],"names":[],"mappings":"AAmBA,OAAO,EACL,KAAK,6BAA6B,EAEnC,MAAM,uCAAuC,CAAC;AAE/C;;GAEG;AACH,MAAM,WAAW,yBAAyB;IACxC,gCAAgC;IAChC,MAAM,EAAE,OAAO,CAAC;IAChB,kCAAkC;IAClC,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,uCAAuC;IACvC,IAAI,EAAE,6BAA6B,GAAG,IAAI,CAAC;IAC3C,6CAA6C;IAC7C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,iEAAiE;IACjE,mBAAmB,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,IAAI,CAAC;CACpE;AAqFD;;;;;;;;;;;;;;;;;;;GAmBG;AACH,QAAA,MAAM,oBAAoB,GAAI,6DAM3B,yBAAyB,mDA+V3B,CAAC;AAEF,eAAe,oBAAoB,CAAC"}
+{"version":3,"file":"CorrectActivityModal.d.ts","sourceRoot":"","sources":["../../../src/components/CorrectActivityModal/CorrectActivityModal.tsx"],"names":[],"mappings":"AAmBA,OAAO,EACL,KAAK,6BAA6B,EAEnC,MAAM,uCAAuC,CAAC;AAE/C;;GAEG;AACH,MAAM,WAAW,yBAAyB;IACxC,gCAAgC;IAChC,MAAM,EAAE,OAAO,CAAC;IAChB,kCAAkC;IAClC,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,uCAAuC;IACvC,IAAI,EAAE,6BAA6B,GAAG,IAAI,CAAC;IAC3C,6CAA6C;IAC7C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,iEAAiE;IACjE,mBAAmB,CAAC,EAAE,CACpB,SAAS,EAAE,MAAM,EACjB,WAAW,EAAE,MAAM,EACnB,KAAK,EAAE,IAAI,EAAE,KACV,IAAI,CAAC;CACX;AAqFD;;;;;;;;;;;;;;;;;;;GAmBG;AACH,QAAA,MAAM,oBAAoB,GAAI,6DAM3B,yBAAyB,mDA+b3B,CAAC;AAEF,eAAe,oBAAoB,CAAC"}

package/dist/CorrectActivityModal/index.js

@@ -3309,7 +3309,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 = {
@@ -3327,6 +3329,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];
@@ -3410,17 +3417,26 @@ var CorrectActivityModal = ({
   const [savedObservation, setSavedObservation] = (0, import_react9.useState)("");
   const [attachedFiles, setAttachedFiles] = (0, import_react9.useState)([]);
   const [savedFiles, setSavedFiles] = (0, import_react9.useState)([]);
+  const [existingAttachment, setExistingAttachment] = (0, import_react9.useState)(
+    null
+  );
   const fileInputRef = (0, import_react9.useRef)(null);
   (0, import_react9.useEffect)(() => {
     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);
   };
@@ -3434,12 +3450,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)
       );
@@ -3453,9 +3473,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__ */ (0, import_jsx_runtime16.jsxs)("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__ */ (0, import_jsx_runtime16.jsx)(import_phosphor_react7.Paperclip, { size: 18, className: "text-text-800 flex-shrink-0" }),
+          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "text-base font-medium text-text-800 truncate", children: attachedFiles[0].file.name }),
+          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+            "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__ */ (0, import_jsx_runtime16.jsx)(import_phosphor_react7.X, { size: 18 })
+            }
+          )
+        ] });
+      }
+      if (existingAttachment) {
+        return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
+            "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__ */ (0, import_jsx_runtime16.jsx)(import_phosphor_react7.Paperclip, { size: 18, className: "text-text-800 flex-shrink-0" }),
+                /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "text-base font-medium text-text-800 truncate", children: getFileNameFromUrl(existingAttachment) })
+              ]
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
+            Button_default,
+            {
+              type: "button",
+              variant: "outline",
+              size: "small",
+              onClick: () => fileInputRef.current?.click(),
+              className: "flex items-center gap-2",
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_phosphor_react7.Paperclip, { size: 18 }),
+                "Trocar"
+              ]
+            }
+          )
+        ] });
+      }
+      return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
+        Button_default,
+        {
+          type: "button",
+          variant: "outline",
+          size: "small",
+          onClick: () => fileInputRef.current?.click(),
+          className: "flex items-center gap-2",
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_phosphor_react7.Paperclip, { size: 18 }),
+            "Anexar"
+          ]
+        }
+      );
+    };
     if (isObservationSaved) {
       return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "bg-background border border-border-100 rounded-lg p-4 space-y-2", children: [
         /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "flex flex-col sm:flex-row sm:items-center sm:justify-between gap-3", children: [
@@ -3471,6 +3562,25 @@ var CorrectActivityModal = ({
               ),
               /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "text-base font-medium text-text-800 truncate", children: savedFiles[0].file.name })
             ] }),
+            savedFiles.length === 0 && existingAttachment && /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
+              "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__ */ (0, import_jsx_runtime16.jsx)(
+                    import_phosphor_react7.Paperclip,
+                    {
+                      size: 18,
+                      className: "text-text-800 flex-shrink-0"
+                    }
+                  ),
+                  /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "text-base font-medium text-text-800 truncate", children: getFileNameFromUrl(existingAttachment) })
+                ]
+              }
+            ),
             /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
               Button_default,
               {
@@ -3521,40 +3631,14 @@ var CorrectActivityModal = ({
           }
         ),
         /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "flex flex-col-reverse sm:flex-row gap-3 sm:justify-between", children: [
-          attachedFiles.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("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__ */ (0, import_jsx_runtime16.jsx)(import_phosphor_react7.Paperclip, { size: 18, className: "text-text-800 flex-shrink-0" }),
-            /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "text-base font-medium text-text-800 truncate", children: attachedFiles[0].file.name }),
-            /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
-              "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__ */ (0, import_jsx_runtime16.jsx)(import_phosphor_react7.X, { size: 18 })
-              }
-            )
-          ] }) : /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
-            Button_default,
-            {
-              type: "button",
-              variant: "outline",
-              size: "small",
-              onClick: () => fileInputRef.current?.click(),
-              className: "flex items-center gap-2",
-              children: [
-                /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_phosphor_react7.Paperclip, { size: 18 }),
-                "Anexar"
-              ]
-            }
-          ),
+          renderAttachmentInput(),
           /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
             Button_default,
             {
               type: "button",
               size: "small",
               onClick: handleSaveObservation,
-              disabled: !observation.trim() && attachedFiles.length === 0,
+              disabled: !observation.trim() && attachedFiles.length === 0 && !existingAttachment,
               children: "Salvar"
             }
           )
@@ -3580,8 +3664,8 @@ var CorrectActivityModal = ({
       contentClassName: "max-h-[80vh] overflow-y-auto",
       children: /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "space-y-6", children: [
         /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "flex items-center gap-3", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "w-10 h-10 bg-primary-100 rounded-full flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Text_default, { className: "text-lg font-semibold text-primary-700", children: data.studentName.charAt(0).toUpperCase() }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Text_default, { className: "text-lg font-medium text-text-950", children: data.studentName })
+          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "w-10 h-10 bg-primary-100 rounded-full flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Text_default, { className: "text-lg font-semibold text-primary-700", children: data.studentName?.charAt(0).toUpperCase() || "-" }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Text_default, { className: "text-lg font-medium text-text-950", children: data.studentName || "Aluno" })
         ] }),
         /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "grid grid-cols-3 gap-4", children: [
           /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(StatCard, { label: "Nota", value: formattedScore, variant: "score" }),
@@ -3605,7 +3689,7 @@ var CorrectActivityModal = ({
         renderObservationSection(),
         /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "space-y-2", children: [
           /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Text_default, { className: "text-sm font-bold text-text-950", children: "Respostas" }),
-          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(AccordionGroup, { type: "multiple", className: "space-y-2", children: data.questions.map((question) => {
+          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(AccordionGroup, { type: "multiple", className: "space-y-2", children: data.questions?.map((question) => {
             const badgeConfig = getQuestionStatusBadgeConfig(question.status);
             return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
               CardAccordation,