analytica-frontend-lib 1.2.81 → 1.2.83

package/dist/index.js

@@ -233,6 +233,7 @@ __export(src_exports, {
   createQuestionsListHook: () => createQuestionsListHook,
   createRecommendedLessonDetailsHook: () => createRecommendedLessonDetailsHook,
   createRecommendedLessonsHistoryHook: () => createRecommendedLessonsHistoryHook,
+  createRecommendedLessonsPageHook: () => createRecommendedLessonsPageHook,
   createUseActivitiesHistory: () => createUseActivitiesHistory,
   createUseActivityFiltersData: () => createUseActivityFiltersData,
   createUseActivityModels: () => createUseActivityModels,
@@ -244,6 +245,7 @@ __export(src_exports, {
   createUseQuestionsList: () => createUseQuestionsList,
   createUseRecommendedLessonDetails: () => createUseRecommendedLessonDetails,
   createUseRecommendedLessonsHistory: () => createUseRecommendedLessonsHistory,
+  createUseRecommendedLessonsPage: () => createUseRecommendedLessonsPage,
   createZustandAuthAdapter: () => createZustandAuthAdapter,
   deriveStudentStatus: () => deriveStudentStatus,
   determineGoalStatus: () => determineGoalStatus,
@@ -2342,9 +2344,9 @@ var CheckboxGroup = ({
   showSingleItem = false
 }) => {
   const [openAccordion, setOpenAccordion] = (0, import_react7.useState)("");
-  const autoSelectionAppliedRef = (0, import_react7.useRef)(false);
   const onCategoriesChangeRef = (0, import_react7.useRef)(onCategoriesChange);
   const previousCategoriesRef = (0, import_react7.useRef)(categories);
+  const appliedAutoSelectionRef = (0, import_react7.useRef)("");
   (0, import_react7.useEffect)(() => {
     onCategoriesChangeRef.current = onCategoriesChange;
   }, [onCategoriesChange]);
@@ -2365,9 +2367,6 @@ var CheckboxGroup = ({
   }, [categories]);
   (0, import_react7.useEffect)(() => {
     const categoriesChanged = categories !== previousCategoriesRef.current;
-    if (!categoriesChanged && autoSelectionAppliedRef.current) {
-      return;
-    }
     previousCategoriesRef.current = categories;
     const hasAutoSelectionChanges = categoriesWithAutoSelection.some(
       (cat, index) => {
@@ -2375,11 +2374,18 @@ var CheckboxGroup = ({
         return !areSelectedIdsEqual(cat.selectedIds, originalCat.selectedIds);
       }
     );
-    if (hasAutoSelectionChanges) {
-      autoSelectionAppliedRef.current = true;
+    if (!hasAutoSelectionChanges) {
+      if (categoriesChanged) {
+        appliedAutoSelectionRef.current = "";
+      }
+      return;
+    }
+    const autoSelectionSignature = JSON.stringify(
+      categoriesWithAutoSelection.map((c) => c.selectedIds)
+    );
+    if (appliedAutoSelectionRef.current !== autoSelectionSignature) {
+      appliedAutoSelectionRef.current = autoSelectionSignature;
       onCategoriesChangeRef.current(categoriesWithAutoSelection);
-    } else if (categoriesChanged) {
-      autoSelectionAppliedRef.current = false;
     }
   }, [categoriesWithAutoSelection, categories]);
   const isCheckBoxIsSelected = (categoryKey, itemId) => {
@@ -2636,36 +2642,24 @@ var CheckboxGroup = ({
   };
   const renderCheckboxItem = (item, categoryKey) => {
     const uniqueId = `${categoryKey}-${item.id}`;
-    return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
-      "div",
-      {
-        className: "flex items-center gap-3 px-2",
-        role: "presentation",
-        onClick: (e) => e.stopPropagation(),
-        onMouseDown: (e) => e.stopPropagation(),
-        onMouseUp: (e) => e.stopPropagation(),
-        onKeyDown: (e) => e.stopPropagation(),
-        children: [
-          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
-            CheckBox_default,
-            {
-              id: uniqueId,
-              checked: isCheckBoxIsSelected(categoryKey, item.id),
-              onChange: () => toggleItem(categoryKey, item.id)
-            }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
-            "label",
-            {
-              htmlFor: uniqueId,
-              className: "text-sm text-text-950 cursor-pointer select-none",
-              children: item.name
-            }
-          )
-        ]
-      },
-      item.id
-    );
+    return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "flex items-center gap-3 px-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+        CheckBox_default,
+        {
+          id: uniqueId,
+          checked: isCheckBoxIsSelected(categoryKey, item.id),
+          onChange: () => toggleItem(categoryKey, item.id)
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+        "label",
+        {
+          htmlFor: uniqueId,
+          className: "text-sm text-text-950 cursor-pointer select-none",
+          children: item.name
+        }
+      )
+    ] }, item.id);
   };
   const renderFormattedGroup = (formattedGroup, idx, categoryKey) => /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
     "div",
@@ -25852,9 +25846,8 @@ var GoalPageTab = /* @__PURE__ */ ((GoalPageTab2) => {
   GoalPageTab2["MODELS"] = "models";
   return GoalPageTab2;
 })(GoalPageTab || {});
-var isNonEmptyArray = (param) => Array.isArray(param) && param.length > 0;
 var extractFilterValue = (param) => {
-  if (!isNonEmptyArray(param)) return {};
+  if (!Array.isArray(param) || param.length === 0) return {};
   return param.length === 1 ? { single: param[0] } : { multiple: param };
 };
 var buildFiltersFromParams = (params) => {
@@ -25865,7 +25858,7 @@ var buildFiltersFromParams = (params) => {
   if (params.search) {
     filters.search = params.search;
   }
-  if (isNonEmptyArray(params.status)) {
+  if (Array.isArray(params.status) && params.status.length > 0) {
     filters.status = params.status[0];
   }
   const schoolFilter = extractFilterValue(params.school);
@@ -25874,10 +25867,10 @@ var buildFiltersFromParams = (params) => {
   const classFilter = extractFilterValue(params.class);
   if (classFilter.single) filters.classId = classFilter.single;
   if (classFilter.multiple) filters.classIds = classFilter.multiple;
-  if (isNonEmptyArray(params.students)) {
+  if (Array.isArray(params.students) && params.students.length > 0) {
     filters.studentIds = params.students;
   }
-  if (isNonEmptyArray(params.subject)) {
+  if (Array.isArray(params.subject) && params.subject.length > 0) {
     filters.subjectId = params.subject[0];
   }
   if (params.startDate && typeof params.startDate === "string") {
@@ -27131,8 +27124,225 @@ var RecommendedLessonDetails = ({
 };
 var RecommendedLessonDetails_default = RecommendedLessonDetails;
 
-// src/hooks/useRecommendedLessonDetails.ts
+// src/hooks/useRecommendedLessonsPage.ts
 var import_react87 = require("react");
+var buildQueryParams2 = (filters) => {
+  if (!filters) return {};
+  const params = {};
+  for (const key in filters) {
+    const value = filters[key];
+    if (value !== void 0 && value !== null) {
+      if (typeof value === "string" || typeof value === "number" || typeof value === "boolean") {
+        params[key] = value;
+      }
+    }
+  }
+  return params;
+};
+var getSchoolOptions2 = (userData) => {
+  if (!userData?.userInstitutions) return [];
+  const schoolMap = /* @__PURE__ */ new Map();
+  userData.userInstitutions.forEach((inst) => {
+    if (inst.school?.id && inst.school?.name) {
+      schoolMap.set(inst.school.id, inst.school.name);
+    }
+  });
+  return Array.from(schoolMap.entries()).map(([id, name]) => ({ id, name }));
+};
+var getClassOptions2 = (userData) => {
+  if (!userData?.userInstitutions) return [];
+  const classMap = /* @__PURE__ */ new Map();
+  userData.userInstitutions.forEach((inst) => {
+    if (inst.class?.id && inst.class?.name) {
+      classMap.set(inst.class.id, inst.class.name);
+    }
+  });
+  return Array.from(classMap.entries()).map(([id, name]) => ({ id, name }));
+};
+var getSubjectOptions3 = (userData) => {
+  if (!userData?.subTeacherTopicClasses) return [];
+  const subjectMap = /* @__PURE__ */ new Map();
+  userData.subTeacherTopicClasses.forEach((stc) => {
+    if (stc.subject?.id && stc.subject?.name) {
+      subjectMap.set(stc.subject.id, stc.subject.name);
+    }
+  });
+  return Array.from(subjectMap.entries()).map(([id, name]) => ({ id, name }));
+};
+var createUseRecommendedLessonsPage = (config) => {
+  const {
+    api,
+    navigate,
+    userData,
+    paths,
+    endpoints,
+    texts,
+    emptyStateImage,
+    noSearchImage,
+    mapSubjectNameToEnum: mapSubjectNameToEnum2
+  } = config;
+  return () => {
+    const goalsMapRef = (0, import_react87.useRef)(/* @__PURE__ */ new Map());
+    const [sendModalOpen, setSendModalOpen] = (0, import_react87.useState)(false);
+    const [selectedModel, setSelectedModel] = (0, import_react87.useState)(null);
+    const [sendModalLoading, setSendModalLoading] = (0, import_react87.useState)(false);
+    const [sendModalCategories, setSendModalCategories] = (0, import_react87.useState)([]);
+    const userFilterData = (0, import_react87.useMemo)(
+      () => ({
+        schools: getSchoolOptions2(userData),
+        classes: getClassOptions2(userData),
+        subjects: getSubjectOptions3(userData)
+      }),
+      [userData]
+    );
+    const subjectsMap = (0, import_react87.useMemo)(() => {
+      const map = /* @__PURE__ */ new Map();
+      const subjects = getSubjectOptions3(userData);
+      subjects.forEach((s) => map.set(s.id, s.name));
+      return map;
+    }, [userData]);
+    const fetchGoalsHistory = (0, import_react87.useCallback)(
+      async (filters) => {
+        const params = buildQueryParams2(filters);
+        const response = await api.get(
+          endpoints.goalsHistory,
+          { params }
+        );
+        const goals = response.data.data.goals;
+        goals.forEach((goal) => {
+          goalsMapRef.current.set(goal.goal.id, goal);
+        });
+        return response.data;
+      },
+      [api, endpoints.goalsHistory]
+    );
+    const fetchGoalModels = (0, import_react87.useCallback)(
+      async (filters) => {
+        const params = buildQueryParams2({
+          ...filters,
+          type: "MODELO" /* MODELO */
+        });
+        const response = await api.get(
+          endpoints.goalDrafts,
+          { params }
+        );
+        return response.data;
+      },
+      [api, endpoints.goalDrafts]
+    );
+    const deleteGoalModel = (0, import_react87.useCallback)(
+      async (id) => {
+        await api.delete(`${endpoints.goalDrafts}/${id}`);
+      },
+      [api, endpoints.goalDrafts]
+    );
+    const handleCreateLesson = (0, import_react87.useCallback)(() => {
+      navigate(paths.createLesson);
+    }, []);
+    const handleCreateModel = (0, import_react87.useCallback)(() => {
+      navigate(paths.createModel);
+    }, []);
+    const handleRowClick = (0, import_react87.useCallback)((row) => {
+      const originalData = goalsMapRef.current.get(row.id);
+      navigate(`${paths.lessonDetails}/${row.id}`, {
+        state: { goalData: originalData }
+      });
+    }, []);
+    const handleEditGoal = (0, import_react87.useCallback)((id) => {
+      navigate(`${paths.editLesson}/${id}/editar`);
+    }, []);
+    const handleEditModel = (0, import_react87.useCallback)((model) => {
+      navigate(`${paths.editModel}${model.id}`);
+    }, []);
+    const handleSendLesson = (0, import_react87.useCallback)(
+      (model) => {
+        setSelectedModel(model);
+        const classes = getClassOptions2(userData);
+        const categories = [];
+        if (classes.length > 0) {
+          categories.push({
+            key: "students",
+            label: "Turmas",
+            selectedIds: [],
+            itens: classes.map((cls) => ({
+              id: cls.id,
+              name: cls.name,
+              studentId: cls.id,
+              userInstitutionId: cls.id
+            }))
+          });
+        }
+        setSendModalCategories(categories);
+        setSendModalOpen(true);
+      },
+      [userData]
+    );
+    const handleSendLessonSubmit = (0, import_react87.useCallback)(
+      async (formData) => {
+        if (!selectedModel) return;
+        setSendModalLoading(true);
+        try {
+          await api.post(endpoints.submitGoal, {
+            draftId: selectedModel.id,
+            students: formData.students,
+            startDate: `${formData.startDate}T${formData.startTime}:00`,
+            finalDate: `${formData.finalDate}T${formData.finalTime}:00`
+          });
+          setSendModalOpen(false);
+          setSelectedModel(null);
+        } finally {
+          setSendModalLoading(false);
+        }
+      },
+      [api, endpoints.submitGoal, selectedModel]
+    );
+    const handleSendModalClose = (0, import_react87.useCallback)(() => {
+      setSendModalOpen(false);
+      setSelectedModel(null);
+    }, []);
+    const handleCategoriesChange = (0, import_react87.useCallback)(
+      (categories) => {
+        setSendModalCategories(categories);
+      },
+      []
+    );
+    return {
+      historyProps: {
+        fetchGoalsHistory,
+        fetchGoalModels,
+        deleteGoalModel,
+        onCreateLesson: handleCreateLesson,
+        onCreateModel: handleCreateModel,
+        onRowClick: handleRowClick,
+        onEditGoal: handleEditGoal,
+        onEditModel: handleEditModel,
+        onSendLesson: handleSendLesson,
+        emptyStateImage,
+        noSearchImage,
+        mapSubjectNameToEnum: mapSubjectNameToEnum2,
+        userFilterData,
+        subjectsMap,
+        title: texts.title,
+        createButtonText: texts.createButtonText,
+        searchPlaceholder: texts.searchPlaceholder
+      },
+      modalProps: {
+        isOpen: sendModalOpen,
+        onClose: handleSendModalClose,
+        onSubmit: handleSendLessonSubmit,
+        categories: sendModalCategories,
+        onCategoriesChange: handleCategoriesChange,
+        isLoading: sendModalLoading,
+        modalTitle: selectedModel?.title
+      },
+      navigate
+    };
+  };
+};
+var createRecommendedLessonsPageHook = createUseRecommendedLessonsPage;
+
+// src/hooks/useRecommendedLessonDetails.ts
+var import_react88 = require("react");
 var import_zod8 = require("zod");
 var goalLessonSubjectSchema = import_zod8.z.object({
   id: import_zod8.z.string(),
@@ -27235,12 +27445,12 @@ var handleLessonDetailsFetchError = (error) => {
 };
 var createUseRecommendedLessonDetails = (apiClient) => {
   return (lessonId) => {
-    const [state, setState] = (0, import_react87.useState)({
+    const [state, setState] = (0, import_react88.useState)({
       data: null,
       loading: true,
       error: null
     });
-    const fetchLessonDetails = (0, import_react87.useCallback)(async () => {
+    const fetchLessonDetails = (0, import_react88.useCallback)(async () => {
       if (!lessonId) {
         setState({
           data: null,
@@ -27286,7 +27496,7 @@ var createUseRecommendedLessonDetails = (apiClient) => {
         });
       }
     }, [lessonId]);
-    (0, import_react87.useEffect)(() => {
+    (0, import_react88.useEffect)(() => {
       fetchLessonDetails();
     }, [fetchLessonDetails]);
     return {
@@ -27298,10 +27508,10 @@ var createUseRecommendedLessonDetails = (apiClient) => {
 var createRecommendedLessonDetailsHook = createUseRecommendedLessonDetails;
 
 // src/components/ActivitiesHistory/ActivitiesHistory.tsx
-var import_react91 = require("react");
+var import_react92 = require("react");
 
 // src/components/ActivitiesHistory/tabs/HistoryTab.tsx
-var import_react89 = require("react");
+var import_react90 = require("react");
 var import_phosphor_react52 = require("phosphor-react");
 
 // src/components/ActivitiesHistory/config/historyTableColumns.tsx
@@ -27315,7 +27525,6 @@ var renderTruncatedText = (value) => {
 };
 
 // src/components/ActivitiesHistory/utils/filterBuilders.ts
-var isNonEmptyArray2 = (param) => Array.isArray(param) && param.length > 0;
 var isValidApiStatus = (value) => Object.values(GenericApiStatus).includes(value);
 var buildHistoryFiltersFromParams = (params) => {
   const filters = {
@@ -27325,13 +27534,13 @@ var buildHistoryFiltersFromParams = (params) => {
   if (params.search) {
     filters.search = params.search;
   }
-  if (isNonEmptyArray2(params.status) && isValidApiStatus(params.status[0])) {
+  if (Array.isArray(params.status) && params.status.length > 0 && isValidApiStatus(params.status[0])) {
     filters.status = params.status[0];
   }
-  if (isNonEmptyArray2(params.school)) {
+  if (Array.isArray(params.school) && params.school.length > 0) {
     filters.schoolId = params.school[0];
   }
-  if (isNonEmptyArray2(params.subject)) {
+  if (Array.isArray(params.subject) && params.subject.length > 0) {
     filters.subjectId = params.subject[0];
   }
   return filters;
@@ -27344,21 +27553,21 @@ var buildModelsFiltersFromParams = (params) => {
   if (params.search) {
     filters.search = params.search;
   }
-  if (isNonEmptyArray2(params.subject)) {
+  if (Array.isArray(params.subject) && params.subject.length > 0) {
     filters.subjectId = params.subject[0];
   }
   return filters;
 };
 
 // src/components/ActivitiesHistory/utils/filterOptions.ts
-var getSchoolOptions2 = (data) => {
+var getSchoolOptions3 = (data) => {
   if (!data?.schools) return [];
   return data.schools.map((school) => ({
     id: school.id,
     name: school.name
   }));
 };
-var getSubjectOptions3 = (data) => {
+var getSubjectOptions4 = (data) => {
   if (!data?.subjects) return [];
   return data.subjects.map((subject) => ({
     id: subject.id,
@@ -27494,7 +27703,7 @@ var createHistoryFiltersConfig = (userData) => [
         key: "school",
         label: "Escola",
         selectedIds: [],
-        itens: getSchoolOptions2(userData)
+        itens: getSchoolOptions3(userData)
       }
     ]
   },
@@ -27506,14 +27715,14 @@ var createHistoryFiltersConfig = (userData) => [
         key: "subject",
         label: "Mat\xE9ria",
         selectedIds: [],
-        itens: getSubjectOptions3(userData)
+        itens: getSubjectOptions4(userData)
       }
     ]
   }
 ];
 
 // src/hooks/useActivitiesHistory.ts
-var import_react88 = require("react");
+var import_react89 = require("react");
 var import_zod9 = require("zod");
 var import_dayjs5 = __toESM(require("dayjs"));
 var activityHistoryResponseSchema = import_zod9.z.object({
@@ -27572,13 +27781,13 @@ var handleActivityFetchError = createFetchErrorHandler(
 );
 var createUseActivitiesHistory = (fetchActivitiesHistory) => {
   return () => {
-    const [state, setState] = (0, import_react88.useState)({
+    const [state, setState] = (0, import_react89.useState)({
       activities: [],
       loading: false,
       error: null,
       pagination: DEFAULT_ACTIVITIES_PAGINATION
     });
-    const fetchActivities = (0, import_react88.useCallback)(
+    const fetchActivities = (0, import_react89.useCallback)(
       async (filters) => {
         setState((prev) => ({ ...prev, loading: true, error: null }));
         try {
@@ -27623,9 +27832,9 @@ var HistoryTab = ({
   mapSubjectNameToEnum: mapSubjectNameToEnum2,
   userFilterData
 }) => {
-  const fetchActivitiesHistoryRef = (0, import_react89.useRef)(fetchActivitiesHistory);
+  const fetchActivitiesHistoryRef = (0, import_react90.useRef)(fetchActivitiesHistory);
   fetchActivitiesHistoryRef.current = fetchActivitiesHistory;
-  const useActivitiesHistory = (0, import_react89.useMemo)(
+  const useActivitiesHistory = (0, import_react90.useMemo)(
     () => createUseActivitiesHistory(
       (filters) => fetchActivitiesHistoryRef.current(filters)
     ),
@@ -27638,15 +27847,15 @@ var HistoryTab = ({
     pagination,
     fetchActivities
   } = useActivitiesHistory();
-  const historyFilterConfigs = (0, import_react89.useMemo)(
+  const historyFilterConfigs = (0, import_react90.useMemo)(
     () => createHistoryFiltersConfig(userFilterData),
     [userFilterData]
   );
-  const historyTableColumns = (0, import_react89.useMemo)(
+  const historyTableColumns = (0, import_react90.useMemo)(
     () => createHistoryTableColumns(mapSubjectNameToEnum2),
     [mapSubjectNameToEnum2]
   );
-  const handleParamsChange = (0, import_react89.useCallback)(
+  const handleParamsChange = (0, import_react90.useCallback)(
     (params) => {
       const filters = buildHistoryFiltersFromParams(params);
       fetchActivities(filters);
@@ -27738,14 +27947,14 @@ var createModelsFiltersConfig = (userData) => [
         key: "subject",
         label: "Mat\xE9ria",
         selectedIds: [],
-        itens: getSubjectOptions3(userData)
+        itens: getSubjectOptions4(userData)
       }
     ]
   }
 ];
 
 // src/hooks/useActivityModels.ts
-var import_react90 = require("react");
+var import_react91 = require("react");
 var import_zod10 = require("zod");
 var import_dayjs6 = __toESM(require("dayjs"));
 var activityDraftFiltersSchema = import_zod10.z.object({
@@ -27795,13 +28004,13 @@ var handleModelFetchError = createFetchErrorHandler(
 );
 var createUseActivityModels = (fetchActivityModels, deleteActivityModel) => {
   return () => {
-    const [state, setState] = (0, import_react90.useState)({
+    const [state, setState] = (0, import_react91.useState)({
       models: [],
       loading: false,
       error: null,
       pagination: DEFAULT_MODELS_PAGINATION
     });
-    const fetchModels = (0, import_react90.useCallback)(
+    const fetchModels = (0, import_react91.useCallback)(
       async (filters, subjectsMap) => {
         setState((prev) => ({ ...prev, loading: true, error: null }));
         try {
@@ -27836,7 +28045,7 @@ var createUseActivityModels = (fetchActivityModels, deleteActivityModel) => {
       },
       [fetchActivityModels]
     );
-    const deleteModel = (0, import_react90.useCallback)(
+    const deleteModel = (0, import_react91.useCallback)(
       async (id) => {
         try {
           await deleteActivityModel(id);
@@ -27939,7 +28148,7 @@ var ActivitiesHistory = ({
   userFilterData,
   subjectsMap
 }) => {
-  const [activeTab, setActiveTab] = (0, import_react91.useState)("history" /* HISTORY */);
+  const [activeTab, setActiveTab] = (0, import_react92.useState)("history" /* HISTORY */);
   return /* @__PURE__ */ (0, import_jsx_runtime124.jsxs)(
     "div",
     {
@@ -28178,7 +28387,7 @@ var buildUserFilterData = (userData) => ({
 });
 
 // src/hooks/useChat.ts
-var import_react92 = require("react");
+var import_react93 = require("react");
 var WS_STATES = {
   CONNECTING: 0,
   OPEN: 1,
@@ -28197,25 +28406,25 @@ function useChat({
   reconnectInterval = 3e3,
   maxReconnectAttempts = 5
 }) {
-  const [isConnected, setIsConnected] = (0, import_react92.useState)(false);
-  const [messages, setMessages] = (0, import_react92.useState)([]);
-  const [participants, setParticipants] = (0, import_react92.useState)([]);
-  const [error, setError] = (0, import_react92.useState)(null);
-  const wsRef = (0, import_react92.useRef)(null);
-  const reconnectAttemptsRef = (0, import_react92.useRef)(0);
-  const reconnectTimeoutRef = (0, import_react92.useRef)(
+  const [isConnected, setIsConnected] = (0, import_react93.useState)(false);
+  const [messages, setMessages] = (0, import_react93.useState)([]);
+  const [participants, setParticipants] = (0, import_react93.useState)([]);
+  const [error, setError] = (0, import_react93.useState)(null);
+  const wsRef = (0, import_react93.useRef)(null);
+  const reconnectAttemptsRef = (0, import_react93.useRef)(0);
+  const reconnectTimeoutRef = (0, import_react93.useRef)(
     null
   );
-  const isManualDisconnectRef = (0, import_react92.useRef)(false);
-  const isConnectingRef = (0, import_react92.useRef)(false);
-  const connectRef = (0, import_react92.useRef)(() => {
+  const isManualDisconnectRef = (0, import_react93.useRef)(false);
+  const isConnectingRef = (0, import_react93.useRef)(false);
+  const connectRef = (0, import_react93.useRef)(() => {
   });
-  const sendWsMessage = (0, import_react92.useCallback)((message) => {
+  const sendWsMessage = (0, import_react93.useCallback)((message) => {
     if (wsRef.current?.readyState === WS_STATES.OPEN) {
       wsRef.current.send(JSON.stringify(message));
     }
   }, []);
-  const sendMessage = (0, import_react92.useCallback)(
+  const sendMessage = (0, import_react93.useCallback)(
     (content) => {
       const trimmedContent = content.trim();
       if (!trimmedContent) return;
@@ -28226,12 +28435,12 @@ function useChat({
     },
     [sendWsMessage]
   );
-  const leave = (0, import_react92.useCallback)(() => {
+  const leave = (0, import_react93.useCallback)(() => {
     isManualDisconnectRef.current = true;
     sendWsMessage({ type: "leave" });
     wsRef.current?.close(1e3, "User left");
   }, [sendWsMessage]);
-  const handleMessage = (0, import_react92.useCallback)(
+  const handleMessage = (0, import_react93.useCallback)(
     (event) => {
       try {
         const data = JSON.parse(event.data);
@@ -28299,7 +28508,7 @@ function useChat({
     },
     [onError]
   );
-  const connect = (0, import_react92.useCallback)(() => {
+  const connect = (0, import_react93.useCallback)(() => {
     if (isConnectingRef.current) {
       return;
     }
@@ -28353,12 +28562,12 @@ function useChat({
     maxReconnectAttempts
   ]);
   connectRef.current = connect;
-  const reconnect = (0, import_react92.useCallback)(() => {
+  const reconnect = (0, import_react93.useCallback)(() => {
     isManualDisconnectRef.current = false;
     reconnectAttemptsRef.current = 0;
     connectRef.current();
   }, []);
-  (0, import_react92.useEffect)(() => {
+  (0, import_react93.useEffect)(() => {
     if (!roomId) {
       return;
     }
@@ -28402,15 +28611,15 @@ function createUseChat(baseWsUrl) {
 }
 
 // src/hooks/useChatRooms.ts
-var import_react93 = require("react");
+var import_react94 = require("react");
 function useChatRooms({
   apiClient
 }) {
-  const [rooms, setRooms] = (0, import_react93.useState)([]);
-  const [availableUsers, setAvailableUsers] = (0, import_react93.useState)([]);
-  const [loading, setLoading] = (0, import_react93.useState)(false);
-  const [error, setError] = (0, import_react93.useState)(null);
-  const fetchRooms = (0, import_react93.useCallback)(async () => {
+  const [rooms, setRooms] = (0, import_react94.useState)([]);
+  const [availableUsers, setAvailableUsers] = (0, import_react94.useState)([]);
+  const [loading, setLoading] = (0, import_react94.useState)(false);
+  const [error, setError] = (0, import_react94.useState)(null);
+  const fetchRooms = (0, import_react94.useCallback)(async () => {
     setLoading(true);
     setError(null);
     try {
@@ -28426,7 +28635,7 @@ function useChatRooms({
       setLoading(false);
     }
   }, [apiClient]);
-  const fetchAvailableUsers = (0, import_react93.useCallback)(async () => {
+  const fetchAvailableUsers = (0, import_react94.useCallback)(async () => {
     setLoading(true);
     setError(null);
     try {
@@ -28442,7 +28651,7 @@ function useChatRooms({
       setLoading(false);
     }
   }, [apiClient]);
-  const createRoom = (0, import_react93.useCallback)(
+  const createRoom = (0, import_react94.useCallback)(
     async (participantIds) => {
       setLoading(true);
       setError(null);
@@ -28466,7 +28675,7 @@ function useChatRooms({
     },
     [apiClient, fetchRooms]
   );
-  const clearError = (0, import_react93.useCallback)(() => {
+  const clearError = (0, import_react94.useCallback)(() => {
     setError(null);
   }, []);
   return {
@@ -28500,8 +28709,8 @@ var CHAT_MESSAGE_TYPES = {
 };
 
 // src/components/Chat/Chat.tsx
-var import_react94 = require("react");
-var import_react95 = require("@phosphor-icons/react");
+var import_react95 = require("react");
+var import_react96 = require("@phosphor-icons/react");
 var import_jsx_runtime125 = require("react/jsx-runtime");
 var RoomItem = ({
   room,
@@ -28518,7 +28727,7 @@ var RoomItem = ({
       isActive && "bg-primary-50 border-l-4 border-primary-500"
     ),
     children: /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)("div", { className: "flex items-start gap-3 w-full", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("div", { className: "w-10 h-10 rounded-full bg-primary-100 flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(import_react95.UsersIcon, { size: 20, className: "text-primary-600" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("div", { className: "w-10 h-10 rounded-full bg-primary-100 flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(import_react96.UsersIcon, { size: 20, className: "text-primary-600" }) }),
       /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)("div", { className: "flex-1 min-w-0", children: [
         /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(Text_default, { size: "sm", weight: "semibold", className: "text-text-900 truncate", children: room.name }),
         room.lastMessage && /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)(Text_default, { size: "xs", className: "text-text-500 truncate mt-1", children: [
@@ -28648,16 +28857,16 @@ function ChatContent({
   onRoomChange,
   onBackToList
 }) {
-  const [view, setView] = (0, import_react94.useState)("list");
-  const [selectedRoom, setSelectedRoom] = (0, import_react94.useState)(
+  const [view, setView] = (0, import_react95.useState)("list");
+  const [selectedRoom, setSelectedRoom] = (0, import_react95.useState)(
     null
   );
-  const [selectedUserIds, setSelectedUserIds] = (0, import_react94.useState)(
+  const [selectedUserIds, setSelectedUserIds] = (0, import_react95.useState)(
     /* @__PURE__ */ new Set()
   );
-  const [messageInput, setMessageInput] = (0, import_react94.useState)("");
-  const [showCreateModal, setShowCreateModal] = (0, import_react94.useState)(false);
-  const hasHandledInitialRoomRef = (0, import_react94.useRef)(false);
+  const [messageInput, setMessageInput] = (0, import_react95.useState)("");
+  const [showCreateModal, setShowCreateModal] = (0, import_react95.useState)(false);
+  const hasHandledInitialRoomRef = (0, import_react95.useRef)(false);
   const {
     rooms,
     availableUsers,
@@ -28685,10 +28894,10 @@ function ChatContent({
   const getRoleLabel = () => {
     return userRole === "TEACHER" /* TEACHER */ ? "Professor" : "Aluno";
   };
-  (0, import_react94.useEffect)(() => {
+  (0, import_react95.useEffect)(() => {
     fetchRooms();
   }, [fetchRooms]);
-  (0, import_react94.useEffect)(() => {
+  (0, import_react95.useEffect)(() => {
     if (hasHandledInitialRoomRef.current) {
       return;
     }
@@ -28710,7 +28919,7 @@ function ChatContent({
       onBackToList?.();
     }
   }, [initialRoomId, rooms, roomsLoading, onBackToList]);
-  const handleSelectRoom = (0, import_react94.useCallback)(
+  const handleSelectRoom = (0, import_react95.useCallback)(
     (room) => {
       setSelectedRoom(room);
       setView("room");
@@ -28718,12 +28927,12 @@ function ChatContent({
     },
     [onRoomChange]
   );
-  const handleOpenCreateModal = (0, import_react94.useCallback)(async () => {
+  const handleOpenCreateModal = (0, import_react95.useCallback)(async () => {
     await fetchAvailableUsers();
     setSelectedUserIds(/* @__PURE__ */ new Set());
     setShowCreateModal(true);
   }, [fetchAvailableUsers]);
-  const handleToggleUser = (0, import_react94.useCallback)((id) => {
+  const handleToggleUser = (0, import_react95.useCallback)((id) => {
     setSelectedUserIds((prev) => {
       const next = new Set(prev);
       if (next.has(id)) {
@@ -28734,7 +28943,7 @@ function ChatContent({
       return next;
     });
   }, []);
-  const handleCreateRoom = (0, import_react94.useCallback)(async () => {
+  const handleCreateRoom = (0, import_react95.useCallback)(async () => {
     if (selectedUserIds.size === 0) return;
     const room = await createRoom(Array.from(selectedUserIds));
     if (room) {
@@ -28743,12 +28952,12 @@ function ChatContent({
       onRoomChange?.(room.id);
     }
   }, [selectedUserIds, createRoom, onRoomChange]);
-  const handleSendMessage = (0, import_react94.useCallback)(() => {
+  const handleSendMessage = (0, import_react95.useCallback)(() => {
     if (!messageInput.trim()) return;
     sendMessage(messageInput);
     setMessageInput("");
   }, [messageInput, sendMessage]);
-  const handleBackToList = (0, import_react94.useCallback)(() => {
+  const handleBackToList = (0, import_react95.useCallback)(() => {
     setSelectedRoom(null);
     setView("list");
     onBackToList?.();
@@ -28801,7 +29010,7 @@ function ChatContent({
           variant: "solid",
           size: "small",
           onClick: handleOpenCreateModal,
-          iconLeft: /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(import_react95.PlusIcon, { size: 16 }),
+          iconLeft: /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(import_react96.PlusIcon, { size: 16 }),
           children: "Nova conversa"
         }
       )
@@ -28841,7 +29050,7 @@ function ChatContent({
     return /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)("div", { className: "flex h-full", children: [
       /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)("div", { className: "flex-1 flex flex-col", children: [
         /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)("div", { className: "p-4 border-b border-background-200 flex items-center gap-3", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(Button_default, { variant: "link", size: "small", onClick: handleBackToList, children: /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(import_react95.XIcon, { size: 20 }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(Button_default, { variant: "link", size: "small", onClick: handleBackToList, children: /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(import_react96.XIcon, { size: 20 }) }),
           /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)("div", { className: "flex-1", children: [
             /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(Text_default, { size: "md", weight: "semibold", className: "text-text-900", children: selectedRoom.name }),
             /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(Text_default, { size: "xs", className: "text-text-500", children: isConnected ? "Conectado" : "Conectando..." })
@@ -28870,7 +29079,7 @@ function ChatContent({
               variant: "solid",
               onClick: handleSendMessage,
               disabled: !messageInput.trim() || !isConnected,
-              children: /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(import_react95.PaperPlaneTiltIcon, { size: 20 })
+              children: /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(import_react96.PaperPlaneTiltIcon, { size: 20 })
             }
           )
         ] }) })
@@ -28994,7 +29203,7 @@ var CalendarActivityStatus = /* @__PURE__ */ ((CalendarActivityStatus2) => {
 })(CalendarActivityStatus || {});
 
 // src/hooks/useSendActivity.ts
-var import_react96 = require("react");
+var import_react97 = require("react");
 var import_dayjs7 = __toESM(require("dayjs"));
 function transformToCategoryConfig(data) {
   return [
@@ -29024,7 +29233,7 @@ function transformToCategoryConfig(data) {
       selectedIds: []
     },
     {
-      key: "alunos",
+      key: "students",
       label: "Aluno",
       dependsOn: ["escola", "serie", "turma"],
       itens: data.students,
@@ -29049,21 +29258,21 @@ function useSendActivity(config) {
     onSuccess,
     onError
   } = config;
-  const [isOpen, setIsOpen] = (0, import_react96.useState)(false);
-  const [selectedModel, setSelectedModel] = (0, import_react96.useState)(
+  const [isOpen, setIsOpen] = (0, import_react97.useState)(false);
+  const [selectedModel, setSelectedModel] = (0, import_react97.useState)(
     null
   );
-  const [categories, setCategories] = (0, import_react96.useState)([]);
-  const [isLoading, setIsLoading] = (0, import_react96.useState)(false);
-  const [isCategoriesLoading, setIsCategoriesLoading] = (0, import_react96.useState)(false);
-  const categoriesLoadedRef = (0, import_react96.useRef)(false);
-  const initialData = (0, import_react96.useMemo)(() => {
+  const [categories, setCategories] = (0, import_react97.useState)([]);
+  const [isLoading, setIsLoading] = (0, import_react97.useState)(false);
+  const [isCategoriesLoading, setIsCategoriesLoading] = (0, import_react97.useState)(false);
+  const categoriesLoadedRef = (0, import_react97.useRef)(false);
+  const initialData = (0, import_react97.useMemo)(() => {
     if (!selectedModel) return void 0;
     return {
       title: selectedModel.title
     };
   }, [selectedModel]);
-  const loadCategories = (0, import_react96.useCallback)(async () => {
+  const loadCategories = (0, import_react97.useCallback)(async () => {
     if (categoriesLoadedRef.current) return;
     setIsCategoriesLoading(true);
     try {
@@ -29078,7 +29287,7 @@ function useSendActivity(config) {
       setIsCategoriesLoading(false);
     }
   }, [fetchCategories, onError]);
-  const openModal = (0, import_react96.useCallback)(
+  const openModal = (0, import_react97.useCallback)(
     (model) => {
       setSelectedModel(model);
       setIsOpen(true);
@@ -29086,17 +29295,17 @@ function useSendActivity(config) {
     },
     [loadCategories]
   );
-  const closeModal = (0, import_react96.useCallback)(() => {
+  const closeModal = (0, import_react97.useCallback)(() => {
     setIsOpen(false);
     setSelectedModel(null);
   }, []);
-  const onCategoriesChange = (0, import_react96.useCallback)(
+  const onCategoriesChange = (0, import_react97.useCallback)(
     (updatedCategories) => {
       setCategories(updatedCategories);
     },
     []
   );
-  const handleSubmit = (0, import_react96.useCallback)(
+  const handleSubmit = (0, import_react97.useCallback)(
     async (data) => {
       if (!selectedModel) return;
       setIsLoading(true);
@@ -29353,6 +29562,7 @@ function useSendActivity(config) {
   createQuestionsListHook,
   createRecommendedLessonDetailsHook,
   createRecommendedLessonsHistoryHook,
+  createRecommendedLessonsPageHook,
   createUseActivitiesHistory,
   createUseActivityFiltersData,
   createUseActivityModels,
@@ -29364,6 +29574,7 @@ function useSendActivity(config) {
   createUseQuestionsList,
   createUseRecommendedLessonDetails,
   createUseRecommendedLessonsHistory,
+  createUseRecommendedLessonsPage,
   createZustandAuthAdapter,
   deriveStudentStatus,
   determineGoalStatus,