analytica-frontend-lib 1.2.66 → 1.2.67

package/dist/index.js

@@ -24110,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
@@ -24168,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 });
   }
@@ -24182,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)(
@@ -24199,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)
     }
   );
 };
@@ -24207,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,
@@ -24222,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" },
@@ -24263,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;