analytica-frontend-lib 1.2.48 → 1.2.49

package/dist/index.mjs

@@ -3729,7 +3729,7 @@ var AlertsManagerView = ({
   const handleClose = () => {
     onClose?.();
   };
-  const formatDate = (dateInput) => {
+  const formatDate2 = (dateInput) => {
     const date = dateInput instanceof Date ? dateInput : new Date(dateInput);
     if (Number.isNaN(date.getTime())) return String(dateInput);
     return date.toLocaleDateString("pt-BR", {
@@ -3763,7 +3763,7 @@ var AlertsManagerView = ({
         /* @__PURE__ */ jsx28(Divider_default, { className: "my-4" }),
         /* @__PURE__ */ jsxs23("div", { className: "flex justify-between items-center mb-4 px-2", children: [
           /* @__PURE__ */ jsx28(Text_default, { size: "sm", weight: "bold", className: "text-text-700", children: "Enviado em" }),
-          /* @__PURE__ */ jsx28(Text_default, { size: "sm", weight: "medium", className: "text-text-900", children: formatDate(alertData.sentAt) })
+          /* @__PURE__ */ jsx28(Text_default, { size: "sm", weight: "medium", className: "text-text-900", children: formatDate2(alertData.sentAt) })
         ] }),
         /* @__PURE__ */ jsx28(Divider_default, { className: "my-4" }),
         /* @__PURE__ */ jsx28("div", { className: "mb-4", children: /* @__PURE__ */ jsxs23(Table_default, { variant: "borderless", className: "table-fixed", children: [
@@ -5883,8 +5883,8 @@ var ProgressBar_default = ProgressBar;
 import { jsx as jsx37, jsxs as jsxs30 } from "react/jsx-runtime";
 var SIZE_CLASSES9 = {
   small: {
-    container: "w-[90px] h-[90px]",
-    // 90px circle from design specs
+    container: "w-[107px] h-[107px]",
+    // 107px circle to fit labels like "CONCLUÍDO"
     strokeWidth: 4,
     // 4px stroke width - matches ProgressBar small (h-1)
     textSize: "2xl",
@@ -5892,13 +5892,13 @@ var SIZE_CLASSES9 = {
     textWeight: "medium",
     // font-weight: 500
     labelSize: "2xs",
-    // Will be overridden with custom 8px in className
+    // 10px for status label
     labelWeight: "bold",
     // font-weight: 700
     spacing: "gap-0",
     // Reduced gap between percentage and label for better spacing
-    contentWidth: "max-w-[50px]"
-    // Reduced width to fit text inside circle
+    contentWidth: "max-w-[85px]"
+    // Width to fit labels like "CONCLUÍDO" inside circle
   },
   medium: {
     container: "w-[152px] h-[152px]",
@@ -5957,11 +5957,11 @@ var ProgressCircle = ({
   const percentage = max === 0 ? 0 : clampedValue / max * 100;
   const sizeClasses = SIZE_CLASSES9[size];
   const variantClasses = VARIANT_CLASSES3[variant];
-  const radius = size === "small" ? 37 : 64;
+  const radius = size === "small" ? 49 : 64;
   const circumference = 2 * Math.PI * radius;
   const strokeDashoffset = circumference - percentage / 100 * circumference;
-  const center = size === "small" ? 45 : 76;
-  const svgSize = size === "small" ? 90 : 152;
+  const center = size === "small" ? 53.5 : 76;
+  const svgSize = size === "small" ? 107 : 152;
   return /* @__PURE__ */ jsxs30(
     "div",
     {
@@ -21014,6 +21014,41 @@ var GOAL_STATUS_OPTIONS = [
   { id: "VENCIDA" /* VENCIDA */, name: "Vencida" },
   { id: "CONCLUIDA" /* CONCLUIDA */, name: "Conclu\xEDda" }
 ];
+var StudentLessonStatus = /* @__PURE__ */ ((StudentLessonStatus2) => {
+  StudentLessonStatus2["A_INICIAR"] = "A INICIAR";
+  StudentLessonStatus2["EM_ANDAMENTO"] = "EM ANDAMENTO";
+  StudentLessonStatus2["NAO_FINALIZADO"] = "N\xC3O FINALIZADO";
+  StudentLessonStatus2["CONCLUIDO"] = "CONCLU\xCDDO";
+  return StudentLessonStatus2;
+})(StudentLessonStatus || {});
+var getStudentStatusBadgeAction = (status) => {
+  const actionMap = {
+    ["CONCLU\xCDDO" /* CONCLUIDO */]: "success",
+    ["EM ANDAMENTO" /* EM_ANDAMENTO */]: "info",
+    ["A INICIAR" /* A_INICIAR */]: "warning",
+    ["N\xC3O FINALIZADO" /* NAO_FINALIZADO */]: "error"
+  };
+  return actionMap[status] ?? "warning";
+};
+var isDeadlinePassed = (deadline) => {
+  if (!deadline) return false;
+  return new Date(deadline) < /* @__PURE__ */ new Date();
+};
+var deriveStudentStatus = (progress, completedAt, deadline) => {
+  if (completedAt) return "CONCLU\xCDDO" /* CONCLUIDO */;
+  if (progress === 100) return "CONCLU\xCDDO" /* CONCLUIDO */;
+  if (isDeadlinePassed(deadline ?? null) && progress < 100) {
+    return "N\xC3O FINALIZADO" /* NAO_FINALIZADO */;
+  }
+  if (progress === 0) return "A INICIAR" /* A_INICIAR */;
+  if (progress > 0) return "EM ANDAMENTO" /* EM_ANDAMENTO */;
+  return "A INICIAR" /* A_INICIAR */;
+};
+var formatDaysToComplete = (daysToComplete) => {
+  if (daysToComplete === null) return null;
+  if (daysToComplete === 1) return "1 dia";
+  return `${daysToComplete} dias`;
+};
 
 // src/hooks/useRecommendedLessons.ts
 import { useState as useState41, useCallback as useCallback18 } from "react";
@@ -21645,6 +21680,594 @@ var RecommendedLessonsHistory = ({
     }
   );
 };
+
+// src/components/RecommendedLessonDetails/RecommendedLessonDetails.tsx
+import { useMemo as useMemo24 } from "react";
+
+// src/components/RecommendedLessonDetails/components/Breadcrumb.tsx
+import { CaretRightIcon as CaretRightIcon2 } from "@phosphor-icons/react";
+import { jsx as jsx84, jsxs as jsxs67 } from "react/jsx-runtime";
+var Breadcrumb = ({ items, onItemClick }) => /* @__PURE__ */ jsx84("nav", { className: "flex items-center gap-2 text-sm", "aria-label": "Breadcrumb", children: items.map((item, index) => /* @__PURE__ */ jsxs67(
+  Text_default,
+  {
+    as: "span",
+    className: "flex items-center gap-2",
+    children: [
+      index > 0 && /* @__PURE__ */ jsx84(CaretRightIcon2, { size: 14, className: "text-text-500" }),
+      item.path ? /* @__PURE__ */ jsx84(
+        "button",
+        {
+          type: "button",
+          onClick: () => onItemClick?.(item.path),
+          className: "text-text-600 hover:text-primary-700 transition-colors",
+          children: item.label
+        }
+      ) : /* @__PURE__ */ jsx84(Text_default, { as: "span", className: "text-text-950 font-medium", children: item.label })
+    ]
+  },
+  item.path ?? item.label
+)) });
+
+// src/components/RecommendedLessonDetails/components/LessonHeader.tsx
+import { BookBookmarkIcon } from "@phosphor-icons/react";
+
+// src/components/RecommendedLessonDetails/utils/lessonDetailsUtils.ts
+var formatDate = (dateString) => {
+  if (!dateString) return "-";
+  const date = new Date(dateString);
+  if (Number.isNaN(date.getTime())) return "-";
+  return date.toLocaleDateString("pt-BR", {
+    day: "2-digit",
+    month: "2-digit",
+    year: "numeric"
+  });
+};
+var transformStudentForDisplay = (student, deadline) => ({
+  id: student.userInstitutionId,
+  name: student.name,
+  status: deriveStudentStatus(student.progress, student.completedAt, deadline),
+  completionPercentage: student.progress,
+  duration: formatDaysToComplete(student.daysToComplete)
+});
+
+// src/components/RecommendedLessonDetails/components/LessonHeader.tsx
+import { Fragment as Fragment21, jsx as jsx85, jsxs as jsxs68 } from "react/jsx-runtime";
+var LessonHeader = ({
+  data,
+  onViewLesson,
+  mapSubjectNameToEnum,
+  viewLessonLabel
+}) => {
+  const { goal, breakdown } = data;
+  const subjectName = goal.lessonsGoals[0]?.supLessonsProgress?.lesson?.subject?.name || "";
+  const subjectEnum = mapSubjectNameToEnum?.(subjectName);
+  const subjectInfo = subjectEnum ? getSubjectInfo(subjectEnum) : null;
+  return /* @__PURE__ */ jsx85("div", { className: "bg-background rounded-xl border border-border-50 p-6", children: /* @__PURE__ */ jsxs68("div", { className: "flex flex-col lg:flex-row lg:items-start lg:justify-between gap-4", children: [
+    /* @__PURE__ */ jsxs68("div", { className: "flex flex-col gap-2", children: [
+      /* @__PURE__ */ jsx85(
+        Text_default,
+        {
+          as: "h1",
+          size: "xl",
+          weight: "bold",
+          className: "text-text-950 lg:text-2xl",
+          children: goal.title
+        }
+      ),
+      /* @__PURE__ */ jsxs68("div", { className: "flex flex-wrap items-center gap-2 text-sm text-text-600", children: [
+        /* @__PURE__ */ jsxs68(Text_default, { as: "span", size: "sm", className: "text-text-600", children: [
+          "In\xEDcio em ",
+          formatDate(goal.startDate)
+        ] }),
+        /* @__PURE__ */ jsx85(Text_default, { as: "span", size: "sm", className: "text-text-400", children: "\u2022" }),
+        /* @__PURE__ */ jsxs68(Text_default, { as: "span", size: "sm", className: "text-text-600", children: [
+          "Prazo final ",
+          formatDate(goal.finalDate)
+        ] }),
+        breakdown?.schoolName && /* @__PURE__ */ jsxs68(Fragment21, { children: [
+          /* @__PURE__ */ jsx85(Text_default, { as: "span", size: "sm", className: "text-text-400", children: "\u2022" }),
+          /* @__PURE__ */ jsx85(Text_default, { as: "span", size: "sm", className: "text-text-600", children: breakdown.schoolName })
+        ] }),
+        subjectName && /* @__PURE__ */ jsxs68(Fragment21, { children: [
+          /* @__PURE__ */ jsx85(Text_default, { as: "span", size: "sm", className: "text-text-400", children: "\u2022" }),
+          /* @__PURE__ */ jsxs68(Text_default, { as: "span", size: "sm", className: "flex items-center gap-1", children: [
+            subjectInfo && /* @__PURE__ */ jsx85(
+              Text_default,
+              {
+                as: "span",
+                className: cn(
+                  "size-5 rounded flex items-center justify-center text-white",
+                  subjectInfo.colorClass
+                ),
+                children: subjectInfo.icon
+              }
+            ),
+            subjectName
+          ] })
+        ] }),
+        breakdown?.className && /* @__PURE__ */ jsxs68(Fragment21, { children: [
+          /* @__PURE__ */ jsx85(Text_default, { as: "span", size: "sm", className: "text-text-400", children: "\u2022" }),
+          /* @__PURE__ */ jsx85(Text_default, { as: "span", size: "sm", className: "text-text-600", children: breakdown.className })
+        ] })
+      ] })
+    ] }),
+    onViewLesson && /* @__PURE__ */ jsx85(
+      Button_default,
+      {
+        variant: "solid",
+        action: "primary",
+        size: "small",
+        iconLeft: /* @__PURE__ */ jsx85(BookBookmarkIcon, { size: 16 }),
+        onClick: onViewLesson,
+        children: viewLessonLabel
+      }
+    )
+  ] }) });
+};
+
+// src/components/RecommendedLessonDetails/components/LoadingSkeleton.tsx
+import { jsx as jsx86, jsxs as jsxs69 } from "react/jsx-runtime";
+var LoadingSkeleton = () => /* @__PURE__ */ jsxs69("div", { className: "flex flex-col gap-6", children: [
+  /* @__PURE__ */ jsx86(SkeletonText, { width: 256 }),
+  /* @__PURE__ */ jsx86("div", { className: "bg-background rounded-xl border border-border-50 p-6", children: /* @__PURE__ */ jsxs69("div", { className: "flex flex-col gap-3", children: [
+    /* @__PURE__ */ jsx86(SkeletonText, { width: "75%", height: 28 }),
+    /* @__PURE__ */ jsx86(SkeletonText, { width: "50%" })
+  ] }) }),
+  /* @__PURE__ */ jsxs69("div", { className: "flex flex-col gap-4", children: [
+    /* @__PURE__ */ jsx86(SkeletonText, { width: 192, height: 20 }),
+    /* @__PURE__ */ jsxs69("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-4", children: [
+      /* @__PURE__ */ jsx86(SkeletonRounded, { height: 140 }),
+      /* @__PURE__ */ jsx86(SkeletonRounded, { height: 140 }),
+      /* @__PURE__ */ jsx86(SkeletonRounded, { height: 140 })
+    ] })
+  ] }),
+  /* @__PURE__ */ jsx86("div", { className: "bg-background rounded-xl border border-border-50 p-4", children: /* @__PURE__ */ jsx86(SkeletonTable, { rows: 4, columns: 5 }) })
+] });
+
+// src/components/RecommendedLessonDetails/components/ResultsSection.tsx
+import { TrophyIcon, WarningIcon } from "@phosphor-icons/react";
+import { jsx as jsx87, jsxs as jsxs70 } from "react/jsx-runtime";
+var ResultsSection = ({ data, labels }) => {
+  const { details } = data;
+  const { aggregated, contentPerformance } = details;
+  return /* @__PURE__ */ jsxs70("div", { className: "flex flex-col gap-4", children: [
+    /* @__PURE__ */ jsx87(Text_default, { as: "h2", size: "md", weight: "semibold", className: "text-text-950", children: labels.resultsTitle }),
+    /* @__PURE__ */ jsx87("div", { className: "bg-background rounded-xl border border-border-50 p-4", children: /* @__PURE__ */ jsxs70("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-4", children: [
+      /* @__PURE__ */ jsx87("div", { className: "flex flex-col items-center justify-center rounded-xl p-4 min-h-28 bg-primary-50", children: /* @__PURE__ */ jsx87(
+        ProgressCircle_default,
+        {
+          value: aggregated.completionPercentage,
+          size: "small",
+          variant: "blue",
+          label: labels.completedLabel,
+          showPercentage: true
+        }
+      ) }),
+      /* @__PURE__ */ jsxs70("div", { className: "flex flex-col items-center justify-center rounded-xl p-4 min-h-28 bg-success-200", children: [
+        /* @__PURE__ */ jsx87(
+          Text_default,
+          {
+            as: "span",
+            className: "size-8 rounded-full flex items-center justify-center bg-warning-300 mb-2",
+            children: /* @__PURE__ */ jsx87(TrophyIcon, { size: 18, weight: "fill", className: "text-white" })
+          }
+        ),
+        /* @__PURE__ */ jsx87(
+          Text_default,
+          {
+            size: "2xs",
+            weight: "bold",
+            className: "text-text-700 uppercase text-center leading-none mb-1",
+            children: labels.bestResultLabel
+          }
+        ),
+        /* @__PURE__ */ jsx87(
+          Text_default,
+          {
+            size: "xl",
+            weight: "bold",
+            className: "text-success-700 text-center leading-none tracking-wide",
+            children: contentPerformance.best?.contentName || "-"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs70("div", { className: "flex flex-col items-center justify-center rounded-xl p-4 min-h-28 bg-error-100", children: [
+        /* @__PURE__ */ jsx87(
+          Text_default,
+          {
+            as: "span",
+            className: "size-8 rounded-full flex items-center justify-center bg-error-300 mb-2",
+            children: /* @__PURE__ */ jsx87(WarningIcon, { size: 18, weight: "fill", className: "text-error-700" })
+          }
+        ),
+        /* @__PURE__ */ jsx87(
+          Text_default,
+          {
+            size: "2xs",
+            weight: "bold",
+            className: "text-text-700 uppercase text-center leading-none mb-1",
+            children: labels.hardestTopicLabel
+          }
+        ),
+        /* @__PURE__ */ jsx87(
+          Text_default,
+          {
+            size: "xl",
+            weight: "bold",
+            className: "text-error-700 text-center leading-none tracking-wide",
+            children: contentPerformance.worst?.contentName || "-"
+          }
+        )
+      ] })
+    ] }) })
+  ] });
+};
+
+// src/components/RecommendedLessonDetails/components/StudentsTable.tsx
+import { useCallback as useCallback20 } from "react";
+import { UserIcon } from "@phosphor-icons/react";
+import { jsx as jsx88, jsxs as jsxs71 } from "react/jsx-runtime";
+var StudentsTable = ({
+  students,
+  onViewPerformance,
+  labels,
+  emptyMessage = "Nenhum aluno encontrado"
+}) => {
+  const { sortedData, sortColumn, sortDirection, handleSort } = useTableSort(students);
+  const canViewPerformance = useCallback20((student) => {
+    return student.status === "CONCLU\xCDDO" /* CONCLUIDO */ || student.status === "N\xC3O FINALIZADO" /* NAO_FINALIZADO */;
+  }, []);
+  return /* @__PURE__ */ jsx88("div", { className: "bg-background rounded-xl border border-border-50 overflow-hidden", children: /* @__PURE__ */ jsxs71(Table_default, { children: [
+    /* @__PURE__ */ jsx88(TableHeader, { children: /* @__PURE__ */ jsxs71(TableRow, { children: [
+      /* @__PURE__ */ jsx88(
+        TableHead,
+        {
+          sortable: true,
+          sortDirection: sortColumn === "name" ? sortDirection : void 0,
+          onSort: () => handleSort("name"),
+          children: labels.studentColumn
+        }
+      ),
+      /* @__PURE__ */ jsx88(
+        TableHead,
+        {
+          sortable: true,
+          sortDirection: sortColumn === "status" ? sortDirection : void 0,
+          onSort: () => handleSort("status"),
+          children: labels.statusColumn
+        }
+      ),
+      /* @__PURE__ */ jsx88(
+        TableHead,
+        {
+          sortable: true,
+          sortDirection: sortColumn === "completionPercentage" ? sortDirection : void 0,
+          onSort: () => handleSort("completionPercentage"),
+          children: labels.completionColumn
+        }
+      ),
+      /* @__PURE__ */ jsx88(TableHead, { children: labels.durationColumn }),
+      /* @__PURE__ */ jsx88(TableHead, { className: "w-[140px]" })
+    ] }) }),
+    /* @__PURE__ */ jsx88(TableBody, { children: sortedData.length === 0 ? /* @__PURE__ */ jsx88(TableRow, { children: /* @__PURE__ */ jsx88(TableCell, { colSpan: 5, className: "text-center py-8", children: /* @__PURE__ */ jsx88(Text_default, { size: "sm", className: "text-text-500", children: emptyMessage }) }) }) : sortedData.map((student) => /* @__PURE__ */ jsxs71(TableRow, { children: [
+      /* @__PURE__ */ jsx88(TableCell, { children: /* @__PURE__ */ jsxs71("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx88(
+          Text_default,
+          {
+            as: "span",
+            className: "size-8 rounded-full bg-background-100 flex items-center justify-center",
+            children: /* @__PURE__ */ jsx88(UserIcon, { size: 16, className: "text-text-500" })
+          }
+        ),
+        /* @__PURE__ */ jsx88(Text_default, { size: "sm", className: "text-text-950", children: student.name })
+      ] }) }),
+      /* @__PURE__ */ jsx88(TableCell, { children: /* @__PURE__ */ jsx88(
+        Badge_default,
+        {
+          variant: "solid",
+          action: getStudentStatusBadgeAction(student.status),
+          size: "small",
+          children: student.status
+        }
+      ) }),
+      /* @__PURE__ */ jsx88(TableCell, { children: /* @__PURE__ */ jsxs71("div", { className: "flex flex-col gap-1 min-w-[120px]", children: [
+        /* @__PURE__ */ jsxs71(Text_default, { size: "sm", className: "text-primary-700 font-medium", children: [
+          student.completionPercentage,
+          "%"
+        ] }),
+        /* @__PURE__ */ jsx88(
+          ProgressBar_default,
+          {
+            value: student.completionPercentage,
+            size: "small",
+            variant: "blue",
+            className: "w-full max-w-[100px]"
+          }
+        )
+      ] }) }),
+      /* @__PURE__ */ jsx88(TableCell, { children: /* @__PURE__ */ jsx88(Text_default, { size: "sm", className: "text-text-700", children: student.duration ?? "-" }) }),
+      /* @__PURE__ */ jsx88(TableCell, { children: canViewPerformance(student) ? /* @__PURE__ */ jsx88(
+        Button_default,
+        {
+          variant: "outline",
+          size: "extra-small",
+          onClick: () => onViewPerformance?.(student.id),
+          children: labels.viewPerformance
+        }
+      ) : /* @__PURE__ */ jsx88(Button_default, { variant: "outline", size: "extra-small", disabled: true, children: labels.viewPerformance }) })
+    ] }, student.id)) })
+  ] }) });
+};
+
+// src/components/RecommendedLessonDetails/types.ts
+var DEFAULT_LABELS = {
+  viewLesson: "Ver aula",
+  viewPerformance: "Ver desempenho",
+  resultsTitle: "Resultados da aula recomendada",
+  completedLabel: "CONCLU\xCDDO",
+  bestResultLabel: "MELHOR RESULTADO",
+  hardestTopicLabel: "MAIOR DIFICULDADE",
+  studentColumn: "Aluno",
+  statusColumn: "Status",
+  completionColumn: "Conclus\xE3o",
+  durationColumn: "Dura\xE7\xE3o"
+};
+
+// src/components/RecommendedLessonDetails/RecommendedLessonDetails.tsx
+import { jsx as jsx89, jsxs as jsxs72 } from "react/jsx-runtime";
+var RecommendedLessonDetails = ({
+  data,
+  loading = false,
+  error = null,
+  onViewLesson,
+  onViewStudentPerformance,
+  onBreadcrumbClick,
+  mapSubjectNameToEnum,
+  breadcrumbs,
+  labels: customLabels,
+  className
+}) => {
+  const labels = useMemo24(
+    () => ({ ...DEFAULT_LABELS, ...customLabels }),
+    [customLabels]
+  );
+  const defaultBreadcrumbs = useMemo24(
+    () => [
+      { label: "Aulas recomendadas", path: "/aulas-recomendadas" },
+      { label: data?.goal.title || "Detalhes" }
+    ],
+    [data?.goal.title]
+  );
+  const breadcrumbItems = breadcrumbs || defaultBreadcrumbs;
+  const displayStudents = useMemo24(() => {
+    if (!data?.details.students) return [];
+    const deadline = data?.goal.finalDate;
+    return data.details.students.map(
+      (student) => transformStudentForDisplay(student, deadline)
+    );
+  }, [data?.details.students, data?.goal.finalDate]);
+  if (loading) {
+    return /* @__PURE__ */ jsx89(
+      "div",
+      {
+        className: cn("flex flex-col gap-6", className),
+        "data-testid": "lesson-details-loading",
+        children: /* @__PURE__ */ jsx89(LoadingSkeleton, {})
+      }
+    );
+  }
+  if (error) {
+    return /* @__PURE__ */ jsx89(
+      "div",
+      {
+        className: cn(
+          "flex flex-col items-center justify-center py-12",
+          className
+        ),
+        "data-testid": "lesson-details-error",
+        children: /* @__PURE__ */ jsx89(Text_default, { size: "md", className: "text-error-700", children: error })
+      }
+    );
+  }
+  if (!data) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxs72(
+    "div",
+    {
+      className: cn("flex flex-col gap-6", className),
+      "data-testid": "recommended-lesson-details",
+      children: [
+        /* @__PURE__ */ jsx89(Breadcrumb, { items: breadcrumbItems, onItemClick: onBreadcrumbClick }),
+        /* @__PURE__ */ jsx89(
+          LessonHeader,
+          {
+            data,
+            onViewLesson,
+            mapSubjectNameToEnum,
+            viewLessonLabel: labels.viewLesson
+          }
+        ),
+        /* @__PURE__ */ jsx89(ResultsSection, { data, labels }),
+        /* @__PURE__ */ jsx89(
+          StudentsTable,
+          {
+            students: displayStudents,
+            onViewPerformance: onViewStudentPerformance,
+            labels
+          }
+        )
+      ]
+    }
+  );
+};
+var RecommendedLessonDetails_default = RecommendedLessonDetails;
+
+// src/hooks/useRecommendedLessonDetails.ts
+import { useState as useState43, useCallback as useCallback21, useEffect as useEffect42 } from "react";
+import { z as z4 } from "zod";
+var goalLessonSubjectSchema = z4.object({
+  id: z4.string(),
+  name: z4.string(),
+  color: z4.string(),
+  icon: z4.string()
+});
+var lessonContentSchema = z4.object({
+  id: z4.string(),
+  name: z4.string()
+});
+var goalLessonSchema = z4.object({
+  id: z4.string(),
+  content: lessonContentSchema,
+  subtopic: lessonContentSchema,
+  topic: lessonContentSchema,
+  subject: goalLessonSubjectSchema
+});
+var goalLessonProgressSchema = z4.object({
+  id: z4.string(),
+  userId: z4.string(),
+  lessonId: z4.string(),
+  progress: z4.number(),
+  lesson: goalLessonSchema
+});
+var goalLessonGoalItemSchema = z4.object({
+  goalId: z4.string(),
+  supLessonsProgressId: z4.string(),
+  supLessonsProgress: goalLessonProgressSchema
+});
+var goalMetadataSchema = z4.object({
+  id: z4.string(),
+  title: z4.string(),
+  startDate: z4.string(),
+  finalDate: z4.string(),
+  progress: z4.number(),
+  lessonsGoals: z4.array(goalLessonGoalItemSchema)
+});
+var goalApiResponseSchema = z4.object({
+  message: z4.string(),
+  data: goalMetadataSchema
+});
+var goalDetailStudentSchema = z4.object({
+  userInstitutionId: z4.string(),
+  userId: z4.string(),
+  name: z4.string(),
+  progress: z4.number(),
+  completedAt: z4.string().nullable(),
+  avgScore: z4.number().nullable(),
+  daysToComplete: z4.number().nullable()
+});
+var goalDetailAggregatedSchema = z4.object({
+  completionPercentage: z4.number(),
+  avgScore: z4.number().nullable()
+});
+var goalDetailContentPerformanceItemSchema = z4.object({
+  contentId: z4.string(),
+  contentName: z4.string(),
+  rate: z4.number()
+}).nullable();
+var goalDetailContentPerformanceSchema = z4.object({
+  best: goalDetailContentPerformanceItemSchema,
+  worst: goalDetailContentPerformanceItemSchema
+});
+var goalDetailsDataSchema = z4.object({
+  students: z4.array(goalDetailStudentSchema),
+  aggregated: goalDetailAggregatedSchema,
+  contentPerformance: goalDetailContentPerformanceSchema
+});
+var goalDetailsApiResponseSchema = z4.object({
+  message: z4.string(),
+  data: goalDetailsDataSchema
+});
+var goalBreakdownSchema2 = z4.object({
+  classId: z4.string().uuid(),
+  className: z4.string(),
+  schoolId: z4.string(),
+  schoolName: z4.string(),
+  studentCount: z4.number(),
+  completedCount: z4.number()
+});
+var historyGoalItemSchema = z4.object({
+  goal: z4.object({ id: z4.string().uuid() }),
+  breakdown: z4.array(goalBreakdownSchema2)
+});
+var historyApiResponseSchema = z4.object({
+  message: z4.string(),
+  data: z4.object({
+    goals: z4.array(historyGoalItemSchema),
+    total: z4.number()
+  })
+});
+var handleLessonDetailsFetchError = (error) => {
+  if (error instanceof z4.ZodError) {
+    console.error("Erro ao validar dados dos detalhes da aula:", error);
+    return "Erro ao validar dados dos detalhes da aula";
+  }
+  console.error("Erro ao carregar detalhes da aula:", error);
+  return "Erro ao carregar detalhes da aula";
+};
+var createUseRecommendedLessonDetails = (apiClient) => {
+  return (lessonId) => {
+    const [state, setState] = useState43({
+      data: null,
+      loading: true,
+      error: null
+    });
+    const fetchLessonDetails = useCallback21(async () => {
+      if (!lessonId) {
+        setState({
+          data: null,
+          loading: false,
+          error: "ID da aula n\xE3o encontrado"
+        });
+        return;
+      }
+      setState((prev) => ({ ...prev, loading: true, error: null }));
+      try {
+        const promises = [
+          apiClient.fetchGoal(lessonId),
+          apiClient.fetchGoalDetails(lessonId),
+          apiClient.fetchBreakdown ? apiClient.fetchBreakdown(lessonId) : Promise.resolve(null)
+        ];
+        const [goalResponse, detailsResponse, historyResponse] = await Promise.all(promises);
+        const validatedGoal = goalApiResponseSchema.parse(goalResponse);
+        const validatedDetails = goalDetailsApiResponseSchema.parse(detailsResponse);
+        let breakdown;
+        if (historyResponse) {
+          const validatedHistory = historyApiResponseSchema.parse(historyResponse);
+          const historyItem = validatedHistory.data.goals.find(
+            (g) => g.goal.id === lessonId
+          );
+          breakdown = historyItem?.breakdown[0];
+        }
+        const lessonData = {
+          goal: validatedGoal.data,
+          details: validatedDetails.data,
+          breakdown
+        };
+        setState({
+          data: lessonData,
+          loading: false,
+          error: null
+        });
+      } catch (error) {
+        const errorMessage = handleLessonDetailsFetchError(error);
+        setState({
+          data: null,
+          loading: false,
+          error: errorMessage
+        });
+      }
+    }, [lessonId]);
+    useEffect42(() => {
+      fetchLessonDetails();
+    }, [fetchLessonDetails]);
+    return {
+      ...state,
+      refetch: fetchLessonDetails
+    };
+  };
+};
+var createRecommendedLessonDetailsHook = createUseRecommendedLessonDetails;
 export {
   ACTIVITY_AVAILABILITY,
   ANSWER_STATUS,
@@ -21759,6 +22382,7 @@ export {
   Radio_default as Radio,
   RadioGroup,
   RadioGroupItem,
+  RecommendedLessonDetails_default as RecommendedLessonDetails,
   RecommendedLessonsHistory,
   STUDENT_ACTIVITY_STATUS,
   SUBTYPE_ENUM,
@@ -21780,6 +22404,7 @@ export {
   SkeletonText,
   StatisticsCard,
   Stepper_default as Stepper,
+  StudentLessonStatus,
   SubjectEnum,
   SubjectInfo,
   Support_default as Support,
@@ -21808,15 +22433,19 @@ export {
   createNotificationStore,
   createNotificationsHook,
   createQuestionsListHook,
+  createRecommendedLessonDetailsHook,
   createRecommendedLessonsHistoryHook,
   createUseActivityFiltersData,
   createUseNotificationStore,
   createUseNotifications,
   createUseQuestionsList,
+  createUseRecommendedLessonDetails,
   createUseRecommendedLessonsHistory,
   createZustandAuthAdapter,
+  deriveStudentStatus,
   determineGoalStatus,
   formatDateToBrazilian,
+  formatDaysToComplete,
   formatFileSize,
   formatQuestionNumbers,
   formatTimeAgo,
@@ -21833,13 +22462,19 @@ export {
   getStatusBadgeAction,
   getStatusBadgeConfig,
   getStatusText,
+  getStudentStatusBadgeAction,
   getSubjectColorClass,
   getSubjectColorWithOpacity,
   getSubjectIcon,
   getSubjectInfo,
   getSubjectName,
+  goalApiResponseSchema,
+  goalDetailsApiResponseSchema,
   goalsHistoryApiResponseSchema,
   handleGoalFetchError,
+  handleLessonDetailsFetchError,
+  historyApiResponseSchema,
+  isDeadlinePassed,
   isFormValid,
   isStepValid,
   mapApiStatusToInternal,