analytica-frontend-lib 1.3.3 → 1.3.4

package/dist/index.js

@@ -212,6 +212,7 @@ __export(src_exports, {
   Support: () => Support_default,
   SupportCategory: () => SupportCategory,
   SupportStatus: () => SupportStatus,
+  SupportType: () => SupportType,
   Table: () => Table_default,
   TableBody: () => TableBody,
   TableCaption: () => TableCaption,
@@ -232,6 +233,7 @@ __export(src_exports, {
   VideoPlayer: () => VideoPlayer_default,
   WS_STATES: () => WS_STATES,
   Whiteboard: () => Whiteboard_default,
+  ZendeskWidget: () => ZendeskWidget,
   activitiesHistoryApiResponseSchema: () => activitiesHistoryApiResponseSchema,
   activityModelsApiResponseSchema: () => activityModelsApiResponseSchema,
   buildUserFilterData: () => buildUserFilterData,
@@ -367,6 +369,7 @@ __export(src_exports, {
   useSendActivity: () => useSendActivity,
   useSendActivityModal: () => useSendActivityModal,
   useSendLessonModal: () => useSendLessonModal,
+  useSupportFeatureFlag: () => useSupportFeatureFlag,
   useTableFilter: () => useTableFilter,
   useTableSort: () => useTableSort,
   useTheme: () => useTheme,
@@ -27253,6 +27256,11 @@ var mapInternalStatusToApi = (internalStatus) => {
       return "ABERTO";
   }
 };
+var SupportType = /* @__PURE__ */ ((SupportType2) => {
+  SupportType2["NATIVE"] = "NATIVE";
+  SupportType2["ZENDESK"] = "ZENDESK";
+  return SupportType2;
+})(SupportType || {});
 
 // src/components/Support/utils/supportUtils.tsx
 var import_react80 = require("@phosphor-icons/react");
@@ -28130,8 +28138,86 @@ var Support = ({
 };
 var Support_default = Support;
 
-// src/components/SendActivityModal/SendActivityModal.tsx
+// src/components/ZendeskWidget/ZendeskWidget.tsx
 var import_react84 = require("react");
+var zendeskWidgetCount = 0;
+var ZendeskWidget = ({ zendeskKey }) => {
+  (0, import_react84.useEffect)(() => {
+    if (!zendeskKey) return;
+    zendeskWidgetCount++;
+    if (!document.getElementById("ze-snippet")) {
+      const script = document.createElement("script");
+      script.id = "ze-snippet";
+      script.src = `https://static.zdassets.com/ekr/snippet.js?key=${zendeskKey}`;
+      script.async = true;
+      script.onload = () => {
+        const zE = globalThis.zE;
+        if (zE) {
+          zE("messenger:set", "locale", "pt-BR");
+        }
+      };
+      document.body.appendChild(script);
+    }
+    return () => {
+      zendeskWidgetCount--;
+      if (zendeskWidgetCount <= 0) {
+        zendeskWidgetCount = 0;
+        const existingScript = document.getElementById("ze-snippet");
+        if (existingScript) {
+          existingScript.remove();
+        }
+        const zE = globalThis.zE;
+        if (zE) {
+          zE("messenger", "close");
+        }
+      }
+    };
+  }, [zendeskKey]);
+  return null;
+};
+
+// src/hooks/useSupportFeatureFlag.ts
+var import_react85 = require("react");
+var useSupportFeatureFlag = (config) => {
+  const [supportType, setSupportType] = (0, import_react85.useState)("NATIVE" /* NATIVE */);
+  const [loading, setLoading] = (0, import_react85.useState)(true);
+  const { institutionId } = useAppStore();
+  (0, import_react85.useEffect)(() => {
+    if (!institutionId) {
+      setLoading(false);
+      return;
+    }
+    const fetchSupportFlag = async () => {
+      try {
+        const { data: response } = await config.apiClient.get(`/featureFlags/institution/${institutionId}/page/SUPPORT`);
+        const type = response?.data?.featureFlags?.version?.supportType;
+        if (type) {
+          setSupportType(type);
+        }
+      } catch {
+        setSupportType("NATIVE" /* NATIVE */);
+      } finally {
+        setLoading(false);
+      }
+    };
+    fetchSupportFlag();
+  }, [institutionId]);
+  const openZendeskChat = () => {
+    if (typeof globalThis !== "undefined" && globalThis.zE) {
+      globalThis.zE("messenger", "open");
+    }
+  };
+  return {
+    supportType,
+    loading,
+    isZendesk: supportType === "ZENDESK" /* ZENDESK */,
+    isNative: supportType === "NATIVE" /* NATIVE */,
+    openZendeskChat
+  };
+};
+
+// src/components/SendActivityModal/SendActivityModal.tsx
+var import_react86 = require("react");
 
 // src/components/SendActivityModal/hooks/useSendActivityModal.ts
 var import_zustand17 = require("zustand");
@@ -28396,7 +28482,7 @@ var SendActivityModal = ({
   const storeCategories = useSendActivityModalStore(
     (state) => state.categories
   );
-  const prevInitialDataRef = (0, import_react84.useRef)(
+  const prevInitialDataRef = (0, import_react86.useRef)(
     void 0
   );
   useCategoryInitialization({
@@ -28418,7 +28504,7 @@ var SendActivityModal = ({
     setCategories,
     categoriesInitializedRef
   });
-  (0, import_react84.useEffect)(() => {
+  (0, import_react86.useEffect)(() => {
     if (isOpen && initialData && prevInitialDataRef.current !== initialData) {
       store.setFormData({
         title: initialData.title ?? "",
@@ -28428,7 +28514,7 @@ var SendActivityModal = ({
       prevInitialDataRef.current = initialData;
     }
   }, [isOpen, initialData, store]);
-  (0, import_react84.useEffect)(() => {
+  (0, import_react86.useEffect)(() => {
     if (!isOpen) {
       reset();
       prevInitialDataRef.current = void 0;
@@ -28440,38 +28526,38 @@ var SendActivityModal = ({
     handleFinalDateChange,
     handleFinalTimeChange
   } = useDateTimeHandlers({ setFormData: store.setFormData });
-  const handleCategoriesChange = (0, import_react84.useCallback)(
+  const handleCategoriesChange = (0, import_react86.useCallback)(
     (updatedCategories) => {
       setCategories(updatedCategories);
       onCategoriesChange?.(updatedCategories);
     },
     [setCategories, onCategoriesChange]
   );
-  const handleActivityTypeSelect = (0, import_react84.useCallback)(
+  const handleActivityTypeSelect = (0, import_react86.useCallback)(
     (subtype) => {
       store.setFormData({ subtype });
     },
     [store]
   );
-  const handleTitleChange = (0, import_react84.useCallback)(
+  const handleTitleChange = (0, import_react86.useCallback)(
     (e) => {
       store.setFormData({ title: e.target.value });
     },
     [store]
   );
-  const handleNotificationChange = (0, import_react84.useCallback)(
+  const handleNotificationChange = (0, import_react86.useCallback)(
     (e) => {
       store.setFormData({ notification: e.target.value });
     },
     [store]
   );
-  const handleRetryChange = (0, import_react84.useCallback)(
+  const handleRetryChange = (0, import_react86.useCallback)(
     (value) => {
       store.setFormData({ canRetry: value === "yes" });
     },
     [store]
   );
-  const handleSubmit = (0, import_react84.useCallback)(async () => {
+  const handleSubmit = (0, import_react86.useCallback)(async () => {
     const isValid = store.validateAllSteps();
     if (!isValid) return;
     try {
@@ -28485,7 +28571,7 @@ var SendActivityModal = ({
       }
     }
   }, [store, onSubmit, onError]);
-  const handleCancel = (0, import_react84.useCallback)(() => {
+  const handleCancel = (0, import_react86.useCallback)(() => {
     onClose();
   }, [onClose]);
   const renderActivityStep = () => /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)("div", { className: "flex flex-col gap-6", children: [
@@ -28642,7 +28728,7 @@ var SendActivityModal = ({
 var SendActivityModal_default = SendActivityModal;
 
 // src/components/SendLessonModal/SendLessonModal.tsx
-var import_react85 = require("react");
+var import_react87 = require("react");
 
 // src/components/SendLessonModal/hooks/useSendLessonModal.ts
 var import_zustand18 = require("zustand");
@@ -28832,7 +28918,7 @@ var SendLessonModal = ({
     setCategories,
     categoriesInitializedRef
   });
-  (0, import_react85.useEffect)(() => {
+  (0, import_react87.useEffect)(() => {
     if (!isOpen) {
       reset();
     }
@@ -28843,26 +28929,26 @@ var SendLessonModal = ({
     handleFinalDateChange,
     handleFinalTimeChange
   } = useDateTimeHandlers({ setFormData: store.setFormData });
-  const handleCategoriesChange = (0, import_react85.useCallback)(
+  const handleCategoriesChange = (0, import_react87.useCallback)(
     (updatedCategories) => {
       setCategories(updatedCategories);
       onCategoriesChange?.(updatedCategories);
     },
     [setCategories, onCategoriesChange]
   );
-  const handleTitleChange = (0, import_react85.useCallback)(
+  const handleTitleChange = (0, import_react87.useCallback)(
     (e) => {
       store.setFormData({ title: e.target.value });
     },
     [store]
   );
-  const handleNotificationChange = (0, import_react85.useCallback)(
+  const handleNotificationChange = (0, import_react87.useCallback)(
     (e) => {
       store.setFormData({ notification: e.target.value });
     },
     [store]
   );
-  const handleSubmit = (0, import_react85.useCallback)(async () => {
+  const handleSubmit = (0, import_react87.useCallback)(async () => {
     const isValid = store.validateAllSteps();
     if (!isValid) return;
     try {
@@ -28876,7 +28962,7 @@ var SendLessonModal = ({
       }
     }
   }, [store, onSubmit, onError]);
-  const handleCancel = (0, import_react85.useCallback)(() => {
+  const handleCancel = (0, import_react87.useCallback)(() => {
     onClose();
   }, [onClose]);
   const renderLessonStep = () => /* @__PURE__ */ (0, import_jsx_runtime122.jsxs)("div", { className: "flex flex-col gap-6", children: [
@@ -28979,11 +29065,11 @@ var SendLessonModal = ({
 var SendLessonModal_default = SendLessonModal;
 
 // src/components/RecommendedLessonsHistory/RecommendedLessonsHistory.tsx
-var import_react90 = require("react");
+var import_react92 = require("react");
 var import_phosphor_react56 = require("phosphor-react");
 
 // src/hooks/useRecommendedLessons.ts
-var import_react86 = require("react");
+var import_react88 = require("react");
 var import_zod5 = require("zod");
 var import_dayjs4 = __toESM(require("dayjs"));
 var recommendedClassSubjectSchema = import_zod5.z.object({
@@ -29075,7 +29161,7 @@ var handleRecommendedClassFetchError = (error) => {
 };
 var createUseRecommendedLessonsHistory = (fetchRecommendedClassHistory) => {
   return () => {
-    const [state, setState] = (0, import_react86.useState)({
+    const [state, setState] = (0, import_react88.useState)({
       recommendedClass: [],
       loading: false,
       error: null,
@@ -29086,7 +29172,7 @@ var createUseRecommendedLessonsHistory = (fetchRecommendedClassHistory) => {
         totalPages: 0
       }
     });
-    const fetchRecommendedClass = (0, import_react86.useCallback)(
+    const fetchRecommendedClass = (0, import_react88.useCallback)(
       async (filters) => {
         setState((prev) => ({ ...prev, loading: true, error: null }));
         try {
@@ -29130,7 +29216,7 @@ var createUseRecommendedLessonsHistory = (fetchRecommendedClassHistory) => {
 var createRecommendedLessonsHistoryHook = createUseRecommendedLessonsHistory;
 
 // src/components/shared/ModelsTabBase/ModelsTabBase.tsx
-var import_react87 = require("react");
+var import_react89 = require("react");
 var import_phosphor_react55 = require("phosphor-react");
 
 // src/components/ActivitiesHistory/components/ErrorDisplay.tsx
@@ -29156,16 +29242,16 @@ var ModelsTabBase = ({
   buildFiltersFromParams: buildFiltersFromParams2,
   createUseModels
 }) => {
-  const [deleteDialogOpen, setDeleteDialogOpen] = (0, import_react87.useState)(false);
-  const [modelToDelete, setModelToDelete] = (0, import_react87.useState)(null);
+  const [deleteDialogOpen, setDeleteDialogOpen] = (0, import_react89.useState)(false);
+  const [modelToDelete, setModelToDelete] = (0, import_react89.useState)(null);
   const { addToast } = useToast();
-  const fetchModelsRef = (0, import_react87.useRef)(fetchModelsProp);
+  const fetchModelsRef = (0, import_react89.useRef)(fetchModelsProp);
   fetchModelsRef.current = fetchModelsProp;
-  const deleteModelRef = (0, import_react87.useRef)(deleteModelProp);
+  const deleteModelRef = (0, import_react89.useRef)(deleteModelProp);
   deleteModelRef.current = deleteModelProp;
-  const subjectsMapRef = (0, import_react87.useRef)(subjectsMap);
+  const subjectsMapRef = (0, import_react89.useRef)(subjectsMap);
   subjectsMapRef.current = subjectsMap;
-  const useModels = (0, import_react87.useMemo)(
+  const useModels = (0, import_react89.useMemo)(
     () => createUseModels(
       (filters) => fetchModelsRef.current(filters),
       (id) => deleteModelRef.current(id)
@@ -29180,15 +29266,15 @@ var ModelsTabBase = ({
     fetchModels,
     deleteModel
   } = useModels();
-  const modelsFilterConfigs = (0, import_react87.useMemo)(
+  const modelsFilterConfigs = (0, import_react89.useMemo)(
     () => createFiltersConfig(userFilterData),
     [createFiltersConfig, userFilterData]
   );
-  const handleDeleteClick = (0, import_react87.useCallback)((model) => {
+  const handleDeleteClick = (0, import_react89.useCallback)((model) => {
     setModelToDelete(model);
     setDeleteDialogOpen(true);
   }, []);
-  const modelsTableColumns = (0, import_react87.useMemo)(
+  const modelsTableColumns = (0, import_react89.useMemo)(
     () => createTableColumns3(
       mapSubjectNameToEnum2,
       onSend,
@@ -29203,17 +29289,17 @@ var ModelsTabBase = ({
       handleDeleteClick
     ]
   );
-  const handleParamsChange = (0, import_react87.useCallback)(
+  const handleParamsChange = (0, import_react89.useCallback)(
     (params) => {
       const filters = buildFiltersFromParams2(params);
       fetchModels(filters, subjectsMapRef.current);
     },
     [buildFiltersFromParams2, fetchModels]
   );
-  (0, import_react87.useEffect)(() => {
+  (0, import_react89.useEffect)(() => {
     fetchModels({ page: 1, limit: 10 }, subjectsMapRef.current);
   }, [fetchModels]);
-  const handleConfirmDelete = (0, import_react87.useCallback)(async () => {
+  const handleConfirmDelete = (0, import_react89.useCallback)(async () => {
     if (modelToDelete) {
       const success = await deleteModel(modelToDelete.id);
       if (success) {
@@ -29226,7 +29312,7 @@ var ModelsTabBase = ({
     setDeleteDialogOpen(false);
     setModelToDelete(null);
   }, [modelToDelete, deleteModel, fetchModels, addToast]);
-  const handleCancelDelete = (0, import_react87.useCallback)(() => {
+  const handleCancelDelete = (0, import_react89.useCallback)(() => {
     setDeleteDialogOpen(false);
     setModelToDelete(null);
   }, []);
@@ -29355,7 +29441,7 @@ var buildRecommendedClassModelsFiltersFromParams = (params) => {
 };
 
 // src/hooks/useRecommendedClassModels.ts
-var import_react88 = require("react");
+var import_react90 = require("react");
 var import_zod7 = require("zod");
 var import_dayjs5 = __toESM(require("dayjs"));
 
@@ -29412,13 +29498,13 @@ var handleRecommendedClassModelFetchError = createFetchErrorHandler(
 );
 var createUseRecommendedClassModels = (fetchRecommendedClassModels, deleteRecommendedClassModel) => {
   return () => {
-    const [state, setState] = (0, import_react88.useState)({
+    const [state, setState] = (0, import_react90.useState)({
       models: [],
       loading: false,
       error: null,
       pagination: DEFAULT_RECOMMENDED_CLASS_MODELS_PAGINATION
     });
-    const fetchModels = (0, import_react88.useCallback)(
+    const fetchModels = (0, import_react90.useCallback)(
       async (filters, subjectsMap) => {
         setState((prev) => ({ ...prev, loading: true, error: null }));
         try {
@@ -29453,7 +29539,7 @@ var createUseRecommendedClassModels = (fetchRecommendedClassModels, deleteRecomm
       },
       [fetchRecommendedClassModels]
     );
-    const deleteModel = (0, import_react88.useCallback)(
+    const deleteModel = (0, import_react90.useCallback)(
       async (id) => {
         try {
           await deleteRecommendedClassModel(id);
@@ -29552,7 +29638,7 @@ var createRecommendedClassDraftsFiltersConfig = (userData) => [
 ];
 
 // src/hooks/useRecommendedClassDrafts.ts
-var import_react89 = require("react");
+var import_react91 = require("react");
 var DEFAULT_RECOMMENDED_CLASS_DRAFTS_PAGINATION = {
   total: 0,
   page: 1,
@@ -29565,13 +29651,13 @@ var handleRecommendedClassDraftFetchError = createFetchErrorHandler(
 );
 var createUseRecommendedClassDrafts = (fetchRecommendedClassDrafts, deleteRecommendedClassDraft) => {
   return () => {
-    const [state, setState] = (0, import_react89.useState)({
+    const [state, setState] = (0, import_react91.useState)({
       models: [],
       loading: false,
       error: null,
       pagination: DEFAULT_RECOMMENDED_CLASS_DRAFTS_PAGINATION
     });
-    const fetchModels = (0, import_react89.useCallback)(
+    const fetchModels = (0, import_react91.useCallback)(
       async (filters, subjectsMap) => {
         setState((prev) => ({ ...prev, loading: true, error: null }));
         try {
@@ -29606,7 +29692,7 @@ var createUseRecommendedClassDrafts = (fetchRecommendedClassDrafts, deleteRecomm
       },
       [fetchRecommendedClassDrafts]
     );
-    const deleteModel = (0, import_react89.useCallback)(
+    const deleteModel = (0, import_react91.useCallback)(
       async (id) => {
         try {
           await deleteRecommendedClassDraft(id);
@@ -30005,15 +30091,15 @@ var RecommendedLessonsHistory = ({
   defaultTab,
   onTabChange
 }) => {
-  const [activeTab, setActiveTab] = (0, import_react90.useState)(
+  const [activeTab, setActiveTab] = (0, import_react92.useState)(
     defaultTab ?? "history" /* HISTORY */
   );
-  (0, import_react90.useEffect)(() => {
+  (0, import_react92.useEffect)(() => {
     if (defaultTab !== void 0) {
       setActiveTab(defaultTab);
     }
   }, [defaultTab]);
-  const handleTabChange = (0, import_react90.useCallback)(
+  const handleTabChange = (0, import_react92.useCallback)(
     (value) => {
       const newTab = value;
       setActiveTab(newTab);
@@ -30021,9 +30107,9 @@ var RecommendedLessonsHistory = ({
     },
     [onTabChange]
   );
-  const fetchRecommendedClassHistoryRef = (0, import_react90.useRef)(fetchRecommendedClassHistory);
+  const fetchRecommendedClassHistoryRef = (0, import_react92.useRef)(fetchRecommendedClassHistory);
   fetchRecommendedClassHistoryRef.current = fetchRecommendedClassHistory;
-  const useRecommendedClassHistory = (0, import_react90.useMemo)(
+  const useRecommendedClassHistory = (0, import_react92.useMemo)(
     () => createUseRecommendedLessonsHistory(
       (filters) => fetchRecommendedClassHistoryRef.current(filters)
     ),
@@ -30036,11 +30122,11 @@ var RecommendedLessonsHistory = ({
     pagination,
     fetchRecommendedClass
   } = useRecommendedClassHistory();
-  const initialFilterConfigs = (0, import_react90.useMemo)(
+  const initialFilterConfigs = (0, import_react92.useMemo)(
     () => createRecommendedClassFiltersConfig(userFilterData),
     [userFilterData]
   );
-  const tableColumns = (0, import_react90.useMemo)(
+  const tableColumns = (0, import_react92.useMemo)(
     () => createTableColumns2(
       mapSubjectNameToEnum2,
       onDeleteRecommendedClass,
@@ -30048,7 +30134,7 @@ var RecommendedLessonsHistory = ({
     ),
     [mapSubjectNameToEnum2, onDeleteRecommendedClass, onEditRecommendedClass]
   );
-  const handleParamsChange = (0, import_react90.useCallback)(
+  const handleParamsChange = (0, import_react92.useCallback)(
     (params) => {
       const filters = buildFiltersFromParams(params);
       fetchRecommendedClass(filters);
@@ -30232,10 +30318,10 @@ var RecommendedLessonsHistory = ({
 };
 
 // src/components/RecommendedLessonDetails/RecommendedLessonDetails.tsx
-var import_react97 = require("react");
+var import_react99 = require("react");
 
 // src/components/RecommendedLessonDetails/components/Breadcrumb.tsx
-var import_react91 = require("@phosphor-icons/react");
+var import_react93 = require("@phosphor-icons/react");
 var import_jsx_runtime128 = require("react/jsx-runtime");
 var Breadcrumb = ({ items, onItemClick }) => /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("nav", { className: "flex items-center gap-2 text-sm", "aria-label": "Breadcrumb", children: items.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)(
   Text_default,
@@ -30243,7 +30329,7 @@ var Breadcrumb = ({ items, onItemClick }) => /* @__PURE__ */ (0, import_jsx_runt
     as: "span",
     className: "flex items-center gap-2",
     children: [
-      index > 0 && /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(import_react91.CaretRightIcon, { size: 14, className: "text-text-500" }),
+      index > 0 && /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(import_react93.CaretRightIcon, { size: 14, className: "text-text-500" }),
       item.path ? /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
         "button",
         {
@@ -30259,7 +30345,7 @@ var Breadcrumb = ({ items, onItemClick }) => /* @__PURE__ */ (0, import_jsx_runt
 )) });
 
 // src/components/RecommendedLessonDetails/components/LessonHeader.tsx
-var import_react92 = require("@phosphor-icons/react");
+var import_react94 = require("@phosphor-icons/react");
 
 // src/components/RecommendedLessonDetails/utils/lessonDetailsUtils.ts
 var formatDate = (dateString) => {
@@ -30347,7 +30433,7 @@ var LessonHeader = ({
         variant: "solid",
         action: "primary",
         size: "small",
-        iconLeft: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(import_react92.BookBookmarkIcon, { size: 16 }),
+        iconLeft: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(import_react94.BookBookmarkIcon, { size: 16 }),
         onClick: onViewLesson,
         children: viewLessonLabel
       }
@@ -30375,7 +30461,7 @@ var LoadingSkeleton = () => /* @__PURE__ */ (0, import_jsx_runtime130.jsxs)("div
 ] });
 
 // src/components/RecommendedLessonDetails/components/ResultsSection.tsx
-var import_react93 = require("@phosphor-icons/react");
+var import_react95 = require("@phosphor-icons/react");
 var import_jsx_runtime131 = require("react/jsx-runtime");
 var ResultsSection = ({ data, labels }) => {
   const { details } = data;
@@ -30399,7 +30485,7 @@ var ResultsSection = ({ data, labels }) => {
           {
             as: "span",
             className: "size-8 rounded-full flex items-center justify-center bg-warning-300 mb-2",
-            children: /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(import_react93.TrophyIcon, { size: 18, weight: "fill", className: "text-white" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(import_react95.TrophyIcon, { size: 18, weight: "fill", className: "text-white" })
           }
         ),
         /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
@@ -30427,7 +30513,7 @@ var ResultsSection = ({ data, labels }) => {
           {
             as: "span",
             className: "size-8 rounded-full flex items-center justify-center bg-error-300 mb-2",
-            children: /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(import_react93.WarningIcon, { size: 18, weight: "fill", className: "text-error-700" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(import_react95.WarningIcon, { size: 18, weight: "fill", className: "text-error-700" })
           }
         ),
         /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
@@ -30454,7 +30540,7 @@ var ResultsSection = ({ data, labels }) => {
 };
 
 // src/components/RecommendedLessonDetails/components/StudentsTable.tsx
-var import_react94 = require("@phosphor-icons/react");
+var import_react96 = require("@phosphor-icons/react");
 var import_jsx_runtime132 = require("react/jsx-runtime");
 var StudentsTable = ({
   students,
@@ -30502,7 +30588,7 @@ var StudentsTable = ({
           {
             as: "span",
             className: "size-8 rounded-full bg-background-100 flex items-center justify-center",
-            children: /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(import_react94.UserIcon, { size: 16, className: "text-text-500" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(import_react96.UserIcon, { size: 16, className: "text-text-500" })
           }
         ),
         /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(Text_default, { size: "sm", className: "text-text-950", children: student.name })
@@ -30546,7 +30632,7 @@ var StudentsTable = ({
 };
 
 // src/components/RecommendedLessonDetails/components/StudentPerformanceModal.tsx
-var import_react95 = require("react");
+var import_react97 = require("react");
 var import_phosphor_react57 = require("phosphor-react");
 
 // src/components/RecommendedLessonDetails/types.ts
@@ -30844,7 +30930,7 @@ var StudentPerformanceModal = ({
   error = null,
   labels: customLabels
 }) => {
-  const labels = (0, import_react95.useMemo)(
+  const labels = (0, import_react97.useMemo)(
     () => ({ ...DEFAULT_PERFORMANCE_LABELS, ...customLabels }),
     [customLabels]
   );
@@ -30865,7 +30951,7 @@ var StudentPerformanceModal = ({
 };
 
 // src/components/RecommendedLessonDetails/components/StudentActivityPerformanceModal.tsx
-var import_react96 = require("react");
+var import_react98 = require("react");
 var import_phosphor_react58 = require("phosphor-react");
 var import_jsx_runtime134 = require("react/jsx-runtime");
 var AlternativeStatus = {
@@ -31013,13 +31099,13 @@ var StudentActivityPerformanceModal = ({
   apiClient,
   labels: customLabels
 }) => {
-  const labels = (0, import_react96.useMemo)(
+  const labels = (0, import_react98.useMemo)(
     () => ({ ...DEFAULT_ACTIVITY_PERFORMANCE_LABELS, ...customLabels }),
     [customLabels]
   );
   const addToast = ToastStore_default((state) => state.addToast);
-  const [essayCorrections, setEssayCorrections] = (0, import_react96.useState)({});
-  (0, import_react96.useEffect)(() => {
+  const [essayCorrections, setEssayCorrections] = (0, import_react98.useState)({});
+  (0, import_react98.useEffect)(() => {
     if (isOpen && data) {
       const initialCorrections = {};
       data.activities.forEach((activity) => {
@@ -31036,7 +31122,7 @@ var StudentActivityPerformanceModal = ({
       setEssayCorrections(initialCorrections);
     }
   }, [isOpen, data]);
-  const updateEssayCorrection = (0, import_react96.useCallback)(
+  const updateEssayCorrection = (0, import_react98.useCallback)(
     (questionId, field, value) => {
       setEssayCorrections((prev) => ({
         ...prev,
@@ -31050,7 +31136,7 @@ var StudentActivityPerformanceModal = ({
     },
     []
   );
-  const handleSaveEssayCorrection = (0, import_react96.useCallback)(
+  const handleSaveEssayCorrection = (0, import_react98.useCallback)(
     async (question) => {
       if (!apiClient || !data) return;
       const questionKey = getQuestionKey(question);
@@ -31103,7 +31189,7 @@ var StudentActivityPerformanceModal = ({
     },
     [apiClient, data, essayCorrections, addToast]
   );
-  const handleClose = (0, import_react96.useCallback)(() => {
+  const handleClose = (0, import_react98.useCallback)(() => {
     setEssayCorrections({});
     onClose();
   }, [onClose]);
@@ -31459,16 +31545,16 @@ var RecommendedLessonDetails = ({
   labels: customLabels,
   className
 }) => {
-  const labels = (0, import_react97.useMemo)(
+  const labels = (0, import_react99.useMemo)(
     () => ({ ...DEFAULT_LABELS, ...customLabels }),
     [customLabels]
   );
   const addToast = ToastStore_default((state) => state.addToast);
-  const [performanceModalOpen, setPerformanceModalOpen] = (0, import_react97.useState)(false);
-  const [performanceData, setPerformanceData] = (0, import_react97.useState)(null);
-  const [performanceLoading, setPerformanceLoading] = (0, import_react97.useState)(false);
-  const [performanceError, setPerformanceError] = (0, import_react97.useState)(null);
-  const handleCorrectActivity = (0, import_react97.useCallback)(
+  const [performanceModalOpen, setPerformanceModalOpen] = (0, import_react99.useState)(false);
+  const [performanceData, setPerformanceData] = (0, import_react99.useState)(null);
+  const [performanceLoading, setPerformanceLoading] = (0, import_react99.useState)(false);
+  const [performanceError, setPerformanceError] = (0, import_react99.useState)(null);
+  const handleCorrectActivity = (0, import_react99.useCallback)(
     async (studentId) => {
       if (!apiClient || !data?.recommendedClass.id) return;
       const student = data?.details.students.find(
@@ -31512,12 +31598,12 @@ var RecommendedLessonDetails = ({
     },
     [apiClient, data?.recommendedClass.id, data?.details.students, addToast]
   );
-  const handleClosePerformanceModal = (0, import_react97.useCallback)(() => {
+  const handleClosePerformanceModal = (0, import_react99.useCallback)(() => {
     setPerformanceModalOpen(false);
     setPerformanceData(null);
     setPerformanceError(null);
   }, []);
-  const defaultBreadcrumbs = (0, import_react97.useMemo)(
+  const defaultBreadcrumbs = (0, import_react99.useMemo)(
     () => [
       { label: "Aulas recomendadas", path: "/aulas-recomendadas" },
       { label: data?.recommendedClass.title || "Detalhes" }
@@ -31525,7 +31611,7 @@ var RecommendedLessonDetails = ({
     [data?.recommendedClass.title]
   );
   const breadcrumbItems = breadcrumbs || defaultBreadcrumbs;
-  const displayStudents = (0, import_react97.useMemo)(() => {
+  const displayStudents = (0, import_react99.useMemo)(() => {
     if (!data?.details.students) return [];
     const deadline = data?.recommendedClass.finalDate;
     return data.details.students.map(
@@ -31603,7 +31689,7 @@ var RecommendedLessonDetails = ({
 var RecommendedLessonDetails_default = RecommendedLessonDetails;
 
 // src/hooks/useRecommendedLessonsPage.ts
-var import_react98 = require("react");
+var import_react100 = require("react");
 var buildQueryParams2 = (filters) => {
   if (!filters) return {};
   const params = {};
@@ -31660,12 +31746,12 @@ var createUseRecommendedLessonsPage = (config) => {
     mapSubjectNameToEnum: mapSubjectNameToEnum2
   } = config;
   return () => {
-    const recommendedClassMapRef = (0, import_react98.useRef)(/* @__PURE__ */ new Map());
-    const [sendModalOpen, setSendModalOpen] = (0, import_react98.useState)(false);
-    const [selectedModel, setSelectedModel] = (0, import_react98.useState)(null);
-    const [sendModalLoading, setSendModalLoading] = (0, import_react98.useState)(false);
-    const [sendModalCategories, setSendModalCategories] = (0, import_react98.useState)([]);
-    const userFilterData = (0, import_react98.useMemo)(
+    const recommendedClassMapRef = (0, import_react100.useRef)(/* @__PURE__ */ new Map());
+    const [sendModalOpen, setSendModalOpen] = (0, import_react100.useState)(false);
+    const [selectedModel, setSelectedModel] = (0, import_react100.useState)(null);
+    const [sendModalLoading, setSendModalLoading] = (0, import_react100.useState)(false);
+    const [sendModalCategories, setSendModalCategories] = (0, import_react100.useState)([]);
+    const userFilterData = (0, import_react100.useMemo)(
       () => ({
         schools: getSchoolOptions2(userData),
         classes: getClassOptions2(userData),
@@ -31673,13 +31759,13 @@ var createUseRecommendedLessonsPage = (config) => {
       }),
       [userData]
     );
-    const subjectsMap = (0, import_react98.useMemo)(() => {
+    const subjectsMap = (0, import_react100.useMemo)(() => {
       const map = /* @__PURE__ */ new Map();
       const subjects = getSubjectOptions4(userData);
       subjects.forEach((s) => map.set(s.id, s.name));
       return map;
     }, [userData]);
-    const fetchRecommendedClassHistory = (0, import_react98.useCallback)(
+    const fetchRecommendedClassHistory = (0, import_react100.useCallback)(
       async (filters) => {
         const params = buildQueryParams2(filters);
         const response = await api.get(
@@ -31697,7 +31783,7 @@ var createUseRecommendedLessonsPage = (config) => {
       },
       [api, endpoints.recommendedClassHistory]
     );
-    const fetchRecommendedClassModels = (0, import_react98.useCallback)(
+    const fetchRecommendedClassModels = (0, import_react100.useCallback)(
       async (filters) => {
         const params = buildQueryParams2({
           ...filters,
@@ -31711,13 +31797,13 @@ var createUseRecommendedLessonsPage = (config) => {
       },
       [api, endpoints.recommendedClassDrafts]
     );
-    const deleteRecommendedClassModel = (0, import_react98.useCallback)(
+    const deleteRecommendedClassModel = (0, import_react100.useCallback)(
       async (id) => {
         await api.delete(`${endpoints.recommendedClassDrafts}/${id}`);
       },
       [api, endpoints.recommendedClassDrafts]
     );
-    const fetchRecommendedClassDrafts = (0, import_react98.useCallback)(
+    const fetchRecommendedClassDrafts = (0, import_react100.useCallback)(
       async (filters) => {
         const params = buildQueryParams2({
           ...filters,
@@ -31731,34 +31817,34 @@ var createUseRecommendedLessonsPage = (config) => {
       },
       [api, endpoints.recommendedClassDrafts]
     );
-    const deleteRecommendedClassDraft = (0, import_react98.useCallback)(
+    const deleteRecommendedClassDraft = (0, import_react100.useCallback)(
       async (id) => {
         await api.delete(`${endpoints.recommendedClassDrafts}/${id}`);
       },
       [api, endpoints.recommendedClassDrafts]
     );
-    const handleCreateLesson = (0, import_react98.useCallback)(() => {
+    const handleCreateLesson = (0, import_react100.useCallback)(() => {
       navigate(paths.createLesson);
     }, []);
-    const handleCreateModel = (0, import_react98.useCallback)(() => {
+    const handleCreateModel = (0, import_react100.useCallback)(() => {
       navigate(paths.createModel);
     }, []);
-    const handleRowClick = (0, import_react98.useCallback)((row) => {
+    const handleRowClick = (0, import_react100.useCallback)((row) => {
       const originalData = recommendedClassMapRef.current.get(row.id);
       navigate(`${paths.lessonDetails}/${row.id}`, {
         state: { recommendedClassData: originalData }
       });
     }, []);
-    const handleEditRecommendedClass = (0, import_react98.useCallback)((id) => {
+    const handleEditRecommendedClass = (0, import_react100.useCallback)((id) => {
       navigate(`${paths.editLesson}/${id}/editar`);
     }, []);
-    const handleEditModel = (0, import_react98.useCallback)(
+    const handleEditModel = (0, import_react100.useCallback)(
       (model) => {
         navigate(`${paths.editModel}${model.id}`);
       },
       []
     );
-    const handleSendLesson = (0, import_react98.useCallback)(
+    const handleSendLesson = (0, import_react100.useCallback)(
       (model) => {
         setSelectedModel(model);
         const classes = getClassOptions2(userData);
@@ -31781,7 +31867,7 @@ var createUseRecommendedLessonsPage = (config) => {
       },
       [userData]
     );
-    const handleSendLessonSubmit = (0, import_react98.useCallback)(
+    const handleSendLessonSubmit = (0, import_react100.useCallback)(
       async (formData) => {
         if (!selectedModel) return;
         setSendModalLoading(true);
@@ -31800,11 +31886,11 @@ var createUseRecommendedLessonsPage = (config) => {
       },
       [api, endpoints.submitRecommendedClass, selectedModel]
     );
-    const handleSendModalClose = (0, import_react98.useCallback)(() => {
+    const handleSendModalClose = (0, import_react100.useCallback)(() => {
       setSendModalOpen(false);
       setSelectedModel(null);
     }, []);
-    const handleCategoriesChange = (0, import_react98.useCallback)(
+    const handleCategoriesChange = (0, import_react100.useCallback)(
       (categories) => {
         setSendModalCategories(categories);
       },
@@ -31850,7 +31936,7 @@ var createUseRecommendedLessonsPage = (config) => {
 var createRecommendedLessonsPageHook = createUseRecommendedLessonsPage;
 
 // src/hooks/useRecommendedLessonDetails.ts
-var import_react99 = require("react");
+var import_react101 = require("react");
 var import_zod8 = require("zod");
 var recommendedClassLessonSubjectSchema = import_zod8.z.object({
   id: import_zod8.z.string(),
@@ -31953,12 +32039,12 @@ var handleLessonDetailsFetchError = (error) => {
 };
 var createUseRecommendedLessonDetails = (apiClient) => {
   return (lessonId) => {
-    const [state, setState] = (0, import_react99.useState)({
+    const [state, setState] = (0, import_react101.useState)({
       data: null,
       loading: true,
       error: null
     });
-    const fetchLessonDetails = (0, import_react99.useCallback)(async () => {
+    const fetchLessonDetails = (0, import_react101.useCallback)(async () => {
       if (!lessonId) {
         setState({
           data: null,
@@ -32004,7 +32090,7 @@ var createUseRecommendedLessonDetails = (apiClient) => {
         });
       }
     }, [lessonId]);
-    (0, import_react99.useEffect)(() => {
+    (0, import_react101.useEffect)(() => {
       fetchLessonDetails();
     }, [fetchLessonDetails]);
     return {
@@ -32016,10 +32102,10 @@ var createUseRecommendedLessonDetails = (apiClient) => {
 var createRecommendedLessonDetailsHook = createUseRecommendedLessonDetails;
 
 // src/components/ActivitiesHistory/ActivitiesHistory.tsx
-var import_react103 = require("react");
+var import_react105 = require("react");
 
 // src/components/ActivitiesHistory/tabs/HistoryTab.tsx
-var import_react101 = require("react");
+var import_react103 = require("react");
 var import_phosphor_react60 = require("phosphor-react");
 
 // src/components/ActivitiesHistory/config/historyTableColumns.tsx
@@ -32216,7 +32302,7 @@ var createHistoryFiltersConfig = (userData) => [
 ];
 
 // src/hooks/useActivitiesHistory.ts
-var import_react100 = require("react");
+var import_react102 = require("react");
 var import_zod9 = require("zod");
 var import_dayjs6 = __toESM(require("dayjs"));
 var activityHistoryResponseSchema = import_zod9.z.object({
@@ -32275,13 +32361,13 @@ var handleActivityFetchError = createFetchErrorHandler(
 );
 var createUseActivitiesHistory = (fetchActivitiesHistory) => {
   return () => {
-    const [state, setState] = (0, import_react100.useState)({
+    const [state, setState] = (0, import_react102.useState)({
       activities: [],
       loading: false,
       error: null,
       pagination: DEFAULT_ACTIVITIES_PAGINATION
     });
-    const fetchActivities = (0, import_react100.useCallback)(
+    const fetchActivities = (0, import_react102.useCallback)(
       async (filters) => {
         setState((prev) => ({ ...prev, loading: true, error: null }));
         try {
@@ -32326,9 +32412,9 @@ var HistoryTab = ({
   mapSubjectNameToEnum: mapSubjectNameToEnum2,
   userFilterData
 }) => {
-  const fetchActivitiesHistoryRef = (0, import_react101.useRef)(fetchActivitiesHistory);
+  const fetchActivitiesHistoryRef = (0, import_react103.useRef)(fetchActivitiesHistory);
   fetchActivitiesHistoryRef.current = fetchActivitiesHistory;
-  const useActivitiesHistory = (0, import_react101.useMemo)(
+  const useActivitiesHistory = (0, import_react103.useMemo)(
     () => createUseActivitiesHistory(
       (filters) => fetchActivitiesHistoryRef.current(filters)
     ),
@@ -32341,15 +32427,15 @@ var HistoryTab = ({
     pagination,
     fetchActivities
   } = useActivitiesHistory();
-  const historyFilterConfigs = (0, import_react101.useMemo)(
+  const historyFilterConfigs = (0, import_react103.useMemo)(
     () => createHistoryFiltersConfig(userFilterData),
     [userFilterData]
   );
-  const historyTableColumns = (0, import_react101.useMemo)(
+  const historyTableColumns = (0, import_react103.useMemo)(
     () => createHistoryTableColumns(mapSubjectNameToEnum2),
     [mapSubjectNameToEnum2]
   );
-  const handleParamsChange = (0, import_react101.useCallback)(
+  const handleParamsChange = (0, import_react103.useCallback)(
     (params) => {
       const filters = buildHistoryFiltersFromParams(params);
       fetchActivities(filters);
@@ -32448,7 +32534,7 @@ var createModelsFiltersConfig = (userData) => [
 ];
 
 // src/hooks/useActivityModels.ts
-var import_react102 = require("react");
+var import_react104 = require("react");
 var import_zod10 = require("zod");
 var import_dayjs7 = __toESM(require("dayjs"));
 var activityDraftFiltersSchema = import_zod10.z.object({
@@ -32511,13 +32597,13 @@ var handleModelFetchError = createFetchErrorHandler(
 );
 var createUseActivityModels = (fetchActivityModels, deleteActivityModel) => {
   return () => {
-    const [state, setState] = (0, import_react102.useState)({
+    const [state, setState] = (0, import_react104.useState)({
       models: [],
       loading: false,
       error: null,
       pagination: DEFAULT_MODELS_PAGINATION
     });
-    const fetchModels = (0, import_react102.useCallback)(
+    const fetchModels = (0, import_react104.useCallback)(
       async (filters, subjectsMap) => {
         setState((prev) => ({ ...prev, loading: true, error: null }));
         try {
@@ -32552,7 +32638,7 @@ var createUseActivityModels = (fetchActivityModels, deleteActivityModel) => {
       },
       [fetchActivityModels]
     );
-    const deleteModel = (0, import_react102.useCallback)(
+    const deleteModel = (0, import_react104.useCallback)(
       async (id) => {
         try {
           await deleteActivityModel(id);
@@ -32655,7 +32741,7 @@ var ActivitiesHistory = ({
   userFilterData,
   subjectsMap
 }) => {
-  const [activeTab, setActiveTab] = (0, import_react103.useState)("history" /* HISTORY */);
+  const [activeTab, setActiveTab] = (0, import_react105.useState)("history" /* HISTORY */);
   return /* @__PURE__ */ (0, import_jsx_runtime141.jsxs)(
     "div",
     {
@@ -32761,7 +32847,7 @@ var ActivitiesHistory = ({
 };
 
 // src/hooks/useStudentsHighlight.ts
-var import_react104 = require("react");
+var import_react106 = require("react");
 var import_zod11 = require("zod");
 var PERIOD_TABS = [
   { value: "7_DAYS", label: "7 dias" },
@@ -32823,8 +32909,8 @@ var initialState4 = {
 };
 var createUseStudentsHighlight = (fetchStudentsHighlightApi) => {
   return () => {
-    const [state, setState] = (0, import_react104.useState)(initialState4);
-    const fetchStudentsHighlight = (0, import_react104.useCallback)(
+    const [state, setState] = (0, import_react106.useState)(initialState4);
+    const fetchStudentsHighlight = (0, import_react106.useCallback)(
       async (filters) => {
         setState((prev) => ({ ...prev, loading: true, error: null }));
         try {
@@ -32853,7 +32939,7 @@ var createUseStudentsHighlight = (fetchStudentsHighlightApi) => {
       },
       [fetchStudentsHighlightApi]
     );
-    const reset = (0, import_react104.useCallback)(() => {
+    const reset = (0, import_react106.useCallback)(() => {
       setState(initialState4);
     }, []);
     return {
@@ -32866,7 +32952,7 @@ var createUseStudentsHighlight = (fetchStudentsHighlightApi) => {
 var createStudentsHighlightHook = createUseStudentsHighlight;
 
 // src/hooks/useQuestionsData.ts
-var import_react105 = require("react");
+var import_react107 = require("react");
 var import_zod12 = require("zod");
 var trendDirectionSchema2 = import_zod12.z.enum(["up", "down", "stable"]);
 var trendSchema = import_zod12.z.object({
@@ -32912,8 +32998,8 @@ var initialState5 = {
 };
 var createUseQuestionsData = (fetchQuestionsDataApi) => {
   return () => {
-    const [state, setState] = (0, import_react105.useState)(initialState5);
-    const fetchQuestionsData = (0, import_react105.useCallback)(
+    const [state, setState] = (0, import_react107.useState)(initialState5);
+    const fetchQuestionsData = (0, import_react107.useCallback)(
       async (filters) => {
         setState((prev) => ({ ...prev, loading: true, error: null }));
         try {
@@ -32936,7 +33022,7 @@ var createUseQuestionsData = (fetchQuestionsDataApi) => {
       },
       [fetchQuestionsDataApi]
     );
-    const reset = (0, import_react105.useCallback)(() => {
+    const reset = (0, import_react107.useCallback)(() => {
       setState(initialState5);
     }, []);
     return {
@@ -33082,7 +33168,7 @@ var buildUserFilterData = (userData) => ({
 });
 
 // src/hooks/useChat.ts
-var import_react106 = require("react");
+var import_react108 = require("react");
 var WS_STATES = {
   CONNECTING: 0,
   OPEN: 1,
@@ -33101,25 +33187,25 @@ function useChat({
   reconnectInterval = 3e3,
   maxReconnectAttempts = 5
 }) {
-  const [isConnected, setIsConnected] = (0, import_react106.useState)(false);
-  const [messages, setMessages] = (0, import_react106.useState)([]);
-  const [participants, setParticipants] = (0, import_react106.useState)([]);
-  const [error, setError] = (0, import_react106.useState)(null);
-  const wsRef = (0, import_react106.useRef)(null);
-  const reconnectAttemptsRef = (0, import_react106.useRef)(0);
-  const reconnectTimeoutRef = (0, import_react106.useRef)(
+  const [isConnected, setIsConnected] = (0, import_react108.useState)(false);
+  const [messages, setMessages] = (0, import_react108.useState)([]);
+  const [participants, setParticipants] = (0, import_react108.useState)([]);
+  const [error, setError] = (0, import_react108.useState)(null);
+  const wsRef = (0, import_react108.useRef)(null);
+  const reconnectAttemptsRef = (0, import_react108.useRef)(0);
+  const reconnectTimeoutRef = (0, import_react108.useRef)(
     null
   );
-  const isManualDisconnectRef = (0, import_react106.useRef)(false);
-  const isConnectingRef = (0, import_react106.useRef)(false);
-  const connectRef = (0, import_react106.useRef)(() => {
+  const isManualDisconnectRef = (0, import_react108.useRef)(false);
+  const isConnectingRef = (0, import_react108.useRef)(false);
+  const connectRef = (0, import_react108.useRef)(() => {
   });
-  const sendWsMessage = (0, import_react106.useCallback)((message) => {
+  const sendWsMessage = (0, import_react108.useCallback)((message) => {
     if (wsRef.current?.readyState === WS_STATES.OPEN) {
       wsRef.current.send(JSON.stringify(message));
     }
   }, []);
-  const sendMessage = (0, import_react106.useCallback)(
+  const sendMessage = (0, import_react108.useCallback)(
     (content) => {
       const trimmedContent = content.trim();
       if (!trimmedContent) return;
@@ -33130,12 +33216,12 @@ function useChat({
     },
     [sendWsMessage]
   );
-  const leave = (0, import_react106.useCallback)(() => {
+  const leave = (0, import_react108.useCallback)(() => {
     isManualDisconnectRef.current = true;
     sendWsMessage({ type: "leave" });
     wsRef.current?.close(1e3, "User left");
   }, [sendWsMessage]);
-  const handleMessage = (0, import_react106.useCallback)(
+  const handleMessage = (0, import_react108.useCallback)(
     (event) => {
       try {
         const data = JSON.parse(event.data);
@@ -33203,7 +33289,7 @@ function useChat({
     },
     [onError]
   );
-  const connect = (0, import_react106.useCallback)(() => {
+  const connect = (0, import_react108.useCallback)(() => {
     if (isConnectingRef.current) {
       return;
     }
@@ -33257,12 +33343,12 @@ function useChat({
     maxReconnectAttempts
   ]);
   connectRef.current = connect;
-  const reconnect = (0, import_react106.useCallback)(() => {
+  const reconnect = (0, import_react108.useCallback)(() => {
     isManualDisconnectRef.current = false;
     reconnectAttemptsRef.current = 0;
     connectRef.current();
   }, []);
-  (0, import_react106.useEffect)(() => {
+  (0, import_react108.useEffect)(() => {
     if (!roomId) {
       return;
     }
@@ -33306,15 +33392,15 @@ function createUseChat(baseWsUrl) {
 }
 
 // src/hooks/useChatRooms.ts
-var import_react107 = require("react");
+var import_react109 = require("react");
 function useChatRooms({
   apiClient
 }) {
-  const [rooms, setRooms] = (0, import_react107.useState)([]);
-  const [availableUsers, setAvailableUsers] = (0, import_react107.useState)([]);
-  const [loading, setLoading] = (0, import_react107.useState)(false);
-  const [error, setError] = (0, import_react107.useState)(null);
-  const fetchRooms = (0, import_react107.useCallback)(async () => {
+  const [rooms, setRooms] = (0, import_react109.useState)([]);
+  const [availableUsers, setAvailableUsers] = (0, import_react109.useState)([]);
+  const [loading, setLoading] = (0, import_react109.useState)(false);
+  const [error, setError] = (0, import_react109.useState)(null);
+  const fetchRooms = (0, import_react109.useCallback)(async () => {
     setLoading(true);
     setError(null);
     try {
@@ -33330,7 +33416,7 @@ function useChatRooms({
       setLoading(false);
     }
   }, [apiClient]);
-  const fetchAvailableUsers = (0, import_react107.useCallback)(async () => {
+  const fetchAvailableUsers = (0, import_react109.useCallback)(async () => {
     setLoading(true);
     setError(null);
     try {
@@ -33346,7 +33432,7 @@ function useChatRooms({
       setLoading(false);
     }
   }, [apiClient]);
-  const createRoom = (0, import_react107.useCallback)(
+  const createRoom = (0, import_react109.useCallback)(
     async (participantIds) => {
       setLoading(true);
       setError(null);
@@ -33370,7 +33456,7 @@ function useChatRooms({
     },
     [apiClient, fetchRooms]
   );
-  const clearError = (0, import_react107.useCallback)(() => {
+  const clearError = (0, import_react109.useCallback)(() => {
     setError(null);
   }, []);
   return {
@@ -33404,8 +33490,8 @@ var CHAT_MESSAGE_TYPES = {
 };
 
 // src/components/Chat/Chat.tsx
-var import_react108 = require("react");
-var import_react109 = require("@phosphor-icons/react");
+var import_react110 = require("react");
+var import_react111 = require("@phosphor-icons/react");
 var import_jsx_runtime142 = require("react/jsx-runtime");
 var RoomItem = ({
   room,
@@ -33422,7 +33508,7 @@ var RoomItem = ({
       isActive && "bg-primary-50 border-l-4 border-primary-500"
     ),
     children: /* @__PURE__ */ (0, import_jsx_runtime142.jsxs)("div", { className: "flex items-start gap-3 w-full", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime142.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_runtime142.jsx)(import_react109.UsersIcon, { size: 20, className: "text-primary-600" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime142.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_runtime142.jsx)(import_react111.UsersIcon, { size: 20, className: "text-primary-600" }) }),
       /* @__PURE__ */ (0, import_jsx_runtime142.jsxs)("div", { className: "flex-1 min-w-0", children: [
         /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(Text_default, { size: "sm", weight: "semibold", className: "text-text-900 truncate", children: room.name }),
         room.lastMessage && /* @__PURE__ */ (0, import_jsx_runtime142.jsxs)(Text_default, { size: "xs", className: "text-text-500 truncate mt-1", children: [
@@ -33552,16 +33638,16 @@ function ChatContent({
   onRoomChange,
   onBackToList
 }) {
-  const [view, setView] = (0, import_react108.useState)("list");
-  const [selectedRoom, setSelectedRoom] = (0, import_react108.useState)(
+  const [view, setView] = (0, import_react110.useState)("list");
+  const [selectedRoom, setSelectedRoom] = (0, import_react110.useState)(
     null
   );
-  const [selectedUserIds, setSelectedUserIds] = (0, import_react108.useState)(
+  const [selectedUserIds, setSelectedUserIds] = (0, import_react110.useState)(
     /* @__PURE__ */ new Set()
   );
-  const [messageInput, setMessageInput] = (0, import_react108.useState)("");
-  const [showCreateModal, setShowCreateModal] = (0, import_react108.useState)(false);
-  const hasHandledInitialRoomRef = (0, import_react108.useRef)(false);
+  const [messageInput, setMessageInput] = (0, import_react110.useState)("");
+  const [showCreateModal, setShowCreateModal] = (0, import_react110.useState)(false);
+  const hasHandledInitialRoomRef = (0, import_react110.useRef)(false);
   const {
     rooms,
     availableUsers,
@@ -33589,10 +33675,10 @@ function ChatContent({
   const getRoleLabel = () => {
     return userRole === "TEACHER" /* TEACHER */ ? "Professor" : "Aluno";
   };
-  (0, import_react108.useEffect)(() => {
+  (0, import_react110.useEffect)(() => {
     fetchRooms();
   }, [fetchRooms]);
-  (0, import_react108.useEffect)(() => {
+  (0, import_react110.useEffect)(() => {
     if (hasHandledInitialRoomRef.current) {
       return;
     }
@@ -33614,7 +33700,7 @@ function ChatContent({
       onBackToList?.();
     }
   }, [initialRoomId, rooms, roomsLoading, onBackToList]);
-  const handleSelectRoom = (0, import_react108.useCallback)(
+  const handleSelectRoom = (0, import_react110.useCallback)(
     (room) => {
       setSelectedRoom(room);
       setView("room");
@@ -33622,12 +33708,12 @@ function ChatContent({
     },
     [onRoomChange]
   );
-  const handleOpenCreateModal = (0, import_react108.useCallback)(async () => {
+  const handleOpenCreateModal = (0, import_react110.useCallback)(async () => {
     await fetchAvailableUsers();
     setSelectedUserIds(/* @__PURE__ */ new Set());
     setShowCreateModal(true);
   }, [fetchAvailableUsers]);
-  const handleToggleUser = (0, import_react108.useCallback)((id) => {
+  const handleToggleUser = (0, import_react110.useCallback)((id) => {
     setSelectedUserIds((prev) => {
       const next = new Set(prev);
       if (next.has(id)) {
@@ -33638,7 +33724,7 @@ function ChatContent({
       return next;
     });
   }, []);
-  const handleCreateRoom = (0, import_react108.useCallback)(async () => {
+  const handleCreateRoom = (0, import_react110.useCallback)(async () => {
     if (selectedUserIds.size === 0) return;
     const room = await createRoom(Array.from(selectedUserIds));
     if (room) {
@@ -33647,12 +33733,12 @@ function ChatContent({
       onRoomChange?.(room.id);
     }
   }, [selectedUserIds, createRoom, onRoomChange]);
-  const handleSendMessage = (0, import_react108.useCallback)(() => {
+  const handleSendMessage = (0, import_react110.useCallback)(() => {
     if (!messageInput.trim()) return;
     sendMessage(messageInput);
     setMessageInput("");
   }, [messageInput, sendMessage]);
-  const handleBackToList = (0, import_react108.useCallback)(() => {
+  const handleBackToList = (0, import_react110.useCallback)(() => {
     setSelectedRoom(null);
     setView("list");
     onBackToList?.();
@@ -33705,7 +33791,7 @@ function ChatContent({
           variant: "solid",
           size: "small",
           onClick: handleOpenCreateModal,
-          iconLeft: /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(import_react109.PlusIcon, { size: 16 }),
+          iconLeft: /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(import_react111.PlusIcon, { size: 16 }),
           children: "Nova conversa"
         }
       )
@@ -33745,7 +33831,7 @@ function ChatContent({
     return /* @__PURE__ */ (0, import_jsx_runtime142.jsxs)("div", { className: "flex h-full", children: [
       /* @__PURE__ */ (0, import_jsx_runtime142.jsxs)("div", { className: "flex-1 flex flex-col", children: [
         /* @__PURE__ */ (0, import_jsx_runtime142.jsxs)("div", { className: "p-4 border-b border-background-200 flex items-center gap-3", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(Button_default, { variant: "link", size: "small", onClick: handleBackToList, children: /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(import_react109.XIcon, { size: 20 }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(Button_default, { variant: "link", size: "small", onClick: handleBackToList, children: /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(import_react111.XIcon, { size: 20 }) }),
           /* @__PURE__ */ (0, import_jsx_runtime142.jsxs)("div", { className: "flex-1", children: [
             /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(Text_default, { size: "md", weight: "semibold", className: "text-text-900", children: selectedRoom.name }),
             /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(Text_default, { size: "xs", className: "text-text-500", children: isConnected ? "Conectado" : "Conectando..." })
@@ -33774,7 +33860,7 @@ function ChatContent({
               variant: "solid",
               onClick: handleSendMessage,
               disabled: !messageInput.trim() || !isConnected,
-              children: /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(import_react109.PaperPlaneTiltIcon, { size: 20 })
+              children: /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(import_react111.PaperPlaneTiltIcon, { size: 20 })
             }
           )
         ] }) })
@@ -33898,7 +33984,7 @@ var CalendarActivityStatus = /* @__PURE__ */ ((CalendarActivityStatus2) => {
 })(CalendarActivityStatus || {});
 
 // src/hooks/useSendActivity.ts
-var import_react110 = require("react");
+var import_react112 = require("react");
 var import_dayjs8 = __toESM(require("dayjs"));
 function transformToCategoryConfig(data) {
   return [
@@ -33953,21 +34039,21 @@ function useSendActivity(config) {
     onSuccess,
     onError
   } = config;
-  const [isOpen, setIsOpen] = (0, import_react110.useState)(false);
-  const [selectedModel, setSelectedModel] = (0, import_react110.useState)(
+  const [isOpen, setIsOpen] = (0, import_react112.useState)(false);
+  const [selectedModel, setSelectedModel] = (0, import_react112.useState)(
     null
   );
-  const [categories, setCategories] = (0, import_react110.useState)([]);
-  const [isLoading, setIsLoading] = (0, import_react110.useState)(false);
-  const [isCategoriesLoading, setIsCategoriesLoading] = (0, import_react110.useState)(false);
-  const categoriesLoadedRef = (0, import_react110.useRef)(false);
-  const initialData = (0, import_react110.useMemo)(() => {
+  const [categories, setCategories] = (0, import_react112.useState)([]);
+  const [isLoading, setIsLoading] = (0, import_react112.useState)(false);
+  const [isCategoriesLoading, setIsCategoriesLoading] = (0, import_react112.useState)(false);
+  const categoriesLoadedRef = (0, import_react112.useRef)(false);
+  const initialData = (0, import_react112.useMemo)(() => {
     if (!selectedModel) return void 0;
     return {
       title: selectedModel.title
     };
   }, [selectedModel]);
-  const loadCategories = (0, import_react110.useCallback)(async () => {
+  const loadCategories = (0, import_react112.useCallback)(async () => {
     if (categoriesLoadedRef.current) return;
     setIsCategoriesLoading(true);
     try {
@@ -33982,7 +34068,7 @@ function useSendActivity(config) {
       setIsCategoriesLoading(false);
     }
   }, [fetchCategories, onError]);
-  const openModal = (0, import_react110.useCallback)(
+  const openModal = (0, import_react112.useCallback)(
     (model) => {
       setSelectedModel(model);
       setIsOpen(true);
@@ -33990,17 +34076,17 @@ function useSendActivity(config) {
     },
     [loadCategories]
   );
-  const closeModal = (0, import_react110.useCallback)(() => {
+  const closeModal = (0, import_react112.useCallback)(() => {
     setIsOpen(false);
     setSelectedModel(null);
   }, []);
-  const onCategoriesChange = (0, import_react110.useCallback)(
+  const onCategoriesChange = (0, import_react112.useCallback)(
     (updatedCategories) => {
       setCategories(updatedCategories);
     },
     []
   );
-  const handleSubmit = (0, import_react110.useCallback)(
+  const handleSubmit = (0, import_react112.useCallback)(
     async (data) => {
       if (!selectedModel) return;
       setIsLoading(true);
@@ -34099,8 +34185,8 @@ function getPerformanceTagConfig(percentage) {
 }
 
 // src/components/StudentPerformanceDetailsModal/StudentPerformanceDetailsModal.tsx
-var import_react111 = require("react");
-var import_react112 = require("@phosphor-icons/react");
+var import_react113 = require("react");
+var import_react114 = require("@phosphor-icons/react");
 
 // src/components/StudentPerformanceDetailsModal/types.ts
 var DEFAULT_PERFORMANCE_DETAILS_LABELS = {
@@ -34295,7 +34381,7 @@ var ErrorContent3 = ({ message }) => /* @__PURE__ */ (0, import_jsx_runtime144.j
     {
       as: "span",
       className: "size-12 rounded-full bg-error-100 flex items-center justify-center",
-      children: /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(import_react112.XCircleIcon, { size: 24, className: "text-error-700", weight: "fill" })
+      children: /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(import_react114.XCircleIcon, { size: 24, className: "text-error-700", weight: "fill" })
     }
   ),
   /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(Text_default, { size: "md", className: "text-error-700 text-center", children: message })
@@ -34310,7 +34396,7 @@ var PerformanceContent2 = ({
       {
         as: "span",
         className: "size-6 rounded-full bg-primary-100 flex items-center justify-center",
-        children: /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(import_react112.UserIcon, { size: 14, className: "text-primary-800", weight: "fill" })
+        children: /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(import_react114.UserIcon, { size: 14, className: "text-primary-800", weight: "fill" })
       }
     ),
     /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(Text_default, { size: "md", className: "text-text-950", children: data.studentName })
@@ -34319,7 +34405,7 @@ var PerformanceContent2 = ({
     /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(
       PerformanceStatCard,
       {
-        icon: /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(import_react112.TrophyIcon, { size: 16, weight: "fill", className: "text-white" }),
+        icon: /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(import_react114.TrophyIcon, { size: 16, weight: "fill", className: "text-white" }),
         label: labels.gradeLabel,
         value: data.grade.value.toFixed(1),
         secondaryLabel: labels.performanceTagLabel,
@@ -34330,7 +34416,7 @@ var PerformanceContent2 = ({
     /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(
       PerformanceStatCard,
       {
-        icon: /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(import_react112.TrophyIcon, { size: 16, weight: "fill", className: "text-text-950" }),
+        icon: /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(import_react114.TrophyIcon, { size: 16, weight: "fill", className: "text-text-950" }),
         label: labels.correctQuestionsLabel,
         value: data.correctQuestions.value,
         secondaryLabel: labels.bestResultLabel,
@@ -34341,7 +34427,7 @@ var PerformanceContent2 = ({
     /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(
       PerformanceStatCard,
       {
-        icon: /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(import_react112.XCircleIcon, { size: 16, weight: "fill", className: "text-white" }),
+        icon: /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(import_react114.XCircleIcon, { size: 16, weight: "fill", className: "text-white" }),
         label: labels.incorrectQuestionsLabel,
         value: data.incorrectQuestions.value,
         secondaryLabel: labels.hardestTopicLabel,
@@ -34405,7 +34491,7 @@ var StudentPerformanceDetailsModal = ({
   error = null,
   labels: customLabels
 }) => {
-  const labels = (0, import_react111.useMemo)(
+  const labels = (0, import_react113.useMemo)(
     () => ({ ...DEFAULT_PERFORMANCE_DETAILS_LABELS, ...customLabels }),
     [customLabels]
   );
@@ -34426,8 +34512,8 @@ var StudentPerformanceDetailsModal = ({
 };
 
 // src/components/StudentLessonProgressModal/StudentLessonProgressModal.tsx
-var import_react113 = require("react");
-var import_react114 = require("@phosphor-icons/react");
+var import_react115 = require("react");
+var import_react116 = require("@phosphor-icons/react");
 var import_phosphor_react61 = require("phosphor-react");
 
 // src/components/StudentLessonProgressModal/types.ts
@@ -34448,7 +34534,7 @@ var LessonAccordionItem2 = ({
   noDataMessage,
   level = 0
 }) => {
-  const [isExpanded, setIsExpanded] = (0, import_react113.useState)(false);
+  const [isExpanded, setIsExpanded] = (0, import_react115.useState)(false);
   const hasChildren = item.children && item.children.length > 0;
   const hasNoData = item.status === "no_data" || item.progress === null;
   const progressValue = item.progress ?? 0;
@@ -34570,7 +34656,7 @@ var ErrorContent4 = ({
     {
       as: "span",
       className: "size-12 rounded-full bg-error-100 flex items-center justify-center",
-      children: /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(import_react114.XCircleIcon, { size: 24, className: "text-error-700", weight: "fill" })
+      children: /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(import_react116.XCircleIcon, { size: 24, className: "text-error-700", weight: "fill" })
     }
   ),
   /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(Text_default, { size: "md", className: "text-error-700 text-center", children: prefix ? `${prefix}: ${message}` : message })
@@ -34586,7 +34672,7 @@ var ProgressContent = ({
         as: "span",
         className: "size-6 rounded-full bg-primary-100 flex items-center justify-center",
         children: /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(
-          import_react114.MagnifyingGlassIcon,
+          import_react116.MagnifyingGlassIcon,
           {
             size: 14,
             className: "text-primary-800",
@@ -34611,7 +34697,7 @@ var ProgressContent = ({
     /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(
       CardActivitiesResults,
       {
-        icon: /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(import_react114.MedalIcon, { size: 16, weight: "regular", className: "text-text-950" }),
+        icon: /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(import_react116.MedalIcon, { size: 16, weight: "regular", className: "text-text-950" }),
         title: labels.bestResultLabel,
         subTitle: data.bestResult || "-",
         header: "",
@@ -34621,7 +34707,7 @@ var ProgressContent = ({
     /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(
       CardActivitiesResults,
       {
-        icon: /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(import_react114.SealWarningIcon, { size: 16, weight: "regular", className: "text-white" }),
+        icon: /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(import_react116.SealWarningIcon, { size: 16, weight: "regular", className: "text-white" }),
         title: labels.biggestDifficultyLabel,
         subTitle: data.biggestDifficulty || "-",
         header: "",
@@ -34668,7 +34754,7 @@ var StudentLessonProgressModal = ({
   error = null,
   labels: customLabels
 }) => {
-  const labels = (0, import_react113.useMemo)(
+  const labels = (0, import_react115.useMemo)(
     () => ({ ...DEFAULT_LESSON_PROGRESS_LABELS, ...customLabels }),
     [customLabels]
   );
@@ -34872,6 +34958,7 @@ var StudentLessonProgressModal = ({
   Support,
   SupportCategory,
   SupportStatus,
+  SupportType,
   Table,
   TableBody,
   TableCaption,
@@ -34892,6 +34979,7 @@ var StudentLessonProgressModal = ({
   VideoPlayer,
   WS_STATES,
   Whiteboard,
+  ZendeskWidget,
   activitiesHistoryApiResponseSchema,
   activityModelsApiResponseSchema,
   buildUserFilterData,
@@ -35027,6 +35115,7 @@ var StudentLessonProgressModal = ({
   useSendActivity,
   useSendActivityModal,
   useSendLessonModal,
+  useSupportFeatureFlag,
   useTableFilter,
   useTableSort,
   useTheme,