analytica-frontend-lib 1.2.71 → 1.2.73

package/dist/ActivityDetails/index.mjs

@@ -1,5 +1,5 @@
 // src/components/ActivityDetails/ActivityDetails.tsx
-import { useState as useState19, useMemo as useMemo7, useCallback as useCallback5, useEffect as useEffect19 } from "react";
+import { useState as useState19, useMemo as useMemo7, useCallback as useCallback6, useEffect as useEffect19 } from "react";
 import { Medal as Medal2, Star as Star2, File, CaretRight as CaretRight5, WarningCircle as WarningCircle3 } from "phosphor-react";
 
 // src/utils/utils.ts
@@ -7,12 +7,19 @@ import { clsx } from "clsx";
 import { twMerge } from "tailwind-merge";
 
 // src/types/activityDetails.ts
+import { z } from "zod";
 var STUDENT_ACTIVITY_STATUS = {
   CONCLUIDO: "CONCLUIDO",
   AGUARDANDO_CORRECAO: "AGUARDANDO_CORRECAO",
   AGUARDANDO_RESPOSTA: "AGUARDANDO_RESPOSTA",
   NAO_ENTREGUE: "NAO_ENTREGUE"
 };
+var studentActivityStatusSchema = 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) => {
@@ -36,19 +43,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) => {
@@ -470,7 +473,7 @@ var SkeletonTable = forwardRef(
 );
 
 // src/components/TableProvider/TableProvider.tsx
-import { useState as useState18, useEffect as useEffect18, useMemo as useMemo6, useCallback as useCallback4 } from "react";
+import { useState as useState18, useEffect as useEffect18, useMemo as useMemo6, useCallback as useCallback5 } from "react";
 
 // src/components/Table/Table.tsx
 import {
@@ -6937,7 +6940,6 @@ var CorrectActivityModal = ({
         }
         await onQuestionCorrectionSubmit(data.studentId, {
           questionId: questionData.question.id,
-          questionNumber,
           isCorrect: correction.isCorrect,
           teacherFeedback: correction.teacherFeedback
         });
@@ -7016,7 +7018,7 @@ var CorrectActivityModal = ({
           renderQuestionDissertative({
             result
           }),
-          !isViewOnly && /* @__PURE__ */ jsx39("div", { className: "space-y-4 border-t border-border-100 pt-4 mt-4", children: renderEssayCorrectionFields(questionData) })
+          onQuestionCorrectionSubmit && /* @__PURE__ */ jsx39("div", { className: "space-y-4 border-t border-border-100 pt-4 mt-4", children: renderEssayCorrectionFields(questionData) })
         ] });
         break;
       case "PREENCHER" /* PREENCHER */:
@@ -7666,6 +7668,100 @@ var getSubjectInfo = (subject) => {
   };
 };
 
+// src/hooks/useActivityDetails.ts
+import { useCallback as useCallback4 } from "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 = useCallback4(
+    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 = useCallback4(
+    async (activityId, studentId) => {
+      const response = await apiClient.get(
+        `/questions/activity/${activityId}/user/${studentId}/answers`
+      );
+      return response.data;
+    },
+    [apiClient]
+  );
+  const submitObservation = useCallback4(
+    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 = useCallback4(
+    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;
@@ -8361,6 +8457,8 @@ function TableProvider({
   rowKey,
   onParamsChange,
   onRowClick,
+  headerContent,
+  containerClassName,
   children
 }) {
   const [searchQuery, setSearchQuery] = useState18("");
@@ -8437,23 +8535,23 @@ function TableProvider({
   useEffect18(() => {
     onParamsChange?.(combinedParams);
   }, [combinedParams]);
-  const handleSearchChange = useCallback4((value) => {
+  const handleSearchChange = useCallback5((value) => {
     setSearchQuery(value);
     setCurrentPage(1);
   }, []);
-  const handleFilterApply = useCallback4(() => {
+  const handleFilterApply = useCallback5(() => {
     applyFilters();
     setIsFilterModalOpen(false);
     setCurrentPage(1);
   }, [applyFilters]);
-  const handlePageChange = useCallback4((page) => {
+  const handlePageChange = useCallback5((page) => {
     setCurrentPage(page);
   }, []);
-  const handleItemsPerPageChange = useCallback4((items) => {
+  const handleItemsPerPageChange = useCallback5((items) => {
     setItemsPerPage(items);
     setCurrentPage(1);
   }, []);
-  const handleRowClickInternal = useCallback4(
+  const handleRowClickInternal = useCallback5(
     (row, index) => {
       if (enableRowClick && onRowClick) {
         onRowClick(row, index);
@@ -8505,6 +8603,10 @@ function TableProvider({
       }
     ) })
   ] });
+  const headerSection = (headerContent || controls) && /* @__PURE__ */ jsxs33("div", { className: "flex flex-col md:flex-row items-stretch md:items-center justify-between gap-4", children: [
+    headerContent && /* @__PURE__ */ jsx46("div", { children: headerContent }),
+    controls && /* @__PURE__ */ jsx46("div", { className: "flex-1 md:flex-none", children: controls })
+  ] });
   const table = /* @__PURE__ */ jsx46("div", { className: "w-full overflow-x-auto", children: /* @__PURE__ */ jsxs33(
     Table_default,
     {
@@ -8601,7 +8703,11 @@ function TableProvider({
   ) });
   if (children) {
     return /* @__PURE__ */ jsxs33(Fragment9, { children: [
-      children({ controls, table, pagination }),
+      children({
+        controls: headerSection || controls || null,
+        table,
+        pagination
+      }),
       enableFilters && /* @__PURE__ */ jsx46(
         FilterModal,
         {
@@ -8615,8 +8721,9 @@ function TableProvider({
       )
     ] });
   }
-  return /* @__PURE__ */ jsxs33("div", { className: "w-full space-y-4", children: [
-    controls,
+  const wrapperClassName = containerClassName || "w-full space-y-4";
+  return /* @__PURE__ */ jsxs33("div", { className: wrapperClassName, children: [
+    headerSection,
     table,
     pagination,
     enableFilters && /* @__PURE__ */ jsx46(
@@ -8721,10 +8828,7 @@ var createTableColumns = (onCorrectActivity) => [
 ];
 var ActivityDetails = ({
   activityId,
-  fetchActivityDetails,
-  fetchStudentCorrection,
-  submitObservation,
-  submitQuestionCorrection,
+  apiClient,
   onBack,
   onViewActivity,
   emptyStateImage,
@@ -8744,6 +8848,12 @@ var ActivityDetails = ({
   const [isModalOpen, setIsModalOpen] = useState19(false);
   const [isViewOnlyModal, setIsViewOnlyModal] = useState19(false);
   const [correctionError, setCorrectionError] = useState19(null);
+  const {
+    fetchActivityDetails,
+    fetchStudentCorrection,
+    submitObservation,
+    submitQuestionCorrection
+  } = useActivityDetails(apiClient);
   useEffect19(() => {
     const loadData = async () => {
       if (!activityId) return;
@@ -8767,7 +8877,7 @@ var ActivityDetails = ({
     };
     loadData();
   }, [activityId, page, limit, sortBy, sortOrder, fetchActivityDetails]);
-  const handleCorrectActivity = useCallback5(
+  const handleCorrectActivity = useCallback6(
     async (studentId) => {
       const student = data?.students.find((s) => s.studentId === studentId);
       if (!student || !activityId) return;
@@ -8792,23 +8902,24 @@ var ActivityDetails = ({
     },
     [data?.students, activityId, fetchStudentCorrection]
   );
-  const handleCloseModal = useCallback5(() => {
+  const handleCloseModal = useCallback6(() => {
     setIsModalOpen(false);
   }, []);
-  const handleObservationSubmit = useCallback5(
+  const handleObservationSubmit = useCallback6(
     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 = useCallback5(
+  const handleQuestionCorrectionSubmit = useCallback6(
     async (studentId, payload) => {
-      if (!activityId || !studentId || !submitQuestionCorrection) return;
+      if (!activityId || !studentId) return;
       try {
         await submitQuestionCorrection(activityId, studentId, payload);
       } catch (err) {