analytica-frontend-lib 1.2.70 → 1.2.72

package/dist/ActivityDetails/index.d.ts

@@ -1,20 +1,13 @@
 import { SubjectEnum } from '../../enums/SubjectEnum';
-import type { SaveQuestionCorrectionPayload, QuestionsAnswersByStudentResponse } from '../../utils/studentActivityCorrection';
-import { type ActivityDetailsData, type ActivityDetailsQueryParams } from '../../types/activityDetails';
+import type { BaseApiClient } from '../../types/api';
 /**
  * Props for the ActivityDetails component
  */
 export interface ActivityDetailsProps {
     /** Activity ID to display details for */
     activityId: string;
-    /** 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 from API (fetchQuestionsAnswersByStudent) */
-    fetchStudentCorrection: (activityId: string, studentId: string, studentName: string) => Promise<QuestionsAnswersByStudentResponse>;
-    /** Function to submit observation */
-    submitObservation: (activityId: string, studentId: string, observation: string, files: File[]) => Promise<void>;
-    /** Function to submit question correction (for essay questions) */
-    submitQuestionCorrection?: (activityId: string, studentId: string, payload: SaveQuestionCorrectionPayload) => Promise<void>;
+    /** API client instance for making requests */
+    apiClient: BaseApiClient;
     /** Callback when back button is clicked */
     onBack?: () => void;
     /** Callback when view activity button is clicked */
@@ -28,6 +21,6 @@ export interface ActivityDetailsProps {
  * ActivityDetails component
  * Displays detailed information about an activity including statistics and student progress
  */
-export declare const ActivityDetails: ({ activityId, fetchActivityDetails, fetchStudentCorrection, submitObservation, submitQuestionCorrection, onBack, onViewActivity, emptyStateImage, mapSubjectNameToEnum, }: ActivityDetailsProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ActivityDetails: ({ activityId, apiClient, onBack, onViewActivity, emptyStateImage, mapSubjectNameToEnum, }: ActivityDetailsProps) => import("react/jsx-runtime").JSX.Element;
 export default ActivityDetails;
 //# sourceMappingURL=ActivityDetails.d.ts.map

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,EAEV,6BAA6B,EAC7B,iCAAiC,EAClC,MAAM,uCAAuC,CAAC;AAE/C,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,0FAA0F;IAC1F,sBAAsB,EAAE,CACtB,UAAU,EAAE,MAAM,EAClB,SAAS,EAAE,MAAM,EACjB,WAAW,EAAE,MAAM,KAChB,OAAO,CAAC,iCAAiC,CAAC,CAAC;IAChD,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,mEAAmE;IACnE,wBAAwB,CAAC,EAAE,CACzB,UAAU,EAAE,MAAM,EAClB,SAAS,EAAE,MAAM,EACjB,OAAO,EAAE,6BAA6B,KACnC,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,2KAU7B,oBAAoB,4CA+ftB,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;AAmBtD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAGrD;;GAEG;AACH,MAAM,WAAW,oBAAoB;IACnC,yCAAyC;IACzC,UAAU,EAAE,MAAM,CAAC;IACnB,8CAA8C;IAC9C,SAAS,EAAE,aAAa,CAAC;IACzB,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,2FAO7B,oBAAoB,4CAogBtB,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/dist/ActivityDetails/index.js

@@ -34,7 +34,7 @@ __export(ActivityDetails_exports, {
   default: () => ActivityDetails_default
 });
 module.exports = __toCommonJS(ActivityDetails_exports);
-var import_react27 = require("react");
+var import_react28 = require("react");
 var import_phosphor_react20 = require("phosphor-react");
 
 // src/utils/utils.ts
@@ -42,12 +42,19 @@ var import_clsx = require("clsx");
 var import_tailwind_merge = require("tailwind-merge");
 
 // src/types/activityDetails.ts
+var import_zod = require("zod");
 var STUDENT_ACTIVITY_STATUS = {
   CONCLUIDO: "CONCLUIDO",
   AGUARDANDO_CORRECAO: "AGUARDANDO_CORRECAO",
   AGUARDANDO_RESPOSTA: "AGUARDANDO_RESPOSTA",
   NAO_ENTREGUE: "NAO_ENTREGUE"
 };
+var studentActivityStatusSchema = import_zod.z.enum([
+  STUDENT_ACTIVITY_STATUS.CONCLUIDO,
+  STUDENT_ACTIVITY_STATUS.AGUARDANDO_CORRECAO,
+  STUDENT_ACTIVITY_STATUS.AGUARDANDO_RESPOSTA,
+  STUDENT_ACTIVITY_STATUS.NAO_ENTREGUE
+]);
 
 // src/utils/activityDetailsUtils.ts
 var getStatusBadgeConfig = (status) => {
@@ -71,19 +78,15 @@ var getStatusBadgeConfig = (status) => {
       label: "N\xE3o Entregue",
       bgColor: "bg-red-50",
       textColor: "text-red-800"
-    },
-    default: {
-      label: "Desconhecido",
-      bgColor: "bg-gray-50",
-      textColor: "text-gray-800"
     }
   };
-  return configs[status] ?? configs.default;
+  return configs[status];
 };
 var formatTimeSpent = (seconds) => {
-  const hours = Math.floor(seconds / 3600);
-  const minutes = Math.floor(seconds % 3600 / 60);
-  const secs = seconds % 60;
+  const totalSeconds = Math.floor(Math.abs(seconds));
+  const hours = Math.floor(totalSeconds / 3600);
+  const minutes = Math.floor(totalSeconds % 3600 / 60);
+  const secs = totalSeconds % 60;
   return `${String(hours).padStart(2, "0")}:${String(minutes).padStart(2, "0")}:${String(secs).padStart(2, "0")}`;
 };
 var formatQuestionNumbers = (numbers) => {
@@ -505,7 +508,7 @@ var SkeletonTable = (0, import_react.forwardRef)(
 );
 
 // src/components/TableProvider/TableProvider.tsx
-var import_react26 = require("react");
+var import_react27 = require("react");
 
 // src/components/Table/Table.tsx
 var import_react2 = require("react");
@@ -2451,7 +2454,7 @@ Search.displayName = "Search";
 var Search_default = Search;
 
 // src/components/CheckBoxGroup/CheckBoxGroup.tsx
-var import_react25 = require("react");
+var import_react26 = require("react");
 
 // src/components/CheckBox/CheckBox.tsx
 var import_react10 = require("react");
@@ -6874,7 +6877,6 @@ var CorrectActivityModal = ({
         }
         await onQuestionCorrectionSubmit(data.studentId, {
           questionId: questionData.question.id,
-          questionNumber,
           isCorrect: correction.isCorrect,
           teacherFeedback: correction.teacherFeedback
         });
@@ -6953,7 +6955,7 @@ var CorrectActivityModal = ({
           renderQuestionDissertative({
             result
           }),
-          !isViewOnly && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "space-y-4 border-t border-border-100 pt-4 mt-4", children: renderEssayCorrectionFields(questionData) })
+          onQuestionCorrectionSubmit && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "space-y-4 border-t border-border-100 pt-4 mt-4", children: renderEssayCorrectionFields(questionData) })
         ] });
         break;
       case "PREENCHER" /* PREENCHER */:
@@ -7591,6 +7593,100 @@ var getSubjectInfo = (subject) => {
   };
 };
 
+// src/hooks/useActivityDetails.ts
+var import_react25 = require("react");
+var buildQueryParams = (params) => {
+  const paramsObj = {};
+  if (params?.page) paramsObj.page = params.page;
+  if (params?.limit) paramsObj.limit = params.limit;
+  if (params?.sortBy) paramsObj.sortBy = params.sortBy;
+  if (params?.sortOrder) paramsObj.sortOrder = params.sortOrder;
+  if (params?.status) paramsObj.status = params.status;
+  return paramsObj;
+};
+var useActivityDetails = (apiClient) => {
+  const fetchActivityDetails = (0, import_react25.useCallback)(
+    async (id, params) => {
+      const queryParams = buildQueryParams(params);
+      const [detailsResponse, quizResponse] = await Promise.all([
+        apiClient.get(`/activities/${id}/details`, {
+          params: queryParams
+        }),
+        apiClient.get(`/activities/${id}/quiz`).catch(() => null)
+      ]);
+      return {
+        ...detailsResponse.data.data,
+        activity: quizResponse?.data?.data
+      };
+    },
+    [apiClient]
+  );
+  const fetchStudentCorrection = (0, import_react25.useCallback)(
+    async (activityId, studentId) => {
+      const response = await apiClient.get(
+        `/questions/activity/${activityId}/user/${studentId}/answers`
+      );
+      return response.data;
+    },
+    [apiClient]
+  );
+  const submitObservation = (0, import_react25.useCallback)(
+    async (actId, studentId, observation, file) => {
+      let attachmentUrl = null;
+      if (file) {
+        const presignedRes = await apiClient.post(
+          "/user/get-pre-signed-url",
+          {
+            fileName: file.name,
+            fileType: file.type,
+            fileSize: file.size
+          }
+        );
+        const { url, fields } = presignedRes.data.data;
+        const formData = new FormData();
+        for (const [key2, value] of Object.entries(fields)) {
+          formData.append(key2, value);
+        }
+        formData.append("file", file);
+        await fetch(url, {
+          method: "POST",
+          body: formData
+        }).then((response) => {
+          if (!response.ok) {
+            throw new Error("Falha ao fazer upload do arquivo");
+          }
+        });
+        const baseUrl = url.endsWith("/") ? url.slice(0, -1) : url;
+        const key = fields.key.startsWith("/") ? fields.key.slice(1) : fields.key;
+        attachmentUrl = `${baseUrl}/${key}`;
+      }
+      await apiClient.post(
+        `/activities/${actId}/students/${studentId}/feedback/observation`,
+        {
+          observation,
+          attachmentUrl
+        }
+      );
+    },
+    [apiClient]
+  );
+  const submitQuestionCorrection = (0, import_react25.useCallback)(
+    async (activityId, studentId, payload) => {
+      await apiClient.post(
+        `/activities/${activityId}/students/${studentId}/questions/correction`,
+        payload
+      );
+    },
+    [apiClient]
+  );
+  return {
+    fetchActivityDetails,
+    fetchStudentCorrection,
+    submitObservation,
+    submitQuestionCorrection
+  };
+};
+
 // src/components/CheckBoxGroup/CheckBoxGroup.helpers.ts
 var areSelectedIdsEqual = (ids1, ids2) => {
   if (ids1 === ids2) return true;
@@ -7681,14 +7777,14 @@ var CheckboxGroup = ({
   showDivider = true,
   showSingleItem = false
 }) => {
-  const [openAccordion, setOpenAccordion] = (0, import_react25.useState)("");
-  const autoSelectionAppliedRef = (0, import_react25.useRef)(false);
-  const onCategoriesChangeRef = (0, import_react25.useRef)(onCategoriesChange);
-  const previousCategoriesRef = (0, import_react25.useRef)(categories);
-  (0, import_react25.useEffect)(() => {
+  const [openAccordion, setOpenAccordion] = (0, import_react26.useState)("");
+  const autoSelectionAppliedRef = (0, import_react26.useRef)(false);
+  const onCategoriesChangeRef = (0, import_react26.useRef)(onCategoriesChange);
+  const previousCategoriesRef = (0, import_react26.useRef)(categories);
+  (0, import_react26.useEffect)(() => {
     onCategoriesChangeRef.current = onCategoriesChange;
   }, [onCategoriesChange]);
-  const categoriesWithAutoSelection = (0, import_react25.useMemo)(() => {
+  const categoriesWithAutoSelection = (0, import_react26.useMemo)(() => {
     return categories.map((category) => {
       const filteredItems = calculateFormattedItemsForAutoSelection(
         category,
@@ -7703,7 +7799,7 @@ var CheckboxGroup = ({
       return category;
     });
   }, [categories]);
-  (0, import_react25.useEffect)(() => {
+  (0, import_react26.useEffect)(() => {
     const categoriesChanged = categories !== previousCategoriesRef.current;
     if (!categoriesChanged && autoSelectionAppliedRef.current) {
       return;
@@ -7821,7 +7917,7 @@ var CheckboxGroup = ({
     );
     return groupedItems.length ? groupedItems : [{ itens: [] }];
   };
-  const formattedItemsMap = (0, import_react25.useMemo)(() => {
+  const formattedItemsMap = (0, import_react26.useMemo)(() => {
     const formattedItemsMap2 = {};
     for (const category of categories) {
       const formattedItems = calculateFormattedItems(category.key);
@@ -8099,7 +8195,7 @@ var CheckboxGroup = ({
       openAccordion !== category.key && showDivider && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(Divider_default, {})
     ] }, category.key);
   };
-  (0, import_react25.useEffect)(() => {
+  (0, import_react26.useEffect)(() => {
     if (!openAccordion) return;
     const category = categories.find((c) => c.key === openAccordion);
     if (!category) return;
@@ -8286,9 +8382,11 @@ function TableProvider({
   rowKey,
   onParamsChange,
   onRowClick,
+  headerContent,
+  containerClassName,
   children
 }) {
-  const [searchQuery, setSearchQuery] = (0, import_react26.useState)("");
+  const [searchQuery, setSearchQuery] = (0, import_react27.useState)("");
   const sortResultRaw = useTableSort(data, { syncWithUrl: true });
   const sortResult = enableTableSort ? sortResultRaw : {
     sortedData: data,
@@ -8299,7 +8397,7 @@ function TableProvider({
   };
   const { sortedData, sortColumn, sortDirection, handleSort } = sortResult;
   const filterResultRaw = useTableFilter(initialFilters, { syncWithUrl: true });
-  const disabledFilterResult = (0, import_react26.useMemo)(
+  const disabledFilterResult = (0, import_react27.useMemo)(
     () => ({
       filterConfigs: [],
       activeFilters: {},
@@ -8329,10 +8427,10 @@ function TableProvider({
     totalItems,
     totalPages
   } = paginationConfig;
-  const [currentPage, setCurrentPage] = (0, import_react26.useState)(1);
-  const [itemsPerPage, setItemsPerPage] = (0, import_react26.useState)(defaultItemsPerPage);
-  const [isFilterModalOpen, setIsFilterModalOpen] = (0, import_react26.useState)(false);
-  const combinedParams = (0, import_react26.useMemo)(() => {
+  const [currentPage, setCurrentPage] = (0, import_react27.useState)(1);
+  const [itemsPerPage, setItemsPerPage] = (0, import_react27.useState)(defaultItemsPerPage);
+  const [isFilterModalOpen, setIsFilterModalOpen] = (0, import_react27.useState)(false);
+  const combinedParams = (0, import_react27.useMemo)(() => {
     const params = {
       page: currentPage,
       limit: itemsPerPage
@@ -8359,26 +8457,26 @@ function TableProvider({
     enableFilters,
     enableTableSort
   ]);
-  (0, import_react26.useEffect)(() => {
+  (0, import_react27.useEffect)(() => {
     onParamsChange?.(combinedParams);
   }, [combinedParams]);
-  const handleSearchChange = (0, import_react26.useCallback)((value) => {
+  const handleSearchChange = (0, import_react27.useCallback)((value) => {
     setSearchQuery(value);
     setCurrentPage(1);
   }, []);
-  const handleFilterApply = (0, import_react26.useCallback)(() => {
+  const handleFilterApply = (0, import_react27.useCallback)(() => {
     applyFilters();
     setIsFilterModalOpen(false);
     setCurrentPage(1);
   }, [applyFilters]);
-  const handlePageChange = (0, import_react26.useCallback)((page) => {
+  const handlePageChange = (0, import_react27.useCallback)((page) => {
     setCurrentPage(page);
   }, []);
-  const handleItemsPerPageChange = (0, import_react26.useCallback)((items) => {
+  const handleItemsPerPageChange = (0, import_react27.useCallback)((items) => {
     setItemsPerPage(items);
     setCurrentPage(1);
   }, []);
-  const handleRowClickInternal = (0, import_react26.useCallback)(
+  const handleRowClickInternal = (0, import_react27.useCallback)(
     (row, index) => {
       if (enableRowClick && onRowClick) {
         onRowClick(row, index);
@@ -8386,7 +8484,7 @@ function TableProvider({
     },
     [enableRowClick, onRowClick]
   );
-  const useInternalPagination = (0, import_react26.useMemo)(
+  const useInternalPagination = (0, import_react27.useMemo)(
     () => enablePagination && !onParamsChange && totalItems === void 0 && totalPages === void 0,
     [enablePagination, onParamsChange, totalItems, totalPages]
   );
@@ -8394,7 +8492,7 @@ function TableProvider({
     (totalItems ?? (useInternalPagination ? sortedData.length : data.length)) / itemsPerPage
   );
   const calculatedTotalItems = totalItems ?? (useInternalPagination ? sortedData.length : data.length);
-  const displayData = (0, import_react26.useMemo)(() => {
+  const displayData = (0, import_react27.useMemo)(() => {
     if (!useInternalPagination) {
       return sortedData;
     }
@@ -8430,6 +8528,10 @@ function TableProvider({
       }
     ) })
   ] });
+  const headerSection = (headerContent || controls) && /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "flex flex-col md:flex-row items-stretch md:items-center justify-between gap-4", children: [
+    headerContent && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { children: headerContent }),
+    controls && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { className: "flex-1 md:flex-none", children: controls })
+  ] });
   const table = /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { className: "w-full overflow-x-auto", children: /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(
     Table_default,
     {
@@ -8526,7 +8628,11 @@ function TableProvider({
   ) });
   if (children) {
     return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(import_jsx_runtime46.Fragment, { children: [
-      children({ controls, table, pagination }),
+      children({
+        controls: headerSection || controls || null,
+        table,
+        pagination
+      }),
       enableFilters && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
         FilterModal,
         {
@@ -8540,8 +8646,9 @@ function TableProvider({
       )
     ] });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "w-full space-y-4", children: [
-    controls,
+  const wrapperClassName = containerClassName || "w-full space-y-4";
+  return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: wrapperClassName, children: [
+    headerSection,
     table,
     pagination,
     enableFilters && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
@@ -8646,30 +8753,33 @@ var createTableColumns = (onCorrectActivity) => [
 ];
 var ActivityDetails = ({
   activityId,
-  fetchActivityDetails,
-  fetchStudentCorrection,
-  submitObservation,
-  submitQuestionCorrection,
+  apiClient,
   onBack,
   onViewActivity,
   emptyStateImage,
   mapSubjectNameToEnum
 }) => {
   const { isMobile } = useMobile();
-  const [page, setPage] = (0, import_react27.useState)(1);
-  const [limit, setLimit] = (0, import_react27.useState)(10);
-  const [sortBy, setSortBy] = (0, import_react27.useState)(void 0);
-  const [sortOrder, setSortOrder] = (0, import_react27.useState)(
+  const [page, setPage] = (0, import_react28.useState)(1);
+  const [limit, setLimit] = (0, import_react28.useState)(10);
+  const [sortBy, setSortBy] = (0, import_react28.useState)(void 0);
+  const [sortOrder, setSortOrder] = (0, import_react28.useState)(
     void 0
   );
-  const [data, setData] = (0, import_react27.useState)(null);
-  const [correctionData, setCorrectionData] = (0, import_react27.useState)(null);
-  const [loading, setLoading] = (0, import_react27.useState)(true);
-  const [error, setError] = (0, import_react27.useState)(null);
-  const [isModalOpen, setIsModalOpen] = (0, import_react27.useState)(false);
-  const [isViewOnlyModal, setIsViewOnlyModal] = (0, import_react27.useState)(false);
-  const [correctionError, setCorrectionError] = (0, import_react27.useState)(null);
-  (0, import_react27.useEffect)(() => {
+  const [data, setData] = (0, import_react28.useState)(null);
+  const [correctionData, setCorrectionData] = (0, import_react28.useState)(null);
+  const [loading, setLoading] = (0, import_react28.useState)(true);
+  const [error, setError] = (0, import_react28.useState)(null);
+  const [isModalOpen, setIsModalOpen] = (0, import_react28.useState)(false);
+  const [isViewOnlyModal, setIsViewOnlyModal] = (0, import_react28.useState)(false);
+  const [correctionError, setCorrectionError] = (0, import_react28.useState)(null);
+  const {
+    fetchActivityDetails,
+    fetchStudentCorrection,
+    submitObservation,
+    submitQuestionCorrection
+  } = useActivityDetails(apiClient);
+  (0, import_react28.useEffect)(() => {
     const loadData = async () => {
       if (!activityId) return;
       setLoading(true);
@@ -8692,7 +8802,7 @@ var ActivityDetails = ({
     };
     loadData();
   }, [activityId, page, limit, sortBy, sortOrder, fetchActivityDetails]);
-  const handleCorrectActivity = (0, import_react27.useCallback)(
+  const handleCorrectActivity = (0, import_react28.useCallback)(
     async (studentId) => {
       const student = data?.students.find((s) => s.studentId === studentId);
       if (!student || !activityId) return;
@@ -8700,11 +8810,7 @@ var ActivityDetails = ({
       setIsViewOnlyModal(isViewOnly);
       setCorrectionError(null);
       try {
-        const apiResponse = await fetchStudentCorrection(
-          activityId,
-          studentId,
-          student.studentName || "Aluno"
-        );
+        const apiResponse = await fetchStudentCorrection(activityId, studentId);
         const correction = convertApiResponseToCorrectionData(
           apiResponse,
           studentId,
@@ -8721,23 +8827,24 @@ var ActivityDetails = ({
     },
     [data?.students, activityId, fetchStudentCorrection]
   );
-  const handleCloseModal = (0, import_react27.useCallback)(() => {
+  const handleCloseModal = (0, import_react28.useCallback)(() => {
     setIsModalOpen(false);
   }, []);
-  const handleObservationSubmit = (0, import_react27.useCallback)(
+  const handleObservationSubmit = (0, import_react28.useCallback)(
     async (studentId, observation, files) => {
       if (!activityId || !studentId) return;
       try {
-        await submitObservation(activityId, studentId, observation, files);
+        const file = files.length > 0 ? files[0] : null;
+        await submitObservation(activityId, studentId, observation, file);
       } catch (err) {
         console.error("Failed to submit observation:", err);
       }
     },
     [activityId, submitObservation]
   );
-  const handleQuestionCorrectionSubmit = (0, import_react27.useCallback)(
+  const handleQuestionCorrectionSubmit = (0, import_react28.useCallback)(
     async (studentId, payload) => {
-      if (!activityId || !studentId || !submitQuestionCorrection) return;
+      if (!activityId || !studentId) return;
       try {
         await submitQuestionCorrection(activityId, studentId, payload);
       } catch (err) {
@@ -8747,7 +8854,7 @@ var ActivityDetails = ({
     },
     [activityId, submitQuestionCorrection]
   );
-  const tableData = (0, import_react27.useMemo)(() => {
+  const tableData = (0, import_react28.useMemo)(() => {
     if (!data?.students) return [];
     return data.students.map((student) => ({
       id: student.studentId,
@@ -8759,7 +8866,7 @@ var ActivityDetails = ({
       score: student.score
     }));
   }, [data?.students]);
-  const columns = (0, import_react27.useMemo)(
+  const columns = (0, import_react28.useMemo)(
     () => createTableColumns(handleCorrectActivity),
     [handleCorrectActivity]
   );