analytica-frontend-lib 1.2.65 → 1.2.67

package/dist/index.js

@@ -13065,8 +13065,10 @@ var CreateActivity = ({
   onCreateActivity,
   onSaveModel
 }) => {
-  const params = (0, import_react_router_dom.useParams)();
+  const [searchParams] = (0, import_react_router_dom.useSearchParams)();
   const navigate = (0, import_react_router_dom.useNavigate)();
+  const typeParam = searchParams.get("type") || void 0;
+  const idParam = searchParams.get("id") || void 0;
   const applyFilters = useQuestionFiltersStore(
     (state) => state.applyFilters
   );
@@ -13087,9 +13089,9 @@ var CreateActivity = ({
   const [loading, setLoading] = (0, import_react38.useState)(false);
   const [questions, setQuestions] = (0, import_react38.useState)([]);
   const [loadingInitialQuestions, setLoadingInitialQuestions] = (0, import_react38.useState)(false);
-  const [draftId, setDraftId] = (0, import_react38.useState)(params.id || null);
+  const [draftId, setDraftId] = (0, import_react38.useState)(idParam ?? null);
   const [activityType, setActivityType] = (0, import_react38.useState)(
-    getTypeFromUrlString(params.type)
+    getTypeFromUrlString(typeParam)
   );
   const [lastSavedAt, setLastSavedAt] = (0, import_react38.useState)(null);
   const [isSaving, setIsSaving] = (0, import_react38.useState)(false);
@@ -13139,10 +13141,10 @@ var CreateActivity = ({
   }, [activity?.id, activity?.filters, resolvedPreFilters]);
   (0, import_react38.useEffect)(() => {
     const fetchActivityDraft = async () => {
-      if (params.id && params.id !== lastFetchedActivityIdRef.current) {
+      if (idParam && idParam !== lastFetchedActivityIdRef.current) {
         setLoading(true);
         try {
-          const response = await apiClient.get(`/activity-drafts/${params.id}`);
+          const response = await apiClient.get(`/activity-drafts/${idParam}`);
           const activityData = "data" in response.data ? response.data.data : response.data;
           setActivity(activityData);
           setPreFilters(activityData.filters);
@@ -13151,7 +13153,7 @@ var CreateActivity = ({
           if (activityData.updatedAt) {
             setLastSavedAt(new Date(activityData.updatedAt));
           }
-          lastFetchedActivityIdRef.current = params.id;
+          lastFetchedActivityIdRef.current = idParam;
         } catch (error) {
           console.error("Erro ao buscar rascunho da atividade:", error);
           addToast({
@@ -13167,19 +13169,19 @@ var CreateActivity = ({
       }
     };
     fetchActivityDraft();
-  }, [params.id, apiClient, addToast]);
+  }, [idParam, apiClient, addToast]);
   (0, import_react38.useEffect)(() => {
     if (activity?.id && activity?.type) {
       const urlType = getTypeFromUrl(activity.type);
-      const currentUrlType = params.type;
-      const currentUrlId = params.id;
+      const currentUrlType = typeParam;
+      const currentUrlId = idParam;
       if (!currentUrlType || !currentUrlId || currentUrlId !== activity.id || currentUrlType !== urlType) {
-        navigate(`/criar-atividade/${urlType}/${activity.id}`, {
+        navigate(`/criar-atividade?type=${urlType}&id=${activity.id}`, {
           replace: true
         });
       }
     }
-  }, [activity?.id, activity?.type, params.type, params.id, navigate]);
+  }, [activity?.id, activity?.type, typeParam, idParam, navigate]);
   const validateSaveConditions = (0, import_react38.useCallback)(() => {
     if (questions.length === 0 && !hasFirstSaveBeenDone.current) {
       return false;
@@ -13300,7 +13302,7 @@ var CreateActivity = ({
       lastFetchedActivityIdRef.current = savedDraft.id;
       if (wasNewDraft && savedDraft.id) {
         const urlType = getTypeFromUrl(savedDraft.type);
-        navigate(`/criar-atividade/${urlType}/${savedDraft.id}`, {
+        navigate(`/criar-atividade?type=${urlType}&id=${savedDraft.id}`, {
           replace: true
         });
       }
@@ -24108,6 +24110,17 @@ var LoadingSkeleton2 = () => /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div
     /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { className: "h-44 bg-background-200 rounded-xl" })
   ] })
 ] });
+var ErrorContent = ({ message }) => /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: "flex flex-col items-center justify-center py-8 gap-3", children: [
+  /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
+    Text_default,
+    {
+      as: "span",
+      className: "size-12 rounded-full bg-error-100 flex items-center justify-center",
+      children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_react78.WarningCircleIcon, { size: 24, className: "text-error-700" })
+    }
+  ),
+  /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(Text_default, { size: "md", className: "text-error-700 text-center", children: message })
+] });
 var PerformanceContent = ({
   data,
   labels
@@ -24166,10 +24179,13 @@ var PerformanceContent = ({
     /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { className: "flex flex-col gap-2", children: data.lessons.map((lesson) => /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(LessonAccordionItem, { lesson }, lesson.id)) })
   ] })
 ] });
-var renderModalContent = (loading, data, labels) => {
+var renderModalContent = (loading, error, data, labels) => {
   if (loading) {
     return /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(LoadingSkeleton2, {});
   }
+  if (error) {
+    return /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(ErrorContent, { message: error });
+  }
   if (data) {
     return /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(PerformanceContent, { data, labels });
   }
@@ -24180,13 +24196,14 @@ var StudentPerformanceModal = ({
   onClose,
   data,
   loading = false,
+  error = null,
   labels: customLabels
 }) => {
   const labels = (0, import_react77.useMemo)(
     () => ({ ...DEFAULT_PERFORMANCE_LABELS, ...customLabels }),
     [customLabels]
   );
-  if (!data && !loading) {
+  if (!data && !loading && !error) {
     return null;
   }
   return /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
@@ -24197,7 +24214,7 @@ var StudentPerformanceModal = ({
       title: labels.title,
       size: "lg",
       contentClassName: "max-h-[70vh] overflow-y-auto",
-      children: renderModalContent(loading, data, labels)
+      children: renderModalContent(loading, error, data, labels)
     }
   );
 };
@@ -24205,11 +24222,12 @@ var StudentPerformanceModal = ({
 // src/components/RecommendedLessonDetails/RecommendedLessonDetails.tsx
 var import_jsx_runtime95 = require("react/jsx-runtime");
 var RecommendedLessonDetails = ({
+  goalId,
   data,
   loading = false,
   error = null,
   onViewLesson,
-  onViewStudentPerformance,
+  fetchStudentPerformance,
   onBreadcrumbClick,
   mapSubjectNameToEnum: mapSubjectNameToEnum2,
   breadcrumbs,
@@ -24220,6 +24238,36 @@ var RecommendedLessonDetails = ({
     () => ({ ...DEFAULT_LABELS, ...customLabels }),
     [customLabels]
   );
+  const [performanceModalOpen, setPerformanceModalOpen] = (0, import_react79.useState)(false);
+  const [performanceData, setPerformanceData] = (0, import_react79.useState)(null);
+  const [performanceLoading, setPerformanceLoading] = (0, import_react79.useState)(false);
+  const [performanceError, setPerformanceError] = (0, import_react79.useState)(null);
+  const handleViewStudentPerformance = (0, import_react79.useCallback)(
+    async (studentId) => {
+      if (!fetchStudentPerformance || !goalId) return;
+      setPerformanceModalOpen(true);
+      setPerformanceLoading(true);
+      setPerformanceData(null);
+      setPerformanceError(null);
+      try {
+        const result = await fetchStudentPerformance(goalId, studentId);
+        setPerformanceData(result);
+      } catch (err) {
+        console.error("Error fetching student performance:", err);
+        setPerformanceError(
+          err instanceof Error ? err.message : "Erro ao carregar desempenho do aluno"
+        );
+      } finally {
+        setPerformanceLoading(false);
+      }
+    },
+    [fetchStudentPerformance, goalId]
+  );
+  const handleClosePerformanceModal = (0, import_react79.useCallback)(() => {
+    setPerformanceModalOpen(false);
+    setPerformanceData(null);
+    setPerformanceError(null);
+  }, []);
   const defaultBreadcrumbs = (0, import_react79.useMemo)(
     () => [
       { label: "Aulas recomendadas", path: "/aulas-recomendadas" },
@@ -24261,34 +24309,46 @@ var RecommendedLessonDetails = ({
   if (!data) {
     return null;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)(
-    "div",
-    {
-      className: cn("flex flex-col gap-6", className),
-      "data-testid": "recommended-lesson-details",
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(Breadcrumb, { items: breadcrumbItems, onItemClick: onBreadcrumbClick }),
-        /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
-          LessonHeader,
-          {
-            data,
-            onViewLesson,
-            mapSubjectNameToEnum: mapSubjectNameToEnum2,
-            viewLessonLabel: labels.viewLesson
-          }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(ResultsSection, { data, labels }),
-        /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
-          StudentsTable,
-          {
-            students: displayStudents,
-            onViewPerformance: onViewStudentPerformance,
-            labels
-          }
-        )
-      ]
-    }
-  );
+  return /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)(import_jsx_runtime95.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)(
+      "div",
+      {
+        className: cn("flex flex-col gap-6", className),
+        "data-testid": "recommended-lesson-details",
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(Breadcrumb, { items: breadcrumbItems, onItemClick: onBreadcrumbClick }),
+          /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
+            LessonHeader,
+            {
+              data,
+              onViewLesson,
+              mapSubjectNameToEnum: mapSubjectNameToEnum2,
+              viewLessonLabel: labels.viewLesson
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(ResultsSection, { data, labels }),
+          /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
+            StudentsTable,
+            {
+              students: displayStudents,
+              onViewPerformance: fetchStudentPerformance ? handleViewStudentPerformance : void 0,
+              labels
+            }
+          )
+        ]
+      }
+    ),
+    fetchStudentPerformance && /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
+      StudentPerformanceModal,
+      {
+        isOpen: performanceModalOpen,
+        onClose: handleClosePerformanceModal,
+        data: performanceData,
+        loading: performanceLoading,
+        error: performanceError
+      }
+    )
+  ] });
 };
 var RecommendedLessonDetails_default = RecommendedLessonDetails;