analytica-frontend-lib 1.2.66 → 1.2.67

package/dist/index.mjs

@@ -23449,7 +23449,7 @@ var RecommendedLessonsHistory = ({
 };
 
 // src/components/RecommendedLessonDetails/RecommendedLessonDetails.tsx
-import { useMemo as useMemo27 } from "react";
+import { useMemo as useMemo27, useState as useState45, useCallback as useCallback22 } from "react";
 
 // src/components/RecommendedLessonDetails/components/Breadcrumb.tsx
 import { CaretRightIcon as CaretRightIcon2 } from "@phosphor-icons/react";
@@ -23972,6 +23972,17 @@ var LoadingSkeleton2 = () => /* @__PURE__ */ jsxs76("div", { className: "flex fl
     /* @__PURE__ */ jsx94("div", { className: "h-44 bg-background-200 rounded-xl" })
   ] })
 ] });
+var ErrorContent = ({ message }) => /* @__PURE__ */ jsxs76("div", { className: "flex flex-col items-center justify-center py-8 gap-3", children: [
+  /* @__PURE__ */ jsx94(
+    Text_default,
+    {
+      as: "span",
+      className: "size-12 rounded-full bg-error-100 flex items-center justify-center",
+      children: /* @__PURE__ */ jsx94(WarningCircleIcon2, { size: 24, className: "text-error-700" })
+    }
+  ),
+  /* @__PURE__ */ jsx94(Text_default, { size: "md", className: "text-error-700 text-center", children: message })
+] });
 var PerformanceContent = ({
   data,
   labels
@@ -24030,10 +24041,13 @@ var PerformanceContent = ({
     /* @__PURE__ */ jsx94("div", { className: "flex flex-col gap-2", children: data.lessons.map((lesson) => /* @__PURE__ */ jsx94(LessonAccordionItem, { lesson }, lesson.id)) })
   ] })
 ] });
