analytica-frontend-lib 1.2.61 → 1.2.62

package/dist/ActivityDetails/index.d.ts

@@ -10,7 +10,7 @@ export interface ActivityDetailsProps {
     /** Function to fetch activity details. Must be memoized (using useCallback) to prevent re-fetches on every render. */
     fetchActivityDetails: (id: string, params?: ActivityDetailsQueryParams) => Promise<ActivityDetailsData>;
     /** Function to fetch student correction data */
-    fetchStudentCorrection: (activityId: string, studentId: string) => Promise<StudentActivityCorrectionData>;
+    fetchStudentCorrection: (activityId: string, studentId: string, studentName: string) => Promise<StudentActivityCorrectionData>;
     /** Function to submit observation */
     submitObservation: (activityId: string, studentId: string, observation: string, files: File[]) => Promise<void>;
     /** Callback when back button is clicked */

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

@@ -1 +1 @@
-{"version":3,"file":"ActivityDetails.d.ts","sourceRoot":"","sources":["../../../src/components/ActivityDetails/ActivityDetails.tsx"],"names":[],"mappings":"AAgBA,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAEtD,OAAO,KAAK,EAAE,6BAA6B,EAAE,MAAM,uCAAuC,CAAC;AAC3F,OAAO,EAEL,KAAK,mBAAmB,EACxB,KAAK,0BAA0B,EAGhC,MAAM,6BAA6B,CAAC;AAQrC;;GAEG;AACH,MAAM,WAAW,oBAAoB;IACnC,yCAAyC;IACzC,UAAU,EAAE,MAAM,CAAC;IACnB,sHAAsH;IACtH,oBAAoB,EAAE,CACpB,EAAE,EAAE,MAAM,EACV,MAAM,CAAC,EAAE,0BAA0B,KAChC,OAAO,CAAC,mBAAmB,CAAC,CAAC;IAClC,gDAAgD;IAChD,sBAAsB,EAAE,CACtB,UAAU,EAAE,MAAM,EAClB,SAAS,EAAE,MAAM,KACd,OAAO,CAAC,6BAA6B,CAAC,CAAC;IAC5C,qCAAqC;IACrC,iBAAiB,EAAE,CACjB,UAAU,EAAE,MAAM,EAClB,SAAS,EAAE,MAAM,EACjB,WAAW,EAAE,MAAM,EACnB,KAAK,EAAE,IAAI,EAAE,KACV,OAAO,CAAC,IAAI,CAAC,CAAC;IACnB,2CAA2C;IAC3C,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,oDAAoD;IACpD,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,4BAA4B;IAC5B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,kDAAkD;IAClD,oBAAoB,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,WAAW,GAAG,IAAI,CAAC;CACpE;AA2HD;;;GAGG;AACH,eAAO,MAAM,eAAe,GAAI,iJAS7B,oBAAoB,4CAqetB,CAAC;AAEF,eAAe,eAAe,CAAC"}
+{"version":3,"file":"ActivityDetails.d.ts","sourceRoot":"","sources":["../../../src/components/ActivityDetails/ActivityDetails.tsx"],"names":[],"mappings":"AAgBA,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAEtD,OAAO,KAAK,EAAE,6BAA6B,EAAE,MAAM,uCAAuC,CAAC;AAC3F,OAAO,EAEL,KAAK,mBAAmB,EACxB,KAAK,0BAA0B,EAGhC,MAAM,6BAA6B,CAAC;AAQrC;;GAEG;AACH,MAAM,WAAW,oBAAoB;IACnC,yCAAyC;IACzC,UAAU,EAAE,MAAM,CAAC;IACnB,sHAAsH;IACtH,oBAAoB,EAAE,CACpB,EAAE,EAAE,MAAM,EACV,MAAM,CAAC,EAAE,0BAA0B,KAChC,OAAO,CAAC,mBAAmB,CAAC,CAAC;IAClC,gDAAgD;IAChD,sBAAsB,EAAE,CACtB,UAAU,EAAE,MAAM,EAClB,SAAS,EAAE,MAAM,EACjB,WAAW,EAAE,MAAM,KAChB,OAAO,CAAC,6BAA6B,CAAC,CAAC;IAC5C,qCAAqC;IACrC,iBAAiB,EAAE,CACjB,UAAU,EAAE,MAAM,EAClB,SAAS,EAAE,MAAM,EACjB,WAAW,EAAE,MAAM,EACnB,KAAK,EAAE,IAAI,EAAE,KACV,OAAO,CAAC,IAAI,CAAC,CAAC;IACnB,2CAA2C;IAC3C,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,oDAAoD;IACpD,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,4BAA4B;IAC5B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,kDAAkD;IAClD,oBAAoB,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,WAAW,GAAG,IAAI,CAAC;CACpE;AA2HD;;;GAGG;AACH,eAAO,MAAM,eAAe,GAAI,iJAS7B,oBAAoB,4CAsetB,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/dist/ActivityDetails/index.js

@@ -5493,7 +5493,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 = {
@@ -5511,6 +5513,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];
@@ -5594,17 +5601,26 @@ var CorrectActivityModal = ({
   const [savedObservation, setSavedObservation] = (0, import_react18.useState)("");
   const [attachedFiles, setAttachedFiles] = (0, import_react18.useState)([]);
   const [savedFiles, setSavedFiles] = (0, import_react18.useState)([]);
+  const [existingAttachment, setExistingAttachment] = (0, import_react18.useState)(
+    null
+  );
   const fileInputRef = (0, import_react18.useRef)(null);
   (0, import_react18.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);
   };
@@ -5618,12 +5634,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)
       );
@@ -5637,9 +5657,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_runtime27.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_runtime27.jsx)(import_phosphor_react13.Paperclip, { size: 18, className: "text-text-800 flex-shrink-0" }),
+          /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", { className: "text-base font-medium text-text-800 truncate", children: attachedFiles[0].file.name }),
+          /* @__PURE__ */ (0, import_jsx_runtime27.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_runtime27.jsx)(import_phosphor_react13.X, { size: 18 })
+            }
+          )
+        ] });
+      }
+      if (existingAttachment) {
+        return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime27.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_runtime27.jsx)(import_phosphor_react13.Paperclip, { size: 18, className: "text-text-800 flex-shrink-0" }),
+                /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", { className: "text-base font-medium text-text-800 truncate", children: getFileNameFromUrl(existingAttachment) })
+              ]
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
+            Button_default,
+            {
+              type: "button",
+              variant: "outline",
+              size: "small",
+              onClick: () => fileInputRef.current?.click(),
+              className: "flex items-center gap-2",
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_phosphor_react13.Paperclip, { size: 18 }),
+                "Trocar"
+              ]
+            }
+          )
+        ] });
+      }
+      return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
+        Button_default,
+        {
+          type: "button",
+          variant: "outline",
+          size: "small",
+          onClick: () => fileInputRef.current?.click(),
+          className: "flex items-center gap-2",
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_phosphor_react13.Paperclip, { size: 18 }),
+            "Anexar"
+          ]
+        }
+      );
+    };
     if (isObservationSaved) {
       return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "bg-background border border-border-100 rounded-lg p-4 space-y-2", children: [
         /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "flex flex-col sm:flex-row sm:items-center sm:justify-between gap-3", children: [
@@ -5655,6 +5746,25 @@ var CorrectActivityModal = ({
               ),
               /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", { className: "text-base font-medium text-text-800 truncate", children: savedFiles[0].file.name })
             ] }),
+            savedFiles.length === 0 && existingAttachment && /* @__PURE__ */ (0, import_jsx_runtime27.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_runtime27.jsx)(
+                    import_phosphor_react13.Paperclip,
+                    {
+                      size: 18,
+                      className: "text-text-800 flex-shrink-0"
+                    }
+                  ),
+                  /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", { className: "text-base font-medium text-text-800 truncate", children: getFileNameFromUrl(existingAttachment) })
+                ]
+              }
+            ),
             /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
               Button_default,
               {
@@ -5705,40 +5815,14 @@ var CorrectActivityModal = ({
           }
         ),
         /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "flex flex-col-reverse sm:flex-row gap-3 sm:justify-between", children: [
-          attachedFiles.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime27.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_runtime27.jsx)(import_phosphor_react13.Paperclip, { size: 18, className: "text-text-800 flex-shrink-0" }),
-            /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", { className: "text-base font-medium text-text-800 truncate", children: attachedFiles[0].file.name }),
-            /* @__PURE__ */ (0, import_jsx_runtime27.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_runtime27.jsx)(import_phosphor_react13.X, { size: 18 })
-              }
-            )
-          ] }) : /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
-            Button_default,
-            {
-              type: "button",
-              variant: "outline",
-              size: "small",
-              onClick: () => fileInputRef.current?.click(),
-              className: "flex items-center gap-2",
-              children: [
-                /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_phosphor_react13.Paperclip, { size: 18 }),
-                "Anexar"
-              ]
-            }
-          ),
+          renderAttachmentInput(),
           /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
             Button_default,
             {
               type: "button",
               size: "small",
               onClick: handleSaveObservation,
-              disabled: !observation.trim() && attachedFiles.length === 0,
+              disabled: !observation.trim() && attachedFiles.length === 0 && !existingAttachment,
               children: "Salvar"
             }
           )
@@ -5764,8 +5848,8 @@ var CorrectActivityModal = ({
       contentClassName: "max-h-[80vh] overflow-y-auto",
       children: /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "space-y-6", children: [
         /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "flex items-center gap-3", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "w-10 h-10 bg-primary-100 rounded-full flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Text_default, { className: "text-lg font-semibold text-primary-700", children: data.studentName.charAt(0).toUpperCase() }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Text_default, { className: "text-lg font-medium text-text-950", children: data.studentName })
+          /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "w-10 h-10 bg-primary-100 rounded-full flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Text_default, { className: "text-lg font-semibold text-primary-700", children: data.studentName?.charAt(0).toUpperCase() || "-" }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Text_default, { className: "text-lg font-medium text-text-950", children: data.studentName || "Aluno" })
         ] }),
         /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "grid grid-cols-3 gap-4", children: [
           /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(StatCard, { label: "Nota", value: formattedScore, variant: "score" }),
@@ -5789,7 +5873,7 @@ var CorrectActivityModal = ({
         renderObservationSection(),
         /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "space-y-2", children: [
           /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Text_default, { className: "text-sm font-bold text-text-950", children: "Respostas" }),
-          /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(AccordionGroup, { type: "multiple", className: "space-y-2", children: data.questions.map((question) => {
+          /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(AccordionGroup, { type: "multiple", className: "space-y-2", children: data.questions?.map((question) => {
             const badgeConfig = getQuestionStatusBadgeConfig(question.status);
             return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
               CardAccordation,
@@ -7209,7 +7293,11 @@ var ActivityDetails = ({
       setIsViewOnlyModal(isViewOnly);
       setCorrectionError(null);
       try {
-        const correction = await fetchStudentCorrection(activityId, studentId);
+        const correction = await fetchStudentCorrection(
+          activityId,
+          studentId,
+          student.studentName || "Aluno"
+        );
         setCorrectionData(correction);
         setIsModalOpen(true);
       } catch (err) {
@@ -7225,21 +7313,15 @@ var ActivityDetails = ({
     setIsModalOpen(false);
   }, []);
   const handleObservationSubmit = (0, import_react22.useCallback)(
-    async (observation, files) => {
-      if (!activityId || !correctionData?.studentId) return;
+    async (studentId, observation, files) => {
+      if (!activityId || !studentId) return;
       try {
-        await submitObservation(
-          activityId,
-          correctionData.studentId,
-          observation,
-          files
-        );
-        setIsModalOpen(false);
+        await submitObservation(activityId, studentId, observation, files);
       } catch (err) {
         console.error("Failed to submit observation:", err);
       }
     },
-    [activityId, correctionData?.studentId, submitObservation]
+    [activityId, submitObservation]
   );
   const tableData = (0, import_react22.useMemo)(() => {
     if (!data?.students) return [];