analytica-frontend-lib 1.2.84 → 1.2.85

package/dist/RecommendedLessonsHistory/index.mjs

@@ -1,5 +1,5 @@
 // src/components/RecommendedLessonsHistory/RecommendedLessonsHistory.tsx
-import { useState as useState16, useCallback as useCallback6, useMemo as useMemo7, useRef as useRef8, useEffect as useEffect16 } from "react";
+import { useState as useState17, useCallback as useCallback7, useMemo as useMemo7, useRef as useRef8, useEffect as useEffect16 } from "react";
 import { Plus as Plus2, CaretRight as CaretRight6, Trash as Trash2, PencilSimple as PencilSimple2 } from "phosphor-react";
 
 // src/utils/utils.ts
@@ -550,7 +550,7 @@ var injectStore = (children, store) => Children.map(children, (child) => {
 });
 
 // src/components/TableProvider/TableProvider.tsx
-import { useState as useState15, useEffect as useEffect15, useMemo as useMemo6, useCallback as useCallback5 } from "react";
+import { useState as useState16, useEffect as useEffect15, useMemo as useMemo6, useCallback as useCallback6 } from "react";
 
 // src/components/Table/Table.tsx
 import {
@@ -2671,7 +2671,7 @@ Search.displayName = "Search";
 var Search_default = Search;
 
 // src/components/CheckBoxGroup/CheckBoxGroup.tsx
-import { useEffect as useEffect14, useMemo as useMemo5, useRef as useRef7, useState as useState14 } from "react";
+import { useEffect as useEffect14, useMemo as useMemo5, useRef as useRef7, useState as useState15 } from "react";
 
 // src/components/CheckBox/CheckBox.tsx
 import {
@@ -5917,13 +5917,90 @@ var createUseGoalModels = (fetchGoalModels, deleteGoalModel) => {
   };
 };
 
+// src/hooks/useGoalDrafts.ts
+import { useState as useState13, useCallback as useCallback4 } from "react";
+var DEFAULT_GOAL_DRAFTS_PAGINATION = {
+  total: 0,
+  page: 1,
+  limit: 10,
+  totalPages: 0
+};
+var handleGoalDraftFetchError = createFetchErrorHandler(
+  "Erro ao validar dados de rascunhos de aulas",
+  "Erro ao carregar rascunhos de aulas"
+);
+var createUseGoalDrafts = (fetchGoalDrafts, deleteGoalDraft) => {
+  return () => {
+    const [state, setState] = useState13({
+      models: [],
+      loading: false,
+      error: null,
+      pagination: DEFAULT_GOAL_DRAFTS_PAGINATION
+    });
+    const fetchModels = useCallback4(
+      async (filters, subjectsMap) => {
+        setState((prev) => ({ ...prev, loading: true, error: null }));
+        try {
+          const responseData = await fetchGoalDrafts(filters);
+          const validatedData = goalModelsApiResponseSchema.parse(responseData);
+          const tableItems = validatedData.data.drafts.map(
+            (draft) => transformGoalModelToTableItem(draft, subjectsMap)
+          );
+          const limit = filters?.limit || 10;
+          const page = filters?.page || 1;
+          const total = validatedData.data.total;
+          const totalPages = Math.ceil(total / limit);
+          setState({
+            models: tableItems,
+            loading: false,
+            error: null,
+            pagination: {
+              total,
+              page,
+              limit,
+              totalPages
+            }
+          });
+        } catch (error) {
+          const errorMessage = handleGoalDraftFetchError(error);
+          setState((prev) => ({
+            ...prev,
+            loading: false,
+            error: errorMessage
+          }));
+        }
+      },
+      [fetchGoalDrafts]
+    );
+    const deleteModel = useCallback4(
+      async (id) => {
+        try {
+          await deleteGoalDraft(id);
+          return true;
+        } catch (error) {
+          console.error("Erro ao deletar rascunho:", error);
+          return false;
+        }
+      },
+      [deleteGoalDraft]
+    );
+    return {
+      ...state,
+      fetchModels,
+      deleteModel
+    };
+  };
+};
+
+// src/components/shared/ModelsTabBase/ModelsTabBase.tsx
+import { useState as useState14, useCallback as useCallback5, useMemo as useMemo4, useRef as useRef6, useEffect as useEffect13 } from "react";
+import { Plus } from "phosphor-react";
+
 // src/components/ActivitiesHistory/components/ErrorDisplay.tsx
 import { jsx as jsx35 } from "react/jsx-runtime";
 var ErrorDisplay = ({ error }) => /* @__PURE__ */ jsx35("div", { className: "flex items-center justify-center bg-background rounded-xl w-full min-h-[705px]", children: /* @__PURE__ */ jsx35(Text_default, { size: "lg", color: "text-error-500", children: error }) });
 
 // src/components/shared/ModelsTabBase/ModelsTabBase.tsx
-import { useState as useState13, useCallback as useCallback4, useMemo as useMemo4, useRef as useRef6, useEffect as useEffect13 } from "react";
-import { Plus } from "phosphor-react";
 import { Fragment as Fragment7, jsx as jsx36, jsxs as jsxs24 } from "react/jsx-runtime";
 var ModelsTabBase = ({
   fetchModels: fetchModelsProp,
@@ -5942,8 +6019,8 @@ var ModelsTabBase = ({
   buildFiltersFromParams: buildFiltersFromParams2,
   createUseModels
 }) => {
-  const [deleteDialogOpen, setDeleteDialogOpen] = useState13(false);
-  const [modelToDelete, setModelToDelete] = useState13(null);
+  const [deleteDialogOpen, setDeleteDialogOpen] = useState14(false);
+  const [modelToDelete, setModelToDelete] = useState14(null);
   const { addToast } = useToast();
   const fetchModelsRef = useRef6(fetchModelsProp);
   fetchModelsRef.current = fetchModelsProp;
@@ -5970,7 +6047,7 @@ var ModelsTabBase = ({
     () => createFiltersConfig(userFilterData),
     [createFiltersConfig, userFilterData]
   );
-  const handleDeleteClick = useCallback4((model) => {
+  const handleDeleteClick = useCallback5((model) => {
     setModelToDelete(model);
     setDeleteDialogOpen(true);
   }, []);
@@ -5989,7 +6066,7 @@ var ModelsTabBase = ({
       handleDeleteClick
     ]
   );
-  const handleParamsChange = useCallback4(
+  const handleParamsChange = useCallback5(
     (params) => {
       const filters = buildFiltersFromParams2(params);
       fetchModels(filters, subjectsMapRef.current);
@@ -5999,7 +6076,7 @@ var ModelsTabBase = ({
   useEffect13(() => {
     fetchModels({ page: 1, limit: 10 }, subjectsMapRef.current);
   }, [fetchModels]);
-  const handleConfirmDelete = useCallback4(async () => {
+  const handleConfirmDelete = useCallback5(async () => {
     if (modelToDelete) {
       const success = await deleteModel(modelToDelete.id);
       if (success) {
@@ -6012,7 +6089,7 @@ var ModelsTabBase = ({
     setDeleteDialogOpen(false);
     setModelToDelete(null);
   }, [modelToDelete, deleteModel, fetchModels, addToast]);
-  const handleCancelDelete = useCallback4(() => {
+  const handleCancelDelete = useCallback5(() => {
     setDeleteDialogOpen(false);
     setModelToDelete(null);
   }, []);
@@ -6102,6 +6179,98 @@ var ModelsTabBase = ({
   ] });
 };
 
+// src/components/RecommendedLessonsHistory/config/draftsFiltersConfig.ts
+var getSubjectOptions = (data) => {
+  if (!data?.subjects) return [];
+  return data.subjects.map((subject) => ({
+    id: subject.id,
+    name: subject.name
+  }));
+};
+var createGoalDraftsFiltersConfig = (userData) => [
+  {
+    key: "content",
+    label: "CONTE\xDADO",
+    categories: [
+      {
+        key: "subject",
+        label: "Mat\xE9ria",
+        selectedIds: [],
+        itens: getSubjectOptions(userData)
+      }
+    ]
+  }
+];
+
+// src/components/RecommendedLessonsHistory/utils/filterBuilders.ts
+var buildGoalModelsFiltersFromParams = (params) => {
+  const filters = {
+    page: params.page,
+    limit: params.limit
+  };
+  if (params.search) {
+    filters.search = params.search;
+  }
+  if (Array.isArray(params.subject) && params.subject.length > 0) {
+    filters.subjectId = params.subject[0];
+  }
+  return filters;
+};
+
+// src/components/RecommendedLessonsHistory/tabs/DraftsTab.tsx
+import { jsx as jsx37 } from "react/jsx-runtime";
+var GOAL_DRAFTS_CONFIG = {
+  entityName: "rascunho",
+  entityNamePlural: "rascunhos",
+  testId: "goal-drafts-tab",
+  emptyStateTitle: "Voc\xEA n\xE3o tem aulas recomendadas em rascunho",
+  emptyStateDescription: "As aulas recomendadas que voc\xEA come\xE7ar a criar, aparecer\xE3o aqui automaticamente como rascunhos. Tudo \xE9 salvo enquanto voc\xEA cria, continue de onde parou quando quiser!",
+  searchPlaceholder: "Buscar rascunho"
+};
+var GOAL_DRAFTS_COLUMNS_CONFIG = {
+  sendButtonLabel: "Enviar aula",
+  sendButtonAriaLabel: "Enviar rascunho",
+  deleteButtonAriaLabel: "Deletar rascunho",
+  editButtonAriaLabel: "Editar rascunho"
+};
+var GoalDraftsTab = ({
+  fetchGoalDrafts,
+  deleteGoalDraft,
+  onCreateDraft,
+  onSendDraft,
+  onEditDraft,
+  emptyStateImage,
+  noSearchImage,
+  mapSubjectNameToEnum,
+  userFilterData,
+  subjectsMap
+}) => /* @__PURE__ */ jsx37(
+  ModelsTabBase,
+  {
+    fetchModels: fetchGoalDrafts,
+    deleteModel: deleteGoalDraft,
+    onCreateModel: onCreateDraft,
+    onSend: onSendDraft,
+    onEditModel: onEditDraft,
+    emptyStateImage,
+    noSearchImage,
+    mapSubjectNameToEnum,
+    userFilterData,
+    subjectsMap,
+    config: GOAL_DRAFTS_CONFIG,
+    createTableColumns: (mapSubject, send, edit, del) => createModelsTableColumnsBase(
+      mapSubject,
+      send,
+      edit,
+      del,
+      GOAL_DRAFTS_COLUMNS_CONFIG
+    ),
+    createFiltersConfig: createGoalDraftsFiltersConfig,
+    buildFiltersFromParams: buildGoalModelsFiltersFromParams,
+    createUseModels: createUseGoalDrafts
+  }
+);
+
 // src/components/CheckBoxGroup/CheckBoxGroup.helpers.ts
 var areSelectedIdsEqual = (ids1, ids2) => {
   if (ids1 === ids2) return true;
@@ -6184,7 +6353,7 @@ var calculateFormattedItemsForAutoSelection = (category, allCategories) => {
 };
 
 // src/components/CheckBoxGroup/CheckBoxGroup.tsx
-import { jsx as jsx37, jsxs as jsxs25 } from "react/jsx-runtime";
+import { jsx as jsx38, jsxs as jsxs25 } from "react/jsx-runtime";
 var CheckboxGroup = ({
   categories,
   onCategoriesChange,
@@ -6192,7 +6361,7 @@ var CheckboxGroup = ({
   showDivider = true,
   showSingleItem = false
 }) => {
-  const [openAccordion, setOpenAccordion] = useState14("");
+  const [openAccordion, setOpenAccordion] = useState15("");
   const onCategoriesChangeRef = useRef7(onCategoriesChange);
   const previousCategoriesRef = useRef7(categories);
   const appliedAutoSelectionRef = useRef7("");
@@ -6492,7 +6661,7 @@ var CheckboxGroup = ({
   const renderCheckboxItem = (item, categoryKey) => {
     const uniqueId = `${categoryKey}-${item.id}`;
     return /* @__PURE__ */ jsxs25("div", { className: "flex items-center gap-3 px-2", children: [
-      /* @__PURE__ */ jsx37(
+      /* @__PURE__ */ jsx38(
         CheckBox_default,
         {
           id: uniqueId,
@@ -6500,7 +6669,7 @@ var CheckboxGroup = ({
           onChange: () => toggleItem(categoryKey, item.id)
         }
       ),
-      /* @__PURE__ */ jsx37(
+      /* @__PURE__ */ jsx38(
         "label",
         {
           htmlFor: uniqueId,
@@ -6515,7 +6684,7 @@ var CheckboxGroup = ({
     {
       className: "flex flex-col gap-3",
       children: [
-        "groupLabel" in formattedGroup && formattedGroup.groupLabel && /* @__PURE__ */ jsx37(Text_default, { size: "sm", className: "mt-2", weight: "semibold", children: formattedGroup.groupLabel }),
+        "groupLabel" in formattedGroup && formattedGroup.groupLabel && /* @__PURE__ */ jsx38(Text_default, { size: "sm", className: "mt-2", weight: "semibold", children: formattedGroup.groupLabel }),
         formattedGroup.itens?.map(
           (item) => renderCheckboxItem(item, categoryKey)
         )
@@ -6525,7 +6694,7 @@ var CheckboxGroup = ({
   );
   const renderAccordionTrigger = (category, isEnabled) => /* @__PURE__ */ jsxs25("div", { className: "flex items-center justify-between w-full p-2", children: [
     /* @__PURE__ */ jsxs25("div", { className: "flex items-center gap-3", children: [
-      /* @__PURE__ */ jsx37(
+      /* @__PURE__ */ jsx38(
         CheckBox_default,
         {
           checked: isMinimalOneCheckBoxIsSelected(category.key),
@@ -6534,7 +6703,7 @@ var CheckboxGroup = ({
           onChange: () => toggleAllInCategory(category.key)
         }
       ),
-      /* @__PURE__ */ jsx37(
+      /* @__PURE__ */ jsx38(
         Text_default,
         {
           size: "sm",
@@ -6544,7 +6713,7 @@ var CheckboxGroup = ({
         }
       )
     ] }),
-    (openAccordion === category.key || isEnabled) && /* @__PURE__ */ jsx37(Badge_default, { variant: "solid", action: "info", children: getBadgeText2(category) })
+    (openAccordion === category.key || isEnabled) && /* @__PURE__ */ jsx38(Badge_default, { variant: "solid", action: "info", children: getBadgeText2(category) })
   ] });
   const renderCompactSingleItem = (category) => {
     const formattedItems = getFormattedItems(category.key);
@@ -6558,8 +6727,8 @@ var CheckboxGroup = ({
       {
         className: "flex items-center justify-between w-full px-3 py-2",
         children: [
-          /* @__PURE__ */ jsx37(Text_default, { size: "sm", weight: "bold", className: "text-text-800", children: category.label }),
-          /* @__PURE__ */ jsx37(Text_default, { size: "sm", className: "text-text-950", children: singleItem.name })
+          /* @__PURE__ */ jsx38(Text_default, { size: "sm", weight: "bold", className: "text-text-800", children: category.label }),
+          /* @__PURE__ */ jsx38(Text_default, { size: "sm", className: "text-text-950", children: singleItem.name })
         ]
       },
       category.key
@@ -6577,14 +6746,14 @@ var CheckboxGroup = ({
     if (compactSingleItem && hasOnlyOneAvailableItem && isEnabled) {
       return /* @__PURE__ */ jsxs25("div", { children: [
         renderCompactSingleItem(category),
-        showDivider && /* @__PURE__ */ jsx37(Divider_default, {})
+        showDivider && /* @__PURE__ */ jsx38(Divider_default, {})
       ] }, category.key);
     }
     const hasNoItems = formattedItems.every(
       (group) => !group.itens || group.itens.length === 0
     );
     return /* @__PURE__ */ jsxs25("div", { children: [
-      /* @__PURE__ */ jsx37(
+      /* @__PURE__ */ jsx38(
         CardAccordation,
         {
           value: category.key,
@@ -6594,12 +6763,12 @@ var CheckboxGroup = ({
             openAccordion === category.key && "bg-background-50 border-none"
           ),
           trigger: renderAccordionTrigger(category, isEnabled),
-          children: /* @__PURE__ */ jsx37("div", { className: "flex flex-col gap-3 pt-2", children: hasNoItems && isEnabled ? /* @__PURE__ */ jsx37("div", { className: "px-2 py-4", children: /* @__PURE__ */ jsx37(Text_default, { size: "sm", className: "text-text-500 text-center", children: "Sem dados" }) }) : formattedItems.map(
+          children: /* @__PURE__ */ jsx38("div", { className: "flex flex-col gap-3 pt-2", children: hasNoItems && isEnabled ? /* @__PURE__ */ jsx38("div", { className: "px-2 py-4", children: /* @__PURE__ */ jsx38(Text_default, { size: "sm", className: "text-text-500 text-center", children: "Sem dados" }) }) : formattedItems.map(
             (formattedGroup, idx) => renderFormattedGroup(formattedGroup, idx, category.key)
           ) })
         }
       ),
-      openAccordion !== category.key && showDivider && /* @__PURE__ */ jsx37(Divider_default, {})
+      openAccordion !== category.key && showDivider && /* @__PURE__ */ jsx38(Divider_default, {})
     ] }, category.key);
   };
   useEffect14(() => {
@@ -6613,7 +6782,7 @@ var CheckboxGroup = ({
       }, 0);
     }
   }, [categories, openAccordion]);
-  return /* @__PURE__ */ jsx37(
+  return /* @__PURE__ */ jsx38(
     AccordionGroup,
     {
       type: "single",
@@ -6626,7 +6795,7 @@ var CheckboxGroup = ({
 };
 
 // src/components/Filter/FilterModal.tsx
-import { jsx as jsx38, jsxs as jsxs26 } from "react/jsx-runtime";
+import { jsx as jsx39, jsxs as jsxs26 } from "react/jsx-runtime";
 var FilterModal = ({
   isOpen,
   onClose,
@@ -6654,7 +6823,7 @@ var FilterModal = ({
   const handleClear = () => {
     onClear();
   };
-  return /* @__PURE__ */ jsx38(
+  return /* @__PURE__ */ jsx39(
     Modal_default,
     {
       isOpen,
@@ -6662,10 +6831,10 @@ var FilterModal = ({
       title,
       size,
       footer: /* @__PURE__ */ jsxs26("div", { className: "flex gap-3 justify-end w-full", children: [
-        /* @__PURE__ */ jsx38(Button_default, { variant: "outline", onClick: handleClear, children: clearLabel }),
-        /* @__PURE__ */ jsx38(Button_default, { onClick: handleApply, children: applyLabel })
+        /* @__PURE__ */ jsx39(Button_default, { variant: "outline", onClick: handleClear, children: clearLabel }),
+        /* @__PURE__ */ jsx39(Button_default, { onClick: handleApply, children: applyLabel })
       ] }),
-      children: /* @__PURE__ */ jsx38("div", { className: "flex flex-col gap-6", children: filterConfigs.map((config, index) => /* @__PURE__ */ jsxs26("div", { className: "flex flex-col gap-4", children: [
+      children: /* @__PURE__ */ jsx39("div", { className: "flex flex-col gap-6", children: filterConfigs.map((config, index) => /* @__PURE__ */ jsxs26("div", { className: "flex flex-col gap-4", children: [
         /* @__PURE__ */ jsxs26("div", { className: "flex items-center gap-2 text-text-400 text-sm font-medium uppercase", children: [
           config.key === "academic" && /* @__PURE__ */ jsxs26(
             "svg",
@@ -6677,7 +6846,7 @@ var FilterModal = ({
               xmlns: "http://www.w3.org/2000/svg",
               className: "text-text-400",
               children: [
-                /* @__PURE__ */ jsx38(
+                /* @__PURE__ */ jsx39(
                   "path",
                   {
                     d: "M8 2L2 5.33333L8 8.66667L14 5.33333L8 2Z",
@@ -6687,7 +6856,7 @@ var FilterModal = ({
                     strokeLinejoin: "round"
                   }
                 ),
-                /* @__PURE__ */ jsx38(
+                /* @__PURE__ */ jsx39(
                   "path",
                   {
                     d: "M2 10.6667L8 14L14 10.6667",
@@ -6697,7 +6866,7 @@ var FilterModal = ({
                     strokeLinejoin: "round"
                   }
                 ),
-                /* @__PURE__ */ jsx38(
+                /* @__PURE__ */ jsx39(
                   "path",
                   {
                     d: "M2 8L8 11.3333L14 8",
@@ -6720,7 +6889,7 @@ var FilterModal = ({
               xmlns: "http://www.w3.org/2000/svg",
               className: "text-text-400",
               children: [
-                /* @__PURE__ */ jsx38(
+                /* @__PURE__ */ jsx39(
                   "path",
                   {
                     d: "M3.33333 2H12.6667C13.403 2 14 2.59695 14 3.33333V12.6667C14 13.403 13.403 14 12.6667 14H3.33333C2.59695 14 2 13.403 2 12.6667V3.33333C2 2.59695 2.59695 2 3.33333 2Z",
@@ -6730,7 +6899,7 @@ var FilterModal = ({
                     strokeLinejoin: "round"
                   }
                 ),
-                /* @__PURE__ */ jsx38(
+                /* @__PURE__ */ jsx39(
                   "path",
                   {
                     d: "M2 6H14",
@@ -6740,7 +6909,7 @@ var FilterModal = ({
                     strokeLinejoin: "round"
                   }
                 ),
-                /* @__PURE__ */ jsx38(
+                /* @__PURE__ */ jsx39(
                   "path",
                   {
                     d: "M6 2V14",
@@ -6753,9 +6922,9 @@ var FilterModal = ({
               ]
             }
           ),
-          /* @__PURE__ */ jsx38("span", { children: config.label })
+          /* @__PURE__ */ jsx39("span", { children: config.label })
         ] }),
-        /* @__PURE__ */ jsx38(
+        /* @__PURE__ */ jsx39(
           CheckboxGroup,
           {
             categories: config.categories,
@@ -6769,7 +6938,7 @@ var FilterModal = ({
 
 // src/components/TableProvider/TableProvider.tsx
 import { Funnel } from "phosphor-react";
-import { Fragment as Fragment8, jsx as jsx39, jsxs as jsxs27 } from "react/jsx-runtime";
+import { Fragment as Fragment8, jsx as jsx40, jsxs as jsxs27 } from "react/jsx-runtime";
 function TableProvider({
   data,
   headers,
@@ -6793,7 +6962,7 @@ function TableProvider({
   containerClassName,
   children
 }) {
-  const [searchQuery, setSearchQuery] = useState15("");
+  const [searchQuery, setSearchQuery] = useState16("");
   const sortResultRaw = useTableSort(data, { syncWithUrl: true });
   const sortResult = enableTableSort ? sortResultRaw : {
     sortedData: data,
@@ -6834,9 +7003,9 @@ function TableProvider({
     totalItems,
     totalPages
   } = paginationConfig;
-  const [currentPage, setCurrentPage] = useState15(1);
-  const [itemsPerPage, setItemsPerPage] = useState15(defaultItemsPerPage);
-  const [isFilterModalOpen, setIsFilterModalOpen] = useState15(false);
+  const [currentPage, setCurrentPage] = useState16(1);
+  const [itemsPerPage, setItemsPerPage] = useState16(defaultItemsPerPage);
+  const [isFilterModalOpen, setIsFilterModalOpen] = useState16(false);
   const combinedParams = useMemo6(() => {
     const params = {
       page: currentPage,
@@ -6867,23 +7036,23 @@ function TableProvider({
   useEffect15(() => {
     onParamsChange?.(combinedParams);
   }, [combinedParams]);
-  const handleSearchChange = useCallback5((value) => {
+  const handleSearchChange = useCallback6((value) => {
     setSearchQuery(value);
     setCurrentPage(1);
   }, []);
-  const handleFilterApply = useCallback5(() => {
+  const handleFilterApply = useCallback6(() => {
     applyFilters();
     setIsFilterModalOpen(false);
     setCurrentPage(1);
   }, [applyFilters]);
-  const handlePageChange = useCallback5((page) => {
+  const handlePageChange = useCallback6((page) => {
     setCurrentPage(page);
   }, []);
-  const handleItemsPerPageChange = useCallback5((items) => {
+  const handleItemsPerPageChange = useCallback6((items) => {
     setItemsPerPage(items);
     setCurrentPage(1);
   }, []);
-  const handleRowClickInternal = useCallback5(
+  const handleRowClickInternal = useCallback6(
     (row, index) => {
       if (enableRowClick && onRowClick) {
         onRowClick(row, index);
@@ -6918,13 +7087,13 @@ function TableProvider({
         size: "medium",
         onClick: () => setIsFilterModalOpen(true),
         children: [
-          /* @__PURE__ */ jsx39(Funnel, { size: 20 }),
+          /* @__PURE__ */ jsx40(Funnel, { size: 20 }),
           "Filtros",
-          hasActiveFilters && /* @__PURE__ */ jsx39("span", { className: "ml-2 rounded-full bg-primary-500 px-2 py-0.5 text-xs text-white", children: Object.keys(activeFilters).length })
+          hasActiveFilters && /* @__PURE__ */ jsx40("span", { className: "ml-2 rounded-full bg-primary-500 px-2 py-0.5 text-xs text-white", children: Object.keys(activeFilters).length })
         ]
       }
     ),
-    enableSearch && /* @__PURE__ */ jsx39("div", { className: "flex-1", children: /* @__PURE__ */ jsx39(
+    enableSearch && /* @__PURE__ */ jsx40("div", { className: "flex-1", children: /* @__PURE__ */ jsx40(
       Search_default,
       {
         value: searchQuery,
@@ -6936,10 +7105,10 @@ function TableProvider({
     ) })
   ] });
   const headerSection = (headerContent || controls) && /* @__PURE__ */ jsxs27("div", { className: "flex flex-col md:flex-row items-stretch md:items-center justify-between gap-4", children: [
-    headerContent && /* @__PURE__ */ jsx39("div", { children: headerContent }),
-    controls && /* @__PURE__ */ jsx39("div", { className: "flex-1 md:flex-none", children: controls })
+    headerContent && /* @__PURE__ */ jsx40("div", { children: headerContent }),
+    controls && /* @__PURE__ */ jsx40("div", { className: "flex-1 md:flex-none", children: controls })
   ] });
-  const table = /* @__PURE__ */ jsx39("div", { className: "w-full overflow-x-auto", children: /* @__PURE__ */ jsxs27(
+  const table = /* @__PURE__ */ jsx40("div", { className: "w-full overflow-x-auto", children: /* @__PURE__ */ jsxs27(
     Table_default,
     {
       variant,
@@ -6950,11 +7119,11 @@ function TableProvider({
       showEmpty,
       emptyState,
       children: [
-        /* @__PURE__ */ jsx39("thead", { children: /* @__PURE__ */ jsx39(
+        /* @__PURE__ */ jsx40("thead", { children: /* @__PURE__ */ jsx40(
           TableRow,
           {
             variant: variant === "borderless" ? "defaultBorderless" : "default",
-            children: headers.map((header, index) => /* @__PURE__ */ jsx39(
+            children: headers.map((header, index) => /* @__PURE__ */ jsx40(
               TableHead,
               {
                 sortable: enableTableSort && header.sortable,
@@ -6968,7 +7137,7 @@ function TableProvider({
             ))
           }
         ) }),
-        /* @__PURE__ */ jsx39(TableBody, { children: loading ? /* @__PURE__ */ jsx39(TableRow, { children: /* @__PURE__ */ jsx39(TableCell, { colSpan: headers.length, className: "text-center py-8", children: /* @__PURE__ */ jsx39("span", { className: "text-text-400 text-sm", children: "Carregando..." }) }) }) : displayData.map((row, rowIndex) => {
+        /* @__PURE__ */ jsx40(TableBody, { children: loading ? /* @__PURE__ */ jsx40(TableRow, { children: /* @__PURE__ */ jsx40(TableCell, { colSpan: headers.length, className: "text-center py-8", children: /* @__PURE__ */ jsx40("span", { className: "text-text-400 text-sm", children: "Carregando..." }) }) }) : displayData.map((row, rowIndex) => {
           const effectiveIndex = useInternalPagination ? (currentPage - 1) * itemsPerPage + rowIndex : rowIndex;
           const rowKeyValue = rowKey ? (() => {
             const keyValue = row[rowKey];
@@ -6980,7 +7149,7 @@ function TableProvider({
             }
             return String(keyValue);
           })() : `row-${effectiveIndex}`;
-          return /* @__PURE__ */ jsx39(
+          return /* @__PURE__ */ jsx40(
             TableRow,
             {
               variant: variant === "borderless" ? "defaultBorderless" : "default",
@@ -7001,7 +7170,7 @@ function TableProvider({
                   }
                 }
                 const content = header.render ? header.render(value, row, effectiveIndex) : defaultContent;
-                return /* @__PURE__ */ jsx39(
+                return /* @__PURE__ */ jsx40(
                   TableCell,
                   {
                     className: header.className,
@@ -7020,7 +7189,7 @@ function TableProvider({
       ]
     }
   ) });
-  const pagination = enablePagination && !isEmpty && /* @__PURE__ */ jsx39("div", { className: "flex justify-end", children: /* @__PURE__ */ jsx39(
+  const pagination = enablePagination && !isEmpty && /* @__PURE__ */ jsx40("div", { className: "flex justify-end", children: /* @__PURE__ */ jsx40(
     TablePagination_default,
     {
       currentPage,
@@ -7040,7 +7209,7 @@ function TableProvider({
         table,
         pagination
       }),
-      enableFilters && /* @__PURE__ */ jsx39(
+      enableFilters && /* @__PURE__ */ jsx40(
         FilterModal,
         {
           isOpen: isFilterModalOpen,
@@ -7058,7 +7227,7 @@ function TableProvider({
     headerSection,
     table,
     pagination,
-    enableFilters && /* @__PURE__ */ jsx39(
+    enableFilters && /* @__PURE__ */ jsx40(
       FilterModal,
       {
         isOpen: isFilterModalOpen,
@@ -7073,7 +7242,7 @@ function TableProvider({
 }
 
 // src/components/RecommendedLessonsHistory/config/modelsFiltersConfig.ts
-var getSubjectOptions = (data) => {
+var getSubjectOptions2 = (data) => {
   if (!data?.subjects) return [];
   return data.subjects.map((subject) => ({
     id: subject.id,
@@ -7089,29 +7258,14 @@ var createGoalModelsFiltersConfig = (userData) => [
         key: "subject",
         label: "Mat\xE9ria",
         selectedIds: [],
-        itens: getSubjectOptions(userData)
+        itens: getSubjectOptions2(userData)
       }
     ]
   }
 ];
 
-// src/components/RecommendedLessonsHistory/utils/filterBuilders.ts
-var buildGoalModelsFiltersFromParams = (params) => {
-  const filters = {
-    page: params.page,
-    limit: params.limit
-  };
-  if (params.search) {
-    filters.search = params.search;
-  }
-  if (Array.isArray(params.subject) && params.subject.length > 0) {
-    filters.subjectId = params.subject[0];
-  }
-  return filters;
-};
-
 // src/components/RecommendedLessonsHistory/tabs/ModelsTab.tsx
-import { jsx as jsx40 } from "react/jsx-runtime";
+import { jsx as jsx41 } from "react/jsx-runtime";
 var GOAL_MODELS_CONFIG = {
   entityName: "aula",
   entityNamePlural: "aulas",
@@ -7137,7 +7291,7 @@ var GoalModelsTab = ({
   mapSubjectNameToEnum,
   userFilterData,
   subjectsMap
-}) => /* @__PURE__ */ jsx40(
+}) => /* @__PURE__ */ jsx41(
   ModelsTabBase,
   {
     fetchModels: fetchGoalModels,
@@ -7165,7 +7319,7 @@ var GoalModelsTab = ({
 );
 
 // src/components/RecommendedLessonsHistory/RecommendedLessonsHistory.tsx
-import { Fragment as Fragment9, jsx as jsx41, jsxs as jsxs28 } from "react/jsx-runtime";
+import { Fragment as Fragment9, jsx as jsx42, jsxs as jsxs28 } from "react/jsx-runtime";
 var GoalPageTab = /* @__PURE__ */ ((GoalPageTab2) => {
   GoalPageTab2["HISTORY"] = "history";
   GoalPageTab2["DRAFTS"] = "drafts";
@@ -7211,7 +7365,7 @@ var getSchoolOptions = (data) => {
     name: school.name
   }));
 };
-var getSubjectOptions2 = (data) => {
+var getSubjectOptions3 = (data) => {
   if (!data?.subjects) return [];
   return data.subjects.map((subject) => ({
     id: subject.id,
@@ -7277,7 +7431,7 @@ var createGoalFiltersConfig = (userData) => [
         key: "subject",
         label: "Mat\xE9ria",
         selectedIds: [],
-        itens: getSubjectOptions2(userData)
+        itens: getSubjectOptions3(userData)
       },
       {
         key: "theme",
@@ -7330,7 +7484,7 @@ var createTableColumns = (mapSubjectNameToEnum, onDeleteGoal, onEditGoal) => [
     className: "max-w-[200px] truncate",
     render: (value) => {
       const title = typeof value === "string" ? value : "";
-      return /* @__PURE__ */ jsx41(Text_default, { size: "sm", title, children: title });
+      return /* @__PURE__ */ jsx42(Text_default, { size: "sm", title, children: title });
     }
   },
   {
@@ -7340,7 +7494,7 @@ var createTableColumns = (mapSubjectNameToEnum, onDeleteGoal, onEditGoal) => [
     className: "max-w-[150px] truncate",
     render: (value) => {
       const school = typeof value === "string" ? value : "";
-      return /* @__PURE__ */ jsx41(Text_default, { size: "sm", title: school, children: school });
+      return /* @__PURE__ */ jsx42(Text_default, { size: "sm", title: school, children: school });
     }
   },
   {
@@ -7357,11 +7511,11 @@ var createTableColumns = (mapSubjectNameToEnum, onDeleteGoal, onEditGoal) => [
       const subjectName = typeof value === "string" ? value : "";
       const subjectEnum = mapSubjectNameToEnum?.(subjectName);
       if (!subjectEnum) {
-        return /* @__PURE__ */ jsx41(Text_default, { size: "sm", className: "truncate", title: subjectName, children: subjectName });
+        return /* @__PURE__ */ jsx42(Text_default, { size: "sm", className: "truncate", title: subjectName, children: subjectName });
       }
       const subjectInfo = getSubjectInfo(subjectEnum);
       return /* @__PURE__ */ jsxs28("div", { className: "flex items-center gap-2", title: subjectName, children: [
-        /* @__PURE__ */ jsx41(
+        /* @__PURE__ */ jsx42(
           "span",
           {
             className: cn(
@@ -7371,7 +7525,7 @@ var createTableColumns = (mapSubjectNameToEnum, onDeleteGoal, onEditGoal) => [
             children: subjectInfo.icon
           }
         ),
-        /* @__PURE__ */ jsx41(Text_default, { size: "sm", className: "truncate", children: subjectName })
+        /* @__PURE__ */ jsx42(Text_default, { size: "sm", className: "truncate", children: subjectName })
       ] });
     }
   },
@@ -7387,9 +7541,9 @@ var createTableColumns = (mapSubjectNameToEnum, onDeleteGoal, onEditGoal) => [
     render: (value) => {
       const status = typeof value === "string" ? value : "";
       if (!status) {
-        return /* @__PURE__ */ jsx41(Text_default, { size: "sm", color: "text-text-500", children: "-" });
+        return /* @__PURE__ */ jsx42(Text_default, { size: "sm", color: "text-text-500", children: "-" });
       }
-      return /* @__PURE__ */ jsx41(
+      return /* @__PURE__ */ jsx42(
         Badge_default,
         {
           variant: "solid",
@@ -7404,7 +7558,7 @@ var createTableColumns = (mapSubjectNameToEnum, onDeleteGoal, onEditGoal) => [
     key: "completionPercentage",
     label: "Conclus\xE3o",
     sortable: true,
-    render: (value) => /* @__PURE__ */ jsx41(
+    render: (value) => /* @__PURE__ */ jsx42(
       ProgressBar_default,
       {
         value: Number(value),
@@ -7431,19 +7585,19 @@ var createTableColumns = (mapSubjectNameToEnum, onDeleteGoal, onEditGoal) => [
         onEditGoal?.(row.id);
       };
       return /* @__PURE__ */ jsxs28("div", { className: "flex justify-center gap-2", children: [
-        /* @__PURE__ */ jsx41(
+        /* @__PURE__ */ jsx42(
           IconButton_default,
           {
-            icon: /* @__PURE__ */ jsx41(Trash2, { size: 20 }),
+            icon: /* @__PURE__ */ jsx42(Trash2, { size: 20 }),
             size: "sm",
             title: "Excluir",
             onClick: handleDelete
           }
         ),
-        /* @__PURE__ */ jsx41(
+        /* @__PURE__ */ jsx42(
           IconButton_default,
           {
-            icon: /* @__PURE__ */ jsx41(PencilSimple2, { size: 20 }),
+            icon: /* @__PURE__ */ jsx42(PencilSimple2, { size: 20 }),
             size: "sm",
             title: "Editar",
             onClick: handleEdit
@@ -7457,7 +7611,7 @@ var createTableColumns = (mapSubjectNameToEnum, onDeleteGoal, onEditGoal) => [
     label: "",
     sortable: false,
     className: "w-12",
-    render: () => /* @__PURE__ */ jsx41("div", { className: "flex justify-center", children: /* @__PURE__ */ jsx41(CaretRight6, { size: 20, className: "text-text-600" }) })
+    render: () => /* @__PURE__ */ jsx42("div", { className: "flex justify-center", children: /* @__PURE__ */ jsx42(CaretRight6, { size: 20, className: "text-text-600" }) })
   }
 ];
 var RecommendedLessonsHistory = ({
@@ -7479,10 +7633,14 @@ var RecommendedLessonsHistory = ({
   onSendLesson,
   onEditModel,
   subjectsMap,
+  fetchGoalDrafts,
+  deleteGoalDraft,
+  onSendDraft,
+  onEditDraft,
   defaultTab,
   onTabChange
 }) => {
-  const [activeTab, setActiveTab] = useState16(
+  const [activeTab, setActiveTab] = useState17(
     defaultTab ?? "history" /* HISTORY */
   );
   useEffect16(() => {
@@ -7490,7 +7648,7 @@ var RecommendedLessonsHistory = ({
       setActiveTab(defaultTab);
     }
   }, [defaultTab]);
-  const handleTabChange = useCallback6(
+  const handleTabChange = useCallback7(
     (value) => {
       const newTab = value;
       setActiveTab(newTab);
@@ -7521,7 +7679,7 @@ var RecommendedLessonsHistory = ({
     () => createTableColumns(mapSubjectNameToEnum, onDeleteGoal, onEditGoal),
     [mapSubjectNameToEnum, onDeleteGoal, onEditGoal]
   );
-  const handleParamsChange = useCallback6(
+  const handleParamsChange = useCallback7(
     (params) => {
       const filters = buildFiltersFromParams(params);
       fetchGoals(filters);
@@ -7534,10 +7692,10 @@ var RecommendedLessonsHistory = ({
       "data-testid": "recommended-lessons-history",
       className: "flex flex-col w-full h-auto relative justify-center items-center mb-5 overflow-hidden",
       children: [
-        /* @__PURE__ */ jsx41("span", { className: "absolute top-0 left-0 h-[150px] w-full z-0" }),
+        /* @__PURE__ */ jsx42("span", { className: "absolute top-0 left-0 h-[150px] w-full z-0" }),
         /* @__PURE__ */ jsxs28("div", { className: "flex flex-col w-full h-full max-w-[1350px] mx-auto z-10 lg:px-0 px-4 pt-4 sm:pt-0", children: [
           /* @__PURE__ */ jsxs28("div", { className: "flex flex-col sm:flex-row w-full mb-6 items-start sm:items-center sm:justify-between gap-0 sm:gap-4", children: [
-            /* @__PURE__ */ jsx41(
+            /* @__PURE__ */ jsx42(
               Text_default,
               {
                 as: "h1",
@@ -7546,7 +7704,7 @@ var RecommendedLessonsHistory = ({
                 children: title
               }
             ),
-            /* @__PURE__ */ jsx41("div", { className: "flex-shrink-0 lg:w-auto self-center sm:self-auto", children: /* @__PURE__ */ jsx41(
+            /* @__PURE__ */ jsx42("div", { className: "flex-shrink-0 lg:w-auto self-center sm:self-auto", children: /* @__PURE__ */ jsx42(
               Menu,
               {
                 defaultValue: "history" /* HISTORY */,
@@ -7560,7 +7718,7 @@ var RecommendedLessonsHistory = ({
                     variant: "menu2",
                     className: "w-full lg:w-auto max-w-full min-w-0",
                     children: [
-                      /* @__PURE__ */ jsx41(
+                      /* @__PURE__ */ jsx42(
                         MenuItem,
                         {
                           variant: "menu2",
@@ -7570,7 +7728,7 @@ var RecommendedLessonsHistory = ({
                           children: "Hist\xF3rico"
                         }
                       ),
-                      /* @__PURE__ */ jsx41(
+                      /* @__PURE__ */ jsx42(
                         MenuItem,
                         {
                           variant: "menu2",
@@ -7580,7 +7738,7 @@ var RecommendedLessonsHistory = ({
                           children: "Rascunhos"
                         }
                       ),
-                      /* @__PURE__ */ jsx41(
+                      /* @__PURE__ */ jsx42(
                         MenuItem,
                         {
                           variant: "menu2",
@@ -7597,7 +7755,7 @@ var RecommendedLessonsHistory = ({
             ) })
           ] }),
           /* @__PURE__ */ jsxs28("div", { className: "flex flex-col items-center w-full min-h-0 flex-1", children: [
-            activeTab === "history" /* HISTORY */ && /* @__PURE__ */ jsx41(Fragment9, { children: error ? /* @__PURE__ */ jsx41("div", { className: "flex items-center justify-center bg-background rounded-xl w-full min-h-[705px]", children: /* @__PURE__ */ jsx41(Text_default, { size: "lg", color: "text-error-500", children: error }) }) : /* @__PURE__ */ jsx41("div", { className: "w-full", children: /* @__PURE__ */ jsx41(
+            activeTab === "history" /* HISTORY */ && /* @__PURE__ */ jsx42(Fragment9, { children: error ? /* @__PURE__ */ jsx42("div", { className: "flex items-center justify-center bg-background rounded-xl w-full min-h-[705px]", children: /* @__PURE__ */ jsx42(Text_default, { size: "lg", color: "text-error-500", children: error }) }) : /* @__PURE__ */ jsx42("div", { className: "w-full", children: /* @__PURE__ */ jsx42(
               TableProvider,
               {
                 data: goals,
@@ -7622,14 +7780,14 @@ var RecommendedLessonsHistory = ({
                   image: noSearchImage
                 },
                 emptyState: {
-                  component: /* @__PURE__ */ jsx41(
+                  component: /* @__PURE__ */ jsx42(
                     EmptyState_default,
                     {
                       image: emptyStateImage,
                       title: "Crie uma nova aula",
                       description: "Selecione um conjunto de aulas organizadas por tema e ajude seus alunos a estudarem de forma estruturada e eficiente!",
                       buttonText: createButtonText,
-                      buttonIcon: /* @__PURE__ */ jsx41(Plus2, { size: 18 }),
+                      buttonIcon: /* @__PURE__ */ jsx42(Plus2, { size: 18 }),
                       buttonVariant: "outline",
                       buttonAction: "primary",
                       onButtonClick: onCreateLesson
@@ -7646,14 +7804,14 @@ var RecommendedLessonsHistory = ({
                   } = renderProps;
                   return /* @__PURE__ */ jsxs28("div", { className: "space-y-4", children: [
                     /* @__PURE__ */ jsxs28("div", { className: "flex items-center justify-between gap-4", children: [
-                      /* @__PURE__ */ jsx41(
+                      /* @__PURE__ */ jsx42(
                         Button_default,
                         {
                           variant: "solid",
                           action: "primary",
                           size: "medium",
                           onClick: onCreateLesson,
-                          iconLeft: /* @__PURE__ */ jsx41(Plus2, { size: 18, weight: "bold" }),
+                          iconLeft: /* @__PURE__ */ jsx42(Plus2, { size: 18, weight: "bold" }),
                           children: createButtonText
                         }
                       ),
@@ -7667,8 +7825,22 @@ var RecommendedLessonsHistory = ({
                 }
               }
             ) }) }),
-            activeTab === "drafts" /* DRAFTS */ && /* @__PURE__ */ jsx41("div", { className: "flex items-center justify-center bg-background rounded-xl w-full min-h-[705px]", children: /* @__PURE__ */ jsx41(Text_default, { size: "lg", color: "text-text-600", children: "Rascunhos em desenvolvimento" }) }),
-            activeTab === "models" /* MODELS */ && fetchGoalModels && deleteGoalModel && onCreateModel && /* @__PURE__ */ jsx41(
+            activeTab === "drafts" /* DRAFTS */ && fetchGoalDrafts && deleteGoalDraft && onCreateLesson && /* @__PURE__ */ jsx42(
+              GoalDraftsTab,
+              {
+                fetchGoalDrafts,
+                deleteGoalDraft,
+                onCreateDraft: onCreateLesson,
+                onSendDraft,
+                onEditDraft,
+                emptyStateImage,
+                noSearchImage,
+                mapSubjectNameToEnum,
+                userFilterData,
+                subjectsMap
+              }
+            ),
+            activeTab === "models" /* MODELS */ && fetchGoalModels && deleteGoalModel && onCreateModel && /* @__PURE__ */ jsx42(
               GoalModelsTab,
               {
                 fetchGoalModels,