-var renderModalContent = (loading, data, labels) => {
+var renderModalContent = (loading, error, data, labels) => {
   if (loading) {
     return /* @__PURE__ */ jsx94(LoadingSkeleton2, {});
   }
+  if (error) {
+    return /* @__PURE__ */ jsx94(ErrorContent, { message: error });
+  }
   if (data) {
     return /* @__PURE__ */ jsx94(PerformanceContent, { data, labels });
   }
@@ -24044,13 +24058,14 @@ var StudentPerformanceModal = ({
   onClose,
   data,
   loading = false,
+  error = null,
   labels: customLabels
 }) => {
   const labels = useMemo26(
     () => ({ ...DEFAULT_PERFORMANCE_LABELS, ...customLabels }),
     [customLabels]
   );
-  if (!data && !loading) {
+  if (!data && !loading && !error) {
     return null;
   }
   return /* @__PURE__ */ jsx94(
@@ -24061,19 +24076,20 @@ 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)
     }
   );
 };
 
 // src/components/RecommendedLessonDetails/RecommendedLessonDetails.tsx
-import { jsx as jsx95, jsxs as jsxs77 } from "react/jsx-runtime";
+import { Fragment as Fragment23, jsx as jsx95, jsxs as jsxs77 } from "react/jsx-runtime";
 var RecommendedLessonDetails = ({
+  goalId,
   data,
   loading = false,
   error = null,
   onViewLesson,
-  onViewStudentPerformance,
+  fetchStudentPerformance,
   onBreadcrumbClick,
   mapSubjectNameToEnum: mapSubjectNameToEnum2,
   breadcrumbs,
@@ -24084,6 +24100,36 @@ var RecommendedLessonDetails = ({
     () => ({ ...DEFAULT_LABELS, ...customLabels }),
     [customLabels]
   );
+  const [performanceModalOpen, setPerformanceModalOpen] = useState45(false);
+  const [performanceData, setPerformanceData] = useState45(null);
+  const [performanceLoading, setPerformanceLoading] = useState45(false);
+  const [performanceError, setPerformanceError] = useState45(null);
+  const handleViewStudentPerformance = useCallback22(
+    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 = useCallback22(() => {
+    setPerformanceModalOpen(false);
+    setPerformanceData(null);
+    setPerformanceError(null);
+  }, []);
   const defaultBreadcrumbs = useMemo27(
     () => [
       { label: "Aulas recomendadas", path: "/aulas-recomendadas" },
@@ -24125,39 +24171,51 @@ var RecommendedLessonDetails = ({
   if (!data) {
     return null;
   }
-  return /* @__PURE__ */ jsxs77(
-    "div",
-    {
-      className: cn("flex flex-col gap-6", className),
-      "data-testid": "recommended-lesson-details",
-      children: [
-        /* @__PURE__ */ jsx95(Breadcrumb, { items: breadcrumbItems, onItemClick: onBreadcrumbClick }),
-        /* @__PURE__ */ jsx95(
-          LessonHeader,
-          {
-            data,
-            onViewLesson,
-            mapSubjectNameToEnum: mapSubjectNameToEnum2,
-            viewLessonLabel: labels.viewLesson
-          }
-        ),
-        /* @__PURE__ */ jsx95(ResultsSection, { data, labels }),
-        /* @__PURE__ */ jsx95(
-          StudentsTable,
-          {
-            students: displayStudents,
-            onViewPerformance: onViewStudentPerformance,
-            labels
-          }
-        )
-      ]
-    }
-  );
+  return /* @__PURE__ */ jsxs77(Fragment23, { children: [
+    /* @__PURE__ */ jsxs77(
+      "div",
+      {
+        className: cn("flex flex-col gap-6", className),
+        "data-testid": "recommended-lesson-details",
+        children: [
+          /* @__PURE__ */ jsx95(Breadcrumb, { items: breadcrumbItems, onItemClick: onBreadcrumbClick }),
+          /* @__PURE__ */ jsx95(
+            LessonHeader,
+            {
+              data,
+              onViewLesson,
+              mapSubjectNameToEnum: mapSubjectNameToEnum2,
+              viewLessonLabel: labels.viewLesson
+            }
+          ),
+          /* @__PURE__ */ jsx95(ResultsSection, { data, labels }),
+          /* @__PURE__ */ jsx95(
+            StudentsTable,
+            {
+              students: displayStudents,
+              onViewPerformance: fetchStudentPerformance ? handleViewStudentPerformance : void 0,
+              labels
+            }
+          )
+        ]
+      }
+    ),
+    fetchStudentPerformance && /* @__PURE__ */ jsx95(
+      StudentPerformanceModal,
+      {
+        isOpen: performanceModalOpen,
+        onClose: handleClosePerformanceModal,
+        data: performanceData,
+        loading: performanceLoading,
+        error: performanceError
+      }
+    )
+  ] });
 };
 var RecommendedLessonDetails_default = RecommendedLessonDetails;
 
 // src/hooks/useRecommendedLessonDetails.ts
-import { useState as useState45, useCallback as useCallback22, useEffect as useEffect44 } from "react";
+import { useState as useState46, useCallback as useCallback23, useEffect as useEffect44 } from "react";
 import { z as z4 } from "zod";
 var goalLessonSubjectSchema = z4.object({
   id: z4.string(),
@@ -24260,12 +24318,12 @@ var handleLessonDetailsFetchError = (error) => {
 };
 var createUseRecommendedLessonDetails = (apiClient) => {
   return (lessonId) => {
-    const [state, setState] = useState45({
+    const [state, setState] = useState46({
       data: null,
       loading: true,
       error: null
     });
-    const fetchLessonDetails = useCallback22(async () => {
+    const fetchLessonDetails = useCallback23(async () => {
       if (!lessonId) {
         setState({
           data: null,
@@ -24323,10 +24381,10 @@ var createUseRecommendedLessonDetails = (apiClient) => {
 var createRecommendedLessonDetailsHook = createUseRecommendedLessonDetails;
 
 // src/components/ActivitiesHistory/ActivitiesHistory.tsx
-import { useState as useState49 } from "react";
+import { useState as useState50 } from "react";
 
 // src/components/ActivitiesHistory/tabs/HistoryTab.tsx
-import { useCallback as useCallback24, useMemo as useMemo28, useRef as useRef26 } from "react";
+import { useCallback as useCallback25, useMemo as useMemo28, useRef as useRef26 } from "react";
 import { Plus as Plus4 } from "phosphor-react";
 
 // src/components/ActivitiesHistory/components/ErrorDisplay.tsx
@@ -24568,7 +24626,7 @@ var createHistoryFiltersConfig = (userData) => [
 ];
 
 // src/hooks/useActivitiesHistory.ts
-import { useState as useState46, useCallback as useCallback23 } from "react";
+import { useState as useState47, useCallback as useCallback24 } from "react";
 import { z as z6 } from "zod";
 import dayjs4 from "dayjs";
 
@@ -24640,13 +24698,13 @@ var handleActivityFetchError = createFetchErrorHandler(
 );
 var createUseActivitiesHistory = (fetchActivitiesHistory) => {
   return () => {
-    const [state, setState] = useState46({
+    const [state, setState] = useState47({
       activities: [],
       loading: false,
       error: null,
       pagination: DEFAULT_ACTIVITIES_PAGINATION
     });
-    const fetchActivities = useCallback23(
+    const fetchActivities = useCallback24(
       async (filters) => {
         setState((prev) => ({ ...prev, loading: true, error: null }));
         try {
@@ -24714,7 +24772,7 @@ var HistoryTab = ({
     () => createHistoryTableColumns(mapSubjectNameToEnum2),
     [mapSubjectNameToEnum2]
   );
-  const handleParamsChange = useCallback24(
+  const handleParamsChange = useCallback25(
     (params) => {
       const filters = buildHistoryFiltersFromParams(params);
       fetchActivities(filters);
@@ -24797,7 +24855,7 @@ var HistoryTab = ({
 };
 
 // src/components/ActivitiesHistory/tabs/ModelsTab.tsx
-import { useState as useState48, useCallback as useCallback26, useMemo as useMemo29, useRef as useRef27, useEffect as useEffect45 } from "react";
+import { useState as useState49, useCallback as useCallback27, useMemo as useMemo29, useRef as useRef27, useEffect as useEffect45 } from "react";
 import { Plus as Plus5 } from "phosphor-react";
 
 // src/components/ActivitiesHistory/config/modelsTableColumns.tsx
@@ -24903,7 +24961,7 @@ var createModelsFiltersConfig = (userData) => [
 ];
 
 // src/hooks/useActivityModels.ts
-import { useState as useState47, useCallback as useCallback25 } from "react";
+import { useState as useState48, useCallback as useCallback26 } from "react";
 import { z as z7 } from "zod";
 import dayjs5 from "dayjs";
 var activityDraftFiltersSchema = z7.object({
@@ -24953,13 +25011,13 @@ var handleModelFetchError = createFetchErrorHandler(
 );
 var createUseActivityModels = (fetchActivityModels, deleteActivityModel) => {
   return () => {
-    const [state, setState] = useState47({
+    const [state, setState] = useState48({
       models: [],
       loading: false,
       error: null,
       pagination: DEFAULT_MODELS_PAGINATION
     });
-    const fetchModels = useCallback25(
+    const fetchModels = useCallback26(
       async (filters, subjectsMap) => {
         setState((prev) => ({ ...prev, loading: true, error: null }));
         try {
@@ -24994,7 +25052,7 @@ var createUseActivityModels = (fetchActivityModels, deleteActivityModel) => {
       },
       [fetchActivityModels]
     );
-    const deleteModel = useCallback25(
+    const deleteModel = useCallback26(
       async (id) => {
         try {
           await deleteActivityModel(id);
@@ -25016,7 +25074,7 @@ var createUseActivityModels = (fetchActivityModels, deleteActivityModel) => {
 var createActivityModelsHook = createUseActivityModels;
 
 // src/components/ActivitiesHistory/tabs/ModelsTab.tsx
-import { Fragment as Fragment23, jsx as jsx102, jsxs as jsxs81 } from "react/jsx-runtime";
+import { Fragment as Fragment24, jsx as jsx102, jsxs as jsxs81 } from "react/jsx-runtime";
 var ModelsTab = ({
   fetchActivityModels,
   deleteActivityModel,
@@ -25029,8 +25087,8 @@ var ModelsTab = ({
   userFilterData,
   subjectsMap
 }) => {
-  const [deleteDialogOpen, setDeleteDialogOpen] = useState48(false);
-  const [modelToDelete, setModelToDelete] = useState48(null);
+  const [deleteDialogOpen, setDeleteDialogOpen] = useState49(false);
+  const [modelToDelete, setModelToDelete] = useState49(null);
   const { addToast } = useToast();
   const fetchActivityModelsRef = useRef27(fetchActivityModels);
   fetchActivityModelsRef.current = fetchActivityModels;
@@ -25057,7 +25115,7 @@ var ModelsTab = ({
     () => createModelsFiltersConfig(userFilterData),
     [userFilterData]
   );
-  const handleDeleteClick = useCallback26((model) => {
+  const handleDeleteClick = useCallback27((model) => {
     setModelToDelete(model);
     setDeleteDialogOpen(true);
   }, []);
@@ -25070,7 +25128,7 @@ var ModelsTab = ({
     ),
     [mapSubjectNameToEnum2, onSendActivity, onEditModel, handleDeleteClick]
   );
-  const handleParamsChange = useCallback26(
+  const handleParamsChange = useCallback27(
     (params) => {
       const filters = buildModelsFiltersFromParams(params);
       fetchModels(filters, subjectsMapRef.current);
@@ -25080,7 +25138,7 @@ var ModelsTab = ({
   useEffect45(() => {
     fetchModels({ page: 1, limit: 10 }, subjectsMapRef.current);
   }, [fetchModels]);
-  const handleConfirmDelete = useCallback26(async () => {
+  const handleConfirmDelete = useCallback27(async () => {
     if (modelToDelete) {
       const success = await deleteModel(modelToDelete.id);
       if (success) {
@@ -25093,11 +25151,11 @@ var ModelsTab = ({
     setDeleteDialogOpen(false);
     setModelToDelete(null);
   }, [modelToDelete, deleteModel, fetchModels, addToast]);
-  const handleCancelDelete = useCallback26(() => {
+  const handleCancelDelete = useCallback27(() => {
     setDeleteDialogOpen(false);
     setModelToDelete(null);
   }, []);
-  return /* @__PURE__ */ jsxs81(Fragment23, { children: [
+  return /* @__PURE__ */ jsxs81(Fragment24, { children: [
     /* @__PURE__ */ jsx102(Toaster_default, {}),
     modelsError ? /* @__PURE__ */ jsx102(ErrorDisplay, { error: modelsError }) : /* @__PURE__ */ jsx102("div", { className: "w-full", "data-testid": "activity-models-tab", children: /* @__PURE__ */ jsx102(
       TableProvider,
@@ -25211,7 +25269,7 @@ var ActivitiesHistory = ({
   userFilterData,
   subjectsMap
 }) => {
-  const [activeTab, setActiveTab] = useState49("history" /* HISTORY */);
+  const [activeTab, setActiveTab] = useState50("history" /* HISTORY */);
   return /* @__PURE__ */ jsxs82(
     "div",
     {
@@ -25450,7 +25508,7 @@ var buildUserFilterData = (userData) => ({
 });
 
 // src/hooks/useChat.ts
-import { useState as useState50, useEffect as useEffect46, useCallback as useCallback27, useRef as useRef28 } from "react";
+import { useState as useState51, useEffect as useEffect46, useCallback as useCallback28, useRef as useRef28 } from "react";
 var WS_STATES = {
   CONNECTING: 0,
   OPEN: 1,
@@ -25469,10 +25527,10 @@ function useChat({
   reconnectInterval = 3e3,
   maxReconnectAttempts = 5
 }) {
-  const [isConnected, setIsConnected] = useState50(false);
-  const [messages, setMessages] = useState50([]);
-  const [participants, setParticipants] = useState50([]);
-  const [error, setError] = useState50(null);
+  const [isConnected, setIsConnected] = useState51(false);
+  const [messages, setMessages] = useState51([]);
+  const [participants, setParticipants] = useState51([]);
+  const [error, setError] = useState51(null);
   const wsRef = useRef28(null);
   const reconnectAttemptsRef = useRef28(0);
   const reconnectTimeoutRef = useRef28(
@@ -25482,12 +25540,12 @@ function useChat({
   const isConnectingRef = useRef28(false);
   const connectRef = useRef28(() => {
   });
-  const sendWsMessage = useCallback27((message) => {
+  const sendWsMessage = useCallback28((message) => {
     if (wsRef.current?.readyState === WS_STATES.OPEN) {
       wsRef.current.send(JSON.stringify(message));
     }
   }, []);
-  const sendMessage = useCallback27(
+  const sendMessage = useCallback28(
     (content) => {
       const trimmedContent = content.trim();
       if (!trimmedContent) return;
@@ -25498,12 +25556,12 @@ function useChat({
     },
     [sendWsMessage]
   );
-  const leave = useCallback27(() => {
+  const leave = useCallback28(() => {
     isManualDisconnectRef.current = true;
     sendWsMessage({ type: "leave" });
     wsRef.current?.close(1e3, "User left");
   }, [sendWsMessage]);
-  const handleMessage = useCallback27(
+  const handleMessage = useCallback28(
     (event) => {
       try {
         const data = JSON.parse(event.data);
@@ -25571,7 +25629,7 @@ function useChat({
     },
     [onError]
   );
-  const connect = useCallback27(() => {
+  const connect = useCallback28(() => {
     if (isConnectingRef.current) {
       return;
     }
@@ -25624,7 +25682,7 @@ function useChat({
     maxReconnectAttempts
   ]);
   connectRef.current = connect;
-  const reconnect = useCallback27(() => {
+  const reconnect = useCallback28(() => {
     isManualDisconnectRef.current = false;
     reconnectAttemptsRef.current = 0;
     connectRef.current();
@@ -25673,15 +25731,15 @@ function createUseChat(baseWsUrl) {
 }
 
 // src/hooks/useChatRooms.ts
-import { useState as useState51, useCallback as useCallback28 } from "react";
+import { useState as useState52, useCallback as useCallback29 } from "react";
 function useChatRooms({
   apiClient
 }) {
-  const [rooms, setRooms] = useState51([]);
-  const [availableUsers, setAvailableUsers] = useState51([]);
-  const [loading, setLoading] = useState51(false);
-  const [error, setError] = useState51(null);
-  const fetchRooms = useCallback28(async () => {
+  const [rooms, setRooms] = useState52([]);
+  const [availableUsers, setAvailableUsers] = useState52([]);
+  const [loading, setLoading] = useState52(false);
+  const [error, setError] = useState52(null);
+  const fetchRooms = useCallback29(async () => {
     setLoading(true);
     setError(null);
     try {
@@ -25697,7 +25755,7 @@ function useChatRooms({
       setLoading(false);
     }
   }, [apiClient]);
-  const fetchAvailableUsers = useCallback28(async () => {
+  const fetchAvailableUsers = useCallback29(async () => {
     setLoading(true);
     setError(null);
     try {
@@ -25713,7 +25771,7 @@ function useChatRooms({
       setLoading(false);
     }
   }, [apiClient]);
-  const createRoom = useCallback28(
+  const createRoom = useCallback29(
     async (participantIds) => {
       setLoading(true);
       setError(null);
@@ -25737,7 +25795,7 @@ function useChatRooms({
     },
     [apiClient, fetchRooms]
   );
-  const clearError = useCallback28(() => {
+  const clearError = useCallback29(() => {
     setError(null);
   }, []);
   return {
@@ -25771,7 +25829,7 @@ var CHAT_MESSAGE_TYPES = {
 };
 
 // src/components/Chat/Chat.tsx
-import { useState as useState52, useEffect as useEffect47, useCallback as useCallback29, useRef as useRef29 } from "react";
+import { useState as useState53, useEffect as useEffect47, useCallback as useCallback30, useRef as useRef29 } from "react";
 import {
   PaperPlaneTiltIcon as PaperPlaneTiltIcon2,
   XIcon,
@@ -25924,15 +25982,15 @@ function ChatContent({
   onRoomChange,
   onBackToList
 }) {
-  const [view, setView] = useState52("list");
-  const [selectedRoom, setSelectedRoom] = useState52(
+  const [view, setView] = useState53("list");
+  const [selectedRoom, setSelectedRoom] = useState53(
     null
   );
-  const [selectedUserIds, setSelectedUserIds] = useState52(
+  const [selectedUserIds, setSelectedUserIds] = useState53(
     /* @__PURE__ */ new Set()
   );
-  const [messageInput, setMessageInput] = useState52("");
-  const [showCreateModal, setShowCreateModal] = useState52(false);
+  const [messageInput, setMessageInput] = useState53("");
+  const [showCreateModal, setShowCreateModal] = useState53(false);
   const hasHandledInitialRoomRef = useRef29(false);
   const {
     rooms,
@@ -25986,7 +26044,7 @@ function ChatContent({
       onBackToList?.();
     }
   }, [initialRoomId, rooms, roomsLoading, onBackToList]);
-  const handleSelectRoom = useCallback29(
+  const handleSelectRoom = useCallback30(
     (room) => {
       setSelectedRoom(room);
       setView("room");
@@ -25994,12 +26052,12 @@ function ChatContent({
     },
     [onRoomChange]
   );
-  const handleOpenCreateModal = useCallback29(async () => {
+  const handleOpenCreateModal = useCallback30(async () => {
     await fetchAvailableUsers();
     setSelectedUserIds(/* @__PURE__ */ new Set());
     setShowCreateModal(true);
   }, [fetchAvailableUsers]);
-  const handleToggleUser = useCallback29((id) => {
+  const handleToggleUser = useCallback30((id) => {
     setSelectedUserIds((prev) => {
       const next = new Set(prev);
       if (next.has(id)) {
@@ -26010,7 +26068,7 @@ function ChatContent({
       return next;
     });
   }, []);
-  const handleCreateRoom = useCallback29(async () => {
+  const handleCreateRoom = useCallback30(async () => {
     if (selectedUserIds.size === 0) return;
     const room = await createRoom(Array.from(selectedUserIds));
     if (room) {
@@ -26019,12 +26077,12 @@ function ChatContent({
       onRoomChange?.(room.id);
     }
   }, [selectedUserIds, createRoom, onRoomChange]);
-  const handleSendMessage = useCallback29(() => {
+  const handleSendMessage = useCallback30(() => {
     if (!messageInput.trim()) return;
     sendMessage(messageInput);
     setMessageInput("");
   }, [messageInput, sendMessage]);
-  const handleBackToList = useCallback29(() => {
+  const handleBackToList = useCallback30(() => {
     setSelectedRoom(null);
     setView("list");
     onBackToList?.